npm - @open-mercato/scheduler - Versions diffs - 0.4.6-develop-9ff1d4a9a2 → 0.4.6-develop-219dae16c5 - Mend

@open-mercato/scheduler 0.4.6-develop-9ff1d4a9a2 → 0.4.6-develop-219dae16c5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/modules/scheduler/backend/config/scheduled-jobs/[id]/edit/page.js CHANGED Viewed

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { useRouter } from "next/navigation";
 import { Page, PageBody } from "@open-mercato/ui/backend/Page";
@@ -9,21 +9,15 @@ import { apiCall, apiCallOrThrow } from "@open-mercato/ui/backend/utils/apiCall"
 import { LoadingMessage, ErrorMessage } from "@open-mercato/ui/backend/detail";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
-import { Switch } from "@open-mercato/ui/primitives/switch";
-import { z } from "zod";
-import { ComboboxInput } from "@open-mercato/ui/backend/inputs/ComboboxInput";
-import { Label } from "@open-mercato/ui/primitives/label";
-import { JsonBuilder } from "@open-mercato/ui/backend/JsonBuilder";
-function PayloadJsonEditor({ value, setValue, disabled }) {
-  return /* @__PURE__ */ jsx(
-    JsonBuilder,
-    {
-      value: value || {},
-      onChange: setValue,
-      disabled
-    }
-  );
-}
+import {
+  createTargetOptionsLoader,
+  loadTimezoneOptions,
+  scheduledJobFormSchema,
+  scheduledJobFields,
+  scheduledJobGroups,
+  ScheduledJobEnabledSwitch,
+  buildScheduledJobPayload
+} from "../../../../../lib/scheduledJobFormConfig.js";
 function EditSchedulePage({ params }) {
   const t = useT();
   const router = useRouter();
@@ -31,42 +25,10 @@ function EditSchedulePage({ params }) {
   const [error, setError] = React.useState(null);
   const [initialData, setInitialData] = React.useState(null);
   const [isEnabled, setIsEnabled] = React.useState(false);
-  const targetOptionsRef = React.useRef(null);
-  const loadTargetOptions = React.useCallback(async () => {
-    if (targetOptionsRef.current) return targetOptionsRef.current;
-    try {
-      const { result } = await apiCall("/api/scheduler/targets");
-      const options = result ?? { queues: [], commands: [] };
-      targetOptionsRef.current = options;
-      return options;
-    } catch {
-      return { queues: [], commands: [] };
-    }
-  }, []);
-  const loadQueueOptions = React.useCallback(async (query) => {
-    const options = await loadTargetOptions();
-    if (!query) return options.queues;
-    const lower = query.toLowerCase();
-    return options.queues.filter((q) => q.label.toLowerCase().includes(lower));
-  }, [loadTargetOptions]);
-  const loadCommandOptions = React.useCallback(async (query) => {
-    const options = await loadTargetOptions();
-    if (!query) return options.commands;
-    const lower = query.toLowerCase();
-    return options.commands.filter((c) => c.label.toLowerCase().includes(lower));
-  }, [loadTargetOptions]);
-  const loadTimezoneOptions = React.useCallback(async (query) => {
-    try {
-      const allTz = Intl.supportedValuesOf("timeZone");
-      const filtered = query ? allTz.filter((tz) => tz.toLowerCase().includes(query.toLowerCase())) : allTz;
-      return filtered.slice(0, 100).map((tz) => ({
-        value: tz,
-        label: tz
-      }));
-    } catch {
-      return [{ value: "UTC", label: "UTC" }];
-    }
-  }, []);
+  const { loadQueueOptions, loadCommandOptions } = React.useMemo(
+    () => createTargetOptionsLoader(apiCall),
+    []
+  );
   React.useEffect(() => {
     async function fetchSchedule() {
       try {
@@ -98,151 +60,12 @@ function EditSchedulePage({ params }) {
     }
     fetchSchedule();
   }, [params.id, t]);
-  const formSchema = React.useMemo(
-    () => z.object({
-      name: z.string().min(1, t("scheduler.form.name.required", "Name is required")),
-      description: z.string().optional(),
-      scopeType: z.enum(["system", "organization", "tenant"]),
-      scheduleType: z.enum(["cron", "interval"]),
-      scheduleValue: z.string().min(1, t("scheduler.form.schedule.required", "Schedule is required")),
-      timezone: z.string(),
-      targetType: z.enum(["queue", "command"]),
-      targetQueue: z.string().optional(),
-      targetCommand: z.string().optional(),
-      targetPayload: z.record(z.string(), z.unknown()).optional(),
-      isEnabled: z.boolean()
-    }),
-    [t]
-  );
+  const formSchema = React.useMemo(() => scheduledJobFormSchema(t), [t]);
   const fields = React.useMemo(
-    () => [
-      {
-        id: "name",
-        type: "text",
-        label: t("scheduler.form.name", "Name"),
-        required: true
-      },
-      {
-        id: "description",
-        type: "textarea",
-        label: t("scheduler.form.description", "Description")
-      },
-      {
-        id: "scopeType",
-        type: "select",
-        label: t("scheduler.form.scope_type", "Scope"),
-        required: true,
-        options: [
-          { value: "system", label: t("scheduler.scope.system", "System") },
-          { value: "organization", label: t("scheduler.scope.organization", "Organization") },
-          { value: "tenant", label: t("scheduler.scope.tenant", "Tenant") }
-        ]
-      },
-      {
-        id: "scheduleType",
-        type: "select",
-        label: t("scheduler.form.schedule_type", "Schedule Type"),
-        required: true,
-        options: [
-          { value: "cron", label: t("scheduler.type.cron", "Cron Expression") },
-          { value: "interval", label: t("scheduler.type.interval", "Simple Interval") }
-        ]
-      },
-      {
-        id: "scheduleValue",
-        type: "text",
-        label: t("scheduler.form.schedule_value", "Schedule Value"),
-        placeholder: t("scheduler.form.schedule_value.placeholder", "e.g. 0 */6 * * * or 15m"),
-        description: t("scheduler.form.schedule_value.description", 'For cron: use cron expression (e.g., "0 0 * * *"). For interval: use format like "15m", "2h", "1d" (s=seconds, m=minutes, h=hours, d=days)'),
-        required: true
-      },
-      {
-        id: "timezone",
-        type: "combobox",
-        label: t("scheduler.form.timezone", "Timezone"),
-        placeholder: t("scheduler.form.timezone.placeholder", "Search timezone..."),
-        required: true,
-        loadOptions: loadTimezoneOptions,
-        allowCustomValues: false
-      },
-      {
-        id: "targetType",
-        type: "select",
-        label: t("scheduler.form.target_type", "Target Type"),
-        required: true,
-        options: [
-          { value: "queue", label: t("scheduler.target.queue", "Queue") },
-          { value: "command", label: t("scheduler.target.command", "Command") }
-        ]
-      },
-      {
-        id: "targetFields",
-        type: "custom",
-        label: "",
-        component: ({ values, setFormValue }) => {
-          const targetType = values?.targetType;
-          const targetQueue = values?.targetQueue || "";
-          const targetCommand = values?.targetCommand || "";
-          return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-            targetType === "queue" && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ jsx(Label, { htmlFor: "targetQueue", children: t("scheduler.form.target_queue", "Target Queue") }),
-              /* @__PURE__ */ jsx(
-                ComboboxInput,
-                {
-                  value: targetQueue,
-                  onChange: (next) => setFormValue && setFormValue("targetQueue", next),
-                  placeholder: t("scheduler.form.target_queue.placeholder", "Search queues..."),
-                  loadSuggestions: loadQueueOptions,
-                  allowCustomValues: true
-                }
-              )
-            ] }),
-            targetType === "command" && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ jsx(Label, { htmlFor: "targetCommand", children: t("scheduler.form.target_command", "Target Command") }),
-              /* @__PURE__ */ jsx(
-                ComboboxInput,
-                {
-                  value: targetCommand,
-                  onChange: (next) => setFormValue && setFormValue("targetCommand", next),
-                  placeholder: t("scheduler.form.target_command.placeholder", "Search commands..."),
-                  loadSuggestions: loadCommandOptions,
-                  allowCustomValues: false
-                }
-              )
-            ] })
-          ] });
-        }
-      },
-      {
-        id: "targetPayload",
-        type: "custom",
-        label: t("scheduler.form.target_payload", "Job Arguments (JSON)"),
-        description: t("scheduler.form.target_payload.description", "Optional JSON payload. Fields tenantId and organizationId are injected automatically at execution time."),
-        component: (props) => /* @__PURE__ */ jsx(PayloadJsonEditor, { ...props })
-      }
-    ],
-    [t, loadTimezoneOptions, loadQueueOptions, loadCommandOptions]
-  );
-  const groups = React.useMemo(
-    () => [
-      {
-        id: "basic",
-        title: t("scheduler.form.group.basic", "Basic Information"),
-        fields: ["name", "description", "scopeType"]
-      },
-      {
-        id: "schedule",
-        title: t("scheduler.form.group.schedule", "Schedule Configuration"),
-        fields: ["scheduleType", "scheduleValue", "timezone"]
-      },
-      {
-        id: "target",
-        title: t("scheduler.form.group.target", "Target Configuration"),
-        fields: ["targetType", "targetFields", "targetPayload"]
-      }
-    ],
-    [t]
+    () => scheduledJobFields(t, { loadQueueOptions, loadCommandOptions, loadTimezoneOptions }),
+    [t, loadQueueOptions, loadCommandOptions]
   );
