@medialane/ui 0.286.0 → 0.287.0

package/dist/utils/collection-settings-form.cjs

@@ -0,0 +1,77 @@
+"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 collection_settings_form_exports = {};
+__export(collection_settings_form_exports, {
+  EMPTY_SETTINGS_FORM: () => EMPTY_SETTINGS_FORM,
+  applyProfile: () => applyProfile,
+  toProfileInput: () => toProfileInput
+});
+module.exports = __toCommonJS(collection_settings_form_exports);
+const EMPTY_SETTINGS_FORM = {
+  displayName: "",
+  description: "",
+  image: "",
+  bannerImage: "",
+  websiteUrl: "",
+  twitterUrl: "",
+  discordUrl: "",
+  telegramUrl: "",
+  gatedEnabled: false,
+  gatedContentTitle: "",
+  gatedContentUrl: "",
+  gatedContentType: ""
+};
+function applyProfile(form, profile) {
+  return {
+    ...form,
+    displayName: profile.displayName ?? "",
+    description: profile.description ?? "",
+    image: profile.image ?? "",
+    bannerImage: profile.bannerImage ?? "",
+    websiteUrl: profile.websiteUrl ?? "",
+    twitterUrl: profile.twitterUrl ?? "",
+    discordUrl: profile.discordUrl ?? "",
+    telegramUrl: profile.telegramUrl ?? "",
+    gatedEnabled: profile.hasGatedContent,
+    gatedContentTitle: profile.gatedContentTitle ?? ""
+  };
+}
+function toProfileInput(form) {
+  const gated = form.gatedEnabled;
+  return {
+    displayName: form.displayName || null,
+    description: form.description || null,
+    image: form.image || null,
+    bannerImage: form.bannerImage || null,
+    websiteUrl: form.websiteUrl || null,
+    twitterUrl: form.twitterUrl || null,
+    discordUrl: form.discordUrl || null,
+    telegramUrl: form.telegramUrl || null,
+    gatedContentTitle: gated ? form.gatedContentTitle || null : null,
+    gatedContentUrl: gated ? form.gatedContentUrl || null : null,
+    gatedContentType: gated ? form.gatedContentType || null : null
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EMPTY_SETTINGS_FORM,
+  applyProfile,
+  toProfileInput
+});
+//# sourceMappingURL=collection-settings-form.cjs.map

