@nyris/nyris-webapp 0.3.50 → 0.3.52

package/build/static/media/{Union.2545c072.svg → Union.dce5234bc686d28b45df0a5aea6ef6d1.svg}

@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14.7972 0.00924418C14.7887 0.00617139 14.7801 0.00310346 14.7715 0.000312494L14.7718 0H10.1658C10.1495 0.0055061 10.1332 0.0109244 10.1168 0.0163371C10.0897 0.0253626 10.0625 0.0343727 10.0355 0.0437491C9.7444 0.14531 9.55892 0.345306 9.51318 0.649362C9.46744 0.952481 9.57835 1.20154 9.82963 1.3831C9.98534 1.4956 10.1642 1.51778 10.3504 1.51778C11.0032 1.51711 11.6559 1.51724 12.3085 1.51737C12.5695 1.51742 12.8305 1.51747 13.0915 1.51747H13.2639C13.269 1.5298 13.2743 1.54201 13.2796 1.55418C13.2832 1.56269 13.2869 1.57117 13.2905 1.57966C13.2689 1.59688 13.2468 1.61354 13.2246 1.63019C13.1757 1.667 13.1267 1.70381 13.084 1.74684C11.6554 3.18824 10.2274 4.63064 8.79949 6.07292C8.44459 6.43139 8.0897 6.78986 7.73481 7.1483C7.5428 7.3422 7.35058 7.53593 7.15835 7.72968C6.77404 8.117 6.3897 8.50437 6.00688 8.89326C5.73712 9.16763 5.68824 9.53294 5.87184 9.83543C6.13942 10.2764 6.71027 10.3182 7.10129 9.92356L14.5306 2.42152C14.5571 2.3949 14.5844 2.36913 14.6166 2.33882C14.632 2.32429 14.6485 2.30873 14.6666 2.29152C14.6666 2.31084 14.6669 2.32706 14.6673 2.34125C14.6678 2.3663 14.6683 2.38504 14.6663 2.40339C14.5466 3.49556 14.4516 4.58928 14.4394 5.68895C14.4344 6.1455 14.7346 6.49144 15.1625 6.50643C15.6049 6.52206 15.9405 6.20175 15.9508 5.73833C15.9547 5.5656 15.9587 5.39286 15.9627 5.22011C15.9814 4.41935 16 3.61845 16 2.81776C16 2.20964 15.969 1.60028 15.9255 0.993418C15.8847 0.429054 15.6463 0.182809 15.0899 0.0653112C15.0463 0.056019 15.0021 0.049588 14.9578 0.0431549C14.9246 0.0383382 14.8915 0.0335204 14.8586 0.0274995C14.8377 0.0237686 14.8174 0.0164929 14.7972 0.00924418ZM6.65735 0.0116066C6.6465 0.00778246 6.63564 0.00395385 6.62471 0.000320783H2.08166C2.04398 0.00756588 2.00622 0.0144228 1.96845 0.0212791C1.88406 0.0366024 1.79967 0.0519232 1.71634 0.0715694C0.751956 0.300315 0.0510725 1.14561 0.00595529 2.1334C0.00282215 2.2009 0.00219552 2.26871 0.00219552 2.33621C0.00210456 3.43333 0.00225127 4.53048 0.00239798 5.62763C0.00275661 8.30959 0.00311526 10.9916 2.32127e-06 13.6735C-0.000937621 14.4497 0.283551 15.0803 0.900467 15.5553C1.1906 15.7784 1.52114 15.9144 1.88365 15.9713C1.90744 15.9748 1.93052 15.9822 1.95366 15.9896C1.96495 15.9932 1.97626 15.9968 1.98767 16H13.9882C13.9923 15.9975 13.9963 15.9945 14.0003 15.9916C14.009 15.9852 14.0177 15.9788 14.0274 15.9769C15.2603 15.7247 15.9524 14.8832 15.9524 13.6332C15.9524 13.3632 15.9524 13.0932 15.9524 12.8233C15.9525 11.7443 15.9525 10.6654 15.9518 9.58638C15.9518 9.50326 15.9493 9.4192 15.937 9.33733C15.885 8.98608 15.6093 8.73327 15.2471 8.70015C14.9125 8.66953 14.5788 8.89015 14.4807 9.2217C14.4475 9.3342 14.4397 9.45763 14.4397 9.57607C14.4384 10.29 14.4384 11.0038 14.4383 11.7176C14.4383 12.3839 14.4383 13.0502 14.4372 13.7166C14.4366 14.1979 14.1352 14.4957 13.6536 14.4957C9.86751 14.4963 6.08143 14.4966 2.29534 14.4957C1.81284 14.4957 1.513 14.1963 1.513 13.7157C1.51237 9.90856 1.51268 6.10114 1.51362 2.29403C1.51362 2.21653 1.51644 2.13653 1.53555 2.06216C1.62454 1.71497 1.90526 1.51842 2.31289 1.5181C3.07025 1.51758 3.82752 1.51754 4.58475 1.51751C5.1905 1.51747 5.79622 1.51744 6.40195 1.51717C6.47464 1.51685 6.54826 1.51623 6.62064 1.5081C6.98283 1.46779 7.26168 1.18374 7.28706 0.832179C7.31463 0.452499 7.08779 0.130318 6.72591 0.0337576C6.70279 0.0276219 6.6801 0.019624 6.65735 0.0116066Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.7972 0.00924418C14.7887 0.00617139 14.7801 0.00310346 14.7715 0.000312494L14.7718 0H10.1658C10.1495 0.0055061 10.1332 0.0109244 10.1168 0.0163371C10.0897 0.0253626 10.0625 0.0343727 10.0355 0.0437491C9.7444 0.14531 9.55892 0.345306 9.51318 0.649362C9.46744 0.952481 9.57835 1.20154 9.82963 1.3831C9.98534 1.4956 10.1642 1.51778 10.3504 1.51778C11.0032 1.51711 11.6559 1.51724 12.3085 1.51737C12.5695 1.51742 12.8305 1.51747 13.0915 1.51747H13.2639C13.269 1.5298 13.2743 1.54201 13.2796 1.55418C13.2832 1.56269 13.2869 1.57117 13.2905 1.57966C13.2689 1.59688 13.2468 1.61354 13.2246 1.63019C13.1757 1.667 13.1267 1.70381 13.084 1.74684C11.6554 3.18824 10.2274 4.63064 8.79949 6.07292C8.44459 6.43139 8.0897 6.78986 7.73481 7.1483C7.5428 7.3422 7.35058 7.53593 7.15835 7.72968C6.77404 8.117 6.3897 8.50437 6.00688 8.89326C5.73712 9.16763 5.68824 9.53294 5.87184 9.83543C6.13942 10.2764 6.71027 10.3182 7.10129 9.92356L14.5306 2.42152C14.5571 2.3949 14.5844 2.36913 14.6166 2.33882C14.632 2.32429 14.6485 2.30873 14.6666 2.29152C14.6666 2.31084 14.6669 2.32706 14.6673 2.34125C14.6678 2.3663 14.6683 2.38504 14.6663 2.40339C14.5466 3.49556 14.4516 4.58928 14.4394 5.68895C14.4344 6.1455 14.7346 6.49144 15.1625 6.50643C15.6049 6.52206 15.9405 6.20175 15.9508 5.73833C15.9547 5.5656 15.9587 5.39286 15.9627 5.22011C15.9814 4.41935 16 3.61845 16 2.81776C16 2.20964 15.969 1.60028 15.9255 0.993418C15.8847 0.429054 15.6463 0.182809 15.0899 0.0653112C15.0463 0.056019 15.0021 0.049588 14.9578 0.0431549C14.9246 0.0383382 14.8915 0.0335204 14.8586 0.0274995C14.8377 0.0237686 14.8174 0.0164929 14.7972 0.00924418ZM6.65735 0.0116066C6.6465 0.00778246 6.63564 0.00395385 6.62471 0.000320783H2.08166C2.04398 0.00756588 2.00622 0.0144228 1.96845 0.0212791C1.88406 0.0366024 1.79967 0.0519232 1.71634 0.0715694C0.751956 0.300315 0.0510725 1.14561 0.00595529 2.1334C0.00282215 2.2009 0.00219552 2.26871 0.00219552 2.33621C0.00210456 3.43333 0.00225127 4.53048 0.00239798 5.62763C0.00275661 8.30959 0.00311526 10.9916 2.32127e-06 13.6735C-0.000937621 14.4497 0.283551 15.0803 0.900467 15.5553C1.1906 15.7784 1.52114 15.9144 1.88365 15.9713C1.90744 15.9748 1.93052 15.9822 1.95366 15.9896C1.96495 15.9932 1.97626 15.9968 1.98767 16H13.9882C13.9923 15.9975 13.9963 15.9945 14.0003 15.9916C14.009 15.9852 14.0177 15.9788 14.0274 15.9769C15.2603 15.7247 15.9524 14.8832 15.9524 13.6332C15.9524 13.3632 15.9524 13.0932 15.9524 12.8233C15.9525 11.7443 15.9525 10.6654 15.9518 9.58638C15.9518 9.50326 15.9493 9.4192 15.937 9.33733C15.885 8.98608 15.6093 8.73327 15.2471 8.70015C14.9125 8.66953 14.5788 8.89015 14.4807 9.2217C14.4475 9.3342 14.4397 9.45763 14.4397 9.57607C14.4384 10.29 14.4384 11.0038 14.4383 11.7176C14.4383 12.3839 14.4383 13.0502 14.4372 13.7166C14.4366 14.1979 14.1352 14.4957 13.6536 14.4957C9.86751 14.4963 6.08143 14.4966 2.29534 14.4957C1.81284 14.4957 1.513 14.1963 1.513 13.7157C1.51237 9.90856 1.51268 6.10114 1.51362 2.29403C1.51362 2.21653 1.51644 2.13653 1.53555 2.06216C1.62454 1.71497 1.90526 1.51842 2.31289 1.5181C3.07025 1.51758 3.82752 1.51754 4.58475 1.51751C5.1905 1.51747 5.79622 1.51744 6.40195 1.51717C6.47464 1.51685 6.54826 1.51623 6.62064 1.5081C6.98283 1.46779 7.26168 1.18374 7.28706 0.832179C7.31463 0.452499 7.08779 0.130318 6.72591 0.0337576C6.70279 0.0276219 6.6801 0.019624 6.65735 0.0116066Z" />
 </svg>

