@getpara/react-sdk-lite 2.10.0 → 2.11.0

package/dist/modal/utils/onramps.d.ts

@@ -0,0 +1,61 @@
+import { OnRampConfig, OnRampProvider, OnRampPurchaseType, TNetwork, TOnRampAsset, TWalletType } from '@getpara/web-sdk';
+export declare class OnRampConfigError extends Error {
+    constructor(message: string);
+}
+/**
+ * Provider-specific transaction amount limits (in USD).
+ * These limits are enforced client-side to prevent users from selecting
+ * providers that don't support their desired transaction amount.
+ *
+ * Last verified: February 2025
+ * Sources:
+ * - MoonPay: https://support.moonpay.com/customers/docs/moonpay-transaction-limits
+ * - Stripe: https://docs.stripe.com/crypto/using-the-dashboard#onramp-minimums-and-maximums
+ * - Ramp: https://support.ramp.network/en/articles/471-transaction-limits
+ */
+export declare const PROVIDER_LIMITS: Record<OnRampProvider, Record<OnRampPurchaseType, {
+    min: number | null;
+    max: number | null;
+}>>;
+export declare function validateOnRampConfig(obj?: OnRampConfig): obj is OnRampConfig;
+/**
+ * Gets a default asset and network combination that are guaranteed to work together.
+ *
+ * When preferredAsset is provided:
+ * - Locks in that asset and finds the best compatible network
+ * - Returns { asset: preferredAsset, network: <compatible network> }
+ *
+ * When preferredAsset is not provided:
+ * - Finds the best asset+network combination
+ * - Priority order:
+ *   1. Partner's defaults (if both are valid together)
+ *   2. Wallet-type-specific combo (COSMOS→ATOM on COSMOS, SOLANA→SOL on SOLANA, etc.)
+ *   3. First valid asset+network combination from available lists
+ *
+ * @param params - Configuration object
+ * @param params.walletType - The wallet type (EVM, SOLANA, COSMOS)
+ * @param params.onRampConfig - OnRamp configuration
+ * @param params.networks - Available networks (from getOnRampNetworks)
+ * @param params.assets - Available assets (from assets calculation)
+ * @param params.preferredAsset - Optional asset to lock in (will only find compatible network)
+ * @returns Object with asset and network, both null if no valid combination exists
+ */
+export declare function getDefaultAssetAndNetwork({ walletType, onRampConfig, networks, assets, preferredAsset, }: {
+    walletType: TWalletType | undefined;
+    onRampConfig: OnRampConfig | undefined;
+    networks: TNetwork[];
+    assets: TOnRampAsset[];
+    preferredAsset?: TOnRampAsset | null;
+}): {
+    asset: TOnRampAsset | null;
+    network: TNetwork | null;
+};
+/**
+ * Checks if an amount falls within the provider's limits for a given operation type.
+ * @param amount - The amount to check (can be undefined for invalid inputs)
+ * @param provider - The provider to check limits for
+ * @param type - The transaction type (BUY or SELL)
+ * @param limits - Optional provider limits object (defaults to PROVIDER_LIMITS)
+ * @returns true if the amount is within limits, false otherwise
+ */
+export declare function isAmountWithinProviderLimits(amount: number | undefined, provider: OnRampProvider, type: OnRampPurchaseType, limits?: typeof PROVIDER_LIMITS): boolean;

package/dist/modal/utils/onramps.js

