@medialane/ui 0.161.0 → 0.161.1

package/dist/components/button.d.cts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "ghost" | "link" | "default" | "destructive" | "outline" | "secondary" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "ghost" | "secondary" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
     size?: "icon" | "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/components/button.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "ghost" | "link" | "default" | "destructive" | "outline" | "secondary" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "ghost" | "secondary" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
     size?: "icon" | "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/components/fast-mint/fast-mint.d.cts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FastMintProps } from './types.cjs';
 import 'starknet';
 import '@medialane/sdk';
 import '@medialane/sdk/starknet';
 
-declare function FastMint(props: FastMintProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
+declare function FastMint(props: FastMintProps): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
 
 export { FastMint };

package/dist/components/fast-mint/fast-mint.d.ts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FastMintProps } from './types.js';
 import 'starknet';
 import '@medialane/sdk';
 import '@medialane/sdk/starknet';
 
-declare function FastMint(props: FastMintProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
+declare function FastMint(props: FastMintProps): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
 
 export { FastMint };

package/dist/components/share-button.cjs

@@ -25,7 +25,6 @@ module.exports = __toCommonJS(share_button_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_lucide_react = require("lucide-react");
-var import_sonner = require("sonner");
 var import_cn = require("../utils/cn.js");
 const VARIANT_CLASSES = {
   outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
@@ -56,7 +55,6 @@ function ShareButton({
     } else {
       await navigator.clipboard.writeText(shareUrl);
       setCopied(true);
-      import_sonner.toast.success("Link copied to clipboard");
       setTimeout(() => setCopied(false), 2e3);
     }
   };

package/dist/components/share-button.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/share-button.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Share2, Check } from \"lucide-react\";\nimport { toast } from \"sonner\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface ShareButtonProps {\n  title: string;\n  url?: string;\n  variant?: \"outline\" | \"ghost\" | \"default\";\n  size?: \"sm\" | \"default\" | \"lg\" | \"icon\";\n  className?: string;\n}\n\nconst VARIANT_CLASSES: Record<NonNullable<ShareButtonProps[\"variant\"]>, string> = {\n  outline: \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n  ghost: \"hover:bg-accent hover:text-accent-foreground\",\n  default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n};\n\nconst SIZE_CLASSES: Record<NonNullable<ShareButtonProps[\"size\"]>, string> = {\n  sm: \"h-9 px-3 text-xs rounded-md\",\n  default: \"h-10 px-4 py-2 text-sm rounded-md\",\n  lg: \"h-11 px-8 text-sm rounded-md\",\n  icon: \"min-h-11 min-w-11 rounded-md\",\n};\n\nexport function ShareButton({\n  title,\n  url,\n  variant = \"outline\",\n  size = \"sm\",\n  className,\n}: ShareButtonProps) {\n  const [copied, setCopied] = useState(false);\n\n  const handleShare = async () => {\n    const shareUrl = url ?? (typeof window !== \"undefined\" ? window.location.href : \"\");\n    if (typeof navigator !== \"undefined\" && navigator.share) {\n      try {\n        await navigator.share({ title, url: shareUrl });\n      } catch {\n\n      }\n    } else {\n      await navigator.clipboard.writeText(shareUrl);\n      setCopied(true);\n      toast.success(\"Link copied to clipboard\");\n      setTimeout(() => setCopied(false), 2000);\n    }\n  };\n\n  return (\n    <button\n      onClick={handleShare}\n      className={cn(\n        \"inline-flex items-center justify-center font-medium transition-colors\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        VARIANT_CLASSES[variant],\n        SIZE_CLASSES[size],\n        className\n      )}\n    >\n      {copied\n        ? <Check className=\"h-3.5 w-3.5 text-emerald-500\" />\n        : <Share2 className=\"h-3.5 w-3.5\" />\n      }\n      {size !== \"icon\" && (\n        <span className=\"ml-1.5\">{copied ? \"Copied\" : \"Share\"}</span>\n      )}\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsDI;AApDJ,mBAAyB;AACzB,0BAA8B;AAC9B,oBAAsB;AACtB,gBAAmB;AAUnB,MAAM,kBAA4E;AAAA,EAChF,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX;AAEA,MAAM,eAAsE;AAAA,EAC1E,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,MAAM;AACR;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AACF,GAAqB;AACnB,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,KAAK;AAE1C,QAAM,cAAc,YAAY;AAC9B,UAAM,WAAW,QAAQ,OAAO,WAAW,cAAc,OAAO,SAAS,OAAO;AAChF,QAAI,OAAO,cAAc,eAAe,UAAU,OAAO;AACvD,UAAI;AACF,cAAM,UAAU,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;AAAA,MAChD,QAAQ;AAAA,MAER;AAAA,IACF,OAAO;AACL,YAAM,UAAU,UAAU,UAAU,QAAQ;AAC5C,gBAAU,IAAI;AACd,0BAAM,QAAQ,0BAA0B;AACxC,iBAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AAAA,IACzC;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,eAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,gBAAgB,OAAO;AAAA,QACvB,aAAa,IAAI;AAAA,QACjB;AAAA,MACF;AAAA,MAEC;AAAA,iBACG,4CAAC,6BAAM,WAAU,gCAA+B,IAChD,4CAAC,8BAAO,WAAU,eAAc;AAAA,QAEnC,SAAS,UACR,4CAAC,UAAK,WAAU,UAAU,mBAAS,WAAW,SAAQ;AAAA;AAAA;AAAA,EAE1D;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/share-button.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Share2, Check } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface ShareButtonProps {\n  title: string;\n  url?: string;\n  variant?: \"outline\" | \"ghost\" | \"default\";\n  size?: \"sm\" | \"default\" | \"lg\" | \"icon\";\n  className?: string;\n}\n\nconst VARIANT_CLASSES: Record<NonNullable<ShareButtonProps[\"variant\"]>, string> = {\n  outline: \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n  ghost: \"hover:bg-accent hover:text-accent-foreground\",\n  default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n};\n\nconst SIZE_CLASSES: Record<NonNullable<ShareButtonProps[\"size\"]>, string> = {\n  sm: \"h-9 px-3 text-xs rounded-md\",\n  default: \"h-10 px-4 py-2 text-sm rounded-md\",\n  lg: \"h-11 px-8 text-sm rounded-md\",\n  icon: \"min-h-11 min-w-11 rounded-md\",\n};\n\nexport function ShareButton({\n  title,\n  url,\n  variant = \"outline\",\n  size = \"sm\",\n  className,\n}: ShareButtonProps) {\n  const [copied, setCopied] = useState(false);\n\n  const handleShare = async () => {\n    const shareUrl = url ?? (typeof window !== \"undefined\" ? window.location.href : \"\");\n    if (typeof navigator !== \"undefined\" && navigator.share) {\n      try {\n        await navigator.share({ title, url: shareUrl });\n      } catch {\n\n      }\n    } else {\n      await navigator.clipboard.writeText(shareUrl);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 2000);\n    }\n  };\n\n  return (\n    <button\n      onClick={handleShare}\n      className={cn(\n        \"inline-flex items-center justify-center font-medium transition-colors\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        VARIANT_CLASSES[variant],\n        SIZE_CLASSES[size],\n        className\n      )}\n    >\n      {copied\n        ? <Check className=\"h-3.5 w-3.5 text-emerald-500\" />\n        : <Share2 className=\"h-3.5 w-3.5\" />\n      }\n      {size !== \"icon\" && (\n        <span className=\"ml-1.5\">{copied ? \"Copied\" : \"Share\"}</span>\n      )}\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoDI;AAlDJ,mBAAyB;AACzB,0BAA8B;AAC9B,gBAAmB;AAUnB,MAAM,kBAA4E;AAAA,EAChF,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX;AAEA,MAAM,eAAsE;AAAA,EAC1E,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,MAAM;AACR;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AACF,GAAqB;AACnB,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,KAAK;AAE1C,QAAM,cAAc,YAAY;AAC9B,UAAM,WAAW,QAAQ,OAAO,WAAW,cAAc,OAAO,SAAS,OAAO;AAChF,QAAI,OAAO,cAAc,eAAe,UAAU,OAAO;AACvD,UAAI;AACF,cAAM,UAAU,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;AAAA,MAChD,QAAQ;AAAA,MAER;AAAA,IACF,OAAO;AACL,YAAM,UAAU,UAAU,UAAU,QAAQ;AAC5C,gBAAU,IAAI;AACd,iBAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AAAA,IACzC;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,eAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,gBAAgB,OAAO;AAAA,QACvB,aAAa,IAAI;AAAA,QACjB;AAAA,MACF;AAAA,MAEC;AAAA,iBACG,4CAAC,6BAAM,WAAU,gCAA+B,IAChD,4CAAC,8BAAO,WAAU,eAAc;AAAA,QAEnC,SAAS,UACR,4CAAC,UAAK,WAAU,UAAU,mBAAS,WAAW,SAAQ;AAAA;AAAA;AAAA,EAE1D;AAEJ;","names":[]}

package/dist/components/share-button.js

@@ -2,7 +2,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Share2, Check } from "lucide-react";
-import { toast } from "sonner";
 import { cn } from "../utils/cn.js";
 const VARIANT_CLASSES = {
   outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
@@ -33,7 +32,6 @@ function ShareButton({
     } else {
       await navigator.clipboard.writeText(shareUrl);
       setCopied(true);
-      toast.success("Link copied to clipboard");
       setTimeout(() => setCopied(false), 2e3);
     }
   };

package/dist/components/share-button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/share-button.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Share2, Check } from \"lucide-react\";\nimport { toast } from \"sonner\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface ShareButtonProps {\n  title: string;\n  url?: string;\n  variant?: \"outline\" | \"ghost\" | \"default\";\n  size?: \"sm\" | \"default\" | \"lg\" | \"icon\";\n  className?: string;\n}\n\nconst VARIANT_CLASSES: Record<NonNullable<ShareButtonProps[\"variant\"]>, string> = {\n  outline: \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n  ghost: \"hover:bg-accent hover:text-accent-foreground\",\n  default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n};\n\nconst SIZE_CLASSES: Record<NonNullable<ShareButtonProps[\"size\"]>, string> = {\n  sm: \"h-9 px-3 text-xs rounded-md\",\n  default: \"h-10 px-4 py-2 text-sm rounded-md\",\n  lg: \"h-11 px-8 text-sm rounded-md\",\n  icon: \"min-h-11 min-w-11 rounded-md\",\n};\n\nexport function ShareButton({\n  title,\n  url,\n  variant = \"outline\",\n  size = \"sm\",\n  className,\n}: ShareButtonProps) {\n  const [copied, setCopied] = useState(false);\n\n  const handleShare = async () => {\n    const shareUrl = url ?? (typeof window !== \"undefined\" ? window.location.href : \"\");\n    if (typeof navigator !== \"undefined\" && navigator.share) {\n      try {\n        await navigator.share({ title, url: shareUrl });\n      } catch {\n\n      }\n    } else {\n      await navigator.clipboard.writeText(shareUrl);\n      setCopied(true);\n      toast.success(\"Link copied to clipboard\");\n      setTimeout(() => setCopied(false), 2000);\n    }\n  };\n\n  return (\n    <button\n      onClick={handleShare}\n      className={cn(\n        \"inline-flex items-center justify-center font-medium transition-colors\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        VARIANT_CLASSES[variant],\n        SIZE_CLASSES[size],\n        className\n      )}\n    >\n      {copied\n        ? <Check className=\"h-3.5 w-3.5 text-emerald-500\" />\n        : <Share2 className=\"h-3.5 w-3.5\" />\n      }\n      {size !== \"icon\" && (\n        <span className=\"ml-1.5\">{copied ? \"Copied\" : \"Share\"}</span>\n      )}\n    </button>\n  );\n}\n"],"mappings":";AAsDI,SAYM,KAZN;AApDJ,SAAS,gBAAgB;AACzB,SAAS,QAAQ,aAAa;AAC9B,SAAS,aAAa;AACtB,SAAS,UAAU;AAUnB,MAAM,kBAA4E;AAAA,EAChF,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX;AAEA,MAAM,eAAsE;AAAA,EAC1E,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,MAAM;AACR;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AACF,GAAqB;AACnB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,QAAM,cAAc,YAAY;AAC9B,UAAM,WAAW,QAAQ,OAAO,WAAW,cAAc,OAAO,SAAS,OAAO;AAChF,QAAI,OAAO,cAAc,eAAe,UAAU,OAAO;AACvD,UAAI;AACF,cAAM,UAAU,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;AAAA,MAChD,QAAQ;AAAA,MAER;AAAA,IACF,OAAO;AACL,YAAM,UAAU,UAAU,UAAU,QAAQ;AAC5C,gBAAU,IAAI;AACd,YAAM,QAAQ,0BAA0B;AACxC,iBAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AAAA,IACzC;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,gBAAgB,OAAO;AAAA,QACvB,aAAa,IAAI;AAAA,QACjB;AAAA,MACF;AAAA,MAEC;AAAA,iBACG,oBAAC,SAAM,WAAU,gCAA+B,IAChD,oBAAC,UAAO,WAAU,eAAc;AAAA,QAEnC,SAAS,UACR,oBAAC,UAAK,WAAU,UAAU,mBAAS,WAAW,SAAQ;AAAA;AAAA;AAAA,EAE1D;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/share-button.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Share2, Check } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface ShareButtonProps {\n  title: string;\n  url?: string;\n  variant?: \"outline\" | \"ghost\" | \"default\";\n  size?: \"sm\" | \"default\" | \"lg\" | \"icon\";\n  className?: string;\n}\n\nconst VARIANT_CLASSES: Record<NonNullable<ShareButtonProps[\"variant\"]>, string> = {\n  outline: \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n  ghost: \"hover:bg-accent hover:text-accent-foreground\",\n  default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n};\n\nconst SIZE_CLASSES: Record<NonNullable<ShareButtonProps[\"size\"]>, string> = {\n  sm: \"h-9 px-3 text-xs rounded-md\",\n  default: \"h-10 px-4 py-2 text-sm rounded-md\",\n  lg: \"h-11 px-8 text-sm rounded-md\",\n  icon: \"min-h-11 min-w-11 rounded-md\",\n};\n\nexport function ShareButton({\n  title,\n  url,\n  variant = \"outline\",\n  size = \"sm\",\n  className,\n}: ShareButtonProps) {\n  const [copied, setCopied] = useState(false);\n\n  const handleShare = async () => {\n    const shareUrl = url ?? (typeof window !== \"undefined\" ? window.location.href : \"\");\n    if (typeof navigator !== \"undefined\" && navigator.share) {\n      try {\n        await navigator.share({ title, url: shareUrl });\n      } catch {\n\n      }\n    } else {\n      await navigator.clipboard.writeText(shareUrl);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 2000);\n    }\n  };\n\n  return (\n    <button\n      onClick={handleShare}\n      className={cn(\n        \"inline-flex items-center justify-center font-medium transition-colors\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        VARIANT_CLASSES[variant],\n        SIZE_CLASSES[size],\n        className\n      )}\n    >\n      {copied\n        ? <Check className=\"h-3.5 w-3.5 text-emerald-500\" />\n        : <Share2 className=\"h-3.5 w-3.5\" />\n      }\n      {size !== \"icon\" && (\n        <span className=\"ml-1.5\">{copied ? \"Copied\" : \"Share\"}</span>\n      )}\n    </button>\n  );\n}\n"],"mappings":";AAoDI,SAYM,KAZN;AAlDJ,SAAS,gBAAgB;AACzB,SAAS,QAAQ,aAAa;AAC9B,SAAS,UAAU;AAUnB,MAAM,kBAA4E;AAAA,EAChF,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX;AAEA,MAAM,eAAsE;AAAA,EAC1E,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,MAAM;AACR;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AACF,GAAqB;AACnB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,QAAM,cAAc,YAAY;AAC9B,UAAM,WAAW,QAAQ,OAAO,WAAW,cAAc,OAAO,SAAS,OAAO;AAChF,QAAI,OAAO,cAAc,eAAe,UAAU,OAAO;AACvD,UAAI;AACF,cAAM,UAAU,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;AAAA,MAChD,QAAQ;AAAA,MAER;AAAA,IACF,OAAO;AACL,YAAM,UAAU,UAAU,UAAU,QAAQ;AAC5C,gBAAU,IAAI;AACd,iBAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AAAA,IACzC;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,gBAAgB,OAAO;AAAA,QACvB,aAAa,IAAI;AAAA,QACjB;AAAA,MACF;AAAA,MAEC;AAAA,iBACG,oBAAC,SAAM,WAAU,gCAA+B,IAChD,oBAAC,UAAO,WAAU,eAAc;AAAA,QAEnC,SAAS,UACR,oBAAC,UAAK,WAAU,UAAU,mBAAS,WAAW,SAAQ;AAAA;AAAA;AAAA,EAE1D;AAEJ;","names":[]}

