@getpara/react-common 1.12.0 → 2.0.0-alpha.10

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/classes/ParaInternal.js

@@ -4,20 +4,17 @@ import ParaWeb from "@getpara/web-sdk";
 class ParaInternal 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;
   }
 }
 export {

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/components/UserIdentifier.js

@@ -3,41 +3,34 @@ import "../chunk-GOCCUU3Z.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CpslAvatar, CpslIcon, CpslText } from "@getpara/react-components";
 import styled from "styled-components";
-import { formatPhoneNumber } from "../utils/formatPhoneNumber.js";
-function defaultDisplayName({ authType, identifier }) {
+import { displayPhoneNumber } from "@getpara/web-sdk";
+import { getExternalWalletDisplayName } from "../utils/index.js";
+function defaultDisplay(authInfo) {
+  const { authType, identifier, externalWallet } = authInfo;
   switch (authType) {
     case "email":
-      return identifier.toLowerCase();
+      return { defaultName: identifier.toLowerCase(), defaultIcon: "mail" };
     case "phone":
-      return formatPhoneNumber(identifier);
+      return { defaultName: displayPhoneNumber(identifier), defaultIcon: "phone" };
     case "farcaster":
-      return `@${identifier}`;
+      return { defaultName: `@${identifier}`, defaultIcon: "farcasterBrand" };
     case "telegram":
-      return `Telegram User @${identifier}`;
+      return { defaultName: `Telegram User @${identifier}`, defaultIcon: "telegramBrand" };
+    case "externalWallet":
+      return { defaultName: getExternalWalletDisplayName(externalWallet), defaultIcon: "wallet" };
     default:
-      return null;
+      return { defaultName: null, defaultIcon: null };
   }
 }
-const 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 UserIdentifier = ({ authInfo }) => {
+  if (!authInfo) {
+    return null;
   }
+  const { authType, displayName, pfpUrl } = authInfo;
+  const { defaultName, defaultIcon } = defaultDisplay(authInfo);
   return /* @__PURE__ */ jsxs(Container, { children: [
-    !shouldHideAvatar && /* @__PURE__ */ jsx(IconContainer, { children: pfpUrl ? /* @__PURE__ */ jsx(Avatar, { src: pfpUrl, size: "20px" }) : /* @__PURE__ */ jsx(Icon, { icon, size: authType === "telegram" ? "20px" : "13px" }) }),
-    /* @__PURE__ */ jsx(IdentifierText, { variant: "bodyS", weight: "medium", children: displayName || defaultDisplayName({ authType, identifier }) })
+    /* @__PURE__ */ jsx(IconContainer, { children: pfpUrl ? /* @__PURE__ */ jsx(Avatar, { src: pfpUrl, size: "20px", variant: "round" }) : /* @__PURE__ */ jsx(Icon, { icon: defaultIcon, size: authType === "telegram" ? "20px" : "13px" }) }),
+    /* @__PURE__ */ jsx(IdentifierText, { variant: "bodyS", weight: "medium", children: displayName || defaultName })
   ] });
 };
 const Container = styled.div`

package/dist/types/externalWalletCommon.d.ts

@@ -0,0 +1,81 @@
+import { AuthStateLogin, AuthStateVerify, TWalletType } 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: TWalletType;
+} & WalletMetadata;
+export type CommonChain = {
+    id: string | number;
+    name: string;
+};
+export declare enum EvmWallet {
+    METAMASK = "METAMASK",
+    RAINBOW = "RAINBOW",
+    COINBASE = "COINBASE",
+    WALLETCONNECT = "WALLETCONNECT",
+    ZERION = "ZERION",
+    SAFE = "SAFE",
+    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;
+    SAFE: EvmWallet.SAFE;
+    RABBY: EvmWallet.RABBY;
+};
+export type TExternalWallet = keyof typeof ExternalWallet;

package/dist/types/externalWalletCommon.js

@@ -0,0 +1,32 @@
+"use client";
+import {
+  __spreadValues
+} from "../chunk-GOCCUU3Z.js";
+var EvmWallet = /* @__PURE__ */ ((EvmWallet2) => {
+  EvmWallet2["METAMASK"] = "METAMASK";
+  EvmWallet2["RAINBOW"] = "RAINBOW";
+  EvmWallet2["COINBASE"] = "COINBASE";
+  EvmWallet2["WALLETCONNECT"] = "WALLETCONNECT";
+  EvmWallet2["ZERION"] = "ZERION";
+  EvmWallet2["SAFE"] = "SAFE";
+  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 || {});
+const ExternalWallet = __spreadValues(__spreadValues(__spreadValues({}, EvmWallet), SolanaWallet), CosmosWallet);
+export {
+  CosmosWallet,
+  EvmWallet,
+  ExternalWallet,
+  SolanaWallet
+};

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/types/index.js

@@ -1 +1,2 @@
 "use client";
+export * from "./externalWalletCommon.js";

package/dist/utils/getExternalWalletDisplayName.d.ts

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

package/dist/utils/getExternalWalletDisplayName.js

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

package/dist/utils/index.d.ts

@@ -1,4 +1,4 @@
-import { OnRampAsset, OnRampAssetInfo, OnRampProvider, Network, OnRampPurchaseType, OnRampConfig, WalletType } from '@getpara/web-sdk';
+import { OnRampAsset, OnRampAssetInfo, OnRampProvider, Network, OnRampPurchaseType, OnRampConfig, TWalletType } from '@getpara/web-sdk';
 export declare function getCurrencyCode({ assetInfo }: OnRampConfig, { network, asset, provider }: {
     network: Network;
     asset: OnRampAsset;
@@ -7,7 +7,7 @@ export declare function getCurrencyCode({ assetInfo }: OnRampConfig, { network,
 export declare function getCurrencyCodes({ assetInfo, allowedAssets, defaultOnRampNetwork, defaultOnRampAsset }: OnRampConfig, { provider, purchaseType, walletType, }: {
     provider: OnRampProvider;
     purchaseType: OnRampPurchaseType;
-    walletType: WalletType;
+    walletType: TWalletType;
 }): {
     currencyCodes: string[];
     defaultCurrencyCode?: string;
@@ -37,5 +37,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/dist/utils/index.js

@@ -107,7 +107,6 @@ 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,

package/dist/utils/offRampSend.js

@@ -2,7 +2,7 @@
 import {
   __async
 } from "../chunk-GOCCUU3Z.js";
-import { hexStringToBase64, WalletType } from "@getpara/web-sdk";
+import { hexStringToBase64 } 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,
@@ -30,14 +30,14 @@ function offRampSend(_0, _1, _2, _3) {
       });
       let signature;
       switch (walletType) {
-        case WalletType.EVM:
+        case "EVM":
           signature = (_a = yield para.signTransaction({
             walletId,
             rlpEncodedTxBase64: hexStringToBase64(tx),
             chainId
           })) == null ? void 0 : _a.signature;
           break;
-        case WalletType.SOLANA:
+        case "SOLANA":
           signature = (_b = yield para.signMessage({ walletId, messageBase64: message })) == null ? void 0 : _b.signature;
           break;
         default:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getpara/react-common",
-  "version": "1.12.0",
+  "version": "2.0.0-alpha.10",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -11,8 +11,8 @@
     "*.css"
   ],
   "dependencies": {
-    "@getpara/react-components": "1.12.0",
-    "@getpara/web-sdk": "1.12.0",
+    "@getpara/react-components": "2.0.0-alpha.10",
+    "@getpara/web-sdk": "2.0.0-alpha.10",
     "@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": "748afcf08c9d307a2d3eaf0716f73132f3eb8529"
+  "gitHead": "92904c321f1dd8101046d8d2d70aa341bac99842"
 }

package/dist/utils/formatPhoneNumber.d.ts

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

package/dist/utils/formatPhoneNumber.js

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