package/dist/utils/collection-settings-form.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/collection-settings-form.ts"],"sourcesContent":["import type { ApiCollectionProfile, UpdateCollectionProfileInput } from \"@medialane/sdk\";\n\nexport interface CollectionSettingsForm {\n  displayName: string;\n  description: string;\n  image: string;\n  bannerImage: string;\n  websiteUrl: string;\n  twitterUrl: string;\n  discordUrl: string;\n  telegramUrl: string;\n  gatedEnabled: boolean;\n  gatedContentTitle: string;\n  gatedContentUrl: string;\n  gatedContentType: string;\n}\n\nexport const EMPTY_SETTINGS_FORM: CollectionSettingsForm = {\n  displayName: \"\",\n  description: \"\",\n  image: \"\",\n  bannerImage: \"\",\n  websiteUrl: \"\",\n  twitterUrl: \"\",\n  discordUrl: \"\",\n  telegramUrl: \"\",\n  gatedEnabled: false,\n  gatedContentTitle: \"\",\n  gatedContentUrl: \"\",\n  gatedContentType: \"\",\n};\n\nexport function applyProfile(form: CollectionSettingsForm, profile: ApiCollectionProfile): CollectionSettingsForm {\n  return {\n    ...form,\n    displayName: profile.displayName ?? \"\",\n    description: profile.description ?? \"\",\n    image: profile.image ?? \"\",\n    bannerImage: profile.bannerImage ?? \"\",\n    websiteUrl: profile.websiteUrl ?? \"\",\n    twitterUrl: profile.twitterUrl ?? \"\",\n    discordUrl: profile.discordUrl ?? \"\",\n    telegramUrl: profile.telegramUrl ?? \"\",\n    gatedEnabled: profile.hasGatedContent,\n    gatedContentTitle: profile.gatedContentTitle ?? \"\",\n  };\n}\n\nexport function toProfileInput(form: CollectionSettingsForm): UpdateCollectionProfileInput {\n  const gated = form.gatedEnabled;\n  return {\n    displayName: form.displayName || null,\n    description: form.description || null,\n    image: form.image || null,\n    bannerImage: form.bannerImage || null,\n    websiteUrl: form.websiteUrl || null,\n    twitterUrl: form.twitterUrl || null,\n    discordUrl: form.discordUrl || null,\n    telegramUrl: form.telegramUrl || null,\n    gatedContentTitle: gated ? form.gatedContentTitle || null : null,\n    gatedContentUrl: gated ? form.gatedContentUrl || null : null,\n    gatedContentType: gated\n      ? ((form.gatedContentType || null) as UpdateCollectionProfileInput[\"gatedContentType\"])\n      : null,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBO,MAAM,sBAA8C;AAAA,EACzD,aAAa;AAAA,EACb,aAAa;AAAA,EACb,OAAO;AAAA,EACP,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,kBAAkB;AACpB;AAEO,SAAS,aAAa,MAA8B,SAAuD;AAChH,SAAO;AAAA,IACL,GAAG;AAAA,IACH,aAAa,QAAQ,eAAe;AAAA,IACpC,aAAa,QAAQ,eAAe;AAAA,IACpC,OAAO,QAAQ,SAAS;AAAA,IACxB,aAAa,QAAQ,eAAe;AAAA,IACpC,YAAY,QAAQ,cAAc;AAAA,IAClC,YAAY,QAAQ,cAAc;AAAA,IAClC,YAAY,QAAQ,cAAc;AAAA,IAClC,aAAa,QAAQ,eAAe;AAAA,IACpC,cAAc,QAAQ;AAAA,IACtB,mBAAmB,QAAQ,qBAAqB;AAAA,EAClD;AACF;AAEO,SAAS,eAAe,MAA4D;AACzF,QAAM,QAAQ,KAAK;AACnB,SAAO;AAAA,IACL,aAAa,KAAK,eAAe;AAAA,IACjC,aAAa,KAAK,eAAe;AAAA,IACjC,OAAO,KAAK,SAAS;AAAA,IACrB,aAAa,KAAK,eAAe;AAAA,IACjC,YAAY,KAAK,cAAc;AAAA,IAC/B,YAAY,KAAK,cAAc;AAAA,IAC/B,YAAY,KAAK,cAAc;AAAA,IAC/B,aAAa,KAAK,eAAe;AAAA,IACjC,mBAAmB,QAAQ,KAAK,qBAAqB,OAAO;AAAA,IAC5D,iBAAiB,QAAQ,KAAK,mBAAmB,OAAO;AAAA,IACxD,kBAAkB,QACZ,KAAK,oBAAoB,OAC3B;AAAA,EACN;AACF;","names":[]}

package/dist/utils/collection-settings-form.d.cts

@@ -0,0 +1,21 @@
+import { ApiCollectionProfile, UpdateCollectionProfileInput } from '@medialane/sdk';
+
+interface CollectionSettingsForm {
+    displayName: string;
+    description: string;
+    image: string;
+    bannerImage: string;
+    websiteUrl: string;
+    twitterUrl: string;
+    discordUrl: string;
+    telegramUrl: string;
+    gatedEnabled: boolean;
+    gatedContentTitle: string;
+    gatedContentUrl: string;
+    gatedContentType: string;
+}
+declare const EMPTY_SETTINGS_FORM: CollectionSettingsForm;
+declare function applyProfile(form: CollectionSettingsForm, profile: ApiCollectionProfile): CollectionSettingsForm;
+declare function toProfileInput(form: CollectionSettingsForm): UpdateCollectionProfileInput;
+
+export { type CollectionSettingsForm, EMPTY_SETTINGS_FORM, applyProfile, toProfileInput };

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

