(() => { var exports = {}; exports.id = 10700; exports.ids = [10700,64820]; exports.modules = { /***/ 65812: /***/ ((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 _components_Auth_withAuth__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1223); /* harmony import */ var _components_ReadingProgressPage__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8672); /* harmony import */ var _utils_ssg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(21479); var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_Auth_withAuth__WEBPACK_IMPORTED_MODULE_3__, _components_ReadingProgressPage__WEBPACK_IMPORTED_MODULE_4__]); ([_components_Auth_withAuth__WEBPACK_IMPORTED_MODULE_3__, _components_ReadingProgressPage__WEBPACK_IMPORTED_MODULE_4__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__); const ReadingGoalProgressPage = ()=>{ // we don't want to show the reading goal page if the user is not logged in return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components_ReadingProgressPage__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {}); }; const getStaticProps$1 = _utils_ssg__WEBPACK_IMPORTED_MODULE_5__/* .chaptersDataGetStaticProps */ .d; var __SENTRY_WRAPPING_TARGET_FILE__ = (0,_components_Auth_withAuth__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(ReadingGoalProgressPage); var serverComponentModule = /*#__PURE__*/Object.freeze({ __proto__: null, getStaticProps: getStaticProps$1, 'default': __SENTRY_WRAPPING_TARGET_FILE__ }); /* * 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['/reading-goal/progress'] || _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, '/reading-goal/progress') : undefined; const getServerSideProps = typeof origGetServerSideProps === 'function' ? _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapGetServerSidePropsWithSentry(origGetServerSideProps, '/reading-goal/progress') : undefined; const pageWrapperTemplate = pageComponent ? _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapPageComponentWithSentry(pageComponent ) : pageComponent; __webpack_async_result__(); } catch(e) { __webpack_async_result__(e); } }); /***/ }), /***/ 51057: /***/ ((__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 SvgEast = function SvgEast(props) { return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", { d: "m15 5-1.41 1.41L18.17 11H2v2h16.17l-4.59 4.59L15 19l7-7-7-7Z", fill: "currentColor" }))); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgEast); /***/ }), /***/ 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); /***/ }), /***/ 58421: /***/ ((__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 SvgWest = function SvgWest(props) { return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", { d: "m9 19 1.41-1.41L5.83 13H22v-2H5.83l4.59-4.59L9 5l-7 7 7 7Z", fill: "currentColor" }))); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgWest); /***/ }), /***/ 27934: /***/ ((module) => { // Exports module.exports = { "dayCircle": "DayCircle_dayCircle__phOYM", "filled": "DayCircle_filled__Tv8LZ", "stroked": "DayCircle_stroked__kfUm5" }; /***/ }), /***/ 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" }; /***/ }), /***/ 93020: /***/ ((module) => { // Exports module.exports = { "container": "PageContainer_container__1TUET", "fullWidth": "PageContainer_fullWidth__RU5GM" }; /***/ }), /***/ 53669: /***/ ((module) => { // Exports module.exports = { "inputContainer": "DeleteReadingGoalModal_inputContainer__q_tTh", "deleteButton": "DeleteReadingGoalModal_deleteButton__qOtwU", "confirmationText": "DeleteReadingGoalModal_confirmationText__J6qzW", "instructionText": "DeleteReadingGoalModal_instructionText__DX4Li" }; /***/ }), /***/ 59662: /***/ ((module) => { // Exports module.exports = { "rowContainer": "VerseRangesList_rowContainer__TTjYL" }; /***/ }), /***/ 17615: /***/ ((module) => { // Exports module.exports = { "inputs": "UpdateReadingGoalModal_inputs__4aNJB", "inputContainer": "UpdateReadingGoalModal_inputContainer__bfVlw", "label": "UpdateReadingGoalModal_label__mRjWt", "deleteButton": "UpdateReadingGoalModal_deleteButton__vOPcR", "confirmationText": "UpdateReadingGoalModal_confirmationText__1W7Gy", "instructionText": "UpdateReadingGoalModal_instructionText__FOMIM", "radioGroup": "UpdateReadingGoalModal_radioGroup__d42aG", "radioItem": "UpdateReadingGoalModal_radioItem__yzmp2" }; /***/ }), /***/ 3678: /***/ ((module) => { // Exports module.exports = { "calendarMonthSelector": "AddReading_calendarMonthSelector__qAv4_", "verseRangesListContainer": "AddReading_verseRangesListContainer__ZqKrQ", "selectedDateHeaderContainer": "AddReading_selectedDateHeaderContainer__9qG8z", "modalHeader": "AddReading_modalHeader__xganX", "backButton": "AddReading_backButton__eUtTg", "monthName": "AddReading_monthName__3aWdu", "durationInputWrapper": "AddReading_durationInputWrapper__HWd2e", "inputLabelContainer": "AddReading_inputLabelContainer__fsVEa" }; /***/ }), /***/ 44540: /***/ ((module) => { // Exports module.exports = { "monthsContainer": "ReadingHistory_monthsContainer__rUjN0", "titleContainer": "ReadingHistory_titleContainer__CqBVc", "title": "ReadingHistory_title__9owZ5", "modalHeader": "ReadingHistory_modalHeader__qXNfD", "backButton": "ReadingHistory_backButton__PJp18", "modalContentContainer": "ReadingHistory_modalContentContainer__A0BqR", "readingDay": "ReadingHistory_readingDay__MeeAz", "emptyMessage": "ReadingHistory_emptyMessage__Mass9", "readingInfo": "ReadingHistory_readingInfo__RmgAt", "readingStats": "ReadingHistory_readingStats__4DB5b" }; /***/ }), /***/ 87888: /***/ ((module) => { // Exports module.exports = { "contentContainer": "ReadingProgressPage_contentContainer__nnTe3", "historySection": "ReadingProgressPage_historySection__Bb8aJ", "historyContainer": "ReadingProgressPage_historyContainer__vn9Z6", "manageGoalSection": "ReadingProgressPage_manageGoalSection__1ptER", "manageGoalContainer": "ReadingProgressPage_manageGoalContainer__0VQ7O", "widgetsContainer": "ReadingProgressPage_widgetsContainer__V2lxf", "widget": "ReadingProgressPage_widget__TaYZq", "streakWidget": "ReadingProgressPage_streakWidget__ErwAa", "streakContainer": "ReadingProgressPage_streakContainer__kZbDX", "emptyWidget": "ReadingProgressPage_emptyWidget__0LReR", "circularProgressbar": "ReadingProgressPage_circularProgressbar__vzdpD" }; /***/ }), /***/ 50266: /***/ ((module) => { // Exports module.exports = { "outerContainer": "Calendar_outerContainer__2UW63", "calendarContainer": "Calendar_calendarContainer___vIEz", "bordered": "Calendar_bordered__Czhnz", "disabled": "Calendar_disabled__KwaJI" }; /***/ }), /***/ 94190: /***/ ((module) => { // Exports module.exports = { "progressbar": "CircularProgress_progressbar__pghvG", "path": "CircularProgress_path__xf93I", "trail": "CircularProgress_trail__mP8ve", "text": "CircularProgress_text___0sy_", "background": "CircularProgress_background__FOs_Q" }; /***/ }), /***/ 19426: /***/ ((module) => { // Exports module.exports = { "modalContainer": "ContentModal_modalContainer__i7bo0", "contentContainer": "ContentModal_contentContainer___ciX5", "overlay": "ContentModal_overlay__qZfQY", "contentWrapper": "ContentModal_contentWrapper__VaiRB", "autoHeight": "ContentModal_autoHeight__A3IW7", "medium": "ContentModal_medium__EKB5h", "small": "ContentModal_small__YBKtM", "fadeIn": "ContentModal_fadeIn__JGh_A", "fadeOut": "ContentModal_fadeOut__36m_B", "contentIn": "ContentModal_contentIn__EAwQw", "contentOut": "ContentModal_contentOut__2x8WN", "closeIcon": "ContentModal_closeIcon__xppin", "header": "ContentModal_header__384F2", "content": "ContentModal_content__9M2Iy" }; /***/ }), /***/ 60161: /***/ ((module) => { // Exports module.exports = { "label": "DurationInput_label__ID7WK", "durationInputContainer": "DurationInput_durationInputContainer__HoE1R", "disabled": "DurationInput_disabled__pkLQB", "disabledInput": "DurationInput_disabledInput__SoedN", "loadingSpinner": "DurationInput_loadingSpinner__wiehj", "error": "DurationInput_error__XxWCj", "errorMessage": "DurationInput_errorMessage__Jh5Yv" }; /***/ }), /***/ 29929: /***/ ((module) => { // Exports module.exports = { "questionMarkIconContainer": "HelperTooltip_questionMarkIconContainer__i20QV", "trigger": "HelperTooltip_trigger__1zmSb", "content": "HelperTooltip_content__NhcCK" }; /***/ }), /***/ 4919: /***/ ((module) => { // Exports module.exports = { "container": "SelectionCard_container__3fUza", "label": "SelectionCard_label__GXY5O", "value": "SelectionCard_value__VrbTY", "iconContainer": "SelectionCard_iconContainer__FjKYo" }; /***/ }), /***/ 96318: /***/ ((module) => { // Exports module.exports = { "baseSize": "Skeleton_baseSize__RsOkc", "skeleton": "Skeleton_skeleton__u2Uso", "active": "Skeleton_active__5df2K", "loading": "Skeleton_loading__iZh50", "rounded": "Skeleton_rounded__ftYYr", "content": "Skeleton_content__knKtV" }; /***/ }), /***/ 21485: /***/ ((__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 lodash_capitalize__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59969); /* harmony import */ var lodash_capitalize__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_capitalize__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var types_ErrorMessageId__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(99133); const DEFAULT_ERROR_ID = types_ErrorMessageId__WEBPACK_IMPORTED_MODULE_1__/* ["default"].InvalidField */ .Z.InvalidField; const buildTranslatedErrorMessageByErrorId = (errorId, fieldName, t, extraParams)=>{ if (Object.values(types_ErrorMessageId__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z).includes(errorId)) { return t(`common:validation.${errorId}`, { field: lodash_capitalize__WEBPACK_IMPORTED_MODULE_0___default()(fieldName), ...extraParams }); } return t(`common:validation.${DEFAULT_ERROR_ID}`, { field: lodash_capitalize__WEBPACK_IMPORTED_MODULE_0___default()(fieldName) }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (buildTranslatedErrorMessageByErrorId); /***/ }), /***/ 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); /***/ }), /***/ 9234: /***/ ((__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 _PageContainer_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(93020); /* harmony import */ var _PageContainer_module_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_PageContainer_module_scss__WEBPACK_IMPORTED_MODULE_1__); const PageContainer = ({ children })=>{ return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", { className: (_PageContainer_module_scss__WEBPACK_IMPORTED_MODULE_1___default().container), children: children }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PageContainer); /***/ }), /***/ 4495: /***/ ((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 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 swr__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(15941); /* harmony import */ var _DeleteReadingGoalModal_module_scss__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(53669); /* harmony import */ var _DeleteReadingGoalModal_module_scss__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_DeleteReadingGoalModal_module_scss__WEBPACK_IMPORTED_MODULE_13__); /* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(50497); /* harmony import */ var _dls_Forms_Input__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(91308); /* harmony import */ var _dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(21948); /* harmony import */ var _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(79717); /* harmony import */ var _types_auth_Goal__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(63196); /* harmony import */ var _utils_auth_api__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(37883); /* harmony import */ var _utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(13830); /* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(55943); var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr__WEBPACK_IMPORTED_MODULE_4__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_5__, _dls_Forms_Input__WEBPACK_IMPORTED_MODULE_6__, _dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_7__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_12__]); ([swr__WEBPACK_IMPORTED_MODULE_4__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_5__, _dls_Forms_Input__WEBPACK_IMPORTED_MODULE_6__, _dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_7__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_12__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__); const DeleteReadingGoalModal = ({ isDisabled })=>{ const { t } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default()("reading-progress"); const { 0: isModalVisible , 1: setIsModalVisible } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false); const { 0: confirmationText , 1: setConfirmationText } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(""); const { mutate } = (0,swr__WEBPACK_IMPORTED_MODULE_4__.useSWRConfig)(); const toast = (0,_dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__/* .useToast */ .pm)(); const deleteReadingGoalAndClearCache = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(async ()=>{ await (0,_utils_auth_api__WEBPACK_IMPORTED_MODULE_10__/* .deleteReadingGoal */ .QC)({ category: _types_auth_Goal__WEBPACK_IMPORTED_MODULE_9__/* .GoalCategory.QURAN */ .c9.QURAN }); mutate((0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_11__/* .makeStreakUrl */ .G_)()); }, [ mutate ]); const closeModal = ()=>{ setConfirmationText(""); setIsModalVisible(false); }; const onDeleteConfirmed = async ()=>{ (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_12__/* .logButtonClick */ .MY)("reading_goal_confirm_delete"); await deleteReadingGoalAndClearCache(); toast(t("delete-goal.success"), { status: _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__/* .ToastStatus.Success */ .YZ.Success }); closeModal(); }; const onDeleteReadingGoalClicked = ()=>{ (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_12__/* .logButtonClick */ .MY)("reading_goal_delete"); setIsModalVisible(true); }; const CONFIRMATION_TEXT = t("delete-goal.confirmation.confirmation-text"); const canDeleteGoal = confirmationText.toLowerCase() === CONFIRMATION_TEXT.toLowerCase(); 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(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .ZP, { type: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_5__/* .ButtonType.Error */ .L$.Error, variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_5__/* .ButtonVariant.Ghost */ .Wu.Ghost, onClick: onDeleteReadingGoalClicked, isDisabled: isDisabled, children: t("delete-goal.action") }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, { isOpen: isModalVisible, onClickOutside: closeModal, children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_7__/* ["default"].Body */ .Z.Body, { children: [ /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_7__/* ["default"].Header */ .Z.Header, { children: [ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_7__/* ["default"].Title */ .Z.Title, { children: t("delete-goal.confirmation.title") }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_7__/* ["default"].Subtitle */ .Z.Subtitle, { children: t("delete-goal.confirmation.subtitle") }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", { className: (_DeleteReadingGoalModal_module_scss__WEBPACK_IMPORTED_MODULE_13___default().instructionText), children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_translate_Trans__WEBPACK_IMPORTED_MODULE_2___default()), { i18nKey: "reading-progress:delete-goal.confirmation.instruction-text", values: { text: CONFIRMATION_TEXT }, components: { strong: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("strong", { className: (_DeleteReadingGoalModal_module_scss__WEBPACK_IMPORTED_MODULE_13___default().confirmationText) }) } }) }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Forms_Input__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .ZP, { id: "delete-goal-confirmation", value: confirmationText, onChange: setConfirmationText, fixedWidth: false, containerClassName: (_DeleteReadingGoalModal_module_scss__WEBPACK_IMPORTED_MODULE_13___default().inputContainer) }) ] }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_7__/* ["default"].Footer */ .Z.Footer, { children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .ZP, { type: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_5__/* .ButtonType.Error */ .L$.Error, variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_5__/* .ButtonVariant.Outlined */ .Wu.Outlined, className: (_DeleteReadingGoalModal_module_scss__WEBPACK_IMPORTED_MODULE_13___default().deleteButton), onClick: onDeleteConfirmed, isDisabled: !canDeleteGoal, children: t("delete-goal.confirmation.action-text") }) }) ] }) }) ] }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DeleteReadingGoalModal); __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); } }); /***/ }), /***/ 87319: /***/ ((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__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(15941); /* harmony import */ var _ReadingGoalInput__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(93272); /* harmony import */ var _UpdateReadingGoalModal_module_scss__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(17615); /* harmony import */ var _UpdateReadingGoalModal_module_scss__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(_UpdateReadingGoalModal_module_scss__WEBPACK_IMPORTED_MODULE_20__); /* harmony import */ var _components_ReadingGoalPage_utils_validator__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(27097); /* harmony import */ var _contexts_DataContext__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(70813); /* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(50497); /* harmony import */ var _dls_Forms_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(64306); /* harmony import */ var _dls_Forms_RadioGroup_Root__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(38711); /* harmony import */ var _dls_Forms_Select__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(58087); /* harmony import */ var _dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(21948); /* harmony import */ var _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(79717); /* harmony import */ var _hooks_useGetMushaf__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(23830); /* harmony import */ var _types_auth_Goal__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(63196); /* harmony import */ var _utils_auth_api__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(37883); /* harmony import */ var _utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(13830); /* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(55943); /* harmony import */ var _utils_generators__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(49184); /* harmony import */ var _utils_verseKeys__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(36495); var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr__WEBPACK_IMPORTED_MODULE_3__, _ReadingGoalInput__WEBPACK_IMPORTED_MODULE_4__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__, _dls_Forms_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_8__, _dls_Forms_RadioGroup_Root__WEBPACK_IMPORTED_MODULE_9__, _dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_11__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_12__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_17__]); ([swr__WEBPACK_IMPORTED_MODULE_3__, _ReadingGoalInput__WEBPACK_IMPORTED_MODULE_4__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__, _dls_Forms_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_8__, _dls_Forms_RadioGroup_Root__WEBPACK_IMPORTED_MODULE_9__, _dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_11__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_12__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_17__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__); /* eslint-disable max-lines */ const getPages = (readingGoal)=>{ if (readingGoal.type === _types_auth_Goal__WEBPACK_IMPORTED_MODULE_14__/* .GoalType.PAGES */ .lC.PAGES) return Number(readingGoal.targetAmount); return 1; }; const getSeconds = (readingGoal)=>{ if (readingGoal.type === _types_auth_Goal__WEBPACK_IMPORTED_MODULE_14__/* .GoalType.TIME */ .lC.TIME) return Number(readingGoal.targetAmount); return 60; }; const getRange = (readingGoal)=>{ if (readingGoal.type !== _types_auth_Goal__WEBPACK_IMPORTED_MODULE_14__/* .GoalType.RANGE */ .lC.RANGE) return { startVerse: null, endVerse: null }; const [{ verseKey: startVerse }, { verseKey: endVerse }] = (0,_utils_verseKeys__WEBPACK_IMPORTED_MODULE_19__/* .parseVerseRange */ .p)(readingGoal.targetAmount); return { startVerse, endVerse }; }; const types = [ { value: _types_auth_Goal__WEBPACK_IMPORTED_MODULE_14__/* .GoalType.TIME */ .lC.TIME, key: "time" }, { value: _types_auth_Goal__WEBPACK_IMPORTED_MODULE_14__/* .GoalType.PAGES */ .lC.PAGES, key: "pages" }, { value: _types_auth_Goal__WEBPACK_IMPORTED_MODULE_14__/* .GoalType.RANGE */ .lC.RANGE, key: "range" }, ]; const UpdateReadingGoalModal = ({ isDisabled , goal })=>{ const { t , lang } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("reading-progress"); const chaptersData = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(_contexts_DataContext__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z); const { 0: isModalVisible , 1: setIsModalVisible } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false); const mushaf = (0,_hooks_useGetMushaf__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z)(); const dayOptions = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>(0,_utils_generators__WEBPACK_IMPORTED_MODULE_18__/* .generateDurationDaysOptions */ .zQ)(t, lang), [ t, lang ]); const { 0: isContinuous , 1: setIsContinuous } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(!!goal.duration); const { 0: duration , 1: setDuration } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(goal.duration || 30); const { 0: type , 1: setType } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(goal.type); const { 0: pages , 1: setPages } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(getPages(goal)); const { 0: seconds , 1: setSeconds } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(getSeconds(goal)); const { 0: range , 1: setRange } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(getRange(goal)); const toast = (0,_dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_12__/* .useToast */ .pm)(); const { mutate } = (0,swr__WEBPACK_IMPORTED_MODULE_3__.useSWRConfig)(); const updateReadingGoalAndClearCache = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(async (data)=>{ await (0,_utils_auth_api__WEBPACK_IMPORTED_MODULE_15__/* .updateReadingGoal */ .ct)({ ...data, mushafId: mushaf, category: _types_auth_Goal__WEBPACK_IMPORTED_MODULE_14__/* .GoalCategory.QURAN */ .c9.QURAN }); mutate((0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_16__/* .makeStreakUrl */ .G_)()); }, [ mutate, mushaf ]); const resetState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(()=>{ // reset everything to the reading goal setType(goal.type); setIsContinuous(!!goal.duration); setDuration(goal.duration || 30); setPages(getPages(goal)); setSeconds(getSeconds(goal)); setRange(getRange(goal)); }, [ goal ]); const closeModal = ()=>{ setIsModalVisible(false); resetState(); }; (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{ resetState(); }, [ resetState, goal ]); const onUpdateGoalClicked = ()=>{ (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_17__/* .logButtonClick */ .MY)("edit_reading_goal"); setIsModalVisible(true); }; const onUpdateClicked = async ()=>{ let amount; if (type === _types_auth_Goal__WEBPACK_IMPORTED_MODULE_14__/* .GoalType.PAGES */ .lC.PAGES) amount = pages; else if (type === _types_auth_Goal__WEBPACK_IMPORTED_MODULE_14__/* .GoalType.TIME */ .lC.TIME) amount = seconds; else amount = `${range.startVerse}-${range.endVerse}`; const data = { type, amount }; if (isContinuous) { data.duration = duration; } (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_17__/* .logFormSubmission */ .dz)("edit_goal", data); try { await updateReadingGoalAndClearCache(data); toast(t("edit-goal.success"), { status: _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_12__/* .ToastStatus.Success */ .YZ.Success }); closeModal(); } catch { toast(t("common:error.general"), { status: _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_12__/* .ToastStatus.Error */ .YZ.Error }); } }; const onContinuityChange = (value)=>{ setIsContinuous(value === _types_auth_Goal__WEBPACK_IMPORTED_MODULE_14__/* .QuranGoalPeriod.Continuous */ .r_.Continuous); (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_17__/* .logValueChange */ .Q8)("edit_goal_continuity", isContinuous ? _types_auth_Goal__WEBPACK_IMPORTED_MODULE_14__/* .QuranGoalPeriod.Continuous */ .r_.Continuous : _types_auth_Goal__WEBPACK_IMPORTED_MODULE_14__/* .QuranGoalPeriod.Daily */ .r_.Daily, value); }; const logAmountChange = (input, values, metadata)=>{ (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_17__/* .logValueChange */ .Q8)(`edit_goal_${input}`, values.currentValue, values.newValue, metadata); }; const onGoalTypeChange = (newType)=>{ setType(newType); (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_17__/* .logValueChange */ .Q8)("edit_goal_type", type, newType); }; const onDurationChange = (value)=>{ setDuration(Number(value)); (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_17__/* .logValueChange */ .Q8)("edit_goal_duration", duration, value); }; const getIsUpdateDisabled = ()=>{ return !(0,_components_ReadingGoalPage_utils_validator__WEBPACK_IMPORTED_MODULE_5__/* .validateReadingGoalData */ .w)(chaptersData, { type, pages, seconds, range }, mushaf); }; 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(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .ZP, { onClick: onUpdateGoalClicked, isDisabled: isDisabled, children: t("edit-goal.action") }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, { isOpen: isModalVisible, onClickOutside: closeModal, children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_11__/* ["default"].Body */ .Z.Body, { children: [ /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_11__/* ["default"].Header */ .Z.Header, { children: [ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_11__/* ["default"].Title */ .Z.Title, { children: t("edit-goal.title") }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_11__/* ["default"].Subtitle */ .Z.Subtitle, { children: t("edit-goal.subtitle") }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Forms_RadioGroup_RadioGroup__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, { label: "Continuity", orientation: _dls_Forms_RadioGroup_Root__WEBPACK_IMPORTED_MODULE_9__/* .RadioRootOrientation.Horizontal */ .j.Horizontal, value: isContinuous ? _types_auth_Goal__WEBPACK_IMPORTED_MODULE_14__/* .QuranGoalPeriod.Continuous */ .r_.Continuous : _types_auth_Goal__WEBPACK_IMPORTED_MODULE_14__/* .QuranGoalPeriod.Daily */ .r_.Daily, onChange: onContinuityChange, className: (_UpdateReadingGoalModal_module_scss__WEBPACK_IMPORTED_MODULE_20___default().radioGroup), items: [ { id: _types_auth_Goal__WEBPACK_IMPORTED_MODULE_14__/* .QuranGoalPeriod.Continuous */ .r_.Continuous, label: t("reading-goal:continuous.title"), value: _types_auth_Goal__WEBPACK_IMPORTED_MODULE_14__/* .QuranGoalPeriod.Continuous */ .r_.Continuous }, { id: _types_auth_Goal__WEBPACK_IMPORTED_MODULE_14__/* .QuranGoalPeriod.Daily */ .r_.Daily, label: t("reading-goal:daily.title"), value: _types_auth_Goal__WEBPACK_IMPORTED_MODULE_14__/* .QuranGoalPeriod.Daily */ .r_.Daily }, ] }), /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (_UpdateReadingGoalModal_module_scss__WEBPACK_IMPORTED_MODULE_20___default().inputs), children: [ /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (_UpdateReadingGoalModal_module_scss__WEBPACK_IMPORTED_MODULE_20___default().inputContainer), children: [ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("label", { htmlFor: "goal-type", className: (_UpdateReadingGoalModal_module_scss__WEBPACK_IMPORTED_MODULE_20___default().label), children: t("reading-goal:goal-type.title") }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Forms_Select__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, { id: "goal-type", name: "goal-type", value: type, onChange: onGoalTypeChange, size: _dls_Forms_Select__WEBPACK_IMPORTED_MODULE_10__/* .SelectSize.Large */ .h.Large, options: types.map((typeObject)=>({ value: typeObject.value, label: t(`reading-goal:goal-types.${typeObject.key}.title`) })) }) ] }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ReadingGoalInput__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, { type: type, pages: pages, seconds: seconds, rangeStartVerse: range.startVerse, rangeEndVerse: range.endVerse, onRangeChange: (newRange)=>setRange(newRange), onPagesChange: setPages, onSecondsChange: setSeconds, widthFull: false, logChange: logAmountChange }), isContinuous && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (_UpdateReadingGoalModal_module_scss__WEBPACK_IMPORTED_MODULE_20___default().inputContainer), children: [ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("label", { htmlFor: "goal-duration", className: (_UpdateReadingGoalModal_module_scss__WEBPACK_IMPORTED_MODULE_20___default().label), children: t("reading-goal:duration") }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Forms_Select__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, { id: "duration", name: "duration", size: _dls_Forms_Select__WEBPACK_IMPORTED_MODULE_10__/* .SelectSize.Large */ .h.Large, className: (_UpdateReadingGoalModal_module_scss__WEBPACK_IMPORTED_MODULE_20___default().input), options: dayOptions, value: duration.toString(), onChange: onDurationChange }) ] }) ] }) ] }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_11__/* ["default"].Footer */ .Z.Footer, { children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .ZP, { type: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* .ButtonType.Primary */ .L$.Primary, variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* .ButtonVariant.Outlined */ .Wu.Outlined, className: (_UpdateReadingGoalModal_module_scss__WEBPACK_IMPORTED_MODULE_20___default().deleteButton), onClick: onUpdateClicked, isDisabled: getIsUpdateDisabled(), children: t("edit-goal.action") }) }) ] }) }) ] }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (UpdateReadingGoalModal); __webpack_async_result__(); } catch(e) { __webpack_async_result__(e); } }); /***/ }), /***/ 52624: /***/ ((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 _ReadingProgressPage_module_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(87888); /* harmony import */ var _ReadingProgressPage_module_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_ReadingProgressPage_module_scss__WEBPACK_IMPORTED_MODULE_10__); /* harmony import */ var _components_ReadingGoal_ReadingGoalAmount__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(65519); /* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(50497); /* harmony import */ var _dls_CircularProgress__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(66335); /* harmony import */ var _dls_Skeleton_Skeleton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(77048); /* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(55943); /* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(24709); /* harmony import */ var _utils_navigation__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(57933); var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_ReadingGoal_ReadingGoalAmount__WEBPACK_IMPORTED_MODULE_3__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__, _utils_navigation__WEBPACK_IMPORTED_MODULE_9__]); ([_components_ReadingGoal_ReadingGoalAmount__WEBPACK_IMPORTED_MODULE_3__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__, _utils_navigation__WEBPACK_IMPORTED_MODULE_9__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__); const ProgressPageGoalWidget = ({ currentActivityDay , goal , isLoading })=>{ const { t , lang } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("reading-progress"); const percent = goal?.isCompleted ? 100 : Math.min(goal?.progress?.percent || 0, 100); const isGoalDone = percent >= 100; const localizedPercent = (0,_utils_locale__WEBPACK_IMPORTED_MODULE_8__/* .toLocalizedNumber */ .rQ)(percent, lang); if (isLoading) { return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Skeleton_Skeleton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, { className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_ReadingProgressPage_module_scss__WEBPACK_IMPORTED_MODULE_10___default().widget), (_ReadingProgressPage_module_scss__WEBPACK_IMPORTED_MODULE_10___default().emptyWidget)), children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .ZP, { href: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_9__/* .getReadingGoalNavigationUrl */ .we)(), children: t("reading-goal:create-reading-goal") }) }); } if (!goal) { const onCreateReadingGoalClick = ()=>{ (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__/* .logButtonClick */ .MY)("progress_page_create_goal"); }; return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", { className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_ReadingProgressPage_module_scss__WEBPACK_IMPORTED_MODULE_10___default().widget), (_ReadingProgressPage_module_scss__WEBPACK_IMPORTED_MODULE_10___default().emptyWidget)), children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .ZP, { href: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_9__/* .getReadingGoalNavigationUrl */ .we)(), onClick: onCreateReadingGoalClick, children: t("reading-goal:create-reading-goal") }) }); } const getContent = ()=>{ if (goal.isCompleted) { return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", { children: t("reading-goal:progress.goal-complete") }); } if (isGoalDone) { return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", { children: t("reading-goal:progress.complete") }); } return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_ReadingGoal_ReadingGoalAmount__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, { goal: goal, currentActivityDay: currentActivityDay, context: _components_ReadingGoal_ReadingGoalAmount__WEBPACK_IMPORTED_MODULE_3__/* .ReadingGoalAmountContext.ProgressPage */ .H.ProgressPage }); }; return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (_ReadingProgressPage_module_scss__WEBPACK_IMPORTED_MODULE_10___default().widget), children: [ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", { children: getContent() }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", { className: (_ReadingProgressPage_module_scss__WEBPACK_IMPORTED_MODULE_10___default().circularProgressbar), children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_CircularProgress__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, { text: `${localizedPercent}%`, value: percent, maxValue: 100, strokeWidth: 12 }) }) ] }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProgressPageGoalWidget); __webpack_async_result__(); } catch(e) { __webpack_async_result__(e); } }); /***/ }), /***/ 68377: /***/ ((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 _HomePage_QuranGrowthJourneySection_CollapsibleSection_QuranReadingGoals_CurrentWeekProgress__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(11716); /* harmony import */ var _ReadingProgressPage_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(87888); /* harmony import */ var _ReadingProgressPage_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_ReadingProgressPage_module_scss__WEBPACK_IMPORTED_MODULE_6__); /* harmony import */ var _dls_Skeleton_Skeleton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(77048); /* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(24709); var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_HomePage_QuranGrowthJourneySection_CollapsibleSection_QuranReadingGoals_CurrentWeekProgress__WEBPACK_IMPORTED_MODULE_3__]); _HomePage_QuranGrowthJourneySection_CollapsibleSection_QuranReadingGoals_CurrentWeekProgress__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0]; const ProgressPageStreakWidget = ({ weekData , goal , streak , isLoading })=>{ const { t , lang } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("reading-progress"); const localizedStreak = (0,_utils_locale__WEBPACK_IMPORTED_MODULE_5__/* .toLocalizedNumber */ .rQ)(streak, lang); const widget = /*#__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: (_ReadingProgressPage_module_scss__WEBPACK_IMPORTED_MODULE_6___default().streakContainer), children: [ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", { children: t("reading-goal:streak") }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", { children: t("reading-goal:x-days", { days: localizedStreak, count: streak }) }) ] }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_HomePage_QuranGrowthJourneySection_CollapsibleSection_QuranReadingGoals_CurrentWeekProgress__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, { weekData: weekData, goal: goal, fixedWidth: false }) ] }); const Wrapper = isLoading ? _dls_Skeleton_Skeleton__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z : "div"; return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(Wrapper, { className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_ReadingProgressPage_module_scss__WEBPACK_IMPORTED_MODULE_6___default().widget), (_ReadingProgressPage_module_scss__WEBPACK_IMPORTED_MODULE_6___default().streakWidget)), children: widget }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProgressPageStreakWidget); __webpack_async_result__(); } catch(e) { __webpack_async_result__(e); } }); /***/ }), /***/ 98811: /***/ ((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 _AddReading_module_scss__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(3678); /* harmony import */ var _AddReading_module_scss__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_AddReading_module_scss__WEBPACK_IMPORTED_MODULE_11__); /* harmony import */ var _components_ReadingGoal_ReadingGoalAmount_VerseRangesList__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(64142); /* harmony import */ var _components_ReadingGoal_ReadingGoalInput_VerseRangeInput__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(37326); /* harmony import */ var _components_ReadingGoalPage_utils_validator__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(27097); /* harmony import */ var _contexts_DataContext__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(70813); /* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(50497); /* harmony import */ var _dls_DurationInput__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(9731); /* harmony import */ var _dls_HelperTooltip_HelperTooltip__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(43391); /* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(55943); var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_ReadingGoal_ReadingGoalAmount_VerseRangesList__WEBPACK_IMPORTED_MODULE_3__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__, _dls_HelperTooltip_HelperTooltip__WEBPACK_IMPORTED_MODULE_9__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_10__]); ([_components_ReadingGoal_ReadingGoalAmount_VerseRangesList__WEBPACK_IMPORTED_MODULE_3__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__, _dls_HelperTooltip_HelperTooltip__WEBPACK_IMPORTED_MODULE_9__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_10__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__); const AddReadingForm = ({ ranges , setRanges , totalSeconds , setTotalSeconds , isFetchingSeconds , totalSecondsError })=>{ const chaptersData = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(_contexts_DataContext__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z); const { t } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("reading-progress"); const { 0: rangeStart , 1: setRangeStart } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null); const { 0: rangeEnd , 1: setRangeEnd } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null); const onAddClick = ()=>{ if (!rangeStart || !rangeEnd) return; const newRanges = [ ...ranges, `${rangeStart}-${rangeEnd}` ]; (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_10__/* .logButtonClick */ .MY)("add_reading", { range: `${rangeStart}-${rangeEnd}` }); setRanges(newRanges); setRangeStart(undefined); setRangeEnd(undefined); }; const onRangeChange = ({ startVerse , endVerse })=>{ setRangeStart(startVerse); setRangeEnd(endVerse); }; const getIsAddButtonDisabled = ()=>{ return !(0,_components_ReadingGoalPage_utils_validator__WEBPACK_IMPORTED_MODULE_5__/* .isValidVerseRange */ .I)(chaptersData, { startVerse: rangeStart, endVerse: rangeEnd }); }; 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(_components_ReadingGoal_ReadingGoalInput_VerseRangeInput__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, { rangeStartVerse: rangeStart, rangeEndVerse: rangeEnd, onRangeChange: onRangeChange }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .ZP, { isDisabled: getIsAddButtonDisabled(), onClick: onAddClick, children: t("add") }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", { className: (_AddReading_module_scss__WEBPACK_IMPORTED_MODULE_11___default().durationInputWrapper), children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_DurationInput__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, { totalSeconds: totalSeconds, onTotalSecondsChange: setTotalSeconds, isLoading: isFetchingSeconds, label: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (_AddReading_module_scss__WEBPACK_IMPORTED_MODULE_11___default().inputLabelContainer), children: [ t("reading-time"), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_HelperTooltip_HelperTooltip__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, { children: t("seconds-read-tooltip") }) ] }), error: totalSecondsError }) }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", { className: (_AddReading_module_scss__WEBPACK_IMPORTED_MODULE_11___default().verseRangesListContainer), children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_ReadingGoal_ReadingGoalAmount_VerseRangesList__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, { allowClearingRanges: true, ranges: ranges, setRanges: setRanges }) }) ] }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AddReadingForm); __webpack_async_result__(); } catch(e) { __webpack_async_result__(e); } }); /***/ }), /***/ 87206: /***/ ((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__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(15941); /* harmony import */ var swr_immutable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(79847); /* harmony import */ var _AddReading_module_scss__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(3678); /* harmony import */ var _AddReading_module_scss__WEBPACK_IMPORTED_MODULE_24___default = /*#__PURE__*/__webpack_require__.n(_AddReading_module_scss__WEBPACK_IMPORTED_MODULE_24__); /* harmony import */ var _AddReadingForm__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(98811); /* harmony import */ var _components_FormBuilder_buildTranslatedErrorMessageByErrorId__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(21485); /* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(50497); /* harmony import */ var _dls_Calendar__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(6335); /* harmony import */ var _dls_Modal_Content__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(11513); /* harmony import */ var _dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(21948); /* harmony import */ var _dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(7190); /* harmony import */ var _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(79717); /* harmony import */ var _hooks_useGetMushaf__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(23830); /* harmony import */ var _icons_chevron_left_svg__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(49880); /* harmony import */ var _icons_chevron_right_svg__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(3932); /* harmony import */ var _icons_west_svg__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(58421); /* harmony import */ var _types_auth_ActivityDay__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(97043); /* harmony import */ var _types_ErrorMessageId__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(99133); /* harmony import */ var _utils_activity_day__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(26332); /* harmony import */ var _utils_auth_api__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(37883); /* harmony import */ var _utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(13830); /* harmony import */ var _utils_datetime__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(76410); /* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(55943); var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr__WEBPACK_IMPORTED_MODULE_3__, swr_immutable__WEBPACK_IMPORTED_MODULE_4__, _AddReadingForm__WEBPACK_IMPORTED_MODULE_5__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__, _dls_Modal_Content__WEBPACK_IMPORTED_MODULE_9__, _dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_10__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_12__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_23__]); ([swr__WEBPACK_IMPORTED_MODULE_3__, swr_immutable__WEBPACK_IMPORTED_MODULE_4__, _AddReadingForm__WEBPACK_IMPORTED_MODULE_5__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__, _dls_Modal_Content__WEBPACK_IMPORTED_MODULE_9__, _dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_10__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_12__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_23__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__); /* eslint-disable max-lines */ const AddReading = ()=>{ const { t , lang } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("reading-progress"); const { 0: isOpen , 1: setIsOpen } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false); const { 0: isSubmitting , 1: setIsSubmitting } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false); const { 0: selectedMonth , 1: setSelectedMonth } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(()=>(0,_utils_datetime__WEBPACK_IMPORTED_MODULE_22__/* .getCurrentMonth */ .Cl)()); const { 0: selectedDate , 1: setSelectedDate } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null); const selectedYear = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>new Date().getFullYear(), []); const { 0: ranges , 1: setRanges } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]); const { 0: totalSeconds , 1: setTotalSeconds } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0); const { 0: totalSecondsError , 1: setTotalSecondsError } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null); const months = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>(0,_utils_datetime__WEBPACK_IMPORTED_MODULE_22__/* .getMonthsInYear */ .SV)(selectedYear, lang), [ selectedYear, lang ]); const mushaf = (0,_hooks_useGetMushaf__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z)(); const toast = (0,_dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_12__/* .useToast */ .pm)(); const { cache , mutate } = (0,swr__WEBPACK_IMPORTED_MODULE_3__.useSWRConfig)(); const { isValidating , data } = (0,swr_immutable__WEBPACK_IMPORTED_MODULE_4__["default"])(ranges.length > 0 ? (0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_21__/* .makeEstimateRangesReadingTimeUrl */ .j$)({ ranges }) : null, ()=>(0,_utils_auth_api__WEBPACK_IMPORTED_MODULE_20__/* .estimateRangesReadingTime */ .XM)({ ranges })); (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{ setTotalSeconds(data?.data?.seconds || 0); }, [ data ]); const onClose = ()=>{ setIsOpen(false); // reset ranges setRanges([]); // reset selected date setSelectedDate(null); // reset seconds error setTotalSecondsError(null); }; const onOpenClick = ()=>{ (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_23__/* .logButtonClick */ .MY)("open_add_reading_modal"); setIsOpen(true); }; const selectedMonthObj = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>{ if (!selectedMonth) return null; return months.find((month)=>month.id === selectedMonth); }, [ selectedMonth, months ]); const onMonthBackClick = ()=>{ const newMonth = selectedMonth - 1; (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_23__/* .logValueChange */ .Q8)("add_reading_month", selectedMonth, newMonth, { year: selectedYear }); setSelectedMonth(newMonth); }; const onMonthForwardClick = ()=>{ const newMonth = selectedMonth + 1; (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_23__/* .logValueChange */ .Q8)("add_reading_month", selectedMonth, newMonth, { year: selectedYear }); setSelectedMonth(newMonth); }; const onGoBackClick = ()=>{ (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_23__/* .logButtonClick */ .MY)("add_reading_back_to_calendar"); setSelectedDate(null); }; const onDayClick = (day, dateString)=>{ (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_23__/* .logValueChange */ .Q8)("add_reading_day", selectedDate, dateString, { day }); setSelectedDate(dateString); }; const onTotalSecondsChange = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((newTotalSeconds)=>{ setTotalSeconds(newTotalSeconds); if (totalSecondsError && newTotalSeconds > 0) { setTotalSecondsError(null); } }, [ totalSecondsError ]); /** * Check if a day is disabled. A day is disabled if it's later than today. * * @param {number} day * @returns {boolean} */ const getIsDayDisabled = (day)=>{ const currentMonth = (0,_utils_datetime__WEBPACK_IMPORTED_MODULE_22__/* .getCurrentMonth */ .Cl)(); // if the selected month is before the current month, don't disable any day if (selectedMonth < currentMonth) { return false; } // if the selected month is after the current month, disable all of the days if (selectedMonth > currentMonth) { return true; } const currentDay = (0,_utils_datetime__WEBPACK_IMPORTED_MODULE_22__/* .getCurrentDay */ .QH)(); // for the current month, we need to check which days are later than today and disable them if (day > currentDay) { return true; } return false; }; // eslint-disable-next-line react-func/max-lines-per-function const onSubmitClick = async ()=>{ if (totalSeconds < 1) { setTotalSecondsError((0,_components_FormBuilder_buildTranslatedErrorMessageByErrorId__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z)(_types_ErrorMessageId__WEBPACK_IMPORTED_MODULE_18__/* ["default"].RequiredField */ .Z.RequiredField, t("reading-time"), t)); return; } const payload = { ranges, seconds: totalSeconds, date: selectedDate, type: _types_auth_ActivityDay__WEBPACK_IMPORTED_MODULE_17__/* .ActivityDayType.QURAN */ .t.QURAN, mushafId: mushaf }; (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_23__/* .logFormSubmission */ .dz)("add_reading", payload); setIsSubmitting(true); try { await (0,_utils_auth_api__WEBPACK_IMPORTED_MODULE_20__/* .updateActivityDay */ .i1)(payload); // invalidate the current month's history cache to refetch the data if we navigated to it const currentMonthHistoryUrl = (0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_21__/* .makeFilterActivityDaysUrl */ .W_)((0,_utils_activity_day__WEBPACK_IMPORTED_MODULE_19__/* .getFilterActivityDaysParamsOfCurrentMonth */ .F)()); cache.delete(currentMonthHistoryUrl); mutate((0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_21__/* .makeStreakUrl */ .G_)()); // close the modal onClose(); toast(t("add-data-success"), { status: _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_12__/* .ToastStatus.Success */ .YZ.Success }); } catch (e) { toast(t("common:error.general"), { status: _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_12__/* .ToastStatus.Error */ .YZ.Error }); } finally{ setIsSubmitting(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(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .ZP, { onClick: onOpenClick, variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* .ButtonVariant.Outlined */ .Wu.Outlined, children: t("manually-add") }), /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, { isOpen: isOpen, onClickOutside: onClose, onEscapeKeyDown: onClose, size: _dls_Modal_Content__WEBPACK_IMPORTED_MODULE_9__/* .ModalSize.LARGE */ .C.LARGE, children: [ /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_10__/* ["default"].Body */ .Z.Body, { children: [ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_10__/* ["default"].Header */ .Z.Header, { children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_10__/* ["default"].Title */ .Z.Title, { children: selectedDate ? /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (_AddReading_module_scss__WEBPACK_IMPORTED_MODULE_24___default().selectedDateHeaderContainer), children: [ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .ZP, { size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* .ButtonSize.Medium */ .qE.Medium, variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* .ButtonVariant.Ghost */ .Wu.Ghost, onClick: onGoBackClick, className: (_AddReading_module_scss__WEBPACK_IMPORTED_MODULE_24___default().backButton), children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_west_svg__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .Z, {}) }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", { children: t("history-for", { date: (0,_utils_datetime__WEBPACK_IMPORTED_MODULE_22__/* .dateToReadableFormat */ .ZC)(selectedDate, lang, { year: "numeric" }) }) }) ] }) : /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", { children: t("manually-add") }) }) }), !selectedDate ? /*#__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: (_AddReading_module_scss__WEBPACK_IMPORTED_MODULE_24___default().calendarMonthSelector), children: [ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .ZP, { variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* .ButtonVariant.Ghost */ .Wu.Ghost, shape: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* .ButtonShape.Circle */ .jL.Circle, onClick: onMonthBackClick, isDisabled: selectedMonth === 1, children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_chevron_left_svg__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .Z, {}) }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", { className: (_AddReading_module_scss__WEBPACK_IMPORTED_MODULE_24___default().monthName), children: selectedMonthObj.name }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .ZP, { variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* .ButtonVariant.Ghost */ .Wu.Ghost, shape: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* .ButtonShape.Circle */ .jL.Circle, onClick: onMonthForwardClick, isDisabled: selectedMonth === 12, children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_chevron_right_svg__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .Z, {}) }) ] }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Calendar__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, { month: selectedMonthObj?.id, year: selectedYear, onDayClick: onDayClick, getIsDayDisabled: getIsDayDisabled }) ] }) : /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_AddReadingForm__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, { ranges: ranges, setRanges: setRanges, totalSeconds: totalSeconds, setTotalSeconds: onTotalSecondsChange, isFetchingSeconds: isValidating, totalSecondsError: totalSecondsError }) ] }), /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_10__/* ["default"].Footer */ .Z.Footer, { children: [ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_10__/* ["default"].CloseAction */ .Z.CloseAction, { isDisabled: isSubmitting, onClick: onClose, children: t("common:cancel") }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_10__/* ["default"].Action */ .Z.Action, { isPrimary: true, isDisabled: !ranges.length || isSubmitting, onClick: onSubmitClick, children: isSubmitting ? /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {}) : t("common:submit") }) ] }) ] }) ] }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AddReading); __webpack_async_result__(); } catch(e) { __webpack_async_result__(e); } }); /***/ }), /***/ 12852: /***/ ((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 _ReadingStats__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(32983); /* harmony import */ var _dls_Calendar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6335); /* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(55943); var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_ReadingStats__WEBPACK_IMPORTED_MODULE_2__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_4__]); ([_ReadingStats__WEBPACK_IMPORTED_MODULE_2__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_4__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__); const DaysCalendar = ({ month , year , days , selectedDate , setSelectedDate , isLoading , })=>{ const dateToDayMap = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>{ const map = {}; days.forEach((day)=>{ if (!day.pagesRead && !day.secondsRead && !day.ranges.length) { return; } map[day.date] = day; }); return map; }, [ days ]); if (selectedDate) { const readingDay = dateToDayMap[selectedDate]; return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ReadingStats__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { activityDay: readingDay }); } const onDayClick = (dayNumber, dateString)=>{ (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_4__/* .logButtonClick */ .MY)("reading_history_day", { month: month.id, year, day: dayNumber }); setSelectedDate(dateString); }; return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Calendar__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, { year: year, isLoading: isLoading, month: month.id, onDayClick: onDayClick, getIsDayDisabled: (day, dateString)=>{ const dayData = dateToDayMap[dateString]; return !dayData; } }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DaysCalendar); __webpack_async_result__(); } catch(e) { __webpack_async_result__(e); } }); /***/ }), /***/ 35361: /***/ ((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 _DaysCalendar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(12852); /* harmony import */ var _ReadingHistory_module_scss__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(44540); /* harmony import */ var _ReadingHistory_module_scss__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_ReadingHistory_module_scss__WEBPACK_IMPORTED_MODULE_13__); /* harmony import */ var _components_DataFetcher__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(12951); /* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(50497); /* harmony import */ var _dls_ContentModal_ContentModal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(66606); /* harmony import */ var _icons_west_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(58421); /* harmony import */ var _utils_activity_day__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(26332); /* harmony import */ var _utils_auth_api__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(37883); /* harmony import */ var _utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(13830); /* harmony import */ var _utils_datetime__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(76410); /* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(24709); var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_DaysCalendar__WEBPACK_IMPORTED_MODULE_3__, _components_DataFetcher__WEBPACK_IMPORTED_MODULE_4__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_5__, _dls_ContentModal_ContentModal__WEBPACK_IMPORTED_MODULE_6__]); ([_DaysCalendar__WEBPACK_IMPORTED_MODULE_3__, _components_DataFetcher__WEBPACK_IMPORTED_MODULE_4__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_5__, _dls_ContentModal_ContentModal__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__); const MonthModal = ({ month , year , onClose })=>{ const contentModalRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(); const { t , lang } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("reading-progress"); // YYYY-MM-DD const { 0: selectedDate , 1: setSelectedDate } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(); const params = (0,_utils_activity_day__WEBPACK_IMPORTED_MODULE_8__/* .getFilterActivityDaysParams */ .o)(month.id, year); const localizedYear = (0,_utils_locale__WEBPACK_IMPORTED_MODULE_12__/* .toLocalizedNumber */ .rQ)(year, lang, undefined, { useGrouping: false }); const readableDate = selectedDate ? (0,_utils_datetime__WEBPACK_IMPORTED_MODULE_11__/* .dateToReadableFormat */ .ZC)(selectedDate, lang, { year: "numeric" }) : `${month.name} ${localizedYear}`; return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_ContentModal_ContentModal__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, { isOpen: !!month, innerRef: contentModalRef, hasCloseButton: true, onClose: onClose, onEscapeKeyDown: onClose, header: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (_ReadingHistory_module_scss__WEBPACK_IMPORTED_MODULE_13___default().modalHeader), children: [ selectedDate && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .ZP, { size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_5__/* .ButtonSize.Medium */ .qE.Medium, variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_5__/* .ButtonVariant.Ghost */ .Wu.Ghost, onClick: ()=>setSelectedDate(null), className: (_ReadingHistory_module_scss__WEBPACK_IMPORTED_MODULE_13___default().backButton), children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_west_svg__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {}) }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", { children: t("history-for", { date: readableDate }) }) ] }), children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", { className: (_ReadingHistory_module_scss__WEBPACK_IMPORTED_MODULE_13___default().modalContentContainer), children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_DataFetcher__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, { queryKey: (0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_10__/* .makeFilterActivityDaysUrl */ .W_)(params), loading: ()=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_DaysCalendar__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, { isLoading: true, month: month, year: year, days: [], selectedDate: selectedDate, setSelectedDate: setSelectedDate }), fetcher: _utils_auth_api__WEBPACK_IMPORTED_MODULE_9__/* .privateFetcher */ .UK, render: (response)=>{ const data = response; const isEmpty = data.data.length === 0; return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: [ isEmpty && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", { className: (_ReadingHistory_module_scss__WEBPACK_IMPORTED_MODULE_13___default().emptyMessage), children: t("no-reading-history-for", { date: readableDate }) }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_DaysCalendar__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, { month: month, year: year, days: data.data, selectedDate: selectedDate, setSelectedDate: setSelectedDate }) ] }); } }) }) }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MonthModal); __webpack_async_result__(); } catch(e) { __webpack_async_result__(e); } }); /***/ }), /***/ 32983: /***/ ((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 _ReadingHistory_module_scss__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(44540); /* harmony import */ var _ReadingHistory_module_scss__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_ReadingHistory_module_scss__WEBPACK_IMPORTED_MODULE_15__); /* harmony import */ var _contexts_DataContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(70813); /* harmony import */ var _dls_Link_Link__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(61239); /* harmony import */ var _icons_book_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(69457); /* harmony import */ var _icons_clock_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(8674); /* harmony import */ var _icons_east_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(51057); /* harmony import */ var _types_Range__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(70725); /* harmony import */ var _utils_chapter__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(95892); /* harmony import */ var _utils_datetime__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(76410); /* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(55943); /* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(24709); /* harmony import */ var _utils_navigation__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(57933); /* harmony import */ var _utils_verseKeys__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(36495); var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_utils_eventLogger__WEBPACK_IMPORTED_MODULE_11__, _utils_navigation__WEBPACK_IMPORTED_MODULE_13__]); ([_utils_eventLogger__WEBPACK_IMPORTED_MODULE_11__, _utils_navigation__WEBPACK_IMPORTED_MODULE_13__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__); const ReadingStats = ({ activityDay })=>{ const { t , lang } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("reading-progress"); const chaptersData = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(_contexts_DataContext__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z); const pages = Number(activityDay.pagesRead.toFixed(1)); const localizedPages = (0,_utils_locale__WEBPACK_IMPORTED_MODULE_12__/* .toLocalizedNumber */ .rQ)(pages, lang); const verses = activityDay.versesRead; const localizedVerses = (0,_utils_locale__WEBPACK_IMPORTED_MODULE_12__/* .toLocalizedNumber */ .rQ)(verses, lang); const handleVerseClick = (position, verseKey)=>{ return ()=>{ (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_11__/* .logButtonClick */ .MY)(`reading_history_range_${position}`, { // eslint-disable-next-line @typescript-eslint/naming-convention verse_key: verseKey }); }; }; const secondsRead = activityDay.secondsRead + (activityDay.manuallyAddedSeconds || 0); return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (_ReadingHistory_module_scss__WEBPACK_IMPORTED_MODULE_15___default().readingInfo), children: [ /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (_ReadingHistory_module_scss__WEBPACK_IMPORTED_MODULE_15___default().readingStats), children: [ /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p", { children: [ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_book_svg__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {}), t("reading-goal:x-pages", { count: pages, pages: localizedPages }) ] }), /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p", { children: [ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_book_svg__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {}), `${localizedVerses} ${t("common:ayahs").toLocaleLowerCase(lang)}` ] }), /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p", { children: [ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_clock_svg__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {}), (0,_utils_datetime__WEBPACK_IMPORTED_MODULE_10__/* .secondsToReadableFormat */ .by)(secondsRead, t, lang) ] }) ] }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h3", { children: t("you-read") }), activityDay.ranges.length > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("ul", { children: activityDay.ranges.map((range, rangeIdx)=>{ const [{ chapter: fromChapter , verse: fromVerse , verseKey: rangeFrom }, { chapter: toChapter , verse: toVerse , verseKey: rangeTo }, ] = (0,_utils_verseKeys__WEBPACK_IMPORTED_MODULE_14__/* .parseVerseRange */ .p)(range); const from = `${(0,_utils_chapter__WEBPACK_IMPORTED_MODULE_9__/* .getChapterData */ .dy)(chaptersData, fromChapter).transliteratedName} ${(0,_utils_locale__WEBPACK_IMPORTED_MODULE_12__/* .toLocalizedNumber */ .rQ)(Number(fromVerse), lang)}`; const to = `${(0,_utils_chapter__WEBPACK_IMPORTED_MODULE_9__/* .getChapterData */ .dy)(chaptersData, toChapter).transliteratedName} ${(0,_utils_locale__WEBPACK_IMPORTED_MODULE_12__/* .toLocalizedNumber */ .rQ)(Number(toVerse), lang)}`; return(// eslint-disable-next-line react/no-array-index-key /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("li", { children: [ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Link_Link__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, { href: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_13__/* .getChapterWithStartingVerseUrl */ .P6)(rangeFrom), variant: _dls_Link_Link__WEBPACK_IMPORTED_MODULE_4__/* .LinkVariant.Primary */ .r.Primary, onClick: handleVerseClick(_types_Range__WEBPACK_IMPORTED_MODULE_8__/* .RangeItemDirection.From */ .Nk.From, rangeFrom), children: from }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_east_svg__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {}), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Link_Link__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, { href: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_13__/* .getChapterWithStartingVerseUrl */ .P6)(rangeTo), variant: _dls_Link_Link__WEBPACK_IMPORTED_MODULE_4__/* .LinkVariant.Primary */ .r.Primary, onClick: handleVerseClick(_types_Range__WEBPACK_IMPORTED_MODULE_8__/* .RangeItemDirection.To */ .Nk.To, rangeTo), children: to }) ] }, rangeIdx)); }) }) ] }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReadingStats); __webpack_async_result__(); } catch(e) { __webpack_async_result__(e); } }); /***/ }), /***/ 5314: /***/ ((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 _ReadingProgressPage_module_scss__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(87888); /* harmony import */ var _ReadingProgressPage_module_scss__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_ReadingProgressPage_module_scss__WEBPACK_IMPORTED_MODULE_11__); /* harmony import */ var _AddReading__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(87206); /* harmony import */ var _MonthModal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(35361); /* harmony import */ var _ReadingHistory_module_scss__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(44540); /* harmony import */ var _ReadingHistory_module_scss__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_ReadingHistory_module_scss__WEBPACK_IMPORTED_MODULE_12__); /* harmony import */ var _dls_Forms_Select__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(58087); /* harmony import */ var _dls_SelectionCard_SelectionCard__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(49190); /* harmony import */ var _utils_datetime__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(76410); /* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(55943); /* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(24709); var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_AddReading__WEBPACK_IMPORTED_MODULE_4__, _MonthModal__WEBPACK_IMPORTED_MODULE_5__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_9__]); ([_AddReading__WEBPACK_IMPORTED_MODULE_4__, _MonthModal__WEBPACK_IMPORTED_MODULE_5__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_9__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__); const ReadingHistory = ()=>{ const { t , lang } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default()("reading-progress"); const { 0: selectedYear , 1: setSelectedYear } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(new Date().getFullYear()); const { 0: selectedMonth , 1: setSelectedMonth } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null); const availableYears = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>{ const startYear = 2023; const currentYear = new Date().getFullYear(); // eslint-disable-next-line @typescript-eslint/naming-convention return Array.from({ length: currentYear - (startYear - 1) }, (_, i)=>i + startYear).map((year)=>({ label: (0,_utils_locale__WEBPACK_IMPORTED_MODULE_10__/* .toLocalizedNumber */ .rQ)(year, lang, undefined, { useGrouping: false }), value: year.toString() })); }, [ lang ]); const months = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>(0,_utils_datetime__WEBPACK_IMPORTED_MODULE_8__/* .getMonthsInYear */ .SV)(selectedYear, lang), [ selectedYear, lang ]); const selectedMonthObj = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>{ if (!selectedMonth) return null; return months.find((month)=>month.id === selectedMonth); }, [ selectedMonth, months ]); const localizedSelectedYear = (0,_utils_locale__WEBPACK_IMPORTED_MODULE_10__/* .toLocalizedNumber */ .rQ)(selectedYear, lang, undefined, { useGrouping: false }); const onMonthClick = (month)=>{ (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_9__/* .logButtonClick */ .MY)("reading_history_month", { month, year: selectedYear }); setSelectedMonth(month); }; const onYearChange = (newValue)=>{ const newYear = Number(newValue); (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_9__/* .logValueChange */ .Q8)("reading_history_year", selectedYear, newYear); setSelectedYear(newYear); }; return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (_ReadingProgressPage_module_scss__WEBPACK_IMPORTED_MODULE_11___default().historySection), children: [ !!selectedMonth && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_MonthModal__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, { month: selectedMonthObj, year: selectedYear, onClose: ()=>setSelectedMonth(null) }), /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (_ReadingHistory_module_scss__WEBPACK_IMPORTED_MODULE_12___default().titleContainer), children: [ /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (_ReadingHistory_module_scss__WEBPACK_IMPORTED_MODULE_12___default().title), children: [ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h1", { children: t("history") }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Forms_Select__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, { id: "reading-history-year-select", name: "reading-history-year-select", options: availableYears, value: selectedYear.toString(), onChange: onYearChange }) ] }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_AddReading__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {}) ] }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", { className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_ReadingProgressPage_module_scss__WEBPACK_IMPORTED_MODULE_11___default().historyContainer), (_ReadingHistory_module_scss__WEBPACK_IMPORTED_MODULE_12___default().monthsContainer)), children: months.map((month)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_SelectionCard_SelectionCard__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, { label: localizedSelectedYear, value: month.name, onClick: ()=>onMonthClick(month.id) }, month.id)) }) ] }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReadingHistory); __webpack_async_result__(); } catch(e) { __webpack_async_result__(e); } }); /***/ }), /***/ 8672: /***/ ((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 _ReadingGoal_DeleteReadingGoalModal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4495); /* harmony import */ var _ReadingGoal_UpdateReadingGoalModal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(87319); /* harmony import */ var _ProgressPageGoalWidget__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(52624); /* harmony import */ var _ProgressPageStreakWidget__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(68377); /* harmony import */ var _ReadingHistory__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(5314); /* harmony import */ var _ReadingProgressPage_module_scss__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(87888); /* harmony import */ var _ReadingProgressPage_module_scss__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_ReadingProgressPage_module_scss__WEBPACK_IMPORTED_MODULE_12__); /* harmony import */ var _components_NextSeoWrapper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(25869); /* harmony import */ var _components_PageContainer__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(9234); /* harmony import */ var _hooks_auth_useGetStreakWithMetadata__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(10191); /* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(24709); /* harmony import */ var _utils_navigation__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(57933); var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_ReadingGoal_DeleteReadingGoalModal__WEBPACK_IMPORTED_MODULE_2__, _ReadingGoal_UpdateReadingGoalModal__WEBPACK_IMPORTED_MODULE_3__, _ProgressPageGoalWidget__WEBPACK_IMPORTED_MODULE_4__, _ProgressPageStreakWidget__WEBPACK_IMPORTED_MODULE_5__, _ReadingHistory__WEBPACK_IMPORTED_MODULE_6__, _hooks_auth_useGetStreakWithMetadata__WEBPACK_IMPORTED_MODULE_9__, _utils_navigation__WEBPACK_IMPORTED_MODULE_11__]); ([_ReadingGoal_DeleteReadingGoalModal__WEBPACK_IMPORTED_MODULE_2__, _ReadingGoal_UpdateReadingGoalModal__WEBPACK_IMPORTED_MODULE_3__, _ProgressPageGoalWidget__WEBPACK_IMPORTED_MODULE_4__, _ProgressPageStreakWidget__WEBPACK_IMPORTED_MODULE_5__, _ReadingHistory__WEBPACK_IMPORTED_MODULE_6__, _hooks_auth_useGetStreakWithMetadata__WEBPACK_IMPORTED_MODULE_9__, _utils_navigation__WEBPACK_IMPORTED_MODULE_11__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__); const ReadingProgressPage = ()=>{ const { t , lang } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_1___default()("reading-progress"); const { error , goal , weekData , streak , currentActivityDay , isLoading } = (0,_hooks_auth_useGetStreakWithMetadata__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z)({ showDayName: true }); if (error) return null; 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(_components_NextSeoWrapper__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, { title: t("reading-progress-header"), url: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_11__/* .getCanonicalUrl */ .Z2)(lang, (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_11__/* .getReadingGoalProgressNavigationUrl */ .oJ)()), languageAlternates: (0,_utils_locale__WEBPACK_IMPORTED_MODULE_10__/* .getLanguageAlternates */ .qc)((0,_utils_navigation__WEBPACK_IMPORTED_MODULE_11__/* .getReadingGoalProgressNavigationUrl */ .oJ)()), nofollow: true, noindex: true }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_PageContainer__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, { children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (_ReadingProgressPage_module_scss__WEBPACK_IMPORTED_MODULE_12___default().contentContainer), children: [ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h1", { children: t("reading-progress-header") }), /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (_ReadingProgressPage_module_scss__WEBPACK_IMPORTED_MODULE_12___default().widgetsContainer), children: [ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ProgressPageStreakWidget__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, { weekData: weekData, goal: goal, streak: streak, isLoading: isLoading }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ProgressPageGoalWidget__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, { currentActivityDay: currentActivityDay, goal: goal, isLoading: isLoading }) ] }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ReadingHistory__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {}), goal && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (_ReadingProgressPage_module_scss__WEBPACK_IMPORTED_MODULE_12___default().manageGoalSection), children: [ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h1", { children: t("manage-goal") }), /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (_ReadingProgressPage_module_scss__WEBPACK_IMPORTED_MODULE_12___default().manageGoalContainer), children: [ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ReadingGoal_DeleteReadingGoalModal__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {}), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ReadingGoal_UpdateReadingGoalModal__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, { goal: goal }) ] }) ] }) ] }) }) ] }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReadingProgressPage); __webpack_async_result__(); } catch(e) { __webpack_async_result__(e); } }); /***/ }), /***/ 6335: /***/ ((__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 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 _Spinner_Spinner__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7190); /* harmony import */ var _Calendar_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(50266); /* harmony import */ var _Calendar_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_Calendar_module_scss__WEBPACK_IMPORTED_MODULE_7__); /* harmony import */ var _utils_datetime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(76410); /* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(24709); const Calendar = ({ month , year , getIsDayDisabled , onDayClick , isLoading })=>{ const { lang } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default()(); // YYYY-MM const monthDateString = `${year}-${(0,_utils_datetime__WEBPACK_IMPORTED_MODULE_5__/* .numberToPaddedString */ .S4)(month)}`; const monthDateObj = (0,_utils_datetime__WEBPACK_IMPORTED_MODULE_5__/* .getMonthDateObject */ .OQ)(year, month); const daysInMonth = monthDateObj.getDate(); const getIsDisabled = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((day, dateString)=>{ // if the calendar is loading, disable all days if (isLoading) return true; if (getIsDayDisabled) return getIsDayDisabled(day, dateString); // if there is no custom logic to disable days, don't disable any day return false; }, [ getIsDayDisabled, isLoading ]); return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (_Calendar_module_scss__WEBPACK_IMPORTED_MODULE_7___default().outerContainer), children: [ isLoading && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {}), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", { className: (_Calendar_module_scss__WEBPACK_IMPORTED_MODULE_7___default().calendarContainer), children: Array.from({ length: daysInMonth }).map((_, index)=>{ const day = index + 1; const dateString = `${monthDateString}-${(0,_utils_datetime__WEBPACK_IMPORTED_MODULE_5__/* .numberToPaddedString */ .S4)(day)}`; const isDisabled = getIsDisabled(day, dateString); const handleDayClick = ()=>onDayClick?.(day, dateString); return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", { className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(index > 6 && (_Calendar_module_scss__WEBPACK_IMPORTED_MODULE_7___default().bordered)), children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("button", { type: "button", disabled: isDisabled, className: classnames__WEBPACK_IMPORTED_MODULE_2___default()({ [(_Calendar_module_scss__WEBPACK_IMPORTED_MODULE_7___default().disabled)]: isDisabled }), onClick: handleDayClick, children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("time", { dateTime: dateString, children: (0,_utils_locale__WEBPACK_IMPORTED_MODULE_6__/* .toLocalizedNumber */ .rQ)(day, lang) }) }) }, dateString); }) }) ] }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Calendar); /***/ }), /***/ 66335: /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; // EXPORTS __webpack_require__.d(__webpack_exports__, { "Z": () => (/* binding */ CircularProgress) }); // 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_); ;// CONCATENATED MODULE: external "lodash/defaults" const defaults_namespaceObject = require("lodash/defaults"); var defaults_default = /*#__PURE__*/__webpack_require__.n(defaults_namespaceObject); ;// CONCATENATED MODULE: external "lodash/defaultsDeep" const defaultsDeep_namespaceObject = require("lodash/defaultsDeep"); var defaultsDeep_default = /*#__PURE__*/__webpack_require__.n(defaultsDeep_namespaceObject); // EXTERNAL MODULE: ./src/components/dls/CircularProgress/CircularProgress.module.scss var CircularProgress_module = __webpack_require__(94190); var CircularProgress_module_default = /*#__PURE__*/__webpack_require__.n(CircularProgress_module); ;// CONCATENATED MODULE: ./src/utils/circularProgress.ts const VIEWBOX_WIDTH = 100; const VIEWBOX_HEIGHT = 100; const VIEWBOX_HEIGHT_HALF = 50; const VIEWBOX_CENTER_X = 50; const VIEWBOX_CENTER_Y = 50; ;// CONCATENATED MODULE: ./src/components/dls/CircularProgress/Path.tsx const Path = ({ className , counterClockwise , dashRatio , pathRadius , strokeWidth , style , })=>{ return /*#__PURE__*/ jsx_runtime_.jsx("path", { className: className, style: { ...style, ...getDashStyle({ pathRadius, dashRatio, counterClockwise }) }, d: getPathDescription({ pathRadius, counterClockwise }), strokeWidth: strokeWidth, fillOpacity: 0 }); }; // SVG path description specifies how the path should be drawn function getPathDescription({ pathRadius , counterClockwise }) { const radius = pathRadius; const rotation = counterClockwise ? 1 : 0; // Move to center of canvas // Relative move to top canvas // Relative arc to bottom of canvas // Relative arc to top of canvas return ` M ${VIEWBOX_CENTER_X},${VIEWBOX_CENTER_Y} m 0,-${radius} a ${radius},${radius} ${rotation} 1 1 0,${2 * radius} a ${radius},${radius} ${rotation} 1 1 0,-${2 * radius} `; } function getDashStyle({ counterClockwise , dashRatio , pathRadius }) { const diameter = Math.PI * 2 * pathRadius; const gapLength = (1 - dashRatio) * diameter; return { // Have dash be full diameter, and gap be full diameter strokeDasharray: `${diameter}px ${diameter}px`, // Shift dash backward by gapLength, so gap starts appearing at correct distance strokeDashoffset: `${counterClockwise ? -gapLength : gapLength}px` }; } /* harmony default export */ const CircularProgress_Path = (Path); ;// CONCATENATED MODULE: ./src/components/dls/CircularProgress/index.tsx const defaultProps = { background: false, backgroundPadding: 0, circleRatio: 1, classes: { root: (CircularProgress_module_default()).progressbar, trail: (CircularProgress_module_default()).trail, path: (CircularProgress_module_default()).path, text: (CircularProgress_module_default()).text, background: (CircularProgress_module_default()).background }, counterClockwise: false, maxValue: 100, minValue: 0, strokeWidth: 8 }; const CircularProgressbar = ({ ...initialProps })=>{ const { background , backgroundPadding , circleRatio , className , classes , counterClockwise , strokeWidth , text , ...props } = defaultsDeep_default()(initialProps, defaults_default()(initialProps, defaultProps)); const getBackgroundPadding = ()=>{ if (!background) { // Don't add padding if not displaying background return 0; } return backgroundPadding; }; const getPathRadius = ()=>{ // The radius of the path is defined to be in the middle, so in order for the path to // fit perfectly inside the 100x100 viewBox, need to subtract half the strokeWidth return VIEWBOX_HEIGHT_HALF - strokeWidth / 2 - getBackgroundPadding(); }; // Ratio of path length to trail length, as a value between 0 and 1 const getPathRatio = ()=>{ const { value , minValue , maxValue } = props; const boundedValue = Math.min(Math.max(value, minValue), maxValue); return (boundedValue - minValue) / (maxValue - minValue); }; const pathRadius = getPathRadius(); const pathRatio = getPathRatio(); return /*#__PURE__*/ (0,jsx_runtime_.jsxs)("svg", { className: external_classnames_default()(classes?.root, className), viewBox: `0 0 ${VIEWBOX_WIDTH} ${VIEWBOX_HEIGHT}`, "data-test-id": "CircularProgressbar", children: [ background ? /*#__PURE__*/ jsx_runtime_.jsx("circle", { className: external_classnames_default()(classes?.background), cx: VIEWBOX_CENTER_X, cy: VIEWBOX_CENTER_Y, r: VIEWBOX_HEIGHT_HALF }) : null, /*#__PURE__*/ jsx_runtime_.jsx(CircularProgress_Path, { className: external_classnames_default()(classes?.trail), counterClockwise: counterClockwise, dashRatio: circleRatio, pathRadius: pathRadius, strokeWidth: strokeWidth }), /*#__PURE__*/ jsx_runtime_.jsx(CircularProgress_Path, { className: external_classnames_default()(classes?.path), counterClockwise: counterClockwise, dashRatio: pathRatio * circleRatio, pathRadius: pathRadius, strokeWidth: strokeWidth }), text ? /*#__PURE__*/ jsx_runtime_.jsx("text", { className: external_classnames_default()(classes?.text), x: VIEWBOX_CENTER_X, y: VIEWBOX_CENTER_Y, children: text }) : null ] }); }; /* harmony default export */ const CircularProgress = (CircularProgressbar); /***/ }), /***/ 66606: /***/ ((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 */ "S": () => (/* binding */ ContentModalSize), /* 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 _radix_ui_react_dialog__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(77715); /* 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 next_router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(71853); /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(next_router__WEBPACK_IMPORTED_MODULE_4__); /* harmony import */ var _Button_Button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(50497); /* harmony import */ var _ContentModal_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(19426); /* harmony import */ var _ContentModal_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_ContentModal_module_scss__WEBPACK_IMPORTED_MODULE_8__); /* harmony import */ var _icons_close_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(51053); /* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(24709); var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_radix_ui_react_dialog__WEBPACK_IMPORTED_MODULE_2__, _Button_Button__WEBPACK_IMPORTED_MODULE_5__]); ([_radix_ui_react_dialog__WEBPACK_IMPORTED_MODULE_2__, _Button_Button__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__); var ContentModalSize; (function(ContentModalSize) { ContentModalSize["SMALL"] = "small"; ContentModalSize["MEDIUM"] = "medium"; })(ContentModalSize || (ContentModalSize = {})); const SCROLLBAR_WIDTH = 15; const ContentModal = ({ isOpen , onClose , onEscapeKeyDown , hasCloseButton , children , header , innerRef , contentClassName , size =ContentModalSize.MEDIUM , isFixedHeight , hasHeader =true })=>{ const overlayRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(); const { locale } = (0,next_router__WEBPACK_IMPORTED_MODULE_4__.useRouter)(); (0,react__WEBPACK_IMPORTED_MODULE_1__.useImperativeHandle)(innerRef, ()=>({ scrollToTop: ()=>{ if (overlayRef.current) overlayRef.current.scrollTop = 0; } })); /** * We need to manually check what the user is targeting. If it lies at the * area where the scroll bar is (assuming the scrollbar width is equivalent * to SCROLLBAR_WIDTH), then we don't close the Modal, otherwise we do. * We also need to check if the current locale is RTL or LTR because the side * where the scrollbar is will be different and therefor the value of * {e.detail.originalEvent.offsetX} will be different. * * inspired by {@see https://github.com/radix-ui/primitives/issues/1280#issuecomment-1198248523} * * @param {any} e */ const onPointerDownOutside = (e)=>{ const currentTarget = e.currentTarget; const shouldPreventOnClose = (0,_utils_locale__WEBPACK_IMPORTED_MODULE_7__/* .isRTLLocale */ .iS)(locale) ? e.detail.originalEvent.offsetX < SCROLLBAR_WIDTH // left side of the screen clicked : e.detail.originalEvent.offsetX > currentTarget.clientWidth - SCROLLBAR_WIDTH; // right side of the screen clicked if (shouldPreventOnClose) { e.preventDefault(); return; } if (onClose) { onClose(); } }; return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_radix_ui_react_dialog__WEBPACK_IMPORTED_MODULE_2__.Root, { open: isOpen, children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_radix_ui_react_dialog__WEBPACK_IMPORTED_MODULE_2__.Portal, { children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_radix_ui_react_dialog__WEBPACK_IMPORTED_MODULE_2__.Overlay, { className: (_ContentModal_module_scss__WEBPACK_IMPORTED_MODULE_8___default().overlay), ref: overlayRef, children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_radix_ui_react_dialog__WEBPACK_IMPORTED_MODULE_2__.Content, { className: classnames__WEBPACK_IMPORTED_MODULE_3___default()((_ContentModal_module_scss__WEBPACK_IMPORTED_MODULE_8___default().contentWrapper), { [contentClassName]: contentClassName, [(_ContentModal_module_scss__WEBPACK_IMPORTED_MODULE_8___default().small)]: size === ContentModalSize.SMALL, [(_ContentModal_module_scss__WEBPACK_IMPORTED_MODULE_8___default().medium)]: size === ContentModalSize.MEDIUM, [(_ContentModal_module_scss__WEBPACK_IMPORTED_MODULE_8___default().autoHeight)]: !isFixedHeight }), onEscapeKeyDown: onEscapeKeyDown, onPointerDownOutside: onPointerDownOutside, children: [ hasHeader && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (_ContentModal_module_scss__WEBPACK_IMPORTED_MODULE_8___default().header), children: [ hasCloseButton && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_radix_ui_react_dialog__WEBPACK_IMPORTED_MODULE_2__.Close, { className: (_ContentModal_module_scss__WEBPACK_IMPORTED_MODULE_8___default().closeIcon), children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button_Button__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .ZP, { variant: _Button_Button__WEBPACK_IMPORTED_MODULE_5__/* .ButtonVariant.Ghost */ .Wu.Ghost, shape: _Button_Button__WEBPACK_IMPORTED_MODULE_5__/* .ButtonShape.Circle */ .jL.Circle, onClick: onClose, children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_close_svg__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {}) }) }), header ] }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", { className: (_ContentModal_module_scss__WEBPACK_IMPORTED_MODULE_8___default().content), children: children }) ] }) }) }) }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ContentModal); __webpack_async_result__(); } catch(e) { __webpack_async_result__(e); } }); /***/ }), /***/ 9731: /***/ ((__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 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 _DurationInput_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(60161); /* harmony import */ var _DurationInput_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_DurationInput_module_scss__WEBPACK_IMPORTED_MODULE_6__); /* harmony import */ var _dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7190); /* harmony import */ var _utils_number__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(19303); const commonInputProps = { type: "number", min: 0 }; const DurationInput = ({ totalSeconds , onTotalSecondsChange , disabled =false , isLoading =false , label , error })=>{ const { 0: hours , 1: setHours } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0); const { 0: minutes , 1: setMinutes } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0); const { 0: seconds , 1: setSeconds } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0); const { t } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default()("common"); const isDisabled = disabled || isLoading; const handleChange = (setter)=>(e)=>{ const value = Number(e.target.value); if (value < 0) return; setter(value); }; (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{ onTotalSecondsChange(hours * 3600 + minutes * 60 + seconds); }, [ onTotalSecondsChange, hours, minutes, seconds ]); (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{ const newHours = Math.floor(totalSeconds / 3600); const newMinutes = Math.floor(totalSeconds % 3600 / 60); const newSeconds = totalSeconds % 60; setHours((0,_utils_number__WEBPACK_IMPORTED_MODULE_5__/* .convertNumberToDecimal */ .uZ)(newHours, 1)); setMinutes((0,_utils_number__WEBPACK_IMPORTED_MODULE_5__/* .convertNumberToDecimal */ .uZ)(newMinutes, 1)); setSeconds((0,_utils_number__WEBPACK_IMPORTED_MODULE_5__/* .convertNumberToDecimal */ .uZ)(newSeconds, 1)); }, [ totalSeconds ]); const commonInputClassName = classnames__WEBPACK_IMPORTED_MODULE_2___default()({ [(_DurationInput_module_scss__WEBPACK_IMPORTED_MODULE_6___default().disabledInput)]: isDisabled }); return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { children: [ isLoading && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, { className: (_DurationInput_module_scss__WEBPACK_IMPORTED_MODULE_6___default().loadingSpinner) }), label && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("label", { className: (_DurationInput_module_scss__WEBPACK_IMPORTED_MODULE_6___default().label), htmlFor: "hours", children: label }), /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_DurationInput_module_scss__WEBPACK_IMPORTED_MODULE_6___default().durationInputContainer), isDisabled && (_DurationInput_module_scss__WEBPACK_IMPORTED_MODULE_6___default().disabled), error && (_DurationInput_module_scss__WEBPACK_IMPORTED_MODULE_6___default().error)), children: [ /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { children: [ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", { value: hours.toString(), id: "hours", onChange: handleChange(setHours), disabled: isDisabled, className: commonInputClassName, ...commonInputProps }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("label", { htmlFor: "hours", children: t("hours") }) ] }), /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { children: [ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", { value: minutes.toString(), id: "minutes", onChange: handleChange(setMinutes), disabled: isDisabled, className: commonInputClassName, ...commonInputProps }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("label", { htmlFor: "minutes", children: t("minutes") }) ] }), /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { children: [ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", { value: seconds.toString(), id: "seconds", onChange: handleChange(setSeconds), disabled: isDisabled, className: commonInputClassName, ...commonInputProps }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("label", { htmlFor: "seconds", children: t("seconds") }) ] }) ] }), error && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", { className: (_DurationInput_module_scss__WEBPACK_IMPORTED_MODULE_6___default().errorMessage), children: error }) ] }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DurationInput); /***/ }), /***/ 43391: /***/ ((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 _Popover_HoverablePopover__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(74306); /* harmony import */ var _HelperTooltip_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(29929); /* harmony import */ var _HelperTooltip_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_HelperTooltip_module_scss__WEBPACK_IMPORTED_MODULE_3__); /* harmony import */ var _icons_help_circle_svg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(47873); var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Popover_HoverablePopover__WEBPACK_IMPORTED_MODULE_1__]); _Popover_HoverablePopover__WEBPACK_IMPORTED_MODULE_1__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0]; const HelperTooltip = ({ children })=>{ return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Popover_HoverablePopover__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { triggerStyles: (_HelperTooltip_module_scss__WEBPACK_IMPORTED_MODULE_3___default().trigger), content: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", { className: (_HelperTooltip_module_scss__WEBPACK_IMPORTED_MODULE_3___default().content), children: children }), children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", { className: (_HelperTooltip_module_scss__WEBPACK_IMPORTED_MODULE_3___default().questionMarkIconContainer), children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_help_circle_svg__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {}) }) }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (HelperTooltip); __webpack_async_result__(); } catch(e) { __webpack_async_result__(e); } }); /***/ }), /***/ 49190: /***/ ((__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 _SelectionCard_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4919); /* harmony import */ var _SelectionCard_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_SelectionCard_module_scss__WEBPACK_IMPORTED_MODULE_2__); /* harmony import */ var _icons_chevron_right_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3932); /* eslint-disable jsx-a11y/no-static-element-interactions */ /* eslint-disable jsx-a11y/click-events-have-key-events */ const SelectionCard = ({ label , value , onClick })=>{ return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (_SelectionCard_module_scss__WEBPACK_IMPORTED_MODULE_2___default().container), onClick: onClick, children: [ /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (_SelectionCard_module_scss__WEBPACK_IMPORTED_MODULE_2___default().labelContainer), children: [ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", { className: (_SelectionCard_module_scss__WEBPACK_IMPORTED_MODULE_2___default().label), children: label }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", { className: (_SelectionCard_module_scss__WEBPACK_IMPORTED_MODULE_2___default().value), children: value }) ] }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", { className: (_SelectionCard_module_scss__WEBPACK_IMPORTED_MODULE_2___default().iconContainer), children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_chevron_right_svg__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {}) }) ] }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SelectionCard); /***/ }), /***/ 77048: /***/ ((__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 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 _Skeleton_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(96318); /* harmony import */ var _Skeleton_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_Skeleton_module_scss__WEBPACK_IMPORTED_MODULE_2__); const Skeleton = ({ children , isRounded , isSquared , isActive =true , className })=>{ return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", { className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Skeleton_module_scss__WEBPACK_IMPORTED_MODULE_2___default().skeleton), { [(_Skeleton_module_scss__WEBPACK_IMPORTED_MODULE_2___default().baseSize)]: !children && !className, [(_Skeleton_module_scss__WEBPACK_IMPORTED_MODULE_2___default().active)]: isActive, [(_Skeleton_module_scss__WEBPACK_IMPORTED_MODULE_2___default().rounded)]: isRounded, [(_Skeleton_module_scss__WEBPACK_IMPORTED_MODULE_2___default().squared)]: isSquared, [className]: className }), children: children && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", { className: (_Skeleton_module_scss__WEBPACK_IMPORTED_MODULE_2___default().content), children: children }) }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Skeleton); /***/ }), /***/ 26332: /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "F": () => (/* binding */ getFilterActivityDaysParamsOfCurrentMonth), /* harmony export */ "o": () => (/* binding */ getFilterActivityDaysParams) /* harmony export */ }); /* harmony import */ var _datetime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(76410); /* harmony import */ var _types_auth_ActivityDay__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(97043); const getFilterActivityDaysParamsOfCurrentMonth = ()=>{ const currentMonth = (0,_datetime__WEBPACK_IMPORTED_MODULE_0__/* .getCurrentMonth */ .Cl)(); const currentYear = new Date().getFullYear(); return getFilterActivityDaysParams(currentMonth, currentYear); }; const getFilterActivityDaysParams = (month, year)=>{ const { from , to } = (0,_datetime__WEBPACK_IMPORTED_MODULE_0__/* .makeDateRangeFromMonth */ .fR)(month, year); const params = { from, to, limit: 31, type: _types_auth_ActivityDay__WEBPACK_IMPORTED_MODULE_1__/* .ActivityDayType.QURAN */ .t.QURAN }; return params; }; /***/ }), /***/ 21479: /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "d": () => (/* binding */ chaptersDataGetStaticProps) /* harmony export */ }); /* harmony import */ var _chapter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(95892); /* eslint-disable import/prefer-default-export */ const chaptersDataGetStaticProps = async ({ locale })=>{ const allChaptersData = await (0,_chapter__WEBPACK_IMPORTED_MODULE_0__/* .getAllChaptersData */ .T4)(locale); return { props: { chaptersData: allChaptersData } }; }; /***/ }), /***/ 99133: /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); var ErrorMessageId; (function(ErrorMessageId) { ErrorMessageId["InvalidEmail"] = "invalid-email"; ErrorMessageId["RequiredField"] = "required-field"; ErrorMessageId["InvalidField"] = "invalid-field"; ErrorMessageId["MaximumLength"] = "maximum-length"; ErrorMessageId["MinimumLength"] = "minimum-length"; })(ErrorMessageId || (ErrorMessageId = {})); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ErrorMessageId); /***/ }), /***/ 75184: /***/ ((module) => { "use strict"; module.exports = require("@reduxjs/toolkit"); /***/ }), /***/ 58097: /***/ ((module) => { "use strict"; module.exports = require("@sentry/nextjs"); /***/ }), /***/ 59003: /***/ ((module) => { "use strict"; module.exports = require("classnames"); /***/ }), /***/ 59606: /***/ ((module) => { "use strict"; module.exports = require("humps"); /***/ }), /***/ 59969: /***/ ((module) => { "use strict"; module.exports = require("lodash/capitalize"); /***/ }), /***/ 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"); /***/ }), /***/ 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"); /***/ }), /***/ 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"); /***/ }), /***/ 71853: /***/ ((module) => { "use strict"; module.exports = require("next/router"); /***/ }), /***/ 16689: /***/ ((module) => { "use strict"; module.exports = require("react"); /***/ }), /***/ 2784: /***/ ((module) => { "use strict"; module.exports = require("react-hotkeys-hook"); /***/ }), /***/ 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"); /***/ }), /***/ 77715: /***/ ((module) => { "use strict"; module.exports = import("@radix-ui/react-dialog");; /***/ }), /***/ 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");; /***/ }), /***/ 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");; /***/ }), /***/ 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,96270,24709,57933,61239,25869,50497,76410,79717,13830,37883,22197,12951,85949,62093,91308,41051,67972,1223,39820,1266,38646,73273,64306], () => (__webpack_exec__(65812))); module.exports = __webpack_exports__; })(); //# sourceMappingURL=progress.js.map