@open-mercato/core 0.6.4-develop.4360.1.568bf6e32b → 0.6.4-develop.4368.1.2f7e9a7002

package/dist/modules/planner/backend/planner/availability-rulesets/[id]/page.js

@@ -4,6 +4,7 @@ import * as React from "react";
 import { useRouter } from "next/navigation";
 import { Page, PageBody } from "@open-mercato/ui/backend/Page";
 import { Button } from "@open-mercato/ui/primitives/button";
+import { ErrorMessage, RecordNotFoundState } from "@open-mercato/ui/backend/detail";
 import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
 import { updateCrud, deleteCrud } from "@open-mercato/ui/backend/utils/crud";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
@@ -24,12 +25,18 @@ function PlannerAvailabilityRuleSetDetailPage({ params }) {
   const translate = useT();
   const router = useRouter();
   const [initialValues, setInitialValues] = React.useState(null);
+  const [error, setError] = React.useState(null);
+  const [isNotFound, setIsNotFound] = React.useState(false);
   const [activeTab, setActiveTab] = React.useState("details");
   React.useEffect(() => {
     if (!rulesetId) return;
     const rulesetIdValue = rulesetId;
     let cancelled = false;
     async function loadRuleSet() {
+      if (!cancelled) {
+        setError(null);
+        setIsNotFound(false);
+      }
       try {
         const params2 = new URLSearchParams({ page: "1", pageSize: "1", ids: rulesetIdValue });
         const payload = await readApiResultOrThrow(
@@ -38,7 +45,10 @@ function PlannerAvailabilityRuleSetDetailPage({ params }) {
           { errorMessage: translate("planner.availabilityRuleSets.form.errors.load", "Failed to load schedule.") }
         );
         const record = Array.isArray(payload.items) ? payload.items[0] : null;
-        if (!record) throw new Error(translate("planner.availabilityRuleSets.form.errors.notFound", "Schedule not found."));
+        if (!record) {
+          if (!cancelled) setIsNotFound(true);
+          return;
+        }
         const customFields = extractCustomFieldEntries(record);
         if (!cancelled) {
           setInitialValues({
@@ -49,9 +59,15 @@ function PlannerAvailabilityRuleSetDetailPage({ params }) {
             ...customFields
           });
         }
-      } catch (error) {
-        const message = error instanceof Error ? error.message : translate("planner.availabilityRuleSets.form.errors.load", "Failed to load schedule.");
-        flash(message, "error");
+      } catch (err) {
+        if (!cancelled) {
+          if (err.status === 404) {
+            setIsNotFound(true);
+          } else {
+            const message = err instanceof Error ? err.message : translate("planner.availabilityRuleSets.form.errors.load", "Failed to load schedule.");
+            setError(message);
+          }
+        }
       }
     }
     loadRuleSet();
@@ -77,8 +93,8 @@ function PlannerAvailabilityRuleSetDetailPage({ params }) {
       });
       flash(translate("planner.availabilityRuleSets.form.flash.deleted", "Schedule deleted."), "success");
       router.push("/backend/planner/availability-rulesets");
-    } catch (error) {
-      const normalized = normalizeCrudServerError(error);
+    } catch (error2) {
+      const normalized = normalizeCrudServerError(error2);
       flash(
         normalized.message ?? translate("planner.availabilityRuleSets.form.errors.delete", "Failed to delete schedule."),
         "error"
@@ -114,6 +130,19 @@ function PlannerAvailabilityRuleSetDetailPage({ params }) {
     { id: "availability", label: translate("planner.availabilityRuleSets.tabs.availability", "Availability") }
   ], [translate]);
   const resolvedInitialValues = initialValues ?? {};
+  if (isNotFound) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+      RecordNotFoundState,
+      {
+        label: translate("planner.availabilityRuleSets.form.errors.notFound", "Schedule not found."),
+        backHref: "/backend/planner/availability-rulesets",
+        backLabel: translate("planner.availabilityRuleSets.actions.backToList", "Back to schedules")
+      }
+    ) }) });
+  }
+  if (error && !initialValues) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(ErrorMessage, { label: error }) }) });
+  }
   return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsx("div", { className: "border-b", children: /* @__PURE__ */ jsx("nav", { className: "flex flex-wrap items-center gap-5 text-sm", "aria-label": translate("planner.availabilityRuleSets.tabs.label", "Schedule sections"), children: tabs.map((tab) => /* @__PURE__ */ jsx(
       Button,

package/dist/modules/planner/backend/planner/availability-rulesets/[id]/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/modules/planner/backend/planner/availability-rulesets/%5Bid%5D/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { updateCrud, deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { normalizeCrudServerError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { AvailabilityRulesEditor, type AvailabilityScheduleItemBuilder } from '@open-mercato/core/modules/planner/components/AvailabilityRulesEditor'\nimport { parseAvailabilityRuleWindow } from '@open-mercato/core/modules/planner/lib/availabilitySchedule'\nimport { extractCustomFieldEntries } from '@open-mercato/shared/lib/crud/custom-fields-client'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { AvailabilityRuleSetForm, buildAvailabilityRuleSetPayload, type AvailabilityRuleSetFormValues } from '@open-mercato/core/modules/planner/components/AvailabilityRuleSetForm'\n\nconst DAY_MS = 24 * 60 * 60 * 1000\n\nfunction toFullDayWindow(value: Date): { start: Date; end: Date } {\n  const start = new Date(value.getFullYear(), value.getMonth(), value.getDate())\n  const end = new Date(start.getTime() + DAY_MS)\n  return { start, end }\n}\n\ntype RuleSetRecord = {\n  id: string\n  name: string\n  description?: string | null\n  timezone: string\n  updatedAt?: string | null\n  name_raw?: string | null\n} & Record<string, unknown>\n\ntype RuleSetResponse = {\n  items?: RuleSetRecord[]\n}\n\nexport default function PlannerAvailabilityRuleSetDetailPage({ params }: { params?: { id?: string } }) {\n  const rulesetId = params?.id\n  const translate = useT()\n  const router = useRouter()\n  const [initialValues, setInitialValues] = React.useState<AvailabilityRuleSetFormValues | null>(null)\n  const [activeTab, setActiveTab] = React.useState<'details' | 'availability'>('details')\n\n  React.useEffect(() => {\n    if (!rulesetId) return\n    const rulesetIdValue = rulesetId\n    let cancelled = false\n    async function loadRuleSet() {\n      try {\n        const params = new URLSearchParams({ page: '1', pageSize: '1', ids: rulesetIdValue })\n        const payload = await readApiResultOrThrow<RuleSetResponse>(\n          `/api/planner/availability-rule-sets?${params.toString()}`,\n          undefined,\n          { errorMessage: translate('planner.availabilityRuleSets.form.errors.load', 'Failed to load schedule.') },\n        )\n        const record = Array.isArray(payload.items) ? payload.items[0] : null\n        if (!record) throw new Error(translate('planner.availabilityRuleSets.form.errors.notFound', 'Schedule not found.'))\n        const customFields = extractCustomFieldEntries(record)\n        if (!cancelled) {\n          setInitialValues({\n            id: record.id,\n            name: record.name ?? record.name_raw ?? '',\n            description: record.description ?? '',\n            timezone: record.timezone ?? 'UTC',\n            ...customFields,\n          })\n        }\n      } catch (error) {\n        const message = error instanceof Error ? error.message : translate('planner.availabilityRuleSets.form.errors.load', 'Failed to load schedule.')\n        flash(message, 'error')\n      }\n    }\n    loadRuleSet()\n    return () => { cancelled = true }\n  }, [rulesetId, translate])\n\n  const handleSubmit = React.useCallback(async (values: AvailabilityRuleSetFormValues) => {\n    if (!rulesetId) return\n    const timezone = typeof initialValues?.timezone === 'string' && initialValues.timezone.trim().length\n      ? initialValues.timezone.trim()\n      : 'UTC'\n    const payload = buildAvailabilityRuleSetPayload(values, { id: rulesetId, timezone })\n    await updateCrud('planner/availability-rule-sets', payload, {\n      errorMessage: translate('planner.availabilityRuleSets.form.errors.update', 'Failed to update schedule.'),\n    })\n    flash(translate('planner.availabilityRuleSets.form.flash.updated', 'Schedule updated.'), 'success')\n    router.push('/backend/planner/availability-rulesets')\n  }, [initialValues?.timezone, router, rulesetId, translate])\n\n  const handleDelete = React.useCallback(async () => {\n    if (!rulesetId) return\n    try {\n      await deleteCrud('planner/availability-rule-sets', rulesetId, {\n        errorMessage: translate('planner.availabilityRuleSets.form.errors.delete', 'Failed to delete schedule.'),\n      })\n      flash(translate('planner.availabilityRuleSets.form.flash.deleted', 'Schedule deleted.'), 'success')\n      router.push('/backend/planner/availability-rulesets')\n    } catch (error) {\n      const normalized = normalizeCrudServerError(error)\n      flash(\n        normalized.message ?? translate('planner.availabilityRuleSets.form.errors.delete', 'Failed to delete schedule.'),\n        'error',\n      )\n    }\n  }, [router, rulesetId, translate])\n\n  const buildScheduleItems: AvailabilityScheduleItemBuilder = React.useCallback(({ availabilityRules, bookedEvents, translate: translateLabel }) => {\n    const overrideExdates = Array.from(new Set(\n      availabilityRules\n        .map((rule) => parseAvailabilityRuleWindow(rule))\n        .filter((window) => window.repeat === 'once')\n        .map((window) => toFullDayWindow(window.startAt).start.toISOString()),\n    ))\n    const availabilityItems = availabilityRules.map((rule) => {\n      const window = parseAvailabilityRuleWindow(rule)\n      const isUnavailable = rule.kind === 'unavailability'\n      const titleKey = isUnavailable\n        ? 'planner.availabilityRuleSets.availability.title.unavailable'\n        : `planner.availabilityRuleSets.availability.title.${window.repeat}`\n      const fallback = isUnavailable\n        ? 'Unavailable'\n        : window.repeat === 'weekly'\n          ? 'Weekly availability'\n          : window.repeat === 'daily'\n            ? 'Daily availability'\n            : 'Availability'\n      const baseTitle = translateLabel(titleKey, fallback)\n      const title = rule.note ? `${baseTitle}: ${rule.note}` : baseTitle\n      const windowTime = window.repeat === 'once' ? toFullDayWindow(window.startAt) : { start: window.startAt, end: window.endAt }\n      const exdates = window.repeat === 'once'\n        ? rule.exdates ?? []\n        : [...(rule.exdates ?? []), ...overrideExdates]\n      return {\n        id: rule.id,\n        kind: isUnavailable ? 'exception' as const : 'availability' as const,\n        title,\n        startsAt: windowTime.start,\n        endsAt: windowTime.end,\n        metadata: { rule: { ...rule, exdates } },\n      }\n    })\n    return availabilityItems\n  }, [])\n\n  const tabs = React.useMemo(() => ([\n    { id: 'details', label: translate('planner.availabilityRuleSets.tabs.details', 'Details') },\n    { id: 'availability', label: translate('planner.availabilityRuleSets.tabs.availability', 'Availability') },\n  ]), [translate])\n\n  const resolvedInitialValues = initialValues ?? {}\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"space-y-6\">\n          <div className=\"border-b\">\n            <nav className=\"flex flex-wrap items-center gap-5 text-sm\" aria-label={translate('planner.availabilityRuleSets.tabs.label', 'Schedule sections')}>\n              {tabs.map((tab) => (\n                <Button\n                  key={tab.id}\n                  type=\"button\"\n                  role=\"tab\"\n                  aria-selected={activeTab === tab.id}\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className={`relative -mb-px h-auto rounded-none border-b-2 px-0 py-2 font-medium ${\n                    activeTab === tab.id\n                      ? 'border-accent-indigo text-foreground'\n                      : 'border-transparent text-muted-foreground hover:text-foreground'\n                  }`}\n                  onClick={() => setActiveTab(tab.id as 'details' | 'availability')}\n                >\n                  {tab.label}\n                </Button>\n              ))}\n            </nav>\n          </div>\n\n          {activeTab === 'details' ? (\n            <AvailabilityRuleSetForm\n              title={translate('planner.availabilityRuleSets.form.editTitle', 'Edit schedule')}\n              backHref=\"/backend/planner/availability-rulesets\"\n              cancelHref=\"/backend/planner/availability-rulesets\"\n              initialValues={resolvedInitialValues}\n              onSubmit={handleSubmit}\n              onDelete={handleDelete}\n              isLoading={!initialValues}\n              loadingMessage={translate('planner.availabilityRuleSets.form.loading', 'Loading schedule...')}\n            />\n          ) : (\n            <AvailabilityRulesEditor\n              subjectType=\"ruleset\"\n              subjectId={rulesetId ?? ''}\n              initialTimezone={typeof initialValues?.timezone === 'string' ? initialValues.timezone : undefined}\n              labelPrefix=\"planner.availabilityRuleSets\"\n              mode=\"availability\"\n              buildScheduleItems={buildScheduleItems}\n            />\n          )}\n        </div>\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["params"]
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { ErrorMessage, RecordNotFoundState } from '@open-mercato/ui/backend/detail'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { updateCrud, deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { normalizeCrudServerError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { AvailabilityRulesEditor, type AvailabilityScheduleItemBuilder } from '@open-mercato/core/modules/planner/components/AvailabilityRulesEditor'\nimport { parseAvailabilityRuleWindow } from '@open-mercato/core/modules/planner/lib/availabilitySchedule'\nimport { extractCustomFieldEntries } from '@open-mercato/shared/lib/crud/custom-fields-client'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { AvailabilityRuleSetForm, buildAvailabilityRuleSetPayload, type AvailabilityRuleSetFormValues } from '@open-mercato/core/modules/planner/components/AvailabilityRuleSetForm'\n\nconst DAY_MS = 24 * 60 * 60 * 1000\n\nfunction toFullDayWindow(value: Date): { start: Date; end: Date } {\n  const start = new Date(value.getFullYear(), value.getMonth(), value.getDate())\n  const end = new Date(start.getTime() + DAY_MS)\n  return { start, end }\n}\n\ntype RuleSetRecord = {\n  id: string\n  name: string\n  description?: string | null\n  timezone: string\n  updatedAt?: string | null\n  name_raw?: string | null\n} & Record<string, unknown>\n\ntype RuleSetResponse = {\n  items?: RuleSetRecord[]\n}\n\nexport default function PlannerAvailabilityRuleSetDetailPage({ params }: { params?: { id?: string } }) {\n  const rulesetId = params?.id\n  const translate = useT()\n  const router = useRouter()\n  const [initialValues, setInitialValues] = React.useState<AvailabilityRuleSetFormValues | null>(null)\n  const [error, setError] = React.useState<string | null>(null)\n  const [isNotFound, setIsNotFound] = React.useState(false)\n  const [activeTab, setActiveTab] = React.useState<'details' | 'availability'>('details')\n\n  React.useEffect(() => {\n    if (!rulesetId) return\n    const rulesetIdValue = rulesetId\n    let cancelled = false\n    async function loadRuleSet() {\n      if (!cancelled) {\n        setError(null)\n        setIsNotFound(false)\n      }\n      try {\n        const params = new URLSearchParams({ page: '1', pageSize: '1', ids: rulesetIdValue })\n        const payload = await readApiResultOrThrow<RuleSetResponse>(\n          `/api/planner/availability-rule-sets?${params.toString()}`,\n          undefined,\n          { errorMessage: translate('planner.availabilityRuleSets.form.errors.load', 'Failed to load schedule.') },\n        )\n        const record = Array.isArray(payload.items) ? payload.items[0] : null\n        if (!record) {\n          if (!cancelled) setIsNotFound(true)\n          return\n        }\n        const customFields = extractCustomFieldEntries(record)\n        if (!cancelled) {\n          setInitialValues({\n            id: record.id,\n            name: record.name ?? record.name_raw ?? '',\n            description: record.description ?? '',\n            timezone: record.timezone ?? 'UTC',\n            ...customFields,\n          })\n        }\n      } catch (err) {\n        if (!cancelled) {\n          if ((err as { status?: number }).status === 404) {\n            setIsNotFound(true)\n          } else {\n            const message = err instanceof Error ? err.message : translate('planner.availabilityRuleSets.form.errors.load', 'Failed to load schedule.')\n            setError(message)\n          }\n        }\n      }\n    }\n    loadRuleSet()\n    return () => { cancelled = true }\n  }, [rulesetId, translate])\n\n  const handleSubmit = React.useCallback(async (values: AvailabilityRuleSetFormValues) => {\n    if (!rulesetId) return\n    const timezone = typeof initialValues?.timezone === 'string' && initialValues.timezone.trim().length\n      ? initialValues.timezone.trim()\n      : 'UTC'\n    const payload = buildAvailabilityRuleSetPayload(values, { id: rulesetId, timezone })\n    await updateCrud('planner/availability-rule-sets', payload, {\n      errorMessage: translate('planner.availabilityRuleSets.form.errors.update', 'Failed to update schedule.'),\n    })\n    flash(translate('planner.availabilityRuleSets.form.flash.updated', 'Schedule updated.'), 'success')\n    router.push('/backend/planner/availability-rulesets')\n  }, [initialValues?.timezone, router, rulesetId, translate])\n\n  const handleDelete = React.useCallback(async () => {\n    if (!rulesetId) return\n    try {\n      await deleteCrud('planner/availability-rule-sets', rulesetId, {\n        errorMessage: translate('planner.availabilityRuleSets.form.errors.delete', 'Failed to delete schedule.'),\n      })\n      flash(translate('planner.availabilityRuleSets.form.flash.deleted', 'Schedule deleted.'), 'success')\n      router.push('/backend/planner/availability-rulesets')\n    } catch (error) {\n      const normalized = normalizeCrudServerError(error)\n      flash(\n        normalized.message ?? translate('planner.availabilityRuleSets.form.errors.delete', 'Failed to delete schedule.'),\n        'error',\n      )\n    }\n  }, [router, rulesetId, translate])\n\n  const buildScheduleItems: AvailabilityScheduleItemBuilder = React.useCallback(({ availabilityRules, bookedEvents, translate: translateLabel }) => {\n    const overrideExdates = Array.from(new Set(\n      availabilityRules\n        .map((rule) => parseAvailabilityRuleWindow(rule))\n        .filter((window) => window.repeat === 'once')\n        .map((window) => toFullDayWindow(window.startAt).start.toISOString()),\n    ))\n    const availabilityItems = availabilityRules.map((rule) => {\n      const window = parseAvailabilityRuleWindow(rule)\n      const isUnavailable = rule.kind === 'unavailability'\n      const titleKey = isUnavailable\n        ? 'planner.availabilityRuleSets.availability.title.unavailable'\n        : `planner.availabilityRuleSets.availability.title.${window.repeat}`\n      const fallback = isUnavailable\n        ? 'Unavailable'\n        : window.repeat === 'weekly'\n          ? 'Weekly availability'\n          : window.repeat === 'daily'\n            ? 'Daily availability'\n            : 'Availability'\n      const baseTitle = translateLabel(titleKey, fallback)\n      const title = rule.note ? `${baseTitle}: ${rule.note}` : baseTitle\n      const windowTime = window.repeat === 'once' ? toFullDayWindow(window.startAt) : { start: window.startAt, end: window.endAt }\n      const exdates = window.repeat === 'once'\n        ? rule.exdates ?? []\n        : [...(rule.exdates ?? []), ...overrideExdates]\n      return {\n        id: rule.id,\n        kind: isUnavailable ? 'exception' as const : 'availability' as const,\n        title,\n        startsAt: windowTime.start,\n        endsAt: windowTime.end,\n        metadata: { rule: { ...rule, exdates } },\n      }\n    })\n    return availabilityItems\n  }, [])\n\n  const tabs = React.useMemo(() => ([\n    { id: 'details', label: translate('planner.availabilityRuleSets.tabs.details', 'Details') },\n    { id: 'availability', label: translate('planner.availabilityRuleSets.tabs.availability', 'Availability') },\n  ]), [translate])\n\n  const resolvedInitialValues = initialValues ?? {}\n\n  if (isNotFound) {\n    return (\n      <Page>\n        <PageBody>\n          <RecordNotFoundState\n            label={translate('planner.availabilityRuleSets.form.errors.notFound', 'Schedule not found.')}\n            backHref=\"/backend/planner/availability-rulesets\"\n            backLabel={translate('planner.availabilityRuleSets.actions.backToList', 'Back to schedules')}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error && !initialValues) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage label={error} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"space-y-6\">\n          <div className=\"border-b\">\n            <nav className=\"flex flex-wrap items-center gap-5 text-sm\" aria-label={translate('planner.availabilityRuleSets.tabs.label', 'Schedule sections')}>\n              {tabs.map((tab) => (\n                <Button\n                  key={tab.id}\n                  type=\"button\"\n                  role=\"tab\"\n                  aria-selected={activeTab === tab.id}\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className={`relative -mb-px h-auto rounded-none border-b-2 px-0 py-2 font-medium ${\n                    activeTab === tab.id\n                      ? 'border-accent-indigo text-foreground'\n                      : 'border-transparent text-muted-foreground hover:text-foreground'\n                  }`}\n                  onClick={() => setActiveTab(tab.id as 'details' | 'availability')}\n                >\n                  {tab.label}\n                </Button>\n              ))}\n            </nav>\n          </div>\n\n          {activeTab === 'details' ? (\n            <AvailabilityRuleSetForm\n              title={translate('planner.availabilityRuleSets.form.editTitle', 'Edit schedule')}\n              backHref=\"/backend/planner/availability-rulesets\"\n              cancelHref=\"/backend/planner/availability-rulesets\"\n              initialValues={resolvedInitialValues}\n              onSubmit={handleSubmit}\n              onDelete={handleDelete}\n              isLoading={!initialValues}\n              loadingMessage={translate('planner.availabilityRuleSets.form.loading', 'Loading schedule...')}\n            />\n          ) : (\n            <AvailabilityRulesEditor\n              subjectType=\"ruleset\"\n              subjectId={rulesetId ?? ''}\n              initialTimezone={typeof initialValues?.timezone === 'string' ? initialValues.timezone : undefined}\n              labelPrefix=\"planner.availabilityRuleSets\"\n              mode=\"availability\"\n              buildScheduleItems={buildScheduleItems}\n            />\n          )}\n        </div>\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["params", "error"]
 }

package/dist/modules/sales/backend/sales/channels/[channelId]/edit/page.js

@@ -4,6 +4,7 @@ import * as React from "react";
 import { useRouter, useSearchParams } from "next/navigation";
 import { Page, PageBody } from "@open-mercato/ui/backend/Page";
 import { CrudForm } from "@open-mercato/ui/backend/CrudForm";
+import { ErrorMessage, RecordNotFoundState } from "@open-mercato/ui/backend/detail";
 import { collectCustomFieldValues } from "@open-mercato/ui/backend/utils/customFieldValues";
 import { updateCrud, deleteCrud } from "@open-mercato/ui/backend/utils/crud";
 import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
@@ -23,6 +24,7 @@ function EditChannelPage({ params }) {
   const [initialValues, setInitialValues] = React.useState(null);
   const [loading, setLoading] = React.useState(true);
   const [error, setError] = React.useState(null);
+  const [isNotFound, setIsNotFound] = React.useState(false);
   const [activeTab, setActiveTab] = React.useState("settings");
   React.useEffect(() => {
     const tabParam = (searchParams?.get("tab") ?? "").toLowerCase();
@@ -38,6 +40,7 @@ function EditChannelPage({ params }) {
     async function loadChannel() {
       setLoading(true);
       setError(null);
+      setIsNotFound(false);
       try {
         const payload = await readApiResultOrThrow(
           `/api/sales/channels?id=${encodeURIComponent(channelId)}&pageSize=1`,
@@ -46,14 +49,21 @@ function EditChannelPage({ params }) {
         );
         const item = Array.isArray(payload.items) ? payload.items[0] : null;
         if (!item) {
-          throw new Error(t("sales.channels.form.errors.notFound", "Channel not found."));
+          if (!cancelled) setIsNotFound(true);
+          return;
         }
         if (!cancelled) {
           setInitialValues(mapChannelToFormValues(item));
         }
       } catch (err) {
         console.error("sales.channels.load", err);
-        if (!cancelled) setError(t("sales.channels.form.errors.load", "Failed to load channel."));
+        if (!cancelled) {
+          if (err.status === 404) {
+            setIsNotFound(true);
+          } else {
+            setError(t("sales.channels.form.errors.load", "Failed to load channel."));
+          }
+        }
       } finally {
         if (!cancelled) setLoading(false);
       }
@@ -103,54 +113,64 @@ function EditChannelPage({ params }) {
     tabButton("settings", t("sales.channels.form.tabs.settings", "Settings")),
     tabButton("offers", t("sales.channels.form.tabs.offers", "Offers"))
   ] }), [tabButton, t]);
-  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsxs(PageBody, { children: [
-    error ? /* @__PURE__ */ jsx("div", { className: "mb-4 rounded border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive", children: error }) : null,
-    activeTab === "settings" ? /* @__PURE__ */ jsx(
-      CrudForm,
+  if (isNotFound) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+      RecordNotFoundState,
       {
-        title: t("sales.channels.form.editTitle", "Edit channel"),
-        versionHistory: { resourceKind: "sales.channel", resourceId: channelId ? String(channelId) : "" },
-        extraActions: channelId ? /* @__PURE__ */ jsx(
-          SendObjectMessageDialog,
-          {
-            object: {
-              entityModule: "sales",
-              entityType: "channel",
-              entityId: channelId,
-              previewData: {
-                title: initialValues?.name ?? "",
-                metadata: {
-                  [t("sales.channels.form.contactEmail")]: initialValues?.contactEmail ?? "-",
-                  [t("sales.channels.form.websiteUrl")]: initialValues?.websiteUrl ?? "-"
-                }
-              }
-            },
-            viewHref: `/backend/sales/channels/${channelId}/edit`
-          }
-        ) : void 0,
-        entityId: E.sales.sales_channel,
-        fields,
-        groups: [
-          ...groups,
-          { id: "custom", title: t("entities.customFields.title", "Custom Attributes"), column: 2, kind: "customFields" }
-        ],
-        initialValues: initialValues ?? void 0,
-        isLoading: loading,
-        loadingMessage: t("sales.channels.form.loading", "Loading channel\u2026"),
-        submitLabel: t("sales.channels.form.updateSubmit", "Save changes"),
-        cancelHref: "/backend/sales/channels",
+        label: t("sales.channels.form.errors.notFound", "Channel not found."),
         backHref: "/backend/sales/channels",
-        contentHeader: renderTabs(),
-        onSubmit: handleSubmit,
-        onDelete: handleDelete,
-        deleteVisible: true,
-        deleteRedirect: "/backend/sales/channels"
+        backLabel: t("sales.channels.actions.backToList", "Back to channels")
       }
-    ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      renderTabs(),
-      /* @__PURE__ */ jsx(SalesChannelOffersPanel, { channelId, channelName: initialValues?.name ?? "" })
-    ] })
-  ] }) });
+    ) }) });
+  }
+  if (error && !loading && !initialValues) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(ErrorMessage, { label: error }) }) });
+  }
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: activeTab === "settings" ? /* @__PURE__ */ jsx(
+    CrudForm,
+    {
+      title: t("sales.channels.form.editTitle", "Edit channel"),
+      versionHistory: { resourceKind: "sales.channel", resourceId: channelId ? String(channelId) : "" },
+      extraActions: channelId ? /* @__PURE__ */ jsx(
+        SendObjectMessageDialog,
+        {
+          object: {
+            entityModule: "sales",
+            entityType: "channel",
+            entityId: channelId,
+            previewData: {
+              title: initialValues?.name ?? "",
+              metadata: {
+                [t("sales.channels.form.contactEmail")]: initialValues?.contactEmail ?? "-",
+                [t("sales.channels.form.websiteUrl")]: initialValues?.websiteUrl ?? "-"
+              }
+            }
+          },
+          viewHref: `/backend/sales/channels/${channelId}/edit`
+        }
+      ) : void 0,
+      entityId: E.sales.sales_channel,
+      fields,
+      groups: [
+        ...groups,
+        { id: "custom", title: t("entities.customFields.title", "Custom Attributes"), column: 2, kind: "customFields" }
+      ],
+      initialValues: initialValues ?? void 0,
+      isLoading: loading,
+      loadingMessage: t("sales.channels.form.loading", "Loading channel\u2026"),
+      submitLabel: t("sales.channels.form.updateSubmit", "Save changes"),
+      cancelHref: "/backend/sales/channels",
+      backHref: "/backend/sales/channels",
+      contentHeader: renderTabs(),
+      onSubmit: handleSubmit,
+      onDelete: handleDelete,
+      deleteVisible: true,
+      deleteRedirect: "/backend/sales/channels"
+    }
+  ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    renderTabs(),
+    /* @__PURE__ */ jsx(SalesChannelOffersPanel, { channelId, channelName: initialValues?.name ?? "" })
+  ] }) }) });
 }
 function mapChannelToFormValues(item) {
   const values = {

package/dist/modules/sales/backend/sales/channels/[channelId]/edit/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/modules/sales/backend/sales/channels/%5BchannelId%5D/edit/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter, useSearchParams } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { CrudForm } from '@open-mercato/ui/backend/CrudForm'\nimport { collectCustomFieldValues } from '@open-mercato/ui/backend/utils/customFieldValues'\nimport { updateCrud, deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { extractCustomFieldEntries } from '@open-mercato/shared/lib/crud/custom-fields-client'\nimport { useChannelFields, buildChannelPayload, type ChannelFormValues } from '@open-mercato/core/modules/sales/components/channels/channelFormFields'\nimport { E } from '#generated/entities.ids.generated'\nimport { SalesChannelOffersPanel } from '@open-mercato/core/modules/sales/components/channels/SalesChannelOffersPanel'\nimport { SendObjectMessageDialog } from '@open-mercato/ui/backend/messages'\n\ntype ChannelApiResponse = {\n  items?: Array<Record<string, unknown>>\n}\n\nexport default function EditChannelPage({ params }: { params?: { channelId?: string } }) {\n  const channelId = params?.channelId ?? ''\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const t = useT()\n  const { fields, groups } = useChannelFields()\n  const [initialValues, setInitialValues] = React.useState<ChannelFormValues | null>(null)\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [activeTab, setActiveTab] = React.useState<'settings' | 'offers'>('settings')\n\n  React.useEffect(() => {\n    const tabParam = (searchParams?.get('tab') ?? '').toLowerCase()\n    if (tabParam === 'offers') {\n      setActiveTab('offers')\n    } else if (tabParam === 'settings') {\n      setActiveTab('settings')\n    }\n  }, [searchParams])\n\n  React.useEffect(() => {\n    if (!channelId) return\n    let cancelled = false\n    async function loadChannel() {\n      setLoading(true)\n      setError(null)\n      try {\n        const payload = await readApiResultOrThrow<ChannelApiResponse>(\n          `/api/sales/channels?id=${encodeURIComponent(channelId)}&pageSize=1`,\n          undefined,\n          { errorMessage: t('sales.channels.form.errors.load', 'Failed to load channel.') },\n        )\n        const item = Array.isArray(payload.items) ? payload.items[0] : null\n        if (!item) {\n          throw new Error(t('sales.channels.form.errors.notFound', 'Channel not found.'))\n        }\n        if (!cancelled) {\n          setInitialValues(mapChannelToFormValues(item))\n        }\n      } catch (err) {\n        console.error('sales.channels.load', err)\n        if (!cancelled) setError(t('sales.channels.form.errors.load', 'Failed to load channel.'))\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }\n    void loadChannel()\n    return () => { cancelled = true }\n  }, [channelId, t])\n\n  const handleSubmit = React.useCallback(async (values: ChannelFormValues) => {\n    if (!channelId) return\n    const payload: Record<string, unknown> = { id: channelId, ...buildChannelPayload(values) }\n    const customFields = collectCustomFieldValues(values)\n    if (Object.keys(customFields).length) payload.customFields = customFields\n    await updateCrud('sales/channels', payload, {\n      errorMessage: t('sales.channels.form.errors.update', 'Failed to save channel.'),\n    })\n    flash(t('sales.channels.form.messages.updated', 'Channel updated.'), 'success')\n    router.push('/backend/sales/channels')\n  }, [channelId, router, t])\n\n  const handleDelete = React.useCallback(async () => {\n    if (!channelId) return\n    await deleteCrud('sales/channels', channelId, {\n      errorMessage: t('sales.channels.form.errors.delete', 'Failed to delete channel.'),\n    })\n    flash(t('sales.channels.form.messages.deleted', 'Channel deleted.'), 'success')\n    router.push('/backend/sales/channels')\n  }, [channelId, router, t])\n\n  const handleTabSelect = React.useCallback((value: 'settings' | 'offers') => {\n    setActiveTab(value)\n    if (!channelId) return\n    const basePath = `/backend/sales/channels/${channelId}/edit`\n    const nextUrl = value === 'offers' ? `${basePath}?tab=offers` : basePath\n    router.replace(nextUrl)\n  }, [channelId, router])\n\n  const tabButton = React.useCallback((value: 'settings' | 'offers', label: string) => (\n    <button\n      key={value}\n      type=\"button\"\n      className={`px-4 py-2 text-sm font-medium border-b-2 ${activeTab === value ? 'border-accent-indigo text-foreground' : 'border-transparent text-muted-foreground'}`}\n      onClick={() => handleTabSelect(value)}\n    >\n      {label}\n    </button>\n  ), [activeTab, handleTabSelect])\n\n  const renderTabs = React.useCallback(() => (\n    <div className=\"flex items-center gap-2 border-b mb-6\">\n      {tabButton('settings', t('sales.channels.form.tabs.settings', 'Settings'))}\n      {tabButton('offers', t('sales.channels.form.tabs.offers', 'Offers'))}\n    </div>\n  ), [tabButton, t])\n\n  return (\n    <Page>\n      <PageBody>\n        {error ? (\n          <div className=\"mb-4 rounded border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive\">\n            {error}\n          </div>\n        ) : null}\n        {activeTab === 'settings' ? (\n          <CrudForm<ChannelFormValues>\n            title={t('sales.channels.form.editTitle', 'Edit channel')}\n            versionHistory={{ resourceKind: 'sales.channel', resourceId: channelId ? String(channelId) : '' }}\n            extraActions={channelId ? (\n              <SendObjectMessageDialog\n                object={{\n                  entityModule: 'sales',\n                  entityType: 'channel',\n                  entityId: channelId,\n                  previewData: {\n                    title: initialValues?.name ?? '',\n                    metadata: {\n                      [t('sales.channels.form.contactEmail')]: initialValues?.contactEmail ?? '-',\n                      [t('sales.channels.form.websiteUrl')]: initialValues?.websiteUrl ?? '-',\n                    },\n                  },\n                }}\n                viewHref={`/backend/sales/channels/${channelId}/edit`}\n              />\n            ) : undefined}\n            entityId={E.sales.sales_channel}\n            fields={fields}\n            groups={[\n              ...groups,\n              { id: 'custom', title: t('entities.customFields.title', 'Custom Attributes'), column: 2, kind: 'customFields' },\n            ]}\n            initialValues={initialValues ?? undefined}\n            isLoading={loading}\n            loadingMessage={t('sales.channels.form.loading', 'Loading channel\u2026')}\n            submitLabel={t('sales.channels.form.updateSubmit', 'Save changes')}\n            cancelHref=\"/backend/sales/channels\"\n            backHref=\"/backend/sales/channels\"\n            contentHeader={renderTabs()}\n            onSubmit={handleSubmit}\n            onDelete={handleDelete}\n            deleteVisible\n            deleteRedirect=\"/backend/sales/channels\"\n          />\n        ) : (\n          <>\n            {renderTabs()}\n            <SalesChannelOffersPanel channelId={channelId} channelName={initialValues?.name ?? ''} />\n          </>\n        )}\n      </PageBody>\n    </Page>\n  )\n}\n\nfunction mapChannelToFormValues(item: Record<string, unknown>): ChannelFormValues {\n  const values: ChannelFormValues = {\n    name: typeof item.name === 'string' ? item.name : '',\n    code: typeof item.code === 'string' ? item.code : null,\n    description: typeof item.description === 'string' ? item.description : null,\n    websiteUrl: typeof item.websiteUrl === 'string' ? item.websiteUrl : typeof item.website_url === 'string' ? item.website_url : null,\n    contactEmail: typeof item.contactEmail === 'string' ? item.contactEmail : typeof item.contact_email === 'string' ? item.contact_email : null,\n    contactPhone: typeof item.contactPhone === 'string' ? item.contactPhone : typeof item.contact_phone === 'string' ? item.contact_phone : null,\n    addressLine1: typeof item.addressLine1 === 'string' ? item.addressLine1 : typeof item.address_line1 === 'string' ? item.address_line1 : null,\n    addressLine2: typeof item.addressLine2 === 'string' ? item.addressLine2 : typeof item.address_line2 === 'string' ? item.address_line2 : null,\n    city: typeof item.city === 'string' ? item.city : null,\n    region: typeof item.region === 'string' ? item.region : null,\n    postalCode: typeof item.postalCode === 'string' ? item.postalCode : typeof item.postal_code === 'string' ? item.postal_code : null,\n    country: typeof item.country === 'string' ? item.country : null,\n    latitude: typeof item.latitude === 'number' ? item.latitude : typeof item.latitude === 'string' ? item.latitude : null,\n    longitude: typeof item.longitude === 'number' ? item.longitude : typeof item.longitude === 'string' ? item.longitude : null,\n    statusEntryId: typeof item.statusEntryId === 'string'\n      ? item.statusEntryId\n      : typeof item.status_entry_id === 'string'\n        ? item.status_entry_id\n        : null,\n    isActive: item.isActive === true || item.is_active === true,\n  }\n  return { ...values, ...extractCustomFieldEntries(item) }\n}\n"],
-  "mappings": ";AAqGI,SAiEM,UAjEN,KAWA,YAXA;AAnGJ,YAAY,WAAW;AACvB,SAAS,WAAW,uBAAuB;AAC3C,SAAS,MAAM,gBAAgB;AAC/B,SAAS,gBAAgB;AACzB,SAAS,gCAAgC;AACzC,SAAS,YAAY,kBAAkB;AACvC,SAAS,4BAA4B;AACrC,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,iCAAiC;AAC1C,SAAS,kBAAkB,2BAAmD;AAC9E,SAAS,SAAS;AAClB,SAAS,+BAA+B;AACxC,SAAS,+BAA+B;AAMzB,SAAR,gBAAiC,EAAE,OAAO,GAAwC;AACvF,QAAM,YAAY,QAAQ,aAAa;AACvC,QAAM,SAAS,UAAU;AACzB,QAAM,eAAe,gBAAgB;AACrC,QAAM,IAAI,KAAK;AACf,QAAM,EAAE,QAAQ,OAAO,IAAI,iBAAiB;AAC5C,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAmC,IAAI;AACvF,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,IAAI;AACjD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,IAAI;AAC5D,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAgC,UAAU;AAElF,QAAM,UAAU,MAAM;AACpB,UAAM,YAAY,cAAc,IAAI,KAAK,KAAK,IAAI,YAAY;AAC9D,QAAI,aAAa,UAAU;AACzB,mBAAa,QAAQ;AAAA,IACvB,WAAW,aAAa,YAAY;AAClC,mBAAa,UAAU;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,UAAW;AAChB,QAAI,YAAY;AAChB,mBAAe,cAAc;AAC3B,iBAAW,IAAI;AACf,eAAS,IAAI;AACb,UAAI;AACF,cAAM,UAAU,MAAM;AAAA,UACpB,0BAA0B,mBAAmB,SAAS,CAAC;AAAA,UACvD;AAAA,UACA,EAAE,cAAc,EAAE,mCAAmC,yBAAyB,EAAE;AAAA,QAClF;AACA,cAAM,OAAO,MAAM,QAAQ,QAAQ,KAAK,IAAI,QAAQ,MAAM,CAAC,IAAI;AAC/D,YAAI,CAAC,MAAM;AACT,gBAAM,IAAI,MAAM,EAAE,uCAAuC,oBAAoB,CAAC;AAAA,QAChF;AACA,YAAI,CAAC,WAAW;AACd,2BAAiB,uBAAuB,IAAI,CAAC;AAAA,QAC/C;AAAA,MACF,SAAS,KAAK;AACZ,gBAAQ,MAAM,uBAAuB,GAAG;AACxC,YAAI,CAAC,UAAW,UAAS,EAAE,mCAAmC,yBAAyB,CAAC;AAAA,MAC1F,UAAE;AACA,YAAI,CAAC,UAAW,YAAW,KAAK;AAAA,MAClC;AAAA,IACF;AACA,SAAK,YAAY;AACjB,WAAO,MAAM;AAAE,kBAAY;AAAA,IAAK;AAAA,EAClC,GAAG,CAAC,WAAW,CAAC,CAAC;AAEjB,QAAM,eAAe,MAAM,YAAY,OAAO,WAA8B;AAC1E,QAAI,CAAC,UAAW;AAChB,UAAM,UAAmC,EAAE,IAAI,WAAW,GAAG,oBAAoB,MAAM,EAAE;AACzF,UAAM,eAAe,yBAAyB,MAAM;AACpD,QAAI,OAAO,KAAK,YAAY,EAAE,OAAQ,SAAQ,eAAe;AAC7D,UAAM,WAAW,kBAAkB,SAAS;AAAA,MAC1C,cAAc,EAAE,qCAAqC,yBAAyB;AAAA,IAChF,CAAC;AACD,UAAM,EAAE,wCAAwC,kBAAkB,GAAG,SAAS;AAC9E,WAAO,KAAK,yBAAyB;AAAA,EACvC,GAAG,CAAC,WAAW,QAAQ,CAAC,CAAC;AAEzB,QAAM,eAAe,MAAM,YAAY,YAAY;AACjD,QAAI,CAAC,UAAW;AAChB,UAAM,WAAW,kBAAkB,WAAW;AAAA,MAC5C,cAAc,EAAE,qCAAqC,2BAA2B;AAAA,IAClF,CAAC;AACD,UAAM,EAAE,wCAAwC,kBAAkB,GAAG,SAAS;AAC9E,WAAO,KAAK,yBAAyB;AAAA,EACvC,GAAG,CAAC,WAAW,QAAQ,CAAC,CAAC;AAEzB,QAAM,kBAAkB,MAAM,YAAY,CAAC,UAAiC;AAC1E,iBAAa,KAAK;AAClB,QAAI,CAAC,UAAW;AAChB,UAAM,WAAW,2BAA2B,SAAS;AACrD,UAAM,UAAU,UAAU,WAAW,GAAG,QAAQ,gBAAgB;AAChE,WAAO,QAAQ,OAAO;AAAA,EACxB,GAAG,CAAC,WAAW,MAAM,CAAC;AAEtB,QAAM,YAAY,MAAM,YAAY,CAAC,OAA8B,UACjE;AAAA,IAAC;AAAA;AAAA,MAEC,MAAK;AAAA,MACL,WAAW,4CAA4C,cAAc,QAAQ,yCAAyC,0CAA0C;AAAA,MAChK,SAAS,MAAM,gBAAgB,KAAK;AAAA,MAEnC;AAAA;AAAA,IALI;AAAA,EAMP,GACC,CAAC,WAAW,eAAe,CAAC;AAE/B,QAAM,aAAa,MAAM,YAAY,MACnC,qBAAC,SAAI,WAAU,yCACZ;AAAA,cAAU,YAAY,EAAE,qCAAqC,UAAU,CAAC;AAAA,IACxE,UAAU,UAAU,EAAE,mCAAmC,QAAQ,CAAC;AAAA,KACrE,GACC,CAAC,WAAW,CAAC,CAAC;AAEjB,SACE,oBAAC,QACC,+BAAC,YACE;AAAA,YACC,oBAAC,SAAI,WAAU,kGACZ,iBACH,IACE;AAAA,IACH,cAAc,aACb;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,iCAAiC,cAAc;AAAA,QACxD,gBAAgB,EAAE,cAAc,iBAAiB,YAAY,YAAY,OAAO,SAAS,IAAI,GAAG;AAAA,QAChG,cAAc,YACZ;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ;AAAA,cACN,cAAc;AAAA,cACd,YAAY;AAAA,cACZ,UAAU;AAAA,cACV,aAAa;AAAA,gBACX,OAAO,eAAe,QAAQ;AAAA,gBAC9B,UAAU;AAAA,kBACR,CAAC,EAAE,kCAAkC,CAAC,GAAG,eAAe,gBAAgB;AAAA,kBACxE,CAAC,EAAE,gCAAgC,CAAC,GAAG,eAAe,cAAc;AAAA,gBACtE;AAAA,cACF;AAAA,YACF;AAAA,YACA,UAAU,2BAA2B,SAAS;AAAA;AAAA,QAChD,IACE;AAAA,QACJ,UAAU,EAAE,MAAM;AAAA,QAClB;AAAA,QACA,QAAQ;AAAA,UACN,GAAG;AAAA,UACH,EAAE,IAAI,UAAU,OAAO,EAAE,+BAA+B,mBAAmB,GAAG,QAAQ,GAAG,MAAM,eAAe;AAAA,QAChH;AAAA,QACA,eAAe,iBAAiB;AAAA,QAChC,WAAW;AAAA,QACX,gBAAgB,EAAE,+BAA+B,uBAAkB;AAAA,QACnE,aAAa,EAAE,oCAAoC,cAAc;AAAA,QACjE,YAAW;AAAA,QACX,UAAS;AAAA,QACT,eAAe,WAAW;AAAA,QAC1B,UAAU;AAAA,QACV,UAAU;AAAA,QACV,eAAa;AAAA,QACb,gBAAe;AAAA;AAAA,IACjB,IAEA,iCACG;AAAA,iBAAW;AAAA,MACZ,oBAAC,2BAAwB,WAAsB,aAAa,eAAe,QAAQ,IAAI;AAAA,OACzF;AAAA,KAEJ,GACF;AAEJ;AAEA,SAAS,uBAAuB,MAAkD;AAChF,QAAM,SAA4B;AAAA,IAChC,MAAM,OAAO,KAAK,SAAS,WAAW,KAAK,OAAO;AAAA,IAClD,MAAM,OAAO,KAAK,SAAS,WAAW,KAAK,OAAO;AAAA,IAClD,aAAa,OAAO,KAAK,gBAAgB,WAAW,KAAK,cAAc;AAAA,IACvE,YAAY,OAAO,KAAK,eAAe,WAAW,KAAK,aAAa,OAAO,KAAK,gBAAgB,WAAW,KAAK,cAAc;AAAA,IAC9H,cAAc,OAAO,KAAK,iBAAiB,WAAW,KAAK,eAAe,OAAO,KAAK,kBAAkB,WAAW,KAAK,gBAAgB;AAAA,IACxI,cAAc,OAAO,KAAK,iBAAiB,WAAW,KAAK,eAAe,OAAO,KAAK,kBAAkB,WAAW,KAAK,gBAAgB;AAAA,IACxI,cAAc,OAAO,KAAK,iBAAiB,WAAW,KAAK,eAAe,OAAO,KAAK,kBAAkB,WAAW,KAAK,gBAAgB;AAAA,IACxI,cAAc,OAAO,KAAK,iBAAiB,WAAW,KAAK,eAAe,OAAO,KAAK,kBAAkB,WAAW,KAAK,gBAAgB;AAAA,IACxI,MAAM,OAAO,KAAK,SAAS,WAAW,KAAK,OAAO;AAAA,IAClD,QAAQ,OAAO,KAAK,WAAW,WAAW,KAAK,SAAS;AAAA,IACxD,YAAY,OAAO,KAAK,eAAe,WAAW,KAAK,aAAa,OAAO,KAAK,gBAAgB,WAAW,KAAK,cAAc;AAAA,IAC9H,SAAS,OAAO,KAAK,YAAY,WAAW,KAAK,UAAU;AAAA,IAC3D,UAAU,OAAO,KAAK,aAAa,WAAW,KAAK,WAAW,OAAO,KAAK,aAAa,WAAW,KAAK,WAAW;AAAA,IAClH,WAAW,OAAO,KAAK,cAAc,WAAW,KAAK,YAAY,OAAO,KAAK,cAAc,WAAW,KAAK,YAAY;AAAA,IACvH,eAAe,OAAO,KAAK,kBAAkB,WACzC,KAAK,gBACL,OAAO,KAAK,oBAAoB,WAC9B,KAAK,kBACL;AAAA,IACN,UAAU,KAAK,aAAa,QAAQ,KAAK,cAAc;AAAA,EACzD;AACA,SAAO,EAAE,GAAG,QAAQ,GAAG,0BAA0B,IAAI,EAAE;AACzD;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter, useSearchParams } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { CrudForm } from '@open-mercato/ui/backend/CrudForm'\nimport { ErrorMessage, RecordNotFoundState } from '@open-mercato/ui/backend/detail'\nimport { collectCustomFieldValues } from '@open-mercato/ui/backend/utils/customFieldValues'\nimport { updateCrud, deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { extractCustomFieldEntries } from '@open-mercato/shared/lib/crud/custom-fields-client'\nimport { useChannelFields, buildChannelPayload, type ChannelFormValues } from '@open-mercato/core/modules/sales/components/channels/channelFormFields'\nimport { E } from '#generated/entities.ids.generated'\nimport { SalesChannelOffersPanel } from '@open-mercato/core/modules/sales/components/channels/SalesChannelOffersPanel'\nimport { SendObjectMessageDialog } from '@open-mercato/ui/backend/messages'\n\ntype ChannelApiResponse = {\n  items?: Array<Record<string, unknown>>\n}\n\nexport default function EditChannelPage({ params }: { params?: { channelId?: string } }) {\n  const channelId = params?.channelId ?? ''\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const t = useT()\n  const { fields, groups } = useChannelFields()\n  const [initialValues, setInitialValues] = React.useState<ChannelFormValues | null>(null)\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [isNotFound, setIsNotFound] = React.useState(false)\n  const [activeTab, setActiveTab] = React.useState<'settings' | 'offers'>('settings')\n\n  React.useEffect(() => {\n    const tabParam = (searchParams?.get('tab') ?? '').toLowerCase()\n    if (tabParam === 'offers') {\n      setActiveTab('offers')\n    } else if (tabParam === 'settings') {\n      setActiveTab('settings')\n    }\n  }, [searchParams])\n\n  React.useEffect(() => {\n    if (!channelId) return\n    let cancelled = false\n    async function loadChannel() {\n      setLoading(true)\n      setError(null)\n      setIsNotFound(false)\n      try {\n        const payload = await readApiResultOrThrow<ChannelApiResponse>(\n          `/api/sales/channels?id=${encodeURIComponent(channelId)}&pageSize=1`,\n          undefined,\n          { errorMessage: t('sales.channels.form.errors.load', 'Failed to load channel.') },\n        )\n        const item = Array.isArray(payload.items) ? payload.items[0] : null\n        if (!item) {\n          if (!cancelled) setIsNotFound(true)\n          return\n        }\n        if (!cancelled) {\n          setInitialValues(mapChannelToFormValues(item))\n        }\n      } catch (err) {\n        console.error('sales.channels.load', err)\n        if (!cancelled) {\n          if ((err as { status?: number }).status === 404) {\n            setIsNotFound(true)\n          } else {\n            setError(t('sales.channels.form.errors.load', 'Failed to load channel.'))\n          }\n        }\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }\n    void loadChannel()\n    return () => { cancelled = true }\n  }, [channelId, t])\n\n  const handleSubmit = React.useCallback(async (values: ChannelFormValues) => {\n    if (!channelId) return\n    const payload: Record<string, unknown> = { id: channelId, ...buildChannelPayload(values) }\n    const customFields = collectCustomFieldValues(values)\n    if (Object.keys(customFields).length) payload.customFields = customFields\n    await updateCrud('sales/channels', payload, {\n      errorMessage: t('sales.channels.form.errors.update', 'Failed to save channel.'),\n    })\n    flash(t('sales.channels.form.messages.updated', 'Channel updated.'), 'success')\n    router.push('/backend/sales/channels')\n  }, [channelId, router, t])\n\n  const handleDelete = React.useCallback(async () => {\n    if (!channelId) return\n    await deleteCrud('sales/channels', channelId, {\n      errorMessage: t('sales.channels.form.errors.delete', 'Failed to delete channel.'),\n    })\n    flash(t('sales.channels.form.messages.deleted', 'Channel deleted.'), 'success')\n    router.push('/backend/sales/channels')\n  }, [channelId, router, t])\n\n  const handleTabSelect = React.useCallback((value: 'settings' | 'offers') => {\n    setActiveTab(value)\n    if (!channelId) return\n    const basePath = `/backend/sales/channels/${channelId}/edit`\n    const nextUrl = value === 'offers' ? `${basePath}?tab=offers` : basePath\n    router.replace(nextUrl)\n  }, [channelId, router])\n\n  const tabButton = React.useCallback((value: 'settings' | 'offers', label: string) => (\n    <button\n      key={value}\n      type=\"button\"\n      className={`px-4 py-2 text-sm font-medium border-b-2 ${activeTab === value ? 'border-accent-indigo text-foreground' : 'border-transparent text-muted-foreground'}`}\n      onClick={() => handleTabSelect(value)}\n    >\n      {label}\n    </button>\n  ), [activeTab, handleTabSelect])\n\n  const renderTabs = React.useCallback(() => (\n    <div className=\"flex items-center gap-2 border-b mb-6\">\n      {tabButton('settings', t('sales.channels.form.tabs.settings', 'Settings'))}\n      {tabButton('offers', t('sales.channels.form.tabs.offers', 'Offers'))}\n    </div>\n  ), [tabButton, t])\n\n  if (isNotFound) {\n    return (\n      <Page>\n        <PageBody>\n          <RecordNotFoundState\n            label={t('sales.channels.form.errors.notFound', 'Channel not found.')}\n            backHref=\"/backend/sales/channels\"\n            backLabel={t('sales.channels.actions.backToList', 'Back to channels')}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error && !loading && !initialValues) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage label={error} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        {activeTab === 'settings' ? (\n          <CrudForm<ChannelFormValues>\n            title={t('sales.channels.form.editTitle', 'Edit channel')}\n            versionHistory={{ resourceKind: 'sales.channel', resourceId: channelId ? String(channelId) : '' }}\n            extraActions={channelId ? (\n              <SendObjectMessageDialog\n                object={{\n                  entityModule: 'sales',\n                  entityType: 'channel',\n                  entityId: channelId,\n                  previewData: {\n                    title: initialValues?.name ?? '',\n                    metadata: {\n                      [t('sales.channels.form.contactEmail')]: initialValues?.contactEmail ?? '-',\n                      [t('sales.channels.form.websiteUrl')]: initialValues?.websiteUrl ?? '-',\n                    },\n                  },\n                }}\n                viewHref={`/backend/sales/channels/${channelId}/edit`}\n              />\n            ) : undefined}\n            entityId={E.sales.sales_channel}\n            fields={fields}\n            groups={[\n              ...groups,\n              { id: 'custom', title: t('entities.customFields.title', 'Custom Attributes'), column: 2, kind: 'customFields' },\n            ]}\n            initialValues={initialValues ?? undefined}\n            isLoading={loading}\n            loadingMessage={t('sales.channels.form.loading', 'Loading channel\u2026')}\n            submitLabel={t('sales.channels.form.updateSubmit', 'Save changes')}\n            cancelHref=\"/backend/sales/channels\"\n            backHref=\"/backend/sales/channels\"\n            contentHeader={renderTabs()}\n            onSubmit={handleSubmit}\n            onDelete={handleDelete}\n            deleteVisible\n            deleteRedirect=\"/backend/sales/channels\"\n          />\n        ) : (\n          <>\n            {renderTabs()}\n            <SalesChannelOffersPanel channelId={channelId} channelName={initialValues?.name ?? ''} />\n          </>\n        )}\n      </PageBody>\n    </Page>\n  )\n}\n\nfunction mapChannelToFormValues(item: Record<string, unknown>): ChannelFormValues {\n  const values: ChannelFormValues = {\n    name: typeof item.name === 'string' ? item.name : '',\n    code: typeof item.code === 'string' ? item.code : null,\n    description: typeof item.description === 'string' ? item.description : null,\n    websiteUrl: typeof item.websiteUrl === 'string' ? item.websiteUrl : typeof item.website_url === 'string' ? item.website_url : null,\n    contactEmail: typeof item.contactEmail === 'string' ? item.contactEmail : typeof item.contact_email === 'string' ? item.contact_email : null,\n    contactPhone: typeof item.contactPhone === 'string' ? item.contactPhone : typeof item.contact_phone === 'string' ? item.contact_phone : null,\n    addressLine1: typeof item.addressLine1 === 'string' ? item.addressLine1 : typeof item.address_line1 === 'string' ? item.address_line1 : null,\n    addressLine2: typeof item.addressLine2 === 'string' ? item.addressLine2 : typeof item.address_line2 === 'string' ? item.address_line2 : null,\n    city: typeof item.city === 'string' ? item.city : null,\n    region: typeof item.region === 'string' ? item.region : null,\n    postalCode: typeof item.postalCode === 'string' ? item.postalCode : typeof item.postal_code === 'string' ? item.postal_code : null,\n    country: typeof item.country === 'string' ? item.country : null,\n    latitude: typeof item.latitude === 'number' ? item.latitude : typeof item.latitude === 'string' ? item.latitude : null,\n    longitude: typeof item.longitude === 'number' ? item.longitude : typeof item.longitude === 'string' ? item.longitude : null,\n    statusEntryId: typeof item.statusEntryId === 'string'\n      ? item.statusEntryId\n      : typeof item.status_entry_id === 'string'\n        ? item.status_entry_id\n        : null,\n    isActive: item.isActive === true || item.is_active === true,\n  }\n  return { ...values, ...extractCustomFieldEntries(item) }\n}\n"],
+  "mappings": ";AA+GI,SAoFM,UApFN,KAWA,YAXA;AA7GJ,YAAY,WAAW;AACvB,SAAS,WAAW,uBAAuB;AAC3C,SAAS,MAAM,gBAAgB;AAC/B,SAAS,gBAAgB;AACzB,SAAS,cAAc,2BAA2B;AAClD,SAAS,gCAAgC;AACzC,SAAS,YAAY,kBAAkB;AACvC,SAAS,4BAA4B;AACrC,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,iCAAiC;AAC1C,SAAS,kBAAkB,2BAAmD;AAC9E,SAAS,SAAS;AAClB,SAAS,+BAA+B;AACxC,SAAS,+BAA+B;AAMzB,SAAR,gBAAiC,EAAE,OAAO,GAAwC;AACvF,QAAM,YAAY,QAAQ,aAAa;AACvC,QAAM,SAAS,UAAU;AACzB,QAAM,eAAe,gBAAgB;AACrC,QAAM,IAAI,KAAK;AACf,QAAM,EAAE,QAAQ,OAAO,IAAI,iBAAiB;AAC5C,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAmC,IAAI;AACvF,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,IAAI;AACjD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,IAAI;AAC5D,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,KAAK;AACxD,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAgC,UAAU;AAElF,QAAM,UAAU,MAAM;AACpB,UAAM,YAAY,cAAc,IAAI,KAAK,KAAK,IAAI,YAAY;AAC9D,QAAI,aAAa,UAAU;AACzB,mBAAa,QAAQ;AAAA,IACvB,WAAW,aAAa,YAAY;AAClC,mBAAa,UAAU;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,UAAW;AAChB,QAAI,YAAY;AAChB,mBAAe,cAAc;AAC3B,iBAAW,IAAI;AACf,eAAS,IAAI;AACb,oBAAc,KAAK;AACnB,UAAI;AACF,cAAM,UAAU,MAAM;AAAA,UACpB,0BAA0B,mBAAmB,SAAS,CAAC;AAAA,UACvD;AAAA,UACA,EAAE,cAAc,EAAE,mCAAmC,yBAAyB,EAAE;AAAA,QAClF;AACA,cAAM,OAAO,MAAM,QAAQ,QAAQ,KAAK,IAAI,QAAQ,MAAM,CAAC,IAAI;AAC/D,YAAI,CAAC,MAAM;AACT,cAAI,CAAC,UAAW,eAAc,IAAI;AAClC;AAAA,QACF;AACA,YAAI,CAAC,WAAW;AACd,2BAAiB,uBAAuB,IAAI,CAAC;AAAA,QAC/C;AAAA,MACF,SAAS,KAAK;AACZ,gBAAQ,MAAM,uBAAuB,GAAG;AACxC,YAAI,CAAC,WAAW;AACd,cAAK,IAA4B,WAAW,KAAK;AAC/C,0BAAc,IAAI;AAAA,UACpB,OAAO;AACL,qBAAS,EAAE,mCAAmC,yBAAyB,CAAC;AAAA,UAC1E;AAAA,QACF;AAAA,MACF,UAAE;AACA,YAAI,CAAC,UAAW,YAAW,KAAK;AAAA,MAClC;AAAA,IACF;AACA,SAAK,YAAY;AACjB,WAAO,MAAM;AAAE,kBAAY;AAAA,IAAK;AAAA,EAClC,GAAG,CAAC,WAAW,CAAC,CAAC;AAEjB,QAAM,eAAe,MAAM,YAAY,OAAO,WAA8B;AAC1E,QAAI,CAAC,UAAW;AAChB,UAAM,UAAmC,EAAE,IAAI,WAAW,GAAG,oBAAoB,MAAM,EAAE;AACzF,UAAM,eAAe,yBAAyB,MAAM;AACpD,QAAI,OAAO,KAAK,YAAY,EAAE,OAAQ,SAAQ,eAAe;AAC7D,UAAM,WAAW,kBAAkB,SAAS;AAAA,MAC1C,cAAc,EAAE,qCAAqC,yBAAyB;AAAA,IAChF,CAAC;AACD,UAAM,EAAE,wCAAwC,kBAAkB,GAAG,SAAS;AAC9E,WAAO,KAAK,yBAAyB;AAAA,EACvC,GAAG,CAAC,WAAW,QAAQ,CAAC,CAAC;AAEzB,QAAM,eAAe,MAAM,YAAY,YAAY;AACjD,QAAI,CAAC,UAAW;AAChB,UAAM,WAAW,kBAAkB,WAAW;AAAA,MAC5C,cAAc,EAAE,qCAAqC,2BAA2B;AAAA,IAClF,CAAC;AACD,UAAM,EAAE,wCAAwC,kBAAkB,GAAG,SAAS;AAC9E,WAAO,KAAK,yBAAyB;AAAA,EACvC,GAAG,CAAC,WAAW,QAAQ,CAAC,CAAC;AAEzB,QAAM,kBAAkB,MAAM,YAAY,CAAC,UAAiC;AAC1E,iBAAa,KAAK;AAClB,QAAI,CAAC,UAAW;AAChB,UAAM,WAAW,2BAA2B,SAAS;AACrD,UAAM,UAAU,UAAU,WAAW,GAAG,QAAQ,gBAAgB;AAChE,WAAO,QAAQ,OAAO;AAAA,EACxB,GAAG,CAAC,WAAW,MAAM,CAAC;AAEtB,QAAM,YAAY,MAAM,YAAY,CAAC,OAA8B,UACjE;AAAA,IAAC;AAAA;AAAA,MAEC,MAAK;AAAA,MACL,WAAW,4CAA4C,cAAc,QAAQ,yCAAyC,0CAA0C;AAAA,MAChK,SAAS,MAAM,gBAAgB,KAAK;AAAA,MAEnC;AAAA;AAAA,IALI;AAAA,EAMP,GACC,CAAC,WAAW,eAAe,CAAC;AAE/B,QAAM,aAAa,MAAM,YAAY,MACnC,qBAAC,SAAI,WAAU,yCACZ;AAAA,cAAU,YAAY,EAAE,qCAAqC,UAAU,CAAC;AAAA,IACxE,UAAU,UAAU,EAAE,mCAAmC,QAAQ,CAAC;AAAA,KACrE,GACC,CAAC,WAAW,CAAC,CAAC;AAEjB,MAAI,YAAY;AACd,WACE,oBAAC,QACC,8BAAC,YACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,uCAAuC,oBAAoB;AAAA,QACpE,UAAS;AAAA,QACT,WAAW,EAAE,qCAAqC,kBAAkB;AAAA;AAAA,IACtE,GACF,GACF;AAAA,EAEJ;AAEA,MAAI,SAAS,CAAC,WAAW,CAAC,eAAe;AACvC,WACE,oBAAC,QACC,8BAAC,YACC,8BAAC,gBAAa,OAAO,OAAO,GAC9B,GACF;AAAA,EAEJ;AAEA,SACE,oBAAC,QACC,8BAAC,YACE,wBAAc,aACb;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,iCAAiC,cAAc;AAAA,MACxD,gBAAgB,EAAE,cAAc,iBAAiB,YAAY,YAAY,OAAO,SAAS,IAAI,GAAG;AAAA,MAChG,cAAc,YACZ;AAAA,QAAC;AAAA;AAAA,UACC,QAAQ;AAAA,YACN,cAAc;AAAA,YACd,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,aAAa;AAAA,cACX,OAAO,eAAe,QAAQ;AAAA,cAC9B,UAAU;AAAA,gBACR,CAAC,EAAE,kCAAkC,CAAC,GAAG,eAAe,gBAAgB;AAAA,gBACxE,CAAC,EAAE,gCAAgC,CAAC,GAAG,eAAe,cAAc;AAAA,cACtE;AAAA,YACF;AAAA,UACF;AAAA,UACA,UAAU,2BAA2B,SAAS;AAAA;AAAA,MAChD,IACE;AAAA,MACJ,UAAU,EAAE,MAAM;AAAA,MAClB;AAAA,MACA,QAAQ;AAAA,QACN,GAAG;AAAA,QACH,EAAE,IAAI,UAAU,OAAO,EAAE,+BAA+B,mBAAmB,GAAG,QAAQ,GAAG,MAAM,eAAe;AAAA,MAChH;AAAA,MACA,eAAe,iBAAiB;AAAA,MAChC,WAAW;AAAA,MACX,gBAAgB,EAAE,+BAA+B,uBAAkB;AAAA,MACnE,aAAa,EAAE,oCAAoC,cAAc;AAAA,MACjE,YAAW;AAAA,MACX,UAAS;AAAA,MACT,eAAe,WAAW;AAAA,MAC1B,UAAU;AAAA,MACV,UAAU;AAAA,MACV,eAAa;AAAA,MACb,gBAAe;AAAA;AAAA,EACjB,IAEA,iCACG;AAAA,eAAW;AAAA,IACZ,oBAAC,2BAAwB,WAAsB,aAAa,eAAe,QAAQ,IAAI;AAAA,KACzF,GAEJ,GACF;AAEJ;AAEA,SAAS,uBAAuB,MAAkD;AAChF,QAAM,SAA4B;AAAA,IAChC,MAAM,OAAO,KAAK,SAAS,WAAW,KAAK,OAAO;AAAA,IAClD,MAAM,OAAO,KAAK,SAAS,WAAW,KAAK,OAAO;AAAA,IAClD,aAAa,OAAO,KAAK,gBAAgB,WAAW,KAAK,cAAc;AAAA,IACvE,YAAY,OAAO,KAAK,eAAe,WAAW,KAAK,aAAa,OAAO,KAAK,gBAAgB,WAAW,KAAK,cAAc;AAAA,IAC9H,cAAc,OAAO,KAAK,iBAAiB,WAAW,KAAK,eAAe,OAAO,KAAK,kBAAkB,WAAW,KAAK,gBAAgB;AAAA,IACxI,cAAc,OAAO,KAAK,iBAAiB,WAAW,KAAK,eAAe,OAAO,KAAK,kBAAkB,WAAW,KAAK,gBAAgB;AAAA,IACxI,cAAc,OAAO,KAAK,iBAAiB,WAAW,KAAK,eAAe,OAAO,KAAK,kBAAkB,WAAW,KAAK,gBAAgB;AAAA,IACxI,cAAc,OAAO,KAAK,iBAAiB,WAAW,KAAK,eAAe,OAAO,KAAK,kBAAkB,WAAW,KAAK,gBAAgB;AAAA,IACxI,MAAM,OAAO,KAAK,SAAS,WAAW,KAAK,OAAO;AAAA,IAClD,QAAQ,OAAO,KAAK,WAAW,WAAW,KAAK,SAAS;AAAA,IACxD,YAAY,OAAO,KAAK,eAAe,WAAW,KAAK,aAAa,OAAO,KAAK,gBAAgB,WAAW,KAAK,cAAc;AAAA,IAC9H,SAAS,OAAO,KAAK,YAAY,WAAW,KAAK,UAAU;AAAA,IAC3D,UAAU,OAAO,KAAK,aAAa,WAAW,KAAK,WAAW,OAAO,KAAK,aAAa,WAAW,KAAK,WAAW;AAAA,IAClH,WAAW,OAAO,KAAK,cAAc,WAAW,KAAK,YAAY,OAAO,KAAK,cAAc,WAAW,KAAK,YAAY;AAAA,IACvH,eAAe,OAAO,KAAK,kBAAkB,WACzC,KAAK,gBACL,OAAO,KAAK,oBAAoB,WAC9B,KAAK,kBACL;AAAA,IACN,UAAU,KAAK,aAAa,QAAQ,KAAK,cAAc;AAAA,EACzD;AACA,SAAO,EAAE,GAAG,QAAQ,GAAG,0BAA0B,IAAI,EAAE;AACzD;",
   "names": []
 }

package/dist/modules/staff/backend/staff/leave-requests/[id]/page.js

@@ -6,7 +6,7 @@ import { Page, PageBody } from "@open-mercato/ui/backend/Page";
 import { Badge } from "@open-mercato/ui/primitives/badge";
 import { Button } from "@open-mercato/ui/primitives/button";
 import { Textarea } from "@open-mercato/ui/primitives/textarea";
-import { LoadingMessage, ErrorMessage } from "@open-mercato/ui/backend/detail";
+import { LoadingMessage, ErrorMessage, RecordNotFoundState } from "@open-mercato/ui/backend/detail";
 import { SendObjectMessageDialog } from "@open-mercato/ui/backend/messages";
 import { apiCallOrThrow, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
 import { updateCrud } from "@open-mercato/ui/backend/utils/crud";
@@ -20,11 +20,12 @@ function StaffLeaveRequestDetailPage({ params }) {
   const router = useRouter();
   const [isLoading, setIsLoading] = React.useState(true);
   const [error, setError] = React.useState(null);
+  const [isNotFound, setIsNotFound] = React.useState(false);
   const [record, setRecord] = React.useState(null);
   const [decisionComment, setDecisionComment] = React.useState("");
   React.useEffect(() => {
     if (!id) {
-      setError(t("staff.leaveRequests.errors.notFound", "Leave request not found."));
+      setIsNotFound(true);
       setIsLoading(false);
       return;
     }
@@ -33,6 +34,7 @@ function StaffLeaveRequestDetailPage({ params }) {
     async function load() {
       setIsLoading(true);
       setError(null);
+      setIsNotFound(false);
       try {
         const params2 = new URLSearchParams({ page: "1", pageSize: "1", ids: requestId });
         const payload = await readApiResultOrThrow(
@@ -41,7 +43,13 @@ function StaffLeaveRequestDetailPage({ params }) {
           { errorMessage: t("staff.leaveRequests.errors.load", "Failed to load leave request.") }
         );
         const entry = Array.isArray(payload.items) ? payload.items[0] : null;
-        if (!entry) throw new Error(t("staff.leaveRequests.errors.notFound", "Leave request not found."));
+        if (!entry) {
+          if (!cancelled) {
+            setIsNotFound(true);
+            setRecord(null);
+          }
+          return;
+        }
         if (!cancelled) {
           const normalized = normalizeLeaveRequest(entry);
           setRecord(normalized);
@@ -49,9 +57,14 @@ function StaffLeaveRequestDetailPage({ params }) {
         }
       } catch (err) {
         if (!cancelled) {
-          const message = err instanceof Error ? err.message : t("staff.leaveRequests.errors.load", "Failed to load leave request.");
-          setError(message);
-          setRecord(null);
+          if (err.status === 404) {
+            setIsNotFound(true);
+            setRecord(null);
+          } else {
+            const message = err instanceof Error ? err.message : t("staff.leaveRequests.errors.load", "Failed to load leave request.");
+            setError(message);
+            setRecord(null);
+          }
         }
       } finally {
         if (!cancelled) setIsLoading(false);
@@ -102,6 +115,16 @@ function StaffLeaveRequestDetailPage({ params }) {
   if (isLoading) {
     return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(LoadingMessage, { label: t("staff.leaveRequests.form.loading", "Loading leave request...") }) }) });
   }
+  if (isNotFound) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+      RecordNotFoundState,
+      {
+        label: t("staff.leaveRequests.errors.notFound", "Leave request not found."),
+        backHref: "/backend/staff/leave-requests",
+        backLabel: t("staff.leaveRequests.actions.backToList", "Back to leave requests")
+      }
+    ) }) });
+  }
   if (error || !record) {
     return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(ErrorMessage, { label: error ?? t("staff.leaveRequests.errors.load", "Failed to load leave request.") }) }) });
   }

