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

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

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

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (/* binding */ pageWrapperTemplate),
/* harmony export */   "getServerSideProps": () => (/* binding */ getServerSideProps),
/* harmony export */   "getStaticProps": () => (/* binding */ getStaticProps)
/* harmony export */ });
/* harmony import */ var _sentry_server_config_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(96270);
/* harmony import */ var _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(58097);
/* harmony import */ var _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(59003);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(71853);
/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(next_router__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _index_module_scss__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(23848);
/* harmony import */ var _index_module_scss__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_index_module_scss__WEBPACK_IMPORTED_MODULE_15__);
/* harmony import */ var _reading_goal_module_scss__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(79965);
/* harmony import */ var _reading_goal_module_scss__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(_reading_goal_module_scss__WEBPACK_IMPORTED_MODULE_16__);
/* harmony import */ var _components_Auth_withAuth__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(1223);
/* harmony import */ var _components_NextSeoWrapper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(25869);
/* harmony import */ var _components_ReadingGoalPage__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(81743);
/* harmony import */ var _dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(7190);
/* harmony import */ var _hooks_auth_useGetStreakWithMetadata__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(10191);
/* harmony import */ var _utils_chapter__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(95892);
/* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(24709);
/* harmony import */ var _utils_navigation__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(57933);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_Auth_withAuth__WEBPACK_IMPORTED_MODULE_7__, _components_ReadingGoalPage__WEBPACK_IMPORTED_MODULE_9__, _hooks_auth_useGetStreakWithMetadata__WEBPACK_IMPORTED_MODULE_11__, _utils_navigation__WEBPACK_IMPORTED_MODULE_14__]);
([_components_Auth_withAuth__WEBPACK_IMPORTED_MODULE_7__, _components_ReadingGoalPage__WEBPACK_IMPORTED_MODULE_9__, _hooks_auth_useGetStreakWithMetadata__WEBPACK_IMPORTED_MODULE_11__, _utils_navigation__WEBPACK_IMPORTED_MODULE_14__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);


















const ReadingGoalPage = ()=>{
    // we don't want to show the reading goal page if the user is not logged in
    const { t , lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_6___default()("reading-goal");
    const router = (0,next_router__WEBPACK_IMPORTED_MODULE_5__.useRouter)();
    // if the user already has a goal, redirect them to the home page
    const { goal , isLoading: isLoadingReadingGoal  } = (0,_hooks_auth_useGetStreakWithMetadata__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z)();
    const isLoading = isLoadingReadingGoal || !router.isReady || !!goal;
    (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(()=>{
        if (goal) {
            router.push("/");
        }
    }, [
        router,
        goal
    ]);
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment, {
        children: [
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components_NextSeoWrapper__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
                title: t("reading-goal"),
                url: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_14__/* .getCanonicalUrl */ .Z2)(lang, (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_14__/* .getReadingGoalNavigationUrl */ .we)()),
                languageAlternates: (0,_utils_locale__WEBPACK_IMPORTED_MODULE_13__/* .getLanguageAlternates */ .qc)((0,_utils_navigation__WEBPACK_IMPORTED_MODULE_14__/* .getReadingGoalNavigationUrl */ .we)()),
                nofollow: true,
                noindex: true
            }),
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
                className: (_index_module_scss__WEBPACK_IMPORTED_MODULE_15___default().pageContainer),
                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
                    className: classnames__WEBPACK_IMPORTED_MODULE_4___default()((_index_module_scss__WEBPACK_IMPORTED_MODULE_15___default().flow), isLoading && (_reading_goal_module_scss__WEBPACK_IMPORTED_MODULE_16___default().loadingContainer)),
                    children: isLoading ? /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {}) : /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components_ReadingGoalPage__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {})
                })
            })
        ]
    });
};
const getStaticProps$1 = async ({ locale  })=>{
    const allChaptersData = await (0,_utils_chapter__WEBPACK_IMPORTED_MODULE_12__/* .getAllChaptersData */ .T4)(locale);
    return {
        props: {
            chaptersData: allChaptersData
        }
    };
};
var __SENTRY_WRAPPING_TARGET_FILE__ = (0,_components_Auth_withAuth__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z)(ReadingGoalPage);

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'] || _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')
    : undefined;
const getServerSideProps =
  typeof origGetServerSideProps === 'function'
    ? _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapGetServerSidePropsWithSentry(origGetServerSideProps, '/reading-goal')
    : undefined;

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



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

/***/ }),

/***/ 25694:
/***/ ((__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 SvgCalendar = function SvgCalendar(props) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
    xmlns: "http://www.w3.org/2000/svg",
    fill: "none",
    viewBox: "0 0 24 24",
    strokeWidth: 1.5,
    stroke: "currentColor",
    className: "w-6 h-6"
  }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    strokeLinecap: "round",
    strokeLinejoin: "round",
    d: "M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"
  })));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgCalendar);

/***/ }),

/***/ 51053:
/***/ ((__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 SvgClose = function SvgClose(props) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
    width: 24,
    height: 24,
    viewBox: "0 0 15 15",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    d: "M11.782 4.032a.575.575 0 1 0-.813-.814L7.5 6.687 4.032 3.218a.575.575 0 0 0-.814.814L6.687 7.5l-3.469 3.468a.575.575 0 0 0 .814.814L7.5 8.313l3.469 3.469a.575.575 0 0 0 .813-.814L8.313 7.5l3.469-3.468Z",
    fill: "currentColor",
    fillRule: "evenodd",
    clipRule: "evenodd"
  })));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgClose);

/***/ }),

/***/ 50764:
/***/ ((__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, _path2;
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 SvgSettingsStroke = function SvgSettingsStroke(props) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
    xmlns: "http://www.w3.org/2000/svg",
    fill: "none",
    viewBox: "0 0 24 24",
    strokeWidth: 1.5,
    stroke: "currentColor",
    className: "w-6 h-6"
  }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    strokeLinecap: "round",
    strokeLinejoin: "round",
    d: "M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 0 1 0 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 0 1 0-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z"
  })), _path2 || (_path2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    strokeLinecap: "round",
    strokeLinejoin: "round",
    d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"
  })));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgSettingsStroke);

