@perses-dev/plugin-system 0.55.0-beta.6 → 0.55.0-beta.8

package/dist/components/DatasourceSelect/DatasourceSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatasourceSelect.d.ts","sourceRoot":"","sources":["../../../src/components/DatasourceSelect/DatasourceSelect.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAE1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAEV,yBAAyB,EACzB,4BAA4B,EAC5B,gBAAgB,EACjB,MAAM,eAAe,CAAC;AAQvB,KAAK,eAAe,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC;AAWzD,MAAM,MAAM,qBAAqB,CAAC,CAAC,GAAG,kBAAkB,IAAI,CAAC,GAAG,YAAY,CAAC;AAE7E,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,mBAAmB,GAAG,eAAe,CAAC,MAAM,CAAC,EAAE,eAAe,CAAC;IACjH,KAAK,EAAE,qBAAqB,CAAC;IAC7B,QAAQ,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,oBAAoB,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,CAkH3E;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,YAAY,CAahH;AAKD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,4BAA4B,GAAG,YAAY,GAAG,MAAM,CAKnG;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,MAAM,GAAG,qBAAqB,CAehF;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,GAAG,KAAK,IAAI,YAAY,CAEpG;AAED,eAAO,MAAM,+BAA+B,GAC1C,OAAO,qBAAqB,GAAG,SAAS,EACxC,WAAW,gBAAgB,EAC3B,4BAA4B,yBAAyB,EAAE,GAAG,SAAS,KAClE,kBAAkB,GAAG,SA4BvB,CAAC;AAEF,eAAO,MAAM,kCAAkC,GAC7C,OAAO,qBAAqB,EAC5B,sBAAsB,MAAM,KAC3B,kBAQF,CAAC"}
+{"version":3,"file":"DatasourceSelect.d.ts","sourceRoot":"","sources":["../../../src/components/DatasourceSelect/DatasourceSelect.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAE1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAEV,yBAAyB,EACzB,4BAA4B,EAC5B,gBAAgB,EACjB,MAAM,eAAe,CAAC;AAQvB,KAAK,eAAe,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC;AAWzD,MAAM,MAAM,qBAAqB,CAAC,CAAC,GAAG,kBAAkB,IAAI,CAAC,GAAG,YAAY,CAAC;AAE7E,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,mBAAmB,GAAG,eAAe,CAAC,MAAM,CAAC,EAAE,eAAe,CAAC;IACjH,KAAK,EAAE,qBAAqB,CAAC;IAC7B,QAAQ,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,oBAAoB,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,CAkH3E;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,YAAY,CAahH;AAKD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,4BAA4B,GAAG,YAAY,GAAG,MAAM,CAKnG;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,MAAM,GAAG,qBAAqB,CAehF;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,GAAG,KAAK,IAAI,YAAY,CAEpG;AAED,eAAO,MAAM,+BAA+B,UACnC,qBAAqB,GAAG,SAAS,aAC7B,gBAAgB,8BACC,yBAAyB,EAAE,GAAG,SAAS,KAClE,kBAAkB,GAAG,SA4BvB,CAAC;AAEF,eAAO,MAAM,kCAAkC,UACtC,qBAAqB,wBACN,MAAM,KAC3B,kBAQF,CAAC"}

package/dist/components/DatasourceTestConnectionButton/DatasourceTestConnectionButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatasourceTestConnectionButton.d.ts","sourceRoot":"","sources":["../../../src/components/DatasourceTestConnectionButton/DatasourceTestConnectionButton.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,KAAK,mCAAmC,GAAG;IACzC,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACrC,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAEjC,eAAO,MAAM,8BAA8B,GAAI,8CAI5C,mCAAmC,KAAG,YAqBxC,CAAC"}
+{"version":3,"file":"DatasourceTestConnectionButton.d.ts","sourceRoot":"","sources":["../../../src/components/DatasourceTestConnectionButton/DatasourceTestConnectionButton.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,KAAK,mCAAmC,GAAG;IACzC,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACrC,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAEjC,eAAO,MAAM,8BAA8B,iDAIxC,mCAAmC,KAAG,YAqBxC,CAAC"}

package/dist/components/HTTPSettingsEditor/HTTPHeaderPolicyEditor.d.ts

@@ -0,0 +1,10 @@
+import type { HTTPProxySpec } from '@perses-dev/spec';
+import type { ReactElement } from 'react';
+interface HTTPHeaderPolicyEditorProps {
+    value: HTTPProxySpec;
+    onChange: (next: HTTPProxySpec) => void;
+    isReadonly?: boolean;
+}
+export declare function HTTPHeaderPolicyEditor({ value, onChange, isReadonly }: HTTPHeaderPolicyEditorProps): ReactElement;
+export {};
+//# sourceMappingURL=HTTPHeaderPolicyEditor.d.ts.map

package/dist/components/HTTPSettingsEditor/HTTPHeaderPolicyEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HTTPHeaderPolicyEditor.d.ts","sourceRoot":"","sources":["../../../src/components/HTTPSettingsEditor/HTTPHeaderPolicyEditor.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAoB1C,UAAU,2BAA2B;IACnC,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,sBAAsB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,2BAA2B,GAAG,YAAY,CAmBjH"}

package/dist/components/HTTPSettingsEditor/HTTPHeaderPolicyEditor.js

@@ -0,0 +1,99 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Autocomplete, Stack, TextField, Typography } from "@mui/material";
+import { useCallback } from "react";
+const emptyHeaders = [];
+const headerPolicies = [
+    {
+        name: 'allowHeaders',
+        label: 'Allowed headers',
+        otherName: 'dropHeaders',
+        description: 'Only these request headers may be forwarded to the datasource. All other request headers are dropped.'
+    },
+    {
+        name: 'dropHeaders',
+        label: 'Dropped headers',
+        otherName: 'allowHeaders',
+        description: 'These request headers must not be forwarded to the datasource.'
+    }
+];
+export function HTTPHeaderPolicyEditor({ value, onChange, isReadonly }) {
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 1,
+        mb: 2,
+        children: [
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "h5",
+                children: "Request header forwarding"
+            }),
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                children: "Configure either allowed headers or dropped headers. Clear the current list before using the other. Type a header name and press Enter to add it."
+            }),
+            headerPolicies.map((policy)=>/*#__PURE__*/ _jsx(HeaderPolicyField, {
+                    policy: policy,
+                    value: value,
+                    onChange: onChange,
+                    isReadonly: isReadonly
+                }, policy.name))
+        ]
+    });
+}
+function HeaderPolicyField({ policy, value, onChange, isReadonly }) {
+    const { name, label, otherName, description } = policy;
+    const hasConflict = Boolean(value.allowHeaders?.length && value.dropHeaders?.length);
+    const handleChange = useCallback((_, headers)=>{
+        const nextHeaders = headers.map((header)=>header.trim()).filter(Boolean);
+        onChange({
+            ...value,
+            [name]: nextHeaders.length > 0 ? nextHeaders : undefined
+        });
+    }, [
+        name,
+        value,
+        onChange
+    ]);
+    const renderInput = useCallback((params)=>/*#__PURE__*/ _jsx(TextField, {
+            ...params,
+            label: label,
+            error: hasConflict,
+            helperText: hasConflict ? 'Allowed headers and dropped headers cannot both be configured.' : description,
+            InputProps: {
+                ...params.InputProps,
+                readOnly: isReadonly
+            },
+            InputLabelProps: {
+                ...params.InputLabelProps,
+                shrink: isReadonly ? true : undefined
+            }
+        }), [
+        isReadonly,
+        label,
+        hasConflict,
+        description
+    ]);
+    return /*#__PURE__*/ _jsx(Autocomplete, {
+        multiple: true,
+        freeSolo: true,
+        autoSelect: true,
+        options: emptyHeaders,
+        value: value[name] ?? emptyHeaders,
+        readOnly: isReadonly,
+        disabled: Boolean(value[otherName]?.length) && !value[name]?.length,
+        onChange: handleChange,
+        renderInput: renderInput
+    });
+}
+
+//# sourceMappingURL=HTTPHeaderPolicyEditor.js.map

