@getpara/react-sdk-lite 2.1.0 → 2.3.0

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

@@ -95,7 +95,7 @@ const Account = () => {
       ] }),
       /* @__PURE__ */ jsx(ButtonContainer, { children: isOnRampLoaded ? /* @__PURE__ */ jsxs(Fragment, { children: [
         (onRampConfig.isBuyEnabled || onRampConfig.isReceiveEnabled) && !cantBuyAndWithdraw && /* @__PURE__ */ jsx(OptionButton, { icon: "plusCircle", onClick: handleBuyClick, children: /* @__PURE__ */ jsx(CpslText, { variant: "bodyXS", color: "secondary", weight: "medium", children: "Add Funds" }) }),
-        /* @__PURE__ */ jsx(OptionButton, { icon: "send", onClick: handleSendClick, disabled: !profileBalance, children: /* @__PURE__ */ jsx(CpslText, { variant: "bodyXS", color: "secondary", weight: "medium", children: "Send" }) }),
+        embedded.authType !== "externalWallet" && /* @__PURE__ */ jsx(OptionButton, { icon: "send", onClick: handleSendClick, disabled: !profileBalance, children: /* @__PURE__ */ jsx(CpslText, { variant: "bodyXS", color: "secondary", weight: "medium", children: "Send" }) }),
         onRampConfig.isWithdrawEnabled && !cantBuyAndWithdraw && /* @__PURE__ */ jsx(OptionButton, { icon: "arrowCircleDown", onClick: handleSellClick, children: /* @__PURE__ */ jsx(CpslText, { variant: "bodyXS", color: "secondary", weight: "medium", children: "Withdraw" }) }),
         /* @__PURE__ */ jsx(OptionButton, { icon: "user01", onClick: handleProfileClick, children: /* @__PURE__ */ jsx(CpslText, { variant: "bodyXS", color: "secondary", weight: "medium", children: isEnabled ? "Profile" : "Settings" }) })
       ] }) : /* @__PURE__ */ jsx(CpslSpinner, {}) })

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

