- Progress Commit

Signed-off-by: Dave Richer <dave@imexsystems.ca>

.circleci/config.yml

@@ -6,7 +6,7 @@ orbs:
   aws-cli: circleci/aws-cli@4.0
   eb: circleci/aws-elastic-beanstalk@2.0.1
 jobs:
-  api-deploy:
+  imex-api-deploy:
     docker:
       - image: cimg/node:18.18.2
     steps:
@@ -19,9 +19,9 @@ jobs:
             eb deploy
             eb status
 
-  hasura-migrate:
+  imex-hasura-migrate:
     docker:
-      - image: cimg/node:16.15.0
+      - image: cimg/node:18.18.2
     parameters:
       secret:
         type: string
@@ -38,9 +38,9 @@ jobs:
             hasura metadata apply --endpoint https://db.imex.online/ --admin-secret << parameters.secret >>
             hasura metadata reload --endpoint https://db.imex.online/ --admin-secret << parameters.secret >>
 
-  app-build:
+  imex-app-build:
     docker:
-      - image: cimg/node:16.15.0
+      - image: cimg/node:18.18.2
 
     working_directory: ~/repo/client
 
@@ -51,7 +51,12 @@ jobs:
           name: Install Dependencies
           command: npm i
 
-      - run: npm run build
+      - run: npm run build:imex
+
+      - aws-cli/setup:
+          aws_access_key_id: AWS_ACCESS_KEY_ID
+          aws_secret_access_key: AWS_SECRET_ACCESS_KEY
+          region: AWS_REGION
 
       - aws-s3/sync:
           from: build
@@ -73,11 +78,11 @@ jobs:
 
   rome-hasura-migrate:
     docker:
-      - image: cimg/node:16.15.0
+      - image: cimg/node:18.18.2
     parameters:
       secret:
         type: string
-        default: $HASURA_PROD_SECRET
+        default: $HASURA_ROME_PROD_SECRET
     working_directory: ~/repo/hasura
     steps:
       - checkout:
@@ -92,33 +97,28 @@ jobs:
 
   rome-app-build:
     docker:
-      - image: cimg/node:16.15.0
+      - image: cimg/node:18.18.2
 
     working_directory: ~/repo/client
 
     steps:
       - checkout:
           path: ~/repo
-
-      - restore_cache:
-          name: Restore Yarn Package Cache
-          keys:
-            - yarn-packages-{{ checksum "yarn.lock" }}
       - run:
           name: Install Dependencies
-          command: yarn install --frozen-lockfile --cache-folder ~/.cache/yarn
-      - save_cache:
-          name: Save Yarn Package Cache
-          key: yarn-packages-{{ checksum "yarn.lock" }}
-          paths:
-            - ~/.cache/yarn
+          command: npm i
 
-      - run: yarn run build
+      - run: npm run build:rome
+
+      - aws-cli/setup:
+          aws_access_key_id: AWS_ACCESS_KEY_ID
+          aws_secret_access_key: AWS_SECRET_ACCESS_KEY
+          region: AWS_REGION
 
       - aws-s3/sync:
           from: build
           to: "s3://rome-online-production/"
-      - jira/notify
+          arguments: "--exclude '*.map'"
 
   test-rome-hasura-migrate:
     docker:
@@ -135,86 +135,30 @@ jobs:
           name: Execute migration
           command: |
             npm install hasura-cli -g
-            echo ${HASURA_TEST_SECRET}
             hasura migrate apply --endpoint https://db.test.romeonline.io/ --admin-secret << parameters.secret >>
             hasura metadata apply --endpoint https://db.test.romeonline.io/ --admin-secret << parameters.secret >>
             hasura metadata reload --endpoint https://db.test.romeonline.io/ --admin-secret << parameters.secret >>
 
   test-rome-app-build:
     docker:
-      - image: cimg/node:16.15.0
+      - image: cimg/node:18.18.2
 
     working_directory: ~/repo/client
 
     steps:
       - checkout:
           path: ~/repo
-
-      - restore_cache:
-          name: Restore Yarn Package Cache
-          keys:
-            - yarn-packages-{{ checksum "yarn.lock" }}
       - run:
           name: Install Dependencies
-          command: yarn install --frozen-lockfile --cache-folder ~/.cache/yarn
-      - save_cache:
-          name: Save Yarn Package Cache
-          key: yarn-packages-{{ checksum "yarn.lock" }}
-          paths:
-            - ~/.cache/yarn
+          command: npm i
 
-      - run: yarn run build:test
+      - run: npm run build:test:rome
 
       - aws-s3/sync:
           from: build
           to: "s3://rome-online-test/"
-      - jira/notify
-
-  app-beta-build:
-    docker:
-      - image: cimg/node:18.18.2
-    resource_class: large
-    working_directory: ~/repo/client
-
-    steps:
-      - checkout:
-          path: ~/repo
-      - run:
-          name: Install Dependencies
-          command: npm i
-
-      - run: npm run build
-
-      - aws-cli/setup:
-          aws_access_key_id: AWS_ACCESS_KEY_ID
-          aws_secret_access_key: AWS_SECRET_ACCESS_KEY
-          region: AWS_REGION
-
-      - aws-s3/sync:
-          from: build
-          to: "s3://imex-online-beta/"
           arguments: "--exclude '*.map'"
-      - jira/notify
 
-  rome-app-beta-build:
-    docker:
-      - image: cimg/node:18.18.2
-    resource_class: large
-    working_directory: ~/repo/client
-
-    steps:
-      - checkout:
-          path: ~/repo
-      - run:
-          name: Install Dependencies
-          command: npm i
-
-      - run: npm run build
-
-      - aws-s3/sync:
-          from: build
-          to: "s3://rome-online-production-beta/"
-      - jira/notify
 
   test-hasura-migrate:
     docker:
@@ -231,15 +175,14 @@ jobs:
           name: Execute migration
           command: |
             npm install hasura-cli -g
-            echo ${HASURA_TEST_SECRET}
             hasura migrate apply --endpoint https://db.test.bodyshop.app/ --admin-secret << parameters.secret >>
             hasura metadata apply --endpoint https://db.test.bodyshop.app/ --admin-secret << parameters.secret >>
             hasura metadata reload --endpoint https://db.test.bodyshop.app/ --admin-secret << parameters.secret >>
 
-  test-app-build:
+  imex-test-app-build:
     docker:
       - image: cimg/node:16.15.0
-
+    resource_class: large
     working_directory: ~/repo/client
 
     steps:
@@ -249,61 +192,13 @@ jobs:
           name: Install Dependencies
           command: npm i
 
-      - run: npm run build:test
+      - run: npm run build:test:imex
 
       - aws-s3/sync:
           from: build
           to: "s3://imex-online-test/"
           arguments: "--exclude '*.map'"
 
-  test-app-beta-build:
-    docker:
-      - image: cimg/node:18.18.2
-    resource_class: large
-    working_directory: ~/repo/client
-
-    steps:
-      - checkout:
-          path: ~/repo
-
-      - run:
-          name: Install Dependencies
-          command: npm i
-
-      - run: npm run build:test
-
-      - run: npm run sentry:sourcemaps
-
-      - aws-cli/setup:
-          aws_access_key_id: AWS_ACCESS_KEY_ID
-          aws_secret_access_key: AWS_SECRET_ACCESS_KEY
-          region: AWS_REGION
-
-      - aws-s3/sync:
-          from: build
-          to: "s3://imex-online-test-beta/"
-          arguments: "--exclude '*.map'"
-
-  rome-test-app-beta-build:
-    docker:
-      - image: cimg/node:18.18.2
-    resource_class: large
-    working_directory: ~/repo/client
-
-    steps:
-      - checkout:
-          path: ~/repo
-
-      - run:
-          name: Install Dependencies
-          command: npm i
-
-      - run: npm run build:test
-
-      - aws-s3/sync:
-          from: build
-          to: "s3://rome-online-test-beta/"
-
 
   admin-app-build:
     docker:
@@ -338,22 +233,14 @@ jobs:
 workflows:
   deploy_and_build:
     jobs:
-      - api-deploy:
+      - imex-api-deploy:
           filters:
             branches:
               only: master
-      - app-build:
+      - imex-app-build:
           filters:
             branches:
               only: master
-      - app-beta-build:
-          filters:
-            branches:
-              only: master-beta
-      - rome-app-beta-build:
-          filters:
-            branches:
-              only: rome/master-beta
       - hasura-migrate:
           secret: ${HASURA_PROD_SECRET}
           filters:
@@ -372,18 +259,11 @@ workflows:
           filters:
             branches:
               only: rome/master
-      - test-app-build:
+      - imex-test-app-build:
           filters:
             branches:
               only: test
-      - rome-test-app-beta-build:
-          filters:
-            branches:
-              only: rome/test-beta
-      - test-app-beta-build:
-          filters:
-            branches:
-              only: test-beta
+
       - test-hasura-migrate:
           secret: ${HASURA_TEST_SECRET}
           filters:
@@ -401,4 +281,4 @@ workflows:
       #- admin-app-build:
       #filters:
       #branches:
-      #only: master
+      #only: master

.editorconfig

@@ -0,0 +1,21 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = false
+quote_type = single
+max_line_length = 100
+bracketSpacing = false
+
+[*.md]
+trim_trailing_whitespace = false
+
+[*.yml]
+indent_size = 2
+
+[*.json]
+indent_size = 2

.gitignore

@@ -21,6 +21,7 @@ admin/coverage
 /build
 client/build
 admin/build
+client/dist
 # misc
 .DS_Store
 .env
