@zonos/elements 1.0.16

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

@@ -0,0 +1,309 @@
+import { createStore } from "@stencil/store";
+import { cartStore, cartStoreApplySubtotals, } from "./cart";
+import { localizationStore } from "../hello/localization";
+import { translate } from "../translationStore";
+import { zonosStore } from "../zonosStore";
+import { calculateLandedCost } from "../../utils/api/calculateLandedCost";
+import { handleFetch } from "../../utils/handleFetch";
+import { isDarkColor } from "../../utils/isDarkColor";
+import { log } from "../../utils/logging/log";
+import { logError } from "../../utils/logging/logError";
+import { addressRuleStyle } from "../../../styles/stripe/addressRuleStyle";
+import { defaultVariable } from "../../../styles/stripe/defaultVariable";
+const { onChange, reset, state: stripeStore, } = createStore(() => ({
+  clientSecret: sessionStorage.getItem('zonos--client-secret') || null,
+  fetchingLandedCostAbordController: null,
+  isFetchingLandedCost: false,
+  isFetchingSession: false,
+  stripe: null,
+  stripeAddressElement: null,
+  stripeAddressEventData: null,
+  stripeAddressUsedWhenFetchingLC: null,
+  stripeElements: null,
+  stripeLinkElement: null,
+  stripeLinkEventData: null,
+  stripeLinkUsedWhenFetchingLC: null,
+  stripePaymentElement: null,
+  stripePaymentEventData: null,
+}));
+const getStripeOptions = ({ clientSecret, overrideBorderRaidus, overridePrimaryColor, overrideTheme, }) => {
+  const primaryColor = overridePrimaryColor || zonosStore.appearance.colorPrimary;
+  const themeBasedColor = primaryColor && isDarkColor(primaryColor) ? 'night' : 'flat';
+  // if overrideTheme is provided, use it. Otherwise, use theme based on primary color
+  const theme = overrideTheme === 'DARK' ? 'night' : 'flat';
+  return {
+    appearance: {
+      labels: 'floating',
+      rules: Object.assign({}, addressRuleStyle({ theme: 'LIGHT' })),
+      // get contrast theme color base on primary color
+      theme: overrideTheme ? theme : themeBasedColor,
+      variables: Object.assign({}, defaultVariable({
+        borderStyle: overrideBorderRaidus,
+        theme: 'LIGHT',
+      })),
+    },
+    clientSecret,
+    locale: localizationStore.selectedLocale,
+  };
+};
+const initStripeElements = async (props) => {
+  var _a;
+  const clientSecret = stripeStore.clientSecret;
+  if (!stripeStore.stripe) {
+    log('Skip. Stripe is not initialized');
+    return;
+  }
+  if (clientSecret) {
+    const stripeOptions = getStripeOptions({
+      clientSecret,
+      overrideBorderRaidus: props === null || props === void 0 ? void 0 : props.overrideBorderRaidus,
+      overridePrimaryColor: props === null || props === void 0 ? void 0 : props.overridePrimaryColor,
+      overrideTheme: props === null || props === void 0 ? void 0 : props.overrideTheme,
+    });
+    if (!stripeStore.stripeElements) {
+      // init stripe elements if it doesn't exist
+      stripeStore.stripeElements = (_a = stripeStore.stripe) === null || _a === void 0 ? void 0 : _a.elements(stripeOptions);
+    }
+    else {
+      // update elements with new option if it already exists
+      stripeStore.stripeElements.update(stripeOptions);
+    }
+    log('Stripe elements initialized');
+  }
+};
+const stripeStoreReset = () => {
+  // clean clientSecret so that we can start the new one.
+  sessionStorage.removeItem('zonos--client-secret');
+  // cleanup stripe elements
+  reset();
+  // set stripe back to window.Zonos.stripe
+  stripeStore.stripe = window.Zonos.stripe;
+};
+/**
+ * Check if the address and email info used when fetching landed cost with the current email and address info are different
+ * Purpose is to resend the request if the info used when fetching landed cost is different from the current info
+ */
+const isPrefetchInfoOutdated = () => {
+  var _a, _b, _c, _d;
+  const hasAbortController = stripeStore.fetchingLandedCostAbordController;
+  if (!hasAbortController) {
+    // if there is no abort controller, this is a new request
+    return false;
+  }
+  const isLinkDataDirty = JSON.stringify((_a = stripeStore.stripeLinkUsedWhenFetchingLC) === null || _a === void 0 ? void 0 : _a.value) !==
+    JSON.stringify((_b = stripeStore.stripeLinkEventData) === null || _b === void 0 ? void 0 : _b.value);
+  const isAddressDataDirty = JSON.stringify((_c = stripeStore.stripeAddressUsedWhenFetchingLC) === null || _c === void 0 ? void 0 : _c.value) !==
+    JSON.stringify((_d = stripeStore.stripeAddressEventData) === null || _d === void 0 ? void 0 : _d.value);
+  return isLinkDataDirty || isAddressDataDirty;
+};
+const stripeStorePrefetchLandedCost = async () => {
+  var _a, _b, _c, _d;
+  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 shouldRefetch = isPrefetchInfoOutdated();
+  if (shouldRefetch) {
+    // if the info used when fetching landed cost is different from the current info, abort the previous request
+    (_c = stripeStore.fetchingLandedCostAbordController) === null || _c === void 0 ? void 0 : _c.abort();
+    stripeStore.fetchingLandedCostAbordController = null;
+  }
+  // only fetch if we are not fetching or we need to refetch
+  if (stripeAddressReady &&
+    stripeLinkReady &&
+    (shouldRefetch || !stripeStore.isFetchingLandedCost)) {
+    stripeStore.isFetchingLandedCost = true;
+    if (stripeStore.stripeAddressEventData) {
+      stripeStore.stripeAddressUsedWhenFetchingLC = Object.assign({}, stripeStore.stripeAddressEventData);
+    }
+    if (stripeStore.stripeLinkEventData) {
+      stripeStore.stripeLinkUsedWhenFetchingLC = Object.assign({}, stripeStore.stripeLinkEventData);
+    }
+    try {
+      const abortController = new AbortController();
+      stripeStore.fetchingLandedCostAbordController = abortController;
+      const { checkoutSessionWorkflow, shipmentRatingCalculateWorkflow } = await calculateLandedCost(abortController);
+      // reset abort controller after we are done
+      stripeStore.fetchingLandedCostAbordController = null;
+      // update cart store with landed cost info
+      cartStore.landedCostData =
+        (checkoutSessionWorkflow === null || checkoutSessionWorkflow === void 0 ? void 0 : checkoutSessionWorkflow.filter(Boolean)) || null;
+      cartStore.shippingData =
+        (shipmentRatingCalculateWorkflow === null || shipmentRatingCalculateWorkflow === void 0 ? void 0 : shipmentRatingCalculateWorkflow.filter(Boolean)) || null;
+      // apply new subtotal and total, this is mainly to show items in the presentment currency
+      const firstLandedCostData = (_d = cartStore.landedCostData) === null || _d === void 0 ? void 0 : _d.find(Boolean);
+      const subtotals = !!firstLandedCostData
+        ? firstLandedCostData.subtotals
+        : null;
+      if (subtotals) {
+        // prefetch landed cost will not update shipping and taxes since we haven't selected shipping method yet
+        cartStoreApplySubtotals({
+          items: subtotals.items,
+          landedCostTotal: 0,
+          presentmentCurrencyCode: subtotals.presentmentCurrencyCode,
+          shipping: 0,
+          total: subtotals.items,
+        });
+      }
+    }
+    catch (err) {
+      logError(err);
+    }
+    stripeStore.isFetchingLandedCost = false;
+  }
+};
+const getStripeMessageBasedOnStatus = (status) => {
+  let messages = [];
+  let isError = true;
+  // Inspect the PaymentIntent `status` to indicate the status of the payment
+  // to your customer.
+  //
+  // Some payment methods will [immediately succeed or fail][0] upon
+  // confirmation, while others will first enter a `processing` state.
+  //
+  // [0]: https://stripe.com/docs/payments/payment-methods#payment-notification
+  switch (status) {
+    case 'succeeded': {
+      messages = [
+        translate('Your payment went through successfully! Thank you for shopping with us! We hope you had an enjoyable experience and your support means the world to us.'),
+        '',
+        '',
+        translate("We've sent an email confirmation of the order details for your review. And our team is carefully preparing your order so it arrives on time."),
+      ];
+      isError = false;
+      break;
+    }
+    case 'requires_capture':
+    case 'processing': {
+      messages = [
+        translate("Payment processing. We'll update you when payment is received."),
+      ];
+      isError = false;
+      break;
+    }
+    case 'requires_payment_method': {
+      messages = [
+        translate('Payment failed. Please try another payment method.'),
+      ];
+      break;
+    }
+    default: {
+      messages = [translate('Something went wrong.')];
+      break;
+    }
+  }
+  return {
+    isError,
+    messages,
+  };
+};
+const stripeStoreRetrievePayment = async ({ clientSecret: _clientSecret, storybookForceStatus, }) => {
+  if (storybookForceStatus) {
+    // return status right away if we are in storybook mode
+    const { isError, messages } = getStripeMessageBasedOnStatus(storybookForceStatus);
+    return { error: isError, messages };
+  }
+  const clientSecret = _clientSecret || stripeStore.clientSecret;
+  if (!stripeStore.stripe || !clientSecret) {
+    logError('Failed to retrieve payment intent. Stripe is not initialized');
+    return { error: true, message: [translate('Something went wrong.')] };
+  }
+  const { paymentIntent } = await stripeStore.stripe.retrievePaymentIntent(clientSecret);
+  const status = paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.status;
+  const { isError, messages } = getStripeMessageBasedOnStatus(status);
+  return { error: isError, messages };
+};
+const stripeStoreConfirmPayment = async () => {
+  var _a, _b, _c;
+  const stripePaymentReady = !!((_a = stripeStore.stripePaymentEventData) === null || _a === void 0 ? void 0 : _a.complete);
+  const stripeElements = stripeStore.stripeElements;
+  const stripe = stripeStore.stripe;
+  const stripeClientSecret = stripeStore.clientSecret;
+  if (stripe && stripeElements && stripePaymentReady && stripeClientSecret) {
+    const { error } = await stripe.confirmPayment({
+      confirmParams: {
+        receipt_email: (_c = (_b = stripeStore.stripeLinkEventData) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.email,
+        return_url: window.location.href,
+      },
+      elements: stripeElements,
+      redirect: 'if_required',
+    });
+    if (error) {
+      if (error.type === 'card_error' || error.type === 'validation_error') {
+        throw new Error(error.message);
+      }
+      if (error.type === 'invalid_request_error') {
+        if (error.code === 'payment_intent_unexpected_state') {
+          // PaymentIntent was canceled or expired, or status is `require_capture`.
+          // don't throw error here because we will reset the checkout session last step
+          return;
+        }
+      }
+      throw new Error('An unexpected error occurred.');
+    }
+  }
+};
+/**
+ * Init checkout session
+ * @returns {boolean} whether or not the checkout session is successfully created
+ */
+const stripeStoreInitCheckoutSession = async () => {
+  var _a;
+  const total = cartStore.items.reduce((amount, item) => amount + item.amount * item.quantity, 0);
+  if (!total || !localizationStore.targetCurrency) {
+    logError('Fail to create checkout session - invalid total or currency');
+    return false;
+  }
+  stripeStore.isFetchingSession = true;
+  const { errors, json } = await handleFetch(`${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/create-checkout-session`, {
+    body: {
+      currency: ((_a = cartStore.items.find(Boolean)) === null || _a === void 0 ? void 0 : _a.currencyCode) || '',
+      itemsAmount: total,
+      presentmentCountryCode: localizationStore.selectedCountryCode || null,
+    },
+    method: 'POST',
+  });
+  stripeStore.isFetchingSession = false;
+  if (errors.length || !json) {
+    logError('Error occurs when creating checkout session', JSON.stringify(errors, null, 2));
+    return false;
+  }
+  const result = json.checkoutSessionCreate;
+  stripeStore.clientSecret = result.clientSecret;
+  // update cart store with updated informations
+  cartStore.checkoutSessionId = result.id;
+  cartStoreApplySubtotals(Object.assign(Object.assign({}, result.subtotals), { landedCostTotal: 0, shipping: 0, total: result.subtotals.items }));
+  log('done-init-checkout-session');
+  return true;
+};
+/**
+ * Update checkout session. Use for updating amount with landed cost id, or update session when cart items change
+ */
+const stripeStoreUpdateCheckoutSession = async ({ currency, id, itemsAmount, landedCostId, presentmentCountryCode, }) => {
+  // No need to set loading state here because this function will be called under the hood to update
+  // landed cost id for the section.
+  const { errors, json } = await handleFetch(`${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/update-checkout-session`, {
+    body: {
+      currency,
+      id,
+      itemsAmount,
+      landedCostId,
+      presentmentCountryCode,
+    },
+    method: 'POST',
+  });
+  if (errors.length || !json) {
+    logError('Error occurs when updating checkout session', JSON.stringify(errors, null, 2));
+    return { errors, json };
+  }
+  return { errors: [], json };
+};
+onChange('clientSecret', clientSecret => {
+  // update stripe elements when client secret changes
+  if (clientSecret && stripeStore.stripe) {
+    sessionStorage.setItem('zonos--client-secret', clientSecret);
+  }
+  if (!clientSecret) {
+    sessionStorage.removeItem('zonos--client-secret');
+  }
+});
+export { initStripeElements, stripeStore, stripeStoreConfirmPayment, stripeStoreInitCheckoutSession, stripeStorePrefetchLandedCost, stripeStoreReset, stripeStoreRetrievePayment, stripeStoreUpdateCheckoutSession, };
+//# sourceMappingURL=stripe.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stripe.js","sourceRoot":"","sources":["../../../../src/components/store/checkout/stripe.ts"],"names":[],"mappings":"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","sourcesContent":["import { createStore } from '@stencil/store';\nimport type {\n  PaymentIntent,\n  Stripe,\n  StripeAddressElement,\n  StripeAddressElementChangeEvent,\n  StripeElements,\n  StripeElementsOptionsClientSecret,\n  StripeLinkAuthenticationElement,\n  StripeLinkAuthenticationElementChangeEvent,\n  StripePaymentElement,\n  StripePaymentElementChangeEvent,\n} from '@stripe/stripe-js';\n\nimport {\n  cartStore,\n  cartStoreApplySubtotals,\n} from 'src/components/store/checkout/cart';\nimport { localizationStore } from 'src/components/store/hello/localization';\nimport { translate } from 'src/components/store/translationStore';\nimport { zonosStore } from 'src/components/store/zonosStore';\nimport { calculateLandedCost } from 'src/components/utils/api/calculateLandedCost';\nimport { handleFetch } from 'src/components/utils/handleFetch';\nimport { isDarkColor } from 'src/components/utils/isDarkColor';\nimport { log } from 'src/components/utils/logging/log';\nimport { logError } from 'src/components/utils/logging/logError';\nimport { addressRuleStyle } from 'src/styles/stripe/addressRuleStyle';\nimport { defaultVariable } from 'src/styles/stripe/defaultVariable';\nimport type {\n  CheckoutSessionCreateMutation,\n  CheckoutSessionUpdateMutation,\n  CountryCode,\n  ElementsUiStyle,\n  ElementsUiTheme,\n} from 'src/types/generated/graphql.customer.types';\n\nexport type ContactOption = {\n  address: {\n    city: string;\n    country: string;\n    line1: string;\n    line2?: string;\n    postal_code: string;\n    state: string;\n  };\n  name: string;\n  phone?: string;\n};\n\ntype StripeStore = {\n  // client secret is used to render link and payment elements\n  clientSecret: string | null;\n  fetchingLandedCostAbordController: AbortController | null;\n  // toggle to indicate if we are pre-fetching/fetching landed cost\n  isFetchingLandedCost: boolean;\n  // toggle to indicate if we are fetching checkout session\n  isFetchingSession: boolean;\n  stripe: Stripe | null;\n  stripeAddressElement: StripeAddressElement | null;\n  stripeAddressEventData: StripeAddressElementChangeEvent | null;\n  stripeAddressUsedWhenFetchingLC: StripeAddressElementChangeEvent | null;\n  stripeElements: StripeElements | null;\n  stripeLinkElement: StripeLinkAuthenticationElement | null;\n  stripeLinkEventData: StripeLinkAuthenticationElementChangeEvent | null;\n  stripeLinkUsedWhenFetchingLC: StripeLinkAuthenticationElementChangeEvent | null;\n  stripePaymentElement: StripePaymentElement | null;\n  stripePaymentEventData: StripePaymentElementChangeEvent | null;\n};\n\nconst {\n  onChange,\n  reset,\n  state: stripeStore,\n} = createStore<StripeStore>(() => ({\n  clientSecret: sessionStorage.getItem('zonos--client-secret') || null,\n  fetchingLandedCostAbordController: null,\n  isFetchingLandedCost: false,\n  isFetchingSession: false,\n  stripe: null,\n  stripeAddressElement: null,\n  stripeAddressEventData: null,\n  stripeAddressUsedWhenFetchingLC: null,\n  stripeElements: null,\n  stripeLinkElement: null,\n  stripeLinkEventData: null,\n  stripeLinkUsedWhenFetchingLC: null,\n  stripePaymentElement: null,\n  stripePaymentEventData: null,\n}));\n\nconst getStripeOptions = ({\n  clientSecret,\n  overrideBorderRaidus,\n  overridePrimaryColor,\n  overrideTheme,\n}: {\n  clientSecret?: string;\n  overrideBorderRaidus?: ElementsUiStyle;\n  overridePrimaryColor?: string;\n  overrideTheme?: ElementsUiTheme;\n}): StripeElementsOptionsClientSecret => {\n  const primaryColor =\n    overridePrimaryColor || zonosStore.appearance.colorPrimary;\n  const themeBasedColor =\n    primaryColor && isDarkColor(primaryColor) ? 'night' : 'flat';\n  // if overrideTheme is provided, use it. Otherwise, use theme based on primary color\n  const theme = overrideTheme === 'DARK' ? 'night' : 'flat';\n  return {\n    appearance: {\n      labels: 'floating',\n      rules: {\n        ...addressRuleStyle({ theme: 'LIGHT' }),\n      },\n      // get contrast theme color base on primary color\n      theme: overrideTheme ? theme : themeBasedColor,\n      variables: {\n        ...defaultVariable({\n          borderStyle: overrideBorderRaidus,\n          theme: 'LIGHT',\n        }),\n      },\n    },\n    clientSecret,\n    locale: localizationStore.selectedLocale,\n  };\n};\n\nconst initStripeElements = async (props?: {\n  overrideBorderRaidus?: ElementsUiStyle;\n  overridePrimaryColor?: string;\n  overrideTheme?: ElementsUiTheme;\n}) => {\n  const clientSecret = stripeStore.clientSecret;\n\n  if (!stripeStore.stripe) {\n    log('Skip. Stripe is not initialized');\n    return;\n  }\n  if (clientSecret) {\n    const stripeOptions = getStripeOptions({\n      clientSecret,\n      overrideBorderRaidus: props?.overrideBorderRaidus,\n      overridePrimaryColor: props?.overridePrimaryColor,\n      overrideTheme: props?.overrideTheme,\n    });\n\n    if (!stripeStore.stripeElements) {\n      // init stripe elements if it doesn't exist\n      stripeStore.stripeElements = stripeStore.stripe?.elements(stripeOptions);\n    } else {\n      // update elements with new option if it already exists\n      stripeStore.stripeElements.update(stripeOptions);\n    }\n    log('Stripe elements initialized');\n  }\n};\n\nconst stripeStoreReset = () => {\n  // clean clientSecret so that we can start the new one.\n  sessionStorage.removeItem('zonos--client-secret');\n\n  // cleanup stripe elements\n  reset();\n  // set stripe back to window.Zonos.stripe\n  stripeStore.stripe = window.Zonos.stripe;\n};\n\n/**\n * Check if the address and email info used when fetching landed cost with the current email and address info are different\n * Purpose is to resend the request if the info used when fetching landed cost is different from the current info\n */\nconst isPrefetchInfoOutdated = () => {\n  const hasAbortController = stripeStore.fetchingLandedCostAbordController;\n  if (!hasAbortController) {\n    // if there is no abort controller, this is a new request\n    return false;\n  }\n\n  const isLinkDataDirty =\n    JSON.stringify(stripeStore.stripeLinkUsedWhenFetchingLC?.value) !==\n    JSON.stringify(stripeStore.stripeLinkEventData?.value);\n  const isAddressDataDirty =\n    JSON.stringify(stripeStore.stripeAddressUsedWhenFetchingLC?.value) !==\n    JSON.stringify(stripeStore.stripeAddressEventData?.value);\n\n  return isLinkDataDirty || isAddressDataDirty;\n};\n\nconst stripeStorePrefetchLandedCost = async () => {\n  const stripeAddressReady = !!stripeStore.stripeAddressEventData?.complete;\n  const stripeLinkReady = !!stripeStore.stripeLinkEventData?.complete;\n  const shouldRefetch = isPrefetchInfoOutdated();\n\n  if (shouldRefetch) {\n    // if the info used when fetching landed cost is different from the current info, abort the previous request\n    stripeStore.fetchingLandedCostAbordController?.abort();\n    stripeStore.fetchingLandedCostAbordController = null;\n  }\n\n  // only fetch if we are not fetching or we need to refetch\n  if (\n    stripeAddressReady &&\n    stripeLinkReady &&\n    (shouldRefetch || !stripeStore.isFetchingLandedCost)\n  ) {\n    stripeStore.isFetchingLandedCost = true;\n    if (stripeStore.stripeAddressEventData) {\n      stripeStore.stripeAddressUsedWhenFetchingLC = {\n        ...stripeStore.stripeAddressEventData,\n      };\n    }\n    if (stripeStore.stripeLinkEventData) {\n      stripeStore.stripeLinkUsedWhenFetchingLC = {\n        ...stripeStore.stripeLinkEventData,\n      };\n    }\n    try {\n      const abortController = new AbortController();\n      stripeStore.fetchingLandedCostAbordController = abortController;\n      const { checkoutSessionWorkflow, shipmentRatingCalculateWorkflow } =\n        await calculateLandedCost(abortController);\n\n      // reset abort controller after we are done\n      stripeStore.fetchingLandedCostAbordController = null;\n\n      // update cart store with landed cost info\n      cartStore.landedCostData =\n        checkoutSessionWorkflow?.filter(Boolean) || null;\n\n      cartStore.shippingData =\n        shipmentRatingCalculateWorkflow?.filter(Boolean) || null;\n      // apply new subtotal and total, this is mainly to show items in the presentment currency\n      const firstLandedCostData = cartStore.landedCostData?.find(Boolean);\n      const subtotals = !!firstLandedCostData\n        ? firstLandedCostData.subtotals\n        : null;\n      if (subtotals) {\n        // prefetch landed cost will not update shipping and taxes since we haven't selected shipping method yet\n        cartStoreApplySubtotals({\n          items: subtotals.items,\n          landedCostTotal: 0,\n          presentmentCurrencyCode: subtotals.presentmentCurrencyCode,\n          shipping: 0,\n          total: subtotals.items,\n        });\n      }\n    } catch (err) {\n      logError(err);\n    }\n    stripeStore.isFetchingLandedCost = false;\n  }\n};\n\nconst getStripeMessageBasedOnStatus = (status?: PaymentIntent['status']) => {\n  let messages: string[] = [];\n  let isError = true;\n  // Inspect the PaymentIntent `status` to indicate the status of the payment\n  // to your customer.\n  //\n  // Some payment methods will [immediately succeed or fail][0] upon\n  // confirmation, while others will first enter a `processing` state.\n  //\n  // [0]: https://stripe.com/docs/payments/payment-methods#payment-notification\n  switch (status) {\n    case 'succeeded': {\n      messages = [\n        translate(\n          'Your payment went through successfully! Thank you for shopping with us! We hope you had an enjoyable experience and your support means the world to us.',\n        ),\n        '',\n        '',\n        translate(\n          \"We've sent an email confirmation of the order details for your review. And our team is carefully preparing your order so it arrives on time.\",\n        ),\n      ];\n      isError = false;\n      break;\n    }\n    case 'requires_capture':\n    case 'processing': {\n      messages = [\n        translate(\n          \"Payment processing. We'll update you when payment is received.\",\n        ),\n      ];\n      isError = false;\n      break;\n    }\n\n    case 'requires_payment_method': {\n      messages = [\n        translate('Payment failed. Please try another payment method.'),\n      ];\n      break;\n    }\n\n    default: {\n      messages = [translate('Something went wrong.')];\n      break;\n    }\n  }\n  return {\n    isError,\n    messages,\n  };\n};\n\nconst stripeStoreRetrievePayment = async ({\n  clientSecret: _clientSecret,\n  storybookForceStatus,\n}: {\n  clientSecret?: string;\n  storybookForceStatus?: PaymentIntent['status'];\n}) => {\n  if (storybookForceStatus) {\n    // return status right away if we are in storybook mode\n    const { isError, messages } =\n      getStripeMessageBasedOnStatus(storybookForceStatus);\n\n    return { error: isError, messages };\n  }\n  const clientSecret = _clientSecret || stripeStore.clientSecret;\n  if (!stripeStore.stripe || !clientSecret) {\n    logError('Failed to retrieve payment intent. Stripe is not initialized');\n    return { error: true, message: [translate('Something went wrong.')] };\n  }\n  const { paymentIntent } = await stripeStore.stripe.retrievePaymentIntent(\n    clientSecret,\n  );\n\n  const status = paymentIntent?.status;\n\n  const { isError, messages } = getStripeMessageBasedOnStatus(status);\n\n  return { error: isError, messages };\n};\n\nconst stripeStoreConfirmPayment = async () => {\n  const stripePaymentReady = !!stripeStore.stripePaymentEventData?.complete;\n  const stripeElements = stripeStore.stripeElements;\n  const stripe = stripeStore.stripe;\n  const stripeClientSecret = stripeStore.clientSecret;\n  if (stripe && stripeElements && stripePaymentReady && stripeClientSecret) {\n    const { error } = await stripe.confirmPayment({\n      confirmParams: {\n        receipt_email: stripeStore.stripeLinkEventData?.value?.email,\n        return_url: window.location.href,\n      },\n      elements: stripeElements,\n      redirect: 'if_required',\n    });\n\n    if (error) {\n      if (error.type === 'card_error' || error.type === 'validation_error') {\n        throw new Error(error.message);\n      }\n      if (error.type === 'invalid_request_error') {\n        if (error.code === 'payment_intent_unexpected_state') {\n          // PaymentIntent was canceled or expired, or status is `require_capture`.\n          // don't throw error here because we will reset the checkout session last step\n          return;\n        }\n      }\n      throw new Error('An unexpected error occurred.');\n    }\n  }\n};\n\ntype CheckoutSessionCreateRequest = {\n  currency: string;\n  itemsAmount: number;\n  presentmentCountryCode: CountryCode | null;\n};\n\n/**\n * Init checkout session\n * @returns {boolean} whether or not the checkout session is successfully created\n */\nconst stripeStoreInitCheckoutSession = async () => {\n  const total = cartStore.items.reduce(\n    (amount, item) => amount + item.amount * item.quantity,\n    0,\n  );\n\n  if (!total || !localizationStore.targetCurrency) {\n    logError('Fail to create checkout session - invalid total or currency');\n    return false;\n  }\n\n  stripeStore.isFetchingSession = true;\n\n  const { errors, json } = await handleFetch<\n    CheckoutSessionCreateMutation,\n    CheckoutSessionCreateRequest\n  >(`${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/create-checkout-session`, {\n    body: {\n      currency: cartStore.items.find(Boolean)?.currencyCode || '',\n      itemsAmount: total,\n      presentmentCountryCode: localizationStore.selectedCountryCode || null,\n    },\n    method: 'POST',\n  });\n\n  stripeStore.isFetchingSession = false;\n\n  if (errors.length || !json) {\n    logError(\n      'Error occurs when creating checkout session',\n      JSON.stringify(errors, null, 2),\n    );\n\n    return false;\n  }\n  const result = json.checkoutSessionCreate;\n\n  stripeStore.clientSecret = result.clientSecret;\n  // update cart store with updated informations\n  cartStore.checkoutSessionId = result.id;\n  cartStoreApplySubtotals({\n    ...result.subtotals,\n    landedCostTotal: 0,\n    shipping: 0,\n    total: result.subtotals.items,\n  });\n\n  log('done-init-checkout-session');\n  return true;\n};\n\ntype CheckoutSessionUpdateRequest = {\n  currency?: string;\n  id: string;\n  itemsAmount?: number;\n  landedCostId?: string;\n  presentmentCountryCode: CountryCode | null;\n};\n/**\n * Update checkout session. Use for updating amount with landed cost id, or update session when cart items change\n */\nconst stripeStoreUpdateCheckoutSession = async ({\n  currency,\n  id,\n  itemsAmount,\n  landedCostId,\n  presentmentCountryCode,\n}: CheckoutSessionUpdateRequest) => {\n  // No need to set loading state here because this function will be called under the hood to update\n  // landed cost id for the section.\n  const { errors, json } = await handleFetch<\n    CheckoutSessionUpdateMutation,\n    CheckoutSessionUpdateRequest\n  >(`${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/update-checkout-session`, {\n    body: {\n      currency,\n      id,\n      itemsAmount,\n      landedCostId,\n      presentmentCountryCode,\n    },\n    method: 'POST',\n  });\n\n  if (errors.length || !json) {\n    logError(\n      'Error occurs when updating checkout session',\n      JSON.stringify(errors, null, 2),\n    );\n    return { errors, json };\n  }\n\n  return { errors: [], json };\n};\n\nonChange('clientSecret', clientSecret => {\n  // update stripe elements when client secret changes\n  if (clientSecret && stripeStore.stripe) {\n    sessionStorage.setItem('zonos--client-secret', clientSecret);\n  }\n\n  if (!clientSecret) {\n    sessionStorage.removeItem('zonos--client-secret');\n  }\n});\n\nexport {\n  initStripeElements,\n  stripeStore,\n  stripeStoreConfirmPayment,\n  stripeStoreInitCheckoutSession,\n  stripeStorePrefetchLandedCost,\n  stripeStoreReset,\n  stripeStoreRetrievePayment,\n  stripeStoreUpdateCheckoutSession,\n};\n"]}

package/dist/collection/components/store/hello/localization.js

@@ -0,0 +1,120 @@
+import { createStore } from "@stencil/store";
+import { translationStoreUpdateLanguage } from "../translationStore";
+import { zonosStore } from "../zonosStore";
+import { getCountries } from "../../utils/api/getCountries";
+import { getCountryLandedCost, } from "../../utils/api/getCountryLandedCost";
+import { getExchangeRate, } from "../../utils/api/getExchangeRate";
+import { getLocaleMessages } from "../../utils/api/getLocaleMessages";
+import { getLocalization } from "../../utils/api/getLocalization";
+import { getShippingZones } from "../../utils/api/getShippingZones";
+import { currencyDisplay } from "../../utils/hello/currencyConversion/currencyDisplay";
+import { getCurrencyCode } from "../../utils/hello/currencyConversion/getCurrencyCode";
+import { log } from "../../utils/logging/log";
+const { state: localizationStore } = createStore({
+  countryLandedCost: null,
+  customMessages: [],
+  exchangeRate: null,
+  isShippableCountry: false,
+  localizationLoaded: false,
+  selectedCountryCode: null,
+  selectedLocale: 'en',
+  shippingZoneCountries: null,
+  targetCurrency: 'USD',
+});
+const getNewLocalization = async () => {
+  log('get new localization store');
+  const { isShippableCountry, selectedCountryCode } = localizationStore;
+  if (zonosStore.helloSettings.currencyBehavior === 'DISABLED' ||
+    !isShippableCountry ||
+    !selectedCountryCode) {
+    return;
+  }
+  localizationStore.exchangeRate = await getExchangeRate({
+    country: localizationStore.selectedCountryCode,
+    sourceCurrency: zonosStore.sourceCurrency,
+    targetCurrency: localizationStore.targetCurrency,
+  });
+  if (localizationStore.exchangeRate) {
+    currencyDisplay();
+  }
+  localizationStore.countryLandedCost = await getCountryLandedCost(localizationStore.selectedCountryCode);
+};
+const getCustomMessages = async () => {
+  if (!localizationStore.selectedCountryCode || !zonosStore.storeId) {
+    return;
+  }
+  const localeMessages = await getLocaleMessages({
+    countryCode: localizationStore.selectedCountryCode,
+    localeTo: localizationStore.selectedLocale,
+    storeId: zonosStore.storeId,
+  });
+  const allMessages = localeMessages.flatMap(x => {
+    var _a;
+    return {
+      countryCode: localizationStore.selectedCountryCode,
+      message: (_a = x.countryCodesPageMessageLinks.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message.textTo,
+      pageName: x.pageName,
+    };
+  });
+  localizationStore.customMessages = allMessages;
+};
+const getOverrideLocale = () => {
+  const currentUrl = new URL(window.location.href);
+  const zonosLocale = currentUrl.searchParams.get('zonosLocale');
+  return zonosLocale;
+};
+const localizationStoreUpdateSelectedCountryCode = async (newSelectedCountryCode) => {
+  log('update selected country code');
+  localizationStore.selectedCountryCode = newSelectedCountryCode;
+  const { selectedCountryCode, shippingZoneCountries } = localizationStore;
+  const isShippableCountry = shippingZoneCountries &&
+    selectedCountryCode &&
+    !!shippingZoneCountries[selectedCountryCode];
+  // update shippable country
+  localizationStore.isShippableCountry = !!isShippableCountry;
+  log(`Is shippable country: ${localizationStore.isShippableCountry}`);
+  if (!selectedCountryCode) {
+    return;
+  }
+  const currencyCode = getCurrencyCode(selectedCountryCode);
+  if (!currencyCode) {
+    return;
+  }
+  localizationStore.targetCurrency = currencyCode;
+  void getNewLocalization();
+  void getCustomMessages();
+  // Update the URL query param with the new country code
+  const urlSearchParams = new URLSearchParams(window.location.search);
+  urlSearchParams.set('zonosCountry', selectedCountryCode);
+  const newUrl = `${window.location.pathname}?${urlSearchParams.toString()}`;
+  window.history.replaceState({}, '', newUrl);
+};
+const initLocalizationStore = async () => {
+  // all countries from countries.json, shipping zone and localization
+  const [allCountries, shippingZoneCountries, localization] = await Promise.all([getCountries(), getShippingZones(), getLocalization()]);
+  // Filter countries to only include countries in the shipping zone
+  const filteredCountries = shippingZoneCountries === null || shippingZoneCountries === void 0 ? void 0 : shippingZoneCountries.reduce((acc, countryCode) => {
+    const countryInfo = allCountries === null || allCountries === void 0 ? void 0 : allCountries[countryCode];
+    return countryInfo
+      ? Object.assign(Object.assign({}, acc), { [countryCode]: countryInfo }) : acc;
+  }, {});
+  localizationStore.shippingZoneCountries = filteredCountries || null;
+  const { country, locale } = localization;
+  // update selected country code in store
+  void localizationStoreUpdateSelectedCountryCode(country);
+  // use locale from params if it exists, otherwise use locale from localization
+  const overrideLocale = getOverrideLocale();
+  localizationStore.selectedLocale = overrideLocale || locale || 'en';
+  translationStoreUpdateLanguage(localizationStore.selectedLocale);
+  const devSites = ['dev.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))) {
+    // update selected country code in store
+    void localizationStoreUpdateSelectedCountryCode('US');
+  }
+  localizationStore.localizationLoaded = true;
+  void getCustomMessages();
+};
+export { initLocalizationStore, localizationStore, localizationStoreUpdateSelectedCountryCode, };
+//# sourceMappingURL=localization.js.map

package/dist/collection/components/store/hello/localization.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localization.js","sourceRoot":"","sources":["../../../../src/components/store/hello/localization.ts"],"names":[],"mappings":"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","sourcesContent":["import { createStore } from '@stencil/store';\n\nimport { translationStoreUpdateLanguage } from 'src/components/store/translationStore';\nimport { zonosStore } from 'src/components/store/zonosStore';\nimport { getCountries } from 'src/components/utils/api/getCountries';\nimport {\n  type CountryLandedCost,\n  getCountryLandedCost,\n} from 'src/components/utils/api/getCountryLandedCost';\nimport {\n  type TargetFormat,\n  getExchangeRate,\n} from 'src/components/utils/api/getExchangeRate';\nimport { getLocaleMessages } from 'src/components/utils/api/getLocaleMessages';\nimport { getLocalization } from 'src/components/utils/api/getLocalization';\nimport { getShippingZones } from 'src/components/utils/api/getShippingZones';\nimport { currencyDisplay } from 'src/components/utils/hello/currencyConversion/currencyDisplay';\nimport { getCurrencyCode } from 'src/components/utils/hello/currencyConversion/getCurrencyCode';\nimport { log } from 'src/components/utils/logging/log';\nimport type { CountryCode } from 'src/types';\nimport type { CurrencyCode } from 'src/types/generated/graphql.customer.types';\nimport type {\n  Locale_ElementsSupportedLocationCode_Enum,\n  Locale_PageName_Enum,\n} from 'src/types/generated/graphql.frontend.types';\nimport type { ICountryJson } from 'src/types/ICountryJson';\n\nexport type ExchangeRateForUse = { rate: number; targetFormat: TargetFormat };\ntype LocalizationStore = {\n  countryLandedCost: CountryLandedCost | null;\n  customMessages: ILocaleMessageForUse[];\n  exchangeRate: ExchangeRateForUse | null;\n  isShippableCountry: boolean;\n  // toggle to determine if localization has been loaded\n  localizationLoaded: boolean;\n  selectedCountryCode: CountryCode | null;\n  selectedLocale: Locale_ElementsSupportedLocationCode_Enum;\n  shippingZoneCountries: ICountryJson | null;\n  targetCurrency: CurrencyCode;\n};\n\ntype ILocaleMessageForUse = {\n  countryCode: string | null;\n  message?: string;\n  pageName: Locale_PageName_Enum;\n};\n\nconst { state: localizationStore } = createStore<LocalizationStore>({\n  countryLandedCost: null,\n  customMessages: [],\n  exchangeRate: null,\n  isShippableCountry: false,\n  localizationLoaded: false,\n  selectedCountryCode: null,\n  selectedLocale: 'en',\n  shippingZoneCountries: null,\n  targetCurrency: 'USD',\n});\n\nconst getNewLocalization = async () => {\n  log('get new localization store');\n  const { isShippableCountry, selectedCountryCode } = localizationStore;\n\n  if (\n    zonosStore.helloSettings.currencyBehavior === 'DISABLED' ||\n    !isShippableCountry ||\n    !selectedCountryCode\n  ) {\n    return;\n  }\n  localizationStore.exchangeRate = await getExchangeRate({\n    country: localizationStore.selectedCountryCode,\n    sourceCurrency: zonosStore.sourceCurrency,\n    targetCurrency: localizationStore.targetCurrency,\n  });\n\n  if (localizationStore.exchangeRate) {\n    currencyDisplay();\n  }\n\n  localizationStore.countryLandedCost = await getCountryLandedCost(\n    localizationStore.selectedCountryCode,\n  );\n};\n\nconst getCustomMessages = async () => {\n  if (!localizationStore.selectedCountryCode || !zonosStore.storeId) {\n    return;\n  }\n  const localeMessages = await getLocaleMessages({\n    countryCode: localizationStore.selectedCountryCode,\n    localeTo: localizationStore.selectedLocale,\n    storeId: zonosStore.storeId,\n  });\n  const allMessages: ILocaleMessageForUse[] = localeMessages.flatMap(x => {\n    return {\n      countryCode: localizationStore.selectedCountryCode,\n      message: x.countryCodesPageMessageLinks.find(Boolean)?.message.textTo,\n      pageName: x.pageName,\n    };\n  });\n\n  localizationStore.customMessages = allMessages;\n};\n\nconst getOverrideLocale = () => {\n  const currentUrl = new URL(window.location.href);\n  const zonosLocale = currentUrl.searchParams.get('zonosLocale');\n  return zonosLocale as Locale_ElementsSupportedLocationCode_Enum | null;\n};\n\nconst localizationStoreUpdateSelectedCountryCode = async (\n  newSelectedCountryCode: CountryCode | null,\n) => {\n  log('update selected country code');\n  localizationStore.selectedCountryCode = newSelectedCountryCode;\n  const { selectedCountryCode, shippingZoneCountries } = localizationStore;\n  const isShippableCountry =\n    shippingZoneCountries &&\n    selectedCountryCode &&\n    !!shippingZoneCountries[selectedCountryCode];\n\n  // update shippable country\n  localizationStore.isShippableCountry = !!isShippableCountry;\n  log(`Is shippable country: ${localizationStore.isShippableCountry}`);\n\n  if (!selectedCountryCode) {\n    return;\n  }\n  const currencyCode = getCurrencyCode(selectedCountryCode);\n  if (!currencyCode) {\n    return;\n  }\n  localizationStore.targetCurrency = currencyCode;\n  void getNewLocalization();\n  void getCustomMessages();\n\n  // Update the URL query param with the new country code\n  const urlSearchParams = new URLSearchParams(window.location.search);\n  urlSearchParams.set('zonosCountry', selectedCountryCode);\n  const newUrl = `${window.location.pathname}?${urlSearchParams.toString()}`;\n  window.history.replaceState({}, '', newUrl);\n};\n\nconst initLocalizationStore = async () => {\n  // all countries from countries.json, shipping zone and localization\n  const [allCountries, shippingZoneCountries, localization] = await Promise.all(\n    [getCountries(), getShippingZones(), getLocalization()],\n  );\n\n  // Filter countries to only include countries in the shipping zone\n  const filteredCountries = shippingZoneCountries?.reduce(\n    (acc: ICountryJson, countryCode) => {\n      const countryInfo = allCountries?.[countryCode];\n      return countryInfo\n        ? {\n            ...acc,\n            [countryCode]: countryInfo,\n          }\n        : acc;\n    },\n    {},\n  );\n  localizationStore.shippingZoneCountries = filteredCountries || null;\n\n  const { country, locale } = localization;\n\n  // update selected country code in store\n  void localizationStoreUpdateSelectedCountryCode(country);\n  // use locale from params if it exists, otherwise use locale from localization\n  const overrideLocale = getOverrideLocale();\n  localizationStore.selectedLocale = overrideLocale || locale || 'en';\n  translationStoreUpdateLanguage(localizationStore.selectedLocale);\n  const devSites = ['dev.elements', 'dev.dashboard'];\n\n  // If the country code is not set, set it to the US for development (vercel can't get geo country in dev)\n  if (\n    !localizationStore.selectedCountryCode &&\n    devSites.some(site => window.location.origin.includes(site))\n  ) {\n    // update selected country code in store\n    void localizationStoreUpdateSelectedCountryCode('US');\n  }\n  localizationStore.localizationLoaded = true;\n\n  void getCustomMessages();\n};\n\nexport {\n  initLocalizationStore,\n  localizationStore,\n  localizationStoreUpdateSelectedCountryCode,\n};\n"]}

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

@@ -0,0 +1,141 @@
+export const stringsArabic = {
+  'Above de minimis threshold for': {
+    value: 'أعلى من الحد الأدنى لـ',
+  },
+  Address: {
+    value: 'العنوان',
+  },
+  Back: {
+    value: 'رجوع',
+  },
+  'Cart subtotal': {
+    value: 'المجموع الفرعي للسلة',
+  },
+  Contact: {
+    value: 'اتصل بنا',
+  },
+  'Continue to shipping': {
+    value: 'متابعة إلى الشحن',
+  },
+  'Customer information': {
+    value: 'معلومات العميل',
+  },
+  'Duties and taxes will be applied to items and shipping.': {
+    value: 'سيتم تطبيق الرسوم والضرائب على العناصر والشحن.',
+  },
+  'Duties will apply to all orders': {
+    value: 'ستنطبق الرسوم على جميع الطلبات',
+  },
+  'Duties, taxes, and fees': {
+    value: 'الرسوم والضرائب والرسوم',
+  },
+  'Error creating Checkout': {
+    value: 'خطأ في إنشاء جلسة الخروج',
+  },
+  'Error updating Checkout': {
+    value: 'خطأ في تحديث جلسة الخروج',
+  },
+  'Expected delivery': {
+    value: 'التوصيل المتوقع',
+  },
+  'Go to payment': {
+    value: 'الذهاب إلى الدفع',
+  },
+  Guaranteed: {
+    value: 'مضمون',
+  },
+  'Keep shopping': {
+    value: 'متابعة التسوق',
+  },
+  'Know about duties and taxes before you buy. Shop with confidence!': {
+    value: 'تعرف على الرسوم والضرائب قبل الشراء. اشترِ بثقة!',
+  },
+  'No shipping method selected': {
+    value: 'لم يتم تحديد طريقة الشحن',
+  },
+  'No shipping methods found - try editing your address or contacting support if the error persists': {
+    value: 'لم يتم العثور على طرق شحن - جرب تحرير عنوانك أو الاتصال بالدعم إذا استمر الخطأ',
+  },
+  'Order is over the de minimis threshold for both duty and tax': {
+    value: 'الطلبية أعلى من الحد الأدنى لكل من الرسوم والضرائب',
+  },
+  'Order total': {
+    value: 'إجمالي الطلبية',
+  },
+  Pay: {
+    value: 'دفع',
+  },
+  'Payment failed': {
+    value: 'فشل الدفع',
+  },
+  'Payment failed. Please try another payment method.': {
+    value: 'فشل الدفع. يرجى تجربة طريقة دفع أخرى.',
+  },
+  'Payment method': {
+    value: 'طريقة الدفع',
+  },
+  "Payment processing. We'll update you when payment is received.": {
+    value: 'جارٍ معالجة الدفع. سنحدثك عند استلام الدفعة.',
+  },
+  'Powered by': {
+    value: 'مشغل بواسطة',
+  },
+  'Prepay duties and taxes at checkout': {
+    value: 'دفع الرسوم والضرائب مقدمًا عند الدفع',
+  },
+  'See duty and tax thresholds': {
+    value: 'انظر عتبات الرسوم والضرائب',
+  },
+  Shipping: {
+    value: 'الشحن',
+  },
+  'Shipping information': {
+    value: 'معلومات الشحن',
+  },
+  'Shipping method': {
+    value: 'طريقة الشحن',
+  },
+  'Something went wrong.': {
+    value: 'حدث خطأ ما.',
+  },
+  Spend: {
+    value: 'إنفاق',
+  },
+  'Taxes will apply to all orders': {
+    value: 'ستنطبق الضرائب على جميع الطلبات',
+  },
+  "There's been an error creating your checkout session. Please reload and try again or contact support if the error persists": {
+    value: 'حدث خطأ في إنشاء جلسة الخروج الخاصة بك. يرجى إعادة التحميل والمحاولة مرة أخرى أو الاتصال بالدعم إذا استمر الخطأ',
+  },
+  "There's been an error updating your checkout session. Please reload and try again or contact support if the error persists": {
+    value: 'حدث خطأ في تحديث جلسة الخروج الخاصة بك. يرجى إعادة التحميل والمحاولة مرة أخرى أو الاتصال بالدعم إذا استمر الخطأ',
+  },
+  "We couldn't complete your payment. Please verify the payment details and try again.": {
+    value: 'تعذر علينا اكمال الدفع. يرجى التحقق من تفاصيل الدفع وإعادة المحاولة.',
+  },
+  "We've sent an email confirmation of the order details for your review. And our team is carefully preparing your order so it arrives on time.": {
+    value: 'لقد أرسلنا إليك تأكيدًا بالبريد الإلكتروني لتفاصيل الطلبية لمراجعتك. ويقوم فريقنا بإعداد طلبيتك بعناية حتى تصل في الوقت المحدد.',
+  },
+  'Welcome to': {
+    value: 'مرحبا بكم في',
+  },
+  'Welcome!': {
+    value: 'أهلا بك!',
+  },
+  "You're all set!": {
+    value: 'أنت جاهز!',
+  },
+  'Your payment went through successfully! Thank you for shopping with us! We hope you had an enjoyable experience and your support means the world to us.': {
+    value: 'تمت عملية الدفع بنجاح! شكرا لتسوقك معنا! نأمل أن تكون قد استمتعت بتجربة رائعة ودعمك يعني لنا الكثير.',
+  },
+  'business days': {
+    value: 'أيام العمل',
+  },
+  'duty free': {
+    value: 'معفى من الرسوم',
+  },
+  'tax free': {
+    value: 'معفى من الضرائب',
+  },
+};
+//# sourceMappingURL=strings.arabic.js.map