quran/.next/server/pages/index.js

(() => {
var exports = {};
exports.id = 95405;
exports.ids = [95405,64820];
exports.modules = {

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

"use strict";
__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": () => (/* binding */ pageWrapperTemplate),
/* harmony export */   "getServerSideProps": () => (/* binding */ getServerSideProps),
/* harmony export */   "getStaticProps": () => (/* binding */ getStaticProps)
/* harmony export */ });
/* harmony import */ var _sentry_server_config_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(96270);
/* harmony import */ var _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(58097);
/* harmony import */ var _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(59003);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(40968);
/* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(next_head__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _index_module_scss__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(23848);
/* harmony import */ var _index_module_scss__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(_index_module_scss__WEBPACK_IMPORTED_MODULE_16__);
/* harmony import */ var _components_chapters_ChapterAndJuzList__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(51401);
/* harmony import */ var _components_HomePage_HomePageHero__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(17168);
/* harmony import */ var _components_HomePage_QuranGrowthJourneySection__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(48072);
/* harmony import */ var _components_HomePage_RamadanActivitiesSection__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(4206);
/* harmony import */ var _components_NextSeoWrapper__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(25869);
/* harmony import */ var _components_Verses_BookmarksAndCollectionsSection__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(14183);
/* harmony import */ var _utils_chapter__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(95892);
/* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(24709);
/* harmony import */ var _utils_navigation__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(57933);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_chapters_ChapterAndJuzList__WEBPACK_IMPORTED_MODULE_7__, _components_HomePage_HomePageHero__WEBPACK_IMPORTED_MODULE_8__, _components_HomePage_QuranGrowthJourneySection__WEBPACK_IMPORTED_MODULE_9__, _components_HomePage_RamadanActivitiesSection__WEBPACK_IMPORTED_MODULE_10__, _components_Verses_BookmarksAndCollectionsSection__WEBPACK_IMPORTED_MODULE_12__, _utils_navigation__WEBPACK_IMPORTED_MODULE_15__]);
([_components_chapters_ChapterAndJuzList__WEBPACK_IMPORTED_MODULE_7__, _components_HomePage_HomePageHero__WEBPACK_IMPORTED_MODULE_8__, _components_HomePage_QuranGrowthJourneySection__WEBPACK_IMPORTED_MODULE_9__, _components_HomePage_RamadanActivitiesSection__WEBPACK_IMPORTED_MODULE_10__, _components_Verses_BookmarksAndCollectionsSection__WEBPACK_IMPORTED_MODULE_12__, _utils_navigation__WEBPACK_IMPORTED_MODULE_15__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);


















const Index = ({ chaptersResponse: { chapters  }  })=>{
    const { t , lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_6___default()("home");
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment, {
        children: [
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)((next_head__WEBPACK_IMPORTED_MODULE_5___default()), {
                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("link", {
                    rel: "preload",
                    as: "image",
                    href: "/images/background.jpg",
                    crossOrigin: "anonymous"
                })
            }),
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components_NextSeoWrapper__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {
                title: t("home:noble-quran"),
                url: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_15__/* .getCanonicalUrl */ .Z2)(lang, ""),
                languageAlternates: (0,_utils_locale__WEBPACK_IMPORTED_MODULE_14__/* .getLanguageAlternates */ .qc)("")
            }),
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
                className: (_index_module_scss__WEBPACK_IMPORTED_MODULE_16___default().pageContainer),
                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
                    className: (_index_module_scss__WEBPACK_IMPORTED_MODULE_16___default().flow),
                    children: [
                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components_HomePage_HomePageHero__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {}),
                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
                            className: classnames__WEBPACK_IMPORTED_MODULE_4___default()((_index_module_scss__WEBPACK_IMPORTED_MODULE_16___default().flowItem), (_index_module_scss__WEBPACK_IMPORTED_MODULE_16___default().fullWidth)),
                            children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components_HomePage_RamadanActivitiesSection__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {})
                        }),
                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
                            className: classnames__WEBPACK_IMPORTED_MODULE_4___default()((_index_module_scss__WEBPACK_IMPORTED_MODULE_16___default().flowItem), (_index_module_scss__WEBPACK_IMPORTED_MODULE_16___default().fullWidth)),
                            children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components_HomePage_QuranGrowthJourneySection__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {})
                        }),
                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
                            className: classnames__WEBPACK_IMPORTED_MODULE_4___default()((_index_module_scss__WEBPACK_IMPORTED_MODULE_16___default().flowItem), (_index_module_scss__WEBPACK_IMPORTED_MODULE_16___default().fullWidth)),
                            children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components_Verses_BookmarksAndCollectionsSection__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {
                                isHomepage: true
                            })
                        }),
                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
                            className: (_index_module_scss__WEBPACK_IMPORTED_MODULE_16___default().flowItem),
                            children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components_chapters_ChapterAndJuzList__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                                chapters: chapters
                            })
                        })
                    ]
                })
            })
        ]
    });
};
const getStaticProps$1 = async ({ locale  })=>{
    const allChaptersData = await (0,_utils_chapter__WEBPACK_IMPORTED_MODULE_13__/* .getAllChaptersData */ .T4)(locale);
    return {
        props: {
            chaptersData: allChaptersData,
            chaptersResponse: {
                chapters: Object.keys(allChaptersData).map((chapterId)=>{
                    const chapterData = allChaptersData[chapterId];
                    return {
                        ...chapterData,
                        id: Number(chapterId)
                    };
                })
            }
        }
    };
};

var serverComponentModule = /*#__PURE__*/Object.freeze({
    __proto__: null,
    getStaticProps: getStaticProps$1,
    'default': Index
});

/*
 * This file is a template for the code which will be substituted when our webpack loader handles non-API files in the
 * `pages/` directory.
 *
 * We use `__SENTRY_WRAPPING_TARGET_FILE__.cjs` as a placeholder for the path to the file being wrapped. Because it's not a real package,
 * this causes both TS and ESLint to complain, hence the pragma comments below.
 */

const userPageModule = serverComponentModule ;

const pageComponent = userPageModule ? userPageModule.default : undefined;

const origGetInitialProps = pageComponent ? pageComponent.getInitialProps : undefined;
const origGetStaticProps = userPageModule ? userPageModule.getStaticProps : undefined;
const origGetServerSideProps = userPageModule ? userPageModule.getServerSideProps : undefined;

// eslint-disable-next-line @typescript-eslint/no-explicit-any
const getInitialPropsWrappers = {
  '/_app': _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapAppGetInitialPropsWithSentry,
  '/_document': _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapDocumentGetInitialPropsWithSentry,
  '/_error': _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapErrorGetInitialPropsWithSentry,
};

const getInitialPropsWrapper = getInitialPropsWrappers['/'] || _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapGetInitialPropsWithSentry;

if (pageComponent && typeof origGetInitialProps === 'function') {
  pageComponent.getInitialProps = getInitialPropsWrapper(origGetInitialProps) ;
}

const getStaticProps =
  typeof origGetStaticProps === 'function'
    ? _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapGetStaticPropsWithSentry(origGetStaticProps, '/')
    : undefined;
const getServerSideProps =
  typeof origGetServerSideProps === 'function'
    ? _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapGetServerSidePropsWithSentry(origGetServerSideProps, '/')
    : undefined;

const pageWrapperTemplate = pageComponent ? _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapPageComponentWithSentry(pageComponent ) : pageComponent;



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

/***/ }),

/***/ 30217:
/***/ ((__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__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _defs, _g, _path, _path2, _path3, _path4, _path5, _path6, _g2;
function _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); }

var SvgGoal1 = function SvgGoal1(props) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
    xmlns: "http://www.w3.org/2000/svg",
    width: 1080,
    viewBox: "0 0 810 810",
    height: 1080
  }, props), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("clipPath", {
    id: "a"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    d: "M40.5 40.5h729v729h-729Zm0 0"
  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("clipPath", {
    id: "b"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    d: "M90 40.5h679.5V717H90Zm0 0"
  })))), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("g", {
    clipPath: "url(#a)"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    fill: "#ec3655",
    d: "M769.535 405c0 201.32-163.215 364.535-364.535 364.535C203.68 769.535 40.465 606.32 40.465 405 40.465 203.645 203.68 40.465 405 40.465c201.32 0 364.535 163.18 364.535 364.535"
  }))), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    fill: "#fff",
    d: "M669.043 405c0 145.836-118.207 264.043-264.043 264.043S140.957 550.836 140.957 405 259.164 140.957 405 140.957 669.043 259.164 669.043 405"
  })), _path2 || (_path2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    fill: "#ec3655",
    d: "M577.402 405c0 95.242-77.16 172.402-172.402 172.402-95.203 0-172.402-77.16-172.402-172.402 0-95.203 77.199-172.402 172.402-172.402 95.242 0 172.402 77.199 172.402 172.402"
  })), _path3 || (_path3 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    fill: "#fff",
    d: "M493.223 405c0 48.723-39.5 88.223-88.223 88.223s-88.223-39.5-88.223-88.223 39.5-88.223 88.223-88.223 88.223 39.5 88.223 88.223"
  })), _path4 || (_path4 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    fill: "#3abdc4",
    d: "M673.453 133.133 549.7 256.922l65.11 25.351 124.78-124.742-66.136-24.398"
  })), _path5 || (_path5 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    fill: "#3abdc4",
    d: "M673.453 133.133 549.7 256.922l-25.39-65.11 124.78-124.785 24.364 66.106"
  })), _path6 || (_path6 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    fill: "none",
    d: "m399.339 362.009 2.648 42.59 42.586 2.68",
    stroke: "#51558f",
    strokeWidth: 22.0464,
    strokeMiterlimit: 10
  })), _g2 || (_g2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("g", {
    clipPath: "url(#b)"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    fill: "none",
    d: "m694.319 112.298-292.332 292.3",
    stroke: "#51558f",
    strokeWidth: 22.0464,
    strokeMiterlimit: 10
  }))));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgGoal1);

/***/ }),

/***/ 47873:
/***/ ((__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__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _circle, _path;
function _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); }

var SvgHelpCircle = function SvgHelpCircle(props) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
    xmlns: "http://www.w3.org/2000/svg",
    width: 24,
    height: 24,
    viewBox: "0 0 24 24",
    fill: "none",
    stroke: "currentColor",
    strokeWidth: 2,
    strokeLinecap: "round",
    strokeLinejoin: "round",
    className: "feather feather-help-circle"
  }, props), _circle || (_circle = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("circle", {
    cx: 12,
    cy: 12,
    r: 10
  })), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3M12 17h.01"
  })));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgHelpCircle);

/***/ }),

/***/ 49760:
/***/ ((__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__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _path;
function _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); }

