@hfunlabs/hypurr-connect 0.1.18 → 0.1.20

package/dist/index.d.ts

@@ -7,8 +7,8 @@ import { HyperliquidTwapCreateRequest, HyperliquidTwapModifyRequest, Hyperliquid
 import { TelegramClient } from 'hypurr-grpc/ts/hypurr/telegram/telegram_service.client';
 import { HyperliquidWalletTwapSession, HyperliquidWalletScaleSession } from 'hypurr-grpc/ts/hypurr/tools';
 export { HyperliquidWalletScaleSession, HyperliquidWalletTwapSession } from 'hypurr-grpc/ts/hypurr/tools';
-import { TelegramChatWalletPack } from 'hypurr-grpc/ts/hypurr/user';
-export { TelegramChatWalletPack } from 'hypurr-grpc/ts/hypurr/user';
+import { TelegramUserAddressBookEntry, TelegramChatWalletPack } from 'hypurr-grpc/ts/hypurr/user';
+export { TelegramChatWalletPack, TelegramUserAddressBookEntry } from 'hypurr-grpc/ts/hypurr/user';
 import { HyperliquidWallet } from 'hypurr-grpc/ts/hypurr/wallet';
 export { HyperliquidWallet } from 'hypurr-grpc/ts/hypurr/wallet';
 import { AbstractViemLocalAccount } from '@hfunlabs/hyperliquid/signing';
@@ -53,6 +53,8 @@ interface HypurrUser {
     telegramId?: string;
     hfunScore?: number;
     reputationScore?: number;
+    /** Saved address-book entries (Telegram users only). */
+    addressBook?: TelegramUserAddressBookEntry[];
 }
 interface StoredAgent {
     privateKey: `0x${string}`;

package/dist/index.js

@@ -698,7 +698,8 @@ function HypurrConnectProvider({
         authMethod: "telegram",
         telegramId: String(tgUser.telegramId),
         hfunScore: tgUser?.reputation?.hfunScore,
-        reputationScore: tgUser?.reputation?.reputationScore
+        reputationScore: tgUser?.reputation?.reputationScore,
+        addressBook: tgUser.addressBook
       };
     }
     if (eoaAddress && authMethod === "eoa") {
@@ -4996,27 +4997,6 @@ var formatCompactAddress = (addr) => {
   if (!addr) return "";
   return `${addr.slice(0, 4)}...${addr.slice(-2)}`;
 };
-function getWalletTypeMeta2(wallet) {
-  if (wallet.isAgent) {
-    return {
-      label: "Agent wallet",
-      color: "#38bdf8",
-      icon: /* @__PURE__ */ jsx12(Bot, { size: 12 })
-    };
-  }
-  if (wallet.isReadOnly) {
-    return {
-      label: "Read-only wallet",
-      color: "#a78bfa",
-      icon: /* @__PURE__ */ jsx12(Eye, { size: 12 })
-    };
-  }
-  return {
-    label: "Private-key wallet",
-    color: "#34d399",
-    icon: /* @__PURE__ */ jsx12(KeyRound, { size: 12 })
-  };
-}
 var rootStyle = {
   position: "absolute",
   right: 0,
@@ -5029,6 +5009,13 @@ var rootStyle = {
   transformOrigin: "top right",
   overflow: "hidden"
 };
+var SCROLLBAR_CLASS = "hpc-wallet-scroll";
+var scrollbarCss = `
+.${SCROLLBAR_CLASS}::-webkit-scrollbar { width: 6px; height: 6px; }
+.${SCROLLBAR_CLASS}::-webkit-scrollbar-track { background: #0b0e11; }
+.${SCROLLBAR_CLASS}::-webkit-scrollbar-thumb { background: #374151; border-radius: 3px; }
+.${SCROLLBAR_CLASS}::-webkit-scrollbar-thumb:hover { background: #4b5563; }
+`;
 var sectionBorder = "1px solid rgb(var(--line))";
 var sectionHeaderStyle = {
   padding: "8px 16px",
@@ -5115,7 +5102,6 @@ function WalletSelectorDropdown({
         depth,
         isSelected,
         label,
-        walletType: getWalletTypeMeta2(wallet),
         compactAddress,
         onSelect: () => {
           selectWallet(wallet.id);
@@ -5146,6 +5132,7 @@ function WalletSelectorDropdown({
         exit: { opacity: 0, scale: 0.95 },
         transition: { duration: 0.15, ease: "easeOut" },
         children: [
+          /* @__PURE__ */ jsx12("style", { children: scrollbarCss }),
           /* @__PURE__ */ jsxs11(
             "button",
             {
@@ -5305,10 +5292,13 @@ function WalletSelectorDropdown({
             /* @__PURE__ */ jsx12(
               "div",
               {
+                className: SCROLLBAR_CLASS,
                 style: {
                   maxHeight: 256,
                   overflowY: "auto",
-                  paddingBottom: 4
+                  paddingBottom: 4,
+                  scrollbarWidth: "thin",
+                  scrollbarColor: "#374151 #0b0e11"
                 },
                 children: walletListEntries.map((entry) => {
                   if (entry.type === "wallet") {
@@ -5482,7 +5472,6 @@ function WalletRow2({
   depth,
   isSelected,
   label,
-  walletType,
   compactAddress,
   onSelect,
   onShowPortfolio,
@@ -5524,7 +5513,7 @@ function WalletRow2({
         if (actions) actions.style.opacity = "0";
       },
       children: [
-        /* @__PURE__ */ jsxs11(
+        /* @__PURE__ */ jsx12(
           "button",
           {
             onClick: onSelect,
@@ -5541,64 +5530,47 @@ function WalletRow2({
               cursor: "pointer",
               padding: 0
             },
-            children: [
+            children: label ? /* @__PURE__ */ jsxs11(Fragment9, { children: [
               /* @__PURE__ */ jsx12(
                 "span",
                 {
-                  title: walletType.label,
-                  "aria-label": walletType.label,
                   style: {
-                    display: "inline-flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    flexShrink: 0,
-                    color: isAgentExpired ? walletTextColor : walletType.color
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap",
+                    color: isAgentExpired ? walletTextColor : isSelected ? "rgb(var(--content))" : void 0,
+                    fontWeight: isSelected ? 500 : void 0
                   },
-                  children: walletType.icon
+                  children: label
                 }
               ),
-              label ? /* @__PURE__ */ jsxs11(Fragment9, { children: [
-                /* @__PURE__ */ jsx12(
-                  "span",
-                  {
-                    style: {
-                      overflow: "hidden",
-                      textOverflow: "ellipsis",
-                      whiteSpace: "nowrap",
-                      color: isAgentExpired ? walletTextColor : isSelected ? "rgb(var(--content))" : void 0,
-                      fontWeight: isSelected ? 500 : void 0
-                    },
-                    children: label
-                  }
-                ),
-                /* @__PURE__ */ jsxs11(
-                  "span",
-                  {
-                    style: {
-                      fontSize: 12,
-                      fontWeight: 400,
-                      flexShrink: 0,
-                      color: mutedTextColor
-                    },
-                    children: [
-                      "(",
-                      compactAddress,
-                      ")"
-                    ]
-                  }
-                )
-              ] }) : /* @__PURE__ */ jsx12(
+              /* @__PURE__ */ jsxs11(
                 "span",
                 {
                   style: {
                     fontSize: 12,
-                    color: isAgentExpired ? walletTextColor : isSelected ? "rgb(var(--content))" : "rgb(var(--content-muted))",
-                    fontWeight: isSelected ? 500 : void 0
+                    fontWeight: 400,
+                    flexShrink: 0,
+                    color: mutedTextColor
                   },
-                  children: compactAddress
+                  children: [
+                    "(",
+                    compactAddress,
+                    ")"
+                  ]
                 }
               )
-            ]
+            ] }) : /* @__PURE__ */ jsx12(
+              "span",
+              {
+                style: {
+                  fontSize: 12,
+                  color: isAgentExpired ? walletTextColor : isSelected ? "rgb(var(--content))" : "rgb(var(--content-muted))",
+                  fontWeight: isSelected ? 500 : void 0
+                },
+                children: compactAddress
+              }
+            )
           }
         ),
         agentExpiryTitle && /* @__PURE__ */ jsx12(