@open-mercato/core 0.6.4-develop.4363.1.2f376570ae → 0.6.4-develop.4368.1.2f7e9a7002

package/dist/modules/catalog/backend/catalog/categories/[id]/edit/page.js

@@ -7,6 +7,7 @@ import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
 import { updateCrud, deleteCrud } from "@open-mercato/ui/backend/utils/crud";
 import { createCrudFormError } from "@open-mercato/ui/backend/utils/serverErrors";
 import { collectCustomFieldValues } from "@open-mercato/ui/backend/utils/customFieldValues";
+import { ErrorMessage, RecordNotFoundState } from "@open-mercato/ui/backend/detail";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { extractCustomFieldEntries } from "@open-mercato/shared/lib/crud/custom-fields-client";
 import { E } from "../../../../../../../generated/entities.ids.generated.js";
@@ -46,19 +47,30 @@ function EditCatalogCategoryPage({ params }) {
   const [pathLabel, setPathLabel] = React.useState("");
   const [loading, setLoading] = React.useState(true);
   const [error, setError] = React.useState(null);
+  const [isNotFound, setIsNotFound] = React.useState(false);
   React.useEffect(() => {
     if (!categoryId) return;
     let cancelled = false;
     async function load() {
       setLoading(true);
       setError(null);
+      setIsNotFound(false);
       try {
-        const { ok, result } = await apiCall(
+        const { ok, status, result } = await apiCall(
           `/api/catalog/categories?view=manage&ids=${encodeURIComponent(categoryId)}&status=all&page=1&pageSize=1`
         );
-        if (!ok) throw new Error(t("catalog.categories.form.errors.load", "Failed to load category"));
+        if (!ok) {
+          if (status === 404) {
+            if (!cancelled) setIsNotFound(true);
+            return;
+          }
+          throw new Error(t("catalog.categories.form.errors.load", "Failed to load category"));
+        }
         const record = Array.isArray(result?.items) ? result.items?.[0] : null;
-        if (!record) throw new Error(t("catalog.categories.form.errors.notFound", "Category not found"));
+        if (!record) {
+          if (!cancelled) setIsNotFound(true);
+          return;
+        }
         if (cancelled) return;
         const customValues = extractCustomFieldEntries(record);
         setInitialValues({
@@ -144,50 +156,60 @@ function EditCatalogCategoryPage({ params }) {
   if (!categoryId) {
     return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: t("catalog.categories.form.errors.idRequired", "Category identifier is required.") }) }) });
   }
-  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsxs(PageBody, { children: [
-    error ? /* @__PURE__ */ jsx("div", { className: "mb-4 rounded border border-destructive/50 bg-destructive/10 px-3 py-2 text-sm text-destructive", children: error }) : null,
-    /* @__PURE__ */ jsx(
-      CrudForm,
+  if (isNotFound) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+      RecordNotFoundState,
       {
-        title: t("catalog.categories.form.editTitle", "Edit category"),
+        label: t("catalog.categories.form.errors.notFound", "Category not found"),
         backHref: "/backend/catalog/categories",
-        versionHistory: { resourceKind: "catalog.category", resourceId: categoryId ? String(categoryId) : "" },
-        fields,
-        groups,
-        entityId: E.catalog.catalog_product_category,
-        initialValues: initialValues ?? { id: categoryId, name: "", slug: "", description: "", parentId: "", isActive: true },
-        isLoading: loading,
-        loadingMessage: t("catalog.categories.form.loading", "Loading category..."),
-        submitLabel: t("catalog.categories.form.action.save", "Save"),
-        cancelHref: "/backend/catalog/categories",
-        successRedirect: `/backend/catalog/categories?flash=${encodeURIComponent(t("catalog.categories.flash.updated", "Category updated"))}&type=success`,
-        extraActions: /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            SendObjectMessageDialog,
-            {
-              object: {
-                entityModule: "catalog",
-                entityType: "category",
-                entityId: categoryId,
-                previewData: { title: initialValues?.name ?? categoryId }
-              },
-              viewHref: `/backend/catalog/categories/${categoryId}/edit`
-            }
-          ),
-          pathLabel ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("catalog.categories.form.pathLabel", { path: pathLabel }) }) : null
-        ] }),
-        onSubmit: async (values) => {
-          await submitCategoryUpdate(categoryId, values, t);
-        },
-        onDelete: async () => {
-          await deleteCrud("catalog/categories", categoryId, {
-            errorMessage: t("catalog.categories.form.errors.delete", "Failed to delete category")
-          });
-        },
-        deleteRedirect: `/backend/catalog/categories?flash=${encodeURIComponent(t("catalog.categories.flash.deleted", "Category archived"))}&type=success`
+        backLabel: t("catalog.categories.form.actions.backToList", "Back to categories")
       }
-    )
-  ] }) });
+    ) }) });
+  }
+  if (error && !loading) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(ErrorMessage, { label: error }) }) });
+  }
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+    CrudForm,
+    {
+      title: t("catalog.categories.form.editTitle", "Edit category"),
+      backHref: "/backend/catalog/categories",
+      versionHistory: { resourceKind: "catalog.category", resourceId: categoryId ? String(categoryId) : "" },
+      fields,
+      groups,
+      entityId: E.catalog.catalog_product_category,
+      initialValues: initialValues ?? { id: categoryId, name: "", slug: "", description: "", parentId: "", isActive: true },
+      isLoading: loading,
+      loadingMessage: t("catalog.categories.form.loading", "Loading category..."),
+      submitLabel: t("catalog.categories.form.action.save", "Save"),
+      cancelHref: "/backend/catalog/categories",
+      successRedirect: `/backend/catalog/categories?flash=${encodeURIComponent(t("catalog.categories.flash.updated", "Category updated"))}&type=success`,
+      extraActions: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          SendObjectMessageDialog,
+          {
+            object: {
+              entityModule: "catalog",
+              entityType: "category",
+              entityId: categoryId,
+              previewData: { title: initialValues?.name ?? categoryId }
+            },
+            viewHref: `/backend/catalog/categories/${categoryId}/edit`
+          }
+        ),
+        pathLabel ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("catalog.categories.form.pathLabel", { path: pathLabel }) }) : null
+      ] }),
+      onSubmit: async (values) => {
+        await submitCategoryUpdate(categoryId, values, t);
+      },
+      onDelete: async () => {
+        await deleteCrud("catalog/categories", categoryId, {
+          errorMessage: t("catalog.categories.form.errors.delete", "Failed to delete category")
+        });
+      },
+      deleteRedirect: `/backend/catalog/categories?flash=${encodeURIComponent(t("catalog.categories.flash.deleted", "Category archived"))}&type=success`
+    }
+  ) }) });
 }
 export {
   EditCatalogCategoryPage as default

package/dist/modules/catalog/backend/catalog/categories/[id]/edit/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/modules/catalog/backend/catalog/categories/%5Bid%5D/edit/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { CrudForm, type CrudField, type CrudFormGroup } from '@open-mercato/ui/backend/CrudForm'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { updateCrud, deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { createCrudFormError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { collectCustomFieldValues } from '@open-mercato/ui/backend/utils/customFieldValues'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { extractCustomFieldEntries } from '@open-mercato/shared/lib/crud/custom-fields-client'\nimport { E } from '#generated/entities.ids.generated'\nimport { CategorySelect } from '../../../../../components/categories/CategorySelect'\nimport { CategorySlugFieldSync } from '../../../../../components/categories/CategorySlugFieldSync'\nimport { SendObjectMessageDialog } from '@open-mercato/ui/backend/messages'\n\ntype CategoryRow = {\n  id: string\n  name: string\n  slug: string | null\n  description: string | null\n  parentId: string | null\n  isActive: boolean\n  pathLabel?: string\n}\n\ntype CategoryResponse = {\n  items?: CategoryRow[]\n}\n\ntype CategoryFormValues = {\n  id?: string\n  name: string\n  slug?: string\n  description?: string\n  parentId?: string | null\n  isActive?: boolean\n}\n\nasync function submitCategoryUpdate(\n  categoryId: string,\n  values: CategoryFormValues,\n  t: (key: string, fallback?: string) => string,\n) {\n  const resolvedId = typeof values.id === 'string' && values.id.length ? values.id : categoryId\n  if (!resolvedId) {\n    const message = t('catalog.categories.form.errors.idRequired', 'Category identifier is required.')\n    throw createCrudFormError(message, { id: message })\n  }\n  const name = typeof values.name === 'string' ? values.name.trim() : ''\n  if (!name) {\n    const message = t('catalog.categories.form.errors.name', 'Provide the category name.')\n    throw createCrudFormError(message, { name: message })\n  }\n  const slug = typeof values.slug === 'string' && values.slug.trim().length ? values.slug.trim() : undefined\n  const description =\n    typeof values.description === 'string' && values.description.trim().length\n      ? values.description.trim()\n      : undefined\n  const parentId =\n    typeof values.parentId === 'string' && values.parentId.trim().length\n      ? values.parentId.trim()\n      : null\n  const customFields = collectCustomFieldValues(values as Record<string, unknown>)\n  const payload: Record<string, unknown> = {\n    id: resolvedId,\n    name,\n    slug,\n    description,\n    parentId,\n    isActive: values.isActive !== false,\n  }\n  if (Object.keys(customFields).length > 0) payload.customFields = customFields\n  await updateCrud('catalog/categories', payload)\n}\n\nexport default function EditCatalogCategoryPage({ params }: { params?: { id?: string } }) {\n  const categoryId = params?.id ?? ''\n  const t = useT()\n  const [initialValues, setInitialValues] = React.useState<CategoryFormValues | null>(null)\n  const [pathLabel, setPathLabel] = React.useState<string>('')\n  const [loading, setLoading] = React.useState<boolean>(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    if (!categoryId) return\n    let cancelled = false\n    async function load() {\n      setLoading(true)\n      setError(null)\n      try {\n        const { ok, result } = await apiCall<CategoryResponse>(\n          `/api/catalog/categories?view=manage&ids=${encodeURIComponent(categoryId)}&status=all&page=1&pageSize=1`,\n        )\n        if (!ok) throw new Error(t('catalog.categories.form.errors.load', 'Failed to load category'))\n        const record = Array.isArray(result?.items) ? result.items?.[0] : null\n        if (!record) throw new Error(t('catalog.categories.form.errors.notFound', 'Category not found'))\n        if (cancelled) return\n        const customValues = extractCustomFieldEntries(record as Record<string, unknown>)\n        setInitialValues({\n          id: record.id,\n          name: record.name,\n          slug: record.slug ?? '',\n          description: record.description ?? '',\n          parentId: record.parentId ?? '',\n          isActive: record.isActive,\n          ...customValues,\n        })\n        setPathLabel(record.pathLabel ?? '')\n      } catch (err) {\n        if (!cancelled) {\n          const fallback = t('catalog.categories.form.errors.load', 'Failed to load category')\n          const message = err instanceof Error ? err.message : fallback\n          setError(message)\n        }\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }\n    load()\n    return () => {\n      cancelled = true\n    }\n  }, [categoryId, t])\n\n  const fields = React.useMemo<CrudField[]>(() => [\n    {\n      id: 'name',\n      label: t('catalog.categories.form.field.name', 'Name'),\n      type: 'text',\n      required: true,\n      placeholder: t('catalog.categories.form.field.namePlaceholder', 'e.g., Footwear'),\n    },\n    {\n      id: 'slug',\n      label: t('catalog.categories.form.field.slug', 'Slug'),\n      type: 'text',\n      description: t('catalog.categories.form.field.slugHelp', 'Lowercase identifier for URLs or imports.'),\n    },\n    {\n      id: 'description',\n      label: t('catalog.categories.form.field.description', 'Description'),\n      type: 'textarea',\n    },\n    {\n      id: 'parentId',\n      label: t('catalog.categories.form.field.parent', 'Parent'),\n      type: 'custom',\n      component: ({ id, value, setValue }) => (\n        <CategorySelect\n          id={id}\n          value={typeof value === 'string' ? value : null}\n          onChange={(next) => setValue(next ?? '')}\n          includeEmptyOption\n          className=\"w-full h-9 rounded border px-2 text-sm\"\n        />\n      ),\n    },\n    {\n      id: 'isActive',\n      label: t('catalog.categories.form.field.isActive', 'Active'),\n      type: 'checkbox',\n    },\n  ], [t])\n\n  const groups = React.useMemo<CrudFormGroup[]>(() => [\n    {\n      id: 'details',\n      title: t('catalog.categories.form.group.details', 'Details'),\n      column: 1,\n      fields: ['name', 'slug', 'description', 'parentId', 'isActive'],\n      component: (ctx) => <CategorySlugFieldSync {...ctx} />,\n    },\n    {\n      id: 'custom',\n      title: t('catalog.categories.form.group.custom', 'Custom data'),\n      column: 2,\n      kind: 'customFields',\n    },\n  ], [t])\n\n  if (!categoryId) {\n    return (\n      <Page>\n        <PageBody>\n          <p className=\"text-sm text-destructive\">\n            {t('catalog.categories.form.errors.idRequired', 'Category identifier is required.')}\n          </p>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        {error ? (\n          <div className=\"mb-4 rounded border border-destructive/50 bg-destructive/10 px-3 py-2 text-sm text-destructive\">\n            {error}\n          </div>\n        ) : null}\n        <CrudForm<CategoryFormValues>\n          title={t('catalog.categories.form.editTitle', 'Edit category')}\n          backHref=\"/backend/catalog/categories\"\n          versionHistory={{ resourceKind: 'catalog.category', resourceId: categoryId ? String(categoryId) : '' }}\n          fields={fields}\n          groups={groups}\n          entityId={E.catalog.catalog_product_category}\n          initialValues={initialValues ?? { id: categoryId, name: '', slug: '', description: '', parentId: '', isActive: true }}\n          isLoading={loading}\n          loadingMessage={t('catalog.categories.form.loading', 'Loading category...')}\n          submitLabel={t('catalog.categories.form.action.save', 'Save')}\n          cancelHref=\"/backend/catalog/categories\"\n          successRedirect={`/backend/catalog/categories?flash=${encodeURIComponent(t('catalog.categories.flash.updated', 'Category updated'))}&type=success`}\n          extraActions={(\n            <>\n              <SendObjectMessageDialog\n                object={{\n                  entityModule: 'catalog',\n                  entityType: 'category',\n                  entityId: categoryId,\n                  previewData: { title: initialValues?.name ?? categoryId },\n                }}\n                viewHref={`/backend/catalog/categories/${categoryId}/edit`}\n              />\n              {pathLabel ? (\n                <span className=\"text-xs text-muted-foreground\">\n                  {t('catalog.categories.form.pathLabel', { path: pathLabel })}\n                </span>\n              ) : null}\n            </>\n          )}\n          onSubmit={async (values) => {\n            await submitCategoryUpdate(categoryId, values, t)\n          }}\n          onDelete={async () => {\n            await deleteCrud('catalog/categories', categoryId, {\n              errorMessage: t('catalog.categories.form.errors.delete', 'Failed to delete category'),\n            })\n          }}\n          deleteRedirect={`/backend/catalog/categories?flash=${encodeURIComponent(t('catalog.categories.flash.deleted', 'Category archived'))}&type=success`}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { CrudForm, type CrudField, type CrudFormGroup } from '@open-mercato/ui/backend/CrudForm'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { updateCrud, deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { createCrudFormError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { collectCustomFieldValues } from '@open-mercato/ui/backend/utils/customFieldValues'\nimport { ErrorMessage, RecordNotFoundState } from '@open-mercato/ui/backend/detail'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { extractCustomFieldEntries } from '@open-mercato/shared/lib/crud/custom-fields-client'\nimport { E } from '#generated/entities.ids.generated'\nimport { CategorySelect } from '../../../../../components/categories/CategorySelect'\nimport { CategorySlugFieldSync } from '../../../../../components/categories/CategorySlugFieldSync'\nimport { SendObjectMessageDialog } from '@open-mercato/ui/backend/messages'\n\ntype CategoryRow = {\n  id: string\n  name: string\n  slug: string | null\n  description: string | null\n  parentId: string | null\n  isActive: boolean\n  pathLabel?: string\n}\n\ntype CategoryResponse = {\n  items?: CategoryRow[]\n}\n\ntype CategoryFormValues = {\n  id?: string\n  name: string\n  slug?: string\n  description?: string\n  parentId?: string | null\n  isActive?: boolean\n}\n\nasync function submitCategoryUpdate(\n  categoryId: string,\n  values: CategoryFormValues,\n  t: (key: string, fallback?: string) => string,\n) {\n  const resolvedId = typeof values.id === 'string' && values.id.length ? values.id : categoryId\n  if (!resolvedId) {\n    const message = t('catalog.categories.form.errors.idRequired', 'Category identifier is required.')\n    throw createCrudFormError(message, { id: message })\n  }\n  const name = typeof values.name === 'string' ? values.name.trim() : ''\n  if (!name) {\n    const message = t('catalog.categories.form.errors.name', 'Provide the category name.')\n    throw createCrudFormError(message, { name: message })\n  }\n  const slug = typeof values.slug === 'string' && values.slug.trim().length ? values.slug.trim() : undefined\n  const description =\n    typeof values.description === 'string' && values.description.trim().length\n      ? values.description.trim()\n      : undefined\n  const parentId =\n    typeof values.parentId === 'string' && values.parentId.trim().length\n      ? values.parentId.trim()\n      : null\n  const customFields = collectCustomFieldValues(values as Record<string, unknown>)\n  const payload: Record<string, unknown> = {\n    id: resolvedId,\n    name,\n    slug,\n    description,\n    parentId,\n    isActive: values.isActive !== false,\n  }\n  if (Object.keys(customFields).length > 0) payload.customFields = customFields\n  await updateCrud('catalog/categories', payload)\n}\n\nexport default function EditCatalogCategoryPage({ params }: { params?: { id?: string } }) {\n  const categoryId = params?.id ?? ''\n  const t = useT()\n  const [initialValues, setInitialValues] = React.useState<CategoryFormValues | null>(null)\n  const [pathLabel, setPathLabel] = React.useState<string>('')\n  const [loading, setLoading] = React.useState<boolean>(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [isNotFound, setIsNotFound] = React.useState<boolean>(false)\n\n  React.useEffect(() => {\n    if (!categoryId) return\n    let cancelled = false\n    async function load() {\n      setLoading(true)\n      setError(null)\n      setIsNotFound(false)\n      try {\n        const { ok, status, result } = await apiCall<CategoryResponse>(\n          `/api/catalog/categories?view=manage&ids=${encodeURIComponent(categoryId)}&status=all&page=1&pageSize=1`,\n        )\n        if (!ok) {\n          if (status === 404) {\n            if (!cancelled) setIsNotFound(true)\n            return\n          }\n          throw new Error(t('catalog.categories.form.errors.load', 'Failed to load category'))\n        }\n        const record = Array.isArray(result?.items) ? result.items?.[0] : null\n        if (!record) {\n          if (!cancelled) setIsNotFound(true)\n          return\n        }\n        if (cancelled) return\n        const customValues = extractCustomFieldEntries(record as Record<string, unknown>)\n        setInitialValues({\n          id: record.id,\n          name: record.name,\n          slug: record.slug ?? '',\n          description: record.description ?? '',\n          parentId: record.parentId ?? '',\n          isActive: record.isActive,\n          ...customValues,\n        })\n        setPathLabel(record.pathLabel ?? '')\n      } catch (err) {\n        if (!cancelled) {\n          const fallback = t('catalog.categories.form.errors.load', 'Failed to load category')\n          const message = err instanceof Error ? err.message : fallback\n          setError(message)\n        }\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }\n    load()\n    return () => {\n      cancelled = true\n    }\n  }, [categoryId, t])\n\n  const fields = React.useMemo<CrudField[]>(() => [\n    {\n      id: 'name',\n      label: t('catalog.categories.form.field.name', 'Name'),\n      type: 'text',\n      required: true,\n      placeholder: t('catalog.categories.form.field.namePlaceholder', 'e.g., Footwear'),\n    },\n    {\n      id: 'slug',\n      label: t('catalog.categories.form.field.slug', 'Slug'),\n      type: 'text',\n      description: t('catalog.categories.form.field.slugHelp', 'Lowercase identifier for URLs or imports.'),\n    },\n    {\n      id: 'description',\n      label: t('catalog.categories.form.field.description', 'Description'),\n      type: 'textarea',\n    },\n    {\n      id: 'parentId',\n      label: t('catalog.categories.form.field.parent', 'Parent'),\n      type: 'custom',\n      component: ({ id, value, setValue }) => (\n        <CategorySelect\n          id={id}\n          value={typeof value === 'string' ? value : null}\n          onChange={(next) => setValue(next ?? '')}\n          includeEmptyOption\n          className=\"w-full h-9 rounded border px-2 text-sm\"\n        />\n      ),\n    },\n    {\n      id: 'isActive',\n      label: t('catalog.categories.form.field.isActive', 'Active'),\n      type: 'checkbox',\n    },\n  ], [t])\n\n  const groups = React.useMemo<CrudFormGroup[]>(() => [\n    {\n      id: 'details',\n      title: t('catalog.categories.form.group.details', 'Details'),\n      column: 1,\n      fields: ['name', 'slug', 'description', 'parentId', 'isActive'],\n      component: (ctx) => <CategorySlugFieldSync {...ctx} />,\n    },\n    {\n      id: 'custom',\n      title: t('catalog.categories.form.group.custom', 'Custom data'),\n      column: 2,\n      kind: 'customFields',\n    },\n  ], [t])\n\n  if (!categoryId) {\n    return (\n      <Page>\n        <PageBody>\n          <p className=\"text-sm text-destructive\">\n            {t('catalog.categories.form.errors.idRequired', 'Category identifier is required.')}\n          </p>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (isNotFound) {\n    return (\n      <Page>\n        <PageBody>\n          <RecordNotFoundState\n            label={t('catalog.categories.form.errors.notFound', 'Category not found')}\n            backHref=\"/backend/catalog/categories\"\n            backLabel={t('catalog.categories.form.actions.backToList', 'Back to categories')}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error && !loading) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage label={error} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <CrudForm<CategoryFormValues>\n          title={t('catalog.categories.form.editTitle', 'Edit category')}\n          backHref=\"/backend/catalog/categories\"\n          versionHistory={{ resourceKind: 'catalog.category', resourceId: categoryId ? String(categoryId) : '' }}\n          fields={fields}\n          groups={groups}\n          entityId={E.catalog.catalog_product_category}\n          initialValues={initialValues ?? { id: categoryId, name: '', slug: '', description: '', parentId: '', isActive: true }}\n          isLoading={loading}\n          loadingMessage={t('catalog.categories.form.loading', 'Loading category...')}\n          submitLabel={t('catalog.categories.form.action.save', 'Save')}\n          cancelHref=\"/backend/catalog/categories\"\n          successRedirect={`/backend/catalog/categories?flash=${encodeURIComponent(t('catalog.categories.flash.updated', 'Category updated'))}&type=success`}\n          extraActions={(\n            <>\n              <SendObjectMessageDialog\n                object={{\n                  entityModule: 'catalog',\n                  entityType: 'category',\n                  entityId: categoryId,\n                  previewData: { title: initialValues?.name ?? categoryId },\n                }}\n                viewHref={`/backend/catalog/categories/${categoryId}/edit`}\n              />\n              {pathLabel ? (\n                <span className=\"text-xs text-muted-foreground\">\n                  {t('catalog.categories.form.pathLabel', { path: pathLabel })}\n                </span>\n              ) : null}\n            </>\n          )}\n          onSubmit={async (values) => {\n            await submitCategoryUpdate(categoryId, values, t)\n          }}\n          onDelete={async () => {\n            await deleteCrud('catalog/categories', categoryId, {\n              errorMessage: t('catalog.categories.form.errors.delete', 'Failed to delete category'),\n            })\n          }}\n          deleteRedirect={`/backend/catalog/categories?flash=${encodeURIComponent(t('catalog.categories.flash.deleted', 'Category archived'))}&type=success`}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": ";AAiKQ,SAqFI,UArFJ,KAqFI,YArFJ;AA/JR,YAAY,WAAW;AACvB,SAAS,MAAM,gBAAgB;AAC/B,SAAS,gBAAoD;AAC7D,SAAS,eAAe;AACxB,SAAS,YAAY,kBAAkB;AACvC,SAAS,2BAA2B;AACpC,SAAS,gCAAgC;AACzC,SAAS,cAAc,2BAA2B;AAClD,SAAS,YAAY;AACrB,SAAS,iCAAiC;AAC1C,SAAS,SAAS;AAClB,SAAS,sBAAsB;AAC/B,SAAS,6BAA6B;AACtC,SAAS,+BAA+B;AAyBxC,eAAe,qBACb,YACA,QACA,GACA;AACA,QAAM,aAAa,OAAO,OAAO,OAAO,YAAY,OAAO,GAAG,SAAS,OAAO,KAAK;AACnF,MAAI,CAAC,YAAY;AACf,UAAM,UAAU,EAAE,6CAA6C,kCAAkC;AACjG,UAAM,oBAAoB,SAAS,EAAE,IAAI,QAAQ,CAAC;AAAA,EACpD;AACA,QAAM,OAAO,OAAO,OAAO,SAAS,WAAW,OAAO,KAAK,KAAK,IAAI;AACpE,MAAI,CAAC,MAAM;AACT,UAAM,UAAU,EAAE,uCAAuC,4BAA4B;AACrF,UAAM,oBAAoB,SAAS,EAAE,MAAM,QAAQ,CAAC;AAAA,EACtD;AACA,QAAM,OAAO,OAAO,OAAO,SAAS,YAAY,OAAO,KAAK,KAAK,EAAE,SAAS,OAAO,KAAK,KAAK,IAAI;AACjG,QAAM,cACJ,OAAO,OAAO,gBAAgB,YAAY,OAAO,YAAY,KAAK,EAAE,SAChE,OAAO,YAAY,KAAK,IACxB;AACN,QAAM,WACJ,OAAO,OAAO,aAAa,YAAY,OAAO,SAAS,KAAK,EAAE,SAC1D,OAAO,SAAS,KAAK,IACrB;AACN,QAAM,eAAe,yBAAyB,MAAiC;AAC/E,QAAM,UAAmC;AAAA,IACvC,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,OAAO,aAAa;AAAA,EAChC;AACA,MAAI,OAAO,KAAK,YAAY,EAAE,SAAS,EAAG,SAAQ,eAAe;AACjE,QAAM,WAAW,sBAAsB,OAAO;AAChD;AAEe,SAAR,wBAAyC,EAAE,OAAO,GAAiC;AACxF,QAAM,aAAa,QAAQ,MAAM;AACjC,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAoC,IAAI;AACxF,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAiB,EAAE;AAC3D,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAkB,IAAI;AAC1D,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,IAAI;AAC5D,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAkB,KAAK;AAEjE,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,WAAY;AACjB,QAAI,YAAY;AAChB,mBAAe,OAAO;AACpB,iBAAW,IAAI;AACf,eAAS,IAAI;AACb,oBAAc,KAAK;AACnB,UAAI;AACF,cAAM,EAAE,IAAI,QAAQ,OAAO,IAAI,MAAM;AAAA,UACnC,2CAA2C,mBAAmB,UAAU,CAAC;AAAA,QAC3E;AACA,YAAI,CAAC,IAAI;AACP,cAAI,WAAW,KAAK;AAClB,gBAAI,CAAC,UAAW,eAAc,IAAI;AAClC;AAAA,UACF;AACA,gBAAM,IAAI,MAAM,EAAE,uCAAuC,yBAAyB,CAAC;AAAA,QACrF;AACA,cAAM,SAAS,MAAM,QAAQ,QAAQ,KAAK,IAAI,OAAO,QAAQ,CAAC,IAAI;AAClE,YAAI,CAAC,QAAQ;AACX,cAAI,CAAC,UAAW,eAAc,IAAI;AAClC;AAAA,QACF;AACA,YAAI,UAAW;AACf,cAAM,eAAe,0BAA0B,MAAiC;AAChF,yBAAiB;AAAA,UACf,IAAI,OAAO;AAAA,UACX,MAAM,OAAO;AAAA,UACb,MAAM,OAAO,QAAQ;AAAA,UACrB,aAAa,OAAO,eAAe;AAAA,UACnC,UAAU,OAAO,YAAY;AAAA,UAC7B,UAAU,OAAO;AAAA,UACjB,GAAG;AAAA,QACL,CAAC;AACD,qBAAa,OAAO,aAAa,EAAE;AAAA,MACrC,SAAS,KAAK;AACZ,YAAI,CAAC,WAAW;AACd,gBAAM,WAAW,EAAE,uCAAuC,yBAAyB;AACnF,gBAAM,UAAU,eAAe,QAAQ,IAAI,UAAU;AACrD,mBAAS,OAAO;AAAA,QAClB;AAAA,MACF,UAAE;AACA,YAAI,CAAC,UAAW,YAAW,KAAK;AAAA,MAClC;AAAA,IACF;AACA,SAAK;AACL,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,YAAY,CAAC,CAAC;AAElB,QAAM,SAAS,MAAM,QAAqB,MAAM;AAAA,IAC9C;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,sCAAsC,MAAM;AAAA,MACrD,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa,EAAE,iDAAiD,gBAAgB;AAAA,IAClF;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,sCAAsC,MAAM;AAAA,MACrD,MAAM;AAAA,MACN,aAAa,EAAE,0CAA0C,2CAA2C;AAAA,IACtG;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,6CAA6C,aAAa;AAAA,MACnE,MAAM;AAAA,IACR;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,wCAAwC,QAAQ;AAAA,MACzD,MAAM;AAAA,MACN,WAAW,CAAC,EAAE,IAAI,OAAO,SAAS,MAChC;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO,OAAO,UAAU,WAAW,QAAQ;AAAA,UAC3C,UAAU,CAAC,SAAS,SAAS,QAAQ,EAAE;AAAA,UACvC,oBAAkB;AAAA,UAClB,WAAU;AAAA;AAAA,MACZ;AAAA,IAEJ;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,0CAA0C,QAAQ;AAAA,MAC3D,MAAM;AAAA,IACR;AAAA,EACF,GAAG,CAAC,CAAC,CAAC;AAEN,QAAM,SAAS,MAAM,QAAyB,MAAM;AAAA,IAClD;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,yCAAyC,SAAS;AAAA,MAC3D,QAAQ;AAAA,MACR,QAAQ,CAAC,QAAQ,QAAQ,eAAe,YAAY,UAAU;AAAA,MAC9D,WAAW,CAAC,QAAQ,oBAAC,yBAAuB,GAAG,KAAK;AAAA,IACtD;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,wCAAwC,aAAa;AAAA,MAC9D,QAAQ;AAAA,MACR,MAAM;AAAA,IACR;AAAA,EACF,GAAG,CAAC,CAAC,CAAC;AAEN,MAAI,CAAC,YAAY;AACf,WACE,oBAAC,QACC,8BAAC,YACC,8BAAC,OAAE,WAAU,4BACV,YAAE,6CAA6C,kCAAkC,GACpF,GACF,GACF;AAAA,EAEJ;AAEA,MAAI,YAAY;AACd,WACE,oBAAC,QACC,8BAAC,YACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,2CAA2C,oBAAoB;AAAA,QACxE,UAAS;AAAA,QACT,WAAW,EAAE,8CAA8C,oBAAoB;AAAA;AAAA,IACjF,GACF,GACF;AAAA,EAEJ;AAEA,MAAI,SAAS,CAAC,SAAS;AACrB,WACE,oBAAC,QACC,8BAAC,YACC,8BAAC,gBAAa,OAAO,OAAO,GAC9B,GACF;AAAA,EAEJ;AAEA,SACE,oBAAC,QACC,8BAAC,YACC;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,qCAAqC,eAAe;AAAA,MAC7D,UAAS;AAAA,MACT,gBAAgB,EAAE,cAAc,oBAAoB,YAAY,aAAa,OAAO,UAAU,IAAI,GAAG;AAAA,MACrG;AAAA,MACA;AAAA,MACA,UAAU,EAAE,QAAQ;AAAA,MACpB,eAAe,iBAAiB,EAAE,IAAI,YAAY,MAAM,IAAI,MAAM,IAAI,aAAa,IAAI,UAAU,IAAI,UAAU,KAAK;AAAA,MACpH,WAAW;AAAA,MACX,gBAAgB,EAAE,mCAAmC,qBAAqB;AAAA,MAC1E,aAAa,EAAE,uCAAuC,MAAM;AAAA,MAC5D,YAAW;AAAA,MACX,iBAAiB,qCAAqC,mBAAmB,EAAE,oCAAoC,kBAAkB,CAAC,CAAC;AAAA,MACnI,cACE,iCACE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ;AAAA,cACN,cAAc;AAAA,cACd,YAAY;AAAA,cACZ,UAAU;AAAA,cACV,aAAa,EAAE,OAAO,eAAe,QAAQ,WAAW;AAAA,YAC1D;AAAA,YACA,UAAU,+BAA+B,UAAU;AAAA;AAAA,QACrD;AAAA,QACC,YACC,oBAAC,UAAK,WAAU,iCACb,YAAE,qCAAqC,EAAE,MAAM,UAAU,CAAC,GAC7D,IACE;AAAA,SACN;AAAA,MAEF,UAAU,OAAO,WAAW;AAC1B,cAAM,qBAAqB,YAAY,QAAQ,CAAC;AAAA,MAClD;AAAA,MACA,UAAU,YAAY;AACpB,cAAM,WAAW,sBAAsB,YAAY;AAAA,UACjD,cAAc,EAAE,yCAAyC,2BAA2B;AAAA,QACtF,CAAC;AAAA,MACH;AAAA,MACA,gBAAgB,qCAAqC,mBAAmB,EAAE,oCAAoC,mBAAmB,CAAC,CAAC;AAAA;AAAA,EACrI,GACF,GACF;AAEJ;",
   "names": []
 }

package/dist/modules/catalog/backend/catalog/products/[productId]/variants/[variantId]/page.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { useRouter } from "next/navigation";
 import { Page, PageBody } from "@open-mercato/ui/backend/Page";
@@ -9,7 +9,7 @@ import { createCrudFormError } from "@open-mercato/ui/backend/utils/serverErrors
 import { collectCustomFieldValues } from "@open-mercato/ui/backend/utils/customFieldValues";
 import { apiCall, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
-import { ErrorMessage } from "@open-mercato/ui/backend/detail";
+import { ErrorMessage, RecordNotFoundState } from "@open-mercato/ui/backend/detail";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { extractCustomFieldEntries } from "@open-mercato/shared/lib/crud/custom-fields-client";
 import { E } from "../../../../../../../../generated/entities.ids.generated.js";
@@ -59,6 +59,7 @@ function EditVariantPage({ params }) {
   const [existingPriceIds, setExistingPriceIds] = React.useState({});
   const [loading, setLoading] = React.useState(true);
   const [error, setError] = React.useState(null);
+  const [isNotFound, setIsNotFound] = React.useState(false);
   const [currentProductId, setCurrentProductId] = React.useState(productId);
   const [productTitle, setProductTitle] = React.useState("");
   const [productTaxRateId, setProductTaxRateId] = React.useState(null);
@@ -118,13 +119,23 @@ function EditVariantPage({ params }) {
     async function load() {
       setLoading(true);
       setError(null);
+      setIsNotFound(false);
       try {
         const variantRes = await apiCall(
           `/api/catalog/variants?id=${encodeURIComponent(variantId)}&page=1&pageSize=1`
         );
-        if (!variantRes.ok) throw new Error(t("catalog.variants.form.errors.load", "Failed to load variant."));
+        if (!variantRes.ok) {
+          if (variantRes.status === 404) {
+            if (!cancelled) setIsNotFound(true);
+            return;
+          }
+          throw new Error(t("catalog.variants.form.errors.load", "Failed to load variant."));
+        }
         const record = Array.isArray(variantRes.result?.items) ? variantRes.result?.items?.[0] : void 0;
-        if (!record) throw new Error(t("catalog.variants.form.errors.notFound", "Variant not found."));
+        if (!record) {
+          if (!cancelled) setIsNotFound(true);
+          return;
+        }
         const resolvedProductId = typeof record.product_id === "string" ? record.product_id : typeof record.productId === "string" ? record.productId : currentProductId;
         if (resolvedProductId) setCurrentProductId(resolvedProductId);
         const metadata = typeof record.metadata === "object" && record.metadata ? { ...record.metadata } : {};
@@ -291,108 +302,118 @@ function EditVariantPage({ params }) {
   }
   const formTitle = productTitle ? t("catalog.variants.form.editTitleFor", "Edit variant \u2022 {{title}}").replace("{{title}}", productTitle) : t("catalog.variants.form.editTitle", "Edit variant");
   const productVariantsHref = `/backend/catalog/products/${currentProductId}#variants`;
-  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsxs(PageBody, { children: [
-    error ? /* @__PURE__ */ jsx(ErrorMessage, { label: error, className: "mb-4" }) : null,
-    /* @__PURE__ */ jsx(
-      CrudForm,
+  if (isNotFound) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+      RecordNotFoundState,
       {
-        title: formTitle,
+        label: t("catalog.variants.form.errors.notFound", "Variant not found."),
         backHref: productVariantsHref,
-        versionHistory: { resourceKind: "catalog.variant", resourceId: variantId ? String(variantId) : "" },
-        extraActions: /* @__PURE__ */ jsx(
-          SendObjectMessageDialog,
-          {
-            object: {
-              entityModule: "catalog",
-              entityType: "variant",
-              entityId: variantId,
-              previewData: {
-                title: typeof initialValues?.name === "string" && initialValues.name.trim().length ? initialValues.name : variantId,
-                metadata: {
-                  [t("catalog.variants.form.skuLabel")]: typeof initialValues?.sku === "string" && initialValues.sku.trim().length ? initialValues.sku : "-",
-                  [t("catalog.variants.form.pricesLabel")]: resolveVariantPriceLabel(initialValues?.prices) ?? "-"
-                }
-              }
-            },
-            viewHref: `/backend/catalog/products/${currentProductId}/variants/${variantId}`
-          }
-        ),
-        fields: [],
-        groups,
-        entityId: E.catalog.catalog_product_variant,
-        customFieldsetBindings: { [E.catalog.catalog_product_variant]: { valueKey: "customFieldsetCode" } },
-        initialValues: initialValues ?? void 0,
-        isLoading: loading,
-        loadingMessage: t("catalog.variants.form.loading", "Loading variant..."),
-        submitLabel: t("catalog.variants.form.save", "Save changes"),
-        cancelHref: productVariantsHref,
-        onSubmit: async (values) => {
-          const name = values.name?.trim();
-          if (!name) {
-            const message = t("catalog.variants.form.errors.nameRequired", "Provide the variant name.");
-            throw createCrudFormError(message, { name: message });
-          }
-          const invalidPriceKinds = findInvalidVariantPriceKinds(priceKinds, values.prices);
-          if (invalidPriceKinds.length) {
-            const message = t("catalog.variants.form.errors.invalidPrice", "Provide a valid non-negative price.");
-            throw createCrudFormError(message, { prices: message });
-          }
-          const resolveTaxRateValue = (taxRateId) => {
-            if (!taxRateId) return null;
-            const match = taxRates.find((rate) => rate.id === taxRateId);
-            return typeof match?.rate === "number" && Number.isFinite(match.rate) ? match.rate : null;
-          };
-          const resolvedTaxRateId = values.taxRateId ?? productTaxRateId ?? null;
-          const resolvedTaxRateValue = values.taxRateId && resolvedTaxRateId ? resolveTaxRateValue(resolvedTaxRateId) : productTaxRateId ? resolveTaxRateValue(productTaxRateId) ?? productTaxRate : productTaxRate ?? null;
-          const metadata = typeof values.metadata === "object" && values.metadata ? { ...values.metadata } : {};
-          const defaultMediaEntry = values.defaultMediaId ? (Array.isArray(values.mediaItems) ? values.mediaItems : []).find((item) => item.id === values.defaultMediaId) : null;
-          const defaultMediaUrl = defaultMediaEntry ? buildAttachmentImageUrl(defaultMediaEntry.id, {
-            slug: slugifyAttachmentFileName(defaultMediaEntry.fileName)
-          }) : null;
-          const payload = {
-            id: variantId,
-            productId: currentProductId,
-            name,
-            sku: values.sku?.trim() || void 0,
-            barcode: values.barcode?.trim() || void 0,
-            isDefault: Boolean(values.isDefault),
-            isActive: values.isActive !== false,
-            optionValues: Object.keys(values.optionValues ?? {}).length ? values.optionValues : void 0,
-            metadata,
-            defaultMediaId: values.defaultMediaId ?? void 0,
-            defaultMediaUrl: defaultMediaUrl ?? void 0,
-            customFieldsetCode: values.customFieldsetCode?.trim().length ? values.customFieldsetCode : void 0,
-            taxRateId: resolvedTaxRateId,
-            taxRate: resolvedTaxRateValue
-          };
-          const customFields = collectCustomFieldValues(values);
-          if (Object.keys(customFields).length) payload.customFields = customFields;
-          await updateCrud("catalog/variants", payload);
-          await syncVariantPricesUpdate({
-            priceKinds,
-            priceDrafts: values.prices ?? {},
-            existingPriceIds,
-            productId: currentProductId,
-            variantId,
-            taxRates,
-            taxRateId: values.taxRateId,
-            productTaxRateId,
-            productTaxRate
-          });
-          flash(t("catalog.variants.form.updated", "Variant updated."), "success");
-          router.push(productVariantsHref);
-        },
-        onDelete: async () => {
-          await deleteCrud("catalog/variants", variantId, {
-            errorMessage: t("catalog.variants.form.deleteError", "Failed to delete variant.")
-          });
-          flash(t("catalog.variants.form.deleted", "Variant deleted."), "success");
-          router.push(productVariantsHref);
-        },
-        deleteRedirect: productVariantsHref
+        backLabel: t("catalog.variants.form.actions.backToProduct", "Back to product variants")
       }
-    )
-  ] }) });
+    ) }) });
+  }
+  if (error && !loading) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(ErrorMessage, { label: error }) }) });
+  }
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+    CrudForm,
+    {
+      title: formTitle,
+      backHref: productVariantsHref,
+      versionHistory: { resourceKind: "catalog.variant", resourceId: variantId ? String(variantId) : "" },
+      extraActions: /* @__PURE__ */ jsx(
+        SendObjectMessageDialog,
+        {
+          object: {
+            entityModule: "catalog",
+            entityType: "variant",
+            entityId: variantId,
+            previewData: {
+              title: typeof initialValues?.name === "string" && initialValues.name.trim().length ? initialValues.name : variantId,
+              metadata: {
+                [t("catalog.variants.form.skuLabel")]: typeof initialValues?.sku === "string" && initialValues.sku.trim().length ? initialValues.sku : "-",
+                [t("catalog.variants.form.pricesLabel")]: resolveVariantPriceLabel(initialValues?.prices) ?? "-"
+              }
+            }
+          },
+          viewHref: `/backend/catalog/products/${currentProductId}/variants/${variantId}`
+        }
+      ),
+      fields: [],
+      groups,
+      entityId: E.catalog.catalog_product_variant,
+      customFieldsetBindings: { [E.catalog.catalog_product_variant]: { valueKey: "customFieldsetCode" } },
+      initialValues: initialValues ?? void 0,
+      isLoading: loading,
+      loadingMessage: t("catalog.variants.form.loading", "Loading variant..."),
+      submitLabel: t("catalog.variants.form.save", "Save changes"),
+      cancelHref: productVariantsHref,
+      onSubmit: async (values) => {
+        const name = values.name?.trim();
+        if (!name) {
+          const message = t("catalog.variants.form.errors.nameRequired", "Provide the variant name.");
+          throw createCrudFormError(message, { name: message });
+        }
+        const invalidPriceKinds = findInvalidVariantPriceKinds(priceKinds, values.prices);
+        if (invalidPriceKinds.length) {
+          const message = t("catalog.variants.form.errors.invalidPrice", "Provide a valid non-negative price.");
+          throw createCrudFormError(message, { prices: message });
+        }
+        const resolveTaxRateValue = (taxRateId) => {
+          if (!taxRateId) return null;
+          const match = taxRates.find((rate) => rate.id === taxRateId);
+          return typeof match?.rate === "number" && Number.isFinite(match.rate) ? match.rate : null;
+        };
+        const resolvedTaxRateId = values.taxRateId ?? productTaxRateId ?? null;
+        const resolvedTaxRateValue = values.taxRateId && resolvedTaxRateId ? resolveTaxRateValue(resolvedTaxRateId) : productTaxRateId ? resolveTaxRateValue(productTaxRateId) ?? productTaxRate : productTaxRate ?? null;
+        const metadata = typeof values.metadata === "object" && values.metadata ? { ...values.metadata } : {};
+        const defaultMediaEntry = values.defaultMediaId ? (Array.isArray(values.mediaItems) ? values.mediaItems : []).find((item) => item.id === values.defaultMediaId) : null;
+        const defaultMediaUrl = defaultMediaEntry ? buildAttachmentImageUrl(defaultMediaEntry.id, {
+          slug: slugifyAttachmentFileName(defaultMediaEntry.fileName)
+        }) : null;
+        const payload = {
+          id: variantId,
+          productId: currentProductId,
+          name,
+          sku: values.sku?.trim() || void 0,
+          barcode: values.barcode?.trim() || void 0,
+          isDefault: Boolean(values.isDefault),
+          isActive: values.isActive !== false,
+          optionValues: Object.keys(values.optionValues ?? {}).length ? values.optionValues : void 0,
+          metadata,
+          defaultMediaId: values.defaultMediaId ?? void 0,
+          defaultMediaUrl: defaultMediaUrl ?? void 0,
+          customFieldsetCode: values.customFieldsetCode?.trim().length ? values.customFieldsetCode : void 0,
+          taxRateId: resolvedTaxRateId,
+          taxRate: resolvedTaxRateValue
+        };
+        const customFields = collectCustomFieldValues(values);
+        if (Object.keys(customFields).length) payload.customFields = customFields;
+        await updateCrud("catalog/variants", payload);
+        await syncVariantPricesUpdate({
+          priceKinds,
+          priceDrafts: values.prices ?? {},
+          existingPriceIds,
+          productId: currentProductId,
+          variantId,
+          taxRates,
+          taxRateId: values.taxRateId,
+          productTaxRateId,
+          productTaxRate
+        });
+        flash(t("catalog.variants.form.updated", "Variant updated."), "success");
+        router.push(productVariantsHref);
+      },
+      onDelete: async () => {
+        await deleteCrud("catalog/variants", variantId, {
+          errorMessage: t("catalog.variants.form.deleteError", "Failed to delete variant.")
+        });
+        flash(t("catalog.variants.form.deleted", "Variant deleted."), "success");
+        router.push(productVariantsHref);
+      },
+      deleteRedirect: productVariantsHref
+    }
+  ) }) });
 }
 function reconcileOptionValues(optionValues, optionDefinitions) {
   if (!optionValues || !optionDefinitions.length) {