{"version":3,"sources":["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/templates/blog.tsx","webpack:///./src/utils/image.ts"],"names":["ContentHero","heading","desc","buttonText","imageUrl","noGutters","style","backgroundImage","md","lg","paddingLeft","paddingTop","fontSize","color","paddingBottom","src","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","Body","Link","Text","Header","Footer","ImgOverlay","BannerSection","background","objectFit","paddingRight","display","alignItems","justifyContent","textAlign","verticalAlign","Excerpt","styled","LinkWrapper","ListItem","a","active","Blog","data","posts","allGhostPost","edges","tags","allPublicTags","useState","tagFilter","setTagFilter","padding","map","i","node","includes","slug","key","onClick","tag","name","toUpperCase","filter","find","item","post","url","to","margin","boxShadow","height","marginTop","marginBottom","feature_image","fontWeight","title","overflow","textOverflow","WebkitLineClamp","WebkitBoxOrient","excerpt","pageQuery","Image","img"],"mappings":"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","file":"component---src-templates-blog-tsx-131d5068dd429975e9fe.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 _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 React, { ReactElement, useState } from 'react';\nimport { graphql, Link } from 'gatsby';\nimport { Layout } from '../components/common';\nimport { Card, Col, Container, Row } from 'react-bootstrap';\nimport ContentHero from '../components/common/contentSections/ContentHero';\nimport BannerSection from '../components/common/contentSections/BannerSection';\nimport styled from '@emotion/styled';\nimport { AnchorHTMLAttributes } from 'react';\nimport { IPost, ITag } from '../utils/entities';\n\nexport const Excerpt = styled(Card.Text)`\n  display: block;\n  display: -webkit-box;\n  max-width: 100%;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`;\n\ninterface IBlog {\n  data: {\n    allGhostPost: {\n      edges: {\n        node: IPost;\n      }[];\n    };\n    allInternalTags: {\n      edges: {\n        node: ITag;\n      }[];\n    };\n    allPublicTags: {\n      edges: {\n        node: ITag;\n      }[];\n    };\n  };\n  location: {\n    pathname: string;\n  };\n  pageContext: {\n    previousPagePath: string;\n    nextPagePath: string;\n    humanPageNumber: number;\n    numberOfPages: number;\n  };\n}\n\nexport const LinkWrapper = styled(Link)`\n  text-decoration: none;\n  :hover {\n    text-decoration: none;\n  }\n`;\n\ninterface ActiveLink extends AnchorHTMLAttributes<HTMLAnchorElement> {\n    active: boolean;\n}\n\nexport const ListItem = styled.a < ActiveLink > `\n    cursor: pointer;\n    padding: 1rem 2rem;\n    display: flex;\n    text-align: center;\n    height: 100%;\n    align-items: center;\n    color: #4d4d4d;\n    text-decoration: none;\n    border-bottom: ${props => (props.active ? `5px solid #cd3535` : ``)};\n    :hover {\n        text-decoration: none;\n        color: #4d4d4d;\n    }\n`;\n\nconst Blog = ({ data }: IBlog): ReactElement => {\n    const posts = data.allGhostPost.edges;\n    const tags = data.allPublicTags.edges;\n    const [tagFilter, setTagFilter] = useState(`design`);\n    const handleTagFilterChange = (tag: string) => {\n        setTagFilter(tag);\n    };\n\n    return (\n        <>\n            <Layout>\n                <Container>\n                    <ContentHero\n                        heading=\"Blogs\"\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                        imageUrl=\"/images/blogs-hero.svg\"\n                    />\n                    <Row style={{ padding: `1rem` }} noGutters>\n                        \n                        <Col\n                            lg=\"12\"\n                            style={{ display: `flex`, alignItems: `center` }}\n                        >\n                            {tags.map(\n                                ({ node }, i) => [\n                                    `design`,\n                                    `photography`,\n                                    `graphic`,\n                                    `video`,\n                                    `technology`,\n                                    `trends`,\n                                ].includes(node.slug) && (\n                                    <ListItem\n                                        key={i}\n                                        active={tagFilter === node.slug}\n                                        onClick={() => handleTagFilterChange(node.slug)\n                                        }\n                                    >\n                                        <span>\n                                            {node.name.toUpperCase()}\n                                        </span>\n                                    </ListItem>\n                                ),\n                            )}\n                        </Col>\n                        {posts\n                            .filter(({ node }) => node.tags.find(item => item.slug === `${tagFilter}`))\n                            .map((post, i) => {\n                                const url = `/blog/${post.node.slug}/`;\n\n                                return (\n                                    <Col key={i} md=\"12\" lg=\"4\">\n                                        <LinkWrapper to={url}>\n                                            <Card\n                                                style={{\n                                                    color: `#535b6c`,\n                                                    border: `none`,\n                                                    margin: `1rem`,\n                                                    boxShadow: `0 15px 40px 0 rgba(201, 201, 201, 0.24)`,\n                                                }}\n                                            >\n                                                <Card.Body\n                                                    style={{\n                                                        textAlign: `center`,\n                                                        height: `auto`,\n                                                    }}\n                                                >\n                                                    <Card.Img\n                                                        style={{\n                                                            marginTop: `2rem`,\n                                                            marginBottom: `2rem`,\n                                                        }}\n                                                        src={\n                                                            post.node.feature_image !== null\n                                                                ? post.node.feature_image\n                                                                : `/images/writing-posts-with-ghost.png`\n                                                        }\n                                                    />\n                                                    <div\n                                                        style={{\n                                                            fontSize: `1.05rem`,\n                                                            marginBottom: `1rem`,\n                                                            fontWeight: `bold`,\n                                                        }}\n                                                    >\n                                                        {post.node.title}\n                                                    </div>\n                                                    <Excerpt\n                                                        style={{\n                                                            \n                                                            display: `-webkit-box`,\n                                                            overflow: `hidden`,\n                                                            textOverflow: `ellipsis`,\n                                                            WebkitLineClamp: 3,\n                                                            WebkitBoxOrient: `vertical`,\n                                                        }}\n                                                    >\n                                                        {post.node.excerpt}\n                                                    </Excerpt>\n                                                </Card.Body>\n                                            </Card>\n                                        </LinkWrapper>\n                                    </Col>\n                                );\n                            })}\n                        <Col md=\"12\" lg=\"4\"></Col>\n                    </Row>\n                    <BannerSection />\n                </Container>\n            </Layout>\n        </>\n    );\n};\n\nexport default Blog;\n\n// This page query loads all posts sorted descending by published date\n// The `limit` and `skip` values are used for pagination\nexport const pageQuery = graphql`\n    query GhostPostQuery($limit: Int!, $skip: Int!) {\n        allGhostPost(\n            sort: { order: DESC, fields: [published_at] }\n            limit: $limit\n            skip: $skip\n        ) {\n            edges {\n                node {\n                    ...GhostPostFields\n                }\n            }\n        }\n        allInternalTags: allGhostTag(\n            filter: { visibility: { eq: \"internal\" } }\n        ) {\n            edges {\n                node {\n                    ...GhostTagFields\n                }\n            }\n        }\n        allPublicTags: allGhostTag(filter: { visibility: { eq: \"public\" } }) {\n            edges {\n                node {\n                    ...GhostTagFields\n                }\n            }\n        }\n    }\n`;\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":""}