@getpara/react-sdk 1.7.0 → 1.8.0

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

@@ -0,0 +1,74 @@
+"use client";
+import {
+  __async
+} from "../../../chunk-MMUBH76A.js";
+import { useEffect, useRef } from "react";
+import { useAccount, useKeepSessionAlive, useLogout } from "../index.js";
+import { useInternalClient } from "./useInternalClient.js";
+const SESSION_CHECK_INTERVAL = 6e4;
+const SESSION_REFRESH_THRESHOLD = 3e5;
+const useAutoSessionKeepAlive = ({ disabled }) => {
+  const client = useInternalClient();
+  const { data: account } = useAccount();
+  const { logoutAsync } = useLogout();
+  const { keepSessionAliveAsync } = useKeepSessionAlive();
+  const sessionCheckInterval = useRef(null);
+  useEffect(() => {
+    if (!client || disabled) {
+      clearSessionMonitoring();
+      return;
+    }
+    if ((account == null ? void 0 : account.isConnected) && !client.isUsingExternalWallet()) {
+      setupSessionMonitoring();
+    } else {
+      clearSessionMonitoring();
+    }
+    return () => clearSessionMonitoring();
+  }, [client, account, disabled]);
+  const getSessionExpiry = () => __async(void 0, null, function* () {
+    try {
+      const sessionCookie = yield client.retrieveSessionCookie();
+      if (!sessionCookie) return null;
+      const expiresMatch = sessionCookie.match(/Expires=([^;]+)/);
+      return expiresMatch ? new Date(expiresMatch[1]) : null;
+    } catch (err) {
+      return null;
+    }
+  });
+  const setupSessionMonitoring = () => {
+    clearSessionMonitoring();
+    sessionCheckInterval.current = setInterval(() => __async(void 0, null, function* () {
+      const expiry = yield getSessionExpiry();
+      if (!expiry) {
+        yield logoutAsync();
+        clearSessionMonitoring();
+        return;
+      }
+      const timeUntilExpiry = expiry.getTime() - Date.now();
+      if (timeUntilExpiry <= 0) {
+        yield logoutAsync();
+        clearSessionMonitoring();
+        return;
+      }
+      if (timeUntilExpiry <= SESSION_REFRESH_THRESHOLD) {
+        try {
+          yield keepSessionAliveAsync();
+          setupSessionMonitoring();
+        } catch (err) {
+          console.error("Failed to keep session alive:", err);
+          yield logoutAsync();
+          clearSessionMonitoring();
+        }
+        return;
+      }
+    }), SESSION_CHECK_INTERVAL);
+  };
+  const clearSessionMonitoring = () => {
+    if (sessionCheckInterval.current) {
+      clearInterval(sessionCheckInterval.current);
+    }
+  };
+};
+export {
+  useAutoSessionKeepAlive
+};

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

@@ -0,0 +1,10 @@
+"use client";
+import "../../../chunk-MMUBH76A.js";
+import { useStore } from "../../stores/useStore.js";
+const useClient = () => {
+  const client = useStore((state) => state.client);
+  return client;
+};
+export {
+  useClient
+};

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

