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

package/dist/module/webapi/featureBuilderAPI.js

@@ -0,0 +1,59 @@
+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
+    });
+  }
+};
+//# sourceMappingURL=featureBuilderAPI.js.map

package/dist/module/webapi/featureBuilderAPI.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getUrl","authedFunction","values","getFeatureBuilderUrl","action","query","apiNamespace","featureBuilderAPI","getFeatureDefinitions","site","url","api","getDefinitions","request","method","then","response","catch","error","getFeatureListings","featureDefinitionId","queryParams","getListings","getSingleListing","listingId","Promise","reject","Error","id"],"sources":["featureBuilderAPI.js"],"sourcesContent":["import { getUrl } from \"./helper\";\nimport { authedFunction } from \"../js\";\nimport { values } from \"../values.config\";\n\n// Helper function for constructing URLs\nconst getFeatureBuilderUrl = (action, query = null) => {\n\treturn getUrl(values.apiNamespace, action, query);\n};\n\nexport const featureBuilderAPI = {\n\t// Fetch all feature definitions\n\tgetFeatureDefinitions: (site) => {\n\t\tconst url = getFeatureBuilderUrl(values.api.getDefinitions, { site });\n\n\t\tconst request = {\n\t\t\tmethod: \"GET\",\n\t\t\turl,\n\t\t};\n\n\t\treturn authedFunction(request)\n\t\t\t.then((response) => {\n\t\t\t\treturn response;\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tthrow error;\n\t\t\t});\n\t},\n\n\t// Fetch listings for all features or specific feature\n\tgetFeatureListings: (site, featureDefinitionId = null) => {\n\t\tconst queryParams = { site };\n\t\tif (featureDefinitionId) {\n\t\t\tqueryParams.featureDefinitionId = featureDefinitionId;\n\t\t}\n\t\tconst url = getFeatureBuilderUrl(values.api.getListings, queryParams);\n\n\t\tconst request = {\n\t\t\tmethod: \"GET\",\n\t\t\turl,\n\t\t};\n\n\t\treturn authedFunction(request)\n\t\t\t.then((response) => {\n\t\t\t\treturn response;\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tthrow error;\n\t\t\t});\n\t},\n\n\t// Fetch a single listing by ID\n\tgetSingleListing: (site, listingId) => {\n\t\tif (!listingId) {\n\t\t\treturn Promise.reject(new Error(\"Listing ID is required\"));\n\t\t}\n\t\tconst url = getFeatureBuilderUrl(values.api.getSingleListing, {\n\t\t\tsite,\n\t\t\tid: listingId,\n\t\t});\n\t\treturn authedFunction({\n\t\t\tmethod: \"GET\",\n\t\t\turl,\n\t\t});\n\t},\n};\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,UAAU;AACjC,SAASC,cAAc,QAAQ,OAAO;AACtC,SAASC,MAAM,QAAQ,kBAAkB;;AAEzC;AACA,MAAMC,oBAAoB,GAAGA,CAACC,MAAM,EAAEC,KAAK,GAAG,IAAI,KAAK;EACtD,OAAOL,MAAM,CAACE,MAAM,CAACI,YAAY,EAAEF,MAAM,EAAEC,KAAK,CAAC;AAClD,CAAC;AAED,OAAO,MAAME,iBAAiB,GAAG;EAChC;EACAC,qBAAqB,EAAGC,IAAI,IAAK;IAChC,MAAMC,GAAG,GAAGP,oBAAoB,CAACD,MAAM,CAACS,GAAG,CAACC,cAAc,EAAE;MAAEH;IAAK,CAAC,CAAC;IAErE,MAAMI,OAAO,GAAG;MACfC,MAAM,EAAE,KAAK;MACbJ;IACD,CAAC;IAED,OAAOT,cAAc,CAACY,OAAO,CAAC,CAC5BE,IAAI,CAAEC,QAAQ,IAAK;MACnB,OAAOA,QAAQ;IAChB,CAAC,CAAC,CACDC,KAAK,CAAEC,KAAK,IAAK;MACjB,MAAMA,KAAK;IACZ,CAAC,CAAC;EACJ,CAAC;EAED;EACAC,kBAAkB,EAAEA,CAACV,IAAI,EAAEW,mBAAmB,GAAG,IAAI,KAAK;IACzD,MAAMC,WAAW,GAAG;MAAEZ;IAAK,CAAC;IAC5B,IAAIW,mBAAmB,EAAE;MACxBC,WAAW,CAACD,mBAAmB,GAAGA,mBAAmB;IACtD;IACA,MAAMV,GAAG,GAAGP,oBAAoB,CAACD,MAAM,CAACS,GAAG,CAACW,WAAW,EAAED,WAAW,CAAC;IAErE,MAAMR,OAAO,GAAG;MACfC,MAAM,EAAE,KAAK;MACbJ;IACD,CAAC;IAED,OAAOT,cAAc,CAACY,OAAO,CAAC,CAC5BE,IAAI,CAAEC,QAAQ,IAAK;MACnB,OAAOA,QAAQ;IAChB,CAAC,CAAC,CACDC,KAAK,CAAEC,KAAK,IAAK;MACjB,MAAMA,KAAK;IACZ,CAAC,CAAC;EACJ,CAAC;EAED;EACAK,gBAAgB,EAAEA,CAACd,IAAI,EAAEe,SAAS,KAAK;IACtC,IAAI,CAACA,SAAS,EAAE;MACf,OAAOC,OAAO,CAACC,MAAM,CAAC,IAAIC,KAAK,CAAC,wBAAwB,CAAC,CAAC;IAC3D;IACA,MAAMjB,GAAG,GAAGP,oBAAoB,CAACD,MAAM,CAACS,GAAG,CAACY,gBAAgB,EAAE;MAC7Dd,IAAI;MACJmB,EAAE,EAAEJ;IACL,CAAC,CAAC;IACF,OAAOvB,cAAc,CAAC;MACrBa,MAAM,EAAE,KAAK;MACbJ;IACD,CAAC,CAAC;EACH;AACD,CAAC","ignoreList":[]}

