@medialane/ui 0.185.0 → 0.186.0

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

@@ -0,0 +1,258 @@
+"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_home_exports = {};
+__export(media_wallet_home_exports, {
+  MediaWalletHome: () => MediaWalletHome
+});
+module.exports = __toCommonJS(media_wallet_home_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_link = __toESM(require("../link.js"), 1);
+var import_router = require("../router.js");
+var import_currency_icon = require("../currency-icon.js");
+var import_use_erc20_balance = require("../../utils/media-wallet/use-erc20-balance.js");
+var import_use_tokens_by_owner = require("../../utils/media-wallet/use-tokens-by-owner.js");
+var import_activate_card = require("./activate-card.js");
+var import_quick_action = require("./quick-action.js");
+var import_receive_card = require("./receive-card.js");
+var import_action_modal = require("./action-modal.js");
+var import_section_header = require("./section-header.js");
+var import_success_dialog = require("./success-dialog.js");
+var import_media_wallet_header = require("./media-wallet-header.js");
+var import_wallet_tokens = require("../../utils/media-wallet/wallet-tokens.js");
+var import_nft_items = require("../../utils/media-wallet/nft-items.js");
+var import_nft_strip = require("./nft-strip.js");
+var import_use_usd_prices = require("../../utils/use-usd-prices.js");
+var import_wallet_format = require("../../utils/media-wallet/wallet-format.js");
+var import_types = require("./types.js");
+function MediaWalletHome({
+  onNavigate,
+  onClose,
+  autoOpenReceive
+}) {
+  const { useWalletSession, useEmailStatus, provider, getClient, resolveImage, emailBanner, externalWallet } = (0, import_types.useMediaWalletApp)();
+  const { address, isDeployed } = useWalletSession();
+  const emailStatus = useEmailStatus();
+  const router = (0, import_router.useRouter)();
+  const needsEmailVerification = !!emailStatus?.email && !emailStatus.emailVerified;
+  const balances = {
+    STRK: (0, import_use_erc20_balance.useTokenBalance)(provider, "STRK", address),
+    ETH: (0, import_use_erc20_balance.useTokenBalance)(provider, "ETH", address),
+    USDC: (0, import_use_erc20_balance.useTokenBalance)(provider, "USDC", address),
+    WBTC: (0, import_use_erc20_balance.useTokenBalance)(provider, "WBTC", address)
+  };
+  const { tokens, isLoading: loadingNfts } = (0, import_use_tokens_by_owner.useTokensByOwner)(getClient, address, 1, 6);
+  const nftItems = (0, import_nft_items.pickNftItems)(tokens, 6);
+  const usdPrices = (0, import_use_usd_prices.useUsdPrices)();
+  const [panel, setPanel] = (0, import_react.useState)(autoOpenReceive ? "receive" : null);
+  const [hideBalances, setHideBalances] = (0, import_react.useState)(false);
+  const [activated, setActivated] = (0, import_react.useState)(false);
+  const [pull, setPull] = (0, import_react.useState)(0);
+  const startY = (0, import_react.useRef)(null);
+  const mainRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    setHideBalances(localStorage.getItem("mediawallet.hideBalances") === "1");
+  }, []);
+  const scrollParent = () => mainRef.current?.parentElement ?? null;
+  const onTouchStart = (e) => {
+    const sc = scrollParent();
+    startY.current = sc && sc.scrollTop <= 0 ? e.touches[0].clientY : null;
+  };
+  const onTouchMove = (e) => {
+    if (startY.current == null) return;
+    const dy = e.touches[0].clientY - startY.current;
+    if (dy > 0) setPull(Math.min(dy * 0.5, 90));
+  };
+  const onTouchEnd = () => {
+    setPull(0);
+    startY.current = null;
+  };
+  const usd = (symbol) => {
+    const { rawBalance, decimals } = balances[symbol];
+    return (0, import_wallet_format.rawToNumber)(rawBalance, decimals) * ((0, import_use_usd_prices.usdPriceFor)(usdPrices, symbol) ?? 0);
+  };
+  const totalUsd = import_wallet_tokens.WALLET_TOKENS.reduce((sum, t) => sum + usd(t.symbol), 0);
+  const heldTokens = import_wallet_tokens.WALLET_TOKENS.filter((t) => (balances[t.symbol].rawBalance ?? 0n) > 0n);
+  const strkBalance = balances.STRK.rawBalance;
+  const funded = strkBalance != null && strkBalance > 0n;
+  const canSend = isDeployed === true && funded;
+  const goLaunch = () => {
+    onClose();
+    router.push("/launchpad");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "main",
+    {
+      ref: mainRef,
+      onTouchStart,
+      onTouchMove,
+      onTouchEnd,
+      className: "relative flex min-h-full flex-col gap-6 px-5 pb-8 pt-2",
+      style: { transform: pull ? `translateY(${pull}px)` : void 0, transition: pull ? "none" : "transform 0.2s ease" },
+      children: [
+        address && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_media_wallet_header.MediaWalletHeader, { address, onNavigate: onClose }),
+          (funded || isDeployed === false) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-[family-name:var(--font-display)] text-5xl font-extrabold tracking-tight tabular-nums", children: hideBalances ? "\u2022\u2022\u2022\u2022" : usdPrices === null ? "\u2026" : (0, import_wallet_format.fmtUsd)(totalUsd) })
+        ] }),
+        funded ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-4 gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_quick_action.QuickAction, { label: "Send", action: "buy", disabled: !canSend, onClick: () => onNavigate({ name: "send" }), icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowUp, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_quick_action.QuickAction, { label: "Receive", action: "offer", onClick: () => setPanel(panel === "receive" ? null : "receive"), icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowDown, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_quick_action.QuickAction, { label: "Launch", action: "remix", onClick: goLaunch, icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RocketIcon, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_quick_action.QuickAction, { label: "Activity", action: "submit", onClick: () => onNavigate({ name: "activity" }), icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActivityIcon, {}) })
+        ] }) : isDeployed === null ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-center gap-3 py-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-3 w-16 animate-pulse rounded bg-foreground/[0.06]" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-11 w-32 animate-pulse rounded bg-foreground/[0.06]" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-[48px] w-40 animate-pulse rounded-[13px] bg-foreground/[0.06]" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-[148px] animate-pulse rounded-[20px] bg-foreground/[0.04]" })
+        ] }) : isDeployed === true && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-center gap-3 py-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Balance" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-[family-name:var(--font-display)] text-5xl font-extrabold tracking-tight tabular-nums", children: hideBalances ? "\u2022\u2022\u2022\u2022" : usdPrices === null ? "\u2026" : (0, import_wallet_format.fmtUsd)(totalUsd) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                onClick: () => setPanel(panel === "receive" ? null : "receive"),
+                className: "h-[48px] rounded-[13px] px-8 text-[15px] font-semibold text-white transition-transform active:scale-[0.99]",
+                style: { background: "linear-gradient(115deg,#3b7bff,#5b4ce6)" },
+                children: "Fund your account"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "button",
+            {
+              onClick: goLaunch,
+              className: "flex flex-col items-center gap-2 rounded-[20px] border-2 border-dashed border-border px-6 py-8 text-center transition-colors hover:border-primary/50 active:scale-[0.99]",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid h-11 w-11 place-items-center rounded-full bg-foreground/[0.06]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RocketIcon, {}) }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[15px] font-semibold text-foreground", children: "Creator Launchpad" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs text-muted-foreground", children: "Protect and monetize your work" })
+              ]
+            }
+          )
+        ] }),
+        isDeployed === false && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_activate_card.ActivateCard, { onActivated: () => setActivated(true) }),
+        needsEmailVerification && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_link.default,
+          {
+            href: emailBanner.href,
+            onClick: onClose,
+            className: "flex items-center gap-3 rounded-2xl px-4 py-3 transition-opacity hover:opacity-90",
+            style: { background: "linear-gradient(115deg, hsl(var(--brand-orange) / 0.12), hsl(var(--brand-maeve, 327 64% 67%) / 0.12))" },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid h-9 w-9 shrink-0 place-items-center rounded-full bg-brand-orange/15", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MailIcon, {}) }),
+              /* @__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: "Verify your email" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-muted-foreground", children: emailBanner.text(emailStatus?.deadline) })
+              ] })
+            ]
+          }
+        ),
+        panel === "receive" && address && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_modal.ActionModal, { onClose: () => setPanel(null), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_receive_card.ReceiveCard, { address }) }),
+        heldTokens.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_section_header.SectionHeader, { title: "Tokens" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-2 flex flex-col gap-2", children: heldTokens.map((t) => {
+            const { rawBalance, decimals } = balances[t.symbol];
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              "button",
+              {
+                onClick: () => onNavigate({ name: "token", token: t }),
+                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)("div", { className: "grid h-11 w-11 shrink-0 place-items-center rounded-full bg-foreground/[0.06]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_currency_icon.CurrencyIcon, { symbol: t.symbol, size: 24 }) }),
+                  /* @__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: t.symbol }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-muted-foreground", children: t.name })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-right", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm font-semibold tabular-nums", children: hideBalances ? "\u2022\u2022\u2022\u2022" : (0, import_wallet_format.fmt)(rawBalance, decimals) }),
+                    !hideBalances && usdPrices !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-muted-foreground tabular-nums", children: (0, import_wallet_format.fmtUsd)(usd(t.symbol)) })
+                  ] })
+                ]
+              },
+              t.symbol
+            );
+          }) })
+        ] }),
+        (nftItems.length > 0 || loadingNfts) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_section_header.SectionHeader, { title: "NFTs" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_nft_strip.NftStrip, { items: nftItems, isLoading: loadingNfts, onNavigate: onClose, resolveImage }) })
+        ] }),
+        activated && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_success_dialog.SuccessDialog,
+          {
+            title: "Account activated",
+            message: "Your account is live and ready to use",
+            onClose: () => setActivated(false)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "a",
+          {
+            href: externalWallet.href,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "mt-auto text-center text-xs text-muted-foreground/60 transition-colors hover:text-muted-foreground",
+            children: externalWallet.label
+          }
+        )
+      ]
+    }
+  );
+}
+function ArrowUp() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "19", height: "19", 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: "M12 19V5M5 12l7-7 7 7" }) });
+}
+function ArrowDown() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "19", height: "19", 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: "M12 5v14M19 12l-7 7-7-7" }) });
+}
+function ActivityIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.1", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2" }) });
+}
+function MailIcon() {
+  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: "text-brand-orange", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" })
+  ] });
+}
+function RocketIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.1", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 00-2.91-.09z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 15l-3-3a22 22 0 012-3.95A12.88 12.88 0 0122 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 01-4 2z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5" })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MediaWalletHome
+});
+//# sourceMappingURL=media-wallet-home.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/media-wallet-home.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport Link from \"../link.js\";\nimport { useRouter } from \"../router.js\";\nimport { CurrencyIcon } from \"../currency-icon.js\";\nimport { useTokenBalance } from \"../../utils/media-wallet/use-erc20-balance.js\";\nimport { useTokensByOwner } from \"../../utils/media-wallet/use-tokens-by-owner.js\";\nimport { ActivateCard } from \"./activate-card.js\";\nimport { QuickAction } from \"./quick-action.js\";\nimport { ReceiveCard } from \"./receive-card.js\";\nimport { ActionModal } from \"./action-modal.js\";\nimport { SectionHeader } from \"./section-header.js\";\nimport { SuccessDialog } from \"./success-dialog.js\";\nimport { MediaWalletHeader } from \"./media-wallet-header.js\";\nimport { WALLET_TOKENS, type WalletToken } from \"../../utils/media-wallet/wallet-tokens.js\";\nimport { pickNftItems } from \"../../utils/media-wallet/nft-items.js\";\nimport { NftStrip } from \"./nft-strip.js\";\nimport { useUsdPrices, usdPriceFor } from \"../../utils/use-usd-prices.js\";\nimport { fmt, fmtUsd, rawToNumber } from \"../../utils/media-wallet/wallet-format.js\";\nimport { useMediaWalletApp, type MediaWalletView } from \"./types.js\";\n\nexport function MediaWalletHome({\n  onNavigate,\n  onClose,\n  autoOpenReceive,\n}: {\n  onNavigate: (view: MediaWalletView) => void;\n  onClose: () => void;\n  autoOpenReceive?: boolean;\n}) {\n  const { useWalletSession, useEmailStatus, provider, getClient, resolveImage, emailBanner, externalWallet } = useMediaWalletApp();\n  const { address, isDeployed } = useWalletSession();\n  const emailStatus = useEmailStatus();\n  const router = useRouter();\n  const needsEmailVerification = !!emailStatus?.email && !emailStatus.emailVerified;\n\n  const balances: Record<WalletToken[\"symbol\"], ReturnType<typeof useTokenBalance>> = {\n    STRK: useTokenBalance(provider, \"STRK\", address),\n    ETH: useTokenBalance(provider, \"ETH\", address),\n    USDC: useTokenBalance(provider, \"USDC\", address),\n    WBTC: useTokenBalance(provider, \"WBTC\", address),\n  };\n\n  const { tokens, isLoading: loadingNfts } = useTokensByOwner(getClient, address, 1, 6);\n  const nftItems = pickNftItems(tokens, 6);\n\n  const usdPrices = useUsdPrices();\n  const [panel, setPanel] = useState<\"receive\" | null>(autoOpenReceive ? \"receive\" : null);\n  const [hideBalances, setHideBalances] = useState(false);\n  const [activated, setActivated] = useState(false);\n  const [pull, setPull] = useState(0);\n  const startY = useRef<number | null>(null);\n  const mainRef = useRef<HTMLElement>(null);\n\n  useEffect(() => {\n    setHideBalances(localStorage.getItem(\"mediawallet.hideBalances\") === \"1\");\n  }, []);\n\n  const scrollParent = () => mainRef.current?.parentElement ?? null;\n  const onTouchStart = (e: React.TouchEvent) => {\n    const sc = scrollParent();\n    startY.current = sc && sc.scrollTop <= 0 ? e.touches[0].clientY : null;\n  };\n  const onTouchMove = (e: React.TouchEvent) => {\n    if (startY.current == null) return;\n    const dy = e.touches[0].clientY - startY.current;\n    if (dy > 0) setPull(Math.min(dy * 0.5, 90));\n  };\n  const onTouchEnd = () => {\n    setPull(0);\n    startY.current = null;\n  };\n\n  const usd = (symbol: WalletToken[\"symbol\"]) => {\n    const { rawBalance, decimals } = balances[symbol];\n    return rawToNumber(rawBalance, decimals) * (usdPriceFor(usdPrices, symbol) ?? 0);\n  };\n  const totalUsd = WALLET_TOKENS.reduce((sum, t) => sum + usd(t.symbol), 0);\n  const heldTokens = WALLET_TOKENS.filter((t) => (balances[t.symbol].rawBalance ?? 0n) > 0n);\n\n  const strkBalance = balances.STRK.rawBalance;\n  const funded = strkBalance != null && strkBalance > 0n;\n  const canSend = isDeployed === true && funded;\n\n  const goLaunch = () => {\n    onClose();\n    router.push(\"/launchpad\");\n  };\n\n  return (\n    <main\n      ref={mainRef}\n      onTouchStart={onTouchStart}\n      onTouchMove={onTouchMove}\n      onTouchEnd={onTouchEnd}\n      className=\"relative flex min-h-full flex-col gap-6 px-5 pb-8 pt-2\"\n      style={{ transform: pull ? `translateY(${pull}px)` : undefined, transition: pull ? \"none\" : \"transform 0.2s ease\" }}\n    >\n      {address && (\n        <div className=\"flex flex-col items-center gap-4\">\n          <MediaWalletHeader address={address} onNavigate={onClose} />\n          {(funded || isDeployed === false) && (\n            <span className=\"font-[family-name:var(--font-display)] text-5xl font-extrabold tracking-tight tabular-nums\">\n              {hideBalances ? \"••••\" : usdPrices === null ? \"…\" : fmtUsd(totalUsd)}\n            </span>\n          )}\n        </div>\n      )}\n\n      {funded ? (\n        <div className=\"grid grid-cols-4 gap-2\">\n          <QuickAction label=\"Send\" action=\"buy\" disabled={!canSend} onClick={() => onNavigate({ name: \"send\" })} icon={<ArrowUp />} />\n          <QuickAction label=\"Receive\" action=\"offer\" onClick={() => setPanel(panel === \"receive\" ? null : \"receive\")} icon={<ArrowDown />} />\n          <QuickAction label=\"Launch\" action=\"remix\" onClick={goLaunch} icon={<RocketIcon />} />\n          <QuickAction label=\"Activity\" action=\"submit\" onClick={() => onNavigate({ name: \"activity\" })} icon={<ActivityIcon />} />\n        </div>\n      ) : isDeployed === null ? (\n        <div className=\"flex flex-col gap-3\">\n          <div className=\"flex flex-col items-center gap-3 py-2\">\n            <div className=\"h-3 w-16 animate-pulse rounded bg-foreground/[0.06]\" />\n            <div className=\"h-11 w-32 animate-pulse rounded bg-foreground/[0.06]\" />\n            <div className=\"h-[48px] w-40 animate-pulse rounded-[13px] bg-foreground/[0.06]\" />\n          </div>\n          <div className=\"h-[148px] animate-pulse rounded-[20px] bg-foreground/[0.04]\" />\n        </div>\n      ) : (\n        isDeployed === true && (\n          <div className=\"flex flex-col gap-3\">\n            <div className=\"flex flex-col items-center gap-3 py-2\">\n              <span className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">Balance</span>\n              <span className=\"font-[family-name:var(--font-display)] text-5xl font-extrabold tracking-tight tabular-nums\">\n                {hideBalances ? \"••••\" : usdPrices === null ? \"…\" : fmtUsd(totalUsd)}\n              </span>\n              <button\n                onClick={() => setPanel(panel === \"receive\" ? null : \"receive\")}\n                className=\"h-[48px] rounded-[13px] px-8 text-[15px] font-semibold text-white transition-transform active:scale-[0.99]\"\n                style={{ background: \"linear-gradient(115deg,#3b7bff,#5b4ce6)\" }}\n              >\n                Fund your account\n              </button>\n            </div>\n            <button\n              onClick={goLaunch}\n              className=\"flex flex-col items-center gap-2 rounded-[20px] border-2 border-dashed border-border px-6 py-8 text-center transition-colors hover:border-primary/50 active:scale-[0.99]\"\n            >\n              <div className=\"grid h-11 w-11 place-items-center rounded-full bg-foreground/[0.06]\">\n                <RocketIcon />\n              </div>\n              <span className=\"text-[15px] font-semibold text-foreground\">Creator Launchpad</span>\n              <span className=\"text-xs text-muted-foreground\">Protect and monetize your work</span>\n            </button>\n          </div>\n        )\n      )}\n\n      {isDeployed === false && <ActivateCard onActivated={() => setActivated(true)} />}\n\n      {needsEmailVerification && (\n        <Link\n          href={emailBanner.href}\n          onClick={onClose}\n          className=\"flex items-center gap-3 rounded-2xl px-4 py-3 transition-opacity hover:opacity-90\"\n          style={{ background: \"linear-gradient(115deg, hsl(var(--brand-orange) / 0.12), hsl(var(--brand-maeve, 327 64% 67%) / 0.12))\" }}\n        >\n          <div className=\"grid h-9 w-9 shrink-0 place-items-center rounded-full bg-brand-orange/15\">\n            <MailIcon />\n          </div>\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"text-sm font-semibold\">Verify your email</div>\n            <div className=\"text-xs text-muted-foreground\">{emailBanner.text(emailStatus?.deadline)}</div>\n          </div>\n        </Link>\n      )}\n\n      {panel === \"receive\" && address && (\n        <ActionModal onClose={() => setPanel(null)}>\n          <ReceiveCard address={address} />\n        </ActionModal>\n      )}\n\n      {heldTokens.length > 0 && (\n        <section>\n          <SectionHeader title=\"Tokens\" />\n          <div className=\"mt-2 flex flex-col gap-2\">\n            {heldTokens.map((t) => {\n              const { rawBalance, decimals } = balances[t.symbol];\n              return (\n                <button\n                  key={t.symbol}\n                  onClick={() => onNavigate({ name: \"token\", token: t })}\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                  <div className=\"grid h-11 w-11 shrink-0 place-items-center rounded-full bg-foreground/[0.06]\">\n                    <CurrencyIcon symbol={t.symbol} size={24} />\n                  </div>\n                  <div className=\"min-w-0 flex-1\">\n                    <div className=\"text-sm font-semibold\">{t.symbol}</div>\n                    <div className=\"text-xs text-muted-foreground\">{t.name}</div>\n                  </div>\n                  <div className=\"text-right\">\n                    <div className=\"text-sm font-semibold tabular-nums\">{hideBalances ? \"••••\" : fmt(rawBalance, decimals)}</div>\n                    {!hideBalances && usdPrices !== null && (\n                      <div className=\"text-xs text-muted-foreground tabular-nums\">{fmtUsd(usd(t.symbol))}</div>\n                    )}\n                  </div>\n                </button>\n              );\n            })}\n          </div>\n        </section>\n      )}\n\n      {(nftItems.length > 0 || loadingNfts) && (\n        <section>\n          <SectionHeader title=\"NFTs\" />\n          <div className=\"mt-2\">\n            <NftStrip items={nftItems} isLoading={loadingNfts} onNavigate={onClose} resolveImage={resolveImage} />\n          </div>\n        </section>\n      )}\n\n      {activated && (\n        <SuccessDialog\n          title=\"Account activated\"\n          message=\"Your account is live and ready to use\"\n          onClose={() => setActivated(false)}\n        />\n      )}\n\n      <a\n        href={externalWallet.href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className=\"mt-auto text-center text-xs text-muted-foreground/60 transition-colors hover:text-muted-foreground\"\n      >\n        {externalWallet.label}\n      </a>\n    </main>\n  );\n}\n\nfunction ArrowUp() {\n  return (\n    <svg width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M12 19V5M5 12l7-7 7 7\" />\n    </svg>\n  );\n}\nfunction ArrowDown() {\n  return (\n    <svg width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M12 5v14M19 12l-7 7-7-7\" />\n    </svg>\n  );\n}\nfunction ActivityIcon() {\n  return (\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.1\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\" />\n    </svg>\n  );\n}\nfunction MailIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" className=\"text-brand-orange\">\n      <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\" />\n      <path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\" />\n    </svg>\n  );\n}\nfunction RocketIcon() {\n  return (\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.1\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 00-2.91-.09z\" />\n      <path d=\"M12 15l-3-3a22 22 0 012-3.95A12.88 12.88 0 0122 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 01-4 2z\" />\n      <path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\" />\n    </svg>\n  );\n}\n"],"mappings":"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","names":["Link"]}

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

@@ -0,0 +1,14 @@
+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 MediaWalletHome({ onNavigate, onClose, autoOpenReceive, }: {
+    onNavigate: (view: MediaWalletView) => void;
+    onClose: () => void;
+    autoOpenReceive?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { MediaWalletHome };

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

@@ -0,0 +1,14 @@
+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 MediaWalletHome({ onNavigate, onClose, autoOpenReceive, }: {
+    onNavigate: (view: MediaWalletView) => void;
+    onClose: () => void;
+    autoOpenReceive?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { MediaWalletHome };

package/dist/components/media-wallet/media-wallet-home.js

@@ -0,0 +1,224 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import Link from "../link.js";
+import { useRouter } from "../router.js";
+import { CurrencyIcon } from "../currency-icon.js";
+import { useTokenBalance } from "../../utils/media-wallet/use-erc20-balance.js";
+import { useTokensByOwner } from "../../utils/media-wallet/use-tokens-by-owner.js";
+import { ActivateCard } from "./activate-card.js";
+import { QuickAction } from "./quick-action.js";
+import { ReceiveCard } from "./receive-card.js";
+import { ActionModal } from "./action-modal.js";
+import { SectionHeader } from "./section-header.js";
+import { SuccessDialog } from "./success-dialog.js";
+import { MediaWalletHeader } from "./media-wallet-header.js";
+import { WALLET_TOKENS } from "../../utils/media-wallet/wallet-tokens.js";
+import { pickNftItems } from "../../utils/media-wallet/nft-items.js";
+import { NftStrip } from "./nft-strip.js";
+import { useUsdPrices, usdPriceFor } from "../../utils/use-usd-prices.js";
+import { fmt, fmtUsd, rawToNumber } from "../../utils/media-wallet/wallet-format.js";
+import { useMediaWalletApp } from "./types.js";
+function MediaWalletHome({
+  onNavigate,
+  onClose,
+  autoOpenReceive
+}) {
+  const { useWalletSession, useEmailStatus, provider, getClient, resolveImage, emailBanner, externalWallet } = useMediaWalletApp();
+  const { address, isDeployed } = useWalletSession();
+  const emailStatus = useEmailStatus();
+  const router = useRouter();
+  const needsEmailVerification = !!emailStatus?.email && !emailStatus.emailVerified;
+  const balances = {
+    STRK: useTokenBalance(provider, "STRK", address),
+    ETH: useTokenBalance(provider, "ETH", address),
+    USDC: useTokenBalance(provider, "USDC", address),
+    WBTC: useTokenBalance(provider, "WBTC", address)
+  };
+  const { tokens, isLoading: loadingNfts } = useTokensByOwner(getClient, address, 1, 6);
+  const nftItems = pickNftItems(tokens, 6);
+  const usdPrices = useUsdPrices();
+  const [panel, setPanel] = useState(autoOpenReceive ? "receive" : null);
+  const [hideBalances, setHideBalances] = useState(false);
+  const [activated, setActivated] = useState(false);
+  const [pull, setPull] = useState(0);
+  const startY = useRef(null);
+  const mainRef = useRef(null);
+  useEffect(() => {
+    setHideBalances(localStorage.getItem("mediawallet.hideBalances") === "1");
+  }, []);
+  const scrollParent = () => mainRef.current?.parentElement ?? null;
+  const onTouchStart = (e) => {
+    const sc = scrollParent();
+    startY.current = sc && sc.scrollTop <= 0 ? e.touches[0].clientY : null;
+  };
+  const onTouchMove = (e) => {
+    if (startY.current == null) return;
+    const dy = e.touches[0].clientY - startY.current;
+    if (dy > 0) setPull(Math.min(dy * 0.5, 90));
+  };
+  const onTouchEnd = () => {
+    setPull(0);
+    startY.current = null;
+  };
+  const usd = (symbol) => {
+    const { rawBalance, decimals } = balances[symbol];
+    return rawToNumber(rawBalance, decimals) * (usdPriceFor(usdPrices, symbol) ?? 0);
+  };
+  const totalUsd = WALLET_TOKENS.reduce((sum, t) => sum + usd(t.symbol), 0);
+  const heldTokens = WALLET_TOKENS.filter((t) => (balances[t.symbol].rawBalance ?? 0n) > 0n);
+  const strkBalance = balances.STRK.rawBalance;
+  const funded = strkBalance != null && strkBalance > 0n;
+  const canSend = isDeployed === true && funded;
+  const goLaunch = () => {
+    onClose();
+    router.push("/launchpad");
+  };
+  return /* @__PURE__ */ jsxs(
+    "main",
+    {
+      ref: mainRef,
+      onTouchStart,
+      onTouchMove,
+      onTouchEnd,
+      className: "relative flex min-h-full flex-col gap-6 px-5 pb-8 pt-2",
+      style: { transform: pull ? `translateY(${pull}px)` : void 0, transition: pull ? "none" : "transform 0.2s ease" },
+      children: [
+        address && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4", children: [
+          /* @__PURE__ */ jsx(MediaWalletHeader, { address, onNavigate: onClose }),
+          (funded || isDeployed === false) && /* @__PURE__ */ jsx("span", { className: "font-[family-name:var(--font-display)] text-5xl font-extrabold tracking-tight tabular-nums", children: hideBalances ? "\u2022\u2022\u2022\u2022" : usdPrices === null ? "\u2026" : fmtUsd(totalUsd) })
+        ] }),
+        funded ? /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-4 gap-2", children: [
+          /* @__PURE__ */ jsx(QuickAction, { label: "Send", action: "buy", disabled: !canSend, onClick: () => onNavigate({ name: "send" }), icon: /* @__PURE__ */ jsx(ArrowUp, {}) }),
+          /* @__PURE__ */ jsx(QuickAction, { label: "Receive", action: "offer", onClick: () => setPanel(panel === "receive" ? null : "receive"), icon: /* @__PURE__ */ jsx(ArrowDown, {}) }),
+          /* @__PURE__ */ jsx(QuickAction, { label: "Launch", action: "remix", onClick: goLaunch, icon: /* @__PURE__ */ jsx(RocketIcon, {}) }),
+          /* @__PURE__ */ jsx(QuickAction, { label: "Activity", action: "submit", onClick: () => onNavigate({ name: "activity" }), icon: /* @__PURE__ */ jsx(ActivityIcon, {}) })
+        ] }) : isDeployed === null ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 py-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "h-3 w-16 animate-pulse rounded bg-foreground/[0.06]" }),
+            /* @__PURE__ */ jsx("div", { className: "h-11 w-32 animate-pulse rounded bg-foreground/[0.06]" }),
+            /* @__PURE__ */ jsx("div", { className: "h-[48px] w-40 animate-pulse rounded-[13px] bg-foreground/[0.06]" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "h-[148px] animate-pulse rounded-[20px] bg-foreground/[0.04]" })
+        ] }) : isDeployed === true && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 py-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Balance" }),
+            /* @__PURE__ */ jsx("span", { className: "font-[family-name:var(--font-display)] text-5xl font-extrabold tracking-tight tabular-nums", children: hideBalances ? "\u2022\u2022\u2022\u2022" : usdPrices === null ? "\u2026" : fmtUsd(totalUsd) }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => setPanel(panel === "receive" ? null : "receive"),
+                className: "h-[48px] rounded-[13px] px-8 text-[15px] font-semibold text-white transition-transform active:scale-[0.99]",
+                style: { background: "linear-gradient(115deg,#3b7bff,#5b4ce6)" },
+                children: "Fund your account"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: goLaunch,
+              className: "flex flex-col items-center gap-2 rounded-[20px] border-2 border-dashed border-border px-6 py-8 text-center transition-colors hover:border-primary/50 active:scale-[0.99]",
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "grid h-11 w-11 place-items-center rounded-full bg-foreground/[0.06]", children: /* @__PURE__ */ jsx(RocketIcon, {}) }),
+                /* @__PURE__ */ jsx("span", { className: "text-[15px] font-semibold text-foreground", children: "Creator Launchpad" }),
+                /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Protect and monetize your work" })
+              ]
+            }
+          )
+        ] }),
+        isDeployed === false && /* @__PURE__ */ jsx(ActivateCard, { onActivated: () => setActivated(true) }),
+        needsEmailVerification && /* @__PURE__ */ jsxs(
+          Link,
+          {
+            href: emailBanner.href,
+            onClick: onClose,
+            className: "flex items-center gap-3 rounded-2xl px-4 py-3 transition-opacity hover:opacity-90",
+            style: { background: "linear-gradient(115deg, hsl(var(--brand-orange) / 0.12), hsl(var(--brand-maeve, 327 64% 67%) / 0.12))" },
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "grid h-9 w-9 shrink-0 place-items-center rounded-full bg-brand-orange/15", children: /* @__PURE__ */ jsx(MailIcon, {}) }),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold", children: "Verify your email" }),
+                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: emailBanner.text(emailStatus?.deadline) })
+              ] })
+            ]
+          }
+        ),
+        panel === "receive" && address && /* @__PURE__ */ jsx(ActionModal, { onClose: () => setPanel(null), children: /* @__PURE__ */ jsx(ReceiveCard, { address }) }),
+        heldTokens.length > 0 && /* @__PURE__ */ jsxs("section", { children: [
+          /* @__PURE__ */ jsx(SectionHeader, { title: "Tokens" }),
+          /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-col gap-2", children: heldTokens.map((t) => {
+            const { rawBalance, decimals } = balances[t.symbol];
+            return /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: () => onNavigate({ name: "token", token: t }),
+                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__ */ jsx("div", { className: "grid h-11 w-11 shrink-0 place-items-center rounded-full bg-foreground/[0.06]", children: /* @__PURE__ */ jsx(CurrencyIcon, { symbol: t.symbol, size: 24 }) }),
+                  /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                    /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold", children: t.symbol }),
+                    /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: t.name })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
+                    /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold tabular-nums", children: hideBalances ? "\u2022\u2022\u2022\u2022" : fmt(rawBalance, decimals) }),
+                    !hideBalances && usdPrices !== null && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground tabular-nums", children: fmtUsd(usd(t.symbol)) })
+                  ] })
+                ]
+              },
+              t.symbol
+            );
+          }) })
+        ] }),
+        (nftItems.length > 0 || loadingNfts) && /* @__PURE__ */ jsxs("section", { children: [
+          /* @__PURE__ */ jsx(SectionHeader, { title: "NFTs" }),
+          /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(NftStrip, { items: nftItems, isLoading: loadingNfts, onNavigate: onClose, resolveImage }) })
+        ] }),
+        activated && /* @__PURE__ */ jsx(
+          SuccessDialog,
+          {
+            title: "Account activated",
+            message: "Your account is live and ready to use",
+            onClose: () => setActivated(false)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: externalWallet.href,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "mt-auto text-center text-xs text-muted-foreground/60 transition-colors hover:text-muted-foreground",
+            children: externalWallet.label
+          }
+        )
+      ]
+    }
+  );
+}
+function ArrowUp() {
+  return /* @__PURE__ */ jsx("svg", { width: "19", height: "19", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M12 19V5M5 12l7-7 7 7" }) });
+}
+function ArrowDown() {
+  return /* @__PURE__ */ jsx("svg", { width: "19", height: "19", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M12 5v14M19 12l-7 7-7-7" }) });
+}
+function ActivityIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.1", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2" }) });
+}
+function MailIcon() {
+  return /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-brand-orange", children: [
+    /* @__PURE__ */ jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" })
+  ] });
+}
+function RocketIcon() {
+  return /* @__PURE__ */ jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.1", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 00-2.91-.09z" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 15l-3-3a22 22 0 012-3.95A12.88 12.88 0 0122 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 01-4 2z" }),
+    /* @__PURE__ */ jsx("path", { d: "M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5" })
+  ] });
+}
+export {
+  MediaWalletHome
+};
+//# sourceMappingURL=media-wallet-home.js.map

