{"version":3,"sources":["webpack:///./src/pages/client-story/index.jsx","webpack:///./src/assets/Images/caseStudy/contact_us_hover.png","webpack:///./src/assets/Images/caseStudy/takealook_hover.png","webpack:///./src/assets/Images/caseStudy/contact_us.png"],"names":["ClientStory","clientstory","pageContext","useState","page","setPage","clientStoryData","setClientStoryData","clientStoryRawData","setClientStoryRawData","clientStoryContent","setClientStoryContent","queryString","window","location","href","split","isHover","setIsHover","toggleHover","useEffect","DataService","getData","then","response","data","catch","error","navigate","ImageBannerData","bnrImg","image","specificStyle","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","BannerImage","HoverImage","pdf_file","ImageBannerTitle","VideobannerDataNoPDF","contactImage","contactImageHover","quotedMiniCardData","title","heading","content","footerContent","style","display","alignItems","paddingLeft","src","clutchLogo","alt","height","seo","og_title","ogtitle","description","og_description","ogurl","BASE_SITE_URL","slug","ogimage","client_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","testimonial","map","position","quote","client_name","width","magic_box_image","imageAltTxt","video_url","autoPlay","playsInline","loop","muted","type","textAlign","video_description","secondary_title","container","direction","spacing","item","xs","sm","md","show_contact_form","bannerTitle","pdfFile","articleid","length","Fragment","miniviewData","miniviewData2","service","subTitle","variant","label","customClass","total","onMouseEnter","onMouseLeave","role","onClick","has_more","RightArrowWhite","RightArrow","color","module","exports"],"mappings":"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","file":"component---src-pages-client-story-index-jsx-279e88c7a74afd2c7a4a.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 contactImage from \"../../assets/Images/caseStudy/contact_us.png\";\nimport contactImageHover from \"../../assets/Images/caseStudy/contact_us_hover.png\";\nimport BannerImage from \"../../assets/Images/caseStudy/takealook.png\";\nimport HoverImage from \"../../assets/Images/caseStudy/takealook_hover.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 ImageBanner from \"../../templates/ImageBanner\";\nimport LeftGrid from \"../../templates/LeftGrid\";\nimport Miniview from \"../../templates/MiniView\";\nimport TwoColumnContactInfo from \"../../templates/TwoColumnContactInfo\";\nimport ViewPdfRightGrid from \"../../templates/ViewPdfRightGrid\";\n\nconst ClientStory = ({ pageContext: { clientstory } }) => {\n  const [page, setPage] = useState(1);\n  const [clientStoryData, setClientStoryData] = useState([]);\n  const [clientStoryRawData, setClientStoryRawData] = useState([]);\n  const [clientStoryContent, setClientStoryContent] = 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  }, [page]);\n\n  useEffect(() => {\n    DataService.getData(`/admin/api/post-details?slug=${queryString}`)\n      .then((response) => {\n        const clientStoryContent = response.data;\n        setClientStoryContent(clientStoryContent);\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: clientStoryContent.image,\n    specificStyle: \"yes\",\n    component: \"Who\",\n    bannerImageAlt: clientStoryContent.bannerImageAlt,\n    bnrImgTitle: clientStoryContent.banner_image_title,\n  };\n  /**\n   * TwoColumnContactInfo\n   */\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   * Six Hover Card\n   */\n\n  const SixHoverCardData = {\n    HoverCardWithBtnIcon1: HoverCardWithBtnIcon1,\n    HoverCardWithBtnIcon2: HoverCardWithBtnIcon2,\n    HoverCardWithBtnIcon3: HoverCardWithBtnIcon3,\n    HoverCardWithBtnIcon4: HoverCardWithBtnIcon4,\n    HoverCardWithBtnIcon5: HoverCardWithBtnIcon5,\n    HoverCardWithBtnContent1: clientStoryContent.secondary_description,\n    keyPointsBig1: clientStoryContent.key_points_big,\n    keyPointsBig2: clientStoryContent.key_points_big1,\n    keyPointsBig3: clientStoryContent.key_points_big2,\n    keyPoints1: clientStoryContent.key_points,\n    keyPoints2: clientStoryContent.key_points1,\n    keyPoints3: clientStoryContent.key_points2,\n    route: \"/contact-us\",\n  };\n\n  const VideobannerData = {\n    BannerImage: BannerImage,\n    HoverImage: HoverImage,\n    route: clientStoryContent.pdf_file,\n    ImageBannerTitle: \"See the full Story\",\n  };\n\n  const VideobannerDataNoPDF = {\n    BannerImage: contactImage,\n    HoverImage: contactImageHover,\n    route: \"/contact-us\",\n    ImageBannerTitle: \"See the full Story\",\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  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  return (\n    <Layout\n      seo={{\n        title: clientStoryContent?.og_title,\n        ogtitle: clientstory?.og_title,\n        description: clientstory\n          ? clientstory?.og_description\n          : clientStoryContent?.og_description,\n        ogurl: `${BASE_SITE_URL}/client-story/${clientstory?.slug}/`,\n        ogimage: clientstory?.client_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=\"Who we work with\"\n          routepath=\"/who-we-work-with\"\n        />\n        <Typography\n          style={{\n            fontSize: \"24px\",\n            fontWeight: \"600\",\n            marginTop: \"-42px\",\n            marginLeft: \"40px\",\n          }}\n        >\n          Who we work with\n        </Typography>\n      </div>\n\n      <div id=\"html-content\"></div>\n      <div className=\"mt-30 body-container\">\n        {clientStoryContent && clientStoryContent.primary_description_1 && (\n          <div\n            className=\"dynamic-description-one\"\n            dangerouslySetInnerHTML={{\n              __html: `${clientStoryContent.primary_description_1}`,\n            }}\n          />\n        )}\n        <br />\n        {clientStoryContent && clientStoryContent.primary_description_2 && (\n          <div\n            className=\"dynamic-description-one\"\n            dangerouslySetInnerHTML={{\n              __html: `${clientStoryContent.primary_description_2}`,\n            }}\n          />\n        )}\n        <br />\n        {clientStoryContent && clientStoryContent.primary_description_3 && (\n          <div\n            className=\"dynamic-description-one\"\n            dangerouslySetInnerHTML={{\n              __html: `${clientStoryContent.primary_description_3}`,\n            }}\n          />\n        )}\n        {clientStoryContent.testimonial &&\n          clientStoryContent.testimonial.map((testimonial) => (\n            <div\n              style={{ position: \"relative\" }}\n              className=\"mt-50 body-container\"\n            >\n              <div className=\"dynamic-quote\">\n                <img alt=\"quote\" src={quote} />\n              </div>\n              <br />\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      </div>\n      <div className=\"mt-50 body-container\">\n        <img\n          style={{ width: \"100%\" }}\n          src={clientStoryContent.magic_box_image}\n          alt={clientStoryContent.imageAltTxt}\n        />\n      </div>\n      {clientStoryContent.video_url !== null && (\n        <div className=\"mt-50 body-container\">\n          {/* <iframe\n            src={clientStoryContent.video_url}\n            frameborder=\"0\"\n            style={{ borderRadius: \"10px\" }}\n            allow=\"autoplay; encrypted-media\"\n            allowfullscreen\n            title={clientStoryContent.video_description}\n            width=\"100%\"\n            height=\"495\"\n          ></iframe> */}\n          <video autoPlay playsInline loop muted id=\"myVideo\">\n            <source src={clientStoryContent.video_url} type=\"video/mp4\" />\n          </video>\n        </div>\n      )}\n      <div\n        style={{ textAlign: \"center\", fontWeight: \"600\" }}\n        className=\"article-main mt-30 body-container\"\n      >\n        {clientStoryContent.video_description}\n      </div>\n      <div id=\"gated\" className=\"mt-50 body-container\">\n        <div className=\"title-header\">{clientStoryContent.secondary_title}</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            {clientStoryContent.pdf_file !== \"NULL\" &&\n            clientStoryContent.show_contact_form === 1 ? (\n              <ContactUsRightGrid\n                bannerTitle={clientStoryContent.banner_image_title}\n                pdfFile={clientStoryContent.pdf_file}\n                articleid={clientStoryContent.id}\n              />\n            ) : (\n              \"\"\n            )}\n            {clientStoryContent.pdf_file === \"NULL\" &&\n            clientStoryContent.show_contact_form === 2 ? (\n              <ViewPdfRightGrid VideobannerData={VideobannerDataNoPDF} />\n            ) : (\n              \"\"\n            )}\n            {clientStoryContent.pdf_file !== \"NULL\" &&\n            clientStoryContent.show_contact_form === 2 ? (\n              <ViewPdfRightGrid VideobannerData={VideobannerData} />\n            ) : (\n              \"\"\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  );\n};\n\nexport default ClientStory;\n","module.exports = __webpack_public_path__ + \"static/contact_us_hover-935f775e6699aa944591d81d02bef4f8.png\";","module.exports = __webpack_public_path__ + \"static/takealook_hover-eb5e8fee2c6d8724c0350b5f834acc2a.png\";","module.exports = __webpack_public_path__ + \"static/contact_us-1ee24672c8412771c7f5f45e41fd673b.png\";"],"sourceRoot":""}