@plusscommunities/pluss-feature-builder-web-a 1.0.2-beta.5 → 1.0.2-beta.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plusscommunities/pluss-feature-builder-web-a",
-  "version": "1.0.2-beta.5",
+  "version": "1.0.2-beta.7",
   "description": "Contains the feature builder extension for the pluss communities ",
   "main": "dist/index.cjs.js",
   "scripts": {

package/src/actions/featureDefinitionsIndex.js

@@ -23,8 +23,7 @@ export const FEATURE_DELETE_REQUEST = `${REDUCER_PREFIX}_FEATURE_DELETE_REQUEST`
 export const FEATURE_DELETE_FAILURE = `${REDUCER_PREFIX}_FEATURE_DELETE_FAILURE`;
 
 // Wizard synchronization action types
-export const SYNC_WIZARD_MODE_FROM_DEFINITION =
-	`${REDUCER_PREFIX}_SYNC_WIZARD_MODE_FROM_DEFINITION`;
+export const SYNC_WIZARD_MODE_FROM_DEFINITION = `${REDUCER_PREFIX}_SYNC_WIZARD_MODE_FROM_DEFINITION`;
 export const SET_WIZARD_MODE = `${REDUCER_PREFIX}_SET_WIZARD_MODE`;
 
 function fetchFeaturesRequest() {
@@ -161,7 +160,7 @@ export function fetchFeatureDefinitions() {
 			}
 		} catch (err) {
 			// Check if it's a 404 (feature doesn't exist)
-			if (err.response && err.response.status === 404) {
+			if (err.response?.status === 404) {
 				// 404: Feature doesn't exist → create mode
 				dispatch(fetchFeaturesSuccess(null, "create"));
 

package/src/actions/formActions.js

@@ -1,19 +1,9 @@
-/**
- * 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
- */
-
 import { featureDefinitionActions } from "../webapi/featuresActions";
 import { values } from "../values.config";
 import {
-	updateFeatureBuilderString,
-	updateFeatureBuilderIcon,
+  updateFeatureBuilderString,
+  updateFeatureBuilderIcon,
 } from "./featureBuilderStringsActions";
-import { toTitleCase } from "../utils/textUtils";
 
 /**
  * @typedef {Object} FieldValues
@@ -40,20 +30,20 @@ import { toTitleCase } from "../utils/textUtils";
  */
 
 export const actionsTypes = {
-	SET_INITIAL_VALUES: `${values.reducerKey.toUpperCase()}_SET_INITIAL_VALUES`,
-	SET_TITLE: `${values.reducerKey.toUpperCase()}_SET_TITLE`,
-	SET_ICON: `${values.reducerKey.toUpperCase()}_SET_ICON`,
-	SET_DISPLAY_NAME: `${values.reducerKey.toUpperCase()}_SET_DISPLAY_NAME`,
-	ADD_FIELD: `${values.reducerKey.toUpperCase()}_ADD_FIELD`,
-	DELETE_FIELD: `${values.reducerKey.toUpperCase()}_DELETE_FIELD`,
-	UPDATE_FIELD: `${values.reducerKey.toUpperCase()}_UPDATE_FIELD`,
-	SET_LAYOUT_GRID_ICON: `${values.reducerKey.toUpperCase()}_SET_LAYOUT_GRID_ICON`,
-	SET_LAYOUT_TYPE: `${values.reducerKey.toUpperCase()}_SET_LAYOUT_TYPE`,
-	SUBMIT_FORM_REQUEST: `${values.reducerKey.toUpperCase()}_SUBMIT_FORM_REQUEST`,
-	SUBMIT_FORM_SUCCESS: `${values.reducerKey.toUpperCase()}_SUBMIT_FORM_SUCCESS`,
-	SUBMIT_FORM_FAILURE: `${values.reducerKey.toUpperCase()}_SUBMIT_FORM_FAILURE`,
-	CLEAR_FORM_SUBMISSION_STATE: `${values.reducerKey.toUpperCase()}_CLEAR_FORM_SUBMISSION_STATE`,
-	SET_SUMMARY_FIELD: `${values.reducerKey.toUpperCase()}_SET_SUMMARY_FIELD`,
+  SET_INITIAL_VALUES: `${values.reducerKey.toUpperCase()}_SET_INITIAL_VALUES`,
+  SET_TITLE: `${values.reducerKey.toUpperCase()}_SET_TITLE`,
+  SET_ICON: `${values.reducerKey.toUpperCase()}_SET_ICON`,
+  SET_DISPLAY_NAME: `${values.reducerKey.toUpperCase()}_SET_DISPLAY_NAME`,
+  ADD_FIELD: `${values.reducerKey.toUpperCase()}_ADD_FIELD`,
+  DELETE_FIELD: `${values.reducerKey.toUpperCase()}_DELETE_FIELD`,
+  UPDATE_FIELD: `${values.reducerKey.toUpperCase()}_UPDATE_FIELD`,
+  SET_LAYOUT_GRID_ICON: `${values.reducerKey.toUpperCase()}_SET_LAYOUT_GRID_ICON`,
+  SET_LAYOUT_TYPE: `${values.reducerKey.toUpperCase()}_SET_LAYOUT_TYPE`,
+  SUBMIT_FORM_REQUEST: `${values.reducerKey.toUpperCase()}_SUBMIT_FORM_REQUEST`,
+  SUBMIT_FORM_SUCCESS: `${values.reducerKey.toUpperCase()}_SUBMIT_FORM_SUCCESS`,
+  SUBMIT_FORM_FAILURE: `${values.reducerKey.toUpperCase()}_SUBMIT_FORM_FAILURE`,
+  CLEAR_FORM_SUBMISSION_STATE: `${values.reducerKey.toUpperCase()}_CLEAR_FORM_SUBMISSION_STATE`,
+  SET_SUMMARY_FIELD: `${values.reducerKey.toUpperCase()}_SET_SUMMARY_FIELD`,
 };
 
 /**
@@ -76,11 +66,11 @@ export const actionsTypes = {
  * }));
  */
 export const setInitialValues = (initialValues) => {
-	return { type: actionsTypes.SET_INITIAL_VALUES, payload: initialValues };
+  return { type: actionsTypes.SET_INITIAL_VALUES, payload: initialValues };
 };
 
 export const setTitle = (title) => {
-	return { type: actionsTypes.SET_TITLE, payload: title };
+  return { type: actionsTypes.SET_TITLE, payload: title };
 };
 
 /**
@@ -95,16 +85,16 @@ export const setTitle = (title) => {
  * dispatch(setDisplayName('Contact Information'));
  */
 export const setDisplayName = (displayName) => {
-	return (dispatch) => {
-		// Update menu string when display name changes (will be title cased in updateFeatureBuilderString)
-		dispatch(updateFeatureBuilderString(displayName));
+  return (dispatch) => {
+    // Update menu string when display name changes (will be title cased in updateFeatureBuilderString)
+    dispatch(updateFeatureBuilderString(displayName));
 
-		// Dispatch the actual action
-		dispatch({
-			type: actionsTypes.SET_DISPLAY_NAME,
-			payload: displayName,
-		});
-	};
+    // Dispatch the actual action
+    dispatch({
+      type: actionsTypes.SET_DISPLAY_NAME,
+      payload: displayName,
+    });
+  };
 };
 
 /**
@@ -118,16 +108,16 @@ export const setDisplayName = (displayName) => {
  * dispatch(setIcon('fa-user'));
  */
 export const setIcon = (icon) => {
-	return (dispatch) => {
-		// Update menu icon when icon changes
-		dispatch(updateFeatureBuilderIcon(icon));
+  return (dispatch) => {
+    // Update menu icon when icon changes
+    dispatch(updateFeatureBuilderIcon(icon));
 
-		// Dispatch the actual action
-		dispatch({
-			type: actionsTypes.SET_ICON,
-			payload: icon,
-		});
-	};
+    // Dispatch the actual action
+    dispatch({
+      type: actionsTypes.SET_ICON,
+      payload: icon,
+    });
+  };
 };
 
 /**
@@ -142,20 +132,20 @@ export const setIcon = (icon) => {
  * dispatch(addField('image'));
  */
 export const addField = (fieldType = "text") => {
-	// Generate a unique ID for the new field
-	const fieldId = `custom-field-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-	return {
-		type: actionsTypes.ADD_FIELD,
-		payload: { id: fieldId, type: fieldType },
-	};
+  // Generate a unique ID for the new field
+  const fieldId = `custom-field-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+  return {
+    type: actionsTypes.ADD_FIELD,
+    payload: { id: fieldId, type: fieldType },
+  };
 };
 
 export const deleteField = (id) => {
-	return { type: actionsTypes.DELETE_FIELD, payload: id };
+  return { type: actionsTypes.DELETE_FIELD, payload: id };
 };
 
 export const updateFieldById = (id, updatedField) => {
-	return { type: actionsTypes.UPDATE_FIELD, payload: { id, updatedField } };
+  return { type: actionsTypes.UPDATE_FIELD, payload: { id, updatedField } };
 };
 
 /**
@@ -170,31 +160,31 @@ export const updateFieldById = (id, updatedField) => {
  * dispatch(setSummaryField('field-description-123'));
  */
 export const setSummaryField = (fieldId) => {
-	return { type: actionsTypes.SET_SUMMARY_FIELD, payload: fieldId };
+  return { type: actionsTypes.SET_SUMMARY_FIELD, payload: fieldId };
 };
 
 export const setGridLayoutIcon = (imageUrl) => {
-	return { type: actionsTypes.SET_LAYOUT_GRID_ICON, payload: imageUrl };
+  return { type: actionsTypes.SET_LAYOUT_GRID_ICON, payload: imageUrl };
 };
 
 export const setLayoutType = (layoutType) => {
-	return { type: actionsTypes.SET_LAYOUT_TYPE, payload: layoutType };
+  return { type: actionsTypes.SET_LAYOUT_TYPE, payload: layoutType };
 };
 
 const submitFormRequest = () => {
-	return { type: actionsTypes.SUBMIT_FORM_REQUEST };
+  return { type: actionsTypes.SUBMIT_FORM_REQUEST };
 };
 
 const submitFormSuccess = () => {
-	return { type: actionsTypes.SUBMIT_FORM_SUCCESS };
+  return { type: actionsTypes.SUBMIT_FORM_SUCCESS };
 };
 
 const submitFormFailure = (error) => {
-	return { type: actionsTypes.SUBMIT_FORM_FAILURE, payload: error };
+  return { type: actionsTypes.SUBMIT_FORM_FAILURE, payload: error };
 };
 
 export const clearFormSubmissionState = () => {
-	return { type: actionsTypes.CLEAR_FORM_SUBMISSION_STATE };
+  return { type: actionsTypes.CLEAR_FORM_SUBMISSION_STATE };
 };
 
 /**
@@ -205,107 +195,107 @@ export const clearFormSubmissionState = () => {
  * @throws {Error} When form validation fails or API submission encounters error
  */
 export function submitForm() {
-	return async (dispatch, getState) => {
-		const state = getState()[values.reducerKey];
-		const form = state && state.form;
-		if (!form) {
-			dispatch(
-				submitFormFailure(
-					new Error(
-						"Form data is missing. Please refresh the page and try again.",
-					),
-				),
-			);
-			return;
-		}
+  return async (dispatch, getState) => {
+    const state = getState()[values.reducerKey];
+    const form = state?.form;
+    if (!form) {
+      dispatch(
+        submitFormFailure(
+          new Error(
+            "Form data is missing. Please refresh the page and try again.",
+          ),
+        ),
+      );
+      return;
+    }
 
-		dispatch(submitFormRequest());
-		try {
-			// Get site from auth store
-			const site = getState().auth.site;
-			if (!site) {
-				throw new Error(
-					"Authentication error: Site context not found. Please refresh and login again.",
-				);
-			}
+    dispatch(submitFormRequest());
+    try {
+      // Get site from auth store
+      const site = getState().auth.site;
+      if (!site) {
+        throw new Error(
+          "Authentication error: Site context not found. Please refresh and login again.",
+        );
+      }
 
-			// 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;
+      // Use mode from fetch instead of checking definition ID
+      const definitionState = state?.definition;
+      const mode = definitionState?.mode; // Use stored mode from fetch
+      const definitionId = definitionState?.id;
 
-			if (mode === "edit") {
-				// Always update when in edit mode
-				const updatedDefinition = {
-					id: definitionId,
-					site: site, // Include site from auth store
-					featureDefinition: {
-						// Wrap in expected structure for backend
-						title: form.title,
-						icon: form.icon,
-						displayName: form.displayName,
-						layout: form.layout,
-						fields: form.fields,
-					},
-				};
-				await featureDefinitionActions.edit(updatedDefinition, site);
-			} else {
-				// Always create when in create mode (or mode is undefined/null)
-				if (!values.featureId || !site) {
-					throw new Error(
-						"Authentication error: Missing required context (featureId or site).",
-					);
-				}
-				await featureDefinitionActions.create(
-					values.featureId,
-					site, // Use actual site from auth store
-					{
-						title: form.title,
-						icon: form.icon,
-						displayName: form.displayName,
-						layout: form.layout,
-						fields: form.fields,
-					},
-				);
-			}
+      if (mode === "edit") {
+        // Always update when in edit mode
+        const updatedDefinition = {
+          id: definitionId,
+          site: site, // Include site from auth store
+          featureDefinition: {
+            // Wrap in expected structure for backend
+            title: form.title,
+            icon: form.icon,
+            displayName: form.displayName,
+            layout: form.layout,
+            fields: form.fields,
+          },
+        };
+        await featureDefinitionActions.edit(updatedDefinition, site);
+      } else {
+        // Always create when in create mode (or mode is undefined/null)
+        if (!values.featureId || !site) {
+          throw new Error(
+            "Authentication error: Missing required context (featureId or site).",
+          );
+        }
+        await featureDefinitionActions.create(
+          values.featureId,
+          site, // Use actual site from auth store
+          {
+            title: form.title,
+            icon: form.icon,
+            displayName: form.displayName,
+            layout: form.layout,
+            fields: form.fields,
+          },
+        );
+      }
 
-			dispatch(submitFormSuccess());
-		} catch (err) {
-			// Handle different types of errors
-			let errorToDisplay = err;
+      dispatch(submitFormSuccess());
+    } catch (err) {
+      // Handle different types of errors
+      let errorToDisplay = err;
 
-			if (err.response) {
-				// API error (400, 401, 404, 500, etc.)
-				const { status, data } = err.response;
-				if (status === 400 && data && data.error) {
-					errorToDisplay = new Error(`Validation error: ${data.error}`);
-				} else if (status === 401) {
-					errorToDisplay = new Error(
-						"You are not authorized to perform this action",
-					);
-				} else if (status === 404) {
-					errorToDisplay = new Error("Feature definition not found");
-				} else if (status >= 500) {
-					errorToDisplay = new Error("Server error. Please try again later.");
-				} else {
-					errorToDisplay = new Error(
-						(data && data.error) || `Request failed with status ${status}`,
-					);
-				}
-			} else if (err.request) {
-				// Network error (no response received)
-				errorToDisplay = new Error(
-					"Network error. Please check your connection and try again.",
-				);
-			} else if (err.message) {
-				// Other JavaScript errors
-				errorToDisplay = err;
-			} else {
-				// Unknown error
-				errorToDisplay = new Error("An unexpected error occurred while saving");
-			}
+      if (err.response) {
+        // API error (400, 401, 404, 500, etc.)
+        const { status, data } = err.response;
+        if (status === 400 && data?.error) {
+          errorToDisplay = new Error(`Validation error: ${data.error}`);
+        } else if (status === 401) {
+          errorToDisplay = new Error(
+            "You are not authorized to perform this action",
+          );
+        } else if (status === 404) {
+          errorToDisplay = new Error("Feature definition not found");
+        } else if (status >= 500) {
+          errorToDisplay = new Error("Server error. Please try again later.");
+        } else {
+          errorToDisplay = new Error(
+            data?.error || `Request failed with status ${status}`,
+          );
+        }
+      } else if (err.request) {
+        // Network error (no response received)
+        errorToDisplay = new Error(
+          "Network error. Please check your connection and try again.",
+        );
+      } else if (err.message) {
+        // Other JavaScript errors
+        errorToDisplay = err;
+      } else {
+        // Unknown error
+        errorToDisplay = new Error("An unexpected error occurred while saving");
+      }
 
-			dispatch(submitFormFailure(errorToDisplay));
-		}
-	};
+      dispatch(submitFormFailure(errorToDisplay));
+    }
+  };
 }

package/src/actions/listingActions.js

@@ -212,7 +212,7 @@ export const undeleteListing = (id) => {
 			const response = await webApiActions.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?.id) {
 				dispatch(undeleteListingSuccess(restoredListing));
 			} else {
 				// Trigger a refetch by dispatching the success with just ID, then fetch updated listings