@beamimpact/web-sdk/dist/components/community-impact.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 '../chunks/progress-bar-CveZ8E6Q.esm.js';
import './beam-partner-logos.js';
import { T as TNumericId } from '../chunks/types-CPxMwnoR.esm.js';
import { L as LANGUAGES } from '../chunks/types-DfRc36jU.esm.js';

type RequiredConfig = {
    apiKey: string;
    chainId: TNumericId;
};
/**
 * Beam Impact Overview Widget
 * Displays a grid of cards highlighting progress against funding goals
 * for the non-profits the chain is supporting.
 */
declare class BeamCommunityImpact extends LitElement {
    static tagName: string;
    apiKey?: RequiredConfig["apiKey"];
    chainId?: RequiredConfig["chainId"];
    baseUrl: string;
    cardStyle: "icon" | "image";
    lang: LANGUAGES;
    debug: boolean;
    draftConfig: boolean;
    private selectedFilter;
    get configLang(): LANGUAGES;
    private getImpactData;
    private impactDataController;
    updated(changedProperties: Map<string, unknown>): Promise<void>;
    private renderFilterTabs;
    private renderImageCard;
    private renderIconCard;
    private renderCards;
    render(): "" | lit_html.TemplateResult<1>;
    get cssVariables(): any;
    static styles: lit.CSSResult[];
}
declare global {
    interface HTMLElementTagNameMap {
        "beam-community-impact": BeamCommunityImpact;
    }
}

export { BeamCommunityImpact };