@zonos/elements 1.2.2 → 1.2.4-alpha.1

package/dist/collection/components/store/checkout/cart.js

@@ -7,24 +7,24 @@ import { getDaysDifference } from "../../utils/getDaysDifference";
 import { log } from "../../utils/logging/log";
 import { logError } from "../../utils/logging/logError";
 const { onChange, reset, state: cartStore, } = createStore(() => ({
-  checkoutSessionId: sessionStorage.getItem('zonos--checkout-session-id') || null,
-  currency: 'USD',
-  dutiesTaxFees: 0,
-  error: null,
-  exchangeRate: null,
-  isSelectedShippingAboveDeminimis: false,
-  isSelectedShippingGuarantee: false,
-  items: [],
-  landedCostData: null,
-  selectedLandedCost: null,
-  selectedShippingOption: null,
-  selectedShippingOptionExpectedDate: '',
-  selectedShippingOptionTransitTime: '',
-  shipping: 0,
-  shippingData: null,
-  step: 'customer-info',
-  subtotal: 0,
-  total: 0,
+    checkoutSessionId: sessionStorage.getItem('zonos--checkout-session-id') || null,
+    currency: 'USD',
+    dutiesTaxFees: 0,
+    error: null,
+    exchangeRate: null,
+    isSelectedShippingAboveDeminimis: false,
+    isSelectedShippingGuarantee: false,
+    items: [],
+    landedCostData: null,
+    selectedLandedCost: null,
+    selectedShippingOption: null,
+    selectedShippingOptionExpectedDate: '',
+    selectedShippingOptionTransitTime: '',
+    shipping: 0,
+    shippingData: null,
+    step: 'customer-info',
+    subtotal: 0,
+    total: 0,
 }));
 /**
  * Format shipping transit info to be displayed on UI
@@ -34,170 +34,170 @@ const { onChange, reset, state: cartStore, } = createStore(() => ({
  * - minTransit: 3
  */
 const cartStoreGetShippingTransitInfo = (item) => {
-  const minTransit = item.minTransitAt
-    ? getDaysDifference(new Date(item.minTransitAt))
-    : '';
-  const maxTransit = item.maxTransitAt
-    ? getDaysDifference(new Date(item.maxTransitAt))
-    : '';
-  const expectedDate = item.minTransitAt
-    ? formatDate({
-      date: new Date(item.minTransitAt),
-    })
-    : '';
-  return {
-    expectedDate,
-    maxTransit,
-    minTransit,
-  };
+    const minTransit = item.minTransitAt
+        ? getDaysDifference(new Date(item.minTransitAt))
+        : '';
+    const maxTransit = item.maxTransitAt
+        ? getDaysDifference(new Date(item.maxTransitAt))
+        : '';
+    const expectedDate = item.minTransitAt
+        ? formatDate({
+            date: new Date(item.minTransitAt),
+        })
+        : '';
+    return {
+        expectedDate,
+        maxTransit,
+        minTransit,
+    };
 };
 const cartStoreReset = () => {
-  sessionStorage.removeItem('zonos--checkout-session-id');
-  // reset cart store
-  reset();
+    sessionStorage.removeItem('zonos--checkout-session-id');
+    // reset cart store
+    reset();
 };
 const cartStoreUpdateToErrorState = ({ messages, title, }) => {
-  cartStore.step = 'error';
-  cartStore.error = {
-    messages,
-    title,
-  };
+    cartStore.step = 'error';
+    cartStore.error = {
+        messages,
+        title,
+    };
 };
 const cartStoreApplySubtotals = (subtotals) => {
-  // update exchange rate so we can use it to display cart items
-  cartStore.exchangeRate = subtotals.exchangeRate;
-  cartStore.dutiesTaxFees = subtotals.landedCostTotal;
-  cartStore.subtotal = subtotals.items;
-  cartStore.total = subtotals.total;
-  cartStore.currency = subtotals.presentmentCurrencyCode;
+    // update exchange rate so we can use it to display cart items
+    cartStore.exchangeRate = subtotals.exchangeRate;
+    cartStore.dutiesTaxFees = subtotals.landedCostTotal;
+    cartStore.subtotal = subtotals.items;
+    cartStore.total = subtotals.total;
+    cartStore.currency = subtotals.presentmentCurrencyCode;
 };
 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
