@zonos/elements 1.3.214 → 1.3.216

package/dist/collection/components/utils/api/prepCalculateLandedCost.js

@@ -1,6 +1,7 @@
 import { cartStore } from "../../store/checkout/cart";
 import { stripeStore } from "../../store/checkout/stripe";
 import { storageStore } from "../../store/storageStore";
+import { extractName } from "../extractName";
 import { log } from "../logging/log";
 /**
  * Extract value from translated object
@@ -41,14 +42,16 @@ export const prepCartCalculateLandedCost = (cartId) => {
         currentAddress: stripeAddressData,
         translatedAddress: stripeStore.translatedAddress.address,
     });
-    const shippingFirstName = translatedShippingAddress.name.split(' ')[0] || '';
-    const shippingLastName = translatedShippingAddress.name.split(' ').splice(1).join(' ') || '';
+    const { firstName: shippingFirstName, lastName: shippingLastName } = extractName({
+        name: translatedShippingAddress.name,
+    });
     const translatedBillingAddress = getTranslatedAddress({
         currentAddress: stripeBillingAddressData,
         translatedAddress: stripeStore.translatedAddress.address,
     });
-    const billingFirstName = translatedBillingAddress.name.split(' ')[0] || '';
-    const billingLastName = translatedBillingAddress.name.split(' ').splice(1).join(' ') || '';
+    const { firstName: billingFirstName, lastName: billingLastName } = extractName({
+        name: translatedBillingAddress.name,
+    });
     return {
         billingAddress: {
             addressLine1: translatedBillingAddress.line1,
@@ -118,14 +121,16 @@ export const prepCalculateLandedCost = () => {
         currentAddress: stripeAddressData,
         translatedAddress: stripeStore.translatedAddress.address,
     });
-    const shippingFirstName = translatedShippingAddress.name.split(' ')[0] || '';
-    const shippingLastName = translatedShippingAddress.name.split(' ').splice(1).join(' ') || '';
+    const { firstName: shippingFirstName, lastName: shippingLastName } = extractName({
+        name: translatedShippingAddress.name,
+    });
     const translatedBillingAddress = getTranslatedAddress({
         currentAddress: stripeBillingAddressData,
         translatedAddress: stripeStore.translatedAddress.address,
     });
-    const billingFirstName = translatedBillingAddress.name.split(' ')[0] || '';
-    const billingLastName = translatedBillingAddress.name.split(' ').splice(1).join(' ') || '';
+    const { firstName: billingFirstName, lastName: billingLastName } = extractName({
+        name: translatedBillingAddress.name,
+    });
     const convertedCartAdjuments = cartStore.adjustments.map(adjustment => ({
         amount: adjustment.amount,
         name: adjustment.description || null,

package/dist/collection/components/utils/checkout/buildTranslateRequest.js

@@ -1,3 +1,4 @@
+import { extractName } from "../extractName";
 /**
  * This function generates an object that contains the fields of an address that have invalid characters.
  *
@@ -52,7 +53,6 @@ const getExcludeAddressFieldsObject = ({ address, invalidAdddressList, }) => {
  * @returns {ValidateAddressRequest | null} - An object that contains the address fields that have invalid characters, the destination country, and the first and last name. If the conditions are not met, the function returns null.
  */
 export const buildTranslateRequest = ({ addressInvalidCharactersList, billingAddressInvalidCharactersList, stripeAddressEventData, stripeBillingAddressEventData, stripeShippingSameAsBilling, }) => {
-    var _a, _b, _c, _d;
     const isStripeAddressReady = !!(stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.complete);
     const isStripeBillingAddressReady = stripeShippingSameAsBilling
         ? isStripeAddressReady
@@ -68,15 +68,19 @@ export const buildTranslateRequest = ({ addressInvalidCharactersList, billingAdd
     const stripeAddressValue = stripeAddressEventData.value;
     const stripeBillingAddressValue = (stripeBillingAddressEventData === null || stripeBillingAddressEventData === void 0 ? void 0 : stripeBillingAddressEventData.value) || null;
     // Returns undefined if the name is Latin so it won't be included in the request body
-    const firstName = stripeAddressValue.firstName || ((_a = stripeAddressValue.name) === null || _a === void 0 ? void 0 : _a.split(' ')[0]);
-    const lastName = stripeAddressValue.lastName || ((_b = stripeAddressValue.name) === null || _b === void 0 ? void 0 : _b.split(' ')[1]);
-    const name = `${firstName} ${lastName}`;
-    const billingFirstName = stripeAddressValue.firstName ||
-        ((_c = stripeBillingAddressValue === null || stripeBillingAddressValue === void 0 ? void 0 : stripeBillingAddressValue.name) === null || _c === void 0 ? void 0 : _c.split(' ')[0]);
-    const billingLastName = stripeAddressValue.lastName ||
-        ((_d = stripeBillingAddressValue === null || stripeBillingAddressValue === void 0 ? void 0 : stripeBillingAddressValue.name) === null || _d === void 0 ? void 0 : _d.split(' ')[1]);
-    const billingName = billingFirstName && billingLastName
-        ? `${billingFirstName} ${billingLastName}`
+    const { firstName: stripeShippingFirstName, lastName: stripeShippingLastName, } = extractName({
+        firstName: stripeAddressValue.firstName,
+        lastName: stripeAddressValue.lastName,
+        name: stripeAddressValue.name,
+    });
+    const name = `${stripeShippingFirstName} ${stripeShippingLastName}`;
+    const { firstName: stripeBillingFirstName, lastName: stripeBillingLastName } = extractName({
+        firstName: stripeBillingAddressValue === null || stripeBillingAddressValue === void 0 ? void 0 : stripeBillingAddressValue.firstName,
+        lastName: stripeBillingAddressValue === null || stripeBillingAddressValue === void 0 ? void 0 : stripeBillingAddressValue.lastName,
+        name: (stripeBillingAddressValue === null || stripeBillingAddressValue === void 0 ? void 0 : stripeBillingAddressValue.name) || '',
+    });
+    const billingName = stripeBillingFirstName && stripeBillingLastName
+        ? `${stripeBillingFirstName} ${stripeBillingLastName}`
         : '';
     const address = stripeAddressValue.address;
     const billingAddress = stripeBillingAddressValue === null || stripeBillingAddressValue === void 0 ? void 0 : stripeBillingAddressValue.address;

package/dist/collection/components/utils/extractName.js

@@ -0,0 +1,17 @@
+/**
+ * Extract first name and last name from the name string
+ * If first name and last name are provided, use them
+ * If name is provided, extract and return the first and last name from the name string
+ * If neither are provided, return an empty object
+ */
+export const extractName = ({ firstName, lastName, name, }) => {
+    var _a;
+    if (!name && !firstName && !lastName) {
+        return { firstName: '', lastName: '' };
+    }
+    // Use first name and last name if they are provided
+    const nameParts = (name === null || name === void 0 ? void 0 : name.split(/\s+/)) || [];
+    const _firstName = (firstName === null || firstName === void 0 ? void 0 : firstName.trim()) || ((_a = nameParts[0]) === null || _a === void 0 ? void 0 : _a.trim()) || '';
+    const _lastName = (lastName === null || lastName === void 0 ? void 0 : lastName.trim()) || nameParts.slice(1).join(' ').trim() || '';
+    return { firstName: _firstName, lastName: _lastName };
+};

package/dist/collection/components/utils/handleFetch.js

@@ -180,9 +180,9 @@ const handleRequestWithFallback = async ({ basePathType: _basePathType, options,
         (message.includes('signal is aborted') ||
             message.includes('The operation was aborted') ||
             message.includes('Fetch is aborted')));
-    const isUnknownError = !!unknownError || (response === null || response === void 0 ? void 0 : response.status) === 404;
+    const isUnknownError = !!unknownError || (response === null || response === void 0 ? void 0 : response.status) === 404 || (response === null || response === void 0 ? void 0 : response.status) === 500;
     const shouldCallFallback = 
-    // If next fallback is available, and the error is unknown (Failed to fetch) or 404
+    // If next fallback is available, and the error is unknown (Failed to fetch) or 404 or 500 (server error)
     nextFallbackApiType && isUnknownError;
     // Should log the error if it's unknown error
     if (isUnknownError && !isAbortError) {

package/dist/esm/{cart-c3540cd7.js → cart-011aa510.js}

@@ -1,9 +1,27 @@
 import { z as zonosStore, c as createStore } from './zonosStore-c456b933.js';
-import { s as storageStore, l as localizationStore, t as translate, f as filterValidTests, b as storageStoreSetEnabledVariantTestKeys } from './localization-cf31c728.js';
-import { l as log, f as fallbackApiList, h as handleFetch, g as getIsTestMode, a as getIsStagingMode, s as sendErrorLog, d as allLogs, b as logError, j as jsonParse } from './handleFetch-dd74bbb1.js';
+import { s as storageStore, l as localizationStore, t as translate, f as filterValidTests, b as storageStoreSetEnabledVariantTestKeys } from './localization-b3bdf691.js';
+import { l as log, f as fallbackApiList, h as handleFetch, g as getIsTestMode, a as getIsStagingMode, s as sendErrorLog, d as allLogs, b as logError, j as jsonParse } from './handleFetch-bb221e63.js';
 import { i as isDarkColor } from './isDarkColor-1f58b6be.js';
 import { g as getBorderRadius } from './getBorderRadius-87593ff4.js';
 
+/**
+ * Extract first name and last name from the name string
+ * If first name and last name are provided, use them
+ * If name is provided, extract and return the first and last name from the name string
+ * If neither are provided, return an empty object
+ */
+const extractName = ({ firstName, lastName, name, }) => {
+    var _a;
+    if (!name && !firstName && !lastName) {
+        return { firstName: '', lastName: '' };
+    }
+    // Use first name and last name if they are provided
+    const nameParts = (name === null || name === void 0 ? void 0 : name.split(/\s+/)) || [];
+    const _firstName = (firstName === null || firstName === void 0 ? void 0 : firstName.trim()) || ((_a = nameParts[0]) === null || _a === void 0 ? void 0 : _a.trim()) || '';
+    const _lastName = (lastName === null || lastName === void 0 ? void 0 : lastName.trim()) || nameParts.slice(1).join(' ').trim() || '';
+    return { firstName: _firstName, lastName: _lastName };
+};
+
 /**
  * Extract value from translated object
  */
@@ -43,14 +61,16 @@ const prepCartCalculateLandedCost = (cartId) => {
         currentAddress: stripeAddressData,
         translatedAddress: stripeStore.translatedAddress.address,
     });
-    const shippingFirstName = translatedShippingAddress.name.split(' ')[0] || '';
-    const shippingLastName = translatedShippingAddress.name.split(' ').splice(1).join(' ') || '';
+    const { firstName: shippingFirstName, lastName: shippingLastName } = extractName({
+        name: translatedShippingAddress.name,
+    });
     const translatedBillingAddress = getTranslatedAddress({
         currentAddress: stripeBillingAddressData,
         translatedAddress: stripeStore.translatedAddress.address,
     });
-    const billingFirstName = translatedBillingAddress.name.split(' ')[0] || '';
-    const billingLastName = translatedBillingAddress.name.split(' ').splice(1).join(' ') || '';
+    const { firstName: billingFirstName, lastName: billingLastName } = extractName({
+        name: translatedBillingAddress.name,
+    });
     return {
         billingAddress: {
             addressLine1: translatedBillingAddress.line1,
@@ -120,14 +140,16 @@ const prepCalculateLandedCost = () => {
         currentAddress: stripeAddressData,
         translatedAddress: stripeStore.translatedAddress.address,
     });
-    const shippingFirstName = translatedShippingAddress.name.split(' ')[0] || '';
-    const shippingLastName = translatedShippingAddress.name.split(' ').splice(1).join(' ') || '';
+    const { firstName: shippingFirstName, lastName: shippingLastName } = extractName({
+        name: translatedShippingAddress.name,
+    });
     const translatedBillingAddress = getTranslatedAddress({
         currentAddress: stripeBillingAddressData,
         translatedAddress: stripeStore.translatedAddress.address,
     });
-    const billingFirstName = translatedBillingAddress.name.split(' ')[0] || '';
-    const billingLastName = translatedBillingAddress.name.split(' ').splice(1).join(' ') || '';
+    const { firstName: billingFirstName, lastName: billingLastName } = extractName({
+        name: translatedBillingAddress.name,
+    });
     const convertedCartAdjuments = cartStore.adjustments.map(adjustment => ({
         amount: adjustment.amount,
         name: adjustment.description || null,
@@ -422,7 +444,6 @@ const getExcludeAddressFieldsObject = ({ address, invalidAdddressList, }) => {
  * @returns {ValidateAddressRequest | null} - An object that contains the address fields that have invalid characters, the destination country, and the first and last name. If the conditions are not met, the function returns null.
  */
 const buildTranslateRequest = ({ addressInvalidCharactersList, billingAddressInvalidCharactersList, stripeAddressEventData, stripeBillingAddressEventData, stripeShippingSameAsBilling, }) => {
-    var _a, _b, _c, _d;
     const isStripeAddressReady = !!(stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.complete);
     const isStripeBillingAddressReady = stripeShippingSameAsBilling
         ? isStripeAddressReady
@@ -438,15 +459,19 @@ const buildTranslateRequest = ({ addressInvalidCharactersList, billingAddressInv
     const stripeAddressValue = stripeAddressEventData.value;
     const stripeBillingAddressValue = (stripeBillingAddressEventData === null || stripeBillingAddressEventData === void 0 ? void 0 : stripeBillingAddressEventData.value) || null;
     // Returns undefined if the name is Latin so it won't be included in the request body
-    const firstName = stripeAddressValue.firstName || ((_a = stripeAddressValue.name) === null || _a === void 0 ? void 0 : _a.split(' ')[0]);
-    const lastName = stripeAddressValue.lastName || ((_b = stripeAddressValue.name) === null || _b === void 0 ? void 0 : _b.split(' ')[1]);
-    const name = `${firstName} ${lastName}`;
-    const billingFirstName = stripeAddressValue.firstName ||
-        ((_c = stripeBillingAddressValue === null || stripeBillingAddressValue === void 0 ? void 0 : stripeBillingAddressValue.name) === null || _c === void 0 ? void 0 : _c.split(' ')[0]);
-    const billingLastName = stripeAddressValue.lastName ||
-        ((_d = stripeBillingAddressValue === null || stripeBillingAddressValue === void 0 ? void 0 : stripeBillingAddressValue.name) === null || _d === void 0 ? void 0 : _d.split(' ')[1]);
-    const billingName = billingFirstName && billingLastName
-        ? `${billingFirstName} ${billingLastName}`
+    const { firstName: stripeShippingFirstName, lastName: stripeShippingLastName, } = extractName({
+        firstName: stripeAddressValue.firstName,
+        lastName: stripeAddressValue.lastName,
+        name: stripeAddressValue.name,
+    });
+    const name = `${stripeShippingFirstName} ${stripeShippingLastName}`;
+    const { firstName: stripeBillingFirstName, lastName: stripeBillingLastName } = extractName({
+        firstName: stripeBillingAddressValue === null || stripeBillingAddressValue === void 0 ? void 0 : stripeBillingAddressValue.firstName,
+        lastName: stripeBillingAddressValue === null || stripeBillingAddressValue === void 0 ? void 0 : stripeBillingAddressValue.lastName,
+        name: (stripeBillingAddressValue === null || stripeBillingAddressValue === void 0 ? void 0 : stripeBillingAddressValue.name) || '',
+    });
+    const billingName = stripeBillingFirstName && stripeBillingLastName
+        ? `${stripeBillingFirstName} ${stripeBillingLastName}`
         : '';
     const address = stripeAddressValue.address;
     const billingAddress = stripeBillingAddressValue === null || stripeBillingAddressValue === void 0 ? void 0 : stripeBillingAddressValue.address;
@@ -783,8 +808,11 @@ const checkIsAddressOutdatedForAsyncAddressUpdate = () => {
         isCompanyNameDirty);
 };
 const buildAddressForPartyCreate = ({ address, firstName, lastName, name, phone, }) => {
-    const _firstName = (name === null || name === void 0 ? void 0 : name.split(' ')[0]) || firstName || '';
-    const _lastName = (name === null || name === void 0 ? void 0 : name.split(' ')[1]) || lastName || '';
+    const { firstName: _firstName, lastName: _lastName } = extractName({
+        firstName,
+        lastName,
+        name,
+    });
     if (!_firstName || !_lastName) {
         void sendErrorLog({
             endpoint: 'PARTY_CREATE_NO_NAME_FOUND',
@@ -2147,4 +2175,4 @@ const cartStoreResetTabItems = () => {
     cartStoreResetSelectedShippingOption();
 };
 
-export { cartStoreHasOneEligibleItem as A, stripeStoreApplyPromoCode as B, stripeStoreRemovePromoCode as C, stripeStoreResetPromoCode as D, stripeStoreMessageBasedOnStatus as E, stripeStoreTranslateAddressToLatin as F, cartStoreOnChange as G, stripeStoreAsyncAddressUpdate as H, cartStoreUpdateSelectedShippingOption as I, cartStoreGetShippingTransitInfo as J, cartStoreGetMethod as K, sortServiceLevelOptionsByAmount as L, stripeStoreCleanupDomesticShippingSession as a, stripeStoreSaveDomesticShippingSession as b, stripeStore as c, stripeStoreRetrievePayment as d, cartStore as e, cartStoreUpdateItems as f, cartStoreReset as g, cartStoreResetTabItems as h, initStripeElements as i, cartStoreClearCheckoutInterval as j, stripeStoreInitCheckoutSession as k, stripeStoreGetPaymentIntent as l, cartStoreStartCheckoutInterval as m, getCheckoutSessionBody as n, cartStoreUpdateToErrorState as o, cartStoreSetCheckoutSession as p, stripeStorePrefetchLandedCost as q, cartStoreNextStep as r, stripeStoreGetDomesticShippingSession as s, trackConversionEvent as t, stripeStoreUpdateCheckoutSessionBaseCurrency as u, stripeStoreHandleInventoryCheck as v, stripeStoreConfirmPayment as w, stripeStoreHandleInventoryRefund as x, stripeStoreReset as y, validateCheckoutSession as z };
+export { cartStoreHasOneEligibleItem as A, stripeStoreApplyPromoCode as B, stripeStoreRemovePromoCode as C, stripeStoreResetPromoCode as D, stripeStoreMessageBasedOnStatus as E, stripeStoreTranslateAddressToLatin as F, extractName as G, cartStoreOnChange as H, stripeStoreAsyncAddressUpdate as I, cartStoreUpdateSelectedShippingOption as J, cartStoreGetShippingTransitInfo as K, cartStoreGetMethod as L, sortServiceLevelOptionsByAmount as M, stripeStoreCleanupDomesticShippingSession as a, stripeStoreSaveDomesticShippingSession as b, stripeStore as c, stripeStoreRetrievePayment as d, cartStore as e, cartStoreUpdateItems as f, cartStoreReset as g, cartStoreResetTabItems as h, initStripeElements as i, cartStoreClearCheckoutInterval as j, stripeStoreInitCheckoutSession as k, stripeStoreGetPaymentIntent as l, cartStoreStartCheckoutInterval as m, getCheckoutSessionBody as n, cartStoreUpdateToErrorState as o, cartStoreSetCheckoutSession as p, stripeStorePrefetchLandedCost as q, cartStoreNextStep as r, stripeStoreGetDomesticShippingSession as s, trackConversionEvent as t, stripeStoreUpdateCheckoutSessionBaseCurrency as u, stripeStoreHandleInventoryCheck as v, stripeStoreConfirmPayment as w, stripeStoreHandleInventoryRefund as x, stripeStoreReset as y, validateCheckoutSession as z };

package/dist/esm/{handleFetch-dd74bbb1.js → handleFetch-bb221e63.js}

@@ -431,9 +431,9 @@ const handleRequestWithFallback = async ({ basePathType: _basePathType, options,
         (message.includes('signal is aborted') ||
             message.includes('The operation was aborted') ||
             message.includes('Fetch is aborted')));
-    const isUnknownError = !!unknownError || (response === null || response === void 0 ? void 0 : response.status) === 404;
+    const isUnknownError = !!unknownError || (response === null || response === void 0 ? void 0 : response.status) === 404 || (response === null || response === void 0 ? void 0 : response.status) === 500;
     const shouldCallFallback = 
-    // If next fallback is available, and the error is unknown (Failed to fetch) or 404
+    // If next fallback is available, and the error is unknown (Failed to fetch) or 404 or 500 (server error)
     nextFallbackApiType && isUnknownError;
     // Should log the error if it's unknown error
     if (isUnknownError && !isAbortError) {

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 import { c as createCustomEvent } from './createCustomEvent-58159025.js';
 import { g as getGenericSettingsOverride, I as IframeService } from './getGenericSettingsOverride-0bc3e118.js';
-import { g as getIsTestMode, a as getIsStagingMode, l as log, h as handleFetch, b as logError } from './handleFetch-dd74bbb1.js';
+import { g as getIsTestMode, a as getIsStagingMode, l as log, h as handleFetch, b as logError } from './handleFetch-bb221e63.js';
 import { g as getAbandonedCartRenewTokenValue, _ as _getIsValidCartId, c as checkoutHiddenBtnSelector, a as checkoutHiddenInternationalBtnSelector } from './CheckoutConfig-724d7bae.js';
 export { c as checkoutHiddenBtnSelector, a as checkoutHiddenInternationalBtnSelector, d as domesticRedirectedBtnSelector } from './CheckoutConfig-724d7bae.js';
 export { a as availableTestKeys } from './VarianceTest-fef2d958.js';
@@ -129,7 +129,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.214.js.zonos.com";
+    const cdnUrl = "https://v1.3.216.js.zonos.com";
     // when the qaUrl is not set and the built URL is from the test domain, use the test domain for testing
     if (!qaUrl &&
         (cdnUrl.includes('test.') ||
@@ -372,10 +372,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.214.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.214";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.214";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.214";
+const ZONOS_URL = "https://v1.3.216.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.216";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.216";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.216";
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const GOOGLE_FONT_REGEX = /^https:\/\/fonts\.googleapis\.com/;
 class Zonos {
@@ -393,7 +393,7 @@ Zonos.iframeLogType = typeof window !== 'undefined'
     ? new URLSearchParams(window.location.search).get('iframeLogType')
     : null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1749479724498";
+Zonos.releaseDate = "1749769356368";
 Zonos.isLegacyCheckout = false;
 Zonos.domain = typeof window !== 'undefined'
     ? // domain that embeds the iframe
@@ -411,7 +411,7 @@ Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
 Zonos.trackEventLogs = [];
-Zonos.version = `v${"1.3.214"}`;
+Zonos.version = `v${"1.3.216"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/esm/{localization-cf31c728.js → localization-b3bdf691.js}

@@ -1,5 +1,5 @@
 import { c as createStore, z as zonosStore } from './zonosStore-c456b933.js';
-import { l as log, j as jsonParse, h as handleFetch, b as logError } from './handleFetch-dd74bbb1.js';
+import { l as log, j as jsonParse, h as handleFetch, b as logError } from './handleFetch-bb221e63.js';
 import { a as availableTestKeys } from './VarianceTest-fef2d958.js';
 
 /**

package/dist/esm/{paypal-5963c1ab.js → paypal-8af04edf.js}

@@ -1,7 +1,7 @@
 import { z as zonosStore, c as createStore } from './zonosStore-c456b933.js';
-import { t as trackConversionEvent, z as validateCheckoutSession, c as stripeStore, e as cartStore, v as stripeStoreHandleInventoryCheck, r as cartStoreNextStep, j as cartStoreClearCheckoutInterval } from './cart-c3540cd7.js';
-import { t as translate, s as storageStore } from './localization-cf31c728.js';
-import { h as handleFetch, l as log, b as logError, j as jsonParse } from './handleFetch-dd74bbb1.js';
+import { t as trackConversionEvent, z as validateCheckoutSession, c as stripeStore, e as cartStore, v as stripeStoreHandleInventoryCheck, r as cartStoreNextStep, j as cartStoreClearCheckoutInterval } from './cart-011aa510.js';
+import { t as translate, s as storageStore } from './localization-b3bdf691.js';
+import { h as handleFetch, l as log, b as logError, j as jsonParse } from './handleFetch-bb221e63.js';
 import { t as tinycolor } from './isDarkColor-1f58b6be.js';
 
 /*!

package/dist/esm/{updateCheckoutSessionAttributes-7babf0f2.js → updateCheckoutSessionAttributes-fa58ba66.js}

@@ -1,5 +1,5 @@
 import { d as debounce_1 } from './debounce-c34d1270.js';
-import { h as handleFetch, b as logError } from './handleFetch-dd74bbb1.js';
+import { h as handleFetch, b as logError } from './handleFetch-bb221e63.js';
 
 const attributesToUpdate = {};
 // Store debounced functions per session to ensure proper debouncing

package/dist/esm/zonos-address_11.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-55a03023.js';
 import { d as debounce_1 } from './debounce-c34d1270.js';
 import { d as isObject_1, z as zonosStore, f as zonosStoreFontFamily } from './zonosStore-c456b933.js';
-import { c as stripeStore, t as trackConversionEvent, q as stripeStorePrefetchLandedCost, e as cartStore } from './cart-c3540cd7.js';
-import { s as storageStore, n as storageStoreOnChange, o as getFallbackDefaultCountryCode, t as translate, l as localizationStore } from './localization-cf31c728.js';
-import { b as logError, l as log, i as isCheckoutMobile } from './handleFetch-dd74bbb1.js';
+import { c as stripeStore, t as trackConversionEvent, G as extractName, q as stripeStorePrefetchLandedCost, e as cartStore } from './cart-011aa510.js';
+import { s as storageStore, n as storageStoreOnChange, o as getFallbackDefaultCountryCode, t as translate, l as localizationStore } from './localization-b3bdf691.js';
+import { b as logError, l as log, i as isCheckoutMobile } from './handleFetch-bb221e63.js';
 import { s as shouldRenderTaxIdInput, i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './shouldRenderTaxIdInput-8bc112bb.js';
 import { c as countryRequireTaxId, s as shipToTaxIdLabels } from './TaxId-50d72254.js';
 import { c as classes } from './classes-0d95c529.js';
@@ -269,8 +269,14 @@ const ZonosAddress$1 = class {
                     }
                 }, 600);
             }
+            const { firstName, lastName } = extractName({
+                firstName: eventValue.firstName,
+                lastName: eventValue.lastName,
+                name: eventValue.name,
+            });
             this.updateAddressEventData({
-                event: Object.assign(Object.assign({}, event), { elementMode: this.type, elementType: 'address', value: Object.assign(Object.assign({}, eventValue), { firstName: eventValue.firstName || eventValue.name.split(' ')[0], lastName: eventValue.lastName || eventValue.name.split(' ')[1] }) }),
+                event: Object.assign(Object.assign({}, event), { elementMode: this.type, elementType: 'address', value: Object.assign(Object.assign({}, eventValue), { firstName,
+                        lastName }) }),
                 type: this.type,
             });
         });
@@ -374,7 +380,7 @@ const ZonosAddress$1 = class {
             this.isAddressFilled = true;
         }
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: '6cb2f40dc810982251bdb24bd373ef5dc5b26cd2', class: "zonos--address zonos--elements" }, h("zonos-text", { key: 'f7b393a508bc5f1921924090c365cdf41f23f0e7', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), h("div", { key: '9bd11de0b90f7ad7328cf37694c7d4e2a2d73f06', class: "zonos--address-component" })));
+        return (h(Host, { key: '13b9fdc214b7ffeacaa180f1ba0d49032b417b6f', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '7a6ec3c462293e85926b0f379860d8d4edfe6120', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), h("div", { key: '36c094186e6ce2ce1d1c4e8f56823fd032b3ad9e', class: "zonos--address-component" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -439,18 +445,18 @@ const ZonosAddressForm = class {
     }
     render() {
         const { city, country, line1, line2, name, phone, postal_code, state } = this.localAddress;
-        const firstName = name.split(' ')[0] || '';
-        // get the rest of the name if it exists
-        const lastName = name.split(' ').slice(1).join(' ') || '';
-        return (h(Host, { key: '8b578737e33203a23563be7e9be0778deec99bbf', class: "zonos--address-form zonos--elements" }, h("div", { key: '793675a1348547bf3f781788956befe325191011', class: "zonos--title" }, h("zonos-text", { key: '13de35cb0a7c98a48342e3fb86ae3ade9f5b88d9', textColor: "gray-700", type: "smallHeader" }, this.addressType === 'shipping'
+        const { firstName, lastName } = extractName({
+            name,
+        });
+        return (h(Host, { key: '22d085e462e69a4100a8cb1763367f53b933ed1d', class: "zonos--address-form zonos--elements" }, h("div", { key: '17d6c92370343ffbd1b4a85b3c49055a5a7f9d72', class: "zonos--title" }, h("zonos-text", { key: 'a4cb01bd8fed154567e0b7ade87777a1552ea815', textColor: "gray-700", type: "smallHeader" }, this.addressType === 'shipping'
             ? translate('Shipping')
-            : translate('Billing'))), h("div", { key: '2c5de5b5283fb99ee5f8b61d7a217177986fc2db', class: "zonos--address-group" }, h("div", { key: '23bf3c893071000d5995a5f175867bab11929193', class: "zonos--contact" }, h("zonos-text", { key: '7cdfe2a84ebad89ba5b16498d75def99cf392384', type: "label" }, translate('Contact')), h("zonos-input", { key: '1c39c38767fd306c5eb1164cdc989b8291209cf0', class: "zonos--form-email", inputLabel: translate('Email'), inputValue: this.currentAddress.email, isDisabled: true }), h("div", { key: 'cbdf61217125e22b1a6cec9a340ef0aca2c75670', class: "zonos--name zonos--address-row" }, h("zonos-input", { key: '360c99e7b2c6caa64580d5768b5bb53368927275', class: "zonos--form-first-name", inputLabel: translate('First name'), inputValue: firstName, isError: isTextContainsNonLatinChars(firstName), onInputChange: e => this.onInputChange({
+            : translate('Billing'))), h("div", { key: '4a1dddabc011e465d295b5c2994fda3a2531c96e', class: "zonos--address-group" }, h("div", { key: '60df882b5717b2f557a5051f492b2c838f938cd9', class: "zonos--contact" }, h("zonos-text", { key: '90b6613ccf1b2a445baae5f700f392d195924688', type: "label" }, translate('Contact')), h("zonos-input", { key: '125815769a366e113b61d5581578ef6ecbdffa79', class: "zonos--form-email", inputLabel: translate('Email'), inputValue: this.currentAddress.email, isDisabled: true }), h("div", { key: 'd0d331fb33f40243ce23824db5ba9551fd5636f8', class: "zonos--name zonos--address-row" }, h("zonos-input", { key: '46323db8f305e491215df03ef2092e76eec38355', class: "zonos--form-first-name", inputLabel: translate('First name'), inputValue: firstName, isError: isTextContainsNonLatinChars(firstName), onInputChange: e => this.onInputChange({
                 key: 'name',
                 value: `${e.detail} ${lastName}`,
-            }) }), h("zonos-input", { key: '8ce5fa5c15c6f7928339ea10009ce0e68954a91f', class: "zonos--form-last-name", inputLabel: translate('Last name'), inputValue: lastName, isError: isTextContainsNonLatinChars(lastName), onInputChange: e => this.onInputChange({
+            }) }), h("zonos-input", { key: '3c055ee2f1fcaf93ebcbd8f11ad6609cd33e9e14', class: "zonos--form-last-name", inputLabel: translate('Last name'), inputValue: lastName, isError: isTextContainsNonLatinChars(lastName), onInputChange: e => this.onInputChange({
                 key: 'name',
                 value: `${firstName} ${e.detail}`,
-            }) }))), h("div", { key: '7b4fa2d3baa6cb257e7688e5ba6777123898b3fd', class: "zonos--address" }, h("zonos-text", { key: '9d5782331b2642755a755aeb7f98c9f4d87f9a20', type: "label" }, translate('Address')), h("zonos-input", { key: 'a622025924ca86bdbf1d3c04b79e6dee172b4c42', class: "zonos--form-country", inputLabel: translate('Country'), inputValue: country, isDisabled: true }), h("zonos-input", { key: 'f99b3a74db09ab5730878e80705b9aeac76bf800', class: "zonos--form-line1", inputLabel: translate('Address line 1'), inputValue: line1, isError: isTextContainsNonLatinChars(line1), onInputChange: e => this.onInputChange({ key: 'line1', value: e.detail }) }), h("zonos-input", { key: '5d16aefa45a78045c87d166aaaec0255606e455e', class: "zonos--form-line2", inputLabel: translate('Address line 2'), inputValue: line2, isError: isTextContainsNonLatinChars(line2), onInputChange: e => this.onInputChange({ key: 'line2', value: e.detail }) }), h("div", { key: 'dc166be9381142835d72e731cb38a718522a068a', class: "zonos--address-row" }, h("zonos-input", { key: '4f1a98f9d10ce0cff3ef18a3037a12382552b31d', class: "zonos--form-city", inputLabel: translate('City'), inputValue: city, isError: isTextContainsNonLatinChars(city), onInputChange: e => this.onInputChange({ key: 'city', value: e.detail }) }), h("zonos-input", { key: 'd4f97900b5fe2e1619950a52d1d1f716a8bc19ff', class: "zonos--form-state", inputLabel: translate('State/Province'), inputValue: state, isError: isTextContainsNonLatinChars(state), onInputChange: e => this.onInputChange({ key: 'state', value: e.detail }) })), h("zonos-input", { key: 'cf1eb0ca5cd15c8412a2e1246aaf2e39361dc733', class: "zonos--form-postal-code", inputLabel: translate('Postal code'), inputValue: postal_code, isError: isTextContainsNonLatinChars(postal_code), onInputChange: e => this.onInputChange({ key: 'postal_code', value: e.detail }) }), h("zonos-input", { key: '7421c82847eded6bdbcce49ef8196124d8e50c1d', class: "zonos--form-phone", inputLabel: translate('Phone number'), inputValue: phone, onInputChange: e => this.onInputChange({ key: 'phone', value: e.detail }) })))));
+            }) }))), h("div", { key: 'ce30f816d03b497eb4491d2554eb63c0aabf110c', class: "zonos--address" }, h("zonos-text", { key: '304867c5354ac55071c88944a63bba88ea3fb86f', type: "label" }, translate('Address')), h("zonos-input", { key: 'f0efe937603a38761643af1486b53359a19593e5', class: "zonos--form-country", inputLabel: translate('Country'), inputValue: country, isDisabled: true }), h("zonos-input", { key: '8360a4ae65c8963e886a3fb8322e0e539d121142', class: "zonos--form-line1", inputLabel: translate('Address line 1'), inputValue: line1, isError: isTextContainsNonLatinChars(line1), onInputChange: e => this.onInputChange({ key: 'line1', value: e.detail }) }), h("zonos-input", { key: '2c9374917b705c2c9306d3d4d7fc4b4043c2b73b', class: "zonos--form-line2", inputLabel: translate('Address line 2'), inputValue: line2, isError: isTextContainsNonLatinChars(line2), onInputChange: e => this.onInputChange({ key: 'line2', value: e.detail }) }), h("div", { key: 'fd067074070cadba3d895503f35c344ff817fec2', class: "zonos--address-row" }, h("zonos-input", { key: 'a565bee68e2498403df2801eb90005e8cb2d6f44', class: "zonos--form-city", inputLabel: translate('City'), inputValue: city, isError: isTextContainsNonLatinChars(city), onInputChange: e => this.onInputChange({ key: 'city', value: e.detail }) }), h("zonos-input", { key: '89bae75b691aacdd62b624f65eee303bfb3fc811', class: "zonos--form-state", inputLabel: translate('State/Province'), inputValue: state, isError: isTextContainsNonLatinChars(state), onInputChange: e => this.onInputChange({ key: 'state', value: e.detail }) })), h("zonos-input", { key: '9a851b9f449ed135859b7b828bf362168caf76fb', class: "zonos--form-postal-code", inputLabel: translate('Postal code'), inputValue: postal_code, isError: isTextContainsNonLatinChars(postal_code), onInputChange: e => this.onInputChange({ key: 'postal_code', value: e.detail }) }), h("zonos-input", { key: 'a51b8ba1e22d5a12eac9021abe83fdc20f8eb1a6', class: "zonos--form-phone", inputLabel: translate('Phone number'), inputValue: phone, onInputChange: e => this.onInputChange({ key: 'phone', value: e.detail }) })))));
     }
     static get watchers() { return {
         "translatedAddress": ["watchCurrentAddress"]
@@ -1250,14 +1256,17 @@ const ZonosAddress = class {
         // Use data from default address if it's available
         const firstDefaultAddress = this.defaultAddress[0];
         if (firstDefaultAddress) {
+            const { firstName, lastName } = extractName({
+                name: firstDefaultAddress.name,
+            });
             const countryCode = firstDefaultAddress.address.country ||
                 localizationStore.selectedCountryCode ||
                 'US';
             this.setFormValues({
                 city: firstDefaultAddress.address.city,
                 country: countryCode,
-                firstName: firstDefaultAddress.name.split(' ')[0] || '',
-                lastName: firstDefaultAddress.name.split(' ')[1] || '',
+                firstName,
+                lastName,
                 line1: firstDefaultAddress.address.line1,
                 line2: firstDefaultAddress.address.line2 || '',
                 phone: firstDefaultAddress.phone || '',
@@ -1725,10 +1734,10 @@ const ZonosAddress = class {
             this.country = localizationStore.selectedCountryCode;
         }
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: '668f481c1b31dd6e756d95b5c382592681cea23d', class: classes([
+        return (h(Host, { key: '9e1d9e1ed3fca30876ba8310510873a5b10c6552', class: classes([
                 'zonos--address zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, h("zonos-text", { key: 'a31cd25d43d9262d408e6ced8330cbe1c51bdd47', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderCustomAddressForm()));
+            ]) }, h("zonos-text", { key: '2356d42946b3ed93c4670fb876101a1371ac5c14', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderCustomAddressForm()));
     }
     get el() { return getElement(this); }
     static get watchers() { return {