@zonos/elements 1.3.6 → 1.3.7-alpha.0

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 (188) hide show
  1. package/dist/cjs/{localization-2c9f5765.js → cart-ecc80eb0.js} +721 -2
  2. package/dist/cjs/{getBorderRadius-b252096d.js → getBorderRadius-834c321d.js} +1 -1
  3. package/dist/cjs/{isDarkColor-168002d6.js → isDarkColor-924e6a7a.js} +1 -1
  4. package/dist/cjs/{submitGtag-792fe45d.js → submitGtag-907e71d3.js} +3 -3
  5. package/dist/cjs/zonos-address_4.cjs.entry.js +22 -10
  6. package/dist/cjs/zonos-badge_2.cjs.entry.js +1 -1
  7. package/dist/cjs/zonos-banner.cjs.entry.js +1 -1
  8. package/dist/cjs/zonos-button_3.cjs.entry.js +3 -3
  9. package/dist/cjs/zonos-card_2.cjs.entry.js +7 -5
  10. package/dist/cjs/zonos-cart-items_9.cjs.entry.js +39 -31
  11. package/dist/cjs/zonos-checkout.cjs.entry.js +20 -21
  12. package/dist/cjs/zonos-controller.cjs.entry.js +27 -28
  13. package/dist/cjs/zonos-country-flag.cjs.entry.js +5 -3
  14. package/dist/cjs/zonos-country-select_3.cjs.entry.js +9 -8
  15. package/dist/cjs/zonos-hello-dialog.cjs.entry.js +18 -16
  16. package/dist/cjs/zonos-hello.cjs.entry.js +34 -32
  17. package/dist/cjs/zonos-logo.cjs.entry.js +1 -1
  18. package/dist/cjs/zonos-notification.cjs.entry.js +1 -1
  19. package/dist/cjs/zonos-payment.cjs.entry.js +4 -5
  20. package/dist/cjs/zonos-select-dialog-header_2.cjs.entry.js +1 -1
  21. package/dist/cjs/zonos-shipping-rich-radio.cjs.entry.js +2 -2
  22. package/dist/cjs/zonos-text.cjs.entry.js +1 -1
  23. package/dist/cjs/{zonosStore-5d94dabb.js → zonosStore-49d4c92a.js} +4 -4
  24. package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-finish/zonos-checkout-finish.js +9 -4
  25. package/dist/collection/components/checkout/zonos-checkout/zonos-customer-info/zonos-customer-info.css +2 -1
  26. package/dist/collection/components/common/zonos-collapse/zonos-collapse.js +15 -2
  27. package/dist/collection/components/store/checkout/stripe.js +3 -0
  28. package/dist/collection/components/store/hello/localization.js +27 -1
  29. package/dist/collection/components/store/zonosStore.js +4 -4
  30. package/dist/collection/types/generated/graphql.customer.types.js +6 -0
  31. package/dist/components/stripe.js +4040 -2
  32. package/dist/components/submitGtag.js +1 -1
  33. package/dist/components/zonos-address2.js +1 -2
  34. package/dist/components/zonos-cart-subtotal2.js +1 -2
  35. package/dist/components/zonos-checkout-finish2.js +14 -6
  36. package/dist/components/zonos-checkout-footer2.js +1 -1
  37. package/dist/components/zonos-checkout-payment2.js +1 -2
  38. package/dist/components/zonos-checkout.js +1 -2
  39. package/dist/components/zonos-collapse2.js +15 -2
  40. package/dist/components/zonos-controller.js +1 -2
  41. package/dist/components/zonos-country-flag2.js +1 -1
  42. package/dist/components/zonos-country-select2.js +1 -1
  43. package/dist/components/zonos-customer-info2.js +2 -3
  44. package/dist/components/zonos-hello-dialog-footer2.js +1 -1
  45. package/dist/components/zonos-hello-dialog2.js +1 -1
  46. package/dist/components/zonos-hello.js +1 -1
  47. package/dist/components/zonos-language-select2.js +1 -1
  48. package/dist/components/zonos-review2.js +1 -2
  49. package/dist/components/zonos-shipping2.js +1 -2
  50. package/dist/components/zonosStore.js +4 -4
  51. package/dist/esm/{localization-d8f6453b.js → cart-2a0a6871.js} +707 -3
  52. package/dist/esm/{getBorderRadius-e9736f7e.js → getBorderRadius-0c7dfcf0.js} +1 -1
  53. package/dist/esm/{isDarkColor-e982fa09.js → isDarkColor-d0a57fd2.js} +1 -1
  54. package/dist/esm/{submitGtag-bebe2cb0.js → submitGtag-a38aed23.js} +2 -2
  55. package/dist/esm/zonos-address_4.entry.js +19 -7
  56. package/dist/esm/zonos-badge_2.entry.js +1 -1
  57. package/dist/esm/zonos-banner.entry.js +1 -1
  58. package/dist/esm/zonos-button_3.entry.js +3 -3
  59. package/dist/esm/zonos-card_2.entry.js +4 -2
  60. package/dist/esm/zonos-cart-items_9.entry.js +19 -11
  61. package/dist/esm/zonos-checkout.entry.js +5 -6
  62. package/dist/esm/zonos-controller.entry.js +4 -5
  63. package/dist/esm/zonos-country-flag.entry.js +4 -2
  64. package/dist/esm/zonos-country-select_3.entry.js +4 -3
  65. package/dist/esm/zonos-hello-dialog.entry.js +4 -2
  66. package/dist/esm/zonos-hello.entry.js +4 -2
  67. package/dist/esm/zonos-logo.entry.js +1 -1
  68. package/dist/esm/zonos-notification.entry.js +1 -1
  69. package/dist/esm/zonos-payment.entry.js +4 -5
  70. package/dist/esm/zonos-select-dialog-header_2.entry.js +1 -1
  71. package/dist/esm/zonos-shipping-rich-radio.entry.js +2 -2
  72. package/dist/esm/zonos-text.entry.js +1 -1
  73. package/dist/esm/{zonosStore-e6c7be3a.js → zonosStore-dec6bd7e.js} +4 -4
  74. package/dist/esm-es5/cart-2a0a6871.js +1 -0
  75. package/dist/esm-es5/{getBorderRadius-e9736f7e.js → getBorderRadius-0c7dfcf0.js} +1 -1
  76. package/dist/esm-es5/{isDarkColor-e982fa09.js → isDarkColor-d0a57fd2.js} +1 -1
  77. package/dist/esm-es5/submitGtag-a38aed23.js +1 -0
  78. package/dist/esm-es5/zonos-address_4.entry.js +1 -1
  79. package/dist/esm-es5/zonos-badge_2.entry.js +1 -1
  80. package/dist/esm-es5/zonos-banner.entry.js +1 -1
  81. package/dist/esm-es5/zonos-button_3.entry.js +1 -1
  82. package/dist/esm-es5/zonos-card_2.entry.js +1 -1
  83. package/dist/esm-es5/zonos-cart-items_9.entry.js +1 -1
  84. package/dist/esm-es5/zonos-checkout.entry.js +1 -1
  85. package/dist/esm-es5/zonos-controller.entry.js +1 -1
  86. package/dist/esm-es5/zonos-country-flag.entry.js +1 -1
  87. package/dist/esm-es5/zonos-country-select_3.entry.js +1 -1
  88. package/dist/esm-es5/zonos-hello-dialog.entry.js +1 -1
  89. package/dist/esm-es5/zonos-hello.entry.js +1 -1
  90. package/dist/esm-es5/zonos-logo.entry.js +1 -1
  91. package/dist/esm-es5/zonos-notification.entry.js +1 -1
  92. package/dist/esm-es5/zonos-payment.entry.js +1 -1
  93. package/dist/esm-es5/zonos-select-dialog-header_2.entry.js +1 -1
  94. package/dist/esm-es5/zonos-shipping-rich-radio.entry.js +1 -1
  95. package/dist/esm-es5/zonos-text.entry.js +1 -1
  96. package/dist/esm-es5/{zonosStore-e6c7be3a.js → zonosStore-dec6bd7e.js} +1 -1
  97. package/dist/scripts/loadZonos.js +1 -1
  98. package/dist/scripts/zonos.js +1 -1
  99. package/dist/scripts/zonosBase.js +1 -1
  100. package/dist/types/components/store/checkout/stripe.d.ts +4 -0
  101. package/dist/types/components/store/zonosStore.d.ts +1 -1
  102. package/dist/types/components/utils/api/getLocaleMessages.d.ts +1 -1
  103. package/dist/types/components/utils/hello/currencyConversion/getLanguageCode.d.ts +1 -1
  104. package/dist/types/types/ICountryJson.d.ts +2 -1
  105. package/dist/types/types/generated/graphql.customer.types.d.ts +15 -0
  106. package/dist/types/types/generated/graphql.customer.types.ts +24 -0
  107. package/dist/types/types/generated/graphql.frontend.types.d.ts +1 -1
  108. package/dist/types/types/generated/graphql.frontend.types.ts +1 -1
  109. package/dist/zonos-elements/p-0057e374.entry.js +1 -0
  110. package/dist/zonos-elements/p-066c5893.system.js +1 -1
  111. package/dist/zonos-elements/p-0c72fb79.system.entry.js +1 -0
  112. package/dist/zonos-elements/p-1f85a98c.system.entry.js +1 -0
  113. package/dist/zonos-elements/{p-96aabe02.entry.js → p-290c3670.entry.js} +1 -1
  114. package/dist/zonos-elements/{p-e8a9bc56.entry.js → p-2d2e1831.entry.js} +1 -1
  115. package/dist/zonos-elements/p-2f1e1cbb.system.entry.js +1 -0
  116. package/dist/zonos-elements/{p-a682fd38.system.entry.js → p-33080cde.system.entry.js} +1 -1
  117. package/dist/zonos-elements/{p-17550a10.js → p-34c03be2.js} +1 -1
  118. package/dist/zonos-elements/{p-a33745e9.entry.js → p-34efed1d.entry.js} +1 -1
  119. package/dist/zonos-elements/p-375c472a.system.entry.js +1 -0
  120. package/dist/zonos-elements/{p-fcc4f140.system.js → p-549c181b.system.js} +1 -1
  121. package/dist/zonos-elements/{p-32bca9c8.system.entry.js → p-55970b10.system.entry.js} +1 -1
  122. package/dist/zonos-elements/p-561e44d6.entry.js +1 -0
  123. package/dist/zonos-elements/{p-50287643.system.js → p-591eb6dd.system.js} +1 -1
  124. package/dist/zonos-elements/p-5b44abc8.system.js +1 -0
  125. package/dist/zonos-elements/p-5c4dc123.js +1 -0
  126. package/dist/zonos-elements/{p-ec25f180.entry.js → p-656c836b.entry.js} +1 -1
  127. package/dist/zonos-elements/{p-49a764e9.system.entry.js → p-67737613.system.entry.js} +1 -1
  128. package/dist/zonos-elements/{p-dd7729fd.system.entry.js → p-79b910bf.system.entry.js} +1 -1
  129. package/dist/zonos-elements/p-7d1d862f.system.entry.js +1 -0
  130. package/dist/zonos-elements/{p-5a113c3d.system.entry.js → p-88a55076.system.entry.js} +1 -1
  131. package/dist/zonos-elements/{p-7dd8e8ba.system.entry.js → p-8aeb4679.system.entry.js} +1 -1
  132. package/dist/zonos-elements/p-8d645a00.entry.js +1 -0
  133. package/dist/zonos-elements/p-9878a770.js +1 -0
  134. package/dist/zonos-elements/p-a219689f.entry.js +1 -0
  135. package/dist/zonos-elements/p-a3d72a33.entry.js +1 -0
  136. package/dist/zonos-elements/p-a93c594f.entry.js +1 -0
  137. package/dist/zonos-elements/{p-0c7480a5.entry.js → p-a95c034c.entry.js} +1 -1
  138. package/dist/zonos-elements/{p-7a6144b1.entry.js → p-afe40057.entry.js} +1 -1
  139. package/dist/zonos-elements/p-b10ff468.entry.js +1 -0
  140. package/dist/zonos-elements/p-b6992dc2.system.entry.js +1 -0
  141. package/dist/zonos-elements/{p-3ef27745.js → p-bce46c41.js} +1 -1
  142. package/dist/zonos-elements/p-c56d4a44.entry.js +1 -0
  143. package/dist/zonos-elements/{p-bd6a2095.entry.js → p-c7098c3b.entry.js} +1 -1
  144. package/dist/zonos-elements/{p-f49dfd06.system.js → p-cbb1e700.system.js} +1 -1
  145. package/dist/zonos-elements/p-cc63a29f.system.entry.js +1 -0
  146. package/dist/zonos-elements/p-cd8bd5e9.system.entry.js +1 -0
  147. package/dist/zonos-elements/p-d36faf87.system.entry.js +1 -0
  148. package/dist/zonos-elements/p-dfd3edcf.entry.js +1 -0
  149. package/dist/zonos-elements/{p-ba43275e.entry.js → p-e161a08c.entry.js} +1 -1
  150. package/dist/zonos-elements/{p-9cbbf261.system.entry.js → p-e2770968.system.entry.js} +1 -1
  151. package/dist/zonos-elements/p-e2c6ad57.entry.js +1 -0
  152. package/dist/zonos-elements/{p-b81a0577.system.entry.js → p-e855966f.system.entry.js} +1 -1
  153. package/dist/zonos-elements/p-ea93943a.system.entry.js +1 -0
  154. package/dist/zonos-elements/{p-e99d79d9.system.js → p-ec4d08b3.system.js} +1 -1
  155. package/dist/zonos-elements/{p-47fac33f.js → p-f455e08c.js} +1 -1
  156. package/dist/zonos-elements/zonos-elements.esm.js +1 -1
  157. package/package.json +1 -1
  158. package/dist/cjs/cart-b8bbf22d.js +0 -698
  159. package/dist/components/localization.js +0 -4016
  160. package/dist/esm/cart-bc3bb22e.js +0 -682
  161. package/dist/esm-es5/cart-bc3bb22e.js +0 -1
  162. package/dist/esm-es5/localization-d8f6453b.js +0 -1
  163. package/dist/esm-es5/submitGtag-bebe2cb0.js +0 -1
  164. package/dist/zonos-elements/p-00d63df1.system.entry.js +0 -1
  165. package/dist/zonos-elements/p-04f63cea.entry.js +0 -1
  166. package/dist/zonos-elements/p-16b74c31.system.js +0 -1
  167. package/dist/zonos-elements/p-1d16a6fb.js +0 -1
  168. package/dist/zonos-elements/p-1ea68e3b.entry.js +0 -1
  169. package/dist/zonos-elements/p-1ed530cc.entry.js +0 -1
  170. package/dist/zonos-elements/p-289c8b1a.system.entry.js +0 -1
  171. package/dist/zonos-elements/p-2a00c270.system.entry.js +0 -1
  172. package/dist/zonos-elements/p-37f53a79.entry.js +0 -1
  173. package/dist/zonos-elements/p-394cf1cf.js +0 -1
  174. package/dist/zonos-elements/p-458fd100.system.entry.js +0 -1
  175. package/dist/zonos-elements/p-4fafb2a5.system.entry.js +0 -1
  176. package/dist/zonos-elements/p-4fb71a93.js +0 -1
  177. package/dist/zonos-elements/p-5276c61b.system.entry.js +0 -1
  178. package/dist/zonos-elements/p-6308b347.entry.js +0 -1
  179. package/dist/zonos-elements/p-63d1b1fe.entry.js +0 -1
  180. package/dist/zonos-elements/p-7347ee7c.system.entry.js +0 -1
  181. package/dist/zonos-elements/p-8c26a080.system.js +0 -1
  182. package/dist/zonos-elements/p-ba1a111a.system.entry.js +0 -1
  183. package/dist/zonos-elements/p-c4321084.system.entry.js +0 -1
  184. package/dist/zonos-elements/p-cdf114a2.entry.js +0 -1
  185. package/dist/zonos-elements/p-d5ae3cbb.system.entry.js +0 -1
  186. package/dist/zonos-elements/p-d5d7c8f5.entry.js +0 -1
  187. package/dist/zonos-elements/p-de339fb6.entry.js +0 -1
  188. package/dist/zonos-elements/p-f6f5f644.entry.js +0 -1