@@ -0,0 +1,21 @@
+import { ApiCollectionProfile, UpdateCollectionProfileInput } from '@medialane/sdk';
+
+interface CollectionSettingsForm {
+    displayName: string;
+    description: string;
+    image: string;
+    bannerImage: string;
+    websiteUrl: string;
+    twitterUrl: string;
+    discordUrl: string;
+    telegramUrl: string;
+    gatedEnabled: boolean;
+    gatedContentTitle: string;
+    gatedContentUrl: string;
+    gatedContentType: string;
+}
+declare const EMPTY_SETTINGS_FORM: CollectionSettingsForm;
+declare function applyProfile(form: CollectionSettingsForm, profile: ApiCollectionProfile): CollectionSettingsForm;
+declare function toProfileInput(form: CollectionSettingsForm): UpdateCollectionProfileInput;
+
+export { type CollectionSettingsForm, EMPTY_SETTINGS_FORM, applyProfile, toProfileInput };

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

@@ -0,0 +1,51 @@
+const EMPTY_SETTINGS_FORM = {
+  displayName: "",
+  description: "",
+  image: "",
+  bannerImage: "",
+  websiteUrl: "",
+  twitterUrl: "",
+  discordUrl: "",
+  telegramUrl: "",
+  gatedEnabled: false,
+  gatedContentTitle: "",
+  gatedContentUrl: "",
+  gatedContentType: ""
+};
+function applyProfile(form, profile) {
+  return {
+    ...form,
+    displayName: profile.displayName ?? "",
+    description: profile.description ?? "",
+    image: profile.image ?? "",
+    bannerImage: profile.bannerImage ?? "",
+    websiteUrl: profile.websiteUrl ?? "",
+    twitterUrl: profile.twitterUrl ?? "",
+    discordUrl: profile.discordUrl ?? "",
+    telegramUrl: profile.telegramUrl ?? "",
+    gatedEnabled: profile.hasGatedContent,
+    gatedContentTitle: profile.gatedContentTitle ?? ""
+  };
+}
+function toProfileInput(form) {
+  const gated = form.gatedEnabled;
+  return {
+    displayName: form.displayName || null,
+    description: form.description || null,
+    image: form.image || null,
+    bannerImage: form.bannerImage || null,
+    websiteUrl: form.websiteUrl || null,
+    twitterUrl: form.twitterUrl || null,
+    discordUrl: form.discordUrl || null,
+    telegramUrl: form.telegramUrl || null,
+    gatedContentTitle: gated ? form.gatedContentTitle || null : null,
+    gatedContentUrl: gated ? form.gatedContentUrl || null : null,
+    gatedContentType: gated ? form.gatedContentType || null : null
+  };
+}
+export {
+  EMPTY_SETTINGS_FORM,
+  applyProfile,
+  toProfileInput
+};
+//# sourceMappingURL=collection-settings-form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/collection-settings-form.ts"],"sourcesContent":["import type { ApiCollectionProfile, UpdateCollectionProfileInput } from \"@medialane/sdk\";\n\nexport interface CollectionSettingsForm {\n  displayName: string;\n  description: string;\n  image: string;\n  bannerImage: string;\n  websiteUrl: string;\n  twitterUrl: string;\n  discordUrl: string;\n  telegramUrl: string;\n  gatedEnabled: boolean;\n  gatedContentTitle: string;\n  gatedContentUrl: string;\n  gatedContentType: string;\n}\n\nexport const EMPTY_SETTINGS_FORM: CollectionSettingsForm = {\n  displayName: \"\",\n  description: \"\",\n  image: \"\",\n  bannerImage: \"\",\n  websiteUrl: \"\",\n  twitterUrl: \"\",\n  discordUrl: \"\",\n  telegramUrl: \"\",\n  gatedEnabled: false,\n  gatedContentTitle: \"\",\n  gatedContentUrl: \"\",\n  gatedContentType: \"\",\n};\n\nexport function applyProfile(form: CollectionSettingsForm, profile: ApiCollectionProfile): CollectionSettingsForm {\n  return {\n    ...form,\n    displayName: profile.displayName ?? \"\",\n    description: profile.description ?? \"\",\n    image: profile.image ?? \"\",\n    bannerImage: profile.bannerImage ?? \"\",\n    websiteUrl: profile.websiteUrl ?? \"\",\n    twitterUrl: profile.twitterUrl ?? \"\",\n    discordUrl: profile.discordUrl ?? \"\",\n    telegramUrl: profile.telegramUrl ?? \"\",\n    gatedEnabled: profile.hasGatedContent,\n    gatedContentTitle: profile.gatedContentTitle ?? \"\",\n  };\n}\n\nexport function toProfileInput(form: CollectionSettingsForm): UpdateCollectionProfileInput {\n  const gated = form.gatedEnabled;\n  return {\n    displayName: form.displayName || null,\n    description: form.description || null,\n    image: form.image || null,\n    bannerImage: form.bannerImage || null,\n    websiteUrl: form.websiteUrl || null,\n    twitterUrl: form.twitterUrl || null,\n    discordUrl: form.discordUrl || null,\n    telegramUrl: form.telegramUrl || null,\n    gatedContentTitle: gated ? form.gatedContentTitle || null : null,\n    gatedContentUrl: gated ? form.gatedContentUrl || null : null,\n    gatedContentType: gated\n      ? ((form.gatedContentType || null) as UpdateCollectionProfileInput[\"gatedContentType\"])\n      : null,\n  };\n}\n"],"mappings":"AAiBO,MAAM,sBAA8C;AAAA,EACzD,aAAa;AAAA,EACb,aAAa;AAAA,EACb,OAAO;AAAA,EACP,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,kBAAkB;AACpB;AAEO,SAAS,aAAa,MAA8B,SAAuD;AAChH,SAAO;AAAA,IACL,GAAG;AAAA,IACH,aAAa,QAAQ,eAAe;AAAA,IACpC,aAAa,QAAQ,eAAe;AAAA,IACpC,OAAO,QAAQ,SAAS;AAAA,IACxB,aAAa,QAAQ,eAAe;AAAA,IACpC,YAAY,QAAQ,cAAc;AAAA,IAClC,YAAY,QAAQ,cAAc;AAAA,IAClC,YAAY,QAAQ,cAAc;AAAA,IAClC,aAAa,QAAQ,eAAe;AAAA,IACpC,cAAc,QAAQ;AAAA,IACtB,mBAAmB,QAAQ,qBAAqB;AAAA,EAClD;AACF;AAEO,SAAS,eAAe,MAA4D;AACzF,QAAM,QAAQ,KAAK;AACnB,SAAO;AAAA,IACL,aAAa,KAAK,eAAe;AAAA,IACjC,aAAa,KAAK,eAAe;AAAA,IACjC,OAAO,KAAK,SAAS;AAAA,IACrB,aAAa,KAAK,eAAe;AAAA,IACjC,YAAY,KAAK,cAAc;AAAA,IAC/B,YAAY,KAAK,cAAc;AAAA,IAC/B,YAAY,KAAK,cAAc;AAAA,IAC/B,aAAa,KAAK,eAAe;AAAA,IACjC,mBAAmB,QAAQ,KAAK,qBAAqB,OAAO;AAAA,IAC5D,iBAAiB,QAAQ,KAAK,mBAAmB,OAAO;AAAA,IACxD,kBAAkB,QACZ,KAAK,oBAAoB,OAC3B;AAAA,EACN;AACF;","names":[]}

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