var SvgLearningPlan = function SvgLearningPlan(props) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
    width: 15,
    height: 15,
    viewBox: "0 0 15 15",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    d: "M4.2 1h-.023c-.308 0-.573 0-.79.02-.231.023-.459.071-.67.201a1.5 1.5 0 0 0-.496.495c-.13.212-.178.44-.2.67C2 2.604 2 2.87 2 3.177V11.823c0 .308 0 .573.02.79.023.231.071.459.201.67a1.5 1.5 0 0 0 .495.496c.212.13.44.178.67.2.218.021.483.021.791.021H10.823c.308 0 .573 0 .79-.02.231-.023.459-.071.67-.201a1.5 1.5 0 0 0 .496-.495c.13-.212.178-.44.2-.67.021-.218.021-.483.021-.791V3.177c0-.308 0-.573-.02-.79a1.519 1.519 0 0 0-.201-.67 1.5 1.5 0 0 0-.495-.496 1.519 1.519 0 0 0-.67-.2A8.997 8.997 0 0 0 10.823 1H4.2Zm-.961 1.074c.028-.018.085-.043.242-.058C3.645 2.001 3.863 2 4.2 2h6.6c.337 0 .555 0 .72.016.156.015.213.04.241.058a.5.5 0 0 1 .165.165c.018.028.043.085.058.242.015.164.016.382.016.719v8.6c0 .337 0 .555-.016.72-.015.156-.04.213-.058.241a.5.5 0 0 1-.165.165c-.028.018-.085.043-.242.058A8.534 8.534 0 0 1 10.8 13H4.2c-.337 0-.555 0-.72-.016-.156-.015-.213-.04-.241-.058a.5.5 0 0 1-.165-.165c-.018-.028-.043-.085-.058-.242A8.558 8.558 0 0 1 3 11.8V3.2c0-.337 0-.555.016-.72.015-.156.04-.213.058-.241a.5.5 0 0 1 .165-.165ZM5 10a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1H5Zm-.5-2.5A.5.5 0 0 1 5 7h5a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5ZM5 4a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1H5Z",
    fill: "currentColor",
    fillRule: "evenodd",
    clipRule: "evenodd"
  })));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgLearningPlan);

/***/ }),

/***/ 29033:
/***/ ((__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__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _path;
function _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); }

var SvgSearch = function SvgSearch(props) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
    width: 24,
    height: 24,
    viewBox: "0 0 24 24",
    fill: "currentColor",
    xmlns: "http://www.w3.org/2000/svg"
  }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    d: "m23.5 21.466-7.01-7.01a9.066 9.066 0 0 0 1.736-5.343C18.226 4.088 14.138 0 9.113 0 4.088 0 0 4.088 0 9.113c0 5.025 4.088 9.113 9.113 9.113a9.066 9.066 0 0 0 5.343-1.735l7.01 7.009 2.034-2.034ZM9.113 15.348a6.236 6.236 0 1 1 6.235-6.235 6.243 6.243 0 0 1-6.235 6.235Z"
  })));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgSearch);

/***/ }),

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

// Exports
module.exports = {
	"leftSection": "CommandBarTrigger_leftSection__P7gdV",
	"placeholder": "CommandBarTrigger_placeholder__tW_M9",
	"container": "CommandBarTrigger_container__g1Ziu",
	"actionsContainer": "CommandBarTrigger_actionsContainer__cN9E2",
	"searchButtonWrapper": "CommandBarTrigger_searchButtonWrapper__e5_5c"
};


/***/ }),

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

// Exports
module.exports = {
	"outerContainer": "HomePageHero_outerContainer__iOY2Z",
	"backgroundImage": "HomePageHero_backgroundImage__iQe4N",
	"innerContainer": "HomePageHero_innerContainer__2eeX_",
	"imageContainer": "HomePageHero_imageContainer__XIIR0",
	"quickLinksContainer": "HomePageHero_quickLinksContainer__dLOws"
};


/***/ }),

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

// Exports
module.exports = {
	"header": "QuickLinks_header__7j1nm",
	"quickLinksContainer": "QuickLinks_quickLinksContainer__azLk0",
	"link": "QuickLinks_link__GzlyR"
};


/***/ }),

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

// Exports
module.exports = {
	"viewPlansBtn": "CallToActionButtons_viewPlansBtn__z44Sp",
	"buttonsContainer": "CallToActionButtons_buttonsContainer__V05v8"
};


/***/ }),

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

// Exports
module.exports = {
	"container": "CollapsibleSection_container__UaKmj",
	"body": "CollapsibleSection_body__Lvq2b",
	"prefixSVG": "CollapsibleSection_prefixSVG__YjDGa"
};


/***/ }),

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

// Exports
module.exports = {
	"container": "CollapsibleTitle_container__EKu3L",
	"iconContainer": "CollapsibleTitle_iconContainer__lf_ZO"
};


/***/ }),

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

// Exports
module.exports = {
	"desc": "LearningPlans_desc__kK8C_"
};


/***/ }),

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

// Exports
module.exports = {
	"dayCircle": "DayCircle_dayCircle__phOYM",
	"filled": "DayCircle_filled__Tv8LZ",
	"stroked": "DayCircle_stroked__kfUm5"
};


/***/ }),

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

// Exports
module.exports = {
	"streakTitle": "DaysCounter_streakTitle__4zv5R",
	"streakTitleWarning": "DaysCounter_streakTitleWarning__uxmVK"
};


/***/ }),

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

// Exports
module.exports = {
	"actionsContainer": "GoalButtons_actionsContainer__q9LeA"
};


/***/ }),

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

// Exports
module.exports = {
	"container": "ReadingStreak_container__y8IIg",
	"streakSubtitle": "ReadingStreak_streakSubtitle__MhTtV",
	"weekProgressLabel": "ReadingStreak_weekProgressLabel__DNR9I",
	"week": "ReadingStreak_week__quzpy",
	"fixedWidth": "ReadingStreak_fixedWidth__efUoo",
	"day": "ReadingStreak_day___jsGZ",
	"fullName": "ReadingStreak_fullName__C5OH6",
	"shortName": "ReadingStreak_shortName__i2oZO",
	"circleContainer": "ReadingStreak_circleContainer__HmNyD",
	"dayDivider": "ReadingStreak_dayDivider__i_Pwk",
	"goalContainer": "ReadingStreak_goalContainer__p_n3V",
	"actionsContainer": "ReadingStreak_actionsContainer__Ma0GW",
	"illustrationContainer": "ReadingStreak_illustrationContainer__N8Fy6"
};


/***/ }),

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

// Exports
module.exports = {
	"button": "StreakDefinitionModal_button__2f9cU",
	"timelineSection": "StreakDefinitionModal_timelineSection__12Kt0",
	"dayCircleWrapper": "StreakDefinitionModal_dayCircleWrapper__v_qbx"
};


/***/ }),

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

// Exports
module.exports = {
	"wrapper": "QuranGrowthJourneySection_wrapper__OhnGO",
	"header": "QuranGrowthJourneySection_header__YzSYn",
	"title": "QuranGrowthJourneySection_title__p5KVY",
	"illustrationContainer": "QuranGrowthJourneySection_illustrationContainer__JXuD_"
};


/***/ }),

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

// Exports
module.exports = {
	"container": "RamadanActivitiesSection_container__TXNG4",
	"illustrationContainer": "RamadanActivitiesSection_illustrationContainer__lZFOK",
	"cta": "RamadanActivitiesSection_cta__cAwDT"
};


/***/ }),

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

// Exports
module.exports = {
	"rowContainer": "VerseRangesList_rowContainer__TTjYL"
};


/***/ }),

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

// Exports
module.exports = {
	"surahLayout": "ChapterAndJuzList_surahLayout__ZZ82j",
	"chapterContainer": "ChapterAndJuzList_chapterContainer__uVZ3E",
	"juzLayout": "ChapterAndJuzList_juzLayout__ejXgD",
	"tabsContainer": "ChapterAndJuzList_tabsContainer__3Nm7e",
	"sorter": "ChapterAndJuzList_sorter__EiaST",
	"sortByValue": "ChapterAndJuzList_sortByValue__FQ2LI",
	"rotate180": "ChapterAndJuzList_rotate180__88gQX",
	"loadingContainer": "ChapterAndJuzList_loadingContainer__jvwrw",
	"uppercase": "ChapterAndJuzList_uppercase__0CxpO",
	"revelationOrderDisclaimer": "ChapterAndJuzList_revelationOrderDisclaimer__ymzfy"
};


/***/ }),

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

// Exports
module.exports = {
	"skeletonContainer": "ChapterAndJuzListSkeleton_skeletonContainer__e0MkS",
	"skeletonItem": "ChapterAndJuzListSkeleton_skeletonItem__UFUNI",
	"tabSkeleton": "ChapterAndJuzListSkeleton_tabSkeleton__9WGKQ",
	"firstTabSkeleton": "ChapterAndJuzListSkeleton_firstTabSkeleton__5RGyO",
	"secondTabSkeleton": "ChapterAndJuzListSkeleton_secondTabSkeleton__gSzub"
};


/***/ }),

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

// Exports
module.exports = {
	"header": "Collapsible_header__CmhJq",
	"headerLeft": "Collapsible_headerLeft__Xh00n",
	"prefixContainer": "Collapsible_prefixContainer__AVHUT",
	"prefixRotated": "Collapsible_prefixRotated__bjKLn",
	"suffixContainer": "Collapsible_suffixContainer__uZ1IW"
};


/***/ }),

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

// Exports
module.exports = {
	"container": "KeyboardInput_container__Zwe4F",
	"invertedColors": "KeyboardInput_invertedColors__2s3F3"
};


/***/ }),

/***/ 70845:
/***/ ((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 next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6022);
/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _CommandBarTrigger_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(46521);
/* harmony import */ var _CommandBarTrigger_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_CommandBarTrigger_module_scss__WEBPACK_IMPORTED_MODULE_8__);
/* harmony import */ var _dls_KeyboardInput__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(55557);
/* harmony import */ var _icons_search_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(29033);
/* harmony import */ var _redux_slices_CommandBar_state__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(45066);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(55943);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__]);
_utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];





// import TarteelVoiceSearchTrigger from '@/components/TarteelVoiceSearch/Trigger';




const CommandBarTrigger = ()=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("common");
    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();
    const onClick = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__/* .logButtonClick */ .MY)("command_bar_homepage_trigger");
        dispatch({
            type: _redux_slices_CommandBar_state__WEBPACK_IMPORTED_MODULE_6__/* .toggleIsOpen.type */ .VJ.type
        });
    }, [
        dispatch
    ]);
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        role: "button",
        // onKeyPress={onClick}
        tabIndex: 0,
        className: (_CommandBarTrigger_module_scss__WEBPACK_IMPORTED_MODULE_8___default().container),
        onClick: onClick,
        id: "command-bar",
        children: [
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: (_CommandBarTrigger_module_scss__WEBPACK_IMPORTED_MODULE_8___default().leftSection),
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_search_svg__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {}),
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                        className: (_CommandBarTrigger_module_scss__WEBPACK_IMPORTED_MODULE_8___default().placeholder),
                        children: t("command-bar.placeholder")
                    })
                ]
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: (_CommandBarTrigger_module_scss__WEBPACK_IMPORTED_MODULE_8___default().actionsContainer),
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_KeyboardInput__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
                    meta: true,
                    keyboardKey: "K"
                })
            })
        ]
    }, "commandbar-trigger");
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CommandBarTrigger);

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

/***/ }),

