contentoh-components-library 8.0.0 → 10.0.1

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 (408) hide show
  1. package/.env.development +20 -12
  2. package/.env.production +10 -2
  3. package/CHANGELOG.md +39 -0
  4. package/dist/assets/images/carouselImagesLogin/login2.svg +117 -0
  5. package/dist/assets/images/carouselImagesLogin/login3.svg +147 -0
  6. package/dist/assets/images/carouselImagesLogin/loginImage.svg +301 -0
  7. package/dist/assets/images/editField/showPassword.png +0 -0
  8. package/dist/assets/images/generalButton/downloadIcon.svg +3 -0
  9. package/dist/assets/images/genericModal/closeWhite.svg +3 -0
  10. package/dist/assets/images/genericModal/errorModal.svg +3 -0
  11. package/dist/assets/images/genericModal/yellowAlert.svg +12 -0
  12. package/dist/assets/images/sliderToolTip/infoIcon.svg +4 -0
  13. package/dist/assets/images/sliderToolTip/slide1.svg +5 -0
  14. package/dist/assets/images/sliderToolTip/slide2.svg +9 -0
  15. package/dist/assets/images/sliderToolTip/slide3.svg +9 -0
  16. package/dist/assets/images/sliderToolTip/slide4.svg +9 -0
  17. package/dist/assets/images/sliderToolTip/slide5.svg +40 -0
  18. package/dist/assets/images/verticalSideMenuMainPage/closeMenu.svg +4 -0
  19. package/dist/assets/images/verticalSideMenuMainPage/iconFAQS.svg +12 -0
  20. package/dist/assets/images/verticalSideMenuMainPage/iconGroup.svg +3 -0
  21. package/dist/assets/images/verticalSideMenuMainPage/iconLogo.svg +12 -0
  22. package/dist/assets/images/verticalSideMenuMainPage/iconLogoContentoh.svg +15 -0
  23. package/dist/assets/images/verticalSideMenuMainPage/iconProduct.svg +3 -0
  24. package/dist/assets/images/verticalSideMenuMainPage/iconSpeedometer.svg +12 -0
  25. package/dist/assets/images/verticalSideMenuMainPage/iconTask.svg +10 -0
  26. package/dist/assets/images/verticalSideMenuMainPage/openMenu.svg +4 -0
  27. package/dist/components/atoms/ActivedFilter/ActivedFilter.stories.js +7 -1
  28. package/dist/components/atoms/ActivedFilter/index.js +12 -4
  29. package/dist/components/atoms/AsignationOption/AsignationOptions.stories.js +7 -1
  30. package/dist/components/atoms/AsignationOption/index.js +52 -23
  31. package/dist/components/atoms/AsignationOption/styles.js +1 -1
  32. package/dist/components/atoms/AtomList/AtomList.stories.js +7 -1
  33. package/dist/components/atoms/AtomList/index.js +14 -9
  34. package/dist/components/atoms/Avatar/AsignationImage.stories.js +7 -1
  35. package/dist/components/atoms/Avatar/index.js +11 -8
  36. package/dist/components/atoms/Card/Card.stories.js +7 -1
  37. package/dist/components/atoms/Card/index.js +8 -4
  38. package/dist/components/atoms/CharCounter/CharCounter.stories.js +31 -0
  39. package/dist/components/atoms/CharCounter/index.js +22 -0
  40. package/dist/components/atoms/CharCounter/styles.js +20 -0
  41. package/dist/components/atoms/CheckBox/CheckBox.stories.js +7 -1
  42. package/dist/components/atoms/CheckBox/index.js +19 -13
  43. package/dist/components/atoms/Commentary/index.js +10 -2
  44. package/dist/components/atoms/Commentary/styles.js +4 -1
  45. package/dist/components/atoms/CustomerTypeImage/CustomerTypeImage.stories.js +7 -1
  46. package/dist/components/atoms/CustomerTypeImage/index.js +8 -6
  47. package/dist/components/atoms/DropDownButton/DropDownButton.stories.js +7 -1
  48. package/dist/components/atoms/DropDownButton/index.js +9 -6
  49. package/dist/components/atoms/DropDownButton/styles.js +1 -1
  50. package/dist/components/atoms/EditField/EditField.stories.js +7 -1
  51. package/dist/components/atoms/EditField/index.js +17 -10
  52. package/dist/components/atoms/FeatureTag/FeatureTag.stories.js +7 -1
  53. package/dist/components/atoms/FeatureTag/index.js +11 -5
  54. package/dist/components/atoms/GeneralButton/GeneralButton.stories.js +7 -1
  55. package/dist/components/atoms/GeneralButton/index.js +13 -7
  56. package/dist/components/atoms/GeneralButton/styles.js +4 -2
  57. package/dist/components/atoms/GeneralInput/GeneralInput.stories.js +7 -1
  58. package/dist/components/atoms/GeneralInput/index.js +128 -69
  59. package/dist/components/atoms/GeneralInput/styles.js +8 -2
  60. package/dist/components/atoms/GeneralTextBox/GeneralTextBox.stories.js +7 -1
  61. package/dist/components/atoms/GeneralTextBox/index.js +12 -7
  62. package/dist/components/atoms/GenericModal/GenericModal.stories.js +46 -59
  63. package/dist/components/atoms/GenericModal/index.js +15 -8
  64. package/dist/components/atoms/GenericModal/styles.js +1 -1
  65. package/dist/components/atoms/GradientPanel/GradientPanel.stories.js +85 -80
  66. package/dist/components/atoms/GradientPanel/index.js +11 -7
  67. package/dist/components/atoms/GradientPanel/styles.js +2 -2
  68. package/dist/components/atoms/Graphic/Graphic.stories.js +7 -1
  69. package/dist/components/atoms/Graphic/index.js +9 -5
  70. package/dist/components/atoms/Input/index.js +15 -8
  71. package/dist/components/atoms/Input/style.js +4 -4
  72. package/dist/components/atoms/InputFormatter/Wysiwyg.stories.js +30 -0
  73. package/dist/components/atoms/InputFormatter/index.js +187 -0
  74. package/dist/components/atoms/InputFormatter/styles.js +33 -0
  75. package/dist/components/atoms/LabelToInput/index.js +18 -13
  76. package/dist/components/atoms/LabelToInput/style.js +3 -3
  77. package/dist/components/atoms/LoadImageMenu/LoadImageMenu.stories.js +7 -1
  78. package/dist/components/atoms/LoadImageMenu/index.js +33 -22
  79. package/dist/components/atoms/Loading/Loading.stories.js +28 -0
  80. package/dist/components/atoms/Loading/index.js +27 -0
  81. package/dist/components/atoms/Loading/styles.js +22 -0
  82. package/dist/components/atoms/LogoImage/LogoImage.stories.js +7 -1
  83. package/dist/components/atoms/LogoImage/index.js +9 -6
  84. package/dist/components/atoms/MenuNotification/MenuNotification.stories.js +7 -1
  85. package/dist/components/atoms/MenuNotification/index.js +21 -15
  86. package/dist/components/atoms/MenuProfile/MenuProfile.stories.js +7 -1
  87. package/dist/components/atoms/MenuProfile/index.js +25 -15
  88. package/dist/components/atoms/Notification/Notification.stories.js +5 -1
  89. package/dist/components/atoms/Notification/index.js +15 -9
  90. package/dist/components/atoms/Percent/Percent.stories.js +7 -1
  91. package/dist/components/atoms/Percent/index.js +21 -14
  92. package/dist/components/atoms/PriorityFlag/PriorityFlag.stories.js +7 -1
  93. package/dist/components/atoms/PriorityFlag/index.js +8 -4
  94. package/dist/components/atoms/ProductImage/ProductImage.stories.js +7 -1
  95. package/dist/components/atoms/ProductImage/index.js +11 -8
  96. package/dist/components/atoms/ProductPercentCard/Percent.stories.js +41 -0
  97. package/dist/components/atoms/ProductPercentCard/index.js +45 -0
  98. package/dist/components/atoms/ProductPercentCard/styles.js +20 -0
  99. package/dist/components/atoms/ProgressBar/ProgressBar.stories.js +7 -1
  100. package/dist/components/atoms/ProgressBar/index.js +8 -3
  101. package/dist/components/atoms/ProgressBar/styles.js +1 -1
  102. package/dist/components/atoms/ScreenHeader/ScreenHeader.stories.js +7 -1
  103. package/dist/components/atoms/ScreenHeader/index.js +9 -3
  104. package/dist/components/atoms/ScreenHeader/styles.js +1 -1
  105. package/dist/components/atoms/Select/index.js +27 -20
  106. package/dist/components/atoms/Select/style.js +1 -1
  107. package/dist/components/atoms/SideMenuButton/SideMenuButton.stories.js +5 -1
  108. package/dist/components/atoms/SideMenuButton/index.js +10 -4
  109. package/dist/components/atoms/SliderToolTip/SliderToolTip.stories.js +47 -0
  110. package/dist/components/atoms/SliderToolTip/index.js +200 -0
  111. package/dist/components/atoms/SliderToolTip/styles.js +24 -0
  112. package/dist/components/atoms/StatusTag/StatusTag.stories.js +7 -1
  113. package/dist/components/atoms/StatusTag/index.js +43 -3
  114. package/dist/components/atoms/StatusTag/styles.js +1 -1
  115. package/dist/components/atoms/TabSection/TabSection.stories.js +7 -1
  116. package/dist/components/atoms/TabSection/index.js +8 -3
  117. package/dist/components/atoms/ValidationPanel/ValidationPanel.stories.js +7 -1
  118. package/dist/components/atoms/ValidationPanel/index.js +57 -34
  119. package/dist/components/atoms/ValidationPanel/styles.js +1 -1
  120. package/dist/components/atoms/VerticalSideMenuMainPage/VerticalSideMenuMainPage.stories.js +28 -0
  121. package/dist/components/atoms/VerticalSideMenuMainPage/index.js +98 -0
  122. package/dist/components/atoms/VerticalSideMenuMainPage/styles.js +24 -0
  123. package/dist/components/molecules/AddProvidersAndProducts/AddProvidersAndProducts.stories.js +5 -1
  124. package/dist/components/molecules/AddProvidersAndProducts/index.js +18 -12
  125. package/dist/components/molecules/AssignedWork/AssignedWork.stories.js +5 -1
  126. package/dist/components/molecules/AssignedWork/index.js +36 -30
  127. package/dist/components/molecules/AvatarAndValidation/AvatarAndValidation.stories.js +7 -1
  128. package/dist/components/molecules/AvatarAndValidation/index.js +33 -25
  129. package/dist/components/molecules/CarouselImagesLogin/CarouselImagesLogin.stories.js +37 -0
  130. package/dist/components/molecules/CarouselImagesLogin/index.js +92 -0
  131. package/dist/components/molecules/CarouselImagesLogin/styles.js +21 -0
  132. package/dist/components/molecules/EditionActiveImage/EditionActiveImage.stories.js +7 -1
  133. package/dist/components/molecules/EditionActiveImage/index.js +14 -10
  134. package/dist/components/molecules/EmailResetPasswordLogin/EmailResetPasswordLogin.stories.js +28 -0
  135. package/dist/components/molecules/EmailResetPasswordLogin/index.js +153 -0
  136. package/dist/components/molecules/EmailResetPasswordLogin/styles.js +20 -0
  137. package/dist/components/molecules/FeaturesBar/FeaturesBar.stories.js +7 -1
  138. package/dist/components/molecules/FeaturesBar/index.js +11 -9
  139. package/dist/components/molecules/GalleryElement/GalleryElement.stories.js +7 -1
  140. package/dist/components/molecules/GalleryElement/index.js +96 -57
  141. package/dist/components/molecules/GalleryHeader/GalleryHeader.stories.js +7 -1
  142. package/dist/components/molecules/GalleryHeader/index.js +46 -16
  143. package/dist/components/molecules/HeaderTop/HeaderTop.stories.js +7 -1
  144. package/dist/components/molecules/HeaderTop/index.js +10 -7
  145. package/dist/components/molecules/ImageSelector/ImageSelector.stories.js +7 -1
  146. package/dist/components/molecules/ImageSelector/index.js +15 -13
  147. package/dist/components/molecules/LoginPasswordStrength/LoginPasswordStrength.stories.js +28 -0
  148. package/dist/components/molecules/LoginPasswordStrength/index.js +126 -0
  149. package/dist/components/molecules/LoginPasswordStrength/styles.js +78 -0
  150. package/dist/components/molecules/LogoLoading/Loading.stories.js +28 -0
  151. package/dist/components/molecules/LogoLoading/index.js +22 -0
  152. package/dist/components/molecules/LogoLoading/styles.js +18 -0
  153. package/dist/components/molecules/ParentComponent/ParentComponent.stories.js +10 -2
  154. package/dist/components/molecules/ParentComponent/index.js +9 -5
  155. package/dist/components/molecules/PayMethod/PayMethod.stories.js +7 -1
  156. package/dist/components/molecules/PayMethod/index.js +38 -33
  157. package/dist/components/molecules/PlanSelection/PlanSelection.stories.js +7 -1
  158. package/dist/components/molecules/PlanSelection/index.js +14 -11
  159. package/dist/components/molecules/ProductNameHeader/ProductNameHeader.stories.js +7 -1
  160. package/dist/components/molecules/ProductNameHeader/index.js +18 -14
  161. package/dist/components/molecules/ProductNotification/ProductNotification.stories.js +7 -1
  162. package/dist/components/molecules/ProductNotification/index.js +12 -9
  163. package/dist/components/molecules/ProfileHeader/ProfileHeader.stories.js +5 -1
  164. package/dist/components/molecules/ProfileHeader/index.js +21 -15
  165. package/dist/components/molecules/RegistrationFirstStep/RegistrationFirstStep.stories.js +28 -0
  166. package/dist/components/molecules/RegistrationFirstStep/index.js +308 -0
  167. package/dist/components/molecules/RegistrationFirstStep/styles.js +20 -0
  168. package/dist/components/molecules/RegistrationSecondStep/RegistrationSecondStep.stories.js +28 -0
  169. package/dist/components/molecules/RegistrationSecondStep/index.js +172 -0
  170. package/dist/components/molecules/RegistrationSecondStep/styles.js +20 -0
  171. package/dist/components/molecules/RegistrationThirdStep/RegistrationThirdStep.stories.js +28 -0
  172. package/dist/components/molecules/RegistrationThirdStep/index.js +155 -0
  173. package/dist/components/molecules/RegistrationThirdStep/styles.js +20 -0
  174. package/dist/components/molecules/RetailerSelector/RetailerSelector.stories.js +7 -1
  175. package/dist/components/molecules/RetailerSelector/index.js +36 -25
  176. package/dist/components/molecules/RetailerSelector/styles.js +1 -1
  177. package/dist/components/molecules/SidebarNotification/SidebarNotification.stories.js +5 -1
  178. package/dist/components/molecules/SidebarNotification/index.js +43 -37
  179. package/dist/components/molecules/SignInLogin/SignInLogin.stories.js +28 -0
  180. package/dist/components/molecules/SignInLogin/index.js +315 -0
  181. package/dist/components/molecules/SignInLogin/styles.js +20 -0
  182. package/dist/components/molecules/StatusAsignationInfo/StatusAsignationInfo.stories.js +7 -1
  183. package/dist/components/molecules/StatusAsignationInfo/index.js +111 -98
  184. package/dist/components/molecules/StatusAsignationInfo/styles.js +1 -1
  185. package/dist/components/molecules/TableHeader/TableHeader.stories.js +7 -1
  186. package/dist/components/molecules/TableHeader/index.js +21 -9
  187. package/dist/components/molecules/TableHeader/styles.js +1 -1
  188. package/dist/components/molecules/TableRow/TableRow.stories.js +7 -1
  189. package/dist/components/molecules/TableRow/index.js +11 -7
  190. package/dist/components/molecules/TabsMenu/TabsMenu.stories.js +7 -1
  191. package/dist/components/molecules/TabsMenu/index.js +13 -10
  192. package/dist/components/molecules/TagAndInput/TagAndInput.stories.js +7 -1
  193. package/dist/components/molecules/TagAndInput/index.js +43 -23
  194. package/dist/components/molecules/TagAndInput/styles.js +10 -2
  195. package/dist/components/molecules/VerificationCodeResetPasswordLogin/VerificationCodeResetPasswordLogin.stories.js +28 -0
  196. package/dist/components/molecules/VerificationCodeResetPasswordLogin/index.js +211 -0
  197. package/dist/components/molecules/VerificationCodeResetPasswordLogin/styles.js +20 -0
  198. package/dist/components/molecules/VerificationCodeResetPasswordLogin/utils.js +69 -0
  199. package/dist/components/organisms/ChangePassword/ChangePassword.stories.js +28 -0
  200. package/dist/components/organisms/ChangePassword/index.js +124 -0
  201. package/dist/components/organisms/ChangePassword/styles.js +18 -0
  202. package/dist/components/organisms/FullProductNameHeader/FullProductNameHeader.stories.js +7 -1
  203. package/dist/components/organisms/FullProductNameHeader/index.js +70 -34
  204. package/dist/components/organisms/FullTabsMenu/FullTabsMenu.stories.js +7 -1
  205. package/dist/components/organisms/FullTabsMenu/index.js +30 -23
  206. package/dist/components/organisms/Fullplan/FullPlan.stories.js +7 -1
  207. package/dist/components/organisms/Fullplan/index.js +23 -15
  208. package/dist/components/organisms/GlobalModal/index.js +73 -0
  209. package/dist/components/organisms/GlobalModal/styles.js +66 -0
  210. package/dist/components/organisms/ImageDataTable/ImageDataTable.stories.js +7 -1
  211. package/dist/components/organisms/ImageDataTable/index.js +85 -62
  212. package/dist/components/organisms/ImagePreviewer/ImagePreviewer.stories.js +7 -1
  213. package/dist/components/organisms/ImagePreviewer/index.js +12 -8
  214. package/dist/components/organisms/ImagesGroup/index.js +5 -1
  215. package/dist/components/organisms/InputGroup/InputGroup.stories.js +7 -1
  216. package/dist/components/organisms/InputGroup/index.js +44 -37
  217. package/dist/components/organisms/InputGroup/styles.js +1 -1
  218. package/dist/components/organisms/ProductImageModal/ProductImageModal.stories.js +7 -1
  219. package/dist/components/organisms/ProductImageModal/index.js +49 -46
  220. package/dist/components/organisms/ProductImageModal/styles.js +1 -1
  221. package/dist/components/pages/ChangePasswordLogin/ChangePasswordLogin.stories.js +38 -0
  222. package/dist/components/pages/ChangePasswordLogin/index.js +108 -0
  223. package/dist/components/pages/ChangePasswordLogin/styles.js +18 -0
  224. package/dist/components/pages/CustomerLogin/CustomerLogin.stories.js +52 -47
  225. package/dist/components/pages/CustomerLogin/index.js +18 -12
  226. package/dist/components/pages/CustomerPayMethod/CustomerPayMethod.stories.js +36 -28
  227. package/dist/components/pages/CustomerPayMethod/index.js +18 -12
  228. package/dist/components/pages/CustomerType/CustomerType.stories.js +21 -22
  229. package/dist/components/pages/CustomerType/index.js +18 -12
  230. package/dist/components/pages/EmailResetPassword/EmailResetPassword.stories.js +37 -0
  231. package/dist/components/pages/EmailResetPassword/index.js +130 -0
  232. package/dist/components/pages/EmailResetPassword/styles.js +20 -0
  233. package/dist/components/pages/OnboardPlan/OnboardPlan.stories.js +12 -9
  234. package/dist/components/pages/OnboardPlan/index.js +18 -12
  235. package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +186 -0
  236. package/dist/components/pages/ProviderProductEdition/index.js +1932 -0
  237. package/dist/components/pages/ProviderProductEdition/styles.js +23 -0
  238. package/dist/components/pages/RegistrationLoginFirstStep/RegistrationLoginFirstStep.stories.js +37 -0
  239. package/dist/components/pages/RegistrationLoginFirstStep/index.js +269 -0
  240. package/dist/components/pages/RegistrationLoginFirstStep/styles.js +20 -0
  241. package/dist/components/pages/RegistrationLoginSecondStep/RegistrationLoginSecondStep.stories.js +38 -0
  242. package/dist/components/pages/RegistrationLoginSecondStep/index.js +176 -0
  243. package/dist/components/pages/RegistrationLoginSecondStep/styles.js +20 -0
  244. package/dist/components/pages/RegistrationLoginThirdStep/RegistrationLoginThirdStep.stories.js +37 -0
  245. package/dist/components/pages/RegistrationLoginThirdStep/index.js +178 -0
  246. package/dist/components/pages/RegistrationLoginThirdStep/styles.js +20 -0
  247. package/dist/components/pages/RetailerPlan/RetailerPlan.stories.js +13 -10
  248. package/dist/components/pages/RetailerPlan/index.js +18 -12
  249. package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +36 -72
  250. package/dist/components/pages/RetailerProductEdition/index.js +1295 -590
  251. package/dist/components/pages/RetailerProductEdition/styles.js +1 -1
  252. package/dist/components/pages/VerificationCodeResetPassword/VerificationCodeResetPassword.stories.js +37 -0
  253. package/dist/components/pages/VerificationCodeResetPassword/index.js +121 -0
  254. package/dist/components/pages/VerificationCodeResetPassword/styles.js +20 -0
  255. package/dist/components/pages/VerificationCodeResetPassword/utils.js +69 -0
  256. package/dist/global-files/data.js +104 -24
  257. package/dist/global-files/fonts.css +45 -0
  258. package/dist/global-files/global-styles.css +41 -0
  259. package/dist/index.js +316 -100
  260. package/package.json +28 -8
  261. package/src/assets/images/carouselImagesLogin/login2.svg +117 -0
  262. package/src/assets/images/carouselImagesLogin/login3.svg +147 -0
  263. package/src/assets/images/carouselImagesLogin/loginImage.svg +301 -0
  264. package/src/assets/images/editField/showPassword.png +0 -0
  265. package/src/assets/images/generalButton/downloadIcon.svg +3 -0
  266. package/src/assets/images/genericModal/closeWhite.svg +3 -0
  267. package/src/assets/images/genericModal/errorModal.svg +3 -0
  268. package/src/assets/images/genericModal/yellowAlert.svg +12 -0
  269. package/src/assets/images/sliderToolTip/infoIcon.svg +4 -0
  270. package/src/assets/images/sliderToolTip/slide1.svg +5 -0
  271. package/src/assets/images/sliderToolTip/slide2.svg +9 -0
  272. package/src/assets/images/sliderToolTip/slide3.svg +9 -0
  273. package/src/assets/images/sliderToolTip/slide4.svg +9 -0
  274. package/src/assets/images/sliderToolTip/slide5.svg +40 -0
  275. package/src/assets/images/verticalSideMenuMainPage/closeMenu.svg +4 -0
  276. package/src/assets/images/verticalSideMenuMainPage/iconFAQS.svg +12 -0
  277. package/src/assets/images/verticalSideMenuMainPage/iconGroup.svg +3 -0
  278. package/src/assets/images/verticalSideMenuMainPage/iconLogo.svg +12 -0
  279. package/src/assets/images/verticalSideMenuMainPage/iconLogoContentoh.svg +15 -0
  280. package/src/assets/images/verticalSideMenuMainPage/iconProduct.svg +3 -0
  281. package/src/assets/images/verticalSideMenuMainPage/iconSpeedometer.svg +12 -0
  282. package/src/assets/images/verticalSideMenuMainPage/iconTask.svg +10 -0
  283. package/src/assets/images/verticalSideMenuMainPage/openMenu.svg +4 -0
  284. package/src/components/atoms/AsignationOption/index.js +18 -1
  285. package/src/components/atoms/AsignationOption/styles.js +19 -1
  286. package/src/components/atoms/CharCounter/CharCounter.stories.js +11 -0
  287. package/src/components/atoms/CharCounter/index.js +13 -0
  288. package/src/components/atoms/CharCounter/styles.js +10 -0
  289. package/src/components/atoms/CheckBox/index.js +8 -2
  290. package/src/components/atoms/Commentary/index.js +2 -2
  291. package/src/components/atoms/Commentary/styles.js +2 -1
  292. package/src/components/atoms/DropDownButton/styles.js +6 -0
  293. package/src/components/atoms/GeneralButton/index.js +1 -0
  294. package/src/components/atoms/GeneralButton/styles.js +14 -0
  295. package/src/components/atoms/GeneralInput/index.js +109 -62
  296. package/src/components/atoms/GeneralInput/styles.js +35 -1
  297. package/src/components/atoms/GenericModal/index.js +2 -2
  298. package/src/components/atoms/GenericModal/styles.js +11 -3
  299. package/src/components/atoms/GradientPanel/styles.js +8 -1
  300. package/src/components/atoms/Input/index.js +2 -1
  301. package/src/components/atoms/Input/style.js +9 -5
  302. package/src/components/atoms/InputFormatter/Wysiwyg.stories.js +12 -0
  303. package/src/components/atoms/InputFormatter/index.js +146 -0
  304. package/src/components/atoms/InputFormatter/styles.js +41 -0
  305. package/src/components/atoms/LabelToInput/index.js +0 -1
  306. package/src/components/atoms/LabelToInput/style.js +15 -4
  307. package/src/components/atoms/Loading/Loading.stories.js +10 -0
  308. package/src/components/atoms/Loading/index.js +13 -0
  309. package/src/components/atoms/Loading/styles.js +57 -0
  310. package/src/components/atoms/LogoImage/index.js +1 -1
  311. package/src/components/atoms/ProductPercentCard/Percent.stories.js +41 -0
  312. package/src/components/atoms/ProductPercentCard/index.js +23 -0
  313. package/src/components/atoms/{Percent → ProductPercentCard}/styles.js +11 -7
  314. package/src/components/atoms/ProgressBar/styles.js +2 -1
  315. package/src/components/atoms/ScreenHeader/index.js +7 -3
  316. package/src/components/atoms/ScreenHeader/styles.js +14 -2
  317. package/src/components/atoms/Select/index.js +3 -1
  318. package/src/components/atoms/Select/style.js +1 -2
  319. package/src/components/atoms/SliderToolTip/SliderToolTip.stories.js +23 -0
  320. package/src/components/atoms/SliderToolTip/index.js +182 -0
  321. package/src/components/atoms/SliderToolTip/styles.js +168 -0
  322. package/src/components/atoms/StatusTag/index.js +30 -2
  323. package/src/components/atoms/StatusTag/styles.js +9 -4
  324. package/src/components/atoms/ValidationPanel/index.js +29 -17
  325. package/src/components/atoms/ValidationPanel/styles.js +6 -2
  326. package/src/components/atoms/VerticalSideMenuMainPage/VerticalSideMenuMainPage.stories.js +12 -0
  327. package/src/components/atoms/VerticalSideMenuMainPage/index.js +54 -0
  328. package/src/components/atoms/VerticalSideMenuMainPage/styles.js +45 -0
  329. package/src/components/molecules/AvatarAndValidation/index.js +20 -15
  330. package/src/components/molecules/CarouselImagesLogin/CarouselImagesLogin.stories.js +17 -0
  331. package/src/components/molecules/CarouselImagesLogin/index.js +65 -0
  332. package/src/components/molecules/CarouselImagesLogin/styles.js +60 -0
  333. package/src/components/molecules/EmailResetPasswordLogin/EmailResetPasswordLogin.stories.js +11 -0
  334. package/src/components/molecules/EmailResetPasswordLogin/index.js +85 -0
  335. package/src/components/molecules/EmailResetPasswordLogin/styles.js +23 -0
  336. package/src/components/molecules/GalleryElement/index.js +26 -6
  337. package/src/components/molecules/GalleryHeader/index.js +8 -2
  338. package/src/components/molecules/LoginPasswordStrength/LoginPasswordStrength.stories.js +8 -0
  339. package/src/components/molecules/LoginPasswordStrength/index.js +84 -0
  340. package/src/components/molecules/LoginPasswordStrength/styles.js +91 -0
  341. package/src/components/molecules/LogoLoading/Loading.stories.js +10 -0
  342. package/src/components/molecules/LogoLoading/index.js +12 -0
  343. package/src/components/molecules/LogoLoading/styles.js +16 -0
  344. package/src/components/molecules/RegistrationFirstStep/RegistrationFirstStep.stories.js +11 -0
  345. package/src/components/molecules/RegistrationFirstStep/index.js +227 -0
  346. package/src/components/molecules/RegistrationFirstStep/styles.js +87 -0
  347. package/src/components/molecules/RegistrationSecondStep/RegistrationSecondStep.stories.js +11 -0
  348. package/src/components/molecules/RegistrationSecondStep/index.js +135 -0
  349. package/src/components/molecules/RegistrationSecondStep/styles.js +64 -0
  350. package/src/components/molecules/RegistrationThirdStep/RegistrationThirdStep.stories.js +11 -0
  351. package/src/components/molecules/RegistrationThirdStep/index.js +130 -0
  352. package/src/components/molecules/RegistrationThirdStep/styles.js +44 -0
  353. package/src/components/molecules/RetailerSelector/index.js +7 -1
  354. package/src/components/molecules/RetailerSelector/styles.js +3 -0
  355. package/src/components/molecules/SignInLogin/SignInLogin.stories.js +11 -0
  356. package/src/components/molecules/SignInLogin/index.js +226 -0
  357. package/src/components/molecules/SignInLogin/styles.js +120 -0
  358. package/src/components/molecules/StatusAsignationInfo/index.js +60 -53
  359. package/src/components/molecules/StatusAsignationInfo/styles.js +8 -2
  360. package/src/components/molecules/TableHeader/index.js +14 -2
  361. package/src/components/molecules/TableHeader/styles.js +8 -0
  362. package/src/components/molecules/TagAndInput/index.js +19 -1
  363. package/src/components/molecules/TagAndInput/styles.js +28 -0
  364. package/src/components/molecules/VerificationCodeResetPasswordLogin/VerificationCodeResetPasswordLogin.stories.js +11 -0
  365. package/src/components/molecules/VerificationCodeResetPasswordLogin/index.js +171 -0
  366. package/src/components/molecules/VerificationCodeResetPasswordLogin/styles.js +54 -0
  367. package/src/components/molecules/VerificationCodeResetPasswordLogin/utils.js +54 -0
  368. package/src/components/organisms/ChangePassword/ChangePassword.stories.js +11 -0
  369. package/src/components/organisms/ChangePassword/index.js +77 -0
  370. package/src/components/organisms/ChangePassword/styles.js +13 -0
  371. package/src/components/organisms/FullProductNameHeader/index.js +53 -16
  372. package/src/components/organisms/FullTabsMenu/index.js +15 -12
  373. package/src/components/organisms/GlobalModal/index.js +68 -0
  374. package/src/components/organisms/GlobalModal/styles.js +113 -0
  375. package/src/components/organisms/ImageDataTable/index.js +29 -8
  376. package/src/components/organisms/InputGroup/index.js +28 -8
  377. package/src/components/organisms/InputGroup/styles.js +2 -2
  378. package/src/components/organisms/ProductImageModal/index.js +8 -9
  379. package/src/components/organisms/ProductImageModal/styles.js +3 -0
  380. package/src/components/pages/ChangePasswordLogin/ChangePasswordLogin.stories.js +18 -0
  381. package/src/components/pages/ChangePasswordLogin/index.js +77 -0
  382. package/src/components/pages/ChangePasswordLogin/styles.js +20 -0
  383. package/src/components/pages/EmailResetPassword/EmailResetPassword.stories.js +17 -0
  384. package/src/components/pages/EmailResetPassword/index.js +77 -0
  385. package/src/components/pages/EmailResetPassword/styles.js +27 -0
  386. package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +186 -0
  387. package/src/components/pages/ProviderProductEdition/index.js +1400 -0
  388. package/src/components/pages/ProviderProductEdition/styles.js +118 -0
  389. package/src/components/pages/RegistrationLoginFirstStep/RegistrationLoginFirstStep.stories.js +17 -0
  390. package/src/components/pages/RegistrationLoginFirstStep/index.js +160 -0
  391. package/src/components/pages/RegistrationLoginFirstStep/styles.js +85 -0
  392. package/src/components/pages/RegistrationLoginSecondStep/RegistrationLoginSecondStep.stories.js +18 -0
  393. package/src/components/pages/RegistrationLoginSecondStep/index.js +111 -0
  394. package/src/components/pages/RegistrationLoginSecondStep/styles.js +64 -0
  395. package/src/components/pages/RegistrationLoginThirdStep/RegistrationLoginThirdStep.stories.js +17 -0
  396. package/src/components/pages/RegistrationLoginThirdStep/index.js +106 -0
  397. package/src/components/pages/RegistrationLoginThirdStep/styles.js +48 -0
  398. package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +27 -63
  399. package/src/components/pages/RetailerProductEdition/index.js +1034 -442
  400. package/src/components/pages/RetailerProductEdition/styles.js +17 -3
  401. package/src/components/pages/VerificationCodeResetPassword/VerificationCodeResetPassword.stories.js +17 -0
  402. package/src/components/pages/VerificationCodeResetPassword/index.js +92 -0
  403. package/src/components/pages/VerificationCodeResetPassword/styles.js +54 -0
  404. package/src/components/pages/VerificationCodeResetPassword/utils.js +56 -0
  405. package/src/global-files/data.js +88 -28
  406. package/src/index.js +23 -8
  407. package/src/components/atoms/Percent/Percent.stories.js +0 -38
  408. package/src/components/atoms/Percent/index.js +0 -15
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.Container = void 0;
9
+
10
+ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
11
+
12
+ var _styledComponents = _interopRequireDefault(require("styled-components"));
13
+
14
+ var _templateObject;
15
+
16
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n height: 100%;\n width: ", "px;\n box-sizing: border-box;\n padding: 23px 10px 70px 10px;\n flex-direction: column;\n justify-content: space-between;\n overflow: auto;\n border-radius: ", "px;\n background: linear-gradient(180deg, #e33aa9 0%, #3b1366 100%);\n scrollbar-width: none;\n display: flex;\n text-align: center;\n img {\n cursor: pointer;\n width:\"25px\" !important;\n }\n .navbar-top {\n & + * {\n margin-top: 15px;\n }\n .option {\n div {\n height: 38px;\n display: flex;\n justify-content: center;\n border-radius: 100%;\n & + * {\n margin-top: 12px;\n }\n }\n div:hover {\n background: #e33aa9;\n }\n }\n .logo {\n cursor: default;\n & + * {\n margin-top: 225%;\n }\n }\n }\n"])), function (_ref) {
17
+ var bar = _ref.bar;
18
+ return bar ? 200 : 58;
19
+ }, function (_ref2) {
20
+ var bar = _ref2.bar;
21
+ return bar ? 20 : 50;
22
+ });
23
+
24
+ exports.Container = Container;
@@ -7,10 +7,14 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports.default = exports.AddProvidersAndProductsDefault = void 0;
9
9
 