package/dist/components/sheet.d.cts

@@ -10,7 +10,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "left" | "right" | "bottom" | "top" | null | undefined;
+    side?: "bottom" | "left" | "right" | "top" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
     overlayClassName?: string;

package/dist/components/sheet.d.ts

@@ -10,7 +10,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "left" | "right" | "bottom" | "top" | null | undefined;
+    side?: "bottom" | "left" | "right" | "top" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
     overlayClassName?: string;

package/dist/utils/notification-readiness.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 notification_readiness_exports = {};
+__export(notification_readiness_exports, {
+  notificationsAreLoading: () => notificationsAreLoading
+});
+module.exports = __toCommonJS(notification_readiness_exports);
+function notificationsAreLoading(state) {
+  if (!state.hasAddress) return false;
+  return state.ordersLoading || state.receivedLoading || state.activitiesLoading;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  notificationsAreLoading
+});
+//# sourceMappingURL=notification-readiness.cjs.map

package/dist/utils/notification-readiness.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/notification-readiness.ts"],"sourcesContent":["export interface NotificationSourceState {\n  ordersLoading: boolean;\n  receivedLoading: boolean;\n  activitiesLoading: boolean;\n  hasAddress: boolean;\n}\n\nexport function notificationsAreLoading(state: NotificationSourceState): boolean {\n  if (!state.hasAddress) return false;\n  return state.ordersLoading || state.receivedLoading || state.activitiesLoading;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOO,SAAS,wBAAwB,OAAyC;AAC/E,MAAI,CAAC,MAAM,WAAY,QAAO;AAC9B,SAAO,MAAM,iBAAiB,MAAM,mBAAmB,MAAM;AAC/D;","names":[]}

package/dist/utils/notification-readiness.d.cts

@@ -0,0 +1,9 @@
+interface NotificationSourceState {
+    ordersLoading: boolean;
+    receivedLoading: boolean;
+    activitiesLoading: boolean;
+    hasAddress: boolean;
+}
+declare function notificationsAreLoading(state: NotificationSourceState): boolean;
+
+export { type NotificationSourceState, notificationsAreLoading };

package/dist/utils/notification-readiness.d.ts

@@ -0,0 +1,9 @@
+interface NotificationSourceState {
+    ordersLoading: boolean;
+    receivedLoading: boolean;
+    activitiesLoading: boolean;
+    hasAddress: boolean;
+}
+declare function notificationsAreLoading(state: NotificationSourceState): boolean;
+
+export { type NotificationSourceState, notificationsAreLoading };

package/dist/utils/notification-readiness.js

@@ -0,0 +1,8 @@
+function notificationsAreLoading(state) {
+  if (!state.hasAddress) return false;
+  return state.ordersLoading || state.receivedLoading || state.activitiesLoading;
+}
+export {
+  notificationsAreLoading
+};
+//# sourceMappingURL=notification-readiness.js.map

package/dist/utils/notification-readiness.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/notification-readiness.ts"],"sourcesContent":["export interface NotificationSourceState {\n  ordersLoading: boolean;\n  receivedLoading: boolean;\n  activitiesLoading: boolean;\n  hasAddress: boolean;\n}\n\nexport function notificationsAreLoading(state: NotificationSourceState): boolean {\n  if (!state.hasAddress) return false;\n  return state.ordersLoading || state.receivedLoading || state.activitiesLoading;\n}\n"],"mappings":"AAOO,SAAS,wBAAwB,OAAyC;AAC/E,MAAI,CAAC,MAAM,WAAY,QAAO;AAC9B,SAAO,MAAM,iBAAiB,MAAM,mBAAmB,MAAM;AAC/D;","names":[]}

package/dist/utils/use-notifications.cjs

@@ -38,6 +38,7 @@ var import_sdk = require("@medialane/sdk");
 var import_use_orders = require("./use-orders.js");
 var import_use_activities = require("./use-activities.js");
 var import_notification_storage = require("./notification-storage.js");
+var import_notification_readiness = require("./notification-readiness.js");
 var import_format_activity = require("./format-activity.js");
 async function fetchAnnouncements() {
   const res = await fetch("/api/announcements");
@@ -45,10 +46,13 @@ async function fetchAnnouncements() {
   return res.json();
 }
 function useNotifications(getClient, apiConfig, address) {
-  const [readIds, setReadIds] = (0, import_react.useState)(() => (0, import_notification_storage.getReadIds)());
-  const { orders: userOrders } = (0, import_use_orders.useUserOrders)(getClient, address ?? null);
-  const { orders: receivedOffers } = (0, import_use_orders.useReceivedOffers)(apiConfig, address ?? null);
-  const { activities } = (0, import_use_activities.useActivitiesByAddress)(getClient, address ?? null);
+  const [readIds, setReadIds] = (0, import_react.useState)(() => /* @__PURE__ */ new Set());
+  (0, import_react.useEffect)(() => {
+    setReadIds((0, import_notification_storage.getReadIds)());
+  }, []);
+  const { orders: userOrders, isLoading: ordersLoading } = (0, import_use_orders.useUserOrders)(getClient, address ?? null);
+  const { orders: receivedOffers, isLoading: receivedLoading } = (0, import_use_orders.useReceivedOffers)(apiConfig, address ?? null);
+  const { activities, isLoading: activitiesLoading } = (0, import_use_activities.useActivitiesByAddress)(getClient, address ?? null);
   const { data: announcements = [] } = (0, import_swr.default)(
     "announcements",
     fetchAnnouncements,
@@ -155,9 +159,16 @@ function useNotifications(getClient, apiConfig, address) {
     (0, import_notification_storage.markRead)(ids);
     setReadIds((0, import_notification_storage.getReadIds)());
   }, []);
+  const isLoading = (0, import_notification_readiness.notificationsAreLoading)({
+    ordersLoading,
+    receivedLoading,
+    activitiesLoading,
+    hasAddress: !!address
+  });
   return {
     notifications,
     unreadCount,
+    isLoading,
     markAllRead: () => markNotificationsRead(notifications.map((n) => n.id)),
     markRead: (id) => markNotificationsRead([id])
   };

package/dist/utils/use-notifications.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/use-notifications.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useState } from \"react\";\nimport useSWR from \"swr\";\nimport { normalizeAddress } from \"@medialane/sdk\";\nimport type { ApiActivity } from \"@medialane/sdk\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport { useUserOrders, useReceivedOffers } from \"./use-orders.js\";\nimport { useActivitiesByAddress } from \"./use-activities.js\";\nimport { getReadIds, markRead } from \"./notification-storage.js\";\nimport {\n  formatActivity,\n  formatOrderNotification,\n  formatOfferAcceptedNotification,\n  formatAssetReceivedNotification,\n} from \"./format-activity.js\";\nimport type { Notification, Announcement } from \"../data/notification.js\";\nimport type { ApiFetchConfig } from \"./api-fetch.js\";\n\nasync function fetchAnnouncements(): Promise<Announcement[]> {\n  const res = await fetch(\"/api/announcements\");\n  if (!res.ok) return [];\n  return res.json();\n}\n\nexport function useNotifications(\n  getClient: () => MedialaneClient,\n  apiConfig: ApiFetchConfig,\n  address: string | null | undefined\n) {\n  const [readIds, setReadIds] = useState<Set<string>>(() => getReadIds());\n\n  const { orders: userOrders } = useUserOrders(getClient, address ?? null);\n\n  const { orders: receivedOffers } = useReceivedOffers(apiConfig, address ?? null);\n  const { activities } = useActivitiesByAddress(getClient, address ?? null);\n  const { data: announcements = [] } = useSWR<Announcement[]>(\n    \"announcements\",\n    fetchAnnouncements,\n    { revalidateOnFocus: false, dedupingInterval: 60_000 }\n  );\n\n  const notifications: Notification[] = useMemo(() => {\n    const items: Notification[] = [];\n\n    userOrders\n      .filter((o) => o.offer.itemType === \"ERC20\" && o.status === \"FULFILLED\")\n      .forEach((order) => {\n        const id = `offer-accepted-${order.orderHash}`;\n        const fmt = formatOfferAcceptedNotification(order);\n        items.push({\n          id,\n          type: \"offer_accepted\",\n          priority: \"spotlight\",\n          celebratory: true,\n          ...fmt,\n          timestamp: order.updatedAt ?? order.createdAt ?? new Date().toISOString(),\n          isUnread: !readIds.has(id),\n          metadata: {\n            amount: order.price?.formatted ?? undefined,\n            currency: order.price?.currency ?? undefined,\n            txHash: order.txHash?.fulfilled ?? undefined,\n            assetName: order.token?.name ?? undefined,\n          },\n        });\n      });\n\n    receivedOffers.forEach((order) => {\n      const id = `order-${order.orderHash}`;\n      const fmt = formatOrderNotification(order);\n      items.push({\n        id,\n        type: \"offer\",\n        priority: \"spotlight\",\n        celebratory: false,\n        ...fmt,\n        timestamp: order.createdAt ?? new Date().toISOString(),\n        isUnread: !readIds.has(id),\n        metadata: {\n          amount: order.price?.formatted ?? undefined,\n          currency: order.price?.currency ?? undefined,\n          assetName: order.token?.name ?? undefined,\n        },\n      });\n    });\n\n    (activities as ApiActivity[]).slice(0, 50).forEach((event) => {\n      const id = `activity-${event.txHash}-${event.type}-${event.nftTokenId ?? \"\"}`;\n\n      if (\n        event.type === \"transfer\" &&\n        address &&\n        !!event.to && normalizeAddress(\"STARKNET\", event.to) === normalizeAddress(\"STARKNET\", address)\n      ) {\n        const fmt = formatAssetReceivedNotification(event);\n        items.push({\n          id,\n          type: \"asset_received\",\n          priority: \"spotlight\",\n          celebratory: true,\n          ...fmt,\n          timestamp: event.timestamp ?? new Date().toISOString(),\n          isUnread: !readIds.has(id),\n          metadata: {\n            txHash: event.txHash ?? undefined,\n            assetName: event.token?.name ?? undefined,\n          },\n        });\n        return;\n      }\n\n      const isMySale =\n        event.type === \"sale\" &&\n        address &&\n        ((!!event.offerer && normalizeAddress(\"STARKNET\", event.offerer) === normalizeAddress(\"STARKNET\", address)) ||\n          (!!event.from && normalizeAddress(\"STARKNET\", event.from) === normalizeAddress(\"STARKNET\", address)));\n\n      const fmt = formatActivity(event);\n      items.push({\n        id,\n        type: event.type as Notification[\"type\"],\n        priority: isMySale ? \"spotlight\" : \"normal\",\n        celebratory: !!isMySale,\n        ...fmt,\n        timestamp: event.timestamp ?? new Date().toISOString(),\n        isUnread: !readIds.has(id),\n        metadata: {\n          amount: event.price?.formatted ?? undefined,\n          currency: event.price?.currency ?? undefined,\n          txHash: event.txHash ?? undefined,\n          assetName: event.token?.name ?? undefined,\n        },\n      });\n    });\n\n    announcements.forEach((ann) => {\n      const id = `ann-${ann.id}`;\n      items.push({\n        id,\n        type: \"announcement\",\n        priority: ann.pinned ? \"spotlight\" : \"normal\",\n        celebratory: false,\n        title: ann.title,\n        description: ann.body,\n        image: ann.image,\n        href: ann.href,\n        timestamp: ann.created_at,\n        isUnread: !readIds.has(id),\n      });\n    });\n\n    items.sort(\n      (a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime()\n    );\n\n    return items;\n  }, [userOrders, receivedOffers, activities, announcements, address, readIds]);\n\n  const unreadCount = notifications.filter((n) => n.isUnread).length;\n\n  const markNotificationsRead = useCallback((ids: string[]) => {\n    markRead(ids);\n    setReadIds(getReadIds());\n  }, []);\n\n  return {\n    notifications,\n    unreadCount,\n    markAllRead: () => markNotificationsRead(notifications.map((n) => n.id)),\n    markRead: (id: string) => markNotificationsRead([id]),\n  };\n}\n"],"mappings":"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","names":["useSWR","fmt"]}
+{"version":3,"sources":["../../src/utils/use-notifications.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport useSWR from \"swr\";\nimport { normalizeAddress } from \"@medialane/sdk\";\nimport type { ApiActivity } from \"@medialane/sdk\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport { useUserOrders, useReceivedOffers } from \"./use-orders.js\";\nimport { useActivitiesByAddress } from \"./use-activities.js\";\nimport { getReadIds, markRead } from \"./notification-storage.js\";\nimport { notificationsAreLoading } from \"./notification-readiness.js\";\nimport {\n  formatActivity,\n  formatOrderNotification,\n  formatOfferAcceptedNotification,\n  formatAssetReceivedNotification,\n} from \"./format-activity.js\";\nimport type { Notification, Announcement } from \"../data/notification.js\";\nimport type { ApiFetchConfig } from \"./api-fetch.js\";\n\nasync function fetchAnnouncements(): Promise<Announcement[]> {\n  const res = await fetch(\"/api/announcements\");\n  if (!res.ok) return [];\n  return res.json();\n}\n\nexport function useNotifications(\n  getClient: () => MedialaneClient,\n  apiConfig: ApiFetchConfig,\n  address: string | null | undefined\n) {\n  const [readIds, setReadIds] = useState<Set<string>>(() => new Set<string>());\n\n  useEffect(() => {\n    setReadIds(getReadIds());\n  }, []);\n\n  const { orders: userOrders, isLoading: ordersLoading } = useUserOrders(getClient, address ?? null);\n\n  const { orders: receivedOffers, isLoading: receivedLoading } = useReceivedOffers(apiConfig, address ?? null);\n  const { activities, isLoading: activitiesLoading } = useActivitiesByAddress(getClient, address ?? null);\n  const { data: announcements = [] } = useSWR<Announcement[]>(\n    \"announcements\",\n    fetchAnnouncements,\n    { revalidateOnFocus: false, dedupingInterval: 60_000 }\n  );\n\n  const notifications: Notification[] = useMemo(() => {\n    const items: Notification[] = [];\n\n    userOrders\n      .filter((o) => o.offer.itemType === \"ERC20\" && o.status === \"FULFILLED\")\n      .forEach((order) => {\n        const id = `offer-accepted-${order.orderHash}`;\n        const fmt = formatOfferAcceptedNotification(order);\n        items.push({\n          id,\n          type: \"offer_accepted\",\n          priority: \"spotlight\",\n          celebratory: true,\n          ...fmt,\n          timestamp: order.updatedAt ?? order.createdAt ?? new Date().toISOString(),\n          isUnread: !readIds.has(id),\n          metadata: {\n            amount: order.price?.formatted ?? undefined,\n            currency: order.price?.currency ?? undefined,\n            txHash: order.txHash?.fulfilled ?? undefined,\n            assetName: order.token?.name ?? undefined,\n          },\n        });\n      });\n\n    receivedOffers.forEach((order) => {\n      const id = `order-${order.orderHash}`;\n      const fmt = formatOrderNotification(order);\n      items.push({\n        id,\n        type: \"offer\",\n        priority: \"spotlight\",\n        celebratory: false,\n        ...fmt,\n        timestamp: order.createdAt ?? new Date().toISOString(),\n        isUnread: !readIds.has(id),\n        metadata: {\n          amount: order.price?.formatted ?? undefined,\n          currency: order.price?.currency ?? undefined,\n          assetName: order.token?.name ?? undefined,\n        },\n      });\n    });\n\n    (activities as ApiActivity[]).slice(0, 50).forEach((event) => {\n      const id = `activity-${event.txHash}-${event.type}-${event.nftTokenId ?? \"\"}`;\n\n      if (\n        event.type === \"transfer\" &&\n        address &&\n        !!event.to && normalizeAddress(\"STARKNET\", event.to) === normalizeAddress(\"STARKNET\", address)\n      ) {\n        const fmt = formatAssetReceivedNotification(event);\n        items.push({\n          id,\n          type: \"asset_received\",\n          priority: \"spotlight\",\n          celebratory: true,\n          ...fmt,\n          timestamp: event.timestamp ?? new Date().toISOString(),\n          isUnread: !readIds.has(id),\n          metadata: {\n            txHash: event.txHash ?? undefined,\n            assetName: event.token?.name ?? undefined,\n          },\n        });\n        return;\n      }\n\n      const isMySale =\n        event.type === \"sale\" &&\n        address &&\n        ((!!event.offerer && normalizeAddress(\"STARKNET\", event.offerer) === normalizeAddress(\"STARKNET\", address)) ||\n          (!!event.from && normalizeAddress(\"STARKNET\", event.from) === normalizeAddress(\"STARKNET\", address)));\n\n      const fmt = formatActivity(event);\n      items.push({\n        id,\n        type: event.type as Notification[\"type\"],\n        priority: isMySale ? \"spotlight\" : \"normal\",\n        celebratory: !!isMySale,\n        ...fmt,\n        timestamp: event.timestamp ?? new Date().toISOString(),\n        isUnread: !readIds.has(id),\n        metadata: {\n          amount: event.price?.formatted ?? undefined,\n          currency: event.price?.currency ?? undefined,\n          txHash: event.txHash ?? undefined,\n          assetName: event.token?.name ?? undefined,\n        },\n      });\n    });\n\n    announcements.forEach((ann) => {\n      const id = `ann-${ann.id}`;\n      items.push({\n        id,\n        type: \"announcement\",\n        priority: ann.pinned ? \"spotlight\" : \"normal\",\n        celebratory: false,\n        title: ann.title,\n        description: ann.body,\n        image: ann.image,\n        href: ann.href,\n        timestamp: ann.created_at,\n        isUnread: !readIds.has(id),\n      });\n    });\n\n    items.sort(\n      (a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime()\n    );\n\n    return items;\n  }, [userOrders, receivedOffers, activities, announcements, address, readIds]);\n\n  const unreadCount = notifications.filter((n) => n.isUnread).length;\n\n  const markNotificationsRead = useCallback((ids: string[]) => {\n    markRead(ids);\n    setReadIds(getReadIds());\n  }, []);\n\n  const isLoading = notificationsAreLoading({\n    ordersLoading,\n    receivedLoading,\n    activitiesLoading,\n    hasAddress: !!address,\n  });\n\n  return {\n    notifications,\n    unreadCount,\n    isLoading,\n    markAllRead: () => markNotificationsRead(notifications.map((n) => n.id)),\n    markRead: (id: string) => markNotificationsRead([id]),\n  };\n}\n"],"mappings":"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","names":["useSWR","fmt"]}

