@zonos/elements 1.3.18-alpha.0 → 1.3.18-alpha.2

package/dist/components/stripe.js

@@ -426,7 +426,12 @@ const currencyDisplay = () => {
     }
     const { currencyElementSelector } = zonosStore.helloSettings;
     if (zonosStore.currencyConverter) {
-        zonosStore.currencyConverter(currencyConvertAndFormat, currencyConvert, currencyFormat, currencyElementSelector);
+        zonosStore.currencyConverter({
+            convert: currencyConvert,
+            convertAndFormat: currencyConvertAndFormat,
+            format: currencyFormat,
+            selector: currencyElementSelector,
+        });
     }
     else {
         defaultCurrencyConverter();
@@ -528,7 +533,7 @@ const getOverrideLocale = () => {
     return zonosLocale;
 };
 const localizationStoreUpdateSelectedCountryCode = (newSelectedCountryCode) => {
-    var _a;
+    var _a, _b;
     log('update selected country code');
     localizationStore.selectedCountryCode = newSelectedCountryCode;
     const { selectedCountryCode, shippingZoneCountries } = localizationStore;
@@ -554,6 +559,11 @@ const localizationStoreUpdateSelectedCountryCode = (newSelectedCountryCode) => {
     setZCountryUrlParam(selectedCountryCode);
     (_a = document
         .querySelector('zonos-hello')) === null || _a === void 0 ? void 0 : _a.setAttribute('z-country', selectedCountryCode);
+    // Trigger callback onCountryChange
+    (_b = zonosStore.onCountryChange) === null || _b === void 0 ? void 0 : _b.call(zonosStore, {
+        countryCode: selectedCountryCode,
+        currencyCode,
+    });
 };
 const initLocalizationStore = async () => {
     // all countries from countries.json, shipping zone and localization
@@ -572,7 +582,12 @@ const initLocalizationStore = async () => {
     const overrideLocale = getOverrideLocale();
     localizationStore.selectedLocale = overrideLocale || locale || 'en';
     translationStoreUpdateLanguage(localizationStore.selectedLocale);
-    const devSites = ['dev.elements', 'dev.dashboard'];
+    const devSites = [
+        'dev.storybook.elements',
+        'dev.elements',
+        'dev.demo.elements',
+        'dev.dashboard',
+    ];
     // If the country code is not set, set it to the US for development (vercel can't get geo country in dev)
     if (!localizationStore.selectedCountryCode &&
         devSites.some(site => window.location.origin.includes(site))) {
@@ -637,6 +652,7 @@ const { onChange: onChange$1, reset: reset$1, state: cartStore, } = createStore(
     isSelectedShippingGuarantee: false,
     items: [],
     landedCostData: null,
+    restrictedItems: [],
     selectedLandedCost: null,
     selectedShippingOption: null,
     selectedShippingOptionExpectedDate: '',
@@ -693,6 +709,39 @@ const cartStoreGetShippingTransitInfo = (item) => {
         minTransit,
     };
 };
+const getMatchItem = ({ item1, item2, }) => {
+    if (!item1 || !item2) {
+        return false;
+    }
+    return ((item2.sku && item1.sku && item1.sku === item2.sku) ||
+        (item2.description &&
+            item1.description &&
+            item1.description === item2.description) ||
+        (item1.name && item2.name && item1.name === item2.name));
+};
+/**
+ * Check and set restricted items in cart
+ */
+const cartStoreCheckItemRestrictions = (itemsWorkflow) => {
+    log('Checking item restrictions');
+    const mappedRestrictedItems = itemsWorkflow
+        .map(item => {
+        if (!item.restriction) {
+            return null;
+        }
+        const { restriction } = item;
+        const matchedItem = cartStore.items.find(x => getMatchItem({ item1: x, item2: item }));
+        return Object.assign(Object.assign({ matchedItem }, item), { restriction });
+    })
+        .filter(Boolean);
+    cartStore.restrictedItems = mappedRestrictedItems;
+    // remove items that are restricted from cart
+    cartStore.items = cartStore.items.map(item => (Object.assign(Object.assign({}, item), { isRestricted: !!mappedRestrictedItems.find(x => getMatchItem({ item1: x, item2: item })) })));
+    return {
+        cartItems: cartStore.items,
+        restrictedItems: mappedRestrictedItems,
+    };
+};
 const cartStoreReset = () => {
     sessionStorage.removeItem('zonos--checkout-session-id');
     // reset cart store
@@ -715,6 +764,16 @@ const cartStoreApplySubtotals = (subtotals) => {
     cartStore.total = subtotals.total;
     cartStore.currency = subtotals.presentmentCurrencyCode;
 };
+/**
+ * Detect if there are any items in cart that are not restricted and have positive amount, exclude negative amount items
+ */
+const cartStoreHasOneEligibleItem = () => {
+    // filter all items with positive amount
+    const checkItems = cartStore.items.filter(item => item.amount > 0);
+    // only check restricted status for items with positive amount
+    // if there is no item restricted found => all items are restricted
+    return !!checkItems.find(item => !item.isRestricted);
+};
 const cartStoreReCalculateTotal = async ({ currency, itemsAmount, landedCostId, }) => {
     if (landedCostId && cartStore.selectedLandedCost) {
         // update cart total right away if we have landed cost id to avoid order total flickering
@@ -795,11 +854,17 @@ onChange$1('checkoutSessionId', () => {
     }
     sessionStorage.setItem('zonos--checkout-session-id', cartStore.checkoutSessionId);
 });
-const cartStoreUpdateItems = async (items) => {
+const getCartItemToUse = (items) => items.map(item => (Object.assign(Object.assign({}, item), { isRestricted: false })));
+const cartStoreResetCartItems = () => {
+    // mark all items as not restricted
+    cartStore.items = cartStore.items.map(item => (Object.assign(Object.assign({}, item), { isRestricted: false })));
+    cartStore.restrictedItems = [];
+};
+const cartStoreUpdateItems = async (cartItems) => {
     var _a;
-    cartStore.items = items;
-    const currency = (_a = items.find(Boolean)) === null || _a === void 0 ? void 0 : _a.currencyCode;
-    const total = items.reduce((amt, item) => {
+    cartStore.items = getCartItemToUse(cartItems);
+    const currency = (_a = cartItems.find(Boolean)) === null || _a === void 0 ? void 0 : _a.currencyCode;
+    const total = cartItems.reduce((amt, item) => {
         return amt + item.amount * item.quantity;
     }, 0);
     if (!currency || !total) {
@@ -882,7 +947,7 @@ const prepCalculateLandedCost = () => {
             lastName: stripeAddressData.value.lastName || '',
             phone: stripeAddressData.value.phone || '',
         },
-        items: cartStore.items.map(item => item),
+        items: cartStore.items,
         shippingAddress: {
             addressLine1: stripeAddressData.value.address.line1,
             addressLine2: stripeAddressData.value.address.line2 || '',
@@ -1292,7 +1357,9 @@ const stripeStorePrefetchLandedCost = async () => {
         try {
             const abortController = new AbortController();
             stripeStore.fetchingLandedCostAbordController = abortController;
-            const { checkoutSessionWorkflow, landedCostCalculateWorkflow, shipmentRatingCalculateWorkflow, } = await calculateLandedCost(abortController);
+            // Reset cart items to non-restricted state and restricted item list
+            cartStoreResetCartItems();
+            const { checkoutSessionWorkflow, itemCreateWorkflow, landedCostCalculateWorkflow, shipmentRatingCalculateWorkflow, } = await calculateLandedCost(abortController);
             // reset abort controller after we are done
             stripeStore.fetchingLandedCostAbordController = null;
             // update cart store with landed cost info
@@ -1311,6 +1378,8 @@ const stripeStorePrefetchLandedCost = async () => {
             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({
@@ -1619,4 +1688,4 @@ onChange('clientSecret', clientSecret => {
     }
 });
 
-export { isValidSelector as A, initLocalizationStore as B, getZCountryUrlParam as C, setZCountryUrlParam as D, currencyDisplay as E, currencyConvertAndFormat as F, currencyConvert as G, currencyFormat as H, localizationStore as a, log as b, cartStore as c, stripeStoreGetDomesticShippingSession as d, localizationStoreUpdateSelectedCountryCode as e, stripeStoreCleanupDomesticShippingSession as f, stripeStoreSaveDomesticShippingSession as g, cartStoreUpdateItems as h, initStripeElements as i, cartStoreReset as j, cartStoreResetTabItems as k, logError as l, stripeStoreInitCheckoutSession as m, cartStoreUpdateToErrorState as n, stripeStorePrefetchLandedCost as o, cartStoreNextStep as p, stripeStoreConfirmPayment as q, stripeStoreReset as r, stripeStore as s, localizationStoreOnUpdate as t, handleFetch as u, stripeStoreRetrievePayment as v, stripeStoreTranslateAddressToLatin as w, localizationStoreUpdateSelectedLocale as x, cartStoreUpdateSelectedShippingOption as y, cartStoreGetShippingTransitInfo as z };
+export { cartStoreGetShippingTransitInfo as A, isValidSelector as B, initLocalizationStore as C, getZCountryUrlParam as D, setZCountryUrlParam as E, currencyDisplay as F, currencyConvertAndFormat as G, currencyConvert as H, currencyFormat as I, localizationStore as a, cartStoreHasOneEligibleItem as b, cartStore as c, log as d, stripeStoreGetDomesticShippingSession as e, localizationStoreUpdateSelectedCountryCode as f, stripeStoreCleanupDomesticShippingSession as g, stripeStoreSaveDomesticShippingSession as h, initStripeElements as i, cartStoreUpdateItems as j, cartStoreReset as k, logError as l, cartStoreResetTabItems as m, stripeStoreInitCheckoutSession as n, cartStoreUpdateToErrorState as o, stripeStorePrefetchLandedCost as p, cartStoreNextStep as q, stripeStoreConfirmPayment as r, stripeStore as s, stripeStoreReset as t, localizationStoreOnUpdate as u, handleFetch as v, stripeStoreRetrievePayment as w, stripeStoreTranslateAddressToLatin as x, localizationStoreUpdateSelectedLocale as y, cartStoreUpdateSelectedShippingOption as z };

package/dist/components/submitGtag.js

@@ -1,5 +1,5 @@
 import { z as zonosStore } from './zonosStore.js';
-import { b as log } from './stripe.js';
+import { d as log } from './stripe.js';
 
 /**
  * Submit a gtag event if the gtag function is available.

package/dist/components/trackConversionEvent.js

@@ -1,4 +1,4 @@
-import { u as handleFetch, c as cartStore, a as localizationStore } from './stripe.js';
+import { v as handleFetch, c as cartStore, a as localizationStore } from './stripe.js';
 import { z as zonosStore } from './zonosStore.js';
 
 const trackConversionEvent = async (eventName, metadata) => {