contentoh-components-library 0.1.1 → 8.0.0

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 (409) hide show
  1. package/.env.development +16 -3
  2. package/.env.production +14 -1
  3. package/CHANGELOG.md +40 -0
  4. package/dist/assets/fonts/avenirnext/AvenirNextLTPro-Bold.otf +0 -0
  5. package/dist/assets/fonts/avenirnext/AvenirNextLTPro-It.otf +0 -0
  6. package/dist/assets/fonts/avenirnext/AvenirNextLTPro-Regular.otf +0 -0
  7. package/dist/assets/fonts/lato/Lato-Bold.ttf +0 -0
  8. package/dist/assets/fonts/lato/Lato-Italic.ttf +0 -0
  9. package/dist/assets/fonts/lato/Lato-Light.ttf +0 -0
  10. package/dist/assets/fonts/lato/Lato-Regular.ttf +0 -0
  11. package/dist/assets/fonts/lato/Lato-Thin.ttf +0 -0
  12. package/dist/assets/fonts/lato/OFL.txt +93 -0
  13. package/dist/assets/fonts/raleway/Raleway-Black.ttf +0 -0
  14. package/dist/assets/fonts/raleway/Raleway-Bold.ttf +0 -0
  15. package/dist/assets/fonts/raleway/Raleway-ExtraBold.ttf +0 -0
  16. package/dist/assets/fonts/raleway/Raleway-Italic.ttf +0 -0
  17. package/dist/assets/fonts/raleway/Raleway-Medium.ttf +0 -0
  18. package/dist/assets/fonts/raleway/Raleway-Regular.ttf +0 -0
  19. package/dist/assets/fonts/raleway/Raleway-SemiBold.ttf +0 -0
  20. package/dist/assets/images/activedFilter/removeFilter.svg +3 -0
  21. package/dist/assets/images/arrow/arrowIcon.svg +3 -0
  22. package/dist/assets/images/arrow/polygon.svg +3 -0
  23. package/dist/assets/images/asignationOptions/availableIcon.svg +3 -0
  24. package/dist/assets/images/asignationOptions/removeAsigned.svg +4 -0
  25. package/dist/assets/images/asignationOptions/requestToProvider.svg +3 -0
  26. package/dist/assets/images/asignationOptions/requestToTeam.svg +3 -0
  27. package/dist/assets/images/card/masterCardIcon.svg +5 -0
  28. package/dist/assets/images/checkBox/checked.svg +3 -0
  29. package/dist/assets/images/checkBox/unchecked.svg +3 -0
  30. package/dist/assets/images/componentAssigned/assignedImage1.svg +9 -0
  31. package/dist/assets/images/componentAssigned/assignedImage2.svg +9 -0
  32. package/dist/assets/images/componentAssigned/clock.svg +4 -0
  33. package/dist/assets/images/componentAssigned/flag.svg +3 -0
  34. package/dist/assets/images/defaultImages/defaultProductImage.png +0 -0
  35. package/dist/assets/images/defaultImages/defaultProfileImage.svg +13 -0
  36. package/dist/assets/images/defaultImages/defaultUpdate.png +0 -0
  37. package/dist/assets/images/dropDownButton/dropDownArrowButton.svg +3 -0
  38. package/dist/assets/images/editField/editField.svg +3 -0
  39. package/dist/assets/images/flags/highPriority.svg +3 -0
  40. package/dist/assets/images/flags/lowPriority.svg +3 -0
  41. package/dist/assets/images/flags/mediumPriority.svg +3 -0
  42. package/dist/assets/images/flags/noPriority.svg +3 -0
  43. package/dist/assets/images/generalButton/acceptIcon.svg +3 -0
  44. package/dist/assets/images/generalButton/closeIcon.svg +4 -0
  45. package/dist/assets/images/generalButton/deleteIcon.svg +13 -0
  46. package/dist/assets/images/generalButton/deleteIconHover.svg +13 -0
  47. package/dist/assets/images/generalButton/gridLayout.svg +3 -0
  48. package/dist/assets/images/generalButton/nullIcon.svg +3 -0
  49. package/dist/assets/images/generalButton/openModal.svg +3 -0
  50. package/dist/assets/images/generalButton/rejectIcon.svg +3 -0
  51. package/dist/assets/images/generalButton/rowLayout.svg +3 -0
  52. package/dist/assets/images/generalButton/saveIcon.svg +3 -0
  53. package/dist/assets/images/generalButton/saveIconHover.svg +3 -0
  54. package/dist/assets/images/generalImage/assigned.svg +14 -0
  55. package/dist/assets/images/generalImage/bags.svg +25 -0
  56. package/dist/assets/images/generalImage/clock.svg +4 -0
  57. package/dist/assets/images/generalImage/flag.svg +3 -0
  58. package/dist/assets/images/genericModal/genericModalCheck.svg +3 -0
  59. package/dist/assets/images/genericModal/genericModalClose.svg +3 -0
  60. package/dist/assets/images/genericModal/genericModalDown.svg +3 -0
  61. package/dist/assets/images/genericModal/genericModalUp.svg +3 -0
  62. package/dist/assets/images/genericModal/genericModalWarning.svg +12 -0
  63. package/dist/assets/images/logo/logoLogin.svg +15 -0
  64. package/dist/assets/images/menuNotification/menuNotificationComment.svg +3 -0
  65. package/dist/assets/images/menuNotification/menuNotificationProduct.svg +3 -0
  66. package/dist/assets/images/menuProfile/logOut.svg +3 -0
  67. package/dist/assets/images/menuProfile/myAccount.svg +3 -0
  68. package/dist/assets/images/menuProfile/settings.svg +3 -0
  69. package/dist/assets/images/modalsSVGs/attributesSent.svg +208 -0
  70. package/dist/assets/images/modalsSVGs/descriptionSent.svg +237 -0
  71. package/dist/assets/images/modalsSVGs/providerSent.svg +445 -0
  72. package/dist/assets/images/modalsSVGs/uploadingImages.svg +148 -0
  73. package/dist/assets/images/productImage/openModal.svg +3 -0
  74. package/dist/assets/images/productNotification/productNotification.svg +3 -0
  75. package/dist/assets/images/profileHeader/profilePicture.svg +9 -0
  76. package/dist/assets/images/providerAndCadena/Cadena.svg +188 -0
  77. package/dist/assets/images/providerAndCadena/LoginContentoh.svg +15 -0
  78. package/dist/assets/images/providerAndCadena/Proveedor.svg +231 -0
  79. package/dist/assets/images/sideMenuButton/contenoh.svg +5 -0
  80. package/dist/assets/images/sideMenuButton/dashboard.svg +5 -0
  81. package/dist/assets/images/sideMenuButton/products.svg +10 -0
  82. package/dist/assets/images/sideMenuButton/providers.svg +10 -0
  83. package/dist/assets/images/sideMenuButton/tasks.svg +3 -0
  84. package/dist/components/atoms/AsignationOption/index.js +10 -5
  85. package/dist/components/atoms/AsignationOption/styles.js +1 -1
  86. package/dist/components/atoms/AtomList/index.js +5 -3
  87. package/dist/components/atoms/AtomList/styles.js +1 -1
  88. package/dist/components/atoms/Avatar/index.js +4 -2
  89. package/dist/components/atoms/Card/Card.stories.js +22 -0
  90. package/dist/components/atoms/Card/index.js +19 -0
  91. package/dist/components/atoms/Card/styles.js +18 -0
  92. package/dist/components/atoms/CheckBox/index.js +3 -1
  93. package/dist/components/atoms/Commentary/Commentary.stories.js +1 -0
  94. package/dist/components/atoms/Commentary/index.js +15 -0
  95. package/dist/components/atoms/Commentary/styles.js +20 -0
  96. package/dist/components/atoms/CustomerTypeImage/index.js +2 -1
  97. package/dist/components/atoms/EditField/EditField.stories.js +24 -0
  98. package/dist/components/atoms/EditField/index.js +29 -0
  99. package/dist/components/atoms/EditField/styles.js +20 -0
  100. package/dist/components/atoms/GeneralButton/GeneralButton.stories.js +1 -1
  101. package/dist/components/atoms/GeneralButton/index.js +3 -1
  102. package/dist/components/atoms/GeneralButton/styles.js +12 -2
  103. package/dist/components/atoms/GeneralInput/index.js +60 -8
  104. package/dist/components/atoms/GeneralInput/styles.js +4 -1
  105. package/dist/components/atoms/GeneralTextBox/styles.js +1 -1
  106. package/dist/components/atoms/GenericModal/GenericModal.stories.js +171 -0
  107. package/dist/components/atoms/GenericModal/index.js +23 -0
  108. package/dist/components/atoms/GenericModal/styles.js +22 -0
  109. package/dist/components/atoms/GradientPanel/GradientPanel.stories.js +135 -4
  110. package/dist/components/atoms/GradientPanel/index.js +4 -2
  111. package/dist/components/atoms/GradientPanel/styles.js +2 -2
  112. package/dist/components/atoms/Graphic/Graphic.stories.js +30 -0
  113. package/dist/components/atoms/Graphic/index.js +30 -0
  114. package/dist/components/atoms/Graphic/styles.js +18 -0
  115. package/dist/components/atoms/Input/index.js +19 -0
  116. package/dist/components/atoms/Input/style.js +26 -0
  117. package/dist/components/atoms/LabelToInput/index.js +48 -0
  118. package/dist/components/atoms/LabelToInput/style.js +22 -0
  119. package/dist/components/atoms/LoadImageMenu/LoadImageMenu.stories.js +29 -0
  120. package/dist/components/atoms/LoadImageMenu/index.js +74 -0
  121. package/dist/components/atoms/LoadImageMenu/styles.js +20 -0
  122. package/dist/components/atoms/LogoImage/LogoImage.stories.js +22 -0
  123. package/dist/components/atoms/LogoImage/index.js +23 -0
  124. package/dist/components/atoms/LogoImage/styles.js +18 -0
  125. package/dist/components/atoms/MenuNotification/MenuNotification.stories.js +33 -0
  126. package/dist/components/atoms/MenuNotification/index.js +35 -0
  127. package/dist/components/atoms/MenuNotification/styles.js +20 -0
  128. package/dist/components/atoms/MenuProfile/MenuProfile.stories.js +24 -0
  129. package/dist/components/atoms/MenuProfile/index.js +47 -0
  130. package/dist/components/atoms/MenuProfile/styles.js +20 -0
  131. package/dist/components/atoms/Notification/Notification.stories.js +30 -0
  132. package/dist/components/atoms/Notification/index.js +27 -0
  133. package/dist/components/atoms/Notification/styles.js +20 -0
  134. package/dist/components/atoms/Percent/Percent.stories.js +33 -0
  135. package/dist/components/atoms/Percent/index.js +32 -0
  136. package/dist/components/atoms/Percent/styles.js +20 -0
  137. package/dist/components/atoms/PriorityFlag/index.js +1 -1
  138. package/dist/components/atoms/ProductImage/styles.js +1 -1
  139. package/dist/components/atoms/ProgressBar/index.js +2 -2
  140. package/dist/components/atoms/ProgressBar/styles.js +3 -5
  141. package/dist/components/atoms/ScreenHeader/ScreenHeader.stories.js +9 -2
  142. package/dist/components/atoms/ScreenHeader/index.js +5 -3
  143. package/dist/components/atoms/ScreenHeader/styles.js +17 -2
  144. package/dist/components/atoms/Select/index.js +32 -0
  145. package/dist/components/atoms/Select/style.js +32 -0
  146. package/dist/components/atoms/StatusTag/styles.js +1 -1
  147. package/dist/components/atoms/ValidationPanel/index.js +4 -3
  148. package/dist/components/molecules/AddProvidersAndProducts/AddProvidersAndProducts.stories.js +28 -0
  149. package/dist/components/molecules/AddProvidersAndProducts/index.js +36 -0
  150. package/dist/components/molecules/AddProvidersAndProducts/styles.js +20 -0
  151. package/dist/components/molecules/AssignedWork/AssignedWork.stories.js +44 -0
  152. package/dist/components/molecules/AssignedWork/index.js +55 -0
  153. package/dist/components/molecules/AssignedWork/styles.js +20 -0
  154. package/dist/components/molecules/AvatarAndValidation/index.js +17 -7
  155. package/dist/components/molecules/AvatarAndValidation/styles.js +1 -1
  156. package/dist/components/molecules/EditionActiveImage/index.js +6 -2
  157. package/dist/components/molecules/FeaturesBar/index.js +21 -2
  158. package/dist/components/molecules/FeaturesBar/styles.js +1 -1
  159. package/dist/components/molecules/GalleryElement/index.js +51 -20
  160. package/dist/components/molecules/GalleryElement/styles.js +1 -1
  161. package/dist/components/molecules/GalleryHeader/GalleryHeader.stories.js +22 -0
  162. package/dist/components/molecules/GalleryHeader/index.js +30 -0
  163. package/dist/components/molecules/GalleryHeader/styles.js +20 -0
  164. package/dist/components/molecules/ImageSelector/index.js +8 -5
  165. package/dist/components/molecules/ParentComponent/ParentComponent.stories.js +25 -0
  166. package/dist/components/molecules/ParentComponent/index.js +67 -0
  167. package/dist/components/molecules/ParentComponent/styles.js +18 -0
  168. package/dist/components/molecules/PayMethod/PayMethod.stories.js +22 -0
  169. package/dist/components/molecules/PayMethod/index.js +61 -0
  170. package/dist/components/molecules/PayMethod/styles.js +20 -0
  171. package/dist/components/molecules/PlanSelection/PlanSelection.stories.js +0 -3
  172. package/dist/components/molecules/PlanSelection/index.js +1 -1
  173. package/dist/components/molecules/PlanSelection/styles.js +1 -1
  174. package/dist/components/molecules/ProductNameHeader/index.js +1 -2
  175. package/dist/components/molecules/ProductNotification/ProductNotification.stories.js +24 -0
  176. package/dist/components/molecules/ProductNotification/index.js +71 -0
  177. package/dist/components/molecules/ProductNotification/styles.js +20 -0
  178. package/dist/components/molecules/ProfileHeader/ProfileHeader.stories.js +30 -0
  179. package/dist/components/molecules/ProfileHeader/index.js +73 -0
  180. package/dist/components/molecules/ProfileHeader/styles.js +20 -0
  181. package/dist/components/molecules/RetailerSelector/RetailerSelector.stories.js +42 -0
  182. package/dist/components/molecules/RetailerSelector/index.js +71 -0
  183. package/dist/components/molecules/RetailerSelector/styles.js +20 -0
  184. package/dist/components/molecules/SidebarNotification/SidebarNotification.stories.js +98 -0
  185. package/dist/components/molecules/SidebarNotification/index.js +105 -0
  186. package/dist/components/molecules/SidebarNotification/styles.js +20 -0
  187. package/dist/components/molecules/StatusAsignationInfo/index.js +51 -12
  188. package/dist/components/molecules/StatusAsignationInfo/styles.js +1 -1
  189. package/dist/components/molecules/TableHeader/index.js +5 -4
  190. package/dist/components/molecules/TabsMenu/index.js +4 -2
  191. package/dist/components/molecules/TagAndInput/index.js +28 -3
  192. package/dist/components/molecules/TagAndInput/styles.js +1 -1
  193. package/dist/components/organisms/FullProductNameHeader/index.js +32 -8
  194. package/dist/components/organisms/FullTabsMenu/index.js +17 -5
  195. package/dist/components/organisms/FullTabsMenu/styles.js +1 -1
  196. package/dist/components/organisms/Fullplan/FullPlan.stories.js +13 -15
  197. package/dist/components/organisms/Fullplan/index.js +1 -1
  198. package/dist/components/organisms/Fullplan/styles.js +1 -1
  199. package/dist/components/organisms/ImageDataTable/index.js +77 -15
  200. package/dist/components/organisms/ImageDataTable/styles.js +7 -1
  201. package/dist/components/organisms/ImagePreviewer/index.js +6 -19
  202. package/dist/components/organisms/InputGroup/index.js +53 -8
  203. package/dist/components/organisms/InputGroup/styles.js +1 -1
  204. package/dist/components/organisms/ProductImageModal/ProductImageModal.stories.js +122 -120
  205. package/dist/components/organisms/ProductImageModal/index.js +28 -12
  206. package/dist/components/organisms/ProductImageModal/styles.js +1 -1
  207. package/dist/components/pages/CustomerLogin/CustomerLogin.stories.js +95 -0
  208. package/dist/components/pages/CustomerLogin/index.js +29 -0
  209. package/dist/components/pages/CustomerLogin/styles.js +18 -0
  210. package/dist/components/pages/CustomerPayMethod/CustomerPayMethod.stories.js +72 -0
  211. package/dist/components/pages/CustomerPayMethod/index.js +29 -0
  212. package/dist/components/pages/CustomerPayMethod/styles.js +18 -0
  213. package/dist/components/pages/CustomerType/CustomerType.stories.js +16 -5
  214. package/dist/components/pages/CustomerType/styles.js +1 -3
  215. package/dist/components/pages/OnboardPlan/OnboardPlan.stories.js +24 -10
  216. package/dist/components/pages/OnboardPlan/index.js +8 -10
  217. package/dist/components/pages/OnboardPlan/styles.js +1 -1
  218. package/dist/components/pages/RetailerPlan/RetailerPlan.stories.js +59 -0
  219. package/dist/components/pages/RetailerPlan/index.js +31 -0
  220. package/dist/components/pages/RetailerPlan/styles.js +18 -0
  221. package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +101 -313
  222. package/dist/components/pages/RetailerProductEdition/index.js +1071 -39
  223. package/dist/components/pages/RetailerProductEdition/styles.js +1 -1
  224. package/dist/global-files/data.js +219 -0
  225. package/dist/global-files/variables.js +1 -0
  226. package/dist/index.js +7 -2
  227. package/package.json +10 -4
  228. package/src/assets/images/arrow/arrowIcon.svg +3 -0
  229. package/src/assets/images/arrow/polygon.svg +3 -0
  230. package/src/assets/images/card/masterCardIcon.svg +5 -0
  231. package/src/assets/images/componentAssigned/assignedImage1.svg +9 -0
  232. package/src/assets/images/componentAssigned/assignedImage2.svg +9 -0
  233. package/src/assets/images/componentAssigned/clock.svg +4 -0
  234. package/src/assets/images/componentAssigned/flag.svg +3 -0
  235. package/src/assets/images/defaultImages/defaultUpdate.png +0 -0
  236. package/src/assets/images/editField/editField.svg +3 -0
  237. package/src/assets/images/generalButton/deleteIcon.svg +13 -0
  238. package/src/assets/images/generalButton/deleteIconHover.svg +13 -0
  239. package/src/assets/images/generalButton/saveIcon.svg +3 -0
  240. package/src/assets/images/generalButton/saveIconHover.svg +3 -0
  241. package/src/assets/images/generalImage/assigned.svg +14 -0
  242. package/src/assets/images/generalImage/bags.svg +25 -0
  243. package/src/assets/images/generalImage/clock.svg +4 -0
  244. package/src/assets/images/generalImage/flag.svg +3 -0
  245. package/src/assets/images/genericModal/genericModalCheck.svg +3 -0
  246. package/src/assets/images/genericModal/genericModalClose.svg +3 -0
  247. package/src/assets/images/genericModal/genericModalDown.svg +3 -0
  248. package/src/assets/images/genericModal/genericModalUp.svg +3 -0
  249. package/src/assets/images/genericModal/genericModalWarning.svg +12 -0
  250. package/src/assets/images/logo/logoLogin.svg +15 -0
  251. package/src/assets/images/menuNotification/menuNotificationComment.svg +3 -0
  252. package/src/assets/images/menuNotification/menuNotificationProduct.svg +3 -0
  253. package/src/assets/images/menuProfile/logOut.svg +3 -0
  254. package/src/assets/images/menuProfile/myAccount.svg +3 -0
  255. package/src/assets/images/menuProfile/settings.svg +3 -0
  256. package/src/assets/images/modalsSVGs/attributesSent.svg +208 -0
  257. package/src/assets/images/modalsSVGs/descriptionSent.svg +237 -0
  258. package/src/assets/images/modalsSVGs/providerSent.svg +445 -0
  259. package/src/assets/images/modalsSVGs/uploadingImages.svg +148 -0
  260. package/src/assets/images/productNotification/productNotification.svg +3 -0
  261. package/src/assets/images/profileHeader/profilePicture.svg +9 -0
  262. package/src/components/atoms/AsignationOption/index.js +6 -4
  263. package/src/components/atoms/AsignationOption/styles.js +3 -1
  264. package/src/components/atoms/AtomList/index.js +4 -2
  265. package/src/components/atoms/AtomList/styles.js +4 -2
  266. package/src/components/atoms/Avatar/index.js +2 -1
  267. package/src/components/atoms/Card/Card.stories.js +12 -0
  268. package/src/components/atoms/Card/index.js +9 -0
  269. package/src/components/atoms/Card/styles.js +8 -0
  270. package/src/components/atoms/CheckBox/index.js +1 -1
  271. package/src/components/atoms/Commentary/Commentary.stories.js +0 -0
  272. package/src/components/atoms/Commentary/index.js +9 -0
  273. package/src/components/atoms/Commentary/styles.js +15 -0
  274. package/src/components/atoms/CustomerTypeImage/index.js +1 -1
  275. package/src/components/atoms/EditField/EditField.stories.js +13 -0
  276. package/src/components/atoms/EditField/index.js +15 -0
  277. package/src/components/atoms/EditField/styles.js +35 -0
  278. package/src/components/atoms/GeneralButton/GeneralButton.stories.js +3 -0
  279. package/src/components/atoms/GeneralButton/index.js +7 -1
  280. package/src/components/atoms/GeneralButton/styles.js +56 -9
  281. package/src/components/atoms/GeneralInput/index.js +62 -9
  282. package/src/components/atoms/GeneralInput/styles.js +3 -1
  283. package/src/components/atoms/GeneralTextBox/index.js +7 -6
  284. package/src/components/atoms/GeneralTextBox/styles.js +1 -1
  285. package/src/components/atoms/GenericModal/GenericModal.stories.js +140 -0
  286. package/src/components/atoms/GenericModal/index.js +12 -0
  287. package/src/components/atoms/GenericModal/styles.js +126 -0
  288. package/src/components/atoms/GradientPanel/GradientPanel.stories.js +110 -3
  289. package/src/components/atoms/GradientPanel/index.js +4 -2
  290. package/src/components/atoms/GradientPanel/styles.js +111 -8
  291. package/src/components/atoms/Graphic/Graphic.stories.js +21 -0
  292. package/src/components/atoms/Graphic/index.js +18 -0
  293. package/src/components/atoms/Graphic/styles.js +4 -0
  294. package/src/components/atoms/Input/index.js +14 -0
  295. package/src/components/atoms/Input/style.js +27 -0
  296. package/src/components/atoms/LabelToInput/index.js +27 -0
  297. package/src/components/atoms/LabelToInput/style.js +30 -0
  298. package/src/components/atoms/LoadImageMenu/LoadImageMenu.stories.js +17 -0
  299. package/src/components/atoms/LoadImageMenu/index.js +58 -0
  300. package/src/components/atoms/LoadImageMenu/styles.js +72 -0
  301. package/src/components/atoms/LogoImage/LogoImage.stories.js +10 -0
  302. package/src/components/atoms/LogoImage/index.js +10 -0
  303. package/src/components/atoms/LogoImage/styles.js +12 -0
  304. package/src/components/atoms/MenuNotification/MenuNotification.stories.js +17 -0
  305. package/src/components/atoms/MenuNotification/index.js +30 -0
  306. package/src/components/atoms/MenuNotification/styles.js +50 -0
  307. package/src/components/atoms/MenuProfile/MenuProfile.stories.js +13 -0
  308. package/src/components/atoms/MenuProfile/index.js +31 -0
  309. package/src/components/atoms/MenuProfile/styles.js +57 -0
  310. package/src/components/atoms/Notification/Notification.stories.js +16 -0
  311. package/src/components/atoms/Notification/index.js +20 -0
  312. package/src/components/atoms/Notification/styles.js +42 -0
  313. package/src/components/atoms/Percent/Percent.stories.js +38 -0
  314. package/src/components/atoms/Percent/index.js +15 -0
  315. package/src/components/atoms/Percent/styles.js +79 -0
  316. package/src/components/atoms/PriorityFlag/index.js +1 -1
  317. package/src/components/atoms/ProductImage/styles.js +1 -1
  318. package/src/components/atoms/ProgressBar/index.js +2 -2
  319. package/src/components/atoms/ProgressBar/styles.js +53 -3
  320. package/src/components/atoms/ScreenHeader/ScreenHeader.stories.js +9 -0
  321. package/src/components/atoms/ScreenHeader/index.js +4 -1
  322. package/src/components/atoms/ScreenHeader/styles.js +17 -6
  323. package/src/components/atoms/Select/index.js +33 -0
  324. package/src/components/atoms/Select/style.js +77 -0
  325. package/src/components/atoms/StatusTag/styles.js +9 -1
  326. package/src/components/atoms/ValidationPanel/index.js +3 -3
  327. package/src/components/molecules/AddProvidersAndProducts/AddProvidersAndProducts.stories.js +16 -0
  328. package/src/components/molecules/AddProvidersAndProducts/index.js +19 -0
  329. package/src/components/molecules/AddProvidersAndProducts/styles.js +23 -0
  330. package/src/components/molecules/AssignedWork/AssignedWork.stories.js +41 -0
  331. package/src/components/molecules/AssignedWork/index.js +40 -0
  332. package/src/components/molecules/AssignedWork/styles.js +111 -0
  333. package/src/components/molecules/AvatarAndValidation/index.js +24 -6
  334. package/src/components/molecules/AvatarAndValidation/styles.js +1 -1
  335. package/src/components/molecules/EditionActiveImage/index.js +5 -2
  336. package/src/components/molecules/FeaturesBar/index.js +21 -8
  337. package/src/components/molecules/FeaturesBar/styles.js +9 -2
  338. package/src/components/molecules/GalleryElement/index.js +59 -37
  339. package/src/components/molecules/GalleryElement/styles.js +38 -11
  340. package/src/components/molecules/GalleryHeader/GalleryHeader.stories.js +10 -0
  341. package/src/components/molecules/GalleryHeader/index.js +19 -0
  342. package/src/components/molecules/GalleryHeader/styles.js +45 -0
  343. package/src/components/molecules/ImageSelector/index.js +14 -11
  344. package/src/components/molecules/ParentComponent/ParentComponent.stories.js +18 -0
  345. package/src/components/molecules/ParentComponent/index.js +66 -0
  346. package/src/components/molecules/ParentComponent/styles.js +7 -0
  347. package/src/components/molecules/PayMethod/PayMethod.stories.js +12 -0
  348. package/src/components/molecules/PayMethod/index.js +46 -0
  349. package/src/components/molecules/PayMethod/styles.js +31 -0
  350. package/src/components/molecules/PlanSelection/PlanSelection.stories.js +1 -3
  351. package/src/components/molecules/PlanSelection/index.js +1 -1
  352. package/src/components/molecules/PlanSelection/styles.js +2 -2
  353. package/src/components/molecules/ProductNameHeader/index.js +1 -2
  354. package/src/components/molecules/ProductNotification/ProductNotification.stories.js +13 -0
  355. package/src/components/molecules/ProductNotification/index.js +53 -0
  356. package/src/components/molecules/ProductNotification/styles.js +37 -0
  357. package/src/components/molecules/ProfileHeader/ProfileHeader.stories.js +16 -0
  358. package/src/components/molecules/ProfileHeader/index.js +54 -0
  359. package/src/components/molecules/ProfileHeader/styles.js +30 -0
  360. package/src/components/molecules/RetailerSelector/RetailerSelector.stories.js +35 -0
  361. package/src/components/molecules/RetailerSelector/index.js +63 -0
  362. package/src/components/molecules/RetailerSelector/styles.js +18 -0
  363. package/src/components/molecules/SidebarNotification/SidebarNotification.stories.js +101 -0
  364. package/src/components/molecules/SidebarNotification/index.js +95 -0
  365. package/src/components/molecules/SidebarNotification/styles.js +63 -0
  366. package/src/components/molecules/StatusAsignationInfo/index.js +55 -19
  367. package/src/components/molecules/StatusAsignationInfo/styles.js +10 -0
  368. package/src/components/molecules/TableHeader/index.js +5 -2
  369. package/src/components/molecules/TabsMenu/index.js +6 -2
  370. package/src/components/molecules/TagAndInput/index.js +35 -2
  371. package/src/components/molecules/TagAndInput/styles.js +1 -1
  372. package/src/components/organisms/FullProductNameHeader/index.js +28 -7
  373. package/src/components/organisms/FullTabsMenu/index.js +13 -2
  374. package/src/components/organisms/FullTabsMenu/styles.js +1 -1
  375. package/src/components/organisms/Fullplan/FullPlan.stories.js +7 -9
  376. package/src/components/organisms/Fullplan/index.js +1 -1
  377. package/src/components/organisms/Fullplan/styles.js +2 -2
  378. package/src/components/organisms/ImageDataTable/index.js +77 -11
  379. package/src/components/organisms/ImageDataTable/styles.js +8 -0
  380. package/src/components/organisms/ImagePreviewer/index.js +5 -10
  381. package/src/components/organisms/InputGroup/index.js +56 -11
  382. package/src/components/organisms/InputGroup/styles.js +3 -0
  383. package/src/components/organisms/ProductImageModal/ProductImageModal.stories.js +77 -74
  384. package/src/components/organisms/ProductImageModal/index.js +29 -12
  385. package/src/components/organisms/ProductImageModal/styles.js +4 -0
  386. package/src/components/pages/CustomerLogin/CustomerLogin.stories.js +76 -0
  387. package/src/components/pages/CustomerLogin/index.js +22 -0
  388. package/src/components/pages/CustomerLogin/styles.js +12 -0
  389. package/src/components/pages/CustomerPayMethod/CustomerPayMethod.stories.js +56 -0
  390. package/src/components/pages/CustomerPayMethod/index.js +23 -0
  391. package/src/components/pages/CustomerPayMethod/styles.js +21 -0
  392. package/src/components/pages/CustomerType/CustomerType.stories.js +8 -8
  393. package/src/components/pages/CustomerType/styles.js +1 -1
  394. package/src/components/pages/OnboardPlan/OnboardPlan.stories.js +36 -21
  395. package/src/components/pages/OnboardPlan/index.js +8 -9
  396. package/src/components/pages/OnboardPlan/styles.js +16 -10
  397. package/src/components/pages/RetailerPlan/RetailerPlan.stories.js +49 -0
  398. package/src/components/pages/RetailerPlan/index.js +24 -0
  399. package/src/components/pages/RetailerPlan/styles.js +27 -0
  400. package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +104 -317
  401. package/src/components/pages/RetailerProductEdition/index.js +809 -34
  402. package/src/components/pages/RetailerProductEdition/styles.js +54 -5
  403. package/src/global-files/data.js +152 -0
  404. package/src/global-files/global-styles.css +10 -0
  405. package/src/global-files/variables.js +1 -0
  406. package/src/index.js +2 -1
  407. package/src/components/molecules/TextAndGradient/TextAndGradient.stories.js +0 -23
  408. package/src/components/molecules/TextAndGradient/index.js +0 -23
  409. package/src/components/molecules/TextAndGradient/styles.js +0 -37