-    const subtotals = cartStore.selectedLandedCost.subtotals;
-    cartStoreApplySubtotals(subtotals);
-    log('Exchange rate updated for cart items (landed cost subtotal)', 'info', cartStore.exchangeRate);
-  }
-  // update checkout session
-  if (!cartStore.checkoutSessionId) {
-    logError('Could update cart total without checkout session id');
-    return false;
-  }
-  const { json } = await stripeStoreUpdateCheckoutSession({
-    currency,
-    id: cartStore.checkoutSessionId,
-    itemsAmount,
-    landedCostId,
-    presentmentCountryCode: localizationStore.selectedCountryCode,
-  });
-  if (!json) {
-    // do nothing if we can't get checkout session
-    logError('Error occurs when updating checkout session');
-    cartStoreUpdateToErrorState({
-      messages: [
-        translate("There's been an error updating your checkout session. Please reload and try again or contact support if the error persists"),
-      ],
-      title: translate('Error updating Checkout'),
+    if (landedCostId && cartStore.selectedLandedCost) {
+        // update cart total right away if we have landed cost id to avoid order total flickering
+        const subtotals = cartStore.selectedLandedCost.subtotals;
+        cartStoreApplySubtotals(subtotals);
+        log('Exchange rate updated for cart items (landed cost subtotal)', 'info', cartStore.exchangeRate);
+    }
+    // update checkout session
+    if (!cartStore.checkoutSessionId) {
+        logError('Could update cart total without checkout session id');
+        return false;
+    }
+    const { json } = await stripeStoreUpdateCheckoutSession({
+        currency,
+        id: cartStore.checkoutSessionId,
+        itemsAmount,
+        landedCostId,
+        presentmentCountryCode: localizationStore.selectedCountryCode,
     });
-    return false;
-  }
-  if (!landedCostId) {
-    // This is when first open the checkout modal and we just want to get info from the old cart session.
-    // use subtotals from checkout session to update cart total
-    cartStoreApplySubtotals(json.checkoutSessionUpdate.subtotals);
-    log('Exchange rate updated for cart items (checkout session update)', 'info', cartStore.exchangeRate);
-  }
-  return true;
+    if (!json) {
+        // do nothing if we can't get checkout session
+        logError('Error occurs when updating checkout session');
+        cartStoreUpdateToErrorState({
+            messages: [
+                translate("There's been an error updating your checkout session. Please reload and try again or contact support if the error persists"),
+            ],
+            title: translate('Error updating Checkout'),
+        });
+        return false;
+    }
+    if (!landedCostId) {
+        // This is when first open the checkout modal and we just want to get info from the old cart session.
+        // use subtotals from checkout session to update cart total
+        cartStoreApplySubtotals(json.checkoutSessionUpdate.subtotals);
+        log('Exchange rate updated for cart items (checkout session update)', 'info', cartStore.exchangeRate);
+    }
+    return true;
 };
 const cartStoreUpdateSelectedShippingOption = async (selectedShippingOption) => {
-  var _a, _b, _c, _d, _e;
-  cartStore.selectedShippingOption = selectedShippingOption;
-  // update shipping transit info
-  const { expectedDate, maxTransit, minTransit } = cartStoreGetShippingTransitInfo(cartStore.selectedShippingOption);
-  cartStore.selectedShippingOptionExpectedDate = expectedDate;
-  cartStore.selectedShippingOptionTransitTime =
-    minTransit && maxTransit
-      ? `${minTransit}-${maxTransit}`
-      : `${minTransit || maxTransit}`;
-  const selectedLandedCost = (_a = cartStore.landedCostData) === null || _a === void 0 ? void 0 : _a.find(checkoutSessionPresentment => {
-    var _a, _b, _c;
-    return ((_b = (_a = checkoutSessionPresentment.landedCost) === null || _a === void 0 ? void 0 : _a.shipmentRating) === null || _b === void 0 ? void 0 : _b.id) ===
-      ((_c = cartStore.selectedShippingOption) === null || _c === void 0 ? void 0 : _c.id);
-  });
-  // save selected landed cost for later use
-  cartStore.selectedLandedCost = selectedLandedCost || null;
-  if (!selectedLandedCost) {
-    // do nothing if we can't find landed cost for selected shipping option
-    return false;
-  }
-  // update shipping value and dutiesTaxFees on selectedShippingOption change
-  cartStore.shipping = selectedLandedCost.subtotals.shipping;
-  // update deminimis status
-  const isGuarantee = ((_b = selectedLandedCost === null || selectedLandedCost === void 0 ? void 0 : selectedLandedCost.landedCost) === null || _b === void 0 ? void 0 : _b.landedCostGuaranteeCode) === 'ZONOS';
-  // one item in deminimis with type of duty and tax has threshold value is "ABOVE"
-  const isAboveDeminimis = !!((_d = (_c = selectedLandedCost === null || selectedLandedCost === void 0 ? void 0 : selectedLandedCost.landedCost) === null || _c === void 0 ? void 0 : _c.deMinimis) === null || _d === void 0 ? void 0 : _d.find(item => ['DUTY', 'TAX'].includes(item.type) && item.threshold === 'ABOVE'));
-  cartStore.isSelectedShippingAboveDeminimis = isAboveDeminimis;
-  cartStore.isSelectedShippingGuarantee = isGuarantee;
-  // update session with selected landed cost
-  const updateCalulateStatus = await cartStoreReCalculateTotal({
-    landedCostId: (_e = selectedLandedCost.landedCost) === null || _e === void 0 ? void 0 : _e.id,
-  });
-  return updateCalulateStatus;
+    var _a, _b, _c, _d, _e;
+    cartStore.selectedShippingOption = selectedShippingOption;
+    // update shipping transit info
+    const { expectedDate, maxTransit, minTransit } = cartStoreGetShippingTransitInfo(cartStore.selectedShippingOption);
+    cartStore.selectedShippingOptionExpectedDate = expectedDate;
+    cartStore.selectedShippingOptionTransitTime =
+        minTransit && maxTransit
+            ? `${minTransit}-${maxTransit}`
+            : `${minTransit || maxTransit}`;
+    const selectedLandedCost = (_a = cartStore.landedCostData) === null || _a === void 0 ? void 0 : _a.find(checkoutSessionPresentment => {
+        var _a, _b, _c;
+        return ((_b = (_a = checkoutSessionPresentment.landedCost) === null || _a === void 0 ? void 0 : _a.shipmentRating) === null || _b === void 0 ? void 0 : _b.id) ===
+            ((_c = cartStore.selectedShippingOption) === null || _c === void 0 ? void 0 : _c.id);
+    });
+    // save selected landed cost for later use
+    cartStore.selectedLandedCost = selectedLandedCost || null;
+    if (!selectedLandedCost) {
+        // do nothing if we can't find landed cost for selected shipping option
+        return false;
+    }
+    // update shipping value and dutiesTaxFees on selectedShippingOption change
+    cartStore.shipping = selectedLandedCost.subtotals.shipping;
+    // update deminimis status
+    const isGuarantee = ((_b = selectedLandedCost === null || selectedLandedCost === void 0 ? void 0 : selectedLandedCost.landedCost) === null || _b === void 0 ? void 0 : _b.landedCostGuaranteeCode) === 'ZONOS';
+    // one item in deminimis with type of duty and tax has threshold value is "ABOVE"
+    const isAboveDeminimis = !!((_d = (_c = selectedLandedCost === null || selectedLandedCost === void 0 ? void 0 : selectedLandedCost.landedCost) === null || _c === void 0 ? void 0 : _c.deMinimis) === null || _d === void 0 ? void 0 : _d.find(item => ['DUTY', 'TAX'].includes(item.type) && item.threshold === 'ABOVE'));
+    cartStore.isSelectedShippingAboveDeminimis = isAboveDeminimis;
+    cartStore.isSelectedShippingGuarantee = isGuarantee;
+    // update session with selected landed cost
+    const updateCalulateStatus = await cartStoreReCalculateTotal({
+        landedCostId: (_e = selectedLandedCost.landedCost) === null || _e === void 0 ? void 0 : _e.id,
+    });
+    return updateCalulateStatus;
 };
 onChange('checkoutSessionId', () => {
-  if (!cartStore.checkoutSessionId) {
-    sessionStorage.removeItem('zonos--checkout-session-id');
-    return;
-  }
-  sessionStorage.setItem('zonos--checkout-session-id', cartStore.checkoutSessionId);
+    if (!cartStore.checkoutSessionId) {
+        sessionStorage.removeItem('zonos--checkout-session-id');
+        return;
+    }
+    sessionStorage.setItem('zonos--checkout-session-id', cartStore.checkoutSessionId);
 });
 const cartStoreUpdateItems = async (items) => {
-  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) => {
-    return amt + item.amount * item.quantity;
-  }, 0);
-  if (!currency || !total) {
-    // do nothing if we can't get currency or total
-    return;
-  }
-  cartStore.currency = currency;
-  // set loading state here because this is first load checkout session when we already have checkout session id stored
-  stripeStore.isFetchingSession = true;
-  await cartStoreReCalculateTotal({
-    currency: currency,
-    itemsAmount: total,
-  });
-  stripeStore.isFetchingSession = false;
+    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) => {
+        return amt + item.amount * item.quantity;
+    }, 0);
+    if (!currency || !total) {
+        // do nothing if we can't get currency or total
+        return;
+    }
+    cartStore.currency = currency;
+    // set loading state here because this is first load checkout session when we already have checkout session id stored
+    stripeStore.isFetchingSession = true;
+    await cartStoreReCalculateTotal({
+        currency: currency,
+        itemsAmount: total,
+    });
+    stripeStore.isFetchingSession = false;
 };
 const cartStoreResetSelectedShippingOption = () => {
-  cartStore.selectedShippingOption = null;
-  cartStore.isSelectedShippingAboveDeminimis = false;
-  cartStore.isSelectedShippingGuarantee = false;
-  cartStore.selectedShippingOptionExpectedDate = '';
-  cartStore.selectedShippingOptionTransitTime = '';
-  cartStore.shipping = 0;
+    cartStore.selectedShippingOption = null;
+    cartStore.isSelectedShippingAboveDeminimis = false;
+    cartStore.isSelectedShippingGuarantee = false;
+    cartStore.selectedShippingOptionExpectedDate = '';
+    cartStore.selectedShippingOptionTransitTime = '';
+    cartStore.shipping = 0;
 };
 const cartStoreNextStep = () => {
-  if (cartStore.step === 'customer-info') {
-    cartStore.step = 'shipping';
-  }
-  else if (cartStore.step === 'shipping') {
-    cartStore.step = 'payment';
-  }
-  else if (cartStore.step === 'payment') {
-    cartStore.step = 'finish';
-  }
+    if (cartStore.step === 'customer-info') {
+        cartStore.step = 'shipping';
+    }
+    else if (cartStore.step === 'shipping') {
+        cartStore.step = 'payment';
+    }
+    else if (cartStore.step === 'payment') {
+        cartStore.step = 'finish';
+    }
 };
 const cartStorePreviousStep = () => {
-  if (cartStore.step === 'payment') {
-    cartStore.step = 'shipping';
-  }
-  else if (cartStore.step === 'shipping') {
-    cartStore.step = 'customer-info';
-    // reset selected shipping option
-    cartStoreResetSelectedShippingOption();
-  }
+    if (cartStore.step === 'payment') {
+        cartStore.step = 'shipping';
+    }
+    else if (cartStore.step === 'shipping') {
+        cartStore.step = 'customer-info';
+        // reset selected shipping option
+        cartStoreResetSelectedShippingOption();
+    }
 };
 export { cartStore, cartStoreApplySubtotals, cartStoreGetShippingTransitInfo, cartStoreNextStep, cartStorePreviousStep, cartStoreReCalculateTotal, cartStoreReset, cartStoreUpdateItems, cartStoreUpdateSelectedShippingOption, cartStoreUpdateToErrorState, };