@zonos/elements 1.3.214 → 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.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.') ||
@@ -375,10 +375,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 {
@@ -396,7 +396,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
@@ -414,7 +414,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/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');
@@ -1507,7 +1507,7 @@ const ZonosCheckoutFinish = class {
         this.checkStripePaymentStatus = async () => {
             const clientSecret = new URLSearchParams(window.location.search).get('payment_intent_client_secret') || cart.stripeStore.clientSecret;
             if (clientSecret || this.storybookForceStatus) {
-                const { error, messages, paymentIntentId, status } = await cart.stripeStoreRetrievePayment({
+                const { error, messages, status } = await cart.stripeStoreRetrievePayment({
                     clientSecret,
                     storybookForceStatus: this.storybookForceStatus,
                 });
@@ -1537,7 +1537,7 @@ const ZonosCheckoutFinish = class {
                     void handleFetch.sendErrorLog({
                         endpoint: 'Stripe payment failed',
                         errors: [
-                            `Payment intent "${paymentIntentId}" status: ${status} - checkout session: ${localization.storageStore.checkoutSessionId}`,
+                            `Payment intent "${clientSecret.split('_secret_')[0]}" status: ${status} - checkout session: ${localization.storageStore.checkoutSessionId}`,
                         ],
                         metadata: {
                             allLogs: handleFetch.allLogs,
@@ -1657,11 +1657,11 @@ const ZonosCheckoutFinish = class {
     }
     render() {
         const isTestMode = handleFetch.getIsTestMode();
-        return (index.h(index.Host, { key: '971e0f8daa53ce2f99b2d1d06088fa6a9a37686c', class: "zonos--checkout-finish zonos--elements", style: {
+        return (index.h(index.Host, { key: '7b18913d8ebe7be5cbe9ee7d520b643c342c409d', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius.getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (index.h("div", { key: '284fb3adcb71840ad3f5cd94e169c723e29e3c42', class: "zonos--finish-details" }, index.h("div", { key: '485b63dae4714360af0ee65314e65de8b54ab311', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: 'c73f31ed5a9690af97e1884d0bbfff93734f266d', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", { key: '126118933ea6863384d98bf8f013a4130ab411cd', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (index.h("zonos-button", { key: '95bdb39e56a16004cc3896531458d0e86fa38bb4',
+            } }, !this.isLoading && (index.h("div", { key: 'afb522b8b3b769817c00312fc9c14b4c032873ca', class: "zonos--finish-details" }, index.h("div", { key: 'c8cd43bc5269f7f252abaeb25dc98929f52b89bb', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '1a7ead411d64fc8edf2de0383049bfd60660a315', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", { key: '0c63714bbefc4e9beb1d2cf7414e5774bab4eabe', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (index.h("zonos-button", { key: '06304d9815e2199108dfcb3dade1494f17b76137',
             // Only show loading spinner if it's not an error notification
             loading: this.isWaitingToRedirect &&
                 this.notificationType !== 'error', onClick: () => {
@@ -1673,9 +1673,9 @@ const ZonosCheckoutFinish = class {
                 }
                 this.closeClickHandler();
             }, size: "md", variant: "primary" }, localization.translate('Close'))), !window.Zonos.isLegacyCheckout &&
-            this.shouldRenderKeepShoppingButton() && (index.h("zonos-button", { key: '325fd258d5d71668ba190a24ddc0e231b4b75208', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
+            this.shouldRenderKeepShoppingButton() && (index.h("zonos-button", { key: '9b809e21052fddb2149a2a1d0c22db4b10808403', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
             cart.cartStore.step === 'finish' &&
-            this.notificationType === 'success' && (index.h("div", { key: '00116d9f6380fa1f4547eb0cb6d229aca380bffb', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: '5c5334198095729ae8e07e4868b6b248f0750ac3', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: '76fb0725306246ac9b9c88a41bca1937d65e3f01', onClick: () => {
+            this.notificationType === 'success' && (index.h("div", { key: '4a278c7c4270d265c61b6b36d20864c55e1b42f1', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: 'fd8a876a0c5b76edd3be2d9b28da9c3963aee714', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: '7882981c1fe01ab6f78d8f84bcfc9aab94bffb74', onClick: () => {
                 const isZonosDashboard = window.location.hostname.includes('dashboard.zonos.com');
                 this.redirectToUrl(isZonosDashboard
                     ? '/orders/all'
@@ -1691,10 +1691,15 @@ const Globe = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" color
 </svg>
 `;
 
-const ZonosIcon = `<svg width="105" height="29" viewBox="0 0 105 29" fill="none" color="var(--zonos-elements-gray-1000)" xmlns="https://www.w3.org/2000/svg">
-<path d="M38.634 18.7135C38.5431 18.7135 38.4691 18.639 38.4691 18.5476V18.2661C38.4691 18.2318 38.4798 18.198 38.4995 18.1701L43.7197 10.7556H38.9257C38.8348 10.7556 38.7609 10.6811 38.7609 10.5894V9.97732C38.7609 9.88564 38.8348 9.81112 38.9257 9.81112H45.0832C45.1741 9.81112 45.248 9.88564 45.248 9.97732V10.2098C45.248 10.2447 45.2371 10.2785 45.217 10.3067L39.9266 17.7325H45.0832C45.1741 17.7325 45.248 17.807 45.248 17.8987V18.5476C45.248 18.639 45.1741 18.7135 45.0832 18.7135H38.634ZM73.9183 18.7135C73.8691 18.7135 73.8221 18.6911 73.7907 18.6525L68.3512 11.9368V18.5476C68.3512 18.639 68.2775 18.7135 68.1867 18.7135H67.5301C67.4393 18.7135 67.3653 18.639 67.3653 18.5476V9.97732C67.3653 9.88564 67.4393 9.81112 67.5301 9.81112H67.8103C67.8598 9.81112 67.9065 9.83381 67.9378 9.87276L73.3658 16.5991V9.97732C73.3658 9.88564 73.4394 9.81112 73.5303 9.81112H74.174C74.2649 9.81112 74.3388 9.88564 74.3388 9.97732V18.5476C74.3388 18.639 74.2649 18.7135 74.174 18.7135H73.9183ZM100.087 18.7141C98.8032 18.7141 97.1746 18.2161 96.4548 16.8193C96.4348 16.781 96.4319 16.7365 96.4454 16.6957C96.4592 16.6553 96.489 16.6215 96.5281 16.6025L97.111 16.3173C97.1348 16.3057 97.1599 16.3002 97.1847 16.3002C97.2448 16.3002 97.3028 16.3327 97.3319 16.3888C97.8139 17.3207 99.0828 17.808 100.087 17.808C100.852 17.808 102.631 17.6525 102.631 16.2122C102.643 15.088 101.285 14.8338 99.9724 14.5875C98.4341 14.2931 96.6917 13.9592 96.6917 12.2895C96.6792 11.682 96.8804 11.165 97.2896 10.7562C97.8757 10.1717 98.9214 9.82247 100.087 9.82247C101.425 9.82247 102.489 10.0755 103.334 11.3085C103.359 11.3453 103.368 11.3907 103.358 11.4339C103.348 11.4772 103.32 11.5146 103.281 11.537L102.748 11.8457C102.721 11.8611 102.693 11.8681 102.664 11.8681C102.609 11.8681 102.555 11.8411 102.524 11.7924C101.947 10.8862 101.011 10.7507 100.085 10.7394C99.8405 10.7394 97.6773 10.782 97.6773 12.2652C97.6773 13.1607 98.6534 13.4051 100.143 13.6755L100.233 13.6927C101.819 13.9908 103.617 14.3287 103.617 16.2232C103.602 18.5344 100.911 18.7141 100.087 18.7141ZM56.3158 10.7271C55.3007 10.7271 54.4408 11.0451 53.8295 11.647C53.183 12.2833 52.8304 13.2122 52.837 14.2625C52.8483 15.9702 53.9413 17.808 56.3158 17.808C58.7149 17.808 59.8074 15.9705 59.8074 14.2637C59.8074 12.5032 58.7278 10.7271 56.3158 10.7271ZM56.3158 18.7264C53.2572 18.7264 51.8637 16.4066 51.8637 14.2511C51.8637 12.0411 53.2406 9.81112 56.3158 9.81112C57.6053 9.81112 58.7055 10.2233 59.4978 11.0022C60.3241 11.8148 60.7751 12.9776 60.7685 14.2769C60.7563 16.4198 59.358 18.7264 56.3158 18.7264ZM85.3883 10.7271C84.3733 10.7271 83.5138 11.0448 82.9024 11.6461C82.2556 12.2824 81.9027 13.2119 81.9087 14.2628C81.9199 15.9702 83.0136 17.808 85.3883 17.808C87.7863 17.808 88.8787 15.9705 88.8787 14.2637C88.8787 12.5032 87.7994 10.7271 85.3883 10.7271ZM85.3883 18.7264C82.3292 18.7264 80.9356 16.4066 80.9356 14.2511C80.9356 12.0411 82.3123 9.81112 85.3883 9.81112C86.6779 9.81112 87.7778 10.2233 88.57 11.0022C89.3961 11.8148 89.847 12.9776 89.8401 14.2769C89.8289 16.4198 88.4312 18.7264 85.3883 18.7264Z" fill="currentColor"/>
-<path d="M56.3148 10.8733C55.3402 10.8733 54.517 11.1763 53.9341 11.75C53.3158 12.3587 52.9789 13.2511 52.9852 14.2621C52.9956 15.9002 54.0419 17.6629 56.3148 17.6629C58.6118 17.6629 59.6576 15.9012 59.6576 14.2639C59.6576 12.5761 58.6241 10.8733 56.3148 10.8733ZM56.3148 17.9545C53.8385 17.9545 52.6985 16.0413 52.6872 14.2639C52.6803 13.1747 53.0482 12.2091 53.7229 11.5446C54.3628 10.9147 55.259 10.582 56.3148 10.582C58.8296 10.582 59.9553 12.4314 59.9553 14.2639C59.9553 16.0413 58.8162 17.9545 56.3148 17.9545ZM85.3874 10.8733C84.4128 10.8733 83.5899 11.1763 83.007 11.7494C82.3884 12.3581 82.0509 13.2508 82.0569 14.2624C82.0669 15.9002 83.1139 17.6629 85.3874 17.6629C87.6832 17.6629 88.7289 15.9012 88.7289 14.2639C88.7289 12.5761 87.6957 10.8733 85.3874 10.8733ZM85.3874 17.9545C82.9111 17.9545 81.7705 16.0413 81.7589 14.2643C81.7529 13.1741 82.1211 12.2082 82.7961 11.5443C83.4354 10.9147 84.332 10.582 85.3874 10.582C87.9013 10.582 89.0269 12.4314 89.0269 14.2639C89.0269 16.0413 87.8878 17.9545 85.3874 17.9545ZM38.9248 9.95733C38.9176 9.95733 38.9091 9.96592 38.9091 9.97788V10.5903C38.9091 10.6019 38.9176 10.6105 38.9248 10.6105H44.0021L38.6211 18.2532L38.617 18.5482C38.617 18.5601 38.6255 18.5684 38.633 18.5684H45.0822C45.0898 18.5684 45.0979 18.5601 45.0979 18.5482V17.899C45.0979 17.8873 45.0898 17.8787 45.0822 17.8787H39.6405L45.0938 10.2238L45.0979 9.97788C45.0979 9.96592 45.0898 9.95733 45.0822 9.95733H38.9248ZM45.0822 18.8597H38.633C38.46 18.8597 38.3193 18.7202 38.3193 18.5482V18.267C38.3193 18.2035 38.3388 18.1419 38.3751 18.0891L43.4355 10.9018H38.9248C38.7518 10.9018 38.6114 10.762 38.6114 10.5903V9.97788C38.6114 9.80585 38.7518 9.66602 38.9248 9.66602H45.0822C45.2552 9.66602 45.3959 9.80585 45.3959 9.97788V10.2106C45.3959 10.2756 45.3759 10.3382 45.338 10.3906L40.2109 17.5874H45.0822C45.2552 17.5874 45.3959 17.7273 45.3959 17.899V18.5482C45.3959 18.7202 45.2552 18.8597 45.0822 18.8597ZM68.2014 11.5191L73.9173 18.5684H74.173C74.1805 18.5684 74.189 18.5601 74.189 18.5482V9.97788C74.189 9.96561 74.1809 9.95733 74.173 9.95733H73.5297C73.5218 9.95733 73.5137 9.96592 73.5137 9.97788V17.0192L67.8203 9.96316L67.5289 9.95733C67.5217 9.95733 67.5132 9.96592 67.5132 9.97788V18.5482C67.5132 18.5601 67.5217 18.5684 67.5289 18.5684H68.1854C68.1932 18.5684 68.2014 18.5601 68.2014 18.5482V11.5191ZM74.173 18.8597H73.9173C73.822 18.8597 73.7334 18.8174 73.6735 18.7438L68.4994 12.3557V18.5482C68.4994 18.7202 68.3584 18.8597 68.1854 18.8597H67.5289C67.3559 18.8597 67.2155 18.7202 67.2155 18.5482V9.97788C67.2155 9.80585 67.3559 9.66602 67.5289 9.66602H67.809C67.9046 9.66602 67.9939 9.70833 68.0538 9.78285L73.2157 16.1799V9.97788C73.2157 9.80585 73.3564 9.66602 73.5297 9.66602H74.173C74.346 9.66602 74.4867 9.80585 74.4867 9.97788V18.5482C74.4867 18.7202 74.346 18.8597 74.173 18.8597ZM97.1981 16.455L96.5936 16.7334C97.2762 18.0922 98.8465 18.5687 100.086 18.5687C100.876 18.5687 103.453 18.3997 103.467 16.2228C103.467 14.4498 101.808 14.1379 100.204 13.8365L100.113 13.819C98.8427 13.5881 97.5272 13.3495 97.5272 12.2658C97.5272 10.6433 99.822 10.5942 100.084 10.5939C101.054 10.6062 102.035 10.7506 102.649 11.716L103.204 11.4121C102.401 10.2106 101.376 9.96868 100.086 9.96868C98.9596 9.96868 97.9537 10.3014 97.3949 10.8589C97.0148 11.2388 96.828 11.719 96.8396 12.2873C96.8396 13.8398 98.4463 14.1474 99.9997 14.4452C101.308 14.6902 102.792 14.9683 102.779 16.2142C102.779 17.7846 100.896 17.9545 100.086 17.9545C99.0367 17.9545 97.7074 17.4393 97.1981 16.455ZM100.086 18.8603C98.7578 18.8603 97.0715 18.3415 96.321 16.8852C96.2834 16.8128 96.2768 16.7294 96.3031 16.6512C96.3288 16.5743 96.3862 16.5089 96.4605 16.4728L97.0436 16.1873C97.1981 16.1131 97.389 16.1781 97.4639 16.324C97.9189 17.2026 99.1276 17.6629 100.086 17.6629C100.806 17.6629 102.481 17.5215 102.481 16.2127C102.492 15.2087 101.254 14.9769 99.9436 14.7313C98.4275 14.4409 96.5416 14.0796 96.5416 12.29C96.5285 11.6439 96.7444 11.0929 97.1825 10.655C97.7957 10.0426 98.8813 9.67736 100.086 9.67736C101.472 9.67736 102.575 9.94108 103.457 11.2278C103.504 11.2977 103.521 11.3845 103.503 11.4664C103.483 11.5489 103.43 11.62 103.356 11.6629L102.823 11.9717C102.682 12.0536 102.485 12.007 102.397 11.8702C101.858 11.0233 100.966 10.8963 100.082 10.8853C99.853 10.8856 97.8249 10.9264 97.8249 12.2658C97.8249 12.9858 98.5481 13.2388 100.169 13.5329L100.26 13.5501C101.822 13.8438 103.765 14.2091 103.765 16.2238C103.749 18.6702 100.945 18.8603 100.086 18.8603ZM56.3148 9.95733C53.3425 9.95733 52.0119 12.114 52.0119 14.2514C52.0119 16.3369 53.3584 18.5813 56.3148 18.5813C59.2552 18.5813 60.6068 16.3501 60.6184 14.2768C60.6249 13.0165 60.1894 11.8905 59.3912 11.1057C58.6275 10.3544 57.5639 9.95733 56.3148 9.95733ZM56.3148 18.8726C53.1541 18.8726 51.7142 16.477 51.7142 14.2514C51.7142 11.969 53.1366 9.66602 56.3148 9.66602C57.6448 9.66602 58.782 10.0926 59.6021 10.9003C60.4567 11.7402 60.9236 12.9398 60.9164 14.278C60.9038 16.4912 59.4586 18.8726 56.3148 18.8726ZM85.3874 9.95733C82.4141 9.95733 81.0835 12.114 81.0835 14.2514C81.0835 16.3369 82.4304 18.5813 85.3874 18.5813C88.3284 18.5813 89.6797 16.3501 89.69 14.2768C89.6969 13.0165 89.2613 11.8905 88.4638 11.1057C87.7001 10.3544 86.6362 9.95733 85.3874 9.95733ZM85.3874 18.8726C82.2258 18.8726 80.7858 16.477 80.7858 14.2514C80.7858 11.969 82.2085 9.66602 85.3874 9.66602C86.7174 9.66602 87.8543 10.0926 88.6747 10.9003C89.5289 11.7402 89.9956 12.9398 89.988 14.278C89.9764 16.4912 88.5321 18.8726 85.3874 18.8726Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14.8579 3.27103C8.00856 3.27103 2.45604 8.70444 2.45604 15.4069C2.45604 16.5606 2.62039 17.6759 2.92715 18.732C2.94279 18.7858 2.99993 18.8158 3.05327 18.7985L4.76742 18.2444C4.89605 18.2028 5.03443 18.271 5.07981 18.3984L5.18963 18.7065C6.58371 22.6184 10.3868 25.4238 14.8579 25.4238C16.6778 25.4238 18.3852 24.9596 19.8648 24.146C22.9871 22.4291 25.0944 19.1585 25.0944 15.4069C25.0944 12.66 23.9652 10.1718 22.1346 8.36161C22.0943 8.32178 22.029 8.32401 21.9911 8.36608L20.8033 9.68403C20.7122 9.78506 20.5571 9.79476 20.4541 9.70586L20.1964 9.48329C18.7733 8.25413 16.9053 7.50895 14.8579 7.50895C10.4004 7.50895 6.78686 11.045 6.78686 15.4069C6.78686 18.1793 8.24644 20.6188 10.4568 22.0285C10.5051 22.0593 10.5692 22.0425 10.5968 21.9923L11.4438 20.4518C11.5093 20.3326 11.6581 20.2877 11.7786 20.3506L12.081 20.5086C12.9082 20.9407 13.8529 21.1859 14.8579 21.1859C18.1196 21.1859 20.7636 18.5985 20.7636 15.4069C20.7636 12.4472 18.4898 10.0071 15.5584 9.66814C15.4997 9.66135 15.4485 9.70759 15.4485 9.76664V10.5364C15.4485 10.5871 15.4867 10.6298 15.537 10.6366C17.9337 10.9602 19.7793 12.9727 19.7793 15.4069C19.7793 18.0666 17.5759 20.2227 14.8579 20.2227C12.1399 20.2227 9.93655 18.0666 9.93655 15.4069C9.93655 12.9727 11.7822 10.9602 14.1789 10.6366C14.2291 10.6298 14.2674 10.5871 14.2674 10.5364V8.72212C14.2674 8.58405 14.3793 8.47212 14.5174 8.47212H14.8579C18.7719 8.47212 21.9447 11.5769 21.9447 15.4069C21.9447 19.2369 18.7719 22.3417 14.8579 22.3417C13.8955 22.3417 12.9768 22.1536 12.139 21.8128C12.0915 21.7935 12.037 21.8124 12.0123 21.8573L11.1357 23.4517C11.0701 23.571 10.9212 23.6159 10.8006 23.5528L10.4981 23.3943C7.58772 21.8702 5.60573 18.8655 5.60573 15.4069C5.60573 10.4067 9.74808 6.35316 14.8579 6.35316C16.9583 6.35316 18.8962 7.03862 20.4492 8.19281C20.4909 8.2238 20.5494 8.21831 20.5842 8.17972L21.8036 6.82678C21.8946 6.72575 22.0497 6.71605 22.1527 6.80496L22.4104 7.02752C24.7797 9.07392 26.2756 12.0698 26.2756 15.4069C26.2756 19.3595 24.1778 22.8321 21.0147 24.8176C20.97 24.8457 20.9542 24.9034 20.9789 24.95L21.3405 25.6313C21.3675 25.6821 21.4317 25.6998 21.4806 25.6695C24.9548 23.5181 27.2598 19.7255 27.2598 15.4069C27.2598 8.70444 21.7073 3.27103 14.8579 3.27103ZM19.817 25.4734C19.8656 25.4505 19.9237 25.4695 19.9489 25.517L20.7902 27.1021C20.8554 27.2248 21.0082 27.2709 21.1303 27.2046L21.4393 27.0368C25.6136 24.7702 28.441 20.412 28.441 15.4069C28.441 8.06611 22.3596 2.11523 14.8579 2.11523C7.35623 2.11523 1.2749 8.06611 1.2749 15.4069C1.2749 16.927 1.5359 18.3886 2.01692 19.7505L2.12616 20.0598C2.17127 20.1875 2.3099 20.2561 2.43879 20.2144L4.19214 19.6476C4.24168 19.6316 4.2952 19.6564 4.31562 19.7043C6.03606 23.7411 10.1076 26.5796 14.8579 26.5796C16.6341 26.5796 18.3167 26.1824 19.817 25.4734ZM14.8579 11.7469C12.7923 11.7469 11.1177 13.3855 11.1177 15.4069C11.1177 17.4283 12.7923 19.0669 14.8579 19.0669C16.9236 19.0669 18.5982 17.4283 18.5982 15.4069C18.5982 13.3855 16.9236 11.7469 14.8579 11.7469Z" fill="currentColor"/>
+const ZonosIconDark = `<svg width="408" height="112" viewBox="0 0 408 112" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M185.6 25.2H141.6C140.716 25.2 140 25.9164 140 26.8V36.4C140 37.2837 140.716 38 141.6 38H167.413C168.07 38 168.447 38.7478 168.056 39.2758L140.627 76.3519C140.22 76.9028 140 77.5699 140 78.2551V85.2001C140 86.0837 140.716 86.8 141.6 86.8H185.6C186.484 86.8 187.2 86.0837 187.2 85.2001V75.6C187.2 74.7164 186.484 74 185.6 74H159.787C159.13 74 158.753 73.2523 159.144 72.7243L186.573 35.6482C186.98 35.0973 187.2 34.4302 187.2 33.745V26.8C187.2 25.9164 186.484 25.2 185.6 25.2Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M212.8 24.8C203.08 24.8 195.2 32.6798 195.2 42.4V69.6C195.2 79.3203 203.08 87.2001 212.8 87.2001H224.8C234.52 87.2001 242.4 79.3203 242.4 69.6V42.4001C242.4 32.6798 234.52 24.8 224.8 24.8H212.8ZM212.8 37.6C210.149 37.6 208 39.7491 208 42.4001V69.6C208 72.251 210.149 74.4001 212.8 74.4001H224.8C227.451 74.4001 229.6 72.251 229.6 69.6V42.4C229.6 39.7491 227.451 37.6 224.8 37.6H212.8Z" fill="white"/>
+<path d="M250.4 27.5223V85.3983C250.4 86.282 251.116 86.9983 252 86.9983H261.6C262.484 86.9983 263.2 86.282 263.2 85.3983V48.1873C263.2 46.3171 264.286 44.6172 265.983 43.8314L277.983 38.2759C281.164 36.8032 284.8 39.1263 284.8 42.6317V85.3983C284.8 86.282 285.516 86.9983 286.4 86.9983H296C296.884 86.9983 297.6 86.282 297.6 85.3983V42.6209C297.6 29.7687 284.272 21.2506 272.608 26.6484L264.318 30.4847C263.659 30.7898 262.877 30.6125 262.414 30.053L259.954 27.0817C259.346 26.3474 258.443 25.9223 257.489 25.9223H252C251.116 25.9223 250.4 26.6387 250.4 27.5223Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M323.2 24.8C313.48 24.8 305.6 32.6798 305.6 42.4V69.6C305.6 79.3203 313.48 87.2001 323.2 87.2001H335.2C344.92 87.2001 352.8 79.3203 352.8 69.6V42.4001C352.8 32.6798 344.92 24.8 335.2 24.8H323.2ZM323.2 37.6C320.549 37.6 318.4 39.7491 318.4 42.4001V69.6C318.4 72.251 320.549 74.4001 323.2 74.4001H335.2C337.851 74.4001 340 72.251 340 69.6V42.4C340 39.7491 337.851 37.6 335.2 37.6H323.2Z" fill="white"/>
+<path d="M378.101 25.2H391.708C400.706 25.2 408 32.4944 408 41.4925C408 42.2395 407.444 42.8696 406.703 42.9622L396.602 44.2249C395.857 44.3179 395.2 43.7376 395.2 42.9876C395.2 40.2331 392.967 38 390.212 38H378.921C375.982 38 373.6 40.3822 373.6 43.3207C373.6 45.8196 375.339 47.9818 377.78 48.5176L394.22 52.1264C402.267 53.8928 408 61.021 408 69.2593C408 78.9468 400.147 86.8 390.459 86.8H377.092C368.094 86.8 360.8 79.5057 360.8 70.5076C360.8 69.7606 361.356 69.1305 362.097 69.0379L372.198 67.7752C372.943 67.6822 373.6 68.2625 373.6 69.0125C373.6 71.767 375.833 74 378.588 74H390.014C392.878 74 395.2 71.6783 395.2 68.8143C395.2 66.4508 393.602 64.3863 391.314 63.794L373.765 59.2508C366.132 57.2745 360.8 50.3868 360.8 42.5015C360.8 32.9462 368.546 25.2 378.101 25.2Z" fill="white"/>
+<path d="M8.8 58C8.8 31.9322 29.9322 10.8 56 10.8C82.0678 10.8 103.2 31.9322 103.2 58C103.2 74.868 94.3524 89.6734 81.0342 98.022C80.6447 98.2662 80.1318 98.123 79.9175 97.7162L78.7941 95.5842C78.5971 95.2104 78.7255 94.7484 79.0825 94.5224C91.1684 86.8682 99.2 73.374 99.2 58C99.2 45.1582 93.5931 33.6223 84.7029 25.7135L83.8042 24.914C83.1429 24.3257 82.1296 24.3861 81.5428 25.0488L76.655 30.5694C76.3787 30.8815 75.9095 30.9282 75.5707 30.6852C70.0598 26.7304 63.2996 24.4 56 24.4C37.4432 24.4 22.4 39.4432 22.4 58C22.4 70.9369 29.7121 82.1614 40.4157 87.7744L41.4783 88.3315C42.2607 88.7419 43.2277 88.4403 43.6381 87.6579L47.1029 81.0544C47.2912 80.6954 47.7178 80.5354 48.1006 80.6688C50.5764 81.5315 53.2355 82 56 82C69.2548 82 80 71.2548 80 58C80 44.7452 69.2548 34 56 34H54.8C53.9163 34 53.2 34.7163 53.2 35.6V43.2143C53.2 43.5965 52.9289 43.923 52.5577 44.014C46.267 45.5571 41.6 51.2335 41.6 58C41.6 62.3276 43.5125 66.2118 46.529 68.8473C49.059 71.0578 52.3762 72.4 56 72.4C63.9529 72.4 70.4 65.9529 70.4 58C70.4 51.2335 65.733 45.5571 59.4423 44.014C59.0711 43.923 58.8 43.5965 58.8 43.2143V40.7431C58.8 40.2532 59.2372 39.8772 59.7171 39.9756C68.0973 41.6948 74.4 49.1114 74.4 58C74.4 68.162 66.162 76.4 56 76.4C52.9185 76.4 50.0216 75.6447 47.4764 74.3116L46.4142 73.7552C45.6318 73.3454 44.6653 73.6471 44.255 74.4292L41.0133 80.6075C40.7934 81.0267 40.2589 81.165 39.8722 80.8921C32.6864 75.8202 28 67.4556 28 58C28 42.536 40.536 30 56 30C63.1489 30 69.6662 32.6755 74.6156 37.0841L75.5144 37.8846C76.1757 38.4736 77.1895 38.4135 77.7765 37.7505L82.4362 32.4876C82.745 32.1388 83.2861 32.1262 83.6026 32.4681C89.8104 39.1755 93.6 48.1438 93.6 58C93.6 72.4821 85.4133 85.0566 73.4023 91.3398C68.2018 94.0603 62.2848 95.6 56 95.6C39.9975 95.6 26.3233 85.602 20.8962 71.502L20.467 70.3868C20.1505 69.5646 19.229 69.1529 18.4054 69.4659L11.7892 71.9802C11.3597 72.1434 10.8807 71.9123 10.7497 71.4719C9.48157 67.2056 8.8 62.6844 8.8 58Z" fill="white"/>
+<path d="M47.2 58C47.2 53.1399 51.1399 49.2 56 49.2C60.8601 49.2 64.8 53.1399 64.8 58C64.8 62.8601 60.8601 66.8 56 66.8C53.7822 66.8 51.7621 65.9832 50.2135 64.6302C48.3624 63.0129 47.2 60.6439 47.2 58Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5314 80.7132C15.335 80.3641 14.9136 80.2069 14.5392 80.3492L7.33942 83.0853C6.51543 83.3984 5.59337 82.9861 5.27738 82.1632L3.70554 78.0698C1.30997 71.8314 0 65.0616 0 58C0 27.0721 25.0721 2 56 2C86.9279 2 112 27.0721 112 58C112 79.5691 99.8043 98.2795 81.9611 107.63L78.0725 109.668C77.291 110.078 76.3256 109.777 75.9143 108.997L72.3255 102.186C72.1387 101.831 71.7185 101.67 71.3402 101.803C66.5332 103.486 61.3687 104.4 56 104.4C38.6169 104.4 23.4779 94.8422 15.5314 80.7132ZM73.8305 98.177C73.6343 97.8047 73.1837 97.6488 72.7961 97.8125C67.6303 99.9943 61.9532 101.2 56 101.2C38.8594 101.2 24.0562 91.2184 17.0752 76.7588C16.8924 76.3802 16.4515 76.1992 16.0585 76.3485L9.18358 78.9612C8.35959 79.2743 7.43754 78.862 7.12154 78.0391L6.69286 76.9227C4.43567 71.0446 3.2 64.6633 3.2 58C3.2 28.8394 26.8394 5.2 56 5.2C85.1606 5.2 108.8 28.8394 108.8 58C108.8 78.3323 97.3067 95.9756 80.4757 104.796L79.4152 105.352C78.6338 105.761 77.6683 105.461 77.257 104.68L73.8305 98.177Z" fill="white"/>
 </svg>
 `;
 
@@ -1730,10 +1735,10 @@ const ZonosCheckoutFooter = class {
         const languageLabel = (_a = ILanguage.languages.find(x => x.code === localization.localizationStore.selectedLocale)) === null || _a === void 0 ? void 0 : _a.label;
         // reverse color when on desktop. With the coversheet backdrop, the color should be white
         const colorDesktop = this.dataTheme === 'LIGHT' && !this.mobile ? 'gray-0' : 'gray-1000';
-        return (index.h(index.Host, { key: '348667bda79c9d8c69f1481262f3dd74068b4f16', class: classes.classes(['zonos--elements', this.isMobile && 'mobile']) }, index.h("div", { key: '8751d01d35e0ca75ab4f3866d2964fbbe9cabd91', class: "zonos--checkout-footer" }, index.h("div", { key: '0745cc39cb134d0dee746d6e8dbe75192c226e7b', class: "zonos--checkout-locale-wrapper" }, index.h("zonos-button", { key: 'a1a6ba67ad35c4e3e04959e5895a959c5b3fa4b3', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, languageLabel), index.h("div", { key: 'e82c276c99eb723af2be002f8f749bf7e6e005c3', class: classes.classes([
+        return (index.h(index.Host, { key: 'aa7fe5e0bb22626f590d93a6c8a52876523a2dfb', class: classes.classes(['zonos--elements', this.isMobile && 'mobile']) }, index.h("div", { key: '5fb0fc90649a06e324935484d0c5c1dba31d792c', class: "zonos--checkout-footer" }, index.h("div", { key: 'e34ac7fda1d9a13830276313e4a36a7840497d7e', class: "zonos--checkout-locale-wrapper" }, index.h("zonos-button", { key: '775156c9f331715768b1bf9c36970d0c7da02fd2', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, languageLabel), index.h("div", { key: 'e2cc31362529661507811b9f5aa68586b3bf9ea5', class: classes.classes([
                 'zonos--checkout-footer-dialog',
                 this.showLanguageDialog && 'zonos--checkout-footer-dialog-open',
-            ]) }, index.h("zonos-language-select", { key: '06b1f71758b9a33472abfda47c5fb130b8474179', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: 'b004d2333b89c6e002023a161b24738e0508f631', class: "zonos--checkout-footer-icon-wrapper" }, index.h("a", { key: 'f2bfc5e8d20756634285e754272422241220c13f', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: '714bb78e7c7a20db9c94ff04397f16cf947f3dba', textColor: colorDesktop }, "Privacy policy")), index.h("div", { key: '072d318b06cf86a8d7e75184b2386042ce1a3329', class: "zonos--checkout-footer-logo" }, index.h("zonos-text", { key: '9c85ede9edd9217cd45bce8277f9ce042dce75ee', textColor: colorDesktop }, "Powered by"), index.h("a", { key: '2f5a8fbf27c9a3137bba6a2bf52976f4c5bab780', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: 'e59cc91b07f606e034d0909b50a8ac735c84f38c', autoHeight: true, content: ZonosIcon, iconColor: colorDesktop, size: 108 })))))));
+            ]) }, index.h("zonos-language-select", { key: 'ad43b0a6bb947a69ea970485ee8d9afb5c8d1adb', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: 'c652833a9ce05beb22b9530003863ac0e5e9f8ea', class: "zonos--checkout-footer-icon-wrapper" }, index.h("a", { key: 'f2f8fb4ef070fe6a59a8b787e9e3e6237c2cc395', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: '50b8962317bfc01bc7edbbe4c51f58476ca3c4ec', textColor: colorDesktop }, "Privacy policy")), index.h("div", { key: '7b4b70f7c0bd4ae5f385d6738f844a795261b9b9', class: "zonos--checkout-footer-logo" }, index.h("zonos-text", { key: '8a4279a6584a376cb10e8da6b33d8006ac896d5b', textColor: colorDesktop }, "Powered by"), index.h("a", { key: '523a822b1c5b80bcb1d5dde2a7d9fce5fe476d20', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '19753e93a7820765cf208916f53adebdcdf05cf9', autoHeight: true, content: ZonosIconDark, size: 108 })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -2443,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}";