@zonos/elements 1.0.16

package/dist/components/stripe.js.map

@@ -0,0 +1 @@
+{"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 { logError } from 'src/components/utils/logging/logError';\nimport type {\n  CheckoutPresentmentFragment,\n  CurrencyCode,\n  ShipmentRatingFragment,\n} from 'src/types/generated/graphql.customer.types';\n\nexport type CartItem = {\n  amount: number;\n  countryOfOrigin?: string;\n  currencyCode: string;\n  description?: string;\n  hsCode?: string;\n  imageUrl?: string;\n  name: string;\n  productId?: string;\n  quantity: number;\n};\n\ntype CartStore = {\n  checkoutSessionId: string | null;\n  currency: CurrencyCode;\n  dutiesTaxFees: number;\n  error: {\n    messages: string[];\n    title: string;\n  } | null;\n  isSelectedShippingAboveDeminimis: boolean;\n  isSelectedShippingGuarantee: boolean;\n  items: CartItem[];\n  landedCostData: CheckoutPresentmentFragment[] | null;\n  selectedLandedCost: CheckoutPresentmentFragment | null;\n  selectedShippingOption: ShipmentRatingFragment | null;\n  selectedShippingOptionExpectedDate: string;\n  selectedShippingOptionTransitTime: string;\n  shipping: number;\n  shippingData: ShipmentRatingFragment[] | null;\n  step: 'customer-info' | 'shipping' | 'payment' | 'finish' | 'error';\n  subtotal: number;\n  total: number;\n};\n\nconst {\n  onChange,\n  reset,\n  state: cartStore,\n} = createStore<CartStore>(() => ({\n  checkoutSessionId:\n    sessionStorage.getItem('zonos--checkout-session-id') || null,\n  currency: 'USD',\n  dutiesTaxFees: 0,\n  error: null,\n  isSelectedShippingAboveDeminimis: false,\n  isSelectedShippingGuarantee: false,\n  items: [],\n  landedCostData: null,\n  selectedLandedCost: null,\n  selectedShippingOption: null,\n  selectedShippingOptionExpectedDate: '',\n  selectedShippingOptionTransitTime: '',\n  shipping: 0,\n  shippingData: null,\n  step: 'customer-info',\n  subtotal: 0,\n  total: 0,\n}));\n\n/**\n * Format shipping transit info to be displayed on UI\n * @returns\n * - expectedDate: Thursday, Aug 12\n * - maxTransit: 5\n * - minTransit: 3\n */\nconst cartStoreGetShippingTransitInfo = (item: ShipmentRatingFragment) => {\n  const minTransit = item.minTransitAt\n    ? getDaysDifference(new Date(item.minTransitAt))\n    : '';\n  const maxTransit = item.maxTransitAt\n    ? getDaysDifference(new Date(item.maxTransitAt))\n    : '';\n  const expectedDate = item.minTransitAt\n    ? formatDate({\n        date: new Date(item.minTransitAt),\n      })\n    : '';\n  return {\n    expectedDate,\n    maxTransit,\n    minTransit,\n  };\n};\n\nconst cartStoreReset = () => {\n  sessionStorage.removeItem('zonos--checkout-session-id');\n\n  // reset cart store\n  reset();\n};\n\nconst cartStoreUpdateToErrorState = ({\n  messages,\n  title,\n}: {\n  messages: string[];\n  title: string;\n}) => {\n  cartStore.step = 'error';\n  cartStore.error = {\n    messages,\n    title,\n  };\n};\n\ntype CartSubtotals = {\n  items: number;\n  landedCostTotal: number;\n  presentmentCurrencyCode: CurrencyCode;\n  shipping: number;\n  total: number;\n};\n\nconst cartStoreApplySubtotals = (subtotals: CartSubtotals) => {\n  cartStore.dutiesTaxFees = subtotals.landedCostTotal;\n  cartStore.subtotal = subtotals.items;\n  cartStore.total = subtotals.total;\n  cartStore.currency = subtotals.presentmentCurrencyCode;\n};\n\ntype CartStoreRecalculateTotalParams = Omit<\n  Parameters<typeof stripeStoreUpdateCheckoutSession>[0],\n  'id' | 'presentmentCountryCode'\n>;\n\nconst cartStoreReCalculateTotal = async ({\n  currency,\n  itemsAmount,\n  landedCostId,\n}: CartStoreRecalculateTotalParams) => {\n  if (landedCostId && cartStore.selectedLandedCost) {\n    // update cart total right away if we have landed cost id to avoid order total flickering\n    const subtotals = cartStore.selectedLandedCost.subtotals;\n    cartStoreApplySubtotals(subtotals);\n  }\n  // update checkout session\n  if (!cartStore.checkoutSessionId) {\n    logError('Could update cart total without checkout session id');\n    return false;\n  }\n  const { json } = await stripeStoreUpdateCheckoutSession({\n    currency,\n    id: cartStore.checkoutSessionId,\n    itemsAmount,\n    landedCostId,\n    presentmentCountryCode: localizationStore.selectedCountryCode,\n  });\n  if (!json) {\n    // do nothing if we can't get checkout session\n    logError('Error occurs when updating checkout session');\n    cartStoreUpdateToErrorState({\n      messages: [\n        translate(\n          \"There's been an error updating your checkout session. Please reload and try again or contact support if the error persists\",\n        ),\n      ],\n      title: translate('Error updating Checkout'),\n    });\n    return false;\n  }\n  if (!landedCostId) {\n    // This is when first open the checkout modal and we just want to get info from the old cart session.\n    // use subtotals from checkout session to update cart total\n    cartStoreApplySubtotals(json.checkoutSessionUpdate.subtotals);\n  }\n  return true;\n};\n\nconst cartStoreUpdateSelectedShippingOption = async (\n  selectedShippingOption: ShipmentRatingFragment,\n) => {\n  cartStore.selectedShippingOption = selectedShippingOption;\n\n  // update shipping transit info\n  const { expectedDate, maxTransit, minTransit } =\n    cartStoreGetShippingTransitInfo(cartStore.selectedShippingOption);\n  cartStore.selectedShippingOptionExpectedDate = expectedDate;\n  cartStore.selectedShippingOptionTransitTime =\n    minTransit && maxTransit\n      ? `${minTransit}-${maxTransit}`\n      : `${minTransit || maxTransit}`;\n\n  const selectedLandedCost = cartStore.landedCostData?.find(\n    checkoutSessionPresentment =>\n      checkoutSessionPresentment.landedCost?.shipmentRating?.id ===\n      cartStore.selectedShippingOption?.id,\n  );\n  // save selected landed cost for later use\n  cartStore.selectedLandedCost = selectedLandedCost || null;\n\n  if (!selectedLandedCost) {\n    // do nothing if we can't find landed cost for selected shipping option\n    return false;\n  }\n\n  // update shipping value and dutiesTaxFees on selectedShippingOption change\n  cartStore.shipping = selectedLandedCost.subtotals.shipping;\n\n  // update deminimis status\n  const isGuarantee =\n    selectedLandedCost?.landedCost?.landedCostGuaranteeCode === 'ZONOS';\n  // one item in deminimis with type of duty and tax has threshold value is \"ABOVE\"\n  const isAboveDeminimis = !!selectedLandedCost?.landedCost?.deMinimis?.find(\n    item => ['DUTY', 'TAX'].includes(item.type) && item.threshold === 'ABOVE',\n  );\n  cartStore.isSelectedShippingAboveDeminimis = isAboveDeminimis;\n  cartStore.isSelectedShippingGuarantee = isGuarantee;\n  // update session with selected landed cost\n  const updateCalulateStatus = await cartStoreReCalculateTotal({\n    landedCostId: selectedLandedCost.landedCost?.id,\n  });\n  return updateCalulateStatus;\n};\n\nonChange('checkoutSessionId', () => {\n  if (!cartStore.checkoutSessionId) {\n    sessionStorage.removeItem('zonos--checkout-session-id');\n    return;\n  }\n  sessionStorage.setItem(\n    'zonos--checkout-session-id',\n    cartStore.checkoutSessionId,\n  );\n});\n\nconst cartStoreUpdateItems = async (items: CartItem[]) => {\n  cartStore.items = items;\n  const currency = items.find(Boolean)?.currencyCode as CurrencyCode;\n  const total = items.reduce((amt, item) => {\n    return amt + item.amount * item.quantity;\n  }, 0);\n  if (!currency || !total) {\n    // do nothing if we can't get currency or total\n    return;\n  }\n  cartStore.currency = currency;\n  // set loading state here because this is first load checkout session when we already have checkout session id stored\n  stripeStore.isFetchingSession = true;\n  await cartStoreReCalculateTotal({\n    currency: currency,\n    itemsAmount: total,\n  });\n  stripeStore.isFetchingSession = false;\n};\n\nconst cartStoreResetSelectedShippingOption = () => {\n  cartStore.selectedShippingOption = null;\n  cartStore.isSelectedShippingAboveDeminimis = false;\n  cartStore.isSelectedShippingGuarantee = false;\n  cartStore.selectedShippingOptionExpectedDate = '';\n  cartStore.selectedShippingOptionTransitTime = '';\n  cartStore.shipping = 0;\n};\n\nconst cartStoreNextStep = () => {\n  if (cartStore.step === 'customer-info') {\n    cartStore.step = 'shipping';\n  } else if (cartStore.step === 'shipping') {\n    cartStore.step = 'payment';\n  } else if (cartStore.step === 'payment') {\n    cartStore.step = 'finish';\n  }\n};\n\nconst cartStorePreviousStep = () => {\n  if (cartStore.step === 'payment') {\n    cartStore.step = 'shipping';\n  } else if (cartStore.step === 'shipping') {\n    cartStore.step = 'customer-info';\n    // reset selected shipping option\n    cartStoreResetSelectedShippingOption();\n  }\n};\n\nexport {\n  cartStore,\n  cartStoreApplySubtotals,\n  cartStoreGetShippingTransitInfo,\n  cartStoreNextStep,\n  cartStorePreviousStep,\n  cartStoreReCalculateTotal,\n  cartStoreReset,\n  cartStoreUpdateItems,\n  cartStoreUpdateSelectedShippingOption,\n  cartStoreUpdateToErrorState,\n};\n","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          items: subtotals.items,\n          landedCostTotal: 0,\n          presentmentCurrencyCode: subtotals.presentmentCurrencyCode,\n          shipping: 0,\n          total: subtotals.items,\n        });\n      }\n    } catch (err) {\n      logError(err);\n    }\n    stripeStore.isFetchingLandedCost = false;\n  }\n};\n\nconst getStripeMessageBasedOnStatus = (status?: PaymentIntent['status']) => {\n  let messages: string[] = [];\n  let isError = true;\n  // Inspect the PaymentIntent `status` to indicate the status of the payment\n  // to your customer.\n  //\n  // Some payment methods will [immediately succeed or fail][0] upon\n  // confirmation, while others will first enter a `processing` state.\n  //\n  // [0]: https://stripe.com/docs/payments/payment-methods#payment-notification\n  switch (status) {\n    case 'succeeded': {\n      messages = [\n        translate(\n          'Your payment went through successfully! Thank you for shopping with us! We hope you had an enjoyable experience and your support means the world to us.',\n        ),\n        '',\n        '',\n        translate(\n          \"We've sent an email confirmation of the order details for your review. And our team is carefully preparing your order so it arrives on time.\",\n        ),\n      ];\n      isError = false;\n      break;\n    }\n    case 'requires_capture':\n    case 'processing': {\n      messages = [\n        translate(\n          \"Payment processing. We'll update you when payment is received.\",\n        ),\n      ];\n      isError = false;\n      break;\n    }\n\n    case 'requires_payment_method': {\n      messages = [\n        translate('Payment failed. Please try another payment method.'),\n      ];\n      break;\n    }\n\n    default: {\n      messages = [translate('Something went wrong.')];\n      break;\n    }\n  }\n  return {\n    isError,\n    messages,\n  };\n};\n\nconst stripeStoreRetrievePayment = async ({\n  clientSecret: _clientSecret,\n  storybookForceStatus,\n}: {\n  clientSecret?: string;\n  storybookForceStatus?: PaymentIntent['status'];\n}) => {\n  if (storybookForceStatus) {\n    // return status right away if we are in storybook mode\n    const { isError, messages } =\n      getStripeMessageBasedOnStatus(storybookForceStatus);\n\n    return { error: isError, messages };\n  }\n  const clientSecret = _clientSecret || stripeStore.clientSecret;\n  if (!stripeStore.stripe || !clientSecret) {\n    logError('Failed to retrieve payment intent. Stripe is not initialized');\n    return { error: true, message: [translate('Something went wrong.')] };\n  }\n  const { paymentIntent } = await stripeStore.stripe.retrievePaymentIntent(\n    clientSecret,\n  );\n\n  const status = paymentIntent?.status;\n\n  const { isError, messages } = getStripeMessageBasedOnStatus(status);\n\n  return { error: isError, messages };\n};\n\nconst stripeStoreConfirmPayment = async () => {\n  const stripePaymentReady = !!stripeStore.stripePaymentEventData?.complete;\n  const stripeElements = stripeStore.stripeElements;\n  const stripe = stripeStore.stripe;\n  const stripeClientSecret = stripeStore.clientSecret;\n  if (stripe && stripeElements && stripePaymentReady && stripeClientSecret) {\n    const { error } = await stripe.confirmPayment({\n      confirmParams: {\n        receipt_email: stripeStore.stripeLinkEventData?.value?.email,\n        return_url: window.location.href,\n      },\n      elements: stripeElements,\n      redirect: 'if_required',\n    });\n\n    if (error) {\n      if (error.type === 'card_error' || error.type === 'validation_error') {\n        throw new Error(error.message);\n      }\n      if (error.type === 'invalid_request_error') {\n        if (error.code === 'payment_intent_unexpected_state') {\n          // PaymentIntent was canceled or expired, or status is `require_capture`.\n          // don't throw error here because we will reset the checkout session last step\n          return;\n        }\n      }\n      throw new Error('An unexpected error occurred.');\n    }\n  }\n};\n\ntype CheckoutSessionCreateRequest = {\n  currency: string;\n  itemsAmount: number;\n  presentmentCountryCode: CountryCode | null;\n};\n\n/**\n * Init checkout session\n * @returns {boolean} whether or not the checkout session is successfully created\n */\nconst stripeStoreInitCheckoutSession = async () => {\n  const total = cartStore.items.reduce(\n    (amount, item) => amount + item.amount * item.quantity,\n    0,\n  );\n\n  if (!total || !localizationStore.targetCurrency) {\n    logError('Fail to create checkout session - invalid total or currency');\n    return false;\n  }\n\n  stripeStore.isFetchingSession = true;\n\n  const { errors, json } = await handleFetch<\n    CheckoutSessionCreateMutation,\n    CheckoutSessionCreateRequest\n  >(`${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/create-checkout-session`, {\n    body: {\n      currency: cartStore.items.find(Boolean)?.currencyCode || '',\n      itemsAmount: total,\n      presentmentCountryCode: localizationStore.selectedCountryCode || null,\n    },\n    method: 'POST',\n  });\n\n  stripeStore.isFetchingSession = false;\n\n  if (errors.length || !json) {\n    logError(\n      'Error occurs when creating checkout session',\n      JSON.stringify(errors, null, 2),\n    );\n\n    return false;\n  }\n  const result = json.checkoutSessionCreate;\n\n  stripeStore.clientSecret = result.clientSecret;\n  // update cart store with updated informations\n  cartStore.checkoutSessionId = result.id;\n  cartStoreApplySubtotals({\n    ...result.subtotals,\n    landedCostTotal: 0,\n    shipping: 0,\n    total: result.subtotals.items,\n  });\n\n  log('done-init-checkout-session');\n  return true;\n};\n\ntype CheckoutSessionUpdateRequest = {\n  currency?: string;\n  id: string;\n  itemsAmount?: number;\n  landedCostId?: string;\n  presentmentCountryCode: CountryCode | null;\n};\n/**\n * Update checkout session. Use for updating amount with landed cost id, or update session when cart items change\n */\nconst stripeStoreUpdateCheckoutSession = async ({\n  currency,\n  id,\n  itemsAmount,\n  landedCostId,\n  presentmentCountryCode,\n}: CheckoutSessionUpdateRequest) => {\n  // No need to set loading state here because this function will be called under the hood to update\n  // landed cost id for the section.\n  const { errors, json } = await handleFetch<\n    CheckoutSessionUpdateMutation,\n    CheckoutSessionUpdateRequest\n  >(`${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/update-checkout-session`, {\n    body: {\n      currency,\n      id,\n      itemsAmount,\n      landedCostId,\n      presentmentCountryCode,\n    },\n    method: 'POST',\n  });\n\n  if (errors.length || !json) {\n    logError(\n      'Error occurs when updating checkout session',\n      JSON.stringify(errors, null, 2),\n    );\n    return { errors, json };\n  }\n\n  return { errors: [], json };\n};\n\nonChange('clientSecret', clientSecret => {\n  // update stripe elements when client secret changes\n  if (clientSecret && stripeStore.stripe) {\n    sessionStorage.setItem('zonos--client-secret', clientSecret);\n  }\n\n  if (!clientSecret) {\n    sessionStorage.removeItem('zonos--client-secret');\n  }\n});\n\nexport {\n  initStripeElements,\n  stripeStore,\n  stripeStoreConfirmPayment,\n  stripeStoreInitCheckoutSession,\n  stripeStorePrefetchLandedCost,\n  stripeStoreReset,\n  stripeStoreRetrievePayment,\n  stripeStoreUpdateCheckoutSession,\n};\n"],"version":3}