/***/ 17168:
/***/ ((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 next_dynamic__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(96954);
/* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(next_dynamic__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(40968);
/* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_head__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _HomePageHero_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(7013);
/* harmony import */ var _HomePageHero_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_HomePageHero_module_scss__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _QuickLinks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(82627);
/* harmony import */ var _components_CommandBar_CommandBarTrigger__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(70845);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_QuickLinks__WEBPACK_IMPORTED_MODULE_3__, _components_CommandBar_CommandBarTrigger__WEBPACK_IMPORTED_MODULE_4__]);
([_QuickLinks__WEBPACK_IMPORTED_MODULE_3__, _components_CommandBar_CommandBarTrigger__WEBPACK_IMPORTED_MODULE_4__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);






const PlayRadioButton = next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()(()=>Promise.all(/* import() */[__webpack_require__.e(64564), __webpack_require__.e(9581), __webpack_require__.e(14918)]).then(__webpack_require__.bind(__webpack_require__, 14918)), {
    loadableGenerated: {
        modules: [
            "../components/HomePage/HomePageHero.tsx -> " + "./PlayRadioButton"
        ]
    }
});
const HomePageHero = ()=>{
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: (_HomePageHero_module_scss__WEBPACK_IMPORTED_MODULE_5___default().outerContainer),
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_head__WEBPACK_IMPORTED_MODULE_2___default()), {
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("link", {
                    rel: "preload",
                    as: "image",
                    href: "/images/background.jpg"
                })
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: (_HomePageHero_module_scss__WEBPACK_IMPORTED_MODULE_5___default().backgroundImage)
            }),
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                "data-theme": "light",
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(PlayRadioButton, {}),
                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                        className: (_HomePageHero_module_scss__WEBPACK_IMPORTED_MODULE_5___default().innerContainer),
                        children: [
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_CommandBar_CommandBarTrigger__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {}),
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                className: (_HomePageHero_module_scss__WEBPACK_IMPORTED_MODULE_5___default().quickLinksContainer),
                                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_QuickLinks__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {})
                            })
                        ]
                    })
                ]
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (HomePageHero);

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

/***/ }),

/***/ 83069:
/***/ ((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 _dls_Button_Button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(50497);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(55943);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_Button_Button__WEBPACK_IMPORTED_MODULE_2__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_3__]);
([_dls_Button_Button__WEBPACK_IMPORTED_MODULE_2__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);




const QuickLink = ({ text , slug , className , logKey , isExternalLink =false  })=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .ZP, {
        size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_2__/* .ButtonSize.Small */ .qE.Small,
        className: className,
        href: isExternalLink ? slug : `/${slug}`,
        type: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_2__/* .ButtonType.Secondary */ .L$.Secondary,
        variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_2__/* .ButtonVariant.Compact */ .Wu.Compact,
        shape: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_2__/* .ButtonShape.Pill */ .jL.Pill,
        onClick: ()=>{
            (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_3__/* .logButtonClick */ .MY)(`quick_link_${logKey}`);
        },
        ...isExternalLink && {
            isNewTab: true
        },
        children: text
    });
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (QuickLink);

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

/***/ }),

/***/ 82627:
/***/ ((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 next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _QuickLink__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(83069);
/* harmony import */ var _QuickLinks_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(49394);
/* harmony import */ var _QuickLinks_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_QuickLinks_module_scss__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _utils_auth_login__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(22197);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_QuickLink__WEBPACK_IMPORTED_MODULE_3__, _utils_auth_login__WEBPACK_IMPORTED_MODULE_4__]);
([_QuickLink__WEBPACK_IMPORTED_MODULE_3__, _utils_auth_login__WEBPACK_IMPORTED_MODULE_4__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);






const isProduction = process.env.NEXT_PUBLIC_VERCEL_ENV === "production";
const QUICK_LINKS = [
    {
        slug: "about-the-quran",
        logKey: "about-quran",
        key: "about-quran"
    },
    {
        slug: "surah-al-mulk",
        logKey: "surah-al-mulk",
        key: "mulk"
    },
    {
        slug: "surah-ya-sin",
        logKey: "surah-ya-sin",
        key: "yaseen"
    },
    {
        slug: "surah-al-kahf",
        logKey: "surah-al-kahf",
        key: "kahf"
    },
    {
        slug: "surah-al-waqiah",
        logKey: "surah-al-waqiah",
        key: "waqiah"
    }, 
];
// TODO: this is temporary and needs to be updated.
if ((0,_utils_auth_login__WEBPACK_IMPORTED_MODULE_4__/* .isLoggedIn */ .jl)() && isProduction) {
    QUICK_LINKS.push({
        slug: "collections/the-authority-and-importance-of-the-sunnah-clem7p7lf15921610rsdk4xzulfj",
        key: "sunnah",
        logKey: "sunnah_collection"
    });
}
const QuickLinks = ()=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("quick-links");
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: (_QuickLinks_module_scss__WEBPACK_IMPORTED_MODULE_5___default().quickLinksContainer),
        children: QUICK_LINKS.map((quickLink)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_QuickLink__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                slug: quickLink.slug,
                logKey: quickLink.logKey,
                text: t(quickLink.key),
                className: (_QuickLinks_module_scss__WEBPACK_IMPORTED_MODULE_5___default().link)
            }, quickLink.slug))
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (QuickLinks);

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

/***/ }),

/***/ 9272:
/***/ ((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 next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var swr_immutable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(79847);
/* harmony import */ var _CallToActionButtons_module_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(40091);
/* harmony import */ var _CallToActionButtons_module_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_CallToActionButtons_module_scss__WEBPACK_IMPORTED_MODULE_10__);
/* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(50497);
/* harmony import */ var _utils_auth_api__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(37883);
/* harmony import */ var _utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(13830);
/* harmony import */ var _utils_auth_login__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(22197);
/* 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__([swr_immutable__WEBPACK_IMPORTED_MODULE_3__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__, _utils_auth_login__WEBPACK_IMPORTED_MODULE_7__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_8__, _utils_navigation__WEBPACK_IMPORTED_MODULE_9__]);
([swr_immutable__WEBPACK_IMPORTED_MODULE_3__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__, _utils_auth_login__WEBPACK_IMPORTED_MODULE_7__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_8__, _utils_navigation__WEBPACK_IMPORTED_MODULE_9__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);











const LearningPlansButtons = ()=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("home");
    const { data , isValidating , error  } = (0,swr_immutable__WEBPACK_IMPORTED_MODULE_3__["default"])((0,_utils_auth_login__WEBPACK_IMPORTED_MODULE_7__/* .isLoggedIn */ .jl)() ? (0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_6__/* .makeGetUserCoursesCountUrl */ .V9)() : null, async ()=>{
        const response = await (0,_utils_auth_api__WEBPACK_IMPORTED_MODULE_5__/* .getUserCoursesCount */ .F4)();
        return response;
    });
    const onViewPlansButtonClicked = (e)=>{
        // don't toggle collapsible parent when clicking
        e.stopPropagation();
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_8__/* .logButtonClick */ .MY)("homepage_qgj_view_plans");
    };
    const onMyPlansButtonClicked = (e)=>{
        e.stopPropagation();
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_8__/* .logButtonClick */ .MY)("homepage_qgj_my_plans");
    };
    const viewPlansButton = /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .ZP, {
        onClick: onViewPlansButtonClicked,
        href: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_9__/* .getCoursesNavigationUrl */ .ty)(),
        className: (_CallToActionButtons_module_scss__WEBPACK_IMPORTED_MODULE_10___default().viewPlansBtn),
        size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__/* .ButtonSize.Small */ .qE.Small,
        type: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__/* .ButtonType.Success */ .L$.Success,
        children: t("qgj.learning-plans.cta.all-plans")
    });
    if (!(0,_utils_auth_login__WEBPACK_IMPORTED_MODULE_7__/* .isLoggedIn */ .jl)()) {
        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
            className: (_CallToActionButtons_module_scss__WEBPACK_IMPORTED_MODULE_10___default().buttonsContainer),
            children: viewPlansButton
        });
    }
    /**
   * If we are loading, or if we have an error, or if we have no data, we show the message
   */ if (isValidating && !data || error || (data?.count ?? 0) === 0) {
        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
            className: (_CallToActionButtons_module_scss__WEBPACK_IMPORTED_MODULE_10___default().buttonsContainer),
            children: viewPlansButton
        });
    }
    // user has already 1 plan
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: (_CallToActionButtons_module_scss__WEBPACK_IMPORTED_MODULE_10___default().buttonsContainer),
        children: [
            viewPlansButton,
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .ZP, {
                onClick: onMyPlansButtonClicked,
                href: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_9__/* .getMyCoursesNavigationUrl */ .L$)(),
                size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__/* .ButtonSize.Small */ .qE.Small,
                type: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__/* .ButtonType.Success */ .L$.Success,
                children: t("qgj.learning-plans.cta.my-plans")
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (LearningPlansButtons);

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

/***/ }),

/***/ 34498:
/***/ ((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 next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _CallToActionButtons_module_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(40091);
/* harmony import */ var _CallToActionButtons_module_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_CallToActionButtons_module_scss__WEBPACK_IMPORTED_MODULE_10__);
/* harmony import */ var _components_HomePage_QuranGrowthJourneySection_CollapsibleSection_QuranReadingGoals_GoalButtons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(32550);
/* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(50497);
/* harmony import */ var _hooks_auth_useGetRecentlyReadVerseKeys__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(37865);
/* harmony import */ var _hooks_auth_useGetStreakWithMetadata__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(10191);
/* harmony import */ var _utils_auth_login__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(22197);
/* 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__([_components_HomePage_QuranGrowthJourneySection_CollapsibleSection_QuranReadingGoals_GoalButtons__WEBPACK_IMPORTED_MODULE_3__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__, _hooks_auth_useGetRecentlyReadVerseKeys__WEBPACK_IMPORTED_MODULE_5__, _hooks_auth_useGetStreakWithMetadata__WEBPACK_IMPORTED_MODULE_6__, _utils_auth_login__WEBPACK_IMPORTED_MODULE_7__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_8__, _utils_navigation__WEBPACK_IMPORTED_MODULE_9__]);
([_components_HomePage_QuranGrowthJourneySection_CollapsibleSection_QuranReadingGoals_GoalButtons__WEBPACK_IMPORTED_MODULE_3__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__, _hooks_auth_useGetRecentlyReadVerseKeys__WEBPACK_IMPORTED_MODULE_5__, _hooks_auth_useGetStreakWithMetadata__WEBPACK_IMPORTED_MODULE_6__, _utils_auth_login__WEBPACK_IMPORTED_MODULE_7__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_8__, _utils_navigation__WEBPACK_IMPORTED_MODULE_9__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);











const QuranGoalsButtons = ()=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("reading-goal");
    const { goal , currentActivityDay  } = (0,_hooks_auth_useGetStreakWithMetadata__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z)({
        disableIfNoGoalExists: false
    });
    const { recentlyReadVerseKeys  } = (0,_hooks_auth_useGetRecentlyReadVerseKeys__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z)();
    const nextVerseToRead = goal?.progress?.nextVerseToRead ?? recentlyReadVerseKeys[0];
    const onCreateReadingGoalClick = (e)=>{
        // don't toggle collapsible parent when clicking
        e.stopPropagation();
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_8__/* .logButtonClick */ .MY)("homepage_qgj_create_goal");
    };
    if (goal) {
        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_HomePage_QuranGrowthJourneySection_CollapsibleSection_QuranReadingGoals_GoalButtons__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
            nextVerseToRead: nextVerseToRead,
            currentActivityDay: currentActivityDay
        });
    }
    const url = (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_9__/* .getReadingGoalNavigationUrl */ .we)();
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: (_CallToActionButtons_module_scss__WEBPACK_IMPORTED_MODULE_10___default().buttonsContainer),
        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .ZP, {
            onClick: onCreateReadingGoalClick,
            size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__/* .ButtonSize.Small */ .qE.Small,
            type: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__/* .ButtonType.Success */ .L$.Success,
            href: (0,_utils_auth_login__WEBPACK_IMPORTED_MODULE_7__/* .isLoggedIn */ .jl)() ? url : (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_9__/* .getLoginNavigationUrl */ .gk)(url),
            children: t("create-reading-goal")
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (QuranGoalsButtons);

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

/***/ }),

