quran/.next/server/pages/notes-and-reflections.js

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

/***/ 97242:
/***/ ((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 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 _components_Auth_withAuth__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1223);
/* harmony import */ var _components_NextSeoWrapper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(25869);
/* harmony import */ var _components_Notes_NotesPage_Tabs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(72190);
/* harmony import */ var _pages_index_module_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(23848);
/* harmony import */ var _pages_index_module_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_pages_index_module_scss__WEBPACK_IMPORTED_MODULE_10__);
/* harmony import */ var _utils_chapter__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(95892);
/* 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_Auth_withAuth__WEBPACK_IMPORTED_MODULE_4__, _components_Notes_NotesPage_Tabs__WEBPACK_IMPORTED_MODULE_6__, _utils_navigation__WEBPACK_IMPORTED_MODULE_9__]);
([_components_Auth_withAuth__WEBPACK_IMPORTED_MODULE_4__, _components_Notes_NotesPage_Tabs__WEBPACK_IMPORTED_MODULE_6__, _utils_navigation__WEBPACK_IMPORTED_MODULE_9__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);












const NotesAndReflectionsPage = ()=>{
    const { t , lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default()();
    const navigationUrl = (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_9__/* .getNotesNavigationUrl */ .AO)();
    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_5__/* ["default"] */ .Z, {
                title: t("common:notes.title"),
                canonical: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_9__/* .getCanonicalUrl */ .Z2)(lang, navigationUrl),
                languageAlternates: (0,_utils_locale__WEBPACK_IMPORTED_MODULE_8__/* .getLanguageAlternates */ .qc)(navigationUrl),
                nofollow: true,
                noindex: true
            }),
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
                className: (_pages_index_module_scss__WEBPACK_IMPORTED_MODULE_10___default().pageContainer),
                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
                    className: (_pages_index_module_scss__WEBPACK_IMPORTED_MODULE_10___default().flow),
                    children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
                        className: (_pages_index_module_scss__WEBPACK_IMPORTED_MODULE_10___default().flowItem),
                        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components_Notes_NotesPage_Tabs__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {})
                    })
                })
            })
        ]
    });
};
const getStaticProps$1 = async ({ locale  })=>{
    const allChaptersData = await (0,_utils_chapter__WEBPACK_IMPORTED_MODULE_7__/* .getAllChaptersData */ .T4)(locale);
    return {
        props: {
            chaptersData: allChaptersData
        }
    };
};
var __SENTRY_WRAPPING_TARGET_FILE__ = (0,_components_Auth_withAuth__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)(NotesAndReflectionsPage);

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

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



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

/***/ }),

/***/ 44356:
/***/ ((__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 SvgChat = function SvgChat(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: "M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.379 8.379 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5Z",
    stroke: "currentColor",
    strokeWidth: 2,
    strokeLinecap: "round",
    strokeLinejoin: "round"
  })));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgChat);

/***/ }),

/***/ 38264:
/***/ ((__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 SvgCollection = function SvgCollection(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: "M20.89 0H3.454C2.581 0 2 .581 2 1.453v20.344c0 .872.581 1.453 1.453 1.453h17.438c.872 0 1.453-.581 1.453-1.453V1.453C22.344.581 21.762 0 20.89 0ZM6.36 18.89c-.873 0-1.454-.58-1.454-1.453 0-.871.582-1.453 1.453-1.453.872 0 1.454.582 1.454 1.454 0 .871-.582 1.453-1.454 1.453Zm0-5.812c-.873 0-1.454-.581-1.454-1.453 0-.872.582-1.453 1.453-1.453.872 0 1.454.581 1.454 1.453 0 .872-.582 1.453-1.454 1.453Zm0-5.812c-.873 0-1.454-.582-1.454-1.454 0-.871.582-1.453 1.453-1.453.872 0 1.454.582 1.454 1.454 0 .871-.582 1.453-1.454 1.453Zm13.078 2.906h-8.72v-4.36h8.72v4.36Z",
    fill: "currentColor"
  })));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgCollection);

/***/ }),

/***/ 38520:
/***/ ((__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 _g, _defs;
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 SvgDevelopers = function SvgDevelopers(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), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("g", {
    clipPath: "url(#a)",
    fill: "currentColor"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    d: "M4.844 1H.969A.97.97 0 0 0 0 1.969v19.375a.97.97 0 0 0 .969.968h3.875V1ZM6.781 1v21.313h15.5a.97.97 0 0 0 .969-.97V1.97A.97.97 0 0 0 22.281 1h-15.5Zm3.875 3.875h2.906v1.938h-2.906V4.875Zm2.906 13.563h-2.906V16.5h2.906v1.938Zm2.907-3.875h-3.875v-1.938h3.875v1.938Zm2.906-3.876h-5.813V8.75h5.813v1.938Z"
  }))), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("clipPath", {
    id: "a"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    fill: "currentColor",
    d: "M0 0h23.25v23.25H0z"
  })))));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgDevelopers);

/***/ }),

/***/ 90452:
/***/ ((__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 SvgLove = function SvgLove(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-heart"
  }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"
  })));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgLove);

/***/ }),

/***/ 4474:
/***/ ((__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 SvgPlus = function SvgPlus(props) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
    width: 15,
    height: 15,
    viewBox: "0 0 15 15",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    d: "M8 2.75a.5.5 0 0 0-1 0V7H2.75a.5.5 0 0 0 0 1H7v4.25a.5.5 0 0 0 1 0V8h4.25a.5.5 0 0 0 0-1H8V2.75Z",
    fill: "currentColor",
    fillRule: "evenodd",
    clipRule: "evenodd"
  })));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgPlus);

/***/ }),

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

// Exports
module.exports = {
	"loadingContainer": "MyPrivateNotesTab_loadingContainer__d6rhd",
	"sorterContainer": "MyPrivateNotesTab_sorterContainer__pYPAf",
	"sorterInnerContainer": "MyPrivateNotesTab_sorterInnerContainer__xPtII",
	"text": "MyPrivateNotesTab_text__UcT7z"
};


/***/ }),

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

// Exports
module.exports = {
	"notesListContainer": "NotesList_notesListContainer__HOvUN",
	"emptyNotesContainer": "NotesList_emptyNotesContainer__AVvkg"
};


/***/ }),

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

// Exports
module.exports = {
	"note": "NotesListItem_note__yXqiP",
	"noteDate": "NotesListItem_noteDate__Rc6YB",
	"seeMore": "NotesListItem_seeMore__yewWc",
	"itemBody": "NotesListItem_itemBody__XYxrq"
};


/***/ }),

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

// Exports
module.exports = {
	"sorter": "NotesSorter_sorter__WWWlL",
	"sortTrigger": "NotesSorter_sortTrigger__FH_V7",
	"itemIcon": "NotesSorter_itemIcon__R_TMP"
};


/***/ }),

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

// Exports
module.exports = {
	"loadingContainer": "MyPublicReflectionsTab_loadingContainer__n85HV"
};


/***/ }),

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

// Exports
module.exports = {
	"container": "ReflectionsTabIntroduction_container__PbD_C",
	"title": "ReflectionsTabIntroduction_title__63Caq"
};


/***/ }),

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

// Exports
module.exports = {
	"notesListContainer": "UserPublicReflectionsList_notesListContainer__PeF9F",
	"emptyNotesContainer": "UserPublicReflectionsList_emptyNotesContainer__o30hX"
};


/***/ }),

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

// Exports
module.exports = {
	"note": "UserPublicReflectionsListItem_note__hYmh5",
	"noteDate": "UserPublicReflectionsListItem_noteDate__KiBtY",
	"indicatorsContainer": "UserPublicReflectionsListItem_indicatorsContainer__GIk0H",
	"seeMore": "UserPublicReflectionsListItem_seeMore__UzzF2",
	"hashtag": "UserPublicReflectionsListItem_hashtag__NlvWq",
	"noteBody": "UserPublicReflectionsListItem_noteBody__ASZDZ"
};


/***/ }),

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

// Exports
module.exports = {
	"container": "TabSwitcherItem_container__b7XGP",
	"value": "TabSwitcherItem_value__NJnY9"
};


/***/ }),

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

// Exports
module.exports = {
	"container": "Tabs_container__6h1oV",
	"header": "Tabs_header__IhpVl",
	"titleContainer": "Tabs_titleContainer__grrtY"
};


/***/ }),

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

// Exports
module.exports = {
	"headerContainer": "ReflectionModal_headerContainer__EJqwx",
	"noteHeaderContainer": "ReflectionModal_noteHeaderContainer__oE38x",
	"noteDate": "ReflectionModal_noteDate__gHr9a",
	"noteBody": "ReflectionModal_noteBody__qOQ3U",
	"hashtag": "ReflectionModal_hashtag__vo4NO"
};


/***/ }),

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

// Exports
module.exports = {
	"socialInteractionContainer": "ReflectionSocialInteractions_socialInteractionContainer__M8M7_",
	"container": "ReflectionSocialInteractions_container__OH3l4"
};


/***/ }),

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

// Exports
module.exports = {
	"headerContainer": "ReflectionReferences_headerContainer__gvcjY"
};


/***/ }),

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

