@beamimpact/web-sdk 1.52.1 → 1.52.5

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

@@ -1 +1 @@
-{"version":3,"file":"impact-overview.js","sources":["../../src/components/impact-overview/strings.ts","../../src/components/impact-overview/index.ts"],"sourcesContent":["export const strings = {\n  en: {\n    descriptionTitle: ({ nonprofitName = \"a nonprofit\" }) => `You've just made an impact for ${nonprofitName}`,\n    descriptionSubtitle: () => `Check out the impact your purchase made below.`,\n    yourImpactTitle: () => `You’ve Funded`,\n    communityImpactTitle: () => `Together we’re funding`,\n    personalImpactLinkCopy: ({ name = \"\" }) => `Learn about ${name}`,\n    communityImpactLinkCopy: ({ name = \"\" }) => `See all of the impact by the ${name} community`,\n    // share modal\n    impactShareButton: () => `Share to Grow Your Impact`,\n  },\n  fr: {\n    descriptionTitle: ({ nonprofitName = \"\" }) => `Vous avez eu un impact positif sur ${nonprofitName}`, // TODO: Update translation copy SDK-2210\n    descriptionSubtitle: ({ causeName = \"\" }) =>\n      `Découvrez quel est l'impact de votre achat chez ${causeName} ci-dessous.`, // TODO: Update translation copy SDK-2210\n    yourImpactTitle: () => `Vous avez financé`,\n    communityImpactTitle: () => `Ensemble, nous finançons`,\n    personalImpactLinkCopy: ({ name = \"\" }) => `En savoir sur ${name}`,\n    communityImpactLinkCopy: ({ name = \"\" }) => `Voir toutes les contributions de la communauté de ${name}`,\n    // share modal\n    impactShareButton: () => `Partagez pour augmentez notre cause`,\n  },\n  de: {\n    descriptionTitle: ({ nonprofitName = \"\" }) => `Du hast soeben einen Beitrag geleistet für ${nonprofitName}`, // TODO: Update translation copy SDK-2210\n    descriptionSubtitle: ({ causeName = \"\" }) =>\n      `Erfahre mehr über den Beitrag, den du mit deinem ${causeName} Kauf geleistet hast`, // TODO: Update translation copy SDK-2210\n    yourImpactTitle: () => `Sie haben finanziert`,\n    communityImpactTitle: () => `Gemeinsam finanzieren wir`,\n    personalImpactLinkCopy: ({ name = \"\" }) => `Mehr über ${name} lernen`,\n    communityImpactLinkCopy: ({ name = \"\" }) =>\n      `Informiere dich über den bisher geleisteten Beitrag der ${name} community`,\n    // share modal\n    impactShareButton: () => `Teil, um unserem Beitrag zu erhöhen`,\n  },\n  es: {\n    descriptionTitle: ({ nonprofitName = \"\" }) => `Acabas de contribuir con ${nonprofitName}`, // TODO: Update translation copy SDK-2210\n    descriptionSubtitle: ({ causeName = \"\" }) =>\n      `Comprueba la contribución que has hecho con tu compra ${causeName} a continuación`, // TODO: Update translation copy SDK-2210\n    yourImpactTitle: () => `Has financiado`,\n    communityImpactTitle: () => `Juntos estamos financiando`,\n    personalImpactLinkCopy: ({ name = \"\" }) => `Saber de ${name}`,\n    communityImpactLinkCopy: ({ name = \"\" }) => `Mira lo que ha conseguido la comunidad ${name}`,\n    // share modal\n    impactShareButton: () => \"Comparte para aumentar nuestro impacto\",\n  },\n  it: {\n    descriptionTitle: ({ nonprofitName = \"\" }) => `Hai appena fatto la differenza per ${nonprofitName}`, // TODO: Update translation copy SDK-2210\n    descriptionSubtitle: ({ causeName = \"\" }) => `Guarda qui sotto l'impatto del tuo acquisto ${causeName}`, // TODO: Update translation copy SDK-2210\n    yourImpactTitle: () => `Hai finanziato`,\n    communityImpactTitle: () => `Insieme stiamo finanziando`,\n    personalImpactLinkCopy: ({ name = \"\" }) => `Scopri su ${name}`,\n    communityImpactLinkCopy: ({ name = \"\" }) => `Guarda come la comunità di ${name} fa la differenza`,\n    // share modal\n    impactShareButton: () => \"Condividi, aiutaci a fare la differenza\",\n  },\n  pl: {\n    descriptionTitle: ({ nonprofitName = \"\" }) => `Właśnie wsparłaś_eś ${nonprofitName}!`, // TODO: Update translation copy SDK-2210\n    descriptionSubtitle: ({ causeName = \"\" }) =>\n      `Sprawdź niżej, jakiego wsparcia udzieliłaś_eś kupując w ${causeName} `, // TODO: Update translation copy SDK-2210\n    yourImpactTitle: () => `Sfinansowałeś(a) `,\n    communityImpactTitle: () => `Razem finansujemy`,\n    personalImpactLinkCopy: ({ name = \"\" }) => `Dowiedz się o ${name}`,\n    communityImpactLinkCopy: ({ name = \"\" }) => `Zobacz, ile dobrego zrobiła do tej pory społeczność ${name}`,\n    // share modal\n    impactShareButton: () => `Udostępnij, by szerzyć naszą misję`,\n  },\n};\n","import { css, html, LitElement, PropertyValues } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { queryAll } from \"lit/decorators/query-all.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport debounce from \"lodash-es/debounce\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES, WIDGET_NAMES } from \"../../api-sdk/constants\";\nimport { LANGUAGES, TUrl } from \"../../api-sdk/types\";\nimport { getImpact } from \"../../api-sdk/v3/routes\";\nimport { MissingConfig } from \"../../utils/beam-errors\";\nimport \"../../shared/components/progress-bar\";\nimport { progressBarConfigDefaults } from \"../../shared/components/progress-bar\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { logger } from \"../../utils/logger\";\nimport \"../../shared/shoelace-components\";\nimport { syncElementHeights } from \"../../shared/sync-element-heights\";\nimport { TId, TNumericId } from \"../../shared/types\";\nimport \"../beam-partner-logos\";\nimport { partnerLogosConfigDefaults } from \"../beam-partner-logos\";\nimport { shareButtonConfigDefaults } from \"../../shared/components/share-button\";\nimport { cssResponsiveUtils } from \"../../shared/responsive\";\nimport { strings } from \"./strings\";\nimport \"../../shared/components/share-button\";\n\ntype RequiredConfig = {\n  apiKey: string;\n  nonprofitId: TNumericId;\n  userId: TId;\n};\n\nexport class BeamImpactOverview extends LitElement {\n  static tagName = \"beam-impact-overview\";\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, reflect: true }) nonprofitId?: RequiredConfig[\"nonprofitId\"];\n\n  @property({ type: String, reflect: true }) userId?: RequiredConfig[\"userId\"];\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 }) transactionId?: string;\n  /**\n   * @deprecated (v1.49.0) promoCodes and discountCodes will now be retrieved on the backend using transactionId\n   */\n  @property({ type: Object }) public discountCodes?: string[];\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  getImpactData = async () => {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"userId\", \"nonprofitId\"], this)) throw new MissingConfig();\n    const res = await getImpact({\n      baseUrl: this.baseUrl,\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      queryParams: {\n        nonprofitId: this.nonprofitId,\n        beamUserId: this.userId,\n        personalImpactLimit: 1,\n        communityImpactLimit: 1,\n        storeId: this.storeId,\n        widgetName: WIDGET_NAMES.impact_overview,\n        version: \"1.0.0\",\n        draftConfig: this.draftConfig,\n        lang: this.configLang,\n        discountCodes: this.discountCodes && this.discountCodes.length > 0 ? this.discountCodes : undefined,\n        transactionId: this.transactionId ?? undefined,\n      },\n    });\n\n    return res;\n  };\n\n  private impactDataController = new AsyncController<typeof this.getImpactData>(this, this.getImpactData);\n\n  @queryAll(\".impact-card-title\")\n  impactTitleRefs!: HTMLElement[];\n\n  @queryAll(\".impact-card-description\")\n  impactDescriptionRefs!: HTMLElement[];\n\n  @queryAll(\".impact-link\")\n  impactLinkRefs!: HTMLElement[];\n\n  @queryAll(\".impact-card-goalCompletionText\")\n  goalCompletionTextRefs!: HTMLElement[];\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(\"resize\", this.resizeElements);\n  }\n\n  async updated(changedProperties: PropertyValues): Promise<void> {\n    // Reload nonprofit list on change of any of these props:\n    // Also fires on first load as props go from undefined => value\n    const requireNewDataProps = [\"baseUrl\", \"storeId\", \"apiKey\", \"userId\", \"lang\", \"discountCodes\"];\n    for (const prop of requireNewDataProps) {\n      if (changedProperties.has(prop)) {\n        await this.impactDataController.exec();\n        break;\n      }\n    }\n    this.resizeElements(); // Handle layout shifts immediately\n    await this.handleFontLoad(this.resizeElements); // If content change triggered font load, resize again\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener(\"resize\", this.resizeElements);\n    document.fonts.removeEventListener(\"loadingdone\", this.resizeElements);\n    super.disconnectedCallback();\n  }\n\n  /**\n   * Safari does not fire loading events on the document FontFaceSet, but it does implement the .ready Promise\n   * Call this method to wait for font loads that may be triggered by content changes\n   */\n  async handleFontLoad<T = any>(callback: () => T | void) {\n    if (document.fonts.status === \"loading\") {\n      await document.fonts.ready.catch((e) => logger.error(e));\n      return callback();\n    }\n  }\n\n  resizeElements = debounce(\n    () => {\n      syncElementHeights(this.impactTitleRefs);\n      syncElementHeights(this.impactDescriptionRefs);\n      syncElementHeights(this.impactLinkRefs);\n      syncElementHeights(this.goalCompletionTextRefs);\n    },\n    50,\n    { maxWait: 50, leading: true }\n  );\n\n  renderCard({\n    imageUrl,\n    title,\n    percentFunded,\n    goalProgressText,\n    description,\n    urlCopy,\n    impactUrl,\n    isImage,\n    cardType,\n    goalCompletionText,\n  }: {\n    imageUrl: TUrl;\n    title: string;\n    percentFunded: number;\n    goalProgressText: string;\n    description: string;\n    urlCopy?: string;\n    impactUrl: TUrl;\n    isImage: boolean;\n    cardType: string;\n    goalCompletionText?: string;\n  }) {\n    return html`\n      <div class=\"impact-card ${isImage ? \"\" : \"icon\"}\" part=\"impact-card\">\n        <div class=\"${isImage ? \"\" : \"icon-background \"}\">\n          <img src=\"${imageUrl}\" alt=\"${title}\" class=\"${isImage ? \"impact-card-image\" : \"impact-card-icon\"}\" />\n        </div>\n        <div class=\"${isImage ? \"\" : \"impact-icon-card-content\"}\" style=\"margin: 12px;\">\n          <div class=\"impact-card-title\">${title}</div>\n          <p class=\"impact-card-description\">${unsafeHTML(description)}</p>\n          <div class=\"impact-card-goalCompletionText\">\n            <p>${unsafeHTML(goalCompletionText)}</p>\n          </div>\n          <div class=\"impact-card-progress\" style=\"display: flex; align-items: center;\">\n            <beam-progress-bar\n              value=\"${percentFunded}\"\n              style=\"flex: 1 0;\"\n              class=\"impact-card-progressbar\"\n            ></beam-progress-bar>\n            <span class=\"impact-card-progressText\" style=\"flex: 0 1; margin-left: 10px; white-space: nowrap;\"\n              >${localizeUserString(this.configLang, goalProgressText)}</span\n            >\n          </div>\n          <p class=\"impact-link\" part=\"impact-link\">\n            <a href=\"${impactUrl}\" target=\"_blank\" rel=\"noopener noreferrer\">\n              ${cardType === \"personal\"\n                ? strings[this.configLang].personalImpactLinkCopy({\n                    name: urlCopy,\n                  })\n                : strings[this.configLang].communityImpactLinkCopy({\n                    name: urlCopy,\n                  })}<span class=\"impact-link-arrow\">&nbsp;&rsaquo;</span>\n            </a>\n          </p>\n        </div>\n      </div>\n    `;\n  }\n\n  render() {\n    const { data, loading, error } = this.impactDataController;\n    if (loading) {\n      return _loading();\n    }\n    if (error) {\n      if (this.debug) {\n        return _errorMessage({ error });\n      }\n      return \"\";\n    }\n    if (data == null) {\n      if (this.debug) {\n        return _errorMessage({ error: new Error(\"No data\") });\n      }\n      return \"\";\n    }\n    const brandName = this.impactDataController.data?.chain.name;\n    const causeName = localizeUserString(this.configLang, data.personal[0].nonprofit.cause || \"\");\n    const cardStyle = this.cssVariables[\"--beam-ImpactOverview-cardStyle\"];\n    const isImage = cardStyle === \"'image'\";\n    const isSelectedIcon = cardStyle === \"'selected_icon'\";\n    const personalImageUrl = data.personal[0]?.imageUrl || \"\";\n    const communityImageUrl = data.community[0].imageUrl || \"\";\n    const iconUrl = data.personal[0]?.nonprofit.causeIconUrl;\n    const selectedIconUrl = data.personal[0]?.nonprofit.causeIconSelectedUrl;\n    const personalCardImage = isImage ? personalImageUrl : isSelectedIcon ? selectedIconUrl : iconUrl;\n    const communityCardImage = isImage ? communityImageUrl : isSelectedIcon ? selectedIconUrl : iconUrl;\n\n    const shareImage =\n      this.impactDataController.data?.promoAssetUrl || this.impactDataController.data?.personalImpactAssetUrl;\n    const showShare = this.cssVariables[\"--beam-ImpactOverview-share-button-display\"] !== \"none\";\n    const showShareMobile =\n      showShare && this.cssVariables[\"--beam-ImpactOverview-share-button-display-mobile\"] !== \"none\";\n    const showShareDesktop =\n      showShare && this.cssVariables[\"--beam-ImpactOverview-share-button-display-desktop\"] !== \"none\";\n    const shareIcon = this.cssVariables[\"--beam-ImpactOverview-share-button-icon-name\"] || \"share-2\";\n\n    let shareButtonVisibilityClass = \"d-none\";\n    if (showShareMobile) {\n      shareButtonVisibilityClass = showShareDesktop ? \"d-block\" : \"d-lg-none\";\n    } else {\n      shareButtonVisibilityClass = showShareDesktop ? \"d-none d-lg-block\" : \"d-none\";\n    }\n\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n\n      <div>\n        <beam-partner-logos\n          partnerLogoUrl=\"${data.chain.logoUrl}\"\n          partnerName=\"${data.chain.name}\"\n          part=\"logos\"\n        ></beam-partner-logos>\n      </div>\n\n      <div class=\"description\">\n        <div class=\"title\" part=\"title\">\n          ${localizeUserString(this.configLang, data.config?.web?.title) ||\n          strings[this.configLang].descriptionTitle({ nonprofitName: data.personal[0].nonprofit.name })}\n        </div>\n        <div class=\"subtitle\" part=\"subtitle\">\n          ${localizeUserString(this.configLang, data.config?.web?.description) ||\n          strings[this.configLang].descriptionSubtitle({ causeName: causeName })}\n        </div>\n      </div>\n\n      <div class=\"${isImage ? \"impact-image-cards\" : \"impact-icon-cards\"}\">\n        <div class=\"impact your-impact ${isImage ? \"image-card-container\" : \"icon-card-container\"}\">\n          ${this.renderCard({\n            isImage,\n            imageUrl: personalCardImage || \"\",\n            title: strings[this.configLang].yourImpactTitle(),\n            percentFunded: data.personal[0]?.impact?.goalProgressPercentage || 0,\n            goalProgressText: data.personal[0]?.impact?.goalProgressText,\n            description: localizeUserString(this.configLang, data.personal[0]?.impact?.description || \"\"),\n            urlCopy: data.personal[0].nonprofit?.name,\n            impactUrl: data.personal[0].nonprofit?.website || \"\",\n            cardType: \"personal\",\n            goalCompletionText: data.personal[0].impact.goalCompletionText,\n          })}\n        </div>\n        <div class=\"impact community-impact ${isImage ? \"image-card-container\" : \"icon-card-container\"}\">\n          ${this.renderCard({\n            isImage,\n            imageUrl: communityCardImage || \"\",\n            title: strings[this.configLang].communityImpactTitle(),\n            percentFunded: data.community[0].impact?.goalProgressPercentage || 0,\n            goalProgressText: data.community[0]?.impact?.goalProgressText,\n            description: localizeUserString(this.configLang, data.community[0].impact?.description || \"\"),\n            urlCopy: data.chain.name,\n            impactUrl: data.chain.communityImpactUrl || data.community[0].nonprofit.website || \"\",\n            cardType: \"community\",\n            goalCompletionText: data.community[0].impact.goalCompletionText,\n          })}\n        </div>\n      </div>\n\n      <div class=\"footer ${shareButtonVisibilityClass} shareButtonContainer\" part=\"social-share\">\n        <beam-share-button\n          imageUrl=\"${shareImage}\"\n          brandName=\"${brandName}\"\n          shareIcon=\"${shareIcon}\"\n          buttonText=\"${strings[this.configLang].impactShareButton()}\"\n          configLang=\"${this.configLang}\"\n          baseUrl=\"${this.baseUrl}\"\n          storeId=\"${this.storeId}\"\n          nonprofitId=\"${this.nonprofitId}\"\n          transactionId=\"${this.transactionId}\"\n          apiKey=\"${this.apiKey}\"\n        ></beam-share-button>\n      </div>\n\n      <div id=\"modal-root\"></div>\n    `;\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      ...partnerLogosConfigDefaults,\n      ...progressBarConfigDefaults,\n      ...shareButtonConfigDefaults,\n      ...defineCustomText(\"--beam-ImpactOverview-title\", {\n        fontSize: \"16px\",\n        fontWeight: \"bold\",\n        marginTop: \"10px\",\n        textTransform: \"capitalize\",\n      }),\n      ...defineCustomText(\"--beam-ImpactOverview-subtitle\", {\n        marginTop: \"5px\",\n      }),\n      \"--beam-ImpactOverview-impactCards-maxWidth\": \"650px\",\n      \"--beam-ImpactOverview-impactCard-backgroundColor\": \"inherit\",\n      \"--beam-ImpactOverview-impactCard-foregroundColor\": \"currentColor\",\n      \"--beam-ImpactOverview-impactCard-borderColor\": \"currentColor\",\n      \"--beam-ImpactOverview-impactCard-borderRadius\": \"5px\",\n      \"--beam-ImpactOverview-impactCard-marginTop\": \"10px\",\n      ...defineCustomText(\"--beam-ImpactOverview-impactCard-title\", {\n        fontSize: \"15px\",\n        fontWeight: \"bold\",\n        letterSpacing: \"0.36px\",\n      }),\n      \"--beam-ImpactOverview-impactCard-progress-marginTop\": \"8px\",\n      ...defineCustomText(\"--beam-ImpactOverview-impactCard-progressText\"),\n      ...defineCustomText(\"--beam-ImpactOverview-impactCard-description\", {\n        marginTop: \"10px\",\n      }),\n      \"--beam-ImpactOverview-impactCard-linkArrow-display\": \"inline\",\n      \"--beam-ImpactOverview-impactCard-link-color\": \"inherit\",\n      ...defineCustomText(\"--beam-ImpactOverview-impactCard-link\", {\n        marginTop: \"10px\",\n        textDecoration: \"underline\",\n        textTransform: \"capitalize\",\n      }),\n      ...defineCustomText(\"--beam-ImpactOverview-goalCompletionText\", {\n        marginTop: \"5px\",\n        fontWeight: \"600\",\n        textTransform: \"capitalize\",\n        fontSize: \"13px\",\n      }),\n      \"--beam-ImpactOverview-share-button-display\": \"none\",\n      \"--beam-ImpactOverview-share-button-display-mobile\": \"inherit\",\n      \"--beam-ImpactOverview-share-button-display-desktop\": \"inherit\",\n      \"--beam-ImpactOverview-image-display\": \"block\",\n      \"--beam-ImpactOverview-cardStyle\": \"'image'\", // icon, selected_icon, image\n      \"--beam-ImpactOverview-iconBackground-width\": \"75px\",\n      \"--beam-ImpactOverview-iconBackground-height\": \"75px\",\n      \"--beam-ImpactOverview-iconBackground-borderRadius\": \"50px\",\n      \"--beam-ImpactOverview-icon-padding\": \"0px\",\n      \"--beam-ImpactOverview-iconBackground-background\": \"#f3f3f3\",\n      \"--beam-ImpactOverview-impactCard-shareButton-background\": \"#fff\",\n      \"--beam-ImpactOverview-impactCard-shareButton-boxShadow\": \"0px -20px 20px 0px rgb(0 0 0 / 2%)\",\n    };\n\n    const remoteConfig = this.impactDataController?.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        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-ImpactOverview-impactCards-maxWidth, 650px);\n        word-break: normal;\n      }\n      .icon {\n        display: flex;\n        align-items: center;\n      }\n      .icon-background {\n        width: var(--beam-ImpactOverview-iconBackground-width, 75px);\n        height: var(--beam-ImpactOverview-iconBackground-height, 75px);\n        border-radius: var(--beam-ImpactOverview-iconBackground-borderRadius, 50px);\n        padding: var(--beam-ImpactOverview-icon-padding, 0px);\n        margin: 8px;\n        overflow: hidden;\n        background: var(--beam-ImpactOverview-iconBackground-background, #f3f3f3);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n      .impact-icon-card-content {\n        flex: 3 1 75%;\n      }\n      .impact-image-cards {\n        max-width: var(--beam-ImpactOverview-impactCards-maxWidth);\n        display: flex;\n        flex-wrap: wrap;\n        gap: 15px;\n        margin: 10px 0;\n      }\n      .impact-icon-cards {\n        max-width: var(--beam-ImpactOverview-impactCards-maxWidth);\n        margin: 10px 0;\n      }\n      .impact-card {\n        padding-bottom: 5px;\n        margin-top: var(--beam-ImpactOverview-impactCard-marginTop);\n        background-color: var(--beam-ImpactOverview-impactCard-backgroundColor);\n        border: 1px solid var(--beam-ImpactOverview-impactCard-borderColor);\n        border-radius: var(--beam-ImpactOverview-impactCard-borderRadius);\n        overflow: hidden; /* maintain clean border-radius */\n        color: var(--beam-ImpactOverview-impactCard-foregroundColor);\n      }\n      .impact-card-image {\n        object-fit: cover;\n        height: 110px;\n        width: 100%;\n        display: var(--beam-ImpactOverview-image-display);\n      }\n      .impact-card-icon {\n        flex: 1 1 10%;\n        max-width: 50%;\n        display: var(--beam-ImpactOverview-image-display);\n      }\n      .image-card-container {\n        flex: 1 1;\n        display: inline-block;\n        min-width: 200px;\n        max-width: 100%;\n      }\n      .icon-card-container {\n        max-width: 100%;\n        min-width: 299px;\n      }\n      .impact-card-progress {\n        margin-top: var(--beam-ImpactOverview-impactCard-progress-marginTop);\n      }\n      .shareButtonContainer {\n        position: sticky;\n        bottom: 0;\n        z-index: 999;\n        background-color: var(--beam-ImpactOverview-impactCard-shareButton-background);\n        box-shadow: var(--beam-ImpactOverview-impactCard-shareButton-boxShadow);\n      }\n      .title {\n        ${useCustomText(\"--beam-ImpactOverview-title\")}\n      }\n      .subtitle {\n        ${useCustomText(\"--beam-ImpactOverview-subtitle\")}\n      }\n      .impact-card-title {\n        ${useCustomText(\"--beam-ImpactOverview-impactCard-title\")}\n      }\n      .impact-card-progressText {\n        ${useCustomText(\"--beam-ImpactOverview-impactCard-progressText\")}\n      }\n      .impact-card-description {\n        ${useCustomText(\"--beam-ImpactOverview-impactCard-description\")}\n      }\n      .impact-link {\n        ${useCustomText(\"--beam-ImpactOverview-impactCard-link\")}\n      }\n      .impact-link-arrow {\n        display: var(--beam-ImpactOverview-impactCard-linkArrow-display, \"inline\");\n      }\n      .impact-link a,\n      .impact-link a:visited {\n        color: var(--beam-ImpactOverview-impactCard-link-color, inherit);\n      }\n      .impact-card-goalCompletionText {\n        ${useCustomText(\"--beam-ImpactOverview-goalCompletionText\")}\n      }\n      .footer {\n        text-align: center;\n      }\n    `,\n    css`\n      .button {\n        cursor: pointer;\n      }\n      .icon-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n      }\n      .plain-button {\n        border: none;\n        background: none;\n        font-size: inherit;\n        font-family: inherit;\n      }\n    `,\n  ];\n}\n\ndefineCustomElement(BeamImpactOverview);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-impact-overview\": BeamImpactOverview;\n  }\n}\n"],"names":["strings","nonprofitName","name","causeName","D","u","g","e","a","t","n","BeamImpactOverview","LitElement","DEFAULT_BASE_URL","enforceConfig","getImpact","WIDGET_NAMES","AsyncController","debounce","syncElementHeights","SUPPORTED_LANGUAGES","changedProperties","requireNewDataProps","prop","callback","logger","imageUrl","title","percentFunded","goalProgressText","description","urlCopy","impactUrl","isImage","cardType","goalCompletionText","html","unsafeHTML","localizeUserString","data","loading","error","_loading","_errorMessage","brandName","cardStyle","isSelectedIcon","personalImageUrl","communityImageUrl","iconUrl","selectedIconUrl","personalCardImage","communityCardImage","shareImage","showShare","showShareMobile","showShareDesktop","shareIcon","shareButtonVisibilityClass","defaults","partnerLogosConfigDefaults","progressBarConfigDefaults","shareButtonConfigDefaults","defineCustomText","remoteConfig","config","_cssVariableMap","cssReset","cssResponsiveUtils","css","useCustomText","__decorateClass","property","queryAll","defineCustomElement"],"mappings":"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"}
+{"version":3,"file":"impact-overview.js","sources":["../../src/components/impact-overview/strings.ts","../../src/components/impact-overview/index.ts"],"sourcesContent":["export const strings = {\n  en: {\n    descriptionTitle: ({ nonprofitName = \"a nonprofit\" }) => `You've just made an impact for ${nonprofitName}`,\n    descriptionSubtitle: () => `Check out the impact your purchase made below.`,\n    yourImpactTitle: () => `You’ve Funded`,\n    communityImpactTitle: () => `Together we’re funding`,\n    personalImpactLinkCopy: ({ name = \"\" }) => `Learn about ${name}`,\n    communityImpactLinkCopy: ({ name = \"\" }) => `See all of the impact by the ${name} community`,\n    // share modal\n    impactShareButton: () => `Share to Grow Your Impact`,\n  },\n  fr: {\n    descriptionTitle: ({ nonprofitName = \"\" }) => `Vous avez eu un impact positif sur ${nonprofitName}`, // TODO: Update translation copy SDK-2210\n    descriptionSubtitle: ({ causeName = \"\" }) =>\n      `Découvrez quel est l'impact de votre achat chez ${causeName} ci-dessous.`, // TODO: Update translation copy SDK-2210\n    yourImpactTitle: () => `Vous avez financé`,\n    communityImpactTitle: () => `Ensemble, nous finançons`,\n    personalImpactLinkCopy: ({ name = \"\" }) => `En savoir sur ${name}`,\n    communityImpactLinkCopy: ({ name = \"\" }) => `Voir toutes les contributions de la communauté de ${name}`,\n    // share modal\n    impactShareButton: () => `Partagez pour augmentez notre cause`,\n  },\n  de: {\n    descriptionTitle: ({ nonprofitName = \"\" }) => `Du hast soeben einen Beitrag geleistet für ${nonprofitName}`, // TODO: Update translation copy SDK-2210\n    descriptionSubtitle: ({ causeName = \"\" }) =>\n      `Erfahre mehr über den Beitrag, den du mit deinem ${causeName} Kauf geleistet hast`, // TODO: Update translation copy SDK-2210\n    yourImpactTitle: () => `Sie haben finanziert`,\n    communityImpactTitle: () => `Gemeinsam finanzieren wir`,\n    personalImpactLinkCopy: ({ name = \"\" }) => `Mehr über ${name} lernen`,\n    communityImpactLinkCopy: ({ name = \"\" }) =>\n      `Informiere dich über den bisher geleisteten Beitrag der ${name} community`,\n    // share modal\n    impactShareButton: () => `Teil, um unserem Beitrag zu erhöhen`,\n  },\n  es: {\n    descriptionTitle: ({ nonprofitName = \"\" }) => `Acabas de contribuir con ${nonprofitName}`, // TODO: Update translation copy SDK-2210\n    descriptionSubtitle: ({ causeName = \"\" }) =>\n      `Comprueba la contribución que has hecho con tu compra ${causeName} a continuación`, // TODO: Update translation copy SDK-2210\n    yourImpactTitle: () => `Has financiado`,\n    communityImpactTitle: () => `Juntos estamos financiando`,\n    personalImpactLinkCopy: ({ name = \"\" }) => `Saber de ${name}`,\n    communityImpactLinkCopy: ({ name = \"\" }) => `Mira lo que ha conseguido la comunidad ${name}`,\n    // share modal\n    impactShareButton: () => \"Comparte para aumentar nuestro impacto\",\n  },\n  it: {\n    descriptionTitle: ({ nonprofitName = \"\" }) => `Hai appena fatto la differenza per ${nonprofitName}`, // TODO: Update translation copy SDK-2210\n    descriptionSubtitle: ({ causeName = \"\" }) => `Guarda qui sotto l'impatto del tuo acquisto ${causeName}`, // TODO: Update translation copy SDK-2210\n    yourImpactTitle: () => `Hai finanziato`,\n    communityImpactTitle: () => `Insieme stiamo finanziando`,\n    personalImpactLinkCopy: ({ name = \"\" }) => `Scopri su ${name}`,\n    communityImpactLinkCopy: ({ name = \"\" }) => `Guarda come la comunità di ${name} fa la differenza`,\n    // share modal\n    impactShareButton: () => \"Condividi, aiutaci a fare la differenza\",\n  },\n  pl: {\n    descriptionTitle: ({ nonprofitName = \"\" }) => `Właśnie wsparłaś_eś ${nonprofitName}!`, // TODO: Update translation copy SDK-2210\n    descriptionSubtitle: ({ causeName = \"\" }) =>\n      `Sprawdź niżej, jakiego wsparcia udzieliłaś_eś kupując w ${causeName} `, // TODO: Update translation copy SDK-2210\n    yourImpactTitle: () => `Sfinansowałeś(a) `,\n    communityImpactTitle: () => `Razem finansujemy`,\n    personalImpactLinkCopy: ({ name = \"\" }) => `Dowiedz się o ${name}`,\n    communityImpactLinkCopy: ({ name = \"\" }) => `Zobacz, ile dobrego zrobiła do tej pory społeczność ${name}`,\n    // share modal\n    impactShareButton: () => `Udostępnij, by szerzyć naszą misję`,\n  },\n};\n","import { css, html, LitElement, PropertyValues } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { queryAll } from \"lit/decorators/query-all.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport debounce from \"lodash-es/debounce\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES, WIDGET_NAMES } from \"../../api-sdk/constants\";\nimport { LANGUAGES, TUrl } from \"../../api-sdk/types\";\nimport { getImpact } from \"../../api-sdk/v3/routes\";\nimport { MissingConfig } from \"../../utils/beam-errors\";\nimport \"../../shared/components/progress-bar\";\nimport { progressBarConfigDefaults } from \"../../shared/components/progress-bar\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { logger } from \"../../utils/logger\";\nimport \"../../shared/shoelace-components\";\nimport { syncElementHeights } from \"../../shared/sync-element-heights\";\nimport { TId, TNumericId } from \"../../shared/types\";\nimport \"../beam-partner-logos\";\nimport { partnerLogosConfigDefaults } from \"../beam-partner-logos\";\nimport { shareButtonConfigDefaults } from \"../../shared/components/share-button\";\nimport { cssResponsiveUtils } from \"../../shared/responsive\";\nimport { strings } from \"./strings\";\nimport \"../../shared/components/share-button\";\n\ntype RequiredConfig = {\n  apiKey: string;\n  nonprofitId: TNumericId;\n  userId: TId;\n};\n\nexport class BeamImpactOverview extends LitElement {\n  static tagName = \"beam-impact-overview\";\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, reflect: true }) nonprofitId?: RequiredConfig[\"nonprofitId\"];\n\n  @property({ type: String, reflect: true }) userId?: RequiredConfig[\"userId\"];\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 }) transactionId?: string;\n  /**\n   * @deprecated (v1.49.0) promoCodes and discountCodes will now be retrieved on the backend using transactionId\n   */\n  @property({ type: Object }) public discountCodes?: string[];\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  getImpactData = async () => {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"userId\", \"nonprofitId\"], this)) throw new MissingConfig();\n    const res = await getImpact({\n      baseUrl: this.baseUrl,\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      queryParams: {\n        nonprofitId: this.nonprofitId,\n        beamUserId: this.userId,\n        personalImpactLimit: 1,\n        communityImpactLimit: 1,\n        storeId: this.storeId,\n        widgetName: WIDGET_NAMES.impact_overview,\n        version: \"1.0.0\",\n        draftConfig: this.draftConfig,\n        lang: this.configLang,\n        discountCodes: this.discountCodes && this.discountCodes.length > 0 ? this.discountCodes : undefined,\n        transactionId: this.transactionId ?? undefined,\n      },\n    });\n\n    return res;\n  };\n\n  private impactDataController = new AsyncController<typeof this.getImpactData>(this, this.getImpactData);\n\n  @queryAll(\".impact-card-title\")\n  impactTitleRefs!: HTMLElement[];\n\n  @queryAll(\".impact-card-description\")\n  impactDescriptionRefs!: HTMLElement[];\n\n  @queryAll(\".impact-link\")\n  impactLinkRefs!: HTMLElement[];\n\n  @queryAll(\".impact-card-goalCompletionText\")\n  goalCompletionTextRefs!: HTMLElement[];\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(\"resize\", this.resizeElements);\n  }\n\n  async updated(changedProperties: PropertyValues): Promise<void> {\n    // Reload nonprofit list on change of any of these props:\n    // Also fires on first load as props go from undefined => value\n    const requireNewDataProps = [\"baseUrl\", \"storeId\", \"apiKey\", \"userId\", \"lang\", \"discountCodes\"];\n    for (const prop of requireNewDataProps) {\n      if (changedProperties.has(prop)) {\n        await this.impactDataController.exec();\n        break;\n      }\n    }\n    this.resizeElements(); // Handle layout shifts immediately\n    await this.handleFontLoad(this.resizeElements); // If content change triggered font load, resize again\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener(\"resize\", this.resizeElements);\n    document.fonts.removeEventListener(\"loadingdone\", this.resizeElements);\n    super.disconnectedCallback();\n  }\n\n  /**\n   * Safari does not fire loading events on the document FontFaceSet, but it does implement the .ready Promise\n   * Call this method to wait for font loads that may be triggered by content changes\n   */\n  async handleFontLoad<T = any>(callback: () => T | void) {\n    if (document.fonts.status === \"loading\") {\n      await document.fonts.ready.catch((e) => logger.error(e));\n      return callback();\n    }\n  }\n\n  resizeElements = debounce(\n    () => {\n      syncElementHeights(this.impactTitleRefs);\n      syncElementHeights(this.impactDescriptionRefs);\n      syncElementHeights(this.impactLinkRefs);\n      syncElementHeights(this.goalCompletionTextRefs);\n    },\n    50,\n    { maxWait: 50, leading: true }\n  );\n\n  renderCard({\n    imageUrl,\n    title,\n    percentFunded,\n    goalProgressText,\n    description,\n    urlCopy,\n    impactUrl,\n    isImage,\n    cardType,\n    goalCompletionText,\n  }: {\n    imageUrl: TUrl;\n    title: string;\n    percentFunded: number;\n    goalProgressText: string;\n    description: string;\n    urlCopy?: string;\n    impactUrl: TUrl;\n    isImage: boolean;\n    cardType: string;\n    goalCompletionText?: string;\n  }) {\n    return html`\n      <div class=\"impact-card ${isImage ? \"\" : \"icon\"}\" part=\"impact-card\">\n        <div class=\"${isImage ? \"\" : \"icon-background \"}\">\n          <img src=\"${imageUrl}\" alt=\"${title}\" class=\"${isImage ? \"impact-card-image\" : \"impact-card-icon\"}\" />\n        </div>\n        <div class=\"${isImage ? \"\" : \"impact-icon-card-content\"}\" style=\"margin: 12px;\">\n          <div class=\"impact-card-title\">${title}</div>\n          <p class=\"impact-card-description\">${unsafeHTML(description)}</p>\n          <div class=\"impact-card-goalCompletionText\">\n            <p>${unsafeHTML(goalCompletionText)}</p>\n          </div>\n          <div class=\"impact-card-progress\" style=\"display: flex; align-items: center;\">\n            <beam-progress-bar\n              value=\"${percentFunded}\"\n              style=\"flex: 1 0;\"\n              class=\"impact-card-progressbar\"\n            ></beam-progress-bar>\n            <span class=\"impact-card-progressText\" style=\"flex: 0 1; margin-left: 10px; white-space: nowrap;\"\n              >${localizeUserString(this.configLang, goalProgressText)}</span\n            >\n          </div>\n          <p class=\"impact-link\" part=\"impact-link\">\n            <a href=\"${impactUrl}\" target=\"_blank\" rel=\"noopener noreferrer\">\n              ${cardType === \"personal\"\n                ? strings[this.configLang].personalImpactLinkCopy({\n                    name: urlCopy,\n                  })\n                : strings[this.configLang].communityImpactLinkCopy({\n                    name: urlCopy,\n                  })}<span class=\"impact-link-arrow\">&nbsp;&rsaquo;</span>\n            </a>\n          </p>\n        </div>\n      </div>\n    `;\n  }\n\n  render() {\n    const { data, loading, error } = this.impactDataController;\n    if (loading) {\n      return _loading();\n    }\n    if (error) {\n      if (this.debug) {\n        return _errorMessage({ error });\n      }\n      return \"\";\n    }\n    if (data == null) {\n      if (this.debug) {\n        return _errorMessage({ error: new Error(\"No data\") });\n      }\n      return \"\";\n    }\n    const brandName = this.impactDataController.data?.chain.name;\n    const causeName = localizeUserString(this.configLang, data.personal[0].nonprofit.cause || \"\");\n    const cardStyle = this.cssVariables[\"--beam-ImpactOverview-cardStyle\"];\n    const isImage = cardStyle === \"'image'\";\n    const isSelectedIcon = cardStyle === \"'selected_icon'\";\n    const personalImageUrl = data.personal[0]?.imageUrl || \"\";\n    const communityImageUrl = data.community[0].imageUrl || \"\";\n    const iconUrl = data.personal[0]?.nonprofit.causeIconUrl;\n    const selectedIconUrl = data.personal[0]?.nonprofit.causeIconSelectedUrl;\n    const personalCardImage = isImage ? personalImageUrl : isSelectedIcon ? selectedIconUrl : iconUrl;\n    const communityCardImage = isImage ? communityImageUrl : isSelectedIcon ? selectedIconUrl : iconUrl;\n\n    const shareImage =\n      this.impactDataController.data?.promoAssetUrl || this.impactDataController.data?.personalImpactAssetUrl;\n    const showShare = this.cssVariables[\"--beam-ImpactOverview-share-button-display\"] !== \"none\";\n    const showShareMobile =\n      showShare && this.cssVariables[\"--beam-ImpactOverview-share-button-display-mobile\"] !== \"none\";\n    const showShareDesktop =\n      showShare && this.cssVariables[\"--beam-ImpactOverview-share-button-display-desktop\"] !== \"none\";\n    const shareIcon = this.cssVariables[\"--beam-ImpactOverview-share-button-icon-name\"] || \"share-2\";\n\n    let shareButtonVisibilityClass = \"d-none\";\n    if (showShareMobile) {\n      shareButtonVisibilityClass = showShareDesktop ? \"d-block\" : \"d-lg-none\";\n    } else {\n      shareButtonVisibilityClass = showShareDesktop ? \"d-none d-lg-block\" : \"d-none\";\n    }\n\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n\n      <div>\n        <beam-partner-logos\n          partnerLogoUrl=\"${data.chain.logoUrl}\"\n          partnerName=\"${data.chain.name}\"\n          part=\"logos\"\n        ></beam-partner-logos>\n      </div>\n\n      <div class=\"description\">\n        <div class=\"title\" part=\"title\">\n          ${localizeUserString(this.configLang, data.config?.web?.title) ||\n          strings[this.configLang].descriptionTitle({ nonprofitName: data.personal[0].nonprofit.name })}\n        </div>\n        <div class=\"subtitle\" part=\"subtitle\">\n          ${localizeUserString(this.configLang, data.config?.web?.description) ||\n          strings[this.configLang].descriptionSubtitle({ causeName: causeName })}\n        </div>\n      </div>\n\n      <div class=\"${isImage ? \"impact-image-cards\" : \"impact-icon-cards\"}\" part=\"impact-cards\">\n        <div class=\"impact your-impact ${isImage ? \"image-card-container\" : \"icon-card-container\"}\">\n          ${this.renderCard({\n            isImage,\n            imageUrl: personalCardImage || \"\",\n            title: strings[this.configLang].yourImpactTitle(),\n            percentFunded: data.personal[0]?.impact?.goalProgressPercentage || 0,\n            goalProgressText: data.personal[0]?.impact?.goalProgressText,\n            description: localizeUserString(this.configLang, data.personal[0]?.impact?.description || \"\"),\n            urlCopy: data.personal[0].nonprofit?.name,\n            impactUrl: data.personal[0].nonprofit?.website || \"\",\n            cardType: \"personal\",\n            goalCompletionText: data.personal[0].impact.goalCompletionText,\n          })}\n        </div>\n        <div class=\"impact community-impact ${isImage ? \"image-card-container\" : \"icon-card-container\"}\">\n          ${this.renderCard({\n            isImage,\n            imageUrl: communityCardImage || \"\",\n            title: strings[this.configLang].communityImpactTitle(),\n            percentFunded: data.community[0].impact?.goalProgressPercentage || 0,\n            goalProgressText: data.community[0]?.impact?.goalProgressText,\n            description: localizeUserString(this.configLang, data.community[0].impact?.description || \"\"),\n            urlCopy: data.chain.name,\n            impactUrl: data.chain.communityImpactUrl || data.community[0].nonprofit.website || \"\",\n            cardType: \"community\",\n            goalCompletionText: data.community[0].impact.goalCompletionText,\n          })}\n        </div>\n      </div>\n\n      <div class=\"footer ${shareButtonVisibilityClass} shareButtonContainer\" part=\"social-share\">\n        <beam-share-button\n          imageUrl=\"${shareImage}\"\n          brandName=\"${brandName}\"\n          shareIcon=\"${shareIcon}\"\n          buttonText=\"${strings[this.configLang].impactShareButton()}\"\n          configLang=\"${this.configLang}\"\n          baseUrl=\"${this.baseUrl}\"\n          storeId=\"${this.storeId}\"\n          nonprofitId=\"${this.nonprofitId}\"\n          transactionId=\"${this.transactionId}\"\n          apiKey=\"${this.apiKey}\"\n        ></beam-share-button>\n      </div>\n\n      <div id=\"modal-root\"></div>\n    `;\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      ...partnerLogosConfigDefaults,\n      ...progressBarConfigDefaults,\n      ...shareButtonConfigDefaults,\n      ...defineCustomText(\"--beam-ImpactOverview-title\", {\n        fontSize: \"16px\",\n        fontWeight: \"bold\",\n        marginTop: \"10px\",\n        textTransform: \"capitalize\",\n      }),\n      ...defineCustomText(\"--beam-ImpactOverview-subtitle\", {\n        marginTop: \"5px\",\n      }),\n      \"--beam-ImpactOverview-impactCards-maxWidth\": \"650px\",\n      \"--beam-ImpactOverview-impactCard-backgroundColor\": \"inherit\",\n      \"--beam-ImpactOverview-impactCard-foregroundColor\": \"currentColor\",\n      \"--beam-ImpactOverview-impactCard-borderColor\": \"currentColor\",\n      \"--beam-ImpactOverview-impactCard-borderRadius\": \"5px\",\n      \"--beam-ImpactOverview-impactCard-marginTop\": \"10px\",\n      ...defineCustomText(\"--beam-ImpactOverview-impactCard-title\", {\n        fontSize: \"15px\",\n        fontWeight: \"bold\",\n        letterSpacing: \"0.36px\",\n      }),\n      \"--beam-ImpactOverview-impactCard-progress-marginTop\": \"8px\",\n      ...defineCustomText(\"--beam-ImpactOverview-impactCard-progressText\"),\n      ...defineCustomText(\"--beam-ImpactOverview-impactCard-description\", {\n        marginTop: \"10px\",\n      }),\n      \"--beam-ImpactOverview-impactCard-linkArrow-display\": \"inline\",\n      \"--beam-ImpactOverview-impactCard-link-color\": \"inherit\",\n      ...defineCustomText(\"--beam-ImpactOverview-impactCard-link\", {\n        marginTop: \"10px\",\n        textDecoration: \"underline\",\n        textTransform: \"capitalize\",\n      }),\n      ...defineCustomText(\"--beam-ImpactOverview-goalCompletionText\", {\n        marginTop: \"5px\",\n        fontWeight: \"600\",\n        textTransform: \"capitalize\",\n        fontSize: \"13px\",\n      }),\n      \"--beam-ImpactOverview-share-button-display\": \"none\",\n      \"--beam-ImpactOverview-share-button-display-mobile\": \"inherit\",\n      \"--beam-ImpactOverview-share-button-display-desktop\": \"inherit\",\n      \"--beam-ImpactOverview-image-display\": \"block\",\n      \"--beam-ImpactOverview-cardStyle\": \"'image'\", // icon, selected_icon, image\n      \"--beam-ImpactOverview-iconBackground-width\": \"75px\",\n      \"--beam-ImpactOverview-iconBackground-height\": \"75px\",\n      \"--beam-ImpactOverview-iconBackground-borderRadius\": \"50px\",\n      \"--beam-ImpactOverview-icon-padding\": \"0px\",\n      \"--beam-ImpactOverview-iconBackground-background\": \"#f3f3f3\",\n      \"--beam-ImpactOverview-impactCard-shareButton-background\": \"#fff\",\n      \"--beam-ImpactOverview-impactCard-shareButton-boxShadow\": \"0px -20px 20px 0px rgb(0 0 0 / 2%)\",\n    };\n\n    const remoteConfig = this.impactDataController?.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        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-ImpactOverview-impactCards-maxWidth, 650px);\n        word-break: normal;\n      }\n      .icon {\n        display: flex;\n        align-items: center;\n      }\n      .icon-background {\n        width: var(--beam-ImpactOverview-iconBackground-width, 75px);\n        height: var(--beam-ImpactOverview-iconBackground-height, 75px);\n        border-radius: var(--beam-ImpactOverview-iconBackground-borderRadius, 50px);\n        padding: var(--beam-ImpactOverview-icon-padding, 0px);\n        margin: 8px;\n        overflow: hidden;\n        background: var(--beam-ImpactOverview-iconBackground-background, #f3f3f3);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n      .impact-icon-card-content {\n        flex: 3 1 75%;\n      }\n      .impact-image-cards {\n        max-width: var(--beam-ImpactOverview-impactCards-maxWidth);\n        display: flex;\n        flex-wrap: wrap;\n        gap: 15px;\n        margin: 10px 0;\n      }\n      .impact-icon-cards {\n        max-width: var(--beam-ImpactOverview-impactCards-maxWidth);\n        margin: 10px 0;\n      }\n      .impact-card {\n        padding-bottom: 5px;\n        margin-top: var(--beam-ImpactOverview-impactCard-marginTop);\n        background-color: var(--beam-ImpactOverview-impactCard-backgroundColor);\n        border: 1px solid var(--beam-ImpactOverview-impactCard-borderColor);\n        border-radius: var(--beam-ImpactOverview-impactCard-borderRadius);\n        overflow: hidden; /* maintain clean border-radius */\n        color: var(--beam-ImpactOverview-impactCard-foregroundColor);\n      }\n      .impact-card-image {\n        object-fit: cover;\n        height: 110px;\n        width: 100%;\n        display: var(--beam-ImpactOverview-image-display);\n      }\n      .impact-card-icon {\n        flex: 1 1 10%;\n        max-width: 50%;\n        display: var(--beam-ImpactOverview-image-display);\n      }\n      .image-card-container {\n        flex: 1 1;\n        display: inline-block;\n        min-width: 200px;\n        max-width: 100%;\n      }\n      .icon-card-container {\n        max-width: 100%;\n        min-width: 299px;\n      }\n      .impact-card-progress {\n        margin-top: var(--beam-ImpactOverview-impactCard-progress-marginTop);\n      }\n      .shareButtonContainer {\n        position: sticky;\n        bottom: 0;\n        z-index: 999;\n        background-color: var(--beam-ImpactOverview-impactCard-shareButton-background);\n        box-shadow: var(--beam-ImpactOverview-impactCard-shareButton-boxShadow);\n      }\n      .title {\n        ${useCustomText(\"--beam-ImpactOverview-title\")}\n      }\n      .subtitle {\n        ${useCustomText(\"--beam-ImpactOverview-subtitle\")}\n      }\n      .impact-card-title {\n        ${useCustomText(\"--beam-ImpactOverview-impactCard-title\")}\n      }\n      .impact-card-progressText {\n        ${useCustomText(\"--beam-ImpactOverview-impactCard-progressText\")}\n      }\n      .impact-card-description {\n        ${useCustomText(\"--beam-ImpactOverview-impactCard-description\")}\n      }\n      .impact-link {\n        ${useCustomText(\"--beam-ImpactOverview-impactCard-link\")}\n      }\n      .impact-link-arrow {\n        display: var(--beam-ImpactOverview-impactCard-linkArrow-display, \"inline\");\n      }\n      .impact-link a,\n      .impact-link a:visited {\n        color: var(--beam-ImpactOverview-impactCard-link-color, inherit);\n      }\n      .impact-card-goalCompletionText {\n        ${useCustomText(\"--beam-ImpactOverview-goalCompletionText\")}\n      }\n      .footer {\n        text-align: center;\n      }\n    `,\n    css`\n      .button {\n        cursor: pointer;\n      }\n      .icon-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n      }\n      .plain-button {\n        border: none;\n        background: none;\n        font-size: inherit;\n        font-family: inherit;\n      }\n    `,\n  ];\n}\n\ndefineCustomElement(BeamImpactOverview);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-impact-overview\": BeamImpactOverview;\n  }\n}\n"],"names":["strings","nonprofitName","name","causeName","D","u","g","e","a","t","n","BeamImpactOverview","LitElement","DEFAULT_BASE_URL","enforceConfig","getImpact","WIDGET_NAMES","AsyncController","debounce","syncElementHeights","SUPPORTED_LANGUAGES","changedProperties","requireNewDataProps","prop","callback","logger","imageUrl","title","percentFunded","goalProgressText","description","urlCopy","impactUrl","isImage","cardType","goalCompletionText","html","unsafeHTML","localizeUserString","data","loading","error","_loading","_errorMessage","brandName","cardStyle","isSelectedIcon","personalImageUrl","communityImageUrl","iconUrl","selectedIconUrl","personalCardImage","communityCardImage","shareImage","showShare","showShareMobile","showShareDesktop","shareIcon","shareButtonVisibilityClass","defaults","partnerLogosConfigDefaults","progressBarConfigDefaults","shareButtonConfigDefaults","defineCustomText","remoteConfig","config","_cssVariableMap","cssReset","cssResponsiveUtils","css","useCustomText","__decorateClass","property","queryAll","defineCustomElement"],"mappings":"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"}

