@nyris/nyris-webapp 0.3.57 → 0.3.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (94) hide show
  1. package/build/asset-manifest.json +15 -16
  2. package/build/index.html +1 -1
  3. package/build/js/settings.example.js +1 -0
  4. package/build/static/css/main.cb6e2cfd.css +4 -0
  5. package/build/static/css/main.cb6e2cfd.css.map +1 -0
  6. package/build/static/js/main.a1e24447.js +3 -0
  7. package/build/static/js/{main.5143aa56.js.LICENSE.txt → main.a1e24447.js.LICENSE.txt} +55 -0
  8. package/build/static/js/main.a1e24447.js.map +1 -0
  9. package/build/static/media/camera_simple.bff4194954bbb5f4bc33bd99014a93e8.svg +3 -0
  10. package/build/static/media/collpase.50dae91fff891c46b10dfc281344d0ef.svg +6 -0
  11. package/build/static/media/crop.0676ebbbdc1375ed67e32bba890ce941.svg +3 -0
  12. package/build/static/media/{download.8007f7c72e2080a9ffa96fa63d480dcf.svg → download.a8452bc23334e9f8e53fe1225742d216.svg} +1 -1
  13. package/build/static/media/gallery.15d1f3308921480a8c9d96d9a77c9966.svg +3 -0
  14. package/build/static/media/{logout.b544fcd2969edf431a1e998333119834.svg → logout.bab56bd407f25eb34d6eff401a436ce1.svg} +1 -1
  15. package/build/static/media/next-arrow.b13263d05d107ceb5e99bc4fabb41279.svg +3 -0
  16. package/build/static/media/plus.329672cb2feb55345490589e91481b88.svg +3 -0
  17. package/package.json +8 -5
  18. package/public/index.html +0 -3
  19. package/public/js/settings.example.js +1 -0
  20. package/src/Router.tsx +2 -2
  21. package/src/Store/Store.ts +2 -0
  22. package/src/Store/requestStore.ts +70 -0
  23. package/src/Store/resultStore.ts +25 -0
  24. package/src/Store/search/Search.ts +2 -33
  25. package/src/Store/search/search.initialState.ts +1 -4
  26. package/src/Store/search/types.ts +0 -5
  27. package/src/common/assets/icons/arrow_enter.svg +3 -0
  28. package/src/common/assets/icons/camera_simple.svg +3 -0
  29. package/src/common/assets/icons/collpase.svg +6 -0
  30. package/src/common/assets/icons/crop.svg +3 -0
  31. package/src/common/assets/icons/download.svg +1 -1
  32. package/src/common/assets/icons/gallery.svg +3 -0
  33. package/src/common/assets/icons/logout.svg +1 -1
  34. package/src/common/assets/icons/next-arrow.svg +3 -0
  35. package/src/common/assets/icons/plus.svg +3 -0
  36. package/src/components/CadenasWebViewer.tsx +1 -1
  37. package/src/components/DragDropFile.tsx +17 -77
  38. package/src/components/Experience-visual-search/ExperienceVisualSearch.tsx +47 -71
  39. package/src/components/Feedback.tsx +23 -9
  40. package/src/components/GoBackButton.tsx +15 -18
  41. package/src/components/HeaderMobile.tsx +342 -246
  42. package/src/components/ImageCaptureHelpModal.tsx +63 -65
  43. package/src/components/ImagePreview.tsx +564 -0
  44. package/src/components/Inquiry/InquiryBanner.tsx +1 -1
  45. package/src/components/Inquiry/InquiryModal.tsx +4 -7
  46. package/src/components/Layout.tsx +9 -18
  47. package/src/components/MobileLayout.tsx +51 -0
  48. package/src/components/MobilePostFilter.tsx +9 -3
  49. package/src/components/PanelResult/PostFilterAlgolia.tsx +4 -32
  50. package/src/components/PanelResult/expandable-panel.tsx +3 -16
  51. package/src/components/PanelResult/virtual-state-results.ts +17 -22
  52. package/src/components/ProductDetailView.tsx +1 -1
  53. package/src/components/SidePanel.tsx +7 -97
  54. package/src/components/UploadDisclaimer.tsx +85 -0
  55. package/src/components/appMobile.scss +2 -2
  56. package/src/components/common.scss +57 -27
  57. package/src/components/drawer/cameraCustom.tsx +389 -231
  58. package/src/components/icon-label/icon-label.tsx +1 -1
  59. package/src/components/input/inputSearch.tsx +197 -338
  60. package/src/components/pre-filter/index.tsx +70 -72
  61. package/src/components/results/ItemResult.tsx +34 -17
  62. package/src/components/rfq/RfqBanner.tsx +1 -4
  63. package/src/components/rfq/RfqModal.tsx +10 -10
  64. package/src/hooks/useFilteredRegions.ts +1 -1
  65. package/src/hooks/useImageSearch.ts +189 -0
  66. package/src/hooks/useSearchOrRedirect.ts +84 -0
  67. package/src/index.css +4 -0
  68. package/src/page/landingPage/Home.tsx +49 -0
  69. package/src/page/landingPage/{AppMD.tsx → HomeDesktop.tsx} +7 -34
  70. package/src/page/landingPage/{AppMobile.tsx → HomeMobile.tsx} +8 -37
  71. package/src/page/landingPage/common.scss +9 -1
  72. package/src/page/result/index.tsx +118 -232
  73. package/src/services/Feedback.ts +4 -5
  74. package/src/services/image.ts +19 -0
  75. package/src/types.ts +9 -7
  76. package/src/utils.ts +44 -0
  77. package/tailwind.config.js +54 -0
  78. package/build/static/css/main.67965609.css +0 -2
  79. package/build/static/css/main.67965609.css.map +0 -1
  80. package/build/static/js/main.5143aa56.js +0 -3
  81. package/build/static/js/main.5143aa56.js.map +0 -1
  82. package/build/static/media/arrow_down.f417689ce292978a8292a7f00407fdd5.svg +0 -3
  83. package/build/static/media/arrow_left.73d03a534eaf9b99ab196e0fb67da602.svg +0 -3
  84. package/build/static/media/arrow_right.59a4594a3a1657037537dbae1eee0251.svg +0 -3
  85. package/build/static/media/arrow_up.85dbe70bc51ec32c8894a06499330f14.svg +0 -3
  86. package/build/static/media/home.9ffb65a9c0be8fc5a502ba05cf5f719c.svg +0 -3
  87. package/build/static/media/icon_camera_mobile.6772053c4dfef487255649d2a05cc9d4.svg +0 -3
  88. package/build/static/media/reverse_camera.cee0200b151941cc83c182167a85d667.svg +0 -5
  89. package/src/App.tsx +0 -18
  90. package/src/components/AppMobile.tsx +0 -117
  91. package/src/components/FooterMobile.tsx +0 -230
  92. package/src/components/ImagePreviewMobile.tsx +0 -237
  93. /package/build/static/media/{add.2b72cedb98c4c89c954266d2356c166c.svg → add-rounded.2b72cedb98c4c89c954266d2356c166c.svg} +0 -0
  94. /package/src/common/assets/icons/{add.svg → add-rounded.svg} +0 -0
