@getpara/react-sdk 2.0.0-alpha.11 → 2.0.0-alpha.13

package/dist/modal/ParaModal.js

@@ -2,6 +2,7 @@
 import {
   __async,
   __objRest,
+  __spreadProps,
   __spreadValues
 } from "../chunk-MMUBH76A.js";
 import { jsx } from "react/jsx-runtime";
@@ -15,24 +16,26 @@ import { DEFAULTS } from "./constants/defaults.js";
 import { useGoBack } from "./hooks/useGoBack.js";
 import styled from "styled-components";
 import { hasEmbeddedAuth, hasExternalWallet } from "./utils/authLayoutHelpers.js";
-import { useModal, useWalletState } from "../provider/index.js";
+import { useAccount, useModal, useWalletState } from "../provider/index.js";
 import { useInternalClient } from "../provider/hooks/utils/useInternalClient.js";
 import { useExternalWallets } from "../provider/providers/ExternalWalletProvider.js";
 import { useStore } from "../provider/stores/useStore.js";
 import parsePhoneNumberFromString from "libphonenumber-js";
 import { useAuthActions } from "../provider/providers/AuthProvider.js";
 import { validateAuth } from "./utils/authInputHelpers.js";
+import { SDK_VERSION } from "./constants/constants.js";
 defineCustomElements();
 const ParaModal = forwardRef((props, ref) => {
   const storedModalConfig = useStore((state) => state.modalConfig);
   const modalContentRef = useRef(null);
+  const refs = useModalStore((state) => state.refs);
+  const flow = useModalStore((state) => state.flow);
   const currentStep = useModalStore((state) => state.step);
   const setAuthState = useModalStore((state) => state.setAuthState);
   const setOnModalStepChange = useModalStore((state) => state.setOnModalStepChange);
   const setStep = useModalStore((state) => state.setStep);
   const hasPreviousStep = useModalStore((state) => state.hasPreviousStep());
   const setFlow = useModalStore((state) => state.setFlow);
-  const setIsFullyLoggedIn = useModalStore((state) => state.setIsFullyLoggedIn);
   const goBack = useGoBack();
   const setAuthLayout = useModalStore((state) => state.setAuthLayout);
   const storedAuthLayout = useModalStore((state) => state.authLayout);
@@ -44,9 +47,11 @@ const ParaModal = forwardRef((props, ref) => {
   const { setSelectedWallet, updateSelectedWallet } = useWalletState();
   const setAuthStepRoute = useModalStore((state) => state.setAuthStepRoute);
   const { signUpOrLogIn, isCreateGuestWalletsPending } = useAuthActions();
+  const { data: account } = useAccount();
   const [isModalMounted, setIsModalMounted] = useState(false);
   const [isInit, setIsInit] = useState(false);
   const externalWallets = useStore((state) => state.externalWallets);
+  const providerProps = useStore((state) => state.providerProps);
   const _a = __spreadValues(__spreadValues({}, storedModalConfig), props), {
     isOpen: configIsOpen,
     theme,
@@ -78,6 +83,32 @@ const ParaModal = forwardRef((props, ref) => {
     "onClose",
     "defaultAuthIdentifier"
   ]);
+  useEffect(() => {
+    const trackAnalytics = () => __async(void 0, null, function* () {
+      try {
+        yield para.ctx.client.trackReactSdkAnalytics({
+          props: __spreadValues(__spreadProps(__spreadValues({}, providerProps), {
+            theme,
+            disableEmailLogin,
+            disablePhoneLogin,
+            isGuestModeEnabled,
+            oAuthMethods,
+            bareModal,
+            className,
+            currentStepOverride,
+            authLayout,
+            embeddedModal,
+            onModalStepChange,
+            onClose,
+            defaultAuthIdentifier
+          }), rest),
+          reactSdkVersion: SDK_VERSION
+        });
+      } catch (_) {
+      }
+    });
+    trackAnalytics();
+  }, []);
   const isOpen = configIsOpen != null ? configIsOpen : storedIsOpen;
   useImperativeHandle(ref, () => {
     return {
@@ -106,12 +137,10 @@ const ParaModal = forwardRef((props, ref) => {
       case isGuest:
         setFlow("guest");
         setStep(isCreateGuestWalletsPending ? ModalStep.AWAITING_GUEST_WALLET_CREATION : ModalStep.ACCOUNT_MAIN);
-        setIsFullyLoggedIn(true);
         break;
       case isAccount:
         setFlow("account");
         setStep(ModalStep.ACCOUNT_MAIN);
-        setIsFullyLoggedIn(true);
         break;
       default:
         if (currentStep !== ModalStep.AUTH_MAIN && currentStep !== ModalStep.SECRET) {
@@ -122,7 +151,6 @@ const ParaModal = forwardRef((props, ref) => {
         }
         yield disconnectExternalWallet();
         setSelectedWallet({ id: void 0, type: void 0 });
-        setIsFullyLoggedIn(false);
         if (shouldAutoLogin) {
           if (defaultAuthIdentifier && ((_a2 = para.authInfo) == null ? void 0 : _a2.identifier) !== defaultAuthIdentifier) {
             const number = parsePhoneNumberFromString(defaultAuthIdentifier);
@@ -178,6 +206,11 @@ const ParaModal = forwardRef((props, ref) => {
   useEffect(() => {
     updateSelectedWallet();
   }, [para]);
+  useEffect(() => {
+    if (bareModal && account && !account.isConnected && !["signup", "login"].includes(flow != null ? flow : "") && refs.currentStep.current !== ModalStep.AUTH_MAIN) {
+      setStep(ModalStep.AUTH_MAIN);
+    }
+  }, [bareModal, flow, account]);
   const handleClose = () => {
     closeModal();
     onClose == null ? void 0 : onClose();

package/dist/modal/components/AddFunds/AddFundsReceive.js

@@ -21,9 +21,9 @@ import { useAddFunds } from "./AddFundsContext.js";
 import { formatNetworkList } from "../../utils/stringFormatters.js";
 import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
 const GENERIC_WALLET = {
-  EVM: "Ethereum or EVM-based L2s",
-  SOLANA: "Solana",
-  COSMOS: "Cosmos"
+  EVM: "Ethereum or EVM-based networks",
+  SOLANA: "Solana or SVM-based networks",
+  COSMOS: "Cosmos networks"
 };
 function AddFundsReceive() {
   const [isCopied, copy] = useCopyToClipboard();

package/dist/modal/components/AuthMainStep/AuthMainStepContent.js

@@ -144,9 +144,10 @@ const GuestMode = styled.a`
   width: 100%;
   height: 50px;
   color: ${({ isDark }) => isDark ? "white" : "black"};
-  text-decoration: underline;
+  text-decoration: none;
   font-size: 16px;
   font-weight: 500;
+  font-family: var(--cpsl-font-family);
 
   &:hover {
     text-decoration: underline;

package/dist/modal/components/AuthOptions/AuthOptions.js

@@ -7,8 +7,7 @@ import { OAuth } from "../OAuth/OAuth.js";
 import { AuthInput } from "../AuthInput/AuthInput.js";
 import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
 import { useModalStore } from "../../stores/index.js";
-import { CpslIcon } from "@getpara/react-components";
-import { useStore } from "../../../provider/stores/useStore.js";
+import { CpslIcon, CpslText } from "@getpara/react-components";
 const AuthOptions = ({
   oAuthMethods,
   disableEmailLogin,
@@ -16,10 +15,6 @@ const AuthOptions = ({
   isGuestModeEnabled = false
 }) => {
   const { wallets } = useExternalWallets();
-  const isDark = useStore((state) => {
-    var _a, _b;
-    return ((_b = (_a = state.modalConfig) == null ? void 0 : _a.theme) == null ? void 0 : _b.mode) === "dark";
-  });
   const guestAddFundsTab = useModalStore((state) => state.guestAddFundsTab);
   const Content = useMemo(() => {
     const Methods = [];
@@ -32,12 +27,14 @@ const AuthOptions = ({
     return /* @__PURE__ */ jsx(Fragment, { children: Methods });
   }, [oAuthMethods, disableEmailLogin, disablePhoneLogin, isGuestModeEnabled, wallets]);
   return /* @__PURE__ */ jsxs(Container, { children: [
-    guestAddFundsTab && /* @__PURE__ */ jsxs(CompleteAccountSetup, { isDark, children: [
-      /* @__PURE__ */ jsx(CpslIcon, { icon: "stars02", size: "16px" }),
-      "Complete account setup to",
-      " ",
-      guestAddFundsTab === "BUY" ? "buy assets" : guestAddFundsTab === "WITHDRAW" ? "sell assets" : "continue",
-      "."
+    guestAddFundsTab && /* @__PURE__ */ jsxs(CompleteAccountSetup, { children: [
+      /* @__PURE__ */ jsx(CompleteAccountIcon, { icon: "stars02", size: "16px" }),
+      /* @__PURE__ */ jsxs(CpslText, { variant: "bodyS", weight: "bold", children: [
+        "Complete account setup to",
+        " ",
+        guestAddFundsTab === "BUY" ? "buy assets" : guestAddFundsTab === "WITHDRAW" ? "sell assets" : "continue",
+        "."
+      ] })
     ] }),
     Content
   ] });
@@ -52,9 +49,11 @@ const CompleteAccountSetup = styled.div`
   align-items: center;
   justify-content: center;
   gap: 4px;
-  color: ${({ isDark }) => isDark ? "white" : "black"};
-  font-weight: 500;
-  font-size: 14px;
+  color: var(--cpsl-color-text-primary);
+  margin-bottom: 8px;
+`;
+const CompleteAccountIcon = styled(CpslIcon)`
+  --icon-color: var(--cpsl-color-text-primary);
 `;
 export {
   AuthOptions

package/dist/modal/components/Controls/Controls.js

@@ -9,6 +9,7 @@ import { AccountSelect, ChainSelect } from "./Selects.js";
 import { ModalStep } from "../../utils/steps.js";
 import { HeaderButton } from "@getpara/react-common";
 import { useStore } from "../../../provider/stores/useStore.js";
+import { useAccount } from "../../../provider/index.js";
 const Controls = ({ onClose }) => {
   const bareModal = useStore((state) => {
     var _a;
@@ -16,8 +17,8 @@ const Controls = ({ onClose }) => {
   });
   const hasPreviousStep = useModalStore((state) => state.hasPreviousStep());
   const step = useModalStore((state) => state.step);
-  const isFullyLoggedIn = useModalStore((state) => state.isFullyLoggedIn);
   const goBack = useGoBack();
+  const { data: account } = useAccount();
   const shouldShowSelects = [
     ModalStep.ACCOUNT_MAIN,
     ModalStep.CHAIN_SWITCH,
@@ -40,7 +41,7 @@ const Controls = ({ onClose }) => {
         children: /* @__PURE__ */ jsx(CpslIcon, { icon: "arrow" })
       }
     ),
-    /* @__PURE__ */ jsx(MiddleContainer, { children: shouldShowSelects && isFullyLoggedIn && /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(MiddleContainer, { children: shouldShowSelects && (account == null ? void 0 : account.isConnected) && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(ChainSelect, {}),
       /* @__PURE__ */ jsx(AccountSelect, {})
     ] }) }),

package/dist/modal/components/LoginDoneStep/LoginDoneStep.js

@@ -6,16 +6,29 @@ import { Heading, HeroIcon, StepContainer } from "../common.js";
 import { ExternalWalletCard, WalletCard, WalletCards } from "../WalletCard/WalletCard.js";
 import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
 import { useStore } from "../../../provider/stores/useStore.js";
+import { useModalStore } from "../../stores/index.js";
+import { ModalStep } from "../../utils/steps.js";
 const LoginDoneStep = ({ onClose }) => {
   var _a, _b;
   const para = useInternalClient();
+  const bareModal = useStore((state) => {
+    var _a2;
+    return (_a2 = state.modalConfig) == null ? void 0 : _a2.bareModal;
+  });
+  const setStep = useModalStore((state) => state.setStep);
+  const setFlow = useModalStore((state) => state.setFlow);
   const hideWallets = useStore((state) => {
     var _a2;
     return (_a2 = state.modalConfig) == null ? void 0 : _a2.hideWallets;
   });
   useEffect(() => {
     setTimeout(() => {
-      onClose();
+      if (bareModal) {
+        setFlow("account");
+        setStep(ModalStep.ACCOUNT_MAIN);
+      } else {
+        onClose();
+      }
     }, 1600);
   }, []);
   return /* @__PURE__ */ jsxs(StepContainer, { children: [

package/dist/modal/components/WalletCreationDoneStep/WalletCreationDoneStep.js

@@ -19,7 +19,12 @@ const WalletCreationDoneStep = ({ twoFactorAuthEnabled, onClose }) => {
     var _a;
     return (_a = state.modalConfig) == null ? void 0 : _a.hideWallets;
   });
+  const bareModal = useStore((state) => {
+    var _a;
+    return (_a = state.modalConfig) == null ? void 0 : _a.bareModal;
+  });
   const setStep = useModalStore((state) => state.setStep);
+  const setFlow = useModalStore((state) => state.setFlow);
   const isLogin = useModalStore((state) => state.isLogin());
   const twoFactorStatus = useModalStore((state) => state.twoFactorStatus);
   const onRampConfig = useModalStore((state) => state.onRampConfig);
@@ -30,7 +35,12 @@ const WalletCreationDoneStep = ({ twoFactorAuthEnabled, onClose }) => {
     if (isLogin) {
       setStep(ModalStep.LOGIN_DONE);
     } else {
-      onClose();
+      if (bareModal) {
+        setFlow("account");
+        setStep(ModalStep.ACCOUNT_MAIN);
+      } else {
+        onClose();
+      }
     }
   };
   const handleNext = () => __async(void 0, null, function* () {

package/dist/modal/constants/constants.d.ts

@@ -36,4 +36,5 @@ export declare const NETWORK_NOT_SUPPORTED_ERROR = "network not supported";
 export declare const EMAIL_REGEX: RegExp;
 export declare const BODY_MOTION_VARIANTS: Variants;
 export declare const BODY_TRANSITION: Transition;
+export declare const SDK_VERSION: string;
 export {};

package/dist/modal/constants/constants.js

@@ -119,6 +119,7 @@ const BODY_MOTION_VARIANTS = {
 const BODY_TRANSITION = {
   duration: 0.2
 };
+const SDK_VERSION = "2.0.0-alpha.13";
 export {
   BODY_MOTION_VARIANTS,
   BODY_TRANSITION,
@@ -130,6 +131,7 @@ export {
   ON_RAMP_PROVIDERS,
   PARA_CONNECT,
   PARA_TERMS_AND_CONDITIONS,
+  SDK_VERSION,
   getAssetCode,
   getAssetIcon,
   getAssetName,

package/dist/modal/stores/modal/actions.js

@@ -64,7 +64,7 @@ const getActions = (set, get) => ({
     if ([ModalStep.ADD_FUNDS_BUY, ModalStep.ADD_FUNDS_WITHDRAW].includes(currentStep) && onRampStep > 0) {
       return true;
     }
-    return !!flow && !!getPreviousStep(flow, currentStep);
+    return !!getPreviousStep(flow, currentStep);
   },
   setFlow: (flow) => set({ flow }),
   isLogin: () => get().flow === "login",

package/dist/provider/ParaProvider.js

@@ -1,5 +1,8 @@
 "use client";
-import "../chunk-MMUBH76A.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "../chunk-MMUBH76A.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useEffect } from "react";
 import { useStore } from "./stores/useStore.js";
@@ -26,6 +29,13 @@ const ParaProvider = forwardRef(({ children, paraClientConfig, callbacks, config
   const appName = useStore((state) => state.appName);
   const rpcUrl = useStore((state) => state.rpcUrl);
   const setRpcUrl = useStore((state) => state.setRpcUrl);
+  const setProviderProps = useStore((state) => state.setProviderProps);
+  useEffect(() => {
+    setProviderProps(__spreadProps(__spreadValues(__spreadValues(__spreadValues({}, config), externalWalletConfig), paraModalConfig), {
+      // Redacting walletConnect to avoid exposing project id
+      walletConnect: void 0
+    }));
+  }, [config, externalWalletConfig, paraModalConfig]);
   useEffect(() => {
     if (rpcUrl !== config.rpcUrl) setRpcUrl(config.rpcUrl);
   }, [config.rpcUrl]);
@@ -43,15 +53,17 @@ const ParaProvider = forwardRef(({ children, paraClientConfig, callbacks, config
   }, [externalWalletConfig == null ? void 0 : externalWalletConfig.wallets]);
   useEffect(() => {
     var _a, _b;
-    if (externalWalletsWithFullAuth !== (externalWalletConfig == null ? void 0 : externalWalletConfig.walletsWithParaAuth)) {
+    if (externalWalletsWithFullAuth !== (externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets)) {
       if (isConfigType(paraClientConfig) ? (_a = paraClientConfig.opts) == null ? void 0 : _a.externalWalletConnectionOnly : paraClientConfig.externalWalletConnectionOnly) {
-        console.warn("walletsWithParaAuth has no effect when using externalWalletConnectionOnly");
+        console.warn("createLinkedEmbeddedForExternalWallets has no effect when using externalWalletConnectionOnly");
         setExternalWalletsWithFullAuth([]);
       } else {
-        setExternalWalletsWithFullAuth((_b = externalWalletConfig == null ? void 0 : externalWalletConfig.walletsWithParaAuth) != null ? _b : []);
+        setExternalWalletsWithFullAuth(
+          (externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets) === "ALL" ? Object.values(ExternalWallet) : (_b = externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets) != null ? _b : []
+        );
       }
     }
-  }, [externalWalletConfig == null ? void 0 : externalWalletConfig.walletsWithParaAuth]);
+  }, [externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets]);
   useEffect(() => {
     if (!isConfigType(paraClientConfig) && !isParaWeb(paraClientConfig)) {
       throw new Error("Invalid Para config");

package/dist/provider/hooks/utils/useEventListeners.js

@@ -103,7 +103,7 @@ const useEventListeners = ({
       updateSelectedWallet();
       onGuestWalletsCreated == null ? void 0 : onGuestWalletsCreated(event);
     },
-    [onGuestWalletsCreated]
+    [queryClient, updateSelectedWallet, onGuestWalletsCreated]
   );
   useEffect(() => {
     window.addEventListener(ParaEvent.LOGIN_EVENT, loginListener);

package/dist/provider/providers/AuthProvider.js

@@ -69,7 +69,12 @@ function AuthProvider({
   const para = useInternalClient();
   const onLoginRef = useStore((state) => state.onLoginRef);
   const setIsOpen = useStore((state) => state.setIsOpen);
+  const bareModal = useStore((state) => {
+    var _a;
+    return (_a = state.modalConfig) == null ? void 0 : _a.bareModal;
+  });
   const refs = useModalStore((state) => state.refs);
+  const setFlow = useModalStore((state) => state.setFlow);
   const currentStep = useModalStore((state) => state.step);
   const setStep = useModalStore((state) => state.setStep);
   const setAuthStepRoute = useModalStore((state) => state.setAuthStepRoute);
@@ -416,7 +421,12 @@ function AuthProvider({
     }
   }), [para, isRecoverySecretStepEnabled, overrides == null ? void 0 : overrides.createWallets]);
   const createGuestWallets = () => {
-    setIsOpen(false);
+    if (bareModal) {
+      setFlow("guest");
+      setStep(ModalStep.AWAITING_GUEST_WALLET_CREATION);
+    } else {
+      setIsOpen(false);
+    }
     mutateCreateGuestWallets(void 0, {
       onSuccess: () => {
       },

package/dist/provider/stores/slices/analytics.d.ts

@@ -0,0 +1,3 @@
+import { StateCreator } from 'zustand';
+import { AnalyticsSlice, Store } from '../types.js';
+export declare const createAnalyticsSlice: StateCreator<Store, [], [], AnalyticsSlice>;

package/dist/provider/stores/slices/analytics.js

@@ -0,0 +1,9 @@
+"use client";
+import "../../../chunk-MMUBH76A.js";
+const createAnalyticsSlice = (set) => ({
+  providerProps: {},
+  setProviderProps: (providerProps) => set({ providerProps })
+});
+export {
+  createAnalyticsSlice
+};

package/dist/provider/stores/slices/index.d.ts

@@ -2,3 +2,4 @@ export * from './client.js';
 export * from './modal.js';
 export * from './wallet.js';
 export * from './externalWallets.js';
+export * from './analytics.js';

package/dist/provider/stores/slices/index.js

@@ -3,3 +3,4 @@ export * from "./client.js";
 export * from "./modal.js";
 export * from "./wallet.js";
 export * from "./externalWallets.js";
+export * from "./analytics.js";

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

@@ -14,6 +14,10 @@ export interface ConfigSlice {
     appName: string;
     setAppName: (_: string) => void;
 }
+export interface AnalyticsSlice {
+    providerProps: object;
+    setProviderProps: (_: object) => void;
+}
 export interface ModalSlice {
     modalConfig?: ParaModalProps;
     setModalConfig: (_?: ParaModalProps) => void;
@@ -61,4 +65,4 @@ export interface ExternalWalletsSlice {
     setIsLoadingSolanaLib: (_: boolean) => void;
     onLoginRef: MutableRefObject<(() => Promise<void>) | null>;
 }
-export type Store = ClientSlice & ModalSlice & WalletSlice & ExternalWalletsSlice & ConfigSlice;
+export type Store = ClientSlice & ModalSlice & WalletSlice & ExternalWalletsSlice & ConfigSlice & AnalyticsSlice;

package/dist/provider/stores/useStore.js

@@ -3,12 +3,18 @@ import {
   __spreadValues
 } from "../../chunk-MMUBH76A.js";
 import { createStore, useStore as useZustandStore } from "zustand";
-import { createClientSlice, createExternalWalletsSlice, createModalSlice, createWalletSlice } from "./slices/index.js";
+import {
+  createAnalyticsSlice,
+  createClientSlice,
+  createExternalWalletsSlice,
+  createModalSlice,
+  createWalletSlice
+} from "./slices/index.js";
 import { createJSONStorage, persist } from "zustand/middleware";
 import { createConfigSlice } from "./slices/config.js";
 const vanillaStore = createStore()(
   persist(
-    (...a) => __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, createClientSlice(...a)), createModalSlice(...a)), createWalletSlice(...a)), createExternalWalletsSlice(...a)), createConfigSlice(...a)),
+    (...a) => __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, createClientSlice(...a)), createModalSlice(...a)), createWalletSlice(...a)), createExternalWalletsSlice(...a)), createConfigSlice(...a)), createAnalyticsSlice(...a)),
     {
       version: 1,
       name: "@PARA/provider-state",

package/dist/provider/types/provider.d.ts

@@ -107,9 +107,11 @@ export type ExternalWalletConfig<chains extends readonly [Chain, ...Chain[]], tr
      */
     wallets?: TExternalWallet[];
     /**
-     * Which external wallets will include full verification and Para auth.
+     * Array of external wallets that will also include linked embedded wallets.
+     *
+     * You can also pass `ALL` to include linked embedded wallets for all external wallets.
      */
-    walletsWithParaAuth?: TExternalWallet[];
+    createLinkedEmbeddedForExternalWallets?: TExternalWallet[] | 'ALL';
 };
 export interface ParaProviderProps<chains extends readonly [Chain, ...Chain[]], transports extends Record<chains[number]['id'], Transport>> extends PropsWithChildren {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getpara/react-sdk",
-  "version": "2.0.0-alpha.11",
+  "version": "2.0.0-alpha.13",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -15,9 +15,9 @@
     "*.css"
   ],
   "dependencies": {
-    "@getpara/react-common": "2.0.0-alpha.11",
-    "@getpara/react-components": "2.0.0-alpha.11",
-    "@getpara/web-sdk": "2.0.0-alpha.11",
+    "@getpara/react-common": "2.0.0-alpha.13",
+    "@getpara/react-components": "2.0.0-alpha.13",
+    "@getpara/web-sdk": "2.0.0-alpha.13",
     "date-fns": "^3.6.0",
     "framer-motion": "11.3.28",
     "libphonenumber-js": "^1.11.1",
@@ -33,9 +33,9 @@
     "cli": "node ./dist/cli/cli.mjs"
   },
   "devDependencies": {
-    "@getpara/cosmos-wallet-connectors": "2.0.0-alpha.11",
-    "@getpara/evm-wallet-connectors": "2.0.0-alpha.11",
-    "@getpara/solana-wallet-connectors": "2.0.0-alpha.11",
+    "@getpara/cosmos-wallet-connectors": "2.0.0-alpha.13",
+    "@getpara/evm-wallet-connectors": "2.0.0-alpha.13",
+    "@getpara/solana-wallet-connectors": "2.0.0-alpha.13",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.3.0",
     "@testing-library/react-hooks": "^8.0.1",
@@ -48,9 +48,9 @@
     "wagmi": "^2.14.16"
   },
   "peerDependencies": {
-    "@getpara/cosmos-wallet-connectors": "^2.0.0-alpha.11",
-    "@getpara/evm-wallet-connectors": "^2.0.0-alpha.11",
-    "@getpara/solana-wallet-connectors": "^2.0.0-alpha.11",
+    "@getpara/cosmos-wallet-connectors": "^2.0.0-alpha.12",
+    "@getpara/evm-wallet-connectors": "^2.0.0-alpha.12",
+    "@getpara/solana-wallet-connectors": "^2.0.0-alpha.12",
     "@tanstack/react-query": ">=5.0.0",
     "react": "*",
     "react-dom": "*"
@@ -63,5 +63,5 @@
   "resolutions": {
     "styled-components": "^6"
   },
-  "gitHead": "e877dc4237cc4cc3a233f3d4166cc8f5a1942900"
+  "gitHead": "fbd9384b1b3fb8577f9d6c323d4e41d0de1ac83b"
 }