npm - @beamimpact/web-sdk - Versions diffs - 1.55.8 → 1.56.3 - Mend

@beamimpact/web-sdk 1.55.8 → 1.56.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (343) hide show

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

	@@ -1 +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-components\";\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% will be donated to ${nonprofit} for you, at no extra cost, every order.`,\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 }) =>\n `Learn about ${brandName} impact${!hideArrow ? \" ›\" : \"\"}`,\n percentFunded: () => `funded`,\n progressPillText: () => `🎉 Impact begins once order is charged`,\n },\n fr: {\n title: ({ causeName = \"\" }) => `Votre abonnement contribue à ${causeName} à chaque commande`,\n futureTenseTitle: ({ causeName = \"\" }) => `Votre abonnement contribuera à ${causeName} à chaque commande`,\n ctaMessagePrefix: () => `Sans frais supplémentaires, `,\n description: ({ nonprofit = \"\" }) =>\n `1% de chaque commande sera reversé à ${nonprofit} pour vous, sans frais supplémentaires.`,\n personalImpactTitle: () => `Vous financez actuellement`,\n futureTensePersonalImpactTitle: () => `Vous financerez`,\n communityImpactTitle: () => `Ensemble, nous finançons`,\n personalLinkCopy: ({ nonprofit = \"\", hideArrow = false }) =>\n `En savoir plus sur ${nonprofit}${!hideArrow ? \" ›\" : \"\"}`,\n communityLinkCopy: ({ brandName = \"\", hideArrow = false }) =>\n `En savoir plus sur l’impact de ${brandName}${!hideArrow ? \" ›\" : \"\"}`,\n percentFunded: () => `financé`,\n progressPillText: () => `🎉 L’impact commence une fois la commande débitée`,\n },\n de: {\n title: ({ causeName = \"\" }) => `Ihr Abonnement unterstützt ${causeName} mit jeder Bestellung`,\n futureTenseTitle: ({ causeName = \"\" }) => `Ihr Abonnement wird ${causeName} mit jeder Bestellung unterstützen`,\n ctaMessagePrefix: () => `Ohne zusätzliche Kosten, `,\n description: ({ nonprofit = \"\" }) =>\n `1% jeder Bestellung wird im Rahmen Ihres Abonnements an ${nonprofit} gespendet.`,\n personalImpactTitle: () => `Sie unterstützen derzeit`,\n futureTensePersonalImpactTitle: () => `Sie werden unterstützen`,\n communityImpactTitle: () => `Gemeinsam unterstützen wir`,\n personalLinkCopy: ({ nonprofit = \"\", hideArrow = false }) =>\n `Mehr über ${nonprofit} erfahren${!hideArrow ? \" ›\" : \"\"}`,\n communityLinkCopy: ({ brandName = \"\", hideArrow = false }) =>\n `Mehr über die Wirkung von ${brandName} erfahren${!hideArrow ? \" ›\" : \"\"}`,\n percentFunded: () => `finanziert`,\n progressPillText: () => `🎉 Wirkung beginnt, sobald die Bestellung abgerechnet wird`,\n },\n es: {\n title: ({ causeName = \"\" }) => `Tu suscripción está apoyando a ${causeName} con cada pedido`,\n futureTenseTitle: ({ causeName = \"\" }) => `Tu suscripción apoyará a ${causeName} con cada pedido`,\n ctaMessagePrefix: () => `Sin coste adicional, `,\n description: ({ nonprofit = \"\" }) => `El 1% de cada pedido se donará a ${nonprofit} en tu nombre.`,\n personalImpactTitle: () => `Actualmente estás financiando`,\n futureTensePersonalImpactTitle: () => `Financiarás`,\n communityImpactTitle: () => `Juntos estamos financiando`,\n personalLinkCopy: ({ nonprofit = \"\", hideArrow = false }) =>\n `Conoce más sobre ${nonprofit}${!hideArrow ? \" ›\" : \"\"}`,\n communityLinkCopy: ({ brandName = \"\", hideArrow = false }) =>\n `Conoce más sobre el impacto de ${brandName}${!hideArrow ? \" ›\" : \"\"}`,\n percentFunded: () => `financiado`,\n progressPillText: () => `🎉 El impacto comienza una vez que se procese el pedido`,\n },\n it: {\n title: ({ causeName = \"\" }) => `Il tuo abbonamento sostiene ${causeName} con ogni ordine`,\n futureTenseTitle: ({ causeName = \"\" }) => `Il tuo abbonamento sosterrà ${causeName} con ogni ordine`,\n ctaMessagePrefix: () => `Senza alcun costo aggiuntivo, `,\n description: ({ nonprofit = \"\" }) => `L'1% di ogni ordine sarà donato a ${nonprofit} per te.`,\n personalImpactTitle: () => `Attualmente stai finanziando`,\n futureTensePersonalImpactTitle: () => `Finanzierai`,\n communityImpactTitle: () => `Insieme stiamo finanziando`,\n personalLinkCopy: ({ nonprofit = \"\", hideArrow = false }) =>\n `Scopri di più su ${nonprofit}${!hideArrow ? \" ›\" : \"\"}`,\n communityLinkCopy: ({ brandName = \"\", hideArrow = false }) =>\n `Scopri di più sull’impatto di ${brandName}${!hideArrow ? \" ›\" : \"\"}`,\n percentFunded: () => `finanziato`,\n progressPillText: () => `🎉 L’impatto inizia una volta che l’ordine è stato addebitato`,\n },\n pl: {\n title: ({ causeName = \"\" }) => `Twoja subskrypcja wspiera ${causeName} przy każdym zamówieniu`,\n futureTenseTitle: ({ causeName = \"\" }) => `Twoja subskrypcja będzie wspierać ${causeName} przy każdym zamówieniu`,\n ctaMessagePrefix: () => `Bez dodatkowych kosztów, `,\n description: ({ nonprofit = \"\" }) =>\n `1% z każdego zamówienia zostanie przekazane na rzecz ${nonprofit} w Twoim imieniu.`,\n personalImpactTitle: () => `Obecnie wspierasz`,\n futureTensePersonalImpactTitle: () => `Będziesz wspierać`,\n communityImpactTitle: () => `Razem wspieramy`,\n personalLinkCopy: ({ nonprofit = \"\", hideArrow = false }) =>\n `Dowiedz się więcej o ${nonprofit}${!hideArrow ? \" ›\" : \"\"}`,\n communityLinkCopy: ({ brandName = \"\", hideArrow = false }) =>\n `Dowiedz się więcej o wpływie ${brandName}${!hideArrow ? \" ›\" : \"\"}`,\n percentFunded: () => `sfinansowano`,\n progressPillText: () => `🎉 Wpływ rozpoczyna się po zrealizowaniu zamówienia`,\n },\n ja: {\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% will be donated to ${nonprofit} for you, at no extra cost, every order.`,\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 }) =>\n `Learn about ${brandName} impact${!hideArrow ? \" ›\" : \"\"}`,\n percentFunded: () => `支援済み`,\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":"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"}
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-components\";\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% will be donated to ${nonprofit} for you, at no extra cost, every order.`,\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 }) =>\n `Learn about ${brandName} impact${!hideArrow ? \" ›\" : \"\"}`,\n percentFunded: () => `funded`,\n progressPillText: () => `🎉 Impact begins once order is charged`,\n },\n fr: {\n title: ({ causeName = \"\" }) => `Votre abonnement contribue à ${causeName} à chaque commande`,\n futureTenseTitle: ({ causeName = \"\" }) => `Votre abonnement contribuera à ${causeName} à chaque commande`,\n ctaMessagePrefix: () => `Sans frais supplémentaires, `,\n description: ({ nonprofit = \"\" }) =>\n `1% de chaque commande sera reversé à ${nonprofit} pour vous, sans frais supplémentaires.`,\n personalImpactTitle: () => `Vous financez actuellement`,\n futureTensePersonalImpactTitle: () => `Vous financerez`,\n communityImpactTitle: () => `Ensemble, nous finançons`,\n personalLinkCopy: ({ nonprofit = \"\", hideArrow = false }) =>\n `En savoir plus sur ${nonprofit}${!hideArrow ? \" ›\" : \"\"}`,\n communityLinkCopy: ({ brandName = \"\", hideArrow = false }) =>\n `En savoir plus sur l’impact de ${brandName}${!hideArrow ? \" ›\" : \"\"}`,\n percentFunded: () => `financé`,\n progressPillText: () => `🎉 L’impact commence une fois la commande débitée`,\n },\n de: {\n title: ({ causeName = \"\" }) => `Ihr Abonnement unterstützt ${causeName} mit jeder Bestellung`,\n futureTenseTitle: ({ causeName = \"\" }) => `Ihr Abonnement wird ${causeName} mit jeder Bestellung unterstützen`,\n ctaMessagePrefix: () => `Ohne zusätzliche Kosten, `,\n description: ({ nonprofit = \"\" }) =>\n `1% jeder Bestellung wird im Rahmen Ihres Abonnements an ${nonprofit} gespendet.`,\n personalImpactTitle: () => `Sie unterstützen derzeit`,\n futureTensePersonalImpactTitle: () => `Sie werden unterstützen`,\n communityImpactTitle: () => `Gemeinsam unterstützen wir`,\n personalLinkCopy: ({ nonprofit = \"\", hideArrow = false }) =>\n `Mehr über ${nonprofit} erfahren${!hideArrow ? \" ›\" : \"\"}`,\n communityLinkCopy: ({ brandName = \"\", hideArrow = false }) =>\n `Mehr über die Wirkung von ${brandName} erfahren${!hideArrow ? \" ›\" : \"\"}`,\n percentFunded: () => `finanziert`,\n progressPillText: () => `🎉 Wirkung beginnt, sobald die Bestellung abgerechnet wird`,\n },\n es: {\n title: ({ causeName = \"\" }) => `Tu suscripción está apoyando a ${causeName} con cada pedido`,\n futureTenseTitle: ({ causeName = \"\" }) => `Tu suscripción apoyará a ${causeName} con cada pedido`,\n ctaMessagePrefix: () => `Sin coste adicional, `,\n description: ({ nonprofit = \"\" }) => `El 1% de cada pedido se donará a ${nonprofit} en tu nombre.`,\n personalImpactTitle: () => `Actualmente estás financiando`,\n futureTensePersonalImpactTitle: () => `Financiarás`,\n communityImpactTitle: () => `Juntos estamos financiando`,\n personalLinkCopy: ({ nonprofit = \"\", hideArrow = false }) =>\n `Conoce más sobre ${nonprofit}${!hideArrow ? \" ›\" : \"\"}`,\n communityLinkCopy: ({ brandName = \"\", hideArrow = false }) =>\n `Conoce más sobre el impacto de ${brandName}${!hideArrow ? \" ›\" : \"\"}`,\n percentFunded: () => `financiado`,\n progressPillText: () => `🎉 El impacto comienza una vez que se procese el pedido`,\n },\n it: {\n title: ({ causeName = \"\" }) => `Il tuo abbonamento sostiene ${causeName} con ogni ordine`,\n futureTenseTitle: ({ causeName = \"\" }) => `Il tuo abbonamento sosterrà ${causeName} con ogni ordine`,\n ctaMessagePrefix: () => `Senza alcun costo aggiuntivo, `,\n description: ({ nonprofit = \"\" }) => `L'1% di ogni ordine sarà donato a ${nonprofit} per te.`,\n personalImpactTitle: () => `Attualmente stai finanziando`,\n futureTensePersonalImpactTitle: () => `Finanzierai`,\n communityImpactTitle: () => `Insieme stiamo finanziando`,\n personalLinkCopy: ({ nonprofit = \"\", hideArrow = false }) =>\n `Scopri di più su ${nonprofit}${!hideArrow ? \" ›\" : \"\"}`,\n communityLinkCopy: ({ brandName = \"\", hideArrow = false }) =>\n `Scopri di più sull’impatto di ${brandName}${!hideArrow ? \" ›\" : \"\"}`,\n percentFunded: () => `finanziato`,\n progressPillText: () => `🎉 L’impatto inizia una volta che l’ordine è stato addebitato`,\n },\n pl: {\n title: ({ causeName = \"\" }) => `Twoja subskrypcja wspiera ${causeName} przy każdym zamówieniu`,\n futureTenseTitle: ({ causeName = \"\" }) => `Twoja subskrypcja będzie wspierać ${causeName} przy każdym zamówieniu`,\n ctaMessagePrefix: () => `Bez dodatkowych kosztów, `,\n description: ({ nonprofit = \"\" }) =>\n `1% z każdego zamówienia zostanie przekazane na rzecz ${nonprofit} w Twoim imieniu.`,\n personalImpactTitle: () => `Obecnie wspierasz`,\n futureTensePersonalImpactTitle: () => `Będziesz wspierać`,\n communityImpactTitle: () => `Razem wspieramy`,\n personalLinkCopy: ({ nonprofit = \"\", hideArrow = false }) =>\n `Dowiedz się więcej o ${nonprofit}${!hideArrow ? \" ›\" : \"\"}`,\n communityLinkCopy: ({ brandName = \"\", hideArrow = false }) =>\n `Dowiedz się więcej o wpływie ${brandName}${!hideArrow ? \" ›\" : \"\"}`,\n percentFunded: () => `sfinansowano`,\n progressPillText: () => `🎉 Wpływ rozpoczyna się po zrealizowaniu zamówienia`,\n },\n ja: {\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% will be donated to ${nonprofit} for you, at no extra cost, every order.`,\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 }) =>\n `Learn about ${brandName} impact${!hideArrow ? \" ›\" : \"\"}`,\n percentFunded: () => `支援済み`,\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\";\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\n data-speedsize-ignore=\"true\"\n src=\"${impactCard.image}\"\n alt=\"\"\n role=\"presentation\"\n class=\"icon\"\n />\n </div>\n </div>`\n : html` <div class=\"image-container\">\n <img\n data-speedsize-ignore=\"true\"\n src=\"${impactCard.image}\"\n alt=\"\"\n role=\"presentation\"\n class=\"image\"\n />\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":"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"}

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

