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.
- package/.env.development +20 -12
- package/.env.production +10 -2
- package/CHANGELOG.md +39 -0
- package/dist/assets/images/carouselImagesLogin/login2.svg +117 -0
- package/dist/assets/images/carouselImagesLogin/login3.svg +147 -0
- package/dist/assets/images/carouselImagesLogin/loginImage.svg +301 -0
- package/dist/assets/images/editField/showPassword.png +0 -0
- package/dist/assets/images/generalButton/downloadIcon.svg +3 -0
- package/dist/assets/images/genericModal/closeWhite.svg +3 -0
- package/dist/assets/images/genericModal/errorModal.svg +3 -0
- package/dist/assets/images/genericModal/yellowAlert.svg +12 -0
- package/dist/assets/images/sliderToolTip/infoIcon.svg +4 -0
- package/dist/assets/images/sliderToolTip/slide1.svg +5 -0
- package/dist/assets/images/sliderToolTip/slide2.svg +9 -0
- package/dist/assets/images/sliderToolTip/slide3.svg +9 -0
- package/dist/assets/images/sliderToolTip/slide4.svg +9 -0
- package/dist/assets/images/sliderToolTip/slide5.svg +40 -0
- package/dist/assets/images/verticalSideMenuMainPage/closeMenu.svg +4 -0
- package/dist/assets/images/verticalSideMenuMainPage/iconFAQS.svg +12 -0
- package/dist/assets/images/verticalSideMenuMainPage/iconGroup.svg +3 -0
- package/dist/assets/images/verticalSideMenuMainPage/iconLogo.svg +12 -0
- package/dist/assets/images/verticalSideMenuMainPage/iconLogoContentoh.svg +15 -0
- package/dist/assets/images/verticalSideMenuMainPage/iconProduct.svg +3 -0
- package/dist/assets/images/verticalSideMenuMainPage/iconSpeedometer.svg +12 -0
- package/dist/assets/images/verticalSideMenuMainPage/iconTask.svg +10 -0
- package/dist/assets/images/verticalSideMenuMainPage/openMenu.svg +4 -0
- package/dist/components/atoms/ActivedFilter/ActivedFilter.stories.js +7 -1
- package/dist/components/atoms/ActivedFilter/index.js +12 -4
- package/dist/components/atoms/AsignationOption/AsignationOptions.stories.js +7 -1
- package/dist/components/atoms/AsignationOption/index.js +52 -23
- package/dist/components/atoms/AsignationOption/styles.js +1 -1
- package/dist/components/atoms/AtomList/AtomList.stories.js +7 -1
- package/dist/components/atoms/AtomList/index.js +14 -9
- package/dist/components/atoms/Avatar/AsignationImage.stories.js +7 -1
- package/dist/components/atoms/Avatar/index.js +11 -8
- package/dist/components/atoms/Card/Card.stories.js +7 -1
- package/dist/components/atoms/Card/index.js +8 -4
- package/dist/components/atoms/CharCounter/CharCounter.stories.js +31 -0
- package/dist/components/atoms/CharCounter/index.js +22 -0
- package/dist/components/atoms/CharCounter/styles.js +20 -0
- package/dist/components/atoms/CheckBox/CheckBox.stories.js +7 -1
- package/dist/components/atoms/CheckBox/index.js +19 -13
- package/dist/components/atoms/Commentary/index.js +10 -2
- package/dist/components/atoms/Commentary/styles.js +4 -1
- package/dist/components/atoms/CustomerTypeImage/CustomerTypeImage.stories.js +7 -1
- package/dist/components/atoms/CustomerTypeImage/index.js +8 -6
- package/dist/components/atoms/DropDownButton/DropDownButton.stories.js +7 -1
- package/dist/components/atoms/DropDownButton/index.js +9 -6
- package/dist/components/atoms/DropDownButton/styles.js +1 -1
- package/dist/components/atoms/EditField/EditField.stories.js +7 -1
- package/dist/components/atoms/EditField/index.js +17 -10
- package/dist/components/atoms/FeatureTag/FeatureTag.stories.js +7 -1
- package/dist/components/atoms/FeatureTag/index.js +11 -5
- package/dist/components/atoms/GeneralButton/GeneralButton.stories.js +7 -1
- package/dist/components/atoms/GeneralButton/index.js +13 -7
- package/dist/components/atoms/GeneralButton/styles.js +4 -2
- package/dist/components/atoms/GeneralInput/GeneralInput.stories.js +7 -1
- package/dist/components/atoms/GeneralInput/index.js +128 -69
- package/dist/components/atoms/GeneralInput/styles.js +8 -2
- package/dist/components/atoms/GeneralTextBox/GeneralTextBox.stories.js +7 -1
- package/dist/components/atoms/GeneralTextBox/index.js +12 -7
- package/dist/components/atoms/GenericModal/GenericModal.stories.js +46 -59
- package/dist/components/atoms/GenericModal/index.js +15 -8
- package/dist/components/atoms/GenericModal/styles.js +1 -1
- package/dist/components/atoms/GradientPanel/GradientPanel.stories.js +85 -80
- package/dist/components/atoms/GradientPanel/index.js +11 -7
- package/dist/components/atoms/GradientPanel/styles.js +2 -2
- package/dist/components/atoms/Graphic/Graphic.stories.js +7 -1
- package/dist/components/atoms/Graphic/index.js +9 -5
- package/dist/components/atoms/Input/index.js +15 -8
- package/dist/components/atoms/Input/style.js +4 -4
- package/dist/components/atoms/InputFormatter/Wysiwyg.stories.js +30 -0
- package/dist/components/atoms/InputFormatter/index.js +187 -0
- package/dist/components/atoms/InputFormatter/styles.js +33 -0
- package/dist/components/atoms/LabelToInput/index.js +18 -13
- package/dist/components/atoms/LabelToInput/style.js +3 -3
- package/dist/components/atoms/LoadImageMenu/LoadImageMenu.stories.js +7 -1
- package/dist/components/atoms/LoadImageMenu/index.js +33 -22
- package/dist/components/atoms/Loading/Loading.stories.js +28 -0
- package/dist/components/atoms/Loading/index.js +27 -0
- package/dist/components/atoms/Loading/styles.js +22 -0
- package/dist/components/atoms/LogoImage/LogoImage.stories.js +7 -1
- package/dist/components/atoms/LogoImage/index.js +9 -6
- package/dist/components/atoms/MenuNotification/MenuNotification.stories.js +7 -1
- package/dist/components/atoms/MenuNotification/index.js +21 -15
- package/dist/components/atoms/MenuProfile/MenuProfile.stories.js +7 -1
- package/dist/components/atoms/MenuProfile/index.js +25 -15
- package/dist/components/atoms/Notification/Notification.stories.js +5 -1
- package/dist/components/atoms/Notification/index.js +15 -9
- package/dist/components/atoms/Percent/Percent.stories.js +7 -1
- package/dist/components/atoms/Percent/index.js +21 -14
- package/dist/components/atoms/PriorityFlag/PriorityFlag.stories.js +7 -1
- package/dist/components/atoms/PriorityFlag/index.js +8 -4
- package/dist/components/atoms/ProductImage/ProductImage.stories.js +7 -1
- package/dist/components/atoms/ProductImage/index.js +11 -8
- package/dist/components/atoms/ProductPercentCard/Percent.stories.js +41 -0
- package/dist/components/atoms/ProductPercentCard/index.js +45 -0
- package/dist/components/atoms/ProductPercentCard/styles.js +20 -0
- package/dist/components/atoms/ProgressBar/ProgressBar.stories.js +7 -1
- package/dist/components/atoms/ProgressBar/index.js +8 -3
- package/dist/components/atoms/ProgressBar/styles.js +1 -1
- package/dist/components/atoms/ScreenHeader/ScreenHeader.stories.js +7 -1
- package/dist/components/atoms/ScreenHeader/index.js +9 -3
- package/dist/components/atoms/ScreenHeader/styles.js +1 -1
- package/dist/components/atoms/Select/index.js +27 -20
- package/dist/components/atoms/Select/style.js +1 -1
- package/dist/components/atoms/SideMenuButton/SideMenuButton.stories.js +5 -1
- package/dist/components/atoms/SideMenuButton/index.js +10 -4
- package/dist/components/atoms/SliderToolTip/SliderToolTip.stories.js +47 -0
- package/dist/components/atoms/SliderToolTip/index.js +200 -0
- package/dist/components/atoms/SliderToolTip/styles.js +24 -0
- package/dist/components/atoms/StatusTag/StatusTag.stories.js +7 -1
- package/dist/components/atoms/StatusTag/index.js +43 -3
- package/dist/components/atoms/StatusTag/styles.js +1 -1
- package/dist/components/atoms/TabSection/TabSection.stories.js +7 -1
- package/dist/components/atoms/TabSection/index.js +8 -3
- package/dist/components/atoms/ValidationPanel/ValidationPanel.stories.js +7 -1
- package/dist/components/atoms/ValidationPanel/index.js +57 -34
- package/dist/components/atoms/ValidationPanel/styles.js +1 -1
- package/dist/components/atoms/VerticalSideMenuMainPage/VerticalSideMenuMainPage.stories.js +28 -0
- package/dist/components/atoms/VerticalSideMenuMainPage/index.js +98 -0
- package/dist/components/atoms/VerticalSideMenuMainPage/styles.js +24 -0
- package/dist/components/molecules/AddProvidersAndProducts/AddProvidersAndProducts.stories.js +5 -1
- package/dist/components/molecules/AddProvidersAndProducts/index.js +18 -12
- package/dist/components/molecules/AssignedWork/AssignedWork.stories.js +5 -1
- package/dist/components/molecules/AssignedWork/index.js +36 -30
- package/dist/components/molecules/AvatarAndValidation/AvatarAndValidation.stories.js +7 -1
- package/dist/components/molecules/AvatarAndValidation/index.js +33 -25
- package/dist/components/molecules/CarouselImagesLogin/CarouselImagesLogin.stories.js +37 -0
- package/dist/components/molecules/CarouselImagesLogin/index.js +92 -0
- package/dist/components/molecules/CarouselImagesLogin/styles.js +21 -0
- package/dist/components/molecules/EditionActiveImage/EditionActiveImage.stories.js +7 -1
- package/dist/components/molecules/EditionActiveImage/index.js +14 -10
- package/dist/components/molecules/EmailResetPasswordLogin/EmailResetPasswordLogin.stories.js +28 -0
- package/dist/components/molecules/EmailResetPasswordLogin/index.js +153 -0
- package/dist/components/molecules/EmailResetPasswordLogin/styles.js +20 -0
- package/dist/components/molecules/FeaturesBar/FeaturesBar.stories.js +7 -1
- package/dist/components/molecules/FeaturesBar/index.js +11 -9
- package/dist/components/molecules/GalleryElement/GalleryElement.stories.js +7 -1
- package/dist/components/molecules/GalleryElement/index.js +96 -57
- package/dist/components/molecules/GalleryHeader/GalleryHeader.stories.js +7 -1
- package/dist/components/molecules/GalleryHeader/index.js +46 -16
- package/dist/components/molecules/HeaderTop/HeaderTop.stories.js +7 -1
- package/dist/components/molecules/HeaderTop/index.js +10 -7
- package/dist/components/molecules/ImageSelector/ImageSelector.stories.js +7 -1
- package/dist/components/molecules/ImageSelector/index.js +15 -13
- package/dist/components/molecules/LoginPasswordStrength/LoginPasswordStrength.stories.js +28 -0
- package/dist/components/molecules/LoginPasswordStrength/index.js +126 -0
- package/dist/components/molecules/LoginPasswordStrength/styles.js +78 -0
- package/dist/components/molecules/LogoLoading/Loading.stories.js +28 -0
- package/dist/components/molecules/LogoLoading/index.js +22 -0
- package/dist/components/molecules/LogoLoading/styles.js +18 -0
- package/dist/components/molecules/ParentComponent/ParentComponent.stories.js +10 -2
- package/dist/components/molecules/ParentComponent/index.js +9 -5
- package/dist/components/molecules/PayMethod/PayMethod.stories.js +7 -1
- package/dist/components/molecules/PayMethod/index.js +38 -33
- package/dist/components/molecules/PlanSelection/PlanSelection.stories.js +7 -1
- package/dist/components/molecules/PlanSelection/index.js +14 -11
- package/dist/components/molecules/ProductNameHeader/ProductNameHeader.stories.js +7 -1
- package/dist/components/molecules/ProductNameHeader/index.js +18 -14
- package/dist/components/molecules/ProductNotification/ProductNotification.stories.js +7 -1
- package/dist/components/molecules/ProductNotification/index.js +12 -9
- package/dist/components/molecules/ProfileHeader/ProfileHeader.stories.js +5 -1
- package/dist/components/molecules/ProfileHeader/index.js +21 -15
- package/dist/components/molecules/RegistrationFirstStep/RegistrationFirstStep.stories.js +28 -0
- package/dist/components/molecules/RegistrationFirstStep/index.js +308 -0
- package/dist/components/molecules/RegistrationFirstStep/styles.js +20 -0
- package/dist/components/molecules/RegistrationSecondStep/RegistrationSecondStep.stories.js +28 -0
- package/dist/components/molecules/RegistrationSecondStep/index.js +172 -0
- package/dist/components/molecules/RegistrationSecondStep/styles.js +20 -0
- package/dist/components/molecules/RegistrationThirdStep/RegistrationThirdStep.stories.js +28 -0
- package/dist/components/molecules/RegistrationThirdStep/index.js +155 -0
- package/dist/components/molecules/RegistrationThirdStep/styles.js +20 -0
- package/dist/components/molecules/RetailerSelector/RetailerSelector.stories.js +7 -1
- package/dist/components/molecules/RetailerSelector/index.js +36 -25
- package/dist/components/molecules/RetailerSelector/styles.js +1 -1
- package/dist/components/molecules/SidebarNotification/SidebarNotification.stories.js +5 -1
- package/dist/components/molecules/SidebarNotification/index.js +43 -37
- package/dist/components/molecules/SignInLogin/SignInLogin.stories.js +28 -0
- package/dist/components/molecules/SignInLogin/index.js +315 -0
- package/dist/components/molecules/SignInLogin/styles.js +20 -0
- package/dist/components/molecules/StatusAsignationInfo/StatusAsignationInfo.stories.js +7 -1
- package/dist/components/molecules/StatusAsignationInfo/index.js +111 -98
- package/dist/components/molecules/StatusAsignationInfo/styles.js +1 -1
- package/dist/components/molecules/TableHeader/TableHeader.stories.js +7 -1
- package/dist/components/molecules/TableHeader/index.js +21 -9
- package/dist/components/molecules/TableHeader/styles.js +1 -1
- package/dist/components/molecules/TableRow/TableRow.stories.js +7 -1
- package/dist/components/molecules/TableRow/index.js +11 -7
- package/dist/components/molecules/TabsMenu/TabsMenu.stories.js +7 -1
- package/dist/components/molecules/TabsMenu/index.js +13 -10
- package/dist/components/molecules/TagAndInput/TagAndInput.stories.js +7 -1
- package/dist/components/molecules/TagAndInput/index.js +43 -23
- package/dist/components/molecules/TagAndInput/styles.js +10 -2
- package/dist/components/molecules/VerificationCodeResetPasswordLogin/VerificationCodeResetPasswordLogin.stories.js +28 -0
- package/dist/components/molecules/VerificationCodeResetPasswordLogin/index.js +211 -0
- package/dist/components/molecules/VerificationCodeResetPasswordLogin/styles.js +20 -0
- package/dist/components/molecules/VerificationCodeResetPasswordLogin/utils.js +69 -0
- package/dist/components/organisms/ChangePassword/ChangePassword.stories.js +28 -0
- package/dist/components/organisms/ChangePassword/index.js +124 -0
- package/dist/components/organisms/ChangePassword/styles.js +18 -0
- package/dist/components/organisms/FullProductNameHeader/FullProductNameHeader.stories.js +7 -1
- package/dist/components/organisms/FullProductNameHeader/index.js +70 -34
- package/dist/components/organisms/FullTabsMenu/FullTabsMenu.stories.js +7 -1
- package/dist/components/organisms/FullTabsMenu/index.js +30 -23
- package/dist/components/organisms/Fullplan/FullPlan.stories.js +7 -1
- package/dist/components/organisms/Fullplan/index.js +23 -15
- package/dist/components/organisms/GlobalModal/index.js +73 -0
- package/dist/components/organisms/GlobalModal/styles.js +66 -0
- package/dist/components/organisms/ImageDataTable/ImageDataTable.stories.js +7 -1
- package/dist/components/organisms/ImageDataTable/index.js +85 -62
- package/dist/components/organisms/ImagePreviewer/ImagePreviewer.stories.js +7 -1
- package/dist/components/organisms/ImagePreviewer/index.js +12 -8
- package/dist/components/organisms/ImagesGroup/index.js +5 -1
- package/dist/components/organisms/InputGroup/InputGroup.stories.js +7 -1
- package/dist/components/organisms/InputGroup/index.js +44 -37
- package/dist/components/organisms/InputGroup/styles.js +1 -1
- package/dist/components/organisms/ProductImageModal/ProductImageModal.stories.js +7 -1
- package/dist/components/organisms/ProductImageModal/index.js +49 -46
- package/dist/components/organisms/ProductImageModal/styles.js +1 -1
- package/dist/components/pages/ChangePasswordLogin/ChangePasswordLogin.stories.js +38 -0
- package/dist/components/pages/ChangePasswordLogin/index.js +108 -0
- package/dist/components/pages/ChangePasswordLogin/styles.js +18 -0
- package/dist/components/pages/CustomerLogin/CustomerLogin.stories.js +52 -47
- package/dist/components/pages/CustomerLogin/index.js +18 -12
- package/dist/components/pages/CustomerPayMethod/CustomerPayMethod.stories.js +36 -28
- package/dist/components/pages/CustomerPayMethod/index.js +18 -12
- package/dist/components/pages/CustomerType/CustomerType.stories.js +21 -22
- package/dist/components/pages/CustomerType/index.js +18 -12
- package/dist/components/pages/EmailResetPassword/EmailResetPassword.stories.js +37 -0
- package/dist/components/pages/EmailResetPassword/index.js +130 -0
- package/dist/components/pages/EmailResetPassword/styles.js +20 -0
- package/dist/components/pages/OnboardPlan/OnboardPlan.stories.js +12 -9
- package/dist/components/pages/OnboardPlan/index.js +18 -12
- package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +186 -0
- package/dist/components/pages/ProviderProductEdition/index.js +1932 -0
- package/dist/components/pages/ProviderProductEdition/styles.js +23 -0
- package/dist/components/pages/RegistrationLoginFirstStep/RegistrationLoginFirstStep.stories.js +37 -0
- package/dist/components/pages/RegistrationLoginFirstStep/index.js +269 -0
- package/dist/components/pages/RegistrationLoginFirstStep/styles.js +20 -0
- package/dist/components/pages/RegistrationLoginSecondStep/RegistrationLoginSecondStep.stories.js +38 -0
- package/dist/components/pages/RegistrationLoginSecondStep/index.js +176 -0
- package/dist/components/pages/RegistrationLoginSecondStep/styles.js +20 -0
- package/dist/components/pages/RegistrationLoginThirdStep/RegistrationLoginThirdStep.stories.js +37 -0
- package/dist/components/pages/RegistrationLoginThirdStep/index.js +178 -0
- package/dist/components/pages/RegistrationLoginThirdStep/styles.js +20 -0
- package/dist/components/pages/RetailerPlan/RetailerPlan.stories.js +13 -10
- package/dist/components/pages/RetailerPlan/index.js +18 -12
- package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +36 -72
- package/dist/components/pages/RetailerProductEdition/index.js +1295 -590
- package/dist/components/pages/RetailerProductEdition/styles.js +1 -1
- package/dist/components/pages/VerificationCodeResetPassword/VerificationCodeResetPassword.stories.js +37 -0
- package/dist/components/pages/VerificationCodeResetPassword/index.js +121 -0
- package/dist/components/pages/VerificationCodeResetPassword/styles.js +20 -0
- package/dist/components/pages/VerificationCodeResetPassword/utils.js +69 -0
- package/dist/global-files/data.js +104 -24
- package/dist/global-files/fonts.css +45 -0
- package/dist/global-files/global-styles.css +41 -0
- package/dist/index.js +316 -100
- package/package.json +28 -8
- package/src/assets/images/carouselImagesLogin/login2.svg +117 -0
- package/src/assets/images/carouselImagesLogin/login3.svg +147 -0
- package/src/assets/images/carouselImagesLogin/loginImage.svg +301 -0
- package/src/assets/images/editField/showPassword.png +0 -0
- package/src/assets/images/generalButton/downloadIcon.svg +3 -0
- package/src/assets/images/genericModal/closeWhite.svg +3 -0
- package/src/assets/images/genericModal/errorModal.svg +3 -0
- package/src/assets/images/genericModal/yellowAlert.svg +12 -0
- package/src/assets/images/sliderToolTip/infoIcon.svg +4 -0
- package/src/assets/images/sliderToolTip/slide1.svg +5 -0
- package/src/assets/images/sliderToolTip/slide2.svg +9 -0
- package/src/assets/images/sliderToolTip/slide3.svg +9 -0
- package/src/assets/images/sliderToolTip/slide4.svg +9 -0
- package/src/assets/images/sliderToolTip/slide5.svg +40 -0
- package/src/assets/images/verticalSideMenuMainPage/closeMenu.svg +4 -0
- package/src/assets/images/verticalSideMenuMainPage/iconFAQS.svg +12 -0
- package/src/assets/images/verticalSideMenuMainPage/iconGroup.svg +3 -0
- package/src/assets/images/verticalSideMenuMainPage/iconLogo.svg +12 -0
- package/src/assets/images/verticalSideMenuMainPage/iconLogoContentoh.svg +15 -0
- package/src/assets/images/verticalSideMenuMainPage/iconProduct.svg +3 -0
- package/src/assets/images/verticalSideMenuMainPage/iconSpeedometer.svg +12 -0
- package/src/assets/images/verticalSideMenuMainPage/iconTask.svg +10 -0
- package/src/assets/images/verticalSideMenuMainPage/openMenu.svg +4 -0
- package/src/components/atoms/AsignationOption/index.js +18 -1
- package/src/components/atoms/AsignationOption/styles.js +19 -1
- package/src/components/atoms/CharCounter/CharCounter.stories.js +11 -0
- package/src/components/atoms/CharCounter/index.js +13 -0
- package/src/components/atoms/CharCounter/styles.js +10 -0
- package/src/components/atoms/CheckBox/index.js +8 -2
- package/src/components/atoms/Commentary/index.js +2 -2
- package/src/components/atoms/Commentary/styles.js +2 -1
- package/src/components/atoms/DropDownButton/styles.js +6 -0
- package/src/components/atoms/GeneralButton/index.js +1 -0
- package/src/components/atoms/GeneralButton/styles.js +14 -0
- package/src/components/atoms/GeneralInput/index.js +109 -62
- package/src/components/atoms/GeneralInput/styles.js +35 -1
- package/src/components/atoms/GenericModal/index.js +2 -2
- package/src/components/atoms/GenericModal/styles.js +11 -3
- package/src/components/atoms/GradientPanel/styles.js +8 -1
- package/src/components/atoms/Input/index.js +2 -1
- package/src/components/atoms/Input/style.js +9 -5
- package/src/components/atoms/InputFormatter/Wysiwyg.stories.js +12 -0
- package/src/components/atoms/InputFormatter/index.js +146 -0
- package/src/components/atoms/InputFormatter/styles.js +41 -0
- package/src/components/atoms/LabelToInput/index.js +0 -1
- package/src/components/atoms/LabelToInput/style.js +15 -4
- package/src/components/atoms/Loading/Loading.stories.js +10 -0
- package/src/components/atoms/Loading/index.js +13 -0
- package/src/components/atoms/Loading/styles.js +57 -0
- package/src/components/atoms/LogoImage/index.js +1 -1
- package/src/components/atoms/ProductPercentCard/Percent.stories.js +41 -0
- package/src/components/atoms/ProductPercentCard/index.js +23 -0
- package/src/components/atoms/{Percent → ProductPercentCard}/styles.js +11 -7
- package/src/components/atoms/ProgressBar/styles.js +2 -1
- package/src/components/atoms/ScreenHeader/index.js +7 -3
- package/src/components/atoms/ScreenHeader/styles.js +14 -2
- package/src/components/atoms/Select/index.js +3 -1
- package/src/components/atoms/Select/style.js +1 -2
- package/src/components/atoms/SliderToolTip/SliderToolTip.stories.js +23 -0
- package/src/components/atoms/SliderToolTip/index.js +182 -0
- package/src/components/atoms/SliderToolTip/styles.js +168 -0
- package/src/components/atoms/StatusTag/index.js +30 -2
- package/src/components/atoms/StatusTag/styles.js +9 -4
- package/src/components/atoms/ValidationPanel/index.js +29 -17
- package/src/components/atoms/ValidationPanel/styles.js +6 -2
- package/src/components/atoms/VerticalSideMenuMainPage/VerticalSideMenuMainPage.stories.js +12 -0
- package/src/components/atoms/VerticalSideMenuMainPage/index.js +54 -0
- package/src/components/atoms/VerticalSideMenuMainPage/styles.js +45 -0
- package/src/components/molecules/AvatarAndValidation/index.js +20 -15
- package/src/components/molecules/CarouselImagesLogin/CarouselImagesLogin.stories.js +17 -0
- package/src/components/molecules/CarouselImagesLogin/index.js +65 -0
- package/src/components/molecules/CarouselImagesLogin/styles.js +60 -0
- package/src/components/molecules/EmailResetPasswordLogin/EmailResetPasswordLogin.stories.js +11 -0
- package/src/components/molecules/EmailResetPasswordLogin/index.js +85 -0
- package/src/components/molecules/EmailResetPasswordLogin/styles.js +23 -0
- package/src/components/molecules/GalleryElement/index.js +26 -6
- package/src/components/molecules/GalleryHeader/index.js +8 -2
- package/src/components/molecules/LoginPasswordStrength/LoginPasswordStrength.stories.js +8 -0
- package/src/components/molecules/LoginPasswordStrength/index.js +84 -0
- package/src/components/molecules/LoginPasswordStrength/styles.js +91 -0
- package/src/components/molecules/LogoLoading/Loading.stories.js +10 -0
- package/src/components/molecules/LogoLoading/index.js +12 -0
- package/src/components/molecules/LogoLoading/styles.js +16 -0
- package/src/components/molecules/RegistrationFirstStep/RegistrationFirstStep.stories.js +11 -0
- package/src/components/molecules/RegistrationFirstStep/index.js +227 -0
- package/src/components/molecules/RegistrationFirstStep/styles.js +87 -0
- package/src/components/molecules/RegistrationSecondStep/RegistrationSecondStep.stories.js +11 -0
- package/src/components/molecules/RegistrationSecondStep/index.js +135 -0
- package/src/components/molecules/RegistrationSecondStep/styles.js +64 -0
- package/src/components/molecules/RegistrationThirdStep/RegistrationThirdStep.stories.js +11 -0
- package/src/components/molecules/RegistrationThirdStep/index.js +130 -0
- package/src/components/molecules/RegistrationThirdStep/styles.js +44 -0
- package/src/components/molecules/RetailerSelector/index.js +7 -1
- package/src/components/molecules/RetailerSelector/styles.js +3 -0
- package/src/components/molecules/SignInLogin/SignInLogin.stories.js +11 -0
- package/src/components/molecules/SignInLogin/index.js +226 -0
- package/src/components/molecules/SignInLogin/styles.js +120 -0
- package/src/components/molecules/StatusAsignationInfo/index.js +60 -53
- package/src/components/molecules/StatusAsignationInfo/styles.js +8 -2
- package/src/components/molecules/TableHeader/index.js +14 -2
- package/src/components/molecules/TableHeader/styles.js +8 -0
- package/src/components/molecules/TagAndInput/index.js +19 -1
- package/src/components/molecules/TagAndInput/styles.js +28 -0
- package/src/components/molecules/VerificationCodeResetPasswordLogin/VerificationCodeResetPasswordLogin.stories.js +11 -0
- package/src/components/molecules/VerificationCodeResetPasswordLogin/index.js +171 -0
- package/src/components/molecules/VerificationCodeResetPasswordLogin/styles.js +54 -0
- package/src/components/molecules/VerificationCodeResetPasswordLogin/utils.js +54 -0
- package/src/components/organisms/ChangePassword/ChangePassword.stories.js +11 -0
- package/src/components/organisms/ChangePassword/index.js +77 -0
- package/src/components/organisms/ChangePassword/styles.js +13 -0
- package/src/components/organisms/FullProductNameHeader/index.js +53 -16
- package/src/components/organisms/FullTabsMenu/index.js +15 -12
- package/src/components/organisms/GlobalModal/index.js +68 -0
- package/src/components/organisms/GlobalModal/styles.js +113 -0
- package/src/components/organisms/ImageDataTable/index.js +29 -8
- package/src/components/organisms/InputGroup/index.js +28 -8
- package/src/components/organisms/InputGroup/styles.js +2 -2
- package/src/components/organisms/ProductImageModal/index.js +8 -9
- package/src/components/organisms/ProductImageModal/styles.js +3 -0
- package/src/components/pages/ChangePasswordLogin/ChangePasswordLogin.stories.js +18 -0
- package/src/components/pages/ChangePasswordLogin/index.js +77 -0
- package/src/components/pages/ChangePasswordLogin/styles.js +20 -0
- package/src/components/pages/EmailResetPassword/EmailResetPassword.stories.js +17 -0
- package/src/components/pages/EmailResetPassword/index.js +77 -0
- package/src/components/pages/EmailResetPassword/styles.js +27 -0
- package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +186 -0
- package/src/components/pages/ProviderProductEdition/index.js +1400 -0
- package/src/components/pages/ProviderProductEdition/styles.js +118 -0
- package/src/components/pages/RegistrationLoginFirstStep/RegistrationLoginFirstStep.stories.js +17 -0
- package/src/components/pages/RegistrationLoginFirstStep/index.js +160 -0
- package/src/components/pages/RegistrationLoginFirstStep/styles.js +85 -0
- package/src/components/pages/RegistrationLoginSecondStep/RegistrationLoginSecondStep.stories.js +18 -0
- package/src/components/pages/RegistrationLoginSecondStep/index.js +111 -0
- package/src/components/pages/RegistrationLoginSecondStep/styles.js +64 -0
- package/src/components/pages/RegistrationLoginThirdStep/RegistrationLoginThirdStep.stories.js +17 -0
- package/src/components/pages/RegistrationLoginThirdStep/index.js +106 -0
- package/src/components/pages/RegistrationLoginThirdStep/styles.js +48 -0
- package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +27 -63
- package/src/components/pages/RetailerProductEdition/index.js +1034 -442
- package/src/components/pages/RetailerProductEdition/styles.js +17 -3
- package/src/components/pages/VerificationCodeResetPassword/VerificationCodeResetPassword.stories.js +17 -0
- package/src/components/pages/VerificationCodeResetPassword/index.js +92 -0
- package/src/components/pages/VerificationCodeResetPassword/styles.js +54 -0
- package/src/components/pages/VerificationCodeResetPassword/utils.js +56 -0
- package/src/global-files/data.js +88 -28
- package/src/index.js +23 -8
- package/src/components/atoms/Percent/Percent.stories.js +0 -38
- 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;
|
package/dist/components/molecules/AddProvidersAndProducts/AddProvidersAndProducts.stories.js
CHANGED
|
@@ -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__*/
|
|
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__*/
|
|
23
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
|
|
22
24
|
className: className,
|
|
23
|
-
onClick: onClick
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
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__*/
|
|
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__*/
|
|
24
|
-
className: "status-".concat(statusType)
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
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__*/
|
|
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
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
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__*/
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
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__*/
|
|
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__*/
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
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 = {};
|