@beamimpact/web-sdk 1.55.6 → 1.55.8

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

@@ -1 +1 @@
-{"version":3,"file":"post-purchase.js","sources":["../../src/components/post-purchase/index.ts"],"sourcesContent":["import { html, LitElement, PropertyValues } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { state } from \"lit/decorators/state.js\";\nimport { MissingConfig } from \"../../utils/beam-errors\";\nimport { deleteCookieValue, getCookieValue } from \"../../utils/cookies\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { createScopedLocalStorage } from \"../../utils/local-storage\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { DEFAULT_BASE_URL, LOCAL_STORAGE_KEYS } from \"../../api-sdk/constants\";\nimport { postTransaction } from \"../../api-sdk/v4/routes\";\nimport \"../redeem-transaction\";\nimport \"../impact-overview\";\nimport { BEAM_CART_COOKIE_NAME, TBeamCartLocalStorage, TCart } from \"../../shared/cart-contents\";\nimport { BeamNonprofitSelectEvent, BeamOrderCreatedEvent } from \"../../utils/events\";\nimport {\n  isEmptyPromoData,\n  parseJsonStringArray,\n  formatStoreAndReturnPromoCodes,\n  getAllPromoCodesFromCookie,\n  mapToUnvalidatedPromoCodes,\n} from \"../../utils/promoManager\";\nimport { PROMO_CODES_COOKIE_NAME, PROMO_LOCAL_STORAGE_KEY, TPromoCodeRequest } from \"../../shared/promo-types\";\n\nconst REQUIRED_DATA_PROPS = [\"baseUrl\", \"apiKey\", \"orderId\", \"cartTotal\", \"currencyCode\", \"lang\"];\nconst OPTIONAL_DATA_PROPS = [\n  \"storeId\",\n  \"postalCode\",\n  \"countryCode\",\n  \"cart\",\n  \"discountCodes\",\n  \"promoCodes\",\n  \"htmlPromoCodes\",\n  \"email\",\n  \"partnerUserId\",\n];\n\nexport class BeamPostPurchase extends LitElement {\n  static tagName = \"beam-post-purchase\";\n\n  @property({ type: String })\n  public baseUrl: string = DEFAULT_BASE_URL;\n\n  @property({ type: String })\n  public apiKey!: string;\n\n  @property({ type: Number, reflect: true })\n  public storeId?: number; // Either storeId or postalCode, countryCode must be provided\n\n  @property({ type: String })\n  public postalCode?: string;\n\n  @property({ type: String })\n  public countryCode?: string;\n\n  @property({ type: String })\n  public orderId!: string;\n\n  /**\n   * Either email or partnerUserId is required\n   */\n  @property({ type: String })\n  public email?: string;\n\n  /**\n   * Either email or partnerUserId is required\n   */\n  @property({ type: String })\n  public partnerUserId?: string;\n\n  @property({ type: Number })\n  public cartTotal!: number;\n\n  @property({ type: String })\n  public currencyCode = \"USD\";\n\n  @property({ type: String })\n  public lang: LANGUAGES = \"en\";\n\n  @property({ type: Object })\n  public cart?: TCart;\n\n  /**\n   * @deprecated Use `promoCodes` instead. `discountCodes` is retained for backward compatibility\n   */\n  @property({ type: Array })\n  public discountCodes?: string[];\n\n  @property({ type: Array })\n  public promoCodes?: string[];\n\n  @property({ type: String })\n  public htmlPromoCodes?: string;\n\n  @property({ type: String })\n  public domain?: string;\n\n  @property({ type: Boolean })\n  public debug = false;\n\n  @state() private activeWidget: \"redeem-transaction\" | \"impact-overview\" | null = null; // wait for postTransaction\n  @state() private nonprofitId: number | null = null; // from localStorage or redeem-transaction result\n  @state() private selectionId: string | null = null; // from localStorage\n  @state() private cartId: string | null = null; // from localStorage, external cart ID\n  @state() private beamCartId: string | null = null; // from cookie, Beam cart ID\n  @state() private userId: string | null = null; // from postTransaction\n  @state() private transactionId: string | null = null; // from postTransaction\n  @state() private excludeDonationsForRecurringTransactions = false;\n  @state() private creationMethod = \"\";\n  @property({ type: Boolean }) public draftConfig = false;\n\n  private localStorage = createScopedLocalStorage(this);\n\n  get parsedPromoCodes(): string[] {\n    return parseJsonStringArray(this.htmlPromoCodes);\n  }\n\n  firstUpdated(_changedProperties: PropertyValues) {\n    this.enforceConfig();\n\n    // Delete selectionId if it was saved with an invalid string (bug introduced v1.54.0)\n    if (this.localStorage.getItem(\"transaction\")?.toLocaleLowerCase() === \"undefined\") {\n      this.localStorage.removeItem(\"transaction\");\n    }\n\n    this.selectionId = this.localStorage.getItem(\"transaction\") || null;\n    this.cartId = this.localStorage.getItemJson<TBeamCartLocalStorage>(\"cart\")?.cartId || null;\n    // Reading beamCartId from cookies instead of localStorage allows it to work across subdomains\n    this.beamCartId = getCookieValue(BEAM_CART_COOKIE_NAME) || null;\n\n    if (this.selectionId && this.nonprofitId) {\n      this.activeWidget = \"impact-overview\";\n    }\n  }\n\n  async updated(previousPropertyValues: PropertyValues) {\n    // Also fires on first load as props go from undefined => value\n    const refreshOnChangeProps = [...REQUIRED_DATA_PROPS, ...OPTIONAL_DATA_PROPS];\n    if (refreshOnChangeProps.some((p) => previousPropertyValues.has(p))) {\n      await this.transactionDataController.exec();\n    }\n  }\n\n  enforceConfig() {\n    enforceConfig(REQUIRED_DATA_PROPS, this);\n    if (!this.email && !this.partnerUserId) {\n      throw new MissingConfig(\n        [this.email ? \"\" : \"email\", this.partnerUserId ? \"\" : \"partnerUserId\"].filter(Boolean),\n        \"At least one of [email, partnerUserId] must be provided\"\n      );\n    }\n  }\n\n  private getManualPromoCodes(): string[] {\n    if (this.parsedPromoCodes?.length) {\n      return this.parsedPromoCodes;\n    }\n    if (this.promoCodes?.length) {\n      return this.promoCodes;\n    }\n    return [];\n  }\n\n  handlePostTransaction = async () => {\n    this.enforceConfig();\n    const manualPromoCodes = this.getManualPromoCodes();\n    const formattedPromosFromLocalStorage = formatStoreAndReturnPromoCodes(\n      manualPromoCodes.map((code) => ({ value: code })),\n      this.apiKey\n    );\n\n    const promoCookieData = getAllPromoCodesFromCookie();\n    const formattedPromosFromCookie: TPromoCodeRequest = {\n      unvalidatedPromoCodes: mapToUnvalidatedPromoCodes(manualPromoCodes.map((code) => ({ value: code }))),\n      validatedPromoCodes: promoCookieData?.validatedPromoCodes ?? [],\n    };\n\n    const formattedPromos = formattedPromosFromLocalStorage ?? formattedPromosFromCookie;\n\n    const shouldSendPromos = formattedPromos && !isEmptyPromoData(formattedPromos);\n    const result = await postTransaction({\n      baseUrl: this.baseUrl,\n      apiRoot: \"/api\",\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      requestBody: {\n        selectionId: this.selectionId || undefined,\n        cartId: this.cartId || undefined,\n        beamCartId: this.beamCartId || undefined,\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        storeId: this.storeId,\n        orderId: this.orderId,\n        cartTotal: this.cartTotal,\n        email: this.email, // One or both of email & partnerUserId should be defined\n        partnerUserId: this.partnerUserId, // One or both of email & partnerUserId should be defined\n        currencyCode: this.currencyCode,\n        postalCode: this.postalCode,\n        countryCode: this.countryCode,\n        cart: this.cart,\n        ...(shouldSendPromos && { promos: formattedPromos }),\n        discountCodes: this.discountCodes,\n      },\n    });\n\n    this.transactionId = result.transactionId;\n    this.userId = result.beamUserId;\n    this.nonprofitId = result.nonprofitId;\n    this.excludeDonationsForRecurringTransactions = Boolean(result.reportSettings?.excludeRecurringDonations);\n    this.creationMethod = result.creationMethod || \"\";\n\n    const isTransactionRedeemed = !!this.nonprofitId;\n    this.activeWidget = isTransactionRedeemed ? \"impact-overview\" : \"redeem-transaction\";\n\n    // Emit order created event only when order is registered with Beam for the first time\n    if (result.transactionCreated) {\n      const localStorageKeys = [\n        \"transaction\",\n        \"cart\",\n        PROMO_LOCAL_STORAGE_KEY,\n        LOCAL_STORAGE_KEYS.NONPROFIT,\n        LOCAL_STORAGE_KEYS.NONPROFIT_SELECTED_AT,\n      ];\n      localStorageKeys.forEach((key) => {\n        this.localStorage.removeItem(key);\n      });\n      const cookieConfigs = [\n        { name: BEAM_CART_COOKIE_NAME, path: \"/\", domain: this.domain },\n        { name: PROMO_CODES_COOKIE_NAME, path: \"/\", domain: this.domain },\n      ];\n\n      cookieConfigs.forEach((config) => deleteCookieValue(config));\n\n      // Emit order created event only when order is registered with Beam for the first time\n      dispatchEvent(\n        new BeamOrderCreatedEvent({\n          transactionId: result.transactionId,\n          orderId: this.orderId,\n          cartTotal: this.cartTotal,\n          currencyCode: this.currencyCode,\n        })\n      );\n    }\n    return result;\n  };\n\n  private transactionDataController = new AsyncController<typeof this.handlePostTransaction>(\n    this,\n    this.handlePostTransaction\n  );\n\n  render() {\n    if (this.transactionDataController.loading) {\n      return \"\";\n    }\n    if (this.transactionDataController.error) {\n      if (this.debug) {\n        return _errorMessage({ error: this.transactionDataController.error });\n      }\n      return \"\";\n    }\n    if (this.excludeDonationsForRecurringTransactions && this.creationMethod === \"recurring\") {\n      return html``;\n    }\n    if (this.activeWidget === \"redeem-transaction\") {\n      return html`\n        <beam-redeem-transaction\n          part=\"redeem-transaction\"\n          baseUrl=\"${this.baseUrl}\"\n          apiKey=\"${this.apiKey}\"\n          storeId=\"${this.storeId}\"\n          postalCode=\"${this.postalCode}\"\n          countryCode=\"${this.countryCode}\"\n          transactionId=\"${this.transactionId}\"\n          cart=\"${JSON.stringify(this.cart)}\"\n          lang=\"${this.lang}\"\n          excludeDonationsForRecurringTransactions=\"${this.excludeDonationsForRecurringTransactions}\"\n          ?draftConfig=\"${this.draftConfig}\"\n          ?debug=\"${this.debug}\"\n          @beamnonprofitselect=\"${(event: Event) => {\n            if (!(event instanceof CustomEvent)) return; // TS guard\n            const { selectedNonprofitId } = (event as BeamNonprofitSelectEvent).detail;\n            this.nonprofitId = selectedNonprofitId ?? null;\n            this.activeWidget = \"impact-overview\";\n          }}\"\n        ></beam-redeem-transaction>\n      `;\n    }\n    if (this.activeWidget === \"impact-overview\") {\n      return html`\n        <beam-impact-overview\n          part=\"impact-overview\"\n          storeId=\"${this.storeId}\"\n          baseUrl=\"${this.baseUrl}\"\n          apiKey=\"${this.apiKey}\"\n          userId=\"${this.userId}\"\n          nonprofitId=\"${this.nonprofitId}\"\n          lang=\"${this.lang}\"\n          discountCodes=\"${JSON.stringify(this.discountCodes)}\"\n          transactionId=\"${this.transactionId}\"\n          ?draftConfig=\"${this.draftConfig}\"\n          ?debug=\"${this.debug}\"\n        ></beam-impact-overview>\n      `;\n    }\n    return \"\";\n  }\n\n  static styles = [cssReset];\n}\n\ndefineCustomElement(BeamPostPurchase);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-post-purchase\": BeamPostPurchase;\n  }\n}\n"],"names":["y","t","p","d","r","i","o","l","s","REQUIRED_DATA_PROPS","OPTIONAL_DATA_PROPS","BeamPostPurchase","LitElement","DEFAULT_BASE_URL","createScopedLocalStorage","manualPromoCodes","formattedPromosFromLocalStorage","formatStoreAndReturnPromoCodes","code","promoCookieData","getAllPromoCodesFromCookie","formattedPromosFromCookie","mapToUnvalidatedPromoCodes","formattedPromos","shouldSendPromos","isEmptyPromoData","result","postTransaction","isTransactionRedeemed","PROMO_LOCAL_STORAGE_KEY","LOCAL_STORAGE_KEYS","key","BEAM_CART_COOKIE_NAME","PROMO_CODES_COOKIE_NAME","config","deleteCookieValue","BeamOrderCreatedEvent","AsyncController","parseJsonStringArray","_changedProperties","getCookieValue","previousPropertyValues","enforceConfig","MissingConfig","_errorMessage","html","event","selectedNonprofitId","cssReset","__decorateClass","property","state","defineCustomElement"],"mappings":"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"}
+{"version":3,"file":"post-purchase.js","sources":["../../src/components/post-purchase/index.ts"],"sourcesContent":["import { html, LitElement, PropertyValues } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { state } from \"lit/decorators/state.js\";\nimport { MissingConfig } from \"../../utils/beam-errors\";\nimport { deleteCookieValue, getCookieValue } from \"../../utils/cookies\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { createScopedLocalStorage } from \"../../utils/local-storage\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { DEFAULT_BASE_URL, LOCAL_STORAGE_KEYS } from \"../../api-sdk/constants\";\nimport { postTransaction } from \"../../api-sdk/v4/routes\";\nimport \"../redeem-transaction\";\nimport \"../impact-overview\";\nimport { BEAM_CART_COOKIE_NAME, TBeamCartLocalStorage, TCart } from \"../../shared/cart-contents\";\nimport { BeamNonprofitSelectEvent, BeamOrderCreatedEvent } from \"../../utils/events\";\nimport {\n  isEmptyPromoData,\n  parseJsonStringArray,\n  formatStoreAndReturnPromoCodes,\n  getAllPromoCodesFromCookie,\n  mapToUnvalidatedPromoCodes,\n} from \"../../utils/promoManager\";\nimport { PROMO_CODES_COOKIE_NAME, PROMO_LOCAL_STORAGE_KEY, TPromoCodeRequest } from \"../../shared/promo-types\";\n\nconst REQUIRED_DATA_PROPS = [\"baseUrl\", \"apiKey\", \"orderId\", \"cartTotal\", \"currencyCode\", \"lang\"];\nconst OPTIONAL_DATA_PROPS = [\n  \"storeId\",\n  \"postalCode\",\n  \"countryCode\",\n  \"cart\",\n  \"discountCodes\",\n  \"promoCodes\",\n  \"htmlPromoCodes\",\n  \"email\",\n  \"partnerUserId\",\n];\n\nexport class BeamPostPurchase extends LitElement {\n  static tagName = \"beam-post-purchase\";\n\n  @property({ type: String })\n  public baseUrl: string = DEFAULT_BASE_URL;\n\n  @property({ type: String })\n  public apiKey!: string;\n\n  @property({ type: Number, reflect: true })\n  public storeId?: number; // Either storeId or postalCode, countryCode must be provided\n\n  @property({ type: String })\n  public postalCode?: string;\n\n  @property({ type: String })\n  public countryCode?: string;\n\n  @property({ type: String })\n  public orderId!: string;\n\n  /**\n   * Either email or partnerUserId is required\n   */\n  @property({ type: String })\n  public email?: string;\n\n  /**\n   * Either email or partnerUserId is required\n   */\n  @property({ type: String })\n  public partnerUserId?: string;\n\n  @property({ type: Number })\n  public cartTotal!: number;\n\n  @property({ type: String })\n  public currencyCode = \"USD\";\n\n  @property({ type: String })\n  public lang: LANGUAGES = \"en\";\n\n  @property({ type: Object })\n  public cart?: TCart;\n\n  /**\n   * @deprecated Use `promoCodes` instead. `discountCodes` is retained for backward compatibility\n   */\n  @property({ type: Array })\n  public discountCodes?: string[];\n\n  @property({ type: Array })\n  public promoCodes?: string[];\n\n  @property({ type: String })\n  public htmlPromoCodes?: string;\n\n  @property({ type: String })\n  public domain?: string;\n\n  @property({ type: Boolean })\n  public debug = false;\n\n  @state() private activeWidget: \"redeem-transaction\" | \"impact-overview\" | null = null; // wait for postTransaction\n  @state() private nonprofitId: number | null = null; // from localStorage or redeem-transaction result\n  @state() private selectionId: string | null = null; // from localStorage\n  @state() private cartId: string | null = null; // from localStorage, external cart ID\n  @state() private beamCartId: string | null = null; // from cookie, Beam cart ID\n  @state() private userId: string | null = null; // from postTransaction\n  @state() private transactionId: string | null = null; // from postTransaction\n  @state() private excludeDonationsForRecurringTransactions = false;\n  @state() private creationMethod = \"\";\n  @property({ type: Boolean }) public draftConfig = false;\n\n  private localStorage = createScopedLocalStorage(this);\n\n  get parsedPromoCodes(): string[] {\n    return parseJsonStringArray(this.htmlPromoCodes);\n  }\n\n  updateComponentState() {\n    // Delete selectionId if it was saved with an invalid string (bug introduced v1.54.0)\n    if (this.localStorage.getItem(\"transaction\")?.toLocaleLowerCase() === \"undefined\") {\n      this.localStorage.removeItem(\"transaction\");\n    }\n\n    this.selectionId = this.selectionId || this.localStorage.getItem(\"transaction\") || null;\n    this.cartId = this.cartId || this.localStorage.getItemJson<TBeamCartLocalStorage>(\"cart\")?.cartId || null;\n    // Reading beamCartId from cookies instead of localStorage allows it to work across subdomains\n    this.beamCartId =\n      this.beamCartId ||\n      this.localStorage.getItemJson<TBeamCartLocalStorage>(\"cart\")?.beamCartId ||\n      getCookieValue(BEAM_CART_COOKIE_NAME) ||\n      null;\n\n    if (this.selectionId && this.nonprofitId) {\n      this.activeWidget = \"impact-overview\";\n    }\n  }\n\n  firstUpdated(_changedProperties: PropertyValues) {\n    this.enforceConfig();\n    this.updateComponentState();\n  }\n\n  async updated(previousPropertyValues: PropertyValues) {\n    // Also fires on first load as props go from undefined => value\n    const refreshOnChangeProps = [...REQUIRED_DATA_PROPS, ...OPTIONAL_DATA_PROPS];\n    if (refreshOnChangeProps.some((p) => previousPropertyValues.has(p))) {\n      await this.transactionDataController.exec();\n    }\n  }\n\n  enforceConfig() {\n    enforceConfig(REQUIRED_DATA_PROPS, this);\n    if (!this.email && !this.partnerUserId) {\n      throw new MissingConfig(\n        [this.email ? \"\" : \"email\", this.partnerUserId ? \"\" : \"partnerUserId\"].filter(Boolean),\n        \"At least one of [email, partnerUserId] must be provided\"\n      );\n    }\n  }\n\n  private getManualPromoCodes(): string[] {\n    if (this.parsedPromoCodes?.length) {\n      return this.parsedPromoCodes;\n    }\n    if (this.promoCodes?.length) {\n      return this.promoCodes;\n    }\n    return [];\n  }\n\n  handlePostTransaction = async () => {\n    this.enforceConfig();\n    this.updateComponentState();\n\n    const manualPromoCodes = this.getManualPromoCodes();\n    const formattedPromosFromLocalStorage = formatStoreAndReturnPromoCodes(\n      manualPromoCodes.map((code) => ({ value: code })),\n      this.apiKey\n    );\n\n    const promoCookieData = getAllPromoCodesFromCookie();\n    const formattedPromosFromCookie: TPromoCodeRequest = {\n      unvalidatedPromoCodes: mapToUnvalidatedPromoCodes(manualPromoCodes.map((code) => ({ value: code }))),\n      validatedPromoCodes: promoCookieData?.validatedPromoCodes ?? [],\n    };\n\n    const formattedPromos = formattedPromosFromLocalStorage ?? formattedPromosFromCookie;\n\n    const shouldSendPromos = formattedPromos && !isEmptyPromoData(formattedPromos);\n    const result = await postTransaction({\n      baseUrl: this.baseUrl,\n      apiRoot: \"/api\",\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      requestBody: {\n        selectionId: this.selectionId || undefined,\n        cartId: this.cartId || undefined,\n        beamCartId: this.beamCartId || undefined,\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        storeId: this.storeId,\n        orderId: this.orderId,\n        cartTotal: this.cartTotal,\n        email: this.email, // One or both of email & partnerUserId should be defined\n        partnerUserId: this.partnerUserId, // One or both of email & partnerUserId should be defined\n        currencyCode: this.currencyCode,\n        postalCode: this.postalCode,\n        countryCode: this.countryCode,\n        cart: this.cart,\n        ...(shouldSendPromos && { promos: formattedPromos }),\n        discountCodes: this.discountCodes,\n      },\n    });\n\n    this.transactionId = result.transactionId;\n    this.userId = result.beamUserId;\n    this.nonprofitId = result.nonprofitId;\n    this.excludeDonationsForRecurringTransactions = Boolean(result.reportSettings?.excludeRecurringDonations);\n    this.creationMethod = result.creationMethod || \"\";\n\n    const isTransactionRedeemed = !!this.nonprofitId;\n    this.activeWidget = isTransactionRedeemed ? \"impact-overview\" : \"redeem-transaction\";\n\n    // Emit order created event only when order is registered with Beam for the first time\n    if (result.transactionCreated) {\n      const localStorageKeys = [\n        \"transaction\",\n        \"cart\",\n        PROMO_LOCAL_STORAGE_KEY,\n        LOCAL_STORAGE_KEYS.NONPROFIT,\n        LOCAL_STORAGE_KEYS.NONPROFIT_SELECTED_AT,\n      ];\n      localStorageKeys.forEach((key) => {\n        this.localStorage.removeItem(key);\n      });\n      const cookieConfigs = [\n        { name: BEAM_CART_COOKIE_NAME, path: \"/\", domain: this.domain },\n        { name: PROMO_CODES_COOKIE_NAME, path: \"/\", domain: this.domain },\n      ];\n\n      cookieConfigs.forEach((config) => deleteCookieValue(config));\n\n      // Emit order created event only when order is registered with Beam for the first time\n      dispatchEvent(\n        new BeamOrderCreatedEvent({\n          transactionId: result.transactionId,\n          orderId: this.orderId,\n          cartTotal: this.cartTotal,\n          currencyCode: this.currencyCode,\n        })\n      );\n    }\n    return result;\n  };\n\n  private transactionDataController = new AsyncController<typeof this.handlePostTransaction>(\n    this,\n    this.handlePostTransaction\n  );\n\n  render() {\n    if (this.transactionDataController.loading) {\n      return \"\";\n    }\n    if (this.transactionDataController.error) {\n      if (this.debug) {\n        return _errorMessage({ error: this.transactionDataController.error });\n      }\n      return \"\";\n    }\n    if (this.excludeDonationsForRecurringTransactions && this.creationMethod === \"recurring\") {\n      return html``;\n    }\n    if (this.activeWidget === \"redeem-transaction\") {\n      return html`\n        <beam-redeem-transaction\n          part=\"redeem-transaction\"\n          baseUrl=\"${this.baseUrl}\"\n          apiKey=\"${this.apiKey}\"\n          storeId=\"${this.storeId}\"\n          postalCode=\"${this.postalCode}\"\n          countryCode=\"${this.countryCode}\"\n          transactionId=\"${this.transactionId}\"\n          cart=\"${JSON.stringify(this.cart)}\"\n          lang=\"${this.lang}\"\n          excludeDonationsForRecurringTransactions=\"${this.excludeDonationsForRecurringTransactions}\"\n          ?draftConfig=\"${this.draftConfig}\"\n          ?debug=\"${this.debug}\"\n          @beamnonprofitselect=\"${(event: Event) => {\n            if (!(event instanceof CustomEvent)) return; // TS guard\n            const { selectedNonprofitId } = (event as BeamNonprofitSelectEvent).detail;\n            this.nonprofitId = selectedNonprofitId ?? null;\n            this.activeWidget = \"impact-overview\";\n          }}\"\n        ></beam-redeem-transaction>\n      `;\n    }\n    if (this.activeWidget === \"impact-overview\") {\n      return html`\n        <beam-impact-overview\n          part=\"impact-overview\"\n          storeId=\"${this.storeId}\"\n          baseUrl=\"${this.baseUrl}\"\n          apiKey=\"${this.apiKey}\"\n          userId=\"${this.userId}\"\n          nonprofitId=\"${this.nonprofitId}\"\n          lang=\"${this.lang}\"\n          discountCodes=\"${JSON.stringify(this.discountCodes)}\"\n          transactionId=\"${this.transactionId}\"\n          ?draftConfig=\"${this.draftConfig}\"\n          ?debug=\"${this.debug}\"\n        ></beam-impact-overview>\n      `;\n    }\n    return \"\";\n  }\n\n  static styles = [cssReset];\n}\n\ndefineCustomElement(BeamPostPurchase);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-post-purchase\": BeamPostPurchase;\n  }\n}\n"],"names":["y","t","p","d","r","i","o","l","s","REQUIRED_DATA_PROPS","OPTIONAL_DATA_PROPS","BeamPostPurchase","LitElement","DEFAULT_BASE_URL","createScopedLocalStorage","manualPromoCodes","formattedPromosFromLocalStorage","formatStoreAndReturnPromoCodes","code","promoCookieData","getAllPromoCodesFromCookie","formattedPromosFromCookie","mapToUnvalidatedPromoCodes","formattedPromos","shouldSendPromos","isEmptyPromoData","result","postTransaction","isTransactionRedeemed","PROMO_LOCAL_STORAGE_KEY","LOCAL_STORAGE_KEYS","key","BEAM_CART_COOKIE_NAME","PROMO_CODES_COOKIE_NAME","config","deleteCookieValue","BeamOrderCreatedEvent","AsyncController","parseJsonStringArray","getCookieValue","_changedProperties","previousPropertyValues","enforceConfig","MissingConfig","_errorMessage","html","event","selectedNonprofitId","cssReset","__decorateClass","property","state","defineCustomElement"],"mappings":"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"}

