@zonos/elements 1.3.80 → 1.3.82

package/dist/esm/{cart-414322dc.js → cart-7df78f9f.js}

@@ -1,5 +1,5 @@
 import { c as createStore, z as zonosStore } from './zonosStore-0dc7a947.js';
-import { h as handleFetch, a as logError, l as log, f as fallbackApiList, j as jsonParse } from './handleFetch-80ecfb91.js';
+import { h as handleFetch, a as logError, l as log, f as fallbackApiList, j as jsonParse } from './handleFetch-0133265e.js';
 import { i as isDarkColor } from './isDarkColor-b3afa948.js';
 import { g as getBorderRadius } from './getBorderRadius-cff1e39b.js';
 
@@ -13,6 +13,9 @@ const stringsArabic = {
     'Above de minimis threshold for': {
         value: 'أعلى من الحد الأدنى لـ',
     },
+    'Add promotional code': {
+        value: 'أضف رمز ترويجي',
+    },
     Address: {
         value: 'العنوان',
     },
@@ -25,6 +28,9 @@ const stringsArabic = {
     'An unexpected error occurred when processing PayPal order.': {
         value: 'حدث خطأ غير متوقع عند معالجة طلب PayPal.',
     },
+    Apply: {
+        value: 'تطبيق',
+    },
     'Are you sure?': {
         value: 'هل أنت متأكد؟',
     },
@@ -127,6 +133,9 @@ const stringsArabic = {
     Hide: {
         value: 'اخفِ',
     },
+    'Invalid promo code': {
+        value: 'رمز ترويجي غير صالح',
+    },
     'Keep shopping': {
         value: 'متابعة التسوق',
     },
@@ -382,6 +391,9 @@ const stringsBase = {
     'Above de minimis threshold for': {
         value: 'Above de minimis threshold for',
     },
+    'Add promotional code': {
+        value: 'Add promotional code',
+    },
     Address: {
         value: 'Address',
     },
@@ -394,6 +406,9 @@ const stringsBase = {
     'An unexpected error occurred when processing PayPal order.': {
         value: 'An unexpected error occurred when processing PayPal order.',
     },
+    Apply: {
+        value: 'Apply',
+    },
     'Are you sure?': {
         value: 'Are you sure?',
     },
@@ -496,6 +511,9 @@ const stringsBase = {
     Hide: {
         value: 'Hide',
     },
+    'Invalid promo code': {
+        value: 'Invalid promo code',
+    },
     'Keep shopping': {
         value: 'Keep shopping',
     },
@@ -751,6 +769,9 @@ const stringsChinese = {
     'Above de minimis threshold for': {
         value: '超过最低征税门槛',
     },
+    'Add promotional code': {
+        value: '添加促销代码',
+    },
     Address: {
         value: '地址',
     },
@@ -763,6 +784,9 @@ const stringsChinese = {
     'An unexpected error occurred when processing PayPal order.': {
         value: '处理PayPal订单时发生意外错误。',
     },
+    Apply: {
+        value: '应用',
+    },
     'Are you sure?': {
         value: '你确定吗？',
     },
@@ -865,6 +889,9 @@ const stringsChinese = {
     Hide: {
         value: '隐藏',
     },
+    'Invalid promo code': {
+        value: '无效的促销代码',
+    },
     'Keep shopping': {
         value: '继续购物',
     },
@@ -1120,6 +1147,9 @@ const stringsDanish = {
     'Above de minimis threshold for': {
         value: 'Over de minimis-grænsen for',
     },
+    'Add promotional code': {
+        value: 'Tilføj kampagnekode',
+    },
     Address: {
         value: 'Adresse',
     },
@@ -1132,6 +1162,9 @@ const stringsDanish = {
     'An unexpected error occurred when processing PayPal order.': {
         value: 'Der opstod en uventet fejl ved behandling af PayPal-ordren.',
     },
+    Apply: {
+        value: 'Anvend',
+    },
     'Are you sure?': {
         value: 'Er du sikker?',
     },
@@ -1234,6 +1267,9 @@ const stringsDanish = {
     Hide: {
         value: 'Skjul',
     },
+    'Invalid promo code': {
+        value: 'Ugyldig kampagnekode',
+    },
     'Keep shopping': {
         value: 'Fortsæt med at handle',
     },
@@ -1489,6 +1525,9 @@ const stringsDutch = {
     'Above de minimis threshold for': {
         value: 'Boven de minimale drempel voor',
     },
+    'Add promotional code': {
+        value: 'Promotiecode toevoegen',
+    },
     Address: {
         value: 'Adres',
     },
@@ -1501,6 +1540,9 @@ const stringsDutch = {
     'An unexpected error occurred when processing PayPal order.': {
         value: 'Er is een onverwachte fout opgetreden bij het verwerken van de PayPal-bestelling.',
     },
+    Apply: {
+        value: 'Toepassen',
+    },
     'Are you sure?': {
         value: 'Weet je het zeker?',
     },
@@ -1603,6 +1645,9 @@ const stringsDutch = {
     Hide: {
         value: 'Verbergen',
     },
+    'Invalid promo code': {
+        value: 'Ongeldige promotiecode',
+    },
     'Keep shopping': {
         value: 'Blijf winkelen',
     },
@@ -1858,6 +1903,9 @@ const stringsFrench = {
     'Above de minimis threshold for': {
         value: 'Au-dessus du seuil de minimis pour',
     },
+    'Add promotional code': {
+        value: 'Ajouter un code promotionnel',
+    },
     Address: {
         value: 'Adresse',
     },
@@ -1870,6 +1918,9 @@ const stringsFrench = {
     'An unexpected error occurred when processing PayPal order.': {
         value: "Une erreur inattendue s'est produite lors du traitement de la commande PayPal.",
     },
+    Apply: {
+        value: 'Appliquer',
+    },
     'Are you sure?': {
         value: 'Es-tu sûr?',
     },
@@ -1972,6 +2023,9 @@ const stringsFrench = {
     Hide: {
         value: 'Cacher',
     },
+    'Invalid promo code': {
+        value: 'Code promotionnel invalide',
+    },
     'Keep shopping': {
         value: 'Continuer à faire du shopping',
     },
@@ -2227,6 +2281,9 @@ const stringsGerman = {
     'Above de minimis threshold for': {
         value: 'Über der Mindestgrenze für',
     },
+    'Add promotional code': {
+        value: 'Promo-Code hinzufügen',
+    },
     Address: {
         value: 'Adresse',
     },
@@ -2239,6 +2296,9 @@ const stringsGerman = {
     'An unexpected error occurred when processing PayPal order.': {
         value: 'Beim Verarbeiten der PayPal-Bestellung ist ein unerwarteter Fehler aufgetreten.',
     },
+    Apply: {
+        value: 'Anwenden',
+    },
     'Are you sure?': {
         value: 'Bist du sicher?',
     },
@@ -2341,6 +2401,9 @@ const stringsGerman = {
     Hide: {
         value: 'Verstecken',
     },
+    'Invalid promo code': {
+        value: 'Ungültiger Promo-Code',
+    },
     'Keep shopping': {
         value: 'Einkauf fortsetzen',
     },
@@ -2596,6 +2659,9 @@ const stringsHebrew = {
     'Above de minimis threshold for': {
         value: 'מעל סף המינימום עבור',
     },
+    'Add promotional code': {
+        value: 'הוסף קוד מבצע',
+    },
     Address: {
         value: 'כתובת',
     },
@@ -2608,6 +2674,9 @@ const stringsHebrew = {
     'An unexpected error occurred when processing PayPal order.': {
         value: 'אירעה שגיאה בלתי צפויה בעת עיבוד הזמנת PayPal.',
     },
+    Apply: {
+        value: 'החל',
+    },
     'Are you sure?': {
         value: 'אתה בטוח?',
     },
@@ -2710,6 +2779,9 @@ const stringsHebrew = {
     Hide: {
         value: 'הסתר',
     },
+    'Invalid promo code': {
+        value: 'קוד מבצע לא תקף',
+    },
     'Keep shopping': {
         value: 'המשך בקנייה',
     },
@@ -2965,6 +3037,9 @@ const stringsIndonesian = {
     'Above de minimis threshold for': {
         value: 'Di atas ambang batas de minimis untuk',
     },
+    'Add promotional code': {
+        value: 'Tambahkan kode promosi',
+    },
     Address: {
         value: 'Alamat',
     },
@@ -2977,6 +3052,9 @@ const stringsIndonesian = {
     'An unexpected error occurred when processing PayPal order.': {
         value: 'Terjadi kesalahan tak terduga saat memproses pesanan PayPal.',
     },
+    Apply: {
+        value: 'Terapkan',
+    },
     'Are you sure?': {
         value: 'Apakah Anda yakin?',
     },
@@ -3079,6 +3157,9 @@ const stringsIndonesian = {
     Hide: {
         value: 'Sembunyikan',
     },
+    'Invalid promo code': {
+        value: 'Kode promo tidak valid',
+    },
     'Keep shopping': {
         value: 'Lanjut belanja',
     },
@@ -3334,6 +3415,9 @@ const stringsItalian = {
     'Above de minimis threshold for': {
         value: 'Sopra la soglia di minimis per',
     },
+    'Add promotional code': {
+        value: 'Aggiungi codice promozionale',
+    },
     Address: {
         value: 'Indirizzo',
     },
@@ -3346,6 +3430,9 @@ const stringsItalian = {
     'An unexpected error occurred when processing PayPal order.': {
         value: "Si è verificato un errore imprevisto durante l'elaborazione dell'ordine PayPal.",
     },
+    Apply: {
+        value: 'Applica',
+    },
     'Are you sure?': {
         value: 'Sei sicuro?',
     },
@@ -3448,6 +3535,9 @@ const stringsItalian = {
     Hide: {
         value: 'Nascondi',
     },
+    'Invalid promo code': {
+        value: 'Codice promozionale non valido',
+    },
     'Keep shopping': {
         value: 'Continua gli acquisti',
     },
@@ -3703,6 +3793,9 @@ const stringsJapanese = {
     'Above de minimis threshold for': {
         value: 'デミニマスの閾値を超える',
     },
+    'Add promotional code': {
+        value: 'プロモーションコードを追加',
+    },
     Address: {
         value: '住所',
     },
@@ -3715,6 +3808,9 @@ const stringsJapanese = {
     'An unexpected error occurred when processing PayPal order.': {
         value: 'PayPal注文の処理中に予期しないエラーが発生しました。',
     },
+    Apply: {
+        value: '適用',
+    },
     'Are you sure?': {
         value: '本気ですか？',
     },
@@ -3817,6 +3913,9 @@ const stringsJapanese = {
     Hide: {
         value: '隠す',
     },
+    'Invalid promo code': {
+        value: '無効なプロモーションコード',
+    },
     'Keep shopping': {
         value: '買い物を続ける',
     },
@@ -4072,6 +4171,9 @@ const stringsKorean = {
     'Above de minimis threshold for': {
         value: '최소 임계값을 초과하여',
     },
+    'Add promotional code': {
+        value: '프로모션 코드 추가',
+    },
     Address: {
         value: '주소',
     },
@@ -4084,6 +4186,9 @@ const stringsKorean = {
     'An unexpected error occurred when processing PayPal order.': {
         value: 'PayPal 주문을 처리하는 중에 예기치 않은 오류가 발생했습니다.',
     },
+    Apply: {
+        value: '적용',
+    },
     'Are you sure?': {
         value: '확실합니까?',
     },
@@ -4186,6 +4291,9 @@ const stringsKorean = {
     Hide: {
         value: '숨기다',
     },
+    'Invalid promo code': {
+        value: '유효하지 않은 프로모션 코드',
+    },
     'Keep shopping': {
         value: '쇼핑 계속하기',
     },
@@ -4441,6 +4549,9 @@ const stringsNorwegian = {
     'Above de minimis threshold for': {
         value: 'Over minstegrensen for',
     },
+    'Add promotional code': {
+        value: 'Legg til kampanjekode',
+    },
     Address: {
         value: 'Adresse',
     },
@@ -4453,6 +4564,9 @@ const stringsNorwegian = {
     'An unexpected error occurred when processing PayPal order.': {
         value: 'En uventet feil oppstod ved behandling av PayPal-bestillingen.',
     },
+    Apply: {
+        value: 'Bruk',
+    },
     'Are you sure?': {
         value: 'Er du sikker?',
     },
@@ -4555,6 +4669,9 @@ const stringsNorwegian = {
     Hide: {
         value: 'Gjem',
     },
+    'Invalid promo code': {
+        value: 'Ugyldig kampanjekode',
+    },
     'Keep shopping': {
         value: 'Fortsett å handle',
     },
@@ -4810,6 +4927,9 @@ const stringsPolish = {
     'Above de minimis threshold for': {
         value: 'Powyżej progu minimis dla',
     },
+    'Add promotional code': {
+        value: 'Dodaj kod promocyjny',
+    },
     Address: {
         value: 'Adres',
     },
@@ -4822,6 +4942,9 @@ const stringsPolish = {
     'An unexpected error occurred when processing PayPal order.': {
         value: 'Wystąpił nieoczekiwany błąd podczas przetwarzania zamówienia PayPal.',
     },
+    Apply: {
+        value: 'Zastosuj',
+    },
     'Are you sure?': {
         value: 'Jesteś pewien?',
     },
@@ -4924,6 +5047,9 @@ const stringsPolish = {
     Hide: {
         value: 'Ukryj',
     },
+    'Invalid promo code': {
+        value: 'Nieprawidłowy kod promocyjny',
+    },
     'Keep shopping': {
         value: 'Kontynuuj zakupy',
     },
@@ -5179,6 +5305,9 @@ const stringsPortuguese = {
     'Above de minimis threshold for': {
         value: 'Acima do limite de isenção para',
     },
+    'Add promotional code': {
+        value: 'Adicionar código promocional',
+    },
     Address: {
         value: 'Endereço',
     },
@@ -5191,6 +5320,9 @@ const stringsPortuguese = {
     'An unexpected error occurred when processing PayPal order.': {
         value: 'Ocorreu um erro inesperado ao processar o pedido do PayPal.',
     },
+    Apply: {
+        value: 'Aplicar',
+    },
     'Are you sure?': {
         value: 'Você tem certeza?',
     },
@@ -5293,6 +5425,9 @@ const stringsPortuguese = {
     Hide: {
         value: 'Esconder',
     },
+    'Invalid promo code': {
+        value: 'Código promocional inválido',
+    },
     'Keep shopping': {
         value: 'Continuar comprando',
     },
@@ -5548,6 +5683,9 @@ const stringsRussian = {
     'Above de minimis threshold for': {
         value: 'Выше минимального порога для',
     },
+    'Add promotional code': {
+        value: 'Добавить промокод',
+    },
     Address: {
         value: 'Адрес',
     },
@@ -5560,6 +5698,9 @@ const stringsRussian = {
     'An unexpected error occurred when processing PayPal order.': {
         value: 'Произошла непредвиденная ошибка при обработке заказа PayPal.',
     },
+    Apply: {
+        value: 'Применить',
+    },
     'Are you sure?': {
         value: 'Вы уверены?',
     },
@@ -5662,6 +5803,9 @@ const stringsRussian = {
     Hide: {
         value: 'Скрыть',
     },
+    'Invalid promo code': {
+        value: 'Недействительный промокод',
+    },
     'Keep shopping': {
         value: 'Продолжить покупки',
     },
@@ -5917,6 +6061,9 @@ const stringsSpanish = {
     'Above de minimis threshold for': {
         value: 'Por encima del umbral mínimo para',
     },
+    'Add promotional code': {
+        value: 'Agregar código promocional',
+    },
     Address: {
         value: 'Dirección',
     },
@@ -5929,6 +6076,9 @@ const stringsSpanish = {
     'An unexpected error occurred when processing PayPal order.': {
         value: 'Se produjo un error inesperado al procesar el pedido de PayPal.',
     },
+    Apply: {
+        value: 'Aplicar',
+    },
     'Are you sure?': {
         value: '¿Estás seguro?',
     },
@@ -6031,6 +6181,9 @@ const stringsSpanish = {
     Hide: {
         value: 'Ocultar',
     },
+    'Invalid promo code': {
+        value: 'Código promocional no válido',
+    },
     'Keep shopping': {
         value: 'Seguir comprando',
     },
@@ -6286,6 +6439,9 @@ const stringsSwedish = {
     'Above de minimis threshold for': {
         value: 'Över minimibeloppet för',
     },
+    'Add promotional code': {
+        value: 'Lägg till kampanjkod',
+    },
     Address: {
         value: 'Adress',
     },
@@ -6298,6 +6454,9 @@ const stringsSwedish = {
     'An unexpected error occurred when processing PayPal order.': {
         value: 'Ett oväntat fel inträffade vid bearbetning av PayPal-beställningen.',
     },
+    Apply: {
+        value: 'Tillämpa',
+    },
     'Are you sure?': {
         value: 'Är du säker?',
     },
@@ -6400,6 +6559,9 @@ const stringsSwedish = {
     Hide: {
         value: 'Dölj',
     },
+    'Invalid promo code': {
+        value: 'Ogiltig kampanjkod',
+    },
     'Keep shopping': {
         value: 'Fortsätt handla',
     },
@@ -6655,6 +6817,9 @@ const stringsTurkish = {
     'Above de minimis threshold for': {
         value: 'Minimum sınırın üzerinde',
     },
+    'Add promotional code': {
+        value: 'Promosyon kodu ekle',
+    },
     Address: {
         value: 'Adres',
     },
@@ -6667,6 +6832,9 @@ const stringsTurkish = {
     'An unexpected error occurred when processing PayPal order.': {
         value: 'PayPal siparişi işlenirken beklenmedik bir hata oluştu.',
     },
+    Apply: {
+        value: 'Uygula',
+    },
     'Are you sure?': {
         value: 'Emin misiniz?',
     },
@@ -6769,6 +6937,9 @@ const stringsTurkish = {
     Hide: {
         value: 'Sakla',
     },
+    'Invalid promo code': {
+        value: 'Geçersiz promosyon kodu',
+    },
     'Keep shopping': {
         value: 'Alışverişe devam et',
     },
@@ -7024,6 +7195,9 @@ const stringsVietnamese = {
     'Above de minimis threshold for': {
         value: 'Vượt ngưỡng miễn thuế đối với',
     },
+    'Add promotional code': {
+        value: 'Thêm mã khuyến mãi',
+    },
     Address: {
         value: 'Địa chỉ',
     },
@@ -7036,6 +7210,9 @@ const stringsVietnamese = {
     'An unexpected error occurred when processing PayPal order.': {
         value: 'Đã xảy ra lỗi bất ngờ khi xử lý đơn hàng PayPal.',
     },
+    Apply: {
+        value: 'Áp dụng',
+    },
     'Are you sure?': {
         value: 'Bạn có chắc không?',
     },
@@ -7138,6 +7315,9 @@ const stringsVietnamese = {
     Hide: {
         value: 'Ẩn',
     },
+    'Invalid promo code': {
+        value: 'Mã khuyến mãi không hợp lệ',
+    },
     'Keep shopping': {
         value: 'Tiếp tục mua sắm',
     },
@@ -7673,7 +7853,7 @@ const currencyFormat = ({ amount, currency, }) => {
     const { targetFormat } = exchangeRate || {};
     if (!targetFormat || !exchangeRate) {
         // Return the amount as a string if no exchange rate is available
-        return `${amount.toString()} ${targetCurrency}`;
+        return `${amount.toFixed(2)} ${targetCurrency}`;
     }
     const minimumFractionDigits = targetFormat.scale || 2;
     const isIE = window.navigator.userAgent.indexOf('MSIE ') !== -1;
@@ -8033,7 +8213,7 @@ const initLocalizationStore = async () => {
     initHelloCountryList(allCountries || {});
     const { country, locale } = localization;
     // update selected country code in store
-    void localizationStoreUpdateSelectedCountryCode(country);
+    localizationStoreUpdateSelectedCountryCode(country);
     // use locale from params if it exists, otherwise use locale from localization
     const overrideLocale = getOverrideLocale();
     localizationStore.selectedLocale = overrideLocale || locale || 'en';
@@ -8048,10 +8228,9 @@ const initLocalizationStore = async () => {
     if (!localizationStore.selectedCountryCode &&
         devSites.some(site => window.location.origin.includes(site))) {
         // update selected country code in store
-        void localizationStoreUpdateSelectedCountryCode('US');
+        localizationStoreUpdateSelectedCountryCode('US');
     }
     localizationStore.localizationLoaded = true;
-    void getCustomMessages();
 };
 const updateCheckoutSessionLanguage = async () => {
     if (!cartStore.checkoutSessionId) {
@@ -8155,6 +8334,17 @@ const prepCartCalculateLandedCost = (cartId) => {
             lastName: shippingLastName,
             phone: translatedShippingAddress.phone,
         },
+        landedCostAdjustments: cartStore.promoCode
+            ? [
+                {
+                    amount: 0,
+                    productId: null,
+                    promoCode: cartStore.promoCode,
+                    sku: null,
+                    type: 'PROMO_CODE',
+                },
+            ]
+            : [],
         shippingAddress: {
             addressLine1: translatedShippingAddress.line1,
             addressLine2: translatedShippingAddress.line2,
@@ -8214,6 +8404,17 @@ const prepCalculateLandedCost = () => {
             phone: translatedShippingAddress.phone,
         },
         items: cartStore.items,
+        landedCostAdjustments: cartStore.promoCode
+            ? [
+                {
+                    amount: 0,
+                    productId: null,
+                    promoCode: cartStore.promoCode,
+                    sku: null,
+                    type: 'PROMO_CODE',
+                },
+            ]
+            : [],
         shippingAddress: {
             addressLine1: translatedShippingAddress.line1,
             addressLine2: translatedShippingAddress.line2,
@@ -8233,6 +8434,7 @@ const triggerBuildLandedCost = async (buildLandedCost) => {
         billingContact: data.billingContact,
         checkoutSessionId: data.checkoutSessionId,
         contact: data.contact,
+        landedCostAdjustments: data.landedCostAdjustments,
         shippingAddress: data.shippingAddress,
         zonosApiRoute: fallbackApiList['vercel'],
     });
@@ -8428,6 +8630,16 @@ const buildTranslateRequest = ({ addressInvalidCharactersList, billingAddressInv
     };
 };
 
+/**
+ * Sorts service levels with lower cost first
+ */
+const sortServiceLevelOptions = (serviceLevels) => {
+    const sortedServiceLevels = serviceLevels.sort((a, b) => {
+        return a.amount - b.amount;
+    });
+    return sortedServiceLevels;
+};
+
 const addressRuleStyle = ({ theme, }) => {
     const defaultStyle = {
         '.AccordionItem': {
@@ -8636,8 +8848,42 @@ const isPrefetchInfoOutdated = () => {
     // if landed cost data is not available, we need to fetch it
     !cartStore.landedCostData || isAddressOutdated || isTotalAmountChanged);
 };
-const stripeStorePrefetchLandedCost = async () => {
-    var _a, _b, _c, _d, _e, _f;
+const stripeCalculateLandedCost = async () => {
+    const abortController = new AbortController();
+    stripeStore.fetchingLandedCostAbortController = abortController;
+    // Reset cart items to non-restricted state and restricted item list
+    cartStoreResetCartItems();
+    const { checkoutSessionWorkflow, itemCreateWorkflow, landedCostCalculateWorkflow, shipmentRatingCalculateWorkflow, } = await calculateLandedCostNormalized(abortController);
+    cartStore.shippingData = sortServiceLevelOptions((shipmentRatingCalculateWorkflow === null || shipmentRatingCalculateWorkflow === void 0 ? void 0 : shipmentRatingCalculateWorkflow.filter(Boolean)) || []);
+    // check and update cart items with restrictions
+    cartStoreCheckItemRestrictions(itemCreateWorkflow);
+    // reset abort controller after we are done
+    stripeStore.fetchingLandedCostAbortController = null;
+    // update cart store with landed cost info
+    cartStore.landedCostData =
+        (checkoutSessionWorkflow === null || checkoutSessionWorkflow === void 0 ? void 0 : checkoutSessionWorkflow.map(checkoutSession => {
+            const foundLandedCost = landedCostCalculateWorkflow === null || landedCostCalculateWorkflow === void 0 ? void 0 : landedCostCalculateWorkflow.find(item => (item === null || item === void 0 ? void 0 : item.id) === checkoutSession.landedCostId);
+            if (!foundLandedCost) {
+                return null;
+            }
+            return Object.assign(Object.assign({}, checkoutSession), { landedCost: foundLandedCost });
+        }).filter(Boolean)) || [];
+    // update adjustmentTotal
+    // highlight promocode input error if promocode is applied but no adjustment applied in landed cost
+    const isInvalidPromoCode = cartStore.promoCodeApplied &&
+        !cartStore.landedCostData.find(item => {
+            var _a;
+            return (_a = item.landedCost.appliedAdjustments) === null || _a === void 0 ? void 0 : _a.find(_item => _item.type === 'PROMO_CODE');
+        });
+    cartStore.promoCodeError = isInvalidPromoCode;
+    // When promocode is valid, set promoCode to session storage so if user close the modal, we can still reapply for them
+    if (!isInvalidPromoCode) {
+        sessionStorage.setItem('promoCode', cartStore.promoCode);
+    }
+};
+const stripeStorePrefetchLandedCost = async (params) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const applyingPromocode = !!(params === null || params === void 0 ? void 0 : params.applyingPromocode);
     const stripeAddressReady = !!((_a = stripeStore.stripeAddressEventData) === null || _a === void 0 ? void 0 : _a.complete);
     const stripeLinkReady = !!((_b = stripeStore.stripeLinkEventData) === null || _b === void 0 ? void 0 : _b.complete);
     const stripeBillingAddressReady = stripeStore.stripeShippingSameAsBilling
@@ -8649,68 +8895,87 @@ const stripeStorePrefetchLandedCost = async () => {
         (_e = stripeStore.fetchingLandedCostAbortController) === null || _e === void 0 ? void 0 : _e.abort();
         stripeStore.fetchingLandedCostAbortController = null;
     }
-    // only fetch if we are not fetching or we need to refetch
-    if (stripeAddressReady &&
-        stripeLinkReady &&
-        stripeBillingAddressReady &&
-        shouldRefetch) {
-        stripeStore.isFetchingLandedCost = true;
-        if (stripeStore.stripeAddressEventData) {
-            stripeStore.stripeAddressUsedWhenFetchingLC = Object.assign({}, stripeStore.stripeAddressEventData);
-        }
-        if (stripeStore.stripeBillingAddressEventData) {
-            stripeStore.stripeBillingAddressUsedWhenFetchingLC = Object.assign({}, stripeStore.stripeBillingAddressEventData);
-        }
-        if (stripeStore.stripeLinkEventData) {
-            stripeStore.stripeLinkUsedWhenFetchingLC = Object.assign({}, stripeStore.stripeLinkEventData);
-        }
-        try {
-            const abortController = new AbortController();
-            stripeStore.fetchingLandedCostAbortController = abortController;
-            // Reset cart items to non-restricted state and restricted item list
-            cartStoreResetCartItems();
-            const { checkoutSessionWorkflow, itemCreateWorkflow, landedCostCalculateWorkflow, shipmentRatingCalculateWorkflow, } = await calculateLandedCostNormalized(abortController);
-            // reset abort controller after we are done
-            stripeStore.fetchingLandedCostAbortController = null;
-            // update cart store with landed cost info
-            cartStore.landedCostData =
-                (checkoutSessionWorkflow === null || checkoutSessionWorkflow === void 0 ? void 0 : checkoutSessionWorkflow.map(checkoutSession => {
-                    const foundLandedCost = landedCostCalculateWorkflow === null || landedCostCalculateWorkflow === void 0 ? void 0 : landedCostCalculateWorkflow.find(item => (item === null || item === void 0 ? void 0 : item.id) === checkoutSession.landedCostId);
-                    if (!foundLandedCost) {
-                        return null;
-                    }
-                    return Object.assign(Object.assign({}, checkoutSession), { landedCost: foundLandedCost });
-                }).filter(Boolean)) || [];
-            cartStore.shippingData =
-                (shipmentRatingCalculateWorkflow === null || shipmentRatingCalculateWorkflow === void 0 ? void 0 : shipmentRatingCalculateWorkflow.filter(Boolean)) || [];
-            // apply new subtotal and total, this is mainly to show items in the presentment currency
-            const firstLandedCostData = (_f = cartStore.landedCostData) === null || _f === void 0 ? void 0 : _f.find(Boolean);
-            const subtotals = !!firstLandedCostData
-                ? firstLandedCostData.subtotals
-                : null;
-            // check and update cart items with restrictions
-            cartStoreCheckItemRestrictions(itemCreateWorkflow);
-            if (subtotals) {
-                // prefetch landed cost will not update shipping and taxes since we haven't selected shipping method yet
-                cartStoreApplySubtotals({
-                    adjustments: subtotals.adjustments,
-                    exchangeRate: subtotals.exchangeRate,
-                    items: subtotals.items,
-                    landedCostTotal: 0,
-                    presentmentCurrencyCode: subtotals.presentmentCurrencyCode,
-                    shipping: 0,
-                    total: subtotals.items,
-                });
-            }
-        }
-        catch (err) {
-            // default to empty array if we failed to fetch landed cost, so we can show the error message
-            cartStore.landedCostData = [];
-            cartStore.shippingData = [];
-            logError(err);
+    // Do not fetch if we are not ready or data is not outdated
+    if ((!shouldRefetch && !applyingPromocode) ||
+        !stripeAddressReady ||
+        !stripeLinkReady ||
+        !stripeBillingAddressReady) {
+        return;
+    }
+    stripeStore.isFetchingLandedCost = true;
+    if (stripeStore.stripeAddressEventData) {
+        stripeStore.stripeAddressUsedWhenFetchingLC = Object.assign({}, stripeStore.stripeAddressEventData);
+    }
+    if (stripeStore.stripeBillingAddressEventData) {
+        stripeStore.stripeBillingAddressUsedWhenFetchingLC = Object.assign({}, stripeStore.stripeBillingAddressEventData);
+    }
+    if (stripeStore.stripeLinkEventData) {
+        stripeStore.stripeLinkUsedWhenFetchingLC = Object.assign({}, stripeStore.stripeLinkEventData);
+    }
+    try {
+        // Reset cart items to non-restricted state and restricted item list
+        cartStoreResetCartItems();
+        // fetch and apply landed cost
+        await stripeCalculateLandedCost();
+        // This is the cheapest service level since we already sorted them after fetching landed cost
+        const cheapestServiceLevel = (_f = cartStore.shippingData) === null || _f === void 0 ? void 0 : _f.find(Boolean);
+        // Landed cost that matches with service level
+        const matchLandedCost = (_g = cartStore.landedCostData) === null || _g === void 0 ? void 0 : _g.find(x => x.landedCost.shipmentRating.id === (cheapestServiceLevel === null || cheapestServiceLevel === void 0 ? void 0 : cheapestServiceLevel.id));
+        // apply new subtotal and total, this is mainly to show items in the presentment currency
+        const subtotals = !!matchLandedCost ? matchLandedCost.subtotals : null;
+        if (subtotals) {
+            // prefetch landed cost will not update shipping and taxes since we haven't selected shipping method yet
+            cartStoreApplySubtotals({
+                adjustments: subtotals.adjustments,
+                exchangeRate: subtotals.exchangeRate,
+                items: subtotals.items,
+                landedCostTotal: subtotals.landedCostTotal,
+                presentmentCurrencyCode: subtotals.presentmentCurrencyCode,
+                shipping: subtotals.shipping,
+                total: subtotals.total,
+            });
         }
-        stripeStore.isFetchingLandedCost = false;
     }
+    catch (err) {
+        // default to empty array if we failed to fetch landed cost, so we can show the error message
+        cartStore.landedCostData = [];
+        cartStore.shippingData = [];
+        logError(err);
+    }
+    stripeStore.isFetchingLandedCost = false;
+};
+const stripeStoreApplyPromoCode = async () => {
+    var _a, _b;
+    await stripeStorePrefetchLandedCost({
+        applyingPromocode: true,
+    });
+    // Go back to shipping step if we are in payment step so user can reselect shipping method
+    if (cartStore.step === 'payment') {
+        cartStorePreviousStep();
+    }
+    // This is the cheapest service level since we already sorted them after fetching landed cost
+    const cheapestServiceLevel = (_a = cartStore.shippingData) === null || _a === void 0 ? void 0 : _a.find(Boolean);
+    // Landed cost that matches with service level
+    const matchLandedCost = (_b = cartStore.landedCostData) === null || _b === void 0 ? void 0 : _b.find(x => x.landedCost.id === (cheapestServiceLevel === null || cheapestServiceLevel === void 0 ? void 0 : cheapestServiceLevel.id));
+    if (!cheapestServiceLevel || !matchLandedCost) {
+        return;
+    }
+    await cartStoreUpdateSelectedShippingOption(cheapestServiceLevel, matchLandedCost.landedCostId);
+};
+const stripeStoreResetPromoCode = () => {
+    cartStore.promoCode = '';
+    sessionStorage.removeItem('promoCode');
+    // reset promocode error state
+    cartStore.promoCodeError = false;
+    cartStore.promoCodeApplied = false;
+};
+const stripeStoreRemovePromoCode = async () => {
+    // Go back to shipping step if we are in payment step so user can reselect shipping method
+    if (cartStore.step === 'payment') {
+        cartStorePreviousStep();
+    }
+    stripeStoreResetPromoCode();
+    await stripeStoreApplyPromoCode();
 };
 const stripeStoreMessageBasedOnStatus = (status) => {
     let messages = [];
@@ -8845,7 +9110,7 @@ const stripeStoreInitCheckoutSession = async () => {
     });
     stripeStore.isFetchingSession = false;
     if (errors.length || !json) {
-        logError('Error occured when creating checkout session', JSON.stringify(errors, null, 2));
+        logError('Error occurred when creating checkout session', JSON.stringify(errors, null, 2));
         return false;
     }
     const result = json.checkoutSessionCreate;
@@ -8994,7 +9259,7 @@ const stripeStoreTranslateAddressToLatin = async ({ addressInvalidCharactersList
             : {},
         billingAddress: !stripeStore.stripeShippingSameAsBilling
             ? buildTranslatedAddress({
-                currentAddress: Object.assign(Object.assign({}, billingAddress), { name: (_d = stripeStore.stripeBillingAddressEventData) === null || _d === void 0 ? void 0 : _d.value.name }) || {},
+                currentAddress: Object.assign(Object.assign({}, billingAddress), { name: (_d = stripeStore.stripeBillingAddressEventData) === null || _d === void 0 ? void 0 : _d.value.name }),
                 translatedAddressResult: json.billingAddress || null,
             })
             : {},
@@ -9028,6 +9293,10 @@ const { onChange, reset, state: cartStore, } = createStore(() => ({
     isSelectedShippingGuarantee: false,
     items: [],
     landedCostData: null,
+    promoCode: sessionStorage.getItem('promoCode') || '',
+    // When user clicked applied button, save promocode into session storage for later use. So if session has promocode, applied button is clicked
+    promoCodeApplied: !!sessionStorage.getItem('promoCode'),
+    promoCodeError: false,
     restrictedItems: [],
     selectedLandedCost: null,
     selectedShippingOption: null,
@@ -9311,6 +9580,18 @@ const cartStoreResetSelectedShippingOption = () => {
     // reset total to subtotal
     cartStore.total = cartStore.subtotal;
 };
+const cartStorePreviousStep = () => {
+    if (cartStore.step === 'shipping') {
+        cartStore.step = 'customer-info';
+        //  set shipping step to done
+        cartStore.tabItems = Object.assign(Object.assign({}, cartStore.tabItems), { 'customer-info': Object.assign(Object.assign({}, cartStore.tabItems.shipping), { isDone: false }) });
+    }
+    else if (cartStore.step === 'payment') {
+        cartStore.step = 'shipping';
+        //  set shipping step to done
+        cartStore.tabItems = Object.assign(Object.assign({}, cartStore.tabItems), { shipping: Object.assign(Object.assign({}, cartStore.tabItems.shipping), { isDone: false }) });
+    }
+};
 const cartStoreNextStep = () => {
     if (cartStore.step === 'customer-info') {
         cartStore.step = 'shipping';
@@ -9332,4 +9613,4 @@ const cartStoreResetTabItems = () => {
     cartStoreResetSelectedShippingOption();
 };
 
-export { setZCountryUrlParam as A, currencyDisplay as B, currencyConvertAndFormat as C, currencyConvert as D, currencyFormat as E, cartStoreHasOneEligibleItem as F, stripeStoreRetrievePayment as G, stripeStoreMessageBasedOnStatus as H, stripeStoreTranslateAddressToLatin as I, cartStoreUpdateSelectedShippingOption as J, cartStoreGetShippingTransitInfo as K, localizationStoreUpdateSelectedLocale as L, localizationStoreUpdateSelectedCountryCode as a, stripeStoreCleanupDomesticShippingSession as b, stripeStoreSaveDomesticShippingSession as c, cartStore as d, cartStoreUpdateItems as e, cartStoreReset as f, cartStoreResetTabItems as g, cartStoreClearCheckoutInterval as h, initStripeElements as i, stripeStore as j, stripeStoreInitCheckoutSession as k, localizationStore as l, cartStoreStartCheckoutInterval as m, cartStoreUpdateToErrorState as n, cartStoreSetCheckoutSession as o, stripeStorePrefetchLandedCost as p, cartStoreNextStep as q, stripeStoreHandleInventoryCheck as r, stripeStoreGetDomesticShippingSession as s, translate as t, stripeStoreConfirmPayment as u, stripeStoreReset as v, localizationStoreOnUpdate as w, isValidSelector as x, initLocalizationStore as y, getZCountryUrlParam as z };
+export { setZCountryUrlParam as A, currencyDisplay as B, currencyConvertAndFormat as C, currencyConvert as D, currencyFormat as E, cartStoreHasOneEligibleItem as F, stripeStoreApplyPromoCode as G, stripeStoreRemovePromoCode as H, stripeStoreRetrievePayment as I, stripeStoreMessageBasedOnStatus as J, stripeStoreResetPromoCode as K, stripeStoreTranslateAddressToLatin as L, cartStoreUpdateSelectedShippingOption as M, cartStoreGetShippingTransitInfo as N, localizationStoreUpdateSelectedLocale as O, localizationStoreUpdateSelectedCountryCode as a, stripeStoreCleanupDomesticShippingSession as b, stripeStoreSaveDomesticShippingSession as c, cartStore as d, cartStoreUpdateItems as e, cartStoreReset as f, cartStoreResetTabItems as g, cartStoreClearCheckoutInterval as h, initStripeElements as i, stripeStore as j, stripeStoreInitCheckoutSession as k, localizationStore as l, cartStoreStartCheckoutInterval as m, cartStoreUpdateToErrorState as n, cartStoreSetCheckoutSession as o, stripeStorePrefetchLandedCost as p, cartStoreNextStep as q, stripeStoreHandleInventoryCheck as r, stripeStoreGetDomesticShippingSession as s, translate as t, stripeStoreConfirmPayment as u, stripeStoreReset as v, localizationStoreOnUpdate as w, isValidSelector as x, initLocalizationStore as y, getZCountryUrlParam as z };