package/package.json

@@ -1,105 +1,78 @@
 {
   "name": "@nyris/nyris-webapp",
-  "version": "0.3.50",
-  "homepage": "./",
+  "version": "0.3.52",
   "dependencies": {
-    "@algolia/autocomplete-js": "^1.7.1",
-    "@algolia/autocomplete-plugin-query-suggestions": "^1.7.1",
-    "@algolia/autocomplete-plugin-recent-searches": "^1.7.1",
-    "@algolia/autocomplete-theme-classic": "^1.7.1",
-    "@auth0/auth0-react": "^2.2.1",
-    "@babel/runtime": "^7.17.2",
-    "@material-ui/core": "^4.3.3",
-    "@material-ui/data-grid": "^4.0.0-alpha.37",
-    "@material-ui/icons": "^4.4.1",
-    "@material-ui/lab": "^4.0.0-alpha.60",
-    "@nyris/nyris-api": "^0.3.50",
-    "@nyris/nyris-react-components": "^0.3.50",
-    "@reduxjs/toolkit": "^1.6.1",
+    "@auth0/auth0-react": "^2.2.4",
+    "@emailjs/browser": "^4.3.3",
+    "@material-ui/core": "^4.12.4",
+    "@material-ui/icons": "^4.11.3",
+    "@material-ui/lab": "^4.0.0-alpha.61",
+    "@nyris/nyris-api": "^0.3.52",
+    "@nyris/nyris-react-components": "^0.3.52",
+    "@reduxjs/toolkit": "^2.2.1",
     "@splidejs/react-splide": "^0.7.12",
-    "@types/blueimp-load-image": "^2.23.4",
-    "@types/classnames": "^2.2.9",
-    "@types/history": "^4.7.3",
-    "@types/jest": "24.0.18",
-    "@types/node": "12.7.2",
-    "@types/react": "16.9.2",
-    "@types/react-dom": "16.9.0",
-    "@types/react-redux": "^7.1.2",
-    "@types/react-router-dom": "^5.1.8",
-    "algoliasearch": "^4.12.2",
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^13.5.0",
+    "@types/jest": "^27.5.2",
+    "@types/node": "^16.18.88",
+    "@types/react": "^18.2.65",
+    "@types/react-dom": "^18.2.21",
+    "algoliasearch": "^4.22.1",
     "axios": "^0.26.1",
-    "blueimp-load-image": "^2.24.0",
-    "classnames": "^2.2.6",
-    "framer-motion": "^4.1.17",
-    "history": "^4.10.1",
-    "i18next": "^22.4.14",
+    "blueimp-load-image": "^5.16.0",
+    "classnames": "^2.5.1",
+    "framer-motion": "^11.0.12",
+    "i18next": "^23.10.1",
     "jotai": "^1.4.7",
-    "jquery": "^3.6.0",
-    "js-cookie": "^3.0.1",
-    "konva": "5.0.3",
+    "jquery": "^3.7.1",
     "lodash": "^4.17.21",
-    "qs": "^6.10.3",
-    "react": "^17.0.0",
-    "react-dom": "^16.13.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-dropzone": "^14.2.3",
-    "react-hook-form": "^7.27.1",
-    "react-hot-toast": "^2.4.0",
-    "react-i18next": "^12.2.0",
-    "react-instantsearch-dom": "^6.15.0",
-    "react-instantsearch-hooks": "^6.22.0",
-    "react-konva": "16.13.0-6",
-    "react-move": "^6.0.0",
-    "react-qr-reader": "^3.0.0-beta-1",
-    "react-redux": "^7.1.1",
-    "react-responsive": "^9.0.0-beta.10",
-    "react-responsive-carousel": "^3.2.22",
+    "react-hot-toast": "^2.4.1",
+    "react-i18next": "^14.1.0",
+    "react-instantsearch-dom": "^6.40.4",
+    "react-redux": "^9.1.0",
+    "react-responsive": "^9.0.2",
+    "react-responsive-carousel": "^3.2.23",
     "react-router-dom": "^5.3.0",
-    "react-scripts": "^3.4.1",
-    "react-select": "^5.2.2",
-    "react-table": "^7.7.0",
+    "react-scripts": "5.0.1",
     "react-webcam": "^7.2.0",
-    "redux": "^4.0.4",
-    "redux-observable": "^1.1.0",
-    "redux-thunk": "^2.4.1",
-    "rxjs": "^6.5.3",
-    "source-map-explorer": "^2.0.1",
-    "typeface-roboto": "0.0.75",
-    "typescript": "^4.1.2"
+    "redux": "^5.0.1",
+    "sass": "^1.71.1",
+    "typeface-roboto": "^1.1.13",
+    "typescript": "^4.9.5",
+    "web-vitals": "^2.1.4"
   },
   "scripts": {
-    "analyze": "source-map-explorer 'build/static/js/*.js'",
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
-    "eject": "react-scripts eject",
-    "mockserver": "mockserver -p 8080 -m api-mocks -q"
+    "eject": "react-scripts eject"
   },
   "eslintConfig": {
-    "extends": "react-app"
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
   },
   "browserslist": {
     "production": [
       ">0.2%",
       "not dead",
-      "not op_mini all",
-      "ie 11"
+      "not op_mini all"
     ],
     "development": [
       "last 1 chrome version",
       "last 1 firefox version",
-      "last 1 safari version",
-      "ie 11"
+      "last 1 safari version"
     ]
   },
   "devDependencies": {
-    "@types/jquery": "^3.5.14",
-    "@types/js-cookie": "^3.0.1",
-    "@types/lodash": "^4.14.178",
-    "@types/react-instantsearch-dom": "^6.12.2",
-    "@types/react-scroll": "^1.8.4",
-    "mockserver": "^3.1.1",
-    "react-styleguidist": "^11.0.5",
-    "redux-devtools-extension": "^2.13.8",
-    "sass": "^1.39.0"
+    "@types/jquery": "^3.5.29",
+    "@types/lodash": "^4.17.0",
+    "@types/react-instantsearch-dom": "^6.12.7",
+    "@types/react-router-dom": "^5.3.3"
   }
 }