/***/ }),

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

// Exports
module.exports = {
	"icon": "OptionButton_icon__w5iJa",
	"button": "OptionButton_button__koa5L",
	"textContainer": "OptionButton_textContainer__KGc0j",
	"title": "OptionButton_title__fLEFm",
	"description": "OptionButton_description__paNw7",
	"selected": "OptionButton_selected__9vy3U",
	"recommended": "OptionButton_recommended__sDzVm"
};


/***/ }),

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

// Exports
module.exports = {
	"tabContainer": "ReadingGoalPage_tabContainer__mzLNd",
	"optionsContainer": "ReadingGoalPage_optionsContainer__3v9HQ",
	"titleContainer": "ReadingGoalPage_titleContainer__A2zup",
	"title": "ReadingGoalPage_title__s7pGO",
	"subtitle": "ReadingGoalPage_subtitle__ljYxq",
	"navigationContainer": "ReadingGoalPage_navigationContainer__0nY0E",
	"previewWrapper": "ReadingGoalPage_previewWrapper__sykGt",
	"dayPreview": "ReadingGoalPage_dayPreview__M4mrU",
	"lastDay": "ReadingGoalPage_lastDay__ieeGh",
	"rangePreview": "ReadingGoalPage_rangePreview__xB27p",
	"rangeInputContainer": "ReadingGoalPage_rangeInputContainer__SkyH9",
	"inputContainer": "ReadingGoalPage_inputContainer__RmukP",
	"input": "ReadingGoalPage_input__T_M3H",
	"label": "ReadingGoalPage_label__04sb1"
};


/***/ }),

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

// Exports
module.exports = {
	"progressRoot": "Progress_progressRoot__Np4He",
	"progressSmall": "Progress_progressSmall__xl_va",
	"progressMedium": "Progress_progressMedium__ys5Rw",
	"progressLarge": "Progress_progressLarge__smmtV",
	"progressIndicator": "Progress_progressIndicator__dPgS9"
};


/***/ }),

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

// Exports
module.exports = {
	"pageContainer": "index_pageContainer__Pxtn3",
	"loadingContainer": "index_loadingContainer__WEZFc",
	"flow": "index_flow__rCTR5",
	"flowItem": "index_flowItem__GnXWz",
	"additionalVerticalGap": "index_additionalVerticalGap__nzYz6",
	"fullWidth": "index_fullWidth__1n4ux"
};


/***/ }),

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

// Exports
module.exports = {
	"loadingContainer": "reading-goal_loadingContainer__5MEZB"
};


/***/ }),

/***/ 65586:
/***/ ((__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 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 _OptionButton_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(97471);
/* harmony import */ var _OptionButton_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_OptionButton_module_scss__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _public_images_moon_illustration_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5894);





const OptionButton = ({ option , description , selected , recommended , icon: Icon = _public_images_moon_illustration_svg__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z , onSelect ,  })=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("reading-goal");
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("button", {
        type: "button",
        onClick: onSelect,
        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_OptionButton_module_scss__WEBPACK_IMPORTED_MODULE_4___default().button), selected && (_OptionButton_module_scss__WEBPACK_IMPORTED_MODULE_4___default().selected)),
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(Icon, {
                className: (_OptionButton_module_scss__WEBPACK_IMPORTED_MODULE_4___default().icon)
            }),
            recommended && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                className: (_OptionButton_module_scss__WEBPACK_IMPORTED_MODULE_4___default().recommended),
                children: t("recommended")
            }),
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: (_OptionButton_module_scss__WEBPACK_IMPORTED_MODULE_4___default().textContainer),
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
                        className: (_OptionButton_module_scss__WEBPACK_IMPORTED_MODULE_4___default().title),
                        children: option
                    }),
                    description && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
                        className: (_OptionButton_module_scss__WEBPACK_IMPORTED_MODULE_4___default().description),
                        children: description
                    })
                ]
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (OptionButton);


/***/ }),

/***/ 90589:
/***/ ((__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 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 _hooks_useReadingGoalReducer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60168);
/* harmony import */ var _OptionButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(65586);
/* harmony import */ var _ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(85407);
/* harmony import */ var _ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_4__);





const ReadingGoalExamplesTab = ({ state , dispatch , nav , logClick ,  })=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_1___default()("reading-goal");
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
        children: [
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: (_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_4___default().titleContainer),
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h1", {
                        className: (_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_4___default().title),
                        children: t("examples-title")
                    }),
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
                        className: (_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_4___default().subtitle),
                        children: t("examples-subtitle")
                    })
                ]
            }),
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: (_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_4___default().optionsContainer),
                children: [
                    Object.keys(_hooks_useReadingGoalReducer__WEBPACK_IMPORTED_MODULE_2__/* .readingGoalExamples */ .x).map((exampleKey)=>{
                        const example = _hooks_useReadingGoalReducer__WEBPACK_IMPORTED_MODULE_2__/* .readingGoalExamples */ .x[exampleKey];
                        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_OptionButton__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                            icon: example.icon,
                            onSelect: ()=>{
                                dispatch({
                                    type: "SET_EXAMPLE",
                                    payload: {
                                        exampleKey
                                    }
                                });
                                logClick(exampleKey);
                            },
                            selected: state.exampleKey === exampleKey,
                            option: t(`examples.${example.i18nKey}.title`),
                            recommended: "recommended" in example && example.recommended,
                            description: t(`examples.${example.i18nKey}.description`)
                        }, example.i18nKey);
                    }),
                    nav
                ]
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReadingGoalExamplesTab);


/***/ }),

/***/ 18535:
/***/ ((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 _ReadingGoal_ReadingGoalInput__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(93272);
/* harmony import */ var _ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(85407);
/* harmony import */ var _ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_7__);
/* harmony import */ var _dls_Forms_Select__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(58087);
/* harmony import */ var _types_auth_Goal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(63196);
/* harmony import */ var _utils_generators__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(49184);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_ReadingGoal_ReadingGoalInput__WEBPACK_IMPORTED_MODULE_3__]);
_ReadingGoal_ReadingGoalInput__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];