package/dist/module/webapi/helper.js

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

package/dist/module/webapi/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Helper","getUrl","getAuthTokenHeader"],"sources":["helper.js"],"sourcesContent":["import { Helper } from \"../core.config\";\n\nexport const getUrl = Helper.getUrl;\nexport const getAuthTokenHeader = Helper.getAuthTokenHeader;\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,gBAAgB;AAEvC,OAAO,MAAMC,MAAM,GAAGD,MAAM,CAACC,MAAM;AACnC,OAAO,MAAMC,kBAAkB,GAAGF,MAAM,CAACE,kBAAkB","ignoreList":[]}

package/dist/module/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';
+//# sourceMappingURL=index.js.map

package/dist/module/webapi/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Apis","userActions","contactActions","eventActions"],"sources":["index.js"],"sourcesContent":["import { Apis } from \"../core.config\";\n\nexport const userActions = Apis.userActions;\nexport const contactActions = Apis.contactActions;\nexport const eventActions = Apis.eventActions;\n\n// TODO: Add custom web apis below for example,\n// export * from './activityActions';\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,gBAAgB;AAErC,OAAO,MAAMC,WAAW,GAAGD,IAAI,CAACC,WAAW;AAC3C,OAAO,MAAMC,cAAc,GAAGF,IAAI,CAACE,cAAc;AACjD,OAAO,MAAMC,YAAY,GAAGH,IAAI,CAACG,YAAY;;AAE7C;AACA","ignoreList":[]}

package/package.json

