@medialane/ui 0.285.0 → 0.287.0

package/dist/utils/use-collection-settings.d.ts

@@ -0,0 +1,58 @@
+import * as _medialane_sdk from '@medialane/sdk';
+import * as zod from 'zod';
+import { ChangeEvent } from 'react';
+import { CollectionSettingsForm } from './collection-settings-form.js';
+
+type SaveStatus = "idle" | "saved" | "error";
+declare function useCollectionSettings(contract: string): {
+    collection: {
+        symbol: string | null;
+        chain: string;
+        owner: string | null;
+        collectionId: string | null;
+        name: string | null;
+        description: string | null;
+        image: string | null;
+        service: string | null;
+        contractAddress: string;
+        id: string;
+        createdAt: string;
+        updatedAt: string;
+        metadataStatus: "PENDING" | "FETCHING" | "FETCHED" | "FAILED";
+        standard: "ERC721" | "ERC1155";
+        attributes: zod.objectOutputType<{
+            trait_type: zod.ZodString;
+            value: zod.ZodUnion<[zod.ZodString, zod.ZodNumber, zod.ZodBoolean]>;
+            display_type: zod.ZodOptional<zod.ZodString>;
+        }, zod.ZodTypeAny, "passthrough">[] | null;
+        holderCount: number;
+        startBlock: string;
+        isFeatured: boolean;
+        isHidden: boolean;
+        claimedBy: string | null;
+        floorPrice: string | null;
+        totalVolume: string | null;
+        totalSupply: number;
+        profile: {
+            description: string | null;
+            image: string | null;
+            displayName: string | null;
+            gatedContentTitle: string | null;
+            hasGatedContent: boolean;
+            slug: string | null;
+        } | null;
+    } | null;
+    profile: _medialane_sdk.ApiCollectionProfile | null;
+    collectionLoading: boolean;
+    isLoading: boolean;
+    isOwner: boolean;
+    form: CollectionSettingsForm;
+    set: (key: keyof CollectionSettingsForm) => (e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    update: (patch: Partial<CollectionSettingsForm>) => void;
+    saving: boolean;
+    saveStatus: SaveStatus;
+    saveError: string | null;
+    save: () => Promise<void>;
+};
+
+export { useCollectionSettings };

package/dist/utils/use-collection-settings.js

@@ -0,0 +1,59 @@
+"use client";
+import { useCallback, useEffect, useState } from "react";
+import { normalizeAddress } from "@medialane/sdk";
+import { useMedialaneApp } from "../components/medialane-app.js";
+import { describeError } from "./describe-error.js";
+import { useCollection } from "./use-collections.js";
+import { useCollectionProfile } from "./use-profiles.js";
+import { EMPTY_SETTINGS_FORM, applyProfile, toProfileInput } from "./collection-settings-form.js";
+function useCollectionSettings(contract) {
+  const { walletAddress, getClient, ensureSignedIn } = useMedialaneApp();
+  const { collection, isLoading: collectionLoading } = useCollection(contract);
+  const { profile, isLoading: profileLoading, mutate } = useCollectionProfile(contract);
+  const [form, setForm] = useState(EMPTY_SETTINGS_FORM);
+  const [saving, setSaving] = useState(false);
+  const [saveStatus, setSaveStatus] = useState("idle");
+  const [saveError, setSaveError] = useState(null);
+  useEffect(() => {
+    if (profile) setForm((f) => applyProfile(f, profile));
+  }, [profile]);
+  const update = useCallback((patch) => setForm((f) => ({ ...f, ...patch })), []);
+  const set = (key) => (e) => update({ [key]: e.target.value });
+  const isOwner = Boolean(
+    walletAddress && collection?.owner && normalizeAddress("STARKNET", walletAddress) === normalizeAddress("STARKNET", collection.owner)
+  );
+  const save = async () => {
+    setSaving(true);
+    setSaveError(null);
+    try {
+      await ensureSignedIn?.();
+      await getClient().api.collections.updateProfile(contract, toProfileInput(form));
+      await mutate();
+      setSaveStatus("saved");
+      setTimeout(() => setSaveStatus("idle"), 3e3);
+    } catch (e) {
+      setSaveStatus("error");
+      setSaveError(describeError(e).message);
+    } finally {
+      setSaving(false);
+    }
+  };
+  return {
+    collection,
+    profile,
+    collectionLoading,
+    isLoading: collectionLoading || profileLoading,
+    isOwner,
+    form,
+    set,
+    update,
+    saving,
+    saveStatus,
+    saveError,
+    save
+  };
+}
+export {
+  useCollectionSettings
+};
+//# sourceMappingURL=use-collection-settings.js.map

package/dist/utils/use-collection-settings.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/use-collection-settings.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useEffect, useState, type ChangeEvent } from \"react\";\nimport { normalizeAddress } from \"@medialane/sdk\";\nimport { useMedialaneApp } from \"../components/medialane-app.js\";\nimport { describeError } from \"./describe-error.js\";\nimport { useCollection } from \"./use-collections.js\";\nimport { useCollectionProfile } from \"./use-profiles.js\";\nimport { EMPTY_SETTINGS_FORM, applyProfile, toProfileInput, type CollectionSettingsForm } from \"./collection-settings-form.js\";\n\ntype SaveStatus = \"idle\" | \"saved\" | \"error\";\n\nexport function useCollectionSettings(contract: string) {\n  const { walletAddress, getClient, ensureSignedIn } = useMedialaneApp();\n  const { collection, isLoading: collectionLoading } = useCollection(contract);\n  const { profile, isLoading: profileLoading, mutate } = useCollectionProfile(contract);\n\n  const [form, setForm] = useState<CollectionSettingsForm>(EMPTY_SETTINGS_FORM);\n  const [saving, setSaving] = useState(false);\n  const [saveStatus, setSaveStatus] = useState<SaveStatus>(\"idle\");\n  const [saveError, setSaveError] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (profile) setForm((f) => applyProfile(f, profile));\n  }, [profile]);\n\n  const update = useCallback((patch: Partial<CollectionSettingsForm>) => setForm((f) => ({ ...f, ...patch })), []);\n\n  const set = (key: keyof CollectionSettingsForm) => (e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) =>\n    update({ [key]: e.target.value });\n\n  const isOwner = Boolean(\n    walletAddress &&\n      collection?.owner &&\n      normalizeAddress(\"STARKNET\", walletAddress) === normalizeAddress(\"STARKNET\", collection.owner),\n  );\n\n  const save = async () => {\n    setSaving(true);\n    setSaveError(null);\n    try {\n      await ensureSignedIn?.();\n      await getClient().api.collections.updateProfile(contract, toProfileInput(form));\n      await mutate();\n      setSaveStatus(\"saved\");\n      setTimeout(() => setSaveStatus(\"idle\"), 3000);\n    } catch (e) {\n      setSaveStatus(\"error\");\n      setSaveError(describeError(e).message);\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  return {\n    collection,\n    profile,\n    collectionLoading,\n    isLoading: collectionLoading || profileLoading,\n    isOwner,\n    form,\n    set,\n    update,\n    saving,\n    saveStatus,\n    saveError,\n    save,\n  };\n}\n"],"mappings":";AAEA,SAAS,aAAa,WAAW,gBAAkC;AACnE,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,4BAA4B;AACrC,SAAS,qBAAqB,cAAc,sBAAmD;AAIxF,SAAS,sBAAsB,UAAkB;AACtD,QAAM,EAAE,eAAe,WAAW,eAAe,IAAI,gBAAgB;AACrE,QAAM,EAAE,YAAY,WAAW,kBAAkB,IAAI,cAAc,QAAQ;AAC3E,QAAM,EAAE,SAAS,WAAW,gBAAgB,OAAO,IAAI,qBAAqB,QAAQ;AAEpF,QAAM,CAAC,MAAM,OAAO,IAAI,SAAiC,mBAAmB;AAC5E,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAqB,MAAM;AAC/D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAwB,IAAI;AAE9D,YAAU,MAAM;AACd,QAAI,QAAS,SAAQ,CAAC,MAAM,aAAa,GAAG,OAAO,CAAC;AAAA,EACtD,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,SAAS,YAAY,CAAC,UAA2C,QAAQ,CAAC,OAAO,EAAE,GAAG,GAAG,GAAG,MAAM,EAAE,GAAG,CAAC,CAAC;AAE/G,QAAM,MAAM,CAAC,QAAsC,CAAC,MAClD,OAAO,EAAE,CAAC,GAAG,GAAG,EAAE,OAAO,MAAM,CAAC;AAElC,QAAM,UAAU;AAAA,IACd,iBACE,YAAY,SACZ,iBAAiB,YAAY,aAAa,MAAM,iBAAiB,YAAY,WAAW,KAAK;AAAA,EACjG;AAEA,QAAM,OAAO,YAAY;AACvB,cAAU,IAAI;AACd,iBAAa,IAAI;AACjB,QAAI;AACF,YAAM,iBAAiB;AACvB,YAAM,UAAU,EAAE,IAAI,YAAY,cAAc,UAAU,eAAe,IAAI,CAAC;AAC9E,YAAM,OAAO;AACb,oBAAc,OAAO;AACrB,iBAAW,MAAM,cAAc,MAAM,GAAG,GAAI;AAAA,IAC9C,SAAS,GAAG;AACV,oBAAc,OAAO;AACrB,mBAAa,cAAc,CAAC,EAAE,OAAO;AAAA,IACvC,UAAE;AACA,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,qBAAqB;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/utils/use-debounced-value.cjs

