@medialane/ui 0.185.0 → 0.187.0

package/dist/components/media-wallet/address-qr.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/address-qr.tsx"],"sourcesContent":["\"use client\";\n\nimport qrcode from \"qrcode-generator\";\n\nexport function AddressQr({ value, size = 200 }: { value: string; size?: number }) {\n  const qr = qrcode(0, \"M\");\n  qr.addData(value);\n  qr.make();\n  const count = qr.getModuleCount();\n  const cell = size / count;\n\n  return (\n    <div className=\"mx-auto w-fit rounded-2xl bg-white p-4\">\n      <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>\n        {Array.from({ length: count }).flatMap((_, row) =>\n          Array.from({ length: count }).map((_, col) =>\n            qr.isDark(row, col) ? (\n              <rect\n                key={`${row}-${col}`}\n                x={col * cell}\n                y={row * cell}\n                width={cell}\n                height={cell}\n                rx={cell * 0.2}\n                fill=\"#111111\"\n              />\n            ) : null\n          ),\n        )}\n      </svg>\n    </div>\n  );\n}\n"],"mappings":";AAiBc;AAfd,OAAO,YAAY;AAEZ,SAAS,UAAU,EAAE,OAAO,OAAO,IAAI,GAAqC;AACjF,QAAM,KAAK,OAAO,GAAG,GAAG;AACxB,KAAG,QAAQ,KAAK;AAChB,KAAG,KAAK;AACR,QAAM,QAAQ,GAAG,eAAe;AAChC,QAAM,OAAO,OAAO;AAEpB,SACE,oBAAC,SAAI,WAAU,0CACb,8BAAC,SAAI,OAAO,MAAM,QAAQ,MAAM,SAAS,OAAO,IAAI,IAAI,IAAI,IACzD,gBAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,EAAE;AAAA,IAAQ,CAAC,GAAG,QACzC,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,EAAE;AAAA,MAAI,CAACA,IAAG,QACpC,GAAG,OAAO,KAAK,GAAG,IAChB;AAAA,QAAC;AAAA;AAAA,UAEC,GAAG,MAAM;AAAA,UACT,GAAG,MAAM;AAAA,UACT,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,IAAI,OAAO;AAAA,UACX,MAAK;AAAA;AAAA,QANA,GAAG,GAAG,IAAI,GAAG;AAAA,MAOpB,IACE;AAAA,IACN;AAAA,EACF,GACF,GACF;AAEJ;","names":["_"]}

package/dist/components/media-wallet/back-button.cjs

@@ -0,0 +1,41 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var back_button_exports = {};
+__export(back_button_exports, {
+  BackButton: () => BackButton
+});
+module.exports = __toCommonJS(back_button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function BackButton({ onBack }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      onClick: onBack,
+      "aria-label": "Back",
+      className: "glass grid h-10 w-10 place-items-center rounded-full text-foreground",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M15 18l-6-6 6-6" }) })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BackButton
+});
+//# sourceMappingURL=back-button.cjs.map

package/dist/components/media-wallet/back-button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/back-button.tsx"],"sourcesContent":["\"use client\";\n\nexport function BackButton({ onBack }: { onBack: () => void }) {\n  return (\n    <button\n      onClick={onBack}\n      aria-label=\"Back\"\n      className=\"glass grid h-10 w-10 place-items-center rounded-full text-foreground\"\n    >\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n        <path d=\"M15 18l-6-6 6-6\" />\n      </svg>\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUQ;AARD,SAAS,WAAW,EAAE,OAAO,GAA2B;AAC7D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,cAAW;AAAA,MACX,WAAU;AAAA,MAEV,sDAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,OAAM,eAAc,SAAQ,gBAAe,SACvI,sDAAC,UAAK,GAAE,mBAAkB,GAC5B;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/media-wallet/back-button.d.cts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function BackButton({ onBack }: {
+    onBack: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { BackButton };

package/dist/components/media-wallet/back-button.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function BackButton({ onBack }: {
+    onBack: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { BackButton };

package/dist/components/media-wallet/back-button.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+function BackButton({ onBack }) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      onClick: onBack,
+      "aria-label": "Back",
+      className: "glass grid h-10 w-10 place-items-center rounded-full text-foreground",
+      children: /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M15 18l-6-6 6-6" }) })
+    }
+  );
+}
+export {
+  BackButton
+};
+//# sourceMappingURL=back-button.js.map