@@ -37,327 +37,114 @@ RetailerProductEditionDefault.args = {
37
37
  image: {
38
38
  src: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg",
39
39
  },
40
- services: {
41
- Descripción: [
42
- {
43
- inputGroup: {
44
- name: "Información básica del producto",
45
- inputs: [
46
- {
47
- label: "Item",
48
- value: "1234567890",
49
- placeholder: "Ingresar valor",
50
- },
51
- {
52
- label: "Item",
53
- value: "1234567890",
54
- placeholder: "Ingresar valor",
55
- },
56
- {
57
- label: "Item",
58
- value: "1234567890",
59
- placeholder: "Ingresar valor",
60
- },
61
- {
62
- label: "Item",
63
- value: "1234567890",
64
- placeholder: "Ingresar valor",
65
- },
66
- {
67
- label: "Item",
68
- value: "1234567890",
69
- placeholder: "Ingresar valor",
70
- },
71
- {
72
- label: "Item",
73
- value: "1234567890",
74
- placeholder: "Ingresar valor",
75
- },
76
- {
77
- label: "Item",
78
- value: "1234567890",
79
- placeholder: "Ingresar valor",
80
- },
81
- {
82
- label: "Item",
83
- value: "1234567890",
84
- placeholder: "Ingresar valor",
85
- },
86
- ],
87
- },
88
- },
89
- ],
90
- "Ficha técnica": [
91
- {
92
- inputGroup: {
93
- name: "Información básica del producto",
94
- inputs: [
95
- {
96
- label: "Item",
97
- value: "1234567890",
98
- placeholder: "Ingresar valor",
99
- },
100
- {
101
- label: "Item",
102
- value: "1234567890",
103
- placeholder: "Ingresar valor",
104
- },
105
- {
106
- label: "Item",
107
- value: "1234567890",
108
- placeholder: "Ingresar valor",
109
- },
110
- {
111
- label: "Item",
112
- value: "1234567890",
113
- placeholder: "Ingresar valor",
114
- },
115
- {
116
- label: "Item",
117
- value: "1234567890",
118
- placeholder: "Ingresar valor",
119
- },
120
- {
121
- label: "Item",
122
- value: "1234567890",
123
- placeholder: "Ingresar valor",
124
- },
125
- {
126
- label: "Item",
127
- value: "1234567890",
128
- placeholder: "Ingresar valor",
129
- },
130
- {
131
- label: "Item",
132
- value: "1234567890",
133
- placeholder: "Ingresar valor",
134
- },
135
- ],
136
- },
137
- },
138
- {
139
- inputGroup: {
140
- name: "Información básica del producto",
141
- inputs: [
142
- {
143
- label: "Item",
144
- value: "1234567890",
145
- placeholder: "Ingresar valor",
146
- },
147
- {
148
- label: "Item",
149
- value: "1234567890",
150
- placeholder: "Ingresar valor",
151
- },
152
- {
153
- label: "Item",
154
- value: "1234567890",
155
- placeholder: "Ingresar valor",
156
- },
157
- {
158
- label: "Item",
159
- value: "1234567890",
160
- placeholder: "Ingresar valor",
161
- },
162
- {
163
- label: "Item",
164
- value: "1234567890",
165
- placeholder: "Ingresar valor",
166
- },
167
- {
168
- label: "Item",
169
- value: "1234567890",
170
- placeholder: "Ingresar valor",
171
- },
172
- {
173
- label: "Item",
174
- value: "1234567890",
175
- placeholder: "Ingresar valor",
176
- },
177
- {
178
- label: "Item",
179
- value: "1234567890",
180
- placeholder: "Ingresar valor",
181
- },
182
- ],
183
- },
184
- },
185
- {
186
- inputGroup: {
187
- name: "Información básica del producto",
188
- inputs: [
189
- {
190
- label: "Item",
191
- value: "1234567890",
192
- placeholder: "Ingresar valor",
193
- },
194
- {
195
- label: "Item",
196
- value: "1234567890",
197
- placeholder: "Ingresar valor",
198
- },
199
- {
200
- label: "Item",
201
- value: "1234567890",
202
- placeholder: "Ingresar valor",
203
- },
204
- {
205
- label: "Item",
206
- value: "1234567890",
207
- placeholder: "Ingresar valor",
208
- },
209
- {
210
- label: "Item",
211
- value: "1234567890",
212
- placeholder: "Ingresar valor",
213
- },
214
- {
215
- label: "Item",
216
- value: "1234567890",
217
- placeholder: "Ingresar valor",
218
- },
219
- {
220
- label: "Item",
221
- value: "1234567890",
222
- placeholder: "Ingresar valor",
223
- },
224
- {
225
- label: "Item",
226
- value: "1234567890",
227
- placeholder: "Ingresar valor",
228
- },
229
- ],
230
- },
231
- },
232
- {
233
- inputGroup: {
234
- name: "Información básica del producto",
235
- inputs: [
236
- {
237
- label: "Item",
238
- value: "1234567890",
239
- placeholder: "Ingresar valor",
240
- },
241
- {
242
- label: "Item",
243
- value: "1234567890",
244
- placeholder: "Ingresar valor",
245
- },
246
- {
247
- label: "Item",
248
- value: "1234567890",
249
- placeholder: "Ingresar valor",
250
- },
251
- {
252
- label: "Item",
253
- value: "1234567890",
254
- placeholder: "Ingresar valor",
255
- },
256
- {
257
- label: "Item",
258
- value: "1234567890",
259
- placeholder: "Ingresar valor",
260
- },
261
- {
262
- label: "Item",
263
- value: "1234567890",
264
- placeholder: "Ingresar valor",
265
- },
266
- {
267
- label: "Item",
268
- value: "1234567890",
269
- placeholder: "Ingresar valor",
270
- },
271
- {
272
- label: "Item",
273
- value: "1234567890",
274
- placeholder: "Ingresar valor",
275
- },
276
- ],
277
- },
278
- },
279
- ],
280
- Imágenes: [
281
- {
282
- img: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg",
283
- alt: "img",
284
- name: "Hero",
285
- data: [
286
- { feature: "Tamaño de imagen", value: "1000x10000" },
287
- { feature: "Formato", value: "jpg" },
288
- { feature: "Resolución", value: "300dpi" },
289
- { feature: "Tipo de imagen", value: "Tipo de imagen" },
290
- { feature: "Identificador", value: "F261" },
291
- ],
292
- },
293
- {
294
- img: "https://www.muycomputer.com/wp-content/uploads/2020/12/google.png",
295
- alt: "img",
296
- name: "Hero2",
297
- data: [
298
- { feature: "Tamaño de imagen", value: "1000x10000" },
299
- { feature: "Formato", value: "jpg" },
300
- { feature: "Resolución", value: "300dpi" },
301
- { feature: "Tipo de imagen", value: "Tipo de imagen" },
302
- { feature: "Identificador", value: "F261" },
303
- ],
304
- },
305
- {
306
- img: "https://www.ionos.es/digitalguide/fileadmin/DigitalGuide/Teaser/bildergalerie-online-t.jpg",
307
- alt: "img",
308
- name: "Hero3",
309
- data: [
310
- { feature: "Tamaño de imagen", value: "1000x10000" },
311
- { feature: "Formato", value: "jpg" },
312
- { feature: "Resolución", value: "300dpi" },
313
- { feature: "Tipo de imagen", value: "Tipo de imagen" },
314
- { feature: "Identificador", value: "F261" },
315
- ],
316
- },
317
- {
318
- img: "https://i.pinimg.com/originals/d0/b9/28/d0b928df15d3a3bf1905865a8fedb257.jpg",
319
- alt: "img",
320
- name: "Hero4",
321
- data: [
322
- { feature: "Tamaño de imagen", value: "1000x10000" },
323
- { feature: "Formato", value: "jpg" },
324
- { feature: "Resolución", value: "300dpi" },
325
- { feature: "Tipo de imagen", value: "Tipo de imagen" },
326
- { feature: "Identificador", value: "F261" },
327
- ],
328
- },
329
- {
330
- img: "https://memegenerator.net/img/images/72798198.jpg",
331
- alt: "img",
332
- name: "Hero5",
333
- data: [
334
- { feature: "Tamaño de imagen", value: "1000x10000" },
335
- { feature: "Formato", value: "jpg" },
336
- { feature: "Resolución", value: "300dpi" },
337
- { feature: "Tipo de imagen", value: "Tipo de imagen" },
338
- { feature: "Identificador", value: "F261" },
339
- ],
340
- },
341
- {
342
- img: "http://www.dumpaday.com/wp-content/uploads/2016/02/funny-pictures-621.jpg",
343
- alt: "img",
344
- name: "Hero6",
345
- data: [
346
- { feature: "Tamaño de imagen", value: "1000x10000" },
347
- { feature: "Formato", value: "jpg" },
348
- { feature: "Resolución", value: "300dpi" },
349
- { feature: "Tipo de imagen", value: "Tipo de imagen" },
350
- { feature: "Identificador", value: "F261" },
351
- ],
352
- },
353
- ],
354
- "Golden SKU": {},
355
- },
356
40
  },
