@zonos/elements 1.5.0 → 1.5.2

package/dist/cjs/{TaxId-Q6aDqqWv.js → TaxId-ChhNwG04.js}

@@ -88,7 +88,43 @@ const shipToTaxIdLabels = {
     SI: { friendlyName: 'EORI number', placeholder: 'DE123456789' },
     SK: { friendlyName: 'EORI number', placeholder: 'DE123456789' },
 };
+const isCountryRequireTaxId = (countryCode) => {
+    return countryRequireTaxId.some(code => code === countryCode);
+};
+const taxIdTypeOptions = {
+    MX: [
+        { label: 'RFC', placeholder: 'XAXX010101000', value: 'RFC' },
+        { label: 'CURP', placeholder: 'AAAA800101HDFRRR09', value: 'CURP' },
+    ],
+    PE: [
+        { label: 'DNI', placeholder: '12345678', value: 'DNI' },
+        { label: 'RUC', placeholder: '20123456789', value: 'RUC' },
+        {
+            label: 'Carné de extranjería',
+            placeholder: '001234567',
+            value: 'CE',
+        },
+    ],
+};
+const checkoutTaxIdTypeValueList = ['CE', 'CURP', 'DNI', 'RFC', 'RUC'];
+/** Every document kind checkout can send. Older clients omit the field. */
+const checkoutTaxIdTypeValues = checkoutTaxIdTypeValueList;
+const peruTaxIdDigitLength = {
+    CE: 9,
+    DNI: 8,
+    RUC: 11,
+};
+const peruTaxIdFormatError = {
+    CE: 'Carné de extranjería must be 9 digits.',
+    DNI: 'DNI must be 8 digits.',
+    RUC: 'RUC must be 11 digits.',
+};
 
+exports.checkoutTaxIdTypeValues = checkoutTaxIdTypeValues;
 exports.countryRequireTaxId = countryRequireTaxId;
 exports.euCountryCodes = euCountryCodes;
+exports.isCountryRequireTaxId = isCountryRequireTaxId;
+exports.peruTaxIdDigitLength = peruTaxIdDigitLength;
+exports.peruTaxIdFormatError = peruTaxIdFormatError;
 exports.shipToTaxIdLabels = shipToTaxIdLabels;
+exports.taxIdTypeOptions = taxIdTypeOptions;

package/dist/cjs/{cart-B6Aty-21.js → cart-BJpqPdFU.js}

@@ -1,12 +1,13 @@
 'use strict';
 
-var zonosStore = require('./zonosStore-Bx9jK82G.js');
-var localization = require('./localization-BzNeXeDe.js');
+var zonosStore = require('./zonosStore-CDV83QyK.js');
+var localization = require('./localization-BhNVhLZs.js');
+var taxIdRules = require('./taxIdRules-BBj8kQxJ.js');
+var TaxId = require('./TaxId-ChhNwG04.js');
 var VarianceTest = require('./VarianceTest-C98whVgO.js');
-var handleFetch = require('./handleFetch-DQLhurnE.js');
+var handleFetch = require('./handleFetch-DVfjFTYO.js');
 var isDarkColor = require('./isDarkColor-f-fD9c2l.js');
