contentoh-components-library 21.4.72 → 21.4.73

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 (283) hide show
  1. package/dist/components/atoms/Avatar/index.js +2 -3
  2. package/dist/components/atoms/CheckBox/styles.js +1 -1
  3. package/dist/components/atoms/GeneralButton/styles.js +2 -6
  4. package/dist/components/atoms/InputFormatter/styles.js +3 -3
  5. package/dist/components/atoms/SliderToolTip/styles.js +1 -1
  6. package/dist/components/molecules/BoxAttribute/index.js +3 -3
  7. package/dist/components/molecules/BoxAttribute/styles.js +1 -1
  8. package/dist/components/molecules/BoxButtons/index.js +1 -0
  9. package/dist/components/molecules/CarouselImagesLogin/index.js +1 -1
  10. package/dist/components/molecules/HeaderTop/index.js +11 -68
  11. package/dist/components/molecules/SignInLogin/index.js +28 -36
  12. package/dist/components/molecules/StripeCardSelector/CardSelector.stories.js +2 -1
  13. package/dist/components/organisms/Chat/Chat.stories.js +8 -27
  14. package/dist/components/organisms/Chat/ContainerItems/index.js +3 -19
  15. package/dist/components/organisms/Chat/ContainerItems/styles.js +1 -1
  16. package/dist/components/organisms/Chat/ContentChat/index.js +197 -350
  17. package/dist/components/organisms/Chat/Footer/index.js +39 -48
  18. package/dist/components/organisms/Chat/index.js +4 -49
  19. package/dist/components/organisms/Chat/styles.js +1 -1
  20. package/dist/components/organisms/DashboardMetric/index.js +6 -12
  21. package/dist/components/organisms/FullProductNameHeader/index.js +2 -2
  22. package/dist/components/organisms/InputGroup/index.js +10 -1
  23. package/dist/components/organisms/Modal/styles.js +1 -1
  24. package/dist/components/organisms/VersionSelector/index.js +4 -2
  25. package/dist/components/pages/Dashboard/Dashboard.stories.js +36 -33
  26. package/dist/components/pages/Dashboard/index.js +9 -37
  27. package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +38 -34
  28. package/dist/components/pages/ProviderProductEdition/index.js +196 -190
  29. package/dist/components/pages/ProviderProductEdition/styles.js +1 -1
  30. package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +53 -52
  31. package/dist/components/pages/RetailerProductEdition/index.js +300 -318
  32. package/dist/components/pages/RetailerProductEdition/styles.js +1 -1
  33. package/dist/components/pages/RetailerProductEdition/utils.js +2 -61
  34. package/dist/global-files/data.js +29 -22
  35. package/dist/global-files/variables.js +1 -7
  36. package/dist/index.js +58 -201
  37. package/package.json +1 -2
  38. package/src/components/atoms/Avatar/index.js +2 -8
  39. package/src/components/atoms/CheckBox/styles.js +0 -2
  40. package/src/components/atoms/GeneralButton/styles.js +0 -46
  41. package/src/components/atoms/InputFormatter/styles.js +4 -9
  42. package/src/components/atoms/SliderToolTip/styles.js +1 -1
  43. package/src/components/atoms/TabSection/index.js +1 -1
  44. package/src/components/atoms/TabSection/styles.js +1 -1
  45. package/src/components/molecules/BoxAttribute/index.js +25 -32
  46. package/src/components/molecules/BoxAttribute/styles.js +1 -1
  47. package/src/components/molecules/BoxButtons/index.js +22 -23
  48. package/src/components/molecules/CarouselImagesLogin/index.js +1 -1
  49. package/src/components/molecules/HeaderTop/index.js +6 -52
  50. package/src/components/molecules/SignInLogin/index.js +11 -11
  51. package/src/components/molecules/StripeCardSelector/CardSelector.stories.js +2 -1
  52. package/src/components/molecules/TagAndInput/index.js +5 -6
  53. package/src/components/organisms/Chat/Chat.stories.js +7 -27
  54. package/src/components/organisms/Chat/ContainerItems/index.js +2 -18
  55. package/src/components/organisms/Chat/ContainerItems/styles.js +2 -14
  56. package/src/components/organisms/Chat/ContentChat/index.js +12 -88
  57. package/src/components/organisms/Chat/Footer/index.js +0 -11
  58. package/src/components/organisms/Chat/index.js +4 -46
  59. package/src/components/organisms/Chat/styles.js +0 -4
  60. package/src/components/organisms/DashboardMetric/index.js +3 -6
  61. package/src/components/organisms/FullProductNameHeader/index.js +1 -1
  62. package/src/components/organisms/InputGroup/index.js +119 -131
  63. package/src/components/organisms/Modal/styles.js +1 -4
  64. package/src/components/organisms/OrderDetail/utils/Table/utils.js +16 -6
  65. package/src/components/organisms/VersionSelector/index.js +2 -1
  66. package/src/components/pages/Dashboard/Dashboard.stories.js +38 -33
  67. package/src/components/pages/Dashboard/index.js +7 -36
  68. package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +83 -110
  69. package/src/components/pages/ProviderProductEdition/index.js +152 -134
  70. package/src/components/pages/ProviderProductEdition/styles.js +1 -5
  71. package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +52 -52
  72. package/src/components/pages/RetailerProductEdition/index.js +137 -120
  73. package/src/components/pages/RetailerProductEdition/styles.js +0 -4
  74. package/src/components/pages/RetailerProductEdition/utils.js +0 -37
  75. package/src/global-files/data.js +46 -14
  76. package/src/global-files/variables.js +0 -6
  77. package/src/index.js +0 -11
  78. package/src/assets/images/Icons/infoNR.svg +0 -8
  79. package/src/assets/images/flagsv2/highPriority.svg +0 -3
  80. package/src/assets/images/flagsv2/lowPriority.svg +0 -3
  81. package/src/assets/images/flagsv2/mediumPriority.svg +0 -3
  82. package/src/assets/images/flagsv2/noPriority.svg +0 -3
  83. package/src/assets/images/generalButton/closeIconWhite.svg +0 -4
  84. package/src/assets/images/generalButton/closeIconv2.svg +0 -4
  85. package/src/components/atoms/CharsMissing/Wysiwyg.stories.js +0 -12
  86. package/src/components/atoms/CharsMissing/index.js +0 -60
  87. package/src/components/atoms/CharsMissing/styles.js +0 -44
  88. package/src/components/atoms/FeatureTagv2/FeatureTagv2.stories.js +0 -16
  89. package/src/components/atoms/FeatureTagv2/index.js +0 -10
  90. package/src/components/atoms/FeatureTagv2/styles.js +0 -56
  91. package/src/components/atoms/GeneralInputv2/GeneralInputv2.stories.js +0 -33
  92. package/src/components/atoms/GeneralInputv2/index.js +0 -155
  93. package/src/components/atoms/GeneralInputv2/styles.js +0 -67
  94. package/src/components/atoms/ImageCarousel/ImgeSlider.stories.js +0 -76
  95. package/src/components/atoms/ImageCarousel/index.js +0 -103
  96. package/src/components/atoms/ImageCarousel/styles.js +0 -79
  97. package/src/components/atoms/InputFormatterv2/Wysiwyg.stories.js +0 -12
  98. package/src/components/atoms/InputFormatterv2/index.js +0 -148
  99. package/src/components/atoms/InputFormatterv2/styles.js +0 -39
  100. package/src/components/atoms/InputImages/InputImages.stories.js +0 -19
  101. package/src/components/atoms/InputImages/index.js +0 -25
  102. package/src/components/atoms/InputImages/styles.js +0 -17
  103. package/src/components/atoms/NumberMandatory/NumberMandatory.stories.js +0 -19
  104. package/src/components/atoms/NumberMandatory/index.js +0 -16
  105. package/src/components/atoms/NumberMandatory/styles.js +0 -11
  106. package/src/components/atoms/PercentTag/PercentTag.stories.js +0 -7
  107. package/src/components/atoms/PercentTag/index.js +0 -9
  108. package/src/components/atoms/PercentTag/styles.js +0 -69
  109. package/src/components/atoms/PriorityFlagv2/PriorityFlagv2.stories.js +0 -20
  110. package/src/components/atoms/PriorityFlagv2/index.js +0 -20
  111. package/src/components/atoms/PriorityFlagv2/styles.js +0 -6
  112. package/src/components/atoms/ProductImagev2/ProductImagev2.stories.js +0 -28
  113. package/src/components/atoms/ProductImagev2/index.js +0 -16
  114. package/src/components/atoms/ProductImagev2/styles.js +0 -62
  115. package/src/components/atoms/Progress/Progress.stories.js +0 -25
  116. package/src/components/atoms/Progress/index.js +0 -74
  117. package/src/components/atoms/Progress/styles.js +0 -98
  118. package/src/components/atoms/RatingStars/RatingStars.stories.js +0 -10
  119. package/src/components/atoms/RatingStars/index.js +0 -31
  120. package/src/components/atoms/RatingStars/styles.js +0 -28
  121. package/src/components/atoms/RetailerCatalog/RetailerCatalog.stories.js +0 -36
  122. package/src/components/atoms/RetailerCatalog/index.js +0 -49
  123. package/src/components/atoms/RetailerCatalog/styles.js +0 -30
  124. package/src/components/atoms/RetailerOption/RetailerOption.stories.js +0 -15
  125. package/src/components/atoms/RetailerOption/index.js +0 -53
  126. package/src/components/atoms/RetailerOption/styles.js +0 -41
  127. package/src/components/atoms/RetailersList/RetailersList.stories.js +0 -33
  128. package/src/components/atoms/RetailersList/index.js +0 -20
  129. package/src/components/atoms/RetailersList/styles.js +0 -19
  130. package/src/components/atoms/ScreenHeaderv2/ScreenHeaderv2.stories.js +0 -53
  131. package/src/components/atoms/ScreenHeaderv2/index.js +0 -134
  132. package/src/components/atoms/ScreenHeaderv2/styles.js +0 -103
  133. package/src/components/atoms/Selectv2/VersionSelect.js +0 -27
  134. package/src/components/atoms/Selectv2/index.js +0 -35
  135. package/src/components/atoms/Selectv2/style.js +0 -93
  136. package/src/components/atoms/TabSectionv2/TabSection.stories.js +0 -25
  137. package/src/components/atoms/TabSectionv2/index.js +0 -9
  138. package/src/components/atoms/TabSectionv2/styles.js +0 -20
  139. package/src/components/atoms/TooltipLight/Tooltip.stories.js +0 -20
  140. package/src/components/atoms/TooltipLight/index.js +0 -46
  141. package/src/components/atoms/TooltipLight/styles.js +0 -65
  142. package/src/components/atoms/UserCatalog/UserCatalog.stories.js +0 -67
  143. package/src/components/atoms/UserCatalog/index.js +0 -100
  144. package/src/components/atoms/UserCatalog/styles.js +0 -24
  145. package/src/components/atoms/UserOption/UserOption.stories.js +0 -25
  146. package/src/components/atoms/UserOption/index.js +0 -95
  147. package/src/components/atoms/UserOption/styles.js +0 -61
  148. package/src/components/atoms/UserSelector/UserSelector.stories.js +0 -25
  149. package/src/components/atoms/UserSelector/index.js +0 -86
  150. package/src/components/atoms/UserSelector/styles.js +0 -55
  151. package/src/components/atoms/WordsMissing/Wysiwyg.stories.js +0 -12
  152. package/src/components/atoms/WordsMissing/index.js +0 -60
  153. package/src/components/atoms/WordsMissing/styles.js +0 -10
  154. package/src/components/molecules/AsignationInfo/AsignationInfo.stories.js +0 -17
  155. package/src/components/molecules/AsignationInfo/index.js +0 -108
  156. package/src/components/molecules/AsignationInfo/styles.js +0 -86
  157. package/src/components/molecules/EditionActiveImagev2/EditionActiveImagev2.stories.js +0 -12
  158. package/src/components/molecules/EditionActiveImagev2/index.js +0 -15
  159. package/src/components/molecules/EditionActiveImagev2/styles.js +0 -7
  160. package/src/components/molecules/FeaturesBarv2/FeaturesBarv2.stories.js +0 -20
  161. package/src/components/molecules/FeaturesBarv2/index.js +0 -32
  162. package/src/components/molecules/FeaturesBarv2/styles.js +0 -17
  163. package/src/components/molecules/GalleryElementv2/GalleryElementv2.stories.js +0 -30
  164. package/src/components/molecules/GalleryElementv2/index.js +0 -142
  165. package/src/components/molecules/GalleryElementv2/styles.js +0 -119
  166. package/src/components/molecules/GalleryHeaderv2/GalleryHeaderv2.stories.js +0 -10
  167. package/src/components/molecules/GalleryHeaderv2/index.js +0 -25
  168. package/src/components/molecules/GalleryHeaderv2/styles.js +0 -47
  169. package/src/components/molecules/GridItem/GridItem.stories.js +0 -126
  170. package/src/components/molecules/GridItem/index.js +0 -105
  171. package/src/components/molecules/GridItem/styles.js +0 -104
  172. package/src/components/molecules/HeaderItem/ColumnItem.js +0 -9
  173. package/src/components/molecules/HeaderItem/HeaderItem.stories.js +0 -24
  174. package/src/components/molecules/HeaderItem/index.js +0 -26
  175. package/src/components/molecules/HeaderItem/styles.js +0 -27
  176. package/src/components/molecules/HeaderTopv2/HeaderTopv2.stories.js +0 -10
  177. package/src/components/molecules/HeaderTopv2/index.js +0 -100
  178. package/src/components/molecules/HeaderTopv2/styles.js +0 -33
  179. package/src/components/molecules/ImageSelectorv2/ImageSelectorv2.stories.js +0 -46
  180. package/src/components/molecules/ImageSelectorv2/index.js +0 -22
  181. package/src/components/molecules/ImageSelectorv2/styles.js +0 -15
  182. package/src/components/molecules/Phase/Phase.stories.js +0 -37
  183. package/src/components/molecules/Phase/index.js +0 -56
  184. package/src/components/molecules/Phase/styles.js +0 -82
  185. package/src/components/molecules/ProductNameHeaderv2/ProductNameHeaderv2.stories.js +0 -37
  186. package/src/components/molecules/ProductNameHeaderv2/index.js +0 -12
  187. package/src/components/molecules/ProductNameHeaderv2/styles.js +0 -10
  188. package/src/components/molecules/ProductSkuStatus/ProductSkuStatus.stories.js +0 -37
  189. package/src/components/molecules/ProductSkuStatus/index.js +0 -26
  190. package/src/components/molecules/ProductSkuStatus/styles.js +0 -7
  191. package/src/components/molecules/RetailerSelectorv2/RetailerSelectorv2.stories.js +0 -35
  192. package/src/components/molecules/RetailerSelectorv2/index.js +0 -80
  193. package/src/components/molecules/RetailerSelectorv2/styles.js +0 -21
  194. package/src/components/molecules/RowItem/ColumnItem.js +0 -9
  195. package/src/components/molecules/RowItem/RowItem.stories.js +0 -5660
  196. package/src/components/molecules/RowItem/index.js +0 -45
  197. package/src/components/molecules/RowItem/styles.js +0 -40
  198. package/src/components/molecules/ServiceDataValidator/ServiceDataValidator.stories.js +0 -90
  199. package/src/components/molecules/ServiceDataValidator/index.js +0 -49
  200. package/src/components/molecules/ServiceDataValidator/styles.js +0 -36
  201. package/src/components/molecules/StatusRetailer/StatusAsignationInfo.stories.js +0 -17
  202. package/src/components/molecules/StatusRetailer/index.js +0 -55
  203. package/src/components/molecules/StatusRetailer/styles.js +0 -85
  204. package/src/components/molecules/TabsMenuv2/TabsMenuv2.stories.js +0 -19
  205. package/src/components/molecules/TabsMenuv2/index.js +0 -112
  206. package/src/components/molecules/TabsMenuv2/styles.js +0 -19
  207. package/src/components/molecules/TagAndInputv2/TagAndInputv2.stories.js +0 -24
  208. package/src/components/molecules/TagAndInputv2/index.js +0 -86
  209. package/src/components/molecules/TagAndInputv2/styles.js +0 -35
  210. package/src/components/molecules/Validation/Validation.stories.js +0 -12
  211. package/src/components/molecules/Validation/index.js +0 -77
  212. package/src/components/molecules/Validation/styles.js +0 -19
  213. package/src/components/molecules/VersionItemv2/VersionItemv2.stories.js +0 -14
  214. package/src/components/molecules/VersionItemv2/index.js +0 -59
  215. package/src/components/molecules/VersionItemv2/styles.js +0 -47
  216. package/src/components/organisms/BarButtons/BarButtons.stories.js +0 -13
  217. package/src/components/organisms/BarButtons/index.js +0 -150
  218. package/src/components/organisms/BarButtons/styles.js +0 -54
  219. package/src/components/organisms/Chatv2/ChatLists/ChatLists.stories.js +0 -65
  220. package/src/components/organisms/Chatv2/ChatLists/Rotoplas.jpeg +0 -0
  221. package/src/components/organisms/Chatv2/ChatLists/THD.png +0 -0
  222. package/src/components/organisms/Chatv2/ChatLists/index.js +0 -141
  223. package/src/components/organisms/Chatv2/ChatLists/styles.js +0 -162
  224. package/src/components/organisms/Chatv2/Chatv2.stories.js +0 -184
  225. package/src/components/organisms/Chatv2/ContainerItems/ContainerItems.stories.js +0 -142
  226. package/src/components/organisms/Chatv2/ContainerItems/index.js +0 -538
  227. package/src/components/organisms/Chatv2/ContainerItems/styles.js +0 -360
  228. package/src/components/organisms/Chatv2/ContentChat/ContentChat.stories.js +0 -102
  229. package/src/components/organisms/Chatv2/ContentChat/Rotoplas.jpeg +0 -0
  230. package/src/components/organisms/Chatv2/ContentChat/THD.png +0 -0
  231. package/src/components/organisms/Chatv2/ContentChat/index.js +0 -1016
  232. package/src/components/organisms/Chatv2/ContentChat/styles.js +0 -44
  233. package/src/components/organisms/Chatv2/Footer/Footer.stories.js +0 -22
  234. package/src/components/organisms/Chatv2/Footer/index.js +0 -668
  235. package/src/components/organisms/Chatv2/Footer/styles.js +0 -290
  236. package/src/components/organisms/Chatv2/Header/Header.stories.js +0 -66
  237. package/src/components/organisms/Chatv2/Header/index.js +0 -93
  238. package/src/components/organisms/Chatv2/Header/styles.js +0 -49
  239. package/src/components/organisms/Chatv2/index.js +0 -281
  240. package/src/components/organisms/Chatv2/styles.js +0 -85
  241. package/src/components/organisms/CompleteServices/CompleteServices.stories.js +0 -91
  242. package/src/components/organisms/CompleteServices/index.js +0 -82
  243. package/src/components/organisms/CompleteServices/styles.js +0 -35
  244. package/src/components/organisms/DragAndDropPhases/DragAndDropPhases.stories.js +0 -12
  245. package/src/components/organisms/DragAndDropPhases/index.js +0 -67
  246. package/src/components/organisms/DragAndDropPhases/styles.js +0 -20
  247. package/src/components/organisms/DragPrueba/DragPrueba.stories.js +0 -12
  248. package/src/components/organisms/DragPrueba/index.js +0 -57
  249. package/src/components/organisms/DragPrueba/styles.js +0 -8
  250. package/src/components/organisms/FullProductNamev2/FullProductNamev2.stories.js +0 -28
  251. package/src/components/organisms/FullProductNamev2/index.js +0 -101
  252. package/src/components/organisms/FullProductNamev2/styles.js +0 -49
  253. package/src/components/organisms/FullTabsMenuv2/FullTabsMenuv2.stories.js +0 -22
  254. package/src/components/organisms/FullTabsMenuv2/index.js +0 -142
  255. package/src/components/organisms/FullTabsMenuv2/styles.js +0 -47
  256. package/src/components/organisms/GridProducts/GridProducts.stories.js +0 -5485
  257. package/src/components/organisms/GridProducts/index.js +0 -50
  258. package/src/components/organisms/GridProducts/styles.js +0 -14
  259. package/src/components/organisms/GridProducts/utils.js +0 -111
  260. package/src/components/organisms/ImageDataTablev2/ImageDataTablev2.stories.js +0 -24
  261. package/src/components/organisms/ImageDataTablev2/index.js +0 -124
  262. package/src/components/organisms/ImageDataTablev2/styles.js +0 -18
  263. package/src/components/organisms/ImagePreviewerv2/ImagePreviewerv2.stories.js +0 -38
  264. package/src/components/organisms/ImagePreviewerv2/index.js +0 -22
  265. package/src/components/organisms/ImagePreviewerv2/styles.js +0 -7
  266. package/src/components/organisms/InputGroupv2/InputGroupv2.stories.js +0 -31
  267. package/src/components/organisms/InputGroupv2/index.js +0 -296
  268. package/src/components/organisms/InputGroupv2/styles.js +0 -90
  269. package/src/components/organisms/MandatoryBar/MandatoryBar.stories.js +0 -18
  270. package/src/components/organisms/MandatoryBar/index.js +0 -31
  271. package/src/components/organisms/MandatoryBar/styles.js +0 -12
  272. package/src/components/organisms/ProductImageModalv2/ProductImageModalv2.stories.js +0 -90
  273. package/src/components/organisms/ProductImageModalv2/index.js +0 -105
  274. package/src/components/organisms/ProductImageModalv2/styles.js +0 -71
  275. package/src/components/organisms/RenameImagesBar/RenameImagesBar.stories.js +0 -18
  276. package/src/components/organisms/RenameImagesBar/index.js +0 -30
  277. package/src/components/organisms/RenameImagesBar/styles.js +0 -12
  278. package/src/components/organisms/VersionSelectorv2/VersionSelectorv2.stories.js +0 -15
  279. package/src/components/organisms/VersionSelectorv2/index.js +0 -105
  280. package/src/components/organisms/VersionSelectorv2/styles.js +0 -45
  281. package/src/components/pages/ProductEditionv2/ProductEditionv2.stories.js +0 -213
  282. package/src/components/pages/ProductEditionv2/index.js +0 -1758
  283. package/src/components/pages/ProductEditionv2/styles.js +0 -154
