@getpara/react-common 1.6.0 → 1.7.0

package/dist/index.js

@@ -406,6 +406,25 @@ var formatPhoneNumber = (phone, countryCode) => {
   return null;
 };
 
+// src/utils/getExternalWalletDisplayName.ts
+import { truncateAddress, WalletType as WalletType2 } from "@getpara/web-sdk";
+var getExternalWalletDisplayName = ({ address, type }) => {
+  const walletType = type;
+  let walletTypeDisplay;
+  switch (walletType) {
+    case WalletType2.EVM:
+      walletTypeDisplay = "EVM";
+      break;
+    case WalletType2.SOLANA:
+      walletTypeDisplay = "Solana";
+      break;
+    case WalletType2.COSMOS:
+      walletTypeDisplay = "Cosmos";
+      break;
+  }
+  return `${walletTypeDisplay} ${truncateAddress(address, walletType)}`;
+};
+
 // src/utils/index.ts
 function getCurrencyCodes({ assetInfo, allowedAssets, defaultOnRampNetwork, defaultOnRampAsset }, {
   provider,
@@ -1164,7 +1183,7 @@ var DeviceLogo = styled6(CpslIcon3)`
 import { CpslAvatar, CpslIcon as CpslIcon4, CpslText as CpslText5 } from "@getpara/react-components";
 import styled7 from "styled-components";
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-function defaultDisplayName(authType, identifier) {
+function defaultDisplayName({ authType, identifier }) {
   switch (authType) {
     case "email":
       return identifier.toLowerCase();
@@ -1179,6 +1198,7 @@ function defaultDisplayName(authType, identifier) {
   }
 }
 var UserIdentifier = ({ identifier, authType, displayName, pfpUrl }) => {
+  const shouldHideAvatar = authType === "externalWallet";
   let icon;
   switch (authType) {
     case "email":
@@ -1195,8 +1215,8 @@ var UserIdentifier = ({ identifier, authType, displayName, pfpUrl }) => {
       break;
   }
   return /* @__PURE__ */ jsxs5(Container4, { children: [
-    /* @__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) })
+    !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`
@@ -1256,6 +1276,7 @@ export {
   getCurrencyCodes,
   getDeviceLogo,
   getDeviceModelName,
+  getExternalWalletDisplayName,
   getNetworkFromChainId,
   getNetworkOrMainNetEquivalent,
   getNetworkTestEquivalent,

package/dist/utils/getExternalWalletDisplayName.d.ts

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

package/dist/utils/index.d.ts

@@ -33,3 +33,4 @@ 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.6.0",
+  "version": "1.7.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -11,8 +11,8 @@
     "*.css"
   ],
   "dependencies": {
-    "@getpara/react-components": "1.6.0",
-    "@getpara/web-sdk": "1.6.0",
+    "@getpara/react-components": "1.7.0",
+    "@getpara/web-sdk": "1.7.0",
     "@moonpay/moonpay-react": "^1.8.3",
     "@ramp-network/ramp-instant-sdk": "^4.0.5",
     "@stripe/crypto": "^0.0.4",
@@ -43,5 +43,5 @@
   "resolutions": {
     "styled-components": "^6"
   },
-  "gitHead": "2dd6c8ea893d72d693804e5c5b0856d2ea6c3a7a"
+  "gitHead": "241b03ee3d3502af3b8d702dabd615b266da10ae"
 }