@medialane/ui 0.185.0 → 0.186.0

package/dist/components/media-wallet/receive-card.cjs

@@ -0,0 +1,86 @@
+"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 receive_card_exports = {};
+__export(receive_card_exports, {
+  ReceiveCard: () => ReceiveCard
+});
+module.exports = __toCommonJS(receive_card_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_image = __toESM(require("../image.js"), 1);
+var import_address_qr = require("./address-qr.js");
+var import_copy_icon = require("./copy-icon.js");
+const FUNDING_DOCS_URL = "https://docs.medialane.io/learn/funding-your-account";
+function ReceiveCard({ address }) {
+  const [copied, setCopied] = (0, import_react.useState)(false);
+  const copy = () => {
+    navigator.clipboard?.writeText(address).catch(() => {
+    });
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1500);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-center text-sm text-muted-foreground", children: "Receive assets with your address:" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "button",
+      {
+        onClick: copy,
+        className: "flex items-center justify-center gap-2 rounded-2xl bg-foreground/[0.06] px-4 py-3.5 text-center transition-colors active:bg-foreground/[0.1]",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "break-all font-mono text-sm font-medium", children: address }),
+          copied ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "shrink-0 text-xs font-semibold text-muted-foreground", children: "Copied \u2713" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_copy_icon.CopyIcon, { className: "shrink-0 opacity-50" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_address_qr.AddressQr, { value: address }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3 rounded-2xl bg-card/40 px-4 py-3 backdrop-blur-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid h-11 w-11 shrink-0 place-items-center rounded-full bg-foreground/[0.06]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: "/Starknet-icon.svg", alt: "Starknet", width: 20, height: 20 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm leading-relaxed text-muted-foreground", children: "Your onchain account is self-custody and permissionless. Please use only the Starknet blockchain to send and receive assets." })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-center gap-2 pt-1 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: "Don't have tokens yet?" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "a",
+        {
+          href: FUNDING_DOCS_URL,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "inline-flex h-10 items-center justify-center rounded-full bg-brand-blue/10 px-5 text-sm font-semibold text-brand-blue transition-colors hover:bg-brand-blue/15",
+          children: "How to fund your account"
+        }
+      )
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ReceiveCard
+});
+//# sourceMappingURL=receive-card.cjs.map

package/dist/components/media-wallet/receive-card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/receive-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport Image from \"../image.js\";\nimport { AddressQr } from \"./address-qr.js\";\nimport { CopyIcon } from \"./copy-icon.js\";\n\nconst FUNDING_DOCS_URL = \"https://docs.medialane.io/learn/funding-your-account\";\n\nexport function ReceiveCard({ address }: { address: string }) {\n  const [copied, setCopied] = useState(false);\n\n  const copy = () => {\n    navigator.clipboard?.writeText(address).catch(() => {});\n    setCopied(true);\n    setTimeout(() => setCopied(false), 1500);\n  };\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <p className=\"text-center text-sm text-muted-foreground\">Receive assets with your address:</p>\n\n      <button\n        onClick={copy}\n        className=\"flex items-center justify-center gap-2 rounded-2xl bg-foreground/[0.06] px-4 py-3.5 text-center transition-colors active:bg-foreground/[0.1]\"\n      >\n        <span className=\"break-all font-mono text-sm font-medium\">{address}</span>\n        {copied ? (\n          <span className=\"shrink-0 text-xs font-semibold text-muted-foreground\">Copied ✓</span>\n        ) : (\n          <CopyIcon className=\"shrink-0 opacity-50\" />\n        )}\n      </button>\n\n      <AddressQr value={address} />\n\n      <div className=\"flex items-center gap-3 rounded-2xl bg-card/40 px-4 py-3 backdrop-blur-sm\">\n        <div className=\"grid h-11 w-11 shrink-0 place-items-center rounded-full bg-foreground/[0.06]\">\n          <Image src=\"/Starknet-icon.svg\" alt=\"Starknet\" width={20} height={20} />\n        </div>\n        <p className=\"text-sm leading-relaxed text-muted-foreground\">\n          Your onchain account is self-custody and permissionless. Please use\n          only the Starknet blockchain to send and receive assets.\n        </p>\n      </div>\n\n      <div className=\"flex flex-col items-center gap-2 pt-1 text-center\">\n        <p className=\"text-xs text-muted-foreground\">Don&apos;t have tokens yet?</p>\n        <a\n          href={FUNDING_DOCS_URL}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"inline-flex h-10 items-center justify-center rounded-full bg-brand-blue/10 px-5 text-sm font-semibold text-brand-blue transition-colors hover:bg-brand-blue/15\"\n        >\n          How to fund your account\n        </a>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBM;AAlBN,mBAAyB;AACzB,mBAAkB;AAClB,wBAA0B;AAC1B,uBAAyB;AAEzB,MAAM,mBAAmB;AAElB,SAAS,YAAY,EAAE,QAAQ,GAAwB;AAC5D,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,KAAK;AAE1C,QAAM,OAAO,MAAM;AACjB,cAAU,WAAW,UAAU,OAAO,EAAE,MAAM,MAAM;AAAA,IAAC,CAAC;AACtD,cAAU,IAAI;AACd,eAAW,MAAM,UAAU,KAAK,GAAG,IAAI;AAAA,EACzC;AAEA,SACE,6CAAC,SAAI,WAAU,uBACb;AAAA,gDAAC,OAAE,WAAU,6CAA4C,+CAAiC;AAAA,IAE1F;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAU;AAAA,QAEV;AAAA,sDAAC,UAAK,WAAU,2CAA2C,mBAAQ;AAAA,UAClE,SACC,4CAAC,UAAK,WAAU,wDAAuD,2BAAQ,IAE/E,4CAAC,6BAAS,WAAU,uBAAsB;AAAA;AAAA;AAAA,IAE9C;AAAA,IAEA,4CAAC,+BAAU,OAAO,SAAS;AAAA,IAE3B,6CAAC,SAAI,WAAU,6EACb;AAAA,kDAAC,SAAI,WAAU,gFACb,sDAAC,aAAAA,SAAA,EAAM,KAAI,sBAAqB,KAAI,YAAW,OAAO,IAAI,QAAQ,IAAI,GACxE;AAAA,MACA,4CAAC,OAAE,WAAU,iDAAgD,0IAG7D;AAAA,OACF;AAAA,IAEA,6CAAC,SAAI,WAAU,qDACb;AAAA,kDAAC,OAAE,WAAU,iCAAgC,oCAA2B;AAAA,MACxE;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,WAAU;AAAA,UACX;AAAA;AAAA,MAED;AAAA,OACF;AAAA,KACF;AAEJ;","names":["Image"]}