@@ -1,17 +1,15 @@
 import * as lit_html from 'lit-html';
 import * as lit from 'lit';
 import { LitElement } from 'lit';
-import { g as getChainNonprofits, a as getImpact } from '../chunks/routes-DahRzf8t.esm.js';
-import { T as TCart } from '../chunks/cart-contents-CLT7p7Gd.esm.js';
+import { g as getChainNonprofits, a as getImpact } from '../chunks/routes-OxC3Ah30.esm.js';
+import { T as TCart } from '../chunks/cart-contents-CEoSx3y4.esm.js';
 import './select-subscription-nonprofit.js';
 import './subscription-impact.js';
-import './beam-partner-logos.js';
-import '../chunks/progress-bar-CveZ8E6Q.esm.js';
 import { L as LANGUAGES } from '../chunks/types-DfRc36jU.esm.js';
-import { T as TNumericId } from '../chunks/types-CPxMwnoR.esm.js';
-import '../chunks/openapi-spec-Bk7E2QQP.esm.js';
+import { T as TNumericId } from '../chunks/types-D_PLq1pj.esm.js';
+import '../chunks/openapi-spec-B4z4_CMq.esm.js';
 import 'lodash';
-import '../chunks/share-button-CDVVaxEc.esm.js';
+import './beam-partner-logos.js';
 interface RequiredDataPropsWithEmail {
     email: string;
@@ -60,7 +58,7 @@ declare class BeamSubscriptionManagement extends LitElement {
         chain: {
             name: string;
             logoUrl: string | null;
-            logoLockupUrl?: string | null | undefined;
+            logoLockupUrl?: string | null;
             communityImpactUrl: string | null;
             donationTypeName: string | null;
             matchDonationTypeName: string | null;
@@ -69,55 +67,55 @@ declare class BeamSubscriptionManagement extends LitElement {
             web: {
                 title: string;
                 description: string;
-                promoDescriptionPrefix?: string | undefined;
-                promoDescription?: string | undefined;
-                confirmButton?: string | undefined;
-                confirmedButton?: string | undefined;
-                collapsedButton?: string | undefined;
+                promoDescriptionPrefix?: string;
+                promoDescription?: string;
+                confirmButton?: string;
+                confirmedButton?: string;
+                collapsedButton?: string;
                 theme?: {
                     [key: string]: unknown;
-                } | null | undefined;
-                nonprofitSelectedHeader?: string | undefined;
-                nonprofitUnselectedHeader?: string | undefined;
+                } | null;
+                nonprofitSelectedHeader?: string;
+                nonprofitUnselectedHeader?: string;
                 dynamicStrings?: {
                     [key: string]: string;
-                } | null | undefined;
+                } | null;
                 additionalStrings?: {
                     [key: string]: string;
-                } | null | undefined;
-                disableAnimation?: boolean | undefined;
+                } | null;
+                disableAnimation?: boolean;
                 promo?: {
                     "promo-text-long": string;
                     "promo-text-short": string;
                     "promo-cause-alt-text": string;
-                } | undefined;
+                };
             };
             mobileWeb?: {
                 title: string;
                 description: string;
-                nonprofitSelectedHeader?: string | undefined;
-                nonprofitUnselectedHeader?: string | undefined;
-            } | undefined;
+                nonprofitSelectedHeader?: string;
+                nonprofitUnselectedHeader?: string;
+            };
             mobile: {
                 title: string;
                 description: string;
-                nonprofitSelectedHeader?: string | undefined;
-                nonprofitUnselectedHeader?: string | undefined;
+                nonprofitSelectedHeader?: string;
+                nonprofitUnselectedHeader?: string;
             };
