@zonos/elements 1.0.16

package/dist/collection/components/main/zonos-controller.js

@@ -0,0 +1,287 @@
+import { h, Host, } from "@stencil/core";
+import { stripeStore } from "../store/checkout/stripe";
+import { initLocalizationStore, localizationStoreUpdateSelectedCountryCode, } from "../store/hello/localization";
+import { zonosStore, zonosStoreInitSetting, } from "../store/zonosStore";
+import { getZonosSetting } from "../utils/api/getZonosSetting";
+import { initCheckout } from "../utils/checkout/initCheckout";
+import { initHello } from "../utils/hello/initHello";
+import { log } from "../utils/logging/log";
+export class ZonosController {
+  constructor() {
+    this.config = undefined;
+    this.zonosApiKey = undefined;
+  }
+  /**
+   * Method to initialize checkout element
+   */
+  async initCheckoutElement(stripe) {
+    if (!stripe) {
+      // eslint-disable-next-line no-console
+      log('Stripe is not loaded yet - cannot init checkout element', 'warn');
+      return;
+    }
+    stripeStore.stripe = stripe;
+    void initCheckout(zonosStore.checkoutSettings);
+    log('init checkout element');
+  }
+  /**
+   * Init zonos notification
+   */
+  initZonosNotification() {
+    const existingNotification = document.querySelector('zonos-notification');
+    if (existingNotification) {
+      return;
+    }
+    const zonosNotification = document.createElement('zonos-notification');
+    document.body.appendChild(zonosNotification);
+  }
+  async componentWillLoad() {
+    zonosStore.zonosApiKey = this.zonosApiKey;
+    // running with scope async function to avoid blocking the main thread
+    (async () => {
+      var _a, _b;
+      const { errors, json } = await getZonosSetting();
+      if (((_a = errors[0]) === null || _a === void 0 ? void 0 : _a.type.toString()) === '403') {
+        log('Failed to load zonos settings. This domain may not have access', 'warn');
+        return;
+      }
+      // init zonos notification
+      this.initZonosNotification();
+      // load default setting if fail to load user setting
+      zonosStoreInitSetting({
+        overrideSettings: this.config,
+        zonosSettings: json,
+      });
+      if (zonosStore.helloSettings) {
+        void initHello(zonosStore.helloSettings);
+      }
+      // init localization store
+      await initLocalizationStore();
+      // checkout init
+      const publishableKey = ((_b = json === null || json === void 0 ? void 0 : json.checkoutSettings) === null || _b === void 0 ? void 0 : _b.externalServiceTokens.find(item => item.type === 'STRIPE_PUBLISHABLE_TOKEN')) || null;
+      if (!publishableKey || !this.stripeInitEvent) {
+        log('Checkout failed to load -- missing publishable key', 'warn');
+        return;
+      }
+      // send publishable key out to load stripe
+      this.stripeInitEvent.emit({
+        publishableKey: publishableKey.token,
+      });
+      // eslint-disable-next-line no-console
+      log('zonos controller loaded');
+    })();
+  }
+  /**
+   * Show notification
+   */
+  async showNotification(notification) {
+    const notificationElement = document.querySelector('zonos-notification');
+    if (!notificationElement) {
+      log('Failed to show notification - zonos-notification not found', 'warn');
+      return;
+    }
+    void notificationElement.showNotification(notification);
+  }
+  /**
+   * Override the setting
+   * @param config config that need to override the default setting
+   */
+  async overrideConfig(config) {
+    zonosStoreInitSetting({
+      overrideSettings: config,
+      zonosSettings: null,
+    });
+  }
+  /**
+   * Override country code for storybook
+   */
+  async overrideCountry(countryCode) {
+    void localizationStoreUpdateSelectedCountryCode(countryCode);
+  }
+  render() {
+    return h(Host, { class: "zonos--elements" });
+  }
+  static get is() { return "zonos-controller"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["zonos-controller.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["zonos-controller.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "config": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "LoadZonosParamsConfig",
+          "resolved": "{ appearance?: Partial<AppearanceConfig> | undefined; checkoutSettings?: Partial<CheckoutConfig> | undefined; currencyConverter?: CurrencyConverter | undefined; helloSettings?: Partial<HelloConfig> | undefined; onlineStoreSettings?: Partial<OnlineStoreConfig> | undefined; }",
+          "references": {
+            "LoadZonosParamsConfig": {
+              "location": "import",
+              "path": "src/scripts/zonos",
+              "id": "src/scripts/zonos.ts::LoadZonosParamsConfig"
+            }
+          }
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The zonos config object"
+        }
+      },
+      "zonosApiKey": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The zonos api key"
+        },
+        "attribute": "zonos-api-key",
+        "reflect": false
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "stripeInitEvent",
+        "name": "stripeInitEvent",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event emitted when stripe is initialized"
+        },
+        "complexType": {
+          "original": "{ publishableKey: string }",
+          "resolved": "{ publishableKey: string; }",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "initCheckoutElement": {
+        "complexType": {
+          "signature": "(stripe: Stripe) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global",
+              "id": "global::Promise"
+            },
+            "Stripe": {
+              "location": "import",
+              "path": "@stripe/stripe-js",
+              "id": ""
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Method to initialize checkout element",
+          "tags": []
+        }
+      },
+      "showNotification": {
+        "complexType": {
+          "signature": "(notification: NotificationInit) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global",
+              "id": "global::Promise"
+            },
+            "NotificationInit": {
+              "location": "import",
+              "path": "src/components/common/zonos-notification/zonos-notification",
+              "id": "src/components/common/zonos-notification/zonos-notification.tsx::NotificationInit"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Show notification",
+          "tags": []
+        }
+      },
+      "overrideConfig": {
+        "complexType": {
+          "signature": "(config: LoadZonosParamsConfig) => Promise<void>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "config config that need to override the default setting"
+                }],
+              "text": "config that need to override the default setting"
+            }],
+          "references": {
+            "Promise": {
+              "location": "global",
+              "id": "global::Promise"
+            },
+            "LoadZonosParamsConfig": {
+              "location": "import",
+              "path": "src/scripts/zonos",
+              "id": "src/scripts/zonos.ts::LoadZonosParamsConfig"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Override the setting",
+          "tags": [{
+              "name": "param",
+              "text": "config config that need to override the default setting"
+            }]
+        }
+      },
+      "overrideCountry": {
+        "complexType": {
+          "signature": "(countryCode: CountryCode) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global",
+              "id": "global::Promise"
+            },
+            "CountryCode": {
+              "location": "import",
+              "path": "src/types/generated/graphql.customer.types",
+              "id": "src/types/generated/graphql.customer.types.ts::CountryCode"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Override country code for storybook",
+          "tags": []
+        }
+      }
+    };
+  }
+}
+//# sourceMappingURL=zonos-controller.js.map

