@beamimpact/web-sdk 1.52.5 → 1.52.6

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

@@ -1 +1 @@
-{"version":3,"file":"subscription-impact.js","sources":["../../src/shared/components/info-pill.ts","../../src/components/subscription-impact/strings.ts","../../src/components/subscription-impact/index.ts"],"sourcesContent":["import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport \"@shoelace-style/shoelace/dist/components/badge/badge.js\";\n\nexport class BeamInfoPill extends LitElement {\n  @property({ type: String }) infoText = \"\";\n\n  static get styles() {\n    return css`\n      sl-badge::part(base) {\n        background-color: var(--beam-pillLabel-color-background, #000);\n        color: var(--beam-pillLabel-color, #fff);\n        border: var(--beam-pillLabel-border-width, 3px) solid var(--beam-pillLabel-border, #000);\n        border-radius: 18.37px;\n        font-family: var(--beam-pillLabel-font, inherit);\n        font-size: var(--beam-pillLabel-font-size, 12px);\n        font-style: var(--beam-pillLabel-font-style, italic);\n        font-weight: var(--beam-pillLabel-font-weight, bold);\n        text-transform: var(--beam-pillLabel-text-transform, none);\n        padding: var(--beam-pillLabel-padding, 3px 4px);\n      }\n    `;\n  }\n\n  render() {\n    return html`<sl-badge pill aria-label=\"${this.infoText}\">${this.infoText}</sl-badge>`;\n  }\n}\n\ncustomElements.get(\"beam-info-pill\") || customElements.define(\"beam-info-pill\", BeamInfoPill);\n\nexport const infoPillLabelConfigDefaults = {\n  \"--beam-pillLabel-color-background\": \"#0A323C\",\n  \"--beam-pillLabel-color\": \"#fff\",\n  \"--beam-pillLabel-border\": \"#0A323C\",\n  \"--beam-pillLabel-border-width\": \"1px\",\n  \"--beam-pillLabel-font-size\": \"10px\",\n  \"--beam-pillLabel-font\": \"inherit\",\n  \"--beam-pillLabel-font-weight\": \"400\",\n  \"--beam-pillLabel-text-transform\": \"none\",\n  \"--beam-pillLabel-font-style\": \"italic\",\n  \"--beam-pillLabel-padding\": \"3px 4px\",\n} as const;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-info-pill\": BeamInfoPill;\n  }\n}\n","export const strings = {\n  en: {\n    title: ({ causeName = \"\" }) => `Your Subscription is Going Towards ${causeName} With Every Order`,\n    futureTenseTitle: ({ causeName = \"\" }) => `Your Subscription Will Go Towards ${causeName} With Every Order`,\n    ctaMessagePrefix: () => `At no extra cost, `,\n    description: ({ nonprofit = \"\" }) => `1% of every order will be donated to ${nonprofit} on your behalf.`,\n    personalImpactTitle: () => `You're Currently Funding`,\n    futureTensePersonalImpactTitle: () => `You’ll Be Funding`,\n    communityImpactTitle: () => `Together We're Funding`,\n    personalLinkCopy: ({ nonprofit = \"\", hideArrow = false }) => `Learn about ${nonprofit}${!hideArrow ? \" ›\" : \"\"}`,\n    communityLinkCopy: ({ brandName = \"\", hideArrow = false }) => `Learn about ${brandName}${!hideArrow ? \" ›\" : \"\"}`,\n    percentFunded: () => `funded`,\n    progressPillText: () => `🎉 Impact begins once order is charged`,\n  },\n  fr: {\n    title: ({ causeName = \"\" }) => `Your Subscription is Going Towards ${causeName} With Every Order`,\n    futureTenseTitle: ({ causeName = \"\" }) => `Your Subscription Will Go Towards ${causeName} With Every Order`,\n    ctaMessagePrefix: () => `At no extra cost, `,\n    description: ({ nonprofit = \"\" }) => `1% of every order will be donated to ${nonprofit} on your behalf.`,\n    personalImpactTitle: () => `You're Currently Funding`,\n    futureTensePersonalImpactTitle: () => `You’ll Be Funding`,\n    communityImpactTitle: () => `Together We're Funding`,\n    personalLinkCopy: ({ nonprofit = \"\", hideArrow = false }) => `Learn about ${nonprofit}${!hideArrow ? \" ›\" : \"\"}`,\n    communityLinkCopy: ({ brandName = \"\", hideArrow = false }) => `Learn about ${brandName}${!hideArrow ? \" ›\" : \"\"}`,\n    percentFunded: () => `funded`,\n    progressPillText: () => `🎉 Impact begins once order is charged`,\n  },\n  de: {\n    title: ({ causeName = \"\" }) => `Your Subscription is Going Towards ${causeName} With Every Order`,\n    futureTenseTitle: ({ causeName = \"\" }) => `Your Subscription Will Go Towards ${causeName} With Every Order`,\n    ctaMessagePrefix: () => `At no extra cost, `,\n    description: ({ nonprofit = \"\" }) => `1% of every order will be donated to ${nonprofit} on your behalf.`,\n    personalImpactTitle: () => `You're Currently Funding`,\n    futureTensePersonalImpactTitle: () => `You’ll Be Funding`,\n    communityImpactTitle: () => `Together We're Funding`,\n    personalLinkCopy: ({ nonprofit = \"\", hideArrow = false }) => `Learn about ${nonprofit}${!hideArrow ? \" ›\" : \"\"}`,\n    communityLinkCopy: ({ brandName = \"\", hideArrow = false }) => `Learn about ${brandName}${!hideArrow ? \" ›\" : \"\"}`,\n    percentFunded: () => `funded`,\n    progressPillText: () => `🎉 Impact begins once order is charged`,\n  },\n  es: {\n    title: ({ causeName = \"\" }) => `Your Subscription is Going Towards ${causeName} With Every Order`,\n    futureTenseTitle: ({ causeName = \"\" }) => `Your Subscription Will Go Towards ${causeName} With Every Order`,\n    ctaMessagePrefix: () => `At no extra cost, `,\n    description: ({ nonprofit = \"\" }) => `1% of every order will be donated to ${nonprofit} on your behalf.`,\n    personalImpactTitle: () => `You're Currently Funding`,\n    futureTensePersonalImpactTitle: () => `You’ll Be Funding`,\n    communityImpactTitle: () => `Together We're Funding`,\n    personalLinkCopy: ({ nonprofit = \"\", hideArrow = false }) => `Learn about ${nonprofit}${!hideArrow ? \" ›\" : \"\"}`,\n    communityLinkCopy: ({ brandName = \"\", hideArrow = false }) => `Learn about ${brandName}${!hideArrow ? \" ›\" : \"\"}`,\n    percentFunded: () => `funded`,\n    progressPillText: () => `🎉 Impact begins once order is charged`,\n  },\n  it: {\n    title: ({ causeName = \"\" }) => `Your Subscription is Going Towards ${causeName} With Every Order`,\n    futureTenseTitle: ({ causeName = \"\" }) => `Your Subscription Will Go Towards ${causeName} With Every Order`,\n    ctaMessagePrefix: () => `At no extra cost, `,\n    description: ({ nonprofit = \"\" }) => `1% of every order will be donated to ${nonprofit} on your behalf.`,\n    personalImpactTitle: () => `You're Currently Funding`,\n    futureTensePersonalImpactTitle: () => `You’ll Be Funding`,\n    communityImpactTitle: () => `Together We're Funding`,\n    personalLinkCopy: ({ nonprofit = \"\", hideArrow = false }) => `Learn about ${nonprofit}${!hideArrow ? \" ›\" : \"\"}`,\n    communityLinkCopy: ({ brandName = \"\", hideArrow = false }) => `Learn about ${brandName}${!hideArrow ? \" ›\" : \"\"}`,\n    percentFunded: () => `funded`,\n    progressPillText: () => `🎉 Impact begins once order is charged`,\n  },\n  pl: {\n    title: ({ causeName = \"\" }) => `Your Subscription is Going Towards ${causeName} With Every Order`,\n    futureTenseTitle: ({ causeName = \"\" }) => `Your Subscription Will Go Towards ${causeName} With Every Order`,\n    ctaMessagePrefix: () => `At no extra cost, `,\n    description: ({ nonprofit = \"\" }) => `1% of every order will be donated to ${nonprofit} on your behalf.`,\n    personalImpactTitle: () => `You're Currently Funding`,\n    futureTensePersonalImpactTitle: () => `You’ll Be Funding`,\n    communityImpactTitle: () => `Together We're Funding`,\n    personalLinkCopy: ({ nonprofit = \"\", hideArrow = false }) => `Learn about ${nonprofit}${!hideArrow ? \" ›\" : \"\"}`,\n    communityLinkCopy: ({ brandName = \"\", hideArrow = false }) => `Learn about ${brandName}${!hideArrow ? \" ›\" : \"\"}`,\n    percentFunded: () => `funded`,\n    progressPillText: () => `🎉 Impact begins once order is charged`,\n  },\n};\n","import { html, css, LitElement, PropertyValues } from \"lit\";\nimport debounce from \"lodash-es/debounce\";\nimport { property } from \"lit/decorators/property.js\";\nimport { queryAll } from \"lit/decorators/query-all.js\";\nimport { state } from \"lit/decorators/state.js\";\nimport { progressBarConfigDefaults } from \"../../shared/components/progress-bar\";\nimport { shareButtonConfigDefaults } from \"../../shared/components/share-button\";\nimport { infoPillLabelConfigDefaults } from \"../../shared/components/info-pill\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES } from \"../../api-sdk/constants\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { syncElementHeights } from \"../../shared/sync-element-heights\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { makeApiKeyHeader } from \"../../utils/makeApiKeyHeader\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { TId, TNumericId, TUrl } from \"../../shared/types\";\nimport { MissingConfig } from \"../../utils/beam-errors\";\nimport { cssResponsiveUtils } from \"../../shared/responsive\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { getImpact } from \"../../api-sdk/v3/routes\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { logger } from \"../../utils/logger\";\nimport { cssCardGrid } from \"../../shared/fragments/css-card-grid\";\nimport { strings } from \"./strings\";\nimport \"../../shared/components/progress-bar\";\nimport \"../../shared/components/share-button\";\nimport \"../../shared/components/info-pill\";\n\ntype RequiredConfig = {\n  apiKey: string;\n  nonprofitId: TNumericId;\n  beamUserId: TId;\n};\n\nexport class BeamSubscriptionImpact extends LitElement {\n  static tagName = \"beam-subscription-impact\";\n\n  @property({ type: String, reflect: true }) public baseUrl: TUrl = DEFAULT_BASE_URL;\n  @property({ type: String, reflect: false }) apiKey?: RequiredConfig[\"apiKey\"];\n  @property({ type: Number }) storeId?: number;\n  @property({ type: String, reflect: true }) nonprofitId?: RequiredConfig[\"nonprofitId\"];\n  @property({ type: String, reflect: true }) beamUserId?: RequiredConfig[\"beamUserId\"];\n  @property({ type: String }) public lang: LANGUAGES = \"en\";\n  @property({ type: Boolean }) public debug = false;\n  @property({ type: Boolean }) public draftConfig = false;\n\n  @state() private isMobile = window.innerWidth < 720;\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  getImpactData = async () => {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"beamUserId\", \"nonprofitId\"], this)) throw new MissingConfig();\n    const res = await getImpact({\n      baseUrl: this.baseUrl,\n      headers: makeApiKeyHeader(this.apiKey),\n      queryParams: {\n        nonprofitId: this.nonprofitId,\n        beamUserId: this.beamUserId,\n        personalImpactLimit: 1,\n        communityImpactLimit: 1,\n        storeId: this.storeId,\n        widgetName: \"subscription-impact\",\n        draftConfig: this.draftConfig,\n        version: \"1.0.0\",\n        lang: this.configLang,\n      },\n    });\n\n    return res;\n  };\n\n  private impactDataController = new AsyncController<typeof this.getImpactData>(this, this.getImpactData);\n\n  @queryAll(\".card-title\")\n  impactTitleRefs!: HTMLElement[];\n\n  @queryAll(\".impact-link\")\n  impactLinkRefs!: HTMLElement[];\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(\"resize\", this.evaluateBreakPoints);\n  }\n\n  async updated(changedProperties: PropertyValues): Promise<void> {\n    // Fires on first load as props go from undefined => value\n    const requireNewDataProps = [\"baseUrl\", \"storeId\", \"apiKey\", \"beamUserId\", \"lang\"];\n    for (const prop of requireNewDataProps) {\n      if (changedProperties.has(prop)) {\n        await this.impactDataController.exec();\n        break;\n      }\n    }\n    this.resizeElements(); // Handle layout shifts immediately\n    await this.handleFontLoad(this.resizeElements); // If content change triggered font load, resize again\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener(\"resize\", this.resizeElements);\n    document.fonts.removeEventListener(\"loadingdone\", this.resizeElements);\n    super.disconnectedCallback();\n  }\n\n  /**\n   * Safari does not fire loading events on the document FontFaceSet, but it does implement the .ready Promise\n   * Call this method to wait for font loads that may be triggered by content changes\n   */\n  async handleFontLoad<T = any>(callback: () => T | void) {\n    if (document.fonts.status === \"loading\") {\n      await document.fonts.ready.catch((e) => logger.error(e));\n      return callback();\n    }\n  }\n\n  public get cssVariables() {\n    const defaults = {\n      ...progressBarConfigDefaults,\n      ...shareButtonConfigDefaults,\n      ...infoPillLabelConfigDefaults,\n      \"--beam-fontFamily\": \"inherit\",\n      \"--beam-fontStyle\": \"inherit\",\n      \"--beam-fontSize\": \"12px\",\n      \"--beam-textColor\": \"inherit\",\n      \"--beam-backgroundColor\": \"inherit\",\n      \"--beam-subscriptionImpact-impactCards-maxWidth\": \"900px\",\n      \"--beam-subscriptionImpact-headerContainer-desktop-textAlign\": \"left\",\n      \"--beam-subscriptionImpact-headerContainer-mobile-textAlign\": \"center\",\n      \"--beam-subscriptionImpact-descriptionContainer-marginTop\": \"10px\",\n      \"--beam-subscriptionImpact-cardContainer-marginTop\": \"15px\",\n      \"--beam-subscriptionImpact-cardContainer-gap\": \"20px\",\n      \"--beam-subscriptionImpact-card-borderRadius\": \"8px\",\n      \"--beam-subscriptionImpact-card-background\": \"#f8fbfb\",\n      \"--beam-subscriptionImpact-card-padding\": \"24px 28px 24px 24px\",\n      \"--beam-subscriptionImpact-card-marginRight\": \"0px\",\n      \"--beam-subscriptionImpact-card-marginTop\": \"10px\",\n      \"--beam-subscriptionImpact-card-gap\": \"5px\",\n      \"--beam-subscriptionImpact-cardTitle-textAlign\": \"left\",\n      \"--beam-subscriptionImpact-cardTitle-letterSpacing\": \"0.36px\",\n      \"--beam-SubscriptionImpact-cardStyle\": \"'selected_icon'\",\n      \"--beam-SubscriptionImpact-imagePosition\": \"'inline'\",\n      \"--beam-subscriptionImpact-imageBlock-height\": \"120px\",\n      \"--beam-subscriptionImpact-imageBlock-borderRadius\": \"4px\",\n      \"--beam-subscriptionImpact-iconBackground-width\": \"50px\",\n      \"--beam-subscriptionImpact-iconBackground-height\": \"50px\",\n      \"--beam-subscriptionImpact-iconBackground-borderRadius\": \"50%\",\n      \"--beam-subscriptionImpact-iconBackground-background\": \"#0a323c\",\n      \"--beam-subscriptionImpact-icon-height\": \"28px\",\n      \"--beam-subscriptionImpact-icon-margin\": \"auto\",\n      \"--beam-subscriptionImpact-icon-padding\": \"10px\",\n      \"--beam-subscriptionImpact-icon-borderRadius\": \"4px\",\n      \"--beam-subscriptionImpact-image-borderRadius\": \"4px\",\n      \"--beam-subscriptionImpact-image-minHeight\": \"0\",\n      \"--beam-subscriptionImpact-image-minWidth\": \"0\",\n      \"--beam-subscriptionImpact-cardDescription-padding\": \"0px\",\n      \"--beam-subscriptionImpact-card-progressBar-padding\": \"8px 0px\",\n      \"--beam-subscriptionImpact-card-progressBarLabel-gap\": \"10px\",\n      \"--beam-subscriptionImpact-card-progressBarLabel-textAlign\": \"right\",\n      \"--beam-subscriptionImpact-card-progressBarLabel-marginLeft\": \"8px\",\n      \"--beam-subscriptionImpact-card-linkContainer-textAlign\": \"left\",\n      \"--beam-subscriptionImpact-card-impactLink-textDecoration\": \"underline\",\n      \"--beam-subscriptionImpact-footer-textAlign\": \"center\",\n      \"--beam-subscriptionImpact-footer-marginTop\": \"10px\",\n      \"--beam-subscriptionImpact-share-button-icon-name\": \"share-2\",\n      \"--beam-subscriptionImpact-learnAbout-arrow-display\": \"block\",\n      ...defineCustomText(\"--beam-subscriptionImpact-title\", {\n        fontSize: \"20px\",\n        fontWeight: \"bold\",\n        lineHeight: \"120%\",\n        textTransform: \"capitalize\",\n        fontStyle: \"normal\",\n        color: \"#0a323c\",\n      }),\n      ...defineCustomText(\"--beam-subscriptionImpact-descriptionPrefix\", {\n        fontSize: \"14px\",\n        fontWeight: \"800\",\n        lineHeight: \"138%\",\n        fontStyle: \"normal\",\n        color: \"#2f302d\",\n        marginTop: \"9px\",\n      }),\n      ...defineCustomText(\"--beam-subscriptionImpact-description\", {\n        fontSize: \"14px\",\n        fontWeight: \"400\",\n        lineHeight: \"138%\",\n        fontStyle: \"normal\",\n        color: \"#2f302d\",\n        marginTop: \"9px\",\n      }),\n      ...defineCustomText(\"--beam-subscriptionImpact-cardTitle\", {\n        fontSize: \"12px\",\n        fontWeight: \"bold\",\n        lineHeight: \"120%\",\n        fontStyle: \"normal\",\n        textTransform: \"uppercase\",\n      }),\n      ...defineCustomText(\"--beam-subscriptionImpact-cardDescription\", {\n        fontSize: \"12px\",\n        fontWeight: \"400\",\n        lineHeight: \"18.2px\",\n        fontStyle: \"normal\",\n        color: \"#454a47\",\n      }),\n      ...defineCustomText(\"--beam-subscriptionImpact-card-progressBarLabel\", {\n        fontSize: \"10px\",\n        color: \"#878a92\",\n      }),\n      ...defineCustomText(\"--beam-subscriptionImpact-card-impactLink\", {\n        fontSize: \"12px\",\n        fontWeight: \"600\",\n        lineHeight: \"16px\",\n        fontStyle: \"normal\",\n        color: \"#454a47\",\n        marginTop: \"auto\",\n      }),\n    };\n    const remoteConfig = this.impactDataController?.data?.config?.web?.theme || {};\n    const config = {\n      ...defaults,\n      ...remoteConfig,\n    };\n    const serializable = Object.create({\n      toCSS() {\n        return _cssVariableMap(this as Record<string, string>);\n      },\n    });\n    return Object.assign(serializable, config);\n  }\n\n  evaluateBreakPoints = debounce(\n    () => {\n      this.isMobile = window.innerWidth < 768;\n    },\n    50,\n    { maxWait: 50, leading: true }\n  );\n\n  resizeElements = debounce(\n    () => {\n      syncElementHeights(this.impactTitleRefs);\n      syncElementHeights(this.impactLinkRefs);\n    },\n    50,\n    { maxWait: 50, leading: true }\n  );\n\n  render() {\n    const { data, loading, error } = this.impactDataController;\n    if (loading) {\n      return _loading();\n    }\n    if (error || data == null) {\n      return this.debug ? _errorMessage({ error: error || new Error(\"No data\") }) : \"\";\n    }\n\n    const communityImpact = data.community[0];\n    const personalImpact = data.personal[0];\n\n    const brandName = data.chain.name;\n    const causeName = localizeUserString(this.configLang, personalImpact?.nonprofit.cause || \"\");\n    const nonprofitName = personalImpact?.nonprofit.name;\n    const personalProgressPercentage = personalImpact?.impact?.goalProgressPercentage || 0;\n    const isPersonalProgressNotStarted = !(\n      personalImpact?.impact?.goalProgressPercentage > 0 || personalImpact?.impact?.goalCompletionText?.length > 0\n    );\n    const communityProgressPercentage = communityImpact?.impact?.goalProgressPercentage || 0;\n    const personalProgressDescription = `${personalProgressPercentage}% ${\n      localizeUserString(this.configLang, data?.config?.web?.additionalStrings?.[\"percentFunded\"] || \"\") ||\n      strings[this.configLang].percentFunded()\n    }`;\n    const communityProgressDescription = `${communityProgressPercentage}% ${\n      localizeUserString(this.configLang, data?.config?.web?.additionalStrings?.[\"percentFunded\"] || \"\") ||\n      strings[this.configLang].percentFunded()\n    }`;\n    const communityImage = communityImpact?.imageUrl || \"\";\n    const personalImage = personalImpact?.imageUrl || \"\";\n    const unselectedIcon = personalImpact?.nonprofit.causeIconUrl;\n    const selectedIcon = personalImpact?.nonprofit.causeIconSelectedUrl;\n    const cardStyle = this.cssVariables[\"--beam-SubscriptionImpact-cardStyle\"];\n    const imagePosition = this.cssVariables[\"--beam-SubscriptionImpact-imagePosition\"];\n    const isImage = cardStyle === \"'image'\";\n    const iconImage = cardStyle === \"'selected_icon'\" ? selectedIcon : unselectedIcon;\n    const communityCardImage = isImage ? communityImage : iconImage;\n    const personalCardImage = isImage ? personalImage : iconImage;\n    const personalTitle =\n      localizeUserString(this.configLang, data?.config?.web?.dynamicStrings?.[\"ctaTitle\"] || \"\") ||\n      strings[this.configLang].title({ causeName });\n\n    const personalFutureTenseTitle =\n      localizeUserString(this.configLang, data?.config?.web?.dynamicStrings?.[\"ctaFutureTenseTitle\"] || \"\") ||\n      strings[this.configLang].futureTenseTitle({ causeName });\n    const communityLink = data.store.communityPageURL;\n    const personalLink = personalImpact?.nonprofit?.website;\n    const shareImage = personalImpact?.share?.imageUrl;\n    const shareIcon = this.cssVariables[\"--beam-SubscriptionImpact-share-button-icon-name\"] || \"share-2\";\n    const hideLearnAboutArrow = this.cssVariables[\"--beam-subscriptionImpact-learnAbout-arrow-display\"] === \"none\";\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n\n      <div class=\"widget-container\" id=\"beam-subscription-impact-container\">\n        <div\n          class=\"header-container ${this.isMobile ? \"header-container-mobile\" : \"header-container-desktop\"}\"\n          id=\"beam-subscriptionImpact-header-container\"\n        >\n          <h3 class=\"title\" part=\"title\" id=\"beam-subscriptionImpact-title\">\n            ${isPersonalProgressNotStarted ? personalFutureTenseTitle : personalTitle}\n          </h3>\n          <div\n            class=\"description-container ${this.isMobile\n              ? \"header-container-mobile description-mobile\"\n              : \"header-container-desktop description-desktop\"}\"\n          >\n            <span class=\"description-prefix\" part=\"description\">\n              ${localizeUserString(this.configLang, data?.config?.web?.additionalStrings?.[\"ctaMessagePrefix\"] || \"\") ||\n              strings[this.configLang].ctaMessagePrefix()}\n            </span>\n            <span class=\"description\" part=\"description\" id=\"beam-subscriptionImpact-description\">\n              ${localizeUserString(this.configLang, data?.config?.web?.dynamicStrings?.[\"ctaMessage\"] || \"\") ||\n              strings[this.configLang].description({ nonprofit: nonprofitName })}\n            </span>\n          </div>\n        </div>\n        <div class=\"root\">\n          <div\n            class=\"card-container cardGrid ${this.isMobile ? \"card-container-mobile\" : \"\"}\"\n            id=\"beam-subscriptionImpact-card-container\"\n          >\n            ${this.renderInlineCard({\n              title: isPersonalProgressNotStarted\n                ? localizeUserString(\n                    this.configLang,\n                    data?.config?.web?.additionalStrings?.[\"futureTensePersonalImpactTitle\"] || \"\"\n                  ) || strings[this.configLang].futureTensePersonalImpactTitle()\n                : localizeUserString(\n                    this.configLang,\n                    data?.config?.web?.additionalStrings?.[\"personalImpactTitle\"] || \"\"\n                  ) || strings[this.configLang].personalImpactTitle(),\n              image: personalCardImage,\n              description: localizeUserString(this.configLang, personalImpact?.impact?.description || \"\"),\n              link: personalLink,\n              linkText:\n                localizeUserString(this.configLang, data?.config?.web?.dynamicStrings?.[\"personalLinkCopy\"] || \"\") ||\n                strings[this.configLang].personalLinkCopy({ nonprofit: nonprofitName, hideArrow: hideLearnAboutArrow }),\n              progressBarValue: personalProgressPercentage,\n              progressBarText: personalProgressDescription,\n              infoPill:\n                localizeUserString(this.configLang, data?.config?.web?.additionalStrings?.[\"progressPillText\"] || \"\") ||\n                strings[this.configLang].progressPillText(),\n              imageType: cardStyle,\n              cardType: \"personal\",\n              imagePosition: imagePosition,\n            })}\n            ${this.renderInlineCard({\n              title:\n                localizeUserString(\n                  this.configLang,\n                  data?.config?.web?.additionalStrings?.[\"communityImpactTitle\"] || \"\"\n                ) || strings[this.configLang].communityImpactTitle(),\n              image: communityCardImage,\n              description: localizeUserString(this.configLang, communityImpact?.impact?.description || \"\"),\n              link: communityLink,\n              linkText:\n                localizeUserString(this.configLang, data?.config?.web?.dynamicStrings?.[\"communityLinkCopy\"] || \"\") ||\n                strings[this.configLang].communityLinkCopy({ brandName: brandName, hideArrow: hideLearnAboutArrow }),\n              progressBarValue: communityProgressPercentage,\n              progressBarText: communityProgressDescription,\n              infoPill:\n                localizeUserString(this.configLang, data?.config?.web?.additionalStrings?.[\"progressPillText\"] || \"\") ||\n                strings[this.configLang].progressPillText(),\n              imageType: cardStyle,\n              cardType: \"community\",\n              imagePosition: imagePosition,\n            })}\n          </div>\n        </div>\n        <div class=\"footer\" part=\"social-share\">\n          <beam-share-button\n            imageUrl=\"${shareImage}\"\n            brandName=\"${brandName}\"\n            shareIcon=\"${shareIcon}\"\n            buttonText=\"${localizeUserString(\n              this.configLang,\n              data?.config?.web?.additionalStrings?.[\"shareButtonText\"] || \"\"\n            )}\"\n            configLang=\"${this.configLang}\"\n          ></beam-share-button>\n        </div>\n      </div>\n    `;\n  }\n\n  renderInlineCard(impactCard: {\n    title: string;\n    description: string;\n    image: string | null;\n    link: string | null;\n    linkText: string;\n    progressBarValue?: number;\n    progressBarText?: string;\n    infoPill: string;\n    imageType: \"'image'\" | \"'icon'\" | \"'selected_icon'\";\n    cardType: \"personal\" | \"community\";\n    imagePosition: \"'inline'\" | \"'block'\";\n  }) {\n    const isPersonalProgressBarValueLow =\n      impactCard.progressBarValue !== undefined &&\n      impactCard.progressBarValue <= 1 &&\n      impactCard.cardType === \"personal\";\n    return html`\n      <div class=\"inline-card ${this.isMobile ? \"\" : \"inline-card-desktop\"}\">\n        ${impactCard.image && impactCard.imagePosition === \"'block'\" && impactCard.imageType === \"'image'\"\n          ? html` <div\n              class=\"image-block-container\"\n              style=\"background: url('${impactCard.image}');background-position: center;\n          background-size: cover;\n          background-repeat: no-repeat;\"\n            ></div>`\n          : \"\"}\n        <h4 class=\"card-title\">${impactCard.title}</h4>\n        <div class=\"inline-content\">\n          ${impactCard.image && impactCard.imagePosition === \"'inline'\"\n            ? html`${impactCard.imageType === \"'icon'\" || impactCard.imageType === \"'selected_icon'\"\n                ? html` <div class=\"icon-container\">\n                    <div class=\"icon-background\">\n                      <img src=\"${impactCard.image}\" alt=\"\" role=\"presentation\" class=\"icon\" />\n                    </div>\n                  </div>`\n                : html` <div class=\"image-container\">\n                    <img src=\"${impactCard.image}\" alt=\"\" role=\"presentation\" class=\"image\" />\n                  </div>`}`\n            : \"\"}\n          <div class=\"impact-container\" part=\"details\">\n            <p class=\"card-description\">${impactCard.description}</p>\n            <div class=\"card-progress-bar\">\n              ${isPersonalProgressBarValueLow\n                ? html` <beam-info-pill infoText=\"${impactCard.infoPill}\"></beam-info-pill> `\n                : html`\n                    <beam-progress-bar value=\"${impactCard.progressBarValue}\" style=\"flex: 1 0;\"> </beam-progress-bar>\n                    <span class=\"details-funding-progress-label\"> ${impactCard.progressBarText} </span>\n                  `}\n            </div>\n            <div class=\"link-container\">\n              <a href=\"${impactCard.link}\" class=\"impact-link\" target=\"_blank\">${impactCard.linkText}</a>\n            </div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  static styles = [\n    cssReset,\n    cssResponsiveUtils,\n    css`\n      :host {\n        display: block;\n        font-family: var(--beam-fontFamily);\n        font-style: var(--beam-fontStyle);\n        font-size: var(--beam-fontSize);\n        background-color: var(--beam-backgroundColor);\n        color: var(--beam-textColor);\n        max-width: var(--beam-subscriptionImpact-impactCards-maxWidth);\n        word-break: normal;\n      }\n\n      /* subscription impact container and header css */\n\n      .header-container-mobile {\n        text-align: var(--beam-subscriptionImpact-headerContainer-mobile-textAlign);\n      }\n\n      .header-container-desktop {\n        text-align: var(--beam-subscriptionImpact-headerContainer-desktop-textAlign);\n      }\n\n      .title {\n        ${useCustomText(\"--beam-subscriptionImpact-title\")};\n      }\n\n      .description-container {\n        margin-top: var(--beam-subscriptionImpact-descriptionContainer-marginTop);\n      }\n\n      .description-prefix {\n        ${useCustomText(\"--beam-subscriptionImpact-descriptionPrefix\")};\n      }\n\n      .description {\n        ${useCustomText(\"--beam-subscriptionImpact-description\")};\n      }\n\n      .root {\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n        flex-shrink: 0;\n      }\n\n      .card-container {\n        margin-top: var(--beam-subscriptionImpact-cardContainer-marginTop);\n        gap: var(--beam-subscriptionImpact-cardContainer-gap);\n        display: grid;\n        justify-content: center;\n      }\n\n      .card-container-mobile {\n        flex-direction: column;\n      }\n\n      /* subscription impact card css */\n      .inline-card {\n        border-radius: var(--beam-subscriptionImpact-card-borderRadius);\n        background: var(--beam-subscriptionImpact-card-background);\n        padding: var(--beam-subscriptionImpact-card-padding);\n        flex: 2;\n        flex-direction: column;\n        margin-top: var(--beam-subscriptionImpact-card-marginTop);\n        display: flex;\n        gap: var(--beam-subscriptionImpact-card-gap);\n      }\n\n      .inline-card-desktop {\n        margin-right: var(--beam-subscriptionImpact-card-marginRight);\n      }\n\n      .inline-content {\n        display: flex;\n        flex-direction: row;\n        gap: 15px;\n        height: 100%;\n      }\n\n      .card-title {\n        text-align: var(--beam-subscriptionImpact-cardTitle-textAlign);\n        letter-spacing: var(--beam-subscriptionImpact-cardTitle-letterSpacing);\n        ${useCustomText(\"--beam-subscriptionImpact-cardTitle\")};\n      }\n\n      .icon-container {\n        flex: 0;\n        flex-direction: column;\n      }\n\n      .image-block-container {\n        flex-shrink: 0;\n        height: var(--beam-subscriptionImpact-imageBlock-height);\n        border-radius: var(--beam-subscriptionImpact-imageBlock-borderRadius);\n      }\n\n      .image-container {\n        flex: 4;\n        display: flex;\n        flex-direction: column;\n      }\n\n      .icon-background {\n        width: var(--beam-subscriptionImpact-iconBackground-width);\n        height: var(--beam-subscriptionImpact-iconBackground-height);\n        border-radius: var(--beam-subscriptionImpact-iconBackground-borderRadius);\n        padding: var(--beam-subscriptionImpact-icon-padding);\n        overflow: hidden;\n        background: var(--beam-subscriptionImpact-iconBackground-background);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n\n      .icon {\n        height: var(--beam-subscriptionImpact-icon-height);\n        display: block;\n        margin: var(--beam-subscriptionImpact-icon-margin);\n        border-radius: var(--beam-subscriptionImpact-icon-borderRadius);\n      }\n\n      .image {\n        flex: 4;\n        height: auto;\n        width: 100%;\n        object-fit: cover;\n        min-height: var(--beam-subscriptionImpact-image-minHeight);\n        min-width: var(--beam-subscriptionImpact-image-minWidth);\n        border-radius: var(--beam-subscriptionImpact-image-borderRadius);\n      }\n\n      .impact-container {\n        flex: 1 1 67%;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        flex-wrap: nowrap;\n        justify-content: space-between;\n        align-content: stretch;\n        align-items: stretch;\n        position: relative;\n      }\n\n      .card-description {\n        flex-grow: 1;\n        padding: var(--beam-subscriptionImpact-cardDescription-padding);\n        ${useCustomText(\"--beam-subscriptionImpact-cardDescription\")};\n      }\n\n      .card-progress-bar {\n        flex: 1 1;\n        display: flex;\n        align-items: center;\n        padding: var(--beam-subscriptionImpact-card-progressBar-padding);\n      }\n\n      .details-funding-progress-label {\n        gap: var(--beam-subscriptionImpact-card-progressBarLabel-gap);\n        white-space: nowrap;\n        text-align: var(--beam-subscriptionImpact-card-progressBarLabel-textAlign);\n        flex: 0 1;\n        margin-left: var(--beam-subscriptionImpact-card-progressBarLabel-marginLeft);\n        ${useCustomText(\"--beam-subscriptionImpact-card-progressBarLabel\")};\n      }\n\n      .link-container {\n        text-align: var(--beam-subscriptionImpact-card-linkContainer-textAlign);\n      }\n\n      .impact-link {\n        display: inline-block;\n        text-decoration-line: var(--beam-subscriptionImpact-card-impactLink-textDecoration);\n        ${useCustomText(\"--beam-subscriptionImpact-card-impactLink\")};\n      }\n\n      /* share footer */\n      .footer {\n        text-align: var(--beam-subscriptionImpact-footer-textAlign);\n        margin-top: var(--beam-subscriptionImpact-footer-marginTop);\n      }\n    `,\n    cssCardGrid({\n      gap: \"var(--beam-subscriptionImpact-cardContainer-gap)\",\n      itemMinWidth: \"250px\",\n      columnCount: \"2\",\n    }),\n  ];\n}\n\ndefineCustomElement(BeamSubscriptionImpact);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-subscription-impact\": BeamSubscriptionImpact;\n  }\n}\n"],"names":["BeamInfoPill","LitElement","css","html","__decorateClass","property","infoPillLabelConfigDefaults","strings","causeName","nonprofit","hideArrow","brandName","BeamSubscriptionImpact","DEFAULT_BASE_URL","enforceConfig","getImpact","makeApiKeyHeader","AsyncController","debounce","syncElementHeights","SUPPORTED_LANGUAGES","changedProperties","requireNewDataProps","prop","callback","e","logger","defaults","progressBarConfigDefaults","shareButtonConfigDefaults","defineCustomText","remoteConfig","config","_cssVariableMap","data","loading","error","_loading","_errorMessage","communityImpact","personalImpact","localizeUserString","nonprofitName","personalProgressPercentage","isPersonalProgressNotStarted","communityProgressPercentage","personalProgressDescription","communityProgressDescription","communityImage","personalImage","unselectedIcon","selectedIcon","cardStyle","imagePosition","isImage","iconImage","communityCardImage","personalCardImage","personalTitle","personalFutureTenseTitle","communityLink","personalLink","shareImage","shareIcon","hideLearnAboutArrow","impactCard","isPersonalProgressBarValueLow","cssReset","cssResponsiveUtils","useCustomText","cssCardGrid","state","queryAll","defineCustomElement"],"mappings":"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"}
+{"version":3,"file":"subscription-impact.js","sources":["../../src/shared/components/info-pill.ts","../../src/components/subscription-impact/strings.ts","../../src/components/subscription-impact/index.ts"],"sourcesContent":["import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport \"@shoelace-style/shoelace/dist/components/badge/badge.js\";\n\nexport class BeamInfoPill extends LitElement {\n  @property({ type: String }) infoText = \"\";\n\n  static get styles() {\n    return css`\n      sl-badge::part(base) {\n        background-color: var(--beam-pillLabel-color-background, #000);\n        color: var(--beam-pillLabel-color, #fff);\n        border: var(--beam-pillLabel-border-width, 3px) solid var(--beam-pillLabel-border, #000);\n        border-radius: 18.37px;\n        font-family: var(--beam-pillLabel-font, inherit);\n        font-size: var(--beam-pillLabel-font-size, 12px);\n        font-style: var(--beam-pillLabel-font-style, italic);\n        font-weight: var(--beam-pillLabel-font-weight, bold);\n        text-transform: var(--beam-pillLabel-text-transform, none);\n        padding: var(--beam-pillLabel-padding, 3px 4px);\n      }\n    `;\n  }\n\n  render() {\n    return html`<sl-badge pill aria-label=\"${this.infoText}\">${this.infoText}</sl-badge>`;\n  }\n}\n\ncustomElements.get(\"beam-info-pill\") || customElements.define(\"beam-info-pill\", BeamInfoPill);\n\nexport const infoPillLabelConfigDefaults = {\n  \"--beam-pillLabel-color-background\": \"#0A323C\",\n  \"--beam-pillLabel-color\": \"#fff\",\n  \"--beam-pillLabel-border\": \"#0A323C\",\n  \"--beam-pillLabel-border-width\": \"1px\",\n  \"--beam-pillLabel-font-size\": \"10px\",\n  \"--beam-pillLabel-font\": \"inherit\",\n  \"--beam-pillLabel-font-weight\": \"400\",\n  \"--beam-pillLabel-text-transform\": \"none\",\n  \"--beam-pillLabel-font-style\": \"italic\",\n  \"--beam-pillLabel-padding\": \"3px 4px\",\n} as const;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-info-pill\": BeamInfoPill;\n  }\n}\n","export const strings = {\n  en: {\n    title: ({ causeName = \"\" }) => `Your Subscription is Going Towards ${causeName} With Every Order`,\n    futureTenseTitle: ({ causeName = \"\" }) => `Your Subscription Will Go Towards ${causeName} With Every Order`,\n    ctaMessagePrefix: () => `At no extra cost, `,\n    description: ({ nonprofit = \"\" }) => `1% of every order will be donated to ${nonprofit} on your behalf.`,\n    personalImpactTitle: () => `You're Currently Funding`,\n    futureTensePersonalImpactTitle: () => `You’ll Be Funding`,\n    communityImpactTitle: () => `Together We're Funding`,\n    personalLinkCopy: ({ nonprofit = \"\", hideArrow = false }) => `Learn about ${nonprofit}${!hideArrow ? \" ›\" : \"\"}`,\n    communityLinkCopy: ({ brandName = \"\", hideArrow = false }) => `Learn about ${brandName}${!hideArrow ? \" ›\" : \"\"}`,\n    percentFunded: () => `funded`,\n    progressPillText: () => `🎉 Impact begins once order is charged`,\n  },\n  fr: {\n    title: ({ causeName = \"\" }) => `Your Subscription is Going Towards ${causeName} With Every Order`,\n    futureTenseTitle: ({ causeName = \"\" }) => `Your Subscription Will Go Towards ${causeName} With Every Order`,\n    ctaMessagePrefix: () => `At no extra cost, `,\n    description: ({ nonprofit = \"\" }) => `1% of every order will be donated to ${nonprofit} on your behalf.`,\n    personalImpactTitle: () => `You're Currently Funding`,\n    futureTensePersonalImpactTitle: () => `You’ll Be Funding`,\n    communityImpactTitle: () => `Together We're Funding`,\n    personalLinkCopy: ({ nonprofit = \"\", hideArrow = false }) => `Learn about ${nonprofit}${!hideArrow ? \" ›\" : \"\"}`,\n    communityLinkCopy: ({ brandName = \"\", hideArrow = false }) => `Learn about ${brandName}${!hideArrow ? \" ›\" : \"\"}`,\n    percentFunded: () => `funded`,\n    progressPillText: () => `🎉 Impact begins once order is charged`,\n  },\n  de: {\n    title: ({ causeName = \"\" }) => `Your Subscription is Going Towards ${causeName} With Every Order`,\n    futureTenseTitle: ({ causeName = \"\" }) => `Your Subscription Will Go Towards ${causeName} With Every Order`,\n    ctaMessagePrefix: () => `At no extra cost, `,\n    description: ({ nonprofit = \"\" }) => `1% of every order will be donated to ${nonprofit} on your behalf.`,\n    personalImpactTitle: () => `You're Currently Funding`,\n    futureTensePersonalImpactTitle: () => `You’ll Be Funding`,\n    communityImpactTitle: () => `Together We're Funding`,\n    personalLinkCopy: ({ nonprofit = \"\", hideArrow = false }) => `Learn about ${nonprofit}${!hideArrow ? \" ›\" : \"\"}`,\n    communityLinkCopy: ({ brandName = \"\", hideArrow = false }) => `Learn about ${brandName}${!hideArrow ? \" ›\" : \"\"}`,\n    percentFunded: () => `funded`,\n    progressPillText: () => `🎉 Impact begins once order is charged`,\n  },\n  es: {\n    title: ({ causeName = \"\" }) => `Your Subscription is Going Towards ${causeName} With Every Order`,\n    futureTenseTitle: ({ causeName = \"\" }) => `Your Subscription Will Go Towards ${causeName} With Every Order`,\n    ctaMessagePrefix: () => `At no extra cost, `,\n    description: ({ nonprofit = \"\" }) => `1% of every order will be donated to ${nonprofit} on your behalf.`,\n    personalImpactTitle: () => `You're Currently Funding`,\n    futureTensePersonalImpactTitle: () => `You’ll Be Funding`,\n    communityImpactTitle: () => `Together We're Funding`,\n    personalLinkCopy: ({ nonprofit = \"\", hideArrow = false }) => `Learn about ${nonprofit}${!hideArrow ? \" ›\" : \"\"}`,\n    communityLinkCopy: ({ brandName = \"\", hideArrow = false }) => `Learn about ${brandName}${!hideArrow ? \" ›\" : \"\"}`,\n    percentFunded: () => `funded`,\n    progressPillText: () => `🎉 Impact begins once order is charged`,\n  },\n  it: {\n    title: ({ causeName = \"\" }) => `Your Subscription is Going Towards ${causeName} With Every Order`,\n    futureTenseTitle: ({ causeName = \"\" }) => `Your Subscription Will Go Towards ${causeName} With Every Order`,\n    ctaMessagePrefix: () => `At no extra cost, `,\n    description: ({ nonprofit = \"\" }) => `1% of every order will be donated to ${nonprofit} on your behalf.`,\n    personalImpactTitle: () => `You're Currently Funding`,\n    futureTensePersonalImpactTitle: () => `You’ll Be Funding`,\n    communityImpactTitle: () => `Together We're Funding`,\n    personalLinkCopy: ({ nonprofit = \"\", hideArrow = false }) => `Learn about ${nonprofit}${!hideArrow ? \" ›\" : \"\"}`,\n    communityLinkCopy: ({ brandName = \"\", hideArrow = false }) => `Learn about ${brandName}${!hideArrow ? \" ›\" : \"\"}`,\n    percentFunded: () => `funded`,\n    progressPillText: () => `🎉 Impact begins once order is charged`,\n  },\n  pl: {\n    title: ({ causeName = \"\" }) => `Your Subscription is Going Towards ${causeName} With Every Order`,\n    futureTenseTitle: ({ causeName = \"\" }) => `Your Subscription Will Go Towards ${causeName} With Every Order`,\n    ctaMessagePrefix: () => `At no extra cost, `,\n    description: ({ nonprofit = \"\" }) => `1% of every order will be donated to ${nonprofit} on your behalf.`,\n    personalImpactTitle: () => `You're Currently Funding`,\n    futureTensePersonalImpactTitle: () => `You’ll Be Funding`,\n    communityImpactTitle: () => `Together We're Funding`,\n    personalLinkCopy: ({ nonprofit = \"\", hideArrow = false }) => `Learn about ${nonprofit}${!hideArrow ? \" ›\" : \"\"}`,\n    communityLinkCopy: ({ brandName = \"\", hideArrow = false }) => `Learn about ${brandName}${!hideArrow ? \" ›\" : \"\"}`,\n    percentFunded: () => `funded`,\n    progressPillText: () => `🎉 Impact begins once order is charged`,\n  },\n};\n","import { html, css, LitElement, PropertyValues } from \"lit\";\nimport debounce from \"lodash-es/debounce\";\nimport isNil from \"lodash-es/isNil\";\nimport { property } from \"lit/decorators/property.js\";\nimport { queryAll } from \"lit/decorators/query-all.js\";\nimport { state } from \"lit/decorators/state.js\";\nimport { progressBarConfigDefaults } from \"../../shared/components/progress-bar\";\nimport { shareButtonConfigDefaults } from \"../../shared/components/share-button\";\nimport { infoPillLabelConfigDefaults } from \"../../shared/components/info-pill\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES } from \"../../api-sdk/constants\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { syncElementHeights } from \"../../shared/sync-element-heights\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { makeApiKeyHeader } from \"../../utils/makeApiKeyHeader\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { TId, TNumericId, TUrl } from \"../../shared/types\";\nimport { MissingConfig } from \"../../utils/beam-errors\";\nimport { cssResponsiveUtils } from \"../../shared/responsive\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { getImpact } from \"../../api-sdk/v3/routes\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { logger } from \"../../utils/logger\";\nimport { cssCardGrid } from \"../../shared/fragments/css-card-grid\";\nimport { strings } from \"./strings\";\nimport \"../../shared/components/progress-bar\";\nimport \"../../shared/components/share-button\";\nimport \"../../shared/components/info-pill\";\n\ntype RequiredConfig = {\n  apiKey: string;\n  nonprofitId: TNumericId;\n  beamUserId: TId;\n};\n\nexport class BeamSubscriptionImpact extends LitElement {\n  static tagName = \"beam-subscription-impact\";\n\n  @property({ type: String, reflect: true }) public baseUrl: TUrl = DEFAULT_BASE_URL;\n  @property({ type: String, reflect: false }) apiKey?: RequiredConfig[\"apiKey\"];\n  @property({ type: Number }) storeId?: number;\n  @property({ type: String, reflect: true }) nonprofitId?: RequiredConfig[\"nonprofitId\"];\n  @property({ type: String, reflect: true }) beamUserId?: RequiredConfig[\"beamUserId\"];\n  @property({ type: String }) public lang: LANGUAGES = \"en\";\n  @property({ type: Boolean }) public debug = false;\n  @property({ type: Boolean }) public draftConfig = false;\n\n  @state() private isMobile = window.innerWidth < 720;\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  getImpactData = async () => {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"beamUserId\", \"nonprofitId\"], this)) throw new MissingConfig();\n    const res = await getImpact({\n      baseUrl: this.baseUrl,\n      headers: makeApiKeyHeader(this.apiKey),\n      queryParams: {\n        nonprofitId: this.nonprofitId,\n        beamUserId: this.beamUserId,\n        personalImpactLimit: 1,\n        communityImpactLimit: 1,\n        storeId: this.storeId,\n        widgetName: \"subscription-impact\",\n        draftConfig: this.draftConfig,\n        version: \"1.0.0\",\n        lang: this.configLang,\n      },\n    });\n\n    return res;\n  };\n\n  private impactDataController = new AsyncController<typeof this.getImpactData>(this, this.getImpactData);\n\n  @queryAll(\".card-title\")\n  impactTitleRefs!: HTMLElement[];\n\n  @queryAll(\".impact-link\")\n  impactLinkRefs!: HTMLElement[];\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(\"resize\", this.evaluateBreakPoints);\n  }\n\n  async updated(changedProperties: PropertyValues): Promise<void> {\n    // Fires on first load as props go from undefined => value\n    const requireNewDataProps = [\"baseUrl\", \"storeId\", \"apiKey\", \"beamUserId\", \"lang\"];\n    for (const prop of requireNewDataProps) {\n      if (changedProperties.has(prop)) {\n        await this.impactDataController.exec();\n        break;\n      }\n    }\n    this.resizeElements(); // Handle layout shifts immediately\n    await this.handleFontLoad(this.resizeElements); // If content change triggered font load, resize again\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener(\"resize\", this.resizeElements);\n    document.fonts.removeEventListener(\"loadingdone\", this.resizeElements);\n    super.disconnectedCallback();\n  }\n\n  /**\n   * Safari does not fire loading events on the document FontFaceSet, but it does implement the .ready Promise\n   * Call this method to wait for font loads that may be triggered by content changes\n   */\n  async handleFontLoad<T = any>(callback: () => T | void) {\n    if (document.fonts.status === \"loading\") {\n      await document.fonts.ready.catch((e) => logger.error(e));\n      return callback();\n    }\n  }\n\n  public get cssVariables() {\n    const defaults = {\n      ...progressBarConfigDefaults,\n      ...shareButtonConfigDefaults,\n      ...infoPillLabelConfigDefaults,\n      \"--beam-fontFamily\": \"inherit\",\n      \"--beam-fontStyle\": \"inherit\",\n      \"--beam-fontSize\": \"12px\",\n      \"--beam-textColor\": \"inherit\",\n      \"--beam-backgroundColor\": \"inherit\",\n      \"--beam-subscriptionImpact-impactCards-maxWidth\": \"900px\",\n      \"--beam-subscriptionImpact-headerContainer-desktop-textAlign\": \"left\",\n      \"--beam-subscriptionImpact-headerContainer-mobile-textAlign\": \"center\",\n      \"--beam-subscriptionImpact-descriptionContainer-marginTop\": \"10px\",\n      \"--beam-subscriptionImpact-cardContainer-marginTop\": \"15px\",\n      \"--beam-subscriptionImpact-cardContainer-gap\": \"20px\",\n      \"--beam-subscriptionImpact-card-borderRadius\": \"8px\",\n      \"--beam-subscriptionImpact-card-background\": \"#f8fbfb\",\n      \"--beam-subscriptionImpact-card-padding\": \"24px 28px 24px 24px\",\n      \"--beam-subscriptionImpact-card-marginRight\": \"0px\",\n      \"--beam-subscriptionImpact-card-marginTop\": \"10px\",\n      \"--beam-subscriptionImpact-card-gap\": \"5px\",\n      \"--beam-subscriptionImpact-cardTitle-textAlign\": \"left\",\n      \"--beam-subscriptionImpact-cardTitle-letterSpacing\": \"0.36px\",\n      \"--beam-SubscriptionImpact-cardStyle\": \"'selected_icon'\",\n      \"--beam-SubscriptionImpact-imagePosition\": \"'inline'\",\n      \"--beam-subscriptionImpact-imageBlock-height\": \"120px\",\n      \"--beam-subscriptionImpact-imageBlock-borderRadius\": \"4px\",\n      \"--beam-subscriptionImpact-iconBackground-width\": \"50px\",\n      \"--beam-subscriptionImpact-iconBackground-height\": \"50px\",\n      \"--beam-subscriptionImpact-iconBackground-borderRadius\": \"50%\",\n      \"--beam-subscriptionImpact-iconBackground-background\": \"#0a323c\",\n      \"--beam-subscriptionImpact-icon-height\": \"28px\",\n      \"--beam-subscriptionImpact-icon-margin\": \"auto\",\n      \"--beam-subscriptionImpact-icon-padding\": \"10px\",\n      \"--beam-subscriptionImpact-icon-borderRadius\": \"4px\",\n      \"--beam-subscriptionImpact-image-borderRadius\": \"4px\",\n      \"--beam-subscriptionImpact-image-minHeight\": \"0\",\n      \"--beam-subscriptionImpact-image-minWidth\": \"0\",\n      \"--beam-subscriptionImpact-cardDescription-padding\": \"0px\",\n      \"--beam-subscriptionImpact-card-progressBar-padding\": \"8px 0px\",\n      \"--beam-subscriptionImpact-card-progressBarLabel-gap\": \"10px\",\n      \"--beam-subscriptionImpact-card-progressBarLabel-textAlign\": \"right\",\n      \"--beam-subscriptionImpact-card-progressBarLabel-marginLeft\": \"8px\",\n      \"--beam-subscriptionImpact-card-linkContainer-textAlign\": \"left\",\n      \"--beam-subscriptionImpact-card-impactLink-textDecoration\": \"underline\",\n      \"--beam-subscriptionImpact-footer-textAlign\": \"center\",\n      \"--beam-subscriptionImpact-footer-marginTop\": \"10px\",\n      \"--beam-subscriptionImpact-share-button-icon-name\": \"share-2\",\n      \"--beam-subscriptionImpact-learnAbout-arrow-display\": \"block\",\n      ...defineCustomText(\"--beam-subscriptionImpact-title\", {\n        fontSize: \"20px\",\n        fontWeight: \"bold\",\n        lineHeight: \"120%\",\n        textTransform: \"capitalize\",\n        fontStyle: \"normal\",\n        color: \"#0a323c\",\n      }),\n      ...defineCustomText(\"--beam-subscriptionImpact-descriptionPrefix\", {\n        fontSize: \"14px\",\n        fontWeight: \"800\",\n        lineHeight: \"138%\",\n        fontStyle: \"normal\",\n        color: \"#2f302d\",\n        marginTop: \"9px\",\n      }),\n      ...defineCustomText(\"--beam-subscriptionImpact-description\", {\n        fontSize: \"14px\",\n        fontWeight: \"400\",\n        lineHeight: \"138%\",\n        fontStyle: \"normal\",\n        color: \"#2f302d\",\n        marginTop: \"9px\",\n      }),\n      ...defineCustomText(\"--beam-subscriptionImpact-cardTitle\", {\n        fontSize: \"12px\",\n        fontWeight: \"bold\",\n        lineHeight: \"120%\",\n        fontStyle: \"normal\",\n        textTransform: \"uppercase\",\n      }),\n      ...defineCustomText(\"--beam-subscriptionImpact-cardDescription\", {\n        fontSize: \"12px\",\n        fontWeight: \"400\",\n        lineHeight: \"18.2px\",\n        fontStyle: \"normal\",\n        color: \"#454a47\",\n      }),\n      ...defineCustomText(\"--beam-subscriptionImpact-card-progressBarLabel\", {\n        fontSize: \"10px\",\n        color: \"#878a92\",\n      }),\n      ...defineCustomText(\"--beam-subscriptionImpact-card-impactLink\", {\n        fontSize: \"12px\",\n        fontWeight: \"600\",\n        lineHeight: \"16px\",\n        fontStyle: \"normal\",\n        color: \"#454a47\",\n        marginTop: \"auto\",\n      }),\n    };\n    const remoteConfig = this.impactDataController?.data?.config?.web?.theme || {};\n    const config = {\n      ...defaults,\n      ...remoteConfig,\n    };\n    const serializable = Object.create({\n      toCSS() {\n        return _cssVariableMap(this as Record<string, string>);\n      },\n    });\n    return Object.assign(serializable, config);\n  }\n\n  evaluateBreakPoints = debounce(\n    () => {\n      this.isMobile = window.innerWidth < 768;\n    },\n    50,\n    { maxWait: 50, leading: true }\n  );\n\n  resizeElements = debounce(\n    () => {\n      syncElementHeights(this.impactTitleRefs);\n      syncElementHeights(this.impactLinkRefs);\n    },\n    50,\n    { maxWait: 50, leading: true }\n  );\n\n  render() {\n    const { data, loading, error } = this.impactDataController;\n    if (loading) {\n      return _loading();\n    }\n    if (error || data == null) {\n      return this.debug ? _errorMessage({ error: error || new Error(\"No data\") }) : \"\";\n    }\n\n    const communityImpact = data.community[0];\n    const personalImpact = data.personal[0];\n\n    const brandName = data.chain.name;\n    const causeName = localizeUserString(this.configLang, personalImpact?.nonprofit.cause || \"\");\n    const nonprofitName = personalImpact?.nonprofit.name;\n    const personalProgressPercentage = personalImpact?.impact?.goalProgressPercentage || 0;\n    const isPersonalProgressNotStarted = !(\n      personalImpact?.impact?.goalProgressPercentage > 0 || personalImpact?.impact?.goalCompletionText?.length > 0\n    );\n    const communityProgressPercentage = communityImpact?.impact?.goalProgressPercentage || 0;\n    const personalProgressDescription = `${personalProgressPercentage}% ${\n      localizeUserString(this.configLang, data?.config?.web?.additionalStrings?.[\"percentFunded\"] || \"\") ||\n      strings[this.configLang].percentFunded()\n    }`;\n    const communityProgressDescription = `${communityProgressPercentage}% ${\n      localizeUserString(this.configLang, data?.config?.web?.additionalStrings?.[\"percentFunded\"] || \"\") ||\n      strings[this.configLang].percentFunded()\n    }`;\n    const communityImage = communityImpact?.imageUrl || \"\";\n    const personalImage = personalImpact?.imageUrl || \"\";\n    const unselectedIcon = personalImpact?.nonprofit.causeIconUrl;\n    const selectedIcon = personalImpact?.nonprofit.causeIconSelectedUrl;\n    const cardStyle = this.cssVariables[\"--beam-SubscriptionImpact-cardStyle\"];\n    const imagePosition = this.cssVariables[\"--beam-SubscriptionImpact-imagePosition\"];\n    const isImage = cardStyle === \"'image'\";\n    const iconImage = cardStyle === \"'selected_icon'\" ? selectedIcon : unselectedIcon;\n    const communityCardImage = isImage ? communityImage : iconImage;\n    const personalCardImage = isImage ? personalImage : iconImage;\n    const personalTitle =\n      localizeUserString(this.configLang, data?.config?.web?.dynamicStrings?.[\"ctaTitle\"] || \"\") ||\n      strings[this.configLang].title({ causeName });\n\n    const personalFutureTenseTitle =\n      localizeUserString(this.configLang, data?.config?.web?.dynamicStrings?.[\"ctaFutureTenseTitle\"] || \"\") ||\n      strings[this.configLang].futureTenseTitle({ causeName });\n    const communityLink = isNil(data.store.communityPageURL)\n      ? data.chain.communityImpactUrl\n      : data.store.communityPageURL;\n    const personalLink = personalImpact?.nonprofit?.website;\n    const shareImage = personalImpact?.share?.imageUrl;\n    const shareIcon = this.cssVariables[\"--beam-SubscriptionImpact-share-button-icon-name\"] || \"share-2\";\n    const hideLearnAboutArrow = this.cssVariables[\"--beam-subscriptionImpact-learnAbout-arrow-display\"] === \"none\";\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n\n      <div class=\"widget-container\" id=\"beam-subscription-impact-container\">\n        <div\n          class=\"header-container ${this.isMobile ? \"header-container-mobile\" : \"header-container-desktop\"}\"\n          id=\"beam-subscriptionImpact-header-container\"\n        >\n          <h3 class=\"title\" part=\"title\" id=\"beam-subscriptionImpact-title\">\n            ${isPersonalProgressNotStarted ? personalFutureTenseTitle : personalTitle}\n          </h3>\n          <div\n            class=\"description-container ${this.isMobile\n              ? \"header-container-mobile description-mobile\"\n              : \"header-container-desktop description-desktop\"}\"\n          >\n            <span class=\"description-prefix\" part=\"description\">\n              ${localizeUserString(this.configLang, data?.config?.web?.additionalStrings?.[\"ctaMessagePrefix\"] || \"\") ||\n              strings[this.configLang].ctaMessagePrefix()}\n            </span>\n            <span class=\"description\" part=\"description\" id=\"beam-subscriptionImpact-description\">\n              ${localizeUserString(this.configLang, data?.config?.web?.dynamicStrings?.[\"ctaMessage\"] || \"\") ||\n              strings[this.configLang].description({ nonprofit: nonprofitName })}\n            </span>\n          </div>\n        </div>\n        <div class=\"root\">\n          <div\n            class=\"card-container cardGrid ${this.isMobile ? \"card-container-mobile\" : \"\"}\"\n            id=\"beam-subscriptionImpact-card-container\"\n          >\n            ${this.renderInlineCard({\n              title: isPersonalProgressNotStarted\n                ? localizeUserString(\n                    this.configLang,\n                    data?.config?.web?.additionalStrings?.[\"futureTensePersonalImpactTitle\"] || \"\"\n                  ) || strings[this.configLang].futureTensePersonalImpactTitle()\n                : localizeUserString(\n                    this.configLang,\n                    data?.config?.web?.additionalStrings?.[\"personalImpactTitle\"] || \"\"\n                  ) || strings[this.configLang].personalImpactTitle(),\n              image: personalCardImage,\n              description: localizeUserString(this.configLang, personalImpact?.impact?.description || \"\"),\n              link: personalLink,\n              linkText:\n                localizeUserString(this.configLang, data?.config?.web?.dynamicStrings?.[\"personalLinkCopy\"] || \"\") ||\n                strings[this.configLang].personalLinkCopy({ nonprofit: nonprofitName, hideArrow: hideLearnAboutArrow }),\n              progressBarValue: personalProgressPercentage,\n              progressBarText: personalProgressDescription,\n              infoPill:\n                localizeUserString(this.configLang, data?.config?.web?.additionalStrings?.[\"progressPillText\"] || \"\") ||\n                strings[this.configLang].progressPillText(),\n              imageType: cardStyle,\n              cardType: \"personal\",\n              imagePosition: imagePosition,\n            })}\n            ${this.renderInlineCard({\n              title:\n                localizeUserString(\n                  this.configLang,\n                  data?.config?.web?.additionalStrings?.[\"communityImpactTitle\"] || \"\"\n                ) || strings[this.configLang].communityImpactTitle(),\n              image: communityCardImage,\n              description: localizeUserString(this.configLang, communityImpact?.impact?.description || \"\"),\n              link: communityLink,\n              linkText:\n                localizeUserString(this.configLang, data?.config?.web?.dynamicStrings?.[\"communityLinkCopy\"] || \"\") ||\n                strings[this.configLang].communityLinkCopy({ brandName: brandName, hideArrow: hideLearnAboutArrow }),\n              progressBarValue: communityProgressPercentage,\n              progressBarText: communityProgressDescription,\n              infoPill:\n                localizeUserString(this.configLang, data?.config?.web?.additionalStrings?.[\"progressPillText\"] || \"\") ||\n                strings[this.configLang].progressPillText(),\n              imageType: cardStyle,\n              cardType: \"community\",\n              imagePosition: imagePosition,\n            })}\n          </div>\n        </div>\n        <div class=\"footer\" part=\"social-share\">\n          <beam-share-button\n            imageUrl=\"${shareImage}\"\n            brandName=\"${brandName}\"\n            shareIcon=\"${shareIcon}\"\n            buttonText=\"${localizeUserString(\n              this.configLang,\n              data?.config?.web?.additionalStrings?.[\"shareButtonText\"] || \"\"\n            )}\"\n            configLang=\"${this.configLang}\"\n          ></beam-share-button>\n        </div>\n      </div>\n    `;\n  }\n\n  renderInlineCard(impactCard: {\n    title: string;\n    description: string;\n    image: string | null;\n    link: string | null;\n    linkText: string;\n    progressBarValue?: number;\n    progressBarText?: string;\n    infoPill: string;\n    imageType: \"'image'\" | \"'icon'\" | \"'selected_icon'\";\n    cardType: \"personal\" | \"community\";\n    imagePosition: \"'inline'\" | \"'block'\";\n  }) {\n    const isPersonalProgressBarValueLow =\n      impactCard.progressBarValue !== undefined &&\n      impactCard.progressBarValue <= 1 &&\n      impactCard.cardType === \"personal\";\n    return html`\n      <div class=\"inline-card ${this.isMobile ? \"\" : \"inline-card-desktop\"}\">\n        ${impactCard.image && impactCard.imagePosition === \"'block'\" && impactCard.imageType === \"'image'\"\n          ? html` <div\n              class=\"image-block-container\"\n              style=\"background: url('${impactCard.image}');background-position: center;\n          background-size: cover;\n          background-repeat: no-repeat;\"\n            ></div>`\n          : \"\"}\n        <h4 class=\"card-title\">${impactCard.title}</h4>\n        <div class=\"inline-content\">\n          ${impactCard.image && impactCard.imagePosition === \"'inline'\"\n            ? html`${impactCard.imageType === \"'icon'\" || impactCard.imageType === \"'selected_icon'\"\n                ? html` <div class=\"icon-container\">\n                    <div class=\"icon-background\">\n                      <img src=\"${impactCard.image}\" alt=\"\" role=\"presentation\" class=\"icon\" />\n                    </div>\n                  </div>`\n                : html` <div class=\"image-container\">\n                    <img src=\"${impactCard.image}\" alt=\"\" role=\"presentation\" class=\"image\" />\n                  </div>`}`\n            : \"\"}\n          <div class=\"impact-container\" part=\"details\">\n            <p class=\"card-description\">${impactCard.description}</p>\n            <div class=\"card-progress-bar\">\n              ${isPersonalProgressBarValueLow\n                ? html` <beam-info-pill infoText=\"${impactCard.infoPill}\"></beam-info-pill> `\n                : html`\n                    <beam-progress-bar value=\"${impactCard.progressBarValue}\" style=\"flex: 1 0;\"> </beam-progress-bar>\n                    <span class=\"details-funding-progress-label\"> ${impactCard.progressBarText} </span>\n                  `}\n            </div>\n            <div class=\"link-container\">\n              <a href=\"${impactCard.link}\" class=\"impact-link\" target=\"_blank\">${impactCard.linkText}</a>\n            </div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  static styles = [\n    cssReset,\n    cssResponsiveUtils,\n    css`\n      :host {\n        display: block;\n        font-family: var(--beam-fontFamily);\n        font-style: var(--beam-fontStyle);\n        font-size: var(--beam-fontSize);\n        background-color: var(--beam-backgroundColor);\n        color: var(--beam-textColor);\n        max-width: var(--beam-subscriptionImpact-impactCards-maxWidth);\n        word-break: normal;\n      }\n\n      /* subscription impact container and header css */\n\n      .header-container-mobile {\n        text-align: var(--beam-subscriptionImpact-headerContainer-mobile-textAlign);\n      }\n\n      .header-container-desktop {\n        text-align: var(--beam-subscriptionImpact-headerContainer-desktop-textAlign);\n      }\n\n      .title {\n        ${useCustomText(\"--beam-subscriptionImpact-title\")};\n      }\n\n      .description-container {\n        margin-top: var(--beam-subscriptionImpact-descriptionContainer-marginTop);\n      }\n\n      .description-prefix {\n        ${useCustomText(\"--beam-subscriptionImpact-descriptionPrefix\")};\n      }\n\n      .description {\n        ${useCustomText(\"--beam-subscriptionImpact-description\")};\n      }\n\n      .root {\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n        flex-shrink: 0;\n      }\n\n      .card-container {\n        margin-top: var(--beam-subscriptionImpact-cardContainer-marginTop);\n        gap: var(--beam-subscriptionImpact-cardContainer-gap);\n        display: grid;\n        justify-content: center;\n      }\n\n      .card-container-mobile {\n        flex-direction: column;\n      }\n\n      /* subscription impact card css */\n      .inline-card {\n        border-radius: var(--beam-subscriptionImpact-card-borderRadius);\n        background: var(--beam-subscriptionImpact-card-background);\n        padding: var(--beam-subscriptionImpact-card-padding);\n        flex: 2;\n        flex-direction: column;\n        margin-top: var(--beam-subscriptionImpact-card-marginTop);\n        display: flex;\n        gap: var(--beam-subscriptionImpact-card-gap);\n      }\n\n      .inline-card-desktop {\n        margin-right: var(--beam-subscriptionImpact-card-marginRight);\n      }\n\n      .inline-content {\n        display: flex;\n        flex-direction: row;\n        gap: 15px;\n        height: 100%;\n      }\n\n      .card-title {\n        text-align: var(--beam-subscriptionImpact-cardTitle-textAlign);\n        letter-spacing: var(--beam-subscriptionImpact-cardTitle-letterSpacing);\n        ${useCustomText(\"--beam-subscriptionImpact-cardTitle\")};\n      }\n\n      .icon-container {\n        flex: 0;\n        flex-direction: column;\n      }\n\n      .image-block-container {\n        flex-shrink: 0;\n        height: var(--beam-subscriptionImpact-imageBlock-height);\n        border-radius: var(--beam-subscriptionImpact-imageBlock-borderRadius);\n      }\n\n      .image-container {\n        flex: 4;\n        display: flex;\n        flex-direction: column;\n      }\n\n      .icon-background {\n        width: var(--beam-subscriptionImpact-iconBackground-width);\n        height: var(--beam-subscriptionImpact-iconBackground-height);\n        border-radius: var(--beam-subscriptionImpact-iconBackground-borderRadius);\n        padding: var(--beam-subscriptionImpact-icon-padding);\n        overflow: hidden;\n        background: var(--beam-subscriptionImpact-iconBackground-background);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n\n      .icon {\n        height: var(--beam-subscriptionImpact-icon-height);\n        display: block;\n        margin: var(--beam-subscriptionImpact-icon-margin);\n        border-radius: var(--beam-subscriptionImpact-icon-borderRadius);\n      }\n\n      .image {\n        flex: 4;\n        height: auto;\n        width: 100%;\n        object-fit: cover;\n        min-height: var(--beam-subscriptionImpact-image-minHeight);\n        min-width: var(--beam-subscriptionImpact-image-minWidth);\n        border-radius: var(--beam-subscriptionImpact-image-borderRadius);\n      }\n\n      .impact-container {\n        flex: 1 1 67%;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        flex-wrap: nowrap;\n        justify-content: space-between;\n        align-content: stretch;\n        align-items: stretch;\n        position: relative;\n      }\n\n      .card-description {\n        flex-grow: 1;\n        padding: var(--beam-subscriptionImpact-cardDescription-padding);\n        ${useCustomText(\"--beam-subscriptionImpact-cardDescription\")};\n      }\n\n      .card-progress-bar {\n        flex: 1 1;\n        display: flex;\n        align-items: center;\n        padding: var(--beam-subscriptionImpact-card-progressBar-padding);\n      }\n\n      .details-funding-progress-label {\n        gap: var(--beam-subscriptionImpact-card-progressBarLabel-gap);\n        white-space: nowrap;\n        text-align: var(--beam-subscriptionImpact-card-progressBarLabel-textAlign);\n        flex: 0 1;\n        margin-left: var(--beam-subscriptionImpact-card-progressBarLabel-marginLeft);\n        ${useCustomText(\"--beam-subscriptionImpact-card-progressBarLabel\")};\n      }\n\n      .link-container {\n        text-align: var(--beam-subscriptionImpact-card-linkContainer-textAlign);\n      }\n\n      .impact-link {\n        display: inline-block;\n        text-decoration-line: var(--beam-subscriptionImpact-card-impactLink-textDecoration);\n        ${useCustomText(\"--beam-subscriptionImpact-card-impactLink\")};\n      }\n\n      /* share footer */\n      .footer {\n        text-align: var(--beam-subscriptionImpact-footer-textAlign);\n        margin-top: var(--beam-subscriptionImpact-footer-marginTop);\n      }\n    `,\n    cssCardGrid({\n      gap: \"var(--beam-subscriptionImpact-cardContainer-gap)\",\n      itemMinWidth: \"250px\",\n      columnCount: \"2\",\n    }),\n  ];\n}\n\ndefineCustomElement(BeamSubscriptionImpact);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-subscription-impact\": BeamSubscriptionImpact;\n  }\n}\n"],"names":["BeamInfoPill","LitElement","css","html","__decorateClass","property","infoPillLabelConfigDefaults","strings","causeName","nonprofit","hideArrow","brandName","BeamSubscriptionImpact","DEFAULT_BASE_URL","enforceConfig","getImpact","makeApiKeyHeader","AsyncController","debounce","syncElementHeights","SUPPORTED_LANGUAGES","changedProperties","requireNewDataProps","prop","callback","e","logger","defaults","progressBarConfigDefaults","shareButtonConfigDefaults","defineCustomText","remoteConfig","config","_cssVariableMap","data","loading","error","_loading","_errorMessage","communityImpact","personalImpact","localizeUserString","nonprofitName","personalProgressPercentage","isPersonalProgressNotStarted","communityProgressPercentage","personalProgressDescription","communityProgressDescription","communityImage","personalImage","unselectedIcon","selectedIcon","cardStyle","imagePosition","isImage","iconImage","communityCardImage","personalCardImage","personalTitle","personalFutureTenseTitle","communityLink","isNil","personalLink","shareImage","shareIcon","hideLearnAboutArrow","impactCard","isPersonalProgressBarValueLow","cssReset","cssResponsiveUtils","useCustomText","cssCardGrid","state","queryAll","defineCustomElement"],"mappings":"kmCAIO,MAAMA,UAAqBC,CAAW,CAAtC,aAAA,CAAA,MAAA,GAAA,SAAA,EACuB,cAAW,EAEvC,CAAA,WAAW,QAAS,CAClB,OAAOC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,KAcT,CAEA,QAAS,CACP,OAAOC,+BAAkC,KAAK,QAAQ,KAAK,KAAK,QAAQ,aAC1E,CACF,CAtB8BC,GAAA,CAA3BC,EAAS,CAAE,KAAM,MAAO,CAAC,CAAA,EADfL,EACiB,UAAA,UAAA,EAwB9B,eAAe,IAAI,gBAAgB,GAAK,eAAe,OAAO,iBAAkBA,CAAY,EAE/E,MAAAM,GAA8B,CACzC,oCAAqC,UACrC,yBAA0B,OAC1B,0BAA2B,UAC3B,gCAAiC,MACjC,6BAA8B,OAC9B,wBAAyB,UACzB,+BAAgC,MAChC,kCAAmC,OACnC,8BAA+B,SAC/B,2BAA4B,SAC9B,EC1CaC,EAAU,CACrB,GAAI,CACF,MAAO,CAAC,CAAE,UAAAC,EAAY,EAAG,IAAM,sCAAsCA,CAAS,oBAC9E,iBAAkB,CAAC,CAAE,UAAAA,EAAY,EAAG,IAAM,qCAAqCA,CAAS,oBACxF,iBAAkB,IAAM,qBACxB,YAAa,CAAC,CAAE,UAAAC,EAAY,EAAG,IAAM,wCAAwCA,CAAS,mBACtF,oBAAqB,IAAM,2BAC3B,+BAAgC,IAAM,yBACtC,qBAAsB,IAAM,yBAC5B,iBAAkB,CAAC,CAAE,UAAAA,EAAY,GAAI,UAAAC,EAAY,EAAM,IAAM,eAAeD,CAAS,GAAIC,EAAmB,GAAP,SAAS,GAC9G,kBAAmB,CAAC,CAAE,UAAAC,EAAY,GAAI,UAAAD,EAAY,EAAM,IAAM,eAAeC,CAAS,GAAID,EAAmB,GAAP,SAAS,GAC/G,cAAe,IAAM,SACrB,iBAAkB,IAAM,+CAC1B,EACA,GAAI,CACF,MAAO,CAAC,CAAE,UAAAF,EAAY,EAAG,IAAM,sCAAsCA,CAAS,oBAC9E,iBAAkB,CAAC,CAAE,UAAAA,EAAY,EAAG,IAAM,qCAAqCA,CAAS,oBACxF,iBAAkB,IAAM,qBACxB,YAAa,CAAC,CAAE,UAAAC,EAAY,EAAG,IAAM,wCAAwCA,CAAS,mBACtF,oBAAqB,IAAM,2BAC3B,+BAAgC,IAAM,yBACtC,qBAAsB,IAAM,yBAC5B,iBAAkB,CAAC,CAAE,UAAAA,EAAY,GAAI,UAAAC,EAAY,EAAM,IAAM,eAAeD,CAAS,GAAIC,EAAmB,GAAP,SAAS,GAC9G,kBAAmB,CAAC,CAAE,UAAAC,EAAY,GAAI,UAAAD,EAAY,EAAM,IAAM,eAAeC,CAAS,GAAID,EAAmB,GAAP,SAAS,GAC/G,cAAe,IAAM,SACrB,iBAAkB,IAAM,+CAC1B,EACA,GAAI,CACF,MAAO,CAAC,CAAE,UAAAF,EAAY,EAAG,IAAM,sCAAsCA,CAAS,oBAC9E,iBAAkB,CAAC,CAAE,UAAAA,EAAY,EAAG,IAAM,qCAAqCA,CAAS,oBACxF,iBAAkB,IAAM,qBACxB,YAAa,CAAC,CAAE,UAAAC,EAAY,EAAG,IAAM,wCAAwCA,CAAS,mBACtF,oBAAqB,IAAM,2BAC3B,+BAAgC,IAAM,yBACtC,qBAAsB,IAAM,yBAC5B,iBAAkB,CAAC,CAAE,UAAAA,EAAY,GAAI,UAAAC,EAAY,EAAM,IAAM,eAAeD,CAAS,GAAIC,EAAmB,GAAP,SAAS,GAC9G,kBAAmB,CAAC,CAAE,UAAAC,EAAY,GAAI,UAAAD,EAAY,EAAM,IAAM,eAAeC,CAAS,GAAID,EAAmB,GAAP,SAAS,GAC/G,cAAe,IAAM,SACrB,iBAAkB,IAAM,+CAC1B,EACA,GAAI,CACF,MAAO,CAAC,CAAE,UAAAF,EAAY,EAAG,IAAM,sCAAsCA,CAAS,oBAC9E,iBAAkB,CAAC,CAAE,UAAAA,EAAY,EAAG,IAAM,qCAAqCA,CAAS,oBACxF,iBAAkB,IAAM,qBACxB,YAAa,CAAC,CAAE,UAAAC,EAAY,EAAG,IAAM,wCAAwCA,CAAS,mBACtF,oBAAqB,IAAM,2BAC3B,+BAAgC,IAAM,yBACtC,qBAAsB,IAAM,yBAC5B,iBAAkB,CAAC,CAAE,UAAAA,EAAY,GAAI,UAAAC,EAAY,EAAM,IAAM,eAAeD,CAAS,GAAIC,EAAmB,GAAP,SAAS,GAC9G,kBAAmB,CAAC,CAAE,UAAAC,EAAY,GAAI,UAAAD,EAAY,EAAM,IAAM,eAAeC,CAAS,GAAID,EAAmB,GAAP,SAAS,GAC/G,cAAe,IAAM,SACrB,iBAAkB,IAAM,+CAC1B,EACA,GAAI,CACF,MAAO,CAAC,CAAE,UAAAF,EAAY,EAAG,IAAM,sCAAsCA,CAAS,oBAC9E,iBAAkB,CAAC,CAAE,UAAAA,EAAY,EAAG,IAAM,qCAAqCA,CAAS,oBACxF,iBAAkB,IAAM,qBACxB,YAAa,CAAC,CAAE,UAAAC,EAAY,EAAG,IAAM,wCAAwCA,CAAS,mBACtF,oBAAqB,IAAM,2BAC3B,+BAAgC,IAAM,yBACtC,qBAAsB,IAAM,yBAC5B,iBAAkB,CAAC,CAAE,UAAAA,EAAY,GAAI,UAAAC,EAAY,EAAM,IAAM,eAAeD,CAAS,GAAIC,EAAmB,GAAP,SAAS,GAC9G,kBAAmB,CAAC,CAAE,UAAAC,EAAY,GAAI,UAAAD,EAAY,EAAM,IAAM,eAAeC,CAAS,GAAID,EAAmB,GAAP,SAAS,GAC/G,cAAe,IAAM,SACrB,iBAAkB,IAAM,+CAC1B,EACA,GAAI,CACF,MAAO,CAAC,CAAE,UAAAF,EAAY,EAAG,IAAM,sCAAsCA,CAAS,oBAC9E,iBAAkB,CAAC,CAAE,UAAAA,EAAY,EAAG,IAAM,qCAAqCA,CAAS,oBACxF,iBAAkB,IAAM,qBACxB,YAAa,CAAC,CAAE,UAAAC,EAAY,EAAG,IAAM,wCAAwCA,CAAS,mBACtF,oBAAqB,IAAM,2BAC3B,+BAAgC,IAAM,yBACtC,qBAAsB,IAAM,yBAC5B,iBAAkB,CAAC,CAAE,UAAAA,EAAY,GAAI,UAAAC,EAAY,EAAM,IAAM,eAAeD,CAAS,GAAIC,EAAmB,GAAP,SAAS,GAC9G,kBAAmB,CAAC,CAAE,UAAAC,EAAY,GAAI,UAAAD,EAAY,EAAM,IAAM,eAAeC,CAAS,GAAID,EAAmB,GAAP,SAAS,GAC/G,cAAe,IAAM,SACrB,iBAAkB,IAAM,+CAC1B,CACF,6ICxCaE,UAA+BX,CAAW,CAAhD,aAGsC,CAAA,MAAA,GAAA,SAAA,EAAA,KAAO,QAAgBY,EAKtC,KAAO,KAAkB,KACxB,KAAO,MAAQ,GACf,KAAO,YAAc,GAEzC,KAAQ,SAAW,OAAO,WAAa,IAMhD,KAAA,cAAgB,UACTC,GAA8B,CAAC,SAAU,aAAc,aAAa,EAAG,IAAI,EACpE,MAAMC,EAAU,CAC1B,QAAS,KAAK,QACd,QAASC,GAAiB,KAAK,MAAM,EACrC,YAAa,CACX,YAAa,KAAK,YAClB,WAAY,KAAK,WACjB,oBAAqB,EACrB,qBAAsB,EACtB,QAAS,KAAK,QACd,WAAY,sBACZ,YAAa,KAAK,YAClB,QAAS,QACT,KAAM,KAAK,UACb,CACF,CAAC,GAKH,KAAQ,qBAAuB,IAAIC,EAA2C,KAAM,KAAK,aAAa,EA6JtG,KAAA,oBAAsBC,EACpB,IAAM,CACJ,KAAK,SAAW,OAAO,WAAa,GACtC,EACA,GACA,CAAE,QAAS,GAAI,QAAS,EAAK,CAC/B,EAEA,KAAA,eAAiBA,EACf,IAAM,CACJC,EAAmB,KAAK,eAAe,EACvCA,EAAmB,KAAK,cAAc,CACxC,EACA,GACA,CAAE,QAAS,GAAI,QAAS,EAAK,CAC/B,CArMA,CAAA,IAAI,YAAa,CACf,OAAOC,EAAoB,KAAK,IAAI,GAAK,IAC3C,CA+BA,mBAAoB,CAClB,MAAM,kBAAkB,EACxB,OAAO,iBAAiB,SAAU,KAAK,mBAAmB,CAC5D,CAEA,MAAM,QAAQC,EAAkD,CAE9D,MAAMC,EAAsB,CAAC,UAAW,UAAW,SAAU,aAAc,MAAM,EACjF,UAAWC,KAAQD,EACjB,GAAID,EAAkB,IAAIE,CAAI,EAAG,CAC/B,MAAM,KAAK,qBAAqB,KAAK,EACrC,KACF,CAEF,KAAK,eAAe,EACpB,MAAM,KAAK,eAAe,KAAK,cAAc,CAC/C,CAEA,sBAAuB,CACrB,OAAO,oBAAoB,SAAU,KAAK,cAAc,EACxD,SAAS,MAAM,oBAAoB,cAAe,KAAK,cAAc,EACrE,MAAM,qBAAqB,CAC7B,CAMA,MAAM,eAAwBC,EAA0B,CACtD,GAAI,SAAS,MAAM,SAAW,UAC5B,aAAM,SAAS,MAAM,MAAM,MAAOC,GAAMC,GAAO,MAAMD,CAAC,CAAC,EAChDD,EAAS,CAEpB,CAEA,IAAW,cAAe,CACxB,MAAMG,EAAW,CACf,GAAGC,EACH,GAAGC,EACH,GAAGvB,GACH,oBAAqB,UACrB,mBAAoB,UACpB,kBAAmB,OACnB,mBAAoB,UACpB,yBAA0B,UAC1B,iDAAkD,QAClD,8DAA+D,OAC/D,6DAA8D,SAC9D,2DAA4D,OAC5D,oDAAqD,OACrD,8CAA+C,OAC/C,8CAA+C,MAC/C,4CAA6C,UAC7C,yCAA0C,sBAC1C,6CAA8C,MAC9C,2CAA4C,OAC5C,qCAAsC,MACtC,gDAAiD,OACjD,oDAAqD,SACrD,sCAAuC,kBACvC,0CAA2C,WAC3C,8CAA+C,QAC/C,oDAAqD,MACrD,iDAAkD,OAClD,kDAAmD,OACnD,wDAAyD,MACzD,sDAAuD,UACvD,wCAAyC,OACzC,wCAAyC,OACzC,yCAA0C,OAC1C,8CAA+C,MAC/C,+CAAgD,MAChD,4CAA6C,IAC7C,2CAA4C,IAC5C,oDAAqD,MACrD,qDAAsD,UACtD,sDAAuD,OACvD,4DAA6D,QAC7D,6DAA8D,MAC9D,yDAA0D,OAC1D,2DAA4D,YAC5D,6CAA8C,SAC9C,6CAA8C,OAC9C,mDAAoD,UACpD,qDAAsD,QACtD,GAAGwB,EAAiB,kCAAmC,CACrD,SAAU,OACV,WAAY,OACZ,WAAY,OACZ,cAAe,aACf,UAAW,SACX,MAAO,SACT,CAAC,EACD,GAAGA,EAAiB,8CAA+C,CACjE,SAAU,OACV,WAAY,MACZ,WAAY,OACZ,UAAW,SACX,MAAO,UACP,UAAW,KACb,CAAC,EACD,GAAGA,EAAiB,wCAAyC,CAC3D,SAAU,OACV,WAAY,MACZ,WAAY,OACZ,UAAW,SACX,MAAO,UACP,UAAW,KACb,CAAC,EACD,GAAGA,EAAiB,sCAAuC,CACzD,SAAU,OACV,WAAY,OACZ,WAAY,OACZ,UAAW,SACX,cAAe,WACjB,CAAC,EACD,GAAGA,EAAiB,4CAA6C,CAC/D,SAAU,OACV,WAAY,MACZ,WAAY,SACZ,UAAW,SACX,MAAO,SACT,CAAC,EACD,GAAGA,EAAiB,kDAAmD,CACrE,SAAU,OACV,MAAO,SACT,CAAC,EACD,GAAGA,EAAiB,4CAA6C,CAC/D,SAAU,OACV,WAAY,MACZ,WAAY,OACZ,UAAW,SACX,MAAO,UACP,UAAW,MACb,CAAC,CACH,EACMC,EAAe,KAAK,sBAAsB,MAAM,QAAQ,KAAK,OAAS,CAAA,EACtEC,EAAS,CACb,GAAGL,EACH,GAAGI,CACL,EAMA,OAAO,OAAO,OALO,OAAO,OAAO,CACjC,OAAQ,CACN,OAAOE,EAAgB,IAA8B,CACvD,CACF,CAAC,EACkCD,CAAM,CAC3C,CAmBA,QAAS,CACP,KAAM,CAAE,KAAAE,EAAM,QAAAC,EAAS,MAAAC,CAAM,EAAI,KAAK,qBACtC,GAAID,EACF,OAAOE,GAAAA,EAET,GAAID,GAASF,GAAQ,KACnB,OAAO,KAAK,MAAQI,GAAc,CAAE,MAAOF,GAAS,IAAI,MAAM,SAAS,CAAE,CAAC,EAAI,GAGhF,MAAMG,EAAkBL,EAAK,UAAU,CAAC,EAClCM,EAAiBN,EAAK,SAAS,CAAC,EAEhCvB,EAAYuB,EAAK,MAAM,KACvB1B,EAAYiC,EAAmB,KAAK,WAAYD,GAAgB,UAAU,OAAS,EAAE,EACrFE,EAAgBF,GAAgB,UAAU,KAC1CG,EAA6BH,GAAgB,QAAQ,wBAA0B,EAC/EI,EAA+B,EACnCJ,GAAgB,QAAQ,uBAAyB,GAAKA,GAAgB,QAAQ,oBAAoB,OAAS,GAEvGK,EAA8BN,GAAiB,QAAQ,wBAA0B,EACjFO,EAA8B,GAAGH,CAA0B,KAC/DF,EAAmB,KAAK,WAAYP,GAAM,QAAQ,KAAK,mBAAoB,eAAoB,EAAE,GACjG3B,EAAQ,KAAK,UAAU,EAAE,cAC3B,CAAA,GACMwC,EAA+B,GAAGF,CAA2B,KACjEJ,EAAmB,KAAK,WAAYP,GAAM,QAAQ,KAAK,mBAAoB,eAAoB,EAAE,GACjG3B,EAAQ,KAAK,UAAU,EAAE,eAC3B,GACMyC,EAAiBT,GAAiB,UAAY,GAC9CU,EAAgBT,GAAgB,UAAY,GAC5CU,EAAiBV,GAAgB,UAAU,aAC3CW,EAAeX,GAAgB,UAAU,qBACzCY,EAAY,KAAK,aAAa,qCAAqC,EACnEC,EAAgB,KAAK,aAAa,yCAAyC,EAC3EC,EAAUF,IAAc,UACxBG,EAAYH,IAAc,kBAAoBD,EAAeD,EAC7DM,EAAqBF,EAAUN,EAAiBO,EAChDE,EAAoBH,EAAUL,EAAgBM,EAC9CG,EACJjB,EAAmB,KAAK,WAAYP,GAAM,QAAQ,KAAK,gBAAiB,UAAe,EAAE,GACzF3B,EAAQ,KAAK,UAAU,EAAE,MAAM,CAAE,UAAAC,CAAU,CAAC,EAExCmD,EACJlB,EAAmB,KAAK,WAAYP,GAAM,QAAQ,KAAK,gBAAiB,qBAA0B,EAAE,GACpG3B,EAAQ,KAAK,UAAU,EAAE,iBAAiB,CAAE,UAAAC,CAAU,CAAC,EACnDoD,EAAgBC,EAAM3B,EAAK,MAAM,gBAAgB,EACnDA,EAAK,MAAM,mBACXA,EAAK,MAAM,iBACT4B,EAAetB,GAAgB,WAAW,QAC1CuB,EAAavB,GAAgB,OAAO,SACpCwB,EAAY,KAAK,aAAa,kDAAkD,GAAK,UACrFC,EAAsB,KAAK,aAAa,oDAAoD,IAAM,OACxG,OAAO9D;AAAAA;AAAAA;AAAAA,YAGC,KAAK,aAAa,MAAO,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oCAMD,KAAK,SAAW,0BAA4B,0BAA0B;AAAA;AAAA;AAAA;AAAA,cAI5FyC,EAA+Be,EAA2BD,CAAa;AAAA;AAAA;AAAA,2CAG1C,KAAK,SAChC,6CACA,8CAA8C;AAAA;AAAA;AAAA,gBAG9CjB,EAAmB,KAAK,WAAYP,GAAM,QAAQ,KAAK,mBAAoB,kBAAuB,EAAE,GACtG3B,EAAQ,KAAK,UAAU,EAAE,iBAAkB,CAAA;AAAA;AAAA;AAAA,gBAGzCkC,EAAmB,KAAK,WAAYP,GAAM,QAAQ,KAAK,gBAAiB,YAAiB,EAAE,GAC7F3B,EAAQ,KAAK,UAAU,EAAE,YAAY,CAAE,UAAWmC,CAAc,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAMnC,KAAK,SAAW,wBAA0B,EAAE;AAAA;AAAA;AAAA,cAG3E,KAAK,iBAAiB,CACtB,MAAOE,EACHH,EACE,KAAK,WACLP,GAAM,QAAQ,KAAK,mBAAoB,gCAAqC,EAC9E,GAAK3B,EAAQ,KAAK,UAAU,EAAE,+BAC9BkC,EAAAA,EACE,KAAK,WACLP,GAAM,QAAQ,KAAK,mBAAoB,qBAA0B,EACnE,GAAK3B,EAAQ,KAAK,UAAU,EAAE,oBAAoB,EACtD,MAAOkD,EACP,YAAahB,EAAmB,KAAK,WAAYD,GAAgB,QAAQ,aAAe,EAAE,EAC1F,KAAMsB,EACN,SACErB,EAAmB,KAAK,WAAYP,GAAM,QAAQ,KAAK,gBAAiB,kBAAuB,EAAE,GACjG3B,EAAQ,KAAK,UAAU,EAAE,iBAAiB,CAAE,UAAWmC,EAAe,UAAWuB,CAAoB,CAAC,EACxG,iBAAkBtB,EAClB,gBAAiBG,EACjB,SACEL,EAAmB,KAAK,WAAYP,GAAM,QAAQ,KAAK,mBAAoB,kBAAuB,EAAE,GACpG3B,EAAQ,KAAK,UAAU,EAAE,iBAAiB,EAC5C,UAAW6C,EACX,SAAU,WACV,cAAeC,CACjB,CAAC,CAAC;AAAA,cACA,KAAK,iBAAiB,CACtB,MACEZ,EACE,KAAK,WACLP,GAAM,QAAQ,KAAK,mBAAoB,sBAA2B,EACpE,GAAK3B,EAAQ,KAAK,UAAU,EAAE,qBAAqB,EACrD,MAAOiD,EACP,YAAaf,EAAmB,KAAK,WAAYF,GAAiB,QAAQ,aAAe,EAAE,EAC3F,KAAMqB,EACN,SACEnB,EAAmB,KAAK,WAAYP,GAAM,QAAQ,KAAK,gBAAiB,mBAAwB,EAAE,GAClG3B,EAAQ,KAAK,UAAU,EAAE,kBAAkB,CAAE,UAAWI,EAAW,UAAWsD,CAAoB,CAAC,EACrG,iBAAkBpB,EAClB,gBAAiBE,EACjB,SACEN,EAAmB,KAAK,WAAYP,GAAM,QAAQ,KAAK,mBAAoB,kBAAuB,EAAE,GACpG3B,EAAQ,KAAK,UAAU,EAAE,iBAAiB,EAC5C,UAAW6C,EACX,SAAU,YACV,cAAeC,CACjB,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKUU,CAAU;AAAA,yBACTpD,CAAS;AAAA,yBACTqD,CAAS;AAAA,0BACRvB,EACZ,KAAK,WACLP,GAAM,QAAQ,KAAK,mBAAoB,iBAAsB,EAC/D,CAAC;AAAA,0BACa,KAAK,UAAU;AAAA;AAAA;AAAA;AAAA,KAKvC,CAEA,iBAAiBgC,EAYd,CACD,MAAMC,EACJD,EAAW,mBAAqB,QAChCA,EAAW,kBAAoB,GAC/BA,EAAW,WAAa,WAC1B,OAAO/D;AAAAA,gCACqB,KAAK,SAAW,GAAK,qBAAqB;AAAA,UAChE+D,EAAW,OAASA,EAAW,gBAAkB,WAAaA,EAAW,YAAc,UACrF/D;AAAAA;AAAAA,wCAE4B+D,EAAW,KAAK;AAAA;AAAA;AAAA,qBAI5C,EAAE;AAAA,iCACmBA,EAAW,KAAK;AAAA;AAAA,YAErCA,EAAW,OAASA,EAAW,gBAAkB,WAC/C/D,IAAO+D,EAAW,YAAc,UAAYA,EAAW,YAAc,kBACjE/D;AAAAA;AAAAA,kCAEgB+D,EAAW,KAAK;AAAA;AAAA,0BAGhC/D;AAAAA,gCACc+D,EAAW,KAAK;AAAA,yBACvB,GACX,EAAE;AAAA;AAAA,0CAE0BA,EAAW,WAAW;AAAA;AAAA,gBAEhDC,EACEhE,+BAAkC+D,EAAW,QAAQ,uBACrD/D;AAAAA,gDAC8B+D,EAAW,gBAAgB;AAAA,oEACPA,EAAW,eAAe;AAAA,mBAC3E;AAAA;AAAA;AAAA,yBAGMA,EAAW,IAAI,yCAAyCA,EAAW,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,KAMlG,CAgMF,CArmBatD,EACJ,QAAU,2BADNA,EAuaJ,OAAS,CACdwD,GACAC,GACAnE;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,UAuBMoE,EAAc,iCAAiC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQhDA,EAAc,6CAA6C,CAAC;AAAA;AAAA;AAAA;AAAA,UAI5DA,EAAc,uCAAuC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UA+CtDA,EAAc,qCAAqC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAgEpDA,EAAc,2CAA2C,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAgB1DA,EAAc,iDAAiD,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAUhEA,EAAc,2CAA2C,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAShEC,GAAY,CACV,IAAK,mDACL,aAAc,QACd,YAAa,GACf,CAAC,CACH,EAjmBkDnE,EAAA,CAAjDC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,CAAA,EAH9BO,EAGuC,UAAA,SAAA,EACNR,EAAA,CAA3CC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAM,CAAC,CAJ/B,EAAAO,EAIiC,UAChBR,QAAAA,EAAAA,EAAA,CAA3BC,EAAS,CAAE,KAAM,MAAO,CAAC,CALf,EAAAO,EAKiB,UACeR,SAAAA,EAAAA,EAAA,CAA1CC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,CAN9B,EAAAO,EAMgC,UACAR,aAAAA,EAAAA,EAAA,CAA1CC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,CAAA,EAP9BO,EAOgC,UAAA,YAAA,EACRR,EAAA,CAAlCC,EAAS,CAAE,KAAM,MAAO,CAAC,CAAA,EARfO,EAQwB,UAAA,MAAA,EACCR,EAAA,CAAnCC,EAAS,CAAE,KAAM,OAAQ,CAAC,CAAA,EAThBO,EASyB,UAAA,OAAA,EACAR,EAAA,CAAnCC,EAAS,CAAE,KAAM,OAAQ,CAAC,CAVhB,EAAAO,EAUyB,UAEnBR,aAAAA,EAAAA,EAAA,CAAhBoE,EAAAA,CAZU,EAAA5D,EAYM,UA8BjBR,UAAAA,EAAAA,EAAA,CADCqE,EAAS,aAAa,CAAA,EAzCZ7D,EA0CX,UAAA,iBAAA,EAGAR,EAAA,CADCqE,EAAS,cAAc,CA5Cb,EAAA7D,EA6CX,UA0jBF8D,gBAAAA,EAAAA,GAAoB9D,CAAsB"}

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 n,k as E}from"../chunks/lit-WqMxC_PA.esm.js";import{D as R,S as _,e as j,W as B,f as K,g as F}from"../chunks/routes-TtLdALcf.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-BohmT6Lp.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 $}from"../chunks/loading-template-DG4lkIIc.esm.js";import{c as Q}from"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../utils/logger.esm.js";import"../chunks/lodash-7H4x2457.esm.js";import"../utils/local-storage.esm.js";import"../chunks/share-button-Cq3aCOGt.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-DBLPdobK.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,o,s)=>{for(var a=void 0,b=M.length-1,m;b>=0;b--)(m=M[b])&&(a=m(t,o,a)||a);return a&&X(t,o,a),a};const D=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(o=>!(!o.nonprofit.includeInPersonalImpact||o.nonprofit.id===this.nonprofitId&&(!o.impact.goalCompletionText||o.impact.goalCompletionText?.length<1)))}handleSwapNonprofitButtonClick(){this.activeWidget="select-subscription-nonprofit"}handleBackToSubscriptionImpactButtonClick(){this.activeWidget="subscription-impact"}handleSupportAgainButtonClick(t,o){this.activeWidget="select-subscription-nonprofit",this.selectedNonprofitId=t;const s=new N({selectedNonprofitId:t,nonprofitName:o,source:B.subscription_management});this.dispatchEvent(s)}handleNonprofitSelect(t){if(!(t instanceof N))return;const{selectedNonprofitId:o}=t.detail;this.nonprofitId=o??null,this.activeWidget="subscription-impact"}isNonprofitEligible(t){return this.eligibleNonprofits.some(o=>o.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"})},o=this.eligibleNonprofitsDataController?.data?.config?.web?.theme||{},s={...t,...o};return Object.assign(Object.create({toCSS(){return G(this)}}),s)}renderPreviousImpactTiles({personalImpact:t,cardStyle:o,eligibleNonprofitConfig:s}){if(!t)return n``;if(!s)return n``;const a=this.showAllTiles?t:t.slice(0,D);let b=0;return n`
+import{f as z,g as r,t as d,h as H,y as n,k as E}from"../chunks/lit-WqMxC_PA.esm.js";import{D as R,S as _,e as j,W as B,f as K,g as F}from"../chunks/routes-Lvj2SXN4.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-BohmT6Lp.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 $}from"../chunks/loading-template-DG4lkIIc.esm.js";import{c as Q}from"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../utils/logger.esm.js";import"../chunks/lodash-D3TLHRR_.esm.js";import"../utils/local-storage.esm.js";import"../chunks/share-button-XJxSyBaT.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-DUn-zC5t.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,o,s)=>{for(var a=void 0,b=M.length-1,m;b>=0;b--)(m=M[b])&&(a=m(t,o,a)||a);return a&&X(t,o,a),a};const D=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(o=>!(!o.nonprofit.includeInPersonalImpact||o.nonprofit.id===this.nonprofitId&&(!o.impact.goalCompletionText||o.impact.goalCompletionText?.length<1)))}handleSwapNonprofitButtonClick(){this.activeWidget="select-subscription-nonprofit"}handleBackToSubscriptionImpactButtonClick(){this.activeWidget="subscription-impact"}handleSupportAgainButtonClick(t,o){this.activeWidget="select-subscription-nonprofit",this.selectedNonprofitId=t;const s=new N({selectedNonprofitId:t,nonprofitName:o,source:B.subscription_management});this.dispatchEvent(s)}handleNonprofitSelect(t){if(!(t instanceof N))return;const{selectedNonprofitId:o}=t.detail;this.nonprofitId=o??null,this.activeWidget="subscription-impact"}isNonprofitEligible(t){return this.eligibleNonprofits.some(o=>o.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"})},o=this.eligibleNonprofitsDataController?.data?.config?.web?.theme||{},s={...t,...o};return Object.assign(Object.create({toCSS(){return G(this)}}),s)}renderPreviousImpactTiles({personalImpact:t,cardStyle:o,eligibleNonprofitConfig:s}){if(!t)return n``;if(!s)return n``;const a=this.showAllTiles?t:t.slice(0,D);let b=0;return n`
       ${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,n`
           <div class="tile">
             <div class="tile-header">

package/dist/components/subscription-management.js

@@ -1,4 +1,4 @@
-import{f as z,g as r,t as d,h as H,y as n,k as E}from"../chunks/lit-WqMxC_PA.esm.js";import{D as R,S as _,e as j,W as B,f as K,g as F}from"../chunks/routes-S0vKQTft.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-Ba1JkOHs.esm.js";import{u as l,A as y,d as c,a as G,i as p,_ as v}from"../chunks/localize-C25pEGnx.esm.js";import{c as N}from"../chunks/events-BohmT6Lp.esm.js";import{M as q}from"../chunks/beam-errors-Ci0d3926.esm.js";import"./select-subscription-nonprofit.js";import"./subscription-impact.js";import{partnerLogosConfigDefaults as J}from"./beam-partner-logos.js";import{makeApiKeyHeader as x}from"../utils/makeApiKeyHeader.js";import{_ as $}from"../chunks/loading-template-DG4lkIIc.esm.js";import{c as Q}from"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../utils/logger.js";import"../chunks/lodash-7H4x2457.esm.js";import"../utils/local-storage.js";import"../chunks/share-button-P726e8AH.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-Ck4hnQPC.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,o,s)=>{for(var a=void 0,b=M.length-1,m;b>=0;b--)(m=M[b])&&(a=m(t,o,a)||a);return a&&X(t,o,a),a};const D=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(o=>!(!o.nonprofit.includeInPersonalImpact||o.nonprofit.id===this.nonprofitId&&(!o.impact.goalCompletionText||o.impact.goalCompletionText?.length<1)))}handleSwapNonprofitButtonClick(){this.activeWidget="select-subscription-nonprofit"}handleBackToSubscriptionImpactButtonClick(){this.activeWidget="subscription-impact"}handleSupportAgainButtonClick(t,o){this.activeWidget="select-subscription-nonprofit",this.selectedNonprofitId=t;const s=new N({selectedNonprofitId:t,nonprofitName:o,source:B.subscription_management});this.dispatchEvent(s)}handleNonprofitSelect(t){if(!(t instanceof N))return;const{selectedNonprofitId:o}=t.detail;this.nonprofitId=o??null,this.activeWidget="subscription-impact"}isNonprofitEligible(t){return this.eligibleNonprofits.some(o=>o.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"})},o=this.eligibleNonprofitsDataController?.data?.config?.web?.theme||{},s={...t,...o};return Object.assign(Object.create({toCSS(){return G(this)}}),s)}renderPreviousImpactTiles({personalImpact:t,cardStyle:o,eligibleNonprofitConfig:s}){if(!t)return n``;if(!s)return n``;const a=this.showAllTiles?t:t.slice(0,D);let b=0;return n`
+import{f as z,g as r,t as d,h as H,y as n,k as E}from"../chunks/lit-WqMxC_PA.esm.js";import{D as R,S as _,e as j,W as B,f as K,g as F}from"../chunks/routes-D-AQPRne.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-Ba1JkOHs.esm.js";import{u as l,A as y,d as c,a as G,i as p,_ as v}from"../chunks/localize-C25pEGnx.esm.js";import{c as N}from"../chunks/events-BohmT6Lp.esm.js";import{M as q}from"../chunks/beam-errors-Ci0d3926.esm.js";import"./select-subscription-nonprofit.js";import"./subscription-impact.js";import{partnerLogosConfigDefaults as J}from"./beam-partner-logos.js";import{makeApiKeyHeader as x}from"../utils/makeApiKeyHeader.js";import{_ as $}from"../chunks/loading-template-DG4lkIIc.esm.js";import{c as Q}from"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../utils/logger.js";import"../chunks/lodash-D3TLHRR_.esm.js";import"../utils/local-storage.js";import"../chunks/share-button-DNgyupow.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-Bj6RA_H6.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,o,s)=>{for(var a=void 0,b=M.length-1,m;b>=0;b--)(m=M[b])&&(a=m(t,o,a)||a);return a&&X(t,o,a),a};const D=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(o=>!(!o.nonprofit.includeInPersonalImpact||o.nonprofit.id===this.nonprofitId&&(!o.impact.goalCompletionText||o.impact.goalCompletionText?.length<1)))}handleSwapNonprofitButtonClick(){this.activeWidget="select-subscription-nonprofit"}handleBackToSubscriptionImpactButtonClick(){this.activeWidget="subscription-impact"}handleSupportAgainButtonClick(t,o){this.activeWidget="select-subscription-nonprofit",this.selectedNonprofitId=t;const s=new N({selectedNonprofitId:t,nonprofitName:o,source:B.subscription_management});this.dispatchEvent(s)}handleNonprofitSelect(t){if(!(t instanceof N))return;const{selectedNonprofitId:o}=t.detail;this.nonprofitId=o??null,this.activeWidget="subscription-impact"}isNonprofitEligible(t){return this.eligibleNonprofits.some(o=>o.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"})},o=this.eligibleNonprofitsDataController?.data?.config?.web?.theme||{},s={...t,...o};return Object.assign(Object.create({toCSS(){return G(this)}}),s)}renderPreviousImpactTiles({personalImpact:t,cardStyle:o,eligibleNonprofitConfig:s}){if(!t)return n``;if(!s)return n``;const a=this.showAllTiles?t:t.slice(0,D);let b=0;return n`
       ${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,n`
           <div class="tile">
             <div class="tile-header">

package/dist/index.esm.js

@@ -1,2 +1,2 @@
-import{i as so}from"./chunks/index-oGObXjk6.esm.js";import{i as no}from"./chunks/index-DtPf9NaI.esm.js";import{i as xo}from"./chunks/index-C3hpHWh1.esm.js";import{i as bo}from"./chunks/index-DhtZDPvk.esm.js";import"./components/community-impact.esm.js";import"./chunks/lit-WqMxC_PA.esm.js";import"./chunks/progress-bar-DF7UuuHb.esm.js";import"./components/beam-partner-logos.esm.js";import"./chunks/enforce-config-CZ3ToOgr.esm.js";import"./chunks/beam-errors-Ci0d3926.esm.js";import"./utils/logger.esm.js";import"./chunks/localize-Btu9xYcE.esm.js";import"./chunks/routes-TtLdALcf.esm.js";import"./chunks/loading-template-DG4lkIIc.esm.js";import"./chunks/css-card-grid-CvoGpsJH.esm.js";import"./components/cumulative-impact.esm.js";import"./chunks/lodash-7H4x2457.esm.js";import"./chunks/is-all-html-elements-fcB7UUA1.esm.js";import"./components/impact-overview.esm.js";import"./chunks/_share-dialog-dependencies-BvevL0CH.esm.js";import"./chunks/vendor-KKSARHWL.esm.js";import"./chunks/share-button-Cq3aCOGt.esm.js";import"./chunks/share-button-DBLPdobK.esm.js";import"./chunks/responsive-BR8qUfBa.esm.js";import"./components/select-nonprofit.esm.js";import"./chunks/promo-pill-label-CbW_Vcru.esm.js";import"./chunks/events-BohmT6Lp.esm.js";import"./utils/local-storage.esm.js";import"./chunks/promoManager-fl54hq13.esm.js";import"./utils/cookies.esm.js";import"./chunks/cart-contents-DkoytiZh.esm.js";import"./utils/cart.esm.js";import"./components/redeem-transaction.esm.js";import"./components/post-purchase.esm.js";import"./components/subscription-management.esm.js";import"./components/select-subscription-nonprofit.esm.js";import"./utils/makeApiKeyHeader.esm.js";import"./components/subscription-impact.esm.js";import"./components/product-details-page.esm.js";import"./components/social-share.esm.js";import"./chunks/index-GcpuX_TZ.esm.js";import"./utils/network-listeners.esm.js";import"./utils/wait-for-element.esm.js";import"./utils/remote-session.esm.js";import"./utils/memoize-last.esm.js";import"./chunks/index-BlE3m0uQ.esm.js";import"./chunks/order-page-DrOzbzU8.esm.js";import"./chunks/update-cart-DMO5uiQX.esm.js";import"./chunks/index-IKiJwo5v.esm.js";import"./chunks/index-BYnzONl8.esm.js";import"./chunks/index-CWZ6mszB.esm.js";import"./react/community-impact.esm.js";import"react";import"./react/cumulative-impact.esm.js";import"./react/impact-overview.esm.js";import"./react/select-nonprofit.esm.js";import"./react/redeem-transaction.esm.js";import"./react/post-purchase.esm.js";import"./react/subscription-management.esm.js";import"./react/select-subscription-nonprofit.esm.js";import"./react/subscription-impact.esm.js";import"./react/product-details-page.esm.js";import"./react/social-share.esm.js";export{no as Integrations,xo as ReactComponents,bo as Utils,so as WebComponents};
+import{i as so}from"./chunks/index-oGObXjk6.esm.js";import{i as no}from"./chunks/index-GmNTlVv2.esm.js";import{i as xo}from"./chunks/index-C3hpHWh1.esm.js";import{i as bo}from"./chunks/index-DhhPQ773.esm.js";import"./components/community-impact.esm.js";import"./chunks/lit-WqMxC_PA.esm.js";import"./chunks/progress-bar-DF7UuuHb.esm.js";import"./components/beam-partner-logos.esm.js";import"./chunks/enforce-config-CZ3ToOgr.esm.js";import"./chunks/beam-errors-Ci0d3926.esm.js";import"./utils/logger.esm.js";import"./chunks/localize-Btu9xYcE.esm.js";import"./chunks/routes-Lvj2SXN4.esm.js";import"./chunks/loading-template-DG4lkIIc.esm.js";import"./chunks/css-card-grid-CvoGpsJH.esm.js";import"./components/cumulative-impact.esm.js";import"./chunks/lodash-D3TLHRR_.esm.js";import"./chunks/is-all-html-elements-fcB7UUA1.esm.js";import"./components/impact-overview.esm.js";import"./chunks/_share-dialog-dependencies-Cry6mcdg.esm.js";import"./chunks/vendor-KKSARHWL.esm.js";import"./chunks/share-button-XJxSyBaT.esm.js";import"./chunks/share-button-DUn-zC5t.esm.js";import"./chunks/responsive-BR8qUfBa.esm.js";import"./components/select-nonprofit.esm.js";import"./chunks/promo-pill-label-CbW_Vcru.esm.js";import"./chunks/events-BohmT6Lp.esm.js";import"./utils/local-storage.esm.js";import"./chunks/promoManager-fl54hq13.esm.js";import"./utils/cookies.esm.js";import"./chunks/cart-contents-DkoytiZh.esm.js";import"./utils/cart.esm.js";import"./components/redeem-transaction.esm.js";import"./components/post-purchase.esm.js";import"./components/subscription-management.esm.js";import"./components/select-subscription-nonprofit.esm.js";import"./utils/makeApiKeyHeader.esm.js";import"./components/subscription-impact.esm.js";import"./components/product-details-page.esm.js";import"./components/social-share.esm.js";import"./chunks/index-AEnQH-so.esm.js";import"./utils/network-listeners.esm.js";import"./utils/wait-for-element.esm.js";import"./utils/remote-session.esm.js";import"./utils/memoize-last.esm.js";import"./chunks/index-BTYU0dxk.esm.js";import"./chunks/order-page-BRpixGl8.esm.js";import"./chunks/update-cart-Kt4NGuYW.esm.js";import"./chunks/index-IKiJwo5v.esm.js";import"./chunks/index-DE2QManY.esm.js";import"./chunks/index--lGfTDwX.esm.js";import"./react/community-impact.esm.js";import"react";import"./react/cumulative-impact.esm.js";import"./react/impact-overview.esm.js";import"./react/select-nonprofit.esm.js";import"./react/redeem-transaction.esm.js";import"./react/post-purchase.esm.js";import"./react/subscription-management.esm.js";import"./react/select-subscription-nonprofit.esm.js";import"./react/subscription-impact.esm.js";import"./react/product-details-page.esm.js";import"./react/social-share.esm.js";export{no as Integrations,xo as ReactComponents,bo as Utils,so as WebComponents};
 //# sourceMappingURL=index.esm.js.map

package/dist/index.js

@@ -1,2 +1,2 @@
-import{i as so}from"./chunks/index-CFtmDAHb.esm.js";import{i as no}from"./chunks/index-CNPuQxhN.esm.js";import{i as xo}from"./chunks/index-D6qJfs7_.esm.js";import{i as bo}from"./chunks/index-CbWdmBet.esm.js";import"./components/community-impact.js";import"./chunks/lit-WqMxC_PA.esm.js";import"./chunks/progress-bar-DF7UuuHb.esm.js";import"./components/beam-partner-logos.js";import"./chunks/enforce-config-Ba1JkOHs.esm.js";import"./chunks/beam-errors-Ci0d3926.esm.js";import"./utils/logger.js";import"./chunks/localize-C25pEGnx.esm.js";import"./chunks/routes-S0vKQTft.esm.js";import"./chunks/loading-template-DG4lkIIc.esm.js";import"./chunks/css-card-grid-CvoGpsJH.esm.js";import"./components/cumulative-impact.js";import"./chunks/lodash-7H4x2457.esm.js";import"./chunks/is-all-html-elements-fcB7UUA1.esm.js";import"./components/impact-overview.js";import"./chunks/_share-dialog-dependencies-Dt4WMt_y.esm.js";import"./chunks/vendor-KKSARHWL.esm.js";import"./chunks/share-button-P726e8AH.esm.js";import"./chunks/share-button-Ck4hnQPC.esm.js";import"./chunks/responsive-BR8qUfBa.esm.js";import"./components/select-nonprofit.js";import"./chunks/promo-pill-label-CbW_Vcru.esm.js";import"./chunks/events-BohmT6Lp.esm.js";import"./utils/local-storage.js";import"./chunks/promoManager-B9cTR1R3.esm.js";import"./utils/cookies.js";import"./chunks/cart-contents-DkoytiZh.esm.js";import"./utils/cart.js";import"./components/redeem-transaction.js";import"./components/post-purchase.js";import"./components/subscription-management.js";import"./components/select-subscription-nonprofit.js";import"./utils/makeApiKeyHeader.js";import"./components/subscription-impact.js";import"./components/product-details-page.js";import"./components/social-share.js";import"./chunks/index-C-beNpP0.esm.js";import"./utils/network-listeners.js";import"./utils/wait-for-element.js";import"./utils/remote-session.js";import"./utils/memoize-last.js";import"./chunks/index-BZlgN66e.esm.js";import"./chunks/order-page-D5xI18DI.esm.js";import"./chunks/update-cart-g_YbHKJQ.esm.js";import"./chunks/index-BNjsFEGn.esm.js";import"./chunks/index-DMbz_yfr.esm.js";import"./chunks/index-DVOp4ShL.esm.js";import"./react/community-impact.js";import"react";import"./react/cumulative-impact.js";import"./react/impact-overview.js";import"./react/select-nonprofit.js";import"./react/redeem-transaction.js";import"./react/post-purchase.js";import"./react/subscription-management.js";import"./react/select-subscription-nonprofit.js";import"./react/subscription-impact.js";import"./react/product-details-page.js";import"./react/social-share.js";export{no as Integrations,xo as ReactComponents,bo as Utils,so as WebComponents};
+import{i as so}from"./chunks/index-CFtmDAHb.esm.js";import{i as no}from"./chunks/index-1hlAGQPk.esm.js";import{i as xo}from"./chunks/index-D6qJfs7_.esm.js";import{i as bo}from"./chunks/index-CtYbieoH.esm.js";import"./components/community-impact.js";import"./chunks/lit-WqMxC_PA.esm.js";import"./chunks/progress-bar-DF7UuuHb.esm.js";import"./components/beam-partner-logos.js";import"./chunks/enforce-config-Ba1JkOHs.esm.js";import"./chunks/beam-errors-Ci0d3926.esm.js";import"./utils/logger.js";import"./chunks/localize-C25pEGnx.esm.js";import"./chunks/routes-D-AQPRne.esm.js";import"./chunks/loading-template-DG4lkIIc.esm.js";import"./chunks/css-card-grid-CvoGpsJH.esm.js";import"./components/cumulative-impact.js";import"./chunks/lodash-D3TLHRR_.esm.js";import"./chunks/is-all-html-elements-fcB7UUA1.esm.js";import"./components/impact-overview.js";import"./chunks/_share-dialog-dependencies-DSYemenF.esm.js";import"./chunks/vendor-KKSARHWL.esm.js";import"./chunks/share-button-DNgyupow.esm.js";import"./chunks/share-button-Bj6RA_H6.esm.js";import"./chunks/responsive-BR8qUfBa.esm.js";import"./components/select-nonprofit.js";import"./chunks/promo-pill-label-CbW_Vcru.esm.js";import"./chunks/events-BohmT6Lp.esm.js";import"./utils/local-storage.js";import"./chunks/promoManager-B9cTR1R3.esm.js";import"./utils/cookies.js";import"./chunks/cart-contents-DkoytiZh.esm.js";import"./utils/cart.js";import"./components/redeem-transaction.js";import"./components/post-purchase.js";import"./components/subscription-management.js";import"./components/select-subscription-nonprofit.js";import"./utils/makeApiKeyHeader.js";import"./components/subscription-impact.js";import"./components/product-details-page.js";import"./components/social-share.js";import"./chunks/index-DtfQd6C4.esm.js";import"./utils/network-listeners.js";import"./utils/wait-for-element.js";import"./utils/remote-session.js";import"./utils/memoize-last.js";import"./chunks/index-D8jCSss3.esm.js";import"./chunks/order-page-CW5aw6Kh.esm.js";import"./chunks/update-cart-y9guItUM.esm.js";import"./chunks/index-BNjsFEGn.esm.js";import"./chunks/index-D2Ox_xyE.esm.js";import"./chunks/index-B-uw46_j.esm.js";import"./react/community-impact.js";import"react";import"./react/cumulative-impact.js";import"./react/impact-overview.js";import"./react/select-nonprofit.js";import"./react/redeem-transaction.js";import"./react/post-purchase.js";import"./react/subscription-management.js";import"./react/select-subscription-nonprofit.js";import"./react/subscription-impact.js";import"./react/product-details-page.js";import"./react/social-share.js";export{no as Integrations,xo as ReactComponents,bo as Utils,so as WebComponents};
 //# sourceMappingURL=index.js.map

package/dist/integrations/beam.esm.js

@@ -1,2 +1,2 @@
-import{D as u,a as g}from"../chunks/routes-TtLdALcf.esm.js";import{S as y}from"../chunks/beam-errors-Ci0d3926.esm.js";import{B as h}from"../chunks/events-BohmT6Lp.esm.js";import{logger as w}from"../utils/logger.esm.js";import{s as f}from"../chunks/index-CWZ6mszB.esm.js";var v=(t,s,a)=>{if(!s.has(t))throw TypeError("Cannot "+a)},c=(t,s,a)=>{if(s.has(t))throw TypeError("Cannot add the same private member more than once");s instanceof WeakSet?s.add(t):s.set(t,a)},i=(t,s,a)=>(v(t,s,"access private method"),a),r,n,o,m;let p,l;const E=new Promise((t,s)=>{p=t,l=s});class U extends EventTarget{constructor(s){super(),c(this,r),c(this,o),this.readyPromise=E,this.plugins={},this.status="pending",i(this,r,n).call(this,s)}async init(s){i(this,r,n).call(this,s);try{await i(this,o,m).call(this,s)}catch(a){const e=new y;throw e.cause=a,this.status="error",this.dispatchEvent(new h({status:"error",error:e})),l(e),w.error(e),this.apiKey&&await f({apiKey:this.apiKey,baseUrl:this.logUrl},{type:"error",code:e.name,metadata:{message:e.message,cause:a?.message}}),a}return this.status="ready",this.dispatchEvent(new h({status:"ready"})),p(!0),this}}r=new WeakSet,n=function(t){this.apiKey=t.apiKey,this.chainId=t.chainId,this.storeId=t.storeId,this.domain=t.domain,this.baseUrl=t.baseUrl||u,this.logUrl=t.logUrl||g},o=new WeakSet,m=async function(t){const s=(t.plugins||[]).map(async a=>(await a.init(t),this.plugins[a.name]=a,a));return Promise.all(s)};const d=new U({}),S=t=>d.init(t),L=()=>d;export{L as getConfig,S as init};
+import{D as u,a as g}from"../chunks/routes-Lvj2SXN4.esm.js";import{S as y}from"../chunks/beam-errors-Ci0d3926.esm.js";import{B as h}from"../chunks/events-BohmT6Lp.esm.js";import{logger as w}from"../utils/logger.esm.js";import{s as f}from"../chunks/index--lGfTDwX.esm.js";var v=(t,s,a)=>{if(!s.has(t))throw TypeError("Cannot "+a)},c=(t,s,a)=>{if(s.has(t))throw TypeError("Cannot add the same private member more than once");s instanceof WeakSet?s.add(t):s.set(t,a)},i=(t,s,a)=>(v(t,s,"access private method"),a),r,n,o,m;let p,l;const E=new Promise((t,s)=>{p=t,l=s});class U extends EventTarget{constructor(s){super(),c(this,r),c(this,o),this.readyPromise=E,this.plugins={},this.status="pending",i(this,r,n).call(this,s)}async init(s){i(this,r,n).call(this,s);try{await i(this,o,m).call(this,s)}catch(a){const e=new y;throw e.cause=a,this.status="error",this.dispatchEvent(new h({status:"error",error:e})),l(e),w.error(e),this.apiKey&&await f({apiKey:this.apiKey,baseUrl:this.logUrl},{type:"error",code:e.name,metadata:{message:e.message,cause:a?.message}}),a}return this.status="ready",this.dispatchEvent(new h({status:"ready"})),p(!0),this}}r=new WeakSet,n=function(t){this.apiKey=t.apiKey,this.chainId=t.chainId,this.storeId=t.storeId,this.domain=t.domain,this.baseUrl=t.baseUrl||u,this.logUrl=t.logUrl||g},o=new WeakSet,m=async function(t){const s=(t.plugins||[]).map(async a=>(await a.init(t),this.plugins[a.name]=a,a));return Promise.all(s)};const d=new U({}),S=t=>d.init(t),L=()=>d;export{L as getConfig,S as init};
 //# sourceMappingURL=beam.esm.js.map

package/dist/integrations/beam.js

@@ -1,2 +1,2 @@
-import{D as u,a as g}from"../chunks/routes-S0vKQTft.esm.js";import{S as y}from"../chunks/beam-errors-Ci0d3926.esm.js";import{B as h}from"../chunks/events-BohmT6Lp.esm.js";import{logger as w}from"../utils/logger.js";import{s as f}from"../chunks/index-DVOp4ShL.esm.js";var v=(t,s,a)=>{if(!s.has(t))throw TypeError("Cannot "+a)},c=(t,s,a)=>{if(s.has(t))throw TypeError("Cannot add the same private member more than once");s instanceof WeakSet?s.add(t):s.set(t,a)},i=(t,s,a)=>(v(t,s,"access private method"),a),r,n,o,m;let p,l;const E=new Promise((t,s)=>{p=t,l=s});class U extends EventTarget{constructor(s){super(),c(this,r),c(this,o),this.readyPromise=E,this.plugins={},this.status="pending",i(this,r,n).call(this,s)}async init(s){i(this,r,n).call(this,s);try{await i(this,o,m).call(this,s)}catch(a){const e=new y;throw e.cause=a,this.status="error",this.dispatchEvent(new h({status:"error",error:e})),l(e),w.error(e),this.apiKey&&await f({apiKey:this.apiKey,baseUrl:this.logUrl},{type:"error",code:e.name,metadata:{message:e.message,cause:a?.message}}),a}return this.status="ready",this.dispatchEvent(new h({status:"ready"})),p(!0),this}}r=new WeakSet,n=function(t){this.apiKey=t.apiKey,this.chainId=t.chainId,this.storeId=t.storeId,this.domain=t.domain,this.baseUrl=t.baseUrl||u,this.logUrl=t.logUrl||g},o=new WeakSet,m=async function(t){const s=(t.plugins||[]).map(async a=>(await a.init(t),this.plugins[a.name]=a,a));return Promise.all(s)};const d=new U({}),S=t=>d.init(t),L=()=>d;export{L as getConfig,S as init};
+import{D as u,a as g}from"../chunks/routes-D-AQPRne.esm.js";import{S as y}from"../chunks/beam-errors-Ci0d3926.esm.js";import{B as h}from"../chunks/events-BohmT6Lp.esm.js";import{logger as w}from"../utils/logger.js";import{s as f}from"../chunks/index-B-uw46_j.esm.js";var v=(t,s,a)=>{if(!s.has(t))throw TypeError("Cannot "+a)},c=(t,s,a)=>{if(s.has(t))throw TypeError("Cannot add the same private member more than once");s instanceof WeakSet?s.add(t):s.set(t,a)},i=(t,s,a)=>(v(t,s,"access private method"),a),r,n,o,m;let p,l;const E=new Promise((t,s)=>{p=t,l=s});class U extends EventTarget{constructor(s){super(),c(this,r),c(this,o),this.readyPromise=E,this.plugins={},this.status="pending",i(this,r,n).call(this,s)}async init(s){i(this,r,n).call(this,s);try{await i(this,o,m).call(this,s)}catch(a){const e=new y;throw e.cause=a,this.status="error",this.dispatchEvent(new h({status:"error",error:e})),l(e),w.error(e),this.apiKey&&await f({apiKey:this.apiKey,baseUrl:this.logUrl},{type:"error",code:e.name,metadata:{message:e.message,cause:a?.message}}),a}return this.status="ready",this.dispatchEvent(new h({status:"ready"})),p(!0),this}}r=new WeakSet,n=function(t){this.apiKey=t.apiKey,this.chainId=t.chainId,this.storeId=t.storeId,this.domain=t.domain,this.baseUrl=t.baseUrl||u,this.logUrl=t.logUrl||g},o=new WeakSet,m=async function(t){const s=(t.plugins||[]).map(async a=>(await a.init(t),this.plugins[a.name]=a,a));return Promise.all(s)};const d=new U({}),S=t=>d.init(t),L=()=>d;export{L as getConfig,S as init};
 //# sourceMappingURL=beam.js.map

package/dist/integrations/cart.esm.js

@@ -1,2 +1,2 @@
-import{O}from"../chunks/update-cart-DMO5uiQX.esm.js";import"../chunks/lodash-7H4x2457.esm.js";import"../chunks/routes-TtLdALcf.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/logger.esm.js";import"../chunks/events-BohmT6Lp.esm.js";import"../utils/local-storage.esm.js";import"../utils/cookies.esm.js";import"../utils/remote-session.esm.js";import"../utils/memoize-last.esm.js";import"../chunks/promoManager-fl54hq13.esm.js";import"../chunks/cart-contents-DkoytiZh.esm.js";import"../utils/cart.esm.js";export{O as updateCart};
+import{O}from"../chunks/update-cart-Kt4NGuYW.esm.js";import"../chunks/lodash-D3TLHRR_.esm.js";import"../chunks/routes-Lvj2SXN4.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/logger.esm.js";import"../chunks/events-BohmT6Lp.esm.js";import"../utils/local-storage.esm.js";import"../utils/cookies.esm.js";import"../utils/remote-session.esm.js";import"../utils/memoize-last.esm.js";import"../chunks/promoManager-fl54hq13.esm.js";import"../chunks/cart-contents-DkoytiZh.esm.js";import"../utils/cart.esm.js";export{O as updateCart};
 //# sourceMappingURL=cart.esm.js.map

package/dist/integrations/cart.js

@@ -1,2 +1,2 @@
-import{O}from"../chunks/update-cart-g_YbHKJQ.esm.js";import"../chunks/lodash-7H4x2457.esm.js";import"../chunks/routes-S0vKQTft.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/logger.js";import"../chunks/events-BohmT6Lp.esm.js";import"../utils/local-storage.js";import"../utils/cookies.js";import"../utils/remote-session.js";import"../utils/memoize-last.js";import"../chunks/promoManager-B9cTR1R3.esm.js";import"../chunks/cart-contents-DkoytiZh.esm.js";import"../utils/cart.js";export{O as updateCart};
+import{O}from"../chunks/update-cart-y9guItUM.esm.js";import"../chunks/lodash-D3TLHRR_.esm.js";import"../chunks/routes-D-AQPRne.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/logger.js";import"../chunks/events-BohmT6Lp.esm.js";import"../utils/local-storage.js";import"../utils/cookies.js";import"../utils/remote-session.js";import"../utils/memoize-last.js";import"../chunks/promoManager-B9cTR1R3.esm.js";import"../chunks/cart-contents-DkoytiZh.esm.js";import"../utils/cart.js";export{O as updateCart};
 //# sourceMappingURL=cart.js.map

package/dist/integrations/index.esm.js

@@ -1,2 +1,2 @@
-import{i as G}from"../chunks/index-GcpuX_TZ.esm.js";import{i as I}from"../chunks/index-BlE3m0uQ.esm.js";import{i as K}from"../chunks/index-IKiJwo5v.esm.js";import{i as N}from"../chunks/index-BYnzONl8.esm.js";import{i as P}from"../chunks/index-CWZ6mszB.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../chunks/events-BohmT6Lp.esm.js";import"../utils/logger.esm.js";import"../utils/network-listeners.esm.js";import"../utils/local-storage.esm.js";import"../utils/wait-for-element.esm.js";import"../utils/cookies.esm.js";import"../utils/remote-session.esm.js";import"../utils/memoize-last.esm.js";import"../chunks/lodash-7H4x2457.esm.js";import"../chunks/promoManager-fl54hq13.esm.js";import"../chunks/order-page-DrOzbzU8.esm.js";import"../chunks/cart-contents-DkoytiZh.esm.js";import"../chunks/update-cart-DMO5uiQX.esm.js";import"../chunks/routes-TtLdALcf.esm.js";import"../utils/cart.esm.js";import"../components/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"../components/redeem-transaction.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"../components/beam-partner-logos.esm.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../components/impact-overview.esm.js";import"../chunks/_share-dialog-dependencies-BvevL0CH.esm.js";import"../chunks/share-button-Cq3aCOGt.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-DBLPdobK.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";export{N as Cart,P as Logs,K as Session,I as Shopify,G as Utils};
+import{i as G}from"../chunks/index-AEnQH-so.esm.js";import{i as I}from"../chunks/index-BTYU0dxk.esm.js";import{i as K}from"../chunks/index-IKiJwo5v.esm.js";import{i as N}from"../chunks/index-DE2QManY.esm.js";import{i as P}from"../chunks/index--lGfTDwX.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../chunks/events-BohmT6Lp.esm.js";import"../utils/logger.esm.js";import"../utils/network-listeners.esm.js";import"../utils/local-storage.esm.js";import"../utils/wait-for-element.esm.js";import"../utils/cookies.esm.js";import"../utils/remote-session.esm.js";import"../utils/memoize-last.esm.js";import"../chunks/lodash-D3TLHRR_.esm.js";import"../chunks/promoManager-fl54hq13.esm.js";import"../chunks/order-page-BRpixGl8.esm.js";import"../chunks/cart-contents-DkoytiZh.esm.js";import"../chunks/update-cart-Kt4NGuYW.esm.js";import"../chunks/routes-Lvj2SXN4.esm.js";import"../utils/cart.esm.js";import"../components/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"../components/redeem-transaction.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"../components/beam-partner-logos.esm.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../components/impact-overview.esm.js";import"../chunks/_share-dialog-dependencies-Cry6mcdg.esm.js";import"../chunks/share-button-XJxSyBaT.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-DUn-zC5t.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";export{N as Cart,P as Logs,K as Session,I as Shopify,G as Utils};
 //# sourceMappingURL=index.esm.js.map

package/dist/integrations/index.js

@@ -1,2 +1,2 @@
-import{i as G}from"../chunks/index-C-beNpP0.esm.js";import{i as I}from"../chunks/index-BZlgN66e.esm.js";import{i as K}from"../chunks/index-BNjsFEGn.esm.js";import{i as N}from"../chunks/index-DMbz_yfr.esm.js";import{i as P}from"../chunks/index-DVOp4ShL.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../chunks/events-BohmT6Lp.esm.js";import"../utils/logger.js";import"../utils/network-listeners.js";import"../utils/local-storage.js";import"../utils/wait-for-element.js";import"../utils/cookies.js";import"../utils/remote-session.js";import"../utils/memoize-last.js";import"../chunks/lodash-7H4x2457.esm.js";import"../chunks/promoManager-B9cTR1R3.esm.js";import"../chunks/order-page-D5xI18DI.esm.js";import"../chunks/cart-contents-DkoytiZh.esm.js";import"../chunks/update-cart-g_YbHKJQ.esm.js";import"../chunks/routes-S0vKQTft.esm.js";import"../utils/cart.js";import"../components/post-purchase.js";import"../chunks/lit-WqMxC_PA.esm.js";import"../chunks/enforce-config-Ba1JkOHs.esm.js";import"../chunks/localize-C25pEGnx.esm.js";import"../components/redeem-transaction.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"../chunks/promo-pill-label-CbW_Vcru.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"../components/beam-partner-logos.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../components/impact-overview.js";import"../chunks/_share-dialog-dependencies-Dt4WMt_y.esm.js";import"../chunks/share-button-P726e8AH.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-Ck4hnQPC.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";export{N as Cart,P as Logs,K as Session,I as Shopify,G as Utils};
+import{i as G}from"../chunks/index-DtfQd6C4.esm.js";import{i as I}from"../chunks/index-D8jCSss3.esm.js";import{i as K}from"../chunks/index-BNjsFEGn.esm.js";import{i as N}from"../chunks/index-D2Ox_xyE.esm.js";import{i as P}from"../chunks/index-B-uw46_j.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../chunks/events-BohmT6Lp.esm.js";import"../utils/logger.js";import"../utils/network-listeners.js";import"../utils/local-storage.js";import"../utils/wait-for-element.js";import"../utils/cookies.js";import"../utils/remote-session.js";import"../utils/memoize-last.js";import"../chunks/lodash-D3TLHRR_.esm.js";import"../chunks/promoManager-B9cTR1R3.esm.js";import"../chunks/order-page-CW5aw6Kh.esm.js";import"../chunks/cart-contents-DkoytiZh.esm.js";import"../chunks/update-cart-y9guItUM.esm.js";import"../chunks/routes-D-AQPRne.esm.js";import"../utils/cart.js";import"../components/post-purchase.js";import"../chunks/lit-WqMxC_PA.esm.js";import"../chunks/enforce-config-Ba1JkOHs.esm.js";import"../chunks/localize-C25pEGnx.esm.js";import"../components/redeem-transaction.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"../chunks/promo-pill-label-CbW_Vcru.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"../components/beam-partner-logos.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../components/impact-overview.js";import"../chunks/_share-dialog-dependencies-DSYemenF.esm.js";import"../chunks/share-button-DNgyupow.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-Bj6RA_H6.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";export{N as Cart,P as Logs,K as Session,I as Shopify,G as Utils};
 //# sourceMappingURL=index.js.map

package/dist/integrations/logs.esm.js

@@ -1,2 +1,2 @@
-import"../chunks/routes-TtLdALcf.esm.js";import"../utils/logger.esm.js";import{s as i}from"../chunks/index-CWZ6mszB.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";export{i as sendLog};
+import"../chunks/routes-Lvj2SXN4.esm.js";import"../utils/logger.esm.js";import{s as i}from"../chunks/index--lGfTDwX.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";export{i as sendLog};
 //# sourceMappingURL=logs.esm.js.map

package/dist/integrations/logs.js

@@ -1,2 +1,2 @@
-import"../chunks/routes-S0vKQTft.esm.js";import"../utils/logger.js";import{s as i}from"../chunks/index-DVOp4ShL.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";export{i as sendLog};
+import"../chunks/routes-D-AQPRne.esm.js";import"../utils/logger.js";import{s as i}from"../chunks/index-B-uw46_j.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";export{i as sendLog};
 //# sourceMappingURL=logs.js.map

package/dist/integrations/shopify.esm.js

@@ -1,2 +1,2 @@
-import{z as Y,f as _,W as j,L as l,p as q,_ as v,I as D,K as E,s as G,Y as H}from"../chunks/order-page-DrOzbzU8.esm.js";import"../chunks/lodash-7H4x2457.esm.js";import"../chunks/events-BohmT6Lp.esm.js";import"../utils/logger.esm.js";import"../utils/network-listeners.esm.js";import"../utils/local-storage.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/memoize-last.esm.js";import"../chunks/promoManager-fl54hq13.esm.js";import"../utils/cookies.esm.js";import"../chunks/cart-contents-DkoytiZh.esm.js";import"../chunks/update-cart-DMO5uiQX.esm.js";import"../chunks/routes-TtLdALcf.esm.js";import"../utils/remote-session.esm.js";import"../utils/cart.esm.js";import"../components/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"../components/redeem-transaction.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"../components/beam-partner-logos.esm.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../components/impact-overview.esm.js";import"../chunks/_share-dialog-dependencies-BvevL0CH.esm.js";import"../chunks/share-button-Cq3aCOGt.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-DBLPdobK.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";import"../utils/wait-for-element.esm.js";export{Y as addBeamAttributesToCart,_ as appendBeamAttributesToCart,j as appendStatsigToShopifyCartAttributes,l as appendToShopifyCartBeamAttribute,q as getBeamAttributesForCart,v as getCurrentCart,D as getShopifyCart,E as registerCartIntegration,G as showBeamOrderPageWidgets,H as trackCart};
+import{z as Y,f as _,W as j,L as l,p as q,_ as v,I as D,K as E,s as G,Y as H}from"../chunks/order-page-BRpixGl8.esm.js";import"../chunks/lodash-D3TLHRR_.esm.js";import"../chunks/events-BohmT6Lp.esm.js";import"../utils/logger.esm.js";import"../utils/network-listeners.esm.js";import"../utils/local-storage.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/memoize-last.esm.js";import"../chunks/promoManager-fl54hq13.esm.js";import"../utils/cookies.esm.js";import"../chunks/cart-contents-DkoytiZh.esm.js";import"../chunks/update-cart-Kt4NGuYW.esm.js";import"../chunks/routes-Lvj2SXN4.esm.js";import"../utils/remote-session.esm.js";import"../utils/cart.esm.js";import"../components/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"../components/redeem-transaction.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"../components/beam-partner-logos.esm.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../components/impact-overview.esm.js";import"../chunks/_share-dialog-dependencies-Cry6mcdg.esm.js";import"../chunks/share-button-XJxSyBaT.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-DUn-zC5t.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";import"../utils/wait-for-element.esm.js";export{Y as addBeamAttributesToCart,_ as appendBeamAttributesToCart,j as appendStatsigToShopifyCartAttributes,l as appendToShopifyCartBeamAttribute,q as getBeamAttributesForCart,v as getCurrentCart,D as getShopifyCart,E as registerCartIntegration,G as showBeamOrderPageWidgets,H as trackCart};
 //# sourceMappingURL=shopify.esm.js.map

package/dist/integrations/shopify.js

@@ -1,2 +1,2 @@
-import{z as Y,f as _,W as j,L as l,p as q,_ as v,I as D,K as E,s as G,Y as H}from"../chunks/order-page-D5xI18DI.esm.js";import"../chunks/lodash-7H4x2457.esm.js";import"../chunks/events-BohmT6Lp.esm.js";import"../utils/logger.js";import"../utils/network-listeners.js";import"../utils/local-storage.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/memoize-last.js";import"../chunks/promoManager-B9cTR1R3.esm.js";import"../utils/cookies.js";import"../chunks/cart-contents-DkoytiZh.esm.js";import"../chunks/update-cart-g_YbHKJQ.esm.js";import"../chunks/routes-S0vKQTft.esm.js";import"../utils/remote-session.js";import"../utils/cart.js";import"../components/post-purchase.js";import"../chunks/lit-WqMxC_PA.esm.js";import"../chunks/enforce-config-Ba1JkOHs.esm.js";import"../chunks/localize-C25pEGnx.esm.js";import"../components/redeem-transaction.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"../chunks/promo-pill-label-CbW_Vcru.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"../components/beam-partner-logos.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../components/impact-overview.js";import"../chunks/_share-dialog-dependencies-Dt4WMt_y.esm.js";import"../chunks/share-button-P726e8AH.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-Ck4hnQPC.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";import"../utils/wait-for-element.js";export{Y as addBeamAttributesToCart,_ as appendBeamAttributesToCart,j as appendStatsigToShopifyCartAttributes,l as appendToShopifyCartBeamAttribute,q as getBeamAttributesForCart,v as getCurrentCart,D as getShopifyCart,E as registerCartIntegration,G as showBeamOrderPageWidgets,H as trackCart};
+import{z as Y,f as _,W as j,L as l,p as q,_ as v,I as D,K as E,s as G,Y as H}from"../chunks/order-page-CW5aw6Kh.esm.js";import"../chunks/lodash-D3TLHRR_.esm.js";import"../chunks/events-BohmT6Lp.esm.js";import"../utils/logger.js";import"../utils/network-listeners.js";import"../utils/local-storage.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/memoize-last.js";import"../chunks/promoManager-B9cTR1R3.esm.js";import"../utils/cookies.js";import"../chunks/cart-contents-DkoytiZh.esm.js";import"../chunks/update-cart-y9guItUM.esm.js";import"../chunks/routes-D-AQPRne.esm.js";import"../utils/remote-session.js";import"../utils/cart.js";import"../components/post-purchase.js";import"../chunks/lit-WqMxC_PA.esm.js";import"../chunks/enforce-config-Ba1JkOHs.esm.js";import"../chunks/localize-C25pEGnx.esm.js";import"../components/redeem-transaction.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"../chunks/promo-pill-label-CbW_Vcru.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"../components/beam-partner-logos.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../components/impact-overview.js";import"../chunks/_share-dialog-dependencies-DSYemenF.esm.js";import"../chunks/share-button-DNgyupow.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-Bj6RA_H6.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";import"../utils/wait-for-element.js";export{Y as addBeamAttributesToCart,_ as appendBeamAttributesToCart,j as appendStatsigToShopifyCartAttributes,l as appendToShopifyCartBeamAttribute,q as getBeamAttributesForCart,v as getCurrentCart,D as getShopifyCart,E as registerCartIntegration,G as showBeamOrderPageWidgets,H as trackCart};
 //# sourceMappingURL=shopify.js.map

package/dist/integrations/statsig.esm.js

@@ -1,4 +1,4 @@
-import{d as M}from"../chunks/routes-TtLdALcf.esm.js";import{B as D}from"../chunks/cart-contents-DkoytiZh.esm.js";import{h as O,b as W,c as K}from"../chunks/events-BohmT6Lp.esm.js";import{B as g}from"../chunks/beam-errors-Ci0d3926.esm.js";import{getCookieValue as _,setCookieValue as P}from"../utils/cookies.esm.js";import{logger as A}from"../utils/logger.esm.js";import{saveRemoteSession as j}from"../utils/remote-session.esm.js";import"../utils/local-storage.esm.js";var b=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},d=(e,t,i)=>(b(e,t,"read from private field"),i?i.call(e):t.get(e)),n=(e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)},T=(e,t,i,a)=>(b(e,t,"write to private field"),t.set(e,i),i),h=(e,t,i)=>(b(e,t,"access private method"),i),l,p,E,L,v,B,m,f,$,u,S,y,k,I,x;const z=4,G=`https://cdn.jsdelivr.net/npm/statsig-js@${z}/build/statsig-prod-web-sdk.min.js`,N="beam_statsig_session_id",s="data-beam-visibility",F="beam-sync-visibility",w={STATSIG_INIT:"statsig_init",CART_CREATED:"cart_created",ORDER_CREATED:"order_created",BEAM_SELECTION:"beam_selection"};class U{constructor(t){n(this,E),n(this,v),n(this,f),n(this,u),n(this,y),n(this,I),this.name="statsig",this.experiments={shouldShowBeam:!1,isLoggingEnabled:!0},n(this,l,void 0),n(this,p,void 0),n(this,m,[]),this.statsigApiKey=t.statsigApiKey,this.beforeLogEvent=t.beforeLogEvent}async init(t){T(this,l,t),h(this,E,L).call(this),h(this,u,S).call(this,"hide");const i=document.createElement("style");if(i.innerHTML=`
+import{d as M}from"../chunks/routes-Lvj2SXN4.esm.js";import{B as D}from"../chunks/cart-contents-DkoytiZh.esm.js";import{h as O,b as W,c as K}from"../chunks/events-BohmT6Lp.esm.js";import{B as g}from"../chunks/beam-errors-Ci0d3926.esm.js";import{getCookieValue as _,setCookieValue as P}from"../utils/cookies.esm.js";import{logger as A}from"../utils/logger.esm.js";import{saveRemoteSession as j}from"../utils/remote-session.esm.js";import"../utils/local-storage.esm.js";var b=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},d=(e,t,i)=>(b(e,t,"read from private field"),i?i.call(e):t.get(e)),n=(e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)},T=(e,t,i,a)=>(b(e,t,"write to private field"),t.set(e,i),i),h=(e,t,i)=>(b(e,t,"access private method"),i),l,p,E,L,v,B,m,f,$,u,S,y,k,I,x;const z=4,G=`https://cdn.jsdelivr.net/npm/statsig-js@${z}/build/statsig-prod-web-sdk.min.js`,N="beam_statsig_session_id",s="data-beam-visibility",F="beam-sync-visibility",w={STATSIG_INIT:"statsig_init",CART_CREATED:"cart_created",ORDER_CREATED:"order_created",BEAM_SELECTION:"beam_selection"};class U{constructor(t){n(this,E),n(this,v),n(this,f),n(this,u),n(this,y),n(this,I),this.name="statsig",this.experiments={shouldShowBeam:!1,isLoggingEnabled:!0},n(this,l,void 0),n(this,p,void 0),n(this,m,[]),this.statsigApiKey=t.statsigApiKey,this.beforeLogEvent=t.beforeLogEvent}async init(t){T(this,l,t),h(this,E,L).call(this),h(this,u,S).call(this,"hide");const i=document.createElement("style");if(i.innerHTML=`
       [${s}="hide"] beam-select-nonprofit,
       [${s}="hide"] beam-post-purchase,
       [${s}="hide"] beam-redeem-transaction,