| 1 |
- {"version":3,"file":"60400.js","mappings":";;;;;;;AAAA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;ACHA;AAA0B;AAEe;AACkB;AAEjB;AAED;AACA;AAMzC,MAAMM,MAAM,GAAoB,CAAC,EAAEC,UAAU,GAAE,GAAK;IAClD,MAAM,EAAEC,CAAC,GAAE,GAAGN,oEAAc,CAAC,QAAQ,CAAC;IACtC,qBACE,mDAACG,oEAAK;QACJI,MAAM,gBACJ,mDAACL,oEAAM;YAACM,OAAO,EAAEH,UAAU;sBAAGC,CAAC,CAAC,8CAA8C,CAAC;UAAU;QAE3FG,QAAQ,EAAC,6DAA6D;QACtEC,WAAW,gBACT,mDAACX,6DAAK;YACJY,UAAU,EAAE;gBAAEC,EAAE,gBAAE,mDAACA,IAAE,KAAG;gBAAEC,EAAE,gBAAE,mDAACA,IAAE;oBAACC,SAAS,EAAEb,qEAAe;kBAAI;gBAAEe,EAAE,gBAAE,mDAACA,IAAE,KAAG;aAAE;YAC9EC,OAAO,EAAC,mEAAmE;UAC3E;MAEJ,CACF;AACJ,CAAC;AAED,iEAAeb,MAAM,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;AChCtB;AAA0B;AAEyB;AAEd;AAEC;AAC2B;AAMjE,MAAMiB,uBAAuB,GAAoB,CAAC,EAAEC,WAAW,GAAE,GAAK;IACpE,MAAMC,oBAAoB,GAAG,IAAM;QACjCH,wFAA0B,CAAC,0BAA0B,EAAE,CAAC,CAAC,CAAC;QAC1DE,WAAW,EAAE,CAAC;IAChB,CAAC;IAED,qBACE,mDAACJ,kEAAgB;kBACf,iEAACC,8DAAQ;YACPK,MAAM,EAAE;gBACN;oBACEC,EAAE,EAAE,oBAAoB;oBACxBC,SAAS,gBAAE,mDAACtB,+DAAM;wBAACC,UAAU,EAAEkB,oBAAoB;sBAAI;iBACxD;aACF;UACD;MACe,CACnB;AACJ,CAAC;AAED,iEAAeF,uBAAuB,EAAC","sources":["webpack://quran.com/./src/components/Auth/Announcements/CollectionsAnnouncement/Slides/Slide1/Slide1.module.scss","webpack://quran.com/./src/components/Auth/Announcements/CollectionsAnnouncement/Slides/Slide1/index.tsx","webpack://quran.com/./src/components/Auth/Announcements/CollectionsAnnouncement/index.tsx"],"sourcesContent":["// Exports\nmodule.exports = {\n\t\"listItem\": \"Slide1_listItem__n6a76\"\n};\n","import React from 'react';\n\nimport Trans from 'next-translate/Trans';\nimport useTranslation from 'next-translate/useTranslation';\n\nimport styles from './Slide1.module.scss';\n\nimport Button from '@/dls/Button/Button';\nimport Slide from '@/dls/Carousel/Slide';\n\ntype Props = {\n onComplete: () => void;\n};\n\nconst Slide1: React.FC<Props> = ({ onComplete }) => {\n const { t } = useTranslation('common');\n return (\n <Slide\n action={\n <Button onClick={onComplete}>{t('announcements.auth-onboarding.slide-3.action')}</Button>\n }\n titleKey=\"common:announcements.collections-announcement.slide-1.title\"\n description={\n <Trans\n components={{ br: <br />, li: <li className={styles.listItem} />, ul: <ul /> }}\n i18nKey=\"common:announcements.collections-announcement.slide-1.description\"\n />\n }\n />\n );\n};\n\nexport default Slide1;\n","import React from 'react';\n\nimport AnnouncementBody from '../AnnouncementBody';\n\nimport Slide1 from './Slides/Slide1';\n\nimport Carousel from '@/dls/Carousel';\nimport { logCarouselSlideCompletion } from '@/utils/eventLogger';\n\ntype Props = {\n onCompleted: () => void;\n};\n\nconst CollectionsAnnouncement: React.FC<Props> = ({ onCompleted }) => {\n const onLastSlideCompleted = () => {\n logCarouselSlideCompletion('collections_announcement', 1);\n onCompleted();\n };\n\n return (\n <AnnouncementBody>\n <Carousel\n slides={[\n {\n id: 'collection-slide-1',\n component: <Slide1 onComplete={onLastSlideCompleted} />,\n },\n ]}\n />\n </AnnouncementBody>\n );\n};\n\nexport default CollectionsAnnouncement;\n"],"names":["React","Trans","useTranslation","styles","Button","Slide","Slide1","onComplete","t","action","onClick","titleKey","description","components","br","li","className","listItem","ul","i18nKey","AnnouncementBody","Carousel","logCarouselSlideCompletion","CollectionsAnnouncement","onCompleted","onLastSlideCompleted","slides","id","component"],"sourceRoot":""}
|
