@beamimpact/web-sdk 1.39.0 → 1.39.2

package/dist/components/select-nonprofit.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-nonprofit.js","sources":["../../src/shared/components/notification-blip.ts","../../src/components/select-nonprofit/strings.ts","../../src/components/select-nonprofit/index.ts"],"sourcesContent":["import { LitElement, html, css } from \"lit\";\n\nclass BeamNotificationBlip extends LitElement {\n  static get styles() {\n    return css`\n      :host {\n        position: relative;\n      }\n\n      .notification-blip {\n        position: absolute;\n        top: -12px;\n        right: -4px;\n        background-color: var(--beam-notificationBlip-color-background, #000);\n        border-radius: 50%;\n        width: 12px;\n        height: 12px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        font-size: 12px;\n      }\n    `;\n  }\n\n  render() {\n    return html`<div class=\"notification-blip-container\" aria-label=\"Notification Blip\">\n      <span class=\"notification-blip\" role=\"button\" tabindex=\"0\" aria-hidden=\"true\"></span>\n    </div>`;\n  }\n}\n\ncustomElements.get(\"beam-notification-blip\") || customElements.define(\"beam-notification-blip\", BeamNotificationBlip);\n\nexport const notificationBlipConfigDefaults = {\n  \"--beam-notificationBlip-color-background\": \"#000\",\n} as const;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-notification-blip\": BeamNotificationBlip;\n  }\n}\n","export const strings = {\n  en: {\n    beamAttribution: () => `Powered by Beam`,\n    ctaTitle: () => `Choose your impact`,\n    ctaPromoPrefixMessage: () => `At no extra cost,`,\n    ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `select a nonprofit and ${donationPercentage}% of your purchase will be donated.`,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `Select a nonprofit and ${donationPercentage}% of your purchase will be donated, at no extra cost.`,\n    inlineSeparator: () => `: `,\n  },\n  fr: {\n    beamAttribution: () => `Optimisé par Beam`,\n    ctaTitle: () => `Choisissez votre cause`,\n    ctaPromoPrefixMessage: () => ``,\n    ctaPromoMessage: () => ``,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `Choisissez un organisme à but non lucratif et ${donationPercentage} % lui sera versé en votre nom, sans frais supplémentaires.`,\n    inlineSeparator: () => ` : `,\n  },\n  de: {\n    beamAttribution: () => `Unterstützt von Beam`,\n    ctaTitle: () => `Wähle deinen Impact`,\n    ctaPromoPrefixMessage: () => ``,\n    ctaPromoMessage: () => ``,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `Wähle eine der gemeinnützigen Organisationen und spende ${donationPercentage}% deines Einkaufs ohne zusätzliche Kosten`,\n    inlineSeparator: () => `: `,\n  },\n  es: {\n    beamAttribution: () => \"Ofrecido por Beam\",\n    ctaTitle: () => \"Elige tu contribución\",\n    ctaPromoPrefixMessage: () => ``,\n    ctaPromoMessage: () => ``,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `Elige una organización sin fines de lucro y donaremos ${donationPercentage}% de tu compra sin coste adicional.`,\n    inlineSeparator: () => \": \",\n  },\n  it: {\n    beamAttribution: () => \"Gestito da Beam\",\n    ctaTitle: () => \"Scegli dove fare la differenza\",\n    ctaPromoPrefixMessage: () => ``,\n    ctaPromoMessage: () => ``,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `Seleziona un'organizzazione no-profit a cui devolvere l’${donationPercentage}% del tuo acquisto, senza costi aggiuntivi`,\n    inlineSeparator: () => \": \",\n  },\n  pl: {\n    beamAttribution: () => `Wspierany przez Beam`,\n    ctaTitle: () => `Wybierz inicjatywę, którą chcesz wesprzeć`,\n    ctaPromoPrefixMessage: () => ``,\n    ctaPromoMessage: () => ``,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `Wybierz organizację, której przekażesz ${donationPercentage}% wartości Twoich zakupów – bez żadnych dodatkowych kosztów!`,\n    inlineSeparator: () => `: `,\n  },\n};\n","import { css, html, LitElement, PropertyValues } from \"lit\";\nimport { repeat } from \"lit/directives/repeat.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport { property } from \"lit/decorators/property.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES } from \"../../api-sdk/constants\";\nimport \"../../shared/components/progress-bar\";\nimport \"../../shared/components/promo-pill-label\";\nimport \"../../shared/components/notification-blip\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { isEqual, logger } from \"../../utils\";\nimport { MissingConfig } from \"../../utils/beam-errors\";\nimport { TNumericId } from \"../../shared/types\";\nimport { createScopedLocalStorage } from \"../../utils/local-storage\";\nimport { postChainEligibleNonprofitsForCart, postSelectNonprofit } from \"../../api-sdk/v3/routes\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { BeamCartChangeEvent, BeamNonprofitSelectEvent, BeamNonprofitSelectionRemovedEvent } from \"../../utils/events\";\nimport { getCookieValue } from \"../../utils/cookies\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { progressBarConfigDefaults } from \"../../shared/components/progress-bar\";\nimport { cssResponsiveUtils } from \"../../shared/responsive\";\nimport { BEAM_CART_COOKIE_NAME, TBeamCartLocalStorage, TCart } from \"../../shared/cart-contents\";\nimport { notificationBlipConfigDefaults } from \"../../shared/components/notification-blip\";\nimport { promoPillLabelConfigDefaults } from \"../../shared/components/promo-pill-label\";\nimport { strings } from \"./strings\";\n\ninterface RequiredConfig {\n  apiKey: string;\n  storeId: TNumericId; // Can be set async by postalCode + countryCode lookup\n}\n\nexport class BeamSelectNonprofit extends LitElement {\n  static tagName = \"beam-select-nonprofit\";\n\n  @property({ type: String }) public baseUrl: string = DEFAULT_BASE_URL;\n\n  @property({ type: String }) public apiKey?: RequiredConfig[\"apiKey\"];\n\n  // storeId can be omitted if countryCode + postalCode are provided\n  @property({ type: Number, reflect: true }) public storeId?: TNumericId;\n\n  @property({ type: String }) public countryCode?: string;\n\n  @property({ type: String }) public postalCode?: string;\n\n  @property({ attribute: false, hasChanged: (a, b) => !isEqual(a, b) }) public cart?: TCart;\n\n  @property({ type: Number, reflect: true }) public selectedNonprofitId: TNumericId | null = null;\n\n  @property({ type: String }) public lang: LANGUAGES = \"en\";\n\n  @property({ type: Boolean }) public debug = false;\n\n  private enableNonprofitDeselection = false;\n\n  private selectionId?: string;\n\n  private didTryToCreateNewSelectionFromCache = false; // Should only create selection once\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  private getChainNonprofits = async () => {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\"], this)) {\n      throw new MissingConfig();\n    }\n\n    const cart: any = this.cart?.content\n      ? {\n          schema: this.cart?.schema,\n          content: this.cart?.content,\n        }\n      : undefined;\n\n    // We use a POST method because we send a nested JSON with data that we don't want to serialize/expose in URL\n    const res = await postChainEligibleNonprofitsForCart({\n      baseUrl: this.baseUrl,\n      apiRoot: \"/api/v3\",\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      requestBody: {\n        storeId: this.storeId,\n        widgetName: \"select-nonprofit\",\n        postalCode: this.postalCode,\n        countryCode: this.countryCode,\n        version: \"1.0.0\",\n        lang: this.configLang,\n        cart,\n      },\n    });\n\n    this.enableNonprofitDeselection = !!res.config.enableNonprofitDeselection;\n\n    // Reset selection if list doesn't include the current selected nonprofit and if it's not set to null\n    if (\n      this.selectedNonprofitId !== null &&\n      this.selectedNonprofitId &&\n      !res.nonprofits.map((np) => np.nonprofit.id).includes(this.selectedNonprofitId)\n    ) {\n      this.selectedNonprofitId = null;\n      await this.postSelectNonprofit({ selectedNonprofitId: null });\n      this.localStorage.setItem(\"nonprofit\", null);\n    }\n\n    // If store ID was not provided, get the store ID from response here\n    if (res.store?.id && res.store.id !== this.storeId) {\n      this.storeId = res.store.id;\n    }\n\n    await this.createNewSelectionForCachedNonprofit();\n\n    this.localStorage.setItemJson(\"chainNonprofits\", {\n      createdAt: new Date(),\n      data: res,\n    });\n\n    return res;\n  };\n\n  private postSelectNonprofit = async ({ selectedNonprofitId }: { selectedNonprofitId: TNumericId | null }) => {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"storeId\"], this)) {\n      throw new MissingConfig();\n    }\n    const cartId = this.getExternalCartId();\n    const beamCartId = this.getBeamCartId();\n    const result = await postSelectNonprofit({\n      baseUrl: this.baseUrl,\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      requestBody: {\n        nonprofitId: selectedNonprofitId,\n        selectionId: this.selectionId,\n        storeId: this.storeId,\n        cartId,\n        beamCartId,\n        postalCode: this.postalCode,\n        countryCode: this.countryCode,\n      },\n    });\n\n    this.selectionId = result?.selectionId;\n    this.localStorage.setItem(\"transaction\", this.selectionId);\n    this.localStorage.setItem(\"nonprofit\", selectedNonprofitId);\n    this.localStorage.setItem(\"nonprofit_selected_at\", new Date().toISOString());\n\n    await this.updateComplete;\n\n    const selectedNonprofit = this.getNonprofitById(selectedNonprofitId);\n\n    if (selectedNonprofitId !== null)\n      this.dispatchEvent(\n        new BeamNonprofitSelectEvent({\n          selectedNonprofitId,\n          selectionId: this.selectionId,\n          nonprofitName: selectedNonprofit?.nonprofit?.name ?? null,\n        })\n      );\n    if (selectedNonprofitId && selectedNonprofitId !== null)\n      new BeamNonprofitSelectionRemovedEvent({\n        newNonprofitId: null,\n        selectionId: this.selectionId,\n      });\n  };\n\n  private nonprofitListDataController = new AsyncController<typeof this.getChainNonprofits>(\n    this,\n    this.getChainNonprofits\n  );\n\n  private selectionDataController = new AsyncController<typeof this.postSelectNonprofit>(\n    this,\n    this.postSelectNonprofit\n  );\n\n  private localStorage = createScopedLocalStorage(this as LitElement & RequiredConfig);\n\n  private getNonprofitById(selectedNonprofitId: number | null) {\n    if (!selectedNonprofitId) return null;\n    return this.nonprofitListDataController?.data?.nonprofits.find((np) => np.nonprofit.id === selectedNonprofitId);\n  }\n\n  private handleCartChange = (evt: BeamCartChangeEvent) => {\n    this.cart = evt.detail;\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(BeamCartChangeEvent.eventName, this.handleCartChange as EventListener);\n  }\n\n  async firstUpdated(_changedProperties: PropertyValues) {\n    await this.restoreStateFromCache();\n  }\n\n  async updated(previousPropertyValues: PropertyValues) {\n    // Reload nonprofit list on change of any of these props:\n    // Also fires on first load as props go from undefined => value\n    const requireNewDataProps = [\"baseUrl\", \"storeId\", \"apiKey\", \"countryCode\", \"postalCode\", \"cart\", \"lang\"];\n    for (const prop of requireNewDataProps) {\n      if (previousPropertyValues.has(prop)) {\n        await this.nonprofitListDataController.exec();\n        break;\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener(BeamCartChangeEvent.eventName, this.handleCartChange as EventListener);\n    super.disconnectedCallback();\n  }\n\n  private getExternalCartId() {\n    return this.localStorage.getItemJson<TBeamCartLocalStorage>(\"cart\")?.cartId ?? getCookieValue(\"cart\");\n  }\n\n  private getBeamCartId() {\n    return getCookieValue(BEAM_CART_COOKIE_NAME);\n  }\n\n  private async restoreStateFromCache() {\n    try {\n      const currentTimestamp = new Date().valueOf();\n\n      this.cart = this.localStorage.getItemJson<TBeamCartLocalStorage>(\"cart\") ?? undefined;\n\n      // Restore the previous nonprofit selection unless it exceeds the defined time limit, in which case clear the selection\n      // (Note: localStorage key is called \"transaction\" for backwards compatibility with legacy SDK)\n      const selectionTtl = 30 * 24 * 60 * 60 * 1000; // 30 days in milliseconds\n      const selectionCreatedAt = this.localStorage.getItem(\"nonprofit_selected_at\") ?? 0;\n      const isSelectionExpired = currentTimestamp > new Date(selectionCreatedAt).valueOf() + selectionTtl;\n      if (!isSelectionExpired) {\n        this.selectedNonprofitId = parseInt(this.localStorage.getItem(\"nonprofit\") || \"\") || null;\n        this.selectionId = this.localStorage.getItem(\"transaction\") ?? undefined;\n      } else if (isSelectionExpired && this.selectedNonprofitId !== null) {\n        await this.postSelectNonprofit({ selectedNonprofitId: null });\n        this.localStorage.setItem(\"nonprofit\", null);\n      }\n\n      // Try to restore nonprofit list if we have data and it's not too old\n      // list will continue to refresh async and replace this data when ready\n      const { createdAt = 0, data } =\n        this.localStorage.getItemJson<{ createdAt: string; data: any }>(\"chainNonprofits\") || {};\n      const cacheTtl = 2 * 60 * 60 * 1000; // 2 hours in milliseconds\n      const isCacheExpired = currentTimestamp > new Date(createdAt).valueOf() + cacheTtl;\n      if (!isCacheExpired) {\n        this.nonprofitListDataController.data = data;\n        this.nonprofitListDataController.loading = false;\n      }\n    } catch (err) {\n      logger.error(err);\n      // ignore cache retrieval error and continue to fetch data\n    }\n  }\n\n  private async createNewSelectionForCachedNonprofit() {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\"], this)) {\n      throw new MissingConfig();\n    }\n    if (!this.storeId || this.didTryToCreateNewSelectionFromCache) {\n      return; // storeId can be set async as a result of calling find nonprofits with postalCode + zipCode\n    }\n    try {\n      // Immediately set flag to prevent more cache restore attempts from triggering\n      this.didTryToCreateNewSelectionFromCache = true;\n\n      // Create a new selection ID for the session (e.g., if restoring nonprofit after a completed order)\n\n      if (this.selectedNonprofitId) {\n        if (!this.selectionId) {\n          await this.selectionDataController.exec({ selectedNonprofitId: this.selectedNonprofitId });\n        }\n        const selectedNonprofit = this.getNonprofitById(this.selectedNonprofitId);\n        this.dispatchEvent(\n          new BeamNonprofitSelectEvent({\n            selectedNonprofitId: this.selectedNonprofitId,\n            selectionId: this.selectionId,\n            nonprofitName: selectedNonprofit?.nonprofit?.name,\n          })\n        );\n      }\n    } catch (err) {\n      // Ignore error\n    }\n  }\n\n  /**\n   * Factory for selection event handler\n   *\n   * Nonprofit selector implements radio-button semantics:\n   * * If nothing is selected, tabbing into selector selects first card\n   * * Arrow keys changes focus between cards, but doesn't select\n   * * Enter/Space sets selection\n   * * If a nonprofit is selected, arrow keys change focus AND selection\n   * * Click sets selection\n   * @param {number} id\n   * @param {number} index\n   * @param {{id: number}[]} nonprofits\n   * @returns {(evt: Event) => void}\n   */\n  private makeHandleSelect =\n    (id: number, index: number, nonprofits: { nonprofit: { id: number } }[]) => async (evt: Event) => {\n      const currentId = this.selectedNonprofitId;\n      if (evt instanceof KeyboardEvent) {\n        let nextFocus = null;\n        switch (evt.key) {\n          case \"ArrowUp\":\n          case \"ArrowLeft\":\n            if (index === 0) {\n              nextFocus = nonprofits[nonprofits.length - 1];\n            } else {\n              nextFocus = nonprofits[index - 1];\n            }\n            evt.preventDefault();\n            break;\n          case \"ArrowRight\":\n          case \"ArrowDown\":\n            if (index === nonprofits.length - 1) {\n              nextFocus = nonprofits[0];\n            } else {\n              nextFocus = nonprofits[index + 1];\n            }\n            evt.preventDefault();\n            break;\n          case \"Enter\":\n          case \" \":\n            evt.preventDefault();\n            break; // continue to toggle-selection block below\n          default:\n            return;\n        }\n        if (nextFocus) {\n          if (currentId != null) {\n            this.selectedNonprofitId = nextFocus.nonprofit.id;\n          }\n          const focusTarget = this.renderRoot.querySelector(`[data-value=\"${nextFocus.nonprofit.id}\"]`) as HTMLElement;\n          if (focusTarget !== null) {\n            focusTarget.tabIndex = 0;\n            focusTarget.focus();\n          }\n          return;\n        }\n      }\n      // Handle selection with click or Enter/Space key\n      const targetEl = evt.currentTarget;\n      if (targetEl instanceof HTMLElement) {\n        if (currentId === id) {\n          if (this.enableNonprofitDeselection) {\n            this.selectedNonprofitId = null; // unset\n            await this.postSelectNonprofit({ selectedNonprofitId: null });\n            this.localStorage.setItem(\"nonprofit\", null);\n          } else {\n            return;\n          }\n        } else {\n          this.selectedNonprofitId = id;\n        }\n      }\n      await this.selectionDataController.exec({ selectedNonprofitId: this.selectedNonprofitId });\n    };\n\n  public get cssVariables() {\n    const defaults = {\n      \"--beam-fontFamily\": \"inherit\",\n      \"--beam-fontStyle\": \"inherit\",\n      \"--beam-fontSize\": \"inherit\",\n      \"--beam-textColor\": \"inherit\",\n      \"--beam-backgroundColor\": \"inherit\",\n      ...progressBarConfigDefaults,\n      \"--beam-SelectNonprofit-title-textAlign\": \"inherit\",\n      \"--beam-SelectNonprofit-description-textAlign\": \"inherit\",\n      \"--beam-SelectNonprofit-maxWidth\": \"800px\",\n      \"--beam-SelectNonprofit-options-marginTop\": \"0px\",\n      \"--beam-SelectNonprofit-options-iconHeight\": \"24px\",\n      \"--beam-SelectNonprofit-options-padding\": \"10px\",\n      \"--beam-SelectNonprofit-options-borderRadius\": \"0px\",\n      \"--beam-SelectNonprofit-options-borderColor\": \"currentColor\",\n      \"--beam-SelectNonprofit-options--selected-borderColor\": \"currentColor\",\n      \"--beam-SelectNonprofit-options-backgroundColor\": \"transparent\",\n      \"--beam-SelectNonprofit-options-gap\": \"8px\",\n      \"--beam-SelectNonprofit-options--selected-backgroundColor\": \"currentColor\",\n      \"--beam-SelectNonprofit-details-marginTop\": \"10px\",\n      \"--beam-SelectNonprofit-details-borderRadius\": \"0px\",\n      \"--beam-SelectNonprofit-details-borderColor\": \"currentColor\",\n      \"--beam-SelectNonprofit-details-backgroundColor\": \"inherit\",\n      ...defineCustomText(\"--beam-SelectNonprofit-title\", {\n        fontSize: \"1.25em\",\n        fontWeight: \"bold\",\n      }),\n      \"--beam-SelectNonprofit-header-inline-lineHeight\": \"inherit\",\n      ...defineCustomText(\"--beam-SelectNonprofit-title-inline\", {\n        fontWeight: \"bold\",\n      }),\n      \"--beam-SelectNonprofit-title-inline-textTransform\": \"none\",\n      \"--beam-SelectNonprofit-title-block-margin-right\": \"8px\",\n      ...defineCustomText(\"--beam-SelectNonprofit-description\", {\n        marginTop: \"0.5em\",\n      }),\n      ...defineCustomText(\"--beam-SelectNonprofit-description-inline\"),\n      ...defineCustomText(\"--beam-SelectNonprofit-details-cause\", {\n        fontSize: \"0.85em\",\n        fontWeight: \"bold\",\n      }),\n      ...defineCustomText(\"--beam-SelectNonprofit-details-beamAttribution\", {\n        fontSize: \"0.85em\",\n      }),\n      ...defineCustomText(\"--beam-SelectNonprofit-details-impactDescription\", {\n        fontSize: \"1em\",\n        marginTop: \"10px\",\n      }),\n      \"--beam-SelectNonprofit-details-nonprofitName-fontWeight\": \"bold\",\n      \"--beam-SelectNonprofit-details-nonprofitName-fontStyle\": \"inherit\",\n      \"--beam-SelectNonprofit-details-fundingProgress-marginTop\": \"10px\",\n      ...defineCustomText(\"--beam-SelectNonprofit-details-fundingProgressLabel\", {\n        fontSize: \"0.85em\",\n      }),\n      ...notificationBlipConfigDefaults,\n      ...promoPillLabelConfigDefaults,\n    };\n\n    const remoteConfig = this.nonprofitListDataController?.data?.config?.web?.theme || {};\n\n    const config = { ...defaults, ...remoteConfig };\n\n    const serializable = Object.create({\n      toCSS() {\n        return _cssVariableMap(this as Record<string, string>);\n      },\n    });\n\n    return Object.assign(serializable, config);\n  }\n\n  static styles = [\n    cssReset,\n    cssResponsiveUtils,\n    css`\n      :host {\n        display: block;\n        max-width: var(--beam-SelectNonprofit-maxWidth, 800px);\n        font-family: var(--beam-fontFamily);\n        font-style: var(--beam-fontStyle);\n        font-size: var(--beam-fontSize);\n        background-color: var(--beam-backgroundColor);\n        color: var(--beam-textColor);\n        word-break: normal;\n      }\n\n      .details-impactDescription {\n        ${useCustomText(\"--beam-SelectNonprofit-details-impactDescription\")}\n      }\n\n      .details-impactDescription .nonprofitName {\n        font-weight: var(--beam-SelectNonprofit-details-nonprofitName-fontWeight);\n        font-style: var(--beam-SelectNonprofit-details-nonprofitName-fontStyle, inherit);\n      }\n\n      /* Note: title/description display is responsive */\n\n      .title-block {\n        margin-right: var(--beam-SelectNonprofit-title-block-margin-right);\n        ${useCustomText(\"--beam-SelectNonprofit-title\")}\n        text-align: var(--beam-SelectNonprofit-title-textAlign);\n      }\n\n      .header-inline {\n        line-height: var(--beam-SelectNonprofit-header-inline-lineHeight);\n      }\n\n      .title-inline {\n        font-size: var(--beam-SelectNonprofit-title-inline-fontSize);\n        font-weight: var(--beam-SelectNonprofit-title-inline-fontWeight);\n        color: var(--beam-SelectNonprofit-title-inline-color);\n        font-family: var(--beam-SelectNonprofit-title-inline-fontFamily);\n        text-transform: var(--beam-SelectNonprofit-title-inline-textTransform);\n      }\n\n      .description-inline {\n        font-family: var(--beam-SelectNonprofit-description-inline-fontFamily);\n        font-weight: var(--beam-SelectNonprofit-description-inline-fontWeight);\n        color: var(--beam-SelectNonprofit-description-inline-color);\n        text-transform: var(--beam-SelectNonprofit-description-inline-textTransform);\n        font-size: var(--beam-SelectNonprofit-description-inline-fontSize);\n      }\n\n      .description {\n        ${useCustomText(\"--beam-SelectNonprofit-description\")}\n        text-align: var(--beam-SelectNonprofit-description-textAlign);\n      }\n\n      .block-header-promo-pill-container {\n        display: flex;\n        align-items: center;\n      }\n    `,\n  ];\n\n  protected render() {\n    const { selectedNonprofitId } = this;\n    const { data, loading } = this.nonprofitListDataController;\n\n    if (loading && !data) {\n      // TODO: better loading UI\n      return _loading(); // TODO: css theme first\n    }\n    if (this.nonprofitListDataController.error) {\n      if (this.debug) {\n        return _errorMessage({ error: this.nonprofitListDataController.error });\n      }\n      return \"\";\n    }\n    if (this.selectionDataController.error) {\n      if (this.debug) {\n        return _errorMessage({ error: this.selectionDataController.error });\n      }\n      // do not show error screen for interactive errors by default\n    }\n    const nonprofits = data?.nonprofits || [];\n    const selectedNonprofit = nonprofits.find((np) => np.nonprofit.id === selectedNonprofitId) || null;\n    const shouldUseNewPromoUI = data?.config?.web?.promo;\n    const hasNonprofitWithInactivePromo = nonprofits.some((nonprofit) => !nonprofit.promo || !nonprofit.promo.isActive);\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n      <div part=\"heading\">\n        <div class=\"block-header-promo-pill-container\">\n          <h3 class=\"title-block d-none d-lg-block\" part=\"title\" id=\"beam-SelectNonprofit-title\">\n            ${\n              localizeUserString(this.configLang, data?.config?.web?.title || \"\") || strings[this.configLang].ctaTitle()\n            }\n          </h3>\n          <beam-promo-info-pill .promo=${data?.config?.web?.promo}></beam-promo-info-pill>\n        </div>\n        <p class=\"description\" part=\"description\">\n          <span class=\"d-none d-lg-inline\">\n          ${\n            shouldUseNewPromoUI\n              ? html`<span style=\"font-weight:bold\">\n                    ${localizeUserString(this.configLang, data?.config?.web?.promoDescriptionPrefix || \"\") ||\n                    strings[this.configLang].ctaPromoPrefixMessage()}\n                  </span>\n                  <span>\n                    ${localizeUserString(this.configLang, data?.config?.web?.promoDescription || \"\") ||\n                    strings[this.configLang].ctaPromoMessage()}\n                  </span>`\n              : html`<span>\n                  ${localizeUserString(this.configLang, data?.config?.web?.description || \"\") ||\n                  strings[this.configLang].ctaMessage()}\n                </span>`\n          }\n          </span>\n          <div class=\"d-lg-none header-inline\">\n            <span class=\"title-inline\" part=\"title\">\n              ${\n                (localizeUserString(this.configLang, data?.config?.web?.title || \"\") ||\n                  strings[this.configLang].ctaTitle()) + strings[this.configLang].inlineSeparator()\n              }\n            </span>\n            <span class=\"description-inline\" part=\"description\">\n            ${\n              shouldUseNewPromoUI\n                ? html`<span style=\"font-weight:bold\">\n                      ${localizeUserString(this.configLang, data?.config?.web?.promoDescriptionPrefix || \"\") ||\n                      strings[this.configLang].ctaPromoPrefixMessage()}\n                    </span>\n                    <span>\n                      ${localizeUserString(this.configLang, data?.config?.web?.promoDescription || \"\") ||\n                      strings[this.configLang].ctaPromoMessage()}\n                    </span>`\n                : html`<span\n                    >${localizeUserString(this.configLang, data?.config?.web?.description || \"\") ||\n                    strings[this.configLang].ctaMessage()}\n                  </span>`\n            }\n          </div>\n        </p>\n      </div>\n      <div\n        class=\"options\"\n        part=\"options\"\n        role=\"radiogroup\"\n        aria-labelledby=\"beam-SelectNonprofit-title\"\n        style=\"display: flex; gap: var(--beam-SelectNonprofit-options-gap); margin: 10px 0 0 0;\"\n      >\n        ${repeat(\n          nonprofits,\n          (i) => i.nonprofit.id,\n          ({ nonprofit, promo }, index) => {\n            const isSelected = selectedNonprofitId === nonprofit.id;\n            const isFocusable = isSelected || (selectedNonprofit == null && index === 0);\n            const shouldAddPromoBlip = promo?.isActive && data?.config.web.promo && hasNonprofitWithInactivePromo;\n            return html`\n              <div\n                class=\"option\"\n                part=\"option\"\n                role=\"radio\"\n                tabindex=\"${isFocusable ? 0 : -1}\"\n                data-value=${nonprofit.id}\n                aria-checked=${isSelected}\n                @click=${this.makeHandleSelect(nonprofit.id, index, nonprofits)}\n                @keydown=${this.makeHandleSelect(nonprofit.id, index, nonprofits)}\n                aria-label=\"${localizeUserString(this.configLang, nonprofit.cause || \"\")}\"\n                style=\"${styleMap({\n                  cursor: \"pointer\",\n                  flex: \"1\",\n                  textAlign: \"center\",\n                  lineHeight: \"1\",\n                  marginTop: \"var(--beam-SelectNonprofit-options-marginTop, 0px)\",\n                  padding: \"var(--beam-SelectNonprofit-options-padding, 10px)\",\n                  borderWidth: \"var(--beam-SelectNonprofit-options-borderWidth, 1px)\",\n                  borderStyle: \"solid\",\n                  borderRadius: \"var(--beam-SelectNonprofit-options-borderRadius, 0)\",\n                  borderColor: isSelected\n                    ? nonprofit.causeColor || \"var(--beam-SelectNonprofit-options--selected-borderColor, currentColor)\"\n                    : \"var(--beam-SelectNonprofit-options-borderColor, currentColor)\",\n                  backgroundColor: isSelected\n                    ? nonprofit.causeColor ||\n                      \"var(--beam-SelectNonprofit-options--selected-backgroundColor, currentColor)\"\n                    : \"var(--beam-SelectNonprofit-options-backgroundColor, transparent)\",\n                })}\"\n              >\n                <img\n                  src=\"${isSelected ? nonprofit.causeIconSelectedUrl : nonprofit.causeIconUrl}\"\n                  alt=\"\"\n                  role=\"presentation\"\n                  style=\"\n                        height: var(--beam-SelectNonprofit-options-iconHeight, 24px);\n                        user-select: none;\n                    \"\n                />\n                ${shouldAddPromoBlip ? html`<beam-notification-blip></beam-notification-blip>` : html``}\n              </div>\n            `;\n          }\n        )}\n      </div>\n      ${\n        selectedNonprofit != null\n          ? html`\n              <div\n                class=\"details\"\n                part=\"details\"\n                style=\"\n                  border: 1px solid var(--beam-SelectNonprofit-details-borderColor);\n                  border-radius: var(--beam-SelectNonprofit-details-borderRadius);\n                  background-color: var(--beam-SelectNonprofit-details-backgroundColor);\n                  padding: 10px;\n                  margin-top: var(--beam-SelectNonprofit-details-marginTop)\n                 \"\n              >\n                <div\n                  style=\"display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap-reverse\"\n                >\n                  <span\n                    class=\"details-cause\"\n                    style=\"flex: 0 1; white-space: nowrap; ${useCustomText(\"--beam-SelectNonprofit-details-cause\")}\"\n                  >\n                    ${selectedNonprofit?.promo?.isActive && hasNonprofitWithInactivePromo\n                      ? data?.config.web.promo?.[\"promo-cause-alt-text\"] || selectedNonprofit.nonprofit.cause\n                      : localizeUserString(this.configLang, selectedNonprofit.nonprofit.cause || \"\")}\n                  </span>\n                  <span\n                    class=\"details-beamAttribution\"\n                    style=\"flex: 0 1; white-space: nowrap; ${useCustomText(\n                      \"--beam-SelectNonprofit-details-beamAttribution\"\n                    )}\"\n                  >\n                    ${strings[this.configLang].beamAttribution()}\n                  </span>\n                </div>\n                <p class=\"details-impactDescription\">\n                  ${unsafeHTML(localizeUserString(this.configLang, selectedNonprofit.impact.description || \"\"))}\n                </p>\n                <div\n                  style=\"display: flex; margin-top: var(--beam-SelectNonprofit-details-fundingProgress-marginTop); align-items: center;\"\n                >\n                  <beam-progress-bar\n                    value=\"${selectedNonprofit.impact.goalProgressPercentage}\"\n                    style=\"flex: 1 0;\"\n                  ></beam-progress-bar>\n                  <span\n                    class=\"details-fundingProgressLabel\"\n                    style=\"${useCustomText(\n                      \"--beam-SelectNonprofit-details-fundingProgressLabel\"\n                    )} white-space: nowrap; text-align: right; flex: 0 1; margin-left: 15px;\"\n                  >\n                    ${localizeUserString(this.configLang, selectedNonprofit.impact.goalProgressText)}\n                  </span>\n                </div>\n              </div>\n            `\n          : \"\"\n      }\n    `;\n  }\n}\n\ndefineCustomElement(BeamSelectNonprofit);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-select-nonprofit\": BeamSelectNonprofit;\n  }\n}\n"],"names":["BeamNotificationBlip","LitElement","css","html","notificationBlipConfigDefaults","strings","donationPercentage","E","$","l","h","m","t","e","i","n","BeamSelectNonprofit","DEFAULT_BASE_URL","enforceConfig","cart","res","postChainEligibleNonprofitsForCart","np","selectedNonprofitId","cartId","beamCartId","result","postSelectNonprofit","selectedNonprofit","BeamNonprofitSelectEvent","BeamNonprofitSelectionRemovedEvent","AsyncController","createScopedLocalStorage","evt","id","index","nonprofits","currentId","nextFocus","focusTarget","SUPPORTED_LANGUAGES","BeamCartChangeEvent","_changedProperties","previousPropertyValues","requireNewDataProps","prop","getCookieValue","BEAM_CART_COOKIE_NAME","currentTimestamp","selectionTtl","selectionCreatedAt","isSelectionExpired","createdAt","data","cacheTtl","err","logger","defaults","progressBarConfigDefaults","defineCustomText","promoPillLabelConfigDefaults","remoteConfig","config","_cssVariableMap","loading","_loading","_errorMessage","shouldUseNewPromoUI","hasNonprofitWithInactivePromo","nonprofit","localizeUserString","repeat","promo","isSelected","isFocusable","shouldAddPromoBlip","styleMap","useCustomText","unsafeHTML","cssReset","cssResponsiveUtils","__decorateClass","property","a","b","isEqual","defineCustomElement"],"mappings":"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"}
+{"version":3,"file":"select-nonprofit.js","sources":["../../src/shared/components/notification-blip.ts","../../src/components/select-nonprofit/strings.ts","../../src/components/select-nonprofit/index.ts"],"sourcesContent":["import { LitElement, html, css } from \"lit\";\n\nclass BeamNotificationBlip extends LitElement {\n  static get styles() {\n    return css`\n      :host {\n        position: relative;\n      }\n\n      .notification-blip {\n        position: absolute;\n        top: -12px;\n        right: -4px;\n        background-color: var(--beam-notificationBlip-color-background, #000);\n        border-radius: 50%;\n        width: 12px;\n        height: 12px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        font-size: 12px;\n      }\n    `;\n  }\n\n  render() {\n    return html`<div class=\"notification-blip-container\" aria-label=\"Notification Blip\">\n      <span class=\"notification-blip\" role=\"button\" tabindex=\"0\" aria-hidden=\"true\"></span>\n    </div>`;\n  }\n}\n\ncustomElements.get(\"beam-notification-blip\") || customElements.define(\"beam-notification-blip\", BeamNotificationBlip);\n\nexport const notificationBlipConfigDefaults = {\n  \"--beam-notificationBlip-color-background\": \"#000\",\n} as const;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-notification-blip\": BeamNotificationBlip;\n  }\n}\n","export const strings = {\n  en: {\n    beamAttribution: () => `Powered by Beam`,\n    ctaTitle: () => `Choose your impact`,\n    ctaPromoPrefixMessage: () => `At no extra cost,`,\n    ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `select a nonprofit and ${donationPercentage}% of your purchase will be donated.`,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `Select a nonprofit and ${donationPercentage}% of your purchase will be donated, at no extra cost.`,\n    inlineSeparator: () => `: `,\n  },\n  fr: {\n    beamAttribution: () => `Optimisé par Beam`,\n    ctaTitle: () => `Choisissez votre cause`,\n    ctaPromoPrefixMessage: () => ``,\n    ctaPromoMessage: () => ``,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `Choisissez un organisme à but non lucratif et ${donationPercentage} % lui sera versé en votre nom, sans frais supplémentaires.`,\n    inlineSeparator: () => ` : `,\n  },\n  de: {\n    beamAttribution: () => `Unterstützt von Beam`,\n    ctaTitle: () => `Wähle deinen Impact`,\n    ctaPromoPrefixMessage: () => ``,\n    ctaPromoMessage: () => ``,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `Wähle eine der gemeinnützigen Organisationen und spende ${donationPercentage}% deines Einkaufs ohne zusätzliche Kosten`,\n    inlineSeparator: () => `: `,\n  },\n  es: {\n    beamAttribution: () => \"Ofrecido por Beam\",\n    ctaTitle: () => \"Elige tu contribución\",\n    ctaPromoPrefixMessage: () => ``,\n    ctaPromoMessage: () => ``,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `Elige una organización sin fines de lucro y donaremos ${donationPercentage}% de tu compra sin coste adicional.`,\n    inlineSeparator: () => \": \",\n  },\n  it: {\n    beamAttribution: () => \"Gestito da Beam\",\n    ctaTitle: () => \"Scegli dove fare la differenza\",\n    ctaPromoPrefixMessage: () => ``,\n    ctaPromoMessage: () => ``,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `Seleziona un'organizzazione no-profit a cui devolvere l’${donationPercentage}% del tuo acquisto, senza costi aggiuntivi`,\n    inlineSeparator: () => \": \",\n  },\n  pl: {\n    beamAttribution: () => `Wspierany przez Beam`,\n    ctaTitle: () => `Wybierz inicjatywę, którą chcesz wesprzeć`,\n    ctaPromoPrefixMessage: () => ``,\n    ctaPromoMessage: () => ``,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `Wybierz organizację, której przekażesz ${donationPercentage}% wartości Twoich zakupów – bez żadnych dodatkowych kosztów!`,\n    inlineSeparator: () => `: `,\n  },\n};\n","import { css, html, LitElement, PropertyValues } from \"lit\";\nimport { repeat } from \"lit/directives/repeat.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport { property } from \"lit/decorators/property.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES, WIDGET_NAMES } from \"../../api-sdk/constants\";\nimport \"../../shared/components/progress-bar\";\nimport \"../../shared/components/promo-pill-label\";\nimport \"../../shared/components/notification-blip\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { isEqual, logger } from \"../../utils\";\nimport { MissingConfig } from \"../../utils/beam-errors\";\nimport { TNumericId } from \"../../shared/types\";\nimport { createScopedLocalStorage } from \"../../utils/local-storage\";\nimport { postChainEligibleNonprofitsForCart, postSelectNonprofit } from \"../../api-sdk/v3/routes\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { BeamCartChangeEvent, BeamNonprofitSelectEvent, BeamNonprofitSelectionRemovedEvent } from \"../../utils/events\";\nimport { getCookieValue } from \"../../utils/cookies\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { progressBarConfigDefaults } from \"../../shared/components/progress-bar\";\nimport { cssResponsiveUtils } from \"../../shared/responsive\";\nimport { BEAM_CART_COOKIE_NAME, TBeamCartLocalStorage, TCart } from \"../../shared/cart-contents\";\nimport { notificationBlipConfigDefaults } from \"../../shared/components/notification-blip\";\nimport { promoPillLabelConfigDefaults } from \"../../shared/components/promo-pill-label\";\nimport { strings } from \"./strings\";\n\ninterface RequiredConfig {\n  apiKey: string;\n  storeId: TNumericId; // Can be set async by postalCode + countryCode lookup\n}\n\nexport class BeamSelectNonprofit extends LitElement {\n  static tagName = \"beam-select-nonprofit\";\n\n  @property({ type: String }) public baseUrl: string = DEFAULT_BASE_URL;\n\n  @property({ type: String }) public apiKey?: RequiredConfig[\"apiKey\"];\n\n  // storeId can be omitted if countryCode + postalCode are provided\n  @property({ type: Number, reflect: true }) public storeId?: TNumericId;\n\n  @property({ type: String }) public countryCode?: string;\n\n  @property({ type: String }) public postalCode?: string;\n\n  @property({ attribute: false, hasChanged: (a, b) => !isEqual(a, b) }) public cart?: TCart;\n\n  @property({ type: Number, reflect: true }) public selectedNonprofitId: TNumericId | null = null;\n\n  @property({ type: String }) public lang: LANGUAGES = \"en\";\n\n  @property({ type: Boolean }) public debug = false;\n\n  private enableNonprofitDeselection = false;\n\n  private selectionId?: string;\n\n  private didTryToCreateNewSelectionFromCache = false; // Should only create selection once\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  private getChainNonprofits = async () => {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\"], this)) {\n      throw new MissingConfig();\n    }\n\n    const cart: any = this.cart?.content\n      ? {\n          schema: this.cart?.schema,\n          content: this.cart?.content,\n        }\n      : undefined;\n\n    // We use a POST method because we send a nested JSON with data that we don't want to serialize/expose in URL\n    const res = await postChainEligibleNonprofitsForCart({\n      baseUrl: this.baseUrl,\n      apiRoot: \"/api/v3\",\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      requestBody: {\n        storeId: this.storeId,\n        widgetName: WIDGET_NAMES.select_nonprofit,\n        postalCode: this.postalCode,\n        countryCode: this.countryCode,\n        version: \"1.0.0\",\n        lang: this.configLang,\n        cart,\n      },\n    });\n\n    this.enableNonprofitDeselection = !!res.config.enableNonprofitDeselection;\n\n    // Reset selection if list doesn't include the current selected nonprofit and if it's not set to null\n    if (\n      this.selectedNonprofitId !== null &&\n      this.selectedNonprofitId &&\n      !res.nonprofits.map((np) => np.nonprofit.id).includes(this.selectedNonprofitId)\n    ) {\n      this.selectedNonprofitId = null;\n      await this.postSelectNonprofit({ selectedNonprofitId: null });\n      this.localStorage.setItem(\"nonprofit\", null);\n    }\n\n    // If store ID was not provided, get the store ID from response here\n    if (res.store?.id && res.store.id !== this.storeId) {\n      this.storeId = res.store.id;\n    }\n\n    await this.createNewSelectionForCachedNonprofit();\n\n    this.localStorage.setItemJson(\"chainNonprofits\", {\n      createdAt: new Date(),\n      data: res,\n    });\n\n    return res;\n  };\n\n  private postSelectNonprofit = async ({ selectedNonprofitId }: { selectedNonprofitId: TNumericId | null }) => {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"storeId\"], this)) {\n      throw new MissingConfig();\n    }\n    const cartId = this.getExternalCartId();\n    const beamCartId = this.getBeamCartId();\n    const result = await postSelectNonprofit({\n      baseUrl: this.baseUrl,\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      requestBody: {\n        nonprofitId: selectedNonprofitId,\n        selectionId: this.selectionId,\n        storeId: this.storeId,\n        cartId,\n        beamCartId,\n        postalCode: this.postalCode,\n        countryCode: this.countryCode,\n      },\n    });\n\n    this.selectionId = result?.selectionId;\n    this.localStorage.setItem(\"transaction\", this.selectionId);\n    this.localStorage.setItem(\"nonprofit\", selectedNonprofitId);\n    this.localStorage.setItem(\"nonprofit_selected_at\", new Date().toISOString());\n\n    await this.updateComplete;\n\n    const selectedNonprofit = this.getNonprofitById(selectedNonprofitId);\n\n    if (selectedNonprofitId !== null)\n      this.dispatchEvent(\n        new BeamNonprofitSelectEvent({\n          selectedNonprofitId,\n          selectionId: this.selectionId,\n          nonprofitName: selectedNonprofit?.nonprofit?.name ?? null,\n          source: WIDGET_NAMES.select_nonprofit,\n        })\n      );\n    if (selectedNonprofitId && selectedNonprofitId !== null)\n      new BeamNonprofitSelectionRemovedEvent({\n        newNonprofitId: null,\n        selectionId: this.selectionId,\n      });\n  };\n\n  private nonprofitListDataController = new AsyncController<typeof this.getChainNonprofits>(\n    this,\n    this.getChainNonprofits\n  );\n\n  private selectionDataController = new AsyncController<typeof this.postSelectNonprofit>(\n    this,\n    this.postSelectNonprofit\n  );\n\n  private localStorage = createScopedLocalStorage(this as LitElement & RequiredConfig);\n\n  private getNonprofitById(selectedNonprofitId: number | null) {\n    if (!selectedNonprofitId) return null;\n    return this.nonprofitListDataController?.data?.nonprofits.find((np) => np.nonprofit.id === selectedNonprofitId);\n  }\n\n  private handleCartChange = (evt: BeamCartChangeEvent) => {\n    this.cart = evt.detail;\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(BeamCartChangeEvent.eventName, this.handleCartChange as EventListener);\n  }\n\n  async firstUpdated(_changedProperties: PropertyValues) {\n    await this.restoreStateFromCache();\n  }\n\n  async updated(previousPropertyValues: PropertyValues) {\n    // Reload nonprofit list on change of any of these props:\n    // Also fires on first load as props go from undefined => value\n    const requireNewDataProps = [\"baseUrl\", \"storeId\", \"apiKey\", \"countryCode\", \"postalCode\", \"cart\", \"lang\"];\n    for (const prop of requireNewDataProps) {\n      if (previousPropertyValues.has(prop)) {\n        await this.nonprofitListDataController.exec();\n        break;\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener(BeamCartChangeEvent.eventName, this.handleCartChange as EventListener);\n    super.disconnectedCallback();\n  }\n\n  private getExternalCartId() {\n    return this.localStorage.getItemJson<TBeamCartLocalStorage>(\"cart\")?.cartId ?? getCookieValue(\"cart\");\n  }\n\n  private getBeamCartId() {\n    return getCookieValue(BEAM_CART_COOKIE_NAME);\n  }\n\n  private async restoreStateFromCache() {\n    try {\n      const currentTimestamp = new Date().valueOf();\n\n      this.cart = this.localStorage.getItemJson<TBeamCartLocalStorage>(\"cart\") ?? undefined;\n\n      // Restore the previous nonprofit selection unless it exceeds the defined time limit, in which case clear the selection\n      // (Note: localStorage key is called \"transaction\" for backwards compatibility with legacy SDK)\n      const selectionTtl = 30 * 24 * 60 * 60 * 1000; // 30 days in milliseconds\n      const selectionCreatedAt = this.localStorage.getItem(\"nonprofit_selected_at\") ?? 0;\n      const isSelectionExpired = currentTimestamp > new Date(selectionCreatedAt).valueOf() + selectionTtl;\n      if (!isSelectionExpired) {\n        this.selectedNonprofitId = parseInt(this.localStorage.getItem(\"nonprofit\") || \"\") || null;\n        this.selectionId = this.localStorage.getItem(\"transaction\") ?? undefined;\n      } else if (isSelectionExpired && this.selectedNonprofitId !== null) {\n        await this.postSelectNonprofit({ selectedNonprofitId: null });\n        this.localStorage.setItem(\"nonprofit\", null);\n      }\n\n      // Try to restore nonprofit list if we have data and it's not too old\n      // list will continue to refresh async and replace this data when ready\n      const { createdAt = 0, data } =\n        this.localStorage.getItemJson<{ createdAt: string; data: any }>(\"chainNonprofits\") || {};\n      const cacheTtl = 2 * 60 * 60 * 1000; // 2 hours in milliseconds\n      const isCacheExpired = currentTimestamp > new Date(createdAt).valueOf() + cacheTtl;\n      if (!isCacheExpired) {\n        this.nonprofitListDataController.data = data;\n        this.nonprofitListDataController.loading = false;\n      }\n    } catch (err) {\n      logger.error(err);\n      // ignore cache retrieval error and continue to fetch data\n    }\n  }\n\n  private async createNewSelectionForCachedNonprofit() {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\"], this)) {\n      throw new MissingConfig();\n    }\n    if (!this.storeId || this.didTryToCreateNewSelectionFromCache) {\n      return; // storeId can be set async as a result of calling find nonprofits with postalCode + zipCode\n    }\n    try {\n      // Immediately set flag to prevent more cache restore attempts from triggering\n      this.didTryToCreateNewSelectionFromCache = true;\n\n      // Create a new selection ID for the session (e.g., if restoring nonprofit after a completed order)\n\n      if (this.selectedNonprofitId) {\n        if (!this.selectionId) {\n          await this.selectionDataController.exec({ selectedNonprofitId: this.selectedNonprofitId });\n        }\n        const selectedNonprofit = this.getNonprofitById(this.selectedNonprofitId);\n        this.dispatchEvent(\n          new BeamNonprofitSelectEvent({\n            selectedNonprofitId: this.selectedNonprofitId,\n            selectionId: this.selectionId,\n            nonprofitName: selectedNonprofit?.nonprofit?.name,\n            source: WIDGET_NAMES.select_nonprofit,\n          })\n        );\n      }\n    } catch (err) {\n      // Ignore error\n    }\n  }\n\n  /**\n   * Factory for selection event handler\n   *\n   * Nonprofit selector implements radio-button semantics:\n   * * If nothing is selected, tabbing into selector selects first card\n   * * Arrow keys changes focus between cards, but doesn't select\n   * * Enter/Space sets selection\n   * * If a nonprofit is selected, arrow keys change focus AND selection\n   * * Click sets selection\n   * @param {number} id\n   * @param {number} index\n   * @param {{id: number}[]} nonprofits\n   * @returns {(evt: Event) => void}\n   */\n  private makeHandleSelect =\n    (id: number, index: number, nonprofits: { nonprofit: { id: number } }[]) => async (evt: Event) => {\n      const currentId = this.selectedNonprofitId;\n      if (evt instanceof KeyboardEvent) {\n        let nextFocus = null;\n        switch (evt.key) {\n          case \"ArrowUp\":\n          case \"ArrowLeft\":\n            if (index === 0) {\n              nextFocus = nonprofits[nonprofits.length - 1];\n            } else {\n              nextFocus = nonprofits[index - 1];\n            }\n            evt.preventDefault();\n            break;\n          case \"ArrowRight\":\n          case \"ArrowDown\":\n            if (index === nonprofits.length - 1) {\n              nextFocus = nonprofits[0];\n            } else {\n              nextFocus = nonprofits[index + 1];\n            }\n            evt.preventDefault();\n            break;\n          case \"Enter\":\n          case \" \":\n            evt.preventDefault();\n            break; // continue to toggle-selection block below\n          default:\n            return;\n        }\n        if (nextFocus) {\n          if (currentId != null) {\n            this.selectedNonprofitId = nextFocus.nonprofit.id;\n          }\n          const focusTarget = this.renderRoot.querySelector(`[data-value=\"${nextFocus.nonprofit.id}\"]`) as HTMLElement;\n          if (focusTarget !== null) {\n            focusTarget.tabIndex = 0;\n            focusTarget.focus();\n          }\n          return;\n        }\n      }\n      // Handle selection with click or Enter/Space key\n      const targetEl = evt.currentTarget;\n      if (targetEl instanceof HTMLElement) {\n        if (currentId === id) {\n          if (this.enableNonprofitDeselection) {\n            this.selectedNonprofitId = null; // unset\n            await this.postSelectNonprofit({ selectedNonprofitId: null });\n            this.localStorage.setItem(\"nonprofit\", null);\n          } else {\n            return;\n          }\n        } else {\n          this.selectedNonprofitId = id;\n        }\n      }\n      await this.selectionDataController.exec({ selectedNonprofitId: this.selectedNonprofitId });\n    };\n\n  public get cssVariables() {\n    const defaults = {\n      \"--beam-fontFamily\": \"inherit\",\n      \"--beam-fontStyle\": \"inherit\",\n      \"--beam-fontSize\": \"inherit\",\n      \"--beam-textColor\": \"inherit\",\n      \"--beam-backgroundColor\": \"inherit\",\n      ...progressBarConfigDefaults,\n      \"--beam-SelectNonprofit-title-textAlign\": \"inherit\",\n      \"--beam-SelectNonprofit-description-textAlign\": \"inherit\",\n      \"--beam-SelectNonprofit-maxWidth\": \"800px\",\n      \"--beam-SelectNonprofit-options-marginTop\": \"0px\",\n      \"--beam-SelectNonprofit-options-iconHeight\": \"24px\",\n      \"--beam-SelectNonprofit-options-padding\": \"10px\",\n      \"--beam-SelectNonprofit-options-borderRadius\": \"0px\",\n      \"--beam-SelectNonprofit-options-borderColor\": \"currentColor\",\n      \"--beam-SelectNonprofit-options--selected-borderColor\": \"currentColor\",\n      \"--beam-SelectNonprofit-options-backgroundColor\": \"transparent\",\n      \"--beam-SelectNonprofit-options-gap\": \"8px\",\n      \"--beam-SelectNonprofit-options--selected-backgroundColor\": \"currentColor\",\n      \"--beam-SelectNonprofit-details-marginTop\": \"10px\",\n      \"--beam-SelectNonprofit-details-borderRadius\": \"0px\",\n      \"--beam-SelectNonprofit-details-borderColor\": \"currentColor\",\n      \"--beam-SelectNonprofit-details-backgroundColor\": \"inherit\",\n      ...defineCustomText(\"--beam-SelectNonprofit-title\", {\n        fontSize: \"1.25em\",\n        fontWeight: \"bold\",\n      }),\n      \"--beam-SelectNonprofit-header-inline-lineHeight\": \"inherit\",\n      ...defineCustomText(\"--beam-SelectNonprofit-title-inline\", {\n        fontWeight: \"bold\",\n      }),\n      \"--beam-SelectNonprofit-title-inline-textTransform\": \"none\",\n      \"--beam-SelectNonprofit-title-block-margin-right\": \"8px\",\n      ...defineCustomText(\"--beam-SelectNonprofit-description\", {\n        marginTop: \"0.5em\",\n      }),\n      ...defineCustomText(\"--beam-SelectNonprofit-description-inline\"),\n      ...defineCustomText(\"--beam-SelectNonprofit-details-cause\", {\n        fontSize: \"0.85em\",\n        fontWeight: \"bold\",\n      }),\n      ...defineCustomText(\"--beam-SelectNonprofit-details-beamAttribution\", {\n        fontSize: \"0.85em\",\n      }),\n      ...defineCustomText(\"--beam-SelectNonprofit-details-impactDescription\", {\n        fontSize: \"1em\",\n        marginTop: \"10px\",\n      }),\n      \"--beam-SelectNonprofit-details-nonprofitName-fontWeight\": \"bold\",\n      \"--beam-SelectNonprofit-details-nonprofitName-fontStyle\": \"inherit\",\n      \"--beam-SelectNonprofit-details-fundingProgress-marginTop\": \"10px\",\n      ...defineCustomText(\"--beam-SelectNonprofit-details-fundingProgressLabel\", {\n        fontSize: \"0.85em\",\n      }),\n      ...notificationBlipConfigDefaults,\n      ...promoPillLabelConfigDefaults,\n    };\n\n    const remoteConfig = this.nonprofitListDataController?.data?.config?.web?.theme || {};\n\n    const config = { ...defaults, ...remoteConfig };\n\n    const serializable = Object.create({\n      toCSS() {\n        return _cssVariableMap(this as Record<string, string>);\n      },\n    });\n\n    return Object.assign(serializable, config);\n  }\n\n  static styles = [\n    cssReset,\n    cssResponsiveUtils,\n    css`\n      :host {\n        display: block;\n        max-width: var(--beam-SelectNonprofit-maxWidth, 800px);\n        font-family: var(--beam-fontFamily);\n        font-style: var(--beam-fontStyle);\n        font-size: var(--beam-fontSize);\n        background-color: var(--beam-backgroundColor);\n        color: var(--beam-textColor);\n        word-break: normal;\n      }\n\n      .details-impactDescription {\n        ${useCustomText(\"--beam-SelectNonprofit-details-impactDescription\")}\n      }\n\n      .details-impactDescription .nonprofitName {\n        font-weight: var(--beam-SelectNonprofit-details-nonprofitName-fontWeight);\n        font-style: var(--beam-SelectNonprofit-details-nonprofitName-fontStyle, inherit);\n      }\n\n      /* Note: title/description display is responsive */\n\n      .title-block {\n        margin-right: var(--beam-SelectNonprofit-title-block-margin-right);\n        ${useCustomText(\"--beam-SelectNonprofit-title\")}\n        text-align: var(--beam-SelectNonprofit-title-textAlign);\n      }\n\n      .header-inline {\n        line-height: var(--beam-SelectNonprofit-header-inline-lineHeight);\n      }\n\n      .title-inline {\n        font-size: var(--beam-SelectNonprofit-title-inline-fontSize);\n        font-weight: var(--beam-SelectNonprofit-title-inline-fontWeight);\n        color: var(--beam-SelectNonprofit-title-inline-color);\n        font-family: var(--beam-SelectNonprofit-title-inline-fontFamily);\n        text-transform: var(--beam-SelectNonprofit-title-inline-textTransform);\n      }\n\n      .description-inline {\n        font-family: var(--beam-SelectNonprofit-description-inline-fontFamily);\n        font-weight: var(--beam-SelectNonprofit-description-inline-fontWeight);\n        color: var(--beam-SelectNonprofit-description-inline-color);\n        text-transform: var(--beam-SelectNonprofit-description-inline-textTransform);\n        font-size: var(--beam-SelectNonprofit-description-inline-fontSize);\n      }\n\n      .description {\n        ${useCustomText(\"--beam-SelectNonprofit-description\")}\n        text-align: var(--beam-SelectNonprofit-description-textAlign);\n      }\n\n      .block-header-promo-pill-container {\n        display: flex;\n        align-items: center;\n      }\n    `,\n  ];\n\n  protected render() {\n    const { selectedNonprofitId } = this;\n    const { data, loading } = this.nonprofitListDataController;\n\n    if (loading && !data) {\n      // TODO: better loading UI\n      return _loading(); // TODO: css theme first\n    }\n    if (this.nonprofitListDataController.error) {\n      if (this.debug) {\n        return _errorMessage({ error: this.nonprofitListDataController.error });\n      }\n      return \"\";\n    }\n    if (this.selectionDataController.error) {\n      if (this.debug) {\n        return _errorMessage({ error: this.selectionDataController.error });\n      }\n      // do not show error screen for interactive errors by default\n    }\n    const nonprofits = data?.nonprofits || [];\n    const selectedNonprofit = nonprofits.find((np) => np.nonprofit.id === selectedNonprofitId) || null;\n    const shouldUseNewPromoUI = data?.config?.web?.promo;\n    const hasNonprofitWithInactivePromo = nonprofits.some((nonprofit) => !nonprofit.promo || !nonprofit.promo.isActive);\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n      <div part=\"heading\">\n        <div class=\"block-header-promo-pill-container\">\n          <h3 class=\"title-block d-none d-lg-block\" part=\"title\" id=\"beam-SelectNonprofit-title\">\n            ${\n              localizeUserString(this.configLang, data?.config?.web?.title || \"\") || strings[this.configLang].ctaTitle()\n            }\n          </h3>\n          <beam-promo-info-pill .promo=${data?.config?.web?.promo}></beam-promo-info-pill>\n        </div>\n        <p class=\"description\" part=\"description\">\n          <span class=\"d-none d-lg-inline\">\n          ${\n            shouldUseNewPromoUI\n              ? html`<span style=\"font-weight:bold\">\n                    ${localizeUserString(this.configLang, data?.config?.web?.promoDescriptionPrefix || \"\") ||\n                    strings[this.configLang].ctaPromoPrefixMessage()}\n                  </span>\n                  <span>\n                    ${localizeUserString(this.configLang, data?.config?.web?.promoDescription || \"\") ||\n                    strings[this.configLang].ctaPromoMessage()}\n                  </span>`\n              : html`<span>\n                  ${localizeUserString(this.configLang, data?.config?.web?.description || \"\") ||\n                  strings[this.configLang].ctaMessage()}\n                </span>`\n          }\n          </span>\n          <div class=\"d-lg-none header-inline\">\n            <span class=\"title-inline\" part=\"title\">\n              ${\n                (localizeUserString(this.configLang, data?.config?.web?.title || \"\") ||\n                  strings[this.configLang].ctaTitle()) + strings[this.configLang].inlineSeparator()\n              }\n            </span>\n            <span class=\"description-inline\" part=\"description\">\n            ${\n              shouldUseNewPromoUI\n                ? html`<span style=\"font-weight:bold\">\n                      ${localizeUserString(this.configLang, data?.config?.web?.promoDescriptionPrefix || \"\") ||\n                      strings[this.configLang].ctaPromoPrefixMessage()}\n                    </span>\n                    <span>\n                      ${localizeUserString(this.configLang, data?.config?.web?.promoDescription || \"\") ||\n                      strings[this.configLang].ctaPromoMessage()}\n                    </span>`\n                : html`<span\n                    >${localizeUserString(this.configLang, data?.config?.web?.description || \"\") ||\n                    strings[this.configLang].ctaMessage()}\n                  </span>`\n            }\n          </div>\n        </p>\n      </div>\n      <div\n        class=\"options\"\n        part=\"options\"\n        role=\"radiogroup\"\n        aria-labelledby=\"beam-SelectNonprofit-title\"\n        style=\"display: flex; gap: var(--beam-SelectNonprofit-options-gap); margin: 10px 0 0 0;\"\n      >\n        ${repeat(\n          nonprofits,\n          (i) => i.nonprofit.id,\n          ({ nonprofit, promo }, index) => {\n            const isSelected = selectedNonprofitId === nonprofit.id;\n            const isFocusable = isSelected || (selectedNonprofit == null && index === 0);\n            const shouldAddPromoBlip = promo?.isActive && data?.config.web.promo && hasNonprofitWithInactivePromo;\n            return html`\n              <div\n                class=\"option\"\n                part=\"option\"\n                role=\"radio\"\n                tabindex=\"${isFocusable ? 0 : -1}\"\n                data-value=${nonprofit.id}\n                aria-checked=${isSelected}\n                @click=${this.makeHandleSelect(nonprofit.id, index, nonprofits)}\n                @keydown=${this.makeHandleSelect(nonprofit.id, index, nonprofits)}\n                aria-label=\"${localizeUserString(this.configLang, nonprofit.cause || \"\")}\"\n                style=\"${styleMap({\n                  cursor: \"pointer\",\n                  flex: \"1\",\n                  textAlign: \"center\",\n                  lineHeight: \"1\",\n                  marginTop: \"var(--beam-SelectNonprofit-options-marginTop, 0px)\",\n                  padding: \"var(--beam-SelectNonprofit-options-padding, 10px)\",\n                  borderWidth: \"var(--beam-SelectNonprofit-options-borderWidth, 1px)\",\n                  borderStyle: \"solid\",\n                  borderRadius: \"var(--beam-SelectNonprofit-options-borderRadius, 0)\",\n                  borderColor: isSelected\n                    ? nonprofit.causeColor || \"var(--beam-SelectNonprofit-options--selected-borderColor, currentColor)\"\n                    : \"var(--beam-SelectNonprofit-options-borderColor, currentColor)\",\n                  backgroundColor: isSelected\n                    ? nonprofit.causeColor ||\n                      \"var(--beam-SelectNonprofit-options--selected-backgroundColor, currentColor)\"\n                    : \"var(--beam-SelectNonprofit-options-backgroundColor, transparent)\",\n                })}\"\n              >\n                <img\n                  src=\"${isSelected ? nonprofit.causeIconSelectedUrl : nonprofit.causeIconUrl}\"\n                  alt=\"\"\n                  role=\"presentation\"\n                  style=\"\n                        height: var(--beam-SelectNonprofit-options-iconHeight, 24px);\n                        user-select: none;\n                    \"\n                />\n                ${shouldAddPromoBlip ? html`<beam-notification-blip></beam-notification-blip>` : html``}\n              </div>\n            `;\n          }\n        )}\n      </div>\n      ${\n        selectedNonprofit != null\n          ? html`\n              <div\n                class=\"details\"\n                part=\"details\"\n                style=\"\n                  border: 1px solid var(--beam-SelectNonprofit-details-borderColor);\n                  border-radius: var(--beam-SelectNonprofit-details-borderRadius);\n                  background-color: var(--beam-SelectNonprofit-details-backgroundColor);\n                  padding: 10px;\n                  margin-top: var(--beam-SelectNonprofit-details-marginTop)\n                 \"\n              >\n                <div\n                  style=\"display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap-reverse\"\n                >\n                  <span\n                    class=\"details-cause\"\n                    style=\"flex: 0 1; white-space: nowrap; ${useCustomText(\"--beam-SelectNonprofit-details-cause\")}\"\n                  >\n                    ${selectedNonprofit?.promo?.isActive && hasNonprofitWithInactivePromo\n                      ? data?.config.web.promo?.[\"promo-cause-alt-text\"] || selectedNonprofit.nonprofit.cause\n                      : localizeUserString(this.configLang, selectedNonprofit.nonprofit.cause || \"\")}\n                  </span>\n                  <span\n                    class=\"details-beamAttribution\"\n                    style=\"flex: 0 1; white-space: nowrap; ${useCustomText(\n                      \"--beam-SelectNonprofit-details-beamAttribution\"\n                    )}\"\n                  >\n                    ${strings[this.configLang].beamAttribution()}\n                  </span>\n                </div>\n                <p class=\"details-impactDescription\">\n                  ${unsafeHTML(localizeUserString(this.configLang, selectedNonprofit.impact.description || \"\"))}\n                </p>\n                <div\n                  style=\"display: flex; margin-top: var(--beam-SelectNonprofit-details-fundingProgress-marginTop); align-items: center;\"\n                >\n                  <beam-progress-bar\n                    value=\"${selectedNonprofit.impact.goalProgressPercentage}\"\n                    style=\"flex: 1 0;\"\n                  ></beam-progress-bar>\n                  <span\n                    class=\"details-fundingProgressLabel\"\n                    style=\"${useCustomText(\n                      \"--beam-SelectNonprofit-details-fundingProgressLabel\"\n                    )} white-space: nowrap; text-align: right; flex: 0 1; margin-left: 15px;\"\n                  >\n                    ${localizeUserString(this.configLang, selectedNonprofit.impact.goalProgressText)}\n                  </span>\n                </div>\n              </div>\n            `\n          : \"\"\n      }\n    `;\n  }\n}\n\ndefineCustomElement(BeamSelectNonprofit);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-select-nonprofit\": BeamSelectNonprofit;\n  }\n}\n"],"names":["BeamNotificationBlip","LitElement","css","html","notificationBlipConfigDefaults","strings","donationPercentage","$","k","l","h","m","t","e","i","n","BeamSelectNonprofit","DEFAULT_BASE_URL","enforceConfig","cart","res","postChainEligibleNonprofitsForCart","WIDGET_NAMES","np","selectedNonprofitId","cartId","beamCartId","result","postSelectNonprofit","selectedNonprofit","BeamNonprofitSelectEvent","BeamNonprofitSelectionRemovedEvent","AsyncController","createScopedLocalStorage","evt","id","index","nonprofits","currentId","nextFocus","focusTarget","SUPPORTED_LANGUAGES","BeamCartChangeEvent","_changedProperties","previousPropertyValues","requireNewDataProps","prop","getCookieValue","BEAM_CART_COOKIE_NAME","currentTimestamp","selectionTtl","selectionCreatedAt","isSelectionExpired","createdAt","data","cacheTtl","err","logger","defaults","progressBarConfigDefaults","defineCustomText","promoPillLabelConfigDefaults","remoteConfig","config","_cssVariableMap","loading","_loading","_errorMessage","shouldUseNewPromoUI","hasNonprofitWithInactivePromo","nonprofit","localizeUserString","repeat","promo","isSelected","isFocusable","shouldAddPromoBlip","styleMap","useCustomText","unsafeHTML","cssReset","cssResponsiveUtils","__decorateClass","property","a","b","isEqual","defineCustomElement"],"mappings":"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"}