/***/ 23771:
/***/ ((__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 _CollapsibleTitle_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(46439);
/* harmony import */ var _CollapsibleTitle_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_CollapsibleTitle_module_scss__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _dls_IconContainer_IconContainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(17999);




const CollapsibleTitle = ({ title , icon  })=>{
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: (_CollapsibleTitle_module_scss__WEBPACK_IMPORTED_MODULE_3___default().container),
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_IconContainer_IconContainer__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .ZP, {
                className: (_CollapsibleTitle_module_scss__WEBPACK_IMPORTED_MODULE_3___default().iconContainer),
                shouldForceSetColors: false,
                icon: icon,
                shouldFlipOnRTL: false
            }),
            title
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CollapsibleTitle);


/***/ }),

/***/ 4051:
/***/ ((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 next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var swr_immutable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(79847);
/* harmony import */ var _LearningPlans_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(57474);
/* harmony import */ var _LearningPlans_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_LearningPlans_module_scss__WEBPACK_IMPORTED_MODULE_7__);
/* harmony import */ var _utils_auth_api__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(37883);
/* harmony import */ var _utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(13830);
/* harmony import */ var _utils_auth_login__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(22197);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr_immutable__WEBPACK_IMPORTED_MODULE_3__, _utils_auth_login__WEBPACK_IMPORTED_MODULE_6__]);
([swr_immutable__WEBPACK_IMPORTED_MODULE_3__, _utils_auth_login__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);








const LearningPlans = ()=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("home");
    const { data , isValidating , error  } = (0,swr_immutable__WEBPACK_IMPORTED_MODULE_3__["default"])((0,_utils_auth_login__WEBPACK_IMPORTED_MODULE_6__/* .isLoggedIn */ .jl)() ? (0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_5__/* .makeGetUserCoursesCountUrl */ .V9)() : null, async ()=>{
        const response = await (0,_utils_auth_api__WEBPACK_IMPORTED_MODULE_4__/* .getUserCoursesCount */ .F4)();
        return response;
    });
    if (!(0,_utils_auth_login__WEBPACK_IMPORTED_MODULE_6__/* .isLoggedIn */ .jl)()) {
        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
            className: (_LearningPlans_module_scss__WEBPACK_IMPORTED_MODULE_7___default().desc),
            children: t("qgj.learning-plans.desc.logged-out")
        });
    }
    /**
   * If we are loading, or if we have an error, or if we have no data, we show the message
   */ if (isValidating && !data || error || (data?.count ?? 0) === 0) {
        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
            className: (_LearningPlans_module_scss__WEBPACK_IMPORTED_MODULE_7___default().desc),
            children: t("qgj.learning-plans.desc.logged-in-no-plans")
        });
    }
    // user has at least 1 plan
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
        className: (_LearningPlans_module_scss__WEBPACK_IMPORTED_MODULE_7___default().desc),
        children: t("qgj.learning-plans.desc.logged-in")
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (LearningPlans);

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

/***/ }),

/***/ 11716:
/***/ ((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_useTranslation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _DayCircle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(57304);
/* harmony import */ var _ReadingStreak_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(97327);
/* harmony import */ var _ReadingStreak_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_ReadingStreak_module_scss__WEBPACK_IMPORTED_MODULE_8__);
/* harmony import */ var _dls_Popover__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(25914);
/* harmony import */ var _dls_Popover_HoverablePopover__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(74306);
/* harmony import */ var _utils_datetime__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(76410);
/* harmony import */ var _utils_number__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(19303);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_Popover__WEBPACK_IMPORTED_MODULE_4__, _dls_Popover_HoverablePopover__WEBPACK_IMPORTED_MODULE_5__]);
([_dls_Popover__WEBPACK_IMPORTED_MODULE_4__, _dls_Popover_HoverablePopover__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);









const CurrentWeekProgress = ({ weekData , goal , fixedWidth =true  })=>{
    const { lang , t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()();
    const { days , readingDaysMap  } = weekData;
    const getDayState = (day)=>{
        const readingDay = readingDaysMap[day.dateString];
        const hasRead = readingDay?.hasRead;
        // if the user has a goal, we want to show a checked circle if the user has completed his goal for the day
        // otherwise, we want to show a filled circle if the user has read at all for the day
        const isGoalDone = goal ? (0,_utils_number__WEBPACK_IMPORTED_MODULE_7__/* .convertFractionToPercent */ .xT)(readingDay?.progress || 0) >= 100 : hasRead;
        if (isGoalDone) return _DayCircle__WEBPACK_IMPORTED_MODULE_3__/* .DayState.Checked */ .C.Checked;
        if (hasRead) return _DayCircle__WEBPACK_IMPORTED_MODULE_3__/* .DayState.Filled */ .C.Filled;
        return day.current ? _DayCircle__WEBPACK_IMPORTED_MODULE_3__/* .DayState.Stroked */ .C.Stroked : _DayCircle__WEBPACK_IMPORTED_MODULE_3__/* .DayState.None */ .C.None;
    };
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
                className: (_ReadingStreak_module_scss__WEBPACK_IMPORTED_MODULE_8___default().weekProgressLabel),
                children: t("reading-goal:week-progress")
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_ReadingStreak_module_scss__WEBPACK_IMPORTED_MODULE_8___default().week), {
                    [(_ReadingStreak_module_scss__WEBPACK_IMPORTED_MODULE_8___default().fixedWidth)]: fixedWidth
                }),
                children: days.map((day)=>{
                    const dayState = getDayState(day);
                    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                        className: (_ReadingStreak_module_scss__WEBPACK_IMPORTED_MODULE_8___default().day),
                        children: [
                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_dls_Popover_HoverablePopover__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
                                content: (0,_utils_datetime__WEBPACK_IMPORTED_MODULE_6__/* .dateToReadableFormat */ .ZC)(day.date, lang),
                                contentSide: _dls_Popover__WEBPACK_IMPORTED_MODULE_4__/* .ContentSide.TOP */ .iw.TOP,
                                children: [
                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                                        className: (_ReadingStreak_module_scss__WEBPACK_IMPORTED_MODULE_8___default().fullName),
                                        children: day.info.title
                                    }),
                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                                        className: (_ReadingStreak_module_scss__WEBPACK_IMPORTED_MODULE_8___default().shortName),
                                        children: day.info.localizedNumber
                                    })
                                ]
                            }),
                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                                className: (_ReadingStreak_module_scss__WEBPACK_IMPORTED_MODULE_8___default().circleContainer),
                                children: [
                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_DayCircle__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                                        state: dayState
                                    }),
                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                        className: (_ReadingStreak_module_scss__WEBPACK_IMPORTED_MODULE_8___default().dayDivider)
                                    })
                                ]
                            })
                        ]
                    }, day.info.localizedNumber);
                })
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CurrentWeekProgress);

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

/***/ }),

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

"use strict";

// EXPORTS
__webpack_require__.d(__webpack_exports__, {
  "C": () => (/* binding */ DayState),
  "Z": () => (/* binding */ QuranReadingGoals_DayCircle)
});

// EXTERNAL MODULE: external "react/jsx-runtime"
var jsx_runtime_ = __webpack_require__(20997);
// EXTERNAL MODULE: external "classnames"
var external_classnames_ = __webpack_require__(59003);
var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
// EXTERNAL MODULE: ./src/components/HomePage/QuranGrowthJourneySection/CollapsibleSection/QuranReadingGoals/DayCircle/DayCircle.module.scss
var DayCircle_module = __webpack_require__(27934);
var DayCircle_module_default = /*#__PURE__*/__webpack_require__.n(DayCircle_module);
// EXTERNAL MODULE: external "react"
var external_react_ = __webpack_require__(16689);
;// CONCATENATED MODULE: ./public/icons/check.svg
var _path;
function _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); }

var SvgCheck = function SvgCheck(props) {
  return /*#__PURE__*/external_react_.createElement("svg", _extends({
    width: 15,
    height: 15,
    viewBox: "0 0 15 15",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, props), _path || (_path = /*#__PURE__*/external_react_.createElement("path", {
    d: "M11.467 3.727c.289.189.37.576.181.865l-4.25 6.5a.625.625 0 0 1-.944.12l-2.75-2.5a.625.625 0 0 1 .841-.925l2.208 2.007 3.849-5.886a.625.625 0 0 1 .865-.181Z",
    fill: "currentColor",
    fillRule: "evenodd",
    clipRule: "evenodd"
  })));
};
/* harmony default export */ const check = (SvgCheck);
;// CONCATENATED MODULE: ./src/components/HomePage/QuranGrowthJourneySection/CollapsibleSection/QuranReadingGoals/DayCircle/index.tsx




var DayState;
(function(DayState) {
    DayState["None"] = "none";
    DayState["Stroked"] = "stroked";
    DayState["Filled"] = "filled";
    DayState["Checked"] = "checked";
})(DayState || (DayState = {}));
const DayCircle = ({ state  })=>{
    return /*#__PURE__*/ jsx_runtime_.jsx("div", {
        className: external_classnames_default()((DayCircle_module_default()).dayCircle, {
            [(DayCircle_module_default()).filled]: state === DayState.Filled || state === DayState.Checked,
            [(DayCircle_module_default()).stroked]: state === DayState.Stroked
        }),
        children: state === DayState.Checked ? /*#__PURE__*/ jsx_runtime_.jsx(check, {}) : null
    });
};
/* harmony default export */ const QuranReadingGoals_DayCircle = (DayCircle);


/***/ }),

/***/ 70629:
/***/ ((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_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 _DaysCounter_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(40034);
/* harmony import */ var _DaysCounter_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_DaysCounter_module_scss__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _components_HomePage_QuranGrowthJourneySection_CollapsibleSection_QuranReadingGoals_StreakDefinitionModal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(63650);
/* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(24709);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_HomePage_QuranGrowthJourneySection_CollapsibleSection_QuranReadingGoals_StreakDefinitionModal__WEBPACK_IMPORTED_MODULE_4__]);
_components_HomePage_QuranGrowthJourneySection_CollapsibleSection_QuranReadingGoals_StreakDefinitionModal__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];







const DaysCounter = ({ streak , currentActivityDay  })=>{
    const { t , lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default()("reading-goal");
    const localizedStreak = (0,_utils_locale__WEBPACK_IMPORTED_MODULE_5__/* .toLocalizedNumber */ .rQ)(streak, lang);
    const hasUserReadToday = currentActivityDay?.hasRead;
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_DaysCounter_module_scss__WEBPACK_IMPORTED_MODULE_6___default().streakTitle), !hasUserReadToday && streak > 0 && (_DaysCounter_module_scss__WEBPACK_IMPORTED_MODULE_6___default().streakTitleWarning)),
        children: [
            t("x-days-streak", {
                days: localizedStreak
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_HomePage_QuranGrowthJourneySection_CollapsibleSection_QuranReadingGoals_StreakDefinitionModal__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {})
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DaysCounter);

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

/***/ }),

