@imtbl/checkout-widgets 2.0.0-alpha.0

package/dist/types/widgets/immutable-commerce/CommerceWidgetRoot.d.ts

@@ -0,0 +1,66 @@
+import { IMTBLWidgetEvents, CommerceWidgetParams, WidgetProperties, WidgetType, CommerceWidgetConnectFlowParams, CommerceWidgetWalletFlowParams, CommerceWidgetAddTokensFlowParams, CommerceWidgetSwapFlowParams, CommerceWidgetBridgeFlowParams, CommerceWidgetOnRampFlowParams, CommerceWidgetSaleFlowParams, CommerceFlowType } from '@imtbl/checkout-sdk';
+import { Base } from '../BaseWidgetRoot';
+export declare class CommerceWidgetRoot extends Base<WidgetType.IMMUTABLE_COMMERCE> {
+    protected eventTopic: IMTBLWidgetEvents;
+    protected getValidatedProperties({ config, }: WidgetProperties<WidgetType.IMMUTABLE_COMMERCE>): WidgetProperties<WidgetType.IMMUTABLE_COMMERCE>;
+    protected getValidConnectFlowParams(params: CommerceWidgetConnectFlowParams): {
+        flow: CommerceFlowType.CONNECT;
+        language?: import("@imtbl/checkout-sdk").WidgetLanguage;
+        targetChainId?: import("@imtbl/checkout-sdk").ChainId;
+        targetWalletRdns?: string | import("@imtbl/checkout-sdk").WalletProviderRdns;
+        blocklistWalletRdns?: string[];
+    };
+    protected getValidWalletFlowParams(params: CommerceWidgetWalletFlowParams): CommerceWidgetWalletFlowParams;
+    protected getValidSaleFlowParams(params: CommerceWidgetSaleFlowParams): {
+        items: import("@imtbl/checkout-sdk").SaleItem[];
+        flow: CommerceFlowType.SALE;
+        environmentId?: string;
+        collectionName?: string;
+        walletProviderName?: import("@imtbl/checkout-sdk").WalletProviderName;
+        language?: import("@imtbl/checkout-sdk").WidgetLanguage;
+        excludePaymentTypes?: import("@imtbl/checkout-sdk").SalePaymentTypes[];
+        excludeFiatCurrencies?: string[];
+        preferredCurrency?: string;
+        customOrderData?: Record<string, unknown>;
+    };
+    protected getValidAddTokensFlowParams(params: CommerceWidgetAddTokensFlowParams): {
+        flow: CommerceFlowType.ADD_TOKENS;
+        language?: import("@imtbl/checkout-sdk").WidgetLanguage;
+        showOnrampOption?: boolean;
+        showSwapOption?: boolean;
+        showBridgeOption?: boolean;
+        toTokenAddress?: string;
+        toAmount?: string;
+        showBackButton?: boolean;
+        toProvider?: import("@imtbl/checkout-sdk").WrappedBrowserProvider;
+    };
+    protected getValidSwapFlowParams(params: CommerceWidgetSwapFlowParams): {
+        flow: CommerceFlowType.SWAP;
+        amount?: string;
+        fromTokenAddress?: string;
+        toTokenAddress?: string;
+        walletProviderName?: import("@imtbl/checkout-sdk").WalletProviderName;
+        language?: import("@imtbl/checkout-sdk").WidgetLanguage;
+        autoProceed?: boolean;
+        direction?: import("@imtbl/checkout-sdk").SwapDirection;
+        showBackButton?: boolean;
+    };
+    protected getValidBridgeFlowParams(params: CommerceWidgetBridgeFlowParams): {
+        flow: CommerceFlowType.BRIDGE;
+        tokenAddress?: string;
+        amount?: string;
+        walletProviderName?: import("@imtbl/checkout-sdk").WalletProviderName;
+        language?: import("@imtbl/checkout-sdk").WidgetLanguage;
+        showBackButton?: boolean;
+    };
+    protected getValidOnRampFlowParams(params: CommerceWidgetOnRampFlowParams): {
+        flow: CommerceFlowType.ONRAMP;
+        tokenAddress?: string;
+        amount?: string;
+        walletProviderName?: import("@imtbl/checkout-sdk").WalletProviderName;
+        language?: import("@imtbl/checkout-sdk").WidgetLanguage;
+        showBackButton?: boolean;
+    };
+    protected getValidatedParameters(params: CommerceWidgetParams): CommerceWidgetParams;
+    protected render(): void;
+}

package/dist/types/widgets/immutable-commerce/context/CommerceContext.d.ts

