@plusscommunities/pluss-feature-builder-app-d 1.0.1-beta.3

package/src/reducers/featureBuilderReducer.js

@@ -0,0 +1,64 @@
+import { values } from "../values.config";
+import { FeatureBuilderActionTypes } from "../actions/featureBuilderActions";
+
+const initialState = {
+	feature: null,
+	listings: [],
+	loading: false,
+	error: null,
+};
+
+const featureBuilderReducer = (state = initialState, action) => {
+	switch (action.type) {
+		case FeatureBuilderActionTypes.LOADING:
+			return { ...state, loading: true, error: null };
+
+		case FeatureBuilderActionTypes.LOAD_SUCCESS:
+			const { feature, listings } = action.payload;
+			return {
+				...state,
+				loading: false,
+				feature: feature,
+				listings: listings,
+			};
+
+		case FeatureBuilderActionTypes.FAILURE:
+			return { ...state, loading: false, error: action.payload };
+
+		default:
+			return state;
+	}
+};
+
+export default featureBuilderReducer;
+
+// --- Selectors ---
+
+// Use values.reducerKey to access the correct state slice for multi-instance support
+export const selectFeature = (state) => {
+	return state[values.reducerKey]?.feature;
+};
+
+export const selectFeatureDefinition = (state) => {
+	return state[values.reducerKey]?.feature;
+};
+
+export const selectListings = (state) => {
+	return state[values.reducerKey]?.listings || [];
+};
+
+export const selectListingsForFeature = (state) => {
+	return state[values.reducerKey]?.listings || [];
+};
+
+// Legacy Helpers for Widgets
+export const selectActiveFeatureDefinitions = (state) => {
+	return state[values.reducerKey]?.feature ? [state[values.reducerKey].feature] : [];
+};
+
+export const selectFeaturesWithListings = (state) => {
+	const feature = state[values.reducerKey]?.feature;
+	const listings = state[values.reducerKey]?.listings;
+	if (!feature || !listings) return [];
+	return [{ definition: feature, listings: listings }];
+};

package/src/utils/featureSelectors.js

@@ -0,0 +1,8 @@
+import { selectFeatureDefinition } from "../reducers/featureBuilderReducer";
+
+/**
+ * Get the target feature definition from the store
+ */
+export const getTargetFeatureDefinition = (state) => {
+	return selectFeatureDefinition(state);
+};

package/src/values.config.a.js

@@ -0,0 +1,104 @@
+export const values = {
+	// Feature identification
+	featureKey: "feature-builder-a",
+	featureName: "Feature A",
+	targetFeatureDefinitionId: "feature-builder-a-default",
+
+	// Redux state management
+	reducerKey: "featureBuilderA", // Redux state slice name (must be unique per instance)
+
+	// API routing
+	apiNamespace: "feature-builder-a", // API endpoint prefix for multi-instance routing
+
+	// Notifications
+	notificationKey: "feature-builder-a", // Key for notifications.dataUpdated[...]
+
+	// Default brand colors (single source of truth)
+	colors: {
+		defaultBrandMain: "#FF6363",
+		defaultBrandDark: "#D13636",
+		defaultBrandLight: "#FCE1E1",
+	},
+
+	// Screen names
+	screens: {
+		featureList: "FeatureBuilderListA",
+		featureDetail: "FeatureBuilderDetailA",
+	},
+
+	// API endpoints
+	api: {
+		getDefinitions: "definition/get/all",
+		getListings: "listing/get/all",
+		getSingleListing: "listing/get/single",
+	},
+
+	// Layout types
+	layoutTypes: {
+		round: "round",
+		square: "square",
+		condensed: "condensed",
+		feature: "feature",
+	},
+
+	// Field types
+	fieldTypes: {
+		string: "string",
+		number: "number",
+		boolean: "boolean",
+		image: "image",
+		pdf: "pdf",
+		link: "link",
+	},
+
+	// Mandatory field IDs
+	mandatoryFields: {
+		title: "mandatory-title",
+		featureImage: "mandatory-feature-image",
+	},
+
+	// Action types (with suffix to prevent collisions between instances)
+	actions: {
+		LOADING: "FB_LOADING_A",
+		LOAD_SUCCESS: "FB_LOAD_SUCCESS_A",
+		FAILURE: "FB_FAILURE_A",
+	},
+
+	// Navigation
+	navigation: {
+		gridMenu: {
+			icon: "settings",
+			viewBox: "0 0 24 24",
+			navigate: "FeatureBuilderListA",
+		},
+	},
+
+	// Default values
+	defaults: {
+		itemsPerWidget: 2,
+		loadingTimeout: 30000, // 30 seconds
+	},
+
+	// Widget configuration
+	widget: {
+		maxItems: 2,
+		itemMinWidth: 120,
+		itemMaxWidth: 150,
+	},
+
+	// UI dimensions
+	dimensions: {
+		cardHeight: 125,
+		imageSize: 95,
+		imageBorderRadius: 47.5,
+	},
+
+	// Common text labels
+	labels: {
+		emptyState: "No custom features available",
+		defaultTitle: "Untitled",
+		attachments: "Attachments",
+		viewAll: "View All",
+		featureImage: "Feature Image",
+	},
+};