package/dist/components/shopify.d.ts

@@ -1,10 +1,10 @@
 import { waitForElement } from '../utils/wait-for-element.js';
 export { initNetworkListeners } from '../utils/network-listeners.js';
-export { e as events } from '../chunks/events-7W7i4aV5.esm.js';
+export { e as events } from '../chunks/events-7cGXyV7_.esm.js';
 export { T as TBeamOrderPageParams, a as addBeamAttributesToCart, g as getCurrentCart, r as registerCartIntegration, s as showBeamOrderPageWidgets, t as trackCart } from '../chunks/order-page-DPx5SUKM.esm.js';
 import '../chunks/cart-contents-3-9fB-7m.esm.js';
 import '../chunks/openapi-spec--MzXvfCC.esm.js';
-import '../chunks/types-7kSi85Gv.esm.js';
+import '../chunks/types-CfbVJRfU.esm.js';
 import 'lodash';
 import '../chunks/update-cart-xaWdPxse.esm.js';
 import '../chunks/types-aju0qrRe.esm.js';

package/dist/components/shopify.esm.js

@@ -1,2 +1,2 @@
-import{waitForElement as t}from"../utils/wait-for-element.esm.js";import{getCookieMap as r,getCookieValue as o}from"../utils/cookies.esm.js";import{initNetworkListeners as L}from"../utils/network-listeners.esm.js";import{e as O}from"../chunks/events-Y8fYvSqM.esm.js";import{f as T,p as W,P as j,s as q,R as y}from"../chunks/order-page-zVZsxnVd.esm.js";import"../chunks/beam-errors-P-Lu07Ce.esm.js";import"../chunks/lodash-P8OIs-at.esm.js";import"../utils/logger.esm.js";import"../utils/local-storage.esm.js";import"../utils/memoize-last.esm.js";import"../chunks/cart-contents-h60geKWa.esm.js";import"../chunks/update-cart-147q_9OK.esm.js";import"../chunks/routes-2FqTWOCW.esm.js";import"../utils/remote-session.esm.js";import"./post-purchase.esm.js";import"../chunks/lit-qtGbjGnK.esm.js";import"../chunks/localize-F31ae3j6.esm.js";import"./redeem-transaction.esm.js";import"../chunks/progress-bar-Sn2QspHy.esm.js";import"../chunks/promo-pill-label-j0A8qZ0c.esm.js";import"../chunks/vendor-jQ8cxMpw.esm.js";import"./beam-partner-logos.esm.js";import"../chunks/loading-template-Av0IUyKF.esm.js";import"../chunks/css-card-grid-7tObtoJx.esm.js";import"./impact-overview.esm.js";import"../chunks/shoelace-components-R0WKZ63n.esm.js";import"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../chunks/responsive-aWj_7ZN_.esm.js";const i={waitForElement:t,getCookieMap:r,getCookieValue:o};export{T as addBeamAttributesToCart,O as events,W as getCurrentCart,L as initNetworkListeners,j as registerCartIntegration,q as showBeamOrderPageWidgets,y as trackCart,i as utils};
+import{waitForElement as t}from"../utils/wait-for-element.esm.js";import{getCookieMap as r,getCookieValue as o}from"../utils/cookies.esm.js";import{initNetworkListeners as N}from"../utils/network-listeners.esm.js";import{e as P}from"../chunks/events-Y8fYvSqM.esm.js";import{I as T,f as W,R as j,s as q,k as y}from"../chunks/order-page-6Q-6CHug.esm.js";import"../chunks/beam-errors-P-Lu07Ce.esm.js";import"../chunks/lodash-P8OIs-at.esm.js";import"../utils/logger.esm.js";import"../utils/local-storage.esm.js";import"../utils/memoize-last.esm.js";import"../chunks/cart-contents-h60geKWa.esm.js";import"../chunks/update-cart-xW6a5_bz.esm.js";import"../chunks/routes-b8sncPq8.esm.js";import"../utils/remote-session.esm.js";import"./post-purchase.esm.js";import"../chunks/lit-qtGbjGnK.esm.js";import"../chunks/localize-F31ae3j6.esm.js";import"./redeem-transaction.esm.js";import"../chunks/progress-bar-Sn2QspHy.esm.js";import"../chunks/promo-pill-label-j0A8qZ0c.esm.js";import"../chunks/vendor-jQ8cxMpw.esm.js";import"./beam-partner-logos.esm.js";import"../chunks/loading-template-Av0IUyKF.esm.js";import"../chunks/css-card-grid-7tObtoJx.esm.js";import"./impact-overview.esm.js";import"../chunks/shoelace-components-7XWYNn-Z.esm.js";import"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../chunks/responsive-aWj_7ZN_.esm.js";const i={waitForElement:t,getCookieMap:r,getCookieValue:o};export{T as addBeamAttributesToCart,P as events,W as getCurrentCart,N as initNetworkListeners,j as registerCartIntegration,q as showBeamOrderPageWidgets,y as trackCart,i as utils};
 //# sourceMappingURL=shopify.esm.js.map

