@getpara/react-common 2.0.0-fc.3 → 2.1.0

package/dist/constants/oAuthLogos.js

@@ -0,0 +1,160 @@
+"use client";
+import "../chunk-MMUBH76A.js";
+const ACCOUNT_TYPES = {
+  "EMAIL": {
+    icon: "mail",
+    name: "Email",
+    inlineText: "email address",
+    isPlain: true
+  },
+  "PHONE": {
+    icon: "phone",
+    name: "Phone",
+    inlineText: "phone number",
+    isPlain: true
+  },
+  "EXTERNAL_WALLET": {
+    icon: "wallet",
+    name: "External Wallet",
+    inlineText: "external wallet",
+    isPlain: true
+  },
+  "GOOGLE": {
+    icon: "google",
+    iconBranded: "googleBrand",
+    name: "Google"
+  },
+  "TWITTER": {
+    icon: "twitter",
+    // Not using branded here to ensure the icon looks correct in dark mode
+    iconBranded: "twitter",
+    name: "X / Twitter",
+    inlineText: "X account",
+    isDark: true
+  },
+  "APPLE": {
+    icon: "apple",
+    // Not using branded here to ensure the icon looks correct in dark mode
+    iconBranded: "apple",
+    name: "Apple",
+    isDark: true
+  },
+  "DISCORD": {
+    icon: "discord",
+    iconBranded: "discordBrand",
+    name: "Discord"
+  },
+  "FACEBOOK": {
+    icon: "facebook",
+    iconBranded: "facebookBrand",
+    name: "Facebook"
+  },
+  "FARCASTER": {
+    icon: "farcaster",
+    iconBranded: "farcasterBrand",
+    name: "Farcaster"
+  },
+  "TELEGRAM": {
+    icon: "telegram",
+    iconBranded: "telegramBrand",
+    name: "Telegram"
+  },
+  "MetaMask": {
+    icon: "metamask",
+    name: "MetaMask",
+    isExternalWallet: true
+  },
+  "Rainbow": {
+    icon: "rainbow",
+    name: "Rainbow",
+    isExternalWallet: true
+  },
+  "Coinbase Wallet": {
+    icon: "coinbase",
+    name: "Coinbase Wallet",
+    isExternalWallet: true
+  },
+  "WalletConnect": {
+    icon: "walletConnect",
+    name: "WalletConnect",
+    isExternalWallet: true
+  },
+  "Zerion": {
+    icon: "zerion",
+    name: "Zerion",
+    isExternalWallet: true
+  },
+  "Safe": {
+    icon: "safe",
+    name: "Safe",
+    isExternalWallet: true
+  },
+  "Rabby": {
+    icon: "rabby",
+    name: "Rabby",
+    isExternalWallet: true
+  },
+  "OKX Wallet": {
+    icon: "okx",
+    name: "OKX Wallet",
+    isExternalWallet: true
+  },
+  "Phantom": {
+    icon: "phantom",
+    name: "Phantom",
+    isExternalWallet: true
+  },
+  "Glow": {
+    icon: "glow",
+    name: "Glow",
+    isExternalWallet: true
+  },
+  "Backpack": {
+    icon: "backpack",
+    name: "Backpack",
+    isExternalWallet: true
+  },
+  "Keplr": {
+    icon: "keplr",
+    name: "Keplr",
+    isExternalWallet: true
+  },
+  "Leap": {
+    icon: "leap",
+    name: "Leap",
+    isExternalWallet: true
+  },
+  "HaHa": {
+    icon: "haha",
+    name: "HaHa",
+    isExternalWallet: true
+  },
+  "Cosmostation": {
+    icon: "cosmostation",
+    name: "Cosmostation",
+    isExternalWallet: true
+  },
+  "Solflare": {
+    icon: "solflare",
+    name: "Solflare",
+    isExternalWallet: true
+  },
+  "Valora": {
+    icon: "valora",
+    name: "Valora",
+    isExternalWallet: true
+  }
+};
+function getAccountTypeName(type, { inline = false } = {}) {
+  var _a;
+  const data = type ? ACCOUNT_TYPES[type] : void 0;
+  return data ? inline ? (_a = data.inlineText) != null ? _a : `${data.name} ${data.isExternalWallet ? "wallet" : "account"}` : data.name : void 0;
+}
+function getAccountTypeLogo(type) {
+  return type ? ACCOUNT_TYPES[type].iconBranded || ACCOUNT_TYPES[type].icon : void 0;
+}
+export {
+  ACCOUNT_TYPES,
+  getAccountTypeLogo,
+  getAccountTypeName
+};

