IO-3020 IO-3036 Extend blur wrapper, add lock wrapper to components throughout the system. Many placeholders still left for upsell components.

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

@@ -13,7 +13,8 @@ const blurringProps = {
   webkitUserSelect: "none",
   msUserSelect: "none",
   mozUserSelect: "none",
-  userSelect: "none"
+  userSelect: "none",
+  pointerEvents: "none"
 };
 
 export function BlurWrapper({
@@ -24,11 +25,26 @@ export function BlurWrapper({
   overrideValue = true,
   overrideValueFunction,
   children,
+  debug,
   bypass
 }) {
   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 }));
+    console.log(
+      "***LOG  ~ All Blur Wrapper Props ",
+      styleProp,
+      valueProp,
+      overrideValue,
+      overrideValueFunction,
+      children,
+      debug,
+      bypass
+    );
+  }
 
   if (bypass) {
     console.trace("*** BYPASS USED", featureName);
@@ -68,12 +84,13 @@ export function BlurWrapper({
 export default connect(mapStateToProps, null)(BlurWrapper);
 
 function RandomDinero() {
-  return Dinero({ amount: Math.round(Math.exp(Math.random() * 100, 2)) }).toFormat();
+  return Dinero({ amount: Math.round(Math.exp(Math.random() * 10, 2)) }).toFormat();
 }
 
 const featureNameList = [
   "mobile",
   "allAccess",
+  "audit",
   "timetickets",
   "payments",
   "partsorders",
@@ -86,7 +103,8 @@ const featureNameList = [
   "scoreboard",
   "checklist",
   "smartscheduling",
-  "roguard"
+  "roguard",
+  "dashboard"
 ];
 
 function ValidateFeatureName(featureName) {