@@ -119,4 +120,4 @@ logs/oAuthClient-log.log
 
 /*.env.*
 .idea/*
-.idea
+.idea

.prettierrc.js

@@ -0,0 +1,16 @@
+exports.default = {
+  printWidth: 120,
+  useTabs: false,
+  tabWidth: 2,
+  trailingComma: 'es5',
+  semi: true,
+  singleQuote: false,
+  bracketSpacing: true,
+  arrowParens: 'always',
+  jsxSingleQuote: false,
+  bracketSameLine: false,
+  endOfLine: 'lf',
+  importOrder: ['^@core/(.*)$', '^@server/(.*)$', '^@ui/(.*)$', '^[./]'],
+  importOrderSeparation: true,
+  importOrderSortSpecifiers: true,
+};

_reference/BodyshopFeatures.json

@@ -0,0 +1,14 @@
+{
+  "mobile": "date",
+  "allAccess": "bool",
+  "timetickets": "date",
+  "payments": "date",
+  "partsorders": "date",
+  "bills": "Date",
+  "export": "date",
+  "csi": "Date",
+  "courtesycars": "date",
+  "media": "date",
+  "visualboard": "date",
+  "scoreboard": "date"
+}

_reference/reportFiltersAndSorters.md

@@ -0,0 +1,182 @@
+# Filters and Sorters
+
+This documentation details the schema required for `.filters` files on the report server. It is used to dynamically
+modify the graphQL query and provide the user more power over their reports.
+
+For filters and sorters, valid types include (`type` key in the schema):
+- string (default)
+- number
+- bool or boolean
+- date
+
+# Special Notes
+- When passing the data to the template server, the property filters and sorters is added to the data object and will reflect the filters and sorters the user has selected
+
+## High level Schema Overview
+
+```javascript
+const schema = {
+    "filters": [
+        {
+            "name": "jobs.joblines.mod_lb_hrs", // Name and path of the field in the graphQL query
+            "translation": "jobs.joblines.mod_lb_hrs_1", // Translation key for the label used in the GUI
+            "label": "mod_lb_hrs_1",    // Label used in the case the GUI does not contain a translation
+            "type": "number" // Type of field, can be number or string currently
+        },
+        // ... more filters
+    ],
+    "sorters": [
+        {
+            "name": "jobs.joblines.mod_lb_hrs",  // Name and path of the field in the graphQL query
+            "translation": "jobs.joblines.mod_lb_hrs_1",  // Translation key for the label used in the GUI
+            "label": "mod_lb_hrs_1", // Label used in the case the GUI does not contain a translation
+            "type": "number"  // Type of field, can be number or string currently
+        },
+        // ... more sorters
+    ],
+    "dates": {
+        // This is not yet implemented and will be added in a future release
+    }
+}
+```
+
+## Filters
+
+Filters effect the where clause of the graphQL query. They are used to filter the data returned from the server.
+A note on special notation used in the `name` field.
+
+## Reflection
+Filters can make use of reflection to pre-fill select boxes, the following is an example of that in the filters file.
+
+```
+    {
+      "name": "jobs.status",
+      "translation": "jobs.fields.status",
+      "label": "Status",
+      "type": "string",
+      "reflector": {
+        "type": "internal",
+        "name": "special.job_statuses"
+      }
+    },
+```
+
+in this example, a reflector with the type 'internal' (all types at the moment require this, and it is used for future functionality), with a name of `special.job_statuses`
+
+The following cases are available
+
+- `special.job_statuses` - This will reflect the statuses of the jobs table `bodyshop.md_ro_statuses.statuses'`
+- `special.cost_centers` - This will reflect the cost centers `bodyshop.md_responsibility_centers.costs`
+- `special.categories` - This will reflect the categories `bodyshop.md_categories`
+- `special.insurance_companies` - This will reflect the insurance companies `bodyshop.md_ins_cos`'
+- `special.employee_teams` - This will reflect the employee teams `bodyshop.employee_teams`
+- `special.employees` - This will reflect the employees `bodyshop.employees`
+- `special.first_names` - This will reflect the first names `bodyshop.employees`
+- `special.last_names` - This will reflect the last names `bodyshop.employees`
+- `special.referral_sources` - This will reflect the referral sources `bodyshop.md_referral_sources
+- `special.class`- This will reflect the class `bodyshop.md_classes`
+- 
+### Path without brackets, multi level
+
+`"name": "jobs.joblines.mod_lb_hrs",`
+This will produce a where clause at the `joblines` level of the graphQL query,
+
+```graphql
+query gendoc_hours_sold_detail_open($starttz: timestamptz!, $endtz: timestamptz!) {
+    jobs(
+        where: {date_invoiced: {_is_null: true}, date_open: {_gte: $starttz, _lte: $endtz}, ro_number: {_is_null: false}, voided: {_eq: false}}
+    ) {
+        joblines(
+            order_by: {line_no: asc}
+            where: {removed: {_eq: false}, mod_lb_hrs: {_lt: 3}}
+        ) {
+            line_no
+            mod_lbr_ty
+            mod_lb_hrs
+            convertedtolbr
+            convertedtolbr_data
+        }
+        ownr_co_nm
+        ownr_fn
+        ownr_ln
+        plate_no
+        ro_number
+        status
+        v_make_desc
+        v_model_desc
+        v_model_yr
+        v_vin
+        v_color
+    }
+}
+```
+
+### Path with brackets,top level
+
+`"name": "[jobs].joblines.mod_lb_hrs",`
+This will produce a where clause at the `jobs` level of the graphQL query.
+
+```graphql
+query gendoc_hours_sold_detail_open($starttz: timestamptz!, $endtz: timestamptz!) {
+    jobs(
+        where: {date_invoiced: {_is_null: true}, date_open: {_gte: $starttz, _lte: $endtz}, ro_number: {_is_null: false}, voided: {_eq: false}, joblines: {mod_lb_hrs: {_gt: 4}}}
+    ) {
+        joblines(
+            order_by: {line_no: asc}
+            where: {removed: {_eq: false}}
+        ) {
+            line_no
+            mod_lbr_ty
+            mod_lb_hrs
+            convertedtolbr
+            convertedtolbr_data
+        }
+        ownr_co_nm
+        ownr_fn
+        ownr_ln
+        plate_no
+        ro_number
+        status
+        v_make_desc
+        v_model_desc
+        v_model_yr
+        v_vin
+        v_color
+    }
+}
+```
+
+## Known Caveats
+
+- Will only support two level of nesting in the graphQL query `jobs.joblines.mod_lb_hrs` vs `[jobs].joblines.mod_lb_hrs`
+  is fine, but `jobs.[joblines.].some_table.mod_lb_hrs` is not.
+- The type object must be 'string' or 'number'  or 'bool' or 'boolean' or 'date' and is case-sensitive.
+- The `translation` key is used to look up the label in the GUI, if it is not found, the `label` key is used.
+- Do not add the ability to filter things that are already filtered as part of the original query, this would be
+  redundant and could cause issues.
+- Do not add the ability to filter on things like FK constraints, must like the above example.
+
+## Sorters
+
+- Sorters follow the same schema as filters, however, they do not do square bracket wrapping to indicate level hoisting,
+  a filter added on `job.md_status` would be added at the top level, and a filter added on `jobs.joblines.mod_lb_hrs`
+  would be added at the `joblines` level.
+- Most of the reports currently do sorting on a template level, this will need to change to actually see the results
+  using the sorters.
+
+### Default Sorters
+- A sorter can be given a default object containing a `order` and `direction` key value. This will be used to sort the report if the user does not select any of the sorters themselves.
+- The `order` key is the order in which the sorters are applied, and the `direction` key is the direction of the sort, either `asc` or `desc`.
+
+```json
+{
+    "name": "jobs.joblines.mod_lb_hrs",
+    "translation": "jobs.joblines.mod_lb_hrs_1",
+    "label": "mod_lb_hrs_1",
+    "type": "number",
+    "default": {
+        "order": 1,
+        "direction": "asc"
+    }
+}
+```

bodyshop_translations.babel

@@ -12686,6 +12686,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>insuranceexpired</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>
                                     <concept_node>
                                         <name>noteconvertedfrom</name>
                                         <definition_loaded>false</definition_loaded>
@@ -14429,6 +14450,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>phone</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>
                                     <concept_node>
                                         <name>prodhrs</name>
                                         <definition_loaded>false</definition_loaded>
@@ -14707,6 +14749,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>scheduledindate</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>
                                     <concept_node>
                                         <name>scheduledintoday</name>
                                         <definition_loaded>false</definition_loaded>
@@ -14728,6 +14791,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>scheduledoutdate</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>
                                     <concept_node>
                                         <name>scheduledouttoday</name>
                                         <definition_loaded>false</definition_loaded>
@@ -16700,6 +16784,445 @@
                             </folder_node>
                         </children>
                     </folder_node>
+                    <folder_node>
+                        <name>eula</name>
+                        <children>
+                            <folder_node>
+                                <name>buttons</name>
+                                <children>
+                                    <concept_node>
+                                        <name>accept</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>
+                            <folder_node>
+                                <name>content</name>
+                                <children>
+                                    <concept_node>
+                                        <name>never_scrolled</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>
+                            <folder_node>
+                                <name>errors</name>
+                                <children>
+                                    <folder_node>
+                                        <name>acceptance</name>
+                                        <children>
+                                            <concept_node>
+                                                <name>description</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>
+                                            <concept_node>
+                                                <name>message</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>
+                                </children>
+                            </folder_node>
+                            <folder_node>
+                                <name>labels</name>
+                                <children>
+                                    <concept_node>
+                                        <name>accepted_terms</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>
+                                    <concept_node>
+                                        <name>address</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>
+                                    <concept_node>
+                                        <name>business_name</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>
+                                    <concept_node>
+                                        <name>date_accepted</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>
+                                    <concept_node>
+                                        <name>first_name</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>
+                                    <concept_node>
+                                        <name>last_name</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>
+                                    <concept_node>
+                                        <name>phone_number</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>
+                            <folder_node>
+                                <name>messages</name>
+                                <children>
+                                    <concept_node>
+                                        <name>accepted_terms</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>
+                                    <concept_node>
+                                        <name>business_name</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>
+                                    <concept_node>
+                                        <name>date_accepted</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>
+                                    <concept_node>
+                                        <name>first_name</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>
+                                    <concept_node>
+                                        <name>last_name</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>
+                                    <concept_node>
+                                        <name>phone_number</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>
+                            <folder_node>
+                                <name>titles</name>
+                                <children>
+                                    <concept_node>
+                                        <name>modal</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>
+                                    <concept_node>
+                                        <name>upper_card</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>
+                        </children>
+                    </folder_node>
                     <folder_node>
                         <name>exportlogs</name>
                         <children>
@@ -30231,6 +30754,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>calc_scheuled_completion</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>
                                     <folder_node>
                                         <name>cards</name>
                                         <children>
@@ -32230,6 +32774,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>parts_lines</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>
                                     <concept_node>
                                         <name>parts_received</name>
                                         <definition_loaded>false</definition_loaded>
@@ -33458,6 +34023,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>update_scheduled_completion</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>
                                     <concept_node>
                                         <name>vehicle_info</name>
                                         <definition_loaded>false</definition_loaded>
@@ -44721,6 +45307,216 @@
                             <folder_node>
                                 <name>labels</name>
                                 <children>
+                                    <concept_node>
+                                        <name>advanced_filters</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>
+                                    <concept_node>
+                                        <name>advanced_filters_filter_field</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>
+                                    <concept_node>
+                                        <name>advanced_filters_filter_operator</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>
+                                    <concept_node>
+                                        <name>advanced_filters_filter_value</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>
+                                    <concept_node>
+                                        <name>advanced_filters_filters</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>
+                                    <concept_node>
+                                        <name>advanced_filters_hide</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>
+                                    <concept_node>
+                                        <name>advanced_filters_show</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>
+                                    <concept_node>
+                                        <name>advanced_filters_sorter_direction</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>
+                                    <concept_node>
+                                        <name>advanced_filters_sorter_field</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>
+                                    <concept_node>
+                                        <name>advanced_filters_sorters</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>
                                     <concept_node>
                                         <name>dates</name>
                                         <definition_loaded>false</definition_loaded>
@@ -51552,6 +52348,27 @@
                                     </translation>
                                 </translations>
                             </concept_node>
+                            <concept_node>
+                                <name>imexonline</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>
                             <concept_node>
                                 <name>inventory</name>
                                 <definition_loaded>false</definition_loaded>
@@ -51993,6 +52810,27 @@
                                     </translation>
                                 </translations>
                             </concept_node>
+                            <concept_node>
+                                <name>promanager</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>
                             <concept_node>
                                 <name>readyjobs</name>
                                 <definition_loaded>false</definition_loaded>
@@ -52056,6 +52894,27 @@
                                     </translation>
                                 </translations>
                             </concept_node>
+                            <concept_node>
+                                <name>romeonline</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>
                             <concept_node>
                                 <name>schedule</name>
                                 <definition_loaded>false</definition_loaded>

client/.env.development

@@ -1,14 +0,0 @@
-REACT_APP_GRAPHQL_ENDPOINT=https://db.dev.bodyshop.app/v1/graphql
-REACT_APP_GRAPHQL_ENDPOINT_WS=wss://db.dev.bodyshop.app/v1/graphql
-REACT_APP_GA_CODE=231099835
-REACT_APP_FIREBASE_CONFIG={  "apiKey": "AIzaSyAuLQR9SV5LsVxjU8wh9hvFLdhcAHU6cxE",  "authDomain": "rome-prod-1.firebaseapp.com",  "projectId": "rome-prod-1",  "storageBucket": "rome-prod-1.appspot.com",  "messagingSenderId": "147786367145",  "appId": "1:147786367145:web:9d4cba68071c3f29a8a9b8",  "measurementId": "G-G8Z9DRHTZS"}
-REACT_APP_CLOUDINARY_ENDPOINT_API=https://api.cloudinary.com/v1_1/io-test
-REACT_APP_CLOUDINARY_ENDPOINT=https://res.cloudinary.com/io-test
-REACT_APP_CLOUDINARY_API_KEY=957865933348715
-REACT_APP_CLOUDINARY_THUMB_TRANSFORMATIONS=c_fill,h_250,w_250
-REACT_APP_FIREBASE_PUBLIC_VAPID_KEY='BP1B7ZTYpn-KMt6nOxlld6aS8Skt3Q7ZLEqP0hAvGHxG4UojPYiXZ6kPlzZkUC5jH-EcWXomTLtmadAIxurfcHo'
-REACT_APP_STRIPE_PUBLIC_KEY=pk_test_51GqB4TJl3nQjrZ0wCQWAxAhlNF8jKe0tipIa6ExBaxwJGitwvFsIZUEua4dUzaMIAuXp4qwYHXx7lgjyQSwP0Pe900vzm38C7g
-REACT_APP_AXIOS_BASE_API_URL=http://localhost:4000
-REACT_APP_REPORTS_SERVER_URL=https://reports3.test.imex.online
-REACT_APP_SPLIT_API=ts615lqgnmk84thn72uk18uu5pgce6e0l4rc
-REACT_APP_COUNTRY=USA

client/.env.development.imex

@@ -0,0 +1,14 @@
+VITE_APP_GRAPHQL_ENDPOINT=https://db.dev.bodyshop.app/v1/graphql
+VITE_APP_GRAPHQL_ENDPOINT_WS=wss://db.dev.bodyshop.app/v1/graphql
+VITE_APP_GA_CODE=231099835
+VITE_APP_FIREBASE_CONFIG={"apiKey":"AIzaSyDPLT8GiDHDR1R4nI66Qi0BY1aYviDPioc","authDomain":"imex-dev.firebaseapp.com","databaseURL":"https://imex-dev.firebaseio.com","projectId":"imex-dev","storageBucket":"imex-dev.appspot.com","messagingSenderId":"759548147434","appId":"1:759548147434:web:e8239868a48ceb36700993","measurementId":"G-K5XRBVVB4S"}
+VITE_APP_CLOUDINARY_ENDPOINT_API=https://api.cloudinary.com/v1_1/io-test
+VITE_APP_CLOUDINARY_ENDPOINT=https://res.cloudinary.com/io-test
+VITE_APP_CLOUDINARY_API_KEY=957865933348715
+VITE_APP_CLOUDINARY_THUMB_TRANSFORMATIONS=c_fill,h_250,w_250
+VITE_APP_FIREBASE_PUBLIC_VAPID_KEY='BG3tzU7L2BXlGZ_3VLK4PNaRceoEXEnmHfxcVbRMF5o5g05ejslhVPki9kBM9cBBT-08Ad9kN3HSpS6JmrWD6h4'
+VITE_APP_STRIPE_PUBLIC_KEY=pk_test_51GqB4TJl3nQjrZ0wCQWAxAhlNF8jKe0tipIa6ExBaxwJGitwvFsIZUEua4dUzaMIAuXp4qwYHXx7lgjyQSwP0Pe900vzm38C7g
+VITE_APP_AXIOS_BASE_API_URL=http://localhost:4000
+VITE_APP_REPORTS_SERVER_URL=https://reports3.test.imex.online
+VITE_APP_SPLIT_API=ts615lqgnmk84thn72uk18uu5pgce6e0l4rc
+VITE_APP_INSTANCE=IMEX

client/.env.development.promanager

@@ -0,0 +1,14 @@
+VITE_APP_GRAPHQL_ENDPOINT=https://db.dev.bodyshop.app/v1/graphql
+VITE_APP_GRAPHQL_ENDPOINT_WS=wss://db.dev.bodyshop.app/v1/graphql
+VITE_APP_GA_CODE=231099835
+VITE_APP_FIREBASE_CONFIG={  "apiKey": "AIzaSyAuLQR9SV5LsVxjU8wh9hvFLdhcAHU6cxE",  "authDomain": "rome-prod-1.firebaseapp.com",  "projectId": "rome-prod-1",  "storageBucket": "rome-prod-1.appspot.com",  "messagingSenderId": "147786367145",  "appId": "1:147786367145:web:9d4cba68071c3f29a8a9b8",  "measurementId": "G-G8Z9DRHTZS"}
+VITE_APP_CLOUDINARY_ENDPOINT_API=https://api.cloudinary.com/v1_1/io-test
+VITE_APP_CLOUDINARY_ENDPOINT=https://res.cloudinary.com/io-test
+VITE_APP_CLOUDINARY_API_KEY=957865933348715
+VITE_APP_CLOUDINARY_THUMB_TRANSFORMATIONS=c_fill,h_250,w_250
+VITE_APP_FIREBASE_PUBLIC_VAPID_KEY='BG3tzU7L2BXlGZ_3VLK4PNaRceoEXEnmHfxcVbRMF5o5g05ejslhVPki9kBM9cBBT-08Ad9kN3HSpS6JmrWD6h4'
+VITE_APP_STRIPE_PUBLIC_KEY=pk_test_51GqB4TJl3nQjrZ0wCQWAxAhlNF8jKe0tipIa6ExBaxwJGitwvFsIZUEua4dUzaMIAuXp4qwYHXx7lgjyQSwP0Pe900vzm38C7g
+VITE_APP_AXIOS_BASE_API_URL=http://localhost:4000
+VITE_APP_REPORTS_SERVER_URL=https://reports3.test.imex.online
+VITE_APP_SPLIT_API=ts615lqgnmk84thn72uk18uu5pgce6e0l4rc
+VITE_APP_INSTANCE=PROMANAGER

client/.env.development.rome

@@ -0,0 +1,15 @@
+VITE_APP_GRAPHQL_ENDPOINT=https://db.dev.bodyshop.app/v1/graphql
+VITE_APP_GRAPHQL_ENDPOINT_WS=wss://db.dev.bodyshop.app/v1/graphql
+VITE_APP_GA_CODE=231099835
+VITE_APP_FIREBASE_CONFIG={  "apiKey": "AIzaSyAuLQR9SV5LsVxjU8wh9hvFLdhcAHU6cxE",  "authDomain": "rome-prod-1.firebaseapp.com",  "projectId": "rome-prod-1",  "storageBucket": "rome-prod-1.appspot.com",  "messagingSenderId": "147786367145",  "appId": "1:147786367145:web:9d4cba68071c3f29a8a9b8",  "measurementId": "G-G8Z9DRHTZS"}
+VITE_APP_CLOUDINARY_ENDPOINT_API=https://api.cloudinary.com/v1_1/io-test
+VITE_APP_CLOUDINARY_ENDPOINT=https://res.cloudinary.com/io-test
+VITE_APP_CLOUDINARY_API_KEY=957865933348715
+VITE_APP_CLOUDINARY_THUMB_TRANSFORMATIONS=c_fill,h_250,w_250
+VITE_APP_FIREBASE_PUBLIC_VAPID_KEY='BP1B7ZTYpn-KMt6nOxlld6aS8Skt3Q7ZLEqP0hAvGHxG4UojPYiXZ6kPlzZkUC5jH-EcWXomTLtmadAIxurfcHo'
+VITE_APP_STRIPE_PUBLIC_KEY=pk_test_51GqB4TJl3nQjrZ0wCQWAxAhlNF8jKe0tipIa6ExBaxwJGitwvFsIZUEua4dUzaMIAuXp4qwYHXx7lgjyQSwP0Pe900vzm38C7g
+VITE_APP_AXIOS_BASE_API_URL=http://localhost:4000
+VITE_APP_REPORTS_SERVER_URL=https://reports3.test.imex.online
+VITE_APP_SPLIT_API=ts615lqgnmk84thn72uk18uu5pgce6e0l4rc
+VITE_APP_COUNTRY=USA
+VITE_APP_INSTANCE=ROME

client/.env.production

@@ -1,14 +0,0 @@
-GENERATE_SOURCEMAP=true
-REACT_APP_GRAPHQL_ENDPOINT=https://db.romeonline.io/v1/graphql
-REACT_APP_GRAPHQL_ENDPOINT_WS=wss://db.romeonline.io/v1/graphql
-REACT_APP_GA_CODE=231103507
-REACT_APP_FIREBASE_CONFIG={  "apiKey": "AIzaSyAuLQR9SV5LsVxjU8wh9hvFLdhcAHU6cxE",  "authDomain": "rome-prod-1.firebaseapp.com",  "projectId": "rome-prod-1",  "storageBucket": "rome-prod-1.appspot.com",  "messagingSenderId": "147786367145",  "appId": "1:147786367145:web:9d4cba68071c3f29a8a9b8",  "measurementId": "G-G8Z9DRHTZS"}
-REACT_APP_CLOUDINARY_ENDPOINT_API=https://api.cloudinary.com/v1_1/bodyshop
-REACT_APP_CLOUDINARY_ENDPOINT=https://res.cloudinary.com/bodyshop
-REACT_APP_CLOUDINARY_API_KEY=473322739956866
-REACT_APP_CLOUDINARY_THUMB_TRANSFORMATIONS=c_fill,h_250,w_250
-REACT_APP_FIREBASE_PUBLIC_VAPID_KEY='BP1B7ZTYpn-KMt6nOxlld6aS8Skt3Q7ZLEqP0hAvGHxG4UojPYiXZ6kPlzZkUC5jH-EcWXomTLtmadAIxurfcHo'
-REACT_APP_STRIPE_PUBLIC_KEY=pk_test_51GqB4TJl3nQjrZ0wCQWAxAhlNF8jKe0tipIa6ExBaxwJGitwvFsIZUEua4dUzaMIAuXp4qwYHXx7lgjyQSwP0Pe900vzm38C7g
-REACT_APP_AXIOS_BASE_API_URL=https://api.romeonline.io/
-REACT_APP_REPORTS_SERVER_URL=https://reports.romeonline.io
-REACT_APP_SPLIT_API=et9pjkik6bn67he5evpmpr1agoo7gactphgk

client/.env.production.imex

@@ -0,0 +1,15 @@
+GENERATE_SOURCEMAP=true
+VITE_APP_GRAPHQL_ENDPOINT=https://db.imex.online/v1/graphql
+VITE_APP_GRAPHQL_ENDPOINT_WS=wss://db.imex.online/v1/graphql
+VITE_APP_GA_CODE=231103507
+VITE_APP_FIREBASE_CONFIG={"apiKey":"AIzaSyDSezy-jGJreo7ulgpLdlpOwAOrgcaEkhU","authDomain":"imex-prod.firebaseapp.com","databaseURL":"https://imex-prod.firebaseio.com","projectId":"imex-prod","storageBucket":"imex-prod.appspot.com","messagingSenderId":"253497221485","appId":"1:253497221485:web:3c81c483b94db84b227a64","measurementId":"G-NTWBKG2L0M"}
+VITE_APP_CLOUDINARY_ENDPOINT_API=https://api.cloudinary.com/v1_1/bodyshop
+VITE_APP_CLOUDINARY_ENDPOINT=https://res.cloudinary.com/bodyshop
+VITE_APP_CLOUDINARY_API_KEY=473322739956866
+VITE_APP_CLOUDINARY_THUMB_TRANSFORMATIONS=c_fill,h_250,w_250
+VITE_APP_FIREBASE_PUBLIC_VAPID_KEY='BMgZT1NZztW2DsJl8Mg2L04hgY9FzAg6b8fbzgNAfww2VDzH3VE63Ot9EaP_U7KWS2JT-7HPHaw0T_Tw_5vkZc8'
+VITE_APP_STRIPE_PUBLIC_KEY=pk_test_51GqB4TJl3nQjrZ0wCQWAxAhlNF8jKe0tipIa6ExBaxwJGitwvFsIZUEua4dUzaMIAuXp4qwYHXx7lgjyQSwP0Pe900vzm38C7g
+VITE_APP_AXIOS_BASE_API_URL=https://api.imex.online/
+VITE_APP_REPORTS_SERVER_URL=https://reports.imex.online
+VITE_APP_SPLIT_API=et9pjkik6bn67he5evpmpr1agoo7gactphgk
+VITE_APP_INSTANCE=IMEX

client/.env.production.promanager

@@ -0,0 +1,15 @@
+GENERATE_SOURCEMAP=true
+VITE_APP_GRAPHQL_ENDPOINT=https://db.romeonline.io/v1/graphql
+VITE_APP_GRAPHQL_ENDPOINT_WS=wss://db.romeonline.io/v1/graphql
+VITE_APP_GA_CODE=231103507
+VITE_APP_FIREBASE_CONFIG={  "apiKey": "AIzaSyAuLQR9SV5LsVxjU8wh9hvFLdhcAHU6cxE",  "authDomain": "rome-prod-1.firebaseapp.com",  "projectId": "rome-prod-1",  "storageBucket": "rome-prod-1.appspot.com",  "messagingSenderId": "147786367145",  "appId": "1:147786367145:web:9d4cba68071c3f29a8a9b8",  "measurementId": "G-G8Z9DRHTZS"}
+VITE_APP_CLOUDINARY_ENDPOINT_API=https://api.cloudinary.com/v1_1/bodyshop
+VITE_APP_CLOUDINARY_ENDPOINT=https://res.cloudinary.com/bodyshop
+VITE_APP_CLOUDINARY_API_KEY=473322739956866
+VITE_APP_CLOUDINARY_THUMB_TRANSFORMATIONS=c_fill,h_250,w_250
+VITE_APP_FIREBASE_PUBLIC_VAPID_KEY='BMgZT1NZztW2DsJl8Mg2L04hgY9FzAg6b8fbzgNAfww2VDzH3VE63Ot9EaP_U7KWS2JT-7HPHaw0T_Tw_5vkZc8'
+VITE_APP_STRIPE_PUBLIC_KEY=pk_test_51GqB4TJl3nQjrZ0wCQWAxAhlNF8jKe0tipIa6ExBaxwJGitwvFsIZUEua4dUzaMIAuXp4qwYHXx7lgjyQSwP0Pe900vzm38C7g
+VITE_APP_AXIOS_BASE_API_URL=https://api.romeonline.io/
+VITE_APP_REPORTS_SERVER_URL=https://reports.romeonline.io
+VITE_APP_SPLIT_API=et9pjkik6bn67he5evpmpr1agoo7gactphgk
+VITE_APP_INSTANCE=PROMANAGER

client/.env.production.rome

@@ -0,0 +1,15 @@
+GENERATE_SOURCEMAP=true
+VITE_APP_GRAPHQL_ENDPOINT=https://db.romeonline.io/v1/graphql
+VITE_APP_GRAPHQL_ENDPOINT_WS=wss://db.romeonline.io/v1/graphql
+VITE_APP_GA_CODE=231103507
+VITE_APP_FIREBASE_CONFIG={  "apiKey": "AIzaSyAuLQR9SV5LsVxjU8wh9hvFLdhcAHU6cxE",  "authDomain": "rome-prod-1.firebaseapp.com",  "projectId": "rome-prod-1",  "storageBucket": "rome-prod-1.appspot.com",  "messagingSenderId": "147786367145",  "appId": "1:147786367145:web:9d4cba68071c3f29a8a9b8",  "measurementId": "G-G8Z9DRHTZS"}
+VITE_APP_CLOUDINARY_ENDPOINT_API=https://api.cloudinary.com/v1_1/bodyshop
+VITE_APP_CLOUDINARY_ENDPOINT=https://res.cloudinary.com/bodyshop
+VITE_APP_CLOUDINARY_API_KEY=473322739956866
+VITE_APP_CLOUDINARY_THUMB_TRANSFORMATIONS=c_fill,h_250,w_250
+VITE_APP_FIREBASE_PUBLIC_VAPID_KEY='BP1B7ZTYpn-KMt6nOxlld6aS8Skt3Q7ZLEqP0hAvGHxG4UojPYiXZ6kPlzZkUC5jH-EcWXomTLtmadAIxurfcHo'
+VITE_APP_STRIPE_PUBLIC_KEY=pk_test_51GqB4TJl3nQjrZ0wCQWAxAhlNF8jKe0tipIa6ExBaxwJGitwvFsIZUEua4dUzaMIAuXp4qwYHXx7lgjyQSwP0Pe900vzm38C7g
+VITE_APP_AXIOS_BASE_API_URL=https://api.romeonline.io/
+VITE_APP_REPORTS_SERVER_URL=https://reports.romeonline.io
+VITE_APP_SPLIT_API=et9pjkik6bn67he5evpmpr1agoo7gactphgk
+VITE_APP_INSTANCE=ROME

client/.env.test

@@ -1,14 +0,0 @@
-REACT_APP_GRAPHQL_ENDPOINT=https://db.test.romeonline.io/v1/graphql
-REACT_APP_GRAPHQL_ENDPOINT_WS=wss://db.test.romeonline.io/v1/graphql
-REACT_APP_GA_CODE=231103507
-REACT_APP_FIREBASE_CONFIG={  "apiKey": "AIzaSyAuLQR9SV5LsVxjU8wh9hvFLdhcAHU6cxE",  "authDomain": "rome-prod-1.firebaseapp.com",  "projectId": "rome-prod-1",  "storageBucket": "rome-prod-1.appspot.com",  "messagingSenderId": "147786367145",  "appId": "1:147786367145:web:9d4cba68071c3f29a8a9b8",  "measurementId": "G-G8Z9DRHTZS"}
-REACT_APP_CLOUDINARY_ENDPOINT_API=https://api.cloudinary.com/v1_1/bodyshop
-REACT_APP_CLOUDINARY_ENDPOINT=https://res.cloudinary.com/bodyshop
-REACT_APP_CLOUDINARY_API_KEY=473322739956866
-REACT_APP_CLOUDINARY_THUMB_TRANSFORMATIONS=c_fill,h_250,w_250
-REACT_APP_FIREBASE_PUBLIC_VAPID_KEY='BP1B7ZTYpn-KMt6nOxlld6aS8Skt3Q7ZLEqP0hAvGHxG4UojPYiXZ6kPlzZkUC5jH-EcWXomTLtmadAIxurfcHo'
-REACT_APP_STRIPE_PUBLIC_KEY=pk_test_51GqB4TJl3nQjrZ0wCQWAxAhlNF8jKe0tipIa6ExBaxwJGitwvFsIZUEua4dUzaMIAuXp4qwYHXx7lgjyQSwP0Pe900vzm38C7g
-REACT_APP_AXIOS_BASE_API_URL=https://api.test.romeonline.io/
-REACT_APP_REPORTS_SERVER_URL=https://reports.test.romeonline.io
-REACT_APP_IS_TEST=true
-REACT_APP_SPLIT_API=ts615lqgnmk84thn72uk18uu5pgce6e0l4rc

client/.env.test.imex

@@ -0,0 +1,15 @@
+VITE_APP_GRAPHQL_ENDPOINT=https://db.test.bodyshop.app/v1/graphql
+VITE_APP_GRAPHQL_ENDPOINT_WS=wss://db.test.bodyshop.app/v1/graphql
+VITE_APP_GA_CODE=231099835
+VITE_APP_FIREBASE_CONFIG={   "apiKey":"AIzaSyBw7_GTy7GtQyfkIRPVrWHEGKfcqeyXw0c",   "authDomain":"imex-test.firebaseapp.com",   "projectId":"imex-test",   "storageBucket":"imex-test.appspot.com",   "messagingSenderId":"991923618608",   "appId":"1:991923618608:web:633437569cdad78299bef5",   "measurementId":"G-TW0XLZEH18"}
+VITE_APP_CLOUDINARY_ENDPOINT_API=https://api.cloudinary.com/v1_1/bodyshop
+VITE_APP_CLOUDINARY_ENDPOINT=https://res.cloudinary.com/bodyshop
+VITE_APP_CLOUDINARY_API_KEY=473322739956866
+VITE_APP_CLOUDINARY_THUMB_TRANSFORMATIONS=c_fill,h_250,w_250
+VITE_APP_FIREBASE_PUBLIC_VAPID_KEY='BN2GcDPjipR5MTEosO5dT4CfQ3cmrdBIsI4juoOQrRijn_5aRiHlwj1mlq0W145mOusx6xynEKl_tvYJhpCc9lo'
+VITE_APP_STRIPE_PUBLIC_KEY=pk_test_51GqB4TJl3nQjrZ0wCQWAxAhlNF8jKe0tipIa6ExBaxwJGitwvFsIZUEua4dUzaMIAuXp4qwYHXx7lgjyQSwP0Pe900vzm38C7g
+VITE_APP_AXIOS_BASE_API_URL=https://api.test.imex.online/
+VITE_APP_REPORTS_SERVER_URL=https://reports3.test.imex.online
+VITE_APP_IS_TEST=true
+VITE_APP_SPLIT_API=ts615lqgnmk84thn72uk18uu5pgce6e0l4rc
+VITE_APP_INSTANCE=IMEX

client/.env.test.promanager

@@ -0,0 +1,15 @@
+VITE_APP_GRAPHQL_ENDPOINT=https://db.test.romeonline.io/v1/graphql
+VITE_APP_GRAPHQL_ENDPOINT_WS=wss://db.test.romeonline.io/v1/graphql
+VITE_APP_GA_CODE=231099835
+VITE_APP_FIREBASE_CONFIG={  "apiKey": "AIzaSyAuLQR9SV5LsVxjU8wh9hvFLdhcAHU6cxE",  "authDomain": "rome-prod-1.firebaseapp.com",  "projectId": "rome-prod-1",  "storageBucket": "rome-prod-1.appspot.com",  "messagingSenderId": "147786367145",  "appId": "1:147786367145:web:9d4cba68071c3f29a8a9b8",  "measurementId": "G-G8Z9DRHTZS"}
+VITE_APP_CLOUDINARY_ENDPOINT_API=https://api.cloudinary.com/v1_1/bodyshop
+VITE_APP_CLOUDINARY_ENDPOINT=https://res.cloudinary.com/bodyshop
+VITE_APP_CLOUDINARY_API_KEY=473322739956866
+VITE_APP_CLOUDINARY_THUMB_TRANSFORMATIONS=c_fill,h_250,w_250
+VITE_APP_FIREBASE_PUBLIC_VAPID_KEY='BN2GcDPjipR5MTEosO5dT4CfQ3cmrdBIsI4juoOQrRijn_5aRiHlwj1mlq0W145mOusx6xynEKl_tvYJhpCc9lo'
+VITE_APP_STRIPE_PUBLIC_KEY=pk_test_51GqB4TJl3nQjrZ0wCQWAxAhlNF8jKe0tipIa6ExBaxwJGitwvFsIZUEua4dUzaMIAuXp4qwYHXx7lgjyQSwP0Pe900vzm38C7g
+VITE_APP_AXIOS_BASE_API_URL=https://api.test.romeonline.io/
+VITE_APP_REPORTS_SERVER_URL=https://reports.test.romeonline.io
+VITE_APP_IS_TEST=true
+VITE_APP_SPLIT_API=ts615lqgnmk84thn72uk18uu5pgce6e0l4rc
+VITE_APP_INSTANCE=PROMANAGER

client/.env.test.rome

@@ -0,0 +1,15 @@
+VITE_APP_GRAPHQL_ENDPOINT=https://db.test.romeonline.io/v1/graphql
+VITE_APP_GRAPHQL_ENDPOINT_WS=wss://db.test.romeonline.io/v1/graphql
+VITE_APP_GA_CODE=231103507
+VITE_APP_FIREBASE_CONFIG={  "apiKey": "AIzaSyAuLQR9SV5LsVxjU8wh9hvFLdhcAHU6cxE",  "authDomain": "rome-prod-1.firebaseapp.com",  "projectId": "rome-prod-1",  "storageBucket": "rome-prod-1.appspot.com",  "messagingSenderId": "147786367145",  "appId": "1:147786367145:web:9d4cba68071c3f29a8a9b8",  "measurementId": "G-G8Z9DRHTZS"}
+VITE_APP_CLOUDINARY_ENDPOINT_API=https://api.cloudinary.com/v1_1/bodyshop
+VITE_APP_CLOUDINARY_ENDPOINT=https://res.cloudinary.com/bodyshop
+VITE_APP_CLOUDINARY_API_KEY=473322739956866
+VITE_APP_CLOUDINARY_THUMB_TRANSFORMATIONS=c_fill,h_250,w_250
+VITE_APP_FIREBASE_PUBLIC_VAPID_KEY='BP1B7ZTYpn-KMt6nOxlld6aS8Skt3Q7ZLEqP0hAvGHxG4UojPYiXZ6kPlzZkUC5jH-EcWXomTLtmadAIxurfcHo'
+VITE_APP_STRIPE_PUBLIC_KEY=pk_test_51GqB4TJl3nQjrZ0wCQWAxAhlNF8jKe0tipIa6ExBaxwJGitwvFsIZUEua4dUzaMIAuXp4qwYHXx7lgjyQSwP0Pe900vzm38C7g
+VITE_APP_AXIOS_BASE_API_URL=https://api.test.romeonline.io/
+VITE_APP_REPORTS_SERVER_URL=https://reports.test.romeonline.io
+VITE_APP_IS_TEST=true
+VITE_APP_SPLIT_API=ts615lqgnmk84thn72uk18uu5pgce6e0l4rc
+VITE_APP_INSTANCE=ROME

client/craco.config.js

@@ -13,21 +13,7 @@ const v4Token = convertLegacyToken(mapToken);
 
 module.exports = {
     plugins: [
-        // {
-        //     plugin: SentryWebpackPlugin,
-        //     options: {
-        //         // sentry-cli configuration
-        //         authToken:
-        //             "6b45b028a02342db97a9a2f92c0959058665443d379d4a3a876430009e744260",
-        //         org: "snapt-software",
-        //         project: "rome-online",
-        //         release: process.env.REACT_APP_GIT_SHA,
-        //
-        //         // webpack-specific configuration
-        //         include: ".",
-        //         ignore: ["node_modules", "webpack.config.js"],
-        //     },
-        // },
+
         {
             plugin: CracoLessPlugin,
             options: {

client/dev-dist/registerSW.js

@@ -0,0 +1 @@
+if('serviceWorker' in navigator) navigator.serviceWorker.register('/dev-sw.js?dev-sw', { scope: '/', type: 'classic' })

client/dev-dist/sw.js

@@ -0,0 +1,92 @@
+/**
+ * Copyright 2018 Google Inc. All Rights Reserved.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+// If the loader is already loaded, just stop.
+if (!self.define) {
+  let registry = {};
+
+  // Used for `eval` and `importScripts` where we can't get script URL by other means.
+  // In both cases, it's safe to use a global var because those functions are synchronous.
+  let nextDefineUri;
+
+  const singleRequire = (uri, parentUri) => {
+    uri = new URL(uri + ".js", parentUri).href;
+    return registry[uri] || (
+      
+        new Promise(resolve => {
+          if ("document" in self) {
+            const script = document.createElement("script");
+            script.src = uri;
+            script.onload = resolve;
+            document.head.appendChild(script);
+          } else {
+            nextDefineUri = uri;
+            importScripts(uri);
+            resolve();
+          }
+        })
+      
+      .then(() => {
+        let promise = registry[uri];
+        if (!promise) {
+          throw new Error(`Module ${uri} didn’t register its module`);
+        }
+        return promise;
+      })
+    );
+  };
+
+  self.define = (depsNames, factory) => {
+    const uri = nextDefineUri || ("document" in self ? document.currentScript.src : "") || location.href;
+    if (registry[uri]) {
+      // Module is already loading or loaded.
+      return;
+    }
+    let exports = {};
+    const require = depUri => singleRequire(depUri, uri);
+    const specialDeps = {
+      module: { uri },
+      exports,
+      require
+    };
+    registry[uri] = Promise.all(depsNames.map(
+      depName => specialDeps[depName] || require(depName)
+    )).then(deps => {
+      factory(...deps);
+      return exports;
+    });
+  };
+}
+define(['./workbox-b5f7729d'], (function (workbox) { 'use strict';
+
+  self.skipWaiting();
+  workbox.clientsClaim();
+
+  /**
+   * The precacheAndRoute() method efficiently caches and responds to
+   * requests for URLs in the manifest.
+   * See https://goo.gl/S9QRab
+   */
+  workbox.precacheAndRoute([{
+    "url": "registerSW.js",
+    "revision": "3ca0b8505b4bec776b69afdba2768812"
+  }, {
+    "url": "index.html",
+    "revision": "0.sa702m4aq68"
+  }], {});
+  workbox.cleanupOutdatedCaches();
+  workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {
+    allowlist: [/^\/$/]
+  }));
+
+}));