@@ -0,0 +1,62 @@
+{
+	"name": "@plusscommunities/pluss-feature-builder-app-c",
+	"version": "1.0.1-beta.3",
+	"description": "Feature Builder mobile extension for displaying custom features",
+	"main": "dist/module/index.js",
+	"module": "dist/module/index.js",
+	"react-native": "src/index.js",
+	"files": [
+		"dist/",
+		"src/"
+	],
+	"scripts": {
+		"build": "npm i --legacy-peer-deps && bob build",
+		"betapatch": "npm version prepatch --preid=beta",
+		"patch": "npm version patch",
+		"betaupload": "npm run build && npm publish --access public --tag beta",
+		"betaupload:p": "npm run betapatch && npm run betaupload",
+		"upload": "npm run build && npm publish --access public",
+		"upload:p": "npm run patch && npm run upload",
+		"copy:add": "run(){ ext=${1:-default}; test -f src/values.config.$ext.js || cp src/values.config.default.js src/values.config.$ext.js; }; run",
+		"copy:get": "echo $npm_package_name",
+		"copy:set": "run(){ target='@plusscommunities/pluss-feature-builder-app-a'; ext=${1:-default}; [ $ext == 'default' ] && replace=$target || replace=$target'-'$ext; echo 'Setting target to '$replace; test -f src/values.config.$ext.js && cp -f src/values.config.$ext.js src/values.config.js; sed -i '' -e 's/'$target'.*\"/'$replace'\"/g' package.json; }; run",
+		"copy:upload": "npm run patch; for file in `ls ./src/values.config.*.js`; do dup=`echo $file | sed 's/.*values\\.config\\.\\(.*\\)\\.js/\\1/'`; npm run copy:set $dup; npm run upload; done; npm run copy:set;",
+		"copy:betaupload": "npm run betapatch; for file in `ls ./src/values.config.*.js`; do dup=`echo $file | sed 's/.*values\\.config\\.\\(.*\\)\\.js/\\1/'`; npm run copy:set $dup; npm run betaupload; done; npm run copy:set;"
+	},
+	"author": "Thorbjorn Kappel Davis",
+	"license": "ISC",
+	"dependencies": {
+		"axios": "^1.6.8",
+		"lodash": "^4.17.4",
+		"moment": "^2.30.1"
+	},
+	"peerDependencies": {
+		"@plusscommunities/pluss-core-app": "*",
+		"expo-constants": "*",
+		"expo-linear-gradient": "*",
+		"react": "*",
+		"react-native": "*",
+		"react-native-elements": "*",
+		"react-native-iphone-x-helper": "*",
+		"react-native-webview": "*",
+		"react-redux": "*",
+		"redux-persist": "*"
+	},
+	"devDependencies": {
+		"@plusscommunities/pluss-core-app": "^6.1.13",
+		"react": "18.2.0",
+		"react-native": "0.73.6",
+		"react-native-builder-bob": "^0.18.2",
+		"react-native-elements": "^0.17.0",
+		"react-native-iphone-x-helper": "^1.3.1",
+		"react-native-webview": "13.6.4",
+		"react-redux": "^7.2.6"
+	},
+	"react-native-builder-bob": {
+		"source": "src",
+		"output": "dist",
+		"targets": [
+			"module"
+		]
+	}
+}

package/src/actions/featureBuilderActions.js