@@ -0,0 +1,38 @@
+"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 use_debounced_value_exports = {};
+__export(use_debounced_value_exports, {
+  useDebouncedValue: () => useDebouncedValue
+});
+module.exports = __toCommonJS(use_debounced_value_exports);
+var import_react = require("react");
+function useDebouncedValue(value, delayMs) {
+  const [debounced, setDebounced] = (0, import_react.useState)(value);
+  (0, import_react.useEffect)(() => {
+    const timer = setTimeout(() => setDebounced(value), delayMs);
+    return () => clearTimeout(timer);
+  }, [value, delayMs]);
+  return debounced;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useDebouncedValue
+});
+//# sourceMappingURL=use-debounced-value.cjs.map

package/dist/utils/use-debounced-value.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/use-debounced-value.ts"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\n\nexport function useDebouncedValue<T>(value: T, delayMs: number): T {\n  const [debounced, setDebounced] = useState(value);\n  useEffect(() => {\n    const timer = setTimeout(() => setDebounced(value), delayMs);\n    return () => clearTimeout(timer);\n  }, [value, delayMs]);\n  return debounced;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAoC;AAE7B,SAAS,kBAAqB,OAAU,SAAoB;AACjE,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAChD,8BAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,aAAa,KAAK,GAAG,OAAO;AAC3D,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,OAAO,OAAO,CAAC;AACnB,SAAO;AACT;","names":[]}

