@zonos/elements 1.2.3 → 1.2.4-alpha.10

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

@@ -1,8 +1,8 @@
-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-05a62104.js';
-import { h as handleFetch, b as logError, a as localizationStore, i as isValidSelector, t as translate, s as setZonosCountryUrlParam, l as log, e as currencyDisplay, f as currencyConvertAndFormat, g as currencyConvert, j as currencyFormat } from './localization-f3828793.js';
+import { r as registerInstance, h, H as Host } from './index-36ff6342.js';
+import { _ as _root, i as isObjectLike_1, f as _baseGetTag, g as isObject_1, z as zonosStore, m as mergeConfig } from './zonosStore-61e74f58.js';
+import { h as handleFetch, b as logError, a as localizationStore, i as isValidSelector, t as translate, g as getZCountryUrlParam, s as setZCountryUrlParam, l as log, e as currencyDisplay, f as currencyConvertAndFormat, j as currencyConvert, k as currencyFormat } from './localization-a51ccbc2.js';
 import { c as classes } from './classes-0d95c529.js';
-import { g as getHasMoreSpaceOnRight } from './getHasMoreSpaceOnRight-feba1ae2.js';
+import { g as getHasMoreSpaceOnRight } from './getHasMoreSpaceOnRight-70eb913a.js';
 
 /**
  * Gets the timestamp of the number of milliseconds that have elapsed since
@@ -341,371 +341,371 @@ function debounce(func, wait, options) {
 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);
+    var _a;
+    const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/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;
+    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 { 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);
+    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.`);
     }
-  }
-  return mergedElements;
+    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 zonosHelloCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}: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;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_CLOSE_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();
-          const hasRestrictions = this.allRestrictedItems.some(item => this.productsOnPage.some(product => product.description === item.itemDescription));
-          if (!hasRestrictions) {
-            // If restrictions, persist the message until they hover over the hello widget
-            setTimeout(() => {
-              this.showPeekMessage = false;
-            }, PEEK_MESSAGE_CLOSE_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);
+    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();
+                    const hasRestrictions = this.allRestrictedItems.some(item => this.productsOnPage.some(product => product.description === item.itemDescription));
+                    if (!hasRestrictions) {
+                        // If restrictions, persist the message until they hover over the hello widget
+                        setTimeout(() => {
+                            this.showPeekMessage = false;
+                        }, PEEK_MESSAGE_CLOSE_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 && getZCountryUrlParam(prevUrl.searchParams);
+                    // If the zCountry 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 zCountry = getZCountryUrlParam(currentUrl.searchParams);
+                    if (!zCountry) {
+                        setZCountryUrlParam(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.isShippableCountry = (showLog = true) => {
+            if (!localizationStore.localizationLoaded) {
+                return false;
+            }
+            // if localization is loaded and the localization is not a shippable country, keep the original click event
+            if (!localizationStore.isShippableCountry) {
+                if (showLog) {
+                    log(`Hello: not shippable country`);
+                }
+                return false;
+            }
+            return true;
+        };
+        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;
-          }
-          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.isShippableCountry = (showLog = true) => {
-      if (!localizationStore.localizationLoaded) {
-        return false;
-      }
-      // if localization is loaded and the localization is not a shippable country, keep the original click event
-      if (!localizationStore.isShippableCountry) {
-        if (showLog) {
-          log(`Hello: not shippable country`);
         }
-        return false;
-      }
-      return true;
-    };
-    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();
     }
-    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;
+    /**
+     * 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));
+        const showHello = this.isShippableCountry() && !!selectedCountryCode;
+        return (h(Host, { class: "zonos--hello zonos--elements", "data-theme": theme }, showHello && (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("zonos-text", { 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 }))))));
     }
-    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));
-    const showHello = this.isShippableCountry() && !!selectedCountryCode;
-    return (h(Host, { class: "zonos--hello zonos--elements", "data-theme": theme }, showHello && (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;