# sequra/2.0.6/templates/header-js.php

seQura, version 2.0.6. 185 lines.

- Page: https://pluginprobe.com/plugins/sequra/2.0.6/code/templates/header-js.php
- Raw: https://pluginprobe.com/plugins/sequra/2.0.6/raw/templates/header-js.php
- Modified: 2023-07-19T15:38:42+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/sequra/2.0.6/code/templates/header-js.php#L10-L20`.

```php
<?php
/**
 * Header script for widgets
 *
 * @package woocommerce-sequra
 */

// phpcs:disable VariableAnalysis.CodeAnalysis.VariableAnalysis.UndefinedVariable
?>
<script type="text/javascript">
	var sequraProducts = [];
	<?php foreach ( $available_products as $p ) { ?>
		sequraProducts.push('<?php echo esc_js( $p ); ?>');
	<?php } ?>
	var sequraConfigParams = {
		merchant: '<?php echo esc_js( SequraHelper::get_instance()->get_merchant_ref() ); ?>',
		assetKey: '<?php echo esc_js( $core_settings['assets_secret'] ); ?>',
		products: sequraProducts,
		scriptUri: '<?php echo esc_js( $script_base_uri ); ?>sequra-checkout.min.js',
		decimalSeparator: '<?php echo esc_js( wc_get_price_decimal_separator() ); ?>',
		thousandSeparator: '<?php echo esc_js( wc_get_price_thousand_separator() ); ?>',
		locale: '<?php echo esc_js( str_replace( '_', '-', get_locale() ) ); ?>',
	};

	(function(i, s, o, g, r, a, m) {
		i['SequraConfiguration'] = g;
		i['SequraOnLoad'] = [];
		i[r] = {};
		i[r][a] = function(callback) {
			i['SequraOnLoad'].push(callback);
		};
		(a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
		a.async = 1;
		a.src = g.scriptUri;
		m.parentNode.insertBefore(a, m);
	})(window, document, 'script', sequraConfigParams, 'Sequra', 'onLoad');


	//Helper
	var SequraHelper = {
		presets: {
			L: '{"alignment":"left"}',
			R: '{"alignment":"right"}',
			legacy: '{"type":"legacy"}',
			legacyL: '{"type":"legacy","alignment":"left"}',
			legacyR: '{"type":"legacy","alignment":"right"}',
			minimal: '{"type":"text","branding":"none","size":"S","starting-text":"as-low-as"}',
			minimalL: '{"type":"text","branding":"none","size":"S","starting-text":"as-low-as","alignment":"left"}',
			minimalR: '{"type":"text","branding":"none","size":"S","starting-text":"as-low-as","alignment":"right"}'
		},
		drawnWidgets: [],
		getText: function(selector) {
			return selector && document.querySelector(selector) ? document.querySelector(selector).innerText : "0";
		},

		selectorToCents: function(selector) {
			return SequraHelper.textToCents(SequraHelper.getText(selector));
		},

		textToCents: function(text) {
			text = text.replace(/^\D*/, '').replace(/\D*$/, '');
			if (text.indexOf(sequraConfigParams.decimalSeparator) < 0) {
				text += sequraConfigParams.decimalSeparator + '00';
			}
			return SequraHelper.floatToCents(
				parseFloat(
					text
					.replace(sequraConfigParams.thousandSeparator, '')
					.replace(sequraConfigParams.decimalSeparator, '.')
				)
			);
		},

		floatToCents: function(value) {
			return parseInt(value.toFixed(2).replace('.', ''), 10);
		},

		mutationCallback: function(mutationlist, mutationobserver) {
			var price_src = mutationobserver.observed_as;
			var new_amount = SequraHelper.selectorToCents(price_src);
			document.querySelectorAll('[observes=\"' + price_src + '\"]').forEach(function(item) {
				item.setAttribute('data-amount', new_amount);
			});
			Sequra.refreshComponents();
		},

		drawPromotionWidget: function(price_src, dest, product, theme, reverse, campaign, registration_amount) {
			if (SequraHelper.drawnWidgets[price_src + dest + product + theme + reverse + campaign]) {
				return;
			}
			SequraHelper.drawnWidgets[price_src + dest + product + theme + reverse + campaign] = true;
			var promoWidgetNode = document.createElement('div');
			var price_in_cents = 0;
			try {
				var srcNode = document.querySelector(price_src);
				var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
				if (MutationObserver && srcNode) { //Don't break if not supported in browser
					if (!srcNode.getAttribute('observed-by-sequra-promotion-widget')) { //Define only one observer per price_src
						var mo = new MutationObserver(SequraHelper.mutationCallback);
						mo.observe(srcNode, {
							childList: true,
							subtree: true
						});
						mo.observed_as = price_src;
						srcNode.setAttribute('observed-by-sequra-promotion-widget', 1);
					}
				}
				promoWidgetNode.setAttribute('observes', price_src);
				price_in_cents = SequraHelper.selectorToCents(price_src)
			} catch (e) {
				if (price_src) {
					console.error(price_src + ' is not a valid css selector to read the price from, for sequra widget.');
					return;
				}
			}
			try {
				var destNode = document.querySelector(dest);
			} catch (e) {
				console.error(dest + ' is not a valid css selector to write sequra widget to.');
				return;
			}
			promoWidgetNode.className = 'sequra-promotion-widget';
			promoWidgetNode.setAttribute('data-amount', price_in_cents);
			promoWidgetNode.setAttribute('data-product', product);
			if (this.presets[theme]) {
				theme = this.presets[theme]
			}
			try {
				attributes = JSON.parse(theme);
				for (var key in attributes) {
					promoWidgetNode.setAttribute('data-' + key, "" + attributes[key]);
				}
			} catch (e) {
				promoWidgetNode.setAttribute('data-type', 'text');
			}
			if (reverse) {
				promoWidgetNode.setAttribute('data-reverse', reverse);
			}
			if (campaign) {
				promoWidgetNode.setAttribute('data-campaign', campaign);
			}
			if (registration_amount) {
				promoWidgetNode.setAttribute('data-registration-amount', registration_amount);
			}
			if (destNode.nextSibling) { //Insert after
				destNode.parentNode.insertBefore(promoWidgetNode, destNode.nextSibling);
			} else {
				destNode.parentNode.appendChild(promoWidgetNode);
			}
			Sequra.onLoad(
				function() {
					Sequra.refreshComponents();
				}
			);
		},
		waitForElement: function(selector) {
			return new Promise(function(resolve) {
				if (document.querySelector(selector)) {
					return resolve();
				}
				const observer = new MutationObserver(function(mutations) {
					if (document.querySelector(selector)) {
						resolve();
						observer.disconnect();
					}
				});
				observer.observe(document.body, {
					childList: true,
					subtree: true
				});
			});
		}
	}
</script>
<style>
	.sequra-educational-popup {
		white-space: nowrap;
		cursor: pointer;
	}

	.sequra-promotion-widget[data-type="legacy"] {
		max-width: 320px;
	}
</style>

```