package/dist/components/index.esm.js

@@ -1,2 +1,2 @@
-import{BeamCommunityImpact as y}from"./community-impact.esm.js";import{BeamCumulativeImpact as M}from"./cumulative-impact.esm.js";import{BeamImpactOverview as R}from"./impact-overview.esm.js";import{BeamSelectNonprofit as j}from"./select-nonprofit.esm.js";import{BeamRedeemTransaction as q}from"./redeem-transaction.esm.js";import{BeamPostPurchase as A}from"./post-purchase.esm.js";import{BeamSubscriptionManagement as F}from"./subscription-management.esm.js";import{BeamSubscriptionImpact as H}from"./subscription-impact.esm.js";import{BeamProductDetailsPage as K}from"./product-details-page.esm.js";import{BeamSelectSubscriptionNonprofit as Q}from"./select-subscription-nonprofit.esm.js";import{BeamSocialShare as V}from"./social-share.esm.js";import"../chunks/lit-WqMxC_PA.esm.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"./beam-partner-logos.esm.js";import"../chunks/enforce-config-CZ3ToOgr.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/logger.esm.js";import"../chunks/localize-Btu9xYcE.esm.js";import"../chunks/routes-pcL-CUiQ.esm.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../chunks/lodash-7H4x2457.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/_share-dialog-dependencies-BwdvNwrJ.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"../chunks/share-button-BvUcpOcx.esm.js";import"../chunks/share-button-C-DXj68Z.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";import"../chunks/promo-pill-label-CbW_Vcru.esm.js";import"../chunks/events-BohmT6Lp.esm.js";import"../utils/local-storage.esm.js";import"../chunks/promoManager-fl54hq13.esm.js";import"../utils/cookies.esm.js";import"../chunks/cart-contents-DkoytiZh.esm.js";import"../utils/cart.esm.js";import"../utils/makeApiKeyHeader.esm.js";export{y as BeamCommunityImpact,M as BeamCumulativeImpact,R as BeamImpactOverview,A as BeamPostPurchase,K as BeamProductDetailsPage,q as BeamRedeemTransaction,j as BeamSelectNonprofit,Q as BeamSelectSubscriptionNonprofit,V as BeamSocialShare,H as BeamSubscriptionImpact,F as BeamSubscriptionManagement};
+import{BeamCommunityImpact as y}from"./community-impact.esm.js";import{BeamCumulativeImpact as M}from"./cumulative-impact.esm.js";import{BeamImpactOverview as R}from"./impact-overview.esm.js";import{BeamSelectNonprofit as j}from"./select-nonprofit.esm.js";import{BeamRedeemTransaction as q}from"./redeem-transaction.esm.js";import{BeamPostPurchase as A}from"./post-purchase.esm.js";import{BeamSubscriptionManagement as F}from"./subscription-management.esm.js";import{BeamSubscriptionImpact as H}from"./subscription-impact.esm.js";import{BeamProductDetailsPage as K}from"./product-details-page.esm.js";import{BeamSelectSubscriptionNonprofit as Q}from"./select-subscription-nonprofit.esm.js";import{BeamSocialShare as V}from"./social-share.esm.js";import"../chunks/lit-WqMxC_PA.esm.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"./beam-partner-logos.esm.js";import"../chunks/enforce-config-CZ3ToOgr.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/logger.esm.js";import"../chunks/localize-Btu9xYcE.esm.js";import"../chunks/routes-TtLdALcf.esm.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../chunks/lodash-7H4x2457.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/_share-dialog-dependencies-BvevL0CH.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"../chunks/share-button-Cq3aCOGt.esm.js";import"../chunks/share-button-DBLPdobK.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";import"../chunks/promo-pill-label-CbW_Vcru.esm.js";import"../chunks/events-BohmT6Lp.esm.js";import"../utils/local-storage.esm.js";import"../chunks/promoManager-fl54hq13.esm.js";import"../utils/cookies.esm.js";import"../chunks/cart-contents-DkoytiZh.esm.js";import"../utils/cart.esm.js";import"../utils/makeApiKeyHeader.esm.js";export{y as BeamCommunityImpact,M as BeamCumulativeImpact,R as BeamImpactOverview,A as BeamPostPurchase,K as BeamProductDetailsPage,q as BeamRedeemTransaction,j as BeamSelectNonprofit,Q as BeamSelectSubscriptionNonprofit,V as BeamSocialShare,H as BeamSubscriptionImpact,F as BeamSubscriptionManagement};
 //# sourceMappingURL=index.esm.js.map