package/dist/components/media-wallet/receive-card.d.cts

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

package/dist/components/media-wallet/receive-card.d.ts

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

package/dist/components/media-wallet/receive-card.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import Image from "../image.js";
+import { AddressQr } from "./address-qr.js";
+import { CopyIcon } from "./copy-icon.js";
+const FUNDING_DOCS_URL = "https://docs.medialane.io/learn/funding-your-account";
+function ReceiveCard({ address }) {
+  const [copied, setCopied] = useState(false);
+  const copy = () => {
+    navigator.clipboard?.writeText(address).catch(() => {
+    });
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1500);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-center text-sm text-muted-foreground", children: "Receive assets with your address:" }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: copy,
+        className: "flex items-center justify-center gap-2 rounded-2xl bg-foreground/[0.06] px-4 py-3.5 text-center transition-colors active:bg-foreground/[0.1]",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "break-all font-mono text-sm font-medium", children: address }),
+          copied ? /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs font-semibold text-muted-foreground", children: "Copied \u2713" }) : /* @__PURE__ */ jsx(CopyIcon, { className: "shrink-0 opacity-50" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(AddressQr, { value: address }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 rounded-2xl bg-card/40 px-4 py-3 backdrop-blur-sm", children: [
+      /* @__PURE__ */ jsx("div", { className: "grid h-11 w-11 shrink-0 place-items-center rounded-full bg-foreground/[0.06]", children: /* @__PURE__ */ jsx(Image, { src: "/Starknet-icon.svg", alt: "Starknet", width: 20, height: 20 }) }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm leading-relaxed text-muted-foreground", children: "Your onchain account is self-custody and permissionless. Please use only the Starknet blockchain to send and receive assets." })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2 pt-1 text-center", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Don't have tokens yet?" }),
+      /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: FUNDING_DOCS_URL,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "inline-flex h-10 items-center justify-center rounded-full bg-brand-blue/10 px-5 text-sm font-semibold text-brand-blue transition-colors hover:bg-brand-blue/15",
+          children: "How to fund your account"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  ReceiveCard
+};
+//# sourceMappingURL=receive-card.js.map

package/dist/components/media-wallet/receive-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/receive-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport Image from \"../image.js\";\nimport { AddressQr } from \"./address-qr.js\";\nimport { CopyIcon } from \"./copy-icon.js\";\n\nconst FUNDING_DOCS_URL = \"https://docs.medialane.io/learn/funding-your-account\";\n\nexport function ReceiveCard({ address }: { address: string }) {\n  const [copied, setCopied] = useState(false);\n\n  const copy = () => {\n    navigator.clipboard?.writeText(address).catch(() => {});\n    setCopied(true);\n    setTimeout(() => setCopied(false), 1500);\n  };\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <p className=\"text-center text-sm text-muted-foreground\">Receive assets with your address:</p>\n\n      <button\n        onClick={copy}\n        className=\"flex items-center justify-center gap-2 rounded-2xl bg-foreground/[0.06] px-4 py-3.5 text-center transition-colors active:bg-foreground/[0.1]\"\n      >\n        <span className=\"break-all font-mono text-sm font-medium\">{address}</span>\n        {copied ? (\n          <span className=\"shrink-0 text-xs font-semibold text-muted-foreground\">Copied ✓</span>\n        ) : (\n          <CopyIcon className=\"shrink-0 opacity-50\" />\n        )}\n      </button>\n\n      <AddressQr value={address} />\n\n      <div className=\"flex items-center gap-3 rounded-2xl bg-card/40 px-4 py-3 backdrop-blur-sm\">\n        <div className=\"grid h-11 w-11 shrink-0 place-items-center rounded-full bg-foreground/[0.06]\">\n          <Image src=\"/Starknet-icon.svg\" alt=\"Starknet\" width={20} height={20} />\n        </div>\n        <p className=\"text-sm leading-relaxed text-muted-foreground\">\n          Your onchain account is self-custody and permissionless. Please use\n          only the Starknet blockchain to send and receive assets.\n        </p>\n      </div>\n\n      <div className=\"flex flex-col items-center gap-2 pt-1 text-center\">\n        <p className=\"text-xs text-muted-foreground\">Don&apos;t have tokens yet?</p>\n        <a\n          href={FUNDING_DOCS_URL}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"inline-flex h-10 items-center justify-center rounded-full bg-brand-blue/10 px-5 text-sm font-semibold text-brand-blue transition-colors hover:bg-brand-blue/15\"\n        >\n          How to fund your account\n        </a>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAoBM,cAEA,YAFA;AAlBN,SAAS,gBAAgB;AACzB,OAAO,WAAW;AAClB,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AAEzB,MAAM,mBAAmB;AAElB,SAAS,YAAY,EAAE,QAAQ,GAAwB;AAC5D,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,QAAM,OAAO,MAAM;AACjB,cAAU,WAAW,UAAU,OAAO,EAAE,MAAM,MAAM;AAAA,IAAC,CAAC;AACtD,cAAU,IAAI;AACd,eAAW,MAAM,UAAU,KAAK,GAAG,IAAI;AAAA,EACzC;AAEA,SACE,qBAAC,SAAI,WAAU,uBACb;AAAA,wBAAC,OAAE,WAAU,6CAA4C,+CAAiC;AAAA,IAE1F;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAU;AAAA,QAEV;AAAA,8BAAC,UAAK,WAAU,2CAA2C,mBAAQ;AAAA,UAClE,SACC,oBAAC,UAAK,WAAU,wDAAuD,2BAAQ,IAE/E,oBAAC,YAAS,WAAU,uBAAsB;AAAA;AAAA;AAAA,IAE9C;AAAA,IAEA,oBAAC,aAAU,OAAO,SAAS;AAAA,IAE3B,qBAAC,SAAI,WAAU,6EACb;AAAA,0BAAC,SAAI,WAAU,gFACb,8BAAC,SAAM,KAAI,sBAAqB,KAAI,YAAW,OAAO,IAAI,QAAQ,IAAI,GACxE;AAAA,MACA,oBAAC,OAAE,WAAU,iDAAgD,0IAG7D;AAAA,OACF;AAAA,IAEA,qBAAC,SAAI,WAAU,qDACb;AAAA,0BAAC,OAAE,WAAU,iCAAgC,oCAA2B;AAAA,MACxE;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,WAAU;AAAA,UACX;AAAA;AAAA,MAED;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/media-wallet/section-header.cjs

@@ -0,0 +1,32 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var section_header_exports = {};
+__export(section_header_exports, {
+  SectionHeader: () => SectionHeader
+});
+module.exports = __toCommonJS(section_header_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function SectionHeader({ title }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "font-[family-name:var(--font-display)] text-base font-bold tracking-tight", children: title });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SectionHeader
+});
+//# sourceMappingURL=section-header.cjs.map