-            enableNonprofitDeselection?: boolean | undefined;
+            enableNonprofitDeselection?: boolean;
         } & {
             web?: {
-                redeemButtonText?: string | undefined;
-            } | undefined;
+                redeemButtonText?: string;
+            };
             mobileWeb?: {
-                redeemButtonText?: string | undefined;
-            } | undefined;
+                redeemButtonText?: string;
+            };
             mobile?: {
-                redeemButtonText?: string | undefined;
-            } | undefined;
+                redeemButtonText?: string;
+            };
         };
         nonprofits: {
-            imageUrl: Partial<string | null>;
+            imageUrl: Partial<string | null> & Partial<string | null>;
             nonprofit: {
                 id: number;
                 name: string;
@@ -126,14 +124,14 @@ declare class BeamSubscriptionManagement extends LitElement {
                 causeIconSelectedUrl: string | null;
                 causeColor: string | null;
                 extensibility?: {
-                    causeIconUrl?: string | null | undefined;
-                    causeIconSelectedUrl?: string | null | undefined;
-                    causeIconAndBackgroundUrl?: string | null | undefined;
-                } | undefined;
+                    causeIconUrl?: string | null;
+                    causeIconSelectedUrl?: string | null;
+                    causeIconAndBackgroundUrl?: string | null;
+                };
                 website: string | null;
                 websiteLinkText: string;
-                badge?: string | undefined;
-                includeInPersonalImpact?: boolean | undefined;
+                badge?: string;
+                includeInPersonalImpact?: boolean;
             };
             impact: {
                 description: string | null;
@@ -142,10 +140,10 @@ declare class BeamSubscriptionManagement extends LitElement {
                 goalProgressPercentage: number;
             };
             promo?: {
-                type?: string | undefined;
+                type?: string;
                 isActive: boolean;
                 multiplier: number | null;
-            } | null | undefined;
+            } | null;
         }[];
         store: {
             id: number;
@@ -156,18 +154,18 @@ declare class BeamSubscriptionManagement extends LitElement {
         promos?: {
             validatedPromoCodes: {
                 promoCodeId: string | null;
-                promoCodeGroupId?: string | null | undefined;
-                promoId?: number | undefined;
+                promoCodeGroupId?: string | null;
+                promoId?: number;
                 validatedAt: string;
                 apply: boolean;
             }[];
-        } | undefined;
+        };
         extensibility?: {
-            excludeB2BOrders?: boolean | undefined;
-        } | undefined;
+            excludeB2BOrders?: boolean;
+        };
         settings?: {
             excludeDonationsForRecurringTransactions: boolean;
-        } | undefined;
+        };
     }>;
     fetchSubscription(): Promise<{
         beamUserId: string;
@@ -175,17 +173,17 @@ declare class BeamSubscriptionManagement extends LitElement {
         internalSubscriptionId: string;
         settings?: {
             excludeDonationsForRecurringTransactions: boolean;
-        } | undefined;
+        };
         nonprofit: {
             id: number;
-            name?: string | undefined;
+            name?: string;
         } | null;
     }>;
     fetchImpact(): Promise<{
         chain: {
             name: string;
             logoUrl: string | null;
-            logoLockupUrl?: string | null | undefined;
+            logoLockupUrl?: string | null;
             communityImpactUrl: string | null;
             donationTypeName: string | null;
             matchDonationTypeName: string | null;
@@ -199,42 +197,42 @@ declare class BeamSubscriptionManagement extends LitElement {
             web: {
                 title: string;
                 description: string;
-                promoDescriptionPrefix?: string | undefined;
-                promoDescription?: string | undefined;
-                confirmButton?: string | undefined;
-                confirmedButton?: string | undefined;
-                collapsedButton?: string | undefined;
+                promoDescriptionPrefix?: string;
+                promoDescription?: string;
+                confirmButton?: string;
+                confirmedButton?: string;
+                collapsedButton?: string;
                 theme?: {
                     [key: string]: unknown;
-                } | null | undefined;
-                nonprofitSelectedHeader?: string | undefined;
-                nonprofitUnselectedHeader?: string | undefined;
+                } | null;
+                nonprofitSelectedHeader?: string;
+                nonprofitUnselectedHeader?: string;
                 dynamicStrings?: {
                     [key: string]: string;
-                } | null | undefined;
+                } | null;
                 additionalStrings?: {
                     [key: string]: string;
-                } | null | undefined;
-                disableAnimation?: boolean | undefined;
+                } | null;
+                disableAnimation?: boolean;
                 promo?: {
                     "promo-text-long": string;
                     "promo-text-short": string;
                     "promo-cause-alt-text": string;
-                } | undefined;
+                };
             };
             mobileWeb?: {
                 title: string;
                 description: string;
-                nonprofitSelectedHeader?: string | undefined;
-                nonprofitUnselectedHeader?: string | undefined;
-            } | undefined;
+                nonprofitSelectedHeader?: string;
+                nonprofitUnselectedHeader?: string;
+            };
             mobile: {
                 title: string;
                 description: string;
-                nonprofitSelectedHeader?: string | undefined;
-                nonprofitUnselectedHeader?: string | undefined;
+                nonprofitSelectedHeader?: string;
+                nonprofitUnselectedHeader?: string;
             };