package/src/values.config.b.js

@@ -0,0 +1,104 @@
+export const values = {
+	// Feature identification
+	featureKey: "feature-builder-b",
+	featureName: "Feature B",
+	targetFeatureDefinitionId: "feature-builder-b-default",
+
+	// Redux state management
+	reducerKey: "featureBuilderB", // Redux state slice name (must be unique per instance)
+
+	// API routing
+	apiNamespace: "feature-builder-b", // API endpoint prefix for multi-instance routing
+
+	// Notifications
+	notificationKey: "feature-builder-b", // Key for notifications.dataUpdated[...]
+
+	// Default brand colors (single source of truth)
+	colors: {
+		defaultBrandMain: "#4A90E2",
+		defaultBrandDark: "#2C5F8E",
+		defaultBrandLight: "#D6E8F9",
+	},
+
+	// Screen names
+	screens: {
+		featureList: "FeatureBuilderListB",
+		featureDetail: "FeatureBuilderDetailB",
+	},
+
+	// API endpoints
+	api: {
+		getDefinitions: "definition/get/all",
+		getListings: "listing/get/all",
+		getSingleListing: "listing/get/single",
+	},
+
+	// Layout types
+	layoutTypes: {
+		round: "round",
+		square: "square",
+		condensed: "condensed",
+		feature: "feature",
+	},
+
+	// Field types
+	fieldTypes: {
+		string: "string",
+		number: "number",
+		boolean: "boolean",
+		image: "image",
+		pdf: "pdf",
+		link: "link",
+	},
+
+	// Mandatory field IDs
+	mandatoryFields: {
+		title: "mandatory-title",
+		featureImage: "mandatory-feature-image",
+	},
+
+	// Action types (with suffix to prevent collisions between instances)
+	actions: {
+		LOADING: "FB_LOADING_B",
+		LOAD_SUCCESS: "FB_LOAD_SUCCESS_B",
+		FAILURE: "FB_FAILURE_B",
+	},
+
+	// Navigation
+	navigation: {
+		gridMenu: {
+			icon: "settings",
+			viewBox: "0 0 24 24",
+			navigate: "FeatureBuilderListB",
+		},
+	},
+
+	// Default values
+	defaults: {
+		itemsPerWidget: 2,
+		loadingTimeout: 30000, // 30 seconds
+	},
+
+	// Widget configuration
+	widget: {
+		maxItems: 2,
+		itemMinWidth: 120,
+		itemMaxWidth: 150,
+	},
+
+	// UI dimensions
+	dimensions: {
+		cardHeight: 125,
+		imageSize: 95,
+		imageBorderRadius: 47.5,
+	},
+
+	// Common text labels
+	labels: {
+		emptyState: "No custom features available",
+		defaultTitle: "Untitled",
+		attachments: "Attachments",
+		viewAll: "View All",
+		featureImage: "Feature Image",
+	},
+};

package/src/values.config.c.js