10
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
+
10
12
  var _index = require("./index");
11
13
 
12
14
  var _bags = _interopRequireDefault(require("../../../assets/images/generalImage/bags.svg"));
13
15
 
16
+ var _jsxRuntime = require("react/jsx-runtime");
17
+
14
18
  var _default = {
15
19
  title: "Components/molecules/AddProvidersAndProducts",
16
20
  component: _index.AddProvidersAndProducts
@@ -18,7 +22,7 @@ var _default = {
18
22
  exports.default = _default;
19
23
 
20
24
  var Template = function Template(args) {
21
- return /*#__PURE__*/React.createElement(_index.AddProvidersAndProducts, args);
25
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.AddProvidersAndProducts, (0, _objectSpread2.default)({}, args));
22
26
  };
23
27
 
24
28
  var AddProvidersAndProductsDefault = Template.bind({});
@@ -13,24 +13,30 @@ var _ScreenHeader = require("../../atoms/ScreenHeader");
13
13
 
14
14
  var _bags = _interopRequireDefault(require("../../../assets/images/generalImage/bags.svg"));
15
15
 
16
+ var _jsxRuntime = require("react/jsx-runtime");
17
+
16
18
  var AddProvidersAndProducts = function AddProvidersAndProducts(_ref) {
17
19
  var image = _ref.image,
18
20
  altText = _ref.altText,
19
21
  onClick = _ref.onClick,
20
22
  className = _ref.className;
21
- return /*#__PURE__*/React.createElement(_styles.Container, {
23
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
22
24
  className: className,
23
- onClick: onClick
24
- }, /*#__PURE__*/React.createElement("div", {
25
- className: "add-bags"
26
- }, image && /*#__PURE__*/React.createElement("img", {
27
- src: image,
28
- alt: altText
29
- })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
30
- headerType: "header-and-paragraph",
31
- text: "Comienza agregando Proveedores",
32
- Paragraph: "O tambien puedes comenzar agregando tu productos"
33
- })));
25
+ onClick: onClick,
26
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
27
+ className: "add-bags",
28
+ children: image && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
29
+ src: image,
30
+ alt: altText
31
+ })
32
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
33
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
34
+ headerType: "header-and-paragraph",
35
+ text: "Comienza agregando Proveedores",
36
+ Paragraph: "O tambien puedes comenzar agregando tu productos"
37
+ })
38
+ })]
39
+ });
34
40
  };
