@getpara/react-common 2.0.0-alpha.3 → 2.0.0-dev.1

package/dist/classes/ParaInternal.d.ts

@@ -12,14 +12,11 @@ export declare class ParaInternal extends ParaWeb {
     setLoginEncryptionKeyPair: (keyPair?: import("node-forge").pki.rsa.KeyPair) => Promise<void>;
     getPortalURL: () => Promise<string>;
     isProviderModalDisabled: () => boolean;
-    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;
-    }>;
+    getUserBiometricLocationHints: () => Promise<import("@getpara/user-management-client").BiometricLocationHint[]>;
+    exitLoops: () => void;
+    exitLogin: () => void;
+    exitAccountCreation: () => void;
+    exitOAuth: () => void;
+    exitFarcaster: () => void;
 }

package/dist/components/UserIdentifier.d.ts

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

package/dist/index.js

@@ -51,10 +51,13 @@ var ParaInternal = class extends ParaWeb {
     this.setLoginEncryptionKeyPair = super.setLoginEncryptionKeyPair;
     this.getPortalURL = super.getPortalURL;
     this.isProviderModalDisabled = super.isProviderModalDisabled;
-    this.setAuth = super.setAuth;
     this.supportedAuthMethods = super.supportedAuthMethods;
-    this.constructPortalUrl = super.constructPortalUrl;
-    this.getNewCredentialAndUrl = super.getNewCredentialAndUrl;
+    this.getUserBiometricLocationHints = super.getUserBiometricLocationHints;
+    this.exitLoops = super.exitLoops;
+    this.exitLogin = super.exitLogin;
+    this.exitAccountCreation = super.exitAccountCreation;
+    this.exitOAuth = super.exitOAuth;
+    this.exitFarcaster = super.exitFarcaster;
   }
 };
 
@@ -1157,34 +1160,42 @@ 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 { formatPhoneNumber } from "@getpara/web-sdk";
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-function defaultDisplay(authInfo) {
-  const { authType, identifier, externalWallet } = authInfo;
+function defaultDisplayName(authType, identifier) {
   switch (authType) {
     case "email":
-      return [identifier.toLowerCase(), "mail"];
+      return identifier.toLowerCase();
     case "phone":
-      return [displayPhoneNumber(identifier), "phone"];
+      return formatPhoneNumber(identifier);
     case "farcaster":
-      return [`@${identifier}`, "farcasterBrand"];
+      return `@${identifier}`;
     case "telegram":
-      return [`Telegram User @${identifier}`, "telegramBrand"];
-    case "externalWallet":
-      return [getExternalWalletDisplayName(externalWallet), "wallet"];
+      return `Telegram User @${identifier}`;
     default:
-      return [null, null];
+      return null;
   }
 }
-var UserIdentifier = ({ authInfo }) => {
-  if (!authInfo) {
-    return 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;
   }
-  const { authType, displayName, pfpUrl } = authInfo;
-  const [defaultName, defaultIcon] = defaultDisplay(authInfo);
   return /* @__PURE__ */ jsxs5(Container4, { children: [
-    /* @__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 })
+    !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) })
   ] });
 };
 var Container4 = styled7.div`

package/dist/types/externalWalletCommon.d.ts

@@ -1,4 +1,4 @@
-import { AuthStateLogin, AuthStateVerify, WalletType } from '@getpara/web-sdk';
+import { WalletType } from '@getpara/web-sdk';
 export type WalletMetadata = {
     id: string;
     name: string;
@@ -32,13 +32,15 @@ export type CommonWallet = {
         address?: string;
         bufferAddress?: string;
         error?: string;
-        authState?: AuthStateLogin | AuthStateVerify;
+        userExists: boolean;
+        isVerified: boolean;
     }>;
     connectMobile: (isManualWalletConnect?: boolean) => Promise<{
         address?: string;
         bufferAddress?: string;
         error?: string;
-        authState?: AuthStateLogin | AuthStateVerify;
+        userExists: boolean;
+        isVerified: boolean;
     }>;
     type: WalletType;
 } & WalletMetadata;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getpara/react-common",
-  "version": "2.0.0-alpha.3",
+  "version": "2.0.0-dev.1",
   "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-dev.1",
+    "@getpara/web-sdk": "2.0.0-dev.1",
     "@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": "426e843bd6084fb2e5f30ab87b02c79fc2f52832"
 }