@zonos/elements 1.3.193 → 1.3.194

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (165) hide show
  1. package/dist/cjs/{cart-27f6c7a4.js → cart-bc882927.js} +3 -3
  2. package/dist/cjs/{debounce-3eaa4f7e.js → debounce-d393fafe.js} +1 -1
  3. package/dist/cjs/{getBorderRadius-87f3b69c.js → getBorderRadius-3d0a563e.js} +1 -1
  4. package/dist/cjs/index.cjs.js +7 -7
  5. package/dist/cjs/{isDarkColor-d0c67c3d.js → isDarkColor-92a10a85.js} +1 -1
  6. package/dist/cjs/{paypal-84d83a76.js → paypal-608fa681.js} +3 -3
  7. package/dist/cjs/zonos-address_11.cjs.entry.js +26 -14
  8. package/dist/cjs/zonos-badge.cjs.entry.js +1 -1
  9. package/dist/cjs/zonos-banner.cjs.entry.js +1 -1
  10. package/dist/cjs/zonos-button_3.cjs.entry.js +3 -3
  11. package/dist/cjs/zonos-card.cjs.entry.js +2 -2
  12. package/dist/cjs/zonos-cart-items_13.cjs.entry.js +5 -5
  13. package/dist/cjs/zonos-checkout.cjs.entry.js +5 -5
  14. package/dist/cjs/zonos-collapse.cjs.entry.js +1 -1
  15. package/dist/cjs/zonos-controller.cjs.entry.js +4 -4
  16. package/dist/cjs/zonos-country-flag.cjs.entry.js +4 -4
  17. package/dist/cjs/zonos-country-select_4.cjs.entry.js +4 -4
  18. package/dist/cjs/zonos-empty-state-payment_4.cjs.entry.js +5 -5
  19. package/dist/cjs/zonos-hello-dialog.cjs.entry.js +4 -4
  20. package/dist/cjs/zonos-hello.cjs.entry.js +5 -5
  21. package/dist/cjs/zonos-input.cjs.entry.js +2 -2
  22. package/dist/cjs/zonos-language-select_2.cjs.entry.js +4 -4
  23. package/dist/cjs/zonos-logo.cjs.entry.js +1 -1
  24. package/dist/cjs/zonos-shipping-rich-radio.cjs.entry.js +2 -2
  25. package/dist/cjs/zonos-stripe-input.cjs.entry.js +3 -3
  26. package/dist/cjs/zonos-text.cjs.entry.js +1 -1
  27. package/dist/cjs/zonos-toggle.cjs.entry.js +1 -1
  28. package/dist/cjs/zonos-v-stack.cjs.entry.js +1 -1
  29. package/dist/cjs/{zonosStore-adc42868.js → zonosStore-c466b127.js} +1 -0
  30. package/dist/collection/components/common/zonos-stripe-phone-input/zonos-stripe-phone-input.js +8 -6
  31. package/dist/collection/components/store/zonosStore.js +1 -0
  32. package/dist/collection/components/stripe/zonos-address/zonos-address.js +7 -1
  33. package/dist/collection/components/stripe/zonos-custom-address/zonos-custom-address.js +7 -2
  34. package/dist/collection/types/generated/graphql.internal.types.js +13 -0
  35. package/dist/esm/{cart-f5c12be6.js → cart-2f0ee51d.js} +3 -3
  36. package/dist/esm/{debounce-3cf0793c.js → debounce-a2121722.js} +1 -1
  37. package/dist/esm/{getBorderRadius-a9a48f79.js → getBorderRadius-413e97eb.js} +1 -1
  38. package/dist/esm/index.js +7 -7
  39. package/dist/esm/{isDarkColor-62cbddb5.js → isDarkColor-4c7b2ffc.js} +1 -1
  40. package/dist/esm/{paypal-594f49e9.js → paypal-3ecdf234.js} +3 -3
  41. package/dist/esm/zonos-address_11.entry.js +26 -14
  42. package/dist/esm/zonos-badge.entry.js +1 -1
  43. package/dist/esm/zonos-banner.entry.js +1 -1
  44. package/dist/esm/zonos-button_3.entry.js +3 -3
  45. package/dist/esm/zonos-card.entry.js +2 -2
  46. package/dist/esm/zonos-cart-items_13.entry.js +5 -5
  47. package/dist/esm/zonos-checkout.entry.js +5 -5
  48. package/dist/esm/zonos-collapse.entry.js +1 -1
  49. package/dist/esm/zonos-controller.entry.js +4 -4
  50. package/dist/esm/zonos-country-flag.entry.js +4 -4
  51. package/dist/esm/zonos-country-select_4.entry.js +4 -4
  52. package/dist/esm/zonos-empty-state-payment_4.entry.js +5 -5
  53. package/dist/esm/zonos-hello-dialog.entry.js +4 -4
  54. package/dist/esm/zonos-hello.entry.js +5 -5
  55. package/dist/esm/zonos-input.entry.js +2 -2
  56. package/dist/esm/zonos-language-select_2.entry.js +4 -4
  57. package/dist/esm/zonos-logo.entry.js +1 -1
  58. package/dist/esm/zonos-shipping-rich-radio.entry.js +2 -2
  59. package/dist/esm/zonos-stripe-input.entry.js +3 -3
  60. package/dist/esm/zonos-text.entry.js +1 -1
  61. package/dist/esm/zonos-toggle.entry.js +1 -1
  62. package/dist/esm/zonos-v-stack.entry.js +1 -1
  63. package/dist/esm/{zonosStore-1ce34e04.js → zonosStore-cdabc848.js} +1 -0
  64. package/dist/esm-es5/{cart-f5c12be6.js → cart-2f0ee51d.js} +1 -1
  65. package/dist/esm-es5/{debounce-3cf0793c.js → debounce-a2121722.js} +1 -1
  66. package/dist/esm-es5/{getBorderRadius-a9a48f79.js → getBorderRadius-413e97eb.js} +1 -1
  67. package/dist/esm-es5/index.js +1 -1
  68. package/dist/esm-es5/{isDarkColor-62cbddb5.js → isDarkColor-4c7b2ffc.js} +1 -1
  69. package/dist/esm-es5/{paypal-594f49e9.js → paypal-3ecdf234.js} +1 -1
  70. package/dist/esm-es5/zonos-address_11.entry.js +1 -1
  71. package/dist/esm-es5/zonos-badge.entry.js +1 -1
  72. package/dist/esm-es5/zonos-banner.entry.js +1 -1
  73. package/dist/esm-es5/zonos-button_3.entry.js +1 -1
  74. package/dist/esm-es5/zonos-card.entry.js +1 -1
  75. package/dist/esm-es5/zonos-cart-items_13.entry.js +1 -1
  76. package/dist/esm-es5/zonos-checkout.entry.js +1 -1
  77. package/dist/esm-es5/zonos-collapse.entry.js +1 -1
  78. package/dist/esm-es5/zonos-controller.entry.js +1 -1
  79. package/dist/esm-es5/zonos-country-flag.entry.js +1 -1
  80. package/dist/esm-es5/zonos-country-select_4.entry.js +1 -1
  81. package/dist/esm-es5/zonos-empty-state-payment_4.entry.js +1 -1
  82. package/dist/esm-es5/zonos-hello-dialog.entry.js +1 -1
  83. package/dist/esm-es5/zonos-hello.entry.js +1 -1
  84. package/dist/esm-es5/zonos-input.entry.js +1 -1
  85. package/dist/esm-es5/zonos-language-select_2.entry.js +1 -1
  86. package/dist/esm-es5/zonos-logo.entry.js +1 -1
  87. package/dist/esm-es5/zonos-shipping-rich-radio.entry.js +1 -1
  88. package/dist/esm-es5/zonos-stripe-input.entry.js +1 -1
  89. package/dist/esm-es5/zonos-text.entry.js +1 -1
  90. package/dist/esm-es5/zonos-toggle.entry.js +1 -1
  91. package/dist/esm-es5/zonos-v-stack.entry.js +1 -1
  92. package/dist/esm-es5/{zonosStore-1ce34e04.js → zonosStore-cdabc848.js} +1 -1
  93. package/dist/scripts/index.d.ts +10 -0
  94. package/dist/scripts/index.js +1 -1
  95. package/dist/scripts/loadZonos.js +1 -1
  96. package/dist/scripts/zonos.js +1 -1
  97. package/dist/types/scripts/cart/_setupCartDataWithSettings.d.ts +1 -0
  98. package/dist/types/types/checkout/CheckoutConfig.d.ts +4 -0
  99. package/dist/types/types/generated/graphql.internal.types.d.ts +18 -0
  100. package/dist/types/types/generated/graphql.internal.types.ts +24 -0
  101. package/dist/zonos-elements/assets/RemoveIcon.svg +1 -1
  102. package/dist/zonos-elements/index.esm.js +1 -1
  103. package/dist/zonos-elements/p-02787d8c.entry.js +1 -0
  104. package/dist/zonos-elements/{p-31e90130.system.js → p-06ed3582.system.js} +1 -1
  105. package/dist/zonos-elements/{p-315d8e78.system.entry.js → p-0fe6efef.system.entry.js} +1 -1
  106. package/dist/zonos-elements/{p-83a7ece6.system.entry.js → p-127deab4.system.entry.js} +1 -1
  107. package/dist/zonos-elements/{p-53ffdb91.js → p-13796f98.js} +1 -1
  108. package/dist/zonos-elements/{p-313ef896.entry.js → p-147ca395.entry.js} +1 -1
  109. package/dist/zonos-elements/{p-e99354d5.entry.js → p-1eddec23.entry.js} +1 -1
  110. package/dist/zonos-elements/{p-1146b6e0.entry.js → p-23752a7e.entry.js} +1 -1
  111. package/dist/zonos-elements/{p-f3f27bf2.system.entry.js → p-24a2e899.system.entry.js} +1 -1
  112. package/dist/zonos-elements/{p-657390e6.js → p-264e7688.js} +1 -1
  113. package/dist/zonos-elements/{p-f7d3e48b.entry.js → p-2882b9f4.entry.js} +1 -1
  114. package/dist/zonos-elements/{p-d7b5b237.js → p-2f34e29a.js} +1 -1
  115. package/dist/zonos-elements/{p-94a80d93.system.entry.js → p-33488109.system.entry.js} +1 -1
  116. package/dist/zonos-elements/p-337fab4e.js +1 -0
  117. package/dist/zonos-elements/{p-682e09fc.system.entry.js → p-39e369f6.system.entry.js} +1 -1
  118. package/dist/zonos-elements/{p-678ccc3f.system.entry.js → p-3ddecaa4.system.entry.js} +1 -1
  119. package/dist/zonos-elements/{p-9aa94d71.system.entry.js → p-3e15061e.system.entry.js} +1 -1
  120. package/dist/zonos-elements/{p-2097fae5.js → p-4593324c.js} +1 -1
  121. package/dist/zonos-elements/{p-23975acb.system.entry.js → p-48f70043.system.entry.js} +1 -1
  122. package/dist/zonos-elements/{p-77654589.entry.js → p-4931d780.entry.js} +1 -1
  123. package/dist/zonos-elements/{p-db3f6d6e.system.entry.js → p-4abc1b34.system.entry.js} +1 -1
  124. package/dist/zonos-elements/{p-46d3e378.system.entry.js → p-55711b80.system.entry.js} +1 -1
  125. package/dist/zonos-elements/{p-03bbd1af.entry.js → p-578bf5d7.entry.js} +1 -1
  126. package/dist/zonos-elements/{p-1e612c29.entry.js → p-5c061a35.entry.js} +1 -1
  127. package/dist/zonos-elements/{p-6ac90deb.entry.js → p-5d7c9ac3.entry.js} +1 -1
  128. package/dist/zonos-elements/{p-67b904c2.entry.js → p-6096c1c5.entry.js} +1 -1
  129. package/dist/zonos-elements/{p-7bed199d.entry.js → p-649d3e92.entry.js} +1 -1
  130. package/dist/zonos-elements/{p-e2d45b2e.system.js → p-6a31eb14.system.js} +1 -1
  131. package/dist/zonos-elements/{p-5f896e9a.entry.js → p-6adc6e27.entry.js} +1 -1
  132. package/dist/zonos-elements/{p-97e330cd.entry.js → p-6b2358f2.entry.js} +1 -1
  133. package/dist/zonos-elements/{p-0dae66d2.entry.js → p-6ccb1b13.entry.js} +1 -1
  134. package/dist/zonos-elements/{p-aca3a2bb.entry.js → p-7bb9c330.entry.js} +1 -1
  135. package/dist/zonos-elements/{p-1b29bc5f.system.entry.js → p-8a9d4605.system.entry.js} +1 -1
  136. package/dist/zonos-elements/{p-3707564c.entry.js → p-8df9a41b.entry.js} +1 -1
  137. package/dist/zonos-elements/{p-2416aaa1.system.entry.js → p-94e3e50d.system.entry.js} +1 -1
  138. package/dist/zonos-elements/{p-eeaff898.system.entry.js → p-9e27aaff.system.entry.js} +1 -1
  139. package/dist/zonos-elements/{p-abc66a0b.entry.js → p-9f6dd86a.entry.js} +1 -1
  140. package/dist/zonos-elements/p-a2df5a4b.system.entry.js +1 -0
  141. package/dist/zonos-elements/{p-0fdd7034.system.entry.js → p-a64ab131.system.entry.js} +1 -1
  142. package/dist/zonos-elements/{p-35f33601.system.entry.js → p-aac95779.system.entry.js} +1 -1
  143. package/dist/zonos-elements/{p-443b5db2.entry.js → p-ad3c5358.entry.js} +1 -1
  144. package/dist/zonos-elements/{p-b5edee66.system.js → p-af6af82e.system.js} +1 -1
  145. package/dist/zonos-elements/{p-f4cc688e.system.entry.js → p-b6afcf3f.system.entry.js} +1 -1
  146. package/dist/zonos-elements/{p-17299200.js → p-b8d87932.js} +1 -1
  147. package/dist/zonos-elements/{p-81ee1683.entry.js → p-b8d91f99.entry.js} +1 -1
  148. package/dist/zonos-elements/{p-c140a0bd.system.entry.js → p-c770044a.system.entry.js} +1 -1
  149. package/dist/zonos-elements/{p-1f13a451.system.entry.js → p-c7f0941d.system.entry.js} +1 -1
  150. package/dist/zonos-elements/{p-b610f70c.system.js → p-d422ad1d.system.js} +1 -1
  151. package/dist/zonos-elements/{p-89fcd305.system.entry.js → p-d4842d10.system.entry.js} +1 -1
  152. package/dist/zonos-elements/{p-4d1269a7.entry.js → p-dc1b3bcb.entry.js} +1 -1
  153. package/dist/zonos-elements/{p-abe9207c.system.js → p-de47028a.system.js} +1 -1
  154. package/dist/zonos-elements/{p-3831dab5.system.js → p-de73fec0.system.js} +1 -1
  155. package/dist/zonos-elements/{p-a09f64e1.entry.js → p-e275d241.entry.js} +1 -1
  156. package/dist/zonos-elements/p-ea6d87a1.system.js +1 -1
  157. package/dist/zonos-elements/{p-bbbaea3a.system.js → p-f28eb1dd.system.js} +1 -1
  158. package/dist/zonos-elements/{p-d0f4b6c3.entry.js → p-f6e587bb.entry.js} +1 -1
  159. package/dist/zonos-elements/{p-3d130579.system.entry.js → p-f8253ae4.system.entry.js} +1 -1
  160. package/dist/zonos-elements/{p-751bfce8.system.entry.js → p-fccf8c66.system.entry.js} +1 -1
  161. package/dist/zonos-elements/zonos-elements.esm.js +1 -1
  162. package/package.json +1 -1
  163. package/dist/zonos-elements/p-091be444.entry.js +0 -1
  164. package/dist/zonos-elements/p-b4c0e0c5.system.entry.js +0 -1
  165. package/dist/zonos-elements/p-e892fb29.js +0 -1
