@getpara/react-sdk 1.7.1 → 2.0.0-alpha.3

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;
+export declare const AuthInput: ({ disableEmailLogin, disablePhoneLogin }: AuthInputProps) => import("react/jsx-runtime").JSX.Element | null;
 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>) => {
-    dropdownMaxHeight: number;
-    dropdownWidth: number;
-    mobileAnchor: number;
+export declare const useDropdownPosition: (inputRef: MutableRefObject<HTMLCpslInputElement | HTMLDivElement | null>) => {
+    dropdownMaxHeight: number | undefined;
+    dropdownWidth: number | undefined;
+    mobileAnchor: number | undefined;
     resize: () => void;
 };

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-export declare const ChainSelect: () => import("react/jsx-runtime").JSX.Element;
+export declare const ChainSelect: () => import("react/jsx-runtime").JSX.Element | null;
 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;
+export declare const ExternalWalletStep: () => import("react/jsx-runtime").JSX.Element | null;

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

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

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;
+export declare const ExternalWalletCard: ({ address, showAddFunds }: Pick<SharedWalletCardProps, "address" | "showAddFunds">) => import("react/jsx-runtime").JSX.Element | null;
 interface WalletCardProps {
     id: string;
     type: WalletType;
     showAddFunds?: boolean;
 }
-export declare const WalletCard: ({ id, type, showAddFunds }: WalletCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WalletCard: ({ id, type, showAddFunds }: WalletCardProps) => import("react/jsx-runtime").JSX.Element | null;
 interface SharedWalletCardProps {
     address: string;
     id?: string;

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

@@ -8,16 +8,16 @@ 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?: import("react").Ref<HTMLDivElement>;
+    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;
 }, {
     $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?: import("react").Ref<HTMLCpslIconElement>;
+    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;
 }, 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>>;
 export declare const ErrorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ErrorIcon: 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?: import("react").Ref<HTMLCpslIconElement>;
+    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;
 }, 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/constants/constants.d.ts

@@ -24,7 +24,7 @@ export declare const ON_RAMP_ASSETS: Record<OnRampAsset, {
 export declare function getNetworkName(str: Network | string): string;
 export declare function getNetworkIcon(str: Network | string): IconType;
 export declare function getAssetName(str: OnRampAsset | string): string;
-export declare function getAssetIcon(str: OnRampAsset | string): "code" | "menu" | "image" | "polygon" | "key" | "search" | "download" | "x" | "send" | "alertCircle" | "alertTriangle" | "alignVerticalCenter" | "angelListBrand" | "angelList" | "appleBrand" | "apple" | "arbitrumBrand" | "arrowCircleBrokenDownLeft" | "arrowCircleDownFilled" | "arrowNarrow" | "arrow" | "asterisk" | "backupKit" | "bank" | "baseBrand" | "brush" | "celoBrand" | "checkCircleFilled" | "checkCircle" | "checkSquare" | "check" | "chevronDown" | "chevronRight" | "chevronSelectorVertical" | "chevronUp" | "clock" | "close" | "clubhouseBrand" | "clubhouse" | "copy07" | "copy" | "cosmos" | "creditCard02" | "creditCard" | "cube03" | "cubeOutline" | "cube" | "currencyDollar" | "decentBrand" | "decent" | "dell" | "discordBrand" | "discord" | "dot" | "dots" | "downloadCloud" | "dribbbleBrand" | "dribbble" | "earth" | "edit02" | "emptyCircle" | "ethereum" | "eyeOff" | "eye" | "facebookBrand" | "facebook" | "farcasterBrand" | "farcaster" | "figmaBrand" | "figma" | "file" | "folder" | "githubBrand" | "github" | "globe" | "googleBrand" | "google" | "gridDots" | "helpCircle" | "heroAlertCircle" | "heroCheckmarkCapsule" | "heroCheckmark" | "heroEmail" | "heroExternalConnection" | "heroLock" | "heroPasskey" | "heroPhone" | "heroPlusCircleCapsule" | "heroPlusCircle" | "heroWallet" | "home" | "hp" | "infoCircle" | "instagramBrand" | "instagram" | "laptop" | "lenovo" | "lg" | "lightning01" | "lightning" | "linkExternal" | "linkedinBrand" | "linkedin" | "lockKeyholeCircle" | "logOut" | "mail" | "monitor" | "moonpayBrand" | "moreLoginOptions" | "motorola" | "nobleBrand" | "optimismBrand" | "paraBlackBg" | "paraBrand" | "paraIconBrand" | "paraIconQr" | "paraIcon" | "paraLogo" | "paraRingsDark" | "paraRings" | "para" | "passcode" | "phone" | "pintrestBrand" | "pintrest" | "plusCircle" | "plus" | "polygonBrand" | "puzzlePiece" | "qrCode02" | "qrCode" | "rampNetworkBrand" | "rampNetwork" | "redditBrand" | "reddit" | "refresh" | "samsung" | "settings" | "share" | "shield" | "signalBrand" | "signal" | "sliders" | "snapchatBrand" | "snapchat" | "solana" | "spacingHeight" | "star04Filled" | "stars01Filled" | "stars" | "stopSquare" | "stripeBrand" | "telegramBrand" | "telegram" | "tetherBrand" | "tikTokBrand" | "tikTok" | "trash" | "tumblrBrand" | "tumblr" | "twitterBrand" | "twitter" | "usdcBrand" | "userCircle" | "user" | "wallet" | "youtubeBrand" | "youtube" | "AD" | "AE" | "AF" | "AG" | "AI" | "AL" | "AM" | "AO" | "AR" | "AS" | "AT" | "AU" | "AW" | "AX" | "AZ" | "BA" | "BB" | "BD" | "BE" | "BF" | "BG" | "BH" | "BI" | "BJ" | "BL" | "BM" | "BN" | "BO" | "BQ" | "BQ2" | "BQ3" | "BR" | "BS" | "BT" | "BW" | "BY" | "BZ" | "CA" | "CC" | "CD" | "CD2" | "CF" | "CH" | "CK" | "CL" | "CM" | "CN" | "CO" | "CR" | "CU" | "CW" | "CX" | "CY" | "CZ" | "DE" | "DJ" | "DK" | "DM" | "DO" | "DS" | "DZ" | "EC" | "EE" | "EG" | "EH" | "ER" | "ES" | "ET" | "FI" | "FJ" | "FK" | "FM" | "FO" | "FR" | "GA" | "GB2" | "GB" | "GD" | "GE" | "GG" | "GH" | "GI" | "GL" | "GM" | "GN" | "GQ" | "GR" | "GT" | "GU" | "GW" | "GY" | "HK" | "HN" | "HR" | "HT" | "HU" | "ID" | "IE" | "IL" | "IM" | "IN" | "IO" | "IQ" | "IR" | "IS" | "IT" | "JE" | "JM" | "JO" | "JP" | "KE" | "KG" | "KH" | "KI" | "KM" | "KN" | "KP" | "KR" | "KW" | "KY" | "KZ" | "LA" | "LB" | "LC" | "LI" | "LK" | "LR" | "LS" | "LT" | "LU" | "LV" | "LY" | "MA" | "MC" | "MD" | "ME" | "MG" | "MH" | "MK" | "ML" | "MM" | "MN" | "MO" | "MP" | "MQ" | "MR" | "MS" | "MT" | "MU" | "MV" | "MW" | "MX" | "MY" | "MZ" | "NA" | "NE" | "NF" | "NG" | "NI" | "NL" | "NO" | "NP" | "NR" | "NU" | "NZ" | "OM" | "PA" | "PE" | "PF" | "PG" | "PH" | "PK" | "PL" | "PN" | "PR" | "PS" | "PT" | "PW" | "PY" | "QA" | "RO" | "RS" | "RU" | "RW" | "SA" | "SB" | "SC" | "SE" | "SG" | "SI" | "SK" | "SL" | "SM" | "SN" | "SO" | "SR" | "SS" | "ST" | "SV" | "SX" | "SY" | "SZ" | "TC" | "TD" | "TG" | "TH" | "TJ" | "TK" | "TL" | "TM" | "TN" | "TO" | "TR" | "TT" | "TV" | "TW" | "TZ" | "UA" | "UG" | "US" | "UY" | "UZ" | "VC" | "VE" | "VG" | "VI" | "VN" | "VU" | "WS" | "YE" | "ZA" | "ZM" | "ZW";
+export declare function getAssetIcon(str: OnRampAsset | string): "phone" | "farcaster" | "telegram" | "discord" | "x" | "code" | "menu" | "image" | "polygon" | "key" | "search" | "download" | "send" | "alertCircle" | "alertTriangle" | "alignVerticalCenter" | "angelListBrand" | "angelList" | "appleBrand" | "apple" | "arbitrumBrand" | "arrowCircleBrokenDownLeft" | "arrowCircleDownFilled" | "arrowNarrow" | "arrow" | "asterisk" | "backupKit" | "bank" | "baseBrand" | "brush" | "celoBrand" | "checkCircleFilled" | "checkCircle" | "checkSquare" | "check" | "chevronDown" | "chevronRight" | "chevronSelectorVertical" | "chevronUp" | "clock" | "close" | "clubhouseBrand" | "clubhouse" | "copy07" | "copy" | "cosmos" | "creditCard02" | "creditCard" | "cube03" | "cubeOutline" | "cube" | "currencyDollar" | "decentBrand" | "decent" | "dell" | "discordBrand" | "dot" | "dots" | "downloadCloud" | "dribbbleBrand" | "dribbble" | "earth" | "edit02" | "emptyCircle" | "ethereum" | "eyeOff" | "eye" | "facebookBrand" | "facebook" | "farcasterBrand" | "figmaBrand" | "figma" | "file" | "folder" | "githubBrand" | "github" | "globe" | "googleBrand" | "google" | "gridDots" | "helpCircle" | "heroAlertCircle" | "heroCheckmarkCapsule" | "heroCheckmark" | "heroEmail" | "heroExternalConnection" | "heroLock" | "heroPasskey" | "heroPhone" | "heroPlusCircleCapsule" | "heroPlusCircle" | "heroWallet" | "home" | "hp" | "infoCircle" | "instagramBrand" | "instagram" | "laptop" | "lenovo" | "lg" | "lightning01" | "lightning" | "linkExternal" | "linkedinBrand" | "linkedin" | "lockKeyholeCircle" | "logOut" | "mail" | "monitor" | "moonpayBrand" | "moreLoginOptions" | "motorola" | "nobleBrand" | "optimismBrand" | "paraBlackBg" | "paraBrand" | "paraIconBrand" | "paraIconQr" | "paraIcon" | "paraLogo" | "paraRingsDark" | "paraRings" | "para" | "passcode" | "pintrestBrand" | "pintrest" | "plusCircle" | "plus" | "polygonBrand" | "puzzlePiece" | "qrCode02" | "qrCode" | "rampNetworkBrand" | "rampNetwork" | "redditBrand" | "reddit" | "refresh" | "samsung" | "settings" | "share" | "shield" | "signalBrand" | "signal" | "sliders" | "snapchatBrand" | "snapchat" | "solana" | "spacingHeight" | "star04Filled" | "stars01Filled" | "stars" | "stopSquare" | "stripeBrand" | "telegramBrand" | "tetherBrand" | "tikTokBrand" | "tikTok" | "trash" | "tumblrBrand" | "tumblr" | "twitterBrand" | "twitter" | "usdcBrand" | "userCircle" | "user" | "wallet" | "youtubeBrand" | "youtube" | "AD" | "AE" | "AF" | "AG" | "AI" | "AL" | "AM" | "AO" | "AR" | "AS" | "AT" | "AU" | "AW" | "AX" | "AZ" | "BA" | "BB" | "BD" | "BE" | "BF" | "BG" | "BH" | "BI" | "BJ" | "BL" | "BM" | "BN" | "BO" | "BQ" | "BQ2" | "BQ3" | "BR" | "BS" | "BT" | "BW" | "BY" | "BZ" | "CA" | "CC" | "CD" | "CD2" | "CF" | "CH" | "CK" | "CL" | "CM" | "CN" | "CO" | "CR" | "CU" | "CW" | "CX" | "CY" | "CZ" | "DE" | "DJ" | "DK" | "DM" | "DO" | "DS" | "DZ" | "EC" | "EE" | "EG" | "EH" | "ER" | "ES" | "ET" | "FI" | "FJ" | "FK" | "FM" | "FO" | "FR" | "GA" | "GB2" | "GB" | "GD" | "GE" | "GG" | "GH" | "GI" | "GL" | "GM" | "GN" | "GQ" | "GR" | "GT" | "GU" | "GW" | "GY" | "HK" | "HN" | "HR" | "HT" | "HU" | "ID" | "IE" | "IL" | "IM" | "IN" | "IO" | "IQ" | "IR" | "IS" | "IT" | "JE" | "JM" | "JO" | "JP" | "KE" | "KG" | "KH" | "KI" | "KM" | "KN" | "KP" | "KR" | "KW" | "KY" | "KZ" | "LA" | "LB" | "LC" | "LI" | "LK" | "LR" | "LS" | "LT" | "LU" | "LV" | "LY" | "MA" | "MC" | "MD" | "ME" | "MG" | "MH" | "MK" | "ML" | "MM" | "MN" | "MO" | "MP" | "MQ" | "MR" | "MS" | "MT" | "MU" | "MV" | "MW" | "MX" | "MY" | "MZ" | "NA" | "NE" | "NF" | "NG" | "NI" | "NL" | "NO" | "NP" | "NR" | "NU" | "NZ" | "OM" | "PA" | "PE" | "PF" | "PG" | "PH" | "PK" | "PL" | "PN" | "PR" | "PS" | "PT" | "PW" | "PY" | "QA" | "RO" | "RS" | "RU" | "RW" | "SA" | "SB" | "SC" | "SE" | "SG" | "SI" | "SK" | "SL" | "SM" | "SN" | "SO" | "SR" | "SS" | "ST" | "SV" | "SX" | "SY" | "SZ" | "TC" | "TD" | "TG" | "TH" | "TJ" | "TK" | "TL" | "TM" | "TN" | "TO" | "TR" | "TT" | "TV" | "TW" | "TZ" | "UA" | "UG" | "US" | "UY" | "UZ" | "VC" | "VE" | "VG" | "VI" | "VN" | "VU" | "WS" | "YE" | "ZA" | "ZM" | "ZW";
 export declare const MOBILE_SIZE = 480;
 export declare const NETWORK_NOT_SUPPORTED_ERROR = "network not supported";
 export declare const EMAIL_REGEX: RegExp;

package/dist/modal/index.d.ts

@@ -7,5 +7,3 @@ 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';
-export * from './types/commonTypes.js';

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

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

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

@@ -1,10 +1,11 @@
 import { ModalStep } from '../../utils/steps.js';
 import { OnRampConfig as OnRampConfigBase, OnRampPurchase, WalletType } from '@getpara/web-sdk';
 import { Tab as AddFundsTabType } from '../../components/AddFunds/AddFunds.js';
-import { AuthMethod } from '@getpara/core-sdk';
-import { BiometricLocationHint } from '@getpara/user-management-client';
+import { AuthStateLogin, AuthStateSignup, AuthState, AuthStateVerify } from '@getpara/core-sdk';
+import { TAuthLayout } from '../../types/modalProps.js';
 import { MutableRefObject } from 'react';
-type Flow = 'login' | 'signUp' | 'account';
+import { Setup2faResponse } from '@getpara/user-management-client';
+type Flow = AuthStateSignup['stage'] | AuthStateLogin['stage'] | 'account';
 type ActiveWallet = [string | undefined, WalletType | undefined];
 export type OnRampConfig = OnRampConfigBase & {
     testMode?: boolean;
@@ -15,14 +16,12 @@ export interface OnModalStepChangeValue {
     canGoBack: boolean;
 }
 interface ModalState {
+    recoveryShare: string | null;
     step: ModalStep;
     stepDirection: 1 | -1;
     flow: Flow | undefined;
-    webAuthURLForLogin: string | undefined;
-    webAuthURLForCreate: string | undefined;
-    passwordUrlForLogin: string | undefined;
-    supportedAuthMethods: Set<AuthMethod>;
-    onModalStepChange: (value: OnModalStepChangeValue) => void | undefined;
+    authState: AuthState | undefined;
+    onModalStepChange?: (value: OnModalStepChangeValue) => void | undefined;
     onRampConfig: OnRampConfig | undefined;
     onRampPurchase: Partial<OnRampPurchase> | undefined;
     isFullyLoggedIn: boolean;
@@ -33,46 +32,49 @@ interface ModalState {
     externalWalletError?: string[];
     activeWallet: ActiveWallet | undefined;
     farcasterConnectUri: string | undefined;
-    biometricLocationHints: BiometricLocationHint[] | undefined;
+    twoFactorStatus: Setup2faResponse | undefined;
     iFrameUrl: string | undefined;
     isIFrameReady: boolean | undefined;
+    authLayout?: TAuthLayout[];
     authStepRoute: ModalStep | undefined;
     refs: {
-        popupWindow: MutableRefObject<Window>;
+        popupWindow: MutableRefObject<Window | null>;
         poll: MutableRefObject<{
-            action: 'login' | 'createPasskey' | 'createPassword';
+            action: 'login' | 'signup';
             timeout: number;
-        }>;
-        currentStep: MutableRefObject<ModalStep>;
+        } | null>;
+        currentStep: MutableRefObject<ModalStep | null>;
     };
     isPasskeySupported: boolean;
 }
 export interface ModalActions {
     resetState: () => void;
+    setRecoveryShare: (recoveryShare: string | null) => void;
     setStep: (step: ModalStep) => void;
     decrementStep: () => void;
     hasPreviousStep: () => boolean;
     setFlow: (flow?: Flow) => void;
+    setAuthState: (authState?: AuthState | undefined) => void;
+    getVerifyState: () => AuthStateVerify | undefined;
+    getSignupState: () => AuthStateSignup | undefined;
+    getLoginState: () => AuthStateLogin | undefined;
     isLogin: () => boolean;
     isAccount: () => boolean;
-    setSupportedAuthMethods: (authMethods: Set<AuthMethod>) => void;
-    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;
     setIsFullyLoggedIn: (isFullyLoggedIn: boolean) => void;
-    setAccountAddFundTab: (accountAddFundTab: AddFundsTabType) => void;
+    setAccountAddFundTab: (accountAddFundTab?: AddFundsTabType) => void;
     setSelectedExternalWalletId: (id?: string) => void;
     setIsUsingMobileConnector: (isUsingMobileConnector?: boolean) => void;
     setIsExternalWalletConnecting: (isExternalWalletConnecting: boolean) => void;
     setExternalWalletError: (externalWalletError?: string[]) => void;
     setStepDirection: (stepDirection: 1 | -1) => void;
     setFarcasterConnectUri: (_: string | undefined) => void;
-    setBiometricLocationHints: (_?: BiometricLocationHint[]) => void;
+    setTwoFactorStatus: (twoFactorStatus?: Setup2faResponse) => void;
     setIFrameUrl: (_?: string) => void;
     setIsIFrameReady: (_?: boolean) => void;
+    setAuthLayout: (authLayout: TAuthLayout[]) => void;
     setAuthStepRoute: (_?: ModalStep) => void;
     setIsPasskeySupported: (_: boolean) => void;
 }

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

@@ -1,10 +1,9 @@
 import { IconType } from '@getpara/react-components';
-import { WalletType } from '@getpara/web-sdk';
+import { AuthStateLogin, AuthStateVerify, WalletType } from '@getpara/web-sdk';
 export type WalletMetadata = {
     id: string;
     name: string;
     iconUrl: string;
-    rdns?: string;
     installed?: boolean;
     isExtension?: boolean;
     isMobile?: boolean;
@@ -33,17 +32,13 @@ export type CommonWallet = {
         address?: string;
         bufferAddress?: string;
         error?: string;
-        userExists: boolean;
-        isVerified: boolean;
+        authState?: AuthStateVerify | AuthStateLogin;
     }>;
-    connectMobile: (_: {
-        isManualWalletConnect?: boolean;
-    }) => Promise<{
+    connectMobile: (isManualWalletConnect?: boolean) => Promise<{
         address?: string;
         bufferAddress?: string;
         error?: string;
-        userExists: boolean;
-        isVerified: boolean;
+        authState?: AuthStateVerify | AuthStateLogin;
     }>;
     type: WalletType;
 } & WalletMetadata;

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

@@ -4,7 +4,6 @@ export declare enum EvmWallet {
     COINBASE = "COINBASE",
     WALLETCONNECT = "WALLETCONNECT",
     ZERION = "ZERION",
-    SAFE = "SAFE",
     RABBY = "RABBY"
 }
 export declare enum SolanaWallet {
@@ -27,7 +26,6 @@ export declare const ExternalWallet: {
     COINBASE: EvmWallet.COINBASE;
     WALLETCONNECT: EvmWallet.WALLETCONNECT;
     ZERION: EvmWallet.ZERION;
-    SAFE: EvmWallet.SAFE;
     RABBY: EvmWallet.RABBY;
 };
 export type TExternalWallet = keyof typeof ExternalWallet;

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

@@ -1,8 +1,7 @@
-import ParaWeb, { CurrentWalletIds, OAuthMethod, deprecated__NetworkProp, deprecated__OnRampConfig } from '@getpara/web-sdk';
+import ParaWeb, { CurrentWalletIds, OAuthMethod } 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
@@ -74,21 +73,6 @@ 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.
      */
@@ -110,18 +94,6 @@ 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[];
-    /**
-     * Which external wallets to include full Para authentication for.
-     *
-     * These wallets should also be included in the externalWallets list in order to be displayed in the modal.
-     */
-    externalWalletsWithParaAuth?: 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";
-export declare const hasEmbeddedAuth: (authLayout: TAuthLayout[]) => "AUTH:FULL" | "AUTH:CONDENSED" | "EXTERNAL:FULL" | "EXTERNAL:CONDENSED";
+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;

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

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

@@ -0,0 +1 @@
+export declare const isPasskeySupported: () => boolean;

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

@@ -2,5 +2,5 @@ export declare function openPopup({ url, target, type, current, }: {
     url: string;
     target: string;
     type: 'OAUTH' | 'LOGIN_PASSKEY' | 'CREATE_PASSKEY' | 'TRANSACTION_REVIEW' | 'CREATE_PASSWORD' | 'LOGIN_PASSWORD';
-    current?: Window;
-}): Window;
+    current?: Window | null;
+}): Window | null;

package/dist/provider/ParaProvider.d.ts

@@ -1,2 +1,4 @@
 import { ParaProviderProps } from './types/provider.js';
-export declare const ParaProvider: ({ children, paraClientConfig, callbacks, config }: ParaProviderProps) => import("react").ReactNode;
+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>>;

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

@@ -1,7 +1,19 @@
-import ParaWeb from '@getpara/web-sdk';
-export declare const getAccount: (para?: ParaWeb) => Promise<{
-    isConnected: boolean;
-    email: any;
-    phone: any;
-    wallets: any;
-}>;
+import ParaWeb, { CoreAuthInfo } from '@getpara/web-sdk';
+type AccountValue = CoreAuthInfo & {
+    email?: string;
+    phone?: `+${number}`;
+    farcasterUsername?: string;
+    telegramUserId?: string;
+    externalWalletAddress?: string;
+    wallets: (typeof ParaWeb.prototype)['availableWallets'];
+    userId: string;
+};
+export type Account = ({
+    isConnected: false;
+} & {
+    [key in keyof AccountValue]?: undefined;
+}) | ({
+    isConnected: true;
+} & AccountValue);
+export declare const getAccount: (para?: ParaWeb) => Promise<Account>;
+export {};

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">>;
+}) => Promise<Omit<import("@getpara/web-sdk").Wallet, "signer"> | null | undefined>;

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

@@ -0,0 +1,25 @@
+export declare const signUpOrLogIn: import("./utils.js").CoreAction<"signUpOrLogIn">;
+export declare const verifyNewAccount: import("./utils.js").CoreAction<"verifyNewAccount">;
+export declare const waitForLogin: import("./utils.js").CoreAction<"waitForLogin">;
+export declare const waitForSignup: import("./utils.js").CoreAction<"waitForSignup">;
+export declare const waitForWalletCreation: import("./utils.js").CoreAction<"waitForWalletCreation">;
+export declare const verifyOAuth: import("./utils.js").CoreAction<"verifyOAuth">;
+export declare const verifyFarcaster: import("./utils.js").CoreAction<"verifyFarcaster">;
+export declare const verifyTelegram: import("./utils.js").CoreAction<"verifyTelegram">;
+export declare const loginExternalWallet: import("./utils.js").CoreAction<"loginExternalWallet">;
+export declare const verifyExternalWallet: import("./utils.js").CoreAction<"verifyExternalWallet">;
+export declare const setup2fa: import("./utils.js").CoreAction<"setup2fa">;
+export declare const enable2fa: import("./utils.js").CoreAction<"enable2fa">;
+export declare const verify2fa: import("./utils.js").CoreAction<"verify2fa">;
+export declare const keepSessionAlive: import("./utils.js").CoreAction<"keepSessionAlive">;
+export declare const logout: import("./utils.js").CoreAction<"logout">;
+export declare const resendVerificationCode: import("./utils.js").CoreAction<"resendVerificationCode">;
+export declare const createWallet: import("./utils.js").CoreAction<"createWallet">;
+export declare const createWalletPerType: import("./utils.js").CoreAction<"createWalletPerType">;
+export declare const createPregenWallet: import("./utils.js").CoreAction<"createPregenWallet">;
+export declare const createPregenWalletPerType: import("./utils.js").CoreAction<"createPregenWalletPerType">;
+export declare const claimPregenWallets: import("./utils.js").CoreAction<"claimPregenWallets">;
+export declare const hasPregenWallet: import("./utils.js").CoreAction<"hasPregenWallet">;
+export declare const updatePregenWalletIdentifier: import("./utils.js").CoreAction<"updatePregenWalletIdentifier">;
+export declare const signMessage: import("./utils.js").CoreAction<"signMessage">;
+export declare const signTransaction: import("./utils.js").CoreAction<"signTransaction">;

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

@@ -0,0 +1,3 @@
+import ParaWeb, { CoreMethodName, CoreMethodParams, CoreMethodResponse, CoreMethods } from '@getpara/web-sdk';
+export type CoreAction<method extends CoreMethodName & keyof CoreMethods> = (para?: ParaWeb, ...args: [CoreMethodParams<method>]) => Promise<Awaited<CoreMethodResponse<method>>>;
+export declare function generateAction<const method extends CoreMethodName & keyof CoreMethods>(method: method): CoreAction<method>;

package/dist/provider/components/CosmosWalletWrapper.d.ts

@@ -0,0 +1,11 @@
+import { PropsWithChildren } from 'react';
+import { ParaCosmosProviderConfigNoWallets } from '../types/externalWalletProviders.js';
+import { ParaGrazProviderProps } from '@getpara/cosmos-wallet-connectors';
+export declare const CosmosWalletWrapper: ({ children, cosmosConnectorConfig, grazProviderProps, onSwitchWallet, }: {
+    cosmosConnectorConfig: ParaCosmosProviderConfigNoWallets;
+    grazProviderProps: ParaGrazProviderProps;
+    onSwitchWallet: ({ address, error }: {
+        address?: string;
+        error?: string;
+    }) => void;
+} & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/provider/components/EvmWalletWrapper.d.ts

@@ -0,0 +1,12 @@
+import { PropsWithChildren } from 'react';
+import { Chain, Transport } from 'viem';
+import { ParaEvmProviderConfigNoWallets } from '../types/externalWalletProviders.js';
+import { ParaWagmiProviderProps } from '@getpara/evm-wallet-connectors';
+export declare const EvmWalletWrapper: <chains extends readonly [Chain, ...Chain[]], transports extends Record<chains[number]["id"], Transport>>({ children, evmProviderConfig, wagmiProviderProps, onSwitchWallet, }: {
+    evmProviderConfig: ParaEvmProviderConfigNoWallets<chains, transports>;
+    wagmiProviderProps: ParaWagmiProviderProps;
+    onSwitchWallet: ({ address, error }: {
+        address?: string;
+        error?: string;
+    }) => void;
+} & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/provider/components/ExternalWalletWrapper.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+import { ExternalWalletConfig } from '../types/provider.js';
+import { Chain, Transport } from 'viem';
+interface ExternalWalletWrapperProps<chains extends readonly [Chain, ...Chain[]], transports extends Record<chains[number]['id'], Transport>> extends PropsWithChildren {
+    config?: Omit<ExternalWalletConfig<chains, transports>, 'wallets'>;
+}
+export declare const ExternalWalletWrapper: <chains extends readonly [Chain, ...Chain[]], transports extends Record<chains[number]["id"], Transport>>({ children, config, }: ExternalWalletWrapperProps<chains, transports>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/provider/components/SolanaWalletWrapper.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+import { ParaSolanaProviderConfigNoWallets } from '../types/externalWalletProviders.js';
+export declare const SolanaWalletWrapper: ({ children, solanaProviderConfig, onSwitchWallet, }: {
+    solanaProviderConfig: ParaSolanaProviderConfigNoWallets;
+    onSwitchWallet: ({ address, error }: {
+        address?: string;
+        error?: string;
+    }) => void;
+} & PropsWithChildren) => string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/provider/external/getParaCosmosConnector.d.ts

@@ -0,0 +1,7 @@
+import { Context } from 'react';
+import { CosmosExternalWalletContextType, ParaCosmosProvider, WalletList } from '@getpara/cosmos-wallet-connectors';
+export declare const getParaCosmosConnector: () => Promise<{
+    Provider: typeof ParaCosmosProvider | undefined;
+    context: Context<CosmosExternalWalletContextType>;
+    wallets: WalletList;
+}>;

package/dist/provider/external/getParaEvmConnector.d.ts

@@ -0,0 +1,7 @@
+import { Context } from 'react';
+import { EvmExternalWalletContextType, ParaEvmProvider, WalletList } from '@getpara/evm-wallet-connectors';
+export declare const getParaEvmConnector: () => Promise<{
+    Provider: typeof ParaEvmProvider | undefined;
+    context: Context<EvmExternalWalletContextType>;
+    wallets: WalletList;
+}>;

package/dist/provider/external/getParaSolanaConnector.d.ts

@@ -0,0 +1,7 @@
+import { Context } from 'react';
+import { ParaSolanaProvider, SolanaExternalWalletContextType, WalletList } from '@getpara/solana-wallet-connectors';
+export declare const getParaSolanaConnector: () => Promise<{
+    Provider: typeof ParaSolanaProvider | undefined;
+    context: Context<SolanaExternalWalletContextType>;
+    wallets: WalletList;
+}>;

package/dist/provider/external/stubs/CosmosExternalWalletContextStub.d.ts

@@ -0,0 +1,12 @@
+import { CosmosExternalWalletContextType } from '@getpara/cosmos-wallet-connectors';
+export declare const defaultCosmosExternalWallet: {
+    wallets: never[];
+    chains: never[];
+    chainId: undefined;
+    disconnect: () => Promise<void>;
+    switchChain: () => Promise<{}>;
+    connectParaEmbedded: () => Promise<{}>;
+    signMessage: () => Promise<{}>;
+    signVerificationMessage: () => Promise<{}>;
+};
+export declare const CosmosExternalWalletContext: import("react").Context<CosmosExternalWalletContextType>;

package/dist/provider/external/stubs/EvmExternalWalletContextStub.d.ts

@@ -0,0 +1,3 @@
+import { EvmExternalWalletContextType } from '@getpara/evm-wallet-connectors';
+export declare const defaultEvmExternalWallet: EvmExternalWalletContextType;
+export declare const EvmExternalWalletContext: import("react").Context<EvmExternalWalletContextType>;

package/dist/provider/external/stubs/SolanaExternalWalletContextStub.d.ts

@@ -0,0 +1,8 @@
+import { SolanaExternalWalletContextType } from '@getpara/solana-wallet-connectors';
+export declare const defaultSolanaExternalWallet: {
+    wallets: never[];
+    disconnect: () => Promise<void>;
+    signMessage: () => Promise<{}>;
+    signVerificationMessage: () => Promise<{}>;
+};
+export declare const SolanaExternalWalletContext: import("react").Context<SolanaExternalWalletContextType>;

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

@@ -1,10 +1,25 @@
-export { useWaitForLoginAndSetup } from './useWaitForLoginAndSetup.js';
-export { useWaitForAccountCreation } from './useWaitForAccountCreation.js';
-export { useWaitForPasskeyAndCreateWallet } from './useWaitForPasskeyAndCreateWallet.js';
-export { useCreateUser } from './useCreateUser.js';
-export { useCheckIfUserExists } from './useCheckIfUserExists.js';
-export { useInitiateLogin } from './useInitiateLogin.js';
-export { useLogout } from './useLogout.js';
-export { useKeepSessionAlive } from './useKeepSessionAlive.js';
-export { useSignMessage } from './useSignMessage.js';
-export { useSignTransaction } from './useSignTransaction.js';
+export declare const useSignUpOrLogIn: () => import("../../types/utils.js").CoreMethodHook<"signUpOrLogIn">;
+export declare const useVerifyNewAccount: () => import("../../types/utils.js").CoreMethodHook<"verifyNewAccount">;
+export declare const useWaitForLogin: () => import("../../types/utils.js").CoreMethodHook<"waitForLogin">;
+export declare const useWaitForSignup: () => import("../../types/utils.js").CoreMethodHook<"waitForSignup">;
+export declare const useWaitForWalletCreation: () => import("../../types/utils.js").CoreMethodHook<"waitForWalletCreation">;
+export declare const useVerifyOAuth: () => import("../../types/utils.js").CoreMethodHook<"verifyOAuth">;
+export declare const useVerifyFarcaster: () => import("../../types/utils.js").CoreMethodHook<"verifyFarcaster">;
+export declare const useVerifyTelegram: () => import("../../types/utils.js").CoreMethodHook<"verifyTelegram">;
+export declare const useLoginExternalWallet: () => import("../../types/utils.js").CoreMethodHook<"loginExternalWallet">;
+export declare const useVerifyExternalWallet: () => import("../../types/utils.js").CoreMethodHook<"verifyExternalWallet">;
+export declare const useSetup2fa: () => import("../../types/utils.js").CoreMethodHook<"setup2fa">;
+export declare const useEnable2fa: () => import("../../types/utils.js").CoreMethodHook<"enable2fa">;
+export declare const useVerify2fa: () => import("../../types/utils.js").CoreMethodHook<"verify2fa">;
+export declare const useKeepSessionAlive: () => import("../../types/utils.js").CoreMethodHook<"keepSessionAlive">;
+export declare const useLogout: () => import("../../types/utils.js").CoreMethodHook<"logout">;
+export declare const useResendVerificationCode: () => import("../../types/utils.js").CoreMethodHook<"resendVerificationCode">;
+export declare const useCreateWallet: () => import("../../types/utils.js").CoreMethodHook<"createWallet">;
+export declare const useCreateWalletPerType: () => import("../../types/utils.js").CoreMethodHook<"createWalletPerType">;
+export declare const useCreatePregenWallet: () => import("../../types/utils.js").CoreMethodHook<"createPregenWallet">;
+export declare const useCreatePregenWalletPerType: () => import("../../types/utils.js").CoreMethodHook<"createPregenWalletPerType">;
+export declare const useClaimPregenWallets: () => import("../../types/utils.js").CoreMethodHook<"claimPregenWallets">;
+export declare const useHasPregenWallet: () => import("../../types/utils.js").CoreMethodHook<"hasPregenWallet">;
+export declare const useUpdatePregenWalletIdentifier: () => import("../../types/utils.js").CoreMethodHook<"updatePregenWalletIdentifier">;
+export declare const useSignMessage: () => import("../../types/utils.js").CoreMethodHook<"signMessage">;
+export declare const useSignTransaction: () => import("../../types/utils.js").CoreMethodHook<"signTransaction">;

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

@@ -0,0 +1,4 @@
+import { CoreMethodName, CoreMethodParams, CoreMethods } from '@getpara/web-sdk';
+import { CoreMethodHook } from '../../types/utils.js';
+import { CoreAction } from '../../actions/utils.js';
+export declare function generateHook<const method extends CoreMethodName & keyof CoreMethods>(method: method, action: CoreAction<method>, defaultParams?: CoreMethodParams<method>): () => CoreMethodHook<method>;