{"version":3,"sources":["webpack:///./src/pages/features-packages.tsx","webpack:///./src/components/common/contentSections/ContentHero.tsx","webpack:///./node_modules/react-bootstrap/esm/divWithClassName.js","webpack:///./node_modules/react-bootstrap/esm/CardImg.js","webpack:///./node_modules/react-bootstrap/esm/Card.js","webpack:///./src/components/common/contentSections/BannerSection.tsx","webpack:///./src/components/common/featureCard.tsx","webpack:///./src/utils/image.ts"],"names":["StyledButton","styled","Button","cardDetails","title","description","imgUrl","slug","FeaturesPackages","heading","desc","imageUrl","noGutters","xs","style","textAlign","paddingTop","color","paddingBottom","fontSize","paddingLeft","paddingRight","md","lg","backgroundColor","margin","Body","height","width","marginTop","marginBottom","src","fontWeight","textDecoration","to","map","card","key","packages","ContentHero","buttonText","backgroundImage","forwardRef","p","ref","createElement","className","CardImg","_ref","bsPrefix","variant","_ref$as","as","Component","props","prefix","displayName","defaultProps","DivStyledAsH5","divWithClassName","DivStyledAsH6","CardBody","createWithBsPrefix","CardTitle","CardSubtitle","CardLink","CardText","CardHeader","CardFooter","CardImgOverlay","Card","bg","text","border","body","children","cardContext","cardHeaderBsPrefix","CardContext","Provider","value","Img","Title","Subtitle","Link","Text","Header","Footer","ImgOverlay","BannerSection","background","objectFit","display","alignItems","justifyContent","verticalAlign","FeatureCard","Image","img"],"mappings":"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","file":"component---src-pages-features-packages-tsx-b2e0a3884edb2a5a36a3.js","sourcesContent":["import styled from '@emotion/styled';\nimport { Link } from 'gatsby';\nimport React, { ReactElement } from 'react';\nimport { Button, Card, Col, Container, Row } from 'react-bootstrap';\nimport { Layout } from '../components/common';\nimport BannerSection from '../components/common/contentSections/BannerSection';\nimport ContentHero from '../components/common/contentSections/ContentHero';\nimport FeatureCard from '../components/common/featureCard';\nimport { cardData } from '../utils/entities';\nimport { Image } from '../utils/image';\n\nconst StyledButton = styled(Button)`\n    border-radius: 100rem;\n    color: #29558c;\n    padding-left: 1.5rem;\n    padding-right: 1.5rem;\n    border-style: solid;\n    border-width: 0.5px;\n    border-image-source: linear-gradient(to top, #9ba4d9, #94dfe7);\n    border-image-slice: 1;\n    background-image: linear-gradient(to bottom, #ffffff, #ffffff),\n        linear-gradient(to top, #9ba4d9, #94dfe7);\n    background-origin: border-box;\n    background-clip: content-box, border-box;\n    border: solid 1px transparent;\n    box-shadow: 2px 1000px 1px #fff inset;\n    margin-top: 0.5rem;\n    margin-bottom: 0.5rem;\n    &:hover {\n        color: black;\n    }\n`;\n\nconst cardDetails: cardData[] = [\n    {\n        title: `B2B Integration`,\n        description: `StackIAM allows you to integrate with other businesses, enterprise directory and give your business partners access to information they might need.`,\n        imgUrl: `/images/b-2-b.svg`,\n        slug: `/b2b`,\n    },\n    {\n        title: `Access Gateway`,\n        description: `StackIAM allows you to integrate with other businesses, enterprise directory and give your business partners access to information they might need.`,\n        imgUrl: `/images/login.svg`,\n        slug: `/access-gateway`,\n    },\n    {\n        title: `Customer Dashboard`,\n        description: `Customers can view their dashboard capturing who they are, settings, who has access and what kind of information they have access to.`,\n        imgUrl: `/images/dashboard.svg`,\n        slug: `/customer-dashboard`,\n    },\n    {\n        title: `Secure authentication with SSO`,\n        description: `Single sign on with SAML connects helps customers login into multiple applications with a single username and password.`,\n        imgUrl: `/images/keyword.svg`,\n        slug: `/secure-sso`,\n    },\n    {\n        title: `Adaptive Multi factor Authentication`,\n        description: `WorkForce / Employee Identity management - Useful Unified view to view all employees and assign them into different groups based on different departments and permission to different resources. `,\n        imgUrl: `/images/multi.svg`,\n        slug: `/multifactor`,\n    },\n    {\n        title: `Data verification & Management`,\n        description: `Verify and authenticate all your information, manage access, secure and customize user login flow`,\n        imgUrl: `/images/correct.svg`,\n        slug: `/data-verification`,\n    },\n    {\n        title: `Easy Application`,\n        description: `Apply easily to any company or any other form of application with your already aggregated verified information, using your unique and  secured login credentials without having to fill any more forms ever again.`,\n        imgUrl: `/images/easy-application.svg`,\n        slug: `/easy-application`,\n    },\n    {\n        title: `Business Service`,\n        description: `Verify and authenticate all your information, manage access, secure and customize user login flow`,\n        imgUrl: `/images/business-service.svg`,\n        slug: `/business-service`,\n    },\n];\n\nconst FeaturesPackages = (): ReactElement => (\n    <Layout>\n        <Container>\n            <ContentHero\n                heading=\"StackIAM Features Packages\"\n                desc=\"StackIAM is a trusted identity management cloud service that provides secured and seamless interactions between individuals and organizations. With the StackIAM platform, users can connect to all their applications and manage activities from their devices\"\n                imageUrl=\"/images/features-packages-hero@3x.png\"\n            />\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                        Features\n                    </div>\n                </Col>\n            </Row>\n            <Row\n                noGutters\n                style={{\n                    // backgroundImage: `linear-gradient(to bottom, #fffcf9, #fff8f0)`,\n                    paddingLeft: `3rem`,\n                    paddingRight: `3rem`,\n                    paddingBottom: `3rem`,\n                }}\n            >\n                <Col md=\"12\" lg=\"4\">\n                    <Card\n                        style={{\n                            backgroundColor: `#36a9f5`,\n                            color: `#ffffff`,\n                            margin: `1rem`,\n                        }}\n                    >\n                        <Card.Body\n                            style={{ textAlign: `center`, height: `30rem` }}\n                        >\n                            <Image\n                                style={{\n                                    height: `5rem`,\n                                    width: `5rem`,\n                                    marginTop: `2rem`,\n                                    marginBottom: `2rem`,\n                                }}\n                                src=\"/images/process.svg\"\n                            />\n                            <div\n                                style={{\n                                    fontSize: `1.05rem`,\n                                    marginBottom: `1rem`,\n                                    fontWeight: `bold`,\n                                }}\n                            >\n                                <Link\n                                    style={{\n                                        color: `#ffffff`,\n                                        textDecoration: `none`,\n                                    }}\n                                    to=\"/lifecycle\"\n                                >\n                                    Life cycle management\n                                </Link>\n                            </div>\n                            <p style={{ height: `10rem` }}>\n                                Use StackIAM to coordinate and restrict the\n                                identification, access and governance of\n                                identities for access to your business tools and\n                                information.\n                            </p>\n                            <div>\n                                <StyledButton>Learn more</StyledButton>\n                            </div>\n                        </Card.Body>\n                    </Card>\n                </Col>\n                {cardDetails.map(card => (\n                    <FeatureCard\n                        key={card.title}\n                        imgUrl={card.imgUrl}\n                        description={card.description}\n                        title={card.title}\n                        slug={card.slug}\n                        packages={true}\n                    />\n                ))}\n            </Row>\n            <BannerSection />\n        </Container>\n    </Layout>\n);\n\nexport default FeaturesPackages;\n","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 _extends from \"@babel/runtime/helpers/esm/extends\";\nimport React from 'react';\nimport classNames from 'classnames';\nexport default (function (className) {\n  return React.forwardRef(function (p, ref) {\n    return /*#__PURE__*/React.createElement(\"div\", _extends({}, p, {\n      ref: ref,\n      className: classNames(p.className, className)\n    }));\n  });\n});","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useBootstrapPrefix } from './ThemeProvider';\nvar defaultProps = {\n  variant: null\n};\nvar CardImg = React.forwardRef( // Need to define the default \"as\" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595\nfunction (_ref, ref) {\n  var bsPrefix = _ref.bsPrefix,\n      className = _ref.className,\n      variant = _ref.variant,\n      _ref$as = _ref.as,\n      Component = _ref$as === void 0 ? 'img' : _ref$as,\n      props = _objectWithoutPropertiesLoose(_ref, [\"bsPrefix\", \"className\", \"variant\", \"as\"]);\n\n  var prefix = useBootstrapPrefix(bsPrefix, 'card-img');\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    ref: ref,\n    className: classNames(variant ? prefix + \"-\" + variant : prefix, className)\n  }, props));\n});\nCardImg.displayName = 'CardImg';\nCardImg.defaultProps = defaultProps;\nexport default CardImg;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport React, { useMemo } from 'react';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport createWithBsPrefix from './createWithBsPrefix';\nimport divWithClassName from './divWithClassName';\nimport CardContext from './CardContext';\nimport CardImg from './CardImg';\nvar DivStyledAsH5 = divWithClassName('h5');\nvar DivStyledAsH6 = divWithClassName('h6');\nvar CardBody = createWithBsPrefix('card-body');\nvar CardTitle = createWithBsPrefix('card-title', {\n  Component: DivStyledAsH5\n});\nvar CardSubtitle = createWithBsPrefix('card-subtitle', {\n  Component: DivStyledAsH6\n});\nvar CardLink = createWithBsPrefix('card-link', {\n  Component: 'a'\n});\nvar CardText = createWithBsPrefix('card-text', {\n  Component: 'p'\n});\nvar CardHeader = createWithBsPrefix('card-header');\nvar CardFooter = createWithBsPrefix('card-footer');\nvar CardImgOverlay = createWithBsPrefix('card-img-overlay');\nvar defaultProps = {\n  body: false\n};\nvar Card = React.forwardRef(function (_ref, ref) {\n  var bsPrefix = _ref.bsPrefix,\n      className = _ref.className,\n      bg = _ref.bg,\n      text = _ref.text,\n      border = _ref.border,\n      body = _ref.body,\n      children = _ref.children,\n      _ref$as = _ref.as,\n      Component = _ref$as === void 0 ? 'div' : _ref$as,\n      props = _objectWithoutPropertiesLoose(_ref, [\"bsPrefix\", \"className\", \"bg\", \"text\", \"border\", \"body\", \"children\", \"as\"]);\n\n  var prefix = useBootstrapPrefix(bsPrefix, 'card');\n  var cardContext = useMemo(function () {\n    return {\n      cardHeaderBsPrefix: prefix + \"-header\"\n    };\n  }, [prefix]);\n  return /*#__PURE__*/React.createElement(CardContext.Provider, {\n    value: cardContext\n  }, /*#__PURE__*/React.createElement(Component, _extends({\n    ref: ref\n  }, props, {\n    className: classNames(className, prefix, bg && \"bg-\" + bg, text && \"text-\" + text, border && \"border-\" + border)\n  }), body ?\n  /*#__PURE__*/\n  // @ts-ignore\n  React.createElement(CardBody, null, children) : children));\n});\nCard.displayName = 'Card';\nCard.defaultProps = defaultProps;\nCard.Img = CardImg;\nCard.Title = CardTitle;\nCard.Subtitle = CardSubtitle;\nCard.Body = CardBody;\nCard.Link = CardLink;\nCard.Text = CardText;\nCard.Header = CardHeader;\nCard.Footer = CardFooter;\nCard.ImgOverlay = CardImgOverlay;\nexport default Card;","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 styled from '@emotion/styled';\nimport { Link } from 'gatsby';\nimport React, { ReactElement } from 'react';\nimport { Col, Card, Button } from 'react-bootstrap';\nimport { cardData } from '../../utils/entities';\nimport { Image } from '../../utils/image';\n// import { StyledButton } from './Buttons';\n\nconst StyledButton = styled(Button)`\n    border-radius: 100rem;\n    color: #29558c;\n    padding-left: 1.5rem;\n    padding-right: 1.5rem;\n    /* margin-right: 2rem; */\n    border-style: solid;\n    border-width: 0.5px;\n    border-image-source: linear-gradient(to top, #9ba4d9, #94dfe7);\n    border-image-slice: 1;\n    background-image: linear-gradient(to bottom, #ffffff, #ffffff),\n        linear-gradient(to top, #9ba4d9, #94dfe7);\n    background-origin: border-box;\n    background-clip: content-box, border-box;\n    border: solid 1px transparent;\n    box-shadow: 2px 1000px 1px #fff inset;\n    margin-top: 0.5rem;\n    margin-bottom: 0.5rem;\n    &:hover {\n        color: black;\n    }\n`;\n\nconst FeatureCard = ({\n    imgUrl,\n    title,\n    description,\n    slug,\n    packages,\n}: cardData): ReactElement => (\n    <Col md=\"12\" lg=\"4\">\n        <Card\n            style={{\n                color: `#535b6c`,\n                margin: packages ? `1rem` : 0,\n            }}\n        >\n            <Card.Body\n                style={{\n                    textAlign: `center`,\n                    height: packages ? `30rem` : `auto`,\n                }}\n            >\n                <Image\n                    style={{\n                        height: `5rem`,\n                        width: `5rem`,\n                        marginTop: `2rem`,\n                        marginBottom: `2rem`,\n                    }}\n                    src={imgUrl}\n                />\n                <div\n                    style={{\n                        fontSize: `1.05rem`,\n                        marginBottom: `1rem`,\n                        fontWeight: `bold`,\n                    }}\n                >\n                    <Link\n                        style={{ color: `#535b6c`, textDecoration: `none` }}\n                        to={slug}\n                    >\n                        {title}\n                    </Link>\n                </div>\n                <p style={{ height: packages ? `10rem` : `7rem` }}>\n                    {description}\n                </p>\n                {packages && (\n                    <div>\n                        <StyledButton>Learn more</StyledButton>\n                    </div>\n                )}\n            </Card.Body>\n        </Card>\n    </Col>\n);\n\nexport default FeatureCard;\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":""}