const ReadingGoalTargetAmountTab = ({ state , dispatch , nav , logChange ,  })=>{
    const { t , lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("reading-goal");
    const { type , period , pages , seconds , rangeStartVerse , rangeEndVerse , duration  } = state;
    const dayOptions = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>(0,_utils_generators__WEBPACK_IMPORTED_MODULE_6__/* .generateDurationDaysOptions */ .zQ)(t, lang), [
        t,
        lang
    ]);
    const onDurationChange = (d)=>{
        const newDuration = Number(d);
        logChange("duration", {
            currentValue: duration,
            newValue: newDuration
        });
        dispatch({
            type: "SET_DURATION",
            payload: {
                duration: newDuration
            }
        });
    };
    const onRangeChange = (newRange)=>{
        dispatch({
            type: "SET_RANGE",
            payload: newRange
        });
    };
    const onPagesChange = (newPages)=>{
        dispatch({
            type: "SET_PAGES",
            payload: {
                pages: newPages
            }
        });
    };
    const onSecondsChange = (newSeconds)=>{
        dispatch({
            type: "SET_SECONDS",
            payload: {
                seconds: newSeconds
            }
        });
    };
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
        children: [
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: (_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_7___default().titleContainer),
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h1", {
                        className: (_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_7___default().title),
                        children: t("goal-target.title")
                    }),
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
                        className: (_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_7___default().subtitle),
                        children: t("goal-target.description")
                    })
                ]
            }),
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: (_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_7___default().optionsContainer),
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ReadingGoal_ReadingGoalInput__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                        type: type,
                        pages: pages,
                        seconds: seconds,
                        rangeStartVerse: rangeStartVerse,
                        rangeEndVerse: rangeEndVerse,
                        onRangeChange: onRangeChange,
                        onPagesChange: onPagesChange,
                        onSecondsChange: onSecondsChange,
                        logChange: logChange
                    }),
                    period === _types_auth_Goal__WEBPACK_IMPORTED_MODULE_5__/* .QuranGoalPeriod.Continuous */ .r_.Continuous && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                        className: (_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_7___default().inputContainer),
                        children: [
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("label", {
                                htmlFor: "duration",
                                className: (_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_7___default().label),
                                children: t("duration")
                            }),
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Forms_Select__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
                                id: "duration",
                                name: "duration",
                                size: _dls_Forms_Select__WEBPACK_IMPORTED_MODULE_4__/* .SelectSize.Large */ .h.Large,
                                className: (_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_7___default().input),
                                options: dayOptions,
                                value: duration.toString(),
                                onChange: onDurationChange
                            })
                        ]
                    }),
                    nav
                ]
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReadingGoalTargetAmountTab);

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

/***/ }),

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

"use strict";

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

// EXTERNAL MODULE: external "react/jsx-runtime"
var jsx_runtime_ = __webpack_require__(20997);
// EXTERNAL MODULE: external "next-translate/useTranslation"
var useTranslation_ = __webpack_require__(60866);
var useTranslation_default = /*#__PURE__*/__webpack_require__.n(useTranslation_);
// EXTERNAL MODULE: ./src/components/ReadingGoalPage/OptionButton.tsx
var OptionButton = __webpack_require__(65586);
// EXTERNAL MODULE: ./src/components/ReadingGoalPage/ReadingGoalPage.module.scss
var ReadingGoalPage_module = __webpack_require__(85407);
var ReadingGoalPage_module_default = /*#__PURE__*/__webpack_require__.n(ReadingGoalPage_module);
// EXTERNAL MODULE: ./public/icons/calendar.svg
var calendar = __webpack_require__(25694);
// EXTERNAL MODULE: external "react"
var external_react_ = __webpack_require__(16689);
;// CONCATENATED MODULE: ./public/icons/repeat.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 SvgRepeat = function SvgRepeat(props) {
  return /*#__PURE__*/external_react_.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__*/external_react_.createElement("path", {
    d: "M6.65 5.813h11.625V9.3l4.65-4.65L18.275 0v3.487H4.325v6.976H6.65v-4.65Zm11.625 11.625H6.65V13.95L2 18.6l4.65 4.65v-3.488H20.6v-6.975h-2.325v4.65Z",
    fill: "currentColor"
  })));
};
/* harmony default export */ const repeat = (SvgRepeat);
// EXTERNAL MODULE: ./types/auth/Goal.ts
var Goal = __webpack_require__(63196);
;// CONCATENATED MODULE: ./src/components/ReadingGoalPage/ReadingGoalTimeTab.tsx







const options = [
    {
        key: Goal/* QuranGoalPeriod.Daily */.r_.Daily,
        icon: repeat
    },
    {
        key: Goal/* QuranGoalPeriod.Continuous */.r_.Continuous,
        icon: calendar/* default */.Z
    }, 
];
const ReadingGoalTimeTab = ({ state , dispatch , nav , logClick  })=>{
    const { t  } = useTranslation_default()("reading-goal");
    return /*#__PURE__*/ (0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
        children: [
            /*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
                className: (ReadingGoalPage_module_default()).titleContainer,
                children: [
                    /*#__PURE__*/ jsx_runtime_.jsx("h1", {
                        className: (ReadingGoalPage_module_default()).title,
                        children: t("frequency-tab.title")
                    }),
                    /*#__PURE__*/ jsx_runtime_.jsx("p", {
                        className: (ReadingGoalPage_module_default()).subtitle,
                        children: t("frequency-tab.description")
                    })
                ]
            }),
            /*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
                className: (ReadingGoalPage_module_default()).optionsContainer,
                children: [
                    options.map((option)=>/*#__PURE__*/ jsx_runtime_.jsx(OptionButton/* default */.Z, {
                            icon: option.icon,
                            onSelect: ()=>{
                                dispatch({
                                    type: "SET_PERIOD",
                                    payload: {
                                        period: option.key
                                    }
                                });
                                logClick(option.key);
                            },
                            selected: state.period === option.key,
                            option: t(`${option.key.toLowerCase()}.title`),
                            description: t(`${option.key.toLowerCase()}.description`)
                        }, option.key)),
                    nav
                ]
            })
        ]
    });
};
/* harmony default export */ const ReadingGoalPage_ReadingGoalTimeTab = (ReadingGoalTimeTab);


