@orchestrator-ui/orchestrator-ui-components 5.8.0 → 5.8.1

package/dist/index.js

@@ -241,7 +241,7 @@ var require_xlink = __commonJS({
         xLinkType: null
       }
     });
-    function xlinkTransform(_2, prop2) {
+    function xlinkTransform(_5, prop2) {
       return "xlink:" + prop2.slice(5).toLowerCase();
     }
   }
@@ -261,7 +261,7 @@ var require_xml = __commonJS({
         xmlSpace: null
       }
     });
-    function xmlTransform(_2, prop2) {
+    function xmlTransform(_5, prop2) {
       return "xml:" + prop2.slice(3).toLowerCase();
     }
   }
@@ -373,7 +373,7 @@ var require_aria = __commonJS({
         role: null
       }
     });
-    function ariaTransform(_2, prop2) {
+    function ariaTransform(_5, prop2) {
       return prop2 === "role" ? prop2 : "aria-" + prop2.slice(4).toLowerCase();
     }
   }
@@ -3835,7 +3835,7 @@ var require_prism_core = __commonJS({
       var lang = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i;
       var uniqueId = 0;
       var plainTextGrammar = {};
-      var _2 = {
+      var _5 = {
         /**
          * By default, Prism will attempt to highlight all code elements (by calling {@link Prism.highlightAll}) on the
          * current page after the page finished loading. This might be a problem if e.g. you wanted to asynchronously load
@@ -3944,9 +3944,9 @@ var require_prism_core = __commonJS({
             visited = visited || {};
             var clone;
             var id;
-            switch (_2.util.type(o)) {
+            switch (_5.util.type(o)) {
               case "Object":
-                id = _2.util.objId(o);
+                id = _5.util.objId(o);
                 if (visited[id]) {
                   return visited[id];
                 }
@@ -3963,7 +3963,7 @@ var require_prism_core = __commonJS({
                   clone
                 );
               case "Array":
-                id = _2.util.objId(o);
+                id = _5.util.objId(o);
                 if (visited[id]) {
                   return visited[id];
                 }
@@ -4121,7 +4121,7 @@ var require_prism_core = __commonJS({
            * });
            */
           extend: function(id, redef) {
-            var lang2 = _2.util.clone(_2.languages[id]);
+            var lang2 = _5.util.clone(_5.languages[id]);
             for (var key in redef) {
               lang2[key] = redef[key];
             }
@@ -4204,7 +4204,7 @@ var require_prism_core = __commonJS({
            */
           insertBefore: function(inside, before, insert2, root) {
             root = root || /** @type {any} */
-            _2.languages;
+            _5.languages;
             var grammar = root[inside];
             var ret = {};
             for (var token in grammar) {
@@ -4223,7 +4223,7 @@ var require_prism_core = __commonJS({
             }
             var old = root[inside];
             root[inside] = ret;
-            _2.languages.DFS(_2.languages, function(key, value) {
+            _5.languages.DFS(_5.languages, function(key, value) {
               if (value === old && key != inside) {
                 this[key] = ret;
               }
@@ -4233,12 +4233,12 @@ var require_prism_core = __commonJS({
           // Traverse a language definition with Depth First Search
           DFS: function DFS(o, callback, type, visited) {
             visited = visited || {};
-            var objId = _2.util.objId;
+            var objId = _5.util.objId;
             for (var i in o) {
               if (o.hasOwnProperty(i)) {
                 callback.call(o, i, o[i], type || i);
                 var property = o[i];
-                var propertyType = _2.util.type(property);
+                var propertyType = _5.util.type(property);
                 if (propertyType === "Object" && !visited[objId(property)]) {
                   visited[objId(property)] = true;
                   DFS(property, callback, null, visited);
@@ -4264,7 +4264,7 @@ var require_prism_core = __commonJS({
          * @public
          */
         highlightAll: function(async, callback) {
-          _2.highlightAllUnder(document, async, callback);
+          _5.highlightAllUnder(document, async, callback);
         },
         /**
          * Fetches all the descendants of `container` that have a `.language-xxxx` class and then calls
@@ -4287,11 +4287,11 @@ var require_prism_core = __commonJS({
             container,
             selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
           };
-          _2.hooks.run("before-highlightall", env);
+          _5.hooks.run("before-highlightall", env);
           env.elements = Array.prototype.slice.apply(env.container.querySelectorAll(env.selector));
-          _2.hooks.run("before-all-elements-highlight", env);
+          _5.hooks.run("before-all-elements-highlight", env);
           for (var i = 0, element; element = env.elements[i++]; ) {
-            _2.highlightElement(element, async === true, env.callback);
+            _5.highlightElement(element, async === true, env.callback);
           }
         },
         /**
@@ -4323,12 +4323,12 @@ var require_prism_core = __commonJS({
          * @public
          */
         highlightElement: function(element, async, callback) {
-          var language = _2.util.getLanguage(element);
-          var grammar = _2.languages[language];
-          _2.util.setLanguage(element, language);
+          var language = _5.util.getLanguage(element);
+          var grammar = _5.languages[language];
+          _5.util.setLanguage(element, language);
           var parent = element.parentElement;
           if (parent && parent.nodeName.toLowerCase() === "pre") {
-            _2.util.setLanguage(parent, language);
+            _5.util.setLanguage(parent, language);
           }
           var code = element.textContent;
           var env = {
@@ -4339,29 +4339,29 @@ var require_prism_core = __commonJS({
           };
           function insertHighlightedCode(highlightedCode) {
             env.highlightedCode = highlightedCode;
-            _2.hooks.run("before-insert", env);
+            _5.hooks.run("before-insert", env);
             env.element.innerHTML = env.highlightedCode;
-            _2.hooks.run("after-highlight", env);
-            _2.hooks.run("complete", env);
+            _5.hooks.run("after-highlight", env);
+            _5.hooks.run("complete", env);
             callback && callback.call(env.element);
           }
-          _2.hooks.run("before-sanity-check", env);
+          _5.hooks.run("before-sanity-check", env);
           parent = env.element.parentElement;
           if (parent && parent.nodeName.toLowerCase() === "pre" && !parent.hasAttribute("tabindex")) {
             parent.setAttribute("tabindex", "0");
           }
           if (!env.code) {
-            _2.hooks.run("complete", env);
+            _5.hooks.run("complete", env);
             callback && callback.call(env.element);
             return;
           }
-          _2.hooks.run("before-highlight", env);
+          _5.hooks.run("before-highlight", env);
           if (!env.grammar) {
-            insertHighlightedCode(_2.util.encode(env.code));
+            insertHighlightedCode(_5.util.encode(env.code));
             return;
           }
           if (async && _self2.Worker) {
-            var worker = new Worker(_2.filename);
+            var worker = new Worker(_5.filename);
             worker.onmessage = function(evt) {
               insertHighlightedCode(evt.data);
             };
@@ -4371,7 +4371,7 @@ var require_prism_core = __commonJS({
               immediateClose: true
             }));
           } else {
-            insertHighlightedCode(_2.highlight(env.code, env.grammar, env.language));
+            insertHighlightedCode(_5.highlight(env.code, env.grammar, env.language));
           }
         },
         /**
@@ -4400,13 +4400,13 @@ var require_prism_core = __commonJS({
             grammar,
             language
           };
-          _2.hooks.run("before-tokenize", env);
+          _5.hooks.run("before-tokenize", env);
           if (!env.grammar) {
             throw new Error('The language "' + env.language + '" has no grammar.');
           }
-          env.tokens = _2.tokenize(env.code, env.grammar);
-          _2.hooks.run("after-tokenize", env);
-          return Token.stringify(_2.util.encode(env.tokens), env.language);
+          env.tokens = _5.tokenize(env.code, env.grammar);
+          _5.hooks.run("after-tokenize", env);
+          return Token.stringify(_5.util.encode(env.tokens), env.language);
         },
         /**
          * This is the heart of Prism, and the most low-level function you can use. It accepts a string of text as input
@@ -4465,7 +4465,7 @@ var require_prism_core = __commonJS({
            * @public
            */
           add: function(name, callback) {
-            var hooks = _2.hooks.all;
+            var hooks = _5.hooks.all;
             hooks[name] = hooks[name] || [];
             hooks[name].push(callback);
           },
@@ -4479,7 +4479,7 @@ var require_prism_core = __commonJS({
            * @public
            */
           run: function(name, env) {
-            var callbacks = _2.hooks.all[name];
+            var callbacks = _5.hooks.all[name];
             if (!callbacks || !callbacks.length) {
               return;
             }
@@ -4490,7 +4490,7 @@ var require_prism_core = __commonJS({
         },
         Token
       };
-      _self2.Prism = _2;
+      _self2.Prism = _5;
       function Token(type, content, alias, matchedStr) {
         this.type = type;
         this.content = content;
@@ -4524,7 +4524,7 @@ var require_prism_core = __commonJS({
             env.classes.push(aliases);
           }
         }
-        _2.hooks.run("wrap", env);
+        _5.hooks.run("wrap", env);
         var attributes = "";
         for (var name in env.attributes) {
           attributes += " " + name + '="' + (env.attributes[name] || "").replace(/"/g, """) + '"';
@@ -4620,7 +4620,7 @@ var require_prism_core = __commonJS({
                 pos += before.length;
               }
               removeRange(tokenList, removeFrom, removeCount);
-              var wrapped = new Token(token, inside ? _2.tokenize(matchStr, inside) : matchStr, alias, matchStr);
+              var wrapped = new Token(token, inside ? _5.tokenize(matchStr, inside) : matchStr, alias, matchStr);
               currentNode = addAfter(tokenList, removeFrom, wrapped);
               if (after) {
                 addAfter(tokenList, currentNode, after);
@@ -4675,35 +4675,35 @@ var require_prism_core = __commonJS({
       }
       if (!_self2.document) {
         if (!_self2.addEventListener) {
-          return _2;
+          return _5;
         }
-        if (!_2.disableWorkerMessageHandler) {
+        if (!_5.disableWorkerMessageHandler) {
           _self2.addEventListener("message", function(evt) {
             var message = JSON.parse(evt.data);
             var lang2 = message.language;
             var code = message.code;
             var immediateClose = message.immediateClose;
-            _self2.postMessage(_2.highlight(code, _2.languages[lang2], lang2));
+            _self2.postMessage(_5.highlight(code, _5.languages[lang2], lang2));
             if (immediateClose) {
               _self2.close();
             }
           }, false);
         }
-        return _2;
+        return _5;
       }
-      var script = _2.util.currentScript();
+      var script = _5.util.currentScript();
       if (script) {
-        _2.filename = script.src;
+        _5.filename = script.src;
         if (script.hasAttribute("data-manual")) {
-          _2.manual = true;
+          _5.manual = true;
         }
       }
       function highlightAutomaticallyCallback() {
-        if (!_2.manual) {
-          _2.highlightAll();
+        if (!_5.manual) {
+          _5.highlightAll();
         }
       }
-      if (!_2.manual) {
+      if (!_5.manual) {
         var readyState = document.readyState;
         if (readyState === "loading" || readyState === "interactive" && script && script.defer) {
           document.addEventListener("DOMContentLoaded", highlightAutomaticallyCallback);
@@ -4715,7 +4715,7 @@ var require_prism_core = __commonJS({
           }
         }
       }
-      return _2;
+      return _5;
     }(_self);
     if (typeof module !== "undefined" && module.exports) {
       module.exports = Prism;
@@ -26801,7 +26801,7 @@ var PolicyResource = /* @__PURE__ */ ((PolicyResource2) => {
 })(PolicyResource || {});
 
 // src/configuration/version.ts
-var ORCHESTRATOR_UI_LIBRARY_VERSION = "5.8.0";
+var ORCHESTRATOR_UI_LIBRARY_VERSION = "5.8.1";
 
 // src/types/types.ts
 var EngineStatus = /* @__PURE__ */ ((EngineStatus3) => {
@@ -28698,7 +28698,7 @@ function createImmutableStateInvariantMiddleware(options = {}) {
       return JSON.stringify(obj, getSerialize2(serializer, decycler), indent);
     }, getSerialize2 = function(serializer, decycler) {
       let stack = [], keys = [];
-      if (!decycler) decycler = function(_2, value) {
+      if (!decycler) decycler = function(_5, value) {
         if (stack[0] === value) return "[Circular ~]";
         return "[Circular ~." + keys.slice(0, stack.indexOf(value)).join(".") + "]";
       };
@@ -29338,7 +29338,7 @@ var createAsyncThunk = /* @__PURE__ */ (() => {
                 message: "Aborted due to condition callback returning false."
               };
             }
-            const abortedPromise = new Promise((_2, reject) => {
+            const abortedPromise = new Promise((_5, reject) => {
               abortHandler = () => {
                 reject({
                   name: "AbortError",
@@ -31845,7 +31845,7 @@ var buildCacheLifecycleHandler = ({
     });
     lifecycleMap[queryCacheKey] = lifecycle;
     const selector = api.endpoints[endpointName].select(isAnyQueryDefinition(endpointDefinition) ? originalArgs : queryCacheKey);
-    const extra = mwApi.dispatch((_2, __, extra2) => extra2);
+    const extra = mwApi.dispatch((_5, __, extra2) => extra2);
     const lifecycleApi = {
       ...mwApi,
       getCacheEntry: () => selector(mwApi.getState()),
@@ -32098,7 +32098,7 @@ var buildQueryLifecycleHandler = ({
         });
         lifecycleMap[requestId] = lifecycle;
         const selector = api.endpoints[endpointName].select(isAnyQueryDefinition(endpointDefinition) ? originalArgs : requestId);
-        const extra = mwApi.dispatch((_2, __, extra2) => extra2);
+        const extra = mwApi.dispatch((_5, __, extra2) => extra2);
         const lifecycleApi = {
           ...mwApi,
           getCacheEntry: () => selector(mwApi.getState()),
@@ -32710,8 +32710,8 @@ function buildHooks({
         createSelector2([
           // @ts-ignore
           select(stableArg),
-          (_2, lastResult) => lastResult,
-          (_2) => stableArg
+          (_5, lastResult) => lastResult,
+          (_5) => stableArg
         ], preSelector, {
           memoizeOptions: {
             resultEqualityCheck: shallowEqual2
@@ -34082,7 +34082,7 @@ var workflowsApi = orchestratorApi.injectEndpoints({
         document: workflowsDescription,
         variables
       }),
-      transformResponse: (response, _2, variables) => {
+      transformResponse: (response, _5, variables) => {
         const workflows = response.workflows.page || [];
         const workflow = workflows.find(
           ({ name: name2 }) => name2 === variables.workflowName
@@ -34866,7 +34866,7 @@ var streamMessagesApi = orchestratorApi.injectEndpoints({
       queryFn: () => {
         return { data: true };
       },
-      async onCacheEntryAdded(_2, {
+      async onCacheEntryAdded(_5, {
         cacheDataLoaded,
         cacheEntryRemoved,
         dispatch,
@@ -38239,7 +38239,7 @@ var WfoStartButtonComboBox = ({
           css: selectableStyle,
           searchable: true,
           options,
-          onChange: (_2, __, changedOption) => onOptionChange(changedOption),
+          onChange: (_5, __, changedOption) => onOptionChange(changedOption),
           height: 200,
           children: (list, search) => /* @__PURE__ */ jsxs41(Fragment3, { children: [
             search,
@@ -41228,11 +41228,11 @@ var WfoDragHandler = ({
   const onStart = () => {
     setIsDragging(false);
   };
-  const onDrag = (_2, data) => {
+  const onDrag = (_5, data) => {
     setIsDragging(true);
     setPosition({ x: data.x, y: data.y });
   };
-  const onStop = (_2, data) => {
+  const onStop = (_5, data) => {
     if (headerRowRef.current && isDragging) {
       const newWidth = startWidth + data.x;
       onUpdateColumWidth(
@@ -43136,7 +43136,7 @@ var WfoButtonComboBox = ({
             css: selectableStyle,
             options: optionsState,
             searchable: true,
-            onChange: (options2, _2, changedOption) => {
+            onChange: (options2, _5, changedOption) => {
               onOptionChange(changedOption);
               setOptionsState(options2);
             },
@@ -47794,7 +47794,7 @@ function Summary({
     return null;
   }
   const { headers, labels, columns } = data;
-  const extraColumnsData = columns.filter((_2, index) => index !== 0);
+  const extraColumnsData = columns.filter((_5, index) => index !== 0);
   const rows = columns[0].map((row, index) => /* @__PURE__ */ jsxs98("tr", { children: [
     labels && /* @__PURE__ */ jsx181("td", { className: `label`, children: labels[index] }),
     /* @__PURE__ */ jsx181("td", { className: `value`, children: typeof row === "string" && row.includes("<!doctype html>") ? /* @__PURE__ */ jsx181(
@@ -47804,7 +47804,7 @@ function Summary({
         dangerouslySetInnerHTML: { __html: row }
       }
     ) : row }),
-    extraColumnsData && extraColumnsData.map((_2, idx) => /* @__PURE__ */ jsx181("td", { className: `value`, children: extraColumnsData[idx][index] }, idx))
+    extraColumnsData && extraColumnsData.map((_5, idx) => /* @__PURE__ */ jsx181("td", { className: `value`, children: extraColumnsData[idx][index] }, idx))
   ] }, index));
   const tableHeader = !headers || headers.length === 0 ? null : /* @__PURE__ */ jsxs98("tr", { children: [
     labels && /* @__PURE__ */ jsx181("th", {}),
@@ -50358,7 +50358,7 @@ var WfoProcessDetailPage = ({
 };
 
 // src/pages/processes/WfoStartProcessPage.tsx
-import { useCallback as useCallback9, useEffect as useEffect34, useMemo as useMemo7, useState as useState50 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect34, useMemo as useMemo7, useState as useState51 } from "react";
 import { useTranslations as useTranslations69 } from "next-intl";
 import { useRouter as useRouter10 } from "next/router";
 import {
@@ -50371,6 +50371,7 @@ import {
 
 // src/components/WfoPydanticForm/WfoPydanticForm.tsx
 import { useCallback as useCallback6, useMemo as useMemo4 } from "react";
+import _4 from "lodash";
 import { useMessages, useTranslations as useTranslations62 } from "next-intl";
 import { useRouter as useRouter9 } from "next/router";
 import {
@@ -50556,6 +50557,8 @@ var WfoTextArea = ({
 };
 
 // src/components/WfoPydanticForm/fields/WfoText.tsx
+import _2 from "lodash";
+import { getFormFieldIdWithPath } from "pydantic-forms";
 import { EuiFieldText as EuiFieldText4 } from "@elastic/eui";
 import { jsx as jsx208 } from "@emotion/react/jsx-runtime";
 var WfoText = ({
@@ -50567,6 +50570,8 @@ var WfoText = ({
   const { formFieldBaseStyle } = useWithOrchestratorTheme(
     getFormFieldsBaseStyle
   );
+  const fieldName = getFormFieldIdWithPath(pydanticFormField.id);
+  const fieldValue = _2.isObject(value) && _2.has(value, fieldName) ? _2.get(value, fieldName) : value;
   return /* @__PURE__ */ jsx208(
     EuiFieldText4,
     {
@@ -50574,7 +50579,7 @@ var WfoText = ({
       css: formFieldBaseStyle,
       disabled,
       onChange: (event) => onChange(event.target.value),
-      value: value ?? "",
+      value: fieldValue,
       fullWidth: true
     }
   );
@@ -50647,7 +50652,7 @@ var WfoSummary = ({ pydanticFormField }) => {
   const headers = summaryData?.headers;
   const labels = summaryData?.labels;
   const columns = summaryData?.columns || [];
-  const extraColumnsData = columns.filter((_2, index) => index !== 0);
+  const extraColumnsData = columns.filter((_5, index) => index !== 0);
   const rows = columns[0].map((row, index) => /* @__PURE__ */ jsxs111("tr", { children: [
     labels && /* @__PURE__ */ jsx212("td", { className: `label`, children: getNestedSummaryLabel(labels, index) }),
     /* @__PURE__ */ jsx212("td", { className: `value`, children: typeof row === "string" && row.includes("<!doctype html>") ? /* @__PURE__ */ jsx212(
@@ -50657,7 +50662,7 @@ var WfoSummary = ({ pydanticFormField }) => {
         dangerouslySetInnerHTML: { __html: row }
       }
     ) : row }),
-    extraColumnsData && extraColumnsData.map((_2, idx) => /* @__PURE__ */ jsx212("td", { className: `value`, children: extraColumnsData[idx][index].toString() }, idx))
+    extraColumnsData && extraColumnsData.map((_5, idx) => /* @__PURE__ */ jsx212("td", { className: `value`, children: extraColumnsData[idx][index].toString() }, idx))
   ] }, index));
   const tableHeader = !headers || headers.length === 0 ? null : /* @__PURE__ */ jsxs111("tr", { children: [
     labels && /* @__PURE__ */ jsx212("th", {}),
@@ -51492,7 +51497,7 @@ var WfoRadio = ({
   value,
   disabled
 }) => {
-  const radioOptions = pydanticFormField.options.map((option) => ({
+  const radioOptions = pydanticFormField.options?.map((option) => ({
     id: option.value,
     label: option.label
   }));
@@ -51500,7 +51505,7 @@ var WfoRadio = ({
     EuiRadioGroup,
     {
       "data-testid": pydanticFormField.id,
-      options: radioOptions,
+      options: radioOptions || [],
       idSelected: value,
       onChange: (id) => onChange(id),
       name: pydanticFormField.id,
@@ -51510,6 +51515,8 @@ var WfoRadio = ({
 };
 
 // src/components/WfoPydanticForm/fields/WfoInteger.tsx
+import _3 from "lodash";
+import { getFormFieldIdWithPath as getFormFieldIdWithPath2 } from "pydantic-forms";
 import { EuiFieldNumber as EuiFieldNumber2 } from "@elastic/eui";
 import { css as css38 } from "@emotion/react";
 import { jsx as jsx216 } from "@emotion/react/jsx-runtime";
@@ -51534,6 +51541,8 @@ var WfoInteger = ({
   const { formFieldBaseStyle } = useWithOrchestratorTheme(
     getFormFieldsBaseStyle2
   );
+  const fieldName = getFormFieldIdWithPath2(pydanticFormField.id);
+  const fieldValue = _3.isObject(value) && _3.has(value, fieldName) ? _3.get(value, fieldName) : value;
   return /* @__PURE__ */ jsx216(
     EuiFieldNumber2,
     {
@@ -51541,14 +51550,14 @@ var WfoInteger = ({
       css: formFieldBaseStyle,
       name: pydanticFormField.id,
       onChange: (event) => onChange(parseInt(event.target.value)),
-      value,
+      value: fieldValue,
       disabled
     }
   );
 };
 
 // src/components/WfoPydanticForm/fields/WfoReactSelect/WfoReactSelect.tsx
-import React67, { useEffect as useEffect30 } from "react";
+import { useEffect as useEffect30, useState as useState44 } from "react";
 import ReactSelect5, { components } from "react-select";
 import { EuiButtonIcon as EuiButtonIcon12 } from "@elastic/eui";
 
@@ -51624,16 +51633,18 @@ var WfoReactSelect = ({
   hasError = false,
   refetch
 }) => {
-  useEffect30(() => {
-    const selectedValue2 = options.find(
-      (option) => option.value === value
-    );
-    setSelectedValue(selectedValue2 || null);
-  }, [options, value]);
   const initialValue = options.find(
     (option) => option.value === value
   );
-  const [selectedValue, setSelectedValue] = React67.useState(initialValue || null);
+  const [selectedValue, setSelectedValue] = useState44(initialValue || null);
+  useEffect30(() => {
+    const preSelectedValue = options.find(
+      (option) => option.value === value
+    );
+    if (preSelectedValue !== selectedValue) {
+      setSelectedValue(preSelectedValue || null);
+    }
+  }, [options, selectedValue, value]);
   const {
     reactSelectInnerComponentStyles,
     containerStyle,
@@ -51673,7 +51684,7 @@ var WfoReactSelect = ({
         onChange: (option) => {
           if (option === null) {
             setSelectedValue(null);
-            onChange(void 0);
+            onChange(null);
           } else {
             const selectedValue2 = option?.value;
             setSelectedValue(option);
@@ -51704,14 +51715,14 @@ var WfoDropdown = ({
   pydanticFormField,
   value
 }) => {
-  const dropDownOptions = pydanticFormField.options.map((option) => ({
+  const dropDownOptions = pydanticFormField.options?.map((option) => ({
     value: option.value,
     label: option.label
   }));
   return /* @__PURE__ */ jsx218(
     WfoReactSelect,
     {
-      options: dropDownOptions,
+      options: dropDownOptions || [],
       onChange,
       id: pydanticFormField.id,
       value
@@ -51720,7 +51731,7 @@ var WfoDropdown = ({
 };
 
 // src/components/WfoPydanticForm/fields/WfoMultiCheckboxField.tsx
-import { useEffect as useEffect31, useState as useState44 } from "react";
+import { useEffect as useEffect31, useState as useState45 } from "react";
 import { EuiCheckboxGroup } from "@elastic/eui";
 import { jsx as jsx219 } from "@emotion/react/jsx-runtime";
 var WfoMultiCheckboxField = ({
@@ -51741,9 +51752,9 @@ var WfoMultiCheckboxField = ({
     };
     setCheckboxIdToSelectedMap(getInitialMap());
   }, [value]);
-  const [checkboxIdToSelectedMap, setCheckboxIdToSelectedMap] = useState44({});
+  const [checkboxIdToSelectedMap, setCheckboxIdToSelectedMap] = useState45({});
   const { options, id } = pydanticFormField;
-  const checkboxes = options.map((option, index) => ({
+  const checkboxes = options?.map((option, index) => ({
     label: option.label,
     id: option.value,
     "data-test-id": `${id}-${index}`
@@ -51764,7 +51775,7 @@ var WfoMultiCheckboxField = ({
   return /* @__PURE__ */ jsx219(
     EuiCheckboxGroup,
     {
-      options: checkboxes,
+      options: checkboxes || [],
       idToSelectedMap: checkboxIdToSelectedMap,
       onChange: (id2) => handleCheckboxChange(id2),
       "data-testid": id
@@ -51877,7 +51888,7 @@ var useWfoPydanticFormConfig = () => {
             isControlledElement: true
           },
           matcher(field) {
-            return field.type === PydanticFormFieldType.STRING && Array.isArray(field.options) && field.options.length > 0;
+            return field.type === PydanticFormFieldType.STRING && _4.isArray(field.options) && field.options.length > 0;
           }
         },
         {
@@ -51898,7 +51909,7 @@ var useWfoPydanticFormConfig = () => {
             isControlledElement: true
           },
           matcher(field) {
-            return field.type === PydanticFormFieldType.ARRAY && field.options?.length > 0 && field.options?.length <= 5;
+            return field.type === PydanticFormFieldType.ARRAY && _4.isArray(field.options) && field.options?.length > 0 && field.options?.length <= 5;
           },
           validator: zodValidationPresets.multiSelect
         },
@@ -52046,7 +52057,7 @@ var WfoPydanticForm = ({
 };
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
-import React72, { useState as useState46 } from "react";
+import React72, { useState as useState47 } from "react";
 import { useTranslations as useTranslations64 } from "next-intl";
 import {
   EuiButton as EuiButton13,
@@ -52057,7 +52068,7 @@ import {
 } from "@elastic/eui";
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStepFormOld.tsx
-import { useState as useState45 } from "react";
+import { useState as useState46 } from "react";
 import { EuiFlexItem as EuiFlexItem25 } from "@elastic/eui";
 import { jsx as jsx221 } from "@emotion/react/jsx-runtime";
 var WfoStepFormOld = ({
@@ -52066,8 +52077,8 @@ var WfoStepFormOld = ({
   processId,
   userPermissions
 }) => {
-  const [isProcessing, setIsProcessing] = useState45(false);
-  const [hasError, setHasError] = useState45(false);
+  const [isProcessing, setIsProcessing] = useState46(false);
+  const [hasError, setHasError] = useState46(false);
   const { theme } = useOrchestratorTheme();
   const [resumeProcess] = useResumeProcessMutation();
   const submitForm = (processInput) => {
@@ -52457,7 +52468,7 @@ var WfoStep = React72.forwardRef(
     userPermissions
   }, ref) => {
     const { isExpanded, step, userInputForm } = stepListItem;
-    const [tableView, setTableView] = useState46(false);
+    const [tableView, setTableView] = useState47(false);
     const { theme } = useOrchestratorTheme();
     const {
       stepEmailContainerStyle,
@@ -52697,12 +52708,12 @@ var WfoStepList = React73.forwardRef(
 WfoStepList.displayName = "WfoStepList";
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
-import React75, { useEffect as useEffect33, useState as useState48 } from "react";
+import React75, { useEffect as useEffect33, useState as useState49 } from "react";
 import { useTranslations as useTranslations67 } from "next-intl";
 
 // src/components/WfoDiff/WfoDiff.tsx
 var refractor = __toESM(require_refractor(), 1);
-import { useCallback as useCallback8, useEffect as useEffect32, useMemo as useMemo6, useState as useState47 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect32, useMemo as useMemo6, useState as useState48 } from "react";
 import { Diff, Hunk, parseDiff, tokenize } from "react-diff-view";
 import "react-diff-view/style/index.css";
 import { useTranslations as useTranslations65 } from "next-intl";
@@ -52759,10 +52770,10 @@ var SMALL_CONTEXT = 3;
 var FULL_CONTEXT = 1e6;
 var WfoDiff = ({ oldText, newText, syntax }) => {
   const t = useTranslations65("processes.delta");
-  const [showSplit, setShowSplit] = useState47(true);
-  const [showFull, setShowFull] = useState47(false);
+  const [showSplit, setShowSplit] = useState48(true);
+  const [showFull, setShowFull] = useState48(false);
   const { diffStyle } = useWithOrchestratorTheme(getWfoDiffStyles);
-  const [{ type, hunks }, setDiff] = useState47({
+  const [{ type, hunks }, setDiff] = useState48({
     type: "modify",
     hunks: []
   });
@@ -52895,16 +52906,16 @@ var WfoWorkflowStepList = React75.forwardRef(
     userInputForm,
     userPermissions
   }, reference) => {
-    const [showHiddenKeys, setShowHiddenKeys] = useState48(false);
-    const [showRaw, setShowRaw] = useState48(false);
-    const [showDelta, setShowDelta] = useState48(false);
-    const [showTraceback, setShowTraceback] = useState48(false);
+    const [showHiddenKeys, setShowHiddenKeys] = useState49(false);
+    const [showRaw, setShowRaw] = useState49(false);
+    const [showDelta, setShowDelta] = useState49(false);
+    const [showTraceback, setShowTraceback] = useState49(false);
     const t = useTranslations67("processes.steps");
     const initialStepListItems = steps.map((step) => ({
       step,
       isExpanded: false
     }));
-    const [stepListItems, setStepListItems] = useState48(initialStepListItems);
+    const [stepListItems, setStepListItems] = useState49(initialStepListItems);
     const persistStepListItemState = (previousStepListItems, updatedSteps, userInputForm2) => {
       const reversedSteps = [...updatedSteps].reverse();
       const lastStepWithSuspendStatusStepId = reversedSteps.find(
@@ -53000,7 +53011,7 @@ var WfoWorkflowStepList = React75.forwardRef(
 WfoWorkflowStepList.displayName = "WfoWorkflowStepList";
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoStepListHeader.tsx
-import { useState as useState49 } from "react";
+import { useState as useState50 } from "react";
 import { useTranslations as useTranslations68 } from "next-intl";
 import {
   EuiButton as EuiButton14,
@@ -53063,7 +53074,7 @@ var WfoStepListHeader = ({
     stepListContentBoldTextStyle,
     stepListOptionsContainerStyle
   } = useWithOrchestratorTheme(getWorkflowStepsStyles);
-  const [isViewOptionOpen, setIsViewOptionOpen] = useState49(false);
+  const [isViewOptionOpen, setIsViewOptionOpen] = useState50(false);
   const onViewOptionClick = () => setIsViewOptionOpen((isViewOptionOpen2) => !isViewOptionOpen2);
   const closeViewOption = () => setIsViewOptionOpen(false);
   const viewOptionButton = /* @__PURE__ */ jsx231(
@@ -53183,9 +53194,9 @@ var WfoStartProcessPage = ({
 }) => {
   const t = useTranslations69("processes.steps");
   const router = useRouter10();
-  const [hasError, setHasError] = useState50(false);
+  const [hasError, setHasError] = useState51(false);
   const { theme } = useOrchestratorTheme();
-  const [form, setForm] = useState50({});
+  const [form, setForm] = useState51({});
   const { productId, subscriptionId } = router.query;
   const {
     data: subscriptionDetail,
@@ -53603,14 +53614,14 @@ var WfoSubscriptionDetailPage = () => {
 };
 
 // src/pages/subscriptions/WfoSubscriptionsListPage.tsx
-import { useEffect as useEffect35, useState as useState51 } from "react";
+import { useEffect as useEffect35, useState as useState52 } from "react";
 import { useTranslations as useTranslations74 } from "next-intl";
 import { StringParam as StringParam4, useQueryParam as useQueryParam3, withDefault as withDefault4 } from "use-query-params";
 import { EuiSpacer as EuiSpacer23 } from "@elastic/eui";
 import { Fragment as Fragment58, jsx as jsx238, jsxs as jsxs127 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionsListPage = () => {
   const t = useTranslations74("subscriptions.detail");
-  const [tableDefaults, setTableDefaults] = useState51();
+  const [tableDefaults, setTableDefaults] = useState52();
   const getStoredTableConfig = useStoredTableConfig(
     SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY
   );
@@ -53675,7 +53686,7 @@ var WfoSubscriptionsListPage = () => {
 };
 
 // src/pages/tasks/WfoTasksListPage.tsx
-import { useContext as useContext11, useEffect as useEffect36, useState as useState52 } from "react";
+import { useContext as useContext11, useEffect as useEffect36, useState as useState53 } from "react";
 import { useTranslations as useTranslations75 } from "next-intl";
 import Link11 from "next/link";
 import { useRouter as useRouter12 } from "next/router";
@@ -53753,7 +53764,7 @@ var WfoTasksListPage = () => {
     "activeTab",
     withDefault5(StringParam5, "ACTIVE" /* ACTIVE */)
   );
-  const [tableDefaults, setTableDefaults] = useState52();
+  const [tableDefaults, setTableDefaults] = useState53();
   const selectedTasksListTab = getTasksListTabTypeFromString(activeTab);
   const localStorageKey = selectedTasksListTab === "ACTIVE" /* ACTIVE */ ? ACTIVE_TASKS_LIST_TABLE_LOCAL_STORAGE_KEY : COMPLETED_TASKS_LIST_TABLE_LOCAL_STORAGE_KEY;
   const getStoredTableConfig = useStoredTableConfig(localStorageKey);
@@ -53862,7 +53873,7 @@ var WfoTasksListPage = () => {
 };
 
 // src/pages/workflows/WfoWorkflowsListPage.tsx
-import { useEffect as useEffect37, useState as useState53 } from "react";
+import { useEffect as useEffect37, useState as useState54 } from "react";
 import { useTranslations as useTranslations76 } from "next-intl";
 import { useRouter as useRouter13 } from "next/router";
 import { StringParam as StringParam6, useQueryParam as useQueryParam5, withDefault as withDefault6 } from "use-query-params";
@@ -53939,7 +53950,7 @@ var WfoWorkflowsListPage = () => {
     "activeTab",
     withDefault6(StringParam6, "ACTIVE" /* ACTIVE */)
   );
-  const [tableDefaults, setTableDefaults] = useState53();
+  const [tableDefaults, setTableDefaults] = useState54();
   const selectedWorkflowsListTab = getWorkflowsListTabTypeFromString(activeTab);
   const localStorageKey = selectedWorkflowsListTab === "ACTIVE" /* ACTIVE */ ? ACTIVE_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY : COMPLETED_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY;
   const getStoredTableConfig = useStoredTableConfig(localStorageKey);
@@ -54325,7 +54336,7 @@ var WfoJsonCodeBlock = ({
 };
 
 // src/components/WfoSettings/WfoFlushSettings.tsx
-import { useState as useState54 } from "react";
+import { useState as useState55 } from "react";
 import { useTranslations as useTranslations78 } from "next-intl";
 import {
   EuiButton as EuiButton17,
@@ -54367,7 +54378,7 @@ var WfoFlushSettings = () => {
   );
   const [clearCache] = useClearCacheMutation();
   const t = useTranslations78("settings.page");
-  const [selectedOptions, setSelected] = useState54(
+  const [selectedOptions, setSelected] = useState55(
     []
   );
   const { showToastMessage } = useShowToastMessage();
@@ -55653,7 +55664,7 @@ var WfoTitleWithWebsocketBadge = ({
 };
 
 // src/components/WfoRadioDropdown/WfoRadioDropdown.tsx
-import { useState as useState55 } from "react";
+import { useState as useState56 } from "react";
 import {
   EuiButtonEmpty as EuiButtonEmpty5,
   EuiFlexGroup as EuiFlexGroup32,
@@ -55666,7 +55677,7 @@ var WfoRadioDropdown = ({
   onUpdateOption,
   selectedOption
 }) => {
-  const [isOpen, setIsOpen] = useState55(false);
+  const [isOpen, setIsOpen] = useState56(false);
   const handleClose = () => {
     if (isOpen) {
       setIsOpen(false);