contentoh-components-library 21.4.102 → 21.4.104

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 (665) hide show
  1. package/dist/_utils/helper.js +20 -15
  2. package/dist/assets/images/Icons/beenhere.svg +9 -0
  3. package/dist/assets/images/Icons/close-magenta.svg +9 -0
  4. package/dist/assets/images/Icons/closeCircle.svg +8 -0
  5. package/dist/assets/images/Icons/delete-forever-red.svg +9 -0
  6. package/dist/assets/images/Icons/delete-forever-white.svg +10 -0
  7. package/dist/assets/images/Icons/fullscreen.svg +3 -0
  8. package/dist/assets/images/Icons/save-white.svg +9 -0
  9. package/dist/assets/images/Icons/upload-file-white.svg +4 -0
  10. package/dist/assets/images/Icons/upload-file.svg +10 -0
  11. package/dist/assets/images/Icons/upload_file.svg +10 -0
  12. package/dist/components/atoms/ActivedFilter/ActivedFilter.stories.js +16 -5
  13. package/dist/components/atoms/ActivedFilter/index.js +8 -4
  14. package/dist/components/atoms/ActivedFilter/styles.js +9 -1
  15. package/dist/components/atoms/AsignationOption/AsignationOptions.stories.js +17 -6
  16. package/dist/components/atoms/AsignationOption/index.js +32 -16
  17. package/dist/components/atoms/AsignationOption/styles.js +9 -1
  18. package/dist/components/atoms/AtomList/AtomList.stories.js +16 -5
  19. package/dist/components/atoms/AtomList/index.js +11 -7
  20. package/dist/components/atoms/AtomList/styles.js +9 -1
  21. package/dist/components/atoms/Avatar/AsignationImage.stories.js +16 -5
  22. package/dist/components/atoms/Avatar/index.js +13 -8
  23. package/dist/components/atoms/Avatar/styles.js +8 -1
  24. package/dist/components/atoms/Button/index.js +4 -1
  25. package/dist/components/atoms/Button/styles.js +19 -3
  26. package/dist/components/atoms/ButtonFileChooser/ButtonFileChooser.stories.js +17 -6
  27. package/dist/components/atoms/ButtonFileChooser/index.js +70 -37
  28. package/dist/components/atoms/ButtonFileChooser/styles.js +9 -1
  29. package/dist/components/atoms/ButtonV2/ButtonV2.stories.js +18 -6
  30. package/dist/components/atoms/ButtonV2/index.js +61 -24
  31. package/dist/components/atoms/ButtonV2/styles.js +31 -39
  32. package/dist/components/atoms/Card/Card.stories.js +16 -5
  33. package/dist/components/atoms/Card/index.js +26 -14
  34. package/dist/components/atoms/Card/styles.js +9 -1
  35. package/dist/components/atoms/CharCounter/CharCounter.stories.js +16 -5
  36. package/dist/components/atoms/CharCounter/index.js +7 -5
  37. package/dist/components/atoms/CharCounter/styles.js +9 -1
  38. package/dist/components/atoms/CharsMissing/Wysiwyg.stories.js +16 -5
  39. package/dist/components/atoms/CharsMissing/index.js +56 -23
  40. package/dist/components/atoms/CharsMissing/styles.js +18 -18
  41. package/dist/components/atoms/CheckBox/CheckBox.stories.js +16 -5
  42. package/dist/components/atoms/CheckBox/index.js +19 -12
  43. package/dist/components/atoms/CheckBox/styles.js +15 -5
  44. package/dist/components/atoms/Commentary/index.js +7 -5
  45. package/dist/components/atoms/Commentary/styles.js +11 -5
  46. package/dist/components/atoms/CustomChip/CustomChip.stories.js +16 -5
  47. package/dist/components/atoms/CustomChip/index.js +26 -10
  48. package/dist/components/atoms/CustomChip/styles.js +9 -1
  49. package/dist/components/atoms/CustomIcon/CustomIcon.stories.js +17 -5
  50. package/dist/components/atoms/CustomIcon/index.js +16 -15
  51. package/dist/components/atoms/CustomIcon/styles.js +18 -18
  52. package/dist/components/atoms/CustomSelectItem/CustomSelectItem.stories.js +16 -5
  53. package/dist/components/atoms/CustomSelectItem/index.js +117 -92
  54. package/dist/components/atoms/CustomSelectItem/styles.js +10 -1
  55. package/dist/components/atoms/CustomerTypeImage/CustomerTypeImage.stories.js +16 -5
  56. package/dist/components/atoms/CustomerTypeImage/index.js +10 -4
  57. package/dist/components/atoms/CustomerTypeImage/styles.js +10 -5
  58. package/dist/components/atoms/DropDownButton/DropDownButton.stories.js +16 -5
  59. package/dist/components/atoms/DropDownButton/index.js +8 -4
  60. package/dist/components/atoms/DropDownButton/styles.js +8 -1
  61. package/dist/components/atoms/EditField/EditField.stories.js +16 -5
  62. package/dist/components/atoms/EditField/index.js +9 -5
  63. package/dist/components/atoms/EditField/styles.js +9 -1
  64. package/dist/components/atoms/FeatureTag/FeatureTag.stories.js +16 -5
  65. package/dist/components/atoms/FeatureTag/index.js +7 -5
  66. package/dist/components/atoms/FeatureTag/styles.js +10 -1
  67. package/dist/components/atoms/FeatureTagv2/FeatureTagv2.stories.js +16 -5
  68. package/dist/components/atoms/FeatureTagv2/index.js +9 -7
  69. package/dist/components/atoms/FeatureTagv2/styles.js +10 -1
  70. package/dist/components/atoms/GeneralButton/GeneralButton.stories.js +18 -13
  71. package/dist/components/atoms/GeneralButton/index.js +17 -12
  72. package/dist/components/atoms/GeneralButton/styles.js +27 -1
  73. package/dist/components/atoms/GeneralInput/GeneralInput.stories.js +18 -6
  74. package/dist/components/atoms/GeneralInput/index.js +89 -48
  75. package/dist/components/atoms/GeneralInput/styles.js +15 -13
  76. package/dist/components/atoms/GeneralInputv2/GeneralInputv2.stories.js +18 -6
  77. package/dist/components/atoms/GeneralInputv2/index.js +89 -48
  78. package/dist/components/atoms/GeneralInputv2/styles.js +15 -13
  79. package/dist/components/atoms/GeneralTextBox/GeneralTextBox.stories.js +16 -5
  80. package/dist/components/atoms/GeneralTextBox/index.js +9 -7
  81. package/dist/components/atoms/GeneralTextBox/styles.js +9 -1
  82. package/dist/components/atoms/GenericModal/GenericModal.stories.js +29 -9
  83. package/dist/components/atoms/GenericModal/index.js +12 -7
  84. package/dist/components/atoms/GenericModal/styles.js +10 -1
  85. package/dist/components/atoms/GradientPanel/GradientPanel.stories.js +32 -8
  86. package/dist/components/atoms/GradientPanel/index.js +12 -7
  87. package/dist/components/atoms/GradientPanel/styles.js +13 -9
  88. package/dist/components/atoms/Graphic/Graphic.stories.js +16 -5
  89. package/dist/components/atoms/Graphic/index.js +24 -22
  90. package/dist/components/atoms/Graphic/styles.js +8 -1
  91. package/dist/components/atoms/IconFile/IconFile.stories.js +16 -5
  92. package/dist/components/atoms/IconFile/index.js +20 -17
  93. package/dist/components/atoms/IconFile/styles.js +11 -5
  94. package/dist/components/atoms/Image/Image.stories.js +26 -13
  95. package/dist/components/atoms/Image/index.js +33 -24
  96. package/dist/components/atoms/Image/styles.js +25 -21
  97. package/dist/components/atoms/ImageCarousel/ImgeSlider.stories.js +16 -5
  98. package/dist/components/atoms/ImageCarousel/index.js +60 -31
  99. package/dist/components/atoms/ImageCarousel/styles.js +8 -1
  100. package/dist/components/atoms/ImageLink/ImageLink.stories.js +26 -13
  101. package/dist/components/atoms/ImageLink/index.js +30 -18
  102. package/dist/components/atoms/ImageLink/styles.js +23 -17
  103. package/dist/components/atoms/ImagePreview/ImagePreview.stories.js +26 -13
  104. package/dist/components/atoms/ImagePreview/index.js +89 -53
  105. package/dist/components/atoms/ImagePreview/styles.js +27 -18
  106. package/dist/components/atoms/Input/index.js +12 -4
  107. package/dist/components/atoms/Input/style.js +15 -2
  108. package/dist/components/atoms/InputFormatter/Wysiwyg.stories.js +16 -5
  109. package/dist/components/atoms/InputFormatter/index.js +93 -41
  110. package/dist/components/atoms/InputFormatter/styles.js +18 -18
  111. package/dist/components/atoms/InputFormatterv2/Wysiwyg.stories.js +16 -5
  112. package/dist/components/atoms/InputFormatterv2/index.js +93 -41
  113. package/dist/components/atoms/InputFormatterv2/styles.js +18 -18
  114. package/dist/components/atoms/InputImages/InputImages.stories.js +15 -5
  115. package/dist/components/atoms/InputImages/index.js +18 -8
  116. package/dist/components/atoms/InputImages/styles.js +9 -1
  117. package/dist/components/atoms/InputText/InputText.stories.js +18 -7
  118. package/dist/components/atoms/InputText/index.js +28 -34
  119. package/dist/components/atoms/InputText/styles.js +17 -17
  120. package/dist/components/atoms/LabelToInput/index.js +29 -9
  121. package/dist/components/atoms/LabelToInput/style.js +11 -1
  122. package/dist/components/atoms/LoadImageMenu/LoadImageMenu.stories.js +16 -5
  123. package/dist/components/atoms/LoadImageMenu/index.js +36 -19
  124. package/dist/components/atoms/LoadImageMenu/styles.js +9 -1
  125. package/dist/components/atoms/Loading/Loading.stories.js +16 -5
  126. package/dist/components/atoms/Loading/index.js +5 -1
  127. package/dist/components/atoms/Loading/styles.js +12 -2
  128. package/dist/components/atoms/LogoImage/LogoImage.stories.js +16 -5
  129. package/dist/components/atoms/LogoImage/index.js +7 -1
  130. package/dist/components/atoms/LogoImage/styles.js +8 -1
  131. package/dist/components/atoms/MenuNotification/MenuNotification.stories.js +16 -5
  132. package/dist/components/atoms/MenuNotification/index.js +22 -15
  133. package/dist/components/atoms/MenuNotification/styles.js +9 -1
  134. package/dist/components/atoms/MenuProfile/MenuProfile.stories.js +16 -5
  135. package/dist/components/atoms/MenuProfile/index.js +24 -16
  136. package/dist/components/atoms/MenuProfile/styles.js +9 -1
  137. package/dist/components/atoms/MetricCard/MetricCard.stories.js +16 -5
  138. package/dist/components/atoms/MetricCard/index.js +7 -5
  139. package/dist/components/atoms/MetricCard/styles.js +9 -1
  140. package/dist/components/atoms/MetricSelect/MetricSelect.stories.js +26 -8
  141. package/dist/components/atoms/MetricSelect/index.js +16 -12
  142. package/dist/components/atoms/MetricSelect/styles.js +9 -1
  143. package/dist/components/atoms/Multiselect/Multiselect.stories.js +16 -5
  144. package/dist/components/atoms/Multiselect/index.js +247 -141
  145. package/dist/components/atoms/Multiselect/styles.js +8 -1
  146. package/dist/components/atoms/NotFound/NotFound.stories.js +18 -6
  147. package/dist/components/atoms/NotFound/index.js +28 -13
  148. package/dist/components/atoms/NotFound/styles.js +9 -1
  149. package/dist/components/atoms/Notification/Notification.stories.js +16 -5
  150. package/dist/components/atoms/Notification/index.js +9 -6
  151. package/dist/components/atoms/Notification/styles.js +9 -1
  152. package/dist/components/atoms/NumberMandatory/NumberMandatory.stories.js +15 -5
  153. package/dist/components/atoms/NumberMandatory/index.js +12 -7
  154. package/dist/components/atoms/NumberMandatory/styles.js +9 -1
  155. package/dist/components/atoms/ObservationFlag/ObservationFlag.stories.js +16 -5
  156. package/dist/components/atoms/ObservationFlag/index.js +130 -66
  157. package/dist/components/atoms/ObservationFlag/styles.js +27 -12
  158. package/dist/components/atoms/PercentTag/PercentTag.stories.js +16 -5
  159. package/dist/components/atoms/PercentTag/index.js +7 -5
  160. package/dist/components/atoms/PercentTag/styles.js +11 -1
  161. package/dist/components/atoms/PriorityFlag/PriorityFlag.stories.js +16 -5
  162. package/dist/components/atoms/PriorityFlag/index.js +16 -10
  163. package/dist/components/atoms/PriorityFlag/styles.js +8 -1
  164. package/dist/components/atoms/PriorityFlagv2/PriorityFlagv2.stories.js +16 -5
  165. package/dist/components/atoms/PriorityFlagv2/index.js +16 -10
  166. package/dist/components/atoms/PriorityFlagv2/styles.js +8 -1
  167. package/dist/components/atoms/ProductImage/ProductImage.stories.js +15 -5
  168. package/dist/components/atoms/ProductImage/index.js +12 -7
  169. package/dist/components/atoms/ProductImage/styles.js +8 -1
  170. package/dist/components/atoms/ProductImagev2/ProductImagev2.stories.js +15 -5
  171. package/dist/components/atoms/ProductImagev2/index.js +12 -7
  172. package/dist/components/atoms/ProductImagev2/styles.js +8 -1
  173. package/dist/components/atoms/ProductPercentCard/Percent.stories.js +17 -6
  174. package/dist/components/atoms/ProductPercentCard/index.js +12 -6
  175. package/dist/components/atoms/ProductPercentCard/styles.js +9 -1
  176. package/dist/components/atoms/Progress/Progress.stories.js +17 -5
  177. package/dist/components/atoms/Progress/index.js +14 -10
  178. package/dist/components/atoms/Progress/styles.js +19 -2
  179. package/dist/components/atoms/ProgressBar/ProgressBar.stories.js +17 -5
  180. package/dist/components/atoms/ProgressBar/index.js +9 -6
  181. package/dist/components/atoms/ProgressBar/styles.js +19 -2
  182. package/dist/components/atoms/RatingStars/RatingStars.stories.js +16 -5
  183. package/dist/components/atoms/RatingStars/index.js +34 -12
  184. package/dist/components/atoms/RatingStars/styles.js +8 -1
  185. package/dist/components/atoms/RetailerCatalog/RetailerCatalog.stories.js +16 -5
  186. package/dist/components/atoms/RetailerCatalog/index.js +40 -16
  187. package/dist/components/atoms/RetailerCatalog/styles.js +9 -1
  188. package/dist/components/atoms/RetailerOption/RetailerOption.stories.js +16 -5
  189. package/dist/components/atoms/RetailerOption/index.js +21 -7
  190. package/dist/components/atoms/RetailerOption/styles.js +9 -1
  191. package/dist/components/atoms/RetailersList/RetailersList.stories.js +16 -5
  192. package/dist/components/atoms/RetailersList/index.js +27 -12
  193. package/dist/components/atoms/RetailersList/styles.js +8 -1
  194. package/dist/components/atoms/ScreenHeader/ScreenHeader.stories.js +21 -7
  195. package/dist/components/atoms/ScreenHeader/index.js +12 -9
  196. package/dist/components/atoms/ScreenHeader/styles.js +25 -25
  197. package/dist/components/atoms/ScreenHeaderv2/ScreenHeaderv2.stories.js +21 -7
  198. package/dist/components/atoms/ScreenHeaderv2/index.js +59 -32
  199. package/dist/components/atoms/ScreenHeaderv2/styles.js +23 -25
  200. package/dist/components/atoms/Select/VersionSelect.js +17 -12
  201. package/dist/components/atoms/Select/index.js +16 -14
  202. package/dist/components/atoms/Select/style.js +23 -10
  203. package/dist/components/atoms/SelectItemV2/SelectItemV2.stories.js +17 -6
  204. package/dist/components/atoms/SelectItemV2/index.js +23 -22
  205. package/dist/components/atoms/SelectItemV2/styles.js +15 -9
  206. package/dist/components/atoms/Selectv2/VersionSelect.js +17 -12
  207. package/dist/components/atoms/Selectv2/index.js +16 -14
  208. package/dist/components/atoms/Selectv2/style.js +23 -10
  209. package/dist/components/atoms/SideMenuButton/SideMenuButton.stories.js +16 -5
  210. package/dist/components/atoms/SideMenuButton/index.js +8 -6
  211. package/dist/components/atoms/SideMenuButton/styles.js +9 -1
  212. package/dist/components/atoms/SliderToolTip/SliderToolTip.stories.js +26 -6
  213. package/dist/components/atoms/SliderToolTip/index.js +70 -50
  214. package/dist/components/atoms/SliderToolTip/styles.js +13 -2
  215. package/dist/components/atoms/Status/Status.stories.js +16 -5
  216. package/dist/components/atoms/Status/index.js +7 -5
  217. package/dist/components/atoms/Status/styles.js +9 -1
  218. package/dist/components/atoms/TabSection/TabSection.stories.js +18 -6
  219. package/dist/components/atoms/TabSection/index.js +8 -6
  220. package/dist/components/atoms/TabSection/styles.js +9 -1
  221. package/dist/components/atoms/TabSectionv2/TabSection.stories.js +18 -6
  222. package/dist/components/atoms/TabSectionv2/index.js +9 -7
  223. package/dist/components/atoms/TabSectionv2/styles.js +9 -1
  224. package/dist/components/atoms/Tooltip/Tooltip.stories.js +16 -5
  225. package/dist/components/atoms/Tooltip/index.js +24 -22
  226. package/dist/components/atoms/Tooltip/styles.js +9 -1
  227. package/dist/components/atoms/TooltipLight/Tooltip.stories.js +16 -5
  228. package/dist/components/atoms/TooltipLight/index.js +44 -33
  229. package/dist/components/atoms/TooltipLight/styles.js +11 -5
  230. package/dist/components/atoms/UserCatalog/UserCatalog.stories.js +16 -5
  231. package/dist/components/atoms/UserCatalog/index.js +34 -15
  232. package/dist/components/atoms/UserCatalog/styles.js +8 -1
  233. package/dist/components/atoms/UserOption/UserOption.stories.js +16 -5
  234. package/dist/components/atoms/UserOption/index.js +55 -19
  235. package/dist/components/atoms/UserOption/styles.js +9 -1
  236. package/dist/components/atoms/UserSelector/UserSelector.stories.js +16 -5
  237. package/dist/components/atoms/UserSelector/index.js +56 -30
  238. package/dist/components/atoms/UserSelector/styles.js +17 -17
  239. package/dist/components/atoms/ValidationPanel/ValidationPanel.stories.js +16 -5
  240. package/dist/components/atoms/ValidationPanel/index.js +21 -15
  241. package/dist/components/atoms/ValidationPanel/styles.js +9 -1
  242. package/dist/components/atoms/VerticalSideMenuMainPage/VerticalSideMenuMainPage.stories.js +19 -5
  243. package/dist/components/atoms/VerticalSideMenuMainPage/index.js +42 -19
  244. package/dist/components/atoms/VerticalSideMenuMainPage/styles.js +28 -26
  245. package/dist/components/atoms/WordsMissing/Wysiwyg.stories.js +16 -5
  246. package/dist/components/atoms/WordsMissing/index.js +56 -23
  247. package/dist/components/atoms/WordsMissing/styles.js +9 -1
  248. package/dist/components/molecules/AddProvidersAndProducts/AddProvidersAndProducts.stories.js +16 -5
  249. package/dist/components/molecules/AddProvidersAndProducts/index.js +12 -7
  250. package/dist/components/molecules/AddProvidersAndProducts/styles.js +9 -1
  251. package/dist/components/molecules/AsignationInfo/AsignationInfo.stories.js +16 -5
  252. package/dist/components/molecules/AsignationInfo/index.js +62 -32
  253. package/dist/components/molecules/AsignationInfo/styles.js +9 -1
  254. package/dist/components/molecules/AssignedWork/AssignedWork.stories.js +18 -6
  255. package/dist/components/molecules/AssignedWork/index.js +18 -9
  256. package/dist/components/molecules/AssignedWork/styles.js +9 -1
  257. package/dist/components/molecules/AvatarAndValidation/AvatarAndValidation.stories.js +16 -5
  258. package/dist/components/molecules/AvatarAndValidation/index.js +37 -18
  259. package/dist/components/molecules/AvatarAndValidation/styles.js +8 -1
  260. package/dist/components/molecules/BoxAttribute/BoxAttribute.stories.js +16 -5
  261. package/dist/components/molecules/BoxAttribute/index.js +52 -42
  262. package/dist/components/molecules/BoxAttribute/styles.js +11 -5
  263. package/dist/components/molecules/BoxButtons/BoxButtons.stories.js +16 -5
  264. package/dist/components/molecules/BoxButtons/index.js +11 -8
  265. package/dist/components/molecules/BoxButtons/styles.js +13 -2
  266. package/dist/components/molecules/ButtonDownloadFile/DownloadFile.stories.js +20 -8
  267. package/dist/components/molecules/ButtonDownloadFile/index.js +129 -59
  268. package/dist/components/molecules/ButtonDownloadFile/styles.js +11 -5
  269. package/dist/components/molecules/CarouselImagesLogin/CarouselImagesLogin.stories.js +18 -5
  270. package/dist/components/molecules/CarouselImagesLogin/index.js +38 -20
  271. package/dist/components/molecules/CarouselImagesLogin/styles.js +10 -5
  272. package/dist/components/molecules/CustomSelect/CustomSelect.stories.js +17 -6
  273. package/dist/components/molecules/CustomSelect/SelectItem.js +91 -39
  274. package/dist/components/molecules/CustomSelect/index.js +164 -85
  275. package/dist/components/molecules/CustomSelect/styles.js +13 -5
  276. package/dist/components/molecules/Dropdown/Dropdown.stories.js +24 -11
  277. package/dist/components/molecules/Dropdown/index.js +45 -38
  278. package/dist/components/molecules/Dropdown/styles.js +13 -9
  279. package/dist/components/molecules/EditionActiveImage/EditionActiveImage.stories.js +16 -5
  280. package/dist/components/molecules/EditionActiveImage/index.js +13 -7
  281. package/dist/components/molecules/EditionActiveImage/styles.js +8 -1
  282. package/dist/components/molecules/EditionActiveImagev2/EditionActiveImagev2.stories.js +16 -5
  283. package/dist/components/molecules/EditionActiveImagev2/index.js +13 -7
  284. package/dist/components/molecules/EditionActiveImagev2/styles.js +8 -1
  285. package/dist/components/molecules/EditionTabs/EditionTabs.stories.js +30 -0
  286. package/dist/components/molecules/EditionTabs/index.js +59 -0
  287. package/dist/components/molecules/EditionTabs/styles.js +21 -0
  288. package/dist/components/molecules/EmailResetPasswordLogin/EmailResetPasswordLogin.stories.js +16 -5
  289. package/dist/components/molecules/EmailResetPasswordLogin/index.js +97 -28
  290. package/dist/components/molecules/EmailResetPasswordLogin/styles.js +9 -1
  291. package/dist/components/molecules/FeaturesBar/FeaturesBar.stories.js +16 -5
  292. package/dist/components/molecules/FeaturesBar/index.js +26 -10
  293. package/dist/components/molecules/FeaturesBar/styles.js +8 -1
  294. package/dist/components/molecules/FeaturesBarv2/FeaturesBarv2.stories.js +16 -5
  295. package/dist/components/molecules/FeaturesBarv2/index.js +30 -14
  296. package/dist/components/molecules/FeaturesBarv2/styles.js +8 -1
  297. package/dist/components/molecules/GalleryElement/GalleryElement.stories.js +16 -5
  298. package/dist/components/molecules/GalleryElement/index.js +65 -34
  299. package/dist/components/molecules/GalleryElement/styles.js +9 -1
  300. package/dist/components/molecules/GalleryElementv2/GalleryElementv2.stories.js +16 -5
  301. package/dist/components/molecules/GalleryElementv2/index.js +70 -36
  302. package/dist/components/molecules/GalleryElementv2/styles.js +9 -1
  303. package/dist/components/molecules/GalleryHeader/GalleryHeader.stories.js +16 -5
  304. package/dist/components/molecules/GalleryHeader/index.js +19 -10
  305. package/dist/components/molecules/GalleryHeader/styles.js +9 -1
  306. package/dist/components/molecules/GalleryHeaderv2/GalleryHeaderv2.stories.js +16 -5
  307. package/dist/components/molecules/GalleryHeaderv2/index.js +19 -10
  308. package/dist/components/molecules/GalleryHeaderv2/styles.js +9 -1
  309. package/dist/components/molecules/GridItem/GridItem.stories.js +86 -93
  310. package/dist/components/molecules/GridItem/index.js +62 -33
  311. package/dist/components/molecules/GridItem/styles.js +9 -1
  312. package/dist/components/molecules/GroupSelect/GroupSelect.stories.js +17 -6
  313. package/dist/components/molecules/GroupSelect/SelectItem.js +91 -39
  314. package/dist/components/molecules/GroupSelect/index.js +164 -84
  315. package/dist/components/molecules/GroupSelect/styles.js +13 -5
  316. package/dist/components/molecules/HeaderItem/ColumnItem.js +8 -6
  317. package/dist/components/molecules/HeaderItem/HeaderItem.stories.js +16 -5
  318. package/dist/components/molecules/HeaderItem/index.js +21 -12
  319. package/dist/components/molecules/HeaderItem/styles.js +17 -10
  320. package/dist/components/molecules/HeaderTop/HeaderTop.stories.js +16 -5
  321. package/dist/components/molecules/HeaderTop/index.js +48 -22
  322. package/dist/components/molecules/HeaderTop/styles.js +8 -1
  323. package/dist/components/molecules/HeaderTopv2/HeaderTopv2.stories.js +16 -5
  324. package/dist/components/molecules/HeaderTopv2/index.js +47 -21
  325. package/dist/components/molecules/HeaderTopv2/styles.js +8 -1
  326. package/dist/components/molecules/ImageSelector/ImageSelector.stories.js +16 -5
  327. package/dist/components/molecules/ImageSelector/index.js +21 -12
  328. package/dist/components/molecules/ImageSelector/styles.js +8 -1
  329. package/dist/components/molecules/ImageSelectorv2/ImageSelectorv2.stories.js +16 -5
  330. package/dist/components/molecules/ImageSelectorv2/index.js +21 -12
  331. package/dist/components/molecules/ImageSelectorv2/styles.js +8 -1
  332. package/dist/components/molecules/ImageTooltip/ImageTooltip.stories.js +26 -13
  333. package/dist/components/molecules/ImageTooltip/index.js +35 -23
  334. package/dist/components/molecules/ImageTooltip/styles.js +18 -13
  335. package/dist/components/molecules/LoginPasswordStrength/LoginPasswordStrength.stories.js +16 -5
  336. package/dist/components/molecules/LoginPasswordStrength/index.js +44 -18
  337. package/dist/components/molecules/LoginPasswordStrength/styles.js +26 -4
  338. package/dist/components/molecules/LogoLoading/Loading.stories.js +16 -5
  339. package/dist/components/molecules/LogoLoading/index.js +7 -1
  340. package/dist/components/molecules/LogoLoading/styles.js +8 -1
  341. package/dist/components/molecules/ParentComponent/ParentComponent.stories.js +21 -8
  342. package/dist/components/molecules/ParentComponent/index.js +17 -3
  343. package/dist/components/molecules/ParentComponent/styles.js +8 -1
  344. package/dist/components/molecules/PayMethod/PayMethod.stories.js +16 -5
  345. package/dist/components/molecules/PayMethod/index.js +14 -2
  346. package/dist/components/molecules/PayMethod/styles.js +9 -1
  347. package/dist/components/molecules/Phase/Phase.stories.js +17 -5
  348. package/dist/components/molecules/Phase/index.js +408 -183
  349. package/dist/components/molecules/Phase/styles.js +13 -2
  350. package/dist/components/molecules/PlanSelection/PlanSelection.stories.js +16 -5
  351. package/dist/components/molecules/PlanSelection/index.js +25 -14
  352. package/dist/components/molecules/PlanSelection/styles.js +8 -1
  353. package/dist/components/molecules/ProductNameHeader/ProductNameHeader.stories.js +17 -5
  354. package/dist/components/molecules/ProductNameHeader/index.js +22 -17
  355. package/dist/components/molecules/ProductNameHeader/styles.js +8 -1
  356. package/dist/components/molecules/ProductNameHeaderv2/ProductNameHeaderv2.stories.js +17 -5
  357. package/dist/components/molecules/ProductNameHeaderv2/index.js +7 -4
  358. package/dist/components/molecules/ProductNameHeaderv2/styles.js +8 -1
  359. package/dist/components/molecules/ProductNotification/ProductNotification.stories.js +16 -5
  360. package/dist/components/molecules/ProductNotification/index.js +25 -9
  361. package/dist/components/molecules/ProductNotification/styles.js +9 -1
  362. package/dist/components/molecules/ProductSkuStatus/ProductSkuStatus.stories.js +19 -7
  363. package/dist/components/molecules/ProductSkuStatus/index.js +12 -8
  364. package/dist/components/molecules/ProductSkuStatus/styles.js +8 -1
  365. package/dist/components/molecules/ProfileHeader/ProfileHeader.stories.js +16 -5
  366. package/dist/components/molecules/ProfileHeader/index.js +29 -11
  367. package/dist/components/molecules/ProfileHeader/styles.js +9 -1
  368. package/dist/components/molecules/RegistrationFirstStep/RegistrationFirstStep.stories.js +16 -5
  369. package/dist/components/molecules/RegistrationFirstStep/index.js +90 -27
  370. package/dist/components/molecules/RegistrationFirstStep/styles.js +9 -1
  371. package/dist/components/molecules/RegistrationSecondStep/RegistrationSecondStep.stories.js +16 -5
  372. package/dist/components/molecules/RegistrationSecondStep/index.js +63 -18
  373. package/dist/components/molecules/RegistrationSecondStep/styles.js +9 -1
  374. package/dist/components/molecules/RegistrationThirdStep/RegistrationThirdStep.stories.js +16 -5
  375. package/dist/components/molecules/RegistrationThirdStep/index.js +51 -14
  376. package/dist/components/molecules/RegistrationThirdStep/styles.js +9 -1
  377. package/dist/components/molecules/RetailerSelector/RetailerSelector.stories.js +16 -5
  378. package/dist/components/molecules/RetailerSelector/index.js +73 -31
  379. package/dist/components/molecules/RetailerSelector/styles.js +9 -1
  380. package/dist/components/molecules/RetailerSelectorv2/RetailerSelectorv2.stories.js +16 -5
  381. package/dist/components/molecules/RetailerSelectorv2/index.js +72 -31
  382. package/dist/components/molecules/RetailerSelectorv2/styles.js +9 -1
  383. package/dist/components/molecules/RowItem/ColumnItem.js +8 -6
  384. package/dist/components/molecules/RowItem/RowItem.stories.js +18 -5
  385. package/dist/components/molecules/RowItem/index.js +30 -21
  386. package/dist/components/molecules/RowItem/styles.js +17 -10
  387. package/dist/components/molecules/SelectV2/SelectV2.stories.js +17 -6
  388. package/dist/components/molecules/SelectV2/index.js +130 -101
  389. package/dist/components/molecules/SelectV2/styles.js +24 -25
  390. package/dist/components/molecules/SelectV2/test.js +24 -7
  391. package/dist/components/molecules/SelectV2/test.stories.js +16 -5
  392. package/dist/components/molecules/ServiceDataValidator/ServiceDataValidator.stories.js +16 -5
  393. package/dist/components/molecules/ServiceDataValidator/index.js +22 -17
  394. package/dist/components/molecules/ServiceDataValidator/styles.js +9 -1
  395. package/dist/components/molecules/SidebarNotification/SidebarNotification.stories.js +19 -7
  396. package/dist/components/molecules/SidebarNotification/index.js +40 -20
  397. package/dist/components/molecules/SidebarNotification/styles.js +9 -1
  398. package/dist/components/molecules/SignInLogin/SignInLogin.stories.js +16 -5
  399. package/dist/components/molecules/SignInLogin/index.js +197 -83
  400. package/dist/components/molecules/SignInLogin/styles.js +9 -1
  401. package/dist/components/molecules/StatusAsignationInfo/FinancedCompanies.js +2 -1
  402. package/dist/components/molecules/StatusAsignationInfo/StatusAsignationInfo.stories.js +16 -5
  403. package/dist/components/molecules/StatusAsignationInfo/index.js +89 -48
  404. package/dist/components/molecules/StatusAsignationInfo/styles.js +9 -1
  405. package/dist/components/molecules/StatusRetailer/StatusAsignationInfo.stories.js +16 -5
  406. package/dist/components/molecules/StatusRetailer/index.js +34 -15
  407. package/dist/components/molecules/StatusRetailer/styles.js +9 -1
  408. package/dist/components/molecules/StripeCardForm/StripeCardForm.stories.js +16 -5
  409. package/dist/components/molecules/StripeCardForm/index.js +63 -18
  410. package/dist/components/molecules/StripeCardForm/paymentForm.js +121 -57
  411. package/dist/components/molecules/StripeCardForm/styles.js +15 -6
  412. package/dist/components/molecules/StripeCardSelector/CardSelector.stories.js +16 -5
  413. package/dist/components/molecules/StripeCardSelector/index.js +90 -29
  414. package/dist/components/molecules/StripeCardSelector/styles.js +10 -5
  415. package/dist/components/molecules/StripeCardSelector/utils.js +46 -14
  416. package/dist/components/molecules/TableHeader/TableHeader.stories.js +16 -5
  417. package/dist/components/molecules/TableHeader/index.js +17 -12
  418. package/dist/components/molecules/TableHeader/styles.js +9 -1
  419. package/dist/components/molecules/TableRow/TableRow.stories.js +16 -5
  420. package/dist/components/molecules/TableRow/index.js +9 -6
  421. package/dist/components/molecules/TableRow/styles.js +8 -1
  422. package/dist/components/molecules/TabsMenu/TabsMenu.stories.js +16 -5
  423. package/dist/components/molecules/TabsMenu/index.js +83 -38
  424. package/dist/components/molecules/TabsMenu/styles.js +8 -1
  425. package/dist/components/molecules/TabsMenuv2/TabsMenuv2.stories.js +16 -5
  426. package/dist/components/molecules/TabsMenuv2/index.js +85 -40
  427. package/dist/components/molecules/TabsMenuv2/styles.js +8 -1
  428. package/dist/components/molecules/TagAndInput/TagAndInput.stories.js +18 -6
  429. package/dist/components/molecules/TagAndInput/index.js +74 -52
  430. package/dist/components/molecules/TagAndInput/styles.js +15 -13
  431. package/dist/components/molecules/TagAndInputv2/TagAndInputv2.stories.js +18 -6
  432. package/dist/components/molecules/TagAndInputv2/index.js +37 -33
  433. package/dist/components/molecules/TagAndInputv2/styles.js +15 -13
  434. package/dist/components/molecules/Validation/Validation.stories.js +16 -5
  435. package/dist/components/molecules/Validation/index.js +38 -18
  436. package/dist/components/molecules/Validation/styles.js +8 -1
  437. package/dist/components/molecules/VerificationCodeResetPasswordLogin/VerificationCodeResetPasswordLogin.stories.js +16 -5
  438. package/dist/components/molecules/VerificationCodeResetPasswordLogin/index.js +116 -41
  439. package/dist/components/molecules/VerificationCodeResetPasswordLogin/styles.js +9 -1
  440. package/dist/components/molecules/VerificationCodeResetPasswordLogin/utils.js +21 -12
  441. package/dist/components/molecules/VersionItem/VersionItem.stories.js +16 -5
  442. package/dist/components/molecules/VersionItem/index.js +28 -12
  443. package/dist/components/molecules/VersionItem/styles.js +9 -1
  444. package/dist/components/molecules/VersionItemv2/VersionItemv2.stories.js +16 -5
  445. package/dist/components/molecules/VersionItemv2/index.js +28 -12
  446. package/dist/components/molecules/VersionItemv2/styles.js +9 -1
  447. package/dist/components/organisms/BarButtons/BarButtons.stories.js +16 -5
  448. package/dist/components/organisms/BarButtons/index.js +54 -28
  449. package/dist/components/organisms/BarButtons/styles.js +13 -2
  450. package/dist/components/organisms/Box/Box.stories.js +18 -5
  451. package/dist/components/organisms/Box/index.js +94 -57
  452. package/dist/components/organisms/Box/styles.js +9 -1
  453. package/dist/components/organisms/BoxOnboarding/BoxOnboarding.stories.js +18 -5
  454. package/dist/components/organisms/BoxOnboarding/index.js +35 -15
  455. package/dist/components/organisms/BoxOnboarding/styles.js +9 -1
  456. package/dist/components/organisms/Calendar/Calendar.stories.js +16 -5
  457. package/dist/components/organisms/Calendar/index.js +11 -6
  458. package/dist/components/organisms/Calendar/styles.js +9 -1
  459. package/dist/components/organisms/ChangePassword/ChangePassword.stories.js +16 -5
  460. package/dist/components/organisms/ChangePassword/index.js +82 -26
  461. package/dist/components/organisms/ChangePassword/styles.js +8 -1
  462. package/dist/components/organisms/Chat/Chat.stories.js +39 -28
  463. package/dist/components/organisms/Chat/ChatLists/ChatLists.stories.js +26 -14
  464. package/dist/components/organisms/Chat/ChatLists/index.js +48 -23
  465. package/dist/components/organisms/Chat/ChatLists/styles.js +17 -4
  466. package/dist/components/organisms/Chat/ContainerItems/ContainerItems.stories.js +26 -17
  467. package/dist/components/organisms/Chat/ContainerItems/index.js +245 -137
  468. package/dist/components/organisms/Chat/ContainerItems/styles.js +9 -1
  469. package/dist/components/organisms/Chat/ContentChat/ContentChat.stories.js +24 -16
  470. package/dist/components/organisms/Chat/ContentChat/index.js +1391 -670
  471. package/dist/components/organisms/Chat/ContentChat/styles.js +9 -1
  472. package/dist/components/organisms/Chat/Footer/Footer.stories.js +19 -8
  473. package/dist/components/organisms/Chat/Footer/index.js +718 -321
  474. package/dist/components/organisms/Chat/Footer/styles.js +21 -4
  475. package/dist/components/organisms/Chat/Header/Header.stories.js +28 -16
  476. package/dist/components/organisms/Chat/Header/index.js +22 -15
  477. package/dist/components/organisms/Chat/Header/styles.js +9 -1
  478. package/dist/components/organisms/Chat/index.js +142 -125
  479. package/dist/components/organisms/Chat/styles.js +17 -3
  480. package/dist/components/organisms/Chatv2/ChatLists/ChatLists.stories.js +26 -14
  481. package/dist/components/organisms/Chatv2/ChatLists/index.js +48 -23
  482. package/dist/components/organisms/Chatv2/ChatLists/styles.js +17 -4
  483. package/dist/components/organisms/Chatv2/Chatv2.stories.js +39 -28
  484. package/dist/components/organisms/Chatv2/ContainerItems/ContainerItems.stories.js +26 -17
  485. package/dist/components/organisms/Chatv2/ContainerItems/index.js +245 -137
  486. package/dist/components/organisms/Chatv2/ContainerItems/styles.js +9 -1
  487. package/dist/components/organisms/Chatv2/ContentChat/ContentChat.stories.js +24 -16
  488. package/dist/components/organisms/Chatv2/ContentChat/index.js +1391 -670
  489. package/dist/components/organisms/Chatv2/ContentChat/styles.js +9 -1
  490. package/dist/components/organisms/Chatv2/Footer/Footer.stories.js +19 -8
  491. package/dist/components/organisms/Chatv2/Footer/index.js +718 -321
  492. package/dist/components/organisms/Chatv2/Footer/styles.js +21 -4
  493. package/dist/components/organisms/Chatv2/Header/Header.stories.js +28 -16
  494. package/dist/components/organisms/Chatv2/Header/index.js +22 -15
  495. package/dist/components/organisms/Chatv2/Header/styles.js +9 -1
  496. package/dist/components/organisms/Chatv2/index.js +142 -125
  497. package/dist/components/organisms/Chatv2/styles.js +21 -5
  498. package/dist/components/organisms/CompleteServices/CompleteServices.stories.js +16 -5
  499. package/dist/components/organisms/CompleteServices/index.js +24 -16
  500. package/dist/components/organisms/CompleteServices/styles.js +9 -1
  501. package/dist/components/organisms/CreateVersion/CreateVersion.stories.js +16 -5
  502. package/dist/components/organisms/CreateVersion/RenderChilds.js +41 -10
  503. package/dist/components/organisms/CreateVersion/index.js +88 -35
  504. package/dist/components/organisms/CreateVersion/styles.js +17 -4
  505. package/dist/components/organisms/DashboardMetric/DashboardMetric.stories.js +16 -5
  506. package/dist/components/organisms/DashboardMetric/dashboardMetricUtils.js +54 -5
  507. package/dist/components/organisms/DashboardMetric/index.js +59 -41
  508. package/dist/components/organisms/DashboardMetric/styles.js +9 -1
  509. package/dist/components/organisms/DragAndDropPhases/DragAndDropPhases.stories.js +16 -5
  510. package/dist/components/organisms/DragAndDropPhases/index.js +350 -170
  511. package/dist/components/organisms/DragAndDropPhases/styles.js +13 -2
  512. package/dist/components/organisms/DragPrueba/DragPrueba.stories.js +16 -5
  513. package/dist/components/organisms/DragPrueba/index.js +57 -19
  514. package/dist/components/organisms/DragPrueba/styles.js +9 -1
  515. package/dist/components/organisms/EditGroup/EditGroup.stories.js +16 -5
  516. package/dist/components/organisms/EditGroup/index.js +416 -199
  517. package/dist/components/organisms/EditGroup/styles.js +16 -3
  518. package/dist/components/organisms/FullProductNameHeader/FullProductNameHeader.stories.js +16 -5
  519. package/dist/components/organisms/FullProductNameHeader/index.js +45 -28
  520. package/dist/components/organisms/FullProductNameHeader/styles.js +8 -1
  521. package/dist/components/organisms/FullProductNamev2/FullProductNamev2.stories.js +16 -5
  522. package/dist/components/organisms/FullProductNamev2/index.js +37 -16
  523. package/dist/components/organisms/FullProductNamev2/styles.js +9 -1
  524. package/dist/components/organisms/FullTabsMenu/FullTabsMenu.stories.js +16 -5
  525. package/dist/components/organisms/FullTabsMenu/index.js +43 -28
  526. package/dist/components/organisms/FullTabsMenu/styles.js +8 -1
  527. package/dist/components/organisms/FullTabsMenuv2/FullTabsMenuv2.stories.js +16 -5
  528. package/dist/components/organisms/FullTabsMenuv2/index.js +71 -45
  529. package/dist/components/organisms/FullTabsMenuv2/styles.js +8 -1
  530. package/dist/components/organisms/Fullplan/FullPlan.stories.js +16 -5
  531. package/dist/components/organisms/Fullplan/index.js +23 -7
  532. package/dist/components/organisms/Fullplan/styles.js +9 -1
  533. package/dist/components/organisms/GlobalModal/index.js +10 -1
  534. package/dist/components/organisms/GlobalModal/styles.js +56 -12
  535. package/dist/components/organisms/GridProducts/GridProducts.stories.js +52 -29
  536. package/dist/components/organisms/GridProducts/index.js +25 -18
  537. package/dist/components/organisms/GridProducts/styles.js +8 -1
  538. package/dist/components/organisms/GridProducts/utils.js +25 -22
  539. package/dist/components/organisms/ImageDataTable/ImageDataTable.stories.js +16 -5
  540. package/dist/components/organisms/ImageDataTable/index.js +55 -37
  541. package/dist/components/organisms/ImageDataTable/styles.js +13 -9
  542. package/dist/components/organisms/ImageDataTablev2/ImageDataTablev2.stories.js +16 -5
  543. package/dist/components/organisms/ImageDataTablev2/index.js +55 -37
  544. package/dist/components/organisms/ImageDataTablev2/styles.js +13 -9
  545. package/dist/components/organisms/ImagePreviewer/ImagePreviewer.stories.js +16 -5
  546. package/dist/components/organisms/ImagePreviewer/index.js +12 -7
  547. package/dist/components/organisms/ImagePreviewer/styles.js +8 -1
  548. package/dist/components/organisms/ImagePreviewerv2/ImagePreviewerv2.stories.js +16 -5
  549. package/dist/components/organisms/ImagePreviewerv2/index.js +14 -8
  550. package/dist/components/organisms/ImagePreviewerv2/styles.js +8 -1
  551. package/dist/components/organisms/ImagesGroup/index.js +11 -2
  552. package/dist/components/organisms/ImagesGroup/styles.js +8 -1
  553. package/dist/components/organisms/InputGroup/InputGroup.stories.js +16 -5
  554. package/dist/components/organisms/InputGroup/index.js +55 -26
  555. package/dist/components/organisms/InputGroup/styles.js +9 -1
  556. package/dist/components/organisms/InputGroupv2/InputGroupv2.stories.js +16 -5
  557. package/dist/components/organisms/InputGroupv2/index.js +54 -29
  558. package/dist/components/organisms/InputGroupv2/styles.js +17 -2
  559. package/dist/components/organisms/MandatoryBar/MandatoryBar.stories.js +16 -5
  560. package/dist/components/organisms/MandatoryBar/index.js +9 -6
  561. package/dist/components/organisms/MandatoryBar/styles.js +9 -1
  562. package/dist/components/organisms/Modal/Modal.stories.js +21 -8
  563. package/dist/components/organisms/Modal/index.js +29 -24
  564. package/dist/components/organisms/Modal/styles.js +9 -1
  565. package/dist/components/organisms/OrderDetail/OrderDetail.stories.js +209 -42
  566. package/dist/components/organisms/OrderDetail/index.js +73 -36
  567. package/dist/components/organisms/OrderDetail/styles.js +29 -6
  568. package/dist/components/organisms/OrderDetail/utils/ImageGroup/index.js +38 -19
  569. package/dist/components/organisms/OrderDetail/utils/ImageGroup/styles.js +24 -14
  570. package/dist/components/organisms/OrderDetail/utils/Table/index.js +121 -62
  571. package/dist/components/organisms/OrderDetail/utils/Table/styles.js +23 -18
  572. package/dist/components/organisms/OrderDetail/utils/Table/utils.js +5 -2
  573. package/dist/components/organisms/PanelLayout/PanelLayout.stories.js +21 -6
  574. package/dist/components/organisms/PanelLayout/index.js +9 -7
  575. package/dist/components/organisms/PanelLayout/styles.js +21 -4
  576. package/dist/components/organisms/ProductImageModal/ProductImageModal.stories.js +16 -5
  577. package/dist/components/organisms/ProductImageModal/index.js +53 -18
  578. package/dist/components/organisms/ProductImageModal/styles.js +9 -1
  579. package/dist/components/organisms/ProductImageModalv2/ProductImageModalv2.stories.js +16 -5
  580. package/dist/components/organisms/ProductImageModalv2/index.js +44 -15
  581. package/dist/components/organisms/ProductImageModalv2/styles.js +9 -1
  582. package/dist/components/organisms/RangeCalendar/RangeCalendar.stories.js +16 -5
  583. package/dist/components/organisms/RangeCalendar/index.js +60 -27
  584. package/dist/components/organisms/RangeCalendar/styles.js +15 -6
  585. package/dist/components/organisms/RenameImagesBar/RenameImagesBar.stories.js +16 -5
  586. package/dist/components/organisms/RenameImagesBar/index.js +10 -5
  587. package/dist/components/organisms/RenameImagesBar/styles.js +9 -1
  588. package/dist/components/organisms/SideModal/SideModal.stories.js +17 -5
  589. package/dist/components/organisms/SideModal/index.js +24 -14
  590. package/dist/components/organisms/SideModal/styles.js +8 -1
  591. package/dist/components/organisms/Table/Table.stories.js +554 -0
  592. package/dist/components/organisms/Table/index.js +105 -0
  593. package/dist/components/organisms/Table/styles.js +48 -0
  594. package/dist/components/organisms/TableResizable/TableResizable.stories.js +17 -5
  595. package/dist/components/organisms/TableResizable/index.js +74 -44
  596. package/dist/components/organisms/TableResizable/styles.js +16 -3
  597. package/dist/components/organisms/TableResizable/utils.js +3 -2
  598. package/dist/components/organisms/VersionSelector/VersionSelector.stories.js +16 -5
  599. package/dist/components/organisms/VersionSelector/index.js +110 -40
  600. package/dist/components/organisms/VersionSelector/styles.js +9 -1
  601. package/dist/components/organisms/VersionSelectorv2/VersionSelectorv2.stories.js +16 -5
  602. package/dist/components/organisms/VersionSelectorv2/index.js +109 -40
  603. package/dist/components/organisms/VersionSelectorv2/styles.js +9 -1
  604. package/dist/components/pages/ChangePasswordLogin/ChangePasswordLogin.stories.js +18 -5
  605. package/dist/components/pages/ChangePasswordLogin/index.js +47 -15
  606. package/dist/components/pages/ChangePasswordLogin/styles.js +8 -1
  607. package/dist/components/pages/CustomerLogin/CustomerLogin.stories.js +23 -5
  608. package/dist/components/pages/CustomerLogin/index.js +8 -5
  609. package/dist/components/pages/CustomerLogin/styles.js +8 -1
  610. package/dist/components/pages/CustomerPayMethod/CustomerPayMethod.stories.js +20 -5
  611. package/dist/components/pages/CustomerPayMethod/index.js +8 -5
  612. package/dist/components/pages/CustomerPayMethod/styles.js +8 -1
  613. package/dist/components/pages/CustomerType/CustomerType.stories.js +20 -5
  614. package/dist/components/pages/CustomerType/index.js +8 -5
  615. package/dist/components/pages/CustomerType/styles.js +8 -1
  616. package/dist/components/pages/Dashboard/Dashboard.stories.js +16 -5
  617. package/dist/components/pages/Dashboard/dashboardUtils.js +105 -48
  618. package/dist/components/pages/Dashboard/index.js +416 -183
  619. package/dist/components/pages/Dashboard/styles.js +8 -1
  620. package/dist/components/pages/EmailResetPassword/EmailResetPassword.stories.js +18 -5
  621. package/dist/components/pages/EmailResetPassword/index.js +65 -16
  622. package/dist/components/pages/EmailResetPassword/styles.js +9 -1
  623. package/dist/components/pages/MultipleEdition/MultipleEdition.stories.js +33 -0
  624. package/dist/components/pages/MultipleEdition/components/ImageUploader.js +97 -0
  625. package/dist/components/pages/MultipleEdition/components/ImageUploaderStyles.js +18 -0
  626. package/dist/components/pages/MultipleEdition/components/ImageVisor.js +199 -0
  627. package/dist/components/pages/MultipleEdition/components/styles.js +29 -0
  628. package/dist/components/pages/MultipleEdition/index.js +257 -0
  629. package/dist/components/pages/MultipleEdition/saveData.js +200 -0
  630. package/dist/components/pages/MultipleEdition/styles.js +20 -0
  631. package/dist/components/pages/MultipleEdition/utils.js +539 -0
  632. package/dist/components/pages/OnboardPlan/OnboardPlan.stories.js +20 -5
  633. package/dist/components/pages/OnboardPlan/index.js +8 -5
  634. package/dist/components/pages/OnboardPlan/styles.js +8 -1
  635. package/dist/components/pages/ProductEditionv2/ProductEditionv2.stories.js +19 -6
  636. package/dist/components/pages/ProductEditionv2/index.js +1830 -890
  637. package/dist/components/pages/ProductEditionv2/styles.js +11 -5
  638. package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +19 -6
  639. package/dist/components/pages/ProviderProductEdition/index.js +1753 -858
  640. package/dist/components/pages/ProviderProductEdition/styles.js +11 -5
  641. package/dist/components/pages/RegistrationLoginSecondStep/RegistrationLoginSecondStep.stories.js +18 -5
  642. package/dist/components/pages/RegistrationLoginSecondStep/index.js +79 -24
  643. package/dist/components/pages/RegistrationLoginSecondStep/styles.js +9 -1
  644. package/dist/components/pages/RegistrationLoginThirdStep/RegistrationLoginThirdStep.stories.js +18 -5
  645. package/dist/components/pages/RegistrationLoginThirdStep/index.js +80 -23
  646. package/dist/components/pages/RegistrationLoginThirdStep/styles.js +9 -1
  647. package/dist/components/pages/RetailerPlan/RetailerPlan.stories.js +20 -5
  648. package/dist/components/pages/RetailerPlan/index.js +9 -5
  649. package/dist/components/pages/RetailerPlan/styles.js +8 -1
  650. package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +16 -5
  651. package/dist/components/pages/RetailerProductEdition/index.js +1654 -783
  652. package/dist/components/pages/RetailerProductEdition/styles.js +10 -5
  653. package/dist/components/pages/RetailerProductEdition/utils.js +91 -24
  654. package/dist/components/pages/VerificationCodeResetPassword/VerificationCodeResetPassword.stories.js +18 -5
  655. package/dist/components/pages/VerificationCodeResetPassword/index.js +50 -21
  656. package/dist/components/pages/VerificationCodeResetPassword/styles.js +9 -1
  657. package/dist/components/pages/VerificationCodeResetPassword/utils.js +21 -12
  658. package/dist/global-files/customHooks.js +19 -5
  659. package/dist/global-files/data.js +206 -79
  660. package/dist/global-files/handle_http.js +315 -175
  661. package/dist/global-files/handle_userTech.js +8 -4
  662. package/dist/global-files/utils.js +188 -90
  663. package/dist/global-files/variables.js +6 -3
  664. package/dist/index.js +309 -103
  665. package/package.json +1 -1
