@zonos/elements 1.0.16

package/dist/collection/components/utils/api/getCountryLandedCost.js

@@ -0,0 +1,16 @@
+import { handleFetch } from "../handleFetch";
+import { logError } from "../logging/logError";
+export const getCountryLandedCost = async (countryCode) => {
+  var _a;
+  if (!countryCode) {
+    return null;
+  }
+  const url = `${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/country-landed-cost/${countryCode}`;
+  const { errors, json } = await handleFetch(url);
+  if (errors.length || !json) {
+    logError(`Error fetching country landed cost: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
+    return null;
+  }
+  return json || null;
+};
+//# sourceMappingURL=getCountryLandedCost.js.map

package/dist/collection/components/utils/api/getCountryLandedCost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCountryLandedCost.js","sourceRoot":"","sources":["../../../../src/components/utils/api/getCountryLandedCost.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAYjE,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,EAAE,WAA+B,EAAE,EAAE;;EAC5E,IAAI,CAAC,WAAW,EAAE;IAChB,OAAO,IAAI,CAAC;GACb;EAED,MAAM,GAAG,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,2BAA2B,4BAA4B,WAAW,EAAE,CAAC;EAChG,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAoB,GAAG,CAAC,CAAC;EAEnE,IAAI,MAAM,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE;IAC1B,QAAQ,CACN,uCAAuC,MAAA,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,0CAAE,OAAO,EAAE,CACvE,CAAC;IACF,OAAO,IAAI,CAAC;GACb;EAED,OAAO,IAAI,IAAI,IAAI,CAAC;AACtB,CAAC,CAAC","sourcesContent":["import { handleFetch } from 'src/components/utils/handleFetch';\nimport { logError } from 'src/components/utils/logging/logError';\nimport type { CountryCode } from 'src/types';\n\nexport type CountryLandedCost = {\n  calcAsVat: boolean;\n  countryCode: string;\n  deminimusCurrencyCode: string;\n  dutyDeminimus: number;\n  vatTaxDeminimus: number;\n  vatTaxRate: number;\n};\n\nexport const getCountryLandedCost = async (countryCode: CountryCode | null) => {\n  if (!countryCode) {\n    return null;\n  }\n\n  const url = `${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/country-landed-cost/${countryCode}`;\n  const { errors, json } = await handleFetch<CountryLandedCost>(url);\n\n  if (errors.length || !json) {\n    logError(\n      `Error fetching country landed cost: ${errors.find(Boolean)?.message}`,\n    );\n    return null;\n  }\n\n  return json || null;\n};\n"]}

package/dist/collection/components/utils/api/getExchangeRate.js

@@ -0,0 +1,18 @@
+import { handleFetch } from "../handleFetch";
+import { logError } from "../logging/logError";
+export const getExchangeRate = async ({ country, sourceCurrency, targetCurrency, }) => {
+  var _a;
+  const url = `${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/exchange-rates?sourceCurrency=${sourceCurrency}&targetCurrency=${targetCurrency}`;
+  const { errors, json } = await handleFetch(url);
+  if (errors.length || !json) {
+    logError(`Error fetching country landed cost: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
+    return null;
+  }
+  const { rate, targetFormat } = json.exchangeRateCreate;
+  if (rate) {
+    sessionStorage.setItem(country + '_rate', JSON.stringify(rate));
+    return { rate, targetFormat };
+  }
+  return null;
+};
+//# sourceMappingURL=getExchangeRate.js.map

package/dist/collection/components/utils/api/getExchangeRate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getExchangeRate.js","sourceRoot":"","sources":["../../../../src/components/utils/api/getExchangeRate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAmBjE,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,EAAE,EACpC,OAAO,EACP,cAAc,EACd,cAAc,GAKf,EAAE,EAAE;;EACH,MAAM,GAAG,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,2BAA2B,sCAAsC,cAAc,mBAAmB,cAAc,EAAE,CAAC;EAC9I,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAA6B,GAAG,CAAC,CAAC;EAE5E,IAAI,MAAM,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE;IAC1B,QAAQ,CACN,uCAAuC,MAAA,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,0CAAE,OAAO,EAAE,CACvE,CAAC;IACF,OAAO,IAAI,CAAC;GACb;EAED,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,kBAAkB,CAAC;EACvD,IAAI,IAAI,EAAE;IACR,cAAc,CAAC,OAAO,CAAC,OAAO,GAAG,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;IAChE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;GAC/B;EACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC","sourcesContent":["import { handleFetch } from 'src/components/utils/handleFetch';\nimport { logError } from 'src/components/utils/logging/logError';\n\nexport type TargetFormat = {\n  currencyCode: string;\n  decimalDelimiter: string;\n  scale: number;\n  symbol: string;\n  symbolLocation: string;\n  thousandsDelimiter: string;\n};\n\ntype ExchangeRateCreateResponse = {\n  exchangeRateCreate: {\n    rate: number;\n    targetFormat: TargetFormat;\n    type: string;\n  };\n};\n\nexport const getExchangeRate = async ({\n  country,\n  sourceCurrency,\n  targetCurrency,\n}: {\n  country: string | null;\n  sourceCurrency: string;\n  targetCurrency: string;\n}) => {\n  const url = `${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/exchange-rates?sourceCurrency=${sourceCurrency}&targetCurrency=${targetCurrency}`;\n  const { errors, json } = await handleFetch<ExchangeRateCreateResponse>(url);\n\n  if (errors.length || !json) {\n    logError(\n      `Error fetching country landed cost: ${errors.find(Boolean)?.message}`,\n    );\n    return null;\n  }\n\n  const { rate, targetFormat } = json.exchangeRateCreate;\n  if (rate) {\n    sessionStorage.setItem(country + '_rate', JSON.stringify(rate));\n    return { rate, targetFormat };\n  }\n  return null;\n};\n"]}

package/dist/collection/components/utils/api/getLocaleMessages.js

@@ -0,0 +1,13 @@
+import { handleFetch } from "../handleFetch";
+export const getLocaleMessages = async ({ countryCode, localeTo, storeId, }) => {
+  var _a;
+  const url = `${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/locale-messages?countryCode=${countryCode}&storeId=${storeId}&localeTo=${localeTo}`;
+  const { errors, json } = await handleFetch(url);
+  if (errors.length || !json) {
+    // eslint-disable-next-line no-console
+    console.error('Error fetching exchange rate', (_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message);
+    return [];
+  }
+  return json.locale_countryCodesPage;
+};
+//# sourceMappingURL=getLocaleMessages.js.map

package/dist/collection/components/utils/api/getLocaleMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getLocaleMessages.js","sourceRoot":"","sources":["../../../../src/components/utils/api/getLocaleMessages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAI/D,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,EAAE,EACtC,WAAW,EACX,QAAQ,EACR,OAAO,GAKR,EAAE,EAAE;;EACH,MAAM,GAAG,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,2BAA2B,oCAAoC,WAAW,YAAY,OAAO,aAAa,QAAQ,EAAE,CAAC;EAChJ,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAA6B,GAAG,CAAC,CAAC;EAE5E,IAAI,MAAM,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE;IAC1B,sCAAsC;IACtC,OAAO,CAAC,KAAK,CACX,8BAA8B,EAC9B,MAAA,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,0CAAE,OAAO,CAC9B,CAAC;IACF,OAAO,EAAE,CAAC;GACX;EAED,OAAO,IAAI,CAAC,uBAAuB,CAAC;AACtC,CAAC,CAAC","sourcesContent":["import { handleFetch } from 'src/components/utils/handleFetch';\nimport type { CountryCode } from 'src/types';\nimport type { LocaleCountryMessagesQuery } from 'src/types/generated/graphql.frontend.types';\n\nexport const getLocaleMessages = async ({\n  countryCode,\n  localeTo,\n  storeId,\n}: {\n  countryCode: CountryCode;\n  localeTo?: string;\n  storeId: number;\n}) => {\n  const url = `${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/locale-messages?countryCode=${countryCode}&storeId=${storeId}&localeTo=${localeTo}`;\n  const { errors, json } = await handleFetch<LocaleCountryMessagesQuery>(url);\n\n  if (errors.length || !json) {\n    // eslint-disable-next-line no-console\n    console.error(\n      'Error fetching exchange rate',\n      errors.find(Boolean)?.message,\n    );\n    return [];\n  }\n\n  return json.locale_countryCodesPage;\n};\n"]}

package/dist/collection/components/utils/api/getLocalization.js

@@ -0,0 +1,22 @@
+import { handleFetch } from "../handleFetch";
+export const getLocalization = async () => {
+  try {
+    const currentUrl = new URL(window.location.href);
+    const zonosCountry = currentUrl.searchParams.get('zonosCountry');
+    const fetchUrl = `${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/localization${zonosCountry ? `?zonosCountry=${zonosCountry}` : ''}`;
+    const { errors, json } = await handleFetch(fetchUrl, {
+      method: 'GET',
+    });
+    if (errors.length || !json) {
+      return { country: null, locale: null };
+    }
+    return {
+      country: json.country,
+      locale: json.locale,
+    };
+  }
+  catch (error) {
+    return { country: null, locale: null };
+  }
+};
+//# sourceMappingURL=getLocalization.js.map

package/dist/collection/components/utils/api/getLocalization.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getLocalization.js","sourceRoot":"","sources":["../../../../src/components/utils/api/getLocalization.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAsB/D,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,IAA2B,EAAE;EAC/D,IAAI;IACF,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,YAAY,GAAG,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACjE,MAAM,QAAQ,GAAG,GACf,OAAO,CAAC,GAAG,CAAC,2BACd,oBAAoB,YAAY,CAAC,CAAC,CAAC,iBAAiB,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IAE1E,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAuB,QAAQ,EAAE;MACzE,MAAM,EAAE,KAAK;KACd,CAAC,CAAC;IACH,IAAI,MAAM,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE;MAC1B,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;KACxC;IACD,OAAO;MACL,OAAO,EAAE,IAAI,CAAC,OAAO;MACrB,MAAM,EAAE,IAAI,CAAC,MAAmD;KACjE,CAAC;GACH;EAAC,OAAO,KAAK,EAAE;IACd,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;GACxC;AACH,CAAC,CAAC","sourcesContent":["import { handleFetch } from 'src/components/utils/handleFetch';\nimport type { CountryCode } from 'src/types';\nimport type { Locale_ElementsSupportedLocationCode_Enum } from 'src/types/generated/graphql.frontend.types';\n\ntype Cookies = {\n  _headers: {};\n  _parsed: {};\n};\n\ntype LocalizationResponse = {\n  body: null;\n  cookies: Cookies;\n  country: CountryCode | null;\n  locale: string;\n  query: null;\n};\n\ntype Localization = {\n  country: CountryCode | null;\n  locale: Locale_ElementsSupportedLocationCode_Enum | null;\n};\n\nexport const getLocalization = async (): Promise<Localization> => {\n  try {\n    const currentUrl = new URL(window.location.href);\n    const zonosCountry = currentUrl.searchParams.get('zonosCountry');\n    const fetchUrl = `${\n      process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL\n    }/api/localization${zonosCountry ? `?zonosCountry=${zonosCountry}` : ''}`;\n\n    const { errors, json } = await handleFetch<LocalizationResponse>(fetchUrl, {\n      method: 'GET',\n    });\n    if (errors.length || !json) {\n      return { country: null, locale: null };\n    }\n    return {\n      country: json.country,\n      locale: json.locale as Locale_ElementsSupportedLocationCode_Enum,\n    };\n  } catch (error) {\n    return { country: null, locale: null };\n  }\n};\n"]}

package/dist/collection/components/utils/api/getShippingZones.js

@@ -0,0 +1,14 @@
+import { handleFetch } from "../handleFetch";
+import { logError } from "../logging/logError";
+export const getShippingZones = async () => {
+  var _a, _b;
+  const url = `${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/shipping-zones`;
+  const { errors, json } = await handleFetch(url);
+  if (errors.length || !json) {
+    logError(`Error fetching shipping zones: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
+    return null;
+  }
+  const shippingZones = (_b = json === null || json === void 0 ? void 0 : json.shippingZones) === null || _b === void 0 ? void 0 : _b.flatMap(zone => zone === null || zone === void 0 ? void 0 : zone.countryCodes).filter(Boolean);
+  return shippingZones || null;
+};
+//# sourceMappingURL=getShippingZones.js.map

package/dist/collection/components/utils/api/getShippingZones.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getShippingZones.js","sourceRoot":"","sources":["../../../../src/components/utils/api/getShippingZones.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAGjE,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;;EACzC,MAAM,GAAG,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,2BAA2B,qBAAqB,CAAC;EAC5E,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAqB,GAAG,CAAC,CAAC;EAEpE,IAAI,MAAM,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE;IAC1B,QAAQ,CAAC,kCAAkC,MAAA,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,0CAAE,OAAO,EAAE,CAAC,CAAC;IAC5E,OAAO,IAAI,CAAC;GACb;EAED,MAAM,aAAa,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,0CACrC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,EACnC,MAAM,CAAC,OAAO,CAAC,CAAC;EACnB,OAAO,aAAa,IAAI,IAAI,CAAC;AAC/B,CAAC,CAAC","sourcesContent":["import { handleFetch } from 'src/components/utils/handleFetch';\nimport { logError } from 'src/components/utils/logging/logError';\nimport type { ShippingZonesQuery } from 'src/types/generated/graphql.customer.types';\n\nexport const getShippingZones = async () => {\n  const url = `${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/shipping-zones`;\n  const { errors, json } = await handleFetch<ShippingZonesQuery>(url);\n\n  if (errors.length || !json) {\n    logError(`Error fetching shipping zones: ${errors.find(Boolean)?.message}`);\n    return null;\n  }\n\n  const shippingZones = json?.shippingZones\n    ?.flatMap(zone => zone?.countryCodes)\n    .filter(Boolean);\n  return shippingZones || null;\n};\n"]}

package/dist/collection/components/utils/api/getZonosSetting.js

@@ -0,0 +1,12 @@
+import { handleFetch } from "../handleFetch";
+import { logError } from "../logging/logError";
+export const getZonosSetting = async () => {
+  const url = `${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/zonos-setting`;
+  const { errors, json } = await handleFetch(url);
+  if (errors.length) {
+    logError(`Error occurs when getting zonos settings. If this is not an unauthorized error, it will use user setting or default setting`);
+    return { errors, json: null };
+  }
+  return { errors: [], json };
+};
+//# sourceMappingURL=getZonosSetting.js.map

package/dist/collection/components/utils/api/getZonosSetting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getZonosSetting.js","sourceRoot":"","sources":["../../../../src/components/utils/api/getZonosSetting.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAGjE,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,IAAI,EAAE;EACxC,MAAM,GAAG,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,2BAA2B,oBAAoB,CAAC;EAC3E,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAqB,GAAG,CAAC,CAAC;EACpE,IAAI,MAAM,CAAC,MAAM,EAAE;IACjB,QAAQ,CACN,6HAA6H,CAC9H,CAAC;IACF,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;GAC/B;EACD,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC;AAC9B,CAAC,CAAC","sourcesContent":["import { handleFetch } from 'src/components/utils/handleFetch';\nimport { logError } from 'src/components/utils/logging/logError';\nimport type { ZonosSettingsQuery } from 'src/types/generated/graphql.customer.types';\n\nexport const getZonosSetting = async () => {\n  const url = `${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/zonos-setting`;\n  const { errors, json } = await handleFetch<ZonosSettingsQuery>(url);\n  if (errors.length) {\n    logError(\n      `Error occurs when getting zonos settings. If this is not an unauthorized error, it will use user setting or default setting`,\n    );\n    return { errors, json: null };\n  }\n  return { errors: [], json };\n};\n"]}

package/dist/collection/components/utils/api/prepCalculateLandedCost.js

@@ -0,0 +1,39 @@
+import { cartStore } from "../../store/checkout/cart";
+import { stripeStore } from "../../store/checkout/stripe";
+export const prepCalculateLandedCost = () => {
+  // maybe we don't need email now for prefetch the landed cost
+  const stripeLinkData = stripeStore.stripeLinkEventData;
+  const stripeAddressData = stripeStore.stripeAddressEventData;
+  if (!stripeAddressData || !stripeAddressData.complete) {
+    throw new Error('Missing stripe address data');
+  }
+  return {
+    checkoutSessionId: cartStore.checkoutSessionId || '',
+    contact: {
+      email: (stripeLinkData === null || stripeLinkData === void 0 ? void 0 : stripeLinkData.value.email) || '',
+      // firstName and lastName should be valid now since stripe only mark
+      // the address as complete when both fields are filled.
+      firstName: stripeAddressData.value.firstName || '',
+      lastName: stripeAddressData.value.lastName || '',
+      phone: stripeAddressData.value.phone || '',
+    },
+    items: cartStore.items.map(item => ({
+      amount: item.amount,
+      countryOfOrigin: item.countryOfOrigin,
+      currencyCode: item.currencyCode,
+      imageUrl: item.imageUrl,
+      name: item.name,
+      productId: item.productId,
+      quantity: item.quantity,
+    })),
+    shippingAddress: {
+      addressLine1: stripeAddressData.value.address.line1,
+      addressLine2: stripeAddressData.value.address.line2 || '',
+      city: stripeAddressData.value.address.city,
+      country: stripeAddressData.value.address.country,
+      postalCode: stripeAddressData.value.address.postal_code,
+      state: stripeAddressData.value.address.state,
+    },
+  };
+};
+//# sourceMappingURL=prepCalculateLandedCost.js.map

package/dist/collection/components/utils/api/prepCalculateLandedCost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prepCalculateLandedCost.js","sourceRoot":"","sources":["../../../../src/components/utils/api/prepCalculateLandedCost.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAGnE,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAA+B,EAAE;EACtE,6DAA6D;EAC7D,MAAM,cAAc,GAAG,WAAW,CAAC,mBAAmB,CAAC;EAEvD,MAAM,iBAAiB,GAAG,WAAW,CAAC,sBAAsB,CAAC;EAC7D,IAAI,CAAC,iBAAiB,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EAAE;IACrD,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;GAChD;EAED,OAAO;IACL,iBAAiB,EAAE,SAAS,CAAC,iBAAiB,IAAI,EAAE;IACpD,OAAO,EAAE;MACP,KAAK,EAAE,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,KAAK,CAAC,KAAK,KAAI,EAAE;MACxC,oEAAoE;MACpE,uDAAuD;MACvD,SAAS,EAAE,iBAAiB,CAAC,KAAK,CAAC,SAAS,IAAI,EAAE;MAClD,QAAQ,EAAE,iBAAiB,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE;MAChD,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE;KAC3C;IACD,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;MAClC,MAAM,EAAE,IAAI,CAAC,MAAM;MACnB,eAAe,EAAE,IAAI,CAAC,eAAe;MACrC,YAAY,EAAE,IAAI,CAAC,YAAY;MAC/B,QAAQ,EAAE,IAAI,CAAC,QAAQ;MACvB,IAAI,EAAE,IAAI,CAAC,IAAI;MACf,SAAS,EAAE,IAAI,CAAC,SAAS;MACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ;KACxB,CAAC,CAAC;IACH,eAAe,EAAE;MACf,YAAY,EAAE,iBAAiB,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK;MACnD,YAAY,EAAE,iBAAiB,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE;MACzD,IAAI,EAAE,iBAAiB,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;MAC1C,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO;MAChD,UAAU,EAAE,iBAAiB,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW;MACvD,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK;KAC7C;GACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { cartStore } from 'src/components/store/checkout/cart';\nimport { stripeStore } from 'src/components/store/checkout/stripe';\nimport type { CalculateLandedCostRequest } from 'src/types/checkout/api/CalculateLandedCostRequest';\n\nexport const prepCalculateLandedCost = (): CalculateLandedCostRequest => {\n  // maybe we don't need email now for prefetch the landed cost\n  const stripeLinkData = stripeStore.stripeLinkEventData;\n\n  const stripeAddressData = stripeStore.stripeAddressEventData;\n  if (!stripeAddressData || !stripeAddressData.complete) {\n    throw new Error('Missing stripe address data');\n  }\n\n  return {\n    checkoutSessionId: cartStore.checkoutSessionId || '',\n    contact: {\n      email: stripeLinkData?.value.email || '',\n      // firstName and lastName should be valid now since stripe only mark\n      // the address as complete when both fields are filled.\n      firstName: stripeAddressData.value.firstName || '',\n      lastName: stripeAddressData.value.lastName || '',\n      phone: stripeAddressData.value.phone || '',\n    },\n    items: cartStore.items.map(item => ({\n      amount: item.amount,\n      countryOfOrigin: item.countryOfOrigin,\n      currencyCode: item.currencyCode,\n      imageUrl: item.imageUrl,\n      name: item.name,\n      productId: item.productId,\n      quantity: item.quantity,\n    })),\n    shippingAddress: {\n      addressLine1: stripeAddressData.value.address.line1,\n      addressLine2: stripeAddressData.value.address.line2 || '',\n      city: stripeAddressData.value.address.city,\n      country: stripeAddressData.value.address.country,\n      postalCode: stripeAddressData.value.address.postal_code,\n      state: stripeAddressData.value.address.state,\n    },\n  };\n};\n"]}

package/dist/collection/components/utils/changeDeepProperty.js

@@ -0,0 +1,43 @@
+/** @link ../types/utils/deep/README.md */
+import cloneDeep from "lodash/cloneDeep";
+import set from "lodash/set";
+/**
+ * Will change a nested property on an object, and return a copy of the object with only that property changed.
+ *
+ * If a leaf field is optional, and not specified on the initial object, it will add it.
+ *
+ * Uses lodash `set` internally. @link https://lodash.com/docs/4.17.15#set
+ *
+ * @param propertyPath The path to the property, with nested keys separated by the delimiter.
+ * @param value The value to change it to.
+ *
+ * @example
+ * const t: T = {
+    my: {
+      friend: {
+        paul: {
+          age: 32,
+        },
+      },
+    },
+  };
+
+    const out = changeDeepProperty({
+      obj: t,
+      propertyPath: 'my.friend.paul.age',
+      value: 40
+    );
+
+    // Output:
+    out === {
+      my: {
+        friend: {
+          paul: {
+            age: 40,
+          },
+        },
+      },
+    };
+ */
+export const changeDeepProperty = ({ obj, propertyPath, value, }) => set(cloneDeep(obj), propertyPath, value);
+//# sourceMappingURL=changeDeepProperty.js.map

package/dist/collection/components/utils/changeDeepProperty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"changeDeepProperty.js","sourceRoot":"","sources":["../../../src/components/utils/changeDeepProperty.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,OAAO,SAAS,MAAM,kBAAkB,CAAC;AACzC,OAAO,GAAG,MAAM,YAAY,CAAC;AAI7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAIhC,EACA,GAAG,EACH,YAAY,EACZ,KAAK,GAKN,EAAK,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC","sourcesContent":["/** @link ../types/utils/deep/README.md */\nimport cloneDeep from 'lodash/cloneDeep';\nimport set from 'lodash/set';\n\nimport type { IDeepKeyof, IDeepPropertyType, IRecursiveDepth } from 'src/types';\n\n/**\n * Will change a nested property on an object, and return a copy of the object with only that property changed.\n *\n * If a leaf field is optional, and not specified on the initial object, it will add it.\n *\n * Uses lodash `set` internally. @link https://lodash.com/docs/4.17.15#set\n *\n * @param propertyPath The path to the property, with nested keys separated by the delimiter.\n * @param value The value to change it to.\n *\n * @example\n * const t: T = {\n    my: {\n      friend: {\n        paul: {\n          age: 32,\n        },\n      },\n    },\n  };\n\n    const out = changeDeepProperty({\n      obj: t,\n      propertyPath: 'my.friend.paul.age',\n      value: 40\n    );\n\n    // Output:\n    out === {\n      my: {\n        friend: {\n          paul: {\n            age: 40,\n          },\n        },\n      },\n    };\n */\nexport const changeDeepProperty = <\n  T extends Record<string, unknown>,\n  P extends IDeepKeyof<T, Depth>,\n  Depth extends IRecursiveDepth = 4,\n>({\n  obj,\n  propertyPath,\n  value,\n}: {\n  obj: T;\n  propertyPath: P;\n  value: IDeepPropertyType<T, P, Depth>;\n}): T => set(cloneDeep(obj), propertyPath, value);\n"]}

package/dist/collection/components/utils/changeDeepPropertyAtIndex.js

@@ -0,0 +1,66 @@
+/** @link ../types/utils/deep/README.md */
+import cloneDeep from "lodash/cloneDeep";
+import set from "lodash/set";
+/**
+ * Will change a nested property on an object (with array), and return a copy of the object with only that property changed.
+ *
+ * If a leaf field is optional, and not specified on the initial object, it will add it.
+ *
+ * **KeyPath only suggest on the field path that has array**
+ *
+ * Uses lodash `set` internally. @link https://lodash.com/docs/4.17.15#set
+ *
+ * @param propertyPath The path to the property, with nested keys separated by the delimiter.
+ * @param index Position of desired field want to set
+ * @param value The value to change it to.
+ *
+ * @example
+ * const t = {
+    my: {
+      friend: {
+        paul: {
+          age: 32,
+          childrens: [
+            {
+              name: "Janny",
+              sex: "MALE",
+            },
+            {
+              name: "Kicha",
+              sex: "FEMALE"
+            }
+          ]
+        },
+      },
+    },
+  };
+
+    const out = changeDeepPropertyAtIndex(
+      obj: t, propertyPath: 'my.friend.paul.childrens[number].name',
+      index: 1, value:
+      "Ketchup"
+    );
+
+    // Output:
+    out === {
+      my: {
+        friend: {
+          paul: {
+            age: 32,
+            childrenName: [
+              {
+                name: "Janny";
+                sex: "MALE",
+              },
+              {
+                name: "Ketchup" // <== Change here
+                sex: "FEMALE"
+              }
+            ]
+          },
+        },
+      },
+    };
+ */
+export const changeDeepPropertyAtIndex = ({ index, obj, propertyPath, value, }) => set(cloneDeep(obj), propertyPath.replace('[number]', `[${index}]`.toString()), value);
+//# sourceMappingURL=changeDeepPropertyAtIndex.js.map

package/dist/collection/components/utils/changeDeepPropertyAtIndex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"changeDeepPropertyAtIndex.js","sourceRoot":"","sources":["../../../src/components/utils/changeDeepPropertyAtIndex.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,OAAO,SAAS,MAAM,kBAAkB,CAAC;AACzC,OAAO,GAAG,MAAM,YAAY,CAAC;AAQ7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AAEH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAIvC,EACA,KAAK,EACL,GAAG,EACH,YAAY,EACZ,KAAK,GAMN,EAAK,EAAE,CACN,GAAG,CACD,SAAS,CAAC,GAAG,CAAC,EACd,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,KAAK,GAAG,CAAC,QAAQ,EAAE,CAAC,EACzD,KAAK,CACN,CAAC","sourcesContent":["/** @link ../types/utils/deep/README.md */\nimport cloneDeep from 'lodash/cloneDeep';\nimport set from 'lodash/set';\n\nimport type {\n  IDeepKeyofAtIndex,\n  IDeepPropertyTypeAtIndex,\n  IRecursiveDepth,\n} from 'src/types';\n\n/**\n * Will change a nested property on an object (with array), and return a copy of the object with only that property changed.\n *\n * If a leaf field is optional, and not specified on the initial object, it will add it.\n *\n * **KeyPath only suggest on the field path that has array**\n *\n * Uses lodash `set` internally. @link https://lodash.com/docs/4.17.15#set\n *\n * @param propertyPath The path to the property, with nested keys separated by the delimiter.\n * @param index Position of desired field want to set\n * @param value The value to change it to.\n *\n * @example\n * const t = {\n    my: {\n      friend: {\n        paul: {\n          age: 32,\n          childrens: [\n            {\n              name: \"Janny\",\n              sex: \"MALE\",\n            },\n            {\n              name: \"Kicha\",\n              sex: \"FEMALE\"\n            }\n          ]\n        },\n      },\n    },\n  };\n\n    const out = changeDeepPropertyAtIndex(\n      obj: t, propertyPath: 'my.friend.paul.childrens[number].name',\n      index: 1, value:\n      \"Ketchup\"\n    );\n\n    // Output:\n    out === {\n      my: {\n        friend: {\n          paul: {\n            age: 32,\n            childrenName: [\n              {\n                name: \"Janny\";\n                sex: \"MALE\",\n              },\n              {\n                name: \"Ketchup\" // <== Change here\n                sex: \"FEMALE\"\n              }\n            ]\n          },\n        },\n      },\n    };\n */\n\nexport const changeDeepPropertyAtIndex = <\n  T extends object,\n  P extends IDeepKeyofAtIndex<T, Depth>,\n  Depth extends IRecursiveDepth = 4,\n>({\n  index,\n  obj,\n  propertyPath,\n  value,\n}: {\n  index: number;\n  obj: T;\n  propertyPath: P;\n  value: IDeepPropertyTypeAtIndex<T, P, Depth>;\n}): T =>\n  set(\n    cloneDeep(obj),\n    propertyPath.replace('[number]', `[${index}]`.toString()),\n    value,\n  );\n"]}

package/dist/collection/components/utils/checkout/initCheckout.js

@@ -0,0 +1,25 @@
+import { isValidSelector } from "../isValidSelector";
+import { logError } from "../logging/logError";
+const injectCheckoutElement = (triggerAnchorElement) => {
+  // append checkout component if doesn't exist
+  const checkoutElement = document.querySelector('zonos-checkout');
+  if (!checkoutElement) {
+    const newCheckoutElement = document.createElement('zonos-checkout');
+    newCheckoutElement.buttonAnchorElements = triggerAnchorElement;
+    document.body.appendChild(newCheckoutElement);
+  }
+};
+export const initCheckout = async (config) => {
+  if (!config.placeOrderButtonSelector) {
+    // do nothing if checkout button anchor is not set
+    return;
+  }
+  // check if checkout button anchor selector user pass in is valid
+  if (!isValidSelector(config.placeOrderButtonSelector)) {
+    logError(`Selector checkoutButtonAnchor "${config.placeOrderButtonSelector}" is not a valid selector`);
+    return;
+  }
+  const triggerElement = document.querySelectorAll(config.placeOrderButtonSelector);
+  injectCheckoutElement(triggerElement);
+};
+//# sourceMappingURL=initCheckout.js.map

package/dist/collection/components/utils/checkout/initCheckout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initCheckout.js","sourceRoot":"","sources":["../../../../src/components/utils/checkout/initCheckout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAGjE,MAAM,qBAAqB,GAAG,CAAC,oBAA0C,EAAE,EAAE;EAC3E,6CAA6C;EAC7C,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;EAEjE,IAAI,CAAC,eAAe,EAAE;IACpB,MAAM,kBAAkB,GAAG,QAAQ,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACpE,kBAAkB,CAAC,oBAAoB,GAAG,oBAAoB,CAAC;IAE/D,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;GAC/C;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,EAAE,MAA+B,EAAE,EAAE;EACpE,IAAI,CAAC,MAAM,CAAC,wBAAwB,EAAE;IACpC,kDAAkD;IAClD,OAAO;GACR;EAED,iEAAiE;EACjE,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,wBAAwB,CAAC,EAAE;IACrD,QAAQ,CACN,kCAAkC,MAAM,CAAC,wBAAwB,2BAA2B,CAC7F,CAAC;IACF,OAAO;GACR;EAED,MAAM,cAAc,GAAG,QAAQ,CAAC,gBAAgB,CAC9C,MAAM,CAAC,wBAAwB,CAChC,CAAC;EACF,qBAAqB,CAAC,cAA0C,CAAC,CAAC;AACpE,CAAC,CAAC","sourcesContent":["import { isValidSelector } from 'src/components/utils/isValidSelector';\nimport { logError } from 'src/components/utils/logging/logError';\nimport type { CheckoutConfig } from 'src/types/checkout/CheckoutConfig';\n\nconst injectCheckoutElement = (triggerAnchorElement: HTMLElement[] | null) => {\n  // append checkout component if doesn't exist\n  const checkoutElement = document.querySelector('zonos-checkout');\n\n  if (!checkoutElement) {\n    const newCheckoutElement = document.createElement('zonos-checkout');\n    newCheckoutElement.buttonAnchorElements = triggerAnchorElement;\n\n    document.body.appendChild(newCheckoutElement);\n  }\n};\n\nexport const initCheckout = async (config: Partial<CheckoutConfig>) => {\n  if (!config.placeOrderButtonSelector) {\n    // do nothing if checkout button anchor is not set\n    return;\n  }\n\n  // check if checkout button anchor selector user pass in is valid\n  if (!isValidSelector(config.placeOrderButtonSelector)) {\n    logError(\n      `Selector checkoutButtonAnchor \"${config.placeOrderButtonSelector}\" is not a valid selector`,\n    );\n    return;\n  }\n\n  const triggerElement = document.querySelectorAll(\n    config.placeOrderButtonSelector,\n  );\n  injectCheckoutElement(triggerElement as unknown as HTMLElement[]);\n};\n"]}

package/dist/collection/components/utils/checkout/isCheckoutMobile.js

@@ -0,0 +1,5 @@
+export const checkoutBreakpoint = 890;
+export const isCheckoutMobile = (isMobile) => {
+  return isMobile || window.innerWidth < checkoutBreakpoint;
+};
+//# sourceMappingURL=isCheckoutMobile.js.map

package/dist/collection/components/utils/checkout/isCheckoutMobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isCheckoutMobile.js","sourceRoot":"","sources":["../../../../src/components/utils/checkout/isCheckoutMobile.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAEtC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,QAAiB,EAAE,EAAE;EACpD,OAAO,QAAQ,IAAI,MAAM,CAAC,UAAU,GAAG,kBAAkB,CAAC;AAC5D,CAAC,CAAC","sourcesContent":["export const checkoutBreakpoint = 890;\n\nexport const isCheckoutMobile = (isMobile: boolean) => {\n  return isMobile || window.innerWidth < checkoutBreakpoint;\n};\n"]}

package/dist/collection/components/utils/classes.js

@@ -0,0 +1,11 @@
+/**
+ * Turn an array of classes into a readable string
+ * @param groupClasses
+ * @example
+ * const foo = undefined;
+ * const qwe = true;
+ * const qwe = false;
+ * classes([foo && 'foo', qwe && 'bar', qwe && 'baz']) // 'bar'
+ */
+export const classes = (groupClasses) => groupClasses.filter(Boolean).join(' ');
+//# sourceMappingURL=classes.js.map

package/dist/collection/components/utils/classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../src/components/utils/classes.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,YAAmD,EAAE,EAAE,CAC7E,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC","sourcesContent":["/**\n * Turn an array of classes into a readable string\n * @param groupClasses\n * @example\n * const foo = undefined;\n * const qwe = true;\n * const qwe = false;\n * classes([foo && 'foo', qwe && 'bar', qwe && 'baz']) // 'bar'\n */\nexport const classes = (groupClasses: (string | false | undefined | null)[]) =>\n  groupClasses.filter(Boolean).join(' ');\n"]}

package/dist/collection/components/utils/darkenColor.js

@@ -0,0 +1,8 @@
+import tinycolor from "tinycolor2";
+export const darkenColor = ({ amount = 10, color, }) => {
+  // if color is a css variable, don't lighten it
+  return color && !color.includes('var(--')
+    ? tinycolor(color).darken(amount).toString()
+    : undefined;
+};
+//# sourceMappingURL=darkenColor.js.map

package/dist/collection/components/utils/darkenColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"darkenColor.js","sourceRoot":"","sources":["../../../src/components/utils/darkenColor.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,MAAM,GAAG,EAAE,EACX,KAAK,GAIN,EAAE,EAAE;EACH,+CAA+C;EAC/C,OAAO,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC;IACvC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE;IAC5C,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC,CAAC","sourcesContent":["import tinycolor from 'tinycolor2';\n\nexport const darkenColor = ({\n  amount = 10,\n  color,\n}: {\n  amount?: number;\n  color: string;\n}) => {\n  // if color is a css variable, don't lighten it\n  return color && !color.includes('var(--')\n    ? tinycolor(color).darken(amount).toString()\n    : undefined;\n};\n"]}

package/dist/collection/components/utils/formatCurrency.js

@@ -0,0 +1,10 @@
+export const formatCurrency = ({ amount, currency, showCurrencyText, }) => showCurrencyText
+  ? `${new Intl.NumberFormat('en-US', {
+    currency,
+    style: 'currency',
+  }).format(amount)} ${currency}`
+  : new Intl.NumberFormat('en-US', {
+    currency,
+    style: 'currency',
+  }).format(amount);
+//# sourceMappingURL=formatCurrency.js.map

package/dist/collection/components/utils/formatCurrency.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatCurrency.js","sourceRoot":"","sources":["../../../src/components/utils/formatCurrency.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,MAAM,EACN,QAAQ,EACR,gBAAgB,GAKjB,EAAE,EAAE,CACH,gBAAgB;EACd,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;IAChC,QAAQ;IACR,KAAK,EAAE,UAAU;GAClB,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,QAAQ,EAAE;EACjC,CAAC,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;IAC7B,QAAQ;IACR,KAAK,EAAE,UAAU;GAClB,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC","sourcesContent":["export const formatCurrency = ({\n  amount,\n  currency,\n  showCurrencyText,\n}: {\n  amount: number;\n  currency: string;\n  showCurrencyText?: boolean;\n}) =>\n  showCurrencyText\n    ? `${new Intl.NumberFormat('en-US', {\n        currency,\n        style: 'currency',\n      }).format(amount)} ${currency}`\n    : new Intl.NumberFormat('en-US', {\n        currency,\n        style: 'currency',\n      }).format(amount);\n"]}

package/dist/collection/components/utils/formatDate.js

@@ -0,0 +1,5 @@
+export const formatDate = ({ date, formatOptions = { day: 'numeric', weekday: 'long', year: 'numeric' }, }) => {
+  // format date to Thursday 3, 2023
+  return new Intl.DateTimeFormat('en-US', formatOptions).format(date);
+};
+//# sourceMappingURL=formatDate.js.map

package/dist/collection/components/utils/formatDate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatDate.js","sourceRoot":"","sources":["../../../src/components/utils/formatDate.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,IAAI,EACJ,aAAa,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAC7D,EAAU,EAAE;EACnB,kCAAkC;EAClC,OAAO,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AACtE,CAAC,CAAC","sourcesContent":["type Params = {\n  date: Date;\n  /**\n   * Format options for Intl.DateTimeFormat\n   * @default {day:'numeric',weekday:'long',year:'numeric'} Thursday 3, 2023\n   */\n  formatOptions?: Intl.DateTimeFormatOptions;\n};\n\nexport const formatDate = ({\n  date,\n  formatOptions = { day: 'numeric', weekday: 'long', year: 'numeric' },\n}: Params): string => {\n  // format date to Thursday 3, 2023\n  return new Intl.DateTimeFormat('en-US', formatOptions).format(date);\n};\n"]}

package/dist/collection/components/utils/getBorderRadius.js

@@ -0,0 +1,14 @@
+import { zonosStore } from "../store/zonosStore";
+/**
+ * Get the border radius for the elements based on the style
+ * @param overrideBorderStyle
+ * @returns
+ */
+export const getBorderRadius = (overrideBorderStyle) => {
+  if (overrideBorderStyle) {
+    // If the override is set, use that, otherwise use the default radius style
+    return overrideBorderStyle === 'SHARP' ? '0px' : '10px';
+  }
+  return zonosStore.appearance.style === 'SHARP' ? '0px' : '10px';
+};
+//# sourceMappingURL=getBorderRadius.js.map

package/dist/collection/components/utils/getBorderRadius.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getBorderRadius.js","sourceRoot":"","sources":["../../../src/components/utils/getBorderRadius.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAG7D;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,mBAAqC,EAAE,EAAE;EACvE,IAAI,mBAAmB,EAAE;IACvB,2EAA2E;IAC3E,OAAO,mBAAmB,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;GACzD;EACD,OAAO,UAAU,CAAC,UAAU,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;AAClE,CAAC,CAAC","sourcesContent":["import { zonosStore } from 'src/components/store/zonosStore';\nimport type { ElementsUiStyle } from 'src/types';\n\n/**\n * Get the border radius for the elements based on the style\n * @param overrideBorderStyle\n * @returns\n */\nexport const getBorderRadius = (overrideBorderStyle?: ElementsUiStyle) => {\n  if (overrideBorderStyle) {\n    // If the override is set, use that, otherwise use the default radius style\n    return overrideBorderStyle === 'SHARP' ? '0px' : '10px';\n  }\n  return zonosStore.appearance.style === 'SHARP' ? '0px' : '10px';\n};\n"]}

package/dist/collection/components/utils/getButtonTheme.js

@@ -0,0 +1,17 @@
+import { zonosStore } from "../store/zonosStore";
+import { isColorVariable } from "./isColorVariable";
+import { isDarkColor } from "./isDarkColor";
+/**
+ * Get theme for button text based on background color
+ */
+export const getButtonTheme = (overrideBackground) => {
+  // use override background if it exists, otherwise use color from setting
+  const background = overrideBackground || zonosStore.appearance.colorSecondary;
+  const backgroundColor = background && isColorVariable(background)
+    ? `var(--amino-${background})`
+    : background;
+  // determine theme based on background color (to change button text color if needed)
+  const buttonTheme = backgroundColor && isDarkColor(backgroundColor) ? 'DARK' : 'LIGHT';
+  return buttonTheme;
+};
+//# sourceMappingURL=getButtonTheme.js.map

package/dist/collection/components/utils/getButtonTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getButtonTheme.js","sourceRoot":"","sources":["../../../src/components/utils/getButtonTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAG/D;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,kBAA2B,EAAE,EAAE;EAC5D,yEAAyE;EACzE,MAAM,UAAU,GAAG,kBAAkB,IAAI,UAAU,CAAC,UAAU,CAAC,cAAc,CAAC;EAE9E,MAAM,eAAe,GACnB,UAAU,IAAI,eAAe,CAAC,UAAU,CAAC;IACvC,CAAC,CAAC,eAAe,UAAU,GAAG;IAC9B,CAAC,CAAC,UAAU,CAAC;EAEjB,oFAAoF;EACpF,MAAM,WAAW,GACf,eAAe,IAAI,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;EAErE,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC","sourcesContent":["import { zonosStore } from 'src/components/store/zonosStore';\nimport { isColorVariable } from 'src/components/utils/isColorVariable';\nimport { isDarkColor } from 'src/components/utils/isDarkColor';\nimport type { ElementsUiTheme } from 'src/types/generated/graphql.customer.types';\n\n/**\n * Get theme for button text based on background color\n */\nexport const getButtonTheme = (overrideBackground?: string) => {\n  // use override background if it exists, otherwise use color from setting\n  const background = overrideBackground || zonosStore.appearance.colorSecondary;\n\n  const backgroundColor =\n    background && isColorVariable(background)\n      ? `var(--amino-${background})`\n      : background;\n\n  // determine theme based on background color (to change button text color if needed)\n  const buttonTheme: ElementsUiTheme =\n    backgroundColor && isDarkColor(backgroundColor) ? 'DARK' : 'LIGHT';\n\n  return buttonTheme;\n};\n"]}

package/dist/collection/components/utils/getDaysDifference.js

@@ -0,0 +1,7 @@
+export const getDaysDifference = (targetDate) => {
+  const currentDate = new Date();
+  const timeDifference = targetDate.getTime() - currentDate.getTime();
+  const daysDifference = Math.floor(timeDifference / (1000 * 60 * 60 * 24)); // Convert milliseconds to days
+  return daysDifference;
+};
+//# sourceMappingURL=getDaysDifference.js.map

package/dist/collection/components/utils/getDaysDifference.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDaysDifference.js","sourceRoot":"","sources":["../../../src/components/utils/getDaysDifference.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,UAAgB,EAAE,EAAE;EACpD,MAAM,WAAW,GAAG,IAAI,IAAI,EAAE,CAAC;EAC/B,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,EAAE,GAAG,WAAW,CAAC,OAAO,EAAE,CAAC;EACpE,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,CAAC,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,+BAA+B;EAC1G,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC","sourcesContent":["export const getDaysDifference = (targetDate: Date) => {\n  const currentDate = new Date();\n  const timeDifference = targetDate.getTime() - currentDate.getTime();\n  const daysDifference = Math.floor(timeDifference / (1000 * 60 * 60 * 24)); // Convert milliseconds to days\n  return daysDifference;\n};\n"]}

package/dist/collection/components/utils/handleFetch.js

@@ -0,0 +1,89 @@
+var __rest = (this && this.__rest) || function (s, e) {
+  var t = {};
+  for (var p in s)
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+      t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
+const getResponseBody = async ({ response, shouldLog = true, shouldThrow = false, }) => {
+  try {
+    const json = await response.json();
+    return json;
+  }
+  catch (e) {
+    if (shouldThrow) {
+      throw e;
+    }
+    if (shouldLog) {
+      // eslint-disable-next-line
+      console.error(e);
+    }
+    return null;
+  }
+};
+const handleRequest = async (url, options) => {
+  let response;
+  try {
+    response = await fetch(url, options);
+  }
+  catch (e) {
+    if (e instanceof Error) {
+      return {
+        errors: [{ message: e.message, type: 'unknown' }],
+        json: null,
+        response: null,
+      };
+    }
+    const message = 'Fail to fetch';
+    return {
+      errors: [{ message, type: 'unknown' }],
+      json: null,
+      response: null,
+    };
+  }
+  if (response.ok) {
+    const data = await getResponseBody({ response });
+    return {
+      errors: [],
+      json: data,
+      response,
+    };
+  }
+  const status = response.status.toString();
+  try {
+    const data = await getResponseBody({
+      response,
+      shouldThrow: true,
+    });
+    const message = JSON.stringify(data);
+    return {
+      errors: [{ message: `${status}: ${message}`, type: status }],
+      json: null,
+      response,
+    };
+  }
+  catch (e) {
+    const message = 'Unknown error';
+    return {
+      errors: [{ message: `${status}: ${message}`, type: status }],
+      json: null,
+      response: null,
+    };
+  }
+};
+export const handleFetch = async (url, _opts) => {
+  const opts = __rest(_opts || {}, []);
+  const body = opts.body ? JSON.stringify(opts.body) : undefined;
+  const method = opts.method || 'GET';
+  // headers content type
+  const headers = Object.assign({ 'Content-Type': 'application/json', 'Zonos-Referer': window.location.hostname, credentialtoken: window.Zonos.zonosApiKey }, opts.headers);
+  const options = Object.assign(Object.assign({}, opts), { body: method === 'GET' ? undefined : body, headers,
+    method });
+  return handleRequest(url, options);
+};
+//# sourceMappingURL=handleFetch.js.map

package/dist/collection/components/utils/handleFetch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleFetch.js","sourceRoot":"","sources":["../../../src/components/utils/handleFetch.ts"],"names":[],"mappings":"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","sourcesContent":["import type { JsonError, NoInfer } from 'src/types';\n\nexport type HandleFetchReturn<ResponseBody extends unknown> = {\n  errors: JsonError[];\n  json: NoInfer<ResponseBody> | null;\n  response: Response | null;\n};\n\nexport type FetcherReturn<ResponseBody extends unknown> = {\n  json: NoInfer<ResponseBody> | null;\n  response: Response | null;\n};\n\nconst getResponseBody = async <ResponseBody extends unknown>({\n  response,\n  shouldLog = true,\n  shouldThrow = false,\n}: {\n  response: Response;\n  shouldLog?: boolean;\n  shouldThrow?: boolean;\n}) => {\n  try {\n    const json = await response.json();\n    return json as ResponseBody;\n  } catch (e) {\n    if (shouldThrow) {\n      throw e;\n    }\n    if (shouldLog) {\n      // eslint-disable-next-line\n      console.error(e);\n    }\n    return null;\n  }\n};\n\nconst handleRequest = async <ResponseBody extends unknown>(\n  url: string,\n  options?: RequestInit,\n): Promise<HandleFetchReturn<ResponseBody>> => {\n  let response: Response;\n  try {\n    response = await fetch(url, options);\n  } catch (e) {\n    if (e instanceof Error) {\n      return {\n        errors: [{ message: e.message, type: 'unknown' }],\n        json: null,\n        response: null,\n      };\n    }\n    const message = 'Fail to fetch';\n    return {\n      errors: [{ message, type: 'unknown' }],\n      json: null,\n      response: null,\n    };\n  }\n  if (response.ok) {\n    const data = await getResponseBody<ResponseBody>({ response });\n\n    return {\n      errors: [],\n      json: data,\n      response,\n    };\n  }\n\n  const status = response.status.toString();\n\n  try {\n    const data = await getResponseBody<ResponseBody>({\n      response,\n      shouldThrow: true,\n    });\n    const message = JSON.stringify(data);\n    return {\n      errors: [{ message: `${status}: ${message}`, type: status }],\n      json: null,\n      response,\n    };\n  } catch (e) {\n    const message = 'Unknown error';\n    return {\n      errors: [{ message: `${status}: ${message}`, type: status }],\n      json: null,\n      response: null,\n    };\n  }\n};\n\nexport type RequestOptions<ResponseBody, RequestBody> = {\n  body?: NoInfer<RequestBody>;\n  testExpectedData?: (data: ResponseBody) => boolean;\n} & Omit<RequestInit, 'body'>;\n\nexport const handleFetch = async <\n  ResponseBody extends unknown,\n  RequestBody = unknown,\n>(\n  url: string,\n  _opts?: RequestOptions<ResponseBody, RequestBody>,\n): Promise<HandleFetchReturn<ResponseBody>> => {\n  const { ...opts } = _opts || {};\n  const body = opts.body ? JSON.stringify(opts.body) : undefined;\n  const method = opts.method || 'GET';\n\n  // headers content type\n  const headers = {\n    'Content-Type': 'application/json',\n    'Zonos-Referer': window.location.hostname,\n    credentialtoken: window.Zonos.zonosApiKey,\n    ...opts.headers,\n  };\n\n  const options = {\n    ...opts,\n    body: method === 'GET' ? undefined : body,\n    headers,\n    method,\n  };\n\n  return handleRequest<ResponseBody>(url, options);\n};\n"]}

package/dist/collection/components/utils/hello/currencyConversion/currencyConvert.js

@@ -0,0 +1,13 @@
+import { localizationStore } from "../../../store/hello/localization";
+export const currencyConvert = (value) => {
+  // TODO(potentially): Bring over the code for vanity checks
+  const { exchangeRate } = localizationStore;
+  if (!exchangeRate || !value || isNaN(value)) {
+    return value;
+  }
+  const minimumFractionDigits = (exchangeRate === null || exchangeRate === void 0 ? void 0 : exchangeRate.targetFormat.scale) || 2;
+  const convertedValue = value * exchangeRate.rate;
+  const fixedValue = convertedValue.toFixed(minimumFractionDigits);
+  return Number(fixedValue);
+};
+//# sourceMappingURL=currencyConvert.js.map

package/dist/collection/components/utils/hello/currencyConversion/currencyConvert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"currencyConvert.js","sourceRoot":"","sources":["../../../../../src/components/utils/hello/currencyConversion/currencyConvert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAE5E,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAa,EAAU,EAAE;EACvD,2DAA2D;EAC3D,MAAM,EAAE,YAAY,EAAE,GAAG,iBAAiB,CAAC;EAC3C,IAAI,CAAC,YAAY,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE;IAC3C,OAAO,KAAK,CAAC;GACd;EACD,MAAM,qBAAqB,GAAG,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,YAAY,CAAC,KAAK,KAAI,CAAC,CAAC;EAEpE,MAAM,cAAc,GAAG,KAAK,GAAG,YAAY,CAAC,IAAI,CAAC;EACjD,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;EACjE,OAAO,MAAM,CAAC,UAAU,CAAC,CAAC;AAC5B,CAAC,CAAC","sourcesContent":["import { localizationStore } from 'src/components/store/hello/localization';\n\nexport const currencyConvert = (value: number): number => {\n  // TODO(potentially): Bring over the code for vanity checks\n  const { exchangeRate } = localizationStore;\n  if (!exchangeRate || !value || isNaN(value)) {\n    return value;\n  }\n  const minimumFractionDigits = exchangeRate?.targetFormat.scale || 2;\n\n  const convertedValue = value * exchangeRate.rate;\n  const fixedValue = convertedValue.toFixed(minimumFractionDigits);\n  return Number(fixedValue);\n};\n"]}

package/dist/collection/components/utils/hello/currencyConversion/currencyConvertAndFormat.js

@@ -0,0 +1,8 @@
+import { currencyConvert } from "./currencyConvert";
+import { currencyFormat } from "./currencyFormat";
+export const currencyConvertAndFormat = (value) => {
+  const convertedValue = currencyConvert(value);
+  const formattedValue = currencyFormat(convertedValue);
+  return formattedValue;
+};
+//# sourceMappingURL=currencyConvertAndFormat.js.map