35
41
 
36
42
  exports.AddProvidersAndProducts = AddProvidersAndProducts;
@@ -7,12 +7,16 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports.default = exports.AssignedWorkDefault = void 0;
9
9
 
10
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
+
10
12
  var _index = require("./index");
11
13
 
12
14
  var _assignedImage = _interopRequireDefault(require("../../../assets/images/componentAssigned/assignedImage1.svg"));
13
15
 
14
16
  var _assignedImage2 = _interopRequireDefault(require("../../../assets/images/componentAssigned/assignedImage2.svg"));
15
17
 
18
+ var _jsxRuntime = require("react/jsx-runtime");
19
+
16
20
  var status = ["-", "Pr", "Rc", "As", "P", "QF", "AF", "AA", "AP", "AC", "RA", "RF", "RP", "RC", "Ex"];
17
21
  var _default = {
18
22
  title: "Components/molecules/AssignedWork",
@@ -29,7 +33,7 @@ var _default = {
29
33
  exports.default = _default;
30
34
 
31
35
  var Template = function Template(args) {
32
- return /*#__PURE__*/React.createElement(_index.AssignedWork, args);
36
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.AssignedWork, (0, _objectSpread2.default)({}, args));
33
37
  };
34
38
 
35
39
  var AssignedWorkDefault = Template.bind({});
@@ -17,39 +17,45 @@ var _flag = _interopRequireDefault(require("../../../assets/images/componentAssi
17
17
 
18
18
  var _index2 = require("../../atoms/Avatar/index");
19
19
 
20
+ var _jsxRuntime = require("react/jsx-runtime");
21
+
20
22
  var AssignedWork = function AssignedWork(_ref) {
21
23
  var statusType = _ref.statusType,
22
24
  assignedImage = _ref.assignedImage;
23
- return /*#__PURE__*/React.createElement(_styles.Container, {
24
- className: "status-".concat(statusType)
25
- }, /*#__PURE__*/React.createElement("div", {
26
- className: "header-flag"
27
- }, /*#__PURE__*/React.createElement(_index.ScreenHeader, {
28
- headerType: "header-and-paragraph",
29
- text: "Producto recibido",
30
- Paragraph: "Actualizar producto 23441, descripci\xF3n e im\xE1genes"
31
- }), /*#__PURE__*/React.createElement("img", {
32
- className: "flag",
33
- src: _flag.default
34
- })), /*#__PURE__*/React.createElement("div", {
35
- className: "clock-assigned"
36
- }, /*#__PURE__*/React.createElement("div", {
37
- className: "clock-header"
38
- }, /*#__PURE__*/React.createElement("img", {
39
- className: "clock",
40
- src: _clock.default
41
- }), /*#__PURE__*/React.createElement(_index.ScreenHeader, {
42
- headerType: "date-header",
43
- text: "12/04/2021"
44
- })), /*#__PURE__*/React.createElement("div", {
45
- className: "assigned"
46
- }, assignedImage.reverse().map(function (assigned, index) {
47
- return index < 2 && /*#__PURE__*/React.createElement(_index2.Avatar, {
48
- key: index,
49
- image: assigned.image,
50
- imageType: "big-image"
51
- });
52
- }))));
25
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
26
+ className: "status-".concat(statusType),
27
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
28
+ className: "header-flag",
29
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
30
+ headerType: "header-and-paragraph",
31
+ text: "Producto recibido",
32
+ Paragraph: "Actualizar producto 23441, descripci\xF3n e im\xE1genes"
33
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
34
+ className: "flag",
35
+ src: _flag.default
36
+ })]
37
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
38
+ className: "clock-assigned",
39
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
40
+ className: "clock-header",
41
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
42
+ className: "clock",
43
+ src: _clock.default
44
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
45
+ headerType: "date-header",
46
+ text: "12/04/2021"
47
+ })]
48
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
49
+ className: "assigned",
50
+ children: assignedImage.reverse().map(function (assigned, index) {
51
+ return index < 2 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Avatar, {
52
+ image: assigned.image,
53
+ imageType: "big-image"
54
+ }, index);
55
+ })
56
+ })]
57
+ })]
58
+ });
53
59
  };
