@open-mercato/core 0.6.5-develop.5337.1.534b781eac → 0.6.5

package/dist/modules/directory/backend/directory/branding/page.js

@@ -0,0 +1,214 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { ImagePlus, Loader2, RotateCcw, Save } from "lucide-react";
+import { Page, PageBody, PageHeader } from "@open-mercato/ui/backend/Page";
+import { LoadingMessage, ErrorMessage } from "@open-mercato/ui/backend/detail";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import { apiCallOrThrow, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+const BRANDING_API = "/api/directory/organization-branding";
+const BRANDING_ENTITY_ID = "directory.organization";
+function OrganizationBrandingPage() {
+  const t = useT();
+  const queryClient = useQueryClient();
+  const [logoUrl, setLogoUrl] = React.useState("");
+  const [selectedFile, setSelectedFile] = React.useState(null);
+  const [filePreviewUrl, setFilePreviewUrl] = React.useState(null);
+  const [saving, setSaving] = React.useState(false);
+  const fileInputRef = React.useRef(null);
+  const { runMutation } = useGuardedMutation({
+    contextId: "directory.organization-branding",
+    blockedMessage: t("directory.branding.errors.blocked", "Branding save was blocked.")
+  });
+  const { data, isLoading, error } = useQuery({
+    queryKey: ["directory-organization-branding"],
+    queryFn: () => readApiResultOrThrow(
+      BRANDING_API,
+      void 0,
+      { errorMessage: t("directory.branding.errors.load", "Failed to load organization branding") }
+    )
+  });
+  React.useEffect(() => {
+    setLogoUrl(data?.logoUrl ?? "");
+    setSelectedFile(null);
+  }, [data?.logoUrl]);
+  React.useEffect(() => {
+    if (!selectedFile || typeof URL === "undefined") {
+      setFilePreviewUrl(null);
+      return;
+    }
+    const nextPreviewUrl = URL.createObjectURL(selectedFile);
+    setFilePreviewUrl(nextPreviewUrl);
+    return () => URL.revokeObjectURL(nextPreviewUrl);
+  }, [selectedFile]);
+  const currentPreviewUrl = filePreviewUrl ?? logoUrl;
+  const uploadLogo = React.useCallback(async (organizationId) => {
+    if (!selectedFile) return null;
+    const form = new FormData();
+    form.set("entityId", BRANDING_ENTITY_ID);
+    form.set("recordId", organizationId);
+    form.set("file", selectedFile);
+    form.set("tags", JSON.stringify(["organization-logo"]));
+    const upload = await readApiResultOrThrow(
+      "/api/attachments",
+      {
+        method: "POST",
+        body: form
+      },
+      { errorMessage: t("directory.branding.errors.upload", "Failed to upload logo") }
+    );
+    return upload?.item.thumbnailUrl ?? upload?.item.url ?? null;
+  }, [selectedFile, t]);
+  const saveBranding = React.useCallback(async (nextLogoUrl, options) => {
+    if (!data) return;
+    const shouldUpload = Boolean(selectedFile && !options?.skipUpload);
+    setSaving(true);
+    try {
+      await runMutation({
+        operation: async () => {
+          const uploadedLogoUrl = shouldUpload ? await uploadLogo(data.organizationId) : null;
+          const resolvedLogoUrl = uploadedLogoUrl ?? nextLogoUrl ?? logoUrl.trim();
+          const response = await apiCallOrThrow(
+            BRANDING_API,
+            {
+              method: "PUT",
+              headers: { "content-type": "application/json" },
+              body: JSON.stringify({ logoUrl: resolvedLogoUrl || null })
+            },
+            { errorMessage: t("directory.branding.errors.save", "Failed to update organization branding") }
+          );
+          return response.result;
+        },
+        context: {
+          entityId: BRANDING_ENTITY_ID,
+          recordId: data.organizationId,
+          operation: "update-branding"
+        },
+        mutationPayload: {
+          organizationId: data.organizationId,
+          logoUrl: (nextLogoUrl ?? logoUrl.trim()) || null,
+          hasUpload: shouldUpload
+        }
+      });
+      await queryClient.invalidateQueries({ queryKey: ["directory-organization-branding"] });
+      window.dispatchEvent(new Event("om:refresh-sidebar"));
+      setSelectedFile(null);
+      if (fileInputRef.current) fileInputRef.current.value = "";
+      flash(t("directory.branding.flash.saved", "Organization branding updated"), "success");
+    } catch (err) {
+      const fallback = t("directory.branding.errors.save", "Failed to update organization branding");
+      const message = err instanceof Error ? err.message : fallback;
+      flash(message, "error");
+    } finally {
+      setSaving(false);
+    }
+  }, [data, logoUrl, queryClient, runMutation, selectedFile, t, uploadLogo]);
+  const handleSubmit = React.useCallback((event) => {
+    event.preventDefault();
+    void saveBranding();
+  }, [saveBranding]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(LoadingMessage, { label: t("directory.branding.loading", "Loading organization branding...") });
+  }
+  if (error || !data) {
+    return /* @__PURE__ */ jsx(
+      ErrorMessage,
+      {
+        label: t("directory.branding.errors.load", "Failed to load organization branding"),
+        description: error instanceof Error ? error.message : void 0
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(Page, { children: [
+    /* @__PURE__ */ jsx(
+      PageHeader,
+      {
+        title: t("directory.branding.title", "Organization branding"),
+        description: t(
+          "directory.branding.description",
+          "Set the logo used in the backend sidebar for the currently selected organization."
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx("form", { className: "space-y-5", onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs("div", { className: "grid gap-5 lg:grid-cols-[260px_1fr]", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex aspect-square w-full max-w-[220px] items-center justify-center overflow-hidden rounded-lg border bg-muted/30", children: currentPreviewUrl ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: currentPreviewUrl,
+            alt: t("directory.branding.previewAlt", "{{name}} logo preview", { name: data.organizationName }),
+            className: "h-full w-full object-contain"
+          }
+        ) : /* @__PURE__ */ jsx(ImagePlus, { className: "size-10 text-muted-foreground", "aria-hidden": true }) }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: data.organizationName }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("directory.branding.currentScope", "Current organization") })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "organization-logo-file", className: "text-sm font-medium", children: t("directory.branding.file.label", "Upload logo") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              ref: fileInputRef,
+              id: "organization-logo-file",
+              type: "file",
+              accept: "image/png,image/jpeg,image/webp,image/svg+xml",
+              onChange: (event) => {
+                const file = event.currentTarget.files?.[0];
+                if (!file) return;
+                setSelectedFile(file);
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("directory.branding.file.hint", "PNG, JPG, WebP, or SVG works best. Uploaded files are stored as organization attachments.") })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "organization-logo-url", className: "text-sm font-medium", children: t("directory.branding.url.label", "Logo URL") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "organization-logo-url",
+              value: logoUrl,
+              onChange: (event) => setLogoUrl(event.currentTarget.value),
+              placeholder: t("directory.branding.url.placeholder", "https://example.com/logo.svg")
+            }
+          ),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("directory.branding.url.hint", "Use an external image URL or leave empty to fall back to the default Open Mercato logo.") })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsxs(Button, { type: "submit", disabled: saving, children: [
+            saving ? /* @__PURE__ */ jsx(Loader2, { className: "mr-2 size-4 animate-spin", "aria-hidden": true }) : /* @__PURE__ */ jsx(Save, { className: "mr-2 size-4", "aria-hidden": true }),
+            t("directory.branding.actions.save", "Save branding")
+          ] }),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              disabled: saving,
+              onClick: () => {
+                setSelectedFile(null);
+                if (fileInputRef.current) fileInputRef.current.value = "";
+                setLogoUrl("");
+                void saveBranding("", { skipUpload: true });
+              },
+              children: [
+                /* @__PURE__ */ jsx(RotateCcw, { className: "mr-2 size-4", "aria-hidden": true }),
+                t("directory.branding.actions.reset", "Use default logo")
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }) }) })
+  ] });
+}
+export {
+  OrganizationBrandingPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/modules/directory/backend/directory/branding/page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/directory/backend/directory/branding/page.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { ImagePlus, Loader2, RotateCcw, Save } from 'lucide-react'\nimport { Page, PageBody, PageHeader } from '@open-mercato/ui/backend/Page'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { apiCallOrThrow, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype BrandingPayload = {\n  organizationId: string\n  organizationName: string\n  tenantId: string\n  logoUrl: string | null\n}\n\ntype UploadPayload = {\n  ok: true\n  item: {\n    id: string\n    url: string\n    thumbnailUrl?: string\n  }\n}\n\nconst BRANDING_API = '/api/directory/organization-branding'\nconst BRANDING_ENTITY_ID = 'directory.organization'\n\nexport default function OrganizationBrandingPage() {\n  const t = useT()\n  const queryClient = useQueryClient()\n  const [logoUrl, setLogoUrl] = React.useState('')\n  const [selectedFile, setSelectedFile] = React.useState<File | null>(null)\n  const [filePreviewUrl, setFilePreviewUrl] = React.useState<string | null>(null)\n  const [saving, setSaving] = React.useState(false)\n  const fileInputRef = React.useRef<HTMLInputElement | null>(null)\n  const { runMutation } = useGuardedMutation({\n    contextId: 'directory.organization-branding',\n    blockedMessage: t('directory.branding.errors.blocked', 'Branding save was blocked.'),\n  })\n\n  const { data, isLoading, error } = useQuery<BrandingPayload>({\n    queryKey: ['directory-organization-branding'],\n    queryFn: () => readApiResultOrThrow<BrandingPayload>(\n      BRANDING_API,\n      undefined,\n      { errorMessage: t('directory.branding.errors.load', 'Failed to load organization branding') },\n    ),\n  })\n\n  React.useEffect(() => {\n    setLogoUrl(data?.logoUrl ?? '')\n    setSelectedFile(null)\n  }, [data?.logoUrl])\n\n  React.useEffect(() => {\n    if (!selectedFile || typeof URL === 'undefined') {\n      setFilePreviewUrl(null)\n      return\n    }\n    const nextPreviewUrl = URL.createObjectURL(selectedFile)\n    setFilePreviewUrl(nextPreviewUrl)\n    return () => URL.revokeObjectURL(nextPreviewUrl)\n  }, [selectedFile])\n\n  const currentPreviewUrl = filePreviewUrl ?? logoUrl\n\n  const uploadLogo = React.useCallback(async (organizationId: string): Promise<string | null> => {\n    if (!selectedFile) return null\n    const form = new FormData()\n    form.set('entityId', BRANDING_ENTITY_ID)\n    form.set('recordId', organizationId)\n    form.set('file', selectedFile)\n    form.set('tags', JSON.stringify(['organization-logo']))\n\n    const upload = await readApiResultOrThrow<UploadPayload>(\n      '/api/attachments',\n      {\n        method: 'POST',\n        body: form,\n      },\n      { errorMessage: t('directory.branding.errors.upload', 'Failed to upload logo') },\n    )\n    return upload?.item.thumbnailUrl ?? upload?.item.url ?? null\n  }, [selectedFile, t])\n\n  const saveBranding = React.useCallback(async (nextLogoUrl?: string, options?: { skipUpload?: boolean }) => {\n    if (!data) return\n    const shouldUpload = Boolean(selectedFile && !options?.skipUpload)\n    setSaving(true)\n    try {\n      await runMutation({\n        operation: async () => {\n          const uploadedLogoUrl = shouldUpload ? await uploadLogo(data.organizationId) : null\n          const resolvedLogoUrl = uploadedLogoUrl ?? nextLogoUrl ?? logoUrl.trim()\n          // optimistic-lock-exempt: selected organization branding uses a scoped command endpoint without an exposed updatedAt token.\n          const response = await apiCallOrThrow<BrandingPayload>(\n            BRANDING_API,\n            {\n              method: 'PUT',\n              headers: { 'content-type': 'application/json' },\n              body: JSON.stringify({ logoUrl: resolvedLogoUrl || null }),\n            },\n            { errorMessage: t('directory.branding.errors.save', 'Failed to update organization branding') },\n          )\n          return response.result\n        },\n        context: {\n          entityId: BRANDING_ENTITY_ID,\n          recordId: data.organizationId,\n          operation: 'update-branding',\n        },\n        mutationPayload: {\n          organizationId: data.organizationId,\n          logoUrl: (nextLogoUrl ?? logoUrl.trim()) || null,\n          hasUpload: shouldUpload,\n        },\n      })\n      await queryClient.invalidateQueries({ queryKey: ['directory-organization-branding'] })\n      window.dispatchEvent(new Event('om:refresh-sidebar'))\n      setSelectedFile(null)\n      if (fileInputRef.current) fileInputRef.current.value = ''\n      flash(t('directory.branding.flash.saved', 'Organization branding updated'), 'success')\n    } catch (err: unknown) {\n      const fallback = t('directory.branding.errors.save', 'Failed to update organization branding')\n      const message = err instanceof Error ? err.message : fallback\n      flash(message, 'error')\n    } finally {\n      setSaving(false)\n    }\n  }, [data, logoUrl, queryClient, runMutation, selectedFile, t, uploadLogo])\n\n  const handleSubmit = React.useCallback((event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault()\n    void saveBranding()\n  }, [saveBranding])\n\n  if (isLoading) {\n    return <LoadingMessage label={t('directory.branding.loading', 'Loading organization branding...')} />\n  }\n\n  if (error || !data) {\n    return (\n      <ErrorMessage\n        label={t('directory.branding.errors.load', 'Failed to load organization branding')}\n        description={error instanceof Error ? error.message : undefined}\n      />\n    )\n  }\n\n  return (\n    <Page>\n      <PageHeader\n        title={t('directory.branding.title', 'Organization branding')}\n        description={t(\n          'directory.branding.description',\n          'Set the logo used in the backend sidebar for the currently selected organization.',\n        )}\n      />\n      <PageBody>\n        <form className=\"space-y-5\" onSubmit={handleSubmit}>\n          <div className=\"grid gap-5 lg:grid-cols-[260px_1fr]\">\n            <div className=\"space-y-3\">\n              <div className=\"flex aspect-square w-full max-w-[220px] items-center justify-center overflow-hidden rounded-lg border bg-muted/30\">\n                {currentPreviewUrl ? (\n                  <img\n                    src={currentPreviewUrl}\n                    alt={t('directory.branding.previewAlt', '{{name}} logo preview', { name: data.organizationName })}\n                    className=\"h-full w-full object-contain\"\n                  />\n                ) : (\n                  <ImagePlus className=\"size-10 text-muted-foreground\" aria-hidden />\n                )}\n              </div>\n              <p className=\"text-sm font-medium text-foreground\">{data.organizationName}</p>\n              <p className=\"text-xs text-muted-foreground\">\n                {t('directory.branding.currentScope', 'Current organization')}\n              </p>\n            </div>\n\n            <div className=\"space-y-4\">\n              <div className=\"space-y-2\">\n                <label htmlFor=\"organization-logo-file\" className=\"text-sm font-medium\">\n                  {t('directory.branding.file.label', 'Upload logo')}\n                </label>\n                <Input\n                  ref={fileInputRef}\n                  id=\"organization-logo-file\"\n                  type=\"file\"\n                  accept=\"image/png,image/jpeg,image/webp,image/svg+xml\"\n                  onChange={(event) => {\n                    const file = event.currentTarget.files?.[0]\n                    if (!file) return\n                    setSelectedFile(file)\n                  }}\n                />\n                <p className=\"text-xs text-muted-foreground\">\n                  {t('directory.branding.file.hint', 'PNG, JPG, WebP, or SVG works best. Uploaded files are stored as organization attachments.')}\n                </p>\n              </div>\n\n              <div className=\"space-y-2\">\n                <label htmlFor=\"organization-logo-url\" className=\"text-sm font-medium\">\n                  {t('directory.branding.url.label', 'Logo URL')}\n                </label>\n                <Input\n                  id=\"organization-logo-url\"\n                  value={logoUrl}\n                  onChange={(event) => setLogoUrl(event.currentTarget.value)}\n                  placeholder={t('directory.branding.url.placeholder', 'https://example.com/logo.svg')}\n                />\n                <p className=\"text-xs text-muted-foreground\">\n                  {t('directory.branding.url.hint', 'Use an external image URL or leave empty to fall back to the default Open Mercato logo.')}\n                </p>\n              </div>\n\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <Button type=\"submit\" disabled={saving}>\n                  {saving ? <Loader2 className=\"mr-2 size-4 animate-spin\" aria-hidden /> : <Save className=\"mr-2 size-4\" aria-hidden />}\n                  {t('directory.branding.actions.save', 'Save branding')}\n                </Button>\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  disabled={saving}\n                  onClick={() => {\n                    setSelectedFile(null)\n                    if (fileInputRef.current) fileInputRef.current.value = ''\n                    setLogoUrl('')\n                    void saveBranding('', { skipUpload: true })\n                  }}\n                >\n                  <RotateCcw className=\"mr-2 size-4\" aria-hidden />\n                  {t('directory.branding.actions.reset', 'Use default logo')}\n                </Button>\n              </div>\n            </div>\n          </div>\n        </form>\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/directory/backend/directory/branding/page.meta.js

@@ -0,0 +1,26 @@
+import React from "react";
+const brandingIcon = React.createElement(
+  "svg",
+  { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" },
+  React.createElement("rect", { x: 3, y: 5, width: 18, height: 14, rx: 2 }),
+  React.createElement("circle", { cx: 8, cy: 10, r: 1.5 }),
+  React.createElement("path", { d: "m21 15-5-5L5 21" })
+);
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["directory.organizations.manage"],
+  pageTitle: "Organization branding",
+  pageTitleKey: "directory.branding.nav",
+  pageGroup: "Directory",
+  pageGroupKey: "settings.sections.directory",
+  pageOrder: 0,
+  icon: brandingIcon,
+  pageContext: "settings",
+  breadcrumb: [{ label: "Organization branding", labelKey: "directory.branding.nav" }]
+};
+var page_meta_default = metadata;
+export {
+  page_meta_default as default,
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map

package/dist/modules/directory/backend/directory/branding/page.meta.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/directory/backend/directory/branding/page.meta.ts"],
+  "sourcesContent": ["import React from 'react'\n\nconst brandingIcon = React.createElement(\n  'svg',\n  { width: 16, height: 16, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: 2, strokeLinecap: 'round', strokeLinejoin: 'round' },\n  React.createElement('rect', { x: 3, y: 5, width: 18, height: 14, rx: 2 }),\n  React.createElement('circle', { cx: 8, cy: 10, r: 1.5 }),\n  React.createElement('path', { d: 'm21 15-5-5L5 21' }),\n)\n\nexport const metadata = {\n  requireAuth: true,\n  requireFeatures: ['directory.organizations.manage'],\n  pageTitle: 'Organization branding',\n  pageTitleKey: 'directory.branding.nav',\n  pageGroup: 'Directory',\n  pageGroupKey: 'settings.sections.directory',\n  pageOrder: 0,\n  icon: brandingIcon,\n  pageContext: 'settings' as const,\n  breadcrumb: [{ label: 'Organization branding', labelKey: 'directory.branding.nav' }],\n}\n\nexport default metadata\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,MAAM,eAAe,MAAM;AAAA,EACzB;AAAA,EACA,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,QAAQ,gBAAgB,aAAa,GAAG,eAAe,SAAS,gBAAgB,QAAQ;AAAA,EACrJ,MAAM,cAAc,QAAQ,EAAE,GAAG,GAAG,GAAG,GAAG,OAAO,IAAI,QAAQ,IAAI,IAAI,EAAE,CAAC;AAAA,EACxE,MAAM,cAAc,UAAU,EAAE,IAAI,GAAG,IAAI,IAAI,GAAG,IAAI,CAAC;AAAA,EACvD,MAAM,cAAc,QAAQ,EAAE,GAAG,kBAAkB,CAAC;AACtD;AAEO,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,gCAAgC;AAAA,EAClD,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,MAAM;AAAA,EACN,aAAa;AAAA,EACb,YAAY,CAAC,EAAE,OAAO,yBAAyB,UAAU,yBAAyB,CAAC;AACrF;AAEA,IAAO,oBAAQ;",
+  "names": []
+}

package/dist/modules/directory/commands/organizations.js

@@ -82,6 +82,7 @@ function serializeOrganization(entity, custom) {
     tenantId: resolveTenantIdFromEntity(entity),
     name: entity.name,
     slug: entity.slug ?? null,
+    logoUrl: entity.logoUrl ?? null,
     isActive: !!entity.isActive,
     parentId: entity.parentId ?? null,
     ancestorIds: Array.isArray(entity.ancestorIds) ? [...entity.ancestorIds] : [],
@@ -101,6 +102,7 @@ function captureOrganizationSnapshots(entity, childParents, custom) {
       tenantId,
       name: entity.name,
       slug: entity.slug ?? null,
+      logoUrl: entity.logoUrl ?? null,
       isActive: !!entity.isActive,
       parentId: entity.parentId ?? null,
       childParents: (childParents ?? []).map((entry) => ({
@@ -236,6 +238,7 @@ const createOrganizationCommand = {
             tenant: tenantRef,
             name: parsed.name,
             slug,
+            logoUrl: parsed.logoUrl ?? null,
             isActive: parsed.isActive ?? true,
             parentId
           }
@@ -357,6 +360,7 @@ const createOrganizationCommand = {
           existing.deletedAt = null;
           existing.name = after.name;
           if (after.slug !== void 0) existing.slug = after.slug ?? null;
+          if (after.logoUrl !== void 0) existing.logoUrl = after.logoUrl ?? null;
           existing.isActive = after.isActive;
           existing.parentId = after.parentId;
           await em.flush();
@@ -368,6 +372,7 @@ const createOrganizationCommand = {
               id: after.id,
               name: after.name,
               slug: after.slug ?? null,
+              logoUrl: after.logoUrl ?? null,
               tenant: em.getReference(Tenant, tenantId),
               isActive: after.isActive,
               parentId: after.parentId
@@ -478,6 +483,7 @@ const updateOrganizationCommand = {
           apply: (entity) => {
             if (parsed.name !== void 0) entity.name = parsed.name;
             if (resolvedSlug !== void 0) entity.slug = resolvedSlug;
+            if (parsed.logoUrl !== void 0) entity.logoUrl = parsed.logoUrl ?? null;
             if (parsed.isActive !== void 0) entity.isActive = parsed.isActive;
             entity.parentId = parentId;
           }
@@ -539,7 +545,7 @@ const updateOrganizationCommand = {
       organizationId: String(result.id)
     });
     const after = serializeOrganization(result, custom);
-    const changes = buildChanges(beforeRecord, after, ["name", "slug", "isActive", "parentId"]);
+    const changes = buildChanges(beforeRecord, after, ["name", "slug", "logoUrl", "isActive", "parentId"]);
     const customDiff = diffCustomFieldChanges(beforeRecord?.custom, custom);
     for (const [key, diff] of Object.entries(customDiff)) {
       changes[`cf_${key}`] = diff;
@@ -576,6 +582,7 @@ const updateOrganizationCommand = {
           apply: (entity) => {
             entity.name = before.name;
             if (before.slug !== void 0) entity.slug = before.slug;
+            if (before.logoUrl !== void 0) entity.logoUrl = before.logoUrl ?? null;
             entity.isActive = before.isActive;
             entity.parentId = before.parentId;
           }