@medialane/ui 0.185.0 → 0.186.0

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

@@ -0,0 +1,137 @@
+"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_overlay_exports = {};
+__export(media_wallet_overlay_exports, {
+  MediaWalletOverlay: () => MediaWalletOverlay,
+  useMediaWallet: () => useMediaWallet
+});
+module.exports = __toCommonJS(media_wallet_overlay_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_link = __toESM(require("../link.js"), 1);
+var import_framer_motion = require("framer-motion");
+var import_lucide_react = require("lucide-react");
+var import_currency_icon = require("../currency-icon.js");
+var import_media_wallet = require("./media-wallet.js");
+var import_action_modal = require("./action-modal.js");
+var import_types = require("./types.js");
+const WL_OPEN = "ml:media-wallet-open";
+const WL_CLOSE = "ml:media-wallet-close";
+function useMediaWallet() {
+  return {
+    open: (view) => document.dispatchEvent(new CustomEvent(WL_OPEN, { detail: view })),
+    close: () => document.dispatchEvent(new CustomEvent(WL_CLOSE))
+  };
+}
+function MediaWalletOverlay(app) {
+  const [open, setOpen] = React.useState(false);
+  const [initialView, setInitialView] = React.useState(void 0);
+  React.useEffect(() => {
+    const onOpen = (e) => {
+      setInitialView(e.detail);
+      setOpen(true);
+    };
+    const onClose = () => setOpen(false);
+    const onKey = (e) => {
+      if (e.key === "Escape") setOpen(false);
+    };
+    document.addEventListener(WL_OPEN, onOpen);
+    document.addEventListener(WL_CLOSE, onClose);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener(WL_OPEN, onOpen);
+      document.removeEventListener(WL_CLOSE, onClose);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, []);
+  const close = () => setOpen(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_types.MediaWalletAppContext.Provider, { value: app, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_framer_motion.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_framer_motion.motion.div,
+      {
+        className: "nav-canvas-overlay",
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+        transition: { duration: 0.15 },
+        onClick: close
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_framer_motion.motion.div,
+      {
+        className: "fixed inset-0 z-[101] flex items-end justify-center p-3 pb-4 sm:items-center sm:p-4",
+        initial: { opacity: 0, y: 24, scale: 1 },
+        animate: { opacity: 1, y: 0, scale: 1 },
+        exit: { opacity: 0, y: 24 },
+        transition: { duration: 0.18, ease: "easeOut" },
+        onClick: close,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "div",
+          {
+            id: import_action_modal.MEDIA_WALLET_PORTAL_ID,
+            className: "relative flex w-full max-w-[390px] flex-col overflow-hidden rounded-[32px] aspect-[9/19.5] max-h-[85dvh] bg-background",
+            onClick: (e) => e.stopPropagation(),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "absolute right-3 top-3 z-20 flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_link.default,
+                  {
+                    href: "/settings",
+                    onClick: close,
+                    "aria-label": "Settings",
+                    className: "grid h-8 w-8 place-items-center rounded-full bg-foreground/[0.06] text-muted-foreground transition-colors hover:bg-foreground/10 hover:text-foreground",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_currency_icon.CurrencyIcon, { symbol: "STRK", size: 16 })
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "button",
+                  {
+                    onClick: close,
+                    "aria-label": "Close wallet",
+                    className: "grid h-8 w-8 place-items-center rounded-full bg-foreground/[0.06] text-muted-foreground transition-colors hover:bg-foreground/10 hover:text-foreground",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.X, { className: "h-4 w-4" })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto overscroll-contain", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_media_wallet.MediaWallet, { onClose: close, initialView }) })
+            ]
+          }
+        )
+      }
+    )
+  ] }) }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MediaWalletOverlay,
+  useMediaWallet
+});
+//# sourceMappingURL=media-wallet-overlay.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/media-wallet-overlay.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport Link from \"../link.js\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { X } from \"lucide-react\";\nimport { CurrencyIcon } from \"../currency-icon.js\";\nimport { MediaWallet } from \"./media-wallet.js\";\nimport { MEDIA_WALLET_PORTAL_ID } from \"./action-modal.js\";\nimport { MediaWalletAppContext, type MediaWalletAppProps, type MediaWalletView } from \"./types.js\";\n\nconst WL_OPEN = \"ml:media-wallet-open\";\nconst WL_CLOSE = \"ml:media-wallet-close\";\n\nexport function useMediaWallet() {\n  return {\n    open: (view?: MediaWalletView) =>\n      document.dispatchEvent(new CustomEvent<MediaWalletView | undefined>(WL_OPEN, { detail: view })),\n    close: () => document.dispatchEvent(new CustomEvent(WL_CLOSE)),\n  };\n}\n\nexport function MediaWalletOverlay(app: MediaWalletAppProps) {\n  const [open, setOpen] = React.useState(false);\n  const [initialView, setInitialView] = React.useState<MediaWalletView | undefined>(undefined);\n\n  React.useEffect(() => {\n    const onOpen = (e: Event) => {\n      setInitialView((e as CustomEvent<MediaWalletView | undefined>).detail);\n      setOpen(true);\n    };\n    const onClose = () => setOpen(false);\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") setOpen(false);\n    };\n    document.addEventListener(WL_OPEN, onOpen);\n    document.addEventListener(WL_CLOSE, onClose);\n    document.addEventListener(\"keydown\", onKey);\n    return () => {\n      document.removeEventListener(WL_OPEN, onOpen);\n      document.removeEventListener(WL_CLOSE, onClose);\n      document.removeEventListener(\"keydown\", onKey);\n    };\n  }, []);\n\n  const close = () => setOpen(false);\n\n  return (\n    <MediaWalletAppContext.Provider value={app}>\n    <AnimatePresence>\n      {open && (\n        <>\n          <motion.div\n            className=\"nav-canvas-overlay\"\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            transition={{ duration: 0.15 }}\n            onClick={close}\n          />\n          <motion.div\n            className=\"fixed inset-0 z-[101] flex items-end justify-center p-3 pb-4 sm:items-center sm:p-4\"\n            initial={{ opacity: 0, y: 24, scale: 1 }}\n            animate={{ opacity: 1, y: 0, scale: 1 }}\n            exit={{ opacity: 0, y: 24 }}\n            transition={{ duration: 0.18, ease: \"easeOut\" }}\n            onClick={close}\n          >\n            <div\n              id={MEDIA_WALLET_PORTAL_ID}\n              className={\n                \"relative flex w-full max-w-[390px] flex-col overflow-hidden rounded-[32px] \" +\n                \"aspect-[9/19.5] max-h-[85dvh] \" +\n                \"bg-background\"\n              }\n              onClick={(e) => e.stopPropagation()}\n            >\n              <div className=\"absolute right-3 top-3 z-20 flex items-center gap-2\">\n                <Link\n                  href=\"/settings\"\n                  onClick={close}\n                  aria-label=\"Settings\"\n                  className=\"grid h-8 w-8 place-items-center rounded-full bg-foreground/[0.06] text-muted-foreground transition-colors hover:bg-foreground/10 hover:text-foreground\"\n                >\n                  <CurrencyIcon symbol=\"STRK\" size={16} />\n                </Link>\n                <button\n                  onClick={close}\n                  aria-label=\"Close wallet\"\n                  className=\"grid h-8 w-8 place-items-center rounded-full bg-foreground/[0.06] text-muted-foreground transition-colors hover:bg-foreground/10 hover:text-foreground\"\n                >\n                  <X className=\"h-4 w-4\" />\n                </button>\n              </div>\n              <div className=\"min-h-0 flex-1 overflow-y-auto overscroll-contain\">\n                <MediaWallet onClose={close} initialView={initialView} />\n              </div>\n            </div>\n          </motion.div>\n        </>\n      )}\n    </AnimatePresence>\n    </MediaWalletAppContext.Provider>\n  );\n}\n"],"mappings":"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","names":["Link"]}

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

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MediaWalletAppProps, MediaWalletView } from './types.cjs';
+import 'react';
+import 'starknet';
+import '@medialane/sdk/starknet';
+import '../../utils/media-wallet/wallet-tokens.cjs';
+
+declare function useMediaWallet(): {
+    open: (view?: MediaWalletView) => boolean;
+    close: () => boolean;
+};
+declare function MediaWalletOverlay(app: MediaWalletAppProps): react_jsx_runtime.JSX.Element;
+
+export { MediaWalletOverlay, useMediaWallet };

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

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MediaWalletAppProps, MediaWalletView } from './types.js';
+import 'react';
+import 'starknet';
+import '@medialane/sdk/starknet';
+import '../../utils/media-wallet/wallet-tokens.js';
+
+declare function useMediaWallet(): {
+    open: (view?: MediaWalletView) => boolean;
+    close: () => boolean;
+};
+declare function MediaWalletOverlay(app: MediaWalletAppProps): react_jsx_runtime.JSX.Element;
+
+export { MediaWalletOverlay, useMediaWallet };

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

