@beamimpact/web-sdk
Version:
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
63 lines (59 loc) • 1.89 kB
TypeScript
import * as lit from 'lit';
import { LitElement } from 'lit';
import * as lit_html from 'lit-html';
import * as lodash from 'lodash';
import { T as TNumericId } from '../chunks/types-zbTZ8-KP.esm.js';
import { L as LANGUAGES } from '../chunks/types-aju0qrRe.esm.js';
declare class AnimatedCounter extends LitElement {
finalValue: number;
duration: number;
scrollTarget?: string;
protected counter: number;
private intervalId;
connectedCallback(): void;
disconnectedCallback(): void;
private handleCounterAnimateIfInView;
private animateCounter;
private observer;
private observeScrollTarget;
private unobserveScrollTarget;
get scrollTargetElement(): this | Element | null;
render(): lit_html.TemplateResult<1>;
}
declare global {
interface HTMLElementTagNameMap {
"animated-counter": AnimatedCounter;
}
}
type RequiredConfig = {
apiKey: string;
chainId: TNumericId;
};
declare class BeamCumulativeImpact extends LitElement {
static tagName: string;
apiKey?: RequiredConfig["apiKey"];
chainId?: RequiredConfig["chainId"];
baseUrl: string;
lang: LANGUAGES;
disableAnimation: boolean;
debug: boolean;
draftConfig: boolean;
get configLang(): LANGUAGES;
private getCumulativeImpactData;
private cumulativeImpactDataController;
impactRowRefs: HTMLElement[];
resizeElements: lodash.DebouncedFuncLeading<() => void>;
connectedCallback(): void;
updated(changedProperties: Map<string, unknown>): Promise<void>;
render(): "" | lit_html.TemplateResult<1>;
private renderCumulativeImpact;
private renderCumulativeImpactRow;
get cssVariables(): any;
static styles: lit.CSSResult[];
}
declare global {
interface HTMLElementTagNameMap {
"beam-cumulative-impact": BeamCumulativeImpact;
}
}
export { BeamCumulativeImpact };