// Exports
module.exports = {
	"translationsListContainer": "VerseAndTranslation_translationsListContainer__n3W8A",
	"translationContainer": "VerseAndTranslation_translationContainer__h0X3S",
	"arabicVerseContainer": "VerseAndTranslation_arabicVerseContainer__VfIE8",
	"verseContainer": "VerseAndTranslation_verseContainer__nvg9w"
};


/***/ }),

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


/***/ }),

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

// Exports
module.exports = {
	"container": "Popover_container__GOha0",
	"trigger": "Popover_trigger__qKXNN",
	"content": "Popover_content__gu5L4",
	"tooltipContent": "Popover_tooltipContent__AMPpT"
};


/***/ }),

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


/***/ }),

/***/ 45816:
/***/ ((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 _NotesListItem_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(96189);
/* harmony import */ var _NotesListItem_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_NotesListItem_module_scss__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _components_Notes_NoteModal_NoteRangesIndicator__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(72552);
/* 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_string__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(96174);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_utils_eventLogger__WEBPACK_IMPORTED_MODULE_5__]);
_utils_eventLogger__WEBPACK_IMPORTED_MODULE_5__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];








const MAX_BODY_SIZE = 250;
const NotesListItem = ({ note , setSelectedNoteId  })=>{
    const { lang , t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("notes");
    const onNoteClicked = (noteId)=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_5__/* .logButtonClick */ .MY)("note_list_item", {
            noteId
        });
        setSelectedNoteId(noteId);
    };
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: (_NotesListItem_module_scss__WEBPACK_IMPORTED_MODULE_6___default().note),
        role: "button",
        tabIndex: 0,
        onClick: ()=>onNoteClicked(note.id),
        onKeyDown: ()=>onNoteClicked(note.id),
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Notes_NoteModal_NoteRangesIndicator__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                ranges: note.ranges
            }),
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p", {
                className: (_NotesListItem_module_scss__WEBPACK_IMPORTED_MODULE_6___default().itemBody),
                children: [
                    (0,_utils_string__WEBPACK_IMPORTED_MODULE_7__/* .truncateString */ .aS)(note.body, MAX_BODY_SIZE, "..."),
                    note.body.length > MAX_BODY_SIZE && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                        className: (_NotesListItem_module_scss__WEBPACK_IMPORTED_MODULE_6___default().seeMore),
                        children: `  ${t("click-to-see-more")}`
                    })
                ]
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("time", {
                className: (_NotesListItem_module_scss__WEBPACK_IMPORTED_MODULE_6___default().noteDate),
                dateTime: note.createdAt.toString(),
                children: (0,_utils_datetime__WEBPACK_IMPORTED_MODULE_4__/* .dateToReadableFormat */ .ZC)(note.createdAt, lang, {
                    year: "numeric"
                })
            })
        ]
    }, note.id);
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NotesListItem);

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

/***/ }),

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

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_virtuoso__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(78404);
/* harmony import */ var react_virtuoso__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_virtuoso__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _NotesList_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(41409);
/* harmony import */ var _NotesList_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_NotesList_module_scss__WEBPACK_IMPORTED_MODULE_7__);
/* harmony import */ var _NotesListItem__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(45816);
/* harmony import */ var _components_Notes_NoteModal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(93636);
/* harmony import */ var _dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(7190);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_NotesListItem__WEBPACK_IMPORTED_MODULE_4__, _components_Notes_NoteModal__WEBPACK_IMPORTED_MODULE_5__]);
([_NotesListItem__WEBPACK_IMPORTED_MODULE_4__, _components_Notes_NoteModal__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);








const NotesList = ({ data , isValidating , size , setSize , mutateCache  })=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()();
    const { 0: selectedNoteId , 1: setSelectedNoteId  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null); // for the note modal
    const lastPageData = data[data.length - 1];
    const { hasNextPage  } = lastPageData.pagination;
    const notes = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>{
        return data ? data.map((response)=>response.data).flat() : [];
    }, [
        data
    ]);
    const isLoading = !data && isValidating;
    const isLoadingMoreData = notes?.length > 0 && size > 1 && isValidating;
    const isEmpty = !isLoading && notes.length === 0;
    const loadMore = ()=>{
        if (!hasNextPage || isValidating) return;
        setSize(size + 1);
    };
    const renderNote = (index, note)=>{
        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_NotesListItem__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
            note: note,
            setSelectedNoteId: setSelectedNoteId
        }, note.id);
    };
    const onNoteDeleted = ()=>{
        const noteId = selectedNoteId;
        // remove the note from the cache
        mutateCache((cachedPages)=>{
            const newPages = cachedPages;
            for(let i = 0; i < newPages.length; i += 1){
                const page = newPages[i];
                const newData = page.data.filter((note)=>note.id !== noteId);
                if (newData.length !== page.data.length) {
                    newPages[i] = {
                        ...page,
                        data: newData
                    };
                    break;
                }
            }
            return newPages;
        });
    };
    const onNoteUpdated = (updatedNote)=>{
        const noteId = selectedNoteId;
        // update the note in the cache
        mutateCache((cachedPages)=>{
            const newPages = cachedPages;
            for(let i = 0; i < newPages.length; i += 1){
                const page = newPages[i];
                const noteIdx = page.data.findIndex((note)=>note.id === noteId);
                if (noteIdx !== -1) {
                    const newData = [
                        ...page.data
                    ];
                    newData[noteIdx] = updatedNote;
                    newPages[i] = {
                        ...page,
                        data: newData
                    };
                    break;
                }
            }
            return newPages;
        });
    };
    let content = null;
    if (isLoadingMoreData || isLoading) {
        content = /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
            size: _dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_6__/* .SpinnerSize.Large */ .E.Large
        });
    } else if (isEmpty) {
        content = /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
            className: (_NotesList_module_scss__WEBPACK_IMPORTED_MODULE_7___default().emptyNotesContainer),
            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                children: t("notes:empty-notes")
            })
        });
    }
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
        children: [
            selectedNoteId && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Notes_NoteModal__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
                isOpen: true,
                onClose: ()=>setSelectedNoteId(null),
                noteId: selectedNoteId,
                onNoteDeleted: onNoteDeleted,
                onNoteUpdated: onNoteUpdated
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_virtuoso__WEBPACK_IMPORTED_MODULE_3__.Virtuoso, {
                data: notes,
                overscan: 10,
                increaseViewportBy: {
                    top: 10,
                    bottom: 10
                },
                className: (_NotesList_module_scss__WEBPACK_IMPORTED_MODULE_7___default().notesListContainer),
                endReached: loadMore,
                itemContent: renderNote,
                useWindowScroll: true
            }),
            content
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NotesList);

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

/***/ }),

/***/ 70013:
/***/ ((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 _NotesSorter_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(85779);
/* harmony import */ var _NotesSorter_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_NotesSorter_module_scss__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _dls_PopoverMenu_PopoverMenu__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(99163);
/* harmony import */ var _icons_chevron_down_svg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(24868);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(55943);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_PopoverMenu_PopoverMenu__WEBPACK_IMPORTED_MODULE_1__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_3__]);
([_dls_PopoverMenu_PopoverMenu__WEBPACK_IMPORTED_MODULE_1__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);





const NotesSorter = ({ options , selectedOptionId , onChange  })=>{
    const selectedOption = options.find((option)=>option.id === selectedOptionId);
    const onOpenChange = (isOpen)=>{
        if (isOpen) {
            (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_3__/* .logEvent */ .Kz)("notes_sorter_opened");
        } else {
            (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_3__/* .logEvent */ .Kz)("notes_sorter_closed");
        }
    };
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: (_NotesSorter_module_scss__WEBPACK_IMPORTED_MODULE_4___default().sorter),
        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_PopoverMenu_PopoverMenu__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
            trigger: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span", {
                className: (_NotesSorter_module_scss__WEBPACK_IMPORTED_MODULE_4___default().sortTrigger),
                children: [
                    selectedOption.label,
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                        className: (_NotesSorter_module_scss__WEBPACK_IMPORTED_MODULE_4___default().itemIcon),
                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_chevron_down_svg__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {})
                    })
                ]
            }),
            onOpenChange: onOpenChange,
            children: options.map((option)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_PopoverMenu_PopoverMenu__WEBPACK_IMPORTED_MODULE_1__/* ["default"].Item */ .Z.Item, {
                    shouldCloseMenuAfterClick: true,
                    onClick: ()=>onChange(option.id),
                    children: option.label
                }, option.id))
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NotesSorter);

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

/***/ }),

