{"version":3,"sources":["webpack:///./src/components/MiniCard/index.jsx","webpack:///./src/templates/Box/index.jsx","webpack:///./src/pages/insights/articles.jsx","webpack:///./src/components/WhitePaperFooter/index.jsx","webpack:///./src/assets/Images/Homepage/Learn_More_white.svg","webpack:///./src/assets/Images/ogImages/article@2x.png","webpack:///./src/components/MiniCardWithBgImg/index.jsx","webpack:///./src/templates/MiniView/index.jsx","webpack:///./src/templates/MiniView/MiniView.scss","webpack:///./src/assets/Images/accordian.svg","webpack:///./src/assets/Images/ArticleWhitePaper/Articles_banner.png","webpack:///./src/templates/ArticleTag/index.jsx","webpack:///./src/components/MiniCardWithBgImg/MiniCardWithBgImg.scss","webpack:///./src/assets/Images/WhatWeDo/quote.svg"],"names":["Minicard","props","CardSection","isLandingPage","className","src","MiniviewImage","alt","imgAlt","dangerouslySetInnerHTML","__html","MiniviewHeading","MiniviewContent","WhitePaperFooterLabel","MiniviewImageAlt","style","textDecoration","color","to","Type","Slug","gatedContent","GatedContent","navigateComponent","WhitePaperLabel","slug","type","SlugType","Box","setOpenModal","useContactModal","container","direction","marginTop","item","xs","sm","animation","BoxData","boxBtn1Title","boxBtn1SubTitle","href","Clm2SubTitle","customClassName","btnWidth","boxBtn1Width","btnHeight","boxBtn1Height","variant","boxBtn1variant","boxBtn1color","label","boxBtn1label","tip","tooltip","view","icon","RightArrowWhite","boxBtn2Title","boxBtn2SubTitle","boxBtn2Width","boxBtn2Height","boxBtn2variant","boxBtn2color","boxBtn2label","tip1","onClick","ArticleList","useState","page","setPage","limit","setLimit","articleData","setArticleData","articleRawData","setArticleRawData","isHover","setIsHover","articleTag","setArticleTag","selectedTag","setSelectedTag","urlParams","window","URLSearchParams","location","search","myParam","get","useEffect","DataService","getData","then","response","all_tags","selected_tag","data","toggleHover","TwoColumnContactInfoData","Clm1Img","Clm1Title","Clm1SubTitle","Clm2Img","Clm2Title","ImageBannerData","bnrImg","BannerBgImage","bnrImgTitle","subtitleclassname","bnrImgSubTitle","bnrImgClassName","servicesColumn1","service","link","servicesColumn2","seo","title","ogtitle","description","ogimage","ogurl","BASE_SITE_URL","imageBannerData","BackArrowIcon","routepath","fontSize","fontWeight","marginLeft","articleTagApi","length","Fragment","miniviewData","has_more","width","textAlign","onMouseEnter","onMouseLeave","role","display","RightArrow","route1","route2","WhitePaperFooter","ref","setshareComponent","wrapperRef","useRef","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener","md","download","placement","module","exports","MiniCardWithBgImg","getElementById","MiniCardBgImgId","backgroundImage","MiniCardBgImg","textColor","cardCustomClass","cardHgt","id","route","subtitle","button","whiteAccordian","Miniview","spacing","map","index","key","meta_title","meta_description","primary_description_1","og_image","ogImageAlt","slug_type","gated_content","quotedMiniCardData","position","quote","heading","content","footerContent","miniviewData2","image","subTitle","customClass","component","ArticleTag"],"mappings":"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","file":"component---src-pages-insights-articles-jsx-b9f4e9c23fa0e86ed1a5.js","sourcesContent":["import Card from \"@material-ui/core/Card\";\nimport { Link } from \"gatsby\";\nimport React from \"react\";\nimport WhitePaperFooter from \"../WhitePaperFooter\";\nimport \"./MiniCard.scss\";\n\nconst Minicard = (props) => {\n  const CardSection = ({ isLandingPage }) => {\n    return (\n      <>\n        <div className=\"card-content\">\n          <img\n            className=\"miniview-image\"\n            src={props.MiniviewImage}\n            alt={props.imgAlt}\n          />\n          <div className={`card-overlay ${isLandingPage ? \"no-hover\" : \"\"}`}>\n            <div className=\"mini-title-and-content-area\">\n              <div\n                className=\"mini-view-title\"\n                dangerouslySetInnerHTML={{\n                  __html: `${props.MiniviewHeading}`,\n                }}\n              />\n              <div\n                className=\"mini-view-content\"\n                dangerouslySetInnerHTML={{\n                  __html: `${props.MiniviewContent}`,\n                }}\n              />\n            </div>\n          </div>\n        </div>\n      </>\n    );\n  };\n  return (\n    <Card className=\"card-area appsgridshadow\">\n      {props.WhitePaperFooterLabel === \"Client Brief\" ? (\n        <div className=\"card-content-without-pointer\">\n          <img\n            className=\"miniview-image\"\n            src={props.MiniviewImage}\n            alt={props.MiniviewImageAlt}\n          />\n          <div className=\"card-overlay\">\n            <div className=\"mini-title-and-content-area\">\n              <div\n                className=\"mini-view-title\"\n                dangerouslySetInnerHTML={{ __html: `${props.MiniviewHeading}` }}\n              />\n              <div\n                className=\"mini-view-content\"\n                dangerouslySetInnerHTML={{ __html: `${props.MiniviewContent}` }}\n              />\n            </div>\n          </div>\n        </div>\n      ) : (\n        <>\n          {props.isLandingPage ? (\n            <div style={{ textDecoration: \"none\", color: \"black\" }}>\n              <CardSection isLandingPage={props.isLandingPage} />\n            </div>\n          ) : (\n            <Link\n              style={{ textDecoration: \"none\", color: \"black\" }}\n              to={`/${props.Type}/${props.Slug}`}\n            >\n              <CardSection />\n            </Link>\n          )}\n        </>\n      )}\n      <WhitePaperFooter\n        gatedContent={props.GatedContent}\n        navigateComponent={props.navigateComponent}\n        WhitePaperLabel={props.WhitePaperFooterLabel}\n        slug={props.Slug}\n        type={props.Type}\n        SlugType={props.SlugType}\n        isLandingPage={props.isLandingPage}\n      />\n    </Card>\n  );\n};\n\nexport default Minicard;\n","import Grid from \"@material-ui/core/Grid\";\nimport React from \"react\";\nimport Button from \"../../components/Button\";\nimport \"./Box.scss\";\nimport RightArrowWhite from \"../../assets/Icons/accordian_white.svg\";\nimport { useContactModal } from \"../../components/Modal/contactModalContext\";\nimport RevealAnimation from \"../../components/RevealAnimation\";\n\nconst Box = (props) => {\n  const { setOpenModal } = useContactModal();\n\n  return (\n    <>\n      <Grid\n        className=\"box-container\"\n        container\n        direction=\"row\"\n        style={{ marginTop: \"-5px\" }}\n      >\n        <Grid className=\"box box1\" item xs={12} sm={6}>\n          <RevealAnimation animation=\"fade\" className=\"box-title\">\n            {props.BoxData.boxBtn1Title}\n          </RevealAnimation>\n          <RevealAnimation animation=\"fade\" className=\"box-sub-title\">\n            {props.BoxData.boxBtn1SubTitle}\n          </RevealAnimation>\n          <RevealAnimation animation=\"fade\" className=\"box-button\">\n            <a\n              href={`mailto:${props.BoxData.Clm2SubTitle}`}\n              style={{\n                color: \"white\",\n                textDecoration: \"none\",\n              }}\n            >\n              <Button\n                customClassName=\"info-view-resize-btn mt-20\"\n                btnWidth={props.BoxData.boxBtn1Width}\n                btnHeight={props.BoxData.boxBtn1Height}\n                variant={props.BoxData.boxBtn1variant}\n                color={props.BoxData.boxBtn1color}\n                label={props.BoxData.boxBtn1label}\n                tip={props.BoxData.tip}\n                tooltip={props.BoxData.tooltip}\n                view=\"show\"\n                icon={\n                  <img\n                    className=\"effect-btn-svgicon\"\n                    src={RightArrowWhite}\n                    alt=\"MORE ARTICLES\"\n                  />\n                }\n                // routepath={props.BoxData.route1}\n              />\n            </a>\n          </RevealAnimation>\n        </Grid>\n        <Grid className=\"box box2\" item xs={12} sm={6}>\n          <RevealAnimation animation=\"fade\" className=\"box-title\">\n            {props.BoxData.boxBtn2Title}\n          </RevealAnimation>\n          <RevealAnimation animation=\"fade\" className=\"box-sub-title\">\n            {props.BoxData.boxBtn2SubTitle}\n          </RevealAnimation>\n          <RevealAnimation animation=\"fade\" className=\"box-button\">\n            <Button\n              customClassName=\"info-view-resize-btn\"\n              btnWidth={props.BoxData.boxBtn2Width}\n              btnHeight={props.BoxData.boxBtn2Height}\n              variant={props.BoxData.boxBtn2variant}\n              color={props.BoxData.boxBtn2color}\n              label={props.BoxData.boxBtn2label}\n              tip={props.BoxData.tip1}\n              tooltip={props.BoxData.tooltip}\n              // routepath={props.BoxData.route2}\n              onClick={() => setOpenModal(true)}\n              icon={\n                <img\n                  className=\"effect-btn-svgicon\"\n                  src={RightArrowWhite}\n                  alt=\"MORE ARTICLES\"\n                />\n              }\n            />\n          </RevealAnimation>\n        </Grid>\n      </Grid>\n    </>\n  );\n};\n\nexport default Box;\n","import Typography from \"@material-ui/core/Typography\";\nimport React, { useEffect, useState } from \"react\";\nimport RightArrowWhite from \"../../assets/Icons/accordian_white.svg\";\nimport RightArrow from \"../../assets/Icons/go.svg\";\nimport Clm2Img from \"../../assets/Icons/mail.svg\";\nimport Clm1Img from \"../../assets/Icons/phone.svg\";\nimport BackArrowIcon from \"../../assets/Images/accordian.svg\";\nimport BannerBgImage from \"../../assets/Images/ArticleWhitePaper/Articles_banner.png\";\nimport ogimage from \"../../assets/Images/ogImages/article@2x.png\";\nimport Button from \"../../components/Button\";\nimport Layout from \"../../components/layouts/layout\";\nimport DataService from \"../../services/api/data_services\";\nimport { BASE_SITE_URL } from \"../../shared/constants\";\nimport ArticleTag from \"../../templates/ArticleTag\";\nimport Box from \"../../templates/Box\";\nimport ImageBanner from \"../../templates/ImageBanner\";\nimport Miniview from \"../../templates/MiniView\";\nimport TwoColumnContactInfo from \"../../templates/TwoColumnContactInfo\";\n\nconst ArticleList = (props) => {\n  const [page, setPage] = useState(1);\n  const [limit, setLimit] = useState(9);\n  const [articleData, setArticleData] = useState([]);\n  const [articleRawData, setArticleRawData] = useState([]);\n  const [isHover, setIsHover] = useState(false);\n  const [articleTag, setArticleTag] = useState([]);\n  const [selectedTag, setSelectedTag] = useState(\"\");\n  const urlParams =\n    typeof window !== `undefined` &&\n    new URLSearchParams(window.location.search);\n  const myParam = typeof window !== `undefined` && urlParams.get(\"tag\");\n\n  useEffect(() => {\n    DataService.getData(\n      `/admin/api/article-tag?limit=${limit}&type=Article&article_type=${\n        myParam || \"all\"\n      }`\n    ).then((response) => {\n      setArticleTag(response.all_tags);\n      setSelectedTag(response.selected_tag);\n      setArticleData(response.data);\n      setArticleRawData(response);\n    });\n  }, [page, myParam, limit]);\n\n  const toggleHover = () => {\n    setIsHover(!isHover);\n  };\n\n  /**\n   * TwoColumnContactInfo\n   */\n  const TwoColumnContactInfoData = {\n    Clm1Img: Clm1Img,\n    Clm1Title: \"Phone:\",\n    Clm1SubTitle: \"+44 (0) 161 706 7983\",\n    Clm2Img: Clm2Img,\n    Clm2Title: \"Email:\",\n    Clm2SubTitle: \"hello@digiryte.com\",\n  };\n\n  /**\n   * Box component\n   */\n\n  const BoxData = {\n    boxBtn1Width: \"230px\",\n    boxBtn1Height: \"46px\",\n    boxBtn1variant: \"contained\",\n    boxBtn1color: \"primary\",\n    boxBtn1label: \"CAREER\",\n    tip: \"CAREER\",\n    tooltip: \"yes\",\n    boxBtn1Title: \"Join our team\",\n    Clm2SubTitle: \"careers@digiryte.com\",\n    boxBtn1SubTitle:\n      \"If you're a designer or a developer who loves to challenge conventions, make the ryte move!\",\n    boxBtn2Width: \"230px\",\n    boxBtn2Height: \"46px\",\n    boxBtn2variant: \"contained\",\n    boxBtn2color: \"primary\",\n    boxBtn2label: \"GET IN TOUCH\",\n    boxBtn2Title: \"Let’s talk\",\n    tip1: \"GET IN TOUCH\",\n    boxBtn2SubTitle:\n      \"Have you got an exciting project that you'd like to discuss?\",\n    route1: \"/contact-us\",\n    route2: \"/contact-us\",\n  };\n\n  const ImageBannerData = {\n    bnrImg: BannerBgImage,\n    bnrImgTitle: \"Articles\",\n    subtitleclassname: \"\",\n    bnrImgSubTitle: \"All Resources\",\n    bnrImgClassName: \"insightsbannerimg\",\n    servicesColumn1: {\n      data: [\n        {\n          service: \"Articles\",\n          link: \"/insights/articles\",\n        },\n      ],\n    },\n    servicesColumn2: {\n      data: [\n        {\n          service: \"White Papers\",\n          link: \"/insights/white-papers\",\n        },\n      ],\n    },\n    // servicesColumn3: {\n    //   data: [\n    //     {\n    //       service: \"Podcast\",\n    //       link: \"/insights/podcast\",\n    //     },\n    //   ],\n    // },\n  };\n\n  return (\n    <Layout\n      seo={{\n        title: \"Insights | Articles |\",\n        ogtitle: \"Insights | Articles |\",\n        description: \"Our hub of knowledge to help your business succeed\",\n        ogimage: ogimage,\n        ogurl: `${BASE_SITE_URL}/insights/articles`,\n      }}\n    >\n      <ImageBanner imageBannerData={ImageBannerData} />\n      <div className=\"mt-70 body-container\">\n        <Button\n          icon={\n            <img\n              className=\"effect-btn-svgicon\"\n              src={BackArrowIcon}\n              alt=\"click\"\n            />\n          }\n          customClassName=\"effect-btn\"\n          className=\"mui-button-font\"\n          tip=\"Insights\"\n          routepath=\"/insights\"\n        />\n        <Typography\n          style={{\n            fontSize: \"24px\",\n            fontWeight: \"600\",\n            marginTop: \"-42px\",\n            marginLeft: \"40px\",\n          }}\n        >\n          Insights\n        </Typography>\n      </div>\n      <div className=\"mt-30 body-container\">\n        {myParam === null ? (\n          \"\"\n        ) : (\n          <ArticleTag\n            selectedTag={selectedTag}\n            articleTag={articleTag}\n            articleTagApi={articleTag}\n          />\n        )}\n      </div>\n      {articleData && articleData.length > 0 && (\n        <React.Fragment>\n          <div className=\"mt-30 body-container ttc\">\n            <div className=\"title-header\">\n              <span className=\"red-line3letter\"> Art</span>icles\n            </div>\n          </div>\n          <div className=\"mt-50\">\n            <Miniview miniviewData={articleData} />\n          </div>\n        </React.Fragment>\n      )}\n      {articleRawData.has_more && (\n        <div style={{ width: \"100%\", textAlign: \"center\" }}>\n          <div\n            onMouseEnter={toggleHover}\n            onMouseLeave={toggleHover}\n            className=\"mt-60\"\n            role=\"presentation\"\n            onClick={() => {\n              setPage(page + 1);\n              setLimit(limit + 6);\n            }}\n            style={{ display: \"inline-block\" }}\n          >\n            <Button\n              icon={\n                <img\n                  className=\"effect-btn-svgicon\"\n                  src={!isHover ? RightArrow : RightArrowWhite}\n                  alt=\"MORE ARTICLES\"\n                />\n              }\n              customClassName=\"info-view-resize-btn\"\n              color=\"primary\"\n              variant=\"outlined\"\n              label=\"LOAD MORE\"\n              tip=\"LOAD MORE\"\n            />\n          </div>\n        </div>\n      )}\n      <div className=\"mt-70\"></div>\n      <Box BoxData={BoxData} />\n      <div>\n        <TwoColumnContactInfo\n          TwoColumnContactInfoData={TwoColumnContactInfoData}\n        />\n      </div>\n    </Layout>\n  );\n};\n\nexport default ArticleList;\n","/*eslint-disable */\nimport { Grid, Tooltip } from \"@material-ui/core\";\nimport { Link } from \"gatsby\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport \"./WhitePaperFooter.scss\";\n\nconst WhitePaperFooter = (props) => {\n  function useOutsideAlerter(ref) {\n    useEffect(() => {\n      /**\n       * Toggle share component if clicked outside of element\n       */\n      function handleClickOutside(event) {\n        if (ref.current && !ref.current.contains(event.target)) {\n          setshareComponent(false);\n        }\n      }\n\n      // Bind the event listener\n      document.addEventListener(\"mousedown\", handleClickOutside);\n      return () => {\n        // Unbind the event listener on clean up\n        document.removeEventListener(\"mousedown\", handleClickOutside);\n      };\n    }, [ref]);\n  }\n  const [shareComponent, setshareComponent] = useState(false);\n  const wrapperRef = useRef(null);\n  useOutsideAlerter(wrapperRef);\n  return (\n    <Grid className=\"white-paper\" onMouseLeave={() => setshareComponent(false)}>\n      <Grid item className=\"white-paper-flex1\" md={6}>\n        {props.WhitePaperLabel}\n      </Grid>\n      {!props.isLandingPage && (\n        <Grid item className=\"white-paper-flex2\" md={6}>\n          {props.download === \"no\"\n            ? \"\"\n            : props.type !== \"article\" &&\n              props.WhitePaperLabel !== \"Client Brief\" && (\n                // props.gatedContent === 1 &&\n                <Link target=\"_blank\" to={`/${props.type}/${props.slug}#gated`}>\n                  <Tooltip title=\"Download\" placement=\"bottom\">\n                    <div className=\"icon-main download-icon\"></div>\n                  </Tooltip>\n                </Link>\n              )}\n          {props.WhitePaperLabel != \"Client Brief\" && (\n            <Link target=\"_blank\" to={`/${props.type}/${props.slug}/`}>\n              <Tooltip title=\"Preview\" placement=\"bottom\">\n                <div className=\"icon-main preview-icon\"></div>\n              </Tooltip>\n            </Link>\n          )}\n          {/* {props.WhitePaperLabel != \"BRIEF\" && (\n          <div onMouseEnter={() => setshareComponent(!shareComponent)}>\n            <Tooltip title=\"Share\" placement=\"bottom\">\n              <div className=\"icon-main share-icon\"></div>\n            </Tooltip>\n          </div>\n        )} */}\n          {/* {shareComponent && (\n          <div ref={wrapperRef}>\n            <Share clickOnOptions={() => setshareComponent(!shareComponent)} />\n          </div>\n        )} */}\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n\nexport default WhitePaperFooter;\n/*eslint-enable */\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBfNTgwNiIgZGF0YS1uYW1lPSJHcm91cCA1ODA2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBpZD0iUGF0aF80MDAiIGRhdGEtbmFtZT0iUGF0aCA0MDAiIGQ9Ik0yNCwwSDBWMjRIMjRaIiBmaWxsPSJub25lIi8+CiAgPHBhdGggaWQ9IlBhdGhfNDAxIiBkYXRhLW5hbWU9IlBhdGggNDAxIiBkPSJNMTEuMjg1LDkuODU5LDgsMTMuMTQ0bC45MzguOTM4LDQuMjIzLTQuMjIzTDguOTM4LDUuNjM2LDgsNi41NzRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjUzIDIuMTQxKSIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K\"","module.exports = __webpack_public_path__ + \"static/article@2x-44d4226199335bb7a762f4dc8ca364f7.png\";","import { Link } from \"gatsby\";\nimport React, { useEffect } from \"react\";\nimport RightArrow from \"../../assets/Icons/go.svg\";\nimport whiteAccordian from \"../../assets/Images/Homepage/Learn_More_white.svg\";\nimport Button from \"../Button\";\nimport \"./MiniCardWithBgImg.scss\";\n\nconst MiniCardWithBgImg = (props) => {\n  useEffect(() => {\n    document.getElementById(\n      props.MiniCardBgImgId\n    ).style.backgroundImage = `url(${props.MiniCardBgImg})`;\n  }, [props.MiniCardBgImg, props.MiniCardBgImgId]);\n\n  return (\n    <div className={props.textColor ? \"\" : \"appsgridshadow\"}>\n      <div\n        className={\n          props.service === \"clientStory\"\n            ? props.cardCustomClass &&\n              `miniCrdBgImg-main ${props.cardCustomClass}`\n            : `miniCrdBgImg-main1 ${props.cardHgt} ${props.cardCustomClass}`\n        }\n        id={props.MiniCardBgImgId}\n      >\n        {props.route !== \"\" ? (\n          <>\n            <Link\n              style={{ textDecoration: \"none\", color: \"black\" }}\n              className=\"on-click-card\"\n              to={props.route}\n            >\n              <div\n                className={\n                  props.textColor\n                    ? \"miniCrdBgImg-overlay-new\"\n                    : \"miniCrdBgImg-overlay\"\n                }\n              >\n                <div\n                  className={\n                    props.textColor\n                      ? \"miniCrdBgImg-title-white\"\n                      : \"miniCrdBgImg-title\"\n                  }\n                >\n                  {props.title}\n                </div>\n                <div className=\"miniCrdBgImg-subtitle\">{props.subtitle}</div>\n                <div className=\"accordian-condition\">\n                  {\" \"}\n                  {props.button !== \"no\" && (\n                    <Button\n                      icon={\n                        !props.variant && (\n                          <img\n                            className=\"effect-btn-svgicon\"\n                            src={RightArrow}\n                            alt=\"click\"\n                          />\n                        )\n                      }\n                      customClassName={props.customClassName}\n                      tip={props.label}\n                      color=\"primary\"\n                      label={props.label}\n                      variant={props.variant}\n                      routepath={props.route}\n                      tooltip={props.tooltip}\n                    />\n                  )}{\" \"}\n                </div>\n                <div className=\"mbl-accordian-condition\">\n                  {\" \"}\n                  {props.button !== \"no\" && (\n                    <Button\n                      icon={\n                        !props.variant && (\n                          <img\n                            className=\"effect-btn-svgicon\"\n                            src={whiteAccordian}\n                            alt=\"click\"\n                          />\n                        )\n                      }\n                      customClassName={props.customClassName}\n                      tip={props.label}\n                      color=\"primary\"\n                      label={props.label}\n                      variant={props.variant}\n                      routepath={props.route}\n                      tooltip={props.tooltip}\n                    />\n                  )}{\" \"}\n                </div>\n              </div>\n            </Link>\n          </>\n        ) : (\n          <>\n            <div className=\"on-click-card\">\n              <div\n                className={\n                  props.textColor\n                    ? \"miniCrdBgImg-overlay-new\"\n                    : \"miniCrdBgImg-overlay\"\n                }\n              >\n                <div\n                  className={\n                    props.textColor\n                      ? \"miniCrdBgImg-title-white\"\n                      : \"miniCrdBgImg-title\"\n                  }\n                >\n                  {props.title}\n                </div>\n                <div className=\"miniCrdBgImg-subtitle\">{props.subtitle}</div>\n                <div className=\"accordian-condition\">\n                  {\" \"}\n                  {props.button !== \"no\" && (\n                    <Button\n                      icon={\n                        !props.variant && (\n                          <img\n                            className=\"effect-btn-svgicon\"\n                            src={RightArrow}\n                            alt=\"click\"\n                          />\n                        )\n                      }\n                      customClassName={props.customClassName}\n                      tip={props.label}\n                      color=\"primary\"\n                      label={props.label}\n                      variant={props.variant}\n                      routepath={props.route}\n                      tooltip={props.tooltip}\n                    />\n                  )}{\" \"}\n                </div>\n                <div className=\"mbl-accordian-condition\">\n                  {\" \"}\n                  {props.button !== \"no\" && (\n                    <Button\n                      icon={\n                        !props.variant && (\n                          <img\n                            className=\"effect-btn-svgicon\"\n                            src={whiteAccordian}\n                            alt=\"click\"\n                          />\n                        )\n                      }\n                      customClassName={props.customClassName}\n                      tip={props.label}\n                      color=\"primary\"\n                      label={props.label}\n                      variant={props.variant}\n                      routepath={props.route}\n                      tooltip={props.tooltip}\n                    />\n                  )}{\" \"}\n                </div>\n              </div>\n            </div>\n          </>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default MiniCardWithBgImg;\n","import { Card, Grid } from \"@material-ui/core\";\nimport React from \"react\";\nimport quote from \"../../assets/Images/WhatWeDo/quote.svg\";\nimport Minicard from \"../../components/MiniCard\";\nimport MiniCardWithBgImg from \"../../components/MiniCardWithBgImg\";\nimport \"./MiniView.scss\";\n\nconst Miniview = (props) => {\n  return (\n    <div className=\"body-container\">\n      <Grid container direction=\"row\" spacing={3}>\n        {props.miniviewData &&\n          props.miniviewData.map((item, index) => (\n            <Grid\n              key={index}\n              item\n              xs={12}\n              sm={6}\n              md={4}\n              className=\"card crd-spc\"\n            >\n              {/* <Link style={{textDecoration:'none',color:'black'}} to={`/${item.type}/${item.slug}`} > */}\n\n              <Minicard\n                MiniviewHeading={item.meta_title ? item.meta_title : item.title}\n                MiniviewContent={\n                  item.meta_description\n                    ? item.meta_description\n                    : item.primary_description_1\n                }\n                MiniviewImage={item.og_image}\n                MiniviewImageAlt={item.ogImageAlt}\n                WhitePaperFooterLabel={item.type}\n                Slug={item.slug}\n                Type={item.slug_type}\n                SlugType={item.slug_type}\n                GatedContent={item.gated_content}\n                navigateComponent={props.navigateComponent}\n                isLandingPage={props.isLandingPage}\n              />\n              {/* </Link> */}\n            </Grid>\n          ))}\n\n        {props.quotedMiniCardData && props.miniviewData.length % 3 === 1 && (\n          <React.Fragment>\n            <Grid\n              item\n              xs={12}\n              sm={6}\n              md={4}\n              style={{ position: \"relative\" }}\n              className=\"card crd-spc\"\n            >\n              <div className=\"plain-title quote-star-what1\">\n                <img alt=\"\" src={quote} />\n              </div>\n              <Card className=\"card-area p-20 appsgridshadow\">\n                <div className=\"quoted-title-area\">\n                  {props.quotedMiniCardData.title}\n                </div>\n                <div className=\"df\">\n                  <div className=\"quoted-5-text1\">5.0</div>\n                  <div className=\"quoted-5-star1\">★★★★★</div>\n                </div>\n                <div className=\"quoted-heading-area\">\n                  {props.quotedMiniCardData.heading}\n                </div>\n                <div className=\"quoted-content-area\">\n                  {props.quotedMiniCardData.content}\n                </div>\n                <div className=\"quoted-footer-area\">\n                  <div className=\"quoted-minicard-black-line\"></div>\n                  {props.quotedMiniCardData.footerContent}\n                </div>\n              </Card>\n            </Grid>\n            <Grid item xs={12} sm={6} className=\"card crd-spc\" md={4}>\n              {\" \"}\n              <Card className=\"mini-card-bg-hght appsgridshadow\">\n                <MiniCardWithBgImg\n                  MiniCardBgImg={props.miniviewData2.image}\n                  MiniCardBgImgId=\"100\"\n                  service=\"clientStory\"\n                  title={props.miniviewData2.title}\n                  subtitle={props.miniviewData2.subTitle}\n                  variant={props.miniviewData2.variant}\n                  customClassName=\"three-mini-card-btn mt-20\"\n                  cardCustomClass={props.miniviewData2.customClass}\n                  label={props.miniviewData2.label}\n                  route={props.miniviewData2.route}\n                  tip={props.miniviewData2.tip}\n                  tooltip={props.miniviewData2.tooltip}\n                />\n              </Card>\n            </Grid>\n          </React.Fragment>\n        )}\n\n        {props.miniviewData2 && props.miniviewData.length % 3 === 2 && (\n          <Grid item xs={12} className=\"card crd-spc\" sm={6} md={4}>\n            {\" \"}\n            <Card className=\"mini-card-bg-hght appsgridshadow\">\n              <MiniCardWithBgImg\n                MiniCardBgImg={props.miniviewData2.image}\n                MiniCardBgImgId=\"100\"\n                service=\"clientStory\"\n                title={props.miniviewData2.title}\n                subtitle={props.miniviewData2.subTitle}\n                variant={props.miniviewData2.variant}\n                customClassName=\"three-mini-card-btn mt-20\"\n                cardCustomClass={props.miniviewData2.customClass}\n                label={props.miniviewData2.label}\n                route={props.miniviewData2.route}\n                tip={props.miniviewData2.tip}\n                tooltip={props.miniviewData2.tooltip}\n              />\n            </Card>\n          </Grid>\n        )}\n\n        {props.miniviewData2 &&\n          props.component === \"whoWeWorkWith\" &&\n          props.miniviewData.length % 3 === 1 && (\n            <Grid item xs={12} sm={6} md={4} className=\"card crd-spc\">\n              {\" \"}\n              <Card className=\"mini-card-bg-hght appsgridshadow\">\n                <MiniCardWithBgImg\n                  MiniCardBgImg={props.miniviewData2.image}\n                  MiniCardBgImgId=\"100\"\n                  service=\"clientStory\"\n                  title={props.miniviewData2.title}\n                  subtitle={props.miniviewData2.subTitle}\n                  variant={props.miniviewData2.variant}\n                  customClassName=\"three-mini-card-btn mt-20\"\n                  cardCustomClass={props.miniviewData2.customClass}\n                  label={props.miniviewData2.label}\n                  route={props.miniviewData2.route}\n                  tip={props.miniviewData2.tip}\n                  tooltip={props.miniviewData2.tooltip}\n                />\n              </Card>\n            </Grid>\n          )}\n      </Grid>\n    </div>\n  );\n};\n\nexport default Miniview;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"primary\":\"#db4435\",\"secondary\":\"#daaaaa\"};","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Ljk5MSIgaGVpZ2h0PSIxOC4wMDgiIHZpZXdCb3g9IjAgMCA5Ljk5MSAxOC4wMDgiPgogIDxwYXRoIGlkPSJQYXRoXzM1MSIgZGF0YS1uYW1lPSJQYXRoIDM1MSIgZD0iTTI2Mi45NjYsOTM3LjQ0NWw4LjQsOC42MzktOC40LDguMzEzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNzIuNDIgOTU0LjkzKSByb3RhdGUoMTgwKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZGI0NDM1IiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K\"","module.exports = __webpack_public_path__ + \"static/Articles_banner-27f553a54dfdcb9f945d46ab354e20ef.png\";","import React from \"react\";\nimport \"./ArticleTag.scss\";\nimport { Link } from \"gatsby\";\n\nconst ArticleTag = (props) => {\n  return (\n    <div>\n      {props.articleTag &&\n        props.articleTag.map((item, index) => (\n          <Link\n            to={`/insights/articles?tag=${item.slug}`}\n            className=\"services-link\"\n          >\n            <div\n              className={\n                item.type === props.selectedTag\n                  ? \"selected-container\"\n                  : \"tag-container\"\n              }\n            >\n              # {item.type}\n            </div>\n          </Link>\n        ))}\n    </div>\n  );\n};\n\nexport default ArticleTag;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"primary\":\"#db4435\",\"secondary\":\"#daaaaa\"};","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNy4yODQiIGhlaWdodD0iMzMuNzA1IiB2aWV3Qm94PSIwIDAgMzcuMjg0IDMzLjcwNSI+CiAgPHBhdGggaWQ9IlBhdGhfNjQ5NCIgZGF0YS1uYW1lPSJQYXRoIDY0OTQiIGQ9Ik0yMC41OCw2MC43MzVWNDQuNTY1SDEzLjY1QTEzLjQ3NSwxMy40NzUsMCwwLDEsMTUuMTIsMzhxMS40Ny0yLjY3Nyw1LjQ2LTQuMDQzVjI3LjAzQTE2Ljg4LDE2Ljg4LDAsMCwwLDYuNjY4LDM4LjE2YTE3LjQsMTcuNCwwLDAsMC0xLDYuNTFWNjAuNzM1Wm0yMi4zNjUsMFY0NC41NjVoLTYuOTNBMTMuNDc1LDEzLjQ3NSwwLDAsMSwzNy40ODUsMzhxMS40Ny0yLjY3Nyw1LjQ2LTQuMDQzVjI3LjAzQTE2Ljg4MSwxNi44ODEsMCwwLDAsMjkuMDMyLDM4LjE2YTE3LjQsMTcuNCwwLDAsMC0xLDYuNTFWNjAuNzM1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuNjYxIC0yNy4wMykiIGZpbGw9IiNkYjQ0MzUiLz4KPC9zdmc+Cg==\""],"sourceRoot":""}