@zonos/elements 1.3.230 → 1.3.232

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-31e3dfe3.js');
-const translationStore = require('./translationStore-b8b25e9d.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-31e3dfe3.js');
-const translationStore = require('./translationStore-b8b25e9d.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-cart-subtotal/zonos-cart-subtotal.js

@@ -1,21 +1,55 @@
 import { Fragment, h, Host } from "@stencil/core";
 import { cartStore, cartStoreHasOneEligibleItem, } from "../../../store/checkout/cart";
 import { stripeStore, stripeStoreApplyPromoCode, stripeStoreRemovePromoCode, } from "../../../store/checkout/stripe";
+import { localizationStore } from "../../../store/hello/localization";
 import { translate } from "../../../store/translationStore";
 import { zonosStore } from "../../../store/zonosStore";
 import { renderCheckoutCurrency } from "../../../utils/checkout/renderCheckoutCurrency";
+import { hasInclusivePrice } from "../../../utils/hasInclusivePrice";
+import { DUTY_KEY, TAXES_KEY } from "../../../../constants/key";
 export class ZonosCartSubtotal {
     constructor() {
         /**
          * Loading state for apply promo code button
          */
         this.loading = false;
+        this.getInclusivePriceType = () => {
+            var _a, _b;
+            const inclusivePriceConfiguration = localizationStore.inclusivePricingConfigurations.find(Boolean);
+            const dutyInclusive = ((_a = inclusivePriceConfiguration === null || inclusivePriceConfiguration === void 0 ? void 0 : inclusivePriceConfiguration.configurations[DUTY_KEY]) === null || _a === void 0 ? void 0 : _a.status) ===
+                'ENABLED';
+            const taxInclusive = ((_b = inclusivePriceConfiguration === null || inclusivePriceConfiguration === void 0 ? void 0 : inclusivePriceConfiguration.configurations[TAXES_KEY]) === null || _b === void 0 ? void 0 : _b.status) ===
+                'ENABLED';
+            if (dutyInclusive && taxInclusive) {
+                return 'DUTY_TAX_AND_FEE';
+            }
+            // Fee would also be included with duty if it's inclusive
+            if (dutyInclusive) {
+                return 'DUTY_AND_FEE';
+            }
+            if (taxInclusive) {
+                return 'TAX';
+            }
+            return null;
+        };
+        this.getCartSubtotalSubtitle = () => {
+            const inclusivePriceType = this.getInclusivePriceType();
+            if (inclusivePriceType === 'DUTY_AND_FEE') {
+                return (h("zonos-text", { class: "zonos--caption", type: "caption" }, translate('Duties and fees included')));
+            }
+            if (inclusivePriceType === 'TAX') {
+                return (h("zonos-text", { class: "zonos--caption", type: "caption" }, translate('Taxes included')));
+            }
+            return null;
+        };
     }
     render() {
         var _a, _b, _c, _d, _e;
+        // Since now we are prefetching the landed cost, we need to not show the total that includes the landed cost and shipping
+        const cartTotal = cartStore.step === 'customer-info' ? cartStore.subtotal : cartStore.total;
         const showDutyTaxesInfo = cartStore.step === 'payment' || cartStore.step === 'shipping';
         // Show 0 for subtotal and total when all items are restricted
-        const total = cartStoreHasOneEligibleItem() ? cartStore.total : 0;
+        const total = cartStoreHasOneEligibleItem() ? cartTotal : 0;
         // Total is in target currency, devide by target rate to get base currency
         const subtotal = cartStoreHasOneEligibleItem() ? cartStore.subtotal : 0;
         const shouldRenderPromoInput = 
@@ -41,16 +75,43 @@ export class ZonosCartSubtotal {
             this.loading = false;
         };
         const renderShippingInfo = () => {
-            if (!cartStore.selectedShippingOption) {
+            if (!cartStore.selectedShippingOption ||
+                // Should not show shipping info at customer info step
+                cartStore.step === 'customer-info') {
                 return (h(Fragment, null, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Shipping')), h("zonos-text", { class: "zonos--caption", type: "caption" }, translate('No shipping method selected'))));
             }
             return (h(Fragment, null, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, cartStore.selectedShippingOption.displayName), cartStore.selectedShippingOptionTransitTime && (h("zonos-text", { class: "zonos--caption", type: "caption" }, cartStore.selectedShippingOptionTransitTime))));
         };
         const renderLandedCost = () => {
             var _a, _b, _c;
+            // At the moment, inclusive price only support for US merchant
+            if (hasInclusivePrice()) {
+                const inclusivePriceType = this.getInclusivePriceType();
+                // This should not happen, put it here to exclude null from the type
+                if (!inclusivePriceType) {
+                    return null;
+                }
+                if (inclusivePriceType === 'TAX') {
+                    return (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Duties and fees')), h("zonos-text", { class: "zonos--caption", type: "caption" }, translate('Nothing due at the door'))), h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, h("div", { class: "zonos--cart-duty-tax-price" }, cartStore.dutiesTaxesFees !== null
+                        ? renderCheckoutCurrency({
+                            amount: cartStore.dutiesTaxesFees,
+                            isForeign: true,
+                        })
+                        : '-'))));
+                }
+                if (inclusivePriceType === 'DUTY_AND_FEE') {
+                    return (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Taxes'))), h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, h("div", { class: "zonos--cart-duty-tax-price" }, cartStore.dutiesTaxesFees !== null
+                        ? renderCheckoutCurrency({
+                            amount: cartStore.dutiesTaxesFees,
+                            isForeign: true,
+                        })
+                        : '-'))));
+                }
+                return (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Duties, taxes, and fees')), h("zonos-text", { class: "zonos--caption", type: "caption" }, translate('The purchase price covers duties, taxes and fees.'))), h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, h("div", { class: "zonos--cart-duty-tax-price" }, "-"))));
+            }
             // Domestic US doesn't have duty applied, just taxes and fees
             if ((_b = (_a = zonosStore.genericSettings) === null || _a === void 0 ? void 0 : _a.domesticCountries) === null || _b === void 0 ? void 0 : _b.includes(((_c = stripeStore.stripeAddressEventData) === null || _c === void 0 ? void 0 : _c.value.address.country) || 'US')) {
-                return (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-subtotal-title" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Taxes and fees'))), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, h("div", { class: "zonos--cart-duty-tax-price" }, cartStore.dutiesTaxesFees !== null ||
+                return (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Taxes and fees'))), h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, h("div", { class: "zonos--cart-duty-tax-price" }, cartStore.dutiesTaxesFees !== null ||
                     cartStore.dutiesTaxesFeesEstimate !== null
                     ? renderCheckoutCurrency({
                         amount: cartStore.dutiesTaxesFees ||
@@ -61,23 +122,23 @@ export class ZonosCartSubtotal {
                     : '-'))));
             }
             if (cartStore.landedCostMethod === 'DAP') {
-                return (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-subtotal-title" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Duties, taxes, and fees')), cartStore.dutiesTaxesFeesEstimate !== null
+                return (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Duties, taxes, and fees')), cartStore.dutiesTaxesFeesEstimate !== null
                     ? `${translate('Estimated [amount]', {
                         amount: renderCheckoutCurrency({
                             amount: cartStore.dutiesTaxesFeesEstimate,
                             isForeign: true,
                         }),
                     })}`
-                    : '-'), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, h("div", { class: "zonos--cart-duty-tax-price" }, translate('Due at delivery')))));
+                    : '-'), h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, h("div", { class: "zonos--cart-duty-tax-price" }, translate('Due at delivery')))));
             }