package/dist/components/media-wallet/section-header.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/section-header.tsx"],"sourcesContent":["export function SectionHeader({ title }: { title: string }) {\n  return <div className=\"font-[family-name:var(--font-display)] text-base font-bold tracking-tight\">{title}</div>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACS;AADF,SAAS,cAAc,EAAE,MAAM,GAAsB;AAC1D,SAAO,4CAAC,SAAI,WAAU,6EAA6E,iBAAM;AAC3G;","names":[]}

package/dist/components/media-wallet/section-header.d.cts

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

package/dist/components/media-wallet/section-header.d.ts

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

package/dist/components/media-wallet/section-header.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+function SectionHeader({ title }) {
+  return /* @__PURE__ */ jsx("div", { className: "font-[family-name:var(--font-display)] text-base font-bold tracking-tight", children: title });
+}
+export {
+  SectionHeader
+};
+//# sourceMappingURL=section-header.js.map

package/dist/components/media-wallet/section-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/section-header.tsx"],"sourcesContent":["export function SectionHeader({ title }: { title: string }) {\n  return <div className=\"font-[family-name:var(--font-display)] text-base font-bold tracking-tight\">{title}</div>;\n}\n"],"mappings":"AACS;AADF,SAAS,cAAc,EAAE,MAAM,GAAsB;AAC1D,SAAO,oBAAC,SAAI,WAAU,6EAA6E,iBAAM;AAC3G;","names":[]}