package/dist/components/index.js

@@ -1,2 +1,2 @@
-import{BeamCommunityImpact as y}from"./community-impact.js";import{BeamCumulativeImpact as M}from"./cumulative-impact.js";import{BeamImpactOverview as R}from"./impact-overview.js";import{BeamSelectNonprofit as j}from"./select-nonprofit.js";import{BeamRedeemTransaction as q}from"./redeem-transaction.js";import{BeamPostPurchase as A}from"./post-purchase.js";import{BeamSubscriptionManagement as F}from"./subscription-management.js";import{BeamSubscriptionImpact as H}from"./subscription-impact.js";import{BeamProductDetailsPage as K}from"./product-details-page.js";import{BeamSelectSubscriptionNonprofit as Q}from"./select-subscription-nonprofit.js";import{BeamSocialShare as V}from"./social-share.js";import"../chunks/lit-WqMxC_PA.esm.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"./beam-partner-logos.js";import"../chunks/enforce-config-Ba1JkOHs.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/logger.js";import"../chunks/localize-C25pEGnx.esm.js";import"../chunks/routes-CAhDCFDX.esm.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../chunks/lodash-7H4x2457.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/_share-dialog-dependencies-QaTONkKb.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"../chunks/share-button-CtklpZOO.esm.js";import"../chunks/share-button-BYVId0-U.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";import"../chunks/promo-pill-label-CbW_Vcru.esm.js";import"../chunks/events-BohmT6Lp.esm.js";import"../utils/local-storage.js";import"../chunks/promoManager-B9cTR1R3.esm.js";import"../utils/cookies.js";import"../chunks/cart-contents-DkoytiZh.esm.js";import"../utils/cart.js";import"../utils/makeApiKeyHeader.js";export{y as BeamCommunityImpact,M as BeamCumulativeImpact,R as BeamImpactOverview,A as BeamPostPurchase,K as BeamProductDetailsPage,q as BeamRedeemTransaction,j as BeamSelectNonprofit,Q as BeamSelectSubscriptionNonprofit,V as BeamSocialShare,H as BeamSubscriptionImpact,F as BeamSubscriptionManagement};
+import{BeamCommunityImpact as y}from"./community-impact.js";import{BeamCumulativeImpact as M}from"./cumulative-impact.js";import{BeamImpactOverview as R}from"./impact-overview.js";import{BeamSelectNonprofit as j}from"./select-nonprofit.js";import{BeamRedeemTransaction as q}from"./redeem-transaction.js";import{BeamPostPurchase as A}from"./post-purchase.js";import{BeamSubscriptionManagement as F}from"./subscription-management.js";import{BeamSubscriptionImpact as H}from"./subscription-impact.js";import{BeamProductDetailsPage as K}from"./product-details-page.js";import{BeamSelectSubscriptionNonprofit as Q}from"./select-subscription-nonprofit.js";import{BeamSocialShare as V}from"./social-share.js";import"../chunks/lit-WqMxC_PA.esm.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"./beam-partner-logos.js";import"../chunks/enforce-config-Ba1JkOHs.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/logger.js";import"../chunks/localize-C25pEGnx.esm.js";import"../chunks/routes-S0vKQTft.esm.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../chunks/lodash-7H4x2457.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/_share-dialog-dependencies-Dt4WMt_y.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"../chunks/share-button-P726e8AH.esm.js";import"../chunks/share-button-Ck4hnQPC.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";import"../chunks/promo-pill-label-CbW_Vcru.esm.js";import"../chunks/events-BohmT6Lp.esm.js";import"../utils/local-storage.js";import"../chunks/promoManager-B9cTR1R3.esm.js";import"../utils/cookies.js";import"../chunks/cart-contents-DkoytiZh.esm.js";import"../utils/cart.js";import"../utils/makeApiKeyHeader.js";export{y as BeamCommunityImpact,M as BeamCumulativeImpact,R as BeamImpactOverview,A as BeamPostPurchase,K as BeamProductDetailsPage,q as BeamRedeemTransaction,j as BeamSelectNonprofit,Q as BeamSelectSubscriptionNonprofit,V as BeamSocialShare,H as BeamSubscriptionImpact,F as BeamSubscriptionManagement};
 //# sourceMappingURL=index.js.map

