@zonos/elements 1.3.143 → 1.3.145

package/dist/collection/components/store/translationStore/strings.portuguese.js

@@ -173,6 +173,9 @@ export const stringsPortuguese = {
     'No countries found': {
         value: 'Nenhum país encontrado',
     },
+    'No payment method needed for staging': {
+        value: 'Nenhum método de pagamento necessário para encenação',
+    },
     'No shipment rating selected. Please go back to the "Shipping" step and select a shipment rating to proceed.': {
         value: 'Nenhuma classificação de envio selecionada. Por favor, volte para a etapa de "Envio" e selecione uma classificação de envio para prosseguir.',
     },
@@ -230,6 +233,9 @@ export const stringsPortuguese = {
     'Phone number': {
         value: 'Número de telefone',
     },
+    'Place test order': {
+        value: 'Fazer pedido de teste',
+    },
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: 'Por favor, certifique-se de que seu texto utilize apenas o alfabeto latino (A-Z, a-z).',
     },
@@ -332,6 +338,9 @@ export const stringsPortuguese = {
     'Spend [threshold] tax free.': {
         value: 'Gaste [threshold] livre de impostos.',
     },
+    'Staging mode': {
+        value: 'Modo de encenação',
+    },
     State: {
         value: 'Estado',
     },

package/dist/collection/components/store/translationStore/strings.russian.js

@@ -173,6 +173,9 @@ export const stringsRussian = {
     'No countries found': {
         value: 'Страны не найдены',
     },
+    'No payment method needed for staging': {
+        value: 'Для постановки не требуется способ оплаты',
+    },
     'No shipment rating selected. Please go back to the "Shipping" step and select a shipment rating to proceed.': {
         value: 'Не выбран рейтинг доставки. Пожалуйста, вернитесь к шагу "Доставка" и выберите рейтинг доставки, чтобы продолжить.',
     },
@@ -230,6 +233,9 @@ export const stringsRussian = {
     'Phone number': {
         value: 'Номер телефона',
     },
+    'Place test order': {
+        value: 'Разместить тестовый заказ',
+    },
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: 'Пожалуйста, убедитесь, что ваш текст использует только латинский алфавит (A-Z, a-z).',
     },
@@ -332,6 +338,9 @@ export const stringsRussian = {
     'Spend [threshold] tax free.': {
         value: 'Тратьте [threshold] без налогов.',
     },
+    'Staging mode': {
+        value: 'Режим постановки',
+    },
     State: {
         value: 'Штат',
     },

package/dist/collection/components/store/translationStore/strings.spanish.js

@@ -173,6 +173,9 @@ export const stringsSpanish = {
     'No countries found': {
         value: 'No se encontraron países',
     },
+    'No payment method needed for staging': {
+        value: 'No se necesita método de pago para la puesta en escena',
+    },
     'No shipment rating selected. Please go back to the "Shipping" step and select a shipment rating to proceed.': {
         value: 'No se ha seleccionado una calificación de envío. Por favor, regrese al paso de "Envío" y seleccione una calificación de envío para continuar.',
     },
@@ -230,6 +233,9 @@ export const stringsSpanish = {
     'Phone number': {
         value: 'Número de teléfono',
     },
+    'Place test order': {
+        value: 'Realizar pedido de prueba',
+    },
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: 'Por favor, asegúrese de que su texto use solo el alfabeto latino (A-Z, a-z).',
     },
@@ -332,6 +338,9 @@ export const stringsSpanish = {
     'Spend [threshold] tax free.': {
         value: 'Gasta [threshold] libre de impuestos.',
     },
+    'Staging mode': {
+        value: 'Modo de ensayo',
+    },
     State: {
         value: 'Estado',
     },

package/dist/collection/components/store/translationStore/strings.swedish.js

@@ -173,6 +173,9 @@ export const stringsSwedish = {
     'No countries found': {
         value: 'Inga länder hittades',
     },
+    'No payment method needed for staging': {
+        value: 'Ingen betalningsmetod behövs för iscensättning',
+    },
     'No shipment rating selected. Please go back to the "Shipping" step and select a shipment rating to proceed.': {
         value: 'Ingen fraktbedömning vald. Gå tillbaka till steget "Frakt" och välj en fraktbedömning för att fortsätta.',
     },
@@ -230,6 +233,9 @@ export const stringsSwedish = {
     'Phone number': {
         value: 'Telefonnummer',
     },
+    'Place test order': {
+        value: 'Lägg testorder',
+    },
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: 'Vänligen se till att din text endast använder det latinska alfabetet (A-Z, a-z).',
     },
@@ -332,6 +338,9 @@ export const stringsSwedish = {
     'Spend [threshold] tax free.': {
         value: 'Spendera [threshold] skattefritt.',
     },
+    'Staging mode': {
+        value: 'Staging-läge',
+    },
     State: {
         value: 'Stat',
     },

package/dist/collection/components/store/translationStore/strings.turkish.js

@@ -173,6 +173,9 @@ export const stringsTurkish = {
     'No countries found': {
         value: 'Ülke bulunamadı',
     },
+    'No payment method needed for staging': {
+        value: 'Sahneleme için ödeme yöntemi gerekmez',
+    },
     'No shipment rating selected. Please go back to the "Shipping" step and select a shipment rating to proceed.': {
         value: 'Gönderi derecelendirmesi seçilmedi. Lütfen "Kargo" adımına geri dönün ve devam etmek için bir gönderi derecelendirmesi seçin.',
     },
@@ -230,6 +233,9 @@ export const stringsTurkish = {
     'Phone number': {
         value: 'Telefon numarası',
     },
+    'Place test order': {
+        value: 'Test siparişi ver',
+    },
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: 'Lütfen metninizin sadece Latin alfabesini kullandığından emin olun (A-Z, a-z).',
     },
@@ -332,6 +338,9 @@ export const stringsTurkish = {
     'Spend [threshold] tax free.': {
         value: '[threshold] vergi ödemeden harcayın.',
     },
+    'Staging mode': {
+        value: 'Sahneleme modu',
+    },
     State: {
         value: 'Eyalet',
     },

package/dist/collection/components/store/translationStore/strings.vietnamese.js

@@ -173,6 +173,9 @@ export const stringsVietnamese = {
     'No countries found': {
         value: 'Không tìm thấy quốc gia nào',
     },
+    'No payment method needed for staging': {
+        value: 'Không cần phương thức thanh toán cho dàn dựng',
+    },
     'No shipment rating selected. Please go back to the "Shipping" step and select a shipment rating to proceed.': {
         value: 'Chưa chọn đánh giá vận chuyển. Vui lòng quay lại bước "Vận chuyển" và chọn đánh giá vận chuyển để tiếp tục.',
     },
@@ -230,6 +233,9 @@ export const stringsVietnamese = {
     'Phone number': {
         value: 'Số điện thoại',
     },
+    'Place test order': {
+        value: 'Đặt hàng thử',
+    },
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: 'Vui lòng đảm bảo rằng văn bản của bạn chỉ sử dụng bảng chữ cái Latinh (A-Z, a-z).',
     },
@@ -332,6 +338,9 @@ export const stringsVietnamese = {
     'Spend [threshold] tax free.': {
         value: 'Chi tiêu [threshold] miễn thuế.',
     },
+    'Staging mode': {
+        value: 'Chế độ dàn dựng',
+    },
     State: {
         value: 'Bang',
     },

package/dist/collection/components/stripe/zonos-address/zonos-address.js

@@ -168,6 +168,8 @@ export class ZonosAddress {
                     "tags": [],
                     "text": "The type of address element to render"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "type",
                 "reflect": false
             },
@@ -185,6 +187,8 @@ export class ZonosAddress {
                     "tags": [],
                     "text": "The title text for the address element"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "title-text",
                 "reflect": false
             },
@@ -208,6 +212,8 @@ export class ZonosAddress {
                     "tags": [],
                     "text": "Default address for stripe"
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "null"
             }
         };

package/dist/collection/components/stripe/zonos-link-authentication/zonos-link-authentication.js

@@ -1,23 +1,56 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { h, Host, } from "@stencil/core";
+import { cartStore } from "../../store/checkout/cart";
 import { stripeStore } from "../../store/checkout/stripe";
 import { translate } from "../../store/translationStore";
 import { getBorderRadius } from "../../utils/getBorderRadius";
 import { logError } from "../../utils/logging/logError";
+import { validateEmailValue } from "../../utils/validateEmailValue";
 /**
  * This component is a wrapper for the stripe authentication element that would render default style object
  */
 export class ZonosLinkAuthentication {
     constructor() {
+        this.setCustomEmailInputToLinkEvent = (emailValue) => {
+            // check if the email is valid
+            const isValid = validateEmailValue(emailValue);
+            const simulateLinkEvent = {
+                complete: !!isValid,
+                elementType: 'linkAuthentication',
+                empty: !emailValue,
+                value: {
+                    email: emailValue,
+                },
+            };
+            stripeStore.stripeLinkEventData = simulateLinkEvent;
+        };
+        this.handleNormalEmailInput = (event) => {
+            var _a;
+            const inputValue = event.detail;
+            this.setCustomEmailInputToLinkEvent(inputValue);
+            (_a = this.linkAuthenticationChange) === null || _a === void 0 ? void 0 : _a.emit();
+        };
         this.titleText = undefined;
         this.defaultEmail = null;
         this.isEmailError = false;
         this.stripe = stripeStore.stripe;
+        this.isStagingMode = cartStore.isStagingMode;
+        this.clientSecret = stripeStore.clientSecret;
+    }
+    watchIsStagingMode() {
+        // Wait for the DOM to be ready before re-initializing Link element
+        setTimeout(() => {
+            this.watchInitStripe();
+        }, 0);
     }
     watchInitStripe() {
         if (!this.stripe || !stripeStore.stripeElements) {
             return;
         }
+        // No need to initialize link if this is staging mode since we will render the email input field
+        if (cartStore.isStagingMode) {
+            return;
+        }
         const defaultValues = this.defaultEmail
             ? {
                 email: this.defaultEmail,
@@ -41,15 +74,46 @@ export class ZonosLinkAuthentication {
         });
         stripeStore.stripeLinkElement = linkAuthenticationElement;
     }
+    watchDefaultEmail() {
+        if (!this.defaultEmail) {
+            return;
+        }
+        this.setCustomEmailInputToLinkEvent(this.defaultEmail);
+    }
     componentDidLoad() {
         // @Watch doesn't get trigger on initial load
         this.watchInitStripe();
+        if (!this.defaultEmail) {
+            return;
+        }
+        // set default email value to stripeLinkEventData if default email is provided
+        this.setCustomEmailInputToLinkEvent(this.defaultEmail);
     }
     render() {
+        this.isStagingMode = cartStore.isStagingMode;
+        this.clientSecret = stripeStore.clientSecret;
+        const renderEmailAddress = () => {
+            var _a;
+            if (cartStore.isStagingMode) {
+                return (h("zonos-stripe-input", { inputLabel: translate('Email'), inputValue: this.defaultEmail ||
+                        ((_a = stripeStore.stripeLinkEventData) === null || _a === void 0 ? void 0 : _a.value.email) ||
+                        '', isError: this.isEmailError, onBlur: () => {
+                        var _a;
+                        const emailValue = ((_a = stripeStore.stripeLinkEventData) === null || _a === void 0 ? void 0 : _a.value.email) || '';
+                        if (!emailValue) {
+                            return;
+                        }
+                        // check if the email is valid
+                        const isValid = validateEmailValue(emailValue);
+                        this.isEmailError = !isValid;
+                    }, onInputChange: this.handleNormalEmailInput }));
+            }
+            return (h("div", { class: `zonos--link-authentication-component ${this.isEmailError && 'zonos--input-invalid'}` }));
+        };
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: 'a57d22a1bc27b37819781aa5228a509b5638e8bc', class: "zonos--link-authentication zonos--elements", style: {
+        return (h(Host, { class: "zonos--link-authentication zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius(),
-            } }, h("zonos-text", { key: 'a56a593acd45bc7934714a15d9ee45842a88cba6', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'f04730dcf7bca9bc7a623e19755fcb2957fbf1fd', class: `zonos--link-authentication-component ${this.isEmailError && 'zonos--input-invalid'}` }), this.isEmailError && (h("zonos-text", { key: '77f8146f8346b32f37bd2ada98f9d6783329c1a3', textColor: "red-600" }, translate('Please enter a valid email address.')))));
+            } }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, this.titleText), renderEmailAddress(), this.isEmailError && (h("zonos-text", { textColor: "red-600" }, translate('Please enter a valid email address.')))));
     }
     static get is() { return "zonos-link-authentication"; }
     static get encapsulation() { return "scoped"; }
@@ -79,6 +143,8 @@ export class ZonosLinkAuthentication {
                     "tags": [],
                     "text": "The title text for the authentication element"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "title-text",
                 "reflect": false
             },
@@ -96,6 +162,8 @@ export class ZonosLinkAuthentication {
                     "tags": [],
                     "text": "Default email for stripe"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "default-email",
                 "reflect": false,
                 "defaultValue": "null"
@@ -114,6 +182,8 @@ export class ZonosLinkAuthentication {
                     "tags": [],
                     "text": "Email error text to dispaly"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "is-email-error",
                 "reflect": false,
                 "defaultValue": "false"
@@ -122,7 +192,9 @@ export class ZonosLinkAuthentication {
     }
     static get states() {
         return {
-            "stripe": {}
+            "stripe": {},
+            "isStagingMode": {},
+            "clientSecret": {}
         };
     }
     static get events() {
@@ -146,8 +218,17 @@ export class ZonosLinkAuthentication {
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{
+                "propName": "isStagingMode",
+                "methodName": "watchIsStagingMode"
+            }, {
                 "propName": "stripe",
                 "methodName": "watchInitStripe"
+            }, {
+                "propName": "clientSecret",
+                "methodName": "watchInitStripe"
+            }, {
+                "propName": "defaultEmail",
+                "methodName": "watchDefaultEmail"
             }];
     }
 }

package/dist/collection/components/stripe/zonos-payment/zonos-payment.js

@@ -36,7 +36,7 @@ export class ZonosPayment {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: 'adcbeae4dadcaff59781ae47f779032e9fe43f5c', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: 'c83017ca67410a6715cacf6c0e524ed7b4304837', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: '55c6d6dde8efaffec4411a838c62b7ede3efe30a', class: "zonos--payment-component" }), h("div", { key: 'd27b440253222daf94e4a6ad862c901efa54bfe5', class: "zonos--payment-paypal-container" })));
+        return (h(Host, { key: '2d664521944c4f02f34fe3130f8ebb853e562476', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: '11f683a0f6094d801103a9f04054d038b405718f', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: '0c962441697499b3a7eb279175ce025d76d4c0fa', class: "zonos--payment-component" }), h("div", { key: 'a96af74f05521fcccc1912c0ec1dcbe64cfc1ae7', class: "zonos--payment-paypal-container" })));
     }
     static get is() { return "zonos-payment"; }
     static get encapsulation() { return "scoped"; }
@@ -66,6 +66,8 @@ export class ZonosPayment {
                     "tags": [],
                     "text": "The title text for the authentication element"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "title-text",
                 "reflect": false
             }

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

@@ -7,7 +7,7 @@ export const getCheckoutSession = async () => {
             json: null,
         };
     }
-    const searchParams = new URLSearchParams(window.location.search);
+    const searchParams = new URLSearchParams();
     searchParams.set('checkoutSessionId', cartStore.checkoutSessionId);
     const { errors, json } = await handleFetch(`/api/zonos-elements/get-checkout-session?${searchParams.toString()}`);
     return { errors, json };

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

@@ -0,0 +1,40 @@
+import { cartStore } from "../../store/checkout/cart";
+import { handleFetch } from "../handleFetch";
+import { logError } from "../logging/logError";
+export const placeTestOrder = async () => {
+    var _a, _b;
+    const shipToPartyId = (_a = cartStore.partiesData.find(party => party.type === 'DESTINATION')) === null || _a === void 0 ? void 0 : _a.id;
+    const billToPartyId = (_b = cartStore.partiesData.find(party => party.type === 'PAYOR')) === null || _b === void 0 ? void 0 : _b.id;
+    const checkoutSessionId = cartStore.checkoutSessionId;
+    if (!checkoutSessionId || !billToPartyId || !shipToPartyId) {
+        logError('Missing required data', {
+            billToPartyId,
+            checkoutSessionId,
+            shipToPartyId,
+        });
+        return {
+            errors: ['Missing required data'],
+            json: null,
+        };
+    }
+    const payload = {
+        billToPartyId,
+        checkoutSessionId,
+        shipToPartyId,
+    };
+    const { errors, json } = await handleFetch('/api/zonos-elements/place-test-order', {
+        body: payload,
+        method: 'POST',
+    });
+    if (errors.length || !json) {
+        logError('Error occurs when placing test order', errors);
+        return {
+            errors: errors.map(error => error.message),
+            json: null,
+        };
+    }
+    return {
+        errors: [],
+        json,
+    };
+};

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

@@ -0,0 +1 @@
+export const getIsStagingMode = () => window.location.search.includes('zonosStagingMode=1');

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

@@ -1 +1,5 @@
-export const getIsTestMode = () => { var _a; return (_a = window.Zonos.zonosApiKey) === null || _a === void 0 ? void 0 : _a.includes('test'); };
+export const getIsTestMode = () => {
+    var _a;
+    return ((_a = window.Zonos.zonosApiKey) === null || _a === void 0 ? void 0 : _a.includes('test')) ||
+        window.location.search.includes('zonosTestMode=1');
+};

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

@@ -10,6 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { getIsStagingMode } from "./checkout/getIsStagingMode";
+import { getIsTestMode } from "./checkout/getIsTestMode";
 import { fallbackApiList, getNextFallbackApiType, MAIN_BASE_API_TYPE, } from "./getNextFallbackApi";
 import { jsonParse } from "./jsonParse";
 import { log } from "./logging/log";
@@ -106,6 +108,23 @@ const handleRequest = async ({ basePathType, options, path, }) => {
             response,
             shouldThrow: true,
         });
+        // Parse and access "errors" from the response if possible
+        if (data && 'errors' in data && Array.isArray(data.errors)) {
+            const errors = data.errors;
+            const mappedErrors = errors.map(error => {
+                if (typeof error === 'string') {
+                    return { message: error, type: status };
+                }
+                return error;
+            });
+            return {
+                baseUrl,
+                errors: mappedErrors,
+                json: null,
+                response,
+                zonosMode,
+            };
+        }
         const message = JSON.stringify(data);
         return {
             baseUrl,
@@ -182,7 +201,9 @@ export const handleFetch = async (path, _opts) => {
     const body = opts.body ? JSON.stringify(opts.body) : undefined;
     const method = opts.method || 'GET';
     // headers content type
-    const headers = Object.assign({ 'Content-Type': 'application/json', 'Zonos-Is-BigCommerce': window.Zonos.isBigCommerce.toString(), 'Zonos-Referer': window.location.hostname, 'Zonos-Version': window.Zonos.version, credentialtoken: window.Zonos.zonosApiKey || 'Empty credential token from zonos-elements' }, opts.headers);
+    const headers = Object.assign({ 'Content-Type': 'application/json', 'Zonos-Is-BigCommerce': window.Zonos.isBigCommerce.toString(), 'Zonos-Referer': window.location.hostname, 'Zonos-Staging-Mode': getIsStagingMode() ? '1' : undefined, 'Zonos-Test-Mode': getIsTestMode() ? '1' : undefined, 'Zonos-Version': window.Zonos.version, credentialtoken: window.Zonos.zonosApiKey || 'Empty credential token from zonos-elements' }, opts.headers);
+    // filter all underfined headers
+    Object.keys(headers).forEach(key => headers[key] === undefined && delete headers[key]);
     const options = Object.assign(Object.assign({}, opts), { body: method === 'GET' ? undefined : body, headers,
         method });
     // This is for testing fallback API, set fallback API type to start with

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

@@ -0,0 +1,4 @@
+export const validateEmailValue = (value) => {
+    const emailRegex = /^[a-zA-Z0-9.%_+-]*@[a-zA-Z0-9][a-zA-Z0-9.-]*\.[a-zA-Z0-9]{2,}$/;
+    return emailRegex.test(value);
+};

package/dist/collection/scripts/_getTempCartById.js

@@ -1,8 +1,8 @@
+import { getIsTestMode } from "../components/utils/checkout/getIsTestMode";
 import { handleFetch } from "../components/utils/handleFetch";
 import { log } from "../components/utils/logging/log";
 export const getTempCartById = async ({ cartId, retries, }) => {
-    const urlParams = new URLSearchParams(window.location.search);
-    const isTestMode = urlParams.get('zonosTestMode') === '1';
+    const isTestMode = getIsTestMode();
     const { errors, json } = await handleFetch('/api/zonos-elements/get-temp-cart', {
         body: { isTestMode, tempCartUUID: cartId },
         headers: {

package/dist/collection/scripts/_getWithTestPublicCredential.js

@@ -1,3 +1,5 @@
+import { getIsStagingMode } from "../components/utils/checkout/getIsStagingMode";
+import { getIsTestMode } from "../components/utils/checkout/getIsTestMode";
 import { handleFetch } from "../components/utils/handleFetch";
 import { log } from "../components/utils/logging/log";
 import { logError } from "../components/utils/logging/logError";
@@ -5,9 +7,10 @@ import { logError } from "../components/utils/logging/logError";
  * Attempt to get test public credential to window.Zonos.zonosApiKey if needed
  */
 export const getWithTestPublicCredential = async () => {
-    const isTestMode = window.location.search.includes('zonosTestMode=1');
+    const isTestMode = getIsTestMode();
+    const isStagingMode = getIsStagingMode();
     // Do nothing if the test mode is not enabled or the public credential
-    if (!isTestMode || !window.Zonos.zonosApiKey) {
+    if ((!isTestMode && !isStagingMode) || !window.Zonos.zonosApiKey) {
         return null;
     }
     log('[ZONOS - loadZonos] Attempt test public credential', 'info');

package/dist/collection/scripts/cart/_getIsValidCartId.js

@@ -1,10 +1,21 @@
 const baseRe = /[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/;
 const uuidRe = new RegExp(`^${baseRe.source}$`);
 const cartUuidRe = new RegExp(`^cart_${baseRe.source}$`);
+const tsidRe = /^[a-zA-Z0-9]{2,}$/;
+const cartTsidRe = /^cart_[a-zA-Z0-9]{2,}$/;
 export const _getIsValidCartId = (cartId) => {
     if (!cartId) {
         return { isDgsCartId: false, isLegacyCartId: false };
     }
+    if (cartId.includes('undefined')) {
+        return { isDgsCartId: false, isLegacyCartId: false };
+    }
+    if (cartTsidRe.test(cartId)) {
+        return { isDgsCartId: true, isLegacyCartId: false };
+    }
+    if (tsidRe.test(cartId)) {
+        return { isDgsCartId: false, isLegacyCartId: true };
+    }
     if (cartUuidRe.test(cartId)) {
         return { isDgsCartId: true, isLegacyCartId: false };
     }

package/dist/collection/types/checkout/api/PlaceTestOrder.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/types/generated/graphql.internal.types.js

@@ -86,7 +86,7 @@ export const amountDetailSubtotalType = {
     Shipping: 'SHIPPING',
     Tax: 'TAX',
 };
-export const amountDetailUse = {
+export const amountDetailTarget = {
     BillingCompany: 'BILLING_COMPANY',
     MerchantBase: 'MERCHANT_BASE',
     MerchantProvided: 'MERCHANT_PROVIDED',
@@ -304,6 +304,10 @@ export const catalogStatus = {
     Disabled: 'DISABLED',
     Enabled: 'ENABLED',
 };
+export const checkoutSessionCreationModeType = {
+    WithPaymentIntent: 'WITH_PAYMENT_INTENT',
+    WithoutPaymentIntent: 'WITHOUT_PAYMENT_INTENT',
+};
 export const checkoutStatus = {
     Disabled: 'DISABLED',
     Enabled: 'ENABLED',
@@ -639,6 +643,7 @@ export const contentType = {
     Csv: 'CSV',
 };
 export const controlType = {
+    Carrier: 'CARRIER',
     Export: 'EXPORT',
     Import: 'IMPORT',
 };
@@ -1656,6 +1661,7 @@ export const landedCostMethod = {
     DdpPreferred: 'DDP_PREFERRED',
 };
 export const landedCostQuoteType = {
+    Api: 'API',
     Auditing: 'AUDITING',
     Checkout: 'CHECKOUT',
     InclusivePrice: 'INCLUSIVE_PRICE',
@@ -2479,6 +2485,9 @@ export function getSdk(client, withWrapper = defaultWrapper) {
         checkoutSessionCreate(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'checkoutSessionCreate', 'mutation');
         },
+        checkoutSessionPaymentIntentCreate(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'checkoutSessionPaymentIntentCreate', 'mutation');
+        },
         checkoutSessionUpdate(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'checkoutSessionUpdate', 'mutation');
         },
@@ -2524,6 +2533,9 @@ export function getSdk(client, withWrapper = defaultWrapper) {
         onlineStoreSettings(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'onlineStoreSettings', 'query');
         },
+        orderCreate(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'orderCreate', 'mutation');
+        },
         orderUpdateAccountOrderNumber(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'orderUpdateAccountOrderNumber', 'mutation');
         },

package/dist/collection/types/index.js

@@ -6,6 +6,7 @@ export * from './checkout/api/CheckoutSession';
 export * from './checkout/api/legacy/InventoryCheck';
 export * from './checkout/api/NormalizedTempCart';
 export * from './checkout/api/Paypal';
+export * from './checkout/api/PlaceTestOrder';
 export * from './checkout/api/StoreDiscountEnabled';
 export * from './checkout/api/ValidateAddress';
 export * from './checkout/CheckoutConfig';

package/dist/esm/{CheckoutConfig-262008fe.js → CheckoutConfig-573bd959.js}

@@ -1,8 +1,7 @@
-import { h as handleFetch, l as log, a as logError } from './handleFetch-badf4543.js';
+import { g as getIsTestMode, h as handleFetch, l as log, b as logError } from './handleFetch-b4633675.js';
 
 const getTempCartById = async ({ cartId, retries, }) => {
-    const urlParams = new URLSearchParams(window.location.search);
-    const isTestMode = urlParams.get('zonosTestMode') === '1';
+    const isTestMode = getIsTestMode();
     const { errors, json } = await handleFetch('/api/zonos-elements/get-temp-cart', {
         body: { isTestMode, tempCartUUID: cartId },
         headers: {
@@ -28,10 +27,21 @@ const getTempCartById = async ({ cartId, retries, }) => {
 const baseRe = /[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/;
 const uuidRe = new RegExp(`^${baseRe.source}$`);
 const cartUuidRe = new RegExp(`^cart_${baseRe.source}$`);
+const tsidRe = /^[a-zA-Z0-9]{2,}$/;
+const cartTsidRe = /^cart_[a-zA-Z0-9]{2,}$/;
 const _getIsValidCartId = (cartId) => {
     if (!cartId) {
         return { isDgsCartId: false, isLegacyCartId: false };
     }
+    if (cartId.includes('undefined')) {
+        return { isDgsCartId: false, isLegacyCartId: false };
+    }
+    if (cartTsidRe.test(cartId)) {
+        return { isDgsCartId: true, isLegacyCartId: false };
+    }
+    if (tsidRe.test(cartId)) {
+        return { isDgsCartId: false, isLegacyCartId: true };
+    }
     if (cartUuidRe.test(cartId)) {
         return { isDgsCartId: true, isLegacyCartId: false };
     }