@beamimpact/web-sdk 1.54.5 → 1.55.0

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      }\n\n      .notification-blip {\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\n      class=\"notification-blip-container\"\n      part=\"notification-blip-container\"\n      aria-label=\"Notification Blip\"\n    >\n      <span class=\"notification-blip\" part=\"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}% will be donated for you.`,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `At no extra cost, select a nonprofit and ${donationPercentage}% will be donated for you.`,\n    inlineSeparator: () => `: `,\n  },\n  fr: {\n    beamAttribution: () => `Optimisé par Beam`,\n    ctaTitle: () => `Choisissez votre cause`,\n    ctaPromoPrefixMessage: () => `Sans frais supplémentaires,`,\n    ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `sélectionnez une association et ${donationPercentage} % sera reversé en votre nom.`,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `Sans frais supplémentaires, choisissez une association et ${donationPercentage} % de votre commande sera reversé en votre nom.`,\n    inlineSeparator: () => ` : `,\n  },\n  de: {\n    beamAttribution: () => `Unterstützt von Beam`,\n    ctaTitle: () => `Wähle deine Wirkung`,\n    ctaPromoPrefixMessage: () => `Ohne zusätzliche Kosten,`,\n    ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `wähle eine Organisation und ${donationPercentage}% deines Einkaufs werden gespendet.`,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `Ohne zusätzliche Kosten kannst du eine gemeinnützige Organisation auswählen und ${donationPercentage}% deiner Bestellung werden gespendet.`,\n    inlineSeparator: () => `: `,\n  },\n  es: {\n    beamAttribution: () => `Ofrecido por Beam`,\n    ctaTitle: () => `Elige tu impacto`,\n    ctaPromoPrefixMessage: () => `Sin coste adicional,`,\n    ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `elige una organización y donaremos el ${donationPercentage}% en tu nombre.`,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `Sin coste adicional, elige una organización sin fines de lucro y donaremos el ${donationPercentage}% de tu compra en tu nombre.`,\n    inlineSeparator: () => `: `,\n  },\n  it: {\n    beamAttribution: () => `Gestito da Beam`,\n    ctaTitle: () => `Scegli il tuo impatto`,\n    ctaPromoPrefixMessage: () => `Senza costi aggiuntivi,`,\n    ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `scegli un'organizzazione e doneremo l’${donationPercentage}% per te.`,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `Senza costi aggiuntivi, seleziona un'organizzazione no-profit e doneremo l’${donationPercentage}% del tuo acquisto per te.`,\n    inlineSeparator: () => `: `,\n  },\n  pl: {\n    beamAttribution: () => `Obsługiwane przez Beam`,\n    ctaTitle: () => `Wybierz swój wpływ`,\n    ctaPromoPrefixMessage: () => `Bez dodatkowych kosztów,`,\n    ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `wybierz organizację, a ${donationPercentage}% zostanie przekazane w Twoim imieniu.`,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `Bez dodatkowych kosztów wybierz organizację, której przekażemy ${donationPercentage}% wartości Twojego zamówienia w Twoim imieniu.`,\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 { state } from \"lit/decorators/state.js\";\nimport debounce from \"lodash-es/debounce\";\nimport { classMap } from \"lit/directives/class-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 {\n  BeamCartChangeEvent,\n  BeamNonprofitSelectEvent,\n  BeamNonprofitSelectionRemovedEvent,\n  BeamPromoCodesStoredEvent,\n  BeamWidgetInitialNonprofitSyncEvent,\n  BeamWidgetInitialNonprofitSyncCancelEvent,\n  BeamWidgetStoredPromoCodesEvent,\n} from \"../../utils/events\";\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 { getBeamCartId, getExternalCartId } from \"../../utils/cart\";\nimport {\n  getPromoCodesFromCart,\n  setPromoCodeInCookie,\n  parseJsonStringArray,\n  formatStoreAndReturnPromoCodes,\n  setPromoCodesInLocalStorage,\n  isEmptyPromoData,\n} from \"../../utils/promoManager\";\nimport { strings } from \"./strings\";\n\ntype IAPIV3PostChainEligibleNonprofitsForCart = Awaited<ReturnType<typeof postChainEligibleNonprofitsForCart>>;\ninterface RequiredConfig {\n  apiKey: string;\n  storeId: TNumericId; // Can be set async by postalCode + countryCode lookup\n}\n\nlet didHandleInitialNonprofitSync = false;\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  @property({ type: Boolean }) public draftConfig = false;\n\n  @property({ type: String }) public promoCodes?: string;\n\n  @property({ type: String }) public domain?: string;\n\n  @state() private isMobile = window.innerWidth < 768;\n\n  private enableNonprofitDeselection = false;\n\n  private selectionId?: string;\n\n  private didTryToCreateNewSelectionFromCache = false; // Should only create selection once\n  @state() private pluginPromoCodes: string[] = [];\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  get parsedPromoCodes(): string[] {\n    return parseJsonStringArray(this.promoCodes);\n  }\n\n  private handlePromoCodesStored = (evt: BeamPromoCodesStoredEvent) => {\n    const promoCodesFromPlugin = (evt.detail.promoCodes?.unvalidatedPromoCodes ?? [])\n      .map((c) => c.attributes?.value ?? c.attributes?.url ?? \"\")\n      .sort();\n\n    this.pluginPromoCodes = promoCodesFromPlugin;\n  };\n\n  private getManualPromoCodes(): string[] {\n    // Priority 1: Widget passed discount codes\n    if (this.parsedPromoCodes && this.parsedPromoCodes.length > 0) {\n      return this.parsedPromoCodes;\n    }\n\n    // Priority 2: Cart fallback\n    const cart = this.localStorage.getItemJson<TBeamCartLocalStorage>(\"cart\");\n    return cart ? getPromoCodesFromCart(cart) : [];\n  }\n\n  private async handleValidatedPromoCodes(response: IAPIV3PostChainEligibleNonprofitsForCart) {\n    if (response.promos?.validatedPromoCodes) {\n      await Promise.all([\n        setPromoCodesInLocalStorage({\n          apiKey: this.apiKey,\n          promoCodes: { validatedPromoCodes: response.promos.validatedPromoCodes, unvalidatedPromoCodes: [] },\n        }),\n        setPromoCodeInCookie({\n          validatedPromoCodes: response.promos.validatedPromoCodes,\n          domain: this.domain,\n        }),\n      ]);\n      this.dispatchEvent(\n        new BeamWidgetStoredPromoCodesEvent({\n          source: WIDGET_NAMES.select_nonprofit,\n        })\n      );\n    }\n  }\n\n  private getChainNonprofits = async () => {\n    // logger.debug(\"[select-nonprofit][getChainNonprofits]\");\n    if (!enforceConfig<RequiredConfig>([\"apiKey\"], this)) {\n      throw new MissingConfig();\n    }\n    const beamCartId = getBeamCartId(BEAM_CART_COOKIE_NAME, { apiKey: this.apiKey });\n    const cartId = getExternalCartId(\"cart\", { apiKey: this.apiKey });\n\n    const cart: any = this.cart?.content\n      ? {\n          schema: this.cart?.schema,\n          content: this.cart?.content,\n        }\n      : undefined;\n\n    const manualPromoCodes = this.getManualPromoCodes();\n    const formattedPromos = formatStoreAndReturnPromoCodes(\n      manualPromoCodes.map((code) => ({ value: code })),\n      this.apiKey\n    );\n    const shouldSendPromos = formattedPromos && !isEmptyPromoData(formattedPromos);\n\n    if (shouldSendPromos) {\n      this.dispatchEvent(\n        new BeamWidgetStoredPromoCodesEvent({\n          source: WIDGET_NAMES.select_nonprofit,\n        })\n      );\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        beamCartId: beamCartId ? beamCartId : undefined,\n        cartId: cartId ? cartId : undefined,\n        version: \"1.0.0\",\n        lang: this.configLang,\n        ...(shouldSendPromos && { promos: formattedPromos }),\n        options: {\n          config: {\n            draftConfig: this.draftConfig,\n          },\n        },\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    this.handleValidatedPromoCodes(res);\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\n    const cartId = getExternalCartId(\"cart\", { apiKey: this.apiKey });\n    const beamCartId = getBeamCartId(BEAM_CART_COOKIE_NAME, { apiKey: this.apiKey });\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: cartId ? cartId : undefined,\n        beamCartId: beamCartId ? beamCartId : undefined,\n        creationMethod: \"cart\",\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 === null)\n      this.dispatchEvent(\n        new BeamNonprofitSelectionRemovedEvent({\n          newNonprofitId: null,\n          selectionId: this.selectionId,\n        })\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  private handleInitialNonprofitSync = (evt: BeamWidgetInitialNonprofitSyncEvent) => {\n    if (didHandleInitialNonprofitSync) return;\n    const { nonprofitId, selectionId } = evt.detail;\n    const nonprofitChanged = nonprofitId !== undefined && this.selectedNonprofitId !== nonprofitId;\n    const selectionChanged = selectionId !== undefined && this.selectionId !== selectionId;\n\n    if (nonprofitChanged || selectionChanged) {\n      if (nonprofitChanged) {\n        this.selectedNonprofitId = nonprofitId;\n      }\n      if (selectionChanged) {\n        this.selectionId = selectionId;\n      }\n\n      this.requestUpdate();\n\n      didHandleInitialNonprofitSync = true;\n      window.removeEventListener(\n        BeamWidgetInitialNonprofitSyncEvent.eventName,\n        this.handleInitialNonprofitSync as EventListener\n      );\n    }\n  };\n\n  async connectedCallback() {\n    // logger.debug(\"[select-nonprofit][connectedCallback]\");\n    super.connectedCallback();\n    window.addEventListener(\n      BeamWidgetInitialNonprofitSyncEvent.eventName,\n      this.handleInitialNonprofitSync as EventListener\n    );\n    this.nonprofitListDataController.loading = true;\n    window.addEventListener(BeamCartChangeEvent.eventName, this.handleCartChange as EventListener);\n    window.addEventListener(\"resize\", this.evaluateBreakPoints);\n  }\n\n  async firstUpdated() {\n    await this.restoreStateFromCache();\n    window.addEventListener(BeamPromoCodesStoredEvent.eventName, this.handlePromoCodesStored as EventListener);\n  }\n\n  async updated(changedProperties: PropertyValues) {\n    // logger.debug(\"[select-nonprofit][updated] changedProperties\", changedProperties);\n\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 = [\n      \"baseUrl\",\n      \"storeId\",\n      \"apiKey\",\n      \"countryCode\",\n      \"postalCode\",\n      \"cart\",\n      \"lang\",\n      \"promoCodes\",\n      \"pluginPromoCodes\",\n    ];\n    void this.pluginPromoCodes;\n    for (const prop of requireNewDataProps) {\n      if (changedProperties.has(prop)) {\n        // logger.debug(\n        //   \"[select-nonprofit][updated] triggering new load from prop change\",\n        //   prop,\n        //   changedProperties.get(prop)\n        // );\n        await this.nonprofitListDataController.exec();\n        break;\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener(BeamCartChangeEvent.eventName, this.handleCartChange as EventListener);\n    window.removeEventListener(\"resize\", this.evaluateBreakPoints);\n    window.removeEventListener(BeamPromoCodesStoredEvent.eventName, this.handlePromoCodesStored as EventListener);\n    super.disconnectedCallback();\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 && this.nonprofitListDataController.loading) {\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    } 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            this.localStorage.setItem(\"nonprofit\", null);\n          } else {\n            return;\n          }\n        } else {\n          this.selectedNonprofitId = id;\n        }\n      }\n\n      /**\n       * If we're making a specific selection, there's no need to sync from\n       * an existing cart property, so cancel that sync because it's just going to\n       * cause this component's state to get out of sync with the Beam backend\n       */\n      this.dispatchEvent(new BeamWidgetInitialNonprofitSyncCancelEvent({}));\n      window.removeEventListener(\n        BeamWidgetInitialNonprofitSyncEvent.eventName,\n        this.handleInitialNonprofitSync as EventListener\n      );\n\n      await this.selectionDataController.exec({ selectedNonprofitId: this.selectedNonprofitId });\n    };\n\n  evaluateBreakPoints = debounce(\n    () => {\n      this.isMobile = window.innerWidth < 768;\n    },\n    50,\n    { maxWait: 50, leading: true }\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      \"--beam-SelectNonprofit-details-padding\": \"10px\",\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      \"--beam-SelectNonprofit-promo-block-header-justifyContent\": \"initial\",\n      \"--beam-SelectNonprofit-notification-blip-top\": \"4px\",\n      \"--beam-SelectNonprofit-notification-blip-left\": \"50%\",\n      \"--beam-SelectNonprofit-display-notification-blip\": \"true\",\n      \"--beam-SelectNonprofit-enable-inline-header\": \"false\",\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        justify-content: var(--beam-SelectNonprofit-promo-block-header-justifyContent);\n      }\n\n      .block-header-promo-pill-container-responsive {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n      .block-header-promo-pill-center-block-container-responsive {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n      }\n      .block-header-promo-pill-container-responsive beam-promo-info-pill {\n        order: -1;\n      }\n      .block-header-promo-pill-center-block-container-responsive beam-promo-info-pill {\n        order: -1;\n      }\n      .option {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n      beam-notification-blip::part(notification-blip-container) {\n        position: absolute;\n        top: var(--beam-SelectNonprofit-notification-blip-top);\n        left: var(--beam-SelectNonprofit-notification-blip-left);\n      }\n    `,\n  ];\n\n  protected render() {\n    const { selectedNonprofitId } = this;\n    const { data, loading } = this.nonprofitListDataController;\n\n    if (loading && !data) {\n      return _loading();\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\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((np) => !np.promo || !np.promo.isActive);\n    const getCssVar = (key: string) => this.cssVariables[key];\n    const shouldDisplayPromoBlip = getCssVar(\"--beam-SelectNonprofit-display-notification-blip\") === \"true\";\n    const isTitleTextCenterAligned = getCssVar(\"--beam-SelectNonprofit-title-textAlign\") === \"center\";\n    const shouldDisplayInlineHeader =\n      getCssVar(\"--beam-SelectNonprofit-enable-inline-header\") === \"true\" || this.isMobile;\n\n    const defaultHeader = html`<h3\n      class=${classMap({\n        \"title-block\": true,\n        \"d-none\": true,\n        \"d-block\": !shouldDisplayInlineHeader,\n      })}\n      part=\"title\"\n      id=\"beam-SelectNonprofit-title\"\n    >\n      ${localizeUserString(this.configLang, data?.config?.web?.title || \"\") || strings[this.configLang].ctaTitle()}\n    </h3>`;\n\n    const renderPromoHeaderContent = () => {\n      const classes = classMap({\n        \"block-header-promo-pill-container\": !shouldDisplayInlineHeader && !isTitleTextCenterAligned,\n        \"block-header-promo-pill-container-responsive\": shouldDisplayInlineHeader && !isTitleTextCenterAligned,\n        \"block-header-promo-pill-center-block-container-responsive\":\n          !shouldDisplayInlineHeader && isTitleTextCenterAligned,\n      });\n\n      const styles = styleMap({\n        display: shouldDisplayInlineHeader ? \"flex\" : undefined,\n      });\n\n      return shouldUseNewPromoUI\n        ? html`<div class=${classes} style=${styles}>\n            ${defaultHeader}\n            <beam-promo-info-pill .promo=${data?.config?.web?.promo}></beam-promo-info-pill>\n          </div>`\n        : defaultHeader;\n    };\n\n    const renderHeader = () => {\n      return html`\n      <div part=\"heading\">\n          ${renderPromoHeaderContent()}\n          <p class=\"description\" part=\"description\">\n            <span class=${classMap({\n              \"d-none\": true,\n              \"d-inline\": !shouldDisplayInlineHeader,\n            })}>\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=${classMap({\n              \"d-none\": !shouldDisplayInlineHeader,\n              \"header-inline\": true,\n            })}>\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    };\n\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n      ${renderHeader()}\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 =\n              promo?.isActive && data?.config.web.promo && hasNonprofitWithInactivePromo && shouldDisplayPromoBlip;\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                  position: \"relative\",\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                        vertical-align: -webkit-baseline-middle;\n                    \"\n                />\n                ${shouldAddPromoBlip ? html`<beam-notification-blip></beam-notification-blip>` : html``}\n              </div>\n            `;\n          }\n        )}\n      </div>\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: var(--beam-SelectNonprofit-details-padding);\n              margin-top: var(--beam-SelectNonprofit-details-marginTop);\n            \"\n              aria-label=\"Funding information for selected nonprofit ${selectedNonprofit.nonprofit\n                ?.name}. Powered by Beam\"\n            >\n              <div style=\"display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap-reverse\">\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                <div aria-hidden=\"true\">\n                  <span\n                    class=\"details-beamAttribution\"\n                    aria-hidden=\"true\"\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              </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\ndefineCustomElement(BeamSelectNonprofit);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-select-nonprofit\": BeamSelectNonprofit;\n  }\n}\n"],"names":["BeamNotificationBlip","LitElement","css","html","notificationBlipConfigDefaults","strings","donationPercentage","didHandleInitialNonprofitSync","BeamSelectNonprofit","DEFAULT_BASE_URL","evt","promoCodesFromPlugin","c","enforceConfig","beamCartId","getBeamCartId","BEAM_CART_COOKIE_NAME","cartId","getExternalCartId","cart","manualPromoCodes","formattedPromos","formatStoreAndReturnPromoCodes","code","shouldSendPromos","isEmptyPromoData","BeamWidgetStoredPromoCodesEvent","WIDGET_NAMES","res","postChainEligibleNonprofitsForCart","np","selectedNonprofitId","result","postSelectNonprofit","selectedNonprofit","BeamNonprofitSelectEvent","BeamNonprofitSelectionRemovedEvent","AsyncController","createScopedLocalStorage","nonprofitId","selectionId","nonprofitChanged","selectionChanged","BeamWidgetInitialNonprofitSyncEvent","id","index","nonprofits","currentId","nextFocus","focusTarget","BeamWidgetInitialNonprofitSyncCancelEvent","debounce","SUPPORTED_LANGUAGES","parseJsonStringArray","getPromoCodesFromCart","response","setPromoCodesInLocalStorage","setPromoCodeInCookie","BeamCartChangeEvent","BeamPromoCodesStoredEvent","changedProperties","requireNewDataProps","prop","currentTimestamp","selectionTtl","selectionCreatedAt","isSelectionExpired","createdAt","data","cacheTtl","err","logger","defaults","progressBarConfigDefaults","defineCustomText","promoPillLabelConfigDefaults","remoteConfig","config","_cssVariableMap","loading","_loading","_errorMessage","shouldUseNewPromoUI","hasNonprofitWithInactivePromo","getCssVar","key","shouldDisplayPromoBlip","isTitleTextCenterAligned","shouldDisplayInlineHeader","defaultHeader","classMap","localizeUserString","renderPromoHeaderContent","classes","styles","styleMap","renderHeader","repeat","i","nonprofit","promo","isSelected","isFocusable","shouldAddPromoBlip","useCustomText","unsafeHTML","cssReset","cssResponsiveUtils","__decorateClass","property","a","b","isEqual","state","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      }\n\n      .notification-blip {\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\n      class=\"notification-blip-container\"\n      part=\"notification-blip-container\"\n      aria-label=\"Notification Blip\"\n    >\n      <span class=\"notification-blip\" part=\"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}% will be donated for you.`,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `At no extra cost, select a nonprofit and ${donationPercentage}% will be donated for you.`,\n    inlineSeparator: () => `: `,\n  },\n  fr: {\n    beamAttribution: () => `Optimisé par Beam`,\n    ctaTitle: () => `Choisissez votre cause`,\n    ctaPromoPrefixMessage: () => `Sans frais supplémentaires,`,\n    ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `sélectionnez une association et ${donationPercentage} % sera reversé en votre nom.`,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `Sans frais supplémentaires, choisissez une association et ${donationPercentage} % de votre commande sera reversé en votre nom.`,\n    inlineSeparator: () => ` : `,\n  },\n  de: {\n    beamAttribution: () => `Unterstützt von Beam`,\n    ctaTitle: () => `Wähle deine Wirkung`,\n    ctaPromoPrefixMessage: () => `Ohne zusätzliche Kosten,`,\n    ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `wähle eine Organisation und ${donationPercentage}% deines Einkaufs werden gespendet.`,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `Ohne zusätzliche Kosten kannst du eine gemeinnützige Organisation auswählen und ${donationPercentage}% deiner Bestellung werden gespendet.`,\n    inlineSeparator: () => `: `,\n  },\n  es: {\n    beamAttribution: () => `Ofrecido por Beam`,\n    ctaTitle: () => `Elige tu impacto`,\n    ctaPromoPrefixMessage: () => `Sin coste adicional,`,\n    ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `elige una organización y donaremos el ${donationPercentage}% en tu nombre.`,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `Sin coste adicional, elige una organización sin fines de lucro y donaremos el ${donationPercentage}% de tu compra en tu nombre.`,\n    inlineSeparator: () => `: `,\n  },\n  it: {\n    beamAttribution: () => `Gestito da Beam`,\n    ctaTitle: () => `Scegli il tuo impatto`,\n    ctaPromoPrefixMessage: () => `Senza costi aggiuntivi,`,\n    ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `scegli un'organizzazione e doneremo l’${donationPercentage}% per te.`,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `Senza costi aggiuntivi, seleziona un'organizzazione no-profit e doneremo l’${donationPercentage}% del tuo acquisto per te.`,\n    inlineSeparator: () => `: `,\n  },\n  pl: {\n    beamAttribution: () => `Obsługiwane przez Beam`,\n    ctaTitle: () => `Wybierz swój wpływ`,\n    ctaPromoPrefixMessage: () => `Bez dodatkowych kosztów,`,\n    ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `wybierz organizację, a ${donationPercentage}% zostanie przekazane w Twoim imieniu.`,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `Bez dodatkowych kosztów wybierz organizację, której przekażemy ${donationPercentage}% wartości Twojego zamówienia w Twoim imieniu.`,\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 { state } from \"lit/decorators/state.js\";\nimport debounce from \"lodash-es/debounce\";\nimport { classMap } from \"lit/directives/class-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 {\n  BeamCartChangeEvent,\n  BeamNonprofitSelectEvent,\n  BeamNonprofitSelectionRemovedEvent,\n  BeamPromoCodesStoredEvent,\n  BeamWidgetInitialNonprofitSyncEvent,\n  BeamWidgetInitialNonprofitSyncCancelEvent,\n  BeamWidgetStoredPromoCodesEvent,\n} from \"../../utils/events\";\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 { getBeamCartId, getExternalCartId } from \"../../utils/cart\";\nimport {\n  getPromoCodesFromCart,\n  setPromoCodeInCookie,\n  parseJsonStringArray,\n  formatStoreAndReturnPromoCodes,\n  setPromoCodesInLocalStorage,\n  isEmptyPromoData,\n} from \"../../utils/promoManager\";\nimport { strings } from \"./strings\";\n\ntype IAPIV3PostChainEligibleNonprofitsForCart = Awaited<ReturnType<typeof postChainEligibleNonprofitsForCart>>;\ninterface RequiredConfig {\n  apiKey: string;\n  storeId: TNumericId; // Can be set async by postalCode + countryCode lookup\n}\n\nlet didHandleInitialNonprofitSync = false;\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  @property({ type: Boolean }) public draftConfig = false;\n\n  @property({ type: String }) public promoCodes?: string;\n\n  @property({ type: String }) public domain?: string;\n\n  @state() private isMobile = window.innerWidth < 768;\n\n  private enableNonprofitDeselection = false;\n\n  private selectionId?: string;\n\n  private didTryToCreateNewSelectionFromCache = false; // Should only create selection once\n  @state() private pluginPromoCodes: string[] = [];\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  get parsedPromoCodes(): string[] {\n    return parseJsonStringArray(this.promoCodes);\n  }\n\n  private handlePromoCodesStored = (evt: BeamPromoCodesStoredEvent) => {\n    const promoCodesFromPlugin = (evt.detail.promoCodes?.unvalidatedPromoCodes ?? [])\n      .map((c) => c.attributes?.value ?? c.attributes?.url ?? \"\")\n      .sort();\n\n    this.pluginPromoCodes = promoCodesFromPlugin;\n  };\n\n  private getManualPromoCodes(): string[] {\n    // Priority 1: Widget passed discount codes\n    if (this.parsedPromoCodes && this.parsedPromoCodes.length > 0) {\n      return this.parsedPromoCodes;\n    }\n\n    // Priority 2: Cart fallback\n    const cart = this.localStorage.getItemJson<TBeamCartLocalStorage>(\"cart\");\n    return cart ? getPromoCodesFromCart(cart) : [];\n  }\n\n  private async handleValidatedPromoCodes(response: IAPIV3PostChainEligibleNonprofitsForCart) {\n    if (response.promos?.validatedPromoCodes) {\n      await Promise.all([\n        setPromoCodesInLocalStorage({\n          apiKey: this.apiKey,\n          promoCodes: { validatedPromoCodes: response.promos.validatedPromoCodes, unvalidatedPromoCodes: [] },\n        }),\n        setPromoCodeInCookie({\n          validatedPromoCodes: response.promos.validatedPromoCodes,\n          domain: this.domain,\n        }),\n      ]);\n      this.dispatchEvent(\n        new BeamWidgetStoredPromoCodesEvent({\n          source: WIDGET_NAMES.select_nonprofit,\n        })\n      );\n    }\n  }\n\n  private getChainNonprofits = async () => {\n    // logger.debug(\"[select-nonprofit][getChainNonprofits]\");\n    if (!enforceConfig<RequiredConfig>([\"apiKey\"], this)) {\n      throw new MissingConfig();\n    }\n    const beamCartId = getBeamCartId(BEAM_CART_COOKIE_NAME, { apiKey: this.apiKey });\n    const cartId = getExternalCartId(\"cart\", { apiKey: this.apiKey });\n\n    const cart: any = this.cart?.content\n      ? {\n          schema: this.cart?.schema,\n          content: this.cart?.content,\n        }\n      : undefined;\n\n    const manualPromoCodes = this.getManualPromoCodes();\n    const formattedPromos = formatStoreAndReturnPromoCodes(\n      manualPromoCodes.map((code) => ({ value: code })),\n      this.apiKey\n    );\n    const shouldSendPromos = formattedPromos && !isEmptyPromoData(formattedPromos);\n\n    if (shouldSendPromos) {\n      this.dispatchEvent(\n        new BeamWidgetStoredPromoCodesEvent({\n          source: WIDGET_NAMES.select_nonprofit,\n        })\n      );\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        beamCartId: beamCartId ? beamCartId : undefined,\n        cartId: cartId ? cartId : undefined,\n        version: \"1.0.0\",\n        lang: this.configLang,\n        ...(shouldSendPromos && { promos: formattedPromos }),\n        options: {\n          config: {\n            draftConfig: this.draftConfig,\n          },\n        },\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    this.handleValidatedPromoCodes(res);\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\n    const cartId = getExternalCartId(\"cart\", { apiKey: this.apiKey });\n    const beamCartId = getBeamCartId(BEAM_CART_COOKIE_NAME, { apiKey: this.apiKey });\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: cartId ? cartId : undefined,\n        beamCartId: beamCartId ? beamCartId : undefined,\n        creationMethod: \"cart\",\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 === null)\n      this.dispatchEvent(\n        new BeamNonprofitSelectionRemovedEvent({\n          newNonprofitId: null,\n          selectionId: this.selectionId,\n        })\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  private handleNonprofitSelect = (evt: BeamNonprofitSelectEvent) => {\n    const { selectionId, selectedNonprofitId } = evt.detail;\n    if (selectedNonprofitId === this.selectedNonprofitId) {\n      return;\n    }\n\n    // If there's multiple instances of this component on the page,\n    // and a selection is made from a different instance,\n    // we need to update this instance's internal metadata\n    this.selectionId = selectionId;\n    this.selectedNonprofitId = selectedNonprofitId ?? null;\n  };\n\n  private handleInitialNonprofitSync = (evt: BeamWidgetInitialNonprofitSyncEvent) => {\n    if (didHandleInitialNonprofitSync) return;\n    const { nonprofitId, selectionId } = evt.detail;\n    const nonprofitChanged = nonprofitId !== undefined && this.selectedNonprofitId !== nonprofitId;\n    const selectionChanged = selectionId !== undefined && this.selectionId !== selectionId;\n\n    if (nonprofitChanged || selectionChanged) {\n      if (nonprofitChanged) {\n        this.selectedNonprofitId = nonprofitId;\n      }\n      if (selectionChanged) {\n        this.selectionId = selectionId;\n      }\n\n      this.requestUpdate();\n\n      didHandleInitialNonprofitSync = true;\n      window.removeEventListener(\n        BeamWidgetInitialNonprofitSyncEvent.eventName,\n        this.handleInitialNonprofitSync as EventListener\n      );\n    }\n  };\n\n  async connectedCallback() {\n    // logger.debug(\"[select-nonprofit][connectedCallback]\");\n    super.connectedCallback();\n    window.addEventListener(\n      BeamWidgetInitialNonprofitSyncEvent.eventName,\n      this.handleInitialNonprofitSync as EventListener\n    );\n    window.addEventListener(BeamNonprofitSelectEvent.eventName, this.handleNonprofitSelect as EventListener);\n    this.nonprofitListDataController.loading = true;\n    window.addEventListener(BeamCartChangeEvent.eventName, this.handleCartChange as EventListener);\n    window.addEventListener(\"resize\", this.evaluateBreakPoints);\n  }\n\n  async firstUpdated() {\n    await this.restoreStateFromCache();\n    window.addEventListener(BeamPromoCodesStoredEvent.eventName, this.handlePromoCodesStored as EventListener);\n  }\n\n  async updated(changedProperties: PropertyValues) {\n    // logger.debug(\"[select-nonprofit][updated] changedProperties\", changedProperties);\n\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 = [\n      \"baseUrl\",\n      \"storeId\",\n      \"apiKey\",\n      \"countryCode\",\n      \"postalCode\",\n      \"cart\",\n      \"lang\",\n      \"promoCodes\",\n      \"pluginPromoCodes\",\n    ];\n    void this.pluginPromoCodes;\n    for (const prop of requireNewDataProps) {\n      if (changedProperties.has(prop)) {\n        // logger.debug(\n        //   \"[select-nonprofit][updated] triggering new load from prop change\",\n        //   prop,\n        //   changedProperties.get(prop)\n        // );\n        await this.nonprofitListDataController.exec();\n        break;\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener(BeamCartChangeEvent.eventName, this.handleCartChange as EventListener);\n    window.removeEventListener(\"resize\", this.evaluateBreakPoints);\n    window.removeEventListener(BeamPromoCodesStoredEvent.eventName, this.handlePromoCodesStored as EventListener);\n    window.removeEventListener(BeamNonprofitSelectEvent.eventName, this.handleNonprofitSelect as EventListener);\n    super.disconnectedCallback();\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 && this.nonprofitListDataController.loading) {\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    } 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            this.localStorage.setItem(\"nonprofit\", null);\n          } else {\n            return;\n          }\n        } else {\n          this.selectedNonprofitId = id;\n        }\n      }\n\n      /**\n       * If we're making a specific selection, there's no need to sync from\n       * an existing cart property, so cancel that sync because it's just going to\n       * cause this component's state to get out of sync with the Beam backend\n       */\n      this.dispatchEvent(new BeamWidgetInitialNonprofitSyncCancelEvent({}));\n      window.removeEventListener(\n        BeamWidgetInitialNonprofitSyncEvent.eventName,\n        this.handleInitialNonprofitSync as EventListener\n      );\n\n      await this.selectionDataController.exec({ selectedNonprofitId: this.selectedNonprofitId });\n    };\n\n  evaluateBreakPoints = debounce(\n    () => {\n      this.isMobile = window.innerWidth < 768;\n    },\n    50,\n    { maxWait: 50, leading: true }\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-borderWidth\": \"1px\",\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      \"--beam-SelectNonprofit-details-padding\": \"10px\",\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      \"--beam-SelectNonprofit-promo-block-header-justifyContent\": \"initial\",\n      \"--beam-SelectNonprofit-notification-blip-top\": \"4px\",\n      \"--beam-SelectNonprofit-notification-blip-left\": \"50%\",\n      \"--beam-SelectNonprofit-display-notification-blip\": \"true\",\n      \"--beam-SelectNonprofit-enable-inline-header\": \"false\",\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        justify-content: var(--beam-SelectNonprofit-promo-block-header-justifyContent);\n      }\n\n      .block-header-promo-pill-container-responsive {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n      .block-header-promo-pill-center-block-container-responsive {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n      }\n      .block-header-promo-pill-container-responsive beam-promo-info-pill {\n        order: -1;\n      }\n      .block-header-promo-pill-center-block-container-responsive beam-promo-info-pill {\n        order: -1;\n      }\n      .option {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n      beam-notification-blip::part(notification-blip-container) {\n        position: absolute;\n        top: var(--beam-SelectNonprofit-notification-blip-top);\n        left: var(--beam-SelectNonprofit-notification-blip-left);\n      }\n    `,\n  ];\n\n  protected render() {\n    const { selectedNonprofitId } = this;\n    const { data, loading } = this.nonprofitListDataController;\n\n    if (loading && !data) {\n      return _loading();\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\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((np) => !np.promo || !np.promo.isActive);\n    const getCssVar = (key: string) => this.cssVariables[key];\n    const shouldDisplayPromoBlip = getCssVar(\"--beam-SelectNonprofit-display-notification-blip\") === \"true\";\n    const isTitleTextCenterAligned = getCssVar(\"--beam-SelectNonprofit-title-textAlign\") === \"center\";\n    const shouldDisplayInlineHeader =\n      getCssVar(\"--beam-SelectNonprofit-enable-inline-header\") === \"true\" || this.isMobile;\n\n    const defaultHeader = html`<h3\n      class=${classMap({\n        \"title-block\": true,\n        \"d-none\": true,\n        \"d-block\": !shouldDisplayInlineHeader,\n      })}\n      part=\"title\"\n      id=\"beam-SelectNonprofit-title\"\n    >\n      ${localizeUserString(this.configLang, data?.config?.web?.title || \"\") || strings[this.configLang].ctaTitle()}\n    </h3>`;\n\n    const renderPromoHeaderContent = () => {\n      const classes = classMap({\n        \"block-header-promo-pill-container\": !shouldDisplayInlineHeader && !isTitleTextCenterAligned,\n        \"block-header-promo-pill-container-responsive\": shouldDisplayInlineHeader && !isTitleTextCenterAligned,\n        \"block-header-promo-pill-center-block-container-responsive\":\n          !shouldDisplayInlineHeader && isTitleTextCenterAligned,\n      });\n\n      const styles = styleMap({\n        display: shouldDisplayInlineHeader ? \"flex\" : undefined,\n      });\n\n      return shouldUseNewPromoUI\n        ? html`<div class=${classes} style=${styles}>\n            ${defaultHeader}\n            <beam-promo-info-pill .promo=${data?.config?.web?.promo}></beam-promo-info-pill>\n          </div>`\n        : defaultHeader;\n    };\n\n    const renderHeader = () => {\n      return html`\n      <div part=\"heading\">\n          ${renderPromoHeaderContent()}\n          <p class=\"description\" part=\"description\">\n            <span class=${classMap({\n              \"d-none\": true,\n              \"d-inline\": !shouldDisplayInlineHeader,\n            })}>\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=${classMap({\n              \"d-none\": !shouldDisplayInlineHeader,\n              \"header-inline\": true,\n            })}>\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    };\n\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n      ${renderHeader()}\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 =\n              promo?.isActive && data?.config.web.promo && hasNonprofitWithInactivePromo && shouldDisplayPromoBlip;\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                  borderStyle: \"solid\",\n                  position: \"relative\",\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                  borderWidth: \"var(--beam-SelectNonprofit-options-borderWidth, 1px)\",\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                        vertical-align: -webkit-baseline-middle;\n                    \"\n                />\n                ${shouldAddPromoBlip ? html`<beam-notification-blip></beam-notification-blip>` : html``}\n              </div>\n            `;\n          }\n        )}\n      </div>\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: var(--beam-SelectNonprofit-details-padding);\n              margin-top: var(--beam-SelectNonprofit-details-marginTop);\n            \"\n              aria-label=\"Funding information for selected nonprofit ${selectedNonprofit.nonprofit\n                ?.name}. Powered by Beam\"\n            >\n              <div style=\"display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap-reverse\">\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                <div aria-hidden=\"true\">\n                  <span\n                    class=\"details-beamAttribution\"\n                    aria-hidden=\"true\"\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              </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\ndefineCustomElement(BeamSelectNonprofit);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-select-nonprofit\": BeamSelectNonprofit;\n  }\n}\n"],"names":["BeamNotificationBlip","LitElement","css","html","notificationBlipConfigDefaults","strings","donationPercentage","didHandleInitialNonprofitSync","BeamSelectNonprofit","DEFAULT_BASE_URL","evt","promoCodesFromPlugin","c","enforceConfig","beamCartId","getBeamCartId","BEAM_CART_COOKIE_NAME","cartId","getExternalCartId","cart","manualPromoCodes","formattedPromos","formatStoreAndReturnPromoCodes","code","shouldSendPromos","isEmptyPromoData","BeamWidgetStoredPromoCodesEvent","WIDGET_NAMES","res","postChainEligibleNonprofitsForCart","np","selectedNonprofitId","result","postSelectNonprofit","selectedNonprofit","BeamNonprofitSelectEvent","BeamNonprofitSelectionRemovedEvent","AsyncController","createScopedLocalStorage","selectionId","nonprofitId","nonprofitChanged","selectionChanged","BeamWidgetInitialNonprofitSyncEvent","id","index","nonprofits","currentId","nextFocus","focusTarget","BeamWidgetInitialNonprofitSyncCancelEvent","debounce","SUPPORTED_LANGUAGES","parseJsonStringArray","getPromoCodesFromCart","response","setPromoCodesInLocalStorage","setPromoCodeInCookie","BeamCartChangeEvent","BeamPromoCodesStoredEvent","changedProperties","requireNewDataProps","prop","currentTimestamp","selectionTtl","selectionCreatedAt","isSelectionExpired","createdAt","data","cacheTtl","err","logger","defaults","progressBarConfigDefaults","defineCustomText","promoPillLabelConfigDefaults","remoteConfig","config","_cssVariableMap","loading","_loading","_errorMessage","shouldUseNewPromoUI","hasNonprofitWithInactivePromo","getCssVar","key","shouldDisplayPromoBlip","isTitleTextCenterAligned","shouldDisplayInlineHeader","defaultHeader","classMap","localizeUserString","renderPromoHeaderContent","classes","styles","styleMap","renderHeader","repeat","i","nonprofit","promo","isSelected","isFocusable","shouldAddPromoBlip","useCustomText","unsafeHTML","cssReset","cssResponsiveUtils","__decorateClass","property","a","b","isEqual","state","defineCustomElement"],"mappings":"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"}

