@getpara/react-common 2.0.0-alpha.3 → 2.0.0-alpha.5

package/dist/package.json

@@ -0,0 +1,6 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ]
+}

package/dist/types/externalWalletCommon.d.ts

@@ -1,4 +1,4 @@
-import { AuthStateLogin, AuthStateVerify, WalletType } from '@getpara/web-sdk';
+import { AuthStateLogin, AuthStateVerify, TWalletType } from '@getpara/web-sdk';
 export type WalletMetadata = {
     id: string;
     name: string;
@@ -40,7 +40,7 @@ export type CommonWallet = {
         error?: string;
         authState?: AuthStateLogin | AuthStateVerify;
     }>;
-    type: WalletType;
+    type: TWalletType;
 } & WalletMetadata;
 export type CommonChain = {
     id: string | number;
@@ -52,6 +52,7 @@ export declare enum EvmWallet {
     COINBASE = "COINBASE",
     WALLETCONNECT = "WALLETCONNECT",
     ZERION = "ZERION",
+    SAFE = "SAFE",
     RABBY = "RABBY"
 }
 export declare enum SolanaWallet {
@@ -74,6 +75,7 @@ export declare const ExternalWallet: {
     COINBASE: EvmWallet.COINBASE;
     WALLETCONNECT: EvmWallet.WALLETCONNECT;
     ZERION: EvmWallet.ZERION;
+    SAFE: EvmWallet.SAFE;
     RABBY: EvmWallet.RABBY;
 };
 export type TExternalWallet = keyof typeof ExternalWallet;

package/dist/types/externalWalletCommon.js

@@ -0,0 +1,32 @@
+"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.js

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

package/dist/utils/formatBiometricHints.js

@@ -0,0 +1,51 @@
+"use client";
+import {
+  __spreadValues
+} from "../chunk-GOCCUU3Z.js";
+import { UAParser } from "ua-parser-js";
+import { aaguidMetadata } from "../constants/aaguiMetadata.js";
+const formatStringToUUID = (str) => {
+  if (str.length !== 32) {
+    return void 0;
+  }
+  return `${str.slice(0, 8)}-${str.slice(8, 12)}-${str.slice(12, 16)}-${str.slice(16, 20)}-${str.slice(20)}`;
+};
+const formatBiometricHints = (hints) => {
+  let hasMobileDevice = false, isOnKnownDevice = false;
+  const deviceParsedUA = UAParser();
+  const formattedHintsByKey = {};
+  hints == null ? void 0 : hints.forEach((hint) => {
+    var _a;
+    let isMobile = false, isKnownDevice = false, passwordManager, parsedUA, key = "";
+    if (hint.useragent) {
+      parsedUA = new UAParser(hint.useragent).getResult();
+      if (parsedUA.device.type === "mobile" || parsedUA.device.type === "tablet") {
+        isMobile = true;
+        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) {
+          isOnKnownDevice = true;
+          isKnownDevice = true;
+        }
+      }
+      key = `${parsedUA == null ? void 0 : parsedUA.browser.name}-${parsedUA == null ? void 0 : parsedUA.device.type}-${parsedUA == null ? void 0 : parsedUA.device.vendor}-${parsedUA == null ? void 0 : parsedUA.device.model}`;
+    }
+    if (hint.aaguid) {
+      const formattedAaguid = formatStringToUUID(hint.aaguid);
+      if (formattedAaguid) {
+        passwordManager = (_a = aaguidMetadata[formattedAaguid]) == null ? void 0 : _a.name;
+      }
+      key = `${key}${key ? "-" : ""}${passwordManager}`;
+    }
+    formattedHintsByKey[key] = __spreadValues({ passwordManager, isMobile, isKnownDevice, key }, parsedUA);
+  });
+  return {
+    hasMobileDevice,
+    isOnKnownDevice,
+    formattedHints: Object.values(formattedHintsByKey)
+  };
+};
+export {
+  formatBiometricHints
+};

package/dist/utils/getBrowserName.js

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

package/dist/utils/getDeviceLogo.js

@@ -0,0 +1,36 @@
+"use client";
+import "../chunk-GOCCUU3Z.js";
+const getDeviceLogo = (vendor, isMobile) => {
+  switch (vendor == null ? void 0 : vendor.toLowerCase()) {
+    case "apple": {
+      return "apple";
+    }
+    case "samsung": {
+      return "samsung";
+    }
+    case "lenovo": {
+      return "lenovo";
+    }
+    case "lg": {
+      return "lg";
+    }
+    case "motorola": {
+      return "motorola";
+    }
+    case "dell": {
+      return "dell";
+    }
+    case "hp": {
+      return "hp";
+    }
+    default: {
+      if (isMobile) {
+        return "phone";
+      }
+      return "laptop";
+    }
+  }
+};
+export {
+  getDeviceLogo
+};

package/dist/utils/getDeviceModelName.js

@@ -0,0 +1,21 @@
+"use client";
+import "../chunk-GOCCUU3Z.js";
+const getDeviceModelName = (model) => {
+  if (!model) {
+    return void 0;
+  }
+  switch (model.toLowerCase()) {
+    case "macintosh": {
+      return "Mac";
+    }
+    case "k": {
+      return "Android";
+    }
+    default: {
+      return model;
+    }
+  }
+};
+export {
+  getDeviceModelName
+};

package/dist/utils/getExternalWalletDisplayName.d.ts

@@ -1,5 +1,2 @@
-import { WalletType } from '@getpara/web-sdk';
-export declare const getExternalWalletDisplayName: ({ address, type }: {
-    address: string;
-    type: WalletType;
-}) => string;
+import { ExternalWalletInfo } from '@getpara/user-management-client';
+export declare const getExternalWalletDisplayName: ({ address, type, addressBech32 }: ExternalWalletInfo) => string;

package/dist/utils/getExternalWalletDisplayName.js

@@ -0,0 +1,22 @@
+"use client";
+import "../chunk-GOCCUU3Z.js";
+import { truncateAddress } from "@getpara/web-sdk";
+const getExternalWalletDisplayName = ({ address, type, addressBech32 }) => {
+  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)}`;
+};
+export {
+  getExternalWalletDisplayName
+};

package/dist/utils/index.d.ts

@@ -1,8 +1,13 @@
-import { OnRampAsset, OnRampAssetInfo, OnRampProvider, Network, OnRampPurchaseType, OnRampConfig, WalletType } from '@getpara/web-sdk';
+import { OnRampAsset, OnRampAssetInfo, OnRampProvider, Network, OnRampPurchaseType, OnRampConfig, TWalletType } from '@getpara/web-sdk';
+export declare function getCurrencyCode({ assetInfo }: OnRampConfig, { network, asset, provider }: {
+    network: Network;
+    asset: OnRampAsset;
+    provider: OnRampProvider;
+}): string | undefined;
 export declare function getCurrencyCodes({ assetInfo, allowedAssets, defaultOnRampNetwork, defaultOnRampAsset }: OnRampConfig, { provider, purchaseType, walletType, }: {
     provider: OnRampProvider;
     purchaseType: OnRampPurchaseType;
-    walletType: WalletType;
+    walletType: TWalletType;
 }): {
     currencyCodes: string[];
     defaultCurrencyCode?: string;

package/dist/utils/index.js

@@ -0,0 +1,124 @@
+"use client";
+import {
+  __spreadValues
+} from "../chunk-GOCCUU3Z.js";
+import {
+  OnRampAsset,
+  Network,
+  getOnRampNetworks,
+  getOnRampAssets,
+  toAssetInfoArray
+} from "@getpara/web-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];
+}
+function getCurrencyCodes({ assetInfo, allowedAssets, defaultOnRampNetwork, defaultOnRampAsset }, {
+  provider,
+  purchaseType,
+  walletType
+}) {
+  let defaultCurrencyCode;
+  const currencyCodes = getOnRampNetworks(assetInfo, {
+    walletType,
+    allowed: allowedAssets ? Object.keys(allowedAssets) : void 0
+  }).sort((a, b) => a === defaultOnRampNetwork ? -1 : b === defaultOnRampNetwork ? 1 : 0).reduce((acc, network) => {
+    const allowed = Array.isArray(allowedAssets == null ? void 0 : allowedAssets[network]) ? allowedAssets[network] : void 0;
+    return [
+      ...acc,
+      ...getOnRampAssets(assetInfo, { walletType, network, allowed }).sort((a, b) => a === defaultOnRampAsset ? -1 : b === defaultOnRampAsset ? 1 : 0).map((asset) => {
+        var _a, _b, _c, _d, _e, _f;
+        if (network === defaultOnRampNetwork && asset === defaultOnRampAsset) {
+          defaultCurrencyCode = (_c = (_b = (_a = assetInfo[walletType]) == null ? void 0 : _a[network]) == null ? void 0 : _b[asset]) == null ? void 0 : _c[provider][0];
+        }
+        return (_f = (_e = (_d = assetInfo[walletType]) == null ? void 0 : _d[network]) == null ? void 0 : _e[asset]) == null ? void 0 : _f[provider];
+      }).filter((entry) => !!entry && !!entry[1][purchaseType]).map(([code]) => code)
+    ];
+  }, []).filter((code) => !!code);
+  return { currencyCodes, defaultCurrencyCode: defaultCurrencyCode || currencyCodes[0] };
+}
+function reverseCurrencyLookup(data, provider, code) {
+  const row = toAssetInfoArray(data).find(
+    ([_, __, ___, providers]) => [code.toUpperCase(), code.toLowerCase()].includes(providers[provider][0])
+  );
+  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 }
+];
+function getNetworkTestEquivalent(network) {
+  var _a;
+  return (_a = TestNetworks.find(({ main }) => main === network)) == null ? void 0 : _a.test;
+}
+function getNetworkOrMainNetEquivalent(network, testMode) {
+  var _a, _b;
+  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 }
+];
+function getChainId(network) {
+  var _a, _b;
+  return (_b = (_a = NetworkChainIds.find(({ network: n }) => n === network)) == null ? void 0 : _a.chainId) != null ? _b : void 0;
+}
+function getNetworkFromChainId(chainId) {
+  var _a;
+  return chainId ? (_a = NetworkChainIds.find(({ chainId: c }) => c === chainId)) == null ? void 0 : _a.network : void 0;
+}
+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" }
+];
+function getAssetFromContractAddress(network, contractAddress) {
+  var _a, _b;
+  if (contractAddress === ETH_CONTRACT_ADDRESS) {
+    return OnRampAsset.ETHEREUM;
+  }
+  const checkNetworks = [network, (_a = getNetworkOrMainNetEquivalent(network)) != null ? _a : void 0].filter((n) => !!n).map((n) => Network[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) {
+    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 {
+  NetworkAssetAddresses,
+  NetworkChainIds,
+  TestNetworks,
+  getAssetFromContractAddress,
+  getChainId,
+  getContractAddressFromAsset,
+  getCurrencyCode,
+  getCurrencyCodes,
+  getNetworkFromChainId,
+  getNetworkOrMainNetEquivalent,
+  getNetworkTestEquivalent,
+  reverseCurrencyLookup
+};

package/dist/utils/offRampSend.js

@@ -0,0 +1,75 @@
+"use client";
+import {
+  __async
+} from "../chunk-GOCCUU3Z.js";
+import { hexStringToBase64 } from "@getpara/web-sdk";
+function offRampSend(_0, _1, _2, _3) {
+  return __async(this, arguments, function* (para, { id: purchaseId, provider, walletId, walletType, address, testMode = false }, setOnRampPurchase, {
+    assetQuantity,
+    fiat,
+    fiatQuantity,
+    chainId,
+    destinationAddress,
+    contractAddress
+  }) {
+    var _a, _b, _c;
+    if (!purchaseId || !walletId || !walletType || !provider) {
+      throw new Error("Missing required fields");
+    }
+    try {
+      const { tx, message, network, asset } = yield para.ctx.client.generateOffRampTx(para.getUserId(), {
+        walletId,
+        walletType,
+        provider,
+        chainId,
+        destinationAddress,
+        sourceAddress: address,
+        contractAddress,
+        testMode,
+        assetQuantity
+      });
+      let signature;
+      switch (walletType) {
+        case "EVM":
+          signature = (_a = yield para.signTransaction({
+            walletId,
+            rlpEncodedTxBase64: hexStringToBase64(tx),
+            chainId
+          })) == null ? void 0 : _a.signature;
+          break;
+        case "SOLANA":
+          signature = (_b = yield para.signMessage({ walletId, messageBase64: message })) == null ? void 0 : _b.signature;
+          break;
+        default:
+          throw new Error(`Unsupported wallet type: ${walletType}`);
+      }
+      const { txHash } = yield para.ctx.client.sendOffRampTx(para.getUserId(), {
+        tx,
+        signature: walletType === "EVM" ? `0x${signature}` : signature,
+        sourceAddress: address,
+        network,
+        walletId,
+        walletType
+      });
+      const updated = yield para.ctx.client.updateOnRampPurchase({
+        userId: para.getUserId(),
+        walletId,
+        purchaseId,
+        updates: {
+          fiat,
+          fiatQuantity,
+          assetQuantity,
+          network,
+          asset
+        }
+      });
+      setOnRampPurchase(updated);
+      return txHash;
+    } catch (e) {
+      throw new Error(((_c = e.response) == null ? void 0 : _c.data) || e.message);
+    }
+  });
+}
+export {
+  offRampSend
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getpara/react-common",
-  "version": "2.0.0-alpha.3",
+  "version": "2.0.0-alpha.5",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -11,8 +11,8 @@
     "*.css"
   ],
   "dependencies": {
-    "@getpara/react-components": "2.0.0-alpha.3",
-    "@getpara/web-sdk": "2.0.0-alpha.3",
+    "@getpara/react-components": "2.0.0-alpha.5",
+    "@getpara/web-sdk": "2.0.0-alpha.5",
     "@moonpay/moonpay-react": "^1.8.3",
     "@ramp-network/ramp-instant-sdk": "^4.0.5",
     "@stripe/crypto": "^0.0.4",
@@ -42,5 +42,5 @@
   "resolutions": {
     "styled-components": "^6"
   },
-  "gitHead": "77a1e04b06258842ca9c81e3db2a2b0092517659"
+  "gitHead": "3ecfca088f24489f2e8fa5493d0f4459b08880e1"
 }