-            return (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-subtotal-title" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Duties, taxes, and fees')), h("zonos-text", { class: "zonos--caption", type: "caption" }, translate('Nothing due at the door'))), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, h("div", { class: "zonos--cart-duty-tax-price" }, cartStore.dutiesTaxesFees !== null
+            return (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Duties, taxes, and fees')), h("zonos-text", { class: "zonos--caption", type: "caption" }, translate('Nothing due at the door'))), h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, h("div", { class: "zonos--cart-duty-tax-price" }, cartStore.dutiesTaxesFees !== null
                 ? renderCheckoutCurrency({
                     amount: cartStore.dutiesTaxesFees,
                     isForeign: true,
                 })
                 : '-'))));
         };
-        return (h(Host, { class: "zonos--cart-subtotal zonos--elements" }, h("table", { class: "zonos--cart-table" }, h("tr", { class: "zonos--row zonos--cart-subtotal" }, h("td", { class: "zonos--column" }), h("td", { class: "zonos--column zonos--cart-subtotal-title" }, h("zonos-text", { type: "semiBoldLabel" }, translate('Cart subtotal'))), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
+        return (h(Host, { class: "zonos--cart-subtotal zonos--elements" }, h("table", { class: "zonos--cart-table" }, h("tr", { class: "zonos--row zonos--cart-subtotal" }, h("td", { class: "zonos--column" }), h("td", { class: "zonos--column zonos--cart-subtotal-title" }, h("zonos-text", { type: "semiBoldLabel" }, translate('Cart subtotal')), h("zonos-text", { class: "zonos--caption", type: "caption" }, this.getCartSubtotalSubtitle())), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
             amount: subtotal,
             isForeign: true,
         })))), h("tr", { class: "zonos--row zonos--cart-shipping" }, h("td", { class: "zonos--column" }), h("td", { class: "zonos--column zonos--cart-subtotal-title" }, renderShippingInfo()), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, cartStore.shipping

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

@@ -1812,7 +1812,7 @@ export class ZonosCheckout {
                     "signature": "(session: CheckoutSessionDetailsFragment) => Promise<void>",
                     "parameters": [{
                             "name": "session",
-                            "type": "{ cartId: string | null; clientSecret: string; completedAt: string | null; customerProfile: { email: string | null; locations: { administrativeArea: string; countryCode: CountryCode; email: string | null; line1: string; line2: string | null; locality: string; name: string | null; phone: string | null; postalCode: string; }[] | null; name: string | null; } | null; customerSessionClientSecret: string | null; id: string; landedCost: { amountSubtotals: { discounts: number | null; duties: number; fees: number; items: number; landedCostTotal: number; shipping: number; taxes: number; } | null; appliedAdjustments: { adjustment: { name: string | null; source: AdjustmentSource | null; } | null; amount: number; item: { amount: number; } | null; type: LandedCostAdjustmentType | null; }[] | null; currencyCode: CurrencyCode; deMinimis: { formula: string; threshold: DeMinimisThreshold; method: IncotermCode; note: string; type: DeMinimisType; }[]; duties: { amount: number; currencyCode: CurrencyCode; }[]; fees: { amount: number; currencyCode: CurrencyCode; }[]; id: string; landedCostGuaranteeCode: LandedCostGuaranteeCode; method: IncotermCode; remittance: { amount: number; description: string; }[]; rootId: string; shipmentRating: { amount: number; currencyCode: CurrencyCode; displayName: string; id: string; shippingProfile: { serviceLevel: { code: string; }; transitTime: { guaranteedDelivery: string | null; max: number | null; min: number | null; type: TransitTypeCode | null; } | null; } | null; }; taxes: { amount: number; currencyCode: CurrencyCode; }[]; } | null; metadata: ({ key: string; value: string; } | null)[] | null; organizationId: string; subtotals: { adjustments: number; duties: number; exchangeRate: { id: string; rate: number; sourceCurrencyCode: CurrencyCode; targetCurrencyCode: CurrencyCode; type: ExchangeRateType; }; fees: number; items: number; landedCostTotal: number; presentmentCurrencyCode: CurrencyCode; shipping: number; taxes: number; total: number; }; varianceTestResults: { selectedVariantKey: string; testKey: string; }[] | null; }",
+                            "type": "{ cartId: string | null; clientSecret: string; completedAt: string | null; customerProfile: { email: string | null; locations: { administrativeArea: string; countryCode: CountryCode; email: string | null; line1: string; line2: string | null; phone: string | null; name: string | null; locality: string; postalCode: string; }[] | null; name: string | null; } | null; customerSessionClientSecret: string | null; id: string; landedCost: { amountSubtotals: { discounts: number | null; duties: number; fees: number; items: number; landedCostTotal: number; shipping: number; taxes: number; } | null; appliedAdjustments: { adjustment: { name: string | null; source: AdjustmentSource | null; } | null; amount: number; type: LandedCostAdjustmentType | null; item: { amount: number; } | null; }[] | null; currencyCode: CurrencyCode; deMinimis: { type: DeMinimisType; threshold: DeMinimisThreshold; method: IncotermCode; note: string; formula: string; }[]; duties: { amount: number; currencyCode: CurrencyCode; }[]; fees: { amount: number; currencyCode: CurrencyCode; }[]; landedCostGuaranteeCode: LandedCostGuaranteeCode; id: string; method: IncotermCode; remittance: { amount: number; description: string; }[]; rootId: string; shipmentRating: { amount: number; currencyCode: CurrencyCode; displayName: string; id: string; shippingProfile: { serviceLevel: { code: string; }; transitTime: { guaranteedDelivery: string | null; max: number | null; min: number | null; type: TransitTypeCode | null; } | null; } | null; }; taxes: { amount: number; currencyCode: CurrencyCode; }[]; } | null; metadata: ({ key: string; value: string; } | null)[] | null; organizationId: string; references: { inclusivePriceConfigurationId: string | null; } | null; subtotals: { adjustments: number; duties: number; exchangeRate: { id: string; rate: number; sourceCurrencyCode: CurrencyCode; targetCurrencyCode: CurrencyCode; type: ExchangeRateType; }; fees: number; items: number; landedCostTotal: number; presentmentCurrencyCode: CurrencyCode; shipping: number; taxes: number; total: number; }; varianceTestResults: { selectedVariantKey: string; testKey: string; }[] | null; }",
                             "docs": ""
                         }],
                     "references": {

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/checkout/zonos-checkout/zonos-review/zonos-review.js

@@ -31,7 +31,8 @@ export class ZonosReview {
         this.isMobile = isCheckoutMobile(this.mobile);
     }
     render() {
-        const total = cartStoreHasOneEligibleItem() ? cartStore.total : 0;
+        const cartTotal = cartStore.step === 'customer-info' ? cartStore.subtotal : cartStore.total;
+        const total = cartStoreHasOneEligibleItem() ? cartTotal : 0;
         const titleTextType = this.isMobile ? 'boldSubheader' : 'semiBoldLabel';
         const totalTextType = this.isMobile
             ? 'boldSubheader'

package/dist/collection/components/common/zonos-country-select/zonos-country-select.js

@@ -15,7 +15,10 @@ export class ZonosCountrySelect {
         this.inputValue = '';
         this.countrySelected = (countryCode) => {
             // mutate the selected country code in store
-            void localizationStoreUpdateSelectedCountryCode(countryCode);
+            void localizationStoreUpdateSelectedCountryCode({
+                isInitializing: false,
+                newSelectedCountryCode: countryCode,
+            });
             this.handleOnClose();
         };
         this.handleInputChange = (event) => {
@@ -48,13 +51,13 @@ export class ZonosCountrySelect {
             ? fuseObject.map(country => country.item)
             : countries.sort((a, b) => a.displayName.localeCompare(b.displayName));
         const isEmpty = !filteredCountries.length;
-        return (h(Host, { key: '87e346925730bb4ce7a5a0da35bbffe9fa209e79', class: "zonos--elements", style: {
+        return (h(Host, { key: '4bdbe0a40e52745510cf5c51826375eb46d6c85a', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '557543582175b50bcd5e9e0e9362ecc85f0b0ec0', class: "zonos--country-select" }, h("zonos-v-stack", { key: '3e03b4624abfc1b2239560a62dd33659c30c7d26', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: '9664de32cbfb119eb0b3658b71f31039f4d0e064', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: 'c5f28d334194471298bacc218f36dd7d56f57c1e', autoComplete: "off", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translate('Search countries'), ref: el => {
+            } }, h("div", { key: '82492f3baa43f2691fa9457fdde52fcc6d6b153e', class: "zonos--country-select" }, h("zonos-v-stack", { key: '56fa5efa199d1f83f8042b9280295d0e08c9d045', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: '3b84b57f1b80152fcb0c4049672796c87744517a', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: '68b9b5af5dbdf20d47e39c45b3c64df772afb56f', autoComplete: "off", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translate('Search countries'), ref: el => {
                 if (el) {
                     this.inputRef = el;
                 }
-            }, type: "text", value: this.inputValue }))), h("div", { key: '9f623511c7a1576961e527071c10672f3b800359', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: '3c37b29f38ce48ea953df2faf0ab9e349a8e538c', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: 'ebab93c3379e93fcbde6cd634174f981c06bff42', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index => {
+            }, type: "text", value: this.inputValue }))), h("div", { key: '365e7ae9464070080182bb4b83f232d0952eb9c8', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: '025ae5379da4ef222c39544bee3b009bc3a3c7a4', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: '3ae131cb44d63bd239e3c90cbfcaf8535817c663', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index => {
                 const country = filteredCountries[index];
                 if (!country) {
                     return null;