@zonos/elements 1.3.208 → 1.3.210

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

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const zonosStore = require('./zonosStore-7c1e1bc1.js');
+const zonosStore = require('./zonosStore-f8ee56aa.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-c424eb05.js');
-const cart = require('./cart-47c17ebf.js');
-const localization = require('./localization-e9089be5.js');
-const handleFetch = require('./handleFetch-969d05d8.js');
-const paypal = require('./paypal-3a803d21.js');
+const getBorderRadius = require('./getBorderRadius-1b5e33cf.js');
+const cart = require('./cart-313bd2ff.js');
+const localization = require('./localization-9b43376c.js');
+const handleFetch = require('./handleFetch-05227713.js');
+const paypal = require('./paypal-67c96668.js');
 require('./VarianceTest-0cb1e118.js');
-require('./isDarkColor-35e8daec.js');
+require('./isDarkColor-428965f4.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">

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const localization = require('./localization-e9089be5.js');
-const zonosStore = require('./zonosStore-7c1e1bc1.js');
+const localization = require('./localization-9b43376c.js');
+const zonosStore = require('./zonosStore-f8ee56aa.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
 const TaxId = require('./TaxId-12acedde.js');
-require('./handleFetch-969d05d8.js');
+require('./handleFetch-05227713.js');
 require('./VarianceTest-0cb1e118.js');
 
 const getHasMoreSpaceAbove = (ref) => {

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const debounce = require('./debounce-0b9c0f8a.js');
-const localization = require('./localization-e9089be5.js');
-const zonosStore = require('./zonosStore-7c1e1bc1.js');
+const debounce = require('./debounce-465a4328.js');
+const localization = require('./localization-9b43376c.js');
+const zonosStore = require('./zonosStore-f8ee56aa.js');
 const classes = require('./classes-b7918f56.js');
-const handleFetch = require('./handleFetch-969d05d8.js');
+const handleFetch = require('./handleFetch-05227713.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
 require('./VarianceTest-0cb1e118.js');
 

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

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

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const localization = require('./localization-e9089be5.js');
-const zonosStore = require('./zonosStore-7c1e1bc1.js');
+const localization = require('./localization-9b43376c.js');
+const zonosStore = require('./zonosStore-f8ee56aa.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-require('./handleFetch-969d05d8.js');
+require('./handleFetch-05227713.js');
 require('./VarianceTest-0cb1e118.js');
 
 const GreenCheckDuotoneIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const zonosStore = require('./zonosStore-7c1e1bc1.js');
+const zonosStore = require('./zonosStore-f8ee56aa.js');
 const classes = require('./classes-b7918f56.js');
 require('./VarianceTest-0cb1e118.js');
 

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const zonosStore = require('./zonosStore-7c1e1bc1.js');
+const zonosStore = require('./zonosStore-f8ee56aa.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-c424eb05.js');
+const getBorderRadius = require('./getBorderRadius-1b5e33cf.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
 require('./VarianceTest-0cb1e118.js');
 

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const zonosStore = require('./zonosStore-7c1e1bc1.js');
+const zonosStore = require('./zonosStore-f8ee56aa.js');
 const helpers = require('./helpers-5bdbb68c.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-c424eb05.js');
-const isDarkColor = require('./isDarkColor-35e8daec.js');
+const getBorderRadius = require('./getBorderRadius-1b5e33cf.js');
+const isDarkColor = require('./isDarkColor-428965f4.js');
 require('./VarianceTest-0cb1e118.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)}.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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const zonosStore = require('./zonosStore-7c1e1bc1.js');
+const zonosStore = require('./zonosStore-f8ee56aa.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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const zonosStore = require('./zonosStore-7c1e1bc1.js');
+const zonosStore = require('./zonosStore-f8ee56aa.js');
 const classes = require('./classes-b7918f56.js');
 require('./VarianceTest-0cb1e118.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const zonosStore = require('./zonosStore-7c1e1bc1.js');
+const zonosStore = require('./zonosStore-f8ee56aa.js');
 const classes = require('./classes-b7918f56.js');
 require('./VarianceTest-0cb1e118.js');
 

package/dist/cjs/{zonosStore-7c1e1bc1.js → zonosStore-f8ee56aa.js}

@@ -2932,3 +2932,4 @@ exports.mergeConfig = mergeConfig;
 exports.zonosStore = zonosStore;
 exports.zonosStoreFontFamily = zonosStoreFontFamily;
 exports.zonosStoreInitSetting = zonosStoreInitSetting;
+exports.zonosStoreOnChange = zonosStoreOnChange;

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

@@ -1070,6 +1070,7 @@ export class ZonosCheckout {
         }
     }
     async handleCustomerInfoContinue() {
+        var _a, _b, _c, _d;
         // submit google tag when the form is complete
         submitGtag('zonos-checkout-customer-info');
         const checkoutSessionId = storageStore.checkoutSessionId;
@@ -1079,10 +1080,26 @@ export class ZonosCheckout {
         });
         this.submitLoading = true;
         // fetch landed cost data if we not fetching.
-        await stripeStorePrefetchLandedCost();
-        // keep checking landed cost data until it's ready to move to next screen
-        const interval = setInterval(() => {
-            if (cartStore.landedCostData || !stripeStore.isFetchingLandedCost) {
+        const { isRequestNotReady } = await stripeStorePrefetchLandedCost();
+        // If the request is not ready at the time user click Continue, logging it out so we can investigate the issue
+        if (isRequestNotReady && cartStore.addressFormRenderType === 'stripe') {
+            void sendErrorLog({
+                endpoint: 'ADDRESS_NOT_READY_AT_CUSTOMER_INFO_CONTINUE',
+                errors: ['Address not ready at customer info continue'],
+                metadata: {
+                    address: (_b = (_a = stripeStore.stripeAddressEventData) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.address,
+                    billingAddress: (_d = (_c = stripeStore.stripeBillingAddressEventData) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.address,
+                    cartId: window.Zonos.cartId,
+                },
+            });
+        }
+        const moveToNextStep = (interval) => {
+            if (cartStore.step !== 'customer-info') {
+                // stop interval if the step is not customer-info
+                clearInterval(interval);
+                return;
+            }
+            if (!stripeStore.isFetchingLandedCost) {
                 if (cartStore.landedCostData) {
                     // start init paypal with the presentment currency when landed cost is fetched
                     void paypalInitScript({
@@ -1092,17 +1109,24 @@ export class ZonosCheckout {
                     cartStoreNextStep();
                 }
                 this.submitLoading = false;
-                clearInterval(interval);
+                if (interval) {
+                    clearInterval(interval);
+                }
             }
-        }, 500);
+        };
+        // Immediately move to the next step
+        moveToNextStep();
+        // keep checking landed cost data until it's ready to move to next screen
+        const interval = setInterval(() => {
+            moveToNextStep(interval);
+        }, 20);
+        // cleanup interval if no data is fetched after 10 seconds
+        setTimeout(() => {
+            clearInterval(interval);
+        }, 10000);
     }
     async handleShippingContinue() {
-        this.submitLoading = true;
-        // show loading for the button for a bit
-        setTimeout(() => {
-            cartStoreNextStep();
-            this.submitLoading = false;
-        }, 500);
+        cartStoreNextStep();
     }
     handleInventoryCheckDialogConfirm() {
         // reset inventory check message to close the inventory check alert

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

@@ -1,9 +1,10 @@
 import { h, Host, } from "@stencil/core";
+import { cartStore, cartStoreOnChange, } from "../../../store/checkout/cart";
 import { stripeStore, stripeStoreTranslateAddressToLatin, } from "../../../store/checkout/stripe";
-import { localizationStore } from "../../../store/hello/localization";
+import { localizationStore, localizationStoreOnChange, } from "../../../store/hello/localization";
 import { storageStore } from "../../../store/storageStore";
 import { translate } from "../../../store/translationStore";
-import { getZonosStoreTheme, zonosStore, } from "../../../store/zonosStore";
+import { getZonosStoreTheme, zonosStore, zonosStoreOnChange, } from "../../../store/zonosStore";
 import { updateCheckoutSessionAttributes } from "../../../utils/api/updateCheckoutSessionAttributes";
 import { containsNonLatinChars } from "../../../utils/containsNonLatinChars";
 import { log } from "../../../utils/logging/log";
@@ -11,6 +12,7 @@ import { sendErrorLog } from "../../../utils/logging/sendErrorLog";
 import { taxIdValidationResult } from "../../../utils/taxIdValidationResult";
 export class ZonosCustomerInfo {
     constructor() {
+        this.storeUnsubscribeList = [];
         /**
          * Whether or not the continue button is loading
          */
@@ -53,10 +55,6 @@ export class ZonosCustomerInfo {
          * Handler for the dialog close button
          */
         this.openAddressValidationDialog = false;
-        /**
-         * Whether or not the custom address form is enabled
-         */
-        this.shouldEnabledCustomAddress = false;
         /**
          * Handler for the email error state
          */
@@ -65,6 +63,9 @@ export class ZonosCustomerInfo {
          * Whether or not the custom address form is used
          */
         this.recordedFormTypeUsed = false;
+        this.selectedCountryCode = localizationStore.selectedCountryCode;
+        this.genericSettings = zonosStore.genericSettings;
+        this.addressFormRenderType = cartStore.addressFormRenderType;
         /**
          * Handler for invalid characters in the address
          */
@@ -184,7 +185,7 @@ export class ZonosCustomerInfo {
             };
         };
         this.handleValidate = () => {
-            var _a, _b, _c, _d;
+            var _a, _b;
             const stripeShippingAddressEventData = stripeStore.stripeAddressEventData;
             const stripeBillingAddressEventData = stripeStore.stripeBillingAddressEventData;
             const stripeLinkEventData = stripeStore.stripeLinkEventData;
@@ -198,11 +199,11 @@ export class ZonosCustomerInfo {
             void ((_a = stripeStore.stripeAddressElement) === null || _a === void 0 ? void 0 : _a.getValue());
             void ((_b = stripeStore.stripeBillingAddressElement) === null || _b === void 0 ? void 0 : _b.getValue());
             // if the custom address form is enabled, use the custom address form validation result, otherwise use the stripe validation result
-            const isValidBilling = ((_c = zonosStore.genericSettings) === null || _c === void 0 ? void 0 : _c.shouldEnabledCustomAddress)
+            const isValidBilling = this.addressFormRenderType === 'zonos'
                 ? this.validateCustomAddressForm('billing').isValid
                 : isValidStripeBilling;
             // if the custom address form is enabled, use the custom address form validation result, otherwise use the stripe validation result
-            const isValidShipping = ((_d = zonosStore.genericSettings) === null || _d === void 0 ? void 0 : _d.shouldEnabledCustomAddress)
+            const isValidShipping = this.addressFormRenderType === 'zonos'
                 ? this.validateCustomAddressForm('shipping').isValid
                 : isValidStripeShipping;
             if (!isValidLink && (stripeLinkEventData === null || stripeLinkEventData === void 0 ? void 0 : stripeLinkEventData.empty)) {
@@ -254,8 +255,7 @@ export class ZonosCustomerInfo {
             };
         };
         this.renderAddressComponent = (type) => {
-            var _a, _b;
-            if (!localizationStore.selectedCountryCode) {
+            if (!this.selectedCountryCode) {
                 void sendErrorLog({
                     endpoint: 'NO_COUNTRY_SELECTED_WHEN_RENDERING_ADDRESS_COMPONENT',
                     errors: ['No country selected when rendering address component'],
@@ -267,9 +267,6 @@ export class ZonosCustomerInfo {
             }
             // Only use the default address for shipping address
             const defaultAddress = type === 'shipping' ? this.defaultAddress : [];
-            const shouldUseCustomAddressForm = !!localizationStore.selectedCountryCode &&
-                this.shouldEnabledCustomAddress &&
-                !!((_b = (_a = zonosStore.genericSettings) === null || _a === void 0 ? void 0 : _a.countryCustomAddressEnabled) === null || _b === void 0 ? void 0 : _b.includes(localizationStore.selectedCountryCode));
             // Should only record the form type used once
             if (type === 'shipping' &&
                 storageStore.checkoutSessionId &&
@@ -278,7 +275,7 @@ export class ZonosCustomerInfo {
                     attributes: [
                         {
                             key: 'ZONOS_FORM_TYPE_USING',
-                            value: shouldUseCustomAddressForm ? 'custom' : 'stripe',
+                            value: this.addressFormRenderType === 'zonos' ? 'custom' : 'stripe',
                         },
                     ],
                     checkoutSessionId: storageStore.checkoutSessionId,
@@ -286,7 +283,7 @@ export class ZonosCustomerInfo {
                 this.recordedFormTypeUsed = true;
             }
             // Render custom address component if the custom address form is enabled
-            if (shouldUseCustomAddressForm) {
+            if (this.addressFormRenderType === 'zonos') {
                 return (h("zonos-custom-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }));
             }
             // Render Stripe address component by default
@@ -324,8 +321,41 @@ export class ZonosCustomerInfo {
         }
         return invalidList;
     }
+    watchShouldEnabledCustomAddress() {
+        var _a, _b, _c;
+        const shouldEnabledCustomAddress = this.shouldUseCustomAddressFormOverride ||
+            !!((_a = this.genericSettings) === null || _a === void 0 ? void 0 : _a.shouldEnabledCustomAddress);
+        const shouldUseCustomAddressForm = !!this.selectedCountryCode &&
+            shouldEnabledCustomAddress &&
+            !!((_c = (_b = this.genericSettings) === null || _b === void 0 ? void 0 : _b.countryCustomAddressEnabled) === null || _c === void 0 ? void 0 : _c.includes(this.selectedCountryCode));
+        // Update the address form render type in the cart store
+        cartStore.addressFormRenderType = shouldUseCustomAddressForm
+            ? 'zonos'
+            : 'stripe';
+    }
+    disconnectedCallback() {
+        // unsubscribe from store subscriptions
+        try {
+            this.storeUnsubscribeList.forEach(subscription => subscription());
+        }
+        catch (_a) { }
+    }
+    componentWillLoad() {
+        this.watchShouldEnabledCustomAddress();
+        this.storeUnsubscribeList = [
+            zonosStoreOnChange('genericSettings', () => {
+                this.genericSettings = zonosStore.genericSettings;
+            }),
+            localizationStoreOnChange('selectedCountryCode', () => {
+                this.selectedCountryCode = localizationStore.selectedCountryCode;
+            }),
+            cartStoreOnChange('addressFormRenderType', () => {
+                this.addressFormRenderType = cartStore.addressFormRenderType;
+            }),
+        ];
+    }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f;
         if (!stripeStore.stripeElements) {
             return null;
         }
@@ -341,16 +371,13 @@ export class ZonosCustomerInfo {
             this.shippingCountry =
                 stripeStore.stripeAddressEventData.value.address.country;
         }
-        this.shouldEnabledCustomAddress =
-            this.shouldUseCustomAddressFormOverride ||
-                !!((_b = zonosStore.genericSettings) === null || _b === void 0 ? void 0 : _b.shouldEnabledCustomAddress);
         const showBilling = !stripeStore.stripeShippingSameAsBilling;
         // Get theme for the update dialog, inherit from the theme, no from this component theme
         const theme = getZonosStoreTheme(zonosStore.appearance.theme);
         // Attempt to get the email from email from customer profile's locations, if not provided, just use the email from root customer profile
-        const defaultEmail = ((_c = this.defaultAddress.find(Boolean)) === null || _c === void 0 ? void 0 : _c.email) ||
-            ((_f = (_e = (_d = stripeStore.customerProfile) === null || _d === void 0 ? void 0 : _d.locations) === null || _e === void 0 ? void 0 : _e.find(Boolean)) === null || _f === void 0 ? void 0 : _f.email) ||
-            ((_g = stripeStore.customerProfile) === null || _g === void 0 ? void 0 : _g.email);
+        const defaultEmail = ((_b = this.defaultAddress.find(Boolean)) === null || _b === void 0 ? void 0 : _b.email) ||
+            ((_e = (_d = (_c = stripeStore.customerProfile) === null || _c === void 0 ? void 0 : _c.locations) === null || _d === void 0 ? void 0 : _d.find(Boolean)) === null || _e === void 0 ? void 0 : _e.email) ||
+            ((_f = stripeStore.customerProfile) === null || _f === void 0 ? void 0 : _f.email);
         return (h(Host, { class: "zonos--customer-info zonos--elements" }, h("div", { class: "zonos--group" }, h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translate('Customer information')), this.showErrorBanner && (h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, translate('Missing required fields. Make sure all fields are completed.'))), h("zonos-link-authentication", { defaultEmail: defaultEmail, isEmailError: this.isEmailError, onLinkAuthenticationChange: this.handleEmailValidation, titleText: translate('Contact') }), this.renderAddressComponent('shipping'), h("zonos-checkbox", { class: "zonos--shipping-same-as-billing-cbx", isChecked: stripeStore.stripeShippingSameAsBilling, label: translate('Shipping address same as billing'), onCheckboxSelected: e => {
                 stripeStore.stripeShippingSameAsBilling = e.detail;
             } }), h("zonos-collapse", { collapsed: !showBilling }, this.renderAddressComponent('billing')), h("div", { class: "zonos--group-btn" }, h("zonos-button", { backgroundColor: this.submitBtnColor, bold: true, loading: this.continueLoading, onClick: () => this.continueClickHandler(), size: "lg",
@@ -523,9 +550,11 @@ export class ZonosCustomerInfo {
             "invalidShippingCharacterList": {},
             "invalidBillingCharacterList": {},
             "openAddressValidationDialog": {},
-            "shouldEnabledCustomAddress": {},
             "isEmailError": {},
-            "recordedFormTypeUsed": {}
+            "recordedFormTypeUsed": {},
+            "selectedCountryCode": {},
+            "genericSettings": {},
+            "addressFormRenderType": {}
         };
     }
     static get events() {
@@ -578,6 +607,15 @@ export class ZonosCustomerInfo {
         return [{
                 "propName": "showErrorBanner",
                 "methodName": "watchShowErrorBanner"
+            }, {
+                "propName": "shouldUseCustomAddressFormOverride",
+                "methodName": "watchShouldEnabledCustomAddress"
+            }, {
+                "propName": "genericSettings",
+                "methodName": "watchShouldEnabledCustomAddress"
+            }, {
+                "propName": "selectedCountryCode",
+                "methodName": "watchShouldEnabledCustomAddress"
             }];
     }
 }

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

@@ -1,6 +1,6 @@
 import { Fragment, h, Host, } from "@stencil/core";
-import { cartStore, cartStoreGetMethod, cartStoreGetShippingTransitInfo, cartStoreUpdateSelectedShippingOption, } from "../../../store/checkout/cart";
-import { stripeStore } from "../../../store/checkout/stripe";
+import { cartStore, cartStoreGetMethod, cartStoreGetShippingTransitInfo, cartStoreOnChange, cartStoreUpdateSelectedShippingOption, } from "../../../store/checkout/cart";
+import { stripeStore, stripeStoreAsyncAddressUpdate, } from "../../../store/checkout/stripe";
 import { storageStore } from "../../../store/storageStore";
 import { translate } from "../../../store/translationStore";
 import { trackConversionEvent } from "../../../utils/api/trackConversionEvent";
@@ -12,6 +12,7 @@ import { submitGtag } from "../../../utils/submitGtag";
 import ChevronUpIcon from "./assets/ChevronUpIcon.svg";
 export class ZonosShipping {
     constructor() {
+        this.storeUnsubscribeList = [];
         /**
          * Whether or not the continue button is loading
          */
@@ -32,6 +33,7 @@ export class ZonosShipping {
         this.serviceLevelsOther = [];
         this.serviceLevelsAll = [];
         this.displayBaseCurrency = false;
+        this.shippingData = [];
         this.handleRadioSelected = async (e) => {
             var _a;
             this.selectedShippingMethod = e.detail;
@@ -43,6 +45,8 @@ export class ZonosShipping {
                 return;
             }
             this.isSelecting = true;
+            // update the address async if we already got landed cost data
+            await stripeStoreAsyncAddressUpdate();
             // save selected shipping option to store
             await cartStoreUpdateSelectedShippingOption(selectedShippingOption, e.detail.landedCostId);
             this.isSelecting = false;
@@ -97,6 +101,7 @@ export class ZonosShipping {
         };
         this.initServiceLevels = () => {
             var _a;
+            this.collapsedDAPOptions = true;
             const serviceLevels = ((_a = cartStore.shippingData) === null || _a === void 0 ? void 0 : _a.flatMap(item => {
                 var _a;
                 const transitData = cartStoreGetShippingTransitInfo(item);
@@ -154,12 +159,14 @@ export class ZonosShipping {
             }
             return false;
         };
-        this.preselectFirstShippingMethod = () => {
+        this.preselectFirstShippingMethod = async () => {
             this.initServiceLevels();
             const selectedServiceLevel = this.serviceLevelsAll.find(item => { var _a; return item.shipmentRatingId === ((_a = cartStore.selectedShippingOption) === null || _a === void 0 ? void 0 : _a.id); }) || null;
             if (selectedServiceLevel) {
                 // keep the selected shipping method
-                this.selectedShippingMethod = selectedServiceLevel;
+                void this.handleRadioSelected({
+                    detail: selectedServiceLevel,
+                });
                 return;
             }
             const firstServiceLevel = this.serviceLevelsAll.find(Boolean);
@@ -171,16 +178,30 @@ export class ZonosShipping {
             }
         };
     }
+    disconnectedCallback() {
+        // unsubscribe from store subscriptions
+        this.storeUnsubscribeList.forEach(subscription => subscription());
+    }
     componentWillLoad() {
-        this.preselectFirstShippingMethod();
+        void this.preselectFirstShippingMethod();
+        this.storeUnsubscribeList = [
+            cartStoreOnChange('shippingData', () => {
+                if (this.isOutdatedShippingData()) {
+                    // re-init service levels if the shipping data is outdated (promo code applied)
+                    void this.preselectFirstShippingMethod();
+                }
+            }),
+            cartStoreOnChange('landedCostData', () => {
+                if (this.isOutdatedShippingData()) {
+                    // re-init service levels if the shipping data is outdated (promo code applied)
+                    void this.preselectFirstShippingMethod();
+                }
+            }),
+        ];
     }
     render() {
-        if (this.isOutdatedShippingData()) {
-            // re-init service levels if the shipping data is outdated (promo code applied)
-            this.preselectFirstShippingMethod();
-        }
         // re-init service levels if the currency is toggled
-        else if (this.isCurrencyToggled()) {
+        if (this.isCurrencyToggled()) {
             this.initServiceLevels();
         }
         const defaultShownServiceLevels = [
@@ -300,7 +321,8 @@ export class ZonosShipping {
             "serviceLevelsDAP": {},
             "serviceLevelsOther": {},
             "serviceLevelsAll": {},
-            "displayBaseCurrency": {}
+            "displayBaseCurrency": {},
+            "shippingData": {}
         };
     }
     static get events() {

package/dist/collection/components/common/zonos-checkout-progress-tabs/zonos-checkout-progress-tabs.js

@@ -82,12 +82,12 @@ export class ZonosCheckoutProgressTabs {
                 '--zonos--progress-percent': this.getTotalSuccessStep(),
             } }, h("div", { key: 'd173893ab0da684a189127ab511db90ba3a0985c', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
             const isSelected = tab.value === selectedStep;
-            return (h("button", { class: classes([
+            return (h("button", { "aria-label": `Tab ${tab.label}`, class: classes([
                     'zonos--tab-item',
                     tab.value === selectedStep && 'selected',
                     tab.isDone && 'done',
                 ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => this.setTabSelected(tab.value) }, h("div", { class: "zonos--tab-index" }, h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, index + 1), h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1000' })), h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, translate(tab.label))));
-        })), h("div", { key: '1e8dbcee0cc21837b030760250755fe5292bd261', class: "zonos--tab-progress" }, h("div", { key: 'a9250c1ca7b7a40f5b6d0bbbeca24f657471cda1', class: "zonos--progress-bar-fill" }))));
+        })), h("div", { key: 'e424eda69e8338599446f71f407c76617d2b79cf', class: "zonos--tab-progress" }, h("div", { key: 'acccc44ce950da71c8c0ee0798dc2086d9656ed2', class: "zonos--progress-bar-fill" }))));
     }
     static get is() { return "zonos-checkout-progress-tabs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,9 +31,9 @@ export class ZonosCountrySelect {
         };
     }
     componentDidRender() {
-        var _a, _b;
-        // focus the input on render
-        (_b = (_a = this.ele.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.zonos--country-filter-input')) === null || _b === void 0 ? void 0 : _b.focus();
+        var _a;
+        this.inputRef.autocomplete = 'off';
+        (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
         const { helloCountryList } = localizationStore;
@@ -48,9 +48,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: '25c360767efe1c48edde5401a6c0929ceb7bd47c', class: "zonos--elements", style: {
+        return (h(Host, { key: '83c9005b99e1dc8d3b4a4d50e6edbed0f17ce6e0', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'ee63b18e0504ffe1d6a6a50fdfea00e8cf808211', class: "zonos--country-select" }, h("zonos-v-stack", { key: '448a30acc483e5b945435a5650c222180a3159d4', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: 'f4ed039f14059db21ad325372f300e742191588c', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: '40f772868810c96b27dfa8bab56a01d5c9385599', autocomplete: "off", autofocus: "autofocus", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translate('Search countries'), value: this.inputValue }))), h("div", { key: 'f752f5426257f0538041597e2a76f92c6754835f', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: 'febbe41e09b452430e1a03d33732c9cc3710701b', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: 'afec99a75a3a0cd3450a539154670508aed8c57e', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index => {
+            } }, h("div", { key: '173d6c9d1808e80cdcb808b6418a9e3928e6a971', class: "zonos--country-select" }, h("zonos-v-stack", { key: '47118836d03e8505f9bd87e795387ea19cf67843', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: 'c5be83953dd01e47dbe814cbe83a114d700de830', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: '2afe5eed1f156b8923a10564cf2b96d2cd6eb9bb', 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: '4d64a4d3c08292ae1f574973c09aa9ec42b48c37', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: 'dc30685daa60063cb9e6c6e7730f54cc5a25249b', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: '69f6d39cf40abd951857542d734424623cbd7031', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index => {
                 const country = filteredCountries[index];
                 if (!country) {
                     return null;