{"version":3,"sources":["webpack:///./src/components/common/contentSections/ContentHero.tsx","webpack:///./src/components/common/ImageContentRow.tsx","webpack:///./src/components/common/contentSections/HeadingSection.tsx","webpack:///./src/pages/customer-dashboard.tsx","webpack:///./src/components/common/contentSections/BannerSection.tsx","webpack:///./src/components/common/ContentImageRow.tsx","webpack:///./src/utils/image.ts"],"names":["ContentHero","heading","desc","buttonText","imageUrl","noGutters","style","backgroundImage","md","lg","paddingLeft","paddingTop","fontSize","color","paddingBottom","src","ImageContentRow","title","paddingRight","textAlign","fontWeight","padding","HeadingSection","subheading","xs","CustomerDashboardContentData","id","CustomerDashboard","map","item","key","BannerSection","background","objectFit","display","alignItems","justifyContent","verticalAlign","ContentImageRow","Image","styled","img"],"mappings":"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","file":"component---src-pages-customer-dashboard-tsx-7c2a8f7eaff026b133cc.js","sourcesContent":["import React, { ReactElement } from 'react';\nimport { Row, Col } from 'react-bootstrap';\nimport { ColoredButton } from '../Buttons';\nimport { Image } from '../../../utils/image';\n\ninterface ContentHeroProps {\n    heading: string;\n    desc: string;\n    buttonText?: string;\n    imageUrl: string;\n}\n\nconst ContentHero = ({\n    heading,\n    desc,\n    buttonText,\n    imageUrl,\n}: ContentHeroProps): ReactElement => (\n    <Row\n        noGutters\n        style={{\n            backgroundImage: `linear-gradient(to bottom, #fffcf9, #fff8f0)`,\n        }}\n    >\n        <Col md=\"12\" lg=\"5\" style={{ paddingLeft: `3rem`, paddingTop: `2rem` }}>\n            <div style={{ fontSize: `3rem`, color: `#2e598f` }}>{heading}</div>\n            <div\n                style={{\n                    paddingTop: `1rem`,\n                    fontSize: `1.05rem`,\n                    color: `#535b6c`,\n                }}\n            >\n                {desc}\n            </div>\n            {buttonText && (\n                <div style={{ paddingTop: `1rem`, paddingBottom: `1rem` }}>\n                    <ColoredButton>{buttonText}</ColoredButton>\n                </div>\n            )}\n        </Col>\n        <Col md=\"12\" lg=\"7\" style={{ paddingLeft: `1rem`, paddingTop: `2rem` }}>\n            <Image src={imageUrl} />\n        </Col>\n    </Row>\n);\n\nexport default ContentHero;\n","import React from 'react';\nimport { Row, Col } from 'react-bootstrap';\nimport { Image } from '../../utils/image';\n\ninterface ImageContentRowProps {\n    title: string;\n    desc: string;\n    imageUrl: string;\n}\n\nconst ImageContentRow = ({ title, desc, imageUrl }: ImageContentRowProps) => (\n    <Row\n        style={{\n            paddingLeft: `6rem`,\n            paddingRight: `6rem`,\n            paddingTop: `1rem`,\n            paddingBottom: `2rem`,\n        }}\n        noGutters\n    >\n        <Col\n            md=\"12\"\n            lg=\"6\"\n            style={{\n                textAlign: `center`,\n\n                color: `#535b6c`,\n            }}\n        >\n            <Image src={imageUrl} />\n        </Col>\n        <Col\n            md=\"12\"\n            lg=\"6\"\n            style={{\n                textAlign: `center`,\n                // paddingTop: '3rem',\n                color: `#535b6c`,\n                // paddingBottom: '5rem',\n            }}\n        >\n            <div\n                style={{\n                    fontSize: `1.5rem`,\n                    color: `#3c4043`,\n                    fontWeight: `bold`,\n                    paddingTop: `5rem`,\n                    textAlign: `center`,\n                }}\n            >\n                {title}\n            </div>\n            <p\n                style={{\n                    padding: `1rem`,\n                    color: `#535b6c`,\n                    textAlign: `center`,\n                }}\n            >\n                {desc}\n            </p>\n        </Col>\n    </Row>\n);\n\nexport default ImageContentRow;\n","import React, { ReactElement } from 'react';\nimport { Row, Col } from 'react-bootstrap';\n\ninterface HeadingSectionProps {\n    heading: string;\n    subheading?: string;\n    desc?: string;\n}\n\nconst HeadingSection = ({\n    heading,\n    subheading,\n    desc,\n}: HeadingSectionProps): ReactElement => (\n    <Row noGutters>\n        <Col\n            xs=\"12\"\n            style={{\n                textAlign: `center`,\n                paddingTop: `3rem`,\n                color: `#2e598f`,\n                paddingBottom: `3rem`,\n            }}\n        >\n            <div\n                style={{\n                    fontSize: `2rem`,\n                    paddingBottom: `1rem`,\n                }}\n            >\n                {heading}\n            </div>\n            {subheading && (\n                <div\n                    style={{\n                        fontSize: `1.5rem`,\n                        color: `#3c4043`,\n                        fontWeight: `bold`,\n                    }}\n                >\n                    {subheading}\n                </div>\n            )}\n            {desc && (\n                <p\n                    style={{\n                        padding: `1rem`,\n                        paddingLeft: `5rem`,\n                        paddingRight: `5rem`,\n                        color: `#535b6c`,\n                    }}\n                >\n                    {desc}\n                </p>\n            )}\n        </Col>\n    </Row>\n);\n\nexport default HeadingSection;\n","import React, { ReactElement } from 'react';\nimport { Container } from 'react-bootstrap';\nimport { Layout } from '../components/common';\nimport ContentImageRow from '../components/common/ContentImageRow';\nimport BannerSection from '../components/common/contentSections/BannerSection';\nimport ContentHero from '../components/common/contentSections/ContentHero';\nimport HeadingSection from '../components/common/contentSections/HeadingSection';\nimport ImageContentRow from '../components/common/ImageContentRow';\nimport { ContentData } from '../utils/entities';\n\nconst CustomerDashboardContentData: ContentData[] = [\n    {\n        id: 1,\n        title: `Easy use`,\n        desc: `StackIAM provides a simplified view of the user dashboard which allows users to see all their information, change settings and track who has access to their information, including location and device specifications.`,\n        imageUrl: `images/customer-dashboard-easy-use.svg`,\n    },\n    {\n        id: 2,\n        title: `User experience & manageability`,\n        desc: `Customers deserve simple  and intuitive user experiences across all devices and that is what we provide with StackIAM.`,\n        imageUrl: `images/customer-dashboard-user-experience.svg`,\n    },\n];\n\nconst CustomerDashboard = (): ReactElement => (\n    <Layout>\n        <Container>\n            <ContentHero\n                heading=\"Customer \n                Dashboard\"\n                desc=\"Customers can view their dashboard capturing who they are, settings, who has access and what kind of information they have access to.\"\n                buttonText=\"Get Started\"\n                imageUrl=\"/images/customer-dashboard-hero.svg\"\n            />\n            {/* <TypesSection\n                heading=\"Employees Clocker Types\"\n                subheadingSection1=\"Web Clocker\"\n                subheadingSection2=\"Mobile Application Clocker\"\n                descSection1=\"Easily connect with partners that have their own IDP or access management deployment; federate using SAML or OIDC.\"\n                descSection2=\"Connect your customer's LDAP or Active Directory; synchronize user accounts to Universal Directory.\"\n                imageUrlSection1=\"images/workspace@3x.png\"\n                imageUrlSection2=\"images/mobile@3x.png\"\n            /> */}\n            <HeadingSection\n                heading=\"Features\"\n                subheading=\"Customer Dashboard\"\n            />\n            {CustomerDashboardContentData.map((item) => {\n                if (item.id % 2 === 0) {\n                    return <ContentImageRow key={item.id} {...item} />;\n                } else {\n                    return <ImageContentRow key={item.id} {...item} />;\n                }\n            })}\n            <BannerSection />\n        </Container>\n    </Layout>\n);\n\nexport default CustomerDashboard;\n","import React, { ReactElement } from 'react';\nimport { Row, Col } from 'react-bootstrap';\nimport { BlueColoredButton } from '../Buttons';\n\nconst BannerSection = (): ReactElement => (\n    <Row\n        noGutters\n        style={{\n            background:\n                `transparent url(\"images/banner@3x.png\") no-repeat center center /cover`,\n            objectFit: `contain`,\n        }}\n    >\n        <Col\n            md=\"12\"\n            lg=\"9\"\n            style={{\n                paddingTop: `2rem`,\n                paddingBottom: `2rem`,\n                paddingLeft: `3rem`,\n                paddingRight: `3rem`,\n            }}\n        >\n            <p style={{ color: `#dbdbdb` }}>\n                We Creates a potential marketplace for People where business can\n                directly meet users. It also provides an interoperable access to\n                user data across different industries. Users will be able to use\n                the Service as a secure single-sign on provider and move their\n                data across different applications.\n            </p>\n        </Col>\n        <Col\n            md=\"12\"\n            lg=\"3\"\n            style={{\n                display: `flex`,\n                alignItems: `center`,\n                justifyContent: `center`,\n                paddingBottom: `1rem`,\n            }}\n        >\n            <div\n                style={{\n                    textAlign: `center`,\n                    verticalAlign: `center`,\n                }}\n            >\n                <BlueColoredButton>Get Started</BlueColoredButton>\n            </div>\n        </Col>\n    </Row>\n);\n\nexport default BannerSection;\n","import React from 'react';\nimport { Row, Col } from 'react-bootstrap';\nimport { Image } from '../../utils/image';\n\ninterface ContentImageRowProps {\n    title: string;\n    desc: string;\n    imageUrl: string;\n}\n\nconst ContentImageRow = ({ title, desc, imageUrl }: ContentImageRowProps) => (\n    <Row\n        style={{\n            paddingLeft: `6rem`,\n            paddingRight: `6rem`,\n            paddingTop: `1rem`,\n            paddingBottom: `2rem`,\n        }}\n        noGutters\n    >\n        <Col\n            md=\"12\"\n            lg=\"6\"\n            style={{\n                textAlign: `center`,\n                // paddingTop: '3rem',\n                color: `#535b6c`,\n                // paddingBottom: '5rem',\n            }}\n        >\n            <div\n                style={{\n                    fontSize: `1.5rem`,\n                    color: `#3c4043`,\n                    fontWeight: `bold`,\n                    paddingTop: `2rem`,\n                    textAlign: `center`,\n                }}\n            >\n                {title}\n            </div>\n            <p\n                style={{\n                    padding: `1rem`,\n                    color: `#535b6c`,\n                    textAlign: `center`,\n                }}\n            >\n                {desc}\n            </p>\n        </Col>\n        <Col\n            md=\"12\"\n            lg=\"6\"\n            style={{\n                textAlign: `center`,\n                // paddingTop: '3rem',\n                color: `#535b6c`,\n                // paddingBottom: '5rem',\n            }}\n        >\n            <Image src={imageUrl} />\n        </Col>\n    </Row>\n);\n\nexport default ContentImageRow;\n","import styled from '@emotion/styled';\n\nexport const Image = styled.img`\n    object-fit: contain;\n    width: 90%;\n    height: 90%;\n    align-self: center;\n`;\n"],"sourceRoot":""}