package/dist/components/media-wallet/media-wallet-home.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/media-wallet-home.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport Link from \"../link.js\";\nimport { useRouter } from \"../router.js\";\nimport { CurrencyIcon } from \"../currency-icon.js\";\nimport { useTokenBalance } from \"../../utils/media-wallet/use-erc20-balance.js\";\nimport { useTokensByOwner } from \"../../utils/media-wallet/use-tokens-by-owner.js\";\nimport { ActivateCard } from \"./activate-card.js\";\nimport { QuickAction } from \"./quick-action.js\";\nimport { ReceiveCard } from \"./receive-card.js\";\nimport { ActionModal } from \"./action-modal.js\";\nimport { SectionHeader } from \"./section-header.js\";\nimport { SuccessDialog } from \"./success-dialog.js\";\nimport { MediaWalletHeader } from \"./media-wallet-header.js\";\nimport { WALLET_TOKENS, type WalletToken } from \"../../utils/media-wallet/wallet-tokens.js\";\nimport { pickNftItems } from \"../../utils/media-wallet/nft-items.js\";\nimport { NftStrip } from \"./nft-strip.js\";\nimport { useUsdPrices, usdPriceFor } from \"../../utils/use-usd-prices.js\";\nimport { fmt, fmtUsd, rawToNumber } from \"../../utils/media-wallet/wallet-format.js\";\nimport { useMediaWalletApp, type MediaWalletView } from \"./types.js\";\n\nexport function MediaWalletHome({\n  onNavigate,\n  onClose,\n  autoOpenReceive,\n}: {\n  onNavigate: (view: MediaWalletView) => void;\n  onClose: () => void;\n  autoOpenReceive?: boolean;\n}) {\n  const { useWalletSession, useEmailStatus, provider, getClient, resolveImage, emailBanner, externalWallet } = useMediaWalletApp();\n  const { address, isDeployed } = useWalletSession();\n  const emailStatus = useEmailStatus();\n  const router = useRouter();\n  const needsEmailVerification = !!emailStatus?.email && !emailStatus.emailVerified;\n\n  const balances: Record<WalletToken[\"symbol\"], ReturnType<typeof useTokenBalance>> = {\n    STRK: useTokenBalance(provider, \"STRK\", address),\n    ETH: useTokenBalance(provider, \"ETH\", address),\n    USDC: useTokenBalance(provider, \"USDC\", address),\n    WBTC: useTokenBalance(provider, \"WBTC\", address),\n  };\n\n  const { tokens, isLoading: loadingNfts } = useTokensByOwner(getClient, address, 1, 6);\n  const nftItems = pickNftItems(tokens, 6);\n\n  const usdPrices = useUsdPrices();\n  const [panel, setPanel] = useState<\"receive\" | null>(autoOpenReceive ? \"receive\" : null);\n  const [hideBalances, setHideBalances] = useState(false);\n  const [activated, setActivated] = useState(false);\n  const [pull, setPull] = useState(0);\n  const startY = useRef<number | null>(null);\n  const mainRef = useRef<HTMLElement>(null);\n\n  useEffect(() => {\n    setHideBalances(localStorage.getItem(\"mediawallet.hideBalances\") === \"1\");\n  }, []);\n\n  const scrollParent = () => mainRef.current?.parentElement ?? null;\n  const onTouchStart = (e: React.TouchEvent) => {\n    const sc = scrollParent();\n    startY.current = sc && sc.scrollTop <= 0 ? e.touches[0].clientY : null;\n  };\n  const onTouchMove = (e: React.TouchEvent) => {\n    if (startY.current == null) return;\n    const dy = e.touches[0].clientY - startY.current;\n    if (dy > 0) setPull(Math.min(dy * 0.5, 90));\n  };\n  const onTouchEnd = () => {\n    setPull(0);\n    startY.current = null;\n  };\n\n  const usd = (symbol: WalletToken[\"symbol\"]) => {\n    const { rawBalance, decimals } = balances[symbol];\n    return rawToNumber(rawBalance, decimals) * (usdPriceFor(usdPrices, symbol) ?? 0);\n  };\n  const totalUsd = WALLET_TOKENS.reduce((sum, t) => sum + usd(t.symbol), 0);\n  const heldTokens = WALLET_TOKENS.filter((t) => (balances[t.symbol].rawBalance ?? 0n) > 0n);\n\n  const strkBalance = balances.STRK.rawBalance;\n  const funded = strkBalance != null && strkBalance > 0n;\n  const canSend = isDeployed === true && funded;\n\n  const goLaunch = () => {\n    onClose();\n    router.push(\"/launchpad\");\n  };\n\n  return (\n    <main\n      ref={mainRef}\n      onTouchStart={onTouchStart}\n      onTouchMove={onTouchMove}\n      onTouchEnd={onTouchEnd}\n      className=\"relative flex min-h-full flex-col gap-6 px-5 pb-8 pt-2\"\n      style={{ transform: pull ? `translateY(${pull}px)` : undefined, transition: pull ? \"none\" : \"transform 0.2s ease\" }}\n    >\n      {address && (\n        <div className=\"flex flex-col items-center gap-4\">\n          <MediaWalletHeader address={address} onNavigate={onClose} />\n          {(funded || isDeployed === false) && (\n            <span className=\"font-[family-name:var(--font-display)] text-5xl font-extrabold tracking-tight tabular-nums\">\n              {hideBalances ? \"••••\" : usdPrices === null ? \"…\" : fmtUsd(totalUsd)}\n            </span>\n          )}\n        </div>\n      )}\n\n      {funded ? (\n        <div className=\"grid grid-cols-4 gap-2\">\n          <QuickAction label=\"Send\" action=\"buy\" disabled={!canSend} onClick={() => onNavigate({ name: \"send\" })} icon={<ArrowUp />} />\n          <QuickAction label=\"Receive\" action=\"offer\" onClick={() => setPanel(panel === \"receive\" ? null : \"receive\")} icon={<ArrowDown />} />\n          <QuickAction label=\"Launch\" action=\"remix\" onClick={goLaunch} icon={<RocketIcon />} />\n          <QuickAction label=\"Activity\" action=\"submit\" onClick={() => onNavigate({ name: \"activity\" })} icon={<ActivityIcon />} />\n        </div>\n      ) : isDeployed === null ? (\n        <div className=\"flex flex-col gap-3\">\n          <div className=\"flex flex-col items-center gap-3 py-2\">\n            <div className=\"h-3 w-16 animate-pulse rounded bg-foreground/[0.06]\" />\n            <div className=\"h-11 w-32 animate-pulse rounded bg-foreground/[0.06]\" />\n            <div className=\"h-[48px] w-40 animate-pulse rounded-[13px] bg-foreground/[0.06]\" />\n          </div>\n          <div className=\"h-[148px] animate-pulse rounded-[20px] bg-foreground/[0.04]\" />\n        </div>\n      ) : (\n        isDeployed === true && (\n          <div className=\"flex flex-col gap-3\">\n            <div className=\"flex flex-col items-center gap-3 py-2\">\n              <span className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">Balance</span>\n              <span className=\"font-[family-name:var(--font-display)] text-5xl font-extrabold tracking-tight tabular-nums\">\n                {hideBalances ? \"••••\" : usdPrices === null ? \"…\" : fmtUsd(totalUsd)}\n              </span>\n              <button\n                onClick={() => setPanel(panel === \"receive\" ? null : \"receive\")}\n                className=\"h-[48px] rounded-[13px] px-8 text-[15px] font-semibold text-white transition-transform active:scale-[0.99]\"\n                style={{ background: \"linear-gradient(115deg,#3b7bff,#5b4ce6)\" }}\n              >\n                Fund your account\n              </button>\n            </div>\n            <button\n              onClick={goLaunch}\n              className=\"flex flex-col items-center gap-2 rounded-[20px] border-2 border-dashed border-border px-6 py-8 text-center transition-colors hover:border-primary/50 active:scale-[0.99]\"\n            >\n              <div className=\"grid h-11 w-11 place-items-center rounded-full bg-foreground/[0.06]\">\n                <RocketIcon />\n              </div>\n              <span className=\"text-[15px] font-semibold text-foreground\">Creator Launchpad</span>\n              <span className=\"text-xs text-muted-foreground\">Protect and monetize your work</span>\n            </button>\n          </div>\n        )\n      )}\n\n      {isDeployed === false && <ActivateCard onActivated={() => setActivated(true)} />}\n\n      {needsEmailVerification && (\n        <Link\n          href={emailBanner.href}\n          onClick={onClose}\n          className=\"flex items-center gap-3 rounded-2xl px-4 py-3 transition-opacity hover:opacity-90\"\n          style={{ background: \"linear-gradient(115deg, hsl(var(--brand-orange) / 0.12), hsl(var(--brand-maeve, 327 64% 67%) / 0.12))\" }}\n        >\n          <div className=\"grid h-9 w-9 shrink-0 place-items-center rounded-full bg-brand-orange/15\">\n            <MailIcon />\n          </div>\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"text-sm font-semibold\">Verify your email</div>\n            <div className=\"text-xs text-muted-foreground\">{emailBanner.text(emailStatus?.deadline)}</div>\n          </div>\n        </Link>\n      )}\n\n      {panel === \"receive\" && address && (\n        <ActionModal onClose={() => setPanel(null)}>\n          <ReceiveCard address={address} />\n        </ActionModal>\n      )}\n\n      {heldTokens.length > 0 && (\n        <section>\n          <SectionHeader title=\"Tokens\" />\n          <div className=\"mt-2 flex flex-col gap-2\">\n            {heldTokens.map((t) => {\n              const { rawBalance, decimals } = balances[t.symbol];\n              return (\n                <button\n                  key={t.symbol}\n                  onClick={() => onNavigate({ name: \"token\", token: t })}\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                  <div className=\"grid h-11 w-11 shrink-0 place-items-center rounded-full bg-foreground/[0.06]\">\n                    <CurrencyIcon symbol={t.symbol} size={24} />\n                  </div>\n                  <div className=\"min-w-0 flex-1\">\n                    <div className=\"text-sm font-semibold\">{t.symbol}</div>\n                    <div className=\"text-xs text-muted-foreground\">{t.name}</div>\n                  </div>\n                  <div className=\"text-right\">\n                    <div className=\"text-sm font-semibold tabular-nums\">{hideBalances ? \"••••\" : fmt(rawBalance, decimals)}</div>\n                    {!hideBalances && usdPrices !== null && (\n                      <div className=\"text-xs text-muted-foreground tabular-nums\">{fmtUsd(usd(t.symbol))}</div>\n                    )}\n                  </div>\n                </button>\n              );\n            })}\n          </div>\n        </section>\n      )}\n\n      {(nftItems.length > 0 || loadingNfts) && (\n        <section>\n          <SectionHeader title=\"NFTs\" />\n          <div className=\"mt-2\">\n            <NftStrip items={nftItems} isLoading={loadingNfts} onNavigate={onClose} resolveImage={resolveImage} />\n          </div>\n        </section>\n      )}\n\n      {activated && (\n        <SuccessDialog\n          title=\"Account activated\"\n          message=\"Your account is live and ready to use\"\n          onClose={() => setActivated(false)}\n        />\n      )}\n\n      <a\n        href={externalWallet.href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className=\"mt-auto text-center text-xs text-muted-foreground/60 transition-colors hover:text-muted-foreground\"\n      >\n        {externalWallet.label}\n      </a>\n    </main>\n  );\n}\n\nfunction ArrowUp() {\n  return (\n    <svg width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M12 19V5M5 12l7-7 7 7\" />\n    </svg>\n  );\n}\nfunction ArrowDown() {\n  return (\n    <svg width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M12 5v14M19 12l-7 7-7-7\" />\n    </svg>\n  );\n}\nfunction ActivityIcon() {\n  return (\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.1\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\" />\n    </svg>\n  );\n}\nfunction MailIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" className=\"text-brand-orange\">\n      <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\" />\n      <path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\" />\n    </svg>\n  );\n}\nfunction RocketIcon() {\n  return (\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.1\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 00-2.91-.09z\" />\n      <path d=\"M12 15l-3-3a22 22 0 012-3.95A12.88 12.88 0 0122 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 01-4 2z\" />\n      <path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\" />\n    </svg>\n  );\n}\n"],"mappings":"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","names":[]}