{"version":3,"sources":["components/pages/Login/Carousel.jsx","components/pages/Login/index.jsx"],"names":["CarouselWaaper","styled","Carousel","withConfig","displayName","componentId","_ref","theme","palette","text","red","_ref2","greydark","MainWapper","div","Devices","laptop","Spacings","SPACING_6B","ImageWapper","img","TitleWapper","Text","MEDIUM","BOLD_600","_ref3","darkblack","ParagraphWapper","SMALL","SPACING_6","_ref4","CarouselContent","mobile","ContentWapper","carouselContent","Frame","title","strings","paragraph","Frame2","Frame3","Frame4","Frame5","Frame6","Frame7","Frame8","Frame9","CarouselComponent","_jsx","children","infiniteLoop","autoPlay","showArrows","showStatus","showThumbs","stopOnHover","showIndicators","interval","map","item","index","_jsxs","src","categoryData","Cat1","Cat2","Cat3","Cat4","Cat5","Cat6","Cat7","Login","navigate","useNavigate","location","useLocation","isActive","setActive","useState","useEffect","user","Cookies","get","cookieKeys","isClient","role","org_created","paths","home","login","pathname","includes","admin","renderPrivacyPolicyText","PrivacyPolicyWrapper","IsExtraSmall","AnchorText","href","target","arrowHandler","linkWapperUi","LinkWrapper","LinkedInWapper","GoogleImage","AppStore","GooglePlay","MainWrapper","BackgroundImage","Container","_Fragment","InfoPanel","show","amountPanelAnimation","ScrollContainer","onClick","isScrollUp","ArrowUp","alt","CategoryServed","CarouselContainer","FooterWapper","CategoryContainer","CategoryWapper","isRemove","CategoryImage","CategoryTitle","LoginContainer","LogoContainer","Logo","size","isLogin","Content","Outlet","ScrollDownContainer","isScrollDown","ArrowDown","Toast"],"mappings":"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","file":"static/js/Login.c650131e.chunk.js","sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport 'react-responsive-carousel/lib/styles/carousel.min.css' // requires a loader\nimport { Carousel } from 'react-responsive-carousel'\nimport Frame from '@assets/login/carousel/frame.png'\nimport Frame2 from '@assets/login/carousel/frame2.png'\nimport Frame3 from '@assets/login/carousel/frame3.png'\nimport Frame4 from '@assets/login/carousel/frame4.png'\nimport Frame5 from '@assets/login/carousel/frame5.png'\nimport Frame6 from '@assets/login/carousel/frame6.png'\nimport Frame7 from '@assets/login/carousel/frame7.png'\nimport Frame8 from '@assets/login/carousel/frame8.png'\nimport Frame9 from '@assets/login/carousel/frame9.png'\nimport { Devices, Spacings, Text } from '@styles'\nimport { strings } from '@constants'\n\nconst CarouselWaaper = styled(Carousel)`\n\t.carousel .control-dots .dot.selected,\n\t.carousel .control-dots .dot:hover {\n\t\tbackground: ${({ theme }) => theme.palette.text.red};\n\t}\n\t.carousel .control-dots .dot {\n\t\tbackground: ${({ theme }) => theme.palette.text.greydark};\n\t}\n\t.carousel.carousel-slider {\n\t\theight: 50vh;\n\t}\n\t.carousel .slider-wrapper.axis-horizontal .slider {\n\t\theight: 41vh;\n\t}\n`\n\nconst MainWapper = styled.div`\n\tbackground: #ffffff;\n\twidth: 100%;\n\t@media ${Devices.laptop} {\n\t\tbox-shadow: 0px 8px 40px rgba(0, 0, 0, 0.32);\n\t\twidth: 60%;\n\t}\n\tborder-radius: ${Spacings.SPACING_6B};\n\toverflow: hidden;\n`\nconst ImageWapper = styled.img`\n\twidth: 15rem !important;\n\theight: 10rem !important;\n\tobject-fit: contain;\n\tmargin-top: ${Spacings.SPACING_6B};\n`\nconst TitleWapper = styled.div`\n\tfont-size: ${Text.MEDIUM};\n\ttext-align: center;\n\tfont-weight: ${Text.BOLD_600};\n\tcolor: ${({ theme }) => theme.palette.text.darkblack};\n`\nconst ParagraphWapper = styled.div`\n\tfont-size: ${Text.SMALL};\n\ttext-align: center;\n\tmax-width: 21rem;\n\tmargin-top: ${Spacings.SPACING_6};\n\tcolor: ${({ theme }) => theme.palette.text.darkblack};\n`\nconst CarouselContent = styled.div`\n\theight: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: space-around;\n\t@media ${Devices.mobile} {\n\t\tjustify-content: space-between;\n\t}\n`\nconst ContentWapper = styled.div``\n\nconst carouselContent = [\n\t{\n\t\timg: Frame,\n\t\ttitle: strings('fastest_response_time'),\n\t\tparagraph: strings('carousel_helping_buyers'),\n\t},\n\t{\n\t\timg: Frame2,\n\t\ttitle: strings('facility_flexible_payments'),\n\t\tparagraph: strings('carousel_get_access'),\n\t},\n\t{\n\t\timg: Frame3,\n\t\ttitle: strings('verified_suppliers'),\n\t\tparagraph: strings('carousel_verified_network'),\n\t},\n\t{\n\t\timg: Frame4,\n\t\ttitle: strings('fastest_response_time'),\n\t\tparagraph: strings('carousel_helping_buyers'),\n\t},\n\t{\n\t\timg: Frame5,\n\t\ttitle: strings('best_prices'),\n\t\tparagraph: strings('carousel_get_ahead'),\n\t},\n\t{ img: Frame6, title: strings('digital_experience'), paragraph: strings('carousel_view_product') },\n\t{\n\t\timg: Frame7,\n\t\ttitle: strings('logistics_support'),\n\t\tparagraph: strings('carousel_guaranteed_time_delivery'),\n\t},\n\t{\n\t\timg: Frame8,\n\t\ttitle: strings(['100', '%', 'visibility']),\n\t\tparagraph: strings('carousel_see_quotations'),\n\t},\n\t{\n\t\timg: Frame9,\n\t\ttitle: strings('one_stop_solution'),\n\t\tparagraph: strings('carousel_source_through'),\n\t},\n]\n\nconst CarouselComponent = () => {\n\treturn (\n\t\t<MainWapper>\n\t\t\t<CarouselWaaper\n\t\t\t\tinfiniteLoop={true}\n\t\t\t\tautoPlay={true}\n\t\t\t\tshowArrows={false}\n\t\t\t\tshowStatus={false}\n\t\t\t\tshowThumbs={false}\n\t\t\t\tstopOnHover={true}\n\t\t\t\tshowIndicators={true}\n\t\t\t\tinterval={1500}\n\t\t\t>\n\t\t\t\t{carouselContent.map((item, index) => (\n\t\t\t\t\t<CarouselContent key={index}>\n\t\t\t\t\t\t<ImageWapper src={item?.img} />\n\t\t\t\t\t\t<ContentWapper>\n\t\t\t\t\t\t\t<TitleWapper>{item?.title}</TitleWapper>\n\t\t\t\t\t\t\t<ParagraphWapper>{item?.paragraph}</ParagraphWapper>\n\t\t\t\t\t\t</ContentWapper>\n\t\t\t\t\t</CarouselContent>\n\t\t\t\t))}\n\t\t\t</CarouselWaaper>\n\t\t</MainWapper>\n\t)\n}\n\nexport default CarouselComponent\n","import { useEffect, useState } from 'react'\nimport { Outlet, useNavigate, useLocation } from 'react-router'\nimport Cookies from 'universal-cookie'\nimport { Logo, Toast } from '@base'\nimport { paths } from '@routes'\nimport ArrowDown from '@assets/login/arrow-down.png'\nimport ArrowUp from '@assets/login/arrow-up.png'\nimport GooglePlay from '@assets/login/googlePlay.png'\nimport AppStore from '@assets/login/appStore.png'\nimport Cat1 from '@assets/login/category/ctg_1.png'\nimport Cat2 from '@assets/login/category/ctg_2.png'\nimport Cat3 from '@assets/login/category/ctg_3.png'\nimport Cat4 from '@assets/login/category/ctg_4.png'\nimport Cat5 from '@assets/login/category/ctg_5.png'\nimport Cat6 from '@assets/login/category/ctg_6.png'\nimport Cat7 from '@assets/login/category/ctg_7.png'\nimport { cookieKeys, strings } from '@constants'\n\nimport {\n\tMainWrapper,\n\tBackgroundImage,\n\tLoginContainer,\n\tContent,\n\tLinkWrapper,\n\tAnchorText,\n\tLogoContainer,\n\tGoogleImage,\n\tLinkedInWapper,\n\tPrivacyPolicyWrapper,\n\tFooterWapper,\n\tCategoryImage,\n\tCategoryContainer,\n\tCategoryTitle,\n\tCategoryServed,\n\tContainer,\n\tCarouselContainer,\n\tScrollContainer,\n\tInfoPanel,\n\tCategoryWapper,\n\tScrollDownContainer,\n} from './styles'\nimport Carousel from './Carousel'\nimport { isClient } from 'src/utils/adminFilter'\n\nconst categoryData = [\n\t{ img: Cat1, title: 'MS TMT BARS' },\n\t{ img: Cat2, title: 'MS SHEETS | PLATES' },\n\t{ img: Cat3, title: 'GI COIL' },\n\t{ img: Cat4, title: 'GP COIL' },\n\t{ img: Cat5, title: 'PPGI SHEETS' },\n\t{ img: Cat6, title: 'SCRAP' },\n\t{ img: Cat7, title: 'MS ANGLES' },\n]\n\nconst Login = () => {\n\tconst navigate = useNavigate()\n\tconst location = useLocation()\n\tconst [isActive, setActive] = useState(false)\n\n\tuseEffect(() => {\n\t\tconst cookies = new Cookies()\n\t\tconst user = cookies.get(cookieKeys.user)\n\t\tif (user) {\n\t\t\tif (!isClient(user.role)) {\n\t\t\t\tif (!location.pathname.includes(paths.admin)) {\n\t\t\t\t\tnavigate(paths.admin)\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (user?.org_created) navigate(paths.home)\n\t\t\t\telse navigate(paths.login)\n\t\t\t}\n\t\t}\n\t}, [])\n\n\tconst renderPrivacyPolicyText = () => {\n\t\treturn (\n\t\t\t<PrivacyPolicyWrapper IsExtraSmall>\n\t\t\t\tThis site is protected by reCAPTCHA and <br />\n\t\t\t\tthe Google{' '}\n\t\t\t\t<AnchorText href='https://www.metalbook.co.in/terms-conditions' target='_blank'>\n\t\t\t\t\t{' '}\n\t\t\t\t\tPrivacy Policy\n\t\t\t\t</AnchorText>{' '}\n\t\t\t\tand{' '}\n\t\t\t\t<AnchorText href='https://www.metalbook.co.in/terms-conditions' target='_blank'>\n\t\t\t\t\t{' '}\n\t\t\t\t\tTerms of Service\n\t\t\t\t</AnchorText>{' '}\n\t\t\t\tapply\n\t\t\t</PrivacyPolicyWrapper>\n\t\t)\n\t}\n\n\tconst CategoryHandler = () => (\n\t\t<FooterWapper>\n\t\t\t<CategoryContainer>\n\t\t\t\t{categoryData.map((item, index) => (\n\t\t\t\t\t<CategoryWapper key={index} isRemove={index === 3 || index === 5}>\n\t\t\t\t\t\t<CategoryImage src={item?.img} />\n\t\t\t\t\t\t<CategoryTitle>{item?.title}</CategoryTitle>\n\t\t\t\t\t</CategoryWapper>\n\t\t\t\t))}\n\t\t\t</CategoryContainer>\n\t\t\t<CategoryServed>100+ Categories Served</CategoryServed>\n\t\t</FooterWapper>\n\t)\n\n\tconst arrowHandler = () => {\n\t\tsetActive(!isActive)\n\t}\n\tconst scrollDownUi = () => (\n\t\t<>\n\t\t\t{isActive && (\n\t\t\t\t<InfoPanel show={true} amountPanelAnimation={true}>\n\t\t\t\t\t<ScrollContainer onClick={arrowHandler} isScrollUp>\n\t\t\t\t\t\t<img src={ArrowUp} alt='arrrow-up' />\n\t\t\t\t\t\t<CategoryServed>Scroll up to login</CategoryServed>\n\t\t\t\t\t</ScrollContainer>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<Carousel />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t{linkWapperUi()}\n\t\t\t\t\t\t{renderPrivacyPolicyText()}\n\t\t\t\t\t</div>\n\t\t\t\t</InfoPanel>\n\t\t\t)}\n\t\t</>\n\t)\n\n\tconst linkWapperUi = () => (\n\t\t<LinkWrapper>\n\t\t\t<AnchorText href='https://www.metalbook.co.in/blogs' target='_blank'>\n\t\t\t\t{' '}\n\t\t\t\t{strings('blogs')}{' '}\n\t\t\t</AnchorText>\n\t\t\t|{' '}\n\t\t\t<AnchorText href='https://www.metalbook.co.in/' target='_blank'>\n\t\t\t\t{strings('website')}\n\t\t\t</AnchorText>{' '}\n\t\t\t|\n\t\t\t<AnchorText href='https://www.metalbook.co.in/about-us#email-form' target='_blank'>\n\t\t\t\t{' '}\n\t\t\t\t{strings('contact_us')}\n\t\t\t</AnchorText>\n\t\t\t<LinkedInWapper>\n\t\t\t\t<AnchorText href='https://apps.apple.com/us/app/metalbook/id6450207151' target='_blank'>\n\t\t\t\t\t<GoogleImage src={AppStore} />\n\t\t\t\t</AnchorText>\n\t\t\t\t<AnchorText href='https://play.google.com/store/apps/details?id=app.metalbook' target='_blank'>\n\t\t\t\t\t<GoogleImage src={GooglePlay} />\n\t\t\t\t</AnchorText>\n\t\t\t</LinkedInWapper>\n\t\t</LinkWrapper>\n\t)\n\t\n\treturn (\n\t\t<MainWrapper>\n\t\t\t<BackgroundImage>\n\t\t\t\t{!isActive ? (\n\t\t\t\t\t<Container>\n\t\t\t\t\t\t<CarouselContainer>\n\t\t\t\t\t\t\t<Carousel />\n\t\t\t\t\t\t\t{CategoryHandler()}\n\t\t\t\t\t\t</CarouselContainer>\n\t\t\t\t\t\t<LoginContainer>\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<LogoContainer>\n\t\t\t\t\t\t\t\t\t<Logo size='4.5rem' isLogin />\n\t\t\t\t\t\t\t\t</LogoContainer>\n\t\t\t\t\t\t\t\t<Content>\n\t\t\t\t\t\t\t\t\t<Outlet />\n\t\t\t\t\t\t\t\t</Content>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t{linkWapperUi()}\n\t\t\t\t\t\t\t\t{renderPrivacyPolicyText()}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<ScrollDownContainer>\n\t\t\t\t\t\t\t\t<ScrollContainer onClick={arrowHandler} isScrollDown>\n\t\t\t\t\t\t\t\t\t<CategoryServed>Scroll down to see benefits</CategoryServed>\n\t\t\t\t\t\t\t\t\t<img src={ArrowDown} alt='arrrow-down' />\n\t\t\t\t\t\t\t\t</ScrollContainer>\n\t\t\t\t\t\t\t</ScrollDownContainer>\n\t\t\t\t\t\t</LoginContainer>\n\t\t\t\t\t</Container>\n\t\t\t\t) : (\n\t\t\t\t\t<Container>{scrollDownUi()}</Container>\n\t\t\t\t)}\n\t\t\t</BackgroundImage>\n\t\t\t{/* <FooterImage src={footerImage} /> */}\n\t\t\t<Toast />\n\t\t\t{/* <GoogleDiv>\n\t\t\t\t{strings('msg_this_site_protected_recaptcha')}\n\t\t\t\t<AnchorText href='https://policies.google.com/privacy'> {strings('privacy_policy')}</AnchorText> {strings('and')}\n\t\t\t\t<AnchorText href='https://policies.google.com/terms'> {strings('terms_service')}</AnchorText> {strings('apply')}\n\t\t\t</GoogleDiv> */}\n\t\t</MainWrapper>\n\t)\n}\n\nexport default Login\n"],"sourceRoot":""}