@open-mercato/core 0.6.7-develop.6863.1.61001cf9a8 → 0.6.7

package/dist/modules/business_rules/components/ActionRow.js

@@ -2,9 +2,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { X, ChevronUp, ChevronDown } from "lucide-react";
 import { Input } from "@open-mercato/ui/primitives/input";
-import { Textarea } from "@open-mercato/ui/primitives/textarea";
-import { IconButton } from "@open-mercato/ui/primitives/icon-button";
-import { ComboboxInput } from "@open-mercato/ui/backend/inputs";
 import {
   Select,
   SelectContent,
@@ -23,8 +20,7 @@ function ActionRow({
   onMoveDown,
   canMoveUp,
   canMoveDown,
-  error,
-  openMercatoOptions
+  error
 }) {
   const t = useT();
   const actionTypes = getActionTypeOptions(t);
@@ -47,85 +43,6 @@ function ActionRow({
       }
     });
   };
-  const renderOpenMercatoConfig = () => {
-    const options = openMercatoOptions ?? { endpoints: [], apiKeys: [], loading: false, error: null };
-    const endpointValue = action.config?.endpoint && action.config?.method ? `${String(action.config.method).toUpperCase()} ${action.config.endpoint}` : void 0;
-    const apiKeyValue = action.config?.apiKeyId || void 0;
-    const endpointOptions = options.endpoints.map((option) => ({
-      value: option.id,
-      label: option.label,
-      description: option.summary || option.operationId || null
-    }));
-    const bodyValue = action.config?.body == null ? "" : typeof action.config.body === "string" ? action.config.body : JSON.stringify(action.config.body, null, 2);
-    const handleEndpointChange = (value) => {
-      const option = options.endpoints.find((candidate) => candidate.id === value);
-      if (!option) return;
-      onChange(index, {
-        ...action,
-        config: {
-          ...action.config || {},
-          endpoint: option.path,
-          method: option.method
-        }
-      });
-    };
-    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-      options.loading && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground col-start-2", children: t("business_rules.components.actionRow.openMercato.options.loading") }),
-      options.error && /* @__PURE__ */ jsx("p", { className: "text-xs text-status-error-text col-start-2", children: t("business_rules.components.actionRow.openMercato.options.error", { error: options.error }) }),
-      !options.loading && !options.error && options.endpoints.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground col-start-2", children: t("business_rules.components.actionRow.openMercato.options.noEndpoints") }),
-      !options.loading && !options.error && options.apiKeys.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground col-start-2", children: t("business_rules.components.actionRow.openMercato.options.noApiKeys") }),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-4 gap-2 items-center", children: [
-        /* @__PURE__ */ jsxs("label", { className: "text-xs font-medium text-foreground col-span-1", children: [
-          t("business_rules.components.actionRow.config.endpoint"),
-          " ",
-          /* @__PURE__ */ jsx("span", { className: "text-status-error-text", children: t("business_rules.components.actionRow.actionType.required") })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "col-span-3", children: /* @__PURE__ */ jsx(
-          ComboboxInput,
-          {
-            value: endpointValue ?? "",
-            onChange: handleEndpointChange,
-            suggestions: endpointOptions,
-            placeholder: t("business_rules.components.actionRow.config.endpoint.placeholder"),
-            disabled: options.loading || !!options.error || options.endpoints.length === 0,
-            allowCustomValues: false
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-4 gap-2 items-center", children: [
-        /* @__PURE__ */ jsxs("label", { className: "text-xs font-medium text-foreground col-span-1", children: [
-          t("business_rules.components.actionRow.config.apiKey"),
-          " ",
-          /* @__PURE__ */ jsx("span", { className: "text-status-error-text", children: t("business_rules.components.actionRow.actionType.required") })
-        ] }),
-        /* @__PURE__ */ jsxs(
-          Select,
-          {
-            value: apiKeyValue,
-            onValueChange: (next) => handleConfigChange("apiKeyId", next),
-            disabled: options.loading || !!options.error || options.apiKeys.length === 0,
-            children: [
-              /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", className: "col-span-3", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("business_rules.components.actionRow.config.apiKey.placeholder") }) }),
-              /* @__PURE__ */ jsx(SelectContent, { children: options.apiKeys.map((apiKey) => /* @__PURE__ */ jsx(SelectItem, { value: apiKey.id, children: apiKey.organizationName ? `${apiKey.name} (${apiKey.keyPrefix}, ${apiKey.organizationName})` : `${apiKey.name} (${apiKey.keyPrefix})` }, apiKey.id)) })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-4 gap-2 items-start", children: [
-        /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-foreground col-span-1", children: t("business_rules.components.actionRow.config.body") }),
-        /* @__PURE__ */ jsx(
-          Textarea,
-          {
-            value: bodyValue,
-            onChange: (e) => handleConfigChange("body", e.target.value),
-            placeholder: t("business_rules.components.actionRow.config.body.placeholder"),
-            rows: 3,
-            className: "col-span-3"
-          }
-        )
-      ] })
-    ] });
-  };
   const renderConfigField = (field, required) => {
     const value = action.config?.[field] || "";
     if (field === "recipients" && action.type === "NOTIFY") {
@@ -133,7 +50,7 @@ function ActionRow({
         /* @__PURE__ */ jsxs("label", { className: "text-xs font-medium text-foreground col-span-1", children: [
           t("business_rules.components.actionRow.config.recipients"),
           " ",
-          required && /* @__PURE__ */ jsx("span", { className: "text-status-error-text", children: t("business_rules.components.actionRow.actionType.required") })
+          required && /* @__PURE__ */ jsx("span", { className: "text-red-500", children: t("business_rules.components.actionRow.actionType.required") })
         ] }),
         /* @__PURE__ */ jsx(
           Input,
@@ -196,16 +113,16 @@ function ActionRow({
         /* @__PURE__ */ jsxs("label", { className: "text-xs font-medium text-foreground col-span-1", children: [
           t("business_rules.components.actionRow.config.message"),
           " ",
-          required && /* @__PURE__ */ jsx("span", { className: "text-status-error-text", children: t("business_rules.components.actionRow.actionType.required") })
+          required && /* @__PURE__ */ jsx("span", { className: "text-red-500", children: t("business_rules.components.actionRow.actionType.required") })
         ] }),
         /* @__PURE__ */ jsx(
-          Textarea,
+          "textarea",
           {
             value,
             onChange: (e) => handleConfigChange(field, e.target.value),
             placeholder: t("business_rules.components.actionRow.config.message.placeholder"),
             rows: 2,
-            className: "col-span-3"
+            className: "col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
           }
         ),
         /* @__PURE__ */ jsx("div", { className: "col-span-4 col-start-2", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("business_rules.components.actionRow.config.message.help") }) })
@@ -215,7 +132,7 @@ function ActionRow({
       /* @__PURE__ */ jsxs("label", { className: "text-xs font-medium text-foreground col-span-1", children: [
         field,
         " ",
-        required && /* @__PURE__ */ jsx("span", { className: "text-status-error-text", children: t("business_rules.components.actionRow.actionType.required") })
+        required && /* @__PURE__ */ jsx("span", { className: "text-red-500", children: t("business_rules.components.actionRow.actionType.required") })
       ] }),
       /* @__PURE__ */ jsx(
         Input,
@@ -235,7 +152,7 @@ function ActionRow({
         /* @__PURE__ */ jsxs("label", { className: "text-xs font-medium text-foreground col-span-1", children: [
           t("business_rules.components.actionRow.actionType"),
           " ",
-          /* @__PURE__ */ jsx("span", { className: "text-status-error-text", children: t("business_rules.components.actionRow.actionType.required") })
+          /* @__PURE__ */ jsx("span", { className: "text-red-500", children: t("business_rules.components.actionRow.actionType.required") })
         ] }),
         /* @__PURE__ */ jsxs(
           Select,
@@ -249,49 +166,42 @@ function ActionRow({
           }
         )
       ] }),
-      action.type && /* @__PURE__ */ jsx(Fragment, { children: action.type === "CALL_OPEN_MERCATO" ? renderOpenMercatoConfig() : /* @__PURE__ */ jsxs(Fragment, { children: [
+      action.type && /* @__PURE__ */ jsxs(Fragment, { children: [
         requiredFields.map((field) => renderConfigField(field, true)),
         optionalFields.map((field) => renderConfigField(field, false))
-      ] }) }),
-      error && /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-status-error-text", children: error }) })
+      ] }),
+      error && /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600", children: error }) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
       onMoveUp && /* @__PURE__ */ jsx(
-        IconButton,
+        "button",
         {
           type: "button",
           onClick: () => onMoveUp(index),
           disabled: !canMoveUp,
-          variant: "ghost",
-          size: "xs",
+          className: "p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
           title: t("business_rules.components.actionRow.moveUp"),
-          "aria-label": t("business_rules.components.actionRow.moveUp"),
           children: /* @__PURE__ */ jsx(ChevronUp, { className: "w-4 h-4" })
         }
       ),
       onMoveDown && /* @__PURE__ */ jsx(
-        IconButton,
+        "button",
         {
           type: "button",
           onClick: () => onMoveDown(index),
           disabled: !canMoveDown,
-          variant: "ghost",
-          size: "xs",
+          className: "p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
           title: t("business_rules.components.actionRow.moveDown"),
-          "aria-label": t("business_rules.components.actionRow.moveDown"),
           children: /* @__PURE__ */ jsx(ChevronDown, { className: "w-4 h-4" })
         }
       ),
       /* @__PURE__ */ jsx(
-        IconButton,
+        "button",
         {
           type: "button",
           onClick: () => onDelete(index),
-          variant: "ghost",
-          size: "xs",
-          className: "hover:bg-destructive/10 hover:text-destructive",
+          className: "p-1 text-muted-foreground hover:text-red-600 hover:bg-red-50 dark:hover:bg-red-900/20 rounded transition-colors",
           title: t("business_rules.components.actionRow.delete"),
-          "aria-label": t("business_rules.components.actionRow.delete"),
           children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
         }
       )

package/dist/modules/business_rules/components/ActionRow.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/business_rules/components/ActionRow.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { X, ChevronUp, ChevronDown } from 'lucide-react'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { ComboboxInput, type ComboboxOption } from '@open-mercato/ui/backend/inputs'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport type { Action } from './utils/actionValidation'\nimport { getActionTypeOptions, getRequiredConfigFields, getOptionalConfigFields } from './utils/actionValidation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type {\n  OpenMercatoApiKeyOption,\n  OpenMercatoEndpointOption,\n} from '../lib/openmercato-call-options-types'\n\nexport type OpenMercatoCallOptionsState = {\n  endpoints: OpenMercatoEndpointOption[]\n  apiKeys: OpenMercatoApiKeyOption[]\n  loading: boolean\n  error: string | null\n}\n\nexport type ActionRowProps = {\n  action: Action\n  index: number\n  onChange: (index: number, action: Action) => void\n  onDelete: (index: number) => void\n  onMoveUp?: (index: number) => void\n  onMoveDown?: (index: number) => void\n  canMoveUp?: boolean\n  canMoveDown?: boolean\n  error?: string\n  openMercatoOptions?: OpenMercatoCallOptionsState\n}\n\nexport function ActionRow({\n  action,\n  index,\n  onChange,\n  onDelete,\n  onMoveUp,\n  onMoveDown,\n  canMoveUp,\n  canMoveDown,\n  error,\n  openMercatoOptions,\n}: ActionRowProps) {\n  const t = useT()\n  const actionTypes = getActionTypeOptions(t)\n  const requiredFields = getRequiredConfigFields(action.type)\n  const optionalFields = getOptionalConfigFields(action.type)\n\n  const handleTypeChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    onChange(index, {\n      ...action,\n      type: e.target.value,\n      config: {}, // Reset config when type changes\n    })\n  }\n\n  const handleConfigChange = (field: string, value: any) => {\n    onChange(index, {\n      ...action,\n      config: {\n        ...(action.config || {}),\n        [field]: value,\n      },\n    })\n  }\n\n  const renderOpenMercatoConfig = () => {\n    const options = openMercatoOptions ?? { endpoints: [], apiKeys: [], loading: false, error: null }\n    const endpointValue = action.config?.endpoint && action.config?.method\n      ? `${String(action.config.method).toUpperCase()} ${action.config.endpoint}`\n      : undefined\n    const apiKeyValue = action.config?.apiKeyId || undefined\n    const endpointOptions = options.endpoints.map<ComboboxOption>((option) => ({\n      value: option.id,\n      label: option.label,\n      description: option.summary || option.operationId || null,\n    }))\n    const bodyValue = action.config?.body == null\n      ? ''\n      : typeof action.config.body === 'string'\n        ? action.config.body\n        : JSON.stringify(action.config.body, null, 2)\n\n    const handleEndpointChange = (value: string) => {\n      const option = options.endpoints.find((candidate) => candidate.id === value)\n      if (!option) return\n      onChange(index, {\n        ...action,\n        config: {\n          ...(action.config || {}),\n          endpoint: option.path,\n          method: option.method,\n        },\n      })\n    }\n\n    return (\n      <div className=\"space-y-2\">\n        {options.loading && (\n          <p className=\"text-xs text-muted-foreground col-start-2\">\n            {t('business_rules.components.actionRow.openMercato.options.loading')}\n          </p>\n        )}\n        {options.error && (\n          <p className=\"text-xs text-status-error-text col-start-2\">\n            {t('business_rules.components.actionRow.openMercato.options.error', { error: options.error })}\n          </p>\n        )}\n        {!options.loading && !options.error && options.endpoints.length === 0 && (\n          <p className=\"text-xs text-muted-foreground col-start-2\">\n            {t('business_rules.components.actionRow.openMercato.options.noEndpoints')}\n          </p>\n        )}\n        {!options.loading && !options.error && options.apiKeys.length === 0 && (\n          <p className=\"text-xs text-muted-foreground col-start-2\">\n            {t('business_rules.components.actionRow.openMercato.options.noApiKeys')}\n          </p>\n        )}\n\n        <div className=\"grid grid-cols-4 gap-2 items-center\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">\n            {t('business_rules.components.actionRow.config.endpoint')} <span className=\"text-status-error-text\">{t('business_rules.components.actionRow.actionType.required')}</span>\n          </label>\n          <div className=\"col-span-3\">\n            <ComboboxInput\n              value={endpointValue ?? ''}\n              onChange={handleEndpointChange}\n              suggestions={endpointOptions}\n              placeholder={t('business_rules.components.actionRow.config.endpoint.placeholder')}\n              disabled={options.loading || !!options.error || options.endpoints.length === 0}\n              allowCustomValues={false}\n            />\n          </div>\n        </div>\n\n        <div className=\"grid grid-cols-4 gap-2 items-center\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">\n            {t('business_rules.components.actionRow.config.apiKey')} <span className=\"text-status-error-text\">{t('business_rules.components.actionRow.actionType.required')}</span>\n          </label>\n          <Select\n            value={apiKeyValue}\n            onValueChange={(next) => handleConfigChange('apiKeyId', next)}\n            disabled={options.loading || !!options.error || options.apiKeys.length === 0}\n          >\n            <SelectTrigger size=\"sm\" className=\"col-span-3\">\n              <SelectValue placeholder={t('business_rules.components.actionRow.config.apiKey.placeholder')} />\n            </SelectTrigger>\n            <SelectContent>\n              {options.apiKeys.map((apiKey) => (\n                <SelectItem key={apiKey.id} value={apiKey.id}>\n                  {apiKey.organizationName\n                    ? `${apiKey.name} (${apiKey.keyPrefix}, ${apiKey.organizationName})`\n                    : `${apiKey.name} (${apiKey.keyPrefix})`}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n\n        <div className=\"grid grid-cols-4 gap-2 items-start\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">\n            {t('business_rules.components.actionRow.config.body')}\n          </label>\n          <Textarea\n            value={bodyValue}\n            onChange={(e) => handleConfigChange('body', e.target.value)}\n            placeholder={t('business_rules.components.actionRow.config.body.placeholder')}\n            rows={3}\n            className=\"col-span-3\"\n          />\n        </div>\n      </div>\n    )\n  }\n\n  const renderConfigField = (field: string, required: boolean) => {\n    const value = action.config?.[field] || ''\n\n    // Special handling for different field types\n    if (field === 'recipients' && action.type === 'NOTIFY') {\n      return (\n        <div key={field} className=\"grid grid-cols-4 gap-2 items-start\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">\n            {t('business_rules.components.actionRow.config.recipients')} {required && <span className=\"text-status-error-text\">{t('business_rules.components.actionRow.actionType.required')}</span>}\n          </label>\n          <Input\n            type=\"text\"\n            value={value}\n            onChange={(e) => handleConfigChange(field, e.target.value.split(',').map((s) => s.trim()))}\n            placeholder={t('business_rules.components.actionRow.config.recipients.placeholder')}\n            className=\"col-span-3\"\n          />\n          <div className=\"col-span-4 col-start-2\">\n            <p className=\"text-xs text-muted-foreground\">{t('business_rules.components.actionRow.config.recipients.help')}</p>\n          </div>\n        </div>\n      )\n    }\n\n    if (field === 'level' && action.type === 'LOG') {\n      return (\n        <div key={field} className=\"grid grid-cols-4 gap-2 items-center\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">{t('business_rules.components.actionRow.config.level')}</label>\n          <Select\n            value={value || 'info'}\n            onValueChange={(next) => handleConfigChange(field, next)}\n          >\n            <SelectTrigger size=\"sm\" className=\"col-span-3\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"info\">{t('business_rules.components.actionRow.config.level.info')}</SelectItem>\n              <SelectItem value=\"warn\">{t('business_rules.components.actionRow.config.level.warn')}</SelectItem>\n              <SelectItem value=\"error\">{t('business_rules.components.actionRow.config.level.error')}</SelectItem>\n              <SelectItem value=\"debug\">{t('business_rules.components.actionRow.config.level.debug')}</SelectItem>\n            </SelectContent>\n          </Select>\n        </div>\n      )\n    }\n\n    if (field === 'method' && action.type === 'CALL_WEBHOOK') {\n      return (\n        <div key={field} className=\"grid grid-cols-4 gap-2 items-center\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">{t('business_rules.components.actionRow.config.method')}</label>\n          <Select\n            value={value || 'POST'}\n            onValueChange={(next) => handleConfigChange(field, next)}\n          >\n            <SelectTrigger size=\"sm\" className=\"col-span-3\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"GET\">GET</SelectItem>\n              <SelectItem value=\"POST\">POST</SelectItem>\n              <SelectItem value=\"PUT\">PUT</SelectItem>\n              <SelectItem value=\"PATCH\">PATCH</SelectItem>\n              <SelectItem value=\"DELETE\">DELETE</SelectItem>\n            </SelectContent>\n          </Select>\n        </div>\n      )\n    }\n\n    if (field === 'message') {\n      return (\n        <div key={field} className=\"grid grid-cols-4 gap-2 items-start\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">\n            {t('business_rules.components.actionRow.config.message')} {required && <span className=\"text-status-error-text\">{t('business_rules.components.actionRow.actionType.required')}</span>}\n          </label>\n          <Textarea\n            value={value}\n            onChange={(e) => handleConfigChange(field, e.target.value)}\n            placeholder={t('business_rules.components.actionRow.config.message.placeholder')}\n            rows={2}\n            className=\"col-span-3\"\n          />\n          <div className=\"col-span-4 col-start-2\">\n            <p className=\"text-xs text-muted-foreground\">{t('business_rules.components.actionRow.config.message.help')}</p>\n          </div>\n        </div>\n      )\n    }\n\n    // Default text input\n    return (\n      <div key={field} className=\"grid grid-cols-4 gap-2 items-center\">\n        <label className=\"text-xs font-medium text-foreground col-span-1\">\n          {field} {required && <span className=\"text-status-error-text\">{t('business_rules.components.actionRow.actionType.required')}</span>}\n        </label>\n        <Input\n          type=\"text\"\n          value={value}\n          onChange={(e) => handleConfigChange(field, e.target.value)}\n          placeholder={t('business_rules.components.actionRow.config.field.placeholder', { field })}\n          className=\"col-span-3\"\n        />\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"flex items-start gap-2 p-3 bg-muted rounded border border-border\">\n      <div className=\"flex-1 space-y-2\">\n        {/* Action Type */}\n        <div className=\"grid grid-cols-4 gap-2 items-center\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">\n            {t('business_rules.components.actionRow.actionType')} <span className=\"text-status-error-text\">{t('business_rules.components.actionRow.actionType.required')}</span>\n          </label>\n          <Select\n            value={action.type || undefined}\n            onValueChange={(value) => handleTypeChange({ target: { value } } as React.ChangeEvent<HTMLSelectElement>)}\n          >\n            <SelectTrigger size=\"sm\" className=\"col-span-3 font-medium\">\n              <SelectValue placeholder={t('business_rules.components.actionRow.actionType.placeholder')} />\n            </SelectTrigger>\n            <SelectContent>\n              {actionTypes.map((type) => (\n                <SelectItem key={type.value} value={type.value}>\n                  {type.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n\n        {/* Config Fields */}\n        {action.type && (\n          <>\n            {action.type === 'CALL_OPEN_MERCATO'\n              ? renderOpenMercatoConfig()\n              : (\n                <>\n                  {requiredFields.map((field) => renderConfigField(field, true))}\n                  {optionalFields.map((field) => renderConfigField(field, false))}\n                </>\n              )}\n          </>\n        )}\n\n        {/* Error Display */}\n        {error && (\n          <div className=\"mt-2\">\n            <p className=\"text-xs text-status-error-text\">{error}</p>\n          </div>\n        )}\n      </div>\n\n      {/* Control Buttons */}\n      <div className=\"flex flex-col gap-1\">\n        {onMoveUp && (\n          <IconButton\n            type=\"button\"\n            onClick={() => onMoveUp(index)}\n            disabled={!canMoveUp}\n            variant=\"ghost\"\n            size=\"xs\"\n            title={t('business_rules.components.actionRow.moveUp')}\n            aria-label={t('business_rules.components.actionRow.moveUp')}\n          >\n            <ChevronUp className=\"w-4 h-4\" />\n          </IconButton>\n        )}\n        {onMoveDown && (\n          <IconButton\n            type=\"button\"\n            onClick={() => onMoveDown(index)}\n            disabled={!canMoveDown}\n            variant=\"ghost\"\n            size=\"xs\"\n            title={t('business_rules.components.actionRow.moveDown')}\n            aria-label={t('business_rules.components.actionRow.moveDown')}\n          >\n            <ChevronDown className=\"w-4 h-4\" />\n          </IconButton>\n        )}\n        <IconButton\n          type=\"button\"\n          onClick={() => onDelete(index)}\n          variant=\"ghost\"\n          size=\"xs\"\n          className=\"hover:bg-destructive/10 hover:text-destructive\"\n          title={t('business_rules.components.actionRow.delete')}\n          aria-label={t('business_rules.components.actionRow.delete')}\n        >\n          <X className=\"w-4 h-4\" />\n        </IconButton>\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { X, ChevronUp, ChevronDown } from 'lucide-react'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport type { Action } from './utils/actionValidation'\nimport { getActionTypeOptions, getRequiredConfigFields, getOptionalConfigFields } from './utils/actionValidation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type ActionRowProps = {\n  action: Action\n  index: number\n  onChange: (index: number, action: Action) => void\n  onDelete: (index: number) => void\n  onMoveUp?: (index: number) => void\n  onMoveDown?: (index: number) => void\n  canMoveUp?: boolean\n  canMoveDown?: boolean\n  error?: string\n}\n\nexport function ActionRow({\n  action,\n  index,\n  onChange,\n  onDelete,\n  onMoveUp,\n  onMoveDown,\n  canMoveUp,\n  canMoveDown,\n  error,\n}: ActionRowProps) {\n  const t = useT()\n  const actionTypes = getActionTypeOptions(t)\n  const requiredFields = getRequiredConfigFields(action.type)\n  const optionalFields = getOptionalConfigFields(action.type)\n\n  const handleTypeChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    onChange(index, {\n      ...action,\n      type: e.target.value,\n      config: {}, // Reset config when type changes\n    })\n  }\n\n  const handleConfigChange = (field: string, value: any) => {\n    onChange(index, {\n      ...action,\n      config: {\n        ...(action.config || {}),\n        [field]: value,\n      },\n    })\n  }\n\n  const renderConfigField = (field: string, required: boolean) => {\n    const value = action.config?.[field] || ''\n\n    // Special handling for different field types\n    if (field === 'recipients' && action.type === 'NOTIFY') {\n      return (\n        <div key={field} className=\"grid grid-cols-4 gap-2 items-start\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">\n            {t('business_rules.components.actionRow.config.recipients')} {required && <span className=\"text-red-500\">{t('business_rules.components.actionRow.actionType.required')}</span>}\n          </label>\n          <Input\n            type=\"text\"\n            value={value}\n            onChange={(e) => handleConfigChange(field, e.target.value.split(',').map((s) => s.trim()))}\n            placeholder={t('business_rules.components.actionRow.config.recipients.placeholder')}\n            className=\"col-span-3\"\n          />\n          <div className=\"col-span-4 col-start-2\">\n            <p className=\"text-xs text-muted-foreground\">{t('business_rules.components.actionRow.config.recipients.help')}</p>\n          </div>\n        </div>\n      )\n    }\n\n    if (field === 'level' && action.type === 'LOG') {\n      return (\n        <div key={field} className=\"grid grid-cols-4 gap-2 items-center\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">{t('business_rules.components.actionRow.config.level')}</label>\n          <Select\n            value={value || 'info'}\n            onValueChange={(next) => handleConfigChange(field, next)}\n          >\n            <SelectTrigger size=\"sm\" className=\"col-span-3\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"info\">{t('business_rules.components.actionRow.config.level.info')}</SelectItem>\n              <SelectItem value=\"warn\">{t('business_rules.components.actionRow.config.level.warn')}</SelectItem>\n              <SelectItem value=\"error\">{t('business_rules.components.actionRow.config.level.error')}</SelectItem>\n              <SelectItem value=\"debug\">{t('business_rules.components.actionRow.config.level.debug')}</SelectItem>\n            </SelectContent>\n          </Select>\n        </div>\n      )\n    }\n\n    if (field === 'method' && action.type === 'CALL_WEBHOOK') {\n      return (\n        <div key={field} className=\"grid grid-cols-4 gap-2 items-center\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">{t('business_rules.components.actionRow.config.method')}</label>\n          <Select\n            value={value || 'POST'}\n            onValueChange={(next) => handleConfigChange(field, next)}\n          >\n            <SelectTrigger size=\"sm\" className=\"col-span-3\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"GET\">GET</SelectItem>\n              <SelectItem value=\"POST\">POST</SelectItem>\n              <SelectItem value=\"PUT\">PUT</SelectItem>\n              <SelectItem value=\"PATCH\">PATCH</SelectItem>\n              <SelectItem value=\"DELETE\">DELETE</SelectItem>\n            </SelectContent>\n          </Select>\n        </div>\n      )\n    }\n\n    if (field === 'message') {\n      return (\n        <div key={field} className=\"grid grid-cols-4 gap-2 items-start\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">\n            {t('business_rules.components.actionRow.config.message')} {required && <span className=\"text-red-500\">{t('business_rules.components.actionRow.actionType.required')}</span>}\n          </label>\n          <textarea\n            value={value}\n            onChange={(e) => handleConfigChange(field, e.target.value)}\n            placeholder={t('business_rules.components.actionRow.config.message.placeholder')}\n            rows={2}\n            className=\"col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          />\n          <div className=\"col-span-4 col-start-2\">\n            <p className=\"text-xs text-muted-foreground\">{t('business_rules.components.actionRow.config.message.help')}</p>\n          </div>\n        </div>\n      )\n    }\n\n    // Default text input\n    return (\n      <div key={field} className=\"grid grid-cols-4 gap-2 items-center\">\n        <label className=\"text-xs font-medium text-foreground col-span-1\">\n          {field} {required && <span className=\"text-red-500\">{t('business_rules.components.actionRow.actionType.required')}</span>}\n        </label>\n        <Input\n          type=\"text\"\n          value={value}\n          onChange={(e) => handleConfigChange(field, e.target.value)}\n          placeholder={t('business_rules.components.actionRow.config.field.placeholder', { field })}\n          className=\"col-span-3\"\n        />\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"flex items-start gap-2 p-3 bg-muted rounded border border-border\">\n      <div className=\"flex-1 space-y-2\">\n        {/* Action Type */}\n        <div className=\"grid grid-cols-4 gap-2 items-center\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">\n            {t('business_rules.components.actionRow.actionType')} <span className=\"text-red-500\">{t('business_rules.components.actionRow.actionType.required')}</span>\n          </label>\n          <Select\n            value={action.type || undefined}\n            onValueChange={(value) => handleTypeChange({ target: { value } } as React.ChangeEvent<HTMLSelectElement>)}\n          >\n            <SelectTrigger size=\"sm\" className=\"col-span-3 font-medium\">\n              <SelectValue placeholder={t('business_rules.components.actionRow.actionType.placeholder')} />\n            </SelectTrigger>\n            <SelectContent>\n              {actionTypes.map((type) => (\n                <SelectItem key={type.value} value={type.value}>\n                  {type.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n\n        {/* Config Fields */}\n        {action.type && (\n          <>\n            {requiredFields.map((field) => renderConfigField(field, true))}\n            {optionalFields.map((field) => renderConfigField(field, false))}\n          </>\n        )}\n\n        {/* Error Display */}\n        {error && (\n          <div className=\"mt-2\">\n            <p className=\"text-xs text-red-600\">{error}</p>\n          </div>\n        )}\n      </div>\n\n      {/* Control Buttons */}\n      <div className=\"flex flex-col gap-1\">\n        {onMoveUp && (\n          <button\n            type=\"button\"\n            onClick={() => onMoveUp(index)}\n            disabled={!canMoveUp}\n            className=\"p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n            title={t('business_rules.components.actionRow.moveUp')}\n          >\n            <ChevronUp className=\"w-4 h-4\" />\n          </button>\n        )}\n        {onMoveDown && (\n          <button\n            type=\"button\"\n            onClick={() => onMoveDown(index)}\n            disabled={!canMoveDown}\n            className=\"p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n            title={t('business_rules.components.actionRow.moveDown')}\n          >\n            <ChevronDown className=\"w-4 h-4\" />\n          </button>\n        )}\n        <button\n          type=\"button\"\n          onClick={() => onDelete(index)}\n          className=\"p-1 text-muted-foreground hover:text-red-600 hover:bg-red-50 dark:hover:bg-red-900/20 rounded transition-colors\"\n          title={t('business_rules.components.actionRow.delete')}\n        >\n          <X className=\"w-4 h-4\" />\n        </button>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/business_rules/components/ConditionRow.js

@@ -1,7 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { IconButton } from "@open-mercato/ui/primitives/icon-button";
 import { Input } from "@open-mercato/ui/primitives/input";
 import {
   Select,
@@ -63,7 +62,7 @@ function ConditionRow({ condition, onChange, onDelete, error }) {
             "aria-invalid": fieldError ? true : void 0
           }
         ),
-        fieldError && /* @__PURE__ */ jsx("p", { className: "text-xs text-status-error-text mt-0.5", children: t("business_rules.components.conditionRow.field.invalidPath") })
+        fieldError && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600 mt-0.5", children: t("business_rules.components.conditionRow.field.invalidPath") })
       ] }),
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-foreground mb-1", children: t("business_rules.components.conditionRow.operator") }),
@@ -106,19 +105,16 @@ function ConditionRow({ condition, onChange, onDelete, error }) {
       ] })
     ] }),
     /* @__PURE__ */ jsx(
-      IconButton,
+      "button",
       {
         type: "button",
         onClick: onDelete,
-        variant: "ghost",
-        size: "xs",
-        className: "hover:bg-destructive/10 hover:text-destructive",
+        className: "p-1.5 text-muted-foreground hover:text-red-600 hover:bg-red-50 dark:hover:bg-red-900/20 rounded transition-colors",
         title: t("business_rules.components.conditionRow.deleteCondition"),
-        "aria-label": t("business_rules.components.conditionRow.deleteCondition"),
         children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
       }
     ),
-    error && /* @__PURE__ */ jsx("div", { className: "col-span-full mt-2", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-status-error-text", children: error }) })
+    error && /* @__PURE__ */ jsx("div", { className: "col-span-full mt-2", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600", children: error }) })
   ] });
 }
 export {

package/dist/modules/business_rules/components/ConditionRow.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/business_rules/components/ConditionRow.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { X } from 'lucide-react'\nimport type { SimpleCondition } from './utils/conditionValidation'\nimport { getComparisonOperators, isValidFieldPath } from './utils/conditionValidation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type ConditionRowProps = {\n  condition: SimpleCondition\n  onChange: (condition: SimpleCondition) => void\n  onDelete: () => void\n  entityType?: string\n  error?: string\n}\n\nexport function ConditionRow({ condition, onChange, onDelete, error }: ConditionRowProps) {\n  const t = useT()\n  const operators = getComparisonOperators(t)\n  const [useFieldComparison, setUseFieldComparison] = React.useState(!!condition.valueField)\n\n  const handleFieldChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange({ ...condition, field: e.target.value })\n  }\n\n  const handleOperatorChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    onChange({ ...condition, operator: e.target.value as any })\n  }\n\n  const handleValueChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const rawValue = e.target.value\n\n    // Try to parse as JSON for arrays/objects\n    let parsedValue: any = rawValue\n    if (rawValue.trim().startsWith('[') || rawValue.trim().startsWith('{')) {\n      try {\n        parsedValue = JSON.parse(rawValue)\n      } catch {\n        // Keep as string if not valid JSON\n        parsedValue = rawValue\n      }\n    }\n\n    onChange({ ...condition, value: parsedValue, valueField: undefined })\n  }\n\n  const handleValueFieldChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange({ ...condition, valueField: e.target.value, value: null })\n  }\n\n  const toggleFieldComparison = () => {\n    if (useFieldComparison) {\n      onChange({ ...condition, valueField: undefined, value: null })\n      setUseFieldComparison(false)\n    } else {\n      onChange({ ...condition, value: null, valueField: '' })\n      setUseFieldComparison(true)\n    }\n  }\n\n  // Operators that don't need a value\n  const operatorNeedsValue = !['IS_EMPTY', 'IS_NOT_EMPTY'].includes(condition.operator)\n\n  const fieldError = condition.field && !isValidFieldPath(condition.field)\n\n  return (\n    <div className=\"flex items-start gap-2 p-3 bg-muted rounded border border-border\">\n      <div className=\"flex-1 grid grid-cols-1 md:grid-cols-3 gap-2\">\n        {/* Field Input */}\n        <div>\n          <label className=\"block text-xs font-medium text-foreground mb-1\">\n            {t('business_rules.components.conditionRow.field')}\n          </label>\n          <Input\n            type=\"text\"\n            value={condition.field || ''}\n            onChange={handleFieldChange}\n            placeholder={t('business_rules.components.conditionRow.field.placeholder')}\n            aria-invalid={fieldError ? true : undefined}\n          />\n          {fieldError && (\n            <p className=\"text-xs text-status-error-text mt-0.5\">\n              {t('business_rules.components.conditionRow.field.invalidPath')}\n            </p>\n          )}\n        </div>\n\n        {/* Operator Select */}\n        <div>\n          <label className=\"block text-xs font-medium text-foreground mb-1\">\n            {t('business_rules.components.conditionRow.operator')}\n          </label>\n          <Select\n            value={condition.operator || '='}\n            onValueChange={(value) => handleOperatorChange({ target: { value } } as React.ChangeEvent<HTMLSelectElement>)}\n          >\n            <SelectTrigger size=\"sm\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              {operators.map((op) => (\n                <SelectItem key={op.value} value={op.value}>\n                  {op.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n\n        {/* Value Input */}\n        {operatorNeedsValue && (\n          <div>\n            <div className=\"flex items-center justify-between mb-1\">\n              <label className=\"block text-xs font-medium text-foreground\">\n                {useFieldComparison\n                  ? t('business_rules.components.conditionRow.compareToField')\n                  : t('business_rules.components.conditionRow.value')\n                }\n              </label>\n              <button\n                type=\"button\"\n                onClick={toggleFieldComparison}\n                className=\"text-xs text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300\"\n                title={t('business_rules.components.conditionRow.toggleFieldComparison')}\n              >\n                {useFieldComparison\n                  ? t('business_rules.components.conditionRow.useValue')\n                  : t('business_rules.components.conditionRow.useField')\n                }\n              </button>\n            </div>\n            <Input\n              type=\"text\"\n              value={\n                useFieldComparison\n                  ? (condition.valueField || '')\n                  : (condition.value === null || condition.value === undefined)\n                    ? ''\n                    : typeof condition.value === 'string'\n                      ? condition.value\n                      : JSON.stringify(condition.value)\n              }\n              onChange={useFieldComparison ? handleValueFieldChange : handleValueChange}\n              placeholder={useFieldComparison\n                ? t('business_rules.components.conditionRow.field.comparisonPlaceholder')\n                : t('business_rules.components.conditionRow.value.placeholder')\n              }\n            />\n            <p className=\"text-xs text-muted-foreground mt-0.5\">\n              {useFieldComparison\n                ? t('business_rules.components.conditionRow.field.comparisonHelp')\n                : t('business_rules.components.conditionRow.value.help')\n              }\n            </p>\n          </div>\n        )}\n      </div>\n\n      {/* Delete Button */}\n      <IconButton\n        type=\"button\"\n        onClick={onDelete}\n        variant=\"ghost\"\n        size=\"xs\"\n        className=\"hover:bg-destructive/10 hover:text-destructive\"\n        title={t('business_rules.components.conditionRow.deleteCondition')}\n        aria-label={t('business_rules.components.conditionRow.deleteCondition')}\n      >\n        <X className=\"w-4 h-4\" />\n      </IconButton>\n\n      {/* Error Display */}\n      {error && (\n        <div className=\"col-span-full mt-2\">\n          <p className=\"text-xs text-status-error-text\">{error}</p>\n        </div>\n      )}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { X } from 'lucide-react'\nimport type { SimpleCondition } from './utils/conditionValidation'\nimport { getComparisonOperators, isValidFieldPath } from './utils/conditionValidation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type ConditionRowProps = {\n  condition: SimpleCondition\n  onChange: (condition: SimpleCondition) => void\n  onDelete: () => void\n  entityType?: string\n  error?: string\n}\n\nexport function ConditionRow({ condition, onChange, onDelete, error }: ConditionRowProps) {\n  const t = useT()\n  const operators = getComparisonOperators(t)\n  const [useFieldComparison, setUseFieldComparison] = React.useState(!!condition.valueField)\n\n  const handleFieldChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange({ ...condition, field: e.target.value })\n  }\n\n  const handleOperatorChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    onChange({ ...condition, operator: e.target.value as any })\n  }\n\n  const handleValueChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const rawValue = e.target.value\n\n    // Try to parse as JSON for arrays/objects\n    let parsedValue: any = rawValue\n    if (rawValue.trim().startsWith('[') || rawValue.trim().startsWith('{')) {\n      try {\n        parsedValue = JSON.parse(rawValue)\n      } catch {\n        // Keep as string if not valid JSON\n        parsedValue = rawValue\n      }\n    }\n\n    onChange({ ...condition, value: parsedValue, valueField: undefined })\n  }\n\n  const handleValueFieldChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange({ ...condition, valueField: e.target.value, value: null })\n  }\n\n  const toggleFieldComparison = () => {\n    if (useFieldComparison) {\n      onChange({ ...condition, valueField: undefined, value: null })\n      setUseFieldComparison(false)\n    } else {\n      onChange({ ...condition, value: null, valueField: '' })\n      setUseFieldComparison(true)\n    }\n  }\n\n  // Operators that don't need a value\n  const operatorNeedsValue = !['IS_EMPTY', 'IS_NOT_EMPTY'].includes(condition.operator)\n\n  const fieldError = condition.field && !isValidFieldPath(condition.field)\n\n  return (\n    <div className=\"flex items-start gap-2 p-3 bg-muted rounded border border-border\">\n      <div className=\"flex-1 grid grid-cols-1 md:grid-cols-3 gap-2\">\n        {/* Field Input */}\n        <div>\n          <label className=\"block text-xs font-medium text-foreground mb-1\">\n            {t('business_rules.components.conditionRow.field')}\n          </label>\n          <Input\n            type=\"text\"\n            value={condition.field || ''}\n            onChange={handleFieldChange}\n            placeholder={t('business_rules.components.conditionRow.field.placeholder')}\n            aria-invalid={fieldError ? true : undefined}\n          />\n          {fieldError && (\n            <p className=\"text-xs text-red-600 mt-0.5\">\n              {t('business_rules.components.conditionRow.field.invalidPath')}\n            </p>\n          )}\n        </div>\n\n        {/* Operator Select */}\n        <div>\n          <label className=\"block text-xs font-medium text-foreground mb-1\">\n            {t('business_rules.components.conditionRow.operator')}\n          </label>\n          <Select\n            value={condition.operator || '='}\n            onValueChange={(value) => handleOperatorChange({ target: { value } } as React.ChangeEvent<HTMLSelectElement>)}\n          >\n            <SelectTrigger size=\"sm\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              {operators.map((op) => (\n                <SelectItem key={op.value} value={op.value}>\n                  {op.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n\n        {/* Value Input */}\n        {operatorNeedsValue && (\n          <div>\n            <div className=\"flex items-center justify-between mb-1\">\n              <label className=\"block text-xs font-medium text-foreground\">\n                {useFieldComparison\n                  ? t('business_rules.components.conditionRow.compareToField')\n                  : t('business_rules.components.conditionRow.value')\n                }\n              </label>\n              <button\n                type=\"button\"\n                onClick={toggleFieldComparison}\n                className=\"text-xs text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300\"\n                title={t('business_rules.components.conditionRow.toggleFieldComparison')}\n              >\n                {useFieldComparison\n                  ? t('business_rules.components.conditionRow.useValue')\n                  : t('business_rules.components.conditionRow.useField')\n                }\n              </button>\n            </div>\n            <Input\n              type=\"text\"\n              value={\n                useFieldComparison\n                  ? (condition.valueField || '')\n                  : (condition.value === null || condition.value === undefined)\n                    ? ''\n                    : typeof condition.value === 'string'\n                      ? condition.value\n                      : JSON.stringify(condition.value)\n              }\n              onChange={useFieldComparison ? handleValueFieldChange : handleValueChange}\n              placeholder={useFieldComparison\n                ? t('business_rules.components.conditionRow.field.comparisonPlaceholder')\n                : t('business_rules.components.conditionRow.value.placeholder')\n              }\n            />\n            <p className=\"text-xs text-muted-foreground mt-0.5\">\n              {useFieldComparison\n                ? t('business_rules.components.conditionRow.field.comparisonHelp')\n                : t('business_rules.components.conditionRow.value.help')\n              }\n            </p>\n          </div>\n        )}\n      </div>\n\n      {/* Delete Button */}\n      <button\n        type=\"button\"\n        onClick={onDelete}\n        className=\"p-1.5 text-muted-foreground hover:text-red-600 hover:bg-red-50 dark:hover:bg-red-900/20 rounded transition-colors\"\n        title={t('business_rules.components.conditionRow.deleteCondition')}\n      >\n        <X className=\"w-4 h-4\" />\n      </button>\n\n      {/* Error Display */}\n      {error && (\n        <div className=\"col-span-full mt-2\">\n          <p className=\"text-xs text-red-600\">{error}</p>\n        </div>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/business_rules/components/utils/actionValidation.js

@@ -8,7 +8,6 @@ const ACTION_TYPES = [
   "NOTIFY",
   "SET_FIELD",
   "CALL_WEBHOOK",
-  "CALL_OPEN_MERCATO",
   "EMIT_EVENT"
 ];
 function getActionTypeOptions(t) {
@@ -22,7 +21,6 @@ function getActionTypeOptions(t) {
     { value: "NOTIFY", label: t("business_rules.validation.actionTypes.NOTIFY") },
     { value: "SET_FIELD", label: t("business_rules.validation.actionTypes.SET_FIELD") },
     { value: "CALL_WEBHOOK", label: t("business_rules.validation.actionTypes.CALL_WEBHOOK") },
-    { value: "CALL_OPEN_MERCATO", label: t("business_rules.validation.actionTypes.CALL_OPEN_MERCATO") },
     { value: "EMIT_EVENT", label: t("business_rules.validation.actionTypes.EMIT_EVENT") }
   ];
 }
@@ -39,8 +37,6 @@ function getRequiredConfigFields(actionType) {
       return ["field", "value"];
     case "CALL_WEBHOOK":
       return ["url"];
-    case "CALL_OPEN_MERCATO":
-      return ["endpoint", "method", "apiKeyId"];
     case "EMIT_EVENT":
       return ["eventName"];
     case "ALLOW_TRANSITION":
@@ -57,8 +53,6 @@ function getOptionalConfigFields(actionType) {
       return ["template"];
     case "CALL_WEBHOOK":
       return ["method", "headers", "body"];
-    case "CALL_OPEN_MERCATO":
-      return ["body"];
     case "EMIT_EVENT":
       return ["payload"];
     default:

package/dist/modules/business_rules/components/utils/actionValidation.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/business_rules/components/utils/actionValidation.ts"],
-  "sourcesContent": ["export type TranslatorFn = (key: string, params?: Record<string, any>) => string\n\nexport type Action = {\n  type: string\n  config?: Record<string, any>\n}\n\nexport type ValidationResult = {\n  valid: boolean\n  errors: string[]\n}\n\n/**\n * Available action types\n */\nexport const ACTION_TYPES = [\n  'ALLOW_TRANSITION',\n  'BLOCK_TRANSITION',\n  'LOG',\n  'SHOW_ERROR',\n  'SHOW_WARNING',\n  'SHOW_INFO',\n  'NOTIFY',\n  'SET_FIELD',\n  'CALL_WEBHOOK',\n  'CALL_OPEN_MERCATO',\n  'EMIT_EVENT',\n] as const\n\nexport type ActionType = (typeof ACTION_TYPES)[number]\n\n/**\n * Get action type options for dropdown\n */\nexport function getActionTypeOptions(t: TranslatorFn): { value: string; label: string }[] {\n  return [\n    { value: 'ALLOW_TRANSITION', label: t('business_rules.validation.actionTypes.ALLOW_TRANSITION') },\n    { value: 'BLOCK_TRANSITION', label: t('business_rules.validation.actionTypes.BLOCK_TRANSITION') },\n    { value: 'LOG', label: t('business_rules.validation.actionTypes.LOG') },\n    { value: 'SHOW_ERROR', label: t('business_rules.validation.actionTypes.SHOW_ERROR') },\n    { value: 'SHOW_WARNING', label: t('business_rules.validation.actionTypes.SHOW_WARNING') },\n    { value: 'SHOW_INFO', label: t('business_rules.validation.actionTypes.SHOW_INFO') },\n    { value: 'NOTIFY', label: t('business_rules.validation.actionTypes.NOTIFY') },\n    { value: 'SET_FIELD', label: t('business_rules.validation.actionTypes.SET_FIELD') },\n    { value: 'CALL_WEBHOOK', label: t('business_rules.validation.actionTypes.CALL_WEBHOOK') },\n    { value: 'CALL_OPEN_MERCATO', label: t('business_rules.validation.actionTypes.CALL_OPEN_MERCATO') },\n    { value: 'EMIT_EVENT', label: t('business_rules.validation.actionTypes.EMIT_EVENT') },\n  ]\n}\n\n/**\n * Get required config fields for an action type\n */\nexport function getRequiredConfigFields(actionType: string): string[] {\n  switch (actionType) {\n    case 'LOG':\n    case 'SHOW_ERROR':\n    case 'SHOW_WARNING':\n    case 'SHOW_INFO':\n      return ['message']\n    case 'NOTIFY':\n      return ['message', 'recipients']\n    case 'SET_FIELD':\n      return ['field', 'value']\n    case 'CALL_WEBHOOK':\n      return ['url']\n    case 'CALL_OPEN_MERCATO':\n      return ['endpoint', 'method', 'apiKeyId']\n    case 'EMIT_EVENT':\n      return ['eventName']\n    case 'ALLOW_TRANSITION':\n    case 'BLOCK_TRANSITION':\n    default:\n      return []\n  }\n}\n\n/**\n * Get optional config fields for an action type\n */\nexport function getOptionalConfigFields(actionType: string): string[] {\n  switch (actionType) {\n    case 'LOG':\n      return ['level']\n    case 'NOTIFY':\n      return ['template']\n    case 'CALL_WEBHOOK':\n      return ['method', 'headers', 'body']\n    case 'CALL_OPEN_MERCATO':\n      return ['body']\n    case 'EMIT_EVENT':\n      return ['payload']\n    default:\n      return []\n  }\n}\n\n/**\n * Validate a single action\n */\nexport function validateAction(action: Action, t?: TranslatorFn): ValidationResult {\n  const errors: string[] = []\n  const translate = t || ((key: string) => key)\n\n  if (!action) {\n    errors.push(translate('business_rules.validation.action.required'))\n    return { valid: false, errors }\n  }\n\n  if (!action.type || typeof action.type !== 'string') {\n    errors.push(translate('business_rules.validation.action.typeRequired'))\n  } else if (!ACTION_TYPES.includes(action.type as ActionType)) {\n    errors.push(translate('business_rules.validation.action.unknownType', { type: action.type, validTypes: ACTION_TYPES.join(', ') }))\n  }\n\n  const requiredFields = getRequiredConfigFields(action.type)\n  if (requiredFields.length > 0) {\n    if (!action.config) {\n      errors.push(translate('business_rules.validation.action.configRequired', { type: action.type, fields: requiredFields.join(', ') }))\n    } else {\n      requiredFields.forEach((field) => {\n        if (!action.config![field]) {\n          errors.push(translate('business_rules.validation.action.fieldMissing', { field }))\n        }\n      })\n    }\n  }\n\n  return {\n    valid: errors.length === 0,\n    errors,\n  }\n}\n\n/**\n * Validate action config for a specific type\n */\nexport function validateActionConfig(actionType: string, config: Record<string, any> | undefined, t?: TranslatorFn): ValidationResult {\n  const errors: string[] = []\n  const translate = t || ((key: string) => key)\n\n  const requiredFields = getRequiredConfigFields(actionType)\n  if (requiredFields.length > 0 && !config) {\n    errors.push(translate('business_rules.validation.action.configRequiredForType', { type: actionType }))\n    return { valid: false, errors }\n  }\n\n  if (config) {\n    requiredFields.forEach((field) => {\n      if (!config[field]) {\n        errors.push(translate('business_rules.validation.action.fieldMissingShort', { field }))\n      }\n    })\n  }\n\n  return {\n    valid: errors.length === 0,\n    errors,\n  }\n}\n\n/**\n * Validate array of actions\n */\nexport function validateActions(actions: Action[] | null | undefined, t?: TranslatorFn): ValidationResult {\n  if (!actions || actions.length === 0) {\n    return { valid: true, errors: [] } // Empty is valid\n  }\n\n  const errors: string[] = []\n  const translate = t || ((key: string) => key)\n\n  actions.forEach((action, index) => {\n    const result = validateAction(action, t)\n    if (!result.valid) {\n      errors.push(translate('business_rules.validation.action.indexError', { index: index + 1, errors: result.errors.join(', ') }))\n    }\n  })\n\n  return {\n    valid: errors.length === 0,\n    errors,\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["export type TranslatorFn = (key: string, params?: Record<string, any>) => string\n\nexport type Action = {\n  type: string\n  config?: Record<string, any>\n}\n\nexport type ValidationResult = {\n  valid: boolean\n  errors: string[]\n}\n\n/**\n * Available action types\n */\nexport const ACTION_TYPES = [\n  'ALLOW_TRANSITION',\n  'BLOCK_TRANSITION',\n  'LOG',\n  'SHOW_ERROR',\n  'SHOW_WARNING',\n  'SHOW_INFO',\n  'NOTIFY',\n  'SET_FIELD',\n  'CALL_WEBHOOK',\n  'EMIT_EVENT',\n] as const\n\nexport type ActionType = (typeof ACTION_TYPES)[number]\n\n/**\n * Get action type options for dropdown\n */\nexport function getActionTypeOptions(t: TranslatorFn): { value: string; label: string }[] {\n  return [\n    { value: 'ALLOW_TRANSITION', label: t('business_rules.validation.actionTypes.ALLOW_TRANSITION') },\n    { value: 'BLOCK_TRANSITION', label: t('business_rules.validation.actionTypes.BLOCK_TRANSITION') },\n    { value: 'LOG', label: t('business_rules.validation.actionTypes.LOG') },\n    { value: 'SHOW_ERROR', label: t('business_rules.validation.actionTypes.SHOW_ERROR') },\n    { value: 'SHOW_WARNING', label: t('business_rules.validation.actionTypes.SHOW_WARNING') },\n    { value: 'SHOW_INFO', label: t('business_rules.validation.actionTypes.SHOW_INFO') },\n    { value: 'NOTIFY', label: t('business_rules.validation.actionTypes.NOTIFY') },\n    { value: 'SET_FIELD', label: t('business_rules.validation.actionTypes.SET_FIELD') },\n    { value: 'CALL_WEBHOOK', label: t('business_rules.validation.actionTypes.CALL_WEBHOOK') },\n    { value: 'EMIT_EVENT', label: t('business_rules.validation.actionTypes.EMIT_EVENT') },\n  ]\n}\n\n/**\n * Get required config fields for an action type\n */\nexport function getRequiredConfigFields(actionType: string): string[] {\n  switch (actionType) {\n    case 'LOG':\n    case 'SHOW_ERROR':\n    case 'SHOW_WARNING':\n    case 'SHOW_INFO':\n      return ['message']\n    case 'NOTIFY':\n      return ['message', 'recipients']\n    case 'SET_FIELD':\n      return ['field', 'value']\n    case 'CALL_WEBHOOK':\n      return ['url']\n    case 'EMIT_EVENT':\n      return ['eventName']\n    case 'ALLOW_TRANSITION':\n    case 'BLOCK_TRANSITION':\n    default:\n      return []\n  }\n}\n\n/**\n * Get optional config fields for an action type\n */\nexport function getOptionalConfigFields(actionType: string): string[] {\n  switch (actionType) {\n    case 'LOG':\n      return ['level']\n    case 'NOTIFY':\n      return ['template']\n    case 'CALL_WEBHOOK':\n      return ['method', 'headers', 'body']\n    case 'EMIT_EVENT':\n      return ['payload']\n    default:\n      return []\n  }\n}\n\n/**\n * Validate a single action\n */\nexport function validateAction(action: Action, t?: TranslatorFn): ValidationResult {\n  const errors: string[] = []\n  const translate = t || ((key: string) => key)\n\n  if (!action) {\n    errors.push(translate('business_rules.validation.action.required'))\n    return { valid: false, errors }\n  }\n\n  if (!action.type || typeof action.type !== 'string') {\n    errors.push(translate('business_rules.validation.action.typeRequired'))\n  } else if (!ACTION_TYPES.includes(action.type as ActionType)) {\n    errors.push(translate('business_rules.validation.action.unknownType', { type: action.type, validTypes: ACTION_TYPES.join(', ') }))\n  }\n\n  const requiredFields = getRequiredConfigFields(action.type)\n  if (requiredFields.length > 0) {\n    if (!action.config) {\n      errors.push(translate('business_rules.validation.action.configRequired', { type: action.type, fields: requiredFields.join(', ') }))\n    } else {\n      requiredFields.forEach((field) => {\n        if (!action.config![field]) {\n          errors.push(translate('business_rules.validation.action.fieldMissing', { field }))\n        }\n      })\n    }\n  }\n\n  return {\n    valid: errors.length === 0,\n    errors,\n  }\n}\n\n/**\n * Validate action config for a specific type\n */\nexport function validateActionConfig(actionType: string, config: Record<string, any> | undefined, t?: TranslatorFn): ValidationResult {\n  const errors: string[] = []\n  const translate = t || ((key: string) => key)\n\n  const requiredFields = getRequiredConfigFields(actionType)\n  if (requiredFields.length > 0 && !config) {\n    errors.push(translate('business_rules.validation.action.configRequiredForType', { type: actionType }))\n    return { valid: false, errors }\n  }\n\n  if (config) {\n    requiredFields.forEach((field) => {\n      if (!config[field]) {\n        errors.push(translate('business_rules.validation.action.fieldMissingShort', { field }))\n      }\n    })\n  }\n\n  return {\n    valid: errors.length === 0,\n    errors,\n  }\n}\n\n/**\n * Validate array of actions\n */\nexport function validateActions(actions: Action[] | null | undefined, t?: TranslatorFn): ValidationResult {\n  if (!actions || actions.length === 0) {\n    return { valid: true, errors: [] } // Empty is valid\n  }\n\n  const errors: string[] = []\n  const translate = t || ((key: string) => key)\n\n  actions.forEach((action, index) => {\n    const result = validateAction(action, t)\n    if (!result.valid) {\n      errors.push(translate('business_rules.validation.action.indexError', { index: index + 1, errors: result.errors.join(', ') }))\n    }\n  })\n\n  return {\n    valid: errors.length === 0,\n    errors,\n  }\n}\n"],
+  "mappings": "AAeO,MAAM,eAAe;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAOO,SAAS,qBAAqB,GAAqD;AACxF,SAAO;AAAA,IACL,EAAE,OAAO,oBAAoB,OAAO,EAAE,wDAAwD,EAAE;AAAA,IAChG,EAAE,OAAO,oBAAoB,OAAO,EAAE,wDAAwD,EAAE;AAAA,IAChG,EAAE,OAAO,OAAO,OAAO,EAAE,2CAA2C,EAAE;AAAA,IACtE,EAAE,OAAO,cAAc,OAAO,EAAE,kDAAkD,EAAE;AAAA,IACpF,EAAE,OAAO,gBAAgB,OAAO,EAAE,oDAAoD,EAAE;AAAA,IACxF,EAAE,OAAO,aAAa,OAAO,EAAE,iDAAiD,EAAE;AAAA,IAClF,EAAE,OAAO,UAAU,OAAO,EAAE,8CAA8C,EAAE;AAAA,IAC5E,EAAE,OAAO,aAAa,OAAO,EAAE,iDAAiD,EAAE;AAAA,IAClF,EAAE,OAAO,gBAAgB,OAAO,EAAE,oDAAoD,EAAE;AAAA,IACxF,EAAE,OAAO,cAAc,OAAO,EAAE,kDAAkD,EAAE;AAAA,EACtF;AACF;AAKO,SAAS,wBAAwB,YAA8B;AACpE,UAAQ,YAAY;AAAA,IAClB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,CAAC,SAAS;AAAA,IACnB,KAAK;AACH,aAAO,CAAC,WAAW,YAAY;AAAA,IACjC,KAAK;AACH,aAAO,CAAC,SAAS,OAAO;AAAA,IAC1B,KAAK;AACH,aAAO,CAAC,KAAK;AAAA,IACf,KAAK;AACH,aAAO,CAAC,WAAW;AAAA,IACrB,KAAK;AAAA,IACL,KAAK;AAAA,IACL;AACE,aAAO,CAAC;AAAA,EACZ;AACF;AAKO,SAAS,wBAAwB,YAA8B;AACpE,UAAQ,YAAY;AAAA,IAClB,KAAK;AACH,aAAO,CAAC,OAAO;AAAA,IACjB,KAAK;AACH,aAAO,CAAC,UAAU;AAAA,IACpB,KAAK;AACH,aAAO,CAAC,UAAU,WAAW,MAAM;AAAA,IACrC,KAAK;AACH,aAAO,CAAC,SAAS;AAAA,IACnB;AACE,aAAO,CAAC;AAAA,EACZ;AACF;AAKO,SAAS,eAAe,QAAgB,GAAoC;AACjF,QAAM,SAAmB,CAAC;AAC1B,QAAM,YAAY,MAAM,CAAC,QAAgB;AAEzC,MAAI,CAAC,QAAQ;AACX,WAAO,KAAK,UAAU,2CAA2C,CAAC;AAClE,WAAO,EAAE,OAAO,OAAO,OAAO;AAAA,EAChC;AAEA,MAAI,CAAC,OAAO,QAAQ,OAAO,OAAO,SAAS,UAAU;AACnD,WAAO,KAAK,UAAU,+CAA+C,CAAC;AAAA,EACxE,WAAW,CAAC,aAAa,SAAS,OAAO,IAAkB,GAAG;AAC5D,WAAO,KAAK,UAAU,gDAAgD,EAAE,MAAM,OAAO,MAAM,YAAY,aAAa,KAAK,IAAI,EAAE,CAAC,CAAC;AAAA,EACnI;AAEA,QAAM,iBAAiB,wBAAwB,OAAO,IAAI;AAC1D,MAAI,eAAe,SAAS,GAAG;AAC7B,QAAI,CAAC,OAAO,QAAQ;AAClB,aAAO,KAAK,UAAU,mDAAmD,EAAE,MAAM,OAAO,MAAM,QAAQ,eAAe,KAAK,IAAI,EAAE,CAAC,CAAC;AAAA,IACpI,OAAO;AACL,qBAAe,QAAQ,CAAC,UAAU;AAChC,YAAI,CAAC,OAAO,OAAQ,KAAK,GAAG;AAC1B,iBAAO,KAAK,UAAU,iDAAiD,EAAE,MAAM,CAAC,CAAC;AAAA,QACnF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AAAA,IACL,OAAO,OAAO,WAAW;AAAA,IACzB;AAAA,EACF;AACF;AAKO,SAAS,qBAAqB,YAAoB,QAAyC,GAAoC;AACpI,QAAM,SAAmB,CAAC;AAC1B,QAAM,YAAY,MAAM,CAAC,QAAgB;AAEzC,QAAM,iBAAiB,wBAAwB,UAAU;AACzD,MAAI,eAAe,SAAS,KAAK,CAAC,QAAQ;AACxC,WAAO,KAAK,UAAU,0DAA0D,EAAE,MAAM,WAAW,CAAC,CAAC;AACrG,WAAO,EAAE,OAAO,OAAO,OAAO;AAAA,EAChC;AAEA,MAAI,QAAQ;AACV,mBAAe,QAAQ,CAAC,UAAU;AAChC,UAAI,CAAC,OAAO,KAAK,GAAG;AAClB,eAAO,KAAK,UAAU,sDAAsD,EAAE,MAAM,CAAC,CAAC;AAAA,MACxF;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL,OAAO,OAAO,WAAW;AAAA,IACzB;AAAA,EACF;AACF;AAKO,SAAS,gBAAgB,SAAsC,GAAoC;AACxG,MAAI,CAAC,WAAW,QAAQ,WAAW,GAAG;AACpC,WAAO,EAAE,OAAO,MAAM,QAAQ,CAAC,EAAE;AAAA,EACnC;AAEA,QAAM,SAAmB,CAAC;AAC1B,QAAM,YAAY,MAAM,CAAC,QAAgB;AAEzC,UAAQ,QAAQ,CAAC,QAAQ,UAAU;AACjC,UAAM,SAAS,eAAe,QAAQ,CAAC;AACvC,QAAI,CAAC,OAAO,OAAO;AACjB,aAAO,KAAK,UAAU,+CAA+C,EAAE,OAAO,QAAQ,GAAG,QAAQ,OAAO,OAAO,KAAK,IAAI,EAAE,CAAC,CAAC;AAAA,IAC9H;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL,OAAO,OAAO,WAAW;AAAA,IACzB;AAAA,EACF;AACF;",
   "names": []
 }