@hyperbridge/ui 0.0.11 → 0.0.12

package/dist/index.d.mts

@@ -382,7 +382,7 @@ declare function ReviewItem(props: {
     asset: {
         amount: string;
         symbol: string;
-        secondaryValue: string;
+        secondaryValue: React__default.ReactNode;
     };
     AddressInfo: (props: {
         tag: string;
@@ -829,8 +829,12 @@ interface TokenSelectorProps {
     onAddToWallet?: (token: Token) => void;
 }
 declare const TokenSelector: ({ title, isOpen, onClose, allTokens, availableTokens, selectedToken, onTokenSelect, onAddToWallet, }: TokenSelectorProps) => react_jsx_runtime.JSX.Element;
+interface TokenItem extends Pick<Token, "name" | "symbol" | "image" | "address"> {
+    amount: React__default.ReactNode;
+    secondaryAmount: React__default.ReactNode;
+}
 declare function TokenSelectionItem(props: {
-    token: Pick<Token, "name" | "symbol" | "image" | "amount" | "address" | "usdValue">;
+    token: TokenItem;
     isActive: boolean;
     isAvailable: boolean;
     AddWalletButton: React__default.ReactNode;

package/dist/index.mjs

@@ -1803,7 +1803,7 @@ var TokenSelector = ({
     return /* @__PURE__ */ jsx21(
       TokenSelectionItem,
       {
-        token,
+        token: __spreadProps(__spreadValues({}, token), { secondaryAmount: token.usdValue }),
         isActive: isSelected,
         isAvailable,
         onClick: () => handleTokenSelect(token),
@@ -1884,8 +1884,17 @@ var TokenSelector = ({
   ] });
 };
 function TokenSelectionItem(props) {
-  const _a = props, { token, isAvailable, isActive, AddWalletButton } = _a, PROPS = __objRest(_a, ["token", "isAvailable", "isActive", "AddWalletButton"]);
-  const hasAmount = token.amount > 0;
+  const _a = props, {
+    token,
+    isAvailable = true,
+    isActive,
+    AddWalletButton
+  } = _a, PROPS = __objRest(_a, [
+    "token",
+    "isAvailable",
+    "isActive",
+    "AddWalletButton"
+  ]);
   const buttonRef = React6.useRef(null);
   const buttonContent = /* @__PURE__ */ jsxs13(
     "div",
@@ -1921,10 +1930,10 @@ function TokenSelectionItem(props) {
             ]
           })
         ),
-        /* @__PURE__ */ jsx21("div", { className: "flex flex-col items-end gap-[2px]", children: isAvailable ? hasAmount ? /* @__PURE__ */ jsxs13(Fragment3, { children: [
-          /* @__PURE__ */ jsx21("p", { className: "body-1 font-medium text-white", children: token.amount.toFixed(6) }),
-          /* @__PURE__ */ jsx21("p", { className: "text-caption text-brand-black-100", children: token.usdValue })
-        ] }) : /* @__PURE__ */ jsx21("p", { className: "body-1 font-medium text-brand-black-100", children: "0" }) : AddWalletButton })
+        /* @__PURE__ */ jsx21("div", { className: "flex flex-col items-end gap-[2px]", children: isAvailable ? /* @__PURE__ */ jsxs13(Fragment3, { children: [
+          /* @__PURE__ */ jsx21("p", { className: "body-1 font-medium text-white", children: token.amount }),
+          /* @__PURE__ */ jsx21("p", { className: "text-caption text-brand-black-100", children: token.secondaryAmount })
+        ] }) : AddWalletButton })
       ]
     }
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyperbridge/ui",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "sideEffects": false,
   "license": "MIT",
   "private": false,