@zonos/elements 1.3.113 → 1.3.115

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 (163) hide show
  1. package/dist/cjs/{cart-6d966eea.js → cart-95119cd0.js} +19 -25
  2. package/dist/cjs/{getBorderRadius-53c35cd1.js → getBorderRadius-61ed5601.js} +1 -1
  3. package/dist/cjs/index.cjs.js +7 -7
  4. package/dist/cjs/{isDarkColor-87ee1eb7.js → isDarkColor-d206c6fa.js} +1 -1
  5. package/dist/cjs/{paypal-ae7bd9f2.js → paypal-eb9670e2.js} +3 -3
  6. package/dist/cjs/zonos-address_7.cjs.entry.js +5 -5
  7. package/dist/cjs/zonos-badge.cjs.entry.js +1 -1
  8. package/dist/cjs/zonos-banner.cjs.entry.js +1 -1
  9. package/dist/cjs/zonos-button_3.cjs.entry.js +3 -3
  10. package/dist/cjs/zonos-card.cjs.entry.js +2 -2
  11. package/dist/cjs/zonos-cart-items_13.cjs.entry.js +9 -12
  12. package/dist/cjs/zonos-checkout.cjs.entry.js +19 -7
  13. package/dist/cjs/zonos-collapse.cjs.entry.js +1 -1
  14. package/dist/cjs/zonos-controller.cjs.entry.js +27 -4
  15. package/dist/cjs/zonos-country-flag.cjs.entry.js +4 -4
  16. package/dist/cjs/zonos-country-select_4.cjs.entry.js +4 -4
  17. package/dist/cjs/zonos-hello-dialog.cjs.entry.js +4 -4
  18. package/dist/cjs/zonos-hello.cjs.entry.js +5 -5
  19. package/dist/cjs/zonos-input.cjs.entry.js +2 -2
  20. package/dist/cjs/zonos-language-select_2.cjs.entry.js +4 -4
  21. package/dist/cjs/zonos-logo.cjs.entry.js +1 -1
  22. package/dist/cjs/zonos-notification_3.cjs.entry.js +5 -5
  23. package/dist/cjs/zonos-shipping-rich-radio.cjs.entry.js +2 -2
  24. package/dist/cjs/zonos-text.cjs.entry.js +1 -1
  25. package/dist/cjs/zonos-toggle.cjs.entry.js +1 -1
  26. package/dist/cjs/zonos-v-stack.cjs.entry.js +1 -1
  27. package/dist/cjs/{zonosStore-b18fe6b6.js → zonosStore-e12d459c.js} +1 -0
  28. package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.js +14 -2
  29. package/dist/collection/components/checkout/zonos-checkout/zonos-shipping/zonos-shipping.js +3 -6
  30. package/dist/collection/components/common/zonos-dialog/zonos-dialog.css +1 -1
  31. package/dist/collection/components/hello/zonos-hello/zonos-hello.js +1 -1
  32. package/dist/collection/components/store/checkout/stripe.js +2 -10
  33. package/dist/collection/components/store/zonosStore.js +1 -0
  34. package/dist/collection/components/utils/api/prepCalculateLandedCost.js +14 -12
  35. package/dist/collection/components/utils/cleanHtmlMarkdown.js +1 -1
  36. package/dist/collection/components/utils/hello/initHello.js +23 -0
  37. package/dist/esm/{cart-89bc298d.js → cart-6f978504.js} +19 -25
  38. package/dist/esm/{getBorderRadius-e55a9df1.js → getBorderRadius-008516a4.js} +1 -1
  39. package/dist/esm/index.js +7 -7
  40. package/dist/esm/{isDarkColor-4261bc3c.js → isDarkColor-dc08fa26.js} +1 -1
  41. package/dist/esm/{paypal-804a4bcb.js → paypal-ce731a62.js} +3 -3
  42. package/dist/esm/zonos-address_7.entry.js +5 -5
  43. package/dist/esm/zonos-badge.entry.js +1 -1
  44. package/dist/esm/zonos-banner.entry.js +1 -1
  45. package/dist/esm/zonos-button_3.entry.js +3 -3
  46. package/dist/esm/zonos-card.entry.js +2 -2
  47. package/dist/esm/zonos-cart-items_13.entry.js +9 -12
  48. package/dist/esm/zonos-checkout.entry.js +19 -7
  49. package/dist/esm/zonos-collapse.entry.js +1 -1
  50. package/dist/esm/zonos-controller.entry.js +27 -4
  51. package/dist/esm/zonos-country-flag.entry.js +4 -4
  52. package/dist/esm/zonos-country-select_4.entry.js +4 -4
  53. package/dist/esm/zonos-hello-dialog.entry.js +4 -4
  54. package/dist/esm/zonos-hello.entry.js +5 -5
  55. package/dist/esm/zonos-input.entry.js +2 -2
  56. package/dist/esm/zonos-language-select_2.entry.js +4 -4
  57. package/dist/esm/zonos-logo.entry.js +1 -1
  58. package/dist/esm/zonos-notification_3.entry.js +5 -5
  59. package/dist/esm/zonos-shipping-rich-radio.entry.js +2 -2
  60. package/dist/esm/zonos-text.entry.js +1 -1
  61. package/dist/esm/zonos-toggle.entry.js +1 -1
  62. package/dist/esm/zonos-v-stack.entry.js +1 -1
  63. package/dist/esm/{zonosStore-7798ac16.js → zonosStore-6b5bd87c.js} +1 -0
  64. package/dist/esm-es5/{cart-89bc298d.js → cart-6f978504.js} +1 -1
  65. package/dist/esm-es5/{getBorderRadius-e55a9df1.js → getBorderRadius-008516a4.js} +1 -1
  66. package/dist/esm-es5/index.js +1 -1
  67. package/dist/esm-es5/{isDarkColor-4261bc3c.js → isDarkColor-dc08fa26.js} +1 -1
  68. package/dist/esm-es5/{paypal-804a4bcb.js → paypal-ce731a62.js} +1 -1
  69. package/dist/esm-es5/zonos-address_7.entry.js +1 -1
  70. package/dist/esm-es5/zonos-badge.entry.js +1 -1
  71. package/dist/esm-es5/zonos-banner.entry.js +1 -1
  72. package/dist/esm-es5/zonos-button_3.entry.js +1 -1
  73. package/dist/esm-es5/zonos-card.entry.js +1 -1
  74. package/dist/esm-es5/zonos-cart-items_13.entry.js +1 -1
  75. package/dist/esm-es5/zonos-checkout.entry.js +1 -1
  76. package/dist/esm-es5/zonos-collapse.entry.js +1 -1
  77. package/dist/esm-es5/zonos-controller.entry.js +1 -1
  78. package/dist/esm-es5/zonos-country-flag.entry.js +1 -1
  79. package/dist/esm-es5/zonos-country-select_4.entry.js +1 -1
  80. package/dist/esm-es5/zonos-hello-dialog.entry.js +1 -1
  81. package/dist/esm-es5/zonos-hello.entry.js +1 -1
  82. package/dist/esm-es5/zonos-input.entry.js +1 -1
  83. package/dist/esm-es5/zonos-language-select_2.entry.js +1 -1
  84. package/dist/esm-es5/zonos-logo.entry.js +1 -1
  85. package/dist/esm-es5/zonos-notification_3.entry.js +1 -1
  86. package/dist/esm-es5/zonos-shipping-rich-radio.entry.js +1 -1
  87. package/dist/esm-es5/zonos-text.entry.js +1 -1
  88. package/dist/esm-es5/zonos-toggle.entry.js +1 -1
  89. package/dist/esm-es5/zonos-v-stack.entry.js +1 -1
  90. package/dist/esm-es5/{zonosStore-7798ac16.js → zonosStore-6b5bd87c.js} +1 -1
  91. package/dist/scripts/index.d.ts +15 -11
  92. package/dist/scripts/index.js +1 -1
  93. package/dist/scripts/loadZonos.js +1 -1
  94. package/dist/scripts/zonos.js +1 -1
  95. package/dist/types/components/utils/api/prepCalculateLandedCost.d.ts +1 -1
  96. package/dist/types/components/utils/cleanHtmlMarkdown.d.ts +1 -1
  97. package/dist/types/components/utils/hello/initHello.d.ts +1 -0
  98. package/dist/types/components/utils/mergeConfig.d.ts +1 -1
  99. package/dist/types/types/checkout/CheckoutConfig.d.ts +7 -11
  100. package/dist/types/types/hello/HelloConfig.d.ts +8 -0
  101. package/dist/zonos-elements/assets/RemoveIcon.svg +1 -1
  102. package/dist/zonos-elements/index.esm.js +1 -1
  103. package/dist/zonos-elements/{p-15750a04.system.js → p-00dc1507.system.js} +1 -1
  104. package/dist/zonos-elements/{p-9d7a79e3.entry.js → p-0651fcb2.entry.js} +1 -1
  105. package/dist/zonos-elements/{p-ad733913.entry.js → p-069a1891.entry.js} +1 -1
  106. package/dist/zonos-elements/{p-d49cdf77.system.entry.js → p-15d4dccb.system.entry.js} +1 -1
  107. package/dist/zonos-elements/p-196258ad.system.entry.js +1 -0
  108. package/dist/zonos-elements/{p-02b1e030.system.entry.js → p-1c6ab0ff.system.entry.js} +1 -1
  109. package/dist/zonos-elements/{p-e5e63927.system.entry.js → p-20c72ca4.system.entry.js} +1 -1
  110. package/dist/zonos-elements/{p-0a8b6b4a.system.entry.js → p-2578b7b7.system.entry.js} +1 -1
  111. package/dist/zonos-elements/{p-7cb4523f.system.entry.js → p-28b79606.system.entry.js} +1 -1
  112. package/dist/zonos-elements/{p-97114032.js → p-2db740f1.js} +1 -1
  113. package/dist/zonos-elements/{p-1a0e138c.entry.js → p-352d1b18.entry.js} +1 -1
  114. package/dist/zonos-elements/{p-1deb01e3.entry.js → p-3e2aa5e2.entry.js} +1 -1
  115. package/dist/zonos-elements/{p-b34ccbfd.entry.js → p-3e50ba67.entry.js} +1 -1
  116. package/dist/zonos-elements/{p-d1f334d8.system.entry.js → p-41109a49.system.entry.js} +1 -1
  117. package/dist/zonos-elements/{p-1605dd48.entry.js → p-434cab4e.entry.js} +1 -1
  118. package/dist/zonos-elements/{p-31acf417.entry.js → p-438f65db.entry.js} +1 -1
  119. package/dist/zonos-elements/{p-2aa5575f.entry.js → p-44991bcf.entry.js} +1 -1
  120. package/dist/zonos-elements/{p-8f9198f2.system.js → p-46395a15.system.js} +1 -1
  121. package/dist/zonos-elements/{p-007c64dc.system.js → p-491f7d74.system.js} +1 -1
  122. package/dist/zonos-elements/{p-d0ccf2af.system.entry.js → p-4be91172.system.entry.js} +1 -1
  123. package/dist/zonos-elements/p-4de83ee5.entry.js +1 -0
  124. package/dist/zonos-elements/{p-d01cfb8b.system.entry.js → p-4f3a0185.system.entry.js} +1 -1
  125. package/dist/zonos-elements/{p-55735806.system.entry.js → p-51a6f7b9.system.entry.js} +1 -1
  126. package/dist/zonos-elements/{p-05d558c2.entry.js → p-5ba975aa.entry.js} +1 -1
  127. package/dist/zonos-elements/{p-e4a69ce9.system.entry.js → p-5c30289f.system.entry.js} +1 -1
  128. package/dist/zonos-elements/p-5cbddbe5.entry.js +1 -0
  129. package/dist/zonos-elements/{p-1769c0d2.entry.js → p-61219278.entry.js} +1 -1
  130. package/dist/zonos-elements/{p-e559d12d.js → p-67a32cc5.js} +1 -1
  131. package/dist/zonos-elements/{p-b35e67f7.system.entry.js → p-6951f071.system.entry.js} +1 -1
  132. package/dist/zonos-elements/{p-fe781493.entry.js → p-793a5064.entry.js} +1 -1
  133. package/dist/zonos-elements/p-804eaa0a.entry.js +1 -0
  134. package/dist/zonos-elements/{p-ac97f26c.system.entry.js → p-80733970.system.entry.js} +1 -1
  135. package/dist/zonos-elements/{p-3c326d01.system.entry.js → p-8a4cf7ec.system.entry.js} +1 -1
  136. package/dist/zonos-elements/{p-c598b3c5.entry.js → p-909017d9.entry.js} +1 -1
  137. package/dist/zonos-elements/{p-f20b3656.entry.js → p-910b7ea8.entry.js} +1 -1
  138. package/dist/zonos-elements/{p-a24da794.js → p-91cfbf46.js} +1 -1
  139. package/dist/zonos-elements/{p-42d9d3af.system.entry.js → p-92cc93c2.system.entry.js} +1 -1
  140. package/dist/zonos-elements/{p-f26c4392.entry.js → p-99b3759b.entry.js} +1 -1
  141. package/dist/zonos-elements/{p-42b0fca8.system.entry.js → p-a1d7f205.system.entry.js} +1 -1
  142. package/dist/zonos-elements/{p-d3c1ad61.system.entry.js → p-a287f192.system.entry.js} +1 -1
  143. package/dist/zonos-elements/{p-8e6bbf2c.entry.js → p-a84cca94.entry.js} +1 -1
  144. package/dist/zonos-elements/{p-0c7d7aec.entry.js → p-b25964f0.entry.js} +1 -1
  145. package/dist/zonos-elements/p-bd787506.system.entry.js +1 -0
  146. package/dist/zonos-elements/{p-45214b34.system.entry.js → p-c0343f7e.system.entry.js} +1 -1
  147. package/dist/zonos-elements/{p-daab619c.system.js → p-c3e98be6.system.js} +1 -1
  148. package/dist/zonos-elements/{p-ab9af87d.system.entry.js → p-c5a67d85.system.entry.js} +1 -1
  149. package/dist/zonos-elements/p-c78dd680.system.js +1 -1
  150. package/dist/zonos-elements/{p-2cce0f21.system.js → p-c85b4e43.system.js} +1 -1
  151. package/dist/zonos-elements/{p-ed222a50.entry.js → p-ccd96dca.entry.js} +1 -1
  152. package/dist/zonos-elements/{p-514b42a4.system.entry.js → p-d1a3fa94.system.entry.js} +1 -1
  153. package/dist/zonos-elements/{p-ead95c3b.entry.js → p-e0a3dc73.entry.js} +1 -1
  154. package/dist/zonos-elements/{p-032159ed.js → p-e1ce04b1.js} +1 -1
  155. package/dist/zonos-elements/{p-e132bc3d.js → p-f18ce1da.js} +1 -1
  156. package/dist/zonos-elements/{p-a7db7ad2.system.js → p-fdffc1ce.system.js} +1 -1
  157. package/dist/zonos-elements/zonos-elements.esm.js +1 -1
  158. package/package.json +2 -2
  159. package/dist/zonos-elements/p-1195f857.system.entry.js +0 -1
  160. package/dist/zonos-elements/p-347c0756.entry.js +0 -1
  161. package/dist/zonos-elements/p-3cfa837c.entry.js +0 -1
  162. package/dist/zonos-elements/p-ece0b7ab.system.entry.js +0 -1
  163. package/dist/zonos-elements/p-ef13397c.entry.js +0 -1