package/dist/components/submitGtag.js

@@ -0,0 +1,21 @@
+import { z as zonosStore } from './zonosStore.js';
+import { b as log } from './localization.js';
+
+/**
+ * Submit a gtag event if the gtag function is available.
+ */
+const submitGtag = (event) => {
+  const googleAnalyticSetting = zonosStore.checkoutSettings.analyticsProviders.find(item => item.type === 'GOOGLE_ANALYTICS');
+  // only submit if googleAnalytic in checkout setting is on.
+  if (!googleAnalyticSetting || (googleAnalyticSetting === null || googleAnalyticSetting === void 0 ? void 0 : googleAnalyticSetting.status) === 'DISABLED') {
+    return;
+  }
+  if (typeof window.gtag === 'function') {
+    log('Zonos submits gtag event', 'log', event);
+    window.gtag('event', event, {});
+  }
+};
+
+export { submitGtag as s };
+
+//# sourceMappingURL=submitGtag.js.map

package/dist/components/submitGtag.js.map

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ZonosAddress extends Components.ZonosAddress, HTMLElement {}
+export const ZonosAddress: {
+  prototype: ZonosAddress;
+  new (): ZonosAddress;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/zonos-address.js

@@ -0,0 +1,8 @@
+import { Z as ZonosAddress$1, d as defineCustomElement$1 } from './zonos-address2.js';
+
+const ZonosAddress = ZonosAddress$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZonosAddress, defineCustomElement };
+
+//# sourceMappingURL=zonos-address.js.map

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

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