-var getBorderRadius = require('./getBorderRadius-CyYZw4qq.js');
-var TaxId = require('./TaxId-Q6aDqqWv.js');
+var getBorderRadius = require('./getBorderRadius-CJ_95w3o.js');
 
 const getCheckoutSession = async () => {
     if (!localization.storageStore.checkoutSessionId) {
@@ -306,6 +307,57 @@ const getEnabledPolicies = () => {
 };
 const isPolicyConsentRequired = () => getEnabledPolicies().length > 0;
 
+/**
+ * Checks if the tax ID input should be rendered based on the company name and country code.
+ */
+const shouldRenderTaxIdInput = ({ companyName, countryCode, shouldRequirePeruTaxId, }) => {
+    if (taxIdRules.isPeruTaxIdActive({ countryCode, shouldRequirePeruTaxId })) {
+        return true;
+    }
+    // Only show the tax ID input if the country is in the EU and the company name is provided
+    if (TaxId.euCountryCodes.includes(countryCode)) {
+        return companyName.trim().length > 0;
+    }
+    // If country require tax id, show the input
+    return TaxId.isCountryRequireTaxId(countryCode);
+};
+
+/** Whether the field is showing, and which of this country's types is selected. */
+const resolveTaxIdSelection = ({ companyName, countryCode, shouldRequirePeruTaxId, taxIdType, }) => {
+    var _a;
+    const typeOptions = taxIdRules.taxIdTypeOptionsForCheckout({
+        countryCode,
+        shouldRequirePeruTaxId,
+    });
+    const selectedType = (_a = typeOptions === null || typeOptions === void 0 ? void 0 : typeOptions.find(option => option.value === taxIdType)) !== null && _a !== void 0 ? _a : null;
+    const rendered = shouldRenderTaxIdInput({
+        companyName,
+        countryCode,
+        shouldRequirePeruTaxId,
+    });
+    return {
+        rendered,
+        selectedType,
+        // A multi-type country sends a number only after the shopper picks a type.
+        send: rendered && (!typeOptions || !!selectedType),
+        typeOptions,
+    };
+};
+
+/** Tax id to send for the destination, or null while the field is hidden. */
+const getCheckoutTaxIdPayload = (countryCode) => {
+    const { selectedType, send } = resolveTaxIdSelection({
+        companyName: stripeStore.companyName,
+        countryCode,
+        shouldRequirePeruTaxId: zonosStore.getShouldRequirePeruTaxId(),
+        taxIdType: stripeStore.taxIdType,
+    });
+    if (!send) {
+        return null;
+    }
+    return Object.assign({ taxId: stripeStore.taxId }, (selectedType ? { taxIdType: selectedType.value } : {}));
+};
+
 /**
  * Extract first name and last name from the name string
  * If first name and last name are provided, use them
@@ -324,6 +376,15 @@ const extractName = ({ firstName, lastName, name, }) => {
     return { firstName: _firstName, lastName: _lastName };
 };
 
+const shipToTaxIdFields = (countryCode) => {
+    const taxIdPayload = getCheckoutTaxIdPayload(countryCode);
+    if (!taxIdPayload) {
+        return {};
+    }
+    return Object.assign({ shipToTaxId: taxIdPayload.taxId }, (taxIdPayload.taxIdType
+        ? { shipToTaxIdType: taxIdPayload.taxIdType }
+        : {}));
+};
 /**
  * Extract value from translated object
  */
@@ -374,16 +435,15 @@ const prepCartCalculateLandedCost = (cartId) => {
         name: translatedBillingAddress.name,
     });
     const checkoutSessionCountry = localization.getOverridenZCountry() || 'US';
-    return {
-        billingAddress: {
+    const shipToTaxId = shipToTaxIdFields(translatedShippingAddress.country);
+    return Object.assign(Object.assign({ billingAddress: {
             addressLine1: translatedBillingAddress.line1,
             addressLine2: translatedBillingAddress.line2 || '',
             city: translatedBillingAddress.city,
             country: translatedBillingAddress.country,
             postalCode: translatedBillingAddress.postal_code,
             state: translatedBillingAddress.state,
-        },
-        billingContact: {
+        }, billingContact: {
             // firstName and lastName should be valid now since stripe only mark
             // the address as complete when both fields are filled.
             firstName: billingFirstName,
@@ -391,13 +451,7 @@ const prepCartCalculateLandedCost = (cartId) => {
             phone: translatedBillingAddress.phone,
         },
         // Use the first item's currency code
-        cartCurrencyCode: (_a = cartStore.items[0]) === null || _a === void 0 ? void 0 : _a.currencyCode,
-        cartId,
-        checkoutSessionCountry: checkoutSessionCountry ||
-            localization.localizationStore.selectedCountryCode ||
-            undefined,
-        checkoutSessionId: localization.storageStore.checkoutSessionId || '',
-        contact: {
+        cartCurrencyCode: (_a = cartStore.items[0]) === null || _a === void 0 ? void 0 : _a.currencyCode, cartId, checkoutSessionCountry: checkoutSessionCountry, checkoutSessionId: localization.storageStore.checkoutSessionId || '', contact: {
             companyName: stripeStore.companyName,
             email: stripeLinkData === null || stripeLinkData === void 0 ? void 0 : stripeLinkData.value.email,
             // firstName and lastName should be valid now since stripe only mark
@@ -405,9 +459,7 @@ const prepCartCalculateLandedCost = (cartId) => {
             firstName: shippingFirstName,
             lastName: shippingLastName,
             phone: translatedShippingAddress.phone,
-        },
-        isTest: !!isE2ETest,
-        landedCostAdjustments: cartStore.promoCode
+        }, isTest: !!isE2ETest, landedCostAdjustments: cartStore.promoCode
             ? [
                 {
                     amount: 0,
@@ -417,18 +469,14 @@ const prepCartCalculateLandedCost = (cartId) => {
                     type: 'PROMO_CODE',
                 },
             ]
-            : [],
-        shipToShortAddressCode: stripeStore.shortAddressCode,
-        shipToTaxId: stripeStore.taxId,
-        shippingAddress: {
+            : [], shipToShortAddressCode: stripeStore.shortAddressCode }, shipToTaxId), { shippingAddress: {
             addressLine1: translatedShippingAddress.line1,
             addressLine2: translatedShippingAddress.line2,
             city: translatedShippingAddress.city,
             country: translatedShippingAddress.country,
             postalCode: translatedShippingAddress.postal_code,
             state: translatedShippingAddress.state,
-        },
-    };
+        } });
 };
 const prepCalculateLandedCost = () => {
     const isE2ETest = new URLSearchParams(window.location.search).get('zonosE2ETest') === '1';
@@ -476,24 +524,21 @@ const prepCalculateLandedCost = () => {
             ...convertedCartAdjuments,
         ]
         : convertedCartAdjuments;
-    return {
-        billingAddress: {
+    const shipToTaxId = shipToTaxIdFields(translatedShippingAddress.country);
+    return Object.assign(Object.assign({ billingAddress: {
             addressLine1: translatedBillingAddress.line1,
             addressLine2: translatedBillingAddress.line2 || '',
             city: translatedBillingAddress.city,
             country: translatedBillingAddress.country,
             postalCode: translatedBillingAddress.postal_code,
             state: translatedBillingAddress.state,
-        },
-        billingContact: {
+        }, billingContact: {
             // firstName and lastName should be valid now since stripe only mark
             // the address as complete when both fields are filled.
             firstName: billingFirstName,
             lastName: billingLastName,
             phone: translatedBillingAddress.phone,
-        },
-        checkoutSessionId: localization.storageStore.checkoutSessionId || '',
-        contact: {
+        }, checkoutSessionId: localization.storageStore.checkoutSessionId || '', contact: {
             companyName: stripeStore.companyName,
             email: stripeLinkData === null || stripeLinkData === void 0 ? void 0 : stripeLinkData.value.email,
             // firstName and lastName should be valid now since stripe only mark
@@ -501,21 +546,14 @@ const prepCalculateLandedCost = () => {
             firstName: shippingFirstName,
             lastName: shippingLastName,
             phone: translatedShippingAddress.phone,
-        },
-        isTest: isE2ETest,
-        items: cartStore.items,
-        landedCostAdjustments: adjustments,
-        shipToShortAddressCode: stripeStore.shortAddressCode,
-        shipToTaxId: stripeStore.taxId,
-        shippingAddress: {
+        }, isTest: isE2ETest, items: cartStore.items, landedCostAdjustments: adjustments, shipToShortAddressCode: stripeStore.shortAddressCode }, shipToTaxId), { shippingAddress: {
             addressLine1: translatedShippingAddress.line1,
             addressLine2: translatedShippingAddress.line2,
             city: translatedShippingAddress.city,
             country: translatedShippingAddress.country,
             postalCode: translatedShippingAddress.postal_code,
             state: translatedShippingAddress.state,
-        },
-    };
+        } });
 };
 
 const triggerBuildLandedCost = async (buildLandedCost) => {
@@ -936,7 +974,7 @@ const checkoutPaymentProcessorType = {
 
 const { onChange: stripeStoreOnChange, reset: reset$1, state: stripeStore, } = zonosStore.createStore(() => ({
     checkoutSettlementCurrency: 'USD',
-    clientSecret: sessionStorage.getItem('zonos--client-secret') || '',
+    clientSecret: handleFetch.safeGetItem('session', 'zonos--client-secret') || '',
     companyName: '',
     companyNameUsedWhenAsyncAddressUpdate: '',
     customAddressErrors: {
@@ -999,6 +1037,8 @@ const { onChange: stripeStoreOnChange, reset: reset$1, state: stripeStore, } = z
     stripePaymentEventData: null,
     stripeShippingSameAsBilling: true,
     taxId: '',
+    taxIdType: '',
+    taxIdTypeUsedWhenAsyncAddressUpdate: '',
     taxIdUsedWhenAsyncAddressUpdate: '',
     translatedAddress: {
         address: {},
@@ -1044,14 +1084,14 @@ const getStripeOptions = ({ clientSecret, overrideBorderRadius, overridePrimaryC
     };
 };
 const stripeStoreCleanupDomesticShippingSession = () => {
-    window.sessionStorage.removeItem('zonos--bigcommerce-domestic-checkout-shipping');
+    handleFetch.safeRemoveItem('session', 'zonos--bigcommerce-domestic-checkout-shipping');
 };
 // Save shipping address to session storage
 const stripeStoreSaveDomesticShippingSession = (props) => {
-    window.sessionStorage.setItem('zonos--bigcommerce-domestic-checkout-shipping', JSON.stringify(props));
+    handleFetch.safeSetItem('session', 'zonos--bigcommerce-domestic-checkout-shipping', JSON.stringify(props));
 };
 const stripeStoreGetDomesticShippingSession = () => {
-    const session = window.sessionStorage.getItem('zonos--bigcommerce-domestic-checkout-shipping');
+    const session = handleFetch.safeGetItem('session', 'zonos--bigcommerce-domestic-checkout-shipping');
     return handleFetch.jsonParse(session);
 };
 const initStripeElements = async (props) => {
@@ -1098,7 +1138,7 @@ const initStripeElements = async (props) => {
 };
 const stripeStoreReset = () => {
     // clean clientSecret so that we can start the new one.
-    sessionStorage.removeItem('zonos--client-secret');
+    handleFetch.safeRemoveItem('session', 'zonos--client-secret');
     // cleanup stripe elements
     reset$1();
     // set stripe back to window.Zonos.stripe
@@ -1134,7 +1174,8 @@ const checkIsAddressOutdatedForAsyncAddressUpdate = () => {
     const isAddressDataDirty = JSON.stringify((_e = stripeStore.stripeAddressUsedWhenAsyncAddressUpdate) === null || _e === void 0 ? void 0 : _e.value) !== JSON.stringify((_f = stripeStore.stripeAddressEventData) === null || _f === void 0 ? void 0 : _f.value);
     const isBillingAddressDataDirty = !stripeStore.stripeShippingSameAsBilling &&
         JSON.stringify((_g = stripeStore.stripeBillingAddressUsedWhenAsyncAddressUpdate) === null || _g === void 0 ? void 0 : _g.value) !== JSON.stringify((_h = stripeStore.stripeBillingAddressEventData) === null || _h === void 0 ? void 0 : _h.value);
-    const isTaxIdDirty = stripeStore.taxIdUsedWhenAsyncAddressUpdate !== stripeStore.taxId;
+    const isTaxIdDirty = stripeStore.taxIdUsedWhenAsyncAddressUpdate !== stripeStore.taxId ||
+        stripeStore.taxIdTypeUsedWhenAsyncAddressUpdate !== stripeStore.taxIdType;
     const isCompanyNameDirty = stripeStore.companyNameUsedWhenAsyncAddressUpdate !==
         stripeStore.companyName;
     return (isLinkDataDirty ||
@@ -1188,7 +1229,7 @@ const stripeStoreBuildAddressForPartyCreate = ({ address, firstName, lastName, n
     };
 };
 const stripeStoreAsyncAddressUpdate = async () => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     if (!((_a = stripeStore.stripeAddressEventData) === null || _a === void 0 ? void 0 : _a.complete) ||
         (!stripeStore.stripeShippingSameAsBilling &&
             !((_b = stripeStore.stripeBillingAddressEventData) === null || _b === void 0 ? void 0 : _b.complete)) ||
@@ -1242,17 +1283,10 @@ const stripeStoreAsyncAddressUpdate = async () => {
             phone: stripeStore.stripeBillingAddressEventData.value.phone,
         });
     const isE2ETest = new URLSearchParams(window.location.search).get('zonosE2ETest') === '1';
+    const taxIdPayload = getCheckoutTaxIdPayload(address.country);
     const { errors, json } = await handleFetch.handleFetch('/api/zonos-elements/create-parties', {
-        body: {
-            address,
-            billingAddress,
-            companyName: stripeStore.companyName,
-            email: ((_d = stripeStore.stripeLinkEventData) === null || _d === void 0 ? void 0 : _d.value.email) || '',
-            isTest: isE2ETest,
-            rootId: firstLandedCostRootId,
-            shortAddressCode: stripeStore.shortAddressCode,
-            taxId: stripeStore.taxId,
-        },
+        body: Object.assign({ address,
+            billingAddress, companyName: stripeStore.companyName, email: ((_d = stripeStore.stripeLinkEventData) === null || _d === void 0 ? void 0 : _d.value.email) || '', isTest: isE2ETest, rootId: firstLandedCostRootId, shortAddressCode: stripeStore.shortAddressCode, taxId: (_e = taxIdPayload === null || taxIdPayload === void 0 ? void 0 : taxIdPayload.taxId) !== null && _e !== void 0 ? _e : '' }, ((taxIdPayload === null || taxIdPayload === void 0 ? void 0 : taxIdPayload.taxIdType) ? { taxIdType: taxIdPayload.taxIdType } : {})),
         method: 'POST',
     });
     if (errors.length || !json) {
@@ -1277,6 +1311,7 @@ const stripeStoreAsyncAddressUpdate = async () => {
         stripeStore.stripeAddressEventData;
     stripeStore.stripeBillingAddressUsedWhenAsyncAddressUpdate =
         stripeStore.stripeBillingAddressEventData;
+    stripeStore.taxIdTypeUsedWhenAsyncAddressUpdate = stripeStore.taxIdType;
     stripeStore.taxIdUsedWhenAsyncAddressUpdate = stripeStore.taxId;
     stripeStore.partyBillingId = json.billToPartyId;
     stripeStore.partyShippingId = json.shipToPartyId;
@@ -1436,7 +1471,7 @@ const stripeCalculateLandedCost = async () => {
     cartStore.promoCodeError = isInvalidPromoCode;
     // When promocode is valid, set promoCode to session storage so if user close the modal, we can still reapply for them
     if (!isInvalidPromoCode) {
-        sessionStorage.setItem('zonos--promo-code', cartStore.promoCode);
+        handleFetch.safeSetItem('session', 'zonos--promo-code', cartStore.promoCode);
     }
 };
 const stripeStorePrefetchLandedCost = async (params) => {
@@ -1568,7 +1603,7 @@ const stripeStoreApplyPromoCode = async () => {
 };
 const stripeStoreResetPromoCode = () => {
     cartStore.promoCode = '';
-    sessionStorage.removeItem('zonos--promo-code');
+    handleFetch.safeRemoveItem('session', 'zonos--promo-code');
     // reset promocode error state
     cartStore.promoCodeError = false;
     cartStore.promoCodeApplied = false;
@@ -2190,10 +2225,10 @@ const stripeStoreTranslateAddressToLatin = async ({ addressInvalidCharactersList
 stripeStoreOnChange('clientSecret', clientSecret => {
     // update stripe elements when client secret changes
     if (clientSecret && stripeStore.stripe) {
-        sessionStorage.setItem('zonos--client-secret', clientSecret);
+        handleFetch.safeSetItem('session', 'zonos--client-secret', clientSecret);
     }
     if (!clientSecret) {
-        sessionStorage.removeItem('zonos--client-secret');
+        handleFetch.safeRemoveItem('session', 'zonos--client-secret');
     }
 });
 
@@ -2237,9 +2272,9 @@ const { onChange: cartStoreOnChange, reset, state: cartStore, } = zonosStore.cre
     landedCostData: null,
     landedCostMethod: 'DDP',
     partiesData: [],
-    promoCode: sessionStorage.getItem('zonos--promo-code') || '',
+    promoCode: handleFetch.safeGetItem('session', 'zonos--promo-code') || '',
     // When user clicked applied button, save promocode into session storage for later use. So if session has promocode, applied button is clicked
-    promoCodeApplied: !!sessionStorage.getItem('zonos--promo-code'),
+    promoCodeApplied: !!handleFetch.safeGetItem('session', 'zonos--promo-code'),
     promoCodeError: false,
     restrictedItems: [],
     selectedLandedCost: null,
@@ -2768,6 +2803,7 @@ exports.isEuDapRemittance = isEuDapRemittance;
 exports.isPolicyConsentRequired = isPolicyConsentRequired;
 exports.policyConsentStore = policyConsentStore;
 exports.policyConsentStoreReset = policyConsentStoreReset;
+exports.resolveTaxIdSelection = resolveTaxIdSelection;
 exports.sortServiceLevelOptionsByAmount = sortServiceLevelOptionsByAmount;
 exports.storeCreditStore = storeCreditStore;
 exports.storeCreditStoreApplyCredit = storeCreditStoreApplyCredit;

package/dist/cjs/{collect-DnrvaXUI.js → collect-CyUttsvB.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var zonosStore = require('./zonosStore-Bx9jK82G.js');
-var localization = require('./localization-BzNeXeDe.js');
-var handleFetch = require('./handleFetch-DQLhurnE.js');
+var zonosStore = require('./zonosStore-CDV83QyK.js');
+var localization = require('./localization-BhNVhLZs.js');
+var handleFetch = require('./handleFetch-DVfjFTYO.js');
 var VarianceTest = require('./VarianceTest-C98whVgO.js');
-var cart = require('./cart-B6Aty-21.js');
+var cart = require('./cart-BJpqPdFU.js');
 
 // src/constant/common.ts
 function _array_like_to_array(arr, len) {

package/dist/cjs/{debounce-Cd2emZPn.js → debounce-BhgA8_3W.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var zonosStore = require('./zonosStore-Bx9jK82G.js');
-var debounce$1 = require('./debounce-vY0QYT6o.js');
+var zonosStore = require('./zonosStore-CDV83QyK.js');
+var debounce$1 = require('./debounce-DRPMxNew.js');
 
 var debounceExports = debounce$1.requireDebounce();
 var debounce = /*@__PURE__*/zonosStore.getDefaultExportFromCjs(debounceExports);

package/dist/cjs/{debounce-vY0QYT6o.js → debounce-DRPMxNew.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var zonosStore = require('./zonosStore-Bx9jK82G.js');
+var zonosStore = require('./zonosStore-CDV83QyK.js');
 
 var now_1;
 var hasRequiredNow;

package/dist/cjs/{getBorderRadius-CyYZw4qq.js → getBorderRadius-CJ_95w3o.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var zonosStore = require('./zonosStore-Bx9jK82G.js');
+var zonosStore = require('./zonosStore-CDV83QyK.js');
 
 /**
  * Get the border radius for the elements based on the style

package/dist/cjs/{getMissingRequiredShippingFields-D03ICqss.js → getMissingRequiredShippingFields-DEbNbRAZ.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var cart = require('./cart-B6Aty-21.js');
+var cart = require('./cart-BJpqPdFU.js');
 
 /**
  * Minimum number of characters we treat as a valid postal code. Mirrors the