package/dist/components/shopify.js

@@ -1,2 +1,2 @@
-import{waitForElement as t}from"../utils/wait-for-element.js";import{getCookieMap as r,getCookieValue as o}from"../utils/cookies.js";import{initNetworkListeners as L}from"../utils/network-listeners.js";import{e as O}from"../chunks/events-Y8fYvSqM.esm.js";import{f as T,p as W,P as j,s as q,R as y}from"../chunks/order-page--Z7oUbXx.esm.js";import"../chunks/beam-errors-P-Lu07Ce.esm.js";import"../chunks/lodash-P8OIs-at.esm.js";import"../utils/logger.js";import"../utils/local-storage.js";import"../utils/memoize-last.js";import"../chunks/cart-contents-h60geKWa.esm.js";import"../chunks/update-cart-KdiGuVzp.esm.js";import"../chunks/routes-OzJqNrBl.esm.js";import"../utils/remote-session.js";import"./post-purchase.js";import"../chunks/lit-qtGbjGnK.esm.js";import"../chunks/localize-fH8KOrMi.esm.js";import"./redeem-transaction.js";import"../chunks/progress-bar-Sn2QspHy.esm.js";import"../chunks/promo-pill-label-j0A8qZ0c.esm.js";import"../chunks/vendor-jQ8cxMpw.esm.js";import"./beam-partner-logos.js";import"../chunks/loading-template-Av0IUyKF.esm.js";import"../chunks/css-card-grid-7tObtoJx.esm.js";import"./impact-overview.js";import"../chunks/shoelace-components-7Bz0cgFm.esm.js";import"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../chunks/responsive-aWj_7ZN_.esm.js";const i={waitForElement:t,getCookieMap:r,getCookieValue:o};export{T as addBeamAttributesToCart,O as events,W as getCurrentCart,L as initNetworkListeners,j as registerCartIntegration,q as showBeamOrderPageWidgets,y as trackCart,i as utils};
+import{waitForElement as t}from"../utils/wait-for-element.js";import{getCookieMap as r,getCookieValue as o}from"../utils/cookies.js";import{initNetworkListeners as N}from"../utils/network-listeners.js";import{e as P}from"../chunks/events-Y8fYvSqM.esm.js";import{I as T,f as W,R as j,s as q,k as y}from"../chunks/order-page-mYYXHDVr.esm.js";import"../chunks/beam-errors-P-Lu07Ce.esm.js";import"../chunks/lodash-P8OIs-at.esm.js";import"../utils/logger.js";import"../utils/local-storage.js";import"../utils/memoize-last.js";import"../chunks/cart-contents-h60geKWa.esm.js";import"../chunks/update-cart-GaVMWI6J.esm.js";import"../chunks/routes-3jKReDai.esm.js";import"../utils/remote-session.js";import"./post-purchase.js";import"../chunks/lit-qtGbjGnK.esm.js";import"../chunks/localize-fH8KOrMi.esm.js";import"./redeem-transaction.js";import"../chunks/progress-bar-Sn2QspHy.esm.js";import"../chunks/promo-pill-label-j0A8qZ0c.esm.js";import"../chunks/vendor-jQ8cxMpw.esm.js";import"./beam-partner-logos.js";import"../chunks/loading-template-Av0IUyKF.esm.js";import"../chunks/css-card-grid-7tObtoJx.esm.js";import"./impact-overview.js";import"../chunks/shoelace-components-paAsUPkU.esm.js";import"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../chunks/responsive-aWj_7ZN_.esm.js";const i={waitForElement:t,getCookieMap:r,getCookieValue:o};export{T as addBeamAttributesToCart,P as events,W as getCurrentCart,N as initNetworkListeners,j as registerCartIntegration,q as showBeamOrderPageWidgets,y as trackCart,i as utils};
 //# sourceMappingURL=shopify.js.map

