@zonos/elements 1.3.188 → 1.3.190
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/{CheckoutConfig-f1442a60.js → CheckoutConfig-4afc683b.js} +2 -0
- package/dist/cjs/TaxId-12acedde.js +94 -0
- package/dist/cjs/{cart-f9df3ac8.js → cart-27f6c7a4.js} +60 -0
- package/dist/cjs/index.cjs.js +35 -9
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{paypal-5e73c8f5.js → paypal-84d83a76.js} +1 -1
- package/dist/cjs/zonos-address_11.cjs.entry.js +61 -4
- package/dist/cjs/zonos-cart-items_13.cjs.entry.js +37 -31
- package/dist/cjs/zonos-checkout.cjs.entry.js +16 -3
- package/dist/cjs/zonos-controller.cjs.entry.js +1 -1
- package/dist/cjs/zonos-country-flag.cjs.entry.js +1 -1
- package/dist/cjs/zonos-country-select_4.cjs.entry.js +1 -1
- package/dist/cjs/zonos-elements.cjs.js +1 -1
- package/dist/cjs/zonos-empty-state-payment_4.cjs.entry.js +2 -2
- package/dist/cjs/zonos-hello-dialog.cjs.entry.js +1 -1
- package/dist/cjs/zonos-hello.cjs.entry.js +1 -1
- package/dist/cjs/zonos-language-select_2.cjs.entry.js +1 -1
- package/dist/cjs/zonos-stripe-input.cjs.entry.js +1 -1
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.js +31 -1
- package/dist/collection/components/checkout/zonos-checkout/zonos-customer-info/zonos-customer-info.js +14 -28
- package/dist/collection/components/common/zonos-stripe-input/zonos-stripe-input.js +1 -1
- package/dist/collection/components/store/translationStore/strings.arabic.js +3 -0
- package/dist/collection/components/store/translationStore/strings.base.js +3 -0
- package/dist/collection/components/store/translationStore/strings.chinese.js +3 -0
- package/dist/collection/components/store/translationStore/strings.danish.js +3 -0
- package/dist/collection/components/store/translationStore/strings.dutch.js +3 -0
- package/dist/collection/components/store/translationStore/strings.french.js +3 -0
- package/dist/collection/components/store/translationStore/strings.german.js +3 -0
- package/dist/collection/components/store/translationStore/strings.hebrew.js +3 -0
- package/dist/collection/components/store/translationStore/strings.indonesian.js +3 -0
- package/dist/collection/components/store/translationStore/strings.italian.js +3 -0
- package/dist/collection/components/store/translationStore/strings.japanese.js +3 -0
- package/dist/collection/components/store/translationStore/strings.korean.js +3 -0
- package/dist/collection/components/store/translationStore/strings.norwegian.js +3 -0
- package/dist/collection/components/store/translationStore/strings.polish.js +3 -0
- package/dist/collection/components/store/translationStore/strings.portuguese.js +3 -0
- package/dist/collection/components/store/translationStore/strings.russian.js +3 -0
- package/dist/collection/components/store/translationStore/strings.spanish.js +3 -0
- package/dist/collection/components/store/translationStore/strings.swedish.js +3 -0
- package/dist/collection/components/store/translationStore/strings.turkish.js +3 -0
- package/dist/collection/components/store/translationStore/strings.vietnamese.js +3 -0
- package/dist/collection/components/stripe/zonos-address/zonos-address.js +65 -1
- package/dist/collection/components/stripe/zonos-custom-address/zonos-custom-address.js +50 -2
- package/dist/collection/components/utils/taxIdValidationResult.js +23 -2
- package/dist/collection/scripts/_zonosBase.js +25 -1
- package/dist/collection/types/checkout/CheckoutConfig.js +1 -0
- package/dist/collection/types/checkout/TaxId.js +64 -0
- package/dist/esm/{CheckoutConfig-5479d192.js → CheckoutConfig-eb7d6954.js} +2 -1
- package/dist/esm/TaxId-50d72254.js +90 -0
- package/dist/esm/{cart-4725a63b.js → cart-f5c12be6.js} +60 -0
- package/dist/esm/index.js +34 -10
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{paypal-a09943f4.js → paypal-594f49e9.js} +1 -1
- package/dist/esm/zonos-address_11.entry.js +61 -4
- package/dist/esm/zonos-cart-items_13.entry.js +37 -31
- package/dist/esm/zonos-checkout.entry.js +16 -3
- package/dist/esm/zonos-controller.entry.js +1 -1
- package/dist/esm/zonos-country-flag.entry.js +1 -1
- package/dist/esm/zonos-country-select_4.entry.js +1 -1
- package/dist/esm/zonos-elements.js +1 -1
- package/dist/esm/zonos-empty-state-payment_4.entry.js +2 -2
- package/dist/esm/zonos-hello-dialog.entry.js +1 -1
- package/dist/esm/zonos-hello.entry.js +1 -1
- package/dist/esm/zonos-language-select_2.entry.js +1 -1
- package/dist/esm/zonos-stripe-input.entry.js +1 -1
- package/dist/esm-es5/{CheckoutConfig-5479d192.js → CheckoutConfig-eb7d6954.js} +1 -1
- package/dist/esm-es5/TaxId-50d72254.js +1 -0
- package/dist/esm-es5/cart-f5c12be6.js +1 -0
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{paypal-a09943f4.js → paypal-594f49e9.js} +1 -1
- package/dist/esm-es5/zonos-address_11.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-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-elements.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-language-select_2.entry.js +1 -1
- package/dist/esm-es5/zonos-stripe-input.entry.js +1 -1
- package/dist/scripts/index.d.ts +34 -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/checkout/zonos-checkout/zonos-checkout.d.ts +4 -0
- package/dist/types/components/checkout/zonos-checkout/zonos-customer-info/zonos-customer-info.d.ts +4 -5
- package/dist/types/components/store/translationStore/strings.arabic.d.ts +3 -0
- package/dist/types/components/store/translationStore/strings.base.d.ts +3 -0
- package/dist/types/components/store/translationStore/strings.chinese.d.ts +3 -0
- package/dist/types/components/store/translationStore/strings.danish.d.ts +3 -0
- package/dist/types/components/store/translationStore/strings.dutch.d.ts +3 -0
- package/dist/types/components/store/translationStore/strings.french.d.ts +3 -0
- package/dist/types/components/store/translationStore/strings.german.d.ts +3 -0
- package/dist/types/components/store/translationStore/strings.hebrew.d.ts +3 -0
- package/dist/types/components/store/translationStore/strings.indonesian.d.ts +3 -0
- package/dist/types/components/store/translationStore/strings.italian.d.ts +3 -0
- package/dist/types/components/store/translationStore/strings.japanese.d.ts +3 -0
- package/dist/types/components/store/translationStore/strings.korean.d.ts +3 -0
- package/dist/types/components/store/translationStore/strings.norwegian.d.ts +3 -0
- package/dist/types/components/store/translationStore/strings.polish.d.ts +3 -0
- package/dist/types/components/store/translationStore/strings.portuguese.d.ts +3 -0
- package/dist/types/components/store/translationStore/strings.russian.d.ts +3 -0
- package/dist/types/components/store/translationStore/strings.spanish.d.ts +3 -0
- package/dist/types/components/store/translationStore/strings.swedish.d.ts +3 -0
- package/dist/types/components/store/translationStore/strings.turkish.d.ts +3 -0
- package/dist/types/components/store/translationStore/strings.vietnamese.d.ts +3 -0
- package/dist/types/components/stripe/zonos-address/zonos-address.d.ts +13 -0
- package/dist/types/components/stripe/zonos-custom-address/zonos-custom-address.d.ts +9 -0
- package/dist/types/components/utils/taxIdValidationResult.d.ts +2 -1
- package/dist/types/components.d.ts +25 -0
- package/dist/types/scripts/_zonosBase.d.ts +9 -0
- package/dist/types/types/checkout/CheckoutConfig.d.ts +1 -0
- package/dist/types/types/checkout/TaxId.d.ts +123 -1
- package/dist/zonos-elements/index.esm.js +1 -1
- package/dist/zonos-elements/p-01eda7f2.entry.js +1 -0
- package/dist/zonos-elements/p-03bbd1af.entry.js +1 -0
- package/dist/zonos-elements/p-04a0e38b.system.entry.js +1 -0
- package/dist/zonos-elements/{p-e90cb997.entry.js → p-0dae66d2.entry.js} +1 -1
- package/dist/zonos-elements/{p-aaff5dcc.entry.js → p-1146b6e0.entry.js} +1 -1
- package/dist/zonos-elements/{p-8721bd47.system.entry.js → p-23975acb.system.entry.js} +1 -1
- package/dist/zonos-elements/p-2b8345d8.system.js +1 -0
- package/dist/zonos-elements/{p-04303b56.system.entry.js → p-315d8e78.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-175e242e.entry.js → p-3707564c.entry.js} +1 -1
- package/dist/zonos-elements/p-3831dab5.system.js +1 -0
- package/dist/zonos-elements/{p-341f40c2.system.entry.js → p-3d130579.system.entry.js} +1 -1
- package/dist/zonos-elements/p-3f1a2d31.js +1 -0
- package/dist/zonos-elements/{p-0104d3ba.entry.js → p-4d1269a7.entry.js} +1 -1
- package/dist/zonos-elements/p-54fdf40b.entry.js +1 -0
- package/dist/zonos-elements/{p-8ee34712.system.js → p-5e1b2654.system.js} +1 -1
- package/dist/zonos-elements/{p-de462b9b.js → p-657390e6.js} +2 -2
- package/dist/zonos-elements/p-682e09fc.system.entry.js +1 -0
- package/dist/zonos-elements/p-6b361d2b.js +1 -0
- package/dist/zonos-elements/{p-fd348fd4.system.entry.js → p-751bfce8.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-9a7a9b1c.entry.js → p-77654589.entry.js} +1 -1
- package/dist/zonos-elements/{p-e5d081d8.entry.js → p-7bed199d.entry.js} +1 -1
- package/dist/zonos-elements/{p-995761ea.system.entry.js → p-83a7ece6.system.entry.js} +1 -1
- package/dist/zonos-elements/p-86d29d50.system.entry.js +1 -0
- package/dist/zonos-elements/p-97e330cd.entry.js +1 -0
- package/dist/zonos-elements/{p-98e4a965.system.entry.js → p-9aa94d71.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-818d6f17.entry.js → p-a09f64e1.entry.js} +1 -1
- package/dist/zonos-elements/p-c1458d16.system.js +1 -0
- package/dist/zonos-elements/p-d7b5b237.js +1 -0
- package/dist/zonos-elements/{p-6fd6af48.system.entry.js → p-db3f6d6e.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-9913c186.system.js → p-e2d45b2e.system.js} +1 -1
- package/dist/zonos-elements/p-ea6d87a1.system.js +1 -1
- package/dist/zonos-elements/{p-9f7b9d66.system.entry.js → p-eeaff898.system.entry.js} +1 -1
- package/dist/zonos-elements/zonos-elements.esm.js +1 -1
- package/package.json +1 -1
- package/dist/cjs/TaxId-4632639d.js +0 -29
- package/dist/esm/TaxId-915ef042.js +0 -26
- package/dist/esm-es5/TaxId-915ef042.js +0 -1
- package/dist/esm-es5/cart-4725a63b.js +0 -1
- package/dist/zonos-elements/p-12a6b7bd.system.js +0 -1
- package/dist/zonos-elements/p-25c47bf9.system.entry.js +0 -1
- package/dist/zonos-elements/p-33bdbcfd.entry.js +0 -1
- package/dist/zonos-elements/p-36bb3cbb.entry.js +0 -1
- package/dist/zonos-elements/p-5bd927f2.js +0 -1
- package/dist/zonos-elements/p-64ea232c.system.entry.js +0 -1
- package/dist/zonos-elements/p-6b40da70.system.js +0 -1
- package/dist/zonos-elements/p-70d4d436.entry.js +0 -1
- package/dist/zonos-elements/p-92d83e23.system.entry.js +0 -1
- package/dist/zonos-elements/p-f6038af5.entry.js +0 -1
- package/dist/zonos-elements/p-f927fd7a.system.js +0 -1
- package/dist/zonos-elements/p-fa6de0f3.js +0 -1
- package/dist/zonos-elements/p-fe253cc1.js +0 -1
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-0993f42d.js');
|
|
6
|
-
const cart = require('./cart-
|
|
6
|
+
const cart = require('./cart-27f6c7a4.js');
|
|
7
7
|
const classes = require('./classes-b7918f56.js');
|
|
8
|
-
const paypal = require('./paypal-
|
|
8
|
+
const paypal = require('./paypal-84d83a76.js');
|
|
9
9
|
const zonosStore = require('./zonosStore-adc42868.js');
|
|
10
10
|
const handleFetch = require('./handleFetch-969d05d8.js');
|
|
11
11
|
const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
|
|
@@ -14,7 +14,7 @@ const ILanguage = require('./ILanguage-98b04442.js');
|
|
|
14
14
|
const isDarkColor = require('./isDarkColor-d0c67c3d.js');
|
|
15
15
|
const isColorVariable = require('./isColorVariable-525dbfa7.js');
|
|
16
16
|
const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
|
|
17
|
-
const TaxId = require('./TaxId-
|
|
17
|
+
const TaxId = require('./TaxId-12acedde.js');
|
|
18
18
|
|
|
19
19
|
const getDisplayCurrency = () => {
|
|
20
20
|
var _a, _b;
|
|
@@ -2203,10 +2203,11 @@ const ZonosCurrencyToggle = class {
|
|
|
2203
2203
|
};
|
|
2204
2204
|
|
|
2205
2205
|
const isTaxIdRequired = (shippingCountry) => {
|
|
2206
|
-
const requireTaxIdCountry = ['MX'];
|
|
2206
|
+
const requireTaxIdCountry = ['MX', ...TaxId.euCountryCodes];
|
|
2207
2207
|
return requireTaxIdCountry.includes(shippingCountry);
|
|
2208
2208
|
};
|
|
2209
|
-
const taxIdValidationResult = ({ shippingCountry, taxId, }) => {
|
|
2209
|
+
const taxIdValidationResult = ({ companyName, shippingCountry, taxId, }) => {
|
|
2210
|
+
// Check to see if we are required to collect tax id for the shipping country or not
|
|
2210
2211
|
const taxRequired = isTaxIdRequired(shippingCountry);
|
|
2211
2212
|
if (!taxRequired) {
|
|
2212
2213
|
return {
|
|
@@ -2214,6 +2215,25 @@ const taxIdValidationResult = ({ shippingCountry, taxId, }) => {
|
|
|
2214
2215
|
valid: true,
|
|
2215
2216
|
};
|
|
2216
2217
|
}
|
|
2218
|
+
// For GB, tax id is not required if company name is not filled (not business address)
|
|
2219
|
+
if (shippingCountry === 'GB') {
|
|
2220
|
+
if (!companyName) {
|
|
2221
|
+
return {
|
|
2222
|
+
error: null,
|
|
2223
|
+
valid: true,
|
|
2224
|
+
};
|
|
2225
|
+
}
|
|
2226
|
+
if (!taxId) {
|
|
2227
|
+
return {
|
|
2228
|
+
error: 'Tax id is required',
|
|
2229
|
+
valid: false,
|
|
2230
|
+
};
|
|
2231
|
+
}
|
|
2232
|
+
return {
|
|
2233
|
+
error: null,
|
|
2234
|
+
valid: true,
|
|
2235
|
+
};
|
|
2236
|
+
}
|
|
2217
2237
|
if (!taxId) {
|
|
2218
2238
|
return {
|
|
2219
2239
|
error: 'Tax id is required',
|
|
@@ -2403,6 +2423,7 @@ const ZonosCustomerInfo = class {
|
|
|
2403
2423
|
handleFetch.log('==> isValidLink', 'info', isValidLink);
|
|
2404
2424
|
// validate tax id input if it's required for specific countries, optional otherwise
|
|
2405
2425
|
const { error, valid } = taxIdValidationResult({
|
|
2426
|
+
companyName: cart.stripeStore.companyName,
|
|
2406
2427
|
shippingCountry: this.shippingCountry,
|
|
2407
2428
|
taxId: cart.stripeStore.taxId,
|
|
2408
2429
|
});
|
|
@@ -2450,10 +2471,13 @@ const ZonosCustomerInfo = class {
|
|
|
2450
2471
|
}
|
|
2451
2472
|
// Only use the default address for shipping address
|
|
2452
2473
|
const defaultAddress = type === 'shipping' ? this.defaultAddress : [];
|
|
2453
|
-
const shouldUseCustomAddressForm = cart.localizationStore.selectedCountryCode &&
|
|
2474
|
+
const shouldUseCustomAddressForm = !!cart.localizationStore.selectedCountryCode &&
|
|
2454
2475
|
this.shouldEnabledCustomAddress &&
|
|
2455
|
-
((_b = (_a = zonosStore.zonosStore.genericSettings) === null || _a === void 0 ? void 0 : _a.countryCustomAddressEnabled) === null || _b === void 0 ? void 0 : _b.includes(cart.localizationStore.selectedCountryCode));
|
|
2456
|
-
|
|
2476
|
+
!!((_b = (_a = zonosStore.zonosStore.genericSettings) === null || _a === void 0 ? void 0 : _a.countryCustomAddressEnabled) === null || _b === void 0 ? void 0 : _b.includes(cart.localizationStore.selectedCountryCode));
|
|
2477
|
+
// Should only record the form type used once
|
|
2478
|
+
if (type === 'shipping' &&
|
|
2479
|
+
cart.cartStore.checkoutSessionId &&
|
|
2480
|
+
!this.recordedFormTypeUsed) {
|
|
2457
2481
|
void handleFetch.handleFetch('/api/zonos-elements/update-checkout-session-metadata', {
|
|
2458
2482
|
body: {
|
|
2459
2483
|
id: cart.cartStore.checkoutSessionId,
|
|
@@ -2466,13 +2490,14 @@ const ZonosCustomerInfo = class {
|
|
|
2466
2490
|
},
|
|
2467
2491
|
method: 'POST',
|
|
2468
2492
|
});
|
|
2493
|
+
this.recordedFormTypeUsed = true;
|
|
2469
2494
|
}
|
|
2470
2495
|
// Render custom address component if the custom address form is enabled
|
|
2471
2496
|
if (shouldUseCustomAddressForm) {
|
|
2472
|
-
return (index.h("zonos-custom-address", { defaultAddress: defaultAddress, titleText: cart.translate('Address'), type: type }));
|
|
2497
|
+
return (index.h("zonos-custom-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: cart.translate('Address'), type: type }));
|
|
2473
2498
|
}
|
|
2474
2499
|
// Render Stripe address component by default
|
|
2475
|
-
return (index.h("zonos-address", { defaultAddress: defaultAddress, titleText: cart.translate('Address'), type: type }));
|
|
2500
|
+
return (index.h("zonos-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: cart.translate('Address'), type: type }));
|
|
2476
2501
|
};
|
|
2477
2502
|
this.continueLoading = false;
|
|
2478
2503
|
this.submitBtnType = undefined;
|
|
@@ -2490,6 +2515,7 @@ const ZonosCustomerInfo = class {
|
|
|
2490
2515
|
this.openAddressValidationDialog = false;
|
|
2491
2516
|
this.shouldEnabledCustomAddress = false;
|
|
2492
2517
|
this.isEmailError = false;
|
|
2518
|
+
this.recordedFormTypeUsed = false;
|
|
2493
2519
|
}
|
|
2494
2520
|
watchShowErrorBanner() {
|
|
2495
2521
|
// start validate on typing after error banner is shown, and hide it if the form is complete
|
|
@@ -2522,26 +2548,6 @@ const ZonosCustomerInfo = class {
|
|
|
2522
2548
|
}
|
|
2523
2549
|
return invalidList;
|
|
2524
2550
|
}
|
|
2525
|
-
isInTaxIdCountry(countryCode) {
|
|
2526
|
-
return TaxId.countryRequireTaxId.includes(countryCode);
|
|
2527
|
-
}
|
|
2528
|
-
/**
|
|
2529
|
-
* Render tax id input based on ship to country code
|
|
2530
|
-
*/
|
|
2531
|
-
renderTaxIdInput(countryCode) {
|
|
2532
|
-
// Don't render tax id input if the country is not provided
|
|
2533
|
-
if (!countryCode) {
|
|
2534
|
-
return null;
|
|
2535
|
-
}
|
|
2536
|
-
const isCountryRequireTaxId = this.isInTaxIdCountry(countryCode);
|
|
2537
|
-
if (!isCountryRequireTaxId) {
|
|
2538
|
-
return null;
|
|
2539
|
-
}
|
|
2540
|
-
const taxIdInputInfo = TaxId.shipToTaxIdLabels[countryCode];
|
|
2541
|
-
return (index.h("div", { class: "zonos--tax-id-input" }, index.h("zonos-stripe-input", { inputLabel: cart.translate(taxIdInputInfo.friendlyName), inputPlaceholder: taxIdInputInfo.placeholder, inputValue: cart.stripeStore.taxId || '', isError: !!this.taxIdErrorMessage, onInputChange: (event) => {
|
|
2542
|
-
cart.stripeStore.taxId = event.detail;
|
|
2543
|
-
} }), this.taxIdErrorMessage && (index.h("zonos-text", { textColor: 'red-600', type: "caption" }, this.taxIdErrorMessage))));
|
|
2544
|
-
}
|
|
2545
2551
|
render() {
|
|
2546
2552
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
2547
2553
|
if (!cart.stripeStore.stripeElements) {
|
|
@@ -2569,7 +2575,7 @@ const ZonosCustomerInfo = class {
|
|
|
2569
2575
|
const defaultEmail = ((_c = this.defaultAddress.find(Boolean)) === null || _c === void 0 ? void 0 : _c.email) ||
|
|
2570
2576
|
((_f = (_e = (_d = cart.stripeStore.customerProfile) === null || _d === void 0 ? void 0 : _d.locations) === null || _e === void 0 ? void 0 : _e.find(Boolean)) === null || _f === void 0 ? void 0 : _f.email) ||
|
|
2571
2577
|
((_g = cart.stripeStore.customerProfile) === null || _g === void 0 ? void 0 : _g.email);
|
|
2572
|
-
return (index.h(index.Host, { class: "zonos--customer-info zonos--elements" }, index.h("div", { class: "zonos--group" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, cart.translate('Customer information')), this.showErrorBanner && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, cart.translate('Missing required fields. Make sure all fields are completed.'))), index.h("zonos-link-authentication", { defaultEmail: defaultEmail, isEmailError: this.isEmailError, onLinkAuthenticationChange: this.handleEmailValidation, titleText: cart.translate('Contact') }), this.renderAddressComponent('shipping'),
|
|
2578
|
+
return (index.h(index.Host, { class: "zonos--customer-info zonos--elements" }, index.h("div", { class: "zonos--group" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, cart.translate('Customer information')), this.showErrorBanner && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, cart.translate('Missing required fields. Make sure all fields are completed.'))), index.h("zonos-link-authentication", { defaultEmail: defaultEmail, isEmailError: this.isEmailError, onLinkAuthenticationChange: this.handleEmailValidation, titleText: cart.translate('Contact') }), this.renderAddressComponent('shipping'), index.h("zonos-checkbox", { class: "zonos--shipping-same-as-billing-cbx", isChecked: cart.stripeStore.stripeShippingSameAsBilling, label: cart.translate('Shipping address same as billing'), onCheckboxSelected: e => {
|
|
2573
2579
|
cart.stripeStore.stripeShippingSameAsBilling = e.detail;
|
|
2574
2580
|
} }), index.h("zonos-collapse", { collapsed: !showBilling }, this.renderAddressComponent('billing')), index.h("div", { class: "zonos--group-btn" }, index.h("zonos-button", { backgroundColor: this.submitBtnColor, bold: true, loading: this.continueLoading, onClick: () => this.continueClickHandler(), size: "lg",
|
|
2575
2581
|
// use primary type when on mobile mode
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-0993f42d.js');
|
|
6
|
-
const cart = require('./cart-
|
|
7
|
-
const paypal = require('./paypal-
|
|
6
|
+
const cart = require('./cart-27f6c7a4.js');
|
|
7
|
+
const paypal = require('./paypal-84d83a76.js');
|
|
8
8
|
const zonosStore = require('./zonosStore-adc42868.js');
|
|
9
9
|
const handleFetch = require('./handleFetch-969d05d8.js');
|
|
10
10
|
const classes = require('./classes-b7918f56.js');
|
|
@@ -12,7 +12,7 @@ const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
|
|
|
12
12
|
const getBorderRadius = require('./getBorderRadius-87f3b69c.js');
|
|
13
13
|
const isDarkColor = require('./isDarkColor-d0c67c3d.js');
|
|
14
14
|
const styles = require('./styles-d1e64fb9.js');
|
|
15
|
-
const CheckoutConfig = require('./CheckoutConfig-
|
|
15
|
+
const CheckoutConfig = require('./CheckoutConfig-4afc683b.js');
|
|
16
16
|
const RemoveIcon = require('./RemoveIcon-081ac073.js');
|
|
17
17
|
|
|
18
18
|
/**
|
|
@@ -712,6 +712,8 @@ const ZonosCheckout = class {
|
|
|
712
712
|
`#${CheckoutConfig.domesticRedirectedBtnSelector}`,
|
|
713
713
|
// hidden button for legacy checkout facade and when client secret is provided in the query param or session storage when user is redirected from stripe
|
|
714
714
|
`#${CheckoutConfig.checkoutHiddenBtnSelector}`,
|
|
715
|
+
// hidden button for international checkout
|
|
716
|
+
`#${CheckoutConfig.checkoutHiddenInternationalBtnSelector}`,
|
|
715
717
|
].filter(Boolean);
|
|
716
718
|
// also attach event to hidden button if user was redirected with shipping address session
|
|
717
719
|
const buttonAnchorElements = document.querySelectorAll(selectors.join(','));
|
|
@@ -731,12 +733,14 @@ const ZonosCheckout = class {
|
|
|
731
733
|
const startTime = performance.now();
|
|
732
734
|
const isAlwaysTriggerInternationalCheckout = alwaysTriggerInternationalCheckoutSelector &&
|
|
733
735
|
button.matches(alwaysTriggerInternationalCheckoutSelector);
|
|
736
|
+
const isHiddenInternationalCheckoutButton = button.matches(`#${CheckoutConfig.checkoutHiddenInternationalBtnSelector}`);
|
|
734
737
|
const isAnyImmediateTrigger = button.matches(`#${CheckoutConfig.domesticRedirectedBtnSelector}`) ||
|
|
735
738
|
button.matches(`#${CheckoutConfig.checkoutHiddenBtnSelector}`);
|
|
736
739
|
// Allow no country set for legacy facades. Otherwise enforce it being a shippable country and not disabled.
|
|
737
740
|
if (!window.Zonos.isLegacyCheckout &&
|
|
738
741
|
(!isShippableCountry() || isDisabledCountry()) &&
|
|
739
742
|
!isAlwaysTriggerInternationalCheckout &&
|
|
743
|
+
!isHiddenInternationalCheckoutButton &&
|
|
740
744
|
!isAnyImmediateTrigger) {
|
|
741
745
|
return;
|
|
742
746
|
}
|
|
@@ -1067,6 +1071,15 @@ const ZonosCheckout = class {
|
|
|
1067
1071
|
async mockCheckoutSession(session) {
|
|
1068
1072
|
cart.cartStoreSetCheckoutSession(session);
|
|
1069
1073
|
}
|
|
1074
|
+
/**
|
|
1075
|
+
* Trigger the checkout international button
|
|
1076
|
+
*/
|
|
1077
|
+
async triggerCheckoutInternational() {
|
|
1078
|
+
const checkoutInternationalBtn = document.querySelector(`#${CheckoutConfig.checkoutHiddenInternationalBtnSelector}`);
|
|
1079
|
+
if (checkoutInternationalBtn) {
|
|
1080
|
+
checkoutInternationalBtn.dispatchEvent(createCustomEvent.createCustomEvent('click'));
|
|
1081
|
+
}
|
|
1082
|
+
}
|
|
1070
1083
|
async handleCustomerInfoContinue() {
|
|
1071
1084
|
// submit google tag when the form is complete
|
|
1072
1085
|
paypal.submitGtag('zonos-checkout-customer-info');
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-0993f42d.js');
|
|
6
|
-
const cart = require('./cart-
|
|
6
|
+
const cart = require('./cart-27f6c7a4.js');
|
|
7
7
|
const zonosStore = require('./zonosStore-adc42868.js');
|
|
8
8
|
const getGenericSettingsOverride = require('./getGenericSettingsOverride-c0ca32b9.js');
|
|
9
9
|
const handleFetch = require('./handleFetch-969d05d8.js');
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-0993f42d.js');
|
|
6
|
-
const cart = require('./cart-
|
|
6
|
+
const cart = require('./cart-27f6c7a4.js');
|
|
7
7
|
const zonosStore = require('./zonosStore-adc42868.js');
|
|
8
8
|
const classes = require('./classes-b7918f56.js');
|
|
9
9
|
require('./handleFetch-969d05d8.js');
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-0993f42d.js');
|
|
6
|
-
const cart = require('./cart-
|
|
6
|
+
const cart = require('./cart-27f6c7a4.js');
|
|
7
7
|
const zonosStore = require('./zonosStore-adc42868.js');
|
|
8
8
|
const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
|
|
9
9
|
const isDarkColor = require('./isDarkColor-d0c67c3d.js');
|
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy(JSON.parse("[[\"zonos-checkout.cjs\",[[2,\"zonos-checkout\",{\"appearanceSettingsOverride\":[16],\"preview\":[4],\"hiddenMode\":[4,\"hidden-mode\"],\"mobile\":[4],\"overrideStagingMode\":[4,\"override-staging-mode\"],\"defaultAddress\":[16],\"forceDialogOpen\":[4,\"force-dialog-open\"],\"defaultAddressParams\":[32],\"defaultCustomerProfileAddress\":[32],\"customerProfile\":[32],\"open\":[32],\"stripe\":[32],\"submitLoading\":[32],\"collapseReviewMobile\":[32],\"isAttachError\":[32],\"isMobile\":[32],\"isIframed\":[32],\"zonosReviewRef\":[32],\"storybookPaymentStatusOverride\":[32],\"isLegacyCheckout\":[32],\"confirmDialogOpen\":[32],\"isCartExpired\":[32],\"payInUsdConfirmDialogOpen\":[32],\"inventoryCheckErrorMessage\":[32],\"placedOrderInfo\":[32],\"clientSecret\":[32],\"stripeCustomerSessionClientSecret\":[32],\"closeDialogHandler\":[64],\"init\":[64],\"setToFinishStep\":[64],\"mockCheckoutSession\":[64]},[[16,\"zonos--init-cart-info\",\"initCartInfoHandler\"],[4,\"keydown\",\"handleKeyPress\"],[9,\"resize\",\"handleWindowResize\"]],{\"appearanceSettingsOverride\":[\"appearanceSettingsOverrideChanged\",\"handleAppearanceSettingsOverrideChange\"],\"overrideStagingMode\":[\"overrideStagingModeChanged\"],\"mobile\":[\"handleMobileChange\"],\"defaultAddress\":[\"handleAddressChange\"],\"customerProfile\":[\"handleCustomerProfileChange\"],\"clientSecret\":[\"handleClientSecretChange\"],\"stripeCustomerSessionClientSecret\":[\"handleClientSecretChange\"],\"open\":[\"handleOpenChange\"]}]]],[\"zonos-hello.cjs\",[[1,\"zonos-hello\",{\"mobileLocationOverride\":[1,\"mobile-location-override\"],\"animateFromLeftOverride\":[4,\"animate-from-left-override\"],\"appearanceSettingsOverride\":[16],\"showPeekMessage\":[32],\"zonosStoreHelloSettings\":[32],\"showDialog\":[32],\"peekMessage\":[32],\"initialUrl\":[32],\"allRestrictedItems\":[32],\"allFoundProducts\":[32],\"productsOnPage\":[32],\"isHelloWidgetRendered\":[32],\"isMobile\":[32],\"getCountryList\":[64],\"displayCurrency\":[64],\"convertAndFormat\":[64],\"convert\":[64],\"format\":[64],\"openHelloDialog\":[64]},[[9,\"resize\",\"handleResize\"]],{\"appearanceSettingsOverride\":[\"handleAppearanceSettingsOverrideChange\"]}]]],[\"zonos-controller.cjs\",[[1,\"zonos-controller\",{\"config\":[16],\"zonosApiKey\":[1,\"zonos-api-key\"],\"initCheckoutElement\":[64],\"setupGoogleFont\":[64],\"showNotification\":[64],\"reset\":[64],\"overrideConfig\":[64],\"overrideCountry\":[64],\"getAppearanceSetting\":[64],\"updateOrganizationName\":[64]},[[8,\"locationchange\",\"handleLocationChange\"]]]]],[\"zonos-tooltip.cjs\",[[1,\"zonos-tooltip\",{\"label\":[1],\"subtitle\":[1],\"showTooltip\":[32]}]]],[\"zonos-component.cjs\",[[1,\"zonos-component\",{\"first\":[1],\"middle\":[1],\"last\":[1]}]]],[\"zonos-link.cjs\",[[1,\"zonos-link\",{\"href\":[1],\"rel\":[1],\"target\":[1],\"linkTitle\":[1,\"link-title\"]}]]],[\"zonos-logo.cjs\",[[1,\"zonos-logo\",{\"theme\":[1],\"width\":[1]}]]],[\"zonos-text.cjs\",[[1,\"zonos-text\",{\"textColor\":[1,\"text-color\"],\"size\":[1],\"type\":[1],\"weight\":[2],\"ready\":[32]}]]],[\"zonos-hello-dialog.cjs\",[[1,\"zonos-hello-dialog\",{\"isOpen\":[4,\"is-open\"],\"setIsOpen\":[16],\"mobileLocationOverride\":[1,\"mobile-location-override\"],\"animateFromLeftOverride\":[4,\"animate-from-left-override\"],\"appearanceSettings\":[16],\"restrictedItems\":[16],\"welcomeMessage\":[32],\"showCountrySelect\":[32],\"showLanguageSelect\":[32]},[[4,\"click\",\"globalClickHandler\"]],{\"isOpen\":[\"isOpenHandler\"]}]]],[\"zonos-badge.cjs\",[[1,\"zonos-badge\",{\"bold\":[4],\"badgeColor\":[1,\"badge-color\"],\"icon\":[16],\"iconRight\":[4,\"icon-right\"],\"size\":[1],\"rounded\":[4],\"loading\":[4],\"dismissHandler\":[16]}]]],[\"zonos-shipping-rich-radio.cjs\",[[1,\"zonos-shipping-rich-radio\",{\"items\":[16],\"borderColor\":[1,\"border-color\"],\"borderStyle\":[1,\"border-style\"],\"theme\":[1],\"selectedItem\":[16]}]]],[\"zonos-toggle.cjs\",[[1,\"zonos-toggle\",{\"options\":[16],\"value\":[1]}]]],[\"zonos-collapse.cjs\",[[1,\"zonos-collapse\",{\"collapsed\":[4],\"collapseSize\":[2,\"collapse-size\"],\"height\":[32],\"iframe\":[32]}]]],[\"zonos-card.cjs\",[[1,\"zonos-card\",{\"actions\":[16],\"backgroundColor\":[1,\"background-color\"],\"borderRadius\":[2,\"border-radius\"],\"footerActions\":[16],\"footerContent\":[16],\"footerHeight\":[2,\"footer-height\"],\"label\":[16],\"spacing\":[1]}]]],[\"zonos-stripe-input.cjs\",[[2,\"zonos-stripe-input\",{\"name\":[1],\"autoComplete\":[1,\"auto-complete\"],\"inputValue\":[1,\"input-value\"],\"inputLabel\":[1,\"input-label\"],\"overridePrimaryColor\":[1,\"override-primary-color\"],\"overrideSecondaryColor\":[1,\"override-secondary-color\"],\"isDisabled\":[4,\"is-disabled\"],\"isError\":[4,\"is-error\"],\"error\":[1],\"inputPlaceholder\":[1,\"input-placeholder\"],\"value\":[1025],\"required\":[4],\"internalValue\":[32]},null,{\"inputValue\":[\"onInputValueChange\"],\"value\":[\"onValueChange\"]}]]],[\"zonos-input.cjs\",[[1,\"zonos-input\",{\"inputValue\":[1,\"input-value\"],\"inputLabel\":[1,\"input-label\"],\"inputSize\":[1,\"input-size\"],\"isDisabled\":[4,\"is-disabled\"],\"isError\":[4,\"is-error\"],\"inputPlaceholder\":[1,\"input-placeholder\"],\"value\":[32]},null,{\"inputValue\":[\"onInputValueChange\"]}]]],[\"zonos-banner.cjs\",[[1,\"zonos-banner\",{\"bannerTitle\":[1,\"banner-title\"],\"intent\":[1],\"hasContent\":[32]}]]],[\"zonos-v-stack.cjs\",[[1,\"zonos-v-stack\",{\"spacing\":[2]}]]],[\"zonos-empty-state-payment_4.cjs\",[[1,\"zonos-empty-state-payment\",{\"emptyStateText\":[1,\"empty-state-text\"],\"theme\":[1]}],[2,\"zonos-payment\",{\"titleText\":[1,\"title-text\"],\"stripe\":[32],\"stripeElements\":[32],\"isPaymentInfoFilled\":[32]},null,{\"isPaymentInfoFilled\":[\"watchIsPaymentInfoFilled\"],\"stripeElements\":[\"watchInitStripe\"],\"stripe\":[\"watchInitStripe\"]}],[2,\"zonos-paypal-payment\"],[1,\"zonos-notification\",{\"notificationArray\":[32],\"showNotification\":[64]}]]],[\"zonos-language-select_2.cjs\",[[1,\"zonos-language-select\",{\"handleOnClose\":[16]}],[1,\"zonos-select-dialog-header\",{\"handleOnClose\":[16],\"label\":[1]}]]],[\"zonos-country-flag.cjs\",[[1,\"zonos-country-flag\",{\"countryCode\":[1,\"country-code\"],\"size\":[2]}]]],[\"zonos-button_3.cjs\",[[17,\"zonos-button\",{\"buttonColor\":[1,\"button-color\"],\"backgroundColor\":[1,\"background-color\"],\"borderStyle\":[1,\"border-style\"],\"isDisabled\":[4,\"is-disabled\"],\"icon\":[16],\"iconRight\":[4,\"icon-right\"],\"size\":[1],\"variant\":[1],\"noBackground\":[4,\"no-background\"],\"withBoxShadow\":[4,\"with-box-shadow\"],\"noPaddingLeft\":[4,\"no-padding-left\"],\"noPaddingRight\":[4,\"no-padding-right\"],\"loading\":[4],\"justifyContent\":[1,\"justify-content\"],\"bold\":[4],\"theme\":[1],\"hasIcon\":[32],\"hasContent\":[32]},[[2,\"click\",\"clickHandler\"]],{\"icon\":[\"iconChangeHandler\"]}],[1,\"zonos-spinner\",{\"size\":[2],\"spinnerColor\":[1,\"spinner-color\"]}],[1,\"zonos-icon\",{\"autoHeight\":[4,\"auto-height\"],\"iconColor\":[1,\"icon-color\"],\"content\":[1],\"size\":[2]}]]],[\"zonos-country-select_4.cjs\",[[1,\"zonos-country-select\",{\"handleOnClose\":[16],\"inputValue\":[32]}],[1,\"zonos-hello-dialog-footer\",{\"appearanceSettings\":[16],\"setShowCountrySelect\":[16],\"setShowLanguageSelect\":[16]}],[1,\"zonos-custom-message\",{\"icon\":[1],\"message\":[1]}],[2,\"zonos-virtual-scroll\",{\"renderItem\":[16],\"itemWidth\":[2,\"item-width\"],\"fallbackItemHeight\":[2,\"fallback-item-height\"],\"itemHeights\":[16],\"container\":[32],\"scrollTop\":[32],\"totalHeight\":[32]},null,{\"itemHeights\":[\"updateTotalHeight\"],\"fallbackItemHeight\":[\"updateTotalHeight\"]}]]],[\"zonos-address_11.cjs\",[[1,\"zonos-address-update-dialog\",{\"continueLoading\":[4,\"continue-loading\"],\"dialogLoading\":[4,\"dialog-loading\"],\"dialogOpen\":[4,\"dialog-open\"],\"submitBtnType\":[1,\"submit-btn-type\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"isMobile\":[4,\"is-mobile\"],\"shippingAddress\":[16],\"billingAddress\":[16],\"translatedShippingAddress\":[16],\"translatedBillingAddress\":[16],\"showErrorBanner\":[32],\"translatedShippingAddressState\":[32],\"translatedBillingAddressState\":[32]},null,{\"translatedShippingAddress\":[\"watchTranslatedShippingAddress\"],\"translatedBillingAddress\":[\"watchTranslatedBillingAddress\"]}],[2,\"zonos-custom-address\",{\"type\":[1],\"titleText\":[1,\"title-text\"],\"defaultAddress\":[16],\"stripe\":[32],\"isDirtyAddress\":[32],\"isAddressFilled\":[32],\"isAddressLine1Entered\":[32],\"addressSuggestions\":[32],\"countryField\":[32],\"startGooglePlaceSuggestions\":[32],\"shipToCountries\":[32],\"shippingZones\":[32],\"city\":[32],\"country\":[32],\"firstName\":[32],\"lastName\":[32],\"line1\":[32],\"line2\":[32],\"phone\":[32],\"postalCode\":[32],\"state\":[32],\"cityError\":[32],\"stateError\":[32],\"postalCodeError\":[32],\"phoneError\":[32],\"firstNameError\":[32],\"lastNameError\":[32],\"isFirstInitialization\":[32],\"addressService\":[32],\"checkoutSessionId\":[32]},null,{\"checkoutSessionId\":[\"isAddressFilledChanged\"],\"isAddressFilled\":[\"isAddressFilledChanged\"],\"defaultAddress\":[\"defaultAddressChanged\"],\"line1\":[\"line1Changed\"],\"city\":[\"formFieldsChanged\"],\"country\":[\"formFieldsChanged\"],\"firstName\":[\"formFieldsChanged\"],\"lastName\":[\"formFieldsChanged\"],\"line2\":[\"formFieldsChanged\"],\"phone\":[\"formFieldsChanged\"],\"postalCode\":[\"formFieldsChanged\"],\"state\":[\"formFieldsChanged\"],\"addressService\":[\"shouldEnabledCustomAddressChanged\"],\"shippingZones\":[\"shippingZonesChanged\"]}],[2,\"zonos-address\",{\"type\":[1],\"titleText\":[1,\"title-text\"],\"defaultAddress\":[16],\"stripe\":[32],\"isDirtyAddress\":[32],\"isAddressFilled\":[32],\"checkoutSessionId\":[32]},null,{\"checkoutSessionId\":[\"isAddressFilledChanged\"],\"isAddressFilled\":[\"isAddressFilledChanged\"],\"stripe\":[\"watchInitStripe\"],\"defaultAddress\":[\"defaultAddressChanged\"]}],[2,\"zonos-link-authentication\",{\"titleText\":[1,\"title-text\"],\"defaultEmail\":[1,\"default-email\"],\"isEmailError\":[4,\"is-email-error\"],\"stripe\":[32],\"isStagingMode\":[32],\"clientSecret\":[32]},null,{\"isStagingMode\":[\"watchIsStagingMode\"],\"stripe\":[\"watchInitStripe\"],\"clientSecret\":[\"watchInitStripe\"],\"defaultEmail\":[\"watchDefaultEmail\"]}],[1,\"zonos-checkbox\",{\"backgroundColor\":[1,\"background-color\"],\"label\":[1],\"isChecked\":[4,\"is-checked\"],\"isDisabled\":[4,\"is-disabled\"],\"size\":[2],\"fontSize\":[1,\"font-size\"],\"borderStyle\":[1,\"border-style\"]},[[1,\"click\",\"onClick\"]]],[1,\"zonos-address-suggestions\",{\"type\":[1],\"suggestions\":[16],\"selectedSuggestionId\":[32],\"localSuggestions\":[32],\"lastHoveredSuggestionId\":[32]},null,{\"suggestions\":[\"suggestionsChanged\"]}],[1,\"zonos-dialog\",{\"open\":[4],\"headerText\":[1,\"header-text\"],\"width\":[1],\"height\":[1],\"minHeight\":[1,\"min-height\"],\"noHeader\":[4,\"no-header\"],\"noBodyPadding\":[4,\"no-body-padding\"],\"noBorder\":[4,\"no-border\"],\"borderStyle\":[1,\"border-style\"],\"noCloseButton\":[4,\"no-close-button\"],\"noClickOutside\":[4,\"no-click-outside\"],\"mobile\":[4],\"isLoading\":[4,\"is-loading\"],\"isMobile\":[32]},[[9,\"resize\",\"handleWindowResize\"],[4,\"keydown\",\"handleKeyDown\"]]],[2,\"zonos-stripe-phone-input\",{\"autoComplete\":[1,\"auto-complete\"],\"countryOptions\":[16],\"disabled\":[4],\"error\":[1],\"inputLabel\":[1,\"input-label\"],\"overridePrimaryColor\":[1,\"override-primary-color\"],\"overrideSecondaryColor\":[1,\"override-secondary-color\"],\"inputValue\":[1,\"input-value\"],\"countryCode\":[1,\"country-code\"],\"minWidth\":[1,\"min-width\"],\"selectedCountry\":[32],\"phoneNumber\":[32],\"isFocused\":[32],\"isSelectOpen\":[32]},null,{\"countryOptions\":[\"onCountryOptionsChange\"],\"selectedCountry\":[\"onSelectedCountryChange\"],\"inputValue\":[\"onPhoneNumberChange\"]}],[1,\"zonos-address-display\",{\"currentAddress\":[16],\"addressType\":[1,\"address-type\"]}],[1,\"zonos-address-form\",{\"currentAddress\":[16],\"translatedAddress\":[16],\"addressType\":[1,\"address-type\"],\"localAddress\":[32]},null,{\"translatedAddress\":[\"watchCurrentAddress\"]}],[1,\"zonos-stripe-select\",{\"name\":[1],\"selectedValue\":[1,\"selected-value\"],\"selectLabel\":[1,\"select-label\"],\"overridePrimaryColor\":[1,\"override-primary-color\"],\"overrideSecondaryColor\":[1,\"override-secondary-color\"],\"isDisabled\":[4,\"is-disabled\"],\"isError\":[4,\"is-error\"],\"error\":[1],\"selectPlaceholder\":[1,\"select-placeholder\"],\"options\":[16],\"autoComplete\":[1,\"auto-complete\"],\"value\":[1025],\"required\":[4],\"isClearable\":[4,\"is-clearable\"],\"minWidth\":[1,\"min-width\"],\"internalValue\":[32],\"internalOptions\":[32]},null,{\"options\":[\"onOptionsChange\"],\"selectedValue\":[\"onSelectedValueChange\"],\"value\":[\"onValueChange\"]}]]],[\"zonos-cart-items_13.cjs\",[[2,\"zonos-customer-info\",{\"continueLoading\":[4,\"continue-loading\"],\"submitBtnType\":[1,\"submit-btn-type\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"isMobile\":[4,\"is-mobile\"],\"defaultAddress\":[16],\"shouldUseCustomAddressFormOverride\":[4,\"should-use-custom-address-form-override\"],\"showErrorBanner\":[32],\"shippingCountry\":[32],\"isCheckingForRestrictedItems\":[32],\"isValidatingAddress\":[32],\"taxIdErrorMessage\":[32],\"invalidShippingCharacterList\":[32],\"invalidBillingCharacterList\":[32],\"openAddressValidationDialog\":[32],\"shouldEnabledCustomAddress\":[32],\"isEmailError\":[32]},null,{\"showErrorBanner\":[\"watchShowErrorBanner\"]}],[2,\"zonos-checkout-payment\",{\"submitBtnType\":[1,\"submit-btn-type\"],\"continueLoading\":[4,\"continue-loading\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"isMobile\":[4,\"is-mobile\"],\"overridePrimaryColor\":[1,\"override-primary-color\"],\"showErrorBanner\":[32],\"hasStripePaymentError\":[32],\"stagingOrderCreateErrorMessage\":[32],\"internalContinueLoading\":[32]},null,{\"continueLoading\":[\"continueLoadingWatcher\"],\"hasStripePaymentError\":[\"stripePaymentErrorWatcher\"]}],[1,\"zonos-checkout-footer\",{\"mobile\":[4],\"dataTheme\":[1,\"data-theme\"],\"showLanguageDialog\":[32],\"isMobile\":[32]},[[4,\"click\",\"handleGlobalClick\"]],{\"mobile\":[\"handleMobileChange\"]}],[2,\"zonos-shipping\",{\"continueLoading\":[4,\"continue-loading\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"submitBtnType\":[1,\"submit-btn-type\"],\"selectedShippingMethod\":[32],\"collapsedDAPOptions\":[32],\"isSelecting\":[32],\"showErrorBanner\":[32],\"serviceLevelsDDP\":[32],\"serviceLevelsDAP\":[32],\"serviceLevelsOther\":[32],\"serviceLevelsAll\":[32],\"displayBaseCurrency\":[32]}],[1,\"zonos-cart-subtotal\",{\"submitBtnType\":[1,\"submit-btn-type\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"loading\":[32]}],[1,\"zonos-cart-restricted-items\",{\"hide\":[4],\"errorImages\":[32],\"internalCollapsed\":[32],\"firstRender\":[32]}],[1,\"zonos-checkout-finish\",{\"borderRadius\":[1,\"border-radius\"],\"storybookForceStatus\":[1,\"storybook-force-status\"],\"overrideNotification\":[16],\"isLoading\":[32],\"notificationType\":[32],\"notificationTitle\":[32],\"notificationMessages\":[32],\"notificationActionText\":[32],\"order\":[32],\"isWaitingToRedirect\":[32]}],[1,\"zonos-confirm-dialog\",{\"dialogTitle\":[1,\"dialog-title\"],\"dialogIntent\":[1,\"dialog-intent\"],\"dialogSubtitle\":[1,\"dialog-subtitle\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"dialogConfirmBtnText\":[1,\"dialog-confirm-btn-text\"],\"dialogWidth\":[2,\"dialog-width\"],\"dialogCancelBtnText\":[1,\"dialog-cancel-btn-text\"],\"dialogType\":[1,\"dialog-type\"],\"isMobile\":[4,\"is-mobile\"],\"dialogOpen\":[4,\"dialog-open\"],\"noClickOutside\":[4,\"no-click-outside\"]},[[4,\"keydown\",\"handleKeyDown\"]]],[1,\"zonos-checkout-progress-tabs\",{\"tabColor\":[1,\"tab-color\"],\"backgroundColor\":[1,\"background-color\"],\"setTabItems\":[64],\"setTabSelected\":[64]}],[1,\"zonos-review\",{\"mobile\":[4],\"collapsed\":[4],\"isMobile\":[32]},[[9,\"resize\",\"handleWindowResize\"]]],[1,\"zonos-cart-items\",{\"errorImages\":[32]}],[1,\"zonos-currency-toggle\",{\"errorImages\":[32]}],[1,\"zonos-rest-state\",{\"restStateSubtitle\":[1,\"rest-state-subtitle\"],\"restStateTitle\":[1,\"rest-state-title\"],\"restStateType\":[1,\"rest-state-type\"],\"isErrorImageLoad\":[32]}]]]]"), options);
|
|
22
|
+
return index.bootstrapLazy(JSON.parse("[[\"zonos-checkout.cjs\",[[2,\"zonos-checkout\",{\"appearanceSettingsOverride\":[16],\"preview\":[4],\"hiddenMode\":[4,\"hidden-mode\"],\"mobile\":[4],\"overrideStagingMode\":[4,\"override-staging-mode\"],\"defaultAddress\":[16],\"forceDialogOpen\":[4,\"force-dialog-open\"],\"defaultAddressParams\":[32],\"defaultCustomerProfileAddress\":[32],\"customerProfile\":[32],\"open\":[32],\"stripe\":[32],\"submitLoading\":[32],\"collapseReviewMobile\":[32],\"isAttachError\":[32],\"isMobile\":[32],\"isIframed\":[32],\"zonosReviewRef\":[32],\"storybookPaymentStatusOverride\":[32],\"isLegacyCheckout\":[32],\"confirmDialogOpen\":[32],\"isCartExpired\":[32],\"payInUsdConfirmDialogOpen\":[32],\"inventoryCheckErrorMessage\":[32],\"placedOrderInfo\":[32],\"clientSecret\":[32],\"stripeCustomerSessionClientSecret\":[32],\"closeDialogHandler\":[64],\"init\":[64],\"setToFinishStep\":[64],\"mockCheckoutSession\":[64],\"triggerCheckoutInternational\":[64]},[[16,\"zonos--init-cart-info\",\"initCartInfoHandler\"],[4,\"keydown\",\"handleKeyPress\"],[9,\"resize\",\"handleWindowResize\"]],{\"appearanceSettingsOverride\":[\"appearanceSettingsOverrideChanged\",\"handleAppearanceSettingsOverrideChange\"],\"overrideStagingMode\":[\"overrideStagingModeChanged\"],\"mobile\":[\"handleMobileChange\"],\"defaultAddress\":[\"handleAddressChange\"],\"customerProfile\":[\"handleCustomerProfileChange\"],\"clientSecret\":[\"handleClientSecretChange\"],\"stripeCustomerSessionClientSecret\":[\"handleClientSecretChange\"],\"open\":[\"handleOpenChange\"]}]]],[\"zonos-hello.cjs\",[[1,\"zonos-hello\",{\"mobileLocationOverride\":[1,\"mobile-location-override\"],\"animateFromLeftOverride\":[4,\"animate-from-left-override\"],\"appearanceSettingsOverride\":[16],\"showPeekMessage\":[32],\"zonosStoreHelloSettings\":[32],\"showDialog\":[32],\"peekMessage\":[32],\"initialUrl\":[32],\"allRestrictedItems\":[32],\"allFoundProducts\":[32],\"productsOnPage\":[32],\"isHelloWidgetRendered\":[32],\"isMobile\":[32],\"getCountryList\":[64],\"displayCurrency\":[64],\"convertAndFormat\":[64],\"convert\":[64],\"format\":[64],\"openHelloDialog\":[64]},[[9,\"resize\",\"handleResize\"]],{\"appearanceSettingsOverride\":[\"handleAppearanceSettingsOverrideChange\"]}]]],[\"zonos-controller.cjs\",[[1,\"zonos-controller\",{\"config\":[16],\"zonosApiKey\":[1,\"zonos-api-key\"],\"initCheckoutElement\":[64],\"setupGoogleFont\":[64],\"showNotification\":[64],\"reset\":[64],\"overrideConfig\":[64],\"overrideCountry\":[64],\"getAppearanceSetting\":[64],\"updateOrganizationName\":[64]},[[8,\"locationchange\",\"handleLocationChange\"]]]]],[\"zonos-tooltip.cjs\",[[1,\"zonos-tooltip\",{\"label\":[1],\"subtitle\":[1],\"showTooltip\":[32]}]]],[\"zonos-component.cjs\",[[1,\"zonos-component\",{\"first\":[1],\"middle\":[1],\"last\":[1]}]]],[\"zonos-link.cjs\",[[1,\"zonos-link\",{\"href\":[1],\"rel\":[1],\"target\":[1],\"linkTitle\":[1,\"link-title\"]}]]],[\"zonos-logo.cjs\",[[1,\"zonos-logo\",{\"theme\":[1],\"width\":[1]}]]],[\"zonos-text.cjs\",[[1,\"zonos-text\",{\"textColor\":[1,\"text-color\"],\"size\":[1],\"type\":[1],\"weight\":[2],\"ready\":[32]}]]],[\"zonos-hello-dialog.cjs\",[[1,\"zonos-hello-dialog\",{\"isOpen\":[4,\"is-open\"],\"setIsOpen\":[16],\"mobileLocationOverride\":[1,\"mobile-location-override\"],\"animateFromLeftOverride\":[4,\"animate-from-left-override\"],\"appearanceSettings\":[16],\"restrictedItems\":[16],\"welcomeMessage\":[32],\"showCountrySelect\":[32],\"showLanguageSelect\":[32]},[[4,\"click\",\"globalClickHandler\"]],{\"isOpen\":[\"isOpenHandler\"]}]]],[\"zonos-badge.cjs\",[[1,\"zonos-badge\",{\"bold\":[4],\"badgeColor\":[1,\"badge-color\"],\"icon\":[16],\"iconRight\":[4,\"icon-right\"],\"size\":[1],\"rounded\":[4],\"loading\":[4],\"dismissHandler\":[16]}]]],[\"zonos-shipping-rich-radio.cjs\",[[1,\"zonos-shipping-rich-radio\",{\"items\":[16],\"borderColor\":[1,\"border-color\"],\"borderStyle\":[1,\"border-style\"],\"theme\":[1],\"selectedItem\":[16]}]]],[\"zonos-toggle.cjs\",[[1,\"zonos-toggle\",{\"options\":[16],\"value\":[1]}]]],[\"zonos-collapse.cjs\",[[1,\"zonos-collapse\",{\"collapsed\":[4],\"collapseSize\":[2,\"collapse-size\"],\"height\":[32],\"iframe\":[32]}]]],[\"zonos-card.cjs\",[[1,\"zonos-card\",{\"actions\":[16],\"backgroundColor\":[1,\"background-color\"],\"borderRadius\":[2,\"border-radius\"],\"footerActions\":[16],\"footerContent\":[16],\"footerHeight\":[2,\"footer-height\"],\"label\":[16],\"spacing\":[1]}]]],[\"zonos-stripe-input.cjs\",[[2,\"zonos-stripe-input\",{\"name\":[1],\"autoComplete\":[1,\"auto-complete\"],\"inputValue\":[1,\"input-value\"],\"inputLabel\":[1,\"input-label\"],\"overridePrimaryColor\":[1,\"override-primary-color\"],\"overrideSecondaryColor\":[1,\"override-secondary-color\"],\"isDisabled\":[4,\"is-disabled\"],\"isError\":[4,\"is-error\"],\"error\":[1],\"inputPlaceholder\":[1,\"input-placeholder\"],\"value\":[1025],\"required\":[4],\"internalValue\":[32]},null,{\"inputValue\":[\"onInputValueChange\"],\"value\":[\"onValueChange\"]}]]],[\"zonos-input.cjs\",[[1,\"zonos-input\",{\"inputValue\":[1,\"input-value\"],\"inputLabel\":[1,\"input-label\"],\"inputSize\":[1,\"input-size\"],\"isDisabled\":[4,\"is-disabled\"],\"isError\":[4,\"is-error\"],\"inputPlaceholder\":[1,\"input-placeholder\"],\"value\":[32]},null,{\"inputValue\":[\"onInputValueChange\"]}]]],[\"zonos-banner.cjs\",[[1,\"zonos-banner\",{\"bannerTitle\":[1,\"banner-title\"],\"intent\":[1],\"hasContent\":[32]}]]],[\"zonos-v-stack.cjs\",[[1,\"zonos-v-stack\",{\"spacing\":[2]}]]],[\"zonos-empty-state-payment_4.cjs\",[[1,\"zonos-empty-state-payment\",{\"emptyStateText\":[1,\"empty-state-text\"],\"theme\":[1]}],[2,\"zonos-payment\",{\"titleText\":[1,\"title-text\"],\"stripe\":[32],\"stripeElements\":[32],\"isPaymentInfoFilled\":[32]},null,{\"isPaymentInfoFilled\":[\"watchIsPaymentInfoFilled\"],\"stripeElements\":[\"watchInitStripe\"],\"stripe\":[\"watchInitStripe\"]}],[2,\"zonos-paypal-payment\"],[1,\"zonos-notification\",{\"notificationArray\":[32],\"showNotification\":[64]}]]],[\"zonos-language-select_2.cjs\",[[1,\"zonos-language-select\",{\"handleOnClose\":[16]}],[1,\"zonos-select-dialog-header\",{\"handleOnClose\":[16],\"label\":[1]}]]],[\"zonos-country-flag.cjs\",[[1,\"zonos-country-flag\",{\"countryCode\":[1,\"country-code\"],\"size\":[2]}]]],[\"zonos-button_3.cjs\",[[17,\"zonos-button\",{\"buttonColor\":[1,\"button-color\"],\"backgroundColor\":[1,\"background-color\"],\"borderStyle\":[1,\"border-style\"],\"isDisabled\":[4,\"is-disabled\"],\"icon\":[16],\"iconRight\":[4,\"icon-right\"],\"size\":[1],\"variant\":[1],\"noBackground\":[4,\"no-background\"],\"withBoxShadow\":[4,\"with-box-shadow\"],\"noPaddingLeft\":[4,\"no-padding-left\"],\"noPaddingRight\":[4,\"no-padding-right\"],\"loading\":[4],\"justifyContent\":[1,\"justify-content\"],\"bold\":[4],\"theme\":[1],\"hasIcon\":[32],\"hasContent\":[32]},[[2,\"click\",\"clickHandler\"]],{\"icon\":[\"iconChangeHandler\"]}],[1,\"zonos-spinner\",{\"size\":[2],\"spinnerColor\":[1,\"spinner-color\"]}],[1,\"zonos-icon\",{\"autoHeight\":[4,\"auto-height\"],\"iconColor\":[1,\"icon-color\"],\"content\":[1],\"size\":[2]}]]],[\"zonos-country-select_4.cjs\",[[1,\"zonos-country-select\",{\"handleOnClose\":[16],\"inputValue\":[32]}],[1,\"zonos-hello-dialog-footer\",{\"appearanceSettings\":[16],\"setShowCountrySelect\":[16],\"setShowLanguageSelect\":[16]}],[1,\"zonos-custom-message\",{\"icon\":[1],\"message\":[1]}],[2,\"zonos-virtual-scroll\",{\"renderItem\":[16],\"itemWidth\":[2,\"item-width\"],\"fallbackItemHeight\":[2,\"fallback-item-height\"],\"itemHeights\":[16],\"container\":[32],\"scrollTop\":[32],\"totalHeight\":[32]},null,{\"itemHeights\":[\"updateTotalHeight\"],\"fallbackItemHeight\":[\"updateTotalHeight\"]}]]],[\"zonos-address_11.cjs\",[[1,\"zonos-address-update-dialog\",{\"continueLoading\":[4,\"continue-loading\"],\"dialogLoading\":[4,\"dialog-loading\"],\"dialogOpen\":[4,\"dialog-open\"],\"submitBtnType\":[1,\"submit-btn-type\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"isMobile\":[4,\"is-mobile\"],\"shippingAddress\":[16],\"billingAddress\":[16],\"translatedShippingAddress\":[16],\"translatedBillingAddress\":[16],\"showErrorBanner\":[32],\"translatedShippingAddressState\":[32],\"translatedBillingAddressState\":[32]},null,{\"translatedShippingAddress\":[\"watchTranslatedShippingAddress\"],\"translatedBillingAddress\":[\"watchTranslatedBillingAddress\"]}],[2,\"zonos-custom-address\",{\"type\":[1],\"titleText\":[1,\"title-text\"],\"defaultAddress\":[16],\"taxIdErrorMessage\":[1,\"tax-id-error-message\"],\"stripe\":[32],\"isDirtyAddress\":[32],\"isAddressFilled\":[32],\"isAddressLine1Entered\":[32],\"addressSuggestions\":[32],\"countryField\":[32],\"startGooglePlaceSuggestions\":[32],\"shipToCountries\":[32],\"shippingZones\":[32],\"city\":[32],\"country\":[32],\"firstName\":[32],\"lastName\":[32],\"line1\":[32],\"line2\":[32],\"phone\":[32],\"postalCode\":[32],\"state\":[32],\"cityError\":[32],\"stateError\":[32],\"postalCodeError\":[32],\"phoneError\":[32],\"firstNameError\":[32],\"lastNameError\":[32],\"isFirstInitialization\":[32],\"addressService\":[32],\"checkoutSessionId\":[32]},null,{\"checkoutSessionId\":[\"isAddressFilledChanged\"],\"isAddressFilled\":[\"isAddressFilledChanged\"],\"defaultAddress\":[\"defaultAddressChanged\"],\"line1\":[\"line1Changed\"],\"city\":[\"formFieldsChanged\"],\"country\":[\"formFieldsChanged\"],\"firstName\":[\"formFieldsChanged\"],\"lastName\":[\"formFieldsChanged\"],\"line2\":[\"formFieldsChanged\"],\"phone\":[\"formFieldsChanged\"],\"postalCode\":[\"formFieldsChanged\"],\"state\":[\"formFieldsChanged\"],\"addressService\":[\"shouldEnabledCustomAddressChanged\"],\"shippingZones\":[\"shippingZonesChanged\"]}],[2,\"zonos-address\",{\"type\":[1],\"titleText\":[1,\"title-text\"],\"defaultAddress\":[16],\"taxIdErrorMessage\":[1,\"tax-id-error-message\"],\"stripe\":[32],\"isDirtyAddress\":[32],\"isAddressFilled\":[32],\"checkoutSessionId\":[32]},null,{\"checkoutSessionId\":[\"isAddressFilledChanged\"],\"isAddressFilled\":[\"isAddressFilledChanged\"],\"stripe\":[\"watchInitStripe\"],\"defaultAddress\":[\"defaultAddressChanged\"]}],[2,\"zonos-link-authentication\",{\"titleText\":[1,\"title-text\"],\"defaultEmail\":[1,\"default-email\"],\"isEmailError\":[4,\"is-email-error\"],\"stripe\":[32],\"isStagingMode\":[32],\"clientSecret\":[32]},null,{\"isStagingMode\":[\"watchIsStagingMode\"],\"stripe\":[\"watchInitStripe\"],\"clientSecret\":[\"watchInitStripe\"],\"defaultEmail\":[\"watchDefaultEmail\"]}],[1,\"zonos-checkbox\",{\"backgroundColor\":[1,\"background-color\"],\"label\":[1],\"isChecked\":[4,\"is-checked\"],\"isDisabled\":[4,\"is-disabled\"],\"size\":[2],\"fontSize\":[1,\"font-size\"],\"borderStyle\":[1,\"border-style\"]},[[1,\"click\",\"onClick\"]]],[1,\"zonos-address-suggestions\",{\"type\":[1],\"suggestions\":[16],\"selectedSuggestionId\":[32],\"localSuggestions\":[32],\"lastHoveredSuggestionId\":[32]},null,{\"suggestions\":[\"suggestionsChanged\"]}],[1,\"zonos-dialog\",{\"open\":[4],\"headerText\":[1,\"header-text\"],\"width\":[1],\"height\":[1],\"minHeight\":[1,\"min-height\"],\"noHeader\":[4,\"no-header\"],\"noBodyPadding\":[4,\"no-body-padding\"],\"noBorder\":[4,\"no-border\"],\"borderStyle\":[1,\"border-style\"],\"noCloseButton\":[4,\"no-close-button\"],\"noClickOutside\":[4,\"no-click-outside\"],\"mobile\":[4],\"isLoading\":[4,\"is-loading\"],\"isMobile\":[32]},[[9,\"resize\",\"handleWindowResize\"],[4,\"keydown\",\"handleKeyDown\"]]],[2,\"zonos-stripe-phone-input\",{\"autoComplete\":[1,\"auto-complete\"],\"countryOptions\":[16],\"disabled\":[4],\"error\":[1],\"inputLabel\":[1,\"input-label\"],\"overridePrimaryColor\":[1,\"override-primary-color\"],\"overrideSecondaryColor\":[1,\"override-secondary-color\"],\"inputValue\":[1,\"input-value\"],\"countryCode\":[1,\"country-code\"],\"minWidth\":[1,\"min-width\"],\"selectedCountry\":[32],\"phoneNumber\":[32],\"isFocused\":[32],\"isSelectOpen\":[32]},null,{\"countryOptions\":[\"onCountryOptionsChange\"],\"selectedCountry\":[\"onSelectedCountryChange\"],\"inputValue\":[\"onPhoneNumberChange\"]}],[1,\"zonos-address-display\",{\"currentAddress\":[16],\"addressType\":[1,\"address-type\"]}],[1,\"zonos-address-form\",{\"currentAddress\":[16],\"translatedAddress\":[16],\"addressType\":[1,\"address-type\"],\"localAddress\":[32]},null,{\"translatedAddress\":[\"watchCurrentAddress\"]}],[1,\"zonos-stripe-select\",{\"name\":[1],\"selectedValue\":[1,\"selected-value\"],\"selectLabel\":[1,\"select-label\"],\"overridePrimaryColor\":[1,\"override-primary-color\"],\"overrideSecondaryColor\":[1,\"override-secondary-color\"],\"isDisabled\":[4,\"is-disabled\"],\"isError\":[4,\"is-error\"],\"error\":[1],\"selectPlaceholder\":[1,\"select-placeholder\"],\"options\":[16],\"autoComplete\":[1,\"auto-complete\"],\"value\":[1025],\"required\":[4],\"isClearable\":[4,\"is-clearable\"],\"minWidth\":[1,\"min-width\"],\"internalValue\":[32],\"internalOptions\":[32]},null,{\"options\":[\"onOptionsChange\"],\"selectedValue\":[\"onSelectedValueChange\"],\"value\":[\"onValueChange\"]}]]],[\"zonos-cart-items_13.cjs\",[[2,\"zonos-customer-info\",{\"continueLoading\":[4,\"continue-loading\"],\"submitBtnType\":[1,\"submit-btn-type\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"isMobile\":[4,\"is-mobile\"],\"defaultAddress\":[16],\"shouldUseCustomAddressFormOverride\":[4,\"should-use-custom-address-form-override\"],\"showErrorBanner\":[32],\"shippingCountry\":[32],\"isCheckingForRestrictedItems\":[32],\"isValidatingAddress\":[32],\"taxIdErrorMessage\":[32],\"invalidShippingCharacterList\":[32],\"invalidBillingCharacterList\":[32],\"openAddressValidationDialog\":[32],\"shouldEnabledCustomAddress\":[32],\"isEmailError\":[32],\"recordedFormTypeUsed\":[32]},null,{\"showErrorBanner\":[\"watchShowErrorBanner\"]}],[2,\"zonos-checkout-payment\",{\"submitBtnType\":[1,\"submit-btn-type\"],\"continueLoading\":[4,\"continue-loading\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"isMobile\":[4,\"is-mobile\"],\"overridePrimaryColor\":[1,\"override-primary-color\"],\"showErrorBanner\":[32],\"hasStripePaymentError\":[32],\"stagingOrderCreateErrorMessage\":[32],\"internalContinueLoading\":[32]},null,{\"continueLoading\":[\"continueLoadingWatcher\"],\"hasStripePaymentError\":[\"stripePaymentErrorWatcher\"]}],[1,\"zonos-checkout-footer\",{\"mobile\":[4],\"dataTheme\":[1,\"data-theme\"],\"showLanguageDialog\":[32],\"isMobile\":[32]},[[4,\"click\",\"handleGlobalClick\"]],{\"mobile\":[\"handleMobileChange\"]}],[2,\"zonos-shipping\",{\"continueLoading\":[4,\"continue-loading\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"submitBtnType\":[1,\"submit-btn-type\"],\"selectedShippingMethod\":[32],\"collapsedDAPOptions\":[32],\"isSelecting\":[32],\"showErrorBanner\":[32],\"serviceLevelsDDP\":[32],\"serviceLevelsDAP\":[32],\"serviceLevelsOther\":[32],\"serviceLevelsAll\":[32],\"displayBaseCurrency\":[32]}],[1,\"zonos-cart-subtotal\",{\"submitBtnType\":[1,\"submit-btn-type\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"loading\":[32]}],[1,\"zonos-cart-restricted-items\",{\"hide\":[4],\"errorImages\":[32],\"internalCollapsed\":[32],\"firstRender\":[32]}],[1,\"zonos-checkout-finish\",{\"borderRadius\":[1,\"border-radius\"],\"storybookForceStatus\":[1,\"storybook-force-status\"],\"overrideNotification\":[16],\"isLoading\":[32],\"notificationType\":[32],\"notificationTitle\":[32],\"notificationMessages\":[32],\"notificationActionText\":[32],\"order\":[32],\"isWaitingToRedirect\":[32]}],[1,\"zonos-confirm-dialog\",{\"dialogTitle\":[1,\"dialog-title\"],\"dialogIntent\":[1,\"dialog-intent\"],\"dialogSubtitle\":[1,\"dialog-subtitle\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"dialogConfirmBtnText\":[1,\"dialog-confirm-btn-text\"],\"dialogWidth\":[2,\"dialog-width\"],\"dialogCancelBtnText\":[1,\"dialog-cancel-btn-text\"],\"dialogType\":[1,\"dialog-type\"],\"isMobile\":[4,\"is-mobile\"],\"dialogOpen\":[4,\"dialog-open\"],\"noClickOutside\":[4,\"no-click-outside\"]},[[4,\"keydown\",\"handleKeyDown\"]]],[1,\"zonos-checkout-progress-tabs\",{\"tabColor\":[1,\"tab-color\"],\"backgroundColor\":[1,\"background-color\"],\"setTabItems\":[64],\"setTabSelected\":[64]}],[1,\"zonos-review\",{\"mobile\":[4],\"collapsed\":[4],\"isMobile\":[32]},[[9,\"resize\",\"handleWindowResize\"]]],[1,\"zonos-cart-items\",{\"errorImages\":[32]}],[1,\"zonos-currency-toggle\",{\"errorImages\":[32]}],[1,\"zonos-rest-state\",{\"restStateSubtitle\":[1,\"rest-state-subtitle\"],\"restStateTitle\":[1,\"rest-state-title\"],\"restStateType\":[1,\"rest-state-type\"],\"isErrorImageLoad\":[32]}]]]]"), options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
|
@@ -6,9 +6,9 @@ const index = require('./index-0993f42d.js');
|
|
|
6
6
|
const zonosStore = require('./zonosStore-adc42868.js');
|
|
7
7
|
const classes = require('./classes-b7918f56.js');
|
|
8
8
|
const getBorderRadius = require('./getBorderRadius-87f3b69c.js');
|
|
9
|
-
const cart = require('./cart-
|
|
9
|
+
const cart = require('./cart-27f6c7a4.js');
|
|
10
10
|
const handleFetch = require('./handleFetch-969d05d8.js');
|
|
11
|
-
const paypal = require('./paypal-
|
|
11
|
+
const paypal = require('./paypal-84d83a76.js');
|
|
12
12
|
require('./isDarkColor-d0c67c3d.js');
|
|
13
13
|
|
|
14
14
|
const PaymentEmptyStateDarkIcon = `<svg width="536" height="200" viewBox="0 0 536 200" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-0993f42d.js');
|
|
6
|
-
const cart = require('./cart-
|
|
6
|
+
const cart = require('./cart-27f6c7a4.js');
|
|
7
7
|
const zonosStore = require('./zonosStore-adc42868.js');
|
|
8
8
|
const classes = require('./classes-b7918f56.js');
|
|
9
9
|
const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-0993f42d.js');
|
|
6
6
|
const debounce = require('./debounce-3eaa4f7e.js');
|
|
7
|
-
const cart = require('./cart-
|
|
7
|
+
const cart = require('./cart-27f6c7a4.js');
|
|
8
8
|
const zonosStore = require('./zonosStore-adc42868.js');
|
|
9
9
|
const classes = require('./classes-b7918f56.js');
|
|
10
10
|
const handleFetch = require('./handleFetch-969d05d8.js');
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-0993f42d.js');
|
|
6
|
-
const cart = require('./cart-
|
|
6
|
+
const cart = require('./cart-27f6c7a4.js');
|
|
7
7
|
const zonosStore = require('./zonosStore-adc42868.js');
|
|
8
8
|
const ILanguage = require('./ILanguage-98b04442.js');
|
|
9
9
|
require('./handleFetch-969d05d8.js');
|
|
@@ -79,7 +79,7 @@ const ZonosStripeInput = class {
|
|
|
79
79
|
this.inputChange.emit(input.value);
|
|
80
80
|
this.el.inputValue = input.value;
|
|
81
81
|
this.el.dispatchEvent(new Event('change'));
|
|
82
|
-
}, placeholder: this.inputPlaceholder || '', required: this.required, type: "text", value: this.internalValue })), index.h("div", { key: '7388dd7c3ca24bd1a40246215fa9b51c76ab519f', class: "zonos--floated-label" }, index.h("label", { key: 'c975933f597d145c8b9edbeb9ac417603922de9a', htmlFor: this.inputId }, this.inputLabel))), this.error && (index.h("zonos-text", { key: '
|
|
82
|
+
}, placeholder: this.inputPlaceholder || '', required: this.required, type: "text", value: this.internalValue })), index.h("div", { key: '7388dd7c3ca24bd1a40246215fa9b51c76ab519f', class: "zonos--floated-label" }, index.h("label", { key: 'c975933f597d145c8b9edbeb9ac417603922de9a', htmlFor: this.inputId }, this.inputLabel))), this.error && (index.h("zonos-text", { key: '5fc0639cba176f02152bf689caec623c821abdeb', textColor: "red-600", type: "caption" }, this.error))));
|
|
83
83
|
}
|
|
84
84
|
get el() { return index.getElement(this); }
|
|
85
85
|
static get watchers() { return {
|
|
@@ -32,7 +32,7 @@ import { mergeConfig } from "../../utils/mergeConfig";
|
|
|
32
32
|
import { styles } from "../../utils/styles";
|
|
33
33
|
import { submitGtag } from "../../utils/submitGtag";
|
|
34
34
|
import { setupCartData } from "../../../scripts/cart/_setupCartData";
|
|
35
|
-
import { checkoutHiddenBtnSelector, domesticRedirectedBtnSelector, } from "../../../types/checkout/CheckoutConfig";
|
|
35
|
+
import { checkoutHiddenBtnSelector, checkoutHiddenInternationalBtnSelector, domesticRedirectedBtnSelector, } from "../../../types/checkout/CheckoutConfig";
|
|
36
36
|
/** These assets need to be in relative path as https://www.npmjs.com/package/stencil-inline-svg suggested */
|
|
37
37
|
// eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
|
|
38
38
|
import MessageIcon from "./assets/MessageIcon.svg";
|
|
@@ -438,6 +438,8 @@ export class ZonosCheckout {
|
|
|
438
438
|
`#${domesticRedirectedBtnSelector}`,
|
|
439
439
|
// hidden button for legacy checkout facade and when client secret is provided in the query param or session storage when user is redirected from stripe
|
|
440
440
|
`#${checkoutHiddenBtnSelector}`,
|
|
441
|
+
// hidden button for international checkout
|
|
442
|
+
`#${checkoutHiddenInternationalBtnSelector}`,
|
|
441
443
|
].filter(Boolean);
|
|
442
444
|
// also attach event to hidden button if user was redirected with shipping address session
|
|
443
445
|
const buttonAnchorElements = document.querySelectorAll(selectors.join(','));
|
|
@@ -457,12 +459,14 @@ export class ZonosCheckout {
|
|
|
457
459
|
const startTime = performance.now();
|
|
458
460
|
const isAlwaysTriggerInternationalCheckout = alwaysTriggerInternationalCheckoutSelector &&
|
|
459
461
|
button.matches(alwaysTriggerInternationalCheckoutSelector);
|
|
462
|
+
const isHiddenInternationalCheckoutButton = button.matches(`#${checkoutHiddenInternationalBtnSelector}`);
|
|
460
463
|
const isAnyImmediateTrigger = button.matches(`#${domesticRedirectedBtnSelector}`) ||
|
|
461
464
|
button.matches(`#${checkoutHiddenBtnSelector}`);
|
|
462
465
|
// Allow no country set for legacy facades. Otherwise enforce it being a shippable country and not disabled.
|
|
463
466
|
if (!window.Zonos.isLegacyCheckout &&
|
|
464
467
|
(!isShippableCountry() || isDisabledCountry()) &&
|
|
465
468
|
!isAlwaysTriggerInternationalCheckout &&
|
|
469
|
+
!isHiddenInternationalCheckoutButton &&
|
|
466
470
|
!isAnyImmediateTrigger) {
|
|
467
471
|
return;
|
|
468
472
|
}
|
|
@@ -793,6 +797,15 @@ export class ZonosCheckout {
|
|
|
793
797
|
async mockCheckoutSession(session) {
|
|
794
798
|
cartStoreSetCheckoutSession(session);
|
|
795
799
|
}
|
|
800
|
+
/**
|
|
801
|
+
* Trigger the checkout international button
|
|
802
|
+
*/
|
|
803
|
+
async triggerCheckoutInternational() {
|
|
804
|
+
const checkoutInternationalBtn = document.querySelector(`#${checkoutHiddenInternationalBtnSelector}`);
|
|
805
|
+
if (checkoutInternationalBtn) {
|
|
806
|
+
checkoutInternationalBtn.dispatchEvent(createCustomEvent('click'));
|
|
807
|
+
}
|
|
808
|
+
}
|
|
796
809
|
async handleCustomerInfoContinue() {
|
|
797
810
|
// submit google tag when the form is complete
|
|
798
811
|
submitGtag('zonos-checkout-customer-info');
|
|
@@ -1503,6 +1516,23 @@ export class ZonosCheckout {
|
|
|
1503
1516
|
"text": "For usage in storybook for a mocked flow.",
|
|
1504
1517
|
"tags": []
|
|
1505
1518
|
}
|
|
1519
|
+
},
|
|
1520
|
+
"triggerCheckoutInternational": {
|
|
1521
|
+
"complexType": {
|
|
1522
|
+
"signature": "() => Promise<void>",
|
|
1523
|
+
"parameters": [],
|
|
1524
|
+
"references": {
|
|
1525
|
+
"Promise": {
|
|
1526
|
+
"location": "global",
|
|
1527
|
+
"id": "global::Promise"
|
|
1528
|
+
}
|
|
1529
|
+
},
|
|
1530
|
+
"return": "Promise<void>"
|
|
1531
|
+
},
|
|
1532
|
+
"docs": {
|
|
1533
|
+
"text": "Trigger the checkout international button",
|
|
1534
|
+
"tags": []
|
|
1535
|
+
}
|
|
1506
1536
|
}
|
|
1507
1537
|
};
|
|
1508
1538
|
}
|
|
@@ -9,7 +9,6 @@ import { handleFetch } from "../../../utils/handleFetch";
|
|
|
9
9
|
import { log } from "../../../utils/logging/log";
|
|
10
10
|
import { sendErrorLog } from "../../../utils/logging/sendErrorLog";
|
|
11
11
|
import { taxIdValidationResult } from "../../../utils/taxIdValidationResult";
|
|
12
|
-
import { countryRequireTaxId, shipToTaxIdLabels, } from "../../../../types/checkout/Tax";
|
|
13
12
|
export class ZonosCustomerInfo {
|
|
14
13
|
constructor() {
|
|
15
14
|
/**
|
|
@@ -166,6 +165,7 @@ export class ZonosCustomerInfo {
|
|
|
166
165
|
log('==> isValidLink', 'info', isValidLink);
|
|
167
166
|
// validate tax id input if it's required for specific countries, optional otherwise
|
|
168
167
|
const { error, valid } = taxIdValidationResult({
|
|
168
|
+
companyName: stripeStore.companyName,
|
|
169
169
|
shippingCountry: this.shippingCountry,
|
|
170
170
|
taxId: stripeStore.taxId,
|
|
171
171
|
});
|
|
@@ -213,10 +213,13 @@ export class ZonosCustomerInfo {
|
|
|
213
213
|
}
|
|
214
214
|
// Only use the default address for shipping address
|
|
215
215
|
const defaultAddress = type === 'shipping' ? this.defaultAddress : [];
|
|
216
|
-
const shouldUseCustomAddressForm = localizationStore.selectedCountryCode &&
|
|
216
|
+
const shouldUseCustomAddressForm = !!localizationStore.selectedCountryCode &&
|
|
217
217
|
this.shouldEnabledCustomAddress &&
|
|
218
|
-
((_b = (_a = zonosStore.genericSettings) === null || _a === void 0 ? void 0 : _a.countryCustomAddressEnabled) === null || _b === void 0 ? void 0 : _b.includes(localizationStore.selectedCountryCode));
|
|
219
|
-
|
|
218
|
+
!!((_b = (_a = zonosStore.genericSettings) === null || _a === void 0 ? void 0 : _a.countryCustomAddressEnabled) === null || _b === void 0 ? void 0 : _b.includes(localizationStore.selectedCountryCode));
|
|
219
|
+
// Should only record the form type used once
|
|
220
|
+
if (type === 'shipping' &&
|
|
221
|
+
cartStore.checkoutSessionId &&
|
|
222
|
+
!this.recordedFormTypeUsed) {
|
|
220
223
|
void handleFetch('/api/zonos-elements/update-checkout-session-metadata', {
|
|
221
224
|
body: {
|
|
222
225
|
id: cartStore.checkoutSessionId,
|
|
@@ -229,13 +232,14 @@ export class ZonosCustomerInfo {
|
|
|
229
232
|
},
|
|
230
233
|
method: 'POST',
|
|
231
234
|
});
|
|
235
|
+
this.recordedFormTypeUsed = true;
|
|
232
236
|
}
|
|
233
237
|
// Render custom address component if the custom address form is enabled
|
|
234
238
|
if (shouldUseCustomAddressForm) {
|
|
235
|
-
return (h("zonos-custom-address", { defaultAddress: defaultAddress, titleText: translate('Address'), type: type }));
|
|
239
|
+
return (h("zonos-custom-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: translate('Address'), type: type }));
|
|
236
240
|
}
|
|
237
241
|
// Render Stripe address component by default
|
|
238
|
-
return (h("zonos-address", { defaultAddress: defaultAddress, titleText: translate('Address'), type: type }));
|
|
242
|
+
return (h("zonos-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: translate('Address'), type: type }));
|
|
239
243
|
};
|
|
240
244
|
this.continueLoading = false;
|
|
241
245
|
this.submitBtnType = undefined;
|
|
@@ -253,6 +257,7 @@ export class ZonosCustomerInfo {
|
|
|
253
257
|
this.openAddressValidationDialog = false;
|
|
254
258
|
this.shouldEnabledCustomAddress = false;
|
|
255
259
|
this.isEmailError = false;
|
|
260
|
+
this.recordedFormTypeUsed = false;
|
|
256
261
|
}
|
|
257
262
|
watchShowErrorBanner() {
|
|
258
263
|
// start validate on typing after error banner is shown, and hide it if the form is complete
|
|
@@ -285,26 +290,6 @@ export class ZonosCustomerInfo {
|
|
|
285
290
|
}
|
|
286
291
|
return invalidList;
|
|
287
292
|
}
|
|
288
|
-
isInTaxIdCountry(countryCode) {
|
|
289
|
-
return countryRequireTaxId.includes(countryCode);
|
|
290
|
-
}
|
|
291
|
-
/**
|
|
292
|
-
* Render tax id input based on ship to country code
|
|
293
|
-
*/
|
|
294
|
-
renderTaxIdInput(countryCode) {
|
|
295
|
-
// Don't render tax id input if the country is not provided
|
|
296
|
-
if (!countryCode) {
|
|
297
|
-
return null;
|
|
298
|
-
}
|
|
299
|
-
const isCountryRequireTaxId = this.isInTaxIdCountry(countryCode);
|
|
300
|
-
if (!isCountryRequireTaxId) {
|
|
301
|
-
return null;
|
|
302
|
-
}
|
|
303
|
-
const taxIdInputInfo = shipToTaxIdLabels[countryCode];
|
|
304
|
-
return (h("div", { class: "zonos--tax-id-input" }, h("zonos-stripe-input", { inputLabel: translate(taxIdInputInfo.friendlyName), inputPlaceholder: taxIdInputInfo.placeholder, inputValue: stripeStore.taxId || '', isError: !!this.taxIdErrorMessage, onInputChange: (event) => {
|
|
305
|
-
stripeStore.taxId = event.detail;
|
|
306
|
-
} }), this.taxIdErrorMessage && (h("zonos-text", { textColor: 'red-600', type: "caption" }, this.taxIdErrorMessage))));
|
|
307
|
-
}
|
|
308
293
|
render() {
|
|
309
294
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
310
295
|
if (!stripeStore.stripeElements) {
|
|
@@ -332,7 +317,7 @@ export class ZonosCustomerInfo {
|
|
|
332
317
|
const defaultEmail = ((_c = this.defaultAddress.find(Boolean)) === null || _c === void 0 ? void 0 : _c.email) ||
|
|
333
318
|
((_f = (_e = (_d = stripeStore.customerProfile) === null || _d === void 0 ? void 0 : _d.locations) === null || _e === void 0 ? void 0 : _e.find(Boolean)) === null || _f === void 0 ? void 0 : _f.email) ||
|
|
334
319
|
((_g = stripeStore.customerProfile) === null || _g === void 0 ? void 0 : _g.email);
|
|
335
|
-
return (h(Host, { class: "zonos--customer-info zonos--elements" }, h("div", { class: "zonos--group" }, h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translate('Customer information')), this.showErrorBanner && (h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, translate('Missing required fields. Make sure all fields are completed.'))), h("zonos-link-authentication", { defaultEmail: defaultEmail, isEmailError: this.isEmailError, onLinkAuthenticationChange: this.handleEmailValidation, titleText: translate('Contact') }), this.renderAddressComponent('shipping'),
|
|
320
|
+
return (h(Host, { class: "zonos--customer-info zonos--elements" }, h("div", { class: "zonos--group" }, h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translate('Customer information')), this.showErrorBanner && (h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, translate('Missing required fields. Make sure all fields are completed.'))), h("zonos-link-authentication", { defaultEmail: defaultEmail, isEmailError: this.isEmailError, onLinkAuthenticationChange: this.handleEmailValidation, titleText: translate('Contact') }), this.renderAddressComponent('shipping'), h("zonos-checkbox", { class: "zonos--shipping-same-as-billing-cbx", isChecked: stripeStore.stripeShippingSameAsBilling, label: translate('Shipping address same as billing'), onCheckboxSelected: e => {
|
|
336
321
|
stripeStore.stripeShippingSameAsBilling = e.detail;
|
|
337
322
|
} }), h("zonos-collapse", { collapsed: !showBilling }, this.renderAddressComponent('billing')), h("div", { class: "zonos--group-btn" }, h("zonos-button", { backgroundColor: this.submitBtnColor, bold: true, loading: this.continueLoading, onClick: () => this.continueClickHandler(), size: "lg",
|
|
338
323
|
// use primary type when on mobile mode
|
|
@@ -505,7 +490,8 @@ export class ZonosCustomerInfo {
|
|
|
505
490
|
"invalidBillingCharacterList": {},
|
|
506
491
|
"openAddressValidationDialog": {},
|
|
507
492
|
"shouldEnabledCustomAddress": {},
|
|
508
|
-
"isEmailError": {}
|
|
493
|
+
"isEmailError": {},
|
|
494
|
+
"recordedFormTypeUsed": {}
|
|
509
495
|
};
|
|
510
496
|
}
|
|
511
497
|
static get events() {
|
|
@@ -72,7 +72,7 @@ export class ZonosStripeInput {
|
|
|
72
72
|
this.inputChange.emit(input.value);
|
|
73
73
|
this.el.inputValue = input.value;
|
|
74
74
|
this.el.dispatchEvent(new Event('change'));
|
|
75
|
-
}, placeholder: this.inputPlaceholder || '', required: this.required, type: "text", value: this.internalValue })), h("div", { key: '7388dd7c3ca24bd1a40246215fa9b51c76ab519f', class: "zonos--floated-label" }, h("label", { key: 'c975933f597d145c8b9edbeb9ac417603922de9a', htmlFor: this.inputId }, this.inputLabel))), this.error && (h("zonos-text", { key: '
|
|
75
|
+
}, placeholder: this.inputPlaceholder || '', required: this.required, type: "text", value: this.internalValue })), h("div", { key: '7388dd7c3ca24bd1a40246215fa9b51c76ab519f', class: "zonos--floated-label" }, h("label", { key: 'c975933f597d145c8b9edbeb9ac417603922de9a', htmlFor: this.inputId }, this.inputLabel))), this.error && (h("zonos-text", { key: '5fc0639cba176f02152bf689caec623c821abdeb', textColor: "red-600", type: "caption" }, this.error))));
|
|
76
76
|
}
|
|
77
77
|
static get is() { return "zonos-stripe-input"; }
|
|
78
78
|
static get encapsulation() { return "scoped"; }
|