@plusscommunities/pluss-feature-builder-web-b 1.0.2-beta.4 → 1.0.2-beta.6

package/dist/index.cjs.js

@@ -116,7 +116,7 @@ const selectFormState = state => getFeatureBuilderState(state).form;
  */
 const selectFormTitle = state => {
   const formState = selectFormState(state);
-  return formState && formState.title;
+  return formState === null || formState === void 0 ? void 0 : formState.title;
 };
 
 /**
@@ -127,7 +127,7 @@ const selectFormTitle = state => {
  */
 const selectFormIcon = state => {
   const formState = selectFormState(state);
-  return formState && formState.icon;
+  return formState === null || formState === void 0 ? void 0 : formState.icon;
 };
 
 /**
@@ -138,7 +138,7 @@ const selectFormIcon = state => {
  */
 const selectFormDisplayName = state => {
   const formState = selectFormState(state);
-  return formState && formState.displayName;
+  return formState === null || formState === void 0 ? void 0 : formState.displayName;
 };
 
 /**
@@ -149,7 +149,7 @@ const selectFormDisplayName = state => {
  */
 const selectFormLayout = state => {
   const formState = selectFormState(state);
-  return formState && formState.layout;
+  return formState === null || formState === void 0 ? void 0 : formState.layout;
 };
 
 /**
@@ -160,24 +160,24 @@ const selectFormLayout = state => {
  */
 const selectFormFields = state => {
   const formState = selectFormState(state);
-  return formState && formState.fields || [];
+  return (formState === null || formState === void 0 ? void 0 : formState.fields) || [];
 };
 const selectFormField = fieldId => state => selectFormFields(state).find(field => field.id === fieldId);
 const selectFormIsInitial = state => {
   const formState = selectFormState(state);
-  return formState && formState._isInitial;
+  return formState === null || formState === void 0 ? void 0 : formState._isInitial;
 };
 const selectFormIsSubmitting = state => {
   const formState = selectFormState(state);
-  return formState && formState._isSubmitting;
+  return formState === null || formState === void 0 ? void 0 : formState._isSubmitting;
 };
 const selectFormSubmitError = state => {
   const formState = selectFormState(state);
-  return formState && formState._submitError;
+  return formState === null || formState === void 0 ? void 0 : formState._submitError;
 };
 const selectFormSubmitSuccess = state => {
   const formState = selectFormState(state);
-  return formState && formState._submitSuccess;
+  return formState === null || formState === void 0 ? void 0 : formState._submitSuccess;
 };
 
 // ============ DEFINITION SELECTORS ============
