{"version":3,"sources":["webpack:///./src/pages/index.js","webpack:///./src/svg-icons/calendar.js","webpack:///./src/components/SimpleFunctions.js"],"names":["FirstPost","post","frontmatter","title","category","cat","date","img","featuredimage","base","childImageSharp","original","width","height","slug","fields","FindCategory","categoryName","categoryLink","className","to","media","srcSet","src","alt","loading","OtherPosts","posts","map","index","name","key","Sections","data","catTitles","length","catLength","space","i","push","FillSpace","IndexTemplate","singlePost","FP","nodes","otherPosts","OP","sections","BG","LG","N","useSiteMetaData","siteURL","description","allCategories","secondaryCategories","websiteSchema","newsMediaSchema","schema","item","image","style","background","href","number","freeSlots","items","addExtra","icon","xmlns","viewBox","fill","d","ID","FindItems","categories","find","id","useStaticQuery","authors"],"mappings":"2FAAA,wGAsHMA,EAAY,SAAC,GAAc,IAAZC,EAAW,EAAXA,KAAW,EACSA,EAAKC,YAApCC,EADsB,EACtBA,MAAYC,EADU,EACfC,IAAeC,EADA,EACAA,KAChBC,EAAQN,EAAKC,YAAYM,cAA/BC,KAFsB,EAGJR,EAAKC,YAAYM,cAAcE,gBAAgBC,SAAjEC,EAHsB,EAGtBA,MAAOC,EAHe,EAGfA,OACTC,EAAOb,EAAKc,OAAOD,KAJK,EAKSE,YAAaZ,GAA5Ca,EALsB,EAKtBA,aAAcC,EALQ,EAKRA,aAEtB,OACE,yBAAKC,UAAU,cACb,yBAAKA,UAAU,wBACb,kBAAC,IAAD,CAAMC,GAAON,EAAL,KACN,iCACE,4BAAQO,MAAM,oBAAoBC,OAAM,QAAUf,EAAV,yBACxC,4BAAQc,MAAM,oBAAoBC,OAAM,QAAUf,EAAV,yBACxC,yBAAKgB,IAAG,QAAUhB,EAAOiB,IAAKrB,EAAOsB,QAAQ,OAAOb,MAAOA,EAAOC,OAAQA,OAIhF,yBAAKM,UAAU,mBACb,yBAAKA,UAAU,iBACb,kBAAC,IAAD,CAAMC,GAAOF,EAAL,KAAuBD,IAEjC,yBAAKE,UAAU,mBACb,kBAAC,IAAD,CAAMC,GAAON,EAAL,KAAeX,IAEzB,yBAAKgB,UAAU,kBACb,kBAAC,IAAD,MACCb,MAOLoB,EAAa,SAAC,GAAD,IAAGC,EAAH,EAAGA,MAAH,OACjB,yBAAKR,UAAU,eACZQ,EAAMC,KAAI,SAAC3B,EAAM4B,GAAW,IAAD,EACO5B,EAAKC,YAA9BC,EADkB,EAClBA,MAAYC,EADM,EACXC,IADW,EAEWJ,EAAKC,YAAYM,cAAzBD,GAFH,EAElBuB,KAFkB,EAEHrB,MAFG,EAGAR,EAAKC,YAAYM,cAAcE,gBAAgBC,SAAjEC,EAHkB,EAGlBA,MAAOC,EAHW,EAGXA,OACTC,EAAOb,EAAKc,OAAOD,KAJC,EAKaE,YAAaZ,GAA5Ca,EALkB,EAKlBA,aAAcC,EALI,EAKJA,aAEtB,OACE,yBAAKC,UAAU,aAAaY,IAAKF,GAC/B,yBAAKV,UAAU,wBACb,kBAAC,IAAD,CAAMC,GAAON,EAAL,KACN,iCACE,4BAAQQ,OAAM,QAAUf,EAAV,yBACd,yBAAKgB,IAAG,QAAUhB,EAAOiB,IAAKrB,EAAOsB,QAAQ,OAAOb,MAAOA,EAAOC,OAAQA,OAIhF,yBAAKM,UAAU,mBACb,yBAAKA,UAAU,iBACb,kBAAC,IAAD,CAAMC,GAAOF,EAAL,KAAuBD,IAEjC,yBAAKE,UAAU,mBACb,kBAAC,IAAD,CAAMC,GAAON,EAAL,KAAeX,IAEzB,yBAAKgB,UAAU,kBAAkBlB,EAAKC,YAAYI,aAQxD0B,EAAW,SAAC,GAAc,IAAZC,EAAW,EAAXA,KACZC,EAAY,CAAC,gBAAiB,kBAAmB,QAEvD,OACE,yBAAKf,UAAU,gBACZc,EAAKL,KAAI,SAACvB,EAAKwB,GAAN,OACR,yBAAKV,UAAU,cAAcY,IAAKF,GAChC,yBAAKV,UAAU,sBACb,4BAAKe,EAAUL,KAEjB,yBAAKV,UAAU,iBACZd,EAAI8B,QACH9B,EAAIuB,KAAI,SAAC3B,EAAM4B,GAAW,IAChB1B,EAAUF,EAAKC,YAAfC,MACMI,EAAQN,EAAKC,YAAYM,cAA/BC,KAFe,EAGGR,EAAKC,YAAYM,cAAcE,gBAAgBC,SAAjEC,EAHe,EAGfA,MAAOC,EAHQ,EAGRA,OACTC,EAAOb,EAAKc,OAAOD,KAEzB,OACE,yBAAKK,UAAU,eAAeY,IAAKF,GACjC,yBAAKV,UAAU,mBACb,kBAAC,IAAD,CAAMC,GAAON,EAAL,KACN,iCACE,4BAAQQ,OAAM,QAAUf,EAAV,+BACd,yBAAKgB,IAAG,QAAUhB,EAAOiB,IAAKrB,EAAOsB,QAAQ,OAAOb,MAAOA,EAAOC,OAAQA,OAIhF,yBAAKM,UAAU,mBACb,kBAAC,IAAD,CAAMC,GAAON,EAAL,KAAeX,QAzG3B,SAACiC,GAEjB,IADA,IAAMC,EAAQ,GACLC,EAAI,EAAGA,EAAIF,EAAWE,IAC7BD,EAAME,KAAK,yBAAKpB,UAAU,eAAeY,IAAKO,KAEhD,OAAOD,EAyGIG,CAAUnC,EAAI8B,eAyIZM,UA5VO,SAAC,GAAc,IAAZR,EAAW,EAAXA,KACjBS,EAAaT,EAAKU,GAAGC,MAAM,GAC3BC,EAAaZ,EAAKa,GAAGF,MACrBG,EAAW,CAACd,EAAKe,GAAGJ,MAAOX,EAAKgB,GAAGL,MAAOX,EAAKiB,EAAEN,OAHrB,EAIMO,cAAhCC,EAJ0B,EAI1BA,QAASjD,EAJiB,EAIjBA,MAAOkD,EAJU,EAIVA,YAClBC,EAAgBrB,EAAKsB,oBAAoBX,MAEzCY,EAAa,qFAGNJ,EAHM,kCAIDjD,EAJC,qBAKLA,EALK,4BAMEkD,EANF,oBAOND,EAPM,qFAUDA,EAVC,uGAebK,EAAe,yGAGNL,EAHM,qCAILjD,EAJK,sBAKNiD,EALM,0RAaJA,EAbI,+PAqBJA,EArBI,kCAoCrB,OACE,kBAAC,IAAD,KACE,6BAASjC,UAAU,iBACjB,kBAAC,IAAD,CAAUhB,MAAOA,EAAOkD,YAAaA,EAAaK,OAAM,IAAMF,EAAN,KAAwBC,EAAxB,MACxD,yBAAKtC,UAAU,qBACb,yBAAKA,UAAU,qBACb,kBAACnB,EAAD,CAAWC,KAAMyC,IACjB,kBAAChB,EAAD,CAAYC,MAAOkB,KAErB,yBAAK1B,UAAU,wBACb,kBAACa,EAAD,CAAUC,KAAMc,IAChB,yBAAK5B,UAAU,oBACb,yBAAKA,UAAU,sBACb,2CAEF,yBAAKA,UAAU,0BACZmC,EAAc1B,KAAI,SAAC+B,EAAM9B,GAAW,IACrBtB,GAAQoD,EAAKzD,YAAY0D,OAAS,IAAxCnD,KAER,OACE,uBAAGU,UAAU,iBAAiB0C,MAAO,CAAEC,WAAW,aAAcvD,EAAf,0BAA8CwD,KAASJ,EAAK5C,OAAOD,KAAjB,IAA0BiB,IAAKF,GAChI,2BAAI8B,EAAKzD,YAAYC,WAhCxB,SAAC6D,GAIhB,IAHA,IAAMC,EAAY,EAAKD,EAAS,EAC5B1B,EAAI,EACF4B,EAAQ,GACP5B,EAAI2B,GACT3B,IACA4B,EAAM3B,KAAK,yBAAKR,IAAKO,EAAGnB,UAAU,oBAEpC,OAAO+C,EA4BMC,CAASb,EAAcnB,gB,kCC5FxC,yBAYeiC,IAVF,WACX,OACE,yBAAKC,MAAM,6BAA6BC,QAAQ,eAC9C,0BACEC,KAAK,eACLC,EAAE,+1B,oCCPV,kDAEaxD,EAAe,SAACyD,GAAQ,IAAD,IAG5BrE,EAFiBsE,IAAfC,WAEoB/B,MAAMgC,MAAK,SAACxE,GAAD,OAAcA,EAASF,YAAY2E,KAAOJ,KAIjF,MAAO,CAAExD,aAHYb,SAAH,UAAGA,EAAUF,mBAAb,aAAG,EAAuBC,MAGrBe,aAFFd,SAAH,UAAGA,EAAUW,cAAb,aAAG,EAAkBD,OAuBnC4D,EAAY,WAAO,IAAD,EACUI,YAAe,cA2B/C,MAAO,CAAEC,QA5Ba,EACdA,QA2BUJ,WA5BI,EACLA","file":"component---src-pages-index-js.js","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Link, graphql } from \"gatsby\";\nimport Layout from \"../components/Layout\";\nimport HeadData from \"../components/HeadData.js\";\nimport Calendar from \"../svg-icons/calendar.js\";\nimport useSiteMetaData from \"../components/SiteMetadata.js\";\nimport { FindCategory } from \"../components/SimpleFunctions.js\";\n\nconst IndexTemplate = ({ data }) => {\n  const singlePost = data.FP.nodes[0];\n  const otherPosts = data.OP.nodes;\n  const sections = [data.BG.nodes, data.LG.nodes, data.N.nodes];\n  const { siteURL, title, description } = useSiteMetaData();\n  const allCategories = data.secondaryCategories.nodes;\n\n  const websiteSchema = `{\n      \"@context\":\"https://schema.org\",\n      \"@type\":\"WebSite\",\n      \"@id\":\"${siteURL}/#website\",\n      \"headline\":\"${title}\",\n      \"name\":\"${title}\",\n      \"description\":\"${description}\",\n      \"url\":\"${siteURL}\",\n      \"potentialAction\":{\n        \"@type\":\"SearchAction\",\n        \"target\":\"${siteURL}/?s={search_term_string}\",\n        \"query-input\":\"required name=search_term_string\"\n      }\n    }`;\n\n  const newsMediaSchema = `{\n        \"@context\":\"https://schema.org\",\n        \"@type\":\"NewsMediaOrganization\",\n        \"@id\":\"${siteURL}/#Organization\",\n        \"name\":\"${title}\",\n        \"url\":\"${siteURL}\",\n        \"sameAs\":[\n          \"https://www.facebook.com/protechreviewerofficial/\",\n          \"https://www.instagram.com/aleemiqbalseo/\",\n          \"https://www.youtube.com/c/ProTechReviewer\"\n        ],\n        \"logo\":{\n          \"@type\":\"ImageObject\",\n          \"url\":\"${siteURL}/img/logo-x-large.jpg\",\n          \"width\":\"800\",\n          \"height\":\"258\"\n        },\n        \"contactPoint\":{\n          \"@type\":\"ContactPoint\",\n          \"contactType\":\"customer support\",\n          \"telephone\":\"+923454030092\",\n          \"url\":\"${siteURL}/contact-us/\"\n        }\n    }`;\n\n  const addExtra = (number) => {\n    const freeSlots = 3 - (number % 3);\n    let i = 0;\n    const items = [];\n    while (i < freeSlots) {\n      i++;\n      items.push(<div key={i} className=\"index-category\"></div>);\n    }\n    return items;\n  };\n\n  return (\n    <Layout>\n      <section className=\"section index\">\n        <HeadData title={title} description={description} schema={`[${websiteSchema}, ${newsMediaSchema}]`} />\n        <div className=\"container content\">\n          <div className=\"index-top-section\">\n            <FirstPost post={singlePost} />\n            <OtherPosts posts={otherPosts} />\n          </div>\n          <div className=\"index-bottom-section\">\n            <Sections data={sections} />\n            <div className=\"index-categories\">\n              <div className=\"index-latest-title\">\n                <h2>Categories</h2>\n              </div>\n              <div className=\"index-inner-categories\">\n                {allCategories.map((item, index) => {\n                  const { base: img } = item.frontmatter.image || {};\n\n                  return (\n                    <a className=\"index-category\" style={{ background: `url(\"/img/${img}?nf_resize=fit&w=348\")` }} href={`${item.fields.slug}/`} key={index}>\n                      <p>{item.frontmatter.title}</p>\n                    </a>\n                  );\n                })}\n                {addExtra(allCategories.length)}\n              </div>\n            </div>\n          </div>\n        </div>\n      </section>\n    </Layout>\n  );\n};\n\nIndexTemplate.propTypes = {\n  data: PropTypes.shape({\n    allMarkdownRemark: PropTypes.shape({\n      edges: PropTypes.array,\n    }),\n  }),\n};\n\nconst FillSpace = (catLength) => {\n  const space = [];\n  for (var i = 6; i > catLength; i--) {\n    space.push(<div className=\"index-column\" key={i}></div>);\n  }\n  return space;\n};\n\nconst FirstPost = ({ post }) => {\n  const { title, cat: category, date } = post.frontmatter;\n  const { base: img } = post.frontmatter.featuredimage;\n  const { width, height } = post.frontmatter.featuredimage.childImageSharp.original;\n  const slug = post.fields.slug;\n  const { categoryName, categoryLink } = FindCategory(category);\n\n  return (\n    <div className=\"first-post\">\n      <div className=\"first-post-thumbnail\">\n        <Link to={`${slug}/`}>\n          <picture>\n            <source media=\"(min-width:768px)\" srcSet={`/img/${img}?nf_resize=fit&w=675`} />\n            <source media=\"(min-width:100px)\" srcSet={`/img/${img}?nf_resize=fit&w=450`} />\n            <img src={`/img/${img}`} alt={title} loading=\"lazy\" width={width} height={height} />\n          </picture>\n        </Link>\n      </div>\n      <div className=\"first-post-info\">\n        <div className=\"post-info-cat\">\n          <Link to={`${categoryLink}/`}>{categoryName}</Link>\n        </div>\n        <div className=\"post-info-title\">\n          <Link to={`${slug}/`}>{title}</Link>\n        </div>\n        <div className=\"post-info-date\">\n          <Calendar />\n          {date}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst OtherPosts = ({ posts }) => (\n  <div className=\"other-posts\">\n    {posts.map((post, index) => {\n      const { title, cat: category } = post.frontmatter;\n      const { name: imgName, base: img } = post.frontmatter.featuredimage;\n      const { width, height } = post.frontmatter.featuredimage.childImageSharp.original;\n      const slug = post.fields.slug;\n      const { categoryName, categoryLink } = FindCategory(category);\n\n      return (\n        <div className=\"other-post\" key={index}>\n          <div className=\"other-post-thumbnail\">\n            <Link to={`${slug}/`}>\n              <picture>\n                <source srcSet={`/img/${img}?nf_resize=fit&w=195`} />\n                <img src={`/img/${img}`} alt={title} loading=\"lazy\" width={width} height={height} />\n              </picture>\n            </Link>\n          </div>\n          <div className=\"other-post-info\">\n            <div className=\"post-info-cat\">\n              <Link to={`${categoryLink}/`}>{categoryName}</Link>\n            </div>\n            <div className=\"post-info-title\">\n              <Link to={`${slug}/`}>{title}</Link>\n            </div>\n            <div className=\"post-info-date\">{post.frontmatter.date}</div>\n          </div>\n        </div>\n      );\n    })}\n  </div>\n);\n\nconst Sections = ({ data }) => {\n  const catTitles = [\"Buying Guides\", \"Learning Guides\", \"News\"];\n\n  return (\n    <div className=\"cat-sections\">\n      {data.map((cat, index) => (\n        <div className=\"cat-section\" key={index}>\n          <div className=\"index-latest-title\">\n            <h2>{catTitles[index]}</h2>\n          </div>\n          <div className=\"index-columns\">\n            {cat.length &&\n              cat.map((post, index) => {\n                const { title } = post.frontmatter;\n                const { base: img } = post.frontmatter.featuredimage;\n                const { width, height } = post.frontmatter.featuredimage.childImageSharp.original;\n                const slug = post.fields.slug;\n\n                return (\n                  <div className=\"index-column\" key={index}>\n                    <div className=\"index-col-image\">\n                      <Link to={`${slug}/`}>\n                        <picture>\n                          <source srcSet={`/img/${img}?nf_resize=fit&w=385&h=180`} />\n                          <img src={`/img/${img}`} alt={title} loading=\"lazy\" width={width} height={height} />\n                        </picture>\n                      </Link>\n                    </div>\n                    <div className=\"index-box-title\">\n                      <Link to={`${slug}/`}>{title}</Link>\n                    </div>\n                  </div>\n                );\n              })}\n            {FillSpace(cat.length)}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport const IndexQuery = graphql`\n  query IndexQuery {\n    FP: allMdx(sort: { order: DESC, fields: [frontmatter___date] }, limit: 1) {\n      nodes {\n        fields {\n          slug\n        }\n        frontmatter {\n          title\n          date(fromNow: true)\n          cat\n          featuredimage {\n            name\n            base\n            childImageSharp {\n              original {\n                height\n                width\n              }\n            }\n          }\n        }\n      }\n    }\n    OP: allMdx(sort: { order: DESC, fields: [frontmatter___date] }, limit: 3, skip: 1) {\n      nodes {\n        fields {\n          slug\n        }\n        frontmatter {\n          title\n          date(fromNow: true)\n          cat\n          featuredimage {\n            name\n            base\n            childImageSharp {\n              original {\n                height\n                width\n              }\n            }\n          }\n        }\n      }\n    }\n    BG: allMdx(sort: { order: DESC, fields: [frontmatter___date] }, filter: { frontmatter: { cat: { eq: \"fccb0585-2962-41f2-a68f-42a36413a93a\" } } }, limit: 6) {\n      nodes {\n        fields {\n          slug\n        }\n        frontmatter {\n          title\n          featuredimage {\n            name\n            base\n            childImageSharp {\n              original {\n                height\n                width\n              }\n            }\n          }\n        }\n      }\n    }\n    LG: allMdx(sort: { order: DESC, fields: [frontmatter___date] }, filter: { frontmatter: { cat: { eq: \"d0745daa-8e09-4a71-8da8-2ed0bf8d5c66\" } } }, limit: 6) {\n      nodes {\n        fields {\n          slug\n        }\n        frontmatter {\n          title\n          featuredimage {\n            name\n            base\n            childImageSharp {\n              original {\n                height\n                width\n              }\n            }\n          }\n        }\n      }\n    }\n    N: allMdx(sort: { order: DESC, fields: [frontmatter___date] }, filter: { frontmatter: { cat: { eq: \"a0b82457-2e73-4d49-abe3-8303f04631c5\" } } }, limit: 6) {\n      nodes {\n        fields {\n          slug\n        }\n        frontmatter {\n          title\n          featuredimage {\n            name\n            base\n            childImageSharp {\n              original {\n                height\n                width\n              }\n            }\n          }\n        }\n      }\n    }\n    secondaryCategories: allMarkdownRemark(filter: { frontmatter: { type: { eq: \"child\" }, templateKey: { eq: \"category-page\" } } }) {\n      nodes {\n        frontmatter {\n          title\n          image {\n            name\n            base\n            childImageSharp {\n              original {\n                height\n                width\n              }\n            }\n          }\n        }\n        fields {\n          slug\n        }\n      }\n    }\n  }\n`;\n\nexport default IndexTemplate;\n","import React from \"react\";\n\nconst icon = () => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\">\n      <path\n        fill=\"currentColor\"\n        d=\"M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z\"\n      ></path>\n    </svg>\n  );\n};\nexport default icon;\n","import { useStaticQuery, graphql } from \"gatsby\";\n\nexport const FindCategory = (ID) => {\n  const { categories } = FindItems();\n\n  const category = categories.nodes.find((category) => category.frontmatter.id === ID);\n  const categoryName = category?.frontmatter?.title;\n  const categoryLink = category?.fields?.slug;\n\n  return { categoryName, categoryLink };\n};\n\nexport const FindAuthor = (ID) => {\n  const { authors } = FindItems();\n\n  const author = authors.nodes.find((author) => author.frontmatter.id === ID);\n  const authorName = author?.frontmatter?.title;\n  const authorLink = author?.fields?.slug;\n\n  return { authorName, authorLink };\n};\n\nexport const CreateID = (name) =>\n  name\n    .replace(/[^\\w ]/, \"\")\n    .split(\" \")\n    .join(\"_\");\n\nexport const LinkFix = (item) => (item.link?.includes(\"/\") ? item.link : `/${item.link}/`);\n\nconst FindItems = () => {\n  const { authors, categories } = useStaticQuery(graphql`\n    query Authors {\n      authors: allMarkdownRemark(filter: { frontmatter: { templateKey: { eq: \"author-page\" } } }) {\n        nodes {\n          fields {\n            slug\n          }\n          frontmatter {\n            id\n            title\n          }\n        }\n      }\n      categories: allMarkdownRemark(filter: { frontmatter: { templateKey: { eq: \"category-page\" } } }) {\n        nodes {\n          fields {\n            slug\n          }\n          frontmatter {\n            id\n            title\n          }\n        }\n      }\n    }\n  `);\n\n  return { authors, categories };\n};\n"],"sourceRoot":""}