package/src/components/ImageCaptureHelpModal.tsx CHANGED
@@ -9,11 +9,7 @@ interface Props {
9
9
 
10
10
  function ImageCaptureHelpModal({ handleClose }: Props) {
11
11
  return (
12
- <div
13
- style={{
14
- paddingBottom: '24px',
15
- }}
16
- >
12
+ <div className="bg-white pb-6 h-full overflow-auto">
17
13
  <div
18
14
  style={{
19
15
  display: 'flex',
@@ -31,71 +27,73 @@ function ImageCaptureHelpModal({ handleClose }: Props) {
31
27
  <CloseIcon fontSize={'small'} />
32
28
  </Button>
33
29
  </div>
34
- <p
35
- style={{
36
- fontSize: '40px',
37
- lineHeight: '40px',
38
- fontWeight: 700,
39
- color: '#2B2C46',
40
- paddingLeft: '24px',
41
- paddingRight: '24px',
42
- }}
43
- >
44
- Six ways to optimize visual search
45
- </p>
46
- <div
47
- style={{
48
- display: 'flex',
49
- flexDirection: 'column',
50
- rowGap: '16px',
51
- marginTop: '16px',
52
- paddingLeft: '24px',
53
- paddingRight: '24px',
54
- }}
55
- >
56
- {visualSearchHelp.map((data, index) => {
57
- return (
58
- <div
59
- key={index}
60
- style={{
61
- display: 'flex',
62
- flexDirection: 'column',
63
- rowGap: '8px',
64
- }}
65
- >
66
- <p
67
- style={{
68
- fontSize: '16px',
69
- lineHeight: '24px',
70
- fontWeight: 700,
71
- color: '#2B2C46',
72
- marginBottom: '0px',
73
- }}
74
- >
75
- {`${index + 1}- ${data.title}`}
76
- </p>
77
- <p
30
+ <div>
31
+ <p
32
+ style={{
33
+ fontSize: '40px',
34
+ lineHeight: '40px',
35
+ fontWeight: 700,
36
+ color: '#2B2C46',
37
+ paddingLeft: '24px',
38
+ paddingRight: '24px',
39
+ }}
40
+ >
41
+ Six ways to optimize visual search
42
+ </p>
43
+ <div
44
+ style={{
45
+ display: 'flex',
46
+ flexDirection: 'column',
47
+ rowGap: '16px',
48
+ marginTop: '16px',
49
+ paddingLeft: '24px',
50
+ paddingRight: '24px',
51
+ }}
52
+ >
53
+ {visualSearchHelp.map((data, index) => {
54
+ return (
55
+ <div
56
+ key={index}
78
57
  style={{
79
- fontSize: '14px',
80
- lineHeight: '20px',
81
- fontWeight: 400,
82
- color: '#2B2C46',
83
- marginBottom: '0px',
58
+ display: 'flex',
59
+ flexDirection: 'column',
60
+ rowGap: '8px',
84
61
  }}
85
62
  >
86
- {data.description}
87
- </p>
88
- <div style={{ display: 'flex', columnGap: '16px' }}>
89
- <div>
90
- <img src={data.imageLeft} alt="" />
91
- </div>
92
- <div>
93
- <img src={data.imageRight} alt="" />
63
+ <p
64
+ style={{
65
+ fontSize: '16px',
66
+ lineHeight: '24px',
67
+ fontWeight: 700,
68
+ color: '#2B2C46',
69
+ marginBottom: '0px',
70
+ }}
71
+ >
72
+ {`${index + 1}- ${data.title}`}
73
+ </p>
74
+ <p
75
+ style={{
76
+ fontSize: '14px',
77
+ lineHeight: '20px',
78
+ fontWeight: 400,
79
+ color: '#2B2C46',
80
+ marginBottom: '0px',
81
+ }}
82
+ >
83
+ {data.description}
84
+ </p>
85
+ <div style={{ display: 'flex', columnGap: '16px' }}>
86
+ <div>
87
+ <img src={data.imageLeft} alt="" />
88
+ </div>
89
+ <div>
90
+ <img src={data.imageRight} alt="" />
91
+ </div>
94
92
  </div>
95
93
  </div>
96
- </div>
97
- );
98
- })}
94
+ );
95
+ })}
96
+ </div>
99
97
  </div>
100
98
  </div>
101
99
  );