| 1 |
- {"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":""}
|
