@getpara/react-common 2.0.0-alpha.19 → 2.0.0-alpha.21

package/dist/classes/ParaInternal.d.ts

@@ -1,10 +1,9 @@
-import ParaWeb from '@getpara/web-sdk';
-export declare class ParaInternal extends ParaWeb {
+import ParaWeb, { InternalInterface } from '@getpara/web-sdk';
+export declare class ParaInternal extends ParaWeb implements InternalInterface {
     setupAfterLogin: ({ temporaryShares, skipSessionRefresh, }?: {
         temporaryShares?: any[];
         skipSessionRefresh?: boolean;
     }) => Promise<void>;
-    getSupportedCreateAuthMethods: () => Promise<Set<import("@getpara/web-sdk").AuthMethod>>;
     getTransmissionKeyShares: ({ isForNewDevice }?: {
         isForNewDevice?: boolean;
     }) => Promise<any>;
@@ -16,10 +15,17 @@ export declare class ParaInternal extends ParaWeb {
         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>>;
+    supportedAuthMethods: (auth: import("@getpara/web-sdk").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;
     }>;
+    linkAccount: (opts: import("@getpara/web-sdk").InternalMethodParams<"linkAccount">) => import("@getpara/web-sdk").InternalMethodResponse<"linkAccount">;
+    unlinkAccount: ({ linkedAccountId, }: import("@getpara/web-sdk").InternalMethodParams<"unlinkAccount">) => import("@getpara/web-sdk").InternalMethodResponse<"unlinkAccount">;
+    verifyEmailOrPhoneLink: ({ verificationCode, }: import("@getpara/web-sdk").InternalMethodParams<"verifyEmailOrPhoneLink">) => import("@getpara/web-sdk").InternalMethodResponse<"verifyEmailOrPhoneLink">;
+    verifyOAuthLink: (opts: import("@getpara/web-sdk").InternalMethodParams<"verifyOAuthLink">) => import("@getpara/web-sdk").InternalMethodResponse<"verifyOAuthLink">;
+    verifyTelegramLink: (opts: import("@getpara/web-sdk").InternalMethodParams<"verifyTelegramLink">) => import("@getpara/web-sdk").InternalMethodResponse<"verifyTelegramLink">;
+    verifyFarcasterLink: (opts: import("@getpara/web-sdk").InternalMethodParams<"verifyFarcasterLink">) => import("@getpara/web-sdk").InternalMethodResponse<"verifyFarcasterLink">;
+    verifyExternalWalletLink: (opts: import("@getpara/web-sdk").InternalMethodParams<"verifyExternalWalletLink">) => import("@getpara/web-sdk").InternalMethodResponse<"verifyExternalWalletLink">;
 }

package/dist/classes/ParaInternal.js

@@ -5,7 +5,6 @@ class ParaInternal extends ParaWeb {
   constructor() {
     super(...arguments);
     this.setupAfterLogin = super.setupAfterLogin;
-    this.getSupportedCreateAuthMethods = super.getSupportedCreateAuthMethods;
     this.getTransmissionKeyShares = super.getTransmissionKeyShares;
     this.userSetupAfterLogin = super.userSetupAfterLogin;
     this.setLoginEncryptionKeyPair = super.setLoginEncryptionKeyPair;
@@ -15,6 +14,13 @@ class ParaInternal extends ParaWeb {
     this.supportedAuthMethods = super.supportedAuthMethods;
     this.constructPortalUrl = super.constructPortalUrl;
     this.getNewCredentialAndUrl = super.getNewCredentialAndUrl;
+    this.linkAccount = super.linkAccount;
+    this.unlinkAccount = super.unlinkAccount;
+    this.verifyEmailOrPhoneLink = super.verifyEmailOrPhoneLink;
+    this.verifyOAuthLink = super.verifyOAuthLink;
+    this.verifyTelegramLink = super.verifyTelegramLink;
+    this.verifyFarcasterLink = super.verifyFarcasterLink;
+    this.verifyExternalWalletLink = super.verifyExternalWalletLink;
   }
 }
 export {

package/dist/components/HeroSpinner.d.ts

@@ -1,8 +1,8 @@
 import { IconType } from '@getpara/react-components';
 import { PropsWithChildren, ReactNode } from 'react';
-type Status = 'loading' | 'error' | 'inactive';
+type Status = 'pending' | 'error' | 'idle' | 'success';
 export declare function HeroSpinner({ icon, status, text, }: PropsWithChildren<{
-    icon?: IconType;
+    icon?: IconType | ReactNode;
     status?: Status;
     text?: ReactNode;
 }>): import("react/jsx-runtime").JSX.Element;

package/dist/components/HeroSpinner.js

@@ -5,27 +5,34 @@ import { CpslIcon, CpslSpinner, CpslText } from "@getpara/react-components";
 import { safeStyled } from "../utils/index.js";
 function HeroSpinner({
   icon,
-  status = "inactive",
+  status = "idle",
   text
 }) {
   return /* @__PURE__ */ jsxs(Root, { children: [
     /* @__PURE__ */ jsxs(Hero, { children: [
-      /* @__PURE__ */ jsx(Spinner, { size: 150, barWidth: 9, variant: status === "loading" ? "default" : status }),
-      icon && /* @__PURE__ */ jsx(CpslIcon, { icon, size: "80px" })
+      /* @__PURE__ */ jsx(Spinner, { size: 155, barWidth: 8, variant: status }),
+      typeof icon === "string" ? /* @__PURE__ */ jsx(CpslIcon, { icon, size: "80px" }) : icon
     ] }),
     /* @__PURE__ */ jsxs(Text, { status, children: [
       status === "error" && /* @__PURE__ */ jsx(CpslIcon, { icon: "alertCircle", size: "16px", style: { stroke: "currentColor" } }),
-      /* @__PURE__ */ jsx(CpslText, { variant: "bodyM", weight: "semiBold", color: status === "error" ? "error" : "primary", children: text })
+      status === "success" && /* @__PURE__ */ jsx(CpslIcon, { icon: "checkCircle", size: "16px", style: { stroke: "currentColor" } }),
+      /* @__PURE__ */ jsx(
+        CpslText,
+        {
+          variant: "bodyM",
+          weight: "semiBold",
+          color: status === "error" ? "error" : status === "success" ? "success" : "primary",
+          children: text
+        }
+      )
     ] })
   ] });
 }
 const Root = safeStyled.div`
-  height: 276px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  gap: 16px;
 `;
 const Hero = safeStyled.div`
   width: 150px;
@@ -40,7 +47,7 @@ const Text = safeStyled.div`
   display: flex;
   gap: 4px;
   align-items: center;
-  color: ${({ status }) => status === "error" ? "var(--cpsl-color-utility-red)" : "auto"};
+  color: ${({ status }) => status === "error" ? "var(--cpsl-color-utility-red)" : status === "success" ? "var(--cpsl-color-utility-green)" : "auto"};
 `;
 const Spinner = safeStyled(CpslSpinner)`
   position: absolute;
@@ -49,6 +56,7 @@ const Spinner = safeStyled(CpslSpinner)`
   top: 0;
   left: 0;
   right: 0;
+  transition: 0.2s color;
 `;
 export {
   HeroSpinner

package/dist/types/externalWalletCommon.d.ts

@@ -1,6 +1,7 @@
-import { AuthStateLogin, AuthStateVerify, TWalletType } from '@getpara/web-sdk';
+import ParaWeb, { AuthStateLogin, AuthStateVerify, ExternalWalletInfo, TExternalWallet, TWalletType, Wallet } from '@getpara/web-sdk';
 export type WalletMetadata = {
     id: string;
+    internalId: TExternalWallet;
     name: string;
     iconUrl: string;
     rdns?: string;
@@ -26,6 +27,7 @@ export type WalletMetadata = {
         linux?: string;
         desktop?: string;
     };
+    hasIosSafariExtension?: boolean;
 };
 export type CommonWallet = {
     connect: (isConnectionOnly?: boolean) => Promise<{
@@ -46,45 +48,53 @@ 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",
-    OKX = "OKX",
-    HAHA = "HAHA",
-    BACKPACK = "BACKPACK"
-}
-export declare enum SolanaWallet {
-    PHANTOM = "PHANTOM",
-    GLOW = "GLOW",
-    BACKPACK = "BACKPACK",
-    SOLFLARE = "SOLFLARE"
-}
-export declare enum CosmosWallet {
-    KEPLR = "KEPLR",
-    LEAP = "LEAP",
-    COSMOSTATION = "COSMOSTATION"
-}
-export declare const ExternalWallet: {
-    KEPLR: CosmosWallet.KEPLR;
-    LEAP: CosmosWallet.LEAP;
-    COSMOSTATION: CosmosWallet.COSMOSTATION;
-    PHANTOM: SolanaWallet.PHANTOM;
-    GLOW: SolanaWallet.GLOW;
-    BACKPACK: SolanaWallet.BACKPACK;
-    SOLFLARE: SolanaWallet.SOLFLARE;
-    METAMASK: EvmWallet.METAMASK;
-    RAINBOW: EvmWallet.RAINBOW;
-    COINBASE: EvmWallet.COINBASE;
-    WALLETCONNECT: EvmWallet.WALLETCONNECT;
-    ZERION: EvmWallet.ZERION;
-    SAFE: EvmWallet.SAFE;
-    RABBY: EvmWallet.RABBY;
-    OKX: EvmWallet.OKX;
-    HAHA: EvmWallet.HAHA;
+export type SignArgs = {
+    message: string;
+    externalWallet?: ExternalWalletInfo;
 };
-export type TExternalWallet = keyof typeof ExternalWallet;
+export type SignResult = {
+    address?: string;
+    signature?: string;
+    error?: string;
+};
+export type SwitchChainResult = {
+    error: string[];
+} | void;
+export type ConnectParaEmbedded = {
+    connectParaEmbedded: () => Promise<{
+        result?: unknown;
+        error?: string;
+    }>;
+};
+export type ChainManagement<ChainId, R extends SwitchChainResult = SwitchChainResult> = {
+    chains: CommonChain[];
+    chainId?: ChainId;
+    switchChain: (_: ChainId) => Promise<R>;
+};
+export type BalanceManagement<B = string> = {
+    balance?: B;
+    getWalletBalance: () => Promise<B | undefined>;
+};
+export type ExternalWalletContextType<S extends SignResult = SignResult> = {
+    wallets: CommonWallet[];
+    disconnect: () => Promise<void>;
+    signMessage: (_: SignArgs) => Promise<S>;
+    signVerificationMessage: () => Promise<S>;
+    requestInfo: (_: TExternalWallet) => Promise<ExternalWalletInfo>;
+    disconnectBase: (_?: TExternalWallet) => Promise<void>;
+};
+export type ExternalWalletProviderConfigBase = {
+    onSwitchWallet?: (args: {
+        address?: string;
+        error?: string;
+    }) => void;
+    para: ParaWeb;
+    walletsWithFullAuth: TExternalWallet[];
+    includeWalletVerification?: boolean;
+    connectionOnly?: boolean;
+    connectedWallet?: Omit<Wallet, 'signer'> | null;
+};
+export type ExternalWalletProviderConfig<W, P = {}> = ExternalWalletProviderConfigBase & {
+    wallets: W[];
+} & P;
+export { type TExternalWallet };

package/dist/types/externalWalletCommon.js

@@ -1,37 +1 @@
 "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";
-  EvmWallet2["OKX"] = "OKX";
-  EvmWallet2["HAHA"] = "HAHA";
-  EvmWallet2["BACKPACK"] = "BACKPACK";
-  return EvmWallet2;
-})(EvmWallet || {});
-var SolanaWallet = /* @__PURE__ */ ((SolanaWallet2) => {
-  SolanaWallet2["PHANTOM"] = "PHANTOM";
-  SolanaWallet2["GLOW"] = "GLOW";
-  SolanaWallet2["BACKPACK"] = "BACKPACK";
-  SolanaWallet2["SOLFLARE"] = "SOLFLARE";
-  return SolanaWallet2;
-})(SolanaWallet || {});
-var CosmosWallet = /* @__PURE__ */ ((CosmosWallet2) => {
-  CosmosWallet2["KEPLR"] = "KEPLR";
-  CosmosWallet2["LEAP"] = "LEAP";
-  CosmosWallet2["COSMOSTATION"] = "COSMOSTATION";
-  return CosmosWallet2;
-})(CosmosWallet || {});
-const ExternalWallet = __spreadValues(__spreadValues(__spreadValues({}, EvmWallet), SolanaWallet), CosmosWallet);
-export {
-  CosmosWallet,
-  EvmWallet,
-  ExternalWallet,
-  SolanaWallet
-};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getpara/react-common",
-  "version": "2.0.0-alpha.19",
+  "version": "2.0.0-alpha.21",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -11,8 +11,8 @@
     "*.css"
   ],
   "dependencies": {
-    "@getpara/react-components": "2.0.0-alpha.19",
-    "@getpara/web-sdk": "2.0.0-alpha.19",
+    "@getpara/react-components": "2.0.0-alpha.21",
+    "@getpara/web-sdk": "2.0.0-alpha.21",
     "@moonpay/moonpay-react": "^1.8.3",
     "@ramp-network/ramp-instant-sdk": "^4.0.5",
     "libphonenumber-js": "^1.11.1",
@@ -40,5 +40,5 @@
   "resolutions": {
     "styled-components": "^6"
   },
-  "gitHead": "80d2c5d7e1203fb12378aa29bfd4d7003c7d7075"
+  "gitHead": "03daa3537312bc52e0640225c8abdbf8047c15da"
 }