@@ -0,0 +1,102 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "../link.js";
+import { AnimatePresence, motion } from "framer-motion";
+import { X } from "lucide-react";
+import { CurrencyIcon } from "../currency-icon.js";
+import { MediaWallet } from "./media-wallet.js";
+import { MEDIA_WALLET_PORTAL_ID } from "./action-modal.js";
+import { MediaWalletAppContext } from "./types.js";
+const WL_OPEN = "ml:media-wallet-open";
+const WL_CLOSE = "ml:media-wallet-close";
+function useMediaWallet() {
+  return {
+    open: (view) => document.dispatchEvent(new CustomEvent(WL_OPEN, { detail: view })),
+    close: () => document.dispatchEvent(new CustomEvent(WL_CLOSE))
+  };
+}
+function MediaWalletOverlay(app) {
+  const [open, setOpen] = React.useState(false);
+  const [initialView, setInitialView] = React.useState(void 0);
+  React.useEffect(() => {
+    const onOpen = (e) => {
+      setInitialView(e.detail);
+      setOpen(true);
+    };
+    const onClose = () => setOpen(false);
+    const onKey = (e) => {
+      if (e.key === "Escape") setOpen(false);
+    };
+    document.addEventListener(WL_OPEN, onOpen);
+    document.addEventListener(WL_CLOSE, onClose);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener(WL_OPEN, onOpen);
+      document.removeEventListener(WL_CLOSE, onClose);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, []);
+  const close = () => setOpen(false);
+  return /* @__PURE__ */ jsx(MediaWalletAppContext.Provider, { value: app, children: /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        className: "nav-canvas-overlay",
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+        transition: { duration: 0.15 },
+        onClick: close
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        className: "fixed inset-0 z-[101] flex items-end justify-center p-3 pb-4 sm:items-center sm:p-4",
+        initial: { opacity: 0, y: 24, scale: 1 },
+        animate: { opacity: 1, y: 0, scale: 1 },
+        exit: { opacity: 0, y: 24 },
+        transition: { duration: 0.18, ease: "easeOut" },
+        onClick: close,
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            id: MEDIA_WALLET_PORTAL_ID,
+            className: "relative flex w-full max-w-[390px] flex-col overflow-hidden rounded-[32px] aspect-[9/19.5] max-h-[85dvh] bg-background",
+            onClick: (e) => e.stopPropagation(),
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "absolute right-3 top-3 z-20 flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  Link,
+                  {
+                    href: "/settings",
+                    onClick: close,
+                    "aria-label": "Settings",
+                    className: "grid h-8 w-8 place-items-center rounded-full bg-foreground/[0.06] text-muted-foreground transition-colors hover:bg-foreground/10 hover:text-foreground",
+                    children: /* @__PURE__ */ jsx(CurrencyIcon, { symbol: "STRK", size: 16 })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: close,
+                    "aria-label": "Close wallet",
+                    className: "grid h-8 w-8 place-items-center rounded-full bg-foreground/[0.06] text-muted-foreground transition-colors hover:bg-foreground/10 hover:text-foreground",
+                    children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto overscroll-contain", children: /* @__PURE__ */ jsx(MediaWallet, { onClose: close, initialView }) })
+            ]
+          }
+        )
+      }
+    )
+  ] }) }) });
+}
+export {
+  MediaWalletOverlay,
+  useMediaWallet
+};
+//# sourceMappingURL=media-wallet-overlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/media-wallet-overlay.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport Link from \"../link.js\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { X } from \"lucide-react\";\nimport { CurrencyIcon } from \"../currency-icon.js\";\nimport { MediaWallet } from \"./media-wallet.js\";\nimport { MEDIA_WALLET_PORTAL_ID } from \"./action-modal.js\";\nimport { MediaWalletAppContext, type MediaWalletAppProps, type MediaWalletView } from \"./types.js\";\n\nconst WL_OPEN = \"ml:media-wallet-open\";\nconst WL_CLOSE = \"ml:media-wallet-close\";\n\nexport function useMediaWallet() {\n  return {\n    open: (view?: MediaWalletView) =>\n      document.dispatchEvent(new CustomEvent<MediaWalletView | undefined>(WL_OPEN, { detail: view })),\n    close: () => document.dispatchEvent(new CustomEvent(WL_CLOSE)),\n  };\n}\n\nexport function MediaWalletOverlay(app: MediaWalletAppProps) {\n  const [open, setOpen] = React.useState(false);\n  const [initialView, setInitialView] = React.useState<MediaWalletView | undefined>(undefined);\n\n  React.useEffect(() => {\n    const onOpen = (e: Event) => {\n      setInitialView((e as CustomEvent<MediaWalletView | undefined>).detail);\n      setOpen(true);\n    };\n    const onClose = () => setOpen(false);\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") setOpen(false);\n    };\n    document.addEventListener(WL_OPEN, onOpen);\n    document.addEventListener(WL_CLOSE, onClose);\n    document.addEventListener(\"keydown\", onKey);\n    return () => {\n      document.removeEventListener(WL_OPEN, onOpen);\n      document.removeEventListener(WL_CLOSE, onClose);\n      document.removeEventListener(\"keydown\", onKey);\n    };\n  }, []);\n\n  const close = () => setOpen(false);\n\n  return (\n    <MediaWalletAppContext.Provider value={app}>\n    <AnimatePresence>\n      {open && (\n        <>\n          <motion.div\n            className=\"nav-canvas-overlay\"\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            transition={{ duration: 0.15 }}\n            onClick={close}\n          />\n          <motion.div\n            className=\"fixed inset-0 z-[101] flex items-end justify-center p-3 pb-4 sm:items-center sm:p-4\"\n            initial={{ opacity: 0, y: 24, scale: 1 }}\n            animate={{ opacity: 1, y: 0, scale: 1 }}\n            exit={{ opacity: 0, y: 24 }}\n            transition={{ duration: 0.18, ease: \"easeOut\" }}\n            onClick={close}\n          >\n            <div\n              id={MEDIA_WALLET_PORTAL_ID}\n              className={\n                \"relative flex w-full max-w-[390px] flex-col overflow-hidden rounded-[32px] \" +\n                \"aspect-[9/19.5] max-h-[85dvh] \" +\n                \"bg-background\"\n              }\n              onClick={(e) => e.stopPropagation()}\n            >\n              <div className=\"absolute right-3 top-3 z-20 flex items-center gap-2\">\n                <Link\n                  href=\"/settings\"\n                  onClick={close}\n                  aria-label=\"Settings\"\n                  className=\"grid h-8 w-8 place-items-center rounded-full bg-foreground/[0.06] text-muted-foreground transition-colors hover:bg-foreground/10 hover:text-foreground\"\n                >\n                  <CurrencyIcon symbol=\"STRK\" size={16} />\n                </Link>\n                <button\n                  onClick={close}\n                  aria-label=\"Close wallet\"\n                  className=\"grid h-8 w-8 place-items-center rounded-full bg-foreground/[0.06] text-muted-foreground transition-colors hover:bg-foreground/10 hover:text-foreground\"\n                >\n                  <X className=\"h-4 w-4\" />\n                </button>\n              </div>\n              <div className=\"min-h-0 flex-1 overflow-y-auto overscroll-contain\">\n                <MediaWallet onClose={close} initialView={initialView} />\n              </div>\n            </div>\n          </motion.div>\n        </>\n      )}\n    </AnimatePresence>\n    </MediaWalletAppContext.Provider>\n  );\n}\n"],"mappings":";AAmDQ,mBACE,KAyBI,YA1BN;AAjDR,YAAY,WAAW;AACvB,OAAO,UAAU;AACjB,SAAS,iBAAiB,cAAc;AACxC,SAAS,SAAS;AAClB,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,8BAA8B;AACvC,SAAS,6BAA6E;AAEtF,MAAM,UAAU;AAChB,MAAM,WAAW;AAEV,SAAS,iBAAiB;AAC/B,SAAO;AAAA,IACL,MAAM,CAAC,SACL,SAAS,cAAc,IAAI,YAAyC,SAAS,EAAE,QAAQ,KAAK,CAAC,CAAC;AAAA,IAChG,OAAO,MAAM,SAAS,cAAc,IAAI,YAAY,QAAQ,CAAC;AAAA,EAC/D;AACF;AAEO,SAAS,mBAAmB,KAA0B;AAC3D,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAsC,MAAS;AAE3F,QAAM,UAAU,MAAM;AACpB,UAAM,SAAS,CAAC,MAAa;AAC3B,qBAAgB,EAA+C,MAAM;AACrE,cAAQ,IAAI;AAAA,IACd;AACA,UAAM,UAAU,MAAM,QAAQ,KAAK;AACnC,UAAM,QAAQ,CAAC,MAAqB;AAClC,UAAI,EAAE,QAAQ,SAAU,SAAQ,KAAK;AAAA,IACvC;AACA,aAAS,iBAAiB,SAAS,MAAM;AACzC,aAAS,iBAAiB,UAAU,OAAO;AAC3C,aAAS,iBAAiB,WAAW,KAAK;AAC1C,WAAO,MAAM;AACX,eAAS,oBAAoB,SAAS,MAAM;AAC5C,eAAS,oBAAoB,UAAU,OAAO;AAC9C,eAAS,oBAAoB,WAAW,KAAK;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,MAAM,QAAQ,KAAK;AAEjC,SACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,KACvC,8BAAC,mBACE,kBACC,iCACE;AAAA;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC,WAAU;AAAA,QACV,SAAS,EAAE,SAAS,EAAE;AAAA,QACtB,SAAS,EAAE,SAAS,EAAE;AAAA,QACtB,MAAM,EAAE,SAAS,EAAE;AAAA,QACnB,YAAY,EAAE,UAAU,KAAK;AAAA,QAC7B,SAAS;AAAA;AAAA,IACX;AAAA,IACA;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC,WAAU;AAAA,QACV,SAAS,EAAE,SAAS,GAAG,GAAG,IAAI,OAAO,EAAE;AAAA,QACvC,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG,OAAO,EAAE;AAAA,QACtC,MAAM,EAAE,SAAS,GAAG,GAAG,GAAG;AAAA,QAC1B,YAAY,EAAE,UAAU,MAAM,MAAM,UAAU;AAAA,QAC9C,SAAS;AAAA,QAET;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,YACJ,WACE;AAAA,YAIF,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,YAElC;AAAA,mCAAC,SAAI,WAAU,uDACb;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAS;AAAA,oBACT,cAAW;AAAA,oBACX,WAAU;AAAA,oBAEV,8BAAC,gBAAa,QAAO,QAAO,MAAM,IAAI;AAAA;AAAA,gBACxC;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,SAAS;AAAA,oBACT,cAAW;AAAA,oBACX,WAAU;AAAA,oBAEV,8BAAC,KAAE,WAAU,WAAU;AAAA;AAAA,gBACzB;AAAA,iBACF;AAAA,cACA,oBAAC,SAAI,WAAU,qDACb,8BAAC,eAAY,SAAS,OAAO,aAA0B,GACzD;AAAA;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,KACF,GAEJ,GACA;AAEJ;","names":[]}

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

