@getpara/react-sdk 1.11.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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getpara/react-sdk",
-  "version": "1.11.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.11.0",
-    "@getpara/react-components": "1.11.0",
-    "@getpara/web-sdk": "1.11.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",
@@ -51,5 +51,5 @@
   "resolutions": {
     "styled-components": "^6"
   },
-  "gitHead": "91b68e4ead22e2104307c934f2a582245b176619"
+  "gitHead": "748afcf08c9d307a2d3eaf0716f73132f3eb8529"
 }