package/dist/components/HTTPSettingsEditor/HTTPHeaderPolicyEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/HTTPSettingsEditor/HTTPHeaderPolicyEditor.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { AutocompleteRenderInputParams } from '@mui/material';\nimport { Autocomplete, Stack, TextField, Typography } from '@mui/material';\nimport type { HTTPProxySpec } from '@perses-dev/spec';\nimport type { ReactElement } from 'react';\nimport { useCallback } from 'react';\n\nconst emptyHeaders: string[] = [];\nconst headerPolicies = [\n  {\n    name: 'allowHeaders',\n    label: 'Allowed headers',\n    otherName: 'dropHeaders',\n    description:\n      'Only these request headers may be forwarded to the datasource. All other request headers are dropped.',\n  },\n  {\n    name: 'dropHeaders',\n    label: 'Dropped headers',\n    otherName: 'allowHeaders',\n    description: 'These request headers must not be forwarded to the datasource.',\n  },\n] as const;\n\ninterface HTTPHeaderPolicyEditorProps {\n  value: HTTPProxySpec;\n  onChange: (next: HTTPProxySpec) => void;\n  isReadonly?: boolean;\n}\n\nexport function HTTPHeaderPolicyEditor({ value, onChange, isReadonly }: HTTPHeaderPolicyEditorProps): ReactElement {\n  return (\n    <Stack spacing={1} mb={2}>\n      <Typography variant=\"h5\">Request header forwarding</Typography>\n      <Typography variant=\"body2\">\n        Configure either allowed headers or dropped headers. Clear the current list before using the other. Type a\n        header name and press Enter to add it.\n      </Typography>\n      {headerPolicies.map((policy) => (\n        <HeaderPolicyField\n          key={policy.name}\n          policy={policy}\n          value={value}\n          onChange={onChange}\n          isReadonly={isReadonly}\n        />\n      ))}\n    </Stack>\n  );\n}\n\ninterface HeaderPolicyFieldProps extends HTTPHeaderPolicyEditorProps {\n  policy: (typeof headerPolicies)[number];\n}\n\nfunction HeaderPolicyField({ policy, value, onChange, isReadonly }: HeaderPolicyFieldProps): ReactElement {\n  const { name, label, otherName, description } = policy;\n  const hasConflict = Boolean(value.allowHeaders?.length && value.dropHeaders?.length);\n  const handleChange = useCallback(\n    (_: unknown, headers: string[]): void => {\n      const nextHeaders = headers.map((header) => header.trim()).filter(Boolean);\n      onChange({ ...value, [name]: nextHeaders.length > 0 ? nextHeaders : undefined });\n    },\n    [name, value, onChange],\n  );\n  const renderInput = useCallback(\n    (params: AutocompleteRenderInputParams): ReactElement => (\n      <TextField\n        {...params}\n        label={label}\n        error={hasConflict}\n        helperText={hasConflict ? 'Allowed headers and dropped headers cannot both be configured.' : description}\n        InputProps={{\n          ...params.InputProps,\n          readOnly: isReadonly,\n        }}\n        InputLabelProps={{ ...params.InputLabelProps, shrink: isReadonly ? true : undefined }}\n      />\n    ),\n    [isReadonly, label, hasConflict, description],\n  );\n\n  return (\n    <Autocomplete\n      multiple\n      freeSolo\n      autoSelect\n      options={emptyHeaders}\n      value={value[name] ?? emptyHeaders}\n      readOnly={isReadonly}\n      disabled={Boolean(value[otherName]?.length) && !value[name]?.length}\n      onChange={handleChange}\n      renderInput={renderInput}\n    />\n  );\n}\n"],"names":["Autocomplete","Stack","TextField","Typography","useCallback","emptyHeaders","headerPolicies","name","label","otherName","description","HTTPHeaderPolicyEditor","value","onChange","isReadonly","spacing","mb","variant","map","policy","HeaderPolicyField","hasConflict","Boolean","allowHeaders","length","dropHeaders","handleChange","_","headers","nextHeaders","header","trim","filter","undefined","renderInput","params","error","helperText","InputProps","readOnly","InputLabelProps","shrink","multiple","freeSolo","autoSelect","options","disabled"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAGjC,SAASA,YAAY,EAAEC,KAAK,EAAEC,SAAS,EAAEC,UAAU,QAAQ,gBAAgB;AAG3E,SAASC,WAAW,QAAQ,QAAQ;AAEpC,MAAMC,eAAyB,EAAE;AACjC,MAAMC,iBAAiB;IACrB;QACEC,MAAM;QACNC,OAAO;QACPC,WAAW;QACXC,aACE;IACJ;IACA;QACEH,MAAM;QACNC,OAAO;QACPC,WAAW;QACXC,aAAa;IACf;CACD;AAQD,OAAO,SAASC,uBAAuB,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,UAAU,EAA+B;IACjG,qBACE,MAACb;QAAMc,SAAS;QAAGC,IAAI;;0BACrB,KAACb;gBAAWc,SAAQ;0BAAK;;0BACzB,KAACd;gBAAWc,SAAQ;0BAAQ;;YAI3BX,eAAeY,GAAG,CAAC,CAACC,uBACnB,KAACC;oBAECD,QAAQA;oBACRP,OAAOA;oBACPC,UAAUA;oBACVC,YAAYA;mBAJPK,OAAOZ,IAAI;;;AAS1B;AAMA,SAASa,kBAAkB,EAAED,MAAM,EAAEP,KAAK,EAAEC,QAAQ,EAAEC,UAAU,EAA0B;IACxF,MAAM,EAAEP,IAAI,EAAEC,KAAK,EAAEC,SAAS,EAAEC,WAAW,EAAE,GAAGS;IAChD,MAAME,cAAcC,QAAQV,MAAMW,YAAY,EAAEC,UAAUZ,MAAMa,WAAW,EAAED;IAC7E,MAAME,eAAetB,YACnB,CAACuB,GAAYC;QACX,MAAMC,cAAcD,QAAQV,GAAG,CAAC,CAACY,SAAWA,OAAOC,IAAI,IAAIC,MAAM,CAACV;QAClET,SAAS;YAAE,GAAGD,KAAK;YAAE,CAACL,KAAK,EAAEsB,YAAYL,MAAM,GAAG,IAAIK,cAAcI;QAAU;IAChF,GACA;QAAC1B;QAAMK;QAAOC;KAAS;IAEzB,MAAMqB,cAAc9B,YAClB,CAAC+B,uBACC,KAACjC;YACE,GAAGiC,MAAM;YACV3B,OAAOA;YACP4B,OAAOf;YACPgB,YAAYhB,cAAc,mEAAmEX;YAC7F4B,YAAY;gBACV,GAAGH,OAAOG,UAAU;gBACpBC,UAAUzB;YACZ;YACA0B,iBAAiB;gBAAE,GAAGL,OAAOK,eAAe;gBAAEC,QAAQ3B,aAAa,OAAOmB;YAAU;YAGxF;QAACnB;QAAYN;QAAOa;QAAaX;KAAY;IAG/C,qBACE,KAACV;QACC0C,QAAQ;QACRC,QAAQ;QACRC,UAAU;QACVC,SAASxC;QACTO,OAAOA,KAAK,CAACL,KAAK,IAAIF;QACtBkC,UAAUzB;QACVgC,UAAUxB,QAAQV,KAAK,CAACH,UAAU,EAAEe,WAAW,CAACZ,KAAK,CAACL,KAAK,EAAEiB;QAC7DX,UAAUa;QACVQ,aAAaA;;AAGnB"}

package/dist/components/HTTPSettingsEditor/HTTPSettingsEditor.d.ts

@@ -8,5 +8,6 @@ export interface HTTPSettingsEditor {
     initialSpecProxy: HTTPDatasourceSpec;
     testConnection?: () => Promise<void>;
 }
+/** Edits direct URLs and proxy settings, including mutually exclusive allow/drop request header lists. */
 export declare function HTTPSettingsEditor(props: HTTPSettingsEditor): ReactElement;
 //# sourceMappingURL=HTTPSettingsEditor.d.ts.map

package/dist/components/HTTPSettingsEditor/HTTPSettingsEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HTTPSettingsEditor.d.ts","sourceRoot":"","sources":["../../../src/components/HTTPSettingsEditor/HTTPSettingsEditor.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAI3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAmB1C,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,kBAAkB,CAAC;IACtC,gBAAgB,EAAE,kBAAkB,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACtC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,CAgd1E"}
+{"version":3,"file":"HTTPSettingsEditor.d.ts","sourceRoot":"","sources":["../../../src/components/HTTPSettingsEditor/HTTPSettingsEditor.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,kBAAkB,EAAiB,MAAM,kBAAkB,CAAC;AAI1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAoB1C,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,kBAAkB,CAAC;IACtC,gBAAgB,EAAE,kBAAkB,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACtC;AAED,0GAA0G;AAC1G,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,CAwe1E"}

package/dist/components/HTTPSettingsEditor/HTTPSettingsEditor.js

@@ -11,17 +11,18 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { Box, Grid, IconButton, MenuItem, TextField, Typography } from "@mui/material";
+import { Box, Grid, IconButton, MenuItem, Stack, TextField, Typography } from "@mui/material";
 import { produce } from "immer";
 import MinusIcon from "mdi-material-ui/Minus";
 import PlusIcon from "mdi-material-ui/Plus";
-import React, { Fragment, useState } from "react";
+import React, { Fragment, useCallback, useState } from "react";
 import { Controller, useFieldArray, useForm } from "react-hook-form";
 import { z } from "zod";
 import { DatasourceTestConnectionButton } from "../DatasourceTestConnectionButton/index.js";
 import { OptionsEditorRadios } from "../OptionsEditorRadios/index.js";
+import { HTTPHeaderPolicyEditor } from "./HTTPHeaderPolicyEditor.js";
 const urlSchema = z.string().url();
-export function HTTPSettingsEditor(props) {
+/** Edits direct URLs and proxy settings, including mutually exclusive allow/drop request header lists. */ export function HTTPSettingsEditor(props) {
     const { value, onChange, isReadonly, initialSpecDirect, initialSpecProxy, testConnection } = props;
     const strDirect = 'Direct access';
     const strProxy = 'Proxy';
@@ -74,6 +75,16 @@ export function HTTPSettingsEditor(props) {
             }
         }));
     };
+    const handleHeaderPolicyChange = useCallback((next)=>{
+        onChange(produce(value, (draft)=>{
+            if (draft.proxy !== undefined) {
+                draft.proxy.spec = next;
+            }
+        }));
+    }, [
+        value,
+        onChange
+    ]);
     const tabs = [
         {
             label: strProxy,
@@ -419,30 +430,44 @@ export function HTTPSettingsEditor(props) {
                             })
                         ]
                     }),
-                    /*#__PURE__*/ _jsx(Controller, {
-                        name: "Secret",
-                        render: ({ field, fieldState })=>/*#__PURE__*/ _jsx(TextField, {
-                                ...field,
-                                fullWidth: true,
-                                label: "Secret",
-                                value: value.proxy?.spec.secret || '',
-                                error: !!fieldState.error,
-                                helperText: fieldState.error?.message,
-                                InputProps: {
-                                    readOnly: isReadonly
-                                },
-                                InputLabelProps: {
-                                    shrink: isReadonly ? true : undefined
-                                },
-                                onChange: (e)=>{
-                                    field.onChange(e);
-                                    onChange(produce(value, (draft)=>{
-                                        if (draft.proxy !== undefined) {
-                                            draft.proxy.spec.secret = e.target.value;
+                    value.proxy && /*#__PURE__*/ _jsx(HTTPHeaderPolicyEditor, {
+                        value: value.proxy.spec,
+                        isReadonly: isReadonly,
+                        onChange: handleHeaderPolicyChange
+                    }),
+                    /*#__PURE__*/ _jsxs(Stack, {
+                        spacing: 1,
+                        children: [
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "h5",
+                                children: "Secret"
+                            }),
+                            /*#__PURE__*/ _jsx(Controller, {
+                                name: "Secret",
+                                render: ({ field, fieldState })=>/*#__PURE__*/ _jsx(TextField, {
+                                        ...field,
+                                        fullWidth: true,
+                                        label: "Secret",
+                                        value: value.proxy?.spec.secret || '',
+                                        error: !!fieldState.error,
+                                        helperText: fieldState.error?.message,
+                                        InputProps: {
+                                            readOnly: isReadonly
+                                        },
+                                        InputLabelProps: {
+                                            shrink: isReadonly ? true : undefined
+                                        },
+                                        onChange: (e)=>{
+                                            field.onChange(e);
+                                            onChange(produce(value, (draft)=>{
+                                                if (draft.proxy !== undefined) {
+                                                    draft.proxy.spec.secret = e.target.value;
+                                                }
+                                            }));
                                         }
-                                    }));
-                                }
+                                    })
                             })
+                        ]
                     })
                 ]
             })