package/dist/components/media-wallet/success-dialog.cjs

@@ -0,0 +1,75 @@
+"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 success_dialog_exports = {};
+__export(success_dialog_exports, {
+  SuccessDialog: () => SuccessDialog
+});
+module.exports = __toCommonJS(success_dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_action_button = require("../action-button.js");
+var import_action_modal = require("./action-modal.js");
+var import_confetti = require("../../utils/media-wallet/confetti.js");
+var import_wallet_format = require("../../utils/media-wallet/wallet-format.js");
+var import_types = require("./types.js");
+const BRAND_GRADIENT = "linear-gradient(115deg, #3b7bff, #8a5cf6, #f6608f, #fb8b46, #3b7bff)";
+function SuccessDialog({
+  title,
+  message,
+  actionLabel = "Done",
+  txHash,
+  onClose
+}) {
+  const { explorerUrl } = (0, import_types.useMediaWalletApp)();
+  (0, import_react.useEffect)(() => {
+    (0, import_confetti.fireConfetti)();
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_modal.CanvasPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "absolute inset-0 z-[70] grid place-items-center p-6", onClick: onClose, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_modal.ActionBackdrop, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "card-base relative z-10 w-full max-w-[320px] p-6 text-center", onClick: (e) => e.stopPropagation(), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: "mx-auto grid h-16 w-16 place-items-center rounded-full text-white",
+          style: { background: BRAND_GRADIENT },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "30", height: "30", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.6", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 6L9 17l-5-5" }) })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "mt-4 font-[family-name:var(--font-display)] text-xl font-extrabold tracking-tight", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-1.5 text-sm leading-relaxed text-muted-foreground", children: message }),
+      txHash && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "a",
+        {
+          href: (0, import_wallet_format.explorerTxUrl)(explorerUrl, txHash),
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "mt-3 inline-block text-xs text-brand-blue hover:underline",
+          children: "View on Voyager \u2197"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_button.ActionButton, { big: true, onClick: onClose, className: "mt-5 w-full", style: { "--ml-grad": BRAND_GRADIENT }, children: actionLabel })
+    ] })
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SuccessDialog
+});
+//# sourceMappingURL=success-dialog.cjs.map

package/dist/components/media-wallet/success-dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/success-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect } from \"react\";\nimport { ActionButton } from \"../action-button.js\";\nimport { ActionBackdrop, CanvasPortal } from \"./action-modal.js\";\nimport { fireConfetti } from \"../../utils/media-wallet/confetti.js\";\nimport { explorerTxUrl } from \"../../utils/media-wallet/wallet-format.js\";\nimport { useMediaWalletApp } from \"./types.js\";\n\nconst BRAND_GRADIENT = \"linear-gradient(115deg, #3b7bff, #8a5cf6, #f6608f, #fb8b46, #3b7bff)\";\n\nexport function SuccessDialog({\n  title,\n  message,\n  actionLabel = \"Done\",\n  txHash,\n  onClose,\n}: {\n  title: string;\n  message: string;\n  actionLabel?: string;\n  txHash?: string;\n  onClose: () => void;\n}) {\n  const { explorerUrl } = useMediaWalletApp();\n  useEffect(() => {\n    fireConfetti();\n  }, []);\n  return (\n    <CanvasPortal>\n      <div className=\"absolute inset-0 z-[70] grid place-items-center p-6\" onClick={onClose}>\n        <ActionBackdrop />\n        <div className=\"card-base relative z-10 w-full max-w-[320px] p-6 text-center\" onClick={(e) => e.stopPropagation()}>\n          <div\n            className=\"mx-auto grid h-16 w-16 place-items-center rounded-full text-white\"\n            style={{ background: BRAND_GRADIENT }}\n          >\n            <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.6\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n              <path d=\"M20 6L9 17l-5-5\" />\n            </svg>\n          </div>\n          <h2 className=\"mt-4 font-[family-name:var(--font-display)] text-xl font-extrabold tracking-tight\">{title}</h2>\n          <p className=\"mt-1.5 text-sm leading-relaxed text-muted-foreground\">{message}</p>\n          {txHash && (\n            <a\n              href={explorerTxUrl(explorerUrl, txHash)}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"mt-3 inline-block text-xs text-brand-blue hover:underline\"\n            >\n              View on Voyager ↗\n            </a>\n          )}\n          <ActionButton big onClick={onClose} className=\"mt-5 w-full\" style={{ \"--ml-grad\": BRAND_GRADIENT } as React.CSSProperties}>\n            {actionLabel}\n          </ActionButton>\n        </div>\n      </div>\n    </CanvasPortal>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BQ;AA7BR,mBAA0B;AAC1B,2BAA6B;AAC7B,0BAA6C;AAC7C,sBAA6B;AAC7B,2BAA8B;AAC9B,mBAAkC;AAElC,MAAM,iBAAiB;AAEhB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AACF,GAMG;AACD,QAAM,EAAE,YAAY,QAAI,gCAAkB;AAC1C,8BAAU,MAAM;AACd,sCAAa;AAAA,EACf,GAAG,CAAC,CAAC;AACL,SACE,4CAAC,oCACC,uDAAC,SAAI,WAAU,uDAAsD,SAAS,SAC5E;AAAA,gDAAC,sCAAe;AAAA,IAChB,6CAAC,SAAI,WAAU,gEAA+D,SAAS,CAAC,MAAM,EAAE,gBAAgB,GAC9G;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,EAAE,YAAY,eAAe;AAAA,UAEpC,sDAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,OAAM,eAAc,SAAQ,gBAAe,SACvI,sDAAC,UAAK,GAAE,mBAAkB,GAC5B;AAAA;AAAA,MACF;AAAA,MACA,4CAAC,QAAG,WAAU,qFAAqF,iBAAM;AAAA,MACzG,4CAAC,OAAE,WAAU,wDAAwD,mBAAQ;AAAA,MAC5E,UACC;AAAA,QAAC;AAAA;AAAA,UACC,UAAM,oCAAc,aAAa,MAAM;AAAA,UACvC,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,WAAU;AAAA,UACX;AAAA;AAAA,MAED;AAAA,MAEF,4CAAC,qCAAa,KAAG,MAAC,SAAS,SAAS,WAAU,eAAc,OAAO,EAAE,aAAa,eAAe,GAC9F,uBACH;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/components/media-wallet/success-dialog.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function SuccessDialog({ title, message, actionLabel, txHash, onClose, }: {
+    title: string;
+    message: string;
+    actionLabel?: string;
+    txHash?: string;
+    onClose: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { SuccessDialog };