-            enableNonprofitDeselection?: boolean | undefined;
+            enableNonprofitDeselection?: boolean;
         };
         personal: {
             imageUrl: string | null;
@@ -246,14 +244,14 @@ declare class BeamSubscriptionManagement extends LitElement {
                 causeIconSelectedUrl: string | null;
                 causeColor: string | null;
                 extensibility?: {
-                    causeIconUrl?: string | null | undefined;
-                    causeIconSelectedUrl?: string | null | undefined;
-                    causeIconAndBackgroundUrl?: string | null | undefined;
-                } | undefined;
+                    causeIconUrl?: string | null;
+                    causeIconSelectedUrl?: string | null;
+                    causeIconAndBackgroundUrl?: string | null;
+                };
                 website: string | null;
                 websiteLinkText: string;
-                badge?: string | undefined;
-                includeInPersonalImpact?: boolean | undefined;
+                badge?: string;
+                includeInPersonalImpact?: boolean;
             };
             impact: {
                 description: string | null;
@@ -264,7 +262,7 @@ declare class BeamSubscriptionManagement extends LitElement {
             share: {
                 imageUrl: string | null;
             };
-            filters?: string[] | undefined;
+            filters?: string[];
         }[];
         community: {
             imageUrl: string | null;
@@ -276,14 +274,14 @@ declare class BeamSubscriptionManagement extends LitElement {
                 causeIconSelectedUrl: string | null;
                 causeColor: string | null;
                 extensibility?: {
-                    causeIconUrl?: string | null | undefined;
-                    causeIconSelectedUrl?: string | null | undefined;
-                    causeIconAndBackgroundUrl?: string | null | undefined;
-                } | undefined;
+                    causeIconUrl?: string | null;
+                    causeIconSelectedUrl?: string | null;
+                    causeIconAndBackgroundUrl?: string | null;
+                };
                 website: string | null;
                 websiteLinkText: string;
-                badge?: string | undefined;
-                includeInPersonalImpact?: boolean | undefined;
+                badge?: string;
+                includeInPersonalImpact?: boolean;
             };
             impact: {
                 description: string | null;
@@ -294,10 +292,10 @@ declare class BeamSubscriptionManagement extends LitElement {
             share: {
                 imageUrl: string | null;
             };
-            filters?: string[] | undefined;
+            filters?: string[];
         }[];
         promo: {
-            type?: string | undefined;
+            type?: string;
             isActive: boolean;
             multiplier: number | null;
         } | null;
@@ -305,7 +303,7 @@ declare class BeamSubscriptionManagement extends LitElement {
         personalImpactAssetUrl: string | null;
         settings?: {
             excludeDonationsForRecurringTransactions: boolean;
-        } | undefined;
+        };
     }>;
     getDisplayablePreviousImpacts(): {
         imageUrl: string | null;
@@ -317,14 +315,14 @@ declare class BeamSubscriptionManagement extends LitElement {
             causeIconSelectedUrl: string | null;
             causeColor: string | null;
             extensibility?: {
-                causeIconUrl?: string | null | undefined;
-                causeIconSelectedUrl?: string | null | undefined;
-                causeIconAndBackgroundUrl?: string | null | undefined;
-            } | undefined;
+                causeIconUrl?: string | null;
+                causeIconSelectedUrl?: string | null;
+                causeIconAndBackgroundUrl?: string | null;
+            };
             website: string | null;
             websiteLinkText: string;
-            badge?: string | undefined;
-            includeInPersonalImpact?: boolean | undefined;
+            badge?: string;
+            includeInPersonalImpact?: boolean;
         };
         impact: {
             description: string | null;
@@ -335,7 +333,7 @@ declare class BeamSubscriptionManagement extends LitElement {
         share: {
             imageUrl: string | null;
         };
-        filters?: string[] | undefined;
+        filters?: string[];
     }[];
     handleSwapNonprofitButtonClick(): void;
     handleBackToSubscriptionImpactButtonClick(): void;
@@ -354,4 +352,5 @@ declare global {
     }
 }
-export { BeamSubscriptionManagement, type TIAPIV3EligibleNonprofitConfig, type TIAPIV3EligibleNonprofits, type TIAPIV3PersonalImpact };
+export { BeamSubscriptionManagement };
+export type { TIAPIV3EligibleNonprofitConfig, TIAPIV3EligibleNonprofits, TIAPIV3PersonalImpact };