@@ -1,5 +1,5 @@
1
1
  import { z as zonosStore } from './zonosStore.js';
2
- import { b as log } from './localization.js';
2
+ import { d as log } from './stripe.js';
3
3
 
4
4
  /**
5
5
  * Submit a gtag event if the gtag function is available.
@@ -1,6 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
2
- import { s as stripeStore, a as stripeStorePrefetchLandedCost } from './stripe.js';
3
- import { l as logError, a as localizationStore } from './localization.js';
2
+ import { s as stripeStore, a as stripeStorePrefetchLandedCost, l as logError, b as localizationStore } from './stripe.js';
4
3
  import { i as isCheckoutMobile } from './isCheckoutMobile.js';
5
4
  import { d as defineCustomElement$1 } from './zonos-text2.js';
6
5
 
@@ -1,6 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, h, Host, Fragment } from '@stencil/core/internal/client';
2
- import { c as cartStore } from './stripe.js';
3
- import { t as translate } from './localization.js';
2
+ import { t as translate, c as cartStore } from './stripe.js';
4
3
  import { f as formatCurrency } from './formatCurrency.js';
5
4
  import { d as defineCustomElement$4 } from './zonos-badge2.js';
6
5
  import { d as defineCustomElement$3 } from './zonos-icon2.js';
@@ -1,6 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
2
- import { s as stripeStore, l as stripeStoreRetrievePayment, j as stripeStoreReset, c as cartStore } from './stripe.js';
3
- import { h as handleFetch, t as translate } from './localization.js';
2
+ import { o as handleFetch, s as stripeStore, p as stripeStoreRetrievePayment, t as translate, m as stripeStoreReset, c as cartStore } from './stripe.js';
4
3
  import { z as zonosStore } from './zonosStore.js';
5
4
  import { g as getBorderRadius } from './getBorderRadius.js';
6
5
  import { s as submitGtag } from './submitGtag.js';
@@ -47,6 +46,11 @@ const ZonosCheckoutFinish = /*@__PURE__*/ proxyCustomElement(class ZonosCheckout
47
46
  case 'CLOSE_MODAL':
48
47
  this.closeClickHandler();
49
48
  break;
49
+ case 'ZONOS_SUCCESS_PAGE':
50
+ default:
51
+ // Do nothing, display Zonos success page
52
+ this.isLoading = false;
53
+ break;
50
54
  }
