npm - @beamimpact/web-sdk - Versions diffs - 1.55.5 → 1.55.7 - Mend

@beamimpact/web-sdk 1.55.5 → 1.55.7

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 (161) hide show

package/dist/components/select-subscription-nonprofit.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select-subscription-nonprofit.js","sources":["../../src/shared/fragments/checkbox.ts","../../src/components/select-subscription-nonprofit/strings.ts","../../src/components/select-subscription-nonprofit/index.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\n\nexport const _checkbox = ({ height = \"1em\", width = \"1em\" } = {}) =>\n html`\n <svg\n style=\"${styleMap({ height, width, position: \"relative\", bottom: \"0\" })}\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 78.369 78.369\"\n >\n <g>\n <path\n d=\"M78.049,19.015L29.458,67.606c-0.428,0.428-1.121,0.428-1.548,0L0.32,40.015c-0.427-0.426-0.427-1.119,0-1.547l6.704-6.704\n c0.428-0.427,1.121-0.427,1.548,0l20.113,20.112l41.113-41.113c0.429-0.427,1.12-0.427,1.548,0l6.703,6.704\n C78.477,17.894,78.477,18.586,78.049,19.015z\"\n style=\"fill: currentColor\"\n />\n </g>\n </svg>\n `;\n","export const strings = {\n en: {\n ctaTitle: () => `Choose Your Impact`,\n ctaMessagePrefix: () => ` at no extra cost, with every order of your subscription.`,\n ctaMessage: ({ donationPercentage = \"1%\" } = {}) =>\n `Choose a nonprofit and ${donationPercentage} will be donated there for you,`,\n submitButtonText: () => `Confirm`,\n submitButtonTextCompleted: () => `Confirmed!`,\n chooseButtonText: () => `Choose`,\n },\n fr: {\n ctaTitle: () => `Choisissez votre impact`,\n ctaMessagePrefix: () => ` sans frais supplémentaires, à chaque commande de votre abonnement.`,\n ctaMessage: ({ donationPercentage = \"1%\" } = {}) =>\n `Choisissez une association et ${donationPercentage} sera reversé en votre nom,`,\n submitButtonText: () => `Confirmer`,\n submitButtonTextCompleted: () => `Confirmé !`,\n chooseButtonText: () => `Choisir`,\n },\n de: {\n ctaTitle: () => `Wähle deinen Impact`,\n ctaMessagePrefix: () => ` ohne zusätzliche Kosten, bei jeder Bestellung deines Abonnements.`,\n ctaMessage: ({ donationPercentage = \"1%\" } = {}) =>\n `Wähle eine gemeinnützige Organisation und ${donationPercentage} werden in deinem Namen gespendet,`,\n submitButtonText: () => `Bestätigen`,\n submitButtonTextCompleted: () => `Bestätigt!`,\n chooseButtonText: () => `Wählen`,\n },\n es: {\n ctaTitle: () => `Elige tu impacto`,\n ctaMessagePrefix: () => ` sin coste adicional, con cada pedido de tu suscripción.`,\n ctaMessage: ({ donationPercentage = \"1%\" } = {}) =>\n `Elige una organización sin ánimo de lucro y donaremos ${donationPercentage} en tu nombre,`,\n submitButtonText: () => `Confirmar`,\n submitButtonTextCompleted: () => `¡Confirmado!`,\n chooseButtonText: () => `Elegir`,\n },\n it: {\n ctaTitle: () => `Scegli il tuo impatto`,\n ctaMessagePrefix: () => ` senza costi aggiuntivi, a ogni ordine del tuo abbonamento.`,\n ctaMessage: ({ donationPercentage = \"1%\" } = {}) =>\n `Seleziona un'organizzazione no-profit e l’${donationPercentage} sarà donato a tuo nome,`,\n submitButtonText: () => `Confermare`,\n submitButtonTextCompleted: () => `Confermato!`,\n chooseButtonText: () => `Scegli`,\n },\n pl: {\n ctaTitle: () => `Wybierz swój wpływ`,\n ctaMessagePrefix: () => ` bez żadnych dodatkowych kosztów, przy każdym zamówieniu w ramach subskrypcji.`,\n ctaMessage: ({ donationPercentage = \"1%\" } = {}) =>\n `Wybierz organizację non-profit, a ${donationPercentage} zostanie przekazane w Twoim imieniu,`,\n submitButtonText: () => `Zatwierdź`,\n submitButtonTextCompleted: () => `Zatwierdzono!`,\n chooseButtonText: () => `Wybierz`,\n },\n ja: {\n ctaTitle: () => `寄付先をお選びください。`,\n ctaMessagePrefix: () => `追加費用なしで、ご購入ごとに、`,\n ctaMessage: ({ donationPercentage = \"1%\" } = {}) =>\n `非営利団体を選ぶと、${donationPercentage}がその団体に寄付されます、`,\n submitButtonText: () => `確認する`,\n submitButtonTextCompleted: () => `確認済み`,\n chooseButtonText: () => `選択してください`,\n },\n};\n","import { css, html, LitElement, PropertyValues } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport { repeat } from \"lit/directives/repeat.js\";\nimport { state } from \"lit/decorators/state.js\";\nimport debounce from \"lodash-es/debounce\";\nimport { postChainEligibleNonprofitsForCart, updateSubscription } from \"../../api-sdk/v3/routes\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { progressBarConfigDefaults } from \"../../shared/components/progress-bar\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES, WIDGET_NAMES } from \"../../api-sdk/constants\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { makeApiKeyHeader } from \"../../utils/makeApiKeyHeader\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { BeamError, MissingConfig } from \"../../utils/beam-errors\";\nimport { createScopedLocalStorage } from \"../../utils/local-storage\";\nimport { cssCardGrid } from \"../../shared/fragments/css-card-grid\";\nimport { _checkbox } from \"../../shared/fragments/checkbox\";\nimport { BeamNonprofitSelectEvent } from \"../../utils/events\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { TNumericId } from \"../../shared/types\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { strings } from \"./strings\";\nimport \"../../shared/components/progress-bar\";\nimport \"../beam-partner-logos\";\n\ninterface SubscriptionRequiredConfig {\n apiKey: string;\n subscriptionId: string;\n storeId: TNumericId;\n}\nconst cacheTtl = 2 * 60 * 60 * 1000;\nexport class BeamSelectSubscriptionNonprofit extends LitElement {\n static tagName = \"beam-select-subscription-nonprofit\";\n\n @property({ type: String }) public baseUrl: string = DEFAULT_BASE_URL;\n @property({ type: String }) public apiKey?: SubscriptionRequiredConfig[\"apiKey\"];\n @property({ type: String }) public subscriptionId?: SubscriptionRequiredConfig[\"subscriptionId\"];\n @property({ type: Number }) public storeId?: SubscriptionRequiredConfig[\"storeId\"];\n @property({ type: String }) public countryCode?: string;\n @property({ type: String }) public postalCode?: string;\n @property({ type: Number, reflect: true }) public selectedNonprofitId?: TNumericId;\n @property({ type: String }) public lang: LANGUAGES = \"en\";\n @property({ type: Boolean }) public draftConfig = false;\n @property({ type: Boolean }) public debug = false;\n @state() private isMobile = window.innerWidth < 768;\n\n get configLang() {\n return SUPPORTED_LANGUAGES[this.lang] \|\| \"en\";\n }\n\n private getChainNonprofits = async () => {\n if (!enforceConfig<SubscriptionRequiredConfig>([\"apiKey\", \"subscriptionId\", \"storeId\"], this)) {\n throw new MissingConfig();\n }\n const res = await postChainEligibleNonprofitsForCart({\n baseUrl: this.baseUrl,\n headers: makeApiKeyHeader(this.apiKey),\n requestBody: {\n storeId: this.storeId,\n postalCode: this.postalCode,\n countryCode: this.countryCode,\n widgetName: \"select-subscription-nonprofit\",\n version: \"1.0.0\",\n lang: this.configLang,\n options: {\n config: {\n draftConfig: this.draftConfig,\n },\n },\n },\n });\n\n this.localStorage.setItemJson(\"chainNonprofits\", {\n createdAt: new Date(),\n data: res,\n });\n\n return res;\n };\n\n private updateNonprofitIdForSubscription = async ({ selectedNonprofitId }: { selectedNonprofitId: TNumericId }) => {\n if (!this.subscriptionId) {\n return null;\n }\n\n if (!enforceConfig<SubscriptionRequiredConfig>([\"apiKey\", \"subscriptionId\"], this)) {\n throw new MissingConfig();\n }\n\n return updateSubscription({\n baseUrl: this.baseUrl,\n headers: makeApiKeyHeader(this.apiKey),\n requestBody: {\n remoteSubscriptionId: this.subscriptionId,\n nonprofitId: selectedNonprofitId,\n selectionMethod: \"subscription_management_widget\",\n },\n });\n };\n\n private nonprofitListDataController = new AsyncController<typeof this.getChainNonprofits>(\n this,\n this.getChainNonprofits\n );\n\n private subscriptionUpdateDataController = new AsyncController<typeof this.updateNonprofitIdForSubscription>(\n this,\n this.updateNonprofitIdForSubscription\n );\n\n private localStorage = createScopedLocalStorage(this as LitElement & SubscriptionRequiredConfig);\n\n connectedCallback() {\n super.connectedCallback();\n window.addEventListener(\"resize\", this.evaluateBreakPoints);\n }\n\n async firstUpdated(_changedProperties: PropertyValues) {\n await this.restoreStateFromCache();\n }\n\n async updated(previousPropertyValues: PropertyValues) {\n // Reload nonprofit list on change of any of these props:\n // Also fires on first load as props go from undefined => value\n const requireNewDataProps = [\"baseUrl\", \"storeId\", \"apiKey\", \"countryCode\", \"postalCode\", \"lang\"];\n for (const prop of requireNewDataProps) {\n if (previousPropertyValues.has(prop)) {\n await this.nonprofitListDataController.exec();\n break;\n }\n }\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n }\n\n private restoreStateFromCache() {\n if (!enforceConfig<SubscriptionRequiredConfig>([\"apiKey\"], this)) throw new MissingConfig();\n\n try {\n // try to restore nonprofit list if we have data and it's not too old\n // list will continue to refresh async and replace this data when ready\n const { createdAt = 0, data } =\n this.localStorage.getItemJson<{ createdAt: string; data: any }>(\"chainNonprofits\") \|\| {};\n if (new Date(createdAt).valueOf() + cacheTtl > new Date().valueOf()) {\n this.nonprofitListDataController.data = data;\n this.nonprofitListDataController.loading = false;\n }\n } catch (err) {\n // ignore cache retrieval error and continue to fetch data\n }\n }\n\n /*\n Factory for selection event handler\n \n Nonprofit selector implements radio-button semantics:\n * * If nothing is selected, tabbing into selector selects first card\n * * Arrow keys changes focus between cards, but doesn't select\n * * Enter/Space sets selection\n * * If a nonprofit is selected, arrow keys change focus AND selection\n * * Click sets selection\n * @param {number} id\n * @param {number} index\n * @param {{id: number}[]} nonprofits\n * @returns {(evt: Event) => void}\n /\n private makeHandleSelect =\n (id: number, index: number, nonprofits: { nonprofit: { id: number } }[]): ((event: Event) => void) =>\n async (event: Event) => {\n if (!this.allowChange) return;\n\n const currentId = this.selectedNonprofitId;\n if (event instanceof KeyboardEvent) {\n let nextFocus = null;\n switch (event.key) {\n case \"ArrowUp\":\n case \"ArrowLeft\":\n if (index === 0) {\n nextFocus = nonprofits[nonprofits.length - 1];\n } else {\n nextFocus = nonprofits[index - 1];\n }\n event.preventDefault();\n break;\n case \"ArrowRight\":\n case \"ArrowDown\":\n if (index === nonprofits.length - 1) {\n nextFocus = nonprofits[0];\n } else {\n nextFocus = nonprofits[index + 1];\n }\n event.preventDefault();\n break;\n case \"Enter\":\n case \" \":\n event.preventDefault();\n break; // continue to toggle-selection block below\n default:\n return;\n }\n if (nextFocus) {\n const focusTarget = this.renderRoot.querySelector(`[data-value=\"${nextFocus.nonprofit.id}\"]`) as HTMLElement;\n if (focusTarget !== null) {\n focusTarget.tabIndex = 0;\n focusTarget.focus();\n }\n return;\n }\n }\n // Handle selection with click or Enter/Space key\n const targetEl = event.currentTarget;\n if (targetEl instanceof HTMLElement) {\n if (currentId === id) {\n // this[\"selected-nonprofit-id\"] = undefined; // unset (not supported)\n return; // no API call or localStorage change needed\n } else {\n this.selectedNonprofitId = id;\n }\n }\n };\n\n get allowChange() {\n // Disallow change if already submitted\n return this.subscriptionUpdateDataController.data == null && !this.subscriptionUpdateDataController.loading;\n }\n\n get allowSubmit() {\n // Disabled if no nonprofit has been selected yet or if submission was already received\n return Boolean(this.selectedNonprofitId && this.allowChange);\n }\n\n handleSubmit = async () => {\n const { selectedNonprofitId } = this;\n if (!this.allowSubmit \|\| selectedNonprofitId == null) return;\n await this.subscriptionUpdateDataController.exec({ selectedNonprofitId });\n\n const selectedNonprofit = this.nonprofitListDataController?.data?.nonprofits.find(\n (np) => np.nonprofit.id === selectedNonprofitId\n );\n\n this.dispatchEvent(\n new BeamNonprofitSelectEvent({\n selectedNonprofitId,\n nonprofitName: selectedNonprofit?.nonprofit.name,\n source: WIDGET_NAMES.select_subscription_nonprofit,\n })\n );\n };\n\n evaluateBreakPoints = debounce(\n () => {\n this.isMobile = window.innerWidth < 768;\n },\n 50,\n { maxWait: 50, leading: true }\n );\n\n public get cssVariables() {\n const defaults = {\n ...progressBarConfigDefaults,\n \"--beam-fontFamily\": \"inherit\",\n \"--beam-fontStyle\": \"inherit\",\n \"--beam-fontSize\": \"inherit\",\n \"--beam-textColor\": \"inherit\",\n \"--beam-backgroundColor\": \"inherit\",\n \"--beam-SelectSubscriptionNonprofit-maxWidth\": \"800px\",\n \"--beam-SelectSubscriptionNonprofit-mobile-header-alignItems\": \"center\",\n \"--beam-SelectSubscriptionNonprofit-desktop-header-alignItems\": \"center\",\n \"--beam-SelectSubscriptionNonprofit-headerContainer-padding\": \"2px\",\n \"--beam-SelectSubscriptionNonprofit-title-textAlign\": \"inherit\",\n \"--beam-SelectSubscriptionNonprofit-description-textAlign\": \"center\",\n \"--beam-SelectSubscriptionNonprofit-description-lineHeight\": \"138%\",\n \"--beam-SelectSubscriptionNonprofit-description-marginTop\": \"3px\",\n \"--beam-SelectSubscriptionNonprofit-desktop-description-width\": \"80%\",\n \"--beam-SelectSubscriptionNonprofit-mobile-description-width\": \"90%\",\n \"--beam-SelectSubscriptionNonprofit-options-marginTop\": \"10px\",\n \"--beam-SelectSubscriptionNonprofit-options-padding\": \"10px\",\n \"--beam-SelectSubscriptionNonprofit-options-borderWidth\": \"1px\",\n \"--beam-SelectSubscriptionNonprofit-options-borderColor\": \"transparent\",\n \"--beam-SelectSubscriptionNonprofit-options-borderRadius\": \"8px\",\n \"--beam-SelectSubscriptionNonprofit-options-backgroundColor\": \"#F9FBFB\",\n \"--beam-SelectSubscriptionNonprofit-option-padding\": \"15px\",\n \"--beam-SelectSubscriptionNonprofit-options-hover-backgroundColor\": \"#e1f1ee\",\n \"--beam-SelectSubscriptionNonprofit-options-hover-borderWidth\": \"1px\",\n \"--beam-SelectSubscriptionNonprofit-options-hover-borderColor\": \"#e1f1ee\",\n \"--beam-SelectSubscriptionNonprofit-options-selected-borderWidth\": \"1px\",\n \"--beam-SelectSubscriptionNonprofit-options-selected-borderColor\": \"#e1f1ee\",\n \"--beam-SelectSubscriptionNonprofit-options-selected-backgroundColor\": \"#e1f1ee\",\n \"--beam-SelectSubscriptionNonprofit-options-gap\": \"20px\",\n \"--beam-SelectSubscriptionNonprofit-options-minWidth\": \"250px\",\n \"--beam-SelectSubscriptionNonprofit-options-columnCount\": \"2\",\n \"--beam-SelectSubscriptionNonprofit-options-icon-borderRadius\": \"4px\",\n \"--beam-SelectSubscriptionNonprofit-options-icon-padding\": \"10px\",\n \"--beam-SelectSubscriptionNonprofit-options-image-borderRadius\": \"4px\",\n \"--beam-SelectSubscriptionNonprofit-cardIconContainer-height\": \"100%\",\n \"--beam-SelectSubscriptionNonprofit-iconBackground-width\": \"50px\",\n \"--beam-SelectSubscriptionNonprofit-iconBackground-height\": \"50px\",\n \"--beam-SelectSubscriptionNonprofit-iconBackground-borderRadius\": \"50%\",\n \"--beam-SelectSubscriptionNonprofit-iconBackground-background\": \"#0a323c\",\n \"--beam-SelectSubscriptionNonprofit-icon-height\": \"50px\",\n \"--beam-SelectSubscriptionNonprofit-checkmark-backgroundColor\": \"transparent\",\n \"--beam-SelectSubscriptionNonprofit-checkmark-color\": \"transparent\",\n \"--beam-SelectSubscriptionNonprofit-checkmark-borderColor\": \"#0A323C\",\n \"--beam-SelectSubscriptionNonprofit-checkmark-selected-color\": \"#fff\",\n \"--beam-SelectSubscriptionNonprofit-checkmark-selected-backgroundColor\": \"#0A323C\",\n \"--beam-SelectSubscriptionNonprofit-checkmark-selected-borderColor\": \"#0A323C\",\n \"--beam-SelectSubscriptionNonprofit-checkmark-hover-color\": \"#fff\",\n \"--beam-SelectSubscriptionNonprofit-checkmark-hover-backgroundColor\": \"#0A323C\",\n \"--beam-SelectSubscriptionNonprofit-checkmark-hover-borderColor\": \"#0A323C\",\n \"--beam-SelectSubscriptionNonprofit-cardStyle\": \"'selected_icon'\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-color\": \"#fff\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-hover-color\": \"#fff\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-disabled-color\": \"#fff\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-backgroundColor\": \"#0A323C\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-hover-backgroundColor\": \"#222\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-disabled-backgroundColor\": \"#767676\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-borderColor\": \"#333\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-hover-borderColor\": \"#222\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-disabled-borderColor\": \"#767676\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-fontSize\": \"14px\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-fontWeight\": \"inherit\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-fontFamily\": \"inherit\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-textTransform\": \"none\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-borderRadius\": \"30px\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-padding\": \"10px 30px\",\n ...defineCustomText(\"--beam-SelectSubscriptionNonprofit-title\", {\n fontSize: \"20px\",\n fontWeight: \"bold\",\n lineHeight: \"120%\",\n textTransform: \"capitalize\",\n color: \"#0a323c\",\n }),\n ...defineCustomText(\"--beam-SelectSubscriptionNonprofit-descriptionPrefix\", {\n marginTop: \"3px\",\n color: \"#2f302d\",\n fontSize: \"14px\",\n fontWeight: \"bold\",\n fontStyle: \"normal\",\n lineHeight: \"138%\",\n }),\n ...defineCustomText(\"--beam-SelectSubscriptionNonprofit-description\", {\n color: \"#2f302d\",\n fontSize: \"14px\",\n fontStyle: \"normal\",\n }),\n \"--beam-SelectSubscriptionNonprofit-details-cause-letterSpacing\": \"0.36px\",\n ...defineCustomText(\"--beam-SelectSubscriptionNonprofit-details-cause\", {\n fontSize: \"12px\",\n fontWeight: \"bold\",\n color: \"#0a323c\",\n fontStyle: \"normal\",\n lineHeight: \"120%\",\n }),\n ...defineCustomText(\"--beam-SelectSubscriptionNonprofit-details-description\", {\n fontSize: \"12px\",\n marginTop: \"5px\",\n fontStyle: \"normal\",\n lineHeight: \"140%\",\n fontWeight: \"400\",\n }),\n \"--beam-SelectSubscriptionNonprofit-details-fundingProgress-marginTop\": \"7px\",\n ...defineCustomText(\"--beam-SelectSubscriptionNonprofit-details-funding-progress-label\", {\n fontSize: \"12px\",\n color: \"#666666\",\n fontWeight: \"400\",\n fontStyle: \"normal\",\n }),\n \"--beam-SelectSubscriptionNonprofit-stickyFooter-boxShadow\": \"0px -20px 20px 0px rgba(0, 0, 0, 0.04)\",\n \"--beam-SelectSubscriptionNonprofit-stickyFooter-padding\": \"15px 0px 45px\",\n \"--beam-SelectSubscriptionNonprofit-stickyFooter-backgroundColor\": \"white\",\n \"--beam-SelectSubscriptionNonprofit-stickyFooter-marginLeft\": \"-15px\",\n \"--beam-SelectSubscriptionNonprofit-stickyFooter-marginRight\": \"-15px\",\n \"--beam-SelectSubscriptionNonprofit-stickyFooter-width\": \"auto\",\n };\n\n const remoteConfig = this.nonprofitListDataController?.data?.config?.web?.theme \|\| {};\n\n const config = { ...defaults, ...remoteConfig };\n\n const serializable = Object.create({\n toCSS() {\n return _cssVariableMap(this as Record<string, string>);\n },\n });\n\n return Object.assign(serializable, config);\n }\n\n static styles = [\n cssReset,\n css`\n :host {\n display: block;\n max-width: var(--beam-SelectSubscriptionNonprofit-maxWidth);\n font-family: var(--beam-fontFamily);\n font-style: var(--beam-fontStyle);\n font-size: var(--beam-fontSize);\n background-color: var(--beam-backgroundColor);\n color: var(--beam-textColor);\n word-break: normal;\n }\n\n .widget-container-mobile {\n position: relative;\n }\n\n .header-container {\n align-items: flex-start;\n justify-content: space-between;\n padding: var(--beam-SelectSubscriptionNonprofit-headerContainer-padding);\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n\n .header-container-mobile {\n align-items: var(--beam-SelectSubscriptionNonprofit-mobile-header-alignItems);\n }\n\n .header-container-desktop {\n align-items: var(--beam-SelectSubscriptionNonprofit-desktop-header-alignItems);\n }\n\n .title {\n text-align: var(--beam-SelectSubscriptionNonprofit-title-textAlign);\n ${useCustomText(\"--beam-SelectSubscriptionNonprofit-title\")};\n }\n\n .description-container {\n text-align: var(--beam-SelectSubscriptionNonprofit-description-textAlign);\n line-height: var(--beam-SelectSubscriptionNonprofit-description-lineHeight);\n margin-top: var(--beam-SelectSubscriptionNonprofit-description-marginTop);\n }\n\n .description-prefix {\n ${useCustomText(\"--beam-SelectSubscriptionNonprofit-descriptionPrefix\")};\n }\n\n .description {\n ${useCustomText(\"--beam-SelectSubscriptionNonprofit-description\")};\n }\n\n .description-desktop {\n width: var(--beam-SelectSubscriptionNonprofit-desktop-description-width);\n }\n\n .description-mobile {\n width: var(--beam-SelectSubscriptionNonprofit-mobile-description-width);\n }\n\n .root {\n display: flex;\n flex-direction: column;\n gap: 12px;\n flex-shrink: 0;\n }\n\n .options {\n margin-top: var(--beam-SelectSubscriptionNonprofit-options-marginTop);\n padding: var(--beam-SelectSubscriptionNonprofit-options-padding);\n }\n\n .card-icon-container {\n height: var(--beam-SelectSubscriptionNonprofit-cardIconContainer-height);\n flex: 0;\n flex-direction: column;\n }\n\n .icon-background {\n width: var(--beam-SelectSubscriptionNonprofit-iconBackground-width);\n height: var(--beam-SelectSubscriptionNonprofit-iconBackground-height);\n border-radius: var(--beam-SelectSubscriptionNonprofit-iconBackground-borderRadius);\n overflow: hidden;\n background: var(--beam-SelectSubscriptionNonprofit-iconBackground-background);\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .card-icon {\n height: var(--beam-SelectSubscriptionNonprofit-icon-height);\n display: block;\n padding: var(--beam-SelectSubscriptionNonprofit-options-icon-padding);\n border-radius: var(--beam-SelectSubscriptionNonprofit-options-icon-borderRadius);\n }\n\n .card-image-container {\n height: 100%;\n flex: 4;\n display: flex;\n flex-direction: column;\n }\n\n .card-image {\n flex: 1;\n height: auto;\n width: 100%;\n object-fit: cover;\n border-radius: var(--beam-SelectSubscriptionNonprofit-options-image-borderRadius);\n }\n\n .option {\n / outline is used to prevent layer shift if changing border width */\n outline: var(--beam-SelectSubscriptionNonprofit-options-borderWidth) solid\n var(--beam-SelectSubscriptionNonprofit-options-borderColor);\n border-radius: var(--beam-SelectSubscriptionNonprofit-options-borderRadius);\n background-color: var(--beam-SelectSubscriptionNonprofit-options-backgroundColor);\n cursor: pointer;\n transition: border-color 0.2s, background-color 0.2s, outline 0.2s;\n display: flex;\n gap: 15px;\n padding: var(--beam-SelectSubscriptionNonprofit-option-padding);\n }\n\n .options.cardGrid {\n order: 3;\n }\n\n .option:not(.isDisabled):focus-visible,\n .option:not(.isDisabled):hover,\n .option:not(.isSelected):focus-visible,\n .option:not(.isSelected):hover {\n background-color: var(--beam-SelectSubscriptionNonprofit-options-hover-backgroundColor);\n outline: var(--beam-SelectSubscriptionNonprofit-options-hover-borderWidth) solid\n var(--beam-SelectSubscriptionNonprofit-options-hover-borderColor);\n }\n\n .option.isDisabled {\n cursor: not-allowed;\n }\n\n .option.isSelected {\n outline: var(--beam-SelectSubscriptionNonprofit-options-selected-borderWidth) solid\n var(--beam-SelectSubscriptionNonprofit-options-selected-borderColor);\n background-color: var(--beam-SelectSubscriptionNonprofit-options-selected-backgroundColor);\n }\n\n .option.isSelected:focus-visible,\n .option.isSelected:hover {\n outline: var(--beam-SelectSubscriptionNonprofit-options-selected-borderWidth) solid\n var(--beam-SelectSubscriptionNonprofit-options-selected-borderColor);\n }\n\n .option .checkbox {\n margin-left: 5px;\n float: right;\n padding: 2px;\n border-radius: 100%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-width: 1px;\n border-style: solid;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s;\n color: var(--beam-SelectSubscriptionNonprofit-checkmark-color);\n background-color: var(--beam-SelectSubscriptionNonprofit-checkmark-backgroundColor);\n border-color: var(--beam-SelectSubscriptionNonprofit-checkmark-borderColor);\n }\n\n .option.isSelected .checkbox,\n .option.isSelected:focus-visible .checkbox,\n .option.isSelected:hover .checkbox {\n color: var(--beam-SelectSubscriptionNonprofit-checkmark-selected-color);\n background-color: var(--beam-SelectSubscriptionNonprofit-checkmark-selected-backgroundColor);\n border-color: var(--beam-SelectSubscriptionNonprofit-checkmark-selected-borderColor);\n }\n\n .option:not(.isSelected):focus-visible .checkbox,\n .option:not(.isSelected):hover .checkbox {\n color: var(--beam-SelectSubscriptionNonprofit-checkmark-hover-color);\n background-color: var(--beam-SelectSubscriptionNonprofit-checkmark-hover-backgroundColor);\n border-color: var(--beam-SelectSubscriptionNonprofit-checkmark-hover-borderColor);\n }\n\n .card-details-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 .details-cause {\n flex: 0 1;\n ${useCustomText(\"--beam-SelectSubscriptionNonprofit-details-cause\")};\n letter-spacing: var(--beam-SelectSubscriptionNonprofit-details-cause-letterSpacing);\n }\n\n .details-description {\n flex: 1 1;\n ${useCustomText(\"--beam-SelectSubscriptionNonprofit-details-description\")}\n }\n\n .details-description .nonprofitName {\n font-weight: var(--beam-SelectSubscriptionNonprofit-details-nonprofitName-fontWeight);\n font-style: var(--beam-SelectSubscriptionNonprofit-details-nonprofitName-fontStyle);\n }\n\n .card-progress-bar {\n display: flex;\n margin-top: var(--beam-SelectSubscriptionNonprofit-details-fundingProgress-marginTop);\n align-items: center;\n }\n\n .details-funding-progress-label {\n white-space: nowrap;\n text-align: right;\n flex: 0 1;\n margin-left: 15px;\n ${useCustomText(\"--beam-SelectSubscriptionNonprofit-details-funding-progress-label\")}\n }\n\n .footer {\n text-align: center;\n }\n\n .sticky-footer {\n position: sticky;\n background: var(--beam-SelectSubscriptionNonprofit-stickyFooter-backgroundColor);\n bottom: 0;\n box-shadow: var(--beam-SelectSubscriptionNonprofit-stickyFooter-boxShadow);\n padding: var(--beam-SelectSubscriptionNonprofit-stickyFooter-padding);\n left: 0;\n right: 0;\n margin-left: var(--beam-SelectSubscriptionNonprofit-stickyFooter-marginLeft);\n margin-right: var(--beam-SelectSubscriptionNonprofit-stickyFooter-marginRight);\n width: var(--beam-SelectSubscriptionNonprofit-stickyFooter-width);\n }\n\n .footer-desktop {\n margin-top: 20px;\n }\n\n .submitButton {\n color: var(--beam-SelectSubscriptionNonprofit-submitButton-color);\n background-color: var(--beam-SelectSubscriptionNonprofit-submitButton-backgroundColor);\n border: 1px solid var(--beam-SelectSubscriptionNonprofit-submitButton-borderColor);\n font-size: var(--beam-SelectSubscriptionNonprofit-submitButton-fontSize);\n font-weight: var(--beam-SelectSubscriptionNonprofit-submitButton-fontWeight);\n font-family: var(--beam-SelectSubscriptionNonprofit-submitButton-fontFamily);\n text-transform: var(--beam-SelectSubscriptionNonprofit-submitButton-textTransform);\n border-radius: var(--beam-SelectSubscriptionNonprofit-submitButton-borderRadius);\n padding: var(--beam-SelectSubscriptionNonprofit-submitButton-padding);\n transition: background-color 0.2s, border-color 0.2s, color 0.2s;\n cursor: pointer;\n display: inline-flex;\n width: 234.173px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n flex-shrink: 0;\n }\n\n .submitButton:not(.isDisabled):focus-visible,\n .submitButton:not(.isDisabled):hover {\n background-color: var(--beam-SelectSubscriptionNonprofit-submitButton-hover-backgroundColor);\n border-color: var(--beam-SelectSubscriptionNonprofit-submitButton-hover-borderColor);\n color: var(--beam-SelectSubscriptionNonprofit-submitButton-hover-color);\n }\n\n .submitButton.isDisabled {\n color: var(--beam-SelectSubscriptionNonprofit-submitButton-disabled-color);\n background-color: var(--beam-SelectSubscriptionNonprofit-submitButton-disabled-backgroundColor);\n border-color: var(--beam-SelectSubscriptionNonprofit-submitButton-disabled-borderColor);\n cursor: not-allowed;\n }\n\n .hideStickyFooter {\n display: none;\n }\n `,\n cssCardGrid({\n gap: \"var(--beam-SelectSubscriptionNonprofit-options-gap)\",\n itemMinWidth: \"var(--beam-SelectSubscriptionNonprofit-options-minWidth)\",\n columnCount: \"var(--beam-SelectSubscriptionNonprofit-options-columnCount)\",\n }),\n ];\n\n protected render() {\n const { selectedNonprofitId } = this;\n const { data, loading } = this.nonprofitListDataController;\n\n if (loading && !data) {\n return _loading();\n }\n if (this.nonprofitListDataController.error) {\n if (this.debug) {\n return _errorMessage({ error: this.nonprofitListDataController.error });\n }\n return \"\";\n }\n if (this.subscriptionUpdateDataController.error) {\n if (this.debug) {\n return _errorMessage({ error: this.subscriptionUpdateDataController.error });\n }\n // do not show error screen for interactive errors by default\n }\n if (data == null) {\n if (this.debug) {\n return _errorMessage({ error: new BeamError(\"No data\") });\n }\n return \"\";\n }\n const nonprofits = data?.nonprofits \|\| [];\n const selectedNonprofit = nonprofits.find((np) => np.nonprofit.id === selectedNonprofitId) \|\| null;\n // changes images in widget to icons\n const cardStyle = this.cssVariables[\"--beam-SelectSubscriptionNonprofit-cardStyle\"];\n const displayIcon = cardStyle === \"'icon'\" \|\| cardStyle === \"'selected_icon'\";\n\n return html`\n <style>\n :host {\n ${this.cssVariables.toCSS()}\n }\n </style>\n <div class=\"widget-container ${this.isMobile ? \"widget-container-mobile\" : \"\"}\">\n <div class=\"header-container ${this.isMobile ? \"header-container-mobile\" : \"header-container-desktop\"}\">\n <h3 class=\"title\" part=\"title\" id=\"beam-SelectSubscriptionNonprofit-title\">\n ${localizeUserString(this.configLang, data?.config?.web?.title \|\| \"\") \|\|\n strings[this.configLang].ctaTitle()}\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\" part=\"description\">\n ${localizeUserString(this.configLang, data?.config?.web?.additionalStrings?.[\"ctaMessage\"] \|\| \"\") \|\|\n strings[this.configLang].ctaMessage()}\n </span>\n <span class=\"description-prefix\" part=\"description\">\n ${localizeUserString(this.configLang, data?.config?.web?.additionalStrings?.[\"ctaMessagePrefix\"] \|\| \"\") \|\|\n strings[this.configLang].ctaMessagePrefix()}\n </span>\n </div>\n </div>\n <div class=\"root\">\n <div\n tabindex=\"-1\"\n class=\"options cardGrid\"\n part=\"options\"\n role=\"radiogroup\"\n aria-labelledby=\"beam-SelectSubscriptionNonprofit-title\"\n ?aria-disabled=${!this.allowChange}\n >\n ${repeat(\n nonprofits,\n (i) => i.nonprofit.id,\n (np, index) => {\n const isSelected = selectedNonprofitId === np.nonprofit.id;\n const isFocusable = isSelected \|\| (selectedNonprofit == null && index === 0);\n const unselectedIcon = np.nonprofit.causeIconUrl;\n const selectedIcon = np.nonprofit.causeIconSelectedUrl;\n const cardImage = np.imageUrl;\n const iconImage = cardStyle === \"'selected_icon'\" ? selectedIcon : unselectedIcon;\n return html`\n <div\n class=\"option ${classMap({\n isSelected: isSelected,\n isDisabled: !this.allowChange,\n })}\"\n part=\"option\"\n role=\"radio\"\n tabindex=\"${isFocusable ? 0 : -1}\"\n data-value=${np.nonprofit.id}\n ?aria-checked=${isSelected}\n @click=${this.makeHandleSelect(np.nonprofit.id, index, nonprofits)}\n @keydown=${this.makeHandleSelect(np.nonprofit.id, index, nonprofits)}\n aria-label=\"${localizeUserString(this.configLang, np.nonprofit.cause \|\| \"\")}\"\n >\n ${displayIcon\n ? html` <div class=\"card-icon-container\">\n <div class=\"icon-background\">\n <img src=\"${iconImage}\" alt=\"\" role=\"presentation\" class=\"card-icon\" />\n </div>\n </div>`\n : html` <div class=\"card-image-container\">\n <img src=\"${cardImage}\" alt=\"\" role=\"presentation\" class=\"card-image\" />\n </div>`}\n <div class=\"card-details-container\" part=\"details\">\n <div class=\"details-cause\">\n <span part=\"checkbox\" class=\"checkbox\">\n <span style=\"line-height: 0;\"> ${_checkbox({ height: \"10px\", width: \"10px\" })} </span>\n </span>\n ${localizeUserString(this.configLang, np.nonprofit.cause \|\| \"\")}\n </div>\n <p class=\"details-description\">\n ${unsafeHTML(localizeUserString(this.configLang, np.impact.description \|\| \"\"))}\n </p>\n <div class=\"card-progress-bar\">\n <beam-progress-bar\n value=\"${np.impact.goalProgressPercentage}\"\n style=\"flex: 1 0;\"\n ></beam-progress-bar>\n <span class=\"details-funding-progress-label\">\n ${localizeUserString(this.configLang, np.impact.goalProgressText)}\n </span>\n </div>\n </div>\n </div>\n `;\n }\n )}\n </div>\n </div>\n <div\n id=\"footer\"\n class=\"footer ${this.isMobile ? \"sticky-footer\" : \"footer-desktop\"} ${this.isMobile &&\n !this.selectedNonprofitId\n ? \"hideStickyFooter\"\n : \"\"}\"\n >\n <button\n type=\"button\"\n ?aria-disabled=${!this.allowSubmit}\n @click=\"${this.handleSubmit}\"\n class=\"${classMap({\n isDisabled: !this.allowSubmit,\n submitButton: true,\n })}\"\n part=\"submitButton\"\n >\n ${this.subscriptionUpdateDataController.data !== null\n ? localizeUserString(\n this.configLang,\n data?.config?.web?.additionalStrings?.[\"submitButtonTextCompleted\"] \|\| \"\"\n ) \|\| strings[this.configLang].submitButtonTextCompleted()\n : localizeUserString(this.configLang, data?.config?.web?.additionalStrings?.[\"submitButtonText\"] \|\| \"\") \|\|\n strings[this.configLang].submitButtonText()}\n </button>\n </div>\n </div>\n `;\n }\n}\n\ndefineCustomElement(BeamSelectSubscriptionNonprofit);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"beam-select-subscription-nonprofit\": BeamSelectSubscriptionNonprofit;\n }\n}\n"],"names":["_checkbox","height","width","html","styleMap","strings","donationPercentage","cacheTtl","BeamSelectSubscriptionNonprofit","LitElement","DEFAULT_BASE_URL","enforceConfig","res","postChainEligibleNonprofitsForCart","makeApiKeyHeader","selectedNonprofitId","updateSubscription","AsyncController","createScopedLocalStorage","id","index","nonprofits","event","currentId","nextFocus","focusTarget","selectedNonprofit","np","BeamNonprofitSelectEvent","WIDGET_NAMES","debounce","SUPPORTED_LANGUAGES","_changedProperties","previousPropertyValues","requireNewDataProps","prop","createdAt","data","defaults","progressBarConfigDefaults","defineCustomText","remoteConfig","config","_cssVariableMap","loading","_loading","_errorMessage","BeamError","cardStyle","displayIcon","localizeUserString","repeat","i","isSelected","isFocusable","unselectedIcon","selectedIcon","cardImage","iconImage","classMap","unsafeHTML","cssReset","css","useCustomText","cssCardGrid","__decorateClass","property","state","defineCustomElement"],"mappings":"w6BAGa,MAAAA,EAAY,CAAC,CAAE,OAAAC,EAAS,MAAO,MAAAC,EAAQ,KAAM,EAAI,CAAA,IAC5DC;AAAAA;AAAAA,eAEaC,EAAS,CAAE,OAAAH,EAAQ,MAAAC,EAAO,SAAU,WAAY,OAAQ,GAAI,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,ICNhEG,EAAU,CACrB,GAAI,CACF,SAAU,IAAM,qBAChB,iBAAkB,IAAM,4DACxB,WAAY,CAAC,CAAE,mBAAAC,EAAqB,IAAK,EAAI,CAAA,IAC3C,0BAA0BA,CAAkB,kCAC9C,iBAAkB,IAAM,UACxB,0BAA2B,IAAM,aACjC,iBAAkB,IAAM,QAC1B,EACA,GAAI,CACF,SAAU,IAAM,0BAChB,iBAAkB,IAAM,4EACxB,WAAY,CAAC,CAAE,mBAAAA,EAAqB,IAAK,EAAI,CAAA,IAC3C,iCAAiCA,CAAkB,iCACrD,iBAAkB,IAAM,YACxB,0BAA2B,IAAM,gBACjC,iBAAkB,IAAM,SAC1B,EACA,GAAI,CACF,SAAU,IAAM,yBAChB,iBAAkB,IAAM,wEACxB,WAAY,CAAC,CAAE,mBAAAA,EAAqB,IAAK,EAAI,CAAA,IAC3C,mDAA6CA,CAAkB,qCACjE,iBAAkB,IAAM,gBACxB,0BAA2B,IAAM,gBACjC,iBAAkB,IAAM,WAC1B,EACA,GAAI,CACF,SAAU,IAAM,mBAChB,iBAAkB,IAAM,8DACxB,WAAY,CAAC,CAAE,mBAAAA,EAAqB,IAAK,EAAI,CAAA,IAC3C,+DAAyDA,CAAkB,iBAC7E,iBAAkB,IAAM,YACxB,0BAA2B,IAAM,kBACjC,iBAAkB,IAAM,QAC1B,EACA,GAAI,CACF,SAAU,IAAM,wBAChB,iBAAkB,IAAM,8DACxB,WAAY,CAAC,CAAE,mBAAAA,EAAqB,IAAK,EAAI,CAAA,IAC3C,kDAA6CA,CAAkB,8BACjE,iBAAkB,IAAM,aACxB,0BAA2B,IAAM,cACjC,iBAAkB,IAAM,QAC1B,EACA,GAAI,CACF,SAAU,IAAM,6BAChB,iBAAkB,IAAM,iGACxB,WAAY,CAAC,CAAE,mBAAAA,EAAqB,IAAK,EAAI,CAAA,IAC3C,0CAAqCA,CAAkB,wCACzD,iBAAkB,IAAM,iBACxB,0BAA2B,IAAM,gBACjC,iBAAkB,IAAM,SAC1B,EACA,GAAI,CACF,SAAU,IAAM,2EAChB,iBAAkB,IAAM,6FACxB,WAAY,CAAC,CAAE,mBAAAA,EAAqB,IAAK,EAAI,CAAA,IAC3C,+DAAaA,CAAkB,iFACjC,iBAAkB,IAAM,2BACxB,0BAA2B,IAAM,2BACjC,iBAAkB,IAAM,kDAC1B,CACF,qIC5BA,MAAMC,EAAW,EAAI,GAAK,GAAK,IACxB,MAAMC,UAAwCC,CAAW,CAAzD,aAAA,CAAA,MAAA,GAAA,SAAA,EAGuB,KAAO,QAAkBC,EAOzB,KAAO,KAAkB,KACxB,KAAO,YAAc,GACrB,KAAO,MAAQ,GACnC,KAAQ,SAAW,OAAO,WAAa,IAMhD,KAAQ,mBAAqB,SAAY,CAClCC,EAA0C,CAAC,SAAU,iBAAkB,SAAS,EAAG,IAAI,EAG5F,MAAMC,EAAM,MAAMC,EAAmC,CACnD,QAAS,KAAK,QACd,QAASC,EAAiB,KAAK,MAAM,EACrC,YAAa,CACX,QAAS,KAAK,QACd,WAAY,KAAK,WACjB,YAAa,KAAK,YAClB,WAAY,gCACZ,QAAS,QACT,KAAM,KAAK,WACX,QAAS,CACP,OAAQ,CACN,YAAa,KAAK,WACpB,CACF,CACF,CACF,CAAC,EAED,OAAA,KAAK,aAAa,YAAY,kBAAmB,CAC/C,UAAW,IAAI,KACf,KAAMF,CACR,CAAC,EAEMA,CACT,EAEA,KAAQ,iCAAmC,MAAO,CAAE,oBAAAG,CAAoB,IACjE,KAAK,gBAILJ,EAA0C,CAAC,SAAU,gBAAgB,EAAG,IAAI,EAI1EK,EAAmB,CACxB,QAAS,KAAK,QACd,QAASF,EAAiB,KAAK,MAAM,EACrC,YAAa,CACX,qBAAsB,KAAK,eAC3B,YAAaC,EACb,gBAAiB,gCACnB,CACF,CAAC,GAfQ,KAkBX,KAAQ,4BAA8B,IAAIE,EACxC,KACA,KAAK,kBACP,EAEA,KAAQ,iCAAmC,IAAIA,EAC7C,KACA,KAAK,gCACP,EAEA,KAAQ,aAAeC,EAAyB,IAA+C,EA0D/F,KAAQ,iBACN,CAACC,EAAYC,EAAeC,IAC5B,MAAOC,GAAiB,CACtB,GAAI,CAAC,KAAK,YAAa,OAEvB,MAAMC,EAAY,KAAK,oBACvB,GAAID,aAAiB,cAAe,CAClC,IAAIE,EAAY,KAChB,OAAQF,EAAM,IACZ,CAAA,IAAK,UACL,IAAK,YACCF,IAAU,EACZI,EAAYH,EAAWA,EAAW,OAAS,CAAC,EAE5CG,EAAYH,EAAWD,EAAQ,CAAC,EAElCE,EAAM,eAAe,EACrB,MACF,IAAK,aACL,IAAK,YACCF,IAAUC,EAAW,OAAS,EAChCG,EAAYH,EAAW,CAAC,EAExBG,EAAYH,EAAWD,EAAQ,CAAC,EAElCE,EAAM,iBACN,MACF,IAAK,QACL,IAAK,IACHA,EAAM,eAAA,EACN,MACF,QACE,MACJ,CACA,GAAIE,EAAW,CACb,MAAMC,EAAc,KAAK,WAAW,cAAc,gBAAgBD,EAAU,UAAU,EAAE,IAAI,EACxFC,IAAgB,OAClBA,EAAY,SAAW,EACvBA,EAAY,MAAM,GAEpB,MACF,CACF,CAGA,GADiBH,EAAM,yBACC,YAAa,CACnC,GAAIC,IAAcJ,EAEhB,OAEA,KAAK,oBAAsBA,CAE/B,CACF,EAYF,KAAA,aAAe,SAAY,CACzB,KAAM,CAAE,oBAAAJ,CAAoB,EAAI,KAChC,GAAI,CAAC,KAAK,aAAeA,GAAuB,KAAM,OACtD,MAAM,KAAK,iCAAiC,KAAK,CAAE,oBAAAA,CAAoB,CAAC,EAExE,MAAMW,EAAoB,KAAK,6BAA6B,MAAM,WAAW,KAC1EC,GAAOA,EAAG,UAAU,KAAOZ,CAC9B,EAEA,KAAK,cACH,IAAIa,EAAyB,CAC3B,oBAAAb,EACA,cAAeW,GAAmB,UAAU,KAC5C,OAAQG,EAAa,6BACvB,CAAC,CACH,CACF,EAEA,KAAA,oBAAsBC,EACpB,IAAM,CACJ,KAAK,SAAW,OAAO,WAAa,GACtC,EACA,GACA,CAAE,QAAS,GAAI,QAAS,EAAK,CAC/B,CAnNA,CAAA,IAAI,YAAa,CACf,OAAOC,EAAoB,KAAK,IAAI,GAAK,IAC3C,CAgEA,mBAAoB,CAClB,MAAM,kBAAkB,EACxB,OAAO,iBAAiB,SAAU,KAAK,mBAAmB,CAC5D,CAEA,MAAM,aAAaC,EAAoC,CACrD,MAAM,KAAK,sBACb,CAAA,CAEA,MAAM,QAAQC,EAAwC,CAGpD,MAAMC,EAAsB,CAAC,UAAW,UAAW,SAAU,cAAe,aAAc,MAAM,EAChG,UAAWC,KAAQD,EACjB,GAAID,EAAuB,IAAIE,CAAI,EAAG,CACpC,MAAM,KAAK,4BAA4B,OACvC,KACF,CAEJ,CAEA,sBAAuB,CACrB,MAAM,qBACR,CAAA,CAEQ,uBAAwB,CACzBxB,EAA0C,CAAC,QAAQ,EAAG,IAAI,EAE/D,GAAI,CAGF,KAAM,CAAE,UAAAyB,EAAY,EAAG,KAAAC,CAAK,EAC1B,KAAK,aAAa,YAA8C,iBAAiB,GAAK,GACpF,IAAI,KAAKD,CAAS,EAAE,QAAA,EAAY7B,EAAW,IAAI,KAAA,EAAO,QAAA,IACxD,KAAK,4BAA4B,KAAO8B,EACxC,KAAK,4BAA4B,QAAU,GAE/C,MAAc,CAGhB,CAAA,CAuEA,IAAI,aAAc,CAEhB,OAAO,KAAK,iCAAiC,MAAQ,MAAQ,CAAC,KAAK,iCAAiC,OACtG,CAEA,IAAI,aAAc,CAEhB,MAAO,CAAQ,EAAA,KAAK,qBAAuB,KAAK,YAClD,CA4BA,IAAW,cAAe,CACxB,MAAMC,EAAW,CACf,GAAGC,EACH,oBAAqB,UACrB,mBAAoB,UACpB,kBAAmB,UACnB,mBAAoB,UACpB,yBAA0B,UAC1B,8CAA+C,QAC/C,8DAA+D,SAC/D,+DAAgE,SAChE,6DAA8D,MAC9D,qDAAsD,UACtD,2DAA4D,SAC5D,4DAA6D,OAC7D,2DAA4D,MAC5D,+DAAgE,MAChE,8DAA+D,MAC/D,uDAAwD,OACxD,qDAAsD,OACtD,yDAA0D,MAC1D,yDAA0D,cAC1D,0DAA2D,MAC3D,6DAA8D,UAC9D,oDAAqD,OACrD,mEAAoE,UACpE,+DAAgE,MAChE,+DAAgE,UAChE,kEAAmE,MACnE,kEAAmE,UACnE,sEAAuE,UACvE,iDAAkD,OAClD,sDAAuD,QACvD,yDAA0D,IAC1D,+DAAgE,MAChE,0DAA2D,OAC3D,gEAAiE,MACjE,8DAA+D,OAC/D,0DAA2D,OAC3D,2DAA4D,OAC5D,iEAAkE,MAClE,+DAAgE,UAChE,iDAAkD,OAClD,+DAAgE,cAChE,qDAAsD,cACtD,2DAA4D,UAC5D,8DAA+D,OAC/D,wEAAyE,UACzE,oEAAqE,UACrE,2DAA4D,OAC5D,qEAAsE,UACtE,iEAAkE,UAClE,+CAAgD,kBAChD,wDAAyD,OACzD,8DAA+D,OAC/D,iEAAkE,OAClE,kEAAmE,UACnE,wEAAyE,OACzE,2EAA4E,UAC5E,8DAA+D,OAC/D,oEAAqE,OACrE,uEAAwE,UACxE,2DAA4D,OAC5D,6DAA8D,UAC9D,6DAA8D,UAC9D,gEAAiE,OACjE,+DAAgE,OAChE,0DAA2D,YAC3D,GAAGC,EAAiB,2CAA4C,CAC9D,SAAU,OACV,WAAY,OACZ,WAAY,OACZ,cAAe,aACf,MAAO,SACT,CAAC,EACD,GAAGA,EAAiB,uDAAwD,CAC1E,UAAW,MACX,MAAO,UACP,SAAU,OACV,WAAY,OACZ,UAAW,SACX,WAAY,MACd,CAAC,EACD,GAAGA,EAAiB,iDAAkD,CACpE,MAAO,UACP,SAAU,OACV,UAAW,QACb,CAAC,EACD,iEAAkE,SAClE,GAAGA,EAAiB,mDAAoD,CACtE,SAAU,OACV,WAAY,OACZ,MAAO,UACP,UAAW,SACX,WAAY,MACd,CAAC,EACD,GAAGA,EAAiB,yDAA0D,CAC5E,SAAU,OACV,UAAW,MACX,UAAW,SACX,WAAY,OACZ,WAAY,KACd,CAAC,EACD,uEAAwE,MACxE,GAAGA,EAAiB,oEAAqE,CACvF,SAAU,OACV,MAAO,UACP,WAAY,MACZ,UAAW,QACb,CAAC,EACD,4DAA6D,yCAC7D,0DAA2D,gBAC3D,kEAAmE,QACnE,6DAA8D,QAC9D,8DAA+D,QAC/D,wDAAyD,MAC3D,EAEMC,EAAe,KAAK,6BAA6B,MAAM,QAAQ,KAAK,OAAS,GAE7EC,EAAS,CAAE,GAAGJ,EAAU,GAAGG,CAAa,EAQ9C,OAAO,OAAO,OANO,OAAO,OAAO,CACjC,OAAQ,CACN,OAAOE,EAAgB,IAA8B,CACvD,CACF,CAAC,EAEkCD,CAAM,CAC3C,CAwSU,QAAS,CACjB,KAAM,CAAE,oBAAA3B,CAAoB,EAAI,KAC1B,CAAE,KAAAsB,EAAM,QAAAO,CAAQ,EAAI,KAAK,4BAE/B,GAAIA,GAAW,CAACP,EACd,OAAOQ,EAET,EAAA,GAAI,KAAK,4BAA4B,MACnC,OAAI,KAAK,MACAC,EAAc,CAAE,MAAO,KAAK,4BAA4B,KAAM,CAAC,EAEjE,GAET,GAAI,KAAK,iCAAiC,OACpC,KAAK,MACP,OAAOA,EAAc,CAAE,MAAO,KAAK,iCAAiC,KAAM,CAAC,EAI/E,GAAIT,GAAQ,KACV,OAAI,KAAK,MACAS,EAAc,CAAE,MAAO,IAAIC,EAAU,SAAS,CAAE,CAAC,EAEnD,GAET,MAAM1B,EAAagB,GAAM,YAAc,CAAC,EAClCX,EAAoBL,EAAW,KAAMM,GAAOA,EAAG,UAAU,KAAOZ,CAAmB,GAAK,KAExFiC,EAAY,KAAK,aAAa,8CAA8C,EAC5EC,EAAcD,IAAc,UAAYA,IAAc,kBAE5D,OAAO7C;AAAAA;AAAAA;AAAAA,YAGC,KAAK,aAAa,MAAO,CAAA;AAAA;AAAA;AAAA,qCAGA,KAAK,SAAW,0BAA4B,EAAE;AAAA,uCAC5C,KAAK,SAAW,0BAA4B,0BAA0B;AAAA;AAAA,cAE/F+C,EAAmB,KAAK,WAAYb,GAAM,QAAQ,KAAK,OAAS,EAAE,GACpEhC,EAAQ,KAAK,UAAU,EAAE,SAAU,CAAA;AAAA;AAAA;AAAA,2CAGJ,KAAK,SAChC,6CACA,8CAA8C;AAAA;AAAA;AAAA,gBAG9C6C,EAAmB,KAAK,WAAYb,GAAM,QAAQ,KAAK,mBAAoB,YAAiB,EAAE,GAChGhC,EAAQ,KAAK,UAAU,EAAE,WAAY,CAAA;AAAA;AAAA;AAAA,gBAGnC6C,EAAmB,KAAK,WAAYb,GAAM,QAAQ,KAAK,mBAAoB,kBAAuB,EAAE,GACtGhC,EAAQ,KAAK,UAAU,EAAE,iBAAkB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAW5B,CAAC,KAAK,WAAW;AAAA;AAAA,cAEhC8C,EACA9B,EACC+B,GAAMA,EAAE,UAAU,GACnB,CAACzB,EAAIP,IAAU,CACb,MAAMiC,EAAatC,IAAwBY,EAAG,UAAU,GAClD2B,EAAcD,GAAe3B,GAAqB,MAAQN,IAAU,EACpEmC,EAAiB5B,EAAG,UAAU,aAC9B6B,EAAe7B,EAAG,UAAU,qBAC5B8B,EAAY9B,EAAG,SACf+B,EAAYV,IAAc,kBAAoBQ,EAAeD,EACnE,OAAOpD;AAAAA;AAAAA,oCAEawD,EAAS,CACvB,WAAYN,EACZ,WAAY,CAAC,KAAK,WACpB,CAAC,CAAC;AAAA;AAAA;AAAA,gCAGUC,EAAc,EAAI,EAAE;AAAA,iCACnB3B,EAAG,UAAU,EAAE;AAAA,oCACZ0B,CAAU;AAAA,6BACjB,KAAK,iBAAiB1B,EAAG,UAAU,GAAIP,EAAOC,CAAU,CAAC;AAAA,+BACvD,KAAK,iBAAiBM,EAAG,UAAU,GAAIP,EAAOC,CAAU,CAAC;AAAA,kCACtD6B,EAAmB,KAAK,WAAYvB,EAAG,UAAU,OAAS,EAAE,CAAC;AAAA;AAAA,sBAEzEsB,EACE9C;AAAAA;AAAAA,wCAEgBuD,CAAS;AAAA;AAAA,gCAGzBvD;AAAAA,sCACcsD,CAAS;AAAA,+BAChB;AAAA;AAAA;AAAA;AAAA,2DAI4BzD,EAAU,CAAE,OAAQ,OAAQ,MAAO,MAAO,CAAC,CAAC;AAAA;AAAA,0BAE7EkD,EAAmB,KAAK,WAAYvB,EAAG,UAAU,OAAS,EAAE,CAAC;AAAA;AAAA;AAAA,0BAG7DiC,EAAWV,EAAmB,KAAK,WAAYvB,EAAG,OAAO,aAAe,EAAE,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,mCAInEA,EAAG,OAAO,sBAAsB;AAAA;AAAA;AAAA;AAAA,4BAIvCuB,EAAmB,KAAK,WAAYvB,EAAG,OAAO,gBAAgB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,iBAM7E,CACF,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKa,KAAK,SAAW,gBAAkB,gBAAgB,IAAI,KAAK,UAC3E,CAAC,KAAK,oBACF,mBACA,EAAE;AAAA;AAAA;AAAA;AAAA,6BAIa,CAAC,KAAK,WAAW;AAAA,sBACxB,KAAK,YAAY;AAAA,qBAClBgC,EAAS,CAChB,WAAY,CAAC,KAAK,YAClB,aAAc,EAChB,CAAC,CAAC;AAAA;AAAA;AAAA,cAGA,KAAK,iCAAiC,OAAS,KAC7CT,EACE,KAAK,WACLb,GAAM,QAAQ,KAAK,mBAAoB,2BAAgC,EACzE,GAAKhC,EAAQ,KAAK,UAAU,EAAE,4BAC9B6C,EAAmB,KAAK,WAAYb,GAAM,QAAQ,KAAK,mBAAoB,kBAAuB,EAAE,GACpGhC,EAAQ,KAAK,UAAU,EAAE,iBAAkB,CAAA;AAAA;AAAA;AAAA;AAAA,KAKzD,CACF,CAzyBaG,EACJ,QAAU,qCADNA,EAuWJ,OAAS,CACdqD,EACAC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,UAmCMC,EAAc,0CAA0C,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAUzDA,EAAc,sDAAsD,CAAC;AAAA;AAAA;AAAA;AAAA,UAIrEA,EAAc,gDAAgD,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;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAqJ/DA,EAAc,kDAAkD,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMjEA,EAAc,wDAAwD,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAmBvEA,EAAc,mEAAmE,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,MA8DxFC,EAAY,CACV,IAAK,sDACL,aAAc,2DACd,YAAa,6DACf,CAAC,CACH,EAxoBmCC,EAAA,CAAlCC,EAAS,CAAE,KAAM,MAAO,CAAC,CAAA,EAHf1D,EAGwB,UAAA,SAAA,EACAyD,EAAA,CAAlCC,EAAS,CAAE,KAAM,MAAO,CAAC,CAAA,EAJf1D,EAIwB,UACAyD,QAAAA,EAAAA,EAAA,CAAlCC,EAAS,CAAE,KAAM,MAAO,CAAC,CALf,EAAA1D,EAKwB,UACAyD,gBAAAA,EAAAA,EAAA,CAAlCC,EAAS,CAAE,KAAM,MAAO,CAAC,CANf,EAAA1D,EAMwB,UACAyD,SAAAA,EAAAA,EAAA,CAAlCC,EAAS,CAAE,KAAM,MAAO,CAAC,CAPf,EAAA1D,EAOwB,yBACAyD,EAAA,CAAlCC,EAAS,CAAE,KAAM,MAAO,CAAC,CAAA,EARf1D,EAQwB,UAAA,YAAA,EACeyD,EAAA,CAAjDC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,CAAA,EAT9B1D,EASuC,UAAA,qBAAA,EACfyD,EAAA,CAAlCC,EAAS,CAAE,KAAM,MAAO,CAAC,CAAA,EAVf1D,EAUwB,UACCyD,MAAAA,EAAAA,EAAA,CAAnCC,EAAS,CAAE,KAAM,OAAQ,CAAC,CAXhB,EAAA1D,EAWyB,UACAyD,aAAAA,EAAAA,EAAA,CAAnCC,EAAS,CAAE,KAAM,OAAQ,CAAC,CAZhB,EAAA1D,EAYyB,UACnByD,OAAAA,EAAAA,EAAA,CAAhBE,EAAAA,CAbU,EAAA3D,EAaM,UA8xBnB4D,UAAAA,EAAAA,EAAoB5D,CAA+B"}
1	+ {"version":3,"file":"select-subscription-nonprofit.js","sources":["../../src/shared/fragments/checkbox.ts","../../src/components/select-subscription-nonprofit/strings.ts","../../src/components/select-subscription-nonprofit/index.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\n\nexport const _checkbox = ({ height = \"1em\", width = \"1em\" } = {}) =>\n html`\n <svg\n style=\"${styleMap({ height, width, position: \"relative\", bottom: \"0\" })}\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 78.369 78.369\"\n >\n <g>\n <path\n d=\"M78.049,19.015L29.458,67.606c-0.428,0.428-1.121,0.428-1.548,0L0.32,40.015c-0.427-0.426-0.427-1.119,0-1.547l6.704-6.704\n c0.428-0.427,1.121-0.427,1.548,0l20.113,20.112l41.113-41.113c0.429-0.427,1.12-0.427,1.548,0l6.703,6.704\n C78.477,17.894,78.477,18.586,78.049,19.015z\"\n style=\"fill: currentColor\"\n />\n </g>\n </svg>\n `;\n","export const strings = {\n en: {\n ctaTitle: () => `Choose Your Impact`,\n ctaMessagePrefix: () => ` at no extra cost, with every order of your subscription.`,\n ctaMessage: ({ donationPercentage = \"1%\" } = {}) =>\n `Choose a nonprofit and ${donationPercentage} will be donated there for you,`,\n submitButtonText: () => `Confirm`,\n submitButtonTextCompleted: () => `Confirmed!`,\n chooseButtonText: () => `Choose`,\n },\n fr: {\n ctaTitle: () => `Choisissez votre impact`,\n ctaMessagePrefix: () => ` sans frais supplémentaires, à chaque commande de votre abonnement.`,\n ctaMessage: ({ donationPercentage = \"1%\" } = {}) =>\n `Choisissez une association et ${donationPercentage} sera reversé en votre nom,`,\n submitButtonText: () => `Confirmer`,\n submitButtonTextCompleted: () => `Confirmé !`,\n chooseButtonText: () => `Choisir`,\n },\n de: {\n ctaTitle: () => `Wähle deinen Impact`,\n ctaMessagePrefix: () => ` ohne zusätzliche Kosten, bei jeder Bestellung deines Abonnements.`,\n ctaMessage: ({ donationPercentage = \"1%\" } = {}) =>\n `Wähle eine gemeinnützige Organisation und ${donationPercentage} werden in deinem Namen gespendet,`,\n submitButtonText: () => `Bestätigen`,\n submitButtonTextCompleted: () => `Bestätigt!`,\n chooseButtonText: () => `Wählen`,\n },\n es: {\n ctaTitle: () => `Elige tu impacto`,\n ctaMessagePrefix: () => ` sin coste adicional, con cada pedido de tu suscripción.`,\n ctaMessage: ({ donationPercentage = \"1%\" } = {}) =>\n `Elige una organización sin ánimo de lucro y donaremos ${donationPercentage} en tu nombre,`,\n submitButtonText: () => `Confirmar`,\n submitButtonTextCompleted: () => `¡Confirmado!`,\n chooseButtonText: () => `Elegir`,\n },\n it: {\n ctaTitle: () => `Scegli il tuo impatto`,\n ctaMessagePrefix: () => ` senza costi aggiuntivi, a ogni ordine del tuo abbonamento.`,\n ctaMessage: ({ donationPercentage = \"1%\" } = {}) =>\n `Seleziona un'organizzazione no-profit e l’${donationPercentage} sarà donato a tuo nome,`,\n submitButtonText: () => `Confermare`,\n submitButtonTextCompleted: () => `Confermato!`,\n chooseButtonText: () => `Scegli`,\n },\n pl: {\n ctaTitle: () => `Wybierz swój wpływ`,\n ctaMessagePrefix: () => ` bez żadnych dodatkowych kosztów, przy każdym zamówieniu w ramach subskrypcji.`,\n ctaMessage: ({ donationPercentage = \"1%\" } = {}) =>\n `Wybierz organizację non-profit, a ${donationPercentage} zostanie przekazane w Twoim imieniu,`,\n submitButtonText: () => `Zatwierdź`,\n submitButtonTextCompleted: () => `Zatwierdzono!`,\n chooseButtonText: () => `Wybierz`,\n },\n ja: {\n ctaTitle: () => `寄付先をお選びください。`,\n ctaMessagePrefix: () => `追加費用なしで、ご購入ごとに、`,\n ctaMessage: ({ donationPercentage = \"1%\" } = {}) =>\n `非営利団体を選ぶと、${donationPercentage}がその団体に寄付されます、`,\n submitButtonText: () => `確認する`,\n submitButtonTextCompleted: () => `確認済み`,\n chooseButtonText: () => `選択してください`,\n },\n};\n","import { css, html, LitElement, PropertyValues } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport { repeat } from \"lit/directives/repeat.js\";\nimport { state } from \"lit/decorators/state.js\";\nimport debounce from \"lodash-es/debounce\";\nimport { postChainEligibleNonprofitsForCart, updateSubscription } from \"../../api-sdk/v3/routes\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { progressBarConfigDefaults } from \"../../shared/components/progress-bar\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES, WIDGET_NAMES } from \"../../api-sdk/constants\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { makeApiKeyHeader } from \"../../utils/makeApiKeyHeader\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { BeamError, MissingConfig } from \"../../utils/beam-errors\";\nimport { createScopedLocalStorage } from \"../../utils/local-storage\";\nimport { cssCardGrid } from \"../../shared/fragments/css-card-grid\";\nimport { _checkbox } from \"../../shared/fragments/checkbox\";\nimport { BeamNonprofitSelectEvent } from \"../../utils/events\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { TNumericId } from \"../../shared/types\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { strings } from \"./strings\";\nimport \"../../shared/components/progress-bar\";\nimport \"../beam-partner-logos\";\n\ninterface SubscriptionRequiredConfig {\n apiKey: string;\n subscriptionId: string;\n storeId: TNumericId;\n}\nconst cacheTtl = 2 * 60 * 60 * 1000;\nexport class BeamSelectSubscriptionNonprofit extends LitElement {\n static tagName = \"beam-select-subscription-nonprofit\";\n\n @property({ type: String }) public baseUrl: string = DEFAULT_BASE_URL;\n @property({ type: String }) public apiKey?: SubscriptionRequiredConfig[\"apiKey\"];\n @property({ type: String }) public subscriptionId?: SubscriptionRequiredConfig[\"subscriptionId\"];\n @property({ type: Number }) public storeId?: SubscriptionRequiredConfig[\"storeId\"];\n @property({ type: String }) public countryCode?: string;\n @property({ type: String }) public postalCode?: string;\n @property({ type: Number, reflect: true }) public selectedNonprofitId?: TNumericId;\n @property({ type: String }) public lang: LANGUAGES = \"en\";\n @property({ type: Boolean }) public draftConfig = false;\n @property({ type: Boolean }) public debug = false;\n @state() private isMobile = window.innerWidth < 768;\n\n get configLang() {\n return SUPPORTED_LANGUAGES[this.lang] \|\| \"en\";\n }\n\n private getChainNonprofits = async () => {\n if (!enforceConfig<SubscriptionRequiredConfig>([\"apiKey\", \"subscriptionId\", \"storeId\"], this)) {\n throw new MissingConfig();\n }\n const res = await postChainEligibleNonprofitsForCart({\n baseUrl: this.baseUrl,\n headers: makeApiKeyHeader(this.apiKey),\n requestBody: {\n storeId: this.storeId,\n postalCode: this.postalCode,\n countryCode: this.countryCode,\n widgetName: \"select-subscription-nonprofit\",\n version: \"1.0.0\",\n lang: this.configLang,\n options: {\n config: {\n draftConfig: this.draftConfig,\n },\n },\n },\n });\n\n this.localStorage.setItemJson(\"chainNonprofits\", {\n createdAt: new Date(),\n data: res,\n });\n\n return res;\n };\n\n private updateNonprofitIdForSubscription = async ({ selectedNonprofitId }: { selectedNonprofitId: TNumericId }) => {\n if (!this.subscriptionId) {\n return null;\n }\n\n if (!enforceConfig<SubscriptionRequiredConfig>([\"apiKey\", \"subscriptionId\"], this)) {\n throw new MissingConfig();\n }\n\n return updateSubscription({\n baseUrl: this.baseUrl,\n headers: makeApiKeyHeader(this.apiKey),\n requestBody: {\n remoteSubscriptionId: this.subscriptionId,\n nonprofitId: selectedNonprofitId,\n selectionMethod: \"subscription_management_widget\",\n },\n });\n };\n\n private nonprofitListDataController = new AsyncController<typeof this.getChainNonprofits>(\n this,\n this.getChainNonprofits\n );\n\n private subscriptionUpdateDataController = new AsyncController<typeof this.updateNonprofitIdForSubscription>(\n this,\n this.updateNonprofitIdForSubscription\n );\n\n private localStorage = createScopedLocalStorage(this as LitElement & SubscriptionRequiredConfig);\n\n connectedCallback() {\n super.connectedCallback();\n window.addEventListener(\"resize\", this.evaluateBreakPoints);\n }\n\n async firstUpdated(_changedProperties: PropertyValues) {\n await this.restoreStateFromCache();\n }\n\n async updated(previousPropertyValues: PropertyValues) {\n // Reload nonprofit list on change of any of these props:\n // Also fires on first load as props go from undefined => value\n const requireNewDataProps = [\"baseUrl\", \"storeId\", \"apiKey\", \"countryCode\", \"postalCode\", \"lang\"];\n for (const prop of requireNewDataProps) {\n if (previousPropertyValues.has(prop)) {\n await this.nonprofitListDataController.exec();\n break;\n }\n }\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n }\n\n private restoreStateFromCache() {\n if (!enforceConfig<SubscriptionRequiredConfig>([\"apiKey\"], this)) throw new MissingConfig();\n\n try {\n // try to restore nonprofit list if we have data and it's not too old\n // list will continue to refresh async and replace this data when ready\n const { createdAt = 0, data } =\n this.localStorage.getItemJson<{ createdAt: string; data: any }>(\"chainNonprofits\") \|\| {};\n if (new Date(createdAt).valueOf() + cacheTtl > new Date().valueOf()) {\n this.nonprofitListDataController.data = data;\n this.nonprofitListDataController.loading = false;\n }\n } catch (err) {\n // ignore cache retrieval error and continue to fetch data\n }\n }\n\n /*\n Factory for selection event handler\n \n Nonprofit selector implements radio-button semantics:\n * * If nothing is selected, tabbing into selector selects first card\n * * Arrow keys changes focus between cards, but doesn't select\n * * Enter/Space sets selection\n * * If a nonprofit is selected, arrow keys change focus AND selection\n * * Click sets selection\n * @param {number} id\n * @param {number} index\n * @param {{id: number}[]} nonprofits\n * @returns {(evt: Event) => void}\n /\n private makeHandleSelect =\n (id: number, index: number, nonprofits: { nonprofit: { id: number } }[]): ((event: Event) => void) =>\n async (event: Event) => {\n if (!this.allowChange) return;\n\n const currentId = this.selectedNonprofitId;\n if (event instanceof KeyboardEvent) {\n let nextFocus = null;\n switch (event.key) {\n case \"ArrowUp\":\n case \"ArrowLeft\":\n if (index === 0) {\n nextFocus = nonprofits[nonprofits.length - 1];\n } else {\n nextFocus = nonprofits[index - 1];\n }\n event.preventDefault();\n break;\n case \"ArrowRight\":\n case \"ArrowDown\":\n if (index === nonprofits.length - 1) {\n nextFocus = nonprofits[0];\n } else {\n nextFocus = nonprofits[index + 1];\n }\n event.preventDefault();\n break;\n case \"Enter\":\n case \" \":\n event.preventDefault();\n break; // continue to toggle-selection block below\n default:\n return;\n }\n if (nextFocus) {\n const focusTarget = this.renderRoot.querySelector(`[data-value=\"${nextFocus.nonprofit.id}\"]`) as HTMLElement;\n if (focusTarget !== null) {\n focusTarget.tabIndex = 0;\n focusTarget.focus();\n }\n return;\n }\n }\n // Handle selection with click or Enter/Space key\n const targetEl = event.currentTarget;\n if (targetEl instanceof HTMLElement) {\n if (currentId === id) {\n // this[\"selected-nonprofit-id\"] = undefined; // unset (not supported)\n return; // no API call or localStorage change needed\n } else {\n this.selectedNonprofitId = id;\n }\n }\n };\n\n get allowChange() {\n // Disallow change if already submitted\n return this.subscriptionUpdateDataController.data == null && !this.subscriptionUpdateDataController.loading;\n }\n\n get allowSubmit() {\n // Disabled if no nonprofit has been selected yet or if submission was already received\n return Boolean(this.selectedNonprofitId && this.allowChange);\n }\n\n handleSubmit = async () => {\n const { selectedNonprofitId } = this;\n if (!this.allowSubmit \|\| selectedNonprofitId == null) return;\n await this.subscriptionUpdateDataController.exec({ selectedNonprofitId });\n\n const selectedNonprofit = this.nonprofitListDataController?.data?.nonprofits.find(\n (np) => np.nonprofit.id === selectedNonprofitId\n );\n\n this.dispatchEvent(\n new BeamNonprofitSelectEvent({\n selectedNonprofitId,\n nonprofitName: selectedNonprofit?.nonprofit.name,\n source: WIDGET_NAMES.select_subscription_nonprofit,\n timestamp: new Date(),\n })\n );\n };\n\n evaluateBreakPoints = debounce(\n () => {\n this.isMobile = window.innerWidth < 768;\n },\n 50,\n { maxWait: 50, leading: true }\n );\n\n public get cssVariables() {\n const defaults = {\n ...progressBarConfigDefaults,\n \"--beam-fontFamily\": \"inherit\",\n \"--beam-fontStyle\": \"inherit\",\n \"--beam-fontSize\": \"inherit\",\n \"--beam-textColor\": \"inherit\",\n \"--beam-backgroundColor\": \"inherit\",\n \"--beam-SelectSubscriptionNonprofit-maxWidth\": \"800px\",\n \"--beam-SelectSubscriptionNonprofit-mobile-header-alignItems\": \"center\",\n \"--beam-SelectSubscriptionNonprofit-desktop-header-alignItems\": \"center\",\n \"--beam-SelectSubscriptionNonprofit-headerContainer-padding\": \"2px\",\n \"--beam-SelectSubscriptionNonprofit-title-textAlign\": \"inherit\",\n \"--beam-SelectSubscriptionNonprofit-description-textAlign\": \"center\",\n \"--beam-SelectSubscriptionNonprofit-description-lineHeight\": \"138%\",\n \"--beam-SelectSubscriptionNonprofit-description-marginTop\": \"3px\",\n \"--beam-SelectSubscriptionNonprofit-desktop-description-width\": \"80%\",\n \"--beam-SelectSubscriptionNonprofit-mobile-description-width\": \"90%\",\n \"--beam-SelectSubscriptionNonprofit-options-marginTop\": \"10px\",\n \"--beam-SelectSubscriptionNonprofit-options-padding\": \"10px\",\n \"--beam-SelectSubscriptionNonprofit-options-borderWidth\": \"1px\",\n \"--beam-SelectSubscriptionNonprofit-options-borderColor\": \"transparent\",\n \"--beam-SelectSubscriptionNonprofit-options-borderRadius\": \"8px\",\n \"--beam-SelectSubscriptionNonprofit-options-backgroundColor\": \"#F9FBFB\",\n \"--beam-SelectSubscriptionNonprofit-option-padding\": \"15px\",\n \"--beam-SelectSubscriptionNonprofit-options-hover-backgroundColor\": \"#e1f1ee\",\n \"--beam-SelectSubscriptionNonprofit-options-hover-borderWidth\": \"1px\",\n \"--beam-SelectSubscriptionNonprofit-options-hover-borderColor\": \"#e1f1ee\",\n \"--beam-SelectSubscriptionNonprofit-options-selected-borderWidth\": \"1px\",\n \"--beam-SelectSubscriptionNonprofit-options-selected-borderColor\": \"#e1f1ee\",\n \"--beam-SelectSubscriptionNonprofit-options-selected-backgroundColor\": \"#e1f1ee\",\n \"--beam-SelectSubscriptionNonprofit-options-gap\": \"20px\",\n \"--beam-SelectSubscriptionNonprofit-options-minWidth\": \"250px\",\n \"--beam-SelectSubscriptionNonprofit-options-columnCount\": \"2\",\n \"--beam-SelectSubscriptionNonprofit-options-icon-borderRadius\": \"4px\",\n \"--beam-SelectSubscriptionNonprofit-options-icon-padding\": \"10px\",\n \"--beam-SelectSubscriptionNonprofit-options-image-borderRadius\": \"4px\",\n \"--beam-SelectSubscriptionNonprofit-cardIconContainer-height\": \"100%\",\n \"--beam-SelectSubscriptionNonprofit-iconBackground-width\": \"50px\",\n \"--beam-SelectSubscriptionNonprofit-iconBackground-height\": \"50px\",\n \"--beam-SelectSubscriptionNonprofit-iconBackground-borderRadius\": \"50%\",\n \"--beam-SelectSubscriptionNonprofit-iconBackground-background\": \"#0a323c\",\n \"--beam-SelectSubscriptionNonprofit-icon-height\": \"50px\",\n \"--beam-SelectSubscriptionNonprofit-checkmark-backgroundColor\": \"transparent\",\n \"--beam-SelectSubscriptionNonprofit-checkmark-color\": \"transparent\",\n \"--beam-SelectSubscriptionNonprofit-checkmark-borderColor\": \"#0A323C\",\n \"--beam-SelectSubscriptionNonprofit-checkmark-selected-color\": \"#fff\",\n \"--beam-SelectSubscriptionNonprofit-checkmark-selected-backgroundColor\": \"#0A323C\",\n \"--beam-SelectSubscriptionNonprofit-checkmark-selected-borderColor\": \"#0A323C\",\n \"--beam-SelectSubscriptionNonprofit-checkmark-hover-color\": \"#fff\",\n \"--beam-SelectSubscriptionNonprofit-checkmark-hover-backgroundColor\": \"#0A323C\",\n \"--beam-SelectSubscriptionNonprofit-checkmark-hover-borderColor\": \"#0A323C\",\n \"--beam-SelectSubscriptionNonprofit-cardStyle\": \"'selected_icon'\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-color\": \"#fff\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-hover-color\": \"#fff\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-disabled-color\": \"#fff\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-backgroundColor\": \"#0A323C\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-hover-backgroundColor\": \"#222\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-disabled-backgroundColor\": \"#767676\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-borderColor\": \"#333\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-hover-borderColor\": \"#222\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-disabled-borderColor\": \"#767676\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-fontSize\": \"14px\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-fontWeight\": \"inherit\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-fontFamily\": \"inherit\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-textTransform\": \"none\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-borderRadius\": \"30px\",\n \"--beam-SelectSubscriptionNonprofit-submitButton-padding\": \"10px 30px\",\n ...defineCustomText(\"--beam-SelectSubscriptionNonprofit-title\", {\n fontSize: \"20px\",\n fontWeight: \"bold\",\n lineHeight: \"120%\",\n textTransform: \"capitalize\",\n color: \"#0a323c\",\n }),\n ...defineCustomText(\"--beam-SelectSubscriptionNonprofit-descriptionPrefix\", {\n marginTop: \"3px\",\n color: \"#2f302d\",\n fontSize: \"14px\",\n fontWeight: \"bold\",\n fontStyle: \"normal\",\n lineHeight: \"138%\",\n }),\n ...defineCustomText(\"--beam-SelectSubscriptionNonprofit-description\", {\n color: \"#2f302d\",\n fontSize: \"14px\",\n fontStyle: \"normal\",\n }),\n \"--beam-SelectSubscriptionNonprofit-details-cause-letterSpacing\": \"0.36px\",\n ...defineCustomText(\"--beam-SelectSubscriptionNonprofit-details-cause\", {\n fontSize: \"12px\",\n fontWeight: \"bold\",\n color: \"#0a323c\",\n fontStyle: \"normal\",\n lineHeight: \"120%\",\n }),\n ...defineCustomText(\"--beam-SelectSubscriptionNonprofit-details-description\", {\n fontSize: \"12px\",\n marginTop: \"5px\",\n fontStyle: \"normal\",\n lineHeight: \"140%\",\n fontWeight: \"400\",\n }),\n \"--beam-SelectSubscriptionNonprofit-details-fundingProgress-marginTop\": \"7px\",\n ...defineCustomText(\"--beam-SelectSubscriptionNonprofit-details-funding-progress-label\", {\n fontSize: \"12px\",\n color: \"#666666\",\n fontWeight: \"400\",\n fontStyle: \"normal\",\n }),\n \"--beam-SelectSubscriptionNonprofit-stickyFooter-boxShadow\": \"0px -20px 20px 0px rgba(0, 0, 0, 0.04)\",\n \"--beam-SelectSubscriptionNonprofit-stickyFooter-padding\": \"15px 0px 45px\",\n \"--beam-SelectSubscriptionNonprofit-stickyFooter-backgroundColor\": \"white\",\n \"--beam-SelectSubscriptionNonprofit-stickyFooter-marginLeft\": \"-15px\",\n \"--beam-SelectSubscriptionNonprofit-stickyFooter-marginRight\": \"-15px\",\n \"--beam-SelectSubscriptionNonprofit-stickyFooter-width\": \"auto\",\n };\n\n const remoteConfig = this.nonprofitListDataController?.data?.config?.web?.theme \|\| {};\n\n const config = { ...defaults, ...remoteConfig };\n\n const serializable = Object.create({\n toCSS() {\n return _cssVariableMap(this as Record<string, string>);\n },\n });\n\n return Object.assign(serializable, config);\n }\n\n static styles = [\n cssReset,\n css`\n :host {\n display: block;\n max-width: var(--beam-SelectSubscriptionNonprofit-maxWidth);\n font-family: var(--beam-fontFamily);\n font-style: var(--beam-fontStyle);\n font-size: var(--beam-fontSize);\n background-color: var(--beam-backgroundColor);\n color: var(--beam-textColor);\n word-break: normal;\n }\n\n .widget-container-mobile {\n position: relative;\n }\n\n .header-container {\n align-items: flex-start;\n justify-content: space-between;\n padding: var(--beam-SelectSubscriptionNonprofit-headerContainer-padding);\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n\n .header-container-mobile {\n align-items: var(--beam-SelectSubscriptionNonprofit-mobile-header-alignItems);\n }\n\n .header-container-desktop {\n align-items: var(--beam-SelectSubscriptionNonprofit-desktop-header-alignItems);\n }\n\n .title {\n text-align: var(--beam-SelectSubscriptionNonprofit-title-textAlign);\n ${useCustomText(\"--beam-SelectSubscriptionNonprofit-title\")};\n }\n\n .description-container {\n text-align: var(--beam-SelectSubscriptionNonprofit-description-textAlign);\n line-height: var(--beam-SelectSubscriptionNonprofit-description-lineHeight);\n margin-top: var(--beam-SelectSubscriptionNonprofit-description-marginTop);\n }\n\n .description-prefix {\n ${useCustomText(\"--beam-SelectSubscriptionNonprofit-descriptionPrefix\")};\n }\n\n .description {\n ${useCustomText(\"--beam-SelectSubscriptionNonprofit-description\")};\n }\n\n .description-desktop {\n width: var(--beam-SelectSubscriptionNonprofit-desktop-description-width);\n }\n\n .description-mobile {\n width: var(--beam-SelectSubscriptionNonprofit-mobile-description-width);\n }\n\n .root {\n display: flex;\n flex-direction: column;\n gap: 12px;\n flex-shrink: 0;\n }\n\n .options {\n margin-top: var(--beam-SelectSubscriptionNonprofit-options-marginTop);\n padding: var(--beam-SelectSubscriptionNonprofit-options-padding);\n }\n\n .card-icon-container {\n height: var(--beam-SelectSubscriptionNonprofit-cardIconContainer-height);\n flex: 0;\n flex-direction: column;\n }\n\n .icon-background {\n width: var(--beam-SelectSubscriptionNonprofit-iconBackground-width);\n height: var(--beam-SelectSubscriptionNonprofit-iconBackground-height);\n border-radius: var(--beam-SelectSubscriptionNonprofit-iconBackground-borderRadius);\n overflow: hidden;\n background: var(--beam-SelectSubscriptionNonprofit-iconBackground-background);\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .card-icon {\n height: var(--beam-SelectSubscriptionNonprofit-icon-height);\n display: block;\n padding: var(--beam-SelectSubscriptionNonprofit-options-icon-padding);\n border-radius: var(--beam-SelectSubscriptionNonprofit-options-icon-borderRadius);\n }\n\n .card-image-container {\n height: 100%;\n flex: 4;\n display: flex;\n flex-direction: column;\n }\n\n .card-image {\n flex: 1;\n height: auto;\n width: 100%;\n object-fit: cover;\n border-radius: var(--beam-SelectSubscriptionNonprofit-options-image-borderRadius);\n }\n\n .option {\n / outline is used to prevent layer shift if changing border width */\n outline: var(--beam-SelectSubscriptionNonprofit-options-borderWidth) solid\n var(--beam-SelectSubscriptionNonprofit-options-borderColor);\n border-radius: var(--beam-SelectSubscriptionNonprofit-options-borderRadius);\n background-color: var(--beam-SelectSubscriptionNonprofit-options-backgroundColor);\n cursor: pointer;\n transition: border-color 0.2s, background-color 0.2s, outline 0.2s;\n display: flex;\n gap: 15px;\n padding: var(--beam-SelectSubscriptionNonprofit-option-padding);\n }\n\n .options.cardGrid {\n order: 3;\n }\n\n .option:not(.isDisabled):focus-visible,\n .option:not(.isDisabled):hover,\n .option:not(.isSelected):focus-visible,\n .option:not(.isSelected):hover {\n background-color: var(--beam-SelectSubscriptionNonprofit-options-hover-backgroundColor);\n outline: var(--beam-SelectSubscriptionNonprofit-options-hover-borderWidth) solid\n var(--beam-SelectSubscriptionNonprofit-options-hover-borderColor);\n }\n\n .option.isDisabled {\n cursor: not-allowed;\n }\n\n .option.isSelected {\n outline: var(--beam-SelectSubscriptionNonprofit-options-selected-borderWidth) solid\n var(--beam-SelectSubscriptionNonprofit-options-selected-borderColor);\n background-color: var(--beam-SelectSubscriptionNonprofit-options-selected-backgroundColor);\n }\n\n .option.isSelected:focus-visible,\n .option.isSelected:hover {\n outline: var(--beam-SelectSubscriptionNonprofit-options-selected-borderWidth) solid\n var(--beam-SelectSubscriptionNonprofit-options-selected-borderColor);\n }\n\n .option .checkbox {\n margin-left: 5px;\n float: right;\n padding: 2px;\n border-radius: 100%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-width: 1px;\n border-style: solid;\n transition: background-color 0.2s, color 0.2s, border-color 0.2s;\n color: var(--beam-SelectSubscriptionNonprofit-checkmark-color);\n background-color: var(--beam-SelectSubscriptionNonprofit-checkmark-backgroundColor);\n border-color: var(--beam-SelectSubscriptionNonprofit-checkmark-borderColor);\n }\n\n .option.isSelected .checkbox,\n .option.isSelected:focus-visible .checkbox,\n .option.isSelected:hover .checkbox {\n color: var(--beam-SelectSubscriptionNonprofit-checkmark-selected-color);\n background-color: var(--beam-SelectSubscriptionNonprofit-checkmark-selected-backgroundColor);\n border-color: var(--beam-SelectSubscriptionNonprofit-checkmark-selected-borderColor);\n }\n\n .option:not(.isSelected):focus-visible .checkbox,\n .option:not(.isSelected):hover .checkbox {\n color: var(--beam-SelectSubscriptionNonprofit-checkmark-hover-color);\n background-color: var(--beam-SelectSubscriptionNonprofit-checkmark-hover-backgroundColor);\n border-color: var(--beam-SelectSubscriptionNonprofit-checkmark-hover-borderColor);\n }\n\n .card-details-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 .details-cause {\n flex: 0 1;\n ${useCustomText(\"--beam-SelectSubscriptionNonprofit-details-cause\")};\n letter-spacing: var(--beam-SelectSubscriptionNonprofit-details-cause-letterSpacing);\n }\n\n .details-description {\n flex: 1 1;\n ${useCustomText(\"--beam-SelectSubscriptionNonprofit-details-description\")}\n }\n\n .details-description .nonprofitName {\n font-weight: var(--beam-SelectSubscriptionNonprofit-details-nonprofitName-fontWeight);\n font-style: var(--beam-SelectSubscriptionNonprofit-details-nonprofitName-fontStyle);\n }\n\n .card-progress-bar {\n display: flex;\n margin-top: var(--beam-SelectSubscriptionNonprofit-details-fundingProgress-marginTop);\n align-items: center;\n }\n\n .details-funding-progress-label {\n white-space: nowrap;\n text-align: right;\n flex: 0 1;\n margin-left: 15px;\n ${useCustomText(\"--beam-SelectSubscriptionNonprofit-details-funding-progress-label\")}\n }\n\n .footer {\n text-align: center;\n }\n\n .sticky-footer {\n position: sticky;\n background: var(--beam-SelectSubscriptionNonprofit-stickyFooter-backgroundColor);\n bottom: 0;\n box-shadow: var(--beam-SelectSubscriptionNonprofit-stickyFooter-boxShadow);\n padding: var(--beam-SelectSubscriptionNonprofit-stickyFooter-padding);\n left: 0;\n right: 0;\n margin-left: var(--beam-SelectSubscriptionNonprofit-stickyFooter-marginLeft);\n margin-right: var(--beam-SelectSubscriptionNonprofit-stickyFooter-marginRight);\n width: var(--beam-SelectSubscriptionNonprofit-stickyFooter-width);\n }\n\n .footer-desktop {\n margin-top: 20px;\n }\n\n .submitButton {\n color: var(--beam-SelectSubscriptionNonprofit-submitButton-color);\n background-color: var(--beam-SelectSubscriptionNonprofit-submitButton-backgroundColor);\n border: 1px solid var(--beam-SelectSubscriptionNonprofit-submitButton-borderColor);\n font-size: var(--beam-SelectSubscriptionNonprofit-submitButton-fontSize);\n font-weight: var(--beam-SelectSubscriptionNonprofit-submitButton-fontWeight);\n font-family: var(--beam-SelectSubscriptionNonprofit-submitButton-fontFamily);\n text-transform: var(--beam-SelectSubscriptionNonprofit-submitButton-textTransform);\n border-radius: var(--beam-SelectSubscriptionNonprofit-submitButton-borderRadius);\n padding: var(--beam-SelectSubscriptionNonprofit-submitButton-padding);\n transition: background-color 0.2s, border-color 0.2s, color 0.2s;\n cursor: pointer;\n display: inline-flex;\n width: 234.173px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n flex-shrink: 0;\n }\n\n .submitButton:not(.isDisabled):focus-visible,\n .submitButton:not(.isDisabled):hover {\n background-color: var(--beam-SelectSubscriptionNonprofit-submitButton-hover-backgroundColor);\n border-color: var(--beam-SelectSubscriptionNonprofit-submitButton-hover-borderColor);\n color: var(--beam-SelectSubscriptionNonprofit-submitButton-hover-color);\n }\n\n .submitButton.isDisabled {\n color: var(--beam-SelectSubscriptionNonprofit-submitButton-disabled-color);\n background-color: var(--beam-SelectSubscriptionNonprofit-submitButton-disabled-backgroundColor);\n border-color: var(--beam-SelectSubscriptionNonprofit-submitButton-disabled-borderColor);\n cursor: not-allowed;\n }\n\n .hideStickyFooter {\n display: none;\n }\n `,\n cssCardGrid({\n gap: \"var(--beam-SelectSubscriptionNonprofit-options-gap)\",\n itemMinWidth: \"var(--beam-SelectSubscriptionNonprofit-options-minWidth)\",\n columnCount: \"var(--beam-SelectSubscriptionNonprofit-options-columnCount)\",\n }),\n ];\n\n protected render() {\n const { selectedNonprofitId } = this;\n const { data, loading } = this.nonprofitListDataController;\n\n if (loading && !data) {\n return _loading();\n }\n if (this.nonprofitListDataController.error) {\n if (this.debug) {\n return _errorMessage({ error: this.nonprofitListDataController.error });\n }\n return \"\";\n }\n if (this.subscriptionUpdateDataController.error) {\n if (this.debug) {\n return _errorMessage({ error: this.subscriptionUpdateDataController.error });\n }\n // do not show error screen for interactive errors by default\n }\n if (data == null) {\n if (this.debug) {\n return _errorMessage({ error: new BeamError(\"No data\") });\n }\n return \"\";\n }\n const nonprofits = data?.nonprofits \|\| [];\n const selectedNonprofit = nonprofits.find((np) => np.nonprofit.id === selectedNonprofitId) \|\| null;\n // changes images in widget to icons\n const cardStyle = this.cssVariables[\"--beam-SelectSubscriptionNonprofit-cardStyle\"];\n const displayIcon = cardStyle === \"'icon'\" \|\| cardStyle === \"'selected_icon'\";\n\n return html`\n <style>\n :host {\n ${this.cssVariables.toCSS()}\n }\n </style>\n <div class=\"widget-container ${this.isMobile ? \"widget-container-mobile\" : \"\"}\">\n <div class=\"header-container ${this.isMobile ? \"header-container-mobile\" : \"header-container-desktop\"}\">\n <h3 class=\"title\" part=\"title\" id=\"beam-SelectSubscriptionNonprofit-title\">\n ${localizeUserString(this.configLang, data?.config?.web?.title \|\| \"\") \|\|\n strings[this.configLang].ctaTitle()}\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\" part=\"description\">\n ${localizeUserString(this.configLang, data?.config?.web?.additionalStrings?.[\"ctaMessage\"] \|\| \"\") \|\|\n strings[this.configLang].ctaMessage()}\n </span>\n <span class=\"description-prefix\" part=\"description\">\n ${localizeUserString(this.configLang, data?.config?.web?.additionalStrings?.[\"ctaMessagePrefix\"] \|\| \"\") \|\|\n strings[this.configLang].ctaMessagePrefix()}\n </span>\n </div>\n </div>\n <div class=\"root\">\n <div\n tabindex=\"-1\"\n class=\"options cardGrid\"\n part=\"options\"\n role=\"radiogroup\"\n aria-labelledby=\"beam-SelectSubscriptionNonprofit-title\"\n ?aria-disabled=${!this.allowChange}\n >\n ${repeat(\n nonprofits,\n (i) => i.nonprofit.id,\n (np, index) => {\n const isSelected = selectedNonprofitId === np.nonprofit.id;\n const isFocusable = isSelected \|\| (selectedNonprofit == null && index === 0);\n const unselectedIcon = np.nonprofit.causeIconUrl;\n const selectedIcon = np.nonprofit.causeIconSelectedUrl;\n const cardImage = np.imageUrl;\n const iconImage = cardStyle === \"'selected_icon'\" ? selectedIcon : unselectedIcon;\n return html`\n <div\n class=\"option ${classMap({\n isSelected: isSelected,\n isDisabled: !this.allowChange,\n })}\"\n part=\"option\"\n role=\"radio\"\n tabindex=\"${isFocusable ? 0 : -1}\"\n data-value=${np.nonprofit.id}\n ?aria-checked=${isSelected}\n @click=${this.makeHandleSelect(np.nonprofit.id, index, nonprofits)}\n @keydown=${this.makeHandleSelect(np.nonprofit.id, index, nonprofits)}\n aria-label=\"${localizeUserString(this.configLang, np.nonprofit.cause \|\| \"\")}\"\n >\n ${displayIcon\n ? html` <div class=\"card-icon-container\">\n <div class=\"icon-background\">\n <img src=\"${iconImage}\" alt=\"\" role=\"presentation\" class=\"card-icon\" />\n </div>\n </div>`\n : html` <div class=\"card-image-container\">\n <img src=\"${cardImage}\" alt=\"\" role=\"presentation\" class=\"card-image\" />\n </div>`}\n <div class=\"card-details-container\" part=\"details\">\n <div class=\"details-cause\">\n <span part=\"checkbox\" class=\"checkbox\">\n <span style=\"line-height: 0;\"> ${_checkbox({ height: \"10px\", width: \"10px\" })} </span>\n </span>\n ${localizeUserString(this.configLang, np.nonprofit.cause \|\| \"\")}\n </div>\n <p class=\"details-description\">\n ${unsafeHTML(localizeUserString(this.configLang, np.impact.description \|\| \"\"))}\n </p>\n <div class=\"card-progress-bar\">\n <beam-progress-bar\n value=\"${np.impact.goalProgressPercentage}\"\n style=\"flex: 1 0;\"\n ></beam-progress-bar>\n <span class=\"details-funding-progress-label\">\n ${localizeUserString(this.configLang, np.impact.goalProgressText)}\n </span>\n </div>\n </div>\n </div>\n `;\n }\n )}\n </div>\n </div>\n <div\n id=\"footer\"\n class=\"footer ${this.isMobile ? \"sticky-footer\" : \"footer-desktop\"} ${this.isMobile &&\n !this.selectedNonprofitId\n ? \"hideStickyFooter\"\n : \"\"}\"\n >\n <button\n type=\"button\"\n ?aria-disabled=${!this.allowSubmit}\n @click=\"${this.handleSubmit}\"\n class=\"${classMap({\n isDisabled: !this.allowSubmit,\n submitButton: true,\n })}\"\n part=\"submitButton\"\n >\n ${this.subscriptionUpdateDataController.data !== null\n ? localizeUserString(\n this.configLang,\n data?.config?.web?.additionalStrings?.[\"submitButtonTextCompleted\"] \|\| \"\"\n ) \|\| strings[this.configLang].submitButtonTextCompleted()\n : localizeUserString(this.configLang, data?.config?.web?.additionalStrings?.[\"submitButtonText\"] \|\| \"\") \|\|\n strings[this.configLang].submitButtonText()}\n </button>\n </div>\n </div>\n `;\n }\n}\n\ndefineCustomElement(BeamSelectSubscriptionNonprofit);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"beam-select-subscription-nonprofit\": BeamSelectSubscriptionNonprofit;\n }\n}\n"],"names":["_checkbox","height","width","html","styleMap","strings","donationPercentage","cacheTtl","BeamSelectSubscriptionNonprofit","LitElement","DEFAULT_BASE_URL","enforceConfig","res","postChainEligibleNonprofitsForCart","makeApiKeyHeader","selectedNonprofitId","updateSubscription","AsyncController","createScopedLocalStorage","id","index","nonprofits","event","currentId","nextFocus","focusTarget","selectedNonprofit","np","BeamNonprofitSelectEvent","WIDGET_NAMES","debounce","SUPPORTED_LANGUAGES","_changedProperties","previousPropertyValues","requireNewDataProps","prop","createdAt","data","defaults","progressBarConfigDefaults","defineCustomText","remoteConfig","config","_cssVariableMap","loading","_loading","_errorMessage","BeamError","cardStyle","displayIcon","localizeUserString","repeat","i","isSelected","isFocusable","unselectedIcon","selectedIcon","cardImage","iconImage","classMap","unsafeHTML","cssReset","css","useCustomText","cssCardGrid","__decorateClass","property","state","defineCustomElement"],"mappings":"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"}