+  const groups = React.useMemo(() => scheduledJobGroups(t), [t]);
   if (loading) {
     return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(LoadingMessage, { label: t("scheduler.loading", "Loading schedule...") }) }) });
   }
@@ -260,27 +83,12 @@ function EditSchedulePage({ params }) {
       submitLabel: t("scheduler.form.save", "Save Changes"),
       cancelHref: "/backend/config/scheduled-jobs",
       schema: formSchema,
-      extraActions: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "enabled-switch", className: "text-sm font-medium cursor-pointer", children: isEnabled ? t("scheduler.form.enabled", "Enabled") : t("scheduler.form.disabled", "Disabled") }),
-        /* @__PURE__ */ jsx(
-          Switch,
-          {
-            id: "enabled-switch",
-            checked: isEnabled,
-            onCheckedChange: setIsEnabled
-          }
-        )
-      ] }),
+      extraActions: /* @__PURE__ */ jsx(ScheduledJobEnabledSwitch, { isEnabled, setIsEnabled, t }),
       onSubmit: async (values) => {
-        const targetPayload = values.targetPayload && Object.keys(values.targetPayload).length > 0 ? values.targetPayload : null;
+        const payload = buildScheduledJobPayload(values, isEnabled);
         await updateCrud(
           "scheduler/jobs",
-          {
-            id: params.id,
-            ...values,
-            targetPayload,
-            isEnabled
-          }
+          { id: params.id, ...payload }
         );
         flash(t("scheduler.success.updated", "Schedule updated successfully"), "success");
         router.push("/backend/config/scheduled-jobs");

package/dist/modules/scheduler/backend/config/scheduled-jobs/[id]/edit/page.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/modules/scheduler/backend/config/scheduled-jobs/%5Bid%5D/edit/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 { CrudForm, type CrudField, type CrudFormGroup, type CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\nimport { updateCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { apiCall, apiCallOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { Switch } from '@open-mercato/ui/primitives/switch'\nimport { z } from 'zod'\nimport { ComboboxInput, type ComboboxOption } from '@open-mercato/ui/backend/inputs/ComboboxInput'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { JsonBuilder } from '@open-mercato/ui/backend/JsonBuilder'\n\ntype ScheduleFormValues = {\n  name: string\n  description?: string\n  scopeType: 'system' | 'organization' | 'tenant'\n  scheduleType: 'cron' | 'interval'\n  scheduleValue: string\n  timezone?: string\n  targetType: 'queue' | 'command'\n  targetQueue?: string\n  targetCommand?: string\n  targetPayload?: Record<string, unknown>\n  isEnabled: boolean\n}\n\ntype ScheduleData = {\n  id: string\n  name: string\n  description?: string | null\n  scopeType: 'system' | 'organization' | 'tenant'\n  scheduleType: 'cron' | 'interval'\n  scheduleValue: string\n  timezone: string\n  targetType: 'queue' | 'command'\n  targetQueue?: string | null\n  targetCommand?: string | null\n  targetPayload?: Record<string, unknown> | null\n  isEnabled: boolean\n}\n\ntype TargetOptions = {\n  queues: ComboboxOption[]\n  commands: ComboboxOption[]\n}\n\nfunction PayloadJsonEditor({ value, setValue, disabled }: CrudCustomFieldRenderProps) {\n  return (\n    <JsonBuilder\n      value={value || {}}\n      onChange={setValue}\n      disabled={disabled}\n    />\n  )\n}\n\nexport default function EditSchedulePage({ params }: { params: { id: string } }) {\n  const t = useT()\n  const router = useRouter()\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [initialData, setInitialData] = React.useState<Partial<ScheduleFormValues> | null>(null)\n  const [isEnabled, setIsEnabled] = React.useState(false)\n  const targetOptionsRef = React.useRef<TargetOptions | null>(null)\n\n  const loadTargetOptions = React.useCallback(async (): Promise<TargetOptions> => {\n    if (targetOptionsRef.current) return targetOptionsRef.current\n    try {\n      const { result } = await apiCall<TargetOptions>('/api/scheduler/targets')\n      const options = result ?? { queues: [], commands: [] }\n      targetOptionsRef.current = options\n      return options\n    } catch {\n      return { queues: [], commands: [] }\n    }\n  }, [])\n\n  const loadQueueOptions = React.useCallback(async (query?: string): Promise<ComboboxOption[]> => {\n    const options = await loadTargetOptions()\n    if (!query) return options.queues\n    const lower = query.toLowerCase()\n    return options.queues.filter((q) => q.label.toLowerCase().includes(lower))\n  }, [loadTargetOptions])\n\n  const loadCommandOptions = React.useCallback(async (query?: string): Promise<ComboboxOption[]> => {\n    const options = await loadTargetOptions()\n    if (!query) return options.commands\n    const lower = query.toLowerCase()\n    return options.commands.filter((c) => c.label.toLowerCase().includes(lower))\n  }, [loadTargetOptions])\n\n  // Load timezone options - filtering on query for better performance\n  const loadTimezoneOptions = React.useCallback(async (query?: string) => {\n    try {\n      const allTz = Intl.supportedValuesOf('timeZone')\n      const filtered = query\n        ? allTz.filter((tz) => tz.toLowerCase().includes(query.toLowerCase()))\n        : allTz\n      return filtered.slice(0, 100).map((tz) => ({\n        value: tz,\n        label: tz,\n      }))\n    } catch {\n      return [{ value: 'UTC', label: 'UTC' }]\n    }\n  }, [])\n\n  React.useEffect(() => {\n    async function fetchSchedule() {\n      try {\n        const { result } = await apiCallOrThrow<{ items: ScheduleData[] }>(\n          `/api/scheduler/jobs?id=${params.id}`\n        )\n\n        const schedule = result?.items?.[0]\n        if (schedule) {\n          setIsEnabled(schedule.isEnabled)\n          \n          setInitialData({\n            name: schedule.name,\n            description: schedule.description || undefined,\n            scopeType: schedule.scopeType,\n            scheduleType: schedule.scheduleType,\n            scheduleValue: schedule.scheduleValue,\n            timezone: schedule.timezone,\n            targetType: schedule.targetType,\n            targetQueue: schedule.targetQueue || undefined,\n            targetCommand: schedule.targetCommand || undefined,\n            targetPayload: (schedule.targetPayload && Object.keys(schedule.targetPayload).length > 0)\n              ? schedule.targetPayload\n              : undefined,\n            isEnabled: schedule.isEnabled,\n          })\n        }\n      } catch (err) {\n        setError(t('scheduler.error.load_failed', 'Failed to load schedule'))\n      } finally {\n        setLoading(false)\n      }\n    }\n\n    fetchSchedule()\n  }, [params.id, t])\n\n  const formSchema = React.useMemo(\n    () =>\n      z.object({\n        name: z.string().min(1, t('scheduler.form.name.required', 'Name is required')),\n        description: z.string().optional(),\n        scopeType: z.enum(['system', 'organization', 'tenant']),\n        scheduleType: z.enum(['cron', 'interval']),\n        scheduleValue: z.string().min(1, t('scheduler.form.schedule.required', 'Schedule is required')),\n        timezone: z.string(),\n        targetType: z.enum(['queue', 'command']),\n        targetQueue: z.string().optional(),\n        targetCommand: z.string().optional(),\n        targetPayload: z.record(z.string(), z.unknown()).optional(),\n        isEnabled: z.boolean(),\n      }),\n    [t]\n  )\n\n  const fields = React.useMemo<CrudField[]>(\n    () => [\n      {\n        id: 'name',\n        type: 'text',\n        label: t('scheduler.form.name', 'Name'),\n        required: true,\n      },\n      {\n        id: 'description',\n        type: 'textarea',\n        label: t('scheduler.form.description', 'Description'),\n      },\n      {\n        id: 'scopeType',\n        type: 'select',\n        label: t('scheduler.form.scope_type', 'Scope'),\n        required: true,\n        options: [\n          { value: 'system', label: t('scheduler.scope.system', 'System') },\n          { value: 'organization', label: t('scheduler.scope.organization', 'Organization') },\n          { value: 'tenant', label: t('scheduler.scope.tenant', 'Tenant') },\n        ],\n      },\n      {\n        id: 'scheduleType',\n        type: 'select',\n        label: t('scheduler.form.schedule_type', 'Schedule Type'),\n        required: true,\n        options: [\n          { value: 'cron', label: t('scheduler.type.cron', 'Cron Expression') },\n          { value: 'interval', label: t('scheduler.type.interval', 'Simple Interval') },\n        ],\n      },\n      {\n        id: 'scheduleValue',\n        type: 'text',\n        label: t('scheduler.form.schedule_value', 'Schedule Value'),\n        placeholder: t('scheduler.form.schedule_value.placeholder', 'e.g. 0 */6 * * * or 15m'),\n        description: t('scheduler.form.schedule_value.description', 'For cron: use cron expression (e.g., \"0 0 * * *\"). For interval: use format like \"15m\", \"2h\", \"1d\" (s=seconds, m=minutes, h=hours, d=days)'),\n        required: true,\n      },\n      {\n        id: 'timezone',\n        type: 'combobox',\n        label: t('scheduler.form.timezone', 'Timezone'),\n        placeholder: t('scheduler.form.timezone.placeholder', 'Search timezone...'),\n        required: true,\n        loadOptions: loadTimezoneOptions,\n        allowCustomValues: false,\n      },\n      {\n        id: 'targetType',\n        type: 'select',\n        label: t('scheduler.form.target_type', 'Target Type'),\n        required: true,\n        options: [\n          { value: 'queue', label: t('scheduler.target.queue', 'Queue') },\n          { value: 'command', label: t('scheduler.target.command', 'Command') },\n        ],\n      },\n      {\n        id: 'targetFields',\n        type: 'custom',\n        label: '',\n        component: ({ values, setFormValue }) => {\n          const targetType = values?.targetType as string | undefined\n          const targetQueue = (values?.targetQueue as string) || ''\n          const targetCommand = (values?.targetCommand as string) || ''\n\n          return (\n            <div className=\"space-y-4\">\n              {targetType === 'queue' && (\n                <div className=\"space-y-1\">\n                  <Label htmlFor=\"targetQueue\">\n                    {t('scheduler.form.target_queue', 'Target Queue')}\n                  </Label>\n                  <ComboboxInput\n                    value={targetQueue}\n                    onChange={(next) => setFormValue && setFormValue('targetQueue', next)}\n                    placeholder={t('scheduler.form.target_queue.placeholder', 'Search queues...')}\n                    loadSuggestions={loadQueueOptions}\n                    allowCustomValues={true}\n                  />\n                </div>\n              )}\n              {targetType === 'command' && (\n                <div className=\"space-y-1\">\n                  <Label htmlFor=\"targetCommand\">\n                    {t('scheduler.form.target_command', 'Target Command')}\n                  </Label>\n                  <ComboboxInput\n                    value={targetCommand}\n                    onChange={(next) => setFormValue && setFormValue('targetCommand', next)}\n                    placeholder={t('scheduler.form.target_command.placeholder', 'Search commands...')}\n                    loadSuggestions={loadCommandOptions}\n                    allowCustomValues={false}\n                  />\n                </div>\n              )}\n            </div>\n          )\n        },\n      },\n      {\n        id: 'targetPayload',\n        type: 'custom',\n        label: t('scheduler.form.target_payload', 'Job Arguments (JSON)'),\n        description: t('scheduler.form.target_payload.description', 'Optional JSON payload. Fields tenantId and organizationId are injected automatically at execution time.'),\n        component: (props) => <PayloadJsonEditor {...props} />,\n      },\n    ],\n    [t, loadTimezoneOptions, loadQueueOptions, loadCommandOptions]\n  )\n\n  const groups = React.useMemo<CrudFormGroup[]>(\n    () => [\n      {\n        id: 'basic',\n        title: t('scheduler.form.group.basic', 'Basic Information'),\n        fields: ['name', 'description', 'scopeType'],\n      },\n      {\n        id: 'schedule',\n        title: t('scheduler.form.group.schedule', 'Schedule Configuration'),\n        fields: ['scheduleType', 'scheduleValue', 'timezone'],\n      },\n      {\n        id: 'target',\n        title: t('scheduler.form.group.target', 'Target Configuration'),\n        fields: ['targetType', 'targetFields', 'targetPayload'],\n      },\n    ],\n    [t]\n  )\n\n  if (loading) {\n    return (\n      <Page>\n        <PageBody>\n          <LoadingMessage label={t('scheduler.loading', 'Loading schedule...')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error || !initialData) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage label={error || t('scheduler.error.not_found', 'Schedule not found')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <CrudForm<ScheduleFormValues>\n          title={t('scheduler.edit.title', 'Edit Schedule')}\n          backHref=\"/backend/config/scheduled-jobs\"\n          fields={fields}\n          groups={groups}\n          initialValues={initialData}\n          submitLabel={t('scheduler.form.save', 'Save Changes')}\n          cancelHref=\"/backend/config/scheduled-jobs\"\n          schema={formSchema}\n          extraActions={\n            <div className=\"flex items-center gap-2\">\n              <Label htmlFor=\"enabled-switch\" className=\"text-sm font-medium cursor-pointer\">\n                {isEnabled ? t('scheduler.form.enabled', 'Enabled') : t('scheduler.form.disabled', 'Disabled')}\n              </Label>\n              <Switch\n                id=\"enabled-switch\"\n                checked={isEnabled}\n                onCheckedChange={setIsEnabled}\n              />\n            </div>\n          }\n          onSubmit={async (values) => {\n            const targetPayload = values.targetPayload && Object.keys(values.targetPayload).length > 0\n              ? values.targetPayload\n              : null\n\n            await updateCrud(\n              'scheduler/jobs',\n              { \n                id: params.id, \n                ...values, \n                targetPayload,\n                isEnabled \n              }\n            )\n\n            flash(t('scheduler.success.updated', 'Schedule updated successfully'), 'success')\n            router.push('/backend/config/scheduled-jobs')\n          }}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { CrudForm } from '@open-mercato/ui/backend/CrudForm'\nimport { updateCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { apiCall, apiCallOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport {\n  type ScheduleFormValues,\n  createTargetOptionsLoader,\n  loadTimezoneOptions,\n  scheduledJobFormSchema,\n  scheduledJobFields,\n  scheduledJobGroups,\n  ScheduledJobEnabledSwitch,\n  buildScheduledJobPayload,\n} from '../../../../../lib/scheduledJobFormConfig'\n\ntype ScheduleData = {\n  id: string\n  name: string\n  description?: string | null\n  scopeType: 'system' | 'organization' | 'tenant'\n  scheduleType: 'cron' | 'interval'\n  scheduleValue: string\n  timezone: string\n  targetType: 'queue' | 'command'\n  targetQueue?: string | null\n  targetCommand?: string | null\n  targetPayload?: Record<string, unknown> | null\n  isEnabled: boolean\n}\n\nexport default function EditSchedulePage({ params }: { params: { id: string } }) {\n  const t = useT()\n  const router = useRouter()\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [initialData, setInitialData] = React.useState<Partial<ScheduleFormValues> | null>(null)\n  const [isEnabled, setIsEnabled] = React.useState(false)\n\n  const { loadQueueOptions, loadCommandOptions } = React.useMemo(\n    () => createTargetOptionsLoader(apiCall),\n    []\n  )\n\n  React.useEffect(() => {\n    async function fetchSchedule() {\n      try {\n        const { result } = await apiCallOrThrow<{ items: ScheduleData[] }>(\n          `/api/scheduler/jobs?id=${params.id}`\n        )\n\n        const schedule = result?.items?.[0]\n        if (schedule) {\n          setIsEnabled(schedule.isEnabled)\n\n          setInitialData({\n            name: schedule.name,\n            description: schedule.description || undefined,\n            scopeType: schedule.scopeType,\n            scheduleType: schedule.scheduleType,\n            scheduleValue: schedule.scheduleValue,\n            timezone: schedule.timezone,\n            targetType: schedule.targetType,\n            targetQueue: schedule.targetQueue || undefined,\n            targetCommand: schedule.targetCommand || undefined,\n            targetPayload: (schedule.targetPayload && Object.keys(schedule.targetPayload).length > 0)\n              ? schedule.targetPayload\n              : undefined,\n            isEnabled: schedule.isEnabled,\n          })\n        }\n      } catch (err) {\n        setError(t('scheduler.error.load_failed', 'Failed to load schedule'))\n      } finally {\n        setLoading(false)\n      }\n    }\n\n    fetchSchedule()\n  }, [params.id, t])\n\n  const formSchema = React.useMemo(() => scheduledJobFormSchema(t), [t])\n\n  const fields = React.useMemo(\n    () => scheduledJobFields(t, { loadQueueOptions, loadCommandOptions, loadTimezoneOptions }),\n    [t, loadQueueOptions, loadCommandOptions]\n  )\n\n  const groups = React.useMemo(() => scheduledJobGroups(t), [t])\n\n  if (loading) {\n    return (\n      <Page>\n        <PageBody>\n          <LoadingMessage label={t('scheduler.loading', 'Loading schedule...')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error || !initialData) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage label={error || t('scheduler.error.not_found', 'Schedule not found')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <CrudForm<ScheduleFormValues>\n          title={t('scheduler.edit.title', 'Edit Schedule')}\n          backHref=\"/backend/config/scheduled-jobs\"\n          fields={fields}\n          groups={groups}\n          initialValues={initialData}\n          submitLabel={t('scheduler.form.save', 'Save Changes')}\n          cancelHref=\"/backend/config/scheduled-jobs\"\n          schema={formSchema}\n          extraActions={\n            <ScheduledJobEnabledSwitch isEnabled={isEnabled} setIsEnabled={setIsEnabled} t={t} />\n          }\n          onSubmit={async (values) => {\n            const payload = buildScheduledJobPayload(values, isEnabled)\n\n            await updateCrud(\n              'scheduler/jobs',\n              { id: params.id, ...payload }\n            )\n\n            flash(t('scheduler.success.updated', 'Schedule updated successfully'), 'success')\n            router.push('/backend/config/scheduled-jobs')\n          }}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": ";AAoGU;AAlGV,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAC1B,SAAS,MAAM,gBAAgB;AAC/B,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,SAAS,sBAAsB;AACxC,SAAS,gBAAgB,oBAAoB;AAC7C,SAAS,YAAY;AACrB,SAAS,aAAa;AACtB;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAiBQ,SAAR,iBAAkC,EAAE,OAAO,GAA+B;AAC/E,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,UAAU;AACzB,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,IAAI;AACjD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,IAAI;AAC5D,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAA6C,IAAI;AAC7F,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,KAAK;AAEtD,QAAM,EAAE,kBAAkB,mBAAmB,IAAI,MAAM;AAAA,IACrD,MAAM,0BAA0B,OAAO;AAAA,IACvC,CAAC;AAAA,EACH;AAEA,QAAM,UAAU,MAAM;AACpB,mBAAe,gBAAgB;AAC7B,UAAI;AACF,cAAM,EAAE,OAAO,IAAI,MAAM;AAAA,UACvB,0BAA0B,OAAO,EAAE;AAAA,QACrC;AAEA,cAAM,WAAW,QAAQ,QAAQ,CAAC;AAClC,YAAI,UAAU;AACZ,uBAAa,SAAS,SAAS;AAE/B,yBAAe;AAAA,YACb,MAAM,SAAS;AAAA,YACf,aAAa,SAAS,eAAe;AAAA,YACrC,WAAW,SAAS;AAAA,YACpB,cAAc,SAAS;AAAA,YACvB,eAAe,SAAS;AAAA,YACxB,UAAU,SAAS;AAAA,YACnB,YAAY,SAAS;AAAA,YACrB,aAAa,SAAS,eAAe;AAAA,YACrC,eAAe,SAAS,iBAAiB;AAAA,YACzC,eAAgB,SAAS,iBAAiB,OAAO,KAAK,SAAS,aAAa,EAAE,SAAS,IACnF,SAAS,gBACT;AAAA,YACJ,WAAW,SAAS;AAAA,UACtB,CAAC;AAAA,QACH;AAAA,MACF,SAAS,KAAK;AACZ,iBAAS,EAAE,+BAA+B,yBAAyB,CAAC;AAAA,MACtE,UAAE;AACA,mBAAW,KAAK;AAAA,MAClB;AAAA,IACF;AAEA,kBAAc;AAAA,EAChB,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC;AAEjB,QAAM,aAAa,MAAM,QAAQ,MAAM,uBAAuB,CAAC,GAAG,CAAC,CAAC,CAAC;AAErE,QAAM,SAAS,MAAM;AAAA,IACnB,MAAM,mBAAmB,GAAG,EAAE,kBAAkB,oBAAoB,oBAAoB,CAAC;AAAA,IACzF,CAAC,GAAG,kBAAkB,kBAAkB;AAAA,EAC1C;AAEA,QAAM,SAAS,MAAM,QAAQ,MAAM,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC;AAE7D,MAAI,SAAS;AACX,WACE,oBAAC,QACC,8BAAC,YACC,8BAAC,kBAAe,OAAO,EAAE,qBAAqB,qBAAqB,GAAG,GACxE,GACF;AAAA,EAEJ;AAEA,MAAI,SAAS,CAAC,aAAa;AACzB,WACE,oBAAC,QACC,8BAAC,YACC,8BAAC,gBAAa,OAAO,SAAS,EAAE,6BAA6B,oBAAoB,GAAG,GACtF,GACF;AAAA,EAEJ;AAEA,SACE,oBAAC,QACC,8BAAC,YACC;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,wBAAwB,eAAe;AAAA,MAChD,UAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA,eAAe;AAAA,MACf,aAAa,EAAE,uBAAuB,cAAc;AAAA,MACpD,YAAW;AAAA,MACX,QAAQ;AAAA,MACR,cACE,oBAAC,6BAA0B,WAAsB,cAA4B,GAAM;AAAA,MAErF,UAAU,OAAO,WAAW;AAC1B,cAAM,UAAU,yBAAyB,QAAQ,SAAS;AAE1D,cAAM;AAAA,UACJ;AAAA,UACA,EAAE,IAAI,OAAO,IAAI,GAAG,QAAQ;AAAA,QAC9B;AAEA,cAAM,EAAE,6BAA6B,+BAA+B,GAAG,SAAS;AAChF,eAAO,KAAK,gCAAgC;AAAA,MAC9C;AAAA;AAAA,EACF,GACF,GACF;AAEJ;",
   "names": []
 }

package/dist/modules/scheduler/backend/config/scheduled-jobs/new/page.js CHANGED Viewed

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { useRouter } from "next/navigation";
 import { Page, PageBody } from "@open-mercato/ui/backend/Page";
@@ -7,207 +7,30 @@ import { CrudForm } from "@open-mercato/ui/backend/CrudForm";
 import { createCrud } from "@open-mercato/ui/backend/utils/crud";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
-import { Switch } from "@open-mercato/ui/primitives/switch";
-import { Label } from "@open-mercato/ui/primitives/label";
-import { z } from "zod";
-import { ComboboxInput } from "@open-mercato/ui/backend/inputs/ComboboxInput";
 import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
-import { JsonBuilder } from "@open-mercato/ui/backend/JsonBuilder";
-function PayloadJsonEditor({ value, setValue, disabled }) {
-  return /* @__PURE__ */ jsx(
-    JsonBuilder,
-    {
-      value: value || {},
-      onChange: setValue,
-      disabled
-    }
-  );
-}
+import {
+  createTargetOptionsLoader,
+  loadTimezoneOptions,
+  scheduledJobFormSchema,
+  scheduledJobFields,
+  scheduledJobGroups,
+  ScheduledJobEnabledSwitch,
+  buildScheduledJobPayload
+} from "../../../../lib/scheduledJobFormConfig.js";
 function NewSchedulePage() {
   const t = useT();
   const router = useRouter();
   const [isEnabled, setIsEnabled] = React.useState(true);
-  const targetOptionsRef = React.useRef(null);
-  const loadTargetOptions = React.useCallback(async () => {
-    if (targetOptionsRef.current) return targetOptionsRef.current;
-    try {
-      const { result } = await apiCall("/api/scheduler/targets");
-      const options = result ?? { queues: [], commands: [] };
-      targetOptionsRef.current = options;
-      return options;
-    } catch {
-      return { queues: [], commands: [] };
-    }
-  }, []);
-  const loadQueueOptions = React.useCallback(async (query) => {
-    const options = await loadTargetOptions();
-    if (!query) return options.queues;
-    const lower = query.toLowerCase();
-    return options.queues.filter((q) => q.label.toLowerCase().includes(lower));
-  }, [loadTargetOptions]);
-  const loadCommandOptions = React.useCallback(async (query) => {
-    const options = await loadTargetOptions();
-    if (!query) return options.commands;
-    const lower = query.toLowerCase();
-    return options.commands.filter((c) => c.label.toLowerCase().includes(lower));
-  }, [loadTargetOptions]);
-  const loadTimezoneOptions = React.useCallback(async (query) => {
-    try {
-      const allTz = Intl.supportedValuesOf("timeZone");
-      const filtered = query ? allTz.filter((tz) => tz.toLowerCase().includes(query.toLowerCase())) : allTz;
-      return filtered.slice(0, 100).map((tz) => ({
-        value: tz,
-        label: tz
-      }));
-    } catch {
-      return [{ value: "UTC", label: "UTC" }];
-    }
-  }, []);
-  const formSchema = React.useMemo(
-    () => z.object({
-      name: z.string().min(1, t("scheduler.form.name.required", "Name is required")),
-      description: z.string().optional(),
-      scopeType: z.enum(["system", "organization", "tenant"]),
-      scheduleType: z.enum(["cron", "interval"]),
-      scheduleValue: z.string().min(1, t("scheduler.form.schedule.required", "Schedule is required")),
-      timezone: z.string(),
-      targetType: z.enum(["queue", "command"]),
-      targetQueue: z.string().optional(),
-      targetCommand: z.string().optional(),
-      targetPayload: z.record(z.string(), z.unknown()).optional(),
-      isEnabled: z.boolean()
-    }),
-    [t]
+  const { loadQueueOptions, loadCommandOptions } = React.useMemo(
+    () => createTargetOptionsLoader(apiCall),
+    []
   );
+  const formSchema = React.useMemo(() => scheduledJobFormSchema(t), [t]);
   const fields = React.useMemo(
-    () => [
-      {
-        id: "name",
-        type: "text",
-        label: t("scheduler.form.name", "Name"),
-        required: true
-      },
-      {
-        id: "description",
-        type: "textarea",
-        label: t("scheduler.form.description", "Description")
-      },
-      {
-        id: "scopeType",
-        type: "select",
-        label: t("scheduler.form.scope_type", "Scope"),
-        required: true,
-        options: [
-          { value: "system", label: t("scheduler.scope.system", "System") },
-          { value: "organization", label: t("scheduler.scope.organization", "Organization") },
-          { value: "tenant", label: t("scheduler.scope.tenant", "Tenant") }
-        ]
-      },
-      {
-        id: "scheduleType",
-        type: "select",
-        label: t("scheduler.form.schedule_type", "Schedule Type"),
-        required: true,
-        options: [
-          { value: "cron", label: t("scheduler.type.cron", "Cron Expression") },
-          { value: "interval", label: t("scheduler.type.interval", "Simple Interval") }
-        ]
-      },
-      {
-        id: "scheduleValue",
-        type: "text",
-        label: t("scheduler.form.schedule_value", "Schedule Value"),
-        placeholder: t("scheduler.form.schedule_value.placeholder", "e.g. 0 */6 * * * or 15m"),
-        description: t("scheduler.form.schedule_value.description", 'For cron: use cron expression (e.g., "0 0 * * *"). For interval: use format like "15m", "2h", "1d" (s=seconds, m=minutes, h=hours, d=days)'),
-        required: true
-      },
-      {
-        id: "timezone",
-        type: "combobox",
-        label: t("scheduler.form.timezone", "Timezone"),
-        placeholder: t("scheduler.form.timezone.placeholder", "Search timezone..."),
-        required: true,
-        loadOptions: loadTimezoneOptions,
-        allowCustomValues: false
-      },
-      {
-        id: "targetType",
-        type: "select",
-        label: t("scheduler.form.target_type", "Target Type"),
-        required: true,
-        options: [
-          { value: "queue", label: t("scheduler.target.queue", "Queue") },
-          { value: "command", label: t("scheduler.target.command", "Command") }
-        ]
-      },
-      {
-        id: "targetFields",
-        type: "custom",
-        label: "",
-        component: ({ values, setFormValue }) => {
-          const targetType = values?.targetType;
-          const targetQueue = values?.targetQueue || "";
-          const targetCommand = values?.targetCommand || "";
-          return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-            targetType === "queue" && /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx(Label, { htmlFor: "targetQueue", children: t("scheduler.form.target_queue", "Target Queue") }),
-              /* @__PURE__ */ jsx(
-                ComboboxInput,
-                {
-                  value: targetQueue,
-                  onChange: (next) => setFormValue && setFormValue("targetQueue", next),
-                  placeholder: t("scheduler.form.target_queue.placeholder", "Search queues..."),
-                  loadSuggestions: loadQueueOptions,
-                  allowCustomValues: true
-                }
-              )
-            ] }),
-            targetType === "command" && /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx(Label, { htmlFor: "targetCommand", children: t("scheduler.form.target_command", "Target Command") }),
-              /* @__PURE__ */ jsx(
-                ComboboxInput,
-                {
-                  value: targetCommand,
-                  onChange: (next) => setFormValue && setFormValue("targetCommand", next),
-                  placeholder: t("scheduler.form.target_command.placeholder", "Search commands..."),
-                  loadSuggestions: loadCommandOptions,
-                  allowCustomValues: false
-                }
-              )
-            ] })
-          ] });
-        }
-      },
-      {
-        id: "targetPayload",
-        type: "custom",
-        label: t("scheduler.form.target_payload", "Job Arguments (JSON)"),
-        description: t("scheduler.form.target_payload.description", "Optional JSON payload. Fields tenantId and organizationId are injected automatically at execution time."),
-        component: (props) => /* @__PURE__ */ jsx(PayloadJsonEditor, { ...props })
-      }
-    ],
-    [t, loadTimezoneOptions, loadQueueOptions, loadCommandOptions]
-  );
-  const groups = React.useMemo(
-    () => [
-      {
-        id: "basic",
-        title: t("scheduler.form.group.basic", "Basic Information"),
-        fields: ["name", "description", "scopeType"]
-      },
-      {
-        id: "schedule",
-        title: t("scheduler.form.group.schedule", "Schedule Configuration"),
-        fields: ["scheduleType", "scheduleValue", "timezone"]
-      },
-      {
-        id: "target",
-        title: t("scheduler.form.group.target", "Target Configuration"),
-        fields: ["targetType", "targetFields", "targetPayload"]
-      }
-    ],
-    [t]
+    () => scheduledJobFields(t, { loadQueueOptions, loadCommandOptions, loadTimezoneOptions }),
+    [t, loadQueueOptions, loadCommandOptions]
   );
