@getpara/react-common 2.0.0-alpha.38 → 2.0.0-alpha.40

package/dist/classes/ParaInternal.d.ts

@@ -29,4 +29,7 @@ export declare class ParaInternal extends ParaWeb implements InternalInterface {
     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">;
+    sendLoginCode: () => Promise<void>;
+    get partnerLogo(): string;
+    get partnerName(): string;
 }

package/dist/classes/ParaInternal.js

@@ -22,6 +22,13 @@ class ParaInternal extends ParaWeb {
     this.verifyTelegramLink = super.verifyTelegramLink;
     this.verifyFarcasterLink = super.verifyFarcasterLink;
     this.verifyExternalWalletLink = super.verifyExternalWalletLink;
+    this.sendLoginCode = super.sendLoginCode;
+  }
+  get partnerLogo() {
+    return super.partnerLogo;
+  }
+  get partnerName() {
+    return super.partnerName;
   }
 }
 export {

package/dist/components/HeroSpinner.d.ts

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

package/dist/components/HeroSpinner.js

@@ -6,7 +6,8 @@ import { safeStyled } from "../utils/index.js";
 function HeroSpinner({
   icon,
   status = "idle",
-  text
+  text,
+  secondaryText
 }) {
   return /* @__PURE__ */ jsxs(Root, { children: [
     /* @__PURE__ */ jsxs(Hero, { children: [
@@ -21,11 +22,13 @@ function HeroSpinner({
         {
           variant: "bodyM",
           weight: "semiBold",
+          align: "center",
           color: status === "error" ? "error" : status === "success" ? "success" : "primary",
           children: text
         }
       )
-    ] })
+    ] }),
+    secondaryText && /* @__PURE__ */ jsx(SecondaryText, { align: "center", color: "secondary", variant: "semiBold", children: secondaryText })
   ] });
 }
 const Root = safeStyled.div`
@@ -49,6 +52,9 @@ const Text = safeStyled.div`
   align-items: center;
   color: ${({ status }) => status === "error" ? "var(--cpsl-color-utility-red)" : status === "success" ? "var(--cpsl-color-utility-green)" : "auto"};
 `;
+const SecondaryText = safeStyled(CpslText)`
+  margin-top: 8px;
+`;
 const Spinner = safeStyled(CpslSpinner)`
   position: absolute;
   width: 150px;

package/dist/components/UserIdentifier.d.ts

@@ -1,4 +1,10 @@
+import { IconType } from '@getpara/react-components';
 import { CoreAuthInfo } from '@getpara/web-sdk';
+export declare function getAuthDisplay(authInfo: CoreAuthInfo): {
+    name: string | null;
+    icon?: IconType;
+    src?: string;
+};
 export declare const UserIdentifier: ({ authInfo }: {
     authInfo?: CoreAuthInfo;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/UserIdentifier.js

@@ -1,35 +1,39 @@
 "use client";
-import "../chunk-GOCCUU3Z.js";
+import {
+  __spreadValues
+} from "../chunk-GOCCUU3Z.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CpslAvatar, CpslIcon, CpslText } from "@getpara/react-components";
 import { displayPhoneNumber } from "@getpara/web-sdk";
 import { getExternalWalletDisplayName, safeStyled } from "../utils/index.js";
-function defaultDisplay(authInfo) {
-  const { authType, identifier, externalWallet } = authInfo;
+function getAuthDisplay(authInfo) {
+  const { authType, displayName, identifier, pfpUrl, externalWallet } = authInfo;
   switch (authType) {
     case "email":
-      return { defaultName: identifier.toLowerCase(), defaultIcon: "mail" };
+      return { name: identifier.toLowerCase(), icon: "mail" };
     case "phone":
-      return { defaultName: displayPhoneNumber(identifier), defaultIcon: "phone" };
+      return { name: displayPhoneNumber(identifier), icon: "phone" };
     case "farcaster":
-      return { defaultName: `@${identifier}`, defaultIcon: "farcasterBrand" };
+      return __spreadValues({ name: displayName != null ? displayName : `@${identifier}` }, pfpUrl ? { src: pfpUrl } : { icon: "farcasterBrand" });
     case "telegram":
-      return { defaultName: `Telegram User @${identifier}`, defaultIcon: "telegramBrand" };
+      return __spreadValues({
+        name: displayName != null ? displayName : `Telegram User @${identifier}`
+      }, pfpUrl ? { src: pfpUrl } : { icon: "telegramBrand" });
     case "externalWallet":
-      return { defaultName: getExternalWalletDisplayName(externalWallet), defaultIcon: "wallet" };
+      return { name: getExternalWalletDisplayName(externalWallet), icon: "wallet" };
     default:
-      return { defaultName: null, defaultIcon: null };
+      return { name: null, icon: null };
   }
 }
 const UserIdentifier = ({ authInfo }) => {
   if (!authInfo) {
     return null;
   }
-  const { authType, displayName, pfpUrl } = authInfo;
-  const { defaultName, defaultIcon } = defaultDisplay(authInfo);
+  const { authType } = authInfo;
+  const { name, icon, src } = getAuthDisplay(authInfo);
   return /* @__PURE__ */ jsxs(Container, { children: [
-    /* @__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 })
+    /* @__PURE__ */ jsx(IconContainer, { children: src ? /* @__PURE__ */ jsx(Avatar, { src, size: "20px", variant: "round" }) : /* @__PURE__ */ jsx(Icon, { icon, size: authType === "telegram" ? "20px" : "13px" }) }),
+    /* @__PURE__ */ jsx(IdentifierText, { variant: "bodyS", weight: "medium", children: name })
   ] });
 };
 const Container = safeStyled.div`
@@ -61,5 +65,6 @@ const Avatar = safeStyled(CpslAvatar)`
   --container-padding: 0;
 `;
 export {
-  UserIdentifier
+  UserIdentifier,
+  getAuthDisplay
 };

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@getpara/react-common",
-  "version": "2.0.0-alpha.38",
+  "version": "2.0.0-alpha.40",
   "dependencies": {
-    "@getpara/react-components": "2.0.0-alpha.38",
-    "@getpara/web-sdk": "2.0.0-alpha.38",
+    "@getpara/react-components": "2.0.0-alpha.40",
+    "@getpara/web-sdk": "2.0.0-alpha.40",
     "@moonpay/moonpay-react": "^1.8.3",
     "@ramp-network/ramp-instant-sdk": "^4.0.5",
     "libphonenumber-js": "^1.11.7",
@@ -40,5 +40,5 @@
   ],
   "type": "module",
   "types": "dist/index.d.ts",
-  "gitHead": "64c71f82908cef3765f53ffe105bb42ebbbdec28"
+  "gitHead": "2506044cd3ed127774fb7d537ae850b43acfe8b7"
 }