@zonos/elements 1.3.215 → 1.3.216

package/dist/cjs/{cart-e0b62259.js → cart-96520eab.js}

@@ -1,11 +1,29 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-f8ee56aa.js');
-const localization = require('./localization-91bcde0e.js');
-const handleFetch = require('./handleFetch-7cf3752e.js');
+const localization = require('./localization-e241e025.js');
+const handleFetch = require('./handleFetch-b821ed5d.js');
 const isDarkColor = require('./isDarkColor-428965f4.js');
 const getBorderRadius = require('./getBorderRadius-1b5e33cf.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
  */
@@ -45,14 +63,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,
@@ -122,14 +142,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,
@@ -424,7 +446,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
@@ -440,15 +461,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;
@@ -785,8 +810,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 handleFetch.sendErrorLog({
             endpoint: 'PARTY_CREATE_NO_NAME_FOUND',
@@ -2163,6 +2191,7 @@ exports.cartStoreStartCheckoutInterval = cartStoreStartCheckoutInterval;
 exports.cartStoreUpdateItems = cartStoreUpdateItems;
 exports.cartStoreUpdateSelectedShippingOption = cartStoreUpdateSelectedShippingOption;
 exports.cartStoreUpdateToErrorState = cartStoreUpdateToErrorState;
+exports.extractName = extractName;
 exports.getCheckoutSessionBody = getCheckoutSessionBody;
 exports.initStripeElements = initStripeElements;
 exports.sortServiceLevelOptionsByAmount = sortServiceLevelOptionsByAmount;

package/dist/cjs/{handleFetch-7cf3752e.js → handleFetch-b821ed5d.js}

@@ -433,9 +433,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/cjs/index.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
 const getGenericSettingsOverride = require('./getGenericSettingsOverride-c0ca32b9.js');
-const handleFetch = require('./handleFetch-7cf3752e.js');
+const handleFetch = require('./handleFetch-b821ed5d.js');
 const CheckoutConfig = require('./CheckoutConfig-27c82f94.js');
 const VarianceTest = require('./VarianceTest-0cb1e118.js');
 const TaxId = require('./TaxId-12acedde.js');
@@ -132,7 +132,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.215.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.') ||
@@ -375,10 +375,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.215.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.215";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.215";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.215";
+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 {
@@ -396,7 +396,7 @@ Zonos.iframeLogType = typeof window !== 'undefined'
     ? new URLSearchParams(window.location.search).get('iframeLogType')
     : null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1749655878701";
+Zonos.releaseDate = "1749769356368";
 Zonos.isLegacyCheckout = false;
 Zonos.domain = typeof window !== 'undefined'
     ? // domain that embeds the iframe
@@ -414,7 +414,7 @@ Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
 Zonos.trackEventLogs = [];
-Zonos.version = `v${"1.3.215"}`;
+Zonos.version = `v${"1.3.216"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/cjs/{localization-91bcde0e.js → localization-e241e025.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-f8ee56aa.js');
-const handleFetch = require('./handleFetch-7cf3752e.js');
+const handleFetch = require('./handleFetch-b821ed5d.js');
 const VarianceTest = require('./VarianceTest-0cb1e118.js');
 
 /**

package/dist/cjs/{paypal-93e5de01.js → paypal-97ac0999.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-f8ee56aa.js');
-const cart = require('./cart-e0b62259.js');
-const localization = require('./localization-91bcde0e.js');
-const handleFetch = require('./handleFetch-7cf3752e.js');
+const cart = require('./cart-96520eab.js');
+const localization = require('./localization-e241e025.js');
+const handleFetch = require('./handleFetch-b821ed5d.js');
 const isDarkColor = require('./isDarkColor-428965f4.js');
 
 /*!

package/dist/cjs/{updateCheckoutSessionAttributes-047bc0cb.js → updateCheckoutSessionAttributes-5f794550.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const debounce = require('./debounce-465a4328.js');
-const handleFetch = require('./handleFetch-7cf3752e.js');
+const handleFetch = require('./handleFetch-b821ed5d.js');
 
 const attributesToUpdate = {};
 // Store debounced functions per session to ensure proper debouncing

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1c710d00.js');
 const debounce$1 = require('./debounce-465a4328.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
-const cart = require('./cart-e0b62259.js');
-const localization = require('./localization-91bcde0e.js');
-const handleFetch = require('./handleFetch-7cf3752e.js');
+const cart = require('./cart-96520eab.js');
+const localization = require('./localization-e241e025.js');
+const handleFetch = require('./handleFetch-b821ed5d.js');
 const shouldRenderTaxIdInput = require('./shouldRenderTaxIdInput-9b8a8de1.js');
 const TaxId = require('./TaxId-12acedde.js');
 const classes = require('./classes-b7918f56.js');
@@ -273,8 +273,14 @@ const ZonosAddress$1 = class {
                     }
                 }, 600);
             }
+            const { firstName, lastName } = cart.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,
             });
         });
@@ -378,7 +384,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 (index.h(index.Host, { key: '6cb2f40dc810982251bdb24bd373ef5dc5b26cd2', class: "zonos--address zonos--elements" }, index.h("zonos-text", { key: 'f7b393a508bc5f1921924090c365cdf41f23f0e7', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), index.h("div", { key: '9bd11de0b90f7ad7328cf37694c7d4e2a2d73f06', class: "zonos--address-component" })));
+        return (index.h(index.Host, { key: '13b9fdc214b7ffeacaa180f1ba0d49032b417b6f', class: "zonos--address zonos--elements" }, index.h("zonos-text", { key: '7a6ec3c462293e85926b0f379860d8d4edfe6120', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), index.h("div", { key: '36c094186e6ce2ce1d1c4e8f56823fd032b3ad9e', class: "zonos--address-component" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -443,18 +449,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 (index.h(index.Host, { key: '8b578737e33203a23563be7e9be0778deec99bbf', class: "zonos--address-form zonos--elements" }, index.h("div", { key: '793675a1348547bf3f781788956befe325191011', class: "zonos--title" }, index.h("zonos-text", { key: '13de35cb0a7c98a48342e3fb86ae3ade9f5b88d9', textColor: "gray-700", type: "smallHeader" }, this.addressType === 'shipping'
+        const { firstName, lastName } = cart.extractName({
+            name,
+        });
+        return (index.h(index.Host, { key: '22d085e462e69a4100a8cb1763367f53b933ed1d', class: "zonos--address-form zonos--elements" }, index.h("div", { key: '17d6c92370343ffbd1b4a85b3c49055a5a7f9d72', class: "zonos--title" }, index.h("zonos-text", { key: 'a4cb01bd8fed154567e0b7ade87777a1552ea815', textColor: "gray-700", type: "smallHeader" }, this.addressType === 'shipping'
             ? localization.translate('Shipping')
-            : localization.translate('Billing'))), index.h("div", { key: '2c5de5b5283fb99ee5f8b61d7a217177986fc2db', class: "zonos--address-group" }, index.h("div", { key: '23bf3c893071000d5995a5f175867bab11929193', class: "zonos--contact" }, index.h("zonos-text", { key: '7cdfe2a84ebad89ba5b16498d75def99cf392384', type: "label" }, localization.translate('Contact')), index.h("zonos-input", { key: '1c39c38767fd306c5eb1164cdc989b8291209cf0', class: "zonos--form-email", inputLabel: localization.translate('Email'), inputValue: this.currentAddress.email, isDisabled: true }), index.h("div", { key: 'cbdf61217125e22b1a6cec9a340ef0aca2c75670', class: "zonos--name zonos--address-row" }, index.h("zonos-input", { key: '360c99e7b2c6caa64580d5768b5bb53368927275', class: "zonos--form-first-name", inputLabel: localization.translate('First name'), inputValue: firstName, isError: shouldRenderTaxIdInput.isTextContainsNonLatinChars(firstName), onInputChange: e => this.onInputChange({
+            : localization.translate('Billing'))), index.h("div", { key: '4a1dddabc011e465d295b5c2994fda3a2531c96e', class: "zonos--address-group" }, index.h("div", { key: '60df882b5717b2f557a5051f492b2c838f938cd9', class: "zonos--contact" }, index.h("zonos-text", { key: '90b6613ccf1b2a445baae5f700f392d195924688', type: "label" }, localization.translate('Contact')), index.h("zonos-input", { key: '125815769a366e113b61d5581578ef6ecbdffa79', class: "zonos--form-email", inputLabel: localization.translate('Email'), inputValue: this.currentAddress.email, isDisabled: true }), index.h("div", { key: 'd0d331fb33f40243ce23824db5ba9551fd5636f8', class: "zonos--name zonos--address-row" }, index.h("zonos-input", { key: '46323db8f305e491215df03ef2092e76eec38355', class: "zonos--form-first-name", inputLabel: localization.translate('First name'), inputValue: firstName, isError: shouldRenderTaxIdInput.isTextContainsNonLatinChars(firstName), onInputChange: e => this.onInputChange({
                 key: 'name',
                 value: `${e.detail} ${lastName}`,
-            }) }), index.h("zonos-input", { key: '8ce5fa5c15c6f7928339ea10009ce0e68954a91f', class: "zonos--form-last-name", inputLabel: localization.translate('Last name'), inputValue: lastName, isError: shouldRenderTaxIdInput.isTextContainsNonLatinChars(lastName), onInputChange: e => this.onInputChange({
+            }) }), index.h("zonos-input", { key: '3c055ee2f1fcaf93ebcbd8f11ad6609cd33e9e14', class: "zonos--form-last-name", inputLabel: localization.translate('Last name'), inputValue: lastName, isError: shouldRenderTaxIdInput.isTextContainsNonLatinChars(lastName), onInputChange: e => this.onInputChange({
                 key: 'name',
                 value: `${firstName} ${e.detail}`,
-            }) }))), index.h("div", { key: '7b4fa2d3baa6cb257e7688e5ba6777123898b3fd', class: "zonos--address" }, index.h("zonos-text", { key: '9d5782331b2642755a755aeb7f98c9f4d87f9a20', type: "label" }, localization.translate('Address')), index.h("zonos-input", { key: 'a622025924ca86bdbf1d3c04b79e6dee172b4c42', class: "zonos--form-country", inputLabel: localization.translate('Country'), inputValue: country, isDisabled: true }), index.h("zonos-input", { key: 'f99b3a74db09ab5730878e80705b9aeac76bf800', class: "zonos--form-line1", inputLabel: localization.translate('Address line 1'), inputValue: line1, isError: shouldRenderTaxIdInput.isTextContainsNonLatinChars(line1), onInputChange: e => this.onInputChange({ key: 'line1', value: e.detail }) }), index.h("zonos-input", { key: '5d16aefa45a78045c87d166aaaec0255606e455e', class: "zonos--form-line2", inputLabel: localization.translate('Address line 2'), inputValue: line2, isError: shouldRenderTaxIdInput.isTextContainsNonLatinChars(line2), onInputChange: e => this.onInputChange({ key: 'line2', value: e.detail }) }), index.h("div", { key: 'dc166be9381142835d72e731cb38a718522a068a', class: "zonos--address-row" }, index.h("zonos-input", { key: '4f1a98f9d10ce0cff3ef18a3037a12382552b31d', class: "zonos--form-city", inputLabel: localization.translate('City'), inputValue: city, isError: shouldRenderTaxIdInput.isTextContainsNonLatinChars(city), onInputChange: e => this.onInputChange({ key: 'city', value: e.detail }) }), index.h("zonos-input", { key: 'd4f97900b5fe2e1619950a52d1d1f716a8bc19ff', class: "zonos--form-state", inputLabel: localization.translate('State/Province'), inputValue: state, isError: shouldRenderTaxIdInput.isTextContainsNonLatinChars(state), onInputChange: e => this.onInputChange({ key: 'state', value: e.detail }) })), index.h("zonos-input", { key: 'cf1eb0ca5cd15c8412a2e1246aaf2e39361dc733', class: "zonos--form-postal-code", inputLabel: localization.translate('Postal code'), inputValue: postal_code, isError: shouldRenderTaxIdInput.isTextContainsNonLatinChars(postal_code), onInputChange: e => this.onInputChange({ key: 'postal_code', value: e.detail }) }), index.h("zonos-input", { key: '7421c82847eded6bdbcce49ef8196124d8e50c1d', class: "zonos--form-phone", inputLabel: localization.translate('Phone number'), inputValue: phone, onInputChange: e => this.onInputChange({ key: 'phone', value: e.detail }) })))));
+            }) }))), index.h("div", { key: 'ce30f816d03b497eb4491d2554eb63c0aabf110c', class: "zonos--address" }, index.h("zonos-text", { key: '304867c5354ac55071c88944a63bba88ea3fb86f', type: "label" }, localization.translate('Address')), index.h("zonos-input", { key: 'f0efe937603a38761643af1486b53359a19593e5', class: "zonos--form-country", inputLabel: localization.translate('Country'), inputValue: country, isDisabled: true }), index.h("zonos-input", { key: '8360a4ae65c8963e886a3fb8322e0e539d121142', class: "zonos--form-line1", inputLabel: localization.translate('Address line 1'), inputValue: line1, isError: shouldRenderTaxIdInput.isTextContainsNonLatinChars(line1), onInputChange: e => this.onInputChange({ key: 'line1', value: e.detail }) }), index.h("zonos-input", { key: '2c9374917b705c2c9306d3d4d7fc4b4043c2b73b', class: "zonos--form-line2", inputLabel: localization.translate('Address line 2'), inputValue: line2, isError: shouldRenderTaxIdInput.isTextContainsNonLatinChars(line2), onInputChange: e => this.onInputChange({ key: 'line2', value: e.detail }) }), index.h("div", { key: 'fd067074070cadba3d895503f35c344ff817fec2', class: "zonos--address-row" }, index.h("zonos-input", { key: 'a565bee68e2498403df2801eb90005e8cb2d6f44', class: "zonos--form-city", inputLabel: localization.translate('City'), inputValue: city, isError: shouldRenderTaxIdInput.isTextContainsNonLatinChars(city), onInputChange: e => this.onInputChange({ key: 'city', value: e.detail }) }), index.h("zonos-input", { key: '89bae75b691aacdd62b624f65eee303bfb3fc811', class: "zonos--form-state", inputLabel: localization.translate('State/Province'), inputValue: state, isError: shouldRenderTaxIdInput.isTextContainsNonLatinChars(state), onInputChange: e => this.onInputChange({ key: 'state', value: e.detail }) })), index.h("zonos-input", { key: '9a851b9f449ed135859b7b828bf362168caf76fb', class: "zonos--form-postal-code", inputLabel: localization.translate('Postal code'), inputValue: postal_code, isError: shouldRenderTaxIdInput.isTextContainsNonLatinChars(postal_code), onInputChange: e => this.onInputChange({ key: 'postal_code', value: e.detail }) }), index.h("zonos-input", { key: 'a51b8ba1e22d5a12eac9021abe83fdc20f8eb1a6', class: "zonos--form-phone", inputLabel: localization.translate('Phone number'), inputValue: phone, onInputChange: e => this.onInputChange({ key: 'phone', value: e.detail }) })))));
     }
     static get watchers() { return {
         "translatedAddress": ["watchCurrentAddress"]
@@ -1254,14 +1260,17 @@ const ZonosAddress = class {
         // Use data from default address if it's available
         const firstDefaultAddress = this.defaultAddress[0];
         if (firstDefaultAddress) {
+            const { firstName, lastName } = cart.extractName({
+                name: firstDefaultAddress.name,
+            });
             const countryCode = firstDefaultAddress.address.country ||
                 localization.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 || '',
@@ -1729,10 +1738,10 @@ const ZonosAddress = class {
             this.country = localization.localizationStore.selectedCountryCode;
         }
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: '668f481c1b31dd6e756d95b5c382592681cea23d', class: classes.classes([
+        return (index.h(index.Host, { key: '9e1d9e1ed3fca30876ba8310510873a5b10c6552', class: classes.classes([
                 'zonos--address zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, index.h("zonos-text", { key: 'a31cd25d43d9262d408e6ced8330cbe1c51bdd47', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderCustomAddressForm()));
+            ]) }, index.h("zonos-text", { key: '2356d42946b3ed93c4670fb876101a1371ac5c14', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderCustomAddressForm()));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/zonos-cart-items_14.cjs.entry.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const cart = require('./cart-e0b62259.js');
-const localization = require('./localization-91bcde0e.js');
+const cart = require('./cart-96520eab.js');
+const localization = require('./localization-e241e025.js');
 const classes = require('./classes-b7918f56.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
-const paypal = require('./paypal-93e5de01.js');
-const handleFetch = require('./handleFetch-7cf3752e.js');
+const paypal = require('./paypal-97ac0999.js');
+const handleFetch = require('./handleFetch-b821ed5d.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
 const getBorderRadius = require('./getBorderRadius-1b5e33cf.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 const isDarkColor = require('./isDarkColor-428965f4.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
-const updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-047bc0cb.js');
+const updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-5f794550.js');
 const shouldRenderTaxIdInput = require('./shouldRenderTaxIdInput-9b8a8de1.js');
 const TaxId = require('./TaxId-12acedde.js');
 require('./VarianceTest-0cb1e118.js');
@@ -2448,11 +2448,14 @@ const ZonosCustomerInfo = class {
             if (!stripeEventDataObj || !submitDataByKey) {
                 return;
             }
+            const { firstName, lastName } = cart.extractName({
+                name: submitDataByKey.name,
+            });
             const updateData = Object.assign(Object.assign({}, stripeEventDataObj), { complete: true, value: Object.assign(Object.assign({}, stripeEventDataObj === null || stripeEventDataObj === void 0 ? void 0 : stripeEventDataObj.value), { address: Object.assign(Object.assign({}, stripeEventDataObj === null || stripeEventDataObj === void 0 ? void 0 : stripeEventDataObj.value.address), { city: submitDataByKey.city ||
                             (stripeEventDataObj === null || stripeEventDataObj === void 0 ? void 0 : stripeEventDataObj.value.address.city) ||
-                            '', line1: submitDataByKey.line1, line2: submitDataByKey.line2, postal_code: submitDataByKey.postal_code, state: submitDataByKey.state }), firstName: submitDataByKey.name.split(' ')[0],
+                            '', line1: submitDataByKey.line1, line2: submitDataByKey.line2, postal_code: submitDataByKey.postal_code, state: submitDataByKey.state }), firstName,
                     // get all the names after
-                    lastName: submitDataByKey.name.split(' ').slice(1).join(' '), name: submitDataByKey.name }) });
+                    lastName, name: submitDataByKey.name }) });
             // overwrite the address object with the new data
             if (type === 'shippingAddress') {
                 cart.stripeStore.stripeAddressEventData = updateData;

package/dist/cjs/zonos-checkout.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const cart = require('./cart-e0b62259.js');
-const paypal = require('./paypal-93e5de01.js');
-const localization = require('./localization-91bcde0e.js');
+const cart = require('./cart-96520eab.js');
+const paypal = require('./paypal-97ac0999.js');
+const localization = require('./localization-e241e025.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
-const handleFetch = require('./handleFetch-7cf3752e.js');
-const updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-047bc0cb.js');
+const handleFetch = require('./handleFetch-b821ed5d.js');
+const updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-5f794550.js');
 const CheckoutConfig = require('./CheckoutConfig-27c82f94.js');
 const classes = require('./classes-b7918f56.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');

package/dist/cjs/zonos-controller.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const cart = require('./cart-e0b62259.js');
-const localization = require('./localization-91bcde0e.js');
+const cart = require('./cart-96520eab.js');
+const localization = require('./localization-e241e025.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const getGenericSettingsOverride = require('./getGenericSettingsOverride-c0ca32b9.js');
-const handleFetch = require('./handleFetch-7cf3752e.js');
+const handleFetch = require('./handleFetch-b821ed5d.js');
 require('./isDarkColor-428965f4.js');
 require('./getBorderRadius-1b5e33cf.js');
 require('./VarianceTest-0cb1e118.js');

package/dist/cjs/zonos-country-flag.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const localization = require('./localization-91bcde0e.js');
+const localization = require('./localization-e241e025.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const classes = require('./classes-b7918f56.js');
-require('./handleFetch-7cf3752e.js');
+require('./handleFetch-b821ed5d.js');
 require('./VarianceTest-0cb1e118.js');
 
 const zonosCountryFlagCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host .flag-container{position:relative;overflow:hidden;width:100%;height:100%}:host .flag-icon{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}";

package/dist/cjs/zonos-country-select_4.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const localization = require('./localization-91bcde0e.js');
+const localization = require('./localization-e241e025.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const isDarkColor = require('./isDarkColor-428965f4.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 const classes = require('./classes-b7918f56.js');
-require('./handleFetch-7cf3752e.js');
+require('./handleFetch-b821ed5d.js');
 require('./VarianceTest-0cb1e118.js');
 
 /**

package/dist/cjs/zonos-empty-state-payment_4.cjs.entry.js

@@ -6,10 +6,10 @@ const index = require('./index-1c710d00.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-1b5e33cf.js');
-const cart = require('./cart-e0b62259.js');
-const localization = require('./localization-91bcde0e.js');
-const handleFetch = require('./handleFetch-7cf3752e.js');
-const paypal = require('./paypal-93e5de01.js');
+const cart = require('./cart-96520eab.js');
+const localization = require('./localization-e241e025.js');
+const handleFetch = require('./handleFetch-b821ed5d.js');
+const paypal = require('./paypal-97ac0999.js');
 require('./VarianceTest-0cb1e118.js');
 require('./isDarkColor-428965f4.js');
 

package/dist/cjs/zonos-hello-dialog.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const localization = require('./localization-91bcde0e.js');
+const localization = require('./localization-e241e025.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
 const TaxId = require('./TaxId-12acedde.js');
-require('./handleFetch-7cf3752e.js');
+require('./handleFetch-b821ed5d.js');
 require('./VarianceTest-0cb1e118.js');
 
 const getHasMoreSpaceAbove = (ref) => {

package/dist/cjs/zonos-hello.cjs.entry.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
 const debounce = require('./debounce-465a4328.js');
-const localization = require('./localization-91bcde0e.js');
+const localization = require('./localization-e241e025.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const classes = require('./classes-b7918f56.js');
-const handleFetch = require('./handleFetch-7cf3752e.js');
+const handleFetch = require('./handleFetch-b821ed5d.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
 require('./VarianceTest-0cb1e118.js');
 

package/dist/cjs/zonos-language-select_2.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const localization = require('./localization-91bcde0e.js');
+const localization = require('./localization-e241e025.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-require('./handleFetch-7cf3752e.js');
+require('./handleFetch-b821ed5d.js');
 require('./VarianceTest-0cb1e118.js');
 
 const GreenCheckDuotoneIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">

package/dist/collection/components/checkout/zonos-checkout/zonos-address-update-dialog/zonos-address-form/zonos-address-form.js

@@ -1,6 +1,7 @@
 import { h, Host, } from "@stencil/core";
 import { translate } from "../../../../store/translationStore";
 import { isTextContainsNonLatinChars } from "../../../../utils/containsNonLatinChars";
+import { extractName } from "../../../../utils/extractName";
 export class ZonosAddressForm {
     constructor() {
         /**
@@ -23,18 +24,18 @@ export class ZonosAddressForm {
     }
     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 is() { return "zonos-address-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/checkout/zonos-checkout/zonos-customer-info/zonos-customer-info.js

@@ -7,6 +7,7 @@ import { translate } from "../../../store/translationStore";
 import { getZonosStoreTheme, zonosStore, zonosStoreOnChange, } from "../../../store/zonosStore";
 import { updateCheckoutSessionAttributes } from "../../../utils/api/updateCheckoutSessionAttributes";
 import { containsNonLatinChars } from "../../../utils/containsNonLatinChars";
+import { extractName } from "../../../utils/extractName";
 import { log } from "../../../utils/logging/log";
 import { sendErrorLog } from "../../../utils/logging/sendErrorLog";
 import { taxIdValidationResult } from "../../../utils/taxIdValidationResult";
@@ -105,11 +106,14 @@ export class ZonosCustomerInfo {
             if (!stripeEventDataObj || !submitDataByKey) {
                 return;
             }
+            const { firstName, lastName } = extractName({
+                name: submitDataByKey.name,
+            });
             const updateData = Object.assign(Object.assign({}, stripeEventDataObj), { complete: true, value: Object.assign(Object.assign({}, stripeEventDataObj === null || stripeEventDataObj === void 0 ? void 0 : stripeEventDataObj.value), { address: Object.assign(Object.assign({}, stripeEventDataObj === null || stripeEventDataObj === void 0 ? void 0 : stripeEventDataObj.value.address), { city: submitDataByKey.city ||
                             (stripeEventDataObj === null || stripeEventDataObj === void 0 ? void 0 : stripeEventDataObj.value.address.city) ||
-                            '', line1: submitDataByKey.line1, line2: submitDataByKey.line2, postal_code: submitDataByKey.postal_code, state: submitDataByKey.state }), firstName: submitDataByKey.name.split(' ')[0],
+                            '', line1: submitDataByKey.line1, line2: submitDataByKey.line2, postal_code: submitDataByKey.postal_code, state: submitDataByKey.state }), firstName,
                     // get all the names after
-                    lastName: submitDataByKey.name.split(' ').slice(1).join(' '), name: submitDataByKey.name }) });
+                    lastName, name: submitDataByKey.name }) });
             // overwrite the address object with the new data
             if (type === 'shippingAddress') {
                 stripeStore.stripeAddressEventData = updateData;