package/dist/components/product-details-page.d.ts

@@ -1,7 +1,7 @@
 import * as lit from 'lit';
 import { LitElement } from 'lit';
 import * as lit_html from 'lit-html';
-import { p as postProductDetailsPage } from '../chunks/routes-BoeGe1RQ.esm.js';
+import { p as postProductDetailsPage } from '../chunks/routes-DahRzf8t.esm.js';
 import { T as TUrl, L as LANGUAGES } from '../chunks/types-DfRc36jU.esm.js';
 import '../chunks/promo-pill-label-BXRqZHET.esm.js';
 
@@ -91,7 +91,7 @@ declare class BeamProductDetailsPage extends LitElement {
     }>;
     private productDetailsPageDataController;
     updated(changedProperties: Map<string, unknown>): Promise<void>;
-    render(): lit_html.TemplateResult<1> | "";
+    render(): "" | lit_html.TemplateResult<1>;
     renderWidgetIcon(iconDisplay: string): lit_html.TemplateResult<1>;
     renderContent(isPromoPillVisible: boolean, shouldDisplayColon: boolean, data: IAPIV3PostProductDetailsPage): lit_html.TemplateResult<1>;
     renderCloseTooltipIcon(): lit_html.TemplateResult<1>;

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

@@ -1,4 +1,4 @@
-import{j as E,y as r,f as B,g as c,t as A,h as z,k as L}from"../chunks/lit-WqMxC_PA.esm.js";import{u as b,A as M,_ as W,i as k,d as D,a as G}from"../chunks/localize-Btu9xYcE.esm.js";import{D as R,W as y,j as _,S as j}from"../chunks/routes-DzqKnt5D.esm.js";import{c as O,d as H,e as U}from"../chunks/enforce-config-CZ3ToOgr.esm.js";import{c as K}from"../chunks/responsive-BR8qUfBa.esm.js";import"../chunks/_share-dialog-dependencies-C9KUQdZi.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import{p as N}from"../chunks/promo-pill-label-Fdt5WTOL.esm.js";import{formatStoreAndReturnPromoCodes as V,isEmptyPromoData as q,parseJsonStringArray as J,getPromoCodesFromCart as Y,setPromoCodesInLocalStorage as Z,setPromoCodeInCookie as Q}from"../utils/promoManager.esm.js";import{B as X}from"../chunks/cart-contents-DkoytiZh.esm.js";import{createScopedLocalStorage as ee}from"../utils/local-storage.esm.js";import{makeApiKeyHeader as te}from"../utils/makeApiKeyHeader.esm.js";import{f as w,a as S}from"../chunks/events-Dki0ka4F.esm.js";import{getBeamCartId as oe}from"../utils/cart.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/logger.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../utils/cookies.esm.js";const ae=(n="",{borderRadius:e="0px",borderStyle:t="unset",borderColor:o="#000000",borderWidth:i="1px"}={})=>{const a=n.startsWith("--beam-")?n:`--beam-${n}`;return{[`${a}-borderRadius`]:e,[`${a}-borderStyle`]:t,[`${a}-borderColor`]:o,[`${a}-borderWidth`]:i}},ie=(n="",{borderRadius:e="0px",borderStyle:t="unset",borderColor:o="#000000",borderWidth:i="1px"}={})=>{const a=n.startsWith("--beam-")?n:`--beam-${n}`;return E(`        border-radius: var(${a}-borderRadius, ${e});
+import{j as E,y as r,f as B,g as p,t as A,h as z,k as L}from"../chunks/lit-WqMxC_PA.esm.js";import{u as b,A as W,_ as G,i as k,d as D,a as M}from"../chunks/localize-Btu9xYcE.esm.js";import{D as R,W as y,j as _,S as j}from"../chunks/routes-DguZveS3.esm.js";import{c as O,d as H,e as U}from"../chunks/enforce-config-CZ3ToOgr.esm.js";import{c as K}from"../chunks/responsive-BR8qUfBa.esm.js";import"../chunks/_share-dialog-dependencies-dHlBUqo0.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import{p as N}from"../chunks/promo-pill-label-WGLW3bql.esm.js";import{formatStoreAndReturnPromoCodes as V,isEmptyPromoData as q,parseJsonStringArray as J,getPromoCodesFromCart as Y,setPromoCodesInLocalStorage as Z,setPromoCodeInCookie as Q}from"../utils/promoManager.esm.js";import{B as X}from"../chunks/cart-contents-DkoytiZh.esm.js";import{createScopedLocalStorage as ee}from"../utils/local-storage.esm.js";import{makeApiKeyHeader as te}from"../utils/makeApiKeyHeader.esm.js";import{f as w,a as S}from"../chunks/events-Dki0ka4F.esm.js";import{getBeamCartId as oe}from"../utils/cart.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/logger.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../utils/cookies.esm.js";const ae=(n="",{borderRadius:e="0px",borderStyle:t="unset",borderColor:o="#000000",borderWidth:i="1px"}={})=>{const a=n.startsWith("--beam-")?n:`--beam-${n}`;return{[`${a}-borderRadius`]:e,[`${a}-borderStyle`]:t,[`${a}-borderColor`]:o,[`${a}-borderWidth`]:i}},ie=(n="",{borderRadius:e="0px",borderStyle:t="unset",borderColor:o="#000000",borderWidth:i="1px"}={})=>{const a=n.startsWith("--beam-")?n:`--beam-${n}`;return E(`        border-radius: var(${a}-borderRadius, ${e});
         border-style: var(${a}-borderStyle, ${t});
         border-color: var(${a}-borderColor, ${o});
         border-width: var(${a}-borderWidth, ${i});