@@ -1,254 +1,492 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.ProviderProductEdition = void 0;
9
+
10
+ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
11
+
12
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
13
+
14
+ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
15
+
16
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
17
+
18
+ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
19
+
20
+ var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
21
+
8
22
  var _styles = require("./styles");
23
+
9
24
  var _HeaderTop = require("../../molecules/HeaderTop");
25
+
10
26
  var _ImagePreviewer = require("../../organisms/ImagePreviewer");
27
+
11
28
  var _ImageDataTable = require("../../organisms/ImageDataTable");
29
+
12
30
  var _FullProductNameHeader = require("../../organisms/FullProductNameHeader");
31
+
13
32
  var _FullTabsMenu = require("../../organisms/FullTabsMenu");
33
+
14
34
  var _InputGroup = require("../../organisms/InputGroup");
35
+
15
36
  var _react = require("react");
37
+
16
38
  var _GalleryElement = require("../../molecules/GalleryElement");
39
+
17
40
  var _fileSaver = require("file-saver");
41
+
18
42
  var _data = require("../../../global-files/data");
43
+
19
44
  var _GalleryHeader = require("../../molecules/GalleryHeader");
45
+
20
46
  var _ProductImageModal = require("../../organisms/ProductImageModal");
47
+
21
48
  var _reactDropzone = require("react-dropzone");