@@ -22,7 +22,6 @@ import { useAccountLinking } from "../../../provider/providers/AccountLinkProvid
 import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
 const AccountProfileEntry = ({
   icon,
-  key,
   text,
   textSecondary,
   textTertiary,
@@ -57,7 +56,7 @@ const AccountProfileEntry = ({
     textTertiary && /* @__PURE__ */ jsx(CpslText, { variant: "bodyM", color: "contrast", children: textTertiary }),
     accessory,
     onSelect && /* @__PURE__ */ jsx(CpslIcon, { color: "var(--cpsl-color-foreground-32)", icon: "chevronRight", size: "16px" })
-  ] }, key);
+  ] });
 };
 const WalletEntry = ({
   wallet,

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

@@ -13,7 +13,7 @@ import { useDebounce } from "../../../hooks/useDebounce.js";
 import { AssetNetwork } from "./AssetNetwork.js";
 import { useWalletState } from "../../../../provider/index.js";
 function AccountSendForm() {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const { selectedWallet } = useWalletState();
   const setStep = useModalStore((state) => state.setStep);
   const onRampConfig = useModalStore((state) => state.onRampConfig);
@@ -48,21 +48,22 @@ function AccountSendForm() {
   const dbInputValue = useDebounce(inputValue, 500);
   const isEditing = useRef(false);
   const error = useMemo(() => {
-    var _a2;
+    var _a2, _b2, _c2;
     const errorRef = (estimate == null ? void 0 : estimate.error) || (broadcast == null ? void 0 : broadcast.error);
     if (!errorRef || estimateIsPending || broadcastIsPending) {
       return null;
     }
     switch (errorRef == null ? void 0 : errorRef.code) {
       case "INSUFFICIENT_NATIVE_BALANCE": {
-        const nativeSymbol = (selectedWallet == null ? void 0 : selectedWallet.type) === "EVM" ? "ETH" : "SOL";
+        const nativeSymbol = ((_b2 = (_a2 = sendMetadata == null ? void 0 : sendMetadata.network) == null ? void 0 : _a2.metadata) == null ? void 0 : _b2.nativeTokenSymbol) || ((selectedWallet == null ? void 0 : selectedWallet.type) === "EVM" ? "ETH" : "SOL");
+        const shouldShowBuyButton = (onRampConfig == null ? void 0 : onRampConfig.isBuyEnabled) && ((selectedWallet == null ? void 0 : selectedWallet.type) === "SOLANA" || (selectedWallet == null ? void 0 : selectedWallet.type) === "EVM" && nativeSymbol === "ETH");
         return /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs(CpslText, { variant: "bodyXS", color: "error", style: { textAlign: (onRampConfig == null ? void 0 : onRampConfig.isBuyEnabled) ? "left" : "center" }, children: [
             "You need ",
-            (_a2 = estimate == null ? void 0 : estimate.transferAmount) != null ? _a2 : nativeSymbol,
+            (_c2 = estimate == null ? void 0 : estimate.transferAmount) != null ? _c2 : nativeSymbol,
             " to conduct this transaction"
           ] }),
-          (onRampConfig == null ? void 0 : onRampConfig.isBuyEnabled) && /* @__PURE__ */ jsxs(
+          shouldShowBuyButton && /* @__PURE__ */ jsxs(
             "button",
             {
               style: {
@@ -99,14 +100,16 @@ function AccountSendForm() {
     selectedWallet == null ? void 0 : selectedWallet.type,
     estimateIsPending,
     broadcastIsPending,
-    onRampConfig == null ? void 0 : onRampConfig.isBuyEnabled
+    onRampConfig == null ? void 0 : onRampConfig.isBuyEnabled,
+    (_d = (_c = sendMetadata == null ? void 0 : sendMetadata.network) == null ? void 0 : _c.metadata) == null ? void 0 : _d.nativeTokenSymbol,
+    estimate == null ? void 0 : estimate.transferAmount
   ]);
   useEffect(() => {
     var _a2, _b2;
     const isTestnet2 = (_b2 = (_a2 = sendMetadata == null ? void 0 : sendMetadata.network) == null ? void 0 : _a2.metadata) == null ? void 0 : _b2.isTestnet;
     const shouldUseAmountMode2 = !assetPrice || !!assetPrice && isTestnet2;
     setInputMode(shouldUseAmountMode2 ? "AMOUNT" : "VALUE");
-  }, [assetPrice, (_d = (_c = sendMetadata == null ? void 0 : sendMetadata.network) == null ? void 0 : _c.metadata) == null ? void 0 : _d.isTestnet]);
+  }, [assetPrice, (_f = (_e = sendMetadata == null ? void 0 : sendMetadata.network) == null ? void 0 : _e.metadata) == null ? void 0 : _f.isTestnet]);
   useEffect(() => {
     if (inputMode === "AMOUNT") {
       setTransferAmount(Number(dbInputValue));
@@ -190,7 +193,7 @@ function AccountSendForm() {
                 children: [
                   /* @__PURE__ */ jsx(CpslText, { variant: "bodyM", color: "secondary", children: inputMode === "VALUE" ? formatAssetQuantity({
                     quantity: isMax && assetAmountOnNetwork ? assetAmountOnNetwork : transferAmount,
-                    symbol: (_e = sendMetadata.asset.metadata) == null ? void 0 : _e.symbol
+                    symbol: (_g = sendMetadata.asset.metadata) == null ? void 0 : _g.symbol
                   }) : formatCurrency({
                     value: isMax && assetValueOnNetwork ? assetValueOnNetwork.value : Number(transferValue),
                     currency: "USD"
@@ -322,7 +325,7 @@ function AccountSendForm() {
     ),
     ((estimate == null ? void 0 : estimate.feeValue) || (estimate == null ? void 0 : estimate.feeAmount) || estimateIsPending) && /* @__PURE__ */ jsxs("div", { style: { display: "flex", width: "100%", gap: "4px", alignItems: "center", justifyContent: "space-between" }, children: [
       /* @__PURE__ */ jsx(CpslText, { variant: "bodyXS", color: "secondary", children: "Network Fee" }),
-      /* @__PURE__ */ jsx(CpslText, { variant: "bodyXS", color: "contrast", children: estimateIsPending ? "Estimating..." : (_i = (_h = ((_g = (_f = sendMetadata == null ? void 0 : sendMetadata.network) == null ? void 0 : _f.metadata) == null ? void 0 : _g.isTestnet) ? estimate == null ? void 0 : estimate.feeAmount : estimate == null ? void 0 : estimate.feeValue) != null ? _h : estimate == null ? void 0 : estimate.feeAmount) != null ? _i : "0" })
+      /* @__PURE__ */ jsx(CpslText, { variant: "bodyXS", color: "contrast", children: estimateIsPending ? "Estimating..." : (_k = (_j = ((_i = (_h = sendMetadata == null ? void 0 : sendMetadata.network) == null ? void 0 : _h.metadata) == null ? void 0 : _i.isTestnet) ? estimate == null ? void 0 : estimate.feeAmount : estimate == null ? void 0 : estimate.feeValue) != null ? _j : estimate == null ? void 0 : estimate.feeAmount) != null ? _k : "0" })
     ] }),
     error && /* @__PURE__ */ jsx("div", { style: { display: "flex", width: "100%", gap: "4px", alignItems: "center", justifyContent: "space-between" }, children: error }),
     /* @__PURE__ */ jsx(
@@ -331,7 +334,7 @@ function AccountSendForm() {
         variant: "primary",
         fullWidth: true,
         pending: estimateIsPending || broadcastIsPending,
-        disabled: estimateIsPending || broadcastIsPending || !((_j = estimate == null ? void 0 : estimate.result) == null ? void 0 : _j.txSerialized) || !!(estimate == null ? void 0 : estimate.error),
+        disabled: estimateIsPending || broadcastIsPending || !((_l = estimate == null ? void 0 : estimate.result) == null ? void 0 : _l.txSerialized) || !!(estimate == null ? void 0 : estimate.error),
         onClick: onSubmit,
         children: "Confirm Send"
       }

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

@@ -26,12 +26,15 @@ const getDefaultSendMetadata = (balances, wallet) => {
     return { asset: null, network: null };
   }
   const walletBalance = balances.wallets.find(({ address }) => address === (wallet == null ? void 0 : wallet.address));
-  if (!walletBalance) {
+  if (!walletBalance || walletBalance.assets.length === 0) {
     return { asset: null, network: null };
   }
-  const defaultAsset = walletBalance.assets.find(
+  let defaultAsset = walletBalance.assets.find(
     ({ metadata }) => (metadata == null ? void 0 : metadata.symbol) === ((wallet == null ? void 0 : wallet.type) === "EVM" ? "ETH" : "SOL")
   );
+  if (!defaultAsset) {
+    defaultAsset = walletBalance.assets[0];
+  }
   if (!defaultAsset) {
     return { asset: null, network: null };
   }
@@ -58,6 +61,10 @@ const AccountSendContext = createContext({});
 function AccountSendProvider({ children, step }) {
   var _a, _b, _c, _d, _e, _f;
   const para = useInternalClient();
+  const balancesConfig = useStore((state) => {
+    var _a2;
+    return (_a2 = state.modalConfig) == null ? void 0 : _a2.balances;
+  });
   const setStep = useModalStore((state) => state.setStep);
   const setSendTx = useModalStore((state) => state.setSendTx);
   const { data: balances } = useProfileBalance({ isComprehensive: true });
@@ -338,6 +345,7 @@ function AccountSendProvider({ children, step }) {
       userId: para.userId,
       opts: {
         type: selectedWallet.type === "COSMOS" ? "EVM" : selectedWallet.type,
+        config: balancesConfig,
         sourceAddress: selectedWallet.address,
         destinationAddress,
         contractAddress: (_a2 = sendMetadata == null ? void 0 : sendMetadata.network) == null ? void 0 : _a2.contractAddress,
@@ -349,6 +357,7 @@ function AccountSendProvider({ children, step }) {
     });
   }, [
     transferAmount,
+    balancesConfig,
     destinationAddress,
     selectedWallet.address,
     selectedWallet.type,

package/dist/modal/components/Header/Header.js

@@ -38,7 +38,7 @@ const Header = () => {
   return /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", initial: false, custom: stepDirection, children: /* @__PURE__ */ jsx(
     Container,
     {
-      isVisible: !isControls,
+      $isVisible: !isControls,
       custom: stepDirection,
       variants: BODY_MOTION_VARIANTS,
       initial: "enter",
@@ -61,7 +61,7 @@ const Container = safeStyled(motion.div)`
   gap: 8px;
   flex-wrap: wrap;
   height: 24px;
-  visibility: ${({ isVisible }) => isVisible ? "visible" : "hidden"};
+  visibility: ${({ $isVisible }) => $isVisible ? "visible" : "hidden"};
 `;
 const AuthDisplay = safeStyled.div`
   display: flex;

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

@@ -61,7 +61,7 @@ interface ModalState {
     isPasskeySupported: boolean;
     accountLinkOptions: SupportedAccountLinks;
     profileWallet?: AvailableWallet;
-    sendTx?: BroadcastTransactionResult;
+    sendTx: BroadcastTransactionResult | null;
 }
 export interface ModalActions {
     resetState: () => void;
@@ -101,7 +101,7 @@ export interface ModalActions {
     setIsPasskeySupported: (_: boolean) => void;
     setAccountLinkOptions: (_: SupportedAccountLinks) => void;
     setProfileWallet: (_?: AvailableWallet) => void;
-    setSendTx: (_?: BroadcastTransactionResult) => void;
+    setSendTx: (_: BroadcastTransactionResult | null) => void;
 }
 export type ModalStore = ModalState & ModalActions;
 export declare const DEFAULT_MODAL_STATE: Omit<ModalState, 'step' | 'onRampConfig'>;

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

@@ -50,7 +50,7 @@ const DEFAULT_MODAL_STATE = {
   isPasskeySupported: true,
   accountLinkOptions: [...LINKED_ACCOUNT_TYPES],
   profileWallet: void 0,
-  sendTx: void 0
+  sendTx: null
 };
 const useModalStore = create()(
   persist(

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

@@ -63,7 +63,7 @@ const useEventListeners = ({
       queryClient.invalidateQueries({ queryKey: [IS_FULLY_LOGGED_IN_BASE_KEY] });
       queryClient.invalidateQueries({ queryKey: [ACCOUNT_BASE_KEY] });
       clearSelectedWallet();
-      setSendTx(void 0);
+      setSendTx(null);
       onLogout == null ? void 0 : onLogout(event);
     },
     [queryClient, clearSelectedWallet, setSendTx, onLogout]

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@getpara/react-sdk-lite",
-  "version": "2.1.0",
+  "version": "2.3.0",
   "bin": {
     "setup-para": "dist/cli/cli.mjs"
   },
   "dependencies": {
-    "@getpara/react-common": "2.1.0",
-    "@getpara/react-components": "2.1.0",
-    "@getpara/web-sdk": "2.1.0",
+    "@getpara/react-common": "2.3.0",
+    "@getpara/react-components": "2.3.0",
+    "@getpara/web-sdk": "2.3.0",
     "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.1.0",
-    "@getpara/evm-wallet-connectors": "2.1.0",
-    "@getpara/solana-wallet-connectors": "2.1.0",
+    "@getpara/cosmos-wallet-connectors": "2.3.0",
+    "@getpara/evm-wallet-connectors": "2.3.0",
+    "@getpara/solana-wallet-connectors": "2.3.0",
     "@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": "3ae7f836324a3a2a8a57156e16304aeaf0d37b42",
+  "gitHead": "c2ecd83fd7b4ede9b5365904a299564df9c79c18",
   "main": "dist/index.js",
   "peerDependencies": {
     "@tanstack/react-query": ">=5.0.0",