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

package/dist/classes/ParaInternal.d.ts

@@ -1,25 +1,25 @@
 import ParaWeb from '@getpara/web-sdk';
 export declare class ParaInternal extends ParaWeb {
+    setupAfterLogin: ({ temporaryShares, skipSessionRefresh, }?: {
+        temporaryShares?: any[];
+        skipSessionRefresh?: boolean;
+    }) => Promise<void>;
     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>>;
-    getUserBiometricLocationHints: () => Promise<import("@getpara/user-management-client").BiometricLocationHint[]>;
-    exitLoops: () => void;
-    exitLogin: () => void;
-    exitAccountCreation: () => void;
-    exitOAuth: () => void;
-    exitFarcaster: () => void;
+    setAuth: (auth: import("@getpara/user-management-client").PrimaryAuth, { extras, userId }?: {
+        extras?: import("@getpara/web-sdk").AuthExtras;
+        userId?: string;
+    }) => Promise<typeof this.authInfo>;
+    supportedAuthMethods: (auth: import("@getpara/user-management-client").Auth<import("@getpara/user-management-client").PrimaryAuthType | "userId">) => Promise<Set<import("@getpara/web-sdk").AuthMethod>>;
+    constructPortalUrl: (type: import("@getpara/core-sdk/dist/types/types").PortalUrlType, opts?: import("@getpara/core-sdk/dist/types/types").PortalUrlOptions) => Promise<string>;
+    getNewCredentialAndUrl: ({ authMethod, isForNewDevice, portalTheme, shorten, }?: import("@getpara/core-sdk/dist/types/types").NewCredentialUrlParams) => Promise<{
+        credentialId: string;
+        url: string;
+    }>;
 }

package/dist/components/UserIdentifier.d.ts

