@orchestrator-ui/orchestrator-ui-components 0.5.1 → 0.6.0

package/dist/index.js

@@ -23126,10 +23126,10 @@ var require_jsstacktrace = __commonJS({
 var require_jsx = __commonJS({
   "../../node_modules/refractor/lang/jsx.js"(exports, module) {
     "use strict";
-    module.exports = jsx172;
-    jsx172.displayName = "jsx";
-    jsx172.aliases = [];
-    function jsx172(Prism) {
+    module.exports = jsx171;
+    jsx171.displayName = "jsx";
+    jsx171.aliases = [];
+    function jsx171(Prism) {
       ;
       (function(Prism2) {
         var javascript = Prism2.util.clone(Prism2.languages.javascript);
@@ -40293,9 +40293,9 @@ var customersQuery = `query Customers {
   customers(first: 1000000, after: 0) {
       page {
           fullname
-          identifier
+          customerId
           shortcode
-      }:
+      }
   }
 }`;
 var customersApi = orchestratorApi.injectEndpoints({
@@ -42726,17 +42726,16 @@ var getOrchestratorStore = (orchestratorConfig) => {
 };
 
 // src/rtk/storeProvider.tsx
+import { useState as useState5 } from "react";
 import { Provider as Provider2 } from "react-redux";
 import { jsx as jsx43 } from "@emotion/react/jsx-runtime";
 var StoreProvider = ({
   initialOrchestratorConfig,
   children
 }) => {
-  const { orchestratorConfig } = useOrchestratorConfig(
-    initialOrchestratorConfig
-  );
-  const store = getOrchestratorStore(orchestratorConfig);
-  return /* @__PURE__ */ jsx43(Provider2, { store, children });
+  const store = getOrchestratorStore(initialOrchestratorConfig);
+  const [orchestratorStore] = useState5(store);
+  return /* @__PURE__ */ jsx43(Provider2, { store: orchestratorStore, children });
 };
 
 // src/components/WfoBadges/WfoEngineStatusBadge/WfoEngineStatusBadge.tsx
@@ -43384,12 +43383,12 @@ var WfoPageHeader = ({
 };
 
 // src/components/WfoPageTemplate/WfoPageTemplate/WfoPageTemplate.tsx
-import { useState as useState7 } from "react";
+import { useState as useState8 } from "react";
 import { signOut as signOut3 } from "next-auth/react";
 import { EuiPageTemplate } from "@elastic/eui";
 
 // src/components/WfoPageTemplate/WfoSidebar/WfoSidebar.tsx
-import { useState as useState6 } from "react";
+import { useState as useState7 } from "react";
 import { useTranslations as useTranslations7 } from "next-intl";
 import { useRouter as useRouter3 } from "next/router";
 import { EuiSideNav, EuiSpacer as EuiSpacer3 } from "@elastic/eui";
@@ -45925,7 +45924,7 @@ var GET_WORKFLOWS_FOR_DROPDOWN_LIST_GRAPHQL_QUERY = parse(gql`
 `);
 
 // src/components/WfoButtonComboBox/WfoButtonComboBox.tsx
-import { useState as useState5 } from "react";
+import { useState as useState6 } from "react";
 import { EuiButton as EuiButton2, EuiPopover, EuiSelectable, EuiSpacer as EuiSpacer2 } from "@elastic/eui";
 
 // src/components/WfoButtonComboBox/styles.ts
@@ -45948,7 +45947,7 @@ var WfoButtonComboBox = ({
   onOptionChange,
   isProcess
 }) => {
-  const [isPopoverOpen, setPopoverOpen] = useState5(false);
+  const [isPopoverOpen, setPopoverOpen] = useState6(false);
   const { selectableStyle } = getStyles2();
   const { theme } = useOrchestratorTheme();
   const Button = /* @__PURE__ */ jsx56(
@@ -46034,7 +46033,7 @@ import { Fragment as Fragment5, jsx as jsx58, jsxs as jsxs41 } from "@emotion/re
 var WfoSidebar = ({ overrideMenuItems }) => {
   const t = useTranslations7("main");
   const router = useRouter3();
-  const [isSideNavOpenOnMobile, setIsSideNavOpenOnMobile] = useState6(false);
+  const [isSideNavOpenOnMobile, setIsSideNavOpenOnMobile] = useState7(false);
   const toggleMobile = () => {
     setIsSideNavOpenOnMobile((openState) => !openState);
   };
@@ -46165,7 +46164,7 @@ var WfoPageTemplate = ({
   overrideMenuItems
 }) => {
   const { theme, multiplyByBaseUnit } = useOrchestratorTheme();
-  const [isSideMenuVisible, setIsSideMenuVisible] = useState7(true);
+  const [isSideMenuVisible, setIsSideMenuVisible] = useState8(true);
   const navigationHeight = multiplyByBaseUnit(3);
   return /* @__PURE__ */ jsxs42(Fragment6, { children: [
     /* @__PURE__ */ jsx59(
@@ -46214,7 +46213,7 @@ var WfoPageTemplate = ({
 };
 
 // src/components/WfoSearchBar/WfoSearchField.tsx
-import { useEffect as useEffect5, useState as useState8 } from "react";
+import { useEffect as useEffect5, useState as useState9 } from "react";
 import { useTranslations as useTranslations8 } from "next-intl";
 import { EuiFieldSearch, EuiFormRow } from "@elastic/eui";
 import { jsx as jsx60 } from "@emotion/react/jsx-runtime";
@@ -46225,7 +46224,7 @@ var WfoSearchField = ({
   const t = useTranslations8("common");
   const tError = useTranslations8("errors");
   const queryIsValid = true;
-  const [currentQuery, setCurrentQuery] = useState8(queryString != null ? queryString : "");
+  const [currentQuery, setCurrentQuery] = useState9(queryString != null ? queryString : "");
   useEffect5(() => {
     setCurrentQuery(queryString != null ? queryString : "");
   }, [queryString]);
@@ -46635,7 +46634,7 @@ var WfoProcessesTimeline = ({
 };
 
 // src/components/WfoSubscription/WfoSubscriptionProductBlock.tsx
-import { useState as useState9 } from "react";
+import { useState as useState10 } from "react";
 import { useTranslations as useTranslations10 } from "next-intl";
 import { useRouter as useRouter4 } from "next/router";
 import {
@@ -46669,7 +46668,7 @@ var WfoSubscriptionProductBlock = ({
     productBlockRightColStyle,
     productBlockFirstRightColStyle
   } = useWithOrchestratorTheme(getStyles3);
-  const [hideDetails, setHideDetails] = useState9(true);
+  const [hideDetails, setHideDetails] = useState10(true);
   const isFirstBlock = (index) => {
     if (!hideDetails)
       return false;
@@ -46796,7 +46795,7 @@ var WfoSubscriptionProductBlock = ({
 };
 
 // src/components/WfoSubscription/WfoSubscriptionActions.tsx
-import { useState as useState10 } from "react";
+import { useState as useState11 } from "react";
 import { useTranslations as useTranslations11 } from "next-intl";
 import Link from "next/link";
 import { useRouter as useRouter5 } from "next/router";
@@ -46817,7 +46816,7 @@ var WfoSubscriptionActions = ({
   const { theme } = useOrchestratorTheme();
   const router = useRouter5();
   const t = useTranslations11("subscriptions.detail.actions");
-  const [isPopoverOpen, setPopover] = useState10(false);
+  const [isPopoverOpen, setPopover] = useState11(false);
   const { data: subscriptionActions } = useSubscriptionActions(subscriptionId);
   const { isEngineRunningNow } = useCheckEngineStatus();
   const onButtonClick = () => {
@@ -46970,7 +46969,7 @@ var SubscriptionKeyValueBlock = ({
 };
 
 // src/components/WfoSubscription/WfoSubscriptionDetailTree.tsx
-import React15, { useState as useState11 } from "react";
+import React16, { useState as useState12 } from "react";
 import { useTranslations as useTranslations13 } from "next-intl";
 import { EuiCallOut, EuiFlexGroup as EuiFlexGroup6, EuiFlexItem as EuiFlexItem5, EuiText as EuiText6 } from "@elastic/eui";
 
@@ -46990,14 +46989,14 @@ function getTokenName(name) {
 }
 
 // src/components/WfoTree/WfoTree.tsx
-import React14, { useEffect as useEffect6 } from "react";
+import React15, { useEffect as useEffect6 } from "react";
 
 // src/components/WfoTree/WfoTreeBranch.tsx
-import React13 from "react";
+import React14 from "react";
 import { EuiListGroup } from "@elastic/eui";
 
 // src/components/WfoTree/WfoTreeNode.tsx
-import React12 from "react";
+import React13 from "react";
 import { useTranslations as useTranslations12 } from "next-intl";
 import {
   EuiFlexGroup as EuiFlexGroup5,
@@ -47039,7 +47038,7 @@ var WfoTreeNode = ({
     expandNode,
     selectedIds,
     toggleSelectedId
-  } = React12.useContext(TreeContext);
+  } = React13.useContext(TreeContext);
   const expanded = expandedIds.includes(item.id);
   const selected = selectedIds.includes(item.id);
   const expandIcon = expanded ? "arrowDown" : "arrowRight";
@@ -47085,7 +47084,7 @@ var WfoTreeNode = ({
 // src/components/WfoTree/WfoTreeBranch.tsx
 import { Fragment as Fragment12, jsx as jsx72, jsxs as jsxs52 } from "@emotion/react/jsx-runtime";
 var WfoTreeBranch = ({ item, level }) => {
-  const { expandedIds } = React13.useContext(TreeContext);
+  const { expandedIds } = React14.useContext(TreeContext);
   const selected = expandedIds.includes(item.id);
   const hasChildren = item.children && item.children.length !== 0;
   const renderBranches = () => {
@@ -47111,7 +47110,7 @@ var WfoTreeBranch = ({ item, level }) => {
 // src/components/WfoTree/WfoTree.tsx
 import { jsx as jsx73 } from "@emotion/react/jsx-runtime";
 var WfoTree = ({ data, depthList }) => {
-  const { setDepths } = React14.useContext(TreeContext);
+  const { setDepths } = React15.useContext(TreeContext);
   useEffect6(() => {
     setDepths(depthList);
   }, [setDepths, TreeContext]);
@@ -47138,8 +47137,8 @@ var WfoSubscriptionDetailTree = ({
   productBlockInstances
 }) => {
   const t = useTranslations13("subscriptions.detail");
-  const [, setSelectedTreeNode] = useState11(-1);
-  const { selectedIds, expandAll, collapseAll, resetSelection, selectAll } = React15.useContext(TreeContext);
+  const [, setSelectedTreeNode] = useState12(-1);
+  const { selectedIds, expandAll, collapseAll, resetSelection, selectAll } = React16.useContext(TreeContext);
   let tree = null;
   const depthList = [];
   const idToNodeMap = {};
@@ -47708,14 +47707,7 @@ var GET_PROCESS_DETAIL_GRAPHQL_QUERY = parse(gql7`
                 lastStep
                 workflowName
                 isTask
-                form {
-                    additionalProperties
-                    definitions
-                    properties
-                    required
-                    title
-                    type
-                }
+                form
                 steps {
                     name
                     status
@@ -47888,7 +47880,7 @@ var WfoError = () => {
 };
 
 // src/components/WfoSubscription/WfoRelatedSubscriptions.tsx
-import { useState as useState16 } from "react";
+import { useState as useState17 } from "react";
 import { useTranslations as useTranslations19 } from "next-intl";
 import Link2 from "next/link";
 import { EuiFlexGroup as EuiFlexGroup10, EuiFlexItem as EuiFlexItem9, EuiSpacer as EuiSpacer13, EuiSwitch as EuiSwitch2 } from "@elastic/eui";
@@ -47979,7 +47971,7 @@ var WfoNoResults = ({ text, icon }) => {
 };
 
 // src/components/WfoTable/WfoDataGridTable/WfoDataGridTable.tsx
-import { useRef as useRef4, useState as useState12 } from "react";
+import { useRef as useRef4, useState as useState13 } from "react";
 import {
   EuiDataGrid
 } from "@elastic/eui";
@@ -48065,7 +48057,7 @@ var WfoDataGridTable = ({
     getInitialColumnOrder(columns, initialColumnOrder)
   );
   const defaultVisibleColumns = initialColumnOrder.filter((columnId) => !columns[columnId].isHiddenByDefault).map((columnId) => columnId.toString());
-  const [visibleColumns, setVisibleColumns] = useState12(defaultVisibleColumns);
+  const [visibleColumns, setVisibleColumns] = useState13(defaultVisibleColumns);
   const pageSize = (_a = pagination.pageSize) != null ? _a : DEFAULT_PAGE_SIZE;
   const { pageIndex } = pagination;
   const renderCellValue = ({
@@ -48127,7 +48119,7 @@ var WfoDataGridTable = ({
 };
 
 // src/components/WfoTable/WfoTableSettingsModal/WfoTableSettingsModal.tsx
-import { useState as useState13 } from "react";
+import { useState as useState14 } from "react";
 import {
   EuiForm,
   EuiFormRow as EuiFormRow2,
@@ -48144,8 +48136,8 @@ var TableSettingsModal = ({
   onResetToDefaults,
   onClose
 }) => {
-  const [columns, setColumns] = useState13(tableConfig.columns);
-  const [selectedPageSize, setSelectedPageSize] = useState13(
+  const [columns, setColumns] = useState14(tableConfig.columns);
+  const [selectedPageSize, setSelectedPageSize] = useState14(
     tableConfig.selectedPageSize
   );
   const options = pageSizeOptions.map((pageSizeOption) => ({
@@ -48504,7 +48496,7 @@ var WfoSortDirectionIcon = ({
 };
 
 // src/components/WfoTable/WfoBasicTable/WfoTableHeaderCell.tsx
-import { useState as useState14 } from "react";
+import { useState as useState15 } from "react";
 import { useTranslations as useTranslations17 } from "next-intl";
 import {
   EuiFieldSearch as EuiFieldSearch2,
@@ -48606,7 +48598,7 @@ var WfoTableHeaderCell = ({
   const smallContextMenuPopoverId = useGeneratedHtmlId({
     prefix: "smallContextMenuPopover"
   });
-  const [isPopoverOpen, setPopover] = useState14(false);
+  const [isPopoverOpen, setPopover] = useState15(false);
   const handleButtonClick = () => setPopover(!isPopoverOpen);
   const closePopover = () => setPopover(false);
   const handleChangeSortOrder = (updatedSortOrder) => {
@@ -48679,7 +48671,7 @@ var WfoStatusColorField = ({ color }) => {
 };
 
 // src/components/WfoTable/WfoTableWithFilter/WfoTableWithFilter.tsx
-import { useEffect as useEffect7, useState as useState15 } from "react";
+import { useEffect as useEffect7, useState as useState16 } from "react";
 import { useTranslations as useTranslations18 } from "next-intl";
 import {
   EuiButton as EuiButton7,
@@ -48746,9 +48738,9 @@ var WfoTableWithFilter = ({
   var _a, _b;
   const { theme } = useOrchestratorTheme();
   const defaultPageSize = pagination.pageSize;
-  const [hiddenColumns, setHiddenColumns] = useState15(defaultHiddenColumns);
-  const [showSettingsModal, setShowSettingsModal] = useState15(false);
-  const [selectedDataForDetailModal, setSelectedDataForDetailModal] = useState15(void 0);
+  const [hiddenColumns, setHiddenColumns] = useState16(defaultHiddenColumns);
+  const [showSettingsModal, setShowSettingsModal] = useState16(false);
+  const [selectedDataForDetailModal, setSelectedDataForDetailModal] = useState16(void 0);
   const t = useTranslations18("common");
   useEffect7(() => {
     if (defaultHiddenColumns) {
@@ -48919,7 +48911,7 @@ var WfoRelatedSubscriptions = ({
   subscriptionId
 }) => {
   var _a, _b, _c;
-  const [hideTerminatedSubscriptions, setHideTerminatedSubscriptions] = useState16(true);
+  const [hideTerminatedSubscriptions, setHideTerminatedSubscriptions] = useState17(true);
   const t = useTranslations19("subscriptions.detail");
   const { theme } = useOrchestratorTheme();
   const terminatedSubscriptionsFilter = {
@@ -49054,16 +49046,16 @@ var WfoRelatedSubscriptions = ({
 import { EuiFlexGroup as EuiFlexGroup11, EuiFlexItem as EuiFlexItem10 } from "@elastic/eui";
 import { jsx as jsx89 } from "@emotion/react/jsx-runtime";
 var subscriptionDetailTabs = [
-  {
-    id: "general" /* GENERAL_TAB */,
-    translationKey: "general",
-    prepend: /* @__PURE__ */ jsx89(EuiFlexGroup11, { justifyContent: "center", children: /* @__PURE__ */ jsx89(EuiFlexItem10, { children: /* @__PURE__ */ jsx89(WfoCubeSolid, { width: "18", height: "18", color: "currentColor" }) }) })
-  },
   {
     id: "service-configuration" /* SERVICE_CONFIGURATION_TAB */,
     translationKey: "serviceConfiguration",
     prepend: /* @__PURE__ */ jsx89(EuiFlexGroup11, { justifyContent: "center", children: /* @__PURE__ */ jsx89(EuiFlexItem10, { children: /* @__PURE__ */ jsx89(WfoCogFill, { width: "16", height: "16", color: "currentColor" }) }) })
   },
+  {
+    id: "general" /* GENERAL_TAB */,
+    translationKey: "general",
+    prepend: /* @__PURE__ */ jsx89(EuiFlexGroup11, { justifyContent: "center", children: /* @__PURE__ */ jsx89(EuiFlexItem10, { children: /* @__PURE__ */ jsx89(WfoCubeSolid, { width: "18", height: "18", color: "currentColor" }) }) })
+  },
   {
     id: "processes" /* PROCESSES_TAB */,
     translationKey: "workflows",
@@ -49398,17 +49390,17 @@ var WfoToastsList = () => {
 };
 
 // src/components/WfoForms/CreateForm.tsx
-import { useCallback as useCallback4, useEffect as useEffect15, useState as useState25 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect15, useState as useState26 } from "react";
 
 // src/components/WfoForms/UserInputFormWizard.tsx
-import { useEffect as useEffect14, useState as useState24 } from "react";
+import { useEffect as useEffect14, useState as useState25 } from "react";
 import { useRouter as useRouter6 } from "next/router";
 import hash from "object-hash";
 
 // src/components/WfoForms/UserInputForm.tsx
 var import_cloneDeep2 = __toESM(require_cloneDeep(), 1);
 var import_get5 = __toESM(require_get(), 1);
-import { useContext as useContext10, useState as useState23 } from "react";
+import { useContext as useContext10, useState as useState24 } from "react";
 import axios2 from "axios";
 import invariant2 from "invariant";
 import { useTranslations as useTranslations34 } from "next-intl";
@@ -50847,39 +50839,13 @@ function Timestamp(_a) {
 }
 var TimestampField = connectField19(Timestamp, { kind: "leaf" });
 
-// src/components/WfoForms/formFields/OrganisationField.tsx
-import { useTranslations as useTranslations25 } from "next-intl";
-import { connectField as connectField20 } from "uniforms";
-import { jsx as jsx115 } from "@emotion/react/jsx-runtime";
-function Organisation(_a) {
-  var props = __objRest(_a, []);
-  const t = useTranslations25("pydanticForms");
-  const { data: customers, isLoading } = useGetCustomersQuery();
-  const uuidCustomerNameMap = /* @__PURE__ */ new Map();
-  if (!isLoading && customers) {
-    customers == null ? void 0 : customers.map((customer) => {
-      uuidCustomerNameMap.set(customer.customerId, customer.fullname);
-    });
-  }
-  return /* @__PURE__ */ jsx115(
-    SelectField,
-    __spreadProps(__spreadValues({}, props), {
-      allowedValues: Array.from(uuidCustomerNameMap.keys()),
-      transform: (uuid) => uuidCustomerNameMap.get(uuid) || uuid,
-      disabled: isLoading,
-      placeholder: !isLoading ? t("widgets.organisation.placeholder") : t("widgets.organisation.loading")
-    })
-  );
-}
-var OrganisationField = connectField20(Organisation, { kind: "leaf" });
-
 // src/components/WfoForms/formFields/ContactPersonNameField.tsx
 var import_lodash4 = __toESM(require_lodash(), 1);
 var import_get2 = __toESM(require_get(), 1);
-import React23, { useEffect as useEffect9, useState as useState17 } from "react";
-import { useTranslations as useTranslations26 } from "next-intl";
+import React24, { useEffect as useEffect9, useState as useState18 } from "react";
+import { useTranslations as useTranslations25 } from "next-intl";
 import {
-  connectField as connectField21,
+  connectField as connectField20,
   filterDOMProps as filterDOMProps19,
   joinName as joinName6,
   useField as useField6,
@@ -50981,7 +50947,7 @@ var subscriptionHasTaggedProduct = (subscriptionDetail) => {
 };
 
 // src/components/WfoForms/formFields/ContactPersonAutocomplete.tsx
-import { jsx as jsx116, jsxs as jsxs70 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx115, jsxs as jsxs70 } from "@emotion/react/jsx-runtime";
 var ContactPersonAutocomplete = ({
   query,
   selectedItem,
@@ -51005,19 +50971,19 @@ var ContactPersonAutocomplete = ({
     const last = name.substring(indexOf + query2.length);
     return /* @__PURE__ */ jsxs70("span", { children: [
       first,
-      /* @__PURE__ */ jsx116("span", { className: "matched", children: middle }),
+      /* @__PURE__ */ jsx115("span", { className: "matched", children: middle }),
       last
     ] });
   };
-  return isEmpty(suggestions) ? null : /* @__PURE__ */ jsx116(EuiFlexItem15, { css: contactPersonAutocompleteStyling, children: /* @__PURE__ */ jsx116("section", { className: `autocomplete`, children: /* @__PURE__ */ jsx116("table", { className: "result", children: /* @__PURE__ */ jsx116("tbody", { children: suggestions.map((item, index) => /* @__PURE__ */ jsxs70(
+  return isEmpty(suggestions) ? null : /* @__PURE__ */ jsx115(EuiFlexItem15, { css: contactPersonAutocompleteStyling, children: /* @__PURE__ */ jsx115("section", { className: `autocomplete`, children: /* @__PURE__ */ jsx115("table", { className: "result", children: /* @__PURE__ */ jsx115("tbody", { children: suggestions.map((item, index) => /* @__PURE__ */ jsxs70(
     "tr",
     {
       className: selectedItem === index ? "active" : "",
       onClick: () => itemSelected(item, personIndex),
       ref: selectedItem === index ? selectedRowRef : null,
       children: [
-        /* @__PURE__ */ jsx116("td", { children: itemName(item, query) }),
-        /* @__PURE__ */ jsx116("td", { children: item.email || "" })
+        /* @__PURE__ */ jsx115("td", { children: itemName(item, query) }),
+        /* @__PURE__ */ jsx115("td", { children: item.email || "" })
       ]
     },
     index
@@ -51025,19 +50991,19 @@ var ContactPersonAutocomplete = ({
 };
 
 // src/components/WfoForms/formFields/ContactPersonNameField.tsx
-import { Fragment as Fragment21, jsx as jsx117, jsxs as jsxs71 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx116, jsxs as jsxs71 } from "@emotion/react/jsx-runtime";
 function stop(e) {
   if (e !== void 0 && e !== null) {
     e.preventDefault();
     e.stopPropagation();
   }
 }
-filterDOMProps19.register("organisationId", "organisationKey");
+filterDOMProps19.register("customerId", "customerKey");
 function ContactPersonName(_a) {
   var _b = _a, {
     disabled,
     id,
-    inputRef = React23.createRef(),
+    inputRef = React24.createRef(),
     label,
     description,
     name,
@@ -51048,8 +51014,8 @@ function ContactPersonName(_a) {
     error,
     showInlineError,
     errorMessage,
-    organisationId,
-    organisationKey
+    customerId,
+    customerKey
   } = _b, props = __objRest(_b, [
     "disabled",
     "id",
@@ -51064,11 +51030,11 @@ function ContactPersonName(_a) {
     "error",
     "showInlineError",
     "errorMessage",
-    "organisationId",
-    "organisationKey"
+    "customerId",
+    "customerKey"
   ]);
   const axiosApiClient = useAxiosApiClient();
-  const t = useTranslations26("pydanticForms");
+  const t = useTranslations25("pydanticForms");
   const { model, onChange: formOnChange, schema } = useForm5();
   const contactsPersonFieldNameArray = joinName6(null, name).slice(0, -1);
   const emailFieldName = joinName6(contactsPersonFieldNameArray, "email");
@@ -51078,20 +51044,17 @@ function ContactPersonName(_a) {
   const chosenPersons = (0, import_get2.default)(model, contactsFieldName, []);
   const useFieldName = contactsPersonFieldNameArray.length ? contactsFieldName : name;
   const contactsField = useField6(useFieldName, {}, { absoluteName: true })[0];
-  const organisationFieldName = organisationKey || contactsField.field.organisationKey || "organisation";
-  let organisationInitialValue;
+  const customerIdFieldName = customerKey || contactsField.field.customerKey || "customer_id";
+  let customerInitialValue;
   try {
-    organisationInitialValue = schema.getInitialValue(
-      organisationFieldName,
-      {}
-    );
+    customerInitialValue = schema.getInitialValue(customerIdFieldName, {});
   } catch (e) {
-    organisationInitialValue = "";
+    customerInitialValue = "";
   }
-  const organisationIdValue = organisationId || contactsField.field.organisationId || (0, import_get2.default)(model, organisationFieldName, organisationInitialValue);
-  const [displayAutocomplete, setDisplayAutocomplete] = useState17(false);
-  const [contactPersons, setContactPersons] = useState17([]);
-  const [selectedIndex, setSelectedIndex] = useState17(-1);
+  const customerIdValue = customerId || contactsField.field.customerId || (0, import_get2.default)(model, customerIdFieldName, customerInitialValue);
+  const [displayAutocomplete, setDisplayAutocomplete] = useState18(false);
+  const [contactPersons, setContactPersons] = useState18([]);
+  const [selectedIndex, setSelectedIndex] = useState18(-1);
   const suggestions = value ? contactPersons.filter(
     (item) => item.name.toLowerCase().indexOf(value.toLowerCase()) > -1
   ).filter(
@@ -51100,9 +51063,9 @@ function ContactPersonName(_a) {
     )
   ) : [];
   useEffect9(() => {
-    if (organisationIdValue) {
+    if (customerIdValue) {
       axiosApiClient.axiosFetch(
-        `/surf/crm/contacts/${organisationIdValue}`,
+        `/surf/crm/contacts/${customerIdValue}`,
         {},
         {},
         false
@@ -51114,7 +51077,7 @@ function ContactPersonName(_a) {
         setContactPersons([]);
       });
     }
-  }, [organisationIdValue, axiosApiClient]);
+  }, [customerIdValue, axiosApiClient]);
   useEffect9(() => {
     var _a2;
     if (!(0, import_lodash4.isFunction)(inputRef)) {
@@ -51162,18 +51125,18 @@ function ContactPersonName(_a) {
     stop(e);
     setTimeout(() => setDisplayAutocomplete(false), 350);
   }
-  return /* @__PURE__ */ jsx117("section", __spreadProps(__spreadValues({}, filterDOMProps19(props)), { children: /* @__PURE__ */ jsx117(
+  return /* @__PURE__ */ jsx116("section", __spreadProps(__spreadValues({}, filterDOMProps19(props)), { children: /* @__PURE__ */ jsx116(
     EuiFormRow12,
     {
       label,
-      labelAppend: /* @__PURE__ */ jsx117(EuiText21, { size: "m", children: description }),
+      labelAppend: /* @__PURE__ */ jsx116(EuiText21, { size: "m", children: description }),
       error: showInlineError ? errorMessage : false,
       isInvalid: error,
       id,
       fullWidth: true,
       css: { marginBottom: 0 },
       children: /* @__PURE__ */ jsxs71(Fragment21, { children: [
-        /* @__PURE__ */ jsx117(
+        /* @__PURE__ */ jsx116(
           EuiFieldText2,
           {
             disabled,
@@ -51191,7 +51154,7 @@ function ContactPersonName(_a) {
           }
         ),
         " ",
-        /* @__PURE__ */ jsx117("div", { className: "autocomplete-container", children: !!(displayAutocomplete && suggestions.length) && /* @__PURE__ */ jsx117(
+        /* @__PURE__ */ jsx116("div", { className: "autocomplete-container", children: !!(displayAutocomplete && suggestions.length) && /* @__PURE__ */ jsx116(
           ContactPersonAutocomplete,
           {
             query: value != null ? value : "",
@@ -51205,16 +51168,16 @@ function ContactPersonName(_a) {
     }
   ) }));
 }
-var ContactPersonNameField = connectField21(ContactPersonName, {
+var ContactPersonNameField = connectField20(ContactPersonName, {
   kind: "leaf"
 });
 
 // src/components/WfoForms/formFields/ImsNodeIdField.tsx
 var import_lodash5 = __toESM(require_lodash(), 1);
-import { useEffect as useEffect10, useState as useState18 } from "react";
-import { useTranslations as useTranslations27 } from "next-intl";
-import { connectField as connectField22, filterDOMProps as filterDOMProps20 } from "uniforms";
-import { jsx as jsx118 } from "@emotion/react/jsx-runtime";
+import { useEffect as useEffect10, useState as useState19 } from "react";
+import { useTranslations as useTranslations26 } from "next-intl";
+import { connectField as connectField21, filterDOMProps as filterDOMProps20 } from "uniforms";
+import { jsx as jsx117 } from "@emotion/react/jsx-runtime";
 filterDOMProps20.register("locationCode", "status", "unsubscribedOnly");
 function ImsNodeId(_a) {
   var _b = _a, {
@@ -51232,9 +51195,9 @@ function ImsNodeId(_a) {
   ]);
   var _a2;
   const axiosApiClient = useAxiosApiClient();
-  const t = useTranslations27("pydanticForms");
-  const [loading, setIsLoading] = useState18(true);
-  const [nodes, setNodes] = useState18([]);
+  const t = useTranslations26("pydanticForms");
+  const [loading, setIsLoading] = useState19(true);
+  const [nodes, setNodes] = useState19([]);
   useEffect10(() => {
     if (locationCode && status) {
       const imsNodeEndPoint = `/surf/ims/nodes/${locationCode}/${status}?unsubscribed_only=${unsubscribedOnly}`;
@@ -51252,7 +51215,7 @@ function ImsNodeId(_a) {
     mapping[node.id.toString()] = node.name;
     return mapping;
   }, {})) != null ? _a2 : {};
-  return /* @__PURE__ */ jsx118(
+  return /* @__PURE__ */ jsx117(
     SelectField,
     __spreadProps(__spreadValues({
       name: ""
@@ -51265,13 +51228,13 @@ function ImsNodeId(_a) {
     })
   );
 }
-var ImsNodeIdField = connectField22(ImsNodeId, { kind: "leaf" });
+var ImsNodeIdField = connectField21(ImsNodeId, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/ImsPortIdField.tsx
-import { useCallback as useCallback3, useEffect as useEffect11, useState as useState19 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect11, useState as useState20 } from "react";
 import ReactSelect2 from "react-select";
-import { useTranslations as useTranslations28 } from "next-intl";
-import { connectField as connectField23, filterDOMProps as filterDOMProps21 } from "uniforms";
+import { useTranslations as useTranslations27 } from "next-intl";
+import { connectField as connectField22, filterDOMProps as filterDOMProps21 } from "uniforms";
 import { EuiFlexItem as EuiFlexItem16, EuiFormRow as EuiFormRow13, EuiText as EuiText22 } from "@elastic/eui";
 
 // src/components/WfoForms/formFields/ImsPortIdFieldStyling.ts
@@ -51293,7 +51256,7 @@ var imsPortIdFieldStyling = css16`
 `;
 
 // src/components/WfoForms/formFields/ImsPortIdField.tsx
-import { jsx as jsx119, jsxs as jsxs72 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx118, jsxs as jsxs72 } from "@emotion/react/jsx-runtime";
 function nodeToOptionCorelink(node) {
   return {
     value: node.subscription_id,
@@ -51341,15 +51304,15 @@ function ImsPortId(_a) {
     "nodeStatuses"
   ]);
   const apiClient = useAxiosApiClient();
-  const t = useTranslations28("pydanticForms");
+  const t = useTranslations27("pydanticForms");
   const { theme } = useOrchestratorTheme();
   const reactSelectInnerComponentStyles = getReactSelectInnerComponentStyles(theme);
-  const [nodes, setNodes] = useState19([]);
-  const [nodeId, setNodeId] = useState19(
+  const [nodes, setNodes] = useState20([]);
+  const [nodeId, setNodeId] = useState20(
     nodeSubscriptionId
   );
-  const [ports, setPorts] = useState19([]);
-  const [loading, setLoading] = useState19(true);
+  const [ports, setPorts] = useState20([]);
+  const [loading, setLoading] = useState20(true);
   const onChangeNodes = useCallback3(
     (option) => {
       const value2 = option == null ? void 0 : option.value;
@@ -51406,23 +51369,23 @@ function ImsPortId(_a) {
     label: `${aPort.port} (${aPort.status}) (${aPort.iface_type})`
   })).sort((x, y) => x.label.localeCompare(y.label));
   const port_value = port_options.find((option) => option.value === value);
-  return /* @__PURE__ */ jsx119(EuiFlexItem16, { css: imsPortIdFieldStyling, children: /* @__PURE__ */ jsx119("section", __spreadProps(__spreadValues({}, filterDOMProps21(props)), { children: /* @__PURE__ */ jsx119(
+  return /* @__PURE__ */ jsx118(EuiFlexItem16, { css: imsPortIdFieldStyling, children: /* @__PURE__ */ jsx118("section", __spreadProps(__spreadValues({}, filterDOMProps21(props)), { children: /* @__PURE__ */ jsx118(
     EuiFormRow13,
     {
       label,
-      labelAppend: /* @__PURE__ */ jsx119(EuiText22, { size: "m", children: description }),
+      labelAppend: /* @__PURE__ */ jsx118(EuiText22, { size: "m", children: description }),
       error: showInlineError ? errorMessage : false,
       isInvalid: error,
       id,
       fullWidth: true,
       children: /* @__PURE__ */ jsxs72("section", { className: "node-port", children: [
-        /* @__PURE__ */ jsx119("div", { className: "node-select", children: /* @__PURE__ */ jsx119(
+        /* @__PURE__ */ jsx118("div", { className: "node-select", children: /* @__PURE__ */ jsx118(
           EuiFormRow13,
           {
             label: "Node",
             id: `${id}.node`,
             fullWidth: true,
-            children: /* @__PURE__ */ jsx119(
+            children: /* @__PURE__ */ jsx118(
               ReactSelect2,
               {
                 inputId: `${id}.node.search`,
@@ -51438,7 +51401,7 @@ function ImsPortId(_a) {
             )
           }
         ) }),
-        /* @__PURE__ */ jsx119("div", { className: "port-select", children: /* @__PURE__ */ jsx119(EuiFormRow13, { label: "Port", id, fullWidth: true, children: /* @__PURE__ */ jsx119(
+        /* @__PURE__ */ jsx118("div", { className: "port-select", children: /* @__PURE__ */ jsx118(EuiFormRow13, { label: "Port", id, fullWidth: true, children: /* @__PURE__ */ jsx118(
           ReactSelect2,
           {
             inputId: `${id}.search`,
@@ -51458,18 +51421,18 @@ function ImsPortId(_a) {
     }
   ) })) });
 }
-var ImsPortIdField = connectField23(ImsPortId, { kind: "leaf" });
+var ImsPortIdField = connectField22(ImsPortId, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/LocationCodeField.tsx
-import { useEffect as useEffect12, useState as useState20 } from "react";
-import { useTranslations as useTranslations29 } from "next-intl";
-import { connectField as connectField24, filterDOMProps as filterDOMProps22 } from "uniforms";
-import { jsx as jsx120 } from "@emotion/react/jsx-runtime";
+import { useEffect as useEffect12, useState as useState21 } from "react";
+import { useTranslations as useTranslations28 } from "next-intl";
+import { connectField as connectField23, filterDOMProps as filterDOMProps22 } from "uniforms";
+import { jsx as jsx119 } from "@emotion/react/jsx-runtime";
 filterDOMProps22.register("locationCodes");
 function LocationCode(_a) {
   var _b = _a, { locationCodes } = _b, props = __objRest(_b, ["locationCodes"]);
-  const t = useTranslations29("pydanticForms");
-  const [codes, setCodes] = useState20(locationCodes != null ? locationCodes : []);
+  const t = useTranslations28("pydanticForms");
+  const [codes, setCodes] = useState21(locationCodes != null ? locationCodes : []);
   const axiosApiClient = useAxiosApiClient();
   useEffect12(() => {
     axiosApiClient.axiosFetch("surf/crm/location_codes", {}, {}, false).then((result) => {
@@ -51483,7 +51446,7 @@ function LocationCode(_a) {
       setCodes([]);
     });
   }, [axiosApiClient]);
-  return /* @__PURE__ */ jsx120(
+  return /* @__PURE__ */ jsx119(
     SelectField,
     __spreadProps(__spreadValues({}, props), {
       allowedValues: codes,
@@ -51491,13 +51454,13 @@ function LocationCode(_a) {
     })
   );
 }
-var LocationCodeField = connectField24(LocationCode, { kind: "leaf" });
+var LocationCodeField = connectField23(LocationCode, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/VlanField.tsx
 var import_get3 = __toESM(require_get(), 1);
-import { useEffect as useEffect13, useState as useState21 } from "react";
-import { useTranslations as useTranslations30 } from "next-intl";
-import { connectField as connectField25, filterDOMProps as filterDOMProps23, joinName as joinName7, useForm as useForm6 } from "uniforms";
+import { useEffect as useEffect13, useState as useState22 } from "react";
+import { useTranslations as useTranslations29 } from "next-intl";
+import { connectField as connectField24, filterDOMProps as filterDOMProps23, joinName as joinName7, useForm as useForm6 } from "uniforms";
 import { EuiFieldText as EuiFieldText3, EuiFormRow as EuiFormRow14, EuiText as EuiText23 } from "@elastic/eui";
 
 // src/hooks/surf/useIsTaggedPort.ts
@@ -51514,7 +51477,7 @@ var useIsTaggedPort = (subscriptionId) => {
 };
 
 // src/components/WfoForms/formFields/VlanField.tsx
-import { jsx as jsx121 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx120 } from "@emotion/react/jsx-runtime";
 function inValidVlan(vlan) {
   const value = vlan || "0";
   const stripped = value.toString().replace(/ /g, "");
@@ -51598,7 +51561,7 @@ function Vlan(_a) {
     "subscriptionFieldName",
     "nsiVlansOnly"
   ]);
-  const t = useTranslations30("pydanticForms");
+  const t = useTranslations29("pydanticForms");
   const axiosApiClient = useAxiosApiClient();
   const { model, schema } = useForm6();
   const initialValue = schema.getInitialValue(name, {});
@@ -51622,9 +51585,9 @@ function Vlan(_a) {
       onChange("");
     }
   }, [onChange, subscriptionId, value, isFetched, portIsTagged]);
-  const [imsIsLoading, setImsIsLoading] = useState21(false);
-  const [usedVlansInIms, setUsedVlansInIms] = useState21([]);
-  const [missingInIms, setMissingInIms] = useState21(false);
+  const [imsIsLoading, setImsIsLoading] = useState22(false);
+  const [usedVlansInIms, setUsedVlansInIms] = useState22([]);
+  const [missingInIms, setMissingInIms] = useState22(false);
   useEffect13(() => {
     if (subscriptionId) {
       setImsIsLoading(true);
@@ -51681,17 +51644,17 @@ function Vlan(_a) {
       message = t("widgets.vlan.taggedOnly");
     }
   }
-  return /* @__PURE__ */ jsx121("section", __spreadProps(__spreadValues({}, filterDOMProps23(props)), { children: /* @__PURE__ */ jsx121(
+  return /* @__PURE__ */ jsx120("section", __spreadProps(__spreadValues({}, filterDOMProps23(props)), { children: /* @__PURE__ */ jsx120(
     EuiFormRow14,
     {
       label,
-      labelAppend: /* @__PURE__ */ jsx121(EuiText23, { size: "m", children: description }),
+      labelAppend: /* @__PURE__ */ jsx120(EuiText23, { size: "m", children: description }),
       error: (error || errorMessageExtra) && showInlineError ? errorMessage || errorMessageExtra : false,
       isInvalid: error,
       helpText: message,
       id,
       fullWidth: true,
-      children: /* @__PURE__ */ jsx121(
+      children: /* @__PURE__ */ jsx120(
         EuiFieldText3,
         {
           fullWidth: true,
@@ -51708,10 +51671,10 @@ function Vlan(_a) {
     }
   ) }));
 }
-var VlanField = connectField25(Vlan, { kind: "leaf" });
+var VlanField = connectField24(Vlan, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/NestField.tsx
-import { connectField as connectField26, filterDOMProps as filterDOMProps24, joinName as joinName8 } from "uniforms";
+import { connectField as connectField25, filterDOMProps as filterDOMProps24, joinName as joinName8 } from "uniforms";
 import { AutoField as AutoField2 } from "uniforms-unstyled";
 import {
   EuiDescribedFormGroup,
@@ -51719,7 +51682,7 @@ import {
   EuiFlexItem as EuiFlexItem17,
   EuiText as EuiText24
 } from "@elastic/eui";
-import { Fragment as Fragment22, jsx as jsx122, jsxs as jsxs73 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx121, jsxs as jsxs73 } from "@emotion/react/jsx-runtime";
 filterDOMProps24.register("properties", "wrap");
 function Nest(_a) {
   var _b = _a, {
@@ -51750,10 +51713,10 @@ function Nest(_a) {
         className: `${className} nest-field`,
         children: [
           label && /* @__PURE__ */ jsxs73(Fragment22, { children: [
-            /* @__PURE__ */ jsx122("label", { className: "euiFormLabel euiFormRow__label", children: label }),
-            /* @__PURE__ */ jsx122(EuiText24, { size: "m", children: description })
+            /* @__PURE__ */ jsx121("label", { className: "euiFormLabel euiFormRow__label", children: label }),
+            /* @__PURE__ */ jsx121(EuiText24, { size: "m", children: description })
           ] }),
-          children || (fields == null ? void 0 : fields.map((field) => /* @__PURE__ */ jsx122(EuiFlexItem17, { children: /* @__PURE__ */ jsx122(
+          children || (fields == null ? void 0 : fields.map((field) => /* @__PURE__ */ jsx121(EuiFlexItem17, { children: /* @__PURE__ */ jsx121(
             AutoField2,
             __spreadProps(__spreadValues({
               name: field
@@ -51765,13 +51728,13 @@ function Nest(_a) {
       })
     );
   } else {
-    return /* @__PURE__ */ jsx122(
+    return /* @__PURE__ */ jsx121(
       EuiDescribedFormGroup,
       __spreadProps(__spreadValues({}, filterDOMProps24(props)), {
-        title: /* @__PURE__ */ jsx122("span", { children: label }),
+        title: /* @__PURE__ */ jsx121("span", { children: label }),
         description,
         className: `${className} nest-field`,
-        children: children || (fields == null ? void 0 : fields.map((field) => /* @__PURE__ */ jsx122(
+        children: children || (fields == null ? void 0 : fields.map((field) => /* @__PURE__ */ jsx121(
           AutoField2,
           __spreadProps(__spreadValues({
             name: field
@@ -51784,14 +51747,14 @@ function Nest(_a) {
     );
   }
 }
-var NestField = connectField26(Nest);
+var NestField = connectField25(Nest);
 
 // src/components/WfoForms/formFields/OptGroupField.tsx
-import { useTranslations as useTranslations31 } from "next-intl";
-import { connectField as connectField27, filterDOMProps as filterDOMProps25, useField as useField7 } from "uniforms";
+import { useTranslations as useTranslations30 } from "next-intl";
+import { connectField as connectField26, filterDOMProps as filterDOMProps25, useField as useField7 } from "uniforms";
 import { AutoField as AutoField3 } from "uniforms-unstyled";
 import { EuiDescribedFormGroup as EuiDescribedFormGroup2, EuiFlexItem as EuiFlexItem18, EuiFormRow as EuiFormRow15 } from "@elastic/eui";
-import { Fragment as Fragment23, jsx as jsx123, jsxs as jsxs74 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx122, jsxs as jsxs74 } from "@emotion/react/jsx-runtime";
 filterDOMProps25.register("properties");
 function OptGroup(_a) {
   var _b = _a, {
@@ -51807,37 +51770,37 @@ function OptGroup(_a) {
     "readOnly",
     "className"
   ]);
-  const t = useTranslations31("pydanticForms.backendTranslations");
+  const t = useTranslations30("pydanticForms.backendTranslations");
   const enabled = useField7("enabled", {})[0].value;
-  return /* @__PURE__ */ jsx123(
+  return /* @__PURE__ */ jsx122(
     EuiDescribedFormGroup2,
     __spreadProps(__spreadValues({}, filterDOMProps25(props)), {
-      title: /* @__PURE__ */ jsx123("span", { children: t(`${name}.title`) }),
+      title: /* @__PURE__ */ jsx122("span", { children: t(`${name}.title`) }),
       description: t(`${name}.description`),
       className: `${className} optgroup-field`,
       children: /* @__PURE__ */ jsxs74(Fragment23, { children: [
-        /* @__PURE__ */ jsx123(EuiFlexItem18, { children: /* @__PURE__ */ jsx123(
+        /* @__PURE__ */ jsx122(EuiFlexItem18, { children: /* @__PURE__ */ jsx122(
           EuiFormRow15,
           {
             error: false,
             isInvalid: false,
             id: name,
-            children: /* @__PURE__ */ jsx123(BoolField, { name: "enabled", readOnly })
+            children: /* @__PURE__ */ jsx122(BoolField, { name: "enabled", readOnly })
           }
         ) }),
-        enabled && (fields == null ? void 0 : fields.filter((field) => field !== "enabled").map((field) => /* @__PURE__ */ jsx123(EuiFlexItem18, { children: /* @__PURE__ */ jsx123(AutoField3, __spreadValues({ name: field }, itemProps)) }, field)))
+        enabled && (fields == null ? void 0 : fields.filter((field) => field !== "enabled").map((field) => /* @__PURE__ */ jsx122(EuiFlexItem18, { children: /* @__PURE__ */ jsx122(AutoField3, __spreadValues({ name: field }, itemProps)) }, field)))
       ] })
     })
   );
 }
-var OptGroupField = connectField27(OptGroup);
+var OptGroupField = connectField26(OptGroup);
 
 // src/components/WfoForms/formFields/SubscriptionField.tsx
 var import_get4 = __toESM(require_get(), 1);
 import ReactSelect3 from "react-select";
-import { useTranslations as useTranslations32 } from "next-intl";
+import { useTranslations as useTranslations31 } from "next-intl";
 import {
-  connectField as connectField28,
+  connectField as connectField27,
   filterDOMProps as filterDOMProps26,
   joinName as joinName9,
   useField as useField8,
@@ -51921,12 +51884,12 @@ var subscriptionFieldStyling = css17`
 `;
 
 // src/components/WfoForms/formFields/SubscriptionField.tsx
-import { jsx as jsx124, jsxs as jsxs75 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx123, jsxs as jsxs75 } from "@emotion/react/jsx-runtime";
 filterDOMProps26.register(
   "productIds",
   "excludedSubscriptionIds",
-  "organisationId",
-  "organisationKey",
+  "customerId",
+  "customerKey",
   "visiblePortMode",
   "bandwidth",
   "bandwidthKey",
@@ -51949,8 +51912,8 @@ function SubscriptionFieldDefinition(_a) {
     className = "",
     productIds = [],
     excludedSubscriptionIds = [],
-    organisationId,
-    organisationKey,
+    customerId,
+    customerKey,
     visiblePortMode = "all",
     bandwidth,
     bandwidthKey,
@@ -51971,15 +51934,15 @@ function SubscriptionFieldDefinition(_a) {
     "className",
     "productIds",
     "excludedSubscriptionIds",
-    "organisationId",
-    "organisationKey",
+    "customerId",
+    "customerKey",
     "visiblePortMode",
     "bandwidth",
     "bandwidthKey",
     "tags",
     "statuses"
   ]);
-  const t = useTranslations32("pydanticForms");
+  const t = useTranslations31("pydanticForms");
   const { theme } = useOrchestratorTheme();
   const reactSelectInnerComponentStyles = getReactSelectInnerComponentStyles(theme);
   const { refetch, subscriptions, isFetching } = useGetSubscriptionDropdownOptions(tags, statuses);
@@ -51992,7 +51955,7 @@ function SubscriptionFieldDefinition(_a) {
   const { model, schema } = useForm7();
   const bandWithFromField = bandwidthKey ? (0, import_get4.default)(model, bandwidthKey) || schema.getInitialValue(bandwidthKey, {}) : void 0;
   const usedBandwidth = bandwidth || bandWithFromField;
-  const usedOrganisationId = organisationKey ? (0, import_get4.default)(model, organisationKey, "nonExistingOrgToFilterEverything") : organisationId;
+  const usedCustomerId = customerKey ? (0, import_get4.default)(model, customerKey, "nonExistingOrgToFilterEverything") : customerId;
   const makeLabel = (subscription) => {
     var _a2;
     const description2 = subscription.description || t("widgets.subscription.missingDescription");
@@ -52053,7 +52016,7 @@ function SubscriptionFieldDefinition(_a) {
           return false;
         }
       }
-      if (usedOrganisationId && ((_a2 = subscription.customer) == null ? void 0 : _a2.customerId) !== usedOrganisationId) {
+      if (usedCustomerId && ((_a2 = subscription.customer) == null ? void 0 : _a2.customerId) !== usedCustomerId) {
         return false;
       }
       if (parentName !== name) {
@@ -52081,27 +52044,27 @@ function SubscriptionFieldDefinition(_a) {
     (option) => option.value === value
   );
   const isDisabled = disabled || readOnly || isFetching;
-  return /* @__PURE__ */ jsx124(EuiFlexItem19, { css: subscriptionFieldStyling, grow: 1, children: /* @__PURE__ */ jsx124(
+  return /* @__PURE__ */ jsx123(EuiFlexItem19, { css: subscriptionFieldStyling, grow: 1, children: /* @__PURE__ */ jsx123(
     "section",
     __spreadProps(__spreadValues({}, filterDOMProps26(props)), {
       className: `${className} subscription-field${disabled ? "-disabled" : ""}`,
-      children: /* @__PURE__ */ jsx124(
+      children: /* @__PURE__ */ jsx123(
         EuiFormRow16,
         {
           label,
-          labelAppend: /* @__PURE__ */ jsx124(EuiText25, { size: "m", children: description }),
+          labelAppend: /* @__PURE__ */ jsx123(EuiText25, { size: "m", children: description }),
           error: showInlineError ? errorMessage : false,
           isInvalid: error,
           id,
           fullWidth: true,
           children: /* @__PURE__ */ jsxs75("div", { children: [
-            !disabled && /* @__PURE__ */ jsx124(
+            !disabled && /* @__PURE__ */ jsx123(
               EuiFlexGroup14,
               {
                 alignItems: "center",
                 gutterSize: "none",
                 responsive: false,
-                children: /* @__PURE__ */ jsx124(
+                children: /* @__PURE__ */ jsx123(
                   EuiButtonIcon2,
                   {
                     className: "reload-subscriptions-icon-button",
@@ -52117,7 +52080,7 @@ function SubscriptionFieldDefinition(_a) {
                 )
               }
             ),
-            /* @__PURE__ */ jsx124(
+            /* @__PURE__ */ jsx123(
               ReactSelect3,
               {
                 id,
@@ -52142,18 +52105,18 @@ function SubscriptionFieldDefinition(_a) {
     })
   ) });
 }
-var SubscriptionField = connectField28(SubscriptionFieldDefinition, {
+var SubscriptionField = connectField27(SubscriptionFieldDefinition, {
   kind: "leaf"
 });
 
 // src/components/WfoForms/formFields/IpNetworkField.tsx
-import { useState as useState22 } from "react";
-import { useTranslations as useTranslations33 } from "next-intl";
-import { connectField as connectField29, filterDOMProps as filterDOMProps27 } from "uniforms";
+import { useState as useState23 } from "react";
+import { useTranslations as useTranslations32 } from "next-intl";
+import { connectField as connectField28, filterDOMProps as filterDOMProps27 } from "uniforms";
 import { EuiCallOut as EuiCallOut2, EuiFormRow as EuiFormRow18, EuiText as EuiText27 } from "@elastic/eui";
 
 // src/components/WfoForms/formFields/IpPrefixTableField.tsx
-import React28 from "react";
+import React29 from "react";
 import ReactSelect4 from "react-select";
 import {
   EuiBadge as EuiBadge3,
@@ -52287,8 +52250,8 @@ function prop(obj, key) {
 }
 
 // src/components/WfoForms/formFields/IpPrefixTableField.tsx
-import { Fragment as Fragment24, jsx as jsx125, jsxs as jsxs76 } from "@emotion/react/jsx-runtime";
-var IpPrefixTableField = class extends React28.PureComponent {
+import { Fragment as Fragment24, jsx as jsx124, jsxs as jsxs76 } from "@emotion/react/jsx-runtime";
+var IpPrefixTableField = class extends React29.PureComponent {
   constructor() {
     super(...arguments);
     this.state = {
@@ -52338,14 +52301,14 @@ var IpPrefixTableField = class extends React28.PureComponent {
     };
     this.sortColumnIcon = (name, sorted) => {
       if (sorted.name === name) {
-        return /* @__PURE__ */ jsx125(
+        return /* @__PURE__ */ jsx124(
           "i",
           {
             className: sorted.descending ? "fas fa-sort-down" : "fas fa-sort-up"
           }
         );
       }
-      return /* @__PURE__ */ jsx125("i", {});
+      return /* @__PURE__ */ jsx124("i", {});
     };
     this.filterState = (e) => {
       const target = e.target;
@@ -52455,12 +52418,12 @@ var IpPrefixTableField = class extends React28.PureComponent {
         field: "state",
         name: "Status",
         sortable: true,
-        render: (prefixState) => /* @__PURE__ */ jsx125(EuiBadge3, { color: prefixState === 3 ? "danger" : "success", children: ipamStates[prefixState] })
+        render: (prefixState) => /* @__PURE__ */ jsx124(EuiBadge3, { color: prefixState === 3 ? "danger" : "success", children: ipamStates[prefixState] })
       },
       {
         field: "Action",
         name: "",
-        render: (id2, record) => record.state !== 3 ? /* @__PURE__ */ jsx125(
+        render: (id2, record) => record.state !== 3 ? /* @__PURE__ */ jsx124(
           EuiButton8,
           {
             onClick: this.selectPrefix(record),
@@ -52484,7 +52447,7 @@ var IpPrefixTableField = class extends React28.PureComponent {
       pageSizeOptions: [25, 50, 100, 250]
     };
     if (selected_prefix_id && selectionDone) {
-      return /* @__PURE__ */ jsx125(
+      return /* @__PURE__ */ jsx124(
         EuiButton8,
         {
           id: "undo-parent-prefix-choice-button",
@@ -52502,8 +52465,8 @@ var IpPrefixTableField = class extends React28.PureComponent {
             gutterSize: "s",
             style: { marginTop: "5px", marginBottom: "10px" },
             children: [
-              /* @__PURE__ */ jsx125(EuiFlexItem20, { grow: false, children: /* @__PURE__ */ jsx125(EuiText26, { children: /* @__PURE__ */ jsx125("h4", { children: "Manual override?" }) }) }),
-              /* @__PURE__ */ jsx125(EuiFlexItem20, { grow: false, children: /* @__PURE__ */ jsx125(
+              /* @__PURE__ */ jsx124(EuiFlexItem20, { grow: false, children: /* @__PURE__ */ jsx124(EuiText26, { children: /* @__PURE__ */ jsx124("h4", { children: "Manual override?" }) }) }),
+              /* @__PURE__ */ jsx124(EuiFlexItem20, { grow: false, children: /* @__PURE__ */ jsx124(
                 EuiButtonIcon3,
                 {
                   iconType: manualOverrideVisible ? "arrowDown" : "arrowRight",
@@ -52513,19 +52476,19 @@ var IpPrefixTableField = class extends React28.PureComponent {
                   })
                 }
               ) }),
-              /* @__PURE__ */ jsx125(EuiFlexItem20, {})
+              /* @__PURE__ */ jsx124(EuiFlexItem20, {})
             ]
           }
         ),
         manualOverrideVisible && /* @__PURE__ */ jsxs76(EuiPanel3, { style: { marginBottom: "20px" }, children: [
-          /* @__PURE__ */ jsx125(
+          /* @__PURE__ */ jsx124(
             EuiFormRow17,
             {
               style: { marginTop: "15px" },
               label: "Manually enter a prefix",
-              labelAppend: /* @__PURE__ */ jsx125(EuiText26, { size: "m", children: "Generating free spaces for a big IPv6 root prefix could yield an enormous list. If you know the address of a free subnet you can provide it here. The prefix will be created in the biggest existing prefix above it in one of the root prefixes." }),
+              labelAppend: /* @__PURE__ */ jsx124(EuiText26, { size: "m", children: "Generating free spaces for a big IPv6 root prefix could yield an enormous list. If you know the address of a free subnet you can provide it here. The prefix will be created in the biggest existing prefix above it in one of the root prefixes." }),
               helpText: "Example: 145.145.10/17",
-              children: /* @__PURE__ */ jsx125(
+              children: /* @__PURE__ */ jsx124(
                 EuiFieldText4,
                 {
                   value: manualOverrideValue,
@@ -52536,7 +52499,7 @@ var IpPrefixTableField = class extends React28.PureComponent {
               )
             }
           ),
-          /* @__PURE__ */ jsx125(
+          /* @__PURE__ */ jsx124(
             EuiButton8,
             {
               onClick: () => this.props.onManualOverride(
@@ -52550,7 +52513,7 @@ var IpPrefixTableField = class extends React28.PureComponent {
       !manualOverrideVisible && /* @__PURE__ */ jsxs76(Fragment24, { children: [
         /* @__PURE__ */ jsxs76("div", { children: [
           /* @__PURE__ */ jsxs76(EuiFlexGroup15, { gutterSize: "s", children: [
-            /* @__PURE__ */ jsx125(
+            /* @__PURE__ */ jsx124(
               EuiFlexItem20,
               {
                 grow: false,
@@ -52558,7 +52521,7 @@ var IpPrefixTableField = class extends React28.PureComponent {
                 children: "State:"
               }
             ),
-            /* @__PURE__ */ jsx125(EuiFlexItem20, { grow: false, children: /* @__PURE__ */ jsx125(
+            /* @__PURE__ */ jsx124(EuiFlexItem20, { grow: false, children: /* @__PURE__ */ jsx124(
               EuiCheckbox3,
               {
                 id: "checkbox-allocated",
@@ -52571,7 +52534,7 @@ var IpPrefixTableField = class extends React28.PureComponent {
                 )
               }
             ) }),
-            /* @__PURE__ */ jsx125(EuiFlexItem20, { grow: false, children: /* @__PURE__ */ jsx125(
+            /* @__PURE__ */ jsx124(EuiFlexItem20, { grow: false, children: /* @__PURE__ */ jsx124(
               EuiCheckbox3,
               {
                 id: "checkbox-planned",
@@ -52584,7 +52547,7 @@ var IpPrefixTableField = class extends React28.PureComponent {
                 )
               }
             ) }),
-            /* @__PURE__ */ jsx125(EuiFlexItem20, { grow: false, children: /* @__PURE__ */ jsx125(
+            /* @__PURE__ */ jsx124(EuiFlexItem20, { grow: false, children: /* @__PURE__ */ jsx124(
               EuiCheckbox3,
               {
                 id: "checkbox-free",
@@ -52598,7 +52561,7 @@ var IpPrefixTableField = class extends React28.PureComponent {
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsx125(
+          /* @__PURE__ */ jsx124(
             "div",
             {
               style: {
@@ -52608,7 +52571,7 @@ var IpPrefixTableField = class extends React28.PureComponent {
               children: "Root filter"
             }
           ),
-          /* @__PURE__ */ jsx125("span", { children: /* @__PURE__ */ jsx125(
+          /* @__PURE__ */ jsx124("span", { children: /* @__PURE__ */ jsx124(
             ReactSelect4,
             {
               id: `${id}.root-filter`,
@@ -52620,7 +52583,7 @@ var IpPrefixTableField = class extends React28.PureComponent {
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsx125(
+        /* @__PURE__ */ jsx124(
           EuiInMemoryTable,
           {
             id: "test",
@@ -52642,7 +52605,7 @@ IpPrefixTableField.contextType = ApiClientContext;
 
 // src/components/WfoForms/formFields/SplitPrefix.tsx
 var import_lodash6 = __toESM(require_lodash(), 1);
-import React29 from "react";
+import React30 from "react";
 import ReactSelect5 from "react-select";
 import { EuiFlexItem as EuiFlexItem21 } from "@elastic/eui";
 
@@ -52659,8 +52622,8 @@ var splitPrefixStyling = css19`
 `;
 
 // src/components/WfoForms/formFields/SplitPrefix.tsx
-import { jsx as jsx126, jsxs as jsxs77 } from "@emotion/react/jsx-runtime";
-var SplitPrefix = class extends React29.PureComponent {
+import { jsx as jsx125, jsxs as jsxs77 } from "@emotion/react/jsx-runtime";
+var SplitPrefix = class extends React30.PureComponent {
   constructor() {
     super(...arguments);
     this.state = {
@@ -52728,15 +52691,15 @@ var SplitPrefix = class extends React29.PureComponent {
     const prefix_value = prefix_options.find(
       (option) => option.value === selectedSubnet
     );
-    return /* @__PURE__ */ jsx126(EuiFlexItem21, { css: splitPrefixStyling, children: /* @__PURE__ */ jsxs77("section", { children: [
+    return /* @__PURE__ */ jsx125(EuiFlexItem21, { css: splitPrefixStyling, children: /* @__PURE__ */ jsxs77("section", { children: [
       /* @__PURE__ */ jsxs77("h3", { children: [
         "Selected prefix: ",
         subnet,
         "/",
         prefixlen
       ] }),
-      /* @__PURE__ */ jsx126("div", { children: "Desired netmask of the new subnet:" }),
-      /* @__PURE__ */ jsx126(
+      /* @__PURE__ */ jsx125("div", { children: "Desired netmask of the new subnet:" }),
+      /* @__PURE__ */ jsx125(
         ReactSelect5,
         {
           id: `${id}.desired-netmask`,
@@ -52748,8 +52711,8 @@ var SplitPrefix = class extends React29.PureComponent {
         }
       ),
       this.state.subnets && /* @__PURE__ */ jsxs77("div", { children: [
-        /* @__PURE__ */ jsx126("div", { children: "Desired prefix:" }),
-        /* @__PURE__ */ jsx126(
+        /* @__PURE__ */ jsx125("div", { children: "Desired prefix:" }),
+        /* @__PURE__ */ jsx125(
           ReactSelect5,
           {
             id: `${id}.desired-prefix`,
@@ -52767,7 +52730,7 @@ var SplitPrefix = class extends React29.PureComponent {
 SplitPrefix.contextType = ApiClientContext;
 
 // src/components/WfoForms/formFields/IpNetworkField.tsx
-import { jsx as jsx127, jsxs as jsxs78 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx126, jsxs as jsxs78 } from "@emotion/react/jsx-runtime";
 function IpNetwork(_a) {
   var _b = _a, {
     id,
@@ -52795,25 +52758,25 @@ function IpNetwork(_a) {
     "prefixMin"
   ]);
   var _a2, _b2;
-  const t = useTranslations33("pydanticForms");
-  const [selectedPrefix, setSelectedPrefix] = useState22(
+  const t = useTranslations32("pydanticForms");
+  const [selectedPrefix, setSelectedPrefix] = useState23(
     void 0
   );
-  const [manualOverride, setManualOverride] = useState22(false);
+  const [manualOverride, setManualOverride] = useState23(false);
   const usePrefix = (_a2 = selectedPrefix == null ? void 0 : selectedPrefix.prefix) != null ? _a2 : value;
   const [subnet, netmask] = (_b2 = usePrefix == null ? void 0 : usePrefix.split("/")) != null ? _b2 : ["", ""];
   const usedPrefixMin = prefixMin != null ? prefixMin : parseInt(netmask, 10) + ((selectedPrefix == null ? void 0 : selectedPrefix.state) === 0 ? 0 : 1);
-  return /* @__PURE__ */ jsx127("section", __spreadProps(__spreadValues({}, filterDOMProps27(props)), { children: /* @__PURE__ */ jsx127(
+  return /* @__PURE__ */ jsx126("section", __spreadProps(__spreadValues({}, filterDOMProps27(props)), { children: /* @__PURE__ */ jsx126(
     EuiFormRow18,
     {
       label,
-      labelAppend: /* @__PURE__ */ jsx127(EuiText27, { size: "m", children: description }),
+      labelAppend: /* @__PURE__ */ jsx126(EuiText27, { size: "m", children: description }),
       error: showInlineError ? errorMessage : false,
       isInvalid: error,
       id,
       fullWidth: true,
-      children: /* @__PURE__ */ jsx127("section", { className: "ipblock-selector", children: /* @__PURE__ */ jsxs78("div", { id, children: [
-        !prefixMin && /* @__PURE__ */ jsx127(
+      children: /* @__PURE__ */ jsx126("section", { className: "ipblock-selector", children: /* @__PURE__ */ jsxs78("div", { id, children: [
+        !prefixMin && /* @__PURE__ */ jsx126(
           IpPrefixTableField,
           {
             id,
@@ -52836,7 +52799,7 @@ function IpNetwork(_a) {
             selected_prefix_id: selectedPrefix == null ? void 0 : selectedPrefix.id
           }
         ),
-        usePrefix && !manualOverride && /* @__PURE__ */ jsx127(
+        usePrefix && !manualOverride && /* @__PURE__ */ jsx126(
           SplitPrefix,
           {
             id,
@@ -52852,7 +52815,7 @@ function IpNetwork(_a) {
             selectedSubnet: usePrefix
           }
         ),
-        usePrefix && manualOverride && /* @__PURE__ */ jsx127(
+        usePrefix && manualOverride && /* @__PURE__ */ jsx126(
           EuiCallOut2,
           {
             title: t(
@@ -52860,17 +52823,17 @@ function IpNetwork(_a) {
             ),
             color: "primary",
             iconType: "check",
-            children: /* @__PURE__ */ jsx127("p", { children: value })
+            children: /* @__PURE__ */ jsx126("p", { children: value })
           }
         )
       ] }) })
     }
   ) }));
 }
-var IpNetworkField = connectField29(IpNetwork, { kind: "leaf" });
+var IpNetworkField = connectField28(IpNetwork, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/SummaryField.tsx
-import { connectField as connectField30, filterDOMProps as filterDOMProps28 } from "uniforms";
+import { connectField as connectField29, filterDOMProps as filterDOMProps28 } from "uniforms";
 import { EuiFlexItem as EuiFlexItem22, EuiFormRow as EuiFormRow19, EuiText as EuiText28 } from "@elastic/eui";
 
 // src/components/WfoForms/formFields/SummaryFieldStyling.ts
@@ -52919,7 +52882,7 @@ var getStyles11 = (theme) => {
 };
 
 // src/components/WfoForms/formFields/SummaryField.tsx
-import { jsx as jsx128, jsxs as jsxs79 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx127, jsxs as jsxs79 } from "@emotion/react/jsx-runtime";
 function Summary(_a) {
   var _b = _a, {
     id,
@@ -52939,35 +52902,61 @@ function Summary(_a) {
   const { headers, labels, columns } = data;
   const extraColumnsData = columns.filter((_, index) => index !== 0);
   const rows = columns[0].map((row, index) => /* @__PURE__ */ jsxs79("tr", { children: [
-    labels && /* @__PURE__ */ jsx128("td", { className: `label`, children: labels[index] }),
-    /* @__PURE__ */ jsx128("td", { className: `value`, children: row.includes("<!doctype html>") ? /* @__PURE__ */ jsx128(
+    labels && /* @__PURE__ */ jsx127("td", { className: `label`, children: labels[index] }),
+    /* @__PURE__ */ jsx127("td", { className: `value`, children: typeof row === "string" && row.includes("<!doctype html>") ? /* @__PURE__ */ jsx127(
       "div",
       {
         className: "emailMessage",
         dangerouslySetInnerHTML: { __html: row }
       }
     ) : row }),
-    extraColumnsData && extraColumnsData.map((_, idx) => /* @__PURE__ */ jsx128("td", { className: `value`, children: extraColumnsData[idx][index] }, idx))
+    extraColumnsData && extraColumnsData.map((_, idx) => /* @__PURE__ */ jsx127("td", { className: `value`, children: extraColumnsData[idx][index] }, idx))
   ] }, index));
   const tableHeader = !headers || headers.length === 0 ? null : /* @__PURE__ */ jsxs79("tr", { children: [
-    labels && /* @__PURE__ */ jsx128("th", {}),
-    headers.map((header, idx) => /* @__PURE__ */ jsx128("th", { children: header }, idx))
+    labels && /* @__PURE__ */ jsx127("th", {}),
+    headers.map((header, idx) => /* @__PURE__ */ jsx127("th", { children: header }, idx))
   ] });
-  return /* @__PURE__ */ jsx128(EuiFlexItem22, { css: summaryFieldStyle, children: /* @__PURE__ */ jsx128("section", __spreadProps(__spreadValues({}, filterDOMProps28(props)), { children: /* @__PURE__ */ jsx128(
+  return /* @__PURE__ */ jsx127(EuiFlexItem22, { css: summaryFieldStyle, children: /* @__PURE__ */ jsx127("section", __spreadProps(__spreadValues({}, filterDOMProps28(props)), { children: /* @__PURE__ */ jsx127(
     EuiFormRow19,
     {
       label,
-      labelAppend: /* @__PURE__ */ jsx128(EuiText28, { size: "m", children: description }),
+      labelAppend: /* @__PURE__ */ jsx127(EuiText28, { size: "m", children: description }),
       id,
       fullWidth: true,
-      children: /* @__PURE__ */ jsx128("section", { className: "table-summary", children: /* @__PURE__ */ jsxs79("table", { id: `${id}-table`, children: [
-        /* @__PURE__ */ jsx128("thead", { children: tableHeader }),
-        /* @__PURE__ */ jsx128("tbody", { children: rows })
+      children: /* @__PURE__ */ jsx127("section", { className: "table-summary", children: /* @__PURE__ */ jsxs79("table", { id: `${id}-table`, children: [
+        /* @__PURE__ */ jsx127("thead", { children: tableHeader }),
+        /* @__PURE__ */ jsx127("tbody", { children: rows })
       ] }) })
     }
   ) })) });
 }
-var SummaryField = connectField30(Summary, { kind: "leaf" });
+var SummaryField = connectField29(Summary, { kind: "leaf" });
+
+// src/components/WfoForms/formFields/CustomerField.tsx
+import { useTranslations as useTranslations33 } from "next-intl";
+import { connectField as connectField30 } from "uniforms";
+import { jsx as jsx128 } from "@emotion/react/jsx-runtime";
+function Customer(_a) {
+  var props = __objRest(_a, []);
+  const t = useTranslations33("pydanticForms");
+  const { data: customers, isLoading } = useGetCustomersQuery();
+  const uuidCustomerNameMap = /* @__PURE__ */ new Map();
+  if (!isLoading && customers) {
+    customers == null ? void 0 : customers.map((customer) => {
+      uuidCustomerNameMap.set(customer.customerId, customer.fullname);
+    });
+  }
+  return /* @__PURE__ */ jsx128(
+    SelectField,
+    __spreadProps(__spreadValues({}, props), {
+      allowedValues: Array.from(uuidCustomerNameMap.keys()),
+      transform: (uuid) => uuidCustomerNameMap.get(uuid) || uuid,
+      disabled: isLoading,
+      placeholder: !isLoading ? t("widgets.customer.placeholder") : t("widgets.customer.loading")
+    })
+  );
+}
+var CustomerField = connectField30(Customer, { kind: "leaf" });
 
 // src/components/WfoForms/AutoFieldLoader.tsx
 function autoFieldFunction(props, uniforms) {
@@ -53006,8 +52995,8 @@ function autoFieldFunction(props, uniforms) {
           return SummaryField;
         case "subscription":
           return SubscriptionSummaryField;
-        case "organisationId":
-          return OrganisationField;
+        case "customerId":
+          return CustomerField;
         case "locationCode":
           return LocationCodeField;
         case "contactPersonName":
@@ -53350,12 +53339,12 @@ function fillPreselection(form, router) {
   if (form && form.properties) {
     Object.keys(queryParams).forEach((param) => {
       if (form && form.properties && form.properties[param]) {
-        const organisationInput = form.properties[param];
-        if (!organisationInput.uniforms) {
-          organisationInput.uniforms = {};
+        const customerInput = form.properties[param];
+        if (!customerInput.uniforms) {
+          customerInput.uniforms = {};
         }
-        organisationInput.uniforms.disabled = true;
-        organisationInput.default = queryParams[param];
+        customerInput.uniforms.disabled = true;
+        customerInput.default = queryParams[param];
       }
     });
     if (queryParams.prefix && queryParams.prefixlen) {
@@ -53392,9 +53381,9 @@ function UserInputForm({
   const t = useTranslations34("pydanticForms.userInputForm");
   const { theme } = useOrchestratorTheme();
   const { showConfirmDialog } = useContext10(ConfirmationDialogContext);
-  const [processing, setProcessing] = useState23(false);
-  const [nrOfValidationErrors, setNrOfValidationErrors] = useState23(0);
-  const [rootErrors, setRootErrors] = useState23([]);
+  const [processing, setProcessing] = useState24(false);
+  const [nrOfValidationErrors, setNrOfValidationErrors] = useState24(0);
+  const [rootErrors, setRootErrors] = useState24([]);
   const openLeavePageDialog = (leaveAction, leaveQuestion) => {
     return () => showConfirmDialog({
       question: leaveQuestion || "",
@@ -53592,10 +53581,10 @@ function UserInputFormWizard({
 }) {
   const router = useRouter6();
   const apiClient = useAxiosApiClient();
-  const [forms, setForms] = useState24([
+  const [forms, setForms] = useState25([
     { form: stepUserInput, hasNext }
   ]);
-  const [userInputs, setUserInputs] = useState24([]);
+  const [userInputs, setUserInputs] = useState25([]);
   useEffect14(() => {
     setForms([{ form: stepUserInput, hasNext }]);
   }, [hasNext, stepUserInput]);
@@ -53652,7 +53641,7 @@ var UserInputFormWizard_default = UserInputFormWizard;
 import { jsx as jsx131 } from "@emotion/react/jsx-runtime";
 function CreateForm(props) {
   const { preselectedInput, formKey, handleSubmit } = props;
-  const [form, setForm] = useState25({});
+  const [form, setForm] = useState26({});
   const { stepUserInput, hasNext } = form;
   const apiClient = useAxiosApiClient();
   const submit = useCallback4(
@@ -53751,15 +53740,15 @@ var WfoAuth = ({ children }) => {
 };
 
 // src/components/WfoDropdownButton/WfoDropdownButton.tsx
-import { useState as useState26 } from "react";
+import { useState as useState27 } from "react";
 import { EuiButtonGroup, EuiPopover as EuiPopover4 } from "@elastic/eui";
 import { jsx as jsx135 } from "@emotion/react/jsx-runtime";
 var WfoDropdownButton = ({
   label,
   children
 }) => {
-  const [isHovered, setIsHovered] = useState26(false);
-  const [isPopoverOpen, setPopoverOpen] = useState26(false);
+  const [isHovered, setIsHovered] = useState27(false);
+  const [isPopoverOpen, setPopoverOpen] = useState27(false);
   const buttonOptions = [
     {
       id: "id_1",
@@ -53815,7 +53804,7 @@ import { useTranslations as useTranslations52 } from "next-intl";
 import Link7 from "next/link";
 
 // src/pages/metadata/WfoProductBlocksPage.tsx
-import { useEffect as useEffect16, useState as useState27 } from "react";
+import { useEffect as useEffect16, useState as useState28 } from "react";
 import { useTranslations as useTranslations37 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup2 } from "@elastic/eui";
 
@@ -53963,7 +53952,7 @@ var WfoProductBlocksPage = () => {
   const t = useTranslations37("metadata.productBlocks");
   const tError = useTranslations37("errors");
   const { showToastMessage } = useShowToastMessage();
-  const [tableDefaults, setTableDefaults] = useState27();
+  const [tableDefaults, setTableDefaults] = useState28();
   const getStoredTableConfig = useStoredTableConfig(
     METADATA_PRODUCT_BLOCKS_TABLE_LOCAL_STORAGE_KEY
   );
@@ -54129,7 +54118,7 @@ var WfoProductBlocksPage = () => {
 };
 
 // src/pages/metadata/WfoResourceTypesPage.tsx
-import { useEffect as useEffect17, useState as useState28 } from "react";
+import { useEffect as useEffect17, useState as useState29 } from "react";
 import { useTranslations as useTranslations38 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup3 } from "@elastic/eui";
 import { Fragment as Fragment28, jsx as jsx138 } from "@emotion/react/jsx-runtime";
@@ -54142,7 +54131,7 @@ var WfoResourceTypesPage = () => {
   const t = useTranslations38("metadata.resourceTypes");
   const tError = useTranslations38("errors");
   const { showToastMessage } = useShowToastMessage();
-  const [tableDefaults, setTableDefaults] = useState28();
+  const [tableDefaults, setTableDefaults] = useState29();
   const getStoredTableConfig = useStoredTableConfig(
     METADATA_RESOURCE_TYPES_TABLE_LOCAL_STORAGE_KEY
   );
@@ -54270,7 +54259,7 @@ var WfoResourceTypesPage = () => {
 };
 
 // src/pages/metadata/WfoProductsPage.tsx
-import { useEffect as useEffect18, useState as useState29 } from "react";
+import { useEffect as useEffect18, useState as useState30 } from "react";
 import { useTranslations as useTranslations39 } from "next-intl";
 import { Fragment as Fragment29, jsx as jsx139 } from "@emotion/react/jsx-runtime";
 var PRODUCT_FIELD_PRODUCT_ID = "productId";
@@ -54287,7 +54276,7 @@ var WfoProductsPage = () => {
   const t = useTranslations39("metadata.products");
   const tError = useTranslations39("errors");
   const { showToastMessage } = useShowToastMessage();
-  const [tableDefaults, setTableDefaults] = useState29();
+  const [tableDefaults, setTableDefaults] = useState30();
   const getStoredTableConfig = useStoredTableConfig(
     METADATA_PRODUCT_TABLE_LOCAL_STORAGE_KEY
   );
@@ -54442,7 +54431,7 @@ var WfoProductsPage = () => {
 };
 
 // src/pages/metadata/WfoWorkflowsPage.tsx
-import { useEffect as useEffect19, useState as useState30 } from "react";
+import { useEffect as useEffect19, useState as useState31 } from "react";
 import { useTranslations as useTranslations40 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup4 } from "@elastic/eui";
 
@@ -54518,7 +54507,7 @@ var WfoWorkflowsPage = () => {
   const t = useTranslations40("metadata.workflows");
   const tError = useTranslations40("errors");
   const { showToastMessage } = useShowToastMessage();
-  const [tableDefaults, setTableDefaults] = useState30();
+  const [tableDefaults, setTableDefaults] = useState31();
   const getStoredTableConfig = useStoredTableConfig(
     METADATA_WORKFLOWS_TABLE_LOCAL_STORAGE_KEY
   );
@@ -54699,10 +54688,10 @@ var WfoProcessListSubscriptionsCell = ({
 };
 
 // src/pages/processes/WfoProcessDetailPage.tsx
-import { useEffect as useEffect22, useRef as useRef7, useState as useState35 } from "react";
+import { useEffect as useEffect22, useRef as useRef7, useState as useState36 } from "react";
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
-import React41 from "react";
+import React42 from "react";
 import { useTranslations as useTranslations41 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup18, EuiFlexItem as EuiFlexItem25, EuiPanel as EuiPanel4, EuiText as EuiText29 } from "@elastic/eui";
 
@@ -54916,7 +54905,7 @@ var getStepContent = (stepDelta, showHiddenKeys) => {
 };
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStepForm.tsx
-import { useState as useState31 } from "react";
+import { useState as useState32 } from "react";
 import { EuiFlexItem as EuiFlexItem24 } from "@elastic/eui";
 import { jsx as jsx143 } from "@emotion/react/jsx-runtime";
 var WfoStepForm = ({
@@ -54924,7 +54913,7 @@ var WfoStepForm = ({
   isTask,
   processId
 }) => {
-  const [isProcessing, setIsProcessing] = useState31(false);
+  const [isProcessing, setIsProcessing] = useState32(false);
   const { theme } = useOrchestratorTheme();
   const apiClient = useAxiosApiClient();
   const submitForm = (processInput) => {
@@ -54949,7 +54938,7 @@ var WfoStepForm = ({
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
 import { Fragment as Fragment32, jsx as jsx144, jsxs as jsxs84 } from "@emotion/react/jsx-runtime";
-var WfoStep = React41.forwardRef(
+var WfoStep = React42.forwardRef(
   ({
     stepListItem,
     onToggleStepDetail,
@@ -55079,9 +55068,9 @@ var WfoStep = React41.forwardRef(
 WfoStep.displayName = "WfoStep";
 
 // src/components/WfoWorkflowSteps/WfoStepList/WfoStepList.tsx
-import React42, { useImperativeHandle, useRef as useRef6 } from "react";
+import React43, { useImperativeHandle, useRef as useRef6 } from "react";
 import { Fragment as Fragment33, jsx as jsx145, jsxs as jsxs85 } from "@emotion/react/jsx-runtime";
-var WfoStepList = React42.forwardRef(
+var WfoStepList = React43.forwardRef(
   ({
     stepListItems,
     showHiddenKeys,
@@ -55151,12 +55140,12 @@ var WfoStepList = React42.forwardRef(
 WfoStepList.displayName = "WfoStepList";
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
-import React45, { useEffect as useEffect21, useState as useState34 } from "react";
+import React46, { useEffect as useEffect21, useState as useState35 } from "react";
 import { useTranslations as useTranslations44 } from "next-intl";
 
 // src/components/WfoDiff/WfoDiff.tsx
 var refractor = __toESM(require_refractor(), 1);
-import { useCallback as useCallback5, useEffect as useEffect20, useMemo as useMemo4, useState as useState32 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect20, useMemo as useMemo4, useState as useState33 } from "react";
 import { Diff, Hunk, parseDiff, tokenize } from "react-diff-view";
 import "react-diff-view/style/index.css";
 import { useTranslations as useTranslations42 } from "next-intl";
@@ -55175,9 +55164,9 @@ var SMALL_CONTEXT = 3;
 var FULL_CONTEXT = 1e6;
 var WfoDiff = ({ oldText, newText, syntax }) => {
   const t = useTranslations42("processes.delta");
-  const [showSplit, setShowSplit] = useState32(true);
-  const [showFull, setShowFull] = useState32(false);
-  const [{ type, hunks }, setDiff] = useState32({
+  const [showSplit, setShowSplit] = useState33(true);
+  const [showFull, setShowFull] = useState33(false);
+  const [{ type, hunks }, setDiff] = useState33({
     type: "modify",
     hunks: []
   });
@@ -55242,7 +55231,7 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
 var WfoDiff_default = WfoDiff;
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoStepListHeader.tsx
-import { useState as useState33 } from "react";
+import { useState as useState34 } from "react";
 import { useTranslations as useTranslations43 } from "next-intl";
 import {
   EuiButton as EuiButton10,
@@ -55301,7 +55290,7 @@ var WfoStepListHeader = ({
     stepListContentBoldTextStyle,
     stepListOptionsContainerStyle
   } = getStyles12(theme);
-  const [isViewOptionOpen, setIsViewOptionOpen] = useState33(false);
+  const [isViewOptionOpen, setIsViewOptionOpen] = useState34(false);
   const onViewOptionClick = () => setIsViewOptionOpen((isViewOptionOpen2) => !isViewOptionOpen2);
   const closeViewOption = () => setIsViewOptionOpen(false);
   const viewOptionButton = /* @__PURE__ */ jsx148(
@@ -55407,7 +55396,7 @@ var WfoProcessSubscriptionDelta = ({
     }
   );
 };
-var WfoWorkflowStepList = React45.forwardRef(
+var WfoWorkflowStepList = React46.forwardRef(
   ({
     steps = [],
     startedAt,
@@ -55415,15 +55404,15 @@ var WfoWorkflowStepList = React45.forwardRef(
     isTask,
     userInputForm
   }, reference) => {
-    const [showHiddenKeys, setShowHiddenKeys] = useState34(false);
-    const [showRaw, setShowRaw] = useState34(false);
-    const [showDelta, setShowDelta] = useState34(false);
+    const [showHiddenKeys, setShowHiddenKeys] = useState35(false);
+    const [showRaw, setShowRaw] = useState35(false);
+    const [showDelta, setShowDelta] = useState35(false);
     const t = useTranslations44("processes.steps");
     const initialStepListItems = steps.map((step) => ({
       step,
       isExpanded: false
     }));
-    const [stepListItems, setStepListItems] = useState34(initialStepListItems);
+    const [stepListItems, setStepListItems] = useState35(initialStepListItems);
     const persistStepListItemState = (previousStepListItems, updatedSteps, userInputForm2) => {
       var _a;
       const reversedSteps = [...updatedSteps].reverse();
@@ -55874,7 +55863,7 @@ var WfoProcessDetailPage = ({
 }) => {
   var _a, _b;
   const stepListRef = useRef7(null);
-  const [fetchInterval, setFetchInterval] = useState35();
+  const [fetchInterval, setFetchInterval] = useState36();
   const { data, isLoading, isError: isError3 } = useQueryWithGraphql(
     GET_PROCESS_DETAIL_GRAPHQL_QUERY,
     {
@@ -55935,7 +55924,7 @@ var WfoProcessDetailPage = ({
 };
 
 // src/pages/processes/WfoStartProcessPage.tsx
-import { useCallback as useCallback6, useEffect as useEffect23, useMemo as useMemo5, useState as useState36 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect23, useMemo as useMemo5, useState as useState37 } from "react";
 import { useTranslations as useTranslations46 } from "next-intl";
 import { useRouter as useRouter10 } from "next/router";
 import {
@@ -55970,9 +55959,9 @@ var WfoStartProcessPage = ({
   const apiClient = useAxiosApiClient();
   const t = useTranslations46("processes.steps");
   const router = useRouter10();
-  const [hasError, setHasError] = useState36(false);
+  const [hasError, setHasError] = useState37(false);
   const { theme } = useOrchestratorTheme();
-  const [form, setForm] = useState36({});
+  const [form, setForm] = useState37({});
   const { productId, subscriptionId } = router.query;
   const startProcessPayload = useMemo5(
     () => getInitialProcessPayload({ productId, subscriptionId }),
@@ -56636,7 +56625,7 @@ var WfoSubscriptionDetailPage = () => {
 };
 
 // src/pages/subscriptions/WfoSubscriptionsListPage.tsx
-import { useEffect as useEffect24, useState as useState37 } from "react";
+import { useEffect as useEffect24, useState as useState38 } from "react";
 import { useTranslations as useTranslations49 } from "next-intl";
 import { StringParam as StringParam3, useQueryParam as useQueryParam2, withDefault as withDefault3 } from "use-query-params";
 import { EuiPageHeader as EuiPageHeader4, EuiSpacer as EuiSpacer19 } from "@elastic/eui";
@@ -56875,7 +56864,7 @@ import { Fragment as Fragment37, jsx as jsx161, jsxs as jsxs96 } from "@emotion/
 var WfoSubscriptionsListPage = () => {
   var _a;
   const t = useTranslations49("subscriptions.detail");
-  const [tableDefaults, setTableDefaults] = useState37();
+  const [tableDefaults, setTableDefaults] = useState38();
   const getStoredTableConfig = useStoredTableConfig(
     SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY
   );
@@ -56938,23 +56927,18 @@ var WfoSubscriptionsListPage = () => {
 };
 
 // src/pages/tasks/WfoTasksListPage.tsx
-import { useContext as useContext13, useEffect as useEffect25, useState as useState38 } from "react";
+import { useContext as useContext13, useEffect as useEffect25, useState as useState39 } from "react";
 import { useTranslations as useTranslations50 } from "next-intl";
 import Link6 from "next/link";
 import { useRouter as useRouter14 } from "next/router";
 import { StringParam as StringParam4, useQueryParam as useQueryParam3, withDefault as withDefault4 } from "use-query-params";
-import { EuiButton as EuiButton13, EuiSpacer as EuiSpacer20 } from "@elastic/eui";
-
-// src/components/WfoPageHeader/WfoPageHeader.tsx
-import { EuiFlexGroup as EuiFlexGroup25, EuiFlexItem as EuiFlexItem34, EuiPageHeader as EuiPageHeader5 } from "@elastic/eui";
-import { jsx as jsx162, jsxs as jsxs97 } from "@emotion/react/jsx-runtime";
-var WfoPageHeader2 = ({
-  pageTitle,
-  children
-}) => /* @__PURE__ */ jsxs97(EuiFlexGroup25, { children: [
-  /* @__PURE__ */ jsx162(EuiFlexItem34, { children: /* @__PURE__ */ jsx162(EuiPageHeader5, { pageTitle }) }),
-  children && /* @__PURE__ */ jsx162(EuiFlexItem34, { children: /* @__PURE__ */ jsx162(EuiFlexGroup25, { justifyContent: "flexEnd", children }) })
-] });
+import {
+  EuiButton as EuiButton13,
+  EuiFlexGroup as EuiFlexGroup25,
+  EuiFlexItem as EuiFlexItem34,
+  EuiPageHeader as EuiPageHeader5,
+  EuiSpacer as EuiSpacer20
+} from "@elastic/eui";
 
 // src/pages/tasks/tabConfig.ts
 var WfoTasksListTabType = /* @__PURE__ */ ((WfoTasksListTabType2) => {
@@ -57019,7 +57003,7 @@ var getTasksListTabTypeFromString = (tabId) => {
 };
 
 // src/pages/tasks/WfoTasksListPage.tsx
-import { Fragment as Fragment38, jsx as jsx163, jsxs as jsxs98 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment38, jsx as jsx162, jsxs as jsxs97 } from "@emotion/react/jsx-runtime";
 var WfoTasksListPage = () => {
   var _a;
   const router = useRouter14();
@@ -57028,7 +57012,7 @@ var WfoTasksListPage = () => {
     "activeTab",
     withDefault4(StringParam4, "ACTIVE" /* ACTIVE */)
   );
-  const [tableDefaults, setTableDefaults] = useState38();
+  const [tableDefaults, setTableDefaults] = useState39();
   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);
@@ -57076,7 +57060,7 @@ var WfoTasksListPage = () => {
     workflowName: {
       field: "workflowName",
       name: t("taskName"),
-      render: (value, { processId }) => /* @__PURE__ */ jsx163(Link6, { href: `${PATH_TASKS}/${processId}`, children: value })
+      render: (value, { processId }) => /* @__PURE__ */ jsx162(Link6, { href: `${PATH_TASKS}/${processId}`, children: value })
     },
     lastStep: defaultTableColumns.lastStep,
     lastStatus: defaultTableColumns.lastStatus,
@@ -57092,20 +57076,24 @@ var WfoTasksListPage = () => {
     startedAt: defaultTableColumns.startedAt,
     lastModifiedAt: defaultTableColumns.lastModifiedAt
   });
-  return /* @__PURE__ */ jsxs98(Fragment38, { children: [
-    /* @__PURE__ */ jsx163(EuiSpacer20, {}),
-    /* @__PURE__ */ jsxs98(WfoPageHeader2, { pageTitle: "Tasks", children: [
-      /* @__PURE__ */ jsx163(
-        EuiButton13,
-        {
-          onClick: handleRerunAllButtonClick,
-          iconType: () => /* @__PURE__ */ jsx163(WfoRefresh, { color: theme.colors.primaryText }),
-          children: t("rerunAll")
-        }
-      ),
-      /* @__PURE__ */ jsx163(WfoStartTaskButtonComboBox, {})
+  return /* @__PURE__ */ jsxs97(Fragment38, { children: [
+    /* @__PURE__ */ jsx162(EuiSpacer20, {}),
+    /* @__PURE__ */ jsxs97(EuiFlexGroup25, { children: [
+      /* @__PURE__ */ jsx162(EuiFlexItem34, { children: /* @__PURE__ */ jsx162(EuiPageHeader5, { pageTitle: "Tasks" }) }),
+      /* @__PURE__ */ jsx162(EuiFlexItem34, { children: /* @__PURE__ */ jsxs97(EuiFlexGroup25, { justifyContent: "flexEnd", children: [
+        " ",
+        /* @__PURE__ */ jsx162(
+          EuiButton13,
+          {
+            onClick: handleRerunAllButtonClick,
+            iconType: () => /* @__PURE__ */ jsx162(WfoRefresh, { color: theme.colors.primaryText }),
+            children: t("rerunAll")
+          }
+        ),
+        /* @__PURE__ */ jsx162(WfoStartTaskButtonComboBox, {})
+      ] }) })
     ] }),
-    /* @__PURE__ */ jsx163(
+    /* @__PURE__ */ jsx162(
       WfoFilterTabs,
       {
         tabs: defaultTasksListTabs,
@@ -57114,8 +57102,8 @@ var WfoTasksListPage = () => {
         onChangeTab: handleChangeTasksListTab
       }
     ),
-    /* @__PURE__ */ jsx163(EuiSpacer20, { size: "xxl" }),
-    /* @__PURE__ */ jsx163(
+    /* @__PURE__ */ jsx162(EuiSpacer20, { size: "xxl" }),
+    /* @__PURE__ */ jsx162(
       WfoProcessesList,
       {
         defaultHiddenColumns: tableDefaults == null ? void 0 : tableDefaults.hiddenColumns,
@@ -57130,7 +57118,7 @@ var WfoTasksListPage = () => {
 };
 
 // src/pages/workflows/WfoWorkflowsListPage.tsx
-import { useEffect as useEffect26, useState as useState39 } from "react";
+import { useEffect as useEffect26, useState as useState40 } from "react";
 import { useTranslations as useTranslations51 } from "next-intl";
 import { useRouter as useRouter15 } from "next/router";
 import { StringParam as StringParam5, useQueryParam as useQueryParam4, withDefault as withDefault5 } from "use-query-params";
@@ -57194,7 +57182,7 @@ var getWorkflowsListTabTypeFromString = (tabId) => {
 };
 
 // src/pages/workflows/WfoWorkflowsListPage.tsx
-import { Fragment as Fragment39, jsx as jsx164, jsxs as jsxs99 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment39, jsx as jsx163, jsxs as jsxs98 } from "@emotion/react/jsx-runtime";
 var WfoWorkflowsListPage = () => {
   var _a;
   const router = useRouter15();
@@ -57203,7 +57191,7 @@ var WfoWorkflowsListPage = () => {
     "activeTab",
     withDefault5(StringParam5, "ACTIVE" /* ACTIVE */)
   );
-  const [tableDefaults, setTableDefaults] = useState39();
+  const [tableDefaults, setTableDefaults] = useState40();
   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);
@@ -57233,11 +57221,11 @@ var WfoWorkflowsListPage = () => {
     router.replace(PATH_WORKFLOWS);
     return null;
   }
-  return /* @__PURE__ */ jsxs99(Fragment39, { children: [
-    /* @__PURE__ */ jsx164(EuiSpacer21, {}),
-    /* @__PURE__ */ jsx164(EuiPageHeader6, { pageTitle: t("title") }),
-    /* @__PURE__ */ jsx164(EuiSpacer21, { size: "m" }),
-    /* @__PURE__ */ jsx164(
+  return /* @__PURE__ */ jsxs98(Fragment39, { children: [
+    /* @__PURE__ */ jsx163(EuiSpacer21, {}),
+    /* @__PURE__ */ jsx163(EuiPageHeader6, { pageTitle: t("title") }),
+    /* @__PURE__ */ jsx163(EuiSpacer21, { size: "m" }),
+    /* @__PURE__ */ jsx163(
       WfoFilterTabs,
       {
         tabs: defaultWorkflowsListTabs,
@@ -57246,8 +57234,8 @@ var WfoWorkflowsListPage = () => {
         onChangeTab: handleChangeWorkflowsListTab
       }
     ),
-    /* @__PURE__ */ jsx164(EuiSpacer21, { size: "xxl" }),
-    /* @__PURE__ */ jsx164(
+    /* @__PURE__ */ jsx163(EuiSpacer21, { size: "xxl" }),
+    /* @__PURE__ */ jsx163(
       WfoProcessesList,
       {
         alwaysOnFilters,
@@ -57357,7 +57345,7 @@ var graphQlProcessFilterMapper = (data) => data == null ? void 0 : data.map(({ f
 }));
 
 // src/components/WfoProcessList/WfoProcessesList.tsx
-import { jsx as jsx165 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx164 } from "@emotion/react/jsx-runtime";
 var WfoProcessesList = ({
   alwaysOnFilters,
   defaultHiddenColumns = [],
@@ -57375,7 +57363,7 @@ var WfoProcessesList = ({
       field: "workflowName",
       name: t("workflowName"),
       width: "20%",
-      render: (value, { processId }) => /* @__PURE__ */ jsx165(Link7, { href: `${PATH_WORKFLOWS}/${processId}`, children: value })
+      render: (value, { processId }) => /* @__PURE__ */ jsx164(Link7, { href: `${PATH_WORKFLOWS}/${processId}`, children: value })
     },
     lastStep: {
       field: "lastStep",
@@ -57386,13 +57374,13 @@ var WfoProcessesList = ({
       field: "lastStatus",
       name: t("status"),
       width: "100",
-      render: (cellValue) => /* @__PURE__ */ jsx165(WfoProcessStatusBadge, { processStatus: cellValue })
+      render: (cellValue) => /* @__PURE__ */ jsx164(WfoProcessStatusBadge, { processStatus: cellValue })
     },
     workflowTarget: {
       field: "workflowTarget",
       name: t("workflowTarget"),
       width: "100",
-      render: (target) => /* @__PURE__ */ jsx165(WfoWorkflowTargetBadge, { target })
+      render: (target) => /* @__PURE__ */ jsx164(WfoWorkflowTargetBadge, { target })
     },
     productTag: {
       field: "productTag",
@@ -57418,14 +57406,14 @@ var WfoProcessesList = ({
       field: "subscriptions",
       name: t("subscriptions"),
       width: "15%",
-      render: ({ page: subscriptions }) => /* @__PURE__ */ jsx165(
+      render: ({ page: subscriptions }) => /* @__PURE__ */ jsx164(
         WfoProcessListSubscriptionsCell,
         {
           subscriptions,
           numberOfSubscriptionsToRender: 1
         }
       ),
-      renderDetails: ({ page: subscriptions }) => /* @__PURE__ */ jsx165(
+      renderDetails: ({ page: subscriptions }) => /* @__PURE__ */ jsx164(
         WfoProcessListSubscriptionsCell,
         {
           subscriptions
@@ -57447,14 +57435,14 @@ var WfoProcessesList = ({
       field: "processId",
       name: t("processId"),
       width: "90",
-      render: (value) => /* @__PURE__ */ jsx165(WfoFirstPartUUID, { UUID: value }),
+      render: (value) => /* @__PURE__ */ jsx164(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value
     },
     startedAt: {
       field: "startedAt",
       name: t("started"),
       width: "100",
-      render: (value) => /* @__PURE__ */ jsx165(WfoDateTime, { dateOrIsoString: value }),
+      render: (value) => /* @__PURE__ */ jsx164(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString
     },
@@ -57462,7 +57450,7 @@ var WfoProcessesList = ({
       field: "lastModifiedAt",
       name: t("lastModified"),
       width: "100",
-      render: (value) => /* @__PURE__ */ jsx165(WfoDateTime, { dateOrIsoString: value }),
+      render: (value) => /* @__PURE__ */ jsx164(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString
     }
@@ -57493,13 +57481,13 @@ var WfoProcessesList = ({
     getQueryVariablesForExport(processListQueryVars),
     ["processes", "export"]
   );
-  return /* @__PURE__ */ jsx165(
+  return /* @__PURE__ */ jsx164(
     WfoTableWithFilter,
     {
       queryString,
-      data: mapGraphQlProcessListResultToProcessListItems(
+      data: !isFetching ? mapGraphQlProcessListResultToProcessListItems(
         processes || []
-      ),
+      ) : [],
       tableColumns: mapSortableAndFilterableValuesToTableColumnConfig(
         tableColumns,
         pageInfo == null ? void 0 : pageInfo.sortFields,
@@ -57545,11 +57533,11 @@ var getStyles14 = (theme) => {
 };
 
 // src/components/WfoJsonCodeBlock/WfoJsonCodeBlock.tsx
-import { jsx as jsx166 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx165 } from "@emotion/react/jsx-runtime";
 var WfoJsonCodeBlock = ({ data }) => {
   const { euiCodeBlockStyle } = useWithOrchestratorTheme(getStyles14);
   const json = JSON.stringify(data, null, 4);
-  return /* @__PURE__ */ jsx166(
+  return /* @__PURE__ */ jsx165(
     EuiCodeBlock2,
     {
       css: euiCodeBlockStyle,
@@ -57562,7 +57550,7 @@ var WfoJsonCodeBlock = ({ data }) => {
 };
 
 // src/components/WfoSettings/WfoFlushSettings.tsx
-import { useState as useState40 } from "react";
+import { useState as useState41 } from "react";
 import { useTranslations as useTranslations53 } from "next-intl";
 import {
   EuiButton as EuiButton14,
@@ -57571,11 +57559,11 @@ import {
   EuiSpacer as EuiSpacer22,
   EuiText as EuiText36
 } from "@elastic/eui";
-import { jsx as jsx167, jsxs as jsxs100 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx166, jsxs as jsxs99 } from "@emotion/react/jsx-runtime";
 var WfoFlushSettings = () => {
   const [clearCache] = useClearCacheMutation();
   const t = useTranslations53("settings.page");
-  const [selectedOptions, setSelected] = useState40(
+  const [selectedOptions, setSelected] = useState41(
     []
   );
   const { showToastMessage } = useShowToastMessage();
@@ -57606,7 +57594,7 @@ var WfoFlushSettings = () => {
       );
     });
   };
-  return /* @__PURE__ */ jsxs100(
+  return /* @__PURE__ */ jsxs99(
     EuiPanel9,
     {
       hasShadow: false,
@@ -57614,9 +57602,9 @@ var WfoFlushSettings = () => {
       paddingSize: "l",
       style: { width: "50%" },
       children: [
-        /* @__PURE__ */ jsx167(EuiText36, { size: "s", children: /* @__PURE__ */ jsx167("h4", { children: t("flushCacheSettingsTitle") }) }),
-        /* @__PURE__ */ jsx167(EuiSpacer22, { size: "m" }),
-        /* @__PURE__ */ jsx167(
+        /* @__PURE__ */ jsx166(EuiText36, { size: "s", children: /* @__PURE__ */ jsx166("h4", { children: t("flushCacheSettingsTitle") }) }),
+        /* @__PURE__ */ jsx166(EuiSpacer22, { size: "m" }),
+        /* @__PURE__ */ jsx166(
           EuiComboBox,
           {
             "aria-label": "Flush settings",
@@ -57628,8 +57616,8 @@ var WfoFlushSettings = () => {
             fullWidth: true
           }
         ),
-        /* @__PURE__ */ jsx167(EuiSpacer22, { size: "m" }),
-        /* @__PURE__ */ jsx167(EuiButton14, { onClick: flushCache, iconType: "refresh", children: t("flushButton") })
+        /* @__PURE__ */ jsx166(EuiSpacer22, { size: "m" }),
+        /* @__PURE__ */ jsx166(EuiButton14, { onClick: flushCache, iconType: "refresh", children: t("flushButton") })
       ]
     }
   );
@@ -57638,16 +57626,16 @@ var WfoFlushSettings = () => {
 // src/components/WfoSettings/WfoEngineStatusButton.tsx
 import { useTranslations as useTranslations54 } from "next-intl";
 import { EuiButton as EuiButton15 } from "@elastic/eui";
-import { jsx as jsx168 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx167 } from "@emotion/react/jsx-runtime";
 var WfoEngineStatusButton = () => {
   const { data, isLoading } = useGetEngineStatusQuery();
   const { engineStatus } = data || {};
   const [setEngineStatus, { isLoading: isSettingEngineStatus }] = useSetEngineStatusMutation();
   const t = useTranslations54("settings.page");
   if (isLoading || isSettingEngineStatus) {
-    return /* @__PURE__ */ jsx168(EuiButton15, { isLoading: true, fill: true, children: "Loading..." });
+    return /* @__PURE__ */ jsx167(EuiButton15, { isLoading: true, fill: true, children: "Loading..." });
   }
-  return engineStatus === "RUNNING" /* RUNNING */ ? /* @__PURE__ */ jsx168(
+  return engineStatus === "RUNNING" /* RUNNING */ ? /* @__PURE__ */ jsx167(
     EuiButton15,
     {
       onClick: () => setEngineStatus(true),
@@ -57656,7 +57644,7 @@ var WfoEngineStatusButton = () => {
       iconType: "pause",
       children: t("pauseEngine")
     }
-  ) : /* @__PURE__ */ jsx168(
+  ) : /* @__PURE__ */ jsx167(
     EuiButton15,
     {
       onClick: () => setEngineStatus(false),
@@ -57671,10 +57659,10 @@ var WfoEngineStatusButton = () => {
 // src/components/WfoSettings/WfoModifySettings.tsx
 import { useTranslations as useTranslations55 } from "next-intl";
 import { EuiPanel as EuiPanel10, EuiSpacer as EuiSpacer23, EuiText as EuiText37 } from "@elastic/eui";
-import { jsx as jsx169, jsxs as jsxs101 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx168, jsxs as jsxs100 } from "@emotion/react/jsx-runtime";
 var WfoModifySettings = () => {
   const t = useTranslations55("settings.page");
-  return /* @__PURE__ */ jsxs101(
+  return /* @__PURE__ */ jsxs100(
     EuiPanel10,
     {
       hasShadow: false,
@@ -57682,9 +57670,9 @@ var WfoModifySettings = () => {
       paddingSize: "l",
       css: { width: "50%" },
       children: [
-        /* @__PURE__ */ jsx169(EuiText37, { size: "s", children: /* @__PURE__ */ jsx169("h4", { children: t("modifyEngine") }) }),
-        /* @__PURE__ */ jsx169(EuiSpacer23, { size: "m" }),
-        /* @__PURE__ */ jsx169(WfoEngineStatusButton, {})
+        /* @__PURE__ */ jsx168(EuiText37, { size: "s", children: /* @__PURE__ */ jsx168("h4", { children: t("modifyEngine") }) }),
+        /* @__PURE__ */ jsx168(EuiSpacer23, { size: "m" }),
+        /* @__PURE__ */ jsx168(WfoEngineStatusButton, {})
       ]
     }
   );
@@ -57699,14 +57687,14 @@ import {
   EuiSpacer as EuiSpacer24,
   EuiText as EuiText38
 } from "@elastic/eui";
-import { jsx as jsx170, jsxs as jsxs102 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx169, jsxs as jsxs101 } from "@emotion/react/jsx-runtime";
 var WfoStatus = () => {
   const { theme } = useOrchestratorTheme();
   const { data } = useGetEngineStatusQuery();
   const { engineStatus, runningProcesses } = data || {};
   const isRunning = engineStatus === "RUNNING" /* RUNNING */;
   const t = useTranslations56("settings.page");
-  return /* @__PURE__ */ jsxs102(
+  return /* @__PURE__ */ jsxs101(
     EuiPanel11,
     {
       hasShadow: false,
@@ -57714,21 +57702,21 @@ var WfoStatus = () => {
       paddingSize: "l",
       style: { width: "50%" },
       children: [
-        /* @__PURE__ */ jsxs102(EuiFlexGroup26, { children: [
-          /* @__PURE__ */ jsx170(EuiFlexItem35, { grow: false, style: { minWidth: 208 }, children: /* @__PURE__ */ jsx170(EuiText38, { size: "s", children: /* @__PURE__ */ jsx170("h4", { children: t("runningProcesses") }) }) }),
-          /* @__PURE__ */ jsx170(EuiFlexItem35, { grow: false, children: /* @__PURE__ */ jsx170(EuiText38, { size: "s", children: /* @__PURE__ */ jsx170("p", { children: runningProcesses || "-" }) }) })
+        /* @__PURE__ */ jsxs101(EuiFlexGroup26, { children: [
+          /* @__PURE__ */ jsx169(EuiFlexItem35, { grow: false, style: { minWidth: 208 }, children: /* @__PURE__ */ jsx169(EuiText38, { size: "s", children: /* @__PURE__ */ jsx169("h4", { children: t("runningProcesses") }) }) }),
+          /* @__PURE__ */ jsx169(EuiFlexItem35, { grow: false, children: /* @__PURE__ */ jsx169(EuiText38, { size: "s", children: /* @__PURE__ */ jsx169("p", { children: runningProcesses || "-" }) }) })
         ] }),
-        /* @__PURE__ */ jsx170(EuiSpacer24, { size: "m" }),
-        /* @__PURE__ */ jsxs102(EuiFlexGroup26, { children: [
-          /* @__PURE__ */ jsx170(EuiFlexItem35, { grow: false, style: { minWidth: 200 }, children: /* @__PURE__ */ jsx170(EuiText38, { size: "s", children: /* @__PURE__ */ jsx170("h4", { children: t("engineStatus") }) }) }),
-          /* @__PURE__ */ jsx170(EuiFlexItem35, { grow: false, children: /* @__PURE__ */ jsxs102(EuiFlexGroup26, { gutterSize: "xs", children: [
-            /* @__PURE__ */ jsx170(EuiFlexItem35, { children: /* @__PURE__ */ jsx170(
+        /* @__PURE__ */ jsx169(EuiSpacer24, { size: "m" }),
+        /* @__PURE__ */ jsxs101(EuiFlexGroup26, { children: [
+          /* @__PURE__ */ jsx169(EuiFlexItem35, { grow: false, style: { minWidth: 200 }, children: /* @__PURE__ */ jsx169(EuiText38, { size: "s", children: /* @__PURE__ */ jsx169("h4", { children: t("engineStatus") }) }) }),
+          /* @__PURE__ */ jsx169(EuiFlexItem35, { grow: false, children: /* @__PURE__ */ jsxs101(EuiFlexGroup26, { gutterSize: "xs", children: [
+            /* @__PURE__ */ jsx169(EuiFlexItem35, { children: /* @__PURE__ */ jsx169(
               WfoStatusDotIcon,
               {
                 color: isRunning ? theme.colors.success : theme.colors.warning
               }
             ) }),
-            /* @__PURE__ */ jsx170(EuiFlexItem35, { children: /* @__PURE__ */ jsx170(EuiText38, { size: "xs", style: { marginTop: 4 }, children: /* @__PURE__ */ jsx170("p", { children: engineStatus }) }) })
+            /* @__PURE__ */ jsx169(EuiFlexItem35, { children: /* @__PURE__ */ jsx169(EuiText38, { size: "xs", style: { marginTop: 4 }, children: /* @__PURE__ */ jsx169("p", { children: engineStatus }) }) })
           ] }) })
         ] })
       ]
@@ -57737,9 +57725,9 @@ var WfoStatus = () => {
 };
 
 // src/components/WfoErrorBoundary/WfoErrorBoundary.tsx
-import React53 from "react";
-import { jsx as jsx171, jsxs as jsxs103 } from "@emotion/react/jsx-runtime";
-var WfoErrorBoundary = class extends React53.Component {
+import React54 from "react";
+import { jsx as jsx170, jsxs as jsxs102 } from "@emotion/react/jsx-runtime";
+var WfoErrorBoundary = class extends React54.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -57755,10 +57743,10 @@ var WfoErrorBoundary = class extends React53.Component {
       if (this.props.fallback) {
         return this.props.fallback;
       }
-      return /* @__PURE__ */ jsxs103("p", { children: [
+      return /* @__PURE__ */ jsxs102("p", { children: [
         "An unexpected error occurred, try to go back to the",
         " ",
-        /* @__PURE__ */ jsx171("a", { href: "/", children: "home page" })
+        /* @__PURE__ */ jsx170("a", { href: "/", children: "home page" })
       ] });
     }
     return this.props.children;
@@ -57900,9 +57888,9 @@ var en_GB_default = {
       inputFieldsHaveValidationErrors: "{nrOfValidationErrors} input field(s) have validation errors"
     },
     widgets: {
-      organisation: {
-        placeholder: "Org placeholder",
-        loading: "Loading organisations..."
+      customer: {
+        placeholder: "Customer placeholder",
+        loading: "Loading customers..."
       },
       contactPersonName: {
         placeholder: "Name placeholder"
@@ -58256,9 +58244,9 @@ var nl_NL_default = {
       inputFieldsHaveValidationErrors: "{nrOfValidationErrors} input veldn(en) hebben validatie errors"
     },
     widgets: {
-      organisation: {
-        placeholder: "Org placeholder",
-        loading: "Organisaties laden..."
+      customer: {
+        placeholder: "Klant placeholder",
+        loading: "Klanten laden..."
       },
       contactPersonName: {
         placeholder: "Naam placeholder"
@@ -58588,6 +58576,7 @@ export {
   ConfirmationDialogProvider,
   ContactPersonNameField,
   CreateForm,
+  CustomerField,
   DEFAULT_PAGE_SIZE,
   DEFAULT_PAGE_SIZES,
   DateField,
@@ -58629,7 +58618,6 @@ export {
   OptGroupField,
   OrchestratorConfigContext,
   OrchestratorConfigProvider,
-  OrganisationField,
   PATH_METADATA,
   PATH_METADATA_PRODUCTS,
   PATH_METADATA_PRODUCT_BLOCKS,