@getpara/react-sdk-lite 2.11.0 → 2.12.0

package/dist/modal/ParaModal.js

@@ -29,6 +29,7 @@ const ParaModal = forwardRef((props, ref) => {
   const storedModalConfig = useStore((state) => state.modalConfig);
   const refs = useStore((state) => state.refs);
   const modalContentRef = useRef(null);
+  const modalRef = useRef(null);
   const modalRefs = useModalStore((state) => state.refs);
   const flow = useModalStore((state) => state.flow);
   const currentStep = useModalStore((state) => state.step);
@@ -111,7 +112,7 @@ const ParaModal = forwardRef((props, ref) => {
             onClose,
             defaultAuthIdentifier
           }), rest),
-          reactSdkVersion: "2.11.0"
+          reactSdkVersion: "2.12.0"
         });
       } catch (e) {
       }
@@ -273,6 +274,15 @@ const ParaModal = forwardRef((props, ref) => {
       setStep(ModalStep.LOGIN_DONE);
     }
   });
+  useEffect(() => {
+    var _a2;
+    if ((_a2 = modalRef.current) == null ? void 0 : _a2.shadowRoot) {
+      const container = modalRef.current.shadowRoot.getElementById("modal-container");
+      if (container && modalRefs.modalContainer) {
+        modalRefs.modalContainer.current = container;
+      }
+    }
+  }, [isModalMounted]);
   if (!para) {
     console.error("A Para instance is required.");
     return null;
@@ -297,6 +307,7 @@ const ParaModal = forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(
     StyledAuthModal,
     {
+      ref: modalRef,
       enterTransitionDuration: DEFAULTS.ANIMATION_DURATION,
       exitTransitionDuration: DEFAULTS.ANIMATION_DURATION,
       open: isOpen,

package/dist/modal/components/Account/AccountSend/context.js

@@ -61,7 +61,8 @@ function AccountSendProvider({ children, step }) {
     var _a2;
     return (_a2 = state.modalConfig) == null ? void 0 : _a2.balances;
   });
-  const { data: balances } = useProfileBalance({ isComprehensive: true });
+  const [refetchTrigger, setRefetchTrigger] = useState(0);
+  const { data: balances } = useProfileBalance({ isComprehensive: true, refetchTrigger });
   const { selectedWallet, setSelectedWallet } = useWalletState();
   const [estimate, setEstimate] = useState(null);
   const [broadcast, setBroadcast] = useState(null);
@@ -161,6 +162,7 @@ function AccountSendProvider({ children, step }) {
   const prevWalletAddressRef = useRef(selectedWallet == null ? void 0 : selectedWallet.address);
   const isSettingMaxRef = useRef(false);
   const isResettingRef = useRef(false);
+  const recentTxCompletedRef = useRef(false);
   const resetState = useCallback(() => {
     if (isResettingRef.current) {
       return;
@@ -291,6 +293,17 @@ function AccountSendProvider({ children, step }) {
     assetAmountOnNetwork,
     isMax
   ]);
+  useEffect(() => {
+    if (broadcast && !broadcast.error) {
+      recentTxCompletedRef.current = true;
+    }
+  }, [broadcast]);
+  useEffect(() => {
+    if (step === "SEND_FORM" && recentTxCompletedRef.current) {
+      setRefetchTrigger((prev) => prev + 1);
+      recentTxCompletedRef.current = false;
+    }
+  }, [step]);
   const value = useMemo(() => {
     return {
       step,

package/dist/modal/components/Account/AccountWallet.js

@@ -7,7 +7,7 @@ import { safeStyled, SpinnerContainer } from "@getpara/react-common";
 import { CpslButton, CpslIcon, CpslSpinner } from "@getpara/react-components";
 import { useModalStore } from "../../stores/modal/useModalStore.js";
 import { WalletEntry } from "./AccountProfileEntry.js";
-import { useEffect, useMemo } from "react";
+import { useMemo } from "react";
 import { useAccount, useExportPrivateKey } from "../../../provider/index.js";
 import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
 import { ModalStep } from "../../utils/steps.js";
@@ -113,11 +113,6 @@ const AccountWallet = () => {
       )
     ] });
   }, [profileWallet, connectionType, disconnectStatus]);
-  useEffect(() => {
-    return () => {
-      setProfileWallet(void 0);
-    };
-  }, []);
   return /* @__PURE__ */ jsx(Container, { children: Content });
 };
 const Container = safeStyled.div`

package/dist/modal/components/Account/AccountWalletSelect.js

@@ -4,10 +4,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef } from "react";
 import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
 import { useDropdownPosition } from "../AuthInput/hooks/useDropdownPosition.js";
-import { getExternalWalletIcon, MOBILE_SIZE, safeStyled, useCopyToClipboard } from "@getpara/react-common";
+import { getExternalWalletIcon, safeStyled, useCopyToClipboard } from "@getpara/react-common";
 import { useAccount, useWallet, useWalletState } from "../../../provider/index.js";
 import { CpslButton, CpslIcon, CpslSelect, CpslSelectItem, CpslText } from "@getpara/react-components";
 import { truncateAddress } from "@getpara/web-sdk";
+import { getMobilePopoverPositionCSS } from "../common.js";
 const getValue = (id, type) => {
   return id && type ? `${id}~${type}` : void 0;
 };
@@ -79,7 +80,7 @@ const AccountWalletSelect = () => {
       resize();
     }
   }, [activeWallet, availableWallets, dropdownMaxHeight]);
-  return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(SelectContainer, { ref: containerRef, id: "addressInputContainer", children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(SelectContainer, { ref: containerRef, children: /* @__PURE__ */ jsxs(
     Select,
     {
       selectedValue: getValue(activeWallet == null ? void 0 : activeWallet.id, activeWallet == null ? void 0 : activeWallet.type),
@@ -89,10 +90,9 @@ const AccountWalletSelect = () => {
       },
       showFormattedSelectedItem: true,
       placeholder: "Choose wallet...",
-      anchorElId: "addressInputContainer",
       dropdownMaxHeight,
       $width: dropdownWidth != null ? dropdownWidth : 0,
-      $top: (mobileAnchor != null ? mobileAnchor : 0) + 184 + 1,
+      $top: mobileAnchor != null ? mobileAnchor : void 0,
       selectedItemVariant: "bodyXS",
       icon: isMultiWallet ? "chevronUp" : null,
       disabled: !isMultiWallet,
@@ -148,14 +148,7 @@ const Select = safeStyled(CpslSelect)`
 
   &::part(popover) {
       /* Have to adjust the top of the popover here since we're using a transform on the modal which causes fixed position items to not be relative to the viewport */
-      @media (max-width: ${MOBILE_SIZE}px) {
-        top: ${({ $top }) => $top ? `${$top}px` : "0px"};
-        bottom: 16px;
-      }
-      cpsl-auth-modal.force-mobile-media & {
-        top: ${({ $top }) => $top ? `${$top}px` : "0px"};
-        bottom: 16px;
-      }
+      ${({ $top }) => getMobilePopoverPositionCSS($top)}
     }
 
   &::part(icon) {

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

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

package/dist/modal/components/AuthInput/hooks/useDropdownPosition.js

@@ -1,31 +1,39 @@
 "use client";
 import "../../../../chunk-MMUBH76A.js";
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
+import { useModalStore } from "../../../stores/index.js";
 const useDropdownPosition = (inputRef) => {
   const [dropdownMaxHeight, setDropdownMaxHeight] = useState();
   const [dropdownWidth, setDropdownWidth] = useState();
-  const [mobileAnchor, setMobileAnchor] = useState();
-  const resize = () => {
-    var _a, _b, _c, _d;
-    if (typeof window !== "undefined") {
-      const newMaxHeight = Math.max(
-        window.innerHeight - ((_b = (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.getBoundingClientRect().bottom) != null ? _b : 0) - 20,
-        window.innerHeight * 0.25
-      );
-      setDropdownMaxHeight(newMaxHeight);
-      setDropdownWidth((_c = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _c.getBoundingClientRect().width);
-      setMobileAnchor((_d = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _d.getBoundingClientRect().height);
+  const [mobileAnchor, setMobileAnchor] = useState(null);
+  const modalContainerRef = useModalStore((state) => state.refs.modalContainer);
+  const resize = useCallback(() => {
+    if (typeof window !== "undefined" && inputRef.current) {
+      const rect = inputRef.current.getBoundingClientRect();
+      const newMaxHeight = Math.max(window.innerHeight - rect.bottom - 20, window.innerHeight * 0.25);
+      setDropdownMaxHeight((prev) => prev !== newMaxHeight ? newMaxHeight : prev);
+      setDropdownWidth((prev) => prev !== rect.width ? rect.width : prev);
+      const isMobile = window.innerWidth <= 480;
+      if (isMobile) {
+        const modalContainer = modalContainerRef.current;
+        if (modalContainer) {
+          const modalRect = modalContainer.getBoundingClientRect();
+          const topFromModal = rect.top - modalRect.top;
+          const bottomFromModal = topFromModal + rect.height;
+          setMobileAnchor((prev) => prev !== bottomFromModal ? bottomFromModal : prev);
+        }
+      } else {
+        setMobileAnchor(null);
+      }
     }
-  };
-  if (inputRef.current && !dropdownMaxHeight) {
-    resize();
-  }
+  }, [inputRef, modalContainerRef]);
   useEffect(() => {
+    resize();
     typeof window !== "undefined" && window.addEventListener("resize", resize);
     return () => {
       typeof window !== "undefined" && window.removeEventListener("resize", resize);
     };
-  }, []);
+  }, [resize]);
   return { dropdownMaxHeight, dropdownWidth, mobileAnchor, resize };
 };
 export {

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

@@ -50,7 +50,7 @@ const AuthOptions = ({
       );
     }
     return /* @__PURE__ */ jsx(Fragment, { children: Methods });
-  }, [oAuthMethods, disableEmailLogin, disablePhoneLogin, isGuestModeEnabled, wallets]);
+  }, [oAuthMethods, disableEmailLogin, disablePhoneLogin, isGuestModeEnabled, wallets, defaultAuth]);
   return /* @__PURE__ */ jsxs(Container, { children: [
     guestAddFundsTab && /* @__PURE__ */ jsxs(CompleteAccountSetup, { children: [
       /* @__PURE__ */ jsx(CompleteAccountIcon, { icon: "stars02", size: "16px" }),

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

@@ -48,7 +48,7 @@ const ChainSelect = () => {
     return null;
   }
   const chainIdToUse = chainIdSwitchingTo != null ? chainIdSwitchingTo : chainId;
-  return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(HeaderSelectContainer, { ref: containerRef, id: "inputContainer", children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(HeaderSelectContainer, { ref: containerRef, children: /* @__PURE__ */ jsxs(
     HeaderSelect,
     {
       selectedValue: (_a = chainIdToUse == null ? void 0 : chainIdToUse.toString()) != null ? _a : "",
@@ -57,10 +57,9 @@ const ChainSelect = () => {
       },
       showFormattedSelectedItem: true,
       placeholder: "Choose chain...",
-      anchorElId: "inputContainer",
       dropdownMaxHeight,
       $width: dropdownWidth != null ? dropdownWidth : 0,
-      $top: (mobileAnchor != null ? mobileAnchor : 0) + 16 + 1,
+      $top: mobileAnchor != null ? mobileAnchor : void 0,
       autoWidth: true,
       alignCenter: true,
       selectedItemVariant: "bodyXS",

package/dist/modal/components/ExternalWalletStep/ExternalWalletStep.js

@@ -49,7 +49,7 @@ const ExternalWalletMobileConnect = ({
     if (isError && onRetryClick) {
       yield onRetryClick();
     } else {
-      yield openMobileUrl(qrUri);
+      openMobileUrl(qrUri);
     }
   });
   if (wallet.type === "SOLANA" || isMobile() && !isTablet()) {

package/dist/modal/components/WalletSelectOld/WalletSelectOld.js

@@ -4,9 +4,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef } from "react";
 import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
 import { useDropdownPosition } from "../AuthInput/hooks/useDropdownPosition.js";
-import { MOBILE_SIZE, safeStyled, useCopyToClipboard, WalletTypeIcon as WalletTypeIconBase } from "@getpara/react-common";
+import { safeStyled, useCopyToClipboard, WalletTypeIcon as WalletTypeIconBase } from "@getpara/react-common";
 import { useAccount, useWallet, useWalletState } from "../../../provider/index.js";
 import { CpslButton, CpslIcon, CpslSelect, CpslSelectItem, CpslText } from "@getpara/react-components";
+import { getMobilePopoverPositionCSS } from "../common.js";
 const getValue = (id, type) => {
   return id && type ? `${id}~${type}` : void 0;
 };
@@ -69,7 +70,7 @@ const WalletSelectOld = ({
   }, [activeWallet, availableWallets, dropdownMaxHeight]);
   return /* @__PURE__ */ jsxs(Container, { style, children: [
     isMultiWallet && !noTitle && /* @__PURE__ */ jsx(CpslText, { variant: "bodyM", color: "secondary", weight: "semiBold", children: "Select Wallet" }),
-    /* @__PURE__ */ jsx(SelectContainer, { ref: containerRef, id: "addressInputContainerOld", style: { width: "100%" }, children: /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(SelectContainer, { ref: containerRef, style: { width: "100%" }, children: /* @__PURE__ */ jsxs(
       Select,
       {
         selectedValue: getValue(activeWallet == null ? void 0 : activeWallet.id, activeWallet == null ? void 0 : activeWallet.type),
@@ -79,10 +80,9 @@ const WalletSelectOld = ({
         },
         showFormattedSelectedItem: true,
         placeholder: "Choose wallet...",
-        anchorElId: "addressInputContainerOld",
         dropdownMaxHeight,
         $width: dropdownWidth != null ? dropdownWidth : 0,
-        $top: (mobileAnchor != null ? mobileAnchor : 0) + 220 + 1,
+        $top: mobileAnchor != null ? mobileAnchor : void 0,
         selectedItemVariant: "bodyXS",
         icon: isMultiWallet ? "chevronUp" : null,
         disabled: !isMultiWallet,
@@ -127,15 +127,8 @@ const Select = safeStyled(CpslSelect)`
 
   &::part(popover) {
       /* Have to adjust the top of the popover here since we're using a transform on the modal which causes fixed position items to not be relative to the viewport */
-      @media (max-width: ${MOBILE_SIZE}px) {
-        top: ${({ $top }) => $top ? `${$top}px` : "0px"};
-        bottom: 16px;
-      }
-      cpsl-auth-modal.force-mobile-media & {
-        top: ${({ $top }) => $top ? `${$top}px` : "0px"};
-        bottom: 16px;
-      }
-  }
+      ${({ $top }) => getMobilePopoverPositionCSS($top)}
+    }
   
 
   &::part(icon) {

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

@@ -1,6 +1,11 @@
 import { CpslInput, CpslText, CpslTileButton } from '@getpara/react-components';
 import { TLinkedAccountType, TNetwork, TOnRampAsset } from '@getpara/web-sdk';
 import { ComponentProps, PropsWithChildren, ReactNode } from 'react';
+/**
+ * Generates CSS for mobile positioning of select dropdowns.
+ * Adjusts popover position when modal uses transform which affects fixed positioning.
+ */
+export declare const getMobilePopoverPositionCSS: ($top?: number) => string;
 export declare const SpinnerContainer: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const QRContainer: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const InfoBoxContent: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/modal/components/common.js

@@ -9,6 +9,19 @@ import { CpslIcon, CpslInput, CpslSelect, CpslSelectItem, CpslText, CpslTileButt
 import { ACCOUNT_TYPES, safeStyled, MOBILE_SIZE, NETWORKS, ON_RAMP_ASSETS } from "@getpara/react-common";
 import { useStore } from "../../provider/stores/useStore.js";
 import { useEffect, useRef, useState } from "react";
+const getMobilePopoverPositionCSS = ($top) => {
+  if ($top === void 0 || $top === null) return "";
+  return `
+    @media (max-width: ${MOBILE_SIZE}px) {
+      top: ${$top}px;
+      bottom: 16px;
+    }
+    cpsl-auth-modal.force-mobile-media & {
+      top: ${$top}px;
+      bottom: 16px;
+    }
+  `;
+};
 const SpinnerContainer = safeStyled.div`
   display: flex;
   align-items: center;
@@ -99,16 +112,9 @@ const HeaderSelect = safeStyled(CpslSelect)`
   }
 
   &::part(popover) {
-    /* Have to adjust the top of the popover here since we're using a transform on the modal which causes fixed position items to not be relative to the viewport */
-    @media (max-width: ${MOBILE_SIZE}px) {
-      top: ${({ $top }) => $top ? `${$top}px` : "0px"};
-      bottom: 16px;
-    }
-    cpsl-auth-modal.force-mobile-media & {
-      top: ${({ $top }) => $top ? `${$top}px` : "0px"};
-      bottom: 16px;
+      /* Have to adjust the top of the popover here since we're using a transform on the modal which causes fixed position items to not be relative to the viewport */
+      ${({ $top }) => getMobilePopoverPositionCSS($top)}
     }
-  }
 
   &::part(icon) {
     --icon-color: var(--cpsl-color-contrast);
@@ -330,5 +336,6 @@ export {
   QRContainer,
   SpinnerContainer,
   StepContainer,
-  StyledCpslTileButton
+  StyledCpslTileButton,
+  getMobilePopoverPositionCSS
 };

package/dist/modal/hooks/useFarcasterLogin.js

@@ -48,7 +48,7 @@ const useFarcasterLogin = ({
           if (!!event.data.payload) {
             const authObject = event.data.payload;
             try {
-              yield verifyFarcaster(authObject);
+              verifyFarcaster(authObject);
             } catch (e) {
               (_b = (_a = refs.telegramIFrame.current) == null ? void 0 : _a.contentWindow) == null ? void 0 : _b.postMessage({ type: "FARCASTER_RETRY" }, "*");
             }

package/dist/modal/hooks/useTelegramLogin.js

@@ -50,7 +50,7 @@ const useTelegramLogin = ({
           if (!!event.data.payload) {
             const authObject = event.data.payload;
             try {
-              yield onSubmit == null ? void 0 : onSubmit(authObject);
+              onSubmit == null ? void 0 : onSubmit(authObject);
             } catch (e) {
               (_b = (_a = refs.telegramIFrame.current) == null ? void 0 : _a.contentWindow) == null ? void 0 : _b.postMessage({ type: "TELEGRAM_RETRY" }, "*");
             }

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

@@ -57,6 +57,7 @@ interface ModalState {
         wasSignedIn: MutableRefObject<boolean | null>;
         initialFarcasterConnected: MutableRefObject<boolean | null>;
         iFrame: MutableRefObject<HTMLIFrameElement | null>;
+        modalContainer: MutableRefObject<HTMLElement | null>;
     };
     isPasskeySupported: boolean;
     accountLinkOptions: SupportedAccountLinks;

package/dist/modal/stores/modal/useModalStore.js

@@ -45,7 +45,8 @@ const DEFAULT_MODAL_STATE = {
     telegramIFrame: createRef(),
     wasSignedIn: createRef(),
     initialFarcasterConnected: createRef(),
-    iFrame: createRef()
+    iFrame: createRef(),
+    modalContainer: createRef()
   },
   isPasskeySupported: true,
   accountLinkOptions: [...LINKED_ACCOUNT_TYPES],

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

@@ -17,7 +17,7 @@ function generateInternalMutation(method, action, {
       mutationFn: (args) => __async(this, null, function* () {
         if (typeof delay === "number") yield new Promise((resolve) => setTimeout(resolve, delay));
         try {
-          const result = yield action(para, args != null ? args : defaultParams);
+          const result = action(para, args != null ? args : defaultParams);
           return result;
         } catch (error) {
           throw error;

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

@@ -27,7 +27,7 @@ const useAutoSessionKeepAlive = ({ disabled }) => {
   }, [client, embedded, disabled]);
   const getSessionExpiry = () => __async(void 0, null, function* () {
     try {
-      const sessionCookie = yield client == null ? void 0 : client.retrieveSessionCookie();
+      const sessionCookie = client == null ? void 0 : client.retrieveSessionCookie();
       if (!sessionCookie) return null;
       const expiresMatch = sessionCookie.match(/Expires=([^;]+)/);
       return expiresMatch ? new Date(expiresMatch[1]) : null;

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

@@ -4,8 +4,9 @@ import { ModalStep } from '../../../modal/index.js';
  */
 export declare const useModal: () => {
     isOpen: boolean;
-    openModal: ({ step }?: {
+    openModal: ({ step, defaultAuthIdentifier }?: {
         step?: ModalStep;
+        defaultAuthIdentifier?: string;
     }) => void;
     closeModal: () => void;
 };

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

@@ -1,13 +1,20 @@
 "use client";
-import "../../../chunk-MMUBH76A.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "../../../chunk-MMUBH76A.js";
 import { useModalStore } from "../../../modal/stores/index.js";
-import { useStore } from "../../stores/useStore.js";
+import { useStore, vanillaStore } from "../../stores/useStore.js";
 const useModal = () => {
   const isOpen = useStore((state) => state.isOpen);
   const setIsOpen = useStore((state) => state.setIsOpen);
   const refs = useStore((state) => state.refs);
   const setStep = useModalStore((state) => state.setStep);
-  const openModal = ({ step } = {}) => {
+  const openModal = ({ step, defaultAuthIdentifier } = {}) => {
+    if (defaultAuthIdentifier !== void 0) {
+      const { modalConfig, setModalConfig } = vanillaStore.getState();
+      setModalConfig(__spreadProps(__spreadValues({}, modalConfig), { defaultAuthIdentifier }));
+    }
     if (step) {
       refs.openedToStep.current = step;
       setStep(step);

package/dist/provider/providers/ExternalWalletProvider.js

@@ -352,7 +352,7 @@ function ExternalWalletProvider({ children }) {
       const d = yield verifyExternalWalletAsync(verifyExternalWalletParams);
       yield queryClient.refetchQueries({ queryKey: [IS_FULLY_LOGGED_IN_BASE_KEY] });
       if (wallet2 && isWithFullAuth(wallet2)) {
-        yield onNewAuthState(d);
+        onNewAuthState(d);
       } else {
         setStep(ModalStep.LOGIN_DONE);
       }
@@ -500,7 +500,7 @@ function ExternalWalletProvider({ children }) {
           const serverAuthState = (_b = event.data) == null ? void 0 : _b.serverAuthState;
           if (serverAuthState && ((_c = serverAuthState.externalWallet) == null ? void 0 : _c.withFullParaAuth)) {
             const authState = yield para.verifyExternalWallet({ serverAuthState });
-            yield onNewAuthState(authState);
+            onNewAuthState(authState);
           } else {
             setStep(ModalStep.LOGIN_DONE);
           }

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@getpara/react-sdk-lite",
-  "version": "2.11.0",
+  "version": "2.12.0",
   "bin": {
     "setup-para": "dist/cli/cli.mjs"
   },
   "dependencies": {
-    "@getpara/react-common": "2.11.0",
-    "@getpara/react-components": "2.11.0",
-    "@getpara/web-sdk": "2.11.0",
+    "@getpara/react-common": "2.12.0",
+    "@getpara/react-components": "2.12.0",
+    "@getpara/web-sdk": "2.12.0",
     "date-fns": "^3.6.0",
     "framer-motion": "^11.3.31",
     "libphonenumber-js": "^1.11.7",
@@ -17,9 +17,9 @@
     "zustand-sync-tabs": "^0.2.2"
   },
   "devDependencies": {
-    "@getpara/cosmos-wallet-connectors": "2.11.0",
-    "@getpara/evm-wallet-connectors": "2.11.0",
-    "@getpara/solana-wallet-connectors": "2.11.0",
+    "@getpara/cosmos-wallet-connectors": "2.12.0",
+    "@getpara/evm-wallet-connectors": "2.12.0",
+    "@getpara/solana-wallet-connectors": "2.12.0",
     "@tanstack/react-query": "^5.74.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.3.0",
@@ -39,7 +39,7 @@
     "package.json",
     "styles.css"
   ],
-  "gitHead": "1cce45857320460cca03c4a9d0a59db169b222d6",
+  "gitHead": "09c114d148f7a0c2ad250d6346a76aa3b332b2d4",
   "main": "dist/index.js",
   "peerDependencies": {
     "@tanstack/react-query": ">=5.0.0",