@getpara/react-common 2.0.0-alpha.7 → 2.0.0-alpha.71

package/dist/types/externalWalletCommon.d.ts

@@ -1,6 +1,12 @@
-import { AuthStateLogin, AuthStateVerify, TWalletType } from '@getpara/web-sdk';
+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;
     name: string;
     iconUrl: string;
     rdns?: string;
@@ -26,17 +32,18 @@ export type WalletMetadata = {
         linux?: string;
         desktop?: string;
     };
+    hasIosSafariExtension?: boolean;
 };
 export type CommonWallet = {
-    connect: () => Promise<{
+    connect: (isConnectionOnly?: boolean) => Promise<{
         address?: string;
-        bufferAddress?: string;
+        ethAddress?: string;
         error?: string;
         authState?: AuthStateLogin | AuthStateVerify;
     }>;
-    connectMobile: (isManualWalletConnect?: boolean) => Promise<{
+    connectMobile: (isManualWalletConnect?: boolean, isConnectionOnly?: boolean) => Promise<{
         address?: string;
-        bufferAddress?: string;
+        ethAddress?: string;
         error?: string;
         authState?: AuthStateLogin | AuthStateVerify;
     }>;
@@ -46,36 +53,67 @@ export type CommonChain = {
     id: string | number;
     name: string;
 };
-export declare enum EvmWallet {
-    METAMASK = "METAMASK",
-    RAINBOW = "RAINBOW",
-    COINBASE = "COINBASE",
-    WALLETCONNECT = "WALLETCONNECT",
-    ZERION = "ZERION",
-    SAFE = "SAFE",
-    RABBY = "RABBY"
-}
-export declare enum SolanaWallet {
-    PHANTOM = "PHANTOM",
-    GLOW = "GLOW",
-    BACKPACK = "BACKPACK"
-}
-export declare enum CosmosWallet {
-    KEPLR = "KEPLR",
-    LEAP = "LEAP"
-}
-export declare const ExternalWallet: {
-    KEPLR: CosmosWallet.KEPLR;
-    LEAP: CosmosWallet.LEAP;
-    PHANTOM: SolanaWallet.PHANTOM;
-    GLOW: SolanaWallet.GLOW;
-    BACKPACK: SolanaWallet.BACKPACK;
-    METAMASK: EvmWallet.METAMASK;
-    RAINBOW: EvmWallet.RAINBOW;
-    COINBASE: EvmWallet.COINBASE;
-    WALLETCONNECT: EvmWallet.WALLETCONNECT;
-    ZERION: EvmWallet.ZERION;
-    SAFE: EvmWallet.SAFE;
-    RABBY: EvmWallet.RABBY;
+export type SignArgs = {
+    message: string;
+    externalWallet?: ExternalWalletInfo;
+};
+export type SignResult = {
+    address?: string;
+    signature?: string;
+    error?: string;
+};
+export type SwitchChainResult = {
+    error: string[];
+} | void;
+export type ConnectParaEmbedded = {
+    connectParaEmbedded: () => Promise<{
+        result?: unknown;
+        error?: string;
+    }>;
+};
+export type ChainManagement<ChainId, R extends SwitchChainResult = SwitchChainResult> = {
+    chains: CommonChain[];
+    chainId?: ChainId;
+    switchChain: (_: ChainId) => Promise<R>;
+};
+export type BalanceManagement<B = string> = {
+    balance?: B;
+    getWalletBalance: () => Promise<B | undefined>;
+};
+export type FarcasterMiniAppManagement = {
+    farcasterStatus: {
+        isPresent: false;
+    } | {
+        isPresent: true;
+        isConnected: false;
+        address?: undefined;
+    } | {
+        isPresent: true;
+        isConnected: true;
+        address: string;
+    } | undefined;
+};
+export type ExternalWalletContextType<S extends SignResult = SignResult> = {
+    wallets: CommonWallet[];
+    disconnect: () => Promise<void>;
+    signMessage: (_: SignArgs) => Promise<S>;
+    signVerificationMessage: () => Promise<S>;
+    requestInfo: (_: string) => Promise<ExternalWalletInfo>;
+    disconnectBase: (_?: string, __?: DisconnectBaseOptions) => Promise<void>;
+    disconnectStatus: MutationStatus;
+};
+export type ExternalWalletProviderConfigBase = {
+    onSwitchWallet?: (args: {
+        address?: string;
+        error?: string;
+    }) => void;
+    para: ParaWeb;
+    walletsWithFullAuth: TExternalWallet[] | 'ALL';
+    includeWalletVerification?: boolean;
+    connectionOnly?: boolean;
+    connectedWallet?: Pick<Wallet, 'id' | 'type'> | null;
 };
-export type TExternalWallet = keyof typeof ExternalWallet;
+export type ExternalWalletProviderConfig<W, P = {}> = ExternalWalletProviderConfigBase & {
+    wallets: W[];
+} & P;
+export { type TExternalWallet };

package/dist/types/externalWalletCommon.js

@@ -1,32 +1 @@
 "use client";
-import {
-  __spreadValues
-} from "../chunk-GOCCUU3Z.js";
-var EvmWallet = /* @__PURE__ */ ((EvmWallet2) => {
-  EvmWallet2["METAMASK"] = "METAMASK";
-  EvmWallet2["RAINBOW"] = "RAINBOW";
-  EvmWallet2["COINBASE"] = "COINBASE";
-  EvmWallet2["WALLETCONNECT"] = "WALLETCONNECT";
-  EvmWallet2["ZERION"] = "ZERION";
-  EvmWallet2["SAFE"] = "SAFE";
-  EvmWallet2["RABBY"] = "RABBY";
-  return EvmWallet2;
-})(EvmWallet || {});
-var SolanaWallet = /* @__PURE__ */ ((SolanaWallet2) => {
-  SolanaWallet2["PHANTOM"] = "PHANTOM";
-  SolanaWallet2["GLOW"] = "GLOW";
-  SolanaWallet2["BACKPACK"] = "BACKPACK";
-  return SolanaWallet2;
-})(SolanaWallet || {});
-var CosmosWallet = /* @__PURE__ */ ((CosmosWallet2) => {
-  CosmosWallet2["KEPLR"] = "KEPLR";
-  CosmosWallet2["LEAP"] = "LEAP";
-  return CosmosWallet2;
-})(CosmosWallet || {});
-const ExternalWallet = __spreadValues(__spreadValues(__spreadValues({}, EvmWallet), SolanaWallet), CosmosWallet);
-export {
-  CosmosWallet,
-  EvmWallet,
-  ExternalWallet,
-  SolanaWallet
-};

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 type Props = {
+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.d.ts

@@ -10,5 +10,5 @@ export type BiometricHints = {
     isOnKnownDevice: boolean;
     formattedHints: FormattedBiometricHint[];
 };
-export declare const formatBiometricHints: (hints: BiometricLocationHint[]) => BiometricHints;
+export declare const formatBiometricHints: (hints: BiometricLocationHint[], isPasskeySupported?: boolean) => BiometricHints;
 export {};

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) => {
@@ -10,7 +10,7 @@ const formatStringToUUID = (str) => {
   }
   return `${str.slice(0, 8)}-${str.slice(8, 12)}-${str.slice(12, 16)}-${str.slice(16, 20)}-${str.slice(20)}`;
 };
-const formatBiometricHints = (hints) => {
+const formatBiometricHints = (hints, isPasskeySupported = false) => {
   let hasMobileDevice = false, isOnKnownDevice = false;
   const deviceParsedUA = UAParser();
   const formattedHintsByKey = {};
@@ -24,7 +24,7 @@ const formatBiometricHints = (hints) => {
         hasMobileDevice = true;
       }
       if (deviceParsedUA) {
-        if (deviceParsedUA.browser.name === parsedUA.browser.name && deviceParsedUA.device.type === parsedUA.device.type && deviceParsedUA.device.vendor === parsedUA.device.vendor && deviceParsedUA.device.model === parsedUA.device.model) {
+        if (isPasskeySupported && deviceParsedUA.browser.name === parsedUA.browser.name && deviceParsedUA.device.type === parsedUA.device.type && deviceParsedUA.device.vendor === parsedUA.device.vendor && deviceParsedUA.device.model === parsedUA.device.model) {
           isOnKnownDevice = true;
           isKnownDevice = true;
         }

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,29 +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,40 +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.d.ts

@@ -0,0 +1,2 @@
+import styled from 'styled-components';
+export declare const safeStyled: typeof styled;

package/dist/utils/safeStyled.js

@@ -0,0 +1,25 @@
+"use client";
+import "../chunk-MMUBH76A.js";
+import styled from "styled-components";
+const createStubComponent = () => {
+  const StubComponent = () => null;
+  StubComponent.attrs = () => createStubComponent();
+  StubComponent.withConfig = () => createStubComponent();
+  return StubComponent;
+};
+const createStubStyled = () => {
+  const styledStub = () => createStubComponent();
+  const handler = {
+    get: (_target, _prop) => {
+      return createStubComponent;
+    },
+    apply: () => {
+      return createStubComponent();
+    }
+  };
+  return new Proxy(styledStub, handler);
+};
+const safeStyled = typeof window !== "undefined" ? styled : createStubStyled();
+export {
+  safeStyled
+};

package/package.json

@@ -1,46 +1,44 @@
 {
   "name": "@getpara/react-common",
-  "version": "2.0.0-alpha.7",
-  "type": "module",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": "./dist/index.js"
-  },
-  "sideEffects": [
-    "*.css"
-  ],
+  "version": "2.0.0-alpha.71",
   "dependencies": {
-    "@getpara/react-components": "2.0.0-alpha.7",
-    "@getpara/web-sdk": "2.0.0-alpha.7",
+    "@getpara/react-components": "2.0.0-alpha.71",
+    "@getpara/web-sdk": "2.0.0-alpha.71",
     "@moonpay/moonpay-react": "^1.8.3",
     "@ramp-network/ramp-instant-sdk": "^4.0.5",
-    "@stripe/crypto": "^0.0.4",
-    "@stripe/stripe-js": "^3.4.0",
-    "libphonenumber-js": "^1.11.1",
+    "libphonenumber-js": "^1.11.7",
     "styled-components": "^6.1.8",
     "ua-parser-js": "^2.0.2"
   },
-  "scripts": {
-    "build": "rm -rf dist && yarn typegen && node ./scripts/build.mjs",
-    "typegen": "tsc --emitDeclarationOnly"
-  },
   "devDependencies": {
     "@types/react": "^18.0.31",
     "@types/react-dom": "^18.2.7",
-    "typescript": "^5.4.3"
+    "typescript": "^5.8.3"
   },
-  "peerDependencies": {
-    "react": "*",
-    "react-dom": "*"
+  "exports": {
+    ".": "./dist/index.js"
   },
   "files": [
     "dist",
     "package.json",
     "styles.css"
   ],
+  "main": "dist/index.js",
+  "peerDependencies": {
+    "react": "*",
+    "react-dom": "*"
+  },
   "resolutions": {
     "styled-components": "^6"
   },
-  "gitHead": "0a6b297b70c7f9b7b93381944e3f5314252ad6a5"
+  "scripts": {
+    "build": "rm -rf dist && yarn typegen && node ./scripts/build.mjs",
+    "typegen": "tsc --emitDeclarationOnly"
+  },
+  "sideEffects": [
+    "*.css"
+  ],
+  "type": "module",
+  "types": "dist/index.d.ts",
+  "gitHead": "30e5bad6a141f1b56959432f11aaf1536b84dece"
 }

package/dist/components/StripeEmbed.d.ts

@@ -1,4 +0,0 @@
-import { Props } from '../types/index.js';
-export declare const STRIPE_PUBLISHABLE_KEY = "pk_live_51MvquNGrzDeP5yP9EgVSMBPQbrbg0oHDjPIIXypePd0jzOFjbadyfO7wBKLHhUtbKIUiEUVC3YYcTJyAmJ8xA7JE00T2UDfYKz";
-export declare const STRIPE_PUBLISHABLE_KEY_TEST = "pk_test_51MvquNGrzDeP5yP98WgPaAUgQ50I3OpfPhVfiLO47FBHepJnZRPO62IzZY2uxT5ovhSS10RwcTcnaVil1mcJOzIi00dHapODdS";
-export declare const StripeEmbed: ({ para, isDark, isEmbedded, onRampPurchase, setOnRampPurchase }: Props) => import("react/jsx-runtime").JSX.Element;