@@ -0,0 +1,112 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+import { OnRampProvider, OnRampPurchaseType } from "@getpara/web-sdk";
+class OnRampConfigError extends Error {
+  constructor(message) {
+    super(`On-ramp configuration error: ${message}.`);
+    this.name = "OnRampConfigError";
+  }
+}
+const PROVIDER_LIMITS = {
+  [OnRampProvider.MOONPAY]: {
+    [OnRampPurchaseType.BUY]: { min: 20, max: 3e4 },
+    [OnRampPurchaseType.SELL]: { min: 20, max: 1e4 }
+  },
+  [OnRampProvider.STRIPE]: {
+    [OnRampPurchaseType.BUY]: { min: 0.5, max: null },
+    [OnRampPurchaseType.SELL]: { min: 0.5, max: null }
+  },
+  [OnRampProvider.RAMP]: {
+    [OnRampPurchaseType.BUY]: { min: null, max: null },
+    [OnRampPurchaseType.SELL]: { min: null, max: null }
+  }
+};
+function checkHasProviders({ providers }) {
+  if (!providers || providers.length < 1) {
+    throw new OnRampConfigError("No providers are configured");
+  }
+}
+function checkDuplicateProviders({ providers }) {
+  if (!providers) return;
+  providers.forEach((id, index) => {
+    if (providers.findIndex((p) => p === id) !== index) {
+      throw new OnRampConfigError(`Provider ${id} is configured more than once`);
+    }
+  });
+}
+function validateOnRampConfig(obj) {
+  if (!obj) {
+    return false;
+  }
+  checkHasProviders(obj);
+  checkDuplicateProviders(obj);
+  return true;
+}
+function getDefaultAssetAndNetwork({
+  walletType,
+  onRampConfig,
+  networks,
+  assets,
+  preferredAsset
+}) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+  if (!walletType || !onRampConfig || networks.length === 0 || assets.length === 0) {
+    return { asset: null, network: null };
+  }
+  if (preferredAsset && assets.includes(preferredAsset)) {
+    if (onRampConfig.defaultOnRampNetwork && networks.includes(onRampConfig.defaultOnRampNetwork) && ((_c = (_b = (_a = onRampConfig.assetInfo) == null ? void 0 : _a[walletType]) == null ? void 0 : _b[onRampConfig.defaultOnRampNetwork]) == null ? void 0 : _c[preferredAsset])) {
+      return { asset: preferredAsset, network: onRampConfig.defaultOnRampNetwork };
+    }
+    const preferredNetwork = walletType === "COSMOS" ? "COSMOS" : walletType === "SOLANA" ? "SOLANA" : "ETHEREUM";
+    if (networks.includes(preferredNetwork) && ((_f = (_e = (_d = onRampConfig.assetInfo) == null ? void 0 : _d[walletType]) == null ? void 0 : _e[preferredNetwork]) == null ? void 0 : _f[preferredAsset])) {
+      return { asset: preferredAsset, network: preferredNetwork };
+    }
+    const supportedNetwork = networks.find((network) => {
+      var _a2, _b2, _c2;
+      return !!((_c2 = (_b2 = (_a2 = onRampConfig.assetInfo) == null ? void 0 : _a2[walletType]) == null ? void 0 : _b2[network]) == null ? void 0 : _c2[preferredAsset]);
+    });
+    if (supportedNetwork) {
+      return { asset: preferredAsset, network: supportedNetwork };
+    }
+    return { asset: preferredAsset, network: null };
+  }
+  const partnerAsset = onRampConfig.defaultOnRampAsset;
+  const partnerNetwork = onRampConfig.defaultOnRampNetwork;
+  if (partnerAsset && partnerNetwork && assets.includes(partnerAsset) && networks.includes(partnerNetwork) && ((_i = (_h = (_g = onRampConfig.assetInfo) == null ? void 0 : _g[walletType]) == null ? void 0 : _h[partnerNetwork]) == null ? void 0 : _i[partnerAsset])) {
+    return { asset: partnerAsset, network: partnerNetwork };
+  }
+  const walletTypeAsset = walletType === "COSMOS" ? "ATOM" : walletType === "SOLANA" ? "SOLANA" : "ETHEREUM";
+  const walletTypeNetwork = walletType === "COSMOS" ? "COSMOS" : walletType === "SOLANA" ? "SOLANA" : "ETHEREUM";
+  if (assets.includes(walletTypeAsset) && networks.includes(walletTypeNetwork) && ((_l = (_k = (_j = onRampConfig.assetInfo) == null ? void 0 : _j[walletType]) == null ? void 0 : _k[walletTypeNetwork]) == null ? void 0 : _l[walletTypeAsset])) {
+    return { asset: walletTypeAsset, network: walletTypeNetwork };
+  }
+  for (const testAsset of assets) {
+    if (networks.includes(walletTypeNetwork) && ((_o = (_n = (_m = onRampConfig.assetInfo) == null ? void 0 : _m[walletType]) == null ? void 0 : _n[walletTypeNetwork]) == null ? void 0 : _o[testAsset])) {
+      return { asset: testAsset, network: walletTypeNetwork };
+    }
+    const validNetwork = networks.find((network) => {
+      var _a2, _b2, _c2;
+      return !!((_c2 = (_b2 = (_a2 = onRampConfig.assetInfo) == null ? void 0 : _a2[walletType]) == null ? void 0 : _b2[network]) == null ? void 0 : _c2[testAsset]);
+    });
+    if (validNetwork) {
+      return { asset: testAsset, network: validNetwork };
+    }
+  }
+  return { asset: null, network: null };
+}
+function isAmountWithinProviderLimits(amount, provider, type, limits = PROVIDER_LIMITS) {
+  if (typeof amount !== "number" || isNaN(amount)) {
+    return false;
+  }
+  const { min, max } = limits[provider][type];
+  if (min !== null && amount < min) return false;
+  if (max !== null && amount > max) return false;
+  return true;
+}
+export {
+  OnRampConfigError,
+  PROVIDER_LIMITS,
+  getDefaultAssetAndNetwork,
+  isAmountWithinProviderLimits,
+  validateOnRampConfig
+};

