quran/.next/server/pages/reading-goal/progress.js

(() => {
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