@@ -0,0 +1,83 @@
+"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_collection_settings_exports = {};
+__export(use_collection_settings_exports, {
+  useCollectionSettings: () => useCollectionSettings
+});
+module.exports = __toCommonJS(use_collection_settings_exports);
+var import_react = require("react");
+var import_sdk = require("@medialane/sdk");
+var import_medialane_app = require("../components/medialane-app.js");
+var import_describe_error = require("./describe-error.js");
+var import_use_collections = require("./use-collections.js");
+var import_use_profiles = require("./use-profiles.js");
+var import_collection_settings_form = require("./collection-settings-form.js");
+function useCollectionSettings(contract) {
+  const { walletAddress, getClient, ensureSignedIn } = (0, import_medialane_app.useMedialaneApp)();
+  const { collection, isLoading: collectionLoading } = (0, import_use_collections.useCollection)(contract);
+  const { profile, isLoading: profileLoading, mutate } = (0, import_use_profiles.useCollectionProfile)(contract);
+  const [form, setForm] = (0, import_react.useState)(import_collection_settings_form.EMPTY_SETTINGS_FORM);
+  const [saving, setSaving] = (0, import_react.useState)(false);
+  const [saveStatus, setSaveStatus] = (0, import_react.useState)("idle");
+  const [saveError, setSaveError] = (0, import_react.useState)(null);
+  (0, import_react.useEffect)(() => {
+    if (profile) setForm((f) => (0, import_collection_settings_form.applyProfile)(f, profile));
+  }, [profile]);
+  const update = (0, import_react.useCallback)((patch) => setForm((f) => ({ ...f, ...patch })), []);
+  const set = (key) => (e) => update({ [key]: e.target.value });
+  const isOwner = Boolean(
+    walletAddress && collection?.owner && (0, import_sdk.normalizeAddress)("STARKNET", walletAddress) === (0, import_sdk.normalizeAddress)("STARKNET", collection.owner)
+  );
+  const save = async () => {
+    setSaving(true);
+    setSaveError(null);
+    try {
+      await ensureSignedIn?.();
+      await getClient().api.collections.updateProfile(contract, (0, import_collection_settings_form.toProfileInput)(form));
+      await mutate();
+      setSaveStatus("saved");
+      setTimeout(() => setSaveStatus("idle"), 3e3);
+    } catch (e) {
+      setSaveStatus("error");
+      setSaveError((0, import_describe_error.describeError)(e).message);
+    } finally {
+      setSaving(false);
+    }
+  };
+  return {
+    collection,
+    profile,
+    collectionLoading,
+    isLoading: collectionLoading || profileLoading,
+    isOwner,
+    form,
+    set,
+    update,
+    saving,
+    saveStatus,
+    saveError,
+    save
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCollectionSettings
+});
+//# sourceMappingURL=use-collection-settings.cjs.map

