@zonos/elements 1.3.5 → 1.3.6

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 (403) hide show
  1. package/dist/cjs/ILanguage-d247b45b.js +26 -0
  2. package/dist/cjs/app-globals-3a1e7e63.js +5 -0
  3. package/dist/cjs/{cart-c1b0915c.js → cart-b8bbf22d.js} +62 -19
  4. package/dist/cjs/{getBorderRadius-cd7ef574.js → getBorderRadius-b252096d.js} +8 -4
  5. package/dist/cjs/index.cjs.js +0 -21
  6. package/dist/cjs/{isDarkColor-5eda1323.js → isDarkColor-168002d6.js} +1 -1
  7. package/dist/cjs/loader.cjs.js +5 -3
  8. package/dist/cjs/{localization-d43e1540.js → localization-2c9f5765.js} +366 -1
  9. package/dist/cjs/{submitGtag-bd6e9b42.js → submitGtag-792fe45d.js} +2 -2
  10. package/dist/cjs/zonos-address_4.cjs.entry.js +289 -0
  11. package/dist/cjs/zonos-badge_2.cjs.entry.js +57 -0
  12. package/dist/cjs/zonos-banner.cjs.entry.js +4 -9
  13. package/dist/cjs/{zonos-button_2.cjs.entry.js → zonos-button_3.cjs.entry.js} +42 -15
  14. package/dist/cjs/zonos-card_2.cjs.entry.js +26 -14
  15. package/dist/cjs/{zonos-cart-items_10.cjs.entry.js → zonos-cart-items_9.cjs.entry.js} +75 -84
  16. package/dist/cjs/zonos-checkout.cjs.entry.js +12 -13
  17. package/dist/cjs/zonos-component.cjs.entry.js +2 -2
  18. package/dist/cjs/zonos-controller.cjs.entry.js +7 -7
  19. package/dist/cjs/zonos-country-flag.cjs.entry.js +40 -0
  20. package/dist/cjs/{zonos-country-flag_4.cjs.entry.js → zonos-country-select_3.cjs.entry.js} +29 -55
  21. package/dist/cjs/zonos-elements.cjs.js +6 -4
  22. package/dist/cjs/zonos-hello-dialog.cjs.entry.js +13 -8
  23. package/dist/cjs/zonos-hello.cjs.entry.js +3 -3
  24. package/dist/cjs/zonos-logo.cjs.entry.js +32 -0
  25. package/dist/cjs/zonos-notification.cjs.entry.js +5 -6
  26. package/dist/cjs/zonos-payment.cjs.entry.js +7 -7
  27. package/dist/cjs/zonos-select-dialog-header_2.cjs.entry.js +45 -0
  28. package/dist/cjs/zonos-shipping-rich-radio.cjs.entry.js +4 -4
  29. package/dist/cjs/zonos-text.cjs.entry.js +4 -6
  30. package/dist/cjs/{zonosStore-b88b5671.js → zonosStore-5d94dabb.js} +1 -1
  31. package/dist/collection/collection-manifest.json +6 -1
  32. package/dist/collection/components/checkout/zonos-checkout/zonos-cart-subtotal/zonos-cart-subtotal.js +1 -1
  33. package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-finish/zonos-checkout-finish.js +5 -5
  34. package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-footer/assets/chevronDownIcon.svg +1 -0
  35. package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-footer/assets/globe.svg +3 -0
  36. package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-footer/assets/zonosIcon.svg +5 -0
  37. package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-footer/zonos-checkout-footer.css +126 -0
  38. package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-footer/zonos-checkout-footer.js +60 -0
  39. package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-payment/zonos-checkout-payment.js +1 -1
  40. package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.css +12 -21
  41. package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.js +4 -5
  42. package/dist/collection/components/checkout/zonos-checkout/zonos-customer-info/zonos-customer-info.css +9 -0
  43. package/dist/collection/components/checkout/zonos-checkout/zonos-customer-info/zonos-customer-info.js +12 -4
  44. package/dist/collection/components/checkout/zonos-checkout/zonos-review/zonos-review.js +3 -3
  45. package/dist/collection/components/checkout/zonos-checkout/zonos-shipping/zonos-shipping.js +1 -1
  46. package/dist/collection/components/common/zonos-badge/zonos-badge.js +7 -26
  47. package/dist/collection/components/common/zonos-banner/zonos-banner.js +2 -25
  48. package/dist/collection/components/common/zonos-button/zonos-button.css +18 -0
  49. package/dist/collection/components/common/zonos-button/zonos-button.js +9 -28
  50. package/dist/collection/components/common/zonos-card/zonos-card.js +2 -20
  51. package/dist/collection/components/common/zonos-checkbox/zonos-checkbox.css +82 -0
  52. package/dist/collection/components/common/zonos-checkbox/zonos-checkbox.js +218 -0
  53. package/dist/collection/components/common/zonos-collapse/zonos-collapse.js +2 -2
  54. package/dist/collection/components/common/zonos-country-flag/zonos-country-flag.js +1 -20
  55. package/dist/collection/components/common/zonos-country-select/assets/greenCheckDuotone.svg +4 -0
  56. package/dist/collection/components/common/zonos-country-select/zonos-country-select.css +11 -10
  57. package/dist/collection/components/common/zonos-country-select/zonos-country-select.js +7 -11
  58. package/dist/collection/components/common/zonos-custom-message/zonos-custom-message.js +2 -2
  59. package/dist/collection/components/common/zonos-dialog/zonos-dialog.js +3 -3
  60. package/dist/collection/components/common/zonos-icon/zonos-icon.js +4 -4
  61. package/dist/collection/components/common/zonos-language-select/assets/greenCheckDuotone.svg +4 -0
  62. package/dist/collection/components/common/zonos-language-select/zonos-language-select.css +61 -0
  63. package/dist/collection/components/common/zonos-language-select/zonos-language-select.js +58 -0
  64. package/dist/collection/components/common/zonos-logo/zonos-logo.js +2 -21
  65. package/dist/collection/components/common/zonos-notification/zonos-notification.js +3 -26
  66. package/dist/collection/components/common/zonos-select-dialog-header/assets/removeIcon.svg +1 -0
  67. package/dist/collection/components/common/zonos-select-dialog-header/zonos-select-dialog-header.css +45 -0
  68. package/dist/collection/components/common/zonos-select-dialog-header/zonos-select-dialog-header.js +68 -0
  69. package/dist/collection/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.js +1 -1
  70. package/dist/collection/components/common/zonos-spinner/zonos-spinner.js +4 -4
  71. package/dist/collection/components/common/zonos-text/zonos-text.js +4 -24
  72. package/dist/collection/components/common/zonos-tooltip/zonos-tooltip.css +55 -0
  73. package/dist/collection/components/common/zonos-tooltip/zonos-tooltip.js +72 -0
  74. package/dist/collection/components/common/zonos-v-stack/zonos-v-stack.js +2 -21
  75. package/dist/collection/components/component-template/zonos-component/zonos-component.js +1 -1
  76. package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog-footer/assets/globe.svg +3 -0
  77. package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog-footer/zonos-hello-dialog-footer.css +10 -0
  78. package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog-footer/zonos-hello-dialog-footer.js +27 -5
  79. package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog.css +16 -2
  80. package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog.js +11 -5
  81. package/dist/collection/components/main/zonos-controller.js +1 -1
  82. package/dist/collection/components/store/checkout/stripe.js +28 -7
  83. package/dist/collection/components/store/hello/localization.js +5 -1
  84. package/dist/collection/components/store/translationStore/strings.arabic.js +18 -0
  85. package/dist/collection/components/store/translationStore/strings.base.js +18 -0
  86. package/dist/collection/components/store/translationStore/strings.chinese.js +18 -0
  87. package/dist/collection/components/store/translationStore/strings.danish.js +18 -0
  88. package/dist/collection/components/store/translationStore/strings.dutch.js +18 -0
  89. package/dist/collection/components/store/translationStore/strings.french.js +18 -0
  90. package/dist/collection/components/store/translationStore/strings.german.js +18 -0
  91. package/dist/collection/components/store/translationStore/strings.hebrew.js +18 -0
  92. package/dist/collection/components/store/translationStore/strings.indonesian.js +18 -0
  93. package/dist/collection/components/store/translationStore/strings.italian.js +18 -0
  94. package/dist/collection/components/store/translationStore/strings.japanese.js +18 -0
  95. package/dist/collection/components/store/translationStore/strings.korean.js +18 -0
  96. package/dist/collection/components/store/translationStore/strings.norwegian.js +18 -0
  97. package/dist/collection/components/store/translationStore/strings.polish.js +18 -0
  98. package/dist/collection/components/store/translationStore/strings.portuguese.js +18 -0
  99. package/dist/collection/components/store/translationStore/strings.russian.js +18 -0
  100. package/dist/collection/components/store/translationStore/strings.spanish.js +18 -0
  101. package/dist/collection/components/store/translationStore/strings.swedish.js +18 -0
  102. package/dist/collection/components/store/translationStore/strings.turkish.js +18 -0
  103. package/dist/collection/components/store/translationStore/strings.vietnamese.js +18 -0
  104. package/dist/collection/components/stripe/zonos-address/zonos-address.js +63 -24
  105. package/dist/collection/components/stripe/zonos-link-authentication/zonos-link-authentication.js +1 -1
  106. package/dist/collection/components/stripe/zonos-payment/zonos-payment.js +1 -1
  107. package/dist/collection/components/utils/api/prepCalculateLandedCost.js +19 -1
  108. package/dist/collection/components/utils/api/triggerBuildLandedCost.js +11 -5
  109. package/dist/collection/components/utils/getBorderRadius.js +7 -3
  110. package/dist/collection/types/ILanguage.js +22 -0
  111. package/dist/collection/types/generated/graphql.customer.types.js +13 -0
  112. package/dist/collection/types/index.js +0 -1
  113. package/dist/collection/types/styles/Color.js +9 -0
  114. package/dist/components/ILanguage.js +24 -0
  115. package/dist/components/getBorderRadius.js +7 -3
  116. package/dist/components/index.js +0 -1
  117. package/dist/components/isDarkColor.js +1 -1
  118. package/dist/components/localization.js +365 -1
  119. package/dist/components/{cart.js → stripe.js} +273 -228
  120. package/dist/components/submitGtag.js +1 -1
  121. package/dist/components/zonos-address2.js +65 -26
  122. package/dist/components/zonos-badge2.js +8 -10
  123. package/dist/components/zonos-banner2.js +3 -9
  124. package/dist/components/zonos-button2.js +10 -12
  125. package/dist/components/zonos-card2.js +3 -5
  126. package/dist/components/zonos-cart-items2.js +1 -1
  127. package/dist/components/zonos-cart-subtotal2.js +14 -8
  128. package/dist/components/zonos-checkbox.d.ts +11 -0
  129. package/dist/components/zonos-checkbox.js +6 -0
  130. package/dist/components/zonos-checkbox2.js +87 -0
  131. package/dist/components/zonos-checkout-finish2.js +3 -3
  132. package/dist/components/zonos-checkout-footer.d.ts +11 -0
  133. package/dist/components/zonos-checkout-footer.js +6 -0
  134. package/dist/components/zonos-checkout-footer2.js +109 -0
  135. package/dist/components/zonos-checkout-payment2.js +2 -2
  136. package/dist/components/zonos-checkout.js +75 -52
  137. package/dist/components/zonos-collapse2.js +3 -3
  138. package/dist/components/zonos-component.js +1 -1
  139. package/dist/components/zonos-controller.js +4 -4
  140. package/dist/components/zonos-country-flag2.js +3 -5
  141. package/dist/components/zonos-country-select2.js +26 -19
  142. package/dist/components/zonos-custom-message2.js +3 -3
  143. package/dist/components/zonos-customer-info2.js +30 -10
  144. package/dist/components/zonos-dialog2.js +4 -4
  145. package/dist/components/zonos-hello-dialog-footer2.js +23 -10
  146. package/dist/components/zonos-hello-dialog2.js +41 -23
  147. package/dist/components/zonos-hello.js +31 -19
  148. package/dist/components/zonos-icon2.js +4 -4
  149. package/dist/components/zonos-language-select.d.ts +11 -0
  150. package/dist/components/zonos-language-select.js +6 -0
  151. package/dist/components/zonos-language-select2.js +87 -0
  152. package/dist/components/zonos-link-authentication2.js +2 -2
  153. package/dist/components/zonos-logo.js +44 -1
  154. package/dist/components/zonos-notification2.js +4 -6
  155. package/dist/components/zonos-payment2.js +2 -2
  156. package/dist/components/zonos-review2.js +4 -4
  157. package/dist/components/zonos-select-dialog-header.d.ts +11 -0
  158. package/dist/components/zonos-select-dialog-header.js +6 -0
  159. package/dist/components/zonos-select-dialog-header2.js +71 -0
  160. package/dist/components/zonos-shipping-rich-radio2.js +2 -2
  161. package/dist/components/zonos-shipping2.js +2 -2
  162. package/dist/components/zonos-spinner2.js +3 -3
  163. package/dist/components/zonos-text2.js +4 -7
  164. package/dist/components/zonos-tooltip.d.ts +11 -0
  165. package/dist/components/zonos-tooltip.js +6 -0
  166. package/dist/components/zonos-tooltip2.js +48 -0
  167. package/dist/components/zonos-v-stack2.js +4 -6
  168. package/dist/components/zonosStore.js +1 -1
  169. package/dist/esm/ILanguage-97790bee.js +24 -0
  170. package/dist/esm/app-globals-0f993ce5.js +3 -0
  171. package/dist/esm/{cart-7e7c7585.js → cart-bc3bb22e.js} +63 -18
  172. package/dist/esm/getBorderRadius-e9736f7e.js +20 -0
  173. package/dist/esm/index.js +1 -6
  174. package/dist/esm/{isDarkColor-8696cb70.js → isDarkColor-e982fa09.js} +1 -1
  175. package/dist/esm/loader.js +6 -4
  176. package/dist/esm/{localization-5d83fde2.js → localization-d8f6453b.js} +366 -2
  177. package/dist/esm/{submitGtag-776c5e10.js → submitGtag-bebe2cb0.js} +2 -2
  178. package/dist/esm/zonos-address_4.entry.js +282 -0
  179. package/dist/esm/zonos-badge_2.entry.js +52 -0
  180. package/dist/esm/zonos-banner.entry.js +4 -9
  181. package/dist/esm/{zonos-button_2.entry.js → zonos-button_3.entry.js} +42 -16
  182. package/dist/esm/zonos-card_2.entry.js +26 -14
  183. package/dist/esm/{zonos-cart-items_10.entry.js → zonos-cart-items_9.entry.js} +75 -83
  184. package/dist/esm/zonos-checkout.entry.js +12 -13
  185. package/dist/esm/zonos-component.entry.js +2 -2
  186. package/dist/esm/zonos-controller.entry.js +7 -7
  187. package/dist/esm/zonos-country-flag.entry.js +36 -0
  188. package/dist/esm/{zonos-country-flag_4.entry.js → zonos-country-select_3.entry.js} +30 -55
  189. package/dist/esm/zonos-elements.js +7 -5
  190. package/dist/esm/zonos-hello-dialog.entry.js +13 -8
  191. package/dist/esm/zonos-hello.entry.js +3 -3
  192. package/dist/esm/zonos-logo.entry.js +28 -0
  193. package/dist/esm/zonos-notification.entry.js +5 -6
  194. package/dist/esm/zonos-payment.entry.js +7 -7
  195. package/dist/esm/zonos-select-dialog-header_2.entry.js +40 -0
  196. package/dist/esm/zonos-shipping-rich-radio.entry.js +4 -4
  197. package/dist/esm/zonos-text.entry.js +4 -6
  198. package/dist/esm/{zonosStore-e59617f8.js → zonosStore-e6c7be3a.js} +1 -1
  199. package/dist/esm-es5/ILanguage-97790bee.js +1 -0
  200. package/dist/esm-es5/app-globals-0f993ce5.js +1 -0
  201. package/dist/esm-es5/cart-bc3bb22e.js +1 -0
  202. package/dist/esm-es5/getBorderRadius-e9736f7e.js +1 -0
  203. package/dist/esm-es5/index.js +0 -1
  204. package/dist/esm-es5/{isDarkColor-8696cb70.js → isDarkColor-e982fa09.js} +1 -1
  205. package/dist/esm-es5/loader.js +1 -1
  206. package/dist/esm-es5/localization-d8f6453b.js +1 -0
  207. package/dist/esm-es5/{submitGtag-776c5e10.js → submitGtag-bebe2cb0.js} +1 -1
  208. package/dist/esm-es5/zonos-address_4.entry.js +1 -0
  209. package/dist/esm-es5/zonos-badge_2.entry.js +1 -0
  210. package/dist/esm-es5/zonos-banner.entry.js +1 -1
  211. package/dist/esm-es5/zonos-button_3.entry.js +1 -0
  212. package/dist/esm-es5/zonos-card_2.entry.js +1 -1
  213. package/dist/esm-es5/zonos-cart-items_9.entry.js +1 -0
  214. package/dist/esm-es5/zonos-checkout.entry.js +1 -1
  215. package/dist/esm-es5/zonos-component.entry.js +1 -1
  216. package/dist/esm-es5/zonos-controller.entry.js +1 -1
  217. package/dist/esm-es5/zonos-country-flag.entry.js +1 -0
  218. package/dist/esm-es5/zonos-country-select_3.entry.js +1 -0
  219. package/dist/esm-es5/zonos-elements.js +1 -1
  220. package/dist/esm-es5/zonos-hello-dialog.entry.js +1 -1
  221. package/dist/esm-es5/zonos-hello.entry.js +1 -1
  222. package/dist/esm-es5/zonos-logo.entry.js +1 -0
  223. package/dist/esm-es5/zonos-notification.entry.js +1 -1
  224. package/dist/esm-es5/zonos-payment.entry.js +1 -1
  225. package/dist/esm-es5/zonos-select-dialog-header_2.entry.js +1 -0
  226. package/dist/esm-es5/zonos-shipping-rich-radio.entry.js +1 -1
  227. package/dist/esm-es5/zonos-text.entry.js +1 -1
  228. package/dist/esm-es5/{zonosStore-e59617f8.js → zonosStore-e6c7be3a.js} +1 -1
  229. package/dist/scripts/insertTranslations.js +1 -0
  230. package/dist/scripts/loadZonos.js +1 -1
  231. package/dist/scripts/zonos.js +1 -1
  232. package/dist/scripts/zonosBase.js +1 -1
  233. package/dist/types/components/checkout/zonos-checkout/zonos-checkout-finish/zonos-checkout-finish.d.ts +2 -1
  234. package/dist/types/components/checkout/zonos-checkout/zonos-checkout-footer/zonos-checkout-footer.d.ts +7 -0
  235. package/dist/types/components/common/zonos-badge/zonos-badge.d.ts +1 -5
  236. package/dist/types/components/common/zonos-banner/zonos-banner.d.ts +0 -4
  237. package/dist/types/components/common/zonos-button/zonos-button.d.ts +1 -5
  238. package/dist/types/components/common/zonos-card/zonos-card.d.ts +0 -4
  239. package/dist/types/components/common/zonos-checkbox/zonos-checkbox.d.ts +42 -0
  240. package/dist/types/components/common/zonos-country-flag/zonos-country-flag.d.ts +0 -4
  241. package/dist/types/components/common/zonos-country-select/zonos-country-select.d.ts +1 -1
  242. package/dist/types/components/common/zonos-icon/zonos-icon.d.ts +1 -1
  243. package/dist/types/components/common/zonos-language-select/zonos-language-select.d.ts +9 -0
  244. package/dist/types/components/common/zonos-logo/zonos-logo.d.ts +0 -4
  245. package/dist/types/components/common/zonos-notification/zonos-notification.d.ts +0 -4
  246. package/dist/types/components/common/zonos-select-dialog-header/zonos-select-dialog-header.d.ts +12 -0
  247. package/dist/types/components/common/zonos-spinner/zonos-spinner.d.ts +1 -1
  248. package/dist/types/components/common/zonos-text/zonos-text.d.ts +1 -5
  249. package/dist/types/components/common/zonos-tooltip/zonos-tooltip.d.ts +12 -0
  250. package/dist/types/components/common/zonos-v-stack/zonos-v-stack.d.ts +0 -4
  251. package/dist/types/components/hello/zonos-hello-dialog/zonos-hello-dialog-footer/zonos-hello-dialog-footer.d.ts +5 -0
  252. package/dist/types/components/hello/zonos-hello-dialog/zonos-hello-dialog.d.ts +2 -0
  253. package/dist/types/components/store/checkout/stripe.d.ts +8 -0
  254. package/dist/types/components/store/hello/localization.d.ts +2 -1
  255. package/dist/types/components/store/translationStore/strings.arabic.d.ts +18 -0
  256. package/dist/types/components/store/translationStore/strings.base.d.ts +18 -0
  257. package/dist/types/components/store/translationStore/strings.chinese.d.ts +18 -0
  258. package/dist/types/components/store/translationStore/strings.danish.d.ts +18 -0
  259. package/dist/types/components/store/translationStore/strings.dutch.d.ts +18 -0
  260. package/dist/types/components/store/translationStore/strings.french.d.ts +18 -0
  261. package/dist/types/components/store/translationStore/strings.german.d.ts +18 -0
  262. package/dist/types/components/store/translationStore/strings.hebrew.d.ts +18 -0
  263. package/dist/types/components/store/translationStore/strings.indonesian.d.ts +18 -0
  264. package/dist/types/components/store/translationStore/strings.italian.d.ts +18 -0
  265. package/dist/types/components/store/translationStore/strings.japanese.d.ts +18 -0
  266. package/dist/types/components/store/translationStore/strings.korean.d.ts +18 -0
  267. package/dist/types/components/store/translationStore/strings.norwegian.d.ts +18 -0
  268. package/dist/types/components/store/translationStore/strings.polish.d.ts +18 -0
  269. package/dist/types/components/store/translationStore/strings.portuguese.d.ts +18 -0
  270. package/dist/types/components/store/translationStore/strings.russian.d.ts +18 -0
  271. package/dist/types/components/store/translationStore/strings.spanish.d.ts +18 -0
  272. package/dist/types/components/store/translationStore/strings.swedish.d.ts +18 -0
  273. package/dist/types/components/store/translationStore/strings.turkish.d.ts +18 -0
  274. package/dist/types/components/store/translationStore/strings.vietnamese.d.ts +18 -0
  275. package/dist/types/components/stripe/zonos-address/zonos-address.d.ts +3 -0
  276. package/dist/types/components/utils/api/getLocaleMessages.d.ts +1 -1
  277. package/dist/types/components/utils/api/triggerBuildLandedCost.d.ts +18 -2
  278. package/dist/types/components/utils/changeDeepProperty.d.ts +1 -1
  279. package/dist/types/components/utils/changeDeepPropertyAtIndex.d.ts +1 -1
  280. package/dist/types/components/utils/getBorderRadius.d.ts +1 -1
  281. package/dist/types/components.d.ts +242 -116
  282. package/dist/types/types/ILanguage.d.ts +81 -0
  283. package/dist/types/types/checkout/CheckoutConfig.d.ts +3 -3
  284. package/dist/types/types/checkout/api/CalculateLandedCostRequest.d.ts +13 -0
  285. package/dist/types/types/generated/graphql.customer.types.d.ts +16 -4
  286. package/dist/types/types/generated/graphql.customer.types.ts +21 -4
  287. package/dist/types/types/generated/graphql.frontend.types.d.ts +6 -6
  288. package/dist/types/types/generated/graphql.frontend.types.ts +14 -4
  289. package/dist/types/types/index.d.ts +1 -1
  290. package/dist/types/types/styles/Color.d.ts +2 -0
  291. package/dist/zonos-elements/index.esm.js +0 -1
  292. package/dist/zonos-elements/{p-626b5a52.system.entry.js → p-00d63df1.system.entry.js} +1 -1
  293. package/dist/zonos-elements/p-04f63cea.entry.js +1 -0
  294. package/dist/zonos-elements/{p-120df5be.system.entry.js → p-06652d87.system.entry.js} +1 -1
  295. package/dist/zonos-elements/p-066c5893.system.js +1 -0
  296. package/dist/zonos-elements/p-0c7480a5.entry.js +1 -0
  297. package/dist/zonos-elements/p-16ad90ca.js +1 -0
  298. package/dist/zonos-elements/p-16b74c31.system.js +1 -0
  299. package/dist/zonos-elements/{p-0024f8c2.js → p-17550a10.js} +1 -1
  300. package/dist/zonos-elements/p-1d16a6fb.js +1 -0
  301. package/dist/zonos-elements/p-1ea68e3b.entry.js +1 -0
  302. package/dist/zonos-elements/{p-28d7b75d.entry.js → p-1ed530cc.entry.js} +1 -1
  303. package/dist/zonos-elements/p-289c8b1a.system.entry.js +1 -0
  304. package/dist/zonos-elements/{p-eb631432.system.entry.js → p-2a00c270.system.entry.js} +1 -1
  305. package/dist/zonos-elements/{p-be23cc91.system.entry.js → p-32bca9c8.system.entry.js} +1 -1
  306. package/dist/zonos-elements/p-37f53a79.entry.js +1 -0
  307. package/dist/zonos-elements/p-394cf1cf.js +1 -0
  308. package/dist/zonos-elements/{p-af910392.js → p-3ef27745.js} +1 -1
  309. package/dist/zonos-elements/{p-18e09138.system.entry.js → p-458fd100.system.entry.js} +1 -1
  310. package/dist/zonos-elements/{p-e8da4463.js → p-47fac33f.js} +1 -1
  311. package/dist/zonos-elements/p-49a764e9.system.entry.js +1 -0
  312. package/dist/zonos-elements/p-4fafb2a5.system.entry.js +1 -0
  313. package/dist/zonos-elements/p-4fb71a93.js +1 -0
  314. package/dist/zonos-elements/{p-dc09ca69.system.js → p-50287643.system.js} +1 -1
  315. package/dist/zonos-elements/p-50ea2036.system.js +1 -0
  316. package/dist/zonos-elements/p-5276c61b.system.entry.js +1 -0
  317. package/dist/zonos-elements/p-56ba5cbf.system.js +1 -0
  318. package/dist/zonos-elements/{p-5a0264e8.system.entry.js → p-5a113c3d.system.entry.js} +1 -1
  319. package/dist/zonos-elements/p-6308b347.entry.js +1 -0
  320. package/dist/zonos-elements/p-63d1b1fe.entry.js +1 -0
  321. package/dist/zonos-elements/p-7347ee7c.system.entry.js +1 -0
  322. package/dist/zonos-elements/p-7a6144b1.entry.js +1 -0
  323. package/dist/zonos-elements/p-7dd8e8ba.system.entry.js +1 -0
  324. package/dist/zonos-elements/p-8c26a080.system.js +1 -0
  325. package/dist/zonos-elements/p-96aabe02.entry.js +1 -0
  326. package/dist/zonos-elements/p-9cbbf261.system.entry.js +1 -0
  327. package/dist/zonos-elements/p-a33745e9.entry.js +1 -0
  328. package/dist/zonos-elements/{p-aca66e4b.entry.js → p-a4de3fb2.entry.js} +1 -1
  329. package/dist/zonos-elements/p-a682fd38.system.entry.js +1 -0
  330. package/dist/zonos-elements/p-abe7524f.system.js +1 -0
  331. package/dist/zonos-elements/{p-73174d0c.system.entry.js → p-b81a0577.system.entry.js} +1 -1
  332. package/dist/zonos-elements/p-ba1a111a.system.entry.js +1 -0
  333. package/dist/zonos-elements/p-ba43275e.entry.js +1 -0
  334. package/dist/zonos-elements/p-bd6a2095.entry.js +1 -0
  335. package/dist/zonos-elements/{p-f82e000f.system.entry.js → p-c4321084.system.entry.js} +1 -1
  336. package/dist/zonos-elements/{p-b58d2231.entry.js → p-cdf114a2.entry.js} +1 -1
  337. package/dist/zonos-elements/p-d5ae3cbb.system.entry.js +1 -0
  338. package/dist/zonos-elements/p-d5d7c8f5.entry.js +1 -0
  339. package/dist/zonos-elements/p-dd7729fd.system.entry.js +1 -0
  340. package/dist/zonos-elements/p-de339fb6.entry.js +1 -0
  341. package/dist/zonos-elements/p-e1255160.js +1 -0
  342. package/dist/zonos-elements/p-e8a9bc56.entry.js +1 -0
  343. package/dist/zonos-elements/{p-7f68c103.system.js → p-e99d79d9.system.js} +1 -1
  344. package/dist/zonos-elements/p-ec25f180.entry.js +1 -0
  345. package/dist/zonos-elements/{p-ead79548.system.js → p-f49dfd06.system.js} +1 -1
  346. package/dist/zonos-elements/{p-31fa76da.entry.js → p-f6f5f644.entry.js} +1 -1
  347. package/dist/zonos-elements/p-fcc4f140.system.js +1 -0
  348. package/dist/zonos-elements/zonos-elements.esm.js +1 -1
  349. package/dist/zonos-elements/zonos-elements.js +1 -1
  350. package/package.json +17 -18
  351. package/dist/cjs/zonos-address_2.cjs.entry.js +0 -161
  352. package/dist/cjs/zonos-badge.cjs.entry.js +0 -38
  353. package/dist/cjs/zonos-icon.cjs.entry.js +0 -35
  354. package/dist/collection/components/common/zonos-country-select/assets/arrowLeftBlue.svg +0 -1
  355. package/dist/components/zonos-logo2.js +0 -48
  356. package/dist/esm/getBorderRadius-9e4cb3b1.js +0 -16
  357. package/dist/esm/zonos-address_2.entry.js +0 -156
  358. package/dist/esm/zonos-badge.entry.js +0 -34
  359. package/dist/esm/zonos-icon.entry.js +0 -31
  360. package/dist/esm-es5/cart-7e7c7585.js +0 -1
  361. package/dist/esm-es5/getBorderRadius-9e4cb3b1.js +0 -1
  362. package/dist/esm-es5/localization-5d83fde2.js +0 -1
  363. package/dist/esm-es5/zonos-address_2.entry.js +0 -1
  364. package/dist/esm-es5/zonos-badge.entry.js +0 -1
  365. package/dist/esm-es5/zonos-button_2.entry.js +0 -1
  366. package/dist/esm-es5/zonos-cart-items_10.entry.js +0 -1
  367. package/dist/esm-es5/zonos-country-flag_4.entry.js +0 -1
  368. package/dist/esm-es5/zonos-icon.entry.js +0 -1
  369. package/dist/zonos-elements/p-027abb50.entry.js +0 -1
  370. package/dist/zonos-elements/p-09c5dc1b.system.entry.js +0 -1
  371. package/dist/zonos-elements/p-1156ae5d.system.entry.js +0 -1
  372. package/dist/zonos-elements/p-12ecf765.system.js +0 -1
  373. package/dist/zonos-elements/p-174239da.system.js +0 -1
  374. package/dist/zonos-elements/p-1c00ffea.system.entry.js +0 -1
  375. package/dist/zonos-elements/p-21793192.entry.js +0 -1
  376. package/dist/zonos-elements/p-2589a038.system.entry.js +0 -1
  377. package/dist/zonos-elements/p-3319e4db.entry.js +0 -1
  378. package/dist/zonos-elements/p-357f0c61.entry.js +0 -1
  379. package/dist/zonos-elements/p-410045c5.system.entry.js +0 -1
  380. package/dist/zonos-elements/p-4d0861e9.system.js +0 -1
  381. package/dist/zonos-elements/p-54ef8ff3.entry.js +0 -1
  382. package/dist/zonos-elements/p-6444a4b9.entry.js +0 -1
  383. package/dist/zonos-elements/p-65f4af1a.system.entry.js +0 -1
  384. package/dist/zonos-elements/p-661bc488.entry.js +0 -1
  385. package/dist/zonos-elements/p-6c47083f.entry.js +0 -1
  386. package/dist/zonos-elements/p-6d454281.entry.js +0 -1
  387. package/dist/zonos-elements/p-7748735d.entry.js +0 -1
  388. package/dist/zonos-elements/p-78886ed6.system.entry.js +0 -1
  389. package/dist/zonos-elements/p-8ebc0b64.js +0 -1
  390. package/dist/zonos-elements/p-a6f2e282.system.js +0 -1
  391. package/dist/zonos-elements/p-b035f9e5.system.js +0 -1
  392. package/dist/zonos-elements/p-b1ffb37b.entry.js +0 -1
  393. package/dist/zonos-elements/p-bd02a65c.entry.js +0 -1
  394. package/dist/zonos-elements/p-bea31a7b.system.entry.js +0 -1
  395. package/dist/zonos-elements/p-cfe4a318.js +0 -1
  396. package/dist/zonos-elements/p-e4a2a1b0.system.entry.js +0 -1
  397. package/dist/zonos-elements/p-f2733cc7.js +0 -1
  398. package/dist/zonos-elements/p-f342e7c7.entry.js +0 -1
  399. /package/dist/cjs/{index-3ead02fe.js → index-72767498.js} +0 -0
  400. /package/dist/esm/{index-81a199ef.js → index-b5be4dc3.js} +0 -0
  401. /package/dist/esm-es5/{index-81a199ef.js → index-b5be4dc3.js} +0 -0
  402. /package/dist/zonos-elements/{p-4d8545e1.js → p-58127116.js} +0 -0
  403. /package/dist/zonos-elements/{p-4d39efb6.system.js → p-d1ab0823.system.js} +0 -0