package/dist/components/select-subscription-nonprofit.d.ts

@@ -57,7 +57,7 @@ declare class BeamSelectSubscriptionNonprofit extends LitElement {
     evaluateBreakPoints: lodash.DebouncedFuncLeading<() => void>;
     get cssVariables(): any;
     static styles: lit.CSSResult[];
-    protected render(): lit_html.TemplateResult<1> | "";
+    protected render(): "" | lit_html.TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/select-subscription-nonprofit.esm.js

@@ -1,4 +1,4 @@
-import{m as I,y as m,f as z,g as p,t as D,h as L,u as F,q as v,k as M}from"../chunks/lit-WqMxC_PA.esm.js";import{d as W}from"../chunks/lodash-D3TLHRR_.esm.js";import{D as E,d as A,u as P,W as U,S as R}from"../chunks/routes-DCT5U9dA.esm.js";import{u as d,A as k,d as u,a as _,_ as N,i as l}from"../chunks/localize-Btu9xYcE.esm.js";import{p as j}from"../chunks/progress-bar-DF7UuuHb.esm.js";import{c as H,d as K,e as x}from"../chunks/enforce-config-CZ3ToOgr.esm.js";import{_ as O}from"../chunks/loading-template-DG4lkIIc.esm.js";import{makeApiKeyHeader as C}from"../utils/makeApiKeyHeader.esm.js";import{B as G}from"../chunks/beam-errors-Ci0d3926.esm.js";import{createScopedLocalStorage as q}from"../utils/local-storage.esm.js";import{c as V}from"../chunks/css-card-grid-CvoGpsJH.esm.js";import{c as Z}from"../chunks/events-Dki0ka4F.esm.js";import"./beam-partner-logos.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../utils/logger.esm.js";const J=({height:i="1em",width:t="1em"}={})=>m`
+import{m as I,y as m,f as z,g as p,t as D,h as L,u as F,q as v,k as M}from"../chunks/lit-WqMxC_PA.esm.js";import{d as W}from"../chunks/lodash-D3TLHRR_.esm.js";import{D as E,d as A,u as P,W as U,S as R}from"../chunks/routes-D0PG2uwR.esm.js";import{u as d,A as k,d as u,a as _,_ as N,i as l}from"../chunks/localize-Btu9xYcE.esm.js";import{p as j}from"../chunks/progress-bar-DF7UuuHb.esm.js";import{c as H,d as K,e as x}from"../chunks/enforce-config-CZ3ToOgr.esm.js";import{_ as O}from"../chunks/loading-template-DG4lkIIc.esm.js";import{makeApiKeyHeader as C}from"../utils/makeApiKeyHeader.esm.js";import{B as G}from"../chunks/beam-errors-Ci0d3926.esm.js";import{createScopedLocalStorage as q}from"../utils/local-storage.esm.js";import{c as V}from"../chunks/css-card-grid-CvoGpsJH.esm.js";import{c as Z}from"../chunks/events-Dki0ka4F.esm.js";import"./beam-partner-logos.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../utils/logger.esm.js";const J=({height:i="1em",width:t="1em"}={})=>m`
     <svg
       style="${I({height:i,width:t,position:"relative",bottom:"0"})}"
       xmlns="http://www.w3.org/2000/svg"

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

@@ -1,4 +1,4 @@
-import{m as I,y as m,f as z,g as p,t as D,h as L,u as F,q as v,k as M}from"../chunks/lit-WqMxC_PA.esm.js";import{d as W}from"../chunks/lodash-D3TLHRR_.esm.js";import{D as E,d as A,u as P,W as U,S as R}from"../chunks/routes-DelUpFFo.esm.js";import{u as d,A as k,d as u,a as _,_ as N,i as l}from"../chunks/localize-C25pEGnx.esm.js";import{p as j}from"../chunks/progress-bar-DF7UuuHb.esm.js";import{c as H,d as K,e as x}from"../chunks/enforce-config-Ba1JkOHs.esm.js";import{_ as O}from"../chunks/loading-template-DG4lkIIc.esm.js";import{makeApiKeyHeader as C}from"../utils/makeApiKeyHeader.js";import{B as G}from"../chunks/beam-errors-Ci0d3926.esm.js";import{createScopedLocalStorage as q}from"../utils/local-storage.js";import{c as V}from"../chunks/css-card-grid-CvoGpsJH.esm.js";import{c as Z}from"../chunks/events-Dki0ka4F.esm.js";import"./beam-partner-logos.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../utils/logger.js";const J=({height:i="1em",width:t="1em"}={})=>m`
+import{m as I,y as m,f as z,g as p,t as D,h as L,u as F,q as v,k as M}from"../chunks/lit-WqMxC_PA.esm.js";import{d as W}from"../chunks/lodash-D3TLHRR_.esm.js";import{D as E,d as A,u as P,W as U,S as R}from"../chunks/routes-CkX5IVAM.esm.js";import{u as d,A as k,d as u,a as _,_ as N,i as l}from"../chunks/localize-C25pEGnx.esm.js";import{p as j}from"../chunks/progress-bar-DF7UuuHb.esm.js";import{c as H,d as K,e as x}from"../chunks/enforce-config-Ba1JkOHs.esm.js";import{_ as O}from"../chunks/loading-template-DG4lkIIc.esm.js";import{makeApiKeyHeader as C}from"../utils/makeApiKeyHeader.js";import{B as G}from"../chunks/beam-errors-Ci0d3926.esm.js";import{createScopedLocalStorage as q}from"../utils/local-storage.js";import{c as V}from"../chunks/css-card-grid-CvoGpsJH.esm.js";import{c as Z}from"../chunks/events-Dki0ka4F.esm.js";import"./beam-partner-logos.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../utils/logger.js";const J=({height:i="1em",width:t="1em"}={})=>m`
     <svg
       style="${I({height:i,width:t,position:"relative",bottom:"0"})}"
       xmlns="http://www.w3.org/2000/svg"

package/dist/components/shopify.esm.js

@@ -1,2 +1,2 @@
-import{waitForElement as t}from"../utils/wait-for-element.esm.js";import{getCookieValue as r,getCookieMap as o}from"../utils/cookies.esm.js";import{initNetworkListeners as W}from"../utils/network-listeners.esm.js";import{e as Z}from"../chunks/events-Dki0ka4F.esm.js";import{t as j,b as q,Z as z,x as D,C as G,v as H,E as J,X as K,s as Q,$ as R}from"../chunks/order-page-Bowqodk5.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../chunks/lodash-D3TLHRR_.esm.js";import"../utils/logger.esm.js";import"../utils/local-storage.esm.js";import"../utils/memoize-last.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../chunks/cart-contents-DkoytiZh.esm.js";import"../chunks/update-cart-BGAM3i5j.esm.js";import"../chunks/routes-DCT5U9dA.esm.js";import"../utils/remote-session.esm.js";import"../utils/promoManager.esm.js";import"../utils/cart.esm.js";import"./post-purchase.esm.js";import"../chunks/lit-WqMxC_PA.esm.js";import"../chunks/enforce-config-CZ3ToOgr.esm.js";import"../chunks/localize-Btu9xYcE.esm.js";import"../chunks/index-Bp9sWMsk.esm.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"../chunks/promo-pill-label-CbW_Vcru.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"./beam-partner-logos.esm.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import"./impact-overview.esm.js";import"../chunks/_share-dialog-dependencies-DQlABdY4.esm.js";import"../chunks/share-button-BEXn6SRs.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-7um4cBYz.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";const i={waitForElement:t,getCookieMap:o,getCookieValue:r};export{j as addBeamAttributesToCart,q as appendBeamAttributesToCart,z as appendStatsigToShopifyCartAttributes,D as appendToShopifyCartBeamAttribute,Z as events,G as getBeamAttributesForCart,H as getCurrentCart,J as getShopifyCart,W as initNetworkListeners,K as registerCartIntegration,Q as showBeamOrderPageWidgets,R as trackCart,i as utils};
+import{waitForElement as t}from"../utils/wait-for-element.esm.js";import{getCookieValue as r,getCookieMap as o}from"../utils/cookies.esm.js";import{initNetworkListeners as W}from"../utils/network-listeners.esm.js";import{e as Z}from"../chunks/events-Dki0ka4F.esm.js";import{t as j,b as q,Z as z,x as D,C as G,v as H,E as J,X as K,s as Q,$ as R}from"../chunks/order-page-UWwYjvD1.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../chunks/lodash-D3TLHRR_.esm.js";import"../utils/logger.esm.js";import"../utils/local-storage.esm.js";import"../utils/memoize-last.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../chunks/cart-contents-DkoytiZh.esm.js";import"../chunks/update-cart-Ca6SS1Qb.esm.js";import"../chunks/routes-D0PG2uwR.esm.js";import"../utils/remote-session.esm.js";import"../utils/promoManager.esm.js";import"../utils/cart.esm.js";import"./post-purchase.esm.js";import"../chunks/lit-WqMxC_PA.esm.js";import"../chunks/enforce-config-CZ3ToOgr.esm.js";import"../chunks/localize-Btu9xYcE.esm.js";import"../chunks/index-Cjyno0g7.esm.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"../chunks/promo-pill-label-CbW_Vcru.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"./beam-partner-logos.esm.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import"./impact-overview.esm.js";import"../chunks/_share-dialog-dependencies-C7C3l4mO.esm.js";import"../chunks/share-button-CfTlW-kJ.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-DC1SffJs.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";const i={waitForElement:t,getCookieMap:o,getCookieValue:r};export{j as addBeamAttributesToCart,q as appendBeamAttributesToCart,z as appendStatsigToShopifyCartAttributes,D as appendToShopifyCartBeamAttribute,Z as events,G as getBeamAttributesForCart,H as getCurrentCart,J as getShopifyCart,W as initNetworkListeners,K as registerCartIntegration,Q as showBeamOrderPageWidgets,R 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{getCookieValue as r,getCookieMap as o}from"../utils/cookies.js";import{initNetworkListeners as W}from"../utils/network-listeners.js";import{e as Z}from"../chunks/events-Dki0ka4F.esm.js";import{t as j,b as q,Z as z,x as D,C as G,v as H,E as J,X as K,s as Q,$ as R}from"../chunks/order-page-C2wPfn6k.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../chunks/lodash-D3TLHRR_.esm.js";import"../utils/logger.js";import"../utils/local-storage.js";import"../utils/memoize-last.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../chunks/cart-contents-DkoytiZh.esm.js";import"../chunks/update-cart-pMo1b75q.esm.js";import"../chunks/routes-DelUpFFo.esm.js";import"../utils/remote-session.js";import"../utils/promoManager.js";import"../utils/cart.js";import"./post-purchase.js";import"../chunks/lit-WqMxC_PA.esm.js";import"../chunks/enforce-config-Ba1JkOHs.esm.js";import"../chunks/localize-C25pEGnx.esm.js";import"../chunks/index-DA4pws6n.esm.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"../chunks/promo-pill-label-CbW_Vcru.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"./beam-partner-logos.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import"./impact-overview.js";import"../chunks/_share-dialog-dependencies-Dg-9riak.esm.js";import"../chunks/share-button-B376j4qt.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-BZ9Dmpsy.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";const i={waitForElement:t,getCookieMap:o,getCookieValue:r};export{j as addBeamAttributesToCart,q as appendBeamAttributesToCart,z as appendStatsigToShopifyCartAttributes,D as appendToShopifyCartBeamAttribute,Z as events,G as getBeamAttributesForCart,H as getCurrentCart,J as getShopifyCart,W as initNetworkListeners,K as registerCartIntegration,Q as showBeamOrderPageWidgets,R as trackCart,i as utils};
+import{waitForElement as t}from"../utils/wait-for-element.js";import{getCookieValue as r,getCookieMap as o}from"../utils/cookies.js";import{initNetworkListeners as W}from"../utils/network-listeners.js";import{e as Z}from"../chunks/events-Dki0ka4F.esm.js";import{t as j,b as q,Z as z,x as D,C as G,v as H,E as J,X as K,s as Q,$ as R}from"../chunks/order-page-DyrfYf-7.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../chunks/lodash-D3TLHRR_.esm.js";import"../utils/logger.js";import"../utils/local-storage.js";import"../utils/memoize-last.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../chunks/cart-contents-DkoytiZh.esm.js";import"../chunks/update-cart-CJ8pUNgh.esm.js";import"../chunks/routes-CkX5IVAM.esm.js";import"../utils/remote-session.js";import"../utils/promoManager.js";import"../utils/cart.js";import"./post-purchase.js";import"../chunks/lit-WqMxC_PA.esm.js";import"../chunks/enforce-config-Ba1JkOHs.esm.js";import"../chunks/localize-C25pEGnx.esm.js";import"../chunks/index-C_8jccDq.esm.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"../chunks/promo-pill-label-CbW_Vcru.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"./beam-partner-logos.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import"./impact-overview.js";import"../chunks/_share-dialog-dependencies-0P6dCcDb.esm.js";import"../chunks/share-button-C9agPz9W.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-BShZOtDs.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";const i={waitForElement:t,getCookieMap:o,getCookieValue:r};export{j as addBeamAttributesToCart,q as appendBeamAttributesToCart,z as appendStatsigToShopifyCartAttributes,D as appendToShopifyCartBeamAttribute,Z as events,G as getBeamAttributesForCart,H as getCurrentCart,J as getShopifyCart,W as initNetworkListeners,K as registerCartIntegration,Q as showBeamOrderPageWidgets,R as trackCart,i as utils};
 //# sourceMappingURL=shopify.js.map

package/dist/components/social-share.esm.js

@@ -1,4 +1,4 @@
-import{f as m,g as o,t as n,h as g,y as f}from"../chunks/lit-WqMxC_PA.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"../chunks/_share-dialog-dependencies-DQlABdY4.esm.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"./beam-partner-logos.esm.js";import{c as b,d as y,e as u}from"../chunks/enforce-config-CZ3ToOgr.esm.js";import{D as w,S as x,g as I,W as U}from"../chunks/routes-DCT5U9dA.esm.js";import{_ as S}from"../chunks/loading-template-DG4lkIIc.esm.js";import{u as d,s as r,p}from"../chunks/share-button-7um4cBYz.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/logger.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";var k=Object.defineProperty,a=(l,t,i,v)=>{for(var s=void 0,c=l.length-1,h;c>=0;c--)(h=l[c])&&(s=h(t,i,s)||s);return s&&k(t,i,s),s};class e extends g{constructor(){super(...arguments),this.baseUrl=w,this.lang="en",this.debug=!1,this.brandName=null,this.shareImageUrl=null,this.isMobile=!1,this.windowResized=!1,this.checkViewport=()=>{this.windowResized=window.innerWidth<=768}}get configLang(){return x[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.checkViewport),this.checkViewport()}disconnectedCallback(){window.removeEventListener("resize",this.checkViewport),super.disconnectedCallback()}async fetchImpactData(){u(["apiKey","storeId","nonprofitId"],this);try{return await I({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{storeId:this.storeId,personalImpactLimit:0,nonprofitId:this.nonprofitId,widgetName:U.community_impact,version:"1.0.0",lang:this.configLang,transactionId:this.transactionId??void 0}})}catch(t){throw this.debug&&console.error("Failed to fetch impact data",t),t}}async updateImpactData(){try{const t=await this.fetchImpactData();if(t&&(this.brandName=t.chain.name,this.shareImageUrl=t.promoAssetUrl||t.personalImpactAssetUrl||t.community[0].share.imageUrl,this.shareImageUrl)){const i=await d(this.shareImageUrl);this.file=i,this.dataUrl=URL.createObjectURL(i)}}catch(t){this.debug&&console.error("Error updating impact data:",t)}}async firstUpdated(){await this.updateImpactData(),this.isMobile=/Mobi|Android/i.test(navigator.userAgent)||"ontouchstart"in window||navigator.maxTouchPoints>0}async openSystemShareSheet(t){if(t)try{const i=await d(t);navigator.share&&this.brandName&&await navigator.share({files:[i],title:r[this.lang].impactShareTitle(),text:r[this.lang].impactShareText({brandName:this.brandName})})}catch(i){this.debug&&console.error("Failed to open share sheet",i)}}async handleClickCopy(){if(this.file)try{this.apiKey&&this.transactionId?p({baseUrl:this.baseUrl,apiKey:this.apiKey||"",requestBody:{eventName:"ExtensibilityCopyImageButtonClick",nonprofitId:this.nonprofitId,storeId:this.storeId,timestamp:Date.now(),transactionId:Number(this.transactionId)}}).catch(()=>null):console.error("Missing data for social share analytics. Skipping send"),await navigator.clipboard.write([new ClipboardItem({"image/png":this.file})])}catch(t){this.debug&&console.error("Failed to copy image to clipboard:",t)}}handleClickDownload(t){this.apiKey&&this.transactionId?p({baseUrl:this.baseUrl,apiKey:this.apiKey||"",requestBody:{eventName:"ExtensibilityDownloadImageButtonClick",nonprofitId:this.nonprofitId,storeId:this.storeId,timestamp:Date.now(),transactionId:Number(this.transactionId)}}).catch(()=>null):console.error("Missing data for social share analytics. Skipping send");const i=t.currentTarget;this.isMobile&&this.shareImageUrl?(t.preventDefault(),this.openSystemShareSheet(this.shareImageUrl)):this.dataUrl&&(i.href=this.dataUrl,i.download=r[this.lang].impactShareTitle())}render(){return!this.brandName||!this.shareImageUrl||!this.dataUrl?S():f`
+import{f as m,g as o,t as n,h as g,y as f}from"../chunks/lit-WqMxC_PA.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"../chunks/_share-dialog-dependencies-C7C3l4mO.esm.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"./beam-partner-logos.esm.js";import{c as b,d as y,e as u}from"../chunks/enforce-config-CZ3ToOgr.esm.js";import{D as w,S as x,g as I,W as U}from"../chunks/routes-D0PG2uwR.esm.js";import{_ as S}from"../chunks/loading-template-DG4lkIIc.esm.js";import{u as d,s as r,p}from"../chunks/share-button-DC1SffJs.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/logger.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";var k=Object.defineProperty,a=(l,t,i,v)=>{for(var s=void 0,c=l.length-1,h;c>=0;c--)(h=l[c])&&(s=h(t,i,s)||s);return s&&k(t,i,s),s};class e extends g{constructor(){super(...arguments),this.baseUrl=w,this.lang="en",this.debug=!1,this.brandName=null,this.shareImageUrl=null,this.isMobile=!1,this.windowResized=!1,this.checkViewport=()=>{this.windowResized=window.innerWidth<=768}}get configLang(){return x[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.checkViewport),this.checkViewport()}disconnectedCallback(){window.removeEventListener("resize",this.checkViewport),super.disconnectedCallback()}async fetchImpactData(){u(["apiKey","storeId","nonprofitId"],this);try{return await I({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{storeId:this.storeId,personalImpactLimit:0,nonprofitId:this.nonprofitId,widgetName:U.community_impact,version:"1.0.0",lang:this.configLang,transactionId:this.transactionId??void 0}})}catch(t){throw this.debug&&console.error("Failed to fetch impact data",t),t}}async updateImpactData(){try{const t=await this.fetchImpactData();if(t&&(this.brandName=t.chain.name,this.shareImageUrl=t.promoAssetUrl||t.personalImpactAssetUrl||t.community[0].share.imageUrl,this.shareImageUrl)){const i=await d(this.shareImageUrl);this.file=i,this.dataUrl=URL.createObjectURL(i)}}catch(t){this.debug&&console.error("Error updating impact data:",t)}}async firstUpdated(){await this.updateImpactData(),this.isMobile=/Mobi|Android/i.test(navigator.userAgent)||"ontouchstart"in window||navigator.maxTouchPoints>0}async openSystemShareSheet(t){if(t)try{const i=await d(t);navigator.share&&this.brandName&&await navigator.share({files:[i],title:r[this.lang].impactShareTitle(),text:r[this.lang].impactShareText({brandName:this.brandName})})}catch(i){this.debug&&console.error("Failed to open share sheet",i)}}async handleClickCopy(){if(this.file)try{this.apiKey&&this.transactionId?p({baseUrl:this.baseUrl,apiKey:this.apiKey||"",requestBody:{eventName:"ExtensibilityCopyImageButtonClick",nonprofitId:this.nonprofitId,storeId:this.storeId,timestamp:Date.now(),transactionId:Number(this.transactionId)}}).catch(()=>null):console.error("Missing data for social share analytics. Skipping send"),await navigator.clipboard.write([new ClipboardItem({"image/png":this.file})])}catch(t){this.debug&&console.error("Failed to copy image to clipboard:",t)}}handleClickDownload(t){this.apiKey&&this.transactionId?p({baseUrl:this.baseUrl,apiKey:this.apiKey||"",requestBody:{eventName:"ExtensibilityDownloadImageButtonClick",nonprofitId:this.nonprofitId,storeId:this.storeId,timestamp:Date.now(),transactionId:Number(this.transactionId)}}).catch(()=>null):console.error("Missing data for social share analytics. Skipping send");const i=t.currentTarget;this.isMobile&&this.shareImageUrl?(t.preventDefault(),this.openSystemShareSheet(this.shareImageUrl)):this.dataUrl&&(i.href=this.dataUrl,i.download=r[this.lang].impactShareTitle())}render(){return!this.brandName||!this.shareImageUrl||!this.dataUrl?S():f`
       <div class="share-container ${this.windowResized||this.isMobile?"mobile":"desktop"}">
         <h2 class="share-title">${r[this.lang].impactShareTitle()}</h2>
         <p class="share-text">${r[this.lang].impactShareText({brandName:this.brandName})}</p>

package/dist/components/social-share.js

@@ -1,4 +1,4 @@
-import{f as m,g as o,t as n,h as g,y as f}from"../chunks/lit-WqMxC_PA.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"../chunks/_share-dialog-dependencies-Dg-9riak.esm.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"./beam-partner-logos.js";import{c as b,d as y,e as u}from"../chunks/enforce-config-Ba1JkOHs.esm.js";import{D as w,S as x,g as I,W as U}from"../chunks/routes-DelUpFFo.esm.js";import{_ as S}from"../chunks/loading-template-DG4lkIIc.esm.js";import{u as d,s as r,p}from"../chunks/share-button-BZ9Dmpsy.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/logger.js";import"../chunks/promo-types-DKAOFHJr.esm.js";var k=Object.defineProperty,a=(l,t,i,v)=>{for(var s=void 0,c=l.length-1,h;c>=0;c--)(h=l[c])&&(s=h(t,i,s)||s);return s&&k(t,i,s),s};class e extends g{constructor(){super(...arguments),this.baseUrl=w,this.lang="en",this.debug=!1,this.brandName=null,this.shareImageUrl=null,this.isMobile=!1,this.windowResized=!1,this.checkViewport=()=>{this.windowResized=window.innerWidth<=768}}get configLang(){return x[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.checkViewport),this.checkViewport()}disconnectedCallback(){window.removeEventListener("resize",this.checkViewport),super.disconnectedCallback()}async fetchImpactData(){u(["apiKey","storeId","nonprofitId"],this);try{return await I({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{storeId:this.storeId,personalImpactLimit:0,nonprofitId:this.nonprofitId,widgetName:U.community_impact,version:"1.0.0",lang:this.configLang,transactionId:this.transactionId??void 0}})}catch(t){throw this.debug&&console.error("Failed to fetch impact data",t),t}}async updateImpactData(){try{const t=await this.fetchImpactData();if(t&&(this.brandName=t.chain.name,this.shareImageUrl=t.promoAssetUrl||t.personalImpactAssetUrl||t.community[0].share.imageUrl,this.shareImageUrl)){const i=await d(this.shareImageUrl);this.file=i,this.dataUrl=URL.createObjectURL(i)}}catch(t){this.debug&&console.error("Error updating impact data:",t)}}async firstUpdated(){await this.updateImpactData(),this.isMobile=/Mobi|Android/i.test(navigator.userAgent)||"ontouchstart"in window||navigator.maxTouchPoints>0}async openSystemShareSheet(t){if(t)try{const i=await d(t);navigator.share&&this.brandName&&await navigator.share({files:[i],title:r[this.lang].impactShareTitle(),text:r[this.lang].impactShareText({brandName:this.brandName})})}catch(i){this.debug&&console.error("Failed to open share sheet",i)}}async handleClickCopy(){if(this.file)try{this.apiKey&&this.transactionId?p({baseUrl:this.baseUrl,apiKey:this.apiKey||"",requestBody:{eventName:"ExtensibilityCopyImageButtonClick",nonprofitId:this.nonprofitId,storeId:this.storeId,timestamp:Date.now(),transactionId:Number(this.transactionId)}}).catch(()=>null):console.error("Missing data for social share analytics. Skipping send"),await navigator.clipboard.write([new ClipboardItem({"image/png":this.file})])}catch(t){this.debug&&console.error("Failed to copy image to clipboard:",t)}}handleClickDownload(t){this.apiKey&&this.transactionId?p({baseUrl:this.baseUrl,apiKey:this.apiKey||"",requestBody:{eventName:"ExtensibilityDownloadImageButtonClick",nonprofitId:this.nonprofitId,storeId:this.storeId,timestamp:Date.now(),transactionId:Number(this.transactionId)}}).catch(()=>null):console.error("Missing data for social share analytics. Skipping send");const i=t.currentTarget;this.isMobile&&this.shareImageUrl?(t.preventDefault(),this.openSystemShareSheet(this.shareImageUrl)):this.dataUrl&&(i.href=this.dataUrl,i.download=r[this.lang].impactShareTitle())}render(){return!this.brandName||!this.shareImageUrl||!this.dataUrl?S():f`
+import{f as m,g as o,t as n,h as g,y as f}from"../chunks/lit-WqMxC_PA.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"../chunks/_share-dialog-dependencies-0P6dCcDb.esm.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"./beam-partner-logos.js";import{c as b,d as y,e as u}from"../chunks/enforce-config-Ba1JkOHs.esm.js";import{D as w,S as x,g as I,W as U}from"../chunks/routes-CkX5IVAM.esm.js";import{_ as S}from"../chunks/loading-template-DG4lkIIc.esm.js";import{u as d,s as r,p}from"../chunks/share-button-BShZOtDs.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/logger.js";import"../chunks/promo-types-DKAOFHJr.esm.js";var k=Object.defineProperty,a=(l,t,i,v)=>{for(var s=void 0,c=l.length-1,h;c>=0;c--)(h=l[c])&&(s=h(t,i,s)||s);return s&&k(t,i,s),s};class e extends g{constructor(){super(...arguments),this.baseUrl=w,this.lang="en",this.debug=!1,this.brandName=null,this.shareImageUrl=null,this.isMobile=!1,this.windowResized=!1,this.checkViewport=()=>{this.windowResized=window.innerWidth<=768}}get configLang(){return x[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.checkViewport),this.checkViewport()}disconnectedCallback(){window.removeEventListener("resize",this.checkViewport),super.disconnectedCallback()}async fetchImpactData(){u(["apiKey","storeId","nonprofitId"],this);try{return await I({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{storeId:this.storeId,personalImpactLimit:0,nonprofitId:this.nonprofitId,widgetName:U.community_impact,version:"1.0.0",lang:this.configLang,transactionId:this.transactionId??void 0}})}catch(t){throw this.debug&&console.error("Failed to fetch impact data",t),t}}async updateImpactData(){try{const t=await this.fetchImpactData();if(t&&(this.brandName=t.chain.name,this.shareImageUrl=t.promoAssetUrl||t.personalImpactAssetUrl||t.community[0].share.imageUrl,this.shareImageUrl)){const i=await d(this.shareImageUrl);this.file=i,this.dataUrl=URL.createObjectURL(i)}}catch(t){this.debug&&console.error("Error updating impact data:",t)}}async firstUpdated(){await this.updateImpactData(),this.isMobile=/Mobi|Android/i.test(navigator.userAgent)||"ontouchstart"in window||navigator.maxTouchPoints>0}async openSystemShareSheet(t){if(t)try{const i=await d(t);navigator.share&&this.brandName&&await navigator.share({files:[i],title:r[this.lang].impactShareTitle(),text:r[this.lang].impactShareText({brandName:this.brandName})})}catch(i){this.debug&&console.error("Failed to open share sheet",i)}}async handleClickCopy(){if(this.file)try{this.apiKey&&this.transactionId?p({baseUrl:this.baseUrl,apiKey:this.apiKey||"",requestBody:{eventName:"ExtensibilityCopyImageButtonClick",nonprofitId:this.nonprofitId,storeId:this.storeId,timestamp:Date.now(),transactionId:Number(this.transactionId)}}).catch(()=>null):console.error("Missing data for social share analytics. Skipping send"),await navigator.clipboard.write([new ClipboardItem({"image/png":this.file})])}catch(t){this.debug&&console.error("Failed to copy image to clipboard:",t)}}handleClickDownload(t){this.apiKey&&this.transactionId?p({baseUrl:this.baseUrl,apiKey:this.apiKey||"",requestBody:{eventName:"ExtensibilityDownloadImageButtonClick",nonprofitId:this.nonprofitId,storeId:this.storeId,timestamp:Date.now(),transactionId:Number(this.transactionId)}}).catch(()=>null):console.error("Missing data for social share analytics. Skipping send");const i=t.currentTarget;this.isMobile&&this.shareImageUrl?(t.preventDefault(),this.openSystemShareSheet(this.shareImageUrl)):this.dataUrl&&(i.href=this.dataUrl,i.download=r[this.lang].impactShareTitle())}render(){return!this.brandName||!this.shareImageUrl||!this.dataUrl?S():f`
       <div class="share-container ${this.windowResized||this.isMobile?"mobile":"desktop"}">
         <h2 class="share-title">${r[this.lang].impactShareTitle()}</h2>
         <p class="share-text">${r[this.lang].impactShareText({brandName:this.brandName})}</p>

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

@@ -175,7 +175,7 @@ declare class BeamSubscriptionImpact extends LitElement {
     get cssVariables(): any;
     evaluateBreakPoints: lodash.DebouncedFuncLeading<() => void>;
     resizeElements: lodash.DebouncedFuncLeading<() => void>;
-    render(): lit_html.TemplateResult<1> | "";
+    render(): "" | lit_html.TemplateResult<1>;
     renderInlineCard(impactCard: {
         title: string;
         description: string;

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

@@ -1,4 +1,4 @@
-import{h as w,f as $,y as p,g as m,t as O,p as C}from"../chunks/lit-WqMxC_PA.esm.js";import{d as z,b as G}from"../chunks/lodash-D3TLHRR_.esm.js";import{p as K}from"../chunks/progress-bar-DF7UuuHb.esm.js";import{s as S,a as q}from"../chunks/share-button-BEXn6SRs.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import{D as Y,g as J,S as Q}from"../chunks/routes-DCT5U9dA.esm.js";import{u as b,A as X,d as u,a as Z,_ as ee,i as n}from"../chunks/localize-Btu9xYcE.esm.js";import{c as ie,d as ae,e as te}from"../chunks/enforce-config-CZ3ToOgr.esm.js";import{_ as ne}from"../chunks/loading-template-DG4lkIIc.esm.js";import{makeApiKeyHeader as re}from"../utils/makeApiKeyHeader.esm.js";import{c as oe}from"../chunks/responsive-BR8qUfBa.esm.js";import{logger as se}from"../utils/logger.esm.js";import{c as ce}from"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-7um4cBYz.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";var pe=Object.defineProperty,me=(i,e,r,l)=>{for(var t=void 0,a=i.length-1,d;a>=0;a--)(d=i[a])&&(t=d(e,r,t)||t);return t&&pe(e,r,t),t};class A extends w{constructor(){super(...arguments),this.infoText=""}static get styles(){return $`
+import{h as w,f as $,y as p,g as m,t as O,p as C}from"../chunks/lit-WqMxC_PA.esm.js";import{d as z,b as G}from"../chunks/lodash-D3TLHRR_.esm.js";import{p as K}from"../chunks/progress-bar-DF7UuuHb.esm.js";import{s as S,a as q}from"../chunks/share-button-CfTlW-kJ.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import{D as Y,g as J,S as Q}from"../chunks/routes-D0PG2uwR.esm.js";import{u as b,A as X,d as u,a as Z,_ as ee,i as n}from"../chunks/localize-Btu9xYcE.esm.js";import{c as ie,d as ae,e as te}from"../chunks/enforce-config-CZ3ToOgr.esm.js";import{_ as ne}from"../chunks/loading-template-DG4lkIIc.esm.js";import{makeApiKeyHeader as re}from"../utils/makeApiKeyHeader.esm.js";import{c as oe}from"../chunks/responsive-BR8qUfBa.esm.js";import{logger as se}from"../utils/logger.esm.js";import{c as ce}from"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-DC1SffJs.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";var pe=Object.defineProperty,me=(i,e,r,l)=>{for(var t=void 0,a=i.length-1,d;a>=0;a--)(d=i[a])&&(t=d(e,r,t)||t);return t&&pe(e,r,t),t};class A extends w{constructor(){super(...arguments),this.infoText=""}static get styles(){return $`
       sl-badge::part(base) {
         background-color: var(--beam-pillLabel-color-background, #000);
         color: var(--beam-pillLabel-color, #fff);

package/dist/components/subscription-impact.js

@@ -1,4 +1,4 @@
-import{h as w,f as $,y as p,g as m,t as O,p as C}from"../chunks/lit-WqMxC_PA.esm.js";import{d as z,b as G}from"../chunks/lodash-D3TLHRR_.esm.js";import{p as K}from"../chunks/progress-bar-DF7UuuHb.esm.js";import{s as S,a as q}from"../chunks/share-button-B376j4qt.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import{D as Y,g as J,S as Q}from"../chunks/routes-DelUpFFo.esm.js";import{u as b,A as X,d as u,a as Z,_ as ee,i as n}from"../chunks/localize-C25pEGnx.esm.js";import{c as ie,d as ae,e as te}from"../chunks/enforce-config-Ba1JkOHs.esm.js";import{_ as ne}from"../chunks/loading-template-DG4lkIIc.esm.js";import{makeApiKeyHeader as re}from"../utils/makeApiKeyHeader.js";import{c as oe}from"../chunks/responsive-BR8qUfBa.esm.js";import{logger as se}from"../utils/logger.js";import{c as ce}from"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-BZ9Dmpsy.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";var pe=Object.defineProperty,me=(i,e,r,l)=>{for(var t=void 0,a=i.length-1,d;a>=0;a--)(d=i[a])&&(t=d(e,r,t)||t);return t&&pe(e,r,t),t};class A extends w{constructor(){super(...arguments),this.infoText=""}static get styles(){return $`
+import{h as w,f as $,y as p,g as m,t as O,p as C}from"../chunks/lit-WqMxC_PA.esm.js";import{d as z,b as G}from"../chunks/lodash-D3TLHRR_.esm.js";import{p as K}from"../chunks/progress-bar-DF7UuuHb.esm.js";import{s as S,a as q}from"../chunks/share-button-C9agPz9W.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import{D as Y,g as J,S as Q}from"../chunks/routes-CkX5IVAM.esm.js";import{u as b,A as X,d as u,a as Z,_ as ee,i as n}from"../chunks/localize-C25pEGnx.esm.js";import{c as ie,d as ae,e as te}from"../chunks/enforce-config-Ba1JkOHs.esm.js";import{_ as ne}from"../chunks/loading-template-DG4lkIIc.esm.js";import{makeApiKeyHeader as re}from"../utils/makeApiKeyHeader.js";import{c as oe}from"../chunks/responsive-BR8qUfBa.esm.js";import{logger as se}from"../utils/logger.js";import{c as ce}from"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-BShZOtDs.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";var pe=Object.defineProperty,me=(i,e,r,l)=>{for(var t=void 0,a=i.length-1,d;a>=0;a--)(d=i[a])&&(t=d(e,r,t)||t);return t&&pe(e,r,t),t};class A extends w{constructor(){super(...arguments),this.infoText=""}static get styles(){return $`
       sl-badge::part(base) {
         background-color: var(--beam-pillLabel-color-background, #000);
         color: var(--beam-pillLabel-color, #fff);

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

@@ -346,7 +346,7 @@ declare class BeamSubscriptionManagement extends LitElement {
     get cssVariables(): any;
     static styles: lit.CSSResult[];
     private renderPreviousImpactTiles;
-    render(): lit_html.TemplateResult<1> | "";
+    render(): "" | lit_html.TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,4 +1,4 @@
-import{f as z,g as r,t as d,h as H,y as o,k as E}from"../chunks/lit-WqMxC_PA.esm.js";import{D as R,S as _,d as j,W as B,e as K,g as F}from"../chunks/routes-DCT5U9dA.esm.js";import{p as O}from"../chunks/progress-bar-DF7UuuHb.esm.js";import{c as V,d as Y,e as S}from"../chunks/enforce-config-CZ3ToOgr.esm.js";import{u as l,A as y,d as c,a as G,i as p,_ as v}from"../chunks/localize-Btu9xYcE.esm.js";import{c as N}from"../chunks/events-Dki0ka4F.esm.js";import{M as q}from"../chunks/beam-errors-Ci0d3926.esm.js";import"./select-subscription-nonprofit.esm.js";import"./subscription-impact.esm.js";import{partnerLogosConfigDefaults as J}from"./beam-partner-logos.esm.js";import{makeApiKeyHeader as x}from"../utils/makeApiKeyHeader.esm.js";import{_ as D}from"../chunks/loading-template-DG4lkIIc.esm.js";import{c as Q}from"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../utils/logger.esm.js";import"../chunks/lodash-D3TLHRR_.esm.js";import"../utils/local-storage.esm.js";import"../chunks/share-button-BEXn6SRs.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-7um4cBYz.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";const g={en:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},fr:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},de:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},es:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},it:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},pl:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"}};var X=Object.defineProperty,i=(M,t,n,s)=>{for(var a=void 0,b=M.length-1,m;b>=0;b--)(m=M[b])&&(a=m(t,n,a)||a);return a&&X(t,n,a),a};const $=3,Z=0,tt=1,et=98;class e extends H{constructor(){super(...arguments),this.baseUrl=R,this.lang="en",this.debug=!1,this.draftConfig=!1,this.activeWidget=null,this.nonprofitId=null,this.beamUserId=null,this.eligibleNonprofits=[],this.showAllTiles=!1,this.isMobile=window.innerWidth<720,this.dropdownVisible=!1,this.emojis=["\u{1F44F}","\u{1F4AA}","\u{1F64C}","\u2728","\u{1F947}"],this.subscriptionDataController=new y(this,this.fetchSubscription),this.eligibleNonprofitsDataController=new y(this,this.fetchEligibleNonprofits),this.personalImpactDataController=new y(this,this.fetchImpact)}get configLang(){return _[this.lang]||"en"}async firstUpdated(){if(!this.email&&!this.partnerUserId)throw new q(["email","partnerUserId"],"One of the following properties needs to be specified: email, partnerUserId ");S(["apiKey","subscriptionId"],this),await this.loadWidget()}async loadWidget(){await Promise.all([this.fetchEligibleNonprofits(),this.fetchSubscription()]),await this.fetchImpact(),this.activeWidget=this.nonprofitId?"subscription-impact":"select-subscription-nonprofit"}async fetchEligibleNonprofits(){S(["apiKey","subscriptionId"],this);const t=await j({baseUrl:this.baseUrl,headers:x(this.apiKey),requestBody:{storeId:this.storeId||void 0,postalCode:this.postalCode||void 0,countryCode:this.countryCode||void 0,widgetName:B.subscription_management,version:"1.0.0"}});return this.storeId=t.store.id,this.eligibleNonprofits=t.nonprofits,this.eligibleNonprofitsDataController.data=t,t}async fetchSubscription(){S(["apiKey","subscriptionId"],this);const t=await K({baseUrl:this.baseUrl,headers:x(this.apiKey),requestBody:{remoteSubscriptionId:this.subscriptionId,email:this.email,partnerUserId:this.partnerUserId}});return this.beamUserId=t.beamUserId,this.nonprofitId=t.nonprofit?.id||null,t}async fetchImpact(){S(["apiKey"],this);const t=await F({baseUrl:this.baseUrl,headers:x(this.apiKey),queryParams:{beamUserId:this.beamUserId?this.beamUserId:void 0,widgetName:"subscription-management",version:"1.0.0",lang:this.configLang}});return this.personalImpactDataController.data=t,t}getDisplayablePreviousImpacts(){const t=this.personalImpactDataController.data?.personal;return!t||t?.length<1?[]:t.filter(n=>!(!n.nonprofit.includeInPersonalImpact||n.nonprofit.id===this.nonprofitId&&(!n.impact.goalCompletionText||n.impact.goalCompletionText?.length<1)))}handleSwapNonprofitButtonClick(){this.activeWidget="select-subscription-nonprofit"}handleBackToSubscriptionImpactButtonClick(){this.activeWidget="subscription-impact"}handleSupportAgainButtonClick(t,n){this.activeWidget="select-subscription-nonprofit",this.selectedNonprofitId=t;const s=new N({selectedNonprofitId:t,nonprofitName:n,source:B.subscription_management});this.dispatchEvent(s)}handleNonprofitSelect(t){if(!(t instanceof N))return;const{selectedNonprofitId:n}=t.detail;this.nonprofitId=n??null,this.activeWidget="subscription-impact"}isNonprofitEligible(t){return this.eligibleNonprofits.some(n=>n.nonprofit.id===t)}shouldDisplayProgressBar(t){return t>tt&&t<et}get cssVariables(){const t={...J,...O,"--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":"8px 20px","--beam-SubscriptionManagement-widgetContainer-backgroundColor":"inherit","--beam-SubscriptionManagement-widgetContainer-maxWidth":"820px","--beam-SubscriptionManagement-logo-align-desktop":"left","--beam-SubscriptionManagement-logo-align-mobile":"center","--beam-SubscriptionManagement-previousImpact-cardStyle":"'selected_icon'","--beam-SubscriptionManagement-header-padding":"10px 20px 10px 0px","--beam-SubscriptionManagement-header-borderRadius":"0px","--beam-SubscriptionManagement-header-backgroundColor":"#fff","--beam-SubscriptionManagement-header-meatballsMenu-fontSize":"24px","--beam-SubscriptionManagement-header-meatballsMenu-color":"24px","--beam-SubscriptionManagement-lineBreak-color":"#ddd","--beam-SubscriptionManagement-lineBreak-width":"1px","--beam-SubscriptionManagement-lineBreak-margin":"10px 0 20px 0","--beam-SubscriptionManagement-tile-marginBottom":"20px","--beam-SubscriptionManagement-tile-border-width":"0px","--beam-SubscriptionManagement-tile-border-color":"#ddd","--beam-SubscriptionManagement-tile-padding":"12.5px","--beam-SubscriptionManagement-tile-borderRadius":"8px","--beam-SubscriptionManagement-tile-background":"#f8fbfb","--beam-SubscriptionManagement-tileContent-gap":" 15px","--beam-SubscriptionManagement-tileContent-padding":"5px 0px","--beam-SubscriptionManagement-tile-icon-borderRadius":"4px","--beam-SubscriptionManagement-tile-icon-height":"28px","--beam-SubscriptionManagement-tile-icon-background-borderRadius":"50%","--beam-SubscriptionManagement-tile-icon-background-width":"50px","--beam-SubscriptionManagement-tile-icon-background-height":"50px","--beam-SubscriptionManagement-tile-icon-background-backgroundColor":"#0a323c","--beam-SubscriptionManagement-tile-icon-background-padding":"10px","--beam-SubscriptionManagement-blockTileDescription-gap":"5px","--beam-SubscriptionManagement-blockTileDescription-padding":"0px","--beam-SubscriptionManagement-blockTileDescription-lineHeight":"130%","--beam-SubscriptionManagement-blockTileDescription-progressBar-width-desktop":"60%","--beam-SubscriptionManagement-blockTileDescription-progressBar-width-mobile":"100%","--beam-SubscriptionManagement-subWidgetContainer-padding":"0px 0px 10px","--beam-SubscriptionManagement-previousImpactContainer-padding-desktop":"10px 24px 10px 0px","--beam-SubscriptionManagement-previousImpactContainer-padding-mobile":"0px","--beam-SubscriptionManagement-dropDown-padding":"15px 8px","--beam-SubscriptionManagement-dropDown-borderRadius":"8px","--beam-SubscriptionManagement-dropDown-backgroundColor":"#f8fbfb","--beam-SubscriptionManagement-dropDown-boxShadow":"0px 4px 28px 0px rgba(0, 0, 0, 0.04)","--beam-SubscriptionManagement-dropDown-width":"128px","--beam-SubscriptionManagement-dropDown-hover-backgroundColor":"#E1F1EE","--beam-SubscriptionManagement-dropDownOptions-textDecoration":"underline",...c("--beam-SubscriptionManagement-dropDownOptions",{fontSize:"12px",fontWeight:"400",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-yourPreviousImpactTitle-marginBottom":"15px",...c("--beam-SubscriptionManagement-yourPreviousImpactTitle",{fontSize:"18px",fontWeight:"bold",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-yourPreviousImpact-showAllButton-textDecoration":"underline",...c("--beam-SubscriptionManagement-yourPreviousImpact-showAllButton",{fontSize:"12px",fontWeight:"bold",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-tile-title-letterSpacing":"0.36px",...c("--beam-SubscriptionManagement-tile-title",{fontSize:"12px",fontWeight:"bold",lineHeight:"120%",textTransform:"uppercase",fontStyle:"normal",color:"#0a323c"}),...c("--beam-SubscriptionManagement-tile-description",{fontSize:"14px",lineHeight:"120%",fontStyle:"normal",color:"#454a47"}),...c("--beam-SubscriptionManagement-tile-via",{fontSize:"14px",lineHeight:"120%",fontStyle:"normal",color:"#454a47"}),"--beam-SubscriptionManagement-tile-nonprofitLink-textDecoration":"underline",...c("--beam-SubscriptionManagement-tile-nonprofitLink",{fontSize:"14px",fontWeight:"400",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-tile-supportAgainButton-textDecoration":"underline",...c("--beam-SubscriptionManagement-tile-supportAgainButton",{fontSize:"14px",fontWeight:"400",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-tile-progressBarLabel-marginLeft":"8px",...c("--beam-SubscriptionManagement-tile-progressBarLabel",{fontSize:"10px",fontWeight:"bold",fontStyle:"normal",color:"#878a92"}),"--beam-SubscriptionManagement-tile-fundedAmount-lineHeight":"16px",...c("--beam-SubscriptionManagement-tile-fundedAmount",{fontSize:"14px",fontWeight:"400",lineHeight:"120%",fontStyle:"italic",color:"#0a323c"})},n=this.eligibleNonprofitsDataController?.data?.config?.web?.theme||{},s={...t,...n};return Object.assign(Object.create({toCSS(){return G(this)}}),s)}renderPreviousImpactTiles({personalImpact:t,cardStyle:n,eligibleNonprofitConfig:s}){if(!t)return o``;if(!s)return o``;const a=this.showAllTiles?t:t.slice(0,$);let b=0;return o`
+import{f as z,g as r,t as d,h as H,y as o,k as E}from"../chunks/lit-WqMxC_PA.esm.js";import{D as R,S as _,d as j,W as B,e as K,g as F}from"../chunks/routes-D0PG2uwR.esm.js";import{p as O}from"../chunks/progress-bar-DF7UuuHb.esm.js";import{c as V,d as Y,e as S}from"../chunks/enforce-config-CZ3ToOgr.esm.js";import{u as l,A as y,d as c,a as G,i as p,_ as v}from"../chunks/localize-Btu9xYcE.esm.js";import{c as N}from"../chunks/events-Dki0ka4F.esm.js";import{M as q}from"../chunks/beam-errors-Ci0d3926.esm.js";import"./select-subscription-nonprofit.esm.js";import"./subscription-impact.esm.js";import{partnerLogosConfigDefaults as J}from"./beam-partner-logos.esm.js";import{makeApiKeyHeader as x}from"../utils/makeApiKeyHeader.esm.js";import{_ as D}from"../chunks/loading-template-DG4lkIIc.esm.js";import{c as Q}from"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../utils/logger.esm.js";import"../chunks/lodash-D3TLHRR_.esm.js";import"../utils/local-storage.esm.js";import"../chunks/share-button-CfTlW-kJ.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-DC1SffJs.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";const g={en:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},fr:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},de:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},es:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},it:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},pl:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"}};var X=Object.defineProperty,i=(M,t,n,s)=>{for(var a=void 0,b=M.length-1,m;b>=0;b--)(m=M[b])&&(a=m(t,n,a)||a);return a&&X(t,n,a),a};const $=3,Z=0,tt=1,et=98;class e extends H{constructor(){super(...arguments),this.baseUrl=R,this.lang="en",this.debug=!1,this.draftConfig=!1,this.activeWidget=null,this.nonprofitId=null,this.beamUserId=null,this.eligibleNonprofits=[],this.showAllTiles=!1,this.isMobile=window.innerWidth<720,this.dropdownVisible=!1,this.emojis=["\u{1F44F}","\u{1F4AA}","\u{1F64C}","\u2728","\u{1F947}"],this.subscriptionDataController=new y(this,this.fetchSubscription),this.eligibleNonprofitsDataController=new y(this,this.fetchEligibleNonprofits),this.personalImpactDataController=new y(this,this.fetchImpact)}get configLang(){return _[this.lang]||"en"}async firstUpdated(){if(!this.email&&!this.partnerUserId)throw new q(["email","partnerUserId"],"One of the following properties needs to be specified: email, partnerUserId ");S(["apiKey","subscriptionId"],this),await this.loadWidget()}async loadWidget(){await Promise.all([this.fetchEligibleNonprofits(),this.fetchSubscription()]),await this.fetchImpact(),this.activeWidget=this.nonprofitId?"subscription-impact":"select-subscription-nonprofit"}async fetchEligibleNonprofits(){S(["apiKey","subscriptionId"],this);const t=await j({baseUrl:this.baseUrl,headers:x(this.apiKey),requestBody:{storeId:this.storeId||void 0,postalCode:this.postalCode||void 0,countryCode:this.countryCode||void 0,widgetName:B.subscription_management,version:"1.0.0"}});return this.storeId=t.store.id,this.eligibleNonprofits=t.nonprofits,this.eligibleNonprofitsDataController.data=t,t}async fetchSubscription(){S(["apiKey","subscriptionId"],this);const t=await K({baseUrl:this.baseUrl,headers:x(this.apiKey),requestBody:{remoteSubscriptionId:this.subscriptionId,email:this.email,partnerUserId:this.partnerUserId}});return this.beamUserId=t.beamUserId,this.nonprofitId=t.nonprofit?.id||null,t}async fetchImpact(){S(["apiKey"],this);const t=await F({baseUrl:this.baseUrl,headers:x(this.apiKey),queryParams:{beamUserId:this.beamUserId?this.beamUserId:void 0,widgetName:"subscription-management",version:"1.0.0",lang:this.configLang}});return this.personalImpactDataController.data=t,t}getDisplayablePreviousImpacts(){const t=this.personalImpactDataController.data?.personal;return!t||t?.length<1?[]:t.filter(n=>!(!n.nonprofit.includeInPersonalImpact||n.nonprofit.id===this.nonprofitId&&(!n.impact.goalCompletionText||n.impact.goalCompletionText?.length<1)))}handleSwapNonprofitButtonClick(){this.activeWidget="select-subscription-nonprofit"}handleBackToSubscriptionImpactButtonClick(){this.activeWidget="subscription-impact"}handleSupportAgainButtonClick(t,n){this.activeWidget="select-subscription-nonprofit",this.selectedNonprofitId=t;const s=new N({selectedNonprofitId:t,nonprofitName:n,source:B.subscription_management});this.dispatchEvent(s)}handleNonprofitSelect(t){if(!(t instanceof N))return;const{selectedNonprofitId:n}=t.detail;this.nonprofitId=n??null,this.activeWidget="subscription-impact"}isNonprofitEligible(t){return this.eligibleNonprofits.some(n=>n.nonprofit.id===t)}shouldDisplayProgressBar(t){return t>tt&&t<et}get cssVariables(){const t={...J,...O,"--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":"8px 20px","--beam-SubscriptionManagement-widgetContainer-backgroundColor":"inherit","--beam-SubscriptionManagement-widgetContainer-maxWidth":"820px","--beam-SubscriptionManagement-logo-align-desktop":"left","--beam-SubscriptionManagement-logo-align-mobile":"center","--beam-SubscriptionManagement-previousImpact-cardStyle":"'selected_icon'","--beam-SubscriptionManagement-header-padding":"10px 20px 10px 0px","--beam-SubscriptionManagement-header-borderRadius":"0px","--beam-SubscriptionManagement-header-backgroundColor":"#fff","--beam-SubscriptionManagement-header-meatballsMenu-fontSize":"24px","--beam-SubscriptionManagement-header-meatballsMenu-color":"24px","--beam-SubscriptionManagement-lineBreak-color":"#ddd","--beam-SubscriptionManagement-lineBreak-width":"1px","--beam-SubscriptionManagement-lineBreak-margin":"10px 0 20px 0","--beam-SubscriptionManagement-tile-marginBottom":"20px","--beam-SubscriptionManagement-tile-border-width":"0px","--beam-SubscriptionManagement-tile-border-color":"#ddd","--beam-SubscriptionManagement-tile-padding":"12.5px","--beam-SubscriptionManagement-tile-borderRadius":"8px","--beam-SubscriptionManagement-tile-background":"#f8fbfb","--beam-SubscriptionManagement-tileContent-gap":" 15px","--beam-SubscriptionManagement-tileContent-padding":"5px 0px","--beam-SubscriptionManagement-tile-icon-borderRadius":"4px","--beam-SubscriptionManagement-tile-icon-height":"28px","--beam-SubscriptionManagement-tile-icon-background-borderRadius":"50%","--beam-SubscriptionManagement-tile-icon-background-width":"50px","--beam-SubscriptionManagement-tile-icon-background-height":"50px","--beam-SubscriptionManagement-tile-icon-background-backgroundColor":"#0a323c","--beam-SubscriptionManagement-tile-icon-background-padding":"10px","--beam-SubscriptionManagement-blockTileDescription-gap":"5px","--beam-SubscriptionManagement-blockTileDescription-padding":"0px","--beam-SubscriptionManagement-blockTileDescription-lineHeight":"130%","--beam-SubscriptionManagement-blockTileDescription-progressBar-width-desktop":"60%","--beam-SubscriptionManagement-blockTileDescription-progressBar-width-mobile":"100%","--beam-SubscriptionManagement-subWidgetContainer-padding":"0px 0px 10px","--beam-SubscriptionManagement-previousImpactContainer-padding-desktop":"10px 24px 10px 0px","--beam-SubscriptionManagement-previousImpactContainer-padding-mobile":"0px","--beam-SubscriptionManagement-dropDown-padding":"15px 8px","--beam-SubscriptionManagement-dropDown-borderRadius":"8px","--beam-SubscriptionManagement-dropDown-backgroundColor":"#f8fbfb","--beam-SubscriptionManagement-dropDown-boxShadow":"0px 4px 28px 0px rgba(0, 0, 0, 0.04)","--beam-SubscriptionManagement-dropDown-width":"128px","--beam-SubscriptionManagement-dropDown-hover-backgroundColor":"#E1F1EE","--beam-SubscriptionManagement-dropDownOptions-textDecoration":"underline",...c("--beam-SubscriptionManagement-dropDownOptions",{fontSize:"12px",fontWeight:"400",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-yourPreviousImpactTitle-marginBottom":"15px",...c("--beam-SubscriptionManagement-yourPreviousImpactTitle",{fontSize:"18px",fontWeight:"bold",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-yourPreviousImpact-showAllButton-textDecoration":"underline",...c("--beam-SubscriptionManagement-yourPreviousImpact-showAllButton",{fontSize:"12px",fontWeight:"bold",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-tile-title-letterSpacing":"0.36px",...c("--beam-SubscriptionManagement-tile-title",{fontSize:"12px",fontWeight:"bold",lineHeight:"120%",textTransform:"uppercase",fontStyle:"normal",color:"#0a323c"}),...c("--beam-SubscriptionManagement-tile-description",{fontSize:"14px",lineHeight:"120%",fontStyle:"normal",color:"#454a47"}),...c("--beam-SubscriptionManagement-tile-via",{fontSize:"14px",lineHeight:"120%",fontStyle:"normal",color:"#454a47"}),"--beam-SubscriptionManagement-tile-nonprofitLink-textDecoration":"underline",...c("--beam-SubscriptionManagement-tile-nonprofitLink",{fontSize:"14px",fontWeight:"400",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-tile-supportAgainButton-textDecoration":"underline",...c("--beam-SubscriptionManagement-tile-supportAgainButton",{fontSize:"14px",fontWeight:"400",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-tile-progressBarLabel-marginLeft":"8px",...c("--beam-SubscriptionManagement-tile-progressBarLabel",{fontSize:"10px",fontWeight:"bold",fontStyle:"normal",color:"#878a92"}),"--beam-SubscriptionManagement-tile-fundedAmount-lineHeight":"16px",...c("--beam-SubscriptionManagement-tile-fundedAmount",{fontSize:"14px",fontWeight:"400",lineHeight:"120%",fontStyle:"italic",color:"#0a323c"})},n=this.eligibleNonprofitsDataController?.data?.config?.web?.theme||{},s={...t,...n};return Object.assign(Object.create({toCSS(){return G(this)}}),s)}renderPreviousImpactTiles({personalImpact:t,cardStyle:n,eligibleNonprofitConfig:s}){if(!t)return o``;if(!s)return o``;const a=this.showAllTiles?t:t.slice(0,$);let b=0;return o`
       ${a.map(m=>{const{impact:{goalCompletionText:u,description:h,goalProgressPercentage:f,goalProgressText:A},nonprofit:{cause:C,causeIconSelectedUrl:L,causeIconUrl:T,website:P,name:I,id:w}}=m,k=this.nonprofitId!==w&&this.isNonprofitEligible(w),U=k&&this.shouldDisplayProgressBar(f),W=u?`${this.emojis[b]} `:"";return b=(b+1)%this.emojis.length,o`
           <div class="tile">
             <div class="tile-header">