package/dist/components/media-wallet/success-dialog.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function SuccessDialog({ title, message, actionLabel, txHash, onClose, }: {
+    title: string;
+    message: string;
+    actionLabel?: string;
+    txHash?: string;
+    onClose: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { SuccessDialog };

package/dist/components/media-wallet/success-dialog.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { ActionButton } from "../action-button.js";
+import { ActionBackdrop, CanvasPortal } from "./action-modal.js";
+import { fireConfetti } from "../../utils/media-wallet/confetti.js";
+import { explorerTxUrl } from "../../utils/media-wallet/wallet-format.js";
+import { useMediaWalletApp } from "./types.js";
+const BRAND_GRADIENT = "linear-gradient(115deg, #3b7bff, #8a5cf6, #f6608f, #fb8b46, #3b7bff)";
+function SuccessDialog({
+  title,
+  message,
+  actionLabel = "Done",
+  txHash,
+  onClose
+}) {
+  const { explorerUrl } = useMediaWalletApp();
+  useEffect(() => {
+    fireConfetti();
+  }, []);
+  return /* @__PURE__ */ jsx(CanvasPortal, { children: /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-[70] grid place-items-center p-6", onClick: onClose, children: [
+    /* @__PURE__ */ jsx(ActionBackdrop, {}),
+    /* @__PURE__ */ jsxs("div", { className: "card-base relative z-10 w-full max-w-[320px] p-6 text-center", onClick: (e) => e.stopPropagation(), children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "mx-auto grid h-16 w-16 place-items-center rounded-full text-white",
+          style: { background: BRAND_GRADIENT },
+          children: /* @__PURE__ */ jsx("svg", { width: "30", height: "30", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.6", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M20 6L9 17l-5-5" }) })
+        }
+      ),
+      /* @__PURE__ */ jsx("h2", { className: "mt-4 font-[family-name:var(--font-display)] text-xl font-extrabold tracking-tight", children: title }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-sm leading-relaxed text-muted-foreground", children: message }),
+      txHash && /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: explorerTxUrl(explorerUrl, txHash),
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "mt-3 inline-block text-xs text-brand-blue hover:underline",
+          children: "View on Voyager \u2197"
+        }
+      ),
+      /* @__PURE__ */ jsx(ActionButton, { big: true, onClick: onClose, className: "mt-5 w-full", style: { "--ml-grad": BRAND_GRADIENT }, children: actionLabel })
+    ] })
+  ] }) });
+}
+export {
+  SuccessDialog
+};
+//# sourceMappingURL=success-dialog.js.map