package/dist/components/subscription-management.d.ts

@@ -10,7 +10,7 @@ import 'lodash';
 import '../chunks/progress-bar-0VS_AmEf.esm.js';
 import '../chunks/promo-pill-label-3bA1z-la.esm.js';
 import './beam-partner-logos.js';
-import '../chunks/types-7kSi85Gv.esm.js';
+import '../chunks/types-CfbVJRfU.esm.js';
 
 interface RequiredDataPropsWithEmail {
     email: string;
@@ -134,7 +134,7 @@ declare class BeamSubscriptionManagement extends LitElement {
         } | null;
     }>;
     handleSwapNonprofitButtonClick(): void;
-    renderSwapNonprofitButton(): lit_html.TemplateResult<1> | "";
+    renderSwapNonprofitButton(): "" | lit_html.TemplateResult<1>;
     get cssVariables(): any;
     static styles: lit.CSSResult[];
     render(): lit_html.TemplateResult<1>;

package/dist/components/subscription-management.esm.js

@@ -1,6 +1,6 @@
-import{f as h,g as r,t as p,h as g,y as d}from"../chunks/lit-qtGbjGnK.esm.js";import{D as f,f as y,h as w}from"../chunks/routes-2FqTWOCW.esm.js";import{c as S,d as v,A as c,e as b,b as C,_ as u}from"../chunks/localize-F31ae3j6.esm.js";import{c as x}from"../chunks/events-Y8fYvSqM.esm.js";import{M as N}from"../chunks/beam-errors-P-Lu07Ce.esm.js";import"./redeem-transaction.esm.js";import"./impact-overview.esm.js";import"../utils/logger.esm.js";import"../chunks/lodash-P8OIs-at.esm.js";import"../chunks/progress-bar-Sn2QspHy.esm.js";import"../chunks/promo-pill-label-j0A8qZ0c.esm.js";import"../chunks/vendor-jQ8cxMpw.esm.js";import"./beam-partner-logos.esm.js";import"../chunks/loading-template-Av0IUyKF.esm.js";import"../utils/local-storage.esm.js";import"../chunks/css-card-grid-7tObtoJx.esm.js";import"../chunks/shoelace-components-R0WKZ63n.esm.js";import"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../chunks/responsive-aWj_7ZN_.esm.js";const I={en:{nonprofitSwapText:({brandName:i=""})=>`Support a new nonprofit with your next ${i} recurring order`},fr:{nonprofitSwapText:({brandName:i=""})=>`Soutenez une nouvelle organisation \xE0 but non lucratif avec votre prochaine commande r\xE9currente ${i}`},de:{nonprofitSwapText:({brandName:i=""})=>`Unterst\xFCtzen Sie eine neue gemeinn\xFCtzige Organisation mit Ihrer n\xE4chsten wiederkehrenden Bestellung bei ${i}`},es:{nonprofitSwapText:({brandName:i=""})=>`Apoye a una nueva organizaci\xF3n sin fines de lucro con su pr\xF3ximo pedido recurrente ${i}`},it:{nonprofitSwapText:({brandName:i=""})=>`Sostieni una nuova organizzazione non profit con il tuo prossimo ordine ricorrente ${i}`},pl:{nonprofitSwapText:({brandName:i=""})=>`Wesprzyj now\u0105 organizacj\u0119 non-profit przy kolejnym zam\xF3wieniu cyklicznym ${i}`}};var M=Object.defineProperty,$=Object.getOwnPropertyDescriptor,o=(i,t,n,a)=>{for(var s=a>1?void 0:a?$(t,n):t,l=i.length-1,m;l>=0;l--)(m=i[l])&&(s=(a?m(t,n,s):m(s))||s);return a&&s&&M(t,n,s),s};class e extends g{constructor(){super(...arguments),this.baseUrl=f,this.lang="en",this.debug=!1,this.activeWidget=null,this.nonprofitId=null,this.userId=null,this.chainName=null,this.subscriptionDataController=new c(this,this.fetchSubscription),this.eligibleNonprofitsDataController=new c(this,this.fetchEligibleNonprofits)}async firstUpdated(){if(!this.email&&!this.partnerUserId)throw new N(["email","partnerUserId"],"One of the following properties needs to be specified: email, partnerUserId ");b(["apiKey","subscriptionId"],this),await this.loadWidget()}async loadWidget(){await Promise.all([this.fetchEligibleNonprofits(),this.fetchSubscription()]),this.activeWidget=this.nonprofitId?"impact-overview":"redeem-transaction"}async fetchEligibleNonprofits(){b(["apiKey","subscriptionId"],this);const t=await y({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},requestBody:{storeId:this.storeId||void 0,postalCode:this.postalCode||void 0,countryCode:this.countryCode||void 0,widgetName:"subscription-management",version:"1.0.0"}});return this.chainName=t.chain.name,this.storeId=t.store.id,this.eligibleNonprofitsDataController.data=t,t}async fetchSubscription(){b(["apiKey","subscriptionId"],this);const t=await w({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},requestBody:{remoteSubscriptionId:this.subscriptionId,email:this.email,partnerUserId:this.partnerUserId}});return this.userId=t.beamUserId,this.nonprofitId=t.nonprofit?.id||null,t}handleSwapNonprofitButtonClick(){this.activeWidget="redeem-transaction"}renderSwapNonprofitButton(){return this.activeWidget==="impact-overview"?d`<button class="swap-nonprofit-button" @click="${this.handleSwapNonprofitButtonClick}">
-        ${I[this.lang].nonprofitSwapText({brandName:this.chainName||""})}
-      </button>`:""}get cssVariables(){const t={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"inherit","--beam-textColor":"inherit","--beam-backgroundColor":"inherit","--beam-SubscriptionManagement-widgetContainer-borderColor":"#d5d5d5","--beam-SubscriptionManagement-widgetContainer-borderRadius":"4px","--beam-SubscriptionManagement-widgetContainer-padding":"15px","--beam-SubscriptionManagement-widgetContainer-backgroundColor":"inherit","--beam-SubscriptionManagement-widgetContainer-maxWidth":"800px","--beam-SubscriptionManagement-swapNonprofitButtonText-textDecoration":"underline","--beam-SubscriptionManagement-swapNonprofitButtonText-fontFamily":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-fontStyle":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-fontWeight":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-lineHeight":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-marginTop":"10px","--beam-SubscriptionManagement-swapNonprofitButtonText-fontSize":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-color":"inherit"},n=this.eligibleNonprofitsDataController?.data?.config?.web?.theme||{},a={...t,...n};return Object.assign(Object.create({toCSS(){return C(this)}}),a)}render(){let t;if((this.subscriptionDataController.loading||this.eligibleNonprofitsDataController.loading)&&(t=""),(this.subscriptionDataController.error||this.eligibleNonprofitsDataController.error)&&this.debug){if(this.subscriptionDataController.error!==null)return u({error:this.subscriptionDataController.error});if(this.eligibleNonprofitsDataController.error!==null)return u({error:this.eligibleNonprofitsDataController.error})}else t="";return this.activeWidget==="redeem-transaction"?t=d` <beam-redeem-transaction
+import{f as h,g as r,t as p,h as g,y as d}from"../chunks/lit-qtGbjGnK.esm.js";import{D as f,f as y,W as S,h as w}from"../chunks/routes-b8sncPq8.esm.js";import{c as v,d as C,A as c,e as b,b as x,_ as u}from"../chunks/localize-F31ae3j6.esm.js";import{c as N}from"../chunks/events-Y8fYvSqM.esm.js";import{M as I}from"../chunks/beam-errors-P-Lu07Ce.esm.js";import"./redeem-transaction.esm.js";import"./impact-overview.esm.js";import"../utils/logger.esm.js";import"../chunks/lodash-P8OIs-at.esm.js";import"../chunks/progress-bar-Sn2QspHy.esm.js";import"../chunks/promo-pill-label-j0A8qZ0c.esm.js";import"../chunks/vendor-jQ8cxMpw.esm.js";import"./beam-partner-logos.esm.js";import"../chunks/loading-template-Av0IUyKF.esm.js";import"../utils/local-storage.esm.js";import"../chunks/css-card-grid-7tObtoJx.esm.js";import"../chunks/shoelace-components-7XWYNn-Z.esm.js";import"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../chunks/responsive-aWj_7ZN_.esm.js";const M={en:{nonprofitSwapText:({brandName:i=""})=>`Support a new nonprofit with your next ${i} recurring order`},fr:{nonprofitSwapText:({brandName:i=""})=>`Soutenez une nouvelle organisation \xE0 but non lucratif avec votre prochaine commande r\xE9currente ${i}`},de:{nonprofitSwapText:({brandName:i=""})=>`Unterst\xFCtzen Sie eine neue gemeinn\xFCtzige Organisation mit Ihrer n\xE4chsten wiederkehrenden Bestellung bei ${i}`},es:{nonprofitSwapText:({brandName:i=""})=>`Apoye a una nueva organizaci\xF3n sin fines de lucro con su pr\xF3ximo pedido recurrente ${i}`},it:{nonprofitSwapText:({brandName:i=""})=>`Sostieni una nuova organizzazione non profit con il tuo prossimo ordine ricorrente ${i}`},pl:{nonprofitSwapText:({brandName:i=""})=>`Wesprzyj now\u0105 organizacj\u0119 non-profit przy kolejnym zam\xF3wieniu cyklicznym ${i}`}};var $=Object.defineProperty,B=Object.getOwnPropertyDescriptor,o=(i,t,n,a)=>{for(var s=a>1?void 0:a?B(t,n):t,l=i.length-1,m;l>=0;l--)(m=i[l])&&(s=(a?m(t,n,s):m(s))||s);return a&&s&&$(t,n,s),s};class e extends g{constructor(){super(...arguments),this.baseUrl=f,this.lang="en",this.debug=!1,this.activeWidget=null,this.nonprofitId=null,this.userId=null,this.chainName=null,this.subscriptionDataController=new c(this,this.fetchSubscription),this.eligibleNonprofitsDataController=new c(this,this.fetchEligibleNonprofits)}async firstUpdated(){if(!this.email&&!this.partnerUserId)throw new I(["email","partnerUserId"],"One of the following properties needs to be specified: email, partnerUserId ");b(["apiKey","subscriptionId"],this),await this.loadWidget()}async loadWidget(){await Promise.all([this.fetchEligibleNonprofits(),this.fetchSubscription()]),this.activeWidget=this.nonprofitId?"impact-overview":"redeem-transaction"}async fetchEligibleNonprofits(){b(["apiKey","subscriptionId"],this);const t=await y({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},requestBody:{storeId:this.storeId||void 0,postalCode:this.postalCode||void 0,countryCode:this.countryCode||void 0,widgetName:S.subscription_management,version:"1.0.0"}});return this.chainName=t.chain.name,this.storeId=t.store.id,this.eligibleNonprofitsDataController.data=t,t}async fetchSubscription(){b(["apiKey","subscriptionId"],this);const t=await w({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},requestBody:{remoteSubscriptionId:this.subscriptionId,email:this.email,partnerUserId:this.partnerUserId}});return this.userId=t.beamUserId,this.nonprofitId=t.nonprofit?.id||null,t}handleSwapNonprofitButtonClick(){this.activeWidget="redeem-transaction"}renderSwapNonprofitButton(){return this.activeWidget==="impact-overview"?d`<button class="swap-nonprofit-button" @click="${this.handleSwapNonprofitButtonClick}">
+        ${M[this.lang].nonprofitSwapText({brandName:this.chainName||""})}
+      </button>`:""}get cssVariables(){const t={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"inherit","--beam-textColor":"inherit","--beam-backgroundColor":"inherit","--beam-SubscriptionManagement-widgetContainer-borderColor":"#d5d5d5","--beam-SubscriptionManagement-widgetContainer-borderRadius":"4px","--beam-SubscriptionManagement-widgetContainer-padding":"15px","--beam-SubscriptionManagement-widgetContainer-backgroundColor":"inherit","--beam-SubscriptionManagement-widgetContainer-maxWidth":"800px","--beam-SubscriptionManagement-swapNonprofitButtonText-textDecoration":"underline","--beam-SubscriptionManagement-swapNonprofitButtonText-fontFamily":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-fontStyle":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-fontWeight":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-lineHeight":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-marginTop":"10px","--beam-SubscriptionManagement-swapNonprofitButtonText-fontSize":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-color":"inherit"},n=this.eligibleNonprofitsDataController?.data?.config?.web?.theme||{},a={...t,...n};return Object.assign(Object.create({toCSS(){return x(this)}}),a)}render(){let t;if((this.subscriptionDataController.loading||this.eligibleNonprofitsDataController.loading)&&(t=""),(this.subscriptionDataController.error||this.eligibleNonprofitsDataController.error)&&this.debug){if(this.subscriptionDataController.error!==null)return u({error:this.subscriptionDataController.error});if(this.eligibleNonprofitsDataController.error!==null)return u({error:this.eligibleNonprofitsDataController.error})}else t="";return this.activeWidget==="redeem-transaction"?t=d` <beam-redeem-transaction
         part="redeem-transaction"
         storeId="${this.storeId}"
         subscriptionId="${this.subscriptionId}"
@@ -11,7 +11,7 @@ import{f as h,g as r,t as p,h as g,y as d}from"../chunks/lit-qtGbjGnK.esm.js";im
         countryCode="${this.countryCode}"
         lang="${this.lang}"
         ?debug="${this.debug}"
-        @beamnonprofitselect="${n=>{if(!(n instanceof x))return;const{selectedNonprofitId:a}=n.detail;this.nonprofitId=a??null,this.activeWidget="impact-overview"}}"
+        @beamnonprofitselect="${n=>{if(!(n instanceof N))return;const{selectedNonprofitId:a}=n.detail;this.nonprofitId=a??null,this.activeWidget="impact-overview"}}"
       ></beam-redeem-transaction>`:this.activeWidget==="impact-overview"&&(t=d`
         <beam-impact-overview
           part="impact-overview"
@@ -30,7 +30,7 @@ import{f as h,g as r,t as p,h as g,y as d}from"../chunks/lit-qtGbjGnK.esm.js";im
       </style>
       <div class="sub-widget-container">${t}</div>
       ${this.renderSwapNonprofitButton()}
-    `}}e.tagName="beam-subscription-management",e.styles=[S,h`
+    `}}e.tagName="beam-subscription-management",e.styles=[v,h`
       :host {
         display: block;
         font-family: var(--beam-fontFamily);
@@ -61,5 +61,5 @@ import{f as h,g as r,t as p,h as g,y as d}from"../chunks/lit-qtGbjGnK.esm.js";im
         padding: var(--beam-SubscriptionManagement-widgetContainer-padding, 15px);
         max-width: var(--beam-SubscriptionManagement-widgetContainer-maxWidth, 800px);
       }
-    }`],o([r({type:String})],e.prototype,"baseUrl",2),o([r({type:String})],e.prototype,"apiKey",2),o([r({type:String})],e.prototype,"subscriptionId",2),o([r({type:Number,reflect:!0})],e.prototype,"storeId",2),o([r({type:String})],e.prototype,"email",2),o([r({type:String})],e.prototype,"partnerUserId",2),o([r({type:String})],e.prototype,"postalCode",2),o([r({type:String})],e.prototype,"countryCode",2),o([r({type:String})],e.prototype,"lang",2),o([r({type:Object})],e.prototype,"cart",2),o([r({type:Boolean})],e.prototype,"debug",2),o([p()],e.prototype,"activeWidget",2),o([p()],e.prototype,"nonprofitId",2),o([p()],e.prototype,"userId",2),o([p()],e.prototype,"chainName",2),v(e);export{e as BeamSubscriptionManagement};
+    }`],o([r({type:String})],e.prototype,"baseUrl",2),o([r({type:String})],e.prototype,"apiKey",2),o([r({type:String})],e.prototype,"subscriptionId",2),o([r({type:Number,reflect:!0})],e.prototype,"storeId",2),o([r({type:String})],e.prototype,"email",2),o([r({type:String})],e.prototype,"partnerUserId",2),o([r({type:String})],e.prototype,"postalCode",2),o([r({type:String})],e.prototype,"countryCode",2),o([r({type:String})],e.prototype,"lang",2),o([r({type:Object})],e.prototype,"cart",2),o([r({type:Boolean})],e.prototype,"debug",2),o([p()],e.prototype,"activeWidget",2),o([p()],e.prototype,"nonprofitId",2),o([p()],e.prototype,"userId",2),o([p()],e.prototype,"chainName",2),C(e);export{e as BeamSubscriptionManagement};
 //# sourceMappingURL=subscription-management.esm.js.map

package/dist/components/subscription-management.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"subscription-management.esm.js","sources":["../../src/components/subscription-management/strings.ts","../../src/components/subscription-management/index.ts"],"sourcesContent":["export const strings = {\n  en: {\n    nonprofitSwapText: ({ brandName = \"\" }) => `Support a new nonprofit with your next ${brandName} recurring order`,\n  },\n  fr: {\n    nonprofitSwapText: ({ brandName = \"\" }) =>\n      `Soutenez une nouvelle organisation à but non lucratif avec votre prochaine commande récurrente ${brandName}`,\n  },\n  de: {\n    nonprofitSwapText: ({ brandName = \"\" }) =>\n      `Unterstützen Sie eine neue gemeinnützige Organisation mit Ihrer nächsten wiederkehrenden Bestellung bei ${brandName}`,\n  },\n  es: {\n    nonprofitSwapText: ({ brandName = \"\" }) =>\n      `Apoye a una nueva organización sin fines de lucro con su próximo pedido recurrente ${brandName}`,\n  },\n  it: {\n    nonprofitSwapText: ({ brandName = \"\" }) =>\n      `Sostieni una nuova organizzazione non profit con il tuo prossimo ordine ricorrente ${brandName}`,\n  },\n  pl: {\n    nonprofitSwapText: ({ brandName = \"\" }) =>\n      `Wesprzyj nową organizację non-profit przy kolejnym zamówieniu cyklicznym ${brandName}`,\n  },\n};\n","import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { state } from \"lit/decorators/state.js\";\nimport { DEFAULT_BASE_URL } from \"../../api-sdk/constants\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { TCart } from \"../../shared/cart-contents\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { postFindOrCreateSubscription, postChainEligibleNonprofitsForCart } from \"../../api-sdk/v3/routes\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { BeamNonprofitSelectEvent } from \"../../utils/events\";\nimport { MissingConfig } from \"../../utils/beam-errors\";\nimport { strings } from \"./strings\";\nimport \"../redeem-transaction\";\nimport \"../impact-overview\";\n\ninterface RequiredDataPropsWithEmail {\n  email: string;\n  apiKey: string;\n  subscriptionId: string;\n}\n\ninterface RequiredDataPropsWithPartnerUserId {\n  partnerUserId: string;\n  apiKey: string;\n  subscriptionId: string;\n}\n\ntype TRequiredDataProps = RequiredDataPropsWithEmail | RequiredDataPropsWithPartnerUserId;\nexport class BeamSubscriptionManagement extends LitElement {\n  static tagName = \"beam-subscription-management\";\n\n  @property({ type: String })\n  public baseUrl: string = DEFAULT_BASE_URL;\n\n  @property({ type: String })\n  public apiKey!: TRequiredDataProps[\"apiKey\"];\n\n  @property({ type: String })\n  public subscriptionId!: TRequiredDataProps[\"subscriptionId\"];\n\n  @property({ type: Number, reflect: true })\n  public storeId?: number; // Either storeId or postalCode, countryCode must be provided\n\n  @property({ type: String })\n  public email?: RequiredDataPropsWithEmail[\"email\"]; // Either email or partnerUserId must be provided\n\n  @property({ type: String })\n  public partnerUserId?: RequiredDataPropsWithPartnerUserId[\"partnerUserId\"]; // Either email or partnerUserId must be provided\n\n  @property({ type: String })\n  public postalCode?: string;\n\n  @property({ type: String })\n  public countryCode?: string;\n\n  @property({ type: String })\n  public lang: LANGUAGES = \"en\";\n\n  @property({ type: Object })\n  public cart?: TCart;\n\n  @property({ type: Boolean })\n  public debug = false;\n\n  @state() private activeWidget: \"redeem-transaction\" | \"impact-overview\" | null = null; // Based on /findSubscriptionByRemoteId\n  @state() private nonprofitId: number | null = null; // From /findSubscriptionByRemoteId response\n  @state() private userId: string | null = null; // From findSubscriptionByRemoteId\n  @state() private chainName: string | null = null; // From findEligibleNonprofitsForCart\n\n  private subscriptionDataController = new AsyncController<typeof this.fetchSubscription>(this, this.fetchSubscription);\n  private eligibleNonprofitsDataController = new AsyncController<typeof this.fetchEligibleNonprofits>(\n    this,\n    this.fetchEligibleNonprofits\n  );\n\n  async firstUpdated() {\n    if (!this.email && !this.partnerUserId) {\n      throw new MissingConfig(\n        [\"email\", \"partnerUserId\"],\n        \"One of the following properties needs to be specified: email, partnerUserId \"\n      );\n    }\n    enforceConfig<TRequiredDataProps>([\"apiKey\", \"subscriptionId\"], this);\n    await this.loadWidget();\n  }\n\n  async loadWidget() {\n    // In parallel:\n    // (1). Fetch eligible nonprofits [storeId and chainName]\n    // (2). Fetch subscription [userId and nonprofitId]\n    await Promise.all([this.fetchEligibleNonprofits(), this.fetchSubscription()]);\n    this.activeWidget = this.nonprofitId ? \"impact-overview\" : \"redeem-transaction\";\n  }\n\n  async fetchEligibleNonprofits() {\n    enforceConfig<TRequiredDataProps>([\"apiKey\", \"subscriptionId\"], this);\n    const res = await postChainEligibleNonprofitsForCart({\n      baseUrl: this.baseUrl,\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      requestBody: {\n        storeId: this.storeId || undefined,\n        postalCode: this.postalCode || undefined,\n        countryCode: this.countryCode || undefined,\n        widgetName: \"subscription-management\",\n        version: \"1.0.0\",\n      },\n    });\n    this.chainName = res.chain.name;\n    this.storeId = res.store.id;\n    this.eligibleNonprofitsDataController.data = res;\n    return res;\n  }\n\n  async fetchSubscription() {\n    enforceConfig<TRequiredDataProps>([\"apiKey\", \"subscriptionId\"], this);\n    const result = await postFindOrCreateSubscription({\n      baseUrl: this.baseUrl,\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      requestBody: {\n        remoteSubscriptionId: this.subscriptionId,\n        email: this.email,\n        partnerUserId: this.partnerUserId,\n      },\n    });\n\n    this.userId = result.beamUserId; // Returned in response regardless of subscription redemption\n    this.nonprofitId = result.nonprofit?.id || null;\n    return result;\n  }\n\n  handleSwapNonprofitButtonClick() {\n    this.activeWidget = \"redeem-transaction\";\n  }\n\n  renderSwapNonprofitButton() {\n    if (this.activeWidget === \"impact-overview\") {\n      return html`<button class=\"swap-nonprofit-button\" @click=\"${this.handleSwapNonprofitButtonClick}\">\n        ${strings[this.lang].nonprofitSwapText({ brandName: this.chainName || \"\" })}\n      </button>`;\n    } else {\n      return \"\";\n    }\n  }\n\n  public get cssVariables() {\n    const defaults = {\n      \"--beam-fontFamily\": \"inherit\",\n      \"--beam-fontStyle\": \"inherit\",\n      \"--beam-fontSize\": \"inherit\",\n      \"--beam-textColor\": \"inherit\",\n      \"--beam-backgroundColor\": \"inherit\",\n      \"--beam-SubscriptionManagement-widgetContainer-borderColor\": \"#d5d5d5\",\n      \"--beam-SubscriptionManagement-widgetContainer-borderRadius\": \"4px\",\n      \"--beam-SubscriptionManagement-widgetContainer-padding\": \"15px\",\n      \"--beam-SubscriptionManagement-widgetContainer-backgroundColor\": \"inherit\",\n      \"--beam-SubscriptionManagement-widgetContainer-maxWidth\": \"800px\",\n      \"--beam-SubscriptionManagement-swapNonprofitButtonText-textDecoration\": \"underline\",\n      \"--beam-SubscriptionManagement-swapNonprofitButtonText-fontFamily\": \"inherit\",\n      \"--beam-SubscriptionManagement-swapNonprofitButtonText-fontStyle\": \"inherit\",\n      \"--beam-SubscriptionManagement-swapNonprofitButtonText-fontWeight\": \"inherit\",\n      \"--beam-SubscriptionManagement-swapNonprofitButtonText-lineHeight\": \"inherit\",\n      \"--beam-SubscriptionManagement-swapNonprofitButtonText-marginTop\": \"10px\",\n      \"--beam-SubscriptionManagement-swapNonprofitButtonText-fontSize\": \"inherit\",\n      \"--beam-SubscriptionManagement-swapNonprofitButtonText-color\": \"inherit\",\n    };\n\n    const remoteConfig = this.eligibleNonprofitsDataController?.data?.config?.web?.theme || {};\n\n    const config = { ...defaults, ...remoteConfig };\n\n    const serializable = Object.create({\n      toCSS() {\n        return _cssVariableMap(this as Record<string, string>);\n      },\n    });\n    return Object.assign(serializable, config);\n  }\n\n  static styles = [\n    cssReset,\n    css`\n      :host {\n        display: block;\n        font-family: var(--beam-fontFamily);\n        font-style: var(--beam-fontStyle);\n        font-size: var(--beam-fontSize);\n        background-color: var(--beam-backgroundColor);\n        color: var(--beam-textColor);\n        word-break: normal;\n      }\n      .swap-nonprofit-button {\n        margin-top: var(--beam-SubscriptionManagement-swapNonprofitButtonText-marginTop, 10px);\n        color: var(--beam-SubscriptionManagement-swapNonprofitButtonText-color, inherit);\n        font-size: var(--beam-SubscriptionManagement-swapNonprofitButtonText-fontSize, inherit);\n        text-decoration: var(--beam-SubscriptionManagement-swapNonprofitButtonText-textDecoration, underline);\n        font-family: var(--beam-SubscriptionManagement-swapNonprofitButtonText-fontFamily, inherit);\n        font-style: var(--beam-SubscriptionManagement-swapNonprofitButtonText-fontStyle, inherit);\n        font-weight: var(--beam-SubscriptionManagement-swapNonprofitButtonText-fontWeight, inherit);\n        line-height: var(--beam-SubscriptionManagement-swapNonprofitButtonText-lineHeight, inherit);\n        background: none;\n        border: none;\n        cursor: pointer;\n      }\n      .sub-widget-container {\n        background-color: var(--beam-SubscriptionManagement-widgetContainer-backgroundColor, inherit);\n        border: 1px solid var(--beam-SubscriptionManagement-widgetContainer-borderColor, #d5d5d5);\n        border-radius: var(--beam-SubscriptionManagement-widgetContainer-borderRadius, 4px);\n        overflow: hidden; /* maintain clean border-radius */\n        padding: var(--beam-SubscriptionManagement-widgetContainer-padding, 15px);\n        max-width: var(--beam-SubscriptionManagement-widgetContainer-maxWidth, 800px);\n      }\n    }`,\n  ];\n\n  render() {\n    let content;\n\n    if (this.subscriptionDataController.loading || this.eligibleNonprofitsDataController.loading) {\n      content = \"\";\n    }\n\n    if ((this.subscriptionDataController.error || this.eligibleNonprofitsDataController.error) && this.debug) {\n      if (this.subscriptionDataController.error !== null) {\n        return _errorMessage({ error: this.subscriptionDataController.error });\n      } else if (this.eligibleNonprofitsDataController.error !== null) {\n        return _errorMessage({ error: this.eligibleNonprofitsDataController.error });\n      }\n    } else {\n      content = \"\";\n    }\n\n    if (this.activeWidget === \"redeem-transaction\") {\n      content = html` <beam-redeem-transaction\n        part=\"redeem-transaction\"\n        storeId=\"${this.storeId}\"\n        subscriptionId=\"${this.subscriptionId}\"\n        nonprofitId=${this.nonprofitId}\n        baseUrl=\"${this.baseUrl}\"\n        apiKey=\"${this.apiKey}\"\n        postalCode=\"${this.postalCode}\"\n        countryCode=\"${this.countryCode}\"\n        lang=\"${this.lang}\"\n        ?debug=\"${this.debug}\"\n        @beamnonprofitselect=\"${(event: Event) => {\n          if (!(event instanceof BeamNonprofitSelectEvent)) return; // TS guard\n          const { selectedNonprofitId } = event.detail;\n          this.nonprofitId = selectedNonprofitId ?? null;\n          this.activeWidget = \"impact-overview\";\n        }}\"\n      ></beam-redeem-transaction>`;\n    } else if (this.activeWidget === \"impact-overview\") {\n      content = html`\n        <beam-impact-overview\n          part=\"impact-overview\"\n          baseUrl=\"${this.baseUrl}\"\n          apiKey=\"${this.apiKey}\"\n          userId=\"${this.userId}\"\n          nonprofitId=\"${this.nonprofitId}\"\n          lang=\"${this.lang}\"\n          ?debug=\"${this.debug}\"\n        ></beam-impact-overview>\n      `;\n    }\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n      <div class=\"sub-widget-container\">${content}</div>\n      ${this.renderSwapNonprofitButton()}\n    `;\n  }\n}\n\ndefineCustomElement(BeamSubscriptionManagement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-subscription-management\": BeamSubscriptionManagement;\n  }\n}\n"],"names":["strings","brandName","m","h","e","l","n","t","o","i","a","d","BeamSubscriptionManagement","LitElement","DEFAULT_BASE_URL","AsyncController","MissingConfig","enforceConfig","res","postChainEligibleNonprofitsForCart","result","postFindOrCreateSubscription","html","defaults","remoteConfig","config","_cssVariableMap","content","_errorMessage","event","BeamNonprofitSelectEvent","selectedNonprofitId","cssReset","css","__decorateClass","property","state","defineCustomElement"],"mappings":"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"}
+{"version":3,"file":"subscription-management.esm.js","sources":["../../src/components/subscription-management/strings.ts","../../src/components/subscription-management/index.ts"],"sourcesContent":["export const strings = {\n  en: {\n    nonprofitSwapText: ({ brandName = \"\" }) => `Support a new nonprofit with your next ${brandName} recurring order`,\n  },\n  fr: {\n    nonprofitSwapText: ({ brandName = \"\" }) =>\n      `Soutenez une nouvelle organisation à but non lucratif avec votre prochaine commande récurrente ${brandName}`,\n  },\n  de: {\n    nonprofitSwapText: ({ brandName = \"\" }) =>\n      `Unterstützen Sie eine neue gemeinnützige Organisation mit Ihrer nächsten wiederkehrenden Bestellung bei ${brandName}`,\n  },\n  es: {\n    nonprofitSwapText: ({ brandName = \"\" }) =>\n      `Apoye a una nueva organización sin fines de lucro con su próximo pedido recurrente ${brandName}`,\n  },\n  it: {\n    nonprofitSwapText: ({ brandName = \"\" }) =>\n      `Sostieni una nuova organizzazione non profit con il tuo prossimo ordine ricorrente ${brandName}`,\n  },\n  pl: {\n    nonprofitSwapText: ({ brandName = \"\" }) =>\n      `Wesprzyj nową organizację non-profit przy kolejnym zamówieniu cyklicznym ${brandName}`,\n  },\n};\n","import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { state } from \"lit/decorators/state.js\";\nimport { DEFAULT_BASE_URL, WIDGET_NAMES } from \"../../api-sdk/constants\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { TCart } from \"../../shared/cart-contents\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { postFindOrCreateSubscription, postChainEligibleNonprofitsForCart } from \"../../api-sdk/v3/routes\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { BeamNonprofitSelectEvent } from \"../../utils/events\";\nimport { MissingConfig } from \"../../utils/beam-errors\";\nimport { strings } from \"./strings\";\nimport \"../redeem-transaction\";\nimport \"../impact-overview\";\n\ninterface RequiredDataPropsWithEmail {\n  email: string;\n  apiKey: string;\n  subscriptionId: string;\n}\n\ninterface RequiredDataPropsWithPartnerUserId {\n  partnerUserId: string;\n  apiKey: string;\n  subscriptionId: string;\n}\n\ntype TRequiredDataProps = RequiredDataPropsWithEmail | RequiredDataPropsWithPartnerUserId;\nexport class BeamSubscriptionManagement extends LitElement {\n  static tagName = \"beam-subscription-management\";\n\n  @property({ type: String })\n  public baseUrl: string = DEFAULT_BASE_URL;\n\n  @property({ type: String })\n  public apiKey!: TRequiredDataProps[\"apiKey\"];\n\n  @property({ type: String })\n  public subscriptionId!: TRequiredDataProps[\"subscriptionId\"];\n\n  @property({ type: Number, reflect: true })\n  public storeId?: number; // Either storeId or postalCode, countryCode must be provided\n\n  @property({ type: String })\n  public email?: RequiredDataPropsWithEmail[\"email\"]; // Either email or partnerUserId must be provided\n\n  @property({ type: String })\n  public partnerUserId?: RequiredDataPropsWithPartnerUserId[\"partnerUserId\"]; // Either email or partnerUserId must be provided\n\n  @property({ type: String })\n  public postalCode?: string;\n\n  @property({ type: String })\n  public countryCode?: string;\n\n  @property({ type: String })\n  public lang: LANGUAGES = \"en\";\n\n  @property({ type: Object })\n  public cart?: TCart;\n\n  @property({ type: Boolean })\n  public debug = false;\n\n  @state() private activeWidget: \"redeem-transaction\" | \"impact-overview\" | null = null; // Based on /findSubscriptionByRemoteId\n  @state() private nonprofitId: number | null = null; // From /findSubscriptionByRemoteId response\n  @state() private userId: string | null = null; // From findSubscriptionByRemoteId\n  @state() private chainName: string | null = null; // From findEligibleNonprofitsForCart\n\n  private subscriptionDataController = new AsyncController<typeof this.fetchSubscription>(this, this.fetchSubscription);\n  private eligibleNonprofitsDataController = new AsyncController<typeof this.fetchEligibleNonprofits>(\n    this,\n    this.fetchEligibleNonprofits\n  );\n\n  async firstUpdated() {\n    if (!this.email && !this.partnerUserId) {\n      throw new MissingConfig(\n        [\"email\", \"partnerUserId\"],\n        \"One of the following properties needs to be specified: email, partnerUserId \"\n      );\n    }\n    enforceConfig<TRequiredDataProps>([\"apiKey\", \"subscriptionId\"], this);\n    await this.loadWidget();\n  }\n\n  async loadWidget() {\n    // In parallel:\n    // (1). Fetch eligible nonprofits [storeId and chainName]\n    // (2). Fetch subscription [userId and nonprofitId]\n    await Promise.all([this.fetchEligibleNonprofits(), this.fetchSubscription()]);\n    this.activeWidget = this.nonprofitId ? \"impact-overview\" : \"redeem-transaction\";\n  }\n\n  async fetchEligibleNonprofits() {\n    enforceConfig<TRequiredDataProps>([\"apiKey\", \"subscriptionId\"], this);\n    const res = await postChainEligibleNonprofitsForCart({\n      baseUrl: this.baseUrl,\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      requestBody: {\n        storeId: this.storeId || undefined,\n        postalCode: this.postalCode || undefined,\n        countryCode: this.countryCode || undefined,\n        widgetName: WIDGET_NAMES.subscription_management,\n        version: \"1.0.0\",\n      },\n    });\n    this.chainName = res.chain.name;\n    this.storeId = res.store.id;\n    this.eligibleNonprofitsDataController.data = res;\n    return res;\n  }\n\n  async fetchSubscription() {\n    enforceConfig<TRequiredDataProps>([\"apiKey\", \"subscriptionId\"], this);\n    const result = await postFindOrCreateSubscription({\n      baseUrl: this.baseUrl,\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      requestBody: {\n        remoteSubscriptionId: this.subscriptionId,\n        email: this.email,\n        partnerUserId: this.partnerUserId,\n      },\n    });\n\n    this.userId = result.beamUserId; // Returned in response regardless of subscription redemption\n    this.nonprofitId = result.nonprofit?.id || null;\n    return result;\n  }\n\n  handleSwapNonprofitButtonClick() {\n    this.activeWidget = \"redeem-transaction\";\n  }\n\n  renderSwapNonprofitButton() {\n    if (this.activeWidget === \"impact-overview\") {\n      return html`<button class=\"swap-nonprofit-button\" @click=\"${this.handleSwapNonprofitButtonClick}\">\n        ${strings[this.lang].nonprofitSwapText({ brandName: this.chainName || \"\" })}\n      </button>`;\n    } else {\n      return \"\";\n    }\n  }\n\n  public get cssVariables() {\n    const defaults = {\n      \"--beam-fontFamily\": \"inherit\",\n      \"--beam-fontStyle\": \"inherit\",\n      \"--beam-fontSize\": \"inherit\",\n      \"--beam-textColor\": \"inherit\",\n      \"--beam-backgroundColor\": \"inherit\",\n      \"--beam-SubscriptionManagement-widgetContainer-borderColor\": \"#d5d5d5\",\n      \"--beam-SubscriptionManagement-widgetContainer-borderRadius\": \"4px\",\n      \"--beam-SubscriptionManagement-widgetContainer-padding\": \"15px\",\n      \"--beam-SubscriptionManagement-widgetContainer-backgroundColor\": \"inherit\",\n      \"--beam-SubscriptionManagement-widgetContainer-maxWidth\": \"800px\",\n      \"--beam-SubscriptionManagement-swapNonprofitButtonText-textDecoration\": \"underline\",\n      \"--beam-SubscriptionManagement-swapNonprofitButtonText-fontFamily\": \"inherit\",\n      \"--beam-SubscriptionManagement-swapNonprofitButtonText-fontStyle\": \"inherit\",\n      \"--beam-SubscriptionManagement-swapNonprofitButtonText-fontWeight\": \"inherit\",\n      \"--beam-SubscriptionManagement-swapNonprofitButtonText-lineHeight\": \"inherit\",\n      \"--beam-SubscriptionManagement-swapNonprofitButtonText-marginTop\": \"10px\",\n      \"--beam-SubscriptionManagement-swapNonprofitButtonText-fontSize\": \"inherit\",\n      \"--beam-SubscriptionManagement-swapNonprofitButtonText-color\": \"inherit\",\n    };\n\n    const remoteConfig = this.eligibleNonprofitsDataController?.data?.config?.web?.theme || {};\n\n    const config = { ...defaults, ...remoteConfig };\n\n    const serializable = Object.create({\n      toCSS() {\n        return _cssVariableMap(this as Record<string, string>);\n      },\n    });\n    return Object.assign(serializable, config);\n  }\n\n  static styles = [\n    cssReset,\n    css`\n      :host {\n        display: block;\n        font-family: var(--beam-fontFamily);\n        font-style: var(--beam-fontStyle);\n        font-size: var(--beam-fontSize);\n        background-color: var(--beam-backgroundColor);\n        color: var(--beam-textColor);\n        word-break: normal;\n      }\n      .swap-nonprofit-button {\n        margin-top: var(--beam-SubscriptionManagement-swapNonprofitButtonText-marginTop, 10px);\n        color: var(--beam-SubscriptionManagement-swapNonprofitButtonText-color, inherit);\n        font-size: var(--beam-SubscriptionManagement-swapNonprofitButtonText-fontSize, inherit);\n        text-decoration: var(--beam-SubscriptionManagement-swapNonprofitButtonText-textDecoration, underline);\n        font-family: var(--beam-SubscriptionManagement-swapNonprofitButtonText-fontFamily, inherit);\n        font-style: var(--beam-SubscriptionManagement-swapNonprofitButtonText-fontStyle, inherit);\n        font-weight: var(--beam-SubscriptionManagement-swapNonprofitButtonText-fontWeight, inherit);\n        line-height: var(--beam-SubscriptionManagement-swapNonprofitButtonText-lineHeight, inherit);\n        background: none;\n        border: none;\n        cursor: pointer;\n      }\n      .sub-widget-container {\n        background-color: var(--beam-SubscriptionManagement-widgetContainer-backgroundColor, inherit);\n        border: 1px solid var(--beam-SubscriptionManagement-widgetContainer-borderColor, #d5d5d5);\n        border-radius: var(--beam-SubscriptionManagement-widgetContainer-borderRadius, 4px);\n        overflow: hidden; /* maintain clean border-radius */\n        padding: var(--beam-SubscriptionManagement-widgetContainer-padding, 15px);\n        max-width: var(--beam-SubscriptionManagement-widgetContainer-maxWidth, 800px);\n      }\n    }`,\n  ];\n\n  render() {\n    let content;\n\n    if (this.subscriptionDataController.loading || this.eligibleNonprofitsDataController.loading) {\n      content = \"\";\n    }\n\n    if ((this.subscriptionDataController.error || this.eligibleNonprofitsDataController.error) && this.debug) {\n      if (this.subscriptionDataController.error !== null) {\n        return _errorMessage({ error: this.subscriptionDataController.error });\n      } else if (this.eligibleNonprofitsDataController.error !== null) {\n        return _errorMessage({ error: this.eligibleNonprofitsDataController.error });\n      }\n    } else {\n      content = \"\";\n    }\n\n    if (this.activeWidget === \"redeem-transaction\") {\n      content = html` <beam-redeem-transaction\n        part=\"redeem-transaction\"\n        storeId=\"${this.storeId}\"\n        subscriptionId=\"${this.subscriptionId}\"\n        nonprofitId=${this.nonprofitId}\n        baseUrl=\"${this.baseUrl}\"\n        apiKey=\"${this.apiKey}\"\n        postalCode=\"${this.postalCode}\"\n        countryCode=\"${this.countryCode}\"\n        lang=\"${this.lang}\"\n        ?debug=\"${this.debug}\"\n        @beamnonprofitselect=\"${(event: Event) => {\n          if (!(event instanceof BeamNonprofitSelectEvent)) return; // TS guard\n          const { selectedNonprofitId } = event.detail;\n          this.nonprofitId = selectedNonprofitId ?? null;\n          this.activeWidget = \"impact-overview\";\n        }}\"\n      ></beam-redeem-transaction>`;\n    } else if (this.activeWidget === \"impact-overview\") {\n      content = html`\n        <beam-impact-overview\n          part=\"impact-overview\"\n          baseUrl=\"${this.baseUrl}\"\n          apiKey=\"${this.apiKey}\"\n          userId=\"${this.userId}\"\n          nonprofitId=\"${this.nonprofitId}\"\n          lang=\"${this.lang}\"\n          ?debug=\"${this.debug}\"\n        ></beam-impact-overview>\n      `;\n    }\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n      <div class=\"sub-widget-container\">${content}</div>\n      ${this.renderSwapNonprofitButton()}\n    `;\n  }\n}\n\ndefineCustomElement(BeamSubscriptionManagement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-subscription-management\": BeamSubscriptionManagement;\n  }\n}\n"],"names":["strings","brandName","m","h","e","l","n","t","o","i","a","d","BeamSubscriptionManagement","LitElement","DEFAULT_BASE_URL","AsyncController","MissingConfig","enforceConfig","res","postChainEligibleNonprofitsForCart","WIDGET_NAMES","result","postFindOrCreateSubscription","html","defaults","remoteConfig","config","_cssVariableMap","content","_errorMessage","event","BeamNonprofitSelectEvent","selectedNonprofitId","cssReset","css","__decorateClass","property","state","defineCustomElement"],"mappings":"g8BAAO,MAAMA,EAAU,CACrB,GAAI,CACF,kBAAmB,CAAC,CAAE,UAAAC,EAAY,EAAG,IAAM,0CAA0CA,CAAS,kBAChG,EACA,GAAI,CACF,kBAAmB,CAAC,CAAE,UAAAA,EAAY,EAAG,IACnC,wGAAkGA,CAAS,EAC/G,EACA,GAAI,CACF,kBAAmB,CAAC,CAAE,UAAAA,EAAY,EAAG,IACnC,oHAA2GA,CAAS,EACxH,EACA,GAAI,CACF,kBAAmB,CAAC,CAAE,UAAAA,EAAY,EAAG,IACnC,4FAAsFA,CAAS,EACnG,EACA,GAAI,CACF,kBAAmB,CAAC,CAAE,UAAAA,EAAY,EAAG,IACnC,sFAAsFA,CAAS,EACnG,EACA,GAAI,CACF,kBAAmB,CAAC,CAAE,UAAAA,EAAY,EAAG,IACnC,yFAA4EA,CAAS,EACzF,CACF,ECxBA,IAAAC,EAAA,OAAA,eAAAC,EAAA,OAAA,yBAAAC,EAAA,CAAAC,EAAAC,EAAAC,EAAAC,IAAA,CAAA,QAAAC,EAAAD,EAAA,EAAA,OAAAA,EAAAL,EAAAG,EAAAC,CAAA,EAAAD,EAAAI,EAAAL,EAAA,OAAA,EAAAM,EAAAD,GAAA,EAAAA,KAAAC,EAAAN,EAAAK,CAAA,KAAAD,GAAAD,EAAAG,EAAAL,EAAAC,EAAAE,CAAA,EAAAE,EAAAF,CAAA,IAAAA,GAAA,OAAAD,GAAAC,GAAAP,EAAAI,EAAAC,EAAAE,CAAA,EAAAA,CAAA,EAgCa,MAAAG,UAAmCC,CAAW,CAApD,aAAA,CAAA,MAAA,GAAA,SAAA,EAIL,KAAO,QAAkBC,EAwBzB,KAAO,KAAkB,KAMzB,KAAO,MAAQ,GAEN,KAAQ,aAAgE,KACxE,KAAQ,YAA6B,KACrC,KAAQ,OAAwB,KAChC,KAAQ,UAA2B,KAE5C,KAAQ,2BAA6B,IAAIC,EAA+C,KAAM,KAAK,iBAAiB,EACpH,KAAQ,iCAAmC,IAAIA,EAC7C,KACA,KAAK,uBACP,CAAA,CAEA,MAAM,cAAe,CACnB,GAAI,CAAC,KAAK,OAAS,CAAC,KAAK,cACvB,MAAM,IAAIC,EACR,CAAC,QAAS,eAAe,EACzB,8EACF,EAEFC,EAAkC,CAAC,SAAU,gBAAgB,EAAG,IAAI,EACpE,MAAM,KAAK,WACb,CAAA,CAEA,MAAM,YAAa,CAIjB,MAAM,QAAQ,IAAI,CAAC,KAAK,wBAAwB,EAAG,KAAK,kBAAmB,CAAA,CAAC,EAC5E,KAAK,aAAe,KAAK,YAAc,kBAAoB,oBAC7D,CAEA,MAAM,yBAA0B,CAC9BA,EAAkC,CAAC,SAAU,gBAAgB,EAAG,IAAI,EACpE,MAAMC,EAAM,MAAMC,EAAmC,CACnD,QAAS,KAAK,QACd,QAAS,CACP,cAAe,WAAW,KAAK,MAAM,EACvC,EACA,YAAa,CACX,QAAS,KAAK,SAAW,OACzB,WAAY,KAAK,YAAc,OAC/B,YAAa,KAAK,aAAe,OACjC,WAAYC,EAAa,wBACzB,QAAS,OACX,CACF,CAAC,EACD,OAAK,KAAA,UAAYF,EAAI,MAAM,KAC3B,KAAK,QAAUA,EAAI,MAAM,GACzB,KAAK,iCAAiC,KAAOA,EACtCA,CACT,CAEA,MAAM,mBAAoB,CACxBD,EAAkC,CAAC,SAAU,gBAAgB,EAAG,IAAI,EACpE,MAAMI,EAAS,MAAMC,EAA6B,CAChD,QAAS,KAAK,QACd,QAAS,CACP,cAAe,WAAW,KAAK,MAAM,EACvC,EACA,YAAa,CACX,qBAAsB,KAAK,eAC3B,MAAO,KAAK,MACZ,cAAe,KAAK,aACtB,CACF,CAAC,EAED,OAAK,KAAA,OAASD,EAAO,WACrB,KAAK,YAAcA,EAAO,WAAW,IAAM,KACpCA,CACT,CAEA,gCAAiC,CAC/B,KAAK,aAAe,oBACtB,CAEA,2BAA4B,CAC1B,OAAI,KAAK,eAAiB,kBACjBE,kDAAqD,KAAK,8BAA8B;AAAA,UAC3FvB,EAAQ,KAAK,IAAI,EAAE,kBAAkB,CAAE,UAAW,KAAK,WAAa,EAAG,CAAC,CAAC;AAAA,iBAGtE,EAEX,CAEA,IAAW,cAAe,CACxB,MAAMwB,EAAW,CACf,oBAAqB,UACrB,mBAAoB,UACpB,kBAAmB,UACnB,mBAAoB,UACpB,yBAA0B,UAC1B,4DAA6D,UAC7D,6DAA8D,MAC9D,wDAAyD,OACzD,gEAAiE,UACjE,yDAA0D,QAC1D,uEAAwE,YACxE,mEAAoE,UACpE,kEAAmE,UACnE,mEAAoE,UACpE,mEAAoE,UACpE,kEAAmE,OACnE,iEAAkE,UAClE,8DAA+D,SACjE,EAEMC,EAAe,KAAK,kCAAkC,MAAM,QAAQ,KAAK,OAAS,CAAA,EAElFC,EAAS,CAAE,GAAGF,EAAU,GAAGC,CAAa,EAO9C,OAAO,OAAO,OALO,OAAO,OAAO,CACjC,OAAQ,CACN,OAAOE,EAAgB,IAA8B,CACvD,CACF,CAAC,EACkCD,CAAM,CAC3C,CAsCA,QAAS,CACP,IAAIE,EAMJ,IAJI,KAAK,2BAA2B,SAAW,KAAK,iCAAiC,WACnFA,EAAU,KAGP,KAAK,2BAA2B,OAAS,KAAK,iCAAiC,QAAU,KAAK,MAAO,CACxG,GAAI,KAAK,2BAA2B,QAAU,KAC5C,OAAOC,EAAc,CAAE,MAAO,KAAK,2BAA2B,KAAM,CAAC,EAChE,GAAI,KAAK,iCAAiC,QAAU,KACzD,OAAOA,EAAc,CAAE,MAAO,KAAK,iCAAiC,KAAM,CAAC,CAE/E,MACED,EAAU,GAGZ,OAAI,KAAK,eAAiB,qBACxBA,EAAUL;AAAAA;AAAAA,mBAEG,KAAK,OAAO;AAAA,0BACL,KAAK,cAAc;AAAA,sBACvB,KAAK,WAAW;AAAA,mBACnB,KAAK,OAAO;AAAA,kBACb,KAAK,MAAM;AAAA,sBACP,KAAK,UAAU;AAAA,uBACd,KAAK,WAAW;AAAA,gBACvB,KAAK,IAAI;AAAA,kBACP,KAAK,KAAK;AAAA,gCACKO,GAAiB,CACxC,GAAI,EAAEA,aAAiBC,GAA2B,OAClD,KAAM,CAAE,oBAAAC,CAAoB,EAAIF,EAAM,OACtC,KAAK,YAAcE,GAAuB,KAC1C,KAAK,aAAe,iBACtB,CAAC;AAAA,mCAEM,KAAK,eAAiB,oBAC/BJ,EAAUL;AAAAA;AAAAA;AAAAA,qBAGK,KAAK,OAAO;AAAA,oBACb,KAAK,MAAM;AAAA,oBACX,KAAK,MAAM;AAAA,yBACN,KAAK,WAAW;AAAA,kBACvB,KAAK,IAAI;AAAA,oBACP,KAAK,KAAK;AAAA;AAAA,SAInBA;AAAAA;AAAAA;AAAAA,YAGC,KAAK,aAAa,OAAO;AAAA;AAAA;AAAA,0CAGKK,CAAO;AAAA,QACzC,KAAK,2BAA2B;AAAA,KAEtC,CACF,CAzPahB,EACJ,QAAU,+BADNA,EA0JJ,OAAS,CACdqB,EACAC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAgCF,EAxLOC,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,CAHf,EAAAxB,EAIJ,UAGAuB,UAAAA,CAAAA,EAAAA,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,CAAA,EANfxB,EAOJ,UAAA,SAAA,CAAA,EAGAuB,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,CATf,EAAAxB,EAUJ,8BAGAuB,EAAA,CADNC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,CAZ9B,EAAAxB,EAaJ,UAGAuB,UAAAA,CAAAA,EAAAA,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,CAAA,EAffxB,EAgBJ,UAAA,QAAA,CAAA,EAGAuB,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,CAlBf,EAAAxB,EAmBJ,UAGAuB,gBAAAA,CAAAA,EAAAA,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,CAAA,EArBfxB,EAsBJ,UAAA,aAAA,CAAA,EAGAuB,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,CAAA,EAxBfxB,EAyBJ,UAAA,cAAA,CAAA,EAGAuB,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,CA3Bf,EAAAxB,EA4BJ,oBAGAuB,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,CAAA,EA9BfxB,EA+BJ,UAGAuB,OAAAA,CAAAA,EAAAA,EAAA,CADNC,EAAS,CAAE,KAAM,OAAQ,CAAC,GAjChBxB,EAkCJ,UAAA,QAAA,CAAA,EAEUuB,EAAA,CAAhBE,EAAM,CAAA,EApCIzB,EAoCM,UAAA,eAAA,CAAA,EACAuB,EAAA,CAAhBE,GArCU,EAAAzB,EAqCM,UACAuB,cAAAA,CAAAA,EAAAA,EAAA,CAAhBE,KAtCUzB,EAsCM,UAAA,SAAA,CAAA,EACAuB,EAAA,CAAhBE,EAAM,CAAA,EAvCIzB,EAuCM,UAAA,YAAA,CAAA,EAoNnB0B,EAAoB1B,CAA0B"}