49
+
22
50
  var _axios = _interopRequireDefault(require("axios"));
51
+
23
52
  var _uuid = require("uuid");
53
+
24
54
  var _awsSdk = _interopRequireDefault(require("aws-sdk"));
55
+
25
56
  var _index = require("../../molecules/TagAndInput/index");
57
+
26
58
  var _GeneralButton = require("../../atoms/GeneralButton");
59
+
27
60
  var _Commentary = require("../../atoms/Commentary");
61
+
28
62
  var _GenericModal = require("../../atoms/GenericModal");
63
+
29
64
  var _ScreenHeader = require("../../atoms/ScreenHeader");
65
+
30
66
  var _Loading = require("../../atoms/Loading");
67
+
31
68
  var _genericModalCheck = _interopRequireDefault(require("../../../assets/images/genericModal/genericModalCheck.svg"));
69
+
32
70
  var _reactRouterDom = require("react-router-dom");
71
+
33
72
  var _defaultProfileImage = _interopRequireDefault(require("../../../assets/images/defaultImages/defaultProfileImage.svg"));
73
+
34
74
  var _errorModal = _interopRequireDefault(require("../../../assets/images/genericModal/errorModal.svg"));
75
+
35
76
  var _index2 = require("../../organisms/GlobalModal/index");
77
+
36
78
  var _SliderToolTip = require("../../atoms/SliderToolTip");
79
+
37
80
  var _infoIcon = _interopRequireDefault(require("../../../assets/images/sliderToolTip/infoIcon.svg"));
81
+
38
82
  var _slide = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide1.svg"));
83
+
39
84
  var _slide2 = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide2.svg"));
85
+
40
86
  var _slide3 = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide3.svg"));
87
+
41
88
  var _slide4 = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide4.svg"));
89
+
42
90
  var _slide5 = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide5.svg"));
91
+
43
92
  var _VersionSelector = require("../../organisms/VersionSelector");
93
+
44
94
  var _customHooks = require("../../../global-files/customHooks");
95
+
45
96
  var _utils = require("../RetailerProductEdition/utils");
97
+
46
98
  var _Modal = require("../../organisms/Modal");
99
+
47
100
  var _ButtonV = require("../../atoms/ButtonV2");
101
+
48
102
  var _Box = require("../../organisms/Box");
103
+
49
104
  var _jsxRuntime = require("react/jsx-runtime");
50
- const reducerImages = (state, action) => {
105
+
106
+ var reducerImages = function reducerImages(state, action) {
51
107
  var _action$init, _action$init$inputsBy;
52
- let {
53
- values,
54
- attrForImgs,
55
- inputsByRetailer
56
- } = state;
108
+
109
+ var values = state.values,
110
+ attrForImgs = state.attrForImgs,
111
+ inputsByRetailer = state.inputsByRetailer;
112
+
57
113
  switch (action.action) {
58
114
  case "init":
59
- const newInputsByRetailer = {};
60
- action === null || action === void 0 ? void 0 : (_action$init = action.init) === null || _action$init === void 0 ? void 0 : (_action$init$inputsBy = _action$init.inputsByRetailer) === null || _action$init$inputsBy === void 0 ? void 0 : _action$init$inputsBy.forEach(inputs => {
61
- inputs === null || inputs === void 0 ? void 0 : inputs.forEach(input => {
115
+ var newInputsByRetailer = {};
116
+ action === null || action === void 0 ? void 0 : (_action$init = action.init) === null || _action$init === void 0 ? void 0 : (_action$init$inputsBy = _action$init.inputsByRetailer) === null || _action$init$inputsBy === void 0 ? void 0 : _action$init$inputsBy.forEach(function (inputs) {
117
+ inputs === null || inputs === void 0 ? void 0 : inputs.forEach(function (input) {
62
118
  if (!newInputsByRetailer["".concat(input.id_retailer)]) newInputsByRetailer["".concat(input.id_retailer)] = [];
63
119
  newInputsByRetailer["".concat(input.id_retailer)].push(input);
64
120
  });
65
121
  });
66
122
  inputsByRetailer = newInputsByRetailer;
67
- return {
68
- ...action.init,
69
- inputsByRetailer,
123
+ return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, action.init), {}, {
124
+ inputsByRetailer: inputsByRetailer,
70
125
  valuesInitial: action.init.values,
71
126
  inputsInitial: action.init.inputs
72
- };
127
+ });
128
+
73
129
  case "addImg":
74
- values = [...values, action.img];
75
- return {
76
- ...state,
77
- values
78
- };
130
+ values = [].concat((0, _toConsumableArray2.default)(values), [action.img]);
131
+ return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
132
+ values: values
133
+ });
134
+
79
135
  case "changeImageInfo":
80
136
  values[action.index][action.attribute] = action.value;
81
- return {
82
- ...state,
83
- values
84
- };
137
+ return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
138
+ values: values
139
+ });
140
+
85
141
  case "changeAttrValue":
86
- const index = attrForImgs.general.findIndex(f => f.id = action.id);
142
+ var index = attrForImgs.general.findIndex(function (f) {
143
+ return f.id = action.id;
144
+ });
145
+
87
146
  if (index !== -1) {
88
147
  attrForImgs.general[index].value = action.value;
89
148
  }
90
- return {
91
- ...state,
92
- attrForImgs,
93
- values
94
- };
149
+
150
+ return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
151
+ attrForImgs: attrForImgs,
152
+ values: values
153
+ });
154
+
95
155
  case "deleteImage":
96
- values = values.filter(value => action.selectedImages.indexOf(value) === -1);
97
- return {
98
- ...state,
99
- values
100
- };
156
+ values = values.filter(function (value) {
157
+ return action.selectedImages.indexOf(value) === -1;
158
+ });
159
+ return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
160
+ values: values
161
+ });
162
+
101
163
  case "orderImages":