package/dist/components/zonos-address2.js

@@ -0,0 +1,101 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { s as stripeStore, a as stripeStorePrefetchLandedCost } from './stripe.js';
+import { l as logError, a as localizationStore } from './localization.js';
+import { d as defineCustomElement$1 } from './zonos-text2.js';
+
+const zonosAddressCss = ".sc-zonos-address-h{font-family:Inter;display:block}.sc-zonos-address-h img.sc-zonos-address{max-width:100%}.sc-zonos-address-h dl.sc-zonos-address,.sc-zonos-address-h dd.sc-zonos-address,.sc-zonos-address-h h1.sc-zonos-address,.sc-zonos-address-h h2.sc-zonos-address,.sc-zonos-address-h h3.sc-zonos-address,.sc-zonos-address-h h4.sc-zonos-address,.sc-zonos-address-h h5.sc-zonos-address,.sc-zonos-address-h h6.sc-zonos-address,.sc-zonos-address-h hr.sc-zonos-address,.sc-zonos-address-h figure.sc-zonos-address,.sc-zonos-address-h p.sc-zonos-address,.sc-zonos-address-h pre.sc-zonos-address{margin:0}.sc-zonos-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-address-h .zonos--title.sc-zonos-address{margin-bottom:var(--amino-space-16)}";
+
+const ZonosAddress = /*@__PURE__*/ proxyCustomElement(class ZonosAddress extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.type = undefined;
+    this.titleText = undefined;
+    this.defaultAddress = null;
+    this.stripe = window.Zonos.stripe;
+  }
+  async watchInitStripe() {
+    var _a, _b;
+    this.stripe = window.Zonos.stripe;
+    if (!this.stripe || !stripeStore.stripeElements) {
+      logError("Stripe is not initialized. Couldn't load stripe element.");
+      return;
+    }
+    const phone = (_a = this.defaultAddress) === null || _a === void 0 ? void 0 : _a.phone;
+    if (!phone) {
+      // remove phone from default address if it's not provided, stripe
+      // will throw error if key phone exist and its value is empty or 'undefined'.
+      (_b = this.defaultAddress) === null || _b === void 0 ? true : delete _b.phone;
+    }
+    const shippableCountries = localizationStore.shippingZoneCountries;
+    const addressElement = stripeStore.stripeAddressElement ||
+      stripeStore.stripeElements.create('address', {
+        allowedCountries: shippableCountries
+          ? Object.values(shippableCountries).map(country => country.code)
+          : [],
+        contacts: this.defaultAddress ? [this.defaultAddress] : undefined,
+        display: {
+          name: 'split',
+        },
+        fields: {
+          phone: 'always',
+        },
+        mode: this.type,
+        validation: {
+          phone: {
+            required: 'always',
+          },
+        },
+      });
+    addressElement.mount(this.el.querySelector('.zonos--address-component'));
+    addressElement.on('change', event => {
+      const eventValue = event.value;
+      stripeStore.stripeAddressEventData = Object.assign(Object.assign({}, event), { elementMode: 'shipping', elementType: 'address', empty: false, value: Object.assign(Object.assign({}, eventValue), { firstName: eventValue.firstName || eventValue.name.split(' ')[0], lastName: eventValue.lastName || eventValue.name.split(' ').pop() }) });
+      // run prefetch landed cost when address is changed
+      void stripeStorePrefetchLandedCost();
+    });
+    stripeStore.stripeAddressElement = addressElement;
+  }
+  componentDidLoad() {
+    // @Watch doesn't get trigger on initial load
+    void this.watchInitStripe();
+  }
+  render() {
+    // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
+    return (h(Host, { class: "zonos--address zonos--elements" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { class: "zonos--address-component" })));
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "stripe": ["watchInitStripe"]
+  }; }
+  static get style() { return zonosAddressCss; }
+}, [2, "zonos-address", {
+    "type": [1],
+    "titleText": [1, "title-text"],
+    "defaultAddress": [16],
+    "stripe": [32]
+  }, undefined, {
+    "stripe": ["watchInitStripe"]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["zonos-address", "zonos-text"];
+  components.forEach(tagName => { switch (tagName) {
+    case "zonos-address":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ZonosAddress);
+      }
+      break;
+    case "zonos-text":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { ZonosAddress as Z, defineCustomElement as d };
+
+//# sourceMappingURL=zonos-address2.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ZonosBadge extends Components.ZonosBadge, HTMLElement {}
+export const ZonosBadge: {
+  prototype: ZonosBadge;
+  new (): ZonosBadge;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/zonos-badge.js

@@ -0,0 +1,8 @@
+import { Z as ZonosBadge$1, d as defineCustomElement$1 } from './zonos-badge2.js';
+
+const ZonosBadge = ZonosBadge$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZonosBadge, defineCustomElement };
+
+//# sourceMappingURL=zonos-badge.js.map

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

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

package/dist/components/zonos-badge2.js

@@ -0,0 +1,55 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { c as classes } from './classes.js';
+
+const zonosBadgeCss = ":host{font-family:Inter;display:block}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host .zonos--badge-content{display:-ms-flexbox;display:flex;gap:var(--amino-space-8);font-size:var(--amino-font-size-s);padding:4px 8px;text-align:center;border-radius:var(--amino-radius-6);background-color:var(--amino-gray-100);color:var(--amino-gray-800);-ms-flex-align:center;align-items:center}:host p{font-weight:600;line-height:16px}:host .icon-right svg{-ms-flex-order:2;order:2}:host .small{padding:2px 8px}:host .rounded{border-radius:20px}:host .bold{background-color:var(--amino-gray-600);color:var(--amino-gray-100)}:host .blue{background-color:var(--amino-blue-100);color:var(--amino-blue-800)}:host .blue.bold{background-color:var(--amino-blue-600);color:var(--amino-blue-100)}:host .green{background-color:var(--amino-green-100);color:var(--amino-green-800)}:host .green.bold{background-color:var(--amino-green-600);color:var(--amino-green-100)}:host .red{background-color:var(--amino-red-100);color:var(--amino-red-800)}:host .red.bold{background-color:var(--amino-red-600);color:var(--amino-red-100)}:host .orange{background-color:var(--amino-orange-100);color:var(--amino-orange-800)}:host .orange.bold{background-color:var(--amino-orange-600);color:var(--amino-orange-100)}:host .purple{background-color:var(--amino-purple-100);color:var(--amino-purple-800)}:host .purple.bold{background-color:var(--amino-purple-600);color:var(--amino-purple-100)}:host .cyan{background-color:var(--amino-cyan-100);color:var(--amino-cyan-800)}:host .cyan.bold{background-color:var(--amino-cyan-600);color:var(--amino-cyan-100)}";
+
+const ZonosBadge = /*@__PURE__*/ proxyCustomElement(class ZonosBadge extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.bold = false;
+    this.color = 'gray';
+    this.icon = undefined;
+    this.iconRight = false;
+    this.size = 'default';
+    this.rounded = false;
+    this.class = '';
+  }
+  render() {
+    return (h(Host, { class: classes(['zonos--elements zonos--badge', this.class]) }, h("div", { class: classes([
+        'zonos--badge-content',
+        this.color,
+        this.rounded && 'rounded',
+        this.iconRight && 'icon-right',
+        this.size,
+        this.bold && 'bold',
+      ]) }, this.icon, h("p", null, h("slot", null)))));
+  }
+  static get style() { return zonosBadgeCss; }
+}, [1, "zonos-badge", {
+    "bold": [4],
+    "color": [1],
+    "icon": [16],
+    "iconRight": [4, "icon-right"],
+    "size": [1],
+    "rounded": [4],
+    "class": [1]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["zonos-badge"];
+  components.forEach(tagName => { switch (tagName) {
+    case "zonos-badge":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ZonosBadge);
+      }
+      break;
+  } });
+}
+
+export { ZonosBadge as Z, defineCustomElement as d };
+
+//# sourceMappingURL=zonos-badge2.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ZonosBanner extends Components.ZonosBanner, HTMLElement {}
+export const ZonosBanner: {
+  prototype: ZonosBanner;
+  new (): ZonosBanner;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/zonos-banner.js

@@ -0,0 +1,8 @@
+import { Z as ZonosBanner$1, d as defineCustomElement$1 } from './zonos-banner2.js';
+
+const ZonosBanner = ZonosBanner$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZonosBanner, defineCustomElement };
+
+//# sourceMappingURL=zonos-banner.js.map

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

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

package/dist/components/zonos-banner2.js

@@ -0,0 +1,90 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { c as classes } from './classes.js';
+import { d as defineCustomElement$1 } from './zonos-text2.js';
+
+const zonosBannerCss = ":host{font-family:Inter;display:block}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{border-radius:var(--amino-radius-10);padding:var(--amino-space-16);background:var(--amino-gray-100)}:host .zonos--container{display:grid;-ms-flex-align:center;align-items:center;grid-template-areas:\"icon header\" \". content\";grid-template-columns:32px auto 0}:host .zonos--icon-wrapper{grid-area:icon;display:-ms-flexbox;display:flex;justify-self:start}:host .zonos--header-wrapper{grid-area:header}:host .zonos--content-wrapper{grid-area:content;margin-top:8px}:host(.info){background-color:var(--amino-blue-100)}:host(.success){background-color:var(--amino-green-100)}:host(.error){background-color:var(--amino-red-100)}:host(.warning){background-color:var(--amino-orange-100)}";
+
+const ZonosBanner = /*@__PURE__*/ proxyCustomElement(class ZonosBanner extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * Detect if the button has an content
+     */
+    this.handleSlotChange = () => {
+      this.hasContent = true;
+    };
+    this.bannerTitle = undefined;
+    this.intent = undefined;
+    this.class = '';
+    this.hasContent = false;
+  }
+  render() {
+    const renderContent = ({ color }) => {
+      const primaryColor = `var(--amino-${color}-800)`;
+      const secondaryColor = `var(--amino-${color}-300)`;
+      const [header, content] = [
+        this.bannerTitle,
+        h("slot", { onSlotchange: this.handleSlotChange }),
+      ].filter(Boolean);
+      const textColor = color === 'gray' ? 'gray-1200' : `${color}-800`;
+      return (h("div", { class: classes(['zonos--container']) }, h("div", { class: "zonos--icon-wrapper" }, h("svg", { color: primaryColor, fill: "none", height: "20", viewBox: "0 0 24 24", width: "20", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "clip-rule": "evenodd", d: "M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Z", "data-is-secondary-color": "true", fill: secondaryColor, "fill-rule": "evenodd" }), h("path", { "clip-rule": "evenodd", 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", fill: "currentColor", "fill-rule": "evenodd" }))), h("div", { class: "zonos--header-wrapper" }, h("zonos-text", { color: textColor, type: "label", weight: 600 }, header)), content && (h("div", { class: "zonos--content-wrapper" }, h("zonos-text", { color: textColor }, content)))));
+    };
+    const baseClass = classes([
+      'zonos--elements zonos--banner',
+      this.class,
+      this.intent,
+    ]);
+    switch (this.intent) {
+      case 'error':
+        return (h(Host, { class: baseClass }, renderContent({
+          color: 'red',
+        })));
+      case 'info':
+        return (h(Host, { class: baseClass }, renderContent({
+          color: 'blue',
+        })));
+      case 'success':
+        return (h(Host, { class: baseClass }, renderContent({
+          color: 'green',
+        })));
+      case 'warning':
+        return (h(Host, { class: baseClass }, renderContent({
+          color: 'orange',
+        })));
+      default:
+        return (h(Host, { class: baseClass }, renderContent({
+          color: 'gray',
+        })));
+    }
+  }
+  static get style() { return zonosBannerCss; }
+}, [1, "zonos-banner", {
+    "bannerTitle": [1, "banner-title"],
+    "intent": [1],
+    "class": [1],
+    "hasContent": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["zonos-banner", "zonos-text"];
+  components.forEach(tagName => { switch (tagName) {
+    case "zonos-banner":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ZonosBanner);
+      }
+      break;
+    case "zonos-text":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { ZonosBanner as Z, defineCustomElement as d };
+
+//# sourceMappingURL=zonos-banner2.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ZonosButton extends Components.ZonosButton, HTMLElement {}
+export const ZonosButton: {
+  prototype: ZonosButton;
+  new (): ZonosButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/zonos-button.js

@@ -0,0 +1,8 @@
+import { Z as ZonosButton$1, d as defineCustomElement$1 } from './zonos-button2.js';
+
+const ZonosButton = ZonosButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZonosButton, defineCustomElement };
+
+//# sourceMappingURL=zonos-button.js.map

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

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