package/dist/components/post-purchase.esm.js

@@ -1,4 +1,4 @@
-import{g as o,t as d,h as u,y as h}from"../chunks/lit-WqMxC_PA.esm.js";import{M as I}from"../chunks/beam-errors-Ci0d3926.esm.js";import{deleteCookieValue as g,getCookieValue as f}from"../utils/cookies.esm.js";import{c as v,d as b,e as S}from"../chunks/enforce-config-CZ3ToOgr.esm.js";import{createScopedLocalStorage as P}from"../utils/local-storage.esm.js";import{A as U,_ as $}from"../chunks/localize-Btu9xYcE.esm.js";import{D as A,p as E}from"../chunks/routes-pcL-CUiQ.esm.js";import"./redeem-transaction.esm.js";import"./impact-overview.esm.js";import{B as y}from"../chunks/cart-contents-DkoytiZh.esm.js";import{b as O}from"../chunks/events-BohmT6Lp.esm.js";import{f as w,c as T,m as _,i as K,P as D,d as M,e as B}from"../chunks/promoManager-fl54hq13.esm.js";import"../utils/logger.esm.js";import"../chunks/lodash-7H4x2457.esm.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"../chunks/promo-pill-label-CbW_Vcru.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"./beam-partner-logos.esm.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../chunks/_share-dialog-dependencies-BwdvNwrJ.esm.js";import"../chunks/share-button-BvUcpOcx.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-C-DXj68Z.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";var N=Object.defineProperty,e=(l,r,a,m)=>{for(var i=void 0,s=l.length-1,c;s>=0;s--)(c=l[s])&&(i=c(r,a,i)||i);return i&&N(r,a,i),i};const C=["baseUrl","apiKey","orderId","cartTotal","currencyCode","lang"],R=["storeId","postalCode","countryCode","cart","discountCodes","promoCodes","htmlPromoCodes","email","partnerUserId"];class t extends u{constructor(){super(...arguments),this.baseUrl=A,this.currencyCode="USD",this.lang="en",this.debug=!1,this.activeWidget=null,this.nonprofitId=null,this.selectionId=null,this.cartId=null,this.beamCartId=null,this.userId=null,this.transactionId=null,this.draftConfig=!1,this.localStorage=P(this),this.handlePostTransaction=async()=>{this.enforceConfig();const r=this.getManualPromoCodes(),a=w(r.map(n=>({value:n})),this.apiKey),m=T(),i={unvalidatedPromoCodes:_(r.map(n=>({value:n}))),validatedPromoCodes:m?.validatedPromoCodes??[]},s=a??i,c=s&&!K(s),p=await E({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},requestBody:{selectionId:this.selectionId||void 0,cartId:this.cartId||void 0,beamCartId:this.beamCartId||void 0,storeId:this.storeId,orderId:this.orderId,cartTotal:this.cartTotal,email:this.email,partnerUserId:this.partnerUserId,currencyCode:this.currencyCode,postalCode:this.postalCode,countryCode:this.countryCode,cart:this.cart,...c&&{promos:s},discountCodes:this.discountCodes}});return this.transactionId=p.transactionId,this.userId=p.beamUserId,this.nonprofitId=p.nonprofitId,this.activeWidget=this.nonprofitId?"impact-overview":"redeem-transaction",p.transactionCreated&&(["transaction","cart",D].forEach(n=>{this.localStorage.removeItem(n)}),[{name:y,path:"/",domain:this.domain},{name:M,path:"/",domain:this.domain}].forEach(n=>g(n)),dispatchEvent(new O({transactionId:p.transactionId,orderId:this.orderId,cartTotal:this.cartTotal,currencyCode:this.currencyCode}))),p},this.transactionDataController=new U(this,this.handlePostTransaction)}get parsedPromoCodes(){return B(this.htmlPromoCodes)}firstUpdated(r){this.enforceConfig(),this.nonprofitId=Number(this.localStorage.getItem("nonprofit"))||null,this.selectionId=this.localStorage.getItem("transaction")||null,this.cartId=this.localStorage.getItemJson("cart")?.cartId||null,this.beamCartId=f(y)||null,this.selectionId&&this.nonprofitId&&(this.activeWidget="impact-overview")}async updated(r){[...C,...R].some(a=>r.has(a))&&await this.transactionDataController.exec()}enforceConfig(){if(S(C,this),!this.email&&!this.partnerUserId)throw new I([this.email?"":"email",this.partnerUserId?"":"partnerUserId"].filter(Boolean),"At least one of [email, partnerUserId] must be provided")}getManualPromoCodes(){return this.parsedPromoCodes?.length?this.parsedPromoCodes:this.promoCodes?.length?this.promoCodes:[]}render(){return this.transactionDataController.loading?"":this.transactionDataController.error?this.debug?$({error:this.transactionDataController.error}):"":this.activeWidget==="redeem-transaction"?h`
+import{g as o,t as d,h as u,y as h}from"../chunks/lit-WqMxC_PA.esm.js";import{M as I}from"../chunks/beam-errors-Ci0d3926.esm.js";import{deleteCookieValue as g,getCookieValue as f}from"../utils/cookies.esm.js";import{c as v,d as b,e as S}from"../chunks/enforce-config-CZ3ToOgr.esm.js";import{createScopedLocalStorage as P}from"../utils/local-storage.esm.js";import{A as U,_ as $}from"../chunks/localize-Btu9xYcE.esm.js";import{D as A,p as E}from"../chunks/routes-TtLdALcf.esm.js";import"./redeem-transaction.esm.js";import"./impact-overview.esm.js";import{B as y}from"../chunks/cart-contents-DkoytiZh.esm.js";import{b as O}from"../chunks/events-BohmT6Lp.esm.js";import{f as w,c as T,m as _,i as K,P as D,d as M,e as B}from"../chunks/promoManager-fl54hq13.esm.js";import"../utils/logger.esm.js";import"../chunks/lodash-7H4x2457.esm.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"../chunks/promo-pill-label-CbW_Vcru.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"./beam-partner-logos.esm.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../chunks/_share-dialog-dependencies-BvevL0CH.esm.js";import"../chunks/share-button-Cq3aCOGt.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-DBLPdobK.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";var N=Object.defineProperty,e=(l,r,a,m)=>{for(var i=void 0,s=l.length-1,c;s>=0;s--)(c=l[s])&&(i=c(r,a,i)||i);return i&&N(r,a,i),i};const C=["baseUrl","apiKey","orderId","cartTotal","currencyCode","lang"],R=["storeId","postalCode","countryCode","cart","discountCodes","promoCodes","htmlPromoCodes","email","partnerUserId"];class t extends u{constructor(){super(...arguments),this.baseUrl=A,this.currencyCode="USD",this.lang="en",this.debug=!1,this.activeWidget=null,this.nonprofitId=null,this.selectionId=null,this.cartId=null,this.beamCartId=null,this.userId=null,this.transactionId=null,this.draftConfig=!1,this.localStorage=P(this),this.handlePostTransaction=async()=>{this.enforceConfig();const r=this.getManualPromoCodes(),a=w(r.map(n=>({value:n})),this.apiKey),m=T(),i={unvalidatedPromoCodes:_(r.map(n=>({value:n}))),validatedPromoCodes:m?.validatedPromoCodes??[]},s=a??i,c=s&&!K(s),p=await E({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},requestBody:{selectionId:this.selectionId||void 0,cartId:this.cartId||void 0,beamCartId:this.beamCartId||void 0,storeId:this.storeId,orderId:this.orderId,cartTotal:this.cartTotal,email:this.email,partnerUserId:this.partnerUserId,currencyCode:this.currencyCode,postalCode:this.postalCode,countryCode:this.countryCode,cart:this.cart,...c&&{promos:s},discountCodes:this.discountCodes}});return this.transactionId=p.transactionId,this.userId=p.beamUserId,this.nonprofitId=p.nonprofitId,this.activeWidget=this.nonprofitId?"impact-overview":"redeem-transaction",p.transactionCreated&&(["transaction","cart",D].forEach(n=>{this.localStorage.removeItem(n)}),[{name:y,path:"/",domain:this.domain},{name:M,path:"/",domain:this.domain}].forEach(n=>g(n)),dispatchEvent(new O({transactionId:p.transactionId,orderId:this.orderId,cartTotal:this.cartTotal,currencyCode:this.currencyCode}))),p},this.transactionDataController=new U(this,this.handlePostTransaction)}get parsedPromoCodes(){return B(this.htmlPromoCodes)}firstUpdated(r){this.enforceConfig(),this.nonprofitId=Number(this.localStorage.getItem("nonprofit"))||null,this.selectionId=this.localStorage.getItem("transaction")||null,this.cartId=this.localStorage.getItemJson("cart")?.cartId||null,this.beamCartId=f(y)||null,this.selectionId&&this.nonprofitId&&(this.activeWidget="impact-overview")}async updated(r){[...C,...R].some(a=>r.has(a))&&await this.transactionDataController.exec()}enforceConfig(){if(S(C,this),!this.email&&!this.partnerUserId)throw new I([this.email?"":"email",this.partnerUserId?"":"partnerUserId"].filter(Boolean),"At least one of [email, partnerUserId] must be provided")}getManualPromoCodes(){return this.parsedPromoCodes?.length?this.parsedPromoCodes:this.promoCodes?.length?this.promoCodes:[]}render(){return this.transactionDataController.loading?"":this.transactionDataController.error?this.debug?$({error:this.transactionDataController.error}):"":this.activeWidget==="redeem-transaction"?h`
         <beam-redeem-transaction
           part="redeem-transaction"
           baseUrl="${this.baseUrl}"

package/dist/components/post-purchase.js

@@ -1,4 +1,4 @@
-import{g as o,t as d,h as u,y as h}from"../chunks/lit-WqMxC_PA.esm.js";import{M as I}from"../chunks/beam-errors-Ci0d3926.esm.js";import{deleteCookieValue as g,getCookieValue as f}from"../utils/cookies.js";import{c as v,d as b,e as S}from"../chunks/enforce-config-Ba1JkOHs.esm.js";import{createScopedLocalStorage as P}from"../utils/local-storage.js";import{A as U,_ as $}from"../chunks/localize-C25pEGnx.esm.js";import{D as A,p as E}from"../chunks/routes-CAhDCFDX.esm.js";import"./redeem-transaction.js";import"./impact-overview.js";import{B as y}from"../chunks/cart-contents-DkoytiZh.esm.js";import{b as O}from"../chunks/events-BohmT6Lp.esm.js";import{f as w,c as T,m as _,i as K,P as D,d as M,e as B}from"../chunks/promoManager-B9cTR1R3.esm.js";import"../utils/logger.js";import"../chunks/lodash-7H4x2457.esm.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"../chunks/promo-pill-label-CbW_Vcru.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"./beam-partner-logos.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../chunks/_share-dialog-dependencies-QaTONkKb.esm.js";import"../chunks/share-button-CtklpZOO.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-BYVId0-U.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";var N=Object.defineProperty,e=(l,r,a,m)=>{for(var i=void 0,s=l.length-1,c;s>=0;s--)(c=l[s])&&(i=c(r,a,i)||i);return i&&N(r,a,i),i};const C=["baseUrl","apiKey","orderId","cartTotal","currencyCode","lang"],R=["storeId","postalCode","countryCode","cart","discountCodes","promoCodes","htmlPromoCodes","email","partnerUserId"];class t extends u{constructor(){super(...arguments),this.baseUrl=A,this.currencyCode="USD",this.lang="en",this.debug=!1,this.activeWidget=null,this.nonprofitId=null,this.selectionId=null,this.cartId=null,this.beamCartId=null,this.userId=null,this.transactionId=null,this.draftConfig=!1,this.localStorage=P(this),this.handlePostTransaction=async()=>{this.enforceConfig();const r=this.getManualPromoCodes(),a=w(r.map(n=>({value:n})),this.apiKey),m=T(),i={unvalidatedPromoCodes:_(r.map(n=>({value:n}))),validatedPromoCodes:m?.validatedPromoCodes??[]},s=a??i,c=s&&!K(s),p=await E({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},requestBody:{selectionId:this.selectionId||void 0,cartId:this.cartId||void 0,beamCartId:this.beamCartId||void 0,storeId:this.storeId,orderId:this.orderId,cartTotal:this.cartTotal,email:this.email,partnerUserId:this.partnerUserId,currencyCode:this.currencyCode,postalCode:this.postalCode,countryCode:this.countryCode,cart:this.cart,...c&&{promos:s},discountCodes:this.discountCodes}});return this.transactionId=p.transactionId,this.userId=p.beamUserId,this.nonprofitId=p.nonprofitId,this.activeWidget=this.nonprofitId?"impact-overview":"redeem-transaction",p.transactionCreated&&(["transaction","cart",D].forEach(n=>{this.localStorage.removeItem(n)}),[{name:y,path:"/",domain:this.domain},{name:M,path:"/",domain:this.domain}].forEach(n=>g(n)),dispatchEvent(new O({transactionId:p.transactionId,orderId:this.orderId,cartTotal:this.cartTotal,currencyCode:this.currencyCode}))),p},this.transactionDataController=new U(this,this.handlePostTransaction)}get parsedPromoCodes(){return B(this.htmlPromoCodes)}firstUpdated(r){this.enforceConfig(),this.nonprofitId=Number(this.localStorage.getItem("nonprofit"))||null,this.selectionId=this.localStorage.getItem("transaction")||null,this.cartId=this.localStorage.getItemJson("cart")?.cartId||null,this.beamCartId=f(y)||null,this.selectionId&&this.nonprofitId&&(this.activeWidget="impact-overview")}async updated(r){[...C,...R].some(a=>r.has(a))&&await this.transactionDataController.exec()}enforceConfig(){if(S(C,this),!this.email&&!this.partnerUserId)throw new I([this.email?"":"email",this.partnerUserId?"":"partnerUserId"].filter(Boolean),"At least one of [email, partnerUserId] must be provided")}getManualPromoCodes(){return this.parsedPromoCodes?.length?this.parsedPromoCodes:this.promoCodes?.length?this.promoCodes:[]}render(){return this.transactionDataController.loading?"":this.transactionDataController.error?this.debug?$({error:this.transactionDataController.error}):"":this.activeWidget==="redeem-transaction"?h`
+import{g as o,t as d,h as u,y as h}from"../chunks/lit-WqMxC_PA.esm.js";import{M as I}from"../chunks/beam-errors-Ci0d3926.esm.js";import{deleteCookieValue as g,getCookieValue as f}from"../utils/cookies.js";import{c as v,d as b,e as S}from"../chunks/enforce-config-Ba1JkOHs.esm.js";import{createScopedLocalStorage as P}from"../utils/local-storage.js";import{A as U,_ as $}from"../chunks/localize-C25pEGnx.esm.js";import{D as A,p as E}from"../chunks/routes-S0vKQTft.esm.js";import"./redeem-transaction.js";import"./impact-overview.js";import{B as y}from"../chunks/cart-contents-DkoytiZh.esm.js";import{b as O}from"../chunks/events-BohmT6Lp.esm.js";import{f as w,c as T,m as _,i as K,P as D,d as M,e as B}from"../chunks/promoManager-B9cTR1R3.esm.js";import"../utils/logger.js";import"../chunks/lodash-7H4x2457.esm.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"../chunks/promo-pill-label-CbW_Vcru.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"./beam-partner-logos.js";import"../chunks/loading-template-DG4lkIIc.esm.js";import"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../chunks/_share-dialog-dependencies-Dt4WMt_y.esm.js";import"../chunks/share-button-P726e8AH.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-Ck4hnQPC.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";var N=Object.defineProperty,e=(l,r,a,m)=>{for(var i=void 0,s=l.length-1,c;s>=0;s--)(c=l[s])&&(i=c(r,a,i)||i);return i&&N(r,a,i),i};const C=["baseUrl","apiKey","orderId","cartTotal","currencyCode","lang"],R=["storeId","postalCode","countryCode","cart","discountCodes","promoCodes","htmlPromoCodes","email","partnerUserId"];class t extends u{constructor(){super(...arguments),this.baseUrl=A,this.currencyCode="USD",this.lang="en",this.debug=!1,this.activeWidget=null,this.nonprofitId=null,this.selectionId=null,this.cartId=null,this.beamCartId=null,this.userId=null,this.transactionId=null,this.draftConfig=!1,this.localStorage=P(this),this.handlePostTransaction=async()=>{this.enforceConfig();const r=this.getManualPromoCodes(),a=w(r.map(n=>({value:n})),this.apiKey),m=T(),i={unvalidatedPromoCodes:_(r.map(n=>({value:n}))),validatedPromoCodes:m?.validatedPromoCodes??[]},s=a??i,c=s&&!K(s),p=await E({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},requestBody:{selectionId:this.selectionId||void 0,cartId:this.cartId||void 0,beamCartId:this.beamCartId||void 0,storeId:this.storeId,orderId:this.orderId,cartTotal:this.cartTotal,email:this.email,partnerUserId:this.partnerUserId,currencyCode:this.currencyCode,postalCode:this.postalCode,countryCode:this.countryCode,cart:this.cart,...c&&{promos:s},discountCodes:this.discountCodes}});return this.transactionId=p.transactionId,this.userId=p.beamUserId,this.nonprofitId=p.nonprofitId,this.activeWidget=this.nonprofitId?"impact-overview":"redeem-transaction",p.transactionCreated&&(["transaction","cart",D].forEach(n=>{this.localStorage.removeItem(n)}),[{name:y,path:"/",domain:this.domain},{name:M,path:"/",domain:this.domain}].forEach(n=>g(n)),dispatchEvent(new O({transactionId:p.transactionId,orderId:this.orderId,cartTotal:this.cartTotal,currencyCode:this.currencyCode}))),p},this.transactionDataController=new U(this,this.handlePostTransaction)}get parsedPromoCodes(){return B(this.htmlPromoCodes)}firstUpdated(r){this.enforceConfig(),this.nonprofitId=Number(this.localStorage.getItem("nonprofit"))||null,this.selectionId=this.localStorage.getItem("transaction")||null,this.cartId=this.localStorage.getItemJson("cart")?.cartId||null,this.beamCartId=f(y)||null,this.selectionId&&this.nonprofitId&&(this.activeWidget="impact-overview")}async updated(r){[...C,...R].some(a=>r.has(a))&&await this.transactionDataController.exec()}enforceConfig(){if(S(C,this),!this.email&&!this.partnerUserId)throw new I([this.email?"":"email",this.partnerUserId?"":"partnerUserId"].filter(Boolean),"At least one of [email, partnerUserId] must be provided")}getManualPromoCodes(){return this.parsedPromoCodes?.length?this.parsedPromoCodes:this.promoCodes?.length?this.promoCodes:[]}render(){return this.transactionDataController.loading?"":this.transactionDataController.error?this.debug?$({error:this.transactionDataController.error}):"":this.activeWidget==="redeem-transaction"?h`
         <beam-redeem-transaction
           part="redeem-transaction"
           baseUrl="${this.baseUrl}"

package/dist/components/product-details-page.esm.js

@@ -1,4 +1,4 @@
-import{j as x,y as r,f as w,g as d,t as k,h as S,k as $}from"../chunks/lit-WqMxC_PA.esm.js";import{u as g,A as I,_ as T,i as f,d as m,a as F}from"../chunks/localize-Btu9xYcE.esm.js";import{D as z,W as u,l as E,S as B}from"../chunks/routes-pcL-CUiQ.esm.js";import{c as L,d as A,e as M}from"../chunks/enforce-config-CZ3ToOgr.esm.js";import{c as W}from"../chunks/responsive-BR8qUfBa.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import{p as G}from"../chunks/promo-pill-label-CbW_Vcru.esm.js";import{f as _,i as j,e as R,h as H,k as K,s as U}from"../chunks/promoManager-fl54hq13.esm.js";import{B as V}from"../chunks/cart-contents-DkoytiZh.esm.js";import{createScopedLocalStorage as N}from"../utils/local-storage.esm.js";import{makeApiKeyHeader as O}from"../utils/makeApiKeyHeader.esm.js";import{f as D,a as v}from"../chunks/events-BohmT6Lp.esm.js";import{getBeamCartId as q}from"../utils/cart.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/logger.esm.js";import"../utils/cookies.esm.js";const J=(l="",{borderRadius:e="0px",borderStyle:o="unset",borderColor:t="#000000",borderWidth:i="1px"}={})=>{const a=l.startsWith("--beam-")?l:`--beam-${l}`;return{[`${a}-borderRadius`]:e,[`${a}-borderStyle`]:o,[`${a}-borderColor`]:t,[`${a}-borderWidth`]:i}},Q=(l="",{borderRadius:e="0px",borderStyle:o="unset",borderColor:t="#000000",borderWidth:i="1px"}={})=>{const a=l.startsWith("--beam-")?l:`--beam-${l}`;return x(`        border-radius: var(${a}-borderRadius, ${e});
+import{j as x,y as r,f as w,g as d,t as k,h as S,k as $}from"../chunks/lit-WqMxC_PA.esm.js";import{u as g,A as I,_ as T,i as f,d as m,a as F}from"../chunks/localize-Btu9xYcE.esm.js";import{D as z,W as u,l as E,S as B}from"../chunks/routes-TtLdALcf.esm.js";import{c as L,d as A,e as M}from"../chunks/enforce-config-CZ3ToOgr.esm.js";import{c as W}from"../chunks/responsive-BR8qUfBa.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import{p as G}from"../chunks/promo-pill-label-CbW_Vcru.esm.js";import{f as _,i as j,e as R,h as H,k as K,s as U}from"../chunks/promoManager-fl54hq13.esm.js";import{B as V}from"../chunks/cart-contents-DkoytiZh.esm.js";import{createScopedLocalStorage as N}from"../utils/local-storage.esm.js";import{makeApiKeyHeader as O}from"../utils/makeApiKeyHeader.esm.js";import{f as D,a as v}from"../chunks/events-BohmT6Lp.esm.js";import{getBeamCartId as q}from"../utils/cart.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/logger.esm.js";import"../utils/cookies.esm.js";const J=(l="",{borderRadius:e="0px",borderStyle:o="unset",borderColor:t="#000000",borderWidth:i="1px"}={})=>{const a=l.startsWith("--beam-")?l:`--beam-${l}`;return{[`${a}-borderRadius`]:e,[`${a}-borderStyle`]:o,[`${a}-borderColor`]:t,[`${a}-borderWidth`]:i}},Q=(l="",{borderRadius:e="0px",borderStyle:o="unset",borderColor:t="#000000",borderWidth:i="1px"}={})=>{const a=l.startsWith("--beam-")?l:`--beam-${l}`;return x(`        border-radius: var(${a}-borderRadius, ${e});
         border-style: var(${a}-borderStyle, ${o});
         border-color: var(${a}-borderColor, ${t});
         border-width: var(${a}-borderWidth, ${i});
@@ -237,6 +237,17 @@ import{j as x,y as r,f as w,g as d,t as k,h as S,k as $}from"../chunks/lit-WqMxC
         width: calc(var(--beam-ProductDetailsPage-TooltipIcon-width) + 20px);
         height: calc(var(--beam-ProductDetailsPage-TooltipIcon-width) + 20px);
       }
+      .ppgf-disclosure-tooltip-trigger::part(base) {
+        line-height: 1;
+        border: none;
+        min-height: 0;
+        min-width: 0;
+        width: auto;
+        color: var(--beam-ProductDetailsPage-TooltipIcon-color);
+      }
+      .ppgf-disclosure-tooltip-trigger::part(label) {
+        padding: 0;
+      }
       .ppgf-disclosure-tooltip-trigger > svg {
         width: var(--beam-ProductDetailsPage-TooltipIcon-width);
         color: var(--beam-ProductDetailsPage-TooltipIcon-color);

package/dist/components/product-details-page.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"product-details-page.esm.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: () => `At no extra cost, 1% of every order is donated to a nonprofit you choose. Powered by Beam`,\n    inlineSeparator: () => `:`,\n  },\n  fr: {\n    ctaTitle: () => `Choisissez l'impact de votre choix`,\n    ctaMessage: () =>\n      `Sans frais supplémentaires, 1% de chaque commande est reversé à l'organisation caritative de votre choix. Développé par Beam`,\n    inlineSeparator: () => `:`,\n  },\n  es: {\n    ctaTitle: () => `Elige el impacto que deseas`,\n    ctaMessage: () =>\n      `Sin coste adicional, el 1% de cada pedido se dona a la organización sin ánimo de lucro que tú elijas. Desarrollado por Beam`,\n    inlineSeparator: () => `:`,\n  },\n  de: {\n    ctaTitle: () => `Wählen Sie Ihren Einfluss`,\n    ctaMessage: () =>\n      `Ohne zusätzliche Kosten wird 1 % jeder Bestellung an eine von Ihnen gewählte gemeinnützige Organisation gespendet. Von Beam unterstützt`,\n    inlineSeparator: () => `:`,\n  },\n  it: {\n    ctaTitle: () => `Scegliete chi sostenere`,\n    ctaMessage: () =>\n      `L'1% di ogni vostro acquisto viene donato, senza alcun costo aggiuntivo, a un'organizzazione no-profit a libera scelta. Promosso da Beam`,\n    inlineSeparator: () => `:`,\n  },\n  pl: {\n    ctaTitle: () => `Masz wpływ, dokonaj wyboru`,\n    ctaMessage: () =>\n      `1% kwoty każdego zamówienia jest przekazywane na rzecz wybranej przez Ciebie organizacji non-profit – bez dodatkowych kosztów. Obsługiwane przez 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\"];\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    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\" />\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\"> ${description} ${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\"> ${description} ${this.renderDisclosureTooltip()} </span>\n          </div>\n        `;\n  }\n\n  renderCloseTooltipIcon() {\n    return html`<svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\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    const onClickClose = () => {\n      // due to being strictly html, we need to assume any when overriding shoelace properties\n      const tooltip = this.renderRoot.querySelector(\".ppgf-disclosure-tooltip\") as any;\n      if (tooltip?.open) {\n        tooltip.open = false;\n      }\n    };\n    const ppgfDisclosure = this.productDetailsPageDataController.data?.ppgfDisclosure;\n    return ppgfDisclosure\n      ? html`<sl-tooltip class=\"ppgf-disclosure-tooltip\" part=\"tooltip\">\n          <div class=\"ppgf-disclosure-tooltip-content\" slot=\"content\" part=\"tooltip-content\">\n            <button\n              class=\"ppgf-disclosure-close\"\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 class=\"ppgf-disclosure-tooltip-trigger\" part=\"tooltip-disclosure-icon\">\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-label=\"More information\"\n              tabindex=\"0\"\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        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 > 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","x","s","p","n","e","o","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","onClickClose","tooltip","ppgfDisclosure","unsafeHTML","defaults","defineCustomText","promoPillLabelConfigDefaults","remoteConfig","config","_cssVariableMap","cssReset","cssResponsiveUtils","css","useCustomText","__decorateClass","property","state","defineCustomElement"],"mappings":"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"}
+{"version":3,"file":"product-details-page.esm.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: () => `At no extra cost, 1% of every order is donated to a nonprofit you choose. Powered by Beam`,\n    inlineSeparator: () => `:`,\n  },\n  fr: {\n    ctaTitle: () => `Choisissez l'impact de votre choix`,\n    ctaMessage: () =>\n      `Sans frais supplémentaires, 1% de chaque commande est reversé à l'organisation caritative de votre choix. Développé par Beam`,\n    inlineSeparator: () => `:`,\n  },\n  es: {\n    ctaTitle: () => `Elige el impacto que deseas`,\n    ctaMessage: () =>\n      `Sin coste adicional, el 1% de cada pedido se dona a la organización sin ánimo de lucro que tú elijas. Desarrollado por Beam`,\n    inlineSeparator: () => `:`,\n  },\n  de: {\n    ctaTitle: () => `Wählen Sie Ihren Einfluss`,\n    ctaMessage: () =>\n      `Ohne zusätzliche Kosten wird 1 % jeder Bestellung an eine von Ihnen gewählte gemeinnützige Organisation gespendet. Von Beam unterstützt`,\n    inlineSeparator: () => `:`,\n  },\n  it: {\n    ctaTitle: () => `Scegliete chi sostenere`,\n    ctaMessage: () =>\n      `L'1% di ogni vostro acquisto viene donato, senza alcun costo aggiuntivo, a un'organizzazione no-profit a libera scelta. Promosso da Beam`,\n    inlineSeparator: () => `:`,\n  },\n  pl: {\n    ctaTitle: () => `Masz wpływ, dokonaj wyboru`,\n    ctaMessage: () =>\n      `1% kwoty każdego zamówienia jest przekazywane na rzecz wybranej przez Ciebie organizacji non-profit – bez dodatkowych kosztów. Obsługiwane przez 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\"];\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    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\" />\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\"> ${description} ${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\"> ${description} ${this.renderDisclosureTooltip()} </span>\n          </div>\n        `;\n  }\n\n  renderCloseTooltipIcon() {\n    return html`<svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\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    const onClickClose = () => {\n      // due to being strictly html, we need to assume any when overriding shoelace properties\n      const tooltip = this.renderRoot.querySelector(\".ppgf-disclosure-tooltip\") as any;\n      if (tooltip?.open) {\n        tooltip.open = false;\n      }\n    };\n    const ppgfDisclosure = this.productDetailsPageDataController.data?.ppgfDisclosure;\n    return ppgfDisclosure\n      ? html`<sl-tooltip class=\"ppgf-disclosure-tooltip\" part=\"tooltip\">\n          <div class=\"ppgf-disclosure-tooltip-content\" slot=\"content\" part=\"tooltip-content\">\n            <button\n              class=\"ppgf-disclosure-close\"\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 class=\"ppgf-disclosure-tooltip-trigger\" part=\"tooltip-disclosure-icon\">\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-label=\"More information\"\n              tabindex=\"0\"\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        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","x","s","p","n","e","o","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","onClickClose","tooltip","ppgfDisclosure","unsafeHTML","defaults","defineCustomText","promoPillLabelConfigDefaults","remoteConfig","config","_cssVariableMap","cssReset","cssResponsiveUtils","css","useCustomText","__decorateClass","property","state","defineCustomElement"],"mappings":"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"}