package/dist/utils/use-collection-settings.cjs.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":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAmE;AACnE,iBAAiC;AACjC,2BAAgC;AAChC,4BAA8B;AAC9B,6BAA8B;AAC9B,0BAAqC;AACrC,sCAA+F;AAIxF,SAAS,sBAAsB,UAAkB;AACtD,QAAM,EAAE,eAAe,WAAW,eAAe,QAAI,sCAAgB;AACrE,QAAM,EAAE,YAAY,WAAW,kBAAkB,QAAI,sCAAc,QAAQ;AAC3E,QAAM,EAAE,SAAS,WAAW,gBAAgB,OAAO,QAAI,0CAAqB,QAAQ;AAEpF,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAiC,mDAAmB;AAC5E,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,KAAK;AAC1C,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAqB,MAAM;AAC/D,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAwB,IAAI;AAE9D,8BAAU,MAAM;AACd,QAAI,QAAS,SAAQ,CAAC,UAAM,8CAAa,GAAG,OAAO,CAAC;AAAA,EACtD,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,aAAS,0BAAY,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,aACZ,6BAAiB,YAAY,aAAa,UAAM,6BAAiB,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,cAAU,gDAAe,IAAI,CAAC;AAC9E,YAAM,OAAO;AACb,oBAAc,OAAO;AACrB,iBAAW,MAAM,cAAc,MAAM,GAAG,GAAI;AAAA,IAC9C,SAAS,GAAG;AACV,oBAAc,OAAO;AACrB,uBAAa,qCAAc,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-collection-settings.d.cts

@@ -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.cjs';
+
+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.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/package.json

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