package/dist/modal/utils/steps.d.ts

@@ -50,7 +50,8 @@ export declare enum ModalStep {
     LINK_EX_WALLET_NETWORK_SELECT = "LINK_EX_WALLET_NETWORK_SELECT",
     ACCOUNT_SEND = "ACCOUNT_SEND",
     ACCOUNT_SEND_ASSET = "ACCOUNT_SEND_ASSET",
-    ACCOUNT_SEND_NETWORK = "ACCOUNT_SEND_NETWORK"
+    ACCOUNT_SEND_NETWORK = "ACCOUNT_SEND_NETWORK",
+    ACCOUNT_MONITOR_TX = "ACCOUNT_MONITOR_TX"
 }
 export type ModalStepPropU = keyof typeof ModalStep | ModalStep;
 export type ModalStepPropL = Lowercase<ModalStepPropU>;
@@ -79,7 +80,8 @@ declare enum AccountStep {
     LINK_EX_WALLET_NETWORK_SELECT = "LINK_EX_WALLET_NETWORK_SELECT",
     ACCOUNT_SEND = "ACCOUNT_SEND",
     ACCOUNT_SEND_ASSET = "ACCOUNT_SEND_ASSET",
-    ACCOUNT_SEND_NETWORK = "ACCOUNT_SEND_NETWORK"
+    ACCOUNT_SEND_NETWORK = "ACCOUNT_SEND_NETWORK",
+    ACCOUNT_MONITOR_TX = "ACCOUNT_MONITOR_TX"
 }
 export declare const RESET_TO_AUTH_STEPS: ModalStep[];
 export declare const RESET_TO_ACCOUNT_STEPS: ModalStep[];

package/dist/modal/utils/steps.js