package/dist/components/media-wallet/success-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/success-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect } from \"react\";\nimport { ActionButton } from \"../action-button.js\";\nimport { ActionBackdrop, CanvasPortal } from \"./action-modal.js\";\nimport { fireConfetti } from \"../../utils/media-wallet/confetti.js\";\nimport { explorerTxUrl } from \"../../utils/media-wallet/wallet-format.js\";\nimport { useMediaWalletApp } from \"./types.js\";\n\nconst BRAND_GRADIENT = \"linear-gradient(115deg, #3b7bff, #8a5cf6, #f6608f, #fb8b46, #3b7bff)\";\n\nexport function SuccessDialog({\n  title,\n  message,\n  actionLabel = \"Done\",\n  txHash,\n  onClose,\n}: {\n  title: string;\n  message: string;\n  actionLabel?: string;\n  txHash?: string;\n  onClose: () => void;\n}) {\n  const { explorerUrl } = useMediaWalletApp();\n  useEffect(() => {\n    fireConfetti();\n  }, []);\n  return (\n    <CanvasPortal>\n      <div className=\"absolute inset-0 z-[70] grid place-items-center p-6\" onClick={onClose}>\n        <ActionBackdrop />\n        <div className=\"card-base relative z-10 w-full max-w-[320px] p-6 text-center\" onClick={(e) => e.stopPropagation()}>\n          <div\n            className=\"mx-auto grid h-16 w-16 place-items-center rounded-full text-white\"\n            style={{ background: BRAND_GRADIENT }}\n          >\n            <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.6\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n              <path d=\"M20 6L9 17l-5-5\" />\n            </svg>\n          </div>\n          <h2 className=\"mt-4 font-[family-name:var(--font-display)] text-xl font-extrabold tracking-tight\">{title}</h2>\n          <p className=\"mt-1.5 text-sm leading-relaxed text-muted-foreground\">{message}</p>\n          {txHash && (\n            <a\n              href={explorerTxUrl(explorerUrl, txHash)}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"mt-3 inline-block text-xs text-brand-blue hover:underline\"\n            >\n              View on Voyager ↗\n            </a>\n          )}\n          <ActionButton big onClick={onClose} className=\"mt-5 w-full\" style={{ \"--ml-grad\": BRAND_GRADIENT } as React.CSSProperties}>\n            {actionLabel}\n          </ActionButton>\n        </div>\n      </div>\n    </CanvasPortal>\n  );\n}\n"],"mappings":";AA+BQ,cACA,YADA;AA7BR,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB,oBAAoB;AAC7C,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAElC,MAAM,iBAAiB;AAEhB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AACF,GAMG;AACD,QAAM,EAAE,YAAY,IAAI,kBAAkB;AAC1C,YAAU,MAAM;AACd,iBAAa;AAAA,EACf,GAAG,CAAC,CAAC;AACL,SACE,oBAAC,gBACC,+BAAC,SAAI,WAAU,uDAAsD,SAAS,SAC5E;AAAA,wBAAC,kBAAe;AAAA,IAChB,qBAAC,SAAI,WAAU,gEAA+D,SAAS,CAAC,MAAM,EAAE,gBAAgB,GAC9G;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,EAAE,YAAY,eAAe;AAAA,UAEpC,8BAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,OAAM,eAAc,SAAQ,gBAAe,SACvI,8BAAC,UAAK,GAAE,mBAAkB,GAC5B;AAAA;AAAA,MACF;AAAA,MACA,oBAAC,QAAG,WAAU,qFAAqF,iBAAM;AAAA,MACzG,oBAAC,OAAE,WAAU,wDAAwD,mBAAQ;AAAA,MAC5E,UACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,cAAc,aAAa,MAAM;AAAA,UACvC,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,WAAU;AAAA,UACX;AAAA;AAAA,MAED;AAAA,MAEF,oBAAC,gBAAa,KAAG,MAAC,SAAS,SAAS,WAAU,eAAc,OAAO,EAAE,aAAa,eAAe,GAC9F,uBACH;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}

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