package/dist/components/product-details-page.js

@@ -1,4 +1,4 @@
-import{j as x,y as r,f as w,g as d,t as k,h as S,k as $}from"../chunks/lit-WqMxC_PA.esm.js";import{u as g,A as I,_ as T,i as f,d as m,a as F}from"../chunks/localize-C25pEGnx.esm.js";import{D as z,W as u,l as E,S as B}from"../chunks/routes-CAhDCFDX.esm.js";import{c as L,d as A,e as M}from"../chunks/enforce-config-Ba1JkOHs.esm.js";import{c as W}from"../chunks/responsive-BR8qUfBa.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import{p as G}from"../chunks/promo-pill-label-CbW_Vcru.esm.js";import{f as _,i as j,e as R,h as H,k as K,s as U}from"../chunks/promoManager-B9cTR1R3.esm.js";import{B as V}from"../chunks/cart-contents-DkoytiZh.esm.js";import{createScopedLocalStorage as N}from"../utils/local-storage.js";import{makeApiKeyHeader as O}from"../utils/makeApiKeyHeader.js";import{f as D,a as v}from"../chunks/events-BohmT6Lp.esm.js";import{getBeamCartId as q}from"../utils/cart.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/logger.js";import"../utils/cookies.js";const J=(l="",{borderRadius:e="0px",borderStyle:o="unset",borderColor:t="#000000",borderWidth:i="1px"}={})=>{const a=l.startsWith("--beam-")?l:`--beam-${l}`;return{[`${a}-borderRadius`]:e,[`${a}-borderStyle`]:o,[`${a}-borderColor`]:t,[`${a}-borderWidth`]:i}},Q=(l="",{borderRadius:e="0px",borderStyle:o="unset",borderColor:t="#000000",borderWidth:i="1px"}={})=>{const a=l.startsWith("--beam-")?l:`--beam-${l}`;return x(`        border-radius: var(${a}-borderRadius, ${e});
+import{j as x,y as r,f as w,g as d,t as k,h as S,k as $}from"../chunks/lit-WqMxC_PA.esm.js";import{u as g,A as I,_ as T,i as f,d as m,a as F}from"../chunks/localize-C25pEGnx.esm.js";import{D as z,W as u,l as E,S as B}from"../chunks/routes-S0vKQTft.esm.js";import{c as L,d as A,e as M}from"../chunks/enforce-config-Ba1JkOHs.esm.js";import{c as W}from"../chunks/responsive-BR8qUfBa.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import{p as G}from"../chunks/promo-pill-label-CbW_Vcru.esm.js";import{f as _,i as j,e as R,h as H,k as K,s as U}from"../chunks/promoManager-B9cTR1R3.esm.js";import{B as V}from"../chunks/cart-contents-DkoytiZh.esm.js";import{createScopedLocalStorage as N}from"../utils/local-storage.js";import{makeApiKeyHeader as O}from"../utils/makeApiKeyHeader.js";import{f as D,a as v}from"../chunks/events-BohmT6Lp.esm.js";import{getBeamCartId as q}from"../utils/cart.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/logger.js";import"../utils/cookies.js";const J=(l="",{borderRadius:e="0px",borderStyle:o="unset",borderColor:t="#000000",borderWidth:i="1px"}={})=>{const a=l.startsWith("--beam-")?l:`--beam-${l}`;return{[`${a}-borderRadius`]:e,[`${a}-borderStyle`]:o,[`${a}-borderColor`]:t,[`${a}-borderWidth`]:i}},Q=(l="",{borderRadius:e="0px",borderStyle:o="unset",borderColor:t="#000000",borderWidth:i="1px"}={})=>{const a=l.startsWith("--beam-")?l:`--beam-${l}`;return x(`        border-radius: var(${a}-borderRadius, ${e});
         border-style: var(${a}-borderStyle, ${o});
         border-color: var(${a}-borderColor, ${t});
         border-width: var(${a}-borderWidth, ${i});
@@ -237,6 +237,17 @@ import{j as x,y as r,f as w,g as d,t as k,h as S,k as $}from"../chunks/lit-WqMxC
         width: calc(var(--beam-ProductDetailsPage-TooltipIcon-width) + 20px);
         height: calc(var(--beam-ProductDetailsPage-TooltipIcon-width) + 20px);
       }
+      .ppgf-disclosure-tooltip-trigger::part(base) {
+        line-height: 1;
+        border: none;
+        min-height: 0;
+        min-width: 0;
+        width: auto;
+        color: var(--beam-ProductDetailsPage-TooltipIcon-color);
+      }
+      .ppgf-disclosure-tooltip-trigger::part(label) {
+        padding: 0;
+      }
       .ppgf-disclosure-tooltip-trigger > svg {
         width: var(--beam-ProductDetailsPage-TooltipIcon-width);
         color: var(--beam-ProductDetailsPage-TooltipIcon-color);