package/dist/components/subscription-management.js

@@ -1,6 +1,6 @@
-import{f as h,g as r,t as p,h as g,y as d}from"../chunks/lit-qtGbjGnK.esm.js";import{D as f,f as y,h as w}from"../chunks/routes-OzJqNrBl.esm.js";import{c as S,d as v,A as c,e as b,b as C,_ as u}from"../chunks/localize-fH8KOrMi.esm.js";import{c as x}from"../chunks/events-Y8fYvSqM.esm.js";import{M as N}from"../chunks/beam-errors-P-Lu07Ce.esm.js";import"./redeem-transaction.js";import"./impact-overview.js";import"../utils/logger.js";import"../chunks/lodash-P8OIs-at.esm.js";import"../chunks/progress-bar-Sn2QspHy.esm.js";import"../chunks/promo-pill-label-j0A8qZ0c.esm.js";import"../chunks/vendor-jQ8cxMpw.esm.js";import"./beam-partner-logos.js";import"../chunks/loading-template-Av0IUyKF.esm.js";import"../utils/local-storage.js";import"../chunks/css-card-grid-7tObtoJx.esm.js";import"../chunks/shoelace-components-7Bz0cgFm.esm.js";import"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../chunks/responsive-aWj_7ZN_.esm.js";const I={en:{nonprofitSwapText:({brandName:i=""})=>`Support a new nonprofit with your next ${i} recurring order`},fr:{nonprofitSwapText:({brandName:i=""})=>`Soutenez une nouvelle organisation \xE0 but non lucratif avec votre prochaine commande r\xE9currente ${i}`},de:{nonprofitSwapText:({brandName:i=""})=>`Unterst\xFCtzen Sie eine neue gemeinn\xFCtzige Organisation mit Ihrer n\xE4chsten wiederkehrenden Bestellung bei ${i}`},es:{nonprofitSwapText:({brandName:i=""})=>`Apoye a una nueva organizaci\xF3n sin fines de lucro con su pr\xF3ximo pedido recurrente ${i}`},it:{nonprofitSwapText:({brandName:i=""})=>`Sostieni una nuova organizzazione non profit con il tuo prossimo ordine ricorrente ${i}`},pl:{nonprofitSwapText:({brandName:i=""})=>`Wesprzyj now\u0105 organizacj\u0119 non-profit przy kolejnym zam\xF3wieniu cyklicznym ${i}`}};var M=Object.defineProperty,$=Object.getOwnPropertyDescriptor,o=(i,t,n,a)=>{for(var s=a>1?void 0:a?$(t,n):t,l=i.length-1,m;l>=0;l--)(m=i[l])&&(s=(a?m(t,n,s):m(s))||s);return a&&s&&M(t,n,s),s};class e extends g{constructor(){super(...arguments),this.baseUrl=f,this.lang="en",this.debug=!1,this.activeWidget=null,this.nonprofitId=null,this.userId=null,this.chainName=null,this.subscriptionDataController=new c(this,this.fetchSubscription),this.eligibleNonprofitsDataController=new c(this,this.fetchEligibleNonprofits)}async firstUpdated(){if(!this.email&&!this.partnerUserId)throw new N(["email","partnerUserId"],"One of the following properties needs to be specified: email, partnerUserId ");b(["apiKey","subscriptionId"],this),await this.loadWidget()}async loadWidget(){await Promise.all([this.fetchEligibleNonprofits(),this.fetchSubscription()]),this.activeWidget=this.nonprofitId?"impact-overview":"redeem-transaction"}async fetchEligibleNonprofits(){b(["apiKey","subscriptionId"],this);const t=await y({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},requestBody:{storeId:this.storeId||void 0,postalCode:this.postalCode||void 0,countryCode:this.countryCode||void 0,widgetName:"subscription-management",version:"1.0.0"}});return this.chainName=t.chain.name,this.storeId=t.store.id,this.eligibleNonprofitsDataController.data=t,t}async fetchSubscription(){b(["apiKey","subscriptionId"],this);const t=await w({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},requestBody:{remoteSubscriptionId:this.subscriptionId,email:this.email,partnerUserId:this.partnerUserId}});return this.userId=t.beamUserId,this.nonprofitId=t.nonprofit?.id||null,t}handleSwapNonprofitButtonClick(){this.activeWidget="redeem-transaction"}renderSwapNonprofitButton(){return this.activeWidget==="impact-overview"?d`<button class="swap-nonprofit-button" @click="${this.handleSwapNonprofitButtonClick}">
-        ${I[this.lang].nonprofitSwapText({brandName:this.chainName||""})}
-      </button>`:""}get cssVariables(){const t={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"inherit","--beam-textColor":"inherit","--beam-backgroundColor":"inherit","--beam-SubscriptionManagement-widgetContainer-borderColor":"#d5d5d5","--beam-SubscriptionManagement-widgetContainer-borderRadius":"4px","--beam-SubscriptionManagement-widgetContainer-padding":"15px","--beam-SubscriptionManagement-widgetContainer-backgroundColor":"inherit","--beam-SubscriptionManagement-widgetContainer-maxWidth":"800px","--beam-SubscriptionManagement-swapNonprofitButtonText-textDecoration":"underline","--beam-SubscriptionManagement-swapNonprofitButtonText-fontFamily":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-fontStyle":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-fontWeight":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-lineHeight":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-marginTop":"10px","--beam-SubscriptionManagement-swapNonprofitButtonText-fontSize":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-color":"inherit"},n=this.eligibleNonprofitsDataController?.data?.config?.web?.theme||{},a={...t,...n};return Object.assign(Object.create({toCSS(){return C(this)}}),a)}render(){let t;if((this.subscriptionDataController.loading||this.eligibleNonprofitsDataController.loading)&&(t=""),(this.subscriptionDataController.error||this.eligibleNonprofitsDataController.error)&&this.debug){if(this.subscriptionDataController.error!==null)return u({error:this.subscriptionDataController.error});if(this.eligibleNonprofitsDataController.error!==null)return u({error:this.eligibleNonprofitsDataController.error})}else t="";return this.activeWidget==="redeem-transaction"?t=d` <beam-redeem-transaction
+import{f as h,g as r,t as p,h as g,y as d}from"../chunks/lit-qtGbjGnK.esm.js";import{D as f,f as y,W as S,h as w}from"../chunks/routes-3jKReDai.esm.js";import{c as v,d as C,A as c,e as b,b as x,_ as u}from"../chunks/localize-fH8KOrMi.esm.js";import{c as N}from"../chunks/events-Y8fYvSqM.esm.js";import{M as I}from"../chunks/beam-errors-P-Lu07Ce.esm.js";import"./redeem-transaction.js";import"./impact-overview.js";import"../utils/logger.js";import"../chunks/lodash-P8OIs-at.esm.js";import"../chunks/progress-bar-Sn2QspHy.esm.js";import"../chunks/promo-pill-label-j0A8qZ0c.esm.js";import"../chunks/vendor-jQ8cxMpw.esm.js";import"./beam-partner-logos.js";import"../chunks/loading-template-Av0IUyKF.esm.js";import"../utils/local-storage.js";import"../chunks/css-card-grid-7tObtoJx.esm.js";import"../chunks/shoelace-components-paAsUPkU.esm.js";import"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../chunks/responsive-aWj_7ZN_.esm.js";const M={en:{nonprofitSwapText:({brandName:i=""})=>`Support a new nonprofit with your next ${i} recurring order`},fr:{nonprofitSwapText:({brandName:i=""})=>`Soutenez une nouvelle organisation \xE0 but non lucratif avec votre prochaine commande r\xE9currente ${i}`},de:{nonprofitSwapText:({brandName:i=""})=>`Unterst\xFCtzen Sie eine neue gemeinn\xFCtzige Organisation mit Ihrer n\xE4chsten wiederkehrenden Bestellung bei ${i}`},es:{nonprofitSwapText:({brandName:i=""})=>`Apoye a una nueva organizaci\xF3n sin fines de lucro con su pr\xF3ximo pedido recurrente ${i}`},it:{nonprofitSwapText:({brandName:i=""})=>`Sostieni una nuova organizzazione non profit con il tuo prossimo ordine ricorrente ${i}`},pl:{nonprofitSwapText:({brandName:i=""})=>`Wesprzyj now\u0105 organizacj\u0119 non-profit przy kolejnym zam\xF3wieniu cyklicznym ${i}`}};var $=Object.defineProperty,B=Object.getOwnPropertyDescriptor,o=(i,t,n,a)=>{for(var s=a>1?void 0:a?B(t,n):t,l=i.length-1,m;l>=0;l--)(m=i[l])&&(s=(a?m(t,n,s):m(s))||s);return a&&s&&$(t,n,s),s};class e extends g{constructor(){super(...arguments),this.baseUrl=f,this.lang="en",this.debug=!1,this.activeWidget=null,this.nonprofitId=null,this.userId=null,this.chainName=null,this.subscriptionDataController=new c(this,this.fetchSubscription),this.eligibleNonprofitsDataController=new c(this,this.fetchEligibleNonprofits)}async firstUpdated(){if(!this.email&&!this.partnerUserId)throw new I(["email","partnerUserId"],"One of the following properties needs to be specified: email, partnerUserId ");b(["apiKey","subscriptionId"],this),await this.loadWidget()}async loadWidget(){await Promise.all([this.fetchEligibleNonprofits(),this.fetchSubscription()]),this.activeWidget=this.nonprofitId?"impact-overview":"redeem-transaction"}async fetchEligibleNonprofits(){b(["apiKey","subscriptionId"],this);const t=await y({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},requestBody:{storeId:this.storeId||void 0,postalCode:this.postalCode||void 0,countryCode:this.countryCode||void 0,widgetName:S.subscription_management,version:"1.0.0"}});return this.chainName=t.chain.name,this.storeId=t.store.id,this.eligibleNonprofitsDataController.data=t,t}async fetchSubscription(){b(["apiKey","subscriptionId"],this);const t=await w({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},requestBody:{remoteSubscriptionId:this.subscriptionId,email:this.email,partnerUserId:this.partnerUserId}});return this.userId=t.beamUserId,this.nonprofitId=t.nonprofit?.id||null,t}handleSwapNonprofitButtonClick(){this.activeWidget="redeem-transaction"}renderSwapNonprofitButton(){return this.activeWidget==="impact-overview"?d`<button class="swap-nonprofit-button" @click="${this.handleSwapNonprofitButtonClick}">
+        ${M[this.lang].nonprofitSwapText({brandName:this.chainName||""})}
+      </button>`:""}get cssVariables(){const t={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"inherit","--beam-textColor":"inherit","--beam-backgroundColor":"inherit","--beam-SubscriptionManagement-widgetContainer-borderColor":"#d5d5d5","--beam-SubscriptionManagement-widgetContainer-borderRadius":"4px","--beam-SubscriptionManagement-widgetContainer-padding":"15px","--beam-SubscriptionManagement-widgetContainer-backgroundColor":"inherit","--beam-SubscriptionManagement-widgetContainer-maxWidth":"800px","--beam-SubscriptionManagement-swapNonprofitButtonText-textDecoration":"underline","--beam-SubscriptionManagement-swapNonprofitButtonText-fontFamily":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-fontStyle":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-fontWeight":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-lineHeight":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-marginTop":"10px","--beam-SubscriptionManagement-swapNonprofitButtonText-fontSize":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-color":"inherit"},n=this.eligibleNonprofitsDataController?.data?.config?.web?.theme||{},a={...t,...n};return Object.assign(Object.create({toCSS(){return x(this)}}),a)}render(){let t;if((this.subscriptionDataController.loading||this.eligibleNonprofitsDataController.loading)&&(t=""),(this.subscriptionDataController.error||this.eligibleNonprofitsDataController.error)&&this.debug){if(this.subscriptionDataController.error!==null)return u({error:this.subscriptionDataController.error});if(this.eligibleNonprofitsDataController.error!==null)return u({error:this.eligibleNonprofitsDataController.error})}else t="";return this.activeWidget==="redeem-transaction"?t=d` <beam-redeem-transaction
         part="redeem-transaction"
         storeId="${this.storeId}"
         subscriptionId="${this.subscriptionId}"
@@ -11,7 +11,7 @@ import{f as h,g as r,t as p,h as g,y as d}from"../chunks/lit-qtGbjGnK.esm.js";im
         countryCode="${this.countryCode}"
         lang="${this.lang}"
         ?debug="${this.debug}"
-        @beamnonprofitselect="${n=>{if(!(n instanceof x))return;const{selectedNonprofitId:a}=n.detail;this.nonprofitId=a??null,this.activeWidget="impact-overview"}}"
+        @beamnonprofitselect="${n=>{if(!(n instanceof N))return;const{selectedNonprofitId:a}=n.detail;this.nonprofitId=a??null,this.activeWidget="impact-overview"}}"
       ></beam-redeem-transaction>`:this.activeWidget==="impact-overview"&&(t=d`
         <beam-impact-overview
           part="impact-overview"
@@ -30,7 +30,7 @@ import{f as h,g as r,t as p,h as g,y as d}from"../chunks/lit-qtGbjGnK.esm.js";im
       </style>
       <div class="sub-widget-container">${t}</div>
       ${this.renderSwapNonprofitButton()}
-    `}}e.tagName="beam-subscription-management",e.styles=[S,h`
+    `}}e.tagName="beam-subscription-management",e.styles=[v,h`
       :host {
         display: block;
         font-family: var(--beam-fontFamily);
@@ -61,5 +61,5 @@ import{f as h,g as r,t as p,h as g,y as d}from"../chunks/lit-qtGbjGnK.esm.js";im
         padding: var(--beam-SubscriptionManagement-widgetContainer-padding, 15px);
         max-width: var(--beam-SubscriptionManagement-widgetContainer-maxWidth, 800px);
       }
-    }`],o([r({type:String})],e.prototype,"baseUrl",2),o([r({type:String})],e.prototype,"apiKey",2),o([r({type:String})],e.prototype,"subscriptionId",2),o([r({type:Number,reflect:!0})],e.prototype,"storeId",2),o([r({type:String})],e.prototype,"email",2),o([r({type:String})],e.prototype,"partnerUserId",2),o([r({type:String})],e.prototype,"postalCode",2),o([r({type:String})],e.prototype,"countryCode",2),o([r({type:String})],e.prototype,"lang",2),o([r({type:Object})],e.prototype,"cart",2),o([r({type:Boolean})],e.prototype,"debug",2),o([p()],e.prototype,"activeWidget",2),o([p()],e.prototype,"nonprofitId",2),o([p()],e.prototype,"userId",2),o([p()],e.prototype,"chainName",2),v(e);export{e as BeamSubscriptionManagement};
+    }`],o([r({type:String})],e.prototype,"baseUrl",2),o([r({type:String})],e.prototype,"apiKey",2),o([r({type:String})],e.prototype,"subscriptionId",2),o([r({type:Number,reflect:!0})],e.prototype,"storeId",2),o([r({type:String})],e.prototype,"email",2),o([r({type:String})],e.prototype,"partnerUserId",2),o([r({type:String})],e.prototype,"postalCode",2),o([r({type:String})],e.prototype,"countryCode",2),o([r({type:String})],e.prototype,"lang",2),o([r({type:Object})],e.prototype,"cart",2),o([r({type:Boolean})],e.prototype,"debug",2),o([p()],e.prototype,"activeWidget",2),o([p()],e.prototype,"nonprofitId",2),o([p()],e.prototype,"userId",2),o([p()],e.prototype,"chainName",2),C(e);export{e as BeamSubscriptionManagement};
 //# sourceMappingURL=subscription-management.js.map