quran/.next/static/chunks/1047.4dda712210ef030c.js.map

{"version":3,"file":"static/chunks/1047.4dda712210ef030c.js","mappings":"iOAkFA,UAjEgB,Y,IAAGA,EAAY,EAAZA,aACGC,GAAAA,EAAAA,EAAAA,KAAZC,EAAYD,EAAZC,EAAGC,EAASF,EAATE,KAC2BC,GAAAA,EAAAA,EAAAA,UAAS,IAAxCC,EAA+BD,EAAY,GAA9BE,EAAkBF,EAAY,GAC5CG,GAAeC,EAAAA,EAAAA,YAAWC,EAAAA,IAEhCC,EAAAA,EAAAA,YAAU,YACRC,EAAAA,EAAAA,MACGC,MAAK,SAACC,G,OAASC,OAAOC,QAAQF,MAC9BD,KAAKN,KACP,CAACN,IAEJ,IAAMgB,GAAeC,EAAAA,EAAAA,UACnB,W,OACEjB,EAAeK,EAAYa,QAAQC,MAAK,c,IAAEC,G,YAAC,GAAIC,GAAJ,YAAK,G,OAAMC,OAAOD,GAAKC,OAAOF,MAAMf,IACjF,CAACL,EAAcK,IAGjB,OAA2B,IAAvBA,EAAYkB,QACP,SAACC,MAAG,CAACC,UAAWC,IAAAA,oBAIvB,qB,SACGV,EAAaW,KAAI,SAACC,GACjB,IAAyCA,GAAQ,OAARA,EAAQ,GAA1CC,EAAkCD,EAAQ,GAAnCE,EAA2BF,EAAQ,GAC3CG,EAAajB,OAAOkB,KAAKF,GAC/B,OACE,UAACN,MAAG,CAAaC,UAAWC,IAAAA,a,WAC1B,SAACO,EAAAA,EAAI,CAACC,KAAM,QAAc,OAANL,GAASM,QAASC,EAAAA,EAAAA,QAAqBC,gBAAgB,E,UACzE,UAACb,MAAG,CAACC,UAAWC,IAAAA,S,WACd,UAACY,OAAI,C,UACFpC,EAAE,cAAc,KAAEqC,EAAAA,EAAAA,IAAkBV,EAAO1B,OAE9C,SAACmC,OAAI,CAACb,UAAWC,IAAAA,Q,SAAiBxB,EAAE,wBAGvC6B,EAAWJ,KAAI,SAACa,GACf,IAAMC,GAAUC,EAAAA,EAAAA,IAAenC,EAAciC,GAC7C,OACE,SAAChB,MAAG,CAACC,UAAWC,IAAAA,iB,UACd,SAACO,EAAAA,EAAI,CACHC,KAAM,IAAiBJ,OAAbU,EAAU,KAAsC,OAAnCV,EAAwBU,IAC/CH,gBAAgB,E,UAEhB,SAACM,EAAAA,EAAe,CACdH,UAAWlB,OAAOkB,GAClBI,YAAa,GAAmD1C,QAAhDqC,EAAAA,EAAAA,IAAkBE,EAAQI,YAAa1C,GAAM,KAE3D,OAF8DD,EAC9D,iBAEF4C,UAAWL,EAAQM,mBACnBC,YAAa1B,OAAOkB,GACpBS,oBAAqBR,EAAQS,eAC7BC,iBAAiBC,EAAAA,EAAAA,IAAuBjD,QAbAqC,QAZ1CX,U,kBC3CpBwB,EAAOC,QAAU,CAAC,aAAe,8BAA8B,iBAAmB,kCAAkC,SAAW,0BAA0B,QAAU,yBAAyB,iBAAmB","sources":["webpack://_N_E/./src/components/chapters/JuzView.tsx","webpack://_N_E/./src/components/chapters/JuzView.module.scss"],"sourcesContent":["import { useContext, useEffect, useMemo, useState } from 'react';\n\nimport useTranslation from 'next-translate/useTranslation';\n\nimport Link, { LinkVariant } from '../dls/Link/Link';\nimport SurahPreviewRow from '../dls/SurahPreview/SurahPreviewRow';\n\nimport styles from './JuzView.module.scss';\n\nimport { getAllJuzMappings, getChapterData } from '@/utils/chapter';\nimport { shouldUseMinimalLayout, toLocalizedNumber } from '@/utils/locale';\nimport DataContext from 'src/contexts/DataContext';\n\ntype JuzViewProps = {\n  isDescending: boolean;\n};\n\nconst JuzView = ({ isDescending }: JuzViewProps) => {\n  const { t, lang } = useTranslation();\n  const [juzMappings, setJuzMappings] = useState([]);\n  const chaptersData = useContext(DataContext);\n\n  useEffect(() => {\n    getAllJuzMappings()\n      .then((data) => Object.entries(data))\n      .then(setJuzMappings);\n  }, [isDescending]);\n\n  const sortedJuzIds = useMemo(\n    () =>\n      isDescending ? juzMappings.slice().sort(([a], [b]) => Number(b) - Number(a)) : juzMappings,\n    [isDescending, juzMappings],\n  );\n\n  if (juzMappings.length === 0) {\n    return <div className={styles.loadingContainer} />;\n  }\n\n  return (\n    <>\n      {sortedJuzIds.map((juzEntry) => {\n        const [juzId, chapterAndVerseMappings] = juzEntry;\n        const chapterIds = Object.keys(chapterAndVerseMappings);\n        return (\n          <div key={juzId} className={styles.juzContainer}>\n            <Link href={`/juz/${juzId}`} variant={LinkVariant.Primary} shouldPrefetch={false}>\n              <div className={styles.juzTitle}>\n                <span>\n                  {t('common:juz')} {toLocalizedNumber(juzId, lang)}\n                </span>\n                <span className={styles.readJuz}>{t('home:read-juz')}</span>\n              </div>\n            </Link>\n            {chapterIds.map((chapterId) => {\n              const chapter = getChapterData(chaptersData, chapterId);\n              return (\n                <div className={styles.chapterContainer} key={chapterId}>\n                  <Link\n                    href={`/${chapterId}/${chapterAndVerseMappings[chapterId]}`}\n                    shouldPrefetch={false}\n                  >\n                    <SurahPreviewRow\n                      chapterId={Number(chapterId)}\n                      description={`${toLocalizedNumber(chapter.versesCount, lang)} ${t(\n                        'common:ayahs',\n                      )}`}\n                      surahName={chapter.transliteratedName}\n                      surahNumber={Number(chapterId)}\n                      translatedSurahName={chapter.translatedName as string}\n                      isMinimalLayout={shouldUseMinimalLayout(lang)}\n                    />\n                  </Link>\n                </div>\n              );\n            })}\n          </div>\n        );\n      })}\n    </>\n  );\n};\n\nexport default JuzView;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"juzContainer\":\"JuzView_juzContainer__Jmn9s\",\"chapterContainer\":\"JuzView_chapterContainer__Y8MMt\",\"juzTitle\":\"JuzView_juzTitle__mVq8J\",\"readJuz\":\"JuzView_readJuz__NNvrz\",\"loadingContainer\":\"JuzView_loadingContainer__QzI0A\"};"],"names":["isDescending","useTranslation","t","lang","useState","juzMappings","setJuzMappings","chaptersData","useContext","DataContext","useEffect","getAllJuzMappings","then","data","Object","entries","sortedJuzIds","useMemo","slice","sort","a","b","Number","length","div","className","styles","map","juzEntry","juzId","chapterAndVerseMappings","chapterIds","keys","Link","href","variant","LinkVariant","shouldPrefetch","span","toLocalizedNumber","chapterId","chapter","getChapterData","SurahPreviewRow","description","versesCount","surahName","transliteratedName","surahNumber","translatedSurahName","translatedName","isMinimalLayout","shouldUseMinimalLayout","module","exports"],"sourceRoot":""}