package/dist/modules/staff/backend/staff/leave-requests/[id]/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/modules/staff/backend/staff/leave-requests/%5Bid%5D/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { SendObjectMessageDialog } from '@open-mercato/ui/backend/messages'\nimport { apiCallOrThrow, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { updateCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { LeaveRequestForm, buildLeaveRequestPayload, type LeaveRequestFormValues } from '@open-mercato/core/modules/staff/components/LeaveRequestForm'\nimport { type LeaveRequestRecord, type LeaveRequestsResponse, type NormalizedLeaveRequest, normalizeLeaveRequest, resolveStatusVariant, formatDateLabel, formatDateRange } from '../../../../lib/leaveRequestHelpers'\n\nexport default function StaffLeaveRequestDetailPage({ params }: { params?: { id?: string } }) {\n  const id = params?.id\n  const t = useT()\n  const router = useRouter()\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [record, setRecord] = React.useState<NormalizedLeaveRequest | null>(null)\n  const [decisionComment, setDecisionComment] = React.useState('')\n\n  React.useEffect(() => {\n    if (!id) {\n      setError(t('staff.leaveRequests.errors.notFound', 'Leave request not found.'))\n      setIsLoading(false)\n      return\n    }\n    const requestId = id\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      setError(null)\n      try {\n        const params = new URLSearchParams({ page: '1', pageSize: '1', ids: requestId })\n        const payload = await readApiResultOrThrow<LeaveRequestsResponse>(\n          `/api/staff/leave-requests?${params.toString()}`,\n          undefined,\n          { errorMessage: t('staff.leaveRequests.errors.load', 'Failed to load leave request.') },\n        )\n        const entry = Array.isArray(payload.items) ? payload.items[0] : null\n        if (!entry) throw new Error(t('staff.leaveRequests.errors.notFound', 'Leave request not found.'))\n        if (!cancelled) {\n          const normalized = normalizeLeaveRequest(entry)\n          setRecord(normalized)\n          setDecisionComment(normalized.decisionComment ?? '')\n        }\n      } catch (err) {\n        if (!cancelled) {\n          const message = err instanceof Error ? err.message : t('staff.leaveRequests.errors.load', 'Failed to load leave request.')\n          setError(message)\n          setRecord(null)\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    void load()\n    return () => { cancelled = true }\n  }, [id, t])\n\n  const status = record?.status ?? 'pending'\n  const memberLabel = record?.member?.displayName ?? null\n  const dateSummary = formatDateRange(record?.startDate, record?.endDate)\n  const initialValues = React.useMemo<LeaveRequestFormValues>(() => ({\n    id: record?.id,\n    memberId: record?.memberId ?? null,\n    memberLabel,\n    startDate: record?.startDate ?? null,\n    endDate: record?.endDate ?? null,\n    timezone: record?.timezone ?? null,\n    unavailabilityReasonEntryId: record?.unavailabilityReasonEntryId ?? null,\n    unavailabilityReasonValue: record?.unavailabilityReasonValue ?? null,\n    note: record?.note ?? null,\n  }), [record, memberLabel])\n\nconst handleSubmit = React.useCallback(async (values: LeaveRequestFormValues) => {\n    if (!record?.id) return\n    const payload = buildLeaveRequestPayload(values, { id: record.id })\n    await updateCrud('staff/leave-requests', payload, {\n      errorMessage: t('staff.leaveRequests.form.errors.update', 'Failed to update leave request.'),\n    })\n    flash(t('staff.leaveRequests.form.flash.updated', 'Leave request updated.'), 'success')\n    router.push('/backend/staff/leave-requests')\n  }, [record?.id, router, t])\n\n  const handleDecision = React.useCallback(async (action: 'accept' | 'reject') => {\n    if (!record?.id) return\n    const endpoint = action === 'accept' ? '/api/staff/leave-requests/accept' : '/api/staff/leave-requests/reject'\n    await apiCallOrThrow(endpoint, {\n      method: 'POST',\n      headers: { 'content-type': 'application/json' },\n      body: JSON.stringify({ id: record.id, decisionComment: decisionComment || null }),\n    })\n    flash(\n      action === 'accept'\n        ? t('staff.leaveRequests.messages.accepted', 'Leave request approved.')\n        : t('staff.leaveRequests.messages.rejected', 'Leave request rejected.'),\n      'success',\n    )\n    router.refresh()\n  }, [decisionComment, record?.id, router, t])\n\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <LoadingMessage label={t('staff.leaveRequests.form.loading', 'Loading leave request...')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error || !record) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage label={error ?? t('staff.leaveRequests.errors.load', 'Failed to load leave request.')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"mb-6 space-y-2 rounded-lg border bg-card p-4\">\n          <div className=\"flex flex-wrap items-center gap-3\">\n            <Badge variant={resolveStatusVariant(status)}>\n              {t(`staff.leaveRequests.status.${status}`, status)}\n            </Badge>\n            {record.decidedAt ? (\n              <span className=\"text-xs text-muted-foreground\">\n                {t('staff.leaveRequests.decision.at', 'Decision at')} {formatDateLabel(record.decidedAt)}\n              </span>\n            ) : null}\n          </div>\n          {memberLabel ? (\n            <p className=\"text-sm text-muted-foreground\">\n              {t('staff.leaveRequests.detail.member', 'Team member')}: {memberLabel}\n            </p>\n          ) : null}\n          <p className=\"text-sm text-muted-foreground\">\n            {t('staff.leaveRequests.detail.dates', 'Dates')}: {dateSummary}\n          </p>\n        </div>\n\n        {status === 'pending' ? (\n          <div className=\"mb-6 rounded-lg border bg-card p-4\">\n            <div className=\"mb-3 text-sm font-medium\">{t('staff.leaveRequests.decision.title', 'Decision')}</div>\n            <Textarea\n              value={decisionComment}\n              onChange={(event) => setDecisionComment(event.target.value)}\n              placeholder={t('staff.leaveRequests.decision.placeholder', 'Add a comment (optional)')}\n              className=\"mb-3\"\n            />\n            <div className=\"flex flex-wrap gap-2\">\n              <Button onClick={() => handleDecision('accept')}>\n                {t('staff.leaveRequests.actions.accept', 'Approve')}\n              </Button>\n              <Button variant=\"destructive\" onClick={() => handleDecision('reject')}>\n                {t('staff.leaveRequests.actions.reject', 'Reject')}\n              </Button>\n            </div>\n          </div>\n        ) : record.decisionComment ? (\n          <div className=\"mb-6 rounded-lg border bg-card p-4 text-sm text-muted-foreground\">\n            <div className=\"mb-1 font-medium text-foreground\">{t('staff.leaveRequests.decision.comment', 'Decision comment')}</div>\n            <p>{record.decisionComment}</p>\n          </div>\n        ) : null}\n\n        <LeaveRequestForm\n          title={t('staff.leaveRequests.form.editTitle', 'Leave request')}\n          submitLabel={t('staff.leaveRequests.form.actions.save', 'Save')}\n          backHref=\"/backend/staff/leave-requests\"\n          cancelHref=\"/backend/staff/leave-requests\"\n          initialValues={initialValues}\n          onSubmit={handleSubmit}\n          allowMemberSelect\n          memberLabel={memberLabel}\n          extraActions={record.id ? (\n            <SendObjectMessageDialog\n              object={{\n                entityModule: 'staff',\n                entityType: 'leave_request',\n                entityId: record.id,\n                sourceEntityType: 'staff:leave_request',\n                sourceEntityId: record.id,\n                previewData: {\n                  title: memberLabel || t('staff.leaveRequests.messages.contextTitle', 'Linked leave request'),\n                  subtitle: dateSummary || undefined,\n                  status: record?.status ?? undefined,\n                },\n              }}\n              viewHref={`/backend/staff/leave-requests/${record.id}`}\n              lockedType=\"staff.leave_request_approval\"\n              requiredActionConfig={{\n                mode: 'required',\n                options: [\n                  { id: 'approve', label: t('staff.notifications.leaveRequest.actions.approve', 'Approve') },\n                  { id: 'reject', label: t('staff.notifications.leaveRequest.actions.reject', 'Reject') },\n                ],\n              }}\n              defaultValues={{\n                type: 'staff.leave_request_approval',\n                subject: t('staff.leaveRequests.messages.compose.subject', 'Leave request approval needed'),\n                body: t('staff.leaveRequests.messages.compose.body', 'Please review this leave request and take action.'),\n              }}\n            />\n          ) : null}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": ";AA+GU,cAyBI,YAzBJ;AA7GV,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAC1B,SAAS,MAAM,gBAAgB;AAC/B,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,gBAAgB,oBAAoB;AAC7C,SAAS,+BAA+B;AACxC,SAAS,gBAAgB,4BAA4B;AACrD,SAAS,kBAAkB;AAC3B,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,kBAAkB,gCAA6D;AACxF,SAA2F,uBAAuB,sBAAsB,iBAAiB,uBAAuB;AAEjK,SAAR,4BAA6C,EAAE,OAAO,GAAiC;AAC5F,QAAM,KAAK,QAAQ;AACnB,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,UAAU;AACzB,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,IAAI;AACrD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,IAAI;AAC5D,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAwC,IAAI;AAC9E,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,MAAM,SAAS,EAAE;AAE/D,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,IAAI;AACP,eAAS,EAAE,uCAAuC,0BAA0B,CAAC;AAC7E,mBAAa,KAAK;AAClB;AAAA,IACF;AACA,UAAM,YAAY;AAClB,QAAI,YAAY;AAChB,mBAAe,OAAO;AACpB,mBAAa,IAAI;AACjB,eAAS,IAAI;AACb,UAAI;AACF,cAAMA,UAAS,IAAI,gBAAgB,EAAE,MAAM,KAAK,UAAU,KAAK,KAAK,UAAU,CAAC;AAC/E,cAAM,UAAU,MAAM;AAAA,UACpB,6BAA6BA,QAAO,SAAS,CAAC;AAAA,UAC9C;AAAA,UACA,EAAE,cAAc,EAAE,mCAAmC,+BAA+B,EAAE;AAAA,QACxF;AACA,cAAM,QAAQ,MAAM,QAAQ,QAAQ,KAAK,IAAI,QAAQ,MAAM,CAAC,IAAI;AAChE,YAAI,CAAC,MAAO,OAAM,IAAI,MAAM,EAAE,uCAAuC,0BAA0B,CAAC;AAChG,YAAI,CAAC,WAAW;AACd,gBAAM,aAAa,sBAAsB,KAAK;AAC9C,oBAAU,UAAU;AACpB,6BAAmB,WAAW,mBAAmB,EAAE;AAAA,QACrD;AAAA,MACF,SAAS,KAAK;AACZ,YAAI,CAAC,WAAW;AACd,gBAAM,UAAU,eAAe,QAAQ,IAAI,UAAU,EAAE,mCAAmC,+BAA+B;AACzH,mBAAS,OAAO;AAChB,oBAAU,IAAI;AAAA,QAChB;AAAA,MACF,UAAE;AACA,YAAI,CAAC,UAAW,cAAa,KAAK;AAAA,MACpC;AAAA,IACF;AACA,SAAK,KAAK;AACV,WAAO,MAAM;AAAE,kBAAY;AAAA,IAAK;AAAA,EAClC,GAAG,CAAC,IAAI,CAAC,CAAC;AAEV,QAAM,SAAS,QAAQ,UAAU;AACjC,QAAM,cAAc,QAAQ,QAAQ,eAAe;AACnD,QAAM,cAAc,gBAAgB,QAAQ,WAAW,QAAQ,OAAO;AACtE,QAAM,gBAAgB,MAAM,QAAgC,OAAO;AAAA,IACjE,IAAI,QAAQ;AAAA,IACZ,UAAU,QAAQ,YAAY;AAAA,IAC9B;AAAA,IACA,WAAW,QAAQ,aAAa;AAAA,IAChC,SAAS,QAAQ,WAAW;AAAA,IAC5B,UAAU,QAAQ,YAAY;AAAA,IAC9B,6BAA6B,QAAQ,+BAA+B;AAAA,IACpE,2BAA2B,QAAQ,6BAA6B;AAAA,IAChE,MAAM,QAAQ,QAAQ;AAAA,EACxB,IAAI,CAAC,QAAQ,WAAW,CAAC;AAE3B,QAAM,eAAe,MAAM,YAAY,OAAO,WAAmC;AAC7E,QAAI,CAAC,QAAQ,GAAI;AACjB,UAAM,UAAU,yBAAyB,QAAQ,EAAE,IAAI,OAAO,GAAG,CAAC;AAClE,UAAM,WAAW,wBAAwB,SAAS;AAAA,MAChD,cAAc,EAAE,0CAA0C,iCAAiC;AAAA,IAC7F,CAAC;AACD,UAAM,EAAE,0CAA0C,wBAAwB,GAAG,SAAS;AACtF,WAAO,KAAK,+BAA+B;AAAA,EAC7C,GAAG,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC;AAE1B,QAAM,iBAAiB,MAAM,YAAY,OAAO,WAAgC;AAC9E,QAAI,CAAC,QAAQ,GAAI;AACjB,UAAM,WAAW,WAAW,WAAW,qCAAqC;AAC5E,UAAM,eAAe,UAAU;AAAA,MAC7B,QAAQ;AAAA,MACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,MAC9C,MAAM,KAAK,UAAU,EAAE,IAAI,OAAO,IAAI,iBAAiB,mBAAmB,KAAK,CAAC;AAAA,IAClF,CAAC;AACD;AAAA,MACE,WAAW,WACP,EAAE,yCAAyC,yBAAyB,IACpE,EAAE,yCAAyC,yBAAyB;AAAA,MACxE;AAAA,IACF;AACA,WAAO,QAAQ;AAAA,EACjB,GAAG,CAAC,iBAAiB,QAAQ,IAAI,QAAQ,CAAC,CAAC;AAE3C,MAAI,WAAW;AACb,WACE,oBAAC,QACC,8BAAC,YACC,8BAAC,kBAAe,OAAO,EAAE,oCAAoC,0BAA0B,GAAG,GAC5F,GACF;AAAA,EAEJ;AAEA,MAAI,SAAS,CAAC,QAAQ;AACpB,WACE,oBAAC,QACC,8BAAC,YACC,8BAAC,gBAAa,OAAO,SAAS,EAAE,mCAAmC,+BAA+B,GAAG,GACvG,GACF;AAAA,EAEJ;AAEA,SACE,oBAAC,QACC,+BAAC,YACC;AAAA,yBAAC,SAAI,WAAU,gDACb;AAAA,2BAAC,SAAI,WAAU,qCACb;AAAA,4BAAC,SAAM,SAAS,qBAAqB,MAAM,GACxC,YAAE,8BAA8B,MAAM,IAAI,MAAM,GACnD;AAAA,QACC,OAAO,YACN,qBAAC,UAAK,WAAU,iCACb;AAAA,YAAE,mCAAmC,aAAa;AAAA,UAAE;AAAA,UAAE,gBAAgB,OAAO,SAAS;AAAA,WACzF,IACE;AAAA,SACN;AAAA,MACC,cACC,qBAAC,OAAE,WAAU,iCACV;AAAA,UAAE,qCAAqC,aAAa;AAAA,QAAE;AAAA,QAAG;AAAA,SAC5D,IACE;AAAA,MACJ,qBAAC,OAAE,WAAU,iCACV;AAAA,UAAE,oCAAoC,OAAO;AAAA,QAAE;AAAA,QAAG;AAAA,SACrD;AAAA,OACF;AAAA,IAEC,WAAW,YACV,qBAAC,SAAI,WAAU,sCACb;AAAA,0BAAC,SAAI,WAAU,4BAA4B,YAAE,sCAAsC,UAAU,GAAE;AAAA,MAC/F;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU,CAAC,UAAU,mBAAmB,MAAM,OAAO,KAAK;AAAA,UAC1D,aAAa,EAAE,4CAA4C,0BAA0B;AAAA,UACrF,WAAU;AAAA;AAAA,MACZ;AAAA,MACA,qBAAC,SAAI,WAAU,wBACb;AAAA,4BAAC,UAAO,SAAS,MAAM,eAAe,QAAQ,GAC3C,YAAE,sCAAsC,SAAS,GACpD;AAAA,QACA,oBAAC,UAAO,SAAQ,eAAc,SAAS,MAAM,eAAe,QAAQ,GACjE,YAAE,sCAAsC,QAAQ,GACnD;AAAA,SACF;AAAA,OACF,IACE,OAAO,kBACT,qBAAC,SAAI,WAAU,oEACb;AAAA,0BAAC,SAAI,WAAU,oCAAoC,YAAE,wCAAwC,kBAAkB,GAAE;AAAA,MACjH,oBAAC,OAAG,iBAAO,iBAAgB;AAAA,OAC7B,IACE;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,sCAAsC,eAAe;AAAA,QAC9D,aAAa,EAAE,yCAAyC,MAAM;AAAA,QAC9D,UAAS;AAAA,QACT,YAAW;AAAA,QACX;AAAA,QACA,UAAU;AAAA,QACV,mBAAiB;AAAA,QACjB;AAAA,QACA,cAAc,OAAO,KACnB;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ;AAAA,cACN,cAAc;AAAA,cACd,YAAY;AAAA,cACZ,UAAU,OAAO;AAAA,cACjB,kBAAkB;AAAA,cAClB,gBAAgB,OAAO;AAAA,cACvB,aAAa;AAAA,gBACX,OAAO,eAAe,EAAE,6CAA6C,sBAAsB;AAAA,gBAC3F,UAAU,eAAe;AAAA,gBACzB,QAAQ,QAAQ,UAAU;AAAA,cAC5B;AAAA,YACF;AAAA,YACA,UAAU,iCAAiC,OAAO,EAAE;AAAA,YACpD,YAAW;AAAA,YACX,sBAAsB;AAAA,cACpB,MAAM;AAAA,cACN,SAAS;AAAA,gBACP,EAAE,IAAI,WAAW,OAAO,EAAE,oDAAoD,SAAS,EAAE;AAAA,gBACzF,EAAE,IAAI,UAAU,OAAO,EAAE,mDAAmD,QAAQ,EAAE;AAAA,cACxF;AAAA,YACF;AAAA,YACA,eAAe;AAAA,cACb,MAAM;AAAA,cACN,SAAS,EAAE,gDAAgD,+BAA+B;AAAA,cAC1F,MAAM,EAAE,6CAA6C,mDAAmD;AAAA,YAC1G;AAAA;AAAA,QACF,IACE;AAAA;AAAA,IACN;AAAA,KACF,GACF;AAEJ;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { LoadingMessage, ErrorMessage, RecordNotFoundState } from '@open-mercato/ui/backend/detail'\nimport { SendObjectMessageDialog } from '@open-mercato/ui/backend/messages'\nimport { apiCallOrThrow, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { updateCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { LeaveRequestForm, buildLeaveRequestPayload, type LeaveRequestFormValues } from '@open-mercato/core/modules/staff/components/LeaveRequestForm'\nimport { type LeaveRequestRecord, type LeaveRequestsResponse, type NormalizedLeaveRequest, normalizeLeaveRequest, resolveStatusVariant, formatDateLabel, formatDateRange } from '../../../../lib/leaveRequestHelpers'\n\nexport default function StaffLeaveRequestDetailPage({ params }: { params?: { id?: string } }) {\n  const id = params?.id\n  const t = useT()\n  const router = useRouter()\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [isNotFound, setIsNotFound] = React.useState(false)\n  const [record, setRecord] = React.useState<NormalizedLeaveRequest | null>(null)\n  const [decisionComment, setDecisionComment] = React.useState('')\n\n  React.useEffect(() => {\n    if (!id) {\n      setIsNotFound(true)\n      setIsLoading(false)\n      return\n    }\n    const requestId = id\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      setError(null)\n      setIsNotFound(false)\n      try {\n        const params = new URLSearchParams({ page: '1', pageSize: '1', ids: requestId })\n        const payload = await readApiResultOrThrow<LeaveRequestsResponse>(\n          `/api/staff/leave-requests?${params.toString()}`,\n          undefined,\n          { errorMessage: t('staff.leaveRequests.errors.load', 'Failed to load leave request.') },\n        )\n        const entry = Array.isArray(payload.items) ? payload.items[0] : null\n        if (!entry) {\n          if (!cancelled) {\n            setIsNotFound(true)\n            setRecord(null)\n          }\n          return\n        }\n        if (!cancelled) {\n          const normalized = normalizeLeaveRequest(entry)\n          setRecord(normalized)\n          setDecisionComment(normalized.decisionComment ?? '')\n        }\n      } catch (err) {\n        if (!cancelled) {\n          if ((err as { status?: number }).status === 404) {\n            setIsNotFound(true)\n            setRecord(null)\n          } else {\n            const message = err instanceof Error ? err.message : t('staff.leaveRequests.errors.load', 'Failed to load leave request.')\n            setError(message)\n            setRecord(null)\n          }\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    void load()\n    return () => { cancelled = true }\n  }, [id, t])\n\n  const status = record?.status ?? 'pending'\n  const memberLabel = record?.member?.displayName ?? null\n  const dateSummary = formatDateRange(record?.startDate, record?.endDate)\n  const initialValues = React.useMemo<LeaveRequestFormValues>(() => ({\n    id: record?.id,\n    memberId: record?.memberId ?? null,\n    memberLabel,\n    startDate: record?.startDate ?? null,\n    endDate: record?.endDate ?? null,\n    timezone: record?.timezone ?? null,\n    unavailabilityReasonEntryId: record?.unavailabilityReasonEntryId ?? null,\n    unavailabilityReasonValue: record?.unavailabilityReasonValue ?? null,\n    note: record?.note ?? null,\n  }), [record, memberLabel])\n\nconst handleSubmit = React.useCallback(async (values: LeaveRequestFormValues) => {\n    if (!record?.id) return\n    const payload = buildLeaveRequestPayload(values, { id: record.id })\n    await updateCrud('staff/leave-requests', payload, {\n      errorMessage: t('staff.leaveRequests.form.errors.update', 'Failed to update leave request.'),\n    })\n    flash(t('staff.leaveRequests.form.flash.updated', 'Leave request updated.'), 'success')\n    router.push('/backend/staff/leave-requests')\n  }, [record?.id, router, t])\n\n  const handleDecision = React.useCallback(async (action: 'accept' | 'reject') => {\n    if (!record?.id) return\n    const endpoint = action === 'accept' ? '/api/staff/leave-requests/accept' : '/api/staff/leave-requests/reject'\n    await apiCallOrThrow(endpoint, {\n      method: 'POST',\n      headers: { 'content-type': 'application/json' },\n      body: JSON.stringify({ id: record.id, decisionComment: decisionComment || null }),\n    })\n    flash(\n      action === 'accept'\n        ? t('staff.leaveRequests.messages.accepted', 'Leave request approved.')\n        : t('staff.leaveRequests.messages.rejected', 'Leave request rejected.'),\n      'success',\n    )\n    router.refresh()\n  }, [decisionComment, record?.id, router, t])\n\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <LoadingMessage label={t('staff.leaveRequests.form.loading', 'Loading leave request...')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (isNotFound) {\n    return (\n      <Page>\n        <PageBody>\n          <RecordNotFoundState\n            label={t('staff.leaveRequests.errors.notFound', 'Leave request not found.')}\n            backHref=\"/backend/staff/leave-requests\"\n            backLabel={t('staff.leaveRequests.actions.backToList', 'Back to leave requests')}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error || !record) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage label={error ?? t('staff.leaveRequests.errors.load', 'Failed to load leave request.')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"mb-6 space-y-2 rounded-lg border bg-card p-4\">\n          <div className=\"flex flex-wrap items-center gap-3\">\n            <Badge variant={resolveStatusVariant(status)}>\n              {t(`staff.leaveRequests.status.${status}`, status)}\n            </Badge>\n            {record.decidedAt ? (\n              <span className=\"text-xs text-muted-foreground\">\n                {t('staff.leaveRequests.decision.at', 'Decision at')} {formatDateLabel(record.decidedAt)}\n              </span>\n            ) : null}\n          </div>\n          {memberLabel ? (\n            <p className=\"text-sm text-muted-foreground\">\n              {t('staff.leaveRequests.detail.member', 'Team member')}: {memberLabel}\n            </p>\n          ) : null}\n          <p className=\"text-sm text-muted-foreground\">\n            {t('staff.leaveRequests.detail.dates', 'Dates')}: {dateSummary}\n          </p>\n        </div>\n\n        {status === 'pending' ? (\n          <div className=\"mb-6 rounded-lg border bg-card p-4\">\n            <div className=\"mb-3 text-sm font-medium\">{t('staff.leaveRequests.decision.title', 'Decision')}</div>\n            <Textarea\n              value={decisionComment}\n              onChange={(event) => setDecisionComment(event.target.value)}\n              placeholder={t('staff.leaveRequests.decision.placeholder', 'Add a comment (optional)')}\n              className=\"mb-3\"\n            />\n            <div className=\"flex flex-wrap gap-2\">\n              <Button onClick={() => handleDecision('accept')}>\n                {t('staff.leaveRequests.actions.accept', 'Approve')}\n              </Button>\n              <Button variant=\"destructive\" onClick={() => handleDecision('reject')}>\n                {t('staff.leaveRequests.actions.reject', 'Reject')}\n              </Button>\n            </div>\n          </div>\n        ) : record.decisionComment ? (\n          <div className=\"mb-6 rounded-lg border bg-card p-4 text-sm text-muted-foreground\">\n            <div className=\"mb-1 font-medium text-foreground\">{t('staff.leaveRequests.decision.comment', 'Decision comment')}</div>\n            <p>{record.decisionComment}</p>\n          </div>\n        ) : null}\n\n        <LeaveRequestForm\n          title={t('staff.leaveRequests.form.editTitle', 'Leave request')}\n          submitLabel={t('staff.leaveRequests.form.actions.save', 'Save')}\n          backHref=\"/backend/staff/leave-requests\"\n          cancelHref=\"/backend/staff/leave-requests\"\n          initialValues={initialValues}\n          onSubmit={handleSubmit}\n          allowMemberSelect\n          memberLabel={memberLabel}\n          extraActions={record.id ? (\n            <SendObjectMessageDialog\n              object={{\n                entityModule: 'staff',\n                entityType: 'leave_request',\n                entityId: record.id,\n                sourceEntityType: 'staff:leave_request',\n                sourceEntityId: record.id,\n                previewData: {\n                  title: memberLabel || t('staff.leaveRequests.messages.contextTitle', 'Linked leave request'),\n                  subtitle: dateSummary || undefined,\n                  status: record?.status ?? undefined,\n                },\n              }}\n              viewHref={`/backend/staff/leave-requests/${record.id}`}\n              lockedType=\"staff.leave_request_approval\"\n              requiredActionConfig={{\n                mode: 'required',\n                options: [\n                  { id: 'approve', label: t('staff.notifications.leaveRequest.actions.approve', 'Approve') },\n                  { id: 'reject', label: t('staff.notifications.leaveRequest.actions.reject', 'Reject') },\n                ],\n              }}\n              defaultValues={{\n                type: 'staff.leave_request_approval',\n                subject: t('staff.leaveRequests.messages.compose.subject', 'Leave request approval needed'),\n                body: t('staff.leaveRequests.messages.compose.body', 'Please review this leave request and take action.'),\n              }}\n            />\n          ) : null}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": ";AA4HU,cAuCI,YAvCJ;AA1HV,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAC1B,SAAS,MAAM,gBAAgB;AAC/B,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,gBAAgB,cAAc,2BAA2B;AAClE,SAAS,+BAA+B;AACxC,SAAS,gBAAgB,4BAA4B;AACrD,SAAS,kBAAkB;AAC3B,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,kBAAkB,gCAA6D;AACxF,SAA2F,uBAAuB,sBAAsB,iBAAiB,uBAAuB;AAEjK,SAAR,4BAA6C,EAAE,OAAO,GAAiC;AAC5F,QAAM,KAAK,QAAQ;AACnB,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,UAAU;AACzB,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,IAAI;AACrD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,IAAI;AAC5D,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,KAAK;AACxD,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAwC,IAAI;AAC9E,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,MAAM,SAAS,EAAE;AAE/D,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,IAAI;AACP,oBAAc,IAAI;AAClB,mBAAa,KAAK;AAClB;AAAA,IACF;AACA,UAAM,YAAY;AAClB,QAAI,YAAY;AAChB,mBAAe,OAAO;AACpB,mBAAa,IAAI;AACjB,eAAS,IAAI;AACb,oBAAc,KAAK;AACnB,UAAI;AACF,cAAMA,UAAS,IAAI,gBAAgB,EAAE,MAAM,KAAK,UAAU,KAAK,KAAK,UAAU,CAAC;AAC/E,cAAM,UAAU,MAAM;AAAA,UACpB,6BAA6BA,QAAO,SAAS,CAAC;AAAA,UAC9C;AAAA,UACA,EAAE,cAAc,EAAE,mCAAmC,+BAA+B,EAAE;AAAA,QACxF;AACA,cAAM,QAAQ,MAAM,QAAQ,QAAQ,KAAK,IAAI,QAAQ,MAAM,CAAC,IAAI;AAChE,YAAI,CAAC,OAAO;AACV,cAAI,CAAC,WAAW;AACd,0BAAc,IAAI;AAClB,sBAAU,IAAI;AAAA,UAChB;AACA;AAAA,QACF;AACA,YAAI,CAAC,WAAW;AACd,gBAAM,aAAa,sBAAsB,KAAK;AAC9C,oBAAU,UAAU;AACpB,6BAAmB,WAAW,mBAAmB,EAAE;AAAA,QACrD;AAAA,MACF,SAAS,KAAK;AACZ,YAAI,CAAC,WAAW;AACd,cAAK,IAA4B,WAAW,KAAK;AAC/C,0BAAc,IAAI;AAClB,sBAAU,IAAI;AAAA,UAChB,OAAO;AACL,kBAAM,UAAU,eAAe,QAAQ,IAAI,UAAU,EAAE,mCAAmC,+BAA+B;AACzH,qBAAS,OAAO;AAChB,sBAAU,IAAI;AAAA,UAChB;AAAA,QACF;AAAA,MACF,UAAE;AACA,YAAI,CAAC,UAAW,cAAa,KAAK;AAAA,MACpC;AAAA,IACF;AACA,SAAK,KAAK;AACV,WAAO,MAAM;AAAE,kBAAY;AAAA,IAAK;AAAA,EAClC,GAAG,CAAC,IAAI,CAAC,CAAC;AAEV,QAAM,SAAS,QAAQ,UAAU;AACjC,QAAM,cAAc,QAAQ,QAAQ,eAAe;AACnD,QAAM,cAAc,gBAAgB,QAAQ,WAAW,QAAQ,OAAO;AACtE,QAAM,gBAAgB,MAAM,QAAgC,OAAO;AAAA,IACjE,IAAI,QAAQ;AAAA,IACZ,UAAU,QAAQ,YAAY;AAAA,IAC9B;AAAA,IACA,WAAW,QAAQ,aAAa;AAAA,IAChC,SAAS,QAAQ,WAAW;AAAA,IAC5B,UAAU,QAAQ,YAAY;AAAA,IAC9B,6BAA6B,QAAQ,+BAA+B;AAAA,IACpE,2BAA2B,QAAQ,6BAA6B;AAAA,IAChE,MAAM,QAAQ,QAAQ;AAAA,EACxB,IAAI,CAAC,QAAQ,WAAW,CAAC;AAE3B,QAAM,eAAe,MAAM,YAAY,OAAO,WAAmC;AAC7E,QAAI,CAAC,QAAQ,GAAI;AACjB,UAAM,UAAU,yBAAyB,QAAQ,EAAE,IAAI,OAAO,GAAG,CAAC;AAClE,UAAM,WAAW,wBAAwB,SAAS;AAAA,MAChD,cAAc,EAAE,0CAA0C,iCAAiC;AAAA,IAC7F,CAAC;AACD,UAAM,EAAE,0CAA0C,wBAAwB,GAAG,SAAS;AACtF,WAAO,KAAK,+BAA+B;AAAA,EAC7C,GAAG,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC;AAE1B,QAAM,iBAAiB,MAAM,YAAY,OAAO,WAAgC;AAC9E,QAAI,CAAC,QAAQ,GAAI;AACjB,UAAM,WAAW,WAAW,WAAW,qCAAqC;AAC5E,UAAM,eAAe,UAAU;AAAA,MAC7B,QAAQ;AAAA,MACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,MAC9C,MAAM,KAAK,UAAU,EAAE,IAAI,OAAO,IAAI,iBAAiB,mBAAmB,KAAK,CAAC;AAAA,IAClF,CAAC;AACD;AAAA,MACE,WAAW,WACP,EAAE,yCAAyC,yBAAyB,IACpE,EAAE,yCAAyC,yBAAyB;AAAA,MACxE;AAAA,IACF;AACA,WAAO,QAAQ;AAAA,EACjB,GAAG,CAAC,iBAAiB,QAAQ,IAAI,QAAQ,CAAC,CAAC;AAE3C,MAAI,WAAW;AACb,WACE,oBAAC,QACC,8BAAC,YACC,8BAAC,kBAAe,OAAO,EAAE,oCAAoC,0BAA0B,GAAG,GAC5F,GACF;AAAA,EAEJ;AAEA,MAAI,YAAY;AACd,WACE,oBAAC,QACC,8BAAC,YACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,uCAAuC,0BAA0B;AAAA,QAC1E,UAAS;AAAA,QACT,WAAW,EAAE,0CAA0C,wBAAwB;AAAA;AAAA,IACjF,GACF,GACF;AAAA,EAEJ;AAEA,MAAI,SAAS,CAAC,QAAQ;AACpB,WACE,oBAAC,QACC,8BAAC,YACC,8BAAC,gBAAa,OAAO,SAAS,EAAE,mCAAmC,+BAA+B,GAAG,GACvG,GACF;AAAA,EAEJ;AAEA,SACE,oBAAC,QACC,+BAAC,YACC;AAAA,yBAAC,SAAI,WAAU,gDACb;AAAA,2BAAC,SAAI,WAAU,qCACb;AAAA,4BAAC,SAAM,SAAS,qBAAqB,MAAM,GACxC,YAAE,8BAA8B,MAAM,IAAI,MAAM,GACnD;AAAA,QACC,OAAO,YACN,qBAAC,UAAK,WAAU,iCACb;AAAA,YAAE,mCAAmC,aAAa;AAAA,UAAE;AAAA,UAAE,gBAAgB,OAAO,SAAS;AAAA,WACzF,IACE;AAAA,SACN;AAAA,MACC,cACC,qBAAC,OAAE,WAAU,iCACV;AAAA,UAAE,qCAAqC,aAAa;AAAA,QAAE;AAAA,QAAG;AAAA,SAC5D,IACE;AAAA,MACJ,qBAAC,OAAE,WAAU,iCACV;AAAA,UAAE,oCAAoC,OAAO;AAAA,QAAE;AAAA,QAAG;AAAA,SACrD;AAAA,OACF;AAAA,IAEC,WAAW,YACV,qBAAC,SAAI,WAAU,sCACb;AAAA,0BAAC,SAAI,WAAU,4BAA4B,YAAE,sCAAsC,UAAU,GAAE;AAAA,MAC/F;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU,CAAC,UAAU,mBAAmB,MAAM,OAAO,KAAK;AAAA,UAC1D,aAAa,EAAE,4CAA4C,0BAA0B;AAAA,UACrF,WAAU;AAAA;AAAA,MACZ;AAAA,MACA,qBAAC,SAAI,WAAU,wBACb;AAAA,4BAAC,UAAO,SAAS,MAAM,eAAe,QAAQ,GAC3C,YAAE,sCAAsC,SAAS,GACpD;AAAA,QACA,oBAAC,UAAO,SAAQ,eAAc,SAAS,MAAM,eAAe,QAAQ,GACjE,YAAE,sCAAsC,QAAQ,GACnD;AAAA,SACF;AAAA,OACF,IACE,OAAO,kBACT,qBAAC,SAAI,WAAU,oEACb;AAAA,0BAAC,SAAI,WAAU,oCAAoC,YAAE,wCAAwC,kBAAkB,GAAE;AAAA,MACjH,oBAAC,OAAG,iBAAO,iBAAgB;AAAA,OAC7B,IACE;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,sCAAsC,eAAe;AAAA,QAC9D,aAAa,EAAE,yCAAyC,MAAM;AAAA,QAC9D,UAAS;AAAA,QACT,YAAW;AAAA,QACX;AAAA,QACA,UAAU;AAAA,QACV,mBAAiB;AAAA,QACjB;AAAA,QACA,cAAc,OAAO,KACnB;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ;AAAA,cACN,cAAc;AAAA,cACd,YAAY;AAAA,cACZ,UAAU,OAAO;AAAA,cACjB,kBAAkB;AAAA,cAClB,gBAAgB,OAAO;AAAA,cACvB,aAAa;AAAA,gBACX,OAAO,eAAe,EAAE,6CAA6C,sBAAsB;AAAA,gBAC3F,UAAU,eAAe;AAAA,gBACzB,QAAQ,QAAQ,UAAU;AAAA,cAC5B;AAAA,YACF;AAAA,YACA,UAAU,iCAAiC,OAAO,EAAE;AAAA,YACpD,YAAW;AAAA,YACX,sBAAsB;AAAA,cACpB,MAAM;AAAA,cACN,SAAS;AAAA,gBACP,EAAE,IAAI,WAAW,OAAO,EAAE,oDAAoD,SAAS,EAAE;AAAA,gBACzF,EAAE,IAAI,UAAU,OAAO,EAAE,mDAAmD,QAAQ,EAAE;AAAA,cACxF;AAAA,YACF;AAAA,YACA,eAAe;AAAA,cACb,MAAM;AAAA,cACN,SAAS,EAAE,gDAAgD,+BAA+B;AAAA,cAC1F,MAAM,EAAE,6CAA6C,mDAAmD;AAAA,YAC1G;AAAA;AAAA,QACF,IACE;AAAA;AAAA,IACN;AAAA,KACF,GACF;AAEJ;",
   "names": ["params"]
 }