@getpara/react-common 0.1.0

package/dist/utils/formatBiometricHints.js

@@ -0,0 +1,49 @@
+import UAParser from 'ua-parser-js';
+import { aaguidMetadata } from '../constants/aaguiMetadata.js';
+const formatStringToUUID = (str) => {
+    // Check if the string has a valid length
+    if (str.length !== 32) {
+        return undefined;
+    }
+    // Insert hyphens
+    return `${str.slice(0, 8)}-${str.slice(8, 12)}-${str.slice(12, 16)}-${str.slice(16, 20)}-${str.slice(20)}`;
+};
+export const formatBiometricHints = (hints) => {
+    let hasMobileDevice = false, isOnKnownDevice = false;
+    const deviceParsedUA = new UAParser().getResult();
+    const formattedHintsByKey = {};
+    hints === null || hints === void 0 ? 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 || parsedUA === void 0 ? void 0 : parsedUA.browser.name}-${parsedUA === null || parsedUA === void 0 ? void 0 : parsedUA.device.type}-${parsedUA === null || parsedUA === void 0 ? void 0 : parsedUA.device.vendor}-${parsedUA === null || parsedUA === void 0 ? void 0 : parsedUA.device.model}`;
+        }
+        if (hint.aaguid) {
+            const formattedAaguid = formatStringToUUID(hint.aaguid);
+            if (formattedAaguid) {
+                passwordManager = (_a = aaguidMetadata[formattedAaguid]) === null || _a === void 0 ? void 0 : _a.name;
+            }
+            key = `${key}${key ? '-' : ''}${passwordManager}`;
+        }
+        formattedHintsByKey[key] = Object.assign({ passwordManager, isMobile, isKnownDevice, key }, parsedUA);
+    });
+    return {
+        hasMobileDevice,
+        isOnKnownDevice,
+        formattedHints: Object.values(formattedHintsByKey),
+    };
+};

package/dist/utils/formatPhoneNumber.d.ts

@@ -0,0 +1 @@
+export declare const formatPhoneNumber: (phone: string, countryCode?: string) => string;

package/dist/utils/formatPhoneNumber.js

@@ -0,0 +1,9 @@
+import { parsePhoneNumber } from 'libphonenumber-js';
+export const formatPhoneNumber = (phone, countryCode) => {
+    let _countryCode = countryCode;
+    if (_countryCode === null || _countryCode === void 0 ? void 0 : _countryCode.startsWith('+')) {
+        _countryCode = _countryCode.split('+')[1];
+    }
+    const parsed = parsePhoneNumber(phone, { defaultCallingCode: _countryCode });
+    return parsed.formatNational();
+};

package/dist/utils/getBrowserName.d.ts

@@ -0,0 +1 @@
+export declare const getBrowserName: () => string;

package/dist/utils/getBrowserName.js

@@ -0,0 +1,2 @@
+import UAParser from 'ua-parser-js';
+export const getBrowserName = () => new UAParser().getBrowser().name;

package/dist/utils/getDeviceLogo.d.ts

@@ -0,0 +1,2 @@
+import { IconType } from '@getpara/react-components';
+export declare const getDeviceLogo: (vendor?: string, isMobile?: boolean) => IconType;

package/dist/utils/getDeviceLogo.js

@@ -0,0 +1,31 @@
+export const getDeviceLogo = (vendor, isMobile) => {
+    switch (vendor === null || vendor === void 0 ? 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';
+        }
+    }
+};

package/dist/utils/getDeviceModelName.d.ts

@@ -0,0 +1 @@
+export declare const getDeviceModelName: (model?: string) => string;

package/dist/utils/getDeviceModelName.js

@@ -0,0 +1,13 @@
+export const getDeviceModelName = (model) => {
+    if (!model) {
+        return undefined;
+    }
+    switch (model.toLowerCase()) {
+        case 'macintosh': {
+            return 'Mac';
+        }
+        default: {
+            return model;
+        }
+    }
+};

package/dist/utils/index.d.ts

@@ -0,0 +1,35 @@
+import { OnRampAsset, OnRampAssetInfo, OnRampProvider, Network, OnRampPurchaseType, OnRampConfig, WalletType } from '@getpara/web-sdk';
+export declare function getCurrencyCodes({ assetInfo, allowedAssets, defaultOnRampNetwork, defaultOnRampAsset }: OnRampConfig, { provider, purchaseType, walletType, }: {
+    provider: OnRampProvider;
+    purchaseType: OnRampPurchaseType;
+    walletType: WalletType;
+}): {
+    currencyCodes: string[];
+    defaultCurrencyCode?: string;
+};
+export declare function reverseCurrencyLookup(data: OnRampAssetInfo, provider: OnRampProvider, code: string): [Network, OnRampAsset];
+export declare const TestNetworks: {
+    main: Network;
+    test: Network;
+}[];
+export declare function getNetworkTestEquivalent(network: Network): Network | undefined;
+export declare function getNetworkOrMainNetEquivalent(network: Network, testMode?: boolean): Network;
+export declare const NetworkChainIds: {
+    chainId: string;
+    network: Network;
+}[];
+export declare function getChainId(network: Network): string | undefined;
+export declare function getNetworkFromChainId(chainId?: string | undefined): Network | undefined;
+export declare const NetworkAssetAddresses: {
+    network: Network;
+    asset: OnRampAsset;
+    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 * from './getDeviceLogo.js';
+export * from './getDeviceModelName.js';
+export * from './getBrowserName.js';
+export * from './formatBiometricHints.js';
+export * from './formatPhoneNumber.js';

package/dist/utils/index.js

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

package/dist/utils/offRampSend.d.ts

@@ -0,0 +1,7 @@
+import { OnRampPurchaseUpdateParams } from '@getpara/user-management-client';
+import Para, { OnRampPurchase } from '@getpara/web-sdk';
+export declare function offRampSend(para: Para, { id: purchaseId, provider, walletId, walletType, address, testMode }: Partial<OnRampPurchase>, setOnRampPurchase: (_: OnRampPurchase) => void, { assetQuantity, fiat, fiatQuantity, chainId, destinationAddress, contractAddress, }: OnRampPurchaseUpdateParams & {
+    chainId?: string;
+    destinationAddress: string;
+    contractAddress?: string | null;
+}): Promise<string | undefined>;

package/dist/utils/offRampSend.js

@@ -0,0 +1,67 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { hexStringToBase64, WalletType } from '@getpara/web-sdk';
+export function offRampSend(para_1, _a, setOnRampPurchase_1, _b) {
+    return __awaiter(this, arguments, void 0, function* (para, { id: purchaseId, provider, walletId, walletType, address, testMode = false }, setOnRampPurchase, { assetQuantity, fiat, fiatQuantity, chainId, destinationAddress, contractAddress, }) {
+        var _c, _d;
+        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 = (_c = ((yield para.signTransaction({
+                        walletId,
+                        rlpEncodedTxBase64: hexStringToBase64(tx),
+                        chainId,
+                    })))) === null || _c === void 0 ? void 0 : _c.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(((_d = e.response) === null || _d === void 0 ? void 0 : _d.data) || e.message);
+        }
+    });
+}

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@getpara/react-common",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": "./dist/index.js"
+  },
+  "sideEffects": [
+    "*.css"
+  ],
+  "dependencies": {
+    "@getpara/react-components": "0.1.0",
+    "@getpara/web-sdk": "0.1.0",
+    "@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",
+    "styled-components": "^6.1.8"
+  },
+  "scripts": {
+    "build": "rm -rf dist && tsc"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.31",
+    "@types/react-dom": "^18.2.7",
+    "typescript": "^5.4.3"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-dom": "*"
+  },
+  "files": [
+    "dist",
+    "package.json",
+    "styles.css"
+  ],
+  "resolutions": {
+    "styled-components": "^6"
+  },
+  "gitHead": "625aaa94001a5461dcde8d6775c3b73f3862c76c"
+}