IO-779 Added shop sub status and blockers.

bodyshop_translations.babel

@@ -11882,6 +11882,32 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <folder_node>
+                                        <name>sub_status</name>
+                                        <children>
+                                            <concept_node>
+                                                <name>expired</name>
+                                                <definition_loaded>false</definition_loaded>
+                                                <description></description>
+                                                <comment></comment>
+                                                <default_text></default_text>
+                                                <translations>
+                                                    <translation>
+                                                        <language>en-US</language>
+                                                        <approved>false</approved>
+                                                    </translation>
+                                                    <translation>
+                                                        <language>es-MX</language>
+                                                        <approved>false</approved>
+                                                    </translation>
+                                                    <translation>
+                                                        <language>fr-CA</language>
+                                                        <approved>false</approved>
+                                                    </translation>
+                                                </translations>
+                                            </concept_node>
+                                        </children>
+                                    </folder_node>
                                     <concept_node>
                                         <name>sunday</name>
                                         <definition_loaded>false</definition_loaded>

client/src/components/jira-support-widget/jira-support-widget.component.jsx

@@ -3,7 +3,7 @@ import React, { useEffect } from "react";
 export default function JiraSupportComponent() {
   useScript();
 
-  return <div>Jira Temp Widget</div>;
+  return <div></div>;
 }
 
 const useScript = () => {

client/src/components/rbac-wrapper/rbac-wrapper.component.jsx

@@ -29,12 +29,6 @@ function RbacWrapper({
 }) {
   const { t } = useTranslation();
 
-  console.log(
-    "********object :>> ",
-    action,
-    rbacDefaults[action],
-    bodyshop.md_rbac[action]
-  );
   if (
     (requiredAuthLevel && requiredAuthLevel <= authLevel) ||
     ((bodyshop.md_rbac && bodyshop.md_rbac[action]) || rbacDefaults[action]) <=

client/src/components/shop-sub-status/shop-sub-status.component.jsx

@@ -0,0 +1,33 @@
+import { Button, Result } from "antd";
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { selectBodyshop } from "../../redux/user/user.selectors";
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop,
+});
+const mapDispatchToProps = (dispatch) => ({
+  //setUserLanguage: language => dispatch(setUserLanguage(language))
+});
+export default connect(mapStateToProps, mapDispatchToProps)(ShopSubStatus);
+
+export function ShopSubStatus({ bodyshop }) {
+  const { t } = useTranslation();
+  const { sub_status } = bodyshop;
+  return (
+    <Result
+      status="403"
+      title={t(`general.labels.sub_status.${sub_status}`)}
+      extra={
+        <Button
+          onClick={() => {
+            alert("Not implemented yet.");
+          }}
+        >
+          {t("general.actions.submitticket")}
+        </Button>
+      }
+    />
+  );
+}

client/src/graphql/bodyshop.queries.js

@@ -80,6 +80,7 @@ export const QUERY_BODYSHOP = gql`
       use_fippa
       md_payment_types
       md_hour_split
+      sub_status
       employees {
         id
         first_name
@@ -158,6 +159,7 @@ export const UPDATE_SHOP = gql`
         use_fippa
         md_payment_types
         md_hour_split
+        sub_status
         employees {
           id
           first_name

client/src/pages/manage/manage.page.component.jsx

@@ -12,8 +12,10 @@ import ChatAffixContainer from "../../components/chat-affix/chat-affix.container
 import ConflictComponent from "../../components/conflict/conflict.component";
 import ErrorBoundary from "../../components/error-boundary/error-boundary.component";
 import FcmNotification from "../../components/fcm-notification/fcm-notification.component";
+import ShopSubStatusComponent from "../../components/shop-sub-status/shop-sub-status.component";
 //import FooterComponent from "../../components/footer/footer.component";
 //Component Imports
+
 import HeaderContainer from "../../components/header/header.container";
 import JiraSupportComponent from "../../components/jira-support-widget/jira-support-widget.component";
 import LoadingSpinner from "../../components/loading-spinner/loading-spinner.component";
@@ -21,7 +23,10 @@ import PartnerPingComponent from "../../components/partner-ping/partner-ping.com
 import PrintCenterModalContainer from "../../components/print-center-modal/print-center-modal.container";
 import TestComponent from "../../components/_test/test.component";
 import { QUERY_STRIPE_ID } from "../../graphql/bodyshop.queries";
-import { selectInstanceConflict } from "../../redux/user/user.selectors";
+import {
+  selectBodyshop,
+  selectInstanceConflict,
+} from "../../redux/user/user.selectors";
 import client from "../../utils/GraphQLClient";
 import "./manage.page.styles.scss";
 
@@ -166,15 +171,198 @@ const stripePromise = new Promise((resolve, reject) => {
 
 const mapStateToProps = createStructuredSelector({
   conflict: selectInstanceConflict,
+  bodyshop: selectBodyshop,
 });
 
-export function Manage({ match, conflict }) {
+export function Manage({ match, conflict, bodyshop }) {
   const { t } = useTranslation();
 
   useEffect(() => {
     document.title = t("titles.app");
   }, [t]);
 
+  const AppRouteTable = (
+    <Suspense
+      fallback={<LoadingSpinner message={t("general.labels.loadingapp")} />}
+    >
+      <Elements stripe={stripePromise}>
+        <PaymentModalContainer />
+      </Elements>
+      <BreadCrumbs />
+      <BillEnterModalContainer />
+      <JobCostingModal />
+      <ReportCenterModal />
+      <EmailOverlayContainer />
+      <TimeTicketModalContainer />
+      <PrintCenterModalContainer />
+      <Route exact path={`${match.path}/_test`} component={TestComponent} />
+      <Route exact path={`${match.path}`} component={ManageRootPage} />
+
+      <Route exact path={`${match.path}/jobs`} component={JobsPage} />
+      <Switch>
+        <Route
+          exact
+          path={`${match.path}/jobs/:jobId/intake`}
+          component={JobIntake}
+        />
+        <Route
+          exact
+          path={`${match.path}/jobs/:jobId/deliver`}
+          component={JobDeliver}
+        />
+        <Route
+          exact
+          path={`${match.path}/jobs/:jobId/checklist`}
+          component={JobChecklistView}
+        />
+        <Route
+          exact
+          path={`${match.path}/jobs/:jobId/close`}
+          component={JobsClose}
+        />
+        <Route
+          exact
+          path={`${match.path}/jobs/:jobId/admin`}
+          component={JobsAdmin}
+        />
+        <Route exact path={`${match.path}/jobs/all`} component={AllJobs} />
+        <Route
+          exact
+          path={`${match.path}/jobs/new`}
+          component={JobsCreateContainerPage}
+        />
+        <Route path={`${match.path}/jobs/:jobId`} component={JobsDetailPage} />
+      </Switch>
+      <Route exact path={`${match.path}/temporarydocs/`} component={TempDocs} />
+      <Route
+        exact
+        path={`${match.path}/courtesycars/`}
+        component={CourtesyCarsPage}
+      />
+      <Switch>
+        <Route
+          exact
+          path={`${match.path}/courtesycars/new`}
+          component={CourtesyCarCreateContainer}
+        />
+
+        <Route
+          exact
+          path={`${match.path}/courtesycars/contracts`}
+          component={ContractsList}
+        />
+
+        <Route
+          exact
+          path={`${match.path}/courtesycars/contracts/new`}
+          component={ContractCreatePage}
+        />
+        <Route
+          exact
+          path={`${match.path}/courtesycars/contracts/:contractId`}
+          component={ContractDetailPage}
+        />
+
+        <Route
+          exact
+          path={`${match.path}/courtesycars/:ccId`}
+          component={CourtesyCarDetailContainer}
+        />
+      </Switch>
+      <Route exact path={`${match.path}/profile`} component={ProfilePage} />
+      <Route
+        exact
+        path={`${match.path}/vehicles`}
+        component={VehiclesContainer}
+      />
+      <Route
+        exact
+        path={`${match.path}/production/list`}
+        component={ProductionListPage}
+      />
+      <Route
+        exact
+        path={`${match.path}/production/board`}
+        component={ProductionBoardPage}
+      />
+      <Route
+        exact
+        path={`${match.path}/vehicles/:vehId`}
+        component={VehiclesDetailContainer}
+      />
+      <Route exact path={`${match.path}/bills`} component={BillsListPage} />
+      <Route exact path={`${match.path}/owners`} component={OwnersContainer} />
+      <Route
+        exact
+        path={`${match.path}/owners/:ownerId`}
+        component={OwnersDetailContainer}
+      />
+      <Route
+        exact
+        path={`${match.path}/schedule`}
+        component={ScheduleContainer}
+      />
+      <Route
+        exact
+        path={`${match.path}/available`}
+        component={JobsAvailablePage}
+      />
+      <Route exact path={`${match.path}/shop/`} component={ShopPage} />
+
+      {
+        //   <Route
+        // exact
+        // path={`${match.path}/shop/templates`}
+        // component={ShopTemplates}
+        //   />
+      }
+
+      <Route
+        exact
+        path={`${match.path}/shop/vendors`}
+        component={ShopVendorPageContainer}
+      />
+      <Route
+        exact
+        path={`${match.path}/shop/csi`}
+        component={ShopCsiPageContainer}
+      />
+      <Route
+        exact
+        path={`${match.path}/accounting/receivables`}
+        component={AccountingReceivables}
+      />
+      <Route
+        exact
+        path={`${match.path}/accounting/payables`}
+        component={AccountingPayables}
+      />
+      <Route
+        exact
+        path={`${match.path}/accounting/payments`}
+        component={AccountingPayments}
+      />
+      <Route exact path={`${match.path}/partsqueue`} component={PartsQueue} />
+      <Route exact path={`${match.path}/payments`} component={PaymentsAll} />
+      <Route exact path={`${match.path}/shiftclock`} component={ShiftClock} />
+      <Route exact path={`${match.path}/scoreboard`} component={Scoreboard} />
+      <Route
+        exact
+        path={`${match.path}/timetickets`}
+        component={TimeTicketsAll}
+      />
+      <Route exact path={`${match.path}/help`} component={Help} />
+      <Route exact path={`${match.path}/emailtest`} component={EmailTest} />
+    </Suspense>
+  );
+
+  let PageContent;
+
+  if (conflict) PageContent = <ConflictComponent />;
+  else if (bodyshop && bodyshop.sub_status !== "active")
+    PageContent = <ShopSubStatusComponent />;
+  else PageContent = AppRouteTable;
+
   return (
     <Layout className="layout-container">
       <Header>
@@ -183,233 +371,7 @@ export function Manage({ match, conflict }) {
       <Content className="content-container">
         <FcmNotification />
         <PartnerPingComponent />
-        <ErrorBoundary>
-          {conflict ? (
-            <ConflictComponent />
-          ) : (
-            <Suspense
-              fallback={
-                <LoadingSpinner message={t("general.labels.loadingapp")} />
-              }
-            >
-              <Elements stripe={stripePromise}>
-                <PaymentModalContainer />
-              </Elements>
-              <BreadCrumbs />
-              <BillEnterModalContainer />
-              <JobCostingModal />
-              <ReportCenterModal />
-              <EmailOverlayContainer />
-              <TimeTicketModalContainer />
-              <PrintCenterModalContainer />
-              <Route
-                exact
-                path={`${match.path}/_test`}
-                component={TestComponent}
-              />
-              <Route exact path={`${match.path}`} component={ManageRootPage} />
-
-              <Route exact path={`${match.path}/jobs`} component={JobsPage} />
-              <Switch>
-                <Route
-                  exact
-                  path={`${match.path}/jobs/:jobId/intake`}
-                  component={JobIntake}
-                />
-                <Route
-                  exact
-                  path={`${match.path}/jobs/:jobId/deliver`}
-                  component={JobDeliver}
-                />
-                <Route
-                  exact
-                  path={`${match.path}/jobs/:jobId/checklist`}
-                  component={JobChecklistView}
-                />
-                <Route
-                  exact
-                  path={`${match.path}/jobs/:jobId/close`}
-                  component={JobsClose}
-                />
-                <Route
-                  exact
-                  path={`${match.path}/jobs/:jobId/admin`}
-                  component={JobsAdmin}
-                />
-                <Route
-                  exact
-                  path={`${match.path}/jobs/all`}
-                  component={AllJobs}
-                />
-                <Route
-                  exact
-                  path={`${match.path}/jobs/new`}
-                  component={JobsCreateContainerPage}
-                />
-                <Route
-                  path={`${match.path}/jobs/:jobId`}
-                  component={JobsDetailPage}
-                />
-              </Switch>
-              <Route
-                exact
-                path={`${match.path}/temporarydocs/`}
-                component={TempDocs}
-              />
-              <Route
-                exact
-                path={`${match.path}/courtesycars/`}
-                component={CourtesyCarsPage}
-              />
-              <Switch>
-                <Route
-                  exact
-                  path={`${match.path}/courtesycars/new`}
-                  component={CourtesyCarCreateContainer}
-                />
-
-                <Route
-                  exact
-                  path={`${match.path}/courtesycars/contracts`}
-                  component={ContractsList}
-                />
-
-                <Route
-                  exact
-                  path={`${match.path}/courtesycars/contracts/new`}
-                  component={ContractCreatePage}
-                />
-                <Route
-                  exact
-                  path={`${match.path}/courtesycars/contracts/:contractId`}
-                  component={ContractDetailPage}
-                />
-
-                <Route
-                  exact
-                  path={`${match.path}/courtesycars/:ccId`}
-                  component={CourtesyCarDetailContainer}
-                />
-              </Switch>
-              <Route
-                exact
-                path={`${match.path}/profile`}
-                component={ProfilePage}
-              />
-              <Route
-                exact
-                path={`${match.path}/vehicles`}
-                component={VehiclesContainer}
-              />
-              <Route
-                exact
-                path={`${match.path}/production/list`}
-                component={ProductionListPage}
-              />
-              <Route
-                exact
-                path={`${match.path}/production/board`}
-                component={ProductionBoardPage}
-              />
-              <Route
-                exact
-                path={`${match.path}/vehicles/:vehId`}
-                component={VehiclesDetailContainer}
-              />
-              <Route
-                exact
-                path={`${match.path}/bills`}
-                component={BillsListPage}
-              />
-              <Route
-                exact
-                path={`${match.path}/owners`}
-                component={OwnersContainer}
-              />
-              <Route
-                exact
-                path={`${match.path}/owners/:ownerId`}
-                component={OwnersDetailContainer}
-              />
-              <Route
-                exact
-                path={`${match.path}/schedule`}
-                component={ScheduleContainer}
-              />
-              <Route
-                exact
-                path={`${match.path}/available`}
-                component={JobsAvailablePage}
-              />
-              <Route exact path={`${match.path}/shop/`} component={ShopPage} />
-
-              {
-                //   <Route
-                // exact
-                // path={`${match.path}/shop/templates`}
-                // component={ShopTemplates}
-                //   />
-              }
-
-              <Route
-                exact
-                path={`${match.path}/shop/vendors`}
-                component={ShopVendorPageContainer}
-              />
-              <Route
-                exact
-                path={`${match.path}/shop/csi`}
-                component={ShopCsiPageContainer}
-              />
-              <Route
-                exact
-                path={`${match.path}/accounting/receivables`}
-                component={AccountingReceivables}
-              />
-              <Route
-                exact
-                path={`${match.path}/accounting/payables`}
-                component={AccountingPayables}
-              />
-              <Route
-                exact
-                path={`${match.path}/accounting/payments`}
-                component={AccountingPayments}
-              />
-              <Route
-                exact
-                path={`${match.path}/partsqueue`}
-                component={PartsQueue}
-              />
-              <Route
-                exact
-                path={`${match.path}/payments`}
-                component={PaymentsAll}
-              />
-              <Route
-                exact
-                path={`${match.path}/shiftclock`}
-                component={ShiftClock}
-              />
-              <Route
-                exact
-                path={`${match.path}/scoreboard`}
-                component={Scoreboard}
-              />
-              <Route
-                exact
-                path={`${match.path}/timetickets`}
-                component={TimeTicketsAll}
-              />
-              <Route exact path={`${match.path}/help`} component={Help} />
-              <Route
-                exact
-                path={`${match.path}/emailtest`}
-                component={EmailTest}
-              />
-            </Suspense>
-          )}
-        </ErrorBoundary>
+        <ErrorBoundary>{PageContent}</ErrorBoundary>
         <ChatAffixContainer />
 
         <BackTop />

client/src/pages/manage/manage.page.container.jsx

@@ -1,15 +1,14 @@
 import { useQuery } from "@apollo/client";
 import React, { useEffect } from "react";
+import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
 import AlertComponent from "../../components/alert/alert.component";
+import LoadingSpinner from "../../components/loading-spinner/loading-spinner.component";
 import { QUERY_BODYSHOP } from "../../graphql/bodyshop.queries";
 import { setBodyshop } from "../../redux/user/user.actions";
-import ManagePage from "./manage.page.component";
-import LoadingSpinner from "../../components/loading-spinner/loading-spinner.component";
-import { useTranslation } from "react-i18next";
-import { createStructuredSelector } from "reselect";
 import { selectBodyshop } from "../../redux/user/user.selectors";
-import NoShop from "../../components/no-shop/no-shop.component";
+import ManagePage from "./manage.page.component";
 
 const mapStateToProps = createStructuredSelector({ bodyshop: selectBodyshop });
 
@@ -32,8 +31,6 @@ function ManagePageContainer({ match, setBodyshop, bodyshop }) {
     return <LoadingSpinner message={t("general.labels.loadingshop")} />;
   if (error) return <AlertComponent message={error.message} type="error" />;
 
-  if (bodyshop && bodyshop.notfound) return <NoShop />;
-
   return <ManagePage match={match} />;
 }
 

client/src/translations/en_us/common.json

@@ -764,6 +764,9 @@
 				"sendagain": "Send Again",
 				"sendby": "Send By",
 				"signin": "Sign In",
+				"sub_status": {
+					"expired": "The subscription for this shop has expired.  Please contact technical support to reactivate the subscription. "
+				},
 				"sunday": "Sunday",
 				"text": "Text",
 				"thursday": "Thursday",

client/src/translations/es/common.json

@@ -764,6 +764,9 @@
 				"sendagain": "",
 				"sendby": "",
 				"signin": "",
+				"sub_status": {
+					"expired": ""
+				},
 				"sunday": "",
 				"text": "",
 				"thursday": "",

client/src/translations/fr/common.json

@@ -764,6 +764,9 @@
 				"sendagain": "",
 				"sendby": "",
 				"signin": "",
+				"sub_status": {
+					"expired": ""
+				},
 				"sunday": "",
 				"text": "",
 				"thursday": "",

hasura/migrations/1615929091635_alter_table_public_bodyshops_add_column_sub_status/down.yaml

@@ -0,0 +1,5 @@
+- args:
+    cascade: false
+    read_only: false
+    sql: ALTER TABLE "public"."bodyshops" DROP COLUMN "sub_status";
+  type: run_sql

hasura/migrations/1615929091635_alter_table_public_bodyshops_add_column_sub_status/up.yaml

@@ -0,0 +1,6 @@
+- args:
+    cascade: false
+    read_only: false
+    sql: ALTER TABLE "public"."bodyshops" ADD COLUMN "sub_status" text NOT NULL DEFAULT
+      'active';
+  type: run_sql

hasura/migrations/1615929109833_update_permission_user_public_table_bodyshops/down.yaml

@@ -0,0 +1,78 @@
+- args:
+    role: user
+    table:
+      name: bodyshops
+      schema: public
+  type: drop_select_permission
+- args:
+    permission:
+      allow_aggregations: false
+      columns:
+      - accountingconfig
+      - address1
+      - address2
+      - appt_alt_transport
+      - appt_colors
+      - appt_length
+      - bill_tax_rates
+      - city
+      - country
+      - created_at
+      - default_adjustment_rate
+      - deliverchecklist
+      - email
+      - enforce_class
+      - federal_tax_id
+      - id
+      - imexshopid
+      - inhousevendorid
+      - insurance_vendor_id
+      - intakechecklist
+      - logo_img_path
+      - md_categories
+      - md_classes
+      - md_hour_split
+      - md_ins_cos
+      - md_labor_rates
+      - md_messaging_presets
+      - md_notes_presets
+      - md_order_statuses
+      - md_parts_locations
+      - md_payment_types
+      - md_rbac
+      - md_referral_sources
+      - md_responsibility_centers
+      - md_ro_statuses
+      - messagingservicesid
+      - phone
+      - prodtargethrs
+      - production_config
+      - region_config
+      - schedule_end_time
+      - schedule_start_time
+      - scoreboard_target
+      - shopname
+      - shoprates
+      - speedprint
+      - ssbuckets
+      - state
+      - state_tax_id
+      - stripe_acct_id
+      - target_touchtime
+      - template_header
+      - textid
+      - updated_at
+      - use_fippa
+      - workingdays
+      - zip_post
+      computed_fields: []
+      filter:
+        associations:
+          user:
+            authid:
+              _eq: X-Hasura-User-Id
+    role: user
+    table:
+      name: bodyshops
+      schema: public
+  type: create_select_permission

hasura/migrations/1615929109833_update_permission_user_public_table_bodyshops/up.yaml

@@ -0,0 +1,79 @@
+- args:
+    role: user
+    table:
+      name: bodyshops
+      schema: public
+  type: drop_select_permission
+- args:
+    permission:
+      allow_aggregations: false
+      columns:
+      - accountingconfig
+      - address1
+      - address2
+      - appt_alt_transport
+      - appt_colors
+      - appt_length
+      - bill_tax_rates
+      - city
+      - country
+      - created_at
+      - default_adjustment_rate
+      - deliverchecklist
+      - email
+      - enforce_class
+      - federal_tax_id
+      - id
+      - imexshopid
+      - inhousevendorid
+      - insurance_vendor_id
+      - intakechecklist
+      - logo_img_path
+      - md_categories
+      - md_classes
+      - md_hour_split
+      - md_ins_cos
+      - md_labor_rates
+      - md_messaging_presets
+      - md_notes_presets
+      - md_order_statuses
+      - md_parts_locations
+      - md_payment_types
+      - md_rbac
+      - md_referral_sources
+      - md_responsibility_centers
+      - md_ro_statuses
+      - messagingservicesid
+      - phone
+      - prodtargethrs
+      - production_config
+      - region_config
+      - schedule_end_time
+      - schedule_start_time
+      - scoreboard_target
+      - shopname
+      - shoprates
+      - speedprint
+      - ssbuckets
+      - state
+      - state_tax_id
+      - stripe_acct_id
+      - sub_status
+      - target_touchtime
+      - template_header
+      - textid
+      - updated_at
+      - use_fippa
+      - workingdays
+      - zip_post
+      computed_fields: []
+      filter:
+        associations:
+          user:
+            authid:
+              _eq: X-Hasura-User-Id
+    role: user
+    table:
+      name: bodyshops
+      schema: public
+  type: create_select_permission

hasura/migrations/metadata.yaml

@@ -777,6 +777,7 @@ tables:
       - state
       - state_tax_id
       - stripe_acct_id
+      - sub_status
       - target_touchtime
       - template_header
       - textid