@plusscommunities/pluss-feature-builder-web-b 1.0.2-beta.7 → 1.0.4-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plusscommunities/pluss-feature-builder-web-b",
-  "version": "1.0.2-beta.7",
+  "version": "1.0.4-beta.0",
   "description": "Contains the feature builder extension for the pluss communities ",
   "main": "dist/index.cjs.js",
   "scripts": {
@@ -39,16 +39,16 @@
     "@babel/runtime": "^7.14.0"
   },
   "peerDependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.4.0",
-    "@fortawesome/free-solid-svg-icons": "^6.4.0",
-    "@fortawesome/react-fontawesome": "^0.2.0",
-    "@plusscommunities/pluss-core-web": "^1.6.15-beta.1",
-    "lodash": "^4.17.4",
-    "moment": "^2.30.1",
-    "react": "^16.14.0",
-    "react-bootstrap": "^0.31.2",
-    "react-dom": "^16.14.0",
-    "react-fontawesome": "^1.6.1"
+    "@fortawesome/fontawesome-svg-core": "*",
+    "@fortawesome/free-solid-svg-icons": "*",
+    "@fortawesome/react-fontawesome": "*",
+    "@plusscommunities/pluss-core-web": "*",
+    "lodash": "*",
+    "moment": "*",
+    "react": "*",
+    "react-bootstrap": "*",
+    "react-dom": "*",
+    "react-fontawesome": "*"
   },
   "keywords": []
 }

package/src/actions/formActions.js

@@ -1,8 +1,8 @@
 import { featureDefinitionActions } from "../webapi/featuresActions";
 import { values } from "../values.config";
 import {
-  updateFeatureBuilderString,
-  updateFeatureBuilderIcon,
+	updateFeatureBuilderString,
+	updateFeatureBuilderIcon,
 } from "./featureBuilderStringsActions";
 
 /**
@@ -30,20 +30,20 @@ import {
  */
 
 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`,
 };
 
 /**
@@ -66,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 };
 };
 
 /**
@@ -85,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,
+		});
+	};
 };
 
 /**
@@ -108,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,
+		});
+	};
 };
 
 /**
@@ -132,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 } };
 };
 
 /**
@@ -160,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 };
 };
 
 /**
@@ -195,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?.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?.definition;
-      const mode = definitionState?.mode; // Use stored mode from fetch
-      const definitionId = 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?.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");
-      }
+			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));
+		}
+	};
 }