@medialane/ui 0.185.0 → 0.187.0

package/dist/utils/media-wallet/wallet-format.js

@@ -0,0 +1,29 @@
+import { formatAmount } from "@medialane/sdk";
+const short = (a) => a && a.length > 12 ? `${a.slice(0, 6)}\u2026${a.slice(-4)}` : a ?? "";
+const explorerTokenUrl = (explorerUrl, address) => `${explorerUrl}/token/${address}`;
+const explorerTxUrl = (explorerUrl, txHash) => `${explorerUrl}/tx/${txHash}`;
+const rawToNumber = (raw, decimals) => {
+  if (raw == null) return 0;
+  return Number(raw) / 10 ** decimals;
+};
+const fmt = (raw, decimals = 18, dp = 4) => {
+  if (raw == null) return "\u2014";
+  const [whole, frac = ""] = formatAmount(raw.toString(), decimals).split(".");
+  const t = frac.slice(0, dp).replace(/0+$/, "");
+  return t ? `${whole}.${t}` : whole;
+};
+const fmtUsd = (n) => n > 0 && n < 0.01 ? "<$0.01" : `$${n.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;
+const when = (iso) => {
+  const d = new Date(iso);
+  return Number.isNaN(d.getTime()) ? iso : d.toLocaleDateString(void 0, { month: "short", day: "numeric" });
+};
+export {
+  explorerTokenUrl,
+  explorerTxUrl,
+  fmt,
+  fmtUsd,
+  rawToNumber,
+  short,
+  when
+};
+//# sourceMappingURL=wallet-format.js.map

package/dist/utils/media-wallet/wallet-format.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/media-wallet/wallet-format.ts"],"sourcesContent":["import { formatAmount } from \"@medialane/sdk\";\n\nexport const short = (a?: string | null): string =>\n  a && a.length > 12 ? `${a.slice(0, 6)}…${a.slice(-4)}` : a ?? \"\";\n\nexport const explorerTokenUrl = (explorerUrl: string, address: string): string => `${explorerUrl}/token/${address}`;\nexport const explorerTxUrl = (explorerUrl: string, txHash: string): string => `${explorerUrl}/tx/${txHash}`;\n\nexport const rawToNumber = (raw: bigint | null, decimals: number): number => {\n  if (raw == null) return 0;\n  return Number(raw) / 10 ** decimals;\n};\n\nexport const fmt = (raw: bigint | null, decimals = 18, dp = 4): string => {\n  if (raw == null) return \"—\";\n  const [whole, frac = \"\"] = formatAmount(raw.toString(), decimals).split(\".\");\n  const t = frac.slice(0, dp).replace(/0+$/, \"\");\n  return t ? `${whole}.${t}` : whole;\n};\n\nexport const fmtUsd = (n: number): string =>\n  n > 0 && n < 0.01 ? \"<$0.01\" : `$${n.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;\n\nexport const when = (iso: string): string => {\n  const d = new Date(iso);\n  return Number.isNaN(d.getTime())\n    ? iso\n    : d.toLocaleDateString(undefined, { month: \"short\", day: \"numeric\" });\n};\n"],"mappings":"AAAA,SAAS,oBAAoB;AAEtB,MAAM,QAAQ,CAAC,MACpB,KAAK,EAAE,SAAS,KAAK,GAAG,EAAE,MAAM,GAAG,CAAC,CAAC,SAAI,EAAE,MAAM,EAAE,CAAC,KAAK,KAAK;AAEzD,MAAM,mBAAmB,CAAC,aAAqB,YAA4B,GAAG,WAAW,UAAU,OAAO;AAC1G,MAAM,gBAAgB,CAAC,aAAqB,WAA2B,GAAG,WAAW,OAAO,MAAM;AAElG,MAAM,cAAc,CAAC,KAAoB,aAA6B;AAC3E,MAAI,OAAO,KAAM,QAAO;AACxB,SAAO,OAAO,GAAG,IAAI,MAAM;AAC7B;AAEO,MAAM,MAAM,CAAC,KAAoB,WAAW,IAAI,KAAK,MAAc;AACxE,MAAI,OAAO,KAAM,QAAO;AACxB,QAAM,CAAC,OAAO,OAAO,EAAE,IAAI,aAAa,IAAI,SAAS,GAAG,QAAQ,EAAE,MAAM,GAAG;AAC3E,QAAM,IAAI,KAAK,MAAM,GAAG,EAAE,EAAE,QAAQ,OAAO,EAAE;AAC7C,SAAO,IAAI,GAAG,KAAK,IAAI,CAAC,KAAK;AAC/B;AAEO,MAAM,SAAS,CAAC,MACrB,IAAI,KAAK,IAAI,OAAO,WAAW,IAAI,EAAE,eAAe,QAAW,EAAE,uBAAuB,GAAG,uBAAuB,EAAE,CAAC,CAAC;AAEjH,MAAM,OAAO,CAAC,QAAwB;AAC3C,QAAM,IAAI,IAAI,KAAK,GAAG;AACtB,SAAO,OAAO,MAAM,EAAE,QAAQ,CAAC,IAC3B,MACA,EAAE,mBAAmB,QAAW,EAAE,OAAO,SAAS,KAAK,UAAU,CAAC;AACxE;","names":[]}

package/dist/utils/media-wallet/wallet-tokens.cjs

@@ -0,0 +1,39 @@
+"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 wallet_tokens_exports = {};
+__export(wallet_tokens_exports, {
+  WALLET_TOKENS: () => WALLET_TOKENS
+});
+module.exports = __toCommonJS(wallet_tokens_exports);
+var import_sdk = require("@medialane/sdk");
+const tokenFor = (symbol, name) => {
+  const t = (0, import_sdk.getTokenBySymbol)(symbol);
+  return { symbol, name, address: t.address, decimals: t.decimals };
+};
+const WALLET_TOKENS = [
+  tokenFor("STRK", "Starknet"),
+  tokenFor("ETH", "Ethereum"),
+  tokenFor("USDC", "USD Coin"),
+  tokenFor("WBTC", "Wrapped BTC")
+];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WALLET_TOKENS
+});
+//# sourceMappingURL=wallet-tokens.cjs.map

