@zonos/elements 1.3.231 → 1.3.232

package/dist/cjs/zonos-empty-state-payment_4.cjs.entry.js

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1c710d00.js');
-const zonosStore = require('./zonosStore-5d489c65.js');
+const index = require('./index-69fa8852.js');
+const zonosStore = require('./zonosStore-37a4b4f4.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-c7d9f676.js');
-const cart = require('./cart-9b519566.js');
-const localization = require('./localization-38af974b.js');
+const getBorderRadius = require('./getBorderRadius-2ef1170d.js');
+const cart = require('./cart-bc615014.js');
+const localization = require('./localization-39516612.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
-const paypal = require('./paypal-e8fa2302.js');
+const paypal = require('./paypal-1d6f1a71.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
-require('./translationStore-f2d5eae9.js');
-require('./isDarkColor-994c38e4.js');
+require('./translationStore-08d3ff9c.js');
+require('./isDarkColor-878e600e.js');
 
 const PaymentEmptyStateDarkIcon = `<svg width="536" height="200" viewBox="0 0 536 200" fill="none" xmlns="http://www.w3.org/2000/svg">
 <mask id="mask0_3739_19124" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="536" height="200">
@@ -220,7 +220,7 @@ const ZonosPayment = class {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: 'c0b27f25785a9f6de2705e16d97f1bf5f7bcb0a4', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { key: '1cfdb16f94a5219882da9da013a6e2de6a6b3c3f', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: 'bb5ac07b4c32f2469f4825426160542d9729d332', class: "zonos--payment-component" }), index.h("div", { key: '34f805b56fa151e8a3102361df9fb8b3e636dc75', class: "zonos--payment-paypal-container" })));
+        return (index.h(index.Host, { key: 'ecf135f9da39d699a2287558a99310acd8e5fbd2', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { key: '67048977556c556826c26120f2c0654885f30c57', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: '7762163776ac5ee3f8bbc7c65e31b5dc833bb011', class: "zonos--payment-component" }), index.h("div", { key: '4f12427f8db85442e0b41dd5eb194f374c6f1d86', class: "zonos--payment-paypal-container" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1c710d00.js');
-const localization = require('./localization-38af974b.js');
-const translationStore = require('./translationStore-f2d5eae9.js');
-const zonosStore = require('./zonosStore-5d489c65.js');
+const index = require('./index-69fa8852.js');
+const localization = require('./localization-39516612.js');
+const translationStore = require('./translationStore-08d3ff9c.js');
+const zonosStore = require('./zonosStore-37a4b4f4.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
-const hasInclusivePrice = require('./hasInclusivePrice-12605be9.js');
+const hasInclusivePrice = require('./hasInclusivePrice-84145546.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
 const TaxId = require('./TaxId-12acedde.js');
 require('./handleFetch-954f30e1.js');

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1c710d00.js');
-const debounce = require('./debounce-2c9f3f1e.js');
-const localization = require('./localization-38af974b.js');
-const translationStore = require('./translationStore-f2d5eae9.js');
-const zonosStore = require('./zonosStore-5d489c65.js');
+const index = require('./index-69fa8852.js');
+const debounce = require('./debounce-815d1517.js');
+const localization = require('./localization-39516612.js');
+const translationStore = require('./translationStore-08d3ff9c.js');
+const zonosStore = require('./zonosStore-37a4b4f4.js');
 const classes = require('./classes-b7918f56.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1c710d00.js');
-const zonosStore = require('./zonosStore-5d489c65.js');
+const index = require('./index-69fa8852.js');
+const zonosStore = require('./zonosStore-37a4b4f4.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-c7d9f676.js');
+const getBorderRadius = require('./getBorderRadius-2ef1170d.js');
 require('./VarianceTest-bec00ea8.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}";

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1c710d00.js');
-const localization = require('./localization-38af974b.js');
-const translationStore = require('./translationStore-f2d5eae9.js');
-const zonosStore = require('./zonosStore-5d489c65.js');
+const index = require('./index-69fa8852.js');
+const localization = require('./localization-39516612.js');
+const translationStore = require('./translationStore-08d3ff9c.js');
+const zonosStore = require('./zonosStore-37a4b4f4.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./handleFetch-954f30e1.js');
 require('./VarianceTest-bec00ea8.js');

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1c710d00.js');
-const zonosStore = require('./zonosStore-5d489c65.js');
+const index = require('./index-69fa8852.js');
+const zonosStore = require('./zonosStore-37a4b4f4.js');
 const classes = require('./classes-b7918f56.js');
 require('./VarianceTest-bec00ea8.js');
 

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1c710d00.js');
-const zonosStore = require('./zonosStore-5d489c65.js');
+const index = require('./index-69fa8852.js');
+const zonosStore = require('./zonosStore-37a4b4f4.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-c7d9f676.js');
+const getBorderRadius = require('./getBorderRadius-2ef1170d.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
 require('./VarianceTest-bec00ea8.js');
 

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1c710d00.js');
-const zonosStore = require('./zonosStore-5d489c65.js');
+const index = require('./index-69fa8852.js');
+const zonosStore = require('./zonosStore-37a4b4f4.js');
 const helpers = require('./helpers-5bdbb68c.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-c7d9f676.js');
-const isDarkColor = require('./isDarkColor-994c38e4.js');
+const getBorderRadius = require('./getBorderRadius-2ef1170d.js');
+const isDarkColor = require('./isDarkColor-878e600e.js');
 require('./VarianceTest-bec00ea8.js');
 
 const zonosStripeInputCss = ".sc-zonos-stripe-input-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-stripe-input-h *.sc-zonos-stripe-input{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-stripe-input-h img.sc-zonos-stripe-input{max-width:100%}.sc-zonos-stripe-input-h dl.sc-zonos-stripe-input,.sc-zonos-stripe-input-h dd.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h1.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h2.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h3.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h4.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h5.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h6.sc-zonos-stripe-input,.sc-zonos-stripe-input-h hr.sc-zonos-stripe-input,.sc-zonos-stripe-input-h figure.sc-zonos-stripe-input,.sc-zonos-stripe-input-h p.sc-zonos-stripe-input,.sc-zonos-stripe-input-h pre.sc-zonos-stripe-input{margin:0}.sc-zonos-stripe-input-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-stripe-input-h{--zonos--background-color:#f1f1f1;--zonos--local-glowing-color:0 0 0 3px hsla(0, 0%, 100%, 25%),\n    0 0 0 1px var(--zonos--primary-color);--zonos--border:1px solid #e8e8e8}.dark.sc-zonos-stripe-input-h{color-scheme:dark;--zonos--background-color:#30313d;--zonos--local-glowing-color:0px 2px 4px rgba(0, 0, 0, 0.5),\n    0px 1px 6px rgba(0, 0, 0, 0.25), 0 0 0 3px hsla(0, 0%, 100%, 25%),\n    0 1px 1px 0 rgba(255, 255, 255, 0.12);--zonos--border:1px solid var(--zonos--primary-color)}.sc-zonos-stripe-input-h{margin:1px}.sc-zonos-stripe-input-h .zonos--label-wrapper.sc-zonos-stripe-input{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%;background:var(--zonos--background-color);border-radius:var(--zonos--border-radius);border:var(--zonos--border);outline-offset:0;outline-width:2px;height:calc(var(--zonos-elements-size-xl) - 2px)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-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--background-color);border:var(--zonos--border);-ms-flex-order:2;order:2;font-weight:400;font-size:var(--zonos--font-size);color:var(--zonos-elements-text-color);height:auto}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input .sc-zonos-stripe-input:-internal-autofill-selected{border-radius:var(--zonos-elements-radius-6) 0 0 var(--zonos-elements-radius-6)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input .sc-zonos-stripe-input:-internal-autofill-selected+label.sc-zonos-stripe-input+div.sc-zonos-stripe-input{background-color:#e8f0fe}.sc-zonos-stripe-input-h .zonos--floated-input.has-label.sc-zonos-stripe-input{padding:24px 4px 2px 16px}.sc-zonos-stripe-input-h .zonos--floated-input.has-label.has-input-prefix.sc-zonos-stripe-input{padding-left:0}.sc-zonos-stripe-input-h .zonos--floated-input.has-label.has-input-prefix.sc-zonos-stripe-input~.zonos--floated-label.sc-zonos-stripe-input label.sc-zonos-stripe-input{margin-left:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label)::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label)::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label):-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label)::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label)::placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input::-webkit-input-placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input::-moz-placeholder{-moz-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input::-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input::placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus{outline:none;border:var(--zonos--border)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus~.zonos--floated-label.sc-zonos-stripe-input::after{-webkit-box-shadow:var(--zonos--glowing-color, var(--zonos--local-glowing-color));box-shadow:var(--zonos--glowing-color, var(--zonos--local-glowing-color))}.sc-zonos-stripe-input-h .zonos--floated-input.has-error.sc-zonos-stripe-input~.zonos--floated-label.sc-zonos-stripe-input::after{-webkit-box-shadow:0 0 0 2px #df1b41;box-shadow:0 0 0 2px #df1b41}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input::-webkit-input-placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input::-moz-placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input:-ms-input-placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus:-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input::-ms-input-placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input::placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus::placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input~.zonos--floated-label.sc-zonos-stripe-input label.sc-zonos-stripe-input,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus~.zonos--floated-label.sc-zonos-stripe-input label.sc-zonos-stripe-input{top:11px;-webkit-transform:scale(0.8);transform:scale(0.8)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:-webkit-autofill,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:-moz-autofill{background-color:var(--zonos-elements-input-background);color:var(--zonos-elements-text-color)}.sc-zonos-stripe-input-h .zonos--floated-label.sc-zonos-stripe-input{display:block;max-height:0;pointer-events:none;-ms-flex-order:1;order:1}.sc-zonos-stripe-input-h .zonos--floated-label.sc-zonos-stripe-input label.sc-zonos-stripe-input{color:var(--zonos-elements-gray-800);position:absolute;font-size:16px;line-height:16px;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% - 8px);z-index:1}.sc-zonos-stripe-input-h .zonos--floated-label.sc-zonos-stripe-input::after{content:\"\";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:var(--zonos--border-radius)}.sc-zonos-stripe-input-h .disabled.sc-zonos-stripe-input .zonos--floated-label.sc-zonos-stripe-input{pointer-events:inherit}.sc-zonos-stripe-input-h .disabled.sc-zonos-stripe-input .zonos--floated-label.sc-zonos-stripe-input::after{cursor:not-allowed;z-index:1}.dark.sc-zonos-stripe-input-h .zonos--label-wrapper.sc-zonos-stripe-input{background:#30313d}";

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1c710d00.js');
-const zonosStore = require('./zonosStore-5d489c65.js');
+const index = require('./index-69fa8852.js');
+const zonosStore = require('./zonosStore-37a4b4f4.js');
 const classes = require('./classes-b7918f56.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
 const styles = require('./styles-d1e64fb9.js');

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1c710d00.js');
-const zonosStore = require('./zonosStore-5d489c65.js');
+const index = require('./index-69fa8852.js');
+const zonosStore = require('./zonosStore-37a4b4f4.js');
 const classes = require('./classes-b7918f56.js');
 require('./VarianceTest-bec00ea8.js');
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1c710d00.js');
+const index = require('./index-69fa8852.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosTooltipCss = ":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--tooltip{position:relative}:host .zonos--tooltip .zonos--tooltip-content{position:absolute;bottom:100%;left:0;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:12px;background-color:var(--zonos-elements-gray-1000);opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:var(--zonos-elements-radius-4);z-index:100;-webkit-box-shadow:var(--zonos-elements-v3-shadow-large);box-shadow:var(--zonos-elements-v3-shadow-large)}:host .zonos--tooltip .zonos--tooltip-content.zonos--show-tooltip{opacity:1;-webkit-transform:scale(1);transform:scale(1)}";

package/dist/cjs/zonos-v-stack.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1c710d00.js');
-const zonosStore = require('./zonosStore-5d489c65.js');
+const index = require('./index-69fa8852.js');
+const zonosStore = require('./zonosStore-37a4b4f4.js');
 const classes = require('./classes-b7918f56.js');
 require('./VarianceTest-bec00ea8.js');
 

package/dist/cjs/{zonosStore-5d489c65.js → zonosStore-37a4b4f4.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-1c710d00.js');
+const index = require('./index-69fa8852.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 
 const appendToMap = (map, propName, value) => {

package/dist/collection/components/checkout/zonos-checkout/zonos-customer-info/zonos-customer-info.css

@@ -83,6 +83,10 @@
 :host .zonos--group::-webkit-scrollbar-thumb:hover {
   background: #d6d6d6;
 }
+:host .zonos--error-banner ul {
+  list-style: disc;
+  padding-left: 8px;
+}
 :host .zonos--group-btn {
   position: sticky;
   display: flex;

package/dist/collection/components/checkout/zonos-checkout/zonos-customer-info/zonos-customer-info.js

@@ -11,6 +11,10 @@ import { extractName } from "../../../utils/extractName";
 import { log } from "../../../utils/logging/log";
 import { sendErrorLog } from "../../../utils/logging/sendErrorLog";
 import { taxIdValidationResult } from "../../../utils/taxIdValidationResult";
+/**
+ * Max address field length
+ */
+const MAX_CHARACTER_LENGTH_PER_FIELD = 35;
 export class ZonosCustomerInfo {
     constructor() {
         this.storeUnsubscribeList = [];
@@ -67,6 +71,7 @@ export class ZonosCustomerInfo {
         this.selectedCountryCode = localizationStore.selectedCountryCode;
         this.genericSettings = zonosStore.genericSettings;
         this.addressFormRenderType = cartStore.addressFormRenderType;
+        this.exceededCharacterLimitErrorFieldList = [];
         /**
          * Handler for invalid characters in the address
          */
@@ -188,6 +193,72 @@ export class ZonosCustomerInfo {
                 isValid: !hasError,
             };
         };
+        /**
+         * Make sure all fields in the address are within the character limit
+         */
+        this.validateAddressLength = ({ address, type, }) => {
+            if (!address) {
+                return [];
+            }
+            const { city, line1, postal_code, state } = address.value.address;
+            const { firstName, lastName, name } = address.value;
+            const { firstName: extractedFirstName, lastName: extractedLastName } = extractName({
+                firstName,
+                lastName,
+                name,
+            });
+            const cityLength = city.length;
+            const line1Length = line1.length;
+            const postalCodeLength = postal_code.length;
+            const stateLength = state.length;
+            const firstNameLength = extractedFirstName.length;
+            const lastNameLength = extractedLastName.length;
+            const addressType = type === 'shipping' ? 'shipping' : 'billing';
+            const errorMessageList = [];
+            if (cityLength > MAX_CHARACTER_LENGTH_PER_FIELD) {
+                errorMessageList.push({
+                    addressType,
+                    fieldLabel: 'City',
+                    value: city,
+                });
+            }
+            if (line1Length > MAX_CHARACTER_LENGTH_PER_FIELD) {
+                errorMessageList.push({
+                    addressType,
+                    fieldLabel: 'Address line 1',
+                    value: line1,
+                });
+            }
+            if (postalCodeLength > MAX_CHARACTER_LENGTH_PER_FIELD) {
+                errorMessageList.push({
+                    addressType,
+                    fieldLabel: 'Zip',
+                    value: postal_code,
+                });
+            }
+            if (stateLength > MAX_CHARACTER_LENGTH_PER_FIELD) {
+                errorMessageList.push({
+                    addressType,
+                    fieldLabel: 'State/Province/Region/Prefecture',
+                    value: state,
+                });
+            }
+            if (firstNameLength > MAX_CHARACTER_LENGTH_PER_FIELD) {
+                errorMessageList.push({
+                    addressType,
+                    fieldLabel: 'First name',
+                    value: extractedFirstName,
+                });
+            }
+            if (lastNameLength > MAX_CHARACTER_LENGTH_PER_FIELD) {
+                errorMessageList.push({
+                    addressType,
+                    fieldLabel: 'Last name',
+                    value: extractedLastName,
+                });
+            }
+            return errorMessageList;
+        };
         this.handleValidate = () => {
             var _a, _b;
             const stripeShippingAddressEventData = stripeStore.stripeAddressEventData;
@@ -223,13 +294,29 @@ export class ZonosCustomerInfo {
             });
             log('==> isValidLink', 'info', isValidLink);
             // validate tax id input if it's required for specific countries, optional otherwise
-            const { error, valid } = taxIdValidationResult({
+            const { error, valid: validTaxId } = taxIdValidationResult({
                 companyName: stripeStore.companyName,
                 shippingCountry: this.shippingCountry,
                 taxId: stripeStore.taxId,
             });
-            this.taxIdErrorMessage = !valid ? translate(error) : '';
-            if (!isValidBilling || !isValidShipping || !isValidLink || !valid) {
+            this.taxIdErrorMessage = !validTaxId ? translate(error) : '';
+            const addressLengthErrorList = this.validateAddressLength({
+                address: stripeStore.stripeAddressEventData,
+                type: 'shipping',
+            });
+            const billingAddressLengthErrorList = this.validateAddressLength({
+                address: stripeStore.stripeBillingAddressEventData,
+                type: 'billing',
+            });
+            this.exceededCharacterLimitErrorFieldList = [
+                ...addressLengthErrorList,
+                ...billingAddressLengthErrorList,
+            ];
+            if (!isValidBilling ||
+                !isValidShipping ||
+                !isValidLink ||
+                !validTaxId ||
+                this.exceededCharacterLimitErrorFieldList.length > 0) {
                 return false;
             }
             return true;
@@ -258,6 +345,27 @@ export class ZonosCustomerInfo {
                 state: addressValue.address.state || '',
             };
         };
+        this.renderExceededCharacterLimitError = (type) => {
+            const errorMessageByType = this.exceededCharacterLimitErrorFieldList.filter(({ addressType }) => addressType === type);
+            if (!errorMessageByType.length) {
+                return null;
+            }
+            return (h("zonos-banner", { class: "zonos--error-banner", intent: "error", slot: "below-title" }, h("ul", null, errorMessageByType.map(({ fieldLabel, value }) => {
+                const isAddressLine1 = fieldLabel === 'Address line 1';
+                if (isAddressLine1) {
+                    return (h("li", { key: fieldLabel }, translate('[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less or move the rest to address line 2.', {
+                        currentLength: value.length,
+                        fieldLabel,
+                        maxLength: MAX_CHARACTER_LENGTH_PER_FIELD,
+                    })));
+                }
+                return (h("li", { key: fieldLabel }, translate('[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less.', {
+                    currentLength: value.length,
+                    fieldLabel,
+                    maxLength: MAX_CHARACTER_LENGTH_PER_FIELD,
+                })));
+            }))));
+        };
         this.renderAddressComponent = (type) => {
             if (!this.selectedCountryCode) {
                 void sendErrorLog({
@@ -288,10 +396,10 @@ export class ZonosCustomerInfo {
             }
             // Render custom address component if the custom address form is enabled
             if (this.addressFormRenderType === 'zonos') {
-                return (h("zonos-custom-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }));
+                return (h("zonos-custom-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }, this.renderExceededCharacterLimitError(type)));
             }
             // Render Stripe address component by default
-            return (h("zonos-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }));
+            return (h("zonos-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }, this.renderExceededCharacterLimitError(type)));
         };
     }
     watchShowErrorBanner() {
@@ -558,7 +666,8 @@ export class ZonosCustomerInfo {
             "recordedFormTypeUsed": {},
             "selectedCountryCode": {},
             "genericSettings": {},
-            "addressFormRenderType": {}
+            "addressFormRenderType": {},
+            "exceededCharacterLimitErrorFieldList": {}
         };
     }
     static get events() {

package/dist/collection/components/store/translationStore/strings.arabic.js

@@ -542,6 +542,9 @@ export const stringsArabic = {
     'State/Province': {
         value: 'الولاية/المقاطعة',
     },
+    'State/Province/Region/Prefecture': {
+        value: 'ولاية/مقاطعة/منطقة/محافظة',
+    },
     'Street address': {
         value: 'عنوان الشارع',
     },
@@ -710,6 +713,12 @@ export const stringsArabic = {
     Zip: {
         value: 'الرمز البريدي',
     },
+    '[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less or move the rest to address line 2.': {
+        value: '[fieldLabel] يحتوي على [currentLength] حرفًا. يرجى تقصيرها إلى [maxLength] أو أقل أو نقل الباقي إلى سطر العنوان 2.',
+    },
+    '[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less.': {
+        value: '[fieldLabel] يحتوي على [currentLength] حرفًا. يرجى تقصيرها إلى [maxLength] أو أقل.',
+    },
     '[percentage] GST due on any order above [threshold].': {
         value: '[percentage] ضريبة القيمة المضافة مستحقة على أي طلب يتجاوز [threshold].',
     },

package/dist/collection/components/store/translationStore/strings.base.js

@@ -543,6 +543,9 @@ export const stringsBase = {
     'State/Province': {
         value: 'State/Province',
     },
+    'State/Province/Region/Prefecture': {
+        value: 'State/Province/Region/Prefecture',
+    },
     'Street address': {
         value: 'Street address',
     },
@@ -711,6 +714,12 @@ export const stringsBase = {
     Zip: {
         value: 'Zip',
     },
+    '[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less or move the rest to address line 2.': {
+        value: '[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less or move the rest to address line 2.',
+    },
+    '[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less.': {
+        value: '[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less.',
+    },
     '[percentage] GST due on any order above [threshold].': {
         value: '[percentage] GST due on any order above [threshold].',
     },

package/dist/collection/components/store/translationStore/strings.chinese.js

@@ -542,6 +542,9 @@ export const stringsChinese = {
     'State/Province': {
         value: '州/省',
     },
+    'State/Province/Region/Prefecture': {
+        value: '州/省/地区/府',
+    },
     'Street address': {
         value: '街道地址',
     },
@@ -710,6 +713,12 @@ export const stringsChinese = {
     Zip: {
         value: '邮政编码',
     },
+    '[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less or move the rest to address line 2.': {
+        value: '[fieldLabel]是[currentLength]个字符。请缩短到[maxLength]或更少，或将其余部分移到地址行2。',
+    },
+    '[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less.': {
+        value: '[fieldLabel]是[currentLength]个字符。请缩短到[maxLength]或更少。',
+    },
     '[percentage] GST due on any order above [threshold].': {
         value: '任何订单超过[threshold]，需缴纳[percentage]的商品及服务税。',
     },

package/dist/collection/components/store/translationStore/strings.danish.js

@@ -542,6 +542,9 @@ export const stringsDanish = {
     'State/Province': {
         value: 'Stat/Provins',
     },
+    'State/Province/Region/Prefecture': {
+        value: 'Stat/Provins/Region/Præfektur',
+    },
     'Street address': {
         value: 'Gadeadresse',
     },
@@ -710,6 +713,12 @@ export const stringsDanish = {
     Zip: {
         value: 'Postnummer',
     },
+    '[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less or move the rest to address line 2.': {
+        value: '[fieldLabel] er [currentLength] tegn. Forkort venligst til [maxLength] eller mindre, eller flyt resten til adresse linje 2.',
+    },
+    '[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less.': {
+        value: '[fieldLabel] er [currentLength] tegn. Venligst forkort til [maxLength] eller mindre.',
+    },
     '[percentage] GST due on any order above [threshold].': {
         value: '[percentage] GST skyldig på enhver ordre over [threshold].',
     },

package/dist/collection/components/store/translationStore/strings.dutch.js

@@ -542,6 +542,9 @@ export const stringsDutch = {
     'State/Province': {
         value: 'Staat/Provincie',
     },
+    'State/Province/Region/Prefecture': {
+        value: 'Staat/Provincie/Regio/Prefectuur',
+    },
     'Street address': {
         value: 'Straatadres',
     },
@@ -710,6 +713,12 @@ export const stringsDutch = {
     Zip: {
         value: 'Postcode',
     },
+    '[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less or move the rest to address line 2.': {
+        value: '[fieldLabel] is [currentLength] tekens. Gelieve in te korten tot [maxLength] of minder of de rest naar adresregel 2 te verplaatsen.',
+    },
+    '[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less.': {
+        value: '[fieldLabel] is [currentLength] tekens. Gelieve te verkorten tot [maxLength] of minder.',
+    },
     '[percentage] GST due on any order above [threshold].': {
         value: '[percentage] BTW verschuldigd op elke bestelling boven [threshold].',
     },

package/dist/collection/components/store/translationStore/strings.french.js

@@ -542,6 +542,9 @@ export const stringsFrench = {
     'State/Province': {
         value: 'État/Province',
     },
+    'State/Province/Region/Prefecture': {
+        value: 'État/Province/Région/Préfecture',
+    },
     'Street address': {
         value: 'Adresse de la rue',
     },
@@ -710,6 +713,12 @@ export const stringsFrench = {
     Zip: {
         value: 'Code postal',
     },
+    '[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less or move the rest to address line 2.': {
+        value: "[fieldLabel] fait [currentLength] caractères. Veuillez réduire à [maxLength] ou moins ou déplacer le reste à la ligne d'adresse 2.",
+    },
+    '[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less.': {
+        value: '[fieldLabel] contient [currentLength] caractères. Veuillez réduire à [maxLength] ou moins.',
+    },
     '[percentage] GST due on any order above [threshold].': {
         value: '[percentage] de TVA due sur toute commande supérieure à [threshold].',
     },

package/dist/collection/components/store/translationStore/strings.german.js

@@ -542,6 +542,9 @@ export const stringsGerman = {
     'State/Province': {
         value: 'Bundesland/Provinz',
     },
+    'State/Province/Region/Prefecture': {
+        value: 'Staat/Provinz/Region/Präfektur',
+    },
     'Street address': {
         value: 'Straßenadresse',
     },
@@ -710,6 +713,12 @@ export const stringsGerman = {
     Zip: {
         value: 'Postleitzahl',
     },
+    '[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less or move the rest to address line 2.': {
+        value: '[fieldLabel] hat [currentLength] Zeichen. Bitte kürzen Sie auf [maxLength] oder weniger oder verschieben Sie den Rest in die Adresszeile 2.',
+    },
+    '[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less.': {
+        value: '[fieldLabel] hat [currentLength] Zeichen. Bitte kürzen Sie auf [maxLength] oder weniger.',
+    },
     '[percentage] GST due on any order above [threshold].': {
         value: '[percentage] MwSt. fällig bei jeder Bestellung über [threshold].',
     },

package/dist/collection/components/store/translationStore/strings.hebrew.js

@@ -542,6 +542,9 @@ export const stringsHebrew = {
     'State/Province': {
         value: 'מדינה/מחוז',
     },
+    'State/Province/Region/Prefecture': {
+        value: 'מדינה/מחוז/אזור/מחוז',
+    },
     'Street address': {
         value: 'כתובת רחוב',
     },
@@ -710,6 +713,12 @@ export const stringsHebrew = {
     Zip: {
         value: 'מיקוד',
     },
+    '[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less or move the rest to address line 2.': {
+        value: '[fieldLabel] הוא [currentLength] תווים. אנא קצר ל-[maxLength] או פחות או העבר את השאר לשורת הכתובת 2.',
+    },
+    '[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less.': {
+        value: '[fieldLabel] הוא [currentLength] תווים. אנא קיצור ל-[maxLength] או פחות.',
+    },
     '[percentage] GST due on any order above [threshold].': {
         value: '[percentage] מע"מ חל על כל הזמנה מעל [threshold].',
     },

package/dist/collection/components/store/translationStore/strings.indonesian.js

@@ -542,6 +542,9 @@ export const stringsIndonesian = {
     'State/Province': {
         value: 'Negara bagian/Provinsi',
     },
+    'State/Province/Region/Prefecture': {
+        value: 'Negara/Provinsi/Daerah/Prefektur',
+    },
     'Street address': {
         value: 'Alamat jalan',
     },
@@ -710,6 +713,12 @@ export const stringsIndonesian = {
     Zip: {
         value: 'Kode pos',
     },
+    '[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less or move the rest to address line 2.': {
+        value: '[fieldLabel] memiliki [currentLength] karakter. Harap persingkat menjadi [maxLength] atau kurang atau pindahkan sisanya ke baris alamat 2.',
+    },
+    '[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less.': {
+        value: '[fieldLabel] memiliki [currentLength] karakter. Harap persingkat menjadi [maxLength] atau kurang.',
+    },
     '[percentage] GST due on any order above [threshold].': {
         value: '[percentage] PPN yang harus dibayar untuk setiap pesanan di atas [threshold].',
     },