@lumiapassport/ui-kit 1.15.1 → 1.15.2

package/dist/index.js

@@ -5511,7 +5511,7 @@ function Header() {
 // package.json
 var package_default = {
   name: "@lumiapassport/ui-kit",
-  version: "1.15.0",
+  version: "1.15.2",
   description: "React UI components and hooks for Lumia Passport authentication and Account Abstraction",
   type: "module",
   main: "./dist/index.cjs",
@@ -12453,10 +12453,11 @@ function SendLumiaMenu() {
         ),
         isNicknameInput && resolvedAddress && !isResolving && nicknameData && /* @__PURE__ */ jsxs57("div", { className: "flex items-start gap-3 p-3 rounded-[var(--l-pass-el-bdrs)] bg-[var(--l-pass-bg-secondary)]", children: [
           nicknameData.avatarSvg ? /* @__PURE__ */ jsx64(
-            "div",
+            "img",
             {
-              className: "w-10 h-10 rounded-full overflow-hidden flex-shrink-0",
-              dangerouslySetInnerHTML: { __html: nicknameData.avatarSvg }
+              src: nicknameData.avatarSvg,
+              alt: nicknameData.handle,
+              className: "w-10 h-10 rounded-full object-cover flex-shrink-0"
             }
           ) : /* @__PURE__ */ jsx64("div", { className: "w-10 h-10 rounded-full bg-[var(--l-pass-bg)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx64(AtSign, { className: "w-5 h-5 text-[var(--l-pass-fg-muted)]" }) }),
           /* @__PURE__ */ jsxs57("div", { className: "flex flex-col gap-1 min-w-0", children: [
@@ -12523,10 +12524,11 @@ function SendLumiaMenu() {
       /* @__PURE__ */ jsx64("div", { className: "bg-[var(--l-pass-bg-secondary)] rounded-[var(--l-pass-el-bdrs)] p-4", children: isNicknameInput && nicknameData ? /* @__PURE__ */ jsxs57(Fragment24, { children: [
         /* @__PURE__ */ jsxs57("div", { className: "flex items-start gap-3 mb-4", children: [
           nicknameData.avatarSvg ? /* @__PURE__ */ jsx64(
-            "div",
+            "img",
             {
-              className: "w-12 h-12 rounded-full overflow-hidden flex-shrink-0",
-              dangerouslySetInnerHTML: { __html: nicknameData.avatarSvg }
+              src: nicknameData.avatarSvg,
+              alt: nicknameData.handle,
+              className: "w-12 h-12 rounded-full object-cover flex-shrink-0"
             }
           ) : /* @__PURE__ */ jsx64("div", { className: "w-12 h-12 rounded-full bg-[var(--l-pass-bg)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx64(AtSign, { className: "w-6 h-6 text-[var(--l-pass-fg-muted)]" }) }),
           /* @__PURE__ */ jsxs57("div", { className: "flex flex-col gap-1 min-w-0", children: [
@@ -12996,15 +12998,48 @@ async function getTransactionsListQuery(address) {
       group.internals = [];
     }
   });
+  const orphanGroupMap = /* @__PURE__ */ new Map();
   orphanInternals.forEach((internalItem) => {
     if (internalItem.isEntryPoint || toBigInt(internalItem.value) === 0n) {
       return;
     }
+    const key = internalItem.parentHash.toLowerCase();
+    const existing = orphanGroupMap.get(key) || [];
+    existing.push(internalItem);
+    orphanGroupMap.set(key, existing);
+  });
+  orphanGroupMap.forEach((internals, parentHash) => {
+    const incomingInternals = internals.filter((internal) => {
+      if (internal.direction !== "in") return false;
+      const amount = toBigInt(internal.value);
+      return amount > 0n;
+    });
+    if (incomingInternals.length === 0) {
+      return;
+    }
+    let totalIn = 0n;
+    incomingInternals.forEach((internal) => {
+      totalIn += toBigInt(internal.value);
+    });
+    const sorted = incomingInternals.map((internal) => ({
+      internal,
+      amount: toBigInt(internal.value)
+    })).sort((a, b) => {
+      if (a.amount === b.amount) return 0;
+      return a.amount > b.amount ? -1 : 1;
+    });
+    const primary = sorted[0].internal;
+    const syntheticParent = {
+      ...primary,
+      id: `orphan-${parentHash}`,
+      direction: "in",
+      value: totalIn.toString()
+    };
     groups.push({
-      id: internalItem.id,
-      parent: internalItem,
+      id: syntheticParent.id,
+      parent: syntheticParent,
       internals: [],
-      timestampMs: internalItem.timestampMs
+      timestampMs: Math.max(...incomingInternals.map((i) => i.timestampMs))
     });
   });
   tokenTransfersData.forEach((transfer, index) => {
@@ -13168,10 +13203,16 @@ function TransactionsGroup(props) {
           /* @__PURE__ */ jsx69("span", { className: "block flex-0 font-mono text-[10px] text-[var(--l-pass-fg-muted)]", children: formatTimestamp(group.timestampMs) })
         ] }),
         /* @__PURE__ */ jsxs61("div", { className: "flex items-center justify-between gap-[var(--l-pass-gap)]", children: [
-          /* @__PURE__ */ jsxs61("span", { className: "font-bold", children: [
-            formatValue2(parent.value, assetDecimals),
-            " ",
-            assetSymbol
+          /* @__PURE__ */ jsxs61("div", { className: "flex flex-col gap-0", children: [
+            /* @__PURE__ */ jsxs61("span", { className: "font-bold", children: [
+              formatValue2(parent.value, assetDecimals),
+              " ",
+              assetSymbol
+            ] }),
+            /* @__PURE__ */ jsxs61("span", { className: "text-[10px] font-mono text-[var(--l-pass-fg-muted)]", children: [
+              isIncoming ? "From: " : "To: ",
+              parent.counterpartyName || formatAddress2(parent.counterparty)
+            ] })
           ] }),
           /* @__PURE__ */ jsxs61("div", { className: "flex items-center gap-0", children: [
             /* @__PURE__ */ jsx69(