@@ -0,0 +1,37 @@
+import { Checkout, WrappedBrowserProvider } from '@imtbl/checkout-sdk';
+import { Passport } from '@imtbl/passport';
+export interface CommerceState {
+    checkout: Checkout | undefined;
+    provider: WrappedBrowserProvider | undefined;
+    passport: Passport | undefined;
+}
+export declare const initialCommerceState: CommerceState;
+export interface CommerceContextState {
+    commerceState: CommerceState;
+    commerceDispatch: React.Dispatch<CommerceAction>;
+}
+export interface CommerceAction {
+    payload: ActionPayload;
+}
+type ActionPayload = SetCheckoutPayload | SetProviderPayload | SetPassportPayload;
+export declare enum CommerceActions {
+    SET_CHECKOUT = "SET_CHECKOUT",
+    SET_PROVIDER = "SET_PROVIDER",
+    SET_PASSPORT = "SET_PASSPORT"
+}
+export interface SetCheckoutPayload {
+    type: CommerceActions.SET_CHECKOUT;
+    checkout: Checkout;
+}
+export interface SetProviderPayload {
+    type: CommerceActions.SET_PROVIDER;
+    provider: WrappedBrowserProvider | undefined;
+}
+export interface SetPassportPayload {
+    type: CommerceActions.SET_PASSPORT;
+    passport: Passport | undefined;
+}
+export declare const CommerceContext: import("react").Context<CommerceContextState>;
+export type Reducer<S, A> = (prevState: S, action: A) => S;
+export declare const commerceReducer: Reducer<CommerceState, CommerceAction>;
+export {};

package/dist/types/widgets/immutable-commerce/functions/deduplicateSaleItemsArray.d.ts

@@ -0,0 +1,2 @@
+import { SaleItem } from '@imtbl/checkout-sdk';
+export declare function deduplicateSaleItemsArray(items: SaleItem[] | undefined): SaleItem[];

package/dist/types/widgets/immutable-commerce/functions/getCommerceWidgetEvent.d.ts

@@ -0,0 +1,5 @@
+import { CommerceEventDetail } from '../CommerceWidgetEvents';
+/**
+ * Map widget events to commerce widget event detail
+ */
+export declare function getCommerceWidgetEvent(event: CustomEvent): CommerceEventDetail;

package/dist/types/widgets/immutable-commerce/functions/getConnectLoaderParams.d.ts

@@ -0,0 +1,7 @@
+import { Checkout, WrappedBrowserProvider } from '@imtbl/checkout-sdk';
+import { ConnectLoaderParams } from '../../../components/ConnectLoader/ConnectLoader';
+import { View } from '../../../context/view-context/ViewContext';
+/**
+ * Get the connect loader params for the widget
+ */
+export declare function getConnectLoaderParams(view: View, checkout: Checkout, browserProvider: WrappedBrowserProvider | undefined): ConnectLoaderParams;

package/dist/types/widgets/immutable-commerce/functions/getFlowRequiresContext.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Check if the given view requires a connected wallet
+ */
+export declare function isConnectLoaderFlow(view: unknown): boolean;
+/**
+ * Check if the given view requires a providers context wrapper
+ */
+export declare function isProvidersContextFlow(view: unknown): boolean;

package/dist/types/widgets/immutable-commerce/functions/getViewFromOrchestrationEventType.d.ts

@@ -0,0 +1,5 @@
+import { CommerceFlowType, OrchestrationEventType } from '@imtbl/checkout-sdk';
+/**
+ * Get view from orchestration event type
+ */
+export declare function getViewFromOrchestrationEventType(type: OrchestrationEventType): CommerceFlowType | null;

package/dist/types/widgets/immutable-commerce/functions/isOrchestrationEvent.d.ts

@@ -0,0 +1,7 @@
+import { OrchestrationEventType } from '@imtbl/checkout-sdk';
+/**
+ * Check if event is orchestration event
+ */
+export declare function isOrchestrationEvent(event: CustomEvent<{
+    type: OrchestrationEventType;
+}>): boolean;

package/dist/types/widgets/immutable-commerce/functions/isValidCommerceFlow.d.ts

@@ -0,0 +1,7 @@
+import { CommerceFlowType } from '@imtbl/checkout-sdk';
+/** Orchestration Events List */
+export declare const commerceFlows: CommerceFlowType[];
+/**
+ * Check if event is orchestration event
+ */
+export declare function isValidCommerceFlow(flow: string): boolean;

package/dist/types/widgets/immutable-commerce/hooks/useMount.d.ts

