import * as lit_html from 'lit-html';
import * as lit from 'lit';
import { LitElement, PropertyValues } from 'lit';
import * as lodash from 'lodash';
import { b as TNumericId, d as TCart, L as LANGUAGES } from '../chunks/utils-BPcZ5h8J.esm.js';
import 'lodash-es/debounce';
import 'lodash-es/isEqual';

interface RequiredConfig {
    apiKey: string;
    storeId: TNumericId;
}
declare class BeamSelectNonprofit extends LitElement {
    static tagName: string;
    baseUrl: string;
    apiKey?: RequiredConfig["apiKey"];
    storeId?: TNumericId;
    countryCode?: string;
    postalCode?: string;
    cart?: TCart;
    selectedNonprofitId: TNumericId | null;
    lang: LANGUAGES;
    debug: boolean;
    draftConfig: boolean;
    promoCodes?: string;
    domain?: string;
    private lastSelectionActionDate;
    private isMobile;
    private enableNonprofitDeselection;
    private selectionId?;
    private didTryToCreateNewSelectionFromCache;
    private pluginPromoCodes;
    get configLang(): LANGUAGES;
    get parsedPromoCodes(): string[];
    private handlePromoCodesStored;
    private getManualPromoCodes;
    private handleValidatedPromoCodes;
    private getChainNonprofits;
    private postSelectNonprofit;
    private nonprofitListDataController;
    private selectionDataController;
    private localStorage;
    private getNonprofitById;
    private handleCartChange;
    private handleNonprofitSelect;
    private handleInitialNonprofitSync;
    connectedCallback(): Promise<void>;
    firstUpdated(): Promise<void>;
    updated(changedProperties: PropertyValues): Promise<void>;
    disconnectedCallback(): void;
    private restoreStateFromCache;
    private createNewSelectionForCachedNonprofit;
    /**
     * Factory for selection event handler
     *
     * Nonprofit selector implements radio-button semantics:
     * * If nothing is selected, tabbing into selector selects first card
     * * Arrow keys changes focus between cards, but doesn't select
     * * Enter/Space sets selection
     * * If a nonprofit is selected, arrow keys change focus AND selection
     * * Click sets selection
     * @param {number} id
     * @param {number} index
     * @param {{id: number}[]} nonprofits
     * @returns {(evt: Event) => void}
     */
    private makeHandleSelect;
    evaluateBreakPoints: lodash.DebouncedFuncLeading<() => void>;
    get cssVariables(): any;
    static styles: lit.CSSResult[];
    protected render(): "" | lit_html.TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        "beam-select-nonprofit": BeamSelectNonprofit;
    }
}

export { BeamSelectNonprofit };