/***/ 18599:
/***/ ((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 swr_infinite__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(91448);
/* harmony import */ var _MyPrivateNotesTab_module_scss__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(62339);
/* harmony import */ var _MyPrivateNotesTab_module_scss__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_MyPrivateNotesTab_module_scss__WEBPACK_IMPORTED_MODULE_14__);
/* harmony import */ var _components_Notes_NotesPage_Tabs_MyPrivateNotesTab_NotesList__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(23818);
/* harmony import */ var _components_Notes_NotesPage_Tabs_MyPrivateNotesTab_NotesSorter_NotesSorter__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(70013);
/* harmony import */ var _dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(7190);
/* harmony import */ var _pages_error__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(36049);
/* harmony import */ var _types_NotesSortOptions__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(4165);
/* 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_auth_login__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(22197);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(55943);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr_infinite__WEBPACK_IMPORTED_MODULE_4__, _components_Notes_NotesPage_Tabs_MyPrivateNotesTab_NotesList__WEBPACK_IMPORTED_MODULE_5__, _components_Notes_NotesPage_Tabs_MyPrivateNotesTab_NotesSorter_NotesSorter__WEBPACK_IMPORTED_MODULE_6__, _pages_error__WEBPACK_IMPORTED_MODULE_8__, _utils_auth_login__WEBPACK_IMPORTED_MODULE_12__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_13__]);
([swr_infinite__WEBPACK_IMPORTED_MODULE_4__, _components_Notes_NotesPage_Tabs_MyPrivateNotesTab_NotesList__WEBPACK_IMPORTED_MODULE_5__, _components_Notes_NotesPage_Tabs_MyPrivateNotesTab_NotesSorter_NotesSorter__WEBPACK_IMPORTED_MODULE_6__, _pages_error__WEBPACK_IMPORTED_MODULE_8__, _utils_auth_login__WEBPACK_IMPORTED_MODULE_12__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_13__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);















const PrivateNotes = ()=>{
    const { 0: sortBy , 1: setSortBy  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(_types_NotesSortOptions__WEBPACK_IMPORTED_MODULE_9__/* ["default"].Newest */ .Z.Newest);
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default()();
    const sortOptions = [
        {
            id: _types_NotesSortOptions__WEBPACK_IMPORTED_MODULE_9__/* ["default"].Newest */ .Z.Newest,
            label: t("common:newest")
        },
        {
            id: _types_NotesSortOptions__WEBPACK_IMPORTED_MODULE_9__/* ["default"].Oldest */ .Z.Oldest,
            label: t("common:oldest")
        }, 
    ];
    const onSortByChange = (newSortByVal)=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_13__/* .logValueChange */ .Q8)("notes_page_sort_by", sortBy, newSortByVal);
        setSortBy(newSortByVal);
    };
    /**
   * Get the SWR key for cursor based pagination
   * - when the page index is still 0 (first fetch). get the bookmarkByCollection url without `cursor` param
   * - on the next fetch, add `cursor` to the parameters
   *
   * corner case
   * - when previous fetch contains empty data, stop fetching
   * - when the user is logged out, don't fetch the data
   *
   * Reference: https://swr.vercel.app/docs/pagination#useswrinfinite
   *
   * @returns {string} swr key
   */ const getKey = (pageIndex, previousPageData)=>{
        if (!(0,_utils_auth_login__WEBPACK_IMPORTED_MODULE_12__/* .isLoggedIn */ .jl)() || previousPageData && !previousPageData.data) return null;
        if (pageIndex === 0) {
            return (0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_11__/* .makeNotesUrl */ .C)({
                sortBy,
                limit: 10
            });
        }
        const { endCursor , hasNextPage  } = previousPageData.pagination;
        if (!endCursor || !hasNextPage) return null;
        return (0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_11__/* .makeNotesUrl */ .C)({
            sortBy,
            cursor: endCursor,
            limit: 10
        });
    };
    const { data , size , setSize , isValidating , error , mutate  } = (0,swr_infinite__WEBPACK_IMPORTED_MODULE_4__["default"])(getKey, (key)=>{
        // append key to the response
        return (0,_utils_auth_api__WEBPACK_IMPORTED_MODULE_10__/* .privateFetcher */ .UK)(key).then((response)=>{
            return {
                ...response,
                key
            };
        });
    }, {
        revalidateOnFocus: false,
        revalidateFirstPage: false,
        revalidateOnMount: true
    });
    if (error) {
        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_pages_error__WEBPACK_IMPORTED_MODULE_8__["default"], {
            statusCode: 403,
            hasFullWidth: false
        });
    }
    if (!data) {
        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
            className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_MyPrivateNotesTab_module_scss__WEBPACK_IMPORTED_MODULE_14___default().container), (_MyPrivateNotesTab_module_scss__WEBPACK_IMPORTED_MODULE_14___default().loadingContainer)),
            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                shouldDelayVisibility: true,
                size: _dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_7__/* .SpinnerSize.Large */ .E.Large
            })
        });
    }
    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("div", {
                className: (_MyPrivateNotesTab_module_scss__WEBPACK_IMPORTED_MODULE_14___default().sorterContainer),
                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                    className: (_MyPrivateNotesTab_module_scss__WEBPACK_IMPORTED_MODULE_14___default().sorterInnerContainer),
                    children: [
                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
                            className: (_MyPrivateNotesTab_module_scss__WEBPACK_IMPORTED_MODULE_14___default().text),
                            children: `${t("common:sort.by")}: `
                        }),
                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Notes_NotesPage_Tabs_MyPrivateNotesTab_NotesSorter_NotesSorter__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                            options: sortOptions,
                            selectedOptionId: sortBy,
                            onChange: onSortByChange
                        })
                    ]
                })
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Notes_NotesPage_Tabs_MyPrivateNotesTab_NotesList__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
                data: data,
                isValidating: isValidating,
                size: size,
                setSize: setSize,
                mutateCache: mutate
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PrivateNotes);

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

/***/ }),

/***/ 63951:
/***/ ((__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 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 _ReflectionsTabIntroduction_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(69292);
/* harmony import */ var _ReflectionsTabIntroduction_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_ReflectionsTabIntroduction_module_scss__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _dls_Link_Link__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(61239);






const ReflectionsTabIntroduction = ()=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default()("notes");
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: (_ReflectionsTabIntroduction_module_scss__WEBPACK_IMPORTED_MODULE_5___default().container),
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: (_ReflectionsTabIntroduction_module_scss__WEBPACK_IMPORTED_MODULE_5___default().title),
                children: t("reflections-intro.title")
            }),
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("ul", {
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("li", {
                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_translate_Trans__WEBPACK_IMPORTED_MODULE_2___default()), {
                            components: {
                                li: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("li", {}, 0),
                                link: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Link_Link__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
                                    href: "https://quranreflect.com",
                                    variant: _dls_Link_Link__WEBPACK_IMPORTED_MODULE_4__/* .LinkVariant.Blend */ .r.Blend,
                                    isNewTab: true
                                }, 0)
                            },
                            i18nKey: "notes:reflections-intro.line-1"
                        })
                    }),
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("li", {
                        children: t("reflections-intro.line-2")
                    }),
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("li", {
                        children: t("reflections-intro.line-3")
                    })
                ]
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReflectionsTabIntroduction);


/***/ }),

/***/ 56881:
/***/ ((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 _UserPublicReflectionsListItem_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(20275);
/* harmony import */ var _UserPublicReflectionsListItem_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_UserPublicReflectionsListItem_module_scss__WEBPACK_IMPORTED_MODULE_8__);
/* harmony import */ var _components_QuranReflect_hooks_useReflectionBodyParser__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3204);
/* harmony import */ var _components_QuranReflect_ReflectionModal_ReflectionSocialInteractions__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(97118);
/* harmony import */ var _components_QuranReflect_ReflectionReferenceIndicator__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(97449);
/* harmony import */ var _utils_datetime__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(76410);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(55943);
/* harmony import */ var _utils_html_truncate__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(95023);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_QuranReflect_ReflectionModal_ReflectionSocialInteractions__WEBPACK_IMPORTED_MODULE_4__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__]);
([_components_QuranReflect_ReflectionModal_ReflectionSocialInteractions__WEBPACK_IMPORTED_MODULE_4__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);










const MAX_BODY_SIZE = 250;
const UserPublicReflectionsListItem = ({ reflection , setSelectedReflection ,  })=>{
    const { lang , t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("notes");
    const formattedText = (0,_components_QuranReflect_hooks_useReflectionBodyParser__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(reflection.body, (_UserPublicReflectionsListItem_module_scss__WEBPACK_IMPORTED_MODULE_8___default().hashtag));
    const onReflectionClicked = (selectedReflection)=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__/* .logButtonClick */ .MY)("public_reflection_list_item", {
            postId: selectedReflection.id
        });
        setSelectedReflection(selectedReflection);
    };
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: (_UserPublicReflectionsListItem_module_scss__WEBPACK_IMPORTED_MODULE_8___default().note),
        role: "button",
        tabIndex: 0,
        onClick: ()=>onReflectionClicked(reflection),
        onKeyDown: ()=>onReflectionClicked(reflection),
        children: [
            reflection.references && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: (_UserPublicReflectionsListItem_module_scss__WEBPACK_IMPORTED_MODULE_8___default().indicatorsContainer),
                children: reflection.references.map((reference)=>{
                    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_QuranReflect_ReflectionReferenceIndicator__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
                        reference: reference
                    }, reference.surahId);
                })
            }),
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p", {
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                        className: (_UserPublicReflectionsListItem_module_scss__WEBPACK_IMPORTED_MODULE_8___default().noteBody),
                        // eslint-disable-next-line react/no-danger
                        dangerouslySetInnerHTML: {
                            __html: (0,_utils_html_truncate__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z)(formattedText, MAX_BODY_SIZE)
                        }
                    }),
                    reflection.body.length > MAX_BODY_SIZE && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                        className: (_UserPublicReflectionsListItem_module_scss__WEBPACK_IMPORTED_MODULE_8___default().seeMore),
                        children: `  ${t("click-to-see-more")}`
                    })
                ]
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("time", {
                className: (_UserPublicReflectionsListItem_module_scss__WEBPACK_IMPORTED_MODULE_8___default().noteDate),
                dateTime: reflection.createdAt.toString(),
                children: (0,_utils_datetime__WEBPACK_IMPORTED_MODULE_6__/* .dateToReadableFormat */ .ZC)(reflection.createdAt, lang, {
                    year: "numeric"
                })
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_QuranReflect_ReflectionModal_ReflectionSocialInteractions__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
                reflection: reflection
            })
        ]
    }, reflection.id);
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (UserPublicReflectionsListItem);

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

