IO-3020 IO-3036 Additional blurred components.

client/src/components/feature-wrapper/blur-wrapper.component.jsx

@@ -4,6 +4,7 @@ import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import { HasFeatureAccess } from "./feature-wrapper.component";
+import { DateTimeFormatterFunction } from "../../utils/DateFormatter";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop
@@ -31,6 +32,7 @@ export function BlurWrapper({
   if (import.meta.env.DEV) {
     if (!ValidateFeatureName(featureName)) console.trace("*** INVALID FEATURE NAME", featureName);
   }
+
   if (debug) {
     console.trace("*** DEBUG MODE", featureName);
     console.log("*** HAS FEATURE ACCESS?", featureName, HasFeatureAccess({ featureName, bodyshop }));
@@ -61,8 +63,17 @@ export function BlurWrapper({
         } else {
           if (typeof overrideValueFunction === "function") {
             newValueProp = overrideValueFunction();
-          } else if (overrideValueFunction === "RandomDinero") {
+          } else if (typeof overrideValueFunction === "string" && overrideValueFunction === "RandomDinero") {
             newValueProp = RandomDinero();
+          } else if (typeof overrideValueFunction === "string" && overrideValueFunction === "RandomAmount") {
+            newValueProp = RandomAmount();
+          } else if (
+            typeof overrideValueFunction === "string" &&
+            overrideValueFunction.startsWith("RandomSmallString")
+          ) {
+            newValueProp = RandomSmallString(overrideValueFunction.split(":")[1] || 3); //Default back to 3 words, otherwise use the string.
+          } else if (typeof overrideValueFunction === "string" && overrideValueFunction.startsWith("RandomDate")) {
+            newValueProp = RandomDate();
           } else {
             newValueProp = "This is some random text. Nothing interesting here.";
           }
@@ -86,6 +97,23 @@ export default connect(mapStateToProps, null)(BlurWrapper);
 function RandomDinero() {
   return Dinero({ amount: Math.round(Math.exp(Math.random() * 10, 2)) }).toFormat();
 }
+function RandomAmount() {
+  return Math.round(Math.exp(Math.random() * 10));
+}
+
+function RandomSmallString(maxWords = 3) {
+  const words = ["lorem", "ipsum", "dolor", "sit", "amet", "consectetur", "adipiscing", "elit"];
+  const wordCount = Math.floor(Math.random() * maxWords) + 1; // Random number between 1 and 3
+  let result = [];
+  for (let i = 0; i < wordCount; i++) {
+    const randomIndex = Math.floor(Math.random() * words.length);
+    result.push(words[randomIndex]);
+  }
+  return result.join(" ");
+}
+function RandomDate() {
+  return DateTimeFormatterFunction(new Date(Math.floor(Math.random() * 1000000000000)));
+}
 
 const featureNameList = [
   "mobile",
@@ -104,9 +132,10 @@ const featureNameList = [
   "checklist",
   "smartscheduling",
   "roguard",
-  "dashboard"
+  "dashboard",
+  "lifecycle"
 ];
 
-function ValidateFeatureName(featureName) {
+export function ValidateFeatureName(featureName) {
   return featureNameList.includes(featureName);
 }