package/dist/utils/use-notifications.d.cts

@@ -5,6 +5,7 @@ import { ApiFetchConfig } from './api-fetch.cjs';
 declare function useNotifications(getClient: () => MedialaneClient, apiConfig: ApiFetchConfig, address: string | null | undefined): {
     notifications: Notification[];
     unreadCount: number;
+    isLoading: boolean;
     markAllRead: () => void;
     markRead: (id: string) => void;
 };

package/dist/utils/use-notifications.d.ts

@@ -5,6 +5,7 @@ import { ApiFetchConfig } from './api-fetch.js';
 declare function useNotifications(getClient: () => MedialaneClient, apiConfig: ApiFetchConfig, address: string | null | undefined): {
     notifications: Notification[];
     unreadCount: number;
+    isLoading: boolean;
     markAllRead: () => void;
     markRead: (id: string) => void;
 };

package/dist/utils/use-notifications.js

@@ -1,10 +1,11 @@
 "use client";
-import { useCallback, useMemo, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import useSWR from "swr";
 import { normalizeAddress } from "@medialane/sdk";
 import { useUserOrders, useReceivedOffers } from "./use-orders.js";
 import { useActivitiesByAddress } from "./use-activities.js";
 import { getReadIds, markRead } from "./notification-storage.js";
+import { notificationsAreLoading } from "./notification-readiness.js";
 import {
   formatActivity,
   formatOrderNotification,
@@ -17,10 +18,13 @@ async function fetchAnnouncements() {
   return res.json();
 }
 function useNotifications(getClient, apiConfig, address) {
-  const [readIds, setReadIds] = useState(() => getReadIds());
-  const { orders: userOrders } = useUserOrders(getClient, address ?? null);
-  const { orders: receivedOffers } = useReceivedOffers(apiConfig, address ?? null);
-  const { activities } = useActivitiesByAddress(getClient, address ?? null);
+  const [readIds, setReadIds] = useState(() => /* @__PURE__ */ new Set());
+  useEffect(() => {
+    setReadIds(getReadIds());
+  }, []);
+  const { orders: userOrders, isLoading: ordersLoading } = useUserOrders(getClient, address ?? null);
+  const { orders: receivedOffers, isLoading: receivedLoading } = useReceivedOffers(apiConfig, address ?? null);
+  const { activities, isLoading: activitiesLoading } = useActivitiesByAddress(getClient, address ?? null);
   const { data: announcements = [] } = useSWR(
     "announcements",
     fetchAnnouncements,
@@ -127,9 +131,16 @@ function useNotifications(getClient, apiConfig, address) {
     markRead(ids);
     setReadIds(getReadIds());
   }, []);
+  const isLoading = notificationsAreLoading({
+    ordersLoading,
+    receivedLoading,
+    activitiesLoading,
+    hasAddress: !!address
+  });
   return {
     notifications,
     unreadCount,
+    isLoading,
     markAllRead: () => markNotificationsRead(notifications.map((n) => n.id)),
     markRead: (id) => markNotificationsRead([id])
   };

package/dist/utils/use-notifications.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/use-notifications.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useState } from \"react\";\nimport useSWR from \"swr\";\nimport { normalizeAddress } from \"@medialane/sdk\";\nimport type { ApiActivity } from \"@medialane/sdk\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport { useUserOrders, useReceivedOffers } from \"./use-orders.js\";\nimport { useActivitiesByAddress } from \"./use-activities.js\";\nimport { getReadIds, markRead } from \"./notification-storage.js\";\nimport {\n  formatActivity,\n  formatOrderNotification,\n  formatOfferAcceptedNotification,\n  formatAssetReceivedNotification,\n} from \"./format-activity.js\";\nimport type { Notification, Announcement } from \"../data/notification.js\";\nimport type { ApiFetchConfig } from \"./api-fetch.js\";\n\nasync function fetchAnnouncements(): Promise<Announcement[]> {\n  const res = await fetch(\"/api/announcements\");\n  if (!res.ok) return [];\n  return res.json();\n}\n\nexport function useNotifications(\n  getClient: () => MedialaneClient,\n  apiConfig: ApiFetchConfig,\n  address: string | null | undefined\n) {\n  const [readIds, setReadIds] = useState<Set<string>>(() => getReadIds());\n\n  const { orders: userOrders } = useUserOrders(getClient, address ?? null);\n\n  const { orders: receivedOffers } = useReceivedOffers(apiConfig, address ?? null);\n  const { activities } = useActivitiesByAddress(getClient, address ?? null);\n  const { data: announcements = [] } = useSWR<Announcement[]>(\n    \"announcements\",\n    fetchAnnouncements,\n    { revalidateOnFocus: false, dedupingInterval: 60_000 }\n  );\n\n  const notifications: Notification[] = useMemo(() => {\n    const items: Notification[] = [];\n\n    userOrders\n      .filter((o) => o.offer.itemType === \"ERC20\" && o.status === \"FULFILLED\")\n      .forEach((order) => {\n        const id = `offer-accepted-${order.orderHash}`;\n        const fmt = formatOfferAcceptedNotification(order);\n        items.push({\n          id,\n          type: \"offer_accepted\",\n          priority: \"spotlight\",\n          celebratory: true,\n          ...fmt,\n          timestamp: order.updatedAt ?? order.createdAt ?? new Date().toISOString(),\n          isUnread: !readIds.has(id),\n          metadata: {\n            amount: order.price?.formatted ?? undefined,\n            currency: order.price?.currency ?? undefined,\n            txHash: order.txHash?.fulfilled ?? undefined,\n            assetName: order.token?.name ?? undefined,\n          },\n        });\n      });\n\n    receivedOffers.forEach((order) => {\n      const id = `order-${order.orderHash}`;\n      const fmt = formatOrderNotification(order);\n      items.push({\n        id,\n        type: \"offer\",\n        priority: \"spotlight\",\n        celebratory: false,\n        ...fmt,\n        timestamp: order.createdAt ?? new Date().toISOString(),\n        isUnread: !readIds.has(id),\n        metadata: {\n          amount: order.price?.formatted ?? undefined,\n          currency: order.price?.currency ?? undefined,\n          assetName: order.token?.name ?? undefined,\n        },\n      });\n    });\n\n    (activities as ApiActivity[]).slice(0, 50).forEach((event) => {\n      const id = `activity-${event.txHash}-${event.type}-${event.nftTokenId ?? \"\"}`;\n\n      if (\n        event.type === \"transfer\" &&\n        address &&\n        !!event.to && normalizeAddress(\"STARKNET\", event.to) === normalizeAddress(\"STARKNET\", address)\n      ) {\n        const fmt = formatAssetReceivedNotification(event);\n        items.push({\n          id,\n          type: \"asset_received\",\n          priority: \"spotlight\",\n          celebratory: true,\n          ...fmt,\n          timestamp: event.timestamp ?? new Date().toISOString(),\n          isUnread: !readIds.has(id),\n          metadata: {\n            txHash: event.txHash ?? undefined,\n            assetName: event.token?.name ?? undefined,\n          },\n        });\n        return;\n      }\n\n      const isMySale =\n        event.type === \"sale\" &&\n        address &&\n        ((!!event.offerer && normalizeAddress(\"STARKNET\", event.offerer) === normalizeAddress(\"STARKNET\", address)) ||\n          (!!event.from && normalizeAddress(\"STARKNET\", event.from) === normalizeAddress(\"STARKNET\", address)));\n\n      const fmt = formatActivity(event);\n      items.push({\n        id,\n        type: event.type as Notification[\"type\"],\n        priority: isMySale ? \"spotlight\" : \"normal\",\n        celebratory: !!isMySale,\n        ...fmt,\n        timestamp: event.timestamp ?? new Date().toISOString(),\n        isUnread: !readIds.has(id),\n        metadata: {\n          amount: event.price?.formatted ?? undefined,\n          currency: event.price?.currency ?? undefined,\n          txHash: event.txHash ?? undefined,\n          assetName: event.token?.name ?? undefined,\n        },\n      });\n    });\n\n    announcements.forEach((ann) => {\n      const id = `ann-${ann.id}`;\n      items.push({\n        id,\n        type: \"announcement\",\n        priority: ann.pinned ? \"spotlight\" : \"normal\",\n        celebratory: false,\n        title: ann.title,\n        description: ann.body,\n        image: ann.image,\n        href: ann.href,\n        timestamp: ann.created_at,\n        isUnread: !readIds.has(id),\n      });\n    });\n\n    items.sort(\n      (a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime()\n    );\n\n    return items;\n  }, [userOrders, receivedOffers, activities, announcements, address, readIds]);\n\n  const unreadCount = notifications.filter((n) => n.isUnread).length;\n\n  const markNotificationsRead = useCallback((ids: string[]) => {\n    markRead(ids);\n    setReadIds(getReadIds());\n  }, []);\n\n  return {\n    notifications,\n    unreadCount,\n    markAllRead: () => markNotificationsRead(notifications.map((n) => n.id)),\n    markRead: (id: string) => markNotificationsRead([id]),\n  };\n}\n"],"mappings":"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","names":["fmt"]}
+{"version":3,"sources":["../../src/utils/use-notifications.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport useSWR from \"swr\";\nimport { normalizeAddress } from \"@medialane/sdk\";\nimport type { ApiActivity } from \"@medialane/sdk\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport { useUserOrders, useReceivedOffers } from \"./use-orders.js\";\nimport { useActivitiesByAddress } from \"./use-activities.js\";\nimport { getReadIds, markRead } from \"./notification-storage.js\";\nimport { notificationsAreLoading } from \"./notification-readiness.js\";\nimport {\n  formatActivity,\n  formatOrderNotification,\n  formatOfferAcceptedNotification,\n  formatAssetReceivedNotification,\n} from \"./format-activity.js\";\nimport type { Notification, Announcement } from \"../data/notification.js\";\nimport type { ApiFetchConfig } from \"./api-fetch.js\";\n\nasync function fetchAnnouncements(): Promise<Announcement[]> {\n  const res = await fetch(\"/api/announcements\");\n  if (!res.ok) return [];\n  return res.json();\n}\n\nexport function useNotifications(\n  getClient: () => MedialaneClient,\n  apiConfig: ApiFetchConfig,\n  address: string | null | undefined\n) {\n  const [readIds, setReadIds] = useState<Set<string>>(() => new Set<string>());\n\n  useEffect(() => {\n    setReadIds(getReadIds());\n  }, []);\n\n  const { orders: userOrders, isLoading: ordersLoading } = useUserOrders(getClient, address ?? null);\n\n  const { orders: receivedOffers, isLoading: receivedLoading } = useReceivedOffers(apiConfig, address ?? null);\n  const { activities, isLoading: activitiesLoading } = useActivitiesByAddress(getClient, address ?? null);\n  const { data: announcements = [] } = useSWR<Announcement[]>(\n    \"announcements\",\n    fetchAnnouncements,\n    { revalidateOnFocus: false, dedupingInterval: 60_000 }\n  );\n\n  const notifications: Notification[] = useMemo(() => {\n    const items: Notification[] = [];\n\n    userOrders\n      .filter((o) => o.offer.itemType === \"ERC20\" && o.status === \"FULFILLED\")\n      .forEach((order) => {\n        const id = `offer-accepted-${order.orderHash}`;\n        const fmt = formatOfferAcceptedNotification(order);\n        items.push({\n          id,\n          type: \"offer_accepted\",\n          priority: \"spotlight\",\n          celebratory: true,\n          ...fmt,\n          timestamp: order.updatedAt ?? order.createdAt ?? new Date().toISOString(),\n          isUnread: !readIds.has(id),\n          metadata: {\n            amount: order.price?.formatted ?? undefined,\n            currency: order.price?.currency ?? undefined,\n            txHash: order.txHash?.fulfilled ?? undefined,\n            assetName: order.token?.name ?? undefined,\n          },\n        });\n      });\n\n    receivedOffers.forEach((order) => {\n      const id = `order-${order.orderHash}`;\n      const fmt = formatOrderNotification(order);\n      items.push({\n        id,\n        type: \"offer\",\n        priority: \"spotlight\",\n        celebratory: false,\n        ...fmt,\n        timestamp: order.createdAt ?? new Date().toISOString(),\n        isUnread: !readIds.has(id),\n        metadata: {\n          amount: order.price?.formatted ?? undefined,\n          currency: order.price?.currency ?? undefined,\n          assetName: order.token?.name ?? undefined,\n        },\n      });\n    });\n\n    (activities as ApiActivity[]).slice(0, 50).forEach((event) => {\n      const id = `activity-${event.txHash}-${event.type}-${event.nftTokenId ?? \"\"}`;\n\n      if (\n        event.type === \"transfer\" &&\n        address &&\n        !!event.to && normalizeAddress(\"STARKNET\", event.to) === normalizeAddress(\"STARKNET\", address)\n      ) {\n        const fmt = formatAssetReceivedNotification(event);\n        items.push({\n          id,\n          type: \"asset_received\",\n          priority: \"spotlight\",\n          celebratory: true,\n          ...fmt,\n          timestamp: event.timestamp ?? new Date().toISOString(),\n          isUnread: !readIds.has(id),\n          metadata: {\n            txHash: event.txHash ?? undefined,\n            assetName: event.token?.name ?? undefined,\n          },\n        });\n        return;\n      }\n\n      const isMySale =\n        event.type === \"sale\" &&\n        address &&\n        ((!!event.offerer && normalizeAddress(\"STARKNET\", event.offerer) === normalizeAddress(\"STARKNET\", address)) ||\n          (!!event.from && normalizeAddress(\"STARKNET\", event.from) === normalizeAddress(\"STARKNET\", address)));\n\n      const fmt = formatActivity(event);\n      items.push({\n        id,\n        type: event.type as Notification[\"type\"],\n        priority: isMySale ? \"spotlight\" : \"normal\",\n        celebratory: !!isMySale,\n        ...fmt,\n        timestamp: event.timestamp ?? new Date().toISOString(),\n        isUnread: !readIds.has(id),\n        metadata: {\n          amount: event.price?.formatted ?? undefined,\n          currency: event.price?.currency ?? undefined,\n          txHash: event.txHash ?? undefined,\n          assetName: event.token?.name ?? undefined,\n        },\n      });\n    });\n\n    announcements.forEach((ann) => {\n      const id = `ann-${ann.id}`;\n      items.push({\n        id,\n        type: \"announcement\",\n        priority: ann.pinned ? \"spotlight\" : \"normal\",\n        celebratory: false,\n        title: ann.title,\n        description: ann.body,\n        image: ann.image,\n        href: ann.href,\n        timestamp: ann.created_at,\n        isUnread: !readIds.has(id),\n      });\n    });\n\n    items.sort(\n      (a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime()\n    );\n\n    return items;\n  }, [userOrders, receivedOffers, activities, announcements, address, readIds]);\n\n  const unreadCount = notifications.filter((n) => n.isUnread).length;\n\n  const markNotificationsRead = useCallback((ids: string[]) => {\n    markRead(ids);\n    setReadIds(getReadIds());\n  }, []);\n\n  const isLoading = notificationsAreLoading({\n    ordersLoading,\n    receivedLoading,\n    activitiesLoading,\n    hasAddress: !!address,\n  });\n\n  return {\n    notifications,\n    unreadCount,\n    isLoading,\n    markAllRead: () => markNotificationsRead(notifications.map((n) => n.id)),\n    markRead: (id: string) => markNotificationsRead([id]),\n  };\n}\n"],"mappings":"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","names":["fmt"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medialane/ui",
-  "version": "0.161.0",
+  "version": "0.161.1",
   "description": "Shared UI components for Medialane apps",
   "type": "module",
   "sideEffects": false,