@@ -24,20 +24,15 @@ import descriptionSent from "../../../assets/images/modalsSVGs/descriptionSent.s
24
24
  import imagesSent from "../../../assets/images/modalsSVGs/uploadingImages.svg";
25
25
  import { TagAndInput } from "../../molecules/TagAndInput/index";
26
26
  import { Button } from "../../atoms/GeneralButton";
27
+ import { Commentary } from "../../atoms/Commentary";
27
28
  import { GenericModal } from "../../atoms/GenericModal";
28
29
  import { ScreenHeader } from "../../atoms/ScreenHeader";
29
30
  import { Loading } from "../../atoms/Loading";
30
31
  import succes from "../../../assets/images/genericModal/genericModalCheck.svg";
32
+ import errorModal from "../../../assets/images/genericModal/errorModal.svg";
31
33
  import { VersionSelector } from "../../organisms/VersionSelector";
32
34
  import { useCloseModal } from "../../../global-files/customHooks";
33
- import {
34
- getAuditVersion,
35
- getInputsData,
36
- createMessage,
37
- sendMessage,
38
- } from "./utils";
39
- import { Modal } from "../../organisms/Modal";
40
- import { ButtonV2 } from "../../atoms/ButtonV2";
35
+ import { getAuditVersion, getInputsData } from "./utils";
41
36
 