@@ -0,0 +1,104 @@
+export const values = {
+	// Feature identification
+	featureKey: "feature-builder-c",
+	featureName: "Feature C",
+	targetFeatureDefinitionId: "feature-builder-c-default",
+
+	// Redux state management
+	reducerKey: "featureBuilderC", // Redux state slice name (must be unique per instance)
+
+	// API routing
+	apiNamespace: "feature-builder-c", // API endpoint prefix for multi-instance routing
+
+	// Notifications
+	notificationKey: "feature-builder-c", // Key for notifications.dataUpdated[...]
+
+	// Default brand colors (single source of truth)
+	colors: {
+		defaultBrandMain: "#50C878",
+		defaultBrandDark: "#3A9B5C",
+		defaultBrandLight: "#D6F5E0",
+	},
+
+	// Screen names
+	screens: {
+		featureList: "FeatureBuilderListC",
+		featureDetail: "FeatureBuilderDetailC",
+	},
+
+	// API endpoints
+	api: {
+		getDefinitions: "definition/get/all",
+		getListings: "listing/get/all",
+		getSingleListing: "listing/get/single",
+	},
+
+	// Layout types
+	layoutTypes: {
+		round: "round",
+		square: "square",
+		condensed: "condensed",
+		feature: "feature",
+	},
+
+	// Field types
+	fieldTypes: {
+		string: "string",
+		number: "number",
+		boolean: "boolean",
+		image: "image",
+		pdf: "pdf",
+		link: "link",
+	},
+
+	// Mandatory field IDs
+	mandatoryFields: {
+		title: "mandatory-title",
+		featureImage: "mandatory-feature-image",
+	},
+
+	// Action types (with suffix to prevent collisions between instances)
+	actions: {
+		LOADING: "FB_LOADING_C",
+		LOAD_SUCCESS: "FB_LOAD_SUCCESS_C",
+		FAILURE: "FB_FAILURE_C",
+	},
+
+	// Navigation
+	navigation: {
+		gridMenu: {
+			icon: "settings",
+			viewBox: "0 0 24 24",
+			navigate: "FeatureBuilderListC",
+		},
+	},
+
+	// Default values
+	defaults: {
+		itemsPerWidget: 2,
+		loadingTimeout: 30000, // 30 seconds
+	},
+
+	// Widget configuration
+	widget: {
+		maxItems: 2,
+		itemMinWidth: 120,
+		itemMaxWidth: 150,
+	},
+
+	// UI dimensions
+	dimensions: {
+		cardHeight: 125,
+		imageSize: 95,
+		imageBorderRadius: 47.5,
+	},
+
+	// Common text labels
+	labels: {
+		emptyState: "No custom features available",
+		defaultTitle: "Untitled",
+		attachments: "Attachments",
+		viewAll: "View All",
+		featureImage: "Feature Image",
+	},
+};

package/src/values.config.d.js

@@ -0,0 +1,104 @@
+export const values = {
+	// Feature identification
+	featureKey: "feature-builder-d",
+	featureName: "Feature D",
+	targetFeatureDefinitionId: "feature-builder-d-default",
+
+	// Redux state management
+	reducerKey: "featureBuilderD", // Redux state slice name (must be unique per instance)
+
+	// API routing
+	apiNamespace: "feature-builder-d", // API endpoint prefix for multi-instance routing
+
+	// Notifications
+	notificationKey: "feature-builder-d", // Key for notifications.dataUpdated[...]
+
+	// Default brand colors (single source of truth)
+	colors: {
+		defaultBrandMain: "#FFA500",
+		defaultBrandDark: "#CC8400",
+		defaultBrandLight: "#FFE8CC",
+	},
+
+	// Screen names
+	screens: {
+		featureList: "FeatureBuilderListD",
+		featureDetail: "FeatureBuilderDetailD",
+	},
+
+	// API endpoints
+	api: {
+		getDefinitions: "definition/get/all",
+		getListings: "listing/get/all",
+		getSingleListing: "listing/get/single",
+	},
+
+	// Layout types
+	layoutTypes: {
+		round: "round",
+		square: "square",
+		condensed: "condensed",
+		feature: "feature",
+	},
+
+	// Field types
+	fieldTypes: {
+		string: "string",
+		number: "number",
+		boolean: "boolean",
+		image: "image",
+		pdf: "pdf",
+		link: "link",
+	},
+
+	// Mandatory field IDs
+	mandatoryFields: {
+		title: "mandatory-title",
+		featureImage: "mandatory-feature-image",
+	},
+
+	// Action types (with suffix to prevent collisions between instances)
+	actions: {
+		LOADING: "FB_LOADING_D",
+		LOAD_SUCCESS: "FB_LOAD_SUCCESS_D",
+		FAILURE: "FB_FAILURE_D",
+	},
+
+	// Navigation
+	navigation: {
+		gridMenu: {
+			icon: "settings",
+			viewBox: "0 0 24 24",
+			navigate: "FeatureBuilderListD",
+		},
+	},
+
+	// Default values
+	defaults: {
+		itemsPerWidget: 2,
+		loadingTimeout: 30000, // 30 seconds
+	},
+
+	// Widget configuration
+	widget: {
+		maxItems: 2,
+		itemMinWidth: 120,
+		itemMaxWidth: 150,
+	},
+
+	// UI dimensions
+	dimensions: {
+		cardHeight: 125,
+		imageSize: 95,
+		imageBorderRadius: 47.5,
+	},
+
+	// Common text labels
+	labels: {
+		emptyState: "No custom features available",
+		defaultTitle: "Untitled",
+		attachments: "Attachments",
+		viewAll: "View All",
+		featureImage: "Feature Image",
+	},
+};

package/src/values.config.js