54
60
 
55
61
  exports.AssignedWork = AssignedWork;
@@ -1,12 +1,18 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = exports.AvatarAndValidationDefault = void 0;
7
9
 
10
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
+
8
12
  var _index = require("./index");
9
13
 
14
+ var _jsxRuntime = require("react/jsx-runtime");
15
+
10
16
  var _default = {
11
17
  title: "Components/molecules/AvatarAndValidation",
12
18
  component: _index.AvatarAndValidation
@@ -14,7 +20,7 @@ var _default = {
14
20
  exports.default = _default;
15
21
 
16
22
  var Template = function Template(args) {
17
- return /*#__PURE__*/React.createElement(_index.AvatarAndValidation, args);
23
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.AvatarAndValidation, (0, _objectSpread2.default)({}, args));
18
24
  };
19
25
 
20
26
  var AvatarAndValidationDefault = Template.bind({});
@@ -13,26 +13,26 @@ var _react = require("react");
13
13
 
14
14
  var _styles = require("./styles");
15
15
 
16
- var _Avatar = require("../../atoms/Avatar");
17
-
18
- var _DropDownButton = require("../../atoms/DropDownButton");
19
-
20
16
  var _GeneralButton = require("../../atoms/GeneralButton");
21
17
 
22
18
  var _ValidationPanel = require("../../atoms/ValidationPanel");
23
19
 
24
20
  var _RetailerSelector = require("../RetailerSelector");
25
21
 
22
+ var _jsxRuntime = require("react/jsx-runtime");
23
+
26
24
  //Components
27
25
  var AvatarAndValidation = function AvatarAndValidation(_ref) {
28
26
  var retailers = _ref.retailers,
29
27
  validation = _ref.validation,
30
28
  activeRetailer = _ref.activeRetailer,
31
29
  setActiveRetailer = _ref.setActiveRetailer,
32
- approveRejectButtons = _ref.approveRejectButtons,
33
- sendToFacilitator = _ref.sendToFacilitator,
34
- auditorAssigned = _ref.auditorAssigned,
35
- userAssigned = _ref.userAssigned;
30
+ showValidationButtons = _ref.showValidationButtons,
31
+ approve = _ref.approve,
32
+ reject = _ref.reject,
33
+ approveAll = _ref.approveAll,
34
+ rejectAll = _ref.rejectAll,
35
+ showApproveRejectAll = _ref.showApproveRejectAll;
36
36
 
37
37
  var _useState = (0, _react.useState)(false),
38
38
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -56,23 +56,31 @@ var AvatarAndValidation = function AvatarAndValidation(_ref) {
56
56
  document.addEventListener("click", closeValidationPanel, false);
57
57
  }
58
58
  }, [showValidationPanel]);