@@ -52,6 +52,7 @@ var ModalStep = /* @__PURE__ */ ((ModalStep2) => {
   ModalStep2["ACCOUNT_SEND"] = "ACCOUNT_SEND";
   ModalStep2["ACCOUNT_SEND_ASSET"] = "ACCOUNT_SEND_ASSET";
   ModalStep2["ACCOUNT_SEND_NETWORK"] = "ACCOUNT_SEND_NETWORK";
+  ModalStep2["ACCOUNT_MONITOR_TX"] = "ACCOUNT_MONITOR_TX";
   return ModalStep2;
 })(ModalStep || {});
 var AccountStep = /* @__PURE__ */ ((AccountStep2) => {
@@ -79,6 +80,7 @@ var AccountStep = /* @__PURE__ */ ((AccountStep2) => {
   AccountStep2["ACCOUNT_SEND"] = "ACCOUNT_SEND";
   AccountStep2["ACCOUNT_SEND_ASSET"] = "ACCOUNT_SEND_ASSET";
   AccountStep2["ACCOUNT_SEND_NETWORK"] = "ACCOUNT_SEND_NETWORK";
+  AccountStep2["ACCOUNT_MONITOR_TX"] = "ACCOUNT_MONITOR_TX";
   return AccountStep2;
 })(AccountStep || {});
 const RESET_TO_AUTH_STEPS = [
@@ -129,7 +131,8 @@ const RESET_TO_ACCOUNT_STEPS = [
   "ADD_EX_WALLET_SELECTED" /* ADD_EX_WALLET_SELECTED */,
   "ADD_EX_WALLET_NETWORK_SELECT" /* ADD_EX_WALLET_NETWORK_SELECT */,
   "LINK_EX_WALLET_NETWORK_SELECT" /* LINK_EX_WALLET_NETWORK_SELECT */,
-  "EXTERNAL_WALLET_VERIFICATION" /* EXTERNAL_WALLET_VERIFICATION */
+  "EXTERNAL_WALLET_VERIFICATION" /* EXTERNAL_WALLET_VERIFICATION */,
+  "ACCOUNT_MONITOR_TX" /* ACCOUNT_MONITOR_TX */
 ];
 const AccountPreviousStep = {
   ["ACCOUNT_MAIN" /* ACCOUNT_MAIN */]: void 0,
@@ -155,7 +158,8 @@ const AccountPreviousStep = {
   ["LINK_EX_WALLET_NETWORK_SELECT" /* LINK_EX_WALLET_NETWORK_SELECT */]: "ACCOUNT_PROFILE_LIST" /* ACCOUNT_PROFILE_LIST */,
   ["ACCOUNT_SEND" /* ACCOUNT_SEND */]: "ACCOUNT_MAIN" /* ACCOUNT_MAIN */,
   ["ACCOUNT_SEND_ASSET" /* ACCOUNT_SEND_ASSET */]: "ACCOUNT_SEND" /* ACCOUNT_SEND */,
-  ["ACCOUNT_SEND_NETWORK" /* ACCOUNT_SEND_NETWORK */]: "ACCOUNT_SEND_ASSET" /* ACCOUNT_SEND_ASSET */
+  ["ACCOUNT_SEND_NETWORK" /* ACCOUNT_SEND_NETWORK */]: "ACCOUNT_SEND_ASSET" /* ACCOUNT_SEND_ASSET */,
+  ["ACCOUNT_MONITOR_TX" /* ACCOUNT_MONITOR_TX */]: "ACCOUNT_MAIN" /* ACCOUNT_MAIN */
 };
 var SignUpModalStep = /* @__PURE__ */ ((SignUpModalStep2) => {
   SignUpModalStep2["AUTH_MAIN"] = "AUTH_MAIN";

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

@@ -11,7 +11,7 @@ import { ACCOUNT_BASE_KEY } from "../queries/useAccount.js";
 import { WALLET_BASE_KEY } from "../queries/useWallet.js";
 import { WALLET_BALANCE_BASE_KEY } from "../queries/useWalletBalance.js";
 import { IS_FULLY_LOGGED_IN_BASE_KEY } from "../queries/useIsFullyLoggedIn.js";
-import { useModalStore } from "../../../modal/stores/index.js";
+import { useModalSessionStore } from "../../../modal/stores/index.js";
 const useEventListeners = ({
   onLogin,
   onLogout,
@@ -29,7 +29,7 @@ const useEventListeners = ({
   const refs = useStore((state) => state.refs);
   const clearSelectedWallet = useStore((state) => state.clearSelectedWallet);
   const { updateSelectedWallet } = useWalletState();
-  const setSendTx = useModalStore((state) => state.setSendTx);
+  const setSendTx = useModalSessionStore((state) => state.setSendTx);
   const loginOrSetupListener = useCallback(() => {
     queryClient.refetchQueries({ queryKey: [IS_FULLY_LOGGED_IN_BASE_KEY] });
     queryClient.refetchQueries({ queryKey: [ACCOUNT_BASE_KEY] });

package/package.json

@@ -1,24 +1,25 @@
 {
   "name": "@getpara/react-sdk-lite",
-  "version": "2.10.0",
+  "version": "2.11.0",
   "bin": {
     "setup-para": "dist/cli/cli.mjs"
   },
   "dependencies": {
-    "@getpara/react-common": "2.10.0",
-    "@getpara/react-components": "2.10.0",
-    "@getpara/web-sdk": "2.10.0",
+    "@getpara/react-common": "2.11.0",
+    "@getpara/react-components": "2.11.0",
+    "@getpara/web-sdk": "2.11.0",
     "date-fns": "^3.6.0",
     "framer-motion": "^11.3.31",
     "libphonenumber-js": "^1.11.7",
+    "socket.io-client": "^4.5.1",
     "styled-components": "^6.1.8",
     "zustand": "^4.5.2",
     "zustand-sync-tabs": "^0.2.2"
   },
   "devDependencies": {
-    "@getpara/cosmos-wallet-connectors": "2.10.0",
-    "@getpara/evm-wallet-connectors": "2.10.0",
-    "@getpara/solana-wallet-connectors": "2.10.0",
+    "@getpara/cosmos-wallet-connectors": "2.11.0",
+    "@getpara/evm-wallet-connectors": "2.11.0",
+    "@getpara/solana-wallet-connectors": "2.11.0",
     "@tanstack/react-query": "^5.74.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.3.0",
@@ -38,7 +39,7 @@
     "package.json",
     "styles.css"
   ],
-  "gitHead": "8da2c51cc91f021acbc2ec7373b9ca0638fc840a",
+  "gitHead": "1cce45857320460cca03c4a9d0a59db169b222d6",
   "main": "dist/index.js",
   "peerDependencies": {
     "@tanstack/react-query": ">=5.0.0",

package/dist/modal/utils/validateOnRampConfig.d.ts

@@ -1,5 +0,0 @@
-import { OnRampConfig } from '@getpara/web-sdk';
-export declare class OnRampConfigError extends Error {
-    constructor(message: any);
-}
-export declare function validateOnRampConfig(obj?: OnRampConfig): obj is OnRampConfig;

package/dist/modal/utils/validateOnRampConfig.js

@@ -1,32 +0,0 @@
-"use client";
-import "../../chunk-MMUBH76A.js";
-class OnRampConfigError extends Error {
-  constructor(message) {
-    super(`On-ramp configuration error: ${message}.`);
-    this.name = "OnRampConfigError";
-  }
-}
-function checkHasProviders({ providers }) {
-  if (!providers || providers.length < 1) {
-    throw new OnRampConfigError("No providers are configured");
-  }
-}
-function checkDuplicateProviders({ providers }) {
-  providers.forEach((id, index) => {
-    if (providers.findIndex((p) => p === id) !== index) {
-      throw new OnRampConfigError(`Provider ${id} is configured more than once`);
-    }
-  });
-}
-function validateOnRampConfig(obj) {
-  if (!obj) {
-    return false;
-  }
-  checkHasProviders(obj);
-  checkDuplicateProviders(obj);
-  return true;
-}
-export {
-  OnRampConfigError,
-  validateOnRampConfig
-};