package/public/js/settings.example.js

@@ -30,6 +30,7 @@ var settings = {
   regions: true,
   responseFormat: 'application/offers.complete+json',
   visualSearchFilterKey: '',
+  shouldUseUserMetadata: '',
   // UI - theme
   theme: {
     appBarLogoUrl: '',
@@ -38,6 +39,12 @@ var settings = {
     logoWidth: '',
     primaryColor: '',
     secondaryColor: '',
+    CTAButtonColor: '',
+    CTAButtonTextColor: '',
+    secondaryCTAButtonColor: '',
+    mainTextColor: '',
+    brandFieldBackground: '',
+    brandFieldPadding: '',
   },
   language: 'en',
   // features

package/src/Store/Store.ts

@@ -10,6 +10,12 @@ declare var settings: AppSettings;
 
 settings.algolia.enabled = true;
 settings.preview = true;
+settings.showFeedback = false;
+settings.showFeedbackAndShare = false;
+
+if (settings.rfq?.enabled && settings.support?.enabled) {
+  settings.support.enabled = false;
+}
 
 let normalizedSettings: AppSettings = {
   ...defaultSettings,

package/src/common/assets/icons/Union.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14.7972 0.00924418C14.7887 0.00617139 14.7801 0.00310346 14.7715 0.000312494L14.7718 0H10.1658C10.1495 0.0055061 10.1332 0.0109244 10.1168 0.0163371C10.0897 0.0253626 10.0625 0.0343727 10.0355 0.0437491C9.7444 0.14531 9.55892 0.345306 9.51318 0.649362C9.46744 0.952481 9.57835 1.20154 9.82963 1.3831C9.98534 1.4956 10.1642 1.51778 10.3504 1.51778C11.0032 1.51711 11.6559 1.51724 12.3085 1.51737C12.5695 1.51742 12.8305 1.51747 13.0915 1.51747H13.2639C13.269 1.5298 13.2743 1.54201 13.2796 1.55418C13.2832 1.56269 13.2869 1.57117 13.2905 1.57966C13.2689 1.59688 13.2468 1.61354 13.2246 1.63019C13.1757 1.667 13.1267 1.70381 13.084 1.74684C11.6554 3.18824 10.2274 4.63064 8.79949 6.07292C8.44459 6.43139 8.0897 6.78986 7.73481 7.1483C7.5428 7.3422 7.35058 7.53593 7.15835 7.72968C6.77404 8.117 6.3897 8.50437 6.00688 8.89326C5.73712 9.16763 5.68824 9.53294 5.87184 9.83543C6.13942 10.2764 6.71027 10.3182 7.10129 9.92356L14.5306 2.42152C14.5571 2.3949 14.5844 2.36913 14.6166 2.33882C14.632 2.32429 14.6485 2.30873 14.6666 2.29152C14.6666 2.31084 14.6669 2.32706 14.6673 2.34125C14.6678 2.3663 14.6683 2.38504 14.6663 2.40339C14.5466 3.49556 14.4516 4.58928 14.4394 5.68895C14.4344 6.1455 14.7346 6.49144 15.1625 6.50643C15.6049 6.52206 15.9405 6.20175 15.9508 5.73833C15.9547 5.5656 15.9587 5.39286 15.9627 5.22011C15.9814 4.41935 16 3.61845 16 2.81776C16 2.20964 15.969 1.60028 15.9255 0.993418C15.8847 0.429054 15.6463 0.182809 15.0899 0.0653112C15.0463 0.056019 15.0021 0.049588 14.9578 0.0431549C14.9246 0.0383382 14.8915 0.0335204 14.8586 0.0274995C14.8377 0.0237686 14.8174 0.0164929 14.7972 0.00924418ZM6.65735 0.0116066C6.6465 0.00778246 6.63564 0.00395385 6.62471 0.000320783H2.08166C2.04398 0.00756588 2.00622 0.0144228 1.96845 0.0212791C1.88406 0.0366024 1.79967 0.0519232 1.71634 0.0715694C0.751956 0.300315 0.0510725 1.14561 0.00595529 2.1334C0.00282215 2.2009 0.00219552 2.26871 0.00219552 2.33621C0.00210456 3.43333 0.00225127 4.53048 0.00239798 5.62763C0.00275661 8.30959 0.00311526 10.9916 2.32127e-06 13.6735C-0.000937621 14.4497 0.283551 15.0803 0.900467 15.5553C1.1906 15.7784 1.52114 15.9144 1.88365 15.9713C1.90744 15.9748 1.93052 15.9822 1.95366 15.9896C1.96495 15.9932 1.97626 15.9968 1.98767 16H13.9882C13.9923 15.9975 13.9963 15.9945 14.0003 15.9916C14.009 15.9852 14.0177 15.9788 14.0274 15.9769C15.2603 15.7247 15.9524 14.8832 15.9524 13.6332C15.9524 13.3632 15.9524 13.0932 15.9524 12.8233C15.9525 11.7443 15.9525 10.6654 15.9518 9.58638C15.9518 9.50326 15.9493 9.4192 15.937 9.33733C15.885 8.98608 15.6093 8.73327 15.2471 8.70015C14.9125 8.66953 14.5788 8.89015 14.4807 9.2217C14.4475 9.3342 14.4397 9.45763 14.4397 9.57607C14.4384 10.29 14.4384 11.0038 14.4383 11.7176C14.4383 12.3839 14.4383 13.0502 14.4372 13.7166C14.4366 14.1979 14.1352 14.4957 13.6536 14.4957C9.86751 14.4963 6.08143 14.4966 2.29534 14.4957C1.81284 14.4957 1.513 14.1963 1.513 13.7157C1.51237 9.90856 1.51268 6.10114 1.51362 2.29403C1.51362 2.21653 1.51644 2.13653 1.53555 2.06216C1.62454 1.71497 1.90526 1.51842 2.31289 1.5181C3.07025 1.51758 3.82752 1.51754 4.58475 1.51751C5.1905 1.51747 5.79622 1.51744 6.40195 1.51717C6.47464 1.51685 6.54826 1.51623 6.62064 1.5081C6.98283 1.46779 7.26168 1.18374 7.28706 0.832179C7.31463 0.452499 7.08779 0.130318 6.72591 0.0337576C6.70279 0.0276219 6.6801 0.019624 6.65735 0.0116066Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.7972 0.00924418C14.7887 0.00617139 14.7801 0.00310346 14.7715 0.000312494L14.7718 0H10.1658C10.1495 0.0055061 10.1332 0.0109244 10.1168 0.0163371C10.0897 0.0253626 10.0625 0.0343727 10.0355 0.0437491C9.7444 0.14531 9.55892 0.345306 9.51318 0.649362C9.46744 0.952481 9.57835 1.20154 9.82963 1.3831C9.98534 1.4956 10.1642 1.51778 10.3504 1.51778C11.0032 1.51711 11.6559 1.51724 12.3085 1.51737C12.5695 1.51742 12.8305 1.51747 13.0915 1.51747H13.2639C13.269 1.5298 13.2743 1.54201 13.2796 1.55418C13.2832 1.56269 13.2869 1.57117 13.2905 1.57966C13.2689 1.59688 13.2468 1.61354 13.2246 1.63019C13.1757 1.667 13.1267 1.70381 13.084 1.74684C11.6554 3.18824 10.2274 4.63064 8.79949 6.07292C8.44459 6.43139 8.0897 6.78986 7.73481 7.1483C7.5428 7.3422 7.35058 7.53593 7.15835 7.72968C6.77404 8.117 6.3897 8.50437 6.00688 8.89326C5.73712 9.16763 5.68824 9.53294 5.87184 9.83543C6.13942 10.2764 6.71027 10.3182 7.10129 9.92356L14.5306 2.42152C14.5571 2.3949 14.5844 2.36913 14.6166 2.33882C14.632 2.32429 14.6485 2.30873 14.6666 2.29152C14.6666 2.31084 14.6669 2.32706 14.6673 2.34125C14.6678 2.3663 14.6683 2.38504 14.6663 2.40339C14.5466 3.49556 14.4516 4.58928 14.4394 5.68895C14.4344 6.1455 14.7346 6.49144 15.1625 6.50643C15.6049 6.52206 15.9405 6.20175 15.9508 5.73833C15.9547 5.5656 15.9587 5.39286 15.9627 5.22011C15.9814 4.41935 16 3.61845 16 2.81776C16 2.20964 15.969 1.60028 15.9255 0.993418C15.8847 0.429054 15.6463 0.182809 15.0899 0.0653112C15.0463 0.056019 15.0021 0.049588 14.9578 0.0431549C14.9246 0.0383382 14.8915 0.0335204 14.8586 0.0274995C14.8377 0.0237686 14.8174 0.0164929 14.7972 0.00924418ZM6.65735 0.0116066C6.6465 0.00778246 6.63564 0.00395385 6.62471 0.000320783H2.08166C2.04398 0.00756588 2.00622 0.0144228 1.96845 0.0212791C1.88406 0.0366024 1.79967 0.0519232 1.71634 0.0715694C0.751956 0.300315 0.0510725 1.14561 0.00595529 2.1334C0.00282215 2.2009 0.00219552 2.26871 0.00219552 2.33621C0.00210456 3.43333 0.00225127 4.53048 0.00239798 5.62763C0.00275661 8.30959 0.00311526 10.9916 2.32127e-06 13.6735C-0.000937621 14.4497 0.283551 15.0803 0.900467 15.5553C1.1906 15.7784 1.52114 15.9144 1.88365 15.9713C1.90744 15.9748 1.93052 15.9822 1.95366 15.9896C1.96495 15.9932 1.97626 15.9968 1.98767 16H13.9882C13.9923 15.9975 13.9963 15.9945 14.0003 15.9916C14.009 15.9852 14.0177 15.9788 14.0274 15.9769C15.2603 15.7247 15.9524 14.8832 15.9524 13.6332C15.9524 13.3632 15.9524 13.0932 15.9524 12.8233C15.9525 11.7443 15.9525 10.6654 15.9518 9.58638C15.9518 9.50326 15.9493 9.4192 15.937 9.33733C15.885 8.98608 15.6093 8.73327 15.2471 8.70015C14.9125 8.66953 14.5788 8.89015 14.4807 9.2217C14.4475 9.3342 14.4397 9.45763 14.4397 9.57607C14.4384 10.29 14.4384 11.0038 14.4383 11.7176C14.4383 12.3839 14.4383 13.0502 14.4372 13.7166C14.4366 14.1979 14.1352 14.4957 13.6536 14.4957C9.86751 14.4963 6.08143 14.4966 2.29534 14.4957C1.81284 14.4957 1.513 14.1963 1.513 13.7157C1.51237 9.90856 1.51268 6.10114 1.51362 2.29403C1.51362 2.21653 1.51644 2.13653 1.53555 2.06216C1.62454 1.71497 1.90526 1.51842 2.31289 1.5181C3.07025 1.51758 3.82752 1.51754 4.58475 1.51751C5.1905 1.51747 5.79622 1.51744 6.40195 1.51717C6.47464 1.51685 6.54826 1.51623 6.62064 1.5081C6.98283 1.46779 7.26168 1.18374 7.28706 0.832179C7.31463 0.452499 7.08779 0.130318 6.72591 0.0337576C6.70279 0.0276219 6.6801 0.019624 6.65735 0.0116066Z" />
 </svg>

package/src/components/AppMobile.tsx

@@ -1,6 +1,6 @@
 import React, { ReactNode, useState } from 'react';
 import HeaderMobile from './HeaderMobile';
-import { Box } from '@material-ui/core';
+
 import {
   setPreFilterDropdown,
   setImageCaptureHelpModal,
@@ -51,13 +51,13 @@ function AppMobile({ children }: { children: ReactNode }) {
           <FooterMobile />
         </div>
       </div>
-      <Box
+      <div
         className={`box-filter ${isOpenFilter ? 'open' : 'close'} `}
-        position={'absolute'}
         style={{
           top: '0px',
           height: '100%',
           width: '100%',
+          position: 'absolute',
         }}
       >
         <MobilePostFilter
@@ -65,13 +65,18 @@ function AppMobile({ children }: { children: ReactNode }) {
             setOpenFilter(!isOpenFilter);
           }}
         />
-      </Box>
+      </div>
 
       {preFilterDropdown && (
-        <Box
+        <div
           className={`box-filter open`}
-          position={'absolute'}
-          style={{ top: '0px', height: '100%', width: '100%', zIndex: 999 }}
+          style={{
+            top: '0px',
+            height: '100%',
+            width: '100%',
+            zIndex: 999,
+            position: 'absolute',
+          }}
         >
           <div style={{ width: '100%' }} className={'wrap-filter-desktop'}>
             <div className={'bg-white box-filter-desktop isMobile'}>
@@ -82,17 +87,17 @@ function AppMobile({ children }: { children: ReactNode }) {
               />
             </div>
           </div>
-        </Box>
+        </div>
       )}
 
       {imageCaptureHelpModal && (
-        <Box
+        <div
           className={`box-filter open`}
-          position={'absolute'}
           style={{
             top: '0px',
             width: '100%',
             zIndex: 100,
+            position: 'absolute',
           }}
         >
           <div style={{ width: '100%' }} className={'wrap-filter-desktop'}>
@@ -104,7 +109,7 @@ function AppMobile({ children }: { children: ReactNode }) {
               />
             </div>
           </div>
-        </Box>
+        </div>
       )}
     </>
   );

package/src/components/CadenasWebViewer.tsx

@@ -1,4 +1,3 @@
-import { Box } from '@material-ui/core';
 import React, { useEffect, useState } from 'react';
 import { useMediaQuery } from 'react-responsive';
 import { ReactComponent as DownloadIcon } from 'common/assets/icons/download.svg';
@@ -128,7 +127,7 @@ function CadenasWebViewer({
         }}
       >
         {is3dView && status3dView === 'loaded' && (
-          <Box
+          <div
             style={{
               background: '#E9E9EC',
               width: '32px',
@@ -146,7 +145,7 @@ function CadenasWebViewer({
             }}
           >
             <DownloadIcon width={14} height={14} color={'#FFF'} />
-          </Box>
+          </div>
         )}
       </div>
 

package/src/components/DragDropFile.tsx

@@ -1,4 +1,3 @@
-import { Box } from '@material-ui/core';
 import React, { memo } from 'react';
 import { useDropzone } from 'react-dropzone';
 import { useAppDispatch, useAppSelector } from 'Store/Store';
@@ -55,39 +54,43 @@ function DragDropFile(props: Props) {
         },
       ];
       let region: RectCoords | undefined;
-      if (settings.regions) {
-        let res = await findRegions(image, settings);
-        dispatch(setRegions(res.regions));
-        region = res.selectedRegion;
-        dispatch(setSelectedRegion(region));
-      }
 
-      return find({
-        image,
-        settings,
-        region,
-        filters: !isEmpty(preFilter) ? preFilterValues : undefined,
-      }).then((res: any) => {
-        res?.results.map((item: any) => {
-          filters.push({
-            sku: item.sku,
-            score: item.score,
+      try {
+        if (settings.regions) {
+          let res = await findRegions(image, settings);
+          dispatch(setRegions(res.regions));
+          region = res.selectedRegion;
+          dispatch(setSelectedRegion(region));
+        }
+      } catch (error) {
+      } finally {
+        return find({
+          image,
+          settings,
+          region,
+          filters: !isEmpty(preFilter) ? preFilterValues : undefined,
+        }).then((res: any) => {
+          res?.results.forEach((item: any) => {
+            filters.push({
+              sku: item.sku,
+              score: item.score,
+            });
           });
+          payload = {
+            ...res,
+            filters,
+          };
+          dispatch(setSearchResults(payload));
+          onChangeLoading(false);
+          dispatch(updateStatusLoading(false));
+          return;
         });
-        payload = {
-          ...res,
-          filters,
-        };
-        dispatch(setSearchResults(payload));
-        onChangeLoading(false);
-        dispatch(updateStatusLoading(false));
-        return;
-      });
+      }
     },
   });
 
   return (
-    <Box
+    <div
       className={`box-content-main`}
       style={{ marginTop: 32, paddingTop: 0 }}
     >
@@ -103,7 +106,7 @@ function DragDropFile(props: Props) {
         })}
       >
         <>
-          <Box
+          <div
             className={`box-content-drop ${isDragActive ? 'drag-active' : ''}`}
             {...getRootProps({
               onClick: e => {
@@ -111,9 +114,9 @@ function DragDropFile(props: Props) {
               },
             })}
           >
-            <Box style={{ marginBottom: 16 }}>
+            <div style={{ marginBottom: 16 }}>
               <IconDownload width={48} height={48} />
-            </Box>
+            </div>
             <label htmlFor="select_file" className="" style={{ fontSize: 14 }}>
               <span className="fw-700 text-f14" style={{ paddingRight: '4px' }}>
                 {t('Drag and drop')}
@@ -129,10 +132,10 @@ function DragDropFile(props: Props) {
               placeholder="Choose photo"
               style={{ display: 'block', cursor: 'pointer' }}
             />
-          </Box>
+          </div>
         </>
       </div>
-    </Box>
+    </div>
   );
 }
 

package/src/components/FilterComponent.tsx

@@ -1,14 +1,12 @@
-import { Box, Button, Grid } from "@material-ui/core";
-import DefaultSelect from "components/default-select";
 import React from "react";
+import { Button, Grid } from "@material-ui/core";
+import DefaultSelect from "components/default-select";
 
 interface Props {}
 
 function FilterComponent(props: Props) {
-  const {} = props;
-
   return (
-    <Box className="box-main-filter">
+    <div className="box-main-filter">
       <Grid container>
         <Grid item className="item">
           <DefaultSelect attribute="brand" />
@@ -26,7 +24,7 @@ function FilterComponent(props: Props) {
           </Button>
         </Grid>
       </Grid>
-    </Box>
+    </div>
   );
 }
 

package/src/components/FooterMobile.tsx

@@ -1,4 +1,4 @@
-import { Box, Button } from '@material-ui/core';
+import { Button } from '@material-ui/core';
 import React, { useState } from 'react';
 import { ReactComponent as IconCameraMobile } from 'common/assets/icons/icon_camera_mobile.svg';
 import CameraCustom from './drawer/cameraCustom';
@@ -123,14 +123,17 @@ function FooterMobile(props: Props): JSX.Element {
           />
         </div>
       )}
-      <Box
+      <div
         className="box-footer-mobile"
-        display={'flex'}
-        position={'relative'}
-        alignItems={'center'}
-        height={'100%'}
-        justifyContent={'space-between'}
-        style={{ paddingLeft: '16px', paddingRight: '16px', height: '64px' }}
+        style={{
+          paddingLeft: '16px',
+          paddingRight: '16px',
+          height: '64px',
+          display: 'flex',
+          position: 'relative',
+          alignItems: 'center',
+          justifyContent: 'space-between',
+        }}
       >
         <NavLink
           style={{
@@ -163,7 +166,7 @@ function FooterMobile(props: Props): JSX.Element {
           />
         </NavLink>
         {history.location?.pathname !== '/' && !imageCaptureHelpModal && (
-          <Box className="box-icon-camera-mobile">
+          <div className="box-icon-camera-mobile">
             <Button
               onClick={() => {
                 setOpenModalCamera(!isOpenModalCamera);
@@ -171,7 +174,7 @@ function FooterMobile(props: Props): JSX.Element {
             >
               <IconCameraMobile color="#55566B" />
             </Button>
-          </Box>
+          </div>
         )}
         <div style={{ display: 'flex', gap: '24px' }}>
           {history.location?.pathname !== '/' && (
@@ -212,15 +215,15 @@ function FooterMobile(props: Props): JSX.Element {
             </div>
           )}
         </div>
-      </Box>
-      <Box className="box-screenshot-camera">
+      </div>
+      <div className="box-screenshot-camera">
         <CameraCustom
           isToggle={isOpenModalCamera}
           onToggleModal={() => {
             setOpenModalCamera(!isOpenModalCamera);
           }}
         />
-      </Box>
+      </div>
     </>
   );
 }

package/src/components/Header.tsx

@@ -1,4 +1,4 @@
-import { Box, Menu, MenuProps, withStyles } from '@material-ui/core';
+import { Menu, MenuProps, withStyles } from '@material-ui/core';
 import React from 'react';
 import './common.scss';
 import { useAppDispatch, useAppSelector } from 'Store/Store';
@@ -60,7 +60,7 @@ function Header(): JSX.Element {
   }))(MenuItem);
 
   return (
-    <Box className="box-content" display={'flex'}>
+    <div className="box-content" style={{ display: 'flex' }}>
       <a
         href={window.location.origin}
         style={{ lineHeight: 0, paddingLeft: '10px' }}
@@ -146,7 +146,7 @@ function Header(): JSX.Element {
           </StyledMenu>
         </div>
       )}
-    </Box>
+    </div>
   );
 }