@@ -1,161 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-3ead02fe.js');
6
- const cart = require('./cart-c1b0915c.js');
7
- const localization = require('./localization-d43e1540.js');
8
- const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
9
- require('./zonosStore-b88b5671.js');
10
- require('./isDarkColor-5eda1323.js');
11
- require('./getBorderRadius-cd7ef574.js');
12
-
13
- const zonosAddressCss = ".sc-zonos-address-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-address-h *.sc-zonos-address{font-family:var(--font-family, Inter), Inter}.sc-zonos-address-h img.sc-zonos-address{max-width:100%}.sc-zonos-address-h dl.sc-zonos-address,.sc-zonos-address-h dd.sc-zonos-address,.sc-zonos-address-h h1.sc-zonos-address,.sc-zonos-address-h h2.sc-zonos-address,.sc-zonos-address-h h3.sc-zonos-address,.sc-zonos-address-h h4.sc-zonos-address,.sc-zonos-address-h h5.sc-zonos-address,.sc-zonos-address-h h6.sc-zonos-address,.sc-zonos-address-h hr.sc-zonos-address,.sc-zonos-address-h figure.sc-zonos-address,.sc-zonos-address-h p.sc-zonos-address,.sc-zonos-address-h pre.sc-zonos-address{margin:0}.sc-zonos-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-address-h .zonos--title.sc-zonos-address{margin-bottom:var(--amino-space-16)}";
14
- const ZonosAddressStyle0 = zonosAddressCss;
15
-
16
- const ZonosAddress = class {
17
- constructor(hostRef) {
18
- index.registerInstance(this, hostRef);
19
- this.type = undefined;
20
- this.titleText = undefined;
21
- this.defaultAddress = null;
22
- this.stripe = window.Zonos.stripe;
23
- this.isDirtyAddress = !!cart.stripeStore.stripeAddressEventData &&
24
- cart.stripeStore.stripeAddressEventData.value.address.line1.length > 0;
25
- }
26
- async watchInitStripe() {
27
- var _a, _b, _c, _d, _e, _f, _g;
28
- this.stripe = window.Zonos.stripe;
29
- if (!this.stripe || !cart.stripeStore.stripeElements) {
30
- localization.logError("Stripe is not initialized. Couldn't load stripe element.");
31
- return;
32
- }
33
- const phone = (_a = this.defaultAddress) === null || _a === void 0 ? void 0 : _a.phone;
34
- if (!phone) {
35
- // remove phone from default address if it's not provided, stripe
36
- // will throw error if key phone exist and its value is empty or 'undefined'.
37
- (_b = this.defaultAddress) === null || _b === void 0 ? true : delete _b.phone;
38
- }
39
- const shippableCountries = localization.localizationStore.shippingZoneCountries;
40
- const addressElement = cart.stripeStore.stripeElements.create('address', {
41
- allowedCountries: shippableCountries
42
- ? Object.values(shippableCountries).map(country => country.code)
43
- : [],
44
- autocomplete: {
45
- mode: 'automatic',
46
- },
47
- contacts: this.defaultAddress ? [this.defaultAddress] : [],
48
- defaultValues: {
49
- address: Object.assign(Object.assign({}, (_c = cart.stripeStore.stripeAddressEventData) === null || _c === void 0 ? void 0 : _c.value.address), { country: ((_d = cart.stripeStore.stripeAddressEventData) === null || _d === void 0 ? void 0 : _d.value.address.country) ||
50
- localization.localizationStore.selectedCountryCode ||
51
- 'AL' }),
52
- firstName: (_e = cart.stripeStore.stripeAddressEventData) === null || _e === void 0 ? void 0 : _e.value.firstName,
53
- lastName: (_f = cart.stripeStore.stripeAddressEventData) === null || _f === void 0 ? void 0 : _f.value.lastName,
54
- phone: (_g = cart.stripeStore.stripeAddressEventData) === null || _g === void 0 ? void 0 : _g.value.phone,
55
- },
56
- display: {
57
- name: 'split',
58
- },
59
- fields: {
60
- phone: 'always',
61
- },
62
- mode: this.type,
63
- validation: {
64
- phone: {
65
- required: 'always',
66
- },
67
- },
68
- });
69
- addressElement.mount(this.el.querySelector('.zonos--address-component'));
70
- addressElement.on('change', event => {
71
- const eventValue = event.value;
72
- if (!this.isDirtyAddress && eventValue.address.line1.length >= 3) {
73
- this.isDirtyAddress = true;
74
- // stripe element started with just address line 1, so scroll bar is not yet available. Wait for a moment before scrolling
75
- setTimeout(() => {
76
- // scroll directly into view if it's mobile
77
- if (isCheckoutMobile.isCheckoutMobile()) {
78
- this.el.scrollIntoView({ behavior: 'smooth', block: 'end' });
79
- }
80
- else {
81
- // scroll into the end of the page so the address placeholder won't be hidden
82
- const yOffset = 100;
83
- const parentWrapper = this.el.closest('.zonos--group');
84
- const y = this.el.getBoundingClientRect().top + yOffset;
85
- parentWrapper === null || parentWrapper === void 0 ? void 0 : parentWrapper.scrollTo({ behavior: 'smooth', top: y });
86
- }
87
- }, 400);
88
- }
89
- cart.stripeStore.stripeAddressEventData = Object.assign(Object.assign({}, event), { elementMode: 'shipping', elementType: 'address', empty: false, value: Object.assign(Object.assign({}, eventValue), { firstName: eventValue.firstName || eventValue.name.split(' ')[0], lastName: eventValue.lastName || eventValue.name.split(' ').pop() }) });
90
- // run prefetch landed cost when address is changed
91
- void cart.stripeStorePrefetchLandedCost();
92
- });
93
- cart.stripeStore.stripeAddressElement = addressElement;
94
- }
95
- disconnectedCallback() {
96
- var _a;
97
- // destroy the stripe element when this component is removed from the DOM, so that we can re-create the new one with previous value
98
- (_a = cart.stripeStore.stripeAddressElement) === null || _a === void 0 ? void 0 : _a.destroy();
99
- }
100
- componentDidLoad() {
101
- // @Watch doesn't get trigger on initial load
102
- void this.watchInitStripe();
103
- }
104
- render() {
105
- // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
106
- return (index.h(index.Host, { key: '41014c1af1c8f8f5bb37caf358a6cec124e66f30', class: "zonos--address zonos--elements" }, index.h("zonos-text", { key: '5d8dcc4b44f7fe7b089b630ec6ca7b2177fef371', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: 'da0fe9760d7ca8dbc089481ac1dcb7c0a7c6553f', class: "zonos--address-component" })));
107
- }
108
- get el() { return index.getElement(this); }
109
- static get watchers() { return {
110
- "stripe": ["watchInitStripe"]
111
- }; }
112
- };
113
- ZonosAddress.style = ZonosAddressStyle0;
114
-
115
- const zonosLinkAuthenticationCss = ".sc-zonos-link-authentication-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-link-authentication-h *.sc-zonos-link-authentication{font-family:var(--font-family, Inter), Inter}.sc-zonos-link-authentication-h img.sc-zonos-link-authentication{max-width:100%}.sc-zonos-link-authentication-h dl.sc-zonos-link-authentication,.sc-zonos-link-authentication-h dd.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h1.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h2.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h3.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h4.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h5.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h6.sc-zonos-link-authentication,.sc-zonos-link-authentication-h hr.sc-zonos-link-authentication,.sc-zonos-link-authentication-h figure.sc-zonos-link-authentication,.sc-zonos-link-authentication-h p.sc-zonos-link-authentication,.sc-zonos-link-authentication-h pre.sc-zonos-link-authentication{margin:0}.sc-zonos-link-authentication-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-link-authentication-h .zonos--title.sc-zonos-link-authentication{margin-bottom:var(--amino-space-16)}";
116
- const ZonosLinkAuthenticationStyle0 = zonosLinkAuthenticationCss;
117
-
118
- const ZonosLinkAuthentication = class {
119
- constructor(hostRef) {
120
- index.registerInstance(this, hostRef);
121
- this.titleText = undefined;
122
- this.stripe = cart.stripeStore.stripe;
123
- }
124
- watchInitStripe() {
125
- if (!this.stripe || !cart.stripeStore.stripeElements) {
126
- return;
127
- }
128
- // Create and mount the Authentication Element in ${type} mode
129
- const linkAuthenticationElement = cart.stripeStore.stripeLinkElement ||
130
- cart.stripeStore.stripeElements.create('linkAuthentication');
131
- const linkAuthenticationElementContainer = this.el.querySelector('.zonos--link-authentication-component');
132
- if (!linkAuthenticationElementContainer) {
133
- // eslint-disable-next-line no-console
134
- console.error('Cannot find container element for linkAuthenticationElement');
135
- return;
136
- }
137
- linkAuthenticationElement.mount(linkAuthenticationElementContainer);
138
- linkAuthenticationElement.on('change', event => {
139
- cart.stripeStore.stripeLinkEventData = event;
140
- // run prefetch landed cost when address is changed
141
- void cart.stripeStorePrefetchLandedCost();
142
- });
143
- cart.stripeStore.stripeLinkElement = linkAuthenticationElement;
144
- }
145
- componentDidLoad() {
146
- // @Watch doesn't get trigger on initial load
147
- this.watchInitStripe();
148
- }
149
- render() {
150
- // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
151
- return (index.h(index.Host, { key: '5d02895b441a5713b83e7b3c4b784ab4b6743f54', class: "zonos--link-authentication zonos--elements" }, index.h("zonos-text", { key: '5bd33edd16f1511111bfcb497e0767f938172b05', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: 'd5a90ce88adaed9f2369af4692506d5d072c021d', class: "zonos--link-authentication-component" })));
152
- }
153
- get el() { return index.getElement(this); }
154
- static get watchers() { return {
155
- "stripe": ["watchInitStripe"]
156
- }; }
157
- };
158
- ZonosLinkAuthentication.style = ZonosLinkAuthenticationStyle0;
159
-
160
- exports.zonos_address = ZonosAddress;
161
- exports.zonos_link_authentication = ZonosLinkAuthentication;
@@ -1,38 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-3ead02fe.js');
6
- const zonosStore = require('./zonosStore-b88b5671.js');
7
- const classes = require('./classes-b7918f56.js');
8
-
9
- const zonosBadgeCss = ":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 .zonos--badge-content{display:-ms-flexbox;display:flex;gap:var(--amino-space-8);font-size:var(--amino-font-size-s);padding:4px 8px;text-align:center;border-radius:var(--amino-radius-6);background-color:var(--amino-gray-100);color:var(--amino-gray-800);-ms-flex-align:center;align-items:center}:host p{font-weight:600;line-height:16px}:host .icon-right svg{-ms-flex-order:2;order:2}:host .small{padding:2px 8px}:host .rounded{border-radius:20px}:host .bold{background-color:var(--amino-gray-600);color:var(--amino-gray-100)}:host .blue{background-color:var(--amino-blue-100);color:var(--amino-blue-800)}:host .blue.bold{background-color:var(--amino-blue-600);color:var(--amino-blue-100)}:host .green{background-color:var(--amino-green-100);color:var(--amino-green-800)}:host .green.bold{background-color:var(--amino-green-600);color:var(--amino-green-100)}:host .red{background-color:var(--amino-red-100);color:var(--amino-red-800)}:host .red.bold{background-color:var(--amino-red-600);color:var(--amino-red-100)}:host .orange{background-color:var(--amino-orange-100);color:var(--amino-orange-800)}:host .orange.bold{background-color:var(--amino-orange-600);color:var(--amino-orange-100)}:host .purple{background-color:var(--amino-purple-100);color:var(--amino-purple-800)}:host .purple.bold{background-color:var(--amino-purple-600);color:var(--amino-purple-100)}:host .cyan{background-color:var(--amino-cyan-100);color:var(--amino-cyan-800)}:host .cyan.bold{background-color:var(--amino-cyan-600);color:var(--amino-cyan-100)}";
10
- const ZonosBadgeStyle0 = zonosBadgeCss;
11
-
12
- const ZonosBadge = class {
13
- constructor(hostRef) {
14
- index.registerInstance(this, hostRef);
15
- this.bold = false;
16
- this.color = 'gray';
17
- this.icon = undefined;
18
- this.iconRight = false;
19
- this.size = 'default';
20
- this.rounded = false;
21
- this.class = '';
22
- }
23
- render() {
24
- return (index.h(index.Host, { key: '2d111e91f403ef5c03f742f5dabe9491623be91d', class: classes.classes(['zonos--elements zonos--badge', this.class]), style: {
25
- '--font-family': zonosStore.zonosStoreFontFamily(),
26
- } }, index.h("div", { key: 'e6debe091b732b857f180cee19bec4be435ea524', class: classes.classes([
27
- 'zonos--badge-content',
28
- this.color,
29
- this.rounded && 'rounded',
30
- this.iconRight && 'icon-right',
31
- this.size,
32
- this.bold && 'bold',
33
- ]) }, this.icon, index.h("zonos-text", { key: 'e92c97d77fa5ce279059953f7d7fbc5a0030aa5d' }, index.h("slot", { key: 'c93852c3225ba57dd26c26300254f348e349f9ad' })))));
34
- }
35
- };
36
- ZonosBadge.style = ZonosBadgeStyle0;
37
-
38
- exports.zonos_badge = ZonosBadge;
@@ -1,35 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-3ead02fe.js');
6
- const zonosStore = require('./zonosStore-b88b5671.js');
7
-
8
- const zonosIconCss = ":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 svg{width:var(--width);height:var(--height);fill:var(--color);color:var(--color)}";
9
- const ZonosIconStyle0 = zonosIconCss;
10
-
11
- const ZonosIcon = class {
12
- constructor(hostRef) {
13
- index.registerInstance(this, hostRef);
14
- this.autoHeight = false;
15
- this.color = 'gray-1200';
16
- this.content = undefined;
17
- this.size = 24;
18
- }
19
- render() {
20
- if (!this.content || !this.el.shadowRoot) {
21
- return null;
22
- }
23
- this.el.shadowRoot.innerHTML = this.content;
24
- return (index.h(index.Host, { class: "zonos--elements", style: {
25
- '--color': `var(--amino-${this.color})`,
26
- '--font-family': zonosStore.zonosStoreFontFamily(),
27
- '--height': `${this.autoHeight ? 'auto' : `${this.size}px`}`,
28
- '--width': `${this.size}px`,
29
- } }));
30
- }
31
- get el() { return index.getElement(this); }
32
- };
33
- ZonosIcon.style = ZonosIconStyle0;
34
-
35
- exports.zonos_icon = ZonosIcon;
@@ -1 +0,0 @@
1
- <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg" color="var(--amino-blue-600)"><path clip-rule="evenodd" d="M9.707 16.707a1 1 0 0 1-1.414 0l-3.647-3.646a1.5 1.5 0 0 1 0-2.122l3.647-3.646a1 1 0 0 1 1.414 1.414L7.414 11H19a1 1 0 1 1 0 2H7.414l2.293 2.293a1 1 0 0 1 0 1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>
@@ -1,48 +0,0 @@
1
- import { proxyCustomElement, HTMLElement, h, Host, getAssetPath } from '@stencil/core/internal/client';
2
- import { b as zonosStoreFontFamily } from './zonosStore.js';
3
- import { c as classes } from './classes.js';
4
-
5
- const zonosLogoCss = ":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 img{-webkit-filter:var(--filter-color);filter:var(--filter-color);width:var(--width)}";
6
- const ZonosLogoStyle0 = zonosLogoCss;
7
-
8
- const ZonosLogo = /*@__PURE__*/ proxyCustomElement(class ZonosLogo extends HTMLElement {
9
- constructor() {
10
- super();
11
- this.__registerHost();
12
- this.__attachShadow();
13
- this.theme = 'LIGHT';
14
- this.width = 'auto';
15
- this.class = '';
16
- }
17
- render() {
18
- const filterColor = this.theme === 'DARK'
19
- ? 'invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)'
20
- : 'whiteinvert(0%) sepia(100%) saturate(32%) hue-rotate(92deg) brightness(107%) contrast(107%)';
21
- return (h(Host, { key: '25b7723a73f8f8c7a28e8b2730b88f18d4f11fb7', class: classes(['zonos--elements zonos--logo', this.class]), style: {
22
- '--filter-color': filterColor,
23
- '--font-family': zonosStoreFontFamily(),
24
- '--width': this.width,
25
- } }, h("img", { key: 'e7f15f665c2d3c579e8727f1dceefea0fd438d5d', alt: "Zonos Logo", src: getAssetPath('./assets/ZonosLogo.png') })));
26
- }
27
- static get assetsDirs() { return ["assets"]; }
28
- static get style() { return ZonosLogoStyle0; }
29
- }, [1, "zonos-logo", {
30
- "theme": [1],
31
- "width": [1],
32
- "class": [1]
33
- }]);
34
- function defineCustomElement() {
35
- if (typeof customElements === "undefined") {
36
- return;
37
- }
38
- const components = ["zonos-logo"];
39
- components.forEach(tagName => { switch (tagName) {
40
- case "zonos-logo":
41
- if (!customElements.get(tagName)) {
42
- customElements.define(tagName, ZonosLogo);
43
- }
44
- break;
45
- } });
46
- }
47
-
48
- export { ZonosLogo as Z, defineCustomElement as d };
@@ -1,16 +0,0 @@
1
- import { z as zonosStore } from './zonosStore-e59617f8.js';
2
-
3
- /**
4
- * Get the border radius for the elements based on the style
5
- * @param overrideBorderStyle
6
- * @returns
7
- */
8
- const getBorderRadius = (overrideBorderStyle) => {
9
- if (overrideBorderStyle) {
10
- // If the override is set, use that, otherwise use the default radius style
11
- return overrideBorderStyle === 'SHARP' ? '0px' : '10px';
12
- }
13
- return zonosStore.appearance.style === 'SHARP' ? '0px' : '10px';
14
- };
15
-
16
- export { getBorderRadius as g };
@@ -1,156 +0,0 @@
1
- import { r as registerInstance, h, H as Host, d as getElement } from './index-81a199ef.js';
2
- import { s as stripeStore, m as stripeStorePrefetchLandedCost } from './cart-7e7c7585.js';
3
- import { b as logError, a as localizationStore } from './localization-5d83fde2.js';
4
- import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
5
- import './zonosStore-e59617f8.js';
6
- import './isDarkColor-8696cb70.js';
7
- import './getBorderRadius-9e4cb3b1.js';
8
-
9
- const zonosAddressCss = ".sc-zonos-address-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-address-h *.sc-zonos-address{font-family:var(--font-family, Inter), Inter}.sc-zonos-address-h img.sc-zonos-address{max-width:100%}.sc-zonos-address-h dl.sc-zonos-address,.sc-zonos-address-h dd.sc-zonos-address,.sc-zonos-address-h h1.sc-zonos-address,.sc-zonos-address-h h2.sc-zonos-address,.sc-zonos-address-h h3.sc-zonos-address,.sc-zonos-address-h h4.sc-zonos-address,.sc-zonos-address-h h5.sc-zonos-address,.sc-zonos-address-h h6.sc-zonos-address,.sc-zonos-address-h hr.sc-zonos-address,.sc-zonos-address-h figure.sc-zonos-address,.sc-zonos-address-h p.sc-zonos-address,.sc-zonos-address-h pre.sc-zonos-address{margin:0}.sc-zonos-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-address-h .zonos--title.sc-zonos-address{margin-bottom:var(--amino-space-16)}";
10
- const ZonosAddressStyle0 = zonosAddressCss;
11
-
12
- const ZonosAddress = class {
13
- constructor(hostRef) {
14
- registerInstance(this, hostRef);
15
- this.type = undefined;
16
- this.titleText = undefined;
17
- this.defaultAddress = null;
18
- this.stripe = window.Zonos.stripe;
19
- this.isDirtyAddress = !!stripeStore.stripeAddressEventData &&
20
- stripeStore.stripeAddressEventData.value.address.line1.length > 0;
21
- }
22
- async watchInitStripe() {
23
- var _a, _b, _c, _d, _e, _f, _g;
24
- this.stripe = window.Zonos.stripe;
25
- if (!this.stripe || !stripeStore.stripeElements) {
26
- logError("Stripe is not initialized. Couldn't load stripe element.");
27
- return;
28
- }
29
- const phone = (_a = this.defaultAddress) === null || _a === void 0 ? void 0 : _a.phone;
30
- if (!phone) {
31
- // remove phone from default address if it's not provided, stripe
32
- // will throw error if key phone exist and its value is empty or 'undefined'.
33
- (_b = this.defaultAddress) === null || _b === void 0 ? true : delete _b.phone;
34
- }
35
- const shippableCountries = localizationStore.shippingZoneCountries;
36
- const addressElement = stripeStore.stripeElements.create('address', {
37
- allowedCountries: shippableCountries
38
- ? Object.values(shippableCountries).map(country => country.code)
39
- : [],
40
- autocomplete: {
41
- mode: 'automatic',
42
- },
43
- contacts: this.defaultAddress ? [this.defaultAddress] : [],
44
- defaultValues: {
45
- address: Object.assign(Object.assign({}, (_c = stripeStore.stripeAddressEventData) === null || _c === void 0 ? void 0 : _c.value.address), { country: ((_d = stripeStore.stripeAddressEventData) === null || _d === void 0 ? void 0 : _d.value.address.country) ||
46
- localizationStore.selectedCountryCode ||
47
- 'AL' }),
48
- firstName: (_e = stripeStore.stripeAddressEventData) === null || _e === void 0 ? void 0 : _e.value.firstName,
49
- lastName: (_f = stripeStore.stripeAddressEventData) === null || _f === void 0 ? void 0 : _f.value.lastName,
50
- phone: (_g = stripeStore.stripeAddressEventData) === null || _g === void 0 ? void 0 : _g.value.phone,
51
- },
52
- display: {
53
- name: 'split',
54
- },
55
- fields: {
56
- phone: 'always',
57
- },
58
- mode: this.type,
59
- validation: {
60
- phone: {
61
- required: 'always',
62
- },
63
- },
64
- });
65
- addressElement.mount(this.el.querySelector('.zonos--address-component'));
66
- addressElement.on('change', event => {
67
- const eventValue = event.value;
68
- if (!this.isDirtyAddress && eventValue.address.line1.length >= 3) {
69
- this.isDirtyAddress = true;
70
- // stripe element started with just address line 1, so scroll bar is not yet available. Wait for a moment before scrolling
71
- setTimeout(() => {
72
- // scroll directly into view if it's mobile
73
- if (isCheckoutMobile()) {
74
- this.el.scrollIntoView({ behavior: 'smooth', block: 'end' });
75
- }
76
- else {
77
- // scroll into the end of the page so the address placeholder won't be hidden
78
- const yOffset = 100;
79
- const parentWrapper = this.el.closest('.zonos--group');
80
- const y = this.el.getBoundingClientRect().top + yOffset;
81
- parentWrapper === null || parentWrapper === void 0 ? void 0 : parentWrapper.scrollTo({ behavior: 'smooth', top: y });
82
- }
83
- }, 400);
84
- }
85
- stripeStore.stripeAddressEventData = Object.assign(Object.assign({}, event), { elementMode: 'shipping', elementType: 'address', empty: false, value: Object.assign(Object.assign({}, eventValue), { firstName: eventValue.firstName || eventValue.name.split(' ')[0], lastName: eventValue.lastName || eventValue.name.split(' ').pop() }) });
86
- // run prefetch landed cost when address is changed
87
- void stripeStorePrefetchLandedCost();
88
- });
89
- stripeStore.stripeAddressElement = addressElement;
90
- }
91
- disconnectedCallback() {
92
- var _a;
93
- // destroy the stripe element when this component is removed from the DOM, so that we can re-create the new one with previous value
94
- (_a = stripeStore.stripeAddressElement) === null || _a === void 0 ? void 0 : _a.destroy();
95
- }
96
- componentDidLoad() {
97
- // @Watch doesn't get trigger on initial load
98
- void this.watchInitStripe();
99
- }
100
- render() {
101
- // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
102
- return (h(Host, { key: '41014c1af1c8f8f5bb37caf358a6cec124e66f30', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '5d8dcc4b44f7fe7b089b630ec6ca7b2177fef371', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'da0fe9760d7ca8dbc089481ac1dcb7c0a7c6553f', class: "zonos--address-component" })));
103
- }
104
- get el() { return getElement(this); }
105
- static get watchers() { return {
106
- "stripe": ["watchInitStripe"]
107
- }; }
108
- };
109
- ZonosAddress.style = ZonosAddressStyle0;
110
-
111
- const zonosLinkAuthenticationCss = ".sc-zonos-link-authentication-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-link-authentication-h *.sc-zonos-link-authentication{font-family:var(--font-family, Inter), Inter}.sc-zonos-link-authentication-h img.sc-zonos-link-authentication{max-width:100%}.sc-zonos-link-authentication-h dl.sc-zonos-link-authentication,.sc-zonos-link-authentication-h dd.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h1.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h2.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h3.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h4.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h5.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h6.sc-zonos-link-authentication,.sc-zonos-link-authentication-h hr.sc-zonos-link-authentication,.sc-zonos-link-authentication-h figure.sc-zonos-link-authentication,.sc-zonos-link-authentication-h p.sc-zonos-link-authentication,.sc-zonos-link-authentication-h pre.sc-zonos-link-authentication{margin:0}.sc-zonos-link-authentication-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-link-authentication-h .zonos--title.sc-zonos-link-authentication{margin-bottom:var(--amino-space-16)}";
112
- const ZonosLinkAuthenticationStyle0 = zonosLinkAuthenticationCss;
113
-
114
- const ZonosLinkAuthentication = class {
115
- constructor(hostRef) {
116
- registerInstance(this, hostRef);
117
- this.titleText = undefined;
118
- this.stripe = stripeStore.stripe;
119
- }
120
- watchInitStripe() {
121
- if (!this.stripe || !stripeStore.stripeElements) {
122
- return;
123
- }
124
- // Create and mount the Authentication Element in ${type} mode
125
- const linkAuthenticationElement = stripeStore.stripeLinkElement ||
126
- stripeStore.stripeElements.create('linkAuthentication');
127
- const linkAuthenticationElementContainer = this.el.querySelector('.zonos--link-authentication-component');
128
- if (!linkAuthenticationElementContainer) {
129
- // eslint-disable-next-line no-console
130
- console.error('Cannot find container element for linkAuthenticationElement');
131
- return;
132
- }
133
- linkAuthenticationElement.mount(linkAuthenticationElementContainer);
134
- linkAuthenticationElement.on('change', event => {
135
- stripeStore.stripeLinkEventData = event;
136
- // run prefetch landed cost when address is changed
137
- void stripeStorePrefetchLandedCost();
138
- });
139
- stripeStore.stripeLinkElement = linkAuthenticationElement;
140
- }
141
- componentDidLoad() {
142
- // @Watch doesn't get trigger on initial load
143
- this.watchInitStripe();
144
- }
145
- render() {
146
- // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
147
- return (h(Host, { key: '5d02895b441a5713b83e7b3c4b784ab4b6743f54', class: "zonos--link-authentication zonos--elements" }, h("zonos-text", { key: '5bd33edd16f1511111bfcb497e0767f938172b05', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'd5a90ce88adaed9f2369af4692506d5d072c021d', class: "zonos--link-authentication-component" })));
148
- }
149
- get el() { return getElement(this); }
150
- static get watchers() { return {
151
- "stripe": ["watchInitStripe"]
152
- }; }
153
- };
154
- ZonosLinkAuthentication.style = ZonosLinkAuthenticationStyle0;
155
-
156
- export { ZonosAddress as zonos_address, ZonosLinkAuthentication as zonos_link_authentication };
@@ -1,34 +0,0 @@
1
- import { r as registerInstance, h, H as Host } from './index-81a199ef.js';
2
- import { d as zonosStoreFontFamily } from './zonosStore-e59617f8.js';
3
- import { c as classes } from './classes-0d95c529.js';
4
-
5
- const zonosBadgeCss = ":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 .zonos--badge-content{display:-ms-flexbox;display:flex;gap:var(--amino-space-8);font-size:var(--amino-font-size-s);padding:4px 8px;text-align:center;border-radius:var(--amino-radius-6);background-color:var(--amino-gray-100);color:var(--amino-gray-800);-ms-flex-align:center;align-items:center}:host p{font-weight:600;line-height:16px}:host .icon-right svg{-ms-flex-order:2;order:2}:host .small{padding:2px 8px}:host .rounded{border-radius:20px}:host .bold{background-color:var(--amino-gray-600);color:var(--amino-gray-100)}:host .blue{background-color:var(--amino-blue-100);color:var(--amino-blue-800)}:host .blue.bold{background-color:var(--amino-blue-600);color:var(--amino-blue-100)}:host .green{background-color:var(--amino-green-100);color:var(--amino-green-800)}:host .green.bold{background-color:var(--amino-green-600);color:var(--amino-green-100)}:host .red{background-color:var(--amino-red-100);color:var(--amino-red-800)}:host .red.bold{background-color:var(--amino-red-600);color:var(--amino-red-100)}:host .orange{background-color:var(--amino-orange-100);color:var(--amino-orange-800)}:host .orange.bold{background-color:var(--amino-orange-600);color:var(--amino-orange-100)}:host .purple{background-color:var(--amino-purple-100);color:var(--amino-purple-800)}:host .purple.bold{background-color:var(--amino-purple-600);color:var(--amino-purple-100)}:host .cyan{background-color:var(--amino-cyan-100);color:var(--amino-cyan-800)}:host .cyan.bold{background-color:var(--amino-cyan-600);color:var(--amino-cyan-100)}";
6
- const ZonosBadgeStyle0 = zonosBadgeCss;
7
-
8
- const ZonosBadge = class {
9
- constructor(hostRef) {
10
- registerInstance(this, hostRef);
11
- this.bold = false;
12
- this.color = 'gray';
13
- this.icon = undefined;
14
- this.iconRight = false;
15
- this.size = 'default';
16
- this.rounded = false;
17
- this.class = '';
18
- }
19
- render() {
20
- return (h(Host, { key: '2d111e91f403ef5c03f742f5dabe9491623be91d', class: classes(['zonos--elements zonos--badge', this.class]), style: {
21
- '--font-family': zonosStoreFontFamily(),
22
- } }, h("div", { key: 'e6debe091b732b857f180cee19bec4be435ea524', class: classes([
23
- 'zonos--badge-content',
24
- this.color,
25
- this.rounded && 'rounded',
26
- this.iconRight && 'icon-right',
27
- this.size,
28
- this.bold && 'bold',
29
- ]) }, this.icon, h("zonos-text", { key: 'e92c97d77fa5ce279059953f7d7fbc5a0030aa5d' }, h("slot", { key: 'c93852c3225ba57dd26c26300254f348e349f9ad' })))));
30
- }
31
- };
32
- ZonosBadge.style = ZonosBadgeStyle0;
33
-
34
- export { ZonosBadge as zonos_badge };
@@ -1,31 +0,0 @@
1
- import { r as registerInstance, h, d as getElement, H as Host } from './index-81a199ef.js';
2
- import { d as zonosStoreFontFamily } from './zonosStore-e59617f8.js';
3
-
4
- const zonosIconCss = ":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 svg{width:var(--width);height:var(--height);fill:var(--color);color:var(--color)}";
5
- const ZonosIconStyle0 = zonosIconCss;
6
-
7
- const ZonosIcon = class {
8
- constructor(hostRef) {
9
- registerInstance(this, hostRef);
10
- this.autoHeight = false;
11
- this.color = 'gray-1200';
12
- this.content = undefined;
13
- this.size = 24;
14
- }
15
- render() {
16
- if (!this.content || !this.el.shadowRoot) {
17
- return null;
18
- }
19
- this.el.shadowRoot.innerHTML = this.content;
20
- return (h(Host, { class: "zonos--elements", style: {
21
- '--color': `var(--amino-${this.color})`,
22
- '--font-family': zonosStoreFontFamily(),
23
- '--height': `${this.autoHeight ? 'auto' : `${this.size}px`}`,
24
- '--width': `${this.size}px`,
25
- } }));
26
- }
27
- get el() { return getElement(this); }
28
- };
29
- ZonosIcon.style = ZonosIconStyle0;
30
-
31
- export { ZonosIcon as zonos_icon };
@@ -1 +0,0 @@
1
- var __awaiter=this&&this.__awaiter||function(e,t,r,o){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,i){function a(e){try{c(o.next(e))}catch(e){i(e)}}function s(e){try{c(o["throw"](e))}catch(e){i(e)}}function c(e){e.done?r(e.value):n(e.value).then(a,s)}c((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,n,i,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return c([e,t])}}function c(s){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(r=0)),r)try{if(o=1,n&&(i=s[0]&2?n["return"]:s[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,s[1])).done)return i;if(n=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;n=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(s[0]===6&&r.label<i[1]){r.label=i[1];i=s;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(s);break}if(i[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];n=0}finally{o=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{z as zonosStore,c as createStore}from"./zonosStore-e59617f8.js";import{h as handleFetch,l as log,a as localizationStore,b as logError,t as translate}from"./localization-5d83fde2.js";import{i as isDarkColor}from"./isDarkColor-8696cb70.js";import{g as getBorderRadius}from"./getBorderRadius-9e4cb3b1.js";var prepCalculateLandedCost=function(){var e=stripeStore.stripeLinkEventData;var t=stripeStore.stripeAddressEventData;if(!t||!t.complete){throw new Error("Missing stripe address data")}return{checkoutSessionId:cartStore.checkoutSessionId||"",contact:{email:(e===null||e===void 0?void 0:e.value.email)||"",firstName:t.value.firstName||"",lastName:t.value.lastName||"",phone:t.value.phone||""},items:cartStore.items.map((function(e){return e})),shippingAddress:{addressLine1:t.value.address.line1,addressLine2:t.value.address.line2||"",city:t.value.address.city,country:t.value.address.country,postalCode:t.value.address.postal_code,state:t.value.address.state}}};var triggerBuildLandedCost=function(e){return __awaiter(void 0,void 0,void 0,(function(){var t,r,o,n,i,a;return __generator(this,(function(s){switch(s.label){case 0:r=prepCalculateLandedCost();return[4,e(r.checkoutSessionId,r.contact,r.shippingAddress)];case 1:o=s.sent();if(!o){throw new Error("Failed to build landed cost")}return[4,handleFetch("".concat("https://v1.route.js.zonos.com","/api/zonos-elements/validate-landed-cost"),{body:o,headers:{"Content-Type":"application/json"},method:"POST"})];case 2:n=s.sent(),i=n.errors,a=n.json;if(!a||i.length){throw new Error("Invalid landed cost object: ".concat(((t=i.find(Boolean))===null||t===void 0?void 0:t.message)||"Unknown error"))}return[2,o]}}))}))};var calculateLandedCost=function(e){return __awaiter(void 0,void 0,void 0,(function(){var t,r,o,n,i,a,s,c,u;return __generator(this,(function(l){switch(l.label){case 0:r=zonosStore.checkoutSettings.buildLandedCost;if(!r)return[3,2];return[4,triggerBuildLandedCost(r)];case 1:o=l.sent();return[2,o];case 2:n="".concat("https://v1.route.js.zonos.com","/api/zonos-elements/calculate-landed-cost");return[4,handleFetch(n,{body:prepCalculateLandedCost(),method:"POST",signal:e===null||e===void 0?void 0:e.signal})];case 3:i=l.sent(),a=i.errors,s=i.json;if(a.length||!s){c=((t=a[0])===null||t===void 0?void 0:t.message)==="The user aborted a request.";u=c?"The landed cost calculation request was aborted to initiate a new one.":"Failed to calculate landed cost";throw new Error(u)}return[2,s]}}))}))};var addressRuleStyle=function(e){var t=e.theme;switch(t){default:return{".Input":{padding:"0",paddingBottom:"8px",paddingLeft:"16px",paddingRight:"8px",paddingTop:"6px"}}}};var defaultVariable=function(e){var t=e.borderStyle,r=e.theme;switch(r){case"DARK":return{borderRadius:getBorderRadius(t),colorBackground:"#101117",colorBackgroundText:"#C5C6CA",colorText:"#C5C6CA",colorTextPlaceholder:"#C5C6CA"};default:return{borderRadius:getBorderRadius(t)}}};var _f=createStore((function(){return{clientSecret:sessionStorage.getItem("zonos--client-secret")||null,fetchingLandedCostAbordController:null,isFetchingLandedCost:false,isFetchingSession:false,stripe:null,stripeAddressElement:null,stripeAddressEventData:null,stripeAddressUsedWhenFetchingLC:null,stripeBillingAddressElement:null,stripeElements:null,stripeElementsOptions:null,stripeLinkElement:null,stripeLinkEventData:null,stripeLinkUsedWhenFetchingLC:null,stripePaymentElement:null,stripePaymentEventData:null}})),onChange$1=_f.onChange,reset$1=_f.reset,stripeStore=_f.state;var getStripeOptions=function(e){var t=e.clientSecret,r=e.overrideBorderRaidus,o=e.overridePrimaryColor,n=e.overrideSecondaryColor,i=e.overrideTheme;var a=o||zonosStore.appearance.colorPrimary;var s=n||zonosStore.appearance.colorSecondary;var c=a&&isDarkColor(a)?"night":"flat";var u=i==="DARK"?"night":"flat";return{appearance:{labels:"floating",rules:Object.assign({},addressRuleStyle({theme:"LIGHT"})),theme:i?u:c,variables:Object.assign(Object.assign({},defaultVariable({borderStyle:r,theme:"LIGHT"})),{colorPrimary:s})},clientSecret:t,locale:localizationStore.selectedLocale}};var initStripeElements=function(e){return __awaiter(void 0,void 0,void 0,(function(){var t,r,o,n;return __generator(this,(function(i){r=stripeStore.clientSecret;if(!stripeStore.stripe){log("Skip. Stripe is not initialized");return[2]}if(r){o=getStripeOptions({clientSecret:r,overrideBorderRaidus:e===null||e===void 0?void 0:e.overrideBorderRaidus,overridePrimaryColor:e===null||e===void 0?void 0:e.overridePrimaryColor,overrideSecondaryColor:e===null||e===void 0?void 0:e.overrideSecondaryColor,overrideTheme:e===null||e===void 0?void 0:e.overrideTheme});n=JSON.stringify(o)===JSON.stringify(stripeStore.stripeElementsOptions);if(!stripeStore.stripeElements){stripeStore.stripeElements=(t=stripeStore.stripe)===null||t===void 0?void 0:t.elements(o);stripeStore.stripeElementsOptions=o;log("Stripe elements initialized");return[2]}if(!n){stripeStore.stripeElements.update(o);stripeStore.stripeElementsOptions=o}log("Stripe elements initialized")}return[2]}))}))};var stripeStoreReset=function(){sessionStorage.removeItem("zonos--client-secret");reset$1();stripeStore.stripe=window.Zonos.stripe};var isPrefetchInfoOutdated=function(){var e,t,r,o;var n=stripeStore.fetchingLandedCostAbordController;if(!n){return false}var i=JSON.stringify((e=stripeStore.stripeLinkUsedWhenFetchingLC)===null||e===void 0?void 0:e.value)!==JSON.stringify((t=stripeStore.stripeLinkEventData)===null||t===void 0?void 0:t.value);var a=JSON.stringify((r=stripeStore.stripeAddressUsedWhenFetchingLC)===null||r===void 0?void 0:r.value)!==JSON.stringify((o=stripeStore.stripeAddressEventData)===null||o===void 0?void 0:o.value);return i||a};var stripeStorePrefetchLandedCost=function(){return __awaiter(void 0,void 0,void 0,(function(){var e,t,r,o,n,i,a,s,c,u,l,d,p,S;return __generator(this,(function(f){switch(f.label){case 0:n=!!((e=stripeStore.stripeAddressEventData)===null||e===void 0?void 0:e.complete);i=!!((t=stripeStore.stripeLinkEventData)===null||t===void 0?void 0:t.complete);a=isPrefetchInfoOutdated();if(a){(r=stripeStore.fetchingLandedCostAbordController)===null||r===void 0?void 0:r.abort();stripeStore.fetchingLandedCostAbordController=null}if(!(n&&i&&(a||!stripeStore.isFetchingLandedCost)))return[3,5];stripeStore.isFetchingLandedCost=true;if(stripeStore.stripeAddressEventData){stripeStore.stripeAddressUsedWhenFetchingLC=Object.assign({},stripeStore.stripeAddressEventData)}if(stripeStore.stripeLinkEventData){stripeStore.stripeLinkUsedWhenFetchingLC=Object.assign({},stripeStore.stripeLinkEventData)}f.label=1;case 1:f.trys.push([1,3,,4]);s=new AbortController;stripeStore.fetchingLandedCostAbordController=s;return[4,calculateLandedCost(s)];case 2:c=f.sent(),u=c.checkoutSessionWorkflow,l=c.shipmentRatingCalculateWorkflow;stripeStore.fetchingLandedCostAbordController=null;cartStore.landedCostData=(u===null||u===void 0?void 0:u.filter(Boolean))||null;cartStore.shippingData=(l===null||l===void 0?void 0:l.filter(Boolean))||null;d=(o=cartStore.landedCostData)===null||o===void 0?void 0:o.find(Boolean);p=!!d?d.subtotals:null;if(p){cartStoreApplySubtotals({exchangeRate:p.exchangeRate,items:p.items,landedCostTotal:0,presentmentCurrencyCode:p.presentmentCurrencyCode,shipping:0,total:p.items})}return[3,4];case 3:S=f.sent();logError(S);return[3,4];case 4:stripeStore.isFetchingLandedCost=false;f.label=5;case 5:return[2]}}))}))};var getStripeMessageBasedOnStatus=function(e){var t=[];var r=true;switch(e){case"succeeded":{t=[translate("Your payment went through successfully! Thank you for shopping with us! We hope you had an enjoyable experience and your support means the world to us."),"","",translate("We've sent an email confirmation of the order details for your review. And our team is carefully preparing your order so it arrives on time.")];r=false;break}case"requires_capture":case"processing":{t=[translate("Payment processing. We'll update you when payment is received.")];r=false;break}case"requires_payment_method":{t=[translate("Payment failed. Please try another payment method.")];break}default:{t=[translate("Something went wrong.")];break}}return{isError:r,messages:t}};var stripeStoreRetrievePayment=function(e){var t=e.clientSecret,r=e.storybookForceStatus;return __awaiter(void 0,void 0,void 0,(function(){var e,o,n,i,a,s,c,u,l;return __generator(this,(function(d){switch(d.label){case 0:if(r){e=getStripeMessageBasedOnStatus(r),o=e.isError,n=e.messages;return[2,{error:o,messages:n}]}i=t||stripeStore.clientSecret;if(!stripeStore.stripe||!i){logError("Failed to retrieve payment intent. Stripe is not initialized");return[2,{error:true,message:[translate("Something went wrong.")]}]}return[4,stripeStore.stripe.retrievePaymentIntent(i)];case 1:a=d.sent().paymentIntent;s=a===null||a===void 0?void 0:a.status;c=getStripeMessageBasedOnStatus(s),u=c.isError,l=c.messages;return[2,{error:u,messages:l}]}}))}))};var stripeStoreConfirmPayment=function(){return __awaiter(void 0,void 0,void 0,(function(){var e,t,r,o,n,i,a,s;return __generator(this,(function(c){switch(c.label){case 0:o=!!((e=stripeStore.stripePaymentEventData)===null||e===void 0?void 0:e.complete);n=stripeStore.stripeElements;i=stripeStore.stripe;a=stripeStore.clientSecret;if(!(i&&n&&o&&a))return[3,2];return[4,i.confirmPayment({confirmParams:{receipt_email:(r=(t=stripeStore.stripeLinkEventData)===null||t===void 0?void 0:t.value)===null||r===void 0?void 0:r.email,return_url:window.location.href},elements:n,redirect:"if_required"})];case 1:s=c.sent().error;if(s){if(s.type==="card_error"||s.type==="validation_error"){throw new Error(s.message)}if(s.type==="invalid_request_error"){if(s.code==="payment_intent_unexpected_state"){return[2]}}throw new Error("An unexpected error occurred.")}c.label=2;case 2:return[2]}}))}))};var stripeStoreInitCheckoutSession=function(){return __awaiter(void 0,void 0,void 0,(function(){var e,t,r,o,n,i;return __generator(this,(function(a){switch(a.label){case 0:t=cartStore.items.reduce((function(e,t){return e+t.amount*t.quantity}),0);if(!t||!localizationStore.targetCurrency){logError("Fail to create checkout session - invalid total or currency");return[2,false]}stripeStore.isFetchingSession=true;return[4,handleFetch("".concat("https://v1.route.js.zonos.com","/api/zonos-elements/create-checkout-session"),{body:{currency:((e=cartStore.items.find(Boolean))===null||e===void 0?void 0:e.currencyCode)||"",itemsAmount:t,presentmentCountryCode:localizationStore.selectedCountryCode||null},method:"POST"})];case 1:r=a.sent(),o=r.errors,n=r.json;stripeStore.isFetchingSession=false;if(o.length||!n){logError("Error occurs when creating checkout session",JSON.stringify(o,null,2));return[2,false]}i=n.checkoutSessionCreate;stripeStore.clientSecret=i.clientSecret;cartStore.checkoutSessionId=i.id;cartStoreApplySubtotals(Object.assign(Object.assign({},i.subtotals),{landedCostTotal:0,shipping:0,total:i.subtotals.items}));log("Exchange rate updated for cart items (checkout session create)","info",cartStore.exchangeRate);log("done-init-checkout-session");return[2,true]}}))}))};var stripeStoreUpdateCheckoutSession=function(e){var t=e.currency,r=e.id,o=e.itemsAmount,n=e.landedCostId,i=e.presentmentCountryCode;return __awaiter(void 0,void 0,void 0,(function(){var e,a,s;return __generator(this,(function(c){switch(c.label){case 0:return[4,handleFetch("".concat("https://v1.route.js.zonos.com","/api/zonos-elements/update-checkout-session"),{body:{currency:t,id:r,itemsAmount:o,landedCostId:n,presentmentCountryCode:i},method:"POST"})];case 1:e=c.sent(),a=e.errors,s=e.json;if(a.length||!s){logError("Error occurs when updating checkout session",JSON.stringify(a,null,2));return[2,{errors:a,json:s}]}return[2,{errors:[],json:s}]}}))}))};onChange$1("clientSecret",(function(e){if(e&&stripeStore.stripe){sessionStorage.setItem("zonos--client-secret",e)}if(!e){sessionStorage.removeItem("zonos--client-secret")}}));var formatDate=function(e){var t=e.date,r=e.formatOptions,o=r===void 0?{day:"numeric",weekday:"long",year:"numeric"}:r;return new Intl.DateTimeFormat("en-US",o).format(t)};var getDaysDifference=function(e){var t=new Date;var r=e.getTime()-t.getTime();var o=Math.floor(r/(1e3*60*60*24));return o};var _g=createStore((function(){return{checkoutSessionId:sessionStorage.getItem("zonos--checkout-session-id")||null,currency:"USD",dutiesTaxFees:0,error:null,exchangeRate:null,isSelectedShippingAboveDeminimis:false,isSelectedShippingGuarantee:false,items:[],landedCostData:null,selectedLandedCost:null,selectedShippingOption:null,selectedShippingOptionExpectedDate:"",selectedShippingOptionTransitTime:"",shipping:0,shippingData:null,step:"customer-info",subtotal:0,total:0}})),onChange=_g.onChange,reset=_g.reset,cartStore=_g.state;var cartStoreGetShippingTransitInfo=function(e){var t=e.minTransitAt?getDaysDifference(new Date(e.minTransitAt)):"";var r=e.maxTransitAt?getDaysDifference(new Date(e.maxTransitAt)):"";var o=e.minTransitAt?formatDate({date:new Date(e.minTransitAt)}):"";return{expectedDate:o,maxTransit:r,minTransit:t}};var cartStoreReset=function(){sessionStorage.removeItem("zonos--checkout-session-id");reset()};var cartStoreUpdateToErrorState=function(e){var t=e.messages,r=e.title;cartStoreReset();stripeStoreReset();cartStore.step="error";cartStore.error={messages:t,title:r}};var cartStoreApplySubtotals=function(e){cartStore.exchangeRate=e.exchangeRate;cartStore.dutiesTaxFees=e.landedCostTotal;cartStore.subtotal=e.items;cartStore.total=e.total;cartStore.currency=e.presentmentCurrencyCode};var cartStoreReCalculateTotal=function(e){var t=e.currency,r=e.itemsAmount,o=e.landedCostId;return __awaiter(void 0,void 0,void 0,(function(){var e,n;return __generator(this,(function(i){switch(i.label){case 0:if(o&&cartStore.selectedLandedCost){e=cartStore.selectedLandedCost.subtotals;cartStoreApplySubtotals(e);log("Exchange rate updated for cart items (landed cost subtotal)","info",cartStore.exchangeRate)}if(!cartStore.checkoutSessionId){logError("Could not update cart total without checkout session id");return[2,false]}return[4,stripeStoreUpdateCheckoutSession({currency:t,id:cartStore.checkoutSessionId,itemsAmount:r,landedCostId:o,presentmentCountryCode:localizationStore.selectedCountryCode})];case 1:n=i.sent().json;if(!n){logError("Error occurs when updating checkout session");cartStoreUpdateToErrorState({messages:[translate("There's been an error updating your checkout session. Please reload and try again or contact support if the error persists")],title:translate("Error updating Checkout")});return[2,false]}if(!o){cartStoreApplySubtotals(n.checkoutSessionUpdate.subtotals);log("Exchange rate updated for cart items (checkout session update)","info",cartStore.exchangeRate)}return[2,true]}}))}))};var cartStoreUpdateSelectedShippingOption=function(e){return __awaiter(void 0,void 0,void 0,(function(){var t,r,o,n,i,a,s,c,u,l,d,p,S;return __generator(this,(function(f){switch(f.label){case 0:cartStore.selectedShippingOption=e;a=cartStoreGetShippingTransitInfo(cartStore.selectedShippingOption),s=a.expectedDate,c=a.maxTransit,u=a.minTransit;cartStore.selectedShippingOptionExpectedDate=s;cartStore.selectedShippingOptionTransitTime=u&&c?"".concat(u,"-").concat(c):"".concat(u||c);l=(t=cartStore.landedCostData)===null||t===void 0?void 0:t.find((function(e){var t,r,o;return((r=(t=e.landedCost)===null||t===void 0?void 0:t.shipmentRating)===null||r===void 0?void 0:r.id)===((o=cartStore.selectedShippingOption)===null||o===void 0?void 0:o.id)}));cartStore.selectedLandedCost=l||null;if(!l){return[2,false]}cartStore.shipping=l.subtotals.shipping;d=((r=l===null||l===void 0?void 0:l.landedCost)===null||r===void 0?void 0:r.landedCostGuaranteeCode)==="ZONOS";p=!!((n=(o=l===null||l===void 0?void 0:l.landedCost)===null||o===void 0?void 0:o.deMinimis)===null||n===void 0?void 0:n.find((function(e){return["DUTY","TAX"].includes(e.type)&&e.threshold==="ABOVE"})));cartStore.isSelectedShippingAboveDeminimis=p;cartStore.isSelectedShippingGuarantee=d;return[4,cartStoreReCalculateTotal({landedCostId:(i=l.landedCost)===null||i===void 0?void 0:i.id})];case 1:S=f.sent();return[2,S]}}))}))};onChange("checkoutSessionId",(function(){if(!cartStore.checkoutSessionId){sessionStorage.removeItem("zonos--checkout-session-id");return}sessionStorage.setItem("zonos--checkout-session-id",cartStore.checkoutSessionId)}));var cartStoreUpdateItems=function(e){return __awaiter(void 0,void 0,void 0,(function(){var t,r,o;return __generator(this,(function(n){switch(n.label){case 0:cartStore.items=e;r=(t=e.find(Boolean))===null||t===void 0?void 0:t.currencyCode;o=e.reduce((function(e,t){return e+t.amount*t.quantity}),0);if(!r||!o){return[2]}cartStore.currency=r;stripeStore.isFetchingSession=true;return[4,cartStoreReCalculateTotal({currency:r,itemsAmount:o})];case 1:n.sent();stripeStore.isFetchingSession=false;return[2]}}))}))};var cartStoreResetSelectedShippingOption=function(){cartStore.selectedShippingOption=null;cartStore.isSelectedShippingAboveDeminimis=false;cartStore.isSelectedShippingGuarantee=false;cartStore.selectedShippingOptionExpectedDate="";cartStore.selectedShippingOptionTransitTime="";cartStore.shipping=0};var cartStoreNextStep=function(){if(cartStore.step==="customer-info"){cartStore.step="shipping"}else if(cartStore.step==="shipping"){cartStore.step="payment"}else if(cartStore.step==="payment"){cartStore.step="finish"}};var cartStorePreviousStep=function(){if(cartStore.step==="payment"){cartStore.step="shipping"}else if(cartStore.step==="shipping"){cartStore.step="customer-info";cartStoreResetSelectedShippingOption()}};export{cartStoreApplySubtotals as a,cartStoreGetShippingTransitInfo as b,cartStore as c,cartStoreNextStep as d,cartStorePreviousStep as e,cartStoreReCalculateTotal as f,cartStoreReset as g,cartStoreUpdateItems as h,cartStoreUpdateSelectedShippingOption as i,cartStoreUpdateToErrorState as j,initStripeElements as k,stripeStoreInitCheckoutSession as l,stripeStorePrefetchLandedCost as m,stripeStoreConfirmPayment as n,stripeStoreReset as o,stripeStoreRetrievePayment as p,stripeStore as s};
@@ -1 +0,0 @@
1
- import{z as zonosStore}from"./zonosStore-e59617f8.js";var getBorderRadius=function(o){if(o){return o==="SHARP"?"0px":"10px"}return zonosStore.appearance.style==="SHARP"?"0px":"10px"};export{getBorderRadius as g};