package/dist/components/shopify.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { waitForElement } from '../utils/wait-for-element.js';
 export { initNetworkListeners } from '../utils/network-listeners.js';
-export { e as events } from '../chunks/events-D-3N9lQA.esm.js';
+export { e as events } from '../chunks/events-B7l6VPsF.esm.js';
 export { B as BeamShopifyCartIntegrationConfig, T as TBeamOrderPageParams, a as addBeamAttributesToCart, d as appendBeamAttributesToCart, b as appendStatsigToShopifyCartAttributes, c as appendToShopifyCartBeamAttribute, f as getBeamAttributesForCart, g as getCurrentCart, e as getShopifyCart, r as registerCartIntegration, s as showBeamOrderPageWidgets, t as trackCart } from '../chunks/order-page-M7a2TINy.esm.js';
 import '../chunks/cart-contents-CLT7p7Gd.esm.js';
 import '../chunks/openapi-spec-Bk7E2QQP.esm.js';

package/dist/components/shopify.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{waitForElement as t}from"../utils/wait-for-element.esm.js";import{getCookieValue as r,getCookieMap as o}from"../utils/cookies.esm.js";import{initNetworkListeners as W}from"../utils/network-listeners.esm.js";import{e as Z}from"../chunks/events-Dki0ka4F.esm.js";import{t as j,b as q,Z as z,x as D,C as G,v as H,E as J,X as K,s as Q,$ as R}from"../chunks/order-page-C41TBLoV.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../chunks/lodash-D3TLHRR_.esm.js";import"../utils/logger.esm.js";import"../utils/local-storage.esm.js";import"../utils/memoize-last.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../chunks/cart-contents-DkoytiZh.esm.js";import"../chunks/update-cart-Dsu0mPtW.esm.js";import"../chunks/routes-D0_9umO_.esm.js";import"../utils/remote-session.esm.js";import"../utils/promoManager.esm.js";import"../utils/cart.esm.js";import"./post-purchase.esm.js";import"../chunks/lit-WqMxC_PA.esm.js";import"../chunks/enforce-config-CZ3ToOgr.esm.js";import"../chunks/localize-Btu9xYcE.esm.js";import"../chunks/index-IAa5EO-6.esm.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"../chunks/promo-pill-label-YOC47M3t.esm.js";import"../chunks/_share-dialog-dependencies-o8GVV6gC.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"./beam-partner-logos.esm.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import"./impact-overview.esm.js";import"../chunks/share-button-CV5FZFS9.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-DcaL0AYo.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";const i={waitForElement:t,getCookieMap:o,getCookieValue:r};export{j as addBeamAttributesToCart,q as appendBeamAttributesToCart,z as appendStatsigToShopifyCartAttributes,D as appendToShopifyCartBeamAttribute,Z as events,G as getBeamAttributesForCart,H as getCurrentCart,J as getShopifyCart,W as initNetworkListeners,K as registerCartIntegration,Q as showBeamOrderPageWidgets,R as trackCart,i as utils};
+import{waitForElement as t}from"../utils/wait-for-element.esm.js";import{getCookieValue as r,getCookieMap as o}from"../utils/cookies.esm.js";import{initNetworkListeners as W}from"../utils/network-listeners.esm.js";import{e as Z}from"../chunks/events-Dki0ka4F.esm.js";import{t as j,b as q,Z as z,x as D,C as G,v as H,E as J,X as K,s as Q,$ as R}from"../chunks/order-page-C3b348k0.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../chunks/lodash-D3TLHRR_.esm.js";import"../utils/logger.esm.js";import"../utils/local-storage.esm.js";import"../utils/memoize-last.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../chunks/cart-contents-DkoytiZh.esm.js";import"../chunks/update-cart-HlVGSYR7.esm.js";import"../chunks/routes-E1gMJl6d.esm.js";import"../utils/remote-session.esm.js";import"../utils/promoManager.esm.js";import"../utils/cart.esm.js";import"./post-purchase.esm.js";import"../chunks/lit-WqMxC_PA.esm.js";import"../chunks/enforce-config-CZ3ToOgr.esm.js";import"../chunks/localize-Btu9xYcE.esm.js";import"../chunks/index-DvhxjeiK.esm.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"../chunks/promo-pill-label-CD0lWdsv.esm.js";import"../chunks/_share-dialog-dependencies-BVNp0oLJ.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"./beam-partner-logos.esm.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import"./impact-overview.esm.js";import"../chunks/share-button-VEIdBFu3.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-BzmG48J9.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";const i={waitForElement:t,getCookieMap:o,getCookieValue:r};export{j as addBeamAttributesToCart,q as appendBeamAttributesToCart,z as appendStatsigToShopifyCartAttributes,D as appendToShopifyCartBeamAttribute,Z as events,G as getBeamAttributesForCart,H as getCurrentCart,J as getShopifyCart,W as initNetworkListeners,K as registerCartIntegration,Q as showBeamOrderPageWidgets,R as trackCart,i as utils};
 //# sourceMappingURL=shopify.esm.js.map