59
- return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("div", {
60
- className: "buttons-container"
61
- }, /*#__PURE__*/React.createElement(_RetailerSelector.RetailerSelector, {
62
- retailers: retailers,
63
- activeRetailer: activeRetailer,
64
- setActiveRetailer: setActiveRetailer
65
- }), /*#__PURE__*/React.createElement(_DropDownButton.DropDownButton, null), approveRejectButtons() && (auditorAssigned() || userAssigned && userAssigned()) && /*#__PURE__*/React.createElement(_GeneralButton.Button, {
66
- buttonType: "circular-button ".concat(buttonType),
67
- onClick: function onClick() {
68
- return setShowValidationPanel(true);
69
- }
70
- })), showValidationPanel && /*#__PURE__*/React.createElement(_ValidationPanel.ValidationPanel, {
71
- id: "validation-panel",
72
- setOptionClicked: setButtonType,
73
- setShowValidationPanel: setShowValidationPanel,
74
- sendToFacilitator: sendToFacilitator
75
- }));
59
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
60
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
61
+ className: "buttons-container",
62
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RetailerSelector.RetailerSelector, {
63
+ retailers: retailers,
64
+ activeRetailer: activeRetailer,
65
+ setActiveRetailer: setActiveRetailer
66
+ }), showValidationButtons && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
67
+ buttonType: "circular-button ".concat(buttonType),
68
+ onClick: function onClick(e) {
69
+ e.stopPropagation();
70
+ setShowValidationPanel(true);
71
+ }
72
+ })]
73
+ }), showValidationPanel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ValidationPanel.ValidationPanel, {
74
+ id: "validation-panel",
75
+ setOptionClicked: setButtonType,
76
+ setShowValidationPanel: setShowValidationPanel,
77
+ approve: approve,
78
+ reject: reject,
79
+ approveAll: approveAll,
80
+ rejectAll: rejectAll,
81
+ showApproveRejectAll: showApproveRejectAll
82
+ })]
83
+ });
76
84
  };