client/index.html

@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <% if (env.VITE_APP_INSTANCE === 'IMEX') { %>
+    <link rel="icon" href="/favicon.png" />
+    <% } %> <% if (env.VITE_APP_INSTANCE === 'ROME') { %>
+    <link rel="icon" href="/ro-favicon.png" />
+    <% } %> <% if (env.VITE_APP_INSTANCE === 'PROMANAGER') { %>
+    <link rel="icon" href="/pm/pm-favicon.ico" />
+    <% } %>
+
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#1690ff" />
+    <!-- <link rel="apple-touch-icon" href="logo192.png" /> -->
+    <!-- TODO:AIo Update the individual logos for each.-->
+    <link rel="apple-touch-icon" href="public/logo192.png" />
+    <link rel="mask-icon" href="/mask-icon.svg" color="#FFFFFF">
+    <!--
+      manifest.json provides metadata used when your web app is installed on a
+      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <% if (env.VITE_APP_INSTANCE === 'IMEX') { %>
+    <meta name="description" content="ImEX Online" />
+    <title>ImEX Online</title>
+    <script type="text/javascript">
+      window.$crisp = [];
+      window.CRISP_WEBSITE_ID = '36724f62-2eb0-4b29-9cdd-9905fb99913e';
+      (function () {
+        d = document;
+        s = d.createElement('script');
+        s.src = 'https://client.crisp.chat/l.js';
+        s.async = 1;
+        d.getElementsByTagName('head')[0].appendChild(s);
+      })();
+    </script>
+    <% } %> <% if (env.VITE_APP_INSTANCE === 'ROME') { %>
+    <meta name="description" content="Rome Online" />
+    <title>Rome Online</title>
+
+    <!--Use the below code snippet to provide real time updates to the live chat plugin without the need of copying and paste each time to your website when changes are made via PBX-->
+
+    <call-us-selector phonesystem-url=https://rometech.east.3cx.us:5001 party="LiveChat528346"></call-us-selector>
+
+    <!--Incase you don't want real time updates to the live chat plugin when options are changed, use the below code snippet. Please note that each time you change the settings you will need to copy and paste the snippet code to your website-->
+    
+    <!--<call-us
+    
+    phonesystem-url=https://rometech.east.3cx.us:5001
+    
+    style="position:fixed;font-size:16px;line-height:17px;z-index: 99999;right: 20px; bottom: 20px;"
+    
+    id="wp-live-chat-by-3CX"
+    
+    minimized="true"
+    
+    animation-style="noanimation"
+    
+    party="LiveChat528346"
+    
+    minimized-style="bubbleright"
+    
+    allow-call="true"
+    
+    allow-video="false"
+    
+    allow-soundnotifications="true"
+    
+    enable-mute="true"
+    
+    enable-onmobile="true"
+    
+    offline-enabled="true"
+    
+    enable="true"
+    
+    ignore-queueownership="false"
+    
+    authentication="both"
+    
+    show-operator-actual-name="true"
+    
+    aknowledge-received="true"
+    
+    gdpr-enabled="false"
+    
+    message-userinfo-format="name"
+    
+    message-dateformat="both"
+    
+    lang="browser"
+    
+    button-icon-type="default"
+    
+    greeting-visibility="none"
+    
+    greeting-offline-visibility="none"
+    
+    chat-delay="2000"
+    
+    enable-direct-call="true"
+    
+    enable-ga="false"
+    
+    ></call-us>-->
+    
+    <script defer src=https://downloads-global.3cx.com/downloads/livechatandtalk/v1/callus.js id="tcx-callus-js" charset="utf-8"></script>
+
+
+
+    <% } %> <% if (env.VITE_APP_INSTANCE === 'PROMANAGER') { %>
+    <title>ProManager</title>
+    <meta name="description" content="ProManager" />
+
+    <% } %>
+    <script>
+      !(function () {
+        'use strict';
+        var e = [
+          'debug',
+          'destroy',
+          'do',
+          'help',
+          'identify',
+          'is',
+          'off',
+          'on',
+          'ready',
+          'render',
+          'reset',
+          'safe',
+          'set',
+        ];
+        if (window.noticeable) console.warn('Noticeable SDK code snippet loaded more than once');
+        else {
+          var n = (window.noticeable = window.noticeable || []);
+          function t(e) {
+            return function () {
+              var t = Array.prototype.slice.call(arguments);
+              return t.unshift(e), n.push(t), n;
+            };
+          }
+          !(function () {
+            for (var o = 0; o < e.length; o++) {
+              var r = e[o];
+              n[r] = t(r);
+            }
+          })(),
+            (function () {
+              var e = document.createElement('script');
+              (e.async = !0), (e.src = 'https://sdk.noticeable.io/l.js');
+              var n = document.head;
+              n.insertBefore(e, n.firstChild);
+            })();
+        }
+      })();
+    </script>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+
+    <script type="module" src="src/index.jsx"></script>
+  </body>
+</html>

