IO-3020 IO-3036 Additional blurred components.

client/src/pages/jobs-deliver/jobs-delivery.page.container.jsx

@@ -12,6 +12,7 @@ import { setBreadcrumbs, setSelectedHeader } from "../../redux/application/appli
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import JobchecklistComponent from "../../components/job-checklist/job-checklist.component";
 import InstanceRenderManager from "../../utils/instanceRenderMgr";
+import FeatureWrapperComponent from "../../components/feature-wrapper/feature-wrapper.component";
 
 const mapStateToProps = createStructuredSelector({
   //currentUser: selectCurrentUser
@@ -59,15 +60,24 @@ export function JobsDeliverContainer({ bodyshop, setBreadcrumbs, setSelectedHead
   if (data && !!!data.bodyshops_by_pk.deliverchecklist)
     return <AlertComponent message={t("deliver.errors.nochecklist")} type="error" />;
   return (
-    <RbacWrapper action="jobs:deliver">
-      <div>
-        <JobchecklistComponent
-          type="deliver"
-          checklistConfig={(data && data.bodyshops_by_pk.deliverchecklist) || {}}
-          job={data ? data.jobs_by_pk : {}}
-        />
-      </div>
-    </RbacWrapper>
+    <FeatureWrapperComponent
+      featureName="checklist"
+      upsellComponent={
+        {
+          //TODO:Upsell
+        }
+      }
+    >
+      <RbacWrapper action="jobs:deliver">
+        <div>
+          <JobchecklistComponent
+            type="deliver"
+            checklistConfig={(data && data.bodyshops_by_pk.deliverchecklist) || {}}
+            job={data ? data.jobs_by_pk : {}}
+          />
+        </div>
+      </RbacWrapper>
+    </FeatureWrapperComponent>
   );
 }