{"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/access-gateway.tsx","webpack:///./src/components/common/contentSections/BannerSection.tsx","webpack:///./src/components/common/contentSections/TypesSection.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","AccessGatewayContentData","id","AccessGateway","subheadingSection1","subheadingSection2","descSection1","descSection2","imageUrlSection1","imageUrlSection2","map","item","key","BannerSection","background","objectFit","display","alignItems","justifyContent","verticalAlign","TypesSection","height","width","ContentImageRow","Image","styled","img"],"mappings":"6FAAA,yEA+CeA,IAnCK,SAAC,GAAD,IAChBC,EADgB,EAChBA,QACAC,EAFgB,EAEhBA,KACAC,EAHgB,EAGhBA,WACAC,EAJgB,EAIhBA,SAJgB,OAMhB,kBAAC,IAAD,CACIC,WAAS,EACTC,MAAO,CACHC,gBAAiB,iDAGrB,kBAAC,IAAD,CAAKC,GAAG,KAAKC,GAAG,IAAIH,MAAO,CAAEI,YAAa,OAAQC,WAAY,SAC1D,yBAAKL,MAAO,CAAEM,SAAU,OAAQC,MAAO,YAAcZ,GACrD,yBACIK,MAAO,CACHK,WAAY,OACZC,SAAU,UACVC,MAAO,YAGVX,GAEJC,GACG,yBAAKG,MAAO,CAAEK,WAAY,OAAQG,cAAe,SAC7C,kBAAC,IAAD,KAAgBX,KAI5B,kBAAC,IAAD,CAAKK,GAAG,KAAKC,GAAG,IAAIH,MAAO,CAAEI,YAAa,OAAQC,WAAY,SAC1D,kBAAC,IAAD,CAAOI,IAAKX,Q,oCC1CxB,6DAiEeY,IAvDS,SAAC,GAAD,IAAGC,EAAH,EAAGA,MAAOf,EAAV,EAAUA,KAAME,EAAhB,EAAgBA,SAAhB,OACpB,kBAAC,IAAD,CACIE,MAAO,CACHI,YAAa,OACbQ,aAAc,OACdP,WAAY,OACZG,cAAe,QAEnBT,WAAS,GAET,kBAAC,IAAD,CACIG,GAAG,KACHC,GAAG,IACHH,MAAO,CACHa,UAAW,SAEXN,MAAO,YAGX,kBAAC,IAAD,CAAOE,IAAKX,KAEhB,kBAAC,IAAD,CACII,GAAG,KACHC,GAAG,IACHH,MAAO,CACHa,UAAW,SAEXN,MAAO,YAIX,yBACIP,MAAO,CACHM,SAAU,SACVC,MAAO,UACPO,WAAY,OACZT,WAAY,OACZQ,UAAW,WAGdF,GAEL,uBACIX,MAAO,CACHe,QAAS,OACTR,MAAO,UACPM,UAAW,WAGdjB,O,oCC3DjB,iDA2DeoB,IAlDQ,SAAC,GAAD,IACnBrB,EADmB,EACnBA,QACAsB,EAFmB,EAEnBA,WACArB,EAHmB,EAGnBA,KAHmB,OAKnB,kBAAC,IAAD,CAAKG,WAAS,GACV,kBAAC,IAAD,CACImB,GAAG,KACHlB,MAAO,CACHa,UAAW,SACXR,WAAY,OACZE,MAAO,UACPC,cAAe,SAGnB,yBACIR,MAAO,CACHM,SAAU,OACVE,cAAe,SAGlBb,GAEJsB,GACG,yBACIjB,MAAO,CACHM,SAAU,SACVC,MAAO,UACPO,WAAY,SAGfG,GAGRrB,GACG,uBACII,MAAO,CACHe,QAAS,OACTX,YAAa,OACbQ,aAAc,OACdL,MAAO,YAGVX,O,kCCpDrB,gIAWMuB,EAA0C,CAC5C,CACIC,GAAI,EACJT,MAAO,OACPf,KAAM,+DACNE,SAAU,sBAEd,CACIsB,GAAI,EACJT,MAAO,oBACPf,KAAM,qFACNE,SAAU,gCAEd,CACIsB,GAAI,EACJT,MAAO,QACPf,KAAM,yMACNE,SAAU,oCAwCHuB,UApCO,kBAClB,kBAAC,IAAD,KACI,kBAAC,IAAD,KACI,kBAAC,IAAD,CACI1B,QAAQ,gBACRC,KAAK,iIACLC,WAAW,eACXC,SAAS,+BAEb,kBAAC,IAAD,CACIH,QAAQ,uBACR2B,mBAAmB,oCACnBC,mBAAmB,oBACnBC,aAAa,qHACbC,aAAa,sGACbC,iBAAiB,oCACjBC,iBAAiB,kCAErB,kBAAC,IAAD,CACIhC,QAAQ,WACRsB,WAAW,iBACXrB,KAAK,4TAGRuB,EAAyBS,KAAI,SAACC,GAC3B,OAAIA,EAAKT,GAAK,GAAM,EACT,kBAAC,IAAD,eAAiBU,IAAKD,EAAKT,IAAQS,IAEnC,kBAAC,IAAD,eAAiBC,IAAKD,EAAKT,IAAQS,OAGlD,kBAAC,IAAD,U,kCC/DZ,6DAqDeE,IAjDO,kBAClB,kBAAC,IAAD,CACIhC,WAAS,EACTC,MAAO,CACHgC,WAAU,yEAEVC,UAAW,YAGf,kBAAC,IAAD,CACI/B,GAAG,KACHC,GAAG,IACHH,MAAO,CACHK,WAAY,OACZG,cAAe,OACfJ,YAAa,OACbQ,aAAc,SAGlB,uBAAGZ,MAAO,CAAEO,MAAO,YAAnB,0SAQJ,kBAAC,IAAD,CACIL,GAAG,KACHC,GAAG,IACHH,MAAO,CACHkC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChB5B,cAAe,SAGnB,yBACIR,MAAO,CACHa,UAAW,SACXwB,cAAe,WAGnB,kBAAC,IAAD,yB,kCC/ChB,6DAkGeC,IApFM,SAAC,GAAD,IACjB3C,EADiB,EACjBA,QACA2B,EAFiB,EAEjBA,mBACAC,EAHiB,EAGjBA,mBACAC,EAJiB,EAIjBA,aACAC,EALiB,EAKjBA,aACAC,EANiB,EAMjBA,iBACAC,EAPiB,EAOjBA,iBAPiB,OASjB,kBAAC,IAAD,CAAK5B,WAAS,GACV,kBAAC,IAAD,CACImB,GAAG,KACHlB,MAAO,CACHa,UAAW,SACXR,WAAY,OACZE,MAAO,UACPC,cAAe,SAGnB,yBACIR,MAAO,CACHM,SAAU,SAGbX,IAGT,kBAAC,IAAD,CAAKO,GAAG,KAAKC,GAAG,IAAIH,MAAO,CAAEa,UAAW,WACpC,yBAAKb,MAAO,CAAEa,UAAW,WACrB,kBAAC,IAAD,CACIb,MAAO,CAAEuC,OAAQ,OAAQC,MAAO,QAChC/B,IAAKiB,KAGb,yBACI1B,MAAO,CACHM,SAAU,SACVQ,WAAY,OACZT,WAAY,SAGfiB,GAEL,uBACItB,MAAO,CACHe,QAAS,OACTX,YAAa,OACbQ,aAAc,OACdL,MAAO,YAGViB,IAGT,kBAAC,IAAD,CAAKtB,GAAG,KAAKC,GAAG,IAAIH,MAAO,CAAEa,UAAW,WACpC,yBAAKb,MAAO,CAAEa,UAAW,WACrB,kBAAC,IAAD,CACIb,MAAO,CAAEuC,OAAQ,OAAQC,MAAO,QAChC/B,IAAKkB,KAGb,yBACI3B,MAAO,CACHM,SAAU,SACVQ,WAAY,OACZT,WAAY,SAGfkB,GAEL,uBACIvB,MAAO,CACHe,QAAS,OACTX,YAAa,OACbQ,aAAc,OACdL,MAAO,YAGVkB,O,kCC5FjB,6DAkEegB,IAxDS,SAAC,GAAD,IAAG9B,EAAH,EAAGA,MAAOf,EAAV,EAAUA,KAAME,EAAhB,EAAgBA,SAAhB,OACpB,kBAAC,IAAD,CACIE,MAAO,CACHI,YAAa,OACbQ,aAAc,OACdP,WAAY,OACZG,cAAe,QAEnBT,WAAS,GAET,kBAAC,IAAD,CACIG,GAAG,KACHC,GAAG,IACHH,MAAO,CACHa,UAAW,SAEXN,MAAO,YAIX,yBACIP,MAAO,CACHM,SAAU,SACVC,MAAO,UACPO,WAAY,OACZT,WAAY,OACZQ,UAAW,WAGdF,GAEL,uBACIX,MAAO,CACHe,QAAS,OACTR,MAAO,UACPM,UAAW,WAGdjB,IAGT,kBAAC,IAAD,CACIM,GAAG,KACHC,GAAG,IACHH,MAAO,CACHa,UAAW,SAEXN,MAAO,YAIX,kBAAC,IAAD,CAAOE,IAAKX,Q,iPC3DjB,IAAM4C,E,UAAQC,EAAOC,IAAV","file":"component---src-pages-access-gateway-tsx-e27a9981f59ddcf4399c.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 TypesSection from '../components/common/contentSections/TypesSection';\nimport ImageContentRow from '../components/common/ImageContentRow';\nimport { ContentData } from '../utils/entities';\n\nconst AccessGatewayContentData: ContentData[] = [\n    {\n        id: 1,\n        title: `Apps`,\n        desc: `Connect any application of your choice, on any device easily`,\n        imageUrl: `images/apps@3x.png`,\n    },\n    {\n        id: 2,\n        title: `Customize Profile`,\n        desc: `User-friendly admin console enables admin to modify profiles, assign authorization`,\n        imageUrl: `images/customize-profile.svg`,\n    },\n    {\n        id: 3,\n        title: `Users`,\n        desc: `Add or remove any user, track customer behaviour on the platform and access detailed information about users including the time of login, location, and device specification from anywhere at any time`,\n        imageUrl: `images/users-access-gateway.svg`,\n    },\n];\n\nconst AccessGateway = (): ReactElement => (\n    <Layout>\n        <Container>\n            <ContentHero\n                heading=\"AccessGateway\"\n                desc=\" StackIAM allows you to integrate with other businesses and give your business partners access to information they might need.\"\n                buttonText=\"Try StackIAM\"\n                imageUrl=\"/images/access-gateway.svg\"\n            />\n            <TypesSection\n                heading=\"Access Gateway Types\"\n                subheadingSection1=\"Company and contract staff Access\"\n                subheadingSection2=\"Individual Access\"\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/office-staff-access@3x.png\"\n                imageUrlSection2=\"images/individual-user@3x.png\"\n            />\n            <HeadingSection\n                heading=\"Features\"\n                subheading=\"Access Gateway\"\n                desc=\"Whether you're looking for a two-factor authentication solution to meet compliance targets, or building a full MFA security framework, Okta is the adaptive multi-factor authentication vendor that has you covered.\n                Implement a variety of different factors for authentication across usability and assurance levels:\"\n            />\n            {AccessGatewayContentData.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 AccessGateway;\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 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":""}