@zonos/elements 1.3.200 → 1.3.202

package/dist/cjs/zonos-hello-dialog.cjs.entry.js

@@ -3,14 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0993f42d.js');
-const cart = require('./cart-add8fe50.js');
-const zonosStore = require('./zonosStore-c466b127.js');
+const localization = require('./localization-2f17c95f.js');
+const zonosStore = require('./zonosStore-9264749e.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
 require('./handleFetch-969d05d8.js');
-require('./isDarkColor-92a10a85.js');
-require('./getBorderRadius-3d0a563e.js');
+require('./VarianceTest-0cb1e118.js');
 
 const getHasMoreSpaceAbove = (ref) => {
     const componentRect = ref.getBoundingClientRect();
@@ -58,9 +57,9 @@ const RemoveIcon = `<svg xmlns="https://www.w3.org/2000/svg" width="24" height="
 const zonosHelloDialogCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--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 .zonos--hello-country-flag{height:18px;width:18px;position:relative;overflow:hidden;border-radius:30px;-webkit-box-shadow:var(--zonos-elements-v3-shadow-medium);box-shadow:var(--zonos-elements-v3-shadow-medium);z-index:10;justify-self:center}:host .zonos--hello-dialog{position:absolute;background:var(--zonos-elements-surface-color);width:100vw;max-width:430px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:600px;border-radius:var(--zonos-elements-radius-12);outline:none;-webkit-box-shadow:var(--zonos-elements-v3-shadow-xxl);box-shadow:var(--zonos-elements-v3-shadow-xxl);overflow-y:auto;top:-2px;right:-2px;opacity:0;-webkit-transition:opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:top right;transform-origin:top right;z-index:1001}:host .zonos--hello-dialog .zonos--hello-dialog-header{text-align:center}:host .zonos--hello-dialog.zonos--hello-dialog-animate-from-left{-webkit-transform-origin:top left;transform-origin:top left;right:unset;left:-2px}:host .zonos--hello-dialog.zonos--hello-dialog-animate-from-bottom{-webkit-transform-origin:bottom right;transform-origin:bottom right;bottom:calc(100% - 32px);top:unset}:host .zonos--hello-dialog.zonos--hello-dialog-animate-from-bottom.zonos--hello-dialog-animate-from-left{-webkit-transform-origin:bottom left;transform-origin:bottom left}:host .zonos--hello-dialog::-webkit-scrollbar{width:12px;height:12px}:host .zonos--hello-dialog::-webkit-scrollbar-track{background:#f5f5f5;border-top-right-radius:var(--zonos-elements-radius-12);border-bottom-right-radius:var(--zonos-elements-radius-12)}:host .zonos--hello-dialog::-webkit-scrollbar-thumb{border-radius:10px;background:#ccc;border:4px solid transparent;background-clip:content-box}:host .zonos--hello-dialog::-webkit-scrollbar-thumb:hover{background:#999}:host .zonos--hello-dialog .zonos--animate-content{opacity:0;height:0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}:host .zonos--hello-dialog .zonos--show-animate-content{opacity:1;height:100%}:host .zonos--hello-dialog.zonos--hello-dialog-open{opacity:1;-webkit-transform:scale(1);transform:scale(1)}:host .zonos--hello-dialog .zonos--close-button{position:absolute;right:8px;top:8px;width:var(--zonos-elements-size-md);height:var(--zonos-elements-size-md);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;z-index:10}:host .zonos--hello-dialog .zonos--close-button:hover{background:var(--zonos-elements-hover-color);border-radius:var(--zonos-elements-radius-6)}:host .zonos--hello-dialog .zonos--hello-dialog-content{padding:16px}:host .zonos--hello-dialog .zonos--hello-dialog-content .zonos--hello-country-flag{border-radius:var(--zonos-elements-radius-4);width:32px;height:24px}:host .zonos--hello-dialog .zonos--flex-message{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px}:host .zonos--hello-dialog.zonos--hello-dialog-mobile-override{position:-webkit-sticky;position:sticky;top:unset;left:unset;right:unset;bottom:0;width:100vw;max-width:100vw;max-height:500px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-transform:scaleY(0);transform:scaleY(0);border-radius:0;-webkit-transform-origin:bottom;transform-origin:bottom}@media (max-height: 600px){:host .zonos--hello-dialog.zonos--hello-dialog-mobile-override{max-height:80vh}}:host .zonos--hello-dialog.zonos--hello-dialog-mobile-override.zonos--hello-dialog-animate-from-left{-webkit-transform-origin:bottom;transform-origin:bottom}:host .zonos--hello-dialog.zonos--hello-dialog-mobile-override.zonos--hello-dialog-open{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}@media (max-width: 768px){:host .zonos--hello-dialog{position:-webkit-sticky;position:sticky;top:unset;left:unset;right:unset;bottom:0;width:100vw;max-width:100vw;max-height:500px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-transform:scaleY(0);transform:scaleY(0);border-radius:0;-webkit-transform-origin:bottom;transform-origin:bottom}}@media (max-width: 768px) and (max-height: 600px){:host .zonos--hello-dialog{max-height:80vh}}@media (max-width: 768px){:host .zonos--hello-dialog.zonos--hello-dialog-animate-from-left{-webkit-transform-origin:bottom;transform-origin:bottom}}@media (max-width: 768px){:host .zonos--hello-dialog.zonos--hello-dialog-open{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}";
 const ZonosHelloDialogStyle0 = zonosHelloDialogCss;
 
-const dutyTaxMessage_AU_lowValueGST = `${cart.translate('The low-value GST law passed July 1st, 2018 applies to this retailer.')} ${wrapStringWithLink({
+const dutyTaxMessage_AU_lowValueGST = `${localization.translate('The low-value GST law passed July 1st, 2018 applies to this retailer.')} ${wrapStringWithLink({
     href: 'https://zonos.com/docs/global-ecommerce/landed-cost/tax-remittance/australia-gst',
-    text: cart.translate('Learn more.'),
+    text: localization.translate('Learn more.'),
 })}`;
 const ZonosHelloDialog = class {
     constructor(hostRef) {
@@ -96,11 +95,11 @@ const ZonosHelloDialog = class {
          */
         this.hasTaxId = () => {
             var _a;
-            return (_a = cart.localizationStore.countryLandedCost) === null || _a === void 0 ? void 0 : _a.hasTaxId;
+            return (_a = localization.localizationStore.countryLandedCost) === null || _a === void 0 ? void 0 : _a.hasTaxId;
         };
         this.hasInclusivePrices = () => {
             var _a;
-            return ((_a = cart.localizationStore.inclusivePricing) === null || _a === void 0 ? void 0 : _a.status) === 'ENABLED';
+            return ((_a = localization.localizationStore.inclusivePricing) === null || _a === void 0 ? void 0 : _a.status) === 'ENABLED';
         };
         /**
          * Some countries don't have threshold. So we need to show generic message for them
@@ -113,31 +112,31 @@ const ZonosHelloDialog = class {
             return ['AU'].includes(countryCode);
         };
         this.getDutyMessage = () => {
-            const { countryLandedCost } = cart.localizationStore;
+            const { countryLandedCost } = localization.localizationStore;
             // Our Robby API spells deminimis wrong here
             const dutyDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.dutyDeminimus)
-                ? cart.currencyFormat({ amount: countryLandedCost.dutyDeminimus })
+                ? localization.currencyFormat({ amount: countryLandedCost.dutyDeminimus })
                 : null;
             // If deminimis is undefined or null, assume it's $0
             return dutyDeminimis &&
                 !this.isNoThresholdCountry(countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.countryCode)
-                ? cart.translate('Spend [threshold] duty free.', {
+                ? localization.translate('Spend [threshold] duty free.', {
                     threshold: dutyDeminimis,
                 })
-                : cart.translate('Duties will apply to all orders.');
+                : localization.translate('Duties will apply to all orders.');
         };
         this.getTaxMessage = () => {
-            const { countryLandedCost } = cart.localizationStore;
+            const { countryLandedCost } = localization.localizationStore;
             // Our Robby API spells deminimis wrong here
             const taxDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.vatTaxDeminimus)
-                ? cart.currencyFormat({ amount: countryLandedCost.vatTaxDeminimus })
+                ? localization.currencyFormat({ amount: countryLandedCost.vatTaxDeminimus })
                 : null;
             return taxDeminimis &&
                 !this.isNoThresholdCountry(countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.countryCode)
-                ? cart.translate('Spend [threshold] tax free.', {
+                ? localization.translate('Spend [threshold] tax free.', {
                     threshold: taxDeminimis,
                 })
-                : cart.translate('Taxes will apply to all orders.');
+                : localization.translate('Taxes will apply to all orders.');
         };
         this.getUkDutyTaxMessage = (landedCost) => {
             if (landedCost.allowLowValueOrders) {
@@ -146,9 +145,9 @@ const ZonosHelloDialog = class {
             }
             const dutyDeminimis = landedCost.dutyDeminimus;
             return [
-                cart.translate('Orders to [countryName] must be over [threshold] to ship.', {
+                localization.translate('Orders to [countryName] must be over [threshold] to ship.', {
                     countryName: 'United Kingdom',
-                    threshold: cart.currencyFormat({ amount: dutyDeminimis }),
+                    threshold: localization.currencyFormat({ amount: dutyDeminimis }),
                 }),
             ];
         };
@@ -157,7 +156,7 @@ const ZonosHelloDialog = class {
                 return [dutyTaxMessage_AU_lowValueGST];
             }
             return [
-                cart.translate('Duties & taxes in Australia, VAT or GST is [percentage] and is due on all orders.', {
+                localization.translate('Duties & taxes in Australia, VAT or GST is [percentage] and is due on all orders.', {
                     percentage: `${landedCost.vatTaxRate * 100}%`,
                 }),
                 dutyTaxMessage_AU_lowValueGST,
@@ -168,42 +167,42 @@ const ZonosHelloDialog = class {
                 return null;
             }
             return [
-                cart.translate('[percentage] GST due on any order above [threshold] along with an import entry transaction fee and MPI levy.', {
+                localization.translate('[percentage] GST due on any order above [threshold] along with an import entry transaction fee and MPI levy.', {
                     percentage: `${landedCost.vatTaxRate * 100}%`,
-                    threshold: cart.currencyFormat({ amount: landedCost.vatTaxDeminimus }),
+                    threshold: localization.currencyFormat({ amount: landedCost.vatTaxDeminimus }),
                 }),
             ];
         };
         this.getInclusivePriceMessage = () => {
-            const setting = cart.localizationStore.inclusivePricing;
+            const setting = localization.localizationStore.inclusivePricing;
             if ((setting === null || setting === void 0 ? void 0 : setting.status) !== 'ENABLED') {
                 return null;
             }
             if (setting.duty.status === 'INCLUDED' &&
                 setting.tax.status === 'INCLUDED' &&
                 setting.fee.status === 'INCLUDED') {
-                return cart.translate('Product prices already include duties, taxes, and fees. No additional duties, taxes, or fees will be added at checkout, with rare exceptions.');
+                return localization.translate('Product prices already include duties, taxes, and fees. No additional duties, taxes, or fees will be added at checkout, with rare exceptions.');
             }
             if (setting.duty.status === 'INCLUDED' &&
                 setting.tax.status === 'INCLUDED') {
-                return cart.translate('Product prices already include duties and taxes. No additional duties or taxes will be added at checkout, with rare exceptions.');
+                return localization.translate('Product prices already include duties and taxes. No additional duties or taxes will be added at checkout, with rare exceptions.');
             }
             if (setting.duty.status === 'INCLUDED' &&
                 setting.fee.status === 'INCLUDED') {
-                return cart.translate('Product prices already include duties and fees. No additional duties or fees will be added at checkout, with rare exceptions.');
+                return localization.translate('Product prices already include duties and fees. No additional duties or fees will be added at checkout, with rare exceptions.');
             }
             if (setting.tax.status === 'INCLUDED' &&
                 setting.fee.status === 'INCLUDED') {
-                return cart.translate('Product prices already include taxes and fees. No additional taxes or fees will be added at checkout, with rare exceptions.');
+                return localization.translate('Product prices already include taxes and fees. No additional taxes or fees will be added at checkout, with rare exceptions.');
             }
             if (setting.duty.status === 'INCLUDED') {
-                return cart.translate('Product prices already include duties. No additional duties will be added at checkout, with rare exceptions.');
+                return localization.translate('Product prices already include duties. No additional duties will be added at checkout, with rare exceptions.');
             }
             if (setting.tax.status === 'INCLUDED') {
-                return cart.translate('Product prices already include taxes. No additional taxes will be added at checkout, with rare exceptions.');
+                return localization.translate('Product prices already include taxes. No additional taxes will be added at checkout, with rare exceptions.');
             }
             if (setting.fee.status === 'INCLUDED') {
-                return cart.translate('Product prices already include fees. No additional fees will be added at checkout, with rare exceptions.');
+                return localization.translate('Product prices already include fees. No additional fees will be added at checkout, with rare exceptions.');
             }
             return null;
         };
@@ -211,20 +210,20 @@ const ZonosHelloDialog = class {
          * Get additional duty tax message if selected country has tax id
          */
         this.getAdditionalDutyTaxMessage = () => {
-            if (!cart.localizationStore.countryLandedCost) {
+            if (!localization.localizationStore.countryLandedCost) {
                 return null;
             }
             // only show the message if the store has a tax id for selected country
             if (!this.hasTaxId()) {
                 return null;
             }
-            switch (cart.localizationStore.countryLandedCost.countryCode) {
+            switch (localization.localizationStore.countryLandedCost.countryCode) {
                 case 'GB':
-                    return this.getUkDutyTaxMessage(cart.localizationStore.countryLandedCost);
+                    return this.getUkDutyTaxMessage(localization.localizationStore.countryLandedCost);
                 case 'AU':
-                    return this.getAustraliaDutyTaxMessage(cart.localizationStore.countryLandedCost);
+                    return this.getAustraliaDutyTaxMessage(localization.localizationStore.countryLandedCost);
                 case 'NZ':
-                    return this.getNewZealandDutyTaxMessge(cart.localizationStore.countryLandedCost);
+                    return this.getNewZealandDutyTaxMessge(localization.localizationStore.countryLandedCost);
                 default:
                     // show nothing
                     return null;
@@ -251,7 +250,7 @@ const ZonosHelloDialog = class {
     }
     render() {
         var _a;
-        const { selectedCountryCode } = cart.localizationStore;
+        const { selectedCountryCode } = localization.localizationStore;
         const hasInclusivePrices = this.hasInclusivePrices();
         const inclusivePriceMessage = this.getInclusivePriceMessage();
         // If deminimis is undefined or null, assume it's $0
@@ -263,27 +262,27 @@ const ZonosHelloDialog = class {
         const animateLeft = this.animateFromLeftOverride ||
             (this.dialogRef && getHasMoreSpaceOnRight.getHasMoreSpaceOnRight(this.dialogRef));
         const animateFromBottom = this.dialogRef && getHasMoreSpaceAbove(this.dialogRef);
-        const { customMessages } = cart.localizationStore;
-        const welcomeMessage = cart.translate('Welcome to [storeName]', {
+        const { customMessages } = localization.localizationStore;
+        const welcomeMessage = localization.translate('Welcome to [storeName]', {
             storeName: zonosStore.zonosStore.organizationName,
         });
         const defaultMessageStr = ((_a = customMessages.find(x => x.pageName === 'hello_default')) === null || _a === void 0 ? void 0 : _a.message) ||
-            cart.translate('Know about duties and taxes before you buy. Shop with confidence!');
+            localization.translate('Know about duties and taxes before you buy. Shop with confidence!');
         const defaultMessage = formatStringWithLinks.formatStringWithLinks(defaultMessageStr);
         const currentPage = this.getCurrentPageEnum();
         const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
-        return (index.h(index.Host, { key: '0345651f8cf8b06b95b21e5ad2cc427339932229', class: "zonos--elements" }, index.h("div", { key: '4089308c6460f903130eb4d99b03a7e65937973d', class: classes.classes([
+        return (index.h(index.Host, { key: '7b6752f327fdefb40d272d30d50a5fd208ff69a6', class: "zonos--elements" }, index.h("div", { key: 'b03b78ddfb3a0d6cedb156161fd82ebe45926773', class: classes.classes([
                 'zonos--hello-dialog',
                 animateLeft && 'zonos--hello-dialog-animate-from-left',
                 animateFromBottom && 'zonos--hello-dialog-animate-from-bottom',
                 !!this.mobileLocationOverride &&
                     'zonos--hello-dialog-mobile-override',
                 this.isOpen && 'zonos--hello-dialog-open',
-            ]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (index.h("div", { key: '8f5dcc0f0bbd4e3f103105baab5b3d87636930f3' }, index.h("div", { key: '04b20f5394ddf48861ee97cde4d13000c5765348', class: "zonos--hello-dialog-content" }, index.h("zonos-button", { key: '176b0173785632b211affb603380f7fef9fa0027', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), index.h("zonos-v-stack", { key: 'b21f5ab0438f8f5ab922800047bae222d6738e0e', spacing: 24 }, index.h("zonos-country-flag", { key: 'd153054f02852e8c565997a118f2bea8e5834bc0', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), index.h("zonos-v-stack", { key: 'b6f6f630f44ed19eca3ee62baaca9b22867635d5', class: "zonos--hello-dialog-header", spacing: 4 }, index.h("zonos-text", { key: '47b5d0a2dd74f39337b4d5a5a968a94ead40a45e', type: "boldSubheader" }, welcomeMessage), index.h("zonos-text", { key: '9038333f6574e110b6f860ffa0e3b6ebdad81dc0', innerHTML: defaultMessage, textColor: "gray-800" })), index.h("zonos-v-stack", { key: '8afaf9eb87813ace65475467d422f150b487fe30', spacing: 8 }, this.restrictedItems.map(item => {
+            ]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (index.h("div", { key: '367b5a0158679001cb3004d5d965a518cdc3b8ce' }, index.h("div", { key: '01dd9b2df5b20e61764274a6405118a7b42019f3', class: "zonos--hello-dialog-content" }, index.h("zonos-button", { key: 'ed49fe9a95fd6ace11669ee194d90eaae951d938', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), index.h("zonos-v-stack", { key: '23d391b8f4a13a1b077333f7ac788306dbeb98d6', spacing: 24 }, index.h("zonos-country-flag", { key: '24c6682b66fe5aa5061bab0b260d6c6fed724f52', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), index.h("zonos-v-stack", { key: 'fcb2717fa3403337b507f64adb557bd300841a41', class: "zonos--hello-dialog-header", spacing: 4 }, index.h("zonos-text", { key: '013fbda529816a2a1f22fc9d524d087fd69145c8', type: "boldSubheader" }, welcomeMessage), index.h("zonos-text", { key: '2134a015a6e22f6e02db8935150055b04620eed8', innerHTML: defaultMessage, textColor: "gray-800" })), index.h("zonos-v-stack", { key: '67030faaca46fea72230037b594eb3d0abb18acb', spacing: 8 }, this.restrictedItems.map(item => {
             var _a;
             return item && (index.h("zonos-banner", { bannerTitle: item.name, intent: "error" }, (_a = item.itemRestrictions) === null || _a === void 0 ? void 0 : _a.map(x => (index.h("zonos-text", { textColor: "red-800" }, x === null || x === void 0 ? void 0 : x.note)))));
-        }), index.h("zonos-card", { key: '522ba22b8709a962fd7c39ae4e1386b2a696072c', spacing: "12px" }, index.h("zonos-v-stack", { key: '86fa97265982e6ca5bf9aa078b845c99056d55bf', spacing: 12 }, hasInclusivePrices ? (index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Duty de minimis", content: InclusivePricingIcon }), index.h("zonos-text", null, inclusivePriceMessage))) : (index.h(index.Fragment, null, index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Duty de minimis", content: ImportIcon }), index.h("zonos-text", null, dutyDeMinimisMessage)), index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Tax de minimis", content: MoneyIcon }), index.h("zonos-text", null, taxDeMinimisMessage)))), additionalInformation === null || additionalInformation === void 0 ? void 0 :
-            additionalInformation.map(info => (index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country", content: BagIcon }), index.h("zonos-text", { innerHTML: info })))))), filteredMessages.map(x => (index.h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), index.h("zonos-hello-dialog-footer", { key: '7421346614aed925f25e3571cbe935045e392615', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (index.h("div", { key: '35560fe611d0424186e79aa1ff56f15c89d122b6' }, index.h("zonos-country-select", { key: 'c437335dcbcfcf74dab7baeddf663cc216f0b377', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (index.h("div", { key: '4692f2be013dc35e821cf1ee9c20d05cf0de9d8e' }, index.h("zonos-language-select", { key: '19337a5bb390beb9f7629e577f296f2c9f806c98', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+        }), index.h("zonos-card", { key: '21d50e218fd560e137b68e6d2a16edf118d18148', spacing: "12px" }, index.h("zonos-v-stack", { key: '70c333afd352aee4a92b47b58c267ec5c6ff122c', spacing: 12 }, hasInclusivePrices ? (index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Duty de minimis", content: InclusivePricingIcon }), index.h("zonos-text", null, inclusivePriceMessage))) : (index.h(index.Fragment, null, index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Duty de minimis", content: ImportIcon }), index.h("zonos-text", null, dutyDeMinimisMessage)), index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Tax de minimis", content: MoneyIcon }), index.h("zonos-text", null, taxDeMinimisMessage)))), additionalInformation === null || additionalInformation === void 0 ? void 0 :
+            additionalInformation.map(info => (index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country", content: BagIcon }), index.h("zonos-text", { innerHTML: info })))))), filteredMessages.map(x => (index.h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), index.h("zonos-hello-dialog-footer", { key: '7fa2a3e7646668c37ad2026dcfe0d59d6fd350b8', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (index.h("div", { key: '9a59a41f8ffbef2361ada0d5390708232c829026' }, index.h("zonos-country-select", { key: '3f10795b4eb5695e9848e2c69611f1a4953f5370', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (index.h("div", { key: 'c4aa8b2d533e6735a587fc8c7eb217f52e1fc5c9' }, index.h("zonos-language-select", { key: 'eb75fbe3e7de95b0459d559ac7ee233b77873545', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {

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

@@ -3,14 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0993f42d.js');
-const debounce = require('./debounce-d393fafe.js');
-const cart = require('./cart-add8fe50.js');
-const zonosStore = require('./zonosStore-c466b127.js');
+const debounce = require('./debounce-94e1b7ff.js');
+const localization = require('./localization-2f17c95f.js');
+const zonosStore = require('./zonosStore-9264749e.js');
 const classes = require('./classes-b7918f56.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
-require('./isDarkColor-92a10a85.js');
-require('./getBorderRadius-3d0a563e.js');
+require('./VarianceTest-0cb1e118.js');
 
 const checkItemRestrictions = async ({ items, shipFrom, shipTo, }) => {
     var _a;
@@ -31,7 +30,7 @@ const detectItemRestrictions = async (newProducts) => {
     if (!newProducts.length) {
         return [];
     }
-    const { selectedCountryCode } = cart.localizationStore;
+    const { selectedCountryCode } = localization.localizationStore;
     if (!selectedCountryCode) {
         handleFetch.logError('Hello could not check item restrictions - No country code selected');
         return [];
@@ -82,11 +81,11 @@ const getProductsOnPage = () => {
         handleFetch.log(`Hello could not check item restrictions - must provide title and description selectors.`);
     }
     const titleNodes = (productTitleElementSelector &&
-        cart.isValidSelector(productTitleElementSelector) &&
+        localization.isValidSelector(productTitleElementSelector) &&
         document.querySelectorAll(productTitleElementSelector)) ||
         [];
     const descriptionNodes = (productDescriptionElementSelector &&
-        cart.isValidSelector(productDescriptionElementSelector) &&
+        localization.isValidSelector(productDescriptionElementSelector) &&
         document.querySelectorAll(productDescriptionElementSelector)) ||
         [];
     if (titleNodes.length !== descriptionNodes.length) {
@@ -97,7 +96,7 @@ const getProductsOnPage = () => {
     const shouldDisableCart = restrictionBehavior === 'RESTRICT_AND_BLOCK';
     const cartButtonNodes = (shouldDisableCart &&
         productAddToCartElementSelector &&
-        cart.isValidSelector(productAddToCartElementSelector) &&
+        localization.isValidSelector(productAddToCartElementSelector) &&
         document.querySelectorAll(productAddToCartElementSelector)) ||
         [];
     if (shouldDisableCart && cartButtonNodes.length !== descriptionNodes.length) {
@@ -132,20 +131,20 @@ const ZonosHello = class {
             const isRestrictionPage = zonosStore.zonosStore.currentHelloPage === 'productDetail' ||
                 zonosStore.zonosStore.currentHelloPage === 'productList';
             if (isRestrictionPage && this.allRestrictedItems.length) {
-                const clickMessage = cart.translate('click to learn more');
+                const clickMessage = localization.translate('click to learn more');
                 const restrictMessage = zonosStore.zonosStore.currentHelloPage === 'productDetail'
-                    ? cart.translate('Restricted item')
-                    : cart.translate('Restricted items found');
+                    ? localization.translate('Restricted item')
+                    : localization.translate('Restricted items found');
                 return `${restrictMessage} - ${clickMessage}`;
             }
             switch (zonosStore.zonosStore.currentHelloPage) {
                 case 'cart':
-                    return cart.translate(`Prepay duties and taxes at checkout`);
+                    return localization.translate(`Prepay duties and taxes at checkout`);
                 case 'productList':
                 case 'productDetail':
-                    return cart.translate(`See duty and tax thresholds`);
+                    return localization.translate(`See duty and tax thresholds`);
                 default:
-                    return cart.translate('Welcome to [storeName]', {
+                    return localization.translate('Welcome to [storeName]', {
                         storeName: organizationName,
                     });
             }
@@ -248,9 +247,9 @@ const ZonosHello = class {
             setInterval(() => {
                 if (window.location.href !== this.initialUrl) {
                     const prevUrl = this.initialUrl && new URL(this.initialUrl);
-                    const initialZonosCountry = prevUrl && cart.getZCountryUrlParam(prevUrl.searchParams);
+                    const initialZonosCountry = prevUrl && localization.getZCountryUrlParam(prevUrl.searchParams);
                     // If the zCountry url param changes, reset current item restriction tracking
-                    if (initialZonosCountry !== cart.localizationStore.selectedCountryCode) {
+                    if (initialZonosCountry !== localization.localizationStore.selectedCountryCode) {
                         this.allFoundProducts = [];
                         this.allRestrictedItems = [];
                         this.productsOnPage = [];
@@ -258,9 +257,9 @@ const ZonosHello = class {
                     this.initialUrl = window.location.href;
                     zonosStore.zonosStore.currentHelloPage = getCurrentHelloLocalePage();
                     const currentUrl = new URL(window.location.href);
-                    const zCountry = cart.getZCountryUrlParam(currentUrl.searchParams);
+                    const zCountry = localization.getZCountryUrlParam(currentUrl.searchParams);
                     if (!zCountry) {
-                        cart.setZCountryUrlParam(cart.localizationStore.selectedCountryCode);
+                        localization.setZCountryUrlParam(localization.localizationStore.selectedCountryCode);
                         return;
                     }
                     void this.reloadHelloData();
@@ -283,24 +282,24 @@ const ZonosHello = class {
             }
         };
         this.shouldRenderHello = (showLog = true) => {
-            if (!cart.localizationStore.localizationLoaded) {
+            if (!localization.localizationStore.localizationLoaded) {
                 return false;
             }
             const { showForCountries } = zonosStore.zonosStore.helloSettings;
             if (showLog) {
-                if (!cart.localizationStore.isShippableCountry) {
+                if (!localization.localizationStore.isShippableCountry) {
                     handleFetch.log(`Hello: not shippable country - Show for countries: ${showForCountries}`);
                 }
             }
             // if localization is loaded and the localization is not a shippable country, keep the original click event
             if (showForCountries === 'ONLY_SHIPPABLE') {
-                return cart.localizationStore.isShippableCountry;
+                return localization.localizationStore.isShippableCountry;
             }
             // if user wants to show hello for all countries
             if (showForCountries === 'ALL') {
                 return true;
             }
-            return showForCountries === null || showForCountries === void 0 ? void 0 : showForCountries.includes(cart.localizationStore.selectedCountryCode || '');
+            return showForCountries === null || showForCountries === void 0 ? void 0 : showForCountries.includes(localization.localizationStore.selectedCountryCode || '');
         };
         this.mobileLocationOverride = undefined;
         this.animateFromLeftOverride = undefined;
@@ -320,7 +319,7 @@ const ZonosHello = class {
      * Get the country list the hello widget's country select is using
      */
     async getCountryList() {
-        return cart.localizationStore.helloCountryList;
+        return localization.localizationStore.helloCountryList;
     }
     componentWillLoad() {
         const initInterval = setInterval(async () => {
@@ -346,32 +345,32 @@ const ZonosHello = class {
             // do nothing if currency behavior is disabled
             return;
         }
-        if (!cart.localizationStore.exchangeRate) {
+        if (!localization.localizationStore.exchangeRate) {
             handleFetch.log('Could not display currency. Exchange rate and format data is not available.', 'warn');
             return;
         }
-        cart.currencyDisplay();
+        localization.currencyDisplay();
     }
     /**
      * This method will call convert and format, and return the converted and formatted string
      * @returns string
      */
     async convertAndFormat(value) {
-        return cart.currencyConvertAndFormat(value);
+        return localization.currencyConvertAndFormat(value);
     }
     /**
      * This method will convert the currency and return the converted value
      * @returns number
      */
     async convert(value) {
-        return cart.currencyConvert(value);
+        return localization.currencyConvert(value);
     }
     /**
      * This method will format the currency and return the formatted string
      * @returns number
      */
     async format(value) {
-        return cart.currencyFormat({ amount: value });
+        return localization.currencyFormat({ amount: value });
     }
     /**
      * This method show the hello dialog
@@ -393,7 +392,7 @@ const ZonosHello = class {
             return;
         }
         // Should only trigger once when hello is showing up on the page
-        if (cart.localizationStore.selectedCountryCode &&
+        if (localization.localizationStore.selectedCountryCode &&
             typeof zonosStore.zonosStore.helloSettings.onInitSuccess === 'function') {
             this.isHelloWidgetRendered = true;
             void ((_b = (_a = zonosStore.zonosStore.helloSettings).onInitSuccess) === null || _b === void 0 ? void 0 : _b.call(_a, {
@@ -457,7 +456,7 @@ const ZonosHello = class {
             handleFetch.log('Hello is excluded on this url', 'warn');
             return null;
         }
-        const { selectedCountryCode, targetCurrency } = cart.localizationStore;
+        const { selectedCountryCode, targetCurrency } = localization.localizationStore;
         const { isOnLeft, isOnTop, shouldFloat } = this.getHelloLocation();
         const appearanceSettings = zonosStore.mergeConfig(zonosStore.zonosStore.appearance, this.appearanceSettingsOverride || null);
         const { theme } = appearanceSettings;

package/dist/cjs/zonos-input.cjs.entry.js

@@ -3,9 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0993f42d.js');
-const zonosStore = require('./zonosStore-c466b127.js');
+const zonosStore = require('./zonosStore-9264749e.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-3d0a563e.js');
+const getBorderRadius = require('./getBorderRadius-8d3b1049.js');
+require('./VarianceTest-0cb1e118.js');
 
 const zonosInputCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--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{margin:1px;}:host .zonos--label-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%;background:var(--zonos-elements-input-background);border-radius:var(--zonos--border-radius);border:var(--zonos-elements-border)}:host .zonos--label-wrapper:hover{border:1px solid var(--zonos-elements-gray-300)}:host .zonos--floated-input{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding:0 16px;outline:none;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);width:100%;border-radius:var(--zonos--border-radius);background:var(--zonos-elements-input-background);border:0;-ms-flex-order:2;order:2;font-weight:500}:host .zonos--floated-input :-internal-autofill-selected{border-radius:var(--zonos-elements-radius-6) 0 0 var(--zonos-elements-radius-6)}:host .zonos--floated-input :-internal-autofill-selected+label+div{background-color:#e8f0fe}:host .zonos--floated-input.has-label{padding:16px 4px 8px 16px}:host .zonos--floated-input.has-label.has-input-prefix{padding-left:0}:host .zonos--floated-input.has-label.has-input-prefix+.zonos--floated-label::before{margin-left:0}:host .zonos--floated-input:not(.has-label)::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label):-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input::-webkit-input-placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::-moz-placeholder{-moz-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input:-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input:focus{outline:none}:host .zonos--floated-input:focus+.zonos--floated-label::after{-webkit-box-shadow:var(--zonos-elements-glow-blue);box-shadow:var(--zonos-elements-glow-blue)}:host .zonos--floated-input.has-error+.zonos--floated-label::after{-webkit-box-shadow:var(--zonos-elements-glow-error);box-shadow:var(--zonos-elements-glow-error)}:host .zonos--floated-input.has-content::-webkit-input-placeholder,:host .zonos--floated-input:focus::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::-moz-placeholder,:host .zonos--floated-input:focus::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content:-ms-input-placeholder,:host .zonos--floated-input:focus:-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::-ms-input-placeholder,:host .zonos--floated-input:focus::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::placeholder,:host .zonos--floated-input:focus::placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content+.zonos--floated-label::before,:host .zonos--floated-input:focus+.zonos--floated-label::before{top:11px;-webkit-transform:scale(0.8);transform:scale(0.8)}:host .zonos--floated-input:-webkit-autofill,:host .zonos--floated-input:-moz-autofill{background-color:var(--zonos-elements-input-background);color:var(--zonos-elements-text-color)}:host .zonos--floated-label{display:block;max-height:0;pointer-events:none;-ms-flex-order:1;order:1}:host .zonos--floated-label::before{content:attr(data-label);color:var(--zonos-elements-gray-800);position:absolute;font-size:var(--zonos-elements-font-size-base);line-height:var(--zonos-elements-font-size-base);display:inline-block;-webkit-filter:blur(0);filter:blur(0);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);margin-left:16px;top:calc(50% - var(--zonos-elements-font-size-base) / 2);z-index:1}:host .zonos--floated-label::after{content:\"\";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:var(--zonos--border-radius)}:host .disabled .zonos--floated-label{pointer-events:inherit}:host .disabled .zonos--floated-label::after{cursor:not-allowed;z-index:1}:host(.sm){height:calc(var(--zonos-elements-size-sm) - 2px)}:host(.sm) .zonos--floated-input.has-label{padding-top:13px;padding-bottom:0}:host(.sm) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.sm) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:2px}:host(.md){height:calc(var(--zonos-elements-size-md) - 2px)}:host(.md) .zonos--floated-input.has-label{padding-top:20px}:host(.md) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.md) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:6px}:host(.lg){height:calc(var(--zonos-elements-size-lg) - 2px)}:host(.lg) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.lg) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:10px}:host(.xl){height:calc(var(--zonos-elements-size-xl) - 2px)}:host(.xl) .zonos--floated-input.has-label{padding-bottom:2px}";
 const ZonosInputStyle0 = zonosInputCss;

package/dist/cjs/zonos-language-select_2.cjs.entry.js

@@ -3,12 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0993f42d.js');
-const cart = require('./cart-add8fe50.js');
-const zonosStore = require('./zonosStore-c466b127.js');
+const localization = require('./localization-2f17c95f.js');
+const zonosStore = require('./zonosStore-9264749e.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./handleFetch-969d05d8.js');
-require('./isDarkColor-92a10a85.js');
-require('./getBorderRadius-3d0a563e.js');
+require('./VarianceTest-0cb1e118.js');
 
 const GreenCheckDuotoneIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M7.99996 2.6665C5.05444 2.6665 2.66663 5.05432 2.66663 7.99984C2.66663 10.9454 5.05444 13.3332 7.99996 13.3332C10.9455 13.3332 13.3333 10.9454 13.3333 7.99984C13.3333 5.05432 10.9455 2.6665 7.99996 2.6665Z" fill="#AFF8C3"/>
@@ -24,16 +23,16 @@ const ZonosLanguageSelect = class {
         index.registerInstance(this, hostRef);
         this.languageSelected = (languageCode) => {
             // mutate the selected language code in store
-            void cart.localizationStoreUpdateSelectedLocale(languageCode);
+            void localization.localizationStoreUpdateSelectedLocale(languageCode);
             this.handleOnClose();
         };
         this.handleOnClose = () => { };
     }
     render() {
-        const { selectedLocale } = cart.localizationStore;
+        const { selectedLocale } = localization.localizationStore;
         return (index.h(index.Host, { key: 'cc711dba7371852eab6e20994389ae3b95bb3be7', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '47135e2b7363a3179139a7b8e23cb22435ce3299', class: "zonos--language-select" }, index.h("zonos-select-dialog-header", { key: '3bf830e585fa6478f560c57dfa978721af47ad19', handleOnClose: () => this.handleOnClose(), label: cart.translate('Select a language') }), index.h("div", { key: 'f693b231755087ec849f5a759b2dc43e2695b24f', class: "zonos--language-select-content" }, ILanguage.languages.map(language => (index.h("button", { class: "zonos--language-select-button", onClick: () => this.languageSelected(language.code) }, index.h("zonos-text", { textColor: "gray-800" }, language.translatedLabel), language.code === selectedLocale && (index.h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 16 })))))))));
+            } }, index.h("div", { key: '47135e2b7363a3179139a7b8e23cb22435ce3299', class: "zonos--language-select" }, index.h("zonos-select-dialog-header", { key: '3bf830e585fa6478f560c57dfa978721af47ad19', handleOnClose: () => this.handleOnClose(), label: localization.translate('Select a language') }), index.h("div", { key: 'f693b231755087ec849f5a759b2dc43e2695b24f', class: "zonos--language-select-content" }, ILanguage.languages.map(language => (index.h("button", { class: "zonos--language-select-button", onClick: () => this.languageSelected(language.code) }, index.h("zonos-text", { textColor: "gray-800" }, language.translatedLabel), language.code === selectedLocale && (index.h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 16 })))))))));
     }
 };
 ZonosLanguageSelect.style = ZonosLanguageSelectStyle0;
@@ -50,9 +49,9 @@ const ZonosSelectDialogHeader = class {
         this.label = '';
     }
     render() {
-        return (index.h(index.Host, { key: '15035421483b079dde47eeb3ddcb4dcc6edffae4', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: '184508c2af24eedda1e4a59db89f787cd71a345f', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("zonos-v-stack", { key: 'bf1bbdb1bb8a62841616893d8e9005002772adc4', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, index.h("div", { key: 'a2593795816ceb851489c386231a1b90e6dd6261', class: "zonos--select-dialog-header" }, index.h("zonos-text", { key: 'e91d4a54ac0deb073c30272c5e9626168fea52b7', type: "boldLabel" }, this.label), index.h("zonos-button", { key: 'e8fdf75686b33e9958f64925ddf95fb5c89d74bb', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), index.h("slot", { key: 'ede6d09a4f6900419bf16df0ca8a2b79882bf266' }))));
+            } }, index.h("zonos-v-stack", { key: '28bd290a2307c13e93036ee988f71bba87e76b19', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, index.h("div", { key: '49c2a1c0c44d9950907f47d90c9a34a83e5158da', class: "zonos--select-dialog-header" }, index.h("zonos-text", { key: '244ef10f5ee38d4a056ad6c076185d42ca3cd174', type: "boldLabel" }, this.label), index.h("zonos-button", { key: 'dab99b609f1a3250f73e2f25b837c9300a964090', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), index.h("slot", { key: 'b2fdb25cdc7c6382ec8d171aa14f1f4b7f33a4e8' }))));
     }
 };
 ZonosSelectDialogHeader.style = ZonosSelectDialogHeaderStyle0;

package/dist/cjs/zonos-logo.cjs.entry.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0993f42d.js');
-const zonosStore = require('./zonosStore-c466b127.js');
+const zonosStore = require('./zonosStore-9264749e.js');
 const classes = require('./classes-b7918f56.js');
+require('./VarianceTest-0cb1e118.js');
 
 const zonosLogoCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--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:-ms-inline-flexbox;display:inline-flex}:host img{-webkit-filter:var(--zonos--filter-color);filter:var(--zonos--filter-color);width:var(--zonos--width)}";
 const ZonosLogoStyle0 = zonosLogoCss;
@@ -19,11 +20,11 @@ const ZonosLogo = class {
         const filterColor = this.theme === 'DARK'
             ? 'invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)'
             : 'whiteinvert(0%) sepia(100%) saturate(32%) hue-rotate(92deg) brightness(107%) contrast(107%)';
-        return (index.h(index.Host, { key: '00a2d8c27b70f329813b6a3c1547c82b2e7cf725', class: classes.classes(['zonos--elements zonos--logo']), style: {
+        return (index.h(index.Host, { key: 'c41a277084d4880e1f452a1f7ca097ad3507059f', class: classes.classes(['zonos--elements zonos--logo']), style: {
                 '--zonos--filter-color': filterColor,
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
                 '--zonos--width': this.width,
-            } }, index.h("img", { key: 'e994199d3178a1198a1f0a1b132fae75bef47ce7', alt: "Zonos Logo", src: index.getAssetPath('./assets/ZonosLogo.png') })));
+            } }, index.h("img", { key: '01361446c08074a8f8b4cac206a999e381d5d903', alt: "Zonos Logo", src: index.getAssetPath('./assets/ZonosLogo.png') })));
     }
     static get assetsDirs() { return ["assets"]; }
 };

package/dist/cjs/zonos-shipping-rich-radio.cjs.entry.js

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0993f42d.js');
-const zonosStore = require('./zonosStore-c466b127.js');
+const zonosStore = require('./zonosStore-9264749e.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-3d0a563e.js');
+const getBorderRadius = require('./getBorderRadius-8d3b1049.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
+require('./VarianceTest-0cb1e118.js');
 
 const zonosShippingRichRadioCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host input{margin:0;accent-color:var(--zonos--selected-border-color, var(--zonos-elements-blue-600))}:host .zonos--shipping-rich-radio-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:16px;-ms-flex-align:center;align-items:center;gap:16px;cursor:pointer;border:1px solid var(--zonos-elements-gray-200)}:host .zonos--shipping-rich-radio-item:first-child{border-top-left-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10));border-top-right-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-right-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10));border-bottom-left-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10))}:host .zonos--shipping-rich-radio-item:not(:last-child){border-bottom:none}:host .zonos--shipping-rich-radio-item.selected{outline:1px solid var(--zonos--selected-border-color, var(--zonos-elements-blue-600));outline-offset:-1px}:host .zonos--shipping-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}:host .zonos--shipping-detail{-ms-flex:1;flex:1}:host .zonos--sub-detail{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}";
 const ZonosShippingRichRadioStyle0 = zonosShippingRichRadioCss;