Merge branch 'develop' into dependabot/npm_and_yarn/terser-4.8.1

Author: pcaversaccio

.env.example

@@ -15,4 +15,7 @@ REACT_APP_API_AMAZON_COGNITO=https://abc123.auth.your-region.amazoncognito.com/o
 REACT_APP_COGNITO_REDIRECT_URI=https://abc123.api.your-region.amazonaws.com/dev/auth/login_social
 REACT_APP_COGNITO_CLIENTID=your-cognito-client-id
 REACT_APP_API_LOGOUT_SOCIAL=https://auth.com/logout?client_id=123
-REACT_APP_GITHUB_IDENTITY_PROVIDER=ProviderName
+REACT_APP_GITHUB_IDENTITY_PROVIDER=ProviderName
+REACT_APP_FEEDBACK_SLACK=https://abc123.api.your-region.amazonaws.com/dev/webhook/client-feedback
+REACT_APP_PRESIGN_URL_UPLOAD_FEEDBACK_IMAGE=https://abc123.api.your-region.amazonaws.com/devdaitabeapp/feedback/presign_url_image
+REACT_APP_CREATE_PROJECT_SAMPLE=https://abc123.api.your-region.amazonaws.com

package.json

@@ -1,6 +1,6 @@
 {
   "name": "daita-interface",
-  "version": "0.1.0",
+  "version": "1.1.0",
   "private": true,
   "description": "React-based user interface for the DAITA platform.",
   "author": "DAITA Technologies",
@@ -44,13 +44,15 @@
     "@types/crypto-js": "^4.0.2",
     "@types/file-saver": "^2.0.4",
     "@types/lodash": "^4.14.177",
-    "@types/node": "^12.20.14",
+    "@types/node": "17.0.29",
     "@types/react": "^17.0.9",
     "@types/react-dom": "^17.0.6",
     "@types/react-google-recaptcha": "^2.1.3",
     "@types/react-helmet": "^6.1.5",
     "@types/react-router-dom": "^5.1.7",
     "@types/react-virtualized": "^9.21.15",
+    "@types/react-window": "^1.8.5",
+    "@types/uuid": "^8.3.4",
     "axios": "^0.21.1",
     "axios-middleware": "^0.3.1",
     "chart.js": "^3.7.1",
@@ -61,28 +63,34 @@
     "history": "^4.10.1",
     "js-base64": "^3.7.2",
     "jszip": "^3.9.1",
+    "konva": "^8.3.10",
     "lodash": "^4.17.21",
     "moment": "^2.29.2",
+    "p-limit": "^4.0.0",
     "react": "^17.0.2",
     "react-chartjs-2": "^4.1.0",
+    "react-colorful": "^5.6.1",
     "react-dom": "^17.0.2",
     "react-dropzone": "^11.4.2",
     "react-google-recaptcha": "^2.1.0",
     "react-helmet": "^6.1.0",
     "react-hook-form": "^7.9.0",
     "react-infinite-scroll-component": "^6.1.0",
+    "react-konva": "17.0.2-6",
     "react-markdown": "^8.0.3",
     "react-redux": "^7.2.4",
     "react-router-dom": "^5.2.0",
     "react-scripts": "4.0.3",
     "react-toastify": "^8.1.0",
     "react-virtualized": "^9.22.3",
+    "react-window": "^1.8.7",
     "redux": "^4.1.0",
     "redux-devtools-extension": "^2.13.9",
     "redux-saga": "^1.1.3",
     "styled-components": "^5.3.1",
     "typescript": "^4.3.2",
-    "uuid": "^8.3.2"
+    "use-image": "^1.0.12",
+    "uuid": "^9.0.0"
   },
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "^5.4.0",
@@ -105,18 +113,11 @@
       "react-app/jest"
     ]
   },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not op_mini all"
+  ],
   "engines": {
     "node": ">=14.17.5",
     "npm": ">=6.14.14"

public/assets/images/upload-image.png

@@ -1,9 +1,11 @@
 import { Box } from "@mui/material";
 import { Layout, PageLoading, ScrollToTop } from "components";
+import EmptyLayout from "components/Layout/EmptyLayout";
 import GuestLayout from "components/Layout/GuestLayout";
 import routeConfig, {
   customLayoutRouteConfig,
   CustomRoute,
+  emptyLayoutRouteConfig,
 } from "config/routeConfig";
 import { TOKEN_NAME } from "constants/defaultValues";
 import { Redirect, Route, Router, Switch } from "react-router-dom";
@@ -59,6 +61,23 @@ Apply here: contact@daita.tech
               </Switch>
             </GuestLayout>
           </Route>
+          <Route path={emptyLayoutRouteConfig.map((t) => t.path)}>
+            <EmptyLayout>
+              <Switch>
+                {emptyLayoutRouteConfig.map(
+                  ({ path, exact, component, isPrivate }) => (
+                    <CustomRoute
+                      key={`route-${path}`}
+                      path={path}
+                      exact={exact}
+                      component={component}
+                      isPrivate={isPrivate}
+                    />
+                  )
+                )}
+              </Switch>
+            </EmptyLayout>
+          </Route>
           <Route path={routeConfig.map((t) => t.path)}>
             <Layout>
               <Switch>