@@ -0,0 +1,313 @@
+"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 media_wallet_send_exports = {};
+__export(media_wallet_send_exports, {
+  MediaWalletSend: () => MediaWalletSend
+});
+module.exports = __toCommonJS(media_wallet_send_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_starknet = require("starknet");
+var import_sdk = require("@medialane/sdk");
+var import_action_button = require("../action-button.js");
+var import_currency_icon = require("../currency-icon.js");
+var import_describe_error = require("../../utils/describe-error.js");
+var import_use_erc20_balance = require("../../utils/media-wallet/use-erc20-balance.js");
+var import_wallet_format = require("../../utils/media-wallet/wallet-format.js");
+var import_back_button = require("./back-button.js");
+var import_action_button2 = require("./action-button.js");
+var import_action_modal = require("./action-modal.js");
+var import_currency_sheet = require("./currency-sheet.js");
+var import_wallet_tokens = require("../../utils/media-wallet/wallet-tokens.js");
+var import_success_dialog = require("./success-dialog.js");
+var import_types = require("./types.js");
+var import_run_intent_calls = require("../../utils/media-wallet/run-intent-calls.js");
+function isValidStarknetAddress(address) {
+  try {
+    (0, import_starknet.validateAndParseAddress)(address.trim());
+    return true;
+  } catch {
+    return false;
+  }
+}
+async function estimateSendFee(provider, address, token, to, amountRaw) {
+  const account = new import_starknet.Account({ provider, address, signer: "0x1", cairoVersion: "1" });
+  const call = {
+    contractAddress: token,
+    entrypoint: "transfer",
+    calldata: import_starknet.CallData.compile({ recipient: to, amount: import_starknet.cairo.uint256(amountRaw) })
+  };
+  const est = await account.estimateInvokeFee(call);
+  return { feeRaw: est.overall_fee, unit: est.unit };
+}
+function MediaWalletSend({
+  initialToken,
+  onNavigate,
+  onDone
+}) {
+  const { useWalletSession, provider, getClient, useWriteAction } = (0, import_types.useMediaWalletApp)();
+  const { address } = useWalletSession();
+  const { run, status, reset, error } = useWriteAction();
+  const [currency, setCurrency] = (0, import_react.useState)(initialToken ?? import_wallet_tokens.WALLET_TOKENS[0]);
+  const [pickerOpen, setPickerOpen] = (0, import_react.useState)(false);
+  const strk = (0, import_use_erc20_balance.useTokenBalance)(provider, "STRK", address);
+  const eth = (0, import_use_erc20_balance.useTokenBalance)(provider, "ETH", address);
+  const usdc = (0, import_use_erc20_balance.useTokenBalance)(provider, "USDC", address);
+  const wbtc = (0, import_use_erc20_balance.useTokenBalance)(provider, "WBTC", address);
+  const pinnedBalancesBySymbol = {
+    STRK: strk.rawBalance,
+    ETH: eth.rawBalance,
+    USDC: usdc.rawBalance,
+    WBTC: wbtc.rawBalance
+  };
+  const { rawBalance: currencyBalance } = (0, import_use_erc20_balance.useErc20Balance)(provider, currency.address, address);
+  const [to, setTo] = (0, import_react.useState)("");
+  const [amount, setAmount] = (0, import_react.useState)("");
+  const [txHash, setTxHash] = (0, import_react.useState)(null);
+  const [confirmOpen, setConfirmOpen] = (0, import_react.useState)(false);
+  const [fee, setFee] = (0, import_react.useState)(null);
+  const [feeError, setFeeError] = (0, import_react.useState)(null);
+  const recipientValid = isValidStarknetAddress(to);
+  let amountRaw;
+  try {
+    amountRaw = amount.trim() ? BigInt((0, import_sdk.parseAmount)(amount.trim(), currency.decimals)) : null;
+  } catch {
+    amountRaw = null;
+  }
+  const amountOverBalance = amountRaw != null && currencyBalance != null && amountRaw > currencyBalance;
+  const composeReady = recipientValid && amountRaw != null && amountRaw > 0n && !amountOverBalance;
+  const pasteRecipient = async () => {
+    try {
+      const text = await navigator.clipboard.readText();
+      if (text) setTo(text.trim());
+    } catch {
+    }
+  };
+  const setMax = () => {
+    if (currencyBalance == null) return;
+    setAmount((0, import_sdk.formatAmount)(currencyBalance.toString(), currency.decimals));
+  };
+  const openReview = () => {
+    if (!address || !composeReady || amountRaw == null) return;
+    setFeeError(null);
+    setFee(null);
+    setConfirmOpen(true);
+    estimateSendFee(provider, address, currency.address, to.trim(), amountRaw).then((f) => setFee({ raw: f.feeRaw, unit: f.unit })).catch((e) => setFeeError((0, import_describe_error.describeError)(e, "We couldn't estimate the network fee. Please try again.").message));
+  };
+  const send = async () => {
+    if (!composeReady || amountRaw == null) return;
+    setConfirmOpen(false);
+    const dest = to.trim();
+    const amt = amountRaw;
+    await run(async (signer) => {
+      const result = await (0, import_run_intent_calls.runIntentCalls)(
+        signer,
+        () => getClient().api.createTransferTokenIntent({ owner: signer.address, token: currency.address, recipient: dest, amount: amt.toString() })
+      );
+      setTxHash(result.txHash);
+      return result;
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("main", { className: "flex flex-col gap-6 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: "Send" })
+    ] }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-2xl border border-destructive/40 bg-destructive/10 p-3 text-xs leading-relaxed", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: "Something went wrong." }),
+      " ",
+      error
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              value: to,
+              onChange: (e) => setTo(e.target.value),
+              placeholder: "Recipient  0x\u2026",
+              spellCheck: false,
+              className: "w-0 flex-1 rounded-2xl border border-border bg-foreground/[0.05] px-4 py-3 font-mono text-sm outline-none transition-colors focus:border-brand-purple"
+            }
+          ),
+          to.trim() === "" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              onClick: pasteRecipient,
+              className: "shrink-0 rounded-2xl border border-border bg-foreground/[0.05] px-3 py-3 text-xs font-semibold text-muted-foreground transition-colors hover:text-foreground",
+              children: "Paste"
+            }
+          )
+        ] }),
+        to.trim() !== "" && !recipientValid && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-1.5 px-1 text-xs text-destructive", children: "Not a valid Starknet address." })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              value: amount,
+              onChange: (e) => setAmount(e.target.value.replace(/[^0-9.]/g, "")),
+              placeholder: "0.00",
+              inputMode: "decimal",
+              className: "w-full rounded-2xl border border-border bg-foreground/[0.05] px-4 py-3 pr-36 text-sm outline-none transition-colors focus:border-brand-purple"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "absolute right-2.5 top-1/2 flex -translate-y-1/2 items-center gap-1.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                onClick: setMax,
+                className: "rounded-full bg-foreground/[0.06] px-2 py-1 text-[11px] font-bold text-muted-foreground transition-colors hover:text-foreground",
+                children: "MAX"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              "button",
+              {
+                onClick: () => setPickerOpen(true),
+                className: "flex items-center gap-1.5 rounded-full bg-foreground/[0.06] px-2.5 py-1 text-xs font-semibold",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_currency_icon.CurrencyIcon, { symbol: currency.symbol, size: 16 }),
+                  " ",
+                  currency.symbol
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-1.5 flex items-center justify-between px-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
+            "Balance: ",
+            currencyBalance != null ? (0, import_wallet_format.fmt)(currencyBalance, currency.decimals) : "\u2026"
+          ] }),
+          amountOverBalance && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs text-destructive", children: "Amount exceeds balance." })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_action_button.ActionButton,
+        {
+          action: "offer",
+          big: true,
+          onClick: openReview,
+          disabled: status === "processing" || !composeReady,
+          className: "mt-1 w-full disabled:pointer-events-none disabled:opacity-40",
+          children: "Review Transfer"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_button2.TrustNote, { children: "Gas paid from your balance. Transfers are permanent and recorded onchain." })
+    ] }),
+    pickerOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_currency_sheet.CurrencySheet,
+      {
+        title: "Choose currency",
+        tokens: import_wallet_tokens.WALLET_TOKENS,
+        balances: pinnedBalancesBySymbol,
+        onSelect: (t) => {
+          setCurrency(t);
+          setPickerOpen(false);
+        },
+        onClose: () => setPickerOpen(false)
+      }
+    ),
+    confirmOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_modal.ActionModal, { title: "Review Transfer", onClose: () => setConfirmOpen(false), children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid h-10 w-10 shrink-0 place-items-center rounded-full bg-foreground/[0.06]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "font-semibold", children: "Send" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "truncate font-mono text-xs text-muted-foreground", children: [
+            "To: ",
+            (0, import_wallet_format.short)(to.trim())
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3 rounded-2xl bg-foreground/[0.05] p-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_currency_icon.CurrencyIcon, { symbol: currency.symbol, size: 28 }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "min-w-0 flex-1 font-semibold", children: currency.symbol }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-right font-semibold tabular-nums", children: [
+          "\u2212",
+          amount.trim(),
+          " ",
+          currency.symbol
+        ] })
+      ] }),
+      /* @__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 text-sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground", children: "Amount" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "font-medium", children: [
+            amount.trim(),
+            " ",
+            currency.symbol
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between py-3 text-sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground", children: "Recipient" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-mono font-medium", children: (0, import_wallet_format.short)(to.trim()) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between py-3 text-sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground", children: "Contract" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-medium", children: currency.symbol })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between py-3 text-sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground", children: "Call" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-medium underline", children: "transfer" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between rounded-2xl border border-border px-4 py-3 text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground", children: "Estimated fee" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-medium", children: feeError ? "Unavailable" : fee ? `${(0, import_wallet_format.fmt)(fee.raw, 18, 6)} ${fee.unit === "FRI" ? "STRK" : "ETH"}` : "Estimating\u2026" })
+      ] }),
+      feeError && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "px-1 text-xs text-destructive", children: [
+        "Fee estimate failed: ",
+        feeError
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            onClick: () => setConfirmOpen(false),
+            className: "flex-1 rounded-2xl border border-border py-3 text-sm font-semibold text-muted-foreground transition-colors hover:text-foreground",
+            children: "Reject"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_button.ActionButton, { action: "offer", big: true, onClick: send, className: "flex-1", children: "Confirm" })
+      ] })
+    ] }) }),
+    status === "processing" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_modal.BusyOverlay, { label: "Signing & sending\u2026" }),
+    status === "success" && txHash && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_success_dialog.SuccessDialog,
+      {
+        title: "Sent",
+        message: `${amount.trim()} ${currency.symbol} is on its way.`,
+        txHash,
+        onClose: () => {
+          reset();
+          onDone();
+        }
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MediaWalletSend
+});
+//# sourceMappingURL=media-wallet-send.cjs.map