@getpara/react-sdk 1.3.1-dev.2 → 1.4.0

package/dist/modal/components/AuthInput/AuthInput.d.ts

@@ -2,5 +2,5 @@ interface AuthInputProps {
     disableEmailLogin?: boolean;
     disablePhoneLogin?: boolean;
 }
-export declare const AuthInput: ({ disableEmailLogin, disablePhoneLogin }: AuthInputProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const AuthInput: ({ disableEmailLogin, disablePhoneLogin }: AuthInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/modal/components/AuthInput/hooks/useDropdownPosition.d.ts

@@ -1,7 +1,7 @@
 import { MutableRefObject } from 'react';
-export declare const useDropdownPosition: (inputRef: MutableRefObject<HTMLCpslInputElement | HTMLDivElement | null>) => {
-    dropdownMaxHeight: number | undefined;
-    dropdownWidth: number | undefined;
-    mobileAnchor: number | undefined;
+export declare const useDropdownPosition: (inputRef: MutableRefObject<HTMLCpslInputElement | HTMLDivElement>) => {
+    dropdownMaxHeight: number;
+    dropdownWidth: number;
+    mobileAnchor: number;
     resize: () => void;
 };

package/dist/modal/components/ChainSwitch/ChainSwitch.d.ts

@@ -1 +1 @@
-export declare const ChainSwitch: () => import("react/jsx-runtime").JSX.Element | null;
+export declare const ChainSwitch: () => import("react/jsx-runtime").JSX.Element;

package/dist/modal/components/Controls/Selects.d.ts

@@ -1,2 +1,2 @@
-export declare const ChainSelect: () => import("react/jsx-runtime").JSX.Element | null;
+export declare const ChainSelect: () => import("react/jsx-runtime").JSX.Element;
 export declare const AccountSelect: () => import("react/jsx-runtime").JSX.Element;

package/dist/modal/components/ExternalWalletStep/ExternalWalletStep.d.ts

@@ -1 +1 @@
-export declare const ExternalWalletStep: () => import("react/jsx-runtime").JSX.Element | null;
+export declare const ExternalWalletStep: () => import("react/jsx-runtime").JSX.Element;

package/dist/modal/components/ExternalWalletsWrapper/ExternalWalletsWrapper.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+import { TExternalWallet } from '../../types/externalWallets.js';
+interface ExternalWalletsWrapperProps extends PropsWithChildren {
+    wallets?: TExternalWallet[];
+}
+export declare const ExternalWalletsWrapper: ({ children, wallets }: ExternalWalletsWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modal/components/Footer/Footer.d.ts

@@ -1 +1 @@
-export declare const Footer: () => import("react/jsx-runtime").JSX.Element | null;
+export declare const Footer: () => import("react/jsx-runtime").JSX.Element;

package/dist/modal/components/WalletCard/WalletCard.d.ts

@@ -1,11 +1,11 @@
 import { WalletType } from '@getpara/web-sdk';
-export declare const ExternalWalletCard: ({ address, showAddFunds }: Pick<SharedWalletCardProps, "address" | "showAddFunds">) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ExternalWalletCard: ({ address, showAddFunds }: Pick<SharedWalletCardProps, "address" | "showAddFunds">) => import("react/jsx-runtime").JSX.Element;
 interface WalletCardProps {
     id: string;
     type: WalletType;
     showAddFunds?: boolean;
 }
-export declare const WalletCard: ({ id, type, showAddFunds }: WalletCardProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const WalletCard: ({ id, type, showAddFunds }: WalletCardProps) => import("react/jsx-runtime").JSX.Element;
 interface SharedWalletCardProps {
     address: string;
     id?: string;

package/dist/modal/components/common.d.ts

@@ -8,12 +8,12 @@ export declare const FullWidthFilledDisabledInput: typeof CpslInput;
 export declare const CenteredText: typeof CpslText;
 export declare const InnerStepContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StepContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    ref?: import("react").Ref<HTMLDivElement>;
 }, {
     $wide?: boolean;
 }>> & string;
 export declare const Heading: typeof CpslText;
 export declare const StyledCpslTileButton: typeof CpslTileButton;
 export declare const HeroIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@getpara/core-components").JSX.CpslIcon & Omit<import("react").HTMLAttributes<HTMLCpslIconElement>, "style"> & import("@getpara/react-components/dist/types/components/stencil-generated/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslIconElement>, "ref"> & {
-    ref?: ((instance: HTMLCpslIconElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLCpslIconElement> | null | undefined;
+    ref?: import("react").Ref<HTMLCpslIconElement>;
 }, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("@getpara/core-components").JSX.CpslIcon & Omit<import("react").HTMLAttributes<HTMLCpslIconElement>, "style"> & import("@getpara/react-components/dist/types/components/stencil-generated/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslIconElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/modal/hooks/useActiveWallet.d.ts

@@ -0,0 +1 @@
+export declare function useActiveWallet(): Omit<import("@getpara/core-sdk").Wallet, "signer">;

package/dist/modal/hooks/useEmbeddedExternalConnection.d.ts

@@ -0,0 +1 @@
+export declare const useEmbeddedExternalConnection: () => () => Promise<void>;

package/dist/modal/index.d.ts

@@ -7,3 +7,4 @@ export { ON_RAMP_PROVIDERS, ON_RAMP_ASSETS, NETWORKS, getAssetIcon, getAssetName
 export { SaveRecoverySecret } from './components/RecoverySecretStep/RecoverySecretStep.js';
 export * from './utils/validateOnRampConfig.js';
 export * from './types/externalWallets.js';
+export { useExternalWalletProviderStore } from './stores/externalWalletProvider/useExternalWalletProviderStore.js';

package/dist/modal/providers/CosmosExternalWalletContextStub.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { CommonChain, CommonWallet } from '../types/commonTypes.js';
+import ParaWeb from '@getpara/web-sdk';
+export declare const defaultCosmosExternalWallet: {
+    wallets: any[];
+    chains: any[];
+    chainId: any;
+    disconnect: () => Promise<void>;
+    switchChain: () => Promise<{}>;
+};
+export type CosmosExternalWalletContextType = {
+    wallets: CommonWallet[];
+    chains: CommonChain[];
+    chainId: string;
+    disconnect: () => Promise<void>;
+    switchChain: (chainId: string) => Promise<{
+        error?: string[];
+    }>;
+};
+export declare const CosmosExternalWalletContext: import("react").Context<CosmosExternalWalletContextType>;
+export interface CosmosExternalWalletProviderProps {
+    children: ReactNode;
+    para: ParaWeb;
+    onSwitchWallet: (args: {
+        address?: string;
+        error?: string;
+    }) => void;
+}
+export declare function CosmosExternalWalletProvider({ children }: CosmosExternalWalletProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/modal/providers/EvmExternalWalletContextStub.d.ts

@@ -0,0 +1,33 @@
+import { ReactNode } from 'react';
+import { CommonChain, CommonWallet } from '../types/commonTypes.js';
+import ParaWeb from '@getpara/web-sdk';
+export declare const defaultEvmExternalWallet: {
+    wallets: any[];
+    chains: any[];
+    chainId: any;
+    username: any;
+    avatar: any;
+    disconnect: () => Promise<void>;
+    switchChain: () => Promise<{}>;
+};
+export type EvmExternalWalletContextType = {
+    wallets: CommonWallet[];
+    chains: CommonChain[];
+    chainId: number;
+    username: string;
+    avatar?: string;
+    disconnect: () => Promise<void>;
+    switchChain: (chainId: number) => Promise<{
+        error?: string[];
+    }>;
+};
+export declare const EvmExternalWalletContext: import("react").Context<EvmExternalWalletContextType>;
+export interface EvmExternalWalletProviderProps {
+    children: ReactNode;
+    para: ParaWeb;
+    onSwitchWallet: (args: {
+        address?: string;
+        error?: string;
+    }) => void;
+}
+export declare function EvmExternalWalletProvider({ children }: EvmExternalWalletProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/{provider/providers/ExternalWalletProvider.d.ts → modal/providers/ExternalWalletContext.d.ts}

@@ -1,30 +1,33 @@
-import { PropsWithChildren } from 'react';
-import { CommonChain, CommonWallet } from '../../modal/types/commonTypes.js';
+import { Context, ReactNode } from 'react';
+import { CommonChain, CommonWallet } from '../types/commonTypes.js';
+import { EvmExternalWalletContextType } from './EvmExternalWalletContextStub.js';
+import { TExternalWallet } from '../types/externalWallets.js';
+import { SolanaExternalWalletContextType } from './SolanaExternalWalletContextStub.js';
+import { CosmosExternalWalletContextType } from './CosmosExternalWalletContextStub.js';
 export declare const defaultExternalWallet: {
-    wallets: never[];
-    chains: never[];
-    chainId: undefined;
-    wallet: undefined;
-    qrUri: undefined;
-    chainIdSwitchingTo: undefined;
+    wallets: any[];
+    chains: any[];
+    chainId: any;
+    wallet: any;
+    qrUri: any;
+    chainIdSwitchingTo: any;
     walletDisplayHelpers: {
         showExtension: boolean;
         showMobile: boolean;
         isSolanaMobileIOS: boolean;
         isCosmosMobileWallet: boolean;
     };
-    username: undefined;
-    avatar: undefined;
-    connectExternalWallet: () => Promise<void>;
+    username: any;
+    avatar: any;
+    connectExternalWallet: () => void;
     disconnectExternalWallet: () => Promise<void>;
     switchChain: () => Promise<void>;
     setChainIdSwitchingTo: () => void;
-    connectEmbeddedToExternalConnectors: () => Promise<void>;
 };
-export declare const ExternalWalletContext: import("react").Context<{
+export declare const ExternalWalletContext: Context<{
     wallets: CommonWallet[];
     chains: CommonChain[];
-    chainId?: string;
+    chainId: string;
     wallet?: CommonWallet;
     qrUri?: string;
     chainIdSwitchingTo?: string;
@@ -36,17 +39,23 @@ export declare const ExternalWalletContext: import("react").Context<{
     };
     username?: string;
     avatar?: string;
-    connectExternalWallet: (wallet: CommonWallet, isMobile?: boolean, isManualWalletConnect?: boolean) => Promise<void>;
+    connectExternalWallet: (wallet: CommonWallet, isMobile?: boolean, isManualWalletConnect?: boolean) => void;
     disconnectExternalWallet: () => Promise<void>;
     switchChain: (chainId: string) => Promise<void>;
     setChainIdSwitchingTo: (chainId?: string) => void;
-    connectEmbeddedToExternalConnectors: () => Promise<void>;
 }>;
-export declare function ExternalWalletProvider({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+interface ExternalWalletProviderProps {
+    children: ReactNode;
+    walletSort: TExternalWallet[];
+    evmContext: Context<EvmExternalWalletContextType>;
+    solanaContext: Context<SolanaExternalWalletContextType>;
+    cosmosContext: Context<CosmosExternalWalletContextType>;
+}
+export declare function ExternalWalletProvider({ children, evmContext, solanaContext, cosmosContext, walletSort, }: ExternalWalletProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare const useExternalWallets: () => {
     wallets: CommonWallet[];
     chains: CommonChain[];
-    chainId?: string;
+    chainId: string;
     wallet?: CommonWallet;
     qrUri?: string;
     chainIdSwitchingTo?: string;
@@ -58,9 +67,9 @@ export declare const useExternalWallets: () => {
     };
     username?: string;
     avatar?: string;
-    connectExternalWallet: (wallet: CommonWallet, isMobile?: boolean, isManualWalletConnect?: boolean) => Promise<void>;
+    connectExternalWallet: (wallet: CommonWallet, isMobile?: boolean, isManualWalletConnect?: boolean) => void;
     disconnectExternalWallet: () => Promise<void>;
     switchChain: (chainId: string) => Promise<void>;
     setChainIdSwitchingTo: (chainId?: string) => void;
-    connectEmbeddedToExternalConnectors: () => Promise<void>;
 };
+export {};

package/dist/modal/providers/SolanaExternalWalletContextStub.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import { CommonWallet } from '../types/commonTypes.js';
+import ParaWeb from '@getpara/web-sdk';
+export declare const defaultSolanaExternalWallet: {
+    wallets: any[];
+    disconnect: () => Promise<void>;
+};
+export type SolanaExternalWalletContextType = {
+    wallets: CommonWallet[];
+    disconnect: () => Promise<void>;
+};
+export declare const SolanaExternalWalletContext: import("react").Context<SolanaExternalWalletContextType>;
+export interface SolanaExternalWalletProviderProps {
+    children: ReactNode;
+    para: ParaWeb;
+    onSwitchWallet: (args: {
+        address?: string;
+        error?: string;
+    }) => void;
+}
+export declare function SolanaExternalWalletProvider({ children }: SolanaExternalWalletProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/modal/stores/externalWalletProvider/actions.d.ts

@@ -0,0 +1,3 @@
+import { StoreApi } from 'zustand';
+import { ExternalWalletProviderActions, ExternalWalletProviderStore } from './useExternalWalletProviderStore.js';
+export declare const getActions: (set: StoreApi<ExternalWalletProviderStore>["setState"]) => ExternalWalletProviderActions;

package/dist/modal/stores/externalWalletProvider/useExternalWalletProviderStore.d.ts

@@ -0,0 +1,20 @@
+import { EvmExternalWalletContextType, EvmExternalWalletProvider } from '../../providers/EvmExternalWalletContextStub.js';
+import { Context } from 'react';
+import { SolanaExternalWalletContextType, SolanaExternalWalletProvider } from '../../providers/SolanaExternalWalletContextStub.js';
+import { CosmosExternalWalletContextType, CosmosExternalWalletProvider } from '../../providers/CosmosExternalWalletContextStub.js';
+interface ExternalWalletProviderState {
+    EvmProvider?: typeof EvmExternalWalletProvider;
+    evmContext?: Context<EvmExternalWalletContextType>;
+    SolanaProvider?: typeof SolanaExternalWalletProvider;
+    solanaContext?: Context<SolanaExternalWalletContextType>;
+    CosmosProvider?: typeof CosmosExternalWalletProvider;
+    cosmosContext?: Context<CosmosExternalWalletContextType>;
+    connectParaEvmWallet?: () => Promise<any>;
+    connectParaCosmosWallet?: () => Promise<any>;
+}
+export interface ExternalWalletProviderActions {
+    updateState: (state: Partial<ExternalWalletProviderState>) => void;
+}
+export type ExternalWalletProviderStore = ExternalWalletProviderState & ExternalWalletProviderActions;
+export declare const useExternalWalletProviderStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ExternalWalletProviderStore>>;
+export {};

package/dist/modal/stores/index.d.ts

@@ -1,2 +1,3 @@
 export * from './modal/useModalStore.js';
 export * from './userInfo/useUserInfoStore.js';
+export * from './theme/useThemeStore.js';

package/dist/modal/stores/modal/useModalStore.d.ts

@@ -3,7 +3,6 @@ import { OnRampConfig as OnRampConfigBase, OnRampPurchase, WalletType } from '@g
 import { Tab as AddFundsTabType } from '../../components/AddFunds/AddFunds.js';
 import { AuthMethod } from '@getpara/core-sdk';
 import { BiometricLocationHint } from '@getpara/user-management-client';
-import { TAuthLayout } from '../../types/modalProps.js';
 type Flow = 'login' | 'signUp' | 'account';
 type ActiveWallet = [string | undefined, WalletType | undefined];
 export type OnRampConfig = OnRampConfigBase & {
@@ -22,7 +21,7 @@ interface ModalState {
     webAuthURLForCreate: string | undefined;
     passwordUrlForLogin: string | undefined;
     supportedAuthMethods: Set<AuthMethod>;
-    onModalStepChange?: (value: OnModalStepChangeValue) => void | undefined;
+    onModalStepChange: (value: OnModalStepChangeValue) => void | undefined;
     onRampConfig: OnRampConfig | undefined;
     onRampPurchase: Partial<OnRampPurchase> | undefined;
     popupWindow: Window | undefined;
@@ -37,7 +36,6 @@ interface ModalState {
     biometricLocationHints: BiometricLocationHint[] | undefined;
     iFrameUrl: string | undefined;
     isIFrameReady: boolean | undefined;
-    authLayout?: TAuthLayout[];
 }
 export interface ModalActions {
     resetState: () => void;
@@ -51,12 +49,12 @@ export interface ModalActions {
     setWebAuthURLForLogin: (url?: string) => void;
     setWebAuthURLForCreate: (url?: string) => void;
     setPasswordUrlForLogin: (url?: string) => void;
-    setOnModalStepChange: (fn?: (value: OnModalStepChangeValue) => void) => void;
+    setOnModalStepChange: (fn: (value: OnModalStepChangeValue) => void) => void;
     setOnRampConfig: (_: OnRampConfig | undefined) => void;
     setOnRampPurchase: (_: Partial<OnRampPurchase> | undefined) => void;
     setPopupWindow: (_: Window | undefined) => void;
     setIsFullyLoggedIn: (isFullyLoggedIn: boolean) => void;
-    setAccountAddFundTab: (accountAddFundTab?: AddFundsTabType) => void;
+    setAccountAddFundTab: (accountAddFundTab: AddFundsTabType) => void;
     setSelectedExternalWalletId: (id?: string) => void;
     setIsUsingMobileConnector: (isUsingMobileConnector?: boolean) => void;
     setIsExternalWalletConnecting: (isExternalWalletConnecting: boolean) => void;
@@ -66,7 +64,6 @@ export interface ModalActions {
     setBiometricLocationHints: (_?: BiometricLocationHint[]) => void;
     setIFrameUrl: (_?: string) => void;
     setIsIFrameReady: (_?: boolean) => void;
-    setAuthLayout: (authLayout: TAuthLayout[]) => void;
 }
 export type ModalStore = ModalState & ModalActions;
 export declare const DEFAULT_MODAL_STATE: Omit<ModalState, 'step' | 'onRampConfig'>;

package/dist/modal/stores/para/actions.d.ts

@@ -0,0 +1,3 @@
+import { StoreApi } from 'zustand';
+import { ParaActions, ParaStore } from './useParaStore.js';
+export declare const getActions: (set: StoreApi<ParaStore>["setState"]) => ParaActions;

package/dist/modal/stores/para/useParaStore.d.ts

@@ -0,0 +1,10 @@
+import { ParaInternal } from '@getpara/react-common';
+interface ParaState {
+    para: ParaInternal | undefined;
+}
+export interface ParaActions {
+    setPara: (para: ParaInternal) => void;
+}
+export type ParaStore = ParaState & ParaActions;
+export declare const useParaStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ParaStore>>;
+export {};

package/dist/modal/stores/theme/actions.d.ts

@@ -0,0 +1,3 @@
+import { StoreApi } from 'zustand';
+import { ThemeActions, ThemeStore } from './useThemeStore.js';
+export declare const getActions: (set: StoreApi<ThemeStore>["setState"], get: StoreApi<ThemeStore>["getState"]) => ThemeActions;

package/dist/modal/stores/theme/useThemeStore.d.ts

@@ -0,0 +1,20 @@
+import { ParaModalTheme, OAuthLogoVariantType, TAuthLayout } from '../../types/modalProps.js';
+interface ThemeState {
+    isDark?: boolean;
+    logo?: string;
+    appName?: string;
+    bareModal?: boolean;
+    embeddedModal?: boolean;
+    oAuthLogoVariant?: OAuthLogoVariantType;
+    authLayout?: TAuthLayout[];
+    theme?: ParaModalTheme;
+    hideWallets?: boolean;
+}
+export interface ThemeActions {
+    updateState: (state: Partial<ThemeState>) => void;
+    getLogo: () => string | undefined;
+    setAuthLayout: (authLayout: TAuthLayout[]) => void;
+}
+export type ThemeStore = ThemeState & ThemeActions;
+export declare const useThemeStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ThemeStore>>;
+export {};

package/dist/modal/types/modalProps.d.ts

@@ -1,7 +1,8 @@
-import ParaWeb, { CurrentWalletIds, OAuthMethod } from '@getpara/web-sdk';
+import ParaWeb, { CurrentWalletIds, OAuthMethod, deprecated__NetworkProp, deprecated__OnRampConfig } from '@getpara/web-sdk';
 import { Theme } from '@getpara/react-components';
 import { OnModalStepChangeValue } from '../stores/index.js';
 import { ModalStep, ModalStepProp } from '../utils/steps.js';
+import { TExternalWallet } from './externalWallets.js';
 export type ParaModalHandle = {
     /**
      * Move the modal backward
@@ -32,6 +33,10 @@ export declare enum AuthLayout {
 }
 export type TAuthLayout = `${AuthLayout}`;
 export interface ParaModalProps {
+    /**
+     * Your ParaWeb instance.
+     */
+    para?: ParaWeb;
     /**
      * Whether or not the modal is open.
      */
@@ -69,6 +74,21 @@ export interface ParaModalProps {
      * Logo to be shown throughout the modal.
      */
     logo?: string;
+    /**
+     * App name to be shown throughout the modal.
+     */
+    appName?: string;
+    /**
+     * Configure on-ramp providers to allow users to add funds upon signing up.
+     * @deprecated Configure on-ramps in the Para Developer Portal.
+     */
+    onRampConfig?: deprecated__OnRampConfig;
+    /**
+     * Configures which EVM networks your app supports, an array of one or more of `["ETHEREUM", "ARBITRUM", "BASE", "OPTIMISM", and "POLYGON"]`.
+     * Defaults to `["ETHEREUM"]`.
+     * @deprecated Configure this setting in the Para Developer Portal.
+     */
+    networks?: deprecated__NetworkProp[];
     /**
      * Whether or not to run configured on-ramp providers in test mode.
      */
@@ -90,6 +110,12 @@ export interface ParaModalProps {
      */
     embeddedModal?: boolean;
     className?: string;
+    /**
+     * Which external wallets to show and in what order they should be displayed.
+     *
+     * NOTE: Any wallets that are detected as installed will be sorted first, followed by those that are not detected or not installed.
+     */
+    externalWallets?: TExternalWallet[];
     /**
      * How the modal should order the components on the main auth screen.
      * Only the first method of each type (auth or external) will be used.

package/dist/modal/utils/authLayoutHelpers.d.ts

@@ -1,3 +1,3 @@
 import { TAuthLayout } from '../types/modalProps.js';
-export declare const hasExternalWallet: (authLayout: TAuthLayout[]) => "AUTH:FULL" | "AUTH:CONDENSED" | "EXTERNAL:FULL" | "EXTERNAL:CONDENSED" | undefined;
-export declare const hasEmbeddedAuth: (authLayout: TAuthLayout[]) => "AUTH:FULL" | "AUTH:CONDENSED" | "EXTERNAL:FULL" | "EXTERNAL:CONDENSED" | undefined;
+export declare const hasExternalWallet: (authLayout: TAuthLayout[]) => "AUTH:FULL" | "AUTH:CONDENSED" | "EXTERNAL:FULL" | "EXTERNAL:CONDENSED";
+export declare const hasEmbeddedAuth: (authLayout: TAuthLayout[]) => "AUTH:FULL" | "AUTH:CONDENSED" | "EXTERNAL:FULL" | "EXTERNAL:CONDENSED";

package/dist/modal/utils/getTileButtonFlex.d.ts

@@ -1 +1 @@
-export declare const getTileButtonFlex: (index: number, totalItems: number) => "1 1 auto" | "0 0 calc(33.333333% - 5.336px)" | "0 0 calc(50% - 4px)" | undefined;
+export declare const getTileButtonFlex: (index: number, totalItems: number) => "1 1 auto" | "0 0 calc(33.333333% - 5.336px)" | "0 0 calc(50% - 4px)";

package/dist/modal/utils/openPopup.d.ts

@@ -1 +1 @@
-export declare function openPopup(popupUrl: string, target: string, type: 'OAUTH' | 'LOGIN_PASSKEY' | 'CREATE_PASSKEY' | 'TRANSACTION_REVIEW' | 'CREATE_PASSWORD' | 'LOGIN_PASSWORD'): Window | undefined;
+export declare function openPopup(popupUrl: string, target: string, type: 'OAUTH' | 'LOGIN_PASSKEY' | 'CREATE_PASSKEY' | 'TRANSACTION_REVIEW' | 'CREATE_PASSWORD' | 'LOGIN_PASSWORD'): Window;

package/dist/provider/ParaProvider.d.ts

@@ -1,4 +1,2 @@
 import { ParaProviderProps } from './types/provider.js';
-import { Chain, Transport } from 'viem';
-import { ParaModalHandle } from '../modal/index.js';
-export declare const ParaProvider: import("react").ForwardRefExoticComponent<ParaProviderProps<readonly [Chain, ...Chain[]], Record<number, Transport>> & import("react").RefAttributes<ParaModalHandle>>;
+export declare const ParaProvider: ({ children, paraClientConfig, callbacks, config }: ParaProviderProps) => import("react").ReactNode;

package/dist/provider/actions/checkIfUserExists.d.ts

@@ -1,4 +1,9 @@
+import { CountryCallingCode } from 'libphonenumber-js';
+import { CreateUserType } from './createUser.js';
 import ParaWeb from '@getpara/web-sdk';
-import { Auth } from '@getpara/user-management-client';
-export type CheckIfUserExistsArgs = Auth<'email'> | Auth<'phone'>;
+export interface CheckIfUserExistsArgs {
+    type: CreateUserType;
+    identifier: string;
+    countryCode?: CountryCallingCode;
+}
 export declare const checkIfUserExists: (para?: ParaWeb, args?: CheckIfUserExistsArgs) => Promise<boolean>;

package/dist/provider/actions/createUser.d.ts

@@ -1,4 +1,12 @@
-import { Auth } from '@getpara/user-management-client';
 import ParaWeb from '@getpara/web-sdk';
-export type CreateUserArgs = Auth<'email'> | Auth<'phone'>;
+import { CountryCallingCode } from 'libphonenumber-js';
+export declare enum CreateUserType {
+    EMAIL = "EMAIL",
+    PHONE = "PHONE"
+}
+export interface CreateUserArgs {
+    type: CreateUserType;
+    identifier: string;
+    countryCode?: CountryCallingCode;
+}
 export declare const createUser: (para?: ParaWeb, args?: CreateUserArgs) => Promise<void>;

package/dist/provider/actions/getAccount.d.ts

@@ -1,10 +1,7 @@
-import ParaWeb, { Wallet } from '@getpara/web-sdk';
-type AccountType = {
+import ParaWeb from '@getpara/web-sdk';
+export declare const getAccount: (para?: ParaWeb) => Promise<{
     isConnected: boolean;
-    email?: string;
-    phone?: string;
-    wallets?: Record<string, Wallet>;
-    userId?: string;
-};
-export declare const getAccount: (para?: ParaWeb) => Promise<AccountType>;
-export {};
+    email: any;
+    phone: any;
+    wallets: any;
+}>;

package/dist/provider/actions/getWallet.d.ts

@@ -2,4 +2,4 @@ import ParaWeb, { WalletType } from '@getpara/web-sdk';
 export declare const getWallet: (para?: ParaWeb, selectedWallet?: {
     id?: string;
     type?: WalletType;
-}) => Promise<Omit<import("@getpara/web-sdk").Wallet, "signer"> | null | undefined>;
+}) => Promise<Omit<import("@getpara/web-sdk").Wallet, "signer">>;

package/dist/provider/actions/logout.d.ts

@@ -1,5 +1,2 @@
 import ParaWeb from '@getpara/web-sdk';
-export interface LogoutArgs {
-    clearPregenWallets?: boolean;
-}
-export declare const logout: (para?: ParaWeb, args?: LogoutArgs) => Promise<void>;
+export declare const logout: (para?: ParaWeb) => Promise<void>;

package/dist/provider/actions/waitForLoginAndSetup.d.ts

@@ -1,6 +1,6 @@
 import ParaWeb from '@getpara/web-sdk';
 export interface WaitForLoginAndSetupArgs {
-    popupWindow?: Window;
+    loginWindow?: Window;
     skipSessionRefresh?: boolean;
 }
 export declare const waitForLoginAndSetup: (para?: ParaWeb, args?: WaitForLoginAndSetupArgs) => Promise<import("@getpara/web-sdk").LoginResponse>;

package/dist/provider/hooks/mutations/useLogout.d.ts

@@ -1,13 +1,12 @@
 import { UseMutateAsyncFunction, UseMutateFunction } from '@tanstack/react-query';
-import { LogoutArgs } from '../../actions/logout.js';
 import { Compute } from '../../types/utils.js';
 import { UseMutationReturnType } from '../../types/query.js';
-type UseLogoutReturnType<TData = void, TError = Error, TVariables = LogoutArgs | undefined, TContext = unknown> = Compute<UseMutationReturnType<TData, TError, TVariables, TContext> & {
+type UseLogoutReturnType<TData = void, TError = Error, TVariables = void, TContext = unknown> = Compute<UseMutationReturnType<TData, TError, TVariables, TContext> & {
     logout: UseMutateFunction<TData, TError, TVariables, TContext>;
     logoutAsync: UseMutateAsyncFunction<TData, TError, TVariables, TContext>;
 }>;
 /**
  * Hook for logging out a user
  */
-export declare const useLogout: () => UseLogoutReturnType<void, Error, LogoutArgs | undefined, unknown>;
+export declare const useLogout: () => UseLogoutReturnType<void, Error, void, unknown>;
 export {};

package/dist/provider/hooks/queries/useAccount.d.ts

@@ -4,8 +4,7 @@ export declare const ACCOUNT_BASE_KEY = "PARA_ACCOUNT";
  */
 export declare const useAccount: () => import("@tanstack/react-query").UseQueryResult<{
     isConnected: boolean;
-    email?: string;
-    phone?: string;
-    wallets?: Record<string, import("@getpara/core-sdk").Wallet>;
-    userId?: string;
+    email: any;
+    phone: any;
+    wallets: any;
 }, Error>;

package/dist/provider/hooks/queries/useWallet.d.ts

@@ -2,4 +2,4 @@ export declare const WALLET_BASE_KEY = "PARA_WALLET";
 /**
  * Hook for retrieving the selected wallet
  */
-export declare const useWallet: () => import("@tanstack/react-query").UseQueryResult<Omit<import("@getpara/core-sdk").Wallet, "signer"> | null | undefined, Error>;
+export declare const useWallet: () => import("@tanstack/react-query").UseQueryResult<Omit<import("@getpara/core-sdk").Wallet, "signer">, Error>;

package/dist/provider/hooks/utils/useClient.d.ts

@@ -1,4 +1,4 @@
 /**
  * Hook for retrieving the Para client
  */
-export declare const useClient: () => import("@getpara/web-sdk").ParaWeb | undefined;
+export declare const useClient: () => import("@getpara/web-sdk").ParaWeb;

package/dist/provider/hooks/utils/useWalletState.d.ts

@@ -4,8 +4,8 @@ import { WalletType } from '@getpara/web-sdk';
  */
 export declare const useWalletState: () => {
     selectedWallet: {
-        id: string | undefined;
-        type: WalletType | undefined;
+        id: string;
+        type: WalletType;
     };
     setSelectedWallet: ({ id, type }: {
         id?: string;

package/dist/provider/index.d.ts

@@ -1,4 +1,3 @@
 export { ParaProvider } from './ParaProvider.js';
 export * from './hooks/index.js';
 export * from './stores/getters.js';
-export * from './stores/setters.js';

package/dist/provider/stores/getters.d.ts

@@ -1,4 +1,4 @@
-export declare const getClient: () => import("@getpara/web-sdk").ParaWeb | undefined;
+export declare const getClient: () => import("@getpara/web-sdk").ParaWeb;
 export declare const getIsOpen: () => boolean;
-export declare const getSelectedWalletId: () => string | undefined;
-export declare const getSelectedWalletType: () => import("@getpara/user-management-client").WalletType | undefined;
+export declare const getSelectedWalletId: () => string;
+export declare const getSelectedWalletType: () => import("@getpara/user-management-client").WalletType;