{"version":3,"file":"static/chunks/pages/profile-135c02e5ac618796.js","mappings":"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","sources":["webpack://_N_E/?bcf6","webpack://_N_E/./src/components/Auth/RedirectToLoginPage.tsx","webpack://_N_E/./src/components/Auth/withAuth.tsx","webpack://_N_E/./src/hooks/auth/useCurrentUser.ts","webpack://_N_E/./src/pages/_error.tsx","webpack://_N_E/./src/components/dls/SurahPreview/SurahPreview.tsx","webpack://_N_E/./src/components/Profile/DeleteAccountButton.tsx","webpack://_N_E/./src/components/Verses/RecentReadingSessionsSkeleton.tsx","webpack://_N_E/./src/components/dls/SurahPreview/SurahPreviewBlock.tsx","webpack://_N_E/./src/components/Verses/RecentReadingSessions.tsx","webpack://_N_E/./src/pages/profile.tsx","webpack://_N_E/./src/components/Profile/DeleteAccountButton.module.scss","webpack://_N_E/./src/components/Verses/RecentReadingSessions.module.scss","webpack://_N_E/./src/components/Verses/RecentReadingSessionsSkeleton.module.scss","webpack://_N_E/./src/components/dls/SurahPreview/SurahPreviewBlock.module.scss","webpack://_N_E/./src/pages/_error.module.scss","webpack://_N_E/./src/pages/profile.module.scss"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/profile\",\n      function () {\n        return require(\"private-next-pages/profile.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/profile\"])\n      });\n    }\n  ","import React, { useEffect } from 'react';\n\nimport { useRouter } from 'next/router';\n\nimport { getLoginNavigationUrl } from '@/utils/navigation';\n\nconst RedirectToLoginPage = () => {\n  const router = useRouter();\n  useEffect(() => {\n    const { asPath } = router;\n    router.replace(getLoginNavigationUrl(asPath));\n  }, [router]);\n\n  return <></>;\n};\n\nexport default RedirectToLoginPage;\n","import { JSX, useEffect, useState } from 'react';\n\nimport RedirectToLoginPage from './RedirectToLoginPage';\n\nimport { isLoggedIn } from '@/utils/auth/login';\n/**\n * withAuth is a Higher-Order Component (HOC) that wraps a component and checks if the user is authenticated.\n * If the user is authenticated, it renders the wrapped component.\n * If the user is not authenticated, it redirects the user to the login page.\n *\n * @param {React.ComponentType} WrappedComponent - The component to wrap and protect with authentication check.\n *\n * @returns {React.ComponentType} If the user is authenticated, returns the WrappedComponent.\n * If not, returns RedirectToLoginPage component.\n *\n * @example\n * const ProtectedComponent = withAuth(MyComponent);\n */\nconst withAuth = (WrappedComponent: React.ComponentType): React.ComponentType => {\n  const WithAuth = (props: JSX.IntrinsicAttributes) => {\n    const [isReady, setIsReady] = useState(false);\n\n    /**\n     * we need to wait for the initial render to check if the user is authenticated\n     * because when it's server-side rendered, the user is not authenticated yet\n     */\n    useEffect(() => {\n      setIsReady(true);\n    }, []);\n\n    if (!isReady) {\n      return null; // or return a loading spinner\n    }\n\n    return isLoggedIn() ? <WrappedComponent {...props} /> : <RedirectToLoginPage />;\n  };\n\n  return WithAuth;\n};\n\nexport default withAuth;\n","import useSWR from 'swr';\n\nimport { getUserProfile } from '@/utils/auth/api';\nimport { makeUserProfileUrl } from '@/utils/auth/apiPaths';\nimport { isLoggedIn } from '@/utils/auth/login';\n\nconst useCurrentUser = () => {\n  const {\n    data: userData,\n    isValidating,\n    error,\n  } = useSWR(isLoggedIn() ? makeUserProfileUrl() : null, getUserProfile);\n\n  return {\n    user: userData || ({} as typeof userData),\n    isLoading: isValidating && !userData,\n    error,\n  };\n};\n\nexport default useCurrentUser;\n","/* eslint-disable jsx-a11y/anchor-is-valid */\nimport classNames from 'classnames';\nimport { useRouter } from 'next/router';\nimport useTranslation from 'next-translate/useTranslation';\n\nimport styles from './_error.module.scss';\n\nimport Button from '@/dls/Button/Button';\nimport Link, { LinkVariant } from '@/dls/Link/Link';\n\n// reference: https://nextjs.org/docs/advanced-features/custom-error-page#more-advanced-error-page-customizing\ntype ErrorProps = {\n  statusCode?: number;\n  hasFullWidth?: boolean;\n};\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst Error = ({ statusCode, hasFullWidth = true }: ErrorProps) => {\n  const { t } = useTranslation('error');\n  const router = useRouter();\n\n  // if previous page url exist, go back, otherwise go to home\n  const onBackButtonClicked = () => {\n    if (document && document.referrer) {\n      router.back();\n      return;\n    }\n    router.push('/'); // go to home\n  };\n  return (\n    <div\n      className={classNames(styles.container, {\n        [styles.withFullWidth]: hasFullWidth,\n      })}\n    >\n      <h1 className={styles.title}>{t('title')}</h1>\n      <div className={styles.goBack}>\n        <Button onClick={onBackButtonClicked}>{t('go-back')}</Button>\n      </div>\n      <p className={styles.reportBug}>\n        {t('if-persist')}{' '}\n        <Link href=\"https://feedback.quran.com/\" variant={LinkVariant.Highlight}>\n          {t('report-cta')}\n        </Link>\n      </p>\n    </div>\n  );\n};\n\nexport default Error;\n","import SurahPreviewBlock from './SurahPreviewBlock';\nimport SurahPreviewRow from './SurahPreviewRow';\n\nexport enum SurahPreviewDisplay {\n  Block = 'block',\n  Row = 'row',\n}\n\ntype SurahProps = {\n  surahNumber: number;\n  surahName: string;\n  translatedSurahName: string;\n  chapterId: number;\n  display?: SurahPreviewDisplay;\n  description?: string;\n};\n\nconst SurahPreview = ({\n  chapterId,\n  surahName,\n  surahNumber,\n  translatedSurahName,\n  description,\n  display = SurahPreviewDisplay.Block,\n}: SurahProps) => {\n  if (display === SurahPreviewDisplay.Block) {\n    return (\n      <SurahPreviewBlock\n        chapterId={chapterId}\n        surahName={surahName}\n        surahNumber={surahNumber}\n        translatedSurahName={translatedSurahName}\n        description={description}\n      />\n    );\n  }\n\n  if (display === SurahPreviewDisplay.Row) {\n    return (\n      <SurahPreviewRow\n        chapterId={chapterId}\n        surahName={surahName}\n        surahNumber={surahNumber}\n        translatedSurahName={translatedSurahName}\n        description={description}\n      />\n    );\n  }\n\n  throw new Error('display must be either block or row');\n};\n\nexport default SurahPreview;\n","import { useState } from 'react';\n\nimport router from 'next/router';\nimport Trans from 'next-translate/Trans';\nimport useTranslation from 'next-translate/useTranslation';\n\nimport Button, { ButtonType, ButtonVariant } from '../dls/Button/Button';\nimport Input from '../dls/Forms/Input';\nimport Modal from '../dls/Modal/Modal';\n\nimport styles from './DeleteAccountButton.module.scss';\n\nimport { deleteAccount } from '@/utils/auth/api';\nimport { removeLastSyncAt } from '@/utils/auth/userDataSync';\nimport { logButtonClick } from '@/utils/eventLogger';\n\ntype DeleteAccountButtonProps = {\n  isDisabled?: boolean;\n};\nconst DeleteAccountButton = ({ isDisabled }: DeleteAccountButtonProps) => {\n  const { t } = useTranslation('profile');\n  const [isModalVisible, setIsModalVisible] = useState(false);\n  const [confirmationText, setConfirmationText] = useState('');\n\n  const closeModal = () => {\n    setConfirmationText('');\n    setIsModalVisible(false);\n  };\n\n  const onDeleteConfirmed = async () => {\n    logButtonClick('profile_confirm_delete_account');\n    closeModal();\n\n    await deleteAccount();\n    removeLastSyncAt();\n    router.push('/');\n  };\n\n  const onDeleteAccountClicked = () => {\n    logButtonClick('profile_delete_account');\n    setIsModalVisible(true);\n  };\n\n  const CONFIRMATION_TEXT = t('delete-confirmation.confirmation-text');\n  const canDeleteAccount = confirmationText.toLowerCase() === CONFIRMATION_TEXT.toLowerCase();\n\n  return (\n    <>\n      <Button\n        type={ButtonType.Error}\n        variant={ButtonVariant.Ghost}\n        onClick={onDeleteAccountClicked}\n        isDisabled={isDisabled}\n      >\n        {t('delete-account')}\n      </Button>\n      <Modal isOpen={isModalVisible} onClickOutside={closeModal}>\n        <Modal.Body>\n          <Modal.Header>\n            <Modal.Title>{t('delete-confirmation.title')}</Modal.Title>\n            <Modal.Subtitle>{t('delete-confirmation.subtitle')}</Modal.Subtitle>\n\n            <p className={styles.instructionText}>\n              <Trans\n                i18nKey=\"profile:delete-confirmation.instruction-text\"\n                values={{ text: CONFIRMATION_TEXT }}\n                components={{\n                  strong: <strong className={styles.confirmationText} />,\n                }}\n              />\n            </p>\n            <Input\n              id=\"delete-account-confirmation\"\n              value={confirmationText}\n              onChange={setConfirmationText}\n              fixedWidth={false}\n              containerClassName={styles.inputContainer}\n            />\n          </Modal.Header>\n          <Modal.Footer>\n            <Button\n              type={ButtonType.Error}\n              variant={ButtonVariant.Outlined}\n              className={styles.deleteButton}\n              onClick={onDeleteConfirmed}\n              isDisabled={!canDeleteAccount}\n            >\n              {t('delete-confirmation.action-text')}\n            </Button>\n          </Modal.Footer>\n        </Modal.Body>\n      </Modal>\n    </>\n  );\n};\n\nexport default DeleteAccountButton;\n","import { useContext, useMemo } from 'react';\n\nimport classNames from 'classnames';\nimport useTranslation from 'next-translate/useTranslation';\n\nimport styles from './RecentReadingSessions.module.scss';\nimport skeletonStyles from './RecentReadingSessionsSkeleton.module.scss';\n\nimport ChapterIconContainer, {\n  ChapterIconsSize,\n} from '@/components/chapters/ChapterIcon/ChapterIconContainer';\nimport DataContext from '@/contexts/DataContext';\nimport Skeleton from '@/dls/Skeleton/Skeleton';\nimport surahPreviewStyles from '@/dls/SurahPreview/SurahPreviewBlock.module.scss';\nimport { getChapterData } from '@/utils/chapter';\nimport { shouldUseMinimalLayout, toLocalizedNumber } from '@/utils/locale';\nimport { getVerseAndChapterNumbersFromKey } from '@/utils/verse';\n\nconst VERSE_KEY = '19:1';\nconst RECENT_READING_SESSIONS_COUNT = 10;\nconst recentReadingSessionsArr = Array(RECENT_READING_SESSIONS_COUNT).fill(null);\n\nconst RecentReadingSessionsSkeleton = () => {\n  const { t, lang } = useTranslation('home');\n  const chaptersData = useContext(DataContext);\n\n  const [chapterId, verseNumber] = getVerseAndChapterNumbersFromKey(VERSE_KEY);\n  const surah = getChapterData(chaptersData, chapterId);\n  const isMinimalLayout = shouldUseMinimalLayout(lang);\n  const localizedSurahNumber = useMemo(() => {\n    return toLocalizedNumber(Number(chapterId), lang);\n  }, [lang, chapterId]);\n\n  return (\n    <>\n      {recentReadingSessionsArr.map((k, i) => (\n        <div\n          className={classNames(styles.verseLink, skeletonStyles.skeletonItem)}\n          // eslint-disable-next-line react/no-array-index-key\n          key={`skeleton_${i}`}\n        >\n          <div className={surahPreviewStyles.container}>\n            <div className={surahPreviewStyles.header}>\n              <div>\n                <Skeleton isActive>\n                  <div className={surahPreviewStyles.translatedSurahName}>\n                    {isMinimalLayout && <>{t('common:surah')} </>}\n                    {surah.translatedName as string}\n                  </div>\n                </Skeleton>\n                {!isMinimalLayout && (\n                  <Skeleton isActive>\n                    <div className={surahPreviewStyles.surahName}>\n                      {t('common:surah')} <br />\n                      {surah.transliteratedName}\n                    </div>\n                  </Skeleton>\n                )}\n              </div>\n              <div className={surahPreviewStyles.surahNumber}>\n                <Skeleton isActive>{localizedSurahNumber}</Skeleton>\n              </div>\n            </div>\n            <Skeleton isActive>\n              <div className={surahPreviewStyles.surahIcon}>\n                <ChapterIconContainer\n                  chapterId={chapterId.toString()}\n                  hasSurahPrefix={false}\n                  size={ChapterIconsSize.Large}\n                />\n                <div className={surahPreviewStyles.description}>{`${t(\n                  'common:ayah',\n                )} ${toLocalizedNumber(Number(verseNumber), lang)}`}</div>\n              </div>\n            </Skeleton>\n          </div>\n        </div>\n      ))}\n    </>\n  );\n};\n\nexport default RecentReadingSessionsSkeleton;\n","import { useMemo } from 'react';\n\nimport useTranslation from 'next-translate/useTranslation';\n\nimport styles from './SurahPreviewBlock.module.scss';\n\nimport ChapterIconContainer, {\n  ChapterIconsSize,\n} from '@/components/chapters/ChapterIcon/ChapterIconContainer';\nimport { shouldUseMinimalLayout, toLocalizedNumber } from '@/utils/locale';\n\ntype SurahPreviewBlockProps = {\n  surahNumber: number;\n  surahName: string;\n  translatedSurahName: string;\n  chapterId: number;\n  description?: string;\n};\n\nconst SurahPreviewBlock = ({\n  chapterId,\n  surahName,\n  surahNumber,\n  translatedSurahName,\n  description,\n}: SurahPreviewBlockProps) => {\n  const { t, lang } = useTranslation('common');\n  const isMinimalLayout = shouldUseMinimalLayout(lang);\n  const localizedSurahNumber = useMemo(() => {\n    return toLocalizedNumber(surahNumber, lang);\n  }, [lang, surahNumber]);\n  return (\n    <div className={styles.container}>\n      <div className={styles.header}>\n        <div>\n          <div className={styles.translatedSurahName}>\n            {isMinimalLayout && <>{t('surah')} </>}\n            {translatedSurahName}\n          </div>\n          {!isMinimalLayout && (\n            <div className={styles.surahName}>\n              {t('surah')} <br />\n              {surahName}\n            </div>\n          )}\n        </div>\n        <div className={styles.surahNumber}>{localizedSurahNumber}</div>\n      </div>\n      <div className={styles.surahIcon}>\n        <ChapterIconContainer\n          chapterId={chapterId.toString()}\n          hasSurahPrefix={false}\n          size={ChapterIconsSize.Large}\n        />\n        {description && <div className={styles.description}>{description}</div>}\n      </div>\n    </div>\n  );\n};\n\nexport default SurahPreviewBlock;\n","import React, { useContext } from 'react';\n\nimport useTranslation from 'next-translate/useTranslation';\n\nimport Link from '../dls/Link/Link';\n\nimport styles from './RecentReadingSessions.module.scss';\nimport RecentReadingSessionsSkeleton from './RecentReadingSessionsSkeleton';\n\nimport SurahPreview, { SurahPreviewDisplay } from '@/dls/SurahPreview/SurahPreview';\nimport useGetRecentlyReadVerseKeys from '@/hooks/auth/useGetRecentlyReadVerseKeys';\nimport { getChapterData } from '@/utils/chapter';\nimport { logButtonClick } from '@/utils/eventLogger';\nimport { toLocalizedNumber } from '@/utils/locale';\nimport { getChapterWithStartingVerseUrl } from '@/utils/navigation';\nimport { getVerseAndChapterNumbersFromKey } from '@/utils/verse';\nimport DataContext from 'src/contexts/DataContext';\n\nconst RecentReadingSessions = () => {\n  const { t, lang } = useTranslation('home');\n  const chaptersData = useContext(DataContext);\n  const { recentlyReadVerseKeys, isLoading } = useGetRecentlyReadVerseKeys();\n  const onRecentReadingSessionClicked = () => {\n    logButtonClick('recently_read_card');\n  };\n\n  if (isLoading) {\n    return (\n      <div className={styles.sessionsContainer} id=\"reading-sessions\">\n        <p className={styles.sessionsHeader}>{t('recently-read')}</p>\n        <div className={styles.verseLinksContainer}>\n          <RecentReadingSessionsSkeleton />\n        </div>\n      </div>\n    );\n  }\n\n  if (recentlyReadVerseKeys.length === 0) return null;\n\n  return (\n    <div className={styles.sessionsContainer} id=\"reading-sessions\">\n      <p className={styles.sessionsHeader}>{t('recently-read')}</p>\n      <div className={styles.verseLinksContainer}>\n        {recentlyReadVerseKeys.map((verseKey) => {\n          const [chapterId, verseNumber] = getVerseAndChapterNumbersFromKey(verseKey);\n          const surah = getChapterData(chaptersData, chapterId);\n          return (\n            <div className={styles.verseLink} key={verseKey}>\n              <Link\n                href={getChapterWithStartingVerseUrl(verseKey)}\n                onClick={onRecentReadingSessionClicked}\n              >\n                <SurahPreview\n                  display={SurahPreviewDisplay.Block}\n                  chapterId={Number(chapterId)}\n                  surahNumber={Number(chapterId)}\n                  translatedSurahName={surah.translatedName as string}\n                  surahName={surah.transliteratedName}\n                  description={`${t('common:ayah')} ${toLocalizedNumber(\n                    Number(verseNumber),\n                    lang,\n                  )}`}\n                />\n              </Link>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default RecentReadingSessions;\n","/* eslint-disable max-lines */\nimport classNames from 'classnames';\nimport { NextPage, GetStaticProps } from 'next';\nimport { useRouter } from 'next/router';\nimport useTranslation from 'next-translate/useTranslation';\n\nimport layoutStyle from './index.module.scss';\nimport styles from './profile.module.scss';\n\nimport withAuth from '@/components/Auth/withAuth';\nimport NextSeoWrapper from '@/components/NextSeoWrapper';\nimport DeleteAccountButton from '@/components/Profile/DeleteAccountButton';\nimport BookmarksAndCollectionsSection from '@/components/Verses/BookmarksAndCollectionsSection';\nimport RecentReadingSessions from '@/components/Verses/RecentReadingSessions';\nimport Button from '@/dls/Button/Button';\nimport Skeleton from '@/dls/Skeleton/Skeleton';\nimport useCurrentUser from '@/hooks/auth/useCurrentUser';\nimport { logoutUser } from '@/utils/auth/api';\nimport { DEFAULT_PHOTO_URL } from '@/utils/auth/constants';\nimport { isLoggedIn } from '@/utils/auth/login';\nimport { removeLastSyncAt } from '@/utils/auth/userDataSync';\nimport { getAllChaptersData } from '@/utils/chapter';\nimport { logButtonClick } from '@/utils/eventLogger';\nimport { getLanguageAlternates } from '@/utils/locale';\nimport {\n  getCanonicalUrl,\n  getLoginNavigationUrl,\n  getProfileNavigationUrl,\n} from '@/utils/navigation';\nimport Error from 'src/pages/_error';\nimport ChaptersData from 'types/ChaptersData';\n\ninterface Props {\n  chaptersData?: ChaptersData;\n}\n\nconst nameSample = 'Mohammad Ali';\nconst emailSample = 'mohammadali@quran.com';\nconst ProfilePage: NextPage<Props> = () => {\n  const { t, lang } = useTranslation();\n  const router = useRouter();\n  const { user, isLoading, error } = useCurrentUser();\n\n  const onLogoutClicked = async () => {\n    if (!isLoggedIn()) {\n      return;\n    }\n    logButtonClick('profile_logout');\n\n    await logoutUser();\n    removeLastSyncAt();\n    router.push(getLoginNavigationUrl());\n    router.reload();\n  };\n\n  if (error) {\n    return <Error statusCode={500} />;\n  }\n\n  const { email, firstName, lastName, photoUrl } = user;\n\n  const profileSkeletonInfoSkeleton = (\n    <div className={classNames(styles.profileInfoContainer, styles.skeletonContainer)}>\n      <Skeleton>\n        <h2 className={styles.name}>{nameSample}</h2>\n      </Skeleton>\n      <Skeleton>\n        <div className={styles.email}>{emailSample}</div>\n      </Skeleton>\n    </div>\n  );\n\n  const profileInfo = (\n    <div className={styles.profileInfoContainer}>\n      <h2 className={styles.name}>{`${firstName} ${lastName}`}</h2>\n      <div className={styles.email}>{email}</div>\n    </div>\n  );\n\n  return (\n    <>\n      <NextSeoWrapper\n        title={t('common:profile')}\n        url={getCanonicalUrl(lang, getProfileNavigationUrl())}\n        languageAlternates={getLanguageAlternates(getProfileNavigationUrl())}\n        nofollow\n        noindex\n      />\n      <div className={layoutStyle.pageContainer}>\n        <div className={layoutStyle.flow}>\n          <div className={styles.container}>\n            <div className={classNames(layoutStyle.flowItem)}>\n              <div className={styles.profileContainer}>\n                <div className={styles.profilePicture}>\n                  {/* eslint-disable-next-line @next/next/no-img-element */}\n                  <img\n                    className={styles.profilePicture}\n                    alt=\"avatar\"\n                    src={photoUrl || DEFAULT_PHOTO_URL}\n                  />\n                </div>\n                {isLoading ? profileSkeletonInfoSkeleton : profileInfo}\n              </div>\n            </div>\n            <div\n              className={classNames(\n                layoutStyle.flowItem,\n                layoutStyle.fullWidth,\n                styles.recentReadingContainer,\n              )}\n            >\n              <RecentReadingSessions />\n            </div>\n            <div\n              className={classNames(\n                layoutStyle.flowItem,\n                layoutStyle.fullWidth,\n                styles.bookmarksAndCollectionsContainer,\n              )}\n            >\n              <BookmarksAndCollectionsSection isHomepage={false} />\n            </div>\n\n            <div\n              className={classNames(\n                layoutStyle.flowItem,\n                layoutStyle.fullWidth,\n                styles.actionsContainer,\n              )}\n            >\n              <div className={styles.action}>\n                <DeleteAccountButton isDisabled={isLoading} />\n              </div>\n              <div className={styles.action}>\n                <Button isDisabled={isLoading} onClick={onLogoutClicked}>\n                  {t('common:logout')}\n                </Button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport const getStaticProps: GetStaticProps = async ({ locale }) => {\n  const allChaptersData = await getAllChaptersData(locale);\n\n  return {\n    props: {\n      chaptersData: allChaptersData,\n    },\n  };\n};\n\nexport default withAuth(ProfilePage);\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"inputContainer\":\"DeleteAccountButton_inputContainer__XvfB_\",\"deleteButton\":\"DeleteAccountButton_deleteButton__N7Ex2\",\"confirmationText\":\"DeleteAccountButton_confirmationText__48miH\",\"instructionText\":\"DeleteAccountButton_instructionText__iVIlR\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"sessionsContainer\":\"RecentReadingSessions_sessionsContainer__mC450\",\"sessionsHeader\":\"RecentReadingSessions_sessionsHeader__lbyVl\",\"verseLinksContainer\":\"RecentReadingSessions_verseLinksContainer__18irS\",\"verseLink\":\"RecentReadingSessions_verseLink__Ky4p8\",\"button\":\"RecentReadingSessions_button__0mjNR\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"skeletonItem\":\"RecentReadingSessionsSkeleton_skeletonItem__73ehH\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"SurahPreviewBlock_container__ME6vO\",\"header\":\"SurahPreviewBlock_header__Jg3cj\",\"surahIcon\":\"SurahPreviewBlock_surahIcon__IFm5J\",\"surahNumber\":\"SurahPreviewBlock_surahNumber__MEa5C\",\"translatedSurahName\":\"SurahPreviewBlock_translatedSurahName__ZZkwX\",\"surahName\":\"SurahPreviewBlock_surahName__MNieK\",\"description\":\"SurahPreviewBlock_description__bfpmJ\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"_error_container__vJFnH\",\"withFullWidth\":\"_error_withFullWidth__VEzYc\",\"title\":\"_error_title__oLWAK\",\"goBack\":\"_error_goBack__U4WNd\",\"reportBug\":\"_error_reportBug__tsKmR\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"profile_container__oyMiM\",\"profileContainer\":\"profile_profileContainer__F0pv4\",\"profilePicture\":\"profile_profilePicture__6x3ow\",\"profileInfoContainer\":\"profile_profileInfoContainer__Z9KlM\",\"skeletonContainer\":\"profile_skeletonContainer__gJPEf\",\"name\":\"profile_name__4_ocA\",\"email\":\"profile_email___dBtF\",\"actionsContainer\":\"profile_actionsContainer__Cjx1s\",\"action\":\"profile_action__OFH1d\",\"recentReadingContainer\":\"profile_recentReadingContainer__jsh_S\",\"bookmarksAndCollectionsContainer\":\"profile_bookmarksAndCollectionsContainer__YZ3c9\",\"collectionListContainer\":\"profile_collectionListContainer__p8_hb\"};"],"names":["window","__NEXT_P","push","router","useRouter","useEffect","asPath","replace","getLoginNavigationUrl","WrappedComponent","props","useState","isReady","setIsReady","isLoggedIn","RedirectToLoginPage","useSWR","makeUserProfileUrl","getUserProfile","data","user","userData","isLoading","isValidating","error","statusCode","hasFullWidth","useTranslation","t","div","className","classNames","styles","h1","Button","onClick","document","referrer","back","p","Link","href","variant","LinkVariant","isDisabled","isModalVisible","setIsModalVisible","confirmationText","setConfirmationText","closeModal","onDeleteConfirmed","logButtonClick","deleteAccount","removeLastSyncAt","CONFIRMATION_TEXT","canDeleteAccount","toLowerCase","type","ButtonType","ButtonVariant","Modal","isOpen","onClickOutside","Trans","i18nKey","values","text","components","strong","Input","id","value","onChange","fixedWidth","containerClassName","recentReadingSessionsArr","Array","fill","lang","chaptersData","useContext","DataContext","getVerseAndChapterNumbersFromKey","chapterId","verseNumber","surah","getChapterData","isMinimalLayout","shouldUseMinimalLayout","localizedSurahNumber","useMemo","toLocalizedNumber","Number","map","k","i","skeletonStyles","surahPreviewStyles","Skeleton","isActive","translatedName","br","transliteratedName","ChapterIconContainer","toString","hasSurahPrefix","size","ChapterIconsSize","surahName","surahNumber","translatedSurahName","description","SurahPreviewDisplay","display","Block","SurahPreviewBlock","Row","SurahPreviewRow","Error","useGetRecentlyReadVerseKeys","recentlyReadVerseKeys","onRecentReadingSessionClicked","RecentReadingSessionsSkeleton","length","verseKey","getChapterWithStartingVerseUrl","SurahPreview","withAuth","useCurrentUser","onLogoutClicked","logoutUser","reload","email","firstName","lastName","photoUrl","profileSkeletonInfoSkeleton","h2","profileInfo","NextSeoWrapper","title","url","getCanonicalUrl","getProfileNavigationUrl","languageAlternates","getLanguageAlternates","nofollow","noindex","layoutStyle","img","alt","src","DEFAULT_PHOTO_URL","RecentReadingSessions","BookmarksAndCollectionsSection","isHomepage","DeleteAccountButton","module","exports"],"sourceRoot":""}