package/dist/utils/use-debounced-value.d.cts

@@ -0,0 +1,3 @@
+declare function useDebouncedValue<T>(value: T, delayMs: number): T;
+
+export { useDebouncedValue };

package/dist/utils/use-debounced-value.d.ts

@@ -0,0 +1,3 @@
+declare function useDebouncedValue<T>(value: T, delayMs: number): T;
+
+export { useDebouncedValue };

package/dist/utils/use-debounced-value.js

@@ -0,0 +1,14 @@
+"use client";
+import { useEffect, useState } from "react";
+function useDebouncedValue(value, delayMs) {
+  const [debounced, setDebounced] = useState(value);
+  useEffect(() => {
+    const timer = setTimeout(() => setDebounced(value), delayMs);
+    return () => clearTimeout(timer);
+  }, [value, delayMs]);
+  return debounced;
+}
+export {
+  useDebouncedValue
+};
+//# sourceMappingURL=use-debounced-value.js.map

package/dist/utils/use-debounced-value.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/use-debounced-value.ts"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\n\nexport function useDebouncedValue<T>(value: T, delayMs: number): T {\n  const [debounced, setDebounced] = useState(value);\n  useEffect(() => {\n    const timer = setTimeout(() => setDebounced(value), delayMs);\n    return () => clearTimeout(timer);\n  }, [value, delayMs]);\n  return debounced;\n}\n"],"mappings":";AAEA,SAAS,WAAW,gBAAgB;AAE7B,SAAS,kBAAqB,OAAU,SAAoB;AACjE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,aAAa,KAAK,GAAG,OAAO;AAC3D,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,OAAO,OAAO,CAAC;AACnB,SAAO;AACT;","names":[]}

package/package.json

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