package/dist/components/media-wallet/back-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/back-button.tsx"],"sourcesContent":["\"use client\";\n\nexport function BackButton({ onBack }: { onBack: () => void }) {\n  return (\n    <button\n      onClick={onBack}\n      aria-label=\"Back\"\n      className=\"glass grid h-10 w-10 place-items-center rounded-full text-foreground\"\n    >\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n        <path d=\"M15 18l-6-6 6-6\" />\n      </svg>\n    </button>\n  );\n}\n"],"mappings":";AAUQ;AARD,SAAS,WAAW,EAAE,OAAO,GAA2B;AAC7D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,cAAW;AAAA,MACX,WAAU;AAAA,MAEV,8BAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,OAAM,eAAc,SAAQ,gBAAe,SACvI,8BAAC,UAAK,GAAE,mBAAkB,GAC5B;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/media-wallet/copy-icon.cjs

@@ -0,0 +1,49 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var copy_icon_exports = {};
+__export(copy_icon_exports, {
+  CopyIcon: () => CopyIcon
+});
+module.exports = __toCommonJS(copy_icon_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function CopyIcon({ className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CopyIcon
+});
+//# sourceMappingURL=copy-icon.cjs.map

package/dist/components/media-wallet/copy-icon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/copy-icon.tsx"],"sourcesContent":["export function CopyIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n    >\n      <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" />\n      <path d=\"M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1\" />\n    </svg>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEI;AAFG,SAAS,SAAS,EAAE,UAAU,GAA2B;AAC9D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf;AAAA,MAEA;AAAA,oDAAC,UAAK,GAAE,KAAI,GAAE,KAAI,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI;AAAA,QAChD,4CAAC,UAAK,GAAE,sDAAqD;AAAA;AAAA;AAAA,EAC/D;AAEJ;","names":[]}

package/dist/components/media-wallet/copy-icon.d.cts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function CopyIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { CopyIcon };

package/dist/components/media-wallet/copy-icon.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function CopyIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { CopyIcon };

package/dist/components/media-wallet/copy-icon.js

@@ -0,0 +1,25 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+function CopyIcon({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      children: [
+        /* @__PURE__ */ jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
+        /* @__PURE__ */ jsx("path", { d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" })
+      ]
+    }
+  );
+}
+export {
+  CopyIcon
+};
+//# sourceMappingURL=copy-icon.js.map

package/dist/components/media-wallet/copy-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/copy-icon.tsx"],"sourcesContent":["export function CopyIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n    >\n      <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" />\n      <path d=\"M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1\" />\n    </svg>\n  );\n}\n"],"mappings":"AAEI,SAWE,KAXF;AAFG,SAAS,SAAS,EAAE,UAAU,GAA2B;AAC9D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf;AAAA,MAEA;AAAA,4BAAC,UAAK,GAAE,KAAI,GAAE,KAAI,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI;AAAA,QAChD,oBAAC,UAAK,GAAE,sDAAqD;AAAA;AAAA;AAAA,EAC/D;AAEJ;","names":[]}

package/dist/components/media-wallet/currency-sheet.cjs

@@ -0,0 +1,54 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var currency_sheet_exports = {};
+__export(currency_sheet_exports, {
+  CurrencySheet: () => CurrencySheet
+});
+module.exports = __toCommonJS(currency_sheet_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_currency_icon = require("../currency-icon.js");
+var import_action_modal = require("./action-modal.js");
+var import_wallet_format = require("../../utils/media-wallet/wallet-format.js");
+function CurrencySheet({
+  title,
+  tokens,
+  balances,
+  onSelect,
+  onClose
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_modal.ActionModal, { title, onClose, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-col divide-y divide-border/40", children: tokens.map((t) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "button",
+    {
+      onClick: () => onSelect(t),
+      className: "flex items-center gap-3 py-3 text-left transition-opacity active:opacity-70",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_currency_icon.CurrencyIcon, { symbol: t.symbol, size: 28 }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "min-w-0 flex-1 text-sm font-semibold", children: t.symbol }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm font-semibold tabular-nums text-muted-foreground", children: balances[t.symbol] != null ? (0, import_wallet_format.fmt)(balances[t.symbol], t.decimals) : "\u2026" })
+      ]
+    },
+    t.symbol
+  )) }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CurrencySheet
+});
+//# sourceMappingURL=currency-sheet.cjs.map