@@ -192,26 +192,28 @@ export class ZonosStripePhoneInput {
192
192
  const fontSize = zonosStore.appearance.fontSizeInputValue || 16;
193
193
  const hasContent = !!this.phoneNumber;
194
194
  const countryOptionsList = this.countryOptions
195
- ? Object.values(this.countryOptions).filter(Boolean)
195
+ ? Object.values(this.countryOptions)
196
+ .filter(Boolean)
197
+ .sort((a, b) => a.displayName.localeCompare(b.displayName))
196
198
  : [];
197
- return (h(Host, { key: 'ece9737db2ea37d1e75a8840e911221a6604ead2', class: classes([
199
+ return (h(Host, { key: 'c7ca4076eb70b166979d21074d068912af1496c5', class: classes([
198
200
  'zonos--phone-input zonos--elements',
199
201
  isDark && 'dark',
200
- ]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius(), '--zonos--font-family': zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, h("div", { key: 'b3cda8bc90655aab7c45b8dce02f615236e73e0f', class: classes([
202
+ ]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius(), '--zonos--font-family': zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, h("div", { key: '5460d79c86d34daf94538f063274c45ae3be2239', class: classes([
201
203
  'zonos--label-wrapper',
202
204
  this.disabled && 'disabled',
203
205
  this.isFocused && 'focused',
204
206
  hasContent && 'has-content',
205
207
  this.error && 'has-error',
206
208
  this.inputLabel && 'has-label',
207
- ]) }, h("select", { key: '43c8539ccc6d4a2dee364c540c552a737cf450ed', class: "zonos--select", disabled: this.disabled, onBlur: this.handleBlur, onChange: this.handleCountryChange, onFocus: this.handleFocus }, countryOptionsList.map(option => {
209
+ ]) }, h("select", { key: '290d89088b9a800b31ed19cfe3de6831322a3f5a', class: "zonos--select", disabled: this.disabled, onBlur: this.handleBlur, onChange: this.handleCountryChange, onFocus: this.handleFocus }, countryOptionsList.map(option => {
208
210
  var _a;
209
211
  return (h("option", { key: option.countryCode, selected: option.countryCode === ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.countryCode), value: option.countryCode }, option.displayName, " (+", option.phoneCode, ")"));
210
- })), h("div", { key: '50609301fd2740f213b9f4c3385dd1628e663265', class: "zonos--input-group" }, h("div", { key: '5920176f0986fbeb623469a2d99d7b7182b95150', class: "zonos--select-wrapper" }, h("div", { key: 'c96f9003f77cbd2f3ee2bfc9ae453307a3c08d3b', class: "zonos--country-select" }, h("div", { key: '3afef887d3f8ebfd421e887364ba660f1435236c', class: "zonos--country-select-content" }, this.selectedCountry && (h("div", { key: 'aa2c0384d1f5139af73e5d21fa2b728c1a3a1251', class: "zonos--country-select-selected" }, h("div", { key: '9ea7d3e818b50a279979cb89248e8c46bb66da0e', class: "zonos--country-flag-wrapper" }, h("zonos-country-flag", { key: '1c49374c7e5051ac640b1dbe20aab27e485eecd4', class: "zonos--country-flag", countryCode: this.selectedCountry.countryCode })), h("div", { key: 'f95d8a3f59bd62b8d488350015bd52be310cfe85', class: "zonos--country-code" }, "+", this.selectedCountry.phoneCode))), h("div", { key: 'e69bbd00f23ed3997bcbea13842b49600b6abe81', class: "zonos--select-chevron-wrapper" }, h("zonos-icon", { key: 'a20941918412c6cad3e03ba3684fd9f6c2db8bd8', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon, iconColor: "gray-800" }))))), h("div", { key: 'fb832d25cb005ce39082ff7829000d13a35b453b', class: classes([
212
+ })), h("div", { key: 'b0271d3453869ed79a36d62f5f6bacb22a509b46', class: "zonos--input-group" }, h("div", { key: '49486c915fa2f65878a6f8ab73c48997e4ba1461', class: "zonos--select-wrapper" }, h("div", { key: '63412e8077e062efef5f42c3a77e583ade435b53', class: "zonos--country-select" }, h("div", { key: '5c073598dfeaa0c8de68f07b1a7789f4a56a24c8', class: "zonos--country-select-content" }, this.selectedCountry && (h("div", { key: '8a32922d75343005fde7446736746cd531ff63f8', class: "zonos--country-select-selected" }, h("div", { key: '859cdbc4c1879c38f0c848ff42b38bc5492d3e96', class: "zonos--country-flag-wrapper" }, h("zonos-country-flag", { key: '9167a7c586e2d693bfdcad7773df60a324600be7', class: "zonos--country-flag", countryCode: this.selectedCountry.countryCode })), h("div", { key: 'b39dcadb22202d866fc8e1217bbe2e17704e2300', class: "zonos--country-code" }, "+", this.selectedCountry.phoneCode))), h("div", { key: '4b0a4ce8c94e6e3125cfde55542b38efb6a8a787', class: "zonos--select-chevron-wrapper" }, h("zonos-icon", { key: '25322152ca9550a8b2e667f8f993c38a972aa9ce', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon, iconColor: "gray-800" }))))), h("div", { key: 'c6a93ba0656e09a154c3d91327f3573e0288234b', class: classes([
211
213
  'zonos--input-container',
212
214
  this.inputLabel && 'has-label',
213
215
  hasContent && 'has-content',
214
- ]) }, h("input", Object.assign({ key: '8a5fa81c091f92937e448a60175241b6e906af68' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: "zonos--floated-input", disabled: this.disabled, id: this.inputId, onBlur: this.handleBlur, onFocus: this.handleFocus, onInput: this.handlePhoneChange, placeholder: ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.phonePlaceholder) || '', ref: el => (this.inputRef = el), type: "tel" })), this.inputLabel && (h("div", { key: '269197d54f8226a66f1033fce49a793fe4790341', class: "zonos--floated-label" }, h("label", { key: '7d3b810eba257a877ff4370457af8f4117c8a82f', htmlFor: this.inputId }, this.inputLabel || translate('Phone number'))))))), this.error && (h("zonos-text", { key: 'ba21514e60b298d4d353d92246e91eadd1e6d744', textColor: "red-600" }, this.error))));
216
+ ]) }, h("input", Object.assign({ key: '49246ff464685feaa9414d1e7b36f55b82fff564' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: "zonos--floated-input", disabled: this.disabled, id: this.inputId, onBlur: this.handleBlur, onFocus: this.handleFocus, onInput: this.handlePhoneChange, placeholder: ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.phonePlaceholder) || '', ref: el => (this.inputRef = el), type: "tel" })), this.inputLabel && (h("div", { key: '653d278b7ffc634bc7892d54c8fcab7b7626f80e', class: "zonos--floated-label" }, h("label", { key: 'c637ddca7164396d57e8a5eaf98b0e523ee27258', htmlFor: this.inputId }, this.inputLabel || translate('Phone number'))))))), this.error && (h("zonos-text", { key: 'dcc70c068fef73e804eba1f134673168a0bbaf90', textColor: "red-600" }, this.error))));
215
217
  }
216
218
  static get is() { return "zonos-stripe-phone-input"; }
217
219
  static get encapsulation() { return "scoped"; }
@@ -14,6 +14,7 @@ const { dispose: zonosStoreDispose, reset, state: zonosStore, } = createStore(()
14
14
  allowedCharacterSets: 'ALL',
15
15
  allowedSettlementCurrencies: 'LOCAL',
16
16
  analyticsProviders: [],
17
+ companyFieldsStatus: 'DISABLED',
17
18
  defaultCartExpiration: 3600,
18
19
  externalPaymentMethods: [],
19
20
  externalServiceTokens: [],
@@ -3,6 +3,7 @@ import { cartStore } from "../../store/checkout/cart";
3
3
  import { stripeStore } from "../../store/checkout/stripe";
4
4
  import { getFallbackDefaultCountryCode, localizationStore, } from "../../store/hello/localization";
5
5
  import { translate } from "../../store/translationStore";
6
+ import { zonosStore } from "../../store/zonosStore";
6
7
  import { trackConversionEvent } from "../../utils/api/trackConversionEvent";
7
8
  import { isCheckoutMobile } from "../../utils/checkout/isCheckoutMobile";
8
9
  import { shouldRenderTaxIdInput } from "../../utils/checkout/shouldRenderTaxIdInput";
@@ -225,6 +226,11 @@ export class ZonosAddress {
225
226
  if (this.type === 'billing') {
226
227
  return null;
227
228
  }
229
+ // only render the company input if the setting is enabled
230
+ const isCompanyNameEnabled = zonosStore.checkoutSettings.companyFieldsStatus === 'ENABLED';
231
+ if (!isCompanyNameEnabled) {
232
+ return null;
233
+ }
228
234
  return (h("zonos-stripe-input", { class: "zonos--company-name-input", inputLabel: translate('Company name (optional)'), inputValue: stripeStore.companyName, onInputChange: (event) => {
229
235
  stripeStore.companyName = event.detail;
230
236
  } }));
@@ -249,7 +255,7 @@ export class ZonosAddress {
249
255
  this.isAddressFilled = true;
250
256
  }
251
257
  // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
252
- return (h(Host, { key: '8509c142efbfe37d81b3da8b2a2e7b3ca9b350dc', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '16e151eb3204d656f4a726531b9a64d955ac99c8', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), h("div", { key: '6b9d493c1e61cbfb77fc89cfa3cc1081b3b1c147', class: "zonos--address-component" })));
258
+ return (h(Host, { key: '237dca631e154da8d53a8ffce5090b39e9324fde', class: "zonos--address zonos--elements" }, h("zonos-text", { key: 'af7c7f0f7515f428b07179ceea4fd7811f2d20e1', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), h("div", { key: 'e7b9fead0c4e35fc662be8728b8e58bb3b697178', class: "zonos--address-component" })));
253
259
  }
254
260
  static get is() { return "zonos-address"; }
255
261
  static get encapsulation() { return "scoped"; }
@@ -331,6 +331,11 @@ export class ZonosAddress {
331
331
  if (this.type === 'billing') {
332
332
  return null;
333
333
  }
334
+ // only render the company input if the setting is enabled
335
+ const isCompanyNameEnabled = zonosStore.checkoutSettings.companyFieldsStatus === 'ENABLED';
336
+ if (!isCompanyNameEnabled) {
337
+ return null;
338
+ }
334
339
  return (h("zonos-stripe-input", { class: "zonos--company-name-input", inputLabel: translate('Company name (optional)'), inputValue: stripeStore.companyName, onInputChange: (event) => {
335
340
  stripeStore.companyName = event.detail;
336
341
  } }));
@@ -804,10 +809,10 @@ export class ZonosAddress {
804
809
  this.country = localizationStore.selectedCountryCode;
805
810
  }
806
811
  // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
807
- return (h(Host, { key: '7bb0587de62e4c9b50992c3b6334e0382ea6ac08', class: classes([
812
+ return (h(Host, { key: '896476a9cf01cbb6e88312c1c90a7a022a83269d', class: classes([
808
813
  'zonos--address zonos--elements',
809
814
  `zonos--${this.type}-address`,
810
- ]) }, h("zonos-text", { key: '5f2590456c7b20851af976263a82fbb17e47d995', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderCustomAddressForm()));
815
+ ]) }, h("zonos-text", { key: 'e1a3320ae6c3c8bb104604cef6fc2e6c711b6543', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderCustomAddressForm()));
811
816
  }
812
817
  static get is() { return "zonos-custom-address"; }
813
818
  static get encapsulation() { return "scoped"; }
@@ -2081,6 +2081,7 @@ export const orderBillingAdjustmentFeeType = {
2081
2081
  DutyTaxFee: 'DUTY_TAX_FEE',
2082
2082
  FxFee: 'FX_FEE',
2083
2083
  FxFeeNonRefundedAmounts: 'FX_FEE_NON_REFUNDED_AMOUNTS',
2084
+ GeneralAdjustment: 'GENERAL_ADJUSTMENT',
2084
2085
  GuaranteeOrder: 'GUARANTEE_ORDER',
2085
2086
  GuaranteePercent: 'GUARANTEE_PERCENT',
2086
2087
  InclusivePriceAdjustment: 'INCLUSIVE_PRICE_ADJUSTMENT',
@@ -2093,6 +2094,13 @@ export const orderBillingAdjustmentFeeType = {
2093
2094
  ZonosMerchantProcessing: 'ZONOS_MERCHANT_PROCESSING',
2094
2095
  ZonosTransaction: 'ZONOS_TRANSACTION',
2095
2096
  };
2097
+ export const orderBillingAdjustmentType = {
2098
+ GeneralAdjustment: 'GENERAL_ADJUSTMENT',
2099
+ OrderCancel: 'ORDER_CANCEL',
2100
+ OrderCancelNoRefund: 'ORDER_CANCEL_NO_REFUND',
2101
+ OrderCreated: 'ORDER_CREATED',
2102
+ OrderRefund: 'ORDER_REFUND',
2103
+ };
2096
2104
  export const orderCompleteBillingMethod = {
2097
2105
  BillingDgs: 'BILLING_DGS',
2098
2106
  Legacy: 'LEGACY',
@@ -2506,6 +2514,7 @@ export const storeFeeRuleDetailCategoryIdCreateType = {
2506
2514
  ApiGuaranteeOrderLegacy: 'API_GUARANTEE_ORDER_LEGACY',
2507
2515
  ApiGuaranteePercent: 'API_GUARANTEE_PERCENT',
2508
2516
  ApiGuaranteePercentLegacy: 'API_GUARANTEE_PERCENT_LEGACY',
2517
+ ApiRevenueShareBuffer: 'API_REVENUE_SHARE_BUFFER',
2509
2518
  BigcommerceCrossDockingBuffer: 'BIGCOMMERCE_CROSS_DOCKING_BUFFER',
2510
2519
  BigcommerceGuaranteeOrder: 'BIGCOMMERCE_GUARANTEE_ORDER',
2511
2520
  BigcommerceGuaranteePercent: 'BIGCOMMERCE_GUARANTEE_PERCENT',
@@ -2697,6 +2706,10 @@ export const transitTypeCode = {
2697
2706
  Days: 'DAYS',
2698
2707
  Weeks: 'WEEKS',
2699
2708
  };
2709
+ export const unreconciledShipmentStatus = {
2710
+ ChargeApprovedMerchant: 'CHARGE_APPROVED_MERCHANT',
2711
+ DisputeMerchant: 'DISPUTE_MERCHANT',
2712
+ };
2700
2713
  export const usBankAccountType = {
2701
2714
  Checking: 'CHECKING',
2702
2715
  Savings: 'SAVINGS',
@@ -1,7 +1,7 @@
1
- import { c as createStore, z as zonosStore } from './zonosStore-1ce34e04.js';
1
+ import { c as createStore, z as zonosStore } from './zonosStore-cdabc848.js';
2
2
  import { h as handleFetch, b as logError, l as log, f as fallbackApiList, g as getIsTestMode, a as getIsStagingMode, s as sendErrorLog, d as allLogs, j as jsonParse } from './handleFetch-621e45bc.js';
3
- import { i as isDarkColor } from './isDarkColor-62cbddb5.js';
4
- import { g as getBorderRadius } from './getBorderRadius-a9a48f79.js';
3
+ import { i as isDarkColor } from './isDarkColor-4c7b2ffc.js';
4
+ import { g as getBorderRadius } from './getBorderRadius-413e97eb.js';
5
5
 
6
6
  const stringsArabic = {
7
7
  ' (Duties due at door)': {
@@ -1,4 +1,4 @@
1
- import { _ as _root, e as _baseGetTag, i as isObjectLike_1, f as isObject_1 } from './zonosStore-1ce34e04.js';
1
+ import { _ as _root, e as _baseGetTag, i as isObjectLike_1, f as isObject_1 } from './zonosStore-cdabc848.js';
2
2
 
3
3
  var root = _root;
4
4
 
@@ -1,4 +1,4 @@
1
- import { z as zonosStore } from './zonosStore-1ce34e04.js';
1
+ import { z as zonosStore } from './zonosStore-cdabc848.js';
2
2
 
3
3
  /**
4
4
  * Get the border radius for the elements based on the style
package/dist/esm/index.js CHANGED
@@ -128,7 +128,7 @@ const getZonosQaUrl = () => {
128
128
  return null;
129
129
  }
130
130
  const qaUrl = extractZonosQaUrl(window.location.href);
131
- const cdnUrl = "https://v1.3.193.js.zonos.com";
131
+ const cdnUrl = "https://v1.3.194.js.zonos.com";
132
132
  // when the qaUrl is not set and the built URL is from the test domain, use the test domain for testing
133
133
  if (!qaUrl &&
134
134
  (cdnUrl.includes('test.') ||
@@ -369,10 +369,10 @@ const zonosLoadUrl = (() => {
369
369
  }
370
370
  return null;
371
371
  })();
372
- const ZONOS_URL = "https://v1.3.193.js.zonos.com";
373
- const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.193";
374
- const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.193";
375
- const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.193";
372
+ const ZONOS_URL = "https://v1.3.194.js.zonos.com";
373
+ const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.194";
374
+ const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.194";
375
+ const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.194";
376
376
  const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
377
377
  const GOOGLE_FONT_REGEX = /^https:\/\/fonts\.googleapis\.com/;
378
378
  class Zonos {
@@ -390,7 +390,7 @@ Zonos.iframeLogType = typeof window !== 'undefined'
390
390
  ? new URLSearchParams(window.location.search).get('iframeLogType')
391
391
  : null;
392
392
  Zonos.isBigCommerce = false;
393
- Zonos.releaseDate = "1746131604123";
393
+ Zonos.releaseDate = "1746221316172";
394
394
  Zonos.isLegacyCheckout = false;
395
395
  Zonos.domain = typeof window !== 'undefined'
396
396
  ? // domain that embeds the iframe
@@ -408,7 +408,7 @@ Zonos.isNpm = true;
408
408
  Zonos.zonosQaUrl = null;
409
409
  Zonos.zonosQaUrlApi = null;
410
410
  Zonos.trackEventLogs = [];
411
- Zonos.version = `v${"1.3.193"}`;
411
+ Zonos.version = `v${"1.3.194"}`;
412
412
  Zonos.modeAlerted = false;
413
413
  Zonos.cartData = null;
414
414
  Zonos.paypal = null;
@@ -1,4 +1,4 @@
1
- import { a as commonjsGlobal } from './zonosStore-1ce34e04.js';
1
+ import { a as commonjsGlobal } from './zonosStore-cdabc848.js';
2
2
 
3
3
  var tinycolor$1 = {exports: {}};
4
4
 
@@ -1,7 +1,7 @@
1
- import { z as zonosStore, c as createStore } from './zonosStore-1ce34e04.js';
2
- import { t as trackConversionEvent, F as validateCheckoutSession, f as stripeStore, e as cartStore, z as stripeStoreHandleInventoryCheck, r as translate, x as cartStoreNextStep, k as cartStoreClearCheckoutInterval } from './cart-f5c12be6.js';
1
+ import { z as zonosStore, c as createStore } from './zonosStore-cdabc848.js';
2
+ import { t as trackConversionEvent, F as validateCheckoutSession, f as stripeStore, e as cartStore, z as stripeStoreHandleInventoryCheck, r as translate, x as cartStoreNextStep, k as cartStoreClearCheckoutInterval } from './cart-2f0ee51d.js';
3
3
  import { h as handleFetch, l as log, b as logError, j as jsonParse } from './handleFetch-621e45bc.js';
4
- import { t as tinycolor } from './isDarkColor-62cbddb5.js';
4
+ import { t as tinycolor } from './isDarkColor-4c7b2ffc.js';
5
5
 
6
6
  /*!
7
7
  * paypal-js v8.1.0 (2024-06-07T16:55:00.122Z)
@@ -1,14 +1,14 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-a457c60c.js';
2
- import { e as cartStore, f as stripeStore, t as trackConversionEvent, V as getFallbackDefaultCountryCode, r as translate, l as localizationStore } from './cart-f5c12be6.js';
2
+ import { e as cartStore, f as stripeStore, t as trackConversionEvent, V as getFallbackDefaultCountryCode, r as translate, l as localizationStore } from './cart-2f0ee51d.js';
3
+ import { z as zonosStore, d as zonosStoreFontFamily, f as isObject_1 } from './zonosStore-cdabc848.js';
3
4
  import { b as logError, l as log, i as isCheckoutMobile } from './handleFetch-621e45bc.js';
4
5
  import { s as shouldRenderTaxIdInput, i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './shouldRenderTaxIdInput-8bc112bb.js';
5
6
  import { c as countryRequireTaxId, s as shipToTaxIdLabels } from './TaxId-50d72254.js';
6
7
  import { c as classes } from './classes-0d95c529.js';
7
- import { g as getBorderRadius } from './getBorderRadius-a9a48f79.js';
8
- import { z as zonosStore, d as zonosStoreFontFamily, f as isObject_1 } from './zonosStore-1ce34e04.js';
8
+ import { g as getBorderRadius } from './getBorderRadius-413e97eb.js';
9
9
  import { R as RemoveIcon$2 } from './RemoveIcon-9dc5dd1a.js';
10
- import { i as isDarkColor } from './isDarkColor-62cbddb5.js';
11
- import { d as debounce_1 } from './debounce-3cf0793c.js';
10
+ import { i as isDarkColor } from './isDarkColor-4c7b2ffc.js';
11
+ import { d as debounce_1 } from './debounce-a2121722.js';
12
12
  import { i as inheritAriaAttributes, a as inheritAttributes } from './helpers-2f6955b1.js';
13
13
 
14
14
  const zonosAddressCss = ".sc-zonos-address-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-address-h *.sc-zonos-address{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-address-h img.sc-zonos-address{max-width:100%}.sc-zonos-address-h dl.sc-zonos-address,.sc-zonos-address-h dd.sc-zonos-address,.sc-zonos-address-h h1.sc-zonos-address,.sc-zonos-address-h h2.sc-zonos-address,.sc-zonos-address-h h3.sc-zonos-address,.sc-zonos-address-h h4.sc-zonos-address,.sc-zonos-address-h h5.sc-zonos-address,.sc-zonos-address-h h6.sc-zonos-address,.sc-zonos-address-h hr.sc-zonos-address,.sc-zonos-address-h figure.sc-zonos-address,.sc-zonos-address-h p.sc-zonos-address,.sc-zonos-address-h pre.sc-zonos-address{margin:0}.sc-zonos-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-address-h .zonos--title.sc-zonos-address{margin-bottom:16px}.sc-zonos-address-h .zonos--company-name-input.sc-zonos-address{margin-bottom:16px}.sc-zonos-address-h zonos-banner.sc-zonos-address{margin-top:8px}";
@@ -230,6 +230,11 @@ const ZonosAddress$1 = class {
230
230
  if (this.type === 'billing') {
231
231
  return null;
232
232
  }
233
+ // only render the company input if the setting is enabled
234
+ const isCompanyNameEnabled = zonosStore.checkoutSettings.companyFieldsStatus === 'ENABLED';
235
+ if (!isCompanyNameEnabled) {
236
+ return null;
237
+ }
233
238
  return (h("zonos-stripe-input", { class: "zonos--company-name-input", inputLabel: translate('Company name (optional)'), inputValue: stripeStore.companyName, onInputChange: (event) => {
234
239
  stripeStore.companyName = event.detail;
235
240
  } }));
@@ -254,7 +259,7 @@ const ZonosAddress$1 = class {
254
259
  this.isAddressFilled = true;
255
260
  }
256
261
  // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
257
- return (h(Host, { key: '8509c142efbfe37d81b3da8b2a2e7b3ca9b350dc', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '16e151eb3204d656f4a726531b9a64d955ac99c8', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), h("div", { key: '6b9d493c1e61cbfb77fc89cfa3cc1081b3b1c147', class: "zonos--address-component" })));
262
+ return (h(Host, { key: '237dca631e154da8d53a8ffce5090b39e9324fde', class: "zonos--address zonos--elements" }, h("zonos-text", { key: 'af7c7f0f7515f428b07179ceea4fd7811f2d20e1', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), h("div", { key: 'e7b9fead0c4e35fc662be8728b8e58bb3b697178', class: "zonos--address-component" })));
258
263
  }
259
264
  get el() { return getElement(this); }
260
265
  static get watchers() { return {
@@ -1086,6 +1091,11 @@ const ZonosAddress = class {
1086
1091
  if (this.type === 'billing') {
1087
1092
  return null;
1088
1093
  }
1094
+ // only render the company input if the setting is enabled
1095
+ const isCompanyNameEnabled = zonosStore.checkoutSettings.companyFieldsStatus === 'ENABLED';
1096
+ if (!isCompanyNameEnabled) {
1097
+ return null;
1098
+ }
1089
1099
  return (h("zonos-stripe-input", { class: "zonos--company-name-input", inputLabel: translate('Company name (optional)'), inputValue: stripeStore.companyName, onInputChange: (event) => {
1090
1100
  stripeStore.companyName = event.detail;
1091
1101
  } }));
@@ -1559,10 +1569,10 @@ const ZonosAddress = class {
1559
1569
  this.country = localizationStore.selectedCountryCode;
1560
1570
  }
1561
1571
  // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
1562
- return (h(Host, { key: '7bb0587de62e4c9b50992c3b6334e0382ea6ac08', class: classes([
1572
+ return (h(Host, { key: '896476a9cf01cbb6e88312c1c90a7a022a83269d', class: classes([
1563
1573
  'zonos--address zonos--elements',
1564
1574
  `zonos--${this.type}-address`,
1565
- ]) }, h("zonos-text", { key: '5f2590456c7b20851af976263a82fbb17e47d995', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderCustomAddressForm()));
1575
+ ]) }, h("zonos-text", { key: 'e1a3320ae6c3c8bb104604cef6fc2e6c711b6543', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderCustomAddressForm()));
1566
1576
  }
1567
1577
  get el() { return getElement(this); }
1568
1578
  static get watchers() { return {
@@ -7822,26 +7832,28 @@ const ZonosStripePhoneInput = class {
7822
7832
  const fontSize = zonosStore.appearance.fontSizeInputValue || 16;
7823
7833
  const hasContent = !!this.phoneNumber;
7824
7834
  const countryOptionsList = this.countryOptions
7825
- ? Object.values(this.countryOptions).filter(Boolean)
7835
+ ? Object.values(this.countryOptions)
7836
+ .filter(Boolean)
7837
+ .sort((a, b) => a.displayName.localeCompare(b.displayName))
7826
7838
  : [];
7827
- return (h(Host, { key: 'ece9737db2ea37d1e75a8840e911221a6604ead2', class: classes([
7839
+ return (h(Host, { key: 'c7ca4076eb70b166979d21074d068912af1496c5', class: classes([
7828
7840
  'zonos--phone-input zonos--elements',
7829
7841
  isDark && 'dark',
7830
- ]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius(), '--zonos--font-family': zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, h("div", { key: 'b3cda8bc90655aab7c45b8dce02f615236e73e0f', class: classes([
7842
+ ]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius(), '--zonos--font-family': zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, h("div", { key: '5460d79c86d34daf94538f063274c45ae3be2239', class: classes([
7831
7843
  'zonos--label-wrapper',
7832
7844
  this.disabled && 'disabled',
7833
7845
  this.isFocused && 'focused',
7834
7846
  hasContent && 'has-content',
7835
7847
  this.error && 'has-error',
7836
7848
  this.inputLabel && 'has-label',
7837
- ]) }, h("select", { key: '43c8539ccc6d4a2dee364c540c552a737cf450ed', class: "zonos--select", disabled: this.disabled, onBlur: this.handleBlur, onChange: this.handleCountryChange, onFocus: this.handleFocus }, countryOptionsList.map(option => {
7849
+ ]) }, h("select", { key: '290d89088b9a800b31ed19cfe3de6831322a3f5a', class: "zonos--select", disabled: this.disabled, onBlur: this.handleBlur, onChange: this.handleCountryChange, onFocus: this.handleFocus }, countryOptionsList.map(option => {
7838
7850
  var _a;
7839
7851
  return (h("option", { key: option.countryCode, selected: option.countryCode === ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.countryCode), value: option.countryCode }, option.displayName, " (+", option.phoneCode, ")"));
7840
- })), h("div", { key: '50609301fd2740f213b9f4c3385dd1628e663265', class: "zonos--input-group" }, h("div", { key: '5920176f0986fbeb623469a2d99d7b7182b95150', class: "zonos--select-wrapper" }, h("div", { key: 'c96f9003f77cbd2f3ee2bfc9ae453307a3c08d3b', class: "zonos--country-select" }, h("div", { key: '3afef887d3f8ebfd421e887364ba660f1435236c', class: "zonos--country-select-content" }, this.selectedCountry && (h("div", { key: 'aa2c0384d1f5139af73e5d21fa2b728c1a3a1251', class: "zonos--country-select-selected" }, h("div", { key: '9ea7d3e818b50a279979cb89248e8c46bb66da0e', class: "zonos--country-flag-wrapper" }, h("zonos-country-flag", { key: '1c49374c7e5051ac640b1dbe20aab27e485eecd4', class: "zonos--country-flag", countryCode: this.selectedCountry.countryCode })), h("div", { key: 'f95d8a3f59bd62b8d488350015bd52be310cfe85', class: "zonos--country-code" }, "+", this.selectedCountry.phoneCode))), h("div", { key: 'e69bbd00f23ed3997bcbea13842b49600b6abe81', class: "zonos--select-chevron-wrapper" }, h("zonos-icon", { key: 'a20941918412c6cad3e03ba3684fd9f6c2db8bd8', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon$1, iconColor: "gray-800" }))))), h("div", { key: 'fb832d25cb005ce39082ff7829000d13a35b453b', class: classes([
7852
+ })), h("div", { key: 'b0271d3453869ed79a36d62f5f6bacb22a509b46', class: "zonos--input-group" }, h("div", { key: '49486c915fa2f65878a6f8ab73c48997e4ba1461', class: "zonos--select-wrapper" }, h("div", { key: '63412e8077e062efef5f42c3a77e583ade435b53', class: "zonos--country-select" }, h("div", { key: '5c073598dfeaa0c8de68f07b1a7789f4a56a24c8', class: "zonos--country-select-content" }, this.selectedCountry && (h("div", { key: '8a32922d75343005fde7446736746cd531ff63f8', class: "zonos--country-select-selected" }, h("div", { key: '859cdbc4c1879c38f0c848ff42b38bc5492d3e96', class: "zonos--country-flag-wrapper" }, h("zonos-country-flag", { key: '9167a7c586e2d693bfdcad7773df60a324600be7', class: "zonos--country-flag", countryCode: this.selectedCountry.countryCode })), h("div", { key: 'b39dcadb22202d866fc8e1217bbe2e17704e2300', class: "zonos--country-code" }, "+", this.selectedCountry.phoneCode))), h("div", { key: '4b0a4ce8c94e6e3125cfde55542b38efb6a8a787', class: "zonos--select-chevron-wrapper" }, h("zonos-icon", { key: '25322152ca9550a8b2e667f8f993c38a972aa9ce', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon$1, iconColor: "gray-800" }))))), h("div", { key: 'c6a93ba0656e09a154c3d91327f3573e0288234b', class: classes([
7841
7853
  'zonos--input-container',
7842
7854
  this.inputLabel && 'has-label',
7843
7855
  hasContent && 'has-content',
7844
- ]) }, h("input", Object.assign({ key: '8a5fa81c091f92937e448a60175241b6e906af68' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: "zonos--floated-input", disabled: this.disabled, id: this.inputId, onBlur: this.handleBlur, onFocus: this.handleFocus, onInput: this.handlePhoneChange, placeholder: ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.phonePlaceholder) || '', ref: el => (this.inputRef = el), type: "tel" })), this.inputLabel && (h("div", { key: '269197d54f8226a66f1033fce49a793fe4790341', class: "zonos--floated-label" }, h("label", { key: '7d3b810eba257a877ff4370457af8f4117c8a82f', htmlFor: this.inputId }, this.inputLabel || translate('Phone number'))))))), this.error && (h("zonos-text", { key: 'ba21514e60b298d4d353d92246e91eadd1e6d744', textColor: "red-600" }, this.error))));
7856
+ ]) }, h("input", Object.assign({ key: '49246ff464685feaa9414d1e7b36f55b82fff564' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: "zonos--floated-input", disabled: this.disabled, id: this.inputId, onBlur: this.handleBlur, onFocus: this.handleFocus, onInput: this.handlePhoneChange, placeholder: ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.phonePlaceholder) || '', ref: el => (this.inputRef = el), type: "tel" })), this.inputLabel && (h("div", { key: '653d278b7ffc634bc7892d54c8fcab7b7626f80e', class: "zonos--floated-label" }, h("label", { key: 'c637ddca7164396d57e8a5eaf98b0e523ee27258', htmlFor: this.inputId }, this.inputLabel || translate('Phone number'))))))), this.error && (h("zonos-text", { key: 'dcc70c068fef73e804eba1f134673168a0bbaf90', textColor: "red-600" }, this.error))));
7845
7857
  }
7846
7858
  get el() { return getElement(this); }
7847
7859
  static get watchers() { return {
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, H as Host } from './index-a457c60c.js';
2
- import { d as zonosStoreFontFamily } from './zonosStore-1ce34e04.js';
2
+ import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
3
3
  import { c as classes } from './classes-0d95c529.js';
4
4
 
5
5
  const RemoveLineIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, H as Host } from './index-a457c60c.js';
2
- import { d as zonosStoreFontFamily } from './zonosStore-1ce34e04.js';
2
+ import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
3
3
  import { c as classes } from './classes-0d95c529.js';
4
4
 
5
5
  const zonosBannerCss = ":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{border-radius:var(--zonos-elements-radius-10);padding:16px;background:var(--zonos-elements-gray-100)}:host .zonos--container{display:grid;-ms-flex-align:center;align-items:center;grid-template-areas:\"icon header\" \". content\";grid-template-columns:32px auto 0}:host .zonos--icon-wrapper{grid-area:icon;display:-ms-flexbox;display:flex;justify-self:start}:host .zonos--header-wrapper{margin-top:0px;grid-area:header}:host .zonos--content-wrapper{grid-area:content;margin-top:4px}:host(.info){background-color:var(--zonos-elements-blue-100);border:1px solid var(--zonos-elements-blue-200)}:host(.success){background-color:var(--zonos-elements-green-100);border:1px solid var(--zonos-elements-green-200)}:host(.error){background-color:var(--zonos-elements-red-100);border:1px solid var(--zonos-elements-red-200)}:host(.warning){background-color:var(--zonos-elements-orange-100);border:1px solid var(--zonos-elements-orange-200)}";
@@ -1,10 +1,10 @@
1
1
  import { r as registerInstance, h, H as Host, d as getElement } from './index-a457c60c.js';
2
- import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-1ce34e04.js';
2
+ import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
3
3
  import { i as inheritAriaAttributes, a as inheritAttributes } from './helpers-2f6955b1.js';
4
4
  import { c as classes } from './classes-0d95c529.js';
5
- import { g as getBorderRadius } from './getBorderRadius-a9a48f79.js';
5
+ import { g as getBorderRadius } from './getBorderRadius-413e97eb.js';
6
6
  import { i as isColorVariable } from './isColorVariable-0a94004f.js';
7
- import { i as isDarkColor } from './isDarkColor-62cbddb5.js';
7
+ import { i as isDarkColor } from './isDarkColor-4c7b2ffc.js';
8
8
  import { s as styles } from './styles-6fc2fad9.js';
9
9
 
10
10
  /**
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, h, H as Host } from './index-a457c60c.js';
2
- import { d as zonosStoreFontFamily } from './zonosStore-1ce34e04.js';
2
+ import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
3
3
  import { c as classes } from './classes-0d95c529.js';
4
- import { g as getBorderRadius } from './getBorderRadius-a9a48f79.js';
4
+ import { g as getBorderRadius } from './getBorderRadius-413e97eb.js';
5
5
 
6
6
  const zonosCardCss = ":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 .styled-card{border:var(--zonos-elements-border);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-6));padding:var(--spacing, 24px);text-align:left;background-color:var(--zonos--background-color);overflow:hidden}:host .styled-card hr{margin-left:calc(var(--spacing, 24px) * -1);margin-right:calc(var(--spacing, 24px) * -1)}:host .styled-card .card-header{margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing, 24px);border-bottom:var(--zonos-elements-border);height:65px;line-height:65px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .styled-card .card-header h5{margin-bottom:0;-ms-flex:1;flex:1}:host .styled-card .card-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);border-top:var(--zonos-elements-border);background:var(--zonos-elements-surface-color-secondary);margin-top:var(--spacing, 24px);border-bottom-left-radius:var(--zonos-elements-radius-8);border-bottom-right-radius:var(--zonos-elements-radius-8);height:var(--footerHeight)}";
7
7
  const ZonosCardStyle0 = zonosCardCss;
@@ -1,13 +1,13 @@
1
1
  import { r as registerInstance, a as getAssetPath, h, H as Host, F as Fragment, c as createEvent, d as getElement } from './index-a457c60c.js';
2
- import { e as cartStore, E as currencyFormat, r as translate, M as cartStoreHasOneEligibleItem, N as stripeStoreApplyPromoCode, O as stripeStoreRemovePromoCode, f as stripeStore, C as stripeStoreReset, d as stripeStoreRetrievePayment, t as trackConversionEvent, P as stripeStoreResetPromoCode, Q as stripeStoreMessageBasedOnStatus, l as localizationStore, x as cartStoreNextStep, R as stripeStoreTranslateAddressToLatin, S as cartStoreUpdateSelectedShippingOption, T as cartStoreGetShippingTransitInfo, U as sortServiceLevelOptionsByAmount } from './cart-f5c12be6.js';
2
+ import { e as cartStore, E as currencyFormat, r as translate, M as cartStoreHasOneEligibleItem, N as stripeStoreApplyPromoCode, O as stripeStoreRemovePromoCode, f as stripeStore, C as stripeStoreReset, d as stripeStoreRetrievePayment, t as trackConversionEvent, P as stripeStoreResetPromoCode, Q as stripeStoreMessageBasedOnStatus, l as localizationStore, x as cartStoreNextStep, R as stripeStoreTranslateAddressToLatin, S as cartStoreUpdateSelectedShippingOption, T as cartStoreGetShippingTransitInfo, U as sortServiceLevelOptionsByAmount } from './cart-2f0ee51d.js';
3
3
  import { c as classes } from './classes-0d95c529.js';
4
- import { s as submitGtag, c as paypalStoreReset, b as paypalStore, i as isContrastColor } from './paypal-594f49e9.js';
5
- import { z as zonosStore, g as getZonosStoreTheme, d as zonosStoreFontFamily } from './zonosStore-1ce34e04.js';
4
+ import { s as submitGtag, c as paypalStoreReset, b as paypalStore, i as isContrastColor } from './paypal-3ecdf234.js';
5
+ import { z as zonosStore, g as getZonosStoreTheme, d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
6
6
  import { h as handleFetch, l as log, s as sendErrorLog, j as jsonParse, g as getIsTestMode, d as allLogs, i as isCheckoutMobile, b as logError, a as getIsStagingMode } from './handleFetch-621e45bc.js';
7
7
  import { c as createCustomEvent } from './createCustomEvent-58159025.js';
8
- import { g as getBorderRadius } from './getBorderRadius-a9a48f79.js';
8
+ import { g as getBorderRadius } from './getBorderRadius-413e97eb.js';
9
9
  import { l as languages } from './ILanguage-cd6acb72.js';
10
- import { i as isDarkColor, t as tinycolor } from './isDarkColor-62cbddb5.js';
10
+ import { i as isDarkColor, t as tinycolor } from './isDarkColor-4c7b2ffc.js';
11
11
  import { i as isColorVariable } from './isColorVariable-0a94004f.js';
12
12
  import { s as shouldRenderTaxIdInput, c as containsNonLatinChars } from './shouldRenderTaxIdInput-8bc112bb.js';
13
13
  import { e as euCountryCodes } from './TaxId-50d72254.js';
@@ -1,12 +1,12 @@
1
1
  import { r as registerInstance, h, H as Host, F as Fragment } from './index-a457c60c.js';
2
- import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, f as stripeStore, g as cartStoreUpdateItems, h as cartStoreReset, j as cartStoreResetTabItems, k as cartStoreClearCheckoutInterval, m as stripeStoreInitCheckoutSession, n as stripeStoreGetPaymentIntent, o as cartStoreStartCheckoutInterval, t as trackConversionEvent, p as getCheckoutSessionBody, q as cartStoreUpdateToErrorState, r as translate, u as getZCountryUrlParam, v as cartStoreSetCheckoutSession, w as stripeStorePrefetchLandedCost, x as cartStoreNextStep, y as stripeStoreUpdateCheckoutSessionBaseCurrency, z as stripeStoreHandleInventoryCheck, A as stripeStoreConfirmPayment, B as stripeStoreHandleInventoryRefund, C as stripeStoreReset, D as localizationStoreOnUpdate, E as currencyFormat } from './cart-f5c12be6.js';
3
- import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalInitScript, b as paypalStore } from './paypal-594f49e9.js';
4
- import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-1ce34e04.js';
2
+ import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, f as stripeStore, g as cartStoreUpdateItems, h as cartStoreReset, j as cartStoreResetTabItems, k as cartStoreClearCheckoutInterval, m as stripeStoreInitCheckoutSession, n as stripeStoreGetPaymentIntent, o as cartStoreStartCheckoutInterval, t as trackConversionEvent, p as getCheckoutSessionBody, q as cartStoreUpdateToErrorState, r as translate, u as getZCountryUrlParam, v as cartStoreSetCheckoutSession, w as stripeStorePrefetchLandedCost, x as cartStoreNextStep, y as stripeStoreUpdateCheckoutSessionBaseCurrency, z as stripeStoreHandleInventoryCheck, A as stripeStoreConfirmPayment, B as stripeStoreHandleInventoryRefund, C as stripeStoreReset, D as localizationStoreOnUpdate, E as currencyFormat } from './cart-2f0ee51d.js';
3
+ import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalInitScript, b as paypalStore } from './paypal-3ecdf234.js';
4
+ import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-cdabc848.js';
5
5
  import { h as handleFetch, l as log, b as logError, s as sendErrorLog, c as getElapsedTime, d as allLogs, e as getAdditionalLogMetadata, g as getIsTestMode, j as jsonParse, a as getIsStagingMode, i as isCheckoutMobile } from './handleFetch-621e45bc.js';
6
6
  import { c as classes } from './classes-0d95c529.js';
7
7
  import { c as createCustomEvent } from './createCustomEvent-58159025.js';
8
- import { g as getBorderRadius } from './getBorderRadius-a9a48f79.js';
9
- import { i as isDarkColor } from './isDarkColor-62cbddb5.js';
8
+ import { g as getBorderRadius } from './getBorderRadius-413e97eb.js';
9
+ import { i as isDarkColor } from './isDarkColor-4c7b2ffc.js';
10
10
  import { s as styles } from './styles-6fc2fad9.js';
11
11
  import { _ as _getIsValidCartId, c as checkoutHiddenBtnSelector, a as checkoutHiddenInternationalBtnSelector, d as domesticRedirectedBtnSelector } from './CheckoutConfig-eb7d6954.js';
12
12
  import { R as RemoveIcon } from './RemoveIcon-9dc5dd1a.js';
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, H as Host, d as getElement } from './index-a457c60c.js';
2
- import { d as zonosStoreFontFamily } from './zonosStore-1ce34e04.js';
2
+ import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
3
3
 
4
4
  const zonosCollapseCss = ":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{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;overflow:hidden}:host div{position:relative}:host iframe{width:0;height:100%;position:absolute;top:0;border:0}";
5
5
  const ZonosCollapseStyle0 = zonosCollapseCss;
@@ -1,10 +1,10 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host } from './index-a457c60c.js';
2
- import { G as isValidSelector, f as stripeStore, H as initLocalizationStore, e as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-f5c12be6.js';
3
- import { z as zonosStore, b as zonosStoreInitSetting, d as zonosStoreFontFamily } from './zonosStore-1ce34e04.js';
2
+ import { G as isValidSelector, f as stripeStore, H as initLocalizationStore, e as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-2f0ee51d.js';
3
+ import { z as zonosStore, b as zonosStoreInitSetting, d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
4
4
  import { g as getGenericSettingsOverride, i as iframeServices, a as injectPrivateIframe } from './getGenericSettingsOverride-0bc3e118.js';
5
5
  import { h as handleFetch, b as logError, l as log } from './handleFetch-621e45bc.js';
6
- import './isDarkColor-62cbddb5.js';
7
- import './getBorderRadius-a9a48f79.js';
6
+ import './isDarkColor-4c7b2ffc.js';
7
+ import './getBorderRadius-413e97eb.js';
8
8
 
9
9
  const getZonosSettings = async () => {
10
10
  if (window.Zonos.cartSettings) {
@@ -1,10 +1,10 @@
1
1
  import { r as registerInstance, h, H as Host, d as getElement } from './index-a457c60c.js';
2
- import { l as localizationStore } from './cart-f5c12be6.js';
3
- import { d as zonosStoreFontFamily } from './zonosStore-1ce34e04.js';
2
+ import { l as localizationStore } from './cart-2f0ee51d.js';
3
+ import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
4
4
  import { c as classes } from './classes-0d95c529.js';
5
5
  import './handleFetch-621e45bc.js';
6
- import './isDarkColor-62cbddb5.js';
7
- import './getBorderRadius-a9a48f79.js';
6
+ import './isDarkColor-4c7b2ffc.js';
7
+ import './getBorderRadius-413e97eb.js';
8
8
 
9
9
  const zonosCountryFlagCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host .flag-container{position:relative;overflow:hidden;width:100%;height:100%}:host .flag-icon{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}";
10
10
  const ZonosCountryFlagStyle0 = zonosCountryFlagCss;
@@ -1,11 +1,11 @@
1
1
  import { r as registerInstance, h, H as Host, d as getElement } from './index-a457c60c.js';
2
- import { a as localizationStoreUpdateSelectedCountryCode, r as translate, l as localizationStore } from './cart-f5c12be6.js';
3
- import { d as zonosStoreFontFamily } from './zonosStore-1ce34e04.js';
2
+ import { a as localizationStoreUpdateSelectedCountryCode, r as translate, l as localizationStore } from './cart-2f0ee51d.js';
3
+ import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
4
4
  import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
5
- import { i as isDarkColor } from './isDarkColor-62cbddb5.js';
5
+ import { i as isDarkColor } from './isDarkColor-4c7b2ffc.js';
6
6
  import { l as languages } from './ILanguage-cd6acb72.js';
7
7
  import './handleFetch-621e45bc.js';
8
- import './getBorderRadius-a9a48f79.js';
8
+ import './getBorderRadius-413e97eb.js';
9
9
 
10
10
  /**
11
11
  * Fuse.js v7.0.0 - Lightweight fuzzy-search (http://fusejs.io)
@@ -1,11 +1,11 @@
1
1
  import { r as registerInstance, h, H as Host, d as getElement, c as createEvent } from './index-a457c60c.js';
2
- import { d as zonosStoreFontFamily } from './zonosStore-1ce34e04.js';
2
+ import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
3
3
  import { c as classes } from './classes-0d95c529.js';
4
- import { g as getBorderRadius } from './getBorderRadius-a9a48f79.js';
5
- import { f as stripeStore, t as trackConversionEvent, e as cartStore } from './cart-f5c12be6.js';
4
+ import { g as getBorderRadius } from './getBorderRadius-413e97eb.js';
5
+ import { f as stripeStore, t as trackConversionEvent, e as cartStore } from './cart-2f0ee51d.js';
6
6
  import { b as logError, l as log } from './handleFetch-621e45bc.js';
7
- import { d as paypalStoreInitButtons } from './paypal-594f49e9.js';
8
- import './isDarkColor-62cbddb5.js';
7
+ import { d as paypalStoreInitButtons } from './paypal-3ecdf234.js';
8
+ import './isDarkColor-4c7b2ffc.js';
9
9
 
10
10
  const PaymentEmptyStateDarkIcon = `<svg width="536" height="200" viewBox="0 0 536 200" fill="none" xmlns="http://www.w3.org/2000/svg">
11
11
  <mask id="mask0_3739_19124" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="536" height="200">
@@ -1,12 +1,12 @@
1
1
  import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-a457c60c.js';
2
- import { r as translate, l as localizationStore, E as currencyFormat } from './cart-f5c12be6.js';
3
- import { z as zonosStore } from './zonosStore-1ce34e04.js';
2
+ import { r as translate, l as localizationStore, E as currencyFormat } from './cart-2f0ee51d.js';
3
+ import { z as zonosStore } from './zonosStore-cdabc848.js';
4
4
  import { c as classes } from './classes-0d95c529.js';
5
5
  import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
6
6
  import { g as getHasMoreSpaceOnRight } from './getHasMoreSpaceOnRight-70eb913a.js';
7
7
  import './handleFetch-621e45bc.js';
8
- import './isDarkColor-62cbddb5.js';
9
- import './getBorderRadius-a9a48f79.js';
8
+ import './isDarkColor-4c7b2ffc.js';
9
+ import './getBorderRadius-413e97eb.js';
10
10
 
11
11
  const getHasMoreSpaceAbove = (ref) => {
12
12
  const componentRect = ref.getBoundingClientRect();
@@ -1,12 +1,12 @@
1
1
  import { r as registerInstance, h, H as Host } from './index-a457c60c.js';
2
- import { d as debounce_1 } from './debounce-3cf0793c.js';
3
- import { l as localizationStore, G as isValidSelector, r as translate, u as getZCountryUrlParam, I as setZCountryUrlParam, J as currencyDisplay, K as currencyConvertAndFormat, L as currencyConvert, E as currencyFormat } from './cart-f5c12be6.js';
4
- import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-1ce34e04.js';
2
+ import { d as debounce_1 } from './debounce-a2121722.js';
3
+ import { l as localizationStore, G as isValidSelector, r as translate, u as getZCountryUrlParam, I as setZCountryUrlParam, J as currencyDisplay, K as currencyConvertAndFormat, L as currencyConvert, E as currencyFormat } from './cart-2f0ee51d.js';
4
+ import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-cdabc848.js';
5
5
  import { c as classes } from './classes-0d95c529.js';
6
6
  import { h as handleFetch, b as logError, l as log } from './handleFetch-621e45bc.js';
7
7
  import { g as getHasMoreSpaceOnRight } from './getHasMoreSpaceOnRight-70eb913a.js';
8
- import './isDarkColor-62cbddb5.js';
9
- import './getBorderRadius-a9a48f79.js';
8
+ import './isDarkColor-4c7b2ffc.js';
9
+ import './getBorderRadius-413e97eb.js';
10
10
 
11
11
  const checkItemRestrictions = async ({ items, shipFrom, shipTo, }) => {
12
12
  var _a;
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-a457c60c.js';
2
- import { d as zonosStoreFontFamily } from './zonosStore-1ce34e04.js';
2
+ import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
3
3
  import { c as classes } from './classes-0d95c529.js';
4
- import { g as getBorderRadius } from './getBorderRadius-a9a48f79.js';
4
+ import { g as getBorderRadius } from './getBorderRadius-413e97eb.js';
5
5
 
6
6
  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}";
7
7
  const ZonosInputStyle0 = zonosInputCss;