@@ -0,0 +1,105 @@
+"use client";
+import "../../../chunk-MMUBH76A.js";
+import { useQueryClient } from "@tanstack/react-query";
+import { useEffect } from "react";
+import { useClient, useWalletState } from "../index.js";
+import {
+  ParaEvent
+} from "@getpara/web-sdk";
+import { ACCOUNT_BASE_KEY } from "../queries/useAccount.js";
+import { useStore } from "../../stores/useStore.js";
+import { WALLET_BASE_KEY } from "../../hooks/queries/useWallet.js";
+const useEventListeners = ({
+  onLogin,
+  onLogout,
+  onAccountSetup,
+  onAccountCreation,
+  onSignMessage,
+  onSignTransaction,
+  onWalletCreated,
+  onPregenWalletClaimed,
+  onExternalWalletChange,
+  onWalletsChange
+} = {}) => {
+  const queryClient = useQueryClient();
+  const client = useClient();
+  const clearSelectedWallet = useStore((state) => state.clearSelectedWallet);
+  const { selectedWallet, setSelectedWallet } = useWalletState();
+  const loginListener = (event) => {
+    loginOrSetupListener();
+    onLogin == null ? void 0 : onLogin(event);
+  };
+  const accountSetupListener = (event) => {
+    loginOrSetupListener();
+    onAccountSetup == null ? void 0 : onAccountSetup(event);
+  };
+  const loginOrSetupListener = () => {
+    queryClient.invalidateQueries({ queryKey: [ACCOUNT_BASE_KEY], exact: false });
+    queryClient.invalidateQueries({ queryKey: [WALLET_BASE_KEY], exact: false });
+  };
+  const accountCreationListener = (event) => {
+    onAccountCreation == null ? void 0 : onAccountCreation(event);
+  };
+  const logoutListener = (event) => {
+    queryClient.invalidateQueries({ queryKey: [ACCOUNT_BASE_KEY], exact: false });
+    clearSelectedWallet();
+    onLogout == null ? void 0 : onLogout(event);
+  };
+  const signMessageListener = (event) => {
+    onSignMessage == null ? void 0 : onSignMessage(event);
+  };
+  const signTransactionListener = (event) => {
+    onSignTransaction == null ? void 0 : onSignTransaction(event);
+  };
+  const walletChangeListener = (event) => {
+    updateSelectedWallet();
+    onWalletsChange == null ? void 0 : onWalletsChange(event);
+  };
+  const externalWalletChangeListener = (event) => {
+    updateSelectedWallet();
+    onExternalWalletChange == null ? void 0 : onExternalWalletChange(event);
+  };
+  const walletCreatedListener = (event) => {
+    onWalletCreated == null ? void 0 : onWalletCreated(event);
+  };
+  const pregenWalletClaimedListener = (event) => {
+    onPregenWalletClaimed == null ? void 0 : onPregenWalletClaimed(event);
+  };
+  const updateSelectedWallet = () => {
+    if (!client) {
+      clearSelectedWallet();
+      return;
+    }
+    if (!(selectedWallet == null ? void 0 : selectedWallet.id) || !client.findWallet(selectedWallet == null ? void 0 : selectedWallet.id)) {
+      const defaultWallet = client.findWallet(void 0, void 0, { forbidPregen: true });
+      setSelectedWallet({ id: defaultWallet == null ? void 0 : defaultWallet.id, type: defaultWallet == null ? void 0 : defaultWallet.type });
+    }
+  };
+  useEffect(() => {
+    window.addEventListener(ParaEvent.LOGIN_EVENT, loginListener);
+    window.addEventListener(ParaEvent.ACCOUNT_SETUP_EVENT, accountSetupListener);
+    window.addEventListener(ParaEvent.ACCOUNT_CREATION_EVENT, accountCreationListener);
+    window.addEventListener(ParaEvent.LOGOUT_EVENT, logoutListener);
+    window.addEventListener(ParaEvent.SIGN_MESSAGE_EVENT, signMessageListener);
+    window.addEventListener(ParaEvent.SIGN_TRANSACTION_EVENT, signTransactionListener);
+    window.addEventListener(ParaEvent.WALLETS_CHANGE_EVENT, walletChangeListener);
+    window.addEventListener(ParaEvent.EXTERNAL_WALLET_CHANGE_EVENT, externalWalletChangeListener);
+    window.addEventListener(ParaEvent.WALLET_CREATED, walletCreatedListener);
+    window.addEventListener(ParaEvent.PREGEN_WALLET_CLAIMED, pregenWalletClaimedListener);
+    return () => {
+      window.removeEventListener(ParaEvent.LOGIN_EVENT, loginListener);
+      window.removeEventListener(ParaEvent.ACCOUNT_SETUP_EVENT, accountSetupListener);
+      window.removeEventListener(ParaEvent.ACCOUNT_CREATION_EVENT, accountCreationListener);
+      window.removeEventListener(ParaEvent.LOGOUT_EVENT, logoutListener);
+      window.removeEventListener(ParaEvent.SIGN_MESSAGE_EVENT, signMessageListener);
+      window.removeEventListener(ParaEvent.SIGN_TRANSACTION_EVENT, signTransactionListener);
+      window.removeEventListener(ParaEvent.WALLETS_CHANGE_EVENT, walletChangeListener);
+      window.removeEventListener(ParaEvent.EXTERNAL_WALLET_CHANGE_EVENT, externalWalletChangeListener);
+      window.removeEventListener(ParaEvent.WALLET_CREATED, walletCreatedListener);
+      window.removeEventListener(ParaEvent.PREGEN_WALLET_CLAIMED, pregenWalletClaimedListener);
+    };
+  }, [client]);
+};
+export {
+  useEventListeners
+};

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