/***/ }),

/***/ 93607:
/***/ ((__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 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 _OptionButton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(65586);
/* harmony import */ var _ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(85407);
/* harmony import */ var _ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_7__);
/* harmony import */ var _icons_book_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(69457);
/* harmony import */ var _icons_clock_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8674);
/* harmony import */ var _icons_settings_stroke_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(50764);
/* harmony import */ var _types_auth_Goal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(63196);








const options = [
    {
        type: _types_auth_Goal__WEBPACK_IMPORTED_MODULE_6__/* .GoalType.TIME */ .lC.TIME,
        key: "time",
        icon: _icons_clock_svg__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z
    },
    {
        type: _types_auth_Goal__WEBPACK_IMPORTED_MODULE_6__/* .GoalType.PAGES */ .lC.PAGES,
        key: "pages",
        icon: _icons_book_svg__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z
    },
    {
        type: _types_auth_Goal__WEBPACK_IMPORTED_MODULE_6__/* .GoalType.RANGE */ .lC.RANGE,
        key: "range",
        icon: _icons_settings_stroke_svg__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z
    }, 
];
const ReadingGoalTypeTab = ({ state , dispatch , nav , logClick  })=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_1___default()("reading-goal");
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
        children: [
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: (_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_7___default().titleContainer),
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h1", {
                        className: (_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_7___default().title),
                        children: t("goal-type.title")
                    }),
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
                        className: (_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_7___default().subtitle),
                        children: t("goal-type.description")
                    })
                ]
            }),
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: (_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_7___default().optionsContainer),
                children: [
                    options.map((option)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_OptionButton__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
                            onSelect: ()=>{
                                dispatch({
                                    type: "SET_TYPE",
                                    payload: {
                                        type: option.type
                                    }
                                });
                                logClick(option.key);
                            },
                            selected: state.type === option.type,
                            option: t(`goal-types.${option.key}.title`),
                            description: t(`goal-types.${option.key}.description`),
                            icon: option.icon
                        }, option.key)),
                    nav
                ]
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReadingGoalTypeTab);


/***/ }),

