{"version":3,"file":"static/chunks/31274-7749b3c3657c2820.js","mappings":"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","sources":["webpack://_N_E/./node_modules/lodash/uniq.js","webpack://_N_E/./src/components/QuranReader/TafsirView/SurahAndAyahSelection.tsx","webpack://_N_E/./src/components/QuranReader/TafsirView/LanguageAndTafsirSelection.tsx","webpack://_N_E/./src/components/QuranReader/TafsirView/TafsirMessage/index.tsx","webpack://_N_E/./src/components/QuranReader/TafsirView/TafsirGroupMessage.tsx","webpack://_N_E/./src/components/QuranReader/TafsirView/TafsirText/index.tsx","webpack://_N_E/./src/components/QuranReader/TafsirView/TafsirBody.tsx","webpack://_N_E/./src/utils/tafsir.ts","webpack://_N_E/./src/components/QuranReader/TafsirView/TafsirEndOfScrollingActions.tsx","webpack://_N_E/./src/components/QuranReader/TafsirView/TafsirSkeleton.tsx","webpack://_N_E/./src/components/QuranReader/VerseTextPreview/index.tsx","webpack://_N_E/./src/hooks/useQcfFont.ts","webpack://_N_E/./src/components/QuranReader/TafsirView/TafsirEndOfScrollingActions.module.scss","webpack://_N_E/./src/components/QuranReader/TafsirView/TafsirMessage/TafsirMessage.module.scss","webpack://_N_E/./src/components/QuranReader/TafsirView/TafsirText/TafsirText.module.scss","webpack://_N_E/./src/components/QuranReader/TafsirView/TafsirView.module.scss"],"sourcesContent":["var baseUniq = require('./_baseUniq');\n\n/**\n * Creates a duplicate-free version of an array, using\n * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * for equality comparisons, in which only the first occurrence of each element\n * is kept. The order of result values is determined by the order they occur\n * in the array.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Array\n * @param {Array} array The array to inspect.\n * @returns {Array} Returns the new duplicate free array.\n * @example\n *\n * _.uniq([2, 1, 2]);\n * // => [2, 1]\n */\nfunction uniq(array) {\n  return (array && array.length) ? baseUniq(array) : [];\n}\n\nmodule.exports = uniq;\n","import { useContext, useMemo } from 'react';\n\nimport useTranslation from 'next-translate/useTranslation';\n\nimport styles from './TafsirView.module.scss';\n\nimport Select, { SelectSize } from '@/dls/Forms/Select';\nimport { toLocalizedNumber } from '@/utils/locale';\nimport { generateChapterVersesKeys, getVerseNumberFromKey } from '@/utils/verse';\nimport DataContext from 'src/contexts/DataContext';\n\nconst SurahAndAyahSelection = ({\n  selectedChapterId,\n  selectedVerseNumber,\n  onChapterIdChange,\n  onVerseNumberChange,\n}) => {\n  const { lang } = useTranslation();\n  const chaptersData = useContext(DataContext);\n  const verses = generateChapterVersesKeys(chaptersData, selectedChapterId);\n  const surahOptions = useMemo(\n    () =>\n      Object.entries(chaptersData).map(([id, chapter]) => ({\n        label: chapter.transliteratedName,\n        value: id,\n      })),\n    [chaptersData],\n  );\n  const ayahOptions = useMemo(\n    () =>\n      verses.map((verseKey) => {\n        const verseNumber = getVerseNumberFromKey(verseKey).toString();\n        return {\n          label: toLocalizedNumber(Number(verseNumber), lang),\n          value: verseNumber,\n        };\n      }),\n    [lang, verses],\n  );\n\n  return (\n    <div className={styles.surahAndAyahSelectionContainer}>\n      <Select\n        size={SelectSize.Small}\n        id=\"surah-selection\"\n        name=\"surah-selection\"\n        options={surahOptions}\n        onChange={onChapterIdChange}\n        value={selectedChapterId}\n      />\n      <div className={styles.selectionItem}>\n        <Select\n          className={styles.ayahSelection}\n          size={SelectSize.Small}\n          id=\"ayah-selection\"\n          name=\"ayah-selection\"\n          options={ayahOptions}\n          onChange={onVerseNumberChange}\n          value={selectedVerseNumber}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default SurahAndAyahSelection;\n","import classNames from 'classnames';\n\nimport styles from './TafsirView.module.scss';\n\nimport Button, { ButtonSize } from '@/dls/Button/Button';\nimport Select, { SelectSize } from '@/dls/Forms/Select';\nimport Skeleton from '@/dls/Skeleton/Skeleton';\nimport SpinnerContainer from '@/dls/Spinner/SpinnerContainer';\nimport { getLocaleNameByFullName } from '@/utils/locale';\nimport { TafsirsResponse } from 'types/ApiResponses';\n\ntype LanguageAndTafsirSelectionProps = {\n  selectedTafsirIdOrSlug: number | string;\n  onTafsirSelected: (tafsirId: number, tafsirSlug: string) => void;\n  selectedLanguage: string;\n  onSelectLanguage: (lang: string) => void;\n  languageOptions: string[];\n  data: TafsirsResponse;\n  isLoading: boolean;\n};\nconst LanguageAndTafsirSelection = ({\n  selectedTafsirIdOrSlug,\n  onTafsirSelected,\n  selectedLanguage,\n  onSelectLanguage,\n  languageOptions,\n  data,\n  isLoading,\n}: LanguageAndTafsirSelectionProps) => {\n  if (!data) {\n    return (\n      <Skeleton className={classNames(styles.tafsirSkeletonItem, styles.tafsirSelectionSkeleton)} />\n    );\n  }\n  return (\n    <SpinnerContainer isLoading={isLoading}>\n      <div className={styles.tafsirSelectionContainer}>\n        <Select\n          className={styles.languageSelection}\n          size={SelectSize.Small}\n          id=\"lang-selection\"\n          name=\"lang-selection\"\n          options={languageOptions.map((lng) => ({\n            label: getLocaleNameByFullName(lng),\n            value: lng,\n          }))}\n          onChange={onSelectLanguage}\n          value={selectedLanguage}\n        />\n        {data.tafsirs\n          .filter(\n            (tafsir) =>\n              tafsir.languageName === selectedLanguage ||\n              selectedTafsirIdOrSlug === tafsir.slug ||\n              Number(selectedTafsirIdOrSlug) === tafsir.id,\n          )\n          .map((tafsir) => {\n            const selected =\n              selectedTafsirIdOrSlug === tafsir.slug ||\n              Number(selectedTafsirIdOrSlug) === tafsir.id;\n            return (\n              <Button\n                onClick={() => onTafsirSelected(tafsir.id, tafsir.slug)}\n                size={ButtonSize.Small}\n                key={tafsir.id}\n                className={classNames(styles.tafsirSelectionItem, {\n                  [styles.tafsirItemSelected]: selected,\n                })}\n              >\n                {tafsir.translatedName.name}\n              </Button>\n            );\n          })}\n      </div>\n    </SpinnerContainer>\n  );\n};\n\nexport default LanguageAndTafsirSelection;\n","import React from 'react';\n\nimport styles from './TafsirMessage.module.scss';\n\ntype Props = {\n  children: React.ReactNode;\n};\n\nconst TafsirMessage: React.FC<Props> = ({ children }) => {\n  return <div className={styles.tafsirMessage}>{children}</div>;\n};\n\nexport default TafsirMessage;\n","import useTranslation from 'next-translate/useTranslation';\n\nimport TafsirMessage from './TafsirMessage';\n\ntype TafsirGroupMessageProps = {\n  from: string;\n  to: string;\n};\n\nconst TafsirGroupMessage = ({ from, to }: TafsirGroupMessageProps) => {\n  const { t } = useTranslation('common');\n  return (\n    <TafsirMessage>\n      {t('tafsir.group-message', {\n        from,\n        to,\n      })}\n    </TafsirMessage>\n  );\n};\n\nexport default TafsirGroupMessage;\n","/* eslint-disable react/no-danger */\nimport React from 'react';\n\nimport { Action } from '@reduxjs/toolkit';\nimport { useSelector } from 'react-redux';\n\nimport styles from './TafsirText.module.scss';\n\nimport Counter from '@/dls/Counter/Counter';\nimport SpinnerContainer from '@/dls/Spinner/SpinnerContainer';\nimport usePersistPreferenceGroup from '@/hooks/auth/usePersistPreferenceGroup';\nimport {\n  MAXIMUM_TAFSIR_FONT_STEP,\n  MINIMUM_FONT_STEP,\n  selectQuranReaderStyles,\n  increaseTafsirFontScale,\n  decreaseTafsirFontScale,\n} from '@/redux/slices/QuranReader/styles';\nimport { logValueChange } from '@/utils/eventLogger';\nimport PreferenceGroup from 'types/auth/PreferenceGroup';\n\ntype TafsirTextProps = {\n  direction: string;\n  languageCode: string;\n  text: string;\n};\n\nconst FONT_SIZE_CLASS_MAP = {\n  1: styles.xs,\n  2: styles.sm,\n  3: styles.md,\n  4: styles.lg,\n  5: styles.xl,\n};\n\nconst TafsirText: React.FC<TafsirTextProps> = ({ direction, languageCode, text }) => {\n  const quranReaderStyles = useSelector(selectQuranReaderStyles);\n  const {\n    actions: { onSettingsChange },\n    isLoading,\n  } = usePersistPreferenceGroup();\n  const { tafsirFontScale } = quranReaderStyles;\n\n  /**\n   * Persist settings in the DB if the user is logged in before dispatching\n   * Redux action, otherwise just dispatch it.\n   *\n   * @param {string} key\n   * @param {number} value\n   * @param {Action} action\n   */\n  const onTafsirsSettingsChange = (\n    key: string,\n    value: number,\n    action: Action,\n    undoAction: Action,\n  ) => {\n    onSettingsChange(key, value, action, undoAction, PreferenceGroup.QURAN_READER_STYLES);\n  };\n\n  const onFontScaleDecreaseClicked = () => {\n    const newValue = tafsirFontScale - 1;\n    logValueChange('tafsir_font_scale', tafsirFontScale, newValue);\n    onTafsirsSettingsChange(\n      'tafsirFontScale',\n      newValue,\n      decreaseTafsirFontScale(),\n      increaseTafsirFontScale(),\n    );\n  };\n\n  const onFontScaleIncreaseClicked = () => {\n    const newValue = tafsirFontScale + 1;\n    logValueChange('tafsir_font_scale', tafsirFontScale, newValue);\n    onTafsirsSettingsChange(\n      'tafsirFontScale',\n      newValue,\n      increaseTafsirFontScale(),\n      decreaseTafsirFontScale(),\n    );\n  };\n  return (\n    <>\n      <div dir={direction} className={styles.counter}>\n        <SpinnerContainer isLoading={isLoading}>\n          <Counter\n            count={tafsirFontScale}\n            onDecrement={tafsirFontScale === MINIMUM_FONT_STEP ? null : onFontScaleDecreaseClicked}\n            onIncrement={\n              tafsirFontScale === MAXIMUM_TAFSIR_FONT_STEP ? null : onFontScaleIncreaseClicked\n            }\n          />\n        </SpinnerContainer>\n      </div>\n      <div\n        className={FONT_SIZE_CLASS_MAP[tafsirFontScale]}\n        dir={direction}\n        lang={languageCode}\n        dangerouslySetInnerHTML={{ __html: text }}\n      />\n    </>\n  );\n};\nexport default TafsirText;\n","/* eslint-disable react-func/max-lines-per-function */\n/* eslint-disable max-lines */\n/* eslint-disable i18next/no-literal-string */\nimport React, { useCallback, useContext, useEffect, useState } from 'react';\n\nimport classNames from 'classnames';\nimport useTranslation from 'next-translate/useTranslation';\nimport { useSelector, shallowEqual } from 'react-redux';\nimport useSWR from 'swr/immutable';\n\nimport VerseTextPreview from '../VerseTextPreview';\n\nimport LanguageAndTafsirSelection from './LanguageAndTafsirSelection';\nimport SurahAndAyahSelection from './SurahAndAyahSelection';\nimport TafsirEndOfScrollingActions from './TafsirEndOfScrollingActions';\nimport TafsirGroupMessage from './TafsirGroupMessage';\nimport TafsirMessage from './TafsirMessage';\nimport TafsirSkeleton from './TafsirSkeleton';\nimport TafsirText from './TafsirText';\nimport styles from './TafsirView.module.scss';\n\nimport DataFetcher from '@/components/DataFetcher';\nimport Separator from '@/dls/Separator/Separator';\nimport usePersistPreferenceGroup from '@/hooks/auth/usePersistPreferenceGroup';\nimport { selectQuranReaderStyles } from '@/redux/slices/QuranReader/styles';\nimport { selectTafsirs, setSelectedTafsirs } from '@/redux/slices/QuranReader/tafsirs';\nimport { makeTafsirContentUrl, makeTafsirsUrl } from '@/utils/apiPaths';\nimport {\n  logButtonClick,\n  logEvent,\n  logItemSelectionChange,\n  logValueChange,\n} from '@/utils/eventLogger';\nimport { getLanguageDataById } from '@/utils/locale';\nimport { fakeNavigate, getVerseSelectedTafsirNavigationUrl } from '@/utils/navigation';\nimport {\n  getFirstTafsirOfLanguage,\n  getSelectedTafsirLanguage,\n  getTafsirsLanguageOptions,\n} from '@/utils/tafsir';\nimport {\n  getVerseNumberFromKey,\n  getFirstAndLastVerseKeys,\n  makeVerseKey,\n  isLastVerseOfSurah,\n  getVerseAndChapterNumbersFromKey,\n} from '@/utils/verse';\nimport { fetcher } from 'src/api';\nimport DataContext from 'src/contexts/DataContext';\nimport { TafsirContentResponse, TafsirsResponse } from 'types/ApiResponses';\nimport PreferenceGroup from 'types/auth/PreferenceGroup';\n\ntype TafsirBodyProps = {\n  initialChapterId: string;\n  initialVerseNumber: string;\n  initialTafsirIdOrSlug?: number | string;\n  scrollToTop: () => void;\n  shouldRender?: boolean;\n  render: (renderProps: {\n    surahAndAyahSelection: JSX.Element;\n    languageAndTafsirSelection: JSX.Element;\n    body: JSX.Element;\n  }) => JSX.Element;\n};\n\nconst TafsirBody = ({\n  initialChapterId,\n  initialVerseNumber,\n  initialTafsirIdOrSlug,\n  render,\n  scrollToTop,\n  shouldRender,\n}: TafsirBodyProps) => {\n  const quranReaderStyles = useSelector(selectQuranReaderStyles, shallowEqual);\n  const { lang, t } = useTranslation('common');\n  const tafsirsState = useSelector(selectTafsirs);\n  const { selectedTafsirs: userPreferredTafsirIds } = tafsirsState;\n  const chaptersData = useContext(DataContext);\n  const {\n    actions: { onSettingsChange },\n    isLoading,\n  } = usePersistPreferenceGroup();\n\n  const [selectedChapterId, setSelectedChapterId] = useState(initialChapterId);\n  const [selectedVerseNumber, setSelectedVerseNumber] = useState(initialVerseNumber);\n  const [selectedLanguage, setSelectedLanguage] = useState('');\n  const selectedVerseKey = makeVerseKey(Number(selectedChapterId), Number(selectedVerseNumber));\n  const [selectedTafsirIdOrSlug, setSelectedTafsirIdOrSlug] = useState<number | string>(\n    initialTafsirIdOrSlug || userPreferredTafsirIds?.[0],\n  );\n\n  // if user opened tafsirBody via a url, we will have initialTafsirIdOrSlug\n  // we need to set this `initialTafsirIdOrSlug` as a selectedTafsirIdOrSlug\n  // we did not use `useState(initialTafsirIdOrSlug)` because `useRouter`'s query string is undefined on first render\n  useEffect(() => {\n    if (initialTafsirIdOrSlug) {\n      logEvent('tafsir_url_access');\n      setSelectedTafsirIdOrSlug(initialTafsirIdOrSlug);\n    }\n  }, [initialTafsirIdOrSlug]);\n\n  const onTafsirSelected = useCallback(\n    (id: number, slug: string) => {\n      logItemSelectionChange('tafsir', id);\n      setSelectedTafsirIdOrSlug(slug);\n      fakeNavigate(\n        getVerseSelectedTafsirNavigationUrl(\n          Number(selectedChapterId),\n          Number(selectedVerseNumber),\n          slug,\n        ),\n        lang,\n      );\n      onSettingsChange(\n        'selectedTafsirs',\n        [slug],\n        setSelectedTafsirs({\n          tafsirs: [slug],\n          locale: lang,\n        }),\n        setSelectedTafsirs({\n          tafsirs: tafsirsState.selectedTafsirs,\n          locale: lang,\n        }),\n        PreferenceGroup.TAFSIRS,\n      );\n    },\n    [lang, onSettingsChange, selectedChapterId, selectedVerseNumber, tafsirsState],\n  );\n\n  const { data: tafsirSelectionList } = useSWR<TafsirsResponse>(\n    shouldRender ? makeTafsirsUrl(lang) : null,\n    fetcher,\n  );\n\n  // selectedLanguage is based on selectedTafsir's language\n  // but we need to fetch the data from the API first to know what is the language of `selectedTafsirIdOrSlug`\n  // so we get the data from the API and set the selectedLanguage once it is loaded\n  useEffect(() => {\n    if (tafsirSelectionList) {\n      setSelectedLanguage((prevSelectedLanguage) => {\n        // if we haven't set the language already, we need to detect which language the current tafsir is in.\n        return (\n          prevSelectedLanguage ||\n          getSelectedTafsirLanguage(tafsirSelectionList, selectedTafsirIdOrSlug)\n        );\n      });\n    }\n  }, [onTafsirSelected, selectedTafsirIdOrSlug, tafsirSelectionList]);\n\n  // there's no 1:1 data that can map our locale options to the tafsir language options\n  // so we're using options that's available from tafsir for now\n  // TODO: update language options, to use the same options as our LanguageSelector\n  const languageOptions = tafsirSelectionList\n    ? getTafsirsLanguageOptions(tafsirSelectionList.tafsirs)\n    : [];\n\n  /**\n   * Handle when the language of the Tafsir is changed. When it does,\n   * we auto-select the first Tafsir of the new language based on the\n   * response from BE.\n   *\n   * @param {string} newLang\n   */\n  const onLanguageSelected = (newLang: string) => {\n    logValueChange('tafsir_locale', selectedLanguage, newLang);\n    setSelectedLanguage(newLang);\n\n    if (tafsirSelectionList) {\n      const firstTafsirOfLanguage = getFirstTafsirOfLanguage(tafsirSelectionList, newLang);\n      if (firstTafsirOfLanguage) {\n        const { id, slug } = firstTafsirOfLanguage;\n        onTafsirSelected(id, slug);\n      }\n    }\n  };\n\n  const renderTafsir = useCallback(\n    (data: TafsirContentResponse) => {\n      if (!data || !data.tafsir) return <TafsirSkeleton />;\n\n      const { verses, text, languageId } = data.tafsir;\n      const langData = getLanguageDataById(languageId);\n\n      const [firstVerseKey, lastVerseKey] = getFirstAndLastVerseKeys(verses);\n      const [chapterNumber, verseNumber] = getVerseAndChapterNumbersFromKey(lastVerseKey);\n      const hasNextVerseGroup = !isLastVerseOfSurah(\n        chaptersData,\n        chapterNumber,\n        Number(verseNumber),\n      );\n      const hasPrevVerseGroup = getVerseNumberFromKey(firstVerseKey) !== 1;\n\n      const loadNextVerseGroup = () => {\n        logButtonClick('tafsir_next_verse');\n        scrollToTop();\n        const newVerseNumber = String(Number(getVerseNumberFromKey(lastVerseKey)) + 1);\n        fakeNavigate(\n          getVerseSelectedTafsirNavigationUrl(\n            Number(selectedChapterId),\n            Number(newVerseNumber),\n            selectedTafsirIdOrSlug,\n          ),\n          lang,\n        );\n        setSelectedVerseNumber(newVerseNumber);\n      };\n\n      const loadPrevVerseGroup = () => {\n        const newVerseNumber = String(Number(getVerseNumberFromKey(firstVerseKey)) - 1);\n        logButtonClick('tafsir_prev_verse');\n        scrollToTop();\n        fakeNavigate(\n          getVerseSelectedTafsirNavigationUrl(\n            Number(selectedChapterId),\n            Number(newVerseNumber),\n            selectedTafsirIdOrSlug,\n          ),\n          lang,\n        );\n        setSelectedVerseNumber(newVerseNumber);\n      };\n\n      return (\n        <div>\n          {!text && (\n            <TafsirMessage>\n              {t('tafsir.no-text', {\n                tafsirName: data.tafsir.translatedName.name,\n              })}\n            </TafsirMessage>\n          )}\n          {Object.values(verses).length > 1 && !!text && (\n            <TafsirGroupMessage from={firstVerseKey} to={lastVerseKey} />\n          )}\n          <div className={styles.verseTextContainer}>\n            <VerseTextPreview verses={Object.values(verses)} />\n          </div>\n          <div className={styles.separatorContainer}>\n            <Separator />\n          </div>\n          {!!text && (\n            <TafsirText direction={langData.direction} languageCode={langData.code} text={text} />\n          )}\n          <TafsirEndOfScrollingActions\n            hasNextVerseGroup={hasNextVerseGroup}\n            hasPrevVerseGroup={hasPrevVerseGroup}\n            onNextButtonClicked={loadNextVerseGroup}\n            onPreviousButtonClicked={loadPrevVerseGroup}\n          />\n        </div>\n      );\n    },\n    [chaptersData, lang, scrollToTop, selectedChapterId, selectedTafsirIdOrSlug, t],\n  );\n\n  const onChapterIdChange = (newChapterId) => {\n    logItemSelectionChange('tafsir_chapter_id', newChapterId);\n    fakeNavigate(\n      getVerseSelectedTafsirNavigationUrl(Number(newChapterId), Number(1), selectedTafsirIdOrSlug),\n      lang,\n    );\n    setSelectedChapterId(newChapterId.toString());\n    setSelectedVerseNumber('1'); // reset verse number to 1 every time chapter changes\n  };\n\n  const onVerseNumberChange = (newVerseNumber) => {\n    logItemSelectionChange('tafsir_verse_number', newVerseNumber);\n    setSelectedVerseNumber(newVerseNumber);\n    fakeNavigate(\n      getVerseSelectedTafsirNavigationUrl(\n        Number(selectedChapterId),\n        Number(newVerseNumber),\n        selectedTafsirIdOrSlug,\n      ),\n      lang,\n    );\n  };\n\n  const surahAndAyahSelection = (\n    <SurahAndAyahSelection\n      selectedChapterId={selectedChapterId}\n      selectedVerseNumber={selectedVerseNumber}\n      onChapterIdChange={onChapterIdChange}\n      onVerseNumberChange={onVerseNumberChange}\n    />\n  );\n\n  const languageAndTafsirSelection = (\n    <LanguageAndTafsirSelection\n      selectedTafsirIdOrSlug={selectedTafsirIdOrSlug}\n      selectedLanguage={selectedLanguage}\n      onTafsirSelected={onTafsirSelected}\n      onSelectLanguage={onLanguageSelected}\n      languageOptions={languageOptions}\n      data={tafsirSelectionList}\n      isLoading={isLoading}\n    />\n  );\n\n  const body = (\n    <div\n      className={classNames(\n        styles.tafsirContainer,\n        styles[`tafsir-font-size-${quranReaderStyles.tafsirFontScale}`],\n      )}\n      // disable browser translation for tafsir content\n      // @see {https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/translate}\n      translate=\"no\"\n    >\n      <DataFetcher\n        loading={TafsirSkeleton}\n        queryKey={makeTafsirContentUrl(selectedTafsirIdOrSlug, selectedVerseKey, {\n          lang,\n          quranFont: quranReaderStyles.quranFont,\n          mushafLines: quranReaderStyles.mushafLines,\n        })}\n        render={renderTafsir}\n      />\n    </div>\n  );\n\n  return render({ surahAndAyahSelection, languageAndTafsirSelection, body });\n};\n\nexport default TafsirBody;\n","import uniq from 'lodash/uniq';\n\nimport TafsirInfo from '@/types/TafsirInfo';\nimport { TafsirsResponse } from 'types/ApiResponses';\nimport Tafsir from 'types/Tafsir';\n\n/**\n * Get the language of the selected Tafsir.\n *\n * @param {TafsirsResponse} tafsirListData\n * @param {number|string} selectedTafsirIdOrSlug\n * @returns {string}\n */\nexport const getSelectedTafsirLanguage = (\n  tafsirListData: TafsirsResponse,\n  selectedTafsirIdOrSlug: number | string,\n): string => {\n  const selectedTafsir = tafsirListData?.tafsirs.find(\n    (tafsir) =>\n      tafsir.slug === selectedTafsirIdOrSlug || tafsir.id === Number(selectedTafsirIdOrSlug),\n  );\n  return selectedTafsir?.languageName;\n};\n\n/**\n * Get the first Tafsir of a language.\n *\n * @param {TafsirsResponse} tafsirListData\n * @param {string} language\n * @returns {TafsirInfo}\n */\nexport const getFirstTafsirOfLanguage = (\n  tafsirListData: TafsirsResponse,\n  language: string,\n): TafsirInfo => {\n  const selectedTafsir = tafsirListData?.tafsirs.find((tafsir) => tafsir.languageName === language);\n  return selectedTafsir;\n};\n\n/**\n * Given list of tafsirs, get all available language options\n *\n * @param {Tafsir[]} tafsirs\n * @returns {string[]} list of available language options\n */\nexport const getTafsirsLanguageOptions = (tafsirs: Tafsir[]): string[] =>\n  uniq(tafsirs.map((tafsir) => tafsir.languageName));\n","import useTranslation from 'next-translate/useTranslation';\n\nimport styles from './TafsirEndOfScrollingActions.module.scss';\n\nimport Button, { ButtonType } from '@/dls/Button/Button';\n\ntype TafsirEndOfScrollingActionsProps = {\n  hasNextVerseGroup: boolean;\n  hasPrevVerseGroup: boolean;\n  onNextButtonClicked: () => void;\n  onPreviousButtonClicked: () => void;\n};\n\nconst TafsirEndOfScrollingActions = ({\n  hasNextVerseGroup,\n  hasPrevVerseGroup,\n  onNextButtonClicked,\n  onPreviousButtonClicked,\n}: TafsirEndOfScrollingActionsProps) => {\n  const { t } = useTranslation('common');\n  return (\n    <div className={styles.container}>\n      <div>\n        {hasPrevVerseGroup && (\n          <Button type={ButtonType.Secondary} onClick={onPreviousButtonClicked}>\n            {t('previous-ayah')}\n          </Button>\n        )}\n      </div>\n      <div>\n        {hasNextVerseGroup && (\n          <Button type={ButtonType.Secondary} onClick={onNextButtonClicked}>\n            {t('next-ayah')}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default TafsirEndOfScrollingActions;\n","import classNames from 'classnames';\nimport range from 'lodash/range';\n\nimport styles from './TafsirView.module.scss';\n\nimport Skeleton from '@/dls/Skeleton/Skeleton';\n\nconst TafsirSkeleton = () => {\n  return (\n    <>\n      <Skeleton className={(styles.tafsirSkeletonItem, styles.ayahSekletonItem)} />\n      {range(1, 15).map((i) => (\n        <Skeleton\n          key={i}\n          className={classNames(styles.tafsirSkeletonItem, {\n            [styles.tafsirSkeletonItem1]: i % 1 === 0,\n            [styles.tafsirSkeletonItem2]: i % 2 === 0,\n            [styles.tafsirSkeletonItem3]: i % 3 === 0,\n          })}\n        />\n      ))}\n    </>\n  );\n};\n\nexport default TafsirSkeleton;\n","import React, { useMemo } from 'react';\n\nimport { shallowEqual, useSelector } from 'react-redux';\n\nimport PlainVerseText from '@/components/Verse/PlainVerseText';\nimport useQcfFont from '@/hooks/useQcfFont';\nimport { selectQuranReaderStyles } from '@/redux/slices/QuranReader/styles';\nimport { getVerseWords } from '@/utils/verse';\nimport Verse from 'types/Verse';\n\ninterface Props {\n  verses: Verse[];\n  fontScale?: number;\n}\n\nconst VerseTextPreview: React.FC<Props> = ({ verses, fontScale }) => {\n  const { quranFont } = useSelector(selectQuranReaderStyles, shallowEqual);\n  const tafsirVerses = useMemo(\n    () =>\n      Object.values(verses).map((verse) => ({\n        ...verse,\n        pageNumber: verse.words[0].pageNumber,\n      })),\n    [verses],\n  );\n  useQcfFont(quranFont, tafsirVerses);\n  const words = useMemo(() => verses.map((verse) => getVerseWords(verse)).flat(), [verses]);\n  return <PlainVerseText fontScale={fontScale} words={words} />;\n};\n\nexport default VerseTextPreview;\n","import { useEffect, useCallback, useRef } from 'react';\n\nimport { useDispatch, useSelector } from 'react-redux';\n\nimport { selectLoadedFontFaces, addLoadedFontFace } from '@/redux/slices/QuranReader/font-faces';\nimport { removeItemFromArray } from '@/utils/array';\nimport {\n  getFontFaceNameForPage,\n  getV1OrV2FontFaceSource,\n  getPagesByVerses,\n  isQCFFont,\n} from '@/utils/fontFaceHelper';\nimport { QuranFont } from 'types/QuranReader';\nimport Verse from 'types/Verse';\n\n/**\n * This hook manually request the browser to download the font for each page\n * of QCF's V1 and V2 Mushafs. After each resource has been downloaded, we\n * store it in redux so that VerseText can use it to determine whether the fallback\n * text and font should be font or not.\n *\n * Notes, loaded font is reset every time the user switch the font\n * see src/components/Navbar/SettingsDrawer/QuranFontSection.tsx\n *\n * @param {QuranFont} quranFont\n * @param {Verse[]} verses\n */\nconst useQcfFont = (quranFont: QuranFont, verses: Verse[]) => {\n  const currentlyFetchingFonts = useRef([]);\n  const dispatch = useDispatch();\n  const isFontQCF = isQCFFont(quranFont);\n  const loadedFonts = useSelector(selectLoadedFontFaces);\n  const onFontLoaded = useCallback(\n    (fontFace: string) => {\n      dispatch(addLoadedFontFace(fontFace));\n    },\n    [dispatch],\n  );\n\n  // listen to changes in verses (this is due to infinite scrolling fetching more verses).\n  useEffect(() => {\n    if (isFontQCF && verses.length > 0) {\n      // loop through unique page numbers of the current verses\n      getPagesByVerses(verses).forEach((pageNumber) => {\n        const isV1 = quranFont === QuranFont.MadaniV1;\n        const fontFaceName = getFontFaceNameForPage(isV1, pageNumber);\n        const fontFace = new FontFace(fontFaceName, getV1OrV2FontFaceSource(isV1, pageNumber));\n        // we only want to load fonts that were not loaded and also are not currently being loaded\n        if (\n          !currentlyFetchingFonts.current.includes(fontFaceName) &&\n          !loadedFonts.includes(fontFaceName)\n        ) {\n          currentlyFetchingFonts.current = [...currentlyFetchingFonts.current, fontFaceName];\n          fontFace.display = 'block';\n          document.fonts.add(fontFace);\n          // load the font-face programmatically\n          fontFace\n            .load()\n            .then(() => {\n              // store the font face in Redux slice\n              onFontLoaded(fontFaceName);\n            })\n            .finally(() => {\n              // whether we failed or succeeded to fetch the fontFace, we remove it from currently fetching array\n              currentlyFetchingFonts.current = removeItemFromArray(\n                fontFaceName,\n                currentlyFetchingFonts.current,\n              );\n            });\n        }\n      });\n    }\n  }, [quranFont, verses, loadedFonts, isFontQCF, currentlyFetchingFonts, onFontLoaded]);\n};\n\nexport default useQcfFont;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"TafsirEndOfScrollingActions_container__tcWLj\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"tafsirMessage\":\"TafsirMessage_tafsirMessage__Gr_S9\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"counter\":\"TafsirText_counter__xlNaF\",\"xs\":\"TafsirText_xs__P5Qjv\",\"sm\":\"TafsirText_sm__BbfQ0\",\"md\":\"TafsirText_md__mJWtv\",\"lg\":\"TafsirText_lg__t_oGB\",\"xl\":\"TafsirText_xl__3hmwr\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"TafsirView_container__R9G7I\",\"tafsirName\":\"TafsirView_tafsirName__QPOiO\",\"tafsirContainer\":\"TafsirView_tafsirContainer__g2rhW\",\"rtl\":\"TafsirView_rtl__8pRLP\",\"surahAndAyahSelectionContainer\":\"TafsirView_surahAndAyahSelectionContainer__W96nf\",\"tafsirSelectionContainer\":\"TafsirView_tafsirSelectionContainer__QSkE3\",\"tafsirSelectionItem\":\"TafsirView_tafsirSelectionItem__GTJvw\",\"tafsirItemSelected\":\"TafsirView_tafsirItemSelected__SXceL\",\"separatorContainer\":\"TafsirView_separatorContainer__diS8n\",\"verseTextContainer\":\"TafsirView_verseTextContainer__A7tZ_\",\"selectionItem\":\"TafsirView_selectionItem__FJdhi\",\"ayahSelection\":\"TafsirView_ayahSelection__jWULb\",\"tafsirSkeletonItem\":\"TafsirView_tafsirSkeletonItem__q5sNk\",\"ayahSekletonItem\":\"TafsirView_ayahSekletonItem__B_nJN\",\"tafsirSkeletonItem1\":\"TafsirView_tafsirSkeletonItem1__nLGRk\",\"tafsirSkeletonItem2\":\"TafsirView_tafsirSkeletonItem2__aaEJy\",\"tafsirSkeletonItem3\":\"TafsirView_tafsirSkeletonItem3__NqYKV\",\"tafsirSelectionSkeleton\":\"TafsirView_tafsirSelectionSkeleton__3oq7k\",\"languageSelection\":\"TafsirView_languageSelection__8EFqZ\",\"tafsir-font-size-1\":\"TafsirView_tafsir-font-size-1__sLRnq\",\"tafsir-font-size-2\":\"TafsirView_tafsir-font-size-2__JLiR2\",\"tafsir-font-size-3\":\"TafsirView_tafsir-font-size-3__K0LBa\",\"tafsir-font-size-4\":\"TafsirView_tafsir-font-size-4__KrD1k\",\"tafsir-font-size-5\":\"TafsirView_tafsir-font-size-5__ri_Mr\",\"tafsir-font-size-6\":\"TafsirView_tafsir-font-size-6__FvBko\",\"tafsir-font-size-7\":\"TafsirView_tafsir-font-size-7__oS0XU\",\"tafsir-font-size-8\":\"TafsirView_tafsir-font-size-8__1U_43\",\"tafsir-font-size-9\":\"TafsirView_tafsir-font-size-9__6VJC2\",\"tafsir-font-size-10\":\"TafsirView_tafsir-font-size-10__zRYWI\"};"],"names":["baseUniq","module","exports","array","length","selectedChapterId","selectedVerseNumber","onChapterIdChange","onVerseNumberChange","useTranslation","lang","chaptersData","useContext","DataContext","verses","generateChapterVersesKeys","surahOptions","useMemo","Object","entries","map","id","label","transliteratedName","value","ayahOptions","verseKey","verseNumber","getVerseNumberFromKey","toString","toLocalizedNumber","Number","div","className","styles","Select","size","SelectSize","name","options","onChange","selectedTafsirIdOrSlug","onTafsirSelected","selectedLanguage","onSelectLanguage","languageOptions","data","isLoading","SpinnerContainer","lng","getLocaleNameByFullName","tafsirs","filter","tafsir","languageName","slug","selected","Button","onClick","ButtonSize","classNames","translatedName","Skeleton","children","from","to","t","TafsirMessage","FONT_SIZE_CLASS_MAP","direction","languageCode","text","quranReaderStyles","useSelector","selectQuranReaderStyles","usePersistPreferenceGroup","actions","onSettingsChange","tafsirFontScale","onTafsirsSettingsChange","key","action","undoAction","PreferenceGroup","dir","Counter","count","onDecrement","MINIMUM_FONT_STEP","newValue","logValueChange","decreaseTafsirFontScale","increaseTafsirFontScale","onIncrement","MAXIMUM_TAFSIR_FONT_STEP","dangerouslySetInnerHTML","__html","initialChapterId","initialVerseNumber","initialTafsirIdOrSlug","render","scrollToTop","shouldRender","shallowEqual","tafsirsState","selectTafsirs","selectedTafsirs","useState","setSelectedChapterId","setSelectedVerseNumber","setSelectedLanguage","selectedVerseKey","makeVerseKey","userPreferredTafsirIds","setSelectedTafsirIdOrSlug","useEffect","logEvent","useCallback","logItemSelectionChange","fakeNavigate","getVerseSelectedTafsirNavigationUrl","setSelectedTafsirs","locale","useSWR","makeTafsirsUrl","fetcher","tafsirSelectionList","prevSelectedLanguage","tafsirListData","selectedTafsir","find","getSelectedTafsirLanguage","uniq","getTafsirsLanguageOptions","renderTafsir","TafsirSkeleton","languageId","langData","getLanguageDataById","getFirstAndLastVerseKeys","firstVerseKey","lastVerseKey","getVerseAndChapterNumbersFromKey","chapterNumber","hasNextVerseGroup","isLastVerseOfSurah","hasPrevVerseGroup","tafsirName","values","TafsirGroupMessage","VerseTextPreview","Separator","TafsirText","code","TafsirEndOfScrollingActions","onNextButtonClicked","logButtonClick","newVerseNumber","String","onPreviousButtonClicked","surahAndAyahSelection","SurahAndAyahSelection","newChapterId","languageAndTafsirSelection","LanguageAndTafsirSelection","newLang","firstTafsirOfLanguage","language","body","translate","DataFetcher","loading","queryKey","makeTafsirContentUrl","quranFont","mushafLines","type","ButtonType","range","i","fontScale","tafsirVerses","verse","pageNumber","words","useQcfFont","getVerseWords","flat","PlainVerseText","currentlyFetchingFonts","useRef","dispatch","useDispatch","isFontQCF","isQCFFont","loadedFonts","selectLoadedFontFaces","onFontLoaded","fontFace","addLoadedFontFace","getPagesByVerses","forEach","isV1","QuranFont","fontFaceName","getFontFaceNameForPage","FontFace","getV1OrV2FontFaceSource","current","includes","display","document","fonts","add","load","then","finally","removeItemFromArray"],"sourceRoot":""}