@@ -0,0 +1,10 @@
+"use client";
+import "../../../chunk-MMUBH76A.js";
+import { useStore } from "../../stores/useStore.js";
+const useInternalClient = () => {
+  const client = useStore((state) => state.client);
+  return client;
+};
+export {
+  useInternalClient
+};

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

@@ -0,0 +1,17 @@
+"use client";
+import "../../../chunk-MMUBH76A.js";
+import { useStore } from "../../stores/useStore.js";
+const useModal = () => {
+  const isOpen = useStore((state) => state.isOpen);
+  const setIsOpen = useStore((state) => state.setIsOpen);
+  const openModal = () => {
+    setIsOpen(true);
+  };
+  const closeModal = () => {
+    setIsOpen(false);
+  };
+  return { isOpen, openModal, closeModal };
+};
+export {
+  useModal
+};

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

@@ -0,0 +1,33 @@
+"use client";
+import "../../../chunk-MMUBH76A.js";
+import { useStore } from "../../stores/useStore.js";
+import { useClient } from "./useClient.js";
+const useWalletState = () => {
+  const client = useClient();
+  const selectedWalletId = useStore((state) => state.selectedWalletId);
+  const selectedWalletType = useStore((state) => state.selectedWalletType);
+  const setStoredSelectedWallet = useStore((state) => state.setSelectedWallet);
+  const clearSelectedWallet = useStore((state) => state.clearSelectedWallet);
+  const setSelectedWallet = ({ id, type }) => {
+    try {
+      const validId = client.findWalletId(id, { type: [type] });
+      if (validId !== id) {
+        clearSelectedWallet();
+      } else {
+        setStoredSelectedWallet(id, type);
+      }
+    } catch (e) {
+      clearSelectedWallet();
+    }
+  };
+  return {
+    selectedWallet: {
+      id: selectedWalletId,
+      type: selectedWalletType
+    },
+    setSelectedWallet
+  };
+};
+export {
+  useWalletState
+};

package/dist/provider/index.js

@@ -0,0 +1,8 @@
+"use client";
+import "../chunk-MMUBH76A.js";
+import { ParaProvider } from "./ParaProvider.js";
+export * from "./hooks/index.js";
+export * from "./stores/getters.js";
+export {
+  ParaProvider
+};

package/dist/provider/stores/getters.js

@@ -0,0 +1,13 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+import { vanillaStore } from "./useStore.js";
+const getClient = () => vanillaStore.getState().client;
+const getIsOpen = () => vanillaStore.getState().isOpen;
+const getSelectedWalletId = () => vanillaStore.getState().selectedWalletId;
+const getSelectedWalletType = () => vanillaStore.getState().selectedWalletType;
+export {
+  getClient,
+  getIsOpen,
+  getSelectedWalletId,
+  getSelectedWalletType
+};

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

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

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

@@ -0,0 +1,4 @@
+"use client";
+export * from "./client.js";
+export * from "./modal.js";
+export * from "./wallet.js";

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

@@ -0,0 +1,9 @@
+"use client";
+import "../../../chunk-MMUBH76A.js";
+const createModalSlice = (set) => ({
+  isOpen: false,
+  setIsOpen: (isOpen) => set({ isOpen })
+});
+export {
+  createModalSlice
+};

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

@@ -0,0 +1,13 @@
+"use client";
+import "../../../chunk-MMUBH76A.js";
+const createWalletSlice = (set) => ({
+  rpcUrl: void 0,
+  setRpcUrl: (rpcUrl) => set({ rpcUrl }),
+  selectedWalletId: void 0,
+  selectedWalletType: void 0,
+  setSelectedWallet: (selectedWalletId, selectedWalletType) => set({ selectedWalletId, selectedWalletType }),
+  clearSelectedWallet: () => set({ selectedWalletId: void 0, selectedWalletType: void 0 })
+});
+export {
+  createWalletSlice
+};

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