@@ -3,9 +3,9 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-d56e0a8b.js');
6
- const zonosStore = require('./zonosStore-b18fe6b6.js');
6
+ const zonosStore = require('./zonosStore-e12d459c.js');
7
7
  const classes = require('./classes-b7918f56.js');
8
- const getBorderRadius = require('./getBorderRadius-53c35cd1.js');
8
+ const getBorderRadius = require('./getBorderRadius-61ed5601.js');
9
9
  const isColorVariable = require('./isColorVariable-6f5a9608.js');
10
10
 
11
11
  const zonosShippingRichRadioCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host input{margin:0;accent-color:var(--selected-border-color, var(--zonos-elements-blue-600))}:host .zonos--shipping-rich-radio-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:16px;-ms-flex-align:center;align-items:center;gap:16px;cursor:pointer;border:1px solid var(--zonos-elements-gray-200)}:host .zonos--shipping-rich-radio-item:first-child{border-top-left-radius:var(--border-radius, var(--zonos-elements-radius-10));border-top-right-radius:var(--border-radius, var(--zonos-elements-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-right-radius:var(--border-radius, var(--zonos-elements-radius-10));border-bottom-left-radius:var(--border-radius, var(--zonos-elements-radius-10))}:host .zonos--shipping-rich-radio-item:not(:last-child){border-bottom:none}:host .zonos--shipping-rich-radio-item.selected{outline:1px solid var(--selected-border-color, var(--zonos-elements-blue-600));outline-offset:-1px}:host .zonos--shipping-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}:host .zonos--shipping-detail{-ms-flex:1;flex:1}:host .zonos--sub-detail{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}";
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-d56e0a8b.js');
6
- const zonosStore = require('./zonosStore-b18fe6b6.js');
6
+ const zonosStore = require('./zonosStore-e12d459c.js');
7
7
  const classes = require('./classes-b7918f56.js');
8
8
  const isColorVariable = require('./isColorVariable-6f5a9608.js');
9
9
 
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-d56e0a8b.js');
6
- const zonosStore = require('./zonosStore-b18fe6b6.js');
6
+ const zonosStore = require('./zonosStore-e12d459c.js');
7
7
  const classes = require('./classes-b7918f56.js');
8
8
 
9
9
  const zonosToggleCss = ":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 .wrapper{position:relative;border-radius:6px;background-color:var(--zonos-elements-gray-50);display:-ms-flexbox;display:flex}:host .zonos--toggle-selected-slider{z-index:1;position:absolute;background-color:var(--zonos-elements-raised-surface-color);height:100%;-webkit-box-shadow:var(--zonos-elements-shadow-button-standard);box-shadow:var(--zonos-elements-shadow-button-standard);border-radius:6px;-webkit-animation:translate 0.3s ease-in-out;animation:translate 0.3s ease-in-out}:host .zonos--option{background:transparent;border:0;z-index:2;cursor:pointer;padding:4px 12px;border-radius:6px;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);font-size:var(--zonos-elements-font-size-base);font-weight:500;color:var(--zonos-elements-text-color-secondary)}:host .zonos--option:focus{outline:none}:host .zonos--option:hover:not(.selected){color:var(--zonos-elements-text-color)}:host .zonos--option.selected{color:var(--zonos-elements-text-color);background-color:var(--zonos-elements-raised-surface-color);height:100%;-webkit-box-shadow:var(--zonos-elements-shadow-button-standard);box-shadow:var(--zonos-elements-shadow-button-standard);border-radius:6px;-webkit-animation:translate 0.3s ease-in-out;animation:translate 0.3s ease-in-out}";
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-d56e0a8b.js');
6
- const zonosStore = require('./zonosStore-b18fe6b6.js');
6
+ const zonosStore = require('./zonosStore-e12d459c.js');
7
7
  const classes = require('./classes-b7918f56.js');
8
8
 
9
9
  const zonosVStackCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .vstack{display:grid;grid-auto-columns:minmax(0, 1fr);grid-row-gap:var(--spacing, 24px);grid-auto-flow:row}";
@@ -2823,6 +2823,7 @@ const { dispose: zonosStoreDispose, reset, state: zonosStore, } = createStore(()
2823
2823
  homepageUrlPattern: '',
2824
2824
  mobileLocation: 'BOTTOM_RIGHT',
2825
2825
  mode: 'LIVE',
2826
+ notFoundElementFallback: null,
2826
2827
  organization: '',
2827
2828
  peekMessageBehavior: 'ENABLED',
2828
2829
  peekMessageDelay: 0,
@@ -177,7 +177,18 @@ export class ZonosCheckout {
177
177
  countryCode: localizationStore.selectedCountryCode,
178
178
  currencyCode: localizationStore.targetCurrency,
179
179
  });
180
- await cartStoreUpdateItems({ adjustments: [], cartItems });
180
+ // Remove negative line items and move them to adjustments here, this is only for the deprecated `buildCartDetail` where negative line items are just treated as global discount amounts. It is up to the caller to create the right discount line items.
181
+ const cartItemsFiltered = cartItems.filter(item => item.amount >= 0);
182
+ const negativeItems = cartItems.filter(item => item.amount < 0);
183
+ const adjustments = negativeItems.map(item => ({
184
+ amount: item.amount,
185
+ currencyCode: item.currencyCode,
186
+ description: item.name || item.description || '',
187
+ productId: item.productId || null,
188
+ sku: item.sku || null,
189
+ type: 'CART_TOTAL',
190
+ }));
191
+ await cartStoreUpdateItems({ adjustments, cartItems: cartItemsFiltered });
181
192
  }
