@zonos/elements 1.3.192 → 1.3.194
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{cart-27f6c7a4.js → cart-bc882927.js} +3 -3
- package/dist/cjs/{debounce-3eaa4f7e.js → debounce-d393fafe.js} +1 -1
- package/dist/cjs/{getBorderRadius-87f3b69c.js → getBorderRadius-3d0a563e.js} +1 -1
- package/dist/cjs/index.cjs.js +7 -7
- package/dist/cjs/{isDarkColor-d0c67c3d.js → isDarkColor-92a10a85.js} +1 -1
- package/dist/cjs/{paypal-84d83a76.js → paypal-608fa681.js} +3 -3
- package/dist/cjs/{containsNonLatinChars-2be5129b.js → shouldRenderTaxIdInput-9b8a8de1.js} +23 -0
- package/dist/cjs/zonos-address_11.cjs.entry.js +53 -25
- package/dist/cjs/zonos-badge.cjs.entry.js +1 -1
- package/dist/cjs/zonos-banner.cjs.entry.js +1 -1
- package/dist/cjs/zonos-button_3.cjs.entry.js +3 -3
- package/dist/cjs/zonos-card.cjs.entry.js +2 -2
- package/dist/cjs/zonos-cart-items_13.cjs.entry.js +30 -13
- package/dist/cjs/zonos-checkout.cjs.entry.js +5 -5
- package/dist/cjs/zonos-collapse.cjs.entry.js +1 -1
- package/dist/cjs/zonos-controller.cjs.entry.js +4 -4
- package/dist/cjs/zonos-country-flag.cjs.entry.js +4 -4
- package/dist/cjs/zonos-country-select_4.cjs.entry.js +4 -4
- package/dist/cjs/zonos-empty-state-payment_4.cjs.entry.js +5 -5
- package/dist/cjs/zonos-hello-dialog.cjs.entry.js +4 -4
- package/dist/cjs/zonos-hello.cjs.entry.js +5 -5
- package/dist/cjs/zonos-input.cjs.entry.js +2 -2
- package/dist/cjs/zonos-language-select_2.cjs.entry.js +4 -4
- package/dist/cjs/zonos-logo.cjs.entry.js +1 -1
- package/dist/cjs/zonos-shipping-rich-radio.cjs.entry.js +2 -2
- package/dist/cjs/zonos-stripe-input.cjs.entry.js +3 -3
- package/dist/cjs/zonos-text.cjs.entry.js +1 -1
- package/dist/cjs/zonos-toggle.cjs.entry.js +1 -1
- package/dist/cjs/zonos-v-stack.cjs.entry.js +1 -1
- package/dist/cjs/{zonosStore-adc42868.js → zonosStore-c466b127.js} +1 -0
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-payment/zonos-checkout-payment.js +6 -2
- package/dist/collection/components/common/zonos-stripe-phone-input/zonos-stripe-phone-input.js +8 -6
- package/dist/collection/components/store/zonosStore.js +1 -0
- package/dist/collection/components/stripe/zonos-address/zonos-address.js +18 -3
- package/dist/collection/components/stripe/zonos-custom-address/zonos-custom-address.js +18 -4
- package/dist/collection/components/utils/checkout/shouldRenderTaxIdInput.js +20 -0
- package/dist/collection/components/utils/taxIdValidationResult.js +18 -4
- package/dist/collection/types/generated/graphql.internal.types.js +13 -0
- package/dist/esm/{cart-f5c12be6.js → cart-2f0ee51d.js} +3 -3
- package/dist/esm/{debounce-3cf0793c.js → debounce-a2121722.js} +1 -1
- package/dist/esm/{getBorderRadius-a9a48f79.js → getBorderRadius-413e97eb.js} +1 -1
- package/dist/esm/index.js +7 -7
- package/dist/esm/{isDarkColor-62cbddb5.js → isDarkColor-4c7b2ffc.js} +1 -1
- package/dist/esm/{paypal-594f49e9.js → paypal-3ecdf234.js} +3 -3
- package/dist/esm/{containsNonLatinChars-2d8810c3.js → shouldRenderTaxIdInput-8bc112bb.js} +23 -1
- package/dist/esm/zonos-address_11.entry.js +47 -19
- package/dist/esm/zonos-badge.entry.js +1 -1
- package/dist/esm/zonos-banner.entry.js +1 -1
- package/dist/esm/zonos-button_3.entry.js +3 -3
- package/dist/esm/zonos-card.entry.js +2 -2
- package/dist/esm/zonos-cart-items_13.entry.js +29 -12
- package/dist/esm/zonos-checkout.entry.js +5 -5
- package/dist/esm/zonos-collapse.entry.js +1 -1
- package/dist/esm/zonos-controller.entry.js +4 -4
- package/dist/esm/zonos-country-flag.entry.js +4 -4
- package/dist/esm/zonos-country-select_4.entry.js +4 -4
- package/dist/esm/zonos-empty-state-payment_4.entry.js +5 -5
- package/dist/esm/zonos-hello-dialog.entry.js +4 -4
- package/dist/esm/zonos-hello.entry.js +5 -5
- package/dist/esm/zonos-input.entry.js +2 -2
- package/dist/esm/zonos-language-select_2.entry.js +4 -4
- package/dist/esm/zonos-logo.entry.js +1 -1
- package/dist/esm/zonos-shipping-rich-radio.entry.js +2 -2
- package/dist/esm/zonos-stripe-input.entry.js +3 -3
- package/dist/esm/zonos-text.entry.js +1 -1
- package/dist/esm/zonos-toggle.entry.js +1 -1
- package/dist/esm/zonos-v-stack.entry.js +1 -1
- package/dist/esm/{zonosStore-1ce34e04.js → zonosStore-cdabc848.js} +1 -0
- package/dist/esm-es5/{cart-f5c12be6.js → cart-2f0ee51d.js} +1 -1
- package/dist/esm-es5/{debounce-3cf0793c.js → debounce-a2121722.js} +1 -1
- package/dist/esm-es5/{getBorderRadius-a9a48f79.js → getBorderRadius-413e97eb.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/{isDarkColor-62cbddb5.js → isDarkColor-4c7b2ffc.js} +1 -1
- package/dist/esm-es5/{paypal-594f49e9.js → paypal-3ecdf234.js} +1 -1
- package/dist/esm-es5/shouldRenderTaxIdInput-8bc112bb.js +1 -0
- package/dist/esm-es5/zonos-address_11.entry.js +1 -1
- package/dist/esm-es5/zonos-badge.entry.js +1 -1
- package/dist/esm-es5/zonos-banner.entry.js +1 -1
- package/dist/esm-es5/zonos-button_3.entry.js +1 -1
- package/dist/esm-es5/zonos-card.entry.js +1 -1
- package/dist/esm-es5/zonos-cart-items_13.entry.js +1 -1
- package/dist/esm-es5/zonos-checkout.entry.js +1 -1
- package/dist/esm-es5/zonos-collapse.entry.js +1 -1
- package/dist/esm-es5/zonos-controller.entry.js +1 -1
- package/dist/esm-es5/zonos-country-flag.entry.js +1 -1
- package/dist/esm-es5/zonos-country-select_4.entry.js +1 -1
- package/dist/esm-es5/zonos-empty-state-payment_4.entry.js +1 -1
- package/dist/esm-es5/zonos-hello-dialog.entry.js +1 -1
- package/dist/esm-es5/zonos-hello.entry.js +1 -1
- package/dist/esm-es5/zonos-input.entry.js +1 -1
- package/dist/esm-es5/zonos-language-select_2.entry.js +1 -1
- package/dist/esm-es5/zonos-logo.entry.js +1 -1
- package/dist/esm-es5/zonos-shipping-rich-radio.entry.js +1 -1
- package/dist/esm-es5/zonos-stripe-input.entry.js +1 -1
- package/dist/esm-es5/zonos-text.entry.js +1 -1
- package/dist/esm-es5/zonos-toggle.entry.js +1 -1
- package/dist/esm-es5/zonos-v-stack.entry.js +1 -1
- package/dist/esm-es5/{zonosStore-1ce34e04.js → zonosStore-cdabc848.js} +1 -1
- package/dist/scripts/index.d.ts +10 -0
- package/dist/scripts/index.js +1 -1
- package/dist/scripts/loadZonos.js +1 -1
- package/dist/scripts/zonos.js +1 -1
- package/dist/types/components/utils/checkout/shouldRenderTaxIdInput.d.ts +7 -0
- package/dist/types/scripts/cart/_setupCartDataWithSettings.d.ts +1 -0
- package/dist/types/types/checkout/CheckoutConfig.d.ts +4 -0
- package/dist/types/types/generated/graphql.internal.types.d.ts +18 -0
- package/dist/types/types/generated/graphql.internal.types.ts +24 -0
- package/dist/zonos-elements/assets/RemoveIcon.svg +1 -1
- package/dist/zonos-elements/index.esm.js +1 -1
- package/dist/zonos-elements/p-02787d8c.entry.js +1 -0
- package/dist/zonos-elements/{p-31e90130.system.js → p-06ed3582.system.js} +1 -1
- package/dist/zonos-elements/{p-315d8e78.system.entry.js → p-0fe6efef.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-83a7ece6.system.entry.js → p-127deab4.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-53ffdb91.js → p-13796f98.js} +1 -1
- package/dist/zonos-elements/{p-313ef896.entry.js → p-147ca395.entry.js} +1 -1
- package/dist/zonos-elements/{p-e99354d5.entry.js → p-1eddec23.entry.js} +1 -1
- package/dist/zonos-elements/{p-1146b6e0.entry.js → p-23752a7e.entry.js} +1 -1
- package/dist/zonos-elements/{p-f3f27bf2.system.entry.js → p-24a2e899.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-657390e6.js → p-264e7688.js} +1 -1
- package/dist/zonos-elements/{p-f7d3e48b.entry.js → p-2882b9f4.entry.js} +1 -1
- package/dist/zonos-elements/{p-d7b5b237.js → p-2f34e29a.js} +1 -1
- package/dist/zonos-elements/{p-94a80d93.system.entry.js → p-33488109.system.entry.js} +1 -1
- package/dist/zonos-elements/p-337fab4e.js +1 -0
- package/dist/zonos-elements/{p-682e09fc.system.entry.js → p-39e369f6.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-678ccc3f.system.entry.js → p-3ddecaa4.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-9aa94d71.system.entry.js → p-3e15061e.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-2097fae5.js → p-4593324c.js} +1 -1
- package/dist/zonos-elements/{p-23975acb.system.entry.js → p-48f70043.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-77654589.entry.js → p-4931d780.entry.js} +1 -1
- package/dist/zonos-elements/{p-db3f6d6e.system.entry.js → p-4abc1b34.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-46d3e378.system.entry.js → p-55711b80.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-03bbd1af.entry.js → p-578bf5d7.entry.js} +1 -1
- package/dist/zonos-elements/{p-1e612c29.entry.js → p-5c061a35.entry.js} +1 -1
- package/dist/zonos-elements/p-5d7c9ac3.entry.js +1 -0
- package/dist/zonos-elements/{p-67b904c2.entry.js → p-6096c1c5.entry.js} +1 -1
- package/dist/zonos-elements/{p-7bed199d.entry.js → p-649d3e92.entry.js} +1 -1
- package/dist/zonos-elements/{p-e2d45b2e.system.js → p-6a31eb14.system.js} +1 -1
- package/dist/zonos-elements/{p-5f896e9a.entry.js → p-6adc6e27.entry.js} +1 -1
- package/dist/zonos-elements/{p-97e330cd.entry.js → p-6b2358f2.entry.js} +1 -1
- package/dist/zonos-elements/{p-0dae66d2.entry.js → p-6ccb1b13.entry.js} +1 -1
- package/dist/zonos-elements/p-78a6e775.system.js +1 -0
- package/dist/zonos-elements/{p-aca3a2bb.entry.js → p-7bb9c330.entry.js} +1 -1
- package/dist/zonos-elements/{p-1b29bc5f.system.entry.js → p-8a9d4605.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-3707564c.entry.js → p-8df9a41b.entry.js} +1 -1
- package/dist/zonos-elements/{p-2416aaa1.system.entry.js → p-94e3e50d.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-eeaff898.system.entry.js → p-9e27aaff.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-abc66a0b.entry.js → p-9f6dd86a.entry.js} +1 -1
- package/dist/zonos-elements/p-a2df5a4b.system.entry.js +1 -0
- package/dist/zonos-elements/{p-0fdd7034.system.entry.js → p-a64ab131.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-35f33601.system.entry.js → p-aac95779.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-443b5db2.entry.js → p-ad3c5358.entry.js} +1 -1
- package/dist/zonos-elements/{p-b5edee66.system.js → p-af6af82e.system.js} +1 -1
- package/dist/zonos-elements/{p-f4cc688e.system.entry.js → p-b6afcf3f.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-17299200.js → p-b8d87932.js} +1 -1
- package/dist/zonos-elements/{p-81ee1683.entry.js → p-b8d91f99.entry.js} +1 -1
- package/dist/zonos-elements/{p-c140a0bd.system.entry.js → p-c770044a.system.entry.js} +1 -1
- package/dist/zonos-elements/p-c7f0941d.system.entry.js +1 -0
- package/dist/zonos-elements/{p-b610f70c.system.js → p-d422ad1d.system.js} +1 -1
- package/dist/zonos-elements/{p-89fcd305.system.entry.js → p-d4842d10.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-4d1269a7.entry.js → p-dc1b3bcb.entry.js} +1 -1
- package/dist/zonos-elements/{p-f1f765fc.system.js → p-de47028a.system.js} +1 -1
- package/dist/zonos-elements/{p-3831dab5.system.js → p-de73fec0.system.js} +1 -1
- package/dist/zonos-elements/{p-a09f64e1.entry.js → p-e275d241.entry.js} +1 -1
- package/dist/zonos-elements/p-ea6d87a1.system.js +1 -1
- package/dist/zonos-elements/p-eeb1081e.js +1 -0
- package/dist/zonos-elements/{p-bbbaea3a.system.js → p-f28eb1dd.system.js} +1 -1
- package/dist/zonos-elements/{p-d0f4b6c3.entry.js → p-f6e587bb.entry.js} +1 -1
- package/dist/zonos-elements/{p-3d130579.system.entry.js → p-f8253ae4.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-751bfce8.system.entry.js → p-fccf8c66.system.entry.js} +1 -1
- package/dist/zonos-elements/zonos-elements.esm.js +1 -1
- package/package.json +1 -1
- package/dist/esm-es5/containsNonLatinChars-2d8810c3.js +0 -1
- package/dist/zonos-elements/p-0347d209.entry.js +0 -1
- package/dist/zonos-elements/p-0c64dbbb.js +0 -1
- package/dist/zonos-elements/p-2670438c.system.js +0 -1
- package/dist/zonos-elements/p-5e46a2b2.system.entry.js +0 -1
- package/dist/zonos-elements/p-be83c06e.entry.js +0 -1
- package/dist/zonos-elements/p-df695903.system.entry.js +0 -1
- package/dist/zonos-elements/p-e892fb29.js +0 -1
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-a457c60c.js';
|
|
2
|
-
import { e as cartStore, f as stripeStore, t as trackConversionEvent, V as getFallbackDefaultCountryCode, r as translate, l as localizationStore } from './cart-
|
|
2
|
+
import { e as cartStore, f as stripeStore, t as trackConversionEvent, V as getFallbackDefaultCountryCode, r as translate, l as localizationStore } from './cart-2f0ee51d.js';
|
|
3
|
+
import { z as zonosStore, d as zonosStoreFontFamily, f as isObject_1 } from './zonosStore-cdabc848.js';
|
|
3
4
|
import { b as logError, l as log, i as isCheckoutMobile } from './handleFetch-621e45bc.js';
|
|
5
|
+
import { s as shouldRenderTaxIdInput, i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './shouldRenderTaxIdInput-8bc112bb.js';
|
|
4
6
|
import { c as countryRequireTaxId, s as shipToTaxIdLabels } from './TaxId-50d72254.js';
|
|
5
|
-
import { i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';
|
|
6
7
|
import { c as classes } from './classes-0d95c529.js';
|
|
7
|
-
import { g as getBorderRadius } from './getBorderRadius-
|
|
8
|
-
import { z as zonosStore, d as zonosStoreFontFamily, f as isObject_1 } from './zonosStore-1ce34e04.js';
|
|
8
|
+
import { g as getBorderRadius } from './getBorderRadius-413e97eb.js';
|
|
9
9
|
import { R as RemoveIcon$2 } from './RemoveIcon-9dc5dd1a.js';
|
|
10
|
-
import { i as isDarkColor } from './isDarkColor-
|
|
11
|
-
import { d as debounce_1 } from './debounce-
|
|
10
|
+
import { i as isDarkColor } from './isDarkColor-4c7b2ffc.js';
|
|
11
|
+
import { d as debounce_1 } from './debounce-a2121722.js';
|
|
12
12
|
import { i as inheritAriaAttributes, a as inheritAttributes } from './helpers-2f6955b1.js';
|
|
13
13
|
|
|
14
14
|
const zonosAddressCss = ".sc-zonos-address-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-address-h *.sc-zonos-address{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-address-h img.sc-zonos-address{max-width:100%}.sc-zonos-address-h dl.sc-zonos-address,.sc-zonos-address-h dd.sc-zonos-address,.sc-zonos-address-h h1.sc-zonos-address,.sc-zonos-address-h h2.sc-zonos-address,.sc-zonos-address-h h3.sc-zonos-address,.sc-zonos-address-h h4.sc-zonos-address,.sc-zonos-address-h h5.sc-zonos-address,.sc-zonos-address-h h6.sc-zonos-address,.sc-zonos-address-h hr.sc-zonos-address,.sc-zonos-address-h figure.sc-zonos-address,.sc-zonos-address-h p.sc-zonos-address,.sc-zonos-address-h pre.sc-zonos-address{margin:0}.sc-zonos-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-address-h .zonos--title.sc-zonos-address{margin-bottom:16px}.sc-zonos-address-h .zonos--company-name-input.sc-zonos-address{margin-bottom:16px}.sc-zonos-address-h zonos-banner.sc-zonos-address{margin-top:8px}";
|
|
@@ -207,8 +207,16 @@ const ZonosAddress$1 = class {
|
|
|
207
207
|
if (!countryCode) {
|
|
208
208
|
return null;
|
|
209
209
|
}
|
|
210
|
-
|
|
211
|
-
if (!
|
|
210
|
+
// This just to type guard the countryCode, if it's able to get to this point it should already be in country that has tax id input
|
|
211
|
+
if (!this.isInTaxIdCountry(countryCode)) {
|
|
212
|
+
return null;
|
|
213
|
+
}
|
|
214
|
+
const taxIdInputRendered = shouldRenderTaxIdInput({
|
|
215
|
+
companyName: stripeStore.companyName,
|
|
216
|
+
countryCode,
|
|
217
|
+
});
|
|
218
|
+
// Don't render tax id input if the country doesn't require tax id
|
|
219
|
+
if (!taxIdInputRendered) {
|
|
212
220
|
return null;
|
|
213
221
|
}
|
|
214
222
|
const taxIdInputInfo = shipToTaxIdLabels[countryCode];
|
|
@@ -222,6 +230,11 @@ const ZonosAddress$1 = class {
|
|
|
222
230
|
if (this.type === 'billing') {
|
|
223
231
|
return null;
|
|
224
232
|
}
|
|
233
|
+
// only render the company input if the setting is enabled
|
|
234
|
+
const isCompanyNameEnabled = zonosStore.checkoutSettings.companyFieldsStatus === 'ENABLED';
|
|
235
|
+
if (!isCompanyNameEnabled) {
|
|
236
|
+
return null;
|
|
237
|
+
}
|
|
225
238
|
return (h("zonos-stripe-input", { class: "zonos--company-name-input", inputLabel: translate('Company name (optional)'), inputValue: stripeStore.companyName, onInputChange: (event) => {
|
|
226
239
|
stripeStore.companyName = event.detail;
|
|
227
240
|
} }));
|
|
@@ -246,7 +259,7 @@ const ZonosAddress$1 = class {
|
|
|
246
259
|
this.isAddressFilled = true;
|
|
247
260
|
}
|
|
248
261
|
// this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
|
|
249
|
-
return (h(Host, { key: '
|
|
262
|
+
return (h(Host, { key: '237dca631e154da8d53a8ffce5090b39e9324fde', class: "zonos--address zonos--elements" }, h("zonos-text", { key: 'af7c7f0f7515f428b07179ceea4fd7811f2d20e1', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), h("div", { key: 'e7b9fead0c4e35fc662be8728b8e58bb3b697178', class: "zonos--address-component" })));
|
|
250
263
|
}
|
|
251
264
|
get el() { return getElement(this); }
|
|
252
265
|
static get watchers() { return {
|
|
@@ -1056,8 +1069,16 @@ const ZonosAddress = class {
|
|
|
1056
1069
|
if (!countryCode) {
|
|
1057
1070
|
return null;
|
|
1058
1071
|
}
|
|
1059
|
-
|
|
1060
|
-
if (!
|
|
1072
|
+
// This just to type guard the countryCode, if it's able to get to this point it should already be in country that has tax id input
|
|
1073
|
+
if (!this.isInTaxIdCountry(countryCode)) {
|
|
1074
|
+
return null;
|
|
1075
|
+
}
|
|
1076
|
+
const taxIdInputRendered = shouldRenderTaxIdInput({
|
|
1077
|
+
companyName: stripeStore.companyName,
|
|
1078
|
+
countryCode,
|
|
1079
|
+
});
|
|
1080
|
+
// Don't render tax id input if the country doesn't require tax id
|
|
1081
|
+
if (!taxIdInputRendered) {
|
|
1061
1082
|
return null;
|
|
1062
1083
|
}
|
|
1063
1084
|
const taxIdInputInfo = shipToTaxIdLabels[countryCode];
|
|
@@ -1070,6 +1091,11 @@ const ZonosAddress = class {
|
|
|
1070
1091
|
if (this.type === 'billing') {
|
|
1071
1092
|
return null;
|
|
1072
1093
|
}
|
|
1094
|
+
// only render the company input if the setting is enabled
|
|
1095
|
+
const isCompanyNameEnabled = zonosStore.checkoutSettings.companyFieldsStatus === 'ENABLED';
|
|
1096
|
+
if (!isCompanyNameEnabled) {
|
|
1097
|
+
return null;
|
|
1098
|
+
}
|
|
1073
1099
|
return (h("zonos-stripe-input", { class: "zonos--company-name-input", inputLabel: translate('Company name (optional)'), inputValue: stripeStore.companyName, onInputChange: (event) => {
|
|
1074
1100
|
stripeStore.companyName = event.detail;
|
|
1075
1101
|
} }));
|
|
@@ -1543,10 +1569,10 @@ const ZonosAddress = class {
|
|
|
1543
1569
|
this.country = localizationStore.selectedCountryCode;
|
|
1544
1570
|
}
|
|
1545
1571
|
// this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
|
|
1546
|
-
return (h(Host, { key: '
|
|
1572
|
+
return (h(Host, { key: '896476a9cf01cbb6e88312c1c90a7a022a83269d', class: classes([
|
|
1547
1573
|
'zonos--address zonos--elements',
|
|
1548
1574
|
`zonos--${this.type}-address`,
|
|
1549
|
-
]) }, h("zonos-text", { key: '
|
|
1575
|
+
]) }, h("zonos-text", { key: 'e1a3320ae6c3c8bb104604cef6fc2e6c711b6543', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderCustomAddressForm()));
|
|
1550
1576
|
}
|
|
1551
1577
|
get el() { return getElement(this); }
|
|
1552
1578
|
static get watchers() { return {
|
|
@@ -7806,26 +7832,28 @@ const ZonosStripePhoneInput = class {
|
|
|
7806
7832
|
const fontSize = zonosStore.appearance.fontSizeInputValue || 16;
|
|
7807
7833
|
const hasContent = !!this.phoneNumber;
|
|
7808
7834
|
const countryOptionsList = this.countryOptions
|
|
7809
|
-
? Object.values(this.countryOptions)
|
|
7835
|
+
? Object.values(this.countryOptions)
|
|
7836
|
+
.filter(Boolean)
|
|
7837
|
+
.sort((a, b) => a.displayName.localeCompare(b.displayName))
|
|
7810
7838
|
: [];
|
|
7811
|
-
return (h(Host, { key: '
|
|
7839
|
+
return (h(Host, { key: 'c7ca4076eb70b166979d21074d068912af1496c5', class: classes([
|
|
7812
7840
|
'zonos--phone-input zonos--elements',
|
|
7813
7841
|
isDark && 'dark',
|
|
7814
|
-
]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius(), '--zonos--font-family': zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, h("div", { key: '
|
|
7842
|
+
]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius(), '--zonos--font-family': zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, h("div", { key: '5460d79c86d34daf94538f063274c45ae3be2239', class: classes([
|
|
7815
7843
|
'zonos--label-wrapper',
|
|
7816
7844
|
this.disabled && 'disabled',
|
|
7817
7845
|
this.isFocused && 'focused',
|
|
7818
7846
|
hasContent && 'has-content',
|
|
7819
7847
|
this.error && 'has-error',
|
|
7820
7848
|
this.inputLabel && 'has-label',
|
|
7821
|
-
]) }, h("select", { key: '
|
|
7849
|
+
]) }, h("select", { key: '290d89088b9a800b31ed19cfe3de6831322a3f5a', class: "zonos--select", disabled: this.disabled, onBlur: this.handleBlur, onChange: this.handleCountryChange, onFocus: this.handleFocus }, countryOptionsList.map(option => {
|
|
7822
7850
|
var _a;
|
|
7823
7851
|
return (h("option", { key: option.countryCode, selected: option.countryCode === ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.countryCode), value: option.countryCode }, option.displayName, " (+", option.phoneCode, ")"));
|
|
7824
|
-
})), h("div", { key: '
|
|
7852
|
+
})), h("div", { key: 'b0271d3453869ed79a36d62f5f6bacb22a509b46', class: "zonos--input-group" }, h("div", { key: '49486c915fa2f65878a6f8ab73c48997e4ba1461', class: "zonos--select-wrapper" }, h("div", { key: '63412e8077e062efef5f42c3a77e583ade435b53', class: "zonos--country-select" }, h("div", { key: '5c073598dfeaa0c8de68f07b1a7789f4a56a24c8', class: "zonos--country-select-content" }, this.selectedCountry && (h("div", { key: '8a32922d75343005fde7446736746cd531ff63f8', class: "zonos--country-select-selected" }, h("div", { key: '859cdbc4c1879c38f0c848ff42b38bc5492d3e96', class: "zonos--country-flag-wrapper" }, h("zonos-country-flag", { key: '9167a7c586e2d693bfdcad7773df60a324600be7', class: "zonos--country-flag", countryCode: this.selectedCountry.countryCode })), h("div", { key: 'b39dcadb22202d866fc8e1217bbe2e17704e2300', class: "zonos--country-code" }, "+", this.selectedCountry.phoneCode))), h("div", { key: '4b0a4ce8c94e6e3125cfde55542b38efb6a8a787', class: "zonos--select-chevron-wrapper" }, h("zonos-icon", { key: '25322152ca9550a8b2e667f8f993c38a972aa9ce', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon$1, iconColor: "gray-800" }))))), h("div", { key: 'c6a93ba0656e09a154c3d91327f3573e0288234b', class: classes([
|
|
7825
7853
|
'zonos--input-container',
|
|
7826
7854
|
this.inputLabel && 'has-label',
|
|
7827
7855
|
hasContent && 'has-content',
|
|
7828
|
-
]) }, h("input", Object.assign({ key: '
|
|
7856
|
+
]) }, h("input", Object.assign({ key: '49246ff464685feaa9414d1e7b36f55b82fff564' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: "zonos--floated-input", disabled: this.disabled, id: this.inputId, onBlur: this.handleBlur, onFocus: this.handleFocus, onInput: this.handlePhoneChange, placeholder: ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.phonePlaceholder) || '', ref: el => (this.inputRef = el), type: "tel" })), this.inputLabel && (h("div", { key: '653d278b7ffc634bc7892d54c8fcab7b7626f80e', class: "zonos--floated-label" }, h("label", { key: 'c637ddca7164396d57e8a5eaf98b0e523ee27258', htmlFor: this.inputId }, this.inputLabel || translate('Phone number'))))))), this.error && (h("zonos-text", { key: 'dcc70c068fef73e804eba1f134673168a0bbaf90', textColor: "red-600" }, this.error))));
|
|
7829
7857
|
}
|
|
7830
7858
|
get el() { return getElement(this); }
|
|
7831
7859
|
static get watchers() { return {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-a457c60c.js';
|
|
2
|
-
import { d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
|
|
3
3
|
import { c as classes } from './classes-0d95c529.js';
|
|
4
4
|
|
|
5
5
|
const RemoveLineIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-a457c60c.js';
|
|
2
|
-
import { d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
|
|
3
3
|
import { c as classes } from './classes-0d95c529.js';
|
|
4
4
|
|
|
5
5
|
const zonosBannerCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{border-radius:var(--zonos-elements-radius-10);padding:16px;background:var(--zonos-elements-gray-100)}:host .zonos--container{display:grid;-ms-flex-align:center;align-items:center;grid-template-areas:\"icon header\" \". content\";grid-template-columns:32px auto 0}:host .zonos--icon-wrapper{grid-area:icon;display:-ms-flexbox;display:flex;justify-self:start}:host .zonos--header-wrapper{margin-top:0px;grid-area:header}:host .zonos--content-wrapper{grid-area:content;margin-top:4px}:host(.info){background-color:var(--zonos-elements-blue-100);border:1px solid var(--zonos-elements-blue-200)}:host(.success){background-color:var(--zonos-elements-green-100);border:1px solid var(--zonos-elements-green-200)}:host(.error){background-color:var(--zonos-elements-red-100);border:1px solid var(--zonos-elements-red-200)}:host(.warning){background-color:var(--zonos-elements-orange-100);border:1px solid var(--zonos-elements-orange-200)}";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, d as getElement } from './index-a457c60c.js';
|
|
2
|
-
import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
|
|
3
3
|
import { i as inheritAriaAttributes, a as inheritAttributes } from './helpers-2f6955b1.js';
|
|
4
4
|
import { c as classes } from './classes-0d95c529.js';
|
|
5
|
-
import { g as getBorderRadius } from './getBorderRadius-
|
|
5
|
+
import { g as getBorderRadius } from './getBorderRadius-413e97eb.js';
|
|
6
6
|
import { i as isColorVariable } from './isColorVariable-0a94004f.js';
|
|
7
|
-
import { i as isDarkColor } from './isDarkColor-
|
|
7
|
+
import { i as isDarkColor } from './isDarkColor-4c7b2ffc.js';
|
|
8
8
|
import { s as styles } from './styles-6fc2fad9.js';
|
|
9
9
|
|
|
10
10
|
/**
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-a457c60c.js';
|
|
2
|
-
import { d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
|
|
3
3
|
import { c as classes } from './classes-0d95c529.js';
|
|
4
|
-
import { g as getBorderRadius } from './getBorderRadius-
|
|
4
|
+
import { g as getBorderRadius } from './getBorderRadius-413e97eb.js';
|
|
5
5
|
|
|
6
6
|
const zonosCardCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .styled-card{border:var(--zonos-elements-border);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-6));padding:var(--spacing, 24px);text-align:left;background-color:var(--zonos--background-color);overflow:hidden}:host .styled-card hr{margin-left:calc(var(--spacing, 24px) * -1);margin-right:calc(var(--spacing, 24px) * -1)}:host .styled-card .card-header{margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing, 24px);border-bottom:var(--zonos-elements-border);height:65px;line-height:65px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .styled-card .card-header h5{margin-bottom:0;-ms-flex:1;flex:1}:host .styled-card .card-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);border-top:var(--zonos-elements-border);background:var(--zonos-elements-surface-color-secondary);margin-top:var(--spacing, 24px);border-bottom-left-radius:var(--zonos-elements-radius-8);border-bottom-right-radius:var(--zonos-elements-radius-8);height:var(--footerHeight)}";
|
|
7
7
|
const ZonosCardStyle0 = zonosCardCss;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { r as registerInstance, a as getAssetPath, h, H as Host, F as Fragment, c as createEvent, d as getElement } from './index-a457c60c.js';
|
|
2
|
-
import { e as cartStore, E as currencyFormat, r as translate, M as cartStoreHasOneEligibleItem, N as stripeStoreApplyPromoCode, O as stripeStoreRemovePromoCode, f as stripeStore, C as stripeStoreReset, d as stripeStoreRetrievePayment, t as trackConversionEvent, P as stripeStoreResetPromoCode, Q as stripeStoreMessageBasedOnStatus, l as localizationStore, x as cartStoreNextStep, R as stripeStoreTranslateAddressToLatin, S as cartStoreUpdateSelectedShippingOption, T as cartStoreGetShippingTransitInfo, U as sortServiceLevelOptionsByAmount } from './cart-
|
|
2
|
+
import { e as cartStore, E as currencyFormat, r as translate, M as cartStoreHasOneEligibleItem, N as stripeStoreApplyPromoCode, O as stripeStoreRemovePromoCode, f as stripeStore, C as stripeStoreReset, d as stripeStoreRetrievePayment, t as trackConversionEvent, P as stripeStoreResetPromoCode, Q as stripeStoreMessageBasedOnStatus, l as localizationStore, x as cartStoreNextStep, R as stripeStoreTranslateAddressToLatin, S as cartStoreUpdateSelectedShippingOption, T as cartStoreGetShippingTransitInfo, U as sortServiceLevelOptionsByAmount } from './cart-2f0ee51d.js';
|
|
3
3
|
import { c as classes } from './classes-0d95c529.js';
|
|
4
|
-
import { s as submitGtag, c as paypalStoreReset, b as paypalStore, i as isContrastColor } from './paypal-
|
|
5
|
-
import { z as zonosStore, g as getZonosStoreTheme, d as zonosStoreFontFamily } from './zonosStore-
|
|
4
|
+
import { s as submitGtag, c as paypalStoreReset, b as paypalStore, i as isContrastColor } from './paypal-3ecdf234.js';
|
|
5
|
+
import { z as zonosStore, g as getZonosStoreTheme, d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
|
|
6
6
|
import { h as handleFetch, l as log, s as sendErrorLog, j as jsonParse, g as getIsTestMode, d as allLogs, i as isCheckoutMobile, b as logError, a as getIsStagingMode } from './handleFetch-621e45bc.js';
|
|
7
7
|
import { c as createCustomEvent } from './createCustomEvent-58159025.js';
|
|
8
|
-
import { g as getBorderRadius } from './getBorderRadius-
|
|
8
|
+
import { g as getBorderRadius } from './getBorderRadius-413e97eb.js';
|
|
9
9
|
import { l as languages } from './ILanguage-cd6acb72.js';
|
|
10
|
-
import { i as isDarkColor, t as tinycolor } from './isDarkColor-
|
|
10
|
+
import { i as isDarkColor, t as tinycolor } from './isDarkColor-4c7b2ffc.js';
|
|
11
11
|
import { i as isColorVariable } from './isColorVariable-0a94004f.js';
|
|
12
|
-
import { c as containsNonLatinChars } from './
|
|
12
|
+
import { s as shouldRenderTaxIdInput, c as containsNonLatinChars } from './shouldRenderTaxIdInput-8bc112bb.js';
|
|
13
13
|
import { e as euCountryCodes } from './TaxId-50d72254.js';
|
|
14
14
|
|
|
15
15
|
const getDisplayCurrency = () => {
|
|
@@ -1890,7 +1890,9 @@ const ZonosCheckoutPayment = class {
|
|
|
1890
1890
|
variant: this.submitBtnType }, translate('Place test order')))));
|
|
1891
1891
|
}
|
|
1892
1892
|
return (h(Fragment, null, this.showErrorBanner && (h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, translate('Missing required fields. Make sure all fields are completed.'))), this.hasStripePaymentError && (h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, stripeStore.customErrorMessage ||
|
|
1893
|
-
translate("We couldn't complete your payment. Please verify the payment details and try again."))), paypalStore.paypalErrorMessage && (h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, paypalStore.paypalErrorMessage)), h("zonos-payment", null), h("div", { class: "zonos--group-btn" }, !isPaypalTabSelected && (h(Fragment, null, h("zonos-button", { backgroundColor: this.submitBtnColor, bold: true,
|
|
1893
|
+
translate("We couldn't complete your payment. Please verify the payment details and try again."))), paypalStore.paypalErrorMessage && (h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, paypalStore.paypalErrorMessage)), h("zonos-payment", null), h("div", { class: "zonos--group-btn" }, !isPaypalTabSelected && (h(Fragment, null, h("zonos-button", { backgroundColor: this.submitBtnColor, bold: true, isDisabled: this.continueLoading &&
|
|
1894
|
+
stripeStore.checkoutSettlementCurrency === 'USD', loading: this.continueLoading &&
|
|
1895
|
+
stripeStore.checkoutSettlementCurrency !== 'USD', onClick: async () => {
|
|
1894
1896
|
if (!cartStore.checkoutSession) {
|
|
1895
1897
|
log('Checkout session is not found');
|
|
1896
1898
|
return;
|
|
@@ -1906,7 +1908,9 @@ const ZonosCheckoutPayment = class {
|
|
|
1906
1908
|
amount: cartStore.total,
|
|
1907
1909
|
isForeign: true,
|
|
1908
1910
|
}),
|
|
1909
|
-
})), stripeStore.shouldRenderPayInUsdButton && (h("zonos-button", { class: "zonos--pay-in-base-currency-btn",
|
|
1911
|
+
})), stripeStore.shouldRenderPayInUsdButton && (h("zonos-button", { class: "zonos--pay-in-base-currency-btn", isDisabled: this.continueLoading &&
|
|
1912
|
+
stripeStore.checkoutSettlementCurrency !== 'USD', loading: this.continueLoading &&
|
|
1913
|
+
stripeStore.checkoutSettlementCurrency === 'USD', onClick: async () => {
|
|
1910
1914
|
await this.continueClickHandler({
|
|
1911
1915
|
currencyCode: 'USD',
|
|
1912
1916
|
});
|
|
@@ -2204,16 +2208,29 @@ const isTaxIdRequired = (shippingCountry) => {
|
|
|
2204
2208
|
};
|
|
2205
2209
|
const taxIdValidationResult = ({ companyName, shippingCountry, taxId, }) => {
|
|
2206
2210
|
// Check to see if we are required to collect tax id for the shipping country or not
|
|
2207
|
-
const
|
|
2208
|
-
|
|
2211
|
+
const isTaxIdInputRendered = shouldRenderTaxIdInput({
|
|
2212
|
+
companyName,
|
|
2213
|
+
countryCode: shippingCountry,
|
|
2214
|
+
});
|
|
2215
|
+
// If the tax id input is not even rendered, no need to validate anything and allow to proceed. Validate when tax id input is not even rendered would prevent the user from checking out
|
|
2216
|
+
if (!isTaxIdInputRendered) {
|
|
2217
|
+
return {
|
|
2218
|
+
error: null,
|
|
2219
|
+
valid: true,
|
|
2220
|
+
};
|
|
2221
|
+
}
|
|
2222
|
+
// Cache the result of isTaxIdRequired for reuse
|
|
2223
|
+
const taxIdRequired = isTaxIdRequired(shippingCountry);
|
|
2224
|
+
if (!taxIdRequired) {
|
|
2225
|
+
// If the shipping country does not require a tax id, the validation immediately returns valid
|
|
2209
2226
|
return {
|
|
2210
2227
|
error: null,
|
|
2211
2228
|
valid: true,
|
|
2212
2229
|
};
|
|
2213
2230
|
}
|
|
2214
|
-
// For
|
|
2231
|
+
// For all EU countries, tax id is not required if company name is not filled (not business address)
|
|
2215
2232
|
if (euCountryCodes.includes(shippingCountry)) {
|
|
2216
|
-
if (!companyName) {
|
|
2233
|
+
if (!companyName.trim()) {
|
|
2217
2234
|
return {
|
|
2218
2235
|
error: null,
|
|
2219
2236
|
valid: true,
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, F as Fragment } from './index-a457c60c.js';
|
|
2
|
-
import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, f as stripeStore, g as cartStoreUpdateItems, h as cartStoreReset, j as cartStoreResetTabItems, k as cartStoreClearCheckoutInterval, m as stripeStoreInitCheckoutSession, n as stripeStoreGetPaymentIntent, o as cartStoreStartCheckoutInterval, t as trackConversionEvent, p as getCheckoutSessionBody, q as cartStoreUpdateToErrorState, r as translate, u as getZCountryUrlParam, v as cartStoreSetCheckoutSession, w as stripeStorePrefetchLandedCost, x as cartStoreNextStep, y as stripeStoreUpdateCheckoutSessionBaseCurrency, z as stripeStoreHandleInventoryCheck, A as stripeStoreConfirmPayment, B as stripeStoreHandleInventoryRefund, C as stripeStoreReset, D as localizationStoreOnUpdate, E as currencyFormat } from './cart-
|
|
3
|
-
import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalInitScript, b as paypalStore } from './paypal-
|
|
4
|
-
import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-
|
|
2
|
+
import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, f as stripeStore, g as cartStoreUpdateItems, h as cartStoreReset, j as cartStoreResetTabItems, k as cartStoreClearCheckoutInterval, m as stripeStoreInitCheckoutSession, n as stripeStoreGetPaymentIntent, o as cartStoreStartCheckoutInterval, t as trackConversionEvent, p as getCheckoutSessionBody, q as cartStoreUpdateToErrorState, r as translate, u as getZCountryUrlParam, v as cartStoreSetCheckoutSession, w as stripeStorePrefetchLandedCost, x as cartStoreNextStep, y as stripeStoreUpdateCheckoutSessionBaseCurrency, z as stripeStoreHandleInventoryCheck, A as stripeStoreConfirmPayment, B as stripeStoreHandleInventoryRefund, C as stripeStoreReset, D as localizationStoreOnUpdate, E as currencyFormat } from './cart-2f0ee51d.js';
|
|
3
|
+
import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalInitScript, b as paypalStore } from './paypal-3ecdf234.js';
|
|
4
|
+
import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-cdabc848.js';
|
|
5
5
|
import { h as handleFetch, l as log, b as logError, s as sendErrorLog, c as getElapsedTime, d as allLogs, e as getAdditionalLogMetadata, g as getIsTestMode, j as jsonParse, a as getIsStagingMode, i as isCheckoutMobile } from './handleFetch-621e45bc.js';
|
|
6
6
|
import { c as classes } from './classes-0d95c529.js';
|
|
7
7
|
import { c as createCustomEvent } from './createCustomEvent-58159025.js';
|
|
8
|
-
import { g as getBorderRadius } from './getBorderRadius-
|
|
9
|
-
import { i as isDarkColor } from './isDarkColor-
|
|
8
|
+
import { g as getBorderRadius } from './getBorderRadius-413e97eb.js';
|
|
9
|
+
import { i as isDarkColor } from './isDarkColor-4c7b2ffc.js';
|
|
10
10
|
import { s as styles } from './styles-6fc2fad9.js';
|
|
11
11
|
import { _ as _getIsValidCartId, c as checkoutHiddenBtnSelector, a as checkoutHiddenInternationalBtnSelector, d as domesticRedirectedBtnSelector } from './CheckoutConfig-eb7d6954.js';
|
|
12
12
|
import { R as RemoveIcon } from './RemoveIcon-9dc5dd1a.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, d as getElement } from './index-a457c60c.js';
|
|
2
|
-
import { d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
|
|
3
3
|
|
|
4
4
|
const zonosCollapseCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;overflow:hidden}:host div{position:relative}:host iframe{width:0;height:100%;position:absolute;top:0;border:0}";
|
|
5
5
|
const ZonosCollapseStyle0 = zonosCollapseCss;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host } from './index-a457c60c.js';
|
|
2
|
-
import { G as isValidSelector, f as stripeStore, H as initLocalizationStore, e as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-
|
|
3
|
-
import { z as zonosStore, b as zonosStoreInitSetting, d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { G as isValidSelector, f as stripeStore, H as initLocalizationStore, e as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-2f0ee51d.js';
|
|
3
|
+
import { z as zonosStore, b as zonosStoreInitSetting, d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
|
|
4
4
|
import { g as getGenericSettingsOverride, i as iframeServices, a as injectPrivateIframe } from './getGenericSettingsOverride-0bc3e118.js';
|
|
5
5
|
import { h as handleFetch, b as logError, l as log } from './handleFetch-621e45bc.js';
|
|
6
|
-
import './isDarkColor-
|
|
7
|
-
import './getBorderRadius-
|
|
6
|
+
import './isDarkColor-4c7b2ffc.js';
|
|
7
|
+
import './getBorderRadius-413e97eb.js';
|
|
8
8
|
|
|
9
9
|
const getZonosSettings = async () => {
|
|
10
10
|
if (window.Zonos.cartSettings) {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, d as getElement } from './index-a457c60c.js';
|
|
2
|
-
import { l as localizationStore } from './cart-
|
|
3
|
-
import { d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { l as localizationStore } from './cart-2f0ee51d.js';
|
|
3
|
+
import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
|
|
4
4
|
import { c as classes } from './classes-0d95c529.js';
|
|
5
5
|
import './handleFetch-621e45bc.js';
|
|
6
|
-
import './isDarkColor-
|
|
7
|
-
import './getBorderRadius-
|
|
6
|
+
import './isDarkColor-4c7b2ffc.js';
|
|
7
|
+
import './getBorderRadius-413e97eb.js';
|
|
8
8
|
|
|
9
9
|
const zonosCountryFlagCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host .flag-container{position:relative;overflow:hidden;width:100%;height:100%}:host .flag-icon{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}";
|
|
10
10
|
const ZonosCountryFlagStyle0 = zonosCountryFlagCss;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, d as getElement } from './index-a457c60c.js';
|
|
2
|
-
import { a as localizationStoreUpdateSelectedCountryCode, r as translate, l as localizationStore } from './cart-
|
|
3
|
-
import { d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { a as localizationStoreUpdateSelectedCountryCode, r as translate, l as localizationStore } from './cart-2f0ee51d.js';
|
|
3
|
+
import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
|
|
4
4
|
import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
|
|
5
|
-
import { i as isDarkColor } from './isDarkColor-
|
|
5
|
+
import { i as isDarkColor } from './isDarkColor-4c7b2ffc.js';
|
|
6
6
|
import { l as languages } from './ILanguage-cd6acb72.js';
|
|
7
7
|
import './handleFetch-621e45bc.js';
|
|
8
|
-
import './getBorderRadius-
|
|
8
|
+
import './getBorderRadius-413e97eb.js';
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
11
|
* Fuse.js v7.0.0 - Lightweight fuzzy-search (http://fusejs.io)
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, d as getElement, c as createEvent } from './index-a457c60c.js';
|
|
2
|
-
import { d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
|
|
3
3
|
import { c as classes } from './classes-0d95c529.js';
|
|
4
|
-
import { g as getBorderRadius } from './getBorderRadius-
|
|
5
|
-
import { f as stripeStore, t as trackConversionEvent, e as cartStore } from './cart-
|
|
4
|
+
import { g as getBorderRadius } from './getBorderRadius-413e97eb.js';
|
|
5
|
+
import { f as stripeStore, t as trackConversionEvent, e as cartStore } from './cart-2f0ee51d.js';
|
|
6
6
|
import { b as logError, l as log } from './handleFetch-621e45bc.js';
|
|
7
|
-
import { d as paypalStoreInitButtons } from './paypal-
|
|
8
|
-
import './isDarkColor-
|
|
7
|
+
import { d as paypalStoreInitButtons } from './paypal-3ecdf234.js';
|
|
8
|
+
import './isDarkColor-4c7b2ffc.js';
|
|
9
9
|
|
|
10
10
|
const PaymentEmptyStateDarkIcon = `<svg width="536" height="200" viewBox="0 0 536 200" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
11
|
<mask id="mask0_3739_19124" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="536" height="200">
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-a457c60c.js';
|
|
2
|
-
import { r as translate, l as localizationStore, E as currencyFormat } from './cart-
|
|
3
|
-
import { z as zonosStore } from './zonosStore-
|
|
2
|
+
import { r as translate, l as localizationStore, E as currencyFormat } from './cart-2f0ee51d.js';
|
|
3
|
+
import { z as zonosStore } from './zonosStore-cdabc848.js';
|
|
4
4
|
import { c as classes } from './classes-0d95c529.js';
|
|
5
5
|
import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
|
|
6
6
|
import { g as getHasMoreSpaceOnRight } from './getHasMoreSpaceOnRight-70eb913a.js';
|
|
7
7
|
import './handleFetch-621e45bc.js';
|
|
8
|
-
import './isDarkColor-
|
|
9
|
-
import './getBorderRadius-
|
|
8
|
+
import './isDarkColor-4c7b2ffc.js';
|
|
9
|
+
import './getBorderRadius-413e97eb.js';
|
|
10
10
|
|
|
11
11
|
const getHasMoreSpaceAbove = (ref) => {
|
|
12
12
|
const componentRect = ref.getBoundingClientRect();
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-a457c60c.js';
|
|
2
|
-
import { d as debounce_1 } from './debounce-
|
|
3
|
-
import { l as localizationStore, G as isValidSelector, r as translate, u as getZCountryUrlParam, I as setZCountryUrlParam, J as currencyDisplay, K as currencyConvertAndFormat, L as currencyConvert, E as currencyFormat } from './cart-
|
|
4
|
-
import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-
|
|
2
|
+
import { d as debounce_1 } from './debounce-a2121722.js';
|
|
3
|
+
import { l as localizationStore, G as isValidSelector, r as translate, u as getZCountryUrlParam, I as setZCountryUrlParam, J as currencyDisplay, K as currencyConvertAndFormat, L as currencyConvert, E as currencyFormat } from './cart-2f0ee51d.js';
|
|
4
|
+
import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-cdabc848.js';
|
|
5
5
|
import { c as classes } from './classes-0d95c529.js';
|
|
6
6
|
import { h as handleFetch, b as logError, l as log } from './handleFetch-621e45bc.js';
|
|
7
7
|
import { g as getHasMoreSpaceOnRight } from './getHasMoreSpaceOnRight-70eb913a.js';
|
|
8
|
-
import './isDarkColor-
|
|
9
|
-
import './getBorderRadius-
|
|
8
|
+
import './isDarkColor-4c7b2ffc.js';
|
|
9
|
+
import './getBorderRadius-413e97eb.js';
|
|
10
10
|
|
|
11
11
|
const checkItemRestrictions = async ({ items, shipFrom, shipTo, }) => {
|
|
12
12
|
var _a;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-a457c60c.js';
|
|
2
|
-
import { d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
|
|
3
3
|
import { c as classes } from './classes-0d95c529.js';
|
|
4
|
-
import { g as getBorderRadius } from './getBorderRadius-
|
|
4
|
+
import { g as getBorderRadius } from './getBorderRadius-413e97eb.js';
|
|
5
5
|
|
|
6
6
|
const zonosInputCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{margin:1px;}:host .zonos--label-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%;background:var(--zonos-elements-input-background);border-radius:var(--zonos--border-radius);border:var(--zonos-elements-border)}:host .zonos--label-wrapper:hover{border:1px solid var(--zonos-elements-gray-300)}:host .zonos--floated-input{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding:0 16px;outline:none;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);width:100%;border-radius:var(--zonos--border-radius);background:var(--zonos-elements-input-background);border:0;-ms-flex-order:2;order:2;font-weight:500}:host .zonos--floated-input :-internal-autofill-selected{border-radius:var(--zonos-elements-radius-6) 0 0 var(--zonos-elements-radius-6)}:host .zonos--floated-input :-internal-autofill-selected+label+div{background-color:#e8f0fe}:host .zonos--floated-input.has-label{padding:16px 4px 8px 16px}:host .zonos--floated-input.has-label.has-input-prefix{padding-left:0}:host .zonos--floated-input.has-label.has-input-prefix+.zonos--floated-label::before{margin-left:0}:host .zonos--floated-input:not(.has-label)::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label):-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input::-webkit-input-placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::-moz-placeholder{-moz-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input:-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input:focus{outline:none}:host .zonos--floated-input:focus+.zonos--floated-label::after{-webkit-box-shadow:var(--zonos-elements-glow-blue);box-shadow:var(--zonos-elements-glow-blue)}:host .zonos--floated-input.has-error+.zonos--floated-label::after{-webkit-box-shadow:var(--zonos-elements-glow-error);box-shadow:var(--zonos-elements-glow-error)}:host .zonos--floated-input.has-content::-webkit-input-placeholder,:host .zonos--floated-input:focus::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::-moz-placeholder,:host .zonos--floated-input:focus::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content:-ms-input-placeholder,:host .zonos--floated-input:focus:-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::-ms-input-placeholder,:host .zonos--floated-input:focus::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::placeholder,:host .zonos--floated-input:focus::placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content+.zonos--floated-label::before,:host .zonos--floated-input:focus+.zonos--floated-label::before{top:11px;-webkit-transform:scale(0.8);transform:scale(0.8)}:host .zonos--floated-input:-webkit-autofill,:host .zonos--floated-input:-moz-autofill{background-color:var(--zonos-elements-input-background);color:var(--zonos-elements-text-color)}:host .zonos--floated-label{display:block;max-height:0;pointer-events:none;-ms-flex-order:1;order:1}:host .zonos--floated-label::before{content:attr(data-label);color:var(--zonos-elements-gray-800);position:absolute;font-size:var(--zonos-elements-font-size-base);line-height:var(--zonos-elements-font-size-base);display:inline-block;-webkit-filter:blur(0);filter:blur(0);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);margin-left:16px;top:calc(50% - var(--zonos-elements-font-size-base) / 2);z-index:1}:host .zonos--floated-label::after{content:\"\";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:var(--zonos--border-radius)}:host .disabled .zonos--floated-label{pointer-events:inherit}:host .disabled .zonos--floated-label::after{cursor:not-allowed;z-index:1}:host(.sm){height:calc(var(--zonos-elements-size-sm) - 2px)}:host(.sm) .zonos--floated-input.has-label{padding-top:13px;padding-bottom:0}:host(.sm) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.sm) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:2px}:host(.md){height:calc(var(--zonos-elements-size-md) - 2px)}:host(.md) .zonos--floated-input.has-label{padding-top:20px}:host(.md) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.md) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:6px}:host(.lg){height:calc(var(--zonos-elements-size-lg) - 2px)}:host(.lg) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.lg) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:10px}:host(.xl){height:calc(var(--zonos-elements-size-xl) - 2px)}:host(.xl) .zonos--floated-input.has-label{padding-bottom:2px}";
|
|
7
7
|
const ZonosInputStyle0 = zonosInputCss;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-a457c60c.js';
|
|
2
|
-
import { W as localizationStoreUpdateSelectedLocale, r as translate, l as localizationStore } from './cart-
|
|
3
|
-
import { d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { W as localizationStoreUpdateSelectedLocale, r as translate, l as localizationStore } from './cart-2f0ee51d.js';
|
|
3
|
+
import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
|
|
4
4
|
import { l as languages } from './ILanguage-cd6acb72.js';
|
|
5
5
|
import './handleFetch-621e45bc.js';
|
|
6
|
-
import './isDarkColor-
|
|
7
|
-
import './getBorderRadius-
|
|
6
|
+
import './isDarkColor-4c7b2ffc.js';
|
|
7
|
+
import './getBorderRadius-413e97eb.js';
|
|
8
8
|
|
|
9
9
|
const GreenCheckDuotoneIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
10
10
|
<path d="M7.99996 2.6665C5.05444 2.6665 2.66663 5.05432 2.66663 7.99984C2.66663 10.9454 5.05444 13.3332 7.99996 13.3332C10.9455 13.3332 13.3333 10.9454 13.3333 7.99984C13.3333 5.05432 10.9455 2.6665 7.99996 2.6665Z" fill="#AFF8C3"/>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, a as getAssetPath, H as Host } from './index-a457c60c.js';
|
|
2
|
-
import { d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
|
|
3
3
|
import { c as classes } from './classes-0d95c529.js';
|
|
4
4
|
|
|
5
5
|
const zonosLogoCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host img{-webkit-filter:var(--zonos--filter-color);filter:var(--zonos--filter-color);width:var(--zonos--width)}";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host } from './index-a457c60c.js';
|
|
2
|
-
import { d as zonosStoreFontFamily, z as zonosStore } from './zonosStore-
|
|
2
|
+
import { d as zonosStoreFontFamily, z as zonosStore } from './zonosStore-cdabc848.js';
|
|
3
3
|
import { c as classes } from './classes-0d95c529.js';
|
|
4
|
-
import { g as getBorderRadius } from './getBorderRadius-
|
|
4
|
+
import { g as getBorderRadius } from './getBorderRadius-413e97eb.js';
|
|
5
5
|
import { i as isColorVariable } from './isColorVariable-0a94004f.js';
|
|
6
6
|
|
|
7
7
|
const zonosShippingRichRadioCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host input{margin:0;accent-color:var(--zonos--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(--zonos--border-radius, var(--zonos-elements-radius-10));border-top-right-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-right-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10));border-bottom-left-radius:var(--zonos--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(--zonos--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}";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-a457c60c.js';
|
|
2
|
-
import { d as zonosStoreFontFamily, z as zonosStore } from './zonosStore-
|
|
2
|
+
import { d as zonosStoreFontFamily, z as zonosStore } from './zonosStore-cdabc848.js';
|
|
3
3
|
import { i as inheritAriaAttributes, a as inheritAttributes } from './helpers-2f6955b1.js';
|
|
4
4
|
import { c as classes } from './classes-0d95c529.js';
|
|
5
|
-
import { g as getBorderRadius } from './getBorderRadius-
|
|
6
|
-
import { i as isDarkColor } from './isDarkColor-
|
|
5
|
+
import { g as getBorderRadius } from './getBorderRadius-413e97eb.js';
|
|
6
|
+
import { i as isDarkColor } from './isDarkColor-4c7b2ffc.js';
|
|
7
7
|
|
|
8
8
|
const zonosStripeInputCss = ".sc-zonos-stripe-input-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-stripe-input-h *.sc-zonos-stripe-input{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-stripe-input-h img.sc-zonos-stripe-input{max-width:100%}.sc-zonos-stripe-input-h dl.sc-zonos-stripe-input,.sc-zonos-stripe-input-h dd.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h1.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h2.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h3.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h4.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h5.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h6.sc-zonos-stripe-input,.sc-zonos-stripe-input-h hr.sc-zonos-stripe-input,.sc-zonos-stripe-input-h figure.sc-zonos-stripe-input,.sc-zonos-stripe-input-h p.sc-zonos-stripe-input,.sc-zonos-stripe-input-h pre.sc-zonos-stripe-input{margin:0}.sc-zonos-stripe-input-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-stripe-input-h{--zonos--background-color:#f1f1f1;--zonos--local-glowing-color:0 0 0 3px hsla(0, 0%, 100%, 25%),\n 0 0 0 1px var(--zonos--primary-color);--zonos--border:1px solid #e8e8e8}.dark.sc-zonos-stripe-input-h{color-scheme:dark;--zonos--background-color:#30313d;--zonos--local-glowing-color:0px 2px 4px rgba(0, 0, 0, 0.5),\n 0px 1px 6px rgba(0, 0, 0, 0.25), 0 0 0 3px hsla(0, 0%, 100%, 25%),\n 0 1px 1px 0 rgba(255, 255, 255, 0.12);--zonos--border:1px solid var(--zonos--primary-color)}.sc-zonos-stripe-input-h{margin:1px}.sc-zonos-stripe-input-h .zonos--label-wrapper.sc-zonos-stripe-input{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%;background:var(--zonos--background-color);border-radius:var(--zonos--border-radius);border:var(--zonos--border);outline-offset:0;outline-width:2px;height:calc(var(--zonos-elements-size-xl) - 2px)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding:0 16px;outline:none;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);width:100%;border-radius:var(--zonos--border-radius);background:var(--zonos--background-color);border:var(--zonos--border);-ms-flex-order:2;order:2;font-weight:400;font-size:var(--zonos--font-size);color:var(--zonos-elements-text-color)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input .sc-zonos-stripe-input:-internal-autofill-selected{border-radius:var(--zonos-elements-radius-6) 0 0 var(--zonos-elements-radius-6)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input .sc-zonos-stripe-input:-internal-autofill-selected+label.sc-zonos-stripe-input+div.sc-zonos-stripe-input{background-color:#e8f0fe}.sc-zonos-stripe-input-h .zonos--floated-input.has-label.sc-zonos-stripe-input{padding:24px 4px 2px 16px}.sc-zonos-stripe-input-h .zonos--floated-input.has-label.has-input-prefix.sc-zonos-stripe-input{padding-left:0}.sc-zonos-stripe-input-h .zonos--floated-input.has-label.has-input-prefix.sc-zonos-stripe-input~.zonos--floated-label.sc-zonos-stripe-input label.sc-zonos-stripe-input{margin-left:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label)::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label)::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label):-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label)::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label)::placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input::-webkit-input-placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input::-moz-placeholder{-moz-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input::-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input::placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus{outline:none;border:var(--zonos--border)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus~.zonos--floated-label.sc-zonos-stripe-input::after{-webkit-box-shadow:var(--zonos--glowing-color, var(--zonos--local-glowing-color));box-shadow:var(--zonos--glowing-color, var(--zonos--local-glowing-color))}.sc-zonos-stripe-input-h .zonos--floated-input.has-error.sc-zonos-stripe-input~.zonos--floated-label.sc-zonos-stripe-input::after{-webkit-box-shadow:0 0 0 2px #df1b41;box-shadow:0 0 0 2px #df1b41}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input::-webkit-input-placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input::-moz-placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input:-ms-input-placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus:-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input::-ms-input-placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input::placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus::placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input~.zonos--floated-label.sc-zonos-stripe-input label.sc-zonos-stripe-input,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus~.zonos--floated-label.sc-zonos-stripe-input label.sc-zonos-stripe-input{top:11px;-webkit-transform:scale(0.8);transform:scale(0.8)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:-webkit-autofill,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:-moz-autofill{background-color:var(--zonos-elements-input-background);color:var(--zonos-elements-text-color)}.sc-zonos-stripe-input-h .zonos--floated-label.sc-zonos-stripe-input{display:block;max-height:0;pointer-events:none;-ms-flex-order:1;order:1}.sc-zonos-stripe-input-h .zonos--floated-label.sc-zonos-stripe-input label.sc-zonos-stripe-input{color:var(--zonos-elements-gray-800);position:absolute;font-size:16px;line-height:16px;display:inline-block;-webkit-filter:blur(0);filter:blur(0);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);margin-left:16px;top:calc(50% - 8px);z-index:1}.sc-zonos-stripe-input-h .zonos--floated-label.sc-zonos-stripe-input::after{content:\"\";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:var(--zonos--border-radius)}.sc-zonos-stripe-input-h .disabled.sc-zonos-stripe-input .zonos--floated-label.sc-zonos-stripe-input{pointer-events:inherit}.sc-zonos-stripe-input-h .disabled.sc-zonos-stripe-input .zonos--floated-label.sc-zonos-stripe-input::after{cursor:not-allowed;z-index:1}.dark.sc-zonos-stripe-input-h .zonos--label-wrapper.sc-zonos-stripe-input{background:#30313d}";
|
|
9
9
|
const ZonosStripeInputStyle0 = zonosStripeInputCss;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-a457c60c.js';
|
|
2
|
-
import { d as zonosStoreFontFamily, z as zonosStore } from './zonosStore-
|
|
2
|
+
import { d as zonosStoreFontFamily, z as zonosStore } from './zonosStore-cdabc848.js';
|
|
3
3
|
import { c as classes } from './classes-0d95c529.js';
|
|
4
4
|
import { i as isColorVariable } from './isColorVariable-0a94004f.js';
|
|
5
5
|
import { s as styles } from './styles-6fc2fad9.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host } from './index-a457c60c.js';
|
|
2
|
-
import { d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
|
|
3
3
|
import { c as classes } from './classes-0d95c529.js';
|
|
4
4
|
|
|
5
5
|
const zonosToggleCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host .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}";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-a457c60c.js';
|
|
2
|
-
import { d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
|
|
3
3
|
import { c as classes } from './classes-0d95c529.js';
|
|
4
4
|
|
|
5
5
|
const zonosVStackCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .vstack{display:grid;grid-auto-columns:minmax(0, 1fr);grid-row-gap:var(--spacing, 24px);grid-auto-flow:row}";
|
|
@@ -2771,6 +2771,7 @@ const { dispose: zonosStoreDispose, reset, state: zonosStore, } = createStore(()
|
|
|
2771
2771
|
allowedCharacterSets: 'ALL',
|
|
2772
2772
|
allowedSettlementCurrencies: 'LOCAL',
|
|
2773
2773
|
analyticsProviders: [],
|
|
2774
|
+
companyFieldsStatus: 'DISABLED',
|
|
2774
2775
|
defaultCartExpiration: 3600,
|
|
2775
2776
|
externalPaymentMethods: [],
|
|
2776
2777
|
externalServiceTokens: [],
|