exports.id = 46122;
exports.ids = [46122];
exports.modules = {

/***/ 23537:
/***/ ((module) => {

// Exports
module.exports = {
	"container": "ContentContainer_container__s7dX2"
};


/***/ }),

/***/ 37014:
/***/ ((module) => {

// Exports
module.exports = {
	"container": "LessonsList_container__sQhlU",
	"cardContainer": "LessonsList_cardContainer__L1414",
	"allCourses": "LessonsList_allCourses__zqklC",
	"titleContainer": "LessonsList_titleContainer__HsM17",
	"comingSoonContainer": "LessonsList_comingSoonContainer__kFoW6"
};


/***/ }),

/***/ 22242:
/***/ ((module) => {

// Exports
module.exports = {
	"container": "CoursesPageLayout_container__nif3j",
	"title": "CoursesPageLayout_title__romC1",
	"desc": "CoursesPageLayout_desc__p5Z4C"
};


/***/ }),

/***/ 47989:
/***/ ((module) => {

// Exports
module.exports = {
	"container": "Pill_container__FoIEg",
	"small": "Pill_small__zCILo"
};


/***/ }),

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

"use strict";
/* 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 react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _ContentContainer_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(23537);
/* harmony import */ var _ContentContainer_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_ContentContainer_module_scss__WEBPACK_IMPORTED_MODULE_2__);



const ContentContainer = ({ children  })=>{
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: (_ContentContainer_module_scss__WEBPACK_IMPORTED_MODULE_2___default().container),
        children: children
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ContentContainer);


/***/ }),

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

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* 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 react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(59003);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var next_translate_Trans__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(74137);
/* harmony import */ var next_translate_Trans__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(next_translate_Trans__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _LessonsList_module_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(37014);
/* harmony import */ var _LessonsList_module_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_LessonsList_module_scss__WEBPACK_IMPORTED_MODULE_10__);
/* harmony import */ var _dls_Card_Card__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(81035);
/* harmony import */ var _dls_Link_Link__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(61239);
/* harmony import */ var _dls_Pill__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(78945);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(55943);
/* harmony import */ var _utils_navigation__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(57933);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_Card_Card__WEBPACK_IMPORTED_MODULE_5__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_8__, _utils_navigation__WEBPACK_IMPORTED_MODULE_9__]);
([_dls_Card_Card__WEBPACK_IMPORTED_MODULE_5__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_8__, _utils_navigation__WEBPACK_IMPORTED_MODULE_9__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);











const MIN_COURSES_COUNT = 6;
const CoursesList = ({ courses , isMyCourses  })=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_4___default()("learn");
    const onMyCourses = ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_8__/* .logButtonClick */ .MY)("user_no_courses_link");
    };
    const onAllCoursesClicked = ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_8__/* .logButtonClick */ .MY)("all_courses_link");
    };
    // if the user has no courses, show a message
    if (isMyCourses && courses.length === 0) {
        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_translate_Trans__WEBPACK_IMPORTED_MODULE_3___default()), {
                i18nKey: "learn:empty-learning-plans",
                components: {
                    link: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Link_Link__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                        onClick: onMyCourses,
                        href: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_9__/* .getCoursesNavigationUrl */ .ty)(),
                        variant: _dls_Link_Link__WEBPACK_IMPORTED_MODULE_6__/* .LinkVariant.Blend */ .r.Blend
                    }, 0)
                }
            })
        });
    }
    let comingSoonCourses = [];
    // if we should put a coming soon placeholder
    if (!isMyCourses && courses.length < MIN_COURSES_COUNT) {
        // just fill the array with 0s
        comingSoonCourses = new Array(MIN_COURSES_COUNT - courses.length).fill(0);
    }
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        children: [
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: (_LessonsList_module_scss__WEBPACK_IMPORTED_MODULE_10___default().container),
                children: [
                    courses.map((course)=>{
                        const { slug , id , continueFromLesson , title , isCompleted , thumbnail  } = course;
                        const navigateTo = continueFromLesson ? (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_9__/* .getLessonNavigationUrl */ .dC)(slug, continueFromLesson) : (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_9__/* .getCourseNavigationUrl */ .ES)(slug);
                        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Link_Link__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                            href: navigateTo,
                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Card_Card__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
                                shouldShowFullTitle: true,
                                imgSrc: thumbnail,
                                title: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                                    className: (_LessonsList_module_scss__WEBPACK_IMPORTED_MODULE_10___default().titleContainer),
                                    children: [
                                        title,
                                        isCompleted ? /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Pill__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                                            children: t("completed")
                                        }) : ""
                                    ]
                                }),
                                imgAlt: title,
                                size: _dls_Card_Card__WEBPACK_IMPORTED_MODULE_5__/* .CardSize.Large */ .I.Large,
                                className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_LessonsList_module_scss__WEBPACK_IMPORTED_MODULE_10___default().cardContainer), (_LessonsList_module_scss__WEBPACK_IMPORTED_MODULE_10___default().comingSoonContainer))
                            })
                        }, id);
                    }),
                    comingSoonCourses.map((_, i)=>{
                        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Card_Card__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
                            imgSrc: "https://images.quran.com/coming-soon.png",
                            size: _dls_Card_Card__WEBPACK_IMPORTED_MODULE_5__/* .CardSize.Large */ .I.Large,
                            className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_LessonsList_module_scss__WEBPACK_IMPORTED_MODULE_10___default().cardContainer), (_LessonsList_module_scss__WEBPACK_IMPORTED_MODULE_10___default().comingSoonContainer)),
                            title: t("coming-soon")
                        }, i);
                    })
                ]
            }),
            isMyCourses && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: (_LessonsList_module_scss__WEBPACK_IMPORTED_MODULE_10___default().allCourses),
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Link_Link__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                    variant: _dls_Link_Link__WEBPACK_IMPORTED_MODULE_6__/* .LinkVariant.Highlight */ .r.Highlight,
                    onClick: onAllCoursesClicked,
                    href: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_9__/* .getCoursesNavigationUrl */ .ty)(),
                    children: t("all-learning-plans")
                })
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CoursesList);

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