/***/ 37329:
/***/ ((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 react_redux__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6022);
/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _DataFetcher__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(12951);
/* harmony import */ var _ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(85407);
/* harmony import */ var _ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_18__);
/* harmony import */ var _ReadingGoalWeekPreviewTabSkeleton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(39933);
/* harmony import */ var _contexts_DataContext__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(70813);
/* harmony import */ var _dls_Popover_HoverablePopover__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(74306);
/* harmony import */ var _redux_slices_QuranReader_styles__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(62093);
/* harmony import */ var _types_auth_Goal__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(63196);
/* harmony import */ var _utils_api__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(4917);
/* harmony import */ var _utils_auth_api__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(37883);
/* harmony import */ var _utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(13830);
/* harmony import */ var _utils_chapter__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(95892);
/* harmony import */ var _utils_datetime__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(76410);
/* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(24709);
/* harmony import */ var _utils_number__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(19303);
/* harmony import */ var _utils_verseKeys__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(36495);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_DataFetcher__WEBPACK_IMPORTED_MODULE_5__, _dls_Popover_HoverablePopover__WEBPACK_IMPORTED_MODULE_8__]);
([_DataFetcher__WEBPACK_IMPORTED_MODULE_5__, _dls_Popover_HoverablePopover__WEBPACK_IMPORTED_MODULE_8__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);




















const makePayload = (state, mushafId)=>{
    const payload = {
        mushafId,
        type: state.type,
        amount: {
            [_types_auth_Goal__WEBPACK_IMPORTED_MODULE_10__/* .GoalType.PAGES */ .lC.PAGES]: state.pages,
            [_types_auth_Goal__WEBPACK_IMPORTED_MODULE_10__/* .GoalType.TIME */ .lC.TIME]: state.seconds,
            [_types_auth_Goal__WEBPACK_IMPORTED_MODULE_10__/* .GoalType.RANGE */ .lC.RANGE]: `${state.rangeStartVerse}-${state.rangeEndVerse}`
        }[state.type]
    };
    if (state.period === _types_auth_Goal__WEBPACK_IMPORTED_MODULE_10__/* .QuranGoalPeriod.Continuous */ .r_.Continuous) payload.duration = state.duration;
    return payload;
};
// this is the maximum number of days that we'll show in the preview for continuous goals
// if the user selects a duration that is longer than this, we will show in the last day "+X more days"
const MAX_DAYS = 6;
const ReadingGoalWeekPreviewTab = ({ state , nav  })=>{
    const { t , lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default()("reading-goal");
    const chaptersData = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(_contexts_DataContext__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z);
    const quranFont = (0,react_redux__WEBPACK_IMPORTED_MODULE_4__.useSelector)(_redux_slices_QuranReader_styles__WEBPACK_IMPORTED_MODULE_9__/* .selectQuranFont */ .Ho, react_redux__WEBPACK_IMPORTED_MODULE_4__.shallowEqual);
    const mushafLines = (0,react_redux__WEBPACK_IMPORTED_MODULE_4__.useSelector)(_redux_slices_QuranReader_styles__WEBPACK_IMPORTED_MODULE_9__/* .selectQuranMushafLines */ .z$, react_redux__WEBPACK_IMPORTED_MODULE_4__.shallowEqual);
    const { mushaf  } = (0,_utils_api__WEBPACK_IMPORTED_MODULE_11__/* .getMushafId */ .$P)(quranFont, mushafLines);
    const payload = makePayload(state, mushaf);
    const getDailyAmount = (data, idx)=>{
        const { type  } = state;
        const day = data.week[idx];
        if (type === _types_auth_Goal__WEBPACK_IMPORTED_MODULE_10__/* .GoalType.RANGE */ .lC.RANGE) {
            const range = day.amount;
            const [{ chapter: startingChapter , verse: startingVerse  }, { chapter: endingChapter , verse: endingVerse  }, ] = (0,_utils_verseKeys__WEBPACK_IMPORTED_MODULE_17__/* .parseVerseRange */ .p)(range);
            const startingChapterName = (0,_utils_chapter__WEBPACK_IMPORTED_MODULE_14__/* .getChapterData */ .dy)(chaptersData, startingChapter).transliteratedName;
            const endingChapterName = (0,_utils_chapter__WEBPACK_IMPORTED_MODULE_14__/* .getChapterData */ .dy)(chaptersData, endingChapter).transliteratedName;
            return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: (_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_18___default().rangePreview),
                children: [
                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p", {
                        children: [
                            t("reciter:read"),
                            " ",
                            startingChapterName,
                            " ",
                            (0,_utils_locale__WEBPACK_IMPORTED_MODULE_16__/* .toLocalizedNumber */ .rQ)(Number(startingVerse), lang)
                        ]
                    }),
                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p", {
                        children: [
                            t("common:to").toLowerCase(),
                            " ",
                            endingChapterName,
                            " ",
                            (0,_utils_locale__WEBPACK_IMPORTED_MODULE_16__/* .toLocalizedNumber */ .rQ)(Number(endingVerse), lang)
                        ]
                    })
                ]
            });
        }
        const numberAmount = day.amount;
        if (type === _types_auth_Goal__WEBPACK_IMPORTED_MODULE_10__/* .GoalType.TIME */ .lC.TIME) {
            return `${t("reciter:read")} ${(0,_utils_datetime__WEBPACK_IMPORTED_MODULE_15__/* .secondsToReadableFormat */ .by)(numberAmount, t, lang)}`;
        }
        const pages = (0,_utils_number__WEBPACK_IMPORTED_MODULE_19__/* .convertNumberToDecimal */ .uZ)(numberAmount, 2);
        return `${t("reciter:read")} ${t("x-pages", {
            count: pages,
            pages: (0,_utils_locale__WEBPACK_IMPORTED_MODULE_16__/* .toLocalizedNumber */ .rQ)(pages, lang)
        })}`;
    };
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
        children: [
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: (_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_18___default().titleContainer),
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h1", {
                        className: (_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_18___default().title),
                        children: t("preview-schedule.title")
                    }),
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
                        className: (_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_18___default().subtitle),
                        children: t("preview-schedule.description")
                    })
                ]
            }),
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("ol", {
                className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_18___default().optionsContainer), (_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_18___default().previewWrapper)),
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_DataFetcher__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
                        queryKey: (0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_13__/* .makeEstimateReadingGoalUrl */ .I0)(payload),
                        fetcher: _utils_auth_api__WEBPACK_IMPORTED_MODULE_12__/* .privateFetcher */ .UK,
                        loading: ()=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ReadingGoalWeekPreviewTabSkeleton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                                numberOfDays: state.period === _types_auth_Goal__WEBPACK_IMPORTED_MODULE_10__/* .QuranGoalPeriod.Continuous */ .r_.Continuous ? state.duration : 7
                            }),
                        render: (response)=>{
                            const { data  } = response;
                            return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
                                children: data.week.map((day, idx)=>{
                                    const date = new Date(day.date);
                                    const shouldShowNumberOfDaysAfterPreview = state.duration > MAX_DAYS && state.period === _types_auth_Goal__WEBPACK_IMPORTED_MODULE_10__/* .QuranGoalPeriod.Continuous */ .r_.Continuous;
                                    const isLastElement = shouldShowNumberOfDaysAfterPreview && idx > MAX_DAYS - 1;
                                    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("li", {
                                        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_18___default().dayPreview), isLastElement && (_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_18___default().lastDay)),
                                        children: isLastElement ? /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h3", {
                                            children: t("plus-x-more-days", {
                                                count: state.duration - MAX_DAYS,
                                                days: (0,_utils_locale__WEBPACK_IMPORTED_MODULE_16__/* .toLocalizedNumber */ .rQ)(state.duration - MAX_DAYS, lang)
                                            })
                                        }) : /*#__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_Popover_HoverablePopover__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
                                                    content: (0,_utils_datetime__WEBPACK_IMPORTED_MODULE_15__/* .dateToReadableFormat */ .ZC)(date, lang),
                                                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h3", {
                                                        children: (0,_utils_datetime__WEBPACK_IMPORTED_MODULE_15__/* .getFullDayName */ .Zu)(date, lang)
                                                    })
                                                }),
                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
                                                    children: getDailyAmount(data, idx)
                                                })
                                            ]
                                        })
                                    }, day.date);
                                })
                            });
                        }
                    }),
                    nav
                ]
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReadingGoalWeekPreviewTab);

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

/***/ }),

/***/ 39933:
/***/ ((__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 _ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(85407);
/* harmony import */ var _ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7190);



const ReadingGoalWeekPreviewTabSkeleton = ({ numberOfDays ,  })=>{
    const days = Array.from({
        length: Math.min(numberOfDays, 7)
    }).map((_, idx)=>// eslint-disable-next-line react/no-array-index-key
        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("li", {
            className: (_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_2___default().dayPreview),
            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {})
        }, idx));
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
        children: days
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReadingGoalWeekPreviewTabSkeleton);


/***/ }),

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

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__),
/* harmony export */   "x": () => (/* binding */ readingGoalExamples)
/* 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__);
/* harmony import */ var _icons_book_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(69457);
/* harmony import */ var _icons_calendar_svg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(25694);
/* harmony import */ var _icons_clock_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8674);
/* harmony import */ var _icons_settings_stroke_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(50764);
/* harmony import */ var _types_auth_Goal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(63196);
/* eslint-disable max-lines */ /* eslint-disable react-func/max-lines-per-function */ 