package/dist/components/media-wallet/currency-sheet.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/currency-sheet.tsx"],"sourcesContent":["\"use client\";\n\nimport { CurrencyIcon } from \"../currency-icon.js\";\nimport { ActionModal } from \"./action-modal.js\";\nimport { fmt } from \"../../utils/media-wallet/wallet-format.js\";\nimport type { WalletToken } from \"../../utils/media-wallet/wallet-tokens.js\";\n\nexport function CurrencySheet({\n  title,\n  tokens,\n  balances,\n  onSelect,\n  onClose,\n}: {\n  title: string;\n  tokens: WalletToken[];\n  balances: Record<string, bigint | null>;\n  onSelect: (token: WalletToken) => void;\n  onClose: () => void;\n}) {\n  return (\n    <ActionModal title={title} onClose={onClose}>\n      <div className=\"flex flex-col divide-y divide-border/40\">\n        {tokens.map((t) => (\n          <button\n            key={t.symbol}\n            onClick={() => onSelect(t)}\n            className=\"flex items-center gap-3 py-3 text-left transition-opacity active:opacity-70\"\n          >\n            <CurrencyIcon symbol={t.symbol} size={28} />\n            <div className=\"min-w-0 flex-1 text-sm font-semibold\">{t.symbol}</div>\n            <div className=\"text-sm font-semibold tabular-nums text-muted-foreground\">\n              {balances[t.symbol] != null ? fmt(balances[t.symbol]!, t.decimals) : \"…\"}\n            </div>\n          </button>\n        ))}\n      </div>\n    </ActionModal>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBU;AAtBV,2BAA6B;AAC7B,0BAA4B;AAC5B,2BAAoB;AAGb,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,SACE,4CAAC,mCAAY,OAAc,SACzB,sDAAC,SAAI,WAAU,2CACZ,iBAAO,IAAI,CAAC,MACX;AAAA,IAAC;AAAA;AAAA,MAEC,SAAS,MAAM,SAAS,CAAC;AAAA,MACzB,WAAU;AAAA,MAEV;AAAA,oDAAC,qCAAa,QAAQ,EAAE,QAAQ,MAAM,IAAI;AAAA,QAC1C,4CAAC,SAAI,WAAU,wCAAwC,YAAE,QAAO;AAAA,QAChE,4CAAC,SAAI,WAAU,4DACZ,mBAAS,EAAE,MAAM,KAAK,WAAO,0BAAI,SAAS,EAAE,MAAM,GAAI,EAAE,QAAQ,IAAI,UACvE;AAAA;AAAA;AAAA,IARK,EAAE;AAAA,EAST,CACD,GACH,GACF;AAEJ;","names":[]}