102
164
  {
103
- let {
104
- inputsByRetailer = {},
105
- valuesInitial,
106
- inputsInitial,
107
- inputs
108
- } = state;
165
+ var _state$inputsByRetail = state.inputsByRetailer,
166
+ _inputsByRetailer = _state$inputsByRetail === void 0 ? {} : _state$inputsByRetail,
167
+ valuesInitial = state.valuesInitial,
168
+ inputsInitial = state.inputsInitial,
169
+ inputs = state.inputs;
170
+
109
171
  try {
110
- const orderedImages = [];
111
- const imageIdArray = [];
112
- if (action !== null && action !== void 0 && action.retailerId && !inputsByRetailer[action.retailerId]) {
113
- inputsByRetailer[action.retailerId] = [];
172
+ var orderedImages = [];
173
+ var imageIdArray = [];
174
+
175
+ if (action !== null && action !== void 0 && action.retailerId && !_inputsByRetailer[action.retailerId]) {
176
+ _inputsByRetailer[action.retailerId] = [];
114
177
  }
178
+
115
179
  if (action.retailerId) {
116
180
  var _inputsByRetailer$act;
117
- (_inputsByRetailer$act = inputsByRetailer[action.retailerId]) === null || _inputsByRetailer$act === void 0 ? void 0 : _inputsByRetailer$act.filter(input => {
181
+
182
+ (_inputsByRetailer$act = _inputsByRetailer[action.retailerId]) === null || _inputsByRetailer$act === void 0 ? void 0 : _inputsByRetailer$act.filter(function (input) {
118
183
  imageIdArray.push(input.id_image);
119
- valuesInitial.forEach(value => {
184
+ valuesInitial.forEach(function (value) {
120
185
  if (value.image_id === input.id_image) orderedImages.push(value);
121
186
  });
122
187
  });
123
188
  }
124
- inputs = inputsInitial === null || inputsInitial === void 0 ? void 0 : inputsInitial.filter(input => imageIdArray.includes(input.id));
189
+
190
+ inputs = inputsInitial === null || inputsInitial === void 0 ? void 0 : inputsInitial.filter(function (input) {
191
+ return imageIdArray.includes(input.id);
192
+ });
125
193
  values = orderedImages.length > 0 ? orderedImages : [];
126
194
  } catch (error) {
127
195
  console.log(action.action, error);
128
196
  }
129
- return {
130
- ...state,
131
- values,
132
- inputs
133
- };
197
+
198
+ return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
199
+ values: values,
200
+ inputs: inputs
201
+ });
134
202
  }
203
+
135
204
  default:
136
205
  return state;
137
206
  }
138
207
  };
139
- const S3_BUCKET = process.env.REACT_APP_IMAGES_BUCKET;
140
- const REGION = "us-east-1";
208
+
209
+ var S3_BUCKET = process.env.REACT_APP_IMAGES_BUCKET;
210
+ var REGION = "us-east-1";
211
+
141
212
  _awsSdk.default.config.update({
142
213
  accessKeyId: process.env.REACT_APP_KUTS3,
143
214
  secretAccessKey: process.env.REACT_APP_AKUTS3
144
215
  });
145
- const myBucket = new _awsSdk.default.S3({
216
+
217
+ var myBucket = new _awsSdk.default.S3({
146
218
  params: {
147
219
  Bucket: S3_BUCKET
148
220
  },
149
221
  region: REGION
150
222
  });
151
- const ProviderProductEdition = _ref => {
223
+
224
+ var ProviderProductEdition = function ProviderProductEdition(_ref) {
152
225
  var _product$retailers, _product$retailersAva, _location$state4, _location$state5, _location$state6, _datasheets$, _datasheets$$data;
153
- let {
154
- tabsSections,
155
- productSelected = {},
156
- productToEdit,
157
- user = {},
158
- location = {},
159
- token,
160
- revision = false,
161
- setShowContentohRequestModal,
162
- showSurvey,
163
- company,
164
- addToCart
165
- } = _ref;
166
- const [activeTab, setActiveTab] = (0, _react.useState)("Descripción");
167
- const [activeImage, setActiveImage] = (0, _react.useState)();
168
- const [imageLayout, setImageLayout] = (0, _react.useState)(false);
169
- const [headerTop, setHeaderTop] = (0, _react.useState)(0);
170
- const [descriptions, setDescriptions] = (0, _react.useState)([]);
171
- const [datasheets, setDatasheets] = (0, _react.useState)([]);
172
- const [images, setImages] = (0, _react.useReducer)(reducerImages, {});
173
- const [showModal, setShowModal] = (0, _react.useState)(false);
174
- const [boxData, setBoxData] = (0, _react.useState)({});
175
- const {
176
- getRootProps,
177
- getInputProps
178
- } = (0, _reactDropzone.useDropzone)({
226
+
227
+ var tabsSections = _ref.tabsSections,
228
+ _ref$productSelected = _ref.productSelected,
229
+ productSelected = _ref$productSelected === void 0 ? {} : _ref$productSelected,
230
+ productToEdit = _ref.productToEdit,
231
+ _ref$user = _ref.user,
232
+ user = _ref$user === void 0 ? {} : _ref$user,
233
+ _ref$location = _ref.location,
234
+ location = _ref$location === void 0 ? {} : _ref$location,
235
+ token = _ref.token,
236
+ _ref$revision = _ref.revision,
237
+ revision = _ref$revision === void 0 ? false : _ref$revision,
238
+ setShowContentohRequestModal = _ref.setShowContentohRequestModal,
239
+ showSurvey = _ref.showSurvey,
240
+ company = _ref.company,
241
+ addToCart = _ref.addToCart;
242
+
243
+ var _useState = (0, _react.useState)("Descripción"),
244
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
245
+ activeTab = _useState2[0],
246
+ setActiveTab = _useState2[1];
247
+
248
+ var _useState3 = (0, _react.useState)(),
249
+ _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
250
+ activeImage = _useState4[0],
251
+ setActiveImage = _useState4[1];
252
+
253
+ var _useState5 = (0, _react.useState)(false),
254
+ _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
255
+ imageLayout = _useState6[0],
256
+ setImageLayout = _useState6[1];
257
+
258
+ var _useState7 = (0, _react.useState)(0),
259
+ _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
260
+ headerTop = _useState8[0],
261
+ setHeaderTop = _useState8[1];
262
+
263
+ var _useState9 = (0, _react.useState)([]),
264
+ _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
265
+ descriptions = _useState10[0],
266
+ setDescriptions = _useState10[1];
267
+
268
+ var _useState11 = (0, _react.useState)([]),
269
+ _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
270
+ datasheets = _useState12[0],
271
+ setDatasheets = _useState12[1];
272
+
273
+ var _useReducer = (0, _react.useReducer)(reducerImages, {}),
274
+ _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
275
+ images = _useReducer2[0],
276
+ setImages = _useReducer2[1];
277
+
278
+ var _useState13 = (0, _react.useState)(false),
279
+ _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
280
+ showModal = _useState14[0],
281
+ setShowModal = _useState14[1];
282
+
283
+ var _useState15 = (0, _react.useState)({}),
284
+ _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
285
+ boxData = _useState16[0],
286
+ setBoxData = _useState16[1];
287
+
288
+ var _useDropzone = (0, _reactDropzone.useDropzone)({
179
289
  accept: "image/*",
180
290
  noKeyboard: true,
181
291
  multiple: true,
182
292
  noClick: true,
183
- onDrop: acceptedFiles => {
184
- const newImages = [];
185
- acceptedFiles.map(file => {
186
- const reader = new FileReader();
293
+ onDrop: function onDrop(acceptedFiles) {
294
+ var newImages = [];
295
+ acceptedFiles.map(function (file) {
296
+ var reader = new FileReader();
187
297
  reader.fileName = file.name;
188
- reader.onload = async function (e) {
189
- const ext = e.srcElement.fileName.split(".");
190
- const img = new Image();
191
- img.src = e.target.result;
192
- setTimeout(() => {
193
- const width = img.width;
194
- const height = img.height;
195
- const newImg = {
196
- action: "addImg",
197
- img: {
198
- src: e.target.result,
199
- name: e.target.fileName,
200
- ext: ext[ext.length - 1],
201
- width: width,
202
- height: height
298
+
299
+ reader.onload = /*#__PURE__*/function () {
300
+ var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
301
+ var ext, img;
302
+ return _regenerator.default.wrap(function _callee$(_context) {
303
+ while (1) {
304
+ switch (_context.prev = _context.next) {
305
+ case 0:
306
+ ext = e.srcElement.fileName.split(".");
307
+ img = new Image();
308
+ img.src = e.target.result;
309
+ setTimeout(function () {
310
+ var width = img.width;
311
+ var height = img.height;
312
+ var newImg = {
313
+ action: "addImg",
314
+ img: {
315
+ src: e.target.result,
316
+ name: e.target.fileName,
317
+ ext: ext[ext.length - 1],
318
+ width: width,
319
+ height: height
320
+ }
321
+ };
322
+ setImages(newImg);
323
+ }, 500);
324
+
325
+ case 4:
326
+ case "end":
327
+ return _context.stop();
328
+ }
203
329
  }
204
- };
205
- setImages(newImg);
206
- }, 500);
207
- };
330
+ }, _callee);
331
+ }));
332
+
333
+ return function (_x) {
334
+ return _ref2.apply(this, arguments);
335
+ };
336
+ }();
337
+
208
338
  reader.onerror = function (error) {
209
339
  console.log("dropzoneError: ", error);
210
340
  };
341
+
211
342
  reader.readAsDataURL(file);
212
343
  return file;
213
344
  });
214
345
  }
215
- });
216
- const [updatedDatasheets, setUpdatedDatasheets] = (0, _react.useState)([]);
217
- const [updatedDescriptions, setUpdatedDescriptions] = (0, _react.useState)([]);
218
- const [imagesUploaded, setImagesUploaded] = (0, _react.useState)(false);
219
- const [dataImages, setDataImages] = (0, _react.useState)();
220
- const [percentages, setPercentages] = (0, _react.useState)(product !== null && product !== void 0 && product.retailers ? new Array(product === null || product === void 0 ? void 0 : (_product$retailers = product.retailers) === null || _product$retailers === void 0 ? void 0 : _product$retailers.length).fill({
346
+ }),
347
+ getRootProps = _useDropzone.getRootProps,
348
+ getInputProps = _useDropzone.getInputProps;
349
+
350
+ var _useState17 = (0, _react.useState)([]),
351
+ _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
352
+ updatedDatasheets = _useState18[0],
353
+ setUpdatedDatasheets = _useState18[1];
354
+
355
+ var _useState19 = (0, _react.useState)([]),
356
+ _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
357
+ updatedDescriptions = _useState20[0],
358
+ setUpdatedDescriptions = _useState20[1];
359
+
360
+ var _useState21 = (0, _react.useState)(false),
361
+ _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
362
+ imagesUploaded = _useState22[0],
363
+ setImagesUploaded = _useState22[1];
364
+
365
+ var _useState23 = (0, _react.useState)(),
366
+ _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
367
+ dataImages = _useState24[0],
368
+ setDataImages = _useState24[1];
369
+
370
+ var _useState25 = (0, _react.useState)(product !== null && product !== void 0 && product.retailers ? new Array(product === null || product === void 0 ? void 0 : (_product$retailers = product.retailers) === null || _product$retailers === void 0 ? void 0 : _product$retailers.length).fill({
221
371
  percentage: 0
222
372
  }) : new Array(product === null || product === void 0 ? void 0 : (_product$retailersAva = product.retailersAvailable) === null || _product$retailersAva === void 0 ? void 0 : _product$retailersAva.length).fill({
223
373
  percentage: 0
224
- }));
225
- const [activePercentage, setActivePercentage] = (0, _react.useState)(0);
226
- const [activeRetailer, setActiveRetailer] = (0, _react.useState)({});
227
- const [services, setServices] = (0, _react.useState)([]);
228
- const [servicesData, setServicesData] = (0, _react.useState)([]);
229
- const [message, setMessage] = (0, _react.useState)("");
230
- const [product, setProduct] = (0, _react.useState)(JSON.parse(sessionStorage.getItem("productSelected")) ? JSON.parse(sessionStorage.getItem("productSelected")) : productSelected);
231
- const [productEdit, setProductEdit] = (0, _react.useState)(JSON.parse(sessionStorage.getItem("productEdit")) ? JSON.parse(sessionStorage.getItem("productEdit")) : productToEdit);
232
- const [version, setVersion] = (0, _react.useState)(product === null || product === void 0 ? void 0 : product.version);
233
- const [comments] = (0, _react.useState)({});
234
- const [comment, setComment] = (0, _react.useState)("");
235
- const [crossComment, setCrossComment] = (0, _react.useState)(false);
236
- const [userGroups, setUserGroups] = (0, _react.useState)([]);
237
- const [assig, setAssig] = (0, _react.useState)({});
238
- const [selectedImages, setSelectedImages] = (0, _react.useState)([]);
239
- const [componentsArray, setComponentsArray] = (0, _react.useState)([]);
240
- const [checkAll, setCheckAll] = (0, _react.useState)(false);
241
- const isRetailer = user === null || user === void 0 ? void 0 : user.is_retailer;
242
- const [loading, setLoading] = (0, _react.useState)(true);
243
- const [validatedAll, setValidatedAll] = (0, _react.useState)(false);
244
- const [showRejectModal, setShowRejectModal] = (0, _react.useState)(false);
245
- const [origin, setOrigin] = (0, _react.useState)({
374
+ })),
375
+ _useState26 = (0, _slicedToArray2.default)(_useState25, 2),
376
+ percentages = _useState26[0],
377
+ setPercentages = _useState26[1];
378
+
379
+ var _useState27 = (0, _react.useState)(0),
380
+ _useState28 = (0, _slicedToArray2.default)(_useState27, 2),
381
+ activePercentage = _useState28[0],
382
+ setActivePercentage = _useState28[1];
383
+
384
+ var _useState29 = (0, _react.useState)({}),
385
+ _useState30 = (0, _slicedToArray2.default)(_useState29, 2),
386
+ activeRetailer = _useState30[0],
387
+ setActiveRetailer = _useState30[1];
388
+
389
+ var _useState31 = (0, _react.useState)([]),
390
+ _useState32 = (0, _slicedToArray2.default)(_useState31, 2),
391
+ services = _useState32[0],
392
+ setServices = _useState32[1];
393
+
394
+ var _useState33 = (0, _react.useState)([]),
395
+ _useState34 = (0, _slicedToArray2.default)(_useState33, 2),
396
+ servicesData = _useState34[0],
397
+ setServicesData = _useState34[1];
398
+
399
+ var _useState35 = (0, _react.useState)(""),
400
+ _useState36 = (0, _slicedToArray2.default)(_useState35, 2),
401
+ message = _useState36[0],
402
+ setMessage = _useState36[1];
403
+
404
+ var _useState37 = (0, _react.useState)(JSON.parse(sessionStorage.getItem("productSelected")) ? JSON.parse(sessionStorage.getItem("productSelected")) : productSelected),
405
+ _useState38 = (0, _slicedToArray2.default)(_useState37, 2),
406
+ product = _useState38[0],
407
+ setProduct = _useState38[1];
408
+
409
+ var _useState39 = (0, _react.useState)(JSON.parse(sessionStorage.getItem("productEdit")) ? JSON.parse(sessionStorage.getItem("productEdit")) : productToEdit),
410
+ _useState40 = (0, _slicedToArray2.default)(_useState39, 2),
411
+ productEdit = _useState40[0],
412
+ setProductEdit = _useState40[1];
413
+
414
+ var _useState41 = (0, _react.useState)(product === null || product === void 0 ? void 0 : product.version),
415
+ _useState42 = (0, _slicedToArray2.default)(_useState41, 2),
416
+ version = _useState42[0],
417
+ setVersion = _useState42[1];
418
+
419
+ var _useState43 = (0, _react.useState)({}),
420
+ _useState44 = (0, _slicedToArray2.default)(_useState43, 1),
421
+ comments = _useState44[0];
422
+
423
+ var _useState45 = (0, _react.useState)(""),
424
+ _useState46 = (0, _slicedToArray2.default)(_useState45, 2),
425
+ comment = _useState46[0],
426
+ setComment = _useState46[1];
427
+
428
+ var _useState47 = (0, _react.useState)(false),
429
+ _useState48 = (0, _slicedToArray2.default)(_useState47, 2),
430
+ crossComment = _useState48[0],
431
+ setCrossComment = _useState48[1];
432
+
433
+ var _useState49 = (0, _react.useState)([]),
434
+ _useState50 = (0, _slicedToArray2.default)(_useState49, 2),
435
+ userGroups = _useState50[0],
436
+ setUserGroups = _useState50[1];
437
+
438
+ var _useState51 = (0, _react.useState)({}),
439
+ _useState52 = (0, _slicedToArray2.default)(_useState51, 2),
440
+ assig = _useState52[0],
441
+ setAssig = _useState52[1];
442
+
443
+ var _useState53 = (0, _react.useState)([]),
444
+ _useState54 = (0, _slicedToArray2.default)(_useState53, 2),
445
+ selectedImages = _useState54[0],
446
+ setSelectedImages = _useState54[1];
447
+
448
+ var _useState55 = (0, _react.useState)([]),
449
+ _useState56 = (0, _slicedToArray2.default)(_useState55, 2),
450
+ componentsArray = _useState56[0],
451
+ setComponentsArray = _useState56[1];
452
+
453
+ var _useState57 = (0, _react.useState)(false),
454
+ _useState58 = (0, _slicedToArray2.default)(_useState57, 2),
455
+ checkAll = _useState58[0],
456
+ setCheckAll = _useState58[1];
457
+
458
+ var isRetailer = user === null || user === void 0 ? void 0 : user.is_retailer;
459
+
460
+ var _useState59 = (0, _react.useState)(true),
461
+ _useState60 = (0, _slicedToArray2.default)(_useState59, 2),
462
+ loading = _useState60[0],
463
+ setLoading = _useState60[1];
464
+
465
+ var _useState61 = (0, _react.useState)(false),
466
+ _useState62 = (0, _slicedToArray2.default)(_useState61, 2),
467
+ validatedAll = _useState62[0],
468
+ setValidatedAll = _useState62[1];
469
+
470
+ var _useState63 = (0, _react.useState)(false),
471
+ _useState64 = (0, _slicedToArray2.default)(_useState63, 2),
472
+ showRejectModal = _useState64[0],
473
+ setShowRejectModal = _useState64[1];
474
+
475
+ var _useState65 = (0, _react.useState)({
246
476
  "Ficha técnica": null,
247
477
  Descripción: null,
248
478
  Imágenes: null
249
- });
250
- const [inCart, setInCart] = (0, _react.useState)(false);
251
- const [dataGenericModal, setDataGenericModal] = (0, _react.useState)({
479
+ }),
480
+ _useState66 = (0, _slicedToArray2.default)(_useState65, 2),
481
+ origin = _useState66[0],
482
+ setOrigin = _useState66[1];
483
+
484
+ var _useState67 = (0, _react.useState)(false),
485
+ _useState68 = (0, _slicedToArray2.default)(_useState67, 2),
486
+ inCart = _useState68[0],
487
+ setInCart = _useState68[1];
488
+
489
+ var _useState69 = (0, _react.useState)({
252
490
  message: "¿Estás seguro de continuar?",
253
491
  detail: " ".concat(user.is_retailer ? "Asegurate de haber revisado las tres secciones" : "Envíar el producto a la cadena"),
254
492
  button1: {
@@ -257,115 +495,215 @@ const ProviderProductEdition = _ref => {
257
495
  },
258
496
  button2: {
259
497
  name: "Continuar",
260
- action: () => evaluationToRetailer(false)
498
+ action: function action() {
499
+ return evaluationToRetailer(false);
500
+ }
261
501
  },
262
502
  img: _defaultProfileImage.default
263
- });
264
- const [socketType, setSocketType] = (0, _react.useState)(null);
265
- const [saving, setSaving] = (0, _react.useState)(loading);
266
- const [retailerStatus, setRetailerStatus] = (0, _react.useState)(product.statusByRetailer);
267
- const [showVersionSelector, setShowVersionSelector] = (0, _customHooks.useCloseModal)("version-selector");
268
- const [globalModal, setGlobalModal] = (0, _react.useState)();
269
- const updateAuditStatus = async status => {
270
- const productTemp = product;
271
- productTemp.article_status = status;
272
- productTemp.datasheet_status = status;
273
- productTemp.description_status = status;
274
- productTemp.images_status = status;
275
- const retailerStatusCopy = {
276
- ...retailerStatus
503
+ }),
504
+ _useState70 = (0, _slicedToArray2.default)(_useState69, 2),
505
+ dataGenericModal = _useState70[0],
506
+ setDataGenericModal = _useState70[1];
507
+
508
+ var _useState71 = (0, _react.useState)(null),
509
+ _useState72 = (0, _slicedToArray2.default)(_useState71, 2),
510
+ socketType = _useState72[0],
511
+ setSocketType = _useState72[1];
512
+
513
+ var _useState73 = (0, _react.useState)(loading),
514
+ _useState74 = (0, _slicedToArray2.default)(_useState73, 2),
515
+ saving = _useState74[0],
516
+ setSaving = _useState74[1];
517
+
518
+ var _useState75 = (0, _react.useState)(product.statusByRetailer),
519
+ _useState76 = (0, _slicedToArray2.default)(_useState75, 2),
520
+ retailerStatus = _useState76[0],
521
+ setRetailerStatus = _useState76[1];
522
+
523
+ var _useCloseModal = (0, _customHooks.useCloseModal)("version-selector"),
524
+ _useCloseModal2 = (0, _slicedToArray2.default)(_useCloseModal, 2),
525
+ showVersionSelector = _useCloseModal2[0],
526
+ setShowVersionSelector = _useCloseModal2[1];
527
+
528
+ var _useState77 = (0, _react.useState)(),
529
+ _useState78 = (0, _slicedToArray2.default)(_useState77, 2),
530
+ globalModal = _useState78[0],
531
+ setGlobalModal = _useState78[1];
532
+
533
+ var updateAuditStatus = /*#__PURE__*/function () {
534
+ var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(status) {
535
+ var productTemp, retailerStatusCopy, conceptArray;
536
+ return _regenerator.default.wrap(function _callee2$(_context2) {
537
+ while (1) {
538
+ switch (_context2.prev = _context2.next) {
539
+ case 0:
540
+ productTemp = product;
541
+ productTemp.article_status = status;
542
+ productTemp.datasheet_status = status;
543
+ productTemp.description_status = status;
544
+ productTemp.images_status = status;
545
+ retailerStatusCopy = (0, _objectSpread3.default)({}, retailerStatus);
546
+ conceptArray = ["description", "datasheet", "images"];
547
+ Object.keys(retailerStatusCopy).forEach(function (key) {
548
+ conceptArray.forEach(function (concept) {
549
+ if (retailerStatusCopy[key][concept]) {
550
+ retailerStatusCopy[key][concept] = status;
551
+ }
552
+ });
553
+ });
554
+ setRetailerStatus(retailerStatusCopy);
555
+ productTemp.statusByRetailer = retailerStatusCopy;
556
+ setProduct(productTemp);
557
+ sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
558
+ setProductEdit({
559
+ ArticleId: productTemp.id_article,
560
+ idCategory: productTemp.article.id_category,
561
+ product: productTemp
562
+ });
563
+ sessionStorage.setItem("productEdit", JSON.stringify({
564
+ ArticleId: productTemp.id_article,
565
+ idCategory: productTemp.article.id_category,
566
+ product: productTemp
567
+ }));
568
+ _context2.next = 16;
569
+ return loadData();
570
+
571
+ case 16:
572
+ case "end":
573
+ return _context2.stop();
574
+ }
575
+ }
576
+ }, _callee2);
577
+ }));
578
+
579
+ return function updateAuditStatus(_x2) {
580
+ return _ref3.apply(this, arguments);
277
581
  };
278
- const conceptArray = ["description", "datasheet", "images"];
279
- Object.keys(retailerStatusCopy).forEach(key => {
280
- conceptArray.forEach(concept => {
281
- if (retailerStatusCopy[key][concept]) {
282
- retailerStatusCopy[key][concept] = status;
582
+ }();
583
+
584
+ var addCart = /*#__PURE__*/function () {
585
+ var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(retailers) {
586
+ var article, version, articleToOrder, modatlType, resCart;
587
+ return _regenerator.default.wrap(function _callee3$(_context3) {
588
+ while (1) {
589
+ switch (_context3.prev = _context3.next) {
590
+ case 0:
591
+ article = product.article, version = product.version;
592
+ articleToOrder = [{
593
+ articleId: article.id_article,
594
+ version: version,
595
+ userId: user.id_user,
596
+ discount: 0,
597
+ subtotal: 0,
598
+ companyId: user.id_company,
599
+ datasheet: retailers,
600
+ description: retailers,
601
+ image: retailers,
602
+ attributeTranslations: false,
603
+ descriptionTranslations: false,
604
+ build: "[]",
605
+ manual: "[]",
606
+ userCreated: user.id_user
607
+ }];
608
+ modatlType = "addedToCartError";
609
+
610
+ if (!addToCart) {
611
+ _context3.next = 8;
612
+ break;
613
+ }
614
+
615
+ _context3.next = 6;
616
+ return addToCart({
617
+ data: articleToOrder
618
+ });
619
+
620
+ case 6:
621
+ resCart = _context3.sent;
622
+
623
+ if (resCart.data.statusCode === 200) {
624
+ modatlType = "addedToCart";
625
+ }
626
+
627
+ case 8:
628
+ showGlobalModal(modatlType);
629
+
630
+ case 9:
631
+ case "end":
632
+ return _context3.stop();
633
+ }
283
634
  }
284
- });
285
- });
286
- setRetailerStatus(retailerStatusCopy);
287
- productTemp.statusByRetailer = retailerStatusCopy;
288
- setProduct(productTemp);
289
- sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
290
- setProductEdit({
291
- ArticleId: productTemp.id_article,
292
- idCategory: productTemp.article.id_category,
293
- product: productTemp
294
- });
295
- sessionStorage.setItem("productEdit", JSON.stringify({
296
- ArticleId: productTemp.id_article,
297
- idCategory: productTemp.article.id_category,
298
- product: productTemp
635
+ }, _callee3);
299
636
  }));
300
- await loadData();
301
- };
302
- const addCart = async retailers => {
303
- const {
304
- article,
305
- version
306
- } = product;
307
- const articleToOrder = [{
308
- articleId: article.id_article,
309
- version,
310
- userId: user.id_user,
311
- discount: 0,
312
- subtotal: 0,
313
- companyId: user.id_company,
314
- datasheet: retailers,
315
- description: retailers,
316
- image: retailers,
317
- attributeTranslations: false,
318
- descriptionTranslations: false,
319
- build: "[]",
320
- manual: "[]",
321
- userCreated: user.id_user
322
- }];
323
- let modatlType = "addedToCartError";
324
- if (addToCart) {
325
- const resCart = await addToCart({
326
- data: articleToOrder
327
- });
328
- if (resCart.data.statusCode === 200) {
329
- modatlType = "addedToCart";
330
- }
331
- }
332
- showGlobalModal(modatlType);
637
+
638
+ return function addCart(_x3) {
639
+ return _ref4.apply(this, arguments);
640
+ };
641
+ }();
642
+
643
+ var closeGlobalModal = function closeGlobalModal() {
644
+ return setGlobalModal();
333
645
  };
334
- const closeGlobalModal = () => setGlobalModal();
335
- const seenByProvider = async () => {
336
- var _productTemp$id_order;
337
- const productTemp = product;
338
- const articleId = productTemp.id_article;
339
- const orderId = (_productTemp$id_order = productTemp.id_order) !== null && _productTemp$id_order !== void 0 ? _productTemp$id_order : productTemp.orderId;
340
- const promises = [];
341
- const conceptArray = ["description", "datasheet", "images"];
342
- conceptArray.forEach(concept => {
343
- const sectionStatusKey = "".concat(concept, "_status");
344
- const evalStatus = product[sectionStatusKey] || (product === null || product === void 0 ? void 0 : product.version_status);
345
- const data = {
346
- articleId,
347
- orderId,
348
- concept,
349
- evalStatus
350
- };
351
- promises.push(_axios.default.put("".concat(process.env.REACT_APP_SEND_EVAL), data, {
352
- headers: {
353
- Authorization: token
646
+
647
+ var seenByProvider = /*#__PURE__*/function () {
648
+ var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
649
+ var _productTemp$id_order;
650
+
651
+ var productTemp, articleId, orderId, promises, conceptArray;
652
+ return _regenerator.default.wrap(function _callee4$(_context4) {
653
+ while (1) {
654
+ switch (_context4.prev = _context4.next) {
655
+ case 0:
656
+ productTemp = product;
657
+ articleId = productTemp.id_article;
658
+ orderId = (_productTemp$id_order = productTemp.id_order) !== null && _productTemp$id_order !== void 0 ? _productTemp$id_order : productTemp.orderId;
659
+ promises = [];
660
+ conceptArray = ["description", "datasheet", "images"];
661
+ conceptArray.forEach(function (concept) {
662
+ var sectionStatusKey = "".concat(concept, "_status");
663
+ var evalStatus = product[sectionStatusKey] || (product === null || product === void 0 ? void 0 : product.version_status);
664
+ var data = {
665
+ articleId: articleId,
666
+ orderId: orderId,
667
+ concept: concept,
668
+ evalStatus: evalStatus
669
+ };
670
+ promises.push(_axios.default.put("".concat(process.env.REACT_APP_SEND_EVAL), data, {
671
+ headers: {
672
+ Authorization: token
673
+ }
674
+ }));
675
+ });
676
+ _context4.next = 8;
677
+ return Promise.all(promises);
678
+
679
+ case 8:
680
+ closeGlobalModal();
681
+ _context4.next = 11;
682
+ return updateAuditStatus("FAP");
683
+
684
+ case 11:
685
+ case "end":
686
+ return _context4.stop();
687
+ }
354
688
  }
355
- }));
356
- });
357
- await Promise.all(promises);
358
- closeGlobalModal();
359
- await updateAuditStatus("FAP");
360
- };
361
- const showGlobalModal = (0, _react.useCallback)(type => {
362
- const formatter = new Intl.ListFormat("es", {
689
+ }, _callee4);
690
+ }));
691
+
692
+ return function seenByProvider() {
693
+ return _ref5.apply(this, arguments);
694
+ };
695
+ }();
696
+
697
+ var showGlobalModal = (0, _react.useCallback)(function (type) {
698
+ var formatter = new Intl.ListFormat("es", {
363
699
  type: "conjunction"
364
700
  });
701
+
365
702
  switch (type) {
366
703
  case "generic":
367
704
  setGlobalModal(dataGenericModal);
368
705
  break;
706
+
369
707
  case "commentsSent":
370
708
  setGlobalModal({
371
709
  message: "Gracias, tus comentarios fueron entregados.",
@@ -378,25 +716,28 @@ const ProviderProductEdition = _ref => {
378
716
  textArea: false
379
717
  });
380
718
  break;
719
+
381
720
  case "RAC":
382
- const servicesRejected = [];
383
- const translateServices = {
721
+ var servicesRejected = [];
722
+ var translateServices = {
384
723
  datasheet: "ficha técnica",
385
724
  description: "descripción",
386
725
  images: "imágenes"
387
726
  };
388
- Object.keys(translateServices).forEach(service => {
727
+ Object.keys(translateServices).forEach(function (service) {
389
728
  if (product["".concat(service, "_status")] === "RAC") {
390
729
  servicesRejected.push(translateServices[service]);
391
730
  }
392
731
  });
393
- const plural = ["Los servicios", "cumplen"];
394
- const singular = ["El servicio", "cumple"];
395
- const grammar = servicesRejected.length > 1 ? plural : singular;
396
- const formatted = formatter.format(servicesRejected);
397
- const text1 = "".concat(grammar[0], " de ").concat(formatted, " no ").concat(grammar[1], " con lo que la cadena necesita.");
398
- const text2 = "\xA1Solicita el servicio de Content-oh! para completarlo!";
399
- const retailers = product.retailersWithService.map(retailer => Number(retailer));
732
+ var plural = ["Los servicios", "cumplen"];
733
+ var singular = ["El servicio", "cumple"];
734
+ var grammar = servicesRejected.length > 1 ? plural : singular;
735
+ var formatted = formatter.format(servicesRejected);
736
+ var text1 = "".concat(grammar[0], " de ").concat(formatted, " no ").concat(grammar[1], " con lo que la cadena necesita.");
737
+ var text2 = "\xA1Solicita el servicio de Content-oh! para completarlo!";
738
+ var retailers = product.retailersWithService.map(function (retailer) {
739
+ return Number(retailer);
740
+ });
400
741
  setGlobalModal({
401
742
  message: "Tu producto no cumple con los requerimientos de la cadena",
402
743
  customComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
@@ -407,29 +748,104 @@ const ProviderProductEdition = _ref => {
407
748
  }),
408
749
  button1: {
409
750
  name: "Continuar",
410
- action: async () => await seenByProvider()
751
+ action: function () {
752
+ var _action = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
753
+ return _regenerator.default.wrap(function _callee5$(_context5) {
754
+ while (1) {
755
+ switch (_context5.prev = _context5.next) {
756
+ case 0:
757
+ _context5.next = 2;
758
+ return seenByProvider();
759
+
760
+ case 2:
761
+ return _context5.abrupt("return", _context5.sent);
762
+
763
+ case 3:
764
+ case "end":
765
+ return _context5.stop();
766
+ }
767
+ }
768
+ }, _callee5);
769
+ }));
770
+
771
+ function action() {
772
+ return _action.apply(this, arguments);
773
+ }
774
+
775
+ return action;
776
+ }()
411
777
  },
412
778
  button2: {
413
779
  name: "Solicitar a Content-oh!",
414
- action: async () => {
415
- await addCart(retailers);
416
- await seenByProvider();
417
- }
780
+ action: function () {
781
+ var _action2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
782
+ return _regenerator.default.wrap(function _callee6$(_context6) {
783
+ while (1) {
784
+ switch (_context6.prev = _context6.next) {
785
+ case 0:
786
+ _context6.next = 2;
787
+ return addCart(retailers);
788
+
789
+ case 2:
790
+ _context6.next = 4;
791
+ return seenByProvider();
792
+
793
+ case 4:
794
+ case "end":
795
+ return _context6.stop();
796
+ }
797
+ }
798
+ }, _callee6);
799
+ }));
800
+
801
+ function action() {
802
+ return _action2.apply(this, arguments);
803
+ }
804
+
805
+ return action;
806
+ }()
418
807
  },
419
808
  img: _errorModal.default
420
809
  });
421
810
  break;
811
+
422
812
  case "AAC":
423
813
  setGlobalModal({
424
814
  message: "Felicidades",
425
815
  detail: "Tu producto cumple con los requerimientos de la cadena.",
426
816
  button1: {
427
817
  name: "Continuar",
428
- action: async () => await seenByProvider()
818
+ action: function () {
819
+ var _action3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {
820
+ return _regenerator.default.wrap(function _callee7$(_context7) {
821
+ while (1) {
822
+ switch (_context7.prev = _context7.next) {
823
+ case 0:
824
+ _context7.next = 2;
825
+ return seenByProvider();
826
+
827
+ case 2:
828
+ return _context7.abrupt("return", _context7.sent);
829
+
830
+ case 3:
831
+ case "end":
832
+ return _context7.stop();
833
+ }
834
+ }
835
+ }, _callee7);
836
+ }));
837
+
838
+ function action() {
839
+ return _action3.apply(this, arguments);
840
+ }
841
+
842
+ return action;
843
+ }()
429
844
  },
430
845
  img: _defaultProfileImage.default
431
846
  });
432
847
  break;
848
+
433
849
  case "addedToCartError":
434
850
  setGlobalModal({
435
851
  detail: "Parece que algo salió mal al intentar añadir tu producto a tu carrito.",
@@ -439,6 +855,7 @@ const ProviderProductEdition = _ref => {
439
855
  }
440
856
  });
441
857
  break;
858
+
442
859
  case "addedToCart":
443
860
  setGlobalModal({
444
861
  message: "Producto añadido",
@@ -450,477 +867,820 @@ const ProviderProductEdition = _ref => {
450
867
  img: _defaultProfileImage.default
451
868
  });
452
869
  break;
870
+
453
871
  default:
454
872
  closeGlobalModal();
455
873
  break;
456
874
  }
457
875
  }, [activeTab, dataGenericModal, product]);
458
- (0, _react.useEffect)(() => {
876
+ (0, _react.useEffect)(function () {
459
877
  checkAll && setSelectedImages(images.values);
460
878
  }, [checkAll]);
461
- (0, _react.useEffect)(() => {
879
+ (0, _react.useEffect)(function () {
462
880
  if (showModal) {
463
881
  setActiveTab("Imágenes");
464
882
  }
465
883
  }, [showModal]);
466
- (0, _react.useEffect)(() => {
884
+ (0, _react.useEffect)(function () {
467
885
  var _location$state, _location$state2, _location$state3;
886
+
468
887
  setOrigin({
469
888
  "Ficha técnica": location === null || location === void 0 ? void 0 : (_location$state = location.state) === null || _location$state === void 0 ? void 0 : _location$state.origin,
470
889
  Descripción: location === null || location === void 0 ? void 0 : (_location$state2 = location.state) === null || _location$state2 === void 0 ? void 0 : _location$state2.origin,
471
890
  Imágenes: location === null || location === void 0 ? void 0 : (_location$state3 = location.state) === null || _location$state3 === void 0 ? void 0 : _location$state3.origin
472
891
  });
473
892
  }, [location === null || location === void 0 ? void 0 : (_location$state4 = location.state) === null || _location$state4 === void 0 ? void 0 : _location$state4.origin]);
474
- const loadData = async () => {
475
- var _product$article, _product$article2, _product$article3, _services$, _services$$values, _product$retailersAva2;
476
- const services = await (0, _data.getRetailerServices)((product === null || product === void 0 ? void 0 : product.id_article) || (product === null || product === void 0 ? void 0 : (_product$article = product.article) === null || _product$article === void 0 ? void 0 : _product$article.id_article), (product === null || product === void 0 ? void 0 : (_product$article2 = product.article) === null || _product$article2 === void 0 ? void 0 : _product$article2.company_name) || (product === null || product === void 0 ? void 0 : product.categoryName), parseInt((product === null || product === void 0 ? void 0 : (_product$article3 = product.article) === null || _product$article3 === void 0 ? void 0 : _product$article3.id_category) || (product === null || product === void 0 ? void 0 : product.id_category)), version, token);
477
893
 
478
- //Converts the data inside the datasheets object to array
479
- setServices(services);
480
- await getServices();
481
- setImages({
482
- action: "init",
483
- init: services[2]
484
- });
485
- if (((_services$ = services[2]) === null || _services$ === void 0 ? void 0 : (_services$$values = _services$.values) === null || _services$$values === void 0 ? void 0 : _services$$values.length) > 0) setActiveImage(0);
486
- const data = [{
487
- id_article: product.id_article,
488
- id_category: product.id_category,
489
- version: product.version,
490
- id_retailer_array: ((_product$retailersAva2 = product.retailersAvailable) !== null && _product$retailersAva2 !== void 0 ? _product$retailersAva2 : product.retailers).map(_ref2 => {
491
- let {
492
- id
493
- } = _ref2;
494
- return id;
495
- })
496
- }];
497
- const headers = {
498
- Authorization: token
894
+ var loadData = /*#__PURE__*/function () {
895
+ var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
896
+ var _product$article, _product$article2, _product$article3, _services$, _services$$values, _product$retailersAva2;
897
+
898
+ var services, data, headers;
899
+ return _regenerator.default.wrap(function _callee8$(_context8) {
900
+ while (1) {
901
+ switch (_context8.prev = _context8.next) {
902
+ case 0:
903
+ _context8.next = 2;
904
+ return (0, _data.getRetailerServices)((product === null || product === void 0 ? void 0 : product.id_article) || (product === null || product === void 0 ? void 0 : (_product$article = product.article) === null || _product$article === void 0 ? void 0 : _product$article.id_article), (product === null || product === void 0 ? void 0 : (_product$article2 = product.article) === null || _product$article2 === void 0 ? void 0 : _product$article2.company_name) || (product === null || product === void 0 ? void 0 : product.categoryName), parseInt((product === null || product === void 0 ? void 0 : (_product$article3 = product.article) === null || _product$article3 === void 0 ? void 0 : _product$article3.id_category) || (product === null || product === void 0 ? void 0 : product.id_category)), version, token);
905
+
906
+ case 2:
907
+ services = _context8.sent;
908
+ //Converts the data inside the datasheets object to array
909
+ setServices(services);
910
+ _context8.next = 6;
911
+ return getServices();
912
+
913
+ case 6:
914
+ setImages({
915
+ action: "init",
916
+ init: services[2]
917
+ });
918
+ if (((_services$ = services[2]) === null || _services$ === void 0 ? void 0 : (_services$$values = _services$.values) === null || _services$$values === void 0 ? void 0 : _services$$values.length) > 0) setActiveImage(0);
919
+ data = [{
920
+ id_article: product.id_article,
921
+ id_category: product.id_category,
922
+ version: product.version,
923
+ id_retailer_array: ((_product$retailersAva2 = product.retailersAvailable) !== null && _product$retailersAva2 !== void 0 ? _product$retailersAva2 : product.retailers).map(function (_ref7) {
924
+ var id = _ref7.id;
925
+ return id;
926
+ })
927
+ }];
928
+ headers = {
929
+ Authorization: token
930
+ };
931
+ (0, _data.getPercentage)({
932
+ data: data,
933
+ headers: headers
934
+ }).then(function (res) {
935
+ setPercentages(res[0]);
936
+ });
937
+ setLoading(false);
938
+
939
+ case 12:
940
+ case "end":
941
+ return _context8.stop();
942
+ }
943
+ }
944
+ }, _callee8);
945
+ }));
946
+
947
+ return function loadData() {
948
+ return _ref6.apply(this, arguments);
499
949
  };
500
- (0, _data.getPercentage)({
501
- data,
502
- headers
503
- }).then(res => {
504
- setPercentages(res[0]);
505
- });
506
- setLoading(false);
507
- };
508
- const getServices = async () => {
509
- var _product$article4;
510
- const productInOrder = product.id_order || product.orderId;
511
- const idArticle = (product === null || product === void 0 ? void 0 : product.id_article) || (product === null || product === void 0 ? void 0 : (_product$article4 = product.article) === null || _product$article4 === void 0 ? void 0 : _product$article4.id_article);
512
- let retailers = product.retailers || product.retailersAvailable;
513
- let active = null;
514
- if (isRevision() || productInOrder) {
515
- var _product$id_order, _servicesResponse$dat;
516
- const servicesResponse = await _axios.default.get("".concat(process.env.REACT_APP_SERVICES_ENDPOINT, "?articleId=").concat(idArticle, "&orderId=").concat((_product$id_order = product === null || product === void 0 ? void 0 : product.id_order) !== null && _product$id_order !== void 0 ? _product$id_order : product.orderId, "&end=true"));
517
- const parsedResponse = JSON.parse(servicesResponse === null || servicesResponse === void 0 ? void 0 : (_servicesResponse$dat = servicesResponse.data) === null || _servicesResponse$dat === void 0 ? void 0 : _servicesResponse$dat.body).data;
518
- const retailerResponse = parsedResponse === null || parsedResponse === void 0 ? void 0 : parsedResponse.map(srv => srv.id_retailer);
519
- active = retailers === null || retailers === void 0 ? void 0 : retailers.find(retailer => retailerResponse.includes(retailer.id));
520
- setServicesData(parsedResponse);
521
- }
522
- retailers && !activeRetailer.id && setActiveRetailer(active ? active : retailers[0]);
523
- };
524
- const isRevision = () => {
950
+ }();
951
+
952
+ var getServices = /*#__PURE__*/function () {
953
+ var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9() {
954
+ var _product$article4;
955
+
956
+ var productInOrder, idArticle, retailers, active, _product$id_order, _servicesResponse$dat, servicesResponse, parsedResponse, retailerResponse;
957
+
958
+ return _regenerator.default.wrap(function _callee9$(_context9) {
959
+ while (1) {
960
+ switch (_context9.prev = _context9.next) {
961
+ case 0:
962
+ productInOrder = product.id_order || product.orderId;
963
+ idArticle = (product === null || product === void 0 ? void 0 : product.id_article) || (product === null || product === void 0 ? void 0 : (_product$article4 = product.article) === null || _product$article4 === void 0 ? void 0 : _product$article4.id_article);
964
+ retailers = product.retailers || product.retailersAvailable;
965
+ active = null;
966
+
967
+ if (!(isRevision() || productInOrder)) {
968
+ _context9.next = 12;
969
+ break;
970
+ }
971
+
972
+ _context9.next = 7;
973
+ return _axios.default.get("".concat(process.env.REACT_APP_SERVICES_ENDPOINT, "?articleId=").concat(idArticle, "&orderId=").concat((_product$id_order = product === null || product === void 0 ? void 0 : product.id_order) !== null && _product$id_order !== void 0 ? _product$id_order : product.orderId, "&end=true"));
974
+
975
+ case 7:
976
+ servicesResponse = _context9.sent;
977
+ parsedResponse = JSON.parse(servicesResponse === null || servicesResponse === void 0 ? void 0 : (_servicesResponse$dat = servicesResponse.data) === null || _servicesResponse$dat === void 0 ? void 0 : _servicesResponse$dat.body).data;
978
+ retailerResponse = parsedResponse === null || parsedResponse === void 0 ? void 0 : parsedResponse.map(function (srv) {
979
+ return srv.id_retailer;
980
+ });
981
+ active = retailers === null || retailers === void 0 ? void 0 : retailers.find(function (retailer) {
982
+ return retailerResponse.includes(retailer.id);
983
+ });
984
+ setServicesData(parsedResponse);
985
+
986
+ case 12:
987
+ retailers && !activeRetailer.id && setActiveRetailer(active ? active : retailers[0]);
988
+
989
+ case 13:
990
+ case "end":
991
+ return _context9.stop();
992
+ }
993
+ }
994
+ }, _callee9);
995
+ }));
996
+
997
+ return function getServices() {
998
+ return _ref8.apply(this, arguments);
999
+ };
1000
+ }();
1001
+
1002
+ var isRevision = function isRevision() {
525
1003
  if (productEdit) {
526
- const concept = getConcept(activeTab);
527
- const isRetailer = user.is_retailer === 1;
528
- const currentService = productEdit === null || productEdit === void 0 ? void 0 : productEdit.product["".concat(concept, "_status")];
529
- const orgn = origin[activeTab];
530
- const revision = ["RequestWithContentoh", "RequestWithoutContentoh", "Contentoh"].includes(orgn);
531
- if (isRetailer) {
532
- if (revision && currentService === "AP") return true;
1004
+ var concept = getConcept(activeTab);
1005
+
1006
+ var _isRetailer = user.is_retailer === 1;
1007
+
1008
+ var currentService = productEdit === null || productEdit === void 0 ? void 0 : productEdit.product["".concat(concept, "_status")];
1009
+ var orgn = origin[activeTab];
1010
+
1011
+ var _revision = ["RequestWithContentoh", "RequestWithoutContentoh", "Contentoh"].includes(orgn);
1012
+
1013
+ if (_isRetailer) {
1014
+ if (_revision && currentService === "AP") return true;
533
1015
  } else {
534
- const {
535
- product
536
- } = productEdit;
537
- const isRequestWithoutContentoh = orgn === "RequestWithoutContentoh" && (["R", "CA"].includes(currentService) || currentService === "RCA" && (!product.id_order || !product.orderId));
538
- const isRequestWithContentoh = orgn === "RequestWithContentoh" && currentService === "AA";
539
- const isContentoh = orgn === "Contentoh" && currentService === "AA";
1016
+ var _product = productEdit.product;
1017
+ var isRequestWithoutContentoh = orgn === "RequestWithoutContentoh" && (["R", "CA"].includes(currentService) || currentService === "RCA" && (!_product.id_order || !_product.orderId));
1018
+ var isRequestWithContentoh = orgn === "RequestWithContentoh" && currentService === "AA";
1019
+ var isContentoh = orgn === "Contentoh" && currentService === "AA";
540
1020
  if (isContentoh || isRequestWithoutContentoh || isRequestWithContentoh) return true;
541
1021
  }
542
1022
  }
1023
+
543
1024
  return false;
544
1025
  };
545
- const getCart = async () => {
546
- var _Object$values;
547
- const res = await _axios.default.get("".concat(process.env.REACT_APP_CART, "/general/"), {
548
- headers: {
549
- Authorization: token
550
- }
551
- });
552
- const arr = (_Object$values = Object.values(JSON.parse(res.data.body).data)) === null || _Object$values === void 0 ? void 0 : _Object$values.map(e => e.article_id).filter(Boolean);
553
- setInCart(arr.some(e => e.articleId === product.id_article));
554
- };
555
- (0, _react.useEffect)(() => {
1026
+
1027
+ var getCart = /*#__PURE__*/function () {
1028
+ var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10() {
1029
+ var _Object$values;
1030
+
1031
+ var res, arr;
1032
+ return _regenerator.default.wrap(function _callee10$(_context10) {
1033
+ while (1) {
1034
+ switch (_context10.prev = _context10.next) {
1035
+ case 0:
1036
+ _context10.next = 2;
1037
+ return _axios.default.get("".concat(process.env.REACT_APP_CART, "/general/"), {
1038
+ headers: {
1039
+ Authorization: token
1040
+ }
1041
+ });
1042
+
1043
+ case 2:
1044
+ res = _context10.sent;
1045
+ arr = (_Object$values = Object.values(JSON.parse(res.data.body).data)) === null || _Object$values === void 0 ? void 0 : _Object$values.map(function (e) {
1046
+ return e.article_id;
1047
+ }).filter(Boolean);
1048
+ setInCart(arr.some(function (e) {
1049
+ return e.articleId === product.id_article;
1050
+ }));
1051
+
1052
+ case 5:
1053
+ case "end":
1054
+ return _context10.stop();
1055
+ }
1056
+ }
1057
+ }, _callee10);
1058
+ }));
1059
+
1060
+ return function getCart() {
1061
+ return _ref9.apply(this, arguments);
1062
+ };
1063
+ }();
1064
+
1065
+ (0, _react.useEffect)(function () {
556
1066
  sessionStorage.setItem("user", JSON.stringify(user));
557
1067
  loadData();
558
1068
  getCart();
559
- (0, _data.fetchUsers)(token).then(res => setUserGroups(res));
1069
+ (0, _data.fetchUsers)(token).then(function (res) {
1070
+ return setUserGroups(res);
1071
+ });
560
1072
  setImages({
561
1073
  action: "orderImages",
562
1074
  retailerId: activeRetailer.id
563
1075
  });
564
1076
  if (["RAC", "AAC"].includes(product.article_status)) showGlobalModal(product.article_status);
565
1077
  }, [product, version]);
566
- (0, _react.useEffect)(() => {
1078
+ (0, _react.useEffect)(function () {
567
1079
  setImages({
568
1080
  action: "orderImages",
569
1081
  retailerId: activeRetailer.id
570
1082
  });
571
1083
  }, [activeRetailer]);
572
- const loadAssignations = currentProduct => {
1084
+
1085
+ var loadAssignations = function loadAssignations(currentProduct) {
573
1086
  setAssig(product === null || product === void 0 ? void 0 : product.asignations);
574
1087
  };
575
- (0, _react.useEffect)(() => {
1088
+
1089
+ (0, _react.useEffect)(function () {
576
1090
  loadAssignations(product);
577
1091
  }, [userGroups]);
578
- (0, _react.useEffect)(() => {
1092
+ (0, _react.useEffect)(function () {
579
1093
  var _Object$keys, _percentages$productT, _retailers$;
580
- const productTemp = product;
581
- const retailers = (productTemp === null || productTemp === void 0 ? void 0 : productTemp.retailersAvailable) || (productTemp === null || productTemp === void 0 ? void 0 : productTemp.retailers);
1094
+
1095
+ var productTemp = product;
1096
+ var retailers = (productTemp === null || productTemp === void 0 ? void 0 : productTemp.retailersAvailable) || (productTemp === null || productTemp === void 0 ? void 0 : productTemp.retailers);
1097
+
582
1098
  if (((_Object$keys = Object.keys((_percentages$productT = percentages[productTemp.id_article]) !== null && _percentages$productT !== void 0 ? _percentages$productT : {})) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) > 0) {
583
- retailers === null || retailers === void 0 ? void 0 : retailers.forEach((retailer, index) => {
1099
+ retailers === null || retailers === void 0 ? void 0 : retailers.forEach(function (retailer, index) {
584
1100
  var _percentages$productT2;
1101
+
585
1102
  retailer["percentage"] = Number((_percentages$productT2 = percentages[productTemp.id_article][retailer.id]) === null || _percentages$productT2 === void 0 ? void 0 : _percentages$productT2.percentageRequired);
586
1103
  });
587
1104
  }
1105
+
588
1106
  setProduct(productTemp);
589
1107
  retailers && setActivePercentage((_retailers$ = retailers[0]) === null || _retailers$ === void 0 ? void 0 : _retailers$.percentage);
590
1108
  }, [percentages]);
591
- const loadInputs = () => {
1109
+
1110
+ var loadInputs = function loadInputs() {
592
1111
  if (services.length > 0) {
593
1112
  var _services$0$activeRet, _services$2, _services$3;
1113
+
594
1114
  if ((_services$0$activeRet = services[0][activeRetailer.id]) !== null && _services$0$activeRet !== void 0 && _services$0$activeRet.data) services[0][activeRetailer.id].data = Object.values(services[0][activeRetailer.id].data);
595
1115
  setActivePercentage(Math.round(activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.percentage, 0));
596
- const datagroups = services[0][activeRetailer.id];
597
- const inputs = (_services$2 = services[0]) === null || _services$2 === void 0 ? void 0 : _services$2.inputs;
598
- const descriptions = (_services$3 = services[1]) === null || _services$3 === void 0 ? void 0 : _services$3.filter(service => (service === null || service === void 0 ? void 0 : service.id) === (activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id));
1116
+ var datagroups = services[0][activeRetailer.id];
1117
+ var inputs = (_services$2 = services[0]) === null || _services$2 === void 0 ? void 0 : _services$2.inputs;
1118
+
1119
+ var _descriptions = (_services$3 = services[1]) === null || _services$3 === void 0 ? void 0 : _services$3.filter(function (service) {
1120
+ return (service === null || service === void 0 ? void 0 : service.id) === (activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id);
1121
+ });
1122
+
599
1123
  setDatasheets([datagroups, inputs]);
600
- setDescriptions(descriptions);
1124
+ setDescriptions(_descriptions);
601
1125
  }
602
1126
  };
603
- (0, _react.useEffect)(() => {
1127
+
1128
+ (0, _react.useEffect)(function () {
604
1129
  loadInputs();
605
1130
  activeRetailer.id && setImages({
606
1131
  action: "orderImages",
607
1132
  retailerId: activeRetailer.id
608
1133
  });
609
1134
  }, [servicesData, activeRetailer, services]);
610
- const thumbs = () => {
1135
+
1136
+ var thumbs = function thumbs() {
611
1137
  var _images$imageType, _images$imagePackagin, _images$values;
612
- const imageInputs = socketType === null || socketType === void 0 ? void 0 : socketType.slice();
613
- const imageType = images === null || images === void 0 ? void 0 : (_images$imageType = images.imageType) === null || _images$imageType === void 0 ? void 0 : _images$imageType.map(e => ({
614
- value: e === null || e === void 0 ? void 0 : e.id,
615
- name: e === null || e === void 0 ? void 0 : e.name
616
- }));
617
- const imagePackagingType = images === null || images === void 0 ? void 0 : (_images$imagePackagin = images.imagePackagingType) === null || _images$imagePackagin === void 0 ? void 0 : _images$imagePackagin.map(e => ({
618
- value: e === null || e === void 0 ? void 0 : e.id,
619
- name: e === null || e === void 0 ? void 0 : e.name
620
- }));
621
- return images === null || images === void 0 ? void 0 : (_images$values = images.values) === null || _images$values === void 0 ? void 0 : _images$values.map((image, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryElement.GalleryElement, {
622
- setCheckAll: setCheckAll,
623
- image: image,
624
- gridLayout: imageLayout,
625
- id: "gallery-element-" + index,
626
- index: index + "-" + image.name,
627
- number: index,
628
- imageType: imageType,
629
- imagePackagingType: imagePackagingType,
630
- imageInputs: imageInputs,
631
- changeImage: setImages,
632
- selectedImages: selectedImages,
633
- setSelectedImages: setSelectedImages
634
- }, index));
1138
+
1139
+ var imageInputs = socketType === null || socketType === void 0 ? void 0 : socketType.slice();
1140
+ var imageType = images === null || images === void 0 ? void 0 : (_images$imageType = images.imageType) === null || _images$imageType === void 0 ? void 0 : _images$imageType.map(function (e) {
1141
+ return {
1142
+ value: e === null || e === void 0 ? void 0 : e.id,
1143
+ name: e === null || e === void 0 ? void 0 : e.name
1144
+ };
1145
+ });
1146
+ var imagePackagingType = images === null || images === void 0 ? void 0 : (_images$imagePackagin = images.imagePackagingType) === null || _images$imagePackagin === void 0 ? void 0 : _images$imagePackagin.map(function (e) {
1147
+ return {
1148
+ value: e === null || e === void 0 ? void 0 : e.id,
1149
+ name: e === null || e === void 0 ? void 0 : e.name
1150
+ };
1151
+ });
1152
+ return images === null || images === void 0 ? void 0 : (_images$values = images.values) === null || _images$values === void 0 ? void 0 : _images$values.map(function (image, index) {
1153
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryElement.GalleryElement, {
1154
+ setCheckAll: setCheckAll,
1155
+ image: image,
1156
+ gridLayout: imageLayout,
1157
+ id: "gallery-element-" + index,
1158
+ index: index + "-" + image.name,
1159
+ number: index,
1160
+ imageType: imageType,
1161
+ imagePackagingType: imagePackagingType,
1162
+ imageInputs: imageInputs,
1163
+ changeImage: setImages,
1164
+ selectedImages: selectedImages,
1165
+ setSelectedImages: setSelectedImages
1166
+ }, index);
1167
+ });
635
1168
  };
636
- (0, _react.useEffect)(() => {
1169
+
1170
+ (0, _react.useEffect)(function () {
637
1171
  var _images$inputs;
638
- const imageInputs = images === null || images === void 0 ? void 0 : (_images$inputs = images.inputs) === null || _images$inputs === void 0 ? void 0 : _images$inputs.map(e => {
1172
+
1173
+ var imageInputs = images === null || images === void 0 ? void 0 : (_images$inputs = images.inputs) === null || _images$inputs === void 0 ? void 0 : _images$inputs.map(function (e) {
639
1174
  var _images$values2;
1175
+
640
1176
  return {
641
1177
  value: e === null || e === void 0 ? void 0 : e.id,
642
1178
  name: e === null || e === void 0 ? void 0 : e.name,
643
1179
  required: e === null || e === void 0 ? void 0 : e.required,
644
- active: images === null || images === void 0 ? void 0 : (_images$values2 = images.values) === null || _images$values2 === void 0 ? void 0 : _images$values2.some(value => (value === null || value === void 0 ? void 0 : value.image_id) === (e === null || e === void 0 ? void 0 : e.id))
1180
+ active: images === null || images === void 0 ? void 0 : (_images$values2 = images.values) === null || _images$values2 === void 0 ? void 0 : _images$values2.some(function (value) {
1181
+ return (value === null || value === void 0 ? void 0 : value.image_id) === (e === null || e === void 0 ? void 0 : e.id);
1182
+ })
645
1183
  };
646
1184
  });
647
1185
  setSocketType(imageInputs);
648
1186
  }, [images]);
649
- const saveDescriptions = async () => {
650
- setLoading(true);
651
- const dataObject = {
652
- articleId: product === null || product === void 0 ? void 0 : product.id_article,
653
- articleData: updatedDescriptions
654
- };
655
- if (product !== null && product !== void 0 && product.orderId) dataObject["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
656
- try {
657
- const res = await _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?description=true&version=").concat(version), dataObject, {
658
- headers: {
659
- Authorization: token
1187
+
1188
+ var saveDescriptions = /*#__PURE__*/function () {
1189
+ var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11() {
1190
+ var dataObject, res;
1191
+ return _regenerator.default.wrap(function _callee11$(_context11) {
1192
+ while (1) {
1193
+ switch (_context11.prev = _context11.next) {
1194
+ case 0:
1195
+ setLoading(true);
1196
+ dataObject = {
1197
+ articleId: product === null || product === void 0 ? void 0 : product.id_article,
1198
+ articleData: updatedDescriptions
1199
+ };
1200
+ if (product !== null && product !== void 0 && product.orderId) dataObject["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
1201
+ _context11.prev = 3;
1202
+ _context11.next = 6;
1203
+ return _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?description=true&version=").concat(version), dataObject, {
1204
+ headers: {
1205
+ Authorization: token
1206
+ }
1207
+ });
1208
+
1209
+ case 6:
1210
+ res = _context11.sent;
1211
+
1212
+ if (!(res.data.statusCode === 200)) {
1213
+ _context11.next = 12;
1214
+ break;
1215
+ }
1216
+
1217
+ setUpdatedDescriptions([]);
1218
+ setMessage("Descripciones guardadas con éxito");
1219
+ _context11.next = 12;
1220
+ return loadData();
1221
+
1222
+ case 12:
1223
+ _context11.next = 17;
1224
+ break;
1225
+
1226
+ case 14:
1227
+ _context11.prev = 14;
1228
+ _context11.t0 = _context11["catch"](3);
1229
+ console.log(_context11.t0);
1230
+
1231
+ case 17:
1232
+ case "end":
1233
+ return _context11.stop();
1234
+ }
660
1235
  }
661
- });
662
- if (res.data.statusCode === 200) {
663
- setUpdatedDescriptions([]);
664
- setMessage("Descripciones guardadas con éxito");
665
- await loadData();
666
- }
667
- } catch (error) {
668
- console.log(error);
669
- }
670
- };
671
- const saveDatasheets = async () => {
672
- const parseBoxData = [];
673
- Object.entries(boxData).forEach((_ref3, index) => {
674
- let [, box] = _ref3;
675
- const {
676
- value
677
- } = box;
678
- const attributesIds = Object.keys(value);
679
- attributesIds.forEach(attributeId => {
680
- const boxId = index + 1;
681
- const valueOfAtribute = value[attributeId];
682
- parseBoxData.push({
683
- attributeId,
684
- value: valueOfAtribute,
685
- boxId
686
- });
687
- });
688
- });
689
- const dataObject = {
690
- articleId: product === null || product === void 0 ? void 0 : product.id_article,
691
- articleData: updatedDatasheets,
692
- ...(parseBoxData.length > 0 && {
693
- boxData: parseBoxData
694
- })
1236
+ }, _callee11, null, [[3, 14]]);
1237
+ }));
1238
+
1239
+ return function saveDescriptions() {
1240
+ return _ref10.apply(this, arguments);
695
1241
  };
696
- console.log({
697
- dataObject
698
- });
699
- console.log(product === null || product === void 0 ? void 0 : product.orderId);
700
- if (product !== null && product !== void 0 && product.orderId) dataObject["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
701
- try {
702
- const res = await _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?datasheet=true&version=").concat(version), dataObject, {
703
- headers: {
704
- Authorization: token
1242
+ }();
1243
+
1244
+ var saveDatasheets = /*#__PURE__*/function () {
1245
+ var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12() {
1246
+ var parseBoxData, dataObject, res;
1247
+ return _regenerator.default.wrap(function _callee12$(_context12) {
1248
+ while (1) {
1249
+ switch (_context12.prev = _context12.next) {
1250
+ case 0:
1251
+ parseBoxData = [];
1252
+ Object.entries(boxData).forEach(function (_ref12, index) {
1253
+ var _ref13 = (0, _slicedToArray2.default)(_ref12, 2),
1254
+ box = _ref13[1];
1255
+
1256
+ var value = box.value;
1257
+ var attributesIds = Object.keys(value);
1258
+ attributesIds.forEach(function (attributeId) {
1259
+ var boxId = index + 1;
1260
+ var valueOfAtribute = value[attributeId];
1261
+ parseBoxData.push({
1262
+ attributeId: attributeId,
1263
+ value: valueOfAtribute,
1264
+ boxId: boxId
1265
+ });
1266
+ });
1267
+ });
1268
+ dataObject = (0, _objectSpread3.default)({
1269
+ articleId: product === null || product === void 0 ? void 0 : product.id_article,
1270
+ articleData: updatedDatasheets
1271
+ }, parseBoxData.length > 0 && {
1272
+ boxData: parseBoxData
1273
+ });
1274
+ console.log({
1275
+ dataObject: dataObject
1276
+ });
1277
+ console.log(product === null || product === void 0 ? void 0 : product.orderId);
1278
+ if (product !== null && product !== void 0 && product.orderId) dataObject["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
1279
+ _context12.prev = 6;
1280
+ _context12.next = 9;
1281
+ return _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?datasheet=true&version=").concat(version), dataObject, {
1282
+ headers: {
1283
+ Authorization: token
1284
+ }
1285
+ });
1286
+
1287
+ case 9:
1288
+ res = _context12.sent;
1289
+
1290
+ if (!(res.data.statusCode === 200)) {
1291
+ _context12.next = 15;
1292
+ break;
1293
+ }
1294
+
1295
+ setUpdatedDatasheets([]);
1296
+ setMessage("Fichas técnicas guardadas");
1297
+ _context12.next = 15;
1298
+ return loadData();
1299
+
1300
+ case 15:
1301
+ _context12.next = 20;
1302
+ break;
1303
+
1304
+ case 17:
1305
+ _context12.prev = 17;
1306
+ _context12.t0 = _context12["catch"](6);
1307
+ console.log(_context12.t0);
1308
+
1309
+ case 20:
1310
+ case "end":
1311
+ return _context12.stop();
1312
+ }
705
1313
  }
706
- });
707
- if (res.data.statusCode === 200) {
708
- setUpdatedDatasheets([]);
709
- setMessage("Fichas técnicas guardadas");
710
- await loadData();
711
- }
712
- } catch (error) {
713
- console.log(error);
714
- }
715
- };
716
- const updateImages = (0, _react.useCallback)(async () => {
717
- var _images$values3, _data$articleData, _data$articleData2, _data$updateImages;
718
- const imagesList = images === null || images === void 0 ? void 0 : (_images$values3 = images.values) === null || _images$values3 === void 0 ? void 0 : _images$values3.slice();
719
- const imagesListTemp = imagesList === null || imagesList === void 0 ? void 0 : imagesList.reduce((acc, image) => {
720
- acc[image === null || image === void 0 ? void 0 : image.image_id] = ++acc[image === null || image === void 0 ? void 0 : image.image_id] || 0;
721
- return acc;
722
- }, {});
723
- const duplicated = imagesList === null || imagesList === void 0 ? void 0 : imagesList.filter(image => {
724
- return imagesListTemp[image === null || image === void 0 ? void 0 : image.image_id];
725
- });
726
- const attrForImgs = Object.values(images === null || images === void 0 ? void 0 : images.attrForImgs);
727
- attrForImgs.pop();
728
- const data = {
729
- articleId: product === null || product === void 0 ? void 0 : product.id_article,
730
- attrReqImgs: attrForImgs === null || attrForImgs === void 0 ? void 0 : attrForImgs.map(e => {
731
- var _e$, _e$2;
732
- return {
733
- attrId: (_e$ = e[0]) === null || _e$ === void 0 ? void 0 : _e$.id,
734
- value: (_e$2 = e[0]) === null || _e$2 === void 0 ? void 0 : _e$2.value
735
- };
736
- }),
737
- articleData: imagesList === null || imagesList === void 0 ? void 0 : imagesList.filter(e => !e.id),
738
- updateImages: imagesList === null || imagesList === void 0 ? void 0 : imagesList.filter(e => e.id)
1314
+ }, _callee12, null, [[6, 17]]);
1315
+ }));
1316
+
1317
+ return function saveDatasheets() {
1318
+ return _ref11.apply(this, arguments);
739
1319
  };
740
- if (product !== null && product !== void 0 && product.orderId) data["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
741
- let valid = (data === null || data === void 0 ? void 0 : (_data$articleData = data.articleData) === null || _data$articleData === void 0 ? void 0 : _data$articleData.length) === 0 ? true : data === null || data === void 0 ? void 0 : (_data$articleData2 = data.articleData) === null || _data$articleData2 === void 0 ? void 0 : _data$articleData2.every((e, i) => {
742
- if (e !== null && e !== void 0 && e.image_id && e !== null && e !== void 0 && e.packing_type && e !== null && e !== void 0 && e.image_type) {
743
- return true;
744
- }
745
- return false;
746
- });
747
- if (valid && (data === null || data === void 0 ? void 0 : (_data$updateImages = data.updateImages) === null || _data$updateImages === void 0 ? void 0 : _data$updateImages.length) > 0 && (duplicated === null || duplicated === void 0 ? void 0 : duplicated.length) === 0) {
748
- var _data$updateImages2;
749
- valid = data === null || data === void 0 ? void 0 : (_data$updateImages2 = data.updateImages) === null || _data$updateImages2 === void 0 ? void 0 : _data$updateImages2.every((e, i) => {
750
- if (e !== null && e !== void 0 && e.image_id && e !== null && e !== void 0 && e.packing_type && e !== null && e !== void 0 && e.image_type) {
751
- return true;
752
- }
753
- return false;
754
- });
755
- }
756
- if (valid && (duplicated === null || duplicated === void 0 ? void 0 : duplicated.length) === 0) {
757
- setLoading(true);
758
- try {
759
- var _data$articleData3, _data$articleData4;
760
- data === null || data === void 0 ? void 0 : (_data$articleData3 = data.articleData) === null || _data$articleData3 === void 0 ? void 0 : _data$articleData3.forEach(e => {
761
- e.uuid = (0, _uuid.v4)();
762
- });
763
- setDataImages(data);
764
- if ((data === null || data === void 0 ? void 0 : (_data$articleData4 = data.articleData) === null || _data$articleData4 === void 0 ? void 0 : _data$articleData4.length) > 0) {
765
- var _data$articleData5;
766
- setImagesUploaded(false);
767
- const promiseArray = [];
768
- data === null || data === void 0 ? void 0 : (_data$articleData5 = data.articleData) === null || _data$articleData5 === void 0 ? void 0 : _data$articleData5.forEach(e => {
769
- const file = Buffer.from(e.src.replace(/^data:image\/\w+;base64,/, ""), "base64");
770
- const params = {
771
- ACL: "public-read",
772
- Body: file,
773
- Bucket: S3_BUCKET,
774
- Key: "id-".concat(data.articleId, "/").concat(version, "/").concat(e === null || e === void 0 ? void 0 : e.image_id, "-").concat(e === null || e === void 0 ? void 0 : e.uuid, ".").concat(e === null || e === void 0 ? void 0 : e.ext)
1320
+ }();
1321
+
1322
+ var updateImages = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13() {
1323
+ var _images$values3, _data$articleData, _data$articleData2, _data$updateImages;
1324
+
1325
+ var imagesList, imagesListTemp, duplicated, attrForImgs, data, valid, _data$updateImages2, _data$articleData3, _data$articleData4, _data$articleData5, promiseArray;
1326
+
1327
+ return _regenerator.default.wrap(function _callee13$(_context13) {
1328
+ while (1) {
1329
+ switch (_context13.prev = _context13.next) {
1330
+ case 0:
1331
+ imagesList = images === null || images === void 0 ? void 0 : (_images$values3 = images.values) === null || _images$values3 === void 0 ? void 0 : _images$values3.slice();
1332
+ imagesListTemp = imagesList === null || imagesList === void 0 ? void 0 : imagesList.reduce(function (acc, image) {
1333
+ acc[image === null || image === void 0 ? void 0 : image.image_id] = ++acc[image === null || image === void 0 ? void 0 : image.image_id] || 0;
1334
+ return acc;
1335
+ }, {});
1336
+ duplicated = imagesList === null || imagesList === void 0 ? void 0 : imagesList.filter(function (image) {
1337
+ return imagesListTemp[image === null || image === void 0 ? void 0 : image.image_id];
1338
+ });
1339
+ attrForImgs = Object.values(images === null || images === void 0 ? void 0 : images.attrForImgs);
1340
+ attrForImgs.pop();
1341
+ data = {
1342
+ articleId: product === null || product === void 0 ? void 0 : product.id_article,
1343
+ attrReqImgs: attrForImgs === null || attrForImgs === void 0 ? void 0 : attrForImgs.map(function (e) {
1344
+ var _e$, _e$2;
1345
+
1346
+ return {
1347
+ attrId: (_e$ = e[0]) === null || _e$ === void 0 ? void 0 : _e$.id,
1348
+ value: (_e$2 = e[0]) === null || _e$2 === void 0 ? void 0 : _e$2.value
1349
+ };
1350
+ }),
1351
+ articleData: imagesList === null || imagesList === void 0 ? void 0 : imagesList.filter(function (e) {
1352
+ return !e.id;
1353
+ }),
1354
+ updateImages: imagesList === null || imagesList === void 0 ? void 0 : imagesList.filter(function (e) {
1355
+ return e.id;
1356
+ })
775
1357
  };
776
- promiseArray.push(myBucket.putObject(params).promise());
777
- });
778
- await Promise.all(promiseArray);
779
- setImagesUploaded(true);
780
- } else {
781
- setImagesUploaded(true);
1358
+ if (product !== null && product !== void 0 && product.orderId) data["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
1359
+ valid = (data === null || data === void 0 ? void 0 : (_data$articleData = data.articleData) === null || _data$articleData === void 0 ? void 0 : _data$articleData.length) === 0 ? true : data === null || data === void 0 ? void 0 : (_data$articleData2 = data.articleData) === null || _data$articleData2 === void 0 ? void 0 : _data$articleData2.every(function (e, i) {
1360
+ if (e !== null && e !== void 0 && e.image_id && e !== null && e !== void 0 && e.packing_type && e !== null && e !== void 0 && e.image_type) {
1361
+ return true;
1362
+ }
1363
+
1364
+ return false;
1365
+ });
1366
+
1367
+ if (valid && (data === null || data === void 0 ? void 0 : (_data$updateImages = data.updateImages) === null || _data$updateImages === void 0 ? void 0 : _data$updateImages.length) > 0 && (duplicated === null || duplicated === void 0 ? void 0 : duplicated.length) === 0) {
1368
+ valid = data === null || data === void 0 ? void 0 : (_data$updateImages2 = data.updateImages) === null || _data$updateImages2 === void 0 ? void 0 : _data$updateImages2.every(function (e, i) {
1369
+ if (e !== null && e !== void 0 && e.image_id && e !== null && e !== void 0 && e.packing_type && e !== null && e !== void 0 && e.image_type) {
1370
+ return true;
1371
+ }
1372
+
1373
+ return false;
1374
+ });
1375
+ }
1376
+
1377
+ if (!(valid && (duplicated === null || duplicated === void 0 ? void 0 : duplicated.length) === 0)) {
1378
+ _context13.next = 31;
1379
+ break;
1380
+ }
1381
+
1382
+ setLoading(true);
1383
+ _context13.prev = 11;
1384
+ data === null || data === void 0 ? void 0 : (_data$articleData3 = data.articleData) === null || _data$articleData3 === void 0 ? void 0 : _data$articleData3.forEach(function (e) {
1385
+ e.uuid = (0, _uuid.v4)();
1386
+ });
1387
+ setDataImages(data);
1388
+
1389
+ if (!((data === null || data === void 0 ? void 0 : (_data$articleData4 = data.articleData) === null || _data$articleData4 === void 0 ? void 0 : _data$articleData4.length) > 0)) {
1390
+ _context13.next = 23;
1391
+ break;
1392
+ }
1393
+
1394
+ setImagesUploaded(false);
1395
+ promiseArray = [];
1396
+ data === null || data === void 0 ? void 0 : (_data$articleData5 = data.articleData) === null || _data$articleData5 === void 0 ? void 0 : _data$articleData5.forEach(function (e) {
1397
+ var file = Buffer.from(e.src.replace(/^data:image\/\w+;base64,/, ""), "base64");
1398
+ var params = {
1399
+ ACL: "public-read",
1400
+ Body: file,
1401
+ Bucket: S3_BUCKET,
1402
+ Key: "id-".concat(data.articleId, "/").concat(version, "/").concat(e === null || e === void 0 ? void 0 : e.image_id, "-").concat(e === null || e === void 0 ? void 0 : e.uuid, ".").concat(e === null || e === void 0 ? void 0 : e.ext)
1403
+ };
1404
+ promiseArray.push(myBucket.putObject(params).promise());
1405
+ });
1406
+ _context13.next = 20;
1407
+ return Promise.all(promiseArray);
1408
+
1409
+ case 20:
1410
+ setImagesUploaded(true);
1411
+ _context13.next = 24;
1412
+ break;
1413
+
1414
+ case 23:
1415
+ setImagesUploaded(true);
1416
+
1417
+ case 24:
1418
+ _context13.next = 29;
1419
+ break;
1420
+
1421
+ case 26:
1422
+ _context13.prev = 26;
1423
+ _context13.t0 = _context13["catch"](11);
1424
+ console.log(_context13.t0); // setMainLoading(false);
1425
+
1426
+ case 29:
1427
+ _context13.next = 32;
1428
+ break;
1429
+
1430
+ case 31:
1431
+ // setMainLoading(false);
1432
+ setMessage("Completa los campos que solicita cada una de la imágenes o hay imágenes con el mismo tipo de toma.\nRecuerda hay campos obligatorios y no podras avanzar si no estan completos.");
1433
+
1434
+ case 32:
1435
+ case "end":
1436
+ return _context13.stop();
782
1437
  }
783
- } catch (err) {
784
- console.log(err);
785
- // setMainLoading(false);
786
1438
  }
787
- } else {
788
- // setMainLoading(false);
789
- setMessage("Completa los campos que solicita cada una de la imágenes o hay imágenes con el mismo tipo de toma.\nRecuerda hay campos obligatorios y no podras avanzar si no estan completos.");
790
- }
791
- // eslint-disable-next-line react-hooks/exhaustive-deps
792
- }, [images, imagesUploaded]);
793
- (0, _react.useEffect)(async () => {
794
- if (imagesUploaded) {
795
- dataImages.articleData = dataImages === null || dataImages === void 0 ? void 0 : dataImages.articleData.map(e => {
796
- delete e.src;
797
- e.imageID = e.image_id;
798
- e.packingType = e.packing_type;
799
- e.imageType = e.image_type;
800
- if (product !== null && product !== void 0 && product.orderId) e["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
801
- return e;
802
- });
803
- try {
804
- const res = await _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?image=true&version=").concat(version), dataImages, {
805
- headers: {
806
- Authorization: token
807
- }
808
- });
809
- if (res.data.statusCode === 200) {
810
- setImages({});
811
- setMessage("Imágenes guardadas con éxito");
812
- sessionStorage.removeItem("imagesList");
813
- await loadData();
1439
+ }, _callee13, null, [[11, 26]]);
1440
+ })), [images, imagesUploaded]);
1441
+ (0, _react.useEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14() {
1442
+ var res;
1443
+ return _regenerator.default.wrap(function _callee14$(_context14) {
1444
+ while (1) {
1445
+ switch (_context14.prev = _context14.next) {
1446
+ case 0:
1447
+ if (!imagesUploaded) {
1448
+ _context14.next = 17;
1449
+ break;
1450
+ }
1451
+
1452
+ dataImages.articleData = dataImages === null || dataImages === void 0 ? void 0 : dataImages.articleData.map(function (e) {
1453
+ delete e.src;
1454
+ e.imageID = e.image_id;
1455
+ e.packingType = e.packing_type;
1456
+ e.imageType = e.image_type;
1457
+ if (product !== null && product !== void 0 && product.orderId) e["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
1458
+ return e;
1459
+ });
1460
+ _context14.prev = 2;
1461
+ _context14.next = 5;
1462
+ return _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?image=true&version=").concat(version), dataImages, {
1463
+ headers: {
1464
+ Authorization: token
1465
+ }
1466
+ });
1467
+
1468
+ case 5:
1469
+ res = _context14.sent;
1470
+
1471
+ if (!(res.data.statusCode === 200)) {
1472
+ _context14.next = 12;
1473
+ break;
1474
+ }
1475
+
1476
+ setImages({});
1477
+ setMessage("Imágenes guardadas con éxito");
1478
+ sessionStorage.removeItem("imagesList");
1479
+ _context14.next = 12;
1480
+ return loadData();
1481
+
1482
+ case 12:
1483
+ _context14.next = 17;
1484
+ break;
1485
+
1486
+ case 14:
1487
+ _context14.prev = 14;
1488
+ _context14.t0 = _context14["catch"](2);
1489
+ console.log(_context14.t0);
1490
+
1491
+ case 17:
1492
+ case "end":
1493
+ return _context14.stop();
814
1494
  }
815
- } catch (error) {
816
- console.log(error);
817
1495
  }
818
- }
819
- }, [dataImages, imagesUploaded]);
820
- const getConcept = tab => {
1496
+ }, _callee14, null, [[2, 14]]);
1497
+ })), [dataImages, imagesUploaded]);
1498
+
1499
+ var getConcept = function getConcept(tab) {
821
1500
  switch (tab) {
822
1501
  case "Descripción":
823
1502
  return "description";
1503
+
824
1504
  case "Ficha técnica":
825
1505
  return "datasheet";
1506
+
826
1507
  case "Imágenes":
827
1508
  return "images";
828
1509
  }
829
1510
  };
830
- const createComment = async function () {
831
- let messages = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
832
- let retailerId = arguments.length > 1 ? arguments[1] : undefined;
833
- const data = {
834
- paramsBody: {
835
- id: product.article.id_article || productEdit.ArticleId,
836
- version: version,
837
- items: messages,
838
- retailerId: retailerId,
839
- status: product.status || productEdit.product.status
840
- },
841
- paramsHeader: {
842
- Authorization: token
843
- }
1511
+
1512
+ var createComment = /*#__PURE__*/function () {
1513
+ var _ref16 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15() {
1514
+ var messages,
1515
+ retailerId,
1516
+ data,
1517
+ _args15 = arguments;
1518
+ return _regenerator.default.wrap(function _callee15$(_context15) {
1519
+ while (1) {
1520
+ switch (_context15.prev = _context15.next) {
1521
+ case 0:
1522
+ messages = _args15.length > 0 && _args15[0] !== undefined ? _args15[0] : [];
1523
+ retailerId = _args15.length > 1 ? _args15[1] : undefined;
1524
+ data = {
1525
+ paramsBody: {
1526
+ id: product.article.id_article || productEdit.ArticleId,
1527
+ version: version,
1528
+ items: messages,
1529
+ retailerId: retailerId,
1530
+ status: product.status || productEdit.product.status
1531
+ },
1532
+ paramsHeader: {
1533
+ Authorization: token
1534
+ }
1535
+ };
1536
+ setMessage("");
1537
+ return _context15.abrupt("return", (0, _utils.sendMessage)(data));
1538
+
1539
+ case 5:
1540
+ case "end":
1541
+ return _context15.stop();
1542
+ }
1543
+ }
1544
+ }, _callee15);
1545
+ }));
1546
+
1547
+ return function createComment() {
1548
+ return _ref16.apply(this, arguments);
844
1549
  };
845
- setMessage("");
846
- return (0, _utils.sendMessage)(data);
847
- };
848
- (0, _react.useEffect)(() => {
1550
+ }();
1551
+
1552
+ (0, _react.useEffect)(function () {
849
1553
  setComment(comments[activeTab]);
850
1554
  }, [activeTab]);
851
- const commentRevised = async () => {
852
- const data = {
853
- commentId: comment.id
1555
+
1556
+ var commentRevised = /*#__PURE__*/function () {
1557
+ var _ref17 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee16() {
1558
+ var data;
1559
+ return _regenerator.default.wrap(function _callee16$(_context16) {
1560
+ while (1) {
1561
+ switch (_context16.prev = _context16.next) {
1562
+ case 0:
1563
+ data = {
1564
+ commentId: comment.id
1565
+ };
1566
+ _context16.next = 3;
1567
+ return _axios.default.put("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT), data, {
1568
+ headers: {
1569
+ Authorization: token
1570
+ }
1571
+ });
1572
+
1573
+ case 3:
1574
+ setCrossComment(false);
1575
+
1576
+ case 4:
1577
+ case "end":
1578
+ return _context16.stop();
1579
+ }
1580
+ }
1581
+ }, _callee16);
1582
+ }));
1583
+
1584
+ return function commentRevised() {
1585
+ return _ref17.apply(this, arguments);
854
1586
  };
855
- await _axios.default.put("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT), data, {
856
- headers: {
857
- Authorization: token
858
- }
859
- });
860
- setCrossComment(false);
861
- };
862
- const setAssignation = async (assignationType, assignationId) => {
863
- let concept = "";
864
- switch (activeTab) {
865
- case "Ficha técnica":
866
- concept = "datasheet";
867
- break;
868
- case "Imágenes":
869
- concept = "images";
870
- break;
871
- default:
872
- concept = "description";
873
- break;
874
- }
875
- const productTemp = product;
876
- productTemp.article["id_".concat(concept, "_").concat(assignationType)] = assignationId;
877
- const data = {
878
- articleList: [{
879
- orderId: product.orderId,
880
- articleId: product === null || product === void 0 ? void 0 : product.id_article
881
- }],
882
- concept: concept,
883
- userId: assignationId
1587
+ }();
1588
+
1589
+ var setAssignation = /*#__PURE__*/function () {
1590
+ var _ref18 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee17(assignationType, assignationId) {
1591
+ var concept, productTemp, data;
1592
+ return _regenerator.default.wrap(function _callee17$(_context17) {
1593
+ while (1) {
1594
+ switch (_context17.prev = _context17.next) {
1595
+ case 0:
1596
+ concept = "";
1597
+ _context17.t0 = activeTab;
1598
+ _context17.next = _context17.t0 === "Ficha técnica" ? 4 : _context17.t0 === "Imágenes" ? 6 : 8;
1599
+ break;
1600
+
1601
+ case 4:
1602
+ concept = "datasheet";
1603
+ return _context17.abrupt("break", 10);
1604
+
1605
+ case 6:
1606
+ concept = "images";
1607
+ return _context17.abrupt("break", 10);
1608
+
1609
+ case 8:
1610
+ concept = "description";
1611
+ return _context17.abrupt("break", 10);
1612
+
1613
+ case 10:
1614
+ productTemp = product;
1615
+ productTemp.article["id_".concat(concept, "_").concat(assignationType)] = assignationId;
1616
+ data = {
1617
+ articleList: [{
1618
+ orderId: product.orderId,
1619
+ articleId: product === null || product === void 0 ? void 0 : product.id_article
1620
+ }],
1621
+ concept: concept,
1622
+ userId: assignationId
1623
+ };
1624
+ _context17.next = 15;
1625
+ return (0, _axios.default)({
1626
+ method: "post",
1627
+ url: process.env.REACT_APP_ASSIGNATIONS_ENDPOINT,
1628
+ data: data,
1629
+ headers: {
1630
+ Authorization: token
1631
+ }
1632
+ });
1633
+
1634
+ case 15:
1635
+ loadAssignations(productTemp);
1636
+ sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
1637
+
1638
+ case 17:
1639
+ case "end":
1640
+ return _context17.stop();
1641
+ }
1642
+ }
1643
+ }, _callee17);
1644
+ }));
1645
+
1646
+ return function setAssignation(_x4, _x5) {
1647
+ return _ref18.apply(this, arguments);
884
1648
  };
885
- await (0, _axios.default)({
886
- method: "post",
887
- url: process.env.REACT_APP_ASSIGNATIONS_ENDPOINT,
888
- data,
889
- headers: {
890
- Authorization: token
891
- }
892
- });
893
- loadAssignations(productTemp);
894
- sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
895
- };
896
- const downloadImages = () => {
1649
+ }();
1650
+
1651
+ var downloadImages = function downloadImages() {
897
1652
  var _images$values4;
898
- selectedImages.length > 0 ? selectedImages.forEach(e => {
1653
+
1654
+ selectedImages.length > 0 ? selectedImages.forEach(function (e) {
899
1655
  if (e.id) {
900
1656
  (0, _fileSaver.saveAs)("https://".concat(process.env.REACT_APP_IMAGES_BUCKET, ".s3.amazonaws.com/").concat(e.srcDB), "".concat(product.upc || product.article.upc, "_").concat(e.name, ".").concat(e.ext));
901
1657
  }
902
- }) : images === null || images === void 0 ? void 0 : (_images$values4 = images.values) === null || _images$values4 === void 0 ? void 0 : _images$values4.forEach(e => {
1658
+ }) : images === null || images === void 0 ? void 0 : (_images$values4 = images.values) === null || _images$values4 === void 0 ? void 0 : _images$values4.forEach(function (e) {
903
1659
  if (e.id) {
904
1660
  (0, _fileSaver.saveAs)("https://".concat(process.env.REACT_APP_IMAGES_BUCKET, ".s3.amazonaws.com/").concat(e.srcDB), "".concat(product.upc || product.article.upc, "_").concat(e.name, ".").concat(e.ext));
905
1661
  }
906
1662
  });
907
1663
  };
908
- const deleteImages = () => {
1664
+
1665
+ var deleteImages = function deleteImages() {
909
1666
  setLoading(true);
910
- const {
911
- values
912
- } = images;
913
- const imgsInBack = [];
914
- selectedImages.forEach(selectedImg => {
1667
+ var values = images.values;
1668
+ var imgsInBack = [];
1669
+ selectedImages.forEach(function (selectedImg) {
915
1670
  if (selectedImg.id) imgsInBack.push(selectedImg);
916
1671
  });
917
- const imgsLeft = values.filter(value => selectedImages.indexOf(value) === -1);
1672
+ var imgsLeft = values.filter(function (value) {
1673
+ return selectedImages.indexOf(value) === -1;
1674
+ });
1675
+
918
1676
  if (imgsInBack.length > 0) {
919
1677
  var _product$article5;
920
- const data = {
1678
+
1679
+ var data = {
921
1680
  articleId: (product === null || product === void 0 ? void 0 : product.id_article) || (product === null || product === void 0 ? void 0 : (_product$article5 = product.article) === null || _product$article5 === void 0 ? void 0 : _product$article5.id_article),
922
1681
  deleteImages: imgsInBack
923
1682
  };
1683
+
924
1684
  try {
925
1685
  _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?image=true&version=").concat(version), data, {
926
1686
  headers: {
@@ -931,17 +1691,19 @@ const ProviderProductEdition = _ref => {
931
1691
  console.log(err);
932
1692
  }
933
1693
  }
1694
+
934
1695
  setImages({
935
1696
  action: "deleteImage",
936
- selectedImages
1697
+ selectedImages: selectedImages
937
1698
  });
938
- setTimeout(() => {
1699
+ setTimeout(function () {
939
1700
  setLoading(false);
940
1701
  }, 500);
941
1702
  setMessage("");
942
1703
  setComponentsArray([]);
943
1704
  };
944
- const askToDeleteImages = () => {
1705
+
1706
+ var askToDeleteImages = function askToDeleteImages() {
945
1707
  if (selectedImages.length > 0) {
946
1708
  setMessage("¿Está seguro de eliminar las imágenes seleccionadas?");
947
1709
  setComponentsArray([/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
@@ -951,199 +1713,290 @@ const ProviderProductEdition = _ref => {
951
1713
  }, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
952
1714
  buttonType: "general-white-button",
953
1715
  label: "Cancelar",
954
- onClick: () => setMessage("")
1716
+ onClick: function onClick() {
1717
+ return setMessage("");
1718
+ }
955
1719
  }, "2"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
956
1720
  buttonType: "general-button-default",
957
1721
  label: "Aceptar",
958
- onClick: () => {
1722
+ onClick: function onClick() {
959
1723
  setMessage("");
960
1724
  deleteImages();
961
1725
  }
962
1726
  }, "3")]);
963
1727
  }
964
1728
  };
965
- const sendEvaluation = async result => {
966
- var _productTemp$id_order2;
967
- setLoading(true);
968
- const concept = getConcept(activeTab);
969
- const productTemp = product;
970
- const articleId = productTemp.id_article;
971
- const orderId = (_productTemp$id_order2 = productTemp.id_order) !== null && _productTemp$id_order2 !== void 0 ? _productTemp$id_order2 : productTemp.orderId;
972
- const sectionStatusKey = "".concat(getConcept(activeTab), "_status");
973
- const evalStatus = product[sectionStatusKey] || (product === null || product === void 0 ? void 0 : product.version_status);
974
- let data = {
975
- articleId,
976
- orderId,
977
- concept,
978
- evalStatus
979
- };
980
- const retailerId = activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id;
981
- let res;
982
- try {
983
- if (result) {
984
- data.result = result;
985
- data.retailerId = retailerId;
986
- res = await _axios.default.put("".concat(process.env.REACT_APP_EVALUATION_ENDPOINT), data, {
987
- headers: {
988
- Authorization: token
989
- }
990
- });
991
- const newStatuses = JSON.parse(res.data.body);
992
- const orderStatus = newStatuses.newOrderStatus;
993
- const serviceStatus = newStatuses.newServiceStatus[articleId]["".concat(getConcept(activeTab), "Status")];
994
- const newProductEdit = productEdit;
995
- newProductEdit.product[sectionStatusKey] = serviceStatus;
996
- setProductEdit(newProductEdit);
997
- const showSurveyByProvider = !user.is_retailer && orderStatus[orderId] === "AP";
998
- const showSurveyByRetailer = user.is_retailer && orderStatus[orderId] === "ACA";
999
- showSurvey && showSurvey(showSurveyByProvider || showSurveyByRetailer);
1000
- } else {
1001
- res = await _axios.default.put("".concat(process.env.REACT_APP_SEND_EVAL), data, {
1002
- headers: {
1003
- Authorization: token
1729
+
1730
+ var sendEvaluation = /*#__PURE__*/function () {
1731
+ var _ref19 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee18(result) {
1732
+ var _productTemp$id_order2;
1733
+
1734
+ var concept, productTemp, articleId, orderId, sectionStatusKey, evalStatus, data, retailerId, res, newStatuses, orderStatus, serviceStatus, newProductEdit, showSurveyByProvider, showSurveyByRetailer, _JSON$parse, newArticleStatus, newServiceStatus, newStatus, retailerStatusCopy, status;
1735
+
1736
+ return _regenerator.default.wrap(function _callee18$(_context18) {
1737
+ while (1) {
1738
+ switch (_context18.prev = _context18.next) {
1739
+ case 0:
1740
+ setLoading(true);
1741
+ concept = getConcept(activeTab);
1742
+ productTemp = product;
1743
+ articleId = productTemp.id_article;
1744
+ orderId = (_productTemp$id_order2 = productTemp.id_order) !== null && _productTemp$id_order2 !== void 0 ? _productTemp$id_order2 : productTemp.orderId;
1745
+ sectionStatusKey = "".concat(getConcept(activeTab), "_status");
1746
+ evalStatus = product[sectionStatusKey] || (product === null || product === void 0 ? void 0 : product.version_status);
1747
+ data = {
1748
+ articleId: articleId,
1749
+ orderId: orderId,
1750
+ concept: concept,
1751
+ evalStatus: evalStatus
1752
+ };
1753
+ retailerId = activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id;
1754
+ _context18.prev = 9;
1755
+
1756
+ if (!result) {
1757
+ _context18.next = 27;
1758
+ break;
1759
+ }
1760
+
1761
+ data.result = result;
1762
+ data.retailerId = retailerId;
1763
+ _context18.next = 15;
1764
+ return _axios.default.put("".concat(process.env.REACT_APP_EVALUATION_ENDPOINT), data, {
1765
+ headers: {
1766
+ Authorization: token
1767
+ }
1768
+ });
1769
+
1770
+ case 15:
1771
+ res = _context18.sent;
1772
+ newStatuses = JSON.parse(res.data.body);
1773
+ orderStatus = newStatuses.newOrderStatus;
1774
+ serviceStatus = newStatuses.newServiceStatus[articleId]["".concat(getConcept(activeTab), "Status")];
1775
+ newProductEdit = productEdit;
1776
+ newProductEdit.product[sectionStatusKey] = serviceStatus;
1777
+ setProductEdit(newProductEdit);
1778
+ showSurveyByProvider = !user.is_retailer && orderStatus[orderId] === "AP";
1779
+ showSurveyByRetailer = user.is_retailer && orderStatus[orderId] === "ACA";
1780
+ showSurvey && showSurvey(showSurveyByProvider || showSurveyByRetailer);
1781
+ _context18.next = 30;
1782
+ break;
1783
+
1784
+ case 27:
1785
+ _context18.next = 29;
1786
+ return _axios.default.put("".concat(process.env.REACT_APP_SEND_EVAL), data, {
1787
+ headers: {
1788
+ Authorization: token
1789
+ }
1790
+ });
1791
+
1792
+ case 29:
1793
+ res = _context18.sent;
1794
+
1795
+ case 30:
1796
+ if (res.data.statusCode === 200) {
1797
+ _JSON$parse = JSON.parse(res.data.body), newArticleStatus = _JSON$parse.newArticleStatus, newServiceStatus = _JSON$parse.newServiceStatus, newStatus = _JSON$parse.newStatus;
1798
+ if (newArticleStatus) productTemp.status = newArticleStatus[articleId];
1799
+ retailerStatusCopy = (0, _objectSpread3.default)({}, retailerStatus);
1800
+ retailerStatusCopy[activeRetailer.id][concept] = newStatus;
1801
+ setRetailerStatus(retailerStatusCopy);
1802
+ productTemp.statusByRetailer = retailerStatusCopy;
1803
+
1804
+ if (newServiceStatus) {
1805
+ status = newServiceStatus[articleId]["".concat(concept, "Status")];
1806
+ productTemp["".concat(concept, "_status")] = status;
1807
+ }
1808
+
1809
+ setProduct(productTemp);
1810
+ sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
1811
+ setOrigin(function (prev) {
1812
+ return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, (0, _defineProperty2.default)({}, concept, status));
1813
+ });
1814
+ }
1815
+
1816
+ _context18.next = 36;
1817
+ break;
1818
+
1819
+ case 33:
1820
+ _context18.prev = 33;
1821
+ _context18.t0 = _context18["catch"](9);
1822
+ console.log(_context18.t0);
1823
+
1824
+ case 36:
1825
+ loadData();
1826
+
1827
+ case 37:
1828
+ case "end":
1829
+ return _context18.stop();
1004
1830
  }
1005
- });
1006
- }
1007
- if (res.data.statusCode === 200) {
1008
- const {
1009
- newArticleStatus,
1010
- newServiceStatus,
1011
- newStatus
1012
- } = JSON.parse(res.data.body);
1013
- if (newArticleStatus) productTemp.status = newArticleStatus[articleId];
1014
- const retailerStatusCopy = {
1015
- ...retailerStatus
1016
- };
1017
- retailerStatusCopy[activeRetailer.id][concept] = newStatus;
1018
- setRetailerStatus(retailerStatusCopy);
1019
- productTemp.statusByRetailer = retailerStatusCopy;
1020
- let status;
1021
- if (newServiceStatus) {
1022
- status = newServiceStatus[articleId]["".concat(concept, "Status")];
1023
- productTemp["".concat(concept, "_status")] = status;
1024
1831
  }
1025
- setProduct(productTemp);
1026
- sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
1027
- setOrigin(prev => ({
1028
- ...prev,
1029
- [concept]: status
1030
- }));
1031
- }
1032
- } catch (err) {
1033
- console.log(err);
1034
- }
1035
- loadData();
1036
- };
1037
- const validateAll = async result => {
1038
- try {
1039
- var _product$id_order2;
1040
- setLoading(true);
1041
- const evaluationArray = [];
1042
- const conceptArray = ["description", "datasheet", "images"];
1043
- const dataGeneral = {
1044
- articleId: product.id_article,
1045
- orderId: (_product$id_order2 = product.id_order) !== null && _product$id_order2 !== void 0 ? _product$id_order2 : product.orderId,
1046
- result,
1047
- isAproved: result === "A"
1048
- };
1049
- servicesData === null || servicesData === void 0 ? void 0 : servicesData.forEach(ret => {
1050
- const {
1051
- service,
1052
- id_retailer
1053
- } = ret;
1054
- let data = {};
1055
- data = {
1056
- ...dataGeneral,
1057
- concept: service,
1058
- retailerId: id_retailer,
1059
- evalStatus: retailerStatus[id_retailer][service]
1060
- };
1061
- evaluationArray.push(_axios.default.put("".concat(process.env.REACT_APP_EVALUATION_ENDPOINT), data, {
1062
- headers: {
1063
- Authorization: token
1832
+ }, _callee18, null, [[9, 33]]);
1833
+ }));
1834
+
1835
+ return function sendEvaluation(_x6) {
1836
+ return _ref19.apply(this, arguments);
1837
+ };
1838
+ }();
1839
+
1840
+ var validateAll = /*#__PURE__*/function () {
1841
+ var _ref20 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee19(result) {
1842
+ var _product$id_order2, evaluationArray, conceptArray, dataGeneral, userType, productTemp, status, retailerStatusCopy;
1843
+
1844
+ return _regenerator.default.wrap(function _callee19$(_context19) {
1845
+ while (1) {
1846
+ switch (_context19.prev = _context19.next) {
1847
+ case 0:
1848
+ _context19.prev = 0;
1849
+ setLoading(true);
1850
+ evaluationArray = [];
1851
+ conceptArray = ["description", "datasheet", "images"];
1852
+ dataGeneral = {
1853
+ articleId: product.id_article,
1854
+ orderId: (_product$id_order2 = product.id_order) !== null && _product$id_order2 !== void 0 ? _product$id_order2 : product.orderId,
1855
+ result: result,
1856
+ isAproved: result === "A"
1857
+ };
1858
+ servicesData === null || servicesData === void 0 ? void 0 : servicesData.forEach(function (ret) {
1859
+ var service = ret.service,
1860
+ id_retailer = ret.id_retailer;
1861
+ var data = {};
1862
+ data = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, dataGeneral), {}, {
1863
+ concept: service,
1864
+ retailerId: id_retailer,
1865
+ evalStatus: retailerStatus[id_retailer][service]
1866
+ });
1867
+ evaluationArray.push(_axios.default.put("".concat(process.env.REACT_APP_EVALUATION_ENDPOINT), data, {
1868
+ headers: {
1869
+ Authorization: token
1870
+ }
1871
+ }));
1872
+ });
1873
+ _context19.next = 8;
1874
+ return Promise.all(evaluationArray);
1875
+
1876
+ case 8:
1877
+ userType = user.is_retailer === 1 ? "CA" : "P";
1878
+ productTemp = product;
1879
+ status = "".concat(result).concat(userType);
1880
+ productTemp.article_status = status;
1881
+ productTemp.datasheet_status = productTemp.datasheet_status === "NA" ? "NA" : status;
1882
+ productTemp.description_status = productTemp.description_status === "NA" ? "NA" : status;
1883
+ productTemp.images_status = productTemp.images_status === "NA" ? "NA" : status;
1884
+ retailerStatusCopy = (0, _objectSpread3.default)({}, retailerStatus);
1885
+ Object.keys(retailerStatusCopy).forEach(function (key) {
1886
+ conceptArray.forEach(function (concept) {
1887
+ if (retailerStatusCopy[key][concept]) {
1888
+ retailerStatusCopy[key][concept] = status;
1889
+ }
1890
+ });
1891
+ });
1892
+ setRetailerStatus(retailerStatusCopy);
1893
+ productTemp.statusByRetailer = retailerStatusCopy;
1894
+ setProduct(productTemp);
1895
+ sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
1896
+ setProductEdit({
1897
+ ArticleId: productTemp.id_article,
1898
+ idCategory: productTemp.article.id_category,
1899
+ product: productTemp
1900
+ });
1901
+ sessionStorage.setItem("productEdit", JSON.stringify({
1902
+ ArticleId: productTemp.id_article,
1903
+ idCategory: productTemp.article.id_category,
1904
+ product: productTemp
1905
+ }));
1906
+ _context19.next = 25;
1907
+ return loadData();
1908
+
1909
+ case 25:
1910
+ _context19.next = 30;
1911
+ break;
1912
+
1913
+ case 27:
1914
+ _context19.prev = 27;
1915
+ _context19.t0 = _context19["catch"](0);
1916
+ console.log(_context19.t0);
1917
+
1918
+ case 30:
1919
+ case "end":
1920
+ return _context19.stop();
1064
1921
  }
1065
- }));
1066
- });
1067
- await Promise.all(evaluationArray);
1068
- const userType = user.is_retailer === 1 ? "CA" : "P";
1069
- const productTemp = product;
1070
- const status = "".concat(result).concat(userType);
1071
- productTemp.article_status = status;
1072
- productTemp.datasheet_status = productTemp.datasheet_status === "NA" ? "NA" : status;
1073
- productTemp.description_status = productTemp.description_status === "NA" ? "NA" : status;
1074
- productTemp.images_status = productTemp.images_status === "NA" ? "NA" : status;
1075
- const retailerStatusCopy = {
1076
- ...retailerStatus
1077
- };
1078
- Object.keys(retailerStatusCopy).forEach(key => {
1079
- conceptArray.forEach(concept => {
1080
- if (retailerStatusCopy[key][concept]) {
1081
- retailerStatusCopy[key][concept] = status;
1922
+ }
1923
+ }, _callee19, null, [[0, 27]]);
1924
+ }));
1925
+
1926
+ return function validateAll(_x7) {
1927
+ return _ref20.apply(this, arguments);
1928
+ };
1929
+ }();
1930
+
1931
+ var evaluationToRetailer = /*#__PURE__*/function () {
1932
+ var _ref21 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee20(result) {
1933
+ var data, prod, statusComplete;
1934
+ return _regenerator.default.wrap(function _callee20$(_context20) {
1935
+ while (1) {
1936
+ switch (_context20.prev = _context20.next) {
1937
+ case 0:
1938
+ data = {
1939
+ articleId: product.id_article,
1940
+ companyId: user.is_retailer ? product.provider_company_id : product.retailer_company_id,
1941
+ versionId: product.version,
1942
+ status: result
1943
+ };
1944
+ _context20.next = 3;
1945
+ return _axios.default.put("".concat(process.env.REACT_APP_RETAILER_REQUEST), data, {
1946
+ headers: {
1947
+ Authorization: token
1948
+ }
1949
+ });
1950
+
1951
+ case 3:
1952
+ prod = productEdit;
1953
+ statusComplete = user.is_retailer ? "".concat(result, "CA") : "".concat(result, "P");
1954
+ prod.product.datasheet_status = statusComplete;
1955
+ prod.product.description_status = statusComplete;
1956
+ prod.product.images_status = statusComplete;
1957
+ prod.product.article_status = statusComplete;
1958
+ prod.product.services_status = "[\"".concat(statusComplete, "\",\"").concat(statusComplete, "\",\"").concat(statusComplete, "\"]");
1959
+ sessionStorage.setItem("productEdit", JSON.stringify(prod));
1960
+ setProduct(prod);
1961
+ showGlobalModal("generic");
1962
+ _context20.next = 15;
1963
+ return loadData();
1964
+
1965
+ case 15:
1966
+ case "end":
1967
+ return _context20.stop();
1082
1968
  }
1083
- });
1084
- });
1085
- setRetailerStatus(retailerStatusCopy);
1086
- productTemp.statusByRetailer = retailerStatusCopy;
1087
- setProduct(productTemp);
1088
- sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
1089
- setProductEdit({
1090
- ArticleId: productTemp.id_article,
1091
- idCategory: productTemp.article.id_category,
1092
- product: productTemp
1093
- });
1094
- sessionStorage.setItem("productEdit", JSON.stringify({
1095
- ArticleId: productTemp.id_article,
1096
- idCategory: productTemp.article.id_category,
1097
- product: productTemp
1098
- }));
1099
- await loadData();
1100
- } catch (error) {
1101
- console.log(error);
1102
- }
1103
- };
1104
- const evaluationToRetailer = async result => {
1105
- const data = {
1106
- articleId: product.id_article,
1107
- companyId: user.is_retailer ? product.provider_company_id : product.retailer_company_id,
1108
- versionId: product.version,
1109
- status: result
1969
+ }
1970
+ }, _callee20);
1971
+ }));
1972
+
1973
+ return function evaluationToRetailer(_x8) {
1974
+ return _ref21.apply(this, arguments);
1110
1975
  };
1111
- await _axios.default.put("".concat(process.env.REACT_APP_RETAILER_REQUEST), data, {
1112
- headers: {
1113
- Authorization: token
1114
- }
1115
- });
1116
- const prod = productEdit;
1117
- const statusComplete = user.is_retailer ? "".concat(result, "CA") : "".concat(result, "P");
1118
- prod.product.datasheet_status = statusComplete;
1119
- prod.product.description_status = statusComplete;
1120
- prod.product.images_status = statusComplete;
1121
- prod.product.article_status = statusComplete;
1122
- prod.product.services_status = "[\"".concat(statusComplete, "\",\"").concat(statusComplete, "\",\"").concat(statusComplete, "\"]");
1123
- sessionStorage.setItem("productEdit", JSON.stringify(prod));
1124
- setProduct(prod);
1125
- showGlobalModal("generic");
1126
- await loadData();
1127
- };
1128
- const getSectionStatus = () => {
1129
- const concept = getConcept(activeTab);
1976
+ }();
1977
+
1978
+ var getSectionStatus = function getSectionStatus() {
1979
+ var concept = getConcept(activeTab);
1130
1980
  return ["AA", "AP", "R", "CA", "RCA"].includes(productEdit.product["".concat(concept, "_status")]);
1131
1981
  };
1132
- const enableActions = versionStatus => {
1982
+
1983
+ var enableActions = function enableActions(versionStatus) {
1133
1984
  try {
1134
1985
  if (versionStatus) {
1135
1986
  return ["AP", "ACA", "RCA", null].includes(versionStatus);
1136
1987
  }
1988
+
1137
1989
  return true;
1138
1990
  } catch (err) {
1139
1991
  console.log(err, "Unable de check if user is retailer");
1140
1992
  return false;
1141
1993
  }
1142
1994
  };
1143
- (0, _react.useEffect)(() => {
1995
+
1996
+ (0, _react.useEffect)(function () {
1144
1997
  setSaving(loading);
1145
1998
  }, [loading]);
1146
- const slidefront = [{
1999
+ var slidefront = [{
1147
2000
  slide: _slide.default,
1148
2001
  description: "Creamos tu contenido, y todo lo que haga falta para tu producto, cada sección puedes socilitar contenido enriquecido, y nosotros lo haremos por ti."
1149
2002
  }, {
@@ -1160,28 +2013,35 @@ const ProviderProductEdition = _ref => {
1160
2013
  title: "Bienvenido al modo Content-oh!",
1161
2014
  description: "Finalmente elige la forma de pago que más te guste, procede con el pago y listo."
1162
2015
  }];
1163
- const sendToEvaluation = result => {
2016
+
2017
+ var sendToEvaluation = function sendToEvaluation(result) {
1164
2018
  if (result === "A") {
1165
2019
  if (origin[activeTab] === "RequestWithoutContentoh" && !user.is_retailer && (!product.id_order || !product.orderId)) {
1166
- setDataGenericModal(prev => ({
1167
- ...prev,
1168
- button2: {
1169
- name: "Continuar",
1170
- action: () => evaluationToRetailer("A")
1171
- }
1172
- }));
2020
+ setDataGenericModal(function (prev) {
2021
+ return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
2022
+ button2: {
2023
+ name: "Continuar",
2024
+ action: function action() {
2025
+ return evaluationToRetailer("A");
2026
+ }
2027
+ }
2028
+ });
2029
+ });
1173
2030
  showGlobalModal("generic");
1174
2031
  } else if (user.is_retailer) {
1175
2032
  if (product.id_order || product.orderId) {
1176
2033
  sendEvaluation("A");
1177
2034
  } else {
1178
- setDataGenericModal(prev => ({
1179
- ...prev,
1180
- button2: {
1181
- name: "Continuar",
1182
- action: () => evaluationToRetailer("A")
1183
- }
1184
- }));
2035
+ setDataGenericModal(function (prev) {
2036
+ return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
2037
+ button2: {
2038
+ name: "Continuar",
2039
+ action: function action() {
2040
+ return evaluationToRetailer("A");
2041
+ }
2042
+ }
2043
+ });
2044
+ });
1185
2045
  showGlobalModal("generic");
1186
2046
  }
1187
2047
  } else {
@@ -1194,13 +2054,16 @@ const ProviderProductEdition = _ref => {
1194
2054
  if (product.id_order || product.orderId) {
1195
2055
  sendEvaluation("R");
1196
2056
  } else {
1197
- setDataGenericModal(prev => ({
1198
- ...prev,
1199
- button2: {
1200
- name: "Continuar",
1201
- action: () => evaluationToRetailer("R")
1202
- }
1203
- }));
2057
+ setDataGenericModal(function (prev) {
2058
+ return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
2059
+ button2: {
2060
+ name: "Continuar",
2061
+ action: function action() {
2062
+ return evaluationToRetailer("R");
2063
+ }
2064
+ }
2065
+ });
2066
+ });
1204
2067
  showGlobalModal("generic");
1205
2068
  }
1206
2069
  } else {
@@ -1208,6 +2071,7 @@ const ProviderProductEdition = _ref => {
1208
2071
  }
1209
2072
  }
1210
2073
  };
2074
+
1211
2075
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
1212
2076
  headerTop: headerTop,
1213
2077
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderTop.HeaderTop, {
@@ -1235,8 +2099,9 @@ const ProviderProductEdition = _ref => {
1235
2099
  imagesStatus: product === null || product === void 0 ? void 0 : product.images_status,
1236
2100
  setAssignation: setAssignation,
1237
2101
  isRetailer: isRetailer,
1238
- onClickSave: () => {
2102
+ onClickSave: function onClickSave() {
1239
2103
  var _product$services;
2104
+
1240
2105
  return (product === null || product === void 0 ? void 0 : (_product$services = product.services) === null || _product$services === void 0 ? void 0 : _product$services.images) === 1 && updateImages();
1241
2106
  },
1242
2107
  setShowVersionSelector: setShowVersionSelector,
@@ -1252,34 +2117,40 @@ const ProviderProductEdition = _ref => {
1252
2117
  showValidationButtons: isRevision() && getSectionStatus(),
1253
2118
  servicesData: servicesData ? servicesData : null,
1254
2119
  showApproveRejectAll: isRevision() && getSectionStatus(),
1255
- approveAll: () => {
2120
+ approveAll: function approveAll() {
1256
2121
  if (origin === "RequestWithoutContentoh" && !user.is_retailer && (!product.id_order || !product.orderId)) {
1257
- setDataGenericModal(prev => ({
1258
- ...prev,
1259
- button2: {
1260
- name: "Continuar",
1261
- action: () => evaluationToRetailer("A")
1262
- }
1263
- }));
2122
+ setDataGenericModal(function (prev) {
2123
+ return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
2124
+ button2: {
2125
+ name: "Continuar",
2126
+ action: function action() {
2127
+ return evaluationToRetailer("A");
2128
+ }
2129
+ }
2130
+ });
2131
+ });
1264
2132
  showGlobalModal("generic");
1265
2133
  } else if (user.is_retailer) {
1266
2134
  if (product.id_order || product.orderId) {
1267
2135
  validateAll("A");
1268
2136
  } else {
1269
- setDataGenericModal(prev => ({
1270
- ...prev,
1271
- button2: {
1272
- name: "Continuar",
1273
- action: () => evaluationToRetailer("A")
1274
- }
1275
- }));
2137
+ setDataGenericModal(function (prev) {
2138
+ return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
2139
+ button2: {
2140
+ name: "Continuar",
2141
+ action: function action() {
2142
+ return evaluationToRetailer("A");
2143
+ }
2144
+ }
2145
+ });
2146
+ });
1276
2147
  showGlobalModal("generic");
1277
2148
  }
1278
2149
  } else {
1279
2150
  validateAll("A");
1280
2151
  }
1281
2152
  },
1282
- rejectAll: () => {
2153
+ rejectAll: function rejectAll() {
1283
2154
  if (origin === "RequestWithoutContentoh" && !user.is_retailer && (!product.id_order || !product.orderId)) {
1284
2155
  return;
1285
2156
  } else if (user.is_retailer) {
@@ -1287,13 +2158,16 @@ const ProviderProductEdition = _ref => {
1287
2158
  setValidatedAll(true);
1288
2159
  setShowRejectModal(true);
1289
2160
  } else {
1290
- setDataGenericModal(prev => ({
1291
- ...prev,
1292
- button2: {
1293
- name: "Continuar",
1294
- action: () => evaluationToRetailer("R")
1295
- }
1296
- }));
2161
+ setDataGenericModal(function (prev) {
2162
+ return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
2163
+ button2: {
2164
+ name: "Continuar",
2165
+ action: function action() {
2166
+ return evaluationToRetailer("R");
2167
+ }
2168
+ }
2169
+ });
2170
+ });
1297
2171
  showGlobalModal("generic");
1298
2172
  }
1299
2173
  } else {
@@ -1301,8 +2175,10 @@ const ProviderProductEdition = _ref => {
1301
2175
  setValidatedAll(true);
1302
2176
  }
1303
2177
  },
1304
- approve: () => sendToEvaluation("A"),
1305
- reject: () => {
2178
+ approve: function approve() {
2179
+ return sendToEvaluation("A");
2180
+ },
2181
+ reject: function reject() {
1306
2182
  setShowRejectModal(true);
1307
2183
  }
1308
2184
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FullTabsMenu.FullTabsMenu, {
@@ -1328,17 +2204,20 @@ const ProviderProductEdition = _ref => {
1328
2204
  setSelectedImages: setSelectedImages,
1329
2205
  setShowVersionSelector: setShowVersionSelector,
1330
2206
  user: user,
1331
- onClickSave: () => {
2207
+ onClickSave: function onClickSave() {
1332
2208
  switch (activeTab) {
1333
2209
  case "Descripción":
1334
2210
  !saving && saveDescriptions();
1335
2211
  break;
2212
+
1336
2213
  case "Ficha técnica":
1337
2214
  !saving && saveDatasheets();
1338
2215
  break;
2216
+
1339
2217
  case "Imágenes":
1340
2218
  !saving && updateImages();
1341
2219
  break;
2220
+
1342
2221
  default:
1343
2222
  break;
1344
2223
  }
@@ -1351,23 +2230,25 @@ const ProviderProductEdition = _ref => {
1351
2230
  checkAll: checkAll,
1352
2231
  setCheckAll: setCheckAll
1353
2232
  }), activeTab === "Ficha técnica" && ((product === null || product === void 0 ? void 0 : product.datasheet_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
1354
- children: (_datasheets$ = datasheets[0]) === null || _datasheets$ === void 0 ? void 0 : (_datasheets$$data = _datasheets$.data) === null || _datasheets$$data === void 0 ? void 0 : _datasheets$$data.map((dataGroup, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputGroup.InputGroup, {
1355
- articleId: product.id_article,
1356
- version: version,
1357
- activeSection: activeTab,
1358
- inputGroup: dataGroup,
1359
- dataInputs: datasheets[1],
1360
- updatedDatasheets: updatedDatasheets,
1361
- setUpdatedDatasheets: setUpdatedDatasheets,
1362
- isShowbox: true,
1363
- activeRetailer: services[0][activeRetailer.id],
1364
- groupData: services[0][activeRetailer.id].data,
1365
- setUpdatedBoxData: e => {
1366
- setBoxData(e);
1367
- },
1368
- index: index
1369
- //enableActions={enableActions(product.version_status)} ADD THIS VALIDATION
1370
- }, index + "-" + activeRetailer.name))
2233
+ children: (_datasheets$ = datasheets[0]) === null || _datasheets$ === void 0 ? void 0 : (_datasheets$$data = _datasheets$.data) === null || _datasheets$$data === void 0 ? void 0 : _datasheets$$data.map(function (dataGroup, index) {
2234
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputGroup.InputGroup, {
2235
+ articleId: product.id_article,
2236
+ version: version,
2237
+ activeSection: activeTab,
2238
+ inputGroup: dataGroup,
2239
+ dataInputs: datasheets[1],
2240
+ updatedDatasheets: updatedDatasheets,
2241
+ setUpdatedDatasheets: setUpdatedDatasheets,
2242
+ isShowbox: true,
2243
+ activeRetailer: services[0][activeRetailer.id],
2244
+ groupData: services[0][activeRetailer.id].data,
2245
+ setUpdatedBoxData: function setUpdatedBoxData(e) {
2246
+ setBoxData(e);
2247
+ },
2248
+ index: index //enableActions={enableActions(product.version_status)} ADD THIS VALIDATION
2249
+
2250
+ }, index + "-" + activeRetailer.name);
2251
+ })
1371
2252
  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
1372
2253
  text: "No cuentas con este servicio",
1373
2254
  headerType: "input-name-header"
@@ -1385,16 +2266,13 @@ const ProviderProductEdition = _ref => {
1385
2266
  headerType: "input-name-header"
1386
2267
  })), activeTab === "Imágenes" && ((product === null || product === void 0 ? void 0 : product.images_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsx)("section", {
1387
2268
  className: "container",
1388
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
1389
- ...getRootProps({
1390
- className: "dropzone"
1391
- }),
1392
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
1393
- ...getInputProps()
1394
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("aside", {
2269
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread3.default)((0, _objectSpread3.default)({}, getRootProps({
2270
+ className: "dropzone"
2271
+ })), {}, {
2272
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", (0, _objectSpread3.default)({}, getInputProps())), /*#__PURE__*/(0, _jsxRuntime.jsx)("aside", {
1395
2273
  children: thumbs()
1396
2274
  })]
1397
- })
2275
+ }))
1398
2276
  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
1399
2277
  text: "No cuentas con este servicio",
1400
2278
  headerType: "input-name-header"
@@ -1423,7 +2301,7 @@ const ProviderProductEdition = _ref => {
1423
2301
  iconSize: "big-image",
1424
2302
  slidePosition: "top-slide"
1425
2303
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
1426
- onClick: () => {
2304
+ onClick: function onClick() {
1427
2305
  setShowContentohRequestModal && setShowContentohRequestModal(true);
1428
2306
  },
1429
2307
  buttonType: "general-default-button",
@@ -1447,11 +2325,12 @@ const ProviderProductEdition = _ref => {
1447
2325
  text: message,
1448
2326
  color: "white"
1449
2327
  }, "2")],
1450
- onClick: () => setMessage("")
1451
- }), globalModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.GlobalModal, {
1452
- close: closeGlobalModal,
1453
- ...globalModal
1454
- }), showVersionSelector && /*#__PURE__*/(0, _jsxRuntime.jsx)(_VersionSelector.VersionSelector, {
2328
+ onClick: function onClick() {
2329
+ return setMessage("");
2330
+ }
2331
+ }), globalModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.GlobalModal, (0, _objectSpread3.default)({
2332
+ close: closeGlobalModal
2333
+ }, globalModal)), showVersionSelector && /*#__PURE__*/(0, _jsxRuntime.jsx)(_VersionSelector.VersionSelector, {
1455
2334
  modalId: "version-selector",
1456
2335
  articleId: product.id_article,
1457
2336
  setVersion: setVersion,
@@ -1472,25 +2351,41 @@ const ProviderProductEdition = _ref => {
1472
2351
  type: "white",
1473
2352
  label: "Cancelar",
1474
2353
  size: 12,
1475
- onClick: () => {
2354
+ onClick: function onClick() {
1476
2355
  setShowRejectModal(false);
1477
2356
  }
1478
2357
  }, "btn-Cancelar"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
1479
2358
  type: "pink",
1480
2359
  label: "Aceptar",
1481
2360
  size: 12,
1482
- onClick: async () => {
1483
- const body = document.querySelector("#modal-message-box .ql-container .ql-editor > p").innerHTML;
1484
- const messages = [{
1485
- type: "message",
1486
- value: body === null || body === void 0 ? void 0 : body.replace(/<.*?\/?>/gm, "")
1487
- }];
1488
- await createComment(messages, activeRetailer.id);
1489
- validatedAll ? validateAll("R") : sendToEvaluation("R");
1490
- setShowRejectModal(false);
1491
- }
2361
+ onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee21() {
2362
+ var body, messages;
2363
+ return _regenerator.default.wrap(function _callee21$(_context21) {
2364
+ while (1) {
2365
+ switch (_context21.prev = _context21.next) {
2366
+ case 0:
2367
+ body = document.querySelector("#modal-message-box .ql-container .ql-editor > p").innerHTML;
2368
+ messages = [{
2369
+ type: "message",
2370
+ value: body === null || body === void 0 ? void 0 : body.replace(/<.*?\/?>/gm, "")
2371
+ }];
2372
+ _context21.next = 4;
2373
+ return createComment(messages, activeRetailer.id);
2374
+
2375
+ case 4:
2376
+ validatedAll ? validateAll("R") : sendToEvaluation("R");
2377
+ setShowRejectModal(false);
2378
+
2379
+ case 6:
2380
+ case "end":
2381
+ return _context21.stop();
2382
+ }
2383
+ }
2384
+ }, _callee21);
2385
+ }))
1492
2386
  }, "btn-Aceptar")]
1493
2387
  })]
1494
2388
  });
1495
2389
  };
2390
+
1496
2391
  exports.ProviderProductEdition = ProviderProductEdition;