@orchestrator-ui/orchestrator-ui-components 0.11.1 → 0.13.0

package/dist/index.js

@@ -34572,9 +34572,9 @@ var getAxiosInstance = (apiPath, accessToken) => {
 };
 
 // src/api/index.ts
-var CIM_FORMS_ENDPOINT = "surf/cim/forms/";
 var PROCESS_ENDPOINT = "processes/";
 var PRODUCTS_ENDPOINT = "products/";
+var FORMS_ENDPOINT = "surf/forms/";
 var BaseApiClient = class {
   constructor(apiPath, accessToken) {
     this.axiosFetch = (path, options = {}, headers = {}, showErrorDialog = true, result = true) => {
@@ -34614,11 +34614,18 @@ var BaseApiClient = class {
     this._axiosInstance = getAxiosInstance(apiPath, accessToken);
   }
 };
-var ApiClientInterface = class extends BaseApiClient {
-};
-var ApiClient = class extends ApiClientInterface {
+var ApiClient = class extends BaseApiClient {
   constructor() {
     super(...arguments);
+    this.startForm = (formKey, userInputs) => {
+      return this.postPutJson(
+        `${FORMS_ENDPOINT}${formKey}`,
+        userInputs,
+        "post",
+        false,
+        true
+      );
+    };
     this.startProcess = (workflowName, processInput) => {
       return this.postPutJson(
         `${PROCESS_ENDPOINT}${workflowName}`,
@@ -34643,15 +34650,6 @@ var ApiClient = class extends ApiClientInterface {
     this.productById = (productId) => {
       return this.fetchJson(`${PRODUCTS_ENDPOINT}${productId}`);
     };
-    this.cimStartForm = (formKey, userInputs) => {
-      return this.postPutJson(
-        `${CIM_FORMS_ENDPOINT}${formKey}`,
-        userInputs,
-        "post",
-        false,
-        true
-      );
-    };
     this.prefix_filters = () => {
       return this.fetchJson("surf/ipam/prefix_filters");
     };
@@ -40514,11 +40512,11 @@ var processApi = orchestratorApi.injectEndpoints({
     getProcessList: build.query({
       query: (variables) => ({ document: processListQuery, variables }),
       transformResponse: (response) => {
-        var _a, _b;
-        const processes = ((_a = response == null ? void 0 : response.processes) == null ? void 0 : _a.page) || [];
+        var _a;
+        const processes = response.processes.page || [];
         return {
           processes,
-          pageInfo: ((_b = response.processes) == null ? void 0 : _b.pageInfo) || {}
+          pageInfo: ((_a = response.processes) == null ? void 0 : _a.pageInfo) || {}
         };
       }
     })
@@ -41313,7 +41311,7 @@ import { useContext as useContext6 } from "react";
 // src/hooks/useQueryWithFetch.ts
 import { useQuery as useQuery2 } from "react-query";
 import { signOut as signOut2 } from "next-auth/react";
-var useQueryWithFetch = (url, queryVars, queryKey) => {
+var useQueryWithFetch = (url, queryVars, queryKey, options) => {
   const { session } = useWfoSession();
   const requestHeaders = {
     authorization: session ? `Bearer ${session.accessToken}` : ""
@@ -41331,7 +41329,11 @@ var useQueryWithFetch = (url, queryVars, queryKey) => {
     }
     return yield response.json();
   });
-  return useQuery2([queryKey, ...Object.values(queryVars)], fetchData);
+  return useQuery2(
+    [queryKey, ...Object.values(queryVars)],
+    fetchData,
+    options
+  );
 };
 
 // src/hooks/useProcessStatusCountsQuery.ts
@@ -43290,6 +43292,13 @@ var camelToHuman = (value) => {
   const result = value.replace(/([A-Z])/g, " $1").trimStart();
   return result.charAt(0).toUpperCase() + result.slice(1);
 };
+var snakeToHuman = (value) => {
+  const result = value.replace(/_/g, " ");
+  return result.charAt(0) + result.slice(1);
+};
+var snakeToKebab = (value) => {
+  return value.replace(/_/g, "-");
+};
 
 // src/utils/getProductNamesFromProcess.ts
 var getProductNamesFromProcess = (process2) => {
@@ -43308,6 +43317,11 @@ var getQueryVariablesForExport = (queryVariables) => __spreadProps(__spreadValue
   after: 0
 });
 
+// src/utils/onlyUnique.ts
+var onlyUnique = (value, index, array) => {
+  return array.indexOf(value) === index;
+};
+
 // src/components/WfoPageTemplate/WfoBreadcrumbs/WfoBreadcrumbs.tsx
 import { Fragment as Fragment2, jsx as jsx49, jsxs as jsxs34 } from "@emotion/react/jsx-runtime";
 var WfoBreadcrumbs = () => {
@@ -48105,48 +48119,9 @@ var GET_SUBSCRIPTION_DETAIL_GRAPHQL_QUERY = parse(gql6`
     }
 `);
 
-// src/graphqlQueries/processDetailQuery.ts
-import { gql as gql7 } from "graphql-request";
-var GET_PROCESS_DETAIL_GRAPHQL_QUERY = parse(gql7`
-    query ProcessDetail($processId: String!) {
-        processes(filterBy: { value: $processId, field: "processId" }) {
-            page {
-                processId
-                lastStatus
-                createdBy
-                startedAt
-                lastModifiedAt
-                lastStep
-                workflowName
-                isTask
-                form
-                steps {
-                    name
-                    status
-                    stepId
-                    executed
-                    stateDelta
-                }
-                customer {
-                    fullname
-                }
-                subscriptions {
-                    page {
-                        product {
-                            name
-                        }
-                        description
-                        subscriptionId
-                    }
-                }
-            }
-        }
-    }
-`);
-
 // src/graphqlQueries/subscriptionsDropdownOptionsQuery.ts
-import { gql as gql8 } from "graphql-request";
-var GET_SUBSCRIPTION_DROPDOWN_OPTIONS_GRAPHQL_QUERY = parse(gql8`
+import { gql as gql7 } from "graphql-request";
+var GET_SUBSCRIPTION_DROPDOWN_OPTIONS_GRAPHQL_QUERY = parse(gql7`
     query SubscriptionDropdownOptions($filterBy: [GraphqlFilter!]) {
         subscriptions(filterBy: $filterBy, first: 1000000, after: 0) {
             page {
@@ -48178,8 +48153,8 @@ function getSubscriptionDropdownOptionsGraphQlQuery() {
 }
 
 // src/graphqlQueries/processStepsQuery.ts
-import { gql as gql9 } from "graphql-request";
-var GET_PROCESS_STEPS_GRAPHQL_QUERY = parse(gql9`
+import { gql as gql8 } from "graphql-request";
+var GET_PROCESS_STEPS_GRAPHQL_QUERY = parse(gql8`
     query ProcessSteps($processName: String!) {
         workflows(filterBy: { field: "name", value: $processName }) {
             page {
@@ -48193,8 +48168,8 @@ var GET_PROCESS_STEPS_GRAPHQL_QUERY = parse(gql9`
 `);
 
 // src/graphqlQueries/processListQuery.ts
-import { gql as gql10 } from "graphql-request";
-var GET_PROCESS_LIST_SUMMARY_GRAPHQL_QUERY = parse(gql10`
+import { gql as gql9 } from "graphql-request";
+var GET_PROCESS_LIST_SUMMARY_GRAPHQL_QUERY = parse(gql9`
     query ProcessListSummary(
         $first: Int!
         $after: Int!
@@ -48222,7 +48197,7 @@ var GET_PROCESS_LIST_SUMMARY_GRAPHQL_QUERY = parse(gql10`
         }
     }
 `);
-var GET_PROCESS_LIST_GRAPHQL_QUERY = parse(gql10`
+var GET_PROCESS_LIST_GRAPHQL_QUERY = parse(gql9`
     query ProcessList(
         $first: Int!
         $after: Int!
@@ -48324,8 +48299,8 @@ import Link2 from "next/link";
 import { EuiFlexGroup as EuiFlexGroup10, EuiFlexItem as EuiFlexItem9, EuiSpacer as EuiSpacer13, EuiSwitch as EuiSwitch2 } from "@elastic/eui";
 
 // src/graphqlQueries/relatedSubscriptionsQuery.ts
-import { gql as gql11 } from "graphql-request";
-var GET_RELATED_SUBSCRIPTIONS_GRAPHQL_QUERY = parse(gql11`
+import { gql as gql10 } from "graphql-request";
+var GET_RELATED_SUBSCRIPTIONS_GRAPHQL_QUERY = parse(gql10`
     query RelatedSubscriptions(
         $subscriptionId: String!
         $first: Int!
@@ -49858,13 +49833,35 @@ var WfoToastsList = () => {
   );
 };
 
-// src/components/WfoForms/CreateForm.tsx
-import { useCallback as useCallback4, useEffect as useEffect15, useState as useState26 } from "react";
-
-// src/components/WfoForms/UserInputFormWizard.tsx
-import { useEffect as useEffect14, useState as useState25 } from "react";
-import { useRouter as useRouter7 } from "next/router";
-import hash from "object-hash";
+// src/components/WfoForms/AutoFields.tsx
+import { createElement } from "react";
+import { useForm } from "uniforms";
+import { AutoField } from "uniforms-unstyled";
+function AutoFields(_a) {
+  var _b = _a, {
+    autoField = AutoField,
+    element = "section",
+    fields,
+    omitFields = []
+  } = _b, props = __objRest(_b, [
+    "autoField",
+    "element",
+    "fields",
+    "omitFields"
+  ]);
+  const { schema } = useForm();
+  return createElement(
+    element,
+    __spreadValues({}, props),
+    (fields != null ? fields : schema.getSubfields()).filter((field) => !omitFields.includes(field)).map(
+      (field) => createElement(autoField, {
+        key: field,
+        name: field,
+        className: "form-input"
+      })
+    )
+  );
+}
 
 // src/components/WfoForms/UserInputForm.tsx
 var import_cloneDeep2 = __toESM(require_cloneDeep(), 1);
@@ -49883,7 +49880,7 @@ import {
 } from "@elastic/eui";
 
 // src/components/WfoForms/AutoFieldLoader.tsx
-import { AutoField as AutoField4 } from "uniforms-unstyled";
+import { AutoField as AutoField5 } from "uniforms-unstyled";
 
 // src/components/WfoForms/formFields/AcceptField.tsx
 import { useReducer } from "react";
@@ -50231,10 +50228,10 @@ var ErrorField = connectField4(Error2, {
 });
 
 // src/components/WfoForms/formFields/ErrorsField.tsx
-import { filterDOMProps as filterDOMProps4, useForm } from "uniforms";
+import { filterDOMProps as filterDOMProps4, useForm as useForm2 } from "uniforms";
 import { jsx as jsx102, jsxs as jsxs65 } from "@emotion/react/jsx-runtime";
 var ErrorsField = (props) => {
-  const { error, schema } = useForm();
+  const { error, schema } = useForm2();
   return !error && !props.children ? null : /* @__PURE__ */ jsxs65("div", __spreadProps(__spreadValues({}, filterDOMProps4(props)), { children: [
     props.children,
     /* @__PURE__ */ jsx102("ul", { children: schema.getErrorMessages(error).map((message, index) => /* @__PURE__ */ jsx102("li", { children: message }, index)) })
@@ -50393,10 +50390,10 @@ import { EuiFlexItem as EuiFlexItem14, EuiFormRow as EuiFormRow4, EuiText as Eui
 
 // src/components/WfoForms/formFields/ListItemField.tsx
 import { connectField as connectField8 } from "uniforms";
-import { AutoField } from "uniforms-unstyled";
+import { AutoField as AutoField2 } from "uniforms-unstyled";
 import { jsx as jsx106, jsxs as jsxs68 } from "@emotion/react/jsx-runtime";
 function ListItem({
-  children = /* @__PURE__ */ jsx106(AutoField, { label: null, name: "" }),
+  children = /* @__PURE__ */ jsx106(AutoField2, { label: null, name: "" }),
   outerList = false
 }) {
   return /* @__PURE__ */ jsxs68("li", { children: [
@@ -50583,13 +50580,13 @@ var ListField = connectField9(List);
 
 // src/components/WfoForms/formFields/ListSelectField.tsx
 var import_lodash3 = __toESM(require_lodash(), 1);
-import { joinName as joinName5, useField as useField5, useForm as useForm3 } from "uniforms";
+import { joinName as joinName5, useField as useField5, useForm as useForm4 } from "uniforms";
 
 // src/components/WfoForms/formFields/SelectField.tsx
 var import_lodash2 = __toESM(require_lodash(), 1);
 import ReactSelect from "react-select";
 import { useTranslations as useTranslations26 } from "next-intl";
-import { joinName as joinName4, useField as useField4, useForm as useForm2 } from "uniforms";
+import { joinName as joinName4, useField as useField4, useForm as useForm3 } from "uniforms";
 import { EuiFormRow as EuiFormRow5, EuiText as EuiText14 } from "@elastic/eui";
 
 // src/components/WfoForms/formFields/reactSelectStyles.ts
@@ -50670,7 +50667,7 @@ function UnconnectedSelectField(_a) {
     parentName = name;
   }
   const parent = useField4(parentName, {}, { absoluteName: true })[0];
-  const { model } = useForm2();
+  const { model } = useForm3();
   if (parentName !== name) {
     if (parent.fieldType === Array && parent.uniqueItems) {
       const allValues = (0, import_lodash2.get)(model, parentName, []);
@@ -50772,7 +50769,7 @@ function ListSelectField(_a) {
     parentName = name;
   }
   const parent = useField5(parentName, {}, { absoluteName: true })[0];
-  const { model } = useForm3();
+  const { model } = useForm4();
   if (parentName !== name) {
     if (parent.fieldType === Array && parent.uniqueItems) {
       const allValues = (0, import_lodash3.get)(model, parentName, []);
@@ -51047,7 +51044,7 @@ function Radio(_a) {
 var RadioField = connectField13(Radio, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/SubmitField.tsx
-import { filterDOMProps as filterDOMProps13, useForm as useForm4 } from "uniforms";
+import { filterDOMProps as filterDOMProps13, useForm as useForm5 } from "uniforms";
 import { jsx as jsx114 } from "@emotion/react/jsx-runtime";
 var SubmitField = (_a) => {
   var _b = _a, {
@@ -51061,7 +51058,7 @@ var SubmitField = (_a) => {
     "readOnly",
     "value"
   ]);
-  const { error, state } = useForm4();
+  const { error, state } = useForm5();
   return /* @__PURE__ */ jsx114(
     "input",
     __spreadValues(__spreadValues({
@@ -51335,7 +51332,7 @@ import {
   filterDOMProps as filterDOMProps18,
   joinName as joinName6,
   useField as useField6,
-  useForm as useForm5
+  useForm as useForm6
 } from "uniforms";
 import { EuiFieldText as EuiFieldText2, EuiFormRow as EuiFormRow12, EuiText as EuiText21 } from "@elastic/eui";
 
@@ -51525,7 +51522,7 @@ function ContactPersonName(_a) {
   ]);
   const axiosApiClient = useAxiosApiClient();
   const t = useTranslations28("pydanticForms");
-  const { model, onChange: formOnChange, schema } = useForm5();
+  const { model, onChange: formOnChange, schema } = useForm6();
   const contactsPersonFieldNameArray = joinName6(null, name).slice(0, -1);
   const emailFieldName = joinName6(contactsPersonFieldNameArray, "email");
   const contactsFieldName = joinName6(
@@ -51950,7 +51947,7 @@ var LocationCodeField = connectField21(LocationCode, { kind: "leaf" });
 var import_get3 = __toESM(require_get(), 1);
 import { useEffect as useEffect13, useState as useState22 } from "react";
 import { useTranslations as useTranslations32 } from "next-intl";
-import { connectField as connectField22, filterDOMProps as filterDOMProps22, joinName as joinName7, useForm as useForm6 } from "uniforms";
+import { connectField as connectField22, filterDOMProps as filterDOMProps22, joinName as joinName7, useForm as useForm7 } from "uniforms";
 import { EuiFieldText as EuiFieldText3, EuiFormRow as EuiFormRow14, EuiText as EuiText23 } from "@elastic/eui";
 
 // src/hooks/surf/useIsTaggedPort.ts
@@ -52053,7 +52050,7 @@ function Vlan(_a) {
   ]);
   const t = useTranslations32("pydanticForms");
   const axiosApiClient = useAxiosApiClient();
-  const { model, schema } = useForm6();
+  const { model, schema } = useForm7();
   const initialValue = schema.getInitialValue(name, {});
   const nameArray = joinName7(null, name);
   const selfName = nameArray.slice(-1);
@@ -52165,7 +52162,7 @@ var VlanField = connectField22(Vlan, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/NestField.tsx
 import { connectField as connectField23, filterDOMProps as filterDOMProps23, joinName as joinName8 } from "uniforms";
-import { AutoField as AutoField2 } from "uniforms-unstyled";
+import { AutoField as AutoField3 } from "uniforms-unstyled";
 import {
   EuiDescribedFormGroup,
   EuiFlexGroup as EuiFlexGroup13,
@@ -52207,7 +52204,7 @@ function Nest(_a) {
             /* @__PURE__ */ jsx125(EuiText24, { size: "m", children: description })
           ] }),
           children || (fields == null ? void 0 : fields.map((field) => /* @__PURE__ */ jsx125(EuiFlexItem17, { children: /* @__PURE__ */ jsx125(
-            AutoField2,
+            AutoField3,
             __spreadProps(__spreadValues({
               name: field
             }, itemProps), {
@@ -52225,7 +52222,7 @@ function Nest(_a) {
         description,
         className: `${className} nest-field`,
         children: children || (fields == null ? void 0 : fields.map((field) => /* @__PURE__ */ jsx125(
-          AutoField2,
+          AutoField3,
           __spreadProps(__spreadValues({
             name: field
           }, itemProps), {
@@ -52242,7 +52239,7 @@ var NestField = connectField23(Nest);
 // src/components/WfoForms/formFields/OptGroupField.tsx
 import { useTranslations as useTranslations33 } from "next-intl";
 import { connectField as connectField24, filterDOMProps as filterDOMProps24, useField as useField7 } from "uniforms";
-import { AutoField as AutoField3 } from "uniforms-unstyled";
+import { AutoField as AutoField4 } from "uniforms-unstyled";
 import { EuiDescribedFormGroup as EuiDescribedFormGroup2, EuiFlexItem as EuiFlexItem18, EuiFormRow as EuiFormRow15 } from "@elastic/eui";
 import { Fragment as Fragment23, jsx as jsx126, jsxs as jsxs75 } from "@emotion/react/jsx-runtime";
 filterDOMProps24.register("properties");
@@ -52278,7 +52275,7 @@ function OptGroup(_a) {
             children: /* @__PURE__ */ jsx126(BoolField, { name: "enabled", readOnly })
           }
         ) }),
-        enabled && (fields == null ? void 0 : fields.filter((field) => field !== "enabled").map((field) => /* @__PURE__ */ jsx126(EuiFlexItem18, { children: /* @__PURE__ */ jsx126(AutoField3, __spreadValues({ name: field }, itemProps)) }, field)))
+        enabled && (fields == null ? void 0 : fields.filter((field) => field !== "enabled").map((field) => /* @__PURE__ */ jsx126(EuiFlexItem18, { children: /* @__PURE__ */ jsx126(AutoField4, __spreadValues({ name: field }, itemProps)) }, field)))
       ] })
     })
   );
@@ -52294,7 +52291,7 @@ import {
   filterDOMProps as filterDOMProps25,
   joinName as joinName9,
   useField as useField8,
-  useForm as useForm7
+  useForm as useForm8
 } from "uniforms";
 import {
   EuiButtonIcon as EuiButtonIcon2,
@@ -52442,7 +52439,7 @@ function SubscriptionFieldDefinition(_a) {
     parentName = name;
   }
   const parent = useField8(parentName, {}, { absoluteName: true })[0];
-  const { model, schema } = useForm7();
+  const { model, schema } = useForm8();
   const bandWithFromField = bandwidthKey ? (0, import_get4.default)(model, bandwidthKey) || schema.getInitialValue(bandwidthKey, {}) : void 0;
   const usedBandwidth = bandwidth || bandWithFromField;
   const usedCustomerId = customerKey ? (0, import_get4.default)(model, customerKey, "nonExistingOrgToFilterEverything") : customerId;
@@ -53537,37 +53534,7 @@ function autoFieldFunction(props, uniforms) {
         return DateField;
     }
   }
-  return AutoField4.defaultComponentDetector(props, uniforms);
-}
-
-// src/components/WfoForms/AutoFields.tsx
-import { createElement } from "react";
-import { useForm as useForm8 } from "uniforms";
-import { AutoField as AutoField5 } from "uniforms-unstyled";
-function AutoFields(_a) {
-  var _b = _a, {
-    autoField = AutoField5,
-    element = "section",
-    fields,
-    omitFields = []
-  } = _b, props = __objRest(_b, [
-    "autoField",
-    "element",
-    "fields",
-    "omitFields"
-  ]);
-  const { schema } = useForm8();
-  return createElement(
-    element,
-    __spreadValues({}, props),
-    (fields != null ? fields : schema.getSubfields()).filter((field) => !omitFields.includes(field)).map(
-      (field) => createElement(autoField, {
-        key: field,
-        name: field,
-        className: "form-input"
-      })
-    )
-  );
+  return AutoField5.defaultComponentDetector(props, uniforms);
 }
 
 // src/components/WfoForms/UserInputFormStyling.ts
@@ -54073,6 +54040,9 @@ function UserInputForm({
 var UserInputForm_default = UserInputForm;
 
 // src/components/WfoForms/UserInputFormWizard.tsx
+import { useEffect as useEffect14, useState as useState25 } from "react";
+import { useRouter as useRouter7 } from "next/router";
+import hash from "object-hash";
 import { jsx as jsx135 } from "@emotion/react/jsx-runtime";
 function stop2(e) {
   if (e !== void 0 && e !== null) {
@@ -54147,6 +54117,7 @@ function UserInputFormWizard({
 var UserInputFormWizard_default = UserInputFormWizard;
 
 // src/components/WfoForms/CreateForm.tsx
+import { useCallback as useCallback4, useEffect as useEffect15, useState as useState26 } from "react";
 import { jsx as jsx136 } from "@emotion/react/jsx-runtime";
 function CreateForm(props) {
   const { preselectedInput, formKey, handleSubmit, handleCancel } = props;
@@ -54155,7 +54126,7 @@ function CreateForm(props) {
   const apiClient = useAxiosApiClient();
   const submit = useCallback4(
     (userInputs) => {
-      return apiClient.cimStartForm(formKey, userInputs).then((form2) => {
+      return apiClient.startForm(formKey, userInputs).then((form2) => {
         handleSubmit(form2);
       });
     },
@@ -54975,8 +54946,8 @@ import { useTranslations as useTranslations44 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup5 } from "@elastic/eui";
 
 // src/graphqlQueries/workflows/workflowsQuery.ts
-import { gql as gql12 } from "graphql-request";
-var GET_WORKFLOWS_GRAPHQL_QUERY = parse(gql12`
+import { gql as gql11 } from "graphql-request";
+var GET_WORKFLOWS_GRAPHQL_QUERY = parse(gql11`
     query MetadataWorkflows(
         $first: Int!
         $after: Int!
@@ -55088,7 +55059,7 @@ var WfoWorkflowsPage = () => {
     productTags: {
       field: "productTags",
       name: t("productTags"),
-      render: (productTags) => /* @__PURE__ */ jsx148(Fragment32, { children: productTags == null ? void 0 : productTags.map((productTag, index) => /* @__PURE__ */ jsx148(
+      render: (productTags) => /* @__PURE__ */ jsx148(Fragment32, { children: productTags == null ? void 0 : productTags.filter(onlyUnique).map((productTag, index) => /* @__PURE__ */ jsx148(
         WfoProductBlockBadge,
         {
           badgeType: "product_tag" /* PRODUCT_TAG */,
@@ -55096,7 +55067,7 @@ var WfoWorkflowsPage = () => {
         },
         index
       )) }),
-      renderDetails: (productTags) => /* @__PURE__ */ jsx148(EuiBadgeGroup5, { gutterSize: "s", children: productTags == null ? void 0 : productTags.map((productTag, index) => /* @__PURE__ */ jsx148(
+      renderDetails: (productTags) => /* @__PURE__ */ jsx148(EuiBadgeGroup5, { gutterSize: "s", children: productTags == null ? void 0 : productTags.filter(onlyUnique).map((productTag, index) => /* @__PURE__ */ jsx148(
         WfoProductBlockBadge,
         {
           badgeType: "product_tag" /* PRODUCT_TAG */,
@@ -55229,6 +55200,59 @@ var WfoProcessListSubscriptionsCell = ({
 // src/pages/processes/WfoProcessDetailPage.tsx
 import { useEffect as useEffect22, useRef as useRef7, useState as useState36 } from "react";
 
+// src/rtk/endpoints/processDetail.ts
+var processDetailQuery = `query ProcessDetail($processId: String!) {
+        processes(filterBy: { value: $processId, field: "processId" }) {
+            page {
+                processId
+                lastStatus
+                createdBy
+                startedAt
+                lastModifiedAt
+                lastStep
+                workflowName
+                isTask
+                form
+                steps {
+                    name
+                    status
+                    stepId
+                    executed
+                    stateDelta
+                }
+                customer {
+                    fullname
+                }
+                subscriptions {
+                    page {
+                        product {
+                            name
+                        }
+                        description
+                        subscriptionId
+                    }
+                }
+            }
+        }
+    }`;
+var processDetailApi = orchestratorApi.injectEndpoints({
+  endpoints: (builder) => ({
+    getProcessDetail: builder.query({
+      query: (variables) => ({
+        document: processDetailQuery,
+        variables
+      }),
+      transformResponse: (response) => {
+        const processes = response.processes.page || [];
+        return {
+          processes
+        };
+      }
+    })
+  })
+});
+var { useGetProcessDetailQuery } = processDetailApi;
+
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
 import React43 from "react";
 import { useTranslations as useTranslations45 } from "next-intl";
@@ -56426,13 +56450,9 @@ var WfoProcessDetailPage = ({
   const stepListRef = useRef7(null);
   const [fetchInterval, setFetchInterval] = useState36();
   const [process2, setProcess] = useState36();
-  const { data, isLoading, isError: isError3 } = useQueryWithGraphql(
-    GET_PROCESS_DETAIL_GRAPHQL_QUERY,
-    {
-      processId
-    },
-    "processDetail",
-    { refetchInterval: fetchInterval, refetchOnWindowFocus: false }
+  const { data, isLoading, isError: isError3 } = useGetProcessDetailQuery(
+    { processId },
+    { pollingInterval: fetchInterval }
   );
   if (isError3) {
     if (fetchInterval) {
@@ -56440,7 +56460,7 @@ var WfoProcessDetailPage = ({
     }
   }
   useEffect22(() => {
-    const process3 = data == null ? void 0 : data.processes.page[0];
+    const process3 = data == null ? void 0 : data.processes[0];
     const lastStatus = process3 == null ? void 0 : process3.lastStatus.toLocaleLowerCase();
     const isInProgress = !(lastStatus && ProcessDoneStatuses.includes(lastStatus));
     setFetchInterval(
@@ -56448,7 +56468,7 @@ var WfoProcessDetailPage = ({
     );
   }, [data, processDetailRefetchInterval]);
   useEffect22(() => {
-    const fetchedProcessDetails = data == null ? void 0 : data.processes.page[0];
+    const fetchedProcessDetails = data == null ? void 0 : data.processes[0];
     if (!process2) {
       setProcess(fetchedProcessDetails);
       return;
@@ -57068,7 +57088,7 @@ var WfoStartPage = () => {
     )) != null ? _d : [],
     button: {
       name: t("outOfSyncSubscriptions.buttonText"),
-      url: `${PATH_SUBSCRIPTIONS}?activeTab=ALL&sortBy=field-startDate_order-ASC&queryString=status%3A%28initial%7Cactive%29+insync%3Afalse`
+      url: `${PATH_SUBSCRIPTIONS}?activeTab=ALL&sortBy=field-startDate_order-ASC&queryString=status%3A%28provisioning%7Cactive%29+insync%3Afalse`
     },
     isLoading: outOfSyncsubscriptionsSummaryIsFetching
   };
@@ -59276,7 +59296,6 @@ export {
   Environment,
   ErrorField,
   ErrorsField,
-  GET_PROCESS_DETAIL_GRAPHQL_QUERY,
   GET_PROCESS_LIST_GRAPHQL_QUERY,
   GET_PROCESS_LIST_SUMMARY_GRAPHQL_QUERY,
   GET_PROCESS_STEPS_GRAPHQL_QUERY,
@@ -59517,6 +59536,7 @@ export {
   localMomentToUtcTimestamp,
   mapColumnSortToEuiDataGridSorting,
   mapSortableAndFilterableValuesToTableColumnConfig,
+  onlyUnique,
   orchestratorApi,
   parseDate,
   parseDateOrTimeRelativeToToday,
@@ -59530,6 +59550,8 @@ export {
   removeToastMessage,
   renderEmptyElementWhenNotAllowedByPolicy,
   setTableConfigToLocalStorage,
+  snakeToHuman,
+  snakeToKebab,
   stop,
   toastMessagesReducer,
   toastMessagesSlice,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@orchestrator-ui/orchestrator-ui-components",
-    "version": "0.11.1",
+    "version": "0.13.0",
     "license": "MIT",
     "scripts": {
         "test": "jest",