42
37
  const reducerImages = (state, action) => {
43
38
  let { values, attrForImgs, inputsByRetailer } = state;
@@ -137,7 +132,6 @@ export const RetailerProductEdition = ({
137
132
  const [datasheets, setDatasheets] = useState([]);
138
133
  const [images, setImages] = useReducer(reducerImages, {});
139
134
  const [showModal, setShowModal] = useState(false);
140
- const [showRejectModal, setShowRejectModal] = useState(false);
141
135
  const { getRootProps, getInputProps } = useDropzone({
142
136
  accept: "image/*",
143
137
  noKeyboard: true,
@@ -224,11 +218,6 @@ export const RetailerProductEdition = ({
224
218
  const [auditDescriptions, setAuditDescriptions] = useState([]);
225
219
  const [auditImages, setAuditImages] = useState([]);
226
220
  const [compare, setCompare] = useState(false);
227
- const [valRejAll, setValRejAll] = useState(false);
228
-
229
- const [desc, setDesc] = useState([]);
230
- const [fich, setFich] = useState([]);
231
- const [imag, setImag] = useState([]);
232
221
 
233
222
  useEffect(async () => {
234
223
  const { id_article } = product?.article || {};
@@ -283,20 +272,7 @@ export const RetailerProductEdition = ({
283
272
  getServices();
284
273
  setImages({ action: "init", init: services[2] });
285
274
  if (services[2]?.values?.length > 0) setActiveImage(0);
286
- const data = [
287
- {
288
- id_article: product.article.id_article,
289
- id_category: product.article.id_category,
290
- version: product.version,
291
- id_retailer_array: (
292
- product.retailersAvailable ?? product.retailers
293
- ).map(({ id }) => id),
294
- },
295
- ];
296
- const headers = { Authorization: token };
297
- getPercentage({ data, headers }).then((res) => {
298
- setPercentages(res[0]);
299
- });
275
+ getPercentage({ data: [product] }).then((res) => setPercentages(res[0]));
300
276
  setLoading(false);
301
277
  } catch (error) {
302
278
  console.log(error);
@@ -587,7 +563,6 @@ export const RetailerProductEdition = ({
587
563
  active: images?.values?.some((value) => value?.image_id === e?.id),
588
564
  }));
589
565
  setSocketType(imageInputs);
590
- console.log(images);
591
566
  }, [images]);
592
567
 
593
568
  const updateImages = useCallback(async () => {
@@ -962,25 +937,6 @@ export const RetailerProductEdition = ({
962
937
  const { newStatus, newOrderStatus, newArticleStatus } = JSON.parse(
963
938
  res.data.body
964
939
  );
965
- const messageToChat = createMessage(
966
- product.retailers,
967
- activeRetailer.id,
968
- evalStatus,
969
- newStatus,
970
- activeTab
971
- );
972
-
973
- const data = {
974
- paramsBody: {
975
- id: product.article.id_article,
976
- version: version,
977
- items: [{ type: "status", value: messageToChat }],
978
- retailerId: activeRetailer.id,
979
- status: product.status,
980
- },
981
- paramsHeader: { Authorization: token },
982
- };
983
- await sendMessage(data);
984
940
  if (newOrderStatus) productTemp.status = newArticleStatus[articleId];
985
941
  productTemp[`${concept}_status`] = newStatus;
986
942
  await loadData();
@@ -1023,19 +979,35 @@ export const RetailerProductEdition = ({
1023
979
  return product?.article[`id_auditor`] === user.id_user;
1024
980
  };
1025
981
 
1026
- const createComment = async (messages = [], retailerId) => {
982
+ const createComment = async (e, body, tab) => {
983
+ let concept = "";
984
+ switch (activeTab) {
985
+ case "Ficha técnica":
986
+ concept = "datasheet";
987
+ break;
988
+ case "Imágenes":
989
+ concept = "images";
990
+ break;
991
+
992
+ default:
993
+ concept = "description";
994
+ break;
995
+ }
1027
996
  const data = {
1028
- paramsBody: {
1029
- id: product.article.id_article,
1030
- version: version,
1031
- items: messages,
1032
- retailerId: retailerId,
1033
- status: product.status,
1034
- },
1035
- paramsHeader: { Authorization: token },
997
+ articleId: product?.article?.id_article,
998
+ orderId: product?.orderId,
999
+ message: body?.replace(/<.*?\/?>/gm, ""),
1000
+ concept: concept,
1001
+ version: version,
1036
1002
  };
1003
+ await axios.post(`${process.env.REACT_APP_COMMENTS_ENDPOINT}`, data, {
1004
+ headers: {
1005
+ Authorization: token,
1006
+ },
1007
+ });
1008
+ await getComments(tab);
1037
1009
  setMessage("");
1038
- return sendMessage(data);
1010
+ setComponentsArray([]);
1039
1011
  };
1040
1012
 
1041
1013
  const getRequired = (services) => {
@@ -1287,7 +1259,6 @@ export const RetailerProductEdition = ({
1287
1259
  };
1288
1260
 
1289
1261
  useEffect(() => {
1290
- console.log(servicesData, "servicesData");
1291
1262
  let status = getRetailerStatus(servicesData, activeTab);
1292
1263
  setRetailerStatus(status);
1293
1264
  }, [activeTab, servicesData, activeRetailer]);
@@ -1365,6 +1336,7 @@ export const RetailerProductEdition = ({
1365
1336
  // };
1366
1337
 
1367
1338
  const validateAll = async (result) => {
1339
+
1368
1340
  try {
1369
1341
  setLoading(true);
1370
1342
  const evaluationArray = [];
@@ -1382,8 +1354,6 @@ export const RetailerProductEdition = ({
1382
1354
  break;
1383
1355
  }
1384
1356
 
1385
- const messages = [];
1386
-
1387
1357
  servicesData?.forEach((ret) => {
1388
1358
  if (conceptArray.includes(ret.service)) {
1389
1359
  let data = {
@@ -1403,19 +1373,19 @@ export const RetailerProductEdition = ({
1403
1373
  );
1404
1374
  }
1405
1375
  });
1376
+
1406
1377
  await Promise.all(evaluationArray);
1407
1378
 
1408
1379
  const productTemp = product;
1409
1380
  productTemp.status = `${result}A`;
1410
1381
  productTemp.datasheet_status =
1411
- productTemp.datasheet_status === "NS" ? "NS" : `${result}A`;
1382
+ productTemp.datasheet_status === "NA" ? "NA" : `${result}A`;
1412
1383
  productTemp.description_status =
1413
- productTemp.description_status === "NS" ? "NS" : `${result}A`;
1384
+ productTemp.description_status === "NA" ? "NA" : `${result}A`;
1414
1385
  productTemp.images_status =
1415
- productTemp.images_status === "NS" ? "NS" : `${result}A`;
1386
+ productTemp.images_status === "NA" ? "NA" : `${result}A`;
1416
1387
  sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
1417
1388
  setProduct(productTemp);
1418
- const messagesResponse = await Promise.all(messages);
1419
1389
 
1420
1390
  await loadData();
1421
1391
  } catch (error) {
@@ -1431,10 +1401,8 @@ export const RetailerProductEdition = ({
1431
1401
  setCompare={setCompare}
1432
1402
  isAuditor={[1, 6].includes(user.id_role)}
1433
1403
  withChat={location?.state?.withChat}
1434
- chatType={location?.state?.chatType}
1435
- productSelected={product}
1404
+ productSelected={productSelected}
1436
1405
  token={token}
1437
- activeRetailer={activeRetailer}
1438
1406
  />
1439
1407
  <div className="data-container">
1440
1408
  <div className="image-data-panel">
@@ -1474,7 +1442,36 @@ export const RetailerProductEdition = ({
1474
1442
  sendToFacilitator("A");
1475
1443
  }}
1476
1444
  reject={() => {
1477
- setShowRejectModal(true);
1445
+ sendToFacilitator("R");
1446
+ setMessage("Rechazado");
1447
+ setComponentsArray([
1448
+ <img src={errorModal} />,
1449
+ <ScreenHeader
1450
+ text={"Agrega tu comentarios para enviar el rechazo"}
1451
+ headerType={"input-name-header"}
1452
+ color={"white"}
1453
+ />,
1454
+ <TagAndInput
1455
+ label={"Caja de Comentario"}
1456
+ inputType={"textarea"}
1457
+ inputId={"modal-commentary-box"}
1458
+ index={0}
1459
+ color={"white"}
1460
+ />,
1461
+ <Button
1462
+ buttonType={"general-default-button"}
1463
+ label={"Enviar comentario"}
1464
+ onClick={(e) =>
1465
+ createComment(
1466
+ e,
1467
+ document.querySelector(
1468
+ "#modal-commentary-box .ql-container .ql-editor > p"
1469
+ ).innerHTML,
1470
+ activeTab
1471
+ )
1472
+ }
1473
+ />,
1474
+ ]);
1478
1475
  }}
1479
1476
  showApproveRejectAll={
1480
1477
  approveRejectAllButtons() && (auditorAssigned() || userAssigned())
@@ -1484,8 +1481,36 @@ export const RetailerProductEdition = ({
1484
1481
  }
1485
1482
  approveAll={() => validateAll("A")}
1486
1483
  rejectAll={() => {
1487
- setShowRejectModal(true);
1488
- setValRejAll(true);
1484
+ validateAll("R");
1485
+ setMessage("Rechazado");
1486
+ setComponentsArray([
1487
+ <img src={errorModal} />,
1488
+ <ScreenHeader
1489
+ text={"Agrega tu comentarios para enviar el rechazo"}
1490
+ headerType={"input-name-header"}
1491
+ color={"white"}
1492
+ />,
1493
+ <TagAndInput
1494
+ label={"Caja de Comentario"}
1495
+ inputType={"textarea"}
1496
+ inputId={"modal-commentary-box"}
1497
+ index={0}
1498
+ color={"white"}
1499
+ />,
1500
+ <Button
1501
+ buttonType={"general-default-button"}
1502
+ label={"Enviar comentario"}
1503
+ onClick={(e) =>
1504
+ createComment(
1505
+ e,
1506
+ document.querySelector(
1507
+ "#modal-commentary-box .ql-container .ql-editor > p"
1508
+ ).innerHTML,
1509
+ activeTab
1510
+ )
1511
+ }
1512
+ />,
1513
+ ]);
1489
1514
  }}
1490
1515
  />
1491
1516
  <FullTabsMenu
@@ -1501,12 +1526,6 @@ export const RetailerProductEdition = ({
1501
1526
  isRetailer={isRetailer}
1502
1527
  showSaveButton={auditorAssigned() || userAssigned()}
1503
1528
  version={version}
1504
- desc={desc}
1505
- setDesc={setDesc}
1506
- fich={fich}
1507
- setFich={setFich}
1508
- imag={imag}
1509
- setImag={setImag}
1510
1529
  updatedDescriptions={updatedDescriptions}
1511
1530
  setUpdatedDescriptions={setUpdatedDescriptions}
1512
1531
  updatedDatasheets={updatedDatasheets}
@@ -1621,6 +1640,47 @@ export const RetailerProductEdition = ({
1621
1640
  {(userAssigned(activeTab) || auditorAssigned()) &&
1622
1641
  product[`${getConcept(activeTab)}_status`] !== "NS" && (
1623
1642
  <div className="commentary-box">
1643
+ {!comment ? (
1644
+ <div className="commentary">
1645
+ <TagAndInput
1646
+ label={"Caja de Comentario"}
1647
+ inputType={"textarea"}
1648
+ inputCols={80}
1649
+ inputRows={4}
1650
+ inputId={"commentary-box"}
1651
+ index={0}
1652
+ />
1653
+ <div className="buttons-box">
1654
+ <Button
1655
+ buttonType={"general-transparent-button"}
1656
+ label={"Enviar comentario"}
1657
+ onClick={(e) =>
1658
+ createComment(
1659
+ e,
1660
+ document.querySelector(
1661
+ "#commentary-box .ql-container .ql-editor > p"
1662
+ ).innerHTML,
1663
+ activeTab
1664
+ )
1665
+ }
1666
+ />
1667
+ </div>
1668
+ </div>
1669
+ ) : (
1670
+ <div className="feedback-box">
1671
+ <Commentary
1672
+ comment={comment?.message?.replace(/<.*?\/?>/gm, "")}
1673
+ reviewed={crossComment}
1674
+ />
1675
+ <Button
1676
+ buttonType={"circular-button accept-button"}
1677
+ onClick={async () => {
1678
+ setCrossComment(true);
1679
+ commentRevised();
1680
+ }}
1681
+ />
1682
+ </div>
1683
+ )}
1624
1684
  {[7, 8].includes(user.id_role) && (
1625
1685
  <Button
1626
1686
  buttonType={
@@ -1678,49 +1738,6 @@ export const RetailerProductEdition = ({
1678
1738
  jwt={token}
1679
1739
  />
1680
1740
  )}
1681
- {showRejectModal && (
1682
- <Modal
1683
- title={`Agregar mensaje de rechazo para ${activeTab?.toLowerCase()}`}
1684
- show={showRejectModal}
1685
- customComponent={
1686
- <TagAndInput
1687
- inputType={"textarea"}
1688
- inputId={"modal-message-box"}
1689
- index={0}
1690
- color={"white"}
1691
- />
1692
- }
1693
- buttons={[
1694
- <ButtonV2
1695
- key={"btn-Cancelar"}
1696
- type={"white"}
1697
- label={"Cancelar"}
1698
- size={12}
1699
- onClick={() => {
1700
- setShowRejectModal(false);
1701
- }}
1702
- />,
1703
- <ButtonV2
1704
- key={"btn-Aceptar"}
1705
- type={"pink"}
1706
- label={"Aceptar"}
1707
- size={12}
1708
- onClick={async () => {
1709
- const body = document.querySelector(
1710
- "#modal-message-box .ql-container .ql-editor > p"
1711
- ).innerHTML;
1712
- const messages = [
1713
- { type: "message", value: body?.replace(/<.*?\/?>/gm, "") },
1714
- ];
1715
- await createComment(messages, activeRetailer.id);
1716
- valRejAll ? validateAll("R") : sendToFacilitator("R");
1717
- setMessage("Rechazado");
1718
- setShowRejectModal(false);
1719
- }}
1720
- />,
1721
- ]}
1722
- />
1723
- )}
1724
1741
  </Container>
1725
1742
  );
1726
1743
  };
@@ -89,10 +89,6 @@ export const Container = styled.div`
89
89
  }
90
90
  }
91
91
  }
92
- #modal-message-box {
93
- width: 400px;
94
- height: 100px;
95
- }
96
92
  .container {
97
93
  width: 100%;
98
94
  height: 100%;
@@ -1,5 +1,4 @@
1
1
  import axios from "axios";
2
- import { fetchPOST } from "../../../global-files/handle_http";
3
2
 
4
3
  export const getAuditVersion = async (articleId, setState, token) => {
5
4
  const auditResponse = await axios.get(
@@ -33,39 +32,3 @@ export const getInputsData = (
33
32
  setDescriptionState(descriptions);
34
33
  }
35
34
  };
36
-
37
- export const translateService = (tab) => {
38
- switch (tab) {
39
- case "description":
40
- case "Descripción":
41
- return "Descripciones";
42
- case "datasheet":
43
- case "Ficha técnica":
44
- return "Fichas técnicas";
45
- case "images":
46
- case "Imágenes":
47
- return "Imágenes";
48
- }
49
- };
50
-
51
- export const createMessage = (
52
- retailers,
53
- idRetailer,
54
- oldStatus,
55
- newStatus,
56
- service
57
- ) => {
58
- const [retailer] = retailers?.filter((ret) => ret.id === idRetailer) || [];
59
- return `${translateService(service)} de ${
60
- retailer.name
61
- } |${oldStatus}| a |${newStatus}`;
62
- };
63
-
64
- export const sendMessage = async (data) => {
65
- const { paramsBody, paramsHeader } = data;
66
- return fetchPOST(
67
- process.env.REACT_APP_CREATE_MESSAGES,
68
- paramsBody,
69
- paramsHeader
70
- );
71
- };
@@ -7,23 +7,29 @@ export const getRetailerServices = async (
7
7
  category,
8
8
  categoryId,
9
9
  version,
10
- Authorization
10
+ token
11
11
  ) => {
12
12
  try {
13
13
  const responseArray = await Promise.all([
14
14
  axios.post(
15
15
  `${process.env.REACT_APP_ARTICLE_DATA_DATASHEET_ENDPOINT}?idCategory=${categoryId}&articleId=${articleId}&version=${version}`,
16
- {},
17
- { headers: { Authorization } }
16
+ {
17
+
18
+ },
19
+ {
20
+ headers: {
21
+ Authorization: token,
22
+ },
23
+ }
18
24
  ),
19
25
  axios.get(
20
- `${process.env.REACT_APP_ARTICLE_DATA_DESCRIPTION_ENDPOINT}?idCategory=${categoryId}&articleId=${articleId}&version=${version}`,
21
- { headers: { Authorization } }
26
+ `${process.env.REACT_APP_ARTICLE_DATA_DESCRIPTION_ENDPOINT}?idCategory=${categoryId}&articleId=${articleId}&version=${version}`
22
27
  ),
23
28
  axios.post(
24
29
  `${process.env.REACT_APP_ARTICLE_DATA_IMAGES_ENDPOINT}?articleId=${articleId}&version=${version}`,
25
- { category },
26
- { headers: { Authorization } }
30
+ {
31
+ category,
32
+ }
27
33
  ),
28
34
  ]);
29
35
 
@@ -88,17 +94,43 @@ export const getImage = (imageGeneral, width = 250, height = 250) => {
88
94
 
89
95
  export const getPercentage = async (params = {}) => {
90
96
  const func = async () => {
91
- const headers = {
92
- Authorization:
93
- params?.headers?.Authorization ?? sessionStorage.getItem("jwt"),
94
- };
97
+ const dataToSend = [];
98
+ const arrayRetailers = [];
99
+ let retailers =
100
+ params.data[0].retailers || params.data[0].retailersAvailable;
101
+ params.data.forEach((product, i) => {
102
+ dataToSend.push(
103
+ product.article
104
+ ? {
105
+ id_article: product.article.id_article,
106
+ id_category: product.article.id_category,
107
+ version: product.version,
108
+ }
109
+ : {
110
+ id_article: product.id_article,
111
+ id_category: product.id_category,
112
+ version: product.version,
113
+ }
114
+ );
115
+ retailers.forEach((retailer) => {
116
+ arrayRetailers.push(retailer.id);
117
+ });
118
+ dataToSend[i].id_retailer_array = arrayRetailers;
119
+ });
120
+
95
121
  return await axios
96
122
  .post(
97
123
  process.env.REACT_APP_VALID_EXPORT_ENDPOINT,
98
- { data: params.data },
99
- { headers }
124
+ { data: dataToSend },
125
+ {
126
+ headers: {
127
+ Authorization: sessionStorage.getItem("jwt"),
128
+ },
129
+ }
100
130
  )
101
- .then((response) => [response.data])
131
+ .then((response) => {
132
+ return [response.data];
133
+ })
102
134
  .catch((err) => console.log(err, "Errror"));
103
135
  };
104
136
 
@@ -15,12 +15,6 @@ export const GlobalColors = {
15
15
  finished: "#18A0FB",
16
16
  exported: "#71DE56",
17
17
  white: "#FFFFFF",
18
- gray_light: "#F0F0F0",
19
- gray:"#707070",
20
- blue_light:"#F7F7FC",
21
- purple:"#8A6CAA",
22
- gray_medium:"#CBCBCB",
23
- black:"#262626",
24
18
  };
25
19
 
26
20
  export const FontFamily = {
package/src/index.js CHANGED
@@ -33,13 +33,6 @@ export * from "./components/atoms/ImagePreview/index";
33
33
  export * from "./components/atoms/InputText/index";
34
34
  export * from "./components/atoms/NotFound/index";
35
35
  export * from "./components/atoms/Tooltip/index";
36
- export * from "./components/atoms/UserOption/index";
37
- export * from "./components/atoms/UserCatalog/index";
38
- export * from "./components/atoms/UserSelector/index";
39
- export * from "./components/atoms/ImageCarousel/index";
40
- export * from "./components/atoms/RetailersList/index";
41
- export * from "./components/atoms/RetailerOption/index";
42
- export * from "./components/atoms/RetailerCatalog/index";
43
36
 
44
37
  //molecules
45
38
  export * from "./components/molecules/AvatarAndValidation/index";
@@ -72,9 +65,6 @@ export * from "./components/molecules/SelectV2/index";
72
65
  export * from "./components/molecules/Dropdown/index";
73
66
  export * from "./components/molecules/StripeCardForm/index";
74
67
  export * from "./components/molecules/StripeCardSelector/index";
75
- export * from "./components/molecules/GridItem/index";
76
- export * from "./components/molecules/HeaderItem/index";
77
- export * from "./components/molecules/RowItem/index";
78
68
 
79
69
  //organisms
80
70
  export * from "./components/organisms/ChangePassword/index";
@@ -92,7 +82,6 @@ export * from "./components/organisms/OrderDetail/index";
92
82
  export * from "./components/organisms/RangeCalendar";
93
83
  export * from "./components/organisms/TableResizable";
94
84
  export * from "./components/organisms/SideModal/index";
95
- export * from "./components/organisms/GridProducts/index";
96
85
  export * from "./components/organisms/PanelLayout";
97
86
 
98
87
  //pages
@@ -1,8 +0,0 @@
1
- <svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <mask id="mask0_37_379" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="8" height="8">
3
- <rect width="8" height="8" fill="#D9D9D9"/>
4
- </mask>
5
- <g mask="url(#mask0_37_379)">
6
- <path d="M3.63807 5.98825H4.40893V3.62867H3.63807V5.98825ZM3.99596 3.07403C4.124 3.07403 4.2311 3.03169 4.31727 2.947C4.40345 2.86232 4.44653 2.75738 4.44653 2.6322C4.44653 2.49463 4.40331 2.38347 4.31685 2.29871C4.2304 2.21394 4.12327 2.17156 3.99547 2.17156C3.86061 2.17156 3.75166 2.21394 3.66863 2.29871C3.58559 2.38347 3.54407 2.49307 3.54407 2.6275C3.54407 2.7566 3.58737 2.8633 3.67398 2.94759C3.7606 3.03188 3.86792 3.07403 3.99596 3.07403ZM3.9991 8C3.44212 8 2.92156 7.89633 2.43741 7.68899C1.95324 7.48165 1.52964 7.19646 1.16659 6.83341C0.803541 6.47036 0.518349 6.04696 0.311013 5.5632C0.103671 5.07943 0 4.5588 0 4.0013C0 3.44379 0.103671 2.92273 0.311013 2.4381C0.518349 1.95348 0.803049 1.53104 1.16511 1.1708C1.52718 0.810554 1.95032 0.525358 2.43455 0.315215C2.91877 0.105072 3.43989 0 3.99792 0C4.55595 0 5.07764 0.10483 5.56301 0.314491C6.04837 0.524146 6.47094 0.80868 6.83072 1.16809C7.1905 1.52751 7.47533 1.95015 7.6852 2.43603C7.89507 2.92191 8 3.44396 8 4.0022C8 4.56004 7.89493 5.08098 7.68479 5.56504C7.47464 6.04909 7.18945 6.47169 6.8292 6.83282C6.46896 7.19395 6.04646 7.47876 5.56169 7.68726C5.07694 7.89575 4.55607 8 3.9991 8ZM4 7.11633C4.86173 7.11633 5.59499 6.81435 6.19977 6.21037C6.80454 5.60639 7.10693 4.8696 7.10693 4C7.10693 3.13827 6.80513 2.40501 6.20153 1.80024C5.59793 1.19546 4.86095 0.893067 3.9906 0.893067C3.12887 0.893067 2.39561 1.19487 1.79083 1.79847C1.18606 2.40207 0.883666 3.13905 0.883666 4.0094C0.883666 4.87113 1.18565 5.60439 1.78963 6.20917C2.39361 6.81394 3.1304 7.11633 4 7.11633Z" fill="#707070"/>
7
- </g>
8
- </svg>
@@ -1,3 +0,0 @@
1
- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M6 16H7.375V11H10L11 13H16V7H13L12 5H6V16ZM10 20C8.63333 20 7.34167 19.7375 6.125 19.2125C4.90833 18.6875 3.84583 17.9708 2.9375 17.0625C2.02917 16.1542 1.3125 15.0917 0.7875 13.875C0.2625 12.6583 0 11.3667 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.02917 3.825 2.9375 2.925C3.84583 2.025 4.90833 1.3125 6.125 0.7875C7.34167 0.2625 8.63333 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3667 19.7375 12.6583 19.2125 13.875C18.6875 15.0917 17.975 16.1542 17.075 17.0625C16.175 17.9708 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z" fill="#FC3030"/>
3
- </svg>
@@ -1,3 +0,0 @@
1
- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M6 16H7.375V11H10L11 13H16V7H13L12 5H6V16ZM10 20C8.63333 20 7.34167 19.7375 6.125 19.2125C4.90833 18.6875 3.84583 17.9708 2.9375 17.0625C2.02917 16.1542 1.3125 15.0917 0.7875 13.875C0.2625 12.6583 0 11.3667 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.02917 3.825 2.9375 2.925C3.84583 2.025 4.90833 1.3125 6.125 0.7875C7.34167 0.2625 8.63333 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3667 19.7375 12.6583 19.2125 13.875C18.6875 15.0917 17.975 16.1542 17.075 17.0625C16.175 17.9708 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z" fill="#71DE56"/>
3
- </svg>
@@ -1,3 +0,0 @@
1
- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M6 16H7.375V11H10L11 13H16V7H13L12 5H6V16ZM10 20C8.63333 20 7.34167 19.7375 6.125 19.2125C4.90833 18.6875 3.84583 17.9708 2.9375 17.0625C2.02917 16.1542 1.3125 15.0917 0.7875 13.875C0.2625 12.6583 0 11.3667 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.02917 3.825 2.9375 2.925C3.84583 2.025 4.90833 1.3125 6.125 0.7875C7.34167 0.2625 8.63333 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3667 19.7375 12.6583 19.2125 13.875C18.6875 15.0917 17.975 16.1542 17.075 17.0625C16.175 17.9708 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z" fill="#EFD963"/>
3
- </svg>
@@ -1,3 +0,0 @@
1
- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M6 16H7.375V11H10L11 13H16V7H13L12 5H6V16ZM10 20C8.63333 20 7.34167 19.7375 6.125 19.2125C4.90833 18.6875 3.84583 17.9708 2.9375 17.0625C2.02917 16.1542 1.3125 15.0917 0.7875 13.875C0.2625 12.6583 0 11.3667 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.02917 3.825 2.9375 2.925C3.84583 2.025 4.90833 1.3125 6.125 0.7875C7.34167 0.2625 8.63333 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3667 19.7375 12.6583 19.2125 13.875C18.6875 15.0917 17.975 16.1542 17.075 17.0625C16.175 17.9708 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z" fill="#CBCBCB"/>
3
- </svg>
@@ -1,4 +0,0 @@
1
- <svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <line x1="13.3585" y1="12.1333" x2="39.8661" y2="38.641" stroke="#FFFFFF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
3
- <path d="M39.8672 12.1333L13.8672 38.1333" stroke="#FFFFFF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
4
- </svg>
@@ -1,4 +0,0 @@
1
- <svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <line x1="13.3585" y1="12.1333" x2="39.8661" y2="38.641" stroke="#707070" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
3
- <path d="M39.8672 12.1333L13.8672 38.1333" stroke="#707070" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
4
- </svg>
@@ -1,12 +0,0 @@
1
- import { CharsMissing } from "./index";
2
-
3
- export default {
4
- title: "Components/atoms/CharsMissing",
5
- component: CharsMissing,
6
- };
7
-
8
- const Template = (args) => <CharsMissing {...args} />;
9
-
10
- export const DefaultCharsMissing = Template.bind({});
11
-
12
- DefaultCharsMissing.args = { text: "hola mundo" };