@getpara/react-sdk-lite 2.0.0-alpha.53 → 2.0.0-dev.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/dist/modal/ParaModal.js +1 -0
  2. package/dist/modal/components/Account/AccountProfileLink.js +3 -3
  3. package/dist/modal/components/AddFunds/AddFunds.js +2 -3
  4. package/dist/modal/components/AddFunds/AddFundsContext.d.ts +5 -5
  5. package/dist/modal/components/AwaitingAccountStep/AwaitingAccountStep.d.ts +1 -0
  6. package/dist/modal/components/{AwaitingIFrameStep/AwaitingIFrameStep.js → AwaitingAccountStep/AwaitingAccountStep.js} +2 -2
  7. package/dist/modal/components/Body/Body.js +37 -88
  8. package/dist/modal/components/Header/hooks/useStepTitle.js +1 -1
  9. package/dist/modal/components/OAuth/FarcasterLink.d.ts +2 -0
  10. package/dist/modal/components/OAuth/FarcasterLink.js +30 -0
  11. package/dist/modal/components/OAuth/FarcasterOAuthStep.d.ts +1 -3
  12. package/dist/modal/components/OAuth/FarcasterOAuthStep.js +47 -26
  13. package/dist/modal/components/OAuth/OAuth.js +2 -2
  14. package/dist/modal/components/OAuth/TelegramOAuthStep.js +2 -1
  15. package/dist/modal/components/common.d.ts +3 -3
  16. package/dist/modal/constants/constants.d.ts +8 -8
  17. package/dist/modal/constants/constants.js +25 -25
  18. package/dist/modal/hooks/useFarcasterLogin.d.ts +9 -0
  19. package/dist/modal/hooks/useFarcasterLogin.js +70 -0
  20. package/dist/modal/hooks/useTelegramLogin.d.ts +4 -3
  21. package/dist/modal/hooks/useTelegramLogin.js +11 -3
  22. package/dist/modal/stores/modal/actions.js +0 -1
  23. package/dist/modal/stores/modal/useModalStore.d.ts +0 -2
  24. package/dist/modal/stores/modal/useModalStore.js +0 -1
  25. package/dist/modal/utils/steps.d.ts +6 -3
  26. package/dist/modal/utils/steps.js +14 -8
  27. package/dist/modal/utils/stringFormatters.d.ts +2 -2
  28. package/dist/provider/ParaProviderMin.js +3 -4
  29. package/dist/provider/actions/index.d.ts +9 -9
  30. package/dist/provider/components/ExternalWalletWrapper.js +0 -5
  31. package/dist/provider/hooks/mutations/useCreatePregenWallet.d.ts +3 -3
  32. package/dist/provider/hooks/mutations/useSignUpOrLogIn.d.ts +3 -3
  33. package/dist/provider/hooks/mutations/useVerifyFarcaster.d.ts +6 -3
  34. package/dist/provider/hooks/mutations/useVerifyNewAccount.d.ts +3 -3
  35. package/dist/provider/hooks/mutations/useVerifyOAuth.d.ts +3 -3
  36. package/dist/provider/hooks/mutations/useVerifyTelegram.d.ts +9 -6
  37. package/dist/provider/providers/AccountLinkProvider.js +1 -1
  38. package/dist/provider/providers/AuthProvider.d.ts +4 -3
  39. package/dist/provider/providers/AuthProvider.js +102 -50
  40. package/dist/provider/providers/ExternalWalletProvider.js +6 -14
  41. package/dist/provider/stores/types.d.ts +2 -2
  42. package/package.json +8 -8
  43. package/dist/modal/components/AwaitingIFrameStep/AwaitingIFrameStep.d.ts +0 -1
  44. package/dist/modal/utils/renderTextWithLinks.d.ts +0 -2
  45. package/dist/modal/utils/renderTextWithLinks.js +0 -34
@@ -3,7 +3,7 @@ import {
3
3
  __spreadProps,
4
4
  __spreadValues
5
5
  } from "../../chunk-MMUBH76A.js";
6
- import { OnRampMethod, OnRampProvider } from "@getpara/core-sdk";
6
+ import { Network, OnRampAsset, OnRampMethod, OnRampProvider } from "@getpara/core-sdk";
7
7
  const PARA_CONNECT = "https://connect.getpara.com/";
8
8
  const PARA_TERMS_AND_CONDITIONS = "https://getpara.com/terms";
