{"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/components/common/contentSections/BannerSection.tsx","webpack:///./src/components/common/contentSections/TypesSection.tsx","webpack:///./src/pages/b2b.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","BannerSection","background","objectFit","display","alignItems","justifyContent","verticalAlign","TypesSection","subheadingSection1","subheadingSection2","descSection1","descSection2","imageUrlSection1","imageUrlSection2","height","width","B2BContentData","id","B2B","map","item","key","ContentImageRow","Image","styled","img"],"mappings":"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","file":"component---src-pages-b-2-b-tsx-10cc44522230f6048990.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 { 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, { ReactElement } from 'react';\nimport { Row, Col } from 'react-bootstrap';\nimport { Image } from '../../../utils/image';\n\ninterface TypesSectionProps {\n    heading: string;\n    subheadingSection1: string;\n    subheadingSection2: string;\n    descSection1: string;\n    descSection2: string;\n    imageUrlSection1: string;\n    imageUrlSection2: string;\n}\n\nconst TypesSection = ({\n    heading,\n    subheadingSection1,\n    subheadingSection2,\n    descSection1,\n    descSection2,\n    imageUrlSection1,\n    imageUrlSection2,\n}: TypesSectionProps): 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                }}\n            >\n                {heading}\n            </div>\n        </Col>\n        <Col md=\"12\" lg=\"6\" style={{ textAlign: `center` }}>\n            <div style={{ textAlign: `center` }}>\n                <Image\n                    style={{ height: `4rem`, width: `4rem` }}\n                    src={imageUrlSection1}\n                />\n            </div>\n            <div\n                style={{\n                    fontSize: `1.2rem`,\n                    fontWeight: `bold`,\n                    paddingTop: `1rem`,\n                }}\n            >\n                {subheadingSection1}\n            </div>\n            <p\n                style={{\n                    padding: `1rem`,\n                    paddingLeft: `5rem`,\n                    paddingRight: `5rem`,\n                    color: `#535b6c`,\n                }}\n            >\n                {descSection1}\n            </p>\n        </Col>\n        <Col md=\"12\" lg=\"6\" style={{ textAlign: `center` }}>\n            <div style={{ textAlign: `center` }}>\n                <Image\n                    style={{ height: `4rem`, width: `4rem` }}\n                    src={imageUrlSection2}\n                />\n            </div>\n            <div\n                style={{\n                    fontSize: `1.2rem`,\n                    fontWeight: `bold`,\n                    paddingTop: `1rem`,\n                }}\n            >\n                {subheadingSection2}\n            </div>\n            <p\n                style={{\n                    padding: `1rem`,\n                    paddingLeft: `5rem`,\n                    paddingRight: `5rem`,\n                    color: `#535b6c`,\n                }}\n            >\n                {descSection2}\n            </p>\n        </Col>\n    </Row>\n);\n\nexport default TypesSection;\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 TypesSection from '../components/common/contentSections/TypesSection';\nimport ImageContentRow from '../components/common/ImageContentRow';\nimport { ContentData } from '../utils/entities';\n\nconst B2BContentData: ContentData[] = [\n    {\n        id: 1,\n        title: `Governance and federation`,\n        desc: `Maintain user accounts, attributes and give entitlements\n    to partners. Easily connect with partners that have\n    their own IDP or access management deployment and enable\n    logins from the partner’s IDP.`,\n        imageUrl: `images/b2b-governance-federation@3x.png`,\n    },\n    {\n        id: 2,\n        title: `Manage ID`,\n        desc: `Manage and use organization identities and group users\n        by verified organization identity. Automatically\n        deprovision users within seconds.`,\n        imageUrl: `images/b2b-manage-id@3x.png`,\n    },\n    {\n        id: 3,\n        title: `Directory integration`,\n        desc: `Connect with customer’s active directory or LDAP and\n        import identities from AD/LDAP.`,\n        imageUrl: `images/b2b-directory-integration@3x.png`,\n    },\n];\n\nconst B2B = (): ReactElement => (\n    <Layout>\n        <Container>\n            <ContentHero\n                heading=\"B2B Integration\"\n                desc=\"StackIAM allows you to integrate with other businesses,\n                        enterprise directory and give your business partners\n                        access to information they might need.\"\n                buttonText=\"Try StackIAM\"\n                imageUrl=\"/images/b2b.svg\"\n            />\n            <TypesSection\n                heading=\"Integration Types\"\n                subheadingSection1=\"Inbound Federation\"\n                subheadingSection2=\"Directory Integration\"\n                descSection1=\"Easily connect with partners that have their own IDP or\n            access management deployment; federate using SAML or\n            OIDC.\"\n                descSection2=\"Connect your customer's LDAP or Active Directory;\n            synchronize user accounts to Universal Directory.\"\n                imageUrlSection1=\"images/rich-text-converter@3x.jpg\"\n                imageUrlSection2=\"images/user-shield@3x.jpg\"\n            />\n            <HeadingSection\n                heading=\"Features\"\n                subheading=\"B2B Integration\"\n                desc=\"Whether you're looking for a two-factor authentication\n                        solution to meet compliance targets, or building a full\n                        MFA security framework, Okta is the adaptive\n                        multi-factor authentication vendor that has you covered.\n                        Implement a variety of different factors for\n                        authentication across usability and assurance levels:\"\n            />\n            {B2BContentData.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 B2B;\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":""}