77
85
 
78
86
  exports.AvatarAndValidation = AvatarAndValidation;
@@ -0,0 +1,37 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = exports.CarouselImagesLoginDefault = void 0;
9
+
10
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
+
12
+ var _index = require("./index");
13
+
14
+ var _loginImage = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/loginImage.svg"));
15
+
16
+ var _login = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/login2.svg"));
17
+
18
+ var _login2 = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/login3.svg"));
19
+
20
+ var _jsxRuntime = require("react/jsx-runtime");
21
+
22
+ var _default = {
23
+ title: "Components/molecules/CarouselImagesLogin",
24
+ component: _index.CarouselImagesLogin
25
+ };
26
+ exports.default = _default;
27
+
28
+ var Template = function Template(args) {
29
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.CarouselImagesLogin, (0, _objectSpread2.default)({}, args));
30
+ };
31
+
32
+ var CarouselImagesLoginDefault = Template.bind({});
33
+ exports.CarouselImagesLoginDefault = CarouselImagesLoginDefault;
34
+ CarouselImagesLoginDefault.args = {
35
+ panelImg: [_loginImage.default, _login.default, _login2.default],
36
+ panelText: "Elige la plataforma que conecta proovedores y retailers"
37
+ };
@@ -0,0 +1,92 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.CarouselImagesLogin = void 0;
7
+
8
+ var _styles = require("./styles");
9
+
10
+ var _ScreenHeader = require("../../atoms/ScreenHeader");
11
+
12
+ var _variables = require("../../../global-files/variables");
13
+
14
+ var _react = require("react");
15
+
16
+ var _jsxRuntime = require("react/jsx-runtime");
17
+
18
+ var CarouselImagesLogin = function CarouselImagesLogin(_ref) {
19
+ var _ref$panelImg = _ref.panelImg,
20
+ panelImg = _ref$panelImg === void 0 ? [] : _ref$panelImg,
21
+ panelText = _ref.panelText,
22
+ panelColor = _ref.panelColor;
23
+
24
+ var carouselStart = function carouselStart() {
25
+ var images = panelImg;
26
+ var i = 1;
27
+ var img1 = document.querySelector("#img1");
28
+ var img2 = document.querySelector("#img2");
29
+ var divIndicadores = document.querySelector("#indicadores");
30
+
31
+ for (var index = 0; index < images.length; index++) {
32
+ var div = document.createElement("div");
33
+ div.classList.add("circles");
34
+ div.id = index;
35
+ divIndicadores.appendChild(div);
36
+ }
37
+
38
+ img1.src = images[0];
39
+ var circulos = document.querySelectorAll(".circles");
40
+ circulos[0].classList.add("resaltado");
41
+
42
+ var slideshow = function slideshow() {
43
+ img2.src = images[i];
44
+ var circulo_actual = Array.from(circulos).find(function (el) {
45
+ return el.id == i;
46
+ });
47
+ Array.from(circulos).forEach(function (cir) {
48
+ return cir.classList.remove("resaltado");
49
+ });
50
+ circulo_actual.classList.add("resaltado");
51
+ img1.classList.add("right");
52
+ img2.classList.add("active");
53
+ i++;
54
+
55
+ if (i == images.length) {
56
+ i = 0;
57
+ }
58
+
59
+ setTimeout(function () {
60
+ img1.src = img2.src;
61
+ img2.classList.remove("active");
62
+ img1.classList.remove("right");
63
+ }, 1000);
64
+ };
65
+
66
+ setInterval(slideshow, 4000);
67
+ };
68
+
69
+ (0, _react.useEffect)(function () {
70
+ carouselStart();
71
+ }, []);
72
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
73
+ panelColor: panelColor,
74
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
75
+ id: "slideshow",
76
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
77
+ id: "img1"
78
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
79
+ id: "img2"
80
+ })]
81
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
82
+ fontFamily: _variables.FontFamily.Raleway,
83
+ color: _variables.GlobalColors.white,
84
+ headerType: "product-name-header",
85
+ text: panelText
86
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
87
+ id: "indicadores"
88
+ })]
89
+ });
90
+ };
91
+
92
+ exports.CarouselImagesLogin = CarouselImagesLogin;
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.Container = void 0;
9
+
10
+ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
11
+
12
+ var _styledComponents = _interopRequireDefault(require("styled-components"));
13
+
14
+ var _templateObject;
15
+
16
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n background: ", ";\n position: relative;\n overflow: hidden;\n width: 100%;\n height: 100%;\n text-align: center;\n #slideshow {\n position: relative;\n height: 65%;\n img {\n position: absolute;\n height: 100%;\n width: 100%;\n top: 8%;\n left: 0;\n }\n #img2 {\n left: 100%;\n }\n .right {\n transform: translate(-100%, 0);\n transition: all 1s;\n }\n .active {\n left: 0 !important;\n transition: all 1s;\n }\n }\n .product-name-header {\n position: absolute;\n bottom: 16%;\n right: 50%;\n transform: translateX(50%);\n }\n #indicadores {\n width: 100%;\n text-align: center;\n position: absolute;\n bottom: 7%;\n .circles {\n background-color: white;\n border: white 2px solid;\n width: 20px;\n height: 20px;\n display: inline-block;\n margin: 0 5px;\n border-radius: 50%;\n &.resaltado {\n background-color: rgba(255, 255, 255, 0);\n transition: background-color 0.8s;\n }\n }\n }\n"])), function (_ref) {
17
+ var panelColor = _ref.panelColor;
18
+ return panelColor ? panelColor : "linear-gradient(180deg,#ffffff 0%,rgba(255, 255, 255, 0.887706) 49.27%,rgba(255, 255, 255, 0) 100%),#d43594";
19
+ });
20
+
21
+ exports.Container = Container;
@@ -1,12 +1,18 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = exports.EditionActiveImageDefault = void 0;
7
9
 