client/package.json

@@ -1,6 +1,10 @@
 {
   "name": "bodyshop",
   "version": "0.2.1",
+  "engines": {
+    "node": "18.18.2"
+  },
+  "type": "module",
   "private": true,
   "proxy": "http://localhost:4000",
   "dependencies": {
@@ -11,32 +15,37 @@
     "@craco/craco": "^7.1.0",
     "@fingerprintjs/fingerprintjs": "^4.2.2",
     "@jsreport/browser-client": "^3.1.0",
-    "@reduxjs/toolkit": "^2.1.0",
-    "@sentry/cli": "^2.28.0",
-    "@sentry/react": "^7.100.0",
-    "@sentry/tracing": "^7.100.0",
+    "@reduxjs/toolkit": "^2.2.1",
+    "@sentry/cli": "^2.28.6",
+    "@sentry/react": "^7.102.1",
+    "@sentry/tracing": "^7.102.1",
     "@splitsoftware/splitio-react": "^1.11.0",
     "@tanem/react-nprogress": "^5.0.51",
-    "antd": "^5.14.0",
+    "@vitejs/plugin-legacy": "^5.3.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "@vitejs/plugin-react-refresh": "^1.3.6",
+    "@vitejs/plugin-react-swc": "^3.6.0",
+    "antd": "^5.14.2",
     "apollo-link-logger": "^2.0.1",
     "apollo-link-sentry": "^3.3.0",
     "axios": "^1.6.7",
-    "craco-less": "^3.0.1",
+    "consola": "^3.2.3",
     "dayjs": "^1.11.10",
     "dayjs-business-days2": "^1.2.2",
     "dinero.js": "^1.9.1",
-    "dotenv": "^16.4.1",
+    "dotenv": "^16.4.5",
     "enquire-js": "^0.2.1",
     "env-cmd": "^10.1.0",
+    "esbuild": "^0.20.0",
     "exifr": "^7.1.3",
     "firebase": "^10.8.0",
     "graphql": "^16.6.0",
-    "i18next": "^23.8.2",
+    "i18next": "^23.10.0",
     "i18next-browser-languagedetector": "^7.0.2",
-    "jsoneditor": "^10.0.0",
+    "jsoneditor": "^10.0.1",
     "jsreport-browser-client-dist": "^1.3.0",
-    "libphonenumber-js": "^1.10.55",
-    "logrocket": "^7.0.0",
+    "libphonenumber-js": "^1.10.57",
+    "logrocket": "^8.0.1",
     "markerjs2": "^2.32.0",
     "normalize-url": "^8.0.0",
     "phone": "^3.1.42",
@@ -46,37 +55,40 @@
     "rc-queue-anim": "^2.0.0",
     "rc-scroll-anim": "^2.7.6",
     "react": "^18.2.0",
-    "react-big-calendar": "^1.8.7",
+    "react-big-calendar": "^1.10.3",
     "react-color": "^2.19.3",
-    "react-cookie": "^7.0.2",
+    "react-cookie": "^7.1.0",
     "react-dom": "^18.2.0",
     "react-drag-listview": "^2.0.0",
     "react-grid-gallery": "^1.0.0",
     "react-grid-layout": "1.3.4",
-    "react-i18next": "^14.0.4",
+    "react-i18next": "^14.0.5",
     "react-icons": "^5.0.1",
     "react-image-lightbox": "^5.1.4",
-    "react-intersection-observer": "^9.7.0",
+    "react-intersection-observer": "^9.8.1",
     "react-markdown": "^9.0.1",
     "react-number-format": "^5.1.4",
     "react-redux": "^9.1.0",
     "react-resizable": "^3.0.5",
-    "react-router-dom": "^6.22.0",
+    "react-router-dom": "^6.22.1",
     "react-scripts": "^5.0.1",
     "react-sticky": "^6.0.3",
     "react-sublime-video": "^0.2.5",
     "react-virtualized": "^9.22.5",
-    "recharts": "^2.11.0",
+    "recharts": "^2.12.1",
     "redux": "^5.0.1",
     "redux-persist": "^6.0.0",
     "redux-saga": "^1.3.0",
     "redux-state-sync": "^3.1.4",
     "reselect": "^5.1.0",
-    "sass": "^1.70.0",
+    "sass": "^1.71.1",
     "socket.io-client": "^4.7.4",
     "styled-components": "^6.1.8",
     "subscriptions-transport-ws": "^0.11.0",
     "terser-webpack-plugin": "^5.3.10",
+    "vite-plugin-compression": "^0.5.1",
+    "vite-plugin-ejs": "^1.7.0",
+    "vite-plugin-svgr": "^4.2.0",
     "web-vitals": "^3.5.2",
     "workbox-core": "^7.0.0",
     "workbox-expiration": "^7.0.0",
@@ -84,20 +96,26 @@
     "workbox-precaching": "^7.0.0",
     "workbox-routing": "^7.0.0",
     "workbox-strategies": "^7.0.0",
-    "yauzl": "^2.10.0"
+    "yauzl": "^3.1.0"
   },
   "scripts": {
     "analyze": "source-map-explorer 'build/static/js/*.js'",
-    "start": "craco start",
-    "build": "REACT_APP_GIT_SHA=`git rev-parse --short HEAD` craco build",
-    "build:test": "env-cmd -f .env.test npm run build",
-    "build-deploy:test": "npm run build:test && s3cmd sync build/* s3://imex-online-test && echo '🚀 TESTING Deployed!'",
-    "buildcra": "REACT_APP_GIT_SHA=`git rev-parse --short HEAD` craco build",
+    "start": "vite",
+    "build": "vite build",
+    "start:imex": "dotenvx run --env-file=.env.development.imex -- vite",
+    "start:rome": "dotenvx run --env-file=.env.development.rome -- vite",
+    "start:promanager": "dotenvx run --env-file=.env.development.promanager -- vite",
+    "build:test:imex": "env-cmd -f .env.test.imex npm run build",
+    "build:test:rome": "env-cmd -f .env.test.rome npm run build",
+    "build:test:promanager": "env-cmd -f .env.test.promanager npm run build",
+    "build:production:imex": "env-cmd -f .env.production.imex npm run build",
+    "build:production:rome": "env-cmd -f .env.production.rome npm run build",
+    "build:production:promanager": "env-cmd -f .env.production.promanager npm run build",
     "test": "cypress open",
     "eject": "react-scripts eject",
     "madge": "madge  --image ./madge-graph.svg --extensions js,jsx,ts,tsx --circular .",
     "eulaize": "node src/utils/eulaize.js",
-    "sentry:sourcemaps": "sentry-cli sourcemaps inject --org imex --project imexonline ./build && sentry-cli sourcemaps upload --org imex --project imexonline ./build"
+    "sentry:sourcemaps:imex": "sentry-cli sourcemaps inject --org imex --project imexonline ./build && sentry-cli sourcemaps upload --org imex --project imexonline ./build"
   },
   "eslintConfig": {
     "extends": [
@@ -123,12 +141,30 @@
   },
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@sentry/webpack-plugin": "^2.14.0",
+    "@babel/preset-react": "^7.23.3",
+    "@dotenvx/dotenvx": "^0.15.0",
+    "@emotion/babel-plugin": "^11.11.0",
+    "@emotion/react": "^11.11.3",
+    "@sentry/webpack-plugin": "^2.14.2",
+    "@swc/core": "^1.3.107",
+    "@swc/plugin-styled-components": "^1.5.108",
     "@testing-library/cypress": "^10.0.1",
-    "cypress": "^13.6.4",
+    "browserslist": "^4.22.3",
+    "browserslist-to-esbuild": "^2.1.1",
+    "craco-less": "^3.0.1",
+    "cross-env": "^7.0.3",
+    "cypress": "^13.6.6",
     "eslint-plugin-cypress": "^2.15.1",
+    "memfs": "^4.6.0",
+    "os-browserify": "^0.3.0",
     "react-error-overlay": "6.0.11",
     "redux-logger": "^3.0.6",
-    "source-map-explorer": "^2.5.3"
+    "source-map-explorer": "^2.5.3",
+    "vite": "^5.0.11",
+    "vite-plugin-babel": "^1.2.0",
+    "vite-plugin-legacy": "^2.1.0",
+    "vite-plugin-node-polyfills": "^0.19.0",
+    "vite-plugin-pwa": "^0.19.0",
+    "vite-plugin-style-import": "^2.0.0"
   }
 }

client/public/editor.js