@@ -17,7 +17,7 @@ import{j as E,y as r,f as B,g as c,t as A,h as z,k as L}from"../chunks/lit-WqMxC
   <circle cx="12" cy="12" r="10"></circle>
   <path d="M12 16v-4"></path>
   <path d="M12 8h.01"></path>
-</svg>`,v={en:{ctaTitle:()=>"Choose Your Impact",ctaMessage:()=>"At no extra cost, 1% of every order will be donated to a nonprofit you choose. Add to cart to choose. Powered by Beam",inlineSeparator:()=>":"},fr:{ctaTitle:()=>"Choisissez votre impact",ctaMessage:()=>"Sans frais suppl\xE9mentaires, 1 % de chaque commande est revers\xE9 \xE0 l'association de votre choix. Ajoutez au panier pour choisir. Propuls\xE9 par Beam.",inlineSeparator:()=>":"},es:{ctaTitle:()=>"Elige tu impacto",ctaMessage:()=>"Sin coste adicional, el 1 % de cada pedido se dona a la organizaci\xF3n sin \xE1nimo de lucro que elijas. A\xF1\xE1delo al carrito para elegir. Impulsado por Beam.",inlineSeparator:()=>":"},de:{ctaTitle:()=>"W\xE4hlen Sie Ihren Impact",ctaMessage:()=>"Ohne zus\xE4tzliche Kosten wird 1 % jeder Bestellung an eine von Ihnen gew\xE4hlte gemeinn\xFCtzige Organisation gespendet. Zum Warenkorb hinzuf\xFCgen, um auszuw\xE4hlen. Unterst\xFCtzt von Beam.",inlineSeparator:()=>":"},it:{ctaTitle:()=>"Scegli il tuo impatto",ctaMessage:()=>"L'1 % di ogni acquisto viene donato, senza alcun costo aggiuntivo, a un'organizzazione no-profit a tua scelta. Aggiungi al carrello per scegliere. Promosso da Beam.",inlineSeparator:()=>":"},pl:{ctaTitle:()=>"Wybierz sw\xF3j wp\u0142yw",ctaMessage:()=>"1 % warto\u015Bci ka\u017Cdego zam\xF3wienia przekazywany jest na wybran\u0105 przez Ciebie organizacj\u0119 non-profit \u2013 bez dodatkowych koszt\xF3w. Dodaj do koszyka, aby wybra\u0107. Obs\u0142ugiwane przez Beam.",inlineSeparator:()=>":"},ja:{ctaTitle:()=>"\u5BC4\u4ED8\u5148\u3092\u304A\u9078\u3073\u304F\u3060\u3055\u3044\u3002",ctaMessage:()=>"\u8FFD\u52A0\u8CBB\u7528\u306A\u3057\u3067\u3001\u3054\u6CE8\u6587\u91D1\u984D\u306E1%\u3092\u975E\u55B6\u5229\u56E3\u4F53\u3078\u5BC4\u4ED8\u3067\u304D\u307E\u3059\u3002\u3054\u5E0C\u671B\u306E\u5834\u5408\u3001\u30AB\u30FC\u30C8\u306B\u8FFD\u52A0\u3057\u3066\u5BC4\u4ED8\u5185\u5BB9\u3092\u304A\u9078\u3073\u304F\u3060\u3055\u3044\u3002Powered by Beam",inlineSeparator:()=>":"}};var se=Object.defineProperty,d=(n,e,t,o)=>{for(var i=void 0,a=n.length-1,l;a>=0;a--)(l=n[a])&&(i=l(e,t,i)||i);return i&&se(e,t,i),i};const le="--beam-ProductDetailsPage-imageUrl";class s extends z{constructor(){super(...arguments),this.baseUrl=R,this.lang="en",this.draftConfig=!1,this.debug=!1,this.localStorage=ee(this),this.pluginPromoCodes=[],this.handlePromoCodesStored=e=>{const t=(e.detail.promoCodes?.unvalidatedPromoCodes??[]).map(o=>o.attributes?.value??o.attributes?.url??"").sort();this.pluginPromoCodes=t},this.postProductDetailsPageData=async()=>{U(["apiKey","storeId"],this);const e=oe(X,{apiKey:this.apiKey}),t=this.getManualPromoCodes(),o=V(t.map(l=>({value:l})),this.apiKey),i=o&&!q(o);i&&this.dispatchEvent(new w({source:y.product_details_page}));const a=await _({baseUrl:this.baseUrl,headers:te(this.apiKey),queryParams:{version:"1.0.0",lang:this.configLang,storeId:this.storeId,widgetName:y.product_details_page,draftConfig:this.draftConfig,remoteProductIdentifier:this.remoteProductIdentifier},requestBody:{...i&&{promos:o},beamCartId:e||void 0}});return this.handleValidatedPromoCodes(a),a},this.productDetailsPageDataController=new M(this,this.postProductDetailsPageData)}get configLang(){return j[this.lang]||"en"}get parsedPromoCodes(){return J(this.promoCodes)}getManualPromoCodes(){if(this.parsedPromoCodes&&this.parsedPromoCodes.length>0)return this.parsedPromoCodes;const e=this.localStorage.getItemJson("cart");return e?Y(e):[]}async handleValidatedPromoCodes(e){e.promos?.validatedPromoCodes&&(await Promise.all([Z({apiKey:this.apiKey,promoCodes:{validatedPromoCodes:e.promos.validatedPromoCodes,unvalidatedPromoCodes:[]}}),Q({validatedPromoCodes:e.promos.validatedPromoCodes,domain:this.domain})]),this.dispatchEvent(new w({source:y.product_details_page})))}async firstUpdated(){window.addEventListener(S.eventName,this.handlePromoCodesStored)}disconnectedCallback(){window.removeEventListener(S.eventName,this.handlePromoCodesStored),super.disconnectedCallback()}async updated(e){const t=["storeId","baseUrl","lang","apiKey","pluginPromoCodes","promoCodes"];this.pluginPromoCodes;for(const o of t)if(e.has(o)){await this.productDetailsPageDataController.exec();break}}render(){const{data:e,loading:t}=this.productDetailsPageDataController,o=this.cssVariables["--beam-ProductDetailsPage-image-placement"],i=P=>P!=="0px"&&P!=="0",a=this.cssVariables["--beam-ProductDetailsPage-shouldDisplayPromoPill"]==="true",l=!!e?.config?.web?.promo,p=i(this.cssVariables["--beam-ProductDetailsPage-imageHeight"]),h=i(this.cssVariables["--beam-ProductDetailsPage-title-fontSize"]),u=a&&l&&p&&h,m=this.cssVariables["--beam-ProductDetailsPage-shouldDisplayColon"]==="true";return t?r``:e==null?this.debug?W({error:new Error("No data")}):"":r`
+</svg>`,v={en:{ctaTitle:()=>"Choose Your Impact",ctaMessage:()=>"At no extra cost, 1% of every order will be donated to a nonprofit you choose. Add to cart to choose. Powered by Beam",inlineSeparator:()=>":"},fr:{ctaTitle:()=>"Choisissez votre impact",ctaMessage:()=>"Sans frais suppl\xE9mentaires, 1 % de chaque commande est revers\xE9 \xE0 l'association de votre choix. Ajoutez au panier pour choisir. Propuls\xE9 par Beam.",inlineSeparator:()=>":"},es:{ctaTitle:()=>"Elige tu impacto",ctaMessage:()=>"Sin coste adicional, el 1 % de cada pedido se dona a la organizaci\xF3n sin \xE1nimo de lucro que elijas. A\xF1\xE1delo al carrito para elegir. Impulsado por Beam.",inlineSeparator:()=>":"},de:{ctaTitle:()=>"W\xE4hlen Sie Ihren Impact",ctaMessage:()=>"Ohne zus\xE4tzliche Kosten wird 1 % jeder Bestellung an eine von Ihnen gew\xE4hlte gemeinn\xFCtzige Organisation gespendet. Zum Warenkorb hinzuf\xFCgen, um auszuw\xE4hlen. Unterst\xFCtzt von Beam.",inlineSeparator:()=>":"},it:{ctaTitle:()=>"Scegli il tuo impatto",ctaMessage:()=>"L'1 % di ogni acquisto viene donato, senza alcun costo aggiuntivo, a un'organizzazione no-profit a tua scelta. Aggiungi al carrello per scegliere. Promosso da Beam.",inlineSeparator:()=>":"},pl:{ctaTitle:()=>"Wybierz sw\xF3j wp\u0142yw",ctaMessage:()=>"1 % warto\u015Bci ka\u017Cdego zam\xF3wienia przekazywany jest na wybran\u0105 przez Ciebie organizacj\u0119 non-profit \u2013 bez dodatkowych koszt\xF3w. Dodaj do koszyka, aby wybra\u0107. Obs\u0142ugiwane przez Beam.",inlineSeparator:()=>":"},ja:{ctaTitle:()=>"\u5BC4\u4ED8\u5148\u3092\u304A\u9078\u3073\u304F\u3060\u3055\u3044\u3002",ctaMessage:()=>"\u8FFD\u52A0\u8CBB\u7528\u306A\u3057\u3067\u3001\u3054\u6CE8\u6587\u91D1\u984D\u306E1%\u3092\u975E\u55B6\u5229\u56E3\u4F53\u3078\u5BC4\u4ED8\u3067\u304D\u307E\u3059\u3002\u3054\u5E0C\u671B\u306E\u5834\u5408\u3001\u30AB\u30FC\u30C8\u306B\u8FFD\u52A0\u3057\u3066\u5BC4\u4ED8\u5185\u5BB9\u3092\u304A\u9078\u3073\u304F\u3060\u3055\u3044\u3002Powered by Beam",inlineSeparator:()=>":"}};var se=Object.defineProperty,c=(n,e,t,o)=>{for(var i=void 0,a=n.length-1,l;a>=0;a--)(l=n[a])&&(i=l(e,t,i)||i);return i&&se(e,t,i),i};const le="--beam-ProductDetailsPage-imageUrl";class s extends z{constructor(){super(...arguments),this.baseUrl=R,this.lang="en",this.draftConfig=!1,this.debug=!1,this.localStorage=ee(this),this.pluginPromoCodes=[],this.handlePromoCodesStored=e=>{const t=(e.detail.promoCodes?.unvalidatedPromoCodes??[]).map(o=>o.attributes?.value??o.attributes?.url??"").sort();this.pluginPromoCodes=t},this.postProductDetailsPageData=async()=>{U(["apiKey","storeId"],this);const e=oe(X,{apiKey:this.apiKey}),t=this.getManualPromoCodes(),o=V(t.map(l=>({value:l})),this.apiKey),i=o&&!q(o);i&&this.dispatchEvent(new w({source:y.product_details_page}));const a=await _({baseUrl:this.baseUrl,headers:te(this.apiKey),queryParams:{version:"1.0.0",lang:this.configLang,storeId:this.storeId,widgetName:y.product_details_page,draftConfig:this.draftConfig,remoteProductIdentifier:this.remoteProductIdentifier},requestBody:{...i&&{promos:o},beamCartId:e||void 0}});return this.handleValidatedPromoCodes(a),a},this.productDetailsPageDataController=new W(this,this.postProductDetailsPageData)}get configLang(){return j[this.lang]||"en"}get parsedPromoCodes(){return J(this.promoCodes)}getManualPromoCodes(){if(this.parsedPromoCodes&&this.parsedPromoCodes.length>0)return this.parsedPromoCodes;const e=this.localStorage.getItemJson("cart");return e?Y(e):[]}async handleValidatedPromoCodes(e){e.promos?.validatedPromoCodes&&(await Promise.all([Z({apiKey:this.apiKey,promoCodes:{validatedPromoCodes:e.promos.validatedPromoCodes,unvalidatedPromoCodes:[]}}),Q({validatedPromoCodes:e.promos.validatedPromoCodes,domain:this.domain})]),this.dispatchEvent(new w({source:y.product_details_page})))}async firstUpdated(){window.addEventListener(S.eventName,this.handlePromoCodesStored)}disconnectedCallback(){window.removeEventListener(S.eventName,this.handlePromoCodesStored),super.disconnectedCallback()}async updated(e){const t=["storeId","baseUrl","lang","apiKey","pluginPromoCodes","promoCodes"];this.pluginPromoCodes;for(const o of t)if(e.has(o)){await this.productDetailsPageDataController.exec();break}}render(){const{data:e,loading:t}=this.productDetailsPageDataController,o=this.cssVariables["--beam-ProductDetailsPage-image-placement"],i=P=>P!=="0px"&&P!=="0",a=this.cssVariables["--beam-ProductDetailsPage-shouldDisplayPromoPill"]==="true",l=!!e?.config?.web?.promo,g=i(this.cssVariables["--beam-ProductDetailsPage-imageHeight"]),h=i(this.cssVariables["--beam-ProductDetailsPage-title-fontSize"]),u=a&&l&&g&&h,m=this.cssVariables["--beam-ProductDetailsPage-shouldDisplayColon"]==="true";return t?r``:e==null?this.debug?G({error:new Error("No data")}):"":r`
       <style>
         :host {
           ${this.cssVariables.toCSS()}
@@ -78,7 +78,7 @@ import{j as E,y as r,f as B,g as c,t as A,h as z,k as L}from"../chunks/lit-WqMxC
         stroke-linecap="round"
         stroke-linejoin="round"
       />
-    </svg> `}renderDisclosureTooltip(){let e,t;const o=()=>document.activeElement?.tagName.toLowerCase()===this.tagName.toLowerCase(),i=()=>{clearTimeout(t),t=setTimeout(()=>{this.renderRoot.querySelector(".ppgf-disclosure-tooltip-content")?.setAttribute("aria-hidden","true")},50)},a=()=>{clearTimeout(t),this.renderRoot.querySelector(".ppgf-disclosure-tooltip-content")?.setAttribute("aria-hidden","false")},l=({skipDelay:g=!1,keepOpenIfFocused:f=!1})=>{clearTimeout(e),e=setTimeout(()=>{f&&o()||this.renderRoot.querySelector(".ppgf-disclosure-tooltip")?.hide()},g?0:300)},p=()=>{clearTimeout(e),this.renderRoot.querySelector(".ppgf-disclosure-tooltip")?.show()},h=({skipDelay:g=!1,keepOpenIfFocused:f=!1})=>{const x=this.renderRoot.querySelector(".ppgf-disclosure-tooltip");x&&(x.open?l({skipDelay:g,keepOpenIfFocused:f}):p())},u=()=>{p()},m=()=>{l({skipDelay:!1,keepOpenIfFocused:!0})},P=()=>{p()},$=()=>{p()},F=()=>{l({skipDelay:!1,keepOpenIfFocused:!1})},I=g=>{if(g.key==="Enter"||g.key===" "){h({skipDelay:!0,keepOpenIfFocused:!1});return}l({skipDelay:!0,keepOpenIfFocused:!0})},T=()=>{l({skipDelay:!0,keepOpenIfFocused:!1})},C=this.productDetailsPageDataController.data?.ppgfDisclosure;return C?r`<sl-tooltip
+    </svg> `}renderDisclosureTooltip(){let e,t;const o=()=>document.activeElement?.tagName.toLowerCase()===this.tagName.toLowerCase(),i=()=>{clearTimeout(t),t=setTimeout(()=>{this.renderRoot.querySelector(".ppgf-disclosure-tooltip-content")?.setAttribute("aria-hidden","true")},50)},a=()=>{clearTimeout(t);const d=this.renderRoot.querySelector(".ppgf-disclosure-tooltip-content");d?.setAttribute("aria-hidden","false"),d?.focus()},l=({skipDelay:d=!1,keepOpenIfFocused:f=!1})=>{clearTimeout(e),e=setTimeout(()=>{f&&o()||this.renderRoot.querySelector(".ppgf-disclosure-tooltip")?.hide()},d?0:300)},g=()=>{clearTimeout(e),this.renderRoot.querySelector(".ppgf-disclosure-tooltip")?.show()},h=({skipDelay:d=!1,keepOpenIfFocused:f=!1})=>{const x=this.renderRoot.querySelector(".ppgf-disclosure-tooltip");x&&(x.open?l({skipDelay:d,keepOpenIfFocused:f}):g())},u=d=>{(d.key==="Enter"||d.key===" ")&&(d.preventDefault(),h({skipDelay:!0,keepOpenIfFocused:!1}))},m=()=>{l({skipDelay:!1,keepOpenIfFocused:!0})},P=()=>{g()},$=()=>{g()},F=()=>{l({skipDelay:!1,keepOpenIfFocused:!1})},I=()=>{l({skipDelay:!0,keepOpenIfFocused:!0})},T=()=>{l({skipDelay:!0,keepOpenIfFocused:!1})},C=this.productDetailsPageDataController.data?.ppgfDisclosure;return C?r`<sl-tooltip
           class="ppgf-disclosure-tooltip"
           part="tooltip"
           trigger="manual"
@@ -112,10 +112,10 @@ import{j as E,y as r,f as B,g as c,t as A,h as z,k as L}from"../chunks/lit-WqMxC
           <span
             class="ppgf-disclosure-tooltip-trigger"
             part="tooltip-disclosure-icon"
-            aria-label="More Information"
+            aria-label="PayPal Giving Fund Disclosure Tooltip"
             role="button"
             tabindex="0"
-            @focus="${u}"
+            @keydown="${u}"
             @blur="${m}"
             @click="${P}"
           >
@@ -132,7 +132,7 @@ import{j as E,y as r,f as B,g as c,t as A,h as z,k as L}from"../chunks/lit-WqMxC
               ${re()}
             </sl-button>
           </span>
-        </sl-tooltip>`:r``}get cssVariables(){const e={"--beam-ProductDetailsPage-imageWidth":"24px","--beam-ProductDetailsPage-imageHeight":"24px","--beam-ProductDetailsPage-maxWidth":"346px","--beam-ProductDetailsPage-paddingTop":"8px","--beam-ProductDetailsPage-paddingRight":"12px","--beam-ProductDetailsPage-paddingBottom":"8px","--beam-ProductDetailsPage-paddingLeft":"15px","--beam-ProductDetailsPage-InfoContainer-marginLeft":"8px","--beam-ProductDetailsPage-InfoContainer-textAlign":"inherit","--beam-ProductDetailsPage-InfoContainer-lineHeight":"15px","--beam-ProductDetailsPage-InfoContainer-marginTop":"4px","--beam-ProductDetailsPage-backgroundColor":"unset","--beam-ProductDetailsPage-TooltipIcon-width":"10px","--beam-ProductDetailsPage-TooltipIcon-color":"inherit","--beam-ProductDetailsPage-PPGFDisclosure-backgroundColor":"#000000","--beam-ProductDetailsPage-PPGFDisclosure-paddingTop":"10px","--beam-ProductDetailsPage-PPGFDisclosure-paddingRight":"8px","--beam-ProductDetailsPage-PPGFDisclosure-paddingBottom":"10px","--beam-ProductDetailsPage-PPGFDisclosure-paddingLeft":"8px","--beam-ProductDetailsPage-PPGFDisclosureHyperlink-color":"#5CA3FF",...D("--beam-ProductDetailsPage-title",{fontSize:"12px",fontWeight:"bold"}),"--beam-ProductDetailsPage-title-textAlign":"left",...D("--beam-ProductDetailsPage-description",{marginTop:"0px",fontSize:"12px",lineHeight:"15px"}),"--beam-ProductDetailsPage-description-textAlign":"left",...D("--beam-ProductDetailsPage-PPGFDisclosureTooltipContent",{fontSize:"12px",lineHeight:"16px",color:"#FFFFFF"}),...ae("--beam-ProductDetailsPage"),"--beam-ProductDetailsPage-close-display":"initial","--beam-ProductDetailsPage-close-padding":"0","--beam-ProductDetailsPage-image-placement":"inline-left","--beam-ProductDetailsPage-blockImage-alignSelf":"center","--beam-ProductDetailsPage-promoPill-marginTop":"4px","--beam-ProductDetailsPage-promoPill-alignSelf":"left","--beam-ProductDetailsPage-shouldDisplayColon":"true","--beam-ProductDetailsPage-shouldDisplayPromoPill":"true",...N},t=this.productDetailsPageDataController?.data?.config?.web?.theme||{},o={...e,...t};return Object.assign(Object.create({toCSS(){return G(this)}}),o)}}s.tagName="beam-product-details-page",s.styles=[O,K,B`
+        </sl-tooltip>`:r``}get cssVariables(){const e={"--beam-ProductDetailsPage-imageWidth":"24px","--beam-ProductDetailsPage-imageHeight":"24px","--beam-ProductDetailsPage-maxWidth":"346px","--beam-ProductDetailsPage-paddingTop":"8px","--beam-ProductDetailsPage-paddingRight":"12px","--beam-ProductDetailsPage-paddingBottom":"8px","--beam-ProductDetailsPage-paddingLeft":"15px","--beam-ProductDetailsPage-InfoContainer-marginLeft":"8px","--beam-ProductDetailsPage-InfoContainer-textAlign":"inherit","--beam-ProductDetailsPage-InfoContainer-lineHeight":"15px","--beam-ProductDetailsPage-InfoContainer-marginTop":"4px","--beam-ProductDetailsPage-backgroundColor":"unset","--beam-ProductDetailsPage-TooltipIcon-width":"10px","--beam-ProductDetailsPage-TooltipIcon-color":"inherit","--beam-ProductDetailsPage-PPGFDisclosure-backgroundColor":"#000000","--beam-ProductDetailsPage-PPGFDisclosure-paddingTop":"10px","--beam-ProductDetailsPage-PPGFDisclosure-paddingRight":"8px","--beam-ProductDetailsPage-PPGFDisclosure-paddingBottom":"10px","--beam-ProductDetailsPage-PPGFDisclosure-paddingLeft":"8px","--beam-ProductDetailsPage-PPGFDisclosureHyperlink-color":"#5CA3FF",...D("--beam-ProductDetailsPage-title",{fontSize:"12px",fontWeight:"bold"}),"--beam-ProductDetailsPage-title-textAlign":"left",...D("--beam-ProductDetailsPage-description",{marginTop:"0px",fontSize:"12px",lineHeight:"15px"}),"--beam-ProductDetailsPage-description-textAlign":"left",...D("--beam-ProductDetailsPage-PPGFDisclosureTooltipContent",{fontSize:"12px",lineHeight:"16px",color:"#FFFFFF"}),...ae("--beam-ProductDetailsPage"),"--beam-ProductDetailsPage-close-display":"initial","--beam-ProductDetailsPage-close-padding":"0","--beam-ProductDetailsPage-image-placement":"inline-left","--beam-ProductDetailsPage-blockImage-alignSelf":"center","--beam-ProductDetailsPage-promoPill-marginTop":"4px","--beam-ProductDetailsPage-promoPill-alignSelf":"left","--beam-ProductDetailsPage-shouldDisplayColon":"true","--beam-ProductDetailsPage-shouldDisplayPromoPill":"true",...N},t=this.productDetailsPageDataController?.data?.config?.web?.theme||{},o={...e,...t};return Object.assign(Object.create({toCSS(){return M(this)}}),o)}}s.tagName="beam-product-details-page",s.styles=[O,K,B`
       :host {
         font-family: var(--beam-fontFamily);
         font-style: var(--beam-fontStyle);
@@ -287,5 +287,5 @@ import{j as E,y as r,f as B,g as c,t as A,h as z,k as L}from"../chunks/lit-WqMxC
         color: var(--beam-ProductDetailsPage-TooltipIcon-color);
         height: auto;
       }
-    `],d([c({type:String,reflect:!0})],s.prototype,"baseUrl"),d([c({type:String,reflect:!1})],s.prototype,"apiKey"),d([c({type:Number})],s.prototype,"storeId"),d([c({type:String})],s.prototype,"lang"),d([c({type:Boolean})],s.prototype,"draftConfig"),d([c({type:Boolean})],s.prototype,"debug"),d([c({type:String})],s.prototype,"remoteProductIdentifier"),d([c({type:String})],s.prototype,"promoCodes"),d([c({type:String})],s.prototype,"domain"),d([A()],s.prototype,"pluginPromoCodes"),H(s);export{s as BeamProductDetailsPage};
+    `],c([p({type:String,reflect:!0})],s.prototype,"baseUrl"),c([p({type:String,reflect:!1})],s.prototype,"apiKey"),c([p({type:Number})],s.prototype,"storeId"),c([p({type:String})],s.prototype,"lang"),c([p({type:Boolean})],s.prototype,"draftConfig"),c([p({type:Boolean})],s.prototype,"debug"),c([p({type:String})],s.prototype,"remoteProductIdentifier"),c([p({type:String})],s.prototype,"promoCodes"),c([p({type:String})],s.prototype,"domain"),c([A()],s.prototype,"pluginPromoCodes"),H(s);export{s as BeamProductDetailsPage};
 //# sourceMappingURL=product-details-page.esm.js.map

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

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