/***/ 32550:
/***/ ((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 next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _GoalButtons_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(21463);
/* harmony import */ var _GoalButtons_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_GoalButtons_module_scss__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(50497);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(55943);
/* harmony import */ var _utils_navigation__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(57933);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_4__, _utils_navigation__WEBPACK_IMPORTED_MODULE_5__]);
([_dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_4__, _utils_navigation__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);







const GoalButtons = ({ nextVerseToRead , currentActivityDay  })=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("reading-goal");
    const onViewProgressClick = (e)=>{
        // don't toggle collapsible parent when clicking
        e.stopPropagation();
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_4__/* .logButtonClick */ .MY)("homepage_streak_widget_view_progress");
    };
    const onContinueReadingClick = (e)=>{
        // don't toggle collapsible parent when clicking
        e.stopPropagation();
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_4__/* .logButtonClick */ .MY)("homepage_streak_widget_continue_reading", {
            // eslint-disable-next-line @typescript-eslint/naming-convention
            verse_key: nextVerseToRead
        });
    };
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: (_GoalButtons_module_scss__WEBPACK_IMPORTED_MODULE_6___default().actionsContainer),
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP, {
                href: nextVerseToRead ? (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_5__/* .getChapterWithStartingVerseUrl */ .P6)(nextVerseToRead) : undefined,
                isDisabled: !nextVerseToRead,
                onClick: onContinueReadingClick,
                size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__/* .ButtonSize.Small */ .qE.Small,
                type: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__/* .ButtonType.Success */ .L$.Success,
                children: t(currentActivityDay?.ranges.length ? "continue-reading" : "start-reading")
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP, {
                variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__/* .ButtonVariant.Ghost */ .Wu.Ghost,
                size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__/* .ButtonSize.Small */ .qE.Small,
                href: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_5__/* .getReadingGoalProgressNavigationUrl */ .oJ)(),
                onClick: onViewProgressClick,
                children: t("view-progress")
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (GoalButtons);

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

/***/ }),

/***/ 16068:
/***/ ((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 next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _components_ReadingGoal_ReadingGoalAmount__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(65519);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_ReadingGoal_ReadingGoalAmount__WEBPACK_IMPORTED_MODULE_3__]);
_components_ReadingGoal_ReadingGoalAmount__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];




const GoalStatus = ({ currentActivityDay , goal , percent , isQuranReader  })=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("reading-goal");
    if (!goal) return null;
    if (goal.isCompleted) {
        return t("progress.goal-complete");
    }
    if (percent < 100) {
        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_ReadingGoal_ReadingGoalAmount__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
            currentActivityDay: currentActivityDay,
            goal: goal,
            context: isQuranReader ? _components_ReadingGoal_ReadingGoalAmount__WEBPACK_IMPORTED_MODULE_3__/* .ReadingGoalAmountContext.QuranReader */ .H.QuranReader : _components_ReadingGoal_ReadingGoalAmount__WEBPACK_IMPORTED_MODULE_3__/* .ReadingGoalAmountContext.HomePage */ .H.HomePage
        });
    }
    return t("progress.complete");
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (GoalStatus);

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

/***/ }),

/***/ 63650:
/***/ ((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 next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _DayCircle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(57304);
/* harmony import */ var _StreakDefinitionModal_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(21510);
/* harmony import */ var _StreakDefinitionModal_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_StreakDefinitionModal_module_scss__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(21948);
/* harmony import */ var _icons_help_circle_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(47873);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_4__]);
_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
/* eslint-disable jsx-a11y/control-has-associated-label */ 






const states = [
    {
        state: _DayCircle__WEBPACK_IMPORTED_MODULE_3__/* .DayState.None */ .C.None,
        label: "none"
    },
    {
        state: _DayCircle__WEBPACK_IMPORTED_MODULE_3__/* .DayState.Stroked */ .C.Stroked,
        label: "stroked"
    },
    {
        state: _DayCircle__WEBPACK_IMPORTED_MODULE_3__/* .DayState.Filled */ .C.Filled,
        label: "filled"
    },
    {
        state: _DayCircle__WEBPACK_IMPORTED_MODULE_3__/* .DayState.Checked */ .C.Checked,
        label: "checked"
    }, 
];
const StreakDefinitionModal = ()=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("reading-goal");
    const { 0: open , 1: setOpen  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
    const onOpen = ()=>setOpen(true);
    const onClose = ()=>setOpen(false);
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("button", {
                type: "button",
                className: (_StreakDefinitionModal_module_scss__WEBPACK_IMPORTED_MODULE_6___default().button),
                onClick: onOpen,
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_help_circle_svg__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {})
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
                isOpen: open,
                onClickOutside: onClose,
                onEscapeKeyDown: onClose,
                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_4__/* ["default"].Body */ .Z.Body, {
                    children: [
                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_4__/* ["default"].Header */ .Z.Header, {
                            children: [
                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_4__/* ["default"].Title */ .Z.Title, {
                                    children: t("streak")
                                }),
                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_4__/* ["default"].Subtitle */ .Z.Subtitle, {
                                    children: t("streak-definition")
                                })
                            ]
                        }),
                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                            className: (_StreakDefinitionModal_module_scss__WEBPACK_IMPORTED_MODULE_6___default().timelineSection),
                            children: [
                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", {
                                    children: t("timeline-meaning")
                                }),
                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("ul", {
                                    children: states.map(({ state , label  })=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("li", {
                                            children: [
                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                                    className: (_StreakDefinitionModal_module_scss__WEBPACK_IMPORTED_MODULE_6___default().dayCircleWrapper),
                                                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_DayCircle__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                                                        state: state
                                                    })
                                                }),
                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                                                    children: t(`timeline-states.${label}`)
                                                })
                                            ]
                                        }, label))
                                })
                            ]
                        })
                    ]
                })
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (StreakDefinitionModal);

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

/***/ }),

/***/ 71580:
/***/ ((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 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 _CurrentWeekProgress__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(11716);
/* harmony import */ var _DaysCounter__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(70629);
/* harmony import */ var _GoalStatus__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(16068);
/* harmony import */ var _ReadingStreak_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(97327);
/* harmony import */ var _ReadingStreak_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_ReadingStreak_module_scss__WEBPACK_IMPORTED_MODULE_8__);
/* harmony import */ var _dls_Skeleton_Skeleton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(77048);
/* harmony import */ var _hooks_auth_useGetStreakWithMetadata__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(10191);
/* harmony import */ var _utils_number__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(19303);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_CurrentWeekProgress__WEBPACK_IMPORTED_MODULE_2__, _DaysCounter__WEBPACK_IMPORTED_MODULE_3__, _GoalStatus__WEBPACK_IMPORTED_MODULE_4__, _hooks_auth_useGetStreakWithMetadata__WEBPACK_IMPORTED_MODULE_6__]);
([_CurrentWeekProgress__WEBPACK_IMPORTED_MODULE_2__, _DaysCounter__WEBPACK_IMPORTED_MODULE_3__, _GoalStatus__WEBPACK_IMPORTED_MODULE_4__, _hooks_auth_useGetStreakWithMetadata__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);









const HomePageReadingStreak = ()=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_1___default()("reading-goal");
    const { isLoading , error , streak , goal , weekData , currentActivityDay  } = (0,_hooks_auth_useGetStreakWithMetadata__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z)({
        disableIfNoGoalExists: false
    });
    const percent = (0,_utils_number__WEBPACK_IMPORTED_MODULE_7__/* .convertFractionToPercent */ .xT)(currentActivityDay?.progress || 0);
    if (error || !isLoading && streak === 0 && !goal) {
        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
            children: t("home:qgj.quran-reading-goals.desc.logged-out")
        });
    }
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: (_ReadingStreak_module_scss__WEBPACK_IMPORTED_MODULE_8___default().container),
                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
                    children: [
                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                            children: [
                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                                    className: (_ReadingStreak_module_scss__WEBPACK_IMPORTED_MODULE_8___default().streakSubtitle),
                                    children: t("reading-goal-label")
                                }),
                                isLoading ? /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Skeleton_Skeleton__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
                                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_DaysCounter__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                                        currentActivityDay: currentActivityDay,
                                        streak: streak
                                    })
                                }) : /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_DaysCounter__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                                    currentActivityDay: currentActivityDay,
                                    streak: streak
                                })
                            ]
                        }),
                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_CurrentWeekProgress__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
                            goal: goal,
                            weekData: weekData
                        })
                    ]
                })
            }),
            goal && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: (_ReadingStreak_module_scss__WEBPACK_IMPORTED_MODULE_8___default().goalContainer),
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_GoalStatus__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
                    isQuranReader: false,
                    goal: goal,
                    currentActivityDay: currentActivityDay,
                    percent: percent
                })
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (HomePageReadingStreak);

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

/***/ }),

