{"version":3,"sources":["webpack:///./src/pages/white-paper/index.jsx"],"names":["WhitePaper","whitepaper","pageContext","useState","page","setPage","clientStoryData","setClientStoryData","clientStoryRawData","setClientStoryRawData","whitePaperContent","setwhitePaperContent","queryString","window","location","href","split","isHover","setIsHover","toggleHover","useEffect","DataService","getData","then","response","data","catch","error","navigate","ImageBannerData","bnrImg","image","component","bannerImageAlt","bnrImgTitle","banner_image_title","TwoColumnContactInfoData","Clm1Img","Clm1Title","Clm1SubTitle","Clm2Img","Clm2Title","Clm2SubTitle","SixHoverCardData","HoverCardWithBtnIcon1","HoverCardWithBtnIcon2","HoverCardWithBtnIcon3","HoverCardWithBtnIcon4","HoverCardWithBtnIcon5","HoverCardWithBtnContent1","secondary_description","keyPointsBig1","key_points_big","keyPointsBig2","key_points_big1","keyPointsBig3","key_points_big2","keyPoints1","key_points","keyPoints2","key_points1","keyPoints3","key_points2","route","VideobannerData","variant","color","label","tooltip","ImageBannerTitle","ImageBannerSubTitle","BannerImage","pdf_file","quotedMiniCardData","title","heading","content","footerContent","style","display","alignItems","paddingLeft","src","clutchLogo","alt","height","imageAvatarData","author_image","author_name","name","date","published_date","position","imageAvatarData1","corresponding_author_image","corresponding_author","co_author_position","Fragment","seo","og_title","ogtitle","description","og_description","ogurl","BASE_SITE_URL","slug","ogimage","og_image","imageBannerData","className","icon","BackArrowIcon","customClassName","tip","routepath","fontSize","fontWeight","marginTop","marginLeft","id","primary_description_1","dangerouslySetInnerHTML","__html","primary_description_2","primary_description_3","container","direction","spacing","item","xs","md","url","type","slug_type","testimonial","map","client_name","video_url","autoPlay","playsInline","loop","muted","video_description","secondary_title","sm","show_contact_form","bannerTitle","pdfFile","articleid","length","miniviewData","miniviewData2","service","subTitle","customClass","total","width","textAlign","onMouseEnter","onMouseLeave","role","onClick","has_more","RightArrowWhite","RightArrow"],"mappings":"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","file":"component---src-pages-white-paper-index-jsx-7e8aceb0f3cc39068702.js","sourcesContent":["import { Grid } from \"@material-ui/core\";\nimport Typography from \"@material-ui/core/Typography\";\nimport { navigate } from \"gatsby\";\nimport React, { useEffect, useState } from \"react\";\nimport RightArrowWhite from \"../../assets/Icons/accordian_white.svg\";\nimport RightArrow from \"../../assets/Icons/go.svg\";\nimport HoverCardWithBtnIcon2 from \"../../assets/Icons/Group_1.svg\";\nimport HoverCardWithBtnIcon3 from \"../../assets/Icons/Group_2.svg\";\nimport HoverCardWithBtnIcon5 from \"../../assets/Icons/Group_3.svg\";\nimport HoverCardWithBtnIcon4 from \"../../assets/Icons/Group_3042.svg\";\nimport Clm2Img from \"../../assets/Icons/mail.svg\";\nimport HoverCardWithBtnIcon1 from \"../../assets/Icons/outrun.svg\";\nimport Clm1Img from \"../../assets/Icons/phone.svg\";\nimport BackArrowIcon from \"../../assets/Images/accordian.svg\";\nimport BannerImage from \"../../assets/Images/caseStudy/takealook.png\";\nimport clutchLogo from \"../../assets/Images/WhatWeDo/clutch-co-vector-logo.svg\";\nimport quote from \"../../assets/Images/WhatWeDo/quote.svg\";\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 ContactUsRightGrid from \"../../templates/ContactUsRightGrid\";\nimport ImageAvatar from \"../../templates/ImageAvatar\";\nimport ImageBanner from \"../../templates/ImageBanner\";\nimport LeftGrid from \"../../templates/LeftGrid\";\nimport Miniview from \"../../templates/MiniView\";\nimport ShareCard from \"../../templates/ShareCard\";\nimport TwoColumnContactInfo from \"../../templates/TwoColumnContactInfo\";\nimport ViewPdfRightGrid from \"../../templates/ViewPdfRightGrid\";\n\nconst WhitePaper = ({ pageContext: { whitepaper } }) => {\n  const [page, setPage] = useState(1);\n  const [clientStoryData, setClientStoryData] = useState([]);\n  const [clientStoryRawData, setClientStoryRawData] = useState([]);\n  const [whitePaperContent, setwhitePaperContent] = useState([]);\n  const queryString =\n    typeof window !== \"undefined\" ? window.location.href.split(\"/\")[4] : \"\";\n  const [isHover, setIsHover] = useState(false);\n  const toggleHover = () => {\n    setIsHover(!isHover);\n  };\n\n  useEffect(() => {\n    DataService.getData(\n      `/admin/api/post?limit=${3}&page=${page}&page_id=1&type=Client Story&component=mini_view`\n    ).then((response) => {\n      setClientStoryData([...clientStoryData, ...response.data]);\n      setClientStoryRawData(response);\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [page]);\n  useEffect(() => {\n    DataService.getData(`/admin/api/post-details?slug=${queryString}`)\n      .then((response) => {\n        const whitePaperContent = response.data;\n        setwhitePaperContent(whitePaperContent);\n      })\n      .catch((error) => {\n        navigate(-1);\n      });\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [queryString]);\n  /**\n   * Image Banner\n   */\n  const ImageBannerData = {\n    bnrImg: whitePaperContent.image,\n    component: \"Who\",\n    bannerImageAlt: whitePaperContent.bannerImageAlt,\n    bnrImgTitle: whitePaperContent.banner_image_title,\n  };\n\n  const miniviewData2 = {\n    height: \"490\",\n    service: \"machineLearning\",\n    title: \"Let's Talk\",\n    subTitle: \"We'd love to help with your product.\",\n    variant: \"contained\",\n    label: \"GET IN TOUCH\",\n    customClass: \"miniCrdBgImg-main-border\",\n    route: \"/contact-us\",\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   * Six Hover Card\n   */\n  const SixHoverCardData = {\n    HoverCardWithBtnIcon1: HoverCardWithBtnIcon1,\n    HoverCardWithBtnIcon2: HoverCardWithBtnIcon2,\n    HoverCardWithBtnIcon3: HoverCardWithBtnIcon3,\n    HoverCardWithBtnIcon4: HoverCardWithBtnIcon4,\n    HoverCardWithBtnIcon5: HoverCardWithBtnIcon5,\n    HoverCardWithBtnContent1: whitePaperContent.secondary_description,\n    keyPointsBig1: whitePaperContent.key_points_big,\n    keyPointsBig2: whitePaperContent.key_points_big1,\n    keyPointsBig3: whitePaperContent.key_points_big2,\n    keyPoints1: whitePaperContent.key_points,\n    keyPoints2: whitePaperContent.key_points1,\n    keyPoints3: whitePaperContent.key_points2,\n    route: \"/contact-us\",\n  };\n\n  const VideobannerData = {\n    variant: \"contained\",\n    color: \"primary\",\n    label: \"TAKE A LOOK\",\n    tooltip: \"no\",\n    ImageBannerTitle: \"Digital Products, Built Ryte!\",\n    ImageBannerSubTitle: (\n      <>\n        Build Next Generation Applications <br /> With UK’s Leading Software\n        Consultancy\n      </>\n    ),\n    BannerImage: BannerImage,\n    route: whitePaperContent.pdf_file,\n  };\n  const quotedMiniCardData = {\n    title: \"Mobile App Dev for Automative Sales App\",\n    heading:\n      \"We can’t speak highly enough of Digiryte’s team because they bent over backward to help us launch our product.\",\n    content: \"Founder, Bumper UK\",\n    footerContent: (\n      <div style={{ display: \"flex\", alignItems: \"center\" }}>\n        <div>Authentic client review from</div>\n        <div style={{ paddingLeft: \"5px\" }}>\n          <img src={clutchLogo} alt=\"Clutch\" height=\"50px\" />\n        </div>\n      </div>\n    ),\n  };\n\n  /**\n   * Image avatar component\n   */\n  const imageAvatarData = {\n    image: whitePaperContent.author_image,\n    alt: whitePaperContent.author_name,\n    name: whitePaperContent.author_name,\n    date: whitePaperContent.published_date,\n    title: whitePaperContent.position,\n  };\n\n  /**\n   * Image avatar component\n   */\n  const imageAvatarData1 = {\n    image: whitePaperContent.corresponding_author_image,\n    alt: whitePaperContent.corresponding_author,\n    name: whitePaperContent.corresponding_author,\n    // date:whitePaperContent.published_date,\n    title: whitePaperContent.co_author_position,\n  };\n\n  return (\n    <React.Fragment>\n      <Layout\n        seo={{\n          title: whitePaperContent?.og_title,\n          ogtitle: whitepaper?.og_title,\n          description: whitepaper\n            ? whitepaper?.og_description\n            : whitePaperContent?.og_description,\n          ogurl: `${BASE_SITE_URL}/white-paper/${whitepaper?.slug}/`,\n          ogimage: whitepaper?.og_image,\n        }}\n      >\n        <ImageBanner imageBannerData={ImageBannerData} />\n        <div className=\"mt-50 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=\"White Papers\"\n            routepath=\"/insights/white-papers\"\n          />\n          <Typography\n            style={{\n              fontSize: \"24px\",\n              fontWeight: \"600\",\n              marginTop: \"-42px\",\n              marginLeft: \"40px\",\n            }}\n          >\n            White Papers\n          </Typography>\n        </div>\n\n        <div id=\"html-content\"></div>\n        <div className=\"mt-30 body-container\">\n          {whitePaperContent && whitePaperContent.primary_description_1 && (\n            <div\n              className=\"dynamic-description-one\"\n              dangerouslySetInnerHTML={{\n                __html: `${whitePaperContent.primary_description_1}`,\n              }}\n            />\n          )}\n          <div className=\"mt-30\"></div>\n          {whitePaperContent && whitePaperContent.primary_description_2 && (\n            <div\n              className=\"dynamic-description-one\"\n              dangerouslySetInnerHTML={{\n                __html: `${whitePaperContent.primary_description_2}`,\n              }}\n            />\n          )}\n          <div className=\"mt-30\"></div>\n          {whitePaperContent && whitePaperContent.primary_description_3 && (\n            <div\n              className=\"dynamic-description-one\"\n              dangerouslySetInnerHTML={{\n                __html: `${whitePaperContent.primary_description_3}`,\n              }}\n            />\n          )}\n\n          <Grid container direction=\"row\" spacing={3}>\n            <Grid style={{ position: \"relative\" }} item xs={12} md={2}>\n              {whitePaperContent &&\n                whitePaperContent.author_name &&\n                whitePaperContent.author_image && (\n                  <ImageAvatar imageAvatarData={imageAvatarData} />\n                )}\n              {whitePaperContent &&\n                whitePaperContent.corresponding_author &&\n                whitePaperContent.corresponding_author_image && (\n                  <ImageAvatar imageAvatarData={imageAvatarData1} />\n                )}\n              {whitePaperContent && whitePaperContent.primary_description_1 && (\n                <span>\n                  <ShareCard\n                    url={`${BASE_SITE_URL}/white-paper/${\n                      whitePaperContent && whitePaperContent.slug\n                    }`}\n                    type={whitePaperContent.slug_type}\n                    slug={whitePaperContent.slug}\n                  />\n                </span>\n              )}\n            </Grid>\n            <Grid item xs={12} md={8}>\n              {whitePaperContent.testimonial &&\n                whitePaperContent.testimonial.map((testimonial) => (\n                  <div\n                    style={{ position: \"relative\" }}\n                    className=\"mt-50 body-container\"\n                  >\n                    {/* <div className=\"dynamic-quote-white\">\n                      <img alt=\"quotes\" src={quote} />\n                    </div> */}\n                    <Typography className=\"testimonial-content\">\n                      {testimonial.content}\n                    </Typography>\n                    <Typography className=\"testimonial-client mt-20\">\n                      - {testimonial.client_name}\n                    </Typography>\n                  </div>\n                ))}\n            </Grid>\n          </Grid>\n        </div>\n        {whitePaperContent.video_url !== null && (\n          <div className=\"mt-50 body-container\">\n            {/* <iframe\n            src={whitePaperContent.video_url}\n            frameborder=\"0\"\n            style={{ borderRadius: \"10px\" }}\n            allow=\"autoplay; encrypted-media\"\n            allowfullscreen\n            title={whitePaperContent.video_description}\n            width=\"100%\"\n            height=\"495\"\n          ></iframe> */}\n            <video autoPlay playsInline loop muted id=\"myVideo\">\n              <source src={whitePaperContent.video_url} type=\"video/mp4\" />\n            </video>\n          </div>\n        )}\n        <div className=\"article-main mt-30 body-container\">\n          {whitePaperContent.video_description}\n        </div>\n\n        <div className=\"mt-50 body-container\" id=\"gated\">\n          <div className=\"title-header\">\n            {whitePaperContent.secondary_title}\n          </div>\n        </div>\n        <div className=\"mt-50 body-container\">\n          <Grid container direction=\"row\" spacing={3}>\n            <Grid item xs={12} sm={12} md={6} className=\"card crd-spc\">\n              <LeftGrid SixHoverCardData={SixHoverCardData} />\n            </Grid>\n            <Grid item xs={12} sm={12} md={6} className=\"card crd-spc\">\n              {whitePaperContent &&\n              whitePaperContent.show_contact_form === 1 ? (\n                <ContactUsRightGrid\n                  bannerTitle={whitePaperContent.banner_image_title}\n                  pdfFile={whitePaperContent.pdf_file}\n                  articleid={whitePaperContent.id}\n                  type=\"white-paper\"\n                />\n              ) : (\n                <ViewPdfRightGrid VideobannerData={VideobannerData} />\n              )}\n            </Grid>\n          </Grid>\n        </div>\n        {clientStoryData && clientStoryData.length > 0 && (\n          <React.Fragment>\n            <div className=\"body-container mt-70\">\n              <h2 className=\"title-header ttc\">\n                <span className=\"red-line3letter\">Fea</span>tured Client stories\n              </h2>\n            </div>\n            <div className=\"mt-50\">\n              <Miniview\n                miniviewData={clientStoryData}\n                miniviewData2={miniviewData2}\n                total={clientStoryData.length}\n                quotedMiniCardData={quotedMiniCardData}\n              />\n            </div>\n          </React.Fragment>\n        )}\n        <div style={{ width: \"100%\", textAlign: \"center\" }}>\n          <div\n            onMouseEnter={toggleHover}\n            onMouseLeave={toggleHover}\n            className=\"mt-60\"\n            role=\"presentation\"\n            onClick={() => setPage(page + 1)}\n            style={{ display: \"inline-block\" }}\n          >\n            {clientStoryRawData.has_more && (\n              <Button\n                icon={\n                  <img\n                    className=\"effect-btn-svgicon\"\n                    src={!isHover ? RightArrow : RightArrowWhite}\n                    alt=\"Load More\"\n                  />\n                }\n                customClassName=\"info-view-resize-btn\"\n                color=\"primary\"\n                variant=\"outlined\"\n                label=\"Load More\"\n              />\n            )}\n          </div>\n        </div>\n        <div className=\"mt-70\"></div>\n        <TwoColumnContactInfo\n          TwoColumnContactInfoData={TwoColumnContactInfoData}\n        />\n      </Layout>\n    </React.Fragment>\n  );\n};\n\nexport default WhitePaper;\n"],"sourceRoot":""}