@@ -185,46 +185,59 @@ const selectFormSubmitSuccess = state => {
 const selectDefinitionState = state => getFeatureBuilderState(state).definition;
 const selectDefinition = state => {
   const definitionState = selectDefinitionState(state);
-  return definitionState && definitionState.definition;
+  return definitionState === null || definitionState === void 0 ? void 0 : definitionState.definition;
 };
 const selectDefinitionId = state => {
   const definitionState = selectDefinitionState(state);
-  return definitionState && definitionState.id;
+  return definitionState === null || definitionState === void 0 ? void 0 : definitionState.id;
 };
 const selectDefinitionIsLoading = state => {
   const definitionState = selectDefinitionState(state);
-  return definitionState && definitionState.isLoading;
+  return definitionState === null || definitionState === void 0 ? void 0 : definitionState.isLoading;
 };
 const selectDefinitionError = state => {
   const definitionState = selectDefinitionState(state);
-  return definitionState && definitionState.error;
+  return definitionState === null || definitionState === void 0 ? void 0 : definitionState.error;
+};
+const selectDefinitionMode = state => {
+  const definitionState = selectDefinitionState(state);
+  return definitionState === null || definitionState === void 0 ? void 0 : definitionState.mode;
 };
 
-// Check if we have a definition loaded
-const selectHasDefinition = state => !!selectDefinition(state);
+// Check if we have a definition loaded or if we've determined the mode
+// This is used by hiddenFromFeaturePicker to determine if feature should be shown
+// When mode is "create", definition is null but we've determined the feature doesn't exist
+// When mode is "edit", definition exists and we've determined the feature exists
+const selectHasDefinition = state => {
+  const definition = selectDefinition(state);
+  const mode = selectDefinitionMode(state);
+  // Consider feature "loaded" if definition exists OR mode is set
+  // Mode being set means we've successfully fetched and determined the state
+  return !!definition || !!mode;
+};
 
 // ============ LISTINGS SELECTORS ============
 
 const selectListingsState = state => getFeatureBuilderState(state).listings;
 const selectListings = state => {
   const listingsState = selectListingsState(state);
-  return listingsState && listingsState.listings || [];
+  return (listingsState === null || listingsState === void 0 ? void 0 : listingsState.listings) || [];
 };
 const selectListingsIsLoading = state => {
   const listingsState = selectListingsState(state);
-  return listingsState && listingsState.isLoading;
+  return listingsState === null || listingsState === void 0 ? void 0 : listingsState.isLoading;
 };
 const selectListingsError = state => {
   const listingsState = selectListingsState(state);
-  return listingsState && listingsState.error;
+  return listingsState === null || listingsState === void 0 ? void 0 : listingsState.error;
 };
 const selectListingsIsRestoring = state => {
   const listingsState = selectListingsState(state);
-  return listingsState && listingsState.isRestoring;
+  return listingsState === null || listingsState === void 0 ? void 0 : listingsState.isRestoring;
 };
 const selectListingsIsInitiallyLoaded = state => {
   const listingsState = selectListingsState(state);
-  return listingsState && listingsState.isInitiallyLoaded;
+  return listingsState === null || listingsState === void 0 ? void 0 : listingsState.isInitiallyLoaded;
 };
 
 // Get a specific listing by ID
@@ -257,7 +270,7 @@ const selectDeletedListings = state => {
 const selectWizardState = state => getFeatureBuilderState(state).wizard;
 const selectWizardMode = state => {
   const wizardState = selectWizardState(state);
-  return wizardState && wizardState.mode;
+  return wizardState === null || wizardState === void 0 ? void 0 : wizardState.mode;
 };
 
 // Mode detection selectors - wizard mode is the SINGLE SOURCE OF TRUTH for create/edit mode
@@ -266,35 +279,35 @@ const selectIsCreateMode = state => selectWizardMode(state) === "create";
 const selectIsEditMode = state => selectWizardMode(state) === "edit";
 const selectNavigationState = state => {
   const wizardState = selectWizardState(state);
-  return wizardState && wizardState.navigation;
+  return wizardState === null || wizardState === void 0 ? void 0 : wizardState.navigation;
 };
 const selectCurrentStep = state => {
   const navigationState = selectNavigationState(state);
-  return navigationState && navigationState.currentStep;
+  return navigationState === null || navigationState === void 0 ? void 0 : navigationState.currentStep;
 };
 const selectStepValidation = state => {
   const wizardState = selectWizardState(state);
-  return wizardState && wizardState.stepValidation;
+  return wizardState === null || wizardState === void 0 ? void 0 : wizardState.stepValidation;
 };
 const selectStepValidationState = step => state => {
   const stepValidation = selectStepValidation(state);
-  return stepValidation && stepValidation[step];
+  return stepValidation === null || stepValidation === void 0 ? void 0 : stepValidation[step];
 };
 const selectIsStepValid = step => state => {
   const stepValidationState = selectStepValidationState(step)(state);
-  return stepValidationState && stepValidationState.isValid;
+  return stepValidationState === null || stepValidationState === void 0 ? void 0 : stepValidationState.isValid;
 };
 const selectStepErrors = step => state => {
   const stepValidationState = selectStepValidationState(step)(state);
-  return stepValidationState ? stepValidationState.errors : {};
+  return (stepValidationState === null || stepValidationState === void 0 ? void 0 : stepValidationState.errors) || {};
 };
 const selectStepCompletion = state => {
   const wizardState = selectWizardState(state);
-  return wizardState && wizardState.stepCompletion;
+  return wizardState === null || wizardState === void 0 ? void 0 : wizardState.stepCompletion;
 };
 const selectIsStepComplete = step => state => {
   const stepCompletion = selectStepCompletion(state);
-  return stepCompletion && stepCompletion[step];
+  return stepCompletion === null || stepCompletion === void 0 ? void 0 : stepCompletion[step];
 };
 
 // Check if current step should be accessible in current mode
@@ -324,14 +337,16 @@ const selectIsStepAccessible = step => state => {
 
 // Get current sort method
 const selectSortBy = state => {
+  var _listingsState$sortBy;
   const listingsState = selectListingsState(state);
-  return listingsState && listingsState.sortBy ? listingsState.sortBy : "newest";
+  return (_listingsState$sortBy = listingsState === null || listingsState === void 0 ? void 0 : listingsState.sortBy) !== null && _listingsState$sortBy !== void 0 ? _listingsState$sortBy : "newest";
 };
 
 // Get show deleted toggle state
 const selectShowDeleted = state => {
+  var _listingsState$showDe;
   const listingsState = selectListingsState(state);
-  return listingsState && listingsState.showDeleted ? listingsState.showDeleted : false;
+  return (_listingsState$showDe = listingsState === null || listingsState === void 0 ? void 0 : listingsState.showDeleted) !== null && _listingsState$showDe !== void 0 ? _listingsState$showDe : false;
 };
 
 // Get sorted and filtered listings
@@ -2257,15 +2272,6 @@ const updateFeatureBuilderIcon = icon => (dispatch, getState) => {
   });
 };
 
-/**
- * Form Actions for Feature Builder
- * Manages form state including title, icon, fields, layout, and submission
- * Handles CRUD operations for form fields and layout configuration
- * Coordinates with external menu updates and feature definition actions
- *
- * @namespace formActions
- */
-
 /**
  * @typedef {Object} FieldValues
  * @property {string} [label] - Field label text
@@ -2291,20 +2297,20 @@ const updateFeatureBuilderIcon = icon => (dispatch, getState) => {
  */
 
 const actionsTypes = {
-  SET_INITIAL_VALUES: "SET_INITIAL_VALUES",
-  SET_TITLE: "SET_TITLE",
-  SET_ICON: "SET_ICON",
-  SET_DISPLAY_NAME: "SET_DISPLAY_NAME",
-  ADD_FIELD: "ADD_FIELD",
-  DELETE_FIELD: "DELETE_FIELD",
-  UPDATE_FIELD: "UPDATE_FIELD",
-  SET_LAYOUT_GRID_ICON: "SET_LAYOUT_GRID_ICON",
-  SET_LAYOUT_TYPE: "SET_LAYOUT_TYPE",
-  SUBMIT_FORM_REQUEST: "SUBMIT_FORM_REQUEST",
-  SUBMIT_FORM_SUCCESS: "SUBMIT_FORM_SUCCESS",
-  SUBMIT_FORM_FAILURE: "SUBMIT_FORM_FAILURE",
-  CLEAR_FORM_SUBMISSION_STATE: "CLEAR_FORM_SUBMISSION_STATE",
-  SET_SUMMARY_FIELD: "SET_SUMMARY_FIELD"
+  SET_INITIAL_VALUES: "".concat(values.reducerKey.toUpperCase(), "_SET_INITIAL_VALUES"),
+  SET_TITLE: "".concat(values.reducerKey.toUpperCase(), "_SET_TITLE"),
+  SET_ICON: "".concat(values.reducerKey.toUpperCase(), "_SET_ICON"),
+  SET_DISPLAY_NAME: "".concat(values.reducerKey.toUpperCase(), "_SET_DISPLAY_NAME"),
+  ADD_FIELD: "".concat(values.reducerKey.toUpperCase(), "_ADD_FIELD"),
+  DELETE_FIELD: "".concat(values.reducerKey.toUpperCase(), "_DELETE_FIELD"),
+  UPDATE_FIELD: "".concat(values.reducerKey.toUpperCase(), "_UPDATE_FIELD"),
+  SET_LAYOUT_GRID_ICON: "".concat(values.reducerKey.toUpperCase(), "_SET_LAYOUT_GRID_ICON"),
+  SET_LAYOUT_TYPE: "".concat(values.reducerKey.toUpperCase(), "_SET_LAYOUT_TYPE"),
+  SUBMIT_FORM_REQUEST: "".concat(values.reducerKey.toUpperCase(), "_SUBMIT_FORM_REQUEST"),
+  SUBMIT_FORM_SUCCESS: "".concat(values.reducerKey.toUpperCase(), "_SUBMIT_FORM_SUCCESS"),
+  SUBMIT_FORM_FAILURE: "".concat(values.reducerKey.toUpperCase(), "_SUBMIT_FORM_FAILURE"),
+  CLEAR_FORM_SUBMISSION_STATE: "".concat(values.reducerKey.toUpperCase(), "_CLEAR_FORM_SUBMISSION_STATE"),
+  SET_SUMMARY_FIELD: "".concat(values.reducerKey.toUpperCase(), "_SET_SUMMARY_FIELD")
 };
 
 /**
@@ -2480,7 +2486,7 @@ const clearFormSubmissionState = () => {
 function submitForm() {
   return async (dispatch, getState) => {
     const state = getState()[values.reducerKey];
-    const form = state && state.form;
+    const form = state === null || state === void 0 ? void 0 : state.form;
     if (!form) {
       dispatch(submitFormFailure(new Error("Form data is missing. Please refresh the page and try again.")));
       return;
@@ -2494,9 +2500,9 @@ function submitForm() {
       }
 
       // Use mode from fetch instead of checking definition ID
-      const definitionState = state && state.definition;
-      const mode = definitionState && definitionState.mode; // Use stored mode from fetch
-      const definitionId = definitionState && definitionState.id;
+      const definitionState = state === null || state === void 0 ? void 0 : state.definition;
+      const mode = definitionState === null || definitionState === void 0 ? void 0 : definitionState.mode; // Use stored mode from fetch
+      const definitionId = definitionState === null || definitionState === void 0 ? void 0 : definitionState.id;
       if (mode === "edit") {
         // Always update when in edit mode
         const updatedDefinition = {
@@ -2538,7 +2544,7 @@ function submitForm() {
           status,
           data
         } = err.response;
-        if (status === 400 && data && data.error) {
+        if (status === 400 && data !== null && data !== void 0 && data.error) {
           errorToDisplay = new Error("Validation error: ".concat(data.error));
         } else if (status === 401) {
           errorToDisplay = new Error("You are not authorized to perform this action");
@@ -2547,7 +2553,7 @@ function submitForm() {
         } else if (status >= 500) {
           errorToDisplay = new Error("Server error. Please try again later.");
         } else {
-          errorToDisplay = new Error(data && data.error || "Request failed with status ".concat(status));
+          errorToDisplay = new Error((data === null || data === void 0 ? void 0 : data.error) || "Request failed with status ".concat(status));
         }
       } else if (err.request) {
         // Network error (no response received)
@@ -2566,9 +2572,12 @@ function submitForm() {
 
 function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-const SET_NAVIGATION_STATE$1 = "SET_NAVIGATION_STATE";
-const UPDATE_STEP_VALIDATION$1 = "UPDATE_STEP_VALIDATION";
-const MARK_STEP_COMPLETE$1 = "MARK_STEP_COMPLETE";
+
+// Wizard action types
+const REDUCER_PREFIX$2 = values.reducerKey.toUpperCase();
+const SET_NAVIGATION_STATE$1 = "".concat(REDUCER_PREFIX$2, "_SET_NAVIGATION_STATE");
+const UPDATE_STEP_VALIDATION$1 = "".concat(REDUCER_PREFIX$2, "_UPDATE_STEP_VALIDATION");
+const MARK_STEP_COMPLETE$1 = "".concat(REDUCER_PREFIX$2, "_MARK_STEP_COMPLETE");
 const setCurrentStep = function (step) {
   let previousStep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   return {
@@ -2582,8 +2591,9 @@ const setCurrentStep = function (step) {
   };
 };
 const goToStep = step => (dispatch, getState) => {
+  var _state$wizard;
   const state = getState()[values.reducerKey];
-  const currentStep = state && state.wizard && state.wizard.navigation && state.wizard.navigation.currentStep;
+  const currentStep = state === null || state === void 0 || (_state$wizard = state.wizard) === null || _state$wizard === void 0 || (_state$wizard = _state$wizard.navigation) === null || _state$wizard === void 0 ? void 0 : _state$wizard.currentStep;
 
   // Clear form submission state when changing steps
   dispatch(clearFormSubmissionState());
@@ -2672,9 +2682,10 @@ const getFormValidation = (form, step) => {
   switch (step) {
     case "overview":
       {
-        const hasTitle = form.title && form.title.trim().length > 0;
-        const hasDisplayName = form.displayName && form.displayName.trim().length > 0;
-        const hasIcon = form.icon && form.icon.length > 0;
+        var _form$title, _form$displayName, _form$icon;
+        const hasTitle = ((_form$title = form.title) === null || _form$title === void 0 ? void 0 : _form$title.trim().length) > 0;
+        const hasDisplayName = ((_form$displayName = form.displayName) === null || _form$displayName === void 0 ? void 0 : _form$displayName.trim().length) > 0;
+        const hasIcon = ((_form$icon = form.icon) === null || _form$icon === void 0 ? void 0 : _form$icon.length) > 0;
         return {
           isValid: hasTitle && hasDisplayName && hasIcon,
           errors: {
@@ -2686,8 +2697,9 @@ const getFormValidation = (form, step) => {
       }
     case "fields":
       {
-        const hasTitleField = form.fields && form.fields.some(field => field.id === "mandatory-title");
-        const hasImageField = form.fields && form.fields.some(field => field.id === "mandatory-feature-image");
+        var _form$fields, _form$fields2;
+        const hasTitleField = (_form$fields = form.fields) === null || _form$fields === void 0 ? void 0 : _form$fields.some(field => field.id === "mandatory-title");
+        const hasImageField = (_form$fields2 = form.fields) === null || _form$fields2 === void 0 ? void 0 : _form$fields2.some(field => field.id === "mandatory-feature-image");
 
         // Check each field for missing labels and create field-specific errors
         const fieldErrors = {};
@@ -2712,7 +2724,8 @@ const getFormValidation = (form, step) => {
       }
     case "layout":
       {
-        const hasLayoutType = form.layout && form.layout.type && form.layout.type.length > 0;
+        var _form$layout;
+        const hasLayoutType = ((_form$layout = form.layout) === null || _form$layout === void 0 || (_form$layout = _form$layout.type) === null || _form$layout === void 0 ? void 0 : _form$layout.length) > 0;
         return {
           isValid: hasLayoutType,
           errors: {
@@ -2734,8 +2747,8 @@ const setCurrentStepAndSave = function (step) {
   };
 };
 
-var css$d = ".SidebarLayout_module_fullWidthContent__ba777567 {\n\tmax-width: 100%;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\tpadding: 2rem 2rem 3rem 2rem; /* Add extra bottom padding */\n}\n\n/* Full-width container that allows scrollbar at edge */\n.SidebarLayout_module_fullWidthContainer__ba777567 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 1;\n\tmin-height: 0; /* Allow content to determine height */\n\twidth: 100%; /* Take full width to ensure scrollbar is at edge */\n}\n\n/* Content container to keep content centered */\n.SidebarLayout_module_contentContainer__ba777567 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 1;\n\tmin-height: 0;\n\tmax-width: 960px;\n\tmargin: 0 auto;\n\tpadding: 64px 32px;\n\twidth: 100%;\n\tbox-sizing: border-box;\n}\n\n/* Legacy container class for backward compatibility */\n.SidebarLayout_module_container__ba777567{\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 1;\n\tmin-height: 0; /* Allow content to determine height */\n  max-width: 960px;\n  margin: 0 auto;\n  padding: 64px 32px;\n}\n\n/* Responsive adjustments for content container */\n@media (max-width: 768px) {\n\t.SidebarLayout_module_contentContainer__ba777567 {\n\t\tpadding: 1.5rem 1.5rem 2.5rem 1.5rem; /* Slightly reduced but still adequate */\n\t}\n\t.SidebarLayout_module_container__ba777567 {\n\t\tpadding: 1.5rem 1.5rem 2.5rem 1.5rem; /* Legacy container support */\n\t}\n}\n\n@media (max-width: 480px) {\n\t.SidebarLayout_module_contentContainer__ba777567 {\n\t\tpadding: 1rem 1rem 2rem 1rem; /* Maintain padding on small screens */\n\t}\n\t.SidebarLayout_module_container__ba777567 {\n\t\tpadding: 1rem 1rem 2rem 1rem; /* Legacy container support */\n\t}\n}\n\n/* Enhanced sidebar navigation for progress indication */\n.hub-sideBar {\n\t/* Make sidebar more prominent during creation mode */\n}\n\n.sideNav-item.isCurrent {\n\tbackground: var(--colour-purple, #6e79c5) !important;\n\tcolor: var(--colour-white, #ffffff) !important;\n\tfont-weight: 600 !important;\n\tborder-left: 4px solid var(--colour-branding-dark, #364196) !important;\n}\n\n.sideNav-item.isCurrent i {\n\tcolor: var(--colour-white, #ffffff) !important;\n}\n\n.sideNav-item.isCompleted {\n\tcolor: var(--colour-branding-dark, #364196) !important;\n\tposition: relative;\n}\n\n.sideNav-item.isCompleted::after {\n\tcontent: \"✓\";\n\tposition: absolute;\n\tright: 1rem;\n\ttop: 50%;\n\ttransform: translateY(-50%);\n\tcolor: var(--colour-branding-dark, #364196);\n\tfont-weight: bold;\n}\n\n.sideNav-item.isDisabled {\n\topacity: 0.4;\n\tcursor: not-allowed;\n}\n\n/* Enhanced progress section */\n.hub-sideBar-section {\n\tborder-bottom: 2px solid var(--colour-branding-main-fade, rgba(74, 87, 183, 0.15));\n\tpadding-bottom: 1rem;\n\tmargin-bottom: 1rem;\n}\n\n.hub-sideBar-section:last-child {\n\tborder-bottom: none;\n}\n";
-var modules_d5b6badf = {"fullWidthContent":"SidebarLayout_module_fullWidthContent__ba777567","fullWidthContainer":"SidebarLayout_module_fullWidthContainer__ba777567","contentContainer":"SidebarLayout_module_contentContainer__ba777567","container":"SidebarLayout_module_container__ba777567"};
+var css$d = ".SidebarLayout_module_fullWidthContent__0d6658dd {\n\tmax-width: 100%;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\tpadding: 2rem 2rem 3rem 2rem; /* Add extra bottom padding */\n}\n\n/* Full-width container that allows scrollbar at edge */\n.SidebarLayout_module_fullWidthContainer__0d6658dd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 1;\n\tmin-height: 0; /* Allow content to determine height */\n\twidth: 100%; /* Take full width to ensure scrollbar is at edge */\n}\n\n/* Content container to keep content centered */\n.SidebarLayout_module_contentContainer__0d6658dd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 1;\n\tmin-height: 0;\n\tmax-width: 960px;\n\tmargin: 0 auto;\n\tpadding: 64px 32px;\n\twidth: 100%;\n\tbox-sizing: border-box;\n}\n\n/* Legacy container class for backward compatibility */\n.SidebarLayout_module_container__0d6658dd{\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 1;\n\tmin-height: 0; /* Allow content to determine height */\n  max-width: 960px;\n  margin: 0 auto;\n  padding: 64px 32px;\n}\n\n/* Responsive adjustments for content container */\n@media (max-width: 768px) {\n\t.SidebarLayout_module_contentContainer__0d6658dd {\n\t\tpadding: 1.5rem 1.5rem 2.5rem 1.5rem; /* Slightly reduced but still adequate */\n\t}\n\t.SidebarLayout_module_container__0d6658dd {\n\t\tpadding: 1.5rem 1.5rem 2.5rem 1.5rem; /* Legacy container support */\n\t}\n}\n\n@media (max-width: 480px) {\n\t.SidebarLayout_module_contentContainer__0d6658dd {\n\t\tpadding: 1rem 1rem 2rem 1rem; /* Maintain padding on small screens */\n\t}\n\t.SidebarLayout_module_container__0d6658dd {\n\t\tpadding: 1rem 1rem 2rem 1rem; /* Legacy container support */\n\t}\n}\n\n/* Enhanced sidebar navigation for progress indication */\n\n/* Enhanced progress section */\n.hub-sideBar-section {\n\tborder-bottom: 2px solid var(--colour-branding-main-fade, rgba(74, 87, 183, 0.15));\n\tpadding-bottom: 1rem;\n\tmargin-bottom: 1rem;\n}\n\n.hub-sideBar-section:last-child {\n\tborder-bottom: none;\n}\n";
+var modules_d5b6badf = {"fullWidthContent":"SidebarLayout_module_fullWidthContent__0d6658dd","fullWidthContainer":"SidebarLayout_module_fullWidthContainer__0d6658dd","contentContainer":"SidebarLayout_module_contentContainer__0d6658dd","container":"SidebarLayout_module_container__0d6658dd"};
 n(css$d,{});
 
 /**
@@ -2772,8 +2785,17 @@ const SideBarInner = props => {
 
   // Define step configuration with dynamic URL based on mode
   const getStepUrl = stepKey => {
-    // Always use /definition/ in the URL since that's how routes are registered
-    return "/feature-builder/definition/".concat(stepKey);
+    // Use routes from values.config to support different variants (-a, -b, -c, -d)
+    switch (stepKey) {
+      case "overview":
+        return values.routeFormOverviewStep;
+      case "fields":
+        return values.routeFormFieldsStep;
+      case "layout":
+        return values.routeFormLayoutStep;
+      default:
+        return "";
+    }
   };
   const steps = [{
     key: "overview",
@@ -2794,6 +2816,7 @@ const SideBarInner = props => {
 
   // Build sidebar items based on mode
   const buildSidebarItems = () => {
+    const isWizardMode = mode === "create" || mode === "edit";
     return steps.map((step, index) => {
       const isCompleted = selectIsStepComplete(step.key);
       const isAccessible = selectIsStepAccessible(step.key);
@@ -2805,15 +2828,15 @@ const SideBarInner = props => {
         text: stepText,
         icon: step.icon,
         selected: isSelected(step.url),
-        onclick: isAccessible ? () => {
+        onclick: isWizardMode ? null : isAccessible ? () => {
           goTo(step.url);
           dispatch(goToStep(step.key));
         } : null,
         isFontAwesome: true,
         // Enhanced completion indicator
         completed: isCompleted,
-        // Allow navigation to completed steps even in create mode
-        disabled: mode === "create" && !isAccessible
+        // Disable all navigation in wizard mode
+        disabled: isWizardMode || mode === "create" && !isAccessible
       };
       return itemProps;
     });
@@ -2837,6 +2860,7 @@ const SideBarInner = props => {
 
   // Add effect to manually attach click handlers since HubSidebar might not use onclick properly
   React.useEffect(() => {
+    const isWizardMode = mode === "create" || mode === "edit";
     const attachClickHandlers = () => {
       const stepsWithUrls = [{
         key: "overview",
@@ -2848,8 +2872,8 @@ const SideBarInner = props => {
         key: "layout",
         url: getStepUrl("layout")
       }];
-      stepsWithUrls.forEach(step => {
-        const navItem = Array.from(document.querySelectorAll(".sideNav-item")).find(item => item.textContent && item.textContent.includes(step.key === "overview" ? "Feature Overview" : step.key === "fields" ? "Configure Fields" : "Choose Layout"));
+      stepsWithUrls.forEach((step, index) => {
+        const navItem = Array.from(document.querySelectorAll(".hub-wrapperContainer .sideNav-item")).find(item => item.textContent && item.textContent.includes("".concat(index + 1, ".")));
         if (navItem) {
           // Remove any existing click listeners
           navItem.onclick = null;
@@ -2866,8 +2890,12 @@ const SideBarInner = props => {
             }
           });
 
-          // Add our click handler only if accessible
-          if (isAccessible) {
+          // Check if this is the current step (selected)
+          const isCurrentStep = isSelected(step.url);
+
+          // In wizard mode, don't attach any click handlers
+          // Only attach click handler if not in wizard mode AND accessible
+          if (!isWizardMode && isAccessible) {
             navItem.onclick = event => {
               event.preventDefault();
               event.stopPropagation();
@@ -2877,9 +2905,18 @@ const SideBarInner = props => {
           }
 
           // Make sure it's styled appropriately
-          navItem.style.cursor = isAccessible ? "pointer" : "not-allowed";
-          navItem.style.pointerEvents = "auto";
-          navItem.style.opacity = isAccessible ? "1" : "0.5";
+          // In wizard mode: block clicks, but keep current step visible
+          navItem.style.pointerEvents = isWizardMode ? "none" : "auto";
+          if (isWizardMode) {
+            // Current step: full opacity, not-allowed cursor
+            // Other steps: reduced opacity
+            navItem.style.opacity = isCurrentStep ? "1" : "0.4";
+            navItem.style.cursor = "not-allowed";
+          } else {
+            // Not in wizard mode: normal styling based on accessibility
+            navItem.style.cursor = isAccessible ? "pointer" : "not-allowed";
+            navItem.style.opacity = isAccessible ? "1" : "0.5";
+          }
         }
       });
     };
@@ -2923,8 +2960,8 @@ const SideBarInner = props => {
 };
 const SidebarLayout = reactRouter.withRouter(SideBarInner);
 
-var css$c = ".Form_module_content__dfb952c8 {\n\tflex: 1 1 auto;\n\tdisplay: flex;\n\tflex-flow: column nowrap;\n\tpadding: 2rem 0 3rem 0; /* Add proper top/bottom padding */\n\tmin-height: 100%; /* Ensure full height for proper spacing */\n}\n\n/* New page wrapper for centered container approach */\n.Form_module_pageWrapper__dfb952c8 {\n\tpadding: 2rem 0;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n}\n\n@media (min-width: 768px) {\n\t.Form_module_pageWrapper__dfb952c8 {\n\t\tpadding: 3rem 0;\n\t}\n}\n\n/* Form container styling when using CenteredContainer */\n.Form_module_formContainer__dfb952c8 {\n\tbackground-color: var(--bg-white);\n}\n\n/* Section styling */\n.Form_module_section__dfb952c8 {\n\tmargin-bottom: 2rem;\n\t\tpadding:  0 0 2em;\n}\n\n.Form_module_section_NoBorder__dfb952c8 {\n\t\tborder-bottom: none;\n}\n\n.Form_module_subtitle__dfb952c8 {\n\tcolor: var(--text-bluegrey, #6c7a90);\n}\n\n.Form_module_sectionHeader__dfb952c8 {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n}\n\n/* Add Field Button styling */\n.Form_module_addFieldButton__dfb952c8 {\n\tbackground: var(--colour-branding-action, #5c90df);\n\tcolor: white;\n\tborder: none;\n\tpadding: 0.75rem 1.5rem;\n\tborder-radius: 6px;\n\tfont-size: 1rem;\n\tcursor: pointer;\n\tmargin-bottom: 2rem;\n\ttransition: all 0.2s ease;\n}\n\n.Form_module_addFieldButton__dfb952c8:hover {\n\tbackground: var(--colour-branding-action-hover, #364196);\n\ttransform: translateY(-1px);\n\tbox-shadow: 0 2px 4px rgba(92, 144, 223, 0.3);\n}\n\n.Form_module_addFieldButton__dfb952c8:focus {\n\toutline: 2px solid var(--colour-branding-action, #5c90df);\n\toutline-offset: 2px;\n}\n\n.Form_module_addFieldButton__dfb952c8:active {\n\ttransform: translateY(0);\n}\n\n/* Refresh button styling */\n.Form_module_refreshButton__dfb952c8 {\n\tmargin-left: 10px;\n\tpadding: 2px 8px;\n\tfont-size: 12px;\n\tbackground: var(--colour-dusk, #536280);\n\tcolor: white;\n\tborder: none;\n\tborder-radius: 4px;\n\tcursor: pointer;\n\ttransition: background-color 0.2s ease;\n}\n\n.Form_module_refreshButton__dfb952c8:hover {\n\tbackground: var(--colour-dusk-hover, #485968);\n}\n\n/* Error message container */\n.Form_module_errorMessageContainer__dfb952c8 {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 0.5rem;\n}\n\n/* Add Field Container - matches field structure */\n.Form_module_addFieldContainer__dfb952c8 {\n\tdisplay: flex;\n\tmargin-top: 32px;\n}\n\n.Form_module_fieldNumberContainer__dfb952c8 {\n\tdisplay: flex;\n\twidth: 40px;\n}\n\n/* Add Field Section */\n.Form_module_addFieldSection__dfb952c8 {\n\tdisplay: flex;\n\tgap: 1rem;\n\talign-items: center;\n\tjustify-content: flex-start; /* Align to start to match field content */\n\tmargin-top: 0; /* Remove top margin since it's in the container */\n}\n\n/* Desktop: horizontal layout for field selector and button */\n@media (min-width: 769px) {\n\t.Form_module_addFieldSection__dfb952c8 {\n\t\tflex-direction: row;\n\t\talign-items: baseline;\n\t\tgap: 2rem;\n\t\talign-items: flex-start;\n\t\tjustify-content: flex-start; /* Align to start to match field content */\n\t}\n}\n\n/* Help Section for Popup */\n.Form_module_helpSection__dfb952c8 {\n\tbackground-color: var(--colour-branding-action-superlight);\n\tborder: 1px solid var(--colour-branding-inactive);\n\tborder-radius: 8px;\n\tpadding: 1.5rem;\n\tmargin-bottom: 1.5rem;\n}\n\n.Form_module_helpTitle__dfb952c8 {\n\tcolor: var(--text-dark);\n\tfont-weight: 600;\n\tmargin-bottom: 0.75rem;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 0.5rem;\n\tfont-size: 1.25rem;\n}\n\n.Form_module_helpText__dfb952c8 {\n\tcolor: var(--colour-branding-action);\n\tline-height: 1.6;\n\tfont-size: 1.25rem;\n}\n\n/* Field Type Cards for Popup */\n.Form_module_fieldTypeCards__dfb952c8 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 1rem; /* Spacing between vertical cards */\n\tpadding: 1rem 0;\n}\n\n/* Responsive layout: maintain vertical layout on all screen sizes */\n@media (min-width: 768px) {\n\t.Form_module_fieldTypeCards__dfb952c8 {\n\t\tgap: 1.5rem; /* Slightly larger gap on desktop */\n\t}\n}\n\n.Form_module_fieldTypeCard__dfb952c8 {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: flex-start;\n\tpadding: 1.75rem 1.25rem; /* More vertical padding */\n\tborder: 1px solid var(--border-line-grey);\n\tborder-radius: 8px;\n\tbackground-color: var(--bg-white);\n\tcursor: pointer;\n\ttransition: all 0.2s ease;\n\tbox-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n\tmin-height: 120px; /* Adjust height for horizontal layout */\n\tgap: 1rem; /* Space between icon and content */\n}\n\n.Form_module_fieldTypeCard__dfb952c8:hover {\n\tborder-color: var(--text-light);\n\tbackground-color: var(--bg-bluegrey);\n\tbox-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n}\n\n.Form_module_fieldTypeCard__dfb952c8:focus {\n\toutline: 2px solid var(--text-light);\n\toutline-offset: 2px;\n}\n\n.Form_module_fieldTypeCard__dfb952c8:active {\n\ttransform: scale(0.98);\n\ttransition: transform 0.1s ease;\n}\n\n.Form_module_fieldTypeCardIcon__dfb952c8 {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 48px;\n\theight: 48px;\n\tmargin-bottom: 0; /* Remove bottom margin for horizontal layout */\n\tfont-size: 20px;\n\tflex-shrink: 0;\n\tborder: 1px solid var(--border-line-grey); /* Subtle border */\n\tborder-radius: 8px;\n\tbackground-color: var(--bg-bluegrey);\n\tpadding: 8px;\n}\n\n\n.Form_module_fieldTypeCardContent__dfb952c8 {\n\tflex: 1;\n\twidth: 100%;\n\tmin-width: 0; /* Prevent content from overflowing */\n}\n\n.Form_module_fieldTypeCardTitle__dfb952c8 {\n\tmargin: 0 0 0.25rem 0;\n\tfont-weight: 600;\n\tfont-size: 1.4rem; /* Increased for better readability */\n}\n\n.Form_module_fieldTypeCardDescription__dfb952c8 {\n\tmargin: 0 0 0.75rem 0;\n\tfont-size: 1.6rem; /* Increased for better readability */\n\tline-height: 1.5; /* Improved line height for better readability */\n}\n\n.Form_module_fieldTypeCardUseCase__dfb952c8 {\n\tmargin: 0;\n\tfont-size: 1.4rem;\n\tfont-style: italic;\n\tcolor: var(--text-light);\n\tpadding-top: 0.5rem;\n\tborder-top: 1px solid var(--border-line-grey);\n}\n\n/* Field selector and button container - horizontal layout */\n.Form_module_addFieldSection__dfb952c8> div:first-child {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 0.5rem;\n\tflex: 1;\n}\n\n/* Container for add field button alignment */\n.Form_module_addFieldButtonContainer__dfb952c8 {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n}\n\n/* Empty State */\n.Form_module_emptyState__dfb952c8 {\n\tpadding: 2rem;\n\ttext-align: center;\n\tbackground-color: var(--bg-bluegrey, #f4f7f9);\n\tborder-radius: 8px;\n\tborder: 1px dashed var(--border-line-grey, #dbddf1);\n\tmargin-bottom: 1rem;\n}\n\n.Form_module_emptyStateText__dfb952c8 {\n\tcolor: var(--text-bluegrey, #6c7a90);\n\tfont-style: italic;\n}\n\n.Form_module_fieldTypeSelector__dfb952c8 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tmax-width: 500px; /* Increased from 300px to accommodate longer text */\n\twidth: 100%;\n}\n\n@media (max-width: 768px) {\n\t.Form_module_addFieldSection__dfb952c8 {\n\t\talign-items: stretch;\n\t}\n\t\n\t.Form_module_fieldTypeSelector__dfb952c8 {\n\t\tmax-width: none;\n\t}\n}\n\n.Form_module_grid__four__dfb952c8 {\n  max-width: 1200px;\n\tdisplay: grid;\n\tgrid-template-columns: repeat(2, minmax(250px, 1fr));\n  margin: 2rem 0;\n\tgap: 2rem;\n\tjustify-items: center;\n}\n\n@media (max-width: 768px) {\n\t.Form_module_grid__four__dfb952c8 {\n\t\tgrid-template-columns: 1fr;\n\t\tgap: 2rem;\n\t}\n}\n\n/* Navigation styles */\n.Form_module_navigation__dfb952c8 {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tgap: 1rem;\n\tmargin-top: 3rem; /* Increase from 2rem */\n\tpadding-top: 2rem;\n\tpadding-bottom: 2rem; /* Add bottom padding */\n\tborder-top: 1px solid #e9ecef;\n}\n\n/* Single button alignment - align to right for overview step save button */\n.Form_module_navigation__dfb952c8> :only-child {\n\tmargin-left: auto;\n\tmargin-right: 0;\n}\n\n/* Two button alignment - one left, one right */\n.Form_module_navigation__dfb952c8> :first-child:not(:only-child) {\n\tmargin-right: auto;\n}\n\n.Form_module_navigation__dfb952c8> :last-child:not(:only-child) {\n\tmargin-left: auto;\n}\n\n/* Special case for overview step - align save button to right */\n.Form_module_overviewStep__dfb952c8 .Form_module_navigation__dfb952c8> :only-child {\n\tmargin-left: auto;\n\tmargin-right: 0;\n}\n\n.Form_module_previousButton__dfb952c8 {\n\tbackground: #6c757d;\n\tcolor: white;\n\tborder: none;\n\tpadding: 0.75rem 1.5rem;\n\tborder-radius: 6px;\n\tfont-size: 1rem;\n\tcursor: pointer;\n\ttransition: all 0.2s ease;\n}\n\n.Form_module_previousButton__dfb952c8:hover {\n\tbackground: #5a6268;\n}\n\n.Form_module_saveButton__dfb952c8 {\n\tbackground: var(--colour-purple, #6e79c5);\n\tcolor: white;\n\tborder: none;\n\tpadding: 0.75rem 2rem;\n\tborder-radius: 6px;\n\tfont-size: 1rem;\n\tfont-weight: 500;\n\tcursor: pointer;\n\ttransition: all 0.2s ease;\n}\n\n.Form_module_saveButton__dfb952c8:hover:not(:disabled) {\n\tbackground: var(--colour-purple-hover, #5a66b3);\n\ttransform: translateY(-1px);\n\tbox-shadow: 0 2px 4px rgba(110, 121, 197, 0.3);\n}\n\n.Form_module_saveButton__dfb952c8:focus {\n\toutline: 2px solid var(--colour-purple, #6e79c5);\n\toutline-offset: 2px;\n}\n\n.Form_module_saveButton__dfb952c8:disabled {\n\tbackground: #6c757d;\n\tcursor: not-allowed;\n\topacity: 0.65;\n\ttransform: none;\n\tbox-shadow: none;\n}\n\n.Form_module_nextButton__dfb952c8 {\n\tbackground: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n\tcolor: white;\n\tborder: none;\n\tpadding: 0.75rem 2rem;\n\tborder-radius: 6px;\n\tfont-size: 1rem;\n\tfont-weight: 500;\n\tcursor: pointer;\n\ttransition: all 0.2s ease;\n}\n\n.Form_module_nextButton__dfb952c8:hover:not(:disabled) {\n\ttransform: translateY(-2px);\n\tbox-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);\n}\n\n.Form_module_nextButton__dfb952c8:disabled {\n\tbackground: #6c757d;\n\tcursor: not-allowed;\n\topacity: 0.65;\n\ttransform: none;\n\tbox-shadow: none;\n}\n\n\n\n.Form_module_errorMessage__dfb952c8 {\n\tcolor: var(--colour-red);\n\tmargin: 0.25rem 0;\n\tpadding: 0.25rem 0;\n\tfont-size: 0.875rem;\n\tline-height: 1.4;\n}\n\n/* Layout option styles */\n.Form_module_layoutOption__dfb952c8 {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\ttext-align: center;\n\tcursor: pointer;\n\ttransition: all 0.2s ease;\n\tbackground-color: transparent;\n}\n\n.Form_module_layoutOptionImage__dfb952c8 {\n\twidth: 250px;\n\theight: 250px;\n\tborder-radius: 12px;\n\toverflow: hidden;\n\tmargin-bottom: 1rem;\n\tborder: 2px solid var(--border-line-grey, #dbddf1);\n\ttransition: all 0.2s ease;\n}\n\n.Form_module_layoutOption__dfb952c8.Form_module_selected__dfb952c8 .Form_module_layoutOptionImage__dfb952c8 {\n\tborder-color: var(--border-line-grey, #dbddf1);\n\tbox-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.Form_module_layoutOptionImg__dfb952c8 {\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: cover;\n}\n\n.Form_module_layoutOptionContent__dfb952c8 {\n\tmax-width: 250px;\n}\n\n.Form_module_layoutOptionTitle__dfb952c8 {\n\tfont-size: 1.6rem;\n\tfont-weight: 600;\n\tmargin: 0 0 0.5rem 0;\n\tline-height: 1.3;\n\tcolor: #333;\n}\n\n.Form_module_layoutOptionDescription__dfb952c8 {\n\tfont-size: 1.2rem;\n\tmargin: 0;\n\tline-height: 1.3;\n\tcolor: #6c757d;\n}\n\n.Form_module_layoutOption__dfb952c8.Form_module_hasError__dfb952c8 .Form_module_layoutOptionImage__dfb952c8 {\n\tborder-color: var(--colour-red, #dc3545);\n}\n\n/* Field error styles */\n.Form_module_fieldError__dfb952c8 {\n\tcolor: #dc3545;\n\tfont-size: 1.6rem;\n\tfont-weight: 500;\n\tmargin-top: 0.5rem;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 0.25rem;\n}\n\n.Form_module_errorIcon__dfb952c8 {\n\tfont-size: 1rem;\n}\n\n/* Field wrapper styles are now handled in Fields.module.css */\n\n/* Field type indicator styles are now handled in Fields.module.css */\n\n@keyframes Form_module_errorShake__dfb952c8 {\n\t0%, 100% { transform: translateX(0); }\n\t25% { transform: translateX(-3px); }\n\t75% { transform: translateX(3px); }\n}\n\n@keyframes Form_module_errorPulse__dfb952c8 {\n\t0% { \n\t\tbox-shadow: 0 1px 3px rgba(192, 39, 67, 0.1), 0 1px 2px rgba(192, 39, 67, 0.08);\n\t}\n\t50% { \n\t\tbox-shadow: 0 2px 6px rgba(192, 39, 67, 0.2), 0 1px 3px rgba(192, 39, 67, 0.15);\n\t}\n\t100% { \n\t\tbox-shadow: 0 1px 3px rgba(192, 39, 67, 0.1), 0 1px 2px rgba(192, 39, 67, 0.08);\n\t}\n}\n\n.Form_module_successMessage__dfb952c8 {\n\tbackground: var(--colour-branding-secondary-light);\n\tborder: 1px solid var(--colour-branding-secondary);\n\tborder-radius: 8px;\n\tpadding: 1rem;\n\tmargin-top: 1rem;\n\tcolor: var(--colour-green);\n\tfont-weight: 500;\n}\n\n/* Mode-aware styling */\n.Form_module_createMode__dfb952c8 {\n\tcolor: var(--colour-purple, #6e79c5);\n}\n\n.Form_module_editMode__dfb952c8 {\n\tcolor: var(--colour-branding-dark, #364196);\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n\t.Form_module_content__dfb952c8 {\n\t\tpadding: 1.5rem 0 2.5rem 0; /* Maintain proper padding on mobile */\n\t}\n\t\n\t.Form_module_section__dfb952c8 {\n\t\tmargin-bottom: 1.5rem;\n\t}\n\t\n\t/* Mobile: vertical layout for field selector and button */\n\t.Form_module_addFieldSection__dfb952c8 {\n\t\tflex-direction: column;\n\t\talign-items: stretch; /* Stretch to fill available space */\n\t}\n\t\n\t/* Button should not be full width on mobile */\n\t.Form_module_addFieldSection__dfb952c8 Button {\n\t\twidth: auto; /* Let button use its natural width */\n\t\tpadding: 1rem 1.5rem; /* Keep proper padding but not full width */\n\t}\n\t\n\t.Form_module_addFieldButtonContainer__dfb952c8 {\n\t\talign-items: stretch;\n\t\tjustify-content: stretch;\n\t\tmin-height: auto;\n\t}\n\t\n\t.Form_module_navigation__dfb952c8 {\n\t\tflex-direction: column;\n\t\tgap: 0.75rem;\n\t\tjustify-content: flex-start; /* Align to start on mobile */\n\t\tmargin-top: 2rem; /* Slightly reduce on mobile */\n\t\tpadding-top: 1.5rem;\n\t\tpadding-bottom: 1.5rem; /* Maintain bottom padding */\n\t}\n\t\n\t/* Mobile button alignment - single button aligns right, two buttons stack */\n\t.Form_module_navigation__dfb952c8> :only-child {\n\t\tmargin-left: auto;\n\t\tmargin-right: 0;\n\t}\n\t\n\t.Form_module_navigation__dfb952c8> :first-child:not(:only-child),\n\t.Form_module_navigation__dfb952c8> :last-child:not(:only-child) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\t\n\t.Form_module_previousButton__dfb952c8,\n\t.Form_module_nextButton__dfb952c8,\n\t.Form_module_saveButton__dfb952c8 {\n\t\twidth: 100%;\n\t\tpadding: 1rem;\n\t}\n}\n\n@media (max-width: 480px) {\n\t.Form_module_content__dfb952c8 {\n\t\tpadding: 1rem 0 2rem 0; /* Still maintain padding on small screens */\n\t}\n\t\n\t.Form_module_section__dfb952c8 {\n\t\tmargin-bottom: 1rem;\n\t}\n\t\n\t.Form_module_navigation__dfb952c8 {\n\t\tmargin-top: 1.5rem; /* Further reduce on very small screens */\n\t\tpadding-top: 1rem;\n\t\tpadding-bottom: 1.5rem;\n\t\tjustify-content: flex-start; /* Align to start on small screens */\n\t}\n\t\n\t/* Small screen button alignment */\n\t.Form_module_navigation__dfb952c8> :only-child {\n\t\tmargin-left: auto;\n\t\tmargin-right: 0;\n\t}\n\t\n\t.Form_module_navigation__dfb952c8> :first-child:not(:only-child),\n\t.Form_module_navigation__dfb952c8> :last-child:not(:only-child) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\t\n\t.Form_module_errorMessageContainer__dfb952c8 {\n\t\tflex-direction: column;\n\t\talign-items: flex-start;\n\t\tgap: 0.75rem;\n\t}\n\t\n\t.Form_module_refreshButton__dfb952c8 {\n\t\talign-self: flex-end;\n\t}\n}\n\n/* Full width content when sidebar is hidden */\n.hub-contentWrapper.fullWidthContent {\n\tmax-width: 1000px;\n\tmargin: 0 auto;\n\tpadding: 2rem;\n}\n\n.Form_module_hubContentWrapper_Col__dfb952c8 {\n  flex-flow: column;\n}\n\n/* Validation error message - displayed at top of form */\n.Form_module_validationErrorMessage__dfb952c8 {\n\tbackground-color: var(--colour-branding-secondary-light);\n\tborder: 1px solid var(--colour-branding-secondary);\n\tborder-radius: 6px;\n\tcolor: var(--colour-red);\n\tpadding: 12px 16px;\n\tfont-weight: 500;\n\tfont-size: 14px;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\t\tmargin: 24px 32px;\n}\n\n.Form_module_validationErrorMessage__dfb952c8::before {\n\tcontent: \"⚠\";\n\tfont-size: 16px;\n\tcolor: var(--colour-red);\n}\n\n/* Loading overlay for forms - deprecated, use SkeletonLoader instead */\n/*\n.loadingOverlay {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tright: 0;\n\tbottom: 0;\n\tbackground: rgba(255, 255, 255, 0.95);\n\tbackdrop-filter: blur(2px);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tz-index: 10;\n\tborder-radius: 8px;\n\tanimation: fadeIn 0.2s ease-in-out;\n}\n\n@keyframes fadeIn {\n\tfrom { opacity: 0; }\n\tto { opacity: 1; }\n}\n*/\n\n/* Form header with buttons */\n.Form_module_formHeader__dfb952c8 {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: flex-start;\n\tmargin-bottom: 16px;\n}\n\n/* Loading container for fields */\n.Form_module_fieldsLoadingContainer__dfb952c8 {\n\ttext-align: center;\n\tpadding: 60px 20px;\n}\n\n/* Help note styling */\n.Form_module_helpNote__dfb952c8 {\n\tfont-size: 13px;\n\tcolor: #6c757d;\n}\n\n/* Loading container for overview */\n.Form_module_overviewLoadingContainer__dfb952c8 {\n\ttext-align: center;\n\tpadding: 60px 20px;\n}\n\n/* Form layout header */\n.Form_module_formLayoutHeader__dfb952c8 {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: flex-start;\n\tmargin-bottom: 16px;\n}\n\n/* Section margins */\n.Form_module_gridIconSection__dfb952c8 {\n\tmargin-bottom: 3rem;\n}\n\n.Form_module_layoutSection__dfb952c8 {\n\tmargin-bottom: 2rem;\n}\n\n/* Grid icon loading state */\n.Form_module_gridIconLoading__dfb952c8 {\n\tgrid-column: 1 / -1;\n}\n\n/* Hide upload button in grid icon section */\n.Form_module_gridIconSection__dfb952c8 .iconLoader__buttonOverlay button:first-child {\n\tdisplay: none !important;\n}\n";
-var modules_cd65a764 = {"content":"Form_module_content__dfb952c8","pageWrapper":"Form_module_pageWrapper__dfb952c8","formContainer":"Form_module_formContainer__dfb952c8","section":"Form_module_section__dfb952c8","section--no-border":"Form_module_section_NoBorder__dfb952c8","subtitle":"Form_module_subtitle__dfb952c8","sectionHeader":"Form_module_sectionHeader__dfb952c8","addFieldButton":"Form_module_addFieldButton__dfb952c8","refreshButton":"Form_module_refreshButton__dfb952c8","errorMessageContainer":"Form_module_errorMessageContainer__dfb952c8","addFieldContainer":"Form_module_addFieldContainer__dfb952c8","fieldNumberContainer":"Form_module_fieldNumberContainer__dfb952c8","addFieldSection":"Form_module_addFieldSection__dfb952c8","helpSection":"Form_module_helpSection__dfb952c8","helpTitle":"Form_module_helpTitle__dfb952c8","helpText":"Form_module_helpText__dfb952c8","fieldTypeCards":"Form_module_fieldTypeCards__dfb952c8","fieldTypeCard":"Form_module_fieldTypeCard__dfb952c8","fieldTypeCardIcon":"Form_module_fieldTypeCardIcon__dfb952c8","fieldTypeCardContent":"Form_module_fieldTypeCardContent__dfb952c8","fieldTypeCardTitle":"Form_module_fieldTypeCardTitle__dfb952c8","fieldTypeCardDescription":"Form_module_fieldTypeCardDescription__dfb952c8","fieldTypeCardUseCase":"Form_module_fieldTypeCardUseCase__dfb952c8","addFieldButtonContainer":"Form_module_addFieldButtonContainer__dfb952c8","emptyState":"Form_module_emptyState__dfb952c8","emptyStateText":"Form_module_emptyStateText__dfb952c8","fieldTypeSelector":"Form_module_fieldTypeSelector__dfb952c8","grid__four":"Form_module_grid__four__dfb952c8","navigation":"Form_module_navigation__dfb952c8","overviewStep":"Form_module_overviewStep__dfb952c8","previousButton":"Form_module_previousButton__dfb952c8","saveButton":"Form_module_saveButton__dfb952c8","nextButton":"Form_module_nextButton__dfb952c8","errorMessage":"Form_module_errorMessage__dfb952c8","layoutOption":"Form_module_layoutOption__dfb952c8","layoutOptionImage":"Form_module_layoutOptionImage__dfb952c8","selected":"Form_module_selected__dfb952c8","layoutOptionImg":"Form_module_layoutOptionImg__dfb952c8","layoutOptionContent":"Form_module_layoutOptionContent__dfb952c8","layoutOptionTitle":"Form_module_layoutOptionTitle__dfb952c8","layoutOptionDescription":"Form_module_layoutOptionDescription__dfb952c8","hasError":"Form_module_hasError__dfb952c8","fieldError":"Form_module_fieldError__dfb952c8","errorIcon":"Form_module_errorIcon__dfb952c8","successMessage":"Form_module_successMessage__dfb952c8","createMode":"Form_module_createMode__dfb952c8","editMode":"Form_module_editMode__dfb952c8","hub-contentWrapper--col":"Form_module_hubContentWrapper_Col__dfb952c8","validationErrorMessage":"Form_module_validationErrorMessage__dfb952c8","formHeader":"Form_module_formHeader__dfb952c8","fieldsLoadingContainer":"Form_module_fieldsLoadingContainer__dfb952c8","helpNote":"Form_module_helpNote__dfb952c8","overviewLoadingContainer":"Form_module_overviewLoadingContainer__dfb952c8","formLayoutHeader":"Form_module_formLayoutHeader__dfb952c8","gridIconSection":"Form_module_gridIconSection__dfb952c8","layoutSection":"Form_module_layoutSection__dfb952c8","gridIconLoading":"Form_module_gridIconLoading__dfb952c8","errorShake":"Form_module_errorShake__dfb952c8","errorPulse":"Form_module_errorPulse__dfb952c8"};
+var css$c = ".Form_module_content__d62303b4 {\n\tflex: 1 1 auto;\n\tdisplay: flex;\n\tflex-flow: column nowrap;\n\tpadding: 2rem 0 3rem 0; /* Add proper top/bottom padding */\n\tmin-height: 100%; /* Ensure full height for proper spacing */\n}\n\n/* New page wrapper for centered container approach */\n.Form_module_pageWrapper__d62303b4 {\n\tpadding: 2rem 0;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n}\n\n@media (min-width: 768px) {\n\t.Form_module_pageWrapper__d62303b4 {\n\t\tpadding: 3rem 0;\n\t}\n}\n\n/* Form container styling when using CenteredContainer */\n.Form_module_formContainer__d62303b4 {\n\tbackground-color: var(--bg-white);\n}\n\n/* Section styling */\n.Form_module_section__d62303b4 {\n\tmargin-bottom: 2rem;\n\t\tpadding:  0 0 2em;\n}\n\n.Form_module_section_NoBorder__d62303b4 {\n\t\tborder-bottom: none;\n}\n\n.Form_module_subtitle__d62303b4 {\n\tcolor: var(--text-bluegrey, #6c7a90);\n}\n\n.Form_module_sectionHeader__d62303b4 {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n}\n\n/* Add Field Button styling */\n.Form_module_addFieldButton__d62303b4 {\n\tbackground: var(--colour-branding-action, #5c90df);\n\tcolor: white;\n\tborder: none;\n\tpadding: 0.75rem 1.5rem;\n\tborder-radius: 6px;\n\tfont-size: 1rem;\n\tcursor: pointer;\n\tmargin-bottom: 2rem;\n\ttransition: all 0.2s ease;\n}\n\n.Form_module_addFieldButton__d62303b4:hover {\n\tbackground: var(--colour-branding-action-hover, #364196);\n\ttransform: translateY(-1px);\n\tbox-shadow: 0 2px 4px rgba(92, 144, 223, 0.3);\n}\n\n.Form_module_addFieldButton__d62303b4:focus {\n\toutline: 2px solid var(--colour-branding-action, #5c90df);\n\toutline-offset: 2px;\n}\n\n.Form_module_addFieldButton__d62303b4:active {\n\ttransform: translateY(0);\n}\n\n/* Refresh button styling */\n.Form_module_refreshButton__d62303b4 {\n\tmargin-left: 10px;\n\tpadding: 2px 8px;\n\tfont-size: 12px;\n\tbackground: var(--colour-dusk, #536280);\n\tcolor: white;\n\tborder: none;\n\tborder-radius: 4px;\n\tcursor: pointer;\n\ttransition: background-color 0.2s ease;\n}\n\n.Form_module_refreshButton__d62303b4:hover {\n\tbackground: var(--colour-dusk-hover, #485968);\n}\n\n/* Error message container */\n.Form_module_errorMessageContainer__d62303b4 {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 0.5rem;\n}\n\n/* Add Field Container - matches field structure */\n.Form_module_addFieldContainer__d62303b4 {\n\tdisplay: flex;\n\tmargin-top: 32px;\n}\n\n.Form_module_fieldNumberContainer__d62303b4 {\n\tdisplay: flex;\n\twidth: 40px;\n}\n\n/* Add Field Section */\n.Form_module_addFieldSection__d62303b4 {\n\tdisplay: flex;\n\tgap: 1rem;\n\talign-items: center;\n\tjustify-content: flex-start; /* Align to start to match field content */\n\tmargin-top: 0; /* Remove top margin since it's in the container */\n}\n\n/* Desktop: horizontal layout for field selector and button */\n@media (min-width: 769px) {\n\t.Form_module_addFieldSection__d62303b4 {\n\t\tflex-direction: row;\n\t\talign-items: baseline;\n\t\tgap: 2rem;\n\t\talign-items: flex-start;\n\t\tjustify-content: flex-start; /* Align to start to match field content */\n\t}\n}\n\n/* Help Section for Popup */\n.Form_module_helpSection__d62303b4 {\n\tbackground-color: var(--colour-branding-action-superlight);\n\tborder: 1px solid var(--colour-branding-inactive);\n\tborder-radius: 8px;\n\tpadding: 1.5rem;\n\tmargin-bottom: 1.5rem;\n}\n\n.Form_module_helpTitle__d62303b4 {\n\tcolor: var(--text-dark);\n\tfont-weight: 600;\n\tmargin-bottom: 0.75rem;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 0.5rem;\n\tfont-size: 1.25rem;\n}\n\n.Form_module_helpText__d62303b4 {\n\tcolor: var(--colour-branding-action);\n\tline-height: 1.6;\n\tfont-size: 1.25rem;\n}\n\n/* Field Type Cards for Popup */\n.Form_module_fieldTypeCards__d62303b4 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 1rem; /* Spacing between vertical cards */\n\tpadding: 1rem 0;\n}\n\n/* Responsive layout: maintain vertical layout on all screen sizes */\n@media (min-width: 768px) {\n\t.Form_module_fieldTypeCards__d62303b4 {\n\t\tgap: 1.5rem; /* Slightly larger gap on desktop */\n\t}\n}\n\n.Form_module_fieldTypeCard__d62303b4 {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: flex-start;\n\tpadding: 1.75rem 1.25rem; /* More vertical padding */\n\tborder: 1px solid var(--border-line-grey);\n\tborder-radius: 8px;\n\tbackground-color: var(--bg-white);\n\tcursor: pointer;\n\ttransition: all 0.2s ease;\n\tbox-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n\tmin-height: 120px; /* Adjust height for horizontal layout */\n\tgap: 1rem; /* Space between icon and content */\n}\n\n.Form_module_fieldTypeCard__d62303b4:hover {\n\tborder-color: var(--text-light);\n\tbackground-color: var(--bg-bluegrey);\n\tbox-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n}\n\n.Form_module_fieldTypeCard__d62303b4:focus {\n\toutline: 2px solid var(--text-light);\n\toutline-offset: 2px;\n}\n\n.Form_module_fieldTypeCard__d62303b4:active {\n\ttransform: scale(0.98);\n\ttransition: transform 0.1s ease;\n}\n\n.Form_module_fieldTypeCardIcon__d62303b4 {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 48px;\n\theight: 48px;\n\tmargin-bottom: 0; /* Remove bottom margin for horizontal layout */\n\tfont-size: 20px;\n\tflex-shrink: 0;\n\tborder: 1px solid var(--border-line-grey); /* Subtle border */\n\tborder-radius: 8px;\n\tbackground-color: var(--bg-bluegrey);\n\tpadding: 8px;\n}\n\n\n.Form_module_fieldTypeCardContent__d62303b4 {\n\tflex: 1;\n\twidth: 100%;\n\tmin-width: 0; /* Prevent content from overflowing */\n}\n\n.Form_module_fieldTypeCardTitle__d62303b4 {\n\tmargin: 0 0 0.25rem 0;\n\tfont-weight: 600;\n\tfont-size: 1.4rem; /* Increased for better readability */\n}\n\n.Form_module_fieldTypeCardDescription__d62303b4 {\n\tmargin: 0 0 0.75rem 0;\n\tfont-size: 1.6rem; /* Increased for better readability */\n\tline-height: 1.5; /* Improved line height for better readability */\n}\n\n.Form_module_fieldTypeCardUseCase__d62303b4 {\n\tmargin: 0;\n\tfont-size: 1.4rem;\n\tfont-style: italic;\n\tcolor: var(--text-light);\n\tpadding-top: 0.5rem;\n\tborder-top: 1px solid var(--border-line-grey);\n}\n\n/* Field selector and button container - horizontal layout */\n.Form_module_addFieldSection__d62303b4> div:first-child {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 0.5rem;\n\tflex: 1;\n}\n\n/* Container for add field button alignment */\n.Form_module_addFieldButtonContainer__d62303b4 {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n}\n\n/* Empty State */\n.Form_module_emptyState__d62303b4 {\n\tpadding: 2rem;\n\ttext-align: center;\n\tbackground-color: var(--bg-bluegrey, #f4f7f9);\n\tborder-radius: 8px;\n\tborder: 1px dashed var(--border-line-grey, #dbddf1);\n\tmargin-bottom: 1rem;\n}\n\n.Form_module_emptyStateText__d62303b4 {\n\tcolor: var(--text-bluegrey, #6c7a90);\n\tfont-style: italic;\n}\n\n.Form_module_fieldTypeSelector__d62303b4 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tmax-width: 500px; /* Increased from 300px to accommodate longer text */\n\twidth: 100%;\n}\n\n@media (max-width: 768px) {\n\t.Form_module_addFieldSection__d62303b4 {\n\t\talign-items: stretch;\n\t}\n\t\n\t.Form_module_fieldTypeSelector__d62303b4 {\n\t\tmax-width: none;\n\t}\n}\n\n.Form_module_grid__four__d62303b4 {\n  max-width: 1200px;\n\tdisplay: grid;\n\tgrid-template-columns: repeat(2, minmax(250px, 1fr));\n  margin: 2rem 0;\n\tgap: 2rem;\n\tjustify-items: center;\n}\n\n@media (max-width: 768px) {\n\t.Form_module_grid__four__d62303b4 {\n\t\tgrid-template-columns: 1fr;\n\t\tgap: 2rem;\n\t}\n}\n\n/* Navigation styles */\n.Form_module_navigation__d62303b4 {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tgap: 1rem;\n\tmargin-top: 3rem; /* Increase from 2rem */\n\tpadding-top: 2rem;\n\tpadding-bottom: 2rem; /* Add bottom padding */\n\tborder-top: 1px solid #e9ecef;\n}\n\n/* Single button alignment - align to right for overview step save button */\n.Form_module_navigation__d62303b4> :only-child {\n\tmargin-left: auto;\n\tmargin-right: 0;\n}\n\n/* Two button alignment - one left, one right */\n.Form_module_navigation__d62303b4> :first-child:not(:only-child) {\n\tmargin-right: auto;\n}\n\n.Form_module_navigation__d62303b4> :last-child:not(:only-child) {\n\tmargin-left: auto;\n}\n\n/* Special case for overview step - align save button to right */\n.Form_module_overviewStep__d62303b4 .Form_module_navigation__d62303b4> :only-child {\n\tmargin-left: auto;\n\tmargin-right: 0;\n}\n\n.Form_module_previousButton__d62303b4 {\n\tbackground: #6c757d;\n\tcolor: white;\n\tborder: none;\n\tpadding: 0.75rem 1.5rem;\n\tborder-radius: 6px;\n\tfont-size: 1rem;\n\tcursor: pointer;\n\ttransition: all 0.2s ease;\n}\n\n.Form_module_previousButton__d62303b4:hover {\n\tbackground: #5a6268;\n}\n\n.Form_module_saveButton__d62303b4 {\n\tbackground: var(--colour-purple, #6e79c5);\n\tcolor: white;\n\tborder: none;\n\tpadding: 0.75rem 2rem;\n\tborder-radius: 6px;\n\tfont-size: 1rem;\n\tfont-weight: 500;\n\tcursor: pointer;\n\ttransition: all 0.2s ease;\n}\n\n.Form_module_saveButton__d62303b4:hover:not(:disabled) {\n\tbackground: var(--colour-purple-hover, #5a66b3);\n\ttransform: translateY(-1px);\n\tbox-shadow: 0 2px 4px rgba(110, 121, 197, 0.3);\n}\n\n.Form_module_saveButton__d62303b4:focus {\n\toutline: 2px solid var(--colour-purple, #6e79c5);\n\toutline-offset: 2px;\n}\n\n.Form_module_saveButton__d62303b4:disabled {\n\tbackground: #6c757d;\n\tcursor: not-allowed;\n\topacity: 0.65;\n\ttransform: none;\n\tbox-shadow: none;\n}\n\n.Form_module_nextButton__d62303b4 {\n\tbackground: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n\tcolor: white;\n\tborder: none;\n\tpadding: 0.75rem 2rem;\n\tborder-radius: 6px;\n\tfont-size: 1rem;\n\tfont-weight: 500;\n\tcursor: pointer;\n\ttransition: all 0.2s ease;\n}\n\n.Form_module_nextButton__d62303b4:hover:not(:disabled) {\n\ttransform: translateY(-2px);\n\tbox-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);\n}\n\n.Form_module_nextButton__d62303b4:disabled {\n\tbackground: #6c757d;\n\tcursor: not-allowed;\n\topacity: 0.65;\n\ttransform: none;\n\tbox-shadow: none;\n}\n\n\n\n.Form_module_errorMessage__d62303b4 {\n\tcolor: var(--colour-red);\n\tmargin: 0.25rem 0;\n\tpadding: 0.25rem 0;\n\tfont-size: 0.875rem;\n\tline-height: 1.4;\n}\n\n/* Layout option styles */\n.Form_module_layoutOption__d62303b4 {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\ttext-align: center;\n\tcursor: pointer;\n\ttransition: all 0.2s ease;\n\tbackground-color: transparent;\n\topacity: 0.6;\n}\n\n.Form_module_layoutOption__d62303b4:hover {\n\topacity: 1;\n}\n\n.Form_module_layoutOptionImage__d62303b4 {\n\twidth: 250px;\n\theight: 250px;\n\tborder-radius: 12px;\n\toverflow: hidden;\n\tmargin-bottom: 1rem;\n\tborder: 2px solid var(--border-line-grey, #dbddf1);\n\ttransition: all 0.2s ease;\n}\n\n.Form_module_layoutOption__d62303b4.Form_module_selected__d62303b4 .Form_module_layoutOptionImage__d62303b4 {\n\tborder-color: var(--colour-purple, #6e79c5);\n\tbox-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.Form_module_layoutOption__d62303b4.Form_module_selected__d62303b4 {\n\topacity: 1;\n}\n\n.Form_module_layoutOptionImg__d62303b4 {\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: cover;\n}\n\n.Form_module_layoutOptionContent__d62303b4 {\n\tmax-width: 250px;\n\tmargin-bottom: 0.5rem;\n}\n\n.Form_module_layoutOptionTitle__d62303b4 {\n\tfont-size: 1.6rem;\n\tfont-weight: 600;\n\tmargin: 0 0 0.5rem 0;\n\tline-height: 1.3;\n\tcolor: #333;\n}\n\n.Form_module_layoutOptionDescription__d62303b4 {\n\tfont-size: 1.2rem;\n\tmargin: 0;\n\tline-height: 1.3;\n\tcolor: #6c757d;\n}\n\n.Form_module_layoutOption__d62303b4.Form_module_hasError__d62303b4 .Form_module_layoutOptionImage__d62303b4 {\n\tborder-color: var(--colour-red, #dc3545);\n}\n\n/* Field error styles */\n.Form_module_fieldError__d62303b4 {\n\tcolor: #dc3545;\n\tfont-size: 1.6rem;\n\tfont-weight: 500;\n\tmargin-top: 0.5rem;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 0.25rem;\n}\n\n.Form_module_errorIcon__d62303b4 {\n\tfont-size: 1rem;\n}\n\n/* Field wrapper styles are now handled in Fields.module.css */\n\n/* Field type indicator styles are now handled in Fields.module.css */\n\n@keyframes Form_module_errorShake__d62303b4 {\n\t0%, 100% { transform: translateX(0); }\n\t25% { transform: translateX(-3px); }\n\t75% { transform: translateX(3px); }\n}\n\n@keyframes Form_module_errorPulse__d62303b4 {\n\t0% { \n\t\tbox-shadow: 0 1px 3px rgba(192, 39, 67, 0.1), 0 1px 2px rgba(192, 39, 67, 0.08);\n\t}\n\t50% { \n\t\tbox-shadow: 0 2px 6px rgba(192, 39, 67, 0.2), 0 1px 3px rgba(192, 39, 67, 0.15);\n\t}\n\t100% { \n\t\tbox-shadow: 0 1px 3px rgba(192, 39, 67, 0.1), 0 1px 2px rgba(192, 39, 67, 0.08);\n\t}\n}\n\n.Form_module_successMessage__d62303b4 {\n\tbackground: var(--colour-branding-secondary-light);\n\tborder: 1px solid var(--colour-branding-secondary);\n\tborder-radius: 8px;\n\tpadding: 1rem;\n\tmargin-top: 1rem;\n\tcolor: var(--colour-green);\n\tfont-weight: 500;\n}\n\n/* Mode-aware styling */\n.Form_module_createMode__d62303b4 {\n\tcolor: var(--colour-purple, #6e79c5);\n}\n\n.Form_module_editMode__d62303b4 {\n\tcolor: var(--colour-branding-dark, #364196);\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n\t.Form_module_content__d62303b4 {\n\t\tpadding: 1.5rem 0 2.5rem 0; /* Maintain proper padding on mobile */\n\t}\n\t\n\t.Form_module_section__d62303b4 {\n\t\tmargin-bottom: 1.5rem;\n\t}\n\t\n\t/* Mobile: vertical layout for field selector and button */\n\t.Form_module_addFieldSection__d62303b4 {\n\t\tflex-direction: column;\n\t\talign-items: stretch; /* Stretch to fill available space */\n\t}\n\t\n\t/* Button should not be full width on mobile */\n\t.Form_module_addFieldSection__d62303b4 Button {\n\t\twidth: auto; /* Let button use its natural width */\n\t\tpadding: 1rem 1.5rem; /* Keep proper padding but not full width */\n\t}\n\t\n\t.Form_module_addFieldButtonContainer__d62303b4 {\n\t\talign-items: stretch;\n\t\tjustify-content: stretch;\n\t\tmin-height: auto;\n\t}\n\t\n\t.Form_module_navigation__d62303b4 {\n\t\tflex-direction: column;\n\t\tgap: 0.75rem;\n\t\tjustify-content: flex-start; /* Align to start on mobile */\n\t\tmargin-top: 2rem; /* Slightly reduce on mobile */\n\t\tpadding-top: 1.5rem;\n\t\tpadding-bottom: 1.5rem; /* Maintain bottom padding */\n\t}\n\t\n\t/* Mobile button alignment - single button aligns right, two buttons stack */\n\t.Form_module_navigation__d62303b4> :only-child {\n\t\tmargin-left: auto;\n\t\tmargin-right: 0;\n\t}\n\t\n\t.Form_module_navigation__d62303b4> :first-child:not(:only-child),\n\t.Form_module_navigation__d62303b4> :last-child:not(:only-child) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\t\n\t.Form_module_previousButton__d62303b4,\n\t.Form_module_nextButton__d62303b4,\n\t.Form_module_saveButton__d62303b4 {\n\t\twidth: 100%;\n\t\tpadding: 1rem;\n\t}\n}\n\n@media (max-width: 480px) {\n\t.Form_module_content__d62303b4 {\n\t\tpadding: 1rem 0 2rem 0; /* Still maintain padding on small screens */\n\t}\n\t\n\t.Form_module_section__d62303b4 {\n\t\tmargin-bottom: 1rem;\n\t}\n\t\n\t.Form_module_navigation__d62303b4 {\n\t\tmargin-top: 1.5rem; /* Further reduce on very small screens */\n\t\tpadding-top: 1rem;\n\t\tpadding-bottom: 1.5rem;\n\t\tjustify-content: flex-start; /* Align to start on small screens */\n\t}\n\t\n\t/* Small screen button alignment */\n\t.Form_module_navigation__d62303b4> :only-child {\n\t\tmargin-left: auto;\n\t\tmargin-right: 0;\n\t}\n\t\n\t.Form_module_navigation__d62303b4> :first-child:not(:only-child),\n\t.Form_module_navigation__d62303b4> :last-child:not(:only-child) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\t\n\t.Form_module_errorMessageContainer__d62303b4 {\n\t\tflex-direction: column;\n\t\talign-items: flex-start;\n\t\tgap: 0.75rem;\n\t}\n\t\n\t.Form_module_refreshButton__d62303b4 {\n\t\talign-self: flex-end;\n\t}\n}\n\n/* Full width content when sidebar is hidden */\n.hub-contentWrapper.fullWidthContent {\n\tmax-width: 1000px;\n\tmargin: 0 auto;\n\tpadding: 2rem;\n}\n\n.Form_module_hubContentWrapper_Col__d62303b4 {\n  flex-flow: column;\n}\n\n/* Validation error message - displayed at top of form */\n.Form_module_validationErrorMessage__d62303b4 {\n\tbackground-color: var(--colour-branding-secondary-light);\n\tborder: 1px solid var(--colour-branding-secondary);\n\tborder-radius: 6px;\n\tcolor: var(--colour-red);\n\tpadding: 12px 16px;\n\tfont-weight: 500;\n\tfont-size: 14px;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\t\tmargin: 24px 32px;\n}\n\n.Form_module_validationErrorMessage__d62303b4::before {\n\tcontent: \"⚠\";\n\tfont-size: 16px;\n\tcolor: var(--colour-red);\n}\n\n/* Loading overlay for forms - deprecated, use SkeletonLoader instead */\n/*\n.loadingOverlay {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tright: 0;\n\tbottom: 0;\n\tbackground: rgba(255, 255, 255, 0.95);\n\tbackdrop-filter: blur(2px);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tz-index: 10;\n\tborder-radius: 8px;\n\tanimation: fadeIn 0.2s ease-in-out;\n}\n\n@keyframes fadeIn {\n\tfrom { opacity: 0; }\n\tto { opacity: 1; }\n}\n*/\n\n/* Form header with buttons */\n.Form_module_formHeader__d62303b4 {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: flex-start;\n\tmargin-bottom: 16px;\n}\n\n/* Loading container for fields */\n.Form_module_fieldsLoadingContainer__d62303b4 {\n\ttext-align: center;\n\tpadding: 60px 20px;\n}\n\n/* Help note styling */\n.Form_module_helpNote__d62303b4 {\n\tfont-size: 13px;\n\tcolor: #6c757d;\n}\n\n/* Loading container for overview */\n.Form_module_overviewLoadingContainer__d62303b4 {\n\ttext-align: center;\n\tpadding: 60px 20px;\n}\n\n/* Form layout header */\n.Form_module_formLayoutHeader__d62303b4 {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: flex-start;\n\tmargin-bottom: 16px;\n}\n\n/* Section margins */\n.Form_module_gridIconSection__d62303b4 {\n\tmargin-bottom: 3rem;\n}\n\n.Form_module_layoutSection__d62303b4 {\n\tmargin-bottom: 2rem;\n}\n\n/* Grid icon loading state */\n.Form_module_gridIconLoading__d62303b4 {\n\tgrid-column: 1 / -1;\n}\n\n/* Hide upload button in grid icon section */\n.Form_module_gridIconSection__d62303b4 .iconLoader__buttonOverlay button:first-child {\n\tdisplay: none !important;\n}\n";
+var modules_cd65a764 = {"content":"Form_module_content__d62303b4","pageWrapper":"Form_module_pageWrapper__d62303b4","formContainer":"Form_module_formContainer__d62303b4","section":"Form_module_section__d62303b4","section--no-border":"Form_module_section_NoBorder__d62303b4","subtitle":"Form_module_subtitle__d62303b4","sectionHeader":"Form_module_sectionHeader__d62303b4","addFieldButton":"Form_module_addFieldButton__d62303b4","refreshButton":"Form_module_refreshButton__d62303b4","errorMessageContainer":"Form_module_errorMessageContainer__d62303b4","addFieldContainer":"Form_module_addFieldContainer__d62303b4","fieldNumberContainer":"Form_module_fieldNumberContainer__d62303b4","addFieldSection":"Form_module_addFieldSection__d62303b4","helpSection":"Form_module_helpSection__d62303b4","helpTitle":"Form_module_helpTitle__d62303b4","helpText":"Form_module_helpText__d62303b4","fieldTypeCards":"Form_module_fieldTypeCards__d62303b4","fieldTypeCard":"Form_module_fieldTypeCard__d62303b4","fieldTypeCardIcon":"Form_module_fieldTypeCardIcon__d62303b4","fieldTypeCardContent":"Form_module_fieldTypeCardContent__d62303b4","fieldTypeCardTitle":"Form_module_fieldTypeCardTitle__d62303b4","fieldTypeCardDescription":"Form_module_fieldTypeCardDescription__d62303b4","fieldTypeCardUseCase":"Form_module_fieldTypeCardUseCase__d62303b4","addFieldButtonContainer":"Form_module_addFieldButtonContainer__d62303b4","emptyState":"Form_module_emptyState__d62303b4","emptyStateText":"Form_module_emptyStateText__d62303b4","fieldTypeSelector":"Form_module_fieldTypeSelector__d62303b4","grid__four":"Form_module_grid__four__d62303b4","navigation":"Form_module_navigation__d62303b4","overviewStep":"Form_module_overviewStep__d62303b4","previousButton":"Form_module_previousButton__d62303b4","saveButton":"Form_module_saveButton__d62303b4","nextButton":"Form_module_nextButton__d62303b4","errorMessage":"Form_module_errorMessage__d62303b4","layoutOption":"Form_module_layoutOption__d62303b4","layoutOptionImage":"Form_module_layoutOptionImage__d62303b4","selected":"Form_module_selected__d62303b4","layoutOptionImg":"Form_module_layoutOptionImg__d62303b4","layoutOptionContent":"Form_module_layoutOptionContent__d62303b4","layoutOptionTitle":"Form_module_layoutOptionTitle__d62303b4","layoutOptionDescription":"Form_module_layoutOptionDescription__d62303b4","hasError":"Form_module_hasError__d62303b4","fieldError":"Form_module_fieldError__d62303b4","errorIcon":"Form_module_errorIcon__d62303b4","successMessage":"Form_module_successMessage__d62303b4","createMode":"Form_module_createMode__d62303b4","editMode":"Form_module_editMode__d62303b4","hub-contentWrapper--col":"Form_module_hubContentWrapper_Col__d62303b4","validationErrorMessage":"Form_module_validationErrorMessage__d62303b4","formHeader":"Form_module_formHeader__d62303b4","fieldsLoadingContainer":"Form_module_fieldsLoadingContainer__d62303b4","helpNote":"Form_module_helpNote__d62303b4","overviewLoadingContainer":"Form_module_overviewLoadingContainer__d62303b4","formLayoutHeader":"Form_module_formLayoutHeader__d62303b4","gridIconSection":"Form_module_gridIconSection__d62303b4","layoutSection":"Form_module_layoutSection__d62303b4","gridIconLoading":"Form_module_gridIconLoading__d62303b4","errorShake":"Form_module_errorShake__d62303b4","errorPulse":"Form_module_errorPulse__d62303b4"};
 n(css$c,{});
 
 /*
@@ -3864,21 +3901,22 @@ const FileField = props => {
   });
 };
 
-const FETCH_FEATURES_REQUEST = "FETCH_FEATURES_REQUEST";
-const FETCH_FEATURES_SUCCESS = "FETCH_FEATURES_SUCCESS";
-const FETCH_FEATURES_FAILURE = "FETCH_FEATURES_FAILURE";
-const FEATURE_CREATE_REQUEST = "FEATURE_CREATE_REQUEST";
-const FEATURE_CREATE_SUCCESS = "FEATURE_CREATE_SUCCESS";
-const FEATURE_CREATE_FAILURE = "FEATURE_CREATE_FAILURE";
-const FEATURE_EDIT_REQUEST = "FEATURE_EDIT_REQUEST";
-const FEATURE_EDIT_SUCCESS = "FEATURE_EDIT_SUCCESS";
-const FEATURE_EDIT_FAILURE = "FEATURE_EDIT_FAILURE";
-const FEATURE_DELETE_REQUEST = "FEATURE_DELETE_REQUEST";
-const FEATURE_DELETE_FAILURE = "FEATURE_DELETE_FAILURE";
+const REDUCER_PREFIX$1 = values.reducerKey.toUpperCase();
+const FETCH_FEATURES_REQUEST = "".concat(REDUCER_PREFIX$1, "_FETCH_FEATURES_REQUEST");
+const FETCH_FEATURES_SUCCESS = "".concat(REDUCER_PREFIX$1, "_FETCH_FEATURES_SUCCESS");
+const FETCH_FEATURES_FAILURE = "".concat(REDUCER_PREFIX$1, "_FETCH_FEATURES_FAILURE");
+const FEATURE_CREATE_REQUEST = "".concat(REDUCER_PREFIX$1, "_FEATURE_CREATE_REQUEST");
+const FEATURE_CREATE_SUCCESS = "".concat(REDUCER_PREFIX$1, "_FEATURE_CREATE_SUCCESS");
+const FEATURE_CREATE_FAILURE = "".concat(REDUCER_PREFIX$1, "_FEATURE_CREATE_FAILURE");
+const FEATURE_EDIT_REQUEST = "".concat(REDUCER_PREFIX$1, "_FEATURE_EDIT_REQUEST");
+const FEATURE_EDIT_SUCCESS = "".concat(REDUCER_PREFIX$1, "_FEATURE_EDIT_SUCCESS");
+const FEATURE_EDIT_FAILURE = "".concat(REDUCER_PREFIX$1, "_FEATURE_EDIT_FAILURE");
+const FEATURE_DELETE_REQUEST = "".concat(REDUCER_PREFIX$1, "_FEATURE_DELETE_REQUEST");
+const FEATURE_DELETE_FAILURE = "".concat(REDUCER_PREFIX$1, "_FEATURE_DELETE_FAILURE");
 
 // Wizard synchronization action types
-const SYNC_WIZARD_MODE_FROM_DEFINITION = "SYNC_WIZARD_MODE_FROM_DEFINITION";
-const SET_WIZARD_MODE = "SET_WIZARD_MODE";
+const SYNC_WIZARD_MODE_FROM_DEFINITION = "".concat(REDUCER_PREFIX$1, "_SYNC_WIZARD_MODE_FROM_DEFINITION");
+const SET_WIZARD_MODE = "".concat(REDUCER_PREFIX$1, "_SET_WIZARD_MODE");
 function fetchFeaturesRequest() {
   return {
     type: FETCH_FEATURES_REQUEST
@@ -3941,8 +3979,9 @@ function fetchFeatureDefinitions() {
         dispatch(fetchFeaturesFailure(new Error("Unexpected response status: ".concat(response.status))));
       }
     } catch (err) {
+      var _err$response;
       // Check if it's a 404 (feature doesn't exist)
-      if (err.response && err.response.status === 404) {
+      if (((_err$response = err.response) === null || _err$response === void 0 ? void 0 : _err$response.status) === 404) {
         // 404: Feature doesn't exist → create mode
         dispatch(fetchFeaturesSuccess(null, "create"));
 
@@ -3990,9 +4029,12 @@ const useFeatureDefinitionLoader = function () {
   const definition = reactRedux.useSelector(selectDefinition);
   const isLoading = reactRedux.useSelector(selectDefinitionIsLoading);
   const error = reactRedux.useSelector(selectDefinitionError);
+  const mode = reactRedux.useSelector(selectDefinitionMode);
 
   // Determine if we need to load the definition
-  const shouldLoadDefinition = !definition || forceReload;
+  // Only load if: definition is missing AND mode is not yet set (meaning we haven't tried to fetch yet)
+  // OR forceReload is true
+  const shouldLoadDefinition = !definition && !mode || forceReload;
 
   // Function to manually reload definition
   const reloadDefinition = () => {
@@ -4595,8 +4637,7 @@ const FormLayoutStepInner = props => {
   // Use custom hook to handle definition loading
   const {
     definition,
-    definitionIsLoading,
-    reloadDefinition
+    definitionIsLoading
   } = useFeatureDefinitionLoader();
 
   // Get form initialization state
@@ -5058,28 +5099,29 @@ const listingActions = {
 // Legacy exports have been removed as Redux actions now use the new listingActions object
 
 // Action Types
-const FETCH_LISTING_REQUEST = "FETCH_LISTING_REQUEST";
-const FETCH_LISTING_SUCCESS = "FETCH_LISTING_SUCCESS";
-const FETCH_LISTING_FAILURE = "FETCH_LISTING_FAILURE";
-const FETCH_LISTING_SILENT_SUCCESS = "FETCH_LISTING_SILENT_SUCCESS";
-const FETCH_LISTING_SILENT_FAILURE = "FETCH_LISTING_SILENT_FAILURE";
-const REORDER_LISTING_SUCCESS = "REORDER_LISTING_SUCCESS";
-const DELETE_LISTING_REQUEST = "DELETE_LISTING_REQUEST";
-const DELETE_LISTING_SUCCESS = "DELETE_LISTING_SUCCESS";
-const DELETE_LISTING_FAILURE = "DELETE_LISTING_FAILURE";
-const UNDELETE_LISTING_REQUEST = "UNDELETE_LISTING_REQUEST";
-const UNDELETE_LISTING_SUCCESS = "UNDELETE_LISTING_SUCCESS";
-const UNDELETE_LISTING_FAILURE = "UNDELETE_LISTING_FAILURE";
-const CREATE_LISTING_REQUEST = "CREATE_LISTING_REQUEST";
-const CREATE_LISTING_SUCCESS = "CREATE_LISTING_SUCCESS";
-const CREATE_LISTING_FAILURE = "CREATE_LISTING_FAILURE";
-const EDIT_LISTING_REQUEST = "EDIT_LISTING_REQUEST";
-const EDIT_LISTING_SUCCESS = "EDIT_LISTING_SUCCESS";
-const EDIT_LISTING_FAILURE = "EDIT_LISTING_FAILURE";
-const TOGGLE_LISTING_SUCCESS = "TOGGLE_LISTING_SUCCESS";
-const TOGGLE_LISTING_FAILURE = "TOGGLE_LISTING_FAILURE";
-const SET_SORT_BY = "SET_SORT_BY";
-const SET_SHOW_DELETED = "SET_SHOW_DELETED";
+const REDUCER_PREFIX = values.reducerKey.toUpperCase();
+const FETCH_LISTING_REQUEST = "".concat(REDUCER_PREFIX, "_FETCH_LISTING_REQUEST");
+const FETCH_LISTING_SUCCESS = "".concat(REDUCER_PREFIX, "_FETCH_LISTING_SUCCESS");
+const FETCH_LISTING_FAILURE = "".concat(REDUCER_PREFIX, "_FETCH_LISTING_FAILURE");
+const FETCH_LISTING_SILENT_SUCCESS = "".concat(REDUCER_PREFIX, "_FETCH_LISTING_SILENT_SUCCESS");
+const FETCH_LISTING_SILENT_FAILURE = "".concat(REDUCER_PREFIX, "_FETCH_LISTING_SILENT_FAILURE");
+const REORDER_LISTING_SUCCESS = "".concat(REDUCER_PREFIX, "_REORDER_LISTING_SUCCESS");
+const DELETE_LISTING_REQUEST = "".concat(REDUCER_PREFIX, "_DELETE_LISTING_REQUEST");
+const DELETE_LISTING_SUCCESS = "".concat(REDUCER_PREFIX, "_DELETE_LISTING_SUCCESS");
+const DELETE_LISTING_FAILURE = "".concat(REDUCER_PREFIX, "_DELETE_LISTING_FAILURE");
+const UNDELETE_LISTING_REQUEST = "".concat(REDUCER_PREFIX, "_UNDELETE_LISTING_REQUEST");
+const UNDELETE_LISTING_SUCCESS = "".concat(REDUCER_PREFIX, "_UNDELETE_LISTING_SUCCESS");
+const UNDELETE_LISTING_FAILURE = "".concat(REDUCER_PREFIX, "_UNDELETE_LISTING_FAILURE");
+const CREATE_LISTING_REQUEST = "".concat(REDUCER_PREFIX, "_CREATE_LISTING_REQUEST");
+const CREATE_LISTING_SUCCESS = "".concat(REDUCER_PREFIX, "_CREATE_LISTING_SUCCESS");
+const CREATE_LISTING_FAILURE = "".concat(REDUCER_PREFIX, "_CREATE_LISTING_FAILURE");
+const EDIT_LISTING_REQUEST = "".concat(REDUCER_PREFIX, "_EDIT_LISTING_REQUEST");
+const EDIT_LISTING_SUCCESS = "".concat(REDUCER_PREFIX, "_EDIT_LISTING_SUCCESS");
+const EDIT_LISTING_FAILURE = "".concat(REDUCER_PREFIX, "_EDIT_LISTING_FAILURE");
+const TOGGLE_LISTING_SUCCESS = "".concat(REDUCER_PREFIX, "_TOGGLE_LISTING_SUCCESS");
+const TOGGLE_LISTING_FAILURE = "".concat(REDUCER_PREFIX, "_TOGGLE_LISTING_FAILURE");
+const SET_SORT_BY = "".concat(REDUCER_PREFIX, "_SET_SORT_BY");
+const SET_SHOW_DELETED = "".concat(REDUCER_PREFIX, "_SET_SHOW_DELETED");
 const fetchListingRequest = () => ({
   type: FETCH_LISTING_REQUEST
 });
@@ -5207,7 +5249,7 @@ const undeleteListing = id => {
       const response = await listingActions.undelete(id, site);
       // If API returns the restored listing, use it; otherwise we'll need to refetch
       const restoredListing = response.data;
-      if (restoredListing && restoredListing.id) {
+      if (restoredListing !== null && restoredListing !== void 0 && restoredListing.id) {
         dispatch(undeleteListingSuccess(restoredListing));
       } else {
         // Trigger a refetch by dispatching the success with just ID, then fetch updated listings
@@ -5523,20 +5565,21 @@ const formReducer = function () {
   switch (type) {
     case actionsTypes.SET_INITIAL_VALUES:
       {
+        var _payload$featureDefin, _definitionWrapper$de;
         // The actual definition data is in payload.featureDefinition.definition
-        const definitionWrapper = payload && payload.featureDefinition ? payload.featureDefinition : payload;
-        const definition = definitionWrapper && definitionWrapper.definition ? definitionWrapper.definition : definitionWrapper;
+        const definitionWrapper = (_payload$featureDefin = payload === null || payload === void 0 ? void 0 : payload.featureDefinition) !== null && _payload$featureDefin !== void 0 ? _payload$featureDefin : payload;
+        const definition = (_definitionWrapper$de = definitionWrapper === null || definitionWrapper === void 0 ? void 0 : definitionWrapper.definition) !== null && _definitionWrapper$de !== void 0 ? _definitionWrapper$de : definitionWrapper;
 
         // Validate and map definition data to form state structure
         const mappedValues = {
-          title: definition && definition.title || "",
-          icon: definition && definition.icon || "star",
-          displayName: definition && definition.displayName || "",
-          layout: definition && definition.layout || {
+          title: (definition === null || definition === void 0 ? void 0 : definition.title) || "",
+          icon: (definition === null || definition === void 0 ? void 0 : definition.icon) || "star",
+          displayName: (definition === null || definition === void 0 ? void 0 : definition.displayName) || "",
+          layout: (definition === null || definition === void 0 ? void 0 : definition.layout) || {
             gridIcon: undefined,
             type: "round"
           },
-          fields: definition && Array.isArray(definition.fields) ? definition.fields : state.fields
+          fields: Array.isArray(definition === null || definition === void 0 ? void 0 : definition.fields) ? definition.fields : state.fields
         };
         const newState = _objectSpread$3(_objectSpread$3(_objectSpread$3({}, state), mappedValues), {}, {
           _isInitial: false
@@ -5741,14 +5784,15 @@ const definitionReducer = function () {
         let definitionId = values.featureId; // Always use hardcoded ID
 
         if (mode === "edit" && data) {
+          var _data$featureDefiniti, _featureDefinitionWra, _featureDefinitionWra2, _definition;
           // Extract from API response for edit mode
           // Handle nested structure: data.featureDefinition.definition
-          const featureDefinitionWrapper = data && data.featureDefinition ? data.featureDefinition : data;
-          definition = featureDefinitionWrapper && featureDefinitionWrapper.definition ? featureDefinitionWrapper.definition : featureDefinitionWrapper;
-          definitionId = featureDefinitionWrapper && featureDefinitionWrapper.id || values.featureId;
+          const featureDefinitionWrapper = (_data$featureDefiniti = data === null || data === void 0 ? void 0 : data.featureDefinition) !== null && _data$featureDefiniti !== void 0 ? _data$featureDefiniti : data;
+          definition = (_featureDefinitionWra = featureDefinitionWrapper === null || featureDefinitionWrapper === void 0 ? void 0 : featureDefinitionWrapper.definition) !== null && _featureDefinitionWra !== void 0 ? _featureDefinitionWra : featureDefinitionWrapper;
+          definitionId = (_featureDefinitionWra2 = featureDefinitionWrapper === null || featureDefinitionWrapper === void 0 ? void 0 : featureDefinitionWrapper.id) !== null && _featureDefinitionWra2 !== void 0 ? _featureDefinitionWra2 : values.featureId;
 
           // Ensure fields array exists and preserves order property
-          if (definition && definition.fields) {
+          if ((_definition = definition) !== null && _definition !== void 0 && _definition.fields) {
             // Create a new array to ensure we preserve all field properties including order
             definition.fields = definition.fields.map(field => _objectSpread$3(_objectSpread$3({}, field), {}, {
               // Ensure order property exists, fallback to array index if missing
@@ -5787,7 +5831,7 @@ const definitionReducer = function () {
           // Optimistically update with new definition
           mode: "edit" // Switch to edit mode immediately
         }),
-        id: payload && payload.id,
+        id: payload === null || payload === void 0 ? void 0 : payload.id,
         error: null
       });
     case FEATURE_EDIT_REQUEST:
@@ -7718,12 +7762,12 @@ const Reducers = (() => {
 })();
 const Screens = (() => {
   const screens = {};
-  screens[values.screenFormOverviewStep] = FormOverviewStep;
-  screens[values.screenFormFieldsStep] = FormFieldsStep;
-  screens[values.screenFormLayoutStep] = FormLayoutStep;
-  screens[values.screenListingScreen] = ListingScreen$1;
-  screens[values.pageCreateListing] = CreateListingPage;
-  screens[values.pageEditListing] = EditListingPage;
+  screens["FormOverviewStep"] = FormOverviewStep;
+  screens["FormFieldsStep"] = FormFieldsStep;
+  screens["FormLayoutStep"] = FormLayoutStep;
+  screens["ListingScreen"] = ListingScreen$1;
+  screens["CreateListingPage"] = CreateListingPage;
+  screens["EditListingPage"] = EditListingPage;
   return screens;
 })();