/***/ 23078:
/***/ ((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 */   "j": () => (/* binding */ CollapsibleType)
/* 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 next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _CollapsibleSection_module_scss__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(49794);
/* harmony import */ var _CollapsibleSection_module_scss__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_CollapsibleSection_module_scss__WEBPACK_IMPORTED_MODULE_12__);
/* harmony import */ var _CollapsibleTitle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(23771);
/* harmony import */ var _LearningPlans__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(4051);
/* harmony import */ var _components_HomePage_QuranGrowthJourneySection_CallToActionButtons_LearningPlansButtons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(9272);
/* harmony import */ var _components_HomePage_QuranGrowthJourneySection_CallToActionButtons_QuranGoalsButtons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(34498);
/* harmony import */ var _components_HomePage_QuranGrowthJourneySection_CollapsibleSection_QuranReadingGoals__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(71580);
/* harmony import */ var _dls_Collapsible_Collapsible__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(92775);
/* harmony import */ var _icons_chevron_down_svg__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(24868);
/* harmony import */ var _icons_goal_1_svg__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(30217);
/* harmony import */ var _icons_learning_plan_svg__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(49760);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_LearningPlans__WEBPACK_IMPORTED_MODULE_4__, _components_HomePage_QuranGrowthJourneySection_CallToActionButtons_LearningPlansButtons__WEBPACK_IMPORTED_MODULE_5__, _components_HomePage_QuranGrowthJourneySection_CallToActionButtons_QuranGoalsButtons__WEBPACK_IMPORTED_MODULE_6__, _components_HomePage_QuranGrowthJourneySection_CollapsibleSection_QuranReadingGoals__WEBPACK_IMPORTED_MODULE_7__, _dls_Collapsible_Collapsible__WEBPACK_IMPORTED_MODULE_8__]);
([_LearningPlans__WEBPACK_IMPORTED_MODULE_4__, _components_HomePage_QuranGrowthJourneySection_CallToActionButtons_LearningPlansButtons__WEBPACK_IMPORTED_MODULE_5__, _components_HomePage_QuranGrowthJourneySection_CallToActionButtons_QuranGoalsButtons__WEBPACK_IMPORTED_MODULE_6__, _components_HomePage_QuranGrowthJourneySection_CollapsibleSection_QuranReadingGoals__WEBPACK_IMPORTED_MODULE_7__, _dls_Collapsible_Collapsible__WEBPACK_IMPORTED_MODULE_8__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);













var CollapsibleType;
(function(CollapsibleType) {
    CollapsibleType["QuranReadingGoalsType"] = "quran_reading_goals";
    CollapsibleType["LearningPlansType"] = "learning_plans";
})(CollapsibleType || (CollapsibleType = {}));
const CollapsibleSection = ({ onOpenChange , type  })=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("home");
    const { 0: isOpen , 1: setIsOpen  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: (_CollapsibleSection_module_scss__WEBPACK_IMPORTED_MODULE_12___default().container),
        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Collapsible_Collapsible__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
            direction: _dls_Collapsible_Collapsible__WEBPACK_IMPORTED_MODULE_8__/* .CollapsibleDirection.Right */ .a.Right,
            onOpenChange: (newIsOpen)=>{
                setIsOpen(newIsOpen);
                onOpenChange(type, isOpen);
            },
            shouldOpen: isOpen,
            title: type === CollapsibleType.QuranReadingGoalsType ? /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_CollapsibleTitle__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                        title: t("qgj.quran-reading-goals.title"),
                        icon: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_goal_1_svg__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {})
                    }),
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_HomePage_QuranGrowthJourneySection_CallToActionButtons_QuranGoalsButtons__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {})
                ]
            }) : /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_CollapsibleTitle__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                        title: t("qgj.learning-plans.title"),
                        icon: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_learning_plan_svg__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {})
                    }),
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_HomePage_QuranGrowthJourneySection_CallToActionButtons_LearningPlansButtons__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {})
                ]
            }),
            prefix: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: (_CollapsibleSection_module_scss__WEBPACK_IMPORTED_MODULE_12___default().prefixSVG),
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_chevron_down_svg__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {})
            }),
            shouldRotatePrefixOnToggle: true,
            children: ({ isOpen: isCollapsibleOpen  })=>{
                if (!isCollapsibleOpen) return null;
                return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                    className: (_CollapsibleSection_module_scss__WEBPACK_IMPORTED_MODULE_12___default().body),
                    children: type === CollapsibleType.QuranReadingGoalsType ? /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_HomePage_QuranGrowthJourneySection_CollapsibleSection_QuranReadingGoals__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {}) : /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_LearningPlans__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {})
                });
            }
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CollapsibleSection);

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

/***/ }),

/***/ 48072:
/***/ ((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 next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _CollapsibleSection__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(23078);
/* harmony import */ var _QuranGrowthJourneySection_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(2012);
/* harmony import */ var _QuranGrowthJourneySection_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_QuranGrowthJourneySection_module_scss__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _public_images_moon_illustration_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5894);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(55943);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_CollapsibleSection__WEBPACK_IMPORTED_MODULE_3__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_5__]);
([_CollapsibleSection__WEBPACK_IMPORTED_MODULE_3__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);







const QuranGrowthJourneySection = ()=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("home");
    const logOpenChange = (collapsibleType, isOpen)=>{
        if (isOpen) {
            (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_5__/* .logEvent */ .Kz)(`homepage_${collapsibleType}_collapse_opened`);
        } else {
            (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_5__/* .logEvent */ .Kz)(`homepage_${collapsibleType}_collapse_closed`);
        }
    };
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: (_QuranGrowthJourneySection_module_scss__WEBPACK_IMPORTED_MODULE_6___default().wrapper),
        id: "qgj-widget",
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: (_QuranGrowthJourneySection_module_scss__WEBPACK_IMPORTED_MODULE_6___default().illustrationContainer),
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_public_images_moon_illustration_svg__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {})
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: (_QuranGrowthJourneySection_module_scss__WEBPACK_IMPORTED_MODULE_6___default().header),
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
                    className: (_QuranGrowthJourneySection_module_scss__WEBPACK_IMPORTED_MODULE_6___default().title),
                    children: t("qgj.title")
                })
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_CollapsibleSection__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                onOpenChange: logOpenChange,
                type: _CollapsibleSection__WEBPACK_IMPORTED_MODULE_3__/* .CollapsibleType.QuranReadingGoalsType */ .j.QuranReadingGoalsType
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_CollapsibleSection__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                onOpenChange: logOpenChange,
                type: _CollapsibleSection__WEBPACK_IMPORTED_MODULE_3__/* .CollapsibleType.LearningPlansType */ .j.LearningPlansType
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (QuranGrowthJourneySection);

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

/***/ }),

/***/ 4206:
/***/ ((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 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 _RamadanActivitiesSection_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(58825);
/* harmony import */ var _RamadanActivitiesSection_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_RamadanActivitiesSection_module_scss__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _dls_Link_Link__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(61239);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(55943);
/* harmony import */ var _utils_navigation__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(57933);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_utils_eventLogger__WEBPACK_IMPORTED_MODULE_4__, _utils_navigation__WEBPACK_IMPORTED_MODULE_5__]);
([_utils_eventLogger__WEBPACK_IMPORTED_MODULE_4__, _utils_navigation__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);







const RamadanActivitiesSection = ()=>{
    const onLinkClicked = ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_4__/* .logButtonClick */ .MY)("homepage_quranic_calendar_cta");
    };
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: (_RamadanActivitiesSection_module_scss__WEBPACK_IMPORTED_MODULE_6___default().container),
        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
            className: (_RamadanActivitiesSection_module_scss__WEBPACK_IMPORTED_MODULE_6___default().cta),
            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_translate_Trans__WEBPACK_IMPORTED_MODULE_2___default()), {
                components: {
                    link: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Link_Link__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                        onClick: onLinkClicked,
                        href: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_5__/* .getQuranicCalendarNavigationUrl */ .ly)(),
                        variant: _dls_Link_Link__WEBPACK_IMPORTED_MODULE_3__/* .LinkVariant.Blend */ .r.Blend,
                        isNewTab: true
                    })
                },
                i18nKey: "home:ramadan-activities-cta",
                values: {
                    source: "quranwbw"
                }
            })
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RamadanActivitiesSection);

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

/***/ }),

/***/ 64142:
/***/ ((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 next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _VerseRangesList_module_scss__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(59662);
/* harmony import */ var _VerseRangesList_module_scss__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_VerseRangesList_module_scss__WEBPACK_IMPORTED_MODULE_13__);
/* harmony import */ var _contexts_DataContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(70813);
/* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(50497);
/* harmony import */ var _dls_Link_Link__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(61239);
/* harmony import */ var _icons_close_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(51053);
/* harmony import */ var _types_Range__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(70725);
/* harmony import */ var _utils_chapter__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(95892);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(55943);
/* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(24709);
/* harmony import */ var _utils_navigation__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(57933);
/* harmony import */ var _utils_verseKeys__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(36495);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_9__, _utils_navigation__WEBPACK_IMPORTED_MODULE_11__]);
([_dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_9__, _utils_navigation__WEBPACK_IMPORTED_MODULE_11__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);














const VerseRangesList = ({ ranges , onVerseClick , allowClearingRanges , setRanges  })=>{
    const { t , lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("reading-goal");
    const chaptersData = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(_contexts_DataContext__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z);
    const handleVerseClick = (position, verseKey)=>{
        if (!onVerseClick) return;
        onVerseClick(position, verseKey);
    };
    const handleRangeDeleteClick = (toBeRemovedRange)=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_9__/* .logButtonClick */ .MY)("add_reading_range_remove", {
            range: toBeRemovedRange
        });
        const newRanges = ranges.filter((range)=>range !== toBeRemovedRange);
        setRanges(newRanges);
    };
    const all = [];
    ranges.forEach((range)=>{
        const [{ chapter: fromChapter , verse: fromVerse , verseKey: rangeFrom  }, { chapter: toChapter , verse: toVerse , verseKey: rangeTo  }, ] = (0,_utils_verseKeys__WEBPACK_IMPORTED_MODULE_12__/* .parseVerseRange */ .p)(range);
        const from = `${(0,_utils_chapter__WEBPACK_IMPORTED_MODULE_8__/* .getChapterData */ .dy)(chaptersData, fromChapter).transliteratedName} ${(0,_utils_locale__WEBPACK_IMPORTED_MODULE_10__/* .toLocalizedNumber */ .rQ)(Number(fromVerse), lang)}`;
        const to = `${(0,_utils_chapter__WEBPACK_IMPORTED_MODULE_8__/* .getChapterData */ .dy)(chaptersData, toChapter).transliteratedName} ${(0,_utils_locale__WEBPACK_IMPORTED_MODULE_10__/* .toLocalizedNumber */ .rQ)(Number(toVerse), lang)}`;
        all.push(/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
            className: (_VerseRangesList_module_scss__WEBPACK_IMPORTED_MODULE_13___default().rowContainer),
            children: [
                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                    children: [
                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Link_Link__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
                            href: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_11__/* .getChapterWithStartingVerseUrl */ .P6)(rangeFrom),
                            variant: _dls_Link_Link__WEBPACK_IMPORTED_MODULE_5__/* .LinkVariant.Blend */ .r.Blend,
                            onClick: ()=>handleVerseClick(_types_Range__WEBPACK_IMPORTED_MODULE_7__/* .RangeItemDirection.From */ .Nk.From, rangeFrom),
                            children: from
                        }),
                        ` ${t("common:to")} `,
                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Link_Link__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
                            href: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_11__/* .getChapterWithStartingVerseUrl */ .P6)(rangeTo),
                            variant: _dls_Link_Link__WEBPACK_IMPORTED_MODULE_5__/* .LinkVariant.Blend */ .r.Blend,
                            onClick: ()=>handleVerseClick(_types_Range__WEBPACK_IMPORTED_MODULE_7__/* .RangeItemDirection.To */ .Nk.To, rangeTo),
                            children: to
                        })
                    ]
                }),
                allowClearingRanges && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .ZP, {
                    size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__/* .ButtonSize.Small */ .qE.Small,
                    variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__/* .ButtonVariant.Ghost */ .Wu.Ghost,
                    onClick: ()=>handleRangeDeleteClick(range),
                    shape: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__/* .ButtonShape.Circle */ .jL.Circle,
                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_close_svg__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {})
                })
            ]
        }));
    });
    if (all.length === 0) return null;
    return all.length > 1 ? /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("ul", {
        children: all.map((range, idx)=>// eslint-disable-next-line react/no-array-index-key
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                children: range
            }, idx))
    }) : /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
        children: all
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (VerseRangesList);

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

/***/ }),

