@nyris/nyris-webapp 0.3.53 → 0.3.55

package/build/static/media/path.b99a15de38340a04f80828bceeab9884.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.74786 12.2785C5.99572 12.5263 6.39757 12.5263 6.64543 12.2785C6.89317 12.0307 6.8933 11.6291 6.64572 11.3812L3.12248 7.85332C2.80781 7.53824 3.03097 7 3.47626 7L13.1966 7C13.5481 7 13.833 6.71509 13.833 6.36364C13.833 6.01218 13.5481 5.72727 13.1966 5.72727L3.47626 5.72727C3.03097 5.72727 2.80781 5.18903 3.12248 4.87395L6.64572 1.34606C6.8933 1.09815 6.89317 0.696526 6.64543 0.448784C6.39757 0.200928 5.99572 0.200928 5.74786 0.448784L0.540115 5.65653C0.14959 6.04705 0.14959 6.68022 0.540115 7.07074L5.74786 12.2785Z" fill="#2B2C46"/>
+</svg>

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@nyris/nyris-webapp",
-  "version": "0.3.53",
+  "version": "0.3.55",
   "dependencies": {
     "@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.53",
-    "@nyris/nyris-react-components": "^0.3.53",
+    "@nyris/nyris-api": "^0.3.55",
+    "@nyris/nyris-react-components": "^0.3.55",
     "@reduxjs/toolkit": "^2.2.1",
     "@splidejs/react-splide": "^0.7.12",
     "@testing-library/jest-dom": "^5.17.0",

package/public/images/fav2/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png?v=2"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

package/public/images/fav2/safari-pinned-tab.svg

@@ -0,0 +1,67 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1618 6995 c-2 -2 -37 -6 -77 -9 -41 -4 -77 -9 -80 -11 -4 -2 -24 -6
+-46 -9 -78 -13 -202 -50 -318 -97 -456 -183 -824 -564 -990 -1024 -37 -104
+-62 -192 -73 -260 -3 -22 -7 -42 -9 -45 -9 -14 -19 -157 -19 -260 0 -105 2
+-120 27 -172 101 -207 386 -242 530 -65 47 56 66 106 72 186 3 36 8 91 10 121
+33 378 265 718 611 893 54 27 208 81 259 91 17 3 44 8 60 11 17 3 73 8 125 10
+160 9 244 46 310 137 121 167 40 428 -153 490 -27 9 -231 20 -239 13z"/>
+<path d="M5153 6986 c-130 -42 -212 -148 -220 -286 -6 -99 21 -175 86 -240 77
+-77 125 -93 311 -104 150 -10 264 -42 415 -116 347 -170 581 -516 610 -900 12
+-150 17 -185 36 -225 30 -63 80 -117 140 -150 49 -27 62 -30 144 -30 70 1 100
+6 137 23 61 27 127 93 158 157 23 46 25 61 24 185 -3 314 -101 631 -282 907
+-275 418 -702 692 -1202 773 -110 18 -310 21 -357 6z"/>
+<path d="M3338 6335 c-2 -1 -41 -5 -88 -9 -72 -5 -145 -14 -235 -30 -11 -2
+-38 -7 -60 -11 -134 -24 -401 -103 -535 -160 -353 -149 -656 -351 -925 -620
+-359 -359 -611 -795 -740 -1280 -25 -95 -51 -218 -60 -282 -3 -21 -7 -51 -10
+-68 -27 -183 -28 -594 -1 -745 3 -14 7 -46 11 -72 3 -26 7 -53 10 -60 2 -7 6
+-29 9 -48 8 -52 62 -260 92 -348 248 -747 812 -1369 1536 -1694 271 -123 598
+-210 878 -235 170 -16 550 -9 675 12 17 3 46 7 65 10 256 39 554 137 814 268
+555 279 1000 730 1275 1288 152 311 243 629 278 979 10 96 10 442 0 540 -17
+175 -52 358 -97 511 -62 211 -80 250 -150 312 -132 118 -331 106 -449 -29 -82
+-93 -98 -203 -50 -349 48 -148 68 -231 94 -385 18 -107 23 -184 20 -360 -3
+-215 -6 -241 -41 -415 -113 -562 -446 -1055 -937 -1389 -54 -36 -99 -66 -102
+-66 -2 0 -45 -22 -95 -49 -216 -118 -510 -210 -755 -237 -33 -4 -73 -8 -90
+-10 -52 -6 -308 -6 -360 0 -27 4 -72 9 -100 12 -43 5 -79 11 -225 40 -156 31
+-436 143 -589 235 -34 22 -65 39 -67 39 -12 0 -192 135 -274 205 -337 289
+-598 714 -696 1130 -47 200 -59 313 -59 555 1 275 24 419 112 684 203 612 689
+1116 1304 1351 142 55 332 105 449 119 25 3 74 9 110 13 78 9 350 10 440 0
+160 -16 294 -44 450 -93 61 -19 130 -37 153 -39 122 -10 251 66 308 182 34 68
+34 206 0 275 -28 59 -82 112 -141 142 -82 42 -355 120 -490 140 -19 3 -44 7
+-55 10 -11 2 -49 7 -85 11 -36 4 -74 9 -85 12 -21 4 -432 12 -437 8z"/>
+<path d="M5272 5745 c-138 -38 -253 -159 -286 -299 -14 -57 -7 -152 14 -217
+82 -242 376 -348 590 -211 271 173 245 567 -47 704 -76 36 -190 46 -271 23z"/>
+<path d="M3440 4835 c-14 -8 -31 -17 -39 -21 -8 -4 -64 -36 -125 -72 -61 -36
+-131 -76 -156 -90 -25 -14 -227 -131 -449 -259 -222 -128 -415 -240 -430 -247
+-42 -23 -78 -59 -88 -91 -5 -18 -9 -299 -8 -685 l0 -655 23 -32 c30 -42 606
+-333 659 -333 44 0 85 24 109 64 18 29 19 62 21 601 2 673 0 615 14 615 6 0
+48 22 93 48 44 27 161 95 259 151 l177 103 58 -33 c31 -18 75 -42 97 -55 22
+-12 86 -49 143 -83 57 -34 106 -61 108 -61 2 0 23 -12 47 -27 23 -15 53 -32
+67 -40 l25 -13 1 -589 c0 -654 -3 -618 67 -661 59 -36 81 -29 392 126 161 80
+303 155 315 166 11 11 25 31 31 45 5 14 9 295 9 679 0 722 3 686 -64 737 -19
+15 -37 27 -39 27 -3 0 -67 36 -143 81 -77 44 -157 91 -179 104 -22 12 -114 65
+-205 117 -91 53 -181 105 -200 116 -19 10 -123 70 -230 133 -107 62 -212 121
+-232 131 -44 22 -94 23 -128 3z"/>
+<path d="M240 2063 c-96 -33 -170 -97 -211 -181 -21 -42 -24 -61 -24 -167 1
+-112 8 -206 20 -265 3 -14 10 -50 16 -80 18 -93 77 -260 134 -377 212 -442
+600 -774 1070 -918 178 -54 282 -69 470 -70 147 0 187 13 259 82 160 156 115
+426 -87 518 -41 19 -78 27 -144 31 -187 11 -336 46 -472 111 -356 172 -603
+534 -626 918 -9 144 -14 173 -36 221 -29 61 -99 131 -159 158 -44 19 -174 31
+-210 19z"/>
+<path d="M6566 2050 c-110 -43 -189 -148 -200 -266 -3 -32 -8 -88 -11 -124
+-27 -358 -236 -690 -550 -871 -87 -51 -269 -121 -310 -120 -2 0 -19 -4 -37
+-10 -18 -5 -69 -11 -113 -14 -161 -11 -181 -15 -243 -46 -116 -57 -179 -168
+-170 -303 8 -117 71 -211 176 -263 51 -25 68 -28 167 -29 231 -3 490 56 715
+162 409 193 723 528 890 950 34 86 84 264 95 337 3 27 9 59 11 70 3 12 7 83 9
+157 4 117 1 142 -16 186 -27 70 -88 137 -155 170 -74 36 -186 42 -258 14z"/>
+</g>
+</svg>

package/public/images/fav2/site.webmanifest

@@ -0,0 +1,19 @@
+{
+  "short_name": "Search Suite",
+  "name": "Search Suite",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}

package/public/index.html

@@ -7,86 +7,18 @@
       content="width=device-width,initial-scale=1,maximum-scale=1,viewport-fit=auto, user-scalable=no"
     />
     <meta name="theme-color" content="#000000" />
-    <link
-      rel="apple-touch-icon"
-      sizes="57x57"
-      href="images/fav/apple-icon-57x57.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="60x60"
-      href="images/fav/apple-icon-60x60.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="72x72"
-      href="images/fav/apple-icon-72x72.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="76x76"
-      href="images/fav/apple-icon-76x76.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="114x114"
-      href="images/fav/apple-icon-114x114.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="120x120"
-      href="images/fav/apple-icon-120x120.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="144x144"
-      href="images/fav/apple-icon-144x144.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="152x152"
-      href="images/fav/apple-icon-152x152.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="180x180"
-      href="images/fav/apple-icon-180x180.png"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="192x192"
-      href="images/fav/android-icon-192x192.png"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="32x32"
-      href="images/fav/favicon-32x32.png"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="96x96"
-      href="images/fav/favicon-96x96.png"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="16x16"
-      href="images/fav/favicon-16x16.png"
-    />
-    <link
-      rel="manifest"
-      href="images/fav/manifest.json"
-      crossorigin="use-credentials"
-    />
+    <link rel="apple-touch-icon" sizes="180x180" href="images/fav2/apple-touch-icon.png"/>
+    <link rel="icon" type="image/png" sizes="32x32" href="images/fav2/favicon-32x32.png"/>
+    <link rel="icon" type="image/png" sizes="16x16" href="images/fav2/favicon-16x16.png"/>
+    <link rel="manifest" href="images/fav2/site.webmanifest"/>
+    <link rel="mask-icon" href="images/fav2/safari-pinned-tab.svg" color="#5bbad5"/>
+    <link rel="shortcut icon" href="images/fav2/favicon.ico"/>
+    <meta name="msapplication-TileColor" content="#da532c"/>
+    <meta name="theme-color" content="#ffffff"/>
     <link
       href="https://fonts.googleapis.com/icon?family=Material+Icons"
       rel="stylesheet"
     />
-    <meta name="msapplication-TileColor" content="#ffffff" />
-    <meta name="theme-color" content="#ffffff" />
   
     <script src="js/settings.js?CI_COMMIT_SHA"></script>
     <link
@@ -108,10 +40,6 @@
       </script>
     <!-- End Piwik Analytics -->
 
-    <script
-      src="https://863a167094994e54bc22149eafac1699.js.ubembed.com"
-      async
-    ></script>
     <script>
       let vh = window.innerHeight * 0.01;
       document.documentElement.style.setProperty("--vh", `${vh}px`);
@@ -129,15 +57,5 @@
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
   </body>
 </html>

package/public/js/settings.example.js

@@ -48,8 +48,6 @@ var settings = {
   },
   language: 'en',
   // features
-  shareOption: '',
-  showFeedbackAndShare: '',
   showPoweredByNyris: '',
   warehouseVariant: false,
   postFilterOption: '',
@@ -79,6 +77,7 @@ var settings = {
   itemIdLabel: 'SKU',
   preFilterTitle: '',
   CTAButtonText: 'View More',
+  simpleCardView: false,
   secondaryCTAButtonText: 'Configure Now',
 
   //field mappins

package/public/manifest.json

@@ -1,26 +1,21 @@
 {
-  "short_name": "React App",
-  "name": "Create React App Sample",
+  "short_name": "Search Suite",
+  "name": "Search Suite",
+  "start_url": ".",
+  "web_accessible_resources": ["background.js"],
   "icons": [
     {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
     },
     {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }	 
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
   ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
+  "theme_color": "#ffffff",
   "background_color": "#ffffff",
-  "web_accessible_resources": ["background.js"]
+  "display": "standalone"
 }

package/src/Store/Store.ts

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

package/src/Store/search/Search.ts

@@ -12,7 +12,7 @@ export const searchSlice = createSlice({
       const { payload } = data;
       const {
         results,
-        requestId,
+        session,
         categoryPredictions,
         codes,
         duration,
@@ -23,11 +23,11 @@ export const searchSlice = createSlice({
         ...state,
         filters,
         results,
-        requestId,
+        requestId: session,
         categoryPredictions,
         codes,
         duration,
-        sessionId: state.sessionId || requestId,
+        sessionId: session,
         fetchingResults: false,
       };
     },
@@ -61,23 +61,6 @@ export const searchSlice = createSlice({
       };
     },
 
-    loadFileSelectRegion: (state, data: PayloadAction<any>) => {
-      const { payload } = data;
-
-      const { results, requestId, categoryPredictions, codes, duration } =
-        payload;
-      return {
-        ...state,
-        results,
-        requestId,
-        categoryPredictions,
-        codes,
-        duration,
-        sessionId: state.sessionId || requestId,
-        fetchingRegions: false,
-      };
-    },
-
     loadingActionResults: state => {
       return {
         ...state,
@@ -85,28 +68,6 @@ export const searchSlice = createSlice({
       };
     },
 
-    loadingActionRegions: state => {
-      return {
-        ...state,
-        fetchingRegions: true,
-      };
-    },
-
-    searchFileImageNonRegion: (state, data: PayloadAction<any>) => {
-      const { payload } = data;
-      const { results, requestId, duration, categoryPredictions, codes } =
-        payload;
-      return {
-        ...state,
-        results,
-        requestId,
-        duration,
-        categoryPredictions,
-        codes,
-        fetchingResults: false,
-      };
-    },
-
     changeValueTextSearch: (state, data: PayloadAction<any>) => {
       const { payload } = data;
       return {
@@ -115,14 +76,6 @@ export const searchSlice = createSlice({
       };
     },
 
-    resultSearchText: (state, data: PayloadAction<any>) => {
-      const { payload } = data;
-      return {
-        ...state,
-        resultSearchText: payload,
-      };
-    },
-
     updateResults: (state, data: PayloadAction<any>) => {
       const { payload } = data;
       return {
@@ -144,7 +97,6 @@ export const searchSlice = createSlice({
         selectedRegion: DEFAULT_REGION,
         requestImage: undefined,
         fetchingResults: false,
-        fetchingRegions: false,
         filterOptions: [],
         categoryPredictions: [],
         codes: [],
@@ -160,6 +112,11 @@ export const searchSlice = createSlice({
         postFilter: {},
         preFilterDropdown: false,
         imageCaptureHelpModal: false,
+        showFeedback: false,
+        firstSearchImage: null,
+        firstSearchResults: null,
+        firstSearchPrefilters: null,
+        firstSearchThumbSearchInput: null,
       };
     },
 
@@ -173,14 +130,6 @@ export const searchSlice = createSlice({
       };
     },
 
-    configureFilter: (state, data: PayloadAction<any>) => {
-      const { payload } = data;
-      return {
-        ...state,
-        configureFilter: payload,
-      };
-    },
-
     setUpdateSession: (state, data: PayloadAction<string>) => {
       const { payload } = data;
       return {
@@ -199,15 +148,6 @@ export const searchSlice = createSlice({
       };
     },
 
-    setError: (state, data: PayloadAction<string>) => {
-      return {
-        ...state,
-        fetchingRegions: false,
-        fetchingResults: false,
-        errorMessage: data.payload,
-      };
-    },
-
     setImageSearchInput: (state, data: PayloadAction<string>) => {
       const { payload } = data;
       return {
@@ -294,23 +234,37 @@ export const searchSlice = createSlice({
         postFilter: {},
       };
     },
+    setShowFeedback: (state, data: PayloadAction<boolean>) => ({
+      ...state,
+      showFeedback: data.payload,
+    }),
+    setFirstSearchResults: (state, data: PayloadAction<any>) => ({
+      ...state,
+      firstSearchResults: data.payload,
+    }),
+    setFirstSearchImage: (state, data: PayloadAction<any>) => ({
+      ...state,
+      firstSearchImage: data.payload,
+    }),
+    setFirstSearchPrefilters: (state, data: PayloadAction<any>) => ({
+      ...state,
+      firstSearchPrefilters: data.payload,
+    }),
+    setFirstSearchThumbSearchInput: (state, data: PayloadAction<any>) => ({
+      ...state,
+      firstSearchThumbSearchInput: data.payload,
+    }),
   },
 });
 
 export const {
   changeValueTextSearch,
   clearPostFilter,
-  configureFilter,
-  loadFileSelectRegion,
-  loadingActionRegions,
   loadingActionResults,
   onResetRequestImage,
   onToggleModalItemDetail,
   reset,
-  resultSearchText,
-  searchFileImageNonRegion,
   selectionChanged,
-  setError,
   setFilter,
   setImageCaptureHelpModal,
   setImageSearchInput,
@@ -327,5 +281,10 @@ export const {
   updateResults,
   updateStatusLoading,
   updateValueTextSearchMobile,
+  setShowFeedback,
+  setFirstSearchImage,
+  setFirstSearchResults,
+  setFirstSearchPrefilters,
+  setFirstSearchThumbSearchInput,
 } = searchSlice.actions;
 export default searchSlice.reducer;

package/src/Store/search/search.initialState.ts

@@ -3,9 +3,6 @@ import { SearchState } from './types';
 export const initialState: SearchState = {
   categoryPredictions: [],
   codes: [],
-  configureFilter: {},
-  errorMessage: '',
-  fetchingRegions: false,
   fetchingResults: false,
   filterOptions: [],
   filters: [],
@@ -18,7 +15,6 @@ export const initialState: SearchState = {
   regions: [],
   requestImage: undefined,
   results: [],
-  resultSearchText: [],
   selectedRegion: undefined,
   textSearchInputMobile: '',
   valueTextSearch: {
@@ -27,4 +23,9 @@ export const initialState: SearchState = {
     refinementList: '',
   },
   postFilter: {},
+  showFeedback: false,
+  firstSearchImage: '',
+  firstSearchResults: null,
+  firstSearchPrefilters: null,
+  firstSearchThumbSearchInput: null,
 };

package/src/Store/search/types.ts

@@ -9,10 +9,7 @@ export interface CategoryPrediction {
 export interface SearchState {
   categoryPredictions: CategoryPrediction[];
   codes: Code[];
-  configureFilter?: any;
   duration?: number;
-  errorMessage: string;
-  fetchingRegions: boolean;
   fetchingResults: boolean;
   filterOptions: string[];
   filters: any[];
@@ -26,7 +23,6 @@ export interface SearchState {
   requestId?: string;
   requestImage?: CanvasWithId | undefined;
   results: any[];
-  resultSearchText: any[];
   selectedRegion?: RectCoords;
   sessionId?: string;
   queryText?: string;
@@ -34,4 +30,9 @@ export interface SearchState {
   textSearchInputMobile?: string;
   valueTextSearch: any;
   postFilter: Record<string, Record<string, boolean>>;
+  showFeedback?: boolean;
+  firstSearchImage: any;
+  firstSearchResults: any;
+  firstSearchPrefilters: any;
+  firstSearchThumbSearchInput: any;
 }

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

@@ -0,0 +1,3 @@
+<svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.74786 12.2785C5.99572 12.5263 6.39757 12.5263 6.64543 12.2785C6.89317 12.0307 6.8933 11.6291 6.64572 11.3812L3.12248 7.85332C2.80781 7.53824 3.03097 7 3.47626 7L13.1966 7C13.5481 7 13.833 6.71509 13.833 6.36364C13.833 6.01218 13.5481 5.72727 13.1966 5.72727L3.47626 5.72727C3.03097 5.72727 2.80781 5.18903 3.12248 4.87395L6.64572 1.34606C6.8933 1.09815 6.89317 0.696526 6.64543 0.448784C6.39757 0.200928 5.99572 0.200928 5.74786 0.448784L0.540115 5.65653C0.14959 6.04705 0.14959 6.68022 0.540115 7.07074L5.74786 12.2785Z" fill="#2B2C46"/>
+</svg>

package/src/components/AppMobile.tsx

@@ -1,6 +1,5 @@
 import React, { ReactNode, useState } from 'react';
 import HeaderMobile from './HeaderMobile';
-
 import {
   setPreFilterDropdown,
   setImageCaptureHelpModal,