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/report-center-modal/report-center-modal.component.jsx

@@ -110,7 +110,13 @@ export function ReportCenterModalComponent({ reportCenterModal, bodyshop }) {
         to: values.to,
         subject: Templates[values.key]?.subject
       },
-      values.sendbytext === "text" ? values.sendbytext : values.sendbyexcel === "excel" ? "x" : values.sendby === "email" ? "e" : "p",
+      values.sendbytext === "text"
+        ? values.sendbytext
+        : values.sendbyexcel === "excel"
+          ? "x"
+          : values.sendby === "email"
+            ? "e"
+            : "p",
       id
     );
     setLoading(false);
@@ -127,7 +133,7 @@ export function ReportCenterModalComponent({ reportCenterModal, bodyshop }) {
     ...(!HasFeatureAccess({ featureName: "bills", bodyshop }) ? ["purchases"] : []),
     ...(!HasFeatureAccess({ featureName: "timetickets", bodyshop }) ? ["payroll"] : [])
   ];
-
+  //TODO: Find a way to filter out / blur on demand.
   return (
     <div>
       <Form onFinish={handleFinish} autoComplete={"off"} layout="vertical" form={form}>
@@ -145,15 +151,9 @@ export function ReportCenterModalComponent({ reportCenterModal, bodyshop }) {
           ]}
         >
           <Radio.Group>
-            {/* {Object.keys(Templates).map((key) => (
-                <Radio key={key} value={key}>
-                  {Templates[key].title}
-                </Radio>
-              ))} */}
-
             <Row gutter={[16, 16]}>
               {Object.keys(grouped)
-                .filter((key) => !groupExcludeKeyFilter.includes(key))
+                //.filter((key) => !groupExcludeKeyFilter.includes(key))
                 .map((key) => (
                   <Col md={8} sm={12} key={key}>
                     <Card.Grid