/***/ 65519:
/***/ ((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 */   "H": () => (/* binding */ ReadingGoalAmountContext),
/* 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_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 _VerseRangesList__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(64142);
/* harmony import */ var _types_auth_Goal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(63196);
/* harmony import */ var _utils_datetime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(76410);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(55943);
/* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(24709);
/* harmony import */ var _utils_number__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(19303);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_VerseRangesList__WEBPACK_IMPORTED_MODULE_2__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_5__]);
([_VerseRangesList__WEBPACK_IMPORTED_MODULE_2__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);








var ReadingGoalAmountContext;
(function(ReadingGoalAmountContext) {
    ReadingGoalAmountContext["HomePage"] = "home_page";
    ReadingGoalAmountContext["QuranReader"] = "quran_reader";
    ReadingGoalAmountContext["ProgressPage"] = "progress_page";
})(ReadingGoalAmountContext || (ReadingGoalAmountContext = {}));
const ReadingGoalAmount = ({ goal , currentActivityDay , context ,  })=>{
    const { t , lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_1___default()("reading-goal");
    const percent = (0,_utils_number__WEBPACK_IMPORTED_MODULE_7__/* .convertFractionToPercent */ .xT)(currentActivityDay?.progress || 0);
    if (!goal || !goal.progress) return null;
    const { progress , type: goalType  } = goal;
    const prefix = percent === 0 ? t("todays-goal") : t("remaining");
    let action = "";
    const handleVerseClick = (direction, verseKey)=>{
        return ()=>{
            // eslint-disable-next-line @typescript-eslint/naming-convention
            (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_5__/* .logButtonClick */ .MY)(`${context}_goal_range_${direction}`, {
                verse_key: verseKey
            });
        };
    };
    if (goalType === _types_auth_Goal__WEBPACK_IMPORTED_MODULE_3__/* .GoalType.TIME */ .lC.TIME) {
        action = t("progress.time-goal", {
            time: (0,_utils_datetime__WEBPACK_IMPORTED_MODULE_4__/* .secondsToReadableFormat */ .by)(progress.amountLeft, t, lang)
        });
    }
    if (goalType === _types_auth_Goal__WEBPACK_IMPORTED_MODULE_3__/* .GoalType.PAGES */ .lC.PAGES) {
        action = t("progress.pages-goal", {
            pages: (0,_utils_locale__WEBPACK_IMPORTED_MODULE_6__/* .toLocalizedNumber */ .rQ)((0,_utils_number__WEBPACK_IMPORTED_MODULE_7__/* .convertNumberToDecimal */ .uZ)(progress.amountLeft, 2), lang)
        });
    }
    if (goalType === _types_auth_Goal__WEBPACK_IMPORTED_MODULE_3__/* .GoalType.RANGE */ .lC.RANGE) {
        action = /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_VerseRangesList__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
            ranges: currentActivityDay?.remainingDailyTargetRanges || [],
            onVerseClick: handleVerseClick
        });
    }
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
        children: [
            prefix,
            ": ",
            action,
            typeof goal.progress.daysLeft === "number" && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("br", {}),
                    t("reading-goal:remaining-days", {
                        count: goal.progress.daysLeft,
                        days: (0,_utils_locale__WEBPACK_IMPORTED_MODULE_6__/* .toLocalizedNumber */ .rQ)(goal.progress.daysLeft, lang)
                    })
                ]
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReadingGoalAmount);

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

/***/ }),

