@beamimpact/web-sdk/dist/components/product-details-page.d.ts

The Beam SDK enables brands to connect with their customers over shared values, not transactional discounts, to build stronger loyalty. Our integration achieves this by allowing customers to (a) choose a nonprofit where the brand will donate part of their

import * as lit from 'lit';
import { LitElement } from 'lit';
import * as lit_html from 'lit-html';
import { b as getProductDetailsPage } from '../chunks/routes-iurI6dvR.esm.js';
import { T as TUrl, L as LANGUAGES } from '../chunks/types-aju0qrRe.esm.js';
import '../chunks/promo-pill-label-3bA1z-la.esm.js';

type RequiredConfig = {
    apiKey: string;
    storeId: number;
};
type IAPIV3GetProductDetailsPage = Awaited<ReturnType<typeof getProductDetailsPage>>;
declare class BeamProductDetailsPage extends LitElement {
    static tagName: string;
    baseUrl: TUrl;
    apiKey?: RequiredConfig["apiKey"];
    storeId?: number;
    lang: LANGUAGES;
    draftConfig: boolean;
    debug: boolean;
    remoteProductIdentifier?: string;
    get configLang(): LANGUAGES;
    getProductDetailsPageData: () => Promise<{
        config: {
            web: {
                title: string;
                description: string;
                promoDescriptionPrefix?: string | undefined;
                promoDescription?: string | undefined;
                confirmButton?: string | undefined;
                confirmedButton?: string | undefined;
                collapsedButton?: string | undefined;
                theme?: {
                    [key: string]: unknown;
                } | null | undefined;
                nonprofitSelectedHeader?: string | undefined;
                nonprofitUnselectedHeader?: string | undefined;
                dynamicStrings?: {
                    [key: string]: string;
                } | null | undefined;
                additionalStrings?: {
                    [key: string]: string;
                } | null | undefined;
                disableAnimation?: boolean | undefined;
                promo?: {
                    "promo-text-long": string;
                    "promo-text-short": string;
                    "promo-cause-alt-text": string;
                } | undefined;
            };
            mobileWeb?: {
                title: string;
                description: string;
                nonprofitSelectedHeader?: string | undefined;
                nonprofitUnselectedHeader?: string | undefined;
            } | undefined;
            mobile: {
                title: string;
                description: string;
                nonprofitSelectedHeader?: string | undefined;
                nonprofitUnselectedHeader?: string | undefined;
            };
            enableNonprofitDeselection?: boolean | undefined;
        };
        ppgfDisclosure?: {
            copy: string;
        } | undefined;
        ppgfDisclosureHyperlink?: {
            url: string;
            copy: string;
        } | undefined;
    }>;
    private productDetailsPageDataController;
    updated(changedProperties: Map<string, unknown>): Promise<void>;
    render(): "" | lit_html.TemplateResult<1>;
    renderWidgetIcon(iconDisplay: string): lit_html.TemplateResult<1>;
    renderContent(isPromoPillVisible: boolean, shouldDisplayColon: boolean, data: IAPIV3GetProductDetailsPage): lit_html.TemplateResult<1>;
    renderCloseTooltipIcon(): lit_html.TemplateResult<1>;
    renderDisclosureTooltip(): lit_html.TemplateResult<1>;
    renderDisclosureTooltipHyperlink(): lit_html.TemplateResult<1>;
    get cssVariables(): any;
    static styles: lit.CSSResult[];
}
declare global {
    interface HTMLElementTagNameMap {
        "beam-product-details-page": BeamProductDetailsPage;
    }
}

export { BeamProductDetailsPage };