@@ -0,0 +1,112 @@
+import { values } from "../values.config";
+import { featureBuilderAPI } from "../webapi/featureBuilderAPI";
+import { updateFeatureBuilderStringAndIconFromDefinition } from "./featureBuilderStringsActions";
+
+/**
+ * Action types for feature builder Redux actions
+ * These are pulled from values.config.actions to ensure unique action types per instance
+ * @readonly
+ * @enum {string}
+ */
+export const FeatureBuilderActionTypes = {
+	/** Indicates loading state for feature data fetch */
+	LOADING: values.actions.LOADING,
+	/** Indicates successful fetch of feature definition and listings */
+	LOAD_SUCCESS: values.actions.LOAD_SUCCESS,
+	/** Indicates failure in fetching feature data */
+	FAILURE: values.actions.FAILURE,
+};
+
+/**
+ * Loads the target feature definition and its listings from the API
+ * This function fetches the feature definition configured in values.config
+ * and loads all associated listings for display
+ *
+ * @function
+ * @returns {Function} Redux thunk function that handles the async loading
+ * @throws {Error} When no feature definitions are found or API calls fail
+ *
+ * @example
+ * // In component
+ * useEffect(() => {
+ *   props.loadTargetFeature();
+ * }, []);
+ *
+ * // Dispatch directly
+ * dispatch(loadTargetFeature());
+ */
+export const loadTargetFeature = () => {
+	return async (dispatch, getState) => {
+		dispatch({ type: FeatureBuilderActionTypes.LOADING });
+
+		try {
+			const state = getState();
+			const site = state.user?.site;
+			const targetId = values.targetFeatureDefinitionId;
+			const defResponse = await featureBuilderAPI.getFeatureDefinitions(site);
+			const allDefinitions = defResponse.data.featureDefinitions || [];
+
+			// Find the specific target definition - throw if not found
+			const rawTarget = allDefinitions.find((d) => d.id === targetId);
+
+			if (!rawTarget) {
+				throw new Error(
+					`Target feature definition with ID '${targetId}' not found.`,
+				);
+			}
+
+			const flattenedFeature = {
+				id: rawTarget.id,
+				...rawTarget.definition,
+			};
+
+			const listResponse = await featureBuilderAPI.getFeatureListings(
+				site,
+				rawTarget.id,
+			);
+			const rawListings = listResponse.data.listings || [];
+
+			// Filter out soft-deleted items at the Redux level
+			const listings = rawListings.filter((listing) => !listing.deletedAt);
+
+			dispatch({
+				type: FeatureBuilderActionTypes.LOAD_SUCCESS,
+				payload: {
+					feature: flattenedFeature,
+					listings: listings,
+				},
+			});
+
+			// Update strings store with feature definition title and icon
+			dispatch(updateFeatureBuilderStringAndIconFromDefinition());
+		} catch (error) {
+			dispatch({
+				type: FeatureBuilderActionTypes.FAILURE,
+				payload: error.message || "Failed to load feature.",
+			});
+		}
+	};
+};
+
+// Aliases for compatibility with any lingering imports
+
+/**
+ * Alias for loadTargetFeature - initializes feature builder with target feature
+ * @function
+ * @see loadTargetFeature
+ */
+export const initializeFeatureBuilder = loadTargetFeature;
+
+/**
+ * Alias for loadTargetFeature - refreshes current feature data
+ * @function
+ * @see loadTargetFeature
+ */
+export const refreshFeature = loadTargetFeature;
+
+/**
+ * Alias for loadTargetFeature - fetches listings for target feature
+ * @function
+ * @see loadTargetFeature
+ */
+export const fetchTargetFeatureListings = loadTargetFeature;

package/src/actions/featureBuilderStringsActions.js