@@ -0,0 +1,37 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var types_exports = {};
+__export(types_exports, {
+  MediaWalletAppContext: () => MediaWalletAppContext,
+  useMediaWalletApp: () => useMediaWalletApp
+});
+module.exports = __toCommonJS(types_exports);
+var import_react = require("react");
+const MediaWalletAppContext = (0, import_react.createContext)(null);
+function useMediaWalletApp() {
+  const app = (0, import_react.useContext)(MediaWalletAppContext);
+  if (!app) throw new Error("useMediaWalletApp must be used inside MediaWalletOverlay");
+  return app;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MediaWalletAppContext,
+  useMediaWalletApp
+});
+//# sourceMappingURL=types.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/types.ts"],"sourcesContent":["import { createContext, useContext, type ReactNode } from \"react\";\nimport type { ProviderInterface } from \"starknet\";\nimport type { MediaWallet, MedialaneClient, StarknetVenueSigner } from \"@medialane/sdk/starknet\";\nimport type { WalletToken } from \"../../utils/media-wallet/wallet-tokens.js\";\n\nexport type MediaWalletView =\n  | { name: \"home\"; autoOpenReceive?: boolean }\n  | { name: \"send\"; token?: WalletToken }\n  | { name: \"token\"; token: WalletToken }\n  | { name: \"activity\" };\n\nexport type WalletWriteStatus = \"idle\" | \"processing\" | \"confirming\" | \"success\" | \"error\";\n\nexport interface WalletWriteAction {\n  run: (execute: (signer: StarknetVenueSigner) => Promise<{ txHash: string } | void>) => Promise<void>;\n  status: WalletWriteStatus;\n  reset: () => void;\n  error: string | null;\n}\n\nexport interface MediaWalletSession {\n  address: string | null;\n  hasWallet: boolean;\n  isDeployed: boolean | null;\n  signer: StarknetVenueSigner | null;\n}\n\nexport interface MediaWalletHeaderIdentity {\n  avatarUrl?: string | null;\n  headline?: string;\n  badge?: ReactNode;\n}\n\nexport interface MediaWalletAppProps {\n  getClient: () => MedialaneClient;\n  provider: ProviderInterface;\n  wallet: Pick<MediaWallet, \"completeDeployment\">;\n  useWalletSession: () => MediaWalletSession;\n  useWriteAction: () => WalletWriteAction;\n  resolveImage: (uri: string | null | undefined) => string | null;\n  explorerUrl: string;\n  useAccountEmail: () => string | null;\n  useEmailStatus: () => { email: string | null; emailVerified: boolean; deadline?: string | null } | null;\n  emailBanner: { href: string; text: (deadline: string | null | undefined) => string };\n  externalWallet: { href: string; label: string };\n  useHeaderIdentity?: (address: string) => MediaWalletHeaderIdentity;\n}\n\nexport const MediaWalletAppContext = createContext<MediaWalletAppProps | null>(null);\n\nexport function useMediaWalletApp(): MediaWalletAppProps {\n  const app = useContext(MediaWalletAppContext);\n  if (!app) throw new Error(\"useMediaWalletApp must be used inside MediaWalletOverlay\");\n  return app;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0D;AAgDnD,MAAM,4BAAwB,4BAA0C,IAAI;AAE5E,SAAS,oBAAyC;AACvD,QAAM,UAAM,yBAAW,qBAAqB;AAC5C,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,0DAA0D;AACpF,SAAO;AACT;","names":[]}

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

@@ -0,0 +1,66 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+import { ProviderInterface } from 'starknet';
+import { MedialaneClient, MediaWallet, StarknetVenueSigner } from '@medialane/sdk/starknet';
+import { WalletToken } from '../../utils/media-wallet/wallet-tokens.cjs';
+
+type MediaWalletView = {
+    name: "home";
+    autoOpenReceive?: boolean;
+} | {
+    name: "send";
+    token?: WalletToken;
+} | {
+    name: "token";
+    token: WalletToken;
+} | {
+    name: "activity";
+};
+type WalletWriteStatus = "idle" | "processing" | "confirming" | "success" | "error";
+interface WalletWriteAction {
+    run: (execute: (signer: StarknetVenueSigner) => Promise<{
+        txHash: string;
+    } | void>) => Promise<void>;
+    status: WalletWriteStatus;
+    reset: () => void;
+    error: string | null;
+}
+interface MediaWalletSession {
+    address: string | null;
+    hasWallet: boolean;
+    isDeployed: boolean | null;
+    signer: StarknetVenueSigner | null;
+}
+interface MediaWalletHeaderIdentity {
+    avatarUrl?: string | null;
+    headline?: string;
+    badge?: ReactNode;
+}
+interface MediaWalletAppProps {
+    getClient: () => MedialaneClient;
+    provider: ProviderInterface;
+    wallet: Pick<MediaWallet, "completeDeployment">;
+    useWalletSession: () => MediaWalletSession;
+    useWriteAction: () => WalletWriteAction;
+    resolveImage: (uri: string | null | undefined) => string | null;
+    explorerUrl: string;
+    useAccountEmail: () => string | null;
+    useEmailStatus: () => {
+        email: string | null;
+        emailVerified: boolean;
+        deadline?: string | null;
+    } | null;
+    emailBanner: {
+        href: string;
+        text: (deadline: string | null | undefined) => string;
+    };
+    externalWallet: {
+        href: string;
+        label: string;
+    };
+    useHeaderIdentity?: (address: string) => MediaWalletHeaderIdentity;
+}
+declare const MediaWalletAppContext: React.Context<MediaWalletAppProps | null>;
+declare function useMediaWalletApp(): MediaWalletAppProps;
+
+export { MediaWalletAppContext, type MediaWalletAppProps, type MediaWalletHeaderIdentity, type MediaWalletSession, type MediaWalletView, type WalletWriteAction, type WalletWriteStatus, useMediaWalletApp };

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