357
41
  tabsSections: {
358
42
  Descripción: true,
359
43
  "Ficha técnica": false,
360
44
  Imágenes: false,
361
- "Golden SKU": false,
45
+ },
46
+ articleId: 238,
47
+ category: 846,
48
+ version: 2,
49
+ productSelected: {
50
+ services: {
51
+ datasheets: 1,
52
+ descriptions: 1,
53
+ images: 1,
54
+ },
55
+ orderId: 101,
56
+ status: "RP",
57
+ datasheet_status: "AP",
58
+ prio: "none",
59
+ version: 2,
60
+ description_status: "RP",
61
+ images_status: "AP",
62
+ article: {
63
+ id_article: 292,
64
+ id_category: "697",
65
+ name: "SHAMPOO ANTIFRIZ",
66
+ upc: "7491989462",
67
+ timestamp: "2022-03-09T19:35:51.000Z",
68
+ id_user: 28,
69
+ status: "NULL",
70
+ active: 1,
71
+ company_id: 1,
72
+ company_name: "COMPANY DEV",
73
+ country: "Colombia",
74
+ id_order: 101,
75
+ id_datasheet_especialist: 54,
76
+ id_datasheet_facilitator: 52,
77
+ id_description_especialist: 54,
78
+ id_description_facilitator: 52,
79
+ id_images_especialist: 55,
80
+ id_images_facilitator: 53,
81
+ id_auditor: 30,
82
+ id_recepcionist: null,
83
+ category:
84
+ "SALUD Y BELLEZA|CUIDADO DEL CABELLO|SHAMPOOS Y ACONDICIONADORES",
85
+ missingAttributes: null,
86
+ missingDescriptions: null,
87
+ missingImages: null,
88
+ },
89
+ retailers: [
90
+ {
91
+ id: 4,
92
+ name: "Walmart Super y Superama",
93
+ country: "México",
94
+ id_region: 1,
95
+ active: 1,
96
+ },
97
+ {
98
+ id: 6,
99
+ name: "HEB",
100
+ country: "México",
101
+ id_region: 1,
102
+ active: 1,
103
+ },
104
+ ],
105
+ country: "Colombia",
106
+ modal: false,
107
+ modalCadenas: false,
108
+ totalCadenas: false,
109
+ modalAsig1: false,
110
+ modalFD: false,
111
+ modalAsig2: false,
112
+ modalAsig3: false,
113
+ modalAsig4: false,
114
+ modalAsig5: false,
115
+ modalFI: false,
116
+ modalQA: false,
117
+ },
118
+ user: {
119
+ id_user: 30,
120
+ name: "Admin",
121
+ last_name: "Ulises",
122
+ email: "salmeron.5@hotmail.com",
123
+ position: "Admin",
124
+ telephone: null,
125
+ country: "México",
126
+ id_company: 2,
127
+ id_cognito: "c94a7305-9365-46ff-a423-4b4bc3b8b180",
128
+ birth_Date: null,
129
+ about_me: null,
130
+ zip_code: null,
131
+ address: null,
132
+ job: null,
133
+ id_stripe: null,
134
+ id_role: 6,
135
+ active: 1,
136
+ is_retailer: 0,
137
+ membership: {
138
+ id: 2,
139
+ start_date: "2021-11-05T02:35:12.000Z",
140
+ end_date: "2022-11-05T02:34:49.000Z",
141
+ planID: 1,
142
+ plan: "prod_KtkvuFFLpOdP6e",
143
+ name: "Plan Free",
144
+ user_limit: "1",
145
+ products_limit: "3",
146
+ type: "PyMES",
147
+ },
148
+ src: "https://content-management-profile.s3.amazonaws.com/id-30/30.png?1647395550234",
362
149
  },
363
150
  };