@imtbl/checkout-widgets 2.0.0-alpha.0

package/dist/types/widgets/add-tokens/utils/config.d.ts

@@ -0,0 +1,6 @@
+export declare const FIXED_HANDOVER_DURATION = 2000;
+export declare const APPROVE_TXN_ANIMATION = "/access_coins.riv";
+export declare const EXECUTE_TXN_ANIMATION = "/swapping_coins.riv";
+export declare const BLOCK_TXN_ANIMATION = "/blocked.riv";
+export declare const ERROR_TXN_ANIMATION = "/error.riv";
+export declare const TOKEN_PRIORITY_ORDER: string[];

package/dist/types/widgets/add-tokens/views/AddTokens.d.ts

@@ -0,0 +1,16 @@
+import { type Checkout } from '@imtbl/checkout-sdk';
+import type { StrongCheckoutWidgetsConfig } from '../../../lib/withDefaultWidgetConfig';
+interface AddTokensProps {
+    checkout: Checkout;
+    showBackButton?: boolean;
+    showOnrampOption?: boolean;
+    showSwapOption?: boolean;
+    showBridgeOption?: boolean;
+    toTokenAddress?: string;
+    toAmount?: string;
+    onCloseButtonClick?: () => void;
+    onBackButtonClick?: () => void;
+    config: StrongCheckoutWidgetsConfig;
+}
+export declare function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOption, showSwapOption, showBridgeOption, onCloseButtonClick, showBackButton, onBackButtonClick, }: AddTokensProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/widgets/add-tokens/views/Review.d.ts