@@ -0,0 +1,66 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+import { ProviderInterface } from 'starknet';
+import { MedialaneClient, MediaWallet, StarknetVenueSigner } from '@medialane/sdk/starknet';
+import { WalletToken } from '../../utils/media-wallet/wallet-tokens.js';
+
+type MediaWalletView = {
+    name: "home";
+    autoOpenReceive?: boolean;
+} | {
+    name: "send";
+    token?: WalletToken;
+} | {
+    name: "token";
+    token: WalletToken;
+} | {
+    name: "activity";
+};
+type WalletWriteStatus = "idle" | "processing" | "confirming" | "success" | "error";
+interface WalletWriteAction {
+    run: (execute: (signer: StarknetVenueSigner) => Promise<{
+        txHash: string;
+    } | void>) => Promise<void>;
+    status: WalletWriteStatus;
+    reset: () => void;
+    error: string | null;
+}
+interface MediaWalletSession {
+    address: string | null;
+    hasWallet: boolean;
+    isDeployed: boolean | null;
+    signer: StarknetVenueSigner | null;
+}
+interface MediaWalletHeaderIdentity {
+    avatarUrl?: string | null;
+    headline?: string;
+    badge?: ReactNode;
+}
+interface MediaWalletAppProps {
+    getClient: () => MedialaneClient;
+    provider: ProviderInterface;
+    wallet: Pick<MediaWallet, "completeDeployment">;
+    useWalletSession: () => MediaWalletSession;
+    useWriteAction: () => WalletWriteAction;
+    resolveImage: (uri: string | null | undefined) => string | null;
+    explorerUrl: string;
+    useAccountEmail: () => string | null;
+    useEmailStatus: () => {
+        email: string | null;
+        emailVerified: boolean;
+        deadline?: string | null;
+    } | null;
+    emailBanner: {
+        href: string;
+        text: (deadline: string | null | undefined) => string;
+    };
+    externalWallet: {
+        href: string;
+        label: string;
+    };
+    useHeaderIdentity?: (address: string) => MediaWalletHeaderIdentity;
+}
+declare const MediaWalletAppContext: React.Context<MediaWalletAppProps | null>;
+declare function useMediaWalletApp(): MediaWalletAppProps;
+
+export { MediaWalletAppContext, type MediaWalletAppProps, type MediaWalletHeaderIdentity, type MediaWalletSession, type MediaWalletView, type WalletWriteAction, type WalletWriteStatus, useMediaWalletApp };

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

@@ -0,0 +1,12 @@
+import { createContext, useContext } from "react";
+const MediaWalletAppContext = createContext(null);
+function useMediaWalletApp() {
+  const app = useContext(MediaWalletAppContext);
+  if (!app) throw new Error("useMediaWalletApp must be used inside MediaWalletOverlay");
+  return app;
+}
+export {
+  MediaWalletAppContext,
+  useMediaWalletApp
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/types.ts"],"sourcesContent":["import { createContext, useContext, type ReactNode } from \"react\";\nimport type { ProviderInterface } from \"starknet\";\nimport type { MediaWallet, MedialaneClient, StarknetVenueSigner } from \"@medialane/sdk/starknet\";\nimport type { WalletToken } from \"../../utils/media-wallet/wallet-tokens.js\";\n\nexport type MediaWalletView =\n  | { name: \"home\"; autoOpenReceive?: boolean }\n  | { name: \"send\"; token?: WalletToken }\n  | { name: \"token\"; token: WalletToken }\n  | { name: \"activity\" };\n\nexport type WalletWriteStatus = \"idle\" | \"processing\" | \"confirming\" | \"success\" | \"error\";\n\nexport interface WalletWriteAction {\n  run: (execute: (signer: StarknetVenueSigner) => Promise<{ txHash: string } | void>) => Promise<void>;\n  status: WalletWriteStatus;\n  reset: () => void;\n  error: string | null;\n}\n\nexport interface MediaWalletSession {\n  address: string | null;\n  hasWallet: boolean;\n  isDeployed: boolean | null;\n  signer: StarknetVenueSigner | null;\n}\n\nexport interface MediaWalletHeaderIdentity {\n  avatarUrl?: string | null;\n  headline?: string;\n  badge?: ReactNode;\n}\n\nexport interface MediaWalletAppProps {\n  getClient: () => MedialaneClient;\n  provider: ProviderInterface;\n  wallet: Pick<MediaWallet, \"completeDeployment\">;\n  useWalletSession: () => MediaWalletSession;\n  useWriteAction: () => WalletWriteAction;\n  resolveImage: (uri: string | null | undefined) => string | null;\n  explorerUrl: string;\n  useAccountEmail: () => string | null;\n  useEmailStatus: () => { email: string | null; emailVerified: boolean; deadline?: string | null } | null;\n  emailBanner: { href: string; text: (deadline: string | null | undefined) => string };\n  externalWallet: { href: string; label: string };\n  useHeaderIdentity?: (address: string) => MediaWalletHeaderIdentity;\n}\n\nexport const MediaWalletAppContext = createContext<MediaWalletAppProps | null>(null);\n\nexport function useMediaWalletApp(): MediaWalletAppProps {\n  const app = useContext(MediaWalletAppContext);\n  if (!app) throw new Error(\"useMediaWalletApp must be used inside MediaWalletOverlay\");\n  return app;\n}\n"],"mappings":"AAAA,SAAS,eAAe,kBAAkC;AAgDnD,MAAM,wBAAwB,cAA0C,IAAI;AAE5E,SAAS,oBAAyC;AACvD,QAAM,MAAM,WAAW,qBAAqB;AAC5C,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,0DAA0D;AACpF,SAAO;AACT;","names":[]}