@@ -8,6 +8,8 @@ export interface ModalSlice {
     setIsOpen: (_: boolean) => void;
 }
 export interface WalletSlice {
+    rpcUrl?: string;
+    setRpcUrl: (_?: string) => void;
     selectedWalletId?: string;
     selectedWalletType?: WalletType;
     setSelectedWallet: (_?: string, __?: WalletType) => void;

package/dist/provider/stores/types.js

@@ -0,0 +1 @@
+"use client";

package/dist/provider/stores/useStore.js

@@ -0,0 +1,27 @@
+"use client";
+import {
+  __spreadValues
+} from "../../chunk-MMUBH76A.js";
+import { createStore, useStore as useZustandStore } from "zustand";
+import { createClientSlice, createModalSlice, createWalletSlice } from "./slices/index.js";
+import { createJSONStorage, persist } from "zustand/middleware";
+const vanillaStore = createStore()(
+  persist(
+    (...a) => __spreadValues(__spreadValues(__spreadValues({}, createClientSlice(...a)), createModalSlice(...a)), createWalletSlice(...a)),
+    {
+      version: 1,
+      name: "@PARA/web-state",
+      storage: createJSONStorage(() => localStorage),
+      partialize: (state) => ({
+        selectedWalletId: state.selectedWalletId,
+        selectedWalletType: state.selectedWalletType
+      })
+    }
+  )
+);
+const createBoundedUseStore = (store) => (selector) => useZustandStore(store, selector);
+const useStore = createBoundedUseStore(vanillaStore);
+export {
+  useStore,
+  vanillaStore
+};

package/dist/provider/types/provider.js

@@ -0,0 +1 @@
+"use client";

package/dist/provider/types/query.js

@@ -0,0 +1 @@
+"use client";

package/dist/provider/types/utils.js

@@ -0,0 +1 @@
+"use client";

package/dist/provider/utils/constants.js

@@ -0,0 +1,11 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+import { WalletType } from "@getpara/web-sdk";
+const EXTERNAL_WALLET_PACKAGE_BY_TYPE = {
+  [WalletType.EVM]: "Wagmi",
+  [WalletType.COSMOS]: "Graz",
+  [WalletType.SOLANA]: "@solana/wallet-adapter-react"
+};
+export {
+  EXTERNAL_WALLET_PACKAGE_BY_TYPE
+};

package/dist/provider/utils/renameMutations.js

@@ -0,0 +1,16 @@
+"use client";
+import {
+  __objRest,
+  __spreadValues
+} from "../../chunk-MMUBH76A.js";
+function renameMutations(mutationObj, name) {
+  const _a = mutationObj, { mutate: _, mutateAsync: __ } = _a, mutationNoMutate = __objRest(_a, ["mutate", "mutateAsync"]);
+  const newMutations = {
+    [name]: mutationObj.mutate,
+    [`${name}Async`]: mutationObj.mutateAsync
+  };
+  return __spreadValues(__spreadValues({}, newMutations), mutationNoMutate);
+}
+export {
+  renameMutations
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getpara/react-sdk",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -12,9 +12,9 @@
     "*.css"
   ],
   "dependencies": {
-    "@getpara/react-common": "1.7.0",
-    "@getpara/react-components": "1.7.0",
-    "@getpara/web-sdk": "1.7.0",
+    "@getpara/react-common": "1.8.0",
+    "@getpara/react-components": "1.8.0",
+    "@getpara/web-sdk": "1.8.0",
     "@tanstack/react-query": "^5.0.0",
     "date-fns": "^3.6.0",
     "framer-motion": "11.3.28",
@@ -49,5 +49,5 @@
   "resolutions": {
     "styled-components": "^6"
   },
-  "gitHead": "241b03ee3d3502af3b8d702dabd615b266da10ae"
+  "gitHead": "ef96e79558695ccbe148d25a8e3611c4596d1954"
 }