{"version":3,"file":"component---src-templates-news-detail-page-js-dddf4aa83c60b46e5ce2.js","mappings":"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","sources":["webpack://gatsby-hybrid-boilerplate/./src/components/Global/NewsArticleSchema.js","webpack://gatsby-hybrid-boilerplate/./src/templates/newsDetailPage.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Helmet } from 'react-helmet';\n\nconst NewsArticleSchema = ({ headline, mainEntityId, imageUrl, datePublished, dateModified, schemaDescription, langUrl }) => {\n// console.log(imageUrl.node.mediaDetails.sizes,\"imageUrl\");\n// const sizesArray = imageUrl.node.mediaDetails.sizes.map(size => ({\n//   name: size.name,\n//   width: size.width,\n//   height: size.height,\n//   sourceUrl: size.sourceUrl\n// }));\n  const schemaData = {\n  \"@context\": \"https://schema.org\",\n  \"@type\": \"NewsArticle\",\n  \"mainEntityOfPage\": {\n    \"@type\": \"WebPage\",\n    \"@id\": mainEntityId\n  },\n  \"headline\": headline,\n  \"description\": schemaDescription,  \n  \"image\": imageUrl.node.mediaDetails.sizes.map(image => ({\n      \"@type\": \"ImageObject\",\n      \"url\": image.sourceUrl,\n    })),\n  \"author\": {\n    \"@type\": \"Organization\",\n    \"name\": \"\"\n  },  \n  \"publisher\": {\n    \"@type\": \"Organization\",\n    \"name\": langUrl,\n    \"logo\": {\n      \"@type\": \"ImageObject\",\n      \"url\": \"https://jameelmotors.com/static/jameelMotorsLogoBlue-c1230052e1ca5d2b85509960d85d4471.svg\"\n    }\n  },\n  \"datePublished\": datePublished\n  };\n\n  console.log(mainEntityId,\"mainEntityId\");\n  return (\n    <Helmet>\n      <script type=\"application/ld+json\">\n        {JSON.stringify(schemaData)}\n      </script>\n    </Helmet>\n  );\n};\n\nNewsArticleSchema.propTypes = {\n  headline: PropTypes.string.isRequired,\n  mainEntityId: PropTypes.string.isRequired,\n  imageUrl: PropTypes.string.isRequired,\n  datePublished: PropTypes.string.isRequired,\n  dateModified: PropTypes.string,\n};\n\nNewsArticleSchema.defaultProps = {\n  dateModified: '',\n};\n\nexport default NewsArticleSchema;\n","import React, { useState, useEffect, useRef } from \"react\";\nimport { Link, graphql } from \"gatsby\";\nimport Layout from \"../components/Global/layout\";\n// import SpotlightDetail from \"../components/Global/spotlightDetail\";\nimport { GatsbyImage, getImage } from \"gatsby-plugin-image\";\nimport SocialShare from \"../components/Global/socialShare\";\nimport ActionsButtons from \"../components/Global/actionsButtons\";\nimport NewsArticleSchema from \"../components/Global/NewsArticleSchema\";\nimport BreadcrumbSchema from \"../components/BreadcrumbSchema\";\n\n\n// import newsDetailsSpotlightBanner from \"../common/images/NewsInsightsList/newsDetailsSpotlightBanner.png\";\n// import newsListSpotlightClip from \"../common/images/NewsInsightsList/newsListSpotlightClip.png\";\nimport rightArrow from \"../common/images/Homepage/newsAndInsights/rightArrow.svg\";\nimport backArrowIcon from \"../common/images/NewsInsightsList/backArrowIcon.svg\";\nimport newsListSpotlightBanner from \"../common/images/NewsInsightsList/newsListSpotlightBanner.png\";\n// import newsListBrandMatrix from \"../common/images/NewsInsightsList/newsListBrandMatrix.svg\";\n// import searchBoxBrandMatrix from \"../common/images/NewsInsightsList/searchBoxBrandMatrix.svg\";\nimport clockBlack from \"../common/images/NewsInsightsList/clockBlack.svg\";\nimport locationBlack from \"../common/images/NewsInsightsList/locationBlack.svg\";\nimport newsNavRightArrow from \"../common/images/NewsInsightsList/newsNavRightArrow.svg\";\nimport newsNavLeftArrow from \"../common/images/NewsInsightsList/newsNavLeftArrow.svg\";\nimport nextArrowBlack from \"../common/images/NewsInsightsList/nextArrowBlack.svg\";\nimport previousArrowBlack from \"../common/images/NewsInsightsList/previousArrowBlack.svg\";\nimport { transDate } from '../components/services/generic';\nimport SiteTrans from \"../components/LangConfig/siteTrans.json\";\nimport { format } from 'date-fns';\nimport { Helmet } from \"react-helmet-async\";\n\nconst Page = (props) => {\n  let wpNews;\n  let allNews;\n  if (process.env.GATSBY_PREVIEW_MODE === \"true\") {\n    wpNews = props.data.wpNews;\n    allNews = props.data.allWpNews.edges\n  } else {\n    // allNews = props.data.allWpNews.edges.filter(news => news.node.publishStatus.status !== 'private')\n    // if (props.data.wpNews.publishStatus.status !== 'private') {\n    //   wpNews = props.data.wpNews;\n    // }\n\n    wpNews = props.data.wpNews;\n    allNews = props.data.allWpNews.edges.filter(news => news.node.publishStatus.status !== 'private')\n\n  }\n  // const wpNews = props.data.wpNews;\n  // const allNews = props.data.allWpNews.edges.filter(news => news.node.publishStatus.status !== 'private');\n  const limitedRelatedNews = allNews.filter(news => news.node.id !== wpNews.id).slice(0, 2);\n  let content = wpNews.content ? wpNews.content : \"\";\n  const wordsPerMinute = 200;\n  const wordCount = content.split(/\\s+/).length;\n  const readingTimeMinutes = Math.ceil(wordCount / wordsPerMinute);\n\n  const [fragment, setFragment] = useState(\"\");\n  const [isFootnotesOpen, setIsFootnotesOpen] = useState(false)\n  const footNotesDescriptionRef = useRef(null);\n\n\n\n  \n  useEffect(() => {\n    setTimeout(() => {\n      window.scrollTo({\n        top: 0,\n        left: 0,\n        behavior: \"smooth\",\n      });\n    }, 30)\n  }, [])\n  useEffect(() => {\n    if (window.location.hash.substr(1)) {\n      setFragment(window.location.hash.substr(1));\n    }\n  });\n\n  \n  const translateDate = (enmonth,lang) => {\n    var trans =  transDate(enmonth,lang);\n    return trans;\n} \n  useEffect(() => {\n    if (fragment !== '') {\n      scrollToElement(fragment);\n    }\n  }, [fragment]);\n\n  const scrollToElement = (id) => {\n    const offset = document.querySelector(\".header\").offsetHeight;\n    const element = document.getElementById(id);\n\n    if (element) {\n      const offsetPosition = element.offsetTop - offset;\n      toggleFootnotes(false)\n      window.scrollTo({\n        top: offsetPosition,\n        behavior: \"smooth\",\n      });\n    }\n  };\n  // const clickHandler = (e) => { };\n\n  // const [isAboveRefPoint, setIsAboveRefPoint] = useState(true);\n  // const headerListenToScroll = () => {\n  //   const newsInsightsSectionPosition = document.getElementById(\n  //     \"spotlight-detail-title-ref\"\n  //   )?.offsetTop;\n  //   const scrollPosition = window.scrollY;\n\n  //   if (scrollPosition < newsInsightsSectionPosition) {\n  //     setIsAboveRefPoint(true);\n  //   } else {\n  //     setIsAboveRefPoint(false);\n  //   }\n  // };\n\n  // useEffect(() => {\n  //   window.addEventListener(\"scroll\", headerListenToScroll);\n  //   return () => {\n  //     window.removeEventListener(\"scroll\", headerListenToScroll);\n  //   };\n  // }, []);\n\n  const getFormatDate = (date) => {\n    const rawpubDate = date;\n    const formattedpubDate = `${rawpubDate.slice(0, 4)}-${rawpubDate.slice(4, 6)}-${rawpubDate.slice(6, 8)}`;\n    const datepubObject = new Date(formattedpubDate);\n    return datepubObject;\n  }\n\n  const mainDateObject = getFormatDate(wpNews.press_release_acf.publishedDate);\n  const mainDisplayDate = format(mainDateObject, 'MMMM d, yyyy');\n  const schemaDate = format(mainDateObject, 'yyyy-MM-d');\n  var date = mainDisplayDate;\n  var arr1 = date.split(' ');\n  var arr2 = arr1[1].split(',');\n  var arr3 = arr1[2];\n  var month = arr1[0];\n\n  console.log(arr2,\"arr2\");\n  console.log(arr3,\"arr3\");\n  console.log(arr1[0],\"arr1\");\n  \n  // var mainnewsandinsightsdate = translateDate(month,wpNews.locale.id)+' '+arr2[0]+ SiteTrans.comma_article_txt[wpNews.locale.id] +arr3;\n\n  if(wpNews.locale.id==\"ar\"){\n    var mainnewsandinsightsdate = arr2[0]+' '+translateDate(month,wpNews.locale.id)+SiteTrans.comma_article_txt[wpNews.locale.id]+arr3;\n  }else{\n    var mainnewsandinsightsdate = translateDate(month,wpNews.locale.id)+' '+arr2[0]+ SiteTrans.comma_article_txt[wpNews.locale.id]+arr3;\n  }\n\n  const toggleFootnotes = (event) => {\n    setIsFootnotesOpen(!event);\n    event && footNotesDescriptionRef ? footNotesDescriptionRef.current.style.maxHeight = null : footNotesDescriptionRef.current.style.maxHeight = `${footNotesDescriptionRef.current.scrollHeight}px`;\n  }\n  const languageCode = wpNews.locale.id == 'en_US' ? 'en' : wpNews.locale.id === 'ar' ? 'ar' : 'zh-hans'\n  const viewAllLinkNews = `/${languageCode}/news`;\n\n  const publishedTranslatedLinks = wpNews.translated.filter(translation =>\n    translation.locale.id === 'en_US' &&\n    translation.localizedWpmlUrl && \n    translation.publishStatus.status !== 'private'\n  );\n\n  const link = wpNews.link // Original link\n  const translatedLink = publishedTranslatedLinks.length && publishedTranslatedLinks[0].localizedWpmlUrl ? publishedTranslatedLinks[0].localizedWpmlUrl : wpNews.localizedWpmlUrl\n  const segments = link.split('/'); // Split the link by slashes\n\n  let modifiedLink;\n  let translatedmodifiedLink;\n  let translatedsegments;\n  if(translatedLink == null){\n    modifiedLink = segments.filter(segment => segment !== 'home').join('/');\n  }else{\n    translatedsegments = translatedLink.split('/'); \n    modifiedLink = segments.filter(segment => segment !== 'home').join('/'); // Remove \"home\" and join the segments\n    translatedmodifiedLink = translatedsegments.filter(segment => segment !== 'home').join('/');\n  }\n  \n  const contactpagelink = wpNews.locale.id === 'en_US' ? 'en' : wpNews.locale.id === 'ar' ? 'ar' : 'zh-hans'\n\n  console.log(wpNews,\"translatedLinktranslatedLinktranslatedLink\");\n  return (\n    <Layout isAboveRefPoint={false} lang={wpNews.locale.id}\n      translations={wpNews.translated}\n      title={wpNews.seo.opengraphTitle ? wpNews.seo.opengraphTitle : null}\n      description={wpNews.seo.opengraphDescription ? wpNews.seo.opengraphDescription : null}\n      image={wpNews.featuredImage.node.sourceUrl ? wpNews.featuredImage.node.sourceUrl : null}\n      translateURL={translatedmodifiedLink}\n      langURL={modifiedLink}\n      currentPage={wpNews}\n      pageUrl={wpNews.link}\n      pageId={wpNews.locale.id}\n    >\n   <BreadcrumbSchema\n                    PageTitle={wpNews.title}\n                    defaultPageName={\"News\"}\n                    pageUrl={\"https://jameelmotors.com\"+wpNews.link}\n                    langUrl={\"https://jameelmotors.com/\"+contactpagelink+\"/news\"}\n                />\n\n      <NewsArticleSchema\n        headline={wpNews.title}\n        mainEntityId={\"https://jameelmotors.com\"+wpNews.link}\n        imageUrl={wpNews.featuredImage}\n        schemaDescription={wpNews.seo.opengraphDescription}\n        datePublished={schemaDate}\n        dateModified=''\n        langUrl={\"https://jameelmotors.com/\"+contactpagelink+\"/\"}\n      />\n      \n      <div className=\"news-details-wrapper position-relative\">\n        {/* <SpotlightDetail\n          clipImage={newsListSpotlightClip}\n          image={wpNews.featuredImage ? wpNews.featuredImage.node : \"https://media.jameelmotors.com/wp-content/uploads/2023/10/placeholder-spotlight.png\"}\n          links=''\n          triggerScroll=\"\"\n          title=\"\"\n          description=\"\"\n        /> */}\n\n        <section className=\"news-details-content-wrapper\">\n          <section className=\"back-news-wrapper\">\n            <div className=\"news-contents-wrapper\">\n              <div className=\"container\">\n                <div className=\"align-items-sm-center d-flex flex-column flex-sm-row gap-1 gap-md-3 justify-content-between\">\n                  <div className=\"d-flex gap-2\">\n                    <img\n                      src={backArrowIcon}\n                      alt=\"Jameel Motors\"\n                      className=\"back-arrow-icon\"\n                    />\n                    <Link to={viewAllLinkNews}><div className=\"back-to-label\">{SiteTrans.back_to_news_txt[wpNews.locale.id]}</div></Link>\n                  </div>\n                  <div className=\"align-self-end\">\n                    <SocialShare\n                      title={wpNews.title}\n                      ShareMail=\"\"\n                      // shareUrl={wpNews.link}\n                      ShareCopy=\"\"\n                      lang={wpNews.locale.id}\n                    />\n                  </div>\n                </div>\n              </div>\n            </div>\n          </section>\n          <div>\n            {allNews.map((data, key) => {\n\n              if (data.node.id === wpNews.id) {\n                const previousData = key - 1;\n\n                if (previousData >= 0) {\n\n                  let content = allNews[previousData].node.content;\n                  const wordsPerMinute = 200;\n                  const wordCount = content.split(/\\s+/).length;\n                  const readingTimeMinutes = Math.ceil(\n                    wordCount / wordsPerMinute\n                  );\n\n                  const prevDateObject = getFormatDate(allNews[previousData].node.press_release_acf.publishedDate);\n                  const prevDisplayDate = format(prevDateObject, 'MMMM d, yyyy');\n\n                  var date = prevDisplayDate;\n                  var arr1 = date.split(' ');\n                  var arr2 = arr1[1].split(',');\n                  var arr3 = arr1[2];\n                  var month = arr1[0];\n\n                  console.log(arr2,\"arr2\");\n                  console.log(arr3,\"arr3\");\n                  console.log(arr1[0],\"arr1\");\n                  \n                  // var prevnewsandinsightsdate = translateDate(month,wpNews.locale.id)+' '+arr2[0]+ SiteTrans.comma_article_txt[wpNews.locale.id] +arr3;\n\n                  if(wpNews.locale.id==\"ar\"){\n                    var prevnewsandinsightsdate = arr2[0]+' '+translateDate(month,wpNews.locale.id)+SiteTrans.comma_article_txt[wpNews.locale.id]+arr3;\n                  }else{\n                    var prevnewsandinsightsdate = translateDate(month,wpNews.locale.id)+' '+arr2[0]+ SiteTrans.comma_article_txt[wpNews.locale.id]+arr3;\n                  }\n\n                  return (\n                    <Link to={allNews[previousData].node.link} className=\"stickyCustomNav stickyCustomNavPrev\">\n                      <div className=\"news-previous-navigation-cards-wrapper news-navigation-wrapper\">\n                        <div className=\"position-relative d-flex flex-row news-previous-navigation-container align-items-center\">\n                          {/* <img\n                        src={\n                          allNews[previousData].node.featuredImage ? allNews[previousData].node.featuredImage.node.sourceUrl : \"https://media.jameelmotors.com/wp-content/uploads/2023/10/placeholder-article.png\"\n                        }\n                        alt=\"Jameel Motors\"\n                        className=\"news-navigation-card-poster\"\n                      /> */}\n\n                          <GatsbyImage className=\"news-navigation-card-poster\"\n                            image={getImage(allNews[previousData].node.featuredImage ? allNews[previousData].node.featuredImage.node : \"https://media.jameelmotors.com/wp-content/uploads/2023/10/placeholder-article.png\")}\n                            alt={\"Jameel Motors\"} />\n\n                          <div className=\"news-nav-gradient position-absolute\"></div>\n                          <div className=\"arrow-nav-label-wrapper position-absolute d-flex flex-column justify-content-center align-items-center gap-2\">\n                            <img\n                              src={newsNavLeftArrow}\n                              alt=\"Jameel Motors\"\n                              className=\"nav-arrows\"\n                            />\n                            <div className=\"nav-label\">\n                            {SiteTrans.read_txt[wpNews.locale.id]}\n                              <br />\n                              {SiteTrans.previous_txt[wpNews.locale.id]}\n                            </div>\n                          </div>\n                        </div>\n\n                        <div className=\"news-navigation-card-title font-md\">\n                          {\n                            allNews[previousData].node.press_release_acf\n                              .shortTitle\n                          }\n                        </div>\n\n                        <div className=\"nav-location-date-clock-wrapper flex-row justify-content-start align-items-center\">\n                          <img\n                            src={locationBlack}\n                            alt=\"Jameel Motors\"\n                            className=\"location-icon\"\n                          />\n                          <span className=\"location-label\">\n                            {\n                              allNews[previousData].node.press_release_acf\n                                .location\n                            }\n                          </span>\n                          <div className=\"news-location-divider\"></div>\n                          <span className=\"location-label\">\n                            {\n                              prevnewsandinsightsdate\n                            }\n                          </span>\n                          <div className=\"news-location-divider\"></div>\n                          <img\n                            src={clockBlack}\n                            alt=\"Jameel Motors\"\n                            className=\"clock-icon\"\n                          />\n                          <span className=\"location-label\">\n                            {readingTimeMinutes} {SiteTrans.minute_read_txt[wpNews.locale.id]}\n                          </span>\n                        </div>\n                      </div>\n                    </Link>\n                  );\n                } else {\n\n                }\n              }\n            })}\n            <div className=\"position-relative news-details-content\">\n              {/* <img\n            src={searchBoxBrandMatrix}\n            alt=\"Jameel Motors\"\n            className=\"brand-matrix-left position-absolute\"\n          />\n          <img\n            src={newsListBrandMatrix}\n            alt=\"Jameel Motors\"\n            className=\"brand-matrix-right position-absolute\"\n          /> */}\n              <div id=\"top\" className=\"container\">\n                <div className=\"d-flex flex-column justify-content-start align-items-start main-title-wrapper\">\n                  <h1 className=\"main-title font-xl\"\n                    dangerouslySetInnerHTML={{\n                      __html: wpNews.title,\n                    }}\n                  />\n\n                  <div className=\"location-date-clock-wrapper d-flex flex-row justify-content-start align-items-center flex-wrap\">\n                    <img\n                      src={locationBlack}\n                      alt=\"Jameel Motors\"\n                      className=\"location-icon\"\n                    />\n                    <span className=\"location-label\">\n                      {wpNews.press_release_acf.location}\n                    </span>\n                    <div className=\"news-location-divider\"></div>\n                    <span className=\"location-label\">\n                      {mainnewsandinsightsdate}\n                    </span>\n                    <div className=\"news-location-divider\"></div>\n                    <img\n                      src={clockBlack}\n                      alt=\"Jameel Motors\"\n                      className=\"clock-icon\"\n                    />\n                    <span className=\"location-label\">\n                      {readingTimeMinutes} {SiteTrans.minute_read_txt[wpNews.locale.id]}\n                    </span>\n                  </div>\n                  <img src={wpNews.featuredImage ? wpNews.featuredImage.node.sourceUrl : \"https://media.jameelmotors.com/wp-content/uploads/2023/10/placeholder-spotlight.png\"} className=\"news-banner-image\" alt=\"Jameel motors\" />\n                </div>\n              </div>\n\n              <div className=\"container news-details-content-box\">\n                <div\n                className=\"featured-caption\"\n                  dangerouslySetInnerHTML={{\n                    __html: wpNews.featuredImage.node.caption,\n                  }}\n                />\n                <div\n                  dangerouslySetInnerHTML={{\n                    __html: wpNews.content,\n                  }}\n                />\n              </div>\n              {allNews.map((data, key) => {\n              if (data.node.id === wpNews.id) {\n                const previousData = key - 1;\n                const nextData = key + 1;\n                const totalItems = allNews.length;\n\n               \n                  return (\n                    <div className=\"news-navigation-mobile-wrapper justify-content-between w-100\">\n                     {previousData >= 0 && <Link to={allNews[previousData]?.node?.link} className=\"align-items-center d-flex gap-2 w-100 justify-content-start\">\n                        <img\n                          src={previousArrowBlack}\n                          alt=\"Jameel Motors\"\n                          className=\"nav-arrows\"\n                        />\n                        <div className=\"nav-label-mobile font-exsm\">{SiteTrans.previous_txt[wpNews.locale.id]}</div>\n                        <img\n                          src={`${allNews[previousData]?.node.featuredImage ? allNews[previousData].node.featuredImage.node.sourceUrl : \"https://media.jameelmotors.com/wp-content/uploads/2023/10/placeholder-article.png\"}`}\n                          alt=\"Jameel Motors\"\n                          className=\"news-navigation-card-poster-mobile\"\n                        />\n                      </Link>}\n                      {nextData <= totalItems - 1 && <Link to={allNews[nextData]?.node?.link} className=\"align-items-center d-flex gap-2 w-100 justify-content-end\">\n                        <img\n                          src={`${allNews[nextData]?.node.featuredImage ? allNews[nextData].node.featuredImage.node.sourceUrl : \"https://media.jameelmotors.com/wp-content/uploads/2023/10/placeholder-article.png\"}`}\n                          alt=\"Jameel Motors\"\n                          className=\"news-navigation-card-poster-mobile\"\n                        />\n                        <div className=\"nav-label-mobile font-exsm\">{SiteTrans.next_txt[wpNews.locale.id]}</div>\n                        <img\n                          src={nextArrowBlack}\n                          alt=\"Jameel Motors\"\n                          className=\"nav-arrows\"\n                        />\n                      </Link>}\n                    </div>\n                  );\n      \n              }\n            })}\n              {/* <div className=\"news-navigation-mobile-wrapper justify-content-between w-100\">\n                <div className=\"align-items-center d-flex gap-2 w-100 justify-content-start\">\n                  <img\n                    src={previousArrowBlack}\n                    alt=\"Jameel Motors\"\n                    className=\"nav-arrows\"\n                  />\n                  <div className=\"nav-label-mobile font-exsm\">PREVIOUS</div>\n                  <img\n                    src={newsListSpotlightBanner}\n                    alt=\"Jameel Motors\"\n                    className=\"news-navigation-card-poster-mobile\"\n                  />\n                </div>\n                <div className=\"align-items-center d-flex gap-2 w-100 justify-content-end\">\n                  <img\n                    src={newsListSpotlightBanner}\n                    alt=\"Jameel Motors\"\n                    className=\"news-navigation-card-poster-mobile\"\n                  />\n                  <div className=\"nav-label-mobile font-exsm\">NEXT</div>\n                  <img\n                    src={nextArrowBlack}\n                    alt=\"Jameel Motors\"\n                    className=\"nav-arrows\"\n                  />\n                </div>\n              </div> */}\n              {/* <div dangerouslySetInnerHTML={{ __html: currentPage.content }} /> */}\n            </div>\n\n            {allNews.map((data, key) => {\n\n              if (data.node.id === wpNews.id) {\n                const previousData = key + 1;\n\n                const totalItems = allNews.length;\n\n                if (previousData <= totalItems - 1) {\n\n                  let content = allNews[previousData].node.content;\n                  const wordsPerMinute = 200;\n                  const wordCount = content.split(/\\s+/).length;\n                  const readingTimeMinutes = Math.ceil(\n                    wordCount / wordsPerMinute\n                  );\n                  const nextDateObject = getFormatDate(allNews[previousData].node.press_release_acf.publishedDate);\n                  const nextDisplayDate = format(nextDateObject, 'MMMM d, yyyy');\n\n                  var date = nextDisplayDate;\n                  var arr1 = date.split(' ');\n                  var arr2 = arr1[1].split(',');\n                  var arr3 = arr1[2];\n                  var month = arr1[0];\n\n                  console.log(arr2,\"arr2\");\n                  console.log(arr3,\"arr3\");\n                  console.log(arr1[0],\"arr1\");\n                  \n                  // var nextnewsandinsightsdate = translateDate(month,wpNews.locale.id)+' '+arr2[0]+ SiteTrans.comma_article_txt[wpNews.locale.id] +arr3;\n                  if(wpNews.locale.id==\"ar\"){\n                    var nextnewsandinsightsdate = arr2[0]+' '+translateDate(month,wpNews.locale.id)+SiteTrans.comma_article_txt[wpNews.locale.id]+arr3;\n                  }else{\n                    var nextnewsandinsightsdate = translateDate(month,wpNews.locale.id)+' '+arr2[0]+ SiteTrans.comma_article_txt[wpNews.locale.id]+arr3;\n                  }\n                  return (\n                    <Link to={allNews[previousData].node.link} className=\"stickyCustomNav stickyCustomNavNext\">\n                      <div className=\"news-next-navigation-cards-wrapper news-navigation-wrapper\">\n                        <div className=\"position-relative d-flex flex-row align-items-center news-next-navigation-container\">\n                          {/* <img\n                        src={\n                          allNews[previousData].node.featuredImage ? allNews[previousData].node.featuredImage.node.sourceUrl : \"https://media.jameelmotors.com/wp-content/uploads/2023/10/placeholder-article.png\"\n                        }\n                        alt=\"Jameel Motors\"\n                        className=\"news-navigation-card-poster\"\n                      /> */}\n                          <GatsbyImage className=\"news-navigation-card-poster\"\n                            image={getImage(allNews[previousData].node.featuredImage ? allNews[previousData].node.featuredImage.node : \"https://media.jameelmotors.com/wp-content/uploads/2023/10/placeholder-article.png\")}\n                            alt={\"Jameel Motors\"} />\n                          <div className=\"news-nav-gradient position-absolute\"></div>\n                          <div className=\"arrow-nav-label-wrapper position-absolute d-flex flex-column justify-content-center align-items-center gap-2\">\n                            <img\n                              src={newsNavRightArrow}\n                              alt=\"Jameel Motors\"\n                              className=\"nav-arrows\"\n                            />\n                            <div className=\"nav-label\">\n                            {SiteTrans.read_txt[wpNews.locale.id]}\n                              <br />\n                              {SiteTrans.next_txt[wpNews.locale.id]}\n                            </div>\n                          </div>\n                        </div>\n                        <div className=\"news-navigation-card-title font-md\">\n                          {\n                            allNews[previousData].node.press_release_acf\n                              .shortTitle\n                          }\n                        </div>\n\n                        <div className=\"nav-location-date-clock-wrapper flex-row justify-content-start align-items-center\">\n                          <img\n                            src={locationBlack}\n                            alt=\"Jameel Motors\"\n                            className=\"location-icon\"\n                          />\n                          <span className=\"location-label\">\n                            {\n                              allNews[previousData].node.press_release_acf\n                                .location\n                            }\n                          </span>\n                          <div className=\"news-location-divider\"></div>\n                          <span className=\"location-label\">\n                            {\n                              nextnewsandinsightsdate\n                            }\n                          </span>\n                          <div className=\"news-location-divider\"></div>\n                          <img\n                            src={clockBlack}\n                            alt=\"Jameel Motors\"\n                            className=\"clock-icon\"\n                          />\n                          <span className=\"location-label\">\n                            {readingTimeMinutes} {SiteTrans.minute_read_txt[wpNews.locale.id]}\n                          </span>\n                        </div>\n                      </div>\n                    </Link>\n                  );\n                } else {\n\n                }\n              }\n            })}\n          </div>\n        </section>\n        {wpNews.press_release_acf.footnotes ?\n          <div className={`foot-note-wrapper ${isFootnotesOpen ? 'footnotes-open' : 'footnotes-closed'}`}>\n            <div className=\"container ps-4 pe-4\">\n              <div className=\"foot-note-title\" onClick={() => toggleFootnotes(isFootnotesOpen)}>{SiteTrans.footnote_lable[wpNews.locale.id]}</div>\n              <div ref={footNotesDescriptionRef} className=\"foot-note-description font-exsm\">\n                {/* {wpNews.press_release_acf.footnotes} */}\n                <div dangerouslySetInnerHTML={{ __html: wpNews.press_release_acf.footnotes }} />\n              </div>\n            </div>\n          </div>\n          : null}\n\n        {limitedRelatedNews.length ?\n          <section className=\"related-articles-wrapper\">\n            <div className=\"container\">\n              <div className=\"d-flex flex-row justify-content-between align-items-center gap-2 mb-4 flex-wrap\">\n                <h4 className=\"related-articles-title font-xl\">{SiteTrans.related_articles_txt[wpNews.locale.id]}</h4>\n                <Link to={viewAllLinkNews}>\n                  <ActionsButtons\n                    isDark={true}\n                    label={SiteTrans.view_all_news_txt[wpNews.locale.id]}\n                    isLarge={false}\n                    isWatchNow={false}\n                    fontColor=\"#000\"\n                    bgColor=\"transparent\"\n                    borderColor=\"#000\"\n                    actionButtonIcon={rightArrow}\n                  />\n                </Link>\n              </div>\n              <div className=\"row row-cols-xl-2\">\n                {limitedRelatedNews.map((item, i) => (\n                  <div className=\"related-article-card-wrapper d-flex gap-3 mb-3\">\n                    <Link to={item.node.link}>\n                      {/* <img\n                      src={item.node.featuredImage ? item.node.featuredImage.node.sourceUrl : \"https://media.jameelmotors.com/wp-content/uploads/2023/10/placeholder-article.png\"}\n                      alt=\"Jameel motors\"\n                      className=\"related-article-poster\"\n                    /> */}\n                      <GatsbyImage className=\"related-article-poster\"\n                        image={getImage(item.node.featuredImage ? item.node.featuredImage.node : \"https://media.jameelmotors.com/wp-content/uploads/2023/10/placeholder-article.png\")}\n                        alt={\"Jameel Motors\"} />\n                    </Link>\n                    <div className=\"align-items-start d-flex flex-column justify-content-start\">\n                      {item.node.newscategories.nodes[0] ?\n                        <div className=\"related-article-type-card font-exsm\">{item.node.newscategories.nodes[0].name ? item.node.newscategories.nodes[0].name : null}</div>\n                        : null}\n                      <Link to={item.node.link}>\n                        <div className=\"relaed-article-descrtiption\">\n                          {item.node.title}\n                        </div>\n                      </Link>\n                    </div>\n                  </div>\n                ))}\n\n                {/* <div className=\"related-article-card-wrapper d-flex gap-3 mb-3\">\n              <img\n                src={newsListSpotlightBanner}\n                alt=\"Jameel motors\"\n                className=\"related-article-poster\"\n              />\n              <div className=\"align-items-start d-flex flex-column justify-content-start\">\n                <div className=\"related-article-type-card font-exsm\">SERIES</div>\n                <div className=\"relaed-article-descrtiption\">\n                  Abdul Latif Jameel Motors And Saudi Automobile And Motorcycle\n                  Federation Launch Gazoo Racing School\n                </div>\n              </div>\n            </div> */}\n              </div>\n            </div>\n          </section>\n          : null}\n      </div>\n    </Layout>\n  );\n};\n\nexport default Page;\nexport const painPage = graphql`\nquery painPage($id: String!, $lang: ID!) {\n  wpNews(id: {eq: $id}) {\n    content\n    link\n    id\n    title\n    slug\n    localizedWpmlUrl\n    publishStatus {\n      status\n    }\n    featuredImage {\n      node {\n        sourceUrl\n        gatsbyImage(width: 1320, placeholder: BLURRED)\n        altText\n        description\n        caption\n        mediaDetails {\n              sizes {\n                width\n                height\n                sourceUrl\n                name\n              }\n        }\n      }\n    }\n    locale {\n      id\n      locale\n    }\n    seo {\n      opengraphTitle\n      opengraphDescription\n    }\n    press_release_acf {\n      footnotes\n      publishedDate\n      location\n      featured\n      shortTitle\n      summary\n    }\n    newscategories {\n      nodes {\n        id\n        name\n      }\n    }\n    translated {\n      id\n      uri\n      localizedWpmlUrl\n      locale {\n        id\n        locale\n      }\n      publishStatus {\n        status\n      }\n      slug\n      title\n      link\n    }\n  }\n  allWpNews(filter: {locale: {id: {eq: $lang}}}, sort: {date: DESC}) {\n    edges {\n      node {\n        id\n        title\n        link\n        content\n        publishStatus {\n          status\n        }\n        featuredImage {\n          node {\n            sourceUrl\n            gatsbyImage(width: 1320, placeholder: BLURRED)\n            altText\n            description\n            caption\n          }\n        }\n        newscategories {\n          nodes {\n            id\n            name\n          }\n        }\n        press_release_acf {\n          publishedDate\n          location\n          featured\n          shortTitle\n          summary\n        }\n      }\n    }\n  }\n}\n`;\n"],"names":["NewsArticleSchema","_ref","headline","mainEntityId","imageUrl","datePublished","dateModified","schemaDescription","langUrl","schemaData","node","mediaDetails","sizes","map","image","sourceUrl","console","log","React","Helmet","type","JSON","stringify","defaultProps","props","wpNews","allNews","process","GATSBY_PREVIEW_MODE","data","allWpNews","edges","filter","news","publishStatus","status","limitedRelatedNews","id","slice","wordCount","content","split","length","readingTimeMinutes","Math","ceil","fragment","setFragment","useState","isFootnotesOpen","setIsFootnotesOpen","footNotesDescriptionRef","useRef","useEffect","setTimeout","window","scrollTo","top","left","behavior","location","hash","substr","translateDate","enmonth","lang","transDate","scrollToElement","offset","document","querySelector","offsetHeight","element","getElementById","offsetPosition","offsetTop","toggleFootnotes","getFormatDate","date","rawpubDate","formattedpubDate","Date","mainDateObject","press_release_acf","publishedDate","mainDisplayDate","format","schemaDate","arr1","arr2","arr3","month","locale","mainnewsandinsightsdate","SiteTrans","event","current","style","maxHeight","scrollHeight","viewAllLinkNews","publishedTranslatedLinks","translated","translation","localizedWpmlUrl","link","translatedLink","segments","modifiedLink","translatedmodifiedLink","translatedsegments","segment","join","contactpagelink","Layout","isAboveRefPoint","translations","title","seo","opengraphTitle","description","opengraphDescription","featuredImage","translateURL","langURL","currentPage","pageUrl","pageId","BreadcrumbSchema","PageTitle","defaultPageName","className","src","backArrowIcon","alt","Link","to","SocialShare","ShareMail","ShareCopy","key","previousData","wordsPerMinute","prevDateObject","prevnewsandinsightsdate","GatsbyImage","getImage","newsNavLeftArrow","shortTitle","locationBlack","clockBlack","dangerouslySetInnerHTML","__html","caption","_allNews$previousData","_allNews$previousData2","_allNews$previousData3","_allNews$nextData","_allNews$nextData$nod","_allNews$nextData2","nextData","totalItems","previousArrowBlack","nextArrowBlack","nextDateObject","nextnewsandinsightsdate","newsNavRightArrow","footnotes","onClick","ref","ActionsButtons","isDark","label","isLarge","isWatchNow","fontColor","bgColor","borderColor","actionButtonIcon","rightArrow","item","i","newscategories","nodes","name"],"sourceRoot":""}