@@ -0,0 +1,104 @@
+export const values = {
+	// Feature identification
+	featureKey: "feature-builder-d",
+	featureName: "Feature D",
+	targetFeatureDefinitionId: "feature-builder-d-default",
+
+	// Redux state management
+	reducerKey: "featureBuilderD", // Redux state slice name (must be unique per instance)
+
+	// API routing
+	apiNamespace: "feature-builder-d", // API endpoint prefix for multi-instance routing
+
+	// Notifications
+	notificationKey: "feature-builder-d", // Key for notifications.dataUpdated[...]
+
+	// Default brand colors (single source of truth)
+	colors: {
+		defaultBrandMain: "#FFA500",
+		defaultBrandDark: "#CC8400",
+		defaultBrandLight: "#FFE8CC",
+	},
+
+	// Screen names
+	screens: {
+		featureList: "FeatureBuilderListD",
+		featureDetail: "FeatureBuilderDetailD",
+	},
+
+	// API endpoints
+	api: {
+		getDefinitions: "definition/get/all",
+		getListings: "listing/get/all",
+		getSingleListing: "listing/get/single",
+	},
+
+	// Layout types
+	layoutTypes: {
+		round: "round",
+		square: "square",
+		condensed: "condensed",
+		feature: "feature",
+	},
+
+	// Field types
+	fieldTypes: {
+		string: "string",
+		number: "number",
+		boolean: "boolean",
+		image: "image",
+		pdf: "pdf",
+		link: "link",
+	},
+
+	// Mandatory field IDs
+	mandatoryFields: {
+		title: "mandatory-title",
+		featureImage: "mandatory-feature-image",
+	},
+
+	// Action types (with suffix to prevent collisions between instances)
+	actions: {
+		LOADING: "FB_LOADING_D",
+		LOAD_SUCCESS: "FB_LOAD_SUCCESS_D",
+		FAILURE: "FB_FAILURE_D",
+	},
+
+	// Navigation
+	navigation: {
+		gridMenu: {
+			icon: "settings",
+			viewBox: "0 0 24 24",
+			navigate: "FeatureBuilderListD",
+		},
+	},
+
+	// Default values
+	defaults: {
+		itemsPerWidget: 2,
+		loadingTimeout: 30000, // 30 seconds
+	},
+
+	// Widget configuration
+	widget: {
+		maxItems: 2,
+		itemMinWidth: 120,
+		itemMaxWidth: 150,
+	},
+
+	// UI dimensions
+	dimensions: {
+		cardHeight: 125,
+		imageSize: 95,
+		imageBorderRadius: 47.5,
+	},
+
+	// Common text labels
+	labels: {
+		emptyState: "No custom features available",
+		defaultTitle: "Untitled",
+		attachments: "Attachments",
+		viewAll: "View All",
+		featureImage: "Feature Image",
+	},
+};

package/src/webapi/featureBuilderAPI.js

@@ -0,0 +1,65 @@
+import { getUrl } from "./helper";
+import { authedFunction } from "../js";
+import { values } from "../values.config";
+
+// Helper function for constructing URLs
+const getFeatureBuilderUrl = (action, query = null) => {
+	return getUrl(values.apiNamespace, action, query);
+};
+
+export const featureBuilderAPI = {
+	// Fetch all feature definitions
+	getFeatureDefinitions: (site) => {
+		const url = getFeatureBuilderUrl(values.api.getDefinitions, { site });
+
+		const request = {
+			method: "GET",
+			url,
+		};
+
+		return authedFunction(request)
+			.then((response) => {
+				return response;
+			})
+			.catch((error) => {
+				throw error;
+			});
+	},
+
+	// Fetch listings for all features or specific feature
+	getFeatureListings: (site, featureDefinitionId = null) => {
+		const queryParams = { site };
+		if (featureDefinitionId) {
+			queryParams.featureDefinitionId = featureDefinitionId;
+		}
+		const url = getFeatureBuilderUrl(values.api.getListings, queryParams);
+
+		const request = {
+			method: "GET",
+			url,
+		};
+
+		return authedFunction(request)
+			.then((response) => {
+				return response;
+			})
+			.catch((error) => {
+				throw error;
+			});
+	},
+
+	// Fetch a single listing by ID
+	getSingleListing: (site, listingId) => {
+		if (!listingId) {
+			return Promise.reject(new Error("Listing ID is required"));
+		}
+		const url = getFeatureBuilderUrl(values.api.getSingleListing, {
+			site,
+			id: listingId,
+		});
+		return authedFunction({
+			method: "GET",
+			url,
+		});
+	},
+};

package/src/webapi/helper.js

@@ -0,0 +1,4 @@
+import { Helper } from "../core.config";
+
+export const getUrl = Helper.getUrl;
+export const getAuthTokenHeader = Helper.getAuthTokenHeader;

package/src/webapi/index.js

@@ -0,0 +1,8 @@
+import { Apis } from "../core.config";
+
+export const userActions = Apis.userActions;
+export const contactActions = Apis.contactActions;
+export const eventActions = Apis.eventActions;
+
+// TODO: Add custom web apis below for example,
+// export * from './activityActions';