package/dist/utils/media-wallet/wallet-tokens.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/media-wallet/wallet-tokens.ts"],"sourcesContent":["import { getTokenBySymbol } from \"@medialane/sdk\";\n\nexport type WalletTokenSymbol = string;\n\nexport interface WalletToken {\n  symbol: WalletTokenSymbol;\n  name: string;\n  address: string;\n  decimals: number;\n}\n\nconst tokenFor = (symbol: WalletTokenSymbol, name: string): WalletToken => {\n  const t = getTokenBySymbol(symbol)!;\n  return { symbol, name, address: t.address, decimals: t.decimals };\n};\n\nexport const WALLET_TOKENS: WalletToken[] = [\n  tokenFor(\"STRK\", \"Starknet\"),\n  tokenFor(\"ETH\", \"Ethereum\"),\n  tokenFor(\"USDC\", \"USD Coin\"),\n  tokenFor(\"WBTC\", \"Wrapped BTC\"),\n];\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAiC;AAWjC,MAAM,WAAW,CAAC,QAA2B,SAA8B;AACzE,QAAM,QAAI,6BAAiB,MAAM;AACjC,SAAO,EAAE,QAAQ,MAAM,SAAS,EAAE,SAAS,UAAU,EAAE,SAAS;AAClE;AAEO,MAAM,gBAA+B;AAAA,EAC1C,SAAS,QAAQ,UAAU;AAAA,EAC3B,SAAS,OAAO,UAAU;AAAA,EAC1B,SAAS,QAAQ,UAAU;AAAA,EAC3B,SAAS,QAAQ,aAAa;AAChC;","names":[]}

package/dist/utils/media-wallet/wallet-tokens.d.cts

@@ -0,0 +1,10 @@
+type WalletTokenSymbol = string;
+interface WalletToken {
+    symbol: WalletTokenSymbol;
+    name: string;
+    address: string;
+    decimals: number;
+}
+declare const WALLET_TOKENS: WalletToken[];
+
+export { WALLET_TOKENS, type WalletToken, type WalletTokenSymbol };

package/dist/utils/media-wallet/wallet-tokens.d.ts

@@ -0,0 +1,10 @@
+type WalletTokenSymbol = string;
+interface WalletToken {
+    symbol: WalletTokenSymbol;
+    name: string;
+    address: string;
+    decimals: number;
+}
+declare const WALLET_TOKENS: WalletToken[];
+
+export { WALLET_TOKENS, type WalletToken, type WalletTokenSymbol };

package/dist/utils/media-wallet/wallet-tokens.js

