@getpara/react-sdk 1.10.0 → 1.12.0

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

@@ -12,15 +12,19 @@ import { useState } from "react";
 import { ModalStep } from "../../utils/steps.js";
 import { useWalletBalance } from "../../hooks/useWalletBalance.js";
 import { formatBalanceString } from "../../utils/stringFormatters.js";
+import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
 const Account = ({ onClose }) => {
   const onRampConfig = useModalStore((state) => state.onRampConfig);
   const setStep = useModalStore((state) => state.setStep);
+  const setFlow = useModalStore((state) => state.setFlow);
   const setOnRampStep = useModalStore((state) => state.setOnRampStep);
   const hideWallets = useThemeStore((state) => state.hideWallets);
   const { disconnectExternalWallet } = useExternalWallets();
   const { balance, isLoading: isBalanceLoading } = useWalletBalance();
+  const para = useInternalClient();
   const [isDisconnecting, setIsDisconnecting] = useState(false);
   const isOnRampLoaded = !!onRampConfig;
+  const canBuyAndWithdraw = !!para.userId;
   const handleBuyClick = () => {
     setOnRampStep(OnRampStep.SETTINGS);
     setStep(ModalStep.ADD_FUNDS_BUY);
@@ -37,14 +41,15 @@ const Account = ({ onClose }) => {
     yield disconnectExternalWallet();
     onClose();
     setStep(ModalStep.AUTH_MAIN);
+    setFlow(void 0);
     setIsDisconnecting(false);
   });
   return /* @__PURE__ */ jsx(StepContainer, { $wide: true, children: /* @__PURE__ */ jsxs(InnerStepContainer, { children: [
     isBalanceLoading ? /* @__PURE__ */ jsx(BalanceContainer, { children: /* @__PURE__ */ jsx(CpslSpinner, { size: 39 }) }) : balance !== void 0 && /* @__PURE__ */ jsx(BalanceContainer, { children: /* @__PURE__ */ jsx(CpslText, { variant: "headingS", weight: "medium", children: formatBalanceString(balance) }) }),
     /* @__PURE__ */ jsx(ButtonContainer, { children: isOnRampLoaded ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      onRampConfig.isBuyEnabled && /* @__PURE__ */ jsx(OptionButton, { icon: "creditCard", onClick: handleBuyClick, children: /* @__PURE__ */ jsx(CpslText, { variant: "bodyXS", color: "secondary", weight: "medium", children: "Buy Crypto" }) }),
+      canBuyAndWithdraw && onRampConfig.isBuyEnabled && /* @__PURE__ */ jsx(OptionButton, { icon: "creditCard", onClick: handleBuyClick, children: /* @__PURE__ */ jsx(CpslText, { variant: "bodyXS", color: "secondary", weight: "medium", children: "Buy Crypto" }) }),
       onRampConfig.isReceiveEnabled && /* @__PURE__ */ jsx(OptionButton, { icon: "qrCode02", onClick: handleReceiveClick, children: /* @__PURE__ */ jsx(CpslText, { variant: "bodyXS", color: "secondary", weight: "medium", children: "Receive" }) }),
-      onRampConfig.isWithdrawEnabled && /* @__PURE__ */ jsx(OptionButton, { icon: "arrowCircleBrokenDownLeft", onClick: handleSellClick, children: /* @__PURE__ */ jsx(CpslText, { variant: "bodyXS", color: "secondary", weight: "medium", children: "Withdraw" }) })
+      canBuyAndWithdraw && onRampConfig.isWithdrawEnabled && /* @__PURE__ */ jsx(OptionButton, { icon: "arrowCircleBrokenDownLeft", onClick: handleSellClick, children: /* @__PURE__ */ jsx(CpslText, { variant: "bodyXS", color: "secondary", weight: "medium", children: "Withdraw" }) })
     ] }) : /* @__PURE__ */ jsx(CpslSpinner, {}) }),
     /* @__PURE__ */ jsx(DisconnectButton, { variant: "destructive", fullWidth: true, onClick: handleDisconnectClick, disabled: isDisconnecting, children: isDisconnecting ? /* @__PURE__ */ jsx(CpslSpinner, { size: 16 }) : /* @__PURE__ */ jsxs(Fragment, { children: [
       hideWallets ? "Logout" : "Disconnect Wallet",

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

@@ -15,14 +15,19 @@ import { AddFundsReceive } from "./AddFundsReceive.js";
 import { AddFundsContextProvider, TABS } from "./AddFundsContext.js";
 import { AnimatePresence } from "framer-motion";
 import { AddFundsSettings } from "./AddFundsSettings.js";
+import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
 const AddFunds = () => {
   const onRampConfig = useModalStore((state) => state.onRampConfig);
   const onRampStep = useModalStore((state) => state.onRampStep);
   const storedTab = useModalStore((state) => state.accountAddFundTab);
   const setModalStep = useModalStore((state) => state.setStep);
   const setOnRampPurchase = useModalStore((state) => state.setOnRampPurchase);
+  const para = useInternalClient();
   const activeWallet = useActiveWallet();
-  const tabs = TABS.filter(([, key]) => !!onRampConfig[key]);
+  const canBuyAndWithdraw = !!para.userId;
+  const tabs = TABS.filter(
+    ([, key]) => !!(onRampConfig == null ? void 0 : onRampConfig[key]) && (["isBuyEnabled", "isWithdrawEnabled"].includes(key) && canBuyAndWithdraw || !["isBuyEnabled", "isWithdrawEnabled"].includes(key))
+  );
   const tab = storedTab != null ? storedTab : tabs[0][0];
   const isMultiFlow = tabs.length > 1;
   const onSetTab = (event) => {

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

@@ -96,6 +96,10 @@ const AssetList = styled.ul`
   flex-direction: column;
   width: 100%;
   gap: 8px;
+  list-style: none;
+  padding-inline-start: 0;
+  margin: 0;
+  padding: 0px;
 `;
 const AssetButton = styled(comp.CpslButton)`
   display: flex;

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

@@ -40,10 +40,23 @@ function AddFundsReceive() {
     copy(address);
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(InnerStepContainer, { children: /* @__PURE__ */ jsxs(FilledDisabledInput, { noAutoDisable: true, readonly: true, placeholder: address, children: [
-      /* @__PURE__ */ jsx(CpslIdenticon, { slot: "start", size: "32px", hash: para.getIdenticonHash(activeWallet.id, activeWallet.type) }),
-      /* @__PURE__ */ jsx(CpslButton, { slot: "end", variant: "ghost", onClick: onCopy, children: /* @__PURE__ */ jsx(CpslIcon, { icon: isCopied ? "check" : "copy" }) })
-    ] }, address) }),
+    /* @__PURE__ */ jsx(InnerStepContainer, { children: /* @__PURE__ */ jsxs(
+      FilledDisabledInput,
+      {
+        noAutoDisable: true,
+        readonly: true,
+        placeholder: para.getDisplayAddress(activeWallet.id, {
+          truncate: true,
+          addressType: activeWallet.type,
+          targetLength: 16
+        }),
+        children: [
+          /* @__PURE__ */ jsx(CpslIdenticon, { slot: "start", size: "32px", hash: para.getIdenticonHash(activeWallet.id, activeWallet.type) }),
+          /* @__PURE__ */ jsx(CpslButton, { slot: "end", variant: "ghost", onClick: onCopy, children: /* @__PURE__ */ jsx(CpslIcon, { icon: isCopied ? "check" : "copy" }) })
+        ]
+      },
+      address
+    ) }),
     !isMobile() && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(CpslDivider, { children: "or" }),
       /* @__PURE__ */ jsxs(InnerStepContainer, { children: [

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

@@ -36,6 +36,7 @@ import { useEffect, useState } from "react";
 import { TelegramOAuthStep } from "../OAuth/TelegramOAuthStep.js";
 import { AwaitingPasswordStep } from "../AwaitingPasswordStep/AwaitingPasswordStep.js";
 import { IFrameStep } from "../IFrameStep/IFrameStep.js";
+import { NetworkSpeedBanner } from "@getpara/react-common";
 const MIN_HEIGHT = {
   [ModalStep.ADD_FUNDS_AWAITING]: "680px"
 };
@@ -211,6 +212,7 @@ const Body = ({ oAuthMethods, twoFactorAuthEnabled, disableEmailLogin, disablePh
                     $step: currentStep,
                     $isIFrameStep: IFrameSteps.includes(currentStep),
                     children: [
+                      /* @__PURE__ */ jsx(NetworkSpeedBanner, { fontSize: "12px", iconSize: "16px" }),
                       Content(),
                       (onRampConfig == null ? void 0 : onRampConfig.testMode) && [
                         ModalStep.ADD_FUNDS_BUY,

package/dist/modal/hooks/useWalletBalance.js

@@ -27,11 +27,13 @@ function useWalletBalance() {
         setBalance(externalWalletBalance);
       } else {
         try {
-          const balance2 = yield client.getWalletBalance({
-            walletId: wallet.id,
-            rpcUrl
-          });
-          setBalance(balance2);
+          if (rpcUrl) {
+            const balance2 = yield client.getWalletBalance({
+              walletId: wallet.id,
+              rpcUrl
+            });
+            setBalance(balance2);
+          }
         } catch (err) {
           console.error("Error fetching wallet balance: ", err);
         }

package/dist/modal/providers/ExternalWalletContext.js

@@ -283,7 +283,7 @@ function ExternalWalletProvider({
             return;
           }
         } else if (address) {
-          if (externalWalletsWithFullAuth == null ? void 0 : externalWalletsWithFullAuth.includes(wallet2.id.toUpperCase())) {
+          if (!para.externalWalletConnectionOnly && (externalWalletsWithFullAuth == null ? void 0 : externalWalletsWithFullAuth.includes(wallet2.id.toUpperCase()))) {
             yield completeFullAuth(address, wallet2.type, userExists, isVerified, bufferAddress);
           } else {
             setStep(ModalStep.LOGIN_DONE);

package/dist/provider/actions/createGuestWallets.d.ts

@@ -0,0 +1,2 @@
+import ParaWeb, { CreateGuestWalletsParams } from '@getpara/web-sdk';
+export declare const createGuestWallets: (para?: ParaWeb, args?: CreateGuestWalletsParams) => Promise<import("@getpara/web-sdk").Wallet[]>;

package/dist/provider/actions/createGuestWallets.js

@@ -0,0 +1,13 @@
+"use client";
+import {
+  __async
+} from "../../chunk-MMUBH76A.js";
+const createGuestWallets = (para, args) => __async(void 0, null, function* () {
+  if (!para) {
+    throw new Error("no para instance");
+  }
+  return yield para.createGuestWallets(args);
+});
+export {
+  createGuestWallets
+};

package/dist/provider/actions/getAccount.d.ts

@@ -1,6 +1,7 @@
 import ParaWeb from '@getpara/web-sdk';
 export declare const getAccount: (para?: ParaWeb) => Promise<{
     isConnected: boolean;
+    isGuestMode: boolean;
     email: any;
     phone: any;
     wallets: any;

package/dist/provider/actions/getAccount.js

@@ -6,6 +6,7 @@ const getAccount = (para) => __async(void 0, null, function* () {
   const isLoggedIn = yield para == null ? void 0 : para.isFullyLoggedIn();
   const resp = {
     isConnected: !!isLoggedIn,
+    isGuestMode: para == null ? void 0 : para.isGuestMode,
     email: void 0,
     phone: void 0,
     wallets: void 0

package/dist/provider/hooks/mutations/index.d.ts

@@ -8,3 +8,4 @@ export { useLogout } from './useLogout.js';
 export { useKeepSessionAlive } from './useKeepSessionAlive.js';
 export { useSignMessage } from './useSignMessage.js';
 export { useSignTransaction } from './useSignTransaction.js';
+export { useCreateGuestWallets } from './useCreateGuestWallets.js';

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

@@ -10,8 +10,10 @@ import { useLogout } from "./useLogout.js";
 import { useKeepSessionAlive } from "./useKeepSessionAlive.js";
 import { useSignMessage } from "./useSignMessage.js";
 import { useSignTransaction } from "./useSignTransaction.js";
+import { useCreateGuestWallets } from "./useCreateGuestWallets.js";
 export {
   useCheckIfUserExists,
+  useCreateGuestWallets,
   useCreateUser,
   useInitiateLogin,
   useKeepSessionAlive,

package/dist/provider/hooks/mutations/useCreateGuestWallets.d.ts

@@ -0,0 +1,15 @@
+import { UseMutateAsyncFunction, UseMutateFunction } from '@tanstack/react-query';
+import { createGuestWallets } from '../../actions/createGuestWallets.js';
+import { Compute } from '../../types/utils.js';
+import { UseMutationReturnType } from '../../types/query.js';
+import { CreateGuestWalletsParams } from '@getpara/web-sdk';
+type Data = Awaited<ReturnType<typeof createGuestWallets>>;
+type UseCreateGuestWalletsReturnType<TData = Data, TError = Error, TVariables = CreateGuestWalletsParams, TContext = unknown> = Compute<UseMutationReturnType<TData, TError, TVariables, TContext> & {
+    createGuestWallets: UseMutateFunction<TData, TError, TVariables, TContext>;
+    createGuestWalletsAsync: UseMutateAsyncFunction<TData, TError, TVariables, TContext>;
+}>;
+/**
+ * Hook for creating guest mode wallets
+ */
+export declare const useCreateGuestWallets: () => UseCreateGuestWalletsReturnType<import("@getpara/web-sdk").Wallet[], Error, CreateGuestWalletsParams, unknown>;
+export {};

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

@@ -0,0 +1,23 @@
+"use client";
+import {
+  __async
+} from "../../../chunk-MMUBH76A.js";
+import { useMutation } from "@tanstack/react-query";
+import { useClient } from "../index.js";
+import { createGuestWallets } from "../../actions/createGuestWallets.js";
+import { renameMutations } from "../../utils/renameMutations.js";
+const useCreateGuestWallets = () => {
+  const client = useClient();
+  const mutation = useMutation({
+    mutationFn: (args) => __async(void 0, null, function* () {
+      return yield createGuestWallets(client, args);
+    })
+  });
+  return renameMutations(
+    mutation,
+    "createGuestWallets"
+  );
+};
+export {
+  useCreateGuestWallets
+};

package/dist/provider/hooks/queries/useAccount.d.ts

@@ -4,6 +4,7 @@ export declare const ACCOUNT_BASE_KEY = "PARA_ACCOUNT";
  */
 export declare const useAccount: () => import("@tanstack/react-query").UseQueryResult<{
     isConnected: boolean;
+    isGuestMode: boolean;
     email: any;
     phone: any;
     wallets: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getpara/react-sdk",
-  "version": "1.10.0",
+  "version": "1.12.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -12,9 +12,9 @@
     "*.css"
   ],
   "dependencies": {
-    "@getpara/react-common": "1.10.0",
-    "@getpara/react-components": "1.10.0",
-    "@getpara/web-sdk": "1.10.0",
+    "@getpara/react-common": "1.12.0",
+    "@getpara/react-components": "1.12.0",
+    "@getpara/web-sdk": "1.12.0",
     "@tanstack/react-query": "^5.0.0",
     "date-fns": "^3.6.0",
     "framer-motion": "11.3.28",
@@ -30,9 +30,10 @@
     "test": "vitest run --coverage"
   },
   "devDependencies": {
-    "@testing-library/dom": "^10.1.0",
-    "@testing-library/react": "^16.0.0",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/react": "^16.3.0",
     "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/user-event": "^14.6.1",
     "@types/chrome": "^0.0.237",
     "@types/react": "^18.0.31",
     "@types/react-dom": "^18.2.7",
@@ -50,5 +51,5 @@
   "resolutions": {
     "styled-components": "^6"
   },
-  "gitHead": "617cf0aa1307a96ec5e91d39e306e8a0b3b86b82"
+  "gitHead": "748afcf08c9d307a2d3eaf0716f73132f3eb8529"
 }