@ethisyscore/plugin-ui 1.131.1 → 1.133.0

package/dist/components/connectors/index.cjs

@@ -1656,6 +1656,18 @@ function rowFieldPathError(path) {
   if (trimmed.length > MAX_ROW_FIELD_TEXT_LENGTH) return `A path can be at most ${MAX_ROW_FIELD_TEXT_LENGTH} characters.`;
   return null;
 }
+var DUPLICATE_ROW_FIELD_KEY_ERROR = "This key is already used";
+function duplicateRowFieldKeyIndexes(rows) {
+  const seen = /* @__PURE__ */ new Set();
+  const duplicates = /* @__PURE__ */ new Set();
+  rows.forEach(({ key }, index) => {
+    const trimmed = key.trim();
+    if (trimmed.length === 0) return;
+    if (seen.has(trimmed)) duplicates.add(index);
+    else seen.add(trimmed);
+  });
+  return duplicates;
+}
 var REQUEST_TEMPLATES_CAPTION = "The first template whose placeholders all have values is sent as the request. Leave empty to use the field map.";
 function RequestTemplatesSection({
   rows,
@@ -1744,6 +1756,7 @@ function RequestTemplatesSection({
 function RowFieldsSection({ objectFields, rows, onChange, onAdd, onRemove }) {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: objectFields.map((field) => {
     const fieldRows = rows[field.name] ?? [];
+    const duplicateKeys = duplicateRowFieldKeyIndexes(fieldRows);
     return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { className: "flex flex-col gap-2 mb-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", component: "h2", children: `Row fields \u2014 ${field.name}` }),
       /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "caption", className: "text-text-secondary block", children: [
@@ -1761,9 +1774,11 @@ function RowFieldsSection({ objectFields, rows, onChange, onAdd, onRemove }) {
               value: row.key,
               onChange: (e) => onChange(field.name, index, { key: e.target.value }),
               inputProps: { "aria-label": `Row field name ${index + 1} for ${field.name}`, maxLength: MAX_ROW_FIELD_TEXT_LENGTH },
+              error: duplicateKeys.has(index),
               placeholder: "e.g. domain"
             }
-          )
+          ),
+          duplicateKeys.has(index) && /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "caption", color: "error", role: "alert", children: DUPLICATE_ROW_FIELD_KEY_ERROR })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(material.FormControl, { variant: "filled", size: "medium", className: "surface mb-0 flex-1", children: [
           /* @__PURE__ */ jsxRuntime.jsx(material.InputLabel, { children: "JSON path in the row" }),
@@ -1877,7 +1892,9 @@ function ConnectorMappingTranslationEditorView({
       ])
     )
   );
-  const hasInvalidTemplate = showTemplates && templateRows.some((row) => row.text.trim().length > 0 && parseRequestTemplate(row.text).error !== null) || showRowFields && objectResponseFields.some((field) => (rowFieldRows[field.name] ?? []).some((row) => rowFieldPathError(row.path) !== null));
+  const hasInvalidTemplate = showTemplates && templateRows.some((row) => row.text.trim().length > 0 && parseRequestTemplate(row.text).error !== null) || showRowFields && objectResponseFields.some(
+    (field) => (rowFieldRows[field.name] ?? []).some((row) => rowFieldPathError(row.path) !== null) || duplicateRowFieldKeyIndexes(rowFieldRows[field.name] ?? []).size > 0
+  );
   const handleTemplateChange = (index, text) => setTemplateRows((prev) => prev.map((row, i) => i === index ? { ...row, text } : row));
   const handleAddTemplate = () => setTemplateRows(
     (prev) => prev.length >= MAX_REQUEST_TEMPLATES ? prev : [...prev, { id: templateRowIdRef.current++, text: "" }]
@@ -1920,6 +1937,13 @@ function ConnectorMappingTranslationEditorView({
   const handleRemoveStaticRow = (index) => {
     setStaticRows((prev) => prev.filter((_, i) => i !== index));
   };
+  const buildExtras = () => {
+    if (!showTemplates && !showRowFields) return void 0;
+    const extras = {};
+    if (showTemplates) extras.requestTemplates = templateRowsToWire(templateRows);
+    if (showRowFields) extras.responseItemFieldPaths = rowFieldRowsToWire(rowFieldRows, objectResponseFields);
+    return extras;
+  };
   const handleSave = () => {
     const requestMap = stripEmpty(requestValues);
     const responseMap = stripEmpty(responseValues);
@@ -1927,13 +1951,11 @@ function ConnectorMappingTranslationEditorView({
     const request = Object.keys(requestMap).length === 0 ? null : requestMap;
     const response = Object.keys(responseMap).length === 0 ? null : responseMap;
     const statics = Object.keys(staticMap).length === 0 ? null : staticMap;
-    if (!showTemplates && !showRowFields) {
+    const extras = buildExtras();
+    if (extras === void 0) {
       onSave(request, response, statics);
       return;
     }
-    const extras = {};
-    if (showTemplates) extras.requestTemplates = templateRowsToWire(templateRows);
-    if (showRowFields) extras.responseItemFieldPaths = rowFieldRowsToWire(rowFieldRows, objectResponseFields);
     onSave(request, response, statics, extras);
   };
   const handleTest = async () => {
@@ -1952,7 +1974,8 @@ function ConnectorMappingTranslationEditorView({
         responseFieldPaths: Object.keys(responseMap).length === 0 ? null : responseMap,
         staticRequestFields: Object.keys(staticMap).length === 0 ? null : staticMap
       };
-      const result = await onTestMapping(request);
+      const extras = buildExtras();
+      const result = extras === void 0 ? await onTestMapping(request) : await onTestMapping(request, extras);
       setTestResult(result);
     } catch {
       setTestResult({
@@ -2254,6 +2277,22 @@ function ConnectorMappingTranslationEditorView({
             },
             ef.canonicalField
           )) }),
+          testResult.requestArgumentsJson && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { className: "mt-2", "data-testid": "test-request-sent", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "caption", color: "text.secondary", children: "Request sent" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              material.Box,
+              {
+                component: "pre",
+                className: "mt-1 overflow-auto rounded p-3 text-xs",
+                sx: {
+                  maxHeight: 240,
+                  backgroundColor: "action.hover",
+                  fontFamily: "monospace"
+                },
+                children: testResult.requestArgumentsJson
+              }
+            )
+          ] }),
           testResult.rawResponseJson && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { className: "mt-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               material.Button,