@@ -1,4 +1,4 @@
-import{j as E,y as r,f as B,g as c,t as A,h as z,k as L}from"../chunks/lit-WqMxC_PA.esm.js";import{u as b,A as M,_ as W,i as k,d as D,a as G}from"../chunks/localize-C25pEGnx.esm.js";import{D as R,W as y,j as _,S as j}from"../chunks/routes-DpniIBF7.esm.js";import{c as O,d as H,e as U}from"../chunks/enforce-config-Ba1JkOHs.esm.js";import{c as K}from"../chunks/responsive-BR8qUfBa.esm.js";import"../chunks/_share-dialog-dependencies-BA9f_o0p.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import{p as N}from"../chunks/promo-pill-label-B5ymzjIe.esm.js";import{formatStoreAndReturnPromoCodes as V,isEmptyPromoData as q,parseJsonStringArray as J,getPromoCodesFromCart as Y,setPromoCodesInLocalStorage as Z,setPromoCodeInCookie as Q}from"../utils/promoManager.js";import{B as X}from"../chunks/cart-contents-DkoytiZh.esm.js";import{createScopedLocalStorage as ee}from"../utils/local-storage.js";import{makeApiKeyHeader as te}from"../utils/makeApiKeyHeader.js";import{f as w,a as S}from"../chunks/events-Dki0ka4F.esm.js";import{getBeamCartId as oe}from"../utils/cart.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/logger.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../utils/cookies.js";const ae=(n="",{borderRadius:e="0px",borderStyle:t="unset",borderColor:o="#000000",borderWidth:i="1px"}={})=>{const a=n.startsWith("--beam-")?n:`--beam-${n}`;return{[`${a}-borderRadius`]:e,[`${a}-borderStyle`]:t,[`${a}-borderColor`]:o,[`${a}-borderWidth`]:i}},ie=(n="",{borderRadius:e="0px",borderStyle:t="unset",borderColor:o="#000000",borderWidth:i="1px"}={})=>{const a=n.startsWith("--beam-")?n:`--beam-${n}`;return E(`        border-radius: var(${a}-borderRadius, ${e});
+import{j as E,y as r,f as B,g as p,t as A,h as z,k as L}from"../chunks/lit-WqMxC_PA.esm.js";import{u as b,A as W,_ as G,i as k,d as D,a as M}from"../chunks/localize-C25pEGnx.esm.js";import{D as R,W as y,j as _,S as j}from"../chunks/routes-BvX92EDq.esm.js";import{c as O,d as H,e as U}from"../chunks/enforce-config-Ba1JkOHs.esm.js";import{c as K}from"../chunks/responsive-BR8qUfBa.esm.js";import"../chunks/_share-dialog-dependencies-BG0p8uUr.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import{p as N}from"../chunks/promo-pill-label-ByFGhdxh.esm.js";import{formatStoreAndReturnPromoCodes as V,isEmptyPromoData as q,parseJsonStringArray as J,getPromoCodesFromCart as Y,setPromoCodesInLocalStorage as Z,setPromoCodeInCookie as Q}from"../utils/promoManager.js";import{B as X}from"../chunks/cart-contents-DkoytiZh.esm.js";import{createScopedLocalStorage as ee}from"../utils/local-storage.js";import{makeApiKeyHeader as te}from"../utils/makeApiKeyHeader.js";import{f as w,a as S}from"../chunks/events-Dki0ka4F.esm.js";import{getBeamCartId as oe}from"../utils/cart.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/logger.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../utils/cookies.js";const ae=(n="",{borderRadius:e="0px",borderStyle:t="unset",borderColor:o="#000000",borderWidth:i="1px"}={})=>{const a=n.startsWith("--beam-")?n:`--beam-${n}`;return{[`${a}-borderRadius`]:e,[`${a}-borderStyle`]:t,[`${a}-borderColor`]:o,[`${a}-borderWidth`]:i}},ie=(n="",{borderRadius:e="0px",borderStyle:t="unset",borderColor:o="#000000",borderWidth:i="1px"}={})=>{const a=n.startsWith("--beam-")?n:`--beam-${n}`;return E(`        border-radius: var(${a}-borderRadius, ${e});
         border-style: var(${a}-borderStyle, ${t});
         border-color: var(${a}-borderColor, ${o});
         border-width: var(${a}-borderWidth, ${i});