@@ -0,0 +1,114 @@
+import { selectFeatureDefinition } from "../reducers/featureBuilderReducer";
+import { values } from "../values.config";
+
+// IMPORTANT: Using local UPDATE_STRINGS action type to make extension self-contained
+// The main app's StringsReducer will handle this action type the same way
+export const UPDATE_STRINGS = "UPDATE_STRINGS";
+
+/**
+ * Updates the feature builder's menu text in the global strings store
+ * This ensures UI components use the dynamic title from feature definition
+ */
+export const updateFeatureBuilderString = (title) => (dispatch, getState) => {
+	const currentStrings = getState().strings?.config || {};
+
+	const updatedStrings = {
+		...currentStrings,
+		featureTitles: {
+			...currentStrings.featureTitles,
+			[values.featureKey]: title || values.featureName,
+		},
+	};
+
+	dispatch({
+		type: UPDATE_STRINGS,
+		payload: updatedStrings,
+	});
+};
+
+/**
+ * Updates the feature builder string using the current title from feature definition
+ * This is useful when the feature definition has been updated
+ */
+export const updateFeatureBuilderStringFromDefinition =
+	() => (dispatch, getState) => {
+		const definition = selectFeatureDefinition(getState());
+		const title = definition?.title || values.featureName;
+		// Capitalize first letter of title
+		const capitalizedTitle = title
+			? title.charAt(0).toUpperCase() + title.slice(1)
+			: values.featureName;
+		dispatch(updateFeatureBuilderString(capitalizedTitle));
+	};
+
+/**
+ * Updates the feature builder icon in the global strings store
+ * This ensures UI components use the dynamic icon from the feature definition
+ */
+export const updateFeatureBuilderIcon = (icon) => (dispatch, getState) => {
+	const currentStrings = getState().strings?.config || {};
+	const updatedStrings = {
+		...currentStrings,
+		featureIcons: {
+			...currentStrings.featureIcons,
+			[values.featureKey]: icon,
+		},
+	};
+
+	dispatch({
+		type: UPDATE_STRINGS,
+		payload: updatedStrings,
+	});
+};
+
+/**
+ * Updates the feature builder icon using the current icon from feature definition
+ * This is useful when the feature definition has been updated
+ */
+export const updateFeatureBuilderIconFromDefinition =
+	() => (dispatch, getState) => {
+		const definition = selectFeatureDefinition(getState());
+		const icon = definition?.icon || values.navigation.gridMenu.icon;
+		dispatch(updateFeatureBuilderIcon(icon));
+	};
+
+/**
+ * Updates the feature builder grid icon in the global strings store
+ * This ensures UI components use the dynamic grid icon from the feature definition
+ */
+export const updateFeatureBuilderGridIcon =
+	(gridIcon) => (dispatch, getState) => {
+		const currentStrings = getState().strings?.config || {};
+		const updatedStrings = {
+			...currentStrings,
+			featureIcons: {
+				...currentStrings.featureIcons,
+				[values.featureKey]: gridIcon,
+			},
+		};
+
+		dispatch({
+			type: UPDATE_STRINGS,
+			payload: updatedStrings,
+		});
+	};
+
+/**
+ * Updates both the title and icon from the current feature definition
+ * This is useful when both have been updated in the definition
+ */
+export const updateFeatureBuilderStringAndIconFromDefinition =
+	() => (dispatch, getState) => {
+		const definition = selectFeatureDefinition(getState());
+		const title = definition?.title || values.featureName;
+		const icon = definition?.icon || values.navigation.gridMenu.icon;
+
+		// Update title
+		const capitalizedTitle = title
+			? title.charAt(0).toUpperCase() + title.slice(1)
+			: values.featureName;
+		dispatch(updateFeatureBuilderString(capitalizedTitle));
+
+		// Update icon
+		dispatch(updateFeatureBuilderIcon(icon));
+	};

package/src/actions/index.js

@@ -0,0 +1,12 @@
+import { Actions } from "../core.config";
+
+export const getFollowers = Actions.getFollowers;
+export const addFollower = Actions.addFollower;
+export const selectEventTime = Actions.selectEventTime;
+export const residentsLoaded = Actions.residentsLoaded;
+export const linkedUsersLoaded = Actions.linkedToUsersLoaded;
+export const linkedToUsersLoaded = Actions.linkedToUsersLoaded;
+export const updateNavRead = Actions.updateNavRead;
+
+// TODO: Add custom actions below for example,
+// export * from './AlertActions';

package/src/actions/types.js

@@ -0,0 +1,7 @@
+import { ActionTypes } from "../core.config";
+
+export const LOGOUT = ActionTypes.LOGOUT;
+export const CHANGE_ROLE = ActionTypes.CHANGE_ROLE;
+
+// TODO: Define action types for example,
+// export const EVENTS_UPDATED = 'EVENTS_UPDATED';