const reducer = (state, action)=>{
    switch(action.type){
        case "SET_PERIOD":
            return {
                ...state,
                duration: action.payload.period === _types_auth_Goal__WEBPACK_IMPORTED_MODULE_5__/* .QuranGoalPeriod.Continuous */ .r_.Continuous ? 30 : null,
                period: action.payload.period
            };
        case "SET_TYPE":
            return {
                ...state,
                type: action.payload.type
            };
        case "SET_PAGES":
            return {
                ...state,
                pages: action.payload.pages
            };
        case "SET_SECONDS":
            return {
                ...state,
                seconds: action.payload.seconds
            };
        case "SET_DURATION":
            return {
                ...state,
                duration: action.payload.duration,
                period: action.payload.duration ? _types_auth_Goal__WEBPACK_IMPORTED_MODULE_5__/* .QuranGoalPeriod.Continuous */ .r_.Continuous : _types_auth_Goal__WEBPACK_IMPORTED_MODULE_5__/* .QuranGoalPeriod.Daily */ .r_.Daily
            };
        case "SET_RANGE":
            return {
                ...state,
                rangeStartVerse: action.payload.startVerse,
                rangeEndVerse: action.payload.endVerse
            };
        case "SET_EXAMPLE":
            {
                const example = readingGoalExamples[action.payload.exampleKey];
                let values = {};
                if ("values" in example) {
                    values = {
                        ...example.values
                    };
                }
                return {
                    ...state,
                    exampleKey: action.payload.exampleKey,
                    ...values
                };
            }
        default:
            return state;
    }
};
const readingGoalExamples = {
    "10_mins": {
        i18nKey: "time",
        icon: _icons_clock_svg__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z,
        recommended: true,
        values: {
            type: _types_auth_Goal__WEBPACK_IMPORTED_MODULE_5__/* .GoalType.TIME */ .lC.TIME,
            seconds: 10 * 60,
            period: _types_auth_Goal__WEBPACK_IMPORTED_MODULE_5__/* .QuranGoalPeriod.Daily */ .r_.Daily
        }
    },
    khatm: {
        i18nKey: "khatm",
        icon: _icons_book_svg__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z,
        values: {
            type: _types_auth_Goal__WEBPACK_IMPORTED_MODULE_5__/* .GoalType.RANGE */ .lC.RANGE,
            rangeStartVerse: "1:1",
            rangeEndVerse: "114:6",
            duration: 30,
            period: _types_auth_Goal__WEBPACK_IMPORTED_MODULE_5__/* .QuranGoalPeriod.Continuous */ .r_.Continuous
        }
    },
    yearly: {
        i18nKey: "year",
        icon: _icons_calendar_svg__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z,
        values: {
            type: _types_auth_Goal__WEBPACK_IMPORTED_MODULE_5__/* .GoalType.RANGE */ .lC.RANGE,
            rangeStartVerse: "1:1",
            rangeEndVerse: "114:6",
            duration: 365,
            period: _types_auth_Goal__WEBPACK_IMPORTED_MODULE_5__/* .QuranGoalPeriod.Continuous */ .r_.Continuous
        }
    },
    custom: {
        i18nKey: "custom",
        icon: _icons_settings_stroke_svg__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z
    }
};
const initialState = {
    period: _types_auth_Goal__WEBPACK_IMPORTED_MODULE_5__/* .QuranGoalPeriod.Daily */ .r_.Daily,
    type: _types_auth_Goal__WEBPACK_IMPORTED_MODULE_5__/* .GoalType.PAGES */ .lC.PAGES,
    exampleKey: null,
    pages: 1,
    seconds: 60,
    duration: null,
    rangeStartVerse: "1:1",
    rangeEndVerse: "114:6"
};
const useReadingGoalReducer = ()=>{
    const { 0: state , 1: dispatch  } = (0,react__WEBPACK_IMPORTED_MODULE_0__.useReducer)(reducer, initialState);
    return [
        state,
        dispatch
    ];
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useReadingGoalReducer);


/***/ }),

