@zonos/elements 1.1.1 → 1.2.0

package/dist/components/stripe.js.map

@@ -1 +0,0 @@
-{"file":"stripe.js","mappings":"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","names":["onChange","reset"],"sources":["src/components/utils/formatDate.ts","src/components/utils/getDaysDifference.ts","src/components/store/checkout/cart.ts","src/components/utils/api/prepCalculateLandedCost.ts","src/components/utils/api/calculateLandedCost.ts","src/styles/stripe/addressRuleStyle.ts","src/styles/stripe/defaultVariable.ts","src/components/store/checkout/stripe.ts"],"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","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","import { createStore } from '@stencil/store';\n\nimport {\n  stripeStore,\n  stripeStoreUpdateCheckoutSession,\n} from 'src/components/store/checkout/stripe';\nimport { localizationStore } from 'src/components/store/hello/localization';\nimport { translate } from 'src/components/store/translationStore';\nimport { formatDate } from 'src/components/utils/formatDate';\nimport { getDaysDifference } from 'src/components/utils/getDaysDifference';\nimport { log } from 'src/components/utils/logging/log';\nimport { logError } from 'src/components/utils/logging/logError';\nimport type {\n  CheckoutPresentmentFragment,\n  CurrencyCode,\n  ShipmentRatingFragment,\n} from 'src/types/generated/graphql.customer.types';\n\nexport type CartItem = {\n  amount: number;\n  countryOfOrigin?: string;\n  currencyCode: string;\n  description?: string;\n  hsCode?: string;\n  imageUrl?: string;\n  name: string;\n  productId?: string;\n  quantity: number;\n};\n\ntype CartStore = {\n  checkoutSessionId: string | null;\n  currency: CurrencyCode;\n  dutiesTaxFees: number;\n  error: {\n    messages: string[];\n    title: string;\n  } | null;\n  exchangeRate: {\n    id: string;\n    rate: number;\n    sourceCurrencyCode: CurrencyCode;\n    targetCurrencyCode: CurrencyCode;\n    type: string;\n  } | null;\n  isSelectedShippingAboveDeminimis: boolean;\n  isSelectedShippingGuarantee: boolean;\n  items: CartItem[];\n  landedCostData: CheckoutPresentmentFragment[] | null;\n  selectedLandedCost: CheckoutPresentmentFragment | null;\n  selectedShippingOption: ShipmentRatingFragment | null;\n  selectedShippingOptionExpectedDate: string;\n  selectedShippingOptionTransitTime: string;\n  shipping: number;\n  shippingData: ShipmentRatingFragment[] | null;\n  step: 'customer-info' | 'shipping' | 'payment' | 'finish' | 'error';\n  subtotal: number;\n  total: number;\n};\n\nconst {\n  onChange,\n  reset,\n  state: cartStore,\n} = createStore<CartStore>(() => ({\n  checkoutSessionId:\n    sessionStorage.getItem('zonos--checkout-session-id') || null,\n  currency: 'USD',\n  dutiesTaxFees: 0,\n  error: null,\n  exchangeRate: null,\n  isSelectedShippingAboveDeminimis: false,\n  isSelectedShippingGuarantee: false,\n  items: [],\n  landedCostData: null,\n  selectedLandedCost: null,\n  selectedShippingOption: null,\n  selectedShippingOptionExpectedDate: '',\n  selectedShippingOptionTransitTime: '',\n  shipping: 0,\n  shippingData: null,\n  step: 'customer-info',\n  subtotal: 0,\n  total: 0,\n}));\n\n/**\n * Format shipping transit info to be displayed on UI\n * @returns\n * - expectedDate: Thursday, Aug 12\n * - maxTransit: 5\n * - minTransit: 3\n */\nconst cartStoreGetShippingTransitInfo = (item: ShipmentRatingFragment) => {\n  const minTransit = item.minTransitAt\n    ? getDaysDifference(new Date(item.minTransitAt))\n    : '';\n  const maxTransit = item.maxTransitAt\n    ? getDaysDifference(new Date(item.maxTransitAt))\n    : '';\n  const expectedDate = item.minTransitAt\n    ? formatDate({\n        date: new Date(item.minTransitAt),\n      })\n    : '';\n  return {\n    expectedDate,\n    maxTransit,\n    minTransit,\n  };\n};\n\nconst cartStoreReset = () => {\n  sessionStorage.removeItem('zonos--checkout-session-id');\n\n  // reset cart store\n  reset();\n};\n\nconst cartStoreUpdateToErrorState = ({\n  messages,\n  title,\n}: {\n  messages: string[];\n  title: string;\n}) => {\n  cartStore.step = 'error';\n  cartStore.error = {\n    messages,\n    title,\n  };\n};\n\ntype CartSubtotals = {\n  exchangeRate: {\n    id: string;\n    rate: number;\n    sourceCurrencyCode: CurrencyCode;\n    targetCurrencyCode: CurrencyCode;\n    type: string;\n  };\n  items: number;\n  landedCostTotal: number;\n  presentmentCurrencyCode: CurrencyCode;\n  shipping: number;\n  total: number;\n};\n\nconst cartStoreApplySubtotals = (subtotals: CartSubtotals) => {\n  // update exchange rate so we can use it to display cart items\n  cartStore.exchangeRate = subtotals.exchangeRate;\n  cartStore.dutiesTaxFees = subtotals.landedCostTotal;\n  cartStore.subtotal = subtotals.items;\n  cartStore.total = subtotals.total;\n  cartStore.currency = subtotals.presentmentCurrencyCode;\n};\n\ntype CartStoreRecalculateTotalParams = Omit<\n  Parameters<typeof stripeStoreUpdateCheckoutSession>[0],\n  'id' | 'presentmentCountryCode'\n>;\n\nconst cartStoreReCalculateTotal = async ({\n  currency,\n  itemsAmount,\n  landedCostId,\n}: CartStoreRecalculateTotalParams) => {\n  if (landedCostId && cartStore.selectedLandedCost) {\n    // update cart total right away if we have landed cost id to avoid order total flickering\n    const subtotals = cartStore.selectedLandedCost.subtotals;\n    cartStoreApplySubtotals(subtotals);\n    log(\n      'Exchange rate updated for cart items (landed cost subtotal)',\n      'info',\n      cartStore.exchangeRate,\n    );\n  }\n  // update checkout session\n  if (!cartStore.checkoutSessionId) {\n    logError('Could update cart total without checkout session id');\n    return false;\n  }\n  const { json } = await stripeStoreUpdateCheckoutSession({\n    currency,\n    id: cartStore.checkoutSessionId,\n    itemsAmount,\n    landedCostId,\n    presentmentCountryCode: localizationStore.selectedCountryCode,\n  });\n  if (!json) {\n    // do nothing if we can't get checkout session\n    logError('Error occurs when updating checkout session');\n    cartStoreUpdateToErrorState({\n      messages: [\n        translate(\n          \"There's been an error updating your checkout session. Please reload and try again or contact support if the error persists\",\n        ),\n      ],\n      title: translate('Error updating Checkout'),\n    });\n    return false;\n  }\n  if (!landedCostId) {\n    // This is when first open the checkout modal and we just want to get info from the old cart session.\n    // use subtotals from checkout session to update cart total\n    cartStoreApplySubtotals(json.checkoutSessionUpdate.subtotals);\n    log(\n      'Exchange rate updated for cart items (checkout session update)',\n      'info',\n      cartStore.exchangeRate,\n    );\n  }\n  return true;\n};\n\nconst cartStoreUpdateSelectedShippingOption = async (\n  selectedShippingOption: ShipmentRatingFragment,\n) => {\n  cartStore.selectedShippingOption = selectedShippingOption;\n\n  // update shipping transit info\n  const { expectedDate, maxTransit, minTransit } =\n    cartStoreGetShippingTransitInfo(cartStore.selectedShippingOption);\n  cartStore.selectedShippingOptionExpectedDate = expectedDate;\n  cartStore.selectedShippingOptionTransitTime =\n    minTransit && maxTransit\n      ? `${minTransit}-${maxTransit}`\n      : `${minTransit || maxTransit}`;\n\n  const selectedLandedCost = cartStore.landedCostData?.find(\n    checkoutSessionPresentment =>\n      checkoutSessionPresentment.landedCost?.shipmentRating?.id ===\n      cartStore.selectedShippingOption?.id,\n  );\n  // save selected landed cost for later use\n  cartStore.selectedLandedCost = selectedLandedCost || null;\n\n  if (!selectedLandedCost) {\n    // do nothing if we can't find landed cost for selected shipping option\n    return false;\n  }\n\n  // update shipping value and dutiesTaxFees on selectedShippingOption change\n  cartStore.shipping = selectedLandedCost.subtotals.shipping;\n\n  // update deminimis status\n  const isGuarantee =\n    selectedLandedCost?.landedCost?.landedCostGuaranteeCode === 'ZONOS';\n  // one item in deminimis with type of duty and tax has threshold value is \"ABOVE\"\n  const isAboveDeminimis = !!selectedLandedCost?.landedCost?.deMinimis?.find(\n    item => ['DUTY', 'TAX'].includes(item.type) && item.threshold === 'ABOVE',\n  );\n  cartStore.isSelectedShippingAboveDeminimis = isAboveDeminimis;\n  cartStore.isSelectedShippingGuarantee = isGuarantee;\n  // update session with selected landed cost\n  const updateCalulateStatus = await cartStoreReCalculateTotal({\n    landedCostId: selectedLandedCost.landedCost?.id,\n  });\n  return updateCalulateStatus;\n};\n\nonChange('checkoutSessionId', () => {\n  if (!cartStore.checkoutSessionId) {\n    sessionStorage.removeItem('zonos--checkout-session-id');\n    return;\n  }\n  sessionStorage.setItem(\n    'zonos--checkout-session-id',\n    cartStore.checkoutSessionId,\n  );\n});\n\nconst cartStoreUpdateItems = async (items: CartItem[]) => {\n  cartStore.items = items;\n  const currency = items.find(Boolean)?.currencyCode as CurrencyCode;\n  const total = items.reduce((amt, item) => {\n    return amt + item.amount * item.quantity;\n  }, 0);\n  if (!currency || !total) {\n    // do nothing if we can't get currency or total\n    return;\n  }\n  cartStore.currency = currency;\n  // set loading state here because this is first load checkout session when we already have checkout session id stored\n  stripeStore.isFetchingSession = true;\n  await cartStoreReCalculateTotal({\n    currency: currency,\n    itemsAmount: total,\n  });\n  stripeStore.isFetchingSession = false;\n};\n\nconst cartStoreResetSelectedShippingOption = () => {\n  cartStore.selectedShippingOption = null;\n  cartStore.isSelectedShippingAboveDeminimis = false;\n  cartStore.isSelectedShippingGuarantee = false;\n  cartStore.selectedShippingOptionExpectedDate = '';\n  cartStore.selectedShippingOptionTransitTime = '';\n  cartStore.shipping = 0;\n};\n\nconst cartStoreNextStep = () => {\n  if (cartStore.step === 'customer-info') {\n    cartStore.step = 'shipping';\n  } else if (cartStore.step === 'shipping') {\n    cartStore.step = 'payment';\n  } else if (cartStore.step === 'payment') {\n    cartStore.step = 'finish';\n  }\n};\n\nconst cartStorePreviousStep = () => {\n  if (cartStore.step === 'payment') {\n    cartStore.step = 'shipping';\n  } else if (cartStore.step === 'shipping') {\n    cartStore.step = 'customer-info';\n    // reset selected shipping option\n    cartStoreResetSelectedShippingOption();\n  }\n};\n\nexport {\n  cartStore,\n  cartStoreApplySubtotals,\n  cartStoreGetShippingTransitInfo,\n  cartStoreNextStep,\n  cartStorePreviousStep,\n  cartStoreReCalculateTotal,\n  cartStoreReset,\n  cartStoreUpdateItems,\n  cartStoreUpdateSelectedShippingOption,\n  cartStoreUpdateToErrorState,\n};\n","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","import { prepCalculateLandedCost } from 'src/components/utils/api/prepCalculateLandedCost';\nimport { handleFetch } from 'src/components/utils/handleFetch';\nimport type { CalculateLandedCostRequest } from 'src/types/checkout/api/CalculateLandedCostRequest';\nimport type { CalculateLandedCostMutation } from 'src/types/generated/graphql.customer.types';\n\nexport const calculateLandedCost = async (\n  abortController?: AbortController,\n) => {\n  // request to get landed cost info\n  const url = `${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/calculate-landed-cost`;\n  const { errors, json } = await handleFetch<\n    CalculateLandedCostMutation,\n    CalculateLandedCostRequest\n  >(url, {\n    body: prepCalculateLandedCost(),\n    method: 'POST',\n    signal: abortController?.signal,\n  });\n  if (errors.length || !json) {\n    throw new Error('Failed to calculate landed cost');\n  }\n\n  return json;\n};\n","import type { ElementsUiTheme, StripeRuleType } from 'src/types';\n\nexport const addressRuleStyle = ({\n  theme,\n}: {\n  theme: ElementsUiTheme;\n}): StripeRuleType => {\n  switch (theme) {\n    default:\n      return {\n        '.Input': {\n          // need to reset everything and the paddingTop to default, otherwise the paddingTop will not be updated.\n          padding: '0',\n          paddingBottom: '8px',\n          paddingLeft: '16px',\n          paddingRight: '8px',\n          // any value here will be add up to the default paddingTop (20px).\n          paddingTop: '6px',\n        },\n      };\n  }\n};\n","import type { Appearance } from '@stripe/stripe-js';\n\nimport { getBorderRadius } from 'src/components/utils/getBorderRadius';\nimport type {\n  ElementsUiStyle,\n  ElementsUiTheme,\n} from 'src/types/generated/graphql.customer.types';\n\nexport const defaultVariable = ({\n  borderStyle,\n  theme,\n}: {\n  borderStyle?: ElementsUiStyle;\n  theme: ElementsUiTheme;\n}): Appearance['variables'] => {\n  switch (theme) {\n    case 'DARK':\n      return {\n        borderRadius: getBorderRadius(borderStyle),\n        colorBackground: '#101117',\n        colorBackgroundText: '#C5C6CA',\n        colorText: '#C5C6CA',\n        colorTextPlaceholder: '#C5C6CA',\n      };\n    default:\n      return {\n        borderRadius: getBorderRadius(borderStyle),\n      };\n  }\n};\n","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          exchangeRate: subtotals.exchangeRate,\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 | null;\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  log(\n    'Exchange rate updated for cart items (checkout session create)',\n    'info',\n    cartStore.exchangeRate,\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"],"version":3}

package/dist/components/submitGtag.js.map

@@ -1 +0,0 @@
-{"file":"submitGtag.js","mappings":";;;AAsBA;;;MAGa,UAAU,GAAG,CAAC,KAAoB;EAC7C,MAAM,qBAAqB,GACzB,UAAU,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,IAAI,CACjD,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,kBAAkB,CACzC,CAAC;;EAEJ,IAAI,CAAC,qBAAqB,IAAI,CAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,MAAM,MAAK,UAAU,EAAE;IAC1E,OAAO;GACR;EAED,IAAI,OAAO,MAAM,CAAC,IAAI,KAAK,UAAU,EAAE;IACrC,GAAG,CAAC,0BAA0B,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;GACjC;AACH;;;;","names":[],"sources":["src/components/utils/submitGtag.ts"],"sourcesContent":["import { zonosStore } from 'src/components/store/zonosStore';\nimport { log } from 'src/components/utils/logging/log';\n\ntype CheckoutEvent =\n  | 'zonos-checkout-start'\n  | 'zonos-checkout-close'\n  | 'zonos-checkout-success'\n  | 'zonos-checkout-payment-fail'\n  | 'zonos-checkout-customer-info'\n  | 'zonos-checkout-shipping-info'\n  | 'zonos-checkout-payment-info';\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/consistent-type-definitions\n  interface Window {\n    gtag: (\n      event: string,\n      action: string,\n      data: Record<string, unknown>,\n    ) => void;\n  }\n}\n/**\n * Submit a gtag event if the gtag function is available.\n */\nexport const submitGtag = (event: CheckoutEvent) => {\n  const googleAnalyticSetting =\n    zonosStore.checkoutSettings.analyticsProviders.find(\n      item => item.type === 'GOOGLE_ANALYTICS',\n    );\n  // only submit if googleAnalytic in checkout setting is on.\n  if (!googleAnalyticSetting || googleAnalyticSetting?.status === 'DISABLED') {\n    return;\n  }\n\n  if (typeof window.gtag === 'function') {\n    log('Zonos submits gtag event', 'log', event);\n    window.gtag('event', event, {});\n  }\n};\n"],"version":3}