/***/ }),

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

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* 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 classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var next_translate_Trans__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(74137);
/* harmony import */ var next_translate_Trans__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_translate_Trans__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _CoursesPageLayout_module_scss__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(22242);
/* harmony import */ var _CoursesPageLayout_module_scss__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_CoursesPageLayout_module_scss__WEBPACK_IMPORTED_MODULE_11__);
/* harmony import */ var _components_Course_ContentContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(79215);
/* harmony import */ var _components_Course_CoursesList__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(51055);
/* harmony import */ var _components_DataFetcher__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(12951);
/* harmony import */ var _dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(7190);
/* harmony import */ var _pages_index_module_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(23848);
/* harmony import */ var _pages_index_module_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_pages_index_module_scss__WEBPACK_IMPORTED_MODULE_10__);
/* harmony import */ var _utils_auth_api__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(37883);
/* harmony import */ var _utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(13830);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_Course_CoursesList__WEBPACK_IMPORTED_MODULE_5__, _components_DataFetcher__WEBPACK_IMPORTED_MODULE_6__]);
([_components_Course_CoursesList__WEBPACK_IMPORTED_MODULE_5__, _components_DataFetcher__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
/* eslint-disable react/no-multi-comp */ 











const Loading = ()=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {});
const CoursesPageLayout = ({ isMyCourses =false  })=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default()("learn");
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: (_pages_index_module_scss__WEBPACK_IMPORTED_MODULE_10___default().pageContainer),
        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_Course_ContentContainer__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
            children: [
                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
                    className: (_CoursesPageLayout_module_scss__WEBPACK_IMPORTED_MODULE_11___default().title),
                    children: isMyCourses ? t("common:my-learning-plans") : t("common:learning-plans")
                }),
                !isMyCourses && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                    className: (_CoursesPageLayout_module_scss__WEBPACK_IMPORTED_MODULE_11___default().desc),
                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_translate_Trans__WEBPACK_IMPORTED_MODULE_2___default()), {
                        i18nKey: "learn:learning-plans-desc",
                        components: {
                            br: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("br", {}, 0)
                        }
                    })
                }),
                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_pages_index_module_scss__WEBPACK_IMPORTED_MODULE_10___default().flow), (_CoursesPageLayout_module_scss__WEBPACK_IMPORTED_MODULE_11___default().container)),
                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_DataFetcher__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                        loading: Loading,
                        fetcher: _utils_auth_api__WEBPACK_IMPORTED_MODULE_8__/* .privateFetcher */ .UK,
                        queryKey: (0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_9__/* .makeGetCoursesUrl */ .r9)({
                            myCourses: isMyCourses
                        }),
                        render: (data)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Course_CoursesList__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
                                courses: data.data,
                                isMyCourses: isMyCourses
                            })
                    })
                })
            ]
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CoursesPageLayout);

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

/***/ }),

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

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__),
/* harmony export */   "n": () => (/* binding */ PillSize)
/* 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 react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(59003);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _Pill_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(47989);
/* harmony import */ var _Pill_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_Pill_module_scss__WEBPACK_IMPORTED_MODULE_3__);




var PillSize;
(function(PillSize) {
    PillSize["SMALL"] = "small";
    PillSize["MEDIUM"] = "medium";
})(PillSize || (PillSize = {}));
const Pill = ({ children , size =PillSize.MEDIUM  })=>{
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Pill_module_scss__WEBPACK_IMPORTED_MODULE_3___default().container), {
            [(_Pill_module_scss__WEBPACK_IMPORTED_MODULE_3___default().medium)]: size === PillSize.MEDIUM,
            [(_Pill_module_scss__WEBPACK_IMPORTED_MODULE_3___default().small)]: size === PillSize.SMALL
        }),
        children: children
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Pill);


/***/ })

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