@zonos/elements 1.1.2 → 1.2.0

package/dist/zonos-elements/zonos-hello.entry.js

@@ -1,696 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-d1aa9293.js';
-import { _ as _root, i as isObjectLike_1, e as _baseGetTag, f as isObject_1, z as zonosStore, m as mergeConfig } from './zonosStore-1c9c7d76.js';
-import { h as handleFetch, b as logError, a as localizationStore, i as isValidSelector, t as translate, s as setZonosCountryUrlParam, e as currencyDisplay, f as currencyConvertAndFormat, g as currencyConvert, j as currencyFormat, l as log } from './localization-1d92a557.js';
-import { c as classes } from './classes-0d95c529.js';
-import { g as getHasMoreSpaceOnRight } from './getHasMoreSpaceOnRight-feba1ae2.js';
-
-/**
- * Gets the timestamp of the number of milliseconds that have elapsed since
- * the Unix epoch (1 January 1970 00:00:00 UTC).
- *
- * @static
- * @memberOf _
- * @since 2.4.0
- * @category Date
- * @returns {number} Returns the timestamp.
- * @example
- *
- * _.defer(function(stamp) {
- *   console.log(_.now() - stamp);
- * }, _.now());
- * // => Logs the number of milliseconds it took for the deferred invocation.
- */
-var now = function() {
-  return _root.Date.now();
-};
-
-var now_1 = now;
-
-/** Used to match a single whitespace character. */
-var reWhitespace = /\s/;
-
-/**
- * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace
- * character of `string`.
- *
- * @private
- * @param {string} string The string to inspect.
- * @returns {number} Returns the index of the last non-whitespace character.
- */
-function trimmedEndIndex(string) {
-  var index = string.length;
-
-  while (index-- && reWhitespace.test(string.charAt(index))) {}
-  return index;
-}
-
-var _trimmedEndIndex = trimmedEndIndex;
-
-/** Used to match leading whitespace. */
-var reTrimStart = /^\s+/;
-
-/**
- * The base implementation of `_.trim`.
- *
- * @private
- * @param {string} string The string to trim.
- * @returns {string} Returns the trimmed string.
- */
-function baseTrim(string) {
-  return string
-    ? string.slice(0, _trimmedEndIndex(string) + 1).replace(reTrimStart, '')
-    : string;
-}
-
-var _baseTrim = baseTrim;
-
-/** `Object#toString` result references. */
-var symbolTag = '[object Symbol]';
-
-/**
- * Checks if `value` is classified as a `Symbol` primitive or object.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
- * @example
- *
- * _.isSymbol(Symbol.iterator);
- * // => true
- *
- * _.isSymbol('abc');
- * // => false
- */
-function isSymbol(value) {
-  return typeof value == 'symbol' ||
-    (isObjectLike_1(value) && _baseGetTag(value) == symbolTag);
-}
-
-var isSymbol_1 = isSymbol;
-
-/** Used as references for various `Number` constants. */
-var NAN = 0 / 0;
-
-/** Used to detect bad signed hexadecimal string values. */
-var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
-
-/** Used to detect binary string values. */
-var reIsBinary = /^0b[01]+$/i;
-
-/** Used to detect octal string values. */
-var reIsOctal = /^0o[0-7]+$/i;
-
-/** Built-in method references without a dependency on `root`. */
-var freeParseInt = parseInt;
-
-/**
- * Converts `value` to a number.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to process.
- * @returns {number} Returns the number.
- * @example
- *
- * _.toNumber(3.2);
- * // => 3.2
- *
- * _.toNumber(Number.MIN_VALUE);
- * // => 5e-324
- *
- * _.toNumber(Infinity);
- * // => Infinity
- *
- * _.toNumber('3.2');
- * // => 3.2
- */
-function toNumber(value) {
-  if (typeof value == 'number') {
-    return value;
-  }
-  if (isSymbol_1(value)) {
-    return NAN;
-  }
-  if (isObject_1(value)) {
-    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
-    value = isObject_1(other) ? (other + '') : other;
-  }
-  if (typeof value != 'string') {
-    return value === 0 ? value : +value;
-  }
-  value = _baseTrim(value);
-  var isBinary = reIsBinary.test(value);
-  return (isBinary || reIsOctal.test(value))
-    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
-    : (reIsBadHex.test(value) ? NAN : +value);
-}
-
-var toNumber_1 = toNumber;
-
-/** Error message constants. */
-var FUNC_ERROR_TEXT = 'Expected a function';
-
-/* Built-in method references for those with the same name as other `lodash` methods. */
-var nativeMax = Math.max,
-    nativeMin = Math.min;
-
-/**
- * Creates a debounced function that delays invoking `func` until after `wait`
- * milliseconds have elapsed since the last time the debounced function was
- * invoked. The debounced function comes with a `cancel` method to cancel
- * delayed `func` invocations and a `flush` method to immediately invoke them.
- * Provide `options` to indicate whether `func` should be invoked on the
- * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
- * with the last arguments provided to the debounced function. Subsequent
- * calls to the debounced function return the result of the last `func`
- * invocation.
- *
- * **Note:** If `leading` and `trailing` options are `true`, `func` is
- * invoked on the trailing edge of the timeout only if the debounced function
- * is invoked more than once during the `wait` timeout.
- *
- * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
- * until to the next tick, similar to `setTimeout` with a timeout of `0`.
- *
- * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
- * for details over the differences between `_.debounce` and `_.throttle`.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Function
- * @param {Function} func The function to debounce.
- * @param {number} [wait=0] The number of milliseconds to delay.
- * @param {Object} [options={}] The options object.
- * @param {boolean} [options.leading=false]
- *  Specify invoking on the leading edge of the timeout.
- * @param {number} [options.maxWait]
- *  The maximum time `func` is allowed to be delayed before it's invoked.
- * @param {boolean} [options.trailing=true]
- *  Specify invoking on the trailing edge of the timeout.
- * @returns {Function} Returns the new debounced function.
- * @example
- *
- * // Avoid costly calculations while the window size is in flux.
- * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
- *
- * // Invoke `sendMail` when clicked, debouncing subsequent calls.
- * jQuery(element).on('click', _.debounce(sendMail, 300, {
- *   'leading': true,
- *   'trailing': false
- * }));
- *
- * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
- * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
- * var source = new EventSource('/stream');
- * jQuery(source).on('message', debounced);
- *
- * // Cancel the trailing debounced invocation.
- * jQuery(window).on('popstate', debounced.cancel);
- */
-function debounce(func, wait, options) {
-  var lastArgs,
-      lastThis,
-      maxWait,
-      result,
-      timerId,
-      lastCallTime,
-      lastInvokeTime = 0,
-      leading = false,
-      maxing = false,
-      trailing = true;
-
-  if (typeof func != 'function') {
-    throw new TypeError(FUNC_ERROR_TEXT);
-  }
-  wait = toNumber_1(wait) || 0;
-  if (isObject_1(options)) {
-    leading = !!options.leading;
-    maxing = 'maxWait' in options;
-    maxWait = maxing ? nativeMax(toNumber_1(options.maxWait) || 0, wait) : maxWait;
-    trailing = 'trailing' in options ? !!options.trailing : trailing;
-  }
-
-  function invokeFunc(time) {
-    var args = lastArgs,
-        thisArg = lastThis;
-
-    lastArgs = lastThis = undefined;
-    lastInvokeTime = time;
-    result = func.apply(thisArg, args);
-    return result;
-  }
-
-  function leadingEdge(time) {
-    // Reset any `maxWait` timer.
-    lastInvokeTime = time;
-    // Start the timer for the trailing edge.
-    timerId = setTimeout(timerExpired, wait);
-    // Invoke the leading edge.
-    return leading ? invokeFunc(time) : result;
-  }
-
-  function remainingWait(time) {
-    var timeSinceLastCall = time - lastCallTime,
-        timeSinceLastInvoke = time - lastInvokeTime,
-        timeWaiting = wait - timeSinceLastCall;
-
-    return maxing
-      ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)
-      : timeWaiting;
-  }
-
-  function shouldInvoke(time) {
-    var timeSinceLastCall = time - lastCallTime,
-        timeSinceLastInvoke = time - lastInvokeTime;
-
-    // Either this is the first call, activity has stopped and we're at the
-    // trailing edge, the system time has gone backwards and we're treating
-    // it as the trailing edge, or we've hit the `maxWait` limit.
-    return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
-      (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
-  }
-
-  function timerExpired() {
-    var time = now_1();
-    if (shouldInvoke(time)) {
-      return trailingEdge(time);
-    }
-    // Restart the timer.
-    timerId = setTimeout(timerExpired, remainingWait(time));
-  }
-
-  function trailingEdge(time) {
-    timerId = undefined;
-
-    // Only invoke if we have `lastArgs` which means `func` has been
-    // debounced at least once.
-    if (trailing && lastArgs) {
-      return invokeFunc(time);
-    }
-    lastArgs = lastThis = undefined;
-    return result;
-  }
-
-  function cancel() {
-    if (timerId !== undefined) {
-      clearTimeout(timerId);
-    }
-    lastInvokeTime = 0;
-    lastArgs = lastCallTime = lastThis = timerId = undefined;
-  }
-
-  function flush() {
-    return timerId === undefined ? result : trailingEdge(now_1());
-  }
-
-  function debounced() {
-    var time = now_1(),
-        isInvoking = shouldInvoke(time);
-
-    lastArgs = arguments;
-    lastThis = this;
-    lastCallTime = time;
-
-    if (isInvoking) {
-      if (timerId === undefined) {
-        return leadingEdge(lastCallTime);
-      }
-      if (maxing) {
-        // Handle invocations in a tight loop.
-        clearTimeout(timerId);
-        timerId = setTimeout(timerExpired, wait);
-        return invokeFunc(lastCallTime);
-      }
-    }
-    if (timerId === undefined) {
-      timerId = setTimeout(timerExpired, wait);
-    }
-    return result;
-  }
-  debounced.cancel = cancel;
-  debounced.flush = flush;
-  return debounced;
-}
-
-var debounce_1 = debounce;
-
-const checkItemRestrictions = async ({ items, shipFrom, shipTo, }) => {
-  var _a;
-  const url = `${"https://v1.route.js.zonos.com"}/api/check-item-restrictions`;
-  const body = {
-    items,
-    shipFrom,
-    shipTo,
-  };
-  const { errors, json } = await handleFetch(url, { body, method: 'POST' });
-  if (errors.length || !json) {
-    logError(`Error fetching item restrictions: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
-    return [];
-  }
-  return json.filter(Boolean);
-};
-
-const detectItemRestrictions = async (newProducts) => {
-  if (!newProducts.length) {
-    return [];
-  }
-  const { selectedCountryCode } = localizationStore;
-  if (!selectedCountryCode) {
-    logError('Hello Could not check item restrictions - No country code selected');
-    return [];
-  }
-  const items = newProducts.map(product => ({
-    description: product.description,
-    name: product.title,
-  }));
-  const restrictedItems = await checkItemRestrictions({
-    items: items,
-    shipFrom: 'AD',
-    shipTo: selectedCountryCode,
-  });
-  const restrictedItemsWithName = restrictedItems.map(item => {
-    var _a;
-    const name = ((_a = items.filter(x => x.description === item.itemDescription).find(Boolean)) === null || _a === void 0 ? void 0 : _a.name) || '';
-    return Object.assign(Object.assign({}, item), { name });
-  });
-  return restrictedItemsWithName;
-};
-
-const getCurrentHelloLocalePage = () => {
-  const { href } = window.location;
-  const { cartUrlPattern, homepageUrlPattern, productDetailUrlPattern, productListUrlPattern, } = zonosStore.helloSettings;
-  // The 'if' statements are sorted by most specific to least specific to help with regex matching
-  if (cartUrlPattern && new RegExp(cartUrlPattern).test(href)) {
-    return 'cart';
-  }
-  if (productDetailUrlPattern &&
-    new RegExp(productDetailUrlPattern).test(href)) {
-    return 'productDetail';
-  }
-  if (productListUrlPattern && new RegExp(productListUrlPattern).test(href)) {
-    return 'productList';
-  }
-  if (homepageUrlPattern && new RegExp(homepageUrlPattern).test(href)) {
-    return 'home';
-  }
-  return '';
-};
-
-const getProductsOnPage = () => {
-  var _a, _b;
-  const { productAddToCartElementSelector, productDescriptionElementSelector, productTitleElementSelector, restrictionBehavior, } = zonosStore.helloSettings;
-  if (!productTitleElementSelector || !productDescriptionElementSelector) {
-    logError(`Hello Could not check item restrictions - must provide title and description selectors.`);
-  }
-  const titleNodes = (productTitleElementSelector &&
-    isValidSelector(productTitleElementSelector) &&
-    document.querySelectorAll(productTitleElementSelector)) ||
-    [];
-  const descriptionNodes = (productDescriptionElementSelector &&
-    isValidSelector(productDescriptionElementSelector) &&
-    document.querySelectorAll(productDescriptionElementSelector)) ||
-    [];
-  if (titleNodes.length !== descriptionNodes.length) {
-    // If the title and description selectors don't match, kill item restrictions altogether
-    logError('Hello Could not check item restrictions - Title and description selectors do not match');
-    return [];
-  }
-  const shouldDisableCart = restrictionBehavior === 'RESTRICT_AND_BLOCK';
-  const cartButtonNodes = (shouldDisableCart &&
-    productAddToCartElementSelector &&
-    isValidSelector(productAddToCartElementSelector) &&
-    document.querySelectorAll(productAddToCartElementSelector)) ||
-    [];
-  if (shouldDisableCart && cartButtonNodes.length !== descriptionNodes.length) {
-    // If the "add to cart" selectors don't match, log the error and continue
-    logError('Hello could not disable "Add to cart" buttons - Title and add to cart selectors do not match');
-  }
-  const mergedElements = [];
-  for (let i = 0; i < titleNodes.length; i++) {
-    const titleNode = titleNodes[i];
-    const descriptionNode = descriptionNodes[i];
-    const cartButtonNode = cartButtonNodes[i];
-    if (titleNode && descriptionNode) {
-      const element = {
-        cartButtonNode: cartButtonNode || null,
-        description: ((_a = descriptionNode.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || '',
-        title: ((_b = titleNode.textContent) === null || _b === void 0 ? void 0 : _b.trim()) || '',
-      };
-      mergedElements.push(element);
-    }
-  }
-  return mergedElements;
-};
-
-const zonosHelloCss = ":host{font-family:Inter;display:block}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:inline-block}:host .zonos--hello-wrapper{position:relative}:host .zonos--hello-wrapper .zonos--hello-dialog-wrapper-mobile-override{position:fixed;bottom:0;left:0;width:100vw;z-index:1001;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}@media (max-width: 768px){:host .zonos--hello-wrapper{position:fixed;bottom:0;left:0;width:100vw;z-index:1001;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}:host .zonos--hello-widget{-webkit-transition:all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);transition:all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);padding:6px;border-radius:30px;background:var(--amino-page-background);font-size:var(--amino-font-size-s);border:var(--amino-border);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;z-index:1000}:host .zonos--hello-widget>.zonos--hello-message{-ms-flex-order:0;order:0;width:100%;max-width:0;height:100%;white-space:nowrap;-webkit-transition:border 0.3s ease-in, all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);transition:border 0.3s ease-in, all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);overflow:hidden;color:var(--amino-text-color);position:absolute;background:var(--amino-page-background);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-top-left-radius:30px;border-bottom-left-radius:30px;left:0;-webkit-transform:translateX(calc(-100% + var(--amino-space-16)));transform:translateX(calc(-100% + var(--amino-space-16)));width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-top:var(--amino-border);border-bottom:var(--amino-border)}:host .zonos--hello-widget.zonos--hello-has-restrictions{background:var(--amino-red-100);border:1px solid var(--amino-red-200)}:host .zonos--hello-widget.zonos--hello-has-restrictions>.zonos--hello-message{background:var(--amino-red-100);color:var(--amino-red-800);font-weight:500}:host .zonos--hello-widget.zonos--hello-has-restrictions.zonos--hello-show-peek-message>.zonos--hello-message{border:1px solid var(--amino-red-200)}:host .zonos--hello-widget.zonos--hello-show-peek-message{max-width:100vw;width:100%}:host .zonos--hello-widget.zonos--hello-show-peek-message>.zonos--hello-message{max-width:100vw;padding:0 6px;padding-right:var(--amino-space-16);border:var(--amino-border)}:host .zonos--hello-widget.zonos--hello-show-peek-message:not(.zonos--hello-widget-animate-from-left){border-top-left-radius:0;border-bottom-left-radius:0}:host .zonos--hello-widget.zonos--hello-show-peek-message:not(.zonos--hello-widget-animate-from-left)>.zonos--hello-message{border-right:none}:host .zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left{border-top-right-radius:0;border-bottom-right-radius:0}:host .zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left>.zonos--hello-message{border-left:0}:host .zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left>.zonos--hello-message{padding-left:var(--amino-space-16);padding-right:6px;border-left:none}:host .zonos--hello-widget.zonos--hello-widget-animate-from-left>.zonos--hello-message{-ms-flex-order:1;order:1;-webkit-transform:translateX(calc(100% - var(--amino-space-16)));transform:translateX(calc(100% - var(--amino-space-16)));right:0;left:auto;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:30px;border-bottom-right-radius:30px}:host .zonos--hello-widget .zonos--hello-country-flag-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--hello-widget .zonos--hello-country-flag-wrapper .zonos--hello-country-flag{height:18px;width:18px;position:relative;overflow:hidden;border-radius:30px;-webkit-box-shadow:var(--amino-v3-shadow-medium);box-shadow:var(--amino-v3-shadow-medium);z-index:10;justify-self:center}@media (max-width: 768px){:host .zonos--hello-widget .zonos--hello-country-flag-wrapper .zonos--hello-country-flag{border-radius:var(--amino-radius-4);width:24px}}@media (max-width: 768px){:host .zonos--hello-widget{position:fixed;bottom:var(--amino-space-32);right:var(--amino-space-32);border-radius:var(--amino-radius-4);padding:var(--amino-space-4);border:1px solid transparent}:host .zonos--hello-widget.zonos--hello-widget-left{left:var(--amino-space-32);right:auto}:host .zonos--hello-widget.zonos--hello-widget-top{bottom:auto;top:var(--amino-space-32)}:host .zonos--hello-widget.zonos--hello-has-restrictions.zonos--hello-show-peek-message>.zonos--hello-message{border:none}:host .zonos--hello-widget>.zonos--hello-message{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:30px;top:0;bottom:0;left:0;-webkit-transform:translateX(0);transform:translateX(0);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:none}:host .zonos--hello-widget.zonos--hello-widget-animate-from-left>.zonos--hello-message{-webkit-transform:translateX(0);transform:translateX(0)}:host .zonos--hello-widget.zonos--hello-show-peek-message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host .zonos--hello-widget.zonos--hello-show-peek-message:not(.zonos--hello-widget-animate-from-left){border-top-left-radius:var(--amino-radius-4);border-bottom-left-radius:var(--amino-radius-4)}:host .zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left{border-top-right-radius:var(--amino-radius-4);border-bottom-right-radius:var(--amino-radius-4)}:host .zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left>.zonos--hello-message{padding-left:var(--amino-space-8);padding-right:var(--amino-space-4)}:host .zonos--hello-widget.zonos--hello-show-peek-message>.zonos--hello-message{padding:0 var(--amino-radius-4);padding-right:6px;border:none}:host .zonos--hello-widget .zonos--hello-country-flag-wrapper{border-radius:var(--amino-radius-4)}}:host .zonos--hello-mobile-override.zonos--hello-widget{position:fixed;bottom:var(--amino-space-32);right:var(--amino-space-32);border-radius:var(--amino-radius-4);padding:var(--amino-space-4);border:1px solid transparent}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-left{left:var(--amino-space-32);right:auto}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-top{bottom:auto;top:var(--amino-space-32)}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-has-restrictions.zonos--hello-show-peek-message>.zonos--hello-message{border:none}:host .zonos--hello-mobile-override.zonos--hello-widget>.zonos--hello-message{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:30px;top:0;bottom:0;left:0;-webkit-transform:translateX(0);transform:translateX(0);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:none}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-animate-from-left>.zonos--hello-message{-webkit-transform:translateX(0);transform:translateX(0)}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-show-peek-message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-show-peek-message:not(.zonos--hello-widget-animate-from-left){border-top-left-radius:var(--amino-radius-4);border-bottom-left-radius:var(--amino-radius-4)}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left{border-top-right-radius:var(--amino-radius-4);border-bottom-right-radius:var(--amino-radius-4)}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left>.zonos--hello-message{padding-left:var(--amino-space-8);padding-right:var(--amino-space-4)}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-show-peek-message>.zonos--hello-message{padding:0 var(--amino-radius-4);padding-right:6px;border:none}:host .zonos--hello-mobile-override.zonos--hello-widget .zonos--hello-country-flag-wrapper{border-radius:var(--amino-radius-4)}:host .zonos--hello-mobile-override.zonos--hello-widget .zonos--hello-country-flag{border-radius:var(--amino-radius-4);width:24px}";
-
-const PEEK_MESSAGE_DELAY_MS = 3000;
-const RESIZE_DEBOUNCE_DELAY_MS = 500;
-const ZonosHello = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.getHelloPeekMessage = () => {
-      const isRestrictionPage = zonosStore.currentHelloPage === 'productDetail' ||
-        zonosStore.currentHelloPage === 'productList';
-      if (isRestrictionPage && this.allRestrictedItems.length) {
-        const clickMessage = translate('click to learn more');
-        const restrictMessage = zonosStore.currentHelloPage === 'productDetail'
-          ? translate('Restricted item')
-          : translate('Restricted items found');
-        return `${restrictMessage} - ${clickMessage}`;
-      }
-      switch (zonosStore.currentHelloPage) {
-        case 'cart':
-          return translate(`Prepay duties and taxes at checkout`);
-        case 'productList':
-        case 'productDetail':
-          return translate(`See duty and tax thresholds`);
-        default:
-          return `${translate('Welcome to')} ${zonosStore.organizationName}`;
-      }
-    };
-    this.enableShowPeekMessage = () => {
-      if (this.peekMessage) {
-        this.showPeekMessage = true;
-      }
-    };
-    this.getNewItemRestrictions = async (newProducts) => {
-      const isRestrictionPage = zonosStore.currentHelloPage === 'productDetail' ||
-        zonosStore.currentHelloPage === 'productList';
-      // Only run detectItemRestrictions on product pages if the restrictionBehavior is not DISABLED
-      if (!isRestrictionPage ||
-        zonosStore.helloSettings.restrictionBehavior === 'DISABLED') {
-        return [];
-      }
-      const newRestrictions = await detectItemRestrictions(newProducts);
-      return newRestrictions;
-    };
-    this.triggerShowPeekMessage = () => {
-      this.peekMessage = this.getHelloPeekMessage();
-      const { peekMessageBehavior, peekMessageDelay } = zonosStore.helloSettings;
-      // peek message delay is passed in seconds, but setTimeout expects milliseconds
-      const peekMessageDelayToUse = peekMessageDelay * 1000;
-      if (peekMessageBehavior === 'ENABLED') {
-        setTimeout(() => {
-          this.enableShowPeekMessage();
-          setTimeout(() => {
-            this.showPeekMessage = false;
-          }, PEEK_MESSAGE_DELAY_MS);
-        }, peekMessageDelayToUse);
-      }
-    };
-    this.disableAddToCartButtons = () => {
-      // Remove disabled attribute from all "add to cart" buttons
-      if (this.productsOnPage.length) {
-        this.productsOnPage.forEach(product => {
-          var _a, _b;
-          const isRestricted = this.allRestrictedItems.some(item => item.itemDescription === product.description);
-          // if a product description matches a restrictedItems itemDescription, then disable the add to cart button. Otherwise, enable it.
-          if (isRestricted) {
-            (_a = product.cartButtonNode) === null || _a === void 0 ? void 0 : _a.setAttribute('disabled', 'disabled');
-          }
-          else {
-            (_b = product.cartButtonNode) === null || _b === void 0 ? void 0 : _b.removeAttribute('disabled');
-          }
-        });
-      }
-    };
-    this.handleItemRestrictions = async () => {
-      this.productsOnPage = getProductsOnPage();
-      const newProducts = this.productsOnPage.filter(product => !this.allFoundProducts.some(foundProduct => foundProduct.title === product.title));
-      const newRestrictions = await this.getNewItemRestrictions(newProducts);
-      this.allRestrictedItems.push(...newRestrictions);
-      this.allFoundProducts.push(...newProducts);
-      this.disableAddToCartButtons();
-    };
-    this.reloadHelloData = async () => {
-      await this.handleItemRestrictions();
-      this.triggerShowPeekMessage();
-      void this.displayCurrency();
-    };
-    this.handleProductCountChange = debounce_1(() => {
-      const { productTitleElementSelector } = zonosStore.helloSettings;
-      if (productTitleElementSelector) {
-        const allProductsOnPage = getProductsOnPage();
-        if (this.allFoundProducts.length !== allProductsOnPage.length &&
-          window.location.href === this.initialUrl) {
-          // if allFoundProducts length is 0 (first render or no products), kill item restriction process as initial restrictions are handled in updateHelloOnPageChange
-          if (!this.allFoundProducts.length) {
-            return;
-          }
-          void this.reloadHelloData();
-        }
-      }
-    }, 1000);
-    this.watchProductCountChange = () => {
-      const observer = new MutationObserver(this.handleProductCountChange);
-      observer.observe(document.body, {
-        childList: true,
-        subtree: true,
-      });
-    };
-    this.updateHelloOnPageChange = () => {
-      // If the product count changes on the same url (loading more products), update the peek message and item restrictions
-      this.watchProductCountChange();
-      // Check url change on interval. If changed, update the peek message and item restrictions
-      setInterval(() => {
-        if (window.location.href !== this.initialUrl) {
-          const prevUrl = this.initialUrl && new URL(this.initialUrl);
-          const initialZonosCountry = prevUrl && prevUrl.searchParams.get('zonosCountry');
-          // If the zonosCountry url param changes, reset current item restriction tracking
-          if (initialZonosCountry !== localizationStore.selectedCountryCode) {
-            this.allFoundProducts = [];
-            this.allRestrictedItems = [];
-            this.productsOnPage = [];
-          }
-          this.initialUrl = window.location.href;
-          zonosStore.currentHelloPage = getCurrentHelloLocalePage();
-          const currentUrl = new URL(window.location.href);
-          const zonosCountry = currentUrl.searchParams.get('zonosCountry');
-          if (!zonosCountry) {
-            setZonosCountryUrlParam(localizationStore.selectedCountryCode);
-            return;
-          }
-          void this.reloadHelloData();
-        }
-      }, 1000);
-    };
-    this.changeShowDialog = (value) => {
-      this.showDialog = value;
-    };
-    this.shouldAnimateLeftDesktop = () => {
-      // Get Hello position (relative = desktop, fixed = mobile)
-      const elPosition = this.helloRef && getComputedStyle(this.helloRef).position;
-      // If relative position, determine if peek message should animate left or right. Mobile is pre-determined.
-      if (this.helloRef && elPosition === 'relative') {
-        const hasMoreSpaceOnRight = getHasMoreSpaceOnRight(this.helloRef);
-        return hasMoreSpaceOnRight;
-      }
-    };
-    this.mobileLocationOverride = undefined;
-    this.animateFromLeftOverride = undefined;
-    this.appearanceSettingsOverride = undefined;
-    this.showPeekMessage = false;
-    this.zonosStoreHelloSettings = zonosStore.helloSettings;
-    this.showDialog = false;
-    this.peekMessage = '';
-    this.initialUrl = '';
-    this.allRestrictedItems = [];
-    this.allFoundProducts = [];
-    this.productsOnPage = [];
-  }
-  componentWillLoad() {
-    const initInterval = setInterval(async () => {
-      if (!this.helloRef) {
-        return;
-      }
-      if (zonosStore.loadedConfig) {
-        this.helloRef.setAttribute('data-zonos-hello-loaded', '');
-        this.updateHelloOnPageChange();
-        clearInterval(initInterval);
-      }
-    }, 100);
-  }
-  /**
-   * This method will trigger the currency conversion and display the converted value
-   * @returns void
-   */
-  async displayCurrency() {
-    if (!localizationStore.exchangeRate) {
-      // eslint-disable-next-line no-console
-      console.error('Could not display currency. Exchange rate and format data is not available.');
-      return;
-    }
-    currencyDisplay();
-  }
-  /**
-   * This method will call convert and format, and return the converted and formatted string
-   * @returns string
-   */
-  async convertAndFormat(value) {
-    currencyConvertAndFormat(value);
-  }
-  /**
-   * This method will convert the currency and return the converted value
-   * @returns number
-   */
-  async convert(value) {
-    currencyConvert(value);
-  }
-  /**
-   * This method will format the currency and return the formatted string
-   * @returns number
-   */
-  async format(value) {
-    currencyFormat(value);
-  }
-  handleResize() {
-    debounce_1(this.render.bind(this), RESIZE_DEBOUNCE_DELAY_MS);
-  }
-  render() {
-    var _a, _b;
-    const isExcludedUrl = (_a = zonosStore.helloSettings.excludedUrlPatterns) === null || _a === void 0 ? void 0 : _a.some(pattern => new RegExp(pattern).test(window.location.href));
-    if (isExcludedUrl) {
-      log('Hello is excluded on this url', 'warn');
-      return null;
-    }
-    const { selectedCountryCode } = localizationStore;
-    const mobileLocation = this.mobileLocationOverride || zonosStore.helloSettings.mobileLocation;
-    const isMobileWindow = window.innerWidth < 768;
-    const isOnLeft = this.animateFromLeftOverride ||
-      (isMobileWindow && mobileLocation.includes('LEFT')) ||
-      this.shouldAnimateLeftDesktop() ||
-      false;
-    const isOnTop = mobileLocation.includes('TOP');
-    const appearanceSettings = mergeConfig(zonosStore.appearance, this.appearanceSettingsOverride);
-    const { theme } = appearanceSettings;
-    const restrictedItemsOnPage = (_b = this.allRestrictedItems) === null || _b === void 0 ? void 0 : _b.filter(product => this.productsOnPage.some(restriction => restriction.description === product.itemDescription));
-    return (h(Host, { class: "zonos--hello zonos--elements", "data-theme": theme }, selectedCountryCode && (h("div", { class: "zonos--hello-wrapper" }, h("button", { class: classes([
-        'zonos--hello-widget',
-        this.showPeekMessage && 'zonos--hello-show-peek-message',
-        this.mobileLocationOverride && 'zonos--hello-mobile-override',
-        isOnLeft &&
-          'zonos--hello-widget-left zonos--hello-widget-animate-from-left',
-        isOnTop && 'zonos--hello-widget-top',
-        !!this.allRestrictedItems.length &&
-          'zonos--hello-has-restrictions',
-      ]), onClick: () => {
-        this.changeShowDialog(!this.showDialog);
-      }, onMouseEnter: () => this.enableShowPeekMessage(), onMouseLeave: () => (this.showPeekMessage = false), ref: el => el && (this.helloRef = el) }, h("span", { class: "zonos--hello-message" }, this.peekMessage), selectedCountryCode && (h("div", { class: "zonos--hello-country-flag-wrapper" }, h("zonos-country-flag", { class: "zonos--hello-country-flag", countryCode: selectedCountryCode })))), h("div", { class: classes([
-        'zonos--hello-dialog-wrapper',
-        this.mobileLocationOverride &&
-          'zonos--hello-dialog-wrapper-mobile-override',
-      ]), style: { height: this.showDialog ? 'fit-content' : '0px' } }, h("zonos-hello-dialog", { animateFromLeftOverride: this.animateFromLeftOverride, appearanceSettings: appearanceSettings, isOpen: this.showDialog, mobileLocationOverride: this.mobileLocationOverride, restrictedItems: restrictedItemsOnPage, setIsOpen: this.changeShowDialog }))))));
-  }
-};
-ZonosHello.style = zonosHelloCss;
-
-export { ZonosHello as zonos_hello };
-
-//# sourceMappingURL=zonos-hello.entry.js.map