@@ -17,7 +17,7 @@ import{j as E,y as r,f as B,g as c,t as A,h as z,k as L}from"../chunks/lit-WqMxC
   <circle cx="12" cy="12" r="10"></circle>
   <path d="M12 16v-4"></path>
   <path d="M12 8h.01"></path>
-</svg>`,v={en:{ctaTitle:()=>"Choose Your Impact",ctaMessage:()=>"At no extra cost, 1% of every order will be donated to a nonprofit you choose. Add to cart to choose. Powered by Beam",inlineSeparator:()=>":"},fr:{ctaTitle:()=>"Choisissez votre impact",ctaMessage:()=>"Sans frais suppl\xE9mentaires, 1 % de chaque commande est revers\xE9 \xE0 l'association de votre choix. Ajoutez au panier pour choisir. Propuls\xE9 par Beam.",inlineSeparator:()=>":"},es:{ctaTitle:()=>"Elige tu impacto",ctaMessage:()=>"Sin coste adicional, el 1 % de cada pedido se dona a la organizaci\xF3n sin \xE1nimo de lucro que elijas. A\xF1\xE1delo al carrito para elegir. Impulsado por Beam.",inlineSeparator:()=>":"},de:{ctaTitle:()=>"W\xE4hlen Sie Ihren Impact",ctaMessage:()=>"Ohne zus\xE4tzliche Kosten wird 1 % jeder Bestellung an eine von Ihnen gew\xE4hlte gemeinn\xFCtzige Organisation gespendet. Zum Warenkorb hinzuf\xFCgen, um auszuw\xE4hlen. Unterst\xFCtzt von Beam.",inlineSeparator:()=>":"},it:{ctaTitle:()=>"Scegli il tuo impatto",ctaMessage:()=>"L'1 % di ogni acquisto viene donato, senza alcun costo aggiuntivo, a un'organizzazione no-profit a tua scelta. Aggiungi al carrello per scegliere. Promosso da Beam.",inlineSeparator:()=>":"},pl:{ctaTitle:()=>"Wybierz sw\xF3j wp\u0142yw",ctaMessage:()=>"1 % warto\u015Bci ka\u017Cdego zam\xF3wienia przekazywany jest na wybran\u0105 przez Ciebie organizacj\u0119 non-profit \u2013 bez dodatkowych koszt\xF3w. Dodaj do koszyka, aby wybra\u0107. Obs\u0142ugiwane przez Beam.",inlineSeparator:()=>":"},ja:{ctaTitle:()=>"\u5BC4\u4ED8\u5148\u3092\u304A\u9078\u3073\u304F\u3060\u3055\u3044\u3002",ctaMessage:()=>"\u8FFD\u52A0\u8CBB\u7528\u306A\u3057\u3067\u3001\u3054\u6CE8\u6587\u91D1\u984D\u306E1%\u3092\u975E\u55B6\u5229\u56E3\u4F53\u3078\u5BC4\u4ED8\u3067\u304D\u307E\u3059\u3002\u3054\u5E0C\u671B\u306E\u5834\u5408\u3001\u30AB\u30FC\u30C8\u306B\u8FFD\u52A0\u3057\u3066\u5BC4\u4ED8\u5185\u5BB9\u3092\u304A\u9078\u3073\u304F\u3060\u3055\u3044\u3002Powered by Beam",inlineSeparator:()=>":"}};var se=Object.defineProperty,d=(n,e,t,o)=>{for(var i=void 0,a=n.length-1,l;a>=0;a--)(l=n[a])&&(i=l(e,t,i)||i);return i&&se(e,t,i),i};const le="--beam-ProductDetailsPage-imageUrl";class s extends z{constructor(){super(...arguments),this.baseUrl=R,this.lang="en",this.draftConfig=!1,this.debug=!1,this.localStorage=ee(this),this.pluginPromoCodes=[],this.handlePromoCodesStored=e=>{const t=(e.detail.promoCodes?.unvalidatedPromoCodes??[]).map(o=>o.attributes?.value??o.attributes?.url??"").sort();this.pluginPromoCodes=t},this.postProductDetailsPageData=async()=>{U(["apiKey","storeId"],this);const e=oe(X,{apiKey:this.apiKey}),t=this.getManualPromoCodes(),o=V(t.map(l=>({value:l})),this.apiKey),i=o&&!q(o);i&&this.dispatchEvent(new w({source:y.product_details_page}));const a=await _({baseUrl:this.baseUrl,headers:te(this.apiKey),queryParams:{version:"1.0.0",lang:this.configLang,storeId:this.storeId,widgetName:y.product_details_page,draftConfig:this.draftConfig,remoteProductIdentifier:this.remoteProductIdentifier},requestBody:{...i&&{promos:o},beamCartId:e||void 0}});return this.handleValidatedPromoCodes(a),a},this.productDetailsPageDataController=new M(this,this.postProductDetailsPageData)}get configLang(){return j[this.lang]||"en"}get parsedPromoCodes(){return J(this.promoCodes)}getManualPromoCodes(){if(this.parsedPromoCodes&&this.parsedPromoCodes.length>0)return this.parsedPromoCodes;const e=this.localStorage.getItemJson("cart");return e?Y(e):[]}async handleValidatedPromoCodes(e){e.promos?.validatedPromoCodes&&(await Promise.all([Z({apiKey:this.apiKey,promoCodes:{validatedPromoCodes:e.promos.validatedPromoCodes,unvalidatedPromoCodes:[]}}),Q({validatedPromoCodes:e.promos.validatedPromoCodes,domain:this.domain})]),this.dispatchEvent(new w({source:y.product_details_page})))}async firstUpdated(){window.addEventListener(S.eventName,this.handlePromoCodesStored)}disconnectedCallback(){window.removeEventListener(S.eventName,this.handlePromoCodesStored),super.disconnectedCallback()}async updated(e){const t=["storeId","baseUrl","lang","apiKey","pluginPromoCodes","promoCodes"];this.pluginPromoCodes;for(const o of t)if(e.has(o)){await this.productDetailsPageDataController.exec();break}}render(){const{data:e,loading:t}=this.productDetailsPageDataController,o=this.cssVariables["--beam-ProductDetailsPage-image-placement"],i=P=>P!=="0px"&&P!=="0",a=this.cssVariables["--beam-ProductDetailsPage-shouldDisplayPromoPill"]==="true",l=!!e?.config?.web?.promo,p=i(this.cssVariables["--beam-ProductDetailsPage-imageHeight"]),h=i(this.cssVariables["--beam-ProductDetailsPage-title-fontSize"]),u=a&&l&&p&&h,m=this.cssVariables["--beam-ProductDetailsPage-shouldDisplayColon"]==="true";return t?r``:e==null?this.debug?W({error:new Error("No data")}):"":r`
+</svg>`,v={en:{ctaTitle:()=>"Choose Your Impact",ctaMessage:()=>"At no extra cost, 1% of every order will be donated to a nonprofit you choose. Add to cart to choose. Powered by Beam",inlineSeparator:()=>":"},fr:{ctaTitle:()=>"Choisissez votre impact",ctaMessage:()=>"Sans frais suppl\xE9mentaires, 1 % de chaque commande est revers\xE9 \xE0 l'association de votre choix. Ajoutez au panier pour choisir. Propuls\xE9 par Beam.",inlineSeparator:()=>":"},es:{ctaTitle:()=>"Elige tu impacto",ctaMessage:()=>"Sin coste adicional, el 1 % de cada pedido se dona a la organizaci\xF3n sin \xE1nimo de lucro que elijas. A\xF1\xE1delo al carrito para elegir. Impulsado por Beam.",inlineSeparator:()=>":"},de:{ctaTitle:()=>"W\xE4hlen Sie Ihren Impact",ctaMessage:()=>"Ohne zus\xE4tzliche Kosten wird 1 % jeder Bestellung an eine von Ihnen gew\xE4hlte gemeinn\xFCtzige Organisation gespendet. Zum Warenkorb hinzuf\xFCgen, um auszuw\xE4hlen. Unterst\xFCtzt von Beam.",inlineSeparator:()=>":"},it:{ctaTitle:()=>"Scegli il tuo impatto",ctaMessage:()=>"L'1 % di ogni acquisto viene donato, senza alcun costo aggiuntivo, a un'organizzazione no-profit a tua scelta. Aggiungi al carrello per scegliere. Promosso da Beam.",inlineSeparator:()=>":"},pl:{ctaTitle:()=>"Wybierz sw\xF3j wp\u0142yw",ctaMessage:()=>"1 % warto\u015Bci ka\u017Cdego zam\xF3wienia przekazywany jest na wybran\u0105 przez Ciebie organizacj\u0119 non-profit \u2013 bez dodatkowych koszt\xF3w. Dodaj do koszyka, aby wybra\u0107. Obs\u0142ugiwane przez Beam.",inlineSeparator:()=>":"},ja:{ctaTitle:()=>"\u5BC4\u4ED8\u5148\u3092\u304A\u9078\u3073\u304F\u3060\u3055\u3044\u3002",ctaMessage:()=>"\u8FFD\u52A0\u8CBB\u7528\u306A\u3057\u3067\u3001\u3054\u6CE8\u6587\u91D1\u984D\u306E1%\u3092\u975E\u55B6\u5229\u56E3\u4F53\u3078\u5BC4\u4ED8\u3067\u304D\u307E\u3059\u3002\u3054\u5E0C\u671B\u306E\u5834\u5408\u3001\u30AB\u30FC\u30C8\u306B\u8FFD\u52A0\u3057\u3066\u5BC4\u4ED8\u5185\u5BB9\u3092\u304A\u9078\u3073\u304F\u3060\u3055\u3044\u3002Powered by Beam",inlineSeparator:()=>":"}};var se=Object.defineProperty,c=(n,e,t,o)=>{for(var i=void 0,a=n.length-1,l;a>=0;a--)(l=n[a])&&(i=l(e,t,i)||i);return i&&se(e,t,i),i};const le="--beam-ProductDetailsPage-imageUrl";class s extends z{constructor(){super(...arguments),this.baseUrl=R,this.lang="en",this.draftConfig=!1,this.debug=!1,this.localStorage=ee(this),this.pluginPromoCodes=[],this.handlePromoCodesStored=e=>{const t=(e.detail.promoCodes?.unvalidatedPromoCodes??[]).map(o=>o.attributes?.value??o.attributes?.url??"").sort();this.pluginPromoCodes=t},this.postProductDetailsPageData=async()=>{U(["apiKey","storeId"],this);const e=oe(X,{apiKey:this.apiKey}),t=this.getManualPromoCodes(),o=V(t.map(l=>({value:l})),this.apiKey),i=o&&!q(o);i&&this.dispatchEvent(new w({source:y.product_details_page}));const a=await _({baseUrl:this.baseUrl,headers:te(this.apiKey),queryParams:{version:"1.0.0",lang:this.configLang,storeId:this.storeId,widgetName:y.product_details_page,draftConfig:this.draftConfig,remoteProductIdentifier:this.remoteProductIdentifier},requestBody:{...i&&{promos:o},beamCartId:e||void 0}});return this.handleValidatedPromoCodes(a),a},this.productDetailsPageDataController=new W(this,this.postProductDetailsPageData)}get configLang(){return j[this.lang]||"en"}get parsedPromoCodes(){return J(this.promoCodes)}getManualPromoCodes(){if(this.parsedPromoCodes&&this.parsedPromoCodes.length>0)return this.parsedPromoCodes;const e=this.localStorage.getItemJson("cart");return e?Y(e):[]}async handleValidatedPromoCodes(e){e.promos?.validatedPromoCodes&&(await Promise.all([Z({apiKey:this.apiKey,promoCodes:{validatedPromoCodes:e.promos.validatedPromoCodes,unvalidatedPromoCodes:[]}}),Q({validatedPromoCodes:e.promos.validatedPromoCodes,domain:this.domain})]),this.dispatchEvent(new w({source:y.product_details_page})))}async firstUpdated(){window.addEventListener(S.eventName,this.handlePromoCodesStored)}disconnectedCallback(){window.removeEventListener(S.eventName,this.handlePromoCodesStored),super.disconnectedCallback()}async updated(e){const t=["storeId","baseUrl","lang","apiKey","pluginPromoCodes","promoCodes"];this.pluginPromoCodes;for(const o of t)if(e.has(o)){await this.productDetailsPageDataController.exec();break}}render(){const{data:e,loading:t}=this.productDetailsPageDataController,o=this.cssVariables["--beam-ProductDetailsPage-image-placement"],i=P=>P!=="0px"&&P!=="0",a=this.cssVariables["--beam-ProductDetailsPage-shouldDisplayPromoPill"]==="true",l=!!e?.config?.web?.promo,g=i(this.cssVariables["--beam-ProductDetailsPage-imageHeight"]),h=i(this.cssVariables["--beam-ProductDetailsPage-title-fontSize"]),u=a&&l&&g&&h,m=this.cssVariables["--beam-ProductDetailsPage-shouldDisplayColon"]==="true";return t?r``:e==null?this.debug?G({error:new Error("No data")}):"":r`
       <style>
         :host {
           ${this.cssVariables.toCSS()}
@@ -78,7 +78,7 @@ import{j as E,y as r,f as B,g as c,t as A,h as z,k as L}from"../chunks/lit-WqMxC
         stroke-linecap="round"
         stroke-linejoin="round"
       />
-    </svg> `}renderDisclosureTooltip(){let e,t;const o=()=>document.activeElement?.tagName.toLowerCase()===this.tagName.toLowerCase(),i=()=>{clearTimeout(t),t=setTimeout(()=>{this.renderRoot.querySelector(".ppgf-disclosure-tooltip-content")?.setAttribute("aria-hidden","true")},50)},a=()=>{clearTimeout(t),this.renderRoot.querySelector(".ppgf-disclosure-tooltip-content")?.setAttribute("aria-hidden","false")},l=({skipDelay:g=!1,keepOpenIfFocused:f=!1})=>{clearTimeout(e),e=setTimeout(()=>{f&&o()||this.renderRoot.querySelector(".ppgf-disclosure-tooltip")?.hide()},g?0:300)},p=()=>{clearTimeout(e),this.renderRoot.querySelector(".ppgf-disclosure-tooltip")?.show()},h=({skipDelay:g=!1,keepOpenIfFocused:f=!1})=>{const x=this.renderRoot.querySelector(".ppgf-disclosure-tooltip");x&&(x.open?l({skipDelay:g,keepOpenIfFocused:f}):p())},u=()=>{p()},m=()=>{l({skipDelay:!1,keepOpenIfFocused:!0})},P=()=>{p()},$=()=>{p()},F=()=>{l({skipDelay:!1,keepOpenIfFocused:!1})},I=g=>{if(g.key==="Enter"||g.key===" "){h({skipDelay:!0,keepOpenIfFocused:!1});return}l({skipDelay:!0,keepOpenIfFocused:!0})},T=()=>{l({skipDelay:!0,keepOpenIfFocused:!1})},C=this.productDetailsPageDataController.data?.ppgfDisclosure;return C?r`<sl-tooltip
+    </svg> `}renderDisclosureTooltip(){let e,t;const o=()=>document.activeElement?.tagName.toLowerCase()===this.tagName.toLowerCase(),i=()=>{clearTimeout(t),t=setTimeout(()=>{this.renderRoot.querySelector(".ppgf-disclosure-tooltip-content")?.setAttribute("aria-hidden","true")},50)},a=()=>{clearTimeout(t);const d=this.renderRoot.querySelector(".ppgf-disclosure-tooltip-content");d?.setAttribute("aria-hidden","false"),d?.focus()},l=({skipDelay:d=!1,keepOpenIfFocused:f=!1})=>{clearTimeout(e),e=setTimeout(()=>{f&&o()||this.renderRoot.querySelector(".ppgf-disclosure-tooltip")?.hide()},d?0:300)},g=()=>{clearTimeout(e),this.renderRoot.querySelector(".ppgf-disclosure-tooltip")?.show()},h=({skipDelay:d=!1,keepOpenIfFocused:f=!1})=>{const x=this.renderRoot.querySelector(".ppgf-disclosure-tooltip");x&&(x.open?l({skipDelay:d,keepOpenIfFocused:f}):g())},u=d=>{(d.key==="Enter"||d.key===" ")&&(d.preventDefault(),h({skipDelay:!0,keepOpenIfFocused:!1}))},m=()=>{l({skipDelay:!1,keepOpenIfFocused:!0})},P=()=>{g()},$=()=>{g()},F=()=>{l({skipDelay:!1,keepOpenIfFocused:!1})},I=()=>{l({skipDelay:!0,keepOpenIfFocused:!0})},T=()=>{l({skipDelay:!0,keepOpenIfFocused:!1})},C=this.productDetailsPageDataController.data?.ppgfDisclosure;return C?r`<sl-tooltip
           class="ppgf-disclosure-tooltip"
           part="tooltip"
           trigger="manual"
@@ -112,10 +112,10 @@ import{j as E,y as r,f as B,g as c,t as A,h as z,k as L}from"../chunks/lit-WqMxC
           <span
             class="ppgf-disclosure-tooltip-trigger"
             part="tooltip-disclosure-icon"
-            aria-label="More Information"
+            aria-label="PayPal Giving Fund Disclosure Tooltip"
             role="button"
             tabindex="0"
-            @focus="${u}"
+            @keydown="${u}"
             @blur="${m}"
             @click="${P}"
           >
@@ -132,7 +132,7 @@ import{j as E,y as r,f as B,g as c,t as A,h as z,k as L}from"../chunks/lit-WqMxC
               ${re()}
             </sl-button>
           </span>
-        </sl-tooltip>`:r``}get cssVariables(){const e={"--beam-ProductDetailsPage-imageWidth":"24px","--beam-ProductDetailsPage-imageHeight":"24px","--beam-ProductDetailsPage-maxWidth":"346px","--beam-ProductDetailsPage-paddingTop":"8px","--beam-ProductDetailsPage-paddingRight":"12px","--beam-ProductDetailsPage-paddingBottom":"8px","--beam-ProductDetailsPage-paddingLeft":"15px","--beam-ProductDetailsPage-InfoContainer-marginLeft":"8px","--beam-ProductDetailsPage-InfoContainer-textAlign":"inherit","--beam-ProductDetailsPage-InfoContainer-lineHeight":"15px","--beam-ProductDetailsPage-InfoContainer-marginTop":"4px","--beam-ProductDetailsPage-backgroundColor":"unset","--beam-ProductDetailsPage-TooltipIcon-width":"10px","--beam-ProductDetailsPage-TooltipIcon-color":"inherit","--beam-ProductDetailsPage-PPGFDisclosure-backgroundColor":"#000000","--beam-ProductDetailsPage-PPGFDisclosure-paddingTop":"10px","--beam-ProductDetailsPage-PPGFDisclosure-paddingRight":"8px","--beam-ProductDetailsPage-PPGFDisclosure-paddingBottom":"10px","--beam-ProductDetailsPage-PPGFDisclosure-paddingLeft":"8px","--beam-ProductDetailsPage-PPGFDisclosureHyperlink-color":"#5CA3FF",...D("--beam-ProductDetailsPage-title",{fontSize:"12px",fontWeight:"bold"}),"--beam-ProductDetailsPage-title-textAlign":"left",...D("--beam-ProductDetailsPage-description",{marginTop:"0px",fontSize:"12px",lineHeight:"15px"}),"--beam-ProductDetailsPage-description-textAlign":"left",...D("--beam-ProductDetailsPage-PPGFDisclosureTooltipContent",{fontSize:"12px",lineHeight:"16px",color:"#FFFFFF"}),...ae("--beam-ProductDetailsPage"),"--beam-ProductDetailsPage-close-display":"initial","--beam-ProductDetailsPage-close-padding":"0","--beam-ProductDetailsPage-image-placement":"inline-left","--beam-ProductDetailsPage-blockImage-alignSelf":"center","--beam-ProductDetailsPage-promoPill-marginTop":"4px","--beam-ProductDetailsPage-promoPill-alignSelf":"left","--beam-ProductDetailsPage-shouldDisplayColon":"true","--beam-ProductDetailsPage-shouldDisplayPromoPill":"true",...N},t=this.productDetailsPageDataController?.data?.config?.web?.theme||{},o={...e,...t};return Object.assign(Object.create({toCSS(){return G(this)}}),o)}}s.tagName="beam-product-details-page",s.styles=[O,K,B`
+        </sl-tooltip>`:r``}get cssVariables(){const e={"--beam-ProductDetailsPage-imageWidth":"24px","--beam-ProductDetailsPage-imageHeight":"24px","--beam-ProductDetailsPage-maxWidth":"346px","--beam-ProductDetailsPage-paddingTop":"8px","--beam-ProductDetailsPage-paddingRight":"12px","--beam-ProductDetailsPage-paddingBottom":"8px","--beam-ProductDetailsPage-paddingLeft":"15px","--beam-ProductDetailsPage-InfoContainer-marginLeft":"8px","--beam-ProductDetailsPage-InfoContainer-textAlign":"inherit","--beam-ProductDetailsPage-InfoContainer-lineHeight":"15px","--beam-ProductDetailsPage-InfoContainer-marginTop":"4px","--beam-ProductDetailsPage-backgroundColor":"unset","--beam-ProductDetailsPage-TooltipIcon-width":"10px","--beam-ProductDetailsPage-TooltipIcon-color":"inherit","--beam-ProductDetailsPage-PPGFDisclosure-backgroundColor":"#000000","--beam-ProductDetailsPage-PPGFDisclosure-paddingTop":"10px","--beam-ProductDetailsPage-PPGFDisclosure-paddingRight":"8px","--beam-ProductDetailsPage-PPGFDisclosure-paddingBottom":"10px","--beam-ProductDetailsPage-PPGFDisclosure-paddingLeft":"8px","--beam-ProductDetailsPage-PPGFDisclosureHyperlink-color":"#5CA3FF",...D("--beam-ProductDetailsPage-title",{fontSize:"12px",fontWeight:"bold"}),"--beam-ProductDetailsPage-title-textAlign":"left",...D("--beam-ProductDetailsPage-description",{marginTop:"0px",fontSize:"12px",lineHeight:"15px"}),"--beam-ProductDetailsPage-description-textAlign":"left",...D("--beam-ProductDetailsPage-PPGFDisclosureTooltipContent",{fontSize:"12px",lineHeight:"16px",color:"#FFFFFF"}),...ae("--beam-ProductDetailsPage"),"--beam-ProductDetailsPage-close-display":"initial","--beam-ProductDetailsPage-close-padding":"0","--beam-ProductDetailsPage-image-placement":"inline-left","--beam-ProductDetailsPage-blockImage-alignSelf":"center","--beam-ProductDetailsPage-promoPill-marginTop":"4px","--beam-ProductDetailsPage-promoPill-alignSelf":"left","--beam-ProductDetailsPage-shouldDisplayColon":"true","--beam-ProductDetailsPage-shouldDisplayPromoPill":"true",...N},t=this.productDetailsPageDataController?.data?.config?.web?.theme||{},o={...e,...t};return Object.assign(Object.create({toCSS(){return M(this)}}),o)}}s.tagName="beam-product-details-page",s.styles=[O,K,B`
       :host {
         font-family: var(--beam-fontFamily);
         font-style: var(--beam-fontStyle);
@@ -287,5 +287,5 @@ import{j as E,y as r,f as B,g as c,t as A,h as z,k as L}from"../chunks/lit-WqMxC
         color: var(--beam-ProductDetailsPage-TooltipIcon-color);
         height: auto;
       }
-    `],d([c({type:String,reflect:!0})],s.prototype,"baseUrl"),d([c({type:String,reflect:!1})],s.prototype,"apiKey"),d([c({type:Number})],s.prototype,"storeId"),d([c({type:String})],s.prototype,"lang"),d([c({type:Boolean})],s.prototype,"draftConfig"),d([c({type:Boolean})],s.prototype,"debug"),d([c({type:String})],s.prototype,"remoteProductIdentifier"),d([c({type:String})],s.prototype,"promoCodes"),d([c({type:String})],s.prototype,"domain"),d([A()],s.prototype,"pluginPromoCodes"),H(s);export{s as BeamProductDetailsPage};
+    `],c([p({type:String,reflect:!0})],s.prototype,"baseUrl"),c([p({type:String,reflect:!1})],s.prototype,"apiKey"),c([p({type:Number})],s.prototype,"storeId"),c([p({type:String})],s.prototype,"lang"),c([p({type:Boolean})],s.prototype,"draftConfig"),c([p({type:Boolean})],s.prototype,"debug"),c([p({type:String})],s.prototype,"remoteProductIdentifier"),c([p({type:String})],s.prototype,"promoCodes"),c([p({type:String})],s.prototype,"domain"),c([A()],s.prototype,"pluginPromoCodes"),H(s);export{s as BeamProductDetailsPage};
 //# sourceMappingURL=product-details-page.js.map