@getpara/react-common 1.7.1 → 1.8.0

package/dist/package.json

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

package/dist/types/index.js

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

package/dist/utils/formatBiometricHints.js

@@ -0,0 +1,51 @@
+"use client";
+import {
+  __spreadValues
+} from "../chunk-IV3L3JVM.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/formatPhoneNumber.js

@@ -0,0 +1,25 @@
+"use client";
+import "../chunk-IV3L3JVM.js";
+import parsePhoneNumberFromString from "libphonenumber-js";
+const formatPhoneNumber = (phone, countryCode) => {
+  phone = phone.toString();
+  countryCode = countryCode == null ? void 0 : countryCode.toString();
+  let sanitizedNumber, parsedNumber;
+  if (!!countryCode) {
+    sanitizedNumber = phone.replace(/\D/g, "");
+    if (/^\+\d+$/.test(countryCode)) {
+      countryCode = countryCode.slice(1);
+    }
+    parsedNumber = parsePhoneNumberFromString(sanitizedNumber, { defaultCallingCode: countryCode });
+  } else {
+    sanitizedNumber = `${phone.startsWith("+") ? "" : "+"}${phone.replace(/[^\d+]/g, "")}`;
+    parsedNumber = parsePhoneNumberFromString(sanitizedNumber);
+  }
+  if (parsedNumber == null ? void 0 : parsedNumber.isValid()) {
+    return parsedNumber.formatInternational();
+  }
+  return null;
+};
+export {
+  formatPhoneNumber
+};

package/dist/utils/getBrowserName.js

@@ -0,0 +1,7 @@
+"use client";
+import "../chunk-IV3L3JVM.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-IV3L3JVM.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-IV3L3JVM.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.js

@@ -0,0 +1,22 @@
+"use client";
+import "../chunk-IV3L3JVM.js";
+import { truncateAddress, WalletType } from "@getpara/web-sdk";
+const getExternalWalletDisplayName = ({ address, type }) => {
+  const walletType = type;
+  let walletTypeDisplay;
+  switch (walletType) {
+    case WalletType.EVM:
+      walletTypeDisplay = "EVM";
+      break;
+    case WalletType.SOLANA:
+      walletTypeDisplay = "Solana";
+      break;
+    case WalletType.COSMOS:
+      walletTypeDisplay = "Cosmos";
+      break;
+  }
+  return `${walletTypeDisplay} ${truncateAddress(address, walletType)}`;
+};
+export {
+  getExternalWalletDisplayName
+};

package/dist/utils/index.js

@@ -0,0 +1,113 @@
+"use client";
+import "../chunk-IV3L3JVM.js";
+import {
+  OnRampAsset,
+  Network,
+  getOnRampNetworks,
+  getOnRampAssets,
+  toAssetInfoArray
+} from "@getpara/web-sdk";
+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 }];
+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.SEPOLIA, asset: OnRampAsset.USDC, address: "0x1c7D4B196Cb0C7B01d743Fbc6116a902379C7238" }
+];
+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 "./formatPhoneNumber.js";
+export * from "./getExternalWalletDisplayName.js";
+export {
+  NetworkAssetAddresses,
+  NetworkChainIds,
+  TestNetworks,
+  getAssetFromContractAddress,
+  getChainId,
+  getContractAddressFromAsset,
+  getCurrencyCodes,
+  getNetworkFromChainId,
+  getNetworkOrMainNetEquivalent,
+  getNetworkTestEquivalent,
+  reverseCurrencyLookup
+};

package/dist/utils/offRampSend.js

@@ -0,0 +1,71 @@
+"use client";
+import {
+  __async
+} from "../chunk-IV3L3JVM.js";
+import { hexStringToBase64, WalletType } 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;
+    if (!purchaseId || !walletId || !walletType || !provider) {
+      throw new Error("Missing required fields");
+    }
+    try {
+      const { tx, network, asset } = yield para.ctx.client.generateOffRampTx(para.getUserId(), {
+        walletId,
+        walletType,
+        provider,
+        chainId,
+        destinationAddress,
+        sourceAddress: address,
+        contractAddress,
+        testMode,
+        assetQuantity
+      });
+      let signature;
+      switch (walletType) {
+        case WalletType.EVM:
+          signature = (_a = yield para.signTransaction({
+            walletId,
+            rlpEncodedTxBase64: hexStringToBase64(tx),
+            chainId
+          })) == null ? void 0 : _a.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,
+        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(((_b = e.response) == null ? void 0 : _b.data) || e.message);
+    }
+  });
+}
+export {
+  offRampSend
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getpara/react-common",
-  "version": "1.7.1",
+  "version": "1.8.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -11,8 +11,8 @@
     "*.css"
   ],
   "dependencies": {
-    "@getpara/react-components": "1.7.1",
-    "@getpara/web-sdk": "1.7.1",
+    "@getpara/react-components": "1.8.0",
+    "@getpara/web-sdk": "1.8.0",
     "@moonpay/moonpay-react": "^1.8.3",
     "@ramp-network/ramp-instant-sdk": "^4.0.5",
     "@stripe/crypto": "^0.0.4",
@@ -43,5 +43,5 @@
   "resolutions": {
     "styled-components": "^6"
   },
-  "gitHead": "767395af96d4a724946a092de760e9137a73369a"
+  "gitHead": "ef96e79558695ccbe148d25a8e3611c4596d1954"
 }