/***/ 51401:
/***/ ((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_dynamic__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(96954);
/* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(next_dynamic__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var next_translate_Trans__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(74137);
/* harmony import */ var next_translate_Trans__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(next_translate_Trans__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _dls_Link_Link__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(61239);
/* harmony import */ var _dls_SurahPreview_SurahPreviewRow__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(53198);
/* harmony import */ var _dls_Tabs_Tabs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(65961);
/* harmony import */ var _ChapterAndJuzList_module_scss__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(24552);
/* harmony import */ var _ChapterAndJuzList_module_scss__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_ChapterAndJuzList_module_scss__WEBPACK_IMPORTED_MODULE_13__);
/* harmony import */ var _ChapterAndJuzListSkeleton__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(61838);
/* harmony import */ var _icons_caret_down_svg__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(85970);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(55943);
/* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(24709);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_utils_eventLogger__WEBPACK_IMPORTED_MODULE_11__]);
_utils_eventLogger__WEBPACK_IMPORTED_MODULE_11__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
/* eslint-disable max-lines */ /* eslint-disable react/no-multi-comp */ 













var View;
(function(View) {
    View["Surah"] = "surah";
    View["Juz"] = "juz";
    View["RevelationOrder"] = "revelation_order";
})(View || (View = {}));
const JuzView = next_dynamic__WEBPACK_IMPORTED_MODULE_3___default()(null, {
    loadableGenerated: {
        modules: [
            "../components/chapters/ChapterAndJuzList.tsx -> " + "./JuzView"
        ]
    },
    ssr: false,
    loading: ()=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ChapterAndJuzListSkeleton__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {})
});
const MobilePopover = next_dynamic__WEBPACK_IMPORTED_MODULE_3___default()(null, {
    loadableGenerated: {
        modules: [
            "../components/chapters/ChapterAndJuzList.tsx -> " + "@/dls/Popover/HoverablePopover"
        ]
    },
    ssr: false
});
const RevelationOrderView = next_dynamic__WEBPACK_IMPORTED_MODULE_3___default()(null, {
    loadableGenerated: {
        modules: [
            "../components/chapters/ChapterAndJuzList.tsx -> " + "./RevelationOrderView"
        ]
    },
    ssr: false,
    loading: ()=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ChapterAndJuzListSkeleton__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {})
});
var Sort;
(function(Sort) {
    Sort["ASC"] = "ascending";
    Sort["DESC"] = "descending";
})(Sort || (Sort = {}));
const MOST_VISITED_CHAPTERS = {
    1: true,
    2: true,
    3: true,
    4: true,
    18: true,
    32: true,
    36: true,
    55: true,
    56: true,
    67: true
};
const ChapterAndJuzList = ({ chapters  })=>{
    const { t , lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_5___default()();
    const { 0: view , 1: setView  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(View.Surah);
    const { 0: sortBy , 1: setSortBy  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(Sort.ASC);
    const onSort = ()=>{
        setSortBy((prevValue)=>{
            const newValue = prevValue === Sort.DESC ? Sort.ASC : Sort.DESC;
            // eslint-disable-next-line i18next/no-literal-string
            (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_11__/* .logValueChange */ .Q8)(`homepage_${view}_sorting`, prevValue, newValue);
            return newValue;
        });
    };
    const tabs = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>[
            {
                title: t(`common:${View.Surah}`),
                value: View.Surah
            },
            {
                title: t(`common:${View.Juz}`),
                value: View.Juz,
                id: "juz-tab"
            },
            {
                title: t(`common:${View.RevelationOrder}`),
                value: View.RevelationOrder
            }, 
        ], [
        t
    ]);
    const sortedChapters = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>sortBy === Sort.DESC ? chapters.slice().sort((a, b)=>Number(b.id) - Number(a.id)) : chapters, [
        sortBy,
        chapters
    ]);
    const onTabSelected = (newView)=>{
        // eslint-disable-next-line i18next/no-literal-string
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_11__/* .logButtonClick */ .MY)(`homepage_${newView}_tab`);
        setView(newView);
    };
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
        children: [
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: (_ChapterAndJuzList_module_scss__WEBPACK_IMPORTED_MODULE_13___default().tabsContainer),
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Tabs_Tabs__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
                        tabs: tabs,
                        selected: view,
                        onSelect: onTabSelected
                    }),
                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                        className: (_ChapterAndJuzList_module_scss__WEBPACK_IMPORTED_MODULE_13___default().sorter),
                        children: [
                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                                className: (_ChapterAndJuzList_module_scss__WEBPACK_IMPORTED_MODULE_13___default().uppercase),
                                children: [
                                    t("common:sort.by"),
                                    ":"
                                ]
                            }),
                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                                className: (_ChapterAndJuzList_module_scss__WEBPACK_IMPORTED_MODULE_13___default().sortByValue),
                                onClick: onSort,
                                role: "button",
                                onKeyPress: onSort,
                                tabIndex: 0,
                                children: [
                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                                        children: t(`common:sort.${sortBy}`)
                                    }),
                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                                        className: sortBy === Sort.ASC ? (_ChapterAndJuzList_module_scss__WEBPACK_IMPORTED_MODULE_13___default().rotate180) : "",
                                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_caret_down_svg__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {})
                                    })
                                ]
                            })
                        ]
                    }),
                    view === View.RevelationOrder && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                        className: (_ChapterAndJuzList_module_scss__WEBPACK_IMPORTED_MODULE_13___default().revelationOrderDisclaimer),
                        children: /*#__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_4___default()), {
                                i18nKey: "home:revelation-order-disclaimer",
                                components: {
                                    link: // eslint-disable-next-line jsx-a11y/control-has-associated-label, jsx-a11y/anchor-has-content
                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("a", {
                                        href: "https://tanzil.net/docs/revelation_order",
                                        target: "_blank",
                                        rel: "noreferrer"
                                    }),
                                    // @ts-ignore
                                    hover: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(MobilePopover, {
                                        isContainerSpan: true,
                                        content: t("common:pbuh")
                                    })
                                }
                            })
                        })
                    })
                ]
            }),
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: classnames__WEBPACK_IMPORTED_MODULE_2___default()({
                    [(_ChapterAndJuzList_module_scss__WEBPACK_IMPORTED_MODULE_13___default().surahLayout)]: view === View.Surah || view === View.RevelationOrder,
                    [(_ChapterAndJuzList_module_scss__WEBPACK_IMPORTED_MODULE_13___default().juzLayout)]: view === View.Juz
                }),
                children: [
                    view === View.Surah && sortedChapters.map((chapter)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                            className: (_ChapterAndJuzList_module_scss__WEBPACK_IMPORTED_MODULE_13___default().chapterContainer),
                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Link_Link__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                                href: `/${chapter.id}`,
                                shouldPrefetch: MOST_VISITED_CHAPTERS[Number(chapter.id)] === true,
                                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_SurahPreview_SurahPreviewRow__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                                    chapterId: Number(chapter.id),
                                    description: `${(0,_utils_locale__WEBPACK_IMPORTED_MODULE_12__/* .toLocalizedNumber */ .rQ)(chapter.versesCount, lang)} ${t("common:ayahs")}`,
                                    surahName: chapter.transliteratedName,
                                    surahNumber: Number(chapter.id),
                                    translatedSurahName: chapter.translatedName,
                                    isMinimalLayout: (0,_utils_locale__WEBPACK_IMPORTED_MODULE_12__/* .shouldUseMinimalLayout */ .uP)(lang)
                                })
                            })
                        }, chapter.id)),
                    view === View.Juz && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(JuzView, {
                        isDescending: sortBy === Sort.DESC
                    }),
                    view === View.RevelationOrder && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(RevelationOrderView, {
                        isDescending: sortBy === Sort.DESC,
                        chapters: chapters
                    })
                ]
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChapterAndJuzList);

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

/***/ }),

/***/ 61838:
/***/ ((__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 _dls_Skeleton_Skeleton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(77048);
/* harmony import */ var _ChapterAndJuzListSkeleton_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(29693);
/* harmony import */ var _ChapterAndJuzListSkeleton_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_ChapterAndJuzListSkeleton_module_scss__WEBPACK_IMPORTED_MODULE_2__);



const CHAPTERS_COUNT = 114;
const chaptersArr = Array(CHAPTERS_COUNT).fill(null);
const ChapterAndJuzListSkeleton = ()=>{
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span", {
        className: (_ChapterAndJuzListSkeleton_module_scss__WEBPACK_IMPORTED_MODULE_2___default().skeletonContainer),
        children: [
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: (_ChapterAndJuzListSkeleton_module_scss__WEBPACK_IMPORTED_MODULE_2___default().tabSkeleton),
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Skeleton_Skeleton__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
                        isActive: true,
                        isSquared: true,
                        className: (_ChapterAndJuzListSkeleton_module_scss__WEBPACK_IMPORTED_MODULE_2___default().firstTabSkeleton)
                    }),
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Skeleton_Skeleton__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
                        isActive: true,
                        isSquared: true,
                        className: (_ChapterAndJuzListSkeleton_module_scss__WEBPACK_IMPORTED_MODULE_2___default().secondTabSkeleton)
                    })
                ]
            }),
            chaptersArr.map((k, i)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Skeleton_Skeleton__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
                    isActive: true,
                    isSquared: true,
                    className: (_ChapterAndJuzListSkeleton_module_scss__WEBPACK_IMPORTED_MODULE_2___default().skeletonItem)
                }, `skeleton_${i}`))
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChapterAndJuzListSkeleton);


/***/ }),

/***/ 92775:
/***/ ((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 */   "a": () => (/* binding */ CollapsibleDirection)
/* 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 _radix_ui_react_collapsible__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(74973);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(59003);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(81670);
/* harmony import */ var _Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4__);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_radix_ui_react_collapsible__WEBPACK_IMPORTED_MODULE_2__]);
_radix_ui_react_collapsible__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
/* eslint-disable jsx-a11y/no-static-element-interactions */ /* eslint-disable jsx-a11y/click-events-have-key-events */ 




var CollapsibleDirection;
(function(CollapsibleDirection) {
    CollapsibleDirection["Left"] = "left";
    CollapsibleDirection["Right"] = "right";
})(CollapsibleDirection || (CollapsibleDirection = {}));
const Collapsible = ({ isDefaultOpen =false , prefix , title , suffix , children , shouldRotatePrefixOnToggle , shouldOpen , onOpenChange , direction =CollapsibleDirection.Left  })=>{
    const { 0: isOpen , 1: setIsOpen  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(isDefaultOpen);
    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{
        setIsOpen(shouldOpen);
    }, [
        shouldOpen
    ]);
    const onSuffixClicked = (e)=>{
        e.preventDefault();
        e.stopPropagation();
    };
    const onHeaderClicked = ()=>setIsOpen((preValue)=>!preValue);
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_radix_ui_react_collapsible__WEBPACK_IMPORTED_MODULE_2__.Root, {
        onOpenChange: onOpenChange,
        open: isOpen,
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_radix_ui_react_collapsible__WEBPACK_IMPORTED_MODULE_2__.Trigger, {
                asChild: true,
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                    className: (_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default().header),
                    onClick: onHeaderClicked,
                    children: direction === CollapsibleDirection.Left ? /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
                        children: [
                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                                className: (_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default().headerLeft),
                                children: [
                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                        className: classnames__WEBPACK_IMPORTED_MODULE_3___default()((_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default().prefixContainer), {
                                            [(_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default().prefixRotated)]: shouldRotatePrefixOnToggle && isOpen
                                        }),
                                        children: prefix
                                    }),
                                    title
                                ]
                            }),
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                className: (_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default().suffixContainer),
                                onClick: onSuffixClicked,
                                children: suffix
                            })
                        ]
                    }) : /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
                        children: [
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                className: (_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default().headerLeft),
                                children: title
                            }),
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                className: classnames__WEBPACK_IMPORTED_MODULE_3___default()((_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default().prefixContainer), {
                                    [(_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default().prefixRotated)]: shouldRotatePrefixOnToggle && isOpen
                                }),
                                children: prefix
                            })
                        ]
                    })
                })
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_radix_ui_react_collapsible__WEBPACK_IMPORTED_MODULE_2__.CollapsibleContent, {
                children: isOpen && children({
                    isOpen
                })
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Collapsible);

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

/***/ }),

/***/ 55557:
/***/ ((__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 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 _KeyboardInput_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(56419);
/* harmony import */ var _KeyboardInput_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_KeyboardInput_module_scss__WEBPACK_IMPORTED_MODULE_3__);
/* eslint-disable i18next/no-literal-string */ 



const KeyboardInput = ({ keyboardKey , meta , shift , alt , ctrl , invertColors =false ,  })=>{
    const isMacOs =  false && 0;
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("kbd", {
        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_KeyboardInput_module_scss__WEBPACK_IMPORTED_MODULE_3___default().container), {
            [(_KeyboardInput_module_scss__WEBPACK_IMPORTED_MODULE_3___default().invertedColors)]: invertColors
        }),
        children: [
            meta && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                children: isMacOs ? "⌘" : "ctrl"
            }),
            shift && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                children: "⇧"
            }),
            alt && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                children: "⌥"
            }),
            ctrl && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                children: "⌃"
            }),
            keyboardKey && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                children: keyboardKey
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (KeyboardInput);


/***/ }),

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

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Pn": () => (/* binding */ setIsOpen),
/* harmony export */   "VJ": () => (/* binding */ toggleIsOpen),
/* harmony export */   "ZP": () => (__WEBPACK_DEFAULT_EXPORT__),
/* harmony export */   "fv": () => (/* binding */ selectCommandBarIsOpen)
/* harmony export */ });
/* unused harmony exports commandBarSlice, addRecentNavigation, removeRecentNavigation, selectRecentNavigations */
/* harmony import */ var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(75184);
/* harmony import */ var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _redux_types_SliceName__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(61243);


const MAXIMUM_RECENT_NAVIGATIONS = 5;
const initialState = {
    isOpen: false,
    recentNavigations: []
};
const commandBarSlice = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__.createSlice)({
    name: _redux_types_SliceName__WEBPACK_IMPORTED_MODULE_1__/* ["default"].COMMAND_BAR */ .Z.COMMAND_BAR,
    initialState,
    reducers: {
        setIsOpen: (state, action)=>({
                ...state,
                isOpen: action.payload
            }),
        toggleIsOpen: (state)=>({
                ...state,
                isOpen: !state.isOpen
            }),
        addRecentNavigation: (state, action)=>{
            let newRecentNavigations = [
                ...state.recentNavigations
            ];
            const newRecentNavigation = action.payload;
            // filter out the old recent navigations that match the new recent navigations (if any) to avoid duplicates.
            newRecentNavigations = newRecentNavigations.filter((currentRecentNavigation)=>currentRecentNavigation.key !== newRecentNavigation.key);
            // if we have reached the maximum number of recent navigations, remove the last element
            if (newRecentNavigations.length >= MAXIMUM_RECENT_NAVIGATIONS) {
                // splice will mutate newRecentNavigations and remove the last element
                newRecentNavigations.splice(-1);
            }
            // put the new recent navigation at the beginning of the array
            return {
                ...state,
                recentNavigations: [
                    newRecentNavigation,
                    ...newRecentNavigations
                ]
            };
        },
        removeRecentNavigation: (state, action)=>{
            // filter out the recent navigations from the current recent navigations array.
            const newRecentNavigations = [
                ...state.recentNavigations
            ].filter((currentRecentNavigation)=>currentRecentNavigation.key !== action.payload);
            return {
                ...state,
                recentNavigations: newRecentNavigations
            };
        }
    }
});
const { setIsOpen , toggleIsOpen , addRecentNavigation , removeRecentNavigation  } = commandBarSlice.actions;
const selectCommandBarIsOpen = (state)=>state.commandBar.isOpen;
const selectRecentNavigations = (state)=>state.commandBar.recentNavigations;
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (commandBarSlice.reducer);


/***/ }),

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

"use strict";
module.exports = require("@reduxjs/toolkit");

/***/ }),

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

"use strict";
module.exports = require("@sentry/nextjs");

/***/ }),

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

"use strict";
module.exports = require("@xstate/react");

/***/ }),

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

"use strict";
module.exports = require("classnames");

/***/ }),

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

"use strict";
module.exports = require("humps");

/***/ }),

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

"use strict";
module.exports = require("lodash/findKey");

/***/ }),

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

"use strict";
module.exports = require("lodash/groupBy");

/***/ }),

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

"use strict";
module.exports = require("lodash/random");

/***/ }),

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

"use strict";
module.exports = require("lodash/range");

/***/ }),

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

"use strict";
module.exports = require("lodash/sample");

/***/ }),

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

"use strict";
module.exports = require("next-seo");

/***/ }),

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

"use strict";
module.exports = require("next-translate/Trans");

/***/ }),

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

"use strict";
module.exports = require("next-translate/useTranslation");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/app-router-context.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/head-manager-context.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/i18n/detect-domain-locale.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/i18n/normalize-locale-path.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/is-plain-object.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/loadable.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/mitt.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/page-path/denormalize-page-path.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router-context.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/add-locale.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/add-path-prefix.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/compare-states.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/format-next-pathname-info.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/format-url.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/get-asset-path-from-route.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/get-next-pathname-info.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/is-bot.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/is-dynamic.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/parse-path.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/parse-relative-url.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/path-has-prefix.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/querystring.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/remove-trailing-slash.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/resolve-rewrites.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/route-matcher.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/route-regex.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/utils.js");

/***/ }),

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

"use strict";
module.exports = require("next/head");

/***/ }),

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

"use strict";
module.exports = require("next/router");

/***/ }),

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

"use strict";
module.exports = require("react");

/***/ }),

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

"use strict";
module.exports = require("react-redux");

/***/ }),

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

"use strict";
module.exports = require("react/jsx-runtime");

/***/ }),

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

"use strict";
module.exports = require("refresh-fetch");

/***/ }),

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

"use strict";
module.exports = require("xstate");

/***/ }),

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

"use strict";
module.exports = require("xstate/lib/actions");

/***/ }),

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

"use strict";
module.exports = import("@radix-ui/react-checkbox");;

/***/ }),

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

"use strict";
module.exports = import("@radix-ui/react-collapsible");;

/***/ }),

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

"use strict";
module.exports = import("@radix-ui/react-dialog");;

/***/ }),

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

"use strict";
module.exports = import("@radix-ui/react-dropdown-menu");;

/***/ }),

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

"use strict";
module.exports = import("@radix-ui/react-popover");;

/***/ }),

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

"use strict";
module.exports = import("@radix-ui/react-radio-group");;

/***/ }),

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

"use strict";
module.exports = import("@radix-ui/react-tooltip");;

/***/ }),

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

"use strict";
module.exports = import("@radix-ui/react-visually-hidden");;

/***/ }),

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

"use strict";
module.exports = import("firebase/compat/analytics");;

/***/ }),

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

"use strict";
module.exports = import("firebase/compat/app");;

/***/ }),

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

"use strict";
module.exports = import("js-cookie");;

/***/ }),

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

"use strict";
module.exports = import("react-hook-form");;

/***/ }),

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

"use strict";
module.exports = import("react-toastify");;

/***/ }),

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

"use strict";
module.exports = import("swr");;

/***/ }),

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

"use strict";
module.exports = import("swr/immutable");;

/***/ }),

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

"use strict";
module.exports = require("querystring");

/***/ })

};
;

// load runtime
var __webpack_require__ = require("../webpack-runtime.js");
__webpack_require__.C(exports);
var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))
var __webpack_exports__ = __webpack_require__.X(0, [11497,79165,96954,96270,24709,57933,61239,25869,50497,76410,79717,13830,37883,22197,85949,62093,91308,99163,42752,37013,67972,47658,1266,4461,5894,17999,92799,88859], () => (__webpack_exec__(57909)));
module.exports = __webpack_exports__;

})();
//# sourceMappingURL=index.js.map