@getpara/react-sdk-lite 2.0.0-alpha.71 → 2.0.0-alpha.72

package/dist/modal/components/Body/Body.js

@@ -49,9 +49,6 @@ import { AccountWallet } from "../Account/AccountWallet.js";
 const MIN_HEIGHT = {
   [ModalStep.ADD_FUNDS_AWAITING]: "680px"
 };
-const PADDING_TOP = {
-  [ModalStep.TELEGRAM_OAUTH]: "36px"
-};
 const Body = ({
   oAuthMethods,
   twoFactorAuthEnabled,
@@ -340,14 +337,7 @@ const InnerContainer = safeStyled.div`
 }};
 
   @media (max-width: ${MOBILE_SIZE}px) {
-    padding: ${({ $embeddedModal, $step, $isIFrameStep }) => {
-  var _a;
-  return $isIFrameStep ? "0px" : $embeddedModal ? "12px 0px 0px" : `${(_a = PADDING_TOP[$step]) != null ? _a : "72px"} 16px 0px`;
-}};
-  }
-
-  cpsl-auth-modal.force-mobile-media & {
-    padding: 72px 16px 0px;
+    padding: ${({ $embeddedModal, $isIFrameStep }) => $isIFrameStep ? "0px" : $embeddedModal ? "12px 0px 0px" : "0px"};
   }
 `;
 const TestModeAlert = safeStyled(CpslAlert)`

package/dist/modal/components/IFrameStep/IFrameStep.js

@@ -63,7 +63,7 @@ const OuterContainer = safeStyled.div`
   justify-content: center;
 
   @media (max-width: ${MOBILE_SIZE}px) {
-    padding: ${({ $embeddedModal, $isVisible }) => !$isVisible ? "0px" : $embeddedModal ? "12px 0px 0px" : "72px 16px 0px"};
+    padding: ${({ $embeddedModal, $isVisible }) => !$isVisible ? "0px" : $embeddedModal ? "12px 0px 0px" : "0px"};
   }
 `;
 const Container = safeStyled.div`

package/dist/provider/hooks/queries/useAccount.js

@@ -5,11 +5,11 @@ import {
   __spreadProps,
   __spreadValues
 } from "../../../chunk-MMUBH76A.js";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useInternalClient } from "../utils/useInternalClient.js";
 import { useIsFullyLoggedIn } from "./useIsFullyLoggedIn.js";
 import { useStore } from "../../stores/useStore.js";
-import { useContext } from "react";
+import { useContext, useEffect, useMemo } from "react";
 import { getEmbeddedAccount } from "../../actions/getEmbeddedAccount.js";
 const ACCOUNT_BASE_KEY = "PARA_ACCOUNT";
 function pickSolanaAdapter(adapter) {
@@ -31,38 +31,69 @@ function pickCosmosAccount(account) {
   const _a = account, { reconnect: _ } = _a, rest = __objRest(_a, ["reconnect"]);
   return rest;
 }
+let lastConnectionState = "";
+let invalidationTimeoutId = null;
+const useInvalidation = (connectionStates, queryKey) => {
+  const queryClient = useQueryClient();
+  useEffect(() => {
+    const connectionStateKey = `${connectionStates.evm}-${connectionStates.cosmos}-${connectionStates.solana}`;
+    if (connectionStateKey === lastConnectionState) {
+      return;
+    }
+    lastConnectionState = connectionStateKey;
+    if (invalidationTimeoutId) {
+      clearTimeout(invalidationTimeoutId);
+    }
+    invalidationTimeoutId = setTimeout(() => {
+      queryClient.invalidateQueries({ queryKey });
+      invalidationTimeoutId = null;
+    }, 0);
+    return () => {
+      if (invalidationTimeoutId) {
+        clearTimeout(invalidationTimeoutId);
+        invalidationTimeoutId = null;
+      }
+    };
+  }, [connectionStates, queryClient]);
+};
 const useAccount = ({ cosmos } = {}) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f;
   const client = useInternalClient();
   const { data: isFullyLoggedIn, isSuccess, isLoading: isFullyLoggedInLoading } = useIsFullyLoggedIn();
   const evmContext = useStore((state) => state.evmContext);
   const { useAccount: useEvmAccount } = useContext(evmContext);
   const evmAccount = useEvmAccount();
-  const evmQueryKeys = [evmAccount == null ? void 0 : evmAccount.status, evmAccount == null ? void 0 : evmAccount.addresses, evmAccount == null ? void 0 : evmAccount.chainId];
+  const evmQueryKeys = [evmAccount == null ? void 0 : evmAccount.addresses, evmAccount == null ? void 0 : evmAccount.chainId];
   const cosmosContext = useStore((state) => state.cosmosContext);
   const { useAccount: useCosmosAccount } = useContext(cosmosContext);
   const cosmosAccount = useCosmosAccount(cosmos);
-  const cosmosQueryKeys = [cosmosAccount == null ? void 0 : cosmosAccount.status, cosmosAccount == null ? void 0 : cosmosAccount.data];
+  const cosmosQueryKeys = [cosmosAccount == null ? void 0 : cosmosAccount.data];
   const solanaContext = useStore((state) => state.solanaContext);
   const { useWallet: useSolanaWallet } = useContext(solanaContext);
   const solanaWallet = useSolanaWallet();
-  const solanaQueryKeys = [
-    (_b = (_a = solanaWallet == null ? void 0 : solanaWallet.wallet) == null ? void 0 : _a.adapter) == null ? void 0 : _b.connected,
-    (_d = (_c = solanaWallet == null ? void 0 : solanaWallet.wallet) == null ? void 0 : _c.adapter) == null ? void 0 : _d.connecting,
-    (_f = (_e = solanaWallet == null ? void 0 : solanaWallet.wallet) == null ? void 0 : _e.adapter) == null ? void 0 : _f.publicKey
+  const solanaQueryKeys = [(_b = (_a = solanaWallet == null ? void 0 : solanaWallet.wallet) == null ? void 0 : _a.adapter) == null ? void 0 : _b.publicKey];
+  const solanaAdapter = (_c = solanaWallet == null ? void 0 : solanaWallet.wallet) == null ? void 0 : _c.adapter;
+  const queryKey = [
+    ACCOUNT_BASE_KEY,
+    isFullyLoggedIn != null ? isFullyLoggedIn : null,
+    isFullyLoggedInLoading,
+    (_d = client == null ? void 0 : client.userId) != null ? _d : null,
+    evmQueryKeys,
+    cosmosQueryKeys,
+    solanaQueryKeys
   ];
-  const solanaAdapter = (_g = solanaWallet == null ? void 0 : solanaWallet.wallet) == null ? void 0 : _g.adapter;
+  const connectionStates = useMemo(() => {
+    var _a2, _b2;
+    return {
+      evm: !!(evmAccount == null ? void 0 : evmAccount.isConnected),
+      cosmos: !!(cosmosAccount == null ? void 0 : cosmosAccount.isConnected),
+      solana: !!((_b2 = (_a2 = solanaWallet == null ? void 0 : solanaWallet.wallet) == null ? void 0 : _a2.adapter) == null ? void 0 : _b2.connected)
+    };
+  }, [!!(evmAccount == null ? void 0 : evmAccount.isConnected), !!(cosmosAccount == null ? void 0 : cosmosAccount.isConnected), !!((_f = (_e = solanaWallet == null ? void 0 : solanaWallet.wallet) == null ? void 0 : _e.adapter) == null ? void 0 : _f.connected)]);
+  useInvalidation(connectionStates, queryKey);
   const { data, isLoading } = useQuery({
     enabled: isSuccess && !!client,
-    queryKey: [
-      ACCOUNT_BASE_KEY,
-      isFullyLoggedIn != null ? isFullyLoggedIn : null,
-      isFullyLoggedInLoading,
-      (_h = client == null ? void 0 : client.userId) != null ? _h : null,
-      evmQueryKeys,
-      cosmosQueryKeys,
-      solanaQueryKeys
-    ],
+    queryKey,
     queryFn: () => __async(void 0, null, function* () {
       const paraAccount = yield getEmbeddedAccount(client, isFullyLoggedIn);
       let connectionType = "none";
@@ -135,7 +166,9 @@ const useAccount = ({ cosmos } = {}) => {
       solana: { isConnected: false }
     }
   };
-  return __spreadProps(__spreadValues({}, data != null ? data : defaultResp), { isLoading: isFullyLoggedInLoading || isLoading });
+  return __spreadProps(__spreadValues({}, data != null ? data : defaultResp), {
+    isLoading: isFullyLoggedInLoading || isLoading
+  });
 };
 export {
   ACCOUNT_BASE_KEY,

package/package.json

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