@open-mercato/core 0.7.0 → 0.7.1-develop.7102.1.b41f7e3e51

package/dist/modules/wms/components/backend/WarehouseEditDialog.js

@@ -0,0 +1,158 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { z } from "zod";
+import { CrudForm } from "@open-mercato/ui/backend/CrudForm";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { raiseCrudError } from "@open-mercato/ui/backend/utils/serverErrors";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@open-mercato/ui/primitives/dialog";
+import { extractCustomFieldEntries } from "@open-mercato/shared/lib/crud/custom-fields-client";
+import { useLocale, useT } from "@open-mercato/shared/lib/i18n/context";
+import { E } from "../../../../generated/entities.ids.generated.js";
+import { flashMutationError } from "../../lib/flashMutationError.js";
+import {
+  countryOptionFromStored,
+  loadCountryOptions,
+  loadTimezoneOptions,
+  timezoneOptionFromStored
+} from "./warehouseFormOptions.js";
+const warehouseFormSchema = z.object({
+  name: z.string().trim().min(1),
+  code: z.string().trim().min(1),
+  city: z.string().trim().optional(),
+  country: z.string().trim().optional(),
+  timezone: z.string().trim().optional(),
+  isActive: z.boolean().default(true),
+  isPrimary: z.boolean().default(false)
+}).passthrough();
+function WarehouseEditDialog({ open, onOpenChange, mode, row, onSaved }) {
+  const t = useT();
+  const locale = useLocale();
+  const { runMutation } = useGuardedMutation({ contextId: "wms-config-warehouses" });
+  const [submitting, setSubmitting] = React.useState(false);
+  const countrySeedOptions = React.useMemo(() => {
+    if (mode !== "edit" || !row?.country?.trim()) return void 0;
+    return [countryOptionFromStored(row.country, locale)];
+  }, [locale, mode, row]);
+  const timezoneSeedOptions = React.useMemo(() => {
+    if (mode !== "edit" || !row?.timezone?.trim()) return void 0;
+    return [timezoneOptionFromStored(row.timezone)];
+  }, [mode, row]);
+  const fields = React.useMemo(() => [
+    { id: "name", type: "text", label: t("wms.backend.config.warehouses.form.name", "Name"), required: true },
+    { id: "code", type: "text", label: t("wms.backend.config.warehouses.form.code", "Code"), required: true },
+    { id: "city", type: "text", label: t("wms.backend.config.warehouses.form.city", "City") },
+    {
+      id: "country",
+      type: "combobox",
+      label: t("wms.backend.config.warehouses.form.country", "Country"),
+      placeholder: t("wms.backend.config.warehouses.form.countryPlaceholder", "Search country"),
+      loadOptions: (query) => loadCountryOptions(query, locale),
+      allowCustomValues: false,
+      seedOptions: countrySeedOptions,
+      resolveLabel: (value) => countryOptionFromStored(value, locale).label
+    },
+    {
+      id: "timezone",
+      type: "combobox",
+      label: t("wms.backend.config.warehouses.form.timezone", "Timezone"),
+      placeholder: t("wms.backend.config.warehouses.form.timezonePlaceholder", "Search timezone"),
+      loadOptions: loadTimezoneOptions,
+      allowCustomValues: false,
+      seedOptions: timezoneSeedOptions
+    },
+    { id: "isPrimary", type: "checkbox", label: t("wms.backend.config.warehouses.form.primary", "Primary warehouse") },
+    { id: "isActive", type: "checkbox", label: t("wms.backend.config.warehouses.form.active", "Active") }
+  ], [countrySeedOptions, locale, t, timezoneSeedOptions]);
+  const initialValues = React.useMemo(() => {
+    if (mode === "edit" && row) {
+      return {
+        name: row.name || "",
+        code: row.code || "",
+        city: row.city || "",
+        country: row.country || "",
+        timezone: row.timezone || "",
+        isActive: row.is_active !== false,
+        isPrimary: row.is_primary === true,
+        ...extractCustomFieldEntries(row)
+      };
+    }
+    return {
+      name: "",
+      code: "",
+      city: "",
+      country: "",
+      timezone: "",
+      isActive: true,
+      isPrimary: false
+    };
+  }, [mode, row]);
+  const handleSubmit = React.useCallback(async (values) => {
+    setSubmitting(true);
+    try {
+      const payload = mode === "edit" && row ? { id: row.id, ...values } : values;
+      const call = await runMutation({
+        operation: async () => {
+          const result = await apiCall(
+            "/api/wms/warehouses",
+            {
+              method: mode === "edit" ? "PUT" : "POST",
+              headers: { "x-om-forbidden-redirect": "0" },
+              body: JSON.stringify(payload)
+            }
+          );
+          if (!result.ok) {
+            await raiseCrudError(result.response, t("wms.backend.config.warehouses.errors.save", "Failed to save warehouse."));
+          }
+          return result;
+        },
+        context: {},
+        mutationPayload: payload
+      });
+      flash(
+        mode === "edit" ? t("wms.backend.config.warehouses.flash.updated", "Warehouse updated") : t("wms.backend.config.warehouses.flash.created", "Warehouse created"),
+        "success"
+      );
+      const resultBody = call?.result && typeof call.result === "object" ? call.result : null;
+      const createdId = mode === "create" && typeof resultBody?.id === "string" ? resultBody.id.trim() : void 0;
+      const updatedAt = typeof resultBody?.updatedAt === "string" && resultBody.updatedAt.trim() || typeof resultBody?.updated_at === "string" && resultBody.updated_at.trim() || void 0;
+      onOpenChange(false);
+      await onSaved?.({
+        mode,
+        id: createdId || row?.id,
+        values,
+        updatedAt: updatedAt || null
+      });
+    } catch (error) {
+      flashMutationError(error, t("wms.backend.config.warehouses.errors.save", "Failed to save warehouse."), t);
+    } finally {
+      setSubmitting(false);
+    }
+  }, [mode, onOpenChange, onSaved, row, runMutation, t]);
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-3xl", children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: mode === "edit" ? t("wms.backend.config.warehouses.dialog.edit", "Edit warehouse") : t("wms.backend.config.warehouses.dialog.create", "Create warehouse") }) }),
+    /* @__PURE__ */ jsx(
+      CrudForm,
+      {
+        schema: warehouseFormSchema,
+        fields,
+        entityId: E.wms.warehouse,
+        initialValues,
+        submitLabel: t("common.save", "Save"),
+        onSubmit: handleSubmit,
+        embedded: true,
+        disableInitialFocus: true,
+        isLoading: submitting,
+        twoColumn: true,
+        optimisticLockUpdatedAt: mode === "edit" ? row?.updatedAt ?? row?.updated_at ?? null : void 0
+      }
+    )
+  ] }) });
+}
+export {
+  WarehouseEditDialog,
+  warehouseFormSchema
+};
+//# sourceMappingURL=WarehouseEditDialog.js.map