@@ -0,0 +1,5 @@
+/**
+ * This hook is used to run an effect only once when after the component is mounted.
+ * and all dependencies are either by default not undefined or the compare function returns true.
+ */
+export declare const useMount: <T, D extends readonly T[]>(effect: () => void, deps: D, compare?: (deps: D) => boolean) => void;

package/dist/types/widgets/immutable-commerce/hooks/useWidgetEvents.d.ts

@@ -0,0 +1,6 @@
+import { WrappedBrowserProvider } from '@imtbl/checkout-sdk';
+import { useViewState } from '../../../context/view-context/ViewContext';
+/**
+ * Subscribe and Handle widget events
+ */
+export declare function useWidgetEvents(eventTarget: Window | EventTarget, viewState: ReturnType<typeof useViewState>, handleProviderUpdated: (provider: WrappedBrowserProvider) => void): void;

package/dist/types/widgets/on-ramp/OnRampWidget.d.ts

@@ -0,0 +1,6 @@
+import { OnRampWidgetParams } from '@imtbl/checkout-sdk';
+import { StrongCheckoutWidgetsConfig } from '../../lib/withDefaultWidgetConfig';
+export type OnRampWidgetInputs = OnRampWidgetParams & {
+    config: StrongCheckoutWidgetsConfig;
+};
+export default function OnRampWidget({ amount, tokenAddress, config, showBackButton, }: OnRampWidgetInputs): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/widgets/on-ramp/OnRampWidgetEvents.d.ts

@@ -0,0 +1,3 @@
+export declare function sendOnRampWidgetCloseEvent(eventTarget: Window | EventTarget): void;
+export declare const sendOnRampSuccessEvent: (eventTarget: Window | EventTarget, transactionHash: string) => void;
+export declare const sendOnRampFailedEvent: (eventTarget: Window | EventTarget, reason: string) => void;

package/dist/types/widgets/on-ramp/OnRampWidgetRoot.d.ts

@@ -0,0 +1,9 @@
+import { IMTBLWidgetEvents, OnRampWidgetParams, WidgetProperties, WidgetType } from '@imtbl/checkout-sdk';
+import { Base } from '../BaseWidgetRoot';
+export declare class OnRamp extends Base<WidgetType.ONRAMP> {
+    protected eventTopic: IMTBLWidgetEvents;
+    protected getValidatedProperties({ config }: WidgetProperties<WidgetType.ONRAMP>): WidgetProperties<WidgetType.ONRAMP>;
+    protected getValidatedParameters(params: OnRampWidgetParams): OnRampWidgetParams;
+    private goBackEvent;
+    protected render(): void;
+}

package/dist/types/widgets/on-ramp/TransakEvents.d.ts

@@ -0,0 +1,19 @@
+export declare enum TransakEvents {
+    TRANSAK_WIDGET_OPEN = "TRANSAK_WIDGET_OPEN",// transak widget initialised and loaded
+    TRANSAK_ORDER_CREATED = "TRANSAK_ORDER_CREATED",// order created and awaiting payment from payment <= 3DS check happens after this event
+    TRANSAK_ORDER_SUCCESSFUL = "TRANSAK_ORDER_SUCCESSFUL",// order successfully submitted and completed
+    TRANSAK_ORDER_FAILED = "TRANSAK_ORDER_FAILED"
+}
+export declare enum TransakStatuses {
+    PROCESSING = "PROCESSING",
+    COMPLETED = "COMPLETED"
+}
+export interface TransakEventData {
+    event_id: TransakEvents;
+    data: {
+        id: string;
+        status: string;
+        statusReason?: string;
+        transactionHash?: string;
+    };
+}

package/dist/types/widgets/on-ramp/views/OnRampMain.d.ts