/***/ 81743:
/***/ ((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_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(71853);
/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(next_router__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var swr__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(15941);
/* harmony import */ var _hooks_useReadingGoalReducer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(60168);
/* harmony import */ var _ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(85407);
/* harmony import */ var _ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_22__);
/* harmony import */ var _utils_tabs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(25511);
/* harmony import */ var _utils_validator__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(27097);
/* harmony import */ var _contexts_DataContext__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(70813);
/* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(50497);
/* harmony import */ var _dls_Progress__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(8894);
/* harmony import */ var _dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(7190);
/* harmony import */ var _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(79717);
/* harmony import */ var _hooks_useGetMushaf__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(23830);
/* harmony import */ var _icons_chevron_left_svg__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(49880);
/* harmony import */ var _icons_chevron_right_svg__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(3932);
/* harmony import */ var _pages_index_module_scss__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(23848);
/* harmony import */ var _pages_index_module_scss__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(_pages_index_module_scss__WEBPACK_IMPORTED_MODULE_21__);
/* harmony import */ var _types_auth_Goal__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(63196);
/* harmony import */ var _utils_auth_api__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(37883);
/* harmony import */ var _utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(13830);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(55943);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr__WEBPACK_IMPORTED_MODULE_5__, _utils_tabs__WEBPACK_IMPORTED_MODULE_7__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_10__, _dls_Progress__WEBPACK_IMPORTED_MODULE_11__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_13__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_20__]);
([swr__WEBPACK_IMPORTED_MODULE_5__, _utils_tabs__WEBPACK_IMPORTED_MODULE_7__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_10__, _dls_Progress__WEBPACK_IMPORTED_MODULE_11__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_13__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_20__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
/* eslint-disable react-func/max-lines-per-function */ /* eslint-disable max-lines */ 






















const ReadingGoalOnboarding = ()=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_4___default()("reading-goal");
    const router = (0,next_router__WEBPACK_IMPORTED_MODULE_3__.useRouter)();
    const chaptersData = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(_contexts_DataContext__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z);
    const mushaf = (0,_hooks_useGetMushaf__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .Z)();
    const { 0: loading , 1: setLoading  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
    const { 0: tabIdx , 1: setTabIdx  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0);
    const [state, dispatch] = (0,_hooks_useReadingGoalReducer__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z)();
    const toast = (0,_dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_13__/* .useToast */ .pm)();
    const { cache  } = (0,swr__WEBPACK_IMPORTED_MODULE_5__.useSWRConfig)();
    const addReadingGoalAndClearCache = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(async (data)=>{
        await (0,_utils_auth_api__WEBPACK_IMPORTED_MODULE_18__/* .addReadingGoal */ .Ec)(data).then(()=>{
            cache.delete((0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_19__/* .makeStreakUrl */ .G_)());
        });
    }, [
        cache
    ]);
    const Tab = _utils_tabs__WEBPACK_IMPORTED_MODULE_7__/* .tabsArray */ .So[tabIdx];
    const onSubmit = async ()=>{
        let amount;
        if (state.type === _types_auth_Goal__WEBPACK_IMPORTED_MODULE_17__/* .GoalType.PAGES */ .lC.PAGES) amount = state.pages;
        else if (state.type === _types_auth_Goal__WEBPACK_IMPORTED_MODULE_17__/* .GoalType.TIME */ .lC.TIME) amount = state.seconds;
        else amount = `${state.rangeStartVerse}-${state.rangeEndVerse}`;
        const data = {
            mushafId: mushaf,
            type: state.type,
            amount,
            category: _types_auth_Goal__WEBPACK_IMPORTED_MODULE_17__/* .GoalCategory.QURAN */ .c9.QURAN
        };
        if (state.period === _types_auth_Goal__WEBPACK_IMPORTED_MODULE_17__/* .QuranGoalPeriod.Continuous */ .r_.Continuous) {
            data.duration = state.duration;
        }
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_20__/* .logFormSubmission */ .dz)("create_goal", {
            duration: null,
            ...data
        });
        setLoading(true);
        try {
            await addReadingGoalAndClearCache(data);
            toast(t("set-reading-goal-success"), {
                status: _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_13__/* .ToastStatus.Success */ .YZ.Success
            });
            router.push("/");
        } catch (e) {
            toast(t("common:error.general"), {
                status: _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_13__/* .ToastStatus.Error */ .YZ.Error
            });
        }
        setLoading(false);
    };
    const isPreviewTab = Tab.key === _utils_tabs__WEBPACK_IMPORTED_MODULE_7__/* .TabKey.PreviewTab */ .Rc.PreviewTab;
    const percentage = isPreviewTab ? 100 : tabIdx / _utils_tabs__WEBPACK_IMPORTED_MODULE_7__/* .tabsArray.length */ .So.length * 100;
    const onPrev = ()=>{
        if (tabIdx !== 0 && state.exampleKey !== "custom") {
            setTabIdx(0);
            (0,_utils_tabs__WEBPACK_IMPORTED_MODULE_7__/* .logTabClick */ ._x)(Tab.key, "previous");
        } else {
            setTabIdx((prevIdx)=>prevIdx - 1);
            (0,_utils_tabs__WEBPACK_IMPORTED_MODULE_7__/* .logTabClick */ ._x)(Tab.key, "previous");
        }
    };
    const onNext = ()=>{
        if (!isPreviewTab) {
            if (tabIdx === 0 && state.exampleKey !== "custom") {
                // if the user selected an example, skip to the preview tab
                setTabIdx(_utils_tabs__WEBPACK_IMPORTED_MODULE_7__/* .tabsArray.length */ .So.length - 1);
            } else {
                // otherwise, go to the next tab
                setTabIdx((prevIdx)=>prevIdx + 1);
            }
            (0,_utils_tabs__WEBPACK_IMPORTED_MODULE_7__/* .logTabNextClick */ .T9)(Tab.key, state);
        } else {
            onSubmit();
        }
    };
    const getIsNextDisabled = ()=>{
        // if the user is on the examples tab and hasn't selected an example, disable the next button
        if (Tab.key === _utils_tabs__WEBPACK_IMPORTED_MODULE_7__/* .TabKey.ExamplesTab */ .Rc.ExamplesTab && !state.exampleKey) return true;
        if (Tab.key === _utils_tabs__WEBPACK_IMPORTED_MODULE_7__/* .TabKey.AmountTab */ .Rc.AmountTab) {
            return !(0,_utils_validator__WEBPACK_IMPORTED_MODULE_8__/* .validateReadingGoalData */ .w)(chaptersData, {
                type: state.type,
                pages: state.pages,
                seconds: state.seconds,
                range: {
                    startVerse: state.rangeStartVerse,
                    endVerse: state.rangeEndVerse
                }
            }, mushaf);
        }
        return false;
    };
    const logClick = (event)=>{
        (0,_utils_tabs__WEBPACK_IMPORTED_MODULE_7__/* .logTabClick */ ._x)(Tab.key, event);
    };
    const logChange = (input, values, metadata)=>{
        (0,_utils_tabs__WEBPACK_IMPORTED_MODULE_7__/* .logTabInputChange */ .GD)(Tab.key, input, values, metadata);
    };
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_pages_index_module_scss__WEBPACK_IMPORTED_MODULE_21___default().flowItem)),
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Progress__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {
                value: percentage
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: (_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_22___default().tabContainer),
                children: loading ? /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {
                    isCentered: true,
                    size: _dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_12__/* .SpinnerSize.Large */ .E.Large
                }) : /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(Tab.Component, {
                    onTabChange: setTabIdx,
                    state: state,
                    dispatch: dispatch,
                    logClick: logClick,
                    logChange: logChange,
                    nav: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                        className: (_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_22___default().navigationContainer),
                        children: [
                            tabIdx > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .ZP, {
                                className: (_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_22___default().navigateButton),
                                size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_10__/* .ButtonSize.Large */ .qE.Large,
                                prefix: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_chevron_left_svg__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .Z, {}),
                                onClick: onPrev,
                                type: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_10__/* .ButtonType.Secondary */ .L$.Secondary,
                                children: t("common:prev")
                            }),
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .ZP, {
                                className: (_ReadingGoalPage_module_scss__WEBPACK_IMPORTED_MODULE_22___default().navigateButton),
                                size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_10__/* .ButtonSize.Large */ .qE.Large,
                                suffix: !isPreviewTab ? /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_chevron_right_svg__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .Z, {}) : undefined,
                                isDisabled: getIsNextDisabled(),
                                onClick: onNext,
                                children: !isPreviewTab ? t("common:next") : t("start-journey")
                            })
                        ]
                    })
                })
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReadingGoalOnboarding);

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

/***/ }),

