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

@beamimpact/web-sdk 1.55.4 → 1.55.5

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

package/dist/components/product-details-page.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"product-details-page.js","sources":["../../src/shared/fragments/custom-border.ts","../../src/shared/fragments/info.ts","../../src/components/product-details-page/strings.ts","../../src/components/product-details-page/index.ts"],"sourcesContent":["import { CSSResult, unsafeCSS } from \"lit\";\n\nexport const defineCustomBorder = (\n namespace = \"\",\n { borderRadius = \"0px\", borderStyle = \"unset\", borderColor = \"#000000\", borderWidth = \"1px\" } = {}\n): Record<string, string> => {\n const prefix = namespace.startsWith(\"--beam-\") ? namespace : `--beam-${namespace}`;\n return {\n [`${prefix}-borderRadius`]: borderRadius,\n [`${prefix}-borderStyle`]: borderStyle,\n [`${prefix}-borderColor`]: borderColor,\n [`${prefix}-borderWidth`]: borderWidth,\n };\n};\n\nexport const useCustomBorder = (\n namespace = \"\",\n { borderRadius = \"0px\", borderStyle = \"unset\", borderColor = \"#000000\", borderWidth = \"1px\" } = {}\n): CSSResult => {\n const prefix = namespace.startsWith(\"--beam-\") ? namespace : `--beam-${namespace}`;\n return unsafeCSS(`\\\n border-radius: var(${prefix}-borderRadius, ${borderRadius});\n border-style: var(${prefix}-borderStyle, ${borderStyle});\n border-color: var(${prefix}-borderColor, ${borderColor});\n border-width: var(${prefix}-borderWidth, ${borderWidth});\n `);\n};\n","import { html } from \"lit\";\n\nexport const _info = () => html` <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n part=\"svg\"\n>\n <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n <path d=\"M12 16v-4\"></path>\n <path d=\"M12 8h.01\"></path>\n</svg>`;\n","export const strings = {\n en: {\n ctaTitle: () => `Choose Your Impact`,\n ctaMessage: () =>\n `At no extra cost, 1% of every order will be donated to a nonprofit you choose. Add to cart to choose. Powered by Beam`,\n inlineSeparator: () => `:`,\n },\n fr: {\n ctaTitle: () => `Choisissez votre impact`,\n ctaMessage: () =>\n `Sans frais supplémentaires, 1 % de chaque commande est reversé à l'association de votre choix. Ajoutez au panier pour choisir. Propulsé par Beam.`,\n inlineSeparator: () => `:`,\n },\n es: {\n ctaTitle: () => `Elige tu impacto`,\n ctaMessage: () =>\n `Sin coste adicional, el 1 % de cada pedido se dona a la organización sin ánimo de lucro que elijas. Añádelo al carrito para elegir. Impulsado por Beam.`,\n inlineSeparator: () => `:`,\n },\n de: {\n ctaTitle: () => `Wählen Sie Ihren Impact`,\n ctaMessage: () =>\n `Ohne zusätzliche Kosten wird 1 % jeder Bestellung an eine von Ihnen gewählte gemeinnützige Organisation gespendet. Zum Warenkorb hinzufügen, um auszuwählen. Unterstützt von Beam.`,\n inlineSeparator: () => `:`,\n },\n it: {\n ctaTitle: () => `Scegli il tuo impatto`,\n ctaMessage: () =>\n `L'1 % di ogni acquisto viene donato, senza alcun costo aggiuntivo, a un'organizzazione no-profit a tua scelta. Aggiungi al carrello per scegliere. Promosso da Beam.`,\n inlineSeparator: () => `:`,\n },\n pl: {\n ctaTitle: () => `Wybierz swój wpływ`,\n ctaMessage: () =>\n `1 % wartości każdego zamówienia przekazywany jest na wybraną przez Ciebie organizację non-profit – bez dodatkowych kosztów. Dodaj do koszyka, aby wybrać. Obsługiwane przez Beam.`,\n inlineSeparator: () => `:`,\n },\n ja: {\n ctaTitle: () => `寄付先をお選びください。`,\n ctaMessage: () =>\n `追加費用なしで、ご注文金額の1%を非営利団体へ寄付できます。ご希望の場合、カートに追加して寄付内容をお選びください。Powered by Beam`,\n inlineSeparator: () => `:`,\n },\n};\n","import { LitElement, css, html } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { postProductDetailsPage } from \"../../api-sdk/v3/routes\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES, WIDGET_NAMES } from \"../../api-sdk/constants\";\nimport { LANGUAGES, TUrl } from \"../../api-sdk/types\";\nimport { MissingConfig } from \"../../utils/beam-errors\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { cssResponsiveUtils } from \"../../shared/responsive\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { defineCustomBorder, useCustomBorder } from \"../../shared/fragments/custom-border\";\n// shoelace html tag imports\nimport \"@shoelace-style/shoelace/dist/components/tooltip/tooltip.js\";\nimport \"@shoelace-style/shoelace/dist/components/button/button.js\";\nimport { _info } from \"../../shared/fragments/info\";\nimport { promoPillLabelConfigDefaults } from \"../../shared/components/promo-pill-label\";\nimport {\n getPromoCodesFromCart,\n setPromoCodeInCookie,\n parseJsonStringArray,\n formatStoreAndReturnPromoCodes,\n setPromoCodesInLocalStorage,\n isEmptyPromoData,\n} from \"../../utils/promoManager\";\nimport \"../../shared/components/promo-pill-label\";\nimport { BEAM_CART_COOKIE_NAME, TBeamCartLocalStorage } from \"../../shared/cart-contents\";\nimport { createScopedLocalStorage } from \"../../utils/local-storage\";\nimport { makeApiKeyHeader } from \"../../utils/makeApiKeyHeader\";\nimport { BeamPromoCodesStoredEvent, BeamWidgetStoredPromoCodesEvent } from \"../../utils/events\";\nimport { getBeamCartId } from \"../../utils/cart\";\nimport { strings } from \"./strings\";\n\ntype RequiredConfig = {\n apiKey: string;\n storeId: number;\n};\ntype IAPIV3PostProductDetailsPage = Awaited<ReturnType<typeof postProductDetailsPage>>;\n\nconst IMAGE_URL_REMOTE_CONFIG_KEY = \"--beam-ProductDetailsPage-imageUrl\";\n\nexport class BeamProductDetailsPage extends LitElement {\n static tagName = \"beam-product-details-page\";\n\n @property({ type: String, reflect: true }) public baseUrl: TUrl = DEFAULT_BASE_URL;\n\n @property({ type: String, reflect: false }) apiKey?: RequiredConfig[\"apiKey\"];\n\n @property({ type: Number }) storeId?: number;\n\n @property({ type: String }) public lang: LANGUAGES = \"en\";\n\n @property({ type: Boolean }) public draftConfig = false;\n\n @property({ type: Boolean }) public debug = false;\n\n @property({ type: String }) remoteProductIdentifier?: string;\n\n @property({ type: String }) public promoCodes?: string;\n\n @property({ type: String }) public domain?: string;\n\n private localStorage = createScopedLocalStorage(this as LitElement & RequiredConfig);\n\n @state() private pluginPromoCodes: string[] = [];\n\n get configLang() {\n return SUPPORTED_LANGUAGES[this.lang] \|\| \"en\";\n }\n\n get parsedPromoCodes(): string[] {\n return parseJsonStringArray(this.promoCodes);\n }\n\n private handlePromoCodesStored = (evt: BeamPromoCodesStoredEvent) => {\n const promoCodesFromPlugin = (evt.detail.promoCodes?.unvalidatedPromoCodes ?? [])\n .map((c) => c.attributes?.value ?? c.attributes?.url ?? \"\")\n .sort();\n this.pluginPromoCodes = promoCodesFromPlugin;\n };\n\n private getManualPromoCodes(): string[] {\n // Priority 1: Widget passed discount codes\n if (this.parsedPromoCodes && this.parsedPromoCodes.length > 0) {\n return this.parsedPromoCodes;\n }\n\n // Priority 2: Cart fallback\n const cart = this.localStorage.getItemJson<TBeamCartLocalStorage>(\"cart\");\n return cart ? getPromoCodesFromCart(cart) : [];\n }\n\n private async handleValidatedPromoCodes(response: IAPIV3PostProductDetailsPage) {\n if (response.promos?.validatedPromoCodes) {\n await Promise.all([\n setPromoCodesInLocalStorage({\n apiKey: this.apiKey,\n promoCodes: { validatedPromoCodes: response.promos.validatedPromoCodes, unvalidatedPromoCodes: [] },\n }),\n setPromoCodeInCookie({\n validatedPromoCodes: response.promos.validatedPromoCodes,\n domain: this.domain,\n }),\n ]);\n this.dispatchEvent(\n new BeamWidgetStoredPromoCodesEvent({\n source: WIDGET_NAMES.product_details_page,\n })\n );\n }\n }\n\n async firstUpdated() {\n window.addEventListener(BeamPromoCodesStoredEvent.eventName, this.handlePromoCodesStored as EventListener);\n }\n\n disconnectedCallback() {\n window.removeEventListener(BeamPromoCodesStoredEvent.eventName, this.handlePromoCodesStored as EventListener);\n super.disconnectedCallback();\n }\n\n postProductDetailsPageData = async () => {\n if (!enforceConfig<RequiredConfig>([\"apiKey\", \"storeId\"], this)) throw new MissingConfig();\n const beamCartId = getBeamCartId(BEAM_CART_COOKIE_NAME, { apiKey: this.apiKey });\n\n const manualPromoCodes = this.getManualPromoCodes();\n const formattedPromos = formatStoreAndReturnPromoCodes(\n manualPromoCodes.map((code) => ({ value: code })),\n this.apiKey\n );\n const shouldSendPromos = formattedPromos && !isEmptyPromoData(formattedPromos);\n\n if (shouldSendPromos) {\n this.dispatchEvent(\n new BeamWidgetStoredPromoCodesEvent({\n source: WIDGET_NAMES.product_details_page,\n })\n );\n }\n const res = await postProductDetailsPage({\n baseUrl: this.baseUrl,\n headers: makeApiKeyHeader(this.apiKey),\n queryParams: {\n version: \"1.0.0\",\n lang: this.configLang,\n storeId: this.storeId,\n widgetName: WIDGET_NAMES.product_details_page,\n draftConfig: this.draftConfig,\n remoteProductIdentifier: this.remoteProductIdentifier,\n },\n requestBody: {\n ...(shouldSendPromos && { promos: formattedPromos }),\n beamCartId: beamCartId ? beamCartId : undefined,\n },\n });\n this.handleValidatedPromoCodes(res);\n return res;\n };\n\n private productDetailsPageDataController = new AsyncController<typeof this.postProductDetailsPageData>(\n this,\n this.postProductDetailsPageData\n );\n\n async updated(changedProperties: Map<string, unknown>) {\n const requireNewDataProps = [\"storeId\", \"baseUrl\", \"lang\", \"apiKey\", \"pluginPromoCodes\", \"promoCodes\"];\n void this.pluginPromoCodes;\n for (const prop of requireNewDataProps) {\n if (changedProperties.has(prop)) {\n await this.productDetailsPageDataController.exec();\n break;\n }\n }\n }\n\n render() {\n const { data, loading } = this.productDetailsPageDataController;\n const iconDisplay = this.cssVariables[\"--beam-ProductDetailsPage-image-placement\"];\n const isNonZero = (value: string) => value !== \"0px\" && value !== \"0\";\n const shouldDisplayPromoPill = this.cssVariables[\"--beam-ProductDetailsPage-shouldDisplayPromoPill\"] === \"true\";\n const isPromoActive = !!data?.config?.web?.promo;\n const hasValidImageHeight = isNonZero(this.cssVariables[\"--beam-ProductDetailsPage-imageHeight\"]);\n const hasValidTitleFontSize = isNonZero(this.cssVariables[\"--beam-ProductDetailsPage-title-fontSize\"]);\n const isPromoPillVisible =\n shouldDisplayPromoPill && // Determines if the promo pill is enabled for the marketing version of the PDP\n isPromoActive && // Is promo currently active\n hasValidImageHeight && // Ensures the promo pill is not displayed for the subtext version of the PDP\n hasValidTitleFontSize; // Ensures the promo pill is not displayed for the subtext version of the PDP\n const shouldShowPunctuation = this.cssVariables[\"--beam-ProductDetailsPage-shouldDisplayColon\"] === \"true\"; // Determines if a colon should be displayed in promo display\n\n if (loading) {\n return html``;\n }\n if (data == null) {\n if (this.debug) {\n return _errorMessage({ error: new Error(\"No data\") });\n }\n return \"\";\n }\n return html`\n <style>\n :host {\n ${this.cssVariables.toCSS()}\n }\n </style>\n <div\n class=\"root ${iconDisplay === \"block-center\" ? \"block-display\" : \"inline-display\"}\"\n aria-label=\"product detail page Beam component\"\n >\n ${iconDisplay === \"block-center\"\n ? html`\n ${this.renderWidgetIcon(iconDisplay)}\n ${isPromoPillVisible\n ? html`\n <div class=\"promo-container\">\n <beam-promo-info-pill .promo=${data?.config?.web?.promo}></beam-promo-info-pill>\n </div>\n `\n : html``}\n <div class=\"info-container\">${this.renderContent(isPromoPillVisible, shouldShowPunctuation, data)}</div>\n `\n : html`\n ${isPromoPillVisible\n ? html`\n <div class=\"promo-container\">\n <beam-promo-info-pill .promo=${data?.config?.web?.promo}></beam-promo-info-pill>\n </div>\n `\n : html``}\n <div class=\"content-inline\">\n ${this.renderWidgetIcon(iconDisplay)}\n <div class=\"info-container\">${this.renderContent(isPromoPillVisible, shouldShowPunctuation, data)}</div>\n </div>\n `}\n </div>\n `;\n }\n\n renderWidgetIcon(iconDisplay: string) {\n const imageUrl = this.cssVariables[IMAGE_URL_REMOTE_CONFIG_KEY];\n\n if (!imageUrl) return html``;\n\n const isBlockDisplay = iconDisplay === \"block-center\";\n const containerStyle = isBlockDisplay ? 'style=\"order:1\"' : \"\";\n\n return html`\n <span class=\"icon-container\" part=\"icon\" ${containerStyle}>\n <img src=${imageUrl} part=\"icon\" aria-hidden=\"true\" alt=\"\" />\n </span>\n `;\n }\n\n renderContent(isPromoPillVisible: boolean, shouldDisplayColon: boolean, data: IAPIV3PostProductDetailsPage) {\n const title = localizeUserString(this.configLang, data?.config?.web?.title) \|\| strings[this.configLang].ctaTitle();\n const description =\n localizeUserString(this.configLang, data?.config?.web?.description) \|\| strings[this.configLang].ctaMessage();\n return isPromoPillVisible\n ? html`\n <div class=\"info-inline-promo\">\n <span class=\"title\">${title + (shouldDisplayColon ? strings[this.configLang].inlineSeparator() : \"\")}</span>\n <span class=\"description\"> <span>${description}</span> ${this.renderDisclosureTooltip()} </span>\n </div>\n `\n : html`\n <div class=\"title-block\">\n <h3 class=\"title\">${title}</h3>\n </div>\n <div class=\"description-block\">\n <span class=\"description\"> <span>${description}</span> ${this.renderDisclosureTooltip()} </span>\n </div>\n `;\n }\n\n renderCloseTooltipIcon() {\n return html`<svg\n aria-hidden=\"true\"\n width=\"11\"\n height=\"11\"\n viewBox=\"0 0 11 11\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M5.40836 5.40811L1.48828 1.48804M5.40836 5.40811L9.32843 9.32819M5.40836 5.40811L9.32843 1.48804M5.40836 5.40811L1.48828 9.32819\"\n stroke=\"white\"\n stroke-width=\"1.56803\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg> `;\n }\n\n /* PayPal Giving Fund Disclosure /\n renderDisclosureTooltip() {\n let closeTimer: number \| undefined;\n let ariaTimer: number \| undefined;\n\n // Does the PDP module still have the focusElement of the page?\n const stillHasFocus = () => {\n return document.activeElement?.tagName.toLowerCase() === this.tagName.toLowerCase();\n };\n\n const onHide = () => {\n // Even after animation is done, we need to give the browser a moment\n // to move focus to another element before setting aria-hidden\n clearTimeout(ariaTimer);\n ariaTimer = setTimeout(() => {\n this.renderRoot.querySelector(\".ppgf-disclosure-tooltip-content\")?.setAttribute(\"aria-hidden\", \"true\");\n }, 50);\n };\n\n const onShow = () => {\n clearTimeout(ariaTimer);\n this.renderRoot.querySelector(\".ppgf-disclosure-tooltip-content\")?.setAttribute(\"aria-hidden\", \"false\");\n };\n\n // Close the tooltip\n const closeTooltip = ({\n skipDelay = false,\n keepOpenIfFocused = false,\n }: {\n skipDelay?: boolean;\n keepOpenIfFocused?: boolean;\n }) => {\n clearTimeout(closeTimer);\n closeTimer = setTimeout(\n () => {\n // if focus is still on this module, don't close anything\n if (keepOpenIfFocused && stillHasFocus()) {\n return;\n }\n (this.renderRoot.querySelector(\".ppgf-disclosure-tooltip\") as any)?.hide();\n },\n skipDelay ? 0 : 300\n );\n };\n\n // Open the tooltip; resets the timeout for closing if one exists so we don't\n // close it again\n const openTooltip = () => {\n clearTimeout(closeTimer);\n (this.renderRoot.querySelector(\".ppgf-disclosure-tooltip\") as any)?.show();\n };\n\n // Toggle the tooltip\n const toggleTooltip = ({\n skipDelay = false,\n keepOpenIfFocused = false,\n }: {\n skipDelay?: boolean;\n keepOpenIfFocused?: boolean;\n }) => {\n const tooltip = this.renderRoot.querySelector(\".ppgf-disclosure-tooltip\") as any;\n if (tooltip) {\n if (tooltip.open) {\n closeTooltip({\n skipDelay,\n keepOpenIfFocused,\n });\n } else {\n openTooltip();\n }\n }\n };\n\n // Focus will go to \"<sl-tooltip>\" element first, triggering the tooltip to open\n const onFocusTrigger = () => {\n openTooltip();\n };\n\n // Blur on the trigger checks if focus is still on the PDP module before closing the tooltip\n const onBlurTrigger = () => {\n closeTooltip({\n skipDelay: false,\n keepOpenIfFocused: true,\n });\n };\n\n // If the icon is clicked, force open the tooltip (for mobile)\n const onClickTrigger = () => {\n openTooltip();\n };\n\n // Mouseover on the icon should open the tooltip every time\n const onMouseoverTooltip = () => {\n openTooltip();\n };\n\n // Mouseout of the icon should check if we came back within 100ms\n const onMouseoutTooltip = () => {\n closeTooltip({\n skipDelay: false,\n keepOpenIfFocused: false,\n });\n };\n\n // This is needed to close the tooltip if the focus goes from the tooltip content\n // to something outside the page\n const onKeydownTooltip = (evt: KeyboardEvent) => {\n // Check for Enter (key 13) or Space (key 32) which toggles the tooltip visibility immediately\n if (evt.key === \"Enter\" \|\| evt.key === \" \") {\n toggleTooltip({\n skipDelay: true,\n keepOpenIfFocused: false,\n });\n return;\n }\n\n // If we tab out of the PDP tooltip, allow the tooltip to close itself\n closeTooltip({\n skipDelay: true,\n keepOpenIfFocused: true,\n });\n };\n\n // If the X is clicked, force close the tooltip\n const onClickClose = () => {\n closeTooltip({\n skipDelay: true,\n keepOpenIfFocused: false,\n });\n };\n\n const ppgfDisclosure = this.productDetailsPageDataController.data?.ppgfDisclosure;\n return ppgfDisclosure\n ? html`<sl-tooltip\n class=\"ppgf-disclosure-tooltip\"\n part=\"tooltip\"\n trigger=\"manual\"\n tabindex=\"0\"\n @mouseenter=\"${onMouseoverTooltip}\"\n @mouseleave=\"${onMouseoutTooltip}\"\n @keydown=\"${onKeydownTooltip}\"\n @sl-after-hide=\"${onHide}\"\n @sl-after-show=\"${onShow}\"\n >\n <div\n class=\"ppgf-disclosure-tooltip-content\"\n id=\"BeamPPGFDisclosure\"\n slot=\"content\"\n part=\"tooltip-content\"\n aria-hidden=\"true\"\n >\n <button\n class=\"ppgf-disclosure-close\"\n role=\"button\"\n aria-label=\"Close tooltip\"\n part=\"tooltip-close-button\"\n @click=\"${onClickClose}\"\n >\n ${this.renderCloseTooltipIcon()}\n </button>\n <div class=\"ppgf-disclosure-tooltip-copy\" part=\"tooltip-disclosure-copy\">\n ${unsafeHTML(ppgfDisclosure.copy)}\n </div>\n </div>\n <span\n class=\"ppgf-disclosure-tooltip-trigger\"\n part=\"tooltip-disclosure-icon\"\n aria-label=\"More Information\"\n role=\"button\"\n tabindex=\"0\"\n @focus=\"${onFocusTrigger}\"\n @blur=\"${onBlurTrigger}\"\n @click=\"${onClickTrigger}\"\n >\n <div class=\"ppgf-disclosure-tooltip-trigger-mask d-lg-none\"></div>\n <sl-button\n variant=\"text\"\n size=\"small\"\n class=\"ppgf-disclosure-tooltip-trigger\"\n part=\"tooltip-disclosure-button\"\n aria-hidden=\"true\"\n tabindex=\"-1\"\n circle\n >\n ${_info()}\n </sl-button>\n </span>\n </sl-tooltip>`\n : html``;\n }\n / End PayPal Giving Fund Disclosure /\n\n public get cssVariables() {\n const defaults = {\n \"--beam-ProductDetailsPage-imageWidth\": \"24px\",\n \"--beam-ProductDetailsPage-imageHeight\": \"24px\",\n \"--beam-ProductDetailsPage-maxWidth\": \"346px\",\n \"--beam-ProductDetailsPage-paddingTop\": \"8px\",\n \"--beam-ProductDetailsPage-paddingRight\": \"12px\",\n \"--beam-ProductDetailsPage-paddingBottom\": \"8px\",\n \"--beam-ProductDetailsPage-paddingLeft\": \"15px\",\n \"--beam-ProductDetailsPage-InfoContainer-marginLeft\": \"8px\",\n \"--beam-ProductDetailsPage-InfoContainer-textAlign\": \"inherit\",\n \"--beam-ProductDetailsPage-InfoContainer-lineHeight\": \"15px\",\n \"--beam-ProductDetailsPage-InfoContainer-marginTop\": \"4px\",\n \"--beam-ProductDetailsPage-backgroundColor\": \"unset\",\n \"--beam-ProductDetailsPage-TooltipIcon-width\": \"10px\",\n \"--beam-ProductDetailsPage-TooltipIcon-color\": \"inherit\",\n \"--beam-ProductDetailsPage-PPGFDisclosure-backgroundColor\": \"#000000\",\n \"--beam-ProductDetailsPage-PPGFDisclosure-paddingTop\": \"10px\",\n \"--beam-ProductDetailsPage-PPGFDisclosure-paddingRight\": \"8px\",\n \"--beam-ProductDetailsPage-PPGFDisclosure-paddingBottom\": \"10px\",\n \"--beam-ProductDetailsPage-PPGFDisclosure-paddingLeft\": \"8px\",\n \"--beam-ProductDetailsPage-PPGFDisclosureHyperlink-color\": \"#5CA3FF\",\n ...defineCustomText(\"--beam-ProductDetailsPage-title\", {\n fontSize: \"12px\",\n fontWeight: \"bold\",\n }),\n \"--beam-ProductDetailsPage-title-textAlign\": \"left\",\n ...defineCustomText(\"--beam-ProductDetailsPage-description\", {\n marginTop: \"0px\",\n fontSize: \"12px\",\n lineHeight: \"15px\",\n }),\n \"--beam-ProductDetailsPage-description-textAlign\": \"left\",\n ...defineCustomText(\"--beam-ProductDetailsPage-PPGFDisclosureTooltipContent\", {\n fontSize: \"12px\",\n lineHeight: \"16px\",\n color: \"#FFFFFF\",\n }),\n ...defineCustomBorder(\"--beam-ProductDetailsPage\"),\n \"--beam-ProductDetailsPage-close-display\": \"initial\",\n \"--beam-ProductDetailsPage-close-padding\": \"0\",\n \"--beam-ProductDetailsPage-image-placement\": \"inline-left\", // options: \"inline-left\" \|\| \"block-center\"\n \"--beam-ProductDetailsPage-blockImage-alignSelf\": \"center\",\n \"--beam-ProductDetailsPage-promoPill-marginTop\": \"4px\",\n \"--beam-ProductDetailsPage-promoPill-alignSelf\": \"left\",\n \"--beam-ProductDetailsPage-shouldDisplayColon\": \"true\",\n \"--beam-ProductDetailsPage-shouldDisplayPromoPill\": \"true\",\n ...promoPillLabelConfigDefaults,\n };\n const remoteConfig = this.productDetailsPageDataController?.data?.config?.web?.theme \|\| {};\n\n const config = { ...defaults, ...remoteConfig };\n\n const serializable = Object.create({\n toCSS() {\n return _cssVariableMap(this as Record<string, string>);\n },\n });\n\n return Object.assign(serializable, config);\n }\n\n static styles = [\n cssReset,\n cssResponsiveUtils,\n css`\n :host {\n font-family: var(--beam-fontFamily);\n font-style: var(--beam-fontStyle);\n font-size: var(--beam-fontSize);\n background-color: var(--beam-backgroundColor);\n color: var(--beam-textColor);\n max-width: var(--beam-ProductDetailsPage-maxWidth);\n word-break: normal;\n display: block;\n }\n .root {\n padding-top: var(--beam-ProductDetailsPage-paddingTop);\n padding-right: var(--beam-ProductDetailsPage-paddingRight);\n padding-bottom: var(--beam-ProductDetailsPage-paddingBottom);\n padding-left: var(--beam-ProductDetailsPage-paddingLeft);\n width: 100%;\n background-color: var(--beam-ProductDetailsPage-backgroundColor);\n display: flex;\n flex-direction: column;\n ${useCustomBorder(\"--beam-ProductDetailsPage\")}\n }\n / When iconDisplay is inline-center /\n .inline-display {\n display: flex;\n }\n / When iconDisplay is block-center /\n .block-display {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n .promo-container {\n order: 2;\n display: flex;\n margin-top: var(--beam-ProductDetailsPage-promoPill-marginTop);\n align-self: var(--beam-ProductDetailsPage-promoPill-alignSelf);\n }\n .content-inline {\n order: 3;\n display: flex;\n align-items: center;\n }\n / Info block for both inline and block layout */\n .info-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n text-align: var(--beam-ProductDetailsPage-InfoContainer-textAlign);\n line-height: var(--beam-ProductDetailsPage-InfoContainer-lineHeight);\n margin-top: var(--beam-ProductDetailsPage-InfoContainer-marginTop);\n margin-left: var(--beam-ProductDetailsPage-InfoContainer-marginLeft);\n }\n .block-display .info-container {\n order: 3;\n }\n .root.inline-display .icon-container,\n .root.inline-display .info-container {\n display: inline-flex;\n }\n .root.inline-display {\n flex-direction: column;\n }\n .icon-container {\n width: var(--beam-ProductDetailsPage-imageWidth);\n height: var(--beam-ProductDetailsPage-imageHeight);\n align-self: var(--beam-ProductDetailsPage-blockImage-alignSelf);\n flex-shrink: 0;\n }\n .icon-container > img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n .title {\n ${useCustomText(\"--beam-ProductDetailsPage-title\")}\n }\n .title-block {\n text-align: var(--beam-ProductDetailsPage-title-textAlign);\n line-height: var(--beam-ProductDetailsPage-title-lineHeight);\n }\n .info-inline-promo {\n margin-top: var(--beam-ProductDetailsPage-description-marginTop, 0px);\n }\n .description {\n ${useCustomText(\"--beam-ProductDetailsPage-description\")}\n }\n .description-block {\n text-align: var(--beam-ProductDetailsPage-description-textAlign);\n line-height: var(--beam-ProductDetailsPage-description-lineHeight);\n ${useCustomText(\"--beam-ProductDetailsPage-description\")}\n }\n .ppgf-disclosure-tooltip {\n --max-width: 268px;\n }\n .ppgf-disclosure-tooltip::part(body) {\n background-color: var(--beam-ProductDetailsPage-PPGFDisclosure-backgroundColor);\n padding-top: var(--beam-ProductDetailsPage-PPGFDisclosure-paddingTop);\n padding-right: var(--beam-ProductDetailsPage-PPGFDisclosure-paddingRight);\n padding-bottom: var(--beam-ProductDetailsPage-PPGFDisclosure-paddingBottom);\n padding-left: var(--beam-ProductDetailsPage-PPGFDisclosure-paddingLeft);\n }\n .ppgf-disclosure-tooltip::part(base__arrow) {\n background-color: var(--beam-ProductDetailsPage-PPGFDisclosure-backgroundColor);\n }\n .ppgf-disclosure-tooltip-content {\n display: flex;\n flex-direction: column;\n ${useCustomText(\"--beam-ProductDetailsPage-PPGFDisclosureTooltipContent\")}\n }\n .ppgf-disclosure-tooltip-copy > a,\n .ppgf-disclosure-close {\n pointer-events: auto;\n cursor: pointer;\n color: var(--beam-ProductDetailsPage-PPGFDisclosureHyperlink-color);\n }\n .ppgf-disclosure-close {\n display: var(--beam-ProductDetailsPage-close-display);\n padding: var(--beam-ProductDetailsPage-close-padding);\n height: 12px;\n background: none;\n border: none;\n margin-left: auto;\n }\n .ppgf-disclosure-tooltip-copy > a:visited {\n color: var(--beam-ProductDetailsPage-PPGFDisclosureHyperlink-color);\n }\n .ppgf-disclosure-tooltip-trigger {\n position: relative;\n }\n .ppgf-disclosure-tooltip-trigger-mask {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: calc(var(--beam-ProductDetailsPage-TooltipIcon-width) + 20px);\n height: calc(var(--beam-ProductDetailsPage-TooltipIcon-width) + 20px);\n }\n .ppgf-disclosure-tooltip-trigger::part(base) {\n line-height: 1;\n border: none;\n min-height: 0;\n min-width: 0;\n width: auto;\n color: var(--beam-ProductDetailsPage-TooltipIcon-color);\n }\n .ppgf-disclosure-tooltip-trigger::part(label) {\n padding: 0;\n }\n .ppgf-disclosure-tooltip-trigger > svg {\n width: var(--beam-ProductDetailsPage-TooltipIcon-width);\n color: var(--beam-ProductDetailsPage-TooltipIcon-color);\n height: auto;\n }\n `,\n ];\n}\n\ndefineCustomElement(BeamProductDetailsPage);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"beam-product-details-page\": BeamProductDetailsPage;\n }\n}\n"],"names":["defineCustomBorder","namespace","borderRadius","borderStyle","borderColor","borderWidth","prefix","useCustomBorder","unsafeCSS","_info","html","strings","$","s","f","g","e","t","o","i","r","IMAGE_URL_REMOTE_CONFIG_KEY","BeamProductDetailsPage","LitElement","DEFAULT_BASE_URL","createScopedLocalStorage","evt","promoCodesFromPlugin","c","enforceConfig","beamCartId","getBeamCartId","BEAM_CART_COOKIE_NAME","manualPromoCodes","formattedPromos","formatStoreAndReturnPromoCodes","code","shouldSendPromos","isEmptyPromoData","BeamWidgetStoredPromoCodesEvent","WIDGET_NAMES","res","postProductDetailsPage","makeApiKeyHeader","AsyncController","SUPPORTED_LANGUAGES","parseJsonStringArray","cart","getPromoCodesFromCart","response","setPromoCodesInLocalStorage","setPromoCodeInCookie","BeamPromoCodesStoredEvent","changedProperties","requireNewDataProps","prop","data","loading","iconDisplay","isNonZero","value","shouldDisplayPromoPill","isPromoActive","hasValidImageHeight","hasValidTitleFontSize","isPromoPillVisible","shouldShowPunctuation","_errorMessage","imageUrl","shouldDisplayColon","title","localizeUserString","description","closeTimer","ariaTimer","stillHasFocus","onHide","onShow","closeTooltip","skipDelay","keepOpenIfFocused","openTooltip","toggleTooltip","tooltip","onFocusTrigger","onBlurTrigger","onClickTrigger","onMouseoverTooltip","onMouseoutTooltip","onKeydownTooltip","onClickClose","ppgfDisclosure","unsafeHTML","defaults","defineCustomText","promoPillLabelConfigDefaults","remoteConfig","config","_cssVariableMap","cssReset","cssResponsiveUtils","css","useCustomText","__decorateClass","property","state","defineCustomElement"],"mappings":"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"}
1	+ {"version":3,"file":"product-details-page.js","sources":["../../src/shared/fragments/custom-border.ts","../../src/shared/fragments/info.ts","../../src/components/product-details-page/strings.ts","../../src/components/product-details-page/index.ts"],"sourcesContent":["import { CSSResult, unsafeCSS } from \"lit\";\n\nexport const defineCustomBorder = (\n namespace = \"\",\n { borderRadius = \"0px\", borderStyle = \"unset\", borderColor = \"#000000\", borderWidth = \"1px\" } = {}\n): Record<string, string> => {\n const prefix = namespace.startsWith(\"--beam-\") ? namespace : `--beam-${namespace}`;\n return {\n [`${prefix}-borderRadius`]: borderRadius,\n [`${prefix}-borderStyle`]: borderStyle,\n [`${prefix}-borderColor`]: borderColor,\n [`${prefix}-borderWidth`]: borderWidth,\n };\n};\n\nexport const useCustomBorder = (\n namespace = \"\",\n { borderRadius = \"0px\", borderStyle = \"unset\", borderColor = \"#000000\", borderWidth = \"1px\" } = {}\n): CSSResult => {\n const prefix = namespace.startsWith(\"--beam-\") ? namespace : `--beam-${namespace}`;\n return unsafeCSS(`\\\n border-radius: var(${prefix}-borderRadius, ${borderRadius});\n border-style: var(${prefix}-borderStyle, ${borderStyle});\n border-color: var(${prefix}-borderColor, ${borderColor});\n border-width: var(${prefix}-borderWidth, ${borderWidth});\n `);\n};\n","import { html } from \"lit\";\n\nexport const _info = () => html` <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n part=\"svg\"\n>\n <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n <path d=\"M12 16v-4\"></path>\n <path d=\"M12 8h.01\"></path>\n</svg>`;\n","export const strings = {\n en: {\n ctaTitle: () => `Choose Your Impact`,\n ctaMessage: () =>\n `At no extra cost, 1% of every order will be donated to a nonprofit you choose. Add to cart to choose. Powered by Beam`,\n inlineSeparator: () => `:`,\n },\n fr: {\n ctaTitle: () => `Choisissez votre impact`,\n ctaMessage: () =>\n `Sans frais supplémentaires, 1 % de chaque commande est reversé à l'association de votre choix. Ajoutez au panier pour choisir. Propulsé par Beam.`,\n inlineSeparator: () => `:`,\n },\n es: {\n ctaTitle: () => `Elige tu impacto`,\n ctaMessage: () =>\n `Sin coste adicional, el 1 % de cada pedido se dona a la organización sin ánimo de lucro que elijas. Añádelo al carrito para elegir. Impulsado por Beam.`,\n inlineSeparator: () => `:`,\n },\n de: {\n ctaTitle: () => `Wählen Sie Ihren Impact`,\n ctaMessage: () =>\n `Ohne zusätzliche Kosten wird 1 % jeder Bestellung an eine von Ihnen gewählte gemeinnützige Organisation gespendet. Zum Warenkorb hinzufügen, um auszuwählen. Unterstützt von Beam.`,\n inlineSeparator: () => `:`,\n },\n it: {\n ctaTitle: () => `Scegli il tuo impatto`,\n ctaMessage: () =>\n `L'1 % di ogni acquisto viene donato, senza alcun costo aggiuntivo, a un'organizzazione no-profit a tua scelta. Aggiungi al carrello per scegliere. Promosso da Beam.`,\n inlineSeparator: () => `:`,\n },\n pl: {\n ctaTitle: () => `Wybierz swój wpływ`,\n ctaMessage: () =>\n `1 % wartości każdego zamówienia przekazywany jest na wybraną przez Ciebie organizację non-profit – bez dodatkowych kosztów. Dodaj do koszyka, aby wybrać. Obsługiwane przez Beam.`,\n inlineSeparator: () => `:`,\n },\n ja: {\n ctaTitle: () => `寄付先をお選びください。`,\n ctaMessage: () =>\n `追加費用なしで、ご注文金額の1%を非営利団体へ寄付できます。ご希望の場合、カートに追加して寄付内容をお選びください。Powered by Beam`,\n inlineSeparator: () => `:`,\n },\n};\n","import { LitElement, css, html } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { postProductDetailsPage } from \"../../api-sdk/v3/routes\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES, WIDGET_NAMES } from \"../../api-sdk/constants\";\nimport { LANGUAGES, TUrl } from \"../../api-sdk/types\";\nimport { MissingConfig } from \"../../utils/beam-errors\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { cssResponsiveUtils } from \"../../shared/responsive\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { defineCustomBorder, useCustomBorder } from \"../../shared/fragments/custom-border\";\n// shoelace html tag imports\nimport \"../../shared/shoelace-components\";\nimport \"@shoelace-style/shoelace/dist/components/tooltip/tooltip.js\";\nimport \"@shoelace-style/shoelace/dist/components/button/button.js\";\nimport { _info } from \"../../shared/fragments/info\";\nimport { promoPillLabelConfigDefaults } from \"../../shared/components/promo-pill-label\";\nimport {\n getPromoCodesFromCart,\n setPromoCodeInCookie,\n parseJsonStringArray,\n formatStoreAndReturnPromoCodes,\n setPromoCodesInLocalStorage,\n isEmptyPromoData,\n} from \"../../utils/promoManager\";\nimport \"../../shared/components/promo-pill-label\";\nimport { BEAM_CART_COOKIE_NAME, TBeamCartLocalStorage } from \"../../shared/cart-contents\";\nimport { createScopedLocalStorage } from \"../../utils/local-storage\";\nimport { makeApiKeyHeader } from \"../../utils/makeApiKeyHeader\";\nimport { BeamPromoCodesStoredEvent, BeamWidgetStoredPromoCodesEvent } from \"../../utils/events\";\nimport { getBeamCartId } from \"../../utils/cart\";\nimport { strings } from \"./strings\";\n\ntype RequiredConfig = {\n apiKey: string;\n storeId: number;\n};\ntype IAPIV3PostProductDetailsPage = Awaited<ReturnType<typeof postProductDetailsPage>>;\n\nconst IMAGE_URL_REMOTE_CONFIG_KEY = \"--beam-ProductDetailsPage-imageUrl\";\n\nexport class BeamProductDetailsPage extends LitElement {\n static tagName = \"beam-product-details-page\";\n\n @property({ type: String, reflect: true }) public baseUrl: TUrl = DEFAULT_BASE_URL;\n\n @property({ type: String, reflect: false }) apiKey?: RequiredConfig[\"apiKey\"];\n\n @property({ type: Number }) storeId?: number;\n\n @property({ type: String }) public lang: LANGUAGES = \"en\";\n\n @property({ type: Boolean }) public draftConfig = false;\n\n @property({ type: Boolean }) public debug = false;\n\n @property({ type: String }) remoteProductIdentifier?: string;\n\n @property({ type: String }) public promoCodes?: string;\n\n @property({ type: String }) public domain?: string;\n\n private localStorage = createScopedLocalStorage(this as LitElement & RequiredConfig);\n\n @state() private pluginPromoCodes: string[] = [];\n\n get configLang() {\n return SUPPORTED_LANGUAGES[this.lang] \|\| \"en\";\n }\n\n get parsedPromoCodes(): string[] {\n return parseJsonStringArray(this.promoCodes);\n }\n\n private handlePromoCodesStored = (evt: BeamPromoCodesStoredEvent) => {\n const promoCodesFromPlugin = (evt.detail.promoCodes?.unvalidatedPromoCodes ?? [])\n .map((c) => c.attributes?.value ?? c.attributes?.url ?? \"\")\n .sort();\n this.pluginPromoCodes = promoCodesFromPlugin;\n };\n\n private getManualPromoCodes(): string[] {\n // Priority 1: Widget passed discount codes\n if (this.parsedPromoCodes && this.parsedPromoCodes.length > 0) {\n return this.parsedPromoCodes;\n }\n\n // Priority 2: Cart fallback\n const cart = this.localStorage.getItemJson<TBeamCartLocalStorage>(\"cart\");\n return cart ? getPromoCodesFromCart(cart) : [];\n }\n\n private async handleValidatedPromoCodes(response: IAPIV3PostProductDetailsPage) {\n if (response.promos?.validatedPromoCodes) {\n await Promise.all([\n setPromoCodesInLocalStorage({\n apiKey: this.apiKey,\n promoCodes: { validatedPromoCodes: response.promos.validatedPromoCodes, unvalidatedPromoCodes: [] },\n }),\n setPromoCodeInCookie({\n validatedPromoCodes: response.promos.validatedPromoCodes,\n domain: this.domain,\n }),\n ]);\n this.dispatchEvent(\n new BeamWidgetStoredPromoCodesEvent({\n source: WIDGET_NAMES.product_details_page,\n })\n );\n }\n }\n\n async firstUpdated() {\n window.addEventListener(BeamPromoCodesStoredEvent.eventName, this.handlePromoCodesStored as EventListener);\n }\n\n disconnectedCallback() {\n window.removeEventListener(BeamPromoCodesStoredEvent.eventName, this.handlePromoCodesStored as EventListener);\n super.disconnectedCallback();\n }\n\n postProductDetailsPageData = async () => {\n if (!enforceConfig<RequiredConfig>([\"apiKey\", \"storeId\"], this)) throw new MissingConfig();\n const beamCartId = getBeamCartId(BEAM_CART_COOKIE_NAME, { apiKey: this.apiKey });\n\n const manualPromoCodes = this.getManualPromoCodes();\n const formattedPromos = formatStoreAndReturnPromoCodes(\n manualPromoCodes.map((code) => ({ value: code })),\n this.apiKey\n );\n const shouldSendPromos = formattedPromos && !isEmptyPromoData(formattedPromos);\n\n if (shouldSendPromos) {\n this.dispatchEvent(\n new BeamWidgetStoredPromoCodesEvent({\n source: WIDGET_NAMES.product_details_page,\n })\n );\n }\n const res = await postProductDetailsPage({\n baseUrl: this.baseUrl,\n headers: makeApiKeyHeader(this.apiKey),\n queryParams: {\n version: \"1.0.0\",\n lang: this.configLang,\n storeId: this.storeId,\n widgetName: WIDGET_NAMES.product_details_page,\n draftConfig: this.draftConfig,\n remoteProductIdentifier: this.remoteProductIdentifier,\n },\n requestBody: {\n ...(shouldSendPromos && { promos: formattedPromos }),\n beamCartId: beamCartId ? beamCartId : undefined,\n },\n });\n this.handleValidatedPromoCodes(res);\n return res;\n };\n\n private productDetailsPageDataController = new AsyncController<typeof this.postProductDetailsPageData>(\n this,\n this.postProductDetailsPageData\n );\n\n async updated(changedProperties: Map<string, unknown>) {\n const requireNewDataProps = [\"storeId\", \"baseUrl\", \"lang\", \"apiKey\", \"pluginPromoCodes\", \"promoCodes\"];\n void this.pluginPromoCodes;\n for (const prop of requireNewDataProps) {\n if (changedProperties.has(prop)) {\n await this.productDetailsPageDataController.exec();\n break;\n }\n }\n }\n\n render() {\n const { data, loading } = this.productDetailsPageDataController;\n const iconDisplay = this.cssVariables[\"--beam-ProductDetailsPage-image-placement\"];\n const isNonZero = (value: string) => value !== \"0px\" && value !== \"0\";\n const shouldDisplayPromoPill = this.cssVariables[\"--beam-ProductDetailsPage-shouldDisplayPromoPill\"] === \"true\";\n const isPromoActive = !!data?.config?.web?.promo;\n const hasValidImageHeight = isNonZero(this.cssVariables[\"--beam-ProductDetailsPage-imageHeight\"]);\n const hasValidTitleFontSize = isNonZero(this.cssVariables[\"--beam-ProductDetailsPage-title-fontSize\"]);\n const isPromoPillVisible =\n shouldDisplayPromoPill && // Determines if the promo pill is enabled for the marketing version of the PDP\n isPromoActive && // Is promo currently active\n hasValidImageHeight && // Ensures the promo pill is not displayed for the subtext version of the PDP\n hasValidTitleFontSize; // Ensures the promo pill is not displayed for the subtext version of the PDP\n const shouldShowPunctuation = this.cssVariables[\"--beam-ProductDetailsPage-shouldDisplayColon\"] === \"true\"; // Determines if a colon should be displayed in promo display\n\n if (loading) {\n return html``;\n }\n if (data == null) {\n if (this.debug) {\n return _errorMessage({ error: new Error(\"No data\") });\n }\n return \"\";\n }\n return html`\n <style>\n :host {\n ${this.cssVariables.toCSS()}\n }\n </style>\n <div\n class=\"root ${iconDisplay === \"block-center\" ? \"block-display\" : \"inline-display\"}\"\n aria-label=\"product detail page Beam component\"\n >\n ${iconDisplay === \"block-center\"\n ? html`\n ${this.renderWidgetIcon(iconDisplay)}\n ${isPromoPillVisible\n ? html`\n <div class=\"promo-container\">\n <beam-promo-info-pill .promo=${data?.config?.web?.promo}></beam-promo-info-pill>\n </div>\n `\n : html``}\n <div class=\"info-container\">${this.renderContent(isPromoPillVisible, shouldShowPunctuation, data)}</div>\n `\n : html`\n ${isPromoPillVisible\n ? html`\n <div class=\"promo-container\">\n <beam-promo-info-pill .promo=${data?.config?.web?.promo}></beam-promo-info-pill>\n </div>\n `\n : html``}\n <div class=\"content-inline\">\n ${this.renderWidgetIcon(iconDisplay)}\n <div class=\"info-container\">${this.renderContent(isPromoPillVisible, shouldShowPunctuation, data)}</div>\n </div>\n `}\n </div>\n `;\n }\n\n renderWidgetIcon(iconDisplay: string) {\n const imageUrl = this.cssVariables[IMAGE_URL_REMOTE_CONFIG_KEY];\n\n if (!imageUrl) return html``;\n\n const isBlockDisplay = iconDisplay === \"block-center\";\n const containerStyle = isBlockDisplay ? 'style=\"order:1\"' : \"\";\n\n return html`\n <span class=\"icon-container\" part=\"icon\" ${containerStyle}>\n <img src=${imageUrl} part=\"icon\" aria-hidden=\"true\" alt=\"\" />\n </span>\n `;\n }\n\n renderContent(isPromoPillVisible: boolean, shouldDisplayColon: boolean, data: IAPIV3PostProductDetailsPage) {\n const title = localizeUserString(this.configLang, data?.config?.web?.title) \|\| strings[this.configLang].ctaTitle();\n const description =\n localizeUserString(this.configLang, data?.config?.web?.description) \|\| strings[this.configLang].ctaMessage();\n return isPromoPillVisible\n ? html`\n <div class=\"info-inline-promo\">\n <span class=\"title\">${title + (shouldDisplayColon ? strings[this.configLang].inlineSeparator() : \"\")}</span>\n <span class=\"description\"> <span>${description}</span> ${this.renderDisclosureTooltip()} </span>\n </div>\n `\n : html`\n <div class=\"title-block\">\n <h3 class=\"title\">${title}</h3>\n </div>\n <div class=\"description-block\">\n <span class=\"description\"> <span>${description}</span> ${this.renderDisclosureTooltip()} </span>\n </div>\n `;\n }\n\n renderCloseTooltipIcon() {\n return html`<svg\n aria-hidden=\"true\"\n width=\"11\"\n height=\"11\"\n viewBox=\"0 0 11 11\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M5.40836 5.40811L1.48828 1.48804M5.40836 5.40811L9.32843 9.32819M5.40836 5.40811L9.32843 1.48804M5.40836 5.40811L1.48828 9.32819\"\n stroke=\"white\"\n stroke-width=\"1.56803\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg> `;\n }\n\n /* PayPal Giving Fund Disclosure /\n renderDisclosureTooltip() {\n let closeTimer: number \| undefined;\n let ariaTimer: number \| undefined;\n\n // Does the PDP module still have the focusElement of the page?\n const stillHasFocus = () => {\n return document.activeElement?.tagName.toLowerCase() === this.tagName.toLowerCase();\n };\n\n const onHide = () => {\n // Even after animation is done, we need to give the browser a moment\n // to move focus to another element before setting aria-hidden\n clearTimeout(ariaTimer);\n ariaTimer = setTimeout(() => {\n this.renderRoot.querySelector(\".ppgf-disclosure-tooltip-content\")?.setAttribute(\"aria-hidden\", \"true\");\n }, 50);\n };\n\n const onShow = () => {\n clearTimeout(ariaTimer);\n this.renderRoot.querySelector(\".ppgf-disclosure-tooltip-content\")?.setAttribute(\"aria-hidden\", \"false\");\n };\n\n // Close the tooltip\n const closeTooltip = ({\n skipDelay = false,\n keepOpenIfFocused = false,\n }: {\n skipDelay?: boolean;\n keepOpenIfFocused?: boolean;\n }) => {\n clearTimeout(closeTimer);\n closeTimer = setTimeout(\n () => {\n // if focus is still on this module, don't close anything\n if (keepOpenIfFocused && stillHasFocus()) {\n return;\n }\n (this.renderRoot.querySelector(\".ppgf-disclosure-tooltip\") as any)?.hide();\n },\n skipDelay ? 0 : 300\n );\n };\n\n // Open the tooltip; resets the timeout for closing if one exists so we don't\n // close it again\n const openTooltip = () => {\n clearTimeout(closeTimer);\n (this.renderRoot.querySelector(\".ppgf-disclosure-tooltip\") as any)?.show();\n };\n\n // Toggle the tooltip\n const toggleTooltip = ({\n skipDelay = false,\n keepOpenIfFocused = false,\n }: {\n skipDelay?: boolean;\n keepOpenIfFocused?: boolean;\n }) => {\n const tooltip = this.renderRoot.querySelector(\".ppgf-disclosure-tooltip\") as any;\n if (tooltip) {\n if (tooltip.open) {\n closeTooltip({\n skipDelay,\n keepOpenIfFocused,\n });\n } else {\n openTooltip();\n }\n }\n };\n\n // Focus will go to \"<sl-tooltip>\" element first, triggering the tooltip to open\n const onFocusTrigger = () => {\n openTooltip();\n };\n\n // Blur on the trigger checks if focus is still on the PDP module before closing the tooltip\n const onBlurTrigger = () => {\n closeTooltip({\n skipDelay: false,\n keepOpenIfFocused: true,\n });\n };\n\n // If the icon is clicked, force open the tooltip (for mobile)\n const onClickTrigger = () => {\n openTooltip();\n };\n\n // Mouseover on the icon should open the tooltip every time\n const onMouseoverTooltip = () => {\n openTooltip();\n };\n\n // Mouseout of the icon should check if we came back within 100ms\n const onMouseoutTooltip = () => {\n closeTooltip({\n skipDelay: false,\n keepOpenIfFocused: false,\n });\n };\n\n // This is needed to close the tooltip if the focus goes from the tooltip content\n // to something outside the page\n const onKeydownTooltip = (evt: KeyboardEvent) => {\n // Check for Enter (key 13) or Space (key 32) which toggles the tooltip visibility immediately\n if (evt.key === \"Enter\" \|\| evt.key === \" \") {\n toggleTooltip({\n skipDelay: true,\n keepOpenIfFocused: false,\n });\n return;\n }\n\n // If we tab out of the PDP tooltip, allow the tooltip to close itself\n closeTooltip({\n skipDelay: true,\n keepOpenIfFocused: true,\n });\n };\n\n // If the X is clicked, force close the tooltip\n const onClickClose = () => {\n closeTooltip({\n skipDelay: true,\n keepOpenIfFocused: false,\n });\n };\n\n const ppgfDisclosure = this.productDetailsPageDataController.data?.ppgfDisclosure;\n return ppgfDisclosure\n ? html`<sl-tooltip\n class=\"ppgf-disclosure-tooltip\"\n part=\"tooltip\"\n trigger=\"manual\"\n tabindex=\"0\"\n @mouseenter=\"${onMouseoverTooltip}\"\n @mouseleave=\"${onMouseoutTooltip}\"\n @keydown=\"${onKeydownTooltip}\"\n @sl-after-hide=\"${onHide}\"\n @sl-after-show=\"${onShow}\"\n >\n <div\n class=\"ppgf-disclosure-tooltip-content\"\n id=\"BeamPPGFDisclosure\"\n slot=\"content\"\n part=\"tooltip-content\"\n aria-hidden=\"true\"\n >\n <button\n class=\"ppgf-disclosure-close\"\n role=\"button\"\n aria-label=\"Close tooltip\"\n part=\"tooltip-close-button\"\n @click=\"${onClickClose}\"\n >\n ${this.renderCloseTooltipIcon()}\n </button>\n <div class=\"ppgf-disclosure-tooltip-copy\" part=\"tooltip-disclosure-copy\">\n ${unsafeHTML(ppgfDisclosure.copy)}\n </div>\n </div>\n <span\n class=\"ppgf-disclosure-tooltip-trigger\"\n part=\"tooltip-disclosure-icon\"\n aria-label=\"More Information\"\n role=\"button\"\n tabindex=\"0\"\n @focus=\"${onFocusTrigger}\"\n @blur=\"${onBlurTrigger}\"\n @click=\"${onClickTrigger}\"\n >\n <div class=\"ppgf-disclosure-tooltip-trigger-mask d-lg-none\"></div>\n <sl-button\n variant=\"text\"\n size=\"small\"\n class=\"ppgf-disclosure-tooltip-trigger\"\n part=\"tooltip-disclosure-button\"\n aria-hidden=\"true\"\n tabindex=\"-1\"\n circle\n >\n ${_info()}\n </sl-button>\n </span>\n </sl-tooltip>`\n : html``;\n }\n / End PayPal Giving Fund Disclosure /\n\n public get cssVariables() {\n const defaults = {\n \"--beam-ProductDetailsPage-imageWidth\": \"24px\",\n \"--beam-ProductDetailsPage-imageHeight\": \"24px\",\n \"--beam-ProductDetailsPage-maxWidth\": \"346px\",\n \"--beam-ProductDetailsPage-paddingTop\": \"8px\",\n \"--beam-ProductDetailsPage-paddingRight\": \"12px\",\n \"--beam-ProductDetailsPage-paddingBottom\": \"8px\",\n \"--beam-ProductDetailsPage-paddingLeft\": \"15px\",\n \"--beam-ProductDetailsPage-InfoContainer-marginLeft\": \"8px\",\n \"--beam-ProductDetailsPage-InfoContainer-textAlign\": \"inherit\",\n \"--beam-ProductDetailsPage-InfoContainer-lineHeight\": \"15px\",\n \"--beam-ProductDetailsPage-InfoContainer-marginTop\": \"4px\",\n \"--beam-ProductDetailsPage-backgroundColor\": \"unset\",\n \"--beam-ProductDetailsPage-TooltipIcon-width\": \"10px\",\n \"--beam-ProductDetailsPage-TooltipIcon-color\": \"inherit\",\n \"--beam-ProductDetailsPage-PPGFDisclosure-backgroundColor\": \"#000000\",\n \"--beam-ProductDetailsPage-PPGFDisclosure-paddingTop\": \"10px\",\n \"--beam-ProductDetailsPage-PPGFDisclosure-paddingRight\": \"8px\",\n \"--beam-ProductDetailsPage-PPGFDisclosure-paddingBottom\": \"10px\",\n \"--beam-ProductDetailsPage-PPGFDisclosure-paddingLeft\": \"8px\",\n \"--beam-ProductDetailsPage-PPGFDisclosureHyperlink-color\": \"#5CA3FF\",\n ...defineCustomText(\"--beam-ProductDetailsPage-title\", {\n fontSize: \"12px\",\n fontWeight: \"bold\",\n }),\n \"--beam-ProductDetailsPage-title-textAlign\": \"left\",\n ...defineCustomText(\"--beam-ProductDetailsPage-description\", {\n marginTop: \"0px\",\n fontSize: \"12px\",\n lineHeight: \"15px\",\n }),\n \"--beam-ProductDetailsPage-description-textAlign\": \"left\",\n ...defineCustomText(\"--beam-ProductDetailsPage-PPGFDisclosureTooltipContent\", {\n fontSize: \"12px\",\n lineHeight: \"16px\",\n color: \"#FFFFFF\",\n }),\n ...defineCustomBorder(\"--beam-ProductDetailsPage\"),\n \"--beam-ProductDetailsPage-close-display\": \"initial\",\n \"--beam-ProductDetailsPage-close-padding\": \"0\",\n \"--beam-ProductDetailsPage-image-placement\": \"inline-left\", // options: \"inline-left\" \|\| \"block-center\"\n \"--beam-ProductDetailsPage-blockImage-alignSelf\": \"center\",\n \"--beam-ProductDetailsPage-promoPill-marginTop\": \"4px\",\n \"--beam-ProductDetailsPage-promoPill-alignSelf\": \"left\",\n \"--beam-ProductDetailsPage-shouldDisplayColon\": \"true\",\n \"--beam-ProductDetailsPage-shouldDisplayPromoPill\": \"true\",\n ...promoPillLabelConfigDefaults,\n };\n const remoteConfig = this.productDetailsPageDataController?.data?.config?.web?.theme \|\| {};\n\n const config = { ...defaults, ...remoteConfig };\n\n const serializable = Object.create({\n toCSS() {\n return _cssVariableMap(this as Record<string, string>);\n },\n });\n\n return Object.assign(serializable, config);\n }\n\n static styles = [\n cssReset,\n cssResponsiveUtils,\n css`\n :host {\n font-family: var(--beam-fontFamily);\n font-style: var(--beam-fontStyle);\n font-size: var(--beam-fontSize);\n background-color: var(--beam-backgroundColor);\n color: var(--beam-textColor);\n max-width: var(--beam-ProductDetailsPage-maxWidth);\n word-break: normal;\n display: block;\n }\n .root {\n padding-top: var(--beam-ProductDetailsPage-paddingTop);\n padding-right: var(--beam-ProductDetailsPage-paddingRight);\n padding-bottom: var(--beam-ProductDetailsPage-paddingBottom);\n padding-left: var(--beam-ProductDetailsPage-paddingLeft);\n width: 100%;\n background-color: var(--beam-ProductDetailsPage-backgroundColor);\n display: flex;\n flex-direction: column;\n ${useCustomBorder(\"--beam-ProductDetailsPage\")}\n }\n / When iconDisplay is inline-center /\n .inline-display {\n display: flex;\n }\n / When iconDisplay is block-center /\n .block-display {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n .promo-container {\n order: 2;\n display: flex;\n margin-top: var(--beam-ProductDetailsPage-promoPill-marginTop);\n align-self: var(--beam-ProductDetailsPage-promoPill-alignSelf);\n }\n .content-inline {\n order: 3;\n display: flex;\n align-items: center;\n }\n / Info block for both inline and block layout */\n .info-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n text-align: var(--beam-ProductDetailsPage-InfoContainer-textAlign);\n line-height: var(--beam-ProductDetailsPage-InfoContainer-lineHeight);\n margin-top: var(--beam-ProductDetailsPage-InfoContainer-marginTop);\n margin-left: var(--beam-ProductDetailsPage-InfoContainer-marginLeft);\n }\n .block-display .info-container {\n order: 3;\n }\n .root.inline-display .icon-container,\n .root.inline-display .info-container {\n display: inline-flex;\n }\n .root.inline-display {\n flex-direction: column;\n }\n .icon-container {\n width: var(--beam-ProductDetailsPage-imageWidth);\n height: var(--beam-ProductDetailsPage-imageHeight);\n align-self: var(--beam-ProductDetailsPage-blockImage-alignSelf);\n flex-shrink: 0;\n }\n .icon-container > img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n .title {\n ${useCustomText(\"--beam-ProductDetailsPage-title\")}\n }\n .title-block {\n text-align: var(--beam-ProductDetailsPage-title-textAlign);\n line-height: var(--beam-ProductDetailsPage-title-lineHeight);\n }\n .info-inline-promo {\n margin-top: var(--beam-ProductDetailsPage-description-marginTop, 0px);\n }\n .description {\n ${useCustomText(\"--beam-ProductDetailsPage-description\")}\n }\n .description-block {\n text-align: var(--beam-ProductDetailsPage-description-textAlign);\n line-height: var(--beam-ProductDetailsPage-description-lineHeight);\n ${useCustomText(\"--beam-ProductDetailsPage-description\")}\n }\n .ppgf-disclosure-tooltip {\n --max-width: 268px;\n }\n .ppgf-disclosure-tooltip::part(body) {\n background-color: var(--beam-ProductDetailsPage-PPGFDisclosure-backgroundColor);\n padding-top: var(--beam-ProductDetailsPage-PPGFDisclosure-paddingTop);\n padding-right: var(--beam-ProductDetailsPage-PPGFDisclosure-paddingRight);\n padding-bottom: var(--beam-ProductDetailsPage-PPGFDisclosure-paddingBottom);\n padding-left: var(--beam-ProductDetailsPage-PPGFDisclosure-paddingLeft);\n }\n .ppgf-disclosure-tooltip::part(base__arrow) {\n background-color: var(--beam-ProductDetailsPage-PPGFDisclosure-backgroundColor);\n }\n .ppgf-disclosure-tooltip-content {\n display: flex;\n flex-direction: column;\n ${useCustomText(\"--beam-ProductDetailsPage-PPGFDisclosureTooltipContent\")}\n }\n .ppgf-disclosure-tooltip-copy > a,\n .ppgf-disclosure-close {\n pointer-events: auto;\n cursor: pointer;\n color: var(--beam-ProductDetailsPage-PPGFDisclosureHyperlink-color);\n }\n .ppgf-disclosure-close {\n display: var(--beam-ProductDetailsPage-close-display);\n padding: var(--beam-ProductDetailsPage-close-padding);\n height: 12px;\n background: none;\n border: none;\n margin-left: auto;\n }\n .ppgf-disclosure-tooltip-copy > a:visited {\n color: var(--beam-ProductDetailsPage-PPGFDisclosureHyperlink-color);\n }\n .ppgf-disclosure-tooltip-trigger {\n position: relative;\n }\n .ppgf-disclosure-tooltip-trigger-mask {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: calc(var(--beam-ProductDetailsPage-TooltipIcon-width) + 20px);\n height: calc(var(--beam-ProductDetailsPage-TooltipIcon-width) + 20px);\n }\n .ppgf-disclosure-tooltip-trigger::part(base) {\n line-height: 1;\n border: none;\n min-height: 0;\n min-width: 0;\n width: auto;\n color: var(--beam-ProductDetailsPage-TooltipIcon-color);\n }\n .ppgf-disclosure-tooltip-trigger::part(label) {\n padding: 0;\n }\n .ppgf-disclosure-tooltip-trigger > svg {\n width: var(--beam-ProductDetailsPage-TooltipIcon-width);\n color: var(--beam-ProductDetailsPage-TooltipIcon-color);\n height: auto;\n }\n `,\n ];\n}\n\ndefineCustomElement(BeamProductDetailsPage);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"beam-product-details-page\": BeamProductDetailsPage;\n }\n}\n"],"names":["defineCustomBorder","namespace","borderRadius","borderStyle","borderColor","borderWidth","prefix","useCustomBorder","unsafeCSS","_info","html","strings","$","s","f","g","e","t","o","i","r","IMAGE_URL_REMOTE_CONFIG_KEY","BeamProductDetailsPage","LitElement","DEFAULT_BASE_URL","createScopedLocalStorage","evt","promoCodesFromPlugin","c","enforceConfig","beamCartId","getBeamCartId","BEAM_CART_COOKIE_NAME","manualPromoCodes","formattedPromos","formatStoreAndReturnPromoCodes","code","shouldSendPromos","isEmptyPromoData","BeamWidgetStoredPromoCodesEvent","WIDGET_NAMES","res","postProductDetailsPage","makeApiKeyHeader","AsyncController","SUPPORTED_LANGUAGES","parseJsonStringArray","cart","getPromoCodesFromCart","response","setPromoCodesInLocalStorage","setPromoCodeInCookie","BeamPromoCodesStoredEvent","changedProperties","requireNewDataProps","prop","data","loading","iconDisplay","isNonZero","value","shouldDisplayPromoPill","isPromoActive","hasValidImageHeight","hasValidTitleFontSize","isPromoPillVisible","shouldShowPunctuation","_errorMessage","imageUrl","shouldDisplayColon","title","localizeUserString","description","closeTimer","ariaTimer","stillHasFocus","onHide","onShow","closeTooltip","skipDelay","keepOpenIfFocused","openTooltip","toggleTooltip","tooltip","onFocusTrigger","onBlurTrigger","onClickTrigger","onMouseoverTooltip","onMouseoutTooltip","onKeydownTooltip","onClickClose","ppgfDisclosure","unsafeHTML","defaults","defineCustomText","promoPillLabelConfigDefaults","remoteConfig","config","_cssVariableMap","cssReset","cssResponsiveUtils","css","useCustomText","__decorateClass","property","state","defineCustomElement"],"mappings":"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"}