@@ -0,0 +1,10 @@
+import { Passport } from '@imtbl/passport';
+interface OnRampProps {
+    showIframe: boolean;
+    tokenAmount?: string;
+    tokenAddress?: string;
+    passport?: Passport;
+    showBackButton?: boolean;
+}
+export declare function OnRampMain({ passport, showIframe, tokenAmount, tokenAddress, showBackButton, }: OnRampProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/widgets/on-ramp/views/OrderInProgress.d.ts

@@ -0,0 +1 @@
+export declare function OrderInProgress(): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/widgets/on-ramp/views/onRampStyles.d.ts

@@ -0,0 +1,14 @@
+export declare const containerStyle: (showIframe: boolean) => {
+    position: string;
+    maxWidth: string;
+    height: string;
+    borderRadius: string;
+    overflow: string;
+    marginLeft: string;
+    marginRight: string;
+    marginBottom: string;
+    display: string;
+};
+export declare const boxMainStyle: (showIframe: boolean) => {
+    display: string;
+};

package/dist/types/widgets/purchase/PurchaseWidget.d.ts

@@ -0,0 +1,6 @@
+import { PurchaseWidgetParams } from '@imtbl/checkout-sdk';
+import { StrongCheckoutWidgetsConfig } from '../../lib/withDefaultWidgetConfig';
+export type PurchaseWidgetInputs = PurchaseWidgetParams & {
+    config: StrongCheckoutWidgetsConfig;
+};
+export default function PurchaseWidget({ config, showBackButton, }: PurchaseWidgetInputs): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/widgets/purchase/PurchaseWidgetEvents.d.ts

@@ -0,0 +1,5 @@
+import { EIP6963ProviderInfo, WrappedBrowserProvider } from '@imtbl/checkout-sdk';
+export declare function sendPurchaseCloseEvent(eventTarget: Window | EventTarget): void;
+export declare function sendConnectProviderSuccessEvent(eventTarget: Window | EventTarget, providerType: 'from' | 'to', provider: WrappedBrowserProvider, providerInfo: EIP6963ProviderInfo): void;
+export declare const sendPurchaseSuccessEvent: (eventTarget: Window | EventTarget, transactionHash: string) => void;
+export declare const sendPurchaseFailedEvent: (eventTarget: Window | EventTarget, reason: string) => void;

package/dist/types/widgets/purchase/PurchaseWidgetRoot.d.ts

@@ -0,0 +1,8 @@
+import { IMTBLWidgetEvents, PurchaseWidgetParams, WidgetProperties, WidgetType } from '@imtbl/checkout-sdk';
+import { Base } from '../BaseWidgetRoot';
+export declare class Purchase extends Base<WidgetType.PURCHASE> {
+    protected eventTopic: IMTBLWidgetEvents;
+    protected getValidatedProperties({ config, }: WidgetProperties<WidgetType.PURCHASE>): WidgetProperties<WidgetType.PURCHASE>;
+    protected getValidatedParameters(params: PurchaseWidgetParams): PurchaseWidgetParams;
+    protected render(): void;
+}

package/dist/types/widgets/purchase/context/PurchaseContext.d.ts

@@ -0,0 +1,24 @@
+import { Squid } from '@0xsquid/sdk';
+export interface PurchaseState {
+    squid: Squid | null;
+}
+export declare const initialPurchaseState: PurchaseState;
+export interface PurchaseContextState {
+    purchaseState: PurchaseState;
+    purchaseDispatch: React.Dispatch<PurchaseAction>;
+}
+export interface PurchaseAction {
+    payload: ActionPayload;
+}
+type ActionPayload = SetSquid;
+export declare enum PurchaseActions {
+    SET_SQUID = "SET_SQUID"
+}
+export interface SetSquid {
+    type: PurchaseActions.SET_SQUID;
+    squid: Squid;
+}
+export declare const PurchaseContext: import("react").Context<PurchaseContextState>;
+export type Reducer<S, A> = (prevState: S, action: A) => S;
+export declare const purchaseReducer: Reducer<PurchaseState, PurchaseAction>;
+export {};

package/dist/types/widgets/purchase/views/Purchase.d.ts

@@ -0,0 +1,7 @@
+interface PurchaseProps {
+    showBackButton?: boolean;
+    onCloseButtonClick?: () => void;
+    onBackButtonClick?: () => void;
+}
+export declare function Purchase({ onCloseButtonClick, showBackButton, onBackButtonClick, }: PurchaseProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/widgets/purchase/views/Review.d.ts

@@ -0,0 +1 @@
+export declare function Review(): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/widgets/sale/SaleWidget.d.ts

@@ -0,0 +1,13 @@
+import { SaleWidgetParams } from '@imtbl/checkout-sdk';
+import { StrongCheckoutWidgetsConfig } from '../../lib/withDefaultWidgetConfig';
+type OptionalWidgetParams = Pick<SaleWidgetParams, 'excludePaymentTypes' | 'excludeFiatCurrencies' | 'customOrderData'>;
+type RequiredWidgetParams = Required<Omit<SaleWidgetParams, 'walletProviderName'>>;
+type WidgetParams = RequiredWidgetParams & OptionalWidgetParams & {
+    hideExcludedPaymentTypes: boolean;
+    waitFulfillmentSettlements: boolean;
+};
+export interface SaleWidgetProps extends WidgetParams {
+    config: StrongCheckoutWidgetsConfig;
+}
+export default function SaleWidget(props: SaleWidgetProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/widgets/sale/SaleWidgetEvents.d.ts

@@ -0,0 +1,8 @@
+import { SalePaymentTypes, SalePaymentToken } from '@imtbl/checkout-sdk';
+import { ExecutedTransaction } from './types';
+export declare const sendSaleWidgetCloseEvent: (eventTarget: Window | EventTarget) => void;
+export declare const sendSaleSuccessEvent: (eventTarget: Window | EventTarget, paymentMethod: SalePaymentTypes | undefined, transactions?: ExecutedTransaction[], tokenIds?: string[], transactionId?: string) => void;
+export declare const sendSaleFailedEvent: (eventTarget: Window | EventTarget, reason: string, error: Record<string, unknown>, paymentMethod: SalePaymentTypes | undefined, transactions?: ExecutedTransaction[], transactionId?: string) => void;
+export declare const sendSaleTransactionSuccessEvent: (eventTarget: Window | EventTarget, paymentMethod: SalePaymentTypes | undefined, transactions: ExecutedTransaction[]) => void;
+export declare const sendSalePaymentMethodEvent: (eventTarget: Window | EventTarget, paymentMethod: SalePaymentTypes | undefined) => void;
+export declare const sendSalePaymentTokenEvent: (eventTarget: Window | EventTarget, details: SalePaymentToken) => void;

package/dist/types/widgets/sale/SaleWidgetRoot.d.ts

@@ -0,0 +1,10 @@
+import { IMTBLWidgetEvents, SaleWidgetParams, WidgetProperties, WidgetType } from '@imtbl/checkout-sdk';
+import { Base } from '../BaseWidgetRoot';
+export declare class Sale extends Base<WidgetType.SALE> {
+    protected eventTopic: IMTBLWidgetEvents;
+    private isValidArray;
+    private deduplicateItems;
+    protected getValidatedProperties({ config, }: WidgetProperties<WidgetType.SALE>): WidgetProperties<WidgetType.SALE>;
+    protected getValidatedParameters(params: SaleWidgetParams): SaleWidgetParams;
+    protected render(): void;
+}

package/dist/types/widgets/sale/components/CoinsDrawer.d.ts

@@ -0,0 +1,19 @@
+import { SalePaymentTypes, TransactionRequirement, WidgetTheme } from '@imtbl/checkout-sdk';
+import { Environment } from '@imtbl/config';
+import { FundingBalance } from '../types';
+type CoinsDrawerProps = {
+    conversions: Map<string, number>;
+    balances: FundingBalance[];
+    selectedIndex: number;
+    visible: boolean;
+    loading: boolean;
+    transactionRequirement?: TransactionRequirement;
+    onSelect: (index: number) => void;
+    onClose: () => void;
+    onPayWithCard?: (paymentType: SalePaymentTypes) => void;
+    disabledPaymentTypes?: SalePaymentTypes[];
+    theme: WidgetTheme;
+    environment: Environment;
+};
+export declare function CoinsDrawer({ conversions, balances, selectedIndex, visible, loading, transactionRequirement, onClose, onSelect, onPayWithCard, disabledPaymentTypes, theme, environment, }: CoinsDrawerProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/widgets/sale/components/CoinsDrawerItem.d.ts

@@ -0,0 +1,17 @@
+import { MenuItemSize } from '@biom3/react';
+import { TransactionRequirement, WidgetTheme } from '@imtbl/checkout-sdk';
+import { ReactElement } from 'react';
+import { Environment } from '@imtbl/config';
+import { FundingBalance } from '../types';
+export interface CoinDrawerItemProps<RC extends ReactElement | undefined = undefined> {
+    rc?: RC;
+    size: MenuItemSize;
+    balance: FundingBalance;
+    conversions: Map<string, number>;
+    selected: boolean;
+    transactionRequirement?: TransactionRequirement;
+    onClick: () => void;
+    environment: Environment;
+    theme: WidgetTheme;
+}
+export declare function CoinsDrawerItem<RC extends ReactElement | undefined = undefined>({ rc, balance, conversions, selected, onClick, size, environment, theme, }: CoinDrawerItemProps<RC>): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/widgets/sale/components/CreditCardWarningDrawer.d.ts

@@ -0,0 +1 @@
+export declare function CreditCardWarningDrawer(): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/widgets/sale/components/FundingRouteExecute/FundingRouteExecute.d.ts

@@ -0,0 +1,7 @@
+import { FundingStep } from '@imtbl/checkout-sdk';
+type FundingRouteExecuteProps = {
+    fundingRouteStep?: FundingStep;
+    onFundingRouteExecuted: () => void;
+};
+export declare function FundingRouteExecute({ fundingRouteStep, onFundingRouteExecuted, }: FundingRouteExecuteProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/widgets/sale/components/OrderFees.d.ts

@@ -0,0 +1,15 @@
+import { SxProps } from '@biom3/react';
+import { TokenInfo } from '@imtbl/checkout-sdk';
+import { FormattedFee } from '../../swap/functions/swapFees';
+export type FeesDisplay = {
+    token: TokenInfo | undefined;
+    amount: string;
+    fiatAmount: string;
+    formattedFees: FormattedFee[];
+};
+export type OrderFeesProps = {
+    fees: FeesDisplay;
+    onFeesClick?: () => void;
+    sx?: SxProps;
+};
+export declare function OrderFees({ sx, fees, onFeesClick }: OrderFeesProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/widgets/sale/components/OrderItem.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement } from 'react';
+import { MenuItemSize, SxProps } from '@biom3/react';
+import { SaleItem } from '@imtbl/checkout-sdk';
+import { OrderQuotePricing, FundingBalance } from '../types';
+export interface OrderItemProps<RC extends ReactElement | undefined = undefined> {
+    item: SaleItem;
+    balance: FundingBalance;
+    pricing: OrderQuotePricing | undefined;
+    conversions: Map<string, number>;
+    size?: MenuItemSize;
+    rc?: RC;
+    sx?: SxProps;
+}
+export declare function OrderItem<RC extends ReactElement | undefined = undefined>({ item, balance, pricing, conversions, size, sx, rc, }: OrderItemProps<RC>): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/widgets/sale/components/OrderItems.d.ts

@@ -0,0 +1,12 @@
+import { SaleItem } from '@imtbl/checkout-sdk';
+import { ReactNode } from 'react';
+import { OrderQuoteProduct, FundingBalance } from '../types';
+type OrderItemsProps = {
+    items: SaleItem[];
+    balance: FundingBalance;
+    pricing: Record<string, OrderQuoteProduct>;
+    conversions: Map<string, number>;
+    children?: ReactNode;
+};
+export declare function OrderItems({ items, balance, pricing, conversions, children: feesChildren, }: OrderItemsProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/widgets/sale/components/OrderReview.d.ts

@@ -0,0 +1,15 @@
+import { SalePaymentTypes, TokenBalance, TransactionRequirement } from '@imtbl/checkout-sdk';
+import { FundingBalance } from '../types';
+type OrderReviewProps = {
+    collectionName: string;
+    fundingBalances: FundingBalance[];
+    conversions: Map<string, number>;
+    loadingBalances: boolean;
+    transactionRequirement?: TransactionRequirement;
+    onBackButtonClick: () => void;
+    onProceedToBuy: (fundingBalance: FundingBalance) => void;
+    onPayWithCard?: (paymentType: SalePaymentTypes) => void;
+    gasFees?: TokenBalance;
+};
+export declare function OrderReview({ fundingBalances, conversions, collectionName, loadingBalances, transactionRequirement, onBackButtonClick, onPayWithCard, onProceedToBuy, gasFees, }: OrderReviewProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/widgets/sale/components/PaymentOption.d.ts

@@ -0,0 +1,12 @@
+import { MenuItemSize } from '@biom3/react';
+import { SalePaymentTypes } from '@imtbl/checkout-sdk';
+import { ReactElement } from 'react';
+export interface PaymentOptionProps<RC extends ReactElement | undefined = undefined> {
+    rc?: RC;
+    type: SalePaymentTypes;
+    onClick: (type: SalePaymentTypes) => void;
+    disabled?: boolean;
+    caption?: string;
+    size?: MenuItemSize;
+}
+export declare function PaymentOption<RC extends ReactElement | undefined = undefined>({ type, onClick, disabled, caption, size, rc, }: PaymentOptionProps<RC>): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/widgets/sale/components/PaymentOptions.d.ts

@@ -0,0 +1,11 @@
+import { MenuItemSize } from '@biom3/react';
+import { SalePaymentTypes } from '@imtbl/checkout-sdk';
+export interface PaymentOptionsProps {
+    onClick: (type: SalePaymentTypes) => void;
+    disabledOptions?: SalePaymentTypes[];
+    paymentOptions?: SalePaymentTypes[];
+    captions?: Partial<Record<SalePaymentTypes, string>>;
+    size?: MenuItemSize;
+    hideDisabledOptions?: boolean;
+}
+export declare function PaymentOptions(props: PaymentOptionsProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/widgets/sale/components/SelectCoinDropdown.d.ts

@@ -0,0 +1,13 @@
+import { FundingBalance } from '../types';
+type SelectCoinDropdownProps = {
+    balance: FundingBalance;
+    conversions: Map<string, number>;
+    isFreeMint: boolean;
+    canOpen: boolean;
+    onClick: () => void;
+    onProceed: (balance: FundingBalance) => void;
+    loading?: boolean;
+    priceDisplay?: boolean;
+};
+export declare function SelectCoinDropdown({ balance, conversions, isFreeMint, canOpen, onClick, onProceed, loading, priceDisplay, }: SelectCoinDropdownProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/widgets/sale/components/WithCard.d.ts

@@ -0,0 +1,9 @@
+export interface WithCardProps {
+    onInit?: (data: Record<string, unknown>) => void;
+    onOpen?: (data: Record<string, unknown>) => void;
+    onOrderCreated?: (data: Record<string, unknown>) => void;
+    onOrderProcessing?: (data: Record<string, unknown>) => void;
+    onOrderCompleted?: (data: Record<string, unknown>) => void;
+    onOrderFailed?: (data: Record<string, unknown>) => void;
+}
+export declare function WithCard(props: WithCardProps): import("@emotion/react/jsx-runtime").JSX.Element | null;

package/dist/types/widgets/sale/context/SaleContextProvider.d.ts

@@ -0,0 +1,57 @@
+import { AssessmentResult, FundingRoute, SaleItem, SalePaymentTypes } from '@imtbl/checkout-sdk';
+import { Passport } from '@imtbl/passport';
+import { ReactNode } from 'react';
+import { Environment } from '@imtbl/config';
+import { ConnectLoaderState } from '../../../context/connect-loader-context/ConnectLoaderContext';
+import { StrongCheckoutWidgetsConfig } from '../../../lib/withDefaultWidgetConfig';
+import { OrderQuote, OrderQuoteCurrency, ExecuteOrderResponse, ExecutedTransaction, SaleErrorTypes, SignOrderError, SignPaymentTypes, SignResponse, ExecuteTransactionStep, SignedTransaction } from '../types';
+type SaleContextProps = {
+    config: StrongCheckoutWidgetsConfig;
+    environment: Environment;
+    environmentId: string;
+    items: SaleItem[];
+    collectionName: string;
+    provider: ConnectLoaderState['provider'];
+    checkout: ConnectLoaderState['checkout'];
+    passport?: Passport;
+    excludePaymentTypes: SalePaymentTypes[];
+    excludeFiatCurrencies?: string[];
+    preferredCurrency?: string;
+    customOrderData?: Record<string, unknown>;
+    waitFulfillmentSettlements: boolean;
+    hideExcludedPaymentTypes: boolean;
+};
+type SaleContextValues = SaleContextProps & {
+    sign: (paymentType: SignPaymentTypes, tokenAddress?: string, callback?: (response: SignResponse | undefined) => void) => Promise<SignResponse | undefined>;
+    executeAll: (signResponse: SignResponse | undefined, onTxnSuccess: (txn: ExecutedTransaction) => void, onTxnError: (error: SignOrderError, txns: ExecutedTransaction[]) => void, onTxnStep?: (method: string, step: ExecuteTransactionStep) => void) => Promise<ExecutedTransaction[]>;
+    executeNextTransaction: (onTxnSuccess: (txn: ExecutedTransaction) => void, onTxnError: (error: any, txns: ExecutedTransaction[]) => void, onTxnStep?: (method: string, step: ExecuteTransactionStep) => void) => Promise<boolean>;
+    recipientAddress: string;
+    recipientEmail: string;
+    signResponse: SignResponse | undefined;
+    signError: SignOrderError | undefined;
+    filteredTransactions: SignedTransaction[];
+    currentTransactionIndex: number;
+    executeResponse: ExecuteOrderResponse | undefined;
+    isPassportWallet: boolean;
+    showCreditCardWarning: boolean;
+    setShowCreditCardWarning: (show: boolean) => void;
+    paymentMethod: SalePaymentTypes | undefined;
+    setPaymentMethod: (paymentMethod: SalePaymentTypes | undefined) => void;
+    goBackToPaymentMethods: (paymentMethod?: SalePaymentTypes | undefined, data?: Record<string, unknown>) => void;
+    goToErrorView: (type: SaleErrorTypes, data?: Record<string, unknown>) => void;
+    goToSuccessView: (data?: Record<string, unknown>) => void;
+    fundingRoutes: FundingRoute[];
+    disabledPaymentTypes: SalePaymentTypes[];
+    invalidParameters: boolean;
+    fromTokenAddress: string;
+    orderQuote: OrderQuote;
+    signTokenIds: string[];
+    selectedCurrency: OrderQuoteCurrency | undefined;
+    riskAssessment: AssessmentResult | undefined;
+};
+export declare function SaleContextProvider(props: {
+    children: ReactNode;
+    value: SaleContextProps;
+}): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function useSaleContext(): SaleContextValues;
+export {};

package/dist/types/widgets/sale/functions/fetchFundingBalances.d.ts

@@ -0,0 +1,20 @@
+import { Checkout, WrappedBrowserProvider, TokenBalance, TransactionRequirement } from '@imtbl/checkout-sdk';
+import { OrderQuoteCurrency, FundingBalance, FundingBalanceResult } from '../types';
+export type FundingBalanceParams = {
+    provider: WrappedBrowserProvider;
+    checkout: Checkout;
+    currencies: OrderQuoteCurrency[];
+    baseCurrency: OrderQuoteCurrency;
+    routingOptions: {
+        bridge: boolean;
+        onRamp: boolean;
+        swap: boolean;
+    };
+    getAmountByCurrency: (currency: OrderQuoteCurrency) => string;
+    getIsGasless: () => boolean;
+    onFundingBalance: (balances: FundingBalance[]) => void;
+    onFundingRequirement: (fundingItemRequirement: TransactionRequirement) => void;
+    onComplete?: (balances: FundingBalance[]) => void;
+    onUpdateGasFees?: (fees: TokenBalance) => void;
+};
+export declare const fetchFundingBalances: (params: FundingBalanceParams) => Promise<FundingBalanceResult[]>;

package/dist/types/widgets/sale/functions/fetchFundingBalancesUtils.d.ts

@@ -0,0 +1,12 @@
+import { TransactionRequirement, GasAmount, SmartCheckoutResult, ERC20ItemRequirement, FundingRoute, FundingStep, WrappedBrowserProvider } from '@imtbl/checkout-sdk';
+import { Environment } from '@imtbl/config';
+import { OrderQuoteCurrency, FundingBalance, SufficientFundingStep } from '../types';
+export declare const getERC20ItemRequirement: (amount: string, spenderAddress: string, tokenAddress: string) => ERC20ItemRequirement[];
+export declare const getGasEstimate: () => GasAmount;
+export declare const wrapPromisesWithOnResolve: <T>(awaitedFns: Promise<T>[], onResolve: (value: T) => void) => Promise<T[]>;
+export declare const getSufficientFundingStep: (requirement: TransactionRequirement, environment: Environment) => SufficientFundingStep;
+export declare const getAlternativeFundingSteps: (fundingRoutes: FundingRoute[], environment: Environment) => FundingStep[];
+export declare const getFundingBalances: (smartCheckoutResult: SmartCheckoutResult, environment: Environment) => FundingBalance[] | null;
+export declare const getFnToSortFundingBalancesByPriority: (baseSymbol?: string) => (a: FundingBalance, b: FundingBalance) => number;
+export declare const getFnToPushAndSortFundingBalances: (baseCurrency: OrderQuoteCurrency) => ((balances: FundingBalance[]) => FundingBalance[]);
+export declare const processGasFreeBalances: (balances: FundingBalance[], provider?: WrappedBrowserProvider) => FundingBalance[];

package/dist/types/widgets/sale/functions/fetchFundingBalancesUtils.test.d.ts

@@ -0,0 +1,4 @@
+import { FundingBalance } from '../types';
+export declare const tIMXFundingBalanceMock: FundingBalance;
+export declare const zkCoreFundingBalanceMock: FundingBalance;
+export declare const fundingBalancesMock: FundingBalance[];

package/dist/types/widgets/sale/functions/fundingBalanceFees.d.ts

@@ -0,0 +1,7 @@
+import { Fee } from '@imtbl/checkout-sdk';
+import { TFunction } from 'i18next';
+import { FormattedFee } from '../../swap/functions/swapFees';
+import { FundingBalance } from '../types';
+export type FeesBySymbol = Record<string, Fee>;
+export declare const getFundingBalanceTotalFees: (balance: FundingBalance) => FeesBySymbol;
+export declare const getFundingBalanceFeeBreakDown: (balance: FundingBalance, conversions: Map<string, number>, t: TFunction) => FormattedFee[];