package/dist/components/shopify.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{waitForElement as t}from"../utils/wait-for-element.js";import{getCookieValue as r,getCookieMap as o}from"../utils/cookies.js";import{initNetworkListeners as W}from"../utils/network-listeners.js";import{e as Z}from"../chunks/events-Dki0ka4F.esm.js";import{t as j,b as q,Z as z,x as D,C as G,v as H,E as J,X as K,s as Q,$ as R}from"../chunks/order-page-Brrq-LAx.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../chunks/lodash-D3TLHRR_.esm.js";import"../utils/logger.js";import"../utils/local-storage.js";import"../utils/memoize-last.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../chunks/cart-contents-DkoytiZh.esm.js";import"../chunks/update-cart-CFB8JVgq.esm.js";import"../chunks/routes-BGx3ADhY.esm.js";import"../utils/remote-session.js";import"../utils/promoManager.js";import"../utils/cart.js";import"./post-purchase.js";import"../chunks/lit-WqMxC_PA.esm.js";import"../chunks/enforce-config-Ba1JkOHs.esm.js";import"../chunks/localize-C25pEGnx.esm.js";import"../chunks/index-BWtaQiQa.esm.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"../chunks/promo-pill-label-BESRGLn7.esm.js";import"../chunks/_share-dialog-dependencies-BVseSHLF.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"./beam-partner-logos.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import"./impact-overview.js";import"../chunks/share-button-D-c9M84d.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-BmoEHT-C.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";const i={waitForElement:t,getCookieMap:o,getCookieValue:r};export{j as addBeamAttributesToCart,q as appendBeamAttributesToCart,z as appendStatsigToShopifyCartAttributes,D as appendToShopifyCartBeamAttribute,Z as events,G as getBeamAttributesForCart,H as getCurrentCart,J as getShopifyCart,W as initNetworkListeners,K as registerCartIntegration,Q as showBeamOrderPageWidgets,R as trackCart,i as utils};
+import{waitForElement as t}from"../utils/wait-for-element.js";import{getCookieValue as r,getCookieMap as o}from"../utils/cookies.js";import{initNetworkListeners as W}from"../utils/network-listeners.js";import{e as Z}from"../chunks/events-Dki0ka4F.esm.js";import{t as j,b as q,Z as z,x as D,C as G,v as H,E as J,X as K,s as Q,$ as R}from"../chunks/order-page-CuL1s6HR.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../chunks/lodash-D3TLHRR_.esm.js";import"../utils/logger.js";import"../utils/local-storage.js";import"../utils/memoize-last.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../chunks/cart-contents-DkoytiZh.esm.js";import"../chunks/update-cart-C6BdmBt1.esm.js";import"../chunks/routes-BHChxaFQ.esm.js";import"../utils/remote-session.js";import"../utils/promoManager.js";import"../utils/cart.js";import"./post-purchase.js";import"../chunks/lit-WqMxC_PA.esm.js";import"../chunks/enforce-config-Ba1JkOHs.esm.js";import"../chunks/localize-C25pEGnx.esm.js";import"../chunks/index-DPptZHfR.esm.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"../chunks/promo-pill-label-BihVdXIv.esm.js";import"../chunks/_share-dialog-dependencies-D4i8Nvve.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"./beam-partner-logos.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import"./impact-overview.js";import"../chunks/share-button-BJ8T-uYK.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-BnNOZHBt.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";const i={waitForElement:t,getCookieMap:o,getCookieValue:r};export{j as addBeamAttributesToCart,q as appendBeamAttributesToCart,z as appendStatsigToShopifyCartAttributes,D as appendToShopifyCartBeamAttribute,Z as events,G as getBeamAttributesForCart,H as getCurrentCart,J as getShopifyCart,W as initNetworkListeners,K as registerCartIntegration,Q as showBeamOrderPageWidgets,R as trackCart,i as utils};
 //# sourceMappingURL=shopify.js.map

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

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

package/dist/components/social-share.js CHANGED Viewed

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

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

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

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

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

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

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

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

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

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

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