@getpara/react-common 1.7.0 → 2.0.0-dev.0

package/dist/classes/ParaInternal.d.ts

@@ -1,21 +1,14 @@
 import ParaWeb from '@getpara/web-sdk';
 export declare class ParaInternal extends ParaWeb {
     getSupportedCreateAuthMethods: () => Promise<Set<import("@getpara/web-sdk").AuthMethod>>;
-    isUsingExternalWallet: () => boolean;
     getTransmissionKeyShares: ({ isForNewDevice }?: {
         isForNewDevice?: boolean;
     }) => Promise<any>;
-    userSetupAfterLogin: () => Promise<{
-        data: {
-            partnerId?: string;
-            needsWallet?: boolean;
-            sessionLookupId: string;
-        };
-    }>;
+    userSetupAfterLogin: () => Promise<import("@getpara/user-management-client").SessionInfo>;
     setLoginEncryptionKeyPair: (keyPair?: import("node-forge").pki.rsa.KeyPair) => Promise<void>;
-    getPortalURL: (partnerId?: string) => Promise<string>;
+    getPortalURL: () => Promise<string>;
     isProviderModalDisabled: () => boolean;
-    supportedAuthMethods: (auth: import("@getpara/user-management-client").Auth) => Promise<Set<import("@getpara/web-sdk").AuthMethod>>;
+    supportedAuthMethods: (auth: import("@getpara/user-management-client").Auth<import("@getpara/user-management-client").PrimaryAuthType | "userId">) => Promise<Set<import("@getpara/web-sdk").AuthMethod>>;
     getUserBiometricLocationHints: () => Promise<import("@getpara/user-management-client").BiometricLocationHint[]>;
     exitLoops: () => void;
     exitLogin: () => void;

package/dist/index.js

@@ -45,7 +45,6 @@ var ParaInternal = class extends ParaWeb {
   constructor() {
     super(...arguments);
     this.getSupportedCreateAuthMethods = super.getSupportedCreateAuthMethods;
-    this.isUsingExternalWallet = super.isUsingExternalWallet;
     this.getTransmissionKeyShares = super.getTransmissionKeyShares;
     this.userSetupAfterLogin = super.userSetupAfterLogin;
     this.setLoginEncryptionKeyPair = super.setLoginEncryptionKeyPair;
@@ -384,47 +383,6 @@ var formatBiometricHints = (hints) => {
   };
 };
 
-// src/utils/formatPhoneNumber.ts
-import parsePhoneNumberFromString from "libphonenumber-js";
-var 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;
-};
-
-// src/utils/getExternalWalletDisplayName.ts
-import { truncateAddress, WalletType as WalletType2 } from "@getpara/web-sdk";
-var getExternalWalletDisplayName = ({ address, type }) => {
-  const walletType = type;
-  let walletTypeDisplay;
-  switch (walletType) {
-    case WalletType2.EVM:
-      walletTypeDisplay = "EVM";
-      break;
-    case WalletType2.SOLANA:
-      walletTypeDisplay = "Solana";
-      break;
-    case WalletType2.COSMOS:
-      walletTypeDisplay = "Cosmos";
-      break;
-  }
-  return `${walletTypeDisplay} ${truncateAddress(address, walletType)}`;
-};
-
 // src/utils/index.ts
 function getCurrencyCodes({ assetInfo, allowedAssets, defaultOnRampNetwork, defaultOnRampAsset }, {
   provider,
@@ -1182,8 +1140,9 @@ var DeviceLogo = styled6(CpslIcon3)`
 // src/components/UserIdentifier.tsx
 import { CpslAvatar, CpslIcon as CpslIcon4, CpslText as CpslText5 } from "@getpara/react-components";
 import styled7 from "styled-components";
+import { formatPhoneNumber } from "@getpara/web-sdk";
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-function defaultDisplayName({ authType, identifier }) {
+function defaultDisplayName(authType, identifier) {
   switch (authType) {
     case "email":
       return identifier.toLowerCase();
@@ -1198,7 +1157,6 @@ function defaultDisplayName({ authType, identifier }) {
   }
 }
 var UserIdentifier = ({ identifier, authType, displayName, pfpUrl }) => {
-  const shouldHideAvatar = authType === "externalWallet";
   let icon;
   switch (authType) {
     case "email":
@@ -1215,8 +1173,8 @@ var UserIdentifier = ({ identifier, authType, displayName, pfpUrl }) => {
       break;
   }
   return /* @__PURE__ */ jsxs5(Container4, { children: [
-    !shouldHideAvatar && /* @__PURE__ */ jsx7(IconContainer, { children: pfpUrl ? /* @__PURE__ */ jsx7(Avatar, { src: pfpUrl, size: "20px" }) : /* @__PURE__ */ jsx7(Icon, { icon, size: authType === "telegram" ? "20px" : "13px" }) }),
-    /* @__PURE__ */ jsx7(IdentifierText, { variant: "bodyS", weight: "medium", children: displayName || defaultDisplayName({ authType, identifier }) })
+    /* @__PURE__ */ jsx7(IconContainer, { children: pfpUrl ? /* @__PURE__ */ jsx7(Avatar, { src: pfpUrl, size: "20px" }) : /* @__PURE__ */ jsx7(Icon, { icon, size: authType === "telegram" ? "20px" : "13px" }) }),
+    /* @__PURE__ */ jsx7(IdentifierText, { variant: "bodyS", weight: "medium", children: displayName || defaultDisplayName(authType, identifier) })
   ] });
 };
 var Container4 = styled7.div`
@@ -1268,7 +1226,6 @@ export {
   TestNetworks,
   UserIdentifier,
   formatBiometricHints,
-  formatPhoneNumber,
   getAssetFromContractAddress,
   getBrowserName,
   getChainId,
@@ -1276,7 +1233,6 @@ export {
   getCurrencyCodes,
   getDeviceLogo,
   getDeviceModelName,
-  getExternalWalletDisplayName,
   getNetworkFromChainId,
   getNetworkOrMainNetEquivalent,
   getNetworkTestEquivalent,

package/dist/types/externalWalletCommon.d.ts

@@ -0,0 +1,50 @@
+import { WalletType } from '@getpara/web-sdk';
+export type WalletMetadata = {
+    id: string;
+    name: string;
+    iconUrl: string;
+    rdns?: string;
+    installed?: boolean;
+    isExtension?: boolean;
+    isMobile?: boolean;
+    isWeb?: boolean;
+    downloadUrl?: string;
+    getQrUri?: () => Promise<string>;
+    downloadUrls?: {
+        android?: string;
+        ios?: string;
+        mobile?: string;
+        qrCode?: string;
+        chrome?: string;
+        edge?: string;
+        firefox?: string;
+        opera?: string;
+        safari?: string;
+        browserExtension?: string;
+        macos?: string;
+        windows?: string;
+        linux?: string;
+        desktop?: string;
+    };
+};
+export type CommonWallet = {
+    connect: () => Promise<{
+        address?: string;
+        bufferAddress?: string;
+        error?: string;
+        userExists: boolean;
+        isVerified: boolean;
+    }>;
+    connectMobile: (isManualWalletConnect?: boolean) => Promise<{
+        address?: string;
+        bufferAddress?: string;
+        error?: string;
+        userExists: boolean;
+        isVerified: boolean;
+    }>;
+    type: WalletType;
+} & WalletMetadata;
+export type CommonChain = {
+    id: string | number;
+    name: string;
+};

package/dist/types/index.d.ts

@@ -1,5 +1,6 @@
-import { ExtractAuth } from '@getpara/user-management-client';
+import { AuthInfo } from '@getpara/user-management-client';
 import ParaWeb, { type OnRampConfig, type OnRampPurchase } from '@getpara/web-sdk';
+export * from './externalWalletCommon.js';
 export type Props = {
     appName?: string;
     para: ParaWeb;
@@ -10,7 +11,7 @@ export type Props = {
     onRampPurchase: OnRampPurchase;
     setOnRampPurchase?: (_: OnRampPurchase) => void;
 };
-export type ModalAuthInfo = ExtractAuth & Partial<{
+export type ModalAuthInfo = AuthInfo & Partial<{
     pfpUrl: string | null;
     displayName: string | null;
 }>;

package/dist/utils/index.d.ts

@@ -32,5 +32,3 @@ export * from './getDeviceLogo.js';
 export * from './getDeviceModelName.js';
 export * from './getBrowserName.js';
 export * from './formatBiometricHints.js';
-export * from './formatPhoneNumber.js';
-export * from './getExternalWalletDisplayName.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getpara/react-common",
-  "version": "1.7.0",
+  "version": "2.0.0-dev.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -11,8 +11,8 @@
     "*.css"
   ],
   "dependencies": {
-    "@getpara/react-components": "1.7.0",
-    "@getpara/web-sdk": "1.7.0",
+    "@getpara/react-components": "2.0.0-dev.0",
+    "@getpara/web-sdk": "2.0.0-dev.0",
     "@moonpay/moonpay-react": "^1.8.3",
     "@ramp-network/ramp-instant-sdk": "^4.0.5",
     "@stripe/crypto": "^0.0.4",
@@ -23,8 +23,7 @@
   },
   "scripts": {
     "build": "rm -rf dist && yarn typegen && node ./scripts/build.mjs",
-    "typegen": "tsc --emitDeclarationOnly",
-    "test": "vitest run --coverage"
+    "typegen": "tsc --emitDeclarationOnly"
   },
   "devDependencies": {
     "@types/react": "^18.0.31",
@@ -43,5 +42,5 @@
   "resolutions": {
     "styled-components": "^6"
   },
-  "gitHead": "241b03ee3d3502af3b8d702dabd615b266da10ae"
+  "gitHead": "f94ef031ef0e1894f5f0800e55f6ca2904641780"
 }

package/dist/package.json

@@ -1,4 +0,0 @@
-{
-  "type": "module",
-  "sideEffects": false
-}

package/dist/utils/formatPhoneNumber.d.ts

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

package/dist/utils/getExternalWalletDisplayName.d.ts

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