"use strict";
exports.id = 68145;
exports.ids = [68145];
exports.modules = {

/***/ 67014:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var next_translate_Trans__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(74137);
/* harmony import */ var next_translate_Trans__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(next_translate_Trans__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _dls_Carousel_Slide__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(72402);



const DataSyncSlide = ({ action  })=>{
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Carousel_Slide__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
        action: action,
        description: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_translate_Trans__WEBPACK_IMPORTED_MODULE_1___default()), {
            components: {
                br: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("br", {})
            },
            i18nKey: "common:announcements.auth-onboarding.data-sync.description"
        }),
        titleKey: "common:announcements.auth-onboarding.data-sync.title"
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DataSyncSlide);


/***/ }),

/***/ 94198:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var next_translate_Trans__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(74137);
/* harmony import */ var next_translate_Trans__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(next_translate_Trans__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _dls_Carousel_Slide__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(72402);
/* harmony import */ var _dls_Link_Link__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(61239);




const FeedbackSlide = ({ action  })=>{
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Carousel_Slide__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
        action: action,
        titleKey: "common:announcements.auth-onboarding.feedback.title",
        description: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_translate_Trans__WEBPACK_IMPORTED_MODULE_1___default()), {
            components: {
                link: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Link_Link__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                    href: "https://feedback.quran.com",
                    variant: _dls_Link_Link__WEBPACK_IMPORTED_MODULE_3__/* .LinkVariant.Blend */ .r.Blend,
                    isNewTab: true
                })
            },
            i18nKey: "common:announcements.auth-onboarding.feedback.description"
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeedbackSlide);


/***/ }),

/***/ 31742:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var next_translate_Trans__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(74137);
/* harmony import */ var next_translate_Trans__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(next_translate_Trans__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _dls_Carousel_Slide__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(72402);



const QuranFoundationLinkSlide = ({ action  })=>{
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Carousel_Slide__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
        action: action,
        titleKey: "common:announcements.auth-onboarding.quran-foundation-link.title",
        description: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_translate_Trans__WEBPACK_IMPORTED_MODULE_1___default()), {
            i18nKey: "common:announcements.auth-onboarding.quran-foundation-link.description"
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (QuranFoundationLinkSlide);


/***/ }),

/***/ 64702:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var next_translate_Trans__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(74137);
/* harmony import */ var next_translate_Trans__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(next_translate_Trans__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _dls_Carousel_Slide__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(72402);



const QuranGrowthJourneySlide = ({ action  })=>{
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Carousel_Slide__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
        action: action,
        titleKey: "common:announcements.auth-onboarding.quran-growth-journey.title",
        description: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_translate_Trans__WEBPACK_IMPORTED_MODULE_1___default()), {
            i18nKey: "common:announcements.auth-onboarding.quran-growth-journey.description"
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (QuranGrowthJourneySlide);


/***/ }),

/***/ 14006:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _dls_Carousel_Slide__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(72402);
/* harmony import */ var _public_images_moon_illustration_svg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5894);



const WelcomeSlide = ({ action  })=>{
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Carousel_Slide__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
        action: action,
        titleKey: "common:announcements.auth-onboarding.welcome.title",
        header: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_public_images_moon_illustration_svg__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {})
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (WelcomeSlide);


/***/ }),

/***/ 68145:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _AnnouncementBody__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(20789);
/* harmony import */ var _Slides_DataSyncSlide__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(67014);
/* harmony import */ var _Slides_FeedbackSlide__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(94198);
/* harmony import */ var _Slides_QuranFoundationLinkSlide__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(31742);
/* harmony import */ var _Slides_QuranGrowthJourneySlide__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(64702);
/* harmony import */ var _Slides_WelcomeSlide__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(14006);
/* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(50497);
/* harmony import */ var _dls_Carousel__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(39454);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(55943);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_Button_Button__WEBPACK_IMPORTED_MODULE_8__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_10__]);
([_dls_Button_Button__WEBPACK_IMPORTED_MODULE_8__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_10__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);











var SlideId;
(function(SlideId) {
    SlideId["Welcome"] = "welcome";
    SlideId["DataSync"] = "data-sync";
    SlideId["QuranGrowthJourney"] = "quran-growth-journey";
    SlideId["QuranFoundationLink"] = "quran-foundation-link";
    SlideId["Feedback"] = "feedback";
})(SlideId || (SlideId = {}));
const slideIdToAnalyticsName = {
    [SlideId.Welcome]: "welcome",
    [SlideId.DataSync]: "data_sync",
    [SlideId.QuranGrowthJourney]: "quran_growth_journey",
    [SlideId.QuranFoundationLink]: "quran_foundation_link",
    [SlideId.Feedback]: "feedback"
};
const logSlideCompletedClick = (slideId)=>{
    (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_10__/* .logCarouselSlideCompletion */ .An)("onboarding_announcement", slideIdToAnalyticsName[slideId]);
};
const slides = [
    {
        id: SlideId.Welcome,
        component: _Slides_WelcomeSlide__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z
    },
    {
        id: SlideId.DataSync,
        component: _Slides_DataSyncSlide__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z
    },
    {
        id: SlideId.QuranGrowthJourney,
        component: _Slides_QuranGrowthJourneySlide__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z
    },
    {
        id: SlideId.QuranFoundationLink,
        component: _Slides_QuranFoundationLinkSlide__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z
    },
    {
        id: SlideId.Feedback,
        component: _Slides_FeedbackSlide__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z
    }, 
];
const makeSlides = (t, onCompleted)=>{
    return slides.map((slide, index)=>({
            ...slide,
            component: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(slide.component, {
                action: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .ZP, {
                    href: `#${index === slides.length - 1 ? slide.id : slides[index + 1].id}`,
                    onClick: ()=>{
                        logSlideCompletedClick(slide.id);
                        if (index === slides.length - 1) {
                            onCompleted();
                        }
                    },
                    children: t(`announcements.auth-onboarding.${slide.id}.action`)
                })
            })
        }));
};
const AuthOnboardingAnnouncement = ({ onCompleted  })=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_1___default()("common");
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_AnnouncementBody__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Carousel__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
            slides: makeSlides(t, onCompleted)
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AuthOnboardingAnnouncement);

__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ })

};
;
//# sourceMappingURL=68145.js.map