@@ -1,95 +0,0 @@
-// unlayer.registerPropertyEditor({
-//   name: "field_name",
-//   layout: "bottom",
-//   Widget: unlayer.createWidget({
-//     render(value) {
-//       return `
-//         <input class="field" value=${value} />
-//       `;
-//     },
-//     mount(node, value, updateValue) {
-//       var input = node.getElementsByClassName("field")[0];
-//       input.onchange = function (event) {
-//         updateValue(event.target.value);
-//       };
-//     },
-//   }),
-// });
-
-// unlayer.registerTool({
-//   type: "whatever",
-//   category: "contents",
-//   label: "Begin Repeat",
-//   icon: "fa-smile",
-//   values: {},
-//   options: {
-//     default: {
-//       title: null,
-//     },
-//     text: {
-//       title: "Field",
-//       position: 1,
-//       options: {
-//         field: {
-//           label: "Field",
-//           defaultValue: "",
-//           widget: "field_name",
-//         },
-//       },
-//     },
-//   },
-//   renderer: {
-//     Viewer: unlayer.createViewer({
-//       render(values) {
-//         console.log(values);
-//         return `
-//           <div style="display: none;">{{#each ${values.field}}}</div>
-//         `;
-//       },
-//     }),
-//     exporters: {
-//       web: function () {},
-//       email: function () {},
-//     },
-//   },
-// });
-
-// unlayer.registerTool({
-//   type: "whatever",
-//   category: "contents",
-//   label: "End Repeat",
-//   icon: "fa-smile",
-//   values: {},
-//   options: {
-//     default: {
-//       title: null,
-//     },
-//     text: {
-//       title: "Field",
-//       position: 1,
-//       options: {
-//         field: {
-//           label: "Field",
-//           defaultValue: "",
-//           widget: "field_name",
-//         },
-//       },
-//     },
-//   },
-//   renderer: {
-//     Viewer: unlayer.createViewer({
-//       render(values) {
-//         return `
-//           <div style="display: none;">{{ /each }}</div>
-//         `;
-//       },
-//     }),
-//     exporters: {
-//       web: function () {},
-//       email: function () {},
-//     },
-//   },
-// });
-
-unlayer.registerColumns([2, 2, 2, 2, 2, 2]);
-unlayer.registerColumns([1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]);

client/public/firebase-messaging-sw.js

@@ -1,67 +0,0 @@
-// Scripts for firebase and firebase messaging
-importScripts("https://www.gstatic.com/firebasejs/8.2.0/firebase-app.js");
-importScripts("https://www.gstatic.com/firebasejs/8.2.0/firebase-messaging.js");
-
-// Initialize the Firebase app in the service worker by passing the generated config
-let firebaseConfig;
-switch (this.location.hostname) {
-    case "localhost":
-        firebaseConfig = {
-            apiKey: "AIzaSyDPLT8GiDHDR1R4nI66Qi0BY1aYviDPioc",
-            authDomain: "imex-dev.firebaseapp.com",
-            databaseURL: "https://imex-dev.firebaseio.com",
-            projectId: "imex-dev",
-            storageBucket: "imex-dev.appspot.com",
-            messagingSenderId: "759548147434",
-            appId: "1:759548147434:web:e8239868a48ceb36700993",
-            measurementId: "G-K5XRBVVB4S",
-        };
-        break;
-    case "test.imex.online":
-        firebaseConfig = {
-            apiKey: "AIzaSyBw7_GTy7GtQyfkIRPVrWHEGKfcqeyXw0c",
-            authDomain: "imex-test.firebaseapp.com",
-            projectId: "imex-test",
-            storageBucket: "imex-test.appspot.com",
-            messagingSenderId: "991923618608",
-            appId: "1:991923618608:web:633437569cdad78299bef5",
-            // measurementId: "${config.measurementId}",
-        };
-        break;
-    case "romeonline.io":
-        firebaseConfig = {
-            apiKey: "AIzaSyAuLQR9SV5LsVxjU8wh9hvFLdhcAHU6cxE",
-            authDomain: "rome-prod-1.firebaseapp.com",
-            projectId: "rome-prod-1",
-            storageBucket: "rome-prod-1.appspot.com",
-            messagingSenderId: "147786367145",
-            appId: "1:147786367145:web:9d4cba68071c3f29a8a9b8",
-            measurementId: "G-G8Z9DRHTZS",
-        };
-        break;
-    case "imex.online":
-    default:
-        firebaseConfig = {
-            apiKey: "AIzaSyDSezy-jGJreo7ulgpLdlpOwAOrgcaEkhU",
-            authDomain: "imex-prod.firebaseapp.com",
-            databaseURL: "https://imex-prod.firebaseio.com",
-            projectId: "imex-prod",
-            storageBucket: "imex-prod.appspot.com",
-            messagingSenderId: "253497221485",
-            appId: "1:253497221485:web:3c81c483b94db84b227a64",
-            measurementId: "G-NTWBKG2L0M",
-        };
-}
-
-firebase.initializeApp(firebaseConfig);
-
-// Retrieve firebase messaging
-const messaging = firebase.messaging();
-
-messaging.onBackgroundMessage(function (payload) {
-    // Customize notification here
-    const channel = new BroadcastChannel("imex-sw-messages");
-    channel.postMessage(payload);
-
-    //self.registration.showNotification(notificationTitle, notificationOptions);
-});

client/public/index.html

@@ -1,147 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8"/>
-    <link href="%PUBLIC_URL%/ro-favicon.png" rel="icon"/>
-    <meta content="width=device-width, initial-scale=1" name="viewport"/>
-    <meta content="#002366" name="theme-color"/>
-    <meta content="Rome Online" name="description"/>
-    <!-- <link rel="apple-touch-icon" href="logo192.png" /> -->
-
-    <!--Use the below code snippet to provide real time updates to the live chat plugin without the need of copying and paste each time to your website when changes are made via PBX-->
-
-    <call-us-selector party="LiveChat528346" phonesystem-url=https://rometech.east.3cx.us:5001></call-us-selector>
-
-    <!--Incase you don't want real time updates to the live chat plugin when options are changed, use the below code snippet. Please note that each time you change the settings you will need to copy and paste the snippet code to your website-->
-
-    <!--<call-us
-
-    phonesystem-url=https://rometech.east.3cx.us:5001
-
-    style="position:fixed;font-size:16px;line-height:17px;z-index: 99999;right: 20px; bottom: 20px;"
-
-    id="wp-live-chat-by-3CX"
-
-    minimized="true"
-
-    animation-style="noanimation"
-
-    party="LiveChat528346"
-
-    minimized-style="bubbleright"
-
-    allow-call="true"
-
-    allow-video="false"
-
-    allow-soundnotifications="true"
-
-    enable-mute="true"
-
-    enable-onmobile="true"
-
-    offline-enabled="true"
-
-    enable="true"
-
-    ignore-queueownership="false"
-
-    authentication="both"
-
-    show-operator-actual-name="true"
-
-    aknowledge-received="true"
-
-    gdpr-enabled="false"
-
-    message-userinfo-format="name"
-
-    message-dateformat="both"
-
-    lang="browser"
-
-    button-icon-type="default"
-
-    greeting-visibility="none"
-
-    greeting-offline-visibility="none"
-
-    chat-delay="2000"
-
-    enable-direct-call="true"
-
-    enable-ga="false"
-
-    ></call-us>-->
-
-    <script charset="utf-8" defer id="tcx-callus-js"
-            src=https://downloads-global.3cx.com/downloads/livechatandtalk/v1/callus.js></script>
-
-    <link href="logo192.png" rel="apple-touch-icon"/>
-    <script>
-        !(function () {
-            "use strict";
-            var e = [
-                "debug",
-                "destroy",
-                "do",
-                "help",
-                "identify",
-                "is",
-                "off",
-                "on",
-                "ready",
-                "render",
-                "reset",
-                "safe",
-                "set",
-            ];
-            if (window.noticeable)
-                console.warn("Noticeable SDK code snippet loaded more than once");
-            else {
-                var n = (window.noticeable = window.noticeable || []);
-
-                function t(e) {
-                    return function () {
-                        var t = Array.prototype.slice.call(arguments);
-                        return t.unshift(e), n.push(t), n;
-                    };
-                }
-
-                !(function () {
-                    for (var o = 0; o < e.length; o++) {
-                        var r = e[o];
-                        n[r] = t(r);
-                    }
-                })(),
-                    (function () {
-                        var e = document.createElement("script");
-                        (e.async = !0), (e.src = "https://sdk.noticeable.io/l.js");
-                        var n = document.head;
-                        n.insertBefore(e, n.firstChild);
-                    })();
-            }
-        })();
-    </script>
-
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link href="%PUBLIC_URL%/manifest.json" rel="manifest"/>
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>Rome Online</title>
-</head>
-<body>
-<noscript>You need to enable JavaScript to run this app.</noscript>
-<div id="root"></div>
-</body>
-</html>

client/public/manifest.json

@@ -1,27 +0,0 @@
-{
-  "short_name": "Rome Online",
-  "name": "Rome Online",
-  "description": "The ultimate bodyshop management system.",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo1024.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#fff",
-  "background_color": "#fff",
-  "gcm_sender_id": "103953800507"
-}

client/src/App/App.container.jsx

@@ -17,7 +17,7 @@ dayjs.locale("en");
 
 const config = {
     core: {
-        authorizationKey: process.env.REACT_APP_SPLIT_API,
+        authorizationKey: import.meta.env.VITE_APP_SPLIT_API,
         key: "anon",
     },
 };

client/src/App/App.jsx

@@ -1,11 +1,11 @@
-import {useSplitClient} from "@splitsoftware/splitio-react";
-import {Button, Result} from "antd";
+import { useSplitClient } from "@splitsoftware/splitio-react";
+import { Button, Result } from "antd";
 import LogRocket from "logrocket";