/***/ }),

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

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_virtuoso__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(78404);
/* harmony import */ var react_virtuoso__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_virtuoso__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _ReflectionsTabIntroduction__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(63951);
/* harmony import */ var _UserPublicReflectionsList_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(27762);
/* harmony import */ var _UserPublicReflectionsList_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_UserPublicReflectionsList_module_scss__WEBPACK_IMPORTED_MODULE_8__);
/* harmony import */ var _UserPublicReflectionsListItem__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(56881);
/* harmony import */ var _components_QuranReflect_ReflectionModal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(53715);
/* harmony import */ var _dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(7190);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_UserPublicReflectionsListItem__WEBPACK_IMPORTED_MODULE_5__, _components_QuranReflect_ReflectionModal__WEBPACK_IMPORTED_MODULE_6__]);
([_UserPublicReflectionsListItem__WEBPACK_IMPORTED_MODULE_5__, _components_QuranReflect_ReflectionModal__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);









const UserPublicReflectionsList = ({ data , isValidating , size , setSize  })=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("notes");
    const { 0: selectedReflection , 1: setSelectedReflection  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null); // for the note modal
    const lastPageData = data[data.length - 1];
    const { hasNextPage  } = lastPageData.pagination;
    const reflections = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>{
        return data ? data.map((response)=>response.data).flat() : [];
    }, [
        data
    ]);
    const isLoading = !data && isValidating;
    const isLoadingMoreData = reflections?.length > 0 && size > 1 && isValidating;
    const isEmpty = !isLoading && reflections.length === 0;
    const loadMore = ()=>{
        if (!hasNextPage || isValidating) return;
        setSize(size + 1);
    };
    const renderReflection = (index, reflection)=>{
        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_UserPublicReflectionsListItem__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
            reflection: reflection,
            setSelectedReflection: setSelectedReflection
        }, reflection.id);
    };
    let content = null;
    if (isLoadingMoreData || isLoading) {
        content = /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
            size: _dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_7__/* .SpinnerSize.Large */ .E.Large
        });
    } else if (isEmpty) {
        content = /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
            className: (_UserPublicReflectionsList_module_scss__WEBPACK_IMPORTED_MODULE_8___default().emptyNotesContainer),
            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                children: t("empty-reflections")
            })
        });
    }
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
        children: [
            selectedReflection && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_QuranReflect_ReflectionModal__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                isOpen: true,
                onClose: ()=>setSelectedReflection(null),
                reflection: selectedReflection
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ReflectionsTabIntroduction__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {}),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_virtuoso__WEBPACK_IMPORTED_MODULE_3__.Virtuoso, {
                data: reflections,
                overscan: 10,
                increaseViewportBy: {
                    top: 10,
                    bottom: 10
                },
                className: (_UserPublicReflectionsList_module_scss__WEBPACK_IMPORTED_MODULE_8___default().notesListContainer),
                endReached: loadMore,
                itemContent: renderReflection,
                useWindowScroll: true
            }),
            content
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (UserPublicReflectionsList);

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

/***/ }),

/***/ 33881:
/***/ ((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 swr_infinite__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(91448);
/* harmony import */ var _MyPublicReflectionsTab_module_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(45210);
/* harmony import */ var _MyPublicReflectionsTab_module_scss__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_MyPublicReflectionsTab_module_scss__WEBPACK_IMPORTED_MODULE_9__);
/* harmony import */ var _components_Notes_NotesPage_Tabs_MyPublicReflectionsTab_UserPublicReflectionsList__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(97107);
/* harmony import */ var _dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7190);
/* harmony import */ var _pages_error__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(36049);
/* harmony import */ var _utils_auth_api__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(37883);
/* harmony import */ var _utils_auth_login__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(22197);
/* harmony import */ var _utils_auth_qf_apiPaths__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(65899);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr_infinite__WEBPACK_IMPORTED_MODULE_2__, _components_Notes_NotesPage_Tabs_MyPublicReflectionsTab_UserPublicReflectionsList__WEBPACK_IMPORTED_MODULE_3__, _pages_error__WEBPACK_IMPORTED_MODULE_5__, _utils_auth_login__WEBPACK_IMPORTED_MODULE_7__]);
([swr_infinite__WEBPACK_IMPORTED_MODULE_2__, _components_Notes_NotesPage_Tabs_MyPublicReflectionsTab_UserPublicReflectionsList__WEBPACK_IMPORTED_MODULE_3__, _pages_error__WEBPACK_IMPORTED_MODULE_5__, _utils_auth_login__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);










const PublicReflections = ()=>{
    /**
   * Get the SWR key for cursor based pagination
   * - when the page index is still 0 (first fetch). get the bookmarkByCollection url without `cursor` param
   * - on the next fetch, add `cursor` to the parameters
   *
   * corner case
   * - when previous fetch contains empty data, stop fetching
   * - when the user is logged out, don't fetch the data
   *
   * Reference: https://swr.vercel.app/docs/pagination#useswrinfinite
   *
   * @returns {string} swr key
   */ const getKey = (pageIndex, previousPageData)=>{
        if (!(0,_utils_auth_login__WEBPACK_IMPORTED_MODULE_7__/* .isLoggedIn */ .jl)() || previousPageData && !previousPageData.data) return null;
        const page = pageIndex + 1;
        if (pageIndex === 0) {
            return (0,_utils_auth_qf_apiPaths__WEBPACK_IMPORTED_MODULE_8__/* .makeGetUserReflectionsUrl */ .YV)({
                page
            });
        }
        const { hasNextPage  } = previousPageData.pagination;
        if (!hasNextPage) return null;
        return (0,_utils_auth_qf_apiPaths__WEBPACK_IMPORTED_MODULE_8__/* .makeGetUserReflectionsUrl */ .YV)({
            page
        });
    };
    const { data , size , setSize , isValidating , error  } = (0,swr_infinite__WEBPACK_IMPORTED_MODULE_2__["default"])(getKey, (key)=>{
        // append key to the response
        return (0,_utils_auth_api__WEBPACK_IMPORTED_MODULE_6__/* .privateFetcher */ .UK)(key).then((response)=>{
            return {
                ...response,
                key
            };
        });
    }, {
        revalidateOnFocus: false,
        revalidateFirstPage: false,
        revalidateOnMount: true
    });
    if (error) {
        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_pages_error__WEBPACK_IMPORTED_MODULE_5__["default"], {
            statusCode: 403,
            hasFullWidth: false
        });
    }
    if (!data) {
        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
            className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_MyPublicReflectionsTab_module_scss__WEBPACK_IMPORTED_MODULE_9___default().container), (_MyPublicReflectionsTab_module_scss__WEBPACK_IMPORTED_MODULE_9___default().loadingContainer)),
            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
                shouldDelayVisibility: true,
                size: _dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_4__/* .SpinnerSize.Large */ .E.Large
            })
        });
    }
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Notes_NotesPage_Tabs_MyPublicReflectionsTab_UserPublicReflectionsList__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
        data: data,
        isValidating: isValidating,
        size: size,
        setSize: setSize
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PublicReflections);

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

/***/ }),

/***/ 94539:
/***/ ((__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 _TabSwitcherItem_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(79323);
/* harmony import */ var _TabSwitcherItem_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_TabSwitcherItem_module_scss__WEBPACK_IMPORTED_MODULE_2__);



// TODO: move this to a standalone component called Tabs
const TabSwitcherItem = ({ icon , value  })=>{
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: (_TabSwitcherItem_module_scss__WEBPACK_IMPORTED_MODULE_2___default().container),
        children: [
            icon,
            " ",
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
                className: (_TabSwitcherItem_module_scss__WEBPACK_IMPORTED_MODULE_2___default().value),
                children: value
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TabSwitcherItem);


/***/ }),

/***/ 72190:
/***/ ((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_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(71853);
/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_router__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 _Tabs_module_scss__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(27179);
/* harmony import */ var _Tabs_module_scss__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_Tabs_module_scss__WEBPACK_IMPORTED_MODULE_13__);
/* harmony import */ var _components_Notes_NotesPage_Tabs_MyPrivateNotesTab__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(18599);
/* harmony import */ var _components_Notes_NotesPage_Tabs_MyPublicReflectionsTab__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(33881);
/* harmony import */ var _components_Notes_NotesPage_Tabs_TabSwitcherItem__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(94539);
/* harmony import */ var _dls_Switch_Switch__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(66025);
/* harmony import */ var _hooks_useAddQueryParamsToUrl__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(49329);
/* harmony import */ var _icons_collection_svg__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(38264);
/* harmony import */ var _icons_developers_svg__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(38520);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(55943);
/* harmony import */ var _utils_navigation__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(57933);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_Notes_NotesPage_Tabs_MyPrivateNotesTab__WEBPACK_IMPORTED_MODULE_4__, _components_Notes_NotesPage_Tabs_MyPublicReflectionsTab__WEBPACK_IMPORTED_MODULE_5__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_11__, _utils_navigation__WEBPACK_IMPORTED_MODULE_12__]);
([_components_Notes_NotesPage_Tabs_MyPrivateNotesTab__WEBPACK_IMPORTED_MODULE_4__, _components_Notes_NotesPage_Tabs_MyPublicReflectionsTab__WEBPACK_IMPORTED_MODULE_5__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_11__, _utils_navigation__WEBPACK_IMPORTED_MODULE_12__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);














var Tab;
(function(Tab) {
    Tab["PRIVATE_NOTES"] = "notes";
    Tab["PUBLIC_REFLECTIONS"] = "reflections";
})(Tab || (Tab = {}));
const NotesTabs = ()=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default()("notes");
    const router = (0,next_router__WEBPACK_IMPORTED_MODULE_2__.useRouter)();
    const { 0: selectedTab , 1: setSelectedTab  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(Tab.PRIVATE_NOTES);
    const queryParams = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>({
            tab: selectedTab
        }), [
        selectedTab
    ]);
    (0,_hooks_useAddQueryParamsToUrl__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)((0,_utils_navigation__WEBPACK_IMPORTED_MODULE_12__/* .getNotesNavigationUrl */ .AO)(), queryParams);
    // listen to the query param to update the selected tab
    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{
        const queryTab = router.query.tab;
        // validate the query param is a valid tab value
        if (queryTab && Object.values(Tab).includes(queryTab)) {
            setSelectedTab(queryTab);
        }
    }, [
        router.query.tab
    ]);
    const onTabChange = (value)=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_11__/* .logEvent */ .Kz)("notes_page_tab_change", {
            value
        });
        setSelectedTab(value);
    };
    const tabs = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>[
            {
                name: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Notes_NotesPage_Tabs_TabSwitcherItem__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                    icon: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_collection_svg__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {}),
                    value: t("private-notes")
                }),
                value: Tab.PRIVATE_NOTES
            },
            {
                name: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Notes_NotesPage_Tabs_TabSwitcherItem__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                    icon: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_developers_svg__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {}),
                    value: t("posted-reflections")
                }),
                value: Tab.PUBLIC_REFLECTIONS
            }, 
        ], [
        t
    ]);
    const tabComponents = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>({
            [Tab.PRIVATE_NOTES]: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Notes_NotesPage_Tabs_MyPrivateNotesTab__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {}),
            [Tab.PUBLIC_REFLECTIONS]: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Notes_NotesPage_Tabs_MyPublicReflectionsTab__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {})
        }), []);
    if (!router.isReady) {
        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {});
    }
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: (_Tabs_module_scss__WEBPACK_IMPORTED_MODULE_13___default().container),
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: (_Tabs_module_scss__WEBPACK_IMPORTED_MODULE_13___default().header),
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                    className: (_Tabs_module_scss__WEBPACK_IMPORTED_MODULE_13___default().titleContainer),
                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h1", {
                        children: t("common:notes.title")
                    })
                })
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Switch_Switch__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                selected: selectedTab,
                items: tabs,
                onSelect: onTabChange
            }),
            tabComponents[selectedTab]
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NotesTabs);

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

/***/ }),

/***/ 97118:
/***/ ((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 _ReflectionSocialInteractions_module_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(31526);
/* harmony import */ var _ReflectionSocialInteractions_module_scss__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_ReflectionSocialInteractions_module_scss__WEBPACK_IMPORTED_MODULE_9__);
/* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(50497);
/* harmony import */ var _icons_chat_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(44356);
/* harmony import */ var _icons_love_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(90452);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(55943);
/* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(24709);
/* harmony import */ var _utils_quranReflect_navigation__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(70713);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__]);
([_dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);










const ReflectionSocialInteractions = ({ reflection  })=>{
    const { lang , t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("notes");
    const onLikesCountClicked = (e)=>{
        e.stopPropagation();
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__/* .logButtonClick */ .MY)("reflection_likes", {
            postId: reflection.id
        });
    };
    const onCommentsCountClicked = (e)=>{
        e.stopPropagation();
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__/* .logButtonClick */ .MY)("reflection_comments", {
            postId: reflection.id
        });
    };
    const onViewOnQrClicked = (e)=>{
        e.stopPropagation();
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__/* .logButtonClick */ .MY)("posted_ref_view_on_qr", {
            postId: reflection.id
        });
    };
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: (_ReflectionSocialInteractions_module_scss__WEBPACK_IMPORTED_MODULE_9___default().container),
        children: [
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: (_ReflectionSocialInteractions_module_scss__WEBPACK_IMPORTED_MODULE_9___default().socialInteractionContainer),
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP, {
                        className: (_ReflectionSocialInteractions_module_scss__WEBPACK_IMPORTED_MODULE_9___default().actionItemContainer),
                        variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__/* .ButtonVariant.Compact */ .Wu.Compact,
                        href: (0,_utils_quranReflect_navigation__WEBPACK_IMPORTED_MODULE_8__/* .getQuranReflectPostUrl */ .rW)(reflection.id),
                        isNewTab: true,
                        prefix: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_love_svg__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {}),
                        size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__/* .ButtonSize.Small */ .qE.Small,
                        onClick: onLikesCountClicked,
                        shouldFlipOnRTL: false,
                        children: (0,_utils_locale__WEBPACK_IMPORTED_MODULE_7__/* .toLocalizedNumber */ .rQ)(reflection.likes, lang)
                    }),
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP, {
                        className: (_ReflectionSocialInteractions_module_scss__WEBPACK_IMPORTED_MODULE_9___default().actionItemContainer),
                        variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__/* .ButtonVariant.Compact */ .Wu.Compact,
                        prefix: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_chat_svg__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {}),
                        href: (0,_utils_quranReflect_navigation__WEBPACK_IMPORTED_MODULE_8__/* .getQuranReflectPostUrl */ .rW)(reflection.id, true),
                        isNewTab: true,
                        size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__/* .ButtonSize.Small */ .qE.Small,
                        onClick: onCommentsCountClicked,
                        shouldFlipOnRTL: false,
                        children: (0,_utils_locale__WEBPACK_IMPORTED_MODULE_7__/* .toLocalizedNumber */ .rQ)(reflection.commentsCount, lang)
                    })
                ]
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP, {
                size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__/* .ButtonSize.Small */ .qE.Small,
                href: (0,_utils_quranReflect_navigation__WEBPACK_IMPORTED_MODULE_8__/* .getQuranReflectPostUrl */ .rW)(reflection.id),
                isNewTab: true,
                onClick: onViewOnQrClicked,
                children: t("notes:view-on-qr")
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReflectionSocialInteractions);

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

/***/ }),

/***/ 53715:
/***/ ((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 _ReflectionModal_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(95863);
/* harmony import */ var _ReflectionModal_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_ReflectionModal_module_scss__WEBPACK_IMPORTED_MODULE_7__);
/* harmony import */ var _components_QuranReflect_hooks_useReflectionBodyParser__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3204);
/* harmony import */ var _components_QuranReflect_ReflectionReferences__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(20512);
/* harmony import */ var _dls_ContentModal_ContentModal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(66606);
/* harmony import */ var _utils_datetime__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(76410);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_QuranReflect_ReflectionReferences__WEBPACK_IMPORTED_MODULE_4__, _dls_ContentModal_ContentModal__WEBPACK_IMPORTED_MODULE_5__]);
([_components_QuranReflect_ReflectionReferences__WEBPACK_IMPORTED_MODULE_4__, _dls_ContentModal_ContentModal__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);








const ReflectionModal = ({ onClose , isOpen , reflection  })=>{
    const contentModalRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
    const formattedText = (0,_components_QuranReflect_hooks_useReflectionBodyParser__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(reflection.body, (_ReflectionModal_module_scss__WEBPACK_IMPORTED_MODULE_7___default().hashtag));
    const { lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()();
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_dls_ContentModal_ContentModal__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
        innerRef: contentModalRef,
        isOpen: isOpen,
        header: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
            className: (_ReflectionModal_module_scss__WEBPACK_IMPORTED_MODULE_7___default().headerContainer)
        }),
        hasCloseButton: true,
        onClose: onClose,
        onEscapeKeyDown: onClose,
        size: _dls_ContentModal_ContentModal__WEBPACK_IMPORTED_MODULE_5__/* .ContentModalSize.MEDIUM */ .S.MEDIUM,
        children: [
            reflection.references && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_QuranReflect_ReflectionReferences__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
                references: reflection.references
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: (_ReflectionModal_module_scss__WEBPACK_IMPORTED_MODULE_7___default().noteHeaderContainer),
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("time", {
                    className: (_ReflectionModal_module_scss__WEBPACK_IMPORTED_MODULE_7___default().noteDate),
                    dateTime: reflection.createdAt.toString(),
                    children: (0,_utils_datetime__WEBPACK_IMPORTED_MODULE_6__/* .dateToReadableFormat */ .ZC)(reflection.createdAt, lang, {
                        year: "numeric",
                        weekday: undefined,
                        month: "short"
                    })
                })
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                className: (_ReflectionModal_module_scss__WEBPACK_IMPORTED_MODULE_7___default().noteBody),
                // eslint-disable-next-line react/no-danger
                dangerouslySetInnerHTML: {
                    __html: formattedText
                }
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReflectionModal);

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

/***/ }),

/***/ 97449:
/***/ ((__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 next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _components_Notes_NoteModal_NoteRangesIndicator_NoteRangesIndicator_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(3531);
/* harmony import */ var _components_Notes_NoteModal_NoteRangesIndicator_NoteRangesIndicator_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_components_Notes_NoteModal_NoteRangesIndicator_NoteRangesIndicator_module_scss__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _contexts_DataContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(70813);
/* harmony import */ var _utils_chapter__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(95892);
/* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(24709);







const ReflectionReferenceIndicator = ({ reference  })=>{
    const { lang , t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("common");
    const chaptersData = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(_contexts_DataContext__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z);
    if (!reference) {
        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {});
    }
    const { surahId , fromAyah , toAyah , isSurah  } = reference;
    const chapterData = (0,_utils_chapter__WEBPACK_IMPORTED_MODULE_4__/* .getChapterData */ .dy)(chaptersData, surahId.toString());
    let referenceKey = `${t("surah")} ${chapterData.transliteratedName}`;
    // if it's not a full surah
    if (!isSurah) {
        const localizedStartVerseKey = `${referenceKey} ${(0,_utils_locale__WEBPACK_IMPORTED_MODULE_5__/* .toLocalizedVerseKey */ .Tj)(surahId.toString(), lang)}:${(0,_utils_locale__WEBPACK_IMPORTED_MODULE_5__/* .toLocalizedVerseKey */ .Tj)(fromAyah.toString(), lang)}`;
        if (fromAyah === toAyah) {
            // e.g. 11:1
            referenceKey = localizedStartVerseKey;
        } else {
            // e.g. 11:1-6
            referenceKey = `${localizedStartVerseKey}-${(0,_utils_locale__WEBPACK_IMPORTED_MODULE_5__/* .toLocalizedVerseKey */ .Tj)(toAyah.toString(), lang)}`;
        }
    }
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: (_components_Notes_NoteModal_NoteRangesIndicator_NoteRangesIndicator_module_scss__WEBPACK_IMPORTED_MODULE_6___default().container),
        children: referenceKey
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReflectionReferenceIndicator);


/***/ }),

/***/ 20512:
/***/ ((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 _ReflectionReferences_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(50210);
/* harmony import */ var _ReflectionReferences_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_ReflectionReferences_module_scss__WEBPACK_IMPORTED_MODULE_8__);
/* harmony import */ var _components_QuranReflect_ReflectionReferenceIndicator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(97449);
/* harmony import */ var _components_Verse_VerseAndTranslation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(63789);
/* harmony import */ var _dls_Link_Link__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(61239);
/* harmony import */ var _icons_chevron_down_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(24868);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(55943);
/* harmony import */ var src_components_dls_Collapsible_Collapsible__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(92775);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_Verse_VerseAndTranslation__WEBPACK_IMPORTED_MODULE_3__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__, src_components_dls_Collapsible_Collapsible__WEBPACK_IMPORTED_MODULE_7__]);
([_components_Verse_VerseAndTranslation__WEBPACK_IMPORTED_MODULE_3__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__, src_components_dls_Collapsible_Collapsible__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);









/**
 * A component that will be used to display the ranges of a reflection.
 * And also a ranges selector in the future.
 *
 * @param {React.FC<Props>} param
 * @returns {React.ReactElement<any, any>}
 */ const ReflectionReferences = ({ references  })=>{
    const onOpenChange = (isCollapseOpen)=>{
        if (isCollapseOpen) {
            (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__/* .logEvent */ .Kz)("reflection_reference_collapse_opened");
        } else {
            (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__/* .logEvent */ .Kz)("reflection_reference_collapse_closed");
        }
    };
    const onNoteSurahReferenceClicked = ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__/* .logButtonClick */ .MY)("reflection_surah_reference");
    };
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
        children: references.map((reference)=>{
            const { surahId , fromAyah , toAyah , isSurah  } = reference;
            if (isSurah) {
                return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Link_Link__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
                    className: (_ReflectionReferences_module_scss__WEBPACK_IMPORTED_MODULE_8___default().verseKey),
                    href: `/${surahId}`,
                    onClick: onNoteSurahReferenceClicked,
                    isNewTab: true,
                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                        className: (_ReflectionReferences_module_scss__WEBPACK_IMPORTED_MODULE_8___default().headerContainer),
                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_QuranReflect_ReflectionReferenceIndicator__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
                            reference: reference
                        })
                    })
                }, reference.surahId);
            }
            return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(src_components_dls_Collapsible_Collapsible__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                title: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                    className: (_ReflectionReferences_module_scss__WEBPACK_IMPORTED_MODULE_8___default().headerContainer),
                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_QuranReflect_ReflectionReferenceIndicator__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
                        reference: reference
                    })
                }),
                prefix: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_chevron_down_svg__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {}),
                shouldRotatePrefixOnToggle: true,
                onOpenChange: onOpenChange,
                children: ({ isOpen: isOpenRenderProp  })=>{
                    if (!isOpenRenderProp) return null;
                    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Verse_VerseAndTranslation__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                        chapter: Number(surahId),
                        from: fromAyah,
                        to: toAyah
                    });
                }
            }, reference.surahId);
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReflectionReferences);

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

/***/ }),

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

"use strict";

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

// EXTERNAL MODULE: external "react"
var external_react_ = __webpack_require__(16689);
// EXTERNAL MODULE: ./src/utils/quranReflect/navigation.ts
var navigation = __webpack_require__(70713);
;// CONCATENATED MODULE: ./src/utils/quranReflect/bodyParser.ts
/* eslint-disable @typescript-eslint/naming-convention */ /* eslint-disable import/prefer-default-export */ 
/**
 * Wraps hashtags in links: It finds all hashtags starting with # followed
 * by one or more word characters (\w+). The captured hashtag is then
 * used to create a link.
 *
 * @param {string} tag
 * @param {string} hashtagStyle
 * @returns {string}
 */ const tagToLink = (tag, hashtagStyle)=>{
    const tagWithHashTag = `#${tag}`;
    return `<a target="_blank" href="${(0,navigation/* getQuranReflectTagUrl */.dx)(tagWithHashTag)}" class="${hashtagStyle}">${tagWithHashTag}</a>`;
};
/**
 * Replaces URLs in a given text with HTML anchor tags.
 *
 * @param {string} text - The input text containing URLs.
 * @returns {string} The text with URLs replaced by anchor tags.
 */ const replaceUrlsWithLinks = (text)=>{
    const regex = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#/%?=~_|!:,.;]*[-A-Z0-9+&@#/%=~_|])/gi;
    return text.replace(regex, (url)=>{
        // Check if URL is already linked
        const surroundingLength = 100; // Number of characters around the URL to check for <a> tag
        const index = text.indexOf(url);
        const beforeText = text.slice(Math.max(0, index - surroundingLength), index);
        const afterText = text.slice(index + url.length, index + url.length + surroundingLength);
        if (beforeText.includes("<a href=") && afterText.includes("</a>")) {
            // URL is already inside an anchor tag, return as is
            return url;
        }
        // Convert URL to a link
        return `<a href='${url}' target='_blank'>${url}</a>`;
    });
};
const parseReflectionBody = (reflectionBody, hashtagStyle)=>{
    return(// 1. Wraps URLs in links: Find all URLs starting with http or https. The captured URL is then used to create a link.
    replaceUrlsWithLinks(reflectionBody)// 2. Replaces new lines: match all occurrences of new lines (\n) and carriage returns (\r) and replaces them with the <br> tag.
    .replace(/\r?\n/g, "<br>")// 3. Wraps hashtags in links: Find all hashtags starting with # followed by one or more word characters (\w+). The captured hashtag is then used to create a link.
    .replace(/#(\w+)/g, (_, tag)=>tagToLink(tag, hashtagStyle)));
};

;// CONCATENATED MODULE: ./src/components/QuranReflect/hooks/useReflectionBodyParser.ts


/**
 * A hook to parse the reflection body and replace the hashtags with links.
 *
 * TODO: make all usages of this hook DRY.
 *
 * @param {string} reflectionText
 * @param {string} hashtagStyle
 * @returns {string}
 */ const useReflectionBodyParser = (reflectionText, hashtagStyle)=>{
    const parsedBody = (0,external_react_.useMemo)(()=>parseReflectionBody(reflectionText, hashtagStyle), [
        hashtagStyle,
        reflectionText
    ]);
    return parsedBody;
};
/* harmony default export */ const hooks_useReflectionBodyParser = (useReflectionBodyParser);


/***/ }),

/***/ 63789:
/***/ ((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 react_redux__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6022);
/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var swr_immutable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(79847);
/* harmony import */ var _dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7190);
/* harmony import */ var _QuranReader_TranslationView_TranslationText__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(18809);
/* harmony import */ var _PlainVerseText__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(21044);
/* harmony import */ var _VerseAndTranslation_module_scss__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(25181);
/* harmony import */ var _VerseAndTranslation_module_scss__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(_VerseAndTranslation_module_scss__WEBPACK_IMPORTED_MODULE_16__);
/* harmony import */ var _components_Error__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(4233);
/* harmony import */ var _hooks_useQcfFont__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(38102);
/* harmony import */ var _redux_slices_QuranReader_styles__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(62093);
/* harmony import */ var _redux_slices_QuranReader_translations__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(88548);
/* harmony import */ var _utils_api__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(4917);
/* harmony import */ var _utils_apiPaths__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(46127);
/* harmony import */ var _utils_array__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(5639);
/* harmony import */ var _utils_verse__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(44519);
/* harmony import */ var src_api__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(92684);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr_immutable__WEBPACK_IMPORTED_MODULE_3__, _QuranReader_TranslationView_TranslationText__WEBPACK_IMPORTED_MODULE_5__, _components_Error__WEBPACK_IMPORTED_MODULE_7__]);
([swr_immutable__WEBPACK_IMPORTED_MODULE_3__, _QuranReader_TranslationView_TranslationText__WEBPACK_IMPORTED_MODULE_5__, _components_Error__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);

















const VerseAndTranslation = ({ chapter , from , to  })=>{
    const { lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_1___default()();
    const translations = (0,react_redux__WEBPACK_IMPORTED_MODULE_2__.useSelector)(_redux_slices_QuranReader_translations__WEBPACK_IMPORTED_MODULE_10__/* .selectSelectedTranslations */ .qw, _utils_array__WEBPACK_IMPORTED_MODULE_15__/* .areArraysEqual */ .Hj);
    const { quranFont , mushafLines , translationFontScale  } = (0,react_redux__WEBPACK_IMPORTED_MODULE_2__.useSelector)(_redux_slices_QuranReader_styles__WEBPACK_IMPORTED_MODULE_9__/* .selectQuranReaderStyles */ .Pt, react_redux__WEBPACK_IMPORTED_MODULE_2__.shallowEqual);
    const mushafId = (0,_utils_api__WEBPACK_IMPORTED_MODULE_11__/* .getMushafId */ .$P)(quranFont, mushafLines).mushaf;
    const apiParams = {
        ...(0,_utils_api__WEBPACK_IMPORTED_MODULE_11__/* .getDefaultWordFields */ .hD)(quranFont),
        translationFields: "resource_name,language_id",
        translations: translations.join(","),
        mushaf: mushafId,
        from: `${chapter}:${from}`,
        to: `${chapter}:${to}`
    };
    const shouldFetchData = !!from;
    const { data , error , mutate  } = (0,swr_immutable__WEBPACK_IMPORTED_MODULE_3__["default"])(shouldFetchData ? (0,_utils_apiPaths__WEBPACK_IMPORTED_MODULE_12__/* .makeVersesUrl */ .ML)(chapter, lang, apiParams) : null, src_api__WEBPACK_IMPORTED_MODULE_14__/* .fetcher */ ._i);
    (0,_hooks_useQcfFont__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)(quranFont, data?.verses ? data.verses : []);
    if (error) return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Error__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
        error: error,
        onRetryClicked: mutate
    });
    if (!data) return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {});
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: (_VerseAndTranslation_module_scss__WEBPACK_IMPORTED_MODULE_16___default().container),
        children: data?.verses.map((verse)=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: (_VerseAndTranslation_module_scss__WEBPACK_IMPORTED_MODULE_16___default().verseContainer),
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                        className: (_VerseAndTranslation_module_scss__WEBPACK_IMPORTED_MODULE_16___default().arabicVerseContainer),
                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_PlainVerseText__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                            words: (0,_utils_verse__WEBPACK_IMPORTED_MODULE_13__/* .getVerseWords */ .LQ)(verse)
                        })
                    }),
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                        className: (_VerseAndTranslation_module_scss__WEBPACK_IMPORTED_MODULE_16___default().translationsListContainer),
                        children: verse.translations?.map((translation)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                className: (_VerseAndTranslation_module_scss__WEBPACK_IMPORTED_MODULE_16___default().translationContainer),
                                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_QuranReader_TranslationView_TranslationText__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
                                    languageId: translation.languageId,
                                    resourceName: translation.resourceName,
                                    translationFontScale: translationFontScale,
                                    text: translation.text
                                })
                            }, translation.id))
                    })
                ]
            }, verse.verseKey))
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (VerseAndTranslation);

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

/***/ }),

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

/***/ }),

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

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _dls_Popover__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(25914);
/* harmony import */ var _dls_Tooltip__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8884);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_Popover__WEBPACK_IMPORTED_MODULE_2__, _dls_Tooltip__WEBPACK_IMPORTED_MODULE_3__]);
([_dls_Popover__WEBPACK_IMPORTED_MODULE_2__, _dls_Tooltip__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);




/**
 * A component that combines the functionality of a Popover and a Tooltip together.
 * This is needed to handle the case when we want to show a Tooltip on mobile but
 * since Tooltip is only hoverable and there is no hovering on mobile devices,
 * we provide the same functionality by using a Popover which handles clicking.
 *
 * @param {Props} props
 * @returns {JSX.Element}
 */ const HoverablePopover = ({ content , children , onOpenChange , contentSide =_dls_Popover__WEBPACK_IMPORTED_MODULE_2__/* .ContentSide.TOP */ .iw.TOP , tip =true , tooltipDelay =0 , defaultStyling =true , isOpen , triggerStyles , isContainerSpan =false  })=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Popover__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .ZP, {
        open: isOpen,
        triggerStyles: triggerStyles,
        contentSide: contentSide,
        useTooltipStyles: true,
        ...onOpenChange && {
            onOpenChange
        },
        defaultStyling: defaultStyling,
        isContainerSpan: isContainerSpan,
        trigger: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Tooltip__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP, {
            open: isOpen,
            tip: tip,
            text: content,
            contentSide: contentSide,
            delay: tooltipDelay,
            ...onOpenChange && {
                onOpenChange
            },
            children: children
        }),
        tip: tip,
        children: content
    });
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (HoverablePopover);

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

/***/ }),

/***/ 25914:
/***/ ((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 */   "ZP": () => (__WEBPACK_DEFAULT_EXPORT__),
/* harmony export */   "iw": () => (/* binding */ ContentSide)
/* harmony export */ });
/* unused harmony export ContentAlign */
/* 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_popover__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(98680);
/* 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 _Popover_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(29267);
/* harmony import */ var _Popover_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Popover_module_scss__WEBPACK_IMPORTED_MODULE_4__);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_2__]);
_radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];





var ContentSide;
(function(ContentSide) {
    ContentSide["TOP"] = "top";
    ContentSide["RIGHT"] = "right";
    ContentSide["BOTTOM"] = "bottom";
    ContentSide["LEFT"] = "left";
})(ContentSide || (ContentSide = {}));
var ContentAlign;
(function(ContentAlign) {
    ContentAlign["START"] = "start";
    ContentAlign["CENTER"] = "center";
    ContentAlign["END"] = "end";
})(ContentAlign || (ContentAlign = {}));
const Popover = ({ children , trigger , onOpenChange , open , isModal =false , contentSide =ContentSide.BOTTOM , contentAlign =ContentAlign.CENTER , avoidCollisions =true , tip =false , useTooltipStyles =false , defaultStyling =true , isPortalled =true , contentSideOffset =2 , triggerStyles , contentStyles , isContainerSpan =false ,  })=>{
    const content = /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_2__.Content, {
        sideOffset: contentSideOffset,
        side: contentSide,
        align: contentAlign,
        avoidCollisions: avoidCollisions,
        className: classnames__WEBPACK_IMPORTED_MODULE_3___default()((_Popover_module_scss__WEBPACK_IMPORTED_MODULE_4___default().content), {
            [(_Popover_module_scss__WEBPACK_IMPORTED_MODULE_4___default().tooltipContent)]: useTooltipStyles,
            [contentStyles]: contentStyles
        }),
        children: [
            children,
            tip && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_2__.Arrow, {})
        ]
    });
    const containerChild = /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_2__.Root, {
        modal: isModal,
        ...typeof open !== "undefined" && {
            open
        },
        ...onOpenChange && {
            onOpenChange
        },
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_2__.Trigger, {
                "aria-label": "Open popover",
                asChild: true,
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                    className: classnames__WEBPACK_IMPORTED_MODULE_3___default()((_Popover_module_scss__WEBPACK_IMPORTED_MODULE_4___default().trigger), {
                        [triggerStyles]: triggerStyles
                    }),
                    children: trigger
                })
            }),
            isPortalled ? /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_2__.Portal, {
                children: content
            }) : content
        ]
    });
    if (isContainerSpan) {
        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
            className: classnames__WEBPACK_IMPORTED_MODULE_3___default()({
                [(_Popover_module_scss__WEBPACK_IMPORTED_MODULE_4___default().container)]: defaultStyling
            }),
            children: containerChild
        });
    }
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: classnames__WEBPACK_IMPORTED_MODULE_3___default()({
            [(_Popover_module_scss__WEBPACK_IMPORTED_MODULE_4___default().container)]: defaultStyling
        }),
        children: containerChild
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Popover);

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

/***/ }),

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

/**
 * A hook that appends query parameters to the url. We could've used shallow routing for Next.js
 * but it causes re-rendering to the whole app @see https://github.com/vercel/next.js/discussions/18072
 *
 * @param {string} relativeUrl the relative url e.g. '/search' for the search page.
 * @param {Record<string, unknown>} params a map of each parameter and its value that we will listen to and in the event of changing any of them, we will re-generate the url.
 */ const useAddQueryParamsToUrl = (relativeUrl, params)=>{
    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
        if (false) {}
    }, [
        relativeUrl,
        params
    ]);
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useAddQueryParamsToUrl);


/***/ }),

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

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "BC": () => (/* binding */ makeIsUserFollowedUrl),
/* harmony export */   "PI": () => (/* binding */ makePostReflectionViewsUrl),
/* harmony export */   "Sv": () => (/* binding */ makeQuranicCalendarPostOfWeekUrl),
/* harmony export */   "YV": () => (/* binding */ makeGetUserReflectionsUrl),
/* harmony export */   "bE": () => (/* binding */ makeFollowUserUrl)
/* harmony export */ });
/* harmony import */ var _utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(13830);

const getPrefixedUrl = (url)=>`qf/${url}`;
const makePostReflectionViewsUrl = (postId)=>(0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_0__/* .makeUrl */ .bf)(getPrefixedUrl(`posts/${postId}/views`));
const makeFollowUserUrl = (userNameOrId)=>(0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_0__/* .makeUrl */ .bf)(getPrefixedUrl(`users/${userNameOrId}/follow`));
const makeIsUserFollowedUrl = (userNameOrId)=>(0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_0__/* .makeUrl */ .bf)(getPrefixedUrl(`users/${userNameOrId}/is-followed`));
const makeGetUserReflectionsUrl = (params)=>(0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_0__/* .makeUrl */ .bf)(getPrefixedUrl("posts"), params);
const makeQuranicCalendarPostOfWeekUrl = (weekNumber)=>(0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_0__/* .makeUrl */ .bf)(getPrefixedUrl(`quranic-calendar/${weekNumber}`));


/***/ }),

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

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* eslint-disable unicorn/no-abusive-eslint-disable */ /* eslint-disable */ // @ts-nocheck
// Source: https://github.com/huang47/nodejs-html-truncate/blob/master/lib/truncate.js
function truncate(string, maxLength, options) {
    const EMPTY_OBJECT = {};
    const EMPTY_STRING = "";
    const DEFAULT_TRUNCATE_SYMBOL = "...";
    const DEFAULT_SLOP = maxLength < 10 ? maxLength : 10;
    const EXCLUDE_TAGS = [
        "img",
        "br"
    ]; // non-closed tags
    const items = []; // stack for saving tags
    let total = 0; // record how many characters we traced so far
    let content = EMPTY_STRING; // truncated text storage
    const KEY_VALUE_REGEX = '([\\w|-]+\\s*=\\s*"[^"]*"\\s*)*';
    const IS_CLOSE_REGEX = "\\s*\\/?\\s*";
    const CLOSE_REGEX = "\\s*\\/\\s*";
    const SELF_CLOSE_REGEX = new RegExp(`<\\/?\\w+\\s*${KEY_VALUE_REGEX}${CLOSE_REGEX}>`);
    const HTML_TAG_REGEX = new RegExp(`<\\/?\\w+\\s*${KEY_VALUE_REGEX}${IS_CLOSE_REGEX}>`);
    const URL_REGEX = /(((ftp|https?):\/\/)[\-\w@:%_\+.~#?,&\/\/=]+)|((mailto:)?[_.\w\-]+@([\w][\w\-]+\.)+[a-zA-Z]{2,3})/g; // Simple regexp
    const IMAGE_TAG_REGEX = new RegExp(`<img\\s*${KEY_VALUE_REGEX}${IS_CLOSE_REGEX}>`);
    const WORD_BREAK_REGEX = new RegExp("\\W+", "g");
    let matches = true;
    let result;
    let index;
    let tail;
    let tag;
    let selfClose;
    /**
   * Remove image tag
   *
   * @private
   * @function _removeImageTag
   * @param {string} string not-yet-processed string
   * @returns {string} string without image tags
   */ function _removeImageTag(string) {
        const match = IMAGE_TAG_REGEX.exec(string);
        let index;
        let len;
        if (!match) {
            return string;
        }
        index = match.index;
        len = match[0].length;
        return string.substring(0, index) + string.substring(index + len);
    }
    /**
   * Dump all close tags and append to truncated content while reaching upperbound
   *
   * @private
   * @function _dumpCloseTag
   * @param {string[]} tags a list of tags which should be closed
   * @returns {string} well-formatted html
   */ function _dumpCloseTag(tags) {
        let html = "";
        tags.reverse().forEach((tag, index)=>{
            // dump non-excluded tags only
            if (EXCLUDE_TAGS.indexOf(tag) === -1) {
                html += `</${tag}>`;
            }
        });
        return html;
    }
    /**
   * Process tag string to get pure tag name
   *
   * @private
   * @function _getTag
   * @param {string} string original html
   * @returns {string} tag name
   */ function _getTag(string) {
        let tail = string.indexOf(" ");
        // TODO:
        // we have to figure out how to handle non-well-formatted HTML case
        if (tail === -1) {
            tail = string.indexOf(">");
            if (tail === -1) {
                throw new Error(`HTML tag is not well-formed : ${string}`);
            }
        }
        return string.substring(1, tail);
    }
    /**
   * Get the end position for String#substring()
   *
   * If options.truncateLastWord is FALSE, we try to the end position up to
   * options.slop characters to avoid breaking in the middle of a word.
   *
   * @private
   * @function _getEndPosition
   * @param {string} string original html
   * @param {number} tailPos (optional) provided to avoid extending the slop into trailing HTML tag
   * @returns {number} maxLength
   */ function _getEndPosition(string, tailPos) {
        const defaultPos = maxLength - total;
        let position = defaultPos;
        const isShort = defaultPos < options.slop;
        const slopPos = isShort ? defaultPos : options.slop - 1;
        let substr;
        const startSlice = isShort ? 0 : defaultPos - options.slop;
        const endSlice = tailPos || defaultPos + options.slop;
        let result;
        if (!options.truncateLastWord) {
            substr = string.slice(startSlice, endSlice);
            if (tailPos && substr.length <= tailPos) {
                position = substr.length;
            } else {
                while((result = WORD_BREAK_REGEX.exec(substr)) !== null){
                    // a natural break position before the hard break position
                    if (result.index < slopPos) {
                        position = defaultPos - (slopPos - result.index);
                        // keep seeking closer to the hard break position
                        // unless a natural break is at position 0
                        if (result.index === 0 && defaultPos <= 1) break;
                    } else if (result.index === slopPos) {
                        position = defaultPos;
                        break; // seek no more
                    } else {
                        position = defaultPos + (result.index - slopPos);
                        break; // seek no more
                    }
                }
            }
            if (string.charAt(position - 1).match(/\s$/)) position--;
        }
        return position;
    }
    options = options || EMPTY_OBJECT;
    options.ellipsis = undefined !== options.ellipsis ? options.ellipsis : DEFAULT_TRUNCATE_SYMBOL;
    options.truncateLastWord = undefined !== options.truncateLastWord ? options.truncateLastWord : true;
    options.slop = undefined !== options.slop ? options.slop : DEFAULT_SLOP;
    while(matches){
        matches = HTML_TAG_REGEX.exec(string);
        if (!matches) {
            if (total >= maxLength) {
                break;
            }
            matches = URL_REGEX.exec(string);
            if (!matches || matches.index >= maxLength) {
                content += string.substring(0, _getEndPosition(string));
                break;
            }
            while(matches){
                result = matches[0];
                index = matches.index;
                content += string.substring(0, index + result.length - total);
                string = string.substring(index + result.length);
                matches = URL_REGEX.exec(string);
            }
            break;
        }
        result = matches[0];
        index = matches.index;
        if (total + index > maxLength) {
            // exceed given `maxLength`, dump everything to clear stack
            content += string.substring(0, _getEndPosition(string, index));
            break;
        } else {
            total += index;
            content += string.substring(0, index);
        }
        if (result[1] === "/") {
            // move out open tag
            items.pop();
            selfClose = null;
        } else {
            selfClose = SELF_CLOSE_REGEX.exec(result);
            if (!selfClose) {
                tag = _getTag(result);
                items.push(tag);
            }
        }
        if (selfClose) {
            content += selfClose[0];
        } else {
            content += result;
        }
        string = string.substring(index + result.length);
    }
    if (string.length > maxLength - total && options.ellipsis) {
        content += options.ellipsis;
    }
    content += _dumpCloseTag(items);
    if (!options.keepImageTag) {
        content = _removeImageTag(content);
    }
    return content;
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (truncate);


/***/ }),

/***/ 4165:
/***/ ((__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 NotesSortOption;
(function(NotesSortOption) {
    NotesSortOption["Newest"] = "newest";
    NotesSortOption["Oldest"] = "oldest";
})(NotesSortOption || (NotesSortOption = {}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NotesSortOption);


/***/ }),

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

/***/ }),

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

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

/***/ }),

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

/***/ 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,36049,85949,62093,91308,99163,5639,42752,46570,57072,37013,67972,1223,66151,50373], () => (__webpack_exec__(97242)));
module.exports = __webpack_exports__;

})();
//# sourceMappingURL=notes-and-reflections.js.map