/***/ 25511:
/***/ ((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 */   "GD": () => (/* binding */ logTabInputChange),
/* harmony export */   "Rc": () => (/* binding */ TabKey),
/* harmony export */   "So": () => (/* binding */ tabsArray),
/* harmony export */   "T9": () => (/* binding */ logTabNextClick),
/* harmony export */   "_x": () => (/* binding */ logTabClick)
/* harmony export */ });
/* harmony import */ var _ReadingGoalExamplesTab__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(90589);
/* harmony import */ var _ReadingGoalTargetAmountTab__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(18535);
/* harmony import */ var _ReadingGoalTimeTab__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(91555);
/* harmony import */ var _ReadingGoalTypeTab__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(93607);
/* harmony import */ var _ReadingGoalWeekPreviewTab__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(37329);
/* harmony import */ var _types_auth_Goal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(63196);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(55943);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_ReadingGoalTargetAmountTab__WEBPACK_IMPORTED_MODULE_1__, _ReadingGoalWeekPreviewTab__WEBPACK_IMPORTED_MODULE_4__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__]);
([_ReadingGoalTargetAmountTab__WEBPACK_IMPORTED_MODULE_1__, _ReadingGoalWeekPreviewTab__WEBPACK_IMPORTED_MODULE_4__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);







var TabKey;
(function(TabKey) {
    TabKey["ExamplesTab"] = "examples";
    TabKey["ContinuityTab"] = "continuity";
    TabKey["TypeTab"] = "type";
    TabKey["AmountTab"] = "amount";
    TabKey["PreviewTab"] = "preview";
})(TabKey || (TabKey = {}));
const tabs = {
    [TabKey.ExamplesTab]: _ReadingGoalExamplesTab__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z,
    [TabKey.ContinuityTab]: _ReadingGoalTimeTab__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z,
    [TabKey.TypeTab]: _ReadingGoalTypeTab__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z,
    [TabKey.AmountTab]: _ReadingGoalTargetAmountTab__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z,
    [TabKey.PreviewTab]: _ReadingGoalWeekPreviewTab__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z
};
const tabsArray = Object.keys(tabs).map((key)=>({
        key,
        Component: tabs[key]
    }));
const logTabClick = (tab, event, metadata)=>{
    (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__/* .logButtonClick */ .MY)(`create_goal_${tab}_tab_${event}`, metadata);
};
const logTabNextClick = (tab, state)=>{
    let metadata;
    if (tab === TabKey.ExamplesTab) {
        metadata = {
            example: state.exampleKey
        };
    } else if (tab === TabKey.TypeTab) {
        // eslint-disable-next-line @typescript-eslint/naming-convention
        metadata = {
            goal_type: state.type
        };
    } else if (tab === TabKey.AmountTab) {
        metadata = {
            pages: state.type === _types_auth_Goal__WEBPACK_IMPORTED_MODULE_5__/* .GoalType.PAGES */ .lC.PAGES ? state.pages : null,
            seconds: state.type === _types_auth_Goal__WEBPACK_IMPORTED_MODULE_5__/* .GoalType.TIME */ .lC.TIME ? state.seconds : null,
            range: state.type === _types_auth_Goal__WEBPACK_IMPORTED_MODULE_5__/* .GoalType.RANGE */ .lC.RANGE ? `${state.rangeStartVerse}-${state.rangeEndVerse}` : null,
            duration: state.period === _types_auth_Goal__WEBPACK_IMPORTED_MODULE_5__/* .QuranGoalPeriod.Continuous */ .r_.Continuous ? state.duration : null
        };
    } else if (tab === TabKey.ContinuityTab) {
        // eslint-disable-next-line @typescript-eslint/naming-convention
        metadata = {
            goal_period: state.period
        };
    }
    logTabClick(tab, "next", metadata);
};
const logTabInputChange = (tab, input, values, metadata)=>{
    (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__/* .logValueChange */ .Q8)(`create_goal_${tab}_tab_${input}`, values.currentValue, values.newValue, metadata);
};

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

/***/ }),

/***/ 8894:
/***/ ((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 */ });
/* unused harmony export ProgressSize */
/* 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 _radix_ui_react_progress__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6005);
/* 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 _Progress_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(80165);
/* harmony import */ var _Progress_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_Progress_module_scss__WEBPACK_IMPORTED_MODULE_3__);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_radix_ui_react_progress__WEBPACK_IMPORTED_MODULE_1__]);
_radix_ui_react_progress__WEBPACK_IMPORTED_MODULE_1__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];




var ProgressSize;
(function(ProgressSize) {
    ProgressSize["Small"] = "small";
    ProgressSize["Medium"] = "medium";
    ProgressSize["Large"] = "large";
})(ProgressSize || (ProgressSize = {}));
const Progress = ({ value , rootStyles , size =ProgressSize.Small , indicatorStyles ,  })=>{
    const rootClassNames = classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Progress_module_scss__WEBPACK_IMPORTED_MODULE_3___default().progressRoot), {
        [(_Progress_module_scss__WEBPACK_IMPORTED_MODULE_3___default().progressSmall)]: size === ProgressSize.Small,
        [(_Progress_module_scss__WEBPACK_IMPORTED_MODULE_3___default().progressMedium)]: size === ProgressSize.Medium,
        [(_Progress_module_scss__WEBPACK_IMPORTED_MODULE_3___default().progressLarge)]: size === ProgressSize.Large
    }, rootStyles);
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_radix_ui_react_progress__WEBPACK_IMPORTED_MODULE_1__.Root, {
        className: rootClassNames,
        value: value,
        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_radix_ui_react_progress__WEBPACK_IMPORTED_MODULE_1__.Indicator, {
            className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Progress_module_scss__WEBPACK_IMPORTED_MODULE_3___default().progressIndicator), indicatorStyles),
            style: {
                transform: `translateX(-${100 - value}%)`
            }
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Progress);

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

/***/ }),

/***/ 70813:
/***/ ((__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__);

const DataContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({});
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DataContext);


/***/ }),

/***/ 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");

/***/ }),

/***/ 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");

/***/ }),

/***/ 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");

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

/***/ 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,1223,39820,1266,5894,38646,73273], () => (__webpack_exec__(94669)));
module.exports = __webpack_exports__;

})();
//# sourceMappingURL=reading-goal.js.map