package/dist/components/zonos-address.js.map

@@ -1 +0,0 @@
-{"file":"zonos-address.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/zonos-address2.js.map

@@ -1 +0,0 @@
-{"file":"zonos-address2.js","mappings":";;;;;AAAA,MAAM,eAAe,GAAG,2wBAA2wB;;MCwBtxB,YAAY;;;;;;0BAcwB,IAAI;kBAElB,MAAM,CAAC,KAAK,CAAC,MAAM;;EAKpD,MAAM,eAAe;;IACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;IAClC,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,WAAW,CAAC,cAAc,EAAE;MAC/C,QAAQ,CAAC,0DAA0D,CAAC,CAAC;MACrE,OAAO;KACR;IAED,MAAM,KAAK,GAAG,MAAA,IAAI,CAAC,cAAc,0CAAE,KAAK,CAAC;IACzC,IAAI,CAAC,KAAK,EAAE;;;MAGH,MAAA,IAAI,CAAC,cAAc,+CAAE,KAAK,CAAC;KACnC;IAED,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,qBAAqB,CAAC;IACnE,MAAM,cAAc,GAClB,WAAW,CAAC,oBAAoB;MAChC,WAAW,CAAC,cAAc,CAAC,MAAM,CAAC,SAAS,EAAE;QAC3C,gBAAgB,EAAE,kBAAkB;YAChC,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;YAC9D,EAAE;QACN,QAAQ,EAAE,IAAI,CAAC,cAAc,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,SAAS;QACjE,OAAO,EAAE;UACP,IAAI,EAAE,OAAO;SACd;QACD,MAAM,EAAE;UACN,KAAK,EAAE,QAAQ;SAChB;QACD,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,UAAU,EAAE;UACV,KAAK,EAAE;YACL,QAAQ,EAAE,QAAQ;WACnB;SACF;OACF,CAAC,CAAC;IAEL,cAAc,CAAC,KAAK,CAClB,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,2BAA2B,CAAgB,CAClE,CAAC;IACF,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK;MAC/B,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC;MAC/B,WAAW,CAAC,sBAAsB,mCAC7B,KAAK,KACR,WAAW,EAAE,UAAU,EACvB,WAAW,EAAE,SAAS,EACtB,KAAK,EAAE,KAAK,EACZ,KAAK,kCACA,UAAU,KACb,SAAS,EAAE,UAAU,CAAC,SAAS,IAAI,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAChE,QAAQ,EAAE,UAAU,CAAC,QAAQ,IAAI,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,MAEpE,CAAC;;MAEF,KAAK,6BAA6B,EAAE,CAAC;KACtC,CAAC,CAAC;IACH,WAAW,CAAC,oBAAoB,GAAG,cAAc,CAAC;GACnD;EAED,gBAAgB;;IAEd,KAAK,IAAI,CAAC,eAAe,EAAE,CAAC;GAC7B;EAED,MAAM;;IAEJ,QACE,EAAC,IAAI,IAAC,KAAK,EAAC,gCAAgC,IAC1C,kBAAY,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,eAAe,IAClD,IAAI,CAAC,SAAS,CACJ,EACb,WAAK,KAAK,EAAC,0BAA0B,GAAO,CACvC,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/stripe/zonos-address/zonos-address.scss?tag=zonos-address&encapsulation=scoped","src/components/stripe/zonos-address/zonos-address.tsx"],"sourcesContent":[":host {\n  .zonos--title {\n    margin-bottom: $amino-space-16;\n  }\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\nimport type { ContactOption, Stripe } from '@stripe/stripe-js';\n\nimport {\n  stripeStore,\n  stripeStorePrefetchLandedCost,\n} from 'src/components/store/checkout/stripe';\nimport { localizationStore } from 'src/components/store/hello/localization';\nimport { logError } from 'src/components/utils/logging/logError';\n\n@Component({\n  /**\n   * Use `scope` here just because this component is using stripe elements and stripe\n   * need to be able to inject iframe into this component\n   * **NOTE**: Prefer `shadow` when creating new component\n   * */\n  scoped: true,\n  styleUrl: 'zonos-address.scss',\n  tag: 'zonos-address',\n})\n/**\n * This component is a wrapper for the stripe address element that would render default style object\n */\nexport class ZonosAddress {\n  /**\n   * The type of address element to render\n   */\n  @Prop() type!: 'billing' | 'shipping';\n\n  /**\n   * The title text for the address element\n   */\n  @Prop() titleText!: string;\n\n  /**\n   * Default address for stripe\n   */\n  @Prop() defaultAddress: ContactOption | null = null;\n\n  @State() stripe: Stripe | null = window.Zonos.stripe;\n\n  @Element() el!: HTMLZonosAddressElement;\n\n  @Watch('stripe')\n  async watchInitStripe() {\n    this.stripe = window.Zonos.stripe;\n    if (!this.stripe || !stripeStore.stripeElements) {\n      logError(\"Stripe is not initialized. Couldn't load stripe element.\");\n      return;\n    }\n\n    const phone = this.defaultAddress?.phone;\n    if (!phone) {\n      // remove phone from default address if it's not provided, stripe\n      // will throw error if key phone exist and its value is empty or 'undefined'.\n      delete this.defaultAddress?.phone;\n    }\n\n    const shippableCountries = localizationStore.shippingZoneCountries;\n    const addressElement =\n      stripeStore.stripeAddressElement ||\n      stripeStore.stripeElements.create('address', {\n        allowedCountries: shippableCountries\n          ? Object.values(shippableCountries).map(country => country.code)\n          : [],\n        contacts: this.defaultAddress ? [this.defaultAddress] : undefined,\n        display: {\n          name: 'split',\n        },\n        fields: {\n          phone: 'always',\n        },\n        mode: this.type,\n        validation: {\n          phone: {\n            required: 'always',\n          },\n        },\n      });\n\n    addressElement.mount(\n      this.el.querySelector('.zonos--address-component') as HTMLElement,\n    );\n    addressElement.on('change', event => {\n      const eventValue = event.value;\n      stripeStore.stripeAddressEventData = {\n        ...event,\n        elementMode: 'shipping',\n        elementType: 'address',\n        empty: false,\n        value: {\n          ...eventValue,\n          firstName: eventValue.firstName || eventValue.name.split(' ')[0],\n          lastName: eventValue.lastName || eventValue.name.split(' ').pop(),\n        },\n      };\n      // run prefetch landed cost when address is changed\n      void stripeStorePrefetchLandedCost();\n    });\n    stripeStore.stripeAddressElement = addressElement;\n  }\n\n  componentDidLoad() {\n    // @Watch doesn't get trigger on initial load\n    void this.watchInitStripe();\n  }\n\n  render() {\n    // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here\n    return (\n      <Host class=\"zonos--address zonos--elements\">\n        <zonos-text class=\"zonos--title\" type=\"semiBoldLabel\">\n          {this.titleText}\n        </zonos-text>\n        <div class=\"zonos--address-component\"></div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/zonos-badge.js.map

@@ -1 +0,0 @@
-{"file":"zonos-badge.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/zonos-badge2.js.map

@@ -1 +0,0 @@
-{"file":"zonos-badge2.js","mappings":";;;AAAA,MAAM,aAAa,GAAG,qzDAAqzD;;MCU9zD,UAAU;;;;;gBAKG,KAAK;iBAMA,MAAM;;qBAYN,KAAK;gBAME,SAAS;mBAMlB,KAAK;iBAKR,EAAE;;EAE1B,MAAM;IACJ,QACE,EAAC,IAAI,IAAC,KAAK,EAAE,OAAO,CAAC,CAAC,8BAA8B,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,IAChE,WACE,KAAK,EAAE,OAAO,CAAC;QACb,sBAAsB;QACtB,IAAI,CAAC,KAAK;QACV,IAAI,CAAC,OAAO,IAAI,SAAS;QACzB,IAAI,CAAC,SAAS,IAAI,YAAY;QAC9B,IAAI,CAAC,IAAI;QACT,IAAI,CAAC,IAAI,IAAI,MAAM;OACpB,CAAC,IAED,IAAI,CAAC,IAAI,EACV,aACE,eAAQ,CACN,CACA,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/common/zonos-badge/zonos-badge.scss?tag=zonos-badge&encapsulation=shadow","src/components/common/zonos-badge/zonos-badge.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  .zonos--badge-content {\n    display: flex;\n    gap: $amino-space-8;\n    font-size: $amino-font-size-s;\n    padding: 4px 8px;\n    text-align: center;\n    border-radius: $amino-radius-6;\n    background-color: $amino-gray-100;\n    color: $amino-gray-800;\n    align-items: center;\n  }\n  p {\n    font-weight: 600;\n    line-height: 16px;\n  }\n  .icon-right {\n    svg {\n      order: 2;\n    }\n  }\n\n  // size\n  .small {\n    padding: 2px 8px;\n  }\n  .rounded {\n    border-radius: 20px;\n  }\n\n  .bold {\n    // bold config default (gray)\n    background-color: $amino-gray-600;\n    color: $amino-gray-100;\n  }\n\n  .blue {\n    // color config\n    background-color: $amino-blue-100;\n    color: $amino-blue-800;\n    &.bold {\n      // bold config\n      background-color: $amino-blue-600;\n      color: $amino-blue-100;\n    }\n  }\n  .green {\n    // color config\n    background-color: $amino-green-100;\n    color: $amino-green-800;\n    &.bold {\n      // bold config\n      background-color: $amino-green-600;\n      color: $amino-green-100;\n    }\n  }\n  .red {\n    // color config\n    background-color: $amino-red-100;\n    color: $amino-red-800;\n    &.bold {\n      // bold config\n      background-color: $amino-red-600;\n      color: $amino-red-100;\n    }\n  }\n  .orange {\n    // color config\n    background-color: $amino-orange-100;\n    color: $amino-orange-800;\n    &.bold {\n      // bold config\n      background-color: $amino-orange-600;\n      color: $amino-orange-100;\n    }\n  }\n  .purple {\n    // color config\n    background-color: $amino-purple-100;\n    color: $amino-purple-800;\n    &.bold {\n      // bold config\n      background-color: $amino-purple-600;\n      color: $amino-purple-100;\n    }\n  }\n\n  .cyan {\n    // color config\n    background-color: $amino-cyan-100;\n    color: $amino-cyan-800;\n    &.bold {\n      // bold config\n      background-color: $amino-cyan-600;\n      color: $amino-cyan-100;\n    }\n  }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\nimport { classes } from 'src/components/utils/classes';\nimport type { ColorPrefix } from 'src/types/styles/Color';\n\n@Component({\n  shadow: true,\n  styleUrl: 'zonos-badge.scss',\n  tag: 'zonos-badge',\n})\nexport class ZonosBadge {\n  /**\n   * Whether or not the badge is bold\n   * @default false\n   */\n  @Prop() bold: boolean = false;\n\n  /**\n   * The size of the badge\n   * @default 24\n   */\n  @Prop() color: ColorPrefix = 'gray';\n\n  /**\n   * The icon element to display\n   * @default null\n   */\n  @Prop() icon?: HTMLZonosIconElement;\n\n  /**\n   * Position the icon to the right when icon is specified\n   * @default false\n   */\n  @Prop() iconRight: boolean = false;\n\n  /**\n   * The size of the badge\n   * @default 'default'\n   */\n  @Prop() size: 'small' | 'default' = 'default';\n\n  /**\n   * Whether or not the badge is rounded\n   * @default false\n   */\n  @Prop() rounded: boolean = false;\n\n  /**\n   * css class for the component\n   */\n  @Prop() class: string = '';\n\n  render() {\n    return (\n      <Host class={classes(['zonos--elements zonos--badge', this.class])}>\n        <div\n          class={classes([\n            'zonos--badge-content',\n            this.color,\n            this.rounded && 'rounded',\n            this.iconRight && 'icon-right',\n            this.size,\n            this.bold && 'bold',\n          ])}\n        >\n          {this.icon}\n          <p>\n            <slot />\n          </p>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/zonos-banner.js.map

@@ -1 +0,0 @@
-{"file":"zonos-banner.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/zonos-banner2.js.map

@@ -1 +0,0 @@
-{"file":"zonos-banner2.js","mappings":";;;;AAAA,MAAM,cAAc,GAAG,q7BAAq7B;;MCY/7B,WAAW;;;;;;;;IAuBd,qBAAgB,GAAG;MACzB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;KACxB,CAAC;;;iBAXsB,EAAE;sBAIK,KAAK;;EASpC,MAAM;IACJ,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAA0B;MACtD,MAAM,YAAY,GAAG,eAAe,KAAK,OAAO,CAAC;MACjD,MAAM,cAAc,GAAG,eAAe,KAAK,OAAO,CAAC;MAEnD,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;QACxB,IAAI,CAAC,WAAW;QAChB,YAAM,YAAY,EAAE,IAAI,CAAC,gBAAgB,GAAI;OAC9C,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;MAElB,MAAM,SAAS,GAAU,KAAK,KAAK,MAAM,GAAG,WAAW,GAAG,GAAG,KAAK,MAAM,CAAC;MACzE,QACE,WAAK,KAAK,EAAE,OAAO,CAAC,CAAC,kBAAkB,CAAC,CAAC,IACvC,WAAK,KAAK,EAAC,qBAAqB,IAK9B,WACE,KAAK,EAAE,YAAY,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,KAAK,EAAC,4BAA4B,IAElC,yBACY,SAAS,EACnB,CAAC,EAAC,yEAAyE,6BACnD,MAAM,EAC9B,IAAI,EAAE,cAAc,eACV,SAAS,GACb,EACR,yBACY,SAAS,EACnB,CAAC,EAAC,kHAAkH,EACpH,IAAI,EAAC,cAAc,eACT,SAAS,GACb,CACJ,CACF,EACN,WAAK,KAAK,EAAC,uBAAuB,IAChC,kBAAY,KAAK,EAAE,SAAS,EAAE,IAAI,EAAC,OAAO,EAAC,MAAM,EAAE,GAAG,IACnD,MAAM,CACI,CACT,EACL,OAAO,KACN,WAAK,KAAK,EAAC,wBAAwB,IACjC,kBAAY,KAAK,EAAE,SAAS,IAAG,OAAO,CAAc,CAChD,CACP,CACG,EACN;KACH,CAAC;IAEF,MAAM,SAAS,GAAG,OAAO,CAAC;MACxB,+BAA+B;MAC/B,IAAI,CAAC,KAAK;MACV,IAAI,CAAC,MAAM;KACZ,CAAC,CAAC;IACH,QAAQ,IAAI,CAAC,MAAM;MACjB,KAAK,OAAO;QACV,QACE,EAAC,IAAI,IAAC,KAAK,EAAE,SAAS,IACnB,aAAa,CAAC;UACb,KAAK,EAAE,KAAK;SACb,CAAC,CACG,EACP;MAEJ,KAAK,MAAM;QACT,QACE,EAAC,IAAI,IAAC,KAAK,EAAE,SAAS,IACnB,aAAa,CAAC;UACb,KAAK,EAAE,MAAM;SACd,CAAC,CACG,EACP;MAEJ,KAAK,SAAS;QACZ,QACE,EAAC,IAAI,IAAC,KAAK,EAAE,SAAS,IACnB,aAAa,CAAC;UACb,KAAK,EAAE,OAAO;SACf,CAAC,CACG,EACP;MAEJ,KAAK,SAAS;QACZ,QACE,EAAC,IAAI,IAAC,KAAK,EAAE,SAAS,IACnB,aAAa,CAAC;UACb,KAAK,EAAE,QAAQ;SAChB,CAAC,CACG,EACP;MACJ;QACE,QACE,EAAC,IAAI,IAAC,KAAK,EAAE,SAAS,IACnB,aAAa,CAAC;UACb,KAAK,EAAE,MAAM;SACd,CAAC,CACG,EACP;KACL;GACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/common/zonos-banner/zonos-banner.scss?tag=zonos-banner&encapsulation=shadow","src/components/common/zonos-banner/zonos-banner.tsx"],"sourcesContent":[":host {\n  border-radius: $amino-radius-10;\n  padding: $amino-space-16;\n  background: $amino-gray-100;\n  .zonos--container {\n    display: grid;\n    align-items: center;\n    grid-template-areas:\n      'icon header'\n      '. content';\n    grid-template-columns: 32px auto 0;\n  }\n\n  .zonos--icon-wrapper {\n    grid-area: icon;\n    display: flex;\n    justify-self: start;\n  }\n  .zonos--header-wrapper {\n    grid-area: header;\n  }\n  .zonos--content-wrapper {\n    grid-area: content;\n    margin-top: 8px;\n  }\n}\n\n:host(.info) {\n  background-color: $amino-blue-100;\n}\n\n:host(.success) {\n  background-color: $amino-green-100;\n}\n\n:host(.error) {\n  background-color: $amino-red-100;\n}\n\n:host(.warning) {\n  background-color: $amino-orange-100;\n}\n","import { Component, h, Host, Prop, State } from '@stencil/core';\n\nimport { classes } from 'src/components/utils/classes';\nimport type { Color, ColorPrefix } from 'src/types/styles/Color';\n\nexport type BannerIntent = 'default' | 'error' | 'success' | 'warning' | 'info';\n\n@Component({\n  shadow: true,\n  styleUrl: 'zonos-banner.scss',\n  tag: 'zonos-banner',\n})\nexport class ZonosBanner {\n  /**\n   * Whether or not the banner is bold\n   */\n  @Prop() bannerTitle?: string;\n\n  /**\n   * Intent of the banner (success, warning, error)\n   */\n  @Prop() intent?: BannerIntent;\n\n  /**\n   * css class for the component\n   */\n  @Prop() class: string = '';\n  /**\n   * Whether or not the button has content\n   */\n  @State() hasContent: boolean = false;\n\n  /**\n   * Detect if the button has an content\n   */\n  private handleSlotChange = () => {\n    this.hasContent = true;\n  };\n\n  render() {\n    const renderContent = ({ color }: { color: ColorPrefix }) => {\n      const primaryColor = `var(--amino-${color}-800)`;\n      const secondaryColor = `var(--amino-${color}-300)`;\n\n      const [header, content] = [\n        this.bannerTitle,\n        <slot onSlotchange={this.handleSlotChange} />,\n      ].filter(Boolean);\n\n      const textColor: Color = color === 'gray' ? 'gray-1200' : `${color}-800`;\n      return (\n        <div class={classes(['zonos--container'])}>\n          <div class=\"zonos--icon-wrapper\">\n            {/* Info svg icon (couldn't use zonos-icon because \n            this component only use one icon, and only\n            need to update the color).\n            Use svg directly better in this case */}\n            <svg\n              color={primaryColor}\n              fill=\"none\"\n              height=\"20\"\n              viewBox=\"0 0 24 24\"\n              width=\"20\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                clip-rule=\"evenodd\"\n                d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Z\"\n                data-is-secondary-color=\"true\"\n                fill={secondaryColor}\n                fill-rule=\"evenodd\"\n              ></path>\n              <path\n                clip-rule=\"evenodd\"\n                d=\"M12 6.99a1 1 0 0 1 1 1V8a1 1 0 1 1-2 0v-.01a1 1 0 0 1 1-1ZM12 11a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1Z\"\n                fill=\"currentColor\"\n                fill-rule=\"evenodd\"\n              ></path>\n            </svg>\n          </div>\n          <div class=\"zonos--header-wrapper\">\n            <zonos-text color={textColor} type=\"label\" weight={600}>\n              {header}\n            </zonos-text>\n          </div>\n          {content && (\n            <div class=\"zonos--content-wrapper\">\n              <zonos-text color={textColor}>{content}</zonos-text>\n            </div>\n          )}\n        </div>\n      );\n    };\n\n    const baseClass = classes([\n      'zonos--elements zonos--banner',\n      this.class,\n      this.intent,\n    ]);\n    switch (this.intent) {\n      case 'error':\n        return (\n          <Host class={baseClass}>\n            {renderContent({\n              color: 'red',\n            })}\n          </Host>\n        );\n\n      case 'info':\n        return (\n          <Host class={baseClass}>\n            {renderContent({\n              color: 'blue',\n            })}\n          </Host>\n        );\n\n      case 'success':\n        return (\n          <Host class={baseClass}>\n            {renderContent({\n              color: 'green',\n            })}\n          </Host>\n        );\n\n      case 'warning':\n        return (\n          <Host class={baseClass}>\n            {renderContent({\n              color: 'orange',\n            })}\n          </Host>\n        );\n      default:\n        return (\n          <Host class={baseClass}>\n            {renderContent({\n              color: 'gray',\n            })}\n          </Host>\n        );\n    }\n  }\n}\n"],"version":3}

package/dist/components/zonos-button.js.map

@@ -1 +0,0 @@
-{"file":"zonos-button.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/zonos-button2.js.map

@@ -1 +0,0 @@
-{"file":"zonos-button2.js","mappings":"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","names":[],"sources":["src/components/utils/getButtonTheme.ts","src/components/common/zonos-button/zonos-button.scss?tag=zonos-button&encapsulation=shadow","src/components/common/zonos-button/zonos-button.tsx"],"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","$color: var(--color, $amino-gray-1200);\n\n$border-radius: var(--border-radius, $amino-radius-10);\n\n@function get-text-color($defaultColor) {\n  @return var(--color, $defaultColor);\n}\n@function get-background-color($defaultColor) {\n  @return var(--background-color, $defaultColor);\n}\n\n:host {\n  display: inline-flex;\n\n  .zonos--spinner-wrapper {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    background-color: $amino-surface-color;\n    justify-content: center;\n    border-radius: $amino-radius-10;\n    gap: $amino-space-8;\n  }\n\n  button {\n    display: inline-flex;\n    width: 100%;\n    position: relative;\n    outline: none;\n    font-size: 14px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    padding: 0 $amino-space-16;\n    background-color: $amino-surface-color;\n    border: none;\n    outline: 1px solid $amino-surface-color;\n    border-radius: $border-radius;\n    transition: $amino-transition;\n    font-weight: 500;\n    user-select: none;\n    font-family: $amino-font-sans;\n    letter-spacing: normal;\n    cursor: pointer;\n    white-space: nowrap;\n    padding: $amino-space-8 $amino-space-24;\n    color: $color;\n\n    &.sm,\n    &.md,\n    &.lg {\n      &.no-background {\n        background: none;\n        outline: none;\n      }\n      &.no-padding-left {\n        padding-left: 0;\n      }\n      &.no-padding-right {\n        padding-right: 0;\n      }\n    }\n\n    &[disabled] {\n      cursor: not-allowed;\n      background-color: $amino-gray-200;\n      .zonos--spinner-wrapper {\n        background-color: $amino-gray-200;\n      }\n    }\n\n    &:active {\n      transform: scale(0.99);\n    }\n\n    /** Button size */\n    &.sm {\n      height: $amino-size-sm;\n      line-height: $amino-size-sm;\n      padding: $amino-space-4 $amino-space-8;\n      // only icon and no content\n      &:not(.has-content).has-icon {\n        padding: 0 $amino-space-4;\n      }\n    }\n    &.md {\n      height: $amino-size-md;\n      line-height: $amino-size-md;\n      padding: $amino-space-8 $amino-space-16;\n      // only icon and no content\n      &:not(.has-content).has-icon {\n        padding: 0 $amino-space-8;\n      }\n    }\n    &.lg {\n      height: $amino-size-lg;\n      line-height: $amino-size-lg;\n      padding: $amino-space-12 $amino-space-24;\n      // only icon and no content\n      &:not(.has-content).has-icon {\n        padding: 0 $amino-space-16;\n      }\n    }\n\n    &:not(.only-icon).has-icon {\n      gap: $amino-space-8;\n    }\n\n    // styling button with override background color setting\n    &.override-background {\n      background-color: get-background-color($amino-gray-0);\n      color: get-text-color($amino-gray-1200);\n      outline: 1px solid get-background-color($amino-gray-0);\n      &:disabled {\n        opacity: 0.8;\n      }\n      &:not(:disabled):hover {\n        opacity: 0.9;\n      }\n    }\n\n    &:not(.override-background) {\n      /** Button variant */\n      &.primary {\n        background: $amino-blue-600;\n        outline: 1px solid $amino-blue-600;\n        color: $amino-gray-0;\n\n        &:not([disabled]) {\n          &:hover {\n            background-image: $amino-button-primary-hover;\n          }\n          &:active {\n            background: $amino-blue-700;\n          }\n          &:focus {\n            box-shadow: $amino-focus-button;\n          }\n        }\n\n        &[disabled] {\n          background: $amino-blue-400;\n          .zonos--spinner-wrapper {\n            background-color: $amino-blue-400;\n          }\n        }\n\n        .zonos--spinner-wrapper {\n          background-color: $amino-blue-600;\n        }\n      }\n      &.success {\n        background: $amino-green-600;\n        outline: 1px solid $amino-green-600;\n        color: $amino-gray-0;\n\n        &:not([disabled]) {\n          &:hover {\n            background-image: $amino-button-success-hover;\n          }\n          &:active {\n            background: $amino-green-700;\n          }\n          &:focus {\n            box-shadow: $amino-focus-button;\n          }\n        }\n\n        &[disabled] {\n          background: $amino-green-400;\n          .zonos--spinner-wrapper {\n            background-color: $amino-green-400;\n          }\n        }\n      }\n      &.danger {\n        background: $amino-red-600;\n        outline: 1px solid $amino-red-600;\n        color: $amino-gray-0;\n\n        &:not([disabled]) {\n          &:hover {\n            background-image: $amino-button-danger-hover;\n          }\n          &:active {\n            background: $amino-red-700;\n          }\n          &:focus {\n            box-shadow: $amino-focus-button;\n          }\n        }\n\n        &[disabled] {\n          background: $amino-red-400;\n          .zonos--spinner-wrapper {\n            background-color: $amino-red-400;\n          }\n        }\n      }\n      &.warning {\n        background: $amino-orange-600;\n        outline: 1px solid $amino-orange-600;\n        color: $amino-gray-0;\n\n        &:not([disabled]) {\n          &:hover {\n            background-image: $amino-button-warning-hover;\n          }\n          &:active {\n            background: $amino-orange-700;\n          }\n          &:focus {\n            box-shadow: $amino-focus-button;\n          }\n        }\n\n        &[disabled] {\n          background: $amino-orange-400;\n          .zonos--spinner-wrapper {\n            background-color: $amino-orange-400;\n          }\n        }\n      }\n      &.subtle {\n        background: transparent;\n        color: var(--color);\n\n        &:not([disabled]) {\n          &:hover {\n            background: $amino-gray-100;\n          }\n          &:active {\n            background: $amino-gray-200;\n          }\n        }\n\n        &:focus {\n          box-shadow: $amino-button-focus-ring;\n        }\n\n        &[disabled] {\n          .content {\n            opacity: 0.6;\n          }\n          .zonos--spinner-wrapper {\n            background-color: $amino-gray-0;\n          }\n        }\n      }\n      &.outline {\n        background: transparent;\n        outline: 1px solid $amino-gray-700;\n\n        &:not([disabled]) {\n          &:hover {\n            background-color: $amino-gray-100;\n          }\n          &:active {\n            background: $amino-gray-200;\n          }\n        }\n      }\n    }\n  }\n}\n","import { Component, h, Host, Listen, Prop, State, Watch } from '@stencil/core';\n\nimport { zonosStore } from 'src/components/store/zonosStore';\nimport { classes } from 'src/components/utils/classes';\nimport { getBorderRadius } from 'src/components/utils/getBorderRadius';\nimport { getButtonTheme } from 'src/components/utils/getButtonTheme';\nimport { isColorVariable } from 'src/components/utils/isColorVariable';\nimport type {\n  ElementsUiStyle,\n  ElementsUiTheme,\n} from 'src/types/generated/graphql.customer.types';\nimport type { Color } from 'src/types/styles/Color';\n\n@Component({\n  shadow: true,\n  styleUrl: 'zonos-button.scss',\n  tag: 'zonos-button',\n})\nexport class ZonosButton {\n  /**\n   * css class for the component\n   */\n  @Prop() class: string = '';\n\n  /**\n   * The color of the button text and svg\n   */\n  @Prop() color?: Color | (string & { _placeholder?: never });\n\n  /**\n   * The color of the button text and svg\n   * **NOTE**: If the button `variant` is set to 'standard', backgroundColor will be disregarded\n   */\n  @Prop() backgroundColor?: Color | (string & { _placeholder?: never });\n\n  /**\n   * The border style of the button\n   * @default ROUNDED\n   */\n  @Prop() borderStyle?: ElementsUiStyle;\n\n  /**\n   * Whether or not the button is disabled\n   * @note Prop should not conflict name with native html attribute if the prop is also affected by another prop.\n   * The issue is the component has internal disabled @prop(). @prop decorator is to watch the update of the attribute of the component in the dom.\n   * And `disabled` prop is not an only factor to determine the component is disabled. isLoading @prop() also affect that.\n   * <Host> is also referred to a component itself, if disabled prop is true, the `zonos-button` will have disabled attribute.\n   *  So let's say when the loading state is true, and the component consume the zonos-button doesn't pass the disabled prop down.\n   * It accidentally turns the disabled prop on even thought the disabled state is not changed from the outside.\n   */\n  @Prop() isDisabled: boolean = false;\n\n  /**\n   * The icon element to display\n   * @default null\n   */\n  @Prop() icon: HTMLZonosIconElement | null = null;\n\n  /**\n   * Whether or not the icon is on the right\n   * @default false\n   */\n  @Prop() iconRight?: boolean = false;\n\n  /**\n   * The size of the button\n   * @default 'sm'\n   */\n  @Prop() size: 'sm' | 'md' | 'lg' = 'sm';\n\n  /**\n   * The variance of the button\n   * **NOTE**: If the button `variant` is set to 'standard', backgroundColor will be disregarded\n   */\n  @Prop() variant:\n    | 'primary'\n    | 'success'\n    | 'subtle'\n    | 'outline'\n    | 'standard'\n    | 'danger'\n    | 'warning' = 'standard';\n\n  /**\n   * Whether or not the button has a background\n   * @default false\n   */\n  @Prop() noBackground: boolean = false;\n\n  /**\n   * Whether or not the button has a left padding\n   */\n  @Prop() noPaddingLeft: boolean = false;\n\n  /**\n   * Whether or not the button has a right padding\n   */\n  @Prop() noPaddingRight: boolean = false;\n\n  /**\n   * Whether or not the button is loading\n   */\n  @Prop() loading: boolean = false;\n\n  /**\n   * The theme of the button\n   */\n  @Prop() theme?: ElementsUiTheme;\n\n  /**\n   * Whether or not the button has an icon\n   */\n  @State() hasIcon: boolean = !!this.icon;\n  /**\n   * Detect if the icon changes and update the state accordingly\n   */\n  @Watch('icon')\n  iconChangeHandler() {\n    this.hasIcon = !!this.icon;\n  }\n\n  /**\n   * Whether or not the button has content\n   */\n  @State() hasContent: boolean = false;\n\n  @Listen('click', {\n    capture: true,\n  })\n  clickHandler(event: MouseEvent) {\n    if (this.loading || this.isDisabled) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  }\n\n  /**\n   * Detect if the button has an content\n   */\n  private handleSlotChange = () => {\n    this.hasContent = true;\n  };\n\n  componentWillLoad() {\n    this.iconChangeHandler();\n  }\n\n  render() {\n    const disabled = this.loading || this.isDisabled;\n\n    const color =\n      this.color && isColorVariable(this.color)\n        ? `var(--amino-${this.color})`\n        : this.color;\n\n    // use override background if it exists, otherwise use color from setting\n    const overrideBackground =\n      this.backgroundColor || zonosStore.appearance.colorSecondary;\n    // only set theme for button to change text color if variant is standard and override background is set\n    const buttonTheme =\n      this.variant === 'standard'\n        ? getButtonTheme(overrideBackground)\n        : undefined;\n\n    const borderStyle = getBorderRadius(this.borderStyle);\n    return (\n      <Host\n        class={classes(['zonos--elements', this.class])}\n        data-theme={this.theme || buttonTheme}\n        disabled={disabled}\n        style={{\n          '--background-color': overrideBackground,\n          '--border-radius': borderStyle,\n          '--color': color,\n        }}\n      >\n        <button\n          class={classes([\n            this.hasIcon && 'has-icon',\n            this.hasContent && 'has-content',\n            this.noBackground && 'no-background',\n            this.noPaddingLeft && 'no-padding-left',\n            this.noPaddingRight && 'no-padding-right',\n            this.iconRight && 'icon-right',\n            this.variant,\n            this.size,\n            // only override background if variant is set to standard\n            this.backgroundColor &&\n              this.variant === 'standard' &&\n              'override-background',\n          ])}\n          disabled={disabled}\n        >\n          {this.loading && (\n            <div class=\"zonos--spinner-wrapper\">\n              <zonos-spinner size={16}></zonos-spinner>\n            </div>\n          )}\n          {/* show content if not loading */}\n          {!this.loading && !this.iconRight && this.icon}\n          <slot onSlotchange={this.handleSlotChange} />\n          {!this.loading && this.iconRight && this.icon}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/zonos-card.js.map

@@ -1 +0,0 @@
-{"file":"zonos-card.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/zonos-card2.js.map

@@ -1 +0,0 @@
-{"file":"zonos-card2.js","mappings":";;;AAAA,MAAM,YAAY,GAAG,mgDAAmgD;;MCU3gD,SAAS;;;;;;;;;;;mBAkCO,MAAM;;EAEjC,MAAM;IACJ,QACE,EAAC,IAAI,QACH,WACE,KAAK,EAAE,OAAO,CAAC,CAAC,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAC3C,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,IAE/B,IAAI,CAAC,KAAK,KACT,cAAQ,KAAK,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,IAC1D,sBAAgB,IAAI,EAAC,WAAW,IAAE,IAAI,CAAC,KAAK,CAAkB,EAE9D,eAAS,OAAO,EAAE,CAAC,IAAG,IAAI,CAAC,OAAO,CAAW,CACtC,CACV,EAGD,eAAa,EAEZ,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,MACxC,cACE,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE;QACL,MAAM,EAAE,IAAI,CAAC,YAAY,GAAG,GAAG,IAAI,CAAC,YAAY,IAAI,GAAG,MAAM;QAC7D,OAAO,EAAE,IAAI,CAAC,OAAO;OACtB,IAED,eAAM,IAAI,CAAC,aAAa,CAAO,EAC/B,eAAS,OAAO,EAAE,CAAC,IAAG,IAAI,CAAC,aAAa,CAAW,CAC5C,CACV,CACG,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/common/zonos-card/zonos-card.scss?tag=zonos-card&encapsulation=shadow","src/components/common/zonos-card/zonos-card.tsx"],"sourcesContent":[":host {\n  .styled-card {\n    border: $amino-border;\n    border-radius: $amino-radius-6;\n    padding: var(--spacing, $amino-space-24);\n    text-align: left;\n\n    hr {\n      margin-left: calc(var(--spacing, $amino-space-24) * -1);\n      margin-right: calc(var(--spacing, $amino-space-24) * -1);\n    }\n\n    .card-header {\n      margin: calc(var(--spacing, $amino-space-24) * -1);\n      padding: var(--spacing, $amino-space-24);\n      display: flex;\n      align-items: center;\n      margin-bottom: var(--spacing, $amino-space-24);\n      border-bottom: $amino-border;\n      height: 65px;\n      line-height: 65px;\n      user-select: none;\n\n      h5 {\n        margin-bottom: 0;\n        flex: 1;\n      }\n    }\n\n    .card-footer {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin: calc(var(--spacing, $amino-space-24) * -1);\n      padding: var(--spacing, $amino-space-24);\n      border-top: $amino-border;\n      background: $amino-surface-color-secondary;\n      margin-top: var(--spacing, $amino-space-24);\n      border-bottom-left-radius: $amino-radius-8;\n      border-bottom-right-radius: $amino-radius-8;\n      height: var(--footerHeight);\n    }\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { Host } from '@stencil/core/internal';\n\nimport { classes } from 'src/components/utils/classes';\n\n@Component({\n  shadow: true,\n  styleUrl: 'zonos-card.scss',\n  tag: 'zonos-card',\n})\nexport class ZonosCard {\n  /**\n   * The actions to display in the header of the card\n   */\n  @Prop() actions?: HTMLElement;\n\n  /**\n   * The CSS class to apply to the card element\n   */\n  @Prop() class?: string;\n\n  /**\n   * The actions to display in the footer of the card\n   */\n  @Prop() footerActions?: HTMLElement;\n\n  /**\n   * The content to display in the footer of the card\n   */\n  @Prop() footerContent?: HTMLElement;\n\n  /**\n   * The height of the footer in pixels\n   */\n  @Prop() footerHeight?: number;\n\n  /**\n   * The label to display in the header of the card\n   */\n  @Prop() label?: HTMLElement;\n\n  /**\n   * The spacing to apply between elements in the card\n   */\n  @Prop() spacing?: string = '24px';\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={classes(['styled-card', this.class])}\n          style={{ padding: this.spacing }}\n        >\n          {this.label && (\n            <header class=\"card-header\" style={{ padding: this.spacing }}>\n              <text-component type=\"subheader\">{this.label}</text-component>\n\n              <h-stack spacing={8}>{this.actions}</h-stack>\n            </header>\n          )}\n\n          {/* Slot automatically inherits the children passed in */}\n          <slot></slot>\n\n          {(this.footerActions || this.footerContent) && (\n            <footer\n              class=\"card-footer\"\n              style={{\n                height: this.footerHeight ? `${this.footerHeight}px` : 'auto',\n                padding: this.spacing,\n              }}\n            >\n              <div>{this.footerContent}</div>\n              <h-stack spacing={8}>{this.footerActions}</h-stack>\n            </footer>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/zonos-cart-items.js.map

@@ -1 +0,0 @@
-{"file":"zonos-cart-items.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/zonos-cart-items2.js.map

@@ -1 +0,0 @@
-{"file":"zonos-cart-items2.js","mappings":";;;;;AAAA,MAAM,iBAAiB,GAAG,yoBAAyoB;;MCWtpB,cAAc;;;;;uBACQ,EAAE;;EAEnC,MAAM;;IACJ,MAAM,YAAY,GAAG,YAAY,CAAC,0BAA0B,CAAC,CAAC;IAC9D,MAAM,IAAI,GAAG,CAAA,MAAA,SAAS,CAAC,YAAY,0CAAE,IAAI,KAAI,CAAC,CAAC;IAC/C,QACE,EAAC,IAAI,IAAC,KAAK,EAAC,mCAAmC,IAC7C,aAAO,KAAK,EAAC,mBAAmB,IAC9B,iBACG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI;MACvB,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;MAC9B,QACE,UAAI,KAAK,EAAC,kBAAkB,IAC1B,UAAI,KAAK,EAAC,sCAAsC,IAC7C,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,IAC7C,WACE,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,OAAO,EAAE;UACP,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;SACnD,EACD,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,KAAK,EAAE;UACL,WAAW,EAAE,MAAM;SACpB,EACD,KAAK,EAAE,EAAE,GACT,KAEF,WAAK,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,GAAI,CACtD,CACE,EACL,UAAI,KAAK,EAAC,qCAAqC,IAC7C,kBAAY,IAAI,EAAC,OAAO,IAAE,IAAI,CAAC,IAAI,CAAc,CAC9C,EACL,UAAI,KAAK,EAAC,sCAAsC,IAC9C,kBAAY,IAAI,EAAC,eAAe,IAC7B,cAAc,CAAC;QACd,MAAM,EAAE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI;QAC1C,QAAQ,EAAE,SAAS,CAAC,QAAQ;OAC7B,CAAC,CACS,CACV,CACF,EACL;KACH,CAAC,CACI,CACF,CACH,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/checkout/zonos-checkout/zonos-cart-items/zonos-cart-items.scss?tag=zonos-cart-items&encapsulation=shadow","src/components/checkout/zonos-checkout/zonos-cart-items/zonos-cart-items.tsx"],"sourcesContent":[":host {\n  .zonos--cart-table {\n    width: 100%;\n    border: none;\n    border-collapse: collapse;\n    overflow: auto;\n    font-size: $amino-font-size-base;\n    .zonos--column {\n      padding: $amino-space-8;\n      font-size: $amino-font-size-base;\n      &:last-child {\n        text-align: right;\n      }\n      &:first-child {\n        width: 60px;\n      }\n    }\n  }\n  img {\n    min-width: 40px;\n  }\n}\n","import { Component, getAssetPath, h, Host, State } from '@stencil/core';\n\nimport { cartStore } from 'src/components/store/checkout/cart';\nimport { formatCurrency } from 'src/components/utils/formatCurrency';\n\n@Component({\n  assetsDirs: ['assets'],\n  shadow: true,\n  styleUrl: 'zonos-cart-items.scss',\n  tag: 'zonos-cart-items',\n})\nexport class ZonosCartItems {\n  @State() errorImages: string[] = [];\n\n  render() {\n    const emptyItemImg = getAssetPath('./assets/empty-item.jpeg');\n    const rate = cartStore.exchangeRate?.rate || 1;\n    return (\n      <Host class=\"zonos--cart-items zonos--elements\">\n        <table class=\"zonos--cart-table\">\n          <tbody>\n            {cartStore.items.map(item => {\n              const itemImg = item.imageUrl;\n              return (\n                <tr class=\"zonos--cart-item\">\n                  <td class=\"zonos--column zonos--cart-item-image\">\n                    {itemImg && !this.errorImages.includes(itemImg) ? (\n                      <img\n                        alt={item.name}\n                        onError={() => {\n                          this.errorImages = [...this.errorImages, itemImg];\n                        }}\n                        src={item.imageUrl}\n                        style={{\n                          'min-width': '40px',\n                        }}\n                        width={40}\n                      />\n                    ) : (\n                      <img alt={item.name} src={emptyItemImg} width={40} />\n                    )}\n                  </td>\n                  <td class=\"zonos--column zonos--cart-item-name\">\n                    <zonos-text type=\"label\">{item.name}</zonos-text>\n                  </td>\n                  <td class=\"zonos--column zonos--cart-item-price\">\n                    <zonos-text type=\"semiBoldLabel\">\n                      {formatCurrency({\n                        amount: item.amount * item.quantity * rate,\n                        currency: cartStore.currency,\n                      })}\n                    </zonos-text>\n                  </td>\n                </tr>\n              );\n            })}\n          </tbody>\n        </table>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/zonos-cart-subtotal.js.map

@@ -1 +0,0 @@
-{"file":"zonos-cart-subtotal.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/zonos-cart-subtotal2.js.map

@@ -1 +0,0 @@
-{"file":"zonos-cart-subtotal2.js","mappings":"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","names":[],"sources":["src/components/checkout/zonos-checkout/zonos-cart-subtotal/zonos-cart-subtotal.scss?tag=zonos-cart-subtotal&encapsulation=shadow","src/components/checkout/zonos-checkout/zonos-cart-subtotal/zonos-cart-subtotal.tsx"],"sourcesContent":[":host {\n  .zonos--cart-table {\n    width: 100%;\n    border: none;\n    border-collapse: collapse;\n    overflow: auto;\n    font-size: $amino-font-size-base;\n    .zonos--column {\n      padding: $amino-space-20 $amino-space-8;\n      vertical-align: top;\n      &:last-child {\n        text-align: right;\n      }\n      &:first-child {\n        width: 60px;\n      }\n    }\n  }\n  .zonos--title-with-icon {\n    display: flex;\n    align-items: center;\n    gap: $amino-space-8;\n  }\n  .zonos--cart-subtotal-title,\n  .zonos--cart-subtotal-price {\n    border-bottom: 1px solid $amino-gray-200;\n  }\n\n  .zonos--cart-subtotal-price {\n    text-align: right;\n  }\n}\n","import { Component, Fragment, h, Host } from '@stencil/core';\n\nimport { cartStore } from 'src/components/store/checkout/cart';\nimport { translate } from 'src/components/store/translationStore';\nimport { formatCurrency } from 'src/components/utils/formatCurrency';\n\n// These assets neet to be in relative path as https://www.npmjs.com/package/stencil-inline-svg suggested\n// eslint-disable-next-line no-relative-import-paths/no-relative-import-paths\nimport InfoIcon from './assets/InfoIcon.svg';\n@Component({\n  assetsDirs: ['assets'],\n  shadow: true,\n  styleUrl: 'zonos-cart-subtotal.scss',\n  tag: 'zonos-cart-subtotal',\n})\nexport class ZonosCartSubtotal {\n  render() {\n    const totalWithoutTaxes = cartStore.total - cartStore.dutiesTaxFees;\n    const renderShippingInfo = () => {\n      if (!cartStore.selectedShippingOption) {\n        return (\n          <>\n            <zonos-text class=\"zonos--title\" type=\"semiBoldLabel\">\n              {translate('Shipping')}\n            </zonos-text>\n            <zonos-text class=\"zonos--caption\" type=\"caption\">\n              {translate('No shipping method selected')}\n            </zonos-text>\n          </>\n        );\n      }\n      return (\n        <>\n          <zonos-text class=\"zonos--title\" type=\"semiBoldLabel\">\n            {cartStore.selectedShippingOption.displayName}\n          </zonos-text>\n          {cartStore.selectedShippingOptionTransitTime && (\n            <zonos-text class=\"zonos--caption\" type=\"caption\">\n              {cartStore.selectedShippingOptionTransitTime}{' '}\n              {translate('business days')}\n            </zonos-text>\n          )}\n        </>\n      );\n    };\n    return (\n      <Host class=\"zonos--cart-subtotal zonos--elements\">\n        <table class=\"zonos--cart-table\">\n          <tr class=\"zonos--row zonos--cart-subtotal\">\n            <td class=\"zonos--column\"></td>\n            <td class=\"zonos--column zonos--cart-subtotal-title\">\n              <zonos-text type=\"semiBoldLabel\">\n                {translate('Cart subtotal')}\n              </zonos-text>\n            </td>\n            <td class=\"zonos--column zonos--cart-subtotal-price\">\n              <zonos-text type=\"semiBoldLabel\">\n                {formatCurrency({\n                  amount: cartStore.subtotal,\n                  currency: cartStore.currency,\n                })}\n              </zonos-text>\n            </td>\n          </tr>\n          <tr class=\"zonos--row zonos--cart-shipping\">\n            <td class=\"zonos--column\"></td>\n            <td class=\"zonos--column zonos--cart-subtotal-title\">\n              {renderShippingInfo()}\n            </td>\n            <td class=\"zonos--column zonos--cart-subtotal-price\">\n              {cartStore.shipping\n                ? formatCurrency({\n                    amount: cartStore.shipping,\n                    currency: cartStore.currency,\n                  })\n                : '-'}\n            </td>\n          </tr>\n          {/* Only show fee row when step is payment */}\n          {cartStore.step === 'payment' && (\n            <tr class=\"zonos--row zonos--cart-duties\">\n              <td class=\"zonos--column\"></td>\n              <td class=\"zonos--column zonos--cart-subtotal-title\">\n                <div class=\"zonos--title-with-icon\">\n                  <zonos-text class=\"zonos--title\" type=\"semiBoldLabel\">\n                    {translate('Duties, taxes, and fees')}\n                  </zonos-text>\n                  <zonos-icon content={InfoIcon} size={16}></zonos-icon>\n                </div>\n                {!!cartStore.isSelectedShippingAboveDeminimis && (\n                  <zonos-text color=\"gray-800\" type=\"body\">\n                    {translate(\n                      'Order is over the de minimis threshold for both duty and tax',\n                    )}\n                  </zonos-text>\n                )}\n              </td>\n              <td class=\"zonos--column zonos--cart-subtotal-price\">\n                {cartStore.dutiesTaxFees\n                  ? formatCurrency({\n                      amount: cartStore.dutiesTaxFees,\n                      currency: cartStore.currency,\n                    })\n                  : '-'}\n                {cartStore.isSelectedShippingGuarantee && (\n                  <zonos-badge>{translate('Guaranteed')}</zonos-badge>\n                )}\n              </td>\n            </tr>\n          )}\n          <tr class=\"zonos--row zonos--cart-pay-total\">\n            <td class=\"zonos--column\"></td>\n            <td class=\"zonos--column\">\n              <zonos-text class=\"zonos--title\" type=\"semiBoldLabel\">\n                {translate('Order total')}\n              </zonos-text>\n            </td>\n            <td class=\"zonos--column\">\n              <zonos-text type=\"semiBoldLabel\">\n                {formatCurrency({\n                  amount:\n                    // show total without taxes when step is shipping, show total with taxes when step is payment\n                    cartStore.step === 'shipping'\n                      ? totalWithoutTaxes\n                      : cartStore.total,\n                  currency: cartStore.currency,\n                })}\n              </zonos-text>\n            </td>\n          </tr>\n        </table>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/zonos-checkout-finish.js.map

@@ -1 +0,0 @@
-{"file":"zonos-checkout-finish.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/zonos-checkout-finish2.js.map

@@ -1 +0,0 @@
-{"file":"zonos-checkout-finish2.js","mappings":";;;;;;;;;;;;;;AAAA,MAAM,sBAAsB,GAAG,q8BAAq8B;;MCwCv9B,mBAAmB;;;;;;IA2BtB,uBAAkB,GAAG;MAC3B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;MACtB,MAAM,YAAY,GAChB,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,CAC7C,8BAA8B,CAC/B,IAAI,WAAW,CAAC,YAAY,CAAC;MAChC,IAAI,YAAY,IAAI,IAAI,CAAC,oBAAoB,EAAE;QAC7C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,MAAM,0BAA0B,CAAC;UAC3D,YAAY;UACZ,oBAAoB,EAAE,IAAI,CAAC,oBAAoB;SAChD,CAAC,CAAC;QACH,IAAI,CAAC,gBAAgB,GAAG,KAAK,GAAG,OAAO,GAAG,SAAS,CAAC;QACpD,IAAI,CAAC,oBAAoB,GAAG,QAAQ,IAAI,EAAE,CAAC;QAC3C,IAAI,CAAC,iBAAiB,GAAG,KAAK;YAC1B,SAAS,CAAC,gBAAgB,CAAC;YAC3B,SAAS,CAAC,iBAAiB,CAAC,CAAC;QAEjC,IAAI,KAAK,EAAE;UACT,UAAU,CAAC,6BAA6B,CAAC,CAAC;SAC3C;aAAM;UACL,UAAU,CAAC,wBAAwB,CAAC,CAAC;SACtC;OACF;MACD,gBAAgB,EAAE,CAAC;MACnB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;KACxB,CAAC;IAEM,sBAAiB,GAAG;MAC1B,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;KACxB,CAAC;wBApDsC,SAAS;;;qBAkBnB,IAAI;4BACe,SAAS;6BACrB,EAAE;gCACG,EAAE;;EAiC5C,gBAAgB;IACd,IAAI,IAAI,CAAC,oBAAoB,EAAE;;MAE7B,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC;MACvD,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC;MACzD,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC;MAC/D,OAAO;KACR;IACD,KAAK,IAAI,CAAC,kBAAkB,EAAE,CAAC;GAChC;EAED,MAAM;IACJ,QACE,EAAC,IAAI,IACH,KAAK,EAAC,wCAAwC,EAC9C,KAAK,EAAE;QACL,iBAAiB,EAAE,eAAe,CAAC,IAAI,CAAC,YAAY,CAAC;OACtD,IAEA,IAAI,CAAC,SAAS,KACb,WAAK,KAAK,EAAC,iBAAiB,IAC1B,wBAA+B,CAC3B,CACP,EACA,CAAC,IAAI,CAAC,SAAS,KACd,WAAK,KAAK,EAAC,cAAc,IACtB,IAAI,CAAC,gBAAgB,KAAK,SAAS,IAClC,kBACE,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,EAAE,GACI,KAEd,kBACE,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,UAAU,EACnB,IAAI,EAAE,EAAE,GACI,CACf,EACD,kBAAY,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,mBAAmB,IACtD,IAAI,CAAC,iBAAiB,CACZ,EACb,sBACG,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,OAAO,KACpC,kBACG,OAAO,EACR,aAAM,CACL,CACJ,CAAC,CACS,EACb,oBACE,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,EAAE,EACvC,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,IAEhB,SAAS,CAAC,eAAe,CAAC,CACd,CACX,CACP,CACI,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/checkout/zonos-checkout/zonos-checkout-finish/zonos-checkout-finish.scss?tag=zonos-checkout-finish&encapsulation=shadow","src/components/checkout/zonos-checkout/zonos-checkout-finish/zonos-checkout-finish.tsx"],"sourcesContent":["$border-radius: var(--border-radius, 10px);\n\n:host {\n  display: flex;\n  flex-direction: column;\n  .zonos--group {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin-bottom: $amino-space-24;\n    border-radius: $border-radius;\n    gap: $amino-space-24;\n    max-width: 360px;\n    width: auto;\n    margin: auto;\n    margin-top: $amino-space-24;\n    background-color: $amino-gray-50;\n    padding: $amino-space-20;\n  }\n  zonos-button {\n    width: 100%;\n  }\n  .loading-wrapper {\n    min-height: 300px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n}\n","import {\n  type EventEmitter,\n  Component,\n  Event,\n  Fragment,\n  h,\n  Host,\n  Prop,\n  State,\n} from '@stencil/core';\nimport type { PaymentIntent } from '@stripe/stripe-js';\n\nimport {\n  stripeStore,\n  stripeStoreReset,\n  stripeStoreRetrievePayment,\n} from 'src/components/store/checkout/stripe';\nimport { translate } from 'src/components/store/translationStore';\nimport { getBorderRadius } from 'src/components/utils/getBorderRadius';\nimport { submitGtag } from 'src/components/utils/submitGtag';\nimport type { ElementsUiStyle } from 'src/types';\n\n// eslint-disable-next-line no-relative-import-paths/no-relative-import-paths\nimport RemoveIcon from './assets/RemoveIcon.svg';\n/* Need to use relative import because inline-svg-stencil couldn't resolve absolute path */\n// eslint-disable-next-line no-relative-import-paths/no-relative-import-paths\nimport SuccessIcon from './assets/SuccessIcon.svg';\n\ntype OverrideNotification = {\n  messages: string[];\n  title: string;\n  type: 'success' | 'error';\n};\n\n@Component({\n  assetsDirs: ['assets'],\n  shadow: true,\n  styleUrl: 'zonos-checkout-finish.scss',\n  tag: 'zonos-checkout-finish',\n})\nexport class ZonosCheckoutFinish {\n  /**\n   * The border radius style of the dialog\n   */\n  @Prop() borderRadius: ElementsUiStyle = 'ROUNDED';\n\n  /**\n   * Force status to test the UI for storybook\n   */\n  @Prop() storybookForceStatus?: PaymentIntent['status'];\n\n  /**\n   * Override the notification message and title, bypass checking stripe payment status\n   *\n   */\n  @Prop() overrideNotification?: OverrideNotification;\n\n  /**\n   * Event to emit when the continue button is clicked\n   */\n  @Event() closeClick!: EventEmitter<void>;\n\n  @State() isLoading: boolean = true;\n  @State() notificationType: 'success' | 'error' = 'success';\n  @State() notificationTitle: string = '';\n  @State() notificationMessages: string[] = [];\n\n  private checkPaymentStatus = async () => {\n    this.isLoading = true;\n    const clientSecret =\n      new URLSearchParams(window.location.search).get(\n        'payment_intent_client_secret',\n      ) || stripeStore.clientSecret;\n    if (clientSecret || this.storybookForceStatus) {\n      const { error, messages } = await stripeStoreRetrievePayment({\n        clientSecret,\n        storybookForceStatus: this.storybookForceStatus,\n      });\n      this.notificationType = error ? 'error' : 'success';\n      this.notificationMessages = messages || [];\n      this.notificationTitle = error\n        ? translate('Payment failed')\n        : translate(\"You're all set!\");\n\n      if (error) {\n        submitGtag('zonos-checkout-payment-fail');\n      } else {\n        submitGtag('zonos-checkout-success');\n      }\n    }\n    stripeStoreReset();\n    this.isLoading = false;\n  };\n\n  private closeClickHandler = () => {\n    this.closeClick.emit();\n  };\n\n  componentDidLoad() {\n    if (this.overrideNotification) {\n      // just show the notification and don't check any of the payment status\n      this.notificationType = this.overrideNotification.type;\n      this.notificationTitle = this.overrideNotification.title;\n      this.notificationMessages = this.overrideNotification.messages;\n      return;\n    }\n    void this.checkPaymentStatus();\n  }\n\n  render() {\n    return (\n      <Host\n        class=\"zonos--checkout-finish zonos--elements\"\n        style={{\n          '--border-radius': getBorderRadius(this.borderRadius),\n        }}\n      >\n        {this.isLoading && (\n          <div class=\"loading-wrapper\">\n            <zonos-spinner></zonos-spinner>\n          </div>\n        )}\n        {!this.isLoading && (\n          <div class=\"zonos--group\">\n            {this.notificationType === 'success' ? (\n              <zonos-icon\n                color={'blue-800'}\n                content={SuccessIcon}\n                size={50}\n              ></zonos-icon>\n            ) : (\n              <zonos-icon\n                color={'red-800'}\n                content={RemoveIcon}\n                size={50}\n              ></zonos-icon>\n            )}\n            <zonos-text class=\"zonos--title\" type=\"semiBoldSubheader\">\n              {this.notificationTitle}\n            </zonos-text>\n            <zonos-text>\n              {this.notificationMessages.map(message => (\n                <>\n                  {message}\n                  <br />\n                </>\n              ))}\n            </zonos-text>\n            <zonos-button\n              onClick={() => this.closeClickHandler()}\n              size=\"md\"\n              variant=\"primary\"\n            >\n              {translate('Keep shopping')}\n            </zonos-button>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/zonos-checkout-payment.js.map

@@ -1 +0,0 @@
-{"file":"zonos-checkout-payment.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/zonos-checkout-payment2.js.map

@@ -1 +0,0 @@
-{"file":"zonos-checkout-payment2.js","mappings":";;;;;;;;;;;AAAA,MAAM,uBAAuB,GAAG,u/DAAu/D;;MC0B1gE,oBAAoB;;;;;;;;IA2CvB,yBAAoB,GAAG;MAC7B,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;KAC7B,CAAC;wBAzC8B,KAAK;;2BAUF,KAAK;;oBAgBX,IAAI;;EAGjC,iBAAiB;IACf,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;;MAElB,UAAU,CAAC,6BAA6B,CAAC,CAAC;KAC3C;GACF;EASD,MAAM;;IACJ,IAAI,CAAC,WAAW,CAAC,cAAc,EAAE;MAC/B,OAAO,IAAI,CAAC;KACb;IAED,IAAI,CAAC,QAAQ,GAAG,EAAC,MAAA,WAAW,CAAC,sBAAsB,0CAAE,QAAQ,CAAA,CAAC;IAE9D,QACE,EAAC,IAAI,IAAC,KAAK,EAAC,yCAAyC,IACnD,WAAK,KAAK,EAAC,cAAc,IACvB,kBAAY,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,mBAAmB,IACtD,SAAS,CAAC,gBAAgB,CAAC,CACjB,EACZ,IAAI,CAAC,YAAY,KAChB,oBAAc,KAAK,EAAC,6BAA6B,EAAC,MAAM,EAAC,OAAO,IAC7D,SAAS,CACR,qFAAqF,CACtF,CACY,CAChB,EACD,wBAA+B,CAC3B,EACN,oBACE,eAAe,EAAE,IAAI,CAAC,cAAc,iBACvB,IAAI,CAAC,QAAQ,EAC1B,OAAO,EAAE,IAAI,CAAC,eAAe,EAC7B,OAAO,EAAE,MAAM,IAAI,CAAC,oBAAoB,EAAE,EAC1C,IAAI,EAAC,IAAI;;MAET,OAAO,EAAE,IAAI,CAAC,aAAa,WAEvB,GAAG,EACN,cAAc,CAAC;MACd,MAAM,EAAE,SAAS,CAAC,KAAK;MACvB,QAAQ,EAAE,SAAS,CAAC,QAAQ;KAC7B,CAAC,CACW,CACV,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/checkout/zonos-checkout/zonos-checkout-payment/zonos-checkout-payment.scss?tag=zonos-checkout-payment&encapsulation=scoped","src/components/checkout/zonos-checkout/zonos-checkout-payment/zonos-checkout-payment.tsx"],"sourcesContent":[":host {\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  .zonos--title {\n    margin-bottom: $amino-space-24;\n  }\n  .zonos--group {\n    margin-bottom: $amino-space-20;\n    overflow: auto;\n    padding: 0 5px;\n\n    @include zonos--scrollbar;\n  }\n\n  .zonos--payment-error-banner {\n    margin-bottom: $amino-space-8;\n  }\n\n  zonos-button {\n    width: 100%;\n  }\n}\n","import {\n  type EventEmitter,\n  Component,\n  Event,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\n\nimport { cartStore } from 'src/components/store/checkout/cart';\nimport { stripeStore } from 'src/components/store/checkout/stripe';\nimport { translate } from 'src/components/store/translationStore';\nimport { formatCurrency } from 'src/components/utils/formatCurrency';\nimport { submitGtag } from 'src/components/utils/submitGtag';\n\n@Component({\n  /**\n   * Use `scope` here just because this component is `zonos-address` which is using stripe elements and stripe\n   * need to be able to inject iframe into this component from the DOM\n   */\n  scoped: true,\n  styleUrl: 'zonos-checkout-payment.scss',\n  tag: 'zonos-checkout-payment',\n})\nexport class ZonosCheckoutPayment {\n  /**\n   * Error occurred during payment\n   */\n  @Prop() paymentError: boolean = false;\n\n  /**\n   * Whether or not the checkout is in mobile mode\n   */\n  @Prop() submitBtnType?: HTMLZonosButtonElement['variant'];\n\n  /**\n   * Whether or not the continue button is loading\n   */\n  @Prop() continueLoading: boolean = false;\n\n  /**\n   * Submit button main color\n   */\n  @Prop() submitBtnColor?: string;\n\n  /**\n   * Event to emit when the continue button is clicked\n   */\n  @Event() continueClicked!: EventEmitter<void>;\n\n  /**\n   * Whether or not the continue button is disabled\n   * @default true\n   */\n  @State() disabled: boolean = true;\n\n  @Watch('disabled')\n  watchFormComplete() {\n    if (!this.disabled) {\n      // submit google tag when the form is complete\n      submitGtag('zonos-checkout-payment-info');\n    }\n  }\n\n  /**\n   * handler for continue button click\n   */\n  private continueClickHandler = () => {\n    this.continueClicked.emit();\n  };\n\n  render() {\n    if (!stripeStore.stripeElements) {\n      return null;\n    }\n\n    this.disabled = !stripeStore.stripePaymentEventData?.complete;\n\n    return (\n      <Host class=\"zonos--checkout-payment zonos--elements\">\n        <div class=\"zonos--group\">\n          <zonos-text class=\"zonos--title\" type=\"semiBoldSubheader\">\n            {translate('Payment method')}\n          </zonos-text>\n          {this.paymentError && (\n            <zonos-banner class=\"zonos--payment-error-banner\" intent=\"error\">\n              {translate(\n                \"We couldn't complete your payment. Please verify the payment details and try again.\",\n              )}\n            </zonos-banner>\n          )}\n          <zonos-payment></zonos-payment>\n        </div>\n        <zonos-button\n          backgroundColor={this.submitBtnColor}\n          is-disabled={this.disabled}\n          loading={this.continueLoading}\n          onClick={() => this.continueClickHandler()}\n          size=\"lg\"\n          // use primary type when on mobile mode\n          variant={this.submitBtnType}\n        >\n          Pay{' '}\n          {formatCurrency({\n            amount: cartStore.total,\n            currency: cartStore.currency,\n          })}\n        </zonos-button>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/zonos-checkout.js.map

@@ -1 +0,0 @@
-{"file":"zonos-checkout.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,gBAAgB,GAAG,+hNAA+hN;;MCiE3iNA,eAAa;;;;IAyFhB,qBAAgB,GAAG;;MACzB,MAAM,KAAK,GACT,CAAA,MAAA,IAAI,CAAC,0BAA0B,0CAAE,KAAK,KAAI,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC;MAExE,MAAM,kBAAkB,CAAC;QACvB,oBAAoB,EAAE,MAAA,IAAI,CAAC,0BAA0B,0CAAE,KAAK;QAC5D,oBAAoB,EAAE,MAAA,IAAI,CAAC,0BAA0B,0CAAE,YAAY;;QAEnE,aAAa,EAAE,IAAI,CAAC,QAAQ,GAAG,KAAK,GAAG,SAAS;OACjD,CAAC,CAAC;KACJ,CAAC;IAiNM,6BAAwB,GAAG;MACjC,QAAQ,SAAS,CAAC,IAAI;QACpB,KAAK,eAAe;UAClB,OAAO,wBAAwB,CAAC;QAClC,KAAK,UAAU;UACb,OAAO,wBAAwB,CAAC;QAClC,KAAK,SAAS;UACZ,OAAO,uBAAuB,CAAC;QAEjC;UACE,OAAO,IAAI,CAAC;OACf;KACF,CAAC;;mBAxTyB,KAAK;kBAKN,KAAK;gCAKsB,IAAI;0BAKV,IAAI;2BAKhB,KAAK;gBAKf,IAAI,CAAC,eAAe;kBAKZ,MAAM,CAAC,KAAK,CAAC,MAAM;yBAKlB,KAAK;wBAKN,KAAK;gCAEG,KAAK;yBAMrB,KAAK;oBAED,KAAK;;;;;;;EAUlC,MAAM,mBAAmB,CAAC,CAA0B;IAClD,MAAM,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC;IAC3B,KAAK,oBAAoB,CAAC,SAAS,CAAC,CAAC;GACtC;;;;EAMD,MAAM,kBAAkB;IACtB,UAAU,CAAC,sBAAsB,CAAC,CAAC;IACnC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,eAAe,IAAI,KAAK,CAAC;IAE1C,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,IAAI,KAAK,QAAQ,EAAE;;MAEhD,cAAc,EAAE,CAAC;KAClB;;IAED,SAAS,CAAC,IAAI,GAAG,eAAe,CAAC;GAClC;EAcO,MAAM,gBAAgB;IAC5B,IAAI,UAAU,CAAC,gBAAgB,CAAC,eAAe,EAAE;MAC/C,GAAG,CAAC,mBAAmB,CAAC,CAAC;MACzB,MAAM,SAAS,GAAG,MAAM,UAAU,CAAC,gBAAgB,CAAC,eAAe,EAAE,CAAC;MACtE,MAAM,oBAAoB,CAAC,SAAS,CAAC,CAAC;KACvC;;IAGD,IAAI,CAAC,WAAW,CAAC,YAAY,EAAE;MAC7B,MAAM,OAAO,GAAG,MAAM,8BAA8B,EAAE,CAAC;MACvD,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,KAAK,CAAC;OACd;KACF;;IAGD,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC9B,OAAO,IAAI,CAAC;GACb;EAEO,cAAc;IACpB,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE;;MAE9B,OAAO;KACR;;IAED,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,MAAM;MACtC,MAAM,eAAe,GAAG,MAAM,CAAC,YAAY,CACzC,8BAA8B,CAC/B,CAAC;MACF,IAAI,CAAC,eAAe,EAAE;QACpB,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAM,CAAC;UACtC,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,EAAE;YACzC,OAAO;WACR;;UAED,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,EAAE;YACzC,GAAG,CAAC,uBAAuB,CAAC,CAAC;YAC7B,OAAO;WACR;UACD,CAAC,CAAC,cAAc,EAAE,CAAC;UACnB,CAAC,CAAC,eAAe,EAAE,CAAC;UACpB,GAAG,CAAC,+BAA+B,CAAC,CAAC;UACrC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;UAEjB,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC;UAC7C,IAAI,CAAC,MAAM,EAAE;YACX,2BAA2B,CAAC;cAC1B,QAAQ,EAAE;gBACR,SAAS,CACP,4HAA4H,CAC7H;eACF;cACD,KAAK,EAAE,SAAS,CAAC,yBAAyB,CAAC;aAC5C,CAAC,CAAC;YACH,OAAO;WACR;UACD,UAAU,CAAC,sBAAsB,CAAC,CAAC;SACpC,CAAC,CAAC;QACH,MAAM,CAAC,YAAY,CAAC,8BAA8B,EAAE,MAAM,CAAC,CAAC;OAC7D;KACF,CAAC,CAAC;GACJ;EAGD,iCAAiC;IAC/B,IAAI,CAAC,IAAI,CAAC,0BAA0B,EAAE;MACpC,OAAO;KACR;;IAGD,KAAK,IAAI,CAAC,gBAAgB,EAAE,CAAC;GAC9B;;;;EAMM,MAAM,IAAI;IACf,WAAW,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;IACzC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;;IAGlC,MAAM,QAAQ,GAAG,WAAW,CAAC;MAC3B,WAAW,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;MACzC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;MAElC,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,EAAE;QACzC,OAAO;OACR;;;MAGD,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;QAC1D,GAAG,CAAC,uBAAuB,CAAC,CAAC;QAC7B,aAAa,CAAC,QAAQ,CAAC,CAAC;QACxB,OAAO;OACR;MAED,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;QAChB,GAAG,CAAC,iCAAiC,CAAC,CAAC;QACvC,OAAO;OACR;MAED,IAAI,IAAI,CAAC,8BAA8B,EAAE;QACvC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACxB,OAAO;OACR;MAED,GAAG,CAAC,eAAe,CAAC,CAAC;MACrB,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,eAAe,EAAE;QACxC,KAAK,IAAI,CAAC,gBAAgB,EAAE,CAAC;OAC9B;WAAM;QACL,IAAI,CAAC,cAAc,EAAE,CAAC;OACvB;MACD,aAAa,CAAC,QAAQ,CAAC,CAAC;KACzB,EAAE,GAAG,CAAC,CAAC;IAER,UAAU,CAAC;;MAET,aAAa,CAAC,QAAQ,CAAC,CAAC;KACzB,EAAE,KAAM,CAAC,CAAC;GACZ;;;;EAMM,MAAM,eAAe,CAAC,kBAA4C;IACvE,SAAS,CAAC,IAAI,GAAG,QAAQ,CAAC;IAC1B,IAAI,CAAC,8BAA8B,GAAG,kBAAkB,CAAC;GAC1D;EAEO,MAAM,0BAA0B;IACtC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;;IAG1B,MAAM,6BAA6B,EAAE,CAAC;;IAGtC,MAAM,QAAQ,GAAG,WAAW,CAAC;MAC3B,IAAI,SAAS,CAAC,cAAc,IAAI,CAAC,WAAW,CAAC,oBAAoB,EAAE;QACjE,IAAI,SAAS,CAAC,cAAc,EAAE;;UAE5B,iBAAiB,EAAE,CAAC;SACrB;QACD,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,aAAa,CAAC,QAAQ,CAAC,CAAC;OACzB;KACF,EAAE,GAAG,CAAC,CAAC;GACT;EAEO,MAAM,sBAAsB;IAClC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;;IAE1B,UAAU,CAAC;MACT,iBAAiB,EAAE,CAAC;MACpB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;KAC5B,EAAE,GAAG,CAAC,CAAC;GACT;EAEO,MAAM,6BAA6B;;IAEzC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;IAC1B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;IAC1B,IAAI;MACF,MAAM,yBAAyB,EAAE,CAAC;MAClC,iBAAiB,EAAE,CAAC;KACrB;IAAC,OAAO,GAAG,EAAE;;MAEZ,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;MACnB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;KAC1B;IACD,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;GAC5B;EAEO,MAAM,iBAAiB;;IAE7B,gBAAgB,EAAE,CAAC;IAEnB,IAAI,IAAI,CAAC,OAAO,EAAE;MAChB,SAAS,CAAC,IAAI,GAAG,eAAe,CAAC;MACjC,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;MAClB,OAAO;KACR;;IAED,cAAc,EAAE,CAAC;;IAGjB,MAAM,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;;IAGjC,MAAM,QAAQ,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;;IAGnC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,EAAE,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC1D,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;GACnB;EAEO,MAAM,eAAe;;IAE3B,IAAI,SAAS,CAAC,IAAI,KAAK,eAAe,EAAE;MACtC,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC;MAChC,OAAO;KACR;IACD,qBAAqB,EAAE,CAAC;GACzB;EAiBD,kBAAkB;IAChB,IAAI,CAAC,QAAQ,GAAG,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;;IAE9C,KAAK,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC7B,GAAG,CAAC,WAAW,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;GACjC;EAGD,kBAAkB;IAChB,IAAI,CAAC,QAAQ,GAAG,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;;IAE9C,KAAK,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC7B,GAAG,CAAC,WAAW,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;GACjC;EAED,iBAAiB;IACf,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;IACjB,IAAI,CAAC,QAAQ,GAAG,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC9C,GAAG,CAAC,WAAW,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;GACjC;;EAGD,oBAAoB;;IAElB,gBAAgB,EAAE,CAAC;;IAEnB,cAAc,EAAE,CAAC;GAClB;EAED,MAAM;;IACJ,MAAM,aAAa;;IAEjB,CAAC,SAAS,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,WAAW,CAAC,cAAc;MAC3D,WAAW,CAAC,iBAAiB,CAAC;IAEhC,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,WAAW,CAClE,UAAU,CAAC,UAAU,EACrB,IAAI,CAAC,0BAA0B,CAChC,CAAC;IAEF,MAAM,SAAS,GAAG,UAAU,CAAC,UAAU,CAAC,gBAAgB,KAAK,SAAS,CAAC;IAEvE,MAAM,cAAc,GAAG,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC;IAEnD,MAAM,sBAAsB,GAC1B,YAAY,IAAI,WAAW,CAAC,YAAY,CAAC,GAAG,MAAM,GAAG,OAAO,CAAC;;IAG/D,MAAM,aAAa,GAAoB,IAAI,CAAC,QAAQ;QAChD,cAAc;QACd,sBAAsB,CAAC;;IAG3B,MAAM,iBAAiB,GAAG,CAAC,IAAI,CAAC,QAAQ,GAAG,cAAc,GAAG,SAAS,CAAC;IAEtE,MAAM,EAAE,cAAc,EAAE,GAAG,iBAAiB,CAAC;IAC7C,MAAM,cAAc,GAClB,CAAA,MAAA,cAAc,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,kBAAkB,CAAC,0CAAE,OAAO;MACpE,mEAAmE,CAAC;IAEtE,MAAM,cAAc,GAAG,IAAI,CAAC,wBAAwB,EAAE,CAAC;IACvD,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAC5C,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,cAAc,CACnC,CAAC;IAEF,MAAM,UAAU,GAAG,OACjB,WAAK,KAAK,EAAC,aAAa,IACrB,OAAO,KACN,WACE,GAAG,EAAE,GAAG,UAAU,CAAC,gBAAgB,OAAO,EAC1C,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,GAAG,GACV,CACH,CACG,CACP,CAAC;IAEF,MAAM,eAAe,GAAG,OACtB,yBACG,UAAU,EAAE,EAEZ,gBAAgB,CAAC,GAAG,CAAC,CAAC,KACrB,4BACE,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,CAAC,CAAC,OAAO,GACI,CACzB,CAAC,EAEF,eACE,oBACE,KAAK,EAAC,oBAAoB,EAC1B,IAAI,EAAE,kBAAY,OAAO,EAAE,SAAS,GAAe,EACnD,YAAY,QACZ,aAAa,QACb,cAAc,QACd,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,EACrC,KAAK,EAAE,aAAa,IAEnB,SAAS,CAAC,MAAM,CAAC,CACL,CACX,CACQ,CACjB,CAAC;IAEF,MAAM,YAAY,GAAG,MACnB,SAAS,KACP,WAAK,KAAK,EAAC,eAAe,gBAAa,cAAc,IACnD,kBAAY,IAAI,EAAC,UAAU,IAAE,SAAS,CAAC,YAAY,CAAC,CAAc,EAClE,kBAAY,KAAK,EAAE,cAAc,EAAE,KAAK,EAAC,OAAO,GAAc,CAC1D,CACP,CAAC;IAEJ,MAAM,aAAa,GAAG;;MACpB,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;MAC5D,MAAM,iBAAiB,GAAG,MAAA,IAAI,CAAC,cAAc,0CAAE,YAAY,CAAC;MAC5D,QACE,WACE,KAAK,EAAE,gBAAgB,EACvB,KAAK,EAAE;UACL,iBAAiB,EAAE,eAAe,CAAC,KAAK,CAAC;SAC1C,IAEA,SAAS,CAAC,IAAI,KAAK,QAAQ,IAAI,SAAS,CAAC,IAAI,KAAK,OAAO,KACxD,kBACE,WACE,KAAK,EAAC,aAAa,gBACP,aAAa,EACzB,KAAK,EAAE;UACL,iBAAiB,EAAE,CAAC,IAAI,CAAC,QAAQ,GAAG,YAAY,GAAG,EAAE;SACtD,IAEA,CAAC,IAAI,CAAC,QAAQ,IAAI,eAAe,EAAE,EACnC,SAAS,CAAC,IAAI,KAAK,eAAe,KACjC,2BACE,eAAe,EAAE,IAAI,CAAC,aAAa,EACnC,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,iBAAiB,EAAE,MAAM,IAAI,CAAC,0BAA0B,EAAE,EAC1D,cAAc,EAAE,iBAAiB,EACjC,aAAa,EAAE,aAAa,GACP,CACxB,EACA,SAAS,CAAC,IAAI,KAAK,UAAU,KAC5B,sBACE,eAAe,EAAE,IAAI,CAAC,aAAa,EACnC,iBAAiB,EAAE,MAAM,IAAI,CAAC,sBAAsB,EAAE,EACtD,cAAc,EAAE,iBAAiB,EACjC,aAAa,EAAE,aAAa,GACZ,CACnB,EACA,SAAS,CAAC,IAAI,KAAK,SAAS,KAC3B,8BACE,eAAe,EAAE,IAAI,CAAC,aAAa,EACnC,iBAAiB,EAAE,MACjB,IAAI,CAAC,6BAA6B,EAAE,EAEtC,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,cAAc,EAAE,iBAAiB,EACjC,aAAa,EAAE,aAAa,GACJ,CAC3B,CACG,EACN,WAAK,KAAK,EAAC,cAAc,gBAAa,cAAc,IACjD,IAAI,CAAC,QAAQ,IAAI,eAAe,EAAE,EAClC,CAAC,IAAI,CAAC,QAAQ,KACb,oBACE,KAAK,EAAC,qBAAqB,EAC3B,IAAI,EAAE,kBAAY,OAAO,EAAE,UAAU,GAAe,EACpD,YAAY,QACZ,OAAO,EAAE,MAAM,IAAI,CAAC,kBAAkB,EAAE,GAC1B,CACjB,EACD,WAAK,KAAK,EAAC,eAAe,IACxB,WAAK,KAAK,EAAC,gBAAgB,IACzB,sBACE,YAAY,EAAE,iBAAiB,EAC/B,SAAS,EAAE,IAAI,CAAC,oBAAoB,IAEpC,oBACE,SAAS,EAAE,IAAI,CAAC,oBAAoB,EACpC,MAAM,EAAE,IAAI,CAAC,QAAQ,EACrB,OAAO,EAAE;UACP,IAAI,CAAC,oBAAoB;YACvB,CAAC,IAAI,CAAC,oBAAoB,CAAC;SAC9B,EACD,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC,GACvB,EAEhB,2BAAqC,CACtB,CACb,EAEN,qBAAe,OAAO,EAAE,EAAE,IAExB,8BAA2C,EAE3C,4BACE,KAAK,EAAC,iCAAiC,EACvC,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,cAAc,GACD,CACV,CACZ,EAGL,CAAC,IAAI,CAAC,QAAQ,IAAI,YAAY,EAAE,CAC7B,EAEL,IAAI,CAAC,QAAQ,IAAI,YAAY,EAAE,CAC/B,CACJ,EAEA,CAAC,SAAS,CAAC,IAAI,KAAK,QAAQ,IAAI,SAAS,CAAC,IAAI,KAAK,OAAO,MACzD,WAAK,KAAK,EAAC,aAAa,gBAAa,cAAc,IACjD,WAAK,KAAK,EAAC,eAAe,IACvB,UAAU,EAAE,EACb,oBACE,KAAK,EAAC,qBAAqB,EAC3B,IAAI,EAAE,kBAAY,OAAO,EAAE,UAAU,GAAe,EACpD,YAAY,QACZ,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,EAAE,EACvC,KAAK,EAAE,cAAc,GACP,CACZ,EACN,6BACE,YAAY,EAAE,KAAK,EACnB,YAAY,EAAE,MAAM,IAAI,CAAC,iBAAiB,EAAE,EAC5C,oBAAoB,EAClB,SAAS,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,CAAC,SAAS,CAAC,KAAK;4CAEtC,SAAS,CAAC,KAAK,KAClB,IAAI,EAAE,OAAO,MAEf,SAAS,EAEf,oBAAoB,EAAE,IAAI,CAAC,8BAA8B,GAClC,CACrB,CACP,CACG,EACN;KACH,CAAC;IAEF,QACE,EAAC,IAAI,IACH,KAAK,EAAE,OAAO,CAAC;QACb,iCAAiC;QACjC,SAAS,IAAI,YAAY;QACzB,IAAI,CAAC,OAAO,IAAI,SAAS;QACzB,IAAI,CAAC,QAAQ,IAAI,QAAQ;OAC1B,CAAC,IAED,IAAI,CAAC,OAAO,IACX,aAAa,EAAE,KAEf,oBACE,WAAW,EAAE,KAAK,gBACN,cAAc,EAC1B,MAAM,EAAC,OAAO,EACd,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,IAAI,CAAC,QAAQ,EACrB,aAAa,QACb,QAAQ,QACR,cAAc,QACd,aAAa,QACb,aAAa,EAAE,MAAM,IAAI,CAAC,kBAAkB,EAAE,EAC9C,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAC,QAAQ,IAEb,aAAa,EAAE,CACH,CAChB,CACI,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ZonosCheckout"],"sources":["src/components/checkout/zonos-checkout/zonos-checkout.scss?tag=zonos-checkout&encapsulation=scoped","src/components/checkout/zonos-checkout/zonos-checkout.tsx"],"sourcesContent":["$primary-color: var(--primary-color, $amino-gray-0);\n$border-radius: var(--border-radius, $amino-radius-10);\n\n:host {\n  * {\n    @include zonos--scrollbar;\n  }\n  .zonos--content {\n    display: flex;\n    height: 100%;\n    overflow: hidden;\n    border-radius: $border-radius;\n    .zonos--left,\n    .zonos--right {\n      flex: 1;\n      padding: $amino-space-48 $amino-space-56;\n    }\n    .zonos--left {\n      background-color: $primary-color;\n      border-right: 1px solid $amino-gray-200;\n    }\n    .zonos--right {\n      background-color: $amino-gray-0;\n      padding-bottom: $amino-space-80;\n    }\n\n    .zonos--done {\n      width: 100%;\n      max-height: 100%;\n      height: 100%;\n      overflow: auto;\n      flex-direction: column;\n      background-color: $amino-gray-0;\n      align-items: center;\n      justify-content: center;\n      padding: $amino-space-24;\n      padding-bottom: 50px;\n      .zonos--header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        width: 100%;\n        img {\n          width: 150px;\n          min-width: 150px;\n        }\n      }\n      .zonos--logo {\n        margin-bottom: 0;\n      }\n\n      zonos-checkout-finish {\n        flex: 1;\n      }\n    }\n  }\n\n  .zonos--left {\n    display: flex;\n    flex-direction: column;\n    .zonos--back-button {\n      margin-bottom: $amino-space-24;\n    }\n    .zonos--wrapper {\n      padding: 0 $amino-space-8 $amino-space-8;\n    }\n    .zonos--payment-error-banner {\n      margin-top: $amino-space-24;\n    }\n  }\n\n  .zonos--right {\n    position: relative;\n    .zonos--close-button {\n      position: absolute;\n      right: $amino-space-32;\n      top: $amino-space-32;\n    }\n  }\n  .zonos--footer {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    position: absolute;\n    bottom: $amino-space-32;\n    right: $amino-space-56;\n    gap: $amino-space-8;\n  }\n\n  .zonos--wrapper {\n    overflow: auto;\n    max-height: 100%;\n    position: relative;\n  }\n\n  .flex--wrapper {\n    display: flex;\n    flex-direction: column;\n    max-height: 100%;\n  }\n\n  .zonos--logo {\n    display: flex;\n    align-items: center;\n  }\n\n  .zonos--checkout-default-message {\n    margin-left: $amino-space-76;\n    margin-bottom: $amino-space-8;\n  }\n}\n\n:host(.preview) {\n  min-width: 500px;\n  margin: auto;\n  .zonos--content {\n    border: $amino-border;\n    .zonos--done {\n      padding: $amino-space-32;\n    }\n  }\n}\n\n:host(.mobile) {\n  @include checkout-mobile;\n}\n","import {\n  Component,\n  Fragment,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport type { PaymentIntent, Stripe } from '@stripe/stripe-js';\n\nimport {\n  type CartItem,\n  cartStore,\n  cartStoreNextStep,\n  cartStorePreviousStep,\n  cartStoreReset,\n  cartStoreUpdateItems,\n  cartStoreUpdateToErrorState,\n} from 'src/components/store/checkout/cart';\nimport {\n  type ContactOption,\n  initStripeElements,\n  stripeStore,\n  stripeStoreConfirmPayment,\n  stripeStoreInitCheckoutSession,\n  stripeStorePrefetchLandedCost,\n  stripeStoreReset,\n} from 'src/components/store/checkout/stripe';\nimport { localizationStore } from 'src/components/store/hello/localization';\nimport { translate } from 'src/components/store/translationStore';\nimport {\n  type AppearanceConfig,\n  zonosStore,\n} from 'src/components/store/zonosStore';\nimport { isCheckoutMobile } from 'src/components/utils/checkout/isCheckoutMobile';\nimport { classes } from 'src/components/utils/classes';\nimport { getBorderRadius } from 'src/components/utils/getBorderRadius';\nimport { isDarkColor } from 'src/components/utils/isDarkColor';\nimport { log } from 'src/components/utils/logging/log';\nimport { mergeConfig } from 'src/components/utils/mergeConfig';\nimport { submitGtag } from 'src/components/utils/submitGtag';\nimport type { ElementsUiTheme } from 'src/types/generated/graphql.customer.types';\nimport type { Locale_PageName_Enum } from 'src/types/generated/graphql.frontend.types';\n\n/** These assets neet to be in relative path as https://www.npmjs.com/package/stencil-inline-svg suggested */\n// eslint-disable-next-line no-relative-import-paths/no-relative-import-paths\nimport LeftArrow from './assets/LeftArrow.svg';\n// eslint-disable-next-line no-relative-import-paths/no-relative-import-paths\nimport MessageIcon from './assets/MessageIcon.svg';\n// eslint-disable-next-line no-relative-import-paths/no-relative-import-paths\nimport RemoveIcon from './assets/RemoveIcon.svg';\n\n@Component({\n  /**\n   * Use `scope` here just because this component is `zonos-address` which is using stripe elements and stripe\n   * need to be able to inject iframe into this component from the DOM\n   */\n  assetsDirs: ['assets'],\n  scoped: true,\n  styleUrl: 'zonos-checkout.scss',\n  tag: 'zonos-checkout',\n})\nexport class ZonosCheckout {\n  /**\n   * Override appearance config\n   */\n  @Prop() appearanceSettingsOverride?: Partial<AppearanceConfig>;\n  /**\n   * Preview checkout without needing to click on the button. This would be useful for demo purpose\n   */\n  @Prop() preview: boolean = false;\n\n  /**\n   * Flag to determine if the checkout is on mobile\n   */\n  @Prop() mobile: boolean = false;\n\n  /**\n   * The button element that will open the dialog\n   */\n  @Prop() buttonAnchorElements: HTMLElement[] | null = null;\n\n  /**\n   * Default address to use for the checkout (preview mode)\n   */\n  @Prop() defaultAddress: ContactOption | null = null;\n\n  /**\n   * Force dialog to be open\n   */\n  @Prop() forceDialogOpen: boolean = false;\n\n  /**\n   * Whether or not the dialog is open\n   */\n  @State() open: boolean = this.forceDialogOpen;\n\n  /**\n   * The stripe instance\n   */\n  @State() stripe: Stripe | null = window.Zonos.stripe;\n\n  /**\n   * Whether or not the submit button is loading in `step` component\n   */\n  @State() submitLoading: boolean = false;\n\n  /**\n   * Error when submitting payment\n   */\n  @State() paymentError: boolean = false;\n\n  @State() collapseReviewMobile: boolean = false;\n\n  /**\n   * Determine if we should skip and not hijack the Checkout button click event\n   * Sometimes stripe or our api has error, we don't want to hijack the click event.\n   */\n  @State() isAttachError = false;\n\n  @State() isMobile: boolean = false;\n\n  @State() zonosReviewRef?: HTMLZonosReviewElement;\n\n  @State() storybookPaymentStatusOverride?: PaymentIntent['status'];\n\n  /**\n   * Init cart info handler event\n   */\n  @Listen('zonos--init-cart-info', { target: 'body' })\n  async initCartInfoHandler(e: CustomEvent<CartItem[]>) {\n    const cartItems = e.detail;\n    void cartStoreUpdateItems(cartItems);\n  }\n\n  /**\n   * Close dialog action\n   */\n  @Method()\n  async closeDialogHandler() {\n    submitGtag('zonos-checkout-close');\n    this.open = this.forceDialogOpen || false;\n\n    if (!this.preview && cartStore.step === 'finish') {\n      // reset cart store if it's not preview mode and only when checkout is in the finish step.\n      cartStoreReset();\n    }\n    // reset step to customer info\n    cartStore.step = 'customer-info';\n  }\n\n  private applyStripeTheme = async () => {\n    const theme =\n      this.appearanceSettingsOverride?.theme || zonosStore.appearance.theme;\n\n    await initStripeElements({\n      overrideBorderRaidus: this.appearanceSettingsOverride?.style,\n      overridePrimaryColor: this.appearanceSettingsOverride?.colorPrimary,\n      // only override theme or theme from appearance if it's mobile\n      overrideTheme: this.isMobile ? theme : undefined,\n    });\n  };\n\n  private async buildCartAndInit() {\n    if (zonosStore.checkoutSettings.buildCartDetail) {\n      log('build cart detail');\n      const cartItems = await zonosStore.checkoutSettings.buildCartDetail();\n      await cartStoreUpdateItems(cartItems);\n    }\n\n    // if client secret doesn't exist, request a new one.\n    if (!stripeStore.clientSecret) {\n      const success = await stripeStoreInitCheckoutSession();\n      if (!success) {\n        return false;\n      }\n    }\n\n    // apply theme to stripe elements\n    await this.applyStripeTheme();\n    return true;\n  }\n\n  private attachCheckout() {\n    if (!this.buttonAnchorElements) {\n      // do nothing if button element is not found\n      return;\n    }\n    // only attach event once, and looping through all of the button elements\n    this.buttonAnchorElements.forEach(button => {\n      const isEventAttached = button.getAttribute(\n        'data-zonos-checkout-attached',\n      );\n      if (!isEventAttached) {\n        button.addEventListener('click', async e => {\n          if (!localizationStore.localizationLoaded) {\n            return;\n          }\n          // if localization is loaded and the localization is not a shippable country, keep the original click event\n          if (!localizationStore.isShippableCountry) {\n            log(`not shippable country`);\n            return;\n          }\n          e.preventDefault();\n          e.stopPropagation();\n          log('zonos checkout button clicked');\n          this.open = true;\n\n          const result = await this.buildCartAndInit();\n          if (!result) {\n            cartStoreUpdateToErrorState({\n              messages: [\n                translate(\n                  \"There's been an error creating your checkout session. Please reload and try again or contact support if the error persists\",\n                ),\n              ],\n              title: translate('Error creating Checkout'),\n            });\n            return;\n          }\n          submitGtag('zonos-checkout-start');\n        });\n        button.setAttribute('data-zonos-checkout-attached', 'true');\n      }\n    });\n  }\n\n  @Watch('appearanceSettingsOverride')\n  appearanceSettingsOverrideChanged() {\n    if (!this.appearanceSettingsOverride) {\n      return;\n    }\n\n    // apply theme to stripe elements\n    void this.applyStripeTheme();\n  }\n\n  /**\n   * Setup all of the event listeners for the component on first load\n   */\n  @Method()\n  public async init() {\n    stripeStore.stripe = window.Zonos.stripe;\n    this.stripe = window.Zonos.stripe;\n\n    // only init checkout if visitor's country is in the shipping zones.\n    const interval = setInterval(() => {\n      stripeStore.stripe = window.Zonos.stripe;\n      this.stripe = window.Zonos.stripe;\n\n      if (!localizationStore.localizationLoaded) {\n        return;\n      }\n      // if localization is loaded and the localization is not a shippable country, stop the interval and don't init checkout\n      // No need to check localization if it's preview mode\n      if (!localizationStore.isShippableCountry && !this.preview) {\n        log('not shippable country');\n        clearInterval(interval);\n        return;\n      }\n\n      if (!this.stripe) {\n        log('waiting for stripe to be loaded');\n        return;\n      }\n\n      if (this.storybookPaymentStatusOverride) {\n        clearInterval(interval);\n        return;\n      }\n\n      log('init checkout');\n      if (this.preview || this.forceDialogOpen) {\n        void this.buildCartAndInit();\n      } else {\n        this.attachCheckout();\n      }\n      clearInterval(interval);\n    }, 100);\n\n    setTimeout(() => {\n      // if localization is not loaded after 10 seconds, stop the interval and don't init checkout\n      clearInterval(interval);\n    }, 10_000);\n  }\n\n  /**\n   * For storybook to set to finish step, this is to trigger in the story for zonos-checkout-finish\n   */\n  @Method()\n  public async setToFinishStep(forcePaymentStatus?: PaymentIntent['status']) {\n    cartStore.step = 'finish';\n    this.storybookPaymentStatusOverride = forcePaymentStatus;\n  }\n\n  private async handleCustomerInfoContinue() {\n    this.submitLoading = true;\n\n    // fetch landed cost data if we not fetching.\n    await stripeStorePrefetchLandedCost();\n\n    // keep checking landed cost data until it's ready to move to next screen\n    const interval = setInterval(() => {\n      if (cartStore.landedCostData || !stripeStore.isFetchingLandedCost) {\n        if (cartStore.landedCostData) {\n          // only go to next step if landed cost data is ready\n          cartStoreNextStep();\n        }\n        this.submitLoading = false;\n        clearInterval(interval);\n      }\n    }, 500);\n  }\n\n  private async handleShippingContinue() {\n    this.submitLoading = true;\n    // show loading for the button for a bit\n    setTimeout(() => {\n      cartStoreNextStep();\n      this.submitLoading = false;\n    }, 500);\n  }\n\n  private async handleCheckoutPaymentContinue() {\n    // reset error state\n    this.paymentError = false;\n    this.submitLoading = true;\n    try {\n      await stripeStoreConfirmPayment();\n      cartStoreNextStep();\n    } catch (err) {\n      // eslint-disable-next-line no-console\n      console.error(err);\n      this.paymentError = true;\n    }\n    this.submitLoading = false;\n  }\n\n  private async handleFinishClick() {\n    // reset stripe store\n    stripeStoreReset();\n\n    if (this.preview) {\n      cartStore.step = 'customer-info';\n      await this.init();\n      return;\n    }\n    // reset cart store\n    cartStoreReset();\n\n    // reset url\n    const url = window.location.href;\n\n    // Remove query parameters\n    const cleanUrl = url.split('?')[0];\n\n    // Update the URL without query parameters\n    window.history.replaceState({}, document.title, cleanUrl);\n    this.open = false;\n  }\n\n  private async handleBackClick() {\n    // close the modal if back button is clicked on customer info step\n    if (cartStore.step === 'customer-info') {\n      await this.closeDialogHandler();\n      return;\n    }\n    cartStorePreviousStep();\n  }\n\n  private getCurrentLocalePageEnum = (): Locale_PageName_Enum | null => {\n    switch (cartStore.step) {\n      case 'customer-info':\n        return 'checkout_customer_info';\n      case 'shipping':\n        return 'checkout_shipping_info';\n      case 'payment':\n        return 'checkout_payment_info';\n\n      default:\n        return null;\n    }\n  };\n\n  @Listen('resize', { target: 'window' })\n  handleWindowResize() {\n    this.isMobile = isCheckoutMobile(this.mobile);\n    // apply theme to stripe elements\n    void this.applyStripeTheme();\n    log(`mobile: ${this.isMobile}`);\n  }\n\n  @Watch('mobile')\n  handleMobileChange() {\n    this.isMobile = isCheckoutMobile(this.mobile);\n    // apply theme to stripe elements\n    void this.applyStripeTheme();\n    log(`mobile: ${this.isMobile}`);\n  }\n\n  componentWillLoad() {\n    void this.init();\n    this.isMobile = isCheckoutMobile(this.mobile);\n    log(`mobile: ${this.isMobile}`);\n  }\n\n  // do clean up when component is unmounted\n  disconnectedCallback() {\n    // reset stripe store\n    stripeStoreReset();\n    // reset cart store\n    cartStoreReset();\n  }\n\n  render() {\n    const dialogLoading =\n      // if it's last step, don't need to check stripe elements\n      (cartStore.step !== 'finish' && !stripeStore.stripeElements) ||\n      stripeStore.isFetchingSession;\n\n    const { colorPrimary, colorSecondary, logoUrl, style } = mergeConfig(\n      zonosStore.appearance,\n      this.appearanceSettingsOverride,\n    );\n\n    const hasFooter = zonosStore.appearance.zonosAttribution === 'ENABLED';\n\n    const rightSideTheme = zonosStore.appearance.theme;\n\n    const themePrimaryColorBased: ElementsUiTheme =\n      colorPrimary && isDarkColor(colorPrimary) ? 'DARK' : 'LIGHT';\n\n    // use right side theme if it's mobile, otherwise use themePrimaryColorBased\n    const leftSideTheme: ElementsUiTheme = this.isMobile\n      ? rightSideTheme\n      : themePrimaryColorBased;\n\n    // only use submit button color if it's on desktop\n    const submitButtonColor = !this.isMobile ? colorSecondary : undefined;\n\n    const { customMessages } = localizationStore;\n    const defaultMessage =\n      customMessages.find(x => x.pageName === 'checkout_default')?.message ||\n      'Know about duties and taxes before you buy. Shop with confidence!';\n\n    const localePageEnum = this.getCurrentLocalePageEnum();\n    const filteredMessages = customMessages.filter(\n      x => x.pageName === localePageEnum,\n    );\n\n    const renderLogo = () => (\n      <div class=\"zonos--logo\">\n        {logoUrl && (\n          <img\n            alt={`${zonosStore.organizationName} logo`}\n            src={logoUrl}\n            width={100}\n          />\n        )}\n      </div>\n    );\n\n    const renderTopHeader = () => (\n      <zonos-v-stack>\n        {renderLogo()}\n\n        {filteredMessages.map(x => (\n          <zonos-custom-message\n            icon={MessageIcon}\n            message={x.message}\n          ></zonos-custom-message>\n        ))}\n\n        <div>\n          <zonos-button\n            class=\"zonos--back-button\"\n            icon={<zonos-icon content={LeftArrow}></zonos-icon>}\n            noBackground\n            noPaddingLeft\n            noPaddingRight\n            onClick={() => this.handleBackClick()}\n            theme={leftSideTheme}\n          >\n            {translate('Back')}\n          </zonos-button>\n        </div>\n      </zonos-v-stack>\n    );\n\n    const renderFooter = () =>\n      hasFooter && (\n        <div class=\"zonos--footer\" data-theme={rightSideTheme}>\n          <zonos-text type=\"hintText\">{translate('Powered by')}</zonos-text>\n          <zonos-logo theme={rightSideTheme} width=\"100px\"></zonos-logo>\n        </div>\n      );\n\n    const renderContent = () => {\n      const submitBtnType = this.isMobile ? 'primary' : undefined;\n      const reviewElementSize = this.zonosReviewRef?.scrollHeight;\n      return (\n        <div\n          class={'zonos--content'}\n          style={{\n            '--border-radius': getBorderRadius(style),\n          }}\n        >\n          {cartStore.step !== 'finish' && cartStore.step !== 'error' && (\n            <>\n              <div\n                class=\"zonos--left\"\n                data-theme={leftSideTheme}\n                style={{\n                  '--primary-color': !this.isMobile ? colorPrimary : '',\n                }}\n              >\n                {!this.isMobile && renderTopHeader()}\n                {cartStore.step === 'customer-info' && (\n                  <zonos-customer-info\n                    continueLoading={this.submitLoading}\n                    defaultAddress={this.defaultAddress}\n                    onContinueClicked={() => this.handleCustomerInfoContinue()}\n                    submitBtnColor={submitButtonColor}\n                    submitBtnType={submitBtnType}\n                  ></zonos-customer-info>\n                )}\n                {cartStore.step === 'shipping' && (\n                  <zonos-shipping\n                    continueLoading={this.submitLoading}\n                    onContinueClicked={() => this.handleShippingContinue()}\n                    submitBtnColor={submitButtonColor}\n                    submitBtnType={submitBtnType}\n                  ></zonos-shipping>\n                )}\n                {cartStore.step === 'payment' && (\n                  <zonos-checkout-payment\n                    continueLoading={this.submitLoading}\n                    onContinueClicked={() =>\n                      this.handleCheckoutPaymentContinue()\n                    }\n                    paymentError={this.paymentError}\n                    submitBtnColor={submitButtonColor}\n                    submitBtnType={submitBtnType}\n                  ></zonos-checkout-payment>\n                )}\n              </div>\n              <div class=\"zonos--right\" data-theme={rightSideTheme}>\n                {this.isMobile && renderTopHeader()}\n                {!this.isMobile && (\n                  <zonos-button\n                    class=\"zonos--close-button\"\n                    icon={<zonos-icon content={RemoveIcon}></zonos-icon>}\n                    noBackground\n                    onClick={() => this.closeDialogHandler()}\n                  ></zonos-button>\n                )}\n                <div class=\"flex--wrapper\">\n                  <div class=\"zonos--wrapper\">\n                    <zonos-collapse\n                      collapseSize={reviewElementSize}\n                      collapsed={this.collapseReviewMobile}\n                    >\n                      <zonos-review\n                        collapsed={this.collapseReviewMobile}\n                        mobile={this.isMobile}\n                        onClick={() => {\n                          this.collapseReviewMobile =\n                            !this.collapseReviewMobile;\n                        }}\n                        ref={el => (this.zonosReviewRef = el)}\n                      ></zonos-review>\n                      {/* Cart item rows */}\n                      <zonos-cart-items></zonos-cart-items>\n                    </zonos-collapse>\n                  </div>\n\n                  <zonos-v-stack spacing={16}>\n                    {/* Cart subtotal row */}\n                    <zonos-cart-subtotal></zonos-cart-subtotal>\n\n                    <zonos-custom-message\n                      class=\"zonos--checkout-default-message\"\n                      icon={MessageIcon}\n                      message={defaultMessage}\n                    ></zonos-custom-message>\n                  </zonos-v-stack>\n                </div>\n\n                {/* Only show footer on desktop */}\n                {!this.isMobile && renderFooter()}\n              </div>\n              {/* Only show footer on mobile */}\n              {this.isMobile && renderFooter()}\n            </>\n          )}\n\n          {(cartStore.step === 'finish' || cartStore.step === 'error') && (\n            <div class=\"zonos--done\" data-theme={rightSideTheme}>\n              <div class=\"zonos--header\">\n                {renderLogo()}\n                <zonos-button\n                  class=\"zonos--close-button\"\n                  icon={<zonos-icon content={RemoveIcon}></zonos-icon>}\n                  noBackground\n                  onClick={() => this.handleFinishClick()}\n                  theme={rightSideTheme}\n                ></zonos-button>\n              </div>\n              <zonos-checkout-finish\n                borderRadius={style}\n                onCloseClick={() => this.handleFinishClick()}\n                overrideNotification={\n                  cartStore.step === 'error' && !!cartStore.error\n                    ? {\n                        ...cartStore.error,\n                        type: 'error',\n                      }\n                    : undefined\n                }\n                storybookForceStatus={this.storybookPaymentStatusOverride}\n              ></zonos-checkout-finish>\n            </div>\n          )}\n        </div>\n      );\n    };\n\n    return (\n      <Host\n        class={classes([\n          'zonos--checkout zonos--elements',\n          hasFooter && 'has-footer',\n          this.preview && 'preview',\n          this.isMobile && 'mobile',\n        ])}\n      >\n        {this.preview ? (\n          renderContent()\n        ) : (\n          <zonos-dialog\n            borderStyle={style}\n            data-theme={rightSideTheme}\n            height=\"980px\"\n            isLoading={dialogLoading}\n            mobile={this.isMobile}\n            noBodyPadding\n            noBorder\n            noClickOutside\n            noCloseButton\n            onCloseDialog={() => this.closeDialogHandler()}\n            open={this.open}\n            width=\"1200px\"\n          >\n            {renderContent()}\n          </zonos-dialog>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/zonos-collapse.js.map

@@ -1 +0,0 @@
-{"file":"zonos-collapse.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/zonos-collapse2.js.map

@@ -1 +0,0 @@
-{"file":"zonos-collapse2.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,icAAic;;MCQ7c,aAAa;;;;;qBAIK,KAAK;wBAIH,CAAC;kBAIN,IAAI,CAAC,EAAE,CAAC,YAAY;;EAEtC,gBAAgB;IACtB,MAAM,UAAU,GAAG,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC;IACtC,MAAM,eAAe,GAAG,GAAG,IAAI,CAAC,YAAY,IAAI,CAAC;IACjD,OAAO,IAAI,CAAC,SAAS,GAAG,eAAe,GAAG,UAAU,CAAC;GACtD;EAED,gBAAgB;IACd,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC;GACpC;EAED,kBAAkB;;IAChB,MAAA,MAAA,MAAA,IAAI,CAAC,EAAE,CAAC,UAAU,0CACd,aAAa,CAAC,QAAQ,CAAC,0CACvB,aAAa,0CAAE,gBAAgB,CAAC,QAAQ,EAAE;MAC1C,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC;KACpC,CAAC,CAAC;GACN;EAED,MAAM;IACJ,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC;IACnC,QACE,EAAC,IAAI,IACH,KAAK,EAAE,iCAAiC,EACxC,KAAK,EAAE;QACL,MAAM,EAAE,IAAI,CAAC,gBAAgB,EAAE;OAChC,IAED,eACE,cACE,KAAK,EAAC,wBAAwB,EAC9B,QAAQ,EAAC,IAAI,EACb,KAAK,EAAC,iCAAiC,GAC/B,EACV,eAAQ,CACJ,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/common/zonos-collapse/zonos-collapse.scss?tag=zonos-collapse&encapsulation=shadow","src/components/common/zonos-collapse/zonos-collapse.tsx"],"sourcesContent":[":host {\n  transition: all 0.3s ease-in-out;\n  overflow: hidden;\n  div {\n    position: relative;\n  }\n  iframe {\n    width: 0;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    border: 0;\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { Element, Host, State } from '@stencil/core/internal';\n\n@Component({\n  shadow: true,\n  styleUrl: 'zonos-collapse.scss',\n  tag: 'zonos-collapse',\n})\nexport class ZonosCollapse {\n  /**\n   * Collapsed state of the element\n   */\n  @Prop() collapsed: boolean = false;\n  /**\n   * Collapsed size when collapsed\n   */\n  @Prop() collapseSize: number = 0;\n\n  @Element() el!: HTMLZonosCollapseElement;\n\n  @State() height: number = this.el.scrollHeight;\n\n  private getElementHeight() {\n    const fullHeight = `${this.height}px`;\n    const collapsedHeight = `${this.collapseSize}px`;\n    return this.collapsed ? collapsedHeight : fullHeight;\n  }\n\n  componentDidLoad() {\n    this.height = this.el.scrollHeight;\n  }\n\n  componentDidRender() {\n    this.el.shadowRoot\n      ?.querySelector('iframe')\n      ?.contentWindow?.addEventListener('resize', () => {\n        this.height = this.el.scrollHeight;\n      });\n  }\n\n  render() {\n    this.height = this.el.scrollHeight;\n    return (\n      <Host\n        class={'zonos--elements zonos--collapse'}\n        style={{\n          height: this.getElementHeight(),\n        }}\n      >\n        <div>\n          <iframe\n            class=\"height-change-listener\"\n            tabindex=\"-1\"\n            title=\"collapse-height-change-listener\"\n          ></iframe>\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/zonos-component.js.map

@@ -1 +0,0 @@
-{"file":"zonos-component.js","mappings":";;SAAgB,MAAM,CAAC,KAAa,EAAE,MAAc,EAAE,IAAY;EAChE,QACE,CAAC,KAAK,IAAI,EAAE,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,IAAI,GAAG,IAAI,IAAI,EAAE,GAAG,EAAE,CAAC,EACvE;AACJ;;ACJA,MAAM,iBAAiB,GAAG,mSAAmS;;MCShTA,gBAAc;;;;;iBAID,EAAE;kBAKD,EAAE;gBAKJ,EAAE;;EAEjB,OAAO;IACb,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;GACnD;EAED,MAAM;IACJ,OAAO,qCAAwB,IAAI,CAAC,OAAO,EAAE,CAAO,CAAC;GACtD;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ZonosComponent"],"sources":["src/utils/format.ts","src/components/component-template/zonos-component/zonos-component.scss?tag=zonos-component&encapsulation=shadow","src/components/component-template/zonos-component/zonos-component.tsx"],"sourcesContent":["export function format(first: string, middle: string, last: string): string {\n  return (\n    (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '')\n  );\n}\n","div {\n  color: red;\n  font-size: large;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\nimport { format } from 'src/utils/format';\n\n@Component({\n  shadow: true,\n  styleUrl: 'zonos-component.scss',\n  tag: 'zonos-component',\n})\nexport class ZonosComponent {\n  /**\n   * The first name\n   */\n  @Prop() first: string = '';\n\n  /**\n   * The middle name\n   */\n  @Prop() middle: string = '';\n\n  /**\n   * The last name\n   */\n  @Prop() last: string = '';\n\n  private getText(): string {\n    return format(this.first, this.middle, this.last);\n  }\n\n  render() {\n    return <div>Hello, World! I'm {this.getText()}</div>;\n  }\n}\n"],"version":3}

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

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

package/dist/components/zonos-country-flag.js.map

@@ -1 +0,0 @@
-{"file":"zonos-country-flag.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/zonos-country-flag2.js.map

@@ -1 +0,0 @@
-{"file":"zonos-country-flag2.js","mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,6hBAA6hB;;ACMzjB,MAAM,QAAQ,GAAG,mEAAgC,CAAC;MAOrC,gBAAgB;;;;;iBAIF,EAAE;uBAQzB,iBAAiB,CAAC,mBAAmB;;;EASvC,MAAM;IACJ,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;MAC5C,OAAO,IAAI,CAAC;KACb;IAED,MAAM,OAAO,GAAG,GAAG,QAAQ,IAAI,IAAI,CAAC,WAAW,MAAM,CAAC;IAEtD,QACE,EAAC,IAAI,IACH,KAAK,EAAC,iBAAiB,EACvB,KAAK,EACH,IAAI,CAAC,IAAI;UACL;UACE,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI;UACxB,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI;SACxB;UACD,EAAE,IAGR,WAAK,KAAK,EAAE,OAAO,CAAC,CAAC,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,IACjD,WACE,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,OAAO,GAAG,EAAE,GACxC,CACH,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/common/zonos-country-flag/zonos-country-flag.scss?tag=zonos-country-flag&encapsulation=shadow","src/components/common/zonos-country-flag/zonos-country-flag.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n\n  .flag-container {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    height: 100%;\n  }\n\n  .flag-icon {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: cover;\n  }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\nimport { localizationStore } from 'src/components/store/hello/localization';\nimport { classes } from 'src/components/utils/classes';\nimport type { CountryCode } from 'src/types/generated/graphql.customer.types';\n\nconst FLAG_URL = process.env.NEXT_PUBLIC_FLAG_URL;\n\n@Component({\n  shadow: true,\n  styleUrl: 'zonos-country-flag.scss',\n  tag: 'zonos-country-flag',\n})\nexport class ZonosCountryFlag {\n  /**\n   * The class name for the flag\n   */\n  @Prop() class?: string = '';\n\n  /**\n   * The country code for the flag\n   * @default localizationStore.selectedCountryCode\n   * @example 'US'\n   */\n  @Prop() countryCode: CountryCode | null =\n    localizationStore.selectedCountryCode;\n\n  /**\n   * The size of the flag\n   */\n  @Prop() size?: number;\n\n  @Element() el!: HTMLZonosCountryFlagElement;\n\n  render() {\n    if (!this.el.shadowRoot || !this.countryCode) {\n      return null;\n    }\n\n    const flagUrl = `${FLAG_URL}/${this.countryCode}.svg`;\n\n    return (\n      <Host\n        class=\"zonos--elements\"\n        style={\n          this.size\n            ? {\n                height: `${this.size}px`,\n                width: `${this.size}px`,\n              }\n            : {}\n        }\n      >\n        <div class={classes([`flag-container`, this.class])}>\n          <div\n            class=\"flag-icon\"\n            style={{ backgroundImage: `url(${flagUrl})` }}\n          ></div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/zonos-country-select.js.map

@@ -1 +0,0 @@
-{"file":"zonos-country-select.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}