package/dist/modules/wms/components/backend/WarehouseEditDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/wms/components/backend/WarehouseEditDialog.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { z } from 'zod'\nimport { CrudForm, type CrudField } from '@open-mercato/ui/backend/CrudForm'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { raiseCrudError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { extractCustomFieldEntries } from '@open-mercato/shared/lib/crud/custom-fields-client'\nimport { useLocale, useT } from '@open-mercato/shared/lib/i18n/context'\nimport { E } from '#generated/entities.ids.generated'\nimport { flashMutationError } from '../../lib/flashMutationError'\nimport {\n  countryOptionFromStored,\n  loadCountryOptions,\n  loadTimezoneOptions,\n  timezoneOptionFromStored,\n} from './warehouseFormOptions'\n\nexport type WarehouseDialogRow = {\n  id: string\n  name?: string | null\n  code?: string | null\n  city?: string | null\n  country?: string | null\n  timezone?: string | null\n  is_active?: boolean | null\n  is_primary?: boolean | null\n  updated_at?: string | null\n  updatedAt?: string | null\n  customValues?: Record<string, unknown> | null\n}\n\nexport type WarehouseFormValues = {\n  name: string\n  code: string\n  city?: string\n  country?: string\n  timezone?: string\n  isActive: boolean\n  isPrimary: boolean\n}\n\nexport const warehouseFormSchema = z.object({\n  name: z.string().trim().min(1),\n  code: z.string().trim().min(1),\n  city: z.string().trim().optional(),\n  country: z.string().trim().optional(),\n  timezone: z.string().trim().optional(),\n  isActive: z.boolean().default(true),\n  isPrimary: z.boolean().default(false),\n}).passthrough()\n\ntype WarehouseEditDialogProps = {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  mode: 'create' | 'edit'\n  row?: WarehouseDialogRow | null\n  onSaved?: (info: {\n    mode: 'create' | 'edit'\n    id?: string\n    values: WarehouseFormValues\n    updatedAt?: string | null\n  }) => void | Promise<void>\n}\n\nexport function WarehouseEditDialog({ open, onOpenChange, mode, row, onSaved }: WarehouseEditDialogProps) {\n  const t = useT()\n  const locale = useLocale()\n  const { runMutation } = useGuardedMutation<Record<string, unknown>>({ contextId: 'wms-config-warehouses' })\n  const [submitting, setSubmitting] = React.useState(false)\n\n  const countrySeedOptions = React.useMemo(() => {\n    if (mode !== 'edit' || !row?.country?.trim()) return undefined\n    return [countryOptionFromStored(row.country, locale)]\n  }, [locale, mode, row])\n\n  const timezoneSeedOptions = React.useMemo(() => {\n    if (mode !== 'edit' || !row?.timezone?.trim()) return undefined\n    return [timezoneOptionFromStored(row.timezone)]\n  }, [mode, row])\n\n  const fields = React.useMemo<CrudField[]>(() => [\n    { id: 'name', type: 'text', label: t('wms.backend.config.warehouses.form.name', 'Name'), required: true },\n    { id: 'code', type: 'text', label: t('wms.backend.config.warehouses.form.code', 'Code'), required: true },\n    { id: 'city', type: 'text', label: t('wms.backend.config.warehouses.form.city', 'City') },\n    {\n      id: 'country',\n      type: 'combobox',\n      label: t('wms.backend.config.warehouses.form.country', 'Country'),\n      placeholder: t('wms.backend.config.warehouses.form.countryPlaceholder', 'Search country'),\n      loadOptions: (query) => loadCountryOptions(query, locale),\n      allowCustomValues: false,\n      seedOptions: countrySeedOptions,\n      resolveLabel: (value) => countryOptionFromStored(value, locale).label,\n    },\n    {\n      id: 'timezone',\n      type: 'combobox',\n      label: t('wms.backend.config.warehouses.form.timezone', 'Timezone'),\n      placeholder: t('wms.backend.config.warehouses.form.timezonePlaceholder', 'Search timezone'),\n      loadOptions: loadTimezoneOptions,\n      allowCustomValues: false,\n      seedOptions: timezoneSeedOptions,\n    },\n    { id: 'isPrimary', type: 'checkbox', label: t('wms.backend.config.warehouses.form.primary', 'Primary warehouse') },\n    { id: 'isActive', type: 'checkbox', label: t('wms.backend.config.warehouses.form.active', 'Active') },\n  ], [countrySeedOptions, locale, t, timezoneSeedOptions])\n\n  const initialValues = React.useMemo<WarehouseFormValues>(() => {\n    if (mode === 'edit' && row) {\n      return {\n        name: row.name || '',\n        code: row.code || '',\n        city: row.city || '',\n        country: row.country || '',\n        timezone: row.timezone || '',\n        isActive: row.is_active !== false,\n        isPrimary: row.is_primary === true,\n        ...extractCustomFieldEntries(row as Record<string, unknown>),\n      } as WarehouseFormValues\n    }\n    return {\n      name: '',\n      code: '',\n      city: '',\n      country: '',\n      timezone: '',\n      isActive: true,\n      isPrimary: false,\n    }\n  }, [mode, row])\n\n  const handleSubmit = React.useCallback(async (values: WarehouseFormValues) => {\n    setSubmitting(true)\n    try {\n      const payload = mode === 'edit' && row ? { id: row.id, ...values } : values\n      const call = await runMutation({\n        operation: async () => {\n          const result = await apiCall<{ id?: string | null; updatedAt?: string | null; updated_at?: string | null }>(\n            '/api/wms/warehouses',\n            {\n              method: mode === 'edit' ? 'PUT' : 'POST',\n              headers: { 'x-om-forbidden-redirect': '0' },\n              body: JSON.stringify(payload),\n            },\n          )\n          if (!result.ok) {\n            await raiseCrudError(result.response, t('wms.backend.config.warehouses.errors.save', 'Failed to save warehouse.'))\n          }\n          return result\n        },\n        context: {},\n        mutationPayload: payload,\n      })\n      flash(\n        mode === 'edit'\n          ? t('wms.backend.config.warehouses.flash.updated', 'Warehouse updated')\n          : t('wms.backend.config.warehouses.flash.created', 'Warehouse created'),\n        'success',\n      )\n      const resultBody =\n        call?.result && typeof call.result === 'object'\n          ? (call.result as { id?: unknown; updatedAt?: unknown; updated_at?: unknown })\n          : null\n      const createdId =\n        mode === 'create' && typeof resultBody?.id === 'string'\n          ? resultBody.id.trim()\n          : undefined\n      const updatedAt =\n        (typeof resultBody?.updatedAt === 'string' && resultBody.updatedAt.trim()) ||\n        (typeof resultBody?.updated_at === 'string' && resultBody.updated_at.trim()) ||\n        undefined\n      onOpenChange(false)\n      await onSaved?.({\n        mode,\n        id: createdId || row?.id,\n        values,\n        updatedAt: updatedAt || null,\n      })\n    } catch (error) {\n      flashMutationError(error, t('wms.backend.config.warehouses.errors.save', 'Failed to save warehouse.'), t)\n    } finally {\n      setSubmitting(false)\n    }\n  }, [mode, onOpenChange, onSaved, row, runMutation, t])\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"max-w-3xl\">\n        <DialogHeader>\n          <DialogTitle>\n            {mode === 'edit'\n              ? t('wms.backend.config.warehouses.dialog.edit', 'Edit warehouse')\n              : t('wms.backend.config.warehouses.dialog.create', 'Create warehouse')}\n          </DialogTitle>\n        </DialogHeader>\n        <CrudForm<WarehouseFormValues>\n          schema={warehouseFormSchema}\n          fields={fields}\n          entityId={E.wms.warehouse}\n          initialValues={initialValues}\n          submitLabel={t('common.save', 'Save')}\n          onSubmit={handleSubmit}\n          embedded\n          disableInitialFocus\n          isLoading={submitting}\n          twoColumn\n          optimisticLockUpdatedAt={mode === 'edit' ? (row?.updatedAt ?? row?.updated_at ?? null) : undefined}\n        />\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": ";AA+LM,SAEI,KAFJ;AA7LN,YAAY,WAAW;AACvB,SAAS,SAAS;AAClB,SAAS,gBAAgC;AACzC,SAAS,aAAa;AACtB,SAAS,0BAA0B;AACnC,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,QAAQ,eAAe,cAAc,mBAAmB;AACjE,SAAS,iCAAiC;AAC1C,SAAS,WAAW,YAAY;AAChC,SAAS,SAAS;AAClB,SAAS,0BAA0B;AACnC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AA0BA,MAAM,sBAAsB,EAAE,OAAO;AAAA,EAC1C,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC;AAAA,EAC7B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC;AAAA,EAC7B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS;AAAA,EACjC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS;AAAA,EACpC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS;AAAA,EACrC,UAAU,EAAE,QAAQ,EAAE,QAAQ,IAAI;AAAA,EAClC,WAAW,EAAE,QAAQ,EAAE,QAAQ,KAAK;AACtC,CAAC,EAAE,YAAY;AAeR,SAAS,oBAAoB,EAAE,MAAM,cAAc,MAAM,KAAK,QAAQ,GAA6B;AACxG,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,UAAU;AACzB,QAAM,EAAE,YAAY,IAAI,mBAA4C,EAAE,WAAW,wBAAwB,CAAC;AAC1G,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,KAAK;AAExD,QAAM,qBAAqB,MAAM,QAAQ,MAAM;AAC7C,QAAI,SAAS,UAAU,CAAC,KAAK,SAAS,KAAK,EAAG,QAAO;AACrD,WAAO,CAAC,wBAAwB,IAAI,SAAS,MAAM,CAAC;AAAA,EACtD,GAAG,CAAC,QAAQ,MAAM,GAAG,CAAC;AAEtB,QAAM,sBAAsB,MAAM,QAAQ,MAAM;AAC9C,QAAI,SAAS,UAAU,CAAC,KAAK,UAAU,KAAK,EAAG,QAAO;AACtD,WAAO,CAAC,yBAAyB,IAAI,QAAQ,CAAC;AAAA,EAChD,GAAG,CAAC,MAAM,GAAG,CAAC;AAEd,QAAM,SAAS,MAAM,QAAqB,MAAM;AAAA,IAC9C,EAAE,IAAI,QAAQ,MAAM,QAAQ,OAAO,EAAE,2CAA2C,MAAM,GAAG,UAAU,KAAK;AAAA,IACxG,EAAE,IAAI,QAAQ,MAAM,QAAQ,OAAO,EAAE,2CAA2C,MAAM,GAAG,UAAU,KAAK;AAAA,IACxG,EAAE,IAAI,QAAQ,MAAM,QAAQ,OAAO,EAAE,2CAA2C,MAAM,EAAE;AAAA,IACxF;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO,EAAE,8CAA8C,SAAS;AAAA,MAChE,aAAa,EAAE,yDAAyD,gBAAgB;AAAA,MACxF,aAAa,CAAC,UAAU,mBAAmB,OAAO,MAAM;AAAA,MACxD,mBAAmB;AAAA,MACnB,aAAa;AAAA,MACb,cAAc,CAAC,UAAU,wBAAwB,OAAO,MAAM,EAAE;AAAA,IAClE;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO,EAAE,+CAA+C,UAAU;AAAA,MAClE,aAAa,EAAE,0DAA0D,iBAAiB;AAAA,MAC1F,aAAa;AAAA,MACb,mBAAmB;AAAA,MACnB,aAAa;AAAA,IACf;AAAA,IACA,EAAE,IAAI,aAAa,MAAM,YAAY,OAAO,EAAE,8CAA8C,mBAAmB,EAAE;AAAA,IACjH,EAAE,IAAI,YAAY,MAAM,YAAY,OAAO,EAAE,6CAA6C,QAAQ,EAAE;AAAA,EACtG,GAAG,CAAC,oBAAoB,QAAQ,GAAG,mBAAmB,CAAC;AAEvD,QAAM,gBAAgB,MAAM,QAA6B,MAAM;AAC7D,QAAI,SAAS,UAAU,KAAK;AAC1B,aAAO;AAAA,QACL,MAAM,IAAI,QAAQ;AAAA,QAClB,MAAM,IAAI,QAAQ;AAAA,QAClB,MAAM,IAAI,QAAQ;AAAA,QAClB,SAAS,IAAI,WAAW;AAAA,QACxB,UAAU,IAAI,YAAY;AAAA,QAC1B,UAAU,IAAI,cAAc;AAAA,QAC5B,WAAW,IAAI,eAAe;AAAA,QAC9B,GAAG,0BAA0B,GAA8B;AAAA,MAC7D;AAAA,IACF;AACA,WAAO;AAAA,MACL,MAAM;AAAA,MACN,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WAAW;AAAA,IACb;AAAA,EACF,GAAG,CAAC,MAAM,GAAG,CAAC;AAEd,QAAM,eAAe,MAAM,YAAY,OAAO,WAAgC;AAC5E,kBAAc,IAAI;AAClB,QAAI;AACF,YAAM,UAAU,SAAS,UAAU,MAAM,EAAE,IAAI,IAAI,IAAI,GAAG,OAAO,IAAI;AACrE,YAAM,OAAO,MAAM,YAAY;AAAA,QAC7B,WAAW,YAAY;AACrB,gBAAM,SAAS,MAAM;AAAA,YACnB;AAAA,YACA;AAAA,cACE,QAAQ,SAAS,SAAS,QAAQ;AAAA,cAClC,SAAS,EAAE,2BAA2B,IAAI;AAAA,cAC1C,MAAM,KAAK,UAAU,OAAO;AAAA,YAC9B;AAAA,UACF;AACA,cAAI,CAAC,OAAO,IAAI;AACd,kBAAM,eAAe,OAAO,UAAU,EAAE,6CAA6C,2BAA2B,CAAC;AAAA,UACnH;AACA,iBAAO;AAAA,QACT;AAAA,QACA,SAAS,CAAC;AAAA,QACV,iBAAiB;AAAA,MACnB,CAAC;AACD;AAAA,QACE,SAAS,SACL,EAAE,+CAA+C,mBAAmB,IACpE,EAAE,+CAA+C,mBAAmB;AAAA,QACxE;AAAA,MACF;AACA,YAAM,aACJ,MAAM,UAAU,OAAO,KAAK,WAAW,WAClC,KAAK,SACN;AACN,YAAM,YACJ,SAAS,YAAY,OAAO,YAAY,OAAO,WAC3C,WAAW,GAAG,KAAK,IACnB;AACN,YAAM,YACH,OAAO,YAAY,cAAc,YAAY,WAAW,UAAU,KAAK,KACvE,OAAO,YAAY,eAAe,YAAY,WAAW,WAAW,KAAK,KAC1E;AACF,mBAAa,KAAK;AAClB,YAAM,UAAU;AAAA,QACd;AAAA,QACA,IAAI,aAAa,KAAK;AAAA,QACtB;AAAA,QACA,WAAW,aAAa;AAAA,MAC1B,CAAC;AAAA,IACH,SAAS,OAAO;AACd,yBAAmB,OAAO,EAAE,6CAA6C,2BAA2B,GAAG,CAAC;AAAA,IAC1G,UAAE;AACA,oBAAc,KAAK;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,MAAM,cAAc,SAAS,KAAK,aAAa,CAAC,CAAC;AAErD,SACE,oBAAC,UAAO,MAAY,cAClB,+BAAC,iBAAc,WAAU,aACvB;AAAA,wBAAC,gBACC,8BAAC,eACE,mBAAS,SACN,EAAE,6CAA6C,gBAAgB,IAC/D,EAAE,+CAA+C,kBAAkB,GACzE,GACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ;AAAA,QACR;AAAA,QACA,UAAU,EAAE,IAAI;AAAA,QAChB;AAAA,QACA,aAAa,EAAE,eAAe,MAAM;AAAA,QACpC,UAAU;AAAA,QACV,UAAQ;AAAA,QACR,qBAAmB;AAAA,QACnB,WAAW;AAAA,QACX,WAAS;AAAA,QACT,yBAAyB,SAAS,SAAU,KAAK,aAAa,KAAK,cAAc,OAAQ;AAAA;AAAA,IAC3F;AAAA,KACF,GACF;AAEJ;",
+  "names": []
+}

package/dist/modules/wms/components/backend/WmsConfigurationPage.js

@@ -10,10 +10,12 @@ import { Page, PageBody } from "@open-mercato/ui/backend/Page";
 import { DataTable } from "@open-mercato/ui/backend/DataTable";
 import { EmptyState } from "@open-mercato/ui/backend/EmptyState";
 import { CrudForm } from "@open-mercato/ui/backend/CrudForm";
+import { extractCustomFieldEntries } from "@open-mercato/shared/lib/crud/custom-fields-client";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
 import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
 import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
 import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { collectCustomFieldValues } from "@open-mercato/ui/backend/utils/customFieldValues";
 import { raiseCrudError } from "@open-mercato/ui/backend/utils/serverErrors";
 import { Button } from "@open-mercato/ui/primitives/button";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@open-mercato/ui/primitives/dialog";
@@ -34,23 +36,16 @@ import {
   inventoryRotationStrategyLabel
 } from "../../lib/inventoryDisplayUi.js";
 import { LocationEditDialog } from "./LocationEditDialog.js";
+import { WarehouseEditDialog } from "./WarehouseEditDialog.js";
+import { formatWarehouseCountryLabel } from "./warehouseFormOptions.js";
 import { useWmsInventoryMutationAccess } from "./useWmsInventoryMutationAccess.js";
 import { flashMutationError } from "../../lib/flashMutationError.js";
-const warehouseFormSchema = z.object({
-  name: z.string().trim().min(1),
-  code: z.string().trim().min(1),
-  city: z.string().trim().optional(),
-  country: z.string().trim().optional(),
-  timezone: z.string().trim().optional(),
-  isActive: z.boolean().default(true),
-  isPrimary: z.boolean().default(false)
-});
 const zoneFormSchema = z.object({
   warehouseId: z.string().uuid(),
   code: z.string().trim().min(1).max(80),
   name: z.string().trim().min(1).max(200),
   priority: z.coerce.number().int().min(0).optional()
-});
+}).passthrough();
 function buildInventoryProfileFormSchema(fefoRequiredMsg) {
   return z.object({
     catalogProductId: z.string().uuid(),
@@ -77,7 +72,7 @@ const STRATEGY_OPTIONS = [
   { value: "lifo", label: "LIFO" },
   { value: "fefo", label: "FEFO" }
 ];
-function mergeCreatedWarehouseIntoWarehousesCaches(queryClient, newId, values) {
+function mergeCreatedWarehouseIntoWarehousesCaches(queryClient, newId, values, updatedAt) {
   const row = {
     id: newId,
     name: values.name,
@@ -86,7 +81,9 @@ function mergeCreatedWarehouseIntoWarehousesCaches(queryClient, newId, values) {
     country: values.country || null,
     timezone: values.timezone || null,
     is_active: values.isActive,
-    is_primary: values.isPrimary
+    is_primary: values.isPrimary,
+    updated_at: updatedAt ?? null,
+    updatedAt: updatedAt ?? null
   };
   const haystack = `${values.name}
 ${values.code}`.toLowerCase();
@@ -146,6 +143,7 @@ function SectionCard({
 }
 function WarehouseSection({ viewAllHref } = {}) {
   const t = useT();
+  const locale = useLocale();
   const queryClient = useQueryClient();
   const { confirm, ConfirmDialogElement } = useConfirmDialog();
   const { runMutation } = useGuardedMutation({ contextId: "wms-config-warehouses" });
@@ -153,7 +151,6 @@ function WarehouseSection({ viewAllHref } = {}) {
   const [page, setPage] = React.useState(1);
   const [search, setSearch] = React.useState("");
   const [sorting, setSorting] = React.useState([{ id: "updatedAt", desc: true }]);
-  const [submitting, setSubmitting] = React.useState(false);
   const [dialog, setDialog] = React.useState(null);
   const handleSortingChange = React.useCallback((nextSorting) => {
     setSorting(nextSorting);
@@ -181,15 +178,6 @@ function WarehouseSection({ viewAllHref } = {}) {
       return call.result ?? { items: [], total: 0, totalPages: 1 };
     }
   });
-  const fields = React.useMemo(() => [
-    { id: "name", type: "text", label: t("wms.backend.config.warehouses.form.name", "Name"), required: true },
-    { id: "code", type: "text", label: t("wms.backend.config.warehouses.form.code", "Code"), required: true },
-    { id: "city", type: "text", label: t("wms.backend.config.warehouses.form.city", "City") },
-    { id: "country", type: "text", label: t("wms.backend.config.warehouses.form.country", "Country") },
-    { id: "timezone", type: "text", label: t("wms.backend.config.warehouses.form.timezone", "Timezone") },
-    { id: "isPrimary", type: "checkbox", label: t("wms.backend.config.warehouses.form.primary", "Primary warehouse") },
-    { id: "isActive", type: "checkbox", label: t("wms.backend.config.warehouses.form.active", "Active") }
-  ], [t]);
   const columns = React.useMemo(() => [
     {
       accessorKey: "name",
@@ -199,7 +187,7 @@ function WarehouseSection({ viewAllHref } = {}) {
     },
     { accessorKey: "code", header: t("wms.backend.config.warehouses.columns.code", "Code"), enableSorting: true },
     { accessorKey: "city", header: t("wms.backend.config.warehouses.columns.city", "City"), cell: ({ row }) => row.original.city || "\u2014" },
-    { accessorKey: "country", header: t("wms.backend.config.warehouses.columns.country", "Country"), cell: ({ row }) => row.original.country || "\u2014" },
+    { accessorKey: "country", header: t("wms.backend.config.warehouses.columns.country", "Country"), cell: ({ row }) => formatWarehouseCountryLabel(row.original.country, locale) },
     {
       accessorKey: "is_primary",
       header: t("wms.backend.config.warehouses.columns.primary", "Primary"),
@@ -210,79 +198,24 @@ function WarehouseSection({ viewAllHref } = {}) {
       header: t("wms.backend.config.warehouses.columns.status", "Status"),
       cell: ({ row }) => row.original.is_active === false ? t("wms.common.inactive", "Inactive") : t("wms.common.active", "Active")
     }
-  ], [t]);
-  const initialValues = React.useMemo(() => {
-    if (dialog?.mode === "edit") {
-      return {
-        name: dialog.row.name || "",
-        code: dialog.row.code || "",
-        city: dialog.row.city || "",
-        country: dialog.row.country || "",
-        timezone: dialog.row.timezone || "",
-        isActive: dialog.row.is_active !== false,
-        isPrimary: dialog.row.is_primary === true
-      };
-    }
-    return {
-      name: "",
-      code: "",
-      city: "",
-      country: "",
-      timezone: "",
-      isActive: true,
-      isPrimary: false
-    };
-  }, [dialog]);
+  ], [locale, t]);
   const closeDialog = React.useCallback(() => {
     setDialog(null);
-    setSubmitting(false);
   }, []);
   const refresh = React.useCallback(async () => {
     await queryClient.cancelQueries({ queryKey: ["wms-config", "warehouses"] });
     await queryClient.invalidateQueries({ queryKey: ["wms-config", "warehouses"] });
     await queryClient.refetchQueries({ queryKey: ["wms-config", "warehouses"], type: "all" });
   }, [queryClient]);
-  const handleSubmit = React.useCallback(async (values) => {
-    if (!dialog) return;
-    const submitMode = dialog.mode;
-    setSubmitting(true);
-    try {
-      const call = await runMutation({
-        operation: async () => {
-          const result = await apiCall(
-            "/api/wms/warehouses",
-            {
-              method: submitMode === "edit" ? "PUT" : "POST",
-              body: JSON.stringify(
-                submitMode === "edit" ? { id: dialog.row.id, ...values } : values
-              )
-            }
-          );
-          if (!result.ok) {
-            await raiseCrudError(result.response, t("wms.backend.config.warehouses.errors.save", "Failed to save warehouse."));
-          }
-          return result;
-        },
-        context: {},
-        mutationPayload: submitMode === "edit" ? { id: dialog.row.id, ...values } : values
-      });
-      flash(
-        submitMode === "edit" ? t("wms.backend.config.warehouses.flash.updated", "Warehouse updated") : t("wms.backend.config.warehouses.flash.created", "Warehouse created"),
-        "success"
-      );
-      const createdId = submitMode === "create" && call?.result && typeof call.result === "object" && typeof call.result.id === "string" ? call.result.id.trim() : null;
-      closeDialog();
-      if (submitMode === "create" && createdId) {
-        mergeCreatedWarehouseIntoWarehousesCaches(queryClient, createdId, values);
-        setSearch("");
-        setPage(1);
-      }
-      await refresh();
-    } catch (error) {
-      flashMutationError(error, t("wms.backend.config.warehouses.errors.save", "Failed to save warehouse."), t);
-      setSubmitting(false);
+  const handleWarehouseSaved = React.useCallback(async (info) => {
+    closeDialog();
+    if (info.mode === "create" && info.id) {
+      mergeCreatedWarehouseIntoWarehousesCaches(queryClient, info.id, info.values, info.updatedAt);
+      setSearch("");
+      setPage(1);
     }
-  }, [closeDialog, dialog, queryClient, refresh, runMutation, t]);
+    await refresh();
+  }, [closeDialog, queryClient, refresh]);
   const handleDelete = React.useCallback(async (row) => {
     const confirmed = await confirm({
       title: t("wms.backend.config.warehouses.confirmDelete", 'Archive warehouse "{name}"?', {
@@ -355,6 +288,7 @@ function WarehouseSection({ viewAllHref } = {}) {
               pageSize: 10,
               total: query.data?.total ?? 0,
               totalPages: query.data?.totalPages ?? 1,
+              totalIsCapped: query.data?.totalIsCapped === true,
               onPageChange: setPage
             },
             perspective: { tableId: extensionPoints.hosts.warehousesTable.tableId },
@@ -370,23 +304,18 @@ function WarehouseSection({ viewAllHref } = {}) {
         )
       }
     ),
-    /* @__PURE__ */ jsx(Dialog, { open: dialog !== null, onOpenChange: (next) => !next && closeDialog(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-3xl", children: [
-      /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: dialog?.mode === "edit" ? t("wms.backend.config.warehouses.dialog.edit", "Edit warehouse") : t("wms.backend.config.warehouses.dialog.create", "Create warehouse") }) }),
-      /* @__PURE__ */ jsx(
-        CrudForm,
-        {
-          schema: warehouseFormSchema,
-          fields,
-          entityId: E.wms.warehouse,
-          initialValues,
-          submitLabel: t("common.save", "Save"),
-          onSubmit: handleSubmit,
-          embedded: true,
-          isLoading: submitting,
-          twoColumn: true
-        }
-      )
-    ] }) }),
+    /* @__PURE__ */ jsx(
+      WarehouseEditDialog,
+      {
+        open: dialog !== null,
+        onOpenChange: (next) => {
+          if (!next) closeDialog();
+        },
+        mode: dialog?.mode === "edit" ? "edit" : "create",
+        row: dialog?.mode === "edit" ? dialog.row : null,
+        onSaved: handleWarehouseSaved
+      }
+    ),
     ConfirmDialogElement
   ] });
 }
@@ -427,19 +356,45 @@ function ZoneSection({ viewAllHref } = {}) {
       return call.result ?? { items: [], total: 0, totalPages: 1 };
     }
   });
+  const warehouseOptionsQuery = useQuery({
+    queryKey: ["wms-config", "zones", "warehouse-options"],
+    queryFn: () => loadWarehouseOptions(),
+    enabled: dialog !== null,
+    staleTime: 3e4
+  });
+  const warehouseOptions = React.useMemo(
+    () => warehouseOptionsQuery.data ?? [],
+    [warehouseOptionsQuery.data]
+  );
+  const soleWarehouseId = warehouseOptions.length === 1 ? warehouseOptions[0].value : null;
+  const warehouseSeedOptions = React.useMemo(() => {
+    if (dialog?.mode === "edit") {
+      const warehouseId = dialog.row.warehouse_id;
+      if (!warehouseId) return void 0;
+      const label = dialog.row.warehouse_name?.trim() || dialog.row.warehouse_code?.trim() || "";
+      return label ? [{ value: warehouseId, label }] : void 0;
+    }
+    return soleWarehouseId ? warehouseOptions : void 0;
+  }, [dialog, soleWarehouseId, warehouseOptions]);
+  const loadZoneWarehouseOptions = React.useCallback(async (query2) => {
+    const term = query2?.trim();
+    if (!term) return warehouseOptionsQuery.data ?? loadWarehouseOptions();
+    return loadWarehouseOptions(term);
+  }, [warehouseOptionsQuery.data]);
   const fields = React.useMemo(() => [
     {
       id: "warehouseId",
       type: "combobox",
       label: t("wms.backend.config.zones.form.warehouse", "Warehouse"),
       required: true,
-      loadOptions: loadWarehouseOptions,
-      allowCustomValues: false
+      loadOptions: loadZoneWarehouseOptions,
+      allowCustomValues: false,
+      seedOptions: warehouseSeedOptions
     },
     { id: "code", type: "text", label: t("wms.backend.config.zones.form.code", "Code"), required: true },
     { id: "name", type: "text", label: t("wms.backend.config.zones.form.name", "Name"), required: true },
     { id: "priority", type: "number", label: t("wms.backend.config.zones.form.priority", "Priority") }
-  ], [t]);
+  ], [t, loadZoneWarehouseOptions, warehouseSeedOptions]);
   const columns = React.useMemo(() => [
     {
       accessorKey: "name",
@@ -464,19 +419,22 @@ function ZoneSection({ viewAllHref } = {}) {
   const initialValues = React.useMemo(() => {
     if (dialog?.mode === "edit") {
       return {
+        id: dialog.row.id,
+        updatedAt: dialog.row.updated_at ?? null,
         warehouseId: dialog.row.warehouse_id || "",
         code: dialog.row.code || "",
         name: dialog.row.name || "",
-        priority: dialog.row.priority == null ? void 0 : Number(dialog.row.priority)
+        priority: dialog.row.priority == null ? void 0 : Number(dialog.row.priority),
+        ...extractCustomFieldEntries(dialog.row)
       };
     }
     return {
-      warehouseId: "",
+      warehouseId: soleWarehouseId ?? "",
       code: "",
       name: "",
       priority: void 0
     };
-  }, [dialog]);
+  }, [dialog, soleWarehouseId]);
   const closeDialog = React.useCallback(() => {
     setDialog(null);
     setSubmitting(false);
@@ -489,10 +447,14 @@ function ZoneSection({ viewAllHref } = {}) {
     const submitMode = dialog.mode;
     setSubmitting(true);
     try {
+      const customFields = collectCustomFieldValues(values);
       const payload = {
-        ...values,
+        warehouseId: values.warehouseId,
+        code: values.code,
+        name: values.name,
         priority: values.priority === void 0 || Number.isNaN(values.priority) ? void 0 : Number(values.priority)
       };
+      if (Object.keys(customFields).length) payload.customFields = customFields;
       await runMutation({
         operation: async () => {
           const call = await apiCall(
@@ -593,6 +555,7 @@ function ZoneSection({ viewAllHref } = {}) {
               pageSize: 10,
               total: query.data?.total ?? 0,
               totalPages: query.data?.totalPages ?? 1,
+              totalIsCapped: query.data?.totalIsCapped === true,
               onPageChange: setPage
             },
             perspective: { tableId: extensionPoints.hosts.zonesTable.tableId },
@@ -780,6 +743,7 @@ function LocationSection({ viewAllHref } = {}) {
               pageSize: 10,
               total: query.data?.total ?? 0,
               totalPages: query.data?.totalPages ?? 1,
+              totalIsCapped: query.data?.totalIsCapped === true,
               onPageChange: setPage
             },
             perspective: { tableId: extensionPoints.hosts.locationsTable.tableId },
@@ -1055,6 +1019,7 @@ function InventoryProfilesSection() {
               pageSize: 10,
               total: query.data?.total ?? 0,
               totalPages: query.data?.totalPages ?? 1,
+              totalIsCapped: query.data?.totalIsCapped === true,
               onPageChange: setPage
             },
             perspective: { tableId: extensionPoints.hosts.inventoryProfilesTable.tableId },