-import React, {lazy, Suspense, useEffect, useState} from "react";
-import {useTranslation} from "react-i18next";
-import {connect} from "react-redux";
-import {Route, Routes} from "react-router-dom";
-import {createStructuredSelector} from "reselect";
+import React, { lazy, Suspense, useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { Route, Routes } from "react-router-dom";
+import { createStructuredSelector } from "reselect";
 import DocumentEditorContainer from "../components/document-editor/document-editor.container";
 import ErrorBoundary from "../components/error-boundary/error-boundary.component";
 
@@ -14,15 +14,19 @@ import LoadingSpinner from "../components/loading-spinner/loading-spinner.compon
 import DisclaimerPage from "../pages/disclaimer/disclaimer.page";
 import LandingPage from "../pages/landing/landing.page";
 import TechPageContainer from "../pages/tech/tech.page.container";
-import {setOnline} from "../redux/application/application.actions";
-import {selectOnline} from "../redux/application/application.selectors";
-import {checkUserSession} from "../redux/user/user.actions";
-import {selectBodyshop, selectCurrentEula, selectCurrentUser,} from "../redux/user/user.selectors";
+import { setOnline } from "../redux/application/application.actions";
+import { selectOnline } from "../redux/application/application.selectors";
+import { checkUserSession } from "../redux/user/user.actions";
+import {
+    selectBodyshop,
+    selectCurrentEula,
+    selectCurrentUser,
+} from "../redux/user/user.selectors";
 import PrivateRoute from "../components/PrivateRoute";
 import "./App.styles.scss";
 import handleBeta from "../utils/betaHandler";
 import Eula from "../components/eula/eula.component";
-
+import InstanceRenderMgr from "../utils/instanceRenderMgr";
 const ResetPassword = lazy(() =>
     import("../pages/reset-password/reset-password.component")
 );
@@ -37,18 +41,24 @@ const mapStateToProps = createStructuredSelector({
     currentUser: selectCurrentUser,
     online: selectOnline,
     bodyshop: selectBodyshop,
-    currentEula: selectCurrentEula
+    currentEula: selectCurrentEula,
 });
 const mapDispatchToProps = (dispatch) => ({
     checkUserSession: () => dispatch(checkUserSession()),
     setOnline: (isOnline) => dispatch(setOnline(isOnline)),
 });
 
-export function App({bodyshop, checkUserSession, currentUser, online, setOnline, currentEula}) {
+export function App({
+    bodyshop,
+    checkUserSession,
+    currentUser,
+    online,
+    setOnline,
+    currentEula,
+}) {
     const client = useSplitClient().client;
-    const [listenersAdded, setListenersAdded] = useState(false)
-    const {t} = useTranslation();
-
+    const [listenersAdded, setListenersAdded] = useState(false);
+    const { t } = useTranslation();
 
     useEffect(() => {
         if (!navigator.onLine) {
@@ -65,14 +75,14 @@ export function App({bodyshop, checkUserSession, currentUser, online, setOnline,
     useEffect(() => {
         const offlineListener = (e) => {
             setOnline(false);
-        }
+        };
 
         const onlineListener = (e) => {
             setOnline(true);
-        }
+        };
 
         if (!listenersAdded) {
-            console.log('Added events for offline and online');
+            console.log("Added events for offline and online");
             window.addEventListener("offline", offlineListener);
             window.addEventListener("online", onlineListener);
             setListenersAdded(true);
@@ -81,7 +91,7 @@ export function App({bodyshop, checkUserSession, currentUser, online, setOnline,
         return () => {
             window.removeEventListener("offline", offlineListener);
             window.removeEventListener("online", onlineListener);
-        }
+        };
     }, [setOnline, listenersAdded]);
 
     useEffect(() => {
@@ -90,16 +100,26 @@ export function App({bodyshop, checkUserSession, currentUser, online, setOnline,
 
             if (
                 client.getTreatment("LogRocket_Tracking") === "on" ||
-                window.location.hostname === 'beta.romeonline.io'
+                window.location.hostname ===
+                    InstanceRenderMgr({
+                        imex: "beta.imex.online",
+                        rome: "beta.romeonline.io",
+                    })
             ) {
                 console.log("LR Start");
-                LogRocket.init("rome-online/rome-online");
+                LogRocket.init(
+                    InstanceRenderMgr({
+                        imex: "gvfvfw/bodyshopapp",
+                        rome: "rome-online/rome-online",
+                        promanager: "", //TODO:AIO Add in log rocket for promanager instances.
+                    })
+                );
             }
         }
     }, [bodyshop, client, currentUser.authorized]);
 
     if (currentUser.authorized === null) {
-        return <LoadingSpinner message={t("general.labels.loggingin")}/>;
+        return <LoadingSpinner message={t("general.labels.loggingin")} />;
     }
 
     handleBeta();
@@ -124,29 +144,102 @@ export function App({bodyshop, checkUserSession, currentUser, online, setOnline,
         );
 
     if (currentEula && !currentUser.eulaIsAccepted) {
-        return <Eula/>
+        return <Eula />;
     }
 
     // Any route that is not assigned and matched will default to the Landing Page component
     return (
-        <Suspense fallback={<LoadingSpinner message="Rome Online"/>}>
+        <Suspense
+            fallback={
+                <LoadingSpinner
+                    message={InstanceRenderMgr({
+                      imex: t("titles.imexonline"),
+                      rome: t("titles.romeonline"),
+                      promanager: t("titles.promanager")
+                    })}
+                />
+            }
+        >
             <Routes>
-                <Route path="*" element={<ErrorBoundary><LandingPage/></ErrorBoundary>}/>
-                <Route path="/signin" element={<ErrorBoundary><SignInPage/></ErrorBoundary>}/>
-                <Route path="/resetpassword" element={<ErrorBoundary><ResetPassword/></ErrorBoundary>}/>
-                <Route path="/csi/:surveyId" element={<ErrorBoundary><CsiPage/></ErrorBoundary>}/>
-                <Route path="/disclaimer" element={<ErrorBoundary><DisclaimerPage/></ErrorBoundary>}/>
-                <Route path="/mp/:paymentIs" element={<ErrorBoundary><MobilePaymentContainer/></ErrorBoundary>}/>
-                <Route path="/manage/*"
-                       element={<ErrorBoundary><PrivateRoute isAuthorized={currentUser.authorized}/></ErrorBoundary>}>
-                    <Route path="*" element={<ManagePage/>}/>
+                <Route
+                    path="*"
+                    element={
+                        <ErrorBoundary>
+                            <LandingPage />
+                        </ErrorBoundary>
+                    }
+                />
+                <Route
+                    path="/signin"
+                    element={
+                        <ErrorBoundary>
+                            <SignInPage />
+                        </ErrorBoundary>
+                    }
+                />
+                <Route
+                    path="/resetpassword"
+                    element={
+                        <ErrorBoundary>
+                            <ResetPassword />
+                        </ErrorBoundary>
+                    }
+                />
+                <Route
+                    path="/csi/:surveyId"
+                    element={
+                        <ErrorBoundary>
+                            <CsiPage />
+                        </ErrorBoundary>
+                    }
+                />
+                <Route
+                    path="/disclaimer"
+                    element={
+                        <ErrorBoundary>
+                            <DisclaimerPage />
+                        </ErrorBoundary>
+                    }
+                />
+                <Route
+                    path="/mp/:paymentIs"
+                    element={
+                        <ErrorBoundary>
+                            <MobilePaymentContainer />
+                        </ErrorBoundary>
+                    }
+                />
+                <Route
+                    path="/manage/*"
+                    element={
+                        <ErrorBoundary>
+                            <PrivateRoute
+                                isAuthorized={currentUser.authorized}
+                            />
+                        </ErrorBoundary>
+                    }
+                >
+                    <Route path="*" element={<ManagePage />} />
                 </Route>
-                <Route path="/tech/*"
-                       element={<ErrorBoundary><PrivateRoute isAuthorized={currentUser.authorized}/></ErrorBoundary>}>
-                    <Route path="*" element={<TechPageContainer/>}/>
+                <Route
+                    path="/tech/*"
+                    element={
+                        <ErrorBoundary>
+                            <PrivateRoute
+                                isAuthorized={currentUser.authorized}
+                            />
+                        </ErrorBoundary>
+                    }
+                >
+                    <Route path="*" element={<TechPageContainer />} />
                 </Route>
-                <Route path="/edit/*" element={<PrivateRoute isAuthorized={currentUser.authorized}/>}>
-                    <Route path="*" element={<DocumentEditorContainer/>}/>
+                <Route
+                    path="/edit/*"
+                    element={
+                        <PrivateRoute isAuthorized={currentUser.authorized} />
+                    }
+                >
+                    <Route path="*" element={<DocumentEditorContainer />} />
                 </Route>
             </Routes>
         </Suspense>

client/src/App/themeProvider.js

@@ -1,5 +1,6 @@
 import {defaultsDeep} from "lodash";
 import {theme} from "antd";
+import InstanceRenderMgr from '../utils/instanceRenderMgr'
 
 const {defaultAlgorithm, darkAlgorithm} = theme;
 
@@ -10,22 +11,30 @@ let isDarkMode = false;
  * @type {{components: {Menu: {itemDividerBorderColor: string}}}}
  */
 const defaultTheme = {
-    components: {
-        Table: {
-            rowHoverBg: '#e7f3ff',
-            rowSelectedBg: '#e6f7ff',
-            headerSortHoverBg: 'transparent',
-        },
-        Menu: {
-            darkItemHoverBg: '#1677ff',
-            itemHoverBg: '#1677ff',
-            horizontalItemHoverBg: '#1677ff',
-        }
+  components: {
+    Table: {
+      rowHoverBg: '#e7f3ff',
+      rowSelectedBg: '#e6f7ff',
+      headerSortHoverBg: 'transparent',
     },
-    token: {
-        colorPrimary: "#326ade",
-        colorInfo: "#326ade"
-    }
+    Menu: {
+      darkItemHoverBg: '#1890ff',
+      itemHoverBg: '#1890ff',
+      horizontalItemHoverBg: '#1890ff',
+    },
+  },
+  token: {
+    colorPrimary: InstanceRenderMgr({ 
+      imex: '#1890ff',
+      rome: '#326ade',
+      promanager:"#1d69a6"
+    }),
+    colorInfo: InstanceRenderMgr({
+      imex: '#1890ff',
+      rome: '#326ade',
+      promanager:"#1d69a6"
+    }),
+  },
 };
 
 /**
@@ -51,11 +60,11 @@ const devTheme = {
  */
 const prodTheme = {};
 
-const currentTheme = process.env.NODE_ENV === "development" ? devTheme
+const currentTheme = import.meta.env.DEV ? devTheme
     : prodTheme;
 
 const finaltheme = {
     algorithm: isDarkMode ? darkAlgorithm : defaultAlgorithm,
     ...defaultsDeep(currentTheme, defaultTheme)
 }
-export default finaltheme;
+export default finaltheme;

client/src/assets/promanager/android/res/mipmap-anydpi-v26/ic_launcher.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+  <background android:drawable="@mipmap/ic_launcher_background"/>
+  <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
+  <monochrome android:drawable="@mipmap/ic_launcher_monochrome"/>
+</adaptive-icon>

client/src/assets/promanager/ios/Contents.json

@@ -0,0 +1,134 @@
+{
+  "images": [
+    {
+      "filename": "AppIcon@2x.png",
+      "idiom": "iphone",
+      "scale": "2x",
+      "size": "60x60"
+    },
+    {
+      "filename": "AppIcon@3x.png",
+      "idiom": "iphone",
+      "scale": "3x",
+      "size": "60x60"
+    },
+    {
+      "filename": "AppIcon~ipad.png",
+      "idiom": "ipad",
+      "scale": "1x",
+      "size": "76x76"
+    },
+    {
+      "filename": "AppIcon@2x~ipad.png",
+      "idiom": "ipad",
+      "scale": "2x",
+      "size": "76x76"
+    },
+    {
+      "filename": "AppIcon-83.5@2x~ipad.png",
+      "idiom": "ipad",
+      "scale": "2x",
+      "size": "83.5x83.5"
+    },
+    {
+      "filename": "AppIcon-40@2x.png",
+      "idiom": "iphone",
+      "scale": "2x",
+      "size": "40x40"
+    },
+    {
+      "filename": "AppIcon-40@3x.png",
+      "idiom": "iphone",
+      "scale": "3x",
+      "size": "40x40"
+    },
+    {
+      "filename": "AppIcon-40~ipad.png",
+      "idiom": "ipad",
+      "scale": "1x",
+      "size": "40x40"
+    },
+    {
+      "filename": "AppIcon-40@2x~ipad.png",
+      "idiom": "ipad",
+      "scale": "2x",
+      "size": "40x40"
+    },
+    {
+      "filename": "AppIcon-20@2x.png",
+      "idiom": "iphone",
+      "scale": "2x",
+      "size": "20x20"
+    },
+    {
+      "filename": "AppIcon-20@3x.png",
+      "idiom": "iphone",
+      "scale": "3x",
+      "size": "20x20"
+    },
+    {
+      "filename": "AppIcon-20~ipad.png",
+      "idiom": "ipad",
+      "scale": "1x",
+      "size": "20x20"
+    },
+    {
+      "filename": "AppIcon-20@2x~ipad.png",
+      "idiom": "ipad",
+      "scale": "2x",
+      "size": "20x20"
+    },
+    {
+      "filename": "AppIcon-29.png",
+      "idiom": "iphone",
+      "scale": "1x",
+      "size": "29x29"
+    },
+    {
+      "filename": "AppIcon-29@2x.png",
+      "idiom": "iphone",
+      "scale": "2x",
+      "size": "29x29"
+    },
+    {
+      "filename": "AppIcon-29@3x.png",
+      "idiom": "iphone",
+      "scale": "3x",
+      "size": "29x29"
+    },
+    {
+      "filename": "AppIcon-29~ipad.png",
+      "idiom": "ipad",
+      "scale": "1x",
+      "size": "29x29"
+    },
+    {
+      "filename": "AppIcon-29@2x~ipad.png",
+      "idiom": "ipad",
+      "scale": "2x",
+      "size": "29x29"
+    },
+    {
+      "filename": "AppIcon-60@2x~car.png",
+      "idiom": "car",
+      "scale": "2x",
+      "size": "60x60"
+    },
+    {
+      "filename": "AppIcon-60@3x~car.png",
+      "idiom": "car",
+      "scale": "3x",
+      "size": "60x60"
+    },
+    {
+      "filename": "AppIcon~ios-marketing.png",
+      "idiom": "ios-marketing",
+      "scale": "1x",
+      "size": "1024x1024"
+    }
+  ],
+  "info": {
+    "author": "iconkitchen",
+    "version": 1
+  }
+}

client/src/assets/promanager/web/README.txt

@@ -0,0 +1,18 @@
+Add this to your HTML <head>:
+
+    <link rel="icon" href="/favicon.ico" sizes="any">
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+
+Add this to your app's manifest.json:
+
+    ...
+    {
+      "icons": [
+        { "src": "/favicon.ico", "type": "image/x-icon", "sizes": "16x16 32x32" },
+        { "src": "/icon-192.png", "type": "image/png", "sizes": "192x192" },
+        { "src": "/icon-512.png", "type": "image/png", "sizes": "512x512" },
+        { "src": "/icon-192-maskable.png", "type": "image/png", "sizes": "192x192", "purpose": "maskable" },
+        { "src": "/icon-512-maskable.png", "type": "image/png", "sizes": "512x512", "purpose": "maskable" }
+      ]
+    }
+    ...

client/src/components/PrivateRoute.jsx

@@ -14,4 +14,4 @@ function PrivateRoute({component: Component, isAuthorized, ...rest}) {
     return <Outlet/>;
 }
 
-export default PrivateRoute;
+export default PrivateRoute;

client/src/components/bill-enter-modal/bill-enter-modal.container.jsx

@@ -101,6 +101,7 @@ function BillEnterModalContainer({
             location,
             outstanding_returns,
             inventory,
+            federal_tax_exempt,
             ...remainingValues
         } = values;
 

client/src/components/bill-form/bill-form.component.jsx

@@ -21,6 +21,7 @@ import LayoutFormRow from "../layout-form-row/layout-form-row.component";
 import VendorSearchSelect from "../vendor-search-select/vendor-search-select.component";
 import BillFormLines from "./bill-form.lines.component";
 import {CalculateBillTotal} from "./bill-form.totals.utility";
+import InstanceRenderManager from "../../utils/instanceRenderMgr";
 
 const mapStateToProps = createStructuredSelector({
     bodyshop: selectBodyshop,
@@ -67,19 +68,19 @@ export function BillFormComponent({
         });
     };
 
-    // const handleFederalTaxExemptSwitchToggle = (checked) => {
-    //   // Early gate
-    //   if (!checked) return;
-    //   const values = form.getFieldsValue("billlines");
-    //   // Gate bill lines
-    //   if (!values?.billlines?.length) return;
+    const handleFederalTaxExemptSwitchToggle = (checked) => {
+      // Early gate
+      if (!checked) return;
+      const values = form.getFieldsValue("billlines");
+      // Gate bill lines
+      if (!values?.billlines?.length) return;
 
-        //   const billlines = values.billlines.map((b) => {
-    //     b.applicable_taxes.federal = false;
-    //     return b;
-    //   });
-    //   form.setFieldsValue({ billlines });
-    // };
+          const billlines = values.billlines.map((b) => {
+        b.applicable_taxes.federal = false;
+        return b;
+      });
+      form.setFieldsValue({ billlines });
+    };
 
     useEffect(() => {
         if (job) form.validateFields(["is_credit_memo"]);
@@ -369,13 +370,15 @@ export function BillFormComponent({
             </LayoutFormRow>
             <LayoutFormRow>
                 {
-                    // <Form.Item
-                    //   span={3}
-                    //   label={t("bills.fields.federal_tax_rate")}
-                    //   name="federal_tax_rate"
-                    // >
-                    //   <CurrencyInput min={0} disabled={disabled} />
-                    // </Form.Item>
+                    InstanceRenderManager({imex:
+                              <Form.Item
+                        span={3}
+                        label={t("bills.fields.federal_tax_rate")}
+                        name="federal_tax_rate"
+                      >
+                        <CurrencyInput min={0} disabled={disabled} />
+                      </Form.Item> })
+
                 }
                 <Form.Item
                     span={3}
@@ -384,22 +387,26 @@ export function BillFormComponent({
                 >
                     <CurrencyInput min={0} disabled={disabled}/>
                 </Form.Item>
-                {/*<Form.Item*/}
-                {/*  span={3}*/}
-                {/*  label={t("bills.fields.local_tax_rate")}*/}
-                {/*  name="local_tax_rate"*/}
-                {/*>*/}
-                {/*  <CurrencyInput min={0} />*/}
-                {/*</Form.Item>*/}
-                {/*  {bodyshop.pbs_serialnumber || bodyshop.cdk_dealerid ? (*/}
-                {/*      <Form.Item*/}
-                      {/*          span={2}*/}
-                      {/*          label={t("bills.labels.federal_tax_exempt")}*/}
-                      {/*          name="federal_tax_exempt"*/}
-                {/*      >*/}
-                      {/*          <Switch onChange={handleFederalTaxExemptSwitchToggle} />*/}
-                {/*      </Form.Item>*/}
-                {/*  ) : null}*/}
+{
+    InstanceRenderManager({imex: <>
+        <Form.Item
+        span={3}
+        label={t("bills.fields.local_tax_rate")}
+        name="local_tax_rate"
+      >
+        <CurrencyInput min={0} />
+      </Form.Item>
+        {bodyshop.pbs_serialnumber || bodyshop.cdk_dealerid ? (
+            <Form.Item
+                      span={2}
+                      label={t("bills.labels.federal_tax_exempt")}
+                      name="federal_tax_exempt"
+            >
+                      <Switch onChange={handleFederalTaxExemptSwitchToggle} />
+            </Form.Item>
+        ) : null}
+        </>})
+}
                 <Form.Item shouldUpdate span={13}>
                     {() => {
                         const values = form.getFieldsValue([
@@ -426,11 +433,11 @@ export function BillFormComponent({
                                             precision={2}
                                         />
                                         {
-                                            // <Statistic
-                                            //   title={t("bills.labels.federal_tax")}
-                                            //   value={totals.federalTax.toFormat()}
-                                            //   precision={2}
-                                            // />
+                                            InstanceRenderManager({imex: <Statistic
+                                              title={t("bills.labels.federal_tax")}
+                                              value={totals.federalTax.toFormat()}
+                                              precision={2}
+                                            /> })
                                         }
                                         <Statistic
                                             title={t("bills.labels.state_tax")}
@@ -438,11 +445,11 @@ export function BillFormComponent({
                                             precision={2}
                                         />
                                         {
-                                            // <Statistic
-                                            //   title={t("bills.labels.local_tax")}
-                                            //   value={totals.localTax.toFormat()}
-                                            //   precision={2}
-                                            // />
+                                            InstanceRenderManager({imex: <Statistic
+                                              title={t("bills.labels.local_tax")}
+                                              value={totals.localTax.toFormat()}
+                                              precision={2}
+                                            />})
                                         }
                                         <Statistic
                                             title={t("bills.labels.entered_total")}

client/src/components/bill-form/bill-form.lines.component.jsx

@@ -1,15 +1,27 @@
-import {DeleteFilled, DollarCircleFilled} from "@ant-design/icons";
-import {useSplitTreatments} from "@splitsoftware/splitio-react";
-import {Button, Checkbox, Form, Input, InputNumber, Select, Space, Switch, Table, Tooltip,} from "antd";
+import { DeleteFilled, DollarCircleFilled } from "@ant-design/icons";
+import { useSplitTreatments } from "@splitsoftware/splitio-react";
+import {
+    Button,
+    Checkbox,
+    Form,
+    Input,
+    InputNumber,
+    Select,
+    Space,
+    Switch,
+    Table,
+    Tooltip,
+} 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";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { selectBodyshop } from "../../redux/user/user.selectors";
 import CiecaSelect from "../../utils/Ciecaselect";
 import BillLineSearchSelect from "../bill-line-search-select/bill-line-search-select.component";
 import BilllineAddInventory from "../billline-add-inventory/billline-add-inventory.component";
 import CurrencyInput from "../form-items-formatted/currency-form-item.component";
+import InstanceRenderManager from "../../utils/instanceRenderMgr";
 
 const mapStateToProps = createStructuredSelector({
     //currentUser: selectCurrentUser
@@ -20,25 +32,26 @@ const mapDispatchToProps = (dispatch) => ({
 });
 
 export function BillEnterModalLinesComponent({
-                                                 bodyshop,
-                                                 disabled,
-                                                 lineData,
-                                                 discount,
-                                                 form,
-                                                 responsibilityCenters,
-                                                 billEdit,
-                                                 billid,
-                                             }) {
-    const {t} = useTranslation();
-    const {setFieldsValue, getFieldsValue, getFieldValue} = form;
+    bodyshop,
+    disabled,
+    lineData,
+    discount,
+    form,
+    responsibilityCenters,
+    billEdit,
+    billid,
+}) {
+    const { t } = useTranslation();
+    const { setFieldsValue, getFieldsValue, getFieldValue } = form;
 
-    const {treatments: {Simple_Inventory, Enhanced_Payroll}} = useSplitTreatments({
+    const {
+        treatments: { Simple_Inventory, Enhanced_Payroll },
+    } = useSplitTreatments({
         attributes: {},
         names: ["Simple_Inventory", "Enhanced_Payroll"],
         splitKey: bodyshop && bodyshop.imexshopid,
     });
 
-
     const columns = (remove) => {
         return [
             {
@@ -75,35 +88,39 @@ export function BillEnterModalLinesComponent({
                     <BillLineSearchSelect
                         disabled={disabled}
                         options={lineData}
-                        style={{width: "100%", minWidth: "10rem"}}
-                        allowRemoved={form.getFieldValue("is_credit_memo") || false}
+                        style={{ width: "100%", minWidth: "10rem" }}
+                        allowRemoved={
+                            form.getFieldValue("is_credit_memo") || false
+                        }
                         onSelect={(value, opt) => {
                             setFieldsValue({
-                                billlines: getFieldsValue(["billlines"]).billlines.map(
-                                    (item, idx) => {
-                                        if (idx === index) {
-                                            return {
-                                                ...item,
-                                                line_desc: opt.line_desc,
-                                                quantity: opt.part_qty || 1,
-                                                actual_price: opt.cost,
-                                                original_actual_price: opt.cost,
-                                                cost_center: opt.part_type
-                                                    ? bodyshop.pbs_serialnumber || bodyshop.cdk_dealerid
-                                                        ? opt.part_type !== "PAE"
-                                                            ? opt.part_type
-                                                            : null
-                                                        : responsibilityCenters.defaults &&
-                                                        (responsibilityCenters.defaults.costs[
-                                                                opt.part_type
-                                                                ] ||
-                                                            null)
-                                                    : null,
-                                            };
-                                        }
-                                        return item;
+                                billlines: getFieldsValue([
+                                    "billlines",
+                                ]).billlines.map((item, idx) => {
+                                    if (idx === index) {
+                                        return {
+                                            ...item,
+                                            line_desc: opt.line_desc,
+                                            quantity: opt.part_qty || 1,
+                                            actual_price: opt.cost,
+                                            original_actual_price: opt.cost,
+                                            cost_center: opt.part_type
+                                                ? bodyshop.pbs_serialnumber ||
+                                                  bodyshop.cdk_dealerid
+                                                    ? opt.part_type !== "PAE"
+                                                        ? opt.part_type
+                                                        : null
+                                                    : responsibilityCenters.defaults &&
+                                                      (responsibilityCenters
+                                                          .defaults.costs[
+                                                          opt.part_type
+                                                      ] ||
+                                                          null)
+                                                : null,
+                                        };
                                     }
-                                ),
+                                    return item;
+                                }),
                             });
                         }}
                     />
@@ -127,7 +144,7 @@ export function BillEnterModalLinesComponent({
                         ],
                     };
                 },
-                formInput: (record, index) => <Input disabled={disabled}/>,
+                formInput: (record, index) => <Input disabled={disabled} />,
             },
             {
                 title: t("billlines.fields.quantity"),
@@ -144,19 +161,24 @@ export function BillEnterModalLinesComponent({
                                 required: true,
                                 //message: t("general.validation.required"),
                             },
-                            ({getFieldValue}) => ({
+                            ({ getFieldValue }) => ({
                                 validator(rule, value) {
                                     if (
                                         value &&
-                                        getFieldValue("billlines")[field.fieldKey]?.inventories
-                                            ?.length > value
+                                        getFieldValue("billlines")[
+                                            field.fieldKey
+                                        ]?.inventories?.length > value
                                     ) {
                                         return Promise.reject(
-                                            t("bills.validation.inventoryquantity", {
-                                                number:
-                                                getFieldValue("billlines")[field.fieldKey]
-                                                    ?.inventories?.length,
-                                            })
+                                            t(
+                                                "bills.validation.inventoryquantity",
+                                                {
+                                                    number: getFieldValue(
+                                                        "billlines"
+                                                    )[field.fieldKey]
+                                                        ?.inventories?.length,
+                                                }
+                                            )
                                         );
                                     }
                                     return Promise.resolve();
@@ -166,7 +188,7 @@ export function BillEnterModalLinesComponent({
                     };
                 },
                 formInput: (record, index) => (
-                    <InputNumber precision={0} min={1} disabled={disabled}/>
+                    <InputNumber precision={0} min={1} disabled={disabled} />
                 ),
             },
             {
@@ -193,64 +215,87 @@ export function BillEnterModalLinesComponent({
                         disabled={disabled}
                         onBlur={(e) => {
                             setFieldsValue({
-                                billlines: getFieldsValue("billlines").billlines.map(
-                                    (item, idx) => {
-                                        if (idx === index) {
-                                            return {
-                                                ...item,
-                                                actual_cost: !!item.actual_cost
-                                                    ? item.actual_cost
-                                                    : Math.round(
-                                                    (parseFloat(e.target.value) * (1 - discount) +
-                                                        Number.EPSILON) *
-                                                    100
-                                                ) / 100,
-                                            };
-                                        }
-                                        return item;
+                                billlines: getFieldsValue(
+                                    "billlines"
+                                ).billlines.map((item, idx) => {
+                                    if (idx === index) {
+                                        return {
+                                            ...item,
+                                            actual_cost: !!item.actual_cost
+                                                ? item.actual_cost
+                                                : Math.round(
+                                                      (parseFloat(
+                                                          e.target.value
+                                                      ) *
+                                                          (1 - discount) +
+                                                          Number.EPSILON) *
+                                                          100
+                                                  ) / 100,
+                                        };
                                     }
-                                ),
+                                    return item;
+                                }),
                             });
                         }}
                     />
                 ),
-                additional: (record, index) => (
-                    <Form.Item
-                        dependencies={["billlines", record.name, "actual_price"]}
-                        noStyle
-                    >
-                        {() => {
-                            const billLine = getFieldValue(["billlines", record.name]);
-                            const jobLine = lineData.find(
-                                (line) => line.id === billLine?.joblineid
-                            );
+                additional: (record, index) =>
+                    InstanceRenderManager({
+                        rome: (
+                            <Form.Item
+                                dependencies={[
+                                    "billlines",
+                                    record.name,
+                                    "actual_price",
+                                ]}
+                                noStyle
+                            >
+                                {() => {
+                                    const billLine = getFieldValue([
+                                        "billlines",
+                                        record.name,
+                                    ]);
+                                    const jobLine = lineData.find(
+                                        (line) =>
+                                            line.id === billLine?.joblineid
+                                    );
 
-                            if (
-                                !billEdit &&
-                                billLine &&
-                                jobLine &&
-                                billLine?.actual_price !== jobLine?.act_price
-                            ) {
-                                return (
-                                    <Space size="small">
-                                        <Form.Item
-                                            noStyle
-                                            label={t("joblines.fields.create_ppc")}
-                                            key={`${index}ppc`}
-                                            valuePropName="checked"
-                                            name={[record.name, "create_ppc"]}
-                                        >
-                                            <Checkbox/>
-                                        </Form.Item>
-                                        {t("joblines.fields.create_ppc")}
-                                    </Space>
-                                );
-                            } else {
-                                return null;
-                            }
-                        }}
-                    </Form.Item>
-                ),
+                                    if (
+                                        !billEdit &&
+                                        billLine &&
+                                        jobLine &&
+                                        billLine?.actual_price !==
+                                            jobLine?.act_price
+                                    ) {
+                                        return (
+                                            <Space size="small">
+                                                <Form.Item
+                                                    noStyle
+                                                    label={t(
+                                                        "joblines.fields.create_ppc"
+                                                    )}
+                                                    key={`${index}ppc`}
+                                                    valuePropName="checked"
+                                                    name={[
+                                                        record.name,
+                                                        "create_ppc",
+                                                    ]}
+                                                >
+                                                    <Checkbox />
+                                                </Form.Item>
+                                                {t(
+                                                    "joblines.fields.create_ppc"
+                                                )}
+                                            </Space>
+                                        );
+                                    } else {
+                                        return null;
+                                    }
+                                }}
+                            </Form.Item>
+                        ),
+                        //Do not need to set for promanager as it will default to Rome.
+                    }),
             },
             {
                 title: t("billlines.fields.actual_cost"),
@@ -279,17 +324,30 @@ export function BillEnterModalLinesComponent({
                         addonAfter={
                             <Form.Item shouldUpdate noStyle>
                                 {() => {
-                                    const line = getFieldsValue(["billlines"]).billlines[index];
+                                    const line = getFieldsValue(["billlines"])
+                                        .billlines[index];
                                     if (!!!line) return null;
-                                    let lineDiscount = 1 - line.actual_cost / line.actual_price;
+                                    let lineDiscount =
+                                        1 -
+                                        line.actual_cost / line.actual_price;
                                     if (isNaN(lineDiscount)) lineDiscount = 0;
                                     return (
-                                        <Tooltip title={`${(lineDiscount * 100).toFixed(2) || 0}%`}>
+                                        <Tooltip
+                                            title={`${
+                                                (lineDiscount * 100).toFixed(
+                                                    2
+                                                ) || 0
+                                            }%`}
+                                        >
                                             <DollarCircleFilled
                                                 style={{
                                                     color:
-                                                        Math.abs(lineDiscount - discount) > 0.005
-                                                            ? lineDiscount > discount
+                                                        Math.abs(
+                                                            lineDiscount -
+                                                                discount
+                                                        ) > 0.005
+                                                            ? lineDiscount >
+                                                              discount
                                                                 ? "orange"
                                                                 : "red"
                                                             : "green",
@@ -345,40 +403,48 @@ export function BillEnterModalLinesComponent({
                     };
                 },
                 formInput: (record, index) => (
-                    <Select showSearch style={{minWidth: "3rem"}} disabled={disabled}>
+                    <Select
+                        showSearch
+                        style={{ minWidth: "3rem" }}
+                        disabled={disabled}
+                    >
                         {bodyshop.cdk_dealerid || bodyshop.pbs_serialnumber
                             ? CiecaSelect(true, false)
                             : responsibilityCenters.costs.map((item) => (
-                                <Select.Option key={item.name}>{item.name}</Select.Option>
-                            ))}
+                                  <Select.Option key={item.name}>
+                                      {item.name}
+                                  </Select.Option>
+                              ))}
                     </Select>
                 ),
             },
             ...(billEdit
                 ? []
                 : [
-                    {
-                        title: t("billlines.fields.location"),
-                        dataIndex: "location",
-                        editable: true,
-                        label: t("billlines.fields.location"),
-                        formItemProps: (field) => {
-                            return {
-                                key: `${field.index}location`,
-                                name: [field.name, "location"],
-                            };
-                        },
-                        formInput: (record, index) => (
-                            <Select disabled={disabled}>
-                                {bodyshop.md_parts_locations.map((loc, idx) => (
-                                    <Select.Option key={idx} value={loc}>
-                                        {loc}
-                                    </Select.Option>
-                                ))}
-                            </Select>
-                        ),
-                    },
-                ]),
+                      {
+                          title: t("billlines.fields.location"),
+                          dataIndex: "location",
+                          editable: true,
+                          label: t("billlines.fields.location"),
+                          formItemProps: (field) => {
+                              return {
+                                  key: `${field.index}location`,
+                                  name: [field.name, "location"],
+                              };
+                          },
+                          formInput: (record, index) => (
+                              <Select disabled={disabled}>
+                                  {bodyshop.md_parts_locations.map(
+                                      (loc, idx) => (
+                                          <Select.Option key={idx} value={loc}>
+                                              {loc}
+                                          </Select.Option>
+                                      )
+                                  )}
+                              </Select>
+                          ),
+                      },
+                  ]),
             {
                 title: t("billlines.labels.deductedfromlbr"),
                 dataIndex: "deductedfromlbr",
@@ -390,9 +456,13 @@ export function BillEnterModalLinesComponent({
                         name: [field.name, "deductedfromlbr"],
                     };
                 },
-                formInput: (record, index) => <Switch disabled={disabled}/>,
+                formInput: (record, index) => <Switch disabled={disabled} />,
                 additional: (record, index) => (
-                    <Form.Item shouldUpdate noStyle style={{display: "inline-block"}}>
+                    <Form.Item
+                        shouldUpdate
+                        noStyle
+                        style={{ display: "inline-block" }}
+                    >
                         {() => {
                             const price = getFieldValue([
                                 "billlines",
@@ -407,88 +477,150 @@ export function BillEnterModalLinesComponent({
                                 "rate",
                             ]);
 
-                            const billline = getFieldValue(["billlines", record.name]);
+                            const billline = getFieldValue([
+                                "billlines",
+                                record.name,
+                            ]);
 
                             const jobline = lineData.find(
                                 (line) => line.id === billline?.joblineid
                             );
 
-                            const employeeTeamName = bodyshop.employee_teams.find(
-                                (team) => team.id === jobline?.assigned_team
-                            );
+                            const employeeTeamName =
+                                bodyshop.employee_teams.find(
+                                    (team) => team.id === jobline?.assigned_team
+                                );
 
-                            if (getFieldValue(["billlines", record.name, "deductedfromlbr"]))
+                            if (
+                                getFieldValue([
+                                    "billlines",
+                                    record.name,
+                                    "deductedfromlbr",
+                                ])
+                            )
                                 return (
                                     <div>
-                                        <Space>
-                                            {t("joblines.fields.assigned_team", {
-                                                name: employeeTeamName?.name,
-                                            })}
-                                            {`${jobline.mod_lb_hrs} units/${t(
-                                                `joblines.fields.lbr_types.${jobline.mod_lbr_ty}`
-                                            )}`}
-                                        </Space>
+                                        {Enhanced_Payroll.treatment === "on" ? (
+                                            <Space>
+                                                {t(
+                                                    "joblines.fields.assigned_team",
+                                                    {
+                                                        name: employeeTeamName?.name,
+                                                    }
+                                                )}
+                                                {`${
+                                                    jobline.mod_lb_hrs
+                                                } units/${t(
+                                                    `joblines.fields.lbr_types.${jobline.mod_lbr_ty}`
+                                                )}`}
+                                            </Space>
+                                        ) : null}
+
                                         <Form.Item
-                                            label={t("joblines.fields.mod_lbr_ty")}
+                                            label={t(
+                                                "joblines.fields.mod_lbr_ty"
+                                            )}
                                             key={`${index}modlbrty`}
-                                            initialValue={jobline ? jobline.mod_lbr_ty : null}
+                                            initialValue={
+                                                jobline
+                                                    ? jobline.mod_lbr_ty
+                                                    : null
+                                            }
                                             rules={[
                                                 {
                                                     required: true,
                                                     //message: t("general.validation.required"),
                                                 },
                                             ]}
-                                            name={[record.name, "lbr_adjustment", "mod_lbr_ty"]}
+                                            name={[
+                                                record.name,
+                                                "lbr_adjustment",
+                                                "mod_lbr_ty",
+                                            ]}
                                         >
                                             <Select allowClear>
                                                 <Select.Option value="LAA">
-                                                    {t("joblines.fields.lbr_types.LAA")}
+                                                    {t(
+                                                        "joblines.fields.lbr_types.LAA"
+                                                    )}
                                                 </Select.Option>
                                                 <Select.Option value="LAB">
-                                                    {t("joblines.fields.lbr_types.LAB")}
+                                                    {t(
+                                                        "joblines.fields.lbr_types.LAB"
+                                                    )}
                                                 </Select.Option>
                                                 <Select.Option value="LAD">
-                                                    {t("joblines.fields.lbr_types.LAD")}
+                                                    {t(
+                                                        "joblines.fields.lbr_types.LAD"
+                                                    )}
                                                 </Select.Option>
                                                 <Select.Option value="LAE">
-                                                    {t("joblines.fields.lbr_types.LAE")}
+                                                    {t(
+                                                        "joblines.fields.lbr_types.LAE"
+                                                    )}
                                                 </Select.Option>
                                                 <Select.Option value="LAF">
-                                                    {t("joblines.fields.lbr_types.LAF")}
+                                                    {t(
+                                                        "joblines.fields.lbr_types.LAF"
+                                                    )}
                                                 </Select.Option>
                                                 <Select.Option value="LAG">
-                                                    {t("joblines.fields.lbr_types.LAG")}
+                                                    {t(
+                                                        "joblines.fields.lbr_types.LAG"
+                                                    )}
                                                 </Select.Option>
                                                 <Select.Option value="LAM">
-                                                    {t("joblines.fields.lbr_types.LAM")}
+                                                    {t(
+                                                        "joblines.fields.lbr_types.LAM"
+                                                    )}
                                                 </Select.Option>
                                                 <Select.Option value="LAR">
-                                                    {t("joblines.fields.lbr_types.LAR")}
+                                                    {t(
+                                                        "joblines.fields.lbr_types.LAR"
+                                                    )}
                                                 </Select.Option>
                                                 <Select.Option value="LAS">
-                                                    {t("joblines.fields.lbr_types.LAS")}
+                                                    {t(
+                                                        "joblines.fields.lbr_types.LAS"
+                                                    )}
                                                 </Select.Option>
                                                 <Select.Option value="LAU">
-                                                    {t("joblines.fields.lbr_types.LAU")}
+                                                    {t(
+                                                        "joblines.fields.lbr_types.LAU"
+                                                    )}
                                                 </Select.Option>
                                                 <Select.Option value="LA1">
-                                                    {t("joblines.fields.lbr_types.LA1")}
+                                                    {t(
+                                                        "joblines.fields.lbr_types.LA1"
+                                                    )}
                                                 </Select.Option>
                                                 <Select.Option value="LA2">
-                                                    {t("joblines.fields.lbr_types.LA2")}
+                                                    {t(
+                                                        "joblines.fields.lbr_types.LA2"
+                                                    )}
                                                 </Select.Option>
                                                 <Select.Option value="LA3">
-                                                    {t("joblines.fields.lbr_types.LA3")}
+                                                    {t(
+                                                        "joblines.fields.lbr_types.LA3"
+                                                    )}
                                                 </Select.Option>
                                                 <Select.Option value="LA4">
-                                                    {t("joblines.fields.lbr_types.LA4")}
+                                                    {t(
+                                                        "joblines.fields.lbr_types.LA4"
+                                                    )}
                                                 </Select.Option>
                                             </Select>
                                         </Form.Item>
                                         {Enhanced_Payroll.treatment === "on" ? (
                                             <Form.Item
-                                                label={t("billlines.labels.mod_lbr_adjustment")}
-                                                name={[record.name, "lbr_adjustment", "mod_lb_hrs"]}
+                                                label={t(
+                                                    "billlines.labels.mod_lbr_adjustment"
+                                                )}
+                                                name={[
+                                                    record.name,
+                                                    "lbr_adjustment",
+                                                    "mod_lb_hrs",
+                                                ]}
                                                 rules={[
                                                     {
                                                         required: true,
@@ -499,14 +631,26 @@ export function BillEnterModalLinesComponent({
                                                 <InputNumber
                                                     precision={5}
                                                     min={0.01}
-                                                    max={jobline ? jobline.mod_lb_hrs : 0}
+                                                    max={
+                                                        jobline
+                                                            ? jobline.mod_lb_hrs
+                                                            : 0
+                                                    }
                                                 />
                                             </Form.Item>
                                         ) : (
                                             <Form.Item
-                                                label={t("jobs.labels.adjustmentrate")}
-                                                name={[record.name, "lbr_adjustment", "rate"]}
-                                                initialValue={bodyshop.default_adjustment_rate}
+                                                label={t(
+                                                    "jobs.labels.adjustmentrate"
+                                                )}
+                                                name={[
+                                                    record.name,
+                                                    "lbr_adjustment",
+                                                    "rate",
+                                                ]}
+                                                initialValue={
+                                                    bodyshop.default_adjustment_rate
+                                                }
                                                 rules={[
                                                     {
                                                         required: true,
@@ -514,14 +658,19 @@ export function BillEnterModalLinesComponent({
                                                     },
                                                 ]}
                                             >
-                                                <InputNumber precision={2} min={0.01}/>
+                                                <InputNumber
+                                                    precision={2}
+                                                    min={0.01}
+                                                />
                                             </Form.Item>
                                         )}
 
                                         <Space>
                                             {price &&
                                                 adjustmentRate &&
-                                                `${(price / adjustmentRate).toFixed(1)} hrs`}
+                                                `${(
+                                                    price / adjustmentRate
+                                                ).toFixed(1)} hrs`}
                                         </Space>
                                     </div>
                                 );
@@ -530,21 +679,33 @@ export function BillEnterModalLinesComponent({
                     </Form.Item>
                 ),
             },
-            // {
-            //   title: t("billlines.fields.federal_tax_applicable"),
-            //   dataIndex: "applicable_taxes.federal",
-            //   editable: true,
 
-            //   formItemProps: (field) => {
-            //     return {
-            //       key: `${field.index}fedtax`,
-            //       valuePropName: "checked",
-            //       //  initialValue: true,
-                        //       name: [field.name, "applicable_taxes", "federal"],
-            //     };
-            //   },
-            //   formInput: (record, index) => <Switch disabled={disabled} />,
-            // },
+            ...InstanceRenderManager({
+                imex: [
+                    {
+                        title: t("billlines.fields.federal_tax_applicable"),
+                        dataIndex: "applicable_taxes.federal",
+                        editable: true,
+
+                        formItemProps: (field) => {
+                            return {
+                                key: `${field.index}fedtax`,
+                                valuePropName: "checked",
+                                //  initialValue: true,
+                                name: [
+                                    field.name,
+                                    "applicable_taxes",
+                                    "federal",
+                                ],
+                            };
+                        },
+                        formInput: (record, index) => (
+                            <Switch disabled={disabled} />
+                        ),
+                    },
+                ],
+            }),
+
             {
                 title: t("billlines.fields.state_tax_applicable"),
                 dataIndex: "applicable_taxes.state",
@@ -557,22 +718,29 @@ export function BillEnterModalLinesComponent({
                         name: [field.name, "applicable_taxes", "state"],
                     };
                 },
-                formInput: (record, index) => <Switch disabled={disabled}/>,
+                formInput: (record, index) => <Switch disabled={disabled} />,
             },
-            // {
-            //   title: t("billlines.fields.local_tax_applicable"),
-            //   dataIndex: "applicable_taxes.local",
-            //   editable: true,
 
-            //   formItemProps: (field) => {
-            //     return {
-            //       key: `${field.index}localtax`,
-            //       valuePropName: "checked",
-            //       name: [field.name, "applicable_taxes", "local"],
-            //     };
-            //   },
-            //   formInput: (record, index) => <Switch disabled={disabled} />,
-            // },
+            ...InstanceRenderManager({
+                imex: [
+                    {
+                        title: t("billlines.fields.local_tax_applicable"),
+                        dataIndex: "applicable_taxes.local",
+                        editable: true,
+
+                        formItemProps: (field) => {
+                            return {
+                                key: `${field.index}localtax`,
+                                valuePropName: "checked",
+                                name: [field.name, "applicable_taxes", "local"],
+                            };
+                        },
+                        formInput: (record, index) => (
+                            <Switch disabled={disabled} />
+                        ),
+                    },
+                ],
+            }),
             {
                 title: t("general.labels.actions"),
 
@@ -584,12 +752,13 @@ export function BillEnterModalLinesComponent({
                                 <Button
                                     disabled={
                                         disabled ||
-                                        getFieldValue("billlines")[record.fieldKey]?.inventories
-                                            ?.length > 0
+                                        getFieldValue("billlines")[
+                                            record.fieldKey
+                                        ]?.inventories?.length > 0
                                     }
                                     onClick={() => remove(record.name)}
                                 >
-                                    <DeleteFilled/>
+                                    <DeleteFilled />
                                 </Button>
                                 {Simple_Inventory.treatment === "on" && (
                                     <BilllineAddInventory
@@ -598,7 +767,11 @@ export function BillEnterModalLinesComponent({
                                             form.isFieldsTouched() ||
                                             form.getFieldValue("is_credit_memo")
                                         }
-                                        billline={getFieldValue("billlines")[record.fieldKey]}
+                                        billline={
+                                            getFieldValue("billlines")[
+                                                record.fieldKey
+                                            ]
+                                        }
                                         jobid={getFieldValue("jobid")}
                                     />
                                 )}
@@ -641,7 +814,7 @@ export function BillEnterModalLinesComponent({
                 },
             ]}
         >
-            {(fields, {add, remove, move}) => {
+            {(fields, { add, remove, move }) => {
                 return (
                     <>
                         <Table
@@ -654,7 +827,7 @@ export function BillEnterModalLinesComponent({
                             bordered
                             dataSource={fields}
                             columns={mergedColumns(remove)}
-                            scroll={{x: true}}
+                            scroll={{ x: true }}
                             pagination={false}
                             rowClassName="editable-row"
                         />
@@ -664,7 +837,7 @@ export function BillEnterModalLinesComponent({
                                 onClick={() => {
                                     add();
                                 }}
-                                style={{width: "100%"}}
+                                style={{ width: "100%" }}
                             >
                                 {t("billlines.actions.newline")}
                             </Button>
@@ -682,28 +855,29 @@ export default connect(
 )(BillEnterModalLinesComponent);
 
 const EditableCell = ({
-                          dataIndex,
-                          title,
-                          inputType,
-                          record,
-                          index,
-                          children,
-                          formInput,
-                          formItemProps,
-                          additional,
-                          wrapper,
-                          ...restProps
-                      }) => {
+    dataIndex,
+    title,
+    inputType,
+    record,
+    index,
+    children,
+    formInput,
+    formItemProps,
+    additional,
+    wrapper,
+    ...restProps
+}) => {
     if (additional)
         return (
             <td {...restProps}>
                 <div size="small">
                     <Form.Item
                         name={dataIndex}
-                        labelCol={{span: 0}}
+                        labelCol={{ span: 0 }}
                         {...(formItemProps && formItemProps(record))}
                     >
-                        {(formInput && formInput(record, record.name)) || children}
+                        {(formInput && formInput(record, record.name)) ||
+                            children}
                     </Form.Item>
                     {additional && additional(record, record.name)}
                 </div>
@@ -714,11 +888,12 @@ const EditableCell = ({
             <wrapper>
                 <td {...restProps}>
                     <Form.Item
-                        labelCol={{span: 0}}
+                        labelCol={{ span: 0 }}
                         name={dataIndex}
                         {...(formItemProps && formItemProps(record))}
                     >
-                        {(formInput && formInput(record, record.name)) || children}
+                        {(formInput && formInput(record, record.name)) ||
+                            children}
                     </Form.Item>
                 </td>
             </wrapper>
@@ -726,7 +901,7 @@ const EditableCell = ({
     return (
         <td {...restProps}>
             <Form.Item
-                labelCol={{span: 0}}
+                labelCol={{ span: 0 }}
                 name={dataIndex}
                 {...(formItemProps && formItemProps(record))}
             >

client/src/components/bill-line-search-select/bill-line-search-select.component.jsx

@@ -1,6 +1,7 @@
 import {Select} from "antd";
 import React, {forwardRef} from "react";
 import {useTranslation} from "react-i18next";
+import InstanceRenderMgr from '../../utils/instanceRenderMgr';
 
 //To be used as a form element only.
 const {Option} = Select;
@@ -67,11 +68,21 @@ const BillLineSearchSelect = (
                     item.oem_partno ? ` - ${item.oem_partno}` : ""
                 }${item.alt_partno ? ` (${item.alt_partno})` : ""}`.trim()}
               </span>
-                        {item.act_price === 0 && item.mod_lb_hrs > 0 && (
+                        {
+                            InstanceRenderMgr
+                            (
+                                {
+                                    rome: item.act_price === 0 && item.mod_lb_hrs > 0 && (
                             <span style={{float: "right", paddingleft: "1rem"}}>
                   {`${item.mod_lb_hrs} units`}
                 </span>
-                        )}
+                        )
+
+                                }
+                            )
+
+
+                    }
 
                         <span style={{float: "right", paddingleft: "1rem"}}>
                 {item.act_price

client/src/components/card-payment-modal/card-payment-modal.component..jsx

@@ -280,24 +280,22 @@ const CardPaymentModalComponent = ({
                                     <Input
                                         className="ipayfield"
                                         data-ipayname="account"
-                                        //type="hidden"
+                                        type="hidden"
                                         value={
                                             payments && data && data.jobs.length > 0
                                                 ? data.jobs.map((j) => j.ro_number).join(", ")
                                                 : null
                                         }
-                                        hidden
                                     />
                                     <Input
                                         className="ipayfield"
                                         data-ipayname="email"
-                                        // type="hidden"
+                                        type="hidden"
                                         value={
                                             payments && data && data.jobs.length > 0
                                                 ? data.jobs.filter((j) => j.ownr_ea)[0]?.ownr_ea
                                                 : null
                                         }
-                                        hidden
                                     />
                                 </>
                             );
@@ -325,9 +323,8 @@ const CardPaymentModalComponent = ({
                                     <Input
                                         className="ipayfield"
                                         data-ipayname="amount"
-                                        //type="hidden"
+                                        type="hidden"
                                         value={totalAmountToCharge?.toFixed(2)}
-                                        hidden
                                     />
                                     <Button
                                         type="primary"

client/src/components/chat-affix/chat-affix.container.jsx

@@ -19,7 +19,7 @@ export function ChatAffixContainer({bodyshop, chatVisible}) {
             try {
                 const r = await axios.post("/notifications/subscribe", {
                     fcm_tokens: await getToken(messaging, {
-                        vapidKey: process.env.REACT_APP_FIREBASE_PUBLIC_VAPID_KEY,
+                        vapidKey: import.meta.env.VITE_APP_FIREBASE_PUBLIC_VAPID_KEY,
                     }),
                     type: "messaging",
                     imexshopid: bodyshop.imexshopid,
@@ -95,4 +95,4 @@ export function ChatAffixContainer({bodyshop, chatVisible}) {
     );
 }
 
-export default ChatAffixContainer;
+export default ChatAffixContainer;

client/src/components/conflict/conflict.component.jsx

@@ -1,6 +1,7 @@
 import React from "react";
 import {Button, Result} from "antd";
 import {useTranslation} from "react-i18next";
+import InstanceRenderManager from '../../utils/instanceRenderMgr';
 
 export default function ConflictComponent() {
     const {t} = useTranslation();
@@ -11,7 +12,7 @@ export default function ConflictComponent() {
                 title={t("general.labels.instanceconflictitle")}
                 extra={
                     <div>
-                        <div>{t("general.labels.instanceconflictext")}</div>
+                        <div>{t("general.labels.instanceconflictext",{app: InstanceRenderManager({imex:'$t(titles.imexonline)', rome: '$t(titles.romeonline)', promanager: '$t(titles.promanager)'})})}</div>
                         <Button
                             onClick={() => {
                                 window.location.reload();

client/src/components/contract-form/contract-form.component.jsx

@@ -66,7 +66,30 @@ export default function ContractFormComponent({
                         <FormDateTimePicker/>
                     </Form.Item>
                 )}
-            </LayoutFormRow>
+                {create && (
+                    <Form.Item
+                        shouldUpdate={(p, c) => p.scheduledreturn !== c.scheduledreturn}
+                    >
+                        {() => {
+                            const insuranceOver =
+                                selectedCar &&
+                                selectedCar.insuranceexpires &&
+                                dayjs(selectedCar.insuranceexpires)
+                                    .endOf("day")
+                                    .isBefore(dayjs(form.getFieldValue("scheduledreturn")));
+                            if (insuranceOver)
+                                return (
+                                    <Space direction="vertical" style={{color: "tomato"}}>
+                    <span>
+                      <WarningFilled style={{marginRight: ".3rem"}}/>
+                        {t("contracts.labels.insuranceexpired")}
+                    </span>
+                                    </Space>
+                                );
+                            return <></>;
+                        }}
+                    </Form.Item>
+                )}</LayoutFormRow>
             <LayoutFormRow grow>
                 <Form.Item
                     label={t("contracts.fields.kmstart")}
@@ -88,16 +111,17 @@ export default function ContractFormComponent({
                     >
                         {() => {
                             const mileageOver =
-                                selectedCar &&
-                                selectedCar.nextservicekm <= form.getFieldValue("kmstart");
-
+                                selectedCar && selectedCar.nextservicekm
+                                    ? selectedCar.nextservicekm <= form.getFieldValue("kmstart")
+                                    : false;
                             const dueForService =
                                 selectedCar &&
                                 selectedCar.nextservicedate &&
-                                dayjs(selectedCar.nextservicedate).isBefore(
+                                dayjs(selectedCar.nextservicedate)
+                                    .endOf("day")
+                                    .isSameOrBefore(
                                     dayjs(form.getFieldValue("scheduledreturn"))
-                                );
-
+                                    );
                             if (mileageOver || dueForService)
                                 return (
                                     <Space direction="vertical" style={{color: "tomato"}}>