package/dist/components/redeem-transaction.d.ts CHANGED Viewed

@@ -73,7 +73,7 @@ declare class BeamRedeemTransaction extends LitElement {
     private renderProgressBar;
     private renderNonprofitDetails;
     private renderPromoPill;
-    protected render(): lit_html.TemplateResult<1> | "";
+    protected render(): "" | lit_html.TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/redeem-transaction.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import"../chunks/lit-WqMxC_PA.esm.js";import"../chunks/lodash-D3TLHRR_.esm.js";import"../chunks/localize-Btu9xYcE.esm.js";import"../chunks/routes-BtEAhOXV.esm.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"../chunks/promo-pill-label-CbW_Vcru.esm.js";import"./beam-partner-logos.esm.js";import"../chunks/enforce-config-CZ3ToOgr.esm.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/local-storage.esm.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import{B as g}from"../chunks/index-k9T7h7n_.esm.js";import"../chunks/events-Dki0ka4F.esm.js";import"../utils/logger.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";export{g as BeamRedeemTransaction};
+import"../chunks/lit-WqMxC_PA.esm.js";import"../chunks/lodash-D3TLHRR_.esm.js";import"../chunks/localize-Btu9xYcE.esm.js";import"../chunks/routes-D0_9umO_.esm.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"../chunks/promo-pill-label-YOC47M3t.esm.js";import"./beam-partner-logos.esm.js";import"../chunks/enforce-config-CZ3ToOgr.esm.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/local-storage.esm.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import{B as h}from"../chunks/index-IAa5EO-6.esm.js";import"../chunks/events-Dki0ka4F.esm.js";import"../utils/logger.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../chunks/_share-dialog-dependencies-o8GVV6gC.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";export{h as BeamRedeemTransaction};
 //# sourceMappingURL=redeem-transaction.esm.js.map

package/dist/components/redeem-transaction.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import"../chunks/lit-WqMxC_PA.esm.js";import"../chunks/lodash-D3TLHRR_.esm.js";import"../chunks/localize-C25pEGnx.esm.js";import"../chunks/routes-OtiD6IL1.esm.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"../chunks/promo-pill-label-CbW_Vcru.esm.js";import"./beam-partner-logos.js";import"../chunks/enforce-config-Ba1JkOHs.esm.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/local-storage.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import{B as g}from"../chunks/index-5_TLIcA8.esm.js";import"../chunks/events-Dki0ka4F.esm.js";import"../utils/logger.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";export{g as BeamRedeemTransaction};
+import"../chunks/lit-WqMxC_PA.esm.js";import"../chunks/lodash-D3TLHRR_.esm.js";import"../chunks/localize-C25pEGnx.esm.js";import"../chunks/routes-BGx3ADhY.esm.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"../chunks/promo-pill-label-BESRGLn7.esm.js";import"./beam-partner-logos.js";import"../chunks/enforce-config-Ba1JkOHs.esm.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/local-storage.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import{B as h}from"../chunks/index-BWtaQiQa.esm.js";import"../chunks/events-Dki0ka4F.esm.js";import"../utils/logger.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../chunks/_share-dialog-dependencies-BVseSHLF.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";export{h as BeamRedeemTransaction};
 //# sourceMappingURL=redeem-transaction.js.map

package/dist/components/select-nonprofit.d.ts CHANGED Viewed

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

package/dist/components/select-nonprofit.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{h as $,f as L,y as d,g as f,t as z,q as v,u as J,m as D,k as G}from"../chunks/lit-WqMxC_PA.esm.js";import{i as Q,d as X}from"../chunks/lodash-D3TLHRR_.esm.js";import{u as S,A,d as h,a as Y,_ as B,i as m}from"../chunks/localize-Btu9xYcE.esm.js";import{D as Z,W as C,d as ee,h as te,S as oe}from"../chunks/routes-BtEAhOXV.esm.js";import{p as ie}from"../chunks/progress-bar-DF7UuuHb.esm.js";import{p as ne}from"../chunks/promo-pill-label-CbW_Vcru.esm.js";import{c as ae,d as re,e as P}from"../chunks/enforce-config-CZ3ToOgr.esm.js";import{_ as se}from"../chunks/loading-template-DG4lkIIc.esm.js";import{f as M,c as I,k as le,i as k,j as ce,g as T,a as F}from"../chunks/events-Dki0ka4F.esm.js";import{logger as pe}from"../utils/logger.esm.js";import{createScopedLocalStorage as de}from"../utils/local-storage.esm.js";import{formatStoreAndReturnPromoCodes as fe,isEmptyPromoData as me,parseJsonStringArray as ge,getPromoCodesFromCart as ue,setPromoCodesInLocalStorage as he,setPromoCodeInCookie as be}from"../utils/promoManager.esm.js";import{c as Se}from"../chunks/responsive-BR8qUfBa.esm.js";import{B as K}from"../chunks/cart-contents-DkoytiZh.esm.js";import{getBeamCartId as W,getExternalCartId as _}from"../utils/cart.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"../utils/cookies.esm.js";class Ne extends ${static get styles(){return L`
+import{h as $,f as L,y as d,g as f,t as z,q as v,u as J,m as D,k as G}from"../chunks/lit-WqMxC_PA.esm.js";import{i as Q,d as X}from"../chunks/lodash-D3TLHRR_.esm.js";import{u as S,A,d as h,a as Y,_ as B,i as m}from"../chunks/localize-Btu9xYcE.esm.js";import{D as Z,W as C,d as ee,h as te,S as oe}from"../chunks/routes-D0_9umO_.esm.js";import{p as ie}from"../chunks/progress-bar-DF7UuuHb.esm.js";import{p as ne}from"../chunks/promo-pill-label-YOC47M3t.esm.js";import{c as ae,d as re,e as P}from"../chunks/enforce-config-CZ3ToOgr.esm.js";import{_ as se}from"../chunks/loading-template-DG4lkIIc.esm.js";import{f as M,c as I,k as le,i as k,j as ce,g as T,a as F}from"../chunks/events-Dki0ka4F.esm.js";import{logger as pe}from"../utils/logger.esm.js";import{createScopedLocalStorage as de}from"../utils/local-storage.esm.js";import{formatStoreAndReturnPromoCodes as fe,isEmptyPromoData as me,parseJsonStringArray as ge,getPromoCodesFromCart as ue,setPromoCodesInLocalStorage as he,setPromoCodeInCookie as be}from"../utils/promoManager.esm.js";import{c as Se}from"../chunks/responsive-BR8qUfBa.esm.js";import{B as K}from"../chunks/cart-contents-DkoytiZh.esm.js";import{getBeamCartId as W,getExternalCartId as _}from"../utils/cart.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../chunks/_share-dialog-dependencies-o8GVV6gC.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"../utils/cookies.esm.js";class Ne extends ${static get styles(){return L`
       :host {
       }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"select-nonprofit.esm.js","sources":["../../src/shared/components/notification-blip.ts","../../src/components/select-nonprofit/strings.ts","../../src/components/select-nonprofit/index.ts"],"sourcesContent":["import { LitElement, html, css } from \"lit\";\n\nclass BeamNotificationBlip extends LitElement {\n static get styles() {\n return css`\n :host {\n }\n\n .notification-blip {\n background-color: var(--beam-notificationBlip-color-background, #000);\n border-radius: 50%;\n width: 12px;\n height: 12px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 12px;\n }\n `;\n }\n\n render() {\n return html`<div\n class=\"notification-blip-container\"\n part=\"notification-blip-container\"\n aria-label=\"Notification Blip\"\n >\n <span class=\"notification-blip\" part=\"notification-blip\" role=\"button\" tabindex=\"0\" aria-hidden=\"true\"></span>\n </div>`;\n }\n}\n\ncustomElements.get(\"beam-notification-blip\") \|\| customElements.define(\"beam-notification-blip\", BeamNotificationBlip);\n\nexport const notificationBlipConfigDefaults = {\n \"--beam-notificationBlip-color-background\": \"#000\",\n} as const;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"beam-notification-blip\": BeamNotificationBlip;\n }\n}\n","export const strings = {\n en: {\n beamAttribution: () => `Powered by Beam`,\n ctaTitle: () => `Choose your impact`,\n ctaPromoPrefixMessage: () => `At no extra cost,`,\n ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n `select a nonprofit and ${donationPercentage}% will be donated for you.`,\n ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n `At no extra cost, select a nonprofit and ${donationPercentage}% will be donated for you.`,\n inlineSeparator: () => `: `,\n },\n fr: {\n beamAttribution: () => `Optimisé par Beam`,\n ctaTitle: () => `Choisissez votre cause`,\n ctaPromoPrefixMessage: () => `Sans frais supplémentaires,`,\n ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n `sélectionnez une association et ${donationPercentage} % sera reversé en votre nom.`,\n ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n `Sans frais supplémentaires, choisissez une association et ${donationPercentage} % de votre commande sera reversé en votre nom.`,\n inlineSeparator: () => ` : `,\n },\n de: {\n beamAttribution: () => `Unterstützt von Beam`,\n ctaTitle: () => `Wähle deine Wirkung`,\n ctaPromoPrefixMessage: () => `Ohne zusätzliche Kosten,`,\n ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n `wähle eine Organisation und ${donationPercentage}% deines Einkaufs werden gespendet.`,\n ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n `Ohne zusätzliche Kosten kannst du eine gemeinnützige Organisation auswählen und ${donationPercentage}% deiner Bestellung werden gespendet.`,\n inlineSeparator: () => `: `,\n },\n es: {\n beamAttribution: () => `Ofrecido por Beam`,\n ctaTitle: () => `Elige tu impacto`,\n ctaPromoPrefixMessage: () => `Sin coste adicional,`,\n ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n `elige una organización y donaremos el ${donationPercentage}% en tu nombre.`,\n ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n `Sin coste adicional, elige una organización sin fines de lucro y donaremos el ${donationPercentage}% de tu compra en tu nombre.`,\n inlineSeparator: () => `: `,\n },\n it: {\n beamAttribution: () => `Gestito da Beam`,\n ctaTitle: () => `Scegli il tuo impatto`,\n ctaPromoPrefixMessage: () => `Senza costi aggiuntivi,`,\n ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n `scegli un'organizzazione e doneremo l’${donationPercentage}% per te.`,\n ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n `Senza costi aggiuntivi, seleziona un'organizzazione no-profit e doneremo l’${donationPercentage}% del tuo acquisto per te.`,\n inlineSeparator: () => `: `,\n },\n pl: {\n beamAttribution: () => `Obsługiwane przez Beam`,\n ctaTitle: () => `Wybierz swój wpływ`,\n ctaPromoPrefixMessage: () => `Bez dodatkowych kosztów,`,\n ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n `wybierz organizację, a ${donationPercentage}% zostanie przekazane w Twoim imieniu.`,\n ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n `Bez dodatkowych kosztów wybierz organizację, której przekażemy ${donationPercentage}% wartości Twojego zamówienia w Twoim imieniu.`,\n inlineSeparator: () => `: `,\n },\n ja: {\n beamAttribution: () => `Powered by Beam`,\n ctaTitle: () => `寄付先をお選びください。`,\n ctaPromoPrefixMessage: () => `追加費用なしで、`,\n ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n `非営利団体を選ぶと、${donationPercentage}%がその団体に寄付されます。`,\n ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n `追加費用なしで非営利団体をお選びいただくと、ご購入金額の${donationPercentage}%が寄付されます。`,\n inlineSeparator: () => `：`,\n },\n};\n","import { css, html, LitElement, PropertyValues } from \"lit\";\nimport { repeat } from \"lit/directives/repeat.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport { property } from \"lit/decorators/property.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { state } from \"lit/decorators/state.js\";\nimport debounce from \"lodash-es/debounce\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES, WIDGET_NAMES } from \"../../api-sdk/constants\";\nimport \"../../shared/components/progress-bar\";\nimport \"../../shared/components/promo-pill-label\";\nimport \"../../shared/components/notification-blip\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { isEqual, logger } from \"../../utils\";\nimport { MissingConfig } from \"../../utils/beam-errors\";\nimport { TNumericId } from \"../../shared/types\";\nimport { createScopedLocalStorage } from \"../../utils/local-storage\";\nimport { postChainEligibleNonprofitsForCart, postSelectNonprofit } from \"../../api-sdk/v3/routes\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport {\n BeamCartChangeEvent,\n BeamNonprofitSelectEvent,\n BeamNonprofitSelectionRemovedEvent,\n BeamPromoCodesStoredEvent,\n BeamWidgetInitialNonprofitSyncEvent,\n BeamWidgetInitialNonprofitSyncCancelEvent,\n BeamWidgetStoredPromoCodesEvent,\n} from \"../../utils/events\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { progressBarConfigDefaults } from \"../../shared/components/progress-bar\";\nimport { cssResponsiveUtils } from \"../../shared/responsive\";\nimport { BEAM_CART_COOKIE_NAME, TBeamCartLocalStorage, TCart } from \"../../shared/cart-contents\";\nimport { notificationBlipConfigDefaults } from \"../../shared/components/notification-blip\";\nimport { promoPillLabelConfigDefaults } from \"../../shared/components/promo-pill-label\";\nimport { getBeamCartId, getExternalCartId } from \"../../utils/cart\";\nimport {\n getPromoCodesFromCart,\n setPromoCodeInCookie,\n parseJsonStringArray,\n formatStoreAndReturnPromoCodes,\n setPromoCodesInLocalStorage,\n isEmptyPromoData,\n} from \"../../utils/promoManager\";\nimport { strings } from \"./strings\";\n\ntype IAPIV3PostChainEligibleNonprofitsForCart = Awaited<ReturnType<typeof postChainEligibleNonprofitsForCart>>;\ninterface RequiredConfig {\n apiKey: string;\n storeId: TNumericId; // Can be set async by postalCode + countryCode lookup\n}\n\nlet didHandleInitialNonprofitSync = false;\n\nexport class BeamSelectNonprofit extends LitElement {\n static tagName = \"beam-select-nonprofit\";\n\n @property({ type: String }) public baseUrl: string = DEFAULT_BASE_URL;\n\n @property({ type: String }) public apiKey?: RequiredConfig[\"apiKey\"];\n\n // storeId can be omitted if countryCode + postalCode are provided\n @property({ type: Number, reflect: true }) public storeId?: TNumericId;\n\n @property({ type: String }) public countryCode?: string;\n\n @property({ type: String }) public postalCode?: string;\n\n @property({ attribute: false, hasChanged: (a, b) => !isEqual(a, b) }) public cart?: TCart;\n\n @property({ type: Number, reflect: true }) public selectedNonprofitId: TNumericId \| null = null;\n\n @property({ type: String }) public lang: LANGUAGES = \"en\";\n\n @property({ type: Boolean }) public debug = false;\n\n @property({ type: Boolean }) public draftConfig = false;\n\n @property({ type: String }) public promoCodes?: string;\n\n @property({ type: String }) public domain?: string;\n\n @state() private isMobile = window.innerWidth < 768;\n\n private enableNonprofitDeselection = false;\n\n private selectionId?: string;\n\n private didTryToCreateNewSelectionFromCache = false; // Should only create selection once\n @state() private pluginPromoCodes: string[] = [];\n\n get configLang() {\n return SUPPORTED_LANGUAGES[this.lang] \|\| \"en\";\n }\n\n get parsedPromoCodes(): string[] {\n return parseJsonStringArray(this.promoCodes);\n }\n\n private handlePromoCodesStored = (evt: BeamPromoCodesStoredEvent) => {\n const promoCodesFromPlugin = (evt.detail.promoCodes?.unvalidatedPromoCodes ?? [])\n .map((c) => c.attributes?.value ?? c.attributes?.url ?? \"\")\n .sort();\n\n this.pluginPromoCodes = promoCodesFromPlugin;\n };\n\n private getManualPromoCodes(): string[] {\n // Priority 1: Widget passed discount codes\n if (this.parsedPromoCodes && this.parsedPromoCodes.length > 0) {\n return this.parsedPromoCodes;\n }\n\n // Priority 2: Cart fallback\n const cart = this.localStorage.getItemJson<TBeamCartLocalStorage>(\"cart\");\n return cart ? getPromoCodesFromCart(cart) : [];\n }\n\n private async handleValidatedPromoCodes(response: IAPIV3PostChainEligibleNonprofitsForCart) {\n if (response.promos?.validatedPromoCodes) {\n await Promise.all([\n setPromoCodesInLocalStorage({\n apiKey: this.apiKey,\n promoCodes: { validatedPromoCodes: response.promos.validatedPromoCodes, unvalidatedPromoCodes: [] },\n }),\n setPromoCodeInCookie({\n validatedPromoCodes: response.promos.validatedPromoCodes,\n domain: this.domain,\n }),\n ]);\n this.dispatchEvent(\n new BeamWidgetStoredPromoCodesEvent({\n source: WIDGET_NAMES.select_nonprofit,\n })\n );\n }\n }\n\n private getChainNonprofits = async () => {\n // logger.debug(\"[select-nonprofit][getChainNonprofits]\");\n if (!enforceConfig<RequiredConfig>([\"apiKey\"], this)) {\n throw new MissingConfig();\n }\n const beamCartId = getBeamCartId(BEAM_CART_COOKIE_NAME, { apiKey: this.apiKey });\n const cartId = getExternalCartId(\"cart\", { apiKey: this.apiKey });\n\n const cart: any = this.cart?.content\n ? {\n schema: this.cart?.schema,\n content: this.cart?.content,\n }\n : undefined;\n\n const manualPromoCodes = this.getManualPromoCodes();\n const formattedPromos = formatStoreAndReturnPromoCodes(\n manualPromoCodes.map((code) => ({ value: code })),\n this.apiKey\n );\n const shouldSendPromos = formattedPromos && !isEmptyPromoData(formattedPromos);\n\n if (shouldSendPromos) {\n this.dispatchEvent(\n new BeamWidgetStoredPromoCodesEvent({\n source: WIDGET_NAMES.select_nonprofit,\n })\n );\n }\n // We use a POST method because we send a nested JSON with data that we don't want to serialize/expose in URL\n const res = await postChainEligibleNonprofitsForCart({\n baseUrl: this.baseUrl,\n apiRoot: \"/api/v3\",\n headers: {\n authorization: `Api-Key ${this.apiKey}`,\n },\n requestBody: {\n storeId: this.storeId,\n widgetName: WIDGET_NAMES.select_nonprofit,\n postalCode: this.postalCode,\n countryCode: this.countryCode,\n beamCartId: beamCartId ? beamCartId : undefined,\n cartId: cartId ? cartId : undefined,\n version: \"1.0.0\",\n lang: this.configLang,\n ...(shouldSendPromos && { promos: formattedPromos }),\n options: {\n config: {\n draftConfig: this.draftConfig,\n },\n },\n cart,\n },\n });\n\n this.enableNonprofitDeselection = !!res.config.enableNonprofitDeselection;\n\n // Reset selection if list doesn't include the current selected nonprofit and if it's not set to null\n if (\n this.selectedNonprofitId !== null &&\n this.selectedNonprofitId &&\n !res.nonprofits.map((np) => np.nonprofit.id).includes(this.selectedNonprofitId)\n ) {\n this.selectedNonprofitId = null;\n await this.postSelectNonprofit({ selectedNonprofitId: null });\n this.localStorage.setItem(\"nonprofit\", null);\n }\n\n // If store ID was not provided, get the store ID from response here\n if (res.store?.id && res.store.id !== this.storeId) {\n this.storeId = res.store.id;\n }\n\n await this.createNewSelectionForCachedNonprofit();\n\n this.localStorage.setItemJson(\"chainNonprofits\", {\n createdAt: new Date(),\n data: res,\n });\n\n this.handleValidatedPromoCodes(res);\n return res;\n };\n\n private postSelectNonprofit = async ({ selectedNonprofitId }: { selectedNonprofitId: TNumericId \| null }) => {\n if (!enforceConfig<RequiredConfig>([\"apiKey\", \"storeId\"], this)) {\n throw new MissingConfig();\n }\n\n const cartId = getExternalCartId(\"cart\", { apiKey: this.apiKey });\n const beamCartId = getBeamCartId(BEAM_CART_COOKIE_NAME, { apiKey: this.apiKey });\n const result = await postSelectNonprofit({\n baseUrl: this.baseUrl,\n headers: {\n authorization: `Api-Key ${this.apiKey}`,\n },\n requestBody: {\n nonprofitId: selectedNonprofitId,\n selectionId: this.selectionId,\n storeId: this.storeId,\n cartId: cartId ? cartId : undefined,\n beamCartId: beamCartId ? beamCartId : undefined,\n creationMethod: \"cart\",\n postalCode: this.postalCode,\n countryCode: this.countryCode,\n },\n });\n\n this.selectionId = result?.selectionId;\n this.localStorage.setItem(\"transaction\", this.selectionId);\n this.localStorage.setItem(\"nonprofit\", selectedNonprofitId);\n this.localStorage.setItem(\"nonprofit_selected_at\", new Date().toISOString());\n\n await this.updateComplete;\n\n const selectedNonprofit = this.getNonprofitById(selectedNonprofitId);\n\n if (selectedNonprofitId !== null)\n this.dispatchEvent(\n new BeamNonprofitSelectEvent({\n selectedNonprofitId,\n selectionId: this.selectionId,\n nonprofitName: selectedNonprofit?.nonprofit?.name ?? null,\n source: WIDGET_NAMES.select_nonprofit,\n })\n );\n if (selectedNonprofitId === null)\n this.dispatchEvent(\n new BeamNonprofitSelectionRemovedEvent({\n newNonprofitId: null,\n selectionId: this.selectionId,\n })\n );\n };\n\n private nonprofitListDataController = new AsyncController<typeof this.getChainNonprofits>(\n this,\n this.getChainNonprofits\n );\n\n private selectionDataController = new AsyncController<typeof this.postSelectNonprofit>(\n this,\n this.postSelectNonprofit\n );\n\n private localStorage = createScopedLocalStorage(this as LitElement & RequiredConfig);\n\n private getNonprofitById(selectedNonprofitId: number \| null) {\n if (!selectedNonprofitId) return null;\n return this.nonprofitListDataController?.data?.nonprofits.find((np) => np.nonprofit.id === selectedNonprofitId);\n }\n\n private handleCartChange = (evt: BeamCartChangeEvent) => {\n this.cart = evt.detail;\n };\n\n private handleNonprofitSelect = (evt: BeamNonprofitSelectEvent) => {\n const { selectionId, selectedNonprofitId } = evt.detail;\n if (selectedNonprofitId === this.selectedNonprofitId) {\n return;\n }\n\n // If there's multiple instances of this component on the page,\n // and a selection is made from a different instance,\n // we need to update this instance's internal metadata\n this.selectionId = selectionId;\n this.selectedNonprofitId = selectedNonprofitId ?? null;\n };\n\n private handleInitialNonprofitSync = (evt: BeamWidgetInitialNonprofitSyncEvent) => {\n if (didHandleInitialNonprofitSync) return;\n const { nonprofitId, selectionId } = evt.detail;\n const nonprofitChanged = nonprofitId !== undefined && this.selectedNonprofitId !== nonprofitId;\n const selectionChanged = selectionId !== undefined && this.selectionId !== selectionId;\n\n if (nonprofitChanged \|\| selectionChanged) {\n if (nonprofitChanged) {\n this.selectedNonprofitId = nonprofitId;\n }\n if (selectionChanged) {\n this.selectionId = selectionId;\n }\n\n this.requestUpdate();\n\n didHandleInitialNonprofitSync = true;\n window.removeEventListener(\n BeamWidgetInitialNonprofitSyncEvent.eventName,\n this.handleInitialNonprofitSync as EventListener\n );\n }\n };\n\n async connectedCallback() {\n // logger.debug(\"[select-nonprofit][connectedCallback]\");\n super.connectedCallback();\n window.addEventListener(\n BeamWidgetInitialNonprofitSyncEvent.eventName,\n this.handleInitialNonprofitSync as EventListener\n );\n window.addEventListener(BeamNonprofitSelectEvent.eventName, this.handleNonprofitSelect as EventListener);\n this.nonprofitListDataController.loading = true;\n window.addEventListener(BeamCartChangeEvent.eventName, this.handleCartChange as EventListener);\n window.addEventListener(\"resize\", this.evaluateBreakPoints);\n }\n\n async firstUpdated() {\n await this.restoreStateFromCache();\n window.addEventListener(BeamPromoCodesStoredEvent.eventName, this.handlePromoCodesStored as EventListener);\n }\n\n async updated(changedProperties: PropertyValues) {\n // logger.debug(\"[select-nonprofit][updated] changedProperties\", changedProperties);\n\n // Reload nonprofit list on change of any of these props:\n // Also fires on first load as props go from undefined => value\n const requireNewDataProps = [\n \"baseUrl\",\n \"storeId\",\n \"apiKey\",\n \"countryCode\",\n \"postalCode\",\n \"cart\",\n \"lang\",\n \"promoCodes\",\n \"pluginPromoCodes\",\n ];\n void this.pluginPromoCodes;\n for (const prop of requireNewDataProps) {\n if (changedProperties.has(prop)) {\n // logger.debug(\n // \"[select-nonprofit][updated] triggering new load from prop change\",\n // prop,\n // changedProperties.get(prop)\n // );\n await this.nonprofitListDataController.exec();\n break;\n }\n }\n }\n\n disconnectedCallback() {\n window.removeEventListener(BeamCartChangeEvent.eventName, this.handleCartChange as EventListener);\n window.removeEventListener(\"resize\", this.evaluateBreakPoints);\n window.removeEventListener(BeamPromoCodesStoredEvent.eventName, this.handlePromoCodesStored as EventListener);\n window.removeEventListener(BeamNonprofitSelectEvent.eventName, this.handleNonprofitSelect as EventListener);\n super.disconnectedCallback();\n }\n\n private async restoreStateFromCache() {\n try {\n const currentTimestamp = new Date().valueOf();\n\n this.cart = this.localStorage.getItemJson<TBeamCartLocalStorage>(\"cart\") ?? undefined;\n\n // Restore the previous nonprofit selection unless it exceeds the defined time limit, in which case clear the selection\n // (Note: localStorage key is called \"transaction\" for backwards compatibility with legacy SDK)\n const selectionTtl = 30 * 24 * 60 * 60 * 1000; // 30 days in milliseconds\n const selectionCreatedAt = this.localStorage.getItem(\"nonprofit_selected_at\") ?? 0;\n const isSelectionExpired = currentTimestamp > new Date(selectionCreatedAt).valueOf() + selectionTtl;\n if (!isSelectionExpired) {\n this.selectedNonprofitId = parseInt(this.localStorage.getItem(\"nonprofit\") \|\| \"\") \|\| null;\n this.selectionId = this.localStorage.getItem(\"transaction\") ?? undefined;\n } else if (isSelectionExpired && this.selectedNonprofitId !== null) {\n await this.postSelectNonprofit({ selectedNonprofitId: null });\n this.localStorage.setItem(\"nonprofit\", null);\n }\n\n // Try to restore nonprofit list if we have data and it's not too old\n // list will continue to refresh async and replace this data when ready\n const { createdAt = 0, data } =\n this.localStorage.getItemJson<{ createdAt: string; data: any }>(\"chainNonprofits\") \|\| {};\n const cacheTtl = 2 * 60 * 60 * 1000; // 2 hours in milliseconds\n const isCacheExpired = currentTimestamp > new Date(createdAt).valueOf() + cacheTtl;\n if (!isCacheExpired && this.nonprofitListDataController.loading) {\n this.nonprofitListDataController.data = data;\n this.nonprofitListDataController.loading = false;\n }\n } catch (err) {\n logger.error(err);\n // ignore cache retrieval error and continue to fetch data\n }\n }\n\n private async createNewSelectionForCachedNonprofit() {\n if (!enforceConfig<RequiredConfig>([\"apiKey\"], this)) {\n throw new MissingConfig();\n }\n if (!this.storeId \|\| this.didTryToCreateNewSelectionFromCache) {\n return; // storeId can be set async as a result of calling find nonprofits with postalCode + zipCode\n }\n try {\n // Immediately set flag to prevent more cache restore attempts from triggering\n this.didTryToCreateNewSelectionFromCache = true;\n } catch (err) {\n // Ignore error\n }\n }\n\n /*\n Factory for selection event handler\n \n Nonprofit selector implements radio-button semantics:\n * * If nothing is selected, tabbing into selector selects first card\n * * Arrow keys changes focus between cards, but doesn't select\n * * Enter/Space sets selection\n * * If a nonprofit is selected, arrow keys change focus AND selection\n * * Click sets selection\n * @param {number} id\n * @param {number} index\n * @param {{id: number}[]} nonprofits\n * @returns {(evt: Event) => void}\n /\n private makeHandleSelect =\n (id: number, index: number, nonprofits: { nonprofit: { id: number } }[]) => async (evt: Event) => {\n const currentId = this.selectedNonprofitId;\n if (evt instanceof KeyboardEvent) {\n let nextFocus = null;\n switch (evt.key) {\n case \"ArrowUp\":\n case \"ArrowLeft\":\n if (index === 0) {\n nextFocus = nonprofits[nonprofits.length - 1];\n } else {\n nextFocus = nonprofits[index - 1];\n }\n evt.preventDefault();\n break;\n case \"ArrowRight\":\n case \"ArrowDown\":\n if (index === nonprofits.length - 1) {\n nextFocus = nonprofits[0];\n } else {\n nextFocus = nonprofits[index + 1];\n }\n evt.preventDefault();\n break;\n case \"Enter\":\n case \" \":\n evt.preventDefault();\n break; // continue to toggle-selection block below\n default:\n return;\n }\n if (nextFocus) {\n if (currentId != null) {\n this.selectedNonprofitId = nextFocus.nonprofit.id;\n }\n const focusTarget = this.renderRoot.querySelector(`[data-value=\"${nextFocus.nonprofit.id}\"]`) as HTMLElement;\n if (focusTarget !== null) {\n focusTarget.tabIndex = 0;\n focusTarget.focus();\n }\n return;\n }\n }\n // Handle selection with click or Enter/Space key\n const targetEl = evt.currentTarget;\n if (targetEl instanceof HTMLElement) {\n if (currentId === id) {\n if (this.enableNonprofitDeselection) {\n this.selectedNonprofitId = null; // unset\n this.localStorage.setItem(\"nonprofit\", null);\n } else {\n return;\n }\n } else {\n this.selectedNonprofitId = id;\n }\n }\n\n /\n If we're making a specific selection, there's no need to sync from\n * an existing cart property, so cancel that sync because it's just going to\n * cause this component's state to get out of sync with the Beam backend\n /\n this.dispatchEvent(new BeamWidgetInitialNonprofitSyncCancelEvent({}));\n window.removeEventListener(\n BeamWidgetInitialNonprofitSyncEvent.eventName,\n this.handleInitialNonprofitSync as EventListener\n );\n\n await this.selectionDataController.exec({ selectedNonprofitId: this.selectedNonprofitId });\n };\n\n evaluateBreakPoints = debounce(\n () => {\n this.isMobile = window.innerWidth < 768;\n },\n 50,\n { maxWait: 50, leading: true }\n );\n\n public get cssVariables() {\n const defaults = {\n \"--beam-fontFamily\": \"inherit\",\n \"--beam-fontStyle\": \"inherit\",\n \"--beam-fontSize\": \"inherit\",\n \"--beam-textColor\": \"inherit\",\n \"--beam-backgroundColor\": \"inherit\",\n ...progressBarConfigDefaults,\n \"--beam-SelectNonprofit-title-textAlign\": \"inherit\",\n \"--beam-SelectNonprofit-description-textAlign\": \"inherit\",\n \"--beam-SelectNonprofit-maxWidth\": \"800px\",\n \"--beam-SelectNonprofit-options-marginTop\": \"0px\",\n \"--beam-SelectNonprofit-options-iconHeight\": \"24px\",\n \"--beam-SelectNonprofit-options-padding\": \"10px\",\n \"--beam-SelectNonprofit-options-borderRadius\": \"0px\",\n \"--beam-SelectNonprofit-options-borderColor\": \"currentColor\",\n \"--beam-SelectNonprofit-options-borderWidth\": \"1px\",\n \"--beam-SelectNonprofit-options--selected-borderColor\": \"currentColor\",\n \"--beam-SelectNonprofit-options-backgroundColor\": \"transparent\",\n \"--beam-SelectNonprofit-options-gap\": \"8px\",\n \"--beam-SelectNonprofit-options--selected-backgroundColor\": \"currentColor\",\n \"--beam-SelectNonprofit-details-marginTop\": \"10px\",\n \"--beam-SelectNonprofit-details-borderRadius\": \"0px\",\n \"--beam-SelectNonprofit-details-borderColor\": \"currentColor\",\n \"--beam-SelectNonprofit-details-backgroundColor\": \"inherit\",\n \"--beam-SelectNonprofit-details-padding\": \"10px\",\n ...defineCustomText(\"--beam-SelectNonprofit-title\", {\n fontSize: \"1.25em\",\n fontWeight: \"bold\",\n }),\n \"--beam-SelectNonprofit-header-inline-lineHeight\": \"inherit\",\n ...defineCustomText(\"--beam-SelectNonprofit-title-inline\", {\n fontWeight: \"bold\",\n }),\n \"--beam-SelectNonprofit-title-inline-textTransform\": \"none\",\n \"--beam-SelectNonprofit-title-block-margin-right\": \"8px\",\n ...defineCustomText(\"--beam-SelectNonprofit-description\", {\n marginTop: \"0.5em\",\n }),\n ...defineCustomText(\"--beam-SelectNonprofit-description-inline\"),\n ...defineCustomText(\"--beam-SelectNonprofit-details-cause\", {\n fontSize: \"0.85em\",\n fontWeight: \"bold\",\n }),\n ...defineCustomText(\"--beam-SelectNonprofit-details-beamAttribution\", {\n fontSize: \"0.85em\",\n }),\n ...defineCustomText(\"--beam-SelectNonprofit-details-impactDescription\", {\n fontSize: \"1em\",\n marginTop: \"10px\",\n }),\n \"--beam-SelectNonprofit-details-nonprofitName-fontWeight\": \"bold\",\n \"--beam-SelectNonprofit-details-nonprofitName-fontStyle\": \"inherit\",\n \"--beam-SelectNonprofit-details-fundingProgress-marginTop\": \"10px\",\n ...defineCustomText(\"--beam-SelectNonprofit-details-fundingProgressLabel\", {\n fontSize: \"0.85em\",\n }),\n ...notificationBlipConfigDefaults,\n ...promoPillLabelConfigDefaults,\n \"--beam-SelectNonprofit-promo-block-header-justifyContent\": \"initial\",\n \"--beam-SelectNonprofit-notification-blip-top\": \"4px\",\n \"--beam-SelectNonprofit-notification-blip-left\": \"50%\",\n \"--beam-SelectNonprofit-display-notification-blip\": \"true\",\n \"--beam-SelectNonprofit-enable-inline-header\": \"false\",\n \"--beam-SelectNonprofit-force-multiline-header\": \"false\",\n };\n\n const remoteConfig = this.nonprofitListDataController?.data?.config?.web?.theme \|\| {};\n\n const config = { ...defaults, ...remoteConfig };\n\n const serializable = Object.create({\n toCSS() {\n return _cssVariableMap(this as Record<string, string>);\n },\n });\n\n return Object.assign(serializable, config);\n }\n\n static styles = [\n cssReset,\n cssResponsiveUtils,\n css`\n :host {\n display: block;\n max-width: var(--beam-SelectNonprofit-maxWidth, 800px);\n font-family: var(--beam-fontFamily);\n font-style: var(--beam-fontStyle);\n font-size: var(--beam-fontSize);\n background-color: var(--beam-backgroundColor);\n color: var(--beam-textColor);\n word-break: normal;\n }\n\n .details-impactDescription {\n ${useCustomText(\"--beam-SelectNonprofit-details-impactDescription\")}\n }\n\n .details-impactDescription .nonprofitName {\n font-weight: var(--beam-SelectNonprofit-details-nonprofitName-fontWeight);\n font-style: var(--beam-SelectNonprofit-details-nonprofitName-fontStyle, inherit);\n }\n\n / Note: title/description display is responsive */\n\n .title-block {\n margin-right: var(--beam-SelectNonprofit-title-block-margin-right);\n ${useCustomText(\"--beam-SelectNonprofit-title\")}\n text-align: var(--beam-SelectNonprofit-title-textAlign);\n }\n\n .header-inline {\n line-height: var(--beam-SelectNonprofit-header-inline-lineHeight);\n }\n\n .title-inline {\n font-size: var(--beam-SelectNonprofit-title-inline-fontSize);\n font-weight: var(--beam-SelectNonprofit-title-inline-fontWeight);\n color: var(--beam-SelectNonprofit-title-inline-color);\n font-family: var(--beam-SelectNonprofit-title-inline-fontFamily);\n text-transform: var(--beam-SelectNonprofit-title-inline-textTransform);\n }\n\n .description-inline {\n font-family: var(--beam-SelectNonprofit-description-inline-fontFamily);\n font-weight: var(--beam-SelectNonprofit-description-inline-fontWeight);\n color: var(--beam-SelectNonprofit-description-inline-color);\n text-transform: var(--beam-SelectNonprofit-description-inline-textTransform);\n font-size: var(--beam-SelectNonprofit-description-inline-fontSize);\n }\n\n .description {\n ${useCustomText(\"--beam-SelectNonprofit-description\")}\n text-align: var(--beam-SelectNonprofit-description-textAlign);\n }\n\n .block-header-promo-pill-container {\n display: flex;\n align-items: center;\n justify-content: var(--beam-SelectNonprofit-promo-block-header-justifyContent);\n }\n\n .block-header-promo-pill-container-responsive {\n flex-direction: column;\n align-items: flex-start;\n }\n .block-header-promo-pill-center-block-container-responsive {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n }\n .block-header-promo-pill-container-responsive beam-promo-info-pill {\n order: -1;\n }\n .block-header-promo-pill-center-block-container-responsive beam-promo-info-pill {\n order: -1;\n }\n .option {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n beam-notification-blip::part(notification-blip-container) {\n position: absolute;\n top: var(--beam-SelectNonprofit-notification-blip-top);\n left: var(--beam-SelectNonprofit-notification-blip-left);\n }\n `,\n ];\n\n protected render() {\n const { selectedNonprofitId } = this;\n const { data, loading } = this.nonprofitListDataController;\n\n if (loading && !data) {\n return _loading();\n }\n if (this.nonprofitListDataController.error) {\n if (this.debug) {\n return _errorMessage({ error: this.nonprofitListDataController.error });\n }\n return \"\";\n }\n if (this.selectionDataController.error) {\n if (this.debug) {\n return _errorMessage({ error: this.selectionDataController.error });\n }\n // do not show error screen for interactive errors by default\n }\n\n const nonprofits = data?.nonprofits \|\| [];\n const selectedNonprofit = nonprofits.find((np) => np.nonprofit.id === selectedNonprofitId) \|\| null;\n const shouldUseNewPromoUI = !!data?.config?.web?.promo;\n const hasNonprofitWithInactivePromo = nonprofits.some((np) => !np.promo \|\| !np.promo.isActive);\n const getCssVar = (key: string) => this.cssVariables[key];\n const shouldDisplayPromoBlip = getCssVar(\"--beam-SelectNonprofit-display-notification-blip\") === \"true\";\n const isTitleTextCenterAligned = getCssVar(\"--beam-SelectNonprofit-title-textAlign\") === \"center\";\n const isInlineHeaderEnabled = getCssVar(\"--beam-SelectNonprofit-enable-inline-header\") === \"true\";\n const isMultilineHeaderForced = getCssVar(\"--beam-SelectNonprofit-force-multiline-header\") === \"true\";\n const shouldDisplayInlineHeader = !isMultilineHeaderForced && (isInlineHeaderEnabled \|\| this.isMobile);\n\n const defaultHeader = html`<h3\n class=${classMap({\n \"title-block\": true,\n \"d-none\": true,\n \"d-block\": !shouldDisplayInlineHeader,\n })}\n part=\"title\"\n id=\"beam-SelectNonprofit-title\"\n >\n ${localizeUserString(this.configLang, data?.config?.web?.title \|\| \"\") \|\| strings[this.configLang].ctaTitle()}\n </h3>`;\n\n const renderPromoHeaderContent = () => {\n const classes = classMap({\n \"block-header-promo-pill-container\": !shouldDisplayInlineHeader && !isTitleTextCenterAligned,\n \"block-header-promo-pill-container-responsive\": shouldDisplayInlineHeader && !isTitleTextCenterAligned,\n \"block-header-promo-pill-center-block-container-responsive\":\n !shouldDisplayInlineHeader && isTitleTextCenterAligned,\n });\n\n const styles = styleMap({\n display: shouldDisplayInlineHeader ? \"flex\" : undefined,\n });\n\n return shouldUseNewPromoUI\n ? html`<div class=${classes} style=${styles}>\n ${defaultHeader}\n <beam-promo-info-pill .promo=${data?.config?.web?.promo}></beam-promo-info-pill>\n </div>`\n : defaultHeader;\n };\n\n const renderHeader = () => {\n return html`\n <div part=\"heading\">\n ${renderPromoHeaderContent()}\n <p class=\"description\" part=\"description\">\n <span class=${classMap({\n \"d-none\": true,\n \"d-inline\": !shouldDisplayInlineHeader,\n })}>\n ${\n shouldUseNewPromoUI\n ? html`<span style=\"font-weight:bold\">\n ${localizeUserString(this.configLang, data?.config?.web?.promoDescriptionPrefix \|\| \"\") \|\|\n strings[this.configLang].ctaPromoPrefixMessage()}\n </span>\n <span>\n ${localizeUserString(this.configLang, data?.config?.web?.promoDescription \|\| \"\") \|\|\n strings[this.configLang].ctaPromoMessage()}\n </span>`\n : html`<span>\n ${localizeUserString(this.configLang, data?.config?.web?.description \|\| \"\") \|\|\n strings[this.configLang].ctaMessage()}\n </span>`\n }\n </span>\n <div class=${classMap({\n \"d-none\": !shouldDisplayInlineHeader,\n \"header-inline\": true,\n })}>\n <span class=\"title-inline\" part=\"title\">\n ${\n (localizeUserString(this.configLang, data?.config?.web?.title \|\| \"\") \|\|\n strings[this.configLang].ctaTitle()) + strings[this.configLang].inlineSeparator()\n }\n </span>\n <span class=\"description-inline\" part=\"description\">\n ${\n shouldUseNewPromoUI\n ? html`<span style=\"font-weight:bold\">\n ${localizeUserString(this.configLang, data?.config?.web?.promoDescriptionPrefix \|\| \"\") \|\|\n strings[this.configLang].ctaPromoPrefixMessage()}\n </span>\n <span>\n ${localizeUserString(this.configLang, data?.config?.web?.promoDescription \|\| \"\") \|\|\n strings[this.configLang].ctaPromoMessage()}\n </span>`\n : html`<span\n >${localizeUserString(this.configLang, data?.config?.web?.description \|\| \"\") \|\|\n strings[this.configLang].ctaMessage()}\n </span>`\n }\n </div>\n </p>\n </div>`;\n };\n\n return html`\n <style>\n :host {\n ${this.cssVariables.toCSS()}\n }\n </style>\n ${renderHeader()}\n <div\n class=\"options\"\n part=\"options\"\n role=\"radiogroup\"\n aria-labelledby=\"beam-SelectNonprofit-title\"\n style=\"display: flex; gap: var(--beam-SelectNonprofit-options-gap); margin: 10px 0 0 0;\"\n >\n ${repeat(\n nonprofits,\n (i) => i.nonprofit.id,\n ({ nonprofit, promo }, index) => {\n const isSelected = selectedNonprofitId === nonprofit.id;\n const isFocusable = isSelected \|\| (selectedNonprofit == null && index === 0);\n const shouldAddPromoBlip =\n promo?.isActive && data?.config.web.promo && hasNonprofitWithInactivePromo && shouldDisplayPromoBlip;\n return html`\n <div\n class=\"option\"\n part=\"option\"\n role=\"radio\"\n tabindex=\"${isFocusable ? 0 : -1}\"\n data-value=${nonprofit.id}\n aria-checked=${isSelected}\n @click=${this.makeHandleSelect(nonprofit.id, index, nonprofits)}\n @keydown=${this.makeHandleSelect(nonprofit.id, index, nonprofits)}\n aria-label=\"${localizeUserString(this.configLang, nonprofit.cause \|\| \"\")}\"\n style=\"${styleMap({\n cursor: \"pointer\",\n flex: \"1\",\n textAlign: \"center\",\n lineHeight: \"1\",\n marginTop: \"var(--beam-SelectNonprofit-options-marginTop, 0px)\",\n padding: \"var(--beam-SelectNonprofit-options-padding, 10px)\",\n borderStyle: \"solid\",\n position: \"relative\",\n borderRadius: \"var(--beam-SelectNonprofit-options-borderRadius, 0)\",\n borderColor: isSelected\n ? nonprofit.causeColor \|\| \"var(--beam-SelectNonprofit-options--selected-borderColor, currentColor)\"\n : \"var(--beam-SelectNonprofit-options-borderColor, currentColor)\",\n borderWidth: \"var(--beam-SelectNonprofit-options-borderWidth, 1px)\",\n backgroundColor: isSelected\n ? nonprofit.causeColor \|\|\n \"var(--beam-SelectNonprofit-options--selected-backgroundColor, currentColor)\"\n : \"var(--beam-SelectNonprofit-options-backgroundColor, transparent)\",\n })}\"\n >\n <img\n src=\"${isSelected ? nonprofit.causeIconSelectedUrl : nonprofit.causeIconUrl}\"\n alt=\"\"\n role=\"presentation\"\n style=\"\n height: var(--beam-SelectNonprofit-options-iconHeight, 24px);\n user-select: none;\n vertical-align: -webkit-baseline-middle;\n \"\n />\n ${shouldAddPromoBlip ? html`<beam-notification-blip></beam-notification-blip>` : html``}\n </div>\n `;\n }\n )}\n </div>\n ${selectedNonprofit != null\n ? html`\n <div\n class=\"details\"\n part=\"details\"\n style=\"\n border: 1px solid var(--beam-SelectNonprofit-details-borderColor);\n border-radius: var(--beam-SelectNonprofit-details-borderRadius);\n background-color: var(--beam-SelectNonprofit-details-backgroundColor);\n padding: var(--beam-SelectNonprofit-details-padding);\n margin-top: var(--beam-SelectNonprofit-details-marginTop);\n \"\n aria-label=\"Funding information for selected nonprofit ${selectedNonprofit.nonprofit\n ?.name}. Powered by Beam\"\n >\n <div style=\"display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap-reverse\">\n <span\n class=\"details-cause\"\n style=\"flex: 0 1; white-space: nowrap; ${useCustomText(\"--beam-SelectNonprofit-details-cause\")}\"\n >\n ${selectedNonprofit?.promo?.isActive && hasNonprofitWithInactivePromo\n ? data?.config.web.promo?.[\"promo-cause-alt-text\"] \|\| selectedNonprofit.nonprofit.cause\n : localizeUserString(this.configLang, selectedNonprofit.nonprofit.cause \|\| \"\")}\n </span>\n <div aria-hidden=\"true\">\n <span\n class=\"details-beamAttribution\"\n aria-hidden=\"true\"\n style=\"flex: 0 1; white-space: nowrap; ${useCustomText(\n \"--beam-SelectNonprofit-details-beamAttribution\"\n )}\"\n >\n ${strings[this.configLang].beamAttribution()}\n </span>\n </div>\n </div>\n <p class=\"details-impactDescription\">\n ${unsafeHTML(localizeUserString(this.configLang, selectedNonprofit.impact.description \|\| \"\"))}\n </p>\n <div\n style=\"display: flex; margin-top: var(--beam-SelectNonprofit-details-fundingProgress-marginTop); align-items: center;\"\n >\n <beam-progress-bar\n value=\"${selectedNonprofit.impact.goalProgressPercentage}\"\n style=\"flex: 1 0;\"\n ></beam-progress-bar>\n <span\n class=\"details-fundingProgressLabel\"\n style=\"${useCustomText(\n \"--beam-SelectNonprofit-details-fundingProgressLabel\"\n )} white-space: nowrap; text-align: right; flex: 0 1; margin-left: 15px;\"\n >\n ${localizeUserString(this.configLang, selectedNonprofit.impact.goalProgressText)}\n </span>\n </div>\n </div>\n `\n : \"\"}\n `;\n }\n}\n\ndefineCustomElement(BeamSelectNonprofit);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"beam-select-nonprofit\": BeamSelectNonprofit;\n }\n}\n"],"names":["BeamNotificationBlip","LitElement","css","html","notificationBlipConfigDefaults","strings","donationPercentage","didHandleInitialNonprofitSync","BeamSelectNonprofit","DEFAULT_BASE_URL","evt","promoCodesFromPlugin","c","enforceConfig","beamCartId","getBeamCartId","BEAM_CART_COOKIE_NAME","cartId","getExternalCartId","cart","manualPromoCodes","formattedPromos","formatStoreAndReturnPromoCodes","code","shouldSendPromos","isEmptyPromoData","BeamWidgetStoredPromoCodesEvent","WIDGET_NAMES","res","postChainEligibleNonprofitsForCart","np","selectedNonprofitId","result","postSelectNonprofit","selectedNonprofit","BeamNonprofitSelectEvent","BeamNonprofitSelectionRemovedEvent","AsyncController","createScopedLocalStorage","selectionId","nonprofitId","nonprofitChanged","selectionChanged","BeamWidgetInitialNonprofitSyncEvent","id","index","nonprofits","currentId","nextFocus","focusTarget","BeamWidgetInitialNonprofitSyncCancelEvent","debounce","SUPPORTED_LANGUAGES","parseJsonStringArray","getPromoCodesFromCart","response","setPromoCodesInLocalStorage","setPromoCodeInCookie","BeamCartChangeEvent","BeamPromoCodesStoredEvent","changedProperties","requireNewDataProps","prop","currentTimestamp","selectionTtl","selectionCreatedAt","isSelectionExpired","createdAt","data","cacheTtl","err","logger","defaults","progressBarConfigDefaults","defineCustomText","promoPillLabelConfigDefaults","remoteConfig","config","_cssVariableMap","loading","_loading","_errorMessage","shouldUseNewPromoUI","hasNonprofitWithInactivePromo","getCssVar","key","shouldDisplayPromoBlip","isTitleTextCenterAligned","isInlineHeaderEnabled","shouldDisplayInlineHeader","defaultHeader","classMap","localizeUserString","renderPromoHeaderContent","classes","styles","styleMap","renderHeader","repeat","i","nonprofit","promo","isSelected","isFocusable","shouldAddPromoBlip","useCustomText","unsafeHTML","cssReset","cssResponsiveUtils","__decorateClass","property","a","b","isEqual","state","defineCustomElement"],"mappings":"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"}