package/dist/collection/components/main/zonos-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zonos-controller.js","sourceRoot":"","sources":["../../../src/components/main/zonos-controller.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  type EventEmitter,\n  Component,\n  Event,\n  h,\n  Host,\n  Method,\n  Prop,\n} from '@stencil/core';\nimport type { Stripe } from '@stripe/stripe-js';\n\nimport type { NotificationInit } from 'src/components/common/zonos-notification/zonos-notification';\nimport { stripeStore } from 'src/components/store/checkout/stripe';\nimport {\n  initLocalizationStore,\n  localizationStoreUpdateSelectedCountryCode,\n} from 'src/components/store/hello/localization';\nimport {\n  zonosStore,\n  zonosStoreInitSetting,\n} from 'src/components/store/zonosStore';\nimport { getZonosSetting } from 'src/components/utils/api/getZonosSetting';\nimport { initCheckout } from 'src/components/utils/checkout/initCheckout';\nimport { initHello } from 'src/components/utils/hello/initHello';\nimport { log } from 'src/components/utils/logging/log';\nimport type { LoadZonosParamsConfig } from 'src/scripts/zonos';\nimport type { CountryCode } from 'src/types/generated/graphql.customer.types';\n\n@Component({\n  shadow: true,\n  styleUrl: 'zonos-controller.scss',\n  tag: 'zonos-controller',\n})\nexport class ZonosController {\n  /**\n   * The zonos config object\n   */\n  @Prop() config!: LoadZonosParamsConfig;\n\n  /**\n   * The zonos api key\n   */\n  @Prop() zonosApiKey!: string;\n\n  /**\n   * Event emitted when stripe is initialized\n   */\n  @Event() stripeInitEvent?: EventEmitter<{ publishableKey: string }>;\n\n  /**\n   * Method to initialize checkout element\n   */\n  @Method()\n  public async initCheckoutElement(stripe: Stripe) {\n    if (!stripe) {\n      // eslint-disable-next-line no-console\n      log('Stripe is not loaded yet - cannot init checkout element', 'warn');\n      return;\n    }\n    stripeStore.stripe = stripe;\n    void initCheckout(zonosStore.checkoutSettings);\n    log('init checkout element');\n  }\n\n  /**\n   * Init zonos notification\n   */\n  private initZonosNotification() {\n    const existingNotification = document.querySelector('zonos-notification');\n    if (existingNotification) {\n      return;\n    }\n    const zonosNotification = document.createElement('zonos-notification');\n    document.body.appendChild(zonosNotification);\n  }\n\n  async componentWillLoad() {\n    zonosStore.zonosApiKey = this.zonosApiKey;\n    // running with scope async function to avoid blocking the main thread\n    (async () => {\n      const { errors, json } = await getZonosSetting();\n      if (errors[0]?.type.toString() === '403') {\n        log(\n          'Failed to load zonos settings. This domain may not have access',\n          'warn',\n        );\n        return;\n      }\n\n      // init zonos notification\n      this.initZonosNotification();\n\n      // load default setting if fail to load user setting\n      zonosStoreInitSetting({\n        overrideSettings: this.config,\n        zonosSettings: json,\n      });\n\n      if (zonosStore.helloSettings) {\n        void initHello(zonosStore.helloSettings);\n      }\n      // init localization store\n      await initLocalizationStore();\n\n      // checkout init\n      const publishableKey =\n        json?.checkoutSettings?.externalServiceTokens.find(\n          item => item.type === 'STRIPE_PUBLISHABLE_TOKEN',\n        ) || null;\n\n      if (!publishableKey || !this.stripeInitEvent) {\n        log('Checkout failed to load -- missing publishable key', 'warn');\n        return;\n      }\n\n      // send publishable key out to load stripe\n      this.stripeInitEvent.emit({\n        publishableKey: publishableKey.token,\n      });\n\n      // eslint-disable-next-line no-console\n      log('zonos controller loaded');\n    })();\n  }\n\n  /**\n   * Show notification\n   */\n  @Method()\n  public async showNotification(notification: NotificationInit) {\n    const notificationElement = document.querySelector('zonos-notification');\n    if (!notificationElement) {\n      log('Failed to show notification - zonos-notification not found', 'warn');\n      return;\n    }\n    void notificationElement.showNotification(notification);\n  }\n\n  /**\n   * Override the setting\n   * @param config config that need to override the default setting\n   */\n  @Method()\n  public async overrideConfig(config: LoadZonosParamsConfig) {\n    zonosStoreInitSetting({\n      overrideSettings: config,\n      zonosSettings: null,\n    });\n  }\n\n  /**\n   * Override country code for storybook\n   */\n  @Method()\n  public async overrideCountry(countryCode: CountryCode) {\n    void localizationStoreUpdateSelectedCountryCode(countryCode);\n  }\n\n  render() {\n    return <Host class=\"zonos--elements\"></Host>;\n  }\n}\n"]}

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

@@ -0,0 +1,198 @@
+import { createStore } from "@stencil/store";
+import { stripeStore, stripeStoreUpdateCheckoutSession, } from "./stripe";
+import { localizationStore } from "../hello/localization";
+import { translate } from "../translationStore";
+import { formatDate } from "../../utils/formatDate";
+import { getDaysDifference } from "../../utils/getDaysDifference";
+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,
+  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
+ * @returns
+ * - expectedDate: Thursday, Aug 12
+ * - maxTransit: 5
+ * - 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 cartStoreReset = () => {
+  sessionStorage.removeItem('zonos--checkout-session-id');
+  // reset cart store
+  reset();
+};
+const cartStoreUpdateToErrorState = ({ messages, title, }) => {
+  cartStore.step = 'error';
+  cartStore.error = {
+    messages,
+    title,
+  };
+};
+const cartStoreApplySubtotals = (subtotals) => {
+  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);
+  }
+  // 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'),
+    });
+    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);
+  }
+  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;
+};
+onChange('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;
+};
+const cartStoreResetSelectedShippingOption = () => {
+  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';
+  }
+};
+const cartStorePreviousStep = () => {
+  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, };
+//# sourceMappingURL=cart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cart.js","sourceRoot":"","sources":["../../../../src/components/store/checkout/cart.ts"],"names":[],"mappings":"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","sourcesContent":["import { createStore } from '@stencil/store';\n\nimport {\n  stripeStore,\n  stripeStoreUpdateCheckoutSession,\n} from 'src/components/store/checkout/stripe';\nimport { localizationStore } from 'src/components/store/hello/localization';\nimport { translate } from 'src/components/store/translationStore';\nimport { formatDate } from 'src/components/utils/formatDate';\nimport { getDaysDifference } from 'src/components/utils/getDaysDifference';\nimport { logError } from 'src/components/utils/logging/logError';\nimport type {\n  CheckoutPresentmentFragment,\n  CurrencyCode,\n  ShipmentRatingFragment,\n} from 'src/types/generated/graphql.customer.types';\n\nexport type CartItem = {\n  amount: number;\n  countryOfOrigin?: string;\n  currencyCode: string;\n  description?: string;\n  hsCode?: string;\n  imageUrl?: string;\n  name: string;\n  productId?: string;\n  quantity: number;\n};\n\ntype CartStore = {\n  checkoutSessionId: string | null;\n  currency: CurrencyCode;\n  dutiesTaxFees: number;\n  error: {\n    messages: string[];\n    title: string;\n  } | null;\n  isSelectedShippingAboveDeminimis: boolean;\n  isSelectedShippingGuarantee: boolean;\n  items: CartItem[];\n  landedCostData: CheckoutPresentmentFragment[] | null;\n  selectedLandedCost: CheckoutPresentmentFragment | null;\n  selectedShippingOption: ShipmentRatingFragment | null;\n  selectedShippingOptionExpectedDate: string;\n  selectedShippingOptionTransitTime: string;\n  shipping: number;\n  shippingData: ShipmentRatingFragment[] | null;\n  step: 'customer-info' | 'shipping' | 'payment' | 'finish' | 'error';\n  subtotal: number;\n  total: number;\n};\n\nconst {\n  onChange,\n  reset,\n  state: cartStore,\n} = createStore<CartStore>(() => ({\n  checkoutSessionId:\n    sessionStorage.getItem('zonos--checkout-session-id') || null,\n  currency: 'USD',\n  dutiesTaxFees: 0,\n  error: null,\n  isSelectedShippingAboveDeminimis: false,\n  isSelectedShippingGuarantee: false,\n  items: [],\n  landedCostData: null,\n  selectedLandedCost: null,\n  selectedShippingOption: null,\n  selectedShippingOptionExpectedDate: '',\n  selectedShippingOptionTransitTime: '',\n  shipping: 0,\n  shippingData: null,\n  step: 'customer-info',\n  subtotal: 0,\n  total: 0,\n}));\n\n/**\n * Format shipping transit info to be displayed on UI\n * @returns\n * - expectedDate: Thursday, Aug 12\n * - maxTransit: 5\n * - minTransit: 3\n */\nconst cartStoreGetShippingTransitInfo = (item: ShipmentRatingFragment) => {\n  const minTransit = item.minTransitAt\n    ? getDaysDifference(new Date(item.minTransitAt))\n    : '';\n  const maxTransit = item.maxTransitAt\n    ? getDaysDifference(new Date(item.maxTransitAt))\n    : '';\n  const expectedDate = item.minTransitAt\n    ? formatDate({\n        date: new Date(item.minTransitAt),\n      })\n    : '';\n  return {\n    expectedDate,\n    maxTransit,\n    minTransit,\n  };\n};\n\nconst cartStoreReset = () => {\n  sessionStorage.removeItem('zonos--checkout-session-id');\n\n  // reset cart store\n  reset();\n};\n\nconst cartStoreUpdateToErrorState = ({\n  messages,\n  title,\n}: {\n  messages: string[];\n  title: string;\n}) => {\n  cartStore.step = 'error';\n  cartStore.error = {\n    messages,\n    title,\n  };\n};\n\ntype CartSubtotals = {\n  items: number;\n  landedCostTotal: number;\n  presentmentCurrencyCode: CurrencyCode;\n  shipping: number;\n  total: number;\n};\n\nconst cartStoreApplySubtotals = (subtotals: CartSubtotals) => {\n  cartStore.dutiesTaxFees = subtotals.landedCostTotal;\n  cartStore.subtotal = subtotals.items;\n  cartStore.total = subtotals.total;\n  cartStore.currency = subtotals.presentmentCurrencyCode;\n};\n\ntype CartStoreRecalculateTotalParams = Omit<\n  Parameters<typeof stripeStoreUpdateCheckoutSession>[0],\n  'id' | 'presentmentCountryCode'\n>;\n\nconst cartStoreReCalculateTotal = async ({\n  currency,\n  itemsAmount,\n  landedCostId,\n}: CartStoreRecalculateTotalParams) => {\n  if (landedCostId && cartStore.selectedLandedCost) {\n    // update cart total right away if we have landed cost id to avoid order total flickering\n    const subtotals = cartStore.selectedLandedCost.subtotals;\n    cartStoreApplySubtotals(subtotals);\n  }\n  // update checkout session\n  if (!cartStore.checkoutSessionId) {\n    logError('Could update cart total without checkout session id');\n    return false;\n  }\n  const { json } = await stripeStoreUpdateCheckoutSession({\n    currency,\n    id: cartStore.checkoutSessionId,\n    itemsAmount,\n    landedCostId,\n    presentmentCountryCode: localizationStore.selectedCountryCode,\n  });\n  if (!json) {\n    // do nothing if we can't get checkout session\n    logError('Error occurs when updating checkout session');\n    cartStoreUpdateToErrorState({\n      messages: [\n        translate(\n          \"There's been an error updating your checkout session. Please reload and try again or contact support if the error persists\",\n        ),\n      ],\n      title: translate('Error updating Checkout'),\n    });\n    return false;\n  }\n  if (!landedCostId) {\n    // This is when first open the checkout modal and we just want to get info from the old cart session.\n    // use subtotals from checkout session to update cart total\n    cartStoreApplySubtotals(json.checkoutSessionUpdate.subtotals);\n  }\n  return true;\n};\n\nconst cartStoreUpdateSelectedShippingOption = async (\n  selectedShippingOption: ShipmentRatingFragment,\n) => {\n  cartStore.selectedShippingOption = selectedShippingOption;\n\n  // update shipping transit info\n  const { expectedDate, maxTransit, minTransit } =\n    cartStoreGetShippingTransitInfo(cartStore.selectedShippingOption);\n  cartStore.selectedShippingOptionExpectedDate = expectedDate;\n  cartStore.selectedShippingOptionTransitTime =\n    minTransit && maxTransit\n      ? `${minTransit}-${maxTransit}`\n      : `${minTransit || maxTransit}`;\n\n  const selectedLandedCost = cartStore.landedCostData?.find(\n    checkoutSessionPresentment =>\n      checkoutSessionPresentment.landedCost?.shipmentRating?.id ===\n      cartStore.selectedShippingOption?.id,\n  );\n  // save selected landed cost for later use\n  cartStore.selectedLandedCost = selectedLandedCost || null;\n\n  if (!selectedLandedCost) {\n    // do nothing if we can't find landed cost for selected shipping option\n    return false;\n  }\n\n  // update shipping value and dutiesTaxFees on selectedShippingOption change\n  cartStore.shipping = selectedLandedCost.subtotals.shipping;\n\n  // update deminimis status\n  const isGuarantee =\n    selectedLandedCost?.landedCost?.landedCostGuaranteeCode === 'ZONOS';\n  // one item in deminimis with type of duty and tax has threshold value is \"ABOVE\"\n  const isAboveDeminimis = !!selectedLandedCost?.landedCost?.deMinimis?.find(\n    item => ['DUTY', 'TAX'].includes(item.type) && item.threshold === 'ABOVE',\n  );\n  cartStore.isSelectedShippingAboveDeminimis = isAboveDeminimis;\n  cartStore.isSelectedShippingGuarantee = isGuarantee;\n  // update session with selected landed cost\n  const updateCalulateStatus = await cartStoreReCalculateTotal({\n    landedCostId: selectedLandedCost.landedCost?.id,\n  });\n  return updateCalulateStatus;\n};\n\nonChange('checkoutSessionId', () => {\n  if (!cartStore.checkoutSessionId) {\n    sessionStorage.removeItem('zonos--checkout-session-id');\n    return;\n  }\n  sessionStorage.setItem(\n    'zonos--checkout-session-id',\n    cartStore.checkoutSessionId,\n  );\n});\n\nconst cartStoreUpdateItems = async (items: CartItem[]) => {\n  cartStore.items = items;\n  const currency = items.find(Boolean)?.currencyCode as CurrencyCode;\n  const total = items.reduce((amt, item) => {\n    return amt + item.amount * item.quantity;\n  }, 0);\n  if (!currency || !total) {\n    // do nothing if we can't get currency or total\n    return;\n  }\n  cartStore.currency = currency;\n  // set loading state here because this is first load checkout session when we already have checkout session id stored\n  stripeStore.isFetchingSession = true;\n  await cartStoreReCalculateTotal({\n    currency: currency,\n    itemsAmount: total,\n  });\n  stripeStore.isFetchingSession = false;\n};\n\nconst cartStoreResetSelectedShippingOption = () => {\n  cartStore.selectedShippingOption = null;\n  cartStore.isSelectedShippingAboveDeminimis = false;\n  cartStore.isSelectedShippingGuarantee = false;\n  cartStore.selectedShippingOptionExpectedDate = '';\n  cartStore.selectedShippingOptionTransitTime = '';\n  cartStore.shipping = 0;\n};\n\nconst cartStoreNextStep = () => {\n  if (cartStore.step === 'customer-info') {\n    cartStore.step = 'shipping';\n  } else if (cartStore.step === 'shipping') {\n    cartStore.step = 'payment';\n  } else if (cartStore.step === 'payment') {\n    cartStore.step = 'finish';\n  }\n};\n\nconst cartStorePreviousStep = () => {\n  if (cartStore.step === 'payment') {\n    cartStore.step = 'shipping';\n  } else if (cartStore.step === 'shipping') {\n    cartStore.step = 'customer-info';\n    // reset selected shipping option\n    cartStoreResetSelectedShippingOption();\n  }\n};\n\nexport {\n  cartStore,\n  cartStoreApplySubtotals,\n  cartStoreGetShippingTransitInfo,\n  cartStoreNextStep,\n  cartStorePreviousStep,\n  cartStoreReCalculateTotal,\n  cartStoreReset,\n  cartStoreUpdateItems,\n  cartStoreUpdateSelectedShippingOption,\n  cartStoreUpdateToErrorState,\n};\n"]}