| 1 |
- {"version":3,"file":"static/chunks/18091.e14cf8605378698b.js","mappings":"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","sources":["webpack://_N_E/./public/images/moon-illustration.svg","webpack://_N_E/./node_modules/next-translate/lib/esm/formatElements.js","webpack://_N_E/./node_modules/next-translate/lib/esm/Trans.js","webpack://_N_E/./src/components/Auth/Announcements/AnnouncementBody/index.tsx","webpack://_N_E/./src/components/Auth/Announcements/AuthOnboardingAnnouncement/index.tsx","webpack://_N_E/./src/components/Auth/Announcements/AuthOnboardingAnnouncement/Slides/DataSyncSlide.tsx","webpack://_N_E/./src/components/Auth/Announcements/AuthOnboardingAnnouncement/Slides/FeedbackSlide.tsx","webpack://_N_E/./src/components/Auth/Announcements/AuthOnboardingAnnouncement/Slides/QuranFoundationLinkSlide.tsx","webpack://_N_E/./src/components/Auth/Announcements/AuthOnboardingAnnouncement/Slides/QuranGrowthJourneySlide.tsx","webpack://_N_E/./src/components/Auth/Announcements/AuthOnboardingAnnouncement/Slides/WelcomeSlide.tsx","webpack://_N_E/./src/components/dls/Carousel/Slide/index.tsx","webpack://_N_E/./src/components/dls/Carousel/index.tsx","webpack://_N_E/./src/components/Auth/Announcements/AnnouncementBody/AnnouncementBody.module.scss","webpack://_N_E/./src/components/dls/Carousel/Carousel.module.scss","webpack://_N_E/./src/components/dls/Carousel/Slide/Slide.module.scss"],"sourcesContent":["var _path, _path2, _path3, _path4, _path5;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nvar SvgMoonIllustration = function SvgMoonIllustration(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 92 80\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m12.34 45.828.005.007.006.007c2.639 2.996 5.947 5.452 9.705 7.21a32.563 32.563 0 0 0 12.105 2.993 32.981 32.981 0 0 0 12.401-1.734c3.953-1.36 7.547-3.46 10.544-6.165 2.996-2.705 5.33-5.954 6.841-9.536a24.806 24.806 0 0 0 1.925-11.245c-.243-3.83-1.382-7.569-3.337-10.97-1.956-3.4-4.684-6.385-8.002-8.76l-.291.406.272-.42a.577.577 0 0 1-.248-.322.477.477 0 0 1 .04-.358.642.642 0 0 1 .33-.284.808.808 0 0 1 .498-.034c5.97 1.539 11.385 4.455 15.713 8.457 4.327 4.002 7.416 8.949 8.967 14.348a29.004 29.004 0 0 1-.112 16.452c-1.625 5.382-4.782 10.294-9.164 14.248-4.382 3.954-9.838 6.81-15.829 8.282a39.4 39.4 0 0 1-18.315.102c-6.01-1.405-11.505-4.201-15.941-8.106-4.434-3.903-7.656-8.776-9.355-14.137a.477.477 0 0 1 .04-.346c.061-.116.17-.22.32-.284a.806.806 0 0 1 .492-.043.702.702 0 0 1 .39.232Z\",\n stroke: \"currentColor\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M79.173 34.298c.302-1.936.417-3.889.345-5.837a29.111 29.111 0 0 1 1.431 9.421c-.061 4.362-1.11 8.668-3.084 12.654-1.974 3.987-4.831 7.572-8.4 10.533-3.57 2.96-7.776 5.235-12.36 6.68a39.256 39.256 0 0 1-14.294 1.72c-4.846-.311-9.568-1.512-13.878-3.528-4.309-2.016-8.113-4.803-11.18-8.188-3.066-3.385-5.33-7.296-6.658-11.493l-.004-.013a.41.41 0 0 1 .004-.284c3.692 5.875 9.286 10.586 16.028 13.501 6.934 2.998 14.735 3.948 22.298 2.718 7.562-1.231 14.51-4.582 19.853-9.584 5.343-5.002 8.81-11.404 9.899-18.3Z\",\n stroke: \"currentColor\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M54.242 8.04c3.262 2.337 5.94 5.27 7.86 8.605 1.917 3.336 3.033 7 3.272 10.752a24.305 24.305 0 0 1-1.887 11.018c-1.483 3.512-3.772 6.702-6.717 9.36-2.944 2.658-6.479 4.724-10.37 6.063a32.481 32.481 0 0 1-12.213 1.708 32.064 32.064 0 0 1-11.92-2.948c-3.698-1.729-6.95-4.144-9.54-7.086a1.202 1.202 0 0 0-.666-.403 1.306 1.306 0 0 0-.799.07c-.248.106-.449.287-.566.512a.976.976 0 0 0-.078.72c1.727 5.455 5.004 10.408 9.504 14.37 4.502 3.962 10.071 6.795 16.159 8.218a39.901 39.901 0 0 0 18.548-.103c6.067-1.491 11.598-4.386 16.044-8.397 4.447-4.012 7.655-9.001 9.307-14.475a29.503 29.503 0 0 0 .115-16.734c-1.578-5.491-4.718-10.516-9.11-14.577-4.39-4.06-9.881-7.016-15.928-8.574a1.308 1.308 0 0 0-.81.055c-.254.103-.46.284-.582.511a.977.977 0 0 0-.08.73c.068.244.23.458.457.606v0Z\",\n stroke: \"currentColor\",\n strokeWidth: 0.5,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n clipRule: \"evenodd\",\n d: \"M28.306 38.49c1.355-4.41 2.243-7.634 3.174-13.1-.05.085 7.202-2.569 10.347-3.753-4.508-.57-10.678-1.417-10.617-1.324-.848-3.48-1.636-8.948-3.62-15.313-.852 4.775-2.35 10.221-2.973 15.03-3.843 1-6.947 2.025-10.617 3.573 4.511.96 7.36 1.888 11.077 2.73 1.125 5.027 1.95 7.847 3.229 12.158Z\",\n stroke: \"currentColor\",\n strokeWidth: 1.5,\n strokeMiterlimit: 1.5,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5.744 25c.02 1.313-.077 2.688.05 3.994M2 32.059c.708.011 1.434-.104 2.14-.05M6.206 33.953c-.185 1.095-.145 2.213-.15 3.322M8.378 31.378c.983.085 2.025-.244 2.98-.015\",\n stroke: \"currentColor\",\n strokeWidth: 1.5,\n strokeMiterlimit: 1.5,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })));\n};\nexport default SvgMoonIllustration;","import React, { cloneElement, Fragment } from 'react';\nvar tagRe = /<(\\w+)>(.*?)<\\/\\1>|<(\\w+)\\/>/;\nvar nlRe = /(?:\\r\\n|\\r|\\n)/g;\nfunction getElements(parts) {\n if (!parts.length)\n return [];\n var _a = parts.slice(0, 4), paired = _a[0], children = _a[1], unpaired = _a[2], after = _a[3];\n return [\n [(paired || unpaired), children || '', after],\n ].concat(getElements(parts.slice(4, parts.length)));\n}\nexport default function formatElements(value, elements) {\n if (elements === void 0) { elements = []; }\n var parts = value.replace(nlRe, '').split(tagRe);\n if (parts.length === 1)\n return value;\n var tree = [];\n var before = parts.shift();\n if (before)\n tree.push(before);\n getElements(parts).forEach(function (_a, realIndex) {\n var key = _a[0], children = _a[1], after = _a[2];\n var element = elements[key] || React.createElement(Fragment, null);\n tree.push(cloneElement(element, { key: realIndex }, children ? formatElements(children, elements) : element.props.children));\n if (after)\n tree.push(after);\n });\n return tree;\n}\n","import { useMemo } from 'react';\nimport useTranslation from './useTranslation';\nimport formatElements from './formatElements';\nexport default function Trans(_a) {\n var i18nKey = _a.i18nKey, values = _a.values, components = _a.components, fallback = _a.fallback, defaultTrans = _a.defaultTrans, ns = _a.ns;\n var _b = useTranslation(ns), t = _b.t, lang = _b.lang;\n var result = useMemo(function () {\n var text = t(i18nKey, values, { fallback: fallback, default: defaultTrans });\n if (!components || components.length === 0)\n return text;\n return formatElements(text, components);\n }, [i18nKey, values, components, lang]);\n return result;\n}\n","import React from 'react';\n\nimport styles from './AnnouncementBody.module.scss';\n\ntype Props = {\n children: React.ReactNode;\n};\n\nconst AnnouncementBody: React.FC<Props> = ({ children }) => {\n return <div className={styles.container}>{children}</div>;\n};\n\nexport default AnnouncementBody;\n","import { Translate } from 'next-translate';\nimport useTranslation from 'next-translate/useTranslation';\n\nimport AnnouncementBody from '../AnnouncementBody';\n\nimport DataSyncSlide from './Slides/DataSyncSlide';\nimport FeedbackSlide from './Slides/FeedbackSlide';\nimport QuranFoundationLinkSlide from './Slides/QuranFoundationLinkSlide';\nimport QuranGrowthJourneySlide from './Slides/QuranGrowthJourneySlide';\nimport WelcomeSlide from './Slides/WelcomeSlide';\n\nimport Button from '@/dls/Button/Button';\nimport Carousel from '@/dls/Carousel';\nimport { logCarouselSlideCompletion } from '@/utils/eventLogger';\n\nenum SlideId {\n Welcome = 'welcome',\n DataSync = 'data-sync',\n QuranGrowthJourney = 'quran-growth-journey',\n QuranFoundationLink = 'quran-foundation-link',\n Feedback = 'feedback',\n}\n\nconst slideIdToAnalyticsName: Record<SlideId, string> = {\n [SlideId.Welcome]: 'welcome',\n [SlideId.DataSync]: 'data_sync',\n [SlideId.QuranGrowthJourney]: 'quran_growth_journey',\n [SlideId.QuranFoundationLink]: 'quran_foundation_link',\n [SlideId.Feedback]: 'feedback',\n};\n\nconst logSlideCompletedClick = (slideId: SlideId) => {\n logCarouselSlideCompletion('onboarding_announcement', slideIdToAnalyticsName[slideId]);\n};\n\nconst slides = [\n {\n id: SlideId.Welcome,\n component: WelcomeSlide,\n },\n {\n id: SlideId.DataSync,\n component: DataSyncSlide,\n },\n {\n id: SlideId.QuranGrowthJourney,\n component: QuranGrowthJourneySlide,\n },\n {\n id: SlideId.QuranFoundationLink,\n component: QuranFoundationLinkSlide,\n },\n {\n id: SlideId.Feedback,\n component: FeedbackSlide,\n },\n];\n\nconst makeSlides = (t: Translate, onCompleted: () => void) => {\n return slides.map((slide, index) => ({\n ...slide,\n component: (\n <slide.component\n action={\n <Button\n href={`#${index === slides.length - 1 ? slide.id : slides[index + 1].id}`}\n onClick={() => {\n logSlideCompletedClick(slide.id);\n if (index === slides.length - 1) {\n onCompleted();\n }\n }}\n >\n {t(`announcements.auth-onboarding.${slide.id}.action`)}\n </Button>\n }\n />\n ),\n }));\n};\n\ntype AuthOnboardingAnnouncementProps = {\n onCompleted: () => void;\n};\n\nconst AuthOnboardingAnnouncement = ({ onCompleted }: AuthOnboardingAnnouncementProps) => {\n const { t } = useTranslation('common');\n\n return (\n <AnnouncementBody>\n <Carousel slides={makeSlides(t, onCompleted)} />\n </AnnouncementBody>\n );\n};\n\nexport default AuthOnboardingAnnouncement;\n","import Trans from 'next-translate/Trans';\n\nimport Slide from '@/dls/Carousel/Slide';\n\nconst DataSyncSlide = ({ action }) => {\n return (\n <Slide\n action={action}\n description={\n <Trans\n components={{ br: <br /> }}\n i18nKey=\"common:announcements.auth-onboarding.data-sync.description\"\n />\n }\n titleKey=\"common:announcements.auth-onboarding.data-sync.title\"\n />\n );\n};\n\nexport default DataSyncSlide;\n","import Trans from 'next-translate/Trans';\n\nimport Slide from '@/dls/Carousel/Slide';\nimport Link, { LinkVariant } from '@/dls/Link/Link';\n\nconst FeedbackSlide = ({ action }) => {\n return (\n <Slide\n action={action}\n titleKey=\"common:announcements.auth-onboarding.feedback.title\"\n description={\n <Trans\n components={{\n link: <Link href=\"https://feedback.quran.com\" variant={LinkVariant.Blend} isNewTab />,\n }}\n i18nKey=\"common:announcements.auth-onboarding.feedback.description\"\n />\n }\n />\n );\n};\n\nexport default FeedbackSlide;\n","import Trans from 'next-translate/Trans';\n\nimport Slide from '@/dls/Carousel/Slide';\n\nconst QuranFoundationLinkSlide = ({ action }) => {\n return (\n <Slide\n action={action}\n titleKey=\"common:announcements.auth-onboarding.quran-foundation-link.title\"\n description={\n <Trans i18nKey=\"common:announcements.auth-onboarding.quran-foundation-link.description\" />\n }\n />\n );\n};\n\nexport default QuranFoundationLinkSlide;\n","import Trans from 'next-translate/Trans';\n\nimport Slide from '@/dls/Carousel/Slide';\n\nconst QuranGrowthJourneySlide = ({ action }) => {\n return (\n <Slide\n action={action}\n titleKey=\"common:announcements.auth-onboarding.quran-growth-journey.title\"\n description={\n <Trans i18nKey=\"common:announcements.auth-onboarding.quran-growth-journey.description\" />\n }\n />\n );\n};\n\nexport default QuranGrowthJourneySlide;\n","import Slide from '@/dls/Carousel/Slide';\nimport MoonIllustrationSVG from '@/public/images/moon-illustration.svg';\n\nconst WelcomeSlide = ({ action }) => {\n return (\n <Slide\n action={action}\n titleKey=\"common:announcements.auth-onboarding.welcome.title\"\n header={<MoonIllustrationSVG />}\n />\n );\n};\n\nexport default WelcomeSlide;\n","import React from 'react';\n\nimport Trans from 'next-translate/Trans';\n\nimport styles from './Slide.module.scss';\n\ntype Props = {\n action: React.ReactNode;\n header?: React.ReactNode;\n titleKey?: string;\n description?: React.ReactNode;\n};\n\nconst Slide: React.FC<Props> = ({ action, titleKey, description, header }) => {\n return (\n <div className={styles.slideContainer}>\n {header && <div className={styles.headerContainer}>{header}</div>}\n {titleKey && (\n <h2 className={styles.title}>\n <Trans components={{ br: <br /> }} i18nKey={titleKey} />\n </h2>\n )}\n <div className={styles.description}>\n <p>{description}</p>\n </div>\n <div className={styles.actionContainer}>{action}</div>\n </div>\n );\n};\n\nexport default Slide;\n","import { ReactNode } from 'react';\n\nimport styles from './Carousel.module.scss';\n\ntype CarouselProps = {\n slides: {\n id: string;\n component: ReactNode;\n }[];\n};\n\nconst Carousel = ({ slides }: CarouselProps) => {\n return (\n <div>\n <div className={styles.container}>\n {slides.map((slide) => (\n <div key={slide.id} className={styles.slide} id={slide.id}>\n {slide.component}\n </div>\n ))}\n </div>\n <div className={styles.dotsContainer}>\n {slides.map((slide) => (\n <div key={slide.id} className={styles.dot} />\n ))}\n </div>\n </div>\n );\n};\n\nexport default Carousel;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"AnnouncementBody_container__OiKxT\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"Carousel_container__9fIDj\",\"slide\":\"Carousel_slide__lRwf2\",\"dotsContainer\":\"Carousel_dotsContainer__sTvrs\",\"dot\":\"Carousel_dot__ac4r_\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"actionContainer\":\"Slide_actionContainer__83vSs\",\"slideContainer\":\"Slide_slideContainer___Bsts\",\"title\":\"Slide_title__BFmI9\",\"headerContainer\":\"Slide_headerContainer__gs4cj\",\"description\":\"Slide_description__pirC_\"};"],"names":["_path","_path2","_path3","_path4","_path5","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","clipRule","strokeMiterlimit","tagRe","nlRe","getElements","parts","_a","slice","paired","children","unpaired","concat","formatElements","value","elements","replace","split","tree","before","shift","push","forEach","realIndex","key","after","element","Fragment","cloneElement","Trans","i18nKey","values","components","fallback","defaultTrans","ns","_b","useTranslation","lang","useMemo","text","default","div","className","styles","action","Slide","description","br","titleKey","link","Link","href","variant","LinkVariant","isNewTab","header","MoonIllustrationSVG","SlideId","slideIdToAnalyticsName","Welcome","DataSync","QuranGrowthJourney","QuranFoundationLink","Feedback","slides","id","component","WelcomeSlide","DataSyncSlide","QuranGrowthJourneySlide","QuranFoundationLinkSlide","FeedbackSlide","makeSlides","onCompleted","map","slide","index","Button","onClick","slideId","logCarouselSlideCompletion","AnnouncementBody","Carousel","h2","p","module","exports"],"sourceRoot":""}
|