1	+ {"version":3,"file":"select-nonprofit.esm.js","sources":["../../src/shared/components/notification-blip.ts","../../src/components/select-nonprofit/strings.ts","../../src/components/select-nonprofit/index.ts"],"sourcesContent":["import { LitElement, html, css } from \"lit\";\n\nclass BeamNotificationBlip extends LitElement {\n static get styles() {\n return css`\n :host {\n }\n\n .notification-blip {\n background-color: var(--beam-notificationBlip-color-background, #000);\n border-radius: 50%;\n width: 12px;\n height: 12px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 12px;\n }\n `;\n }\n\n render() {\n return html`<div\n class=\"notification-blip-container\"\n part=\"notification-blip-container\"\n aria-label=\"Notification Blip\"\n >\n <span class=\"notification-blip\" part=\"notification-blip\" role=\"button\" tabindex=\"0\" aria-hidden=\"true\"></span>\n </div>`;\n }\n}\n\ncustomElements.get(\"beam-notification-blip\") \|\| customElements.define(\"beam-notification-blip\", BeamNotificationBlip);\n\nexport const notificationBlipConfigDefaults = {\n \"--beam-notificationBlip-color-background\": \"#000\",\n} as const;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"beam-notification-blip\": BeamNotificationBlip;\n }\n}\n","export const strings = {\n en: {\n beamAttribution: () => `Powered by Beam`,\n ctaTitle: () => `Choose your impact`,\n ctaPromoPrefixMessage: () => `At no extra cost,`,\n ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n `select a nonprofit and ${donationPercentage}% will be donated for you.`,\n ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n `At no extra cost, select a nonprofit and ${donationPercentage}% will be donated for you.`,\n inlineSeparator: () => `: `,\n },\n fr: {\n beamAttribution: () => `Optimisé par Beam`,\n ctaTitle: () => `Choisissez votre cause`,\n ctaPromoPrefixMessage: () => `Sans frais supplémentaires,`,\n ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n `sélectionnez une association et ${donationPercentage} % sera reversé en votre nom.`,\n ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n `Sans frais supplémentaires, choisissez une association et ${donationPercentage} % de votre commande sera reversé en votre nom.`,\n inlineSeparator: () => ` : `,\n },\n de: {\n beamAttribution: () => `Unterstützt von Beam`,\n ctaTitle: () => `Wähle deine Wirkung`,\n ctaPromoPrefixMessage: () => `Ohne zusätzliche Kosten,`,\n ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n `wähle eine Organisation und ${donationPercentage}% deines Einkaufs werden gespendet.`,\n ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n `Ohne zusätzliche Kosten kannst du eine gemeinnützige Organisation auswählen und ${donationPercentage}% deiner Bestellung werden gespendet.`,\n inlineSeparator: () => `: `,\n },\n es: {\n beamAttribution: () => `Ofrecido por Beam`,\n ctaTitle: () => `Elige tu impacto`,\n ctaPromoPrefixMessage: () => `Sin coste adicional,`,\n ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n `elige una organización y donaremos el ${donationPercentage}% en tu nombre.`,\n ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n `Sin coste adicional, elige una organización sin fines de lucro y donaremos el ${donationPercentage}% de tu compra en tu nombre.`,\n inlineSeparator: () => `: `,\n },\n it: {\n beamAttribution: () => `Gestito da Beam`,\n ctaTitle: () => `Scegli il tuo impatto`,\n ctaPromoPrefixMessage: () => `Senza costi aggiuntivi,`,\n ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n `scegli un'organizzazione e doneremo l’${donationPercentage}% per te.`,\n ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n `Senza costi aggiuntivi, seleziona un'organizzazione no-profit e doneremo l’${donationPercentage}% del tuo acquisto per te.`,\n inlineSeparator: () => `: `,\n },\n pl: {\n beamAttribution: () => `Obsługiwane przez Beam`,\n ctaTitle: () => `Wybierz swój wpływ`,\n ctaPromoPrefixMessage: () => `Bez dodatkowych kosztów,`,\n ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n `wybierz organizację, a ${donationPercentage}% zostanie przekazane w Twoim imieniu.`,\n ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n `Bez dodatkowych kosztów wybierz organizację, której przekażemy ${donationPercentage}% wartości Twojego zamówienia w Twoim imieniu.`,\n inlineSeparator: () => `: `,\n },\n ja: {\n beamAttribution: () => `Powered by Beam`,\n ctaTitle: () => `寄付先をお選びください。`,\n ctaPromoPrefixMessage: () => `追加費用なしで、`,\n ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n `非営利団体を選ぶと、${donationPercentage}%がその団体に寄付されます。`,\n ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n `追加費用なしで非営利団体をお選びいただくと、ご購入金額の${donationPercentage}%が寄付されます。`,\n inlineSeparator: () => `：`,\n },\n};\n","import { css, html, LitElement, PropertyValues } from \"lit\";\nimport { repeat } from \"lit/directives/repeat.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport { property } from \"lit/decorators/property.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { state } from \"lit/decorators/state.js\";\nimport debounce from \"lodash-es/debounce\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES, WIDGET_NAMES } from \"../../api-sdk/constants\";\nimport \"../../shared/components/progress-bar\";\nimport \"../../shared/components/promo-pill-label\";\nimport \"../../shared/components/notification-blip\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { isEqual, logger } from \"../../utils\";\nimport { MissingConfig } from \"../../utils/beam-errors\";\nimport { TNumericId } from \"../../shared/types\";\nimport { createScopedLocalStorage } from \"../../utils/local-storage\";\nimport { postChainEligibleNonprofitsForCart, postSelectNonprofit } from \"../../api-sdk/v3/routes\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport {\n BeamCartChangeEvent,\n BeamNonprofitSelectEvent,\n BeamNonprofitSelectionRemovedEvent,\n BeamPromoCodesStoredEvent,\n BeamWidgetInitialNonprofitSyncEvent,\n BeamWidgetInitialNonprofitSyncCancelEvent,\n BeamWidgetStoredPromoCodesEvent,\n} from \"../../utils/events\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { progressBarConfigDefaults } from \"../../shared/components/progress-bar\";\nimport { cssResponsiveUtils } from \"../../shared/responsive\";\nimport { BEAM_CART_COOKIE_NAME, TBeamCartLocalStorage, TCart } from \"../../shared/cart-contents\";\nimport { notificationBlipConfigDefaults } from \"../../shared/components/notification-blip\";\nimport { promoPillLabelConfigDefaults } from \"../../shared/components/promo-pill-label\";\nimport { getBeamCartId, getExternalCartId } from \"../../utils/cart\";\nimport {\n getPromoCodesFromCart,\n setPromoCodeInCookie,\n parseJsonStringArray,\n formatStoreAndReturnPromoCodes,\n setPromoCodesInLocalStorage,\n isEmptyPromoData,\n} from \"../../utils/promoManager\";\nimport { strings } from \"./strings\";\n\ntype IAPIV3PostChainEligibleNonprofitsForCart = Awaited<ReturnType<typeof postChainEligibleNonprofitsForCart>>;\ninterface RequiredConfig {\n apiKey: string;\n storeId: TNumericId; // Can be set async by postalCode + countryCode lookup\n}\n\nlet didHandleInitialNonprofitSync = false;\n\nexport class BeamSelectNonprofit extends LitElement {\n static tagName = \"beam-select-nonprofit\";\n\n @property({ type: String }) public baseUrl: string = DEFAULT_BASE_URL;\n\n @property({ type: String }) public apiKey?: RequiredConfig[\"apiKey\"];\n\n // storeId can be omitted if countryCode + postalCode are provided\n @property({ type: Number, reflect: true }) public storeId?: TNumericId;\n\n @property({ type: String }) public countryCode?: string;\n\n @property({ type: String }) public postalCode?: string;\n\n @property({ attribute: false, hasChanged: (a, b) => !isEqual(a, b) }) public cart?: TCart;\n\n @property({ type: Number, reflect: true }) public selectedNonprofitId: TNumericId \| null = null;\n\n @property({ type: String }) public lang: LANGUAGES = \"en\";\n\n @property({ type: Boolean }) public debug = false;\n\n @property({ type: Boolean }) public draftConfig = false;\n\n @property({ type: String }) public promoCodes?: string;\n\n @property({ type: String }) public domain?: string;\n\n @state() private isMobile = window.innerWidth < 768;\n\n private enableNonprofitDeselection = false;\n\n private selectionId?: string;\n\n private didTryToCreateNewSelectionFromCache = false; // Should only create selection once\n @state() private pluginPromoCodes: string[] = [];\n\n get configLang() {\n return SUPPORTED_LANGUAGES[this.lang] \|\| \"en\";\n }\n\n get parsedPromoCodes(): string[] {\n return parseJsonStringArray(this.promoCodes);\n }\n\n private handlePromoCodesStored = (evt: BeamPromoCodesStoredEvent) => {\n const promoCodesFromPlugin = (evt.detail.promoCodes?.unvalidatedPromoCodes ?? [])\n .map((c) => c.attributes?.value ?? c.attributes?.url ?? \"\")\n .sort();\n\n this.pluginPromoCodes = promoCodesFromPlugin;\n };\n\n private getManualPromoCodes(): string[] {\n // Priority 1: Widget passed discount codes\n if (this.parsedPromoCodes && this.parsedPromoCodes.length > 0) {\n return this.parsedPromoCodes;\n }\n\n // Priority 2: Cart fallback\n const cart = this.localStorage.getItemJson<TBeamCartLocalStorage>(\"cart\");\n return cart ? getPromoCodesFromCart(cart) : [];\n }\n\n private async handleValidatedPromoCodes(response: IAPIV3PostChainEligibleNonprofitsForCart) {\n if (response.promos?.validatedPromoCodes) {\n await Promise.all([\n setPromoCodesInLocalStorage({\n apiKey: this.apiKey,\n promoCodes: { validatedPromoCodes: response.promos.validatedPromoCodes, unvalidatedPromoCodes: [] },\n }),\n setPromoCodeInCookie({\n validatedPromoCodes: response.promos.validatedPromoCodes,\n domain: this.domain,\n }),\n ]);\n this.dispatchEvent(\n new BeamWidgetStoredPromoCodesEvent({\n source: WIDGET_NAMES.select_nonprofit,\n })\n );\n }\n }\n\n private getChainNonprofits = async () => {\n // logger.debug(\"[select-nonprofit][getChainNonprofits]\");\n if (!enforceConfig<RequiredConfig>([\"apiKey\"], this)) {\n throw new MissingConfig();\n }\n const beamCartId = getBeamCartId(BEAM_CART_COOKIE_NAME, { apiKey: this.apiKey });\n const cartId = getExternalCartId(\"cart\", { apiKey: this.apiKey });\n\n const cart: any = this.cart?.content\n ? {\n schema: this.cart?.schema,\n content: this.cart?.content,\n }\n : undefined;\n\n const manualPromoCodes = this.getManualPromoCodes();\n const formattedPromos = formatStoreAndReturnPromoCodes(\n manualPromoCodes.map((code) => ({ value: code })),\n this.apiKey\n );\n const shouldSendPromos = formattedPromos && !isEmptyPromoData(formattedPromos);\n\n if (shouldSendPromos) {\n this.dispatchEvent(\n new BeamWidgetStoredPromoCodesEvent({\n source: WIDGET_NAMES.select_nonprofit,\n })\n );\n }\n // We use a POST method because we send a nested JSON with data that we don't want to serialize/expose in URL\n const res = await postChainEligibleNonprofitsForCart({\n baseUrl: this.baseUrl,\n apiRoot: \"/api/v3\",\n headers: {\n authorization: `Api-Key ${this.apiKey}`,\n },\n requestBody: {\n storeId: this.storeId,\n widgetName: WIDGET_NAMES.select_nonprofit,\n postalCode: this.postalCode,\n countryCode: this.countryCode,\n beamCartId: beamCartId ? beamCartId : undefined,\n cartId: cartId ? cartId : undefined,\n version: \"1.0.0\",\n lang: this.configLang,\n ...(shouldSendPromos && { promos: formattedPromos }),\n options: {\n config: {\n draftConfig: this.draftConfig,\n },\n },\n cart,\n },\n });\n\n this.enableNonprofitDeselection = !!res.config.enableNonprofitDeselection;\n\n // Reset selection if list doesn't include the current selected nonprofit and if it's not set to null\n if (\n this.selectedNonprofitId !== null &&\n this.selectedNonprofitId &&\n !res.nonprofits.map((np) => np.nonprofit.id).includes(this.selectedNonprofitId)\n ) {\n this.selectedNonprofitId = null;\n await this.postSelectNonprofit({ selectedNonprofitId: null });\n this.localStorage.setItem(\"nonprofit\", null);\n }\n\n // If store ID was not provided, get the store ID from response here\n if (res.store?.id && res.store.id !== this.storeId) {\n this.storeId = res.store.id;\n }\n\n await this.createNewSelectionForCachedNonprofit();\n\n this.localStorage.setItemJson(\"chainNonprofits\", {\n createdAt: new Date(),\n data: res,\n });\n\n this.handleValidatedPromoCodes(res);\n return res;\n };\n\n private postSelectNonprofit = async ({ selectedNonprofitId }: { selectedNonprofitId: TNumericId \| null }) => {\n if (!enforceConfig<RequiredConfig>([\"apiKey\", \"storeId\"], this)) {\n throw new MissingConfig();\n }\n\n const cartId = getExternalCartId(\"cart\", { apiKey: this.apiKey });\n const beamCartId = getBeamCartId(BEAM_CART_COOKIE_NAME, { apiKey: this.apiKey });\n const result = await postSelectNonprofit({\n baseUrl: this.baseUrl,\n headers: {\n authorization: `Api-Key ${this.apiKey}`,\n },\n requestBody: {\n nonprofitId: selectedNonprofitId,\n selectionId: this.selectionId,\n storeId: this.storeId,\n cartId: cartId ? cartId : undefined,\n beamCartId: beamCartId ? beamCartId : undefined,\n creationMethod: \"cart\",\n postalCode: this.postalCode,\n countryCode: this.countryCode,\n },\n });\n\n this.selectionId = result?.selectionId;\n this.localStorage.setItem(\"transaction\", this.selectionId);\n this.localStorage.setItem(\"nonprofit\", selectedNonprofitId);\n this.localStorage.setItem(\"nonprofit_selected_at\", new Date().toISOString());\n\n await this.updateComplete;\n\n const selectedNonprofit = this.getNonprofitById(selectedNonprofitId);\n\n if (selectedNonprofitId !== null)\n this.dispatchEvent(\n new BeamNonprofitSelectEvent({\n selectedNonprofitId,\n selectionId: this.selectionId,\n nonprofitName: selectedNonprofit?.nonprofit?.name ?? null,\n source: WIDGET_NAMES.select_nonprofit,\n })\n );\n if (selectedNonprofitId === null)\n this.dispatchEvent(\n new BeamNonprofitSelectionRemovedEvent({\n newNonprofitId: null,\n selectionId: this.selectionId,\n })\n );\n };\n\n private nonprofitListDataController = new AsyncController<typeof this.getChainNonprofits>(\n this,\n this.getChainNonprofits\n );\n\n private selectionDataController = new AsyncController<typeof this.postSelectNonprofit>(\n this,\n this.postSelectNonprofit\n );\n\n private localStorage = createScopedLocalStorage(this as LitElement & RequiredConfig);\n\n private getNonprofitById(selectedNonprofitId: number \| null) {\n if (!selectedNonprofitId) return null;\n return this.nonprofitListDataController?.data?.nonprofits.find((np) => np.nonprofit.id === selectedNonprofitId);\n }\n\n private handleCartChange = (evt: BeamCartChangeEvent) => {\n this.cart = evt.detail;\n };\n\n private handleNonprofitSelect = (evt: BeamNonprofitSelectEvent) => {\n const { selectionId, selectedNonprofitId } = evt.detail;\n if (selectedNonprofitId === this.selectedNonprofitId) {\n return;\n }\n\n // If there's multiple instances of this component on the page,\n // and a selection is made from a different instance,\n // we need to update this instance's internal metadata\n this.selectionId = selectionId;\n this.selectedNonprofitId = selectedNonprofitId ?? null;\n };\n\n private handleInitialNonprofitSync = (evt: BeamWidgetInitialNonprofitSyncEvent) => {\n if (didHandleInitialNonprofitSync) return;\n const { nonprofitId, selectionId } = evt.detail;\n const nonprofitChanged = nonprofitId !== undefined && this.selectedNonprofitId !== nonprofitId;\n const selectionChanged = selectionId !== undefined && this.selectionId !== selectionId;\n\n if (nonprofitChanged \|\| selectionChanged) {\n if (nonprofitChanged) {\n this.selectedNonprofitId = nonprofitId;\n }\n if (selectionChanged) {\n this.selectionId = selectionId;\n }\n\n this.requestUpdate();\n\n didHandleInitialNonprofitSync = true;\n window.removeEventListener(\n BeamWidgetInitialNonprofitSyncEvent.eventName,\n this.handleInitialNonprofitSync as EventListener\n );\n }\n };\n\n async connectedCallback() {\n // logger.debug(\"[select-nonprofit][connectedCallback]\");\n super.connectedCallback();\n window.addEventListener(\n BeamWidgetInitialNonprofitSyncEvent.eventName,\n this.handleInitialNonprofitSync as EventListener\n );\n window.addEventListener(BeamNonprofitSelectEvent.eventName, this.handleNonprofitSelect as EventListener);\n this.nonprofitListDataController.loading = true;\n window.addEventListener(BeamCartChangeEvent.eventName, this.handleCartChange as EventListener);\n window.addEventListener(\"resize\", this.evaluateBreakPoints);\n }\n\n async firstUpdated() {\n await this.restoreStateFromCache();\n window.addEventListener(BeamPromoCodesStoredEvent.eventName, this.handlePromoCodesStored as EventListener);\n }\n\n async updated(changedProperties: PropertyValues) {\n // logger.debug(\"[select-nonprofit][updated] changedProperties\", changedProperties);\n\n // Reload nonprofit list on change of any of these props:\n // Also fires on first load as props go from undefined => value\n const requireNewDataProps = [\n \"baseUrl\",\n \"storeId\",\n \"apiKey\",\n \"countryCode\",\n \"postalCode\",\n \"cart\",\n \"lang\",\n \"promoCodes\",\n \"pluginPromoCodes\",\n ];\n void this.pluginPromoCodes;\n for (const prop of requireNewDataProps) {\n if (changedProperties.has(prop)) {\n // logger.debug(\n // \"[select-nonprofit][updated] triggering new load from prop change\",\n // prop,\n // changedProperties.get(prop)\n // );\n await this.nonprofitListDataController.exec();\n break;\n }\n }\n }\n\n disconnectedCallback() {\n window.removeEventListener(BeamCartChangeEvent.eventName, this.handleCartChange as EventListener);\n window.removeEventListener(\"resize\", this.evaluateBreakPoints);\n window.removeEventListener(BeamPromoCodesStoredEvent.eventName, this.handlePromoCodesStored as EventListener);\n window.removeEventListener(BeamNonprofitSelectEvent.eventName, this.handleNonprofitSelect as EventListener);\n super.disconnectedCallback();\n }\n\n private async restoreStateFromCache() {\n try {\n const currentTimestamp = new Date().valueOf();\n\n this.cart = this.localStorage.getItemJson<TBeamCartLocalStorage>(\"cart\") ?? undefined;\n\n // Restore the previous nonprofit selection unless it exceeds the defined time limit, in which case clear the selection\n // (Note: localStorage key is called \"transaction\" for backwards compatibility with legacy SDK)\n const selectionTtl = 30 * 24 * 60 * 60 * 1000; // 30 days in milliseconds\n const selectionCreatedAt = this.localStorage.getItem(\"nonprofit_selected_at\") ?? 0;\n const isSelectionExpired = currentTimestamp > new Date(selectionCreatedAt).valueOf() + selectionTtl;\n if (!isSelectionExpired) {\n this.selectedNonprofitId = parseInt(this.localStorage.getItem(\"nonprofit\") \|\| \"\") \|\| null;\n this.selectionId = this.localStorage.getItem(\"transaction\") ?? undefined;\n } else if (isSelectionExpired && this.selectedNonprofitId !== null) {\n await this.postSelectNonprofit({ selectedNonprofitId: null });\n this.localStorage.setItem(\"nonprofit\", null);\n }\n\n // Try to restore nonprofit list if we have data and it's not too old\n // list will continue to refresh async and replace this data when ready\n const { createdAt = 0, data } =\n this.localStorage.getItemJson<{ createdAt: string; data: any }>(\"chainNonprofits\") \|\| {};\n const cacheTtl = 2 * 60 * 60 * 1000; // 2 hours in milliseconds\n const isCacheExpired = currentTimestamp > new Date(createdAt).valueOf() + cacheTtl;\n if (!isCacheExpired && this.nonprofitListDataController.loading) {\n this.nonprofitListDataController.data = data;\n this.nonprofitListDataController.loading = false;\n }\n } catch (err) {\n logger.error(err);\n // ignore cache retrieval error and continue to fetch data\n }\n }\n\n private async createNewSelectionForCachedNonprofit() {\n if (!enforceConfig<RequiredConfig>([\"apiKey\"], this)) {\n throw new MissingConfig();\n }\n if (!this.storeId \|\| this.didTryToCreateNewSelectionFromCache) {\n return; // storeId can be set async as a result of calling find nonprofits with postalCode + zipCode\n }\n try {\n // Immediately set flag to prevent more cache restore attempts from triggering\n this.didTryToCreateNewSelectionFromCache = true;\n } catch (err) {\n // Ignore error\n }\n }\n\n /*\n Factory for selection event handler\n \n Nonprofit selector implements radio-button semantics:\n * * If nothing is selected, tabbing into selector selects first card\n * * Arrow keys changes focus between cards, but doesn't select\n * * Enter/Space sets selection\n * * If a nonprofit is selected, arrow keys change focus AND selection\n * * Click sets selection\n * @param {number} id\n * @param {number} index\n * @param {{id: number}[]} nonprofits\n * @returns {(evt: Event) => void}\n /\n private makeHandleSelect =\n (id: number, index: number, nonprofits: { nonprofit: { id: number } }[]) => async (evt: Event) => {\n const currentId = this.selectedNonprofitId;\n if (evt instanceof KeyboardEvent) {\n let nextFocus = null;\n switch (evt.key) {\n case \"ArrowUp\":\n case \"ArrowLeft\":\n if (index === 0) {\n nextFocus = nonprofits[nonprofits.length - 1];\n } else {\n nextFocus = nonprofits[index - 1];\n }\n evt.preventDefault();\n break;\n case \"ArrowRight\":\n case \"ArrowDown\":\n if (index === nonprofits.length - 1) {\n nextFocus = nonprofits[0];\n } else {\n nextFocus = nonprofits[index + 1];\n }\n evt.preventDefault();\n break;\n case \"Enter\":\n case \" \":\n evt.preventDefault();\n break; // continue to toggle-selection block below\n default:\n return;\n }\n if (nextFocus) {\n if (currentId != null) {\n this.selectedNonprofitId = nextFocus.nonprofit.id;\n }\n const focusTarget = this.renderRoot.querySelector(`[data-value=\"${nextFocus.nonprofit.id}\"]`) as HTMLElement;\n if (focusTarget !== null) {\n focusTarget.tabIndex = 0;\n focusTarget.focus();\n }\n return;\n }\n }\n // Handle selection with click or Enter/Space key\n const targetEl = evt.currentTarget;\n if (targetEl instanceof HTMLElement) {\n if (currentId === id) {\n if (this.enableNonprofitDeselection) {\n this.selectedNonprofitId = null; // unset\n this.localStorage.setItem(\"nonprofit\", null);\n } else {\n return;\n }\n } else {\n this.selectedNonprofitId = id;\n }\n }\n\n /\n If we're making a specific selection, there's no need to sync from\n * an existing cart property, so cancel that sync because it's just going to\n * cause this component's state to get out of sync with the Beam backend\n /\n this.dispatchEvent(new BeamWidgetInitialNonprofitSyncCancelEvent({}));\n window.removeEventListener(\n BeamWidgetInitialNonprofitSyncEvent.eventName,\n this.handleInitialNonprofitSync as EventListener\n );\n\n await this.selectionDataController.exec({ selectedNonprofitId: this.selectedNonprofitId });\n };\n\n evaluateBreakPoints = debounce(\n () => {\n this.isMobile = window.innerWidth < 768;\n },\n 50,\n { maxWait: 50, leading: true }\n );\n\n public get cssVariables() {\n const defaults = {\n \"--beam-fontFamily\": \"inherit\",\n \"--beam-fontStyle\": \"inherit\",\n \"--beam-fontSize\": \"inherit\",\n \"--beam-textColor\": \"inherit\",\n \"--beam-backgroundColor\": \"inherit\",\n ...progressBarConfigDefaults,\n \"--beam-SelectNonprofit-title-textAlign\": \"inherit\",\n \"--beam-SelectNonprofit-description-textAlign\": \"inherit\",\n \"--beam-SelectNonprofit-maxWidth\": \"800px\",\n \"--beam-SelectNonprofit-options-marginTop\": \"0px\",\n \"--beam-SelectNonprofit-options-iconHeight\": \"24px\",\n \"--beam-SelectNonprofit-options-padding\": \"10px\",\n \"--beam-SelectNonprofit-options-borderRadius\": \"0px\",\n \"--beam-SelectNonprofit-options-borderColor\": \"currentColor\",\n \"--beam-SelectNonprofit-options-borderWidth\": \"1px\",\n \"--beam-SelectNonprofit-options--selected-borderColor\": \"currentColor\",\n \"--beam-SelectNonprofit-options-backgroundColor\": \"transparent\",\n \"--beam-SelectNonprofit-options-gap\": \"8px\",\n \"--beam-SelectNonprofit-options--selected-backgroundColor\": \"currentColor\",\n \"--beam-SelectNonprofit-details-marginTop\": \"10px\",\n \"--beam-SelectNonprofit-details-borderRadius\": \"0px\",\n \"--beam-SelectNonprofit-details-borderColor\": \"currentColor\",\n \"--beam-SelectNonprofit-details-backgroundColor\": \"inherit\",\n \"--beam-SelectNonprofit-details-padding\": \"10px\",\n ...defineCustomText(\"--beam-SelectNonprofit-title\", {\n fontSize: \"1.25em\",\n fontWeight: \"bold\",\n }),\n \"--beam-SelectNonprofit-header-inline-lineHeight\": \"inherit\",\n ...defineCustomText(\"--beam-SelectNonprofit-title-inline\", {\n fontWeight: \"bold\",\n }),\n \"--beam-SelectNonprofit-title-inline-textTransform\": \"none\",\n \"--beam-SelectNonprofit-title-block-margin-right\": \"8px\",\n ...defineCustomText(\"--beam-SelectNonprofit-description\", {\n marginTop: \"0.5em\",\n }),\n ...defineCustomText(\"--beam-SelectNonprofit-description-inline\"),\n ...defineCustomText(\"--beam-SelectNonprofit-details-cause\", {\n fontSize: \"0.85em\",\n fontWeight: \"bold\",\n }),\n ...defineCustomText(\"--beam-SelectNonprofit-details-beamAttribution\", {\n fontSize: \"0.85em\",\n }),\n ...defineCustomText(\"--beam-SelectNonprofit-details-impactDescription\", {\n fontSize: \"1em\",\n marginTop: \"10px\",\n }),\n \"--beam-SelectNonprofit-details-nonprofitName-fontWeight\": \"bold\",\n \"--beam-SelectNonprofit-details-nonprofitName-fontStyle\": \"inherit\",\n \"--beam-SelectNonprofit-details-fundingProgress-marginTop\": \"10px\",\n ...defineCustomText(\"--beam-SelectNonprofit-details-fundingProgressLabel\", {\n fontSize: \"0.85em\",\n }),\n ...notificationBlipConfigDefaults,\n ...promoPillLabelConfigDefaults,\n \"--beam-SelectNonprofit-promo-block-header-justifyContent\": \"initial\",\n \"--beam-SelectNonprofit-notification-blip-top\": \"4px\",\n \"--beam-SelectNonprofit-notification-blip-left\": \"50%\",\n \"--beam-SelectNonprofit-display-notification-blip\": \"true\",\n \"--beam-SelectNonprofit-enable-inline-header\": \"false\",\n \"--beam-SelectNonprofit-force-multiline-header\": \"false\",\n };\n\n const remoteConfig = this.nonprofitListDataController?.data?.config?.web?.theme \|\| {};\n\n const config = { ...defaults, ...remoteConfig };\n\n const serializable = Object.create({\n toCSS() {\n return _cssVariableMap(this as Record<string, string>);\n },\n });\n\n return Object.assign(serializable, config);\n }\n\n static styles = [\n cssReset,\n cssResponsiveUtils,\n css`\n :host {\n display: block;\n max-width: var(--beam-SelectNonprofit-maxWidth, 800px);\n font-family: var(--beam-fontFamily);\n font-style: var(--beam-fontStyle);\n font-size: var(--beam-fontSize);\n background-color: var(--beam-backgroundColor);\n color: var(--beam-textColor);\n word-break: normal;\n }\n\n .details-impactDescription {\n ${useCustomText(\"--beam-SelectNonprofit-details-impactDescription\")}\n }\n\n .details-impactDescription .nonprofitName {\n font-weight: var(--beam-SelectNonprofit-details-nonprofitName-fontWeight);\n font-style: var(--beam-SelectNonprofit-details-nonprofitName-fontStyle, inherit);\n }\n\n / Note: title/description display is responsive */\n\n .title-block {\n margin-right: var(--beam-SelectNonprofit-title-block-margin-right);\n ${useCustomText(\"--beam-SelectNonprofit-title\")}\n text-align: var(--beam-SelectNonprofit-title-textAlign);\n }\n\n .header-inline {\n line-height: var(--beam-SelectNonprofit-header-inline-lineHeight);\n }\n\n .title-inline {\n font-size: var(--beam-SelectNonprofit-title-inline-fontSize);\n font-weight: var(--beam-SelectNonprofit-title-inline-fontWeight);\n color: var(--beam-SelectNonprofit-title-inline-color);\n font-family: var(--beam-SelectNonprofit-title-inline-fontFamily);\n text-transform: var(--beam-SelectNonprofit-title-inline-textTransform);\n }\n\n .description-inline {\n font-family: var(--beam-SelectNonprofit-description-inline-fontFamily);\n font-weight: var(--beam-SelectNonprofit-description-inline-fontWeight);\n color: var(--beam-SelectNonprofit-description-inline-color);\n text-transform: var(--beam-SelectNonprofit-description-inline-textTransform);\n font-size: var(--beam-SelectNonprofit-description-inline-fontSize);\n }\n\n .description {\n ${useCustomText(\"--beam-SelectNonprofit-description\")}\n text-align: var(--beam-SelectNonprofit-description-textAlign);\n }\n\n .block-header-promo-pill-container {\n display: flex;\n align-items: center;\n justify-content: var(--beam-SelectNonprofit-promo-block-header-justifyContent);\n }\n\n .block-header-promo-pill-container-responsive {\n flex-direction: column;\n align-items: flex-start;\n }\n .block-header-promo-pill-center-block-container-responsive {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n }\n .block-header-promo-pill-container-responsive beam-promo-info-pill {\n order: -1;\n }\n .block-header-promo-pill-center-block-container-responsive beam-promo-info-pill {\n order: -1;\n }\n .option {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n beam-notification-blip::part(notification-blip-container) {\n position: absolute;\n top: var(--beam-SelectNonprofit-notification-blip-top);\n left: var(--beam-SelectNonprofit-notification-blip-left);\n }\n `,\n ];\n\n protected render() {\n const { selectedNonprofitId } = this;\n const { data, loading } = this.nonprofitListDataController;\n\n if (loading && !data) {\n return _loading();\n }\n if (this.nonprofitListDataController.error) {\n if (this.debug) {\n return _errorMessage({ error: this.nonprofitListDataController.error });\n }\n return \"\";\n }\n if (this.selectionDataController.error) {\n if (this.debug) {\n return _errorMessage({ error: this.selectionDataController.error });\n }\n // do not show error screen for interactive errors by default\n }\n\n const nonprofits = data?.nonprofits \|\| [];\n const selectedNonprofit = nonprofits.find((np) => np.nonprofit.id === selectedNonprofitId) \|\| null;\n const shouldUseNewPromoUI = !!data?.config?.web?.promo;\n const hasNonprofitWithInactivePromo = nonprofits.some((np) => !np.promo \|\| !np.promo.isActive);\n const getCssVar = (key: string) => this.cssVariables[key];\n const shouldDisplayPromoBlip = getCssVar(\"--beam-SelectNonprofit-display-notification-blip\") === \"true\";\n const isTitleTextCenterAligned = getCssVar(\"--beam-SelectNonprofit-title-textAlign\") === \"center\";\n const isInlineHeaderEnabled = getCssVar(\"--beam-SelectNonprofit-enable-inline-header\") === \"true\";\n const isMultilineHeaderForced = getCssVar(\"--beam-SelectNonprofit-force-multiline-header\") === \"true\";\n const shouldDisplayInlineHeader = !isMultilineHeaderForced && (isInlineHeaderEnabled \|\| this.isMobile);\n\n const defaultHeader = html`<h3\n class=${classMap({\n \"title-block\": true,\n \"d-none\": true,\n \"d-block\": !shouldDisplayInlineHeader,\n })}\n part=\"title\"\n id=\"beam-SelectNonprofit-title\"\n >\n ${localizeUserString(this.configLang, data?.config?.web?.title \|\| \"\") \|\| strings[this.configLang].ctaTitle()}\n </h3>`;\n\n const renderPromoHeaderContent = () => {\n const classes = classMap({\n \"block-header-promo-pill-container\": !shouldDisplayInlineHeader && !isTitleTextCenterAligned,\n \"block-header-promo-pill-container-responsive\": shouldDisplayInlineHeader && !isTitleTextCenterAligned,\n \"block-header-promo-pill-center-block-container-responsive\":\n !shouldDisplayInlineHeader && isTitleTextCenterAligned,\n });\n\n const styles = styleMap({\n display: shouldDisplayInlineHeader ? \"flex\" : undefined,\n });\n\n return shouldUseNewPromoUI\n ? html`<div class=${classes} style=${styles}>\n ${defaultHeader}\n <beam-promo-info-pill .promo=${data?.config?.web?.promo}></beam-promo-info-pill>\n </div>`\n : defaultHeader;\n };\n\n const renderHeader = () => {\n return html`\n <div part=\"heading\">\n ${renderPromoHeaderContent()}\n <p class=\"description\" part=\"description\">\n <span class=${classMap({\n \"d-none\": true,\n \"d-inline\": !shouldDisplayInlineHeader,\n })}>\n ${\n shouldUseNewPromoUI\n ? html`<span style=\"font-weight:bold\">\n ${localizeUserString(this.configLang, data?.config?.web?.promoDescriptionPrefix \|\| \"\") \|\|\n strings[this.configLang].ctaPromoPrefixMessage()}\n </span>\n <span>\n ${localizeUserString(this.configLang, data?.config?.web?.promoDescription \|\| \"\") \|\|\n strings[this.configLang].ctaPromoMessage()}\n </span>`\n : html`<span>\n ${localizeUserString(this.configLang, data?.config?.web?.description \|\| \"\") \|\|\n strings[this.configLang].ctaMessage()}\n </span>`\n }\n </span>\n <div class=${classMap({\n \"d-none\": !shouldDisplayInlineHeader,\n \"header-inline\": true,\n })}>\n <span class=\"title-inline\" part=\"title\">\n ${\n (localizeUserString(this.configLang, data?.config?.web?.title \|\| \"\") \|\|\n strings[this.configLang].ctaTitle()) + strings[this.configLang].inlineSeparator()\n }\n </span>\n <span class=\"description-inline\" part=\"description\">\n ${\n shouldUseNewPromoUI\n ? html`<span style=\"font-weight:bold\">\n ${localizeUserString(this.configLang, data?.config?.web?.promoDescriptionPrefix \|\| \"\") \|\|\n strings[this.configLang].ctaPromoPrefixMessage()}\n </span>\n <span>\n ${localizeUserString(this.configLang, data?.config?.web?.promoDescription \|\| \"\") \|\|\n strings[this.configLang].ctaPromoMessage()}\n </span>`\n : html`<span\n >${localizeUserString(this.configLang, data?.config?.web?.description \|\| \"\") \|\|\n strings[this.configLang].ctaMessage()}\n </span>`\n }\n </div>\n </p>\n </div>`;\n };\n\n return html`\n <style>\n :host {\n ${this.cssVariables.toCSS()}\n }\n </style>\n ${renderHeader()}\n <div\n class=\"options\"\n part=\"options\"\n role=\"radiogroup\"\n aria-labelledby=\"beam-SelectNonprofit-title\"\n style=\"display: flex; gap: var(--beam-SelectNonprofit-options-gap); margin: 10px 0 0 0;\"\n >\n ${repeat(\n nonprofits,\n (i) => i.nonprofit.id,\n ({ nonprofit, promo }, index) => {\n const isSelected = selectedNonprofitId === nonprofit.id;\n const isFocusable = isSelected \|\| (selectedNonprofit == null && index === 0);\n const shouldAddPromoBlip =\n promo?.isActive && data?.config.web.promo && hasNonprofitWithInactivePromo && shouldDisplayPromoBlip;\n return html`\n <div\n class=\"option\"\n part=\"option\"\n role=\"radio\"\n tabindex=\"${isFocusable ? 0 : -1}\"\n data-value=${nonprofit.id}\n aria-checked=${isSelected}\n @click=${this.makeHandleSelect(nonprofit.id, index, nonprofits)}\n @keydown=${this.makeHandleSelect(nonprofit.id, index, nonprofits)}\n aria-label=\"${localizeUserString(this.configLang, nonprofit.cause \|\| \"\")}\"\n style=\"${styleMap({\n cursor: \"pointer\",\n flex: \"1\",\n textAlign: \"center\",\n lineHeight: \"1\",\n marginTop: \"var(--beam-SelectNonprofit-options-marginTop, 0px)\",\n padding: \"var(--beam-SelectNonprofit-options-padding, 10px)\",\n borderStyle: \"solid\",\n position: \"relative\",\n borderRadius: \"var(--beam-SelectNonprofit-options-borderRadius, 0)\",\n borderColor: isSelected\n ? nonprofit.causeColor \|\| \"var(--beam-SelectNonprofit-options--selected-borderColor, currentColor)\"\n : \"var(--beam-SelectNonprofit-options-borderColor, currentColor)\",\n borderWidth: \"var(--beam-SelectNonprofit-options-borderWidth, 1px)\",\n backgroundColor: isSelected\n ? nonprofit.causeColor \|\|\n \"var(--beam-SelectNonprofit-options--selected-backgroundColor, currentColor)\"\n : \"var(--beam-SelectNonprofit-options-backgroundColor, transparent)\",\n })}\"\n >\n <img\n src=\"${isSelected ? nonprofit.causeIconSelectedUrl : nonprofit.causeIconUrl}\"\n alt=\"\"\n role=\"presentation\"\n style=\"\n height: var(--beam-SelectNonprofit-options-iconHeight, 24px);\n user-select: none;\n vertical-align: -webkit-baseline-middle;\n \"\n />\n ${shouldAddPromoBlip ? html`<beam-notification-blip></beam-notification-blip>` : html``}\n </div>\n `;\n }\n )}\n </div>\n ${selectedNonprofit != null\n ? html`\n <div\n class=\"details\"\n part=\"details\"\n style=\"\n border: 1px solid var(--beam-SelectNonprofit-details-borderColor);\n border-radius: var(--beam-SelectNonprofit-details-borderRadius);\n background-color: var(--beam-SelectNonprofit-details-backgroundColor);\n padding: var(--beam-SelectNonprofit-details-padding);\n margin-top: var(--beam-SelectNonprofit-details-marginTop);\n \"\n aria-label=\"Funding information for selected nonprofit ${selectedNonprofit.nonprofit\n ?.name}. Powered by Beam\"\n >\n <div style=\"display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap-reverse\">\n <span\n class=\"details-cause\"\n style=\"flex: 0 1; white-space: nowrap; ${useCustomText(\"--beam-SelectNonprofit-details-cause\")}\"\n >\n ${selectedNonprofit?.promo?.isActive && hasNonprofitWithInactivePromo\n ? data?.config.web.promo?.[\"promo-cause-alt-text\"] \|\| selectedNonprofit.nonprofit.cause\n : localizeUserString(this.configLang, selectedNonprofit.nonprofit.cause \|\| \"\")}\n </span>\n <div aria-hidden=\"true\">\n <span\n class=\"details-beamAttribution\"\n aria-hidden=\"true\"\n style=\"flex: 0 1; white-space: nowrap; ${useCustomText(\n \"--beam-SelectNonprofit-details-beamAttribution\"\n )}\"\n >\n ${strings[this.configLang].beamAttribution()}\n </span>\n </div>\n </div>\n <p class=\"details-impactDescription\">\n ${unsafeHTML(localizeUserString(this.configLang, selectedNonprofit.impact.description \|\| \"\"))}\n </p>\n <div\n style=\"display: flex; margin-top: var(--beam-SelectNonprofit-details-fundingProgress-marginTop); align-items: center;\"\n >\n <beam-progress-bar\n value=\"${selectedNonprofit.impact.goalProgressPercentage}\"\n style=\"flex: 1 0;\"\n ></beam-progress-bar>\n <span\n class=\"details-fundingProgressLabel\"\n style=\"${useCustomText(\n \"--beam-SelectNonprofit-details-fundingProgressLabel\"\n )} white-space: nowrap; text-align: right; flex: 0 1; margin-left: 15px;\"\n >\n ${localizeUserString(this.configLang, selectedNonprofit.impact.goalProgressText)}\n </span>\n </div>\n </div>\n `\n : \"\"}\n `;\n }\n}\n\ndefineCustomElement(BeamSelectNonprofit);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"beam-select-nonprofit\": BeamSelectNonprofit;\n }\n}\n"],"names":["BeamNotificationBlip","LitElement","css","html","notificationBlipConfigDefaults","strings","donationPercentage","didHandleInitialNonprofitSync","BeamSelectNonprofit","DEFAULT_BASE_URL","evt","promoCodesFromPlugin","c","enforceConfig","beamCartId","getBeamCartId","BEAM_CART_COOKIE_NAME","cartId","getExternalCartId","cart","manualPromoCodes","formattedPromos","formatStoreAndReturnPromoCodes","code","shouldSendPromos","isEmptyPromoData","BeamWidgetStoredPromoCodesEvent","WIDGET_NAMES","res","postChainEligibleNonprofitsForCart","np","selectedNonprofitId","result","postSelectNonprofit","selectedNonprofit","BeamNonprofitSelectEvent","BeamNonprofitSelectionRemovedEvent","AsyncController","createScopedLocalStorage","selectionId","nonprofitId","nonprofitChanged","selectionChanged","BeamWidgetInitialNonprofitSyncEvent","id","index","nonprofits","currentId","nextFocus","focusTarget","BeamWidgetInitialNonprofitSyncCancelEvent","debounce","SUPPORTED_LANGUAGES","parseJsonStringArray","getPromoCodesFromCart","response","setPromoCodesInLocalStorage","setPromoCodeInCookie","BeamCartChangeEvent","BeamPromoCodesStoredEvent","changedProperties","requireNewDataProps","prop","currentTimestamp","selectionTtl","selectionCreatedAt","isSelectionExpired","createdAt","data","cacheTtl","err","logger","defaults","progressBarConfigDefaults","defineCustomText","promoPillLabelConfigDefaults","remoteConfig","config","_cssVariableMap","loading","_loading","_errorMessage","shouldUseNewPromoUI","hasNonprofitWithInactivePromo","getCssVar","key","shouldDisplayPromoBlip","isTitleTextCenterAligned","isInlineHeaderEnabled","shouldDisplayInlineHeader","defaultHeader","classMap","localizeUserString","renderPromoHeaderContent","classes","styles","styleMap","renderHeader","repeat","i","nonprofit","promo","isSelected","isFocusable","shouldAddPromoBlip","useCustomText","unsafeHTML","cssReset","cssResponsiveUtils","__decorateClass","property","a","b","isEqual","state","defineCustomElement"],"mappings":"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"}