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

package/package.json

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

package/rollup.config.js

@@ -56,6 +56,7 @@ MODE.map((m) => {
 				postcss: {
 					plugins: [autoprefixer()],
 				},
+				autoModules: /\.module\.css$/,
 			}),
 			json(),
 			image(),

package/src/components/SidebarLayout.jsx

@@ -1,32 +1,23 @@
-import React, { useEffect, useState } from "react";
+import React, { useEffect } from "react";
 import { useSelector } from "react-redux";
 import { withRouter } from "react-router";
-import { HubSidebar, DeleteConfirmationPopup } from "./index.js";
+import { HubSidebar } from "./index.js";
 import {
 	selectWizardMode,
 	selectCurrentStep,
 	selectIsStepComplete,
 	selectIsStepAccessible,
-	selectStepProgress,
 	selectIsEditMode,
 	selectIsCreateMode,
-	selectDefinition,
-	selectDefinitionId,
 } from "../selectors/featureBuilderSelectors";
 import { goToStep } from "../actions/wizardActions";
 import { useDispatch } from "react-redux";
-import { PlussCore } from "../feature.config";
 import { values } from "../values.config";
 import styles from "./SidebarLayout.module.css";
 
-const { Helper, Session } = PlussCore;
-const { getUrl } = Helper;
-const { authedFunction } = Session;
-
 /**
  * Sidebar Layout component for feature builder wizard
  * Provides navigation sidebar with step progression, completion tracking
- * Includes delete functionality for feature definitions
  * Manages step accessibility based on wizard mode and validation state
  *
  * @param {Object} props - Component props
@@ -48,14 +39,6 @@ const SideBarInner = (props) => {
 	const isEditMode = useSelector(selectIsEditMode);
 	const isCreateMode = useSelector(selectIsCreateMode);
 	const currentStep = useSelector(selectCurrentStep);
-	const stepProgress = useSelector(selectStepProgress);
-	const definition = useSelector(selectDefinition);
-	const definitionId = useSelector(selectDefinitionId);
-	const auth = useSelector((state) => state.auth);
-
-	// Delete functionality state
-	const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);
-	const [isDeleting, setIsDeleting] = useState(false);
 
 	const goTo = (url) => history.push(url);
 
@@ -139,34 +122,6 @@ const SideBarInner = (props) => {
 		},
 	];
 
-	// Delete functionality handlers
-	const handleDeleteClick = () => {
-		setShowDeleteConfirm(true);
-	};
-
-	const handleConfirmDelete = async () => {
-		if (!definition) return;
-
-		setIsDeleting(true);
-		try {
-			await authedFunction({
-				method: "POST",
-				url: getUrl("feature-builder", "definition/update/delete"),
-				data: { id: definitionId, site: auth.site },
-			});
-
-			// Redirect to welcome screen after deletion
-			history.push("/feature-builder/definition/overview");
-		} finally {
-			setIsDeleting(false);
-			setShowDeleteConfirm(false);
-		}
-	};
-
-	const handleCancelDelete = () => {
-		setShowDeleteConfirm(false);
-	};
-
 	// Add effect to manually attach click handlers since HubSidebar might not use onclick properly
 	useEffect(() => {
 		const attachClickHandlers = () => {
@@ -263,28 +218,11 @@ const SideBarInner = (props) => {
 				/>
 			)}
 
-			{/* Dev Delete Button - Absolute positioned at bottom of sidebar */}
-			{shouldShowSidebar && (
-				<button onClick={handleDeleteClick} className={styles.devDeleteButton}>
-					DELETE FEATURE DEF
-				</button>
-			)}
-
 			<div className="hub-contentWrapper">
 				<div className={styles.fullWidthContainer}>
 					<div className={styles.contentContainer}>{children}</div>
 				</div>
 			</div>
-
-			{/* Delete Confirmation Popup */}
-			<DeleteConfirmationPopup
-				isOpen={showDeleteConfirm}
-				listing={definition}
-				onConfirm={handleConfirmDelete}
-				onCancel={handleCancelDelete}
-				isDeleting={isDeleting}
-				deleteType="featureDefinition"
-			/>
 		</div>
 	);
 };

package/src/components/SidebarLayout.module.css

@@ -103,43 +103,3 @@
 :global(.hub-sideBar-section:last-child) {
 	border-bottom: none;
 }
-
-/* Delete button styling - bold red for development */
-.deleteButton {
-	color: #dc3545 !important;
-	font-weight: bold !important;
-}
-
-:global(.sideNav-item.deleteButton) {
-	color: #dc3545 !important;
-	font-weight: bold !important;
-}
-
-:global(.sideNav-item.deleteButton:hover) {
-	background-color: rgba(220, 53, 69, 0.1) !important;
-}
-
-:global(.sideNav-item.deleteButton i) {
-	color: #dc3545 !important;
-}
-
-/* Development delete button */
-.devDeleteButton {
-	position: absolute;
-	bottom: 20px;
-	left: 20px;
-	background-color: #ff0000;
-	color: #ffffff;
-	border: none;
-	padding: 8px 12px;
-	border-radius: 4px;
-	cursor: pointer;
-	font-size: 12px;
-	font-weight: bold;
-	z-index: 1000;
-	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
-}
-
-.devDeleteButton:hover {
-	background-color: #cc0000;
-}

package/src/index.js

@@ -18,12 +18,12 @@ export const Reducers = (() => {
 export const Screens = (() => {
 	const screens = {};
 
-	screens["FormOverviewStep"] = FormOverviewStep;
-	screens["FormFieldsStep"] = FormFieldsStep;
-	screens["FormLayoutStep"] = FormLayoutStep;
-	screens["ListingScreen"] = ListingScreen;
-	screens["CreateListingPage"] = CreateListingPage;
-	screens["EditListingPage"] = EditListingPage;
+	screens[values.screenFormOverviewStep] = FormOverviewStep;
+	screens[values.screenFormFieldsStep] = FormFieldsStep;
+	screens[values.screenFormLayoutStep] = FormLayoutStep;
+	screens[values.screenListingScreen] = ListingScreen;
+	screens[values.pageCreateListing] = CreateListingPage;
+	screens[values.pageEditListing] = EditListingPage;
 	return screens;
 })();