+  const groups = React.useMemo(() => scheduledJobGroups(t), [t]);
   const initialValues = React.useMemo(
     () => ({
       scopeType: "tenant",
@@ -229,26 +52,12 @@ function NewSchedulePage() {
       submitLabel: t("scheduler.form.submit", "Create Schedule"),
       cancelHref: "/backend/config/scheduled-jobs",
       schema: formSchema,
-      extraActions: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "enabled-switch", className: "text-sm font-medium cursor-pointer", children: isEnabled ? t("scheduler.form.enabled", "Enabled") : t("scheduler.form.disabled", "Disabled") }),
-        /* @__PURE__ */ jsx(
-          Switch,
-          {
-            id: "enabled-switch",
-            checked: isEnabled,
-            onCheckedChange: setIsEnabled
-          }
-        )
-      ] }),
+      extraActions: /* @__PURE__ */ jsx(ScheduledJobEnabledSwitch, { isEnabled, setIsEnabled, t }),
       onSubmit: async (values) => {
-        const targetPayload = values.targetPayload && Object.keys(values.targetPayload).length > 0 ? values.targetPayload : null;
+        const payload = buildScheduledJobPayload(values, isEnabled);
         await createCrud(
           "scheduler/jobs",
-          {
-            ...values,
-            targetPayload,
-            isEnabled
-          }
+          payload
         );
         flash(t("scheduler.success.created", "Schedule created successfully"), "success");
         router.push("/backend/config/scheduled-jobs");