@@ -0,0 +1,15 @@
+import { getTokenBySymbol } from "@medialane/sdk";
+const tokenFor = (symbol, name) => {
+  const t = getTokenBySymbol(symbol);
+  return { symbol, name, address: t.address, decimals: t.decimals };
+};
+const WALLET_TOKENS = [
+  tokenFor("STRK", "Starknet"),
+  tokenFor("ETH", "Ethereum"),
+  tokenFor("USDC", "USD Coin"),
+  tokenFor("WBTC", "Wrapped BTC")
+];
+export {
+  WALLET_TOKENS
+};
+//# sourceMappingURL=wallet-tokens.js.map

package/dist/utils/media-wallet/wallet-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/media-wallet/wallet-tokens.ts"],"sourcesContent":["import { getTokenBySymbol } from \"@medialane/sdk\";\n\nexport type WalletTokenSymbol = string;\n\nexport interface WalletToken {\n  symbol: WalletTokenSymbol;\n  name: string;\n  address: string;\n  decimals: number;\n}\n\nconst tokenFor = (symbol: WalletTokenSymbol, name: string): WalletToken => {\n  const t = getTokenBySymbol(symbol)!;\n  return { symbol, name, address: t.address, decimals: t.decimals };\n};\n\nexport const WALLET_TOKENS: WalletToken[] = [\n  tokenFor(\"STRK\", \"Starknet\"),\n  tokenFor(\"ETH\", \"Ethereum\"),\n  tokenFor(\"USDC\", \"USD Coin\"),\n  tokenFor(\"WBTC\", \"Wrapped BTC\"),\n];\n"],"mappings":"AAAA,SAAS,wBAAwB;AAWjC,MAAM,WAAW,CAAC,QAA2B,SAA8B;AACzE,QAAM,IAAI,iBAAiB,MAAM;AACjC,SAAO,EAAE,QAAQ,MAAM,SAAS,EAAE,SAAS,UAAU,EAAE,SAAS;AAClE;AAEO,MAAM,gBAA+B;AAAA,EAC1C,SAAS,QAAQ,UAAU;AAAA,EAC3B,SAAS,OAAO,UAAU;AAAA,EAC1B,SAAS,QAAQ,UAAU;AAAA,EAC3B,SAAS,QAAQ,aAAa;AAChC;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medialane/ui",
-  "version": "0.185.0",
+  "version": "0.187.0",
   "description": "Shared UI components for Medialane apps",
   "type": "module",
   "sideEffects": false,
@@ -51,7 +51,7 @@
     "preview": "vite --config preview/vite.config.ts"
   },
   "peerDependencies": {
-    "@medialane/sdk": ">=0.171.0",
+    "@medialane/sdk": ">=0.173.0",
     "@radix-ui/react-checkbox": ">=1.1.0",
     "@radix-ui/react-collapsible": ">=1.1.0",
     "@radix-ui/react-dialog": ">=1.1.0",
@@ -62,6 +62,7 @@
     "@radix-ui/react-slot": ">=1.1.0",
     "@radix-ui/react-switch": ">=1.1.0",
     "@radix-ui/react-tabs": ">=1.1.0",
+    "canvas-confetti": ">=1.9.0",
     "class-variance-authority": ">=0.7.0",
     "clsx": ">=2.0.0",
     "cmdk": ">=1.0.0",
@@ -70,6 +71,7 @@
     "lucide-react": ">=0.400.0",
     "next": ">=14.0.0",
     "next-themes": ">=0.3.0",
+    "qrcode-generator": ">=2.0.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "react-hook-form": ">=7.50.0",
@@ -80,7 +82,8 @@
     "zod": "^3.25.0"
   },
   "devDependencies": {
-    "@medialane/sdk": "0.171.0",
+    "@happy-dom/global-registrator": "^20.14.5",
+    "@medialane/sdk": "0.173.0",
     "@radix-ui/react-checkbox": "^1.3.8",
     "@radix-ui/react-collapsible": "^1.1.17",
     "@radix-ui/react-dialog": "^1.1.20",
@@ -91,10 +94,14 @@
     "@radix-ui/react-slot": "^1.3.0",
     "@radix-ui/react-switch": "^1.3.4",
     "@radix-ui/react-tabs": "^1.1.18",
+    "@testing-library/dom": "^10.4.2",
+    "@testing-library/react": "^16.3.3",
     "@types/bun": "^1.3.14",
+    "@types/canvas-confetti": "^1.9.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@vitejs/plugin-react": "^6.0.5",
+    "canvas-confetti": "^1.9.4",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.0.0",
     "cmdk": "^1.1.1",
@@ -104,6 +111,7 @@
     "next": "^15.5.23",
     "next-themes": "^0.4.0",
     "playwright": "^1.61.1",
+    "qrcode-generator": "^2.0.4",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-hook-form": "^7.82.0",