9
9
  const ON_RAMP_PROVIDERS = {
@@ -48,35 +48,35 @@ const WALLET_TYPES_METADATA = {
48
48
  COSMOS: { name: "Cosmos", icon: "cosmos", isCircular: true, isDark: true }
49
49
  };
50
50
  const NETWORKS = Object.entries({
51
- ["ETHEREUM"]: { name: "Ethereum", icon: "ethereum" },
52
- ["SEPOLIA"]: { name: "Sepolia", icon: "ethereum" },
53
- ["ARBITRUM"]: { name: "Arbitrum", icon: "arbitrumBrand" },
54
- ["BASE"]: { name: "Base", icon: "baseBrand" },
55
- ["OPTIMISM"]: { name: "Optimism", icon: "optimismBrand" },
56
- ["POLYGON"]: { name: "Polygon", icon: "polygonBrand" },
57
- ["SOLANA"]: { name: "Solana", icon: "solana" },
58
- ["COSMOS"]: { name: "Cosmos", icon: "cosmos" },
59
- ["CELO"]: { name: "Celo", icon: "celoBrand" },
60
- ["SOLANA_DEVNET"]: { name: "Solana Devnet", icon: "solana" },
61
- ["NOBLE"]: { name: "Noble", icon: "nobleBrand" },
62
- ["BERACHAIN"]: { name: "Berachain", icon: "beraBrand" }
51
+ [Network.ETHEREUM]: { name: "Ethereum", icon: "ethereum" },
52
+ [Network.SEPOLIA]: { name: "Sepolia", icon: "ethereum" },
53
+ [Network.ARBITRUM]: { name: "Arbitrum", icon: "arbitrumBrand" },
54
+ [Network.BASE]: { name: "Base", icon: "baseBrand" },
55
+ [Network.OPTIMISM]: { name: "Optimism", icon: "optimismBrand" },
56
+ [Network.POLYGON]: { name: "Polygon", icon: "polygonBrand" },
57
+ [Network.SOLANA]: { name: "Solana", icon: "solana" },
58
+ [Network.COSMOS]: { name: "Cosmos", icon: "cosmos" },
59
+ [Network.CELO]: { name: "Celo", icon: "celoBrand" },
60
+ [Network.SOLANA_DEVNET]: { name: "Solana Devnet", icon: "solana" },
61
+ [Network.NOBLE]: { name: "Noble", icon: "nobleBrand" },
62
+ [Network.BERACHAIN]: { name: "Berachain", icon: "beraBrand" }
63
63
  }).reduce((acc, [key, entry]) => {
64
64
  return __spreadProps(__spreadValues({}, acc), {
65
65
  [key]: __spreadValues(__spreadValues({}, entry), ICON_TYPES[entry.icon])
66
66
  });
67
67
  }, {});
68
68
  const ON_RAMP_ASSETS = Object.entries({
69
- ["ETHEREUM"]: { name: "Ethereum", code: "ETH", icon: "ethereum" },
70
- ["USDC"]: { name: "USD Coin", code: "USDC", icon: "usdcBrand" },
71
- ["POLYGON"]: { name: "Polygon", code: "POL", icon: "polygonBrand" },
72
- ["SOLANA"]: { name: "Solana", code: "SOL", icon: "solana" },
73
- ["ATOM"]: { name: "Atom", code: "ATOM", icon: "cosmos" },
74
- ["CELO"]: { name: "Celo", code: "CELO", icon: "celoBrand" },
75
- ["TETHER"]: { name: "Tether", code: "USDT", icon: "tetherBrand" },
76
- ["CUSD"]: { name: "Celo Dollar", code: "CUSD", icon: "celoBrand" },
77
- ["CEUR"]: { name: "Celo Euro", code: "CEUR", icon: "celoBrand" },
78
- ["CREAL"]: { name: "Celo Real", code: "CREAL", icon: "celoBrand" },
79
- ["BERA"]: { name: "Berachain", code: "BERA", icon: "beraBrand" }
69
+ [OnRampAsset.ETHEREUM]: { name: "Ethereum", code: "ETH", icon: "ethereum" },
70
+ [OnRampAsset.USDC]: { name: "USD Coin", code: "USDC", icon: "usdcBrand" },
71
+ [OnRampAsset.POLYGON]: { name: "Polygon", code: "POL", icon: "polygonBrand" },
72
+ [OnRampAsset.SOLANA]: { name: "Solana", code: "SOL", icon: "solana" },
73
+ [OnRampAsset.ATOM]: { name: "Atom", code: "ATOM", icon: "cosmos" },
74
+ [OnRampAsset.CELO]: { name: "Celo", code: "CELO", icon: "celoBrand" },
75
+ [OnRampAsset.TETHER]: { name: "Tether", code: "USDT", icon: "tetherBrand" },
76
+ [OnRampAsset.CUSD]: { name: "Celo Dollar", code: "CUSD", icon: "celoBrand" },
77
+ [OnRampAsset.CEUR]: { name: "Celo Euro", code: "CEUR", icon: "celoBrand" },
78
+ [OnRampAsset.CREAL]: { name: "Celo Real", code: "CREAL", icon: "celoBrand" },
79
+ [OnRampAsset.BERA]: { name: "Berachain", code: "BERA", icon: "beraBrand" }
80
80
  }).reduce((acc, [key, entry]) => {
81
81
  return __spreadProps(__spreadValues({}, acc), {
82
82
  [key]: __spreadValues(__spreadValues({}, entry), ICON_TYPES[entry.icon])
@@ -126,7 +126,7 @@ const BODY_MOTION_VARIANTS = {
126
126
  const BODY_TRANSITION = {
127
127
  duration: 0.2
128
128
  };
129
- const SDK_VERSION = "2.0.0-alpha.53";
129
+ const SDK_VERSION = "2.0.0-alpha.50";
130
130
  export {
131
131
  BODY_MOTION_VARIANTS,
132
132
  BODY_TRANSITION,
@@ -0,0 +1,9 @@
1
+ import { MutationStatus } from '@tanstack/react-query';
2
+ export declare const useFarcasterLogin: ({ isActive, }?: {
3
+ isActive?: boolean;
4
+ }) => {
5
+ url: string | undefined;
6
+ isLoaded: boolean;
7
+ setIsLoaded: import("react").Dispatch<import("react").SetStateAction<boolean>>;
8
+ status: MutationStatus;
9
+ };
@@ -0,0 +1,70 @@
1
+ "use client";
2
+ import {
3
+ __async
4
+ } from "../../chunk-MMUBH76A.js";
5
+ import { useEffect, useState } from "react";
6
+ import { useInternalClient } from "../../provider/hooks/utils/useInternalClient.js";
7
+ import { useModalStore } from "../stores/index.js";
8
+ import { useAuthActions } from "../../provider/providers/AuthProvider.js";
9
+ const useFarcasterLogin = ({
10
+ isActive = false
11
+ } = {}) => {
12
+ const para = useInternalClient();
13
+ const refs = useModalStore((state) => state.refs);
14
+ const { verifyFarcasterStatus, verifyFarcaster } = useAuthActions();
15
+ const [url, setUrl] = useState();
16
+ const [isLoaded, setIsLoaded] = useState(false);
17
+ const [msgStatus, setMsgStatus] = useState("idle");
18
+ const status = msgStatus === "success" ? verifyFarcasterStatus : msgStatus;
19
+ useEffect(() => {
20
+ const setup = () => __async(void 0, null, function* () {
21
+ if (!url) {
22
+ yield para.logout();
23
+ yield para.touchSession(true);
24
+ para.constructPortalUrl("loginFarcaster").then(setUrl);
25
+ }
26
+ });
27
+ if (isActive) {
28
+ setup();
29
+ }
30
+ }, [isActive, url]);
31
+ useEffect(() => {
32
+ const updateState = (event) => __async(void 0, null, function* () {
33
+ var _a, _b;
34
+ switch (event.data.type) {
35
+ case "FARCASTER_LOGIN":
36
+ setMsgStatus("pending");
37
+ break;
38
+ case "FARCASTER_FAILED":
39
+ setMsgStatus("error");
40
+ break;
41
+ case "FARCASTER_SUCCESS":
42
+ setMsgStatus("success");
43
+ if (!!event.data.payload) {
44
+ const authObject = event.data.payload;
45
+ try {
46
+ yield verifyFarcaster(authObject);
47
+ } catch (e) {
48
+ (_b = (_a = refs.telegramIFrame.current) == null ? void 0 : _a.contentWindow) == null ? void 0 : _b.postMessage({ type: "FARCASTER_RETRY" }, "*");
49
+ }
50
+ }
51
+ break;
52
+ }
53
+ });
54
+ if (isActive) {
55
+ window == null ? void 0 : window.addEventListener("message", updateState, false);
56
+ }
57
+ return () => {
58
+ window == null ? void 0 : window.removeEventListener("message", updateState, false);
59
+ };
60
+ }, [isActive]);
61
+ return {
62
+ url,
63
+ isLoaded,
64
+ setIsLoaded,
65
+ status
66
+ };
67
+ };
68
+ export {
69
+ useFarcasterLogin
70
+ };
@@ -1,9 +1,10 @@
1
- import { TelegramAuthResponse } from '@getpara/user-management-client';
1
+ import { TelegramAuthResponse, VerifyThirdPartyAuth } from '@getpara/user-management-client';
2
2
  import { MutationStatus } from '@tanstack/react-query';
3
- export declare const useTelegramLogin: ({ isActive, onSubmit, status: propsStatus, }?: {
3
+ export declare const useTelegramLogin: ({ isActive, onSubmit, status: propsStatus, isLinking, }?: {
4
4
  isActive?: boolean;
5
- onSubmit?: (_: TelegramAuthResponse) => void;
5
+ onSubmit?: (_: VerifyThirdPartyAuth | TelegramAuthResponse) => void;
6
6
  status?: MutationStatus;
7
+ isLinking?: boolean;
7
8
  }) => {
8
9
  url: string | undefined;
9
10
  isLoaded: boolean;
@@ -8,7 +8,8 @@ import { useModalStore } from "../stores/index.js";
8
8
  const useTelegramLogin = ({
9
9
  isActive = false,
10
10
  onSubmit,
11
- status: propsStatus
11
+ status: propsStatus,
12
+ isLinking
12
13
  } = {}) => {
13
14
  const para = useInternalClient();
14
15
  const refs = useModalStore((state) => state.refs);
@@ -17,10 +18,17 @@ const useTelegramLogin = ({
17
18
  const [msgStatus, setMsgStatus] = useState("idle");
18
19
  const status = msgStatus === "success" ? propsStatus : msgStatus;
19
20
  useEffect(() => {
20
- if (isActive) {
21
+ const setup = () => __async(void 0, null, function* () {
21
22
  if (!url) {
22
- para.constructPortalUrl("telegramLogin").then(setUrl);
23
+ if (!isLinking) {
24
+ yield para.logout();
25
+ yield para.touchSession(true);
26
+ }
27
+ para.constructPortalUrl(!isLinking ? "telegramLoginVerify" : "telegramLogin").then(setUrl);
23
28
  }
29
+ });
30
+ if (isActive) {
31
+ setup();
24
32
  }
25
33
  }, [isActive, url]);
26
34
  useEffect(() => {
@@ -110,7 +110,6 @@ const getActions = (set, get) => ({
110
110
  setSelectedExternalWallet: (selectedExternalWallet) => set({ selectedExternalWallet }),
111
111
  setIsExternalWalletConnecting: (isExternalWalletConnecting) => set({ isExternalWalletConnecting }),
112
112
  setExternalWalletError: (externalWalletError) => set({ externalWalletError }),
113
- setModalError: (modalError) => set({ modalError }),
114
113
  setIsUsingMobileConnector: (isUsingMobileConnector) => set({ isUsingMobileConnector }),
115
114
  setStepDirection: (stepDirection) => set({ stepDirection }),
116
115
  setFarcasterConnectUri: (farcasterConnectUri) => set({ farcasterConnectUri }),
@@ -37,7 +37,6 @@ interface ModalState {
37
37
  isUsingMobileConnector?: boolean;
38
38
  isExternalWalletConnecting?: boolean;
39
39
  externalWalletError?: string[];
40
- modalError?: string;
41
40
  activeWallet: ActiveWallet | undefined;
42
41
  farcasterConnectUri: string | undefined;
43
42
  twoFactorStatus: Setup2faResponse | undefined;
@@ -86,7 +85,6 @@ export interface ModalActions {
86
85
  setIsUsingMobileConnector: (isUsingMobileConnector?: boolean) => void;
87
86
  setIsExternalWalletConnecting: (isExternalWalletConnecting: boolean) => void;
88
87
  setExternalWalletError: (externalWalletError?: string[]) => void;
89
- setModalError: (modalError?: string) => void;
90
88
  setStepDirection: (stepDirection: 1 | -1) => void;
91
89
  setFarcasterConnectUri: (_: string | undefined) => void;
92
90
  setTwoFactorStatus: (twoFactorStatus?: Setup2faResponse) => void;
@@ -30,7 +30,6 @@ const DEFAULT_MODAL_STATE = {
30
30
  guestAddFundsTab: void 0,
31
31
  isExternalWalletConnecting: false,
32
32
  externalWalletError: void 0,
33
- modalError: void 0,
34
33
  activeWallet: [void 0, void 0],
35
34
  farcasterConnectUri: void 0,
36
35
  twoFactorStatus: void 0,
@@ -39,7 +39,8 @@ export declare enum ModalStep {
39
39
  ACCOUNT_PROFILE_ADD = "ACCOUNT_PROFILE_ADD",
40
40
  ACCOUNT_PROFILE_LIST = "ACCOUNT_PROFILE_LIST",
41
41
  ACCOUNT_PROFILE_REMOVE = "ACCOUNT_PROFILE_REMOVE",
42
- AWAITING_IFRAME = "AWAITING_IFRAME"
42
+ AWAITING_ACCOUNT = "AWAITING_ACCOUNT",
43
+ OTP = "OTP"
43
44
  }
44
45
  export type ModalStepPropU = keyof typeof ModalStep | ModalStep;
45
46
  export type ModalStepPropL = Lowercase<ModalStepPropU>;
@@ -91,7 +92,8 @@ declare enum SignUpModalStep {
91
92
  ADD_FUNDS_AWAITING = "ADD_FUNDS_AWAITING",
92
93
  ADD_FUNDS_SUCCESS = "ADD_FUNDS_SUCCESS",
93
94
  ADD_FUNDS_FAILURE = "ADD_FUNDS_FAILURE",
94
- AWAITING_IFRAME = "AWAITING_IFRAME"
95
+ AWAITING_ACCOUNT = "AWAITING_ACCOUNT",
96
+ OTP = "OTP"
95
97
  }
96
98
  export declare const SignUpPreviousStep: {
97
99
  [key in SignUpModalStep]: ModalStep | undefined;
@@ -125,7 +127,8 @@ declare enum LoginModalStep {
125
127
  ADD_FUNDS_AWAITING = "ADD_FUNDS_AWAITING",
126
128
  ADD_FUNDS_SUCCESS = "ADD_FUNDS_SUCCESS",
127
129
  ADD_FUNDS_FAILURE = "ADD_FUNDS_FAILURE",
128
- AWAITING_IFRAME = "AWAITING_IFRAME"
130
+ AWAITING_ACCOUNT = "AWAITING_ACCOUNT",
131
+ OTP = "OTP"
129
132
  }
130
133
  export declare const LoginPreviousStep: {
131
134
  [key in LoginModalStep]: ModalStep | undefined;
@@ -40,7 +40,8 @@ var ModalStep = /* @__PURE__ */ ((ModalStep2) => {
40
40
  ModalStep2["ACCOUNT_PROFILE_ADD"] = "ACCOUNT_PROFILE_ADD";
41
41
  ModalStep2["ACCOUNT_PROFILE_LIST"] = "ACCOUNT_PROFILE_LIST";
42
42
  ModalStep2["ACCOUNT_PROFILE_REMOVE"] = "ACCOUNT_PROFILE_REMOVE";
43
- ModalStep2["AWAITING_IFRAME"] = "AWAITING_IFRAME";
43
+ ModalStep2["AWAITING_ACCOUNT"] = "AWAITING_ACCOUNT";
44
+ ModalStep2["OTP"] = "OTP";
44
45
  return ModalStep2;
45
46
  })(ModalStep || {});
46
47
  var AccountStep = /* @__PURE__ */ ((AccountStep2) => {
@@ -72,7 +73,7 @@ const RESET_TO_AUTH_STEPS = [
72
73
  "AWAITING_BIOMETRIC_CREATION" /* AWAITING_BIOMETRIC_CREATION */,
73
74
  "PASSWORD_CREATION" /* PASSWORD_CREATION */,
74
75
  "AWAITING_PASSWORD_CREATION" /* AWAITING_PASSWORD_CREATION */,
75
- "AWAITING_IFRAME" /* AWAITING_IFRAME */,
76
+ "AWAITING_ACCOUNT" /* AWAITING_ACCOUNT */,
76
77
  "BIOMETRIC_LOGIN" /* BIOMETRIC_LOGIN */,
77
78
  "EMBEDDED_PASSWORD_LOGIN" /* EMBEDDED_PASSWORD_LOGIN */,
78
79
  "AWAITING_BIOMETRIC_LOGIN" /* AWAITING_BIOMETRIC_LOGIN */,
@@ -83,7 +84,8 @@ const RESET_TO_AUTH_STEPS = [
83
84
  "SETUP_2FA" /* SETUP_2FA */,
84
85
  "VERIFY_2FA" /* VERIFY_2FA */,
85
86
  "TWO_FACTOR_DONE" /* TWO_FACTOR_DONE */,
86
- "LOGIN_DONE" /* LOGIN_DONE */
87
+ "LOGIN_DONE" /* LOGIN_DONE */,
88
+ "OTP" /* OTP */
87
89
  ];
88
90
  const RESET_TO_ACCOUNT_STEPS = [
89
91
  "AUTH_GUEST_SIGNUP" /* AUTH_GUEST_SIGNUP */,
@@ -141,7 +143,8 @@ var SignUpModalStep = /* @__PURE__ */ ((SignUpModalStep2) => {
141
143
  SignUpModalStep2["ADD_FUNDS_AWAITING"] = "ADD_FUNDS_AWAITING";
142
144
  SignUpModalStep2["ADD_FUNDS_SUCCESS"] = "ADD_FUNDS_SUCCESS";
143
145
  SignUpModalStep2["ADD_FUNDS_FAILURE"] = "ADD_FUNDS_FAILURE";
144
- SignUpModalStep2["AWAITING_IFRAME"] = "AWAITING_IFRAME";
146
+ SignUpModalStep2["AWAITING_ACCOUNT"] = "AWAITING_ACCOUNT";
147
+ SignUpModalStep2["OTP"] = "OTP";
145
148
  return SignUpModalStep2;
146
149
  })(SignUpModalStep || {});
147
150
  const SignUpPreviousStep = {
@@ -171,7 +174,8 @@ const SignUpPreviousStep = {
171
174
  ["ADD_FUNDS_AWAITING" /* ADD_FUNDS_AWAITING */]: "ADD_FUNDS_BUY" /* ADD_FUNDS_BUY */,
172
175
  ["ADD_FUNDS_SUCCESS" /* ADD_FUNDS_SUCCESS */]: void 0,
173
176
  ["ADD_FUNDS_FAILURE" /* ADD_FUNDS_FAILURE */]: void 0,
174
- ["AWAITING_IFRAME" /* AWAITING_IFRAME */]: "AUTH_MAIN" /* AUTH_MAIN */
177
+ ["AWAITING_ACCOUNT" /* AWAITING_ACCOUNT */]: "AUTH_MAIN" /* AUTH_MAIN */,
178
+ ["OTP" /* OTP */]: "AUTH_MAIN" /* AUTH_MAIN */
175
179
  };
176
180
  const GuestPreviousStep = Object.fromEntries([
177
181
  ...Object.entries(SignUpPreviousStep).map(([key, value]) => {
@@ -208,7 +212,8 @@ var LoginModalStep = /* @__PURE__ */ ((LoginModalStep2) => {
208
212
  LoginModalStep2["ADD_FUNDS_AWAITING"] = "ADD_FUNDS_AWAITING";
209
213
  LoginModalStep2["ADD_FUNDS_SUCCESS"] = "ADD_FUNDS_SUCCESS";
210
214
  LoginModalStep2["ADD_FUNDS_FAILURE"] = "ADD_FUNDS_FAILURE";
211
- LoginModalStep2["AWAITING_IFRAME"] = "AWAITING_IFRAME";
215
+ LoginModalStep2["AWAITING_ACCOUNT"] = "AWAITING_ACCOUNT";
216
+ LoginModalStep2["OTP"] = "OTP";
212
217
  return LoginModalStep2;
213
218
  })(LoginModalStep || {});
214
219
  const LoginPreviousStep = {
@@ -237,7 +242,8 @@ const LoginPreviousStep = {
237
242
  ["ADD_FUNDS_AWAITING" /* ADD_FUNDS_AWAITING */]: "ADD_FUNDS_BUY" /* ADD_FUNDS_BUY */,
238
243
  ["ADD_FUNDS_SUCCESS" /* ADD_FUNDS_SUCCESS */]: void 0,
239
244
  ["ADD_FUNDS_FAILURE" /* ADD_FUNDS_FAILURE */]: void 0,
240
- ["AWAITING_IFRAME" /* AWAITING_IFRAME */]: "AUTH_MAIN" /* AUTH_MAIN */
245
+ ["AWAITING_ACCOUNT" /* AWAITING_ACCOUNT */]: "AUTH_MAIN" /* AUTH_MAIN */,
246
+ ["OTP" /* OTP */]: "AUTH_MAIN" /* AUTH_MAIN */
241
247
  };
242
248
  const getStepHasFooter = (step) => {
243
249
  switch (step) {
@@ -264,7 +270,7 @@ function getAddFundsStep(currentTab) {
264
270
  return "ADD_FUNDS_WITHDRAW" /* ADD_FUNDS_WITHDRAW */;
265
271
  }
266
272
  }
267
- const IFrameSteps = ["PASSWORD_CREATION" /* PASSWORD_CREATION */, "EMBEDDED_PASSWORD_LOGIN" /* EMBEDDED_PASSWORD_LOGIN */];
273
+ const IFrameSteps = ["PASSWORD_CREATION" /* PASSWORD_CREATION */, "EMBEDDED_PASSWORD_LOGIN" /* EMBEDDED_PASSWORD_LOGIN */, "OTP" /* OTP */];
268
274
  export {
269
275
  AccountPreviousStep,
270
276
  GuestPreviousStep,
@@ -1,5 +1,5 @@
1
- import { TNetwork } from '@getpara/web-sdk';
2
- export declare const formatNetworkList: (networks: TNetwork[]) => string;
1
+ import { Network } from '@getpara/web-sdk';
2
+ export declare const formatNetworkList: (networks: Network[]) => string;
3
3
  export declare const formatWalletCreatedDate: (date: string) => string;
4
4
  export declare const camelToSnakeCase: (str: string) => string;
5
5
  export declare const formatBalanceString: (str: string) => string;
@@ -6,7 +6,6 @@ import {
6
6
  import { jsx, jsxs } from "react/jsx-runtime";
7
7
  import { forwardRef, useEffect, useState } from "react";
8
8
  import { useStore } from "./stores/useStore.js";
9
- import { useModalStore } from "../modal/stores/index.js";
10
9
  import { useAutoSessionKeepAlive } from "./hooks/utils/useAutoSessionKeepAlive.js";
11
10
  import { useEventListeners } from "./hooks/utils/useEventListeners.js";
12
11
  import { ExternalWalletWrapper } from "./components/ExternalWalletWrapper.js";
@@ -38,7 +37,6 @@ const ParaProviderMin = forwardRef(({ children, paraClientConfig, callbacks, con
38
37
  const rpcUrl = useStore((state) => state.rpcUrl);
39
38
  const setRpcUrl = useStore((state) => state.setRpcUrl);
40
39
  const setProviderProps = useStore((state) => state.setProviderProps);
41
- const setModalError = useModalStore((state) => state.setModalError);
42
40
  const [isClientReady, setIsClientReady] = useState(client == null ? void 0 : client.isReady);
43
41
  useEffect(() => {
44
42
  setProviderProps(__spreadProps(__spreadValues(__spreadValues(__spreadValues({}, config), externalWalletConfig), paraModalConfig), {
@@ -90,7 +88,9 @@ const ParaProviderMin = forwardRef(({ children, paraClientConfig, callbacks, con
90
88
  console.warn("createLinkedEmbeddedForExternalWallets has no effect when using connection only external wallets");
91
89
  setExternalWalletsWithFullAuth([]);
92
90
  } else {
93
- setExternalWalletsWithFullAuth((_b = externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets) != null ? _b : []);
91
+ setExternalWalletsWithFullAuth(
92
+ (externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets) === "ALL" ? [...EXTERNAL_WALLET_TYPES] : (_b = externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets) != null ? _b : []
93
+ );
94
94
  }
95
95
  }
96
96
  }, [externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets]);
@@ -99,7 +99,6 @@ const ParaProviderMin = forwardRef(({ children, paraClientConfig, callbacks, con
99
99
  throw new Error("Invalid Para config");
100
100
  }
101
101
  const newClient = isParaWeb(paraClientConfig) ? paraClientConfig : new ParaWeb(paraClientConfig.env, paraClientConfig.apiKey, paraClientConfig.opts);
102
- newClient.setModalError = setModalError;
103
102
  if (newClient.isReady) {
104
103
  setIsClientReady(true);
105
104
  } else {
@@ -29,19 +29,19 @@ export declare const issueJwt: import("./utils.js").CoreAction<"issueJwt">;
29
29
  export declare const getLinkedAccounts: import("./utils.js").CoreAction<"getLinkedAccounts">;
30
30
  export declare const accountLinkInProgress: import("./utils.js").CoreAction<"accountLinkInProgress">;
31
31
  export declare const linkAccount: (_?: import("@getpara/core-sdk").default, __?: {
32
- auth: import("@getpara/shared").VerifiedAuth;
32
+ auth: import("@getpara/user-management-client").VerifiedAuth;
33
33
  } | {
34
- externalWallet: import("@getpara/shared").ExternalWalletInfo;
34
+ externalWallet: import("@getpara/user-management-client").ExternalWalletInfo;
35
35
  } | {
36
- type: import("@getpara/shared").TLinkedAccountType | "X";
36
+ type: import("@getpara/user-management-client").TLinkedAccountType | "X";
37
37
  } | undefined) => Promise<import("@getpara/core-sdk").AccountLinkInProgress>;
38
38
  export declare const unlinkAccount: (_?: import("@getpara/core-sdk").default, __?: {
39
39
  linkedAccountId: string;
40
- } | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
40
+ } | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
41
41
  export declare const verifyEmailOrPhoneLink: (_?: import("@getpara/core-sdk").default, __?: {
42
42
  verificationCode?: string;
43
- } | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
44
- export declare const verifyFarcasterLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").FarcasterParams | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
45
- export declare const verifyTelegramLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").TelegramParams | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
46
- export declare const verifyOAuthLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").OAuthParams | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
47
- export declare const verifyExternalWalletLink: (_?: import("@getpara/core-sdk").default, __?: Omit<import("@getpara/shared").VerifyExternalWalletParams, "externalWallet"> | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
43
+ } | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
44
+ export declare const verifyFarcasterLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").FarcasterParams | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
45
+ export declare const verifyTelegramLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").TelegramParams | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
46
+ export declare const verifyOAuthLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").OAuthParams | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
47
+ export declare const verifyExternalWalletLink: (_?: import("@getpara/core-sdk").default, __?: Omit<import("@getpara/user-management-client").VerifyExternalWalletParams, "externalWallet"> | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
@@ -11,7 +11,6 @@ import { EvmWalletWrapper } from "./EvmWalletWrapper.js";
11
11
  import { CosmosWalletWrapper } from "./CosmosWalletWrapper.js";
12
12
  import { SolanaWalletWrapper } from "./SolanaWalletWrapper.js";
13
13
  import { useStore } from "../stores/useStore.js";
14
- import { useInternalClient } from "../hooks/utils/useInternalClient.js";
15
14
  const ExternalWalletWrapper = ({
16
15
  children,
17
16
  config
@@ -21,12 +20,8 @@ const ExternalWalletWrapper = ({
21
20
  const appName = useStore((state) => state.appName);
22
21
  const resetModalState = useModalStore((state) => state.resetState);
23
22
  const wallets = useStore((state) => state.externalWallets);
24
- const para = useInternalClient();
25
23
  useEffect(() => {
26
24
  if (!!wallets.length && !(walletConnect == null ? void 0 : walletConnect.projectId)) {
27
- para.setModalError(
28
- "It is recommended to provide a WalletConnect project id to ensure wallet connection works as expected. Refer to our docs at [https://docs.getpara.com/v2/react/guides/external-wallets/evm#configure-the-providers](https://docs.getpara.com/v2/react/guides/external-wallets/evm#configure-the-providers) for configuration details and sign up for your free key at [https://cloud.walletconnect.com/sign-in](https://cloud.walletconnect.com/sign-in)"
29
- );
30
25
  console.warn(
31
26
  "It is recommended to provide a WalletConnect project id to ensure wallet connection works as expected. Sign up for your free key at https://cloud.walletconnect.com/sign-in"
32
27
  );
@@ -24,7 +24,7 @@ export declare const useCreatePregenWallet: () => {
24
24
  addressSecondary?: string | undefined;
25
25
  publicKey?: string | undefined;
26
26
  scheme?: import("@getpara/web-sdk").TWalletScheme | undefined;
27
- type?: import("@getpara/web-sdk").TWalletType | undefined;
27
+ type?: (import("@getpara/user-management-client").EmbeddedWalletType | import("@getpara/user-management-client").ExternalWalletType) | undefined;
28
28
  isPregen?: boolean | undefined;
29
29
  pregenIdentifier?: string | undefined;
30
30
  pregenIdentifierType?: import("@getpara/web-sdk").TPregenIdentifierType | undefined;
@@ -66,7 +66,7 @@ export declare const useCreatePregenWallet: () => {
66
66
  addressSecondary?: string | undefined;
67
67
  publicKey?: string | undefined;
68
68
  scheme?: import("@getpara/web-sdk").TWalletScheme | undefined;
69
- type?: import("@getpara/web-sdk").TWalletType | undefined;
69
+ type?: (import("@getpara/user-management-client").EmbeddedWalletType | import("@getpara/user-management-client").ExternalWalletType) | undefined;
70
70
  isPregen?: boolean | undefined;
71
71
  pregenIdentifier?: string | undefined;
72
72
  pregenIdentifierType?: import("@getpara/web-sdk").TPregenIdentifierType | undefined;
@@ -96,7 +96,7 @@ export declare const useCreatePregenWallet: () => {
96
96
  addressSecondary?: string | undefined;
97
97
  publicKey?: string | undefined;
98
98
  scheme?: import("@getpara/web-sdk").TWalletScheme | undefined;
99
- type?: import("@getpara/web-sdk").TWalletType | undefined;
99
+ type?: (import("@getpara/user-management-client").EmbeddedWalletType | import("@getpara/user-management-client").ExternalWalletType) | undefined;
100
100
  isPregen?: boolean | undefined;
101
101
  pregenIdentifier?: string | undefined;
102
102
  pregenIdentifierType?: import("@getpara/web-sdk").TPregenIdentifierType | undefined;
@@ -16,7 +16,7 @@ export declare const SIGN_UP_LOG_IN_KEY = "SIGN_UP_LOG_IN";
16
16
  */
17
17
  export declare const useSignUpOrLogIn: () => {
18
18
  status: "error" | "idle" | "pending" | "success";
19
- data: Compute<import("@getpara/web-sdk").AuthStateLogin | import("@getpara/shared").ServerAuthStateVerify> | undefined;
19
+ data: Compute<import("@getpara/web-sdk").AuthStateLogin | import("@getpara/web-sdk").AuthStateVerify> | undefined;
20
20
  isSuccess: boolean;
21
21
  variables: {
22
22
  portalTheme?: import("@getpara/web-sdk").Theme | undefined;
@@ -33,12 +33,12 @@ export declare const useSignUpOrLogIn: () => {
33
33
  failureReason: Error | null;
34
34
  isPaused: boolean;
35
35
  submittedAt: number;
36
- signUpOrLogIn: import("@tanstack/react-query").UseMutateFunction<Compute<import("@getpara/web-sdk").AuthStateLogin | import("@getpara/shared").ServerAuthStateVerify>, Error, {
36
+ signUpOrLogIn: import("@tanstack/react-query").UseMutateFunction<Compute<import("@getpara/web-sdk").AuthStateLogin | import("@getpara/web-sdk").AuthStateVerify>, Error, {
37
37
  portalTheme?: import("@getpara/web-sdk").Theme | undefined;
38
38
  useShortUrls?: boolean | undefined;
39
39
  auth: import("@getpara/web-sdk").VerifiedAuth;
40
40
  }, unknown>;
41
- signUpOrLogInAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Compute<import("@getpara/web-sdk").AuthStateLogin | import("@getpara/shared").ServerAuthStateVerify>, Error, {
41
+ signUpOrLogInAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Compute<import("@getpara/web-sdk").AuthStateLogin | import("@getpara/web-sdk").AuthStateVerify>, Error, {
42
42
  portalTheme?: import("@getpara/web-sdk").Theme | undefined;
43
43
  useShortUrls?: boolean | undefined;
44
44
  auth: import("@getpara/web-sdk").VerifiedAuth;
@@ -16,7 +16,7 @@ export declare const VERIFY_FARCASTER_KEY = "VERIFY_FARCASTER";
16
16
  */
17
17
  export declare const useVerifyFarcaster: () => {
18
18
  status: "error" | "idle" | "pending" | "success";
19
- data: Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLogin> | undefined;
19
+ data: Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLoginOrDone> | undefined;
20
20
  isSuccess: boolean;
21
21
  variables: void | {
22
22
  portalTheme?: import("@getpara/web-sdk").Theme | undefined;
@@ -25,6 +25,7 @@ export declare const useVerifyFarcaster: () => {
25
25
  onCancel?: (() => void) | undefined;
26
26
  isCanceled?: (() => boolean) | undefined;
27
27
  onConnectUri?: ((uri: string) => void) | undefined;
28
+ serverAuthState?: import("@getpara/user-management-client").VerifyThirdPartyAuth | undefined;
28
29
  } | undefined;
29
30
  error: Error | null;
30
31
  isError: boolean;
@@ -36,20 +37,22 @@ export declare const useVerifyFarcaster: () => {
36
37
  failureReason: Error | null;
37
38
  isPaused: boolean;
38
39
  submittedAt: number;
39
- verifyFarcaster: import("@tanstack/react-query").UseMutateFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLogin>, Error, void | {
40
+ verifyFarcaster: import("@tanstack/react-query").UseMutateFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLoginOrDone>, Error, void | {
40
41
  portalTheme?: import("@getpara/web-sdk").Theme | undefined;
41
42
  useShortUrls?: boolean | undefined;
42
43
  onPoll?: (() => void) | undefined;
43
44
  onCancel?: (() => void) | undefined;
44
45
  isCanceled?: (() => boolean) | undefined;
45
46
  onConnectUri?: ((uri: string) => void) | undefined;
47
+ serverAuthState?: import("@getpara/user-management-client").VerifyThirdPartyAuth | undefined;
46
48
  }, unknown>;
47
- verifyFarcasterAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLogin>, Error, void | {
49
+ verifyFarcasterAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLoginOrDone>, Error, void | {
48
50
  portalTheme?: import("@getpara/web-sdk").Theme | undefined;
49
51
  useShortUrls?: boolean | undefined;
50
52
  onPoll?: (() => void) | undefined;
51
53
  onCancel?: (() => void) | undefined;
52
54
  isCanceled?: (() => boolean) | undefined;
53
55
  onConnectUri?: ((uri: string) => void) | undefined;
56
+ serverAuthState?: import("@getpara/user-management-client").VerifyThirdPartyAuth | undefined;
54
57
  }, unknown>;
55
58
  };
@@ -20,7 +20,7 @@ export declare const useVerifyNewAccount: () => {
20
20
  displayName?: string | undefined;
21
21
  pfpUrl?: string | undefined;
22
22
  externalWallet?: import("@getpara/web-sdk").ExternalWalletInfo | undefined;
23
- auth: import("@getpara/shared").PrimaryAuth;
23
+ auth: import("@getpara/user-management-client").PrimaryAuth;
24
24
  userId: string;
25
25
  stage: "signup";
26
26
  isPasskeySupported: boolean;
@@ -52,7 +52,7 @@ export declare const useVerifyNewAccount: () => {
52
52
  displayName?: string | undefined;
53
53
  pfpUrl?: string | undefined;
54
54
  externalWallet?: import("@getpara/web-sdk").ExternalWalletInfo | undefined;
55
- auth: import("@getpara/shared").PrimaryAuth;
55
+ auth: import("@getpara/user-management-client").PrimaryAuth;
56
56
  userId: string;
57
57
  stage: "signup";
58
58
  isPasskeySupported: boolean;
@@ -72,7 +72,7 @@ export declare const useVerifyNewAccount: () => {
72
72
  displayName?: string | undefined;
73
73
  pfpUrl?: string | undefined;
74
74
  externalWallet?: import("@getpara/web-sdk").ExternalWalletInfo | undefined;
75
- auth: import("@getpara/shared").PrimaryAuth;
75
+ auth: import("@getpara/user-management-client").PrimaryAuth;
76
76
  userId: string;
77
77
  stage: "signup";
78
78
  isPasskeySupported: boolean;
@@ -16,7 +16,7 @@ export declare const VERIFY_OAUTH_KEY = "VERIFY_OAUTH";
16
16
  */
17
17
  export declare const useVerifyOAuth: () => {
18
18
  status: "error" | "idle" | "pending" | "success";
19
- data: Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLogin> | undefined;
19
+ data: Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLoginOrDone> | undefined;
20
20
  isSuccess: boolean;
21
21
  variables: {
22
22
  portalTheme?: import("@getpara/web-sdk").Theme | undefined;
@@ -39,7 +39,7 @@ export declare const useVerifyOAuth: () => {
39
39
  failureReason: Error | null;
40
40
  isPaused: boolean;
41
41
  submittedAt: number;
42
- verifyOAuth: import("@tanstack/react-query").UseMutateFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLogin>, Error, {
42
+ verifyOAuth: import("@tanstack/react-query").UseMutateFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLoginOrDone>, Error, {
43
43
  portalTheme?: import("@getpara/web-sdk").Theme | undefined;
44
44
  useShortUrls?: boolean | undefined;
45
45
  method: Exclude<import("@getpara/web-sdk").TOAuthMethod, "TELEGRAM" | "FARCASTER">;
@@ -50,7 +50,7 @@ export declare const useVerifyOAuth: () => {
50
50
  onOAuthUrl?: ((url: string) => void) | undefined;
51
51
  onOAuthPopup?: ((popup: Window) => void) | undefined;
52
52
  }, unknown>;
53
- verifyOAuthAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLogin>, Error, {
53
+ verifyOAuthAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLoginOrDone>, Error, {
54
54
  portalTheme?: import("@getpara/web-sdk").Theme | undefined;
55
55
  useShortUrls?: boolean | undefined;
56
56
  method: Exclude<import("@getpara/web-sdk").TOAuthMethod, "TELEGRAM" | "FARCASTER">;