10
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
+
8
12
  var _ = require(".");
9
13
 
14
+ var _jsxRuntime = require("react/jsx-runtime");
15
+
10
16
  var _default = {
11
17
  title: "Components/molecules/EditionActiveImage",
12
18
  component: _.EditionActiveImage
@@ -14,7 +20,7 @@ var _default = {
14
20
  exports.default = _default;
15
21
 
16
22
  var Template = function Template(args) {
17
- return /*#__PURE__*/React.createElement(_.EditionActiveImage, args);
23
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.EditionActiveImage, (0, _objectSpread2.default)({}, args));
18
24
  };
19
25
 
20
26
  var EditionActiveImageDefault = Template.bind({});
@@ -11,20 +11,24 @@ var _index = require("../../atoms/ProductImage/index");
11
11
 
12
12
  var _index2 = require("../../atoms/GeneralButton/index");
13
13
 
14
+ var _jsxRuntime = require("react/jsx-runtime");
15
+
14
16
  var EditionActiveImage = function EditionActiveImage(_ref) {
15
17
  var img = _ref.img,
16
18
  altText = _ref.altText,
17
19
  setShowModal = _ref.setShowModal;
18
- return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_index.ProductImage, {
19
- img: img,
20
- imageType: "main-image",
21
- altText: altText
22
- }), /*#__PURE__*/React.createElement(_index2.Button, {
23
- buttonType: "open-modal-button",
24
- onClick: function onClick() {
25
- return setShowModal(true);
26
- }
27
- }));
20
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
21
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProductImage, {
22
+ img: img,
23
+ imageType: "main-image",
24
+ altText: altText
25
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
26
+ buttonType: "open-modal-button",
27
+ onClick: function onClick() {
28
+ return setShowModal(true);
29
+ }
30
+ })]
31
+ });
28
32
  };
29
33
 
30
34
  exports.EditionActiveImage = EditionActiveImage;
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = exports.EmailResetPasswordLoginDefault = void 0;
9
+
10
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
+
12
+ var _index = require("./index");
13
+
14
+ var _jsxRuntime = require("react/jsx-runtime");
15
+
16
+ var _default = {
17
+ title: "Components/molecules/EmailResetPasswordLogin",
18
+ component: _index.EmailResetPasswordLogin
19
+ };
20
+ exports.default = _default;
21
+
22
+ var Template = function Template(args) {
23
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.EmailResetPasswordLogin, (0, _objectSpread2.default)({}, args));
24
+ };
25
+
26
+ var EmailResetPasswordLoginDefault = Template.bind({});
27
+ exports.EmailResetPasswordLoginDefault = EmailResetPasswordLoginDefault;
28
+ EmailResetPasswordLoginDefault.args = {};