import type { SwishUiManifest, SwishUiOptions } from "../types";
import type { ShopBridge } from "../utils/shop-bridge";
import type { Ref, SwishUiElement } from "./swish-ui-element";
import "../utils/shop-bridge";
import { Item, ItemDetail } from "@swishapp/api-client";
import { GetProductCardDataWithVariantQuery, GetSelectedVariantQuery } from "../storefront-api/storefront-api-client";
export interface Notifications {
    pushNotification(notification: Notification): string;
    removeNotification(id: string): void;
    clearAllNotifications(): void;
}
export interface Notification {
    title?: string;
    text: string;
    image?: string;
    action?: {
        label: string;
        url?: string;
        onAction?: () => void;
    };
}
export declare const setConfig: (opts: SwishUiOptions) => void;
export declare const hideModal: (element: string | HTMLElement) => Promise<void>;
export declare const showModal: (element: string | HTMLElement) => Promise<void>;
export declare const showSignIn: (options?: {
    returnTo?: string;
}) => Promise<void>;
export interface UnsaveAlertOptions {
    itemId: string;
    onSubmit?: (data: UnsaveAlertSubmitData) => void;
    onCancel?: () => void;
}
export interface UnsaveAlertSubmitData {
    itemId: string;
}
export declare const showUnsaveAlert: (options: UnsaveAlertOptions) => Promise<void>;
export declare const showDeleteListAlert: (options: {
    listId: string;
    onSubmit?: () => void;
    onCancel?: () => void;
}) => Promise<void>;
export declare const showDrawer: () => Promise<void>;
export declare const showListMenu: (options: {
    listId: string;
    onClose?: (data: {
        reason: string;
    }) => void;
}) => Promise<void>;
export interface ListSelectOptions {
    itemId: string;
    onSubmit?: (data: ListSelectSubmitData) => void | Promise<void>;
    onClose?: () => void;
    onUnsave?: (data: UnsaveAlertSubmitData) => void;
}
export type ListSelectProduct = Exclude<GetProductCardDataWithVariantQuery["product"], undefined | null>;
export type ListSelectVariant = Exclude<GetProductCardDataWithVariantQuery["variant"], undefined | null>;
export interface ListSelectSubmitData {
    item: ItemDetail;
    product: ListSelectProduct;
    variant?: ListSelectVariant;
}
export declare const showListSelect: (options: ListSelectOptions) => Promise<void>;
export declare const showNotification: (options: {
    title?: string;
    text: string;
    image?: string;
    action?: {
        label: string;
        url?: string;
        onAction?: () => void;
    };
}) => Promise<void>;
export declare const hideAllNotifications: () => Promise<void>;
export interface VariantSelectOptions {
    productId?: string;
    productHandle?: string;
    variantId?: string;
    displayType?: "rows" | "pills";
    action?: "none" | "save";
    onSubmit: (data: VariantSelectSubmitData) => void;
}
export type VariantSelectProduct = Exclude<GetSelectedVariantQuery["product"], undefined | null>;
export type VariantSelectVariant = Exclude<VariantSelectProduct["variantBySelectedOptions"], undefined | null>;
export interface VariantSelectSubmitData {
    item: Item;
    product: VariantSelectProduct;
    variant: VariantSelectVariant;
}
export declare const showVariantSelect: (options?: VariantSelectOptions) => Promise<void>;
export declare const showListEditor: <TData = unknown>(options?: {
    listId?: string;
    variantId?: string;
    onSubmit: (data: TData) => void | Promise<void>;
}) => Promise<void>;
export declare const initShopBridge: ({ onShopModalOpen, }: {
    onShopModalOpen: () => void;
}) => Promise<ShopBridge>;
export declare const loadManifest: () => Promise<SwishUiManifest>;
export interface RequireUiComponentOptions<TComponent> {
    instance?: string;
    listeners?: Record<string, (event: Event | CustomEvent) => void>;
    onHydrated?: (ref: Ref<TComponent>) => void;
}
export declare const requireUiComponent: <TComponent = unknown>(name: string, options?: RequireUiComponentOptions<TComponent>) => Promise<SwishUiElement>;
export declare const insertComponent: <T extends HTMLElement = SwishUiElement>({ name, instance, template, position, refElement, }: {
    name: string;
    instance?: string;
    template: string;
    position: InsertPosition;
    refElement: HTMLElement;
}) => Promise<T>;
export declare const queryComponent: <T extends HTMLElement = SwishUiElement>(name: string, instance?: string) => T;