package/dist/hooks/index.d.ts

@@ -1,2 +1,3 @@
 export * from './useCopyToClipboard.js';
+export * from './useDropdownPosition.js';
 export * from './useUserAgent.js';

package/dist/hooks/index.js

@@ -1,3 +1,4 @@
 "use client";
 export * from "./useCopyToClipboard.js";
+export * from "./useDropdownPosition.js";
 export * from "./useUserAgent.js";

package/dist/hooks/useCopyToClipboard.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   __async
-} from "../chunk-GOCCUU3Z.js";
+} from "../chunk-MMUBH76A.js";
 import { useCallback, useState } from "react";
 function useCopyToClipboard() {
   const [copied, setCopied] = useState(false);

package/dist/hooks/useDropdownPosition.d.ts

@@ -0,0 +1,7 @@
+import { MutableRefObject } from 'react';
+export declare const useDropdownPosition: (inputRef: MutableRefObject<HTMLCpslInputElement | HTMLDivElement | null>) => {
+    dropdownMaxHeight: number;
+    dropdownWidth: number;
+    mobileAnchor: number;
+    resize: () => void;
+};

package/dist/hooks/useDropdownPosition.js

@@ -0,0 +1,33 @@
+"use client";
+import "../chunk-MMUBH76A.js";
+import { useEffect, useState } from "react";
+const useDropdownPosition = (inputRef) => {
+  const [dropdownMaxHeight, setDropdownMaxHeight] = useState();
+  const [dropdownWidth, setDropdownWidth] = useState();
+  const [mobileAnchor, setMobileAnchor] = useState();
+  const resize = () => {
+    var _a, _b, _c, _d;
+    if (typeof window !== "undefined") {
+      const newMaxHeight = Math.max(
+        window.innerHeight - ((_b = (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.getBoundingClientRect().bottom) != null ? _b : 0) - 20,
+        window.innerHeight * 0.25
+      );
+      setDropdownMaxHeight(newMaxHeight);
+      setDropdownWidth((_c = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _c.getBoundingClientRect().width);
+      setMobileAnchor((_d = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _d.getBoundingClientRect().height);
+    }
+  };
+  if (inputRef.current && !dropdownMaxHeight) {
+    resize();
+  }
+  useEffect(() => {
+    typeof window !== "undefined" && window.addEventListener("resize", resize);
+    return () => {
+      typeof window !== "undefined" && window.removeEventListener("resize", resize);
+    };
+  }, []);
+  return { dropdownMaxHeight, dropdownWidth, mobileAnchor, resize };
+};
+export {
+  useDropdownPosition
+};

package/dist/hooks/useUserAgent.js

@@ -1,5 +1,5 @@
 "use client";
-import "../chunk-GOCCUU3Z.js";
+import "../chunk-MMUBH76A.js";
 import { UAParser } from "ua-parser-js";
 function useUserAgent() {
   const userAgent = typeof window !== "undefined" ? window.navigator.userAgent : void 0;

package/dist/index.d.ts

@@ -3,4 +3,4 @@ export * from './components/index.js';
 export * from './utils/index.js';
 export * from './hooks/index.js';
 export * from './types/index.js';
-export * from './constants/externalWalletDefaults.js';
+export * from './constants/index.js';

package/dist/index.js

@@ -4,4 +4,4 @@ export * from "./components/index.js";
 export * from "./utils/index.js";
 export * from "./hooks/index.js";
 export * from "./types/index.js";
-export * from "./constants/externalWalletDefaults.js";
+export * from "./constants/index.js";

package/dist/types/commonTypes.d.ts

@@ -0,0 +1,15 @@
+import { IconType } from '@getpara/react-components';
+export type Tab<T> = {
+    label: string;
+    value: T;
+    icon: IconType;
+};
+export type DisplayMetadata = {
+    name: string;
+    inlineText?: string;
+    icon: IconType;
+    iconBranded?: IconType;
+    isDark?: boolean;
+    isCircular?: boolean;
+    isPlain?: boolean;
+};

package/dist/types/commonTypes.js

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

package/dist/types/externalWalletCommon.d.ts

@@ -1,4 +1,9 @@
 import ParaWeb, { AuthStateLogin, AuthStateVerify, ExternalWalletInfo, TExternalWallet, TWalletType, Wallet } from '@getpara/web-sdk';
+export type DisconnectType = 'ACCOUNT_LINKING' | 'ACCOUNT_WIDGET';
+export type MutationStatus = 'idle' | 'pending' | 'error' | 'success';
+export type DisconnectBaseOptions = {
+    disconnectType?: DisconnectType;
+};
 export type WalletMetadata = {
     id: string;
     internalId: TExternalWallet;
@@ -77,9 +82,13 @@ export type BalanceManagement<B = string> = {
 };
 export type FarcasterMiniAppManagement = {
     farcasterStatus: {
+        isPresent: false;
+    } | {
+        isPresent: true;
         isConnected: false;
         address?: undefined;
     } | {
+        isPresent: true;
         isConnected: true;
         address: string;
     } | undefined;
@@ -89,8 +98,9 @@ export type ExternalWalletContextType<S extends SignResult = SignResult> = {
     disconnect: () => Promise<void>;
     signMessage: (_: SignArgs) => Promise<S>;
     signVerificationMessage: () => Promise<S>;
-    requestInfo: (_: TExternalWallet) => Promise<ExternalWalletInfo>;
-    disconnectBase: (_?: TExternalWallet) => Promise<void>;
+    requestInfo: (_: string) => Promise<ExternalWalletInfo>;
+    disconnectBase: (_?: string, __?: DisconnectBaseOptions) => Promise<void>;
+    disconnectStatus: MutationStatus;
 };
 export type ExternalWalletProviderConfigBase = {
     onSwitchWallet?: (args: {
@@ -98,10 +108,10 @@ export type ExternalWalletProviderConfigBase = {
         error?: string;
     }) => void;
     para: ParaWeb;
-    walletsWithFullAuth: TExternalWallet[];
+    walletsWithFullAuth: TExternalWallet[] | 'ALL';
     includeWalletVerification?: boolean;
     connectionOnly?: boolean;
-    connectedWallet?: Omit<Wallet, 'signer'> | null;
+    connectedWallet?: Pick<Wallet, 'id' | 'type'> | null;
 };
 export type ExternalWalletProviderConfig<W, P = {}> = ExternalWalletProviderConfigBase & {
     wallets: W[];

package/dist/types/index.d.ts

@@ -1,15 +1,18 @@
-import { AuthInfo } from '@getpara/user-management-client';
-import ParaWeb, { type OnRampConfig, type OnRampPurchase } from '@getpara/web-sdk';
+import { AuthInfo, OnRampPurchaseUpdateParams } from '@getpara/user-management-client';
+import { OfframpDepositRequest, type OnRampConfig, type OnRampPurchase } from '@getpara/web-sdk';
 export * from './externalWalletCommon.js';
+export * from './commonTypes.js';
 export type OnRampProps = {
     appName?: string;
-    para: ParaWeb;
+    email?: string;
     isDark?: boolean;
     isEmbedded?: boolean;
     onClose?: () => void;
     onRampConfig: OnRampConfig;
     onRampPurchase: OnRampPurchase;
-    setOnRampPurchase?: (_: OnRampPurchase) => void;
+    onDepositRequest: (_: OfframpDepositRequest) => Promise<string>;
+    onUpdate: (_: OnRampPurchaseUpdateParams) => Promise<void>;
+    onSuccess: (_: OnRampPurchaseUpdateParams) => Promise<void>;
 };
 export type ModalAuthInfo = AuthInfo & Partial<{
     pfpUrl: string | null;

package/dist/types/index.js

@@ -1,2 +1,3 @@
 "use client";
 export * from "./externalWalletCommon.js";
+export * from "./commonTypes.js";

package/dist/utils/formatBiometricHints.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   __spreadValues
-} from "../chunk-GOCCUU3Z.js";
+} from "../chunk-MMUBH76A.js";
 import { UAParser } from "ua-parser-js";
 import { aaguidMetadata } from "../constants/aaguiMetadata.js";
 const formatStringToUUID = (str) => {

package/dist/utils/getBrowserName.js

@@ -1,5 +1,5 @@
 "use client";
-import "../chunk-GOCCUU3Z.js";
+import "../chunk-MMUBH76A.js";
 import { UAParser } from "ua-parser-js";
 const getBrowserName = () => new UAParser().getBrowser().name;
 export {

package/dist/utils/getDeviceLogo.js

@@ -1,5 +1,5 @@
 "use client";
-import "../chunk-GOCCUU3Z.js";
+import "../chunk-MMUBH76A.js";
 const getDeviceLogo = (vendor, isMobile) => {
   switch (vendor == null ? void 0 : vendor.toLowerCase()) {
     case "apple": {

package/dist/utils/getDeviceModelName.js

@@ -1,5 +1,5 @@
 "use client";
-import "../chunk-GOCCUU3Z.js";
+import "../chunk-MMUBH76A.js";
 const getDeviceModelName = (model) => {
   if (!model) {
     return void 0;

package/dist/utils/getExternalWalletDisplayName.d.ts

@@ -1,2 +1,4 @@
 import { ExternalWalletInfo } from '@getpara/user-management-client';
-export declare const getExternalWalletDisplayName: ({ address, type, addressBech32 }: ExternalWalletInfo) => string;
+export declare const getExternalWalletDisplayName: ({ address, type, providerId, addressBech32 }: ExternalWalletInfo, { withAddress }?: {
+    withAddress?: boolean;
+}) => string;

package/dist/utils/getExternalWalletDisplayName.js

@@ -1,21 +1,13 @@
 "use client";
-import "../chunk-GOCCUU3Z.js";
+import "../chunk-MMUBH76A.js";
 import { truncateAddress } from "@getpara/web-sdk";
-const getExternalWalletDisplayName = ({ address, type, addressBech32 }) => {
+const getExternalWalletDisplayName = ({ address, type, providerId, addressBech32 }, { withAddress = false } = {}) => {
   const walletType = type;
-  let walletTypeDisplay;
-  switch (walletType) {
-    case "EVM":
-      walletTypeDisplay = "EVM";
-      break;
-    case "SOLANA":
-      walletTypeDisplay = "Solana";
-      break;
-    case "COSMOS":
-      walletTypeDisplay = "Cosmos";
-      break;
-  }
-  return `${walletTypeDisplay} ${truncateAddress(addressBech32 != null ? addressBech32 : address, walletType)}`;
+  return `${providerId != null ? providerId : {
+    EVM: "EVM",
+    SOLANA: "Solana",
+    COSMOS: "Cosmos"
+  }[type]}${withAddress ? ` ${truncateAddress(addressBech32 != null ? addressBech32 : address, walletType)}` : ""}`;
 };
 export {
   getExternalWalletDisplayName

package/dist/utils/getExternalWalletIcon.d.ts

@@ -0,0 +1,5 @@
+import { TExternalWallet } from '@getpara/web-sdk';
+import { IconType } from '@getpara/react-components';
+export declare function getExternalWalletIcon(internalId: TExternalWallet | string | undefined, { branded }?: {
+    branded?: boolean;
+}): IconType | undefined;

package/dist/utils/getExternalWalletIcon.js

@@ -0,0 +1,17 @@
+"use client";
+import "../chunk-MMUBH76A.js";
+import { ACCOUNT_TYPES } from "../constants/oAuthLogos.js";
+function getExternalWalletIcon(internalId, { branded = false } = {}) {
+  var _a;
+  if (!internalId) {
+    return "wallet02";
+  }
+  const data = (_a = ACCOUNT_TYPES) == null ? void 0 : _a[internalId];
+  if (!data) {
+    return "wallet02";
+  }
+  return branded ? data.iconBranded || data.icon : data.icon;
+}
+export {
+  getExternalWalletIcon
+};

package/dist/utils/index.d.ts

@@ -1,7 +1,7 @@
-import { OnRampAsset, OnRampAssetInfo, OnRampProvider, Network, OnRampPurchaseType, OnRampConfig, TWalletType } from '@getpara/web-sdk';
+import { TOnRampAsset, OnRampAssetInfo, OnRampProvider, TNetwork, OnRampPurchaseType, OnRampConfig, TWalletType } from '@getpara/user-management-client';
 export declare function getCurrencyCode({ assetInfo }: OnRampConfig, { network, asset, provider }: {
-    network: Network;
-    asset: OnRampAsset;
+    network: TNetwork;
+    asset: TOnRampAsset;
     provider: OnRampProvider;
 }): string | undefined;
 export declare function getCurrencyCodes({ assetInfo, allowedAssets, defaultOnRampNetwork, defaultOnRampAsset }: OnRampConfig, { provider, purchaseType, walletType, }: {
@@ -12,30 +12,31 @@ export declare function getCurrencyCodes({ assetInfo, allowedAssets, defaultOnRa
     currencyCodes: string[];
     defaultCurrencyCode?: string;
 };
-export declare function reverseCurrencyLookup(data: OnRampAssetInfo, provider: OnRampProvider, code: string): [Network, OnRampAsset];
+export declare function reverseCurrencyLookup(data: OnRampAssetInfo, provider: OnRampProvider, code: string): [TNetwork, TOnRampAsset];
 export declare const TestNetworks: {
-    main: Network;
-    test: Network;
+    main: TNetwork;
+    test: TNetwork;
 }[];
-export declare function getNetworkTestEquivalent(network: Network): Network | undefined;
-export declare function getNetworkOrMainNetEquivalent(network: Network, testMode?: boolean): Network;
+export declare function getNetworkTestEquivalent(network: TNetwork): TNetwork | undefined;
+export declare function getNetworkOrMainNetEquivalent(network: TNetwork, testMode?: boolean): TNetwork;
 export declare const NetworkChainIds: {
     chainId: string;
-    network: Network;
+    network: TNetwork;
 }[];
-export declare function getChainId(network: Network): string | undefined;
-export declare function getNetworkFromChainId(chainId?: string | undefined): Network | undefined;
+export declare function getChainId(network: TNetwork): string | undefined;
+export declare function getNetworkFromChainId(chainId?: string | undefined): TNetwork | undefined;
 export declare const NetworkAssetAddresses: {
-    network: Network;
-    asset: OnRampAsset;
+    network: TNetwork;
+    asset: TOnRampAsset;
     address: string;
 }[];
-export declare function getAssetFromContractAddress(network: Network, contractAddress: string): OnRampAsset | undefined;
-export declare function getContractAddressFromAsset(network: Network, asset: OnRampAsset): string | undefined;
-export * from './offRampSend.js';
+export declare function getAssetFromContractAddress(network: TNetwork, contractAddress: string): TOnRampAsset | undefined;
+export declare function getContractAddressFromAsset(network: TNetwork, asset: TOnRampAsset): string | undefined;
 export * from './getDeviceLogo.js';
 export * from './getDeviceModelName.js';
 export * from './getBrowserName.js';
 export * from './formatBiometricHints.js';
 export * from './getExternalWalletDisplayName.js';
+export * from './getExternalWalletIcon.js';
 export * from './safeStyled.js';
+export * from './openMobileUrl.js';

package/dist/utils/index.js

@@ -1,14 +1,8 @@
 "use client";
 import {
   __spreadValues
-} from "../chunk-GOCCUU3Z.js";
-import {
-  OnRampAsset,
-  Network,
-  getOnRampNetworks,
-  getOnRampAssets,
-  toAssetInfoArray
-} from "@getpara/web-sdk";
+} from "../chunk-MMUBH76A.js";
+import { getOnRampNetworks, getOnRampAssets, toAssetInfoArray } from "@getpara/core-sdk";
 function getCurrencyCode({ assetInfo }, { network, asset, provider }) {
   var _a, _b, _c;
   return (_c = (_b = (_a = Object.values(assetInfo).reduce((acc, record) => __spreadValues(__spreadValues({}, acc), record), {})[network]) == null ? void 0 : _a[asset]) == null ? void 0 : _b[provider]) == null ? void 0 : _c[0];
@@ -44,8 +38,8 @@ function reverseCurrencyLookup(data, provider, code) {
   return [row == null ? void 0 : row[1], row == null ? void 0 : row[2]];
 }
 const TestNetworks = [
-  { main: Network.ETHEREUM, test: Network.SEPOLIA },
-  { main: Network.SOLANA, test: Network.SOLANA_DEVNET }
+  { main: "ETHEREUM", test: "SEPOLIA" },
+  { main: "SOLANA", test: "SOLANA_DEVNET" }
 ];
 function getNetworkTestEquivalent(network) {
   var _a;
@@ -56,13 +50,13 @@ function getNetworkOrMainNetEquivalent(network, testMode) {
   return testMode ? (_b = (_a = TestNetworks.find(({ test }) => test === network)) == null ? void 0 : _a.main) != null ? _b : network : network;
 }
 const NetworkChainIds = [
-  { chainId: "11155111", network: Network.SEPOLIA },
-  { chainId: "1", network: Network.ETHEREUM },
-  { chainId: "137", network: Network.POLYGON },
-  { chainId: "42220", network: Network.CELO },
-  { chainId: "8453", network: Network.BASE },
-  { chainId: "42161", network: Network.ARBITRUM },
-  { chainId: "10", network: Network.OPTIMISM }
+  { chainId: "11155111", network: "SEPOLIA" },
+  { chainId: "1", network: "ETHEREUM" },
+  { chainId: "137", network: "POLYGON" },
+  { chainId: "42220", network: "CELO" },
+  { chainId: "8453", network: "BASE" },
+  { chainId: "42161", network: "ARBITRUM" },
+  { chainId: "10", network: "OPTIMISM" }
 ];
 function getChainId(network) {
   var _a, _b;
@@ -74,41 +68,42 @@ function getNetworkFromChainId(chainId) {
 }
 const ETH_CONTRACT_ADDRESS = "0x0000000000000000000000000000000000000000";
 const NetworkAssetAddresses = [
-  { network: Network.ETHEREUM, asset: OnRampAsset.USDC, address: "0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48" },
-  { network: Network.POLYGON, asset: OnRampAsset.USDC, address: "0x3c499c542cef5e3811e1192ce70d8cc03d5c3359" },
-  { network: Network.CELO, asset: OnRampAsset.USDC, address: "0xcebA9300f2b948710d2653dD7B07f33A8B32118C" },
-  { network: Network.BASE, asset: OnRampAsset.USDC, address: "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913" },
-  { network: Network.ARBITRUM, asset: OnRampAsset.USDC, address: "0xaf88d065e77c8cC2239327C5EDb3A432268e5831" },
-  { network: Network.OPTIMISM, asset: OnRampAsset.USDC, address: "0x0b2c639c533813f4aa9d7837caf62653d097ff85" },
-  { network: Network.SOLANA, asset: OnRampAsset.USDC, address: "EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v" },
-  { network: Network.SOLANA_DEVNET, asset: OnRampAsset.USDC, address: "4zMMC9srt5Ri5X14GAgXhaHii3GnPAEERYPJgZJDncDU" },
-  { network: Network.SEPOLIA, asset: OnRampAsset.USDC, address: "0x1c7D4B196Cb0C7B01d743Fbc6116a902379C7238" },
-  { network: Network.SOLANA_DEVNET, asset: OnRampAsset.TETHER, address: "EJwZgeZrdC8TXTQbQBoL6bfuAnFUUy1PVCMB4DYPzVaS" }
+  { network: "ETHEREUM", asset: "USDC", address: "0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48" },
+  { network: "POLYGON", asset: "USDC", address: "0x3c499c542cef5e3811e1192ce70d8cc03d5c3359" },
+  { network: "CELO", asset: "USDC", address: "0xcebA9300f2b948710d2653dD7B07f33A8B32118C" },
+  { network: "BASE", asset: "USDC", address: "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913" },
+  { network: "ARBITRUM", asset: "USDC", address: "0xaf88d065e77c8cC2239327C5EDb3A432268e5831" },
+  { network: "OPTIMISM", asset: "USDC", address: "0x0b2c639c533813f4aa9d7837caf62653d097ff85" },
+  { network: "SOLANA", asset: "USDC", address: "EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v" },
+  { network: "SOLANA_DEVNET", asset: "USDC", address: "4zMMC9srt5Ri5X14GAgXhaHii3GnPAEERYPJgZJDncDU" },
+  { network: "SEPOLIA", asset: "USDC", address: "0x1c7D4B196Cb0C7B01d743Fbc6116a902379C7238" },
+  { network: "SOLANA_DEVNET", asset: "TETHER", address: "EJwZgeZrdC8TXTQbQBoL6bfuAnFUUy1PVCMB4DYPzVaS" }
 ];
 function getAssetFromContractAddress(network, contractAddress) {
   var _a, _b;
   if (contractAddress === ETH_CONTRACT_ADDRESS) {
-    return OnRampAsset.ETHEREUM;
+    return "USDC";
   }
-  const checkNetworks = [network, (_a = getNetworkOrMainNetEquivalent(network)) != null ? _a : void 0].filter((n) => !!n).map((n) => Network[n]);
+  const checkNetworks = [network, (_a = getNetworkOrMainNetEquivalent(network)) != null ? _a : void 0].filter((n) => !!n).map((n) => n);
   return (_b = NetworkAssetAddresses.find(
     (row) => checkNetworks.includes(row.network) && row.asset.toLowerCase() === contractAddress.toLowerCase()
   )) == null ? void 0 : _b.asset;
 }
 function getContractAddressFromAsset(network, asset) {
   var _a;
-  if (asset === OnRampAsset.ETHEREUM) {
+  if (asset === "USDC") {
     return ETH_CONTRACT_ADDRESS;
   }
   return (_a = NetworkAssetAddresses.find((row) => row.network === network && row.asset === asset)) == null ? void 0 : _a.address;
 }
-export * from "./offRampSend.js";
 export * from "./getDeviceLogo.js";
 export * from "./getDeviceModelName.js";
 export * from "./getBrowserName.js";
 export * from "./formatBiometricHints.js";
 export * from "./getExternalWalletDisplayName.js";
+export * from "./getExternalWalletIcon.js";
 export * from "./safeStyled.js";
+export * from "./openMobileUrl.js";
 export {
   NetworkAssetAddresses,
   NetworkChainIds,

package/dist/utils/openMobileUrl.d.ts

@@ -0,0 +1 @@
+export declare const openMobileUrl: (url?: string) => void;

package/dist/utils/openMobileUrl.js

@@ -0,0 +1,34 @@
+"use client";
+import "../chunk-MMUBH76A.js";
+import { isAndroid, isMobile, isTelegram } from "@getpara/web-sdk";
+const openMobileUrl = (url) => {
+  if (typeof window === "undefined") {
+    return;
+  }
+  if (isMobile()) {
+    if (!url) return;
+    if (isTelegram()) {
+      let href = url;
+      if (isAndroid()) {
+        try {
+          const decoded = decodeURI(url);
+          href = decoded === url ? encodeURI(url) : url;
+        } catch (e) {
+          href = encodeURI(url);
+        }
+      }
+      window.open(href, "_blank", "noreferrer noopener");
+    } else if (url.startsWith("http")) {
+      const link = document.createElement("a");
+      link.href = url;
+      link.target = "_blank";
+      link.rel = "noreferrer noopener";
+      link.click();
+    } else {
+      window.location.href = url;
+    }
+  }
+};
+export {
+  openMobileUrl
+};

package/dist/utils/safeStyled.js

@@ -1,5 +1,5 @@
 "use client";
-import "../chunk-GOCCUU3Z.js";
+import "../chunk-MMUBH76A.js";
 import styled from "styled-components";
 const createStubComponent = () => {
   const StubComponent = () => null;