@@ -0,0 +1,9 @@
+import { AddTokensReviewData } from '../../../context/view-context/AddTokensViewContextTypes';
+interface ReviewProps {
+    data: AddTokensReviewData;
+    showBackButton: boolean;
+    onBackButtonClick?: () => void;
+    onCloseButtonClick?: () => void;
+}
+export declare function Review({ data, showBackButton, onBackButtonClick, onCloseButtonClick, }: ReviewProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/widgets/bridge/BridgeWidget.d.ts

@@ -0,0 +1,8 @@
+import { BridgeWidgetParams, Checkout, WrappedBrowserProvider } from '@imtbl/checkout-sdk';
+import { StrongCheckoutWidgetsConfig } from '../../lib/withDefaultWidgetConfig';
+export type BridgeWidgetInputs = BridgeWidgetParams & {
+    config: StrongCheckoutWidgetsConfig;
+    checkout: Checkout;
+    browserProvider?: WrappedBrowserProvider;
+};
+export default function BridgeWidget({ checkout, browserProvider, config, amount, tokenAddress, showBackButton, }: BridgeWidgetInputs): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/widgets/bridge/BridgeWidgetEvents.d.ts

@@ -0,0 +1,5 @@
+export declare const sendBridgeTransactionSentEvent: (eventTarget: Window | EventTarget, transactionHash: string) => void;
+export declare const sendBridgeFailedEvent: (eventTarget: Window | EventTarget, reason: string) => void;
+export declare function sendBridgeWidgetCloseEvent(eventTarget: Window | EventTarget): void;
+export declare const sendBridgeClaimWithdrawalSuccessEvent: (eventTarget: Window | EventTarget, transactionHash: string) => void;
+export declare const sendBridgeClaimWithdrawalFailedEvent: (eventTarget: Window | EventTarget, transactionHash: string, reason: string) => void;

package/dist/types/widgets/bridge/BridgeWidgetRoot.d.ts

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

package/dist/types/widgets/bridge/components/BridgeForm.d.ts

@@ -0,0 +1,13 @@
+import { WidgetTheme } from '@imtbl/checkout-sdk';
+import { Environment } from '@imtbl/config';
+interface BridgeFormProps {
+    testId?: string;
+    defaultAmount?: string;
+    defaultTokenAddress?: string;
+    isTokenBalancesLoading?: boolean;
+    defaultTokenImage: string;
+    environment?: Environment;
+    theme?: WidgetTheme;
+}
+export declare function BridgeForm(props: BridgeFormProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/widgets/bridge/components/BridgeFormStyles.d.ts

@@ -0,0 +1,18 @@
+export declare const bridgeFormWrapperStyles: {
+    height: string;
+    display: string;
+    flexDirection: string;
+    justifyContent: string;
+    paddingTop: string;
+};
+export declare const formInputsContainerStyles: {
+    paddingTop: string;
+    display: string;
+    gap: string;
+};
+export declare const bridgeFormButtonContainerStyles: {
+    display: string;
+    flexDirection: string;
+    paddingY: string;
+    paddingX: string;
+};

package/dist/types/widgets/bridge/components/BridgeReviewSummary.d.ts

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

package/dist/types/widgets/bridge/components/BridgeReviewSummaryStyles.d.ts

@@ -0,0 +1,65 @@
+export declare const topMenuItemStyles: {
+    borderBottomLeftRadius: string;
+    borderBottomRightRadius: string;
+    marginBottom: string;
+    position: string;
+};
+export declare const bottomMenuItemStyles: {
+    borderTopLeftRadius: string;
+    borderTopRightRadius: string;
+    backgroundColor: string;
+    position: string;
+};
+export declare const wcWalletLogoStyles: {
+    width: string;
+};
+export declare const wcStickerLogoStyles: {
+    position: string;
+    top: string;
+    left: string;
+    width: string;
+    padding: string;
+    backgroundColor: string;
+    borderRadius: string;
+};
+export declare const bridgeReviewWrapperStyles: {
+    height: string;
+    display: string;
+    flexDirection: string;
+    paddingX: string;
+};
+export declare const bridgeReviewHeadingStyles: {
+    paddingTop: string;
+    paddingBottom: string;
+};
+export declare const arrowIconWrapperStyles: {
+    display: string;
+    flexDirection: string;
+    alignItems: string;
+    paddingY: string;
+};
+export declare const arrowIconStyles: {
+    width: string;
+    transform: string;
+};
+export declare const gasAmountHeadingStyles: {
+    marginBottom: string;
+    color: string;
+};
+export declare const bridgeButtonIconLoadingStyle: {
+    width: string;
+};
+export declare const rawImageStyle: {
+    backgroundColor: string;
+    position: string;
+    width: string;
+    height: string;
+    padding: string;
+    left: string;
+};
+export declare const networkIconStyles: {
+    position: string;
+    right: string;
+    w: string;
+    h: string;
+};

package/dist/types/widgets/bridge/components/NetworkItem.d.ts

@@ -0,0 +1,10 @@
+import { ChainId, ChainName } from '@imtbl/checkout-sdk';
+import { Environment } from '@imtbl/config';
+export interface BridgeNetworkProps {
+    testId: string;
+    chainId: ChainId;
+    chainName: ChainName;
+    onNetworkClick: (chainId: ChainId) => Promise<void>;
+    environment: Environment;
+}
+export declare function NetworkItem({ testId, chainId, chainName, onNetworkClick, environment, }: BridgeNetworkProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/widgets/bridge/components/TokenSelectShimmer.d.ts

@@ -0,0 +1,4 @@
+export type TokenSelectShimmerProps = {
+    sx?: {};
+};
+export declare function TokenSelectShimmer({ sx }: TokenSelectShimmerProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/widgets/bridge/components/WalletAndNetworkSelector.d.ts

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

package/dist/types/widgets/bridge/components/WalletAndNetworkSelectorStyles.d.ts

@@ -0,0 +1,15 @@
+export declare const brigdeWalletWrapperStyles: {
+    height: string;
+    display: string;
+    flexDirection: string;
+    paddingX: string;
+};
+export declare const bridgeHeadingStyles: {
+    paddingTop: string;
+    paddingBottom: string;
+};
+export declare const submitButtonWrapperStyles: {
+    display: string;
+    flexDirection: string;
+    paddingY: string;
+};

package/dist/types/widgets/bridge/components/WalletNetworkButton.d.ts

@@ -0,0 +1,16 @@
+import { ChainId, EIP6963ProviderDetail, WrappedBrowserProvider } from '@imtbl/checkout-sdk';
+import { Environment } from '@imtbl/config';
+interface WalletNetworkButtonProps {
+    testId: string;
+    walletProvider: WrappedBrowserProvider;
+    walletProviderDetail: EIP6963ProviderDetail | undefined;
+    walletAddress: string;
+    walletName: string;
+    chainId: ChainId;
+    disableNetworkButton?: boolean;
+    onWalletClick: (e: any) => void;
+    onNetworkClick: (e: any) => void;
+    environment: Environment;
+}
+export declare function WalletNetworkButton({ testId, walletProvider, walletProviderDetail, walletAddress, walletName, chainId, disableNetworkButton, onWalletClick, onNetworkClick, environment, }: WalletNetworkButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/widgets/bridge/components/WalletNetworkButtonStyles.d.ts

@@ -0,0 +1,51 @@
+import { WalletProviderName } from '@imtbl/checkout-sdk';
+export declare const logoColour: {
+    15003: string;
+    13473: string;
+    13371: string;
+    1: string;
+    11155111: string;
+};
+export declare const walletButtonOuterStyles: {
+    position: string;
+    width: string;
+    backgroundColor: string;
+    borderRadius: string;
+    paddingX: string;
+    paddingY: string;
+    display: string;
+    flexDirection: string;
+    gap: string;
+    alignItems: string;
+    '&:hover': {
+        cursor: string;
+        backgroundColor: string;
+    };
+};
+export declare const wcWalletLogoStyles: {
+    width: string;
+    backgroundColor: string;
+    borderRadius: string;
+};
+export declare const wcStickerLogoStyles: {
+    position: string;
+    top: string;
+    left: string;
+    width: string;
+    padding: string;
+    backgroundColor: string;
+    borderRadius: string;
+};
+export declare const walletLogoStyles: (walletName: WalletProviderName | string) => {
+    width: string;
+    padding: string;
+    backgroundColor: string;
+    borderRadius: string;
+};
+export declare const walletCaptionStyles: {
+    color: string;
+};
+export declare const networkButtonStyles: {
+    paddingY: string;
+    borderRadius: string;
+};

package/dist/types/widgets/bridge/context/BridgeContext.d.ts

@@ -0,0 +1,78 @@
+import { TokenBridge } from '@imtbl/bridge-sdk';
+import { WalletProviderName, GetBalanceResult, TokenInfo, Checkout, ChainId, EIP6963ProviderInfo, AssessmentResult, WrappedBrowserProvider } from '@imtbl/checkout-sdk';
+export type WalletAndNetworkDetails = {
+    browserProvider: WrappedBrowserProvider;
+    walletProviderInfo: EIP6963ProviderInfo | undefined;
+    walletAddress: string;
+    network: ChainId;
+};
+export interface BridgeState {
+    checkout: Checkout;
+    browserProvider: WrappedBrowserProvider | null;
+    walletProviderName: WalletProviderName | null;
+    from: WalletAndNetworkDetails | null;
+    to: WalletAndNetworkDetails | null;
+    tokenBridge: TokenBridge | null;
+    tokenBalances: GetBalanceResult[];
+    allowedTokens: TokenInfo[];
+    token: TokenInfo | null;
+    amount: string;
+    riskAssessment: AssessmentResult | undefined;
+}
+export declare const initialBridgeState: Omit<BridgeState, 'checkout'>;
+export interface BridgeContextState {
+    bridgeState: BridgeState;
+    bridgeDispatch: React.Dispatch<BridgeAction>;
+}
+export interface BridgeAction {
+    payload: ActionPayload;
+}
+type ActionPayload = SetWalletProviderNamePayload | SetProviderPayload | SetTokenBridgePayload | SetTokenBalancesPayload | SetAllowedTokensPayload | SetTokenAndAmountPayload | SetWalletsAndNetworksPayload | SetRiskAssessmentPayload;
+export declare enum BridgeActions {
+    SET_WALLETS_AND_NETWORKS = "SET_WALLETS_AND_NETWORKS",
+    SET_WALLET_PROVIDER_NAME = "SET_WALLET_PROVIDER_NAME",
+    SET_PROVIDER = "SET_PROVIDER",
+    SET_TOKEN_BRIDGE = "SET_TOKEN_BRIDGE",
+    SET_TOKEN_BALANCES = "SET_TOKEN_BALANCES",
+    SET_ALLOWED_TOKENS = "SET_ALLOWED_TOKENS",
+    SET_TOKEN_AND_AMOUNT = "SET_TOKEN_AND_AMOUNT",
+    SET_RISK_ASSESSMENT = "SET_RISK_ASSESSMENT"
+}
+export interface SetWalletProviderNamePayload {
+    type: BridgeActions.SET_WALLET_PROVIDER_NAME;
+    walletProviderName: WalletProviderName;
+}
+export interface SetProviderPayload {
+    type: BridgeActions.SET_PROVIDER;
+    browserProvider: WrappedBrowserProvider | null;
+}
+export interface SetTokenBridgePayload {
+    type: BridgeActions.SET_TOKEN_BRIDGE;
+    tokenBridge: TokenBridge;
+}
+export interface SetWalletsAndNetworksPayload {
+    type: BridgeActions.SET_WALLETS_AND_NETWORKS;
+    from: WalletAndNetworkDetails | null;
+    to: WalletAndNetworkDetails | null;
+}
+export interface SetTokenBalancesPayload {
+    type: BridgeActions.SET_TOKEN_BALANCES;
+    tokenBalances: GetBalanceResult[];
+}
+export interface SetAllowedTokensPayload {
+    type: BridgeActions.SET_ALLOWED_TOKENS;
+    allowedTokens: TokenInfo[];
+}
+export interface SetTokenAndAmountPayload {
+    type: BridgeActions.SET_TOKEN_AND_AMOUNT;
+    token: TokenInfo | null;
+    amount: string;
+}
+export interface SetRiskAssessmentPayload {
+    type: BridgeActions.SET_RISK_ASSESSMENT;
+    riskAssessment: AssessmentResult;
+}
+export declare const BridgeContext: import("react").Context<BridgeContextState>;
+export type Reducer<S, A> = (prevState: S, action: A) => S;
+export declare const bridgeReducer: Reducer<BridgeState, BridgeAction>;
+export {};

package/dist/types/widgets/bridge/context/BridgeContext.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/widgets/bridge/functions/BridgeFees.d.ts

@@ -0,0 +1,4 @@
+import { GasEstimateBridgeToL2Result } from '@imtbl/checkout-sdk';
+import { FormattedFee } from '../../swap/functions/swapFees';
+import { CryptoFiatState } from '../../../context/crypto-fiat-context/CryptoFiatContext';
+export declare const formatBridgeFees: (estimates: GasEstimateBridgeToL2Result | undefined, isDeposit: boolean, cryptoFiatState: CryptoFiatState, t: any) => FormattedFee[];

package/dist/types/widgets/bridge/functions/BridgeFormValidator.d.ts

@@ -0,0 +1,3 @@
+import { GetBalanceResult } from '@imtbl/checkout-sdk';
+export declare function validateToken(fromToken: GetBalanceResult | undefined): string;
+export declare function validateAmount(amount: string, balance?: string): string;

package/dist/types/widgets/bridge/functions/TransferErc20.d.ts

@@ -0,0 +1,2 @@
+import { Contract, Signer } from 'ethers';
+export declare const getErc20Contract: (token: string, signer: Signer) => Contract;

package/dist/types/widgets/bridge/test-components/BridgeWidgetTestComponent.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BridgeState } from '../context/BridgeContext';
+export interface TestProps {
+    children: React.ReactNode;
+    initialStateOverride?: BridgeState;
+    cryptoConversionsOverride?: Map<string, number>;
+}
+export declare function BridgeWidgetTestComponent({ children, initialStateOverride, cryptoConversionsOverride }: TestProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/widgets/bridge/views/ApproveTransaction.d.ts

@@ -0,0 +1,12 @@
+import { ApproveBridgeResponse, BridgeTxResponse } from '@imtbl/bridge-sdk';
+export interface BridgeTransaction {
+    approveTransaction: ApproveBridgeResponse;
+    transaction: BridgeTxResponse;
+}
+/**
+ * @param bridgeTransaction if provided the transaction is a bridge, if not it's a transfer
+ */
+export interface ApproveTransactionProps {
+    bridgeTransaction: BridgeTransaction | undefined;
+}
+export declare function ApproveTransaction({ bridgeTransaction }: ApproveTransactionProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/widgets/bridge/views/Bridge.d.ts

@@ -0,0 +1,8 @@
+import { WidgetTheme } from '@imtbl/checkout-sdk';
+export interface BridgeProps {
+    amount?: string;
+    tokenAddress?: string;
+    defaultTokenImage: string;
+    theme: WidgetTheme;
+}
+export declare function Bridge({ amount, tokenAddress, defaultTokenImage, theme, }: BridgeProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/widgets/bridge/views/BridgeReview.d.ts

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

package/dist/types/widgets/bridge/views/ClaimWithdrawal.d.ts

@@ -0,0 +1,5 @@
+import { Transaction } from '../../../lib/clients';
+export interface ClaimWithdrawalProps {
+    transaction: Transaction;
+}
+export declare function ClaimWithdrawal({ transaction }: ClaimWithdrawalProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/widgets/bridge/views/MoveInProgress.d.ts

@@ -0,0 +1,5 @@
+export interface MoveInProgressProps {
+    transactionHash: string;
+    isTransfer: boolean;
+}
+export declare function MoveInProgress({ transactionHash, isTransfer }: MoveInProgressProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/widgets/bridge/views/WalletNetworkSelectionView.d.ts

@@ -0,0 +1,5 @@
+type WalletNetworkSelectionViewProps = {
+    showBackButton?: boolean;
+};
+export declare function WalletNetworkSelectionView({ showBackButton, }: WalletNetworkSelectionViewProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/widgets/connect/ConnectWidget.d.ts

@@ -0,0 +1,16 @@
+import { ChainId, Checkout, ConnectWidgetParams, WrappedBrowserProvider } from '@imtbl/checkout-sdk';
+import { ConnectWidgetViews } from '../../context/view-context/ConnectViewContextTypes';
+import { StrongCheckoutWidgetsConfig } from '../../lib/withDefaultWidgetConfig';
+export type ConnectWidgetInputs = ConnectWidgetParams & {
+    config: StrongCheckoutWidgetsConfig;
+    deepLink?: ConnectWidgetViews;
+    sendSuccessEventOverride?: () => void;
+    sendCloseEventOverride?: () => void;
+    allowedChains?: ChainId[];
+    checkout: Checkout;
+    browserProvider?: WrappedBrowserProvider;
+    isCheckNetworkEnabled?: boolean;
+    sendGoBackEventOverride?: () => void;
+    showBackButton?: boolean;
+};
+export default function ConnectWidget({ config, sendSuccessEventOverride, sendCloseEventOverride, browserProvider, checkout, targetWalletRdns, targetChainId, allowedChains, blocklistWalletRdns, deepLink, isCheckNetworkEnabled, sendGoBackEventOverride, showBackButton, }: ConnectWidgetInputs): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/widgets/connect/ConnectWidgetRoot.d.ts

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

package/dist/types/widgets/connect/components/BrowserWalletItem.d.ts

@@ -0,0 +1,6 @@
+import { EIP6963ProviderDetail } from '@imtbl/checkout-sdk';
+export type BrowserWalletItemProps = {
+    onClick: () => void;
+    providers?: EIP6963ProviderDetail[];
+};
+export declare function BrowserWalletItem({ onClick, providers, }: BrowserWalletItemProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/widgets/connect/components/NonPassportWarningDrawer.d.ts

@@ -0,0 +1,5 @@
+export declare function NonPassportWarningDrawer({ visible, onCloseDrawer, handleCtaButtonClick, }: {
+    visible: boolean;
+    onCloseDrawer: () => void;
+    handleCtaButtonClick: () => void;
+}): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/widgets/connect/components/WalletConnectItem.d.ts

@@ -0,0 +1,5 @@
+export type WalletConnectItemProps = {
+    onConnect: () => void;
+    loading?: boolean;
+};
+export declare const WalletConnectItem: import("react").ForwardRefExoticComponent<WalletConnectItemProps & import("react").RefAttributes<unknown>>;

package/dist/types/widgets/connect/components/WalletItem.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+import { EIP6963ProviderInfo } from '@imtbl/checkout-sdk';
+export interface WalletProps<RC extends ReactElement | undefined = undefined> {
+    loading?: boolean;
+    recommended?: boolean;
+    onWalletItemClick: () => void;
+    providerInfo: EIP6963ProviderInfo;
+    rc?: RC;
+}
+export declare function WalletItem<RC extends ReactElement | undefined = undefined>({ rc, loading, recommended, providerInfo, onWalletItemClick, }: WalletProps<RC>): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/widgets/connect/components/WalletList.d.ts

@@ -0,0 +1,9 @@
+import { ChainId } from '@imtbl/checkout-sdk';
+export interface WalletListProps {
+    targetWalletRdns?: string;
+    targetChainId: ChainId;
+    allowedChains: ChainId[];
+    blocklistWalletRdns?: string[];
+    isCheckNetworkEnabled: boolean;
+}
+export declare function WalletList(props: WalletListProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/widgets/connect/components/WalletListStyles.d.ts

@@ -0,0 +1,8 @@
+export declare const walletListStyle: {
+    width: string;
+    display: string;
+    flexDirection: string;
+    justifyContent: string;
+    alignItems: string;
+    position: string;
+};

package/dist/types/widgets/connect/connectWidgetEvents.d.ts

@@ -0,0 +1,6 @@
+import { WalletProviderName, WalletConnectManager, EIP6963ProviderInfo, WrappedBrowserProvider } from '@imtbl/checkout-sdk';
+import EthereumProvider from '@walletconnect/ethereum-provider';
+export declare function sendConnectSuccessEvent(eventTarget: Window | EventTarget, provider: WrappedBrowserProvider, walletProviderName?: WalletProviderName, walletProviderInfo?: EIP6963ProviderInfo): void;
+export declare function sendCloseWidgetEvent(eventTarget: Window | EventTarget): void;
+export declare function sendConnectFailedEvent(eventTarget: Window | EventTarget, reason: string): void;
+export declare function sendWalletConnectProviderUpdatedEvent(eventTarget: Window | EventTarget, ethereumProvider: EthereumProvider | null, walletConnectManager: WalletConnectManager): void;

package/dist/types/widgets/connect/connectWidgetStyles.d.ts

@@ -0,0 +1,17 @@
+export declare const ButtonWrapperStyle: {
+    marginBottom: string;
+};
+export declare const WidgetHeaderStyle: {
+    width: string;
+    display: string;
+    flexWrap: string;
+    justifyContent: string;
+    marginBottom: string;
+};
+export declare const InactiveStyle: {
+    display: string;
+};
+export declare const ActiveStyle: {};
+export declare const BackButtonStyle: {
+    flexGrow: string;
+};

package/dist/types/widgets/connect/context/ConnectContext.d.ts

@@ -0,0 +1,50 @@
+import { Checkout, EIP6963ProviderInfo, WrappedBrowserProvider, WalletProviderName } from '@imtbl/checkout-sdk';
+import { Passport } from '@imtbl/passport';
+export interface ConnectState {
+    checkout: Checkout | null;
+    provider: WrappedBrowserProvider | null;
+    passport: Passport | undefined;
+    walletProviderName: WalletProviderName | null;
+    walletProviderInfo: EIP6963ProviderInfo | null;
+    sendCloseEvent: () => void;
+}
+export declare const initialConnectState: ConnectState;
+export interface ConnectContextState {
+    connectState: ConnectState;
+    connectDispatch: React.Dispatch<ConnectAction>;
+}
+export interface ConnectAction {
+    payload: ActionPayload;
+}
+type ActionPayload = SetCheckoutPayload | SetProviderPayload | SetPassportPayload | SetProviderNamePayload | SetSendCloseEventPayload;
+export declare enum ConnectActions {
+    SET_CHECKOUT = "SET_CHECKOUT",
+    SET_PROVIDER = "SET_PROVIDER",
+    SET_PASSPORT = "SET_PASSPORT",
+    SET_WALLET_PROVIDER_NAME = "SET_WALLET_PROVIDER_NAME",
+    SET_SEND_CLOSE_EVENT = "SET_SEND_CLOSE_EVENT"
+}
+export interface SetCheckoutPayload {
+    type: ConnectActions.SET_CHECKOUT;
+    checkout: Checkout;
+}
+export interface SetProviderPayload {
+    type: ConnectActions.SET_PROVIDER;
+    provider: WrappedBrowserProvider;
+}
+export interface SetPassportPayload {
+    type: ConnectActions.SET_PASSPORT;
+    passport: Passport;
+}
+export interface SetProviderNamePayload {
+    type: ConnectActions.SET_WALLET_PROVIDER_NAME;
+    walletProviderName: WalletProviderName;
+}
+export interface SetSendCloseEventPayload {
+    type: ConnectActions.SET_SEND_CLOSE_EVENT;
+    sendCloseEvent: () => void;
+}
+export declare const ConnectContext: import("react").Context<ConnectContextState>;
+export type Reducer<S, A> = (prevState: S, action: A) => S;
+export declare const connectReducer: Reducer<ConnectState, ConnectAction>;
+export {};

package/dist/types/widgets/connect/context/ConnectContext.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/widgets/connect/views/ConnectWallet.d.ts

@@ -0,0 +1,11 @@
+import { ChainId } from '@imtbl/checkout-sdk';
+export interface ConnectWalletProps {
+    targetWalletRdns?: string;
+    targetChainId: ChainId;
+    allowedChains: ChainId[];
+    blocklistWalletRdns?: string[];
+    checkNetwork: boolean;
+    showBackButton?: boolean;
+    onBackButtonClick?: () => void;
+}
+export declare function ConnectWallet({ targetWalletRdns, targetChainId, allowedChains, blocklistWalletRdns, checkNetwork, showBackButton, onBackButtonClick, }: ConnectWalletProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/widgets/connect/views/ReadyToConnect.d.ts

@@ -0,0 +1,6 @@
+import { ChainId } from '@imtbl/checkout-sdk';
+export interface ReadyToConnectProps {
+    targetChainId: ChainId;
+    allowedChains: ChainId[];
+}
+export declare function ReadyToConnect({ targetChainId, allowedChains }: ReadyToConnectProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/widgets/connect/views/SwitchNetworkEth.d.ts

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

package/dist/types/widgets/connect/views/SwitchNetworkZkEVM.d.ts

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

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

@@ -0,0 +1,10 @@
+import { CommerceWidgetParams, CommerceWidgetConfiguration, Checkout, WrappedBrowserProvider } from '@imtbl/checkout-sdk';
+import { StrongCheckoutWidgetsConfig } from '../../lib/withDefaultWidgetConfig';
+export type CommerceWidgetInputs = {
+    checkout: Checkout;
+    browserProvider?: WrappedBrowserProvider;
+    flowParams: CommerceWidgetParams;
+    flowConfig: CommerceWidgetConfiguration;
+    widgetsConfig: StrongCheckoutWidgetsConfig;
+};
+export default function CommerceWidget(props: CommerceWidgetInputs): import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { CommerceEventType, WidgetType, WidgetEventData } from '@imtbl/checkout-sdk';
+export type CommerceEventDetail = {
+    type: CommerceEventType;
+    data: WidgetEventData[WidgetType.IMMUTABLE_COMMERCE][keyof WidgetEventData[WidgetType.IMMUTABLE_COMMERCE]];
+};
+export declare const sendCheckoutEvent: (eventTarget: Window | EventTarget, detail: CommerceEventDetail) => void;