@zonos/elements 1.3.39 → 1.3.41

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

@@ -11,6 +11,9 @@ export const stringsItalian = {
     'Address line 2': {
         value: 'Indirizzo linea 2',
     },
+    'An unexpected error occurred when processing PayPal order.': {
+        value: "Si è verificato un errore imprevisto durante l'elaborazione dell'ordine PayPal.",
+    },
     'Are you sure?': {
         value: 'Sei sicuro?',
     },
@@ -92,6 +95,9 @@ export const stringsItalian = {
     'Expected delivery': {
         value: 'Consegna prevista',
     },
+    'Failed to create PayPal order. Please try again, or consider using an alternative method.': {
+        value: "Impossibile creare l'ordine PayPal. Per favore, riprova o considera l'uso di un metodo alternativo.",
+    },
     Failure: {
         value: 'Fallimento',
     },
@@ -125,6 +131,9 @@ export const stringsItalian = {
     Name: {
         value: 'Nome',
     },
+    'No countries found': {
+        value: 'Nessun paese trovato',
+    },
     'No shipping method selected': {
         value: 'Nessun metodo di spedizione selezionato',
     },
@@ -317,6 +326,9 @@ export const stringsItalian = {
     'click to learn more': {
         value: 'clicca per saperne di più',
     },
+    or: {
+        value: 'o',
+    },
     'restricted items': {
         value: 'articoli limitati',
     },

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

@@ -11,6 +11,9 @@ export const stringsJapanese = {
     'Address line 2': {
         value: '住所2',
     },
+    'An unexpected error occurred when processing PayPal order.': {
+        value: 'PayPal注文の処理中に予期しないエラーが発生しました。',
+    },
     'Are you sure?': {
         value: '本気ですか？',
     },
@@ -92,6 +95,9 @@ export const stringsJapanese = {
     'Expected delivery': {
         value: '配送予定日',
     },
+    'Failed to create PayPal order. Please try again, or consider using an alternative method.': {
+        value: 'PayPal注文の作成に失敗しました。もう一度お試しになるか、別の方法を検討してください。',
+    },
     Failure: {
         value: '失敗',
     },
@@ -125,6 +131,9 @@ export const stringsJapanese = {
     Name: {
         value: '名前',
     },
+    'No countries found': {
+        value: '国が見つかりません',
+    },
     'No shipping method selected': {
         value: '配送方法が選択されていません',
     },
@@ -317,6 +326,9 @@ export const stringsJapanese = {
     'click to learn more': {
         value: '詳細を知るにはクリック',
     },
+    or: {
+        value: 'または',
+    },
     'restricted items': {
         value: '制限された項目',
     },

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

@@ -11,6 +11,9 @@ export const stringsKorean = {
     'Address line 2': {
         value: '주소 2',
     },
+    'An unexpected error occurred when processing PayPal order.': {
+        value: 'PayPal 주문을 처리하는 중에 예기치 않은 오류가 발생했습니다.',
+    },
     'Are you sure?': {
         value: '확실합니까?',
     },
@@ -92,6 +95,9 @@ export const stringsKorean = {
     'Expected delivery': {
         value: '예상 배송일',
     },
+    'Failed to create PayPal order. Please try again, or consider using an alternative method.': {
+        value: 'PayPal 주문 생성에 실패했습니다. 다시 시도하거나 대체 방법을 고려하십시오.',
+    },
     Failure: {
         value: '실패',
     },
@@ -125,6 +131,9 @@ export const stringsKorean = {
     Name: {
         value: '이름',
     },
+    'No countries found': {
+        value: '국가를 찾을 수 없습니다',
+    },
     'No shipping method selected': {
         value: '선택된 배송 방법이 없습니다',
     },
@@ -317,6 +326,9 @@ export const stringsKorean = {
     'click to learn more': {
         value: '자세히 알아보려면 클릭',
     },
+    or: {
+        value: '또는',
+    },
     'restricted items': {
         value: '제한된 항목',
     },

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

@@ -11,6 +11,9 @@ export const stringsNorwegian = {
     'Address line 2': {
         value: 'Adresselinje 2',
     },
+    'An unexpected error occurred when processing PayPal order.': {
+        value: 'En uventet feil oppstod ved behandling av PayPal-bestillingen.',
+    },
     'Are you sure?': {
         value: 'Er du sikker?',
     },
@@ -92,6 +95,9 @@ export const stringsNorwegian = {
     'Expected delivery': {
         value: 'Forventet levering',
     },
+    'Failed to create PayPal order. Please try again, or consider using an alternative method.': {
+        value: 'Kunne ikke opprette PayPal-bestilling. Vennligst prøv igjen, eller vurder å bruke en alternativ metode.',
+    },
     Failure: {
         value: 'Feil',
     },
@@ -125,6 +131,9 @@ export const stringsNorwegian = {
     Name: {
         value: 'Navn',
     },
+    'No countries found': {
+        value: 'Ingen land funnet',
+    },
     'No shipping method selected': {
         value: 'Ingen fraktmetode valgt',
     },
@@ -317,6 +326,9 @@ export const stringsNorwegian = {
     'click to learn more': {
         value: 'klikk for å lære mer',
     },
+    or: {
+        value: 'eller',
+    },
     'restricted items': {
         value: 'begrensede elementer',
     },

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

@@ -11,6 +11,9 @@ export const stringsPolish = {
     'Address line 2': {
         value: 'Linia adresowa 2',
     },
+    'An unexpected error occurred when processing PayPal order.': {
+        value: 'Wystąpił nieoczekiwany błąd podczas przetwarzania zamówienia PayPal.',
+    },
     'Are you sure?': {
         value: 'Jesteś pewien?',
     },
@@ -92,6 +95,9 @@ export const stringsPolish = {
     'Expected delivery': {
         value: 'Przewidywana dostawa',
     },
+    'Failed to create PayPal order. Please try again, or consider using an alternative method.': {
+        value: 'Nie udało się utworzyć zamówienia PayPal. Proszę spróbować ponownie lub rozważyć użycie innej metody.',
+    },
     Failure: {
         value: 'Niepowodzenie',
     },
@@ -125,6 +131,9 @@ export const stringsPolish = {
     Name: {
         value: 'Nazwa',
     },
+    'No countries found': {
+        value: 'Nie znaleziono krajów',
+    },
     'No shipping method selected': {
         value: 'Nie wybrano metody wysyłki',
     },
@@ -317,6 +326,9 @@ export const stringsPolish = {
     'click to learn more': {
         value: 'kliknij, aby dowiedzieć się więcej',
     },
+    or: {
+        value: 'lub',
+    },
     'restricted items': {
         value: 'przedmioty ograniczone',
     },

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

@@ -11,6 +11,9 @@ export const stringsPortuguese = {
     'Address line 2': {
         value: 'Endereço linha 2',
     },
+    'An unexpected error occurred when processing PayPal order.': {
+        value: 'Ocorreu um erro inesperado ao processar o pedido do PayPal.',
+    },
     'Are you sure?': {
         value: 'Você tem certeza?',
     },
@@ -92,6 +95,9 @@ export const stringsPortuguese = {
     'Expected delivery': {
         value: 'Entrega prevista',
     },
+    'Failed to create PayPal order. Please try again, or consider using an alternative method.': {
+        value: 'Falha ao criar o pedido do PayPal. Por favor, tente novamente ou considere usar um método alternativo.',
+    },
     Failure: {
         value: 'Falha',
     },
@@ -125,6 +131,9 @@ export const stringsPortuguese = {
     Name: {
         value: 'Nome',
     },
+    'No countries found': {
+        value: 'Nenhum país encontrado',
+    },
     'No shipping method selected': {
         value: 'Nenhum método de envio selecionado',
     },
@@ -317,6 +326,9 @@ export const stringsPortuguese = {
     'click to learn more': {
         value: 'clique para saber mais',
     },
+    or: {
+        value: 'ou',
+    },
     'restricted items': {
         value: 'itens restritos',
     },

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

@@ -11,6 +11,9 @@ export const stringsRussian = {
     'Address line 2': {
         value: 'Адресная строка 2',
     },
+    'An unexpected error occurred when processing PayPal order.': {
+        value: 'Произошла непредвиденная ошибка при обработке заказа PayPal.',
+    },
     'Are you sure?': {
         value: 'Вы уверены?',
     },
@@ -92,6 +95,9 @@ export const stringsRussian = {
     'Expected delivery': {
         value: 'Ожидаемая доставка',
     },
+    'Failed to create PayPal order. Please try again, or consider using an alternative method.': {
+        value: 'Не удалось создать заказ PayPal. Пожалуйста, попробуйте снова или рассмотрите возможность использования альтернативного метода.',
+    },
     Failure: {
         value: 'Неудача',
     },
@@ -125,6 +131,9 @@ export const stringsRussian = {
     Name: {
         value: 'Имя',
     },
+    'No countries found': {
+        value: 'Страны не найдены',
+    },
     'No shipping method selected': {
         value: 'Метод доставки не выбран',
     },
@@ -317,6 +326,9 @@ export const stringsRussian = {
     'click to learn more': {
         value: 'нажмите, чтобы узнать больше',
     },
+    or: {
+        value: 'или',
+    },
     'restricted items': {
         value: 'ограниченные предметы',
     },

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

@@ -11,6 +11,9 @@ export const stringsSpanish = {
     'Address line 2': {
         value: 'Línea de dirección 2',
     },
+    'An unexpected error occurred when processing PayPal order.': {
+        value: 'Se produjo un error inesperado al procesar el pedido de PayPal.',
+    },
     'Are you sure?': {
         value: '¿Estás seguro?',
     },
@@ -92,6 +95,9 @@ export const stringsSpanish = {
     'Expected delivery': {
         value: 'Entrega esperada',
     },
+    'Failed to create PayPal order. Please try again, or consider using an alternative method.': {
+        value: 'No se pudo crear el pedido de PayPal. Por favor, inténtelo de nuevo o considere usar un método alternativo.',
+    },
     Failure: {
         value: 'Fracaso',
     },
@@ -125,6 +131,9 @@ export const stringsSpanish = {
     Name: {
         value: 'Nombre',
     },
+    'No countries found': {
+        value: 'No se encontraron países',
+    },
     'No shipping method selected': {
         value: 'No se ha seleccionado un método de envío',
     },
@@ -317,6 +326,9 @@ export const stringsSpanish = {
     'click to learn more': {
         value: 'haga clic para obtener más información',
     },
+    or: {
+        value: 'o',
+    },
     'restricted items': {
         value: 'artículos restringidos',
     },

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

@@ -11,6 +11,9 @@ export const stringsSwedish = {
     'Address line 2': {
         value: 'Adressrad 2',
     },
+    'An unexpected error occurred when processing PayPal order.': {
+        value: 'Ett oväntat fel inträffade vid bearbetning av PayPal-beställningen.',
+    },
     'Are you sure?': {
         value: 'Är du säker?',
     },
@@ -92,6 +95,9 @@ export const stringsSwedish = {
     'Expected delivery': {
         value: 'Beräknad leverans',
     },
+    'Failed to create PayPal order. Please try again, or consider using an alternative method.': {
+        value: 'Misslyckades med att skapa PayPal-beställning. Försök igen, eller överväg att använda en alternativ metod.',
+    },
     Failure: {
         value: 'Misslyckande',
     },
@@ -125,6 +131,9 @@ export const stringsSwedish = {
     Name: {
         value: 'Namn',
     },
+    'No countries found': {
+        value: 'Inga länder hittades',
+    },
     'No shipping method selected': {
         value: 'Ingen fraktmetod vald',
     },
@@ -317,6 +326,9 @@ export const stringsSwedish = {
     'click to learn more': {
         value: 'klicka för att lära dig mer',
     },
+    or: {
+        value: 'eller',
+    },
     'restricted items': {
         value: 'begränsade föremål',
     },

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

@@ -11,6 +11,9 @@ export const stringsTurkish = {
     'Address line 2': {
         value: 'Adres satırı 2',
     },
+    'An unexpected error occurred when processing PayPal order.': {
+        value: 'PayPal siparişi işlenirken beklenmedik bir hata oluştu.',
+    },
     'Are you sure?': {
         value: 'Emin misiniz?',
     },
@@ -92,6 +95,9 @@ export const stringsTurkish = {
     'Expected delivery': {
         value: 'Beklenen teslimat',
     },
+    'Failed to create PayPal order. Please try again, or consider using an alternative method.': {
+        value: 'PayPal siparişi oluşturulamadı. Lütfen tekrar deneyin veya alternatif bir yöntem kullanmayı düşünün.',
+    },
     Failure: {
         value: 'Başarısızlık',
     },
@@ -125,6 +131,9 @@ export const stringsTurkish = {
     Name: {
         value: 'Ad',
     },
+    'No countries found': {
+        value: 'Ülke bulunamadı',
+    },
     'No shipping method selected': {
         value: 'Kargo yöntemi seçilmedi',
     },
@@ -317,6 +326,9 @@ export const stringsTurkish = {
     'click to learn more': {
         value: 'daha fazla bilgi için tıklayın',
     },
+    or: {
+        value: 'veya',
+    },
     'restricted items': {
         value: 'kısıtlı öğeler',
     },

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

@@ -11,6 +11,9 @@ export const stringsVietnamese = {
     'Address line 2': {
         value: 'Dòng địa chỉ 2',
     },
+    'An unexpected error occurred when processing PayPal order.': {
+        value: 'Đã xảy ra lỗi bất ngờ khi xử lý đơn hàng PayPal.',
+    },
     'Are you sure?': {
         value: 'Bạn có chắc không?',
     },
@@ -92,6 +95,9 @@ export const stringsVietnamese = {
     'Expected delivery': {
         value: 'Dự kiến giao hàng',
     },
+    'Failed to create PayPal order. Please try again, or consider using an alternative method.': {
+        value: 'Không thể tạo đơn hàng PayPal. Vui lòng thử lại hoặc cân nhắc sử dụng phương pháp thay thế.',
+    },
     Failure: {
         value: 'Thất bại',
     },
@@ -125,6 +131,9 @@ export const stringsVietnamese = {
     Name: {
         value: 'Tên',
     },
+    'No countries found': {
+        value: 'Không tìm thấy quốc gia nào',
+    },
     'No shipping method selected': {
         value: 'Chưa chọn phương thức vận chuyển',
     },
@@ -317,6 +326,9 @@ export const stringsVietnamese = {
     'click to learn more': {
         value: 'nhấp để tìm hiểu thêm',
     },
+    or: {
+        value: 'hoặc',
+    },
     'restricted items': {
         value: 'mặt hàng bị hạn chế',
     },

package/dist/collection/components/store/zonosStore.js

@@ -12,6 +12,9 @@ const { dispose: zonosStoreDispose, reset, state: zonosStore, } = createStore(()
     checkoutSettings: {
         allowedCharacterSets: 'ALL',
         analyticsProviders: [],
+        externalPaymentMethods: [],
+        externalServiceTokens: [],
+        mode: 'TEST',
         orderNotifications: {
             abandonedCart: {
                 delay: 0,
@@ -75,6 +78,7 @@ const { dispose: zonosStoreDispose, reset, state: zonosStore, } = createStore(()
     // toggle to know if the config has been loaded with graphql
     stripeApiKey: '',
     zonosApiKey: '',
+    zonosMode: null,
 }));
 let savedZonosSettings = null;
 /**

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

@@ -135,7 +135,7 @@ export class ZonosAddress {
     }
     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: 'f5729bb12351fedbb82e0fa80a7f094faad3a526', class: "zonos--address zonos--elements" }, h("zonos-text", { key: 'b2c50846e6da81a598ba670b14d01861703e5c78', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'bb401f27626d88d883aaaab71bc0907a28bf35d3', class: "zonos--address-component" })));
+        return (h(Host, { key: '2cecb49ed22bd0d5ce22c4f2110b37ecf7935cca', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '101635210ab6cb3b9a44b47eec101187d1c3a4ac', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: '049f2b86986471d45bd413813307ec489d9f1993', class: "zonos--address-component" })));
     }
     static get is() { return "zonos-address"; }
     static get encapsulation() { return "scoped"; }
@@ -195,7 +195,7 @@ export class ZonosAddress {
                         "ContactOption": {
                             "location": "import",
                             "path": "@stripe/stripe-js",
-                            "id": ""
+                            "id": "node_modules::ContactOption"
                         }
                     }
                 },

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

@@ -42,7 +42,7 @@ export class ZonosLinkAuthentication {
     }
     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: '5dfff9d2fcadfebdea65359e7b2bfdb525c3b242', class: "zonos--link-authentication zonos--elements" }, h("zonos-text", { key: 'fb080d667fdfc1a3f41e9cc128d2177af8dc7195', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'b79693e8082c7c341895c81ad0787bb2bf152ca9', class: "zonos--link-authentication-component" })));
+        return (h(Host, { key: 'f0b26abf99ef99c6665dabdddebc9ff086b6816c', class: "zonos--link-authentication zonos--elements" }, h("zonos-text", { key: '898dbdffac06fe2a68af90610a22044bb72391ce', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'e2ec9abb0cf76a39a1262e1366e375dd898450cd', class: "zonos--link-authentication-component" })));
     }
     static get is() { return "zonos-link-authentication"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import { h, Host } from "@stencil/core";
 import { stripeStore } from "../../store/checkout/stripe";
 import { logError } from "../../utils/logging/logError";
@@ -18,7 +17,7 @@ export class ZonosPayment {
         // Create and mount the Authentication Element in ${type} mode
         const paymentElement = stripeStore.stripePaymentElement ||
             this.stripeElements.create('payment', {
-                layout: 'tabs',
+                layout: 'accordion',
             });
         const paymentElementContainer = this.el.querySelector('.zonos--payment-component');
         if (!paymentElementContainer) {
@@ -37,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: 'c940b38c3bb7e8a7856ce28e62ee40d60eb445a1', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: '7625e3865a13cdf4fc6c05d7a2e0c7b84ae5ebd4', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: '92cde315378611a675b19cdce46b1bf6ac2221a1', class: "zonos--payment-component" })));
+        return (h(Host, { key: 'ab601d9a0cc6fe2fee19f45d6321dcc81b418cff', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: '27857c99c59e4913fa403ef5b23b5b7d7f32bd45', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: '329b5a5617f0c5942b209df1ccf3bfcb4ddabb0c', class: "zonos--payment-component" }), h("div", { key: '7abb08922e9f607314713fc9fa762a3bb8a35b13', class: "zonos--payment-paypal-container" })));
     }
     static get is() { return "zonos-payment"; }
     static get encapsulation() { return "scoped"; }

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

@@ -2,10 +2,10 @@ import { handleFetch } from "../handleFetch";
 import { logError } from "../logging/logError";
 export const getZonosSettings = async () => {
     const url = `${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/zonos-elements/zonos-settings`;
-    const { errors, json } = await handleFetch(url);
+    const { errors, json, zonosMode } = await handleFetch(url);
     if (errors.length) {
         logError(`Error occurred when getting zonos settings. If this is not an unauthorized error, it will use user settings or default settings`);
-        return { errors, json: null };
+        return { errors, json: null, zonosMode };
     }
-    return { errors: [], json };
+    return { errors: [], json, zonosMode };
 };

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

@@ -0,0 +1,8 @@
+import { handleFetch } from "../handleFetch";
+export const paypalCaptureOrder = async ({ checkoutSessionId, paypalMockResponse, }) => {
+    const { errors, json } = await handleFetch(`${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/zonos-elements/capture-paypal-order`, {
+        body: { checkoutSessionId, paypalMockResponse },
+        method: 'POST',
+    });
+    return { errors, json };
+};

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

@@ -0,0 +1,8 @@
+import { handleFetch } from "../handleFetch";
+export const paypalCreateOrder = async ({ checkoutSessionId, }) => {
+    const { errors, json } = await handleFetch(`${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/zonos-elements/create-paypal-order`, {
+        body: { checkoutSessionId },
+        method: 'POST',
+    });
+    return { errors, json };
+};

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

@@ -1,9 +1,13 @@
 import tinycolor from "tinycolor2";
+import { isContrastColor } from "./isContrastColor";
 import { isDarkColor } from "./isDarkColor";
 export const getContrastColor = ({ backgroundColor, color, }) => {
     // get readibility of the color
-    const colorReadibilityValue = tinycolor.readability(color, backgroundColor);
-    if (colorReadibilityValue > 2.5) {
+    const isContrastEnough = isContrastColor({
+        backgroundColor1: backgroundColor,
+        backgroundColor2: color,
+    });
+    if (isContrastEnough) {
         // no need to change the color if it's already contrast enough
         return color;
     }

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

@@ -37,6 +37,7 @@ const handleRequest = async (url, options) => {
                 errors: [{ message: e.message, type: 'unknown' }],
                 json: null,
                 response: null,
+                zonosMode: null,
             };
         }
         const message = 'Fail to fetch';
@@ -44,6 +45,7 @@ const handleRequest = async (url, options) => {
             errors: [{ message, type: 'unknown' }],
             json: null,
             response: null,
+            zonosMode: null,
         };
     }
     const zonosMode = response.headers.get('Zonos-Mode');
@@ -64,6 +66,7 @@ const handleRequest = async (url, options) => {
             errors: [],
             json: data,
             response,
+            zonosMode,
         };
     }
     const status = response.status.toString();
@@ -74,9 +77,10 @@ const handleRequest = async (url, options) => {
         });
         const message = JSON.stringify(data);
         return {
-            errors: [{ message: `${status}: ${message}`, type: status }],
+            errors: [{ message, type: status }],
             json: null,
             response,
+            zonosMode,
         };
     }
     catch (e) {
@@ -85,6 +89,7 @@ const handleRequest = async (url, options) => {
             errors: [{ message: `${status}: ${message}`, type: status }],
             json: null,
             response: null,
+            zonosMode,
         };
     }
 };

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

@@ -0,0 +1,7 @@
+import tinycolor from "tinycolor2";
+export const isContrastColor = ({ backgroundColor1, backgroundColor2, }) => {
+    // get readibility of the color
+    const colorReadibilityValue = tinycolor.readability(backgroundColor1, backgroundColor2);
+    // If the readibility is less than 2.5, then we need to use different color
+    return colorReadibilityValue > 2.5;
+};

package/dist/collection/environment.js

@@ -33,16 +33,12 @@ export const formattedUrl = ({ branchName, inCI: _inCI, inVercel: _inVercel, isV
         // local host environment, no need to format url
         return `https://${domainOnlyUrl}`;
     }
-    const isProdBranch = branchName && ['main', 'qa'].includes(branchName);
+    const isProdBranch = branchName && ['main'].includes(branchName);
     const isServerless = 
     // url: route.js.zonos.com
     domainOnlyUrl.includes('route.js') ||
         // url: zonos-elements-serverless-git-something
         domainOnlyUrl.includes('serverless-git');
-    if (branchName === 'qa' && isServerless) {
-        // qa branch for the API is not versioned, should always has alpha prefix
-        return `https://alpha.${domainOnlyUrl}`;
-    }
     const isTest = 
     // url: test.js.zonos.com
     domainOnlyUrl.includes('test.') ||
@@ -50,6 +46,9 @@ export const formattedUrl = ({ branchName, inCI: _inCI, inVercel: _inVercel, isV
         domainOnlyUrl.includes('test-git') ||
         // url: something.preview.js.zonos.com (this is only applicable on preview deployment of `zonos-elements` and `zonos-elements-test`)
         domainOnlyUrl.includes('preview.js.zonos.com');
+    if (isTest && isProdBranch) {
+        return `https://${domainOnlyUrl}`;
+    }
     // always use vercel url if in vercel env, non-production branch (not qa or main branch) or the domain using is a test url
     if ((_isVercelPreview && !isProdBranch) ||
         isTest ||

package/dist/collection/scripts/_getZonosQaUrl.js

@@ -8,6 +8,10 @@ export const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
+    // when local demo app is running, it needs to use the local dev script unless the qaUrl is set
+    if (!qaUrl && window.location.hostname === 'dev.demo.elements.zonos.com') {
+        return 'https://dev.elements.zonos.com';
+    }
     if (!qaUrl) {
         return null;
     }