package/dist/components/HTTPSettingsEditor/HTTPSettingsEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/HTTPSettingsEditor/HTTPSettingsEditor.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Box, Grid, IconButton, MenuItem, TextField, Typography } from '@mui/material';\nimport type { RequestHeaders } from '@perses-dev/client';\nimport type { HTTPDatasourceSpec } from '@perses-dev/spec';\nimport { produce } from 'immer';\nimport MinusIcon from 'mdi-material-ui/Minus';\nimport PlusIcon from 'mdi-material-ui/Plus';\nimport type { ReactElement } from 'react';\nimport React, { Fragment, useState } from 'react';\nimport { Controller, useFieldArray, useForm } from 'react-hook-form';\nimport { z } from 'zod';\n\nimport { DatasourceTestConnectionButton } from '../DatasourceTestConnectionButton';\nimport { OptionsEditorRadios } from '../OptionsEditorRadios';\n\nconst urlSchema = z.string().url();\n\ntype HeaderEntry = {\n  name: string;\n  value: string;\n};\n\ntype HeaderFormValues = {\n  headers: HeaderEntry[];\n};\n\nexport interface HTTPSettingsEditor {\n  value: HTTPDatasourceSpec;\n  onChange: (next: HTTPDatasourceSpec) => void;\n  isReadonly?: boolean;\n  initialSpecDirect: HTTPDatasourceSpec;\n  initialSpecProxy: HTTPDatasourceSpec;\n  testConnection?: () => Promise<void>;\n}\n\nexport function HTTPSettingsEditor(props: HTTPSettingsEditor): ReactElement {\n  const { value, onChange, isReadonly, initialSpecDirect, initialSpecProxy, testConnection } = props;\n  const strDirect = 'Direct access';\n  const strProxy = 'Proxy';\n\n  // Initialize Proxy mode by default, if neither direct nor proxy mode is selected.\n  if (value.directUrl === undefined && value.proxy === undefined) {\n    Object.assign(value, initialSpecProxy);\n  }\n\n  // Use local state to maintain an array of header entries during editing, instead of\n  // manipulating a map directly which causes weird UX.\n  const headersForm = useForm<HeaderFormValues>({\n    defaultValues: {\n      headers: Object.entries(value.proxy?.spec.headers ?? {}).map(([name, headerValue]) => ({\n        name,\n        value: headerValue as string,\n      })),\n    },\n  });\n\n  const { fields, append, remove } = useFieldArray({\n    control: headersForm.control,\n    name: 'headers',\n  });\n\n  // Watch the headers array for changes to detect duplicates\n  const watchedHeaders = headersForm.watch('headers');\n\n  // Check for duplicate header names\n  // TODO: duplication detection logic to be replaced by proper zod schema validation in the future\n  // ref https://github.com/perses/perses/issues/3014\n  const nameMap = new Map<string, number>();\n  const duplicateNames = new Set<string>();\n  watchedHeaders.forEach(({ name }) => {\n    if (name !== '') {\n      const count = (nameMap.get(name) || 0) + 1;\n      nameMap.set(name, count);\n      if (count > 1) {\n        duplicateNames.add(name);\n      }\n    }\n  });\n  const hasDuplicates = duplicateNames.size > 0;\n\n  // Sync headers to parent\n  const syncHeadersToParent = (headers: HeaderEntry[]): void => {\n    const headersObject: RequestHeaders = {};\n    headers.forEach(({ name, value: headerValue }) => {\n      if (name !== '') {\n        headersObject[name] = headerValue;\n      }\n    });\n\n    onChange(\n      produce(value, (draft) => {\n        if (draft.proxy !== undefined) {\n          draft.proxy.spec.headers = Object.keys(headersObject).length > 0 ? headersObject : undefined;\n        }\n      }),\n    );\n  };\n\n  const tabs = [\n    {\n      label: strProxy,\n      content: (\n        <>\n          <Controller\n            name=\"URL\"\n            render={({ field, fieldState }) => (\n              <TextField\n                {...field}\n                fullWidth\n                label=\"URL\"\n                value={value.proxy?.spec.url || ''}\n                error={!!fieldState.error}\n                helperText={fieldState.error?.message}\n                InputProps={{\n                  readOnly: isReadonly,\n                }}\n                InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                onChange={(e) => {\n                  field.onChange(e);\n                  onChange(\n                    produce(value, (draft) => {\n                      if (draft.proxy !== undefined) {\n                        draft.proxy.spec.url = e.target.value;\n                      }\n                    }),\n                  );\n                }}\n                sx={{ mb: 2 }}\n              />\n            )}\n          />\n          {testConnection && (\n            <Box mb={2} display=\"flex\" justifyContent=\"flex-end\">\n              <DatasourceTestConnectionButton\n                testConnection={testConnection}\n                disabled={!urlSchema.safeParse(value.proxy?.spec.url).success}\n              />\n            </Box>\n          )}\n          <Typography variant=\"h5\" mb={2}>\n            Allowed endpoints\n          </Typography>\n          <Grid container spacing={2} mb={2}>\n            {value.proxy?.spec.allowedEndpoints && value.proxy?.spec.allowedEndpoints.length !== 0 ? (\n              value.proxy.spec.allowedEndpoints.map(({ endpointPattern, method }, i) => {\n                return (\n                  <Fragment key={i}>\n                    <Grid item xs={8}>\n                      <Controller\n                        name={`Endpoint pattern ${i}`}\n                        render={({ field, fieldState }) => (\n                          <TextField\n                            {...field}\n                            fullWidth\n                            label=\"Endpoint pattern\"\n                            value={endpointPattern}\n                            error={!!fieldState.error}\n                            helperText={fieldState.error?.message}\n                            InputProps={{\n                              readOnly: isReadonly,\n                            }}\n                            InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                            onChange={(e) => {\n                              field.onChange(e);\n                              onChange(\n                                produce(value, (draft) => {\n                                  if (draft.proxy !== undefined) {\n                                    draft.proxy.spec.allowedEndpoints = draft.proxy.spec.allowedEndpoints?.map(\n                                      (item, itemIndex) => {\n                                        if (i === itemIndex) {\n                                          return {\n                                            endpointPattern: e.target.value,\n                                            method: item.method,\n                                          };\n                                        } else {\n                                          return item;\n                                        }\n                                      },\n                                    );\n                                  }\n                                }),\n                              );\n                            }}\n                          />\n                        )}\n                      />\n                    </Grid>\n                    <Grid item xs={3}>\n                      <Controller\n                        name={`Method ${i}`}\n                        render={({ field, fieldState }) => (\n                          <TextField\n                            {...field}\n                            select\n                            fullWidth\n                            label=\"Method\"\n                            value={method}\n                            error={!!fieldState.error}\n                            helperText={fieldState.error?.message}\n                            InputProps={{\n                              readOnly: isReadonly,\n                            }}\n                            InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                            onChange={(e) => {\n                              field.onChange(e);\n                              onChange(\n                                produce(value, (draft) => {\n                                  if (draft.proxy !== undefined) {\n                                    draft.proxy.spec.allowedEndpoints = draft.proxy.spec.allowedEndpoints?.map(\n                                      (item, itemIndex) => {\n                                        if (i === itemIndex) {\n                                          return {\n                                            endpointPattern: item.endpointPattern,\n                                            method: e.target.value,\n                                          };\n                                        } else {\n                                          return item;\n                                        }\n                                      },\n                                    );\n                                  }\n                                }),\n                              );\n                            }}\n                          >\n                            <MenuItem value=\"GET\">GET</MenuItem>\n                            <MenuItem value=\"POST\">POST</MenuItem>\n                            <MenuItem value=\"PUT\">PUT</MenuItem>\n                            <MenuItem value=\"PATCH\">PATCH</MenuItem>\n                            <MenuItem value=\"DELETE\">DELETE</MenuItem>\n                          </TextField>\n                        )}\n                      />\n                    </Grid>\n                    <Grid item xs={1}>\n                      <Controller\n                        name={`Remove Endpoint ${i}`}\n                        render={({ field }) => (\n                          <IconButton\n                            {...field}\n                            disabled={isReadonly}\n                            // Remove the given allowed endpoint from the list\n                            onClick={(e) => {\n                              field.onChange(e);\n                              onChange(\n                                produce(value, (draft) => {\n                                  if (draft.proxy !== undefined) {\n                                    draft.proxy.spec.allowedEndpoints = [\n                                      ...(draft.proxy.spec.allowedEndpoints?.filter((item, itemIndex) => {\n                                        return itemIndex !== i;\n                                      }) || []),\n                                    ];\n                                  }\n                                }),\n                              );\n                            }}\n                          >\n                            <MinusIcon />\n                          </IconButton>\n                        )}\n                      />\n                    </Grid>\n                  </Fragment>\n                );\n              })\n            ) : (\n              <Grid item xs={4}>\n                <Typography sx={{ fontStyle: 'italic' }}>None</Typography>\n              </Grid>\n            )}\n            <Grid item xs={12} sx={{ paddingTop: '0px !important', paddingLeft: '5px !important' }}>\n              <IconButton\n                disabled={isReadonly}\n                // Add a new (empty) allowed endpoint to the list\n                onClick={() =>\n                  onChange(\n                    produce(value, (draft) => {\n                      if (draft.proxy !== undefined) {\n                        draft.proxy.spec.allowedEndpoints = [\n                          ...(draft.proxy.spec.allowedEndpoints ?? []),\n                          { endpointPattern: '', method: '' },\n                        ];\n                      }\n                    }),\n                  )\n                }\n              >\n                <PlusIcon />\n              </IconButton>\n            </Grid>\n          </Grid>\n          <Typography variant=\"h5\" mb={2}>\n            Request Headers\n          </Typography>\n          <Grid container spacing={2} mb={2}>\n            {fields.length > 0 ? (\n              fields.map((field, index) => (\n                <Fragment key={field.id}>\n                  <Grid item xs={4}>\n                    <Controller\n                      control={headersForm.control}\n                      name={`headers.${index}.name`}\n                      render={({ field: controllerField, fieldState }) => (\n                        <TextField\n                          {...controllerField}\n                          fullWidth\n                          label=\"Header name\"\n                          error={!!fieldState.error || duplicateNames.has(controllerField.value)}\n                          helperText={fieldState.error?.message}\n                          InputProps={{\n                            readOnly: isReadonly,\n                          }}\n                          InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                          onChange={(e) => {\n                            controllerField.onChange(e);\n                            const updatedHeaders = [...watchedHeaders];\n                            updatedHeaders[index] = { name: e.target.value, value: updatedHeaders[index]?.value ?? '' };\n                            syncHeadersToParent(updatedHeaders);\n                          }}\n                        />\n                      )}\n                    />\n                  </Grid>\n                  <Grid item xs={7}>\n                    <Controller\n                      control={headersForm.control}\n                      name={`headers.${index}.value`}\n                      render={({ field: controllerField, fieldState }) => (\n                        <TextField\n                          {...controllerField}\n                          fullWidth\n                          label=\"Header value\"\n                          error={!!fieldState.error}\n                          helperText={fieldState.error?.message}\n                          InputProps={{\n                            readOnly: isReadonly,\n                          }}\n                          InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                          onChange={(e) => {\n                            controllerField.onChange(e);\n                            const updatedHeaders = [...watchedHeaders];\n                            updatedHeaders[index] = { name: updatedHeaders[index]?.name ?? '', value: e.target.value };\n                            syncHeadersToParent(updatedHeaders);\n                          }}\n                        />\n                      )}\n                    />\n                  </Grid>\n                  <Grid item xs={1}>\n                    <IconButton\n                      disabled={isReadonly}\n                      aria-label={`Remove header ${watchedHeaders[index]?.name || index}`}\n                      onClick={() => {\n                        remove(index);\n                        const updatedHeaders = watchedHeaders.filter((_, i) => i !== index);\n                        syncHeadersToParent(updatedHeaders);\n                      }}\n                    >\n                      <MinusIcon />\n                    </IconButton>\n                  </Grid>\n                </Fragment>\n              ))\n            ) : (\n              <Grid item xs={4}>\n                <Typography sx={{ fontStyle: 'italic' }}>None</Typography>\n              </Grid>\n            )}\n            {hasDuplicates && (\n              <Grid item xs={12}>\n                <Typography variant=\"body2\" color=\"error\">\n                  Duplicate header names detected. Each header name must be unique.\n                </Typography>\n              </Grid>\n            )}\n            <Grid item xs={12} sx={{ paddingTop: '0px !important', paddingLeft: '5px !important' }}>\n              <IconButton disabled={isReadonly} onClick={() => append({ name: '', value: '' })}>\n                <PlusIcon />\n              </IconButton>\n            </Grid>\n          </Grid>\n\n          <Controller\n            name=\"Secret\"\n            render={({ field, fieldState }) => (\n              <TextField\n                {...field}\n                fullWidth\n                label=\"Secret\"\n                value={value.proxy?.spec.secret || ''}\n                error={!!fieldState.error}\n                helperText={fieldState.error?.message}\n                InputProps={{\n                  readOnly: isReadonly,\n                }}\n                InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                onChange={(e) => {\n                  field.onChange(e);\n                  onChange(\n                    produce(value, (draft) => {\n                      if (draft.proxy !== undefined) {\n                        draft.proxy.spec.secret = e.target.value;\n                      }\n                    }),\n                  );\n                }}\n              />\n            )}\n          />\n        </>\n      ),\n    },\n    {\n      label: strDirect,\n      content: (\n        <>\n          <Controller\n            name=\"URL\"\n            render={({ field, fieldState }) => (\n              <TextField\n                {...field}\n                fullWidth\n                label=\"URL\"\n                value={value.directUrl || ''}\n                error={!!fieldState.error}\n                helperText={fieldState.error?.message}\n                InputProps={{\n                  readOnly: isReadonly,\n                }}\n                InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                onChange={(e) => {\n                  field.onChange(e);\n                  onChange(\n                    produce(value, (draft) => {\n                      draft.directUrl = e.target.value;\n                    }),\n                  );\n                }}\n              />\n            )}\n          />\n          {testConnection && (\n            <Box my={2} display=\"flex\" justifyContent=\"flex-end\">\n              <DatasourceTestConnectionButton\n                testConnection={testConnection}\n                disabled={!urlSchema.safeParse(value.directUrl).success}\n              />\n            </Box>\n          )}\n        </>\n      ),\n    },\n  ];\n\n  // Use of findIndex instead of providing hardcoded values to avoid desynchronisatio or\n  // bug in case the tabs get eventually swapped in the future.\n  const directModeId = tabs.findIndex((tab) => tab.label === strDirect);\n  const proxyModeId = tabs.findIndex((tab) => tab.label === strProxy);\n\n  // Set defaultTab to the mode that this datasource is currently relying on.\n  const defaultTab = value.proxy ? proxyModeId : directModeId;\n\n  // For better user experience, save previous states in mind for both mode.\n  // This avoids losing everything when the user changes their mind back.\n  const [previousSpecDirect, setPreviousSpecDirect] = useState(initialSpecDirect);\n  const [previousSpecProxy, setPreviousSpecProxy] = useState(initialSpecProxy);\n\n  // When changing mode, remove previous mode's config + append default values for the new mode.\n  const handleModeChange = (v: number): void => {\n    if (tabs[v]?.label === strDirect) {\n      setPreviousSpecProxy(value);\n\n      // Copy all settings (for example, scrapeInterval), except 'proxy'\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { proxy, ...newValue } = value;\n      onChange({ ...newValue, directUrl: previousSpecDirect.directUrl });\n    } else if (tabs[v]?.label === strProxy) {\n      setPreviousSpecDirect(value);\n\n      // Copy all settings (for example, scrapeInterval), except 'directUrl'\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { directUrl, ...newValue } = value;\n      onChange({ ...newValue, proxy: previousSpecProxy.proxy });\n    }\n  };\n\n  return (\n    <>\n      <Typography variant=\"h4\" mt={2}>\n        HTTP Settings\n      </Typography>\n      <OptionsEditorRadios\n        isReadonly={isReadonly}\n        tabs={tabs}\n        defaultTab={defaultTab}\n        onModeChange={handleModeChange}\n      />\n    </>\n  );\n}\n"],"names":["Box","Grid","IconButton","MenuItem","TextField","Typography","produce","MinusIcon","PlusIcon","React","Fragment","useState","Controller","useFieldArray","useForm","z","DatasourceTestConnectionButton","OptionsEditorRadios","urlSchema","string","url","HTTPSettingsEditor","props","value","onChange","isReadonly","initialSpecDirect","initialSpecProxy","testConnection","strDirect","strProxy","directUrl","undefined","proxy","Object","assign","headersForm","defaultValues","headers","entries","spec","map","name","headerValue","fields","append","remove","control","watchedHeaders","watch","nameMap","Map","duplicateNames","Set","forEach","count","get","set","add","hasDuplicates","size","syncHeadersToParent","headersObject","draft","keys","length","tabs","label","content","render","field","fieldState","fullWidth","error","helperText","message","InputProps","readOnly","InputLabelProps","shrink","e","target","sx","mb","display","justifyContent","disabled","safeParse","success","variant","container","spacing","allowedEndpoints","endpointPattern","method","i","item","xs","itemIndex","select","onClick","filter","fontStyle","paddingTop","paddingLeft","index","controllerField","has","updatedHeaders","aria-label","_","id","color","secret","my","directModeId","findIndex","tab","proxyModeId","defaultTab","previousSpecDirect","setPreviousSpecDirect","previousSpecProxy","setPreviousSpecProxy","handleModeChange","v","newValue","mt","onModeChange"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,GAAG,EAAEC,IAAI,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,UAAU,QAAQ,gBAAgB;AAGvF,SAASC,OAAO,QAAQ,QAAQ;AAChC,OAAOC,eAAe,wBAAwB;AAC9C,OAAOC,cAAc,uBAAuB;AAE5C,OAAOC,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,QAAQ;AAClD,SAASC,UAAU,EAAEC,aAAa,EAAEC,OAAO,QAAQ,kBAAkB;AACrE,SAASC,CAAC,QAAQ,MAAM;AAExB,SAASC,8BAA8B,QAAQ,6CAAoC;AACnF,SAASC,mBAAmB,QAAQ,kCAAyB;AAE7D,MAAMC,YAAYH,EAAEI,MAAM,GAAGC,GAAG;AAoBhC,OAAO,SAASC,mBAAmBC,KAAyB;IAC1D,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,iBAAiB,EAAEC,gBAAgB,EAAEC,cAAc,EAAE,GAAGN;IAC7F,MAAMO,YAAY;IAClB,MAAMC,WAAW;IAEjB,kFAAkF;IAClF,IAAIP,MAAMQ,SAAS,KAAKC,aAAaT,MAAMU,KAAK,KAAKD,WAAW;QAC9DE,OAAOC,MAAM,CAACZ,OAAOI;IACvB;IAEA,oFAAoF;IACpF,qDAAqD;IACrD,MAAMS,cAActB,QAA0B;QAC5CuB,eAAe;YACbC,SAASJ,OAAOK,OAAO,CAAChB,MAAMU,KAAK,EAAEO,KAAKF,WAAW,CAAC,GAAGG,GAAG,CAAC,CAAC,CAACC,MAAMC,YAAY,GAAM,CAAA;oBACrFD;oBACAnB,OAAOoB;gBACT,CAAA;QACF;IACF;IAEA,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAE,GAAGjC,cAAc;QAC/CkC,SAASX,YAAYW,OAAO;QAC5BL,MAAM;IACR;IAEA,2DAA2D;IAC3D,MAAMM,iBAAiBZ,YAAYa,KAAK,CAAC;IAEzC,mCAAmC;IACnC,iGAAiG;IACjG,mDAAmD;IACnD,MAAMC,UAAU,IAAIC;IACpB,MAAMC,iBAAiB,IAAIC;IAC3BL,eAAeM,OAAO,CAAC,CAAC,EAAEZ,IAAI,EAAE;QAC9B,IAAIA,SAAS,IAAI;YACf,MAAMa,QAAQ,AAACL,CAAAA,QAAQM,GAAG,CAACd,SAAS,CAAA,IAAK;YACzCQ,QAAQO,GAAG,CAACf,MAAMa;YAClB,IAAIA,QAAQ,GAAG;gBACbH,eAAeM,GAAG,CAAChB;YACrB;QACF;IACF;IACA,MAAMiB,gBAAgBP,eAAeQ,IAAI,GAAG;IAE5C,yBAAyB;IACzB,MAAMC,sBAAsB,CAACvB;QAC3B,MAAMwB,gBAAgC,CAAC;QACvCxB,QAAQgB,OAAO,CAAC,CAAC,EAAEZ,IAAI,EAAEnB,OAAOoB,WAAW,EAAE;YAC3C,IAAID,SAAS,IAAI;gBACfoB,aAAa,CAACpB,KAAK,GAAGC;YACxB;QACF;QAEAnB,SACElB,QAAQiB,OAAO,CAACwC;YACd,IAAIA,MAAM9B,KAAK,KAAKD,WAAW;gBAC7B+B,MAAM9B,KAAK,CAACO,IAAI,CAACF,OAAO,GAAGJ,OAAO8B,IAAI,CAACF,eAAeG,MAAM,GAAG,IAAIH,gBAAgB9B;YACrF;QACF;IAEJ;IAEA,MAAMkC,OAAO;QACX;YACEC,OAAOrC;YACPsC,uBACE;;kCACE,KAACxD;wBACC8B,MAAK;wBACL2B,QAAQ,CAAC,EAAEC,KAAK,EAAEC,UAAU,EAAE,iBAC5B,KAACnE;gCACE,GAAGkE,KAAK;gCACTE,SAAS;gCACTL,OAAM;gCACN5C,OAAOA,MAAMU,KAAK,EAAEO,KAAKpB,OAAO;gCAChCqD,OAAO,CAAC,CAACF,WAAWE,KAAK;gCACzBC,YAAYH,WAAWE,KAAK,EAAEE;gCAC9BC,YAAY;oCACVC,UAAUpD;gCACZ;gCACAqD,iBAAiB;oCAAEC,QAAQtD,aAAa,OAAOO;gCAAU;gCACzDR,UAAU,CAACwD;oCACTV,MAAM9C,QAAQ,CAACwD;oCACfxD,SACElB,QAAQiB,OAAO,CAACwC;wCACd,IAAIA,MAAM9B,KAAK,KAAKD,WAAW;4CAC7B+B,MAAM9B,KAAK,CAACO,IAAI,CAACpB,GAAG,GAAG4D,EAAEC,MAAM,CAAC1D,KAAK;wCACvC;oCACF;gCAEJ;gCACA2D,IAAI;oCAAEC,IAAI;gCAAE;;;oBAIjBvD,gCACC,KAAC5B;wBAAImF,IAAI;wBAAGC,SAAQ;wBAAOC,gBAAe;kCACxC,cAAA,KAACrE;4BACCY,gBAAgBA;4BAChB0D,UAAU,CAACpE,UAAUqE,SAAS,CAAChE,MAAMU,KAAK,EAAEO,KAAKpB,KAAKoE,OAAO;;;kCAInE,KAACnF;wBAAWoF,SAAQ;wBAAKN,IAAI;kCAAG;;kCAGhC,MAAClF;wBAAKyF,SAAS;wBAACC,SAAS;wBAAGR,IAAI;;4BAC7B5D,MAAMU,KAAK,EAAEO,KAAKoD,oBAAoBrE,MAAMU,KAAK,EAAEO,KAAKoD,iBAAiB3B,WAAW,IACnF1C,MAAMU,KAAK,CAACO,IAAI,CAACoD,gBAAgB,CAACnD,GAAG,CAAC,CAAC,EAAEoD,eAAe,EAAEC,MAAM,EAAE,EAAEC;gCAClE,qBACE,MAACrF;;sDACC,KAACT;4CAAK+F,IAAI;4CAACC,IAAI;sDACb,cAAA,KAACrF;gDACC8B,MAAM,CAAC,iBAAiB,EAAEqD,GAAG;gDAC7B1B,QAAQ,CAAC,EAAEC,KAAK,EAAEC,UAAU,EAAE,iBAC5B,KAACnE;wDACE,GAAGkE,KAAK;wDACTE,SAAS;wDACTL,OAAM;wDACN5C,OAAOsE;wDACPpB,OAAO,CAAC,CAACF,WAAWE,KAAK;wDACzBC,YAAYH,WAAWE,KAAK,EAAEE;wDAC9BC,YAAY;4DACVC,UAAUpD;wDACZ;wDACAqD,iBAAiB;4DAAEC,QAAQtD,aAAa,OAAOO;wDAAU;wDACzDR,UAAU,CAACwD;4DACTV,MAAM9C,QAAQ,CAACwD;4DACfxD,SACElB,QAAQiB,OAAO,CAACwC;gEACd,IAAIA,MAAM9B,KAAK,KAAKD,WAAW;oEAC7B+B,MAAM9B,KAAK,CAACO,IAAI,CAACoD,gBAAgB,GAAG7B,MAAM9B,KAAK,CAACO,IAAI,CAACoD,gBAAgB,EAAEnD,IACrE,CAACuD,MAAME;wEACL,IAAIH,MAAMG,WAAW;4EACnB,OAAO;gFACLL,iBAAiBb,EAAEC,MAAM,CAAC1D,KAAK;gFAC/BuE,QAAQE,KAAKF,MAAM;4EACrB;wEACF,OAAO;4EACL,OAAOE;wEACT;oEACF;gEAEJ;4DACF;wDAEJ;;;;sDAKR,KAAC/F;4CAAK+F,IAAI;4CAACC,IAAI;sDACb,cAAA,KAACrF;gDACC8B,MAAM,CAAC,OAAO,EAAEqD,GAAG;gDACnB1B,QAAQ,CAAC,EAAEC,KAAK,EAAEC,UAAU,EAAE,iBAC5B,MAACnE;wDACE,GAAGkE,KAAK;wDACT6B,MAAM;wDACN3B,SAAS;wDACTL,OAAM;wDACN5C,OAAOuE;wDACPrB,OAAO,CAAC,CAACF,WAAWE,KAAK;wDACzBC,YAAYH,WAAWE,KAAK,EAAEE;wDAC9BC,YAAY;4DACVC,UAAUpD;wDACZ;wDACAqD,iBAAiB;4DAAEC,QAAQtD,aAAa,OAAOO;wDAAU;wDACzDR,UAAU,CAACwD;4DACTV,MAAM9C,QAAQ,CAACwD;4DACfxD,SACElB,QAAQiB,OAAO,CAACwC;gEACd,IAAIA,MAAM9B,KAAK,KAAKD,WAAW;oEAC7B+B,MAAM9B,KAAK,CAACO,IAAI,CAACoD,gBAAgB,GAAG7B,MAAM9B,KAAK,CAACO,IAAI,CAACoD,gBAAgB,EAAEnD,IACrE,CAACuD,MAAME;wEACL,IAAIH,MAAMG,WAAW;4EACnB,OAAO;gFACLL,iBAAiBG,KAAKH,eAAe;gFACrCC,QAAQd,EAAEC,MAAM,CAAC1D,KAAK;4EACxB;wEACF,OAAO;4EACL,OAAOyE;wEACT;oEACF;gEAEJ;4DACF;wDAEJ;;0EAEA,KAAC7F;gEAASoB,OAAM;0EAAM;;0EACtB,KAACpB;gEAASoB,OAAM;0EAAO;;0EACvB,KAACpB;gEAASoB,OAAM;0EAAM;;0EACtB,KAACpB;gEAASoB,OAAM;0EAAQ;;0EACxB,KAACpB;gEAASoB,OAAM;0EAAS;;;;;;sDAKjC,KAACtB;4CAAK+F,IAAI;4CAACC,IAAI;sDACb,cAAA,KAACrF;gDACC8B,MAAM,CAAC,gBAAgB,EAAEqD,GAAG;gDAC5B1B,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,KAACpE;wDACE,GAAGoE,KAAK;wDACTgB,UAAU7D;wDACV,kDAAkD;wDAClD2E,SAAS,CAACpB;4DACRV,MAAM9C,QAAQ,CAACwD;4DACfxD,SACElB,QAAQiB,OAAO,CAACwC;gEACd,IAAIA,MAAM9B,KAAK,KAAKD,WAAW;oEAC7B+B,MAAM9B,KAAK,CAACO,IAAI,CAACoD,gBAAgB,GAAG;2EAC9B7B,MAAM9B,KAAK,CAACO,IAAI,CAACoD,gBAAgB,EAAES,OAAO,CAACL,MAAME;4EACnD,OAAOA,cAAcH;wEACvB,MAAM,EAAE;qEACT;gEACH;4DACF;wDAEJ;kEAEA,cAAA,KAACxF;;;;;mCA/GIwF;4BAsHnB,mBAEA,KAAC9F;gCAAK+F,IAAI;gCAACC,IAAI;0CACb,cAAA,KAAC5F;oCAAW6E,IAAI;wCAAEoB,WAAW;oCAAS;8CAAG;;;0CAG7C,KAACrG;gCAAK+F,IAAI;gCAACC,IAAI;gCAAIf,IAAI;oCAAEqB,YAAY;oCAAkBC,aAAa;gCAAiB;0CACnF,cAAA,KAACtG;oCACCoF,UAAU7D;oCACV,iDAAiD;oCACjD2E,SAAS,IACP5E,SACElB,QAAQiB,OAAO,CAACwC;4CACd,IAAIA,MAAM9B,KAAK,KAAKD,WAAW;gDAC7B+B,MAAM9B,KAAK,CAACO,IAAI,CAACoD,gBAAgB,GAAG;uDAC9B7B,MAAM9B,KAAK,CAACO,IAAI,CAACoD,gBAAgB,IAAI,EAAE;oDAC3C;wDAAEC,iBAAiB;wDAAIC,QAAQ;oDAAG;iDACnC;4CACH;wCACF;8CAIJ,cAAA,KAACtF;;;;;kCAIP,KAACH;wBAAWoF,SAAQ;wBAAKN,IAAI;kCAAG;;kCAGhC,MAAClF;wBAAKyF,SAAS;wBAACC,SAAS;wBAAGR,IAAI;;4BAC7BvC,OAAOqB,MAAM,GAAG,IACfrB,OAAOH,GAAG,CAAC,CAAC6B,OAAOmC,sBACjB,MAAC/F;;sDACC,KAACT;4CAAK+F,IAAI;4CAACC,IAAI;sDACb,cAAA,KAACrF;gDACCmC,SAASX,YAAYW,OAAO;gDAC5BL,MAAM,CAAC,QAAQ,EAAE+D,MAAM,KAAK,CAAC;gDAC7BpC,QAAQ,CAAC,EAAEC,OAAOoC,eAAe,EAAEnC,UAAU,EAAE,iBAC7C,KAACnE;wDACE,GAAGsG,eAAe;wDACnBlC,SAAS;wDACTL,OAAM;wDACNM,OAAO,CAAC,CAACF,WAAWE,KAAK,IAAIrB,eAAeuD,GAAG,CAACD,gBAAgBnF,KAAK;wDACrEmD,YAAYH,WAAWE,KAAK,EAAEE;wDAC9BC,YAAY;4DACVC,UAAUpD;wDACZ;wDACAqD,iBAAiB;4DAAEC,QAAQtD,aAAa,OAAOO;wDAAU;wDACzDR,UAAU,CAACwD;4DACT0B,gBAAgBlF,QAAQ,CAACwD;4DACzB,MAAM4B,iBAAiB;mEAAI5D;6DAAe;4DAC1C4D,cAAc,CAACH,MAAM,GAAG;gEAAE/D,MAAMsC,EAAEC,MAAM,CAAC1D,KAAK;gEAAEA,OAAOqF,cAAc,CAACH,MAAM,EAAElF,SAAS;4DAAG;4DAC1FsC,oBAAoB+C;wDACtB;;;;sDAKR,KAAC3G;4CAAK+F,IAAI;4CAACC,IAAI;sDACb,cAAA,KAACrF;gDACCmC,SAASX,YAAYW,OAAO;gDAC5BL,MAAM,CAAC,QAAQ,EAAE+D,MAAM,MAAM,CAAC;gDAC9BpC,QAAQ,CAAC,EAAEC,OAAOoC,eAAe,EAAEnC,UAAU,EAAE,iBAC7C,KAACnE;wDACE,GAAGsG,eAAe;wDACnBlC,SAAS;wDACTL,OAAM;wDACNM,OAAO,CAAC,CAACF,WAAWE,KAAK;wDACzBC,YAAYH,WAAWE,KAAK,EAAEE;wDAC9BC,YAAY;4DACVC,UAAUpD;wDACZ;wDACAqD,iBAAiB;4DAAEC,QAAQtD,aAAa,OAAOO;wDAAU;wDACzDR,UAAU,CAACwD;4DACT0B,gBAAgBlF,QAAQ,CAACwD;4DACzB,MAAM4B,iBAAiB;mEAAI5D;6DAAe;4DAC1C4D,cAAc,CAACH,MAAM,GAAG;gEAAE/D,MAAMkE,cAAc,CAACH,MAAM,EAAE/D,QAAQ;gEAAInB,OAAOyD,EAAEC,MAAM,CAAC1D,KAAK;4DAAC;4DACzFsC,oBAAoB+C;wDACtB;;;;sDAKR,KAAC3G;4CAAK+F,IAAI;4CAACC,IAAI;sDACb,cAAA,KAAC/F;gDACCoF,UAAU7D;gDACVoF,cAAY,CAAC,cAAc,EAAE7D,cAAc,CAACyD,MAAM,EAAE/D,QAAQ+D,OAAO;gDACnEL,SAAS;oDACPtD,OAAO2D;oDACP,MAAMG,iBAAiB5D,eAAeqD,MAAM,CAAC,CAACS,GAAGf,IAAMA,MAAMU;oDAC7D5C,oBAAoB+C;gDACtB;0DAEA,cAAA,KAACrG;;;;mCA7DQ+D,MAAMyC,EAAE,mBAmEzB,KAAC9G;gCAAK+F,IAAI;gCAACC,IAAI;0CACb,cAAA,KAAC5F;oCAAW6E,IAAI;wCAAEoB,WAAW;oCAAS;8CAAG;;;4BAG5C3C,+BACC,KAAC1D;gCAAK+F,IAAI;gCAACC,IAAI;0CACb,cAAA,KAAC5F;oCAAWoF,SAAQ;oCAAQuB,OAAM;8CAAQ;;;0CAK9C,KAAC/G;gCAAK+F,IAAI;gCAACC,IAAI;gCAAIf,IAAI;oCAAEqB,YAAY;oCAAkBC,aAAa;gCAAiB;0CACnF,cAAA,KAACtG;oCAAWoF,UAAU7D;oCAAY2E,SAAS,IAAMvD,OAAO;4CAAEH,MAAM;4CAAInB,OAAO;wCAAG;8CAC5E,cAAA,KAACf;;;;;kCAKP,KAACI;wBACC8B,MAAK;wBACL2B,QAAQ,CAAC,EAAEC,KAAK,EAAEC,UAAU,EAAE,iBAC5B,KAACnE;gCACE,GAAGkE,KAAK;gCACTE,SAAS;gCACTL,OAAM;gCACN5C,OAAOA,MAAMU,KAAK,EAAEO,KAAKyE,UAAU;gCACnCxC,OAAO,CAAC,CAACF,WAAWE,KAAK;gCACzBC,YAAYH,WAAWE,KAAK,EAAEE;gCAC9BC,YAAY;oCACVC,UAAUpD;gCACZ;gCACAqD,iBAAiB;oCAAEC,QAAQtD,aAAa,OAAOO;gCAAU;gCACzDR,UAAU,CAACwD;oCACTV,MAAM9C,QAAQ,CAACwD;oCACfxD,SACElB,QAAQiB,OAAO,CAACwC;wCACd,IAAIA,MAAM9B,KAAK,KAAKD,WAAW;4CAC7B+B,MAAM9B,KAAK,CAACO,IAAI,CAACyE,MAAM,GAAGjC,EAAEC,MAAM,CAAC1D,KAAK;wCAC1C;oCACF;gCAEJ;;;;;QAMZ;QACA;YACE4C,OAAOtC;YACPuC,uBACE;;kCACE,KAACxD;wBACC8B,MAAK;wBACL2B,QAAQ,CAAC,EAAEC,KAAK,EAAEC,UAAU,EAAE,iBAC5B,KAACnE;gCACE,GAAGkE,KAAK;gCACTE,SAAS;gCACTL,OAAM;gCACN5C,OAAOA,MAAMQ,SAAS,IAAI;gCAC1B0C,OAAO,CAAC,CAACF,WAAWE,KAAK;gCACzBC,YAAYH,WAAWE,KAAK,EAAEE;gCAC9BC,YAAY;oCACVC,UAAUpD;gCACZ;gCACAqD,iBAAiB;oCAAEC,QAAQtD,aAAa,OAAOO;gCAAU;gCACzDR,UAAU,CAACwD;oCACTV,MAAM9C,QAAQ,CAACwD;oCACfxD,SACElB,QAAQiB,OAAO,CAACwC;wCACdA,MAAMhC,SAAS,GAAGiD,EAAEC,MAAM,CAAC1D,KAAK;oCAClC;gCAEJ;;;oBAILK,gCACC,KAAC5B;wBAAIkH,IAAI;wBAAG9B,SAAQ;wBAAOC,gBAAe;kCACxC,cAAA,KAACrE;4BACCY,gBAAgBA;4BAChB0D,UAAU,CAACpE,UAAUqE,SAAS,CAAChE,MAAMQ,SAAS,EAAEyD,OAAO;;;;;QAMnE;KACD;IAED,sFAAsF;IACtF,6DAA6D;IAC7D,MAAM2B,eAAejD,KAAKkD,SAAS,CAAC,CAACC,MAAQA,IAAIlD,KAAK,KAAKtC;IAC3D,MAAMyF,cAAcpD,KAAKkD,SAAS,CAAC,CAACC,MAAQA,IAAIlD,KAAK,KAAKrC;IAE1D,2EAA2E;IAC3E,MAAMyF,aAAahG,MAAMU,KAAK,GAAGqF,cAAcH;IAE/C,0EAA0E;IAC1E,uEAAuE;IACvE,MAAM,CAACK,oBAAoBC,sBAAsB,GAAG9G,SAASe;IAC7D,MAAM,CAACgG,mBAAmBC,qBAAqB,GAAGhH,SAASgB;IAE3D,8FAA8F;IAC9F,MAAMiG,mBAAmB,CAACC;QACxB,IAAI3D,IAAI,CAAC2D,EAAE,EAAE1D,UAAUtC,WAAW;YAChC8F,qBAAqBpG;YAErB,kEAAkE;YAClE,6DAA6D;YAC7D,MAAM,EAAEU,KAAK,EAAE,GAAG6F,UAAU,GAAGvG;YAC/BC,SAAS;gBAAE,GAAGsG,QAAQ;gBAAE/F,WAAWyF,mBAAmBzF,SAAS;YAAC;QAClE,OAAO,IAAImC,IAAI,CAAC2D,EAAE,EAAE1D,UAAUrC,UAAU;YACtC2F,sBAAsBlG;YAEtB,sEAAsE;YACtE,6DAA6D;YAC7D,MAAM,EAAEQ,SAAS,EAAE,GAAG+F,UAAU,GAAGvG;YACnCC,SAAS;gBAAE,GAAGsG,QAAQ;gBAAE7F,OAAOyF,kBAAkBzF,KAAK;YAAC;QACzD;IACF;IAEA,qBACE;;0BACE,KAAC5B;gBAAWoF,SAAQ;gBAAKsC,IAAI;0BAAG;;0BAGhC,KAAC9G;gBACCQ,YAAYA;gBACZyC,MAAMA;gBACNqD,YAAYA;gBACZS,cAAcJ;;;;AAItB"}
+{"version":3,"sources":["../../../src/components/HTTPSettingsEditor/HTTPSettingsEditor.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Box, Grid, IconButton, MenuItem, Stack, TextField, Typography } from '@mui/material';\nimport type { RequestHeaders } from '@perses-dev/client';\nimport type { HTTPDatasourceSpec, HTTPProxySpec } from '@perses-dev/spec';\nimport { produce } from 'immer';\nimport MinusIcon from 'mdi-material-ui/Minus';\nimport PlusIcon from 'mdi-material-ui/Plus';\nimport type { ReactElement } from 'react';\nimport React, { Fragment, useCallback, useState } from 'react';\nimport { Controller, useFieldArray, useForm } from 'react-hook-form';\nimport { z } from 'zod';\n\nimport { DatasourceTestConnectionButton } from '../DatasourceTestConnectionButton';\nimport { OptionsEditorRadios } from '../OptionsEditorRadios';\nimport { HTTPHeaderPolicyEditor } from './HTTPHeaderPolicyEditor';\n\nconst urlSchema = z.string().url();\n\ntype HeaderEntry = {\n  name: string;\n  value: string;\n};\n\ntype HeaderFormValues = {\n  headers: HeaderEntry[];\n};\n\nexport interface HTTPSettingsEditor {\n  value: HTTPDatasourceSpec;\n  onChange: (next: HTTPDatasourceSpec) => void;\n  isReadonly?: boolean;\n  initialSpecDirect: HTTPDatasourceSpec;\n  initialSpecProxy: HTTPDatasourceSpec;\n  testConnection?: () => Promise<void>;\n}\n\n/** Edits direct URLs and proxy settings, including mutually exclusive allow/drop request header lists. */\nexport function HTTPSettingsEditor(props: HTTPSettingsEditor): ReactElement {\n  const { value, onChange, isReadonly, initialSpecDirect, initialSpecProxy, testConnection } = props;\n  const strDirect = 'Direct access';\n  const strProxy = 'Proxy';\n\n  // Initialize Proxy mode by default, if neither direct nor proxy mode is selected.\n  if (value.directUrl === undefined && value.proxy === undefined) {\n    Object.assign(value, initialSpecProxy);\n  }\n\n  // Use local state to maintain an array of header entries during editing, instead of\n  // manipulating a map directly which causes weird UX.\n  const headersForm = useForm<HeaderFormValues>({\n    defaultValues: {\n      headers: Object.entries(value.proxy?.spec.headers ?? {}).map(([name, headerValue]) => ({\n        name,\n        value: headerValue as string,\n      })),\n    },\n  });\n\n  const { fields, append, remove } = useFieldArray({\n    control: headersForm.control,\n    name: 'headers',\n  });\n\n  // Watch the headers array for changes to detect duplicates\n  const watchedHeaders = headersForm.watch('headers');\n\n  // Check for duplicate header names\n  // TODO: duplication detection logic to be replaced by proper zod schema validation in the future\n  // ref https://github.com/perses/perses/issues/3014\n  const nameMap = new Map<string, number>();\n  const duplicateNames = new Set<string>();\n  watchedHeaders.forEach(({ name }) => {\n    if (name !== '') {\n      const count = (nameMap.get(name) || 0) + 1;\n      nameMap.set(name, count);\n      if (count > 1) {\n        duplicateNames.add(name);\n      }\n    }\n  });\n  const hasDuplicates = duplicateNames.size > 0;\n\n  // Sync headers to parent\n  const syncHeadersToParent = (headers: HeaderEntry[]): void => {\n    const headersObject: RequestHeaders = {};\n    headers.forEach(({ name, value: headerValue }) => {\n      if (name !== '') {\n        headersObject[name] = headerValue;\n      }\n    });\n\n    onChange(\n      produce(value, (draft) => {\n        if (draft.proxy !== undefined) {\n          draft.proxy.spec.headers = Object.keys(headersObject).length > 0 ? headersObject : undefined;\n        }\n      }),\n    );\n  };\n\n  const handleHeaderPolicyChange = useCallback(\n    (next: HTTPProxySpec): void => {\n      onChange(\n        produce(value, (draft) => {\n          if (draft.proxy !== undefined) {\n            draft.proxy.spec = next;\n          }\n        }),\n      );\n    },\n    [value, onChange],\n  );\n\n  const tabs = [\n    {\n      label: strProxy,\n      content: (\n        <>\n          <Controller\n            name=\"URL\"\n            render={({ field, fieldState }) => (\n              <TextField\n                {...field}\n                fullWidth\n                label=\"URL\"\n                value={value.proxy?.spec.url || ''}\n                error={!!fieldState.error}\n                helperText={fieldState.error?.message}\n                InputProps={{\n                  readOnly: isReadonly,\n                }}\n                InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                onChange={(e) => {\n                  field.onChange(e);\n                  onChange(\n                    produce(value, (draft) => {\n                      if (draft.proxy !== undefined) {\n                        draft.proxy.spec.url = e.target.value;\n                      }\n                    }),\n                  );\n                }}\n                sx={{ mb: 2 }}\n              />\n            )}\n          />\n          {testConnection && (\n            <Box mb={2} display=\"flex\" justifyContent=\"flex-end\">\n              <DatasourceTestConnectionButton\n                testConnection={testConnection}\n                disabled={!urlSchema.safeParse(value.proxy?.spec.url).success}\n              />\n            </Box>\n          )}\n          <Typography variant=\"h5\" mb={2}>\n            Allowed endpoints\n          </Typography>\n          <Grid container spacing={2} mb={2}>\n            {value.proxy?.spec.allowedEndpoints && value.proxy?.spec.allowedEndpoints.length !== 0 ? (\n              value.proxy.spec.allowedEndpoints.map(({ endpointPattern, method }, i) => {\n                return (\n                  <Fragment key={i}>\n                    <Grid item xs={8}>\n                      <Controller\n                        name={`Endpoint pattern ${i}`}\n                        render={({ field, fieldState }) => (\n                          <TextField\n                            {...field}\n                            fullWidth\n                            label=\"Endpoint pattern\"\n                            value={endpointPattern}\n                            error={!!fieldState.error}\n                            helperText={fieldState.error?.message}\n                            InputProps={{\n                              readOnly: isReadonly,\n                            }}\n                            InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                            onChange={(e) => {\n                              field.onChange(e);\n                              onChange(\n                                produce(value, (draft) => {\n                                  if (draft.proxy !== undefined) {\n                                    draft.proxy.spec.allowedEndpoints = draft.proxy.spec.allowedEndpoints?.map(\n                                      (item, itemIndex) => {\n                                        if (i === itemIndex) {\n                                          return {\n                                            endpointPattern: e.target.value,\n                                            method: item.method,\n                                          };\n                                        } else {\n                                          return item;\n                                        }\n                                      },\n                                    );\n                                  }\n                                }),\n                              );\n                            }}\n                          />\n                        )}\n                      />\n                    </Grid>\n                    <Grid item xs={3}>\n                      <Controller\n                        name={`Method ${i}`}\n                        render={({ field, fieldState }) => (\n                          <TextField\n                            {...field}\n                            select\n                            fullWidth\n                            label=\"Method\"\n                            value={method}\n                            error={!!fieldState.error}\n                            helperText={fieldState.error?.message}\n                            InputProps={{\n                              readOnly: isReadonly,\n                            }}\n                            InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                            onChange={(e) => {\n                              field.onChange(e);\n                              onChange(\n                                produce(value, (draft) => {\n                                  if (draft.proxy !== undefined) {\n                                    draft.proxy.spec.allowedEndpoints = draft.proxy.spec.allowedEndpoints?.map(\n                                      (item, itemIndex) => {\n                                        if (i === itemIndex) {\n                                          return {\n                                            endpointPattern: item.endpointPattern,\n                                            method: e.target.value,\n                                          };\n                                        } else {\n                                          return item;\n                                        }\n                                      },\n                                    );\n                                  }\n                                }),\n                              );\n                            }}\n                          >\n                            <MenuItem value=\"GET\">GET</MenuItem>\n                            <MenuItem value=\"POST\">POST</MenuItem>\n                            <MenuItem value=\"PUT\">PUT</MenuItem>\n                            <MenuItem value=\"PATCH\">PATCH</MenuItem>\n                            <MenuItem value=\"DELETE\">DELETE</MenuItem>\n                          </TextField>\n                        )}\n                      />\n                    </Grid>\n                    <Grid item xs={1}>\n                      <Controller\n                        name={`Remove Endpoint ${i}`}\n                        render={({ field }) => (\n                          <IconButton\n                            {...field}\n                            disabled={isReadonly}\n                            // Remove the given allowed endpoint from the list\n                            onClick={(e) => {\n                              field.onChange(e);\n                              onChange(\n                                produce(value, (draft) => {\n                                  if (draft.proxy !== undefined) {\n                                    draft.proxy.spec.allowedEndpoints = [\n                                      ...(draft.proxy.spec.allowedEndpoints?.filter((item, itemIndex) => {\n                                        return itemIndex !== i;\n                                      }) || []),\n                                    ];\n                                  }\n                                }),\n                              );\n                            }}\n                          >\n                            <MinusIcon />\n                          </IconButton>\n                        )}\n                      />\n                    </Grid>\n                  </Fragment>\n                );\n              })\n            ) : (\n              <Grid item xs={4}>\n                <Typography sx={{ fontStyle: 'italic' }}>None</Typography>\n              </Grid>\n            )}\n            <Grid item xs={12} sx={{ paddingTop: '0px !important', paddingLeft: '5px !important' }}>\n              <IconButton\n                disabled={isReadonly}\n                // Add a new (empty) allowed endpoint to the list\n                onClick={() =>\n                  onChange(\n                    produce(value, (draft) => {\n                      if (draft.proxy !== undefined) {\n                        draft.proxy.spec.allowedEndpoints = [\n                          ...(draft.proxy.spec.allowedEndpoints ?? []),\n                          { endpointPattern: '', method: '' },\n                        ];\n                      }\n                    }),\n                  )\n                }\n              >\n                <PlusIcon />\n              </IconButton>\n            </Grid>\n          </Grid>\n          <Typography variant=\"h5\" mb={2}>\n            Request Headers\n          </Typography>\n          <Grid container spacing={2} mb={2}>\n            {fields.length > 0 ? (\n              fields.map((field, index) => (\n                <Fragment key={field.id}>\n                  <Grid item xs={4}>\n                    <Controller\n                      control={headersForm.control}\n                      name={`headers.${index}.name`}\n                      render={({ field: controllerField, fieldState }) => (\n                        <TextField\n                          {...controllerField}\n                          fullWidth\n                          label=\"Header name\"\n                          error={!!fieldState.error || duplicateNames.has(controllerField.value)}\n                          helperText={fieldState.error?.message}\n                          InputProps={{\n                            readOnly: isReadonly,\n                          }}\n                          InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                          onChange={(e) => {\n                            controllerField.onChange(e);\n                            const updatedHeaders = [...watchedHeaders];\n                            updatedHeaders[index] = { name: e.target.value, value: updatedHeaders[index]?.value ?? '' };\n                            syncHeadersToParent(updatedHeaders);\n                          }}\n                        />\n                      )}\n                    />\n                  </Grid>\n                  <Grid item xs={7}>\n                    <Controller\n                      control={headersForm.control}\n                      name={`headers.${index}.value`}\n                      render={({ field: controllerField, fieldState }) => (\n                        <TextField\n                          {...controllerField}\n                          fullWidth\n                          label=\"Header value\"\n                          error={!!fieldState.error}\n                          helperText={fieldState.error?.message}\n                          InputProps={{\n                            readOnly: isReadonly,\n                          }}\n                          InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                          onChange={(e) => {\n                            controllerField.onChange(e);\n                            const updatedHeaders = [...watchedHeaders];\n                            updatedHeaders[index] = { name: updatedHeaders[index]?.name ?? '', value: e.target.value };\n                            syncHeadersToParent(updatedHeaders);\n                          }}\n                        />\n                      )}\n                    />\n                  </Grid>\n                  <Grid item xs={1}>\n                    <IconButton\n                      disabled={isReadonly}\n                      aria-label={`Remove header ${watchedHeaders[index]?.name || index}`}\n                      onClick={() => {\n                        remove(index);\n                        const updatedHeaders = watchedHeaders.filter((_, i) => i !== index);\n                        syncHeadersToParent(updatedHeaders);\n                      }}\n                    >\n                      <MinusIcon />\n                    </IconButton>\n                  </Grid>\n                </Fragment>\n              ))\n            ) : (\n              <Grid item xs={4}>\n                <Typography sx={{ fontStyle: 'italic' }}>None</Typography>\n              </Grid>\n            )}\n            {hasDuplicates && (\n              <Grid item xs={12}>\n                <Typography variant=\"body2\" color=\"error\">\n                  Duplicate header names detected. Each header name must be unique.\n                </Typography>\n              </Grid>\n            )}\n            <Grid item xs={12} sx={{ paddingTop: '0px !important', paddingLeft: '5px !important' }}>\n              <IconButton disabled={isReadonly} onClick={() => append({ name: '', value: '' })}>\n                <PlusIcon />\n              </IconButton>\n            </Grid>\n          </Grid>\n\n          {value.proxy && (\n            <HTTPHeaderPolicyEditor\n              value={value.proxy.spec}\n              isReadonly={isReadonly}\n              onChange={handleHeaderPolicyChange}\n            />\n          )}\n\n          <Stack spacing={1}>\n            <Typography variant=\"h5\">Secret</Typography>\n            <Controller\n              name=\"Secret\"\n              render={({ field, fieldState }) => (\n                <TextField\n                  {...field}\n                  fullWidth\n                  label=\"Secret\"\n                  value={value.proxy?.spec.secret || ''}\n                  error={!!fieldState.error}\n                  helperText={fieldState.error?.message}\n                  InputProps={{\n                    readOnly: isReadonly,\n                  }}\n                  InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                  onChange={(e) => {\n                    field.onChange(e);\n                    onChange(\n                      produce(value, (draft) => {\n                        if (draft.proxy !== undefined) {\n                          draft.proxy.spec.secret = e.target.value;\n                        }\n                      }),\n                    );\n                  }}\n                />\n              )}\n            />\n          </Stack>\n        </>\n      ),\n    },\n    {\n      label: strDirect,\n      content: (\n        <>\n          <Controller\n            name=\"URL\"\n            render={({ field, fieldState }) => (\n              <TextField\n                {...field}\n                fullWidth\n                label=\"URL\"\n                value={value.directUrl || ''}\n                error={!!fieldState.error}\n                helperText={fieldState.error?.message}\n                InputProps={{\n                  readOnly: isReadonly,\n                }}\n                InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                onChange={(e) => {\n                  field.onChange(e);\n                  onChange(\n                    produce(value, (draft) => {\n                      draft.directUrl = e.target.value;\n                    }),\n                  );\n                }}\n              />\n            )}\n          />\n          {testConnection && (\n            <Box my={2} display=\"flex\" justifyContent=\"flex-end\">\n              <DatasourceTestConnectionButton\n                testConnection={testConnection}\n                disabled={!urlSchema.safeParse(value.directUrl).success}\n              />\n            </Box>\n          )}\n        </>\n      ),\n    },\n  ];\n\n  // Use of findIndex instead of providing hardcoded values to avoid desynchronisatio or\n  // bug in case the tabs get eventually swapped in the future.\n  const directModeId = tabs.findIndex((tab) => tab.label === strDirect);\n  const proxyModeId = tabs.findIndex((tab) => tab.label === strProxy);\n\n  // Set defaultTab to the mode that this datasource is currently relying on.\n  const defaultTab = value.proxy ? proxyModeId : directModeId;\n\n  // For better user experience, save previous states in mind for both mode.\n  // This avoids losing everything when the user changes their mind back.\n  const [previousSpecDirect, setPreviousSpecDirect] = useState(initialSpecDirect);\n  const [previousSpecProxy, setPreviousSpecProxy] = useState(initialSpecProxy);\n\n  // When changing mode, remove previous mode's config + append default values for the new mode.\n  const handleModeChange = (v: number): void => {\n    if (tabs[v]?.label === strDirect) {\n      setPreviousSpecProxy(value);\n\n      // Copy all settings (for example, scrapeInterval), except 'proxy'\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { proxy, ...newValue } = value;\n      onChange({ ...newValue, directUrl: previousSpecDirect.directUrl });\n    } else if (tabs[v]?.label === strProxy) {\n      setPreviousSpecDirect(value);\n\n      // Copy all settings (for example, scrapeInterval), except 'directUrl'\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { directUrl, ...newValue } = value;\n      onChange({ ...newValue, proxy: previousSpecProxy.proxy });\n    }\n  };\n\n  return (\n    <>\n      <Typography variant=\"h4\" mt={2}>\n        HTTP Settings\n      </Typography>\n      <OptionsEditorRadios\n        isReadonly={isReadonly}\n        tabs={tabs}\n        defaultTab={defaultTab}\n        onModeChange={handleModeChange}\n      />\n    </>\n  );\n}\n"],"names":["Box","Grid","IconButton","MenuItem","Stack","TextField","Typography","produce","MinusIcon","PlusIcon","React","Fragment","useCallback","useState","Controller","useFieldArray","useForm","z","DatasourceTestConnectionButton","OptionsEditorRadios","HTTPHeaderPolicyEditor","urlSchema","string","url","HTTPSettingsEditor","props","value","onChange","isReadonly","initialSpecDirect","initialSpecProxy","testConnection","strDirect","strProxy","directUrl","undefined","proxy","Object","assign","headersForm","defaultValues","headers","entries","spec","map","name","headerValue","fields","append","remove","control","watchedHeaders","watch","nameMap","Map","duplicateNames","Set","forEach","count","get","set","add","hasDuplicates","size","syncHeadersToParent","headersObject","draft","keys","length","handleHeaderPolicyChange","next","tabs","label","content","render","field","fieldState","fullWidth","error","helperText","message","InputProps","readOnly","InputLabelProps","shrink","e","target","sx","mb","display","justifyContent","disabled","safeParse","success","variant","container","spacing","allowedEndpoints","endpointPattern","method","i","item","xs","itemIndex","select","onClick","filter","fontStyle","paddingTop","paddingLeft","index","controllerField","has","updatedHeaders","aria-label","_","id","color","secret","my","directModeId","findIndex","tab","proxyModeId","defaultTab","previousSpecDirect","setPreviousSpecDirect","previousSpecProxy","setPreviousSpecProxy","handleModeChange","v","newValue","mt","onModeChange"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,GAAG,EAAEC,IAAI,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,SAAS,EAAEC,UAAU,QAAQ,gBAAgB;AAG9F,SAASC,OAAO,QAAQ,QAAQ;AAChC,OAAOC,eAAe,wBAAwB;AAC9C,OAAOC,cAAc,uBAAuB;AAE5C,OAAOC,SAASC,QAAQ,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AAC/D,SAASC,UAAU,EAAEC,aAAa,EAAEC,OAAO,QAAQ,kBAAkB;AACrE,SAASC,CAAC,QAAQ,MAAM;AAExB,SAASC,8BAA8B,QAAQ,6CAAoC;AACnF,SAASC,mBAAmB,QAAQ,kCAAyB;AAC7D,SAASC,sBAAsB,QAAQ,8BAA2B;AAElE,MAAMC,YAAYJ,EAAEK,MAAM,GAAGC,GAAG;AAoBhC,wGAAwG,GACxG,OAAO,SAASC,mBAAmBC,KAAyB;IAC1D,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,iBAAiB,EAAEC,gBAAgB,EAAEC,cAAc,EAAE,GAAGN;IAC7F,MAAMO,YAAY;IAClB,MAAMC,WAAW;IAEjB,kFAAkF;IAClF,IAAIP,MAAMQ,SAAS,KAAKC,aAAaT,MAAMU,KAAK,KAAKD,WAAW;QAC9DE,OAAOC,MAAM,CAACZ,OAAOI;IACvB;IAEA,oFAAoF;IACpF,qDAAqD;IACrD,MAAMS,cAAcvB,QAA0B;QAC5CwB,eAAe;YACbC,SAASJ,OAAOK,OAAO,CAAChB,MAAMU,KAAK,EAAEO,KAAKF,WAAW,CAAC,GAAGG,GAAG,CAAC,CAAC,CAACC,MAAMC,YAAY,GAAM,CAAA;oBACrFD;oBACAnB,OAAOoB;gBACT,CAAA;QACF;IACF;IAEA,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAE,GAAGlC,cAAc;QAC/CmC,SAASX,YAAYW,OAAO;QAC5BL,MAAM;IACR;IAEA,2DAA2D;IAC3D,MAAMM,iBAAiBZ,YAAYa,KAAK,CAAC;IAEzC,mCAAmC;IACnC,iGAAiG;IACjG,mDAAmD;IACnD,MAAMC,UAAU,IAAIC;IACpB,MAAMC,iBAAiB,IAAIC;IAC3BL,eAAeM,OAAO,CAAC,CAAC,EAAEZ,IAAI,EAAE;QAC9B,IAAIA,SAAS,IAAI;YACf,MAAMa,QAAQ,AAACL,CAAAA,QAAQM,GAAG,CAACd,SAAS,CAAA,IAAK;YACzCQ,QAAQO,GAAG,CAACf,MAAMa;YAClB,IAAIA,QAAQ,GAAG;gBACbH,eAAeM,GAAG,CAAChB;YACrB;QACF;IACF;IACA,MAAMiB,gBAAgBP,eAAeQ,IAAI,GAAG;IAE5C,yBAAyB;IACzB,MAAMC,sBAAsB,CAACvB;QAC3B,MAAMwB,gBAAgC,CAAC;QACvCxB,QAAQgB,OAAO,CAAC,CAAC,EAAEZ,IAAI,EAAEnB,OAAOoB,WAAW,EAAE;YAC3C,IAAID,SAAS,IAAI;gBACfoB,aAAa,CAACpB,KAAK,GAAGC;YACxB;QACF;QAEAnB,SACEpB,QAAQmB,OAAO,CAACwC;YACd,IAAIA,MAAM9B,KAAK,KAAKD,WAAW;gBAC7B+B,MAAM9B,KAAK,CAACO,IAAI,CAACF,OAAO,GAAGJ,OAAO8B,IAAI,CAACF,eAAeG,MAAM,GAAG,IAAIH,gBAAgB9B;YACrF;QACF;IAEJ;IAEA,MAAMkC,2BAA2BzD,YAC/B,CAAC0D;QACC3C,SACEpB,QAAQmB,OAAO,CAACwC;YACd,IAAIA,MAAM9B,KAAK,KAAKD,WAAW;gBAC7B+B,MAAM9B,KAAK,CAACO,IAAI,GAAG2B;YACrB;QACF;IAEJ,GACA;QAAC5C;QAAOC;KAAS;IAGnB,MAAM4C,OAAO;QACX;YACEC,OAAOvC;YACPwC,uBACE;;kCACE,KAAC3D;wBACC+B,MAAK;wBACL6B,QAAQ,CAAC,EAAEC,KAAK,EAAEC,UAAU,EAAE,iBAC5B,KAACvE;gCACE,GAAGsE,KAAK;gCACTE,SAAS;gCACTL,OAAM;gCACN9C,OAAOA,MAAMU,KAAK,EAAEO,KAAKpB,OAAO;gCAChCuD,OAAO,CAAC,CAACF,WAAWE,KAAK;gCACzBC,YAAYH,WAAWE,KAAK,EAAEE;gCAC9BC,YAAY;oCACVC,UAAUtD;gCACZ;gCACAuD,iBAAiB;oCAAEC,QAAQxD,aAAa,OAAOO;gCAAU;gCACzDR,UAAU,CAAC0D;oCACTV,MAAMhD,QAAQ,CAAC0D;oCACf1D,SACEpB,QAAQmB,OAAO,CAACwC;wCACd,IAAIA,MAAM9B,KAAK,KAAKD,WAAW;4CAC7B+B,MAAM9B,KAAK,CAACO,IAAI,CAACpB,GAAG,GAAG8D,EAAEC,MAAM,CAAC5D,KAAK;wCACvC;oCACF;gCAEJ;gCACA6D,IAAI;oCAAEC,IAAI;gCAAE;;;oBAIjBzD,gCACC,KAAC/B;wBAAIwF,IAAI;wBAAGC,SAAQ;wBAAOC,gBAAe;kCACxC,cAAA,KAACxE;4BACCa,gBAAgBA;4BAChB4D,UAAU,CAACtE,UAAUuE,SAAS,CAAClE,MAAMU,KAAK,EAAEO,KAAKpB,KAAKsE,OAAO;;;kCAInE,KAACvF;wBAAWwF,SAAQ;wBAAKN,IAAI;kCAAG;;kCAGhC,MAACvF;wBAAK8F,SAAS;wBAACC,SAAS;wBAAGR,IAAI;;4BAC7B9D,MAAMU,KAAK,EAAEO,KAAKsD,oBAAoBvE,MAAMU,KAAK,EAAEO,KAAKsD,iBAAiB7B,WAAW,IACnF1C,MAAMU,KAAK,CAACO,IAAI,CAACsD,gBAAgB,CAACrD,GAAG,CAAC,CAAC,EAAEsD,eAAe,EAAEC,MAAM,EAAE,EAAEC;gCAClE,qBACE,MAACzF;;sDACC,KAACV;4CAAKoG,IAAI;4CAACC,IAAI;sDACb,cAAA,KAACxF;gDACC+B,MAAM,CAAC,iBAAiB,EAAEuD,GAAG;gDAC7B1B,QAAQ,CAAC,EAAEC,KAAK,EAAEC,UAAU,EAAE,iBAC5B,KAACvE;wDACE,GAAGsE,KAAK;wDACTE,SAAS;wDACTL,OAAM;wDACN9C,OAAOwE;wDACPpB,OAAO,CAAC,CAACF,WAAWE,KAAK;wDACzBC,YAAYH,WAAWE,KAAK,EAAEE;wDAC9BC,YAAY;4DACVC,UAAUtD;wDACZ;wDACAuD,iBAAiB;4DAAEC,QAAQxD,aAAa,OAAOO;wDAAU;wDACzDR,UAAU,CAAC0D;4DACTV,MAAMhD,QAAQ,CAAC0D;4DACf1D,SACEpB,QAAQmB,OAAO,CAACwC;gEACd,IAAIA,MAAM9B,KAAK,KAAKD,WAAW;oEAC7B+B,MAAM9B,KAAK,CAACO,IAAI,CAACsD,gBAAgB,GAAG/B,MAAM9B,KAAK,CAACO,IAAI,CAACsD,gBAAgB,EAAErD,IACrE,CAACyD,MAAME;wEACL,IAAIH,MAAMG,WAAW;4EACnB,OAAO;gFACLL,iBAAiBb,EAAEC,MAAM,CAAC5D,KAAK;gFAC/ByE,QAAQE,KAAKF,MAAM;4EACrB;wEACF,OAAO;4EACL,OAAOE;wEACT;oEACF;gEAEJ;4DACF;wDAEJ;;;;sDAKR,KAACpG;4CAAKoG,IAAI;4CAACC,IAAI;sDACb,cAAA,KAACxF;gDACC+B,MAAM,CAAC,OAAO,EAAEuD,GAAG;gDACnB1B,QAAQ,CAAC,EAAEC,KAAK,EAAEC,UAAU,EAAE,iBAC5B,MAACvE;wDACE,GAAGsE,KAAK;wDACT6B,MAAM;wDACN3B,SAAS;wDACTL,OAAM;wDACN9C,OAAOyE;wDACPrB,OAAO,CAAC,CAACF,WAAWE,KAAK;wDACzBC,YAAYH,WAAWE,KAAK,EAAEE;wDAC9BC,YAAY;4DACVC,UAAUtD;wDACZ;wDACAuD,iBAAiB;4DAAEC,QAAQxD,aAAa,OAAOO;wDAAU;wDACzDR,UAAU,CAAC0D;4DACTV,MAAMhD,QAAQ,CAAC0D;4DACf1D,SACEpB,QAAQmB,OAAO,CAACwC;gEACd,IAAIA,MAAM9B,KAAK,KAAKD,WAAW;oEAC7B+B,MAAM9B,KAAK,CAACO,IAAI,CAACsD,gBAAgB,GAAG/B,MAAM9B,KAAK,CAACO,IAAI,CAACsD,gBAAgB,EAAErD,IACrE,CAACyD,MAAME;wEACL,IAAIH,MAAMG,WAAW;4EACnB,OAAO;gFACLL,iBAAiBG,KAAKH,eAAe;gFACrCC,QAAQd,EAAEC,MAAM,CAAC5D,KAAK;4EACxB;wEACF,OAAO;4EACL,OAAO2E;wEACT;oEACF;gEAEJ;4DACF;wDAEJ;;0EAEA,KAAClG;gEAASuB,OAAM;0EAAM;;0EACtB,KAACvB;gEAASuB,OAAM;0EAAO;;0EACvB,KAACvB;gEAASuB,OAAM;0EAAM;;0EACtB,KAACvB;gEAASuB,OAAM;0EAAQ;;0EACxB,KAACvB;gEAASuB,OAAM;0EAAS;;;;;;sDAKjC,KAACzB;4CAAKoG,IAAI;4CAACC,IAAI;sDACb,cAAA,KAACxF;gDACC+B,MAAM,CAAC,gBAAgB,EAAEuD,GAAG;gDAC5B1B,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,KAACzE;wDACE,GAAGyE,KAAK;wDACTgB,UAAU/D;wDACV,kDAAkD;wDAClD6E,SAAS,CAACpB;4DACRV,MAAMhD,QAAQ,CAAC0D;4DACf1D,SACEpB,QAAQmB,OAAO,CAACwC;gEACd,IAAIA,MAAM9B,KAAK,KAAKD,WAAW;oEAC7B+B,MAAM9B,KAAK,CAACO,IAAI,CAACsD,gBAAgB,GAAG;2EAC9B/B,MAAM9B,KAAK,CAACO,IAAI,CAACsD,gBAAgB,EAAES,OAAO,CAACL,MAAME;4EACnD,OAAOA,cAAcH;wEACvB,MAAM,EAAE;qEACT;gEACH;4DACF;wDAEJ;kEAEA,cAAA,KAAC5F;;;;;mCA/GI4F;4BAsHnB,mBAEA,KAACnG;gCAAKoG,IAAI;gCAACC,IAAI;0CACb,cAAA,KAAChG;oCAAWiF,IAAI;wCAAEoB,WAAW;oCAAS;8CAAG;;;0CAG7C,KAAC1G;gCAAKoG,IAAI;gCAACC,IAAI;gCAAIf,IAAI;oCAAEqB,YAAY;oCAAkBC,aAAa;gCAAiB;0CACnF,cAAA,KAAC3G;oCACCyF,UAAU/D;oCACV,iDAAiD;oCACjD6E,SAAS,IACP9E,SACEpB,QAAQmB,OAAO,CAACwC;4CACd,IAAIA,MAAM9B,KAAK,KAAKD,WAAW;gDAC7B+B,MAAM9B,KAAK,CAACO,IAAI,CAACsD,gBAAgB,GAAG;uDAC9B/B,MAAM9B,KAAK,CAACO,IAAI,CAACsD,gBAAgB,IAAI,EAAE;oDAC3C;wDAAEC,iBAAiB;wDAAIC,QAAQ;oDAAG;iDACnC;4CACH;wCACF;8CAIJ,cAAA,KAAC1F;;;;;kCAIP,KAACH;wBAAWwF,SAAQ;wBAAKN,IAAI;kCAAG;;kCAGhC,MAACvF;wBAAK8F,SAAS;wBAACC,SAAS;wBAAGR,IAAI;;4BAC7BzC,OAAOqB,MAAM,GAAG,IACfrB,OAAOH,GAAG,CAAC,CAAC+B,OAAOmC,sBACjB,MAACnG;;sDACC,KAACV;4CAAKoG,IAAI;4CAACC,IAAI;sDACb,cAAA,KAACxF;gDACCoC,SAASX,YAAYW,OAAO;gDAC5BL,MAAM,CAAC,QAAQ,EAAEiE,MAAM,KAAK,CAAC;gDAC7BpC,QAAQ,CAAC,EAAEC,OAAOoC,eAAe,EAAEnC,UAAU,EAAE,iBAC7C,KAACvE;wDACE,GAAG0G,eAAe;wDACnBlC,SAAS;wDACTL,OAAM;wDACNM,OAAO,CAAC,CAACF,WAAWE,KAAK,IAAIvB,eAAeyD,GAAG,CAACD,gBAAgBrF,KAAK;wDACrEqD,YAAYH,WAAWE,KAAK,EAAEE;wDAC9BC,YAAY;4DACVC,UAAUtD;wDACZ;wDACAuD,iBAAiB;4DAAEC,QAAQxD,aAAa,OAAOO;wDAAU;wDACzDR,UAAU,CAAC0D;4DACT0B,gBAAgBpF,QAAQ,CAAC0D;4DACzB,MAAM4B,iBAAiB;mEAAI9D;6DAAe;4DAC1C8D,cAAc,CAACH,MAAM,GAAG;gEAAEjE,MAAMwC,EAAEC,MAAM,CAAC5D,KAAK;gEAAEA,OAAOuF,cAAc,CAACH,MAAM,EAAEpF,SAAS;4DAAG;4DAC1FsC,oBAAoBiD;wDACtB;;;;sDAKR,KAAChH;4CAAKoG,IAAI;4CAACC,IAAI;sDACb,cAAA,KAACxF;gDACCoC,SAASX,YAAYW,OAAO;gDAC5BL,MAAM,CAAC,QAAQ,EAAEiE,MAAM,MAAM,CAAC;gDAC9BpC,QAAQ,CAAC,EAAEC,OAAOoC,eAAe,EAAEnC,UAAU,EAAE,iBAC7C,KAACvE;wDACE,GAAG0G,eAAe;wDACnBlC,SAAS;wDACTL,OAAM;wDACNM,OAAO,CAAC,CAACF,WAAWE,KAAK;wDACzBC,YAAYH,WAAWE,KAAK,EAAEE;wDAC9BC,YAAY;4DACVC,UAAUtD;wDACZ;wDACAuD,iBAAiB;4DAAEC,QAAQxD,aAAa,OAAOO;wDAAU;wDACzDR,UAAU,CAAC0D;4DACT0B,gBAAgBpF,QAAQ,CAAC0D;4DACzB,MAAM4B,iBAAiB;mEAAI9D;6DAAe;4DAC1C8D,cAAc,CAACH,MAAM,GAAG;gEAAEjE,MAAMoE,cAAc,CAACH,MAAM,EAAEjE,QAAQ;gEAAInB,OAAO2D,EAAEC,MAAM,CAAC5D,KAAK;4DAAC;4DACzFsC,oBAAoBiD;wDACtB;;;;sDAKR,KAAChH;4CAAKoG,IAAI;4CAACC,IAAI;sDACb,cAAA,KAACpG;gDACCyF,UAAU/D;gDACVsF,cAAY,CAAC,cAAc,EAAE/D,cAAc,CAAC2D,MAAM,EAAEjE,QAAQiE,OAAO;gDACnEL,SAAS;oDACPxD,OAAO6D;oDACP,MAAMG,iBAAiB9D,eAAeuD,MAAM,CAAC,CAACS,GAAGf,IAAMA,MAAMU;oDAC7D9C,oBAAoBiD;gDACtB;0DAEA,cAAA,KAACzG;;;;mCA7DQmE,MAAMyC,EAAE,mBAmEzB,KAACnH;gCAAKoG,IAAI;gCAACC,IAAI;0CACb,cAAA,KAAChG;oCAAWiF,IAAI;wCAAEoB,WAAW;oCAAS;8CAAG;;;4BAG5C7C,+BACC,KAAC7D;gCAAKoG,IAAI;gCAACC,IAAI;0CACb,cAAA,KAAChG;oCAAWwF,SAAQ;oCAAQuB,OAAM;8CAAQ;;;0CAK9C,KAACpH;gCAAKoG,IAAI;gCAACC,IAAI;gCAAIf,IAAI;oCAAEqB,YAAY;oCAAkBC,aAAa;gCAAiB;0CACnF,cAAA,KAAC3G;oCAAWyF,UAAU/D;oCAAY6E,SAAS,IAAMzD,OAAO;4CAAEH,MAAM;4CAAInB,OAAO;wCAAG;8CAC5E,cAAA,KAACjB;;;;;oBAKNiB,MAAMU,KAAK,kBACV,KAAChB;wBACCM,OAAOA,MAAMU,KAAK,CAACO,IAAI;wBACvBf,YAAYA;wBACZD,UAAU0C;;kCAId,MAACjE;wBAAM4F,SAAS;;0CACd,KAAC1F;gCAAWwF,SAAQ;0CAAK;;0CACzB,KAAChF;gCACC+B,MAAK;gCACL6B,QAAQ,CAAC,EAAEC,KAAK,EAAEC,UAAU,EAAE,iBAC5B,KAACvE;wCACE,GAAGsE,KAAK;wCACTE,SAAS;wCACTL,OAAM;wCACN9C,OAAOA,MAAMU,KAAK,EAAEO,KAAK2E,UAAU;wCACnCxC,OAAO,CAAC,CAACF,WAAWE,KAAK;wCACzBC,YAAYH,WAAWE,KAAK,EAAEE;wCAC9BC,YAAY;4CACVC,UAAUtD;wCACZ;wCACAuD,iBAAiB;4CAAEC,QAAQxD,aAAa,OAAOO;wCAAU;wCACzDR,UAAU,CAAC0D;4CACTV,MAAMhD,QAAQ,CAAC0D;4CACf1D,SACEpB,QAAQmB,OAAO,CAACwC;gDACd,IAAIA,MAAM9B,KAAK,KAAKD,WAAW;oDAC7B+B,MAAM9B,KAAK,CAACO,IAAI,CAAC2E,MAAM,GAAGjC,EAAEC,MAAM,CAAC5D,KAAK;gDAC1C;4CACF;wCAEJ;;;;;;;QAOd;QACA;YACE8C,OAAOxC;YACPyC,uBACE;;kCACE,KAAC3D;wBACC+B,MAAK;wBACL6B,QAAQ,CAAC,EAAEC,KAAK,EAAEC,UAAU,EAAE,iBAC5B,KAACvE;gCACE,GAAGsE,KAAK;gCACTE,SAAS;gCACTL,OAAM;gCACN9C,OAAOA,MAAMQ,SAAS,IAAI;gCAC1B4C,OAAO,CAAC,CAACF,WAAWE,KAAK;gCACzBC,YAAYH,WAAWE,KAAK,EAAEE;gCAC9BC,YAAY;oCACVC,UAAUtD;gCACZ;gCACAuD,iBAAiB;oCAAEC,QAAQxD,aAAa,OAAOO;gCAAU;gCACzDR,UAAU,CAAC0D;oCACTV,MAAMhD,QAAQ,CAAC0D;oCACf1D,SACEpB,QAAQmB,OAAO,CAACwC;wCACdA,MAAMhC,SAAS,GAAGmD,EAAEC,MAAM,CAAC5D,KAAK;oCAClC;gCAEJ;;;oBAILK,gCACC,KAAC/B;wBAAIuH,IAAI;wBAAG9B,SAAQ;wBAAOC,gBAAe;kCACxC,cAAA,KAACxE;4BACCa,gBAAgBA;4BAChB4D,UAAU,CAACtE,UAAUuE,SAAS,CAAClE,MAAMQ,SAAS,EAAE2D,OAAO;;;;;QAMnE;KACD;IAED,sFAAsF;IACtF,6DAA6D;IAC7D,MAAM2B,eAAejD,KAAKkD,SAAS,CAAC,CAACC,MAAQA,IAAIlD,KAAK,KAAKxC;IAC3D,MAAM2F,cAAcpD,KAAKkD,SAAS,CAAC,CAACC,MAAQA,IAAIlD,KAAK,KAAKvC;IAE1D,2EAA2E;IAC3E,MAAM2F,aAAalG,MAAMU,KAAK,GAAGuF,cAAcH;IAE/C,0EAA0E;IAC1E,uEAAuE;IACvE,MAAM,CAACK,oBAAoBC,sBAAsB,GAAGjH,SAASgB;IAC7D,MAAM,CAACkG,mBAAmBC,qBAAqB,GAAGnH,SAASiB;IAE3D,8FAA8F;IAC9F,MAAMmG,mBAAmB,CAACC;QACxB,IAAI3D,IAAI,CAAC2D,EAAE,EAAE1D,UAAUxC,WAAW;YAChCgG,qBAAqBtG;YAErB,kEAAkE;YAClE,6DAA6D;YAC7D,MAAM,EAAEU,KAAK,EAAE,GAAG+F,UAAU,GAAGzG;YAC/BC,SAAS;gBAAE,GAAGwG,QAAQ;gBAAEjG,WAAW2F,mBAAmB3F,SAAS;YAAC;QAClE,OAAO,IAAIqC,IAAI,CAAC2D,EAAE,EAAE1D,UAAUvC,UAAU;YACtC6F,sBAAsBpG;YAEtB,sEAAsE;YACtE,6DAA6D;YAC7D,MAAM,EAAEQ,SAAS,EAAE,GAAGiG,UAAU,GAAGzG;YACnCC,SAAS;gBAAE,GAAGwG,QAAQ;gBAAE/F,OAAO2F,kBAAkB3F,KAAK;YAAC;QACzD;IACF;IAEA,qBACE;;0BACE,KAAC9B;gBAAWwF,SAAQ;gBAAKsC,IAAI;0BAAG;;0BAGhC,KAACjH;gBACCS,YAAYA;gBACZ2C,MAAMA;gBACNqD,YAAYA;gBACZS,cAAcJ;;;;AAItB"}

package/dist/components/ItemSelectionActionsOptionsEditor/ItemSelectionActionsOptionsEditor.js

@@ -65,11 +65,11 @@ const CONTENT_TYPES = [
         label: 'Text'
     }
 ];
-const BODY_METHODS = [
+const BODY_METHODS = new Set([
     'POST',
     'PUT',
     'PATCH'
-];
+]);
 const BODY_CLEAR_CONFIRM_MESSAGE = 'Changing this option will remove the current body template. Continue?';
 /** Available action icons with their display components */ export const ACTION_ICONS = [
     {
@@ -553,7 +553,7 @@ function WebhookActionEditor({ action, index, onChange, onRemove, onMoveUp, onMo
     const [pendingChange, setPendingChange] = useState(null);
     const contentTypeValue = webhookAction.contentType ?? 'none';
     const hasBodyTemplate = (webhookAction.bodyTemplate ?? '').trim().length > 0;
-    const supportsBody = BODY_METHODS.includes(webhookAction.method);
+    const supportsBody = BODY_METHODS.has(webhookAction.method);
     const [isCollapsed, setIsCollapsed] = useState(true);
     const handleBodyTemplateChange = useCallback((template)=>{
         onChange(index, {
@@ -603,7 +603,7 @@ function WebhookActionEditor({ action, index, onChange, onRemove, onMoveUp, onMo
         if (nextMethod === webhookAction.method) {
             return;
         }
-        const nextSupportsBody = BODY_METHODS.includes(nextMethod);
+        const nextSupportsBody = BODY_METHODS.has(nextMethod);
         if (!nextSupportsBody && hasBodyTemplate) {
             setPendingChange({
                 kind: 'method',