@hyperbridge/ui 0.0.11 → 0.0.13

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;
@@ -557,9 +557,6 @@ declare const SummaryValues: {
     };
 };
 
-declare function TimelineList(props: {
-    children: React__default.ReactNode;
-}): react_jsx_runtime.JSX.Element;
 type TimePrefix = "min" | "second" | "hours";
 type EstimatedTimeFormatted = `${number} ${TimePrefix | `${TimePrefix}s`}` | "";
 type Prettify<T> = {
@@ -574,7 +571,7 @@ type Level = {
 type TimelineData = {
     processingStatus: "processing";
     data: {
-        eta: string;
+        eta: React__default.ReactNode;
     };
 } | {
     processingStatus: "upcoming" | "error";
@@ -594,6 +591,9 @@ declare function TimelineItem(props: TimelineItemProps): react_jsx_runtime.JSX.E
 declare function TimelineListGroup(props: {
     children: React__default.ReactNode;
 }): react_jsx_runtime.JSX.Element;
+declare function TimelineList(props: {
+    children: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
 declare const TimelineRoot: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React__default.RefAttributes<HTMLUListElement>>;
 type TimerProps = {
     hours: number;
@@ -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 })
       ]
     }
   );
@@ -3237,9 +3246,6 @@ function Progress(_a) {
 
 // src/components/molecules/timeline.tsx
 import { jsx as jsx35, jsxs as jsxs24 } from "react/jsx-runtime";
-function TimelineList(props) {
-  return /* @__PURE__ */ jsx35("ul", { className: "flex flex-col", children: props.children });
-}
 var StatusTextMap = {
   processing: "Processing",
   upcoming: "Upcoming",
@@ -3337,10 +3343,7 @@ function TimelineItem(props) {
                   layoutId,
                   className: "flex gap-[calc(10rem/16)] items-center",
                   children: [
-                    !hideTime && /* @__PURE__ */ jsxs24("span", { className: "text-[calc(13rem/16)]", children: [
-                      "~ ",
-                      (_d = props == null ? void 0 : props.data) == null ? void 0 : _d.eta
-                    ] }),
+                    !hideTime && /* @__PURE__ */ jsx35("span", { className: "text-[calc(13rem/16)]", children: (_d = props == null ? void 0 : props.data) == null ? void 0 : _d.eta }),
                     /* @__PURE__ */ jsx35(
                       Loader2,
                       {
@@ -3361,6 +3364,9 @@ function TimelineItem(props) {
 function TimelineListGroup(props) {
   return /* @__PURE__ */ jsx35("ul", { className: cn("flex flex-col overflow-hidden"), children: props.children });
 }
+function TimelineList(props) {
+  return /* @__PURE__ */ jsx35("ul", { className: "flex flex-col", children: props.children });
+}
 var TimelineRoot = React13.forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx35(
     "ul",

package/package.json

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