182
193
  // if client secret doesn't exist, request a new one.
183
194
  if (!stripeStore.clientSecret) {
@@ -622,6 +633,7 @@ export class ZonosCheckout {
622
633
  void this.init();
623
634
  this.isMobile = isCheckoutMobile(this.mobile);
624
635
  this.isIframed = window.self !== window.top;
636
+ log(`iframed: ${this.isIframed}`);
625
637
  // update theme to browser preference theme if appearance theme is system
626
638
  this.handleAppearanceSettingsOverrideChange();
627
639
  // listen to selected locale code change
@@ -648,7 +660,7 @@ export class ZonosCheckout {
648
660
  cartStore.step !== 'error' &&
649
661
  !stripeStore.stripeElements) ||
650
662
  stripeStore.isFetchingSession;
651
- const { colorPrimary, colorSecondary, logoUrl, style } = mergeConfig(zonosStore.appearance, this.appearanceSettingsOverride);
663
+ const { colorPrimary, colorSecondary, logoUrl, style } = mergeConfig(zonosStore.appearance, this.appearanceSettingsOverride || null);
652
664
  const hasFooter = zonosStore.appearance.zonosAttribution === 'ENABLED';
653
665
  const rightSideTheme = zonosStore.appearance.theme;
654
666
  const themePrimaryColorBased = colorPrimary && isDarkColor(colorPrimary) ? 'DARK' : 'LIGHT';
@@ -22,10 +22,7 @@ export class ZonosShipping {
22
22
  }
23
23
  this.isSelecting = true;
24
24
  // save selected shipping option to store
25
- const updateStatus = await cartStoreUpdateSelectedShippingOption(selectedShippingOption, e.detail.landedCostId);
26
- if (!updateStatus) {
27
- return;
28
- }
25
+ await cartStoreUpdateSelectedShippingOption(selectedShippingOption, e.detail.landedCostId);
29
26
  this.isSelecting = false;
30
27
  };
31
28
  this.handleValidate = () => {
@@ -172,13 +169,13 @@ export class ZonosShipping {
172
169
  if (this.showErrorBanner) {
173
170
  this.showErrorBanner = !this.handleValidate();
174
171
  }
175
- return (h(Host, { key: '7b16a998c47d1e834c1de3aaac030461e38e43d5', class: "zonos--shipping zonos--elements" }, h("div", { key: '796d1d43d1a409b6b94a8faa3a41bcfb8d26aeb2', class: "zonos--group" }, h("zonos-text", { key: '78629e22a49733794d6ac3bd56bd48c5c7a2ff5a', class: "zonos--title", type: "semiBoldSubheader" }, translate('Delivery options')), this.showErrorBanner && !!this.serviceLevelsAll.length && (h("zonos-banner", { key: 'fc0367bfad972e86f0f78fd7ac279c69aa51aeb8', class: "zonos--error-banner", intent: "error" }, translate('No shipping method selected'))), h("zonos-text", { key: 'e79faacea340e54ee6fcde62073d87960dfbfbcf', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, translate('Shipping method')), !this.serviceLevelsAll.length ? (h("zonos-banner", { bannerTitle: translate('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'), class: "zonos--shipping-method-error", intent: "error" })) : (h("div", { class: "zonos--shipping-options-wrapper" }, h("zonos-shipping-rich-radio", { items: defaultShownServiceLevels, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }), !!defaultShownServiceLevels.length &&
172
+ return (h(Host, { key: '70176e5f30fc095476ee8ece7032ec0008a17642', class: "zonos--shipping zonos--elements" }, h("div", { key: 'a63647ce745b5201237d493d98bfc8f5c7be1eb2', class: "zonos--group" }, h("zonos-text", { key: '8e910c5b2f998870edd9716cd6e6b103b8b617ad', class: "zonos--title", type: "semiBoldSubheader" }, translate('Delivery options')), this.showErrorBanner && !!this.serviceLevelsAll.length && (h("zonos-banner", { key: 'bb6991ac0beb5f57de5c00fde916936c6d36eb0b', class: "zonos--error-banner", intent: "error" }, translate('No shipping method selected'))), h("zonos-text", { key: 'd3635b8079fe184404c48e0e4cfb5f640567d1a0', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, translate('Shipping method')), !this.serviceLevelsAll.length ? (h("zonos-banner", { bannerTitle: translate('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'), class: "zonos--shipping-method-error", intent: "error" })) : (h("div", { class: "zonos--shipping-options-wrapper" }, h("zonos-shipping-rich-radio", { items: defaultShownServiceLevels, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }), !!defaultShownServiceLevels.length &&
176
173
  !!this.serviceLevelsDAP.length && (h("button", { class: classes([
177
174
  'zonos--shipping-options-collapse-trigger',
178
175
  this.collapsedDAPOptions && 'collapsed',
179
176
  ]), onClick: () => {
180
177
  this.collapsedDAPOptions = !this.collapsedDAPOptions;
181
- } }, h("div", { class: "zonos--title-wrapper" }, h("zonos-text", { type: "label" }, `${translate(this.collapsedDAPOptions ? 'Show non-prepaid options' : 'Hide non-prepaid options')} `), h("zonos-icon", { content: ChevronUpIcon })))), h("zonos-collapse", { collapsed: this.collapsedDAPOptions }, h("div", { class: "zonos--dap-wrapper" }, h("zonos-banner", { bannerTitle: translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, translate('You may incur additional fees from the shipping carrier by not prepaying.')), h("zonos-shipping-rich-radio", { items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }))))), h("div", { key: '03c7dc8d310db7dc161b064a1f384034e8b5a067', class: "zonos--group-btn" }, h("zonos-button", { key: '33d4afb9f86b8f8e5a8843c2ccfefac3e9ec1d76', backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
178
+ } }, h("div", { class: "zonos--title-wrapper" }, h("zonos-text", { type: "label" }, `${translate(this.collapsedDAPOptions ? 'Show non-prepaid options' : 'Hide non-prepaid options')} `), h("zonos-icon", { content: ChevronUpIcon })))), h("zonos-collapse", { collapsed: this.collapsedDAPOptions }, h("div", { class: "zonos--dap-wrapper" }, h("zonos-banner", { bannerTitle: translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, translate('You may incur additional fees from the shipping carrier by not prepaying.')), h("zonos-shipping-rich-radio", { items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }))))), h("div", { key: '5fdef6f67c68d211220b96dc1ff802fa6159711d', class: "zonos--group-btn" }, h("zonos-button", { key: '1d4627bff782561ed545a46a54ef46494b4b2bd6', backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
182
179
  // use primary type when on mobile mode
183
180
  variant: this.submitBtnType }, translate('Go to payment'))))));
184
181
  }
@@ -64,7 +64,7 @@
64
64
  height: 100vh;
65
65
  left: 0;
66
66
  top: 0;
67
- position: fixed;
67
+ position: absolute;
68
68
  display: flex;
69
69
  justify-content: center;
70
70
  align-items: center;
@@ -350,7 +350,7 @@ export class ZonosHello {
350
350
  }
351
351
  const { selectedCountryCode, targetCurrency } = localizationStore;
352
352
  const { isOnLeft, isOnTop, shouldFloat } = this.getHelloLocation();
353
- const appearanceSettings = mergeConfig(zonosStore.appearance, this.appearanceSettingsOverride);
353
+ const appearanceSettings = mergeConfig(zonosStore.appearance, this.appearanceSettingsOverride || null);
354
354
  const { theme } = appearanceSettings;
355
355
  const restrictedItemsOnPage = (_b = this.allRestrictedItems) === null || _b === void 0 ? void 0 : _b.filter(product => this.productsOnPage.some(restriction => restriction.description === product.itemDescription));
356
356
  // The organization name can be changed after init with the updateOrganizationName method.
@@ -248,15 +248,7 @@ const stripeStorePrefetchLandedCost = async (params) => {
248
248
  // prefetch landed cost will not update shipping and taxes since we haven't selected shipping method yet
249
249
  cartStoreApplySubtotals({
250
250
  method: (matchLandedCost === null || matchLandedCost === void 0 ? void 0 : matchLandedCost.landedCost.method) || 'DDP',
251
- subtotals: {
252
- adjustments: subtotals.adjustments,
253
- exchangeRate: subtotals.exchangeRate,
254
- items: subtotals.items,
255
- landedCostTotal: subtotals.landedCostTotal,
256
- presentmentCurrencyCode: subtotals.presentmentCurrencyCode,
257
- shipping: subtotals.shipping,
258
- total: subtotals.total,
259
- },
251
+ subtotals,
260
252
  });
261
253
  }
262
254
  }
@@ -503,7 +495,7 @@ const stripeStoreInitCheckoutSession = async () => {
503
495
  stripeStore.clientSecret = result.clientSecret;
504
496
  cartStoreApplySubtotals({
505
497
  method: ((_b = result.landedCost) === null || _b === void 0 ? void 0 : _b.method) || 'DDP',
506
- subtotals: Object.assign(Object.assign({}, result.subtotals), { landedCostTotal: 0, shipping: 0, total: result.subtotals.items }),
498
+ subtotals: result.subtotals,
507
499
  });
508
500
  log('Exchange rate updated for cart items (checkout session create)', 'info', cartStore.exchangeRate);
509
501
  log('done-init-checkout-session');
@@ -64,6 +64,7 @@ const { dispose: zonosStoreDispose, reset, state: zonosStore, } = createStore(()
64
64
  homepageUrlPattern: '',
65
65
  mobileLocation: 'BOTTOM_RIGHT',
66
66
  mode: 'LIVE',
67
+ notFoundElementFallback: null,
67
68
  organization: '',
68
69
  peekMessageBehavior: 'ENABLED',
69
70
  peekMessageDelay: 0,
@@ -21,7 +21,7 @@ const getTranslatedAddress = ({ currentAddress, translatedAddress, }) => {
21
21
  };
22
22
  };
23
23
  /**
24
- * Similar to prepCalculateLandedCost except it only uses
24
+ * Similar to prepCalculateLandedCost except it only uses cart ID
25
25
  */
26
26
  export const prepCartCalculateLandedCost = (cartId) => {
27
27
  var _a;
@@ -120,6 +120,18 @@ export const prepCalculateLandedCost = () => {
120
120
  });
121
121
  const billingFirstName = translatedBillingAddress.name.split(' ')[0] || '';
122
122
  const billingLastName = translatedBillingAddress.name.split(' ').splice(1).join(' ') || '';
123
+ const adjustments = cartStore.promoCode
124
+ ? [
125
+ {
126
+ amount: 0,
127
+ productId: null,
128
+ promoCode: cartStore.promoCode,
129
+ sku: null,
130
+ type: 'PROMO_CODE',
131
+ },
132
+ ...cartStore.adjustments,
133
+ ]
134
+ : cartStore.adjustments;
123
135
  return {
124
136
  billingAddress: {
125
137
  addressLine1: translatedBillingAddress.line1,
@@ -146,17 +158,7 @@ export const prepCalculateLandedCost = () => {
146
158
  phone: translatedShippingAddress.phone,
147
159
  },
148
160
  items: cartStore.items,
149
- landedCostAdjustments: cartStore.promoCode
150
- ? [
151
- {
152
- amount: 0,
153
- productId: null,
154
- promoCode: cartStore.promoCode,
155
- sku: null,
156
- type: 'PROMO_CODE',
157
- },
158
- ]
159
- : [],
161
+ landedCostAdjustments: adjustments,
160
162
  shippingAddress: {
161
163
  addressLine1: translatedShippingAddress.line1,
162
164
  addressLine2: translatedShippingAddress.line2,
@@ -13,7 +13,7 @@ const turndownService = new TurndownService();
13
13
  * @example
14
14
  * const htmlInput = "<h1>Hello World</h1><p>This is a paragraph.</p>";
15
15
  * const result = cleanHtmlMarkdown(htmlInput);
16
- * console.log(result); // Outputs cleaned HTML after conversion and processing
16
+ * console.info(result); // Outputs cleaned HTML after conversion and processing
17
17
  */
18
18
  export const cleanHtmlMarkdown = (htmlString) => {
19
19
  const mdString = turndownService.turndown(htmlString);
@@ -12,6 +12,20 @@ const injectHelloComponent = (anchorElementSelector) => {
12
12
  }
13
13
  return false;
14
14
  };
15
+ const convertPosition = (position) => {
16
+ switch (position) {
17
+ case 'BOTTOM_RIGHT':
18
+ return 'bottom-right';
19
+ case 'BOTTOM_LEFT':
20
+ return 'bottom-left';
21
+ case 'TOP_LEFT':
22
+ return 'top-left';
23
+ case 'TOP_RIGHT':
24
+ return 'top-right';
25
+ default:
26
+ return 'bottom-right';
27
+ }
28
+ };
15
29
  /**
16
30
  * Injects the hello mobile wrapper to the DOM and returns the anchor element selector
17
31
  * @returns anchor element selector
@@ -87,5 +101,14 @@ export const initHello = async (helloSettings) => {
87
101
  // inject hello to mobile anchor if hello is still not found
88
102
  injectHelloComponent(helloAnchor);
89
103
  }, 1000);
104
+ setTimeout(() => {
105
+ if (helloSettings.notFoundElementFallback) {
106
+ log(`Hello anchor selector ${helloSettings.anchorElementSelector} not found after 3 seconds, falling back to 'notFoundElementFallback': ${helloSettings.notFoundElementFallback}`, 'info');
107
+ const defaultAnchor = injectDefaultWrapper({
108
+ position: convertPosition(helloSettings.notFoundElementFallback),
109
+ });
110
+ injectHelloComponent(defaultAnchor);
111
+ }
112
+ }, 3000);
90
113
  }
91
114
  };
@@ -1,7 +1,7 @@
1
- import { c as createStore, z as zonosStore } from './zonosStore-7798ac16.js';
1
+ import { c as createStore, z as zonosStore } from './zonosStore-6b5bd87c.js';
2
2
  import { h as handleFetch, a as logError, l as log, f as fallbackApiList, j as jsonParse } from './handleFetch-3dea7d46.js';
3
- import { i as isDarkColor } from './isDarkColor-4261bc3c.js';
4
- import { g as getBorderRadius } from './getBorderRadius-e55a9df1.js';
3
+ import { i as isDarkColor } from './isDarkColor-dc08fa26.js';
4
+ import { g as getBorderRadius } from './getBorderRadius-008516a4.js';
5
5
 
6
6
  const stringsArabic = {
7
7
  ' (Duties due at door)': {
@@ -9085,7 +9085,7 @@ const getTranslatedAddress = ({ currentAddress, translatedAddress, }) => {
9085
9085
  };
9086
9086
  };
9087
9087
  /**
9088
- * Similar to prepCalculateLandedCost except it only uses
9088
+ * Similar to prepCalculateLandedCost except it only uses cart ID
9089
9089
  */
9090
9090
  const prepCartCalculateLandedCost = (cartId) => {
9091
9091
  var _a;
@@ -9184,6 +9184,18 @@ const prepCalculateLandedCost = () => {
9184
9184
  });
9185
9185
  const billingFirstName = translatedBillingAddress.name.split(' ')[0] || '';
9186
9186
  const billingLastName = translatedBillingAddress.name.split(' ').splice(1).join(' ') || '';
9187
+ const adjustments = cartStore.promoCode
9188
+ ? [
9189
+ {
9190
+ amount: 0,
9191
+ productId: null,
9192
+ promoCode: cartStore.promoCode,
9193
+ sku: null,
9194
+ type: 'PROMO_CODE',
9195
+ },
9196
+ ...cartStore.adjustments,
9197
+ ]
9198
+ : cartStore.adjustments;
9187
9199
  return {
9188
9200
  billingAddress: {
9189
9201
  addressLine1: translatedBillingAddress.line1,
@@ -9210,17 +9222,7 @@ const prepCalculateLandedCost = () => {
9210
9222
  phone: translatedShippingAddress.phone,
9211
9223
  },
9212
9224
  items: cartStore.items,
9213
- landedCostAdjustments: cartStore.promoCode
9214
- ? [
9215
- {
9216
- amount: 0,
9217
- productId: null,
9218
- promoCode: cartStore.promoCode,
9219
- sku: null,
9220
- type: 'PROMO_CODE',
9221
- },
9222
- ]
9223
- : [],
9225
+ landedCostAdjustments: adjustments,
9224
9226
  shippingAddress: {
9225
9227
  addressLine1: translatedShippingAddress.line1,
9226
9228
  addressLine2: translatedShippingAddress.line2,
@@ -9771,15 +9773,7 @@ const stripeStorePrefetchLandedCost = async (params) => {
9771
9773
  // prefetch landed cost will not update shipping and taxes since we haven't selected shipping method yet
9772
9774
  cartStoreApplySubtotals({
9773
9775
  method: (matchLandedCost === null || matchLandedCost === void 0 ? void 0 : matchLandedCost.landedCost.method) || 'DDP',
9774
- subtotals: {
9775
- adjustments: subtotals.adjustments,
9776
- exchangeRate: subtotals.exchangeRate,
9777
- items: subtotals.items,
9778
- landedCostTotal: subtotals.landedCostTotal,
9779
- presentmentCurrencyCode: subtotals.presentmentCurrencyCode,
9780
- shipping: subtotals.shipping,
9781
- total: subtotals.total,
9782
- },
9776
+ subtotals,
9783
9777
  });
9784
9778
  }
9785
9779
  }
@@ -10026,7 +10020,7 @@ const stripeStoreInitCheckoutSession = async () => {
10026
10020
  stripeStore.clientSecret = result.clientSecret;
10027
10021
  cartStoreApplySubtotals({
10028
10022
  method: ((_b = result.landedCost) === null || _b === void 0 ? void 0 : _b.method) || 'DDP',
10029
- subtotals: Object.assign(Object.assign({}, result.subtotals), { landedCostTotal: 0, shipping: 0, total: result.subtotals.items }),
10023
+ subtotals: result.subtotals,
10030
10024
  });
10031
10025
  log('Exchange rate updated for cart items (checkout session create)', 'info', cartStore.exchangeRate);
10032
10026
  log('done-init-checkout-session');
@@ -1,4 +1,4 @@
1
- import { z as zonosStore } from './zonosStore-7798ac16.js';
1
+ import { z as zonosStore } from './zonosStore-6b5bd87c.js';
2
2
 
3
3
  /**
4
4
  * Get the border radius for the elements based on the style
package/dist/esm/index.js CHANGED
@@ -94,7 +94,7 @@ const getZonosQaUrl = () => {
94
94
  return null;
95
95
  }
96
96
  const qaUrl = extractZonosQaUrl(window.location.href);
97
- const cdnUrl = "https://v1.3.113.js.zonos.com";
97
+ const cdnUrl = "https://v1.3.115.js.zonos.com";
98
98
  // when the qaUrl is not set and the built URL is from the test domain, use the test domain for testing
99
99
  if (!qaUrl &&
100
100
  (cdnUrl.includes('test.') ||
@@ -278,10 +278,10 @@ const zonosLoadUrl = (() => {
278
278
  }
279
279
  return null;
280
280
  })();
281
- const ZONOS_URL = "https://v1.3.113.js.zonos.com";
282
- const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.113";
283
- const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.113";
284
- const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.113";
281
+ const ZONOS_URL = "https://v1.3.115.js.zonos.com";
282
+ const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.115";
283
+ const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.115";
284
+ const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.115";
285
285
  const INTER_FONT_URL = 'https://rsms.me';
286
286
  const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
287
287
  const INTER_FONT_REGEX = /^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;
@@ -296,7 +296,7 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
296
296
  !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
297
297
  Zonos._paypalMockResponse = null;
298
298
  Zonos.isBigCommerce = false;
299
- Zonos.releaseDate = "1730318193559";
299
+ Zonos.releaseDate = "1730743971311";
300
300
  Zonos.isLegacyCheckout = false;
301
301
  Zonos.showBaseForeign = typeof window !== 'undefined' &&
302
302
  window.location.search.includes('zonosShowBaseForeign');
@@ -306,7 +306,7 @@ Zonos.showBaseForeign = typeof window !== 'undefined' &&
306
306
  Zonos.isNpm = true;
307
307
  Zonos.zonosQaUrl = null;
308
308
  Zonos.zonosQaUrlApi = null;
309
- Zonos.version = `v${"1.3.113"}`;
309
+ Zonos.version = `v${"1.3.115"}`;
310
310
  Zonos.modeAlerted = false;
311
311
  Zonos.cartData = null;
312
312
  Zonos.paypal = null;
@@ -1,4 +1,4 @@
1
- import { a as commonjsGlobal } from './zonosStore-7798ac16.js';
1
+ import { a as commonjsGlobal } from './zonosStore-6b5bd87c.js';
2
2
 
3
3
  var tinycolor$1 = {exports: {}};
4
4
 
@@ -1,7 +1,7 @@
1
- import { z as zonosStore, c as createStore } from './zonosStore-7798ac16.js';
2
- import { d as cartStore, v as stripeStoreHandleInventoryCheck, o as translate, u as cartStoreNextStep, h as cartStoreClearCheckoutInterval } from './cart-89bc298d.js';
1
+ import { z as zonosStore, c as createStore } from './zonosStore-6b5bd87c.js';
2
+ import { d as cartStore, v as stripeStoreHandleInventoryCheck, o as translate, u as cartStoreNextStep, h as cartStoreClearCheckoutInterval } from './cart-6f978504.js';
3
3
  import { h as handleFetch, l as log, a as logError, j as jsonParse } from './handleFetch-3dea7d46.js';
4
- import { t as tinycolor } from './isDarkColor-4261bc3c.js';
4
+ import { t as tinycolor } from './isDarkColor-dc08fa26.js';
5
5
 
6
6
  /*!
7
7
  * paypal-js v8.1.0 (2024-06-07T16:55:00.122Z)
@@ -1,13 +1,13 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-86b8247e.js';
2
- import { j as stripeStore, R as getFallbackDefaultCountryCode, l as localizationStore, o as translate } from './cart-89bc298d.js';
2
+ import { j as stripeStore, R as getFallbackDefaultCountryCode, l as localizationStore, o as translate } from './cart-6f978504.js';
3
3
  import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
4
4
  import { a as logError, l as log } from './handleFetch-3dea7d46.js';
5
5
  import { i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';
6
- import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-7798ac16.js';
6
+ import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-6b5bd87c.js';
7
7
  import { c as classes } from './classes-0d95c529.js';
8
8
  import { R as RemoveIcon$1 } from './RemoveIcon-9dc5dd1a.js';
9
- import { g as getBorderRadius } from './getBorderRadius-e55a9df1.js';
10
- import { i as isDarkColor } from './isDarkColor-4261bc3c.js';
9
+ import { g as getBorderRadius } from './getBorderRadius-008516a4.js';
10
+ import { i as isDarkColor } from './isDarkColor-dc08fa26.js';
11
11
 
12
12
  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:16px}.sc-zonos-address-h zonos-banner.sc-zonos-address{margin-top:8px}";
13
13
  const ZonosAddressStyle0 = zonosAddressCss;
@@ -459,7 +459,7 @@ ZonosCheckbox.style = ZonosCheckboxStyle0;
459
459
 
460
460
  const RemoveIcon = `<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#C5C6CA" fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" clip-rule="evenodd"/><path fill="#4D505A" fill-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" clip-rule="evenodd"/></svg>`;
461
461
 
462
- const zonosDialogCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--backdrop,:host .zonos--dialog-layout{opacity:0;z-index:-999;visibility:hidden;-webkit-transition:0.3s all ease;transition:0.3s all ease}:host .zonos--backdrop{width:100vw;height:100vh;left:0;top:0;background:var(--zonos-elements-backdrop-color);position:fixed}:host .zonos--loading{position:absolute;left:0;right:0;bottom:0;top:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:2147483009;background:var(--zonos-elements-gray-0);border-radius:var(--border-radius, var(--zonos-elements-radius-10))}:host .zonos--dialog-layout{width:100vw;height:100vh;left:0;top:0;position:fixed;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:var(--zonos-elements-text-color);visibility:hidden}:host .zonos--dialog{position:relative;z-index:2147483008;background:var(--zonos-elements-gray-0);max-width:90vw;max-height:90vh;min-height:var(--min-height, auto);height:var(--height, auto);width:var(--width, auto);border-radius:var(--border-radius, var(--zonos-elements-radius-10));outline:none;-webkit-box-shadow:var(--zonos-elements-v3-shadow-xxl);box-shadow:var(--zonos-elements-v3-shadow-xxl);border:var(--zonos-elements-border);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:16px 24px}:host .zonos--header .-zonos-stencil-library--header-text{-ms-flex-positive:1;flex-grow:1}:host .zonos--header .zonos--close-button{width:var(--zonos-elements-size-md);height:var(--zonos-elements-size-md);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;border-radius:var(--zonos-elements-radius-10);-ms-flex-item-align:start;align-self:flex-start}:host .zonos--header .zonos--close-button:hover{background:var(--zonos-elements-hover-color)}:host .zonos--body{padding:8px 24px;max-height:100%;height:100%;overflow:auto}:host .zonos--body.zonos--no-body-padding{padding:0}:host .zonos--footer{padding:16px 24px}:host(.open) .zonos--dialog-layout,:host(.open) .zonos--backdrop{visibility:visible}:host(.open) .zonos--backdrop{z-index:2147483008;opacity:0.65}:host(.open) .zonos--dialog-layout{opacity:1;z-index:2147483009;-webkit-transform:scale(1);transform:scale(1)}:host(.no-border) .zonos--dialog{border:none}:host(.mobile) .zonos--dialog{max-width:100vw;max-height:100vh;height:100%;width:100%;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none}";
462
+ const zonosDialogCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--backdrop,:host .zonos--dialog-layout{opacity:0;z-index:-999;visibility:hidden;-webkit-transition:0.3s all ease;transition:0.3s all ease}:host .zonos--backdrop{width:100vw;height:100vh;left:0;top:0;background:var(--zonos-elements-backdrop-color);position:fixed}:host .zonos--loading{position:absolute;left:0;right:0;bottom:0;top:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:2147483009;background:var(--zonos-elements-gray-0);border-radius:var(--border-radius, var(--zonos-elements-radius-10))}:host .zonos--dialog-layout{width:100vw;height:100vh;left:0;top:0;position:absolute;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:var(--zonos-elements-text-color);visibility:hidden}:host .zonos--dialog{position:relative;z-index:2147483008;background:var(--zonos-elements-gray-0);max-width:90vw;max-height:90vh;min-height:var(--min-height, auto);height:var(--height, auto);width:var(--width, auto);border-radius:var(--border-radius, var(--zonos-elements-radius-10));outline:none;-webkit-box-shadow:var(--zonos-elements-v3-shadow-xxl);box-shadow:var(--zonos-elements-v3-shadow-xxl);border:var(--zonos-elements-border);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:16px 24px}:host .zonos--header .-zonos-stencil-library--header-text{-ms-flex-positive:1;flex-grow:1}:host .zonos--header .zonos--close-button{width:var(--zonos-elements-size-md);height:var(--zonos-elements-size-md);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;border-radius:var(--zonos-elements-radius-10);-ms-flex-item-align:start;align-self:flex-start}:host .zonos--header .zonos--close-button:hover{background:var(--zonos-elements-hover-color)}:host .zonos--body{padding:8px 24px;max-height:100%;height:100%;overflow:auto}:host .zonos--body.zonos--no-body-padding{padding:0}:host .zonos--footer{padding:16px 24px}:host(.open) .zonos--dialog-layout,:host(.open) .zonos--backdrop{visibility:visible}:host(.open) .zonos--backdrop{z-index:2147483008;opacity:0.65}:host(.open) .zonos--dialog-layout{opacity:1;z-index:2147483009;-webkit-transform:scale(1);transform:scale(1)}:host(.no-border) .zonos--dialog{border:none}:host(.mobile) .zonos--dialog{max-width:100vw;max-height:100vh;height:100%;width:100%;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none}";
463
463
  const ZonosDialogStyle0 = zonosDialogCss;
464
464
 
465
465
  const ZonosDialog = class {
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, H as Host } from './index-86b8247e.js';
2
- import { d as zonosStoreFontFamily } from './zonosStore-7798ac16.js';
2
+ import { d as zonosStoreFontFamily } from './zonosStore-6b5bd87c.js';
3
3
  import { c as classes } from './classes-0d95c529.js';
4
4
 
5
5
  const RemoveLineIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, H as Host } from './index-86b8247e.js';
2
- import { d as zonosStoreFontFamily } from './zonosStore-7798ac16.js';
2
+ import { d as zonosStoreFontFamily } from './zonosStore-6b5bd87c.js';
3
3
  import { c as classes } from './classes-0d95c529.js';
4
4
 
5
5
  const zonosBannerCss = ":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{border-radius:var(--zonos-elements-radius-10);padding:16px;background:var(--zonos-elements-gray-100)}:host .zonos--container{display:grid;-ms-flex-align:center;align-items:center;grid-template-areas:\"icon header\" \". content\";grid-template-columns:32px auto 0}:host .zonos--icon-wrapper{grid-area:icon;display:-ms-flexbox;display:flex;justify-self:start}:host .zonos--header-wrapper{margin-top:0px;grid-area:header}:host .zonos--content-wrapper{grid-area:content;margin-top:4px}:host(.info){background-color:var(--zonos-elements-blue-100);border:1px solid var(--zonos-elements-blue-200)}:host(.success){background-color:var(--zonos-elements-green-100);border:1px solid var(--zonos-elements-green-200)}:host(.error){background-color:var(--zonos-elements-red-100);border:1px solid var(--zonos-elements-red-200)}:host(.warning){background-color:var(--zonos-elements-orange-100);border:1px solid var(--zonos-elements-orange-200)}";
@@ -1,9 +1,9 @@
1
1
  import { r as registerInstance, h, H as Host, d as getElement } from './index-86b8247e.js';
2
- import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-7798ac16.js';
2
+ import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-6b5bd87c.js';
3
3
  import { c as classes } from './classes-0d95c529.js';
4
- import { g as getBorderRadius } from './getBorderRadius-e55a9df1.js';
4
+ import { g as getBorderRadius } from './getBorderRadius-008516a4.js';
5
5
  import { i as isColorVariable } from './isColorVariable-82457bef.js';
6
- import { i as isDarkColor } from './isDarkColor-4261bc3c.js';
6
+ import { i as isDarkColor } from './isDarkColor-dc08fa26.js';
7
7
 
8
8
  /**
9
9
  * Get theme for button text based on background color
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, h, H as Host } from './index-86b8247e.js';
2
- import { d as zonosStoreFontFamily } from './zonosStore-7798ac16.js';
2
+ import { d as zonosStoreFontFamily } from './zonosStore-6b5bd87c.js';
3
3
  import { c as classes } from './classes-0d95c529.js';
4
- import { g as getBorderRadius } from './getBorderRadius-e55a9df1.js';
4
+ import { g as getBorderRadius } from './getBorderRadius-008516a4.js';
5
5
 
6
6
  const zonosCardCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .styled-card{border:var(--zonos-elements-border);border-radius:var(--border-radius, var(--zonos-elements-radius-6));padding:var(--spacing, 24px);text-align:left;background-color:var(--background-color);overflow:hidden}:host .styled-card hr{margin-left:calc(var(--spacing, 24px) * -1);margin-right:calc(var(--spacing, 24px) * -1)}:host .styled-card .card-header{margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing, 24px);border-bottom:var(--zonos-elements-border);height:65px;line-height:65px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .styled-card .card-header h5{margin-bottom:0;-ms-flex:1;flex:1}:host .styled-card .card-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);border-top:var(--zonos-elements-border);background:var(--zonos-elements-surface-color-secondary);margin-top:var(--spacing, 24px);border-bottom-left-radius:var(--zonos-elements-radius-8);border-bottom-right-radius:var(--zonos-elements-radius-8);height:var(--footerHeight)}";
7
7
  const ZonosCardStyle0 = zonosCardCss;
@@ -1,14 +1,14 @@
1
1
  import { r as registerInstance, a as getAssetPath, h, H as Host, F as Fragment, c as createEvent, d as getElement } from './index-86b8247e.js';
2
- import { d as cartStore, G as currencyFormat, o as translate, H as cartStoreHasOneEligibleItem, I as stripeStoreApplyPromoCode, J as stripeStoreRemovePromoCode, y as stripeStoreReset, j as stripeStore, K as stripeStoreRetrievePayment, t as trackConversionEvent, L as stripeStoreResetPromoCode, M as stripeStoreMessageBasedOnStatus, l as localizationStore, N as stripeStoreTranslateAddressToLatin, O as cartStoreUpdateSelectedShippingOption, P as cartStoreGetShippingTransitInfo, Q as sortServiceLevelOptionsByAmount } from './cart-89bc298d.js';
2
+ import { d as cartStore, G as currencyFormat, o as translate, H as cartStoreHasOneEligibleItem, I as stripeStoreApplyPromoCode, J as stripeStoreRemovePromoCode, y as stripeStoreReset, j as stripeStore, K as stripeStoreRetrievePayment, t as trackConversionEvent, L as stripeStoreResetPromoCode, M as stripeStoreMessageBasedOnStatus, l as localizationStore, N as stripeStoreTranslateAddressToLatin, O as cartStoreUpdateSelectedShippingOption, P as cartStoreGetShippingTransitInfo, Q as sortServiceLevelOptionsByAmount } from './cart-6f978504.js';
3
3
  import { c as classes } from './classes-0d95c529.js';
4
- import { s as submitGtag, b as paypalStore, c as paypalStoreReset, i as isContrastColor } from './paypal-804a4bcb.js';
5
- import { z as zonosStore, g as getZonosStoreTheme, d as zonosStoreFontFamily } from './zonosStore-7798ac16.js';
4
+ import { s as submitGtag, b as paypalStore, c as paypalStoreReset, i as isContrastColor } from './paypal-ce731a62.js';
5
+ import { z as zonosStore, g as getZonosStoreTheme, d as zonosStoreFontFamily } from './zonosStore-6b5bd87c.js';
6
6
  import { c as createCustomEvent, g as getIsTestMode } from './createCustomEvent-31a792d3.js';
7
- import { g as getBorderRadius } from './getBorderRadius-e55a9df1.js';
7
+ import { g as getBorderRadius } from './getBorderRadius-008516a4.js';
8
8
  import { h as handleFetch, l as log, s as sendErrorLog, j as jsonParse, b as allLogs } from './handleFetch-3dea7d46.js';
9
9
  import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
10
10
  import { l as languages } from './ILanguage-cd6acb72.js';
11
- import { i as isDarkColor, t as tinycolor } from './isDarkColor-4261bc3c.js';
11
+ import { i as isDarkColor, t as tinycolor } from './isDarkColor-dc08fa26.js';
12
12
  import { i as isColorVariable } from './isColorVariable-82457bef.js';
13
13
  import { c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';
14
14
 
@@ -1032,7 +1032,7 @@ const turndownService = new TurndownService();
1032
1032
  * @example
1033
1033
  * const htmlInput = "<h1>Hello World</h1><p>This is a paragraph.</p>";
1034
1034
  * const result = cleanHtmlMarkdown(htmlInput);
1035
- * console.log(result); // Outputs cleaned HTML after conversion and processing
1035
+ * console.info(result); // Outputs cleaned HTML after conversion and processing
1036
1036
  */
1037
1037
  const cleanHtmlMarkdown = (htmlString) => {
1038
1038
  const mdString = turndownService.turndown(htmlString);
@@ -2248,10 +2248,7 @@ const ZonosShipping = class {
2248
2248
  }
2249
2249
  this.isSelecting = true;
2250
2250
  // save selected shipping option to store
2251
- const updateStatus = await cartStoreUpdateSelectedShippingOption(selectedShippingOption, e.detail.landedCostId);
2252
- if (!updateStatus) {
2253
- return;
2254
- }
2251
+ await cartStoreUpdateSelectedShippingOption(selectedShippingOption, e.detail.landedCostId);
2255
2252
  this.isSelecting = false;
2256
2253
  };
2257
2254
  this.handleValidate = () => {
@@ -2398,13 +2395,13 @@ const ZonosShipping = class {
2398
2395
  if (this.showErrorBanner) {
2399
2396
  this.showErrorBanner = !this.handleValidate();
2400
2397
  }
2401
- return (h(Host, { key: '7b16a998c47d1e834c1de3aaac030461e38e43d5', class: "zonos--shipping zonos--elements" }, h("div", { key: '796d1d43d1a409b6b94a8faa3a41bcfb8d26aeb2', class: "zonos--group" }, h("zonos-text", { key: '78629e22a49733794d6ac3bd56bd48c5c7a2ff5a', class: "zonos--title", type: "semiBoldSubheader" }, translate('Delivery options')), this.showErrorBanner && !!this.serviceLevelsAll.length && (h("zonos-banner", { key: 'fc0367bfad972e86f0f78fd7ac279c69aa51aeb8', class: "zonos--error-banner", intent: "error" }, translate('No shipping method selected'))), h("zonos-text", { key: 'e79faacea340e54ee6fcde62073d87960dfbfbcf', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, translate('Shipping method')), !this.serviceLevelsAll.length ? (h("zonos-banner", { bannerTitle: translate('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'), class: "zonos--shipping-method-error", intent: "error" })) : (h("div", { class: "zonos--shipping-options-wrapper" }, h("zonos-shipping-rich-radio", { items: defaultShownServiceLevels, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }), !!defaultShownServiceLevels.length &&
2398
+ return (h(Host, { key: '70176e5f30fc095476ee8ece7032ec0008a17642', class: "zonos--shipping zonos--elements" }, h("div", { key: 'a63647ce745b5201237d493d98bfc8f5c7be1eb2', class: "zonos--group" }, h("zonos-text", { key: '8e910c5b2f998870edd9716cd6e6b103b8b617ad', class: "zonos--title", type: "semiBoldSubheader" }, translate('Delivery options')), this.showErrorBanner && !!this.serviceLevelsAll.length && (h("zonos-banner", { key: 'bb6991ac0beb5f57de5c00fde916936c6d36eb0b', class: "zonos--error-banner", intent: "error" }, translate('No shipping method selected'))), h("zonos-text", { key: 'd3635b8079fe184404c48e0e4cfb5f640567d1a0', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, translate('Shipping method')), !this.serviceLevelsAll.length ? (h("zonos-banner", { bannerTitle: translate('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'), class: "zonos--shipping-method-error", intent: "error" })) : (h("div", { class: "zonos--shipping-options-wrapper" }, h("zonos-shipping-rich-radio", { items: defaultShownServiceLevels, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }), !!defaultShownServiceLevels.length &&
2402
2399
  !!this.serviceLevelsDAP.length && (h("button", { class: classes([
2403
2400
  'zonos--shipping-options-collapse-trigger',
2404
2401
  this.collapsedDAPOptions && 'collapsed',
2405
2402
  ]), onClick: () => {
2406
2403
  this.collapsedDAPOptions = !this.collapsedDAPOptions;
2407
- } }, h("div", { class: "zonos--title-wrapper" }, h("zonos-text", { type: "label" }, `${translate(this.collapsedDAPOptions ? 'Show non-prepaid options' : 'Hide non-prepaid options')} `), h("zonos-icon", { content: ChevronUpIcon })))), h("zonos-collapse", { collapsed: this.collapsedDAPOptions }, h("div", { class: "zonos--dap-wrapper" }, h("zonos-banner", { bannerTitle: translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, translate('You may incur additional fees from the shipping carrier by not prepaying.')), h("zonos-shipping-rich-radio", { items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }))))), h("div", { key: '03c7dc8d310db7dc161b064a1f384034e8b5a067', class: "zonos--group-btn" }, h("zonos-button", { key: '33d4afb9f86b8f8e5a8843c2ccfefac3e9ec1d76', backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
2404
+ } }, h("div", { class: "zonos--title-wrapper" }, h("zonos-text", { type: "label" }, `${translate(this.collapsedDAPOptions ? 'Show non-prepaid options' : 'Hide non-prepaid options')} `), h("zonos-icon", { content: ChevronUpIcon })))), h("zonos-collapse", { collapsed: this.collapsedDAPOptions }, h("div", { class: "zonos--dap-wrapper" }, h("zonos-banner", { bannerTitle: translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, translate('You may incur additional fees from the shipping carrier by not prepaying.')), h("zonos-shipping-rich-radio", { items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }))))), h("div", { key: '5fdef6f67c68d211220b96dc1ff802fa6159711d', class: "zonos--group-btn" }, h("zonos-button", { key: '1d4627bff782561ed545a46a54ef46494b4b2bd6', backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
2408
2405
  // use primary type when on mobile mode
2409
2406
  variant: this.submitBtnType }, translate('Go to payment'))))));
2410
2407
  }