@@ -1,2 +1,4 @@
-import { ModalAuthInfo } from '../types/index.js';
-export declare const UserIdentifier: ({ identifier, authType, displayName, pfpUrl }: ModalAuthInfo) => import("react/jsx-runtime").JSX.Element;
+import { CoreAuthInfo } from '@getpara/web-sdk';
+export declare const UserIdentifier: ({ authInfo }: {
+    authInfo?: CoreAuthInfo;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/index.js

@@ -44,20 +44,17 @@ import ParaWeb from "@getpara/web-sdk";
 var ParaInternal = class extends ParaWeb {
   constructor() {
     super(...arguments);
+    this.setupAfterLogin = super.setupAfterLogin;
     this.getSupportedCreateAuthMethods = super.getSupportedCreateAuthMethods;
-    this.isUsingExternalWallet = super.isUsingExternalWallet;
     this.getTransmissionKeyShares = super.getTransmissionKeyShares;
     this.userSetupAfterLogin = super.userSetupAfterLogin;
     this.setLoginEncryptionKeyPair = super.setLoginEncryptionKeyPair;
     this.getPortalURL = super.getPortalURL;
     this.isProviderModalDisabled = super.isProviderModalDisabled;
+    this.setAuth = super.setAuth;
     this.supportedAuthMethods = super.supportedAuthMethods;
-    this.getUserBiometricLocationHints = super.getUserBiometricLocationHints;
-    this.exitLoops = super.exitLoops;
-    this.exitLogin = super.exitLogin;
-    this.exitAccountCreation = super.exitAccountCreation;
-    this.exitOAuth = super.exitOAuth;
-    this.exitFarcaster = super.exitFarcaster;
+    this.constructPortalUrl = super.constructPortalUrl;
+    this.getNewCredentialAndUrl = super.getNewCredentialAndUrl;
   }
 };
 
@@ -384,28 +381,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 }) => {
@@ -1182,41 +1157,34 @@ 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 { displayPhoneNumber } from "@getpara/web-sdk";
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-function defaultDisplayName({ authType, identifier }) {
+function defaultDisplay(authInfo) {
+  const { authType, identifier, externalWallet } = authInfo;
   switch (authType) {
     case "email":
-      return identifier.toLowerCase();
+      return [identifier.toLowerCase(), "mail"];
     case "phone":
-      return formatPhoneNumber(identifier);
+      return [displayPhoneNumber(identifier), "phone"];
     case "farcaster":
-      return `@${identifier}`;
+      return [`@${identifier}`, "farcasterBrand"];
     case "telegram":
-      return `Telegram User @${identifier}`;
+      return [`Telegram User @${identifier}`, "telegramBrand"];
+    case "externalWallet":
+      return [getExternalWalletDisplayName(externalWallet), "wallet"];
     default:
-      return null;
+      return [null, null];
   }
 }
-var UserIdentifier = ({ identifier, authType, displayName, pfpUrl }) => {
-  const shouldHideAvatar = authType === "externalWallet";
-  let icon;
-  switch (authType) {
-    case "email":
-      icon = "mail";
-      break;
-    case "phone":
-      icon = "phone";
-      break;
-    case "farcaster":
-      icon = "farcasterBrand";
-      break;
-    case "telegram":
-      icon = "telegramBrand";
-      break;
+var UserIdentifier = ({ authInfo }) => {
+  if (!authInfo) {
+    return null;
   }
+  const { authType, displayName, pfpUrl } = authInfo;
+  const [defaultName, defaultIcon] = defaultDisplay(authInfo);
   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", variant: "round" }) : /* @__PURE__ */ jsx7(Icon, { icon: defaultIcon, size: authType === "telegram" ? "20px" : "13px" }) }),
+    /* @__PURE__ */ jsx7(IdentifierText, { variant: "bodyS", weight: "medium", children: displayName || defaultName })
   ] });
 };
 var Container4 = styled7.div`
@@ -1247,9 +1215,35 @@ var Avatar = styled7(CpslAvatar)`
   --container-border-width: 0;
   --container-padding: 0;
 `;
+
+// src/types/externalWalletCommon.ts
+var EvmWallet = /* @__PURE__ */ ((EvmWallet2) => {
+  EvmWallet2["METAMASK"] = "METAMASK";
+  EvmWallet2["RAINBOW"] = "RAINBOW";
+  EvmWallet2["COINBASE"] = "COINBASE";
+  EvmWallet2["WALLETCONNECT"] = "WALLETCONNECT";
+  EvmWallet2["ZERION"] = "ZERION";
+  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 || {});
+var ExternalWallet = __spreadValues(__spreadValues(__spreadValues({}, EvmWallet), SolanaWallet), CosmosWallet);
 export {
   CenteredColumnContainer,
   CenteredText,
+  CosmosWallet,
+  EvmWallet,
+  ExternalWallet,
   FilledDisabledInput,
   FullWidthFilledDisabledInput,
   HeaderButton,
@@ -1263,12 +1257,12 @@ export {
   RampEmbed,
   STRIPE_PUBLISHABLE_KEY,
   STRIPE_PUBLISHABLE_KEY_TEST,
+  SolanaWallet,
   SpinnerContainer,
   StripeEmbed,
   TestNetworks,
   UserIdentifier,
   formatBiometricHints,
-  formatPhoneNumber,
   getAssetFromContractAddress,
   getBrowserName,
   getChainId,

package/dist/types/externalWalletCommon.d.ts

@@ -0,0 +1,79 @@
+import { AuthStateLogin, AuthStateVerify, 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;
+        authState?: AuthStateLogin | AuthStateVerify;
+    }>;
+    connectMobile: (isManualWalletConnect?: boolean) => Promise<{
+        address?: string;
+        bufferAddress?: string;
+        error?: string;
+        authState?: AuthStateLogin | AuthStateVerify;
+    }>;
+    type: WalletType;
+} & WalletMetadata;
+export type CommonChain = {
+    id: string | number;
+    name: string;
+};
+export declare enum EvmWallet {
+    METAMASK = "METAMASK",
+    RAINBOW = "RAINBOW",
+    COINBASE = "COINBASE",
+    WALLETCONNECT = "WALLETCONNECT",
+    ZERION = "ZERION",
+    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;
+    RABBY: EvmWallet.RABBY;
+};
+export type TExternalWallet = keyof typeof ExternalWallet;

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,4 @@ 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.1",
+  "version": "2.0.0-alpha.3",
   "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": "2.0.0-alpha.3",
+    "@getpara/web-sdk": "2.0.0-alpha.3",
     "@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": "767395af96d4a724946a092de760e9137a73369a"
+  "gitHead": "77a1e04b06258842ca9c81e3db2a2b0092517659"
 }

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;