@zonos/elements 1.3.31 → 1.3.33

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 (243) hide show
  1. package/dist/cjs/{cart-62ff7ee7.js → cart-11b47252.js} +463 -43
  2. package/dist/cjs/index.cjs.js +12 -5
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/{submitGtag-a5f8eaab.js → submitGtag-3a1d091e.js} +4 -1
  5. package/dist/cjs/zonos-address_8.cjs.entry.js +11 -11
  6. package/dist/cjs/zonos-badge_2.cjs.entry.js +6 -6
  7. package/dist/cjs/zonos-button_3.cjs.entry.js +6 -3
  8. package/dist/cjs/zonos-card.cjs.entry.js +47 -0
  9. package/dist/cjs/zonos-cart-items_12.cjs.entry.js +53 -36
  10. package/dist/cjs/zonos-checkout.cjs.entry.js +21 -11
  11. package/dist/cjs/zonos-component.cjs.entry.js +1 -1
  12. package/dist/cjs/zonos-controller.cjs.entry.js +3 -2
  13. package/dist/cjs/zonos-country-flag.cjs.entry.js +1 -1
  14. package/dist/cjs/zonos-country-select_3.cjs.entry.js +7 -7
  15. package/dist/cjs/zonos-elements.cjs.js +1 -1
  16. package/dist/cjs/zonos-hello-dialog.cjs.entry.js +5 -5
  17. package/dist/cjs/zonos-hello.cjs.entry.js +1 -1
  18. package/dist/cjs/zonos-input.cjs.entry.js +4 -4
  19. package/dist/cjs/{zonos-card_2.cjs.entry.js → zonos-language-select_2.cjs.entry.js} +23 -29
  20. package/dist/cjs/zonos-link.cjs.entry.js +1 -1
  21. package/dist/cjs/zonos-logo.cjs.entry.js +2 -2
  22. package/dist/cjs/zonos-notification_2.cjs.entry.js +123 -0
  23. package/dist/cjs/zonos-v-stack.cjs.entry.js +25 -0
  24. package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-finish/zonos-checkout-finish.css +15 -4
  25. package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-finish/zonos-checkout-finish.js +16 -15
  26. package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-footer/zonos-checkout-footer.js +2 -2
  27. package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-payment/assets/CheckmarkLineIcon.svg +1 -0
  28. package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-payment/assets/RemoveLineIcon.svg +1 -0
  29. package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-payment/zonos-checkout-payment.css +8 -0
  30. package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-payment/zonos-checkout-payment.js +20 -4
  31. package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.css +9 -0
  32. package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.js +20 -7
  33. package/dist/collection/components/checkout/zonos-checkout/zonos-review/zonos-review.js +3 -1
  34. package/dist/collection/components/checkout/zonos-checkout/zonos-shipping/zonos-shipping.js +1 -1
  35. package/dist/collection/components/common/zonos-badge/zonos-badge.css +10 -0
  36. package/dist/collection/components/common/zonos-badge/zonos-badge.js +6 -6
  37. package/dist/collection/components/common/zonos-button/zonos-button.js +28 -4
  38. package/dist/collection/components/common/zonos-card/zonos-card.css +3 -1
  39. package/dist/collection/components/common/zonos-card/zonos-card.js +61 -3
  40. package/dist/collection/components/common/zonos-checkbox/zonos-checkbox.js +3 -3
  41. package/dist/collection/components/common/zonos-checkout-progress-tabs/zonos-checkout-progress-tabs.js +3 -3
  42. package/dist/collection/components/common/zonos-collapse/zonos-collapse.js +2 -2
  43. package/dist/collection/components/common/zonos-confirm-dialog/zonos-confirm-dialog.js +3 -3
  44. package/dist/collection/components/common/zonos-country-select/zonos-country-select.js +2 -2
  45. package/dist/collection/components/common/zonos-custom-message/zonos-custom-message.js +2 -2
  46. package/dist/collection/components/common/zonos-dialog/zonos-dialog.js +3 -3
  47. package/dist/collection/components/common/zonos-input/zonos-input.js +4 -4
  48. package/dist/collection/components/common/zonos-language-select/zonos-language-select.js +2 -2
  49. package/dist/collection/components/common/zonos-link/zonos-link.js +1 -1
  50. package/dist/collection/components/common/zonos-logo/zonos-logo.js +2 -2
  51. package/dist/collection/components/common/zonos-notification/zonos-notification.css +1 -1
  52. package/dist/collection/components/common/zonos-rest-state/zonos-rest-state.js +3 -3
  53. package/dist/collection/components/common/zonos-select-dialog-header/zonos-select-dialog-header.js +2 -2
  54. package/dist/collection/components/common/zonos-tooltip/zonos-tooltip.js +2 -2
  55. package/dist/collection/components/common/zonos-v-stack/zonos-v-stack.js +2 -2
  56. package/dist/collection/components/component-template/zonos-component/zonos-component.js +1 -1
  57. package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog-footer/zonos-hello-dialog-footer.js +2 -2
  58. package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog.js +4 -4
  59. package/dist/collection/components/main/zonos-controller.js +2 -1
  60. package/dist/collection/components/store/checkout/stripe.js +0 -1
  61. package/dist/collection/components/store/hello/localization.js +3 -2
  62. package/dist/collection/components/store/translationStore/strings.arabic.js +23 -2
  63. package/dist/collection/components/store/translationStore/strings.base.js +23 -2
  64. package/dist/collection/components/store/translationStore/strings.chinese.js +23 -2
  65. package/dist/collection/components/store/translationStore/strings.danish.js +23 -2
  66. package/dist/collection/components/store/translationStore/strings.dutch.js +23 -2
  67. package/dist/collection/components/store/translationStore/strings.french.js +23 -2
  68. package/dist/collection/components/store/translationStore/strings.german.js +23 -2
  69. package/dist/collection/components/store/translationStore/strings.hebrew.js +23 -2
  70. package/dist/collection/components/store/translationStore/strings.indonesian.js +23 -2
  71. package/dist/collection/components/store/translationStore/strings.italian.js +23 -2
  72. package/dist/collection/components/store/translationStore/strings.japanese.js +23 -2
  73. package/dist/collection/components/store/translationStore/strings.korean.js +23 -2
  74. package/dist/collection/components/store/translationStore/strings.norwegian.js +23 -2
  75. package/dist/collection/components/store/translationStore/strings.polish.js +23 -2
  76. package/dist/collection/components/store/translationStore/strings.portuguese.js +23 -2
  77. package/dist/collection/components/store/translationStore/strings.russian.js +23 -2
  78. package/dist/collection/components/store/translationStore/strings.spanish.js +23 -2
  79. package/dist/collection/components/store/translationStore/strings.swedish.js +23 -2
  80. package/dist/collection/components/store/translationStore/strings.turkish.js +23 -2
  81. package/dist/collection/components/store/translationStore/strings.vietnamese.js +23 -2
  82. package/dist/collection/components/stripe/zonos-address/zonos-address.js +1 -1
  83. package/dist/collection/components/stripe/zonos-link-authentication/zonos-link-authentication.js +1 -1
  84. package/dist/collection/components/stripe/zonos-payment/zonos-payment.js +1 -1
  85. package/dist/collection/components/utils/checkout/getIsTestMode.js +1 -0
  86. package/dist/collection/scripts/_zonosBase.js +8 -1
  87. package/dist/esm/{cart-b96aaa4f.js → cart-22ba08ec.js} +463 -43
  88. package/dist/esm/index.js +12 -5
  89. package/dist/esm/loader.js +1 -1
  90. package/dist/esm/{submitGtag-6e271d76.js → submitGtag-1435eec8.js} +4 -2
  91. package/dist/esm/zonos-address_8.entry.js +11 -11
  92. package/dist/esm/zonos-badge_2.entry.js +6 -6
  93. package/dist/esm/zonos-button_3.entry.js +6 -3
  94. package/dist/esm/zonos-card.entry.js +43 -0
  95. package/dist/esm/zonos-cart-items_12.entry.js +53 -36
  96. package/dist/esm/zonos-checkout.entry.js +21 -11
  97. package/dist/esm/zonos-component.entry.js +1 -1
  98. package/dist/esm/zonos-controller.entry.js +3 -2
  99. package/dist/esm/zonos-country-flag.entry.js +1 -1
  100. package/dist/esm/zonos-country-select_3.entry.js +7 -7
  101. package/dist/esm/zonos-elements.js +1 -1
  102. package/dist/esm/zonos-hello-dialog.entry.js +5 -5
  103. package/dist/esm/zonos-hello.entry.js +1 -1
  104. package/dist/esm/zonos-input.entry.js +4 -4
  105. package/dist/esm/zonos-language-select_2.entry.js +56 -0
  106. package/dist/esm/zonos-link.entry.js +1 -1
  107. package/dist/esm/zonos-logo.entry.js +2 -2
  108. package/dist/esm/zonos-notification_2.entry.js +118 -0
  109. package/dist/esm/zonos-v-stack.entry.js +21 -0
  110. package/dist/esm-es5/cart-22ba08ec.js +1 -0
  111. package/dist/esm-es5/index.js +1 -1
  112. package/dist/esm-es5/loader.js +1 -1
  113. package/dist/esm-es5/submitGtag-1435eec8.js +1 -0
  114. package/dist/esm-es5/zonos-address_8.entry.js +1 -1
  115. package/dist/esm-es5/zonos-badge_2.entry.js +1 -1
  116. package/dist/esm-es5/zonos-button_3.entry.js +1 -1
  117. package/dist/esm-es5/zonos-card.entry.js +1 -0
  118. package/dist/esm-es5/zonos-cart-items_12.entry.js +1 -1
  119. package/dist/esm-es5/zonos-checkout.entry.js +1 -1
  120. package/dist/esm-es5/zonos-component.entry.js +1 -1
  121. package/dist/esm-es5/zonos-controller.entry.js +1 -1
  122. package/dist/esm-es5/zonos-country-flag.entry.js +1 -1
  123. package/dist/esm-es5/zonos-country-select_3.entry.js +1 -1
  124. package/dist/esm-es5/zonos-elements.js +1 -1
  125. package/dist/esm-es5/zonos-hello-dialog.entry.js +1 -1
  126. package/dist/esm-es5/zonos-hello.entry.js +1 -1
  127. package/dist/esm-es5/zonos-input.entry.js +1 -1
  128. package/dist/esm-es5/zonos-language-select_2.entry.js +1 -0
  129. package/dist/esm-es5/zonos-link.entry.js +1 -1
  130. package/dist/esm-es5/zonos-logo.entry.js +1 -1
  131. package/dist/esm-es5/zonos-notification_2.entry.js +1 -0
  132. package/dist/esm-es5/zonos-v-stack.entry.js +1 -0
  133. package/dist/scripts/index.d.ts +39 -6
  134. package/dist/scripts/index.js +1 -1
  135. package/dist/scripts/loadZonos.js +1 -1
  136. package/dist/scripts/zonos.js +1 -1
  137. package/dist/types/components/checkout/zonos-checkout/zonos-checkout-finish/zonos-checkout-finish.d.ts +1 -0
  138. package/dist/types/components/checkout/zonos-checkout/zonos-checkout-payment/zonos-checkout-payment.d.ts +1 -0
  139. package/dist/types/components/checkout/zonos-checkout/zonos-checkout.d.ts +1 -0
  140. package/dist/types/components/common/zonos-badge/zonos-badge.d.ts +2 -2
  141. package/dist/types/components/common/zonos-button/zonos-button.d.ts +6 -1
  142. package/dist/types/components/common/zonos-card/zonos-card.d.ts +10 -0
  143. package/dist/types/components/store/translationStore/strings.arabic.d.ts +22 -1
  144. package/dist/types/components/store/translationStore/strings.base.d.ts +22 -1
  145. package/dist/types/components/store/translationStore/strings.chinese.d.ts +22 -1
  146. package/dist/types/components/store/translationStore/strings.danish.d.ts +22 -1
  147. package/dist/types/components/store/translationStore/strings.dutch.d.ts +22 -1
  148. package/dist/types/components/store/translationStore/strings.french.d.ts +22 -1
  149. package/dist/types/components/store/translationStore/strings.german.d.ts +22 -1
  150. package/dist/types/components/store/translationStore/strings.hebrew.d.ts +22 -1
  151. package/dist/types/components/store/translationStore/strings.indonesian.d.ts +22 -1
  152. package/dist/types/components/store/translationStore/strings.italian.d.ts +22 -1
  153. package/dist/types/components/store/translationStore/strings.japanese.d.ts +22 -1
  154. package/dist/types/components/store/translationStore/strings.korean.d.ts +22 -1
  155. package/dist/types/components/store/translationStore/strings.norwegian.d.ts +22 -1
  156. package/dist/types/components/store/translationStore/strings.polish.d.ts +22 -1
  157. package/dist/types/components/store/translationStore/strings.portuguese.d.ts +22 -1
  158. package/dist/types/components/store/translationStore/strings.russian.d.ts +22 -1
  159. package/dist/types/components/store/translationStore/strings.spanish.d.ts +22 -1
  160. package/dist/types/components/store/translationStore/strings.swedish.d.ts +22 -1
  161. package/dist/types/components/store/translationStore/strings.turkish.d.ts +22 -1
  162. package/dist/types/components/store/translationStore/strings.vietnamese.d.ts +22 -1
  163. package/dist/types/components/store/translationStore.d.ts +1 -1
  164. package/dist/types/components/utils/checkout/getIsTestMode.d.ts +1 -0
  165. package/dist/types/components.d.ts +36 -6
  166. package/dist/types/types/checkout/CheckoutConfig.d.ts +5 -0
  167. package/dist/zonos-elements/index.esm.js +1 -1
  168. package/dist/zonos-elements/p-11672829.js +1 -0
  169. package/dist/zonos-elements/p-22882fd6.entry.js +1 -0
  170. package/dist/zonos-elements/{p-b208fec6.system.entry.js → p-28e6963b.system.entry.js} +1 -1
  171. package/dist/zonos-elements/p-2a45c837.system.entry.js +1 -0
  172. package/dist/zonos-elements/{p-c4e38b85.entry.js → p-3523c3b4.entry.js} +1 -1
  173. package/dist/zonos-elements/{p-692816a7.entry.js → p-35604380.entry.js} +1 -1
  174. package/dist/zonos-elements/{p-78a839b8.entry.js → p-36bb4360.entry.js} +1 -1
  175. package/dist/zonos-elements/p-3b95a9a3.entry.js +1 -0
  176. package/dist/zonos-elements/p-450eb8ff.system.js +1 -0
  177. package/dist/zonos-elements/p-478357b0.system.entry.js +1 -0
  178. package/dist/zonos-elements/p-56152835.system.entry.js +1 -0
  179. package/dist/zonos-elements/{p-6cb9812b.entry.js → p-63a27875.entry.js} +1 -1
  180. package/dist/zonos-elements/p-6c3390b7.entry.js +1 -0
  181. package/dist/zonos-elements/{p-9c32b924.entry.js → p-6f589755.entry.js} +1 -1
  182. package/dist/zonos-elements/{p-a90393e0.system.entry.js → p-71882ac9.system.entry.js} +1 -1
  183. package/dist/zonos-elements/p-74bd6150.entry.js +1 -0
  184. package/dist/zonos-elements/{p-9b0aa65c.system.js → p-7624013b.system.js} +1 -1
  185. package/dist/zonos-elements/p-84997f2e.js +1 -0
  186. package/dist/zonos-elements/{p-2cb880e7.system.entry.js → p-88129ef9.system.entry.js} +1 -1
  187. package/dist/zonos-elements/p-95d52a24.system.entry.js +1 -0
  188. package/dist/zonos-elements/{p-dda78e8e.system.entry.js → p-966ab4e7.system.entry.js} +1 -1
  189. package/dist/zonos-elements/{p-3dc59d89.system.entry.js → p-9de374a7.system.entry.js} +1 -1
  190. package/dist/zonos-elements/{p-666d1605.system.entry.js → p-a0b17e0b.system.entry.js} +1 -1
  191. package/dist/zonos-elements/{p-7664dec5.entry.js → p-b5825bb7.entry.js} +1 -1
  192. package/dist/zonos-elements/p-b8a4b345.system.entry.js +1 -0
  193. package/dist/zonos-elements/{p-13454044.system.entry.js → p-b903af96.system.entry.js} +1 -1
  194. package/dist/zonos-elements/p-c21802e9.entry.js +1 -0
  195. package/dist/zonos-elements/{p-d4724ac8.entry.js → p-c3619b3d.entry.js} +1 -1
  196. package/dist/zonos-elements/{p-9cdfb51b.system.entry.js → p-cdb53aaf.system.entry.js} +1 -1
  197. package/dist/zonos-elements/{p-941a01be.system.entry.js → p-d2992457.system.entry.js} +1 -1
  198. package/dist/zonos-elements/{p-2701e08c.entry.js → p-d8c1eb99.entry.js} +1 -1
  199. package/dist/zonos-elements/p-da2e5289.system.entry.js +1 -0
  200. package/dist/zonos-elements/p-dafa2b79.system.js +1 -0
  201. package/dist/zonos-elements/p-ddb1cfe2.entry.js +1 -0
  202. package/dist/zonos-elements/{p-d8027710.system.entry.js → p-dec21ca2.system.entry.js} +1 -1
  203. package/dist/zonos-elements/p-e09df465.entry.js +1 -0
  204. package/dist/zonos-elements/p-e0bf9666.system.js +1 -1
  205. package/dist/zonos-elements/p-e3c014ae.entry.js +1 -0
  206. package/dist/zonos-elements/{p-10b9a681.system.entry.js → p-eb566457.system.entry.js} +1 -1
  207. package/dist/zonos-elements/p-ed333de6.system.entry.js +1 -0
  208. package/dist/zonos-elements/{p-725c2d57.entry.js → p-fa7e2a01.entry.js} +1 -1
  209. package/dist/zonos-elements/{p-4a0cf47b.entry.js → p-fe296307.entry.js} +1 -1
  210. package/dist/zonos-elements/zonos-elements.esm.js +1 -1
  211. package/package.json +1 -1
  212. package/dist/cjs/zonos-notification.cjs.entry.js +0 -72
  213. package/dist/cjs/zonos-payment.cjs.entry.js +0 -58
  214. package/dist/cjs/zonos-select-dialog-header_2.cjs.entry.js +0 -45
  215. package/dist/esm/zonos-card_2.entry.js +0 -62
  216. package/dist/esm/zonos-notification.entry.js +0 -68
  217. package/dist/esm/zonos-payment.entry.js +0 -54
  218. package/dist/esm/zonos-select-dialog-header_2.entry.js +0 -40
  219. package/dist/esm-es5/cart-b96aaa4f.js +0 -1
  220. package/dist/esm-es5/submitGtag-6e271d76.js +0 -1
  221. package/dist/esm-es5/zonos-card_2.entry.js +0 -1
  222. package/dist/esm-es5/zonos-notification.entry.js +0 -1
  223. package/dist/esm-es5/zonos-payment.entry.js +0 -1
  224. package/dist/esm-es5/zonos-select-dialog-header_2.entry.js +0 -1
  225. package/dist/zonos-elements/p-087c83a5.system.entry.js +0 -1
  226. package/dist/zonos-elements/p-1a40aaf4.system.js +0 -1
  227. package/dist/zonos-elements/p-2613b5d3.system.entry.js +0 -1
  228. package/dist/zonos-elements/p-27d648c3.system.entry.js +0 -1
  229. package/dist/zonos-elements/p-4e01d1ab.system.entry.js +0 -1
  230. package/dist/zonos-elements/p-5441b729.entry.js +0 -1
  231. package/dist/zonos-elements/p-5857ad65.entry.js +0 -1
  232. package/dist/zonos-elements/p-5d53f9a4.js +0 -1
  233. package/dist/zonos-elements/p-75ba695c.entry.js +0 -1
  234. package/dist/zonos-elements/p-89664e49.system.js +0 -1
  235. package/dist/zonos-elements/p-8c9e7980.entry.js +0 -1
  236. package/dist/zonos-elements/p-8f8baabf.system.entry.js +0 -1
  237. package/dist/zonos-elements/p-9f7c0472.entry.js +0 -1
  238. package/dist/zonos-elements/p-acfb9be6.system.entry.js +0 -1
  239. package/dist/zonos-elements/p-b468f941.js +0 -1
  240. package/dist/zonos-elements/p-bb5a9eaa.entry.js +0 -1
  241. package/dist/zonos-elements/p-be2b32f5.entry.js +0 -1
  242. package/dist/zonos-elements/p-c63a7dde.entry.js +0 -1
  243. package/dist/zonos-elements/p-f38fd0d9.system.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as o,c as e,h as t,H as s}from"./p-ce347974.js";import{l as i,B as n,t as a}from"./p-5d53f9a4.js";import{z as l}from"./p-5821856c.js";import{c as r}from"./p-b4b7f705.js";import{f as d}from"./p-a87561b8.js";import{g as h}from"./p-5883217a.js";import"./p-eaa335e1.js";import"./p-9a1c0d02.js";import"./p-31b3d26b.js";const c=({href:o,text:e})=>`<zonos-link href="${o}" target="_blank" rel="noopener noreferrer">${e}</zonos-link>`,f=class{constructor(t){o(this,t),this.closeDialog=e(this,"closeDialog",7),this.clickOutsideDialogHandler=o=>{!o.composedPath().includes(this.dialogRef)&&this.isOpen&&this.setIsOpen(!1)},this.getCurrentPageEnum=()=>{switch(l.currentHelloPage){case"home":return"hello_homepage";case"cart":return"hello_cart";case"productList":return"hello_item_list";case"productDetail":return"hello_item_details";default:return null}},this.setShowCountrySelect=async o=>{this.showCountrySelect=o},this.setShowLanguageSelect=async o=>{this.showLanguageSelect=o},this.hasTaxId=()=>{var o;return null===(o=i.countryLandedCost)||void 0===o?void 0:o.hasTaxId},this.isNoThresholdCountry=o=>!(!o||!this.hasTaxId())&&["AU"].includes(o),this.getDutyMessage=()=>{const{countryLandedCost:o}=i,e=(null==o?void 0:o.dutyDeminimus)?n({amount:o.dutyDeminimus}):null;return e&&!this.isNoThresholdCountry(null==o?void 0:o.countryCode)?a("Spend [threshold] duty free",{threshold:e}):a("Duties will apply to all orders")},this.getTaxMessage=()=>{const{countryLandedCost:o}=i,e=(null==o?void 0:o.vatTaxDeminimus)?n({amount:o.vatTaxDeminimus}):null;return e&&!this.isNoThresholdCountry(null==o?void 0:o.countryCode)?a("Spend [threshold] tax free",{threshold:e}):a("Taxes will apply to all orders")},this.getUkDutyTaxMessage=o=>o.allowLowValueOrders?null:[a("Orders to [countryName] must be over [threshold] to ship.",{countryName:"United Kingdom",threshold:n({amount:o.dutyDeminimus})})],this.getAustraliaDutyTaxMessage=o=>[a("Duties & taxes in Australia, VAT or GST is [percentage] and is due on all orders",{percentage:100*o.vatTaxRate+"%"}),`${a("The low-value GST law passed July 1st, 2018 applies to this retailer.")} ${c({href:"https://zonos.com/docs/global-ecommerce/landed-cost/tax-remittance/australia-gst",text:a("Learn more.")})}`],this.getNewZealandDutyTaxMessge=o=>[a("[percentage] GST due on any order above [threshold] along with an import entry transaction fee and MPI levy.",{percentage:100*o.vatTaxRate+"%",threshold:n({amount:o.vatTaxDeminimus})})],this.getAdditionalDutyTaxMessage=()=>{if(!i.countryLandedCost)return null;if(!this.hasTaxId())return null;switch(i.countryLandedCost.countryCode){case"GB":return this.getUkDutyTaxMessage(i.countryLandedCost);case"AU":return this.getAustraliaDutyTaxMessage(i.countryLandedCost);case"NZ":return this.getNewZealandDutyTaxMessge(i.countryLandedCost);default:return null}},this.isOpen=!1,this.setIsOpen=()=>{},this.mobileLocationOverride=void 0,this.animateFromLeftOverride=void 0,this.appearanceSettings=void 0,this.restrictedItems=[],this.welcomeMessage="Welcome to our Demo App!",this.showCountrySelect=!1,this.showLanguageSelect=!1}globalClickHandler(o){this.clickOutsideDialogHandler(o)}isOpenHandler(o){o||(this.setShowCountrySelect(!1),this.setShowLanguageSelect(!1))}render(){var o;const{selectedCountryCode:e}=i,n=this.getDutyMessage(),c=this.getTaxMessage(),f=this.getAdditionalDutyTaxMessage(),m=this.animateFromLeftOverride||this.dialogRef&&h(this.dialogRef),g=this.dialogRef&&(()=>{const o=this.dialogRef.getBoundingClientRect();return o.top>=window.innerHeight-o.bottom})(),{customMessages:b}=i,u=a("Welcome to [storeName]",{storeName:l.organizationName}),p=(null===(o=b.find((o=>"hello_default"===o.pageName)))||void 0===o?void 0:o.message)||a("Know about duties and taxes before you buy. Shop with confidence!"),z=d(p),w=this.getCurrentPageEnum(),v=b.filter((o=>o.pageName===w));return t(s,{key:"1194b1466981cf8ba04d726eff3ba34b19510258",class:"zonos--elements"},t("div",{key:"ffea099f72ff3f42ddbd5b5947a5b8ca0f3d206d","aria-hidden":"true",class:r(["zonos--hello-dialog",m&&"zonos--hello-dialog-animate-from-left",g&&"zonos--hello-dialog-animate-from-bottom",!!this.mobileLocationOverride&&"zonos--hello-dialog-mobile-override",this.isOpen&&"zonos--hello-dialog-open"]),ref:o=>o&&(this.dialogRef=o)},!this.showCountrySelect&&!this.showLanguageSelect&&t("div",{key:"7396d7cd91c69f77d5f2f4ae9a088b1a763c6988"},t("div",{key:"aedfda83797a58fc2a0432a89503cbc7774d5c8b",class:"zonos--hello-dialog-content"},t("zonos-button",{key:"0c9ad53d902ce7c45cdf9192dbe8ea7f9f46f7d4",class:"zonos--close-button",icon:t("zonos-icon",{"aria-label":"Close Zonos Hello dialog",content:'<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#C5C6CA" fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" clip-rule="evenodd"/><path fill="#4D505A" fill-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" clip-rule="evenodd"/></svg>'}),noBackground:!0,onClick:()=>this.setIsOpen(!1)}),t("zonos-v-stack",{key:"9a359684275e946fc26bdc6ea7b8a371bf49dea5",spacing:24},t("zonos-country-flag",{key:"ca230fb4426ecb39febb0972d9a6ce15435c4e1d",class:"zonos--hello-country-flag",countryCode:e}),t("zonos-v-stack",{key:"17bbc6a70143a9165b8f088b5b2ea1e6e69622ed",class:"zonos--hello-dialog-header",spacing:4},t("zonos-text",{key:"33c66273d9fd8330ee4cf2bfcdf5b454a89e0ae0",type:"boldSubheader"},u),t("zonos-text",{key:"57cfdcd587ab62fad99016a389771d3a169ad297",innerHTML:z,textColor:"gray-800"})),t("zonos-v-stack",{key:"28b9b9e7967e81ca50bc4d0cfe45c9545a8b9dde",spacing:8},this.restrictedItems.map((o=>{var e;return o&&t("zonos-banner",{bannerTitle:o.name,intent:"error"},null===(e=o.itemRestrictions)||void 0===e?void 0:e.map((o=>t("zonos-text",{textColor:"red-800"},null==o?void 0:o.note))))})),t("zonos-card",{key:"94ef9064b4e523c3f0fc9cd50142da36f003006d",spacing:"12px"},t("zonos-v-stack",{key:"01b3550b5b080d106eaecedf78b13275e01ae159",spacing:12},t("div",{key:"19b1ba3e12dab87250d3ad19a5dc8e13b6f871d6",class:"zonos--flex-message"},t("zonos-icon",{key:"9773bf4ad57752437a367c2093de0737693bf588","aria-label":"Duty de minimis",content:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9.35028 11.5744C9.05738 11.2815 8.58251 11.2815 8.28962 11.5744C7.99672 11.8673 7.99672 12.3422 8.28962 12.635L11.2917 15.6372C11.6823 16.0277 12.3154 16.0277 12.7059 15.6372L15.708 12.6351C16.0009 12.3422 16.0009 11.8674 15.708 11.5745C15.4151 11.2816 14.9402 11.2816 14.6473 11.5745L12.7488 13.4729V4.68005C12.7488 4.26584 12.413 3.93005 11.9988 3.93005C11.5846 3.93005 11.2488 4.26584 11.2488 4.68005L11.2488 13.4729L9.35028 11.5744Z" fill="#4D505A"/>\n<path d="M20 14C20 13.5858 19.6642 13.25 19.25 13.25C18.8358 13.25 18.5 13.5858 18.5 14L18.5 17.25C18.5 17.9404 17.9404 18.5 17.25 18.5L6.75 18.5C6.05964 18.5 5.5 17.9404 5.5 17.25L5.5 14C5.5 13.5858 5.16421 13.25 4.75 13.25C4.33579 13.25 4 13.5858 4 14V17.25C4 18.7688 5.23122 20 6.75 20H17.25C18.7688 20 20 18.7688 20 17.25L20 14Z" fill="#4D505A"/>\n</svg>\n'}),t("zonos-text",{key:"4c75d971f37db399e6f4332a6c92b53758629b6b"},n)),t("div",{key:"52640f51d3664582d7bb3c26f2d2d17d82ad856e",class:"zonos--flex-message"},t("zonos-icon",{key:"9afe9273e6b19aada01018152a64973449b87094","aria-label":"Tax de minimis",content:'<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="https://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M2.16666 5.83301C2.16666 4.4523 3.28594 3.33301 4.66666 3.33301H16.3333C17.714 3.33301 18.8333 4.4523 18.8333 5.83301V14.1663C18.8333 15.5471 17.714 16.6663 16.3333 16.6663H4.66666C3.28594 16.6663 2.16666 15.5471 2.16666 14.1663V5.83301ZM4.66666 4.99967C4.20642 4.99967 3.83332 5.37277 3.83332 5.83301V14.1663C3.83332 14.6266 4.20642 14.9997 4.66666 14.9997H16.3333C16.7936 14.9997 17.1667 14.6266 17.1667 14.1663V5.83301C17.1667 5.37277 16.7936 4.99967 16.3333 4.99967H4.66666ZM6.33332 8.33301C6.79356 8.33301 7.16666 8.7061 7.16666 9.16634V10.833C7.16666 11.2932 6.79356 11.6663 6.33332 11.6663C5.87309 11.6663 5.49999 11.2932 5.49999 10.833V9.16634C5.49999 8.7061 5.87309 8.33301 6.33332 8.33301ZM8.83332 9.99967C8.83332 9.0792 9.57952 8.33301 10.5 8.33301C11.4205 8.33301 12.1667 9.0792 12.1667 9.99967C12.1667 10.9201 11.4205 11.6663 10.5 11.6663C9.57952 11.6663 8.83332 10.9201 8.83332 9.99967ZM14.6667 8.33301C15.1269 8.33301 15.5 8.7061 15.5 9.16634V10.833C15.5 11.2932 15.1269 11.6663 14.6667 11.6663C14.2064 11.6663 13.8333 11.2932 13.8333 10.833V9.16634C13.8333 8.7061 14.2064 8.33301 14.6667 8.33301Z" fill="#4D505A"/>\n</svg>\n'}),t("zonos-text",{key:"b2481af13570471cc2907c48b54c7039ec31e92c"},c)),null==f?void 0:f.map((o=>t("div",{class:"zonos--flex-message"},t("zonos-icon",{"aria-label":"Additional information for buying goods from selected country",content:'<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="https://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M9.66666 4.16667C9.20642 4.16667 8.83333 4.53976 8.83333 5V5.83333H12.1667V5C12.1667 4.53976 11.7936 4.16667 11.3333 4.16667H9.66666ZM13.8333 5.83333V5C13.8333 3.61929 12.714 2.5 11.3333 2.5H9.66666C8.28595 2.5 7.16666 3.61929 7.16666 5V5.83333H6.77759C5.44832 5.83333 4.35149 6.87354 4.2811 8.20094L3.92756 14.8676C3.85169 16.2983 4.99133 17.5 6.42405 17.5H14.5759C16.0087 17.5 17.1483 16.2983 17.0724 14.8676L16.7189 8.20094C16.6485 6.87354 15.5517 5.83333 14.2224 5.83333H13.8333ZM12.1667 7.5V8.33333C12.1667 8.79357 12.5398 9.16667 13 9.16667C13.4602 9.16667 13.8333 8.79357 13.8333 8.33333V7.5H14.2224C14.6655 7.5 15.0311 7.84674 15.0546 8.2892L15.4081 14.9559C15.4334 15.4328 15.0535 15.8333 14.5759 15.8333H6.42405C5.94648 15.8333 5.5666 15.4328 5.59189 14.9559L5.94542 8.2892C5.96889 7.84674 6.3345 7.5 6.77759 7.5H7.16666V8.33333C7.16666 8.79357 7.53976 9.16667 7.99999 9.16667C8.46023 9.16667 8.83333 8.79357 8.83333 8.33333V7.5H12.1667Z" fill="#4D505A"/>\n</svg>\n'}),t("zonos-text",{innerHTML:o})))))),v.map((o=>t("zonos-custom-message",{icon:'<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="https://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 4.5C2.25 3.25736 3.25736 2.25 4.5 2.25H13.5C14.7426 2.25 15.75 3.25736 15.75 4.5V10.5C15.75 11.7426 14.7426 12.75 13.5 12.75H8.25C8.01393 12.75 7.79164 12.8611 7.65 13.05L6.3 14.85C5.87508 15.4166 5.2082 15.75 4.5 15.75C3.25736 15.75 2.25 14.7426 2.25 13.5V4.5ZM4.5 3.75C4.08579 3.75 3.75 4.08579 3.75 4.5V13.5C3.75 13.9142 4.08579 14.25 4.5 14.25C4.73607 14.25 4.95836 14.1389 5.1 13.95L6.45 12.15C6.87492 11.5834 7.5418 11.25 8.25 11.25H13.5C13.9142 11.25 14.25 10.9142 14.25 10.5V4.5C14.25 4.08579 13.9142 3.75 13.5 3.75H4.5ZM5.25 6C5.25 5.58579 5.58579 5.25 6 5.25H12C12.4142 5.25 12.75 5.58579 12.75 6C12.75 6.41421 12.4142 6.75 12 6.75H6C5.58579 6.75 5.25 6.41421 5.25 6ZM5.25 9C5.25 8.58579 5.58579 8.25 6 8.25H8.25C8.66421 8.25 9 8.58579 9 9C9 9.41421 8.66421 9.75 8.25 9.75H6C5.58579 9.75 5.25 9.41421 5.25 9Z" fill="#4D505A"/>\n</svg>\n',message:o.message})))))),t("zonos-hello-dialog-footer",{key:"a6b2d31ee922db13cf9987a823e99d6088c392b0",appearanceSettings:this.appearanceSettings,setShowCountrySelect:o=>this.setShowCountrySelect(o),setShowLanguageSelect:o=>this.setShowLanguageSelect(o)})),this.showCountrySelect&&t("div",{key:"21d187502c3f0ccef0c351f09aa943566228944f"},t("zonos-country-select",{key:"3dbd522e8a5004c2a1ed766ba92c9d0387f845d8",handleOnClose:()=>this.setShowCountrySelect(!1)})),this.showLanguageSelect&&t("div",{key:"686d8bba48fefd49bf2bf15dc295fb79b9cd5299"},t("zonos-language-select",{key:"22ba1b42ec7ba1808fd806ad3529a377d34b4ac8",handleOnClose:()=>this.setShowLanguageSelect(!1)}))))}static get assetsDirs(){return["assets"]}static get watchers(){return{isOpen:["isOpenHandler"]}}};f.style=":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--hello-country-flag{height:18px;width:18px;position:relative;overflow:hidden;border-radius:30px;-webkit-box-shadow:var(--zonos-elements-v3-shadow-medium);box-shadow:var(--zonos-elements-v3-shadow-medium);z-index:10;justify-self:center}:host .zonos--hello-dialog{position:absolute;background:var(--zonos-elements-surface-color);width:100vw;max-width:430px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:600px;border-radius:var(--zonos-elements-radius-12);outline:none;-webkit-box-shadow:var(--zonos-elements-v3-shadow-xxl);box-shadow:var(--zonos-elements-v3-shadow-xxl);overflow-y:auto;top:-2px;right:-2px;opacity:0;-webkit-transition:opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:top right;transform-origin:top right;z-index:1001}:host .zonos--hello-dialog .zonos--hello-dialog-header{text-align:center}:host .zonos--hello-dialog.zonos--hello-dialog-animate-from-left{-webkit-transform-origin:top left;transform-origin:top left;right:unset;left:-2px}:host .zonos--hello-dialog.zonos--hello-dialog-animate-from-bottom{-webkit-transform-origin:bottom right;transform-origin:bottom right;bottom:calc(100% - 32px);top:unset}:host .zonos--hello-dialog.zonos--hello-dialog-animate-from-bottom.zonos--hello-dialog-animate-from-left{-webkit-transform-origin:bottom left;transform-origin:bottom left}:host .zonos--hello-dialog::-webkit-scrollbar{width:12px;height:12px}:host .zonos--hello-dialog::-webkit-scrollbar-track{background:#f5f5f5;border-top-right-radius:var(--zonos-elements-radius-12);border-bottom-right-radius:var(--zonos-elements-radius-12)}:host .zonos--hello-dialog::-webkit-scrollbar-thumb{border-radius:10px;background:#ccc;border:4px solid transparent;background-clip:content-box}:host .zonos--hello-dialog::-webkit-scrollbar-thumb:hover{background:#999}:host .zonos--hello-dialog .zonos--animate-content{opacity:0;height:0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}:host .zonos--hello-dialog .zonos--show-animate-content{opacity:1;height:100%}:host .zonos--hello-dialog.zonos--hello-dialog-open{opacity:1;-webkit-transform:scale(1);transform:scale(1)}:host .zonos--hello-dialog .zonos--close-button{position:absolute;right:8px;top:8px;width:var(--zonos-elements-size-md);height:var(--zonos-elements-size-md);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;z-index:10}:host .zonos--hello-dialog .zonos--close-button:hover{background:var(--zonos-elements-hover-color);border-radius:var(--zonos-elements-radius-6)}:host .zonos--hello-dialog .zonos--hello-dialog-content{padding:16px}:host .zonos--hello-dialog .zonos--hello-dialog-content .zonos--hello-country-flag{border-radius:var(--zonos-elements-radius-4);width:32px;height:24px}:host .zonos--hello-dialog .zonos--flex-message{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px}:host .zonos--hello-dialog.zonos--hello-dialog-mobile-override{position:-webkit-sticky;position:sticky;top:unset;left:unset;right:unset;bottom:0;width:100vw;max-width:100vw;max-height:500px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-transform:scaleY(0);transform:scaleY(0);border-radius:0;-webkit-transform-origin:bottom;transform-origin:bottom}@media (max-height: 600px){:host .zonos--hello-dialog.zonos--hello-dialog-mobile-override{max-height:80vh}}:host .zonos--hello-dialog.zonos--hello-dialog-mobile-override.zonos--hello-dialog-animate-from-left{-webkit-transform-origin:bottom;transform-origin:bottom}:host .zonos--hello-dialog.zonos--hello-dialog-mobile-override.zonos--hello-dialog-open{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}@media (max-width: 768px){:host .zonos--hello-dialog{position:-webkit-sticky;position:sticky;top:unset;left:unset;right:unset;bottom:0;width:100vw;max-width:100vw;max-height:500px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-transform:scaleY(0);transform:scaleY(0);border-radius:0;-webkit-transform-origin:bottom;transform-origin:bottom}}@media (max-width: 768px) and (max-height: 600px){:host .zonos--hello-dialog{max-height:80vh}}@media (max-width: 768px){:host .zonos--hello-dialog.zonos--hello-dialog-animate-from-left{-webkit-transform-origin:bottom;transform-origin:bottom}}@media (max-width: 768px){:host .zonos--hello-dialog.zonos--hello-dialog-open{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}";export{f as zonos_hello_dialog}
1
+ import{r as o,c as e,h as t,H as s}from"./p-ce347974.js";import{l as i,B as n,t as a}from"./p-84997f2e.js";import{z as l}from"./p-5821856c.js";import{c as r}from"./p-b4b7f705.js";import{f as h}from"./p-a87561b8.js";import{g as d}from"./p-5883217a.js";import"./p-eaa335e1.js";import"./p-9a1c0d02.js";import"./p-31b3d26b.js";const c=({href:o,text:e})=>`<zonos-link href="${o}" target="_blank" rel="noopener noreferrer">${e}</zonos-link>`,f=class{constructor(t){o(this,t),this.closeDialog=e(this,"closeDialog",7),this.clickOutsideDialogHandler=o=>{!o.composedPath().includes(this.dialogRef)&&this.isOpen&&this.setIsOpen(!1)},this.getCurrentPageEnum=()=>{switch(l.currentHelloPage){case"home":return"hello_homepage";case"cart":return"hello_cart";case"productList":return"hello_item_list";case"productDetail":return"hello_item_details";default:return null}},this.setShowCountrySelect=async o=>{this.showCountrySelect=o},this.setShowLanguageSelect=async o=>{this.showLanguageSelect=o},this.hasTaxId=()=>{var o;return null===(o=i.countryLandedCost)||void 0===o?void 0:o.hasTaxId},this.isNoThresholdCountry=o=>!(!o||!this.hasTaxId())&&["AU"].includes(o),this.getDutyMessage=()=>{const{countryLandedCost:o}=i,e=(null==o?void 0:o.dutyDeminimus)?n({amount:o.dutyDeminimus}):null;return e&&!this.isNoThresholdCountry(null==o?void 0:o.countryCode)?a("Spend [threshold] duty free",{threshold:e}):a("Duties will apply to all orders")},this.getTaxMessage=()=>{const{countryLandedCost:o}=i,e=(null==o?void 0:o.vatTaxDeminimus)?n({amount:o.vatTaxDeminimus}):null;return e&&!this.isNoThresholdCountry(null==o?void 0:o.countryCode)?a("Spend [threshold] tax free",{threshold:e}):a("Taxes will apply to all orders")},this.getUkDutyTaxMessage=o=>o.allowLowValueOrders?null:[a("Orders to [countryName] must be over [threshold] to ship.",{countryName:"United Kingdom",threshold:n({amount:o.dutyDeminimus})})],this.getAustraliaDutyTaxMessage=o=>[a("Duties & taxes in Australia, VAT or GST is [percentage] and is due on all orders",{percentage:100*o.vatTaxRate+"%"}),`${a("The low-value GST law passed July 1st, 2018 applies to this retailer.")} ${c({href:"https://zonos.com/docs/global-ecommerce/landed-cost/tax-remittance/australia-gst",text:a("Learn more.")})}`],this.getNewZealandDutyTaxMessge=o=>[a("[percentage] GST due on any order above [threshold] along with an import entry transaction fee and MPI levy.",{percentage:100*o.vatTaxRate+"%",threshold:n({amount:o.vatTaxDeminimus})})],this.getAdditionalDutyTaxMessage=()=>{if(!i.countryLandedCost)return null;if(!this.hasTaxId())return null;switch(i.countryLandedCost.countryCode){case"GB":return this.getUkDutyTaxMessage(i.countryLandedCost);case"AU":return this.getAustraliaDutyTaxMessage(i.countryLandedCost);case"NZ":return this.getNewZealandDutyTaxMessge(i.countryLandedCost);default:return null}},this.isOpen=!1,this.setIsOpen=()=>{},this.mobileLocationOverride=void 0,this.animateFromLeftOverride=void 0,this.appearanceSettings=void 0,this.restrictedItems=[],this.welcomeMessage="Welcome to our Demo App!",this.showCountrySelect=!1,this.showLanguageSelect=!1}globalClickHandler(o){this.clickOutsideDialogHandler(o)}isOpenHandler(o){o||(this.setShowCountrySelect(!1),this.setShowLanguageSelect(!1))}render(){var o;const{selectedCountryCode:e}=i,n=this.getDutyMessage(),c=this.getTaxMessage(),f=this.getAdditionalDutyTaxMessage(),m=this.animateFromLeftOverride||this.dialogRef&&d(this.dialogRef),g=this.dialogRef&&(()=>{const o=this.dialogRef.getBoundingClientRect();return o.top>=window.innerHeight-o.bottom})(),{customMessages:b}=i,u=a("Welcome to [storeName]",{storeName:l.organizationName}),p=(null===(o=b.find((o=>"hello_default"===o.pageName)))||void 0===o?void 0:o.message)||a("Know about duties and taxes before you buy. Shop with confidence!"),z=h(p),w=this.getCurrentPageEnum(),v=b.filter((o=>o.pageName===w));return t(s,{key:"af2c46bcc413205d644a2b94ee2ff568d3d004f2",class:"zonos--elements"},t("div",{key:"67a563de9e702e370d057ee3cc45bc0c14feedc5","aria-hidden":"true",class:r(["zonos--hello-dialog",m&&"zonos--hello-dialog-animate-from-left",g&&"zonos--hello-dialog-animate-from-bottom",!!this.mobileLocationOverride&&"zonos--hello-dialog-mobile-override",this.isOpen&&"zonos--hello-dialog-open"]),ref:o=>o&&(this.dialogRef=o)},!this.showCountrySelect&&!this.showLanguageSelect&&t("div",{key:"412a8d2f4c01e4ff216feb92a979be5987bcd8c7"},t("div",{key:"b2921acfc77c6a402a14256a6f1c28607f6533e7",class:"zonos--hello-dialog-content"},t("zonos-button",{key:"aa623c0533a5f852dab7f0f98d6dc26f62ef899a",class:"zonos--close-button",icon:t("zonos-icon",{"aria-label":"Close Zonos Hello dialog",content:'<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#C5C6CA" fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" clip-rule="evenodd"/><path fill="#4D505A" fill-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" clip-rule="evenodd"/></svg>'}),noBackground:!0,onClick:()=>this.setIsOpen(!1)}),t("zonos-v-stack",{key:"4fdac9331a5b2506a5ca1c7c1b6bfecf822bfcd9",spacing:24},t("zonos-country-flag",{key:"57afef45e0bebe9bdfa715306f6ec2c30aca8dc1",class:"zonos--hello-country-flag",countryCode:e}),t("zonos-v-stack",{key:"954b970c82fd631efadbd9c916e8bad78f0e1321",class:"zonos--hello-dialog-header",spacing:4},t("zonos-text",{key:"cde98a9636e6150d6cab009970938a0cf61bc05a",type:"boldSubheader"},u),t("zonos-text",{key:"b63fc79317f23854737c1f2dd2cbde38f3841f2a",innerHTML:z,textColor:"gray-800"})),t("zonos-v-stack",{key:"e115a03222d2271b358c3f1ae3feb938bafcdbef",spacing:8},this.restrictedItems.map((o=>{var e;return o&&t("zonos-banner",{bannerTitle:o.name,intent:"error"},null===(e=o.itemRestrictions)||void 0===e?void 0:e.map((o=>t("zonos-text",{textColor:"red-800"},null==o?void 0:o.note))))})),t("zonos-card",{key:"6f5ef13c8ce1171b99c148f43f491ced8f29cd57",spacing:"12px"},t("zonos-v-stack",{key:"816a373a6dcf69976279af51f09d136f18c6b4a8",spacing:12},t("div",{key:"51fc31937cb4885c7a98ee5fbc0755a00158f172",class:"zonos--flex-message"},t("zonos-icon",{key:"bc659d649b3a7f046225270870e7ae31597027f4","aria-label":"Duty de minimis",content:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9.35028 11.5744C9.05738 11.2815 8.58251 11.2815 8.28962 11.5744C7.99672 11.8673 7.99672 12.3422 8.28962 12.635L11.2917 15.6372C11.6823 16.0277 12.3154 16.0277 12.7059 15.6372L15.708 12.6351C16.0009 12.3422 16.0009 11.8674 15.708 11.5745C15.4151 11.2816 14.9402 11.2816 14.6473 11.5745L12.7488 13.4729V4.68005C12.7488 4.26584 12.413 3.93005 11.9988 3.93005C11.5846 3.93005 11.2488 4.26584 11.2488 4.68005L11.2488 13.4729L9.35028 11.5744Z" fill="#4D505A"/>\n<path d="M20 14C20 13.5858 19.6642 13.25 19.25 13.25C18.8358 13.25 18.5 13.5858 18.5 14L18.5 17.25C18.5 17.9404 17.9404 18.5 17.25 18.5L6.75 18.5C6.05964 18.5 5.5 17.9404 5.5 17.25L5.5 14C5.5 13.5858 5.16421 13.25 4.75 13.25C4.33579 13.25 4 13.5858 4 14V17.25C4 18.7688 5.23122 20 6.75 20H17.25C18.7688 20 20 18.7688 20 17.25L20 14Z" fill="#4D505A"/>\n</svg>\n'}),t("zonos-text",{key:"e63ce2eb6f381718ca26962c7429f266bf8cf8d9"},n)),t("div",{key:"6f49eac81be52709ad8f35c04cccd7d2fec03b7a",class:"zonos--flex-message"},t("zonos-icon",{key:"d95f29c3c42480c89a34e831740cfdbb3d64c058","aria-label":"Tax de minimis",content:'<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="https://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M2.16666 5.83301C2.16666 4.4523 3.28594 3.33301 4.66666 3.33301H16.3333C17.714 3.33301 18.8333 4.4523 18.8333 5.83301V14.1663C18.8333 15.5471 17.714 16.6663 16.3333 16.6663H4.66666C3.28594 16.6663 2.16666 15.5471 2.16666 14.1663V5.83301ZM4.66666 4.99967C4.20642 4.99967 3.83332 5.37277 3.83332 5.83301V14.1663C3.83332 14.6266 4.20642 14.9997 4.66666 14.9997H16.3333C16.7936 14.9997 17.1667 14.6266 17.1667 14.1663V5.83301C17.1667 5.37277 16.7936 4.99967 16.3333 4.99967H4.66666ZM6.33332 8.33301C6.79356 8.33301 7.16666 8.7061 7.16666 9.16634V10.833C7.16666 11.2932 6.79356 11.6663 6.33332 11.6663C5.87309 11.6663 5.49999 11.2932 5.49999 10.833V9.16634C5.49999 8.7061 5.87309 8.33301 6.33332 8.33301ZM8.83332 9.99967C8.83332 9.0792 9.57952 8.33301 10.5 8.33301C11.4205 8.33301 12.1667 9.0792 12.1667 9.99967C12.1667 10.9201 11.4205 11.6663 10.5 11.6663C9.57952 11.6663 8.83332 10.9201 8.83332 9.99967ZM14.6667 8.33301C15.1269 8.33301 15.5 8.7061 15.5 9.16634V10.833C15.5 11.2932 15.1269 11.6663 14.6667 11.6663C14.2064 11.6663 13.8333 11.2932 13.8333 10.833V9.16634C13.8333 8.7061 14.2064 8.33301 14.6667 8.33301Z" fill="#4D505A"/>\n</svg>\n'}),t("zonos-text",{key:"c226092fef030070af3af1d45debab989fb4f1b7"},c)),null==f?void 0:f.map((o=>t("div",{class:"zonos--flex-message"},t("zonos-icon",{"aria-label":"Additional information for buying goods from selected country",content:'<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="https://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M9.66666 4.16667C9.20642 4.16667 8.83333 4.53976 8.83333 5V5.83333H12.1667V5C12.1667 4.53976 11.7936 4.16667 11.3333 4.16667H9.66666ZM13.8333 5.83333V5C13.8333 3.61929 12.714 2.5 11.3333 2.5H9.66666C8.28595 2.5 7.16666 3.61929 7.16666 5V5.83333H6.77759C5.44832 5.83333 4.35149 6.87354 4.2811 8.20094L3.92756 14.8676C3.85169 16.2983 4.99133 17.5 6.42405 17.5H14.5759C16.0087 17.5 17.1483 16.2983 17.0724 14.8676L16.7189 8.20094C16.6485 6.87354 15.5517 5.83333 14.2224 5.83333H13.8333ZM12.1667 7.5V8.33333C12.1667 8.79357 12.5398 9.16667 13 9.16667C13.4602 9.16667 13.8333 8.79357 13.8333 8.33333V7.5H14.2224C14.6655 7.5 15.0311 7.84674 15.0546 8.2892L15.4081 14.9559C15.4334 15.4328 15.0535 15.8333 14.5759 15.8333H6.42405C5.94648 15.8333 5.5666 15.4328 5.59189 14.9559L5.94542 8.2892C5.96889 7.84674 6.3345 7.5 6.77759 7.5H7.16666V8.33333C7.16666 8.79357 7.53976 9.16667 7.99999 9.16667C8.46023 9.16667 8.83333 8.79357 8.83333 8.33333V7.5H12.1667Z" fill="#4D505A"/>\n</svg>\n'}),t("zonos-text",{innerHTML:o})))))),v.map((o=>t("zonos-custom-message",{icon:'<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="https://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 4.5C2.25 3.25736 3.25736 2.25 4.5 2.25H13.5C14.7426 2.25 15.75 3.25736 15.75 4.5V10.5C15.75 11.7426 14.7426 12.75 13.5 12.75H8.25C8.01393 12.75 7.79164 12.8611 7.65 13.05L6.3 14.85C5.87508 15.4166 5.2082 15.75 4.5 15.75C3.25736 15.75 2.25 14.7426 2.25 13.5V4.5ZM4.5 3.75C4.08579 3.75 3.75 4.08579 3.75 4.5V13.5C3.75 13.9142 4.08579 14.25 4.5 14.25C4.73607 14.25 4.95836 14.1389 5.1 13.95L6.45 12.15C6.87492 11.5834 7.5418 11.25 8.25 11.25H13.5C13.9142 11.25 14.25 10.9142 14.25 10.5V4.5C14.25 4.08579 13.9142 3.75 13.5 3.75H4.5ZM5.25 6C5.25 5.58579 5.58579 5.25 6 5.25H12C12.4142 5.25 12.75 5.58579 12.75 6C12.75 6.41421 12.4142 6.75 12 6.75H6C5.58579 6.75 5.25 6.41421 5.25 6ZM5.25 9C5.25 8.58579 5.58579 8.25 6 8.25H8.25C8.66421 8.25 9 8.58579 9 9C9 9.41421 8.66421 9.75 8.25 9.75H6C5.58579 9.75 5.25 9.41421 5.25 9Z" fill="#4D505A"/>\n</svg>\n',message:o.message})))))),t("zonos-hello-dialog-footer",{key:"32739e817940a937b59380197934ced91f2afc50",appearanceSettings:this.appearanceSettings,setShowCountrySelect:o=>this.setShowCountrySelect(o),setShowLanguageSelect:o=>this.setShowLanguageSelect(o)})),this.showCountrySelect&&t("div",{key:"be58e393680370837ae35d5d4f85f77cf9620db2"},t("zonos-country-select",{key:"bc5c7e086513a44f817e5769acf2ca382b01fcc4",handleOnClose:()=>this.setShowCountrySelect(!1)})),this.showLanguageSelect&&t("div",{key:"7cbee089b9661602bb23e5e2821030d04891f18a"},t("zonos-language-select",{key:"55d654b2b339cfd83e3fe9814d914a382a891af3",handleOnClose:()=>this.setShowLanguageSelect(!1)}))))}static get assetsDirs(){return["assets"]}static get watchers(){return{isOpen:["isOpenHandler"]}}};f.style=":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--hello-country-flag{height:18px;width:18px;position:relative;overflow:hidden;border-radius:30px;-webkit-box-shadow:var(--zonos-elements-v3-shadow-medium);box-shadow:var(--zonos-elements-v3-shadow-medium);z-index:10;justify-self:center}:host .zonos--hello-dialog{position:absolute;background:var(--zonos-elements-surface-color);width:100vw;max-width:430px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:600px;border-radius:var(--zonos-elements-radius-12);outline:none;-webkit-box-shadow:var(--zonos-elements-v3-shadow-xxl);box-shadow:var(--zonos-elements-v3-shadow-xxl);overflow-y:auto;top:-2px;right:-2px;opacity:0;-webkit-transition:opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:top right;transform-origin:top right;z-index:1001}:host .zonos--hello-dialog .zonos--hello-dialog-header{text-align:center}:host .zonos--hello-dialog.zonos--hello-dialog-animate-from-left{-webkit-transform-origin:top left;transform-origin:top left;right:unset;left:-2px}:host .zonos--hello-dialog.zonos--hello-dialog-animate-from-bottom{-webkit-transform-origin:bottom right;transform-origin:bottom right;bottom:calc(100% - 32px);top:unset}:host .zonos--hello-dialog.zonos--hello-dialog-animate-from-bottom.zonos--hello-dialog-animate-from-left{-webkit-transform-origin:bottom left;transform-origin:bottom left}:host .zonos--hello-dialog::-webkit-scrollbar{width:12px;height:12px}:host .zonos--hello-dialog::-webkit-scrollbar-track{background:#f5f5f5;border-top-right-radius:var(--zonos-elements-radius-12);border-bottom-right-radius:var(--zonos-elements-radius-12)}:host .zonos--hello-dialog::-webkit-scrollbar-thumb{border-radius:10px;background:#ccc;border:4px solid transparent;background-clip:content-box}:host .zonos--hello-dialog::-webkit-scrollbar-thumb:hover{background:#999}:host .zonos--hello-dialog .zonos--animate-content{opacity:0;height:0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}:host .zonos--hello-dialog .zonos--show-animate-content{opacity:1;height:100%}:host .zonos--hello-dialog.zonos--hello-dialog-open{opacity:1;-webkit-transform:scale(1);transform:scale(1)}:host .zonos--hello-dialog .zonos--close-button{position:absolute;right:8px;top:8px;width:var(--zonos-elements-size-md);height:var(--zonos-elements-size-md);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;z-index:10}:host .zonos--hello-dialog .zonos--close-button:hover{background:var(--zonos-elements-hover-color);border-radius:var(--zonos-elements-radius-6)}:host .zonos--hello-dialog .zonos--hello-dialog-content{padding:16px}:host .zonos--hello-dialog .zonos--hello-dialog-content .zonos--hello-country-flag{border-radius:var(--zonos-elements-radius-4);width:32px;height:24px}:host .zonos--hello-dialog .zonos--flex-message{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px}:host .zonos--hello-dialog.zonos--hello-dialog-mobile-override{position:-webkit-sticky;position:sticky;top:unset;left:unset;right:unset;bottom:0;width:100vw;max-width:100vw;max-height:500px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-transform:scaleY(0);transform:scaleY(0);border-radius:0;-webkit-transform-origin:bottom;transform-origin:bottom}@media (max-height: 600px){:host .zonos--hello-dialog.zonos--hello-dialog-mobile-override{max-height:80vh}}:host .zonos--hello-dialog.zonos--hello-dialog-mobile-override.zonos--hello-dialog-animate-from-left{-webkit-transform-origin:bottom;transform-origin:bottom}:host .zonos--hello-dialog.zonos--hello-dialog-mobile-override.zonos--hello-dialog-open{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}@media (max-width: 768px){:host .zonos--hello-dialog{position:-webkit-sticky;position:sticky;top:unset;left:unset;right:unset;bottom:0;width:100vw;max-width:100vw;max-height:500px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-transform:scaleY(0);transform:scaleY(0);border-radius:0;-webkit-transform-origin:bottom;transform-origin:bottom}}@media (max-width: 768px) and (max-height: 600px){:host .zonos--hello-dialog{max-height:80vh}}@media (max-width: 768px){:host .zonos--hello-dialog.zonos--hello-dialog-animate-from-left{-webkit-transform-origin:bottom;transform-origin:bottom}}@media (max-width: 768px){:host .zonos--hello-dialog.zonos--hello-dialog-open{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}";export{f as zonos_hello_dialog}
@@ -1 +1 @@
1
- import{r as t,h as s,H as o,d as i}from"./p-ce347974.js";import{l as a}from"./p-5d53f9a4.js";import{d as e}from"./p-5821856c.js";import{c as n}from"./p-b4b7f705.js";import"./p-eaa335e1.js";import"./p-9a1c0d02.js";import"./p-31b3d26b.js";const h=class{constructor(s){t(this,s),this.countryCode=a.selectedCountryCode,this.size=void 0}render(){if(!this.el.shadowRoot||!this.countryCode)return null;const t=`https://zonos-store-assets.s3.amazonaws.com/images/elements-flags/${this.countryCode}.svg`,i=e();return s(o,{class:"zonos--elements",style:this.size?{"--font-family":i,height:`${this.size}px`,width:`${this.size}px`}:{"--font-family":i}},s("div",{class:n(["flag-container"])},s("div",{class:"flag-icon",style:{backgroundImage:`url(${t})`}})))}get el(){return i(this)}};h.style=":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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}";export{h as zonos_country_flag}
1
+ import{r as t,h as s,H as o,d as i}from"./p-ce347974.js";import{l as e}from"./p-84997f2e.js";import{d as a}from"./p-5821856c.js";import{c as n}from"./p-b4b7f705.js";import"./p-eaa335e1.js";import"./p-9a1c0d02.js";import"./p-31b3d26b.js";const h=class{constructor(s){t(this,s),this.countryCode=e.selectedCountryCode,this.size=void 0}render(){if(!this.el.shadowRoot||!this.countryCode)return null;const t=`https://zonos-store-assets.s3.amazonaws.com/images/elements-flags/${this.countryCode}.svg`,i=a();return s(o,{class:"zonos--elements",style:this.size?{"--font-family":i,height:`${this.size}px`,width:`${this.size}px`}:{"--font-family":i}},s("div",{class:n(["flag-container"])},s("div",{class:"flag-icon",style:{backgroundImage:`url(${t})`}})))}get el(){return i(this)}};h.style=":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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}";export{h as zonos_country_flag}
@@ -1 +1 @@
1
- import{p as e,b as o}from"./p-ce347974.js";export{s as setNonce}from"./p-ce347974.js";import{g as t}from"./p-e1255160.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((async e=>(await t(),o([["p-9f7c0472",[[2,"zonos-checkout",{appearanceSettingsOverride:[16],preview:[4],mobile:[4],defaultAddress:[16],forceDialogOpen:[4,"force-dialog-open"],open:[32],stripe:[32],submitLoading:[32],paymentError:[32],collapseReviewMobile:[32],isAttachError:[32],isMobile:[32],zonosReviewRef:[32],storybookPaymentStatusOverride:[32],domesticRedirectedBtnSelector:[32],legacyCheckoutHiddenBtnSelector:[32],isLegacyCheckout:[32],confirmDialogOpen:[32],showSessionTimoutScreen:[32],checkoutTimeoutInterval:[32],inventoryCheckErrorMessage:[32],closeDialogHandler:[64],init:[64],setToFinishStep:[64]},[[16,"zonos--init-cart-info","initCartInfoHandler"],[4,"keydown","handleKeyPress"],[9,"resize","handleWindowResize"]],{appearanceSettingsOverride:["appearanceSettingsOverrideChanged","handleAppearanceSettingsOverrideChange"],mobile:["handleMobileChange"]}]]],["p-9c32b924",[[1,"zonos-hello",{mobileLocationOverride:[1,"mobile-location-override"],animateFromLeftOverride:[4,"animate-from-left-override"],appearanceSettingsOverride:[16],showPeekMessage:[32],zonosStoreHelloSettings:[32],showDialog:[32],peekMessage:[32],initialUrl:[32],allRestrictedItems:[32],allFoundProducts:[32],productsOnPage:[32],isHelloWidgetRendered:[32],displayCurrency:[64],convertAndFormat:[64],convert:[64],format:[64],openHelloDialog:[64]},[[9,"resize","handleResize"]],{appearanceSettingsOverride:["handleAppearanceSettingsOverrideChange"]}]]],["p-78a839b8",[[1,"zonos-controller",{config:[16],zonosApiKey:[1,"zonos-api-key"],initCheckoutElement:[64],setupGoogleFont:[64],showNotification:[64],overrideConfig:[64],overrideCountry:[64],getAppearanceSetting:[64],updateOrganizationName:[64]},[[8,"locationchange","handleLocationChange"]]]]],["p-2701e08c",[[1,"zonos-component",{first:[1],middle:[1],last:[1]}]]],["p-6cb9812b",[[1,"zonos-link",{href:[1],rel:[1],target:[1],linkTitle:[1,"link-title"]}]]],["p-d4724ac8",[[1,"zonos-logo",{theme:[1],width:[1]}]]],["p-2aa72606",[[1,"zonos-text",{textColor:[1,"text-color"],size:[1],type:[1],weight:[2],ready:[32]}]]],["p-725c2d57",[[1,"zonos-hello-dialog",{isOpen:[4,"is-open"],setIsOpen:[16],mobileLocationOverride:[1,"mobile-location-override"],animateFromLeftOverride:[4,"animate-from-left-override"],appearanceSettings:[16],restrictedItems:[16],welcomeMessage:[32],showCountrySelect:[32],showLanguageSelect:[32]},[[4,"click","globalClickHandler"]],{isOpen:["isOpenHandler"]}]]],["p-5857ad65",[[1,"zonos-notification",{notificationArray:[32],showNotification:[64]}]]],["p-c63a7dde",[[2,"zonos-payment",{titleText:[1,"title-text"],stripe:[32],stripeElements:[32]},null,{stripeElements:["watchInitStripe"],stripe:["watchInitStripe"]}]]],["p-3541e6dd",[[1,"zonos-shipping-rich-radio",{items:[16],borderColor:[1,"border-color"],borderStyle:[1,"border-style"],theme:[1],initialSelectedValue:[8,"initial-selected-value"],selectedItem:[32]}]]],["p-75ba695c",[[1,"zonos-badge",{bold:[4],badgeColor:[1,"badge-color"],icon:[16],iconRight:[4,"icon-right"],size:[1],rounded:[4]}],[1,"zonos-tooltip",{label:[1],subtitle:[1],showTooltip:[32]}]]],["p-c4e38b85",[[1,"zonos-input",{inputValue:[1,"input-value"],inputLabel:[1,"input-label"],inputSize:[1,"input-size"],isDisabled:[4,"is-disabled"],isError:[4,"is-error"],inputPlaceholder:[1,"input-placeholder"],value:[32]},null,{inputValue:["onInputValueChange"]}]]],["p-699a5376",[[1,"zonos-banner",{bannerTitle:[1,"banner-title"],intent:[1],hasContent:[32]}]]],["p-bb5a9eaa",[[17,"zonos-button",{buttonColor:[1,"button-color"],backgroundColor:[1,"background-color"],borderStyle:[1,"border-style"],isDisabled:[4,"is-disabled"],icon:[16],iconRight:[4,"icon-right"],size:[1],variant:[1],noBackground:[4,"no-background"],withBoxShadow:[4,"with-box-shadow"],noPaddingLeft:[4,"no-padding-left"],noPaddingRight:[4,"no-padding-right"],loading:[4],theme:[1],hasIcon:[32],hasContent:[32]},[[2,"click","clickHandler"]],{icon:["iconChangeHandler"]}],[1,"zonos-spinner",{size:[2],spinnerColor:[1,"spinner-color"]}],[1,"zonos-icon",{autoHeight:[4,"auto-height"],iconColor:[1,"icon-color"],content:[1],size:[2]}]]],["p-5441b729",[[1,"zonos-select-dialog-header",{handleOnClose:[16],label:[1]}],[1,"zonos-v-stack",{spacing:[2]}]]],["p-8c9e7980",[[1,"zonos-language-select",{handleOnClose:[16]}],[1,"zonos-card",{actions:[16],footerActions:[16],footerContent:[16],footerHeight:[2,"footer-height"],label:[16],spacing:[1]}]]],["p-4a0cf47b",[[1,"zonos-country-flag",{countryCode:[1,"country-code"],size:[2]}]]],["p-692816a7",[[1,"zonos-country-select",{handleOnClose:[16],inputValue:[32]}],[1,"zonos-hello-dialog-footer",{appearanceSettings:[16],setShowCountrySelect:[16],setShowLanguageSelect:[16]}],[1,"zonos-custom-message",{icon:[1],message:[1]}]]],["p-7664dec5",[[1,"zonos-address-update-dialog",{continueLoading:[4,"continue-loading"],dialogLoading:[4,"dialog-loading"],dialogOpen:[4,"dialog-open"],submitBtnType:[1,"submit-btn-type"],submitBtnColor:[1,"submit-btn-color"],isMobile:[4,"is-mobile"],shippingAddress:[16],billingAddress:[16],translatedShippingAddress:[16],translatedBillingAddress:[16],showErrorBanner:[32],translatedShippingAddressState:[32],translatedBillingAddressState:[32]},null,{translatedShippingAddress:["watchTranslatedShippingAddress"],translatedBillingAddress:["watchTranslatedBillingAddress"]}],[2,"zonos-address",{type:[1],titleText:[1,"title-text"],defaultAddress:[16],stripe:[32],isDirtyAddress:[32]},null,{stripe:["watchInitStripe"]}],[1,"zonos-checkbox",{backgroundColor:[1,"background-color"],label:[1],isChecked:[4,"is-checked"],isDisabled:[4,"is-disabled"],size:[2],fontSize:[1,"font-size"],borderStyle:[1,"border-style"]},[[1,"click","onClick"]]],[2,"zonos-link-authentication",{titleText:[1,"title-text"],defaultEmail:[1,"default-email"],stripe:[32]},null,{stripe:["watchInitStripe"]}],[1,"zonos-dialog",{open:[4],headerText:[1,"header-text"],width:[1],height:[1],minHeight:[1,"min-height"],noHeader:[4,"no-header"],noBodyPadding:[4,"no-body-padding"],noBorder:[4,"no-border"],borderStyle:[1,"border-style"],noCloseButton:[4,"no-close-button"],noClickOutside:[4,"no-click-outside"],mobile:[4],isLoading:[4,"is-loading"],isMobile:[32]},[[9,"resize","handleWindowResize"],[4,"keydown","handleKeyDown"]]],[1,"zonos-address-display",{currentAddress:[16],addressType:[1,"address-type"]}],[1,"zonos-address-form",{currentAddress:[16],translatedAddress:[16],addressType:[1,"address-type"],localAddress:[32]},null,{translatedAddress:["watchCurrentAddress"]}],[1,"zonos-collapse",{collapsed:[4],collapseSize:[2,"collapse-size"],height:[32],iframe:[32]}]]],["p-be2b32f5",[[2,"zonos-customer-info",{continueLoading:[4,"continue-loading"],submitBtnType:[1,"submit-btn-type"],submitBtnColor:[1,"submit-btn-color"],isMobile:[4,"is-mobile"],defaultAddress:[16],showErrorBanner:[32],shippingCountry:[32],isCheckingForRestrictedItems:[32],isValidatingAddress:[32],invalidShippingCharacterList:[32],invalidBillingCharacterList:[32],openAddressValidationDialog:[32]}],[1,"zonos-checkout-footer",{mobile:[4],dataTheme:[1,"data-theme"],showLanguageDialog:[32],isMobile:[32]},[[4,"click","handleGlobalClick"]],{mobile:["handleMobileChange"]}],[2,"zonos-checkout-payment",{paymentError:[4,"payment-error"],submitBtnType:[1,"submit-btn-type"],continueLoading:[4,"continue-loading"],submitBtnColor:[1,"submit-btn-color"],showErrorBanner:[32]}],[2,"zonos-shipping",{continueLoading:[4,"continue-loading"],submitBtnColor:[1,"submit-btn-color"],submitBtnType:[1,"submit-btn-type"],selectedShippingMethod:[32],isSelecting:[32],showErrorBanner:[32],serviceLevels:[32]}],[1,"zonos-cart-restricted-items",{hide:[4],errorImages:[32],internalCollapsed:[32],firstRender:[32]}],[1,"zonos-cart-subtotal"],[1,"zonos-checkout-finish",{borderRadius:[1,"border-radius"],storybookForceStatus:[1,"storybook-force-status"],overrideNotification:[16],isLoading:[32],notificationType:[32],notificationTitle:[32],notificationMessages:[32],notificationActionText:[32],order:[32]}],[1,"zonos-confirm-dialog",{dialogTitle:[1,"dialog-title"],dialogIntent:[1,"dialog-intent"],dialogSubtitle:[1,"dialog-subtitle"],submitBtnColor:[1,"submit-btn-color"],dialogConfirmBtnText:[1,"dialog-confirm-btn-text"],dialogCancelBtnText:[1,"dialog-cancel-btn-text"],dialogType:[1,"dialog-type"],isMobile:[4,"is-mobile"],dialogOpen:[4,"dialog-open"],noClickOutside:[4,"no-click-outside"]},[[4,"keydown","handleKeyDown"]]],[1,"zonos-checkout-progress-tabs",{tabColor:[1,"tab-color"],backgroundColor:[1,"background-color"],setTabItems:[64],setTabSelected:[64]}],[1,"zonos-review",{mobile:[4],collapsed:[4],isMobile:[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-cart-items",{errorImages:[32]}],[1,"zonos-rest-state",{restStateSubtitle:[1,"rest-state-subtitle"],restStateTitle:[1,"rest-state-title"],restStateType:[1,"rest-state-type"],isErrorImageLoad:[32]}]]]],e))));
1
+ import{p as e,b as o}from"./p-ce347974.js";export{s as setNonce}from"./p-ce347974.js";import{g as t}from"./p-e1255160.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((async e=>(await t(),o([["p-ddb1cfe2",[[2,"zonos-checkout",{appearanceSettingsOverride:[16],preview:[4],mobile:[4],defaultAddress:[16],forceDialogOpen:[4,"force-dialog-open"],open:[32],stripe:[32],submitLoading:[32],paymentError:[32],collapseReviewMobile:[32],isAttachError:[32],isMobile:[32],zonosReviewRef:[32],storybookPaymentStatusOverride:[32],domesticRedirectedBtnSelector:[32],legacyCheckoutHiddenBtnSelector:[32],isLegacyCheckout:[32],confirmDialogOpen:[32],showSessionTimoutScreen:[32],checkoutTimeoutInterval:[32],inventoryCheckErrorMessage:[32],closeDialogHandler:[64],init:[64],setToFinishStep:[64]},[[16,"zonos--init-cart-info","initCartInfoHandler"],[4,"keydown","handleKeyPress"],[9,"resize","handleWindowResize"]],{appearanceSettingsOverride:["appearanceSettingsOverrideChanged","handleAppearanceSettingsOverrideChange"],mobile:["handleMobileChange"],defaultAddress:["handleAddressChange"]}]]],["p-6f589755",[[1,"zonos-hello",{mobileLocationOverride:[1,"mobile-location-override"],animateFromLeftOverride:[4,"animate-from-left-override"],appearanceSettingsOverride:[16],showPeekMessage:[32],zonosStoreHelloSettings:[32],showDialog:[32],peekMessage:[32],initialUrl:[32],allRestrictedItems:[32],allFoundProducts:[32],productsOnPage:[32],isHelloWidgetRendered:[32],displayCurrency:[64],convertAndFormat:[64],convert:[64],format:[64],openHelloDialog:[64]},[[9,"resize","handleResize"]],{appearanceSettingsOverride:["handleAppearanceSettingsOverrideChange"]}]]],["p-36bb4360",[[1,"zonos-controller",{config:[16],zonosApiKey:[1,"zonos-api-key"],initCheckoutElement:[64],setupGoogleFont:[64],showNotification:[64],overrideConfig:[64],overrideCountry:[64],getAppearanceSetting:[64],updateOrganizationName:[64]},[[8,"locationchange","handleLocationChange"]]]]],["p-d8c1eb99",[[1,"zonos-component",{first:[1],middle:[1],last:[1]}]]],["p-63a27875",[[1,"zonos-link",{href:[1],rel:[1],target:[1],linkTitle:[1,"link-title"]}]]],["p-c3619b3d",[[1,"zonos-logo",{theme:[1],width:[1]}]]],["p-3523c3b4",[[1,"zonos-input",{inputValue:[1,"input-value"],inputLabel:[1,"input-label"],inputSize:[1,"input-size"],isDisabled:[4,"is-disabled"],isError:[4,"is-error"],inputPlaceholder:[1,"input-placeholder"],value:[32]},null,{inputValue:["onInputValueChange"]}]]],["p-c21802e9",[[1,"zonos-tooltip",{label:[1],subtitle:[1],showTooltip:[32]}],[1,"zonos-badge",{bold:[4],badgeColor:[1,"badge-color"],icon:[16],iconRight:[4,"icon-right"],size:[1],rounded:[4]}]]],["p-fe296307",[[1,"zonos-country-flag",{countryCode:[1,"country-code"],size:[2]}]]],["p-6c3390b7",[[1,"zonos-v-stack",{spacing:[2]}]]],["p-2aa72606",[[1,"zonos-text",{textColor:[1,"text-color"],size:[1],type:[1],weight:[2],ready:[32]}]]],["p-35604380",[[1,"zonos-country-select",{handleOnClose:[16],inputValue:[32]}],[1,"zonos-hello-dialog-footer",{appearanceSettings:[16],setShowCountrySelect:[16],setShowLanguageSelect:[16]}],[1,"zonos-custom-message",{icon:[1],message:[1]}]]],["p-fa7e2a01",[[1,"zonos-hello-dialog",{isOpen:[4,"is-open"],setIsOpen:[16],mobileLocationOverride:[1,"mobile-location-override"],animateFromLeftOverride:[4,"animate-from-left-override"],appearanceSettings:[16],restrictedItems:[16],welcomeMessage:[32],showCountrySelect:[32],showLanguageSelect:[32]},[[4,"click","globalClickHandler"]],{isOpen:["isOpenHandler"]}]]],["p-3541e6dd",[[1,"zonos-shipping-rich-radio",{items:[16],borderColor:[1,"border-color"],borderStyle:[1,"border-style"],theme:[1],initialSelectedValue:[8,"initial-selected-value"],selectedItem:[32]}]]],["p-74bd6150",[[2,"zonos-payment",{titleText:[1,"title-text"],stripe:[32],stripeElements:[32]},null,{stripeElements:["watchInitStripe"],stripe:["watchInitStripe"]}],[1,"zonos-notification",{notificationArray:[32],showNotification:[64]}]]],["p-e3c014ae",[[1,"zonos-card",{actions:[16],backgroundColor:[1,"background-color"],borderRadius:[2,"border-radius"],footerActions:[16],footerContent:[16],footerHeight:[2,"footer-height"],label:[16],spacing:[1]}]]],["p-699a5376",[[1,"zonos-banner",{bannerTitle:[1,"banner-title"],intent:[1],hasContent:[32]}]]],["p-22882fd6",[[17,"zonos-button",{buttonColor:[1,"button-color"],backgroundColor:[1,"background-color"],borderStyle:[1,"border-style"],isDisabled:[4,"is-disabled"],icon:[16],iconRight:[4,"icon-right"],size:[1],variant:[1],noBackground:[4,"no-background"],withBoxShadow:[4,"with-box-shadow"],noPaddingLeft:[4,"no-padding-left"],noPaddingRight:[4,"no-padding-right"],loading:[4],justifyContent:[1,"justify-content"],theme:[1],hasIcon:[32],hasContent:[32]},[[2,"click","clickHandler"]],{icon:["iconChangeHandler"]}],[1,"zonos-spinner",{size:[2],spinnerColor:[1,"spinner-color"]}],[1,"zonos-icon",{autoHeight:[4,"auto-height"],iconColor:[1,"icon-color"],content:[1],size:[2]}]]],["p-3b95a9a3",[[1,"zonos-language-select",{handleOnClose:[16]}],[1,"zonos-select-dialog-header",{handleOnClose:[16],label:[1]}]]],["p-b5825bb7",[[1,"zonos-address-update-dialog",{continueLoading:[4,"continue-loading"],dialogLoading:[4,"dialog-loading"],dialogOpen:[4,"dialog-open"],submitBtnType:[1,"submit-btn-type"],submitBtnColor:[1,"submit-btn-color"],isMobile:[4,"is-mobile"],shippingAddress:[16],billingAddress:[16],translatedShippingAddress:[16],translatedBillingAddress:[16],showErrorBanner:[32],translatedShippingAddressState:[32],translatedBillingAddressState:[32]},null,{translatedShippingAddress:["watchTranslatedShippingAddress"],translatedBillingAddress:["watchTranslatedBillingAddress"]}],[2,"zonos-address",{type:[1],titleText:[1,"title-text"],defaultAddress:[16],stripe:[32],isDirtyAddress:[32]},null,{stripe:["watchInitStripe"]}],[1,"zonos-checkbox",{backgroundColor:[1,"background-color"],label:[1],isChecked:[4,"is-checked"],isDisabled:[4,"is-disabled"],size:[2],fontSize:[1,"font-size"],borderStyle:[1,"border-style"]},[[1,"click","onClick"]]],[2,"zonos-link-authentication",{titleText:[1,"title-text"],defaultEmail:[1,"default-email"],stripe:[32]},null,{stripe:["watchInitStripe"]}],[1,"zonos-dialog",{open:[4],headerText:[1,"header-text"],width:[1],height:[1],minHeight:[1,"min-height"],noHeader:[4,"no-header"],noBodyPadding:[4,"no-body-padding"],noBorder:[4,"no-border"],borderStyle:[1,"border-style"],noCloseButton:[4,"no-close-button"],noClickOutside:[4,"no-click-outside"],mobile:[4],isLoading:[4,"is-loading"],isMobile:[32]},[[9,"resize","handleWindowResize"],[4,"keydown","handleKeyDown"]]],[1,"zonos-address-display",{currentAddress:[16],addressType:[1,"address-type"]}],[1,"zonos-address-form",{currentAddress:[16],translatedAddress:[16],addressType:[1,"address-type"],localAddress:[32]},null,{translatedAddress:["watchCurrentAddress"]}],[1,"zonos-collapse",{collapsed:[4],collapseSize:[2,"collapse-size"],height:[32],iframe:[32]}]]],["p-e09df465",[[2,"zonos-customer-info",{continueLoading:[4,"continue-loading"],submitBtnType:[1,"submit-btn-type"],submitBtnColor:[1,"submit-btn-color"],isMobile:[4,"is-mobile"],defaultAddress:[16],showErrorBanner:[32],shippingCountry:[32],isCheckingForRestrictedItems:[32],isValidatingAddress:[32],invalidShippingCharacterList:[32],invalidBillingCharacterList:[32],openAddressValidationDialog:[32]}],[2,"zonos-checkout-payment",{paymentError:[4,"payment-error"],submitBtnType:[1,"submit-btn-type"],continueLoading:[4,"continue-loading"],submitBtnColor:[1,"submit-btn-color"],showErrorBanner:[32]}],[1,"zonos-checkout-footer",{mobile:[4],dataTheme:[1,"data-theme"],showLanguageDialog:[32],isMobile:[32]},[[4,"click","handleGlobalClick"]],{mobile:["handleMobileChange"]}],[1,"zonos-checkout-finish",{borderRadius:[1,"border-radius"],storybookForceStatus:[1,"storybook-force-status"],overrideNotification:[16],isLoading:[32],notificationType:[32],notificationTitle:[32],notificationMessages:[32],notificationActionText:[32],order:[32]}],[2,"zonos-shipping",{continueLoading:[4,"continue-loading"],submitBtnColor:[1,"submit-btn-color"],submitBtnType:[1,"submit-btn-type"],selectedShippingMethod:[32],isSelecting:[32],showErrorBanner:[32],serviceLevels:[32]}],[1,"zonos-cart-restricted-items",{hide:[4],errorImages:[32],internalCollapsed:[32],firstRender:[32]}],[1,"zonos-cart-subtotal"],[1,"zonos-confirm-dialog",{dialogTitle:[1,"dialog-title"],dialogIntent:[1,"dialog-intent"],dialogSubtitle:[1,"dialog-subtitle"],submitBtnColor:[1,"submit-btn-color"],dialogConfirmBtnText:[1,"dialog-confirm-btn-text"],dialogCancelBtnText:[1,"dialog-cancel-btn-text"],dialogType:[1,"dialog-type"],isMobile:[4,"is-mobile"],dialogOpen:[4,"dialog-open"],noClickOutside:[4,"no-click-outside"]},[[4,"keydown","handleKeyDown"]]],[1,"zonos-checkout-progress-tabs",{tabColor:[1,"tab-color"],backgroundColor:[1,"background-color"],setTabItems:[64],setTabSelected:[64]}],[1,"zonos-review",{mobile:[4],collapsed:[4],isMobile:[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-cart-items",{errorImages:[32]}],[1,"zonos-rest-state",{restStateSubtitle:[1,"rest-state-subtitle"],restStateTitle:[1,"rest-state-title"],restStateType:[1,"rest-state-type"],isErrorImageLoad:[32]}]]]],e))));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zonos/elements",
3
- "version": "1.3.31",
3
+ "version": "1.3.33",
4
4
  "description": "Zonos component UI for Stripe elements",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.cjs.js",
@@ -1,72 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-b071017b.js');
6
- const zonosStore = require('./zonosStore-4c6c85da.js');
7
- const classes = require('./classes-b7918f56.js');
8
-
9
- const zonosNotificationCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--notification-items{position:fixed;z-index:9999999;bottom:24px;gap:8px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--notification-item{cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:8px;border-radius:var(--border-radius, var(--zonos-elements-radius-6));opacity:0;-ms-flex-negative:0.0001;flex-shrink:0.0001;-webkit-transform:translateY(100%);transform:translateY(100%)}:host .zonos--notification-item+:host .zonos--notification-item{margin-top:8px}:host .zonos--notification-item.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-flex-positive:1000;flex-grow:1000}:host .zonos--notification-item.success{background-color:var(--zonos-elements-green-700)}:host .zonos--notification-item.error{background-color:var(--zonos-elements-red-700)}:host .zonos--notification-item.warning{background-color:var(--zonos-elements-orange-700)}";
10
- const ZonosNotificationStyle0 = zonosNotificationCss;
11
-
12
- const ZonosNotification = class {
13
- constructor(hostRef) {
14
- index.registerInstance(this, hostRef);
15
- this.notificationArray = [];
16
- }
17
- /**
18
- * Show a notification
19
- */
20
- async showNotification(notification) {
21
- // random generate id
22
- const id = `id-${Math.random().toString(36).substring(2, 9)}`;
23
- const notificationItem = Object.assign(Object.assign({}, notification), { id, timeout: notification.timeout || 5000, transitionClass: '', type: notification.type || 'success' });
24
- this.notificationArray = [...this.notificationArray, notificationItem];
25
- setTimeout(() => {
26
- this.updateTransitionClass({
27
- id,
28
- transitionClass: 'show',
29
- });
30
- }, 50);
31
- setTimeout(() => {
32
- this.removeNotification(id);
33
- }, notificationItem.timeout);
34
- }
35
- updateTransitionClass({ id, transitionClass, }) {
36
- this.notificationArray = this.notificationArray.map(notification => {
37
- if (notification.id === id) {
38
- return Object.assign(Object.assign({}, notification), { transitionClass });
39
- }
40
- return notification;
41
- });
42
- }
43
- /**
44
- * Remove a notification
45
- */
46
- removeNotification(id) {
47
- // add hide class before removing the item 100ms to trigger animation
48
- this.updateTransitionClass({
49
- id,
50
- transitionClass: '',
51
- });
52
- setTimeout(() => {
53
- this.notificationArray = this.notificationArray.filter(notification => notification.id !== id);
54
- }, 300);
55
- }
56
- render() {
57
- return (index.h(index.Host, { key: '17c08c90c6c1dfade4e43451c196127a0f53429e', class: classes.classes(['zonos--elements zonos--notification']), style: {
58
- '--font-family': zonosStore.zonosStoreFontFamily(),
59
- } }, index.h("div", { key: '6624419d86a5c7518539069dbc5c9d7c08262c75', class: "zonos--notification-items" }, this.notificationArray.map(notification => {
60
- return (index.h("div", { "aria-hidden": "true", class: classes.classes([
61
- 'zonos--notification-item',
62
- notification.type,
63
- notification.transitionClass,
64
- ]), key: notification.id, onClick: () => {
65
- this.removeNotification(notification.id);
66
- } }, index.h("zonos-text", { textColor: "gray-0" }, notification.message)));
67
- }))));
68
- }
69
- };
70
- ZonosNotification.style = ZonosNotificationStyle0;
71
-
72
- exports.zonos_notification = ZonosNotification;
@@ -1,58 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-b071017b.js');
6
- const cart = require('./cart-62ff7ee7.js');
7
- const logError = require('./logError-4e2f2020.js');
8
- require('./zonosStore-4c6c85da.js');
9
- require('./isDarkColor-371a3b1a.js');
10
- require('./getBorderRadius-074b46ef.js');
11
-
12
- const zonosPaymentCss = ".sc-zonos-payment-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-payment-h *.sc-zonos-payment{font-family:var(--font-family, Inter), Inter}.sc-zonos-payment-h img.sc-zonos-payment{max-width:100%}.sc-zonos-payment-h dl.sc-zonos-payment,.sc-zonos-payment-h dd.sc-zonos-payment,.sc-zonos-payment-h h1.sc-zonos-payment,.sc-zonos-payment-h h2.sc-zonos-payment,.sc-zonos-payment-h h3.sc-zonos-payment,.sc-zonos-payment-h h4.sc-zonos-payment,.sc-zonos-payment-h h5.sc-zonos-payment,.sc-zonos-payment-h h6.sc-zonos-payment,.sc-zonos-payment-h hr.sc-zonos-payment,.sc-zonos-payment-h figure.sc-zonos-payment,.sc-zonos-payment-h p.sc-zonos-payment,.sc-zonos-payment-h pre.sc-zonos-payment{margin:0}.sc-zonos-payment-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-payment-h .zonos--title.sc-zonos-payment{margin-bottom:16px}";
13
- const ZonosPaymentStyle0 = zonosPaymentCss;
14
-
15
- const ZonosPayment = class {
16
- constructor(hostRef) {
17
- index.registerInstance(this, hostRef);
18
- this.titleText = undefined;
19
- this.stripe = cart.stripeStore.stripe;
20
- this.stripeElements = cart.stripeStore.stripeElements;
21
- }
22
- watchInitStripe() {
23
- if (!this.stripeElements) {
24
- return;
25
- }
26
- // Create and mount the Authentication Element in ${type} mode
27
- const paymentElement = cart.stripeStore.stripePaymentElement ||
28
- this.stripeElements.create('payment', {
29
- layout: 'tabs',
30
- });
31
- const paymentElementContainer = this.el.querySelector('.zonos--payment-component');
32
- if (!paymentElementContainer) {
33
- logError.logError('Cannot find container element for paymentElement');
34
- return;
35
- }
36
- paymentElement.mount(paymentElementContainer);
37
- paymentElement.on('change', event => {
38
- cart.stripeStore.stripePaymentEventData = event;
39
- });
40
- cart.stripeStore.stripePaymentElement = paymentElement;
41
- }
42
- componentDidLoad() {
43
- // @Watch doesn't get trigger on initial load
44
- this.watchInitStripe();
45
- }
46
- render() {
47
- // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
48
- return (index.h(index.Host, { key: 'abebca876eac8bd507fcbdb1c029d2ed0f3b749a', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { key: '142257f2052337206dbb70e70c87b5207f2bd97a', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: 'c55bbaea79a291e45d8ed37d556529365de89e9f', class: "zonos--payment-component" })));
49
- }
50
- get el() { return index.getElement(this); }
51
- static get watchers() { return {
52
- "stripeElements": ["watchInitStripe"],
53
- "stripe": ["watchInitStripe"]
54
- }; }
55
- };
56
- ZonosPayment.style = ZonosPaymentStyle0;
57
-
58
- exports.zonos_payment = ZonosPayment;
@@ -1,45 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-b071017b.js');
6
- const zonosStore = require('./zonosStore-4c6c85da.js');
7
- const classes = require('./classes-b7918f56.js');
8
-
9
- const RemoveIcon = `<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#C5C6CA" fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" clip-rule="evenodd"/><path fill="#4D505A" fill-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" clip-rule="evenodd"/></svg>`;
10
-
11
- const zonosSelectDialogHeaderCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--select-dialog-header-wrapper{position:-webkit-sticky;position:sticky;top:0;background:var(--zonos-elements-surface-color);padding:16px}:host .zonos--select-dialog-header-wrapper .zonos--select-dialog-header{position:relative;-ms-flex-pack:justify;justify-content:space-between;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}";
12
- const ZonosSelectDialogHeaderStyle0 = zonosSelectDialogHeaderCss;
13
-
14
- const ZonosSelectDialogHeader = class {
15
- constructor(hostRef) {
16
- index.registerInstance(this, hostRef);
17
- this.handleOnClose = () => { };
18
- this.label = '';
19
- }
20
- render() {
21
- return (index.h(index.Host, { key: 'aee08db0e889bd5a5b9084180f6ee038c120a3b2', class: "zonos--elements", style: {
22
- '--font-family': zonosStore.zonosStoreFontFamily(),
23
- } }, index.h("zonos-v-stack", { key: '565a273f0037418387c0868c74943c3325ab6c35', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, index.h("div", { key: '0d994f27c948e49c092d016a0f1d6e453f80f00a', class: "zonos--select-dialog-header" }, index.h("zonos-text", { key: 'ee7bb796e921b2a14fa6201c8f17d0dfd9f3a3c2', type: "boldLabel" }, this.label), index.h("zonos-button", { key: '0e3a6c9c2cc4b67a51015b2fb7345c47a0e5ef23', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), index.h("slot", { key: 'ad9fb089fa4a571a5443431c0d686b4804d25b0a' }))));
24
- }
25
- };
26
- ZonosSelectDialogHeader.style = ZonosSelectDialogHeaderStyle0;
27
-
28
- const zonosVStackCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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 .vstack{display:grid;grid-auto-columns:minmax(0, 1fr);grid-row-gap:var(--spacing, 24px);grid-auto-flow:row}";
29
- const ZonosVStackStyle0 = zonosVStackCss;
30
-
31
- const VStack = class {
32
- constructor(hostRef) {
33
- index.registerInstance(this, hostRef);
34
- this.spacing = 24;
35
- }
36
- render() {
37
- return (index.h(index.Host, { key: '9b7115624d2e27b1c6da58ac16f6059d5cad71a9', style: {
38
- '--font-family': zonosStore.zonosStoreFontFamily(),
39
- } }, index.h("div", { key: 'bd3ccd8700897292fd1a9ad40825c851a484fcf2', class: classes.classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, index.h("slot", { key: '1c6fe3e6dc8eda9461eb90180535c9bd563a1840' }))));
40
- }
41
- };
42
- VStack.style = ZonosVStackStyle0;
43
-
44
- exports.zonos_select_dialog_header = ZonosSelectDialogHeader;
45
- exports.zonos_v_stack = VStack;
@@ -1,62 +0,0 @@
1
- import { r as registerInstance, h, H as Host } from './index-3b46f3c3.js';
2
- import { d as zonosStoreFontFamily } from './zonosStore-ba9e541e.js';
3
- import { c as classes } from './classes-0d95c529.js';
4
- import { H as localizationStoreUpdateSelectedLocale, t as translate, l as localizationStore } from './cart-b96aaa4f.js';
5
- import { l as languages } from './ILanguage-cd6acb72.js';
6
- import './logError-c456c092.js';
7
- import './isDarkColor-f8324c10.js';
8
- import './getBorderRadius-947c24de.js';
9
-
10
- const zonosCardCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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-elements-radius-6);padding:var(--spacing, 24px);text-align:left}: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)}";
11
- const ZonosCardStyle0 = zonosCardCss;
12
-
13
- const ZonosCard = class {
14
- constructor(hostRef) {
15
- registerInstance(this, hostRef);
16
- this.actions = undefined;
17
- this.footerActions = undefined;
18
- this.footerContent = undefined;
19
- this.footerHeight = undefined;
20
- this.label = undefined;
21
- this.spacing = '24px';
22
- }
23
- render() {
24
- return (h(Host, { key: '0e52ca31db6c2f956da1910d6e0a222b588c1bcc', style: {
25
- '--font-family': zonosStoreFontFamily(),
26
- } }, h("div", { key: '69f391d821f88cbee4b0c586a8323b1dd68d7fd3', class: classes(['styled-card']), style: { padding: this.spacing } }, this.label && (h("header", { key: '4568a1d7c354830e6e65e31b20b38140aaab9d01', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: 'e0a6b7a3776916f8208c27373878041807d91960', type: "subheader" }, this.label), h("h-stack", { key: 'c5f8d01b2f477b16ab9387081987eae64b156e76', spacing: 8 }, this.actions))), h("slot", { key: '6001acfaae8ba37456a7c23bae5c44a91da074f9' }), (this.footerActions || this.footerContent) && (h("footer", { key: '78b926a323a5f1375c8120d5aa8b1ab2a4f3fa4a', class: "card-footer", style: {
27
- height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
28
- padding: this.spacing,
29
- } }, h("div", { key: '2bd0c86b75096c2ee786d4a9b16a3d6e385fbbf1' }, this.footerContent), h("h-stack", { key: '7a3f840ac9678a905338a99b8327115bc8199789', spacing: 8 }, this.footerActions))))));
30
- }
31
- };
32
- ZonosCard.style = ZonosCardStyle0;
33
-
34
- const GreenCheckDuotoneIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
35
- <path d="M7.99996 2.6665C5.05444 2.6665 2.66663 5.05432 2.66663 7.99984C2.66663 10.9454 5.05444 13.3332 7.99996 13.3332C10.9455 13.3332 13.3333 10.9454 13.3333 7.99984C13.3333 5.05432 10.9455 2.6665 7.99996 2.6665Z" fill="#AFF8C3"/>
36
- <path fill-rule="evenodd" clip-rule="evenodd" d="M10.1403 6.10535C10.3582 6.27488 10.3975 6.58902 10.228 6.80699L8.01055 9.65797C7.76436 9.97449 7.29646 10.0036 7.01291 9.72008L5.81307 8.52024C5.61781 8.32498 5.61781 8.0084 5.81307 7.81314C6.00833 7.61787 6.32492 7.61787 6.52018 7.81314L7.45301 8.74597L9.43862 6.19305C9.60815 5.97508 9.92229 5.93581 10.1403 6.10535Z" fill="#246627"/>
37
- </svg>
38
- `;
39
-
40
- const zonosLanguageSelectCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--language-select{width:100%}:host .zonos--language-select .zonos--language-select-content{display:grid;grid-template-columns:repeat(3, minmax(-webkit-max-content, 1fr));grid-template-columns:repeat(3, minmax(max-content, 1fr));padding:16px;padding-top:0px}:host .zonos--language-select .zonos--language-select-content .zonos--language-select-button{display:-ms-flexbox;display:flex;padding:8px;gap:4px;-ms-flex-align:center;align-items:center;border-radius:var(--zonos-elements-radius-4);cursor:pointer;width:100%;border:none;background:none}:host .zonos--language-select .zonos--language-select-content .zonos--language-select-button:hover{background:var(--zonos-elements-gray-100)}@media (max-width: 400px){:host .zonos--language-select .zonos--language-select-content{grid-template-columns:1fr 1fr}}";
41
- const ZonosLanguageSelectStyle0 = zonosLanguageSelectCss;
42
-
43
- const ZonosLanguageSelect = class {
44
- constructor(hostRef) {
45
- registerInstance(this, hostRef);
46
- this.languageSelected = (languageCode) => {
47
- // mutate the selected language code in store
48
- void localizationStoreUpdateSelectedLocale(languageCode);
49
- this.handleOnClose();
50
- };
51
- this.handleOnClose = () => { };
52
- }
53
- render() {
54
- const { selectedLocale } = localizationStore;
55
- return (h(Host, { key: '34580123b768ce983c0c9c6fa309bdb1d6756a5a', class: "zonos--elements", style: {
56
- '--font-family': zonosStoreFontFamily(),
57
- } }, h("div", { key: '6e86352a45b5d9ad0e5ed5dac330367a49a6c6fe', class: "zonos--language-select" }, h("zonos-select-dialog-header", { key: 'd5b55cbb2858a2c0a6aa6ce0ea0d50eecc7360e8', handleOnClose: () => this.handleOnClose(), label: translate('Select a language') }), h("div", { key: 'c9aeb075428357c4cb15d9a2b09df7c8d6b01b11', class: "zonos--language-select-content" }, languages.map(language => (h("button", { class: "zonos--language-select-button", onClick: () => this.languageSelected(language.code) }, h("zonos-text", { textColor: "gray-800" }, language.translatedLabel), language.code === selectedLocale && (h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 16 })))))))));
58
- }
59
- };
60
- ZonosLanguageSelect.style = ZonosLanguageSelectStyle0;
61
-
62
- export { ZonosCard as zonos_card, ZonosLanguageSelect as zonos_language_select };
@@ -1,68 +0,0 @@
1
- import { r as registerInstance, h, H as Host } from './index-3b46f3c3.js';
2
- import { d as zonosStoreFontFamily } from './zonosStore-ba9e541e.js';
3
- import { c as classes } from './classes-0d95c529.js';
4
-
5
- const zonosNotificationCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--notification-items{position:fixed;z-index:9999999;bottom:24px;gap:8px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--notification-item{cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:8px;border-radius:var(--border-radius, var(--zonos-elements-radius-6));opacity:0;-ms-flex-negative:0.0001;flex-shrink:0.0001;-webkit-transform:translateY(100%);transform:translateY(100%)}:host .zonos--notification-item+:host .zonos--notification-item{margin-top:8px}:host .zonos--notification-item.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-flex-positive:1000;flex-grow:1000}:host .zonos--notification-item.success{background-color:var(--zonos-elements-green-700)}:host .zonos--notification-item.error{background-color:var(--zonos-elements-red-700)}:host .zonos--notification-item.warning{background-color:var(--zonos-elements-orange-700)}";
6
- const ZonosNotificationStyle0 = zonosNotificationCss;
7
-
8
- const ZonosNotification = class {
9
- constructor(hostRef) {
10
- registerInstance(this, hostRef);
11
- this.notificationArray = [];
12
- }
13
- /**
14
- * Show a notification
15
- */
16
- async showNotification(notification) {
17
- // random generate id
18
- const id = `id-${Math.random().toString(36).substring(2, 9)}`;
19
- const notificationItem = Object.assign(Object.assign({}, notification), { id, timeout: notification.timeout || 5000, transitionClass: '', type: notification.type || 'success' });
20
- this.notificationArray = [...this.notificationArray, notificationItem];
21
- setTimeout(() => {
22
- this.updateTransitionClass({
23
- id,
24
- transitionClass: 'show',
25
- });
26
- }, 50);
27
- setTimeout(() => {
28
- this.removeNotification(id);
29
- }, notificationItem.timeout);
30
- }
31
- updateTransitionClass({ id, transitionClass, }) {
32
- this.notificationArray = this.notificationArray.map(notification => {
33
- if (notification.id === id) {
34
- return Object.assign(Object.assign({}, notification), { transitionClass });
35
- }
36
- return notification;
37
- });
38
- }
39
- /**
40
- * Remove a notification
41
- */
42
- removeNotification(id) {
43
- // add hide class before removing the item 100ms to trigger animation
44
- this.updateTransitionClass({
45
- id,
46
- transitionClass: '',
47
- });
48
- setTimeout(() => {
49
- this.notificationArray = this.notificationArray.filter(notification => notification.id !== id);
50
- }, 300);
51
- }
52
- render() {
53
- return (h(Host, { key: '17c08c90c6c1dfade4e43451c196127a0f53429e', class: classes(['zonos--elements zonos--notification']), style: {
54
- '--font-family': zonosStoreFontFamily(),
55
- } }, h("div", { key: '6624419d86a5c7518539069dbc5c9d7c08262c75', class: "zonos--notification-items" }, this.notificationArray.map(notification => {
56
- return (h("div", { "aria-hidden": "true", class: classes([
57
- 'zonos--notification-item',
58
- notification.type,
59
- notification.transitionClass,
60
- ]), key: notification.id, onClick: () => {
61
- this.removeNotification(notification.id);
62
- } }, h("zonos-text", { textColor: "gray-0" }, notification.message)));
63
- }))));
64
- }
65
- };
66
- ZonosNotification.style = ZonosNotificationStyle0;
67
-
68
- export { ZonosNotification as zonos_notification };
@@ -1,54 +0,0 @@
1
- import { r as registerInstance, h, H as Host, d as getElement } from './index-3b46f3c3.js';
2
- import { h as stripeStore } from './cart-b96aaa4f.js';
3
- import { a as logError } from './logError-c456c092.js';
4
- import './zonosStore-ba9e541e.js';
5
- import './isDarkColor-f8324c10.js';
6
- import './getBorderRadius-947c24de.js';
7
-
8
- const zonosPaymentCss = ".sc-zonos-payment-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-payment-h *.sc-zonos-payment{font-family:var(--font-family, Inter), Inter}.sc-zonos-payment-h img.sc-zonos-payment{max-width:100%}.sc-zonos-payment-h dl.sc-zonos-payment,.sc-zonos-payment-h dd.sc-zonos-payment,.sc-zonos-payment-h h1.sc-zonos-payment,.sc-zonos-payment-h h2.sc-zonos-payment,.sc-zonos-payment-h h3.sc-zonos-payment,.sc-zonos-payment-h h4.sc-zonos-payment,.sc-zonos-payment-h h5.sc-zonos-payment,.sc-zonos-payment-h h6.sc-zonos-payment,.sc-zonos-payment-h hr.sc-zonos-payment,.sc-zonos-payment-h figure.sc-zonos-payment,.sc-zonos-payment-h p.sc-zonos-payment,.sc-zonos-payment-h pre.sc-zonos-payment{margin:0}.sc-zonos-payment-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-payment-h .zonos--title.sc-zonos-payment{margin-bottom:16px}";
9
- const ZonosPaymentStyle0 = zonosPaymentCss;
10
-
11
- const ZonosPayment = class {
12
- constructor(hostRef) {
13
- registerInstance(this, hostRef);
14
- this.titleText = undefined;
15
- this.stripe = stripeStore.stripe;
16
- this.stripeElements = stripeStore.stripeElements;
17
- }
18
- watchInitStripe() {
19
- if (!this.stripeElements) {
20
- return;
21
- }
22
- // Create and mount the Authentication Element in ${type} mode
23
- const paymentElement = stripeStore.stripePaymentElement ||
24
- this.stripeElements.create('payment', {
25
- layout: 'tabs',
26
- });
27
- const paymentElementContainer = this.el.querySelector('.zonos--payment-component');
28
- if (!paymentElementContainer) {
29
- logError('Cannot find container element for paymentElement');
30
- return;
31
- }
32
- paymentElement.mount(paymentElementContainer);
33
- paymentElement.on('change', event => {
34
- stripeStore.stripePaymentEventData = event;
35
- });
36
- stripeStore.stripePaymentElement = paymentElement;
37
- }
38
- componentDidLoad() {
39
- // @Watch doesn't get trigger on initial load
40
- this.watchInitStripe();
41
- }
42
- render() {
43
- // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
44
- return (h(Host, { key: 'abebca876eac8bd507fcbdb1c029d2ed0f3b749a', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: '142257f2052337206dbb70e70c87b5207f2bd97a', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: 'c55bbaea79a291e45d8ed37d556529365de89e9f', class: "zonos--payment-component" })));
45
- }
46
- get el() { return getElement(this); }
47
- static get watchers() { return {
48
- "stripeElements": ["watchInitStripe"],
49
- "stripe": ["watchInitStripe"]
50
- }; }
51
- };
52
- ZonosPayment.style = ZonosPaymentStyle0;
53
-
54
- export { ZonosPayment as zonos_payment };
@@ -1,40 +0,0 @@
1
- import { r as registerInstance, h, H as Host } from './index-3b46f3c3.js';
2
- import { d as zonosStoreFontFamily } from './zonosStore-ba9e541e.js';
3
- import { c as classes } from './classes-0d95c529.js';
4
-
5
- const RemoveIcon = `<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#C5C6CA" fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" clip-rule="evenodd"/><path fill="#4D505A" fill-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" clip-rule="evenodd"/></svg>`;
6
-
7
- const zonosSelectDialogHeaderCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--select-dialog-header-wrapper{position:-webkit-sticky;position:sticky;top:0;background:var(--zonos-elements-surface-color);padding:16px}:host .zonos--select-dialog-header-wrapper .zonos--select-dialog-header{position:relative;-ms-flex-pack:justify;justify-content:space-between;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}";
8
- const ZonosSelectDialogHeaderStyle0 = zonosSelectDialogHeaderCss;
9
-
10
- const ZonosSelectDialogHeader = class {
11
- constructor(hostRef) {
12
- registerInstance(this, hostRef);
13
- this.handleOnClose = () => { };
14
- this.label = '';
15
- }
16
- render() {
17
- return (h(Host, { key: 'aee08db0e889bd5a5b9084180f6ee038c120a3b2', class: "zonos--elements", style: {
18
- '--font-family': zonosStoreFontFamily(),
19
- } }, h("zonos-v-stack", { key: '565a273f0037418387c0868c74943c3325ab6c35', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, h("div", { key: '0d994f27c948e49c092d016a0f1d6e453f80f00a', class: "zonos--select-dialog-header" }, h("zonos-text", { key: 'ee7bb796e921b2a14fa6201c8f17d0dfd9f3a3c2', type: "boldLabel" }, this.label), h("zonos-button", { key: '0e3a6c9c2cc4b67a51015b2fb7345c47a0e5ef23', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), h("slot", { key: 'ad9fb089fa4a571a5443431c0d686b4804d25b0a' }))));
20
- }
21
- };
22
- ZonosSelectDialogHeader.style = ZonosSelectDialogHeaderStyle0;
23
-
24
- const zonosVStackCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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 .vstack{display:grid;grid-auto-columns:minmax(0, 1fr);grid-row-gap:var(--spacing, 24px);grid-auto-flow:row}";
25
- const ZonosVStackStyle0 = zonosVStackCss;
26
-
27
- const VStack = class {
28
- constructor(hostRef) {
29
- registerInstance(this, hostRef);
30
- this.spacing = 24;
31
- }
32
- render() {
33
- return (h(Host, { key: '9b7115624d2e27b1c6da58ac16f6059d5cad71a9', style: {
34
- '--font-family': zonosStoreFontFamily(),
35
- } }, h("div", { key: 'bd3ccd8700897292fd1a9ad40825c851a484fcf2', class: classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, h("slot", { key: '1c6fe3e6dc8eda9461eb90180535c9bd563a1840' }))));
36
- }
37
- };
38
- VStack.style = ZonosVStackStyle0;
39
-
40
- export { ZonosSelectDialogHeader as zonos_select_dialog_header, VStack as zonos_v_stack };