51
55
  };
52
56
  // TODO: This method of pulling orders is temporary. Once we have a working event registry system, we will rely on that to tell us when the order is ready to trigger onOrderSuccess
@@ -55,7 +59,6 @@ const ZonosCheckoutFinish = /*@__PURE__*/ proxyCustomElement(class ZonosCheckout
55
59
  if (order) {
56
60
  this.order = order;
57
61
  this.handleSuccessBehavior(order.id);
58
- this.isLoading = false;
59
62
  }
60
63
  else if (!order && attempts < 5) {
61
64
  // Wait for 1 second before the next attempt
@@ -107,12 +110,17 @@ const ZonosCheckoutFinish = /*@__PURE__*/ proxyCustomElement(class ZonosCheckout
107
110
  }
108
111
  // Attempt to pull the order details from the graph every second on 5 attempts
109
112
  if (this.notificationType === 'success') {
110
- this.isLoading = true;
111
113
  void this.getPullOrder();
112
114
  }
115
+ else {
116
+ this.isLoading = false;
117
+ }
118
+ }
119
+ else {
120
+ this.isLoading = false;
113
121
  }
114
122
  stripeStoreReset();
115
- this.isLoading = false;
123
+ cartStore.checkoutSessionId = null;
116
124
  };
117
125
  this.closeClickHandler = () => {
118
126
  this.closeClick.emit();
@@ -145,7 +153,7 @@ const ZonosCheckoutFinish = /*@__PURE__*/ proxyCustomElement(class ZonosCheckout
145
153
  // const totalItems = this.order?.items?.reduce((acc, item) => {
146
154
  // return acc + item.quantity;
147
155
  // }, 0);
148
- return (h(Host, { key: '9a09eb68e5e6d256f72798bb5119ad1ff467fd70', class: "zonos--checkout-finish zonos--elements", style: {
156
+ return (h(Host, { key: '08886ec74e789091534c8bd6561a8349a5a6966c', class: "zonos--checkout-finish zonos--elements", style: {
149
157
  '--border-radius': getBorderRadius(this.borderRadius),
150
158
  } }, this.isLoading && (h("div", { class: "loading-wrapper" }, h("zonos-spinner", null))), !this.isLoading && (h(Fragment, null, h("div", { class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", null, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, translate('Keep shopping')))))));
151
159
  }
@@ -1,5 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
2
- import { a as localizationStore } from './localization.js';
2
+ import { b as localizationStore } from './stripe.js';
3
3
  import { z as zonosStore } from './zonosStore.js';
4
4
  import { c as classes } from './classes.js';
5
5
  import { i as isDarkColor } from './isDarkColor.js';
@@ -1,6 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
2
- import { s as stripeStore, c as cartStore } from './stripe.js';
3
- import { t as translate } from './localization.js';
2
+ import { s as stripeStore, t as translate, c as cartStore } from './stripe.js';
4
3
  import { f as formatCurrency } from './formatCurrency.js';
5
4
  import { s as submitGtag } from './submitGtag.js';
6
5
  import { d as defineCustomElement$5 } from './zonos-banner2.js';
@@ -1,6 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, h, Host, Fragment } from '@stencil/core/internal/client';
2
- import { i as initStripeElements, c as cartStore, b as cartStoreUpdateItems, d as cartStoreReset, s as stripeStore, e as stripeStoreInitCheckoutSession, f as cartStoreUpdateToErrorState, a as stripeStorePrefetchLandedCost, g as cartStoreNextStep, h as stripeStoreConfirmPayment, j as stripeStoreReset, k as cartStorePreviousStep } from './stripe.js';
3
- import { a as localizationStore, b as log, t as translate } from './localization.js';
2
+ import { i as initStripeElements, b as localizationStore, d as log, c as cartStore, e as cartStoreUpdateItems, f as cartStoreReset, s as stripeStore, g as stripeStoreInitCheckoutSession, h as cartStoreUpdateToErrorState, t as translate, a as stripeStorePrefetchLandedCost, j as cartStoreNextStep, k as stripeStoreConfirmPayment, m as stripeStoreReset, n as cartStorePreviousStep } from './stripe.js';
4
3
  import { z as zonosStore, m as mergeConfig } from './zonosStore.js';
5
4
  import { i as isCheckoutMobile } from './isCheckoutMobile.js';
6
5
  import { c as classes } from './classes.js';
@@ -29,10 +29,23 @@ const ZonosCollapse = /*@__PURE__*/ proxyCustomElement(class ZonosCollapse exten
29
29
  }
30
30
  render() {
31
31
  this.height = this.el.scrollHeight;
32
- return (h(Host, { key: '372c80d0d5b8d2c693b2c74bd6652430c8e4a5bb', class: 'zonos--elements zonos--collapse', style: {
32
+ if (!this.collapsed) {
33
+ // wait for the collapse animation to finish, then set overflow to visible
34
+ setTimeout(() => {
35
+ // if the element collapsed state is still not changed, set overflow to visible
36
+ if (!this.collapsed) {
37
+ this.el.style.overflow = 'visible';
38
+ }
39
+ }, 300);
40
+ }
41
+ else {
42
+ // set overflow to hidden to prevent content from showing when collapsed
43
+ this.el.style.overflow = 'hidden';
44
+ }
45
+ return (h(Host, { key: 'cbec79617b603172a6c3c41d29ee093f61eead92', class: 'zonos--elements zonos--collapse', style: {
33
46
  '--font-family': zonosStoreFontFamily(),
34
47
  height: this.getElementHeight(),
35
- } }, h("div", { key: 'babd12279d1ac54092a1cff83e8e5b8ed5e81008' }, h("iframe", { key: '6d3a7845d560ba587829ba68033cd92ec8d2af5b', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: 'f295e17fd3178eb44dc7c0c51f87a80694fd04d7' }))));
48
+ } }, h("div", { key: '6e72b98c155ee436bbaabce3d7b58294bb6ccc7a' }, h("iframe", { key: 'ef3306219530d635fa320099727a3574d5800285', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: 'a66b3d6d08a12f0c184a5c4294afdb2c340fe95d' }))));
36
49
  }
37
50
  get el() { return this; }
38
51
  static get style() { return ZonosCollapseStyle0; }
@@ -1,6 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
2
- import { s as stripeStore } from './stripe.js';
3
- import { h as handleFetch, l as logError, i as isValidSelector, b as log, d as initLocalizationStore, e as localizationStoreUpdateSelectedCountryCode } from './localization.js';
2
+ import { o as handleFetch, l as logError, v as isValidSelector, d as log, s as stripeStore, w as initLocalizationStore, x as localizationStoreUpdateSelectedCountryCode } from './stripe.js';
4
3
  import { z as zonosStore, d as zonosStoreInitSetting, a as zonosStoreFontFamily } from './zonosStore.js';
5
4
  import { d as defineCustomElement$3 } from './zonos-notification2.js';
6
5
  import { d as defineCustomElement$2 } from './zonos-text2.js';
@@ -1,5 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
2
- import { a as localizationStore } from './localization.js';
2
+ import { b as localizationStore } from './stripe.js';
3
3
  import { a as zonosStoreFontFamily } from './zonosStore.js';
4
4
  import { c as classes } from './classes.js';
5
5
 
@@ -1,5 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
2
- import { e as localizationStoreUpdateSelectedCountryCode, a as localizationStore } from './localization.js';
2
+ import { x as localizationStoreUpdateSelectedCountryCode, b as localizationStore } from './stripe.js';
3
3
  import { a as zonosStoreFontFamily } from './zonosStore.js';
4
4
  import { d as defineCustomElement$7 } from './zonos-button2.js';
5
5
  import { d as defineCustomElement$6 } from './zonos-country-flag2.js';
@@ -1,6 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
2
- import { s as stripeStore } from './stripe.js';
3
- import { t as translate } from './localization.js';
2
+ import { s as stripeStore, t as translate } from './stripe.js';
4
3
  import { s as submitGtag } from './submitGtag.js';
5
4
  import { d as defineCustomElement$7 } from './zonos-address2.js';
6
5
  import { d as defineCustomElement$6 } from './zonos-button2.js';
@@ -10,7 +9,7 @@ import { d as defineCustomElement$3 } from './zonos-link-authentication2.js';
10
9
  import { d as defineCustomElement$2 } from './zonos-spinner2.js';
11
10
  import { d as defineCustomElement$1 } from './zonos-text2.js';
12
11
 
13
- const zonosCustomerInfoCss = ".sc-zonos-customer-info-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-customer-info-h *.sc-zonos-customer-info{font-family:var(--font-family, Inter), Inter}.sc-zonos-customer-info-h img.sc-zonos-customer-info{max-width:100%}.sc-zonos-customer-info-h dl.sc-zonos-customer-info,.sc-zonos-customer-info-h dd.sc-zonos-customer-info,.sc-zonos-customer-info-h h1.sc-zonos-customer-info,.sc-zonos-customer-info-h h2.sc-zonos-customer-info,.sc-zonos-customer-info-h h3.sc-zonos-customer-info,.sc-zonos-customer-info-h h4.sc-zonos-customer-info,.sc-zonos-customer-info-h h5.sc-zonos-customer-info,.sc-zonos-customer-info-h h6.sc-zonos-customer-info,.sc-zonos-customer-info-h hr.sc-zonos-customer-info,.sc-zonos-customer-info-h figure.sc-zonos-customer-info,.sc-zonos-customer-info-h p.sc-zonos-customer-info,.sc-zonos-customer-info-h pre.sc-zonos-customer-info{margin:0}.sc-zonos-customer-info-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-customer-info-h{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sc-zonos-customer-info-h .zonos--title.sc-zonos-customer-info{margin-bottom:var(--amino-space-20)}.sc-zonos-customer-info-h .zonos--link-authentication.sc-zonos-customer-info{margin-bottom:var(--amino-space-32)}.sc-zonos-customer-info-h .zonos--address.sc-zonos-customer-info{margin-bottom:var(--amino-space-16)}.sc-zonos-customer-info-h .zonos--checkbox.sc-zonos-customer-info{margin-bottom:var(--amino-space-16)}.sc-zonos-customer-info-h .zonos--checkbox.sc-zonos-customer-info+.zonos--address.sc-zonos-customer-info{margin-bottom:0}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info{margin-bottom:var(--amino-space-20);overflow:auto;padding:5px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar{width:10px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-track{background:var(--amino-gray-50)}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-customer-info-h .zonos--group-btn.sc-zonos-customer-info{position:-webkit-sticky;position:sticky;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;bottom:0;margin-top:var(--amino-space-12);background:var(--primary-color, var(--amino-gray-0))}.sc-zonos-customer-info-h .zonos--group-btn.sc-zonos-customer-info zonos-button.sc-zonos-customer-info{width:100%}";
12
+ const zonosCustomerInfoCss = ".sc-zonos-customer-info-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-customer-info-h *.sc-zonos-customer-info{font-family:var(--font-family, Inter), Inter}.sc-zonos-customer-info-h img.sc-zonos-customer-info{max-width:100%}.sc-zonos-customer-info-h dl.sc-zonos-customer-info,.sc-zonos-customer-info-h dd.sc-zonos-customer-info,.sc-zonos-customer-info-h h1.sc-zonos-customer-info,.sc-zonos-customer-info-h h2.sc-zonos-customer-info,.sc-zonos-customer-info-h h3.sc-zonos-customer-info,.sc-zonos-customer-info-h h4.sc-zonos-customer-info,.sc-zonos-customer-info-h h5.sc-zonos-customer-info,.sc-zonos-customer-info-h h6.sc-zonos-customer-info,.sc-zonos-customer-info-h hr.sc-zonos-customer-info,.sc-zonos-customer-info-h figure.sc-zonos-customer-info,.sc-zonos-customer-info-h p.sc-zonos-customer-info,.sc-zonos-customer-info-h pre.sc-zonos-customer-info{margin:0}.sc-zonos-customer-info-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-customer-info-h{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sc-zonos-customer-info-h .zonos--title.sc-zonos-customer-info{margin-bottom:var(--amino-space-20)}.sc-zonos-customer-info-h .zonos--link-authentication.sc-zonos-customer-info{margin-bottom:var(--amino-space-32)}.sc-zonos-customer-info-h .zonos--address.sc-zonos-customer-info{margin-bottom:var(--amino-space-16)}.sc-zonos-customer-info-h .zonos--checkbox.sc-zonos-customer-info{margin-bottom:var(--amino-space-16)}.sc-zonos-customer-info-h .zonos--checkbox.sc-zonos-customer-info+.zonos--address.sc-zonos-customer-info{margin-bottom:0}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info{margin-bottom:var(--amino-space-20);overflow:auto;padding:5px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar{width:10px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-track{background:var(--amino-gray-50)}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-customer-info-h .zonos--group-btn.sc-zonos-customer-info{position:-webkit-sticky;position:sticky;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;bottom:-5px;padding-top:var(--amino-space-8);margin-top:var(--amino-space-12);background:var(--primary-color, var(--amino-gray-0))}.sc-zonos-customer-info-h .zonos--group-btn.sc-zonos-customer-info zonos-button.sc-zonos-customer-info{width:100%}";
14
13
  const ZonosCustomerInfoStyle0 = zonosCustomerInfoCss;
15
14
 
16
15
  const ZonosCustomerInfo = /*@__PURE__*/ proxyCustomElement(class ZonosCustomerInfo extends HTMLElement {
@@ -1,5 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
2
- import { a as localizationStore } from './localization.js';
2
+ import { b as localizationStore } from './stripe.js';
3
3
  import { i as isDarkColor } from './isDarkColor.js';
4
4
  import { l as languages } from './ILanguage.js';
5
5
  import { d as defineCustomElement$4 } from './zonos-button2.js';
@@ -1,5 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
2
- import { m as currencyFormat, a as localizationStore, t as translate } from './localization.js';
2
+ import { D as currencyFormat, b as localizationStore, t as translate } from './stripe.js';
3
3
  import { z as zonosStore } from './zonosStore.js';
4
4
  import { c as classes } from './classes.js';
5
5
  import { d as defineCustomElement$d } from './zonos-banner2.js';
@@ -1,6 +1,6 @@
1
1
  import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
2
2
  import { _ as _root, e as _baseGetTag, i as isObjectLike_1, f as isObject_1, z as zonosStore, m as mergeConfig } from './zonosStore.js';
3
- import { h as handleFetch, l as logError, a as localizationStore, i as isValidSelector, t as translate, g as getZCountryUrlParam, s as setZCountryUrlParam, b as log, f as currencyDisplay, j as currencyConvertAndFormat, k as currencyConvert, m as currencyFormat } from './localization.js';
3
+ import { o as handleFetch, l as logError, b as localizationStore, v as isValidSelector, t as translate, y as getZCountryUrlParam, z as setZCountryUrlParam, d as log, A as currencyDisplay, B as currencyConvertAndFormat, C as currencyConvert, D as currencyFormat } from './stripe.js';
4
4
  import { c as classes } from './classes.js';
5
5
  import { g as getHasMoreSpaceOnRight, d as defineCustomElement$9 } from './zonos-hello-dialog2.js';
6
6
  import { d as defineCustomElement$f } from './zonos-banner2.js';
@@ -1,5 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
2
- import { c as localizationStoreUpdateSelectedLocale, t as translate, a as localizationStore } from './localization.js';
2
+ import { q as localizationStoreUpdateSelectedLocale, t as translate, b as localizationStore } from './stripe.js';
3
3
  import { a as zonosStoreFontFamily } from './zonosStore.js';
4
4
  import { l as languages } from './ILanguage.js';
5
5
  import { d as defineCustomElement$6 } from './zonos-button2.js';
@@ -1,6 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
2
- import { c as cartStore } from './stripe.js';
3
- import { t as translate } from './localization.js';
2
+ import { t as translate, c as cartStore } from './stripe.js';
4
3
  import { z as zonosStore } from './zonosStore.js';
5
4
  import { i as isCheckoutMobile } from './isCheckoutMobile.js';
6
5
  import { c as classes } from './classes.js';
@@ -1,6 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
2
- import { c as cartStore, m as cartStoreUpdateSelectedShippingOption, n as cartStoreGetShippingTransitInfo } from './stripe.js';
3
- import { t as translate } from './localization.js';
2
+ import { c as cartStore, r as cartStoreUpdateSelectedShippingOption, u as cartStoreGetShippingTransitInfo, t as translate } from './stripe.js';
4
3
  import { f as formatCurrency } from './formatCurrency.js';
5
4
  import { s as submitGtag } from './submitGtag.js';
6
5
  import { d as defineCustomElement$5 } from './zonos-banner2.js';
@@ -2841,16 +2841,16 @@ const zonosStoreInitSetting = ({ overrideSettings, zonosSettings, }) => {
2841
2841
  }
2842
2842
  zonosStore.appearance = mergeConfig(zonosStore.appearance, (savedZonosSettings === null || savedZonosSettings === void 0 ? void 0 : savedZonosSettings.appearanceSettings) ||
2843
2843
  (zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.appearanceSettings) ||
2844
- null, overrideSettings.appearance);
2844
+ null, overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.appearance);
2845
2845
  zonosStore.checkoutSettings = mergeConfig(zonosStore.checkoutSettings, (savedZonosSettings === null || savedZonosSettings === void 0 ? void 0 : savedZonosSettings.checkoutSettings) ||
2846
2846
  (zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.checkoutSettings) ||
2847
- null, overrideSettings.checkoutSettings);
2848
- zonosStore.helloSettings = mergeConfig(zonosStore.helloSettings, (savedZonosSettings === null || savedZonosSettings === void 0 ? void 0 : savedZonosSettings.helloSettings) || (zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.helloSettings) || null, overrideSettings.helloSettings);
2847
+ null, overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.checkoutSettings);
2848
+ zonosStore.helloSettings = mergeConfig(zonosStore.helloSettings, (savedZonosSettings === null || savedZonosSettings === void 0 ? void 0 : savedZonosSettings.helloSettings) || (zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.helloSettings) || null, overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.helloSettings);
2849
2849
  // set flag to true to indicate that config is ready
2850
2850
  zonosStore.loadedConfig = true;
2851
2851
  zonosStore.organizationName = ((_a = zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.organization) === null || _a === void 0 ? void 0 : _a.name) || '';
2852
2852
  zonosStore.storeId = ((_c = (_b = zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.organization) === null || _b === void 0 ? void 0 : _b.references) === null || _c === void 0 ? void 0 : _c.storeId) || null;
2853
- zonosStore.currencyConverter = overrideSettings.currencyConverter;
2853
+ zonosStore.currencyConverter = overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.currencyConverter;
2854
2854
  };
2855
2855
  const zonosStoreFontFamily = () => {
2856
2856
  const fontFamily = zonosStore.appearance.fontFamily || 'Inter';