package/dist/components/media-wallet/currency-sheet.d.cts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { WalletToken } from '../../utils/media-wallet/wallet-tokens.cjs';
+
+declare function CurrencySheet({ title, tokens, balances, onSelect, onClose, }: {
+    title: string;
+    tokens: WalletToken[];
+    balances: Record<string, bigint | null>;
+    onSelect: (token: WalletToken) => void;
+    onClose: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { CurrencySheet };

package/dist/components/media-wallet/currency-sheet.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { WalletToken } from '../../utils/media-wallet/wallet-tokens.js';
+
+declare function CurrencySheet({ title, tokens, balances, onSelect, onClose, }: {
+    title: string;
+    tokens: WalletToken[];
+    balances: Record<string, bigint | null>;
+    onSelect: (token: WalletToken) => void;
+    onClose: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { CurrencySheet };

package/dist/components/media-wallet/currency-sheet.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CurrencyIcon } from "../currency-icon.js";
+import { ActionModal } from "./action-modal.js";
+import { fmt } from "../../utils/media-wallet/wallet-format.js";
+function CurrencySheet({
+  title,
+  tokens,
+  balances,
+  onSelect,
+  onClose
+}) {
+  return /* @__PURE__ */ jsx(ActionModal, { title, onClose, children: /* @__PURE__ */ jsx("div", { className: "flex flex-col divide-y divide-border/40", children: tokens.map((t) => /* @__PURE__ */ jsxs(
+    "button",
+    {
+      onClick: () => onSelect(t),
+      className: "flex items-center gap-3 py-3 text-left transition-opacity active:opacity-70",
+      children: [
+        /* @__PURE__ */ jsx(CurrencyIcon, { symbol: t.symbol, size: 28 }),
+        /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1 text-sm font-semibold", children: t.symbol }),
+        /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold tabular-nums text-muted-foreground", children: balances[t.symbol] != null ? fmt(balances[t.symbol], t.decimals) : "\u2026" })
+      ]
+    },
+    t.symbol
+  )) }) });
+}
+export {
+  CurrencySheet
+};
+//# sourceMappingURL=currency-sheet.js.map

package/dist/components/media-wallet/currency-sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/currency-sheet.tsx"],"sourcesContent":["\"use client\";\n\nimport { CurrencyIcon } from \"../currency-icon.js\";\nimport { ActionModal } from \"./action-modal.js\";\nimport { fmt } from \"../../utils/media-wallet/wallet-format.js\";\nimport type { WalletToken } from \"../../utils/media-wallet/wallet-tokens.js\";\n\nexport function CurrencySheet({\n  title,\n  tokens,\n  balances,\n  onSelect,\n  onClose,\n}: {\n  title: string;\n  tokens: WalletToken[];\n  balances: Record<string, bigint | null>;\n  onSelect: (token: WalletToken) => void;\n  onClose: () => void;\n}) {\n  return (\n    <ActionModal title={title} onClose={onClose}>\n      <div className=\"flex flex-col divide-y divide-border/40\">\n        {tokens.map((t) => (\n          <button\n            key={t.symbol}\n            onClick={() => onSelect(t)}\n            className=\"flex items-center gap-3 py-3 text-left transition-opacity active:opacity-70\"\n          >\n            <CurrencyIcon symbol={t.symbol} size={28} />\n            <div className=\"min-w-0 flex-1 text-sm font-semibold\">{t.symbol}</div>\n            <div className=\"text-sm font-semibold tabular-nums text-muted-foreground\">\n              {balances[t.symbol] != null ? fmt(balances[t.symbol]!, t.decimals) : \"…\"}\n            </div>\n          </button>\n        ))}\n      </div>\n    </ActionModal>\n  );\n}\n"],"mappings":";AAwBU,SAKE,KALF;AAtBV,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,WAAW;AAGb,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,SACE,oBAAC,eAAY,OAAc,SACzB,8BAAC,SAAI,WAAU,2CACZ,iBAAO,IAAI,CAAC,MACX;AAAA,IAAC;AAAA;AAAA,MAEC,SAAS,MAAM,SAAS,CAAC;AAAA,MACzB,WAAU;AAAA,MAEV;AAAA,4BAAC,gBAAa,QAAQ,EAAE,QAAQ,MAAM,IAAI;AAAA,QAC1C,oBAAC,SAAI,WAAU,wCAAwC,YAAE,QAAO;AAAA,QAChE,oBAAC,SAAI,WAAU,4DACZ,mBAAS,EAAE,MAAM,KAAK,OAAO,IAAI,SAAS,EAAE,MAAM,GAAI,EAAE,QAAQ,IAAI,UACvE;AAAA;AAAA;AAAA,IARK,EAAE;AAAA,EAST,CACD,GACH,GACF;AAEJ;","names":[]}

package/dist/components/media-wallet/media-wallet-activity.cjs

@@ -0,0 +1,223 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var media_wallet_activity_exports = {};
+__export(media_wallet_activity_exports, {
+  MediaWalletActivity: () => MediaWalletActivity
+});
+module.exports = __toCommonJS(media_wallet_activity_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_describe_error = require("../../utils/describe-error.js");
+var import_react = require("react");
+var import_image = __toESM(require("../image.js"), 1);
+var import_sdk = require("@medialane/sdk");
+var import_activity_feed = require("../../utils/media-wallet/activity-feed.js");
+var import_wallet_activity = require("../../utils/media-wallet/wallet-activity.js");
+var import_wallet_format = require("../../utils/media-wallet/wallet-format.js");
+var import_back_button = require("./back-button.js");
+var import_wallet_activity_icon = require("./wallet-activity-icon.js");
+var import_action_modal = require("./action-modal.js");
+var import_types = require("./types.js");
+const GRADS = [
+  "linear-gradient(135deg,#3b7bff,#8a5cf6)",
+  "linear-gradient(135deg,#8a5cf6,#f6608f)",
+  "linear-gradient(135deg,#f6608f,#fb8b46)",
+  "linear-gradient(135deg,#5b4ce6,#3b7bff)"
+];
+const gradFor = (seed) => {
+  let h = 0;
+  for (let i = 0; i < seed.length; i++) h = h * 31 + seed.charCodeAt(i) | 0;
+  return GRADS[Math.abs(h) % GRADS.length];
+};
+function MediaWalletActivity({ onNavigate }) {
+  const { useWalletSession, getClient } = (0, import_types.useMediaWalletApp)();
+  const { address } = useWalletSession();
+  const [items, setItems] = (0, import_react.useState)(null);
+  const [error, setError] = (0, import_react.useState)(null);
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const [selected, setSelected] = (0, import_react.useState)(null);
+  const load = (0, import_react.useCallback)(() => {
+    if (!address) return;
+    let live = true;
+    setLoading(true);
+    setError(null);
+    (async () => {
+      try {
+        const client = getClient().api;
+        const [walletRes, protocolRes] = await Promise.all([
+          client.getWalletActivity(address),
+          client.getActivitiesByAddress(address, 1, 50)
+        ]);
+        if (live) setItems((0, import_activity_feed.mergeActivityFeeds)(walletRes.data, protocolRes.data));
+      } catch (e) {
+        if (live) setError((0, import_describe_error.describeError)(e, "We couldn't load your activity. Please try again.").message);
+      } finally {
+        if (live) setLoading(false);
+      }
+    })();
+    return () => {
+      live = false;
+    };
+  }, [address, getClient]);
+  (0, import_react.useEffect)(() => load(), [load]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("main", { className: "flex flex-col gap-4 px-5 pb-8 pt-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_back_button.BackButton, { onBack: () => onNavigate({ name: "home" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "font-[family-name:var(--font-display)] text-2xl font-extrabold tracking-tight", children: "Activity" })
+    ] }),
+    !address && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm text-muted-foreground", children: "No wallet found on this device." }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActivityLoadError, { onRetry: load }),
+    loading && !items && !error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActivityLoading, {}),
+    items && items.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm text-muted-foreground", children: "No activity yet." }),
+    items && items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-col gap-2", children: items.map(
+      (item) => item.source === "wallet" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WalletActivityRow, { a: item.data, timestamp: item.timestamp, onOpen: setSelected }, item.data.id) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProtocolActivityRow, { item: item.data }, `${item.data.txHash}-${item.data.type}`)
+    ) }),
+    selected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActivityDetailModal, { a: selected, onClose: () => setSelected(null) })
+  ] });
+}
+function WalletActivityRow({
+  a,
+  timestamp,
+  onOpen
+}) {
+  const subtitle = (0, import_wallet_activity.walletActivitySubtitle)(a);
+  const amount = (0, import_wallet_activity.walletActivityAmount)(a);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "button",
+    {
+      onClick: () => onOpen(a),
+      className: "flex items-center gap-3 rounded-2xl bg-card/40 px-4 py-3 text-left backdrop-blur-sm transition-colors hover:bg-card/60",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_wallet_activity_icon.WalletActivityIcon, { a }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm font-semibold", children: (0, import_wallet_activity.walletActivityTitle)(a) }),
+          subtitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "truncate text-xs text-muted-foreground", children: subtitle })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "shrink-0 text-right", children: [
+          amount && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm font-semibold tabular-nums", children: amount }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-muted-foreground", children: (0, import_wallet_format.when)(timestamp) })
+        ] })
+      ]
+    }
+  );
+}
+function ActivityDetailModal({ a, onClose }) {
+  const { explorerUrl } = (0, import_types.useMediaWalletApp)();
+  const [copied, setCopied] = (0, import_react.useState)(false);
+  const subtitle = (0, import_wallet_activity.walletActivitySubtitle)(a);
+  const amount = (0, import_wallet_activity.walletActivityAmount)(a);
+  const fullDate = new Date(a.timestamp).toLocaleString(void 0, {
+    dateStyle: "medium",
+    timeStyle: "short"
+  });
+  const copyHash = () => {
+    navigator.clipboard?.writeText(a.txHash).catch(() => {
+    });
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1500);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_modal.ActionModal, { title: (0, import_wallet_activity.walletActivityTitle)(a), onClose, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-center gap-2 py-2 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_wallet_activity_icon.WalletActivityIcon, { a }),
+      amount && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-2xl font-bold tabular-nums", children: amount }),
+      subtitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm text-muted-foreground", children: subtitle })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col divide-y divide-border/40 rounded-2xl bg-foreground/[0.05] px-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between py-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs text-muted-foreground", children: "Date" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-sm font-medium", children: fullDate })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between py-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs text-muted-foreground", children: "Transaction" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { onClick: copyHash, className: "font-mono text-sm font-medium transition-opacity active:opacity-60", children: copied ? "Copied \u2713" : (0, import_wallet_format.short)(a.txHash) })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "a",
+      {
+        href: (0, import_wallet_format.explorerTxUrl)(explorerUrl, a.txHash),
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "text-center text-xs font-medium text-muted-foreground underline underline-offset-2",
+        children: "View on Voyager \u2197"
+      }
+    )
+  ] }) });
+}
+function ProtocolActivityRow({ item }) {
+  const { resolveImage } = (0, import_types.useMediaWalletApp)();
+  const img = resolveImage(item.token?.image ?? null);
+  const seed = item.txHash ?? item.orderHash ?? item.type;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3 rounded-2xl bg-card/40 px-4 py-3 backdrop-blur-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative h-11 w-11 shrink-0 overflow-hidden rounded-2xl", style: img ? void 0 : { background: gradFor(seed) }, children: img && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: img, alt: "", fill: true, className: "object-cover" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm font-semibold capitalize", children: item.type }),
+      item.token?.name && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "truncate text-xs text-muted-foreground", children: item.token.name })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "shrink-0 text-right", children: [
+      item.price?.raw && item.price.currency && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-sm font-semibold tabular-nums", children: [
+        (0, import_wallet_format.fmt)(BigInt(item.price.raw), (0, import_sdk.getTokenBySymbol)(item.price.currency)?.decimals ?? 18),
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs text-muted-foreground", children: item.price.currency })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-muted-foreground", children: (0, import_wallet_format.when)(item.timestamp) })
+    ] })
+  ] });
+}
+function ActivityLoading() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex min-h-[40vh] flex-col items-center justify-center gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "h-6 w-6 animate-spin rounded-full border-2 border-border border-t-foreground" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm text-muted-foreground", children: "Loading your activity\u2026" })
+  ] });
+}
+function ActivityLoadError({ onRetry }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "card-base flex flex-col items-center gap-3 px-6 py-8 text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid h-11 w-11 place-items-center rounded-2xl bg-destructive/10 text-destructive", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M10.3 3.9L2.3 18a2 2 0 001.7 3h16a2 2 0 001.7-3L13.7 3.9a2 2 0 00-3.4 0z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 9v4M12 17h.01" })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm font-semibold", children: "Couldn't load your activity" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mx-auto mt-1 max-w-[16rem] text-xs leading-relaxed text-muted-foreground", children: "There was a problem reaching the server. Check your connection and try again." })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        onClick: onRetry,
+        className: "rounded-full border border-border px-4 py-2 text-xs font-semibold text-foreground transition-colors hover:bg-card",
+        children: "Try again"
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MediaWalletActivity
+});
+//# sourceMappingURL=media-wallet-activity.cjs.map

package/dist/components/media-wallet/media-wallet-activity.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/media-wallet-activity.tsx"],"sourcesContent":["\"use client\";\n\nimport { describeError } from \"../../utils/describe-error.js\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport Image from \"../image.js\";\nimport type { ApiWalletActivity, ApiActivity } from \"@medialane/sdk\";\nimport { getTokenBySymbol } from \"@medialane/sdk\";\nimport { mergeActivityFeeds, type MergedActivityItem } from \"../../utils/media-wallet/activity-feed.js\";\nimport { walletActivityTitle, walletActivitySubtitle, walletActivityAmount } from \"../../utils/media-wallet/wallet-activity.js\";\nimport { short, when, explorerTxUrl, fmt } from \"../../utils/media-wallet/wallet-format.js\";\nimport { BackButton } from \"./back-button.js\";\nimport { WalletActivityIcon } from \"./wallet-activity-icon.js\";\nimport { ActionModal } from \"./action-modal.js\";\nimport { useMediaWalletApp, type MediaWalletView } from \"./types.js\";\n\nconst GRADS = [\n  \"linear-gradient(135deg,#3b7bff,#8a5cf6)\",\n  \"linear-gradient(135deg,#8a5cf6,#f6608f)\",\n  \"linear-gradient(135deg,#f6608f,#fb8b46)\",\n  \"linear-gradient(135deg,#5b4ce6,#3b7bff)\",\n];\nconst gradFor = (seed: string) => {\n  let h = 0;\n  for (let i = 0; i < seed.length; i++) h = (h * 31 + seed.charCodeAt(i)) | 0;\n  return GRADS[Math.abs(h) % GRADS.length];\n};\n\nexport function MediaWalletActivity({ onNavigate }: { onNavigate: (view: MediaWalletView) => void }) {\n  const { useWalletSession, getClient } = useMediaWalletApp();\n  const { address } = useWalletSession();\n  const [items, setItems] = useState<MergedActivityItem[] | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [selected, setSelected] = useState<ApiWalletActivity | null>(null);\n\n  const load = useCallback(() => {\n    if (!address) return;\n    let live = true;\n    setLoading(true);\n    setError(null);\n    (async () => {\n      try {\n        const client = getClient().api;\n        const [walletRes, protocolRes] = await Promise.all([\n          client.getWalletActivity(address),\n          client.getActivitiesByAddress(address, 1, 50),\n        ]);\n        if (live) setItems(mergeActivityFeeds(walletRes.data, protocolRes.data));\n      } catch (e) {\n        if (live) setError(describeError(e, \"We couldn't load your activity. Please try again.\").message);\n      } finally {\n        if (live) setLoading(false);\n      }\n    })();\n    return () => { live = false; };\n  }, [address, getClient]);\n\n  useEffect(() => load(), [load]);\n\n  return (\n    <main className=\"flex flex-col gap-4 px-5 pb-8 pt-2\">\n      <div className=\"flex items-center gap-3\">\n        <BackButton onBack={() => onNavigate({ name: \"home\" })} />\n        <h1 className=\"font-[family-name:var(--font-display)] text-2xl font-extrabold tracking-tight\">Activity</h1>\n      </div>\n\n      {!address && <div className=\"text-sm text-muted-foreground\">No wallet found on this device.</div>}\n      {error && <ActivityLoadError onRetry={load} />}\n      {loading && !items && !error && <ActivityLoading />}\n      {items && items.length === 0 && <div className=\"text-sm text-muted-foreground\">No activity yet.</div>}\n\n      {items && items.length > 0 && (\n        <div className=\"flex flex-col gap-2\">\n          {items.map((item) =>\n            item.source === \"wallet\" ? (\n              <WalletActivityRow key={item.data.id} a={item.data} timestamp={item.timestamp} onOpen={setSelected} />\n            ) : (\n              <ProtocolActivityRow key={`${item.data.txHash}-${item.data.type}`} item={item.data} />\n            ),\n          )}\n        </div>\n      )}\n\n      {selected && <ActivityDetailModal a={selected} onClose={() => setSelected(null)} />}\n    </main>\n  );\n}\n\nfunction WalletActivityRow({\n  a,\n  timestamp,\n  onOpen,\n}: {\n  a: ApiWalletActivity;\n  timestamp: string;\n  onOpen: (a: ApiWalletActivity) => void;\n}) {\n  const subtitle = walletActivitySubtitle(a);\n  const amount = walletActivityAmount(a);\n  return (\n    <button\n      onClick={() => onOpen(a)}\n      className=\"flex items-center gap-3 rounded-2xl bg-card/40 px-4 py-3 text-left backdrop-blur-sm transition-colors hover:bg-card/60\"\n    >\n      <WalletActivityIcon a={a} />\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"text-sm font-semibold\">{walletActivityTitle(a)}</div>\n        {subtitle && <div className=\"truncate text-xs text-muted-foreground\">{subtitle}</div>}\n      </div>\n      <div className=\"shrink-0 text-right\">\n        {amount && <div className=\"text-sm font-semibold tabular-nums\">{amount}</div>}\n        <div className=\"text-xs text-muted-foreground\">{when(timestamp)}</div>\n      </div>\n    </button>\n  );\n}\n\nfunction ActivityDetailModal({ a, onClose }: { a: ApiWalletActivity; onClose: () => void }) {\n  const { explorerUrl } = useMediaWalletApp();\n  const [copied, setCopied] = useState(false);\n  const subtitle = walletActivitySubtitle(a);\n  const amount = walletActivityAmount(a);\n  const fullDate = new Date(a.timestamp).toLocaleString(undefined, {\n    dateStyle: \"medium\",\n    timeStyle: \"short\",\n  });\n\n  const copyHash = () => {\n    navigator.clipboard?.writeText(a.txHash).catch(() => {});\n    setCopied(true);\n    setTimeout(() => setCopied(false), 1500);\n  };\n\n  return (\n    <ActionModal title={walletActivityTitle(a)} onClose={onClose}>\n      <div className=\"flex flex-col gap-4\">\n        <div className=\"flex flex-col items-center gap-2 py-2 text-center\">\n          <WalletActivityIcon a={a} />\n          {amount && <div className=\"text-2xl font-bold tabular-nums\">{amount}</div>}\n          {subtitle && <div className=\"text-sm text-muted-foreground\">{subtitle}</div>}\n        </div>\n\n        <div className=\"flex flex-col divide-y divide-border/40 rounded-2xl bg-foreground/[0.05] px-4\">\n          <div className=\"flex items-center justify-between py-3\">\n            <span className=\"text-xs text-muted-foreground\">Date</span>\n            <span className=\"text-sm font-medium\">{fullDate}</span>\n          </div>\n          <div className=\"flex items-center justify-between py-3\">\n            <span className=\"text-xs text-muted-foreground\">Transaction</span>\n            <button onClick={copyHash} className=\"font-mono text-sm font-medium transition-opacity active:opacity-60\">\n              {copied ? \"Copied ✓\" : short(a.txHash)}\n            </button>\n          </div>\n        </div>\n\n        <a\n          href={explorerTxUrl(explorerUrl, a.txHash)}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"text-center text-xs font-medium text-muted-foreground underline underline-offset-2\"\n        >\n          View on Voyager ↗\n        </a>\n      </div>\n    </ActionModal>\n  );\n}\n\nfunction ProtocolActivityRow({ item }: { item: ApiActivity }) {\n  const { resolveImage } = useMediaWalletApp();\n  const img = resolveImage(item.token?.image ?? null);\n  const seed = item.txHash ?? item.orderHash ?? item.type;\n  return (\n    <div className=\"flex items-center gap-3 rounded-2xl bg-card/40 px-4 py-3 backdrop-blur-sm\">\n      <div className=\"relative h-11 w-11 shrink-0 overflow-hidden rounded-2xl\" style={img ? undefined : { background: gradFor(seed) }}>\n        {img && (\n          <Image src={img} alt=\"\" fill className=\"object-cover\" />\n        )}\n      </div>\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"text-sm font-semibold capitalize\">{item.type}</div>\n        {item.token?.name && <div className=\"truncate text-xs text-muted-foreground\">{item.token.name}</div>}\n      </div>\n      <div className=\"shrink-0 text-right\">\n        {item.price?.raw && item.price.currency && (\n          <div className=\"text-sm font-semibold tabular-nums\">\n            {fmt(BigInt(item.price.raw), getTokenBySymbol(item.price.currency)?.decimals ?? 18)} <span className=\"text-xs text-muted-foreground\">{item.price.currency}</span>\n          </div>\n        )}\n        <div className=\"text-xs text-muted-foreground\">{when(item.timestamp)}</div>\n      </div>\n    </div>\n  );\n}\n\nfunction ActivityLoading() {\n  return (\n    <div className=\"flex min-h-[40vh] flex-col items-center justify-center gap-3\">\n      <span className=\"h-6 w-6 animate-spin rounded-full border-2 border-border border-t-foreground\" />\n      <div className=\"text-sm text-muted-foreground\">Loading your activity…</div>\n    </div>\n  );\n}\n\nfunction ActivityLoadError({ onRetry }: { onRetry: () => void }) {\n  return (\n    <div className=\"card-base flex flex-col items-center gap-3 px-6 py-8 text-center\">\n      <div className=\"grid h-11 w-11 place-items-center rounded-2xl bg-destructive/10 text-destructive\">\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n          <path d=\"M10.3 3.9L2.3 18a2 2 0 001.7 3h16a2 2 0 001.7-3L13.7 3.9a2 2 0 00-3.4 0z\" />\n          <path d=\"M12 9v4M12 17h.01\" />\n        </svg>\n      </div>\n      <div>\n        <div className=\"text-sm font-semibold\">Couldn&apos;t load your activity</div>\n        <p className=\"mx-auto mt-1 max-w-[16rem] text-xs leading-relaxed text-muted-foreground\">\n          There was a problem reaching the server. Check your connection and try again.\n        </p>\n      </div>\n      <button\n        onClick={onRetry}\n        className=\"rounded-full border border-border px-4 py-2 text-xs font-semibold text-foreground transition-colors hover:bg-card\"\n      >\n        Try again\n      </button>\n    </div>\n  );\n}\n"],"mappings":"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","names":["Image"]}

package/dist/components/media-wallet/media-wallet-activity.d.cts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MediaWalletView } from './types.cjs';
+import 'react';
+import 'starknet';
+import '@medialane/sdk/starknet';
+import '../../utils/media-wallet/wallet-tokens.cjs';
+
+declare function MediaWalletActivity({ onNavigate }: {
+    onNavigate: (view: MediaWalletView) => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { MediaWalletActivity };

package/dist/components/media-wallet/media-wallet-activity.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MediaWalletView } from './types.js';
+import 'react';
+import 'starknet';
+import '@medialane/sdk/starknet';
+import '../../utils/media-wallet/wallet-tokens.js';
+
+declare function MediaWalletActivity({ onNavigate }: {
+    onNavigate: (view: MediaWalletView) => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { MediaWalletActivity };