quran/.next/server/chunks/66151.js

exports.id = 66151;
exports.ids = [66151];
exports.modules = {

/***/ 24868:
/***/ ((__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 SvgChevronDown = function SvgChevronDown(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: "M3.135 6.158a.5.5 0 0 1 .707-.023L7.5 9.565l3.658-3.43a.5.5 0 0 1 .684.73l-4 3.75a.5.5 0 0 1-.684 0l-4-3.75a.5.5 0 0 1-.023-.707Z",
    fill: "currentColor",
    fillRule: "evenodd",
    clipRule: "evenodd"
  })));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgChevronDown);

/***/ }),

/***/ 48996:
/***/ ((__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 SvgEdit = function SvgEdit(props) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
    viewBox: "0 0 1024 1024",
    fill: "currentColor"
  }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    d: "M128 736v160h160l472.107-472.107-160-160L128 736zm755.413-435.413c16.64-16.64 16.64-43.734 0-60.374l-99.626-99.626c-16.64-16.64-43.734-16.64-60.374 0l-78.08 78.08 160 160 78.08-78.08z"
  })));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgEdit);

/***/ }),

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

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _circle, _path;
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }

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

/***/ }),

/***/ 13001:
/***/ ((__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 SvgIdea = function SvgIdea(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.697.04a.5.5 0 0 1 .296.542L8.09 6h4.41a.5.5 0 0 1 .4.8l-6 8a.5.5 0 0 1-.893-.382L6.91 9H2.5a.5.5 0 0 1-.4-.8l6-8a.5.5 0 0 1 .597-.16ZM3.5 8h4a.5.5 0 0 1 .493.582L7.33 12.56 11.5 7h-4a.5.5 0 0 1-.493-.582L7.67 2.44 3.5 8Z",
    fill: "currentColor",
    fillRule: "evenodd",
    clipRule: "evenodd"
  })));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgIdea);

/***/ }),

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

// Exports
module.exports = {
	"container": "NoteListItem_container__HNwm7",
	"headerContainer": "NoteListItem_headerContainer__zgYkk",
	"noteBody": "NoteListItem_noteBody__bfdT6",
	"shareButtonContainer": "NoteListItem_shareButtonContainer__Wzr8B",
	"buttonsContainer": "NoteListItem_buttonsContainer__doHJf"
};


/***/ }),

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

// Exports
module.exports = {
	"container": "EditNoteMode_container__0xUq7",
	"addNoteContainer": "EditNoteMode_addNoteContainer__NY196",
	"addNoteContainerHeader": "EditNoteMode_addNoteContainerHeader__WntFV",
	"addNoteBtnContainer": "EditNoteMode_addNoteBtnContainer__kX0s1",
	"noteDate": "EditNoteMode_noteDate__dWtIB",
	"noteHeaderContainer": "EditNoteMode_noteHeaderContainer__R_xwT"
};


/***/ }),

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

// Exports
module.exports = {
	"container": "NoteRanges_container__viLQL",
	"headerContainer": "NoteRanges_headerContainer__t3h7p"
};


/***/ }),

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

// Exports
module.exports = {
	"buttonContainer": "NoteModal_buttonContainer__REWT1",
	"headerContainer": "NoteModal_headerContainer__HecMx",
	"titleInput": "NoteModal_titleInput__0_sP0",
	"bodyInput": "NoteModal_bodyInput__bHmPH",
	"actionContainer": "NoteModal_actionContainer__IELkO",
	"editFormButtons": "NoteModal_editFormButtons__pp_5t",
	"saveButton": "NoteModal_saveButton__DFAyS",
	"buttonsContainer": "NoteModal_buttonsContainer__ZaPz8",
	"submitContainer": "NoteModal_submitContainer__nd8cY"
};


/***/ }),

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

// Exports
module.exports = {
	"container": "NoteRangesIndicator_container__uDwLA"
};


/***/ }),

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

// Exports
module.exports = {
	"container": "PublicReflectionCheckboxDescription_container__JM8_o",
	"title": "PublicReflectionCheckboxDescription_title__7MLJF",
	"contentContainer": "PublicReflectionCheckboxDescription_contentContainer__SdVyV",
	"checkboxTitle": "PublicReflectionCheckboxDescription_checkboxTitle__9YZq2"
};


/***/ }),

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

// Exports
module.exports = {
	"container": "ReflectionIntro_container__KZx81",
	"title": "ReflectionIntro_title__Mo4RF",
	"sectionHeader": "ReflectionIntro_sectionHeader__HwKUd",
	"subSectionHeader": "ReflectionIntro_subSectionHeader__EwvII",
	"sectionContainer": "ReflectionIntro_sectionContainer__qeZwZ"
};


/***/ }),

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

// Exports
module.exports = {
	"container": "ShareToQrCheckboxLabel_container__GqRjE",
	"bold": "ShareToQrCheckboxLabel_bold__Pz7cF"
};


/***/ }),

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

// Exports
module.exports = {
	"verseContainer": "EmbeddableVerseCell_verseContainer__GCj_d"
};


/***/ }),

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

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


/***/ }),

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

// Exports
module.exports = {
	"questionMarkIconContainer": "HelperTooltip_questionMarkIconContainer__i20QV",
	"trigger": "HelperTooltip_trigger__1zmSb",
	"content": "HelperTooltip_content__NhcCK"
};


/***/ }),

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

// Exports
module.exports = {
	"container": "Switch_container__sYEUd",
	"xSmallContainer": "Switch_xSmallContainer__CtQzD",
	"item": "Switch_item__ePHkS",
	"separatorLine": "Switch_separatorLine__Jj73_",
	"separatorLineVisible": "Switch_separatorLineVisible__RnZCc",
	"selectedItemBackgroundContainer": "Switch_selectedItemBackgroundContainer__7F_kF",
	"selectedItemBackground": "Switch_selectedItemBackground__VMOBG",
	"itemNormal": "Switch_itemNormal__pDPXy",
	"itemLarge": "Switch_itemLarge__SCzg2",
	"itemSmall": "Switch_itemSmall__gKpF9",
	"itemXSmall": "Switch_itemXSmall__GcCpL"
};


/***/ }),

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

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var lodash_capitalize__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59969);
/* harmony import */ var lodash_capitalize__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_capitalize__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var types_FormField__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3840);


/**
 * Transform FormField to be FormBuilderFormField
 *
 * FormField and FormBuilderFormField are the same except, FormBuilderFormField is not tied to errorId and translationId
 *   - Previously FormBuilder was tied to common.json, next-translate.
 *   - and it's also tied to ErrorMessageId
 *   - and the `label` is also less flexible because it's tied to `field` value
 *
 * This function help to transform FormField to FormBuilderFormField for common use case.
 * But when we need a more flexible use case, we can use FormBuilderFormField directly. Without using this helper function
 *
 * check ./FormBuilderTypes.ts for more info
 *
 * Note that this function expect the `t` translate function to be used with `common.json`. And expect `form.$field`  and `validation.$errorId` to exist.
 *
 * @param {FormField} formField
 * @returns {FormBuilderFormField} formBuilderFormField
 */ const buildFormBuilderFormField = (formField, t)=>{
    return {
        ...formField,
        ...formField.rules && {
            rules: formField.rules.map((rule)=>({
                    type: rule.type,
                    value: rule.value,
                    errorMessage: t(`common:validation.${rule.errorId}`, {
                        field: lodash_capitalize__WEBPACK_IMPORTED_MODULE_0___default()(formField.field),
                        ...rule.errorExtraParams
                    })
                }))
        },
        ...formField.label && {
            label: formField.type === types_FormField__WEBPACK_IMPORTED_MODULE_1__/* .FormFieldType.Checkbox */ .E.Checkbox ? formField.label : t(`form.${formField.label}`)
        },
        ...formField.defaultValue && {
            defaultValue: formField.defaultValue
        },
        ...formField.placeholder && {
            placeholder: formField.placeholder
        }
    };
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (buildFormBuilderFormField);


/***/ }),

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

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var lodash_capitalize__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59969);
/* harmony import */ var lodash_capitalize__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_capitalize__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var types_ErrorMessageId__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(99133);


const DEFAULT_ERROR_ID = types_ErrorMessageId__WEBPACK_IMPORTED_MODULE_1__/* ["default"].InvalidField */ .Z.InvalidField;
const buildTranslatedErrorMessageByErrorId = (errorId, fieldName, t, extraParams)=>{
    if (Object.values(types_ErrorMessageId__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z).includes(errorId)) {
        return t(`common:validation.${errorId}`, {
            field: lodash_capitalize__WEBPACK_IMPORTED_MODULE_0___default()(fieldName),
            ...extraParams
        });
    }
    return t(`common:validation.${DEFAULT_ERROR_ID}`, {
        field: lodash_capitalize__WEBPACK_IMPORTED_MODULE_0___default()(fieldName)
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (buildTranslatedErrorMessageByErrorId);


/***/ }),

/***/ 18438:
/***/ ((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 _dls_Button_Button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(50497);
/* harmony import */ var _dls_ConfirmationModal_ConfirmationModal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(11817);
/* harmony import */ var _dls_ConfirmationModal_hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(77843);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(55943);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_Button_Button__WEBPACK_IMPORTED_MODULE_2__, _dls_ConfirmationModal_ConfirmationModal__WEBPACK_IMPORTED_MODULE_3__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_5__]);
([_dls_Button_Button__WEBPACK_IMPORTED_MODULE_2__, _dls_ConfirmationModal_ConfirmationModal__WEBPACK_IMPORTED_MODULE_3__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);






const DeleteNoteModal = ({ isDisabled , note: { id  } , onConfirm  })=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_1___default()("notes");
    const confirm = (0,_dls_ConfirmationModal_hooks__WEBPACK_IMPORTED_MODULE_4__/* .useConfirm */ .N)();
    const onDeleteClicked = async ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_5__/* .logButtonClick */ .MY)("note_delete");
        const isConfirmed = await confirm({
            confirmText: t("common:delete"),
            cancelText: t("common:cancel"),
            title: t("delete-note-modal.title"),
            subtitle: t("delete-note-modal.subtitle")
        });
        if (isConfirmed) {
            (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_5__/* .logButtonClick */ .MY)("note_delete_confirm", {
                noteId: id
            });
            onConfirm();
        } else {
            (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_5__/* .logButtonClick */ .MY)("note_delete_confirm_cancel", {
                noteId: id
            });
        }
    };
    const buttonProps = {
        isDisabled,
        isLoading: isDisabled
    };
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .ZP, {
                variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_2__/* .ButtonVariant.Ghost */ .Wu.Ghost,
                onClick: onDeleteClicked,
                tooltip: t("delete"),
                size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_2__/* .ButtonSize.Small */ .qE.Small,
                type: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_2__/* .ButtonType.Warning */ .L$.Warning,
                ...buttonProps,
                children: "X"
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_ConfirmationModal_ConfirmationModal__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {})
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DeleteNoteModal);

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

/***/ }),

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

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var swr__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(15941);
/* harmony import */ var _components_FormBuilder_buildFormBuilderFormField__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(57361);
/* harmony import */ var _components_FormBuilder_buildTranslatedErrorMessageByErrorId__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(21485);
/* harmony import */ var _components_FormBuilder_FormBuilder__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(37013);
/* harmony import */ var _components_Notes_NoteModal_NoteModal_module_scss__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(66321);
/* harmony import */ var _components_Notes_NoteModal_NoteModal_module_scss__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(_components_Notes_NoteModal_NoteModal_module_scss__WEBPACK_IMPORTED_MODULE_16__);
/* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(50497);
/* harmony import */ var _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(79717);
/* harmony import */ var _hooks_useMutation__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(50900);
/* harmony import */ var _types_ErrorMessageId__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(99133);
/* harmony import */ var _types_FieldRule__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(98213);
/* harmony import */ var _types_FormField__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(3840);
/* harmony import */ var _utils_auth_api__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(37883);
/* harmony import */ var _utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(13830);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(55943);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr__WEBPACK_IMPORTED_MODULE_3__, _components_FormBuilder_FormBuilder__WEBPACK_IMPORTED_MODULE_6__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_15__]);
([swr__WEBPACK_IMPORTED_MODULE_3__, _components_FormBuilder_FormBuilder__WEBPACK_IMPORTED_MODULE_6__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_15__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
/* eslint-disable max-lines */ 
















const BODY_MIN_LENGTH = 6;
const BODY_MAX_LENGTH = 10000;
const BODY_MIN_VALIDATION_PARAMS = {
    value: BODY_MIN_LENGTH
};
const BODY_MAX_VALIDATION_PARAMS = {
    value: BODY_MAX_LENGTH
};
const EditForm = ({ note , onNoteUpdated , verseKey , noteId , onCancelEditClicked ,  })=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("common");
    const { 0: saveToQR , 1: setSaveToQR  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
    const toast = (0,_dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__/* .useToast */ .pm)();
    const { mutate  } = (0,swr__WEBPACK_IMPORTED_MODULE_3__.useSWRConfig)();
    const mutateCache = (data)=>{
        if (verseKey) {
            mutate((0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_14__/* .makeGetNotesByVerseUrl */ .qY)(verseKey), data);
        }
        if (noteId) {
            mutate((0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_14__/* .makeGetNoteByIdUrl */ .Y0)(noteId), data);
        }
    };
    const { mutate: updateNote , isMutating: isUpdatingNote  } = (0,_hooks_useMutation__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z)(async ({ id , body  })=>{
        return (0,_utils_auth_api__WEBPACK_IMPORTED_MODULE_13__/* .updateNote */ .Qk)(id, body, saveToQR);
    }, {
        onSuccess: (data)=>{
            // if publishing the note publicly call failed after saving the note succeeded
            // @ts-ignore
            if (data?.error === true) {
                toast(t("notes:update-publish-failed"), {
                    status: _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__/* .ToastStatus.Error */ .YZ.Error
                });
                // @ts-ignore
                onNoteUpdated?.(data.note);
                // @ts-ignore
                mutateCache([
                    data.note
                ]);
            } else {
                toast(t("notes:update-success"), {
                    status: _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__/* .ToastStatus.Success */ .YZ.Success
                });
                onNoteUpdated?.(data);
                mutateCache([
                    data
                ]);
            }
        },
        onError: ()=>{
            toast(t("common:error.general"), {
                status: _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__/* .ToastStatus.Error */ .YZ.Error
            });
        }
    });
    const onSubmit = async ({ body  })=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_15__/* .logButtonClick */ .MY)("update_note", {
            saveToQR
        });
        updateNote({
            id: note.id,
            body
        });
    };
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_FormBuilder_FormBuilder__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
        formFields: [
            {
                field: "body",
                placeholder: t("notes:body-placeholder"),
                defaultValue: note.body,
                rules: [
                    {
                        type: _types_FieldRule__WEBPACK_IMPORTED_MODULE_11__/* .RuleType.Required */ .S.Required,
                        errorId: _types_ErrorMessageId__WEBPACK_IMPORTED_MODULE_10__/* ["default"].RequiredField */ .Z.RequiredField,
                        value: true
                    },
                    {
                        ...BODY_MIN_VALIDATION_PARAMS,
                        type: _types_FieldRule__WEBPACK_IMPORTED_MODULE_11__/* .RuleType.MinimumLength */ .S.MinimumLength,
                        errorId: _types_ErrorMessageId__WEBPACK_IMPORTED_MODULE_10__/* ["default"].MinimumLength */ .Z.MinimumLength,
                        errorExtraParams: {
                            ...BODY_MIN_VALIDATION_PARAMS
                        },
                        errorMessage: (0,_components_FormBuilder_buildTranslatedErrorMessageByErrorId__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z)(_types_ErrorMessageId__WEBPACK_IMPORTED_MODULE_10__/* ["default"].MinimumLength */ .Z.MinimumLength, "body", t, {
                            ...BODY_MIN_VALIDATION_PARAMS
                        })
                    },
                    {
                        ...BODY_MAX_VALIDATION_PARAMS,
                        type: _types_FieldRule__WEBPACK_IMPORTED_MODULE_11__/* .RuleType.MaximumLength */ .S.MaximumLength,
                        errorId: _types_ErrorMessageId__WEBPACK_IMPORTED_MODULE_10__/* ["default"].MaximumLength */ .Z.MaximumLength,
                        errorExtraParams: {
                            ...BODY_MAX_VALIDATION_PARAMS
                        },
                        errorMessage: (0,_components_FormBuilder_buildTranslatedErrorMessageByErrorId__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z)(_types_ErrorMessageId__WEBPACK_IMPORTED_MODULE_10__/* ["default"].MaximumLength */ .Z.MaximumLength, "body", t, {
                            ...BODY_MAX_VALIDATION_PARAMS
                        })
                    }, 
                ],
                type: _types_FormField__WEBPACK_IMPORTED_MODULE_12__/* .FormFieldType.TextArea */ .E.TextArea,
                containerClassName: (_components_Notes_NoteModal_NoteModal_module_scss__WEBPACK_IMPORTED_MODULE_16___default().bodyInput),
                fieldSetLegend: t("notes:notes-and-reflcs")
            }, 
        ].map((field)=>(0,_components_FormBuilder_buildFormBuilderFormField__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)(field, t)),
        onSubmit: onSubmit,
        isSubmitting: isUpdatingNote,
        renderAction: ({ isLoading  })=>{
            return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: (_components_Notes_NoteModal_NoteModal_module_scss__WEBPACK_IMPORTED_MODULE_16___default().editFormButtons),
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .ZP, {
                        isLoading: isLoading,
                        variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* .ButtonVariant.Outlined */ .Wu.Outlined,
                        isDisabled: isLoading,
                        onClick: (e)=>{
                            e.stopPropagation();
                            onCancelEditClicked();
                        },
                        children: t("cancel")
                    }),
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .ZP, {
                            htmlType: "submit",
                            isLoading: isLoading,
                            isDisabled: isLoading,
                            className: (_components_Notes_NoteModal_NoteModal_module_scss__WEBPACK_IMPORTED_MODULE_16___default().saveButton),
                            onClick: (e)=>{
                                e.stopPropagation();
                                setSaveToQR(false);
                            },
                            children: t("notes:save-privately")
                        })
                    })
                ]
            });
        }
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EditForm);

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

/***/ }),

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

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var swr__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(15941);
/* harmony import */ var _DeleteNoteModal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(18438);
/* harmony import */ var _EditForm__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(81099);
/* harmony import */ var _NoteListItem_module_scss__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(39561);
/* harmony import */ var _NoteListItem_module_scss__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(_NoteListItem_module_scss__WEBPACK_IMPORTED_MODULE_17__);
/* harmony import */ var _components_Notes_NoteModal_PublicReflectionCheckboxDescription__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(96210);
/* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(50497);
/* harmony import */ var _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(79717);
/* harmony import */ var _hooks_useMutation__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(50900);
/* harmony import */ var _icons_edit_svg__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(48996);
/* harmony import */ var _types_auth_Note__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(58272);
/* harmony import */ var _utils_auth_api__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(37883);
/* harmony import */ var _utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(13830);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(55943);
/* harmony import */ var _utils_quranReflect_navigation__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(70713);
/* harmony import */ var _utils_verse__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(44519);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr__WEBPACK_IMPORTED_MODULE_3__, _DeleteNoteModal__WEBPACK_IMPORTED_MODULE_4__, _EditForm__WEBPACK_IMPORTED_MODULE_5__, _components_Notes_NoteModal_PublicReflectionCheckboxDescription__WEBPACK_IMPORTED_MODULE_6__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_14__]);
([swr__WEBPACK_IMPORTED_MODULE_3__, _DeleteNoteModal__WEBPACK_IMPORTED_MODULE_4__, _EditForm__WEBPACK_IMPORTED_MODULE_5__, _components_Notes_NoteModal_PublicReflectionCheckboxDescription__WEBPACK_IMPORTED_MODULE_6__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_14__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
/* eslint-disable max-lines */ 

















const EditNoteListItem = ({ note , verseKey , noteId , onNoteUpdated , onNoteDeleted ,  })=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("common");
    const toast = (0,_dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__/* .useToast */ .pm)();
    const { mutate , cache  } = (0,swr__WEBPACK_IMPORTED_MODULE_3__.useSWRConfig)();
    const { 0: isInEditMode , 1: setIsInEditMode  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
    const clearCountCache = ()=>{
        // we need to invalidate one of keys that look like: ['countNotes', notesRange]
        // so that the count is updated
        const keys = [
            ...cache.keys()
        ].filter((key)=>{
            if (!key.startsWith("countNotes/")) {
                return false;
            }
            if (verseKey) {
                // check if the note is within the range
                const rangeString = key.replace("countNotes/", "");
                return (0,_utils_verse__WEBPACK_IMPORTED_MODULE_16__/* .isVerseKeyWithinRanges */ .Yx)(verseKey, rangeString);
            }
            if (noteId) {
                // if we're on the notes page, just invalidate all keys
                return true;
            }
            // if we're not on the quran reader page, we can just invalidate all the keys
            return true;
        });
        if (keys.length) {
            keys.forEach((key)=>{
                cache.delete(key);
                mutate(key);
            });
        }
    };
    const mutateCache = (data)=>{
        if (verseKey) {
            mutate((0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_13__/* .makeGetNotesByVerseUrl */ .qY)(verseKey), data);
        }
        if (noteId) {
            mutate((0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_13__/* .makeGetNoteByIdUrl */ .Y0)(noteId), data);
        }
    };
    const { mutate: postOnQuranReflect , isMutating: isPostingOnQuranReflect  } = (0,_hooks_useMutation__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z)(()=>{
        return (0,_utils_auth_api__WEBPACK_IMPORTED_MODULE_12__/* .publishNoteToQR */ .yJ)(note.id, {
            body: note.body,
            ranges: note?.ranges || []
        });
    }, {
        onSuccess: (response)=>{
            const { postId  } = response;
            toast(t("notes:export-success"), {
                status: _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__/* .ToastStatus.Success */ .YZ.Success
            });
            mutateCache({
                ...note,
                attachedEntities: [
                    {
                        type: _types_auth_Note__WEBPACK_IMPORTED_MODULE_11__/* .AttachedEntityType.REFLECTION */ .c.REFLECTION,
                        id: postId,
                        createdAt: new Date(),
                        updatedAt: new Date()
                    }, 
                ]
            });
        },
        onError: ()=>{
            toast(t("common:error.general"), {
                status: _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__/* .ToastStatus.Error */ .YZ.Error
            });
        }
    });
    const { mutate: deleteNote , isMutating: isDeletingNote  } = (0,_hooks_useMutation__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z)(async (id)=>{
        return (0,_utils_auth_api__WEBPACK_IMPORTED_MODULE_12__/* .deleteNote */ .f_)(id);
    }, {
        onSuccess: ()=>{
            toast(t("notes:delete-success"), {
                status: _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__/* .ToastStatus.Success */ .YZ.Success
            });
            mutateCache([]);
            clearCountCache();
            if (onNoteDeleted) {
                onNoteDeleted();
            }
        },
        onError: ()=>{
            toast(t("common:error.general"), {
                status: _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__/* .ToastStatus.Error */ .YZ.Error
            });
        }
    });
    const onCancelEditClicked = ()=>{
        setIsInEditMode(false);
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_14__/* .logButtonClick */ .MY)("cancel_edit_note");
    };
    const onPostOnQrClicked = (e)=>{
        e.stopPropagation();
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_14__/* .logButtonClick */ .MY)("qr_publish_note");
        postOnQuranReflect();
    };
    const onEditClicked = (e)=>{
        e.stopPropagation();
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_14__/* .logButtonClick */ .MY)("edit_note");
        setIsInEditMode(true);
    };
    const onDeleteConfirm = ()=>{
        deleteNote(note.id);
    };
    const onViewOnQrClicked = (e)=>{
        e.stopPropagation();
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_14__/* .logButtonClick */ .MY)("qr_view_note_post");
    };
    const shouldDisableActions = isDeletingNote || isPostingOnQuranReflect;
    const buttonProps = {
        isDisabled: shouldDisableActions,
        isLoading: shouldDisableActions
    };
    const noteReflectionId = note?.attachedEntities?.find((entity)=>entity.type === _types_auth_Note__WEBPACK_IMPORTED_MODULE_11__/* .AttachedEntityType.REFLECTION */ .c.REFLECTION)?.id;
    const onNoteUpdatedHandler = (updatedNote)=>{
        setIsInEditMode(false);
        if (onNoteUpdated) {
            onNoteUpdated(updatedNote);
        }
    };
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: (_NoteListItem_module_scss__WEBPACK_IMPORTED_MODULE_17___default().container),
        children: isInEditMode ? /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EditForm__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
            onCancelEditClicked: onCancelEditClicked,
            note: note,
            onNoteUpdated: onNoteUpdatedHandler,
            verseKey: verseKey,
            noteId: noteId
        }) : /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
            children: [
                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                    className: (_NoteListItem_module_scss__WEBPACK_IMPORTED_MODULE_17___default().buttonsContainer),
                    children: [
                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .ZP, {
                            shouldFlipOnRTL: false,
                            variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* .ButtonVariant.Ghost */ .Wu.Ghost,
                            onClick: onEditClicked,
                            tooltip: t("edit"),
                            size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* .ButtonSize.Small */ .qE.Small,
                            ...buttonProps,
                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_edit_svg__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {})
                        }),
                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_DeleteNoteModal__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
                            onConfirm: onDeleteConfirm,
                            note: note,
                            isDisabled: shouldDisableActions
                        })
                    ]
                }),
                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                    className: (_NoteListItem_module_scss__WEBPACK_IMPORTED_MODULE_17___default().noteBody),
                    children: note.body
                }),
                noteReflectionId ? /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                    className: (_NoteListItem_module_scss__WEBPACK_IMPORTED_MODULE_17___default().shareButtonContainer),
                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .ZP, {
                        size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* .ButtonSize.Small */ .qE.Small,
                        href: (0,_utils_quranReflect_navigation__WEBPACK_IMPORTED_MODULE_15__/* .getQuranReflectPostUrl */ .rW)(noteReflectionId),
                        isNewTab: true,
                        onClick: onViewOnQrClicked,
                        ...buttonProps,
                        children: t("notes:view-on-qr")
                    })
                }) : /*#__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: (_NoteListItem_module_scss__WEBPACK_IMPORTED_MODULE_17___default().shareButtonContainer),
                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .ZP, {
                                size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* .ButtonSize.Small */ .qE.Small,
                                onClick: onPostOnQrClicked,
                                ...buttonProps,
                                children: t("notes:post-on-qr")
                            })
                        }),
                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Notes_NoteModal_PublicReflectionCheckboxDescription__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                            type: _components_Notes_NoteModal_PublicReflectionCheckboxDescription__WEBPACK_IMPORTED_MODULE_6__/* .NoteType.EDIT */ .w.EDIT
                        })
                    ]
                })
            ]
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EditNoteListItem);

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

/***/ }),

/***/ 12374:
/***/ ((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 _NoteRangesIndicator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(72552);
/* harmony import */ var _NoteRanges_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(35350);
/* harmony import */ var _NoteRanges_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_NoteRanges_module_scss__WEBPACK_IMPORTED_MODULE_8__);
/* harmony import */ var _components_QuranReader_TranslationView_EmbeddableVerseCell__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(43749);
/* harmony import */ var _icons_chevron_down_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(24868);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(55943);
/* harmony import */ var _utils_verseKeys__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(36495);
/* harmony import */ var src_components_dls_Collapsible_Collapsible__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(92775);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_QuranReader_TranslationView_EmbeddableVerseCell__WEBPACK_IMPORTED_MODULE_3__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_5__, src_components_dls_Collapsible_Collapsible__WEBPACK_IMPORTED_MODULE_7__]);
([_components_QuranReader_TranslationView_EmbeddableVerseCell__WEBPACK_IMPORTED_MODULE_3__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_5__, 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 note.
 * And also a ranges selector in the future.
 *
 * @param {React.FC<Props>} param
 * @returns {React.ReactElement<any, any>}
 */ const NoteRanges = ({ ranges  })=>{
    const onOpenChange = (isCollapseOpen)=>{
        if (isCollapseOpen) {
            (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_5__/* .logEvent */ .Kz)("note_range_collapse_opened");
        } else {
            (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_5__/* .logEvent */ .Kz)("note_range_collapse_closed");
        }
    };
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: (_NoteRanges_module_scss__WEBPACK_IMPORTED_MODULE_8___default().container),
        children: /*#__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: (_NoteRanges_module_scss__WEBPACK_IMPORTED_MODULE_8___default().headerContainer),
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_NoteRangesIndicator__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
                    ranges: ranges
                })
            }),
            prefix: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_chevron_down_svg__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {}),
            shouldRotatePrefixOnToggle: true,
            onOpenChange: onOpenChange,
            children: ({ isOpen: isOpenRenderProp  })=>{
                if (!isOpenRenderProp) return null;
                // TODO: ranges[0] is temporary and assumes that a note has only one range and 1 Ayah inside that range
                const [{ chapter , verse  }] = (0,_utils_verseKeys__WEBPACK_IMPORTED_MODULE_6__/* .parseVerseRange */ .p)(ranges[0]);
                return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_QuranReader_TranslationView_EmbeddableVerseCell__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                    chapterId: Number(chapter),
                    verseNumber: Number(verse)
                });
            }
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NoteRanges);

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

/***/ }),

/***/ 99904:
/***/ ((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 _NewNoteMode__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(46884);
/* harmony import */ var _EditNoteListItem__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(81709);
/* harmony import */ var _EditNoteMode_module_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(59884);
/* harmony import */ var _EditNoteMode_module_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_EditNoteMode_module_scss__WEBPACK_IMPORTED_MODULE_10__);
/* harmony import */ var _components_Notes_NoteModal_EditNoteMode_NoteRanges__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(12374);
/* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(50497);
/* harmony import */ var _icons_plus_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(4474);
/* harmony import */ var _utils_datetime__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(76410);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(55943);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_NewNoteMode__WEBPACK_IMPORTED_MODULE_3__, _EditNoteListItem__WEBPACK_IMPORTED_MODULE_4__, _components_Notes_NoteModal_EditNoteMode_NoteRanges__WEBPACK_IMPORTED_MODULE_5__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_6__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_9__]);
([_NewNoteMode__WEBPACK_IMPORTED_MODULE_3__, _EditNoteListItem__WEBPACK_IMPORTED_MODULE_4__, _components_Notes_NoteModal_EditNoteMode_NoteRanges__WEBPACK_IMPORTED_MODULE_5__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_6__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_9__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);











const EditNoteMode = ({ notes , verseKey , onNoteUpdated , onNoteDeleted , noteId ,  })=>{
    const { t , lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("notes");
    const { 0: shouldShowShowAddNoteForm , 1: setShouldShowAddNoteForm  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
    const onAddNoteClicked = ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_9__/* .logButtonClick */ .MY)("add_more_notes_button");
        setShouldShowAddNoteForm(true);
    };
    const onCloseAddNoteClicked = ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_9__/* .logButtonClick */ .MY)("close_add_more_notes_button");
        setShouldShowAddNoteForm(false);
    };
    const onSuccess = ()=>{
        setShouldShowAddNoteForm(false);
    };
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: (_EditNoteMode_module_scss__WEBPACK_IMPORTED_MODULE_10___default().container),
        children: [
            !noteId && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
                children: shouldShowShowAddNoteForm ? /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                    className: (_EditNoteMode_module_scss__WEBPACK_IMPORTED_MODULE_10___default().addNoteContainer),
                    children: [
                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                            className: (_EditNoteMode_module_scss__WEBPACK_IMPORTED_MODULE_10___default().addNoteContainerHeader),
                            children: [
                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
                                    children: t("add-another-note")
                                }),
                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .ZP, {
                                    variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_6__/* .ButtonVariant.Ghost */ .Wu.Ghost,
                                    size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_6__/* .ButtonSize.Small */ .qE.Small,
                                    onClick: onCloseAddNoteClicked,
                                    tooltip: t("common:close"),
                                    children: "X"
                                })
                            ]
                        }),
                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_NewNoteMode__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                            verseKey: verseKey,
                            onSuccess: onSuccess
                        })
                    ]
                }) : /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                    className: (_EditNoteMode_module_scss__WEBPACK_IMPORTED_MODULE_10___default().addNoteBtnContainer),
                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .ZP, {
                        size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_6__/* .ButtonSize.Small */ .qE.Small,
                        prefix: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_plus_svg__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {}),
                        onClick: onAddNoteClicked,
                        children: t("add-another-note")
                    })
                })
            }),
            notes.map((note, index)=>{
                return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                    children: [
                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                            className: (_EditNoteMode_module_scss__WEBPACK_IMPORTED_MODULE_10___default().noteHeaderContainer),
                            children: [
                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
                                    children: `${t("notes:note")} ${index + 1}`
                                }),
                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("time", {
                                    className: (_EditNoteMode_module_scss__WEBPACK_IMPORTED_MODULE_10___default().noteDate),
                                    dateTime: note.createdAt.toString(),
                                    children: (0,_utils_datetime__WEBPACK_IMPORTED_MODULE_8__/* .dateToReadableFormat */ .ZC)(note.createdAt, lang, {
                                        year: "numeric",
                                        weekday: undefined,
                                        month: "short"
                                    })
                                })
                            ]
                        }),
                        note?.ranges && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Notes_NoteModal_EditNoteMode_NoteRanges__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
                            ranges: note.ranges
                        }),
                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EditNoteListItem__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
                            verseKey: verseKey,
                            onNoteUpdated: onNoteUpdated,
                            onNoteDeleted: onNoteDeleted,
                            noteId: noteId,
                            note: note
                        }, note.id)
                    ]
                }, note.id);
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EditNoteMode);

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

/***/ }),

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

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var swr__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(15941);
/* harmony import */ var _NoteModal_module_scss__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(66321);
/* harmony import */ var _NoteModal_module_scss__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(_NoteModal_module_scss__WEBPACK_IMPORTED_MODULE_22__);
/* harmony import */ var _PublicReflectionCheckboxDescription__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(96210);
/* harmony import */ var _components_FormBuilder_buildFormBuilderFormField__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(57361);
/* harmony import */ var _components_FormBuilder_buildTranslatedErrorMessageByErrorId__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(21485);
/* harmony import */ var _components_FormBuilder_FormBuilder__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(37013);
/* harmony import */ var _components_Notes_NoteModal_ReflectionIntro__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(86542);
/* harmony import */ var _components_Notes_NoteModal_ShareToQrCheckboxLabel__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(6851);
/* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(50497);
/* harmony import */ var _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(79717);
/* harmony import */ var _hooks_useMutateWithoutRevalidation__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(61368);
/* harmony import */ var _hooks_useMutation__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(50900);
/* harmony import */ var _types_auth_ConsentType__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(39433);
/* harmony import */ var _types_ErrorMessageId__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(99133);
/* harmony import */ var _types_FieldRule__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(98213);
/* harmony import */ var _types_FormField__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(3840);
/* harmony import */ var _utils_auth_api__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(37883);
/* harmony import */ var _utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(13830);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(55943);
/* harmony import */ var _utils_verse__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(44519);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr__WEBPACK_IMPORTED_MODULE_3__, _PublicReflectionCheckboxDescription__WEBPACK_IMPORTED_MODULE_4__, _components_FormBuilder_FormBuilder__WEBPACK_IMPORTED_MODULE_7__, _components_Notes_NoteModal_ReflectionIntro__WEBPACK_IMPORTED_MODULE_8__, _components_Notes_NoteModal_ShareToQrCheckboxLabel__WEBPACK_IMPORTED_MODULE_9__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_10__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_11__, _hooks_useMutateWithoutRevalidation__WEBPACK_IMPORTED_MODULE_12__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_20__]);
([swr__WEBPACK_IMPORTED_MODULE_3__, _PublicReflectionCheckboxDescription__WEBPACK_IMPORTED_MODULE_4__, _components_FormBuilder_FormBuilder__WEBPACK_IMPORTED_MODULE_7__, _components_Notes_NoteModal_ReflectionIntro__WEBPACK_IMPORTED_MODULE_8__, _components_Notes_NoteModal_ShareToQrCheckboxLabel__WEBPACK_IMPORTED_MODULE_9__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_10__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_11__, _hooks_useMutateWithoutRevalidation__WEBPACK_IMPORTED_MODULE_12__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_20__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
/* eslint-disable max-lines */ 






















const BODY_MIN_LENGTH = 6;
const BODY_MAX_LENGTH = 10000;
const BODY_MIN_VALIDATION_PARAMS = {
    value: BODY_MIN_LENGTH
};
const BODY_MAX_VALIDATION_PARAMS = {
    value: BODY_MAX_LENGTH
};
const NewNoteMode = ({ verseKey , onSuccess  })=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("common");
    const toast = (0,_dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_11__/* .useToast */ .pm)();
    const { mutate , cache  } = (0,swr__WEBPACK_IMPORTED_MODULE_3__.useSWRConfig)();
    const { 0: isCheckboxTicked , 1: setIsCheckboxTicked  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
    const mutateWithoutRevalidation = (0,_hooks_useMutateWithoutRevalidation__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z)();
    const { mutate: addNote , isMutating: isAddingNote  } = (0,_hooks_useMutation__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z)(async ({ body , saveToQR  })=>{
        return (0,_utils_auth_api__WEBPACK_IMPORTED_MODULE_18__/* .addNote */ .AL)({
            body,
            saveToQR,
            ...verseKey && {
                ranges: [
                    `${verseKey}-${verseKey}`
                ]
            }
        });
    }, {
        onSuccess: (data)=>{
            // if publishing the note publicly call failed after saving the note succeeded
            // @ts-ignore
            if (data?.error === true) {
                toast(t("notes:save-publish-failed"), {
                    status: _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_11__/* .ToastStatus.Error */ .YZ.Error
                });
                // @ts-ignore
                mutateCache([
                    data.note
                ]);
            } else {
                toast(t("notes:save-success"), {
                    status: _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_11__/* .ToastStatus.Success */ .YZ.Success
                });
                mutateCache([
                    data
                ]);
            }
            clearCountCache();
            /*
         * TODO: since we are not using consents at the moment, we are updating the consents field directly instead of appending to existing consents.
         * also, if the user deletes the note, we are not removing it.
         */ mutateWithoutRevalidation((0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_19__/* .makeUserProfileUrl */ .bo)(), (currentProfileData)=>{
                return {
                    ...currentProfileData,
                    consents: {
                        ...currentProfileData.consents,
                        [_types_auth_ConsentType__WEBPACK_IMPORTED_MODULE_14__/* ["default"].HAS_NOTES */ .Z.HAS_NOTES]: true
                    }
                };
            });
            if (onSuccess) {
                onSuccess();
            }
        },
        onError: ()=>{
            toast(t("common:error.general"), {
                status: _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_11__/* .ToastStatus.Error */ .YZ.Error
            });
        }
    });
    const mutateCache = (data)=>{
        if (verseKey) {
            mutate((0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_19__/* .makeGetNotesByVerseUrl */ .qY)(verseKey), data);
        }
    };
    const clearCountCache = ()=>{
        // we need to invalidate one of keys that look like: ['countNotes', notesRange]
        // so that the count is updated
        const keys = [
            ...cache.keys()
        ].filter((key)=>{
            if (!key.startsWith("countNotes/")) {
                return false;
            }
            if (verseKey) {
                // check if the note is within the range
                const rangeString = key.replace("countNotes/", "");
                return (0,_utils_verse__WEBPACK_IMPORTED_MODULE_21__/* .isVerseKeyWithinRanges */ .Yx)(verseKey, rangeString);
            }
            // if we're not on the quran reader page, we can just invalidate all the keys
            return true;
        });
        if (keys.length) {
            keys.forEach((key)=>{
                cache.delete(key);
                mutate(key);
            });
        }
    };
    const onSubmit = async ({ body , saveToQR  })=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_20__/* .logButtonClick */ .MY)("add_note");
        addNote({
            body,
            saveToQR
        });
    };
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Notes_NoteModal_ReflectionIntro__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {}),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_FormBuilder_FormBuilder__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                formFields: [
                    {
                        field: "body",
                        placeholder: t("notes:body-placeholder"),
                        rules: [
                            {
                                type: _types_FieldRule__WEBPACK_IMPORTED_MODULE_16__/* .RuleType.Required */ .S.Required,
                                errorId: _types_ErrorMessageId__WEBPACK_IMPORTED_MODULE_15__/* ["default"].RequiredField */ .Z.RequiredField,
                                value: true
                            },
                            {
                                ...BODY_MIN_VALIDATION_PARAMS,
                                type: _types_FieldRule__WEBPACK_IMPORTED_MODULE_16__/* .RuleType.MinimumLength */ .S.MinimumLength,
                                errorId: _types_ErrorMessageId__WEBPACK_IMPORTED_MODULE_15__/* ["default"].MinimumLength */ .Z.MinimumLength,
                                errorExtraParams: {
                                    ...BODY_MIN_VALIDATION_PARAMS
                                },
                                errorMessage: (0,_components_FormBuilder_buildTranslatedErrorMessageByErrorId__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z)(_types_ErrorMessageId__WEBPACK_IMPORTED_MODULE_15__/* ["default"].MinimumLength */ .Z.MinimumLength, "body", t, {
                                    ...BODY_MIN_VALIDATION_PARAMS
                                })
                            },
                            {
                                ...BODY_MAX_VALIDATION_PARAMS,
                                type: _types_FieldRule__WEBPACK_IMPORTED_MODULE_16__/* .RuleType.MaximumLength */ .S.MaximumLength,
                                errorId: _types_ErrorMessageId__WEBPACK_IMPORTED_MODULE_15__/* ["default"].MaximumLength */ .Z.MaximumLength,
                                errorExtraParams: {
                                    ...BODY_MAX_VALIDATION_PARAMS
                                },
                                errorMessage: (0,_components_FormBuilder_buildTranslatedErrorMessageByErrorId__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z)(_types_ErrorMessageId__WEBPACK_IMPORTED_MODULE_15__/* ["default"].MaximumLength */ .Z.MaximumLength, "body", t, {
                                    ...BODY_MAX_VALIDATION_PARAMS
                                })
                            }, 
                        ],
                        type: _types_FormField__WEBPACK_IMPORTED_MODULE_17__/* .FormFieldType.TextArea */ .E.TextArea,
                        containerClassName: (_NoteModal_module_scss__WEBPACK_IMPORTED_MODULE_22___default().bodyInput),
                        fieldSetLegend: t("notes:notes-and-reflcs")
                    },
                    {
                        field: "saveToQR",
                        label: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Notes_NoteModal_ShareToQrCheckboxLabel__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {}),
                        defaultValue: false,
                        type: _types_FormField__WEBPACK_IMPORTED_MODULE_17__/* .FormFieldType.Checkbox */ .E.Checkbox,
                        extraSection: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_PublicReflectionCheckboxDescription__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {}),
                        onChange: (val)=>{
                            setIsCheckboxTicked(val);
                        }
                    }, 
                ].map((field)=>(0,_components_FormBuilder_buildFormBuilderFormField__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z)(field, t)),
                onSubmit: onSubmit,
                isSubmitting: isAddingNote,
                renderAction: (props)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                        className: (_NoteModal_module_scss__WEBPACK_IMPORTED_MODULE_22___default().submitContainer),
                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                            className: (_NoteModal_module_scss__WEBPACK_IMPORTED_MODULE_22___default().actionContainer),
                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .ZP, {
                                htmlType: "submit",
                                isLoading: props.isLoading,
                                isDisabled: props.isLoading,
                                onClick: (e)=>{
                                    e.stopPropagation();
                                },
                                children: isCheckboxTicked ? t("notes:save-post-to-qr") : t("notes:save-privately")
                            })
                        })
                    })
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NewNoteMode);

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

/***/ }),

/***/ 72552:
/***/ ((__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 _NoteRangesIndicator_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(3531);
/* harmony import */ var _NoteRangesIndicator_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_NoteRangesIndicator_module_scss__WEBPACK_IMPORTED_MODULE_7__);
/* 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);
/* harmony import */ var _utils_verseKeys__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(36495);








const NoteRangesIndicator = ({ ranges  })=>{
    const { lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()();
    const chaptersData = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(_contexts_DataContext__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z);
    if (!ranges || ranges.length === 0) {
        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {});
    }
    // TODO: ranges[0] is temporary and assumes that a note has only one range and 1 Ayah inside that range
    const [{ chapter , verseKey  }] = (0,_utils_verseKeys__WEBPACK_IMPORTED_MODULE_6__/* .parseVerseRange */ .p)(ranges[0]);
    const chapterData = (0,_utils_chapter__WEBPACK_IMPORTED_MODULE_4__/* .getChapterData */ .dy)(chaptersData, chapter);
    const verseKeyName = `${chapterData.transliteratedName} ${(0,_utils_locale__WEBPACK_IMPORTED_MODULE_5__/* .toLocalizedVerseKey */ .Tj)(verseKey, lang)}`;
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: (_NoteRangesIndicator_module_scss__WEBPACK_IMPORTED_MODULE_7___default().container),
        children: verseKeyName
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NoteRangesIndicator);


/***/ }),

/***/ 96210:
/***/ ((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 */   "w": () => (/* binding */ NoteType)
/* 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 _PublicReflectionCheckboxDescription_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(41714);
/* harmony import */ var _PublicReflectionCheckboxDescription_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_PublicReflectionCheckboxDescription_module_scss__WEBPACK_IMPORTED_MODULE_8__);
/* harmony import */ var _dls_Collapsible_Collapsible__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(92775);
/* harmony import */ var _dls_Link_Link__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(61239);
/* harmony import */ var _icons_chevron_down_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(24868);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(55943);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_Collapsible_Collapsible__WEBPACK_IMPORTED_MODULE_4__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__]);
([_dls_Collapsible_Collapsible__WEBPACK_IMPORTED_MODULE_4__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);









var NoteType;
(function(NoteType) {
    NoteType["NEW"] = "new";
    NoteType["EDIT"] = "edit";
})(NoteType || (NoteType = {}));
const PublicReflectionDescription = ({ type =NoteType.NEW  })=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default()("notes");
    const onOpenChange = (isOpen)=>{
        if (isOpen) {
            (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__/* .logEvent */ .Kz)(`${type}_note_reflection_intro_opened`);
        } else {
            (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__/* .logEvent */ .Kz)(`${type}_note_reflection_intro_closed`);
        }
    };
    const isEdit = type === NoteType.EDIT;
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: (_PublicReflectionCheckboxDescription_module_scss__WEBPACK_IMPORTED_MODULE_8___default().container),
        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Collapsible_Collapsible__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
            title: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: (_PublicReflectionCheckboxDescription_module_scss__WEBPACK_IMPORTED_MODULE_8___default().title),
                children: isEdit ? t("checkbox-refl-intro.post-button") : t("checkbox-refl-intro.title")
            }),
            prefix: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_chevron_down_svg__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {}),
            direction: _dls_Collapsible_Collapsible__WEBPACK_IMPORTED_MODULE_4__/* .CollapsibleDirection.Right */ .a.Right,
            shouldRotatePrefixOnToggle: true,
            onOpenChange: onOpenChange,
            children: ({ isOpen: isOpenRenderProp  })=>{
                if (!isOpenRenderProp) return null;
                return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                    className: (_PublicReflectionCheckboxDescription_module_scss__WEBPACK_IMPORTED_MODULE_8___default().contentContainer),
                    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_5__/* ["default"] */ .Z, {
                                    href: "https://quranreflect.com/faq",
                                    variant: _dls_Link_Link__WEBPACK_IMPORTED_MODULE_5__/* .LinkVariant.Blend */ .r.Blend,
                                    isNewTab: true
                                }, 0)
                            },
                            i18nKey: "notes:checkbox-refl-intro.qr-intro"
                        }),
                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
                            className: (_PublicReflectionCheckboxDescription_module_scss__WEBPACK_IMPORTED_MODULE_8___default().checkboxTitle),
                            children: !isEdit ? t("checkbox-refl-intro.checkbox.title") : t("checkbox-refl-intro.post-button")
                        }),
                        /*#__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_5__/* ["default"] */ .Z, {
                                    href: "https://quranreflect.com",
                                    variant: _dls_Link_Link__WEBPACK_IMPORTED_MODULE_5__/* .LinkVariant.Blend */ .r.Blend,
                                    isNewTab: true
                                }, 0)
                            },
                            i18nKey: "notes:checkbox-refl-intro.checkbox.desc"
                        })
                    ]
                });
            }
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PublicReflectionDescription);

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

/***/ }),

/***/ 86542:
/***/ ((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_Trans__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(74137);
/* harmony import */ var next_translate_Trans__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(next_translate_Trans__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _ReflectionIntro_module_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(2681);
/* harmony import */ var _ReflectionIntro_module_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_ReflectionIntro_module_scss__WEBPACK_IMPORTED_MODULE_10__);
/* harmony import */ var _dls_Collapsible_Collapsible__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(92775);
/* harmony import */ var _dls_Link_Link__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(61239);
/* harmony import */ var _icons_chevron_down_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(24868);
/* harmony import */ var _icons_idea_svg__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(13001);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(55943);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_Collapsible_Collapsible__WEBPACK_IMPORTED_MODULE_5__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_9__]);
([_dls_Collapsible_Collapsible__WEBPACK_IMPORTED_MODULE_5__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_9__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);











const ReflectionIntro = ()=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_4___default()("notes");
    const onOpenChange = (isOpen)=>{
        if (isOpen) {
            (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_9__/* .logEvent */ .Kz)("new_note_reflection_intro_opened");
        } else {
            (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_9__/* .logEvent */ .Kz)("new_note_reflection_intro_closed");
        }
    };
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: (_ReflectionIntro_module_scss__WEBPACK_IMPORTED_MODULE_10___default().container),
        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Collapsible_Collapsible__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
            title: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: (_ReflectionIntro_module_scss__WEBPACK_IMPORTED_MODULE_10___default().title),
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_idea_svg__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {}),
                    t("new-note-reflc-intro.title")
                ]
            }),
            prefix: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_chevron_down_svg__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {}),
            direction: _dls_Collapsible_Collapsible__WEBPACK_IMPORTED_MODULE_5__/* .CollapsibleDirection.Right */ .a.Right,
            shouldRotatePrefixOnToggle: true,
            onOpenChange: onOpenChange,
            children: ({ isOpen: isOpenRenderProp  })=>{
                if (!isOpenRenderProp) return null;
                return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                    children: [
                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                            className: (_ReflectionIntro_module_scss__WEBPACK_IMPORTED_MODULE_10___default().sectionContainer),
                            children: [
                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                    className: (_ReflectionIntro_module_scss__WEBPACK_IMPORTED_MODULE_10___default().sectionHeader),
                                    children: t("new-note-reflc-intro.what-is-reflc.title")
                                }),
                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_translate_Trans__WEBPACK_IMPORTED_MODULE_3___default()), {
                                    components: {
                                        br: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("br", {}, 0),
                                        link1: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Link_Link__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                                            href: "/38:29",
                                            variant: _dls_Link_Link__WEBPACK_IMPORTED_MODULE_6__/* .LinkVariant.Blend */ .r.Blend,
                                            isNewTab: true
                                        }, 1),
                                        link2: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Link_Link__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                                            href: "/47:24",
                                            variant: _dls_Link_Link__WEBPACK_IMPORTED_MODULE_6__/* .LinkVariant.Blend */ .r.Blend,
                                            isNewTab: true
                                        }, 2),
                                        link3: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Link_Link__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                                            href: "/4:82",
                                            variant: _dls_Link_Link__WEBPACK_IMPORTED_MODULE_6__/* .LinkVariant.Blend */ .r.Blend,
                                            isNewTab: true
                                        }, 3),
                                        link4: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Link_Link__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                                            href: "https://quranReflect.com/faq",
                                            variant: _dls_Link_Link__WEBPACK_IMPORTED_MODULE_6__/* .LinkVariant.Blend */ .r.Blend,
                                            isNewTab: true
                                        }, 4),
                                        link5: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Link_Link__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                                            href: "/learning-plans/five-lenses-to-reflect-on-the-quran",
                                            variant: _dls_Link_Link__WEBPACK_IMPORTED_MODULE_6__/* .LinkVariant.Blend */ .r.Blend,
                                            isNewTab: true
                                        }, 5)
                                    },
                                    i18nKey: "notes:new-note-reflc-intro.what-is-reflc.desc"
                                })
                            ]
                        }),
                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                            className: (_ReflectionIntro_module_scss__WEBPACK_IMPORTED_MODULE_10___default().sectionContainer),
                            children: [
                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                    className: (_ReflectionIntro_module_scss__WEBPACK_IMPORTED_MODULE_10___default().sectionHeader),
                                    children: t("new-note-reflc-intro.reflc-prompts.title")
                                }),
                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                    className: (_ReflectionIntro_module_scss__WEBPACK_IMPORTED_MODULE_10___default().sectionHeader),
                                    children: t("new-note-reflc-intro.reflc-prompts.personal.title")
                                }),
                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_translate_Trans__WEBPACK_IMPORTED_MODULE_3___default()), {
                                    components: {
                                        br: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("br", {}, 0),
                                        li: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("li", {}, 1)
                                    },
                                    i18nKey: "notes:new-note-reflc-intro.reflc-prompts.personal.desc"
                                }),
                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_ReflectionIntro_module_scss__WEBPACK_IMPORTED_MODULE_10___default().sectionHeader), (_ReflectionIntro_module_scss__WEBPACK_IMPORTED_MODULE_10___default().subSectionHeader)),
                                    children: t("new-note-reflc-intro.reflc-prompts.deeper.title")
                                }),
                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_translate_Trans__WEBPACK_IMPORTED_MODULE_3___default()), {
                                    components: {
                                        br: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("br", {}, 0),
                                        li: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("li", {}, 1)
                                    },
                                    i18nKey: "notes:new-note-reflc-intro.reflc-prompts.deeper.desc"
                                })
                            ]
                        })
                    ]
                });
            }
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReflectionIntro);

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

/***/ }),

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

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var next_translate_Trans__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(74137);
/* harmony import */ var next_translate_Trans__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_translate_Trans__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _ShareToQrCheckboxLabel_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(29401);
/* harmony import */ var _ShareToQrCheckboxLabel_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_ShareToQrCheckboxLabel_module_scss__WEBPACK_IMPORTED_MODULE_7__);
/* harmony import */ var _dls_HelperTooltip_HelperTooltip__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(43391);
/* harmony import */ var _dls_Link_Link__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(61239);
/* harmony import */ var _hooks_auth_useCurrentUser__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(35244);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_HelperTooltip_HelperTooltip__WEBPACK_IMPORTED_MODULE_4__, _hooks_auth_useCurrentUser__WEBPACK_IMPORTED_MODULE_6__]);
([_dls_HelperTooltip_HelperTooltip__WEBPACK_IMPORTED_MODULE_4__, _hooks_auth_useCurrentUser__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);








const ShareToQrCheckboxLabel = ()=>{
    const { user: { firstName  } ,  } = (0,_hooks_auth_useCurrentUser__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z)();
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default()("notes");
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        children: [
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: (_ShareToQrCheckboxLabel_module_scss__WEBPACK_IMPORTED_MODULE_7___default().container),
                children: [
                    t("share-to-qr"),
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_HelperTooltip_HelperTooltip__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_translate_Trans__WEBPACK_IMPORTED_MODULE_2___default()), {
                            i18nKey: "notes:qr-tooltip",
                            components: {
                                link: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Link_Link__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
                                    href: "https://quranreflect.com",
                                    variant: _dls_Link_Link__WEBPACK_IMPORTED_MODULE_5__/* .LinkVariant.Blend */ .r.Blend,
                                    isNewTab: true
                                }, 0),
                                span: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {}, 1)
                            }
                        })
                    })
                ]
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_translate_Trans__WEBPACK_IMPORTED_MODULE_2___default()), {
                i18nKey: "notes:share-to-qr-desc",
                components: {
                    b: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("b", {
                        className: (_ShareToQrCheckboxLabel_module_scss__WEBPACK_IMPORTED_MODULE_7___default().bold)
                    }, 0)
                },
                values: {
                    name: `${firstName}`
                }
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ShareToQrCheckboxLabel);

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

/***/ }),

/***/ 93636:
/***/ ((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 lodash_isArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(35599);
/* harmony import */ var lodash_isArray__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_isArray__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _EditNoteMode__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(99904);
/* harmony import */ var _NewNoteMode__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(46884);
/* harmony import */ var _NoteModal_module_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(66321);
/* harmony import */ var _NoteModal_module_scss__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_NoteModal_module_scss__WEBPACK_IMPORTED_MODULE_9__);
/* harmony import */ var _components_DataFetcher__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(12951);
/* harmony import */ var _dls_ContentModal_ContentModal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(66606);
/* harmony import */ var _utils_auth_api__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(37883);
/* harmony import */ var _utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(13830);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_EditNoteMode__WEBPACK_IMPORTED_MODULE_3__, _NewNoteMode__WEBPACK_IMPORTED_MODULE_4__, _components_DataFetcher__WEBPACK_IMPORTED_MODULE_5__, _dls_ContentModal_ContentModal__WEBPACK_IMPORTED_MODULE_6__]);
([_EditNoteMode__WEBPACK_IMPORTED_MODULE_3__, _NewNoteMode__WEBPACK_IMPORTED_MODULE_4__, _components_DataFetcher__WEBPACK_IMPORTED_MODULE_5__, _dls_ContentModal_ContentModal__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
/* eslint-disable max-lines */ /* eslint-disable react-func/max-lines-per-function */ 









const NoteModal = ({ onClose , isOpen , verseKey , noteId , onNoteUpdated , onNoteDeleted ,  })=>{
    const contentModalRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
    const queryKey = noteId ? (0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_8__/* .makeGetNoteByIdUrl */ .Y0)(noteId) : (0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_8__/* .makeGetNotesByVerseUrl */ .qY)(verseKey);
    const deleteAndClose = ()=>{
        onNoteDeleted();
        onClose();
    };
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_ContentModal_ContentModal__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
        innerRef: contentModalRef,
        isOpen: isOpen,
        header: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
            className: (_NoteModal_module_scss__WEBPACK_IMPORTED_MODULE_9___default().headerContainer)
        }),
        hasCloseButton: true,
        onClose: onClose,
        onEscapeKeyDown: onClose,
        size: _dls_ContentModal_ContentModal__WEBPACK_IMPORTED_MODULE_6__/* .ContentModalSize.MEDIUM */ .S.MEDIUM,
        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_DataFetcher__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
            queryKey: queryKey,
            fetcher: _utils_auth_api__WEBPACK_IMPORTED_MODULE_7__/* .privateFetcher */ .UK,
            showSpinnerOnRevalidate: false,
            render: (response)=>{
                const note = noteId ? response : response[0];
                if (note) {
                    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EditNoteMode__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                        onNoteUpdated: onNoteUpdated,
                        onNoteDeleted: onNoteDeleted ? deleteAndClose : undefined,
                        verseKey: verseKey,
                        notes: lodash_isArray__WEBPACK_IMPORTED_MODULE_2___default()(response) ? response : [
                            response
                        ],
                        noteId: noteId
                    });
                }
                return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_NewNoteMode__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
                    verseKey: verseKey
                });
            }
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NoteModal);

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

/***/ }),

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

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6022);
/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _EmbeddableVerseCell_module_scss__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(31246);
/* harmony import */ var _EmbeddableVerseCell_module_scss__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_EmbeddableVerseCell_module_scss__WEBPACK_IMPORTED_MODULE_13__);
/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(92684);
/* harmony import */ var _components_DataFetcher__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(12951);
/* harmony import */ var _components_QuranReader_TranslationView_TranslationText__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(18809);
/* harmony import */ var _components_QuranReader_VerseTextPreview__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(57072);
/* harmony import */ var _redux_slices_QuranReader_styles__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(62093);
/* harmony import */ var _redux_slices_QuranReader_translations__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(88548);
/* harmony import */ var _utils_api__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(4917);
/* harmony import */ var _utils_apiPaths__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(46127);
/* harmony import */ var _utils_array__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(5639);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_DataFetcher__WEBPACK_IMPORTED_MODULE_5__, _components_QuranReader_TranslationView_TranslationText__WEBPACK_IMPORTED_MODULE_6__]);
([_components_DataFetcher__WEBPACK_IMPORTED_MODULE_5__, _components_QuranReader_TranslationView_TranslationText__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);














const EmbeddableVerseCell = ({ chapterId , verseNumber , fontScale  })=>{
    const quranReaderStyles = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useSelector)(_redux_slices_QuranReader_styles__WEBPACK_IMPORTED_MODULE_8__/* .selectQuranReaderStyles */ .Pt, react_redux__WEBPACK_IMPORTED_MODULE_3__.shallowEqual);
    const { quranFont , mushafLines  } = quranReaderStyles;
    const { mushaf  } = (0,_utils_api__WEBPACK_IMPORTED_MODULE_10__/* .getMushafId */ .$P)(quranFont, mushafLines);
    const selectedTranslations = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useSelector)(_redux_slices_QuranReader_translations__WEBPACK_IMPORTED_MODULE_9__/* .selectSelectedTranslations */ .qw, _utils_array__WEBPACK_IMPORTED_MODULE_12__/* .areArraysEqual */ .Hj);
    const { lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()();
    const apiParams = {
        words: true,
        perPage: 1,
        translations: selectedTranslations.join(","),
        page: verseNumber,
        ...(0,_utils_api__WEBPACK_IMPORTED_MODULE_10__/* .getDefaultWordFields */ .hD)(quranReaderStyles.quranFont),
        mushaf
    };
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_DataFetcher__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
        // TODO: if we want to make this more optimized, we can use a shared cache with the QuranReader
        queryKey: `embeddable-verse-${chapterId}:${verseNumber}`,
        fetcher: ()=>(0,_api__WEBPACK_IMPORTED_MODULE_4__/* .fetcher */ ._i)((0,_utils_apiPaths__WEBPACK_IMPORTED_MODULE_11__/* .makeVersesUrl */ .ML)(chapterId.toString(), lang, apiParams)),
        render: (data)=>{
            if (!data) return null;
            const firstVerse = data.verses?.[0];
            return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: (_EmbeddableVerseCell_module_scss__WEBPACK_IMPORTED_MODULE_13___default().verseContainer),
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_QuranReader_VerseTextPreview__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                        verses: data.verses,
                        fontScale: fontScale
                    }),
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                        children: firstVerse.translations?.map((translation)=>{
                            return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_QuranReader_TranslationView_TranslationText__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                                translationFontScale: quranReaderStyles.translationFontScale,
                                text: translation.text,
                                languageId: translation.languageId,
                                resourceName: translation.resourceName
                            }, translation.id);
                        })
                    })
                ]
            });
        }
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EmbeddableVerseCell);

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

/***/ }),

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

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__),
/* harmony export */   "a": () => (/* binding */ CollapsibleDirection)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _radix_ui_react_collapsible__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(74973);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(59003);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(81670);
/* harmony import */ var _Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4__);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_radix_ui_react_collapsible__WEBPACK_IMPORTED_MODULE_2__]);
_radix_ui_react_collapsible__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
/* eslint-disable jsx-a11y/no-static-element-interactions */ /* eslint-disable jsx-a11y/click-events-have-key-events */ 




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

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

/***/ }),

/***/ 11817:
/***/ ((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 _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(77843);
/* harmony import */ var _dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(21948);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__]);
_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
/* eslint-disable react/no-array-index-key */ 



const ConfirmationModal = ()=>{
    const { onCancel , onConfirm , state  } = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__/* .useConfirmModal */ .t)();
    const actions = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>{
        const returnedActions = [];
        if (state.confirmText && onConfirm) {
            returnedActions.push({
                label: state.confirmText,
                onClick: onConfirm
            });
        }
        if (state.cancelText && onCancel) {
            returnedActions.push({
                label: state.cancelText,
                onClick: onCancel,
                isCloseAction: true
            });
        }
        return returnedActions;
    }, [
        onCancel,
        onConfirm,
        state.cancelText,
        state.confirmText
    ]);
    const onClose = ()=>{
        if (onCancel) {
            onCancel();
        }
    };
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
        isOpen: !!state.open,
        onClickOutside: onClose,
        onEscapeKeyDown: onClose,
        children: [
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__/* ["default"].Body */ .Z.Body, {
                children: [
                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__/* ["default"].Header */ .Z.Header, {
                        children: [
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__/* ["default"].Title */ .Z.Title, {
                                children: state.title
                            }),
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__/* ["default"].Subtitle */ .Z.Subtitle, {
                                children: state.subtitle
                            })
                        ]
                    }),
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
                        children: state.description
                    })
                ]
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__/* ["default"].Footer */ .Z.Footer, {
                children: actions.map((action, index)=>{
                    const { onClick , label  } = action;
                    if (action.isCloseAction) {
                        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__/* ["default"].CloseAction */ .Z.CloseAction, {
                            onClick: onClick,
                            children: label
                        }, index);
                    }
                    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__/* ["default"].Action */ .Z.Action, {
                        onClick: onClick,
                        children: label
                    }, index);
                })
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ConfirmationModal);

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

/***/ }),

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

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "N": () => (/* binding */ useConfirm),
/* harmony export */   "t": () => (/* binding */ useConfirmModal)
/* 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__);

let memoryState = {
    open: false
};
const updateState = (newState)=>{
    memoryState = newState;
    listeners.forEach((listener)=>listener(memoryState));
};
const listeners = [];
/**
 * When this hook (useConfirmationModalInternal) is called.
 * We set `useState` in the component. So that it will trigger rerender when the state changes
 *
 * `setState` is registered to a global `listeners`.
 * Every time we `updateState`, this will update the  state in every components that subscribe
 * to the changes (listeners)
 */ const useConfirmModal = ()=>{
    const { 0: state , 1: setState  } = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(memoryState);
    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
        listeners.push(setState);
        return ()=>{
            const index = listeners.indexOf(setState);
            if (index > -1) {
                listeners.splice(index, 1);
            }
        };
    }, [
        state
    ]);
    const closeConfirm = ()=>{
        updateState({
            ...state,
            open: false
        });
    };
    const onConfirm = ()=>{
        closeConfirm();
        resolveCallback(true);
    };
    const onCancel = ()=>{
        closeConfirm();
        resolveCallback(false);
    };
    return {
        state,
        onCancel,
        onConfirm
    };
};
let resolveCallback;
/**
 * This hook is meant to be consumed by other components
 * Check ConfirmationModal.stories.tsx for an example
 *
 * This hook return a callback, that's when called return a Promise<boolean>
 * if the user click "confirm", boolean will be true, otherwise it will be false
 */ const useConfirm = ()=>{
    const confirm = (state)=>{
        updateState({
            ...state,
            open: true
        });
        return new Promise((res)=>{
            resolveCallback = res;
        });
    };
    return confirm;
};


/***/ }),

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

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _Popover_HoverablePopover__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(74306);
/* harmony import */ var _HelperTooltip_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(29929);
/* harmony import */ var _HelperTooltip_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_HelperTooltip_module_scss__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _icons_help_circle_svg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(47873);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Popover_HoverablePopover__WEBPACK_IMPORTED_MODULE_1__]);
_Popover_HoverablePopover__WEBPACK_IMPORTED_MODULE_1__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];




const HelperTooltip = ({ children  })=>{
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Popover_HoverablePopover__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
        triggerStyles: (_HelperTooltip_module_scss__WEBPACK_IMPORTED_MODULE_3___default().trigger),
        content: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
            className: (_HelperTooltip_module_scss__WEBPACK_IMPORTED_MODULE_3___default().content),
            children: children
        }),
        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
            className: (_HelperTooltip_module_scss__WEBPACK_IMPORTED_MODULE_3___default().questionMarkIconContainer),
            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_help_circle_svg__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {})
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (HelperTooltip);

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

/***/ }),

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

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "E": () => (/* binding */ SwitchSize),
/* 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 lodash_range__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(64042);
/* harmony import */ var lodash_range__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_range__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(71853);
/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(next_router__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _Switch_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(24001);
/* harmony import */ var _Switch_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_Switch_module_scss__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(24709);






var SwitchSize;
(function(SwitchSize) {
    SwitchSize["XSmall"] = "xsmall";
    SwitchSize["Small"] = "small";
    SwitchSize["Normal"] = "normal";
    SwitchSize["Large"] = "large";
})(SwitchSize || (SwitchSize = {}));
const Switch = ({ items , onSelect , selected , size =SwitchSize.Normal  })=>{
    const selectedIndex = items.findIndex((item)=>item.value === selected);
    const { locale  } = (0,next_router__WEBPACK_IMPORTED_MODULE_3__.useRouter)();
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Switch_module_scss__WEBPACK_IMPORTED_MODULE_5___default().container), {
            [(_Switch_module_scss__WEBPACK_IMPORTED_MODULE_5___default().xSmallContainer)]: size === SwitchSize.XSmall
        }),
        children: [
            items.map((item)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("button", {
                    disabled: item.disabled,
                    type: "button",
                    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Switch_module_scss__WEBPACK_IMPORTED_MODULE_5___default().item), selected === item.value && (_Switch_module_scss__WEBPACK_IMPORTED_MODULE_5___default().itemSelected), {
                        [(_Switch_module_scss__WEBPACK_IMPORTED_MODULE_5___default().itemLarge)]: size === SwitchSize.Large,
                        [(_Switch_module_scss__WEBPACK_IMPORTED_MODULE_5___default().itemNormal)]: size === SwitchSize.Normal,
                        [(_Switch_module_scss__WEBPACK_IMPORTED_MODULE_5___default().itemSmall)]: size === SwitchSize.Small,
                        [(_Switch_module_scss__WEBPACK_IMPORTED_MODULE_5___default().itemXSmall)]: size === SwitchSize.XSmall
                    }),
                    onClick: ()=>onSelect(item.value),
                    children: item.name
                }, item.value)),
            items.length > 2 && lodash_range__WEBPACK_IMPORTED_MODULE_2___default()(1, items.length).map((i)=>{
                return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Switch_module_scss__WEBPACK_IMPORTED_MODULE_5___default().separatorLine), {
                        [(_Switch_module_scss__WEBPACK_IMPORTED_MODULE_5___default().separatorLineVisible)]: selectedIndex !== i && selectedIndex !== i - 1
                    }),
                    style: {
                        width: `${100 / items.length}%`,
                        transform: `translateX(${100 * i}%)`
                    }
                }, i);
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: (_Switch_module_scss__WEBPACK_IMPORTED_MODULE_5___default().selectedItemBackgroundContainer),
                style: {
                    width: `${1 / items.length * 100}%`,
                    transform: `translateX(${(0,_utils_locale__WEBPACK_IMPORTED_MODULE_4__/* .isRTLLocale */ .iS)(locale) ? "-" : ""}${selectedIndex * 100}%)`
                },
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                    className: (_Switch_module_scss__WEBPACK_IMPORTED_MODULE_5___default().selectedItemBackground)
                })
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Switch);


/***/ }),

/***/ 35244:
/***/ ((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 swr__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15941);
/* harmony import */ var _utils_auth_api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(37883);
/* harmony import */ var _utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(13830);
/* harmony import */ var _utils_auth_login__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(22197);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr__WEBPACK_IMPORTED_MODULE_0__, _utils_auth_login__WEBPACK_IMPORTED_MODULE_3__]);
([swr__WEBPACK_IMPORTED_MODULE_0__, _utils_auth_login__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);




const useCurrentUser = ()=>{
    const { data: userData , isValidating , error ,  } = (0,swr__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_utils_auth_login__WEBPACK_IMPORTED_MODULE_3__/* .isLoggedIn */ .jl)() ? (0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_2__/* .makeUserProfileUrl */ .bo)() : null, _utils_auth_api__WEBPACK_IMPORTED_MODULE_1__/* .getUserProfile */ .et);
    return {
        user: userData || {},
        isLoading: isValidating && !userData,
        error
    };
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useCurrentUser);

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

/***/ }),

/***/ 61368:
/***/ ((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 */   "F": () => (/* binding */ NO_REVALIDATION_MUTATOR_OPTIONS),
/* 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__);
/* harmony import */ var swr__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(15941);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr__WEBPACK_IMPORTED_MODULE_1__]);
swr__WEBPACK_IMPORTED_MODULE_1__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];


const NO_REVALIDATION_MUTATOR_OPTIONS = {
    revalidate: false
};
/**
 * a hook on top of useSWRConfig.mutate to mutate without revalidation
 *
 * @returns {(url: string, callback: MutatorCallback) => void} mutateWithoutRevalidation
 */ const useMutateWithoutRevalidation = ()=>{
    const { mutate  } = (0,swr__WEBPACK_IMPORTED_MODULE_1__.useSWRConfig)();
    const mutateWithoutRevalidation = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((url, callback)=>{
        mutate(url, callback, NO_REVALIDATION_MUTATOR_OPTIONS);
    }, [
        mutate
    ]);
    return mutateWithoutRevalidation;
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useMutateWithoutRevalidation);

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

/***/ }),

/***/ 50900:
/***/ ((__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 helper hook to execute a mutation and handle the loading and error states.
 *
 * @param {MutationFunction<TData, TVariables>} mutationFn
 * @param {MutationOptions<TData, TVariables>} options
 * @returns {UseMutation<TData, TVariables>}
 */ const useMutation = (mutationFn, options)=>{
    const { 0: isMutating , 1: setIsMutating  } = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
    const { 0: error , 1: setError  } = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
    const mutate = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(async (variables)=>{
        setIsMutating(true);
        setError(null);
        try {
            const response = await mutationFn(variables);
            options?.onSuccess?.(response, variables);
            return response;
        } catch (err) {
            setError(err);
            options?.onError?.(err, variables);
        } finally{
            setIsMutating(false);
        }
        return null;
    }, [
        mutationFn,
        options
    ]);
    return {
        mutate,
        isMutating,
        error
    };
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useMutation);


/***/ }),

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

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "dx": () => (/* binding */ getQuranReflectTagUrl),
/* harmony export */   "rW": () => (/* binding */ getQuranReflectPostUrl)
/* harmony export */ });
/* unused harmony exports API_HOST, getQuranReflectVerseUrl, getQuranReflectEditUrl, getQuranReflectAuthorUrl */
/* harmony import */ var _utils_qs_stringify__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(99921);

const STAGING_API_HOST = "https://quranreflect.org";
const PRODUCTION_API_HOST = "https://quranreflect.com";
// env variables in Vercel can't be dynamic, we have to hardcode the urls here. https://stackoverflow.com/questions/44342226/next-js-error-only-absolute-urls-are-supported
const API_HOST = process.env.NEXT_PUBLIC_VERCEL_ENV === "production" ? PRODUCTION_API_HOST : STAGING_API_HOST;
const getQuranReflectFilteredVerseUrl = (chapterId, verseNumber, params)=>{
    return `${API_HOST}?filters=${chapterId}:${verseNumber}&${stringify(params)}`;
};
const getQuranReflectVerseUrl = (chapterId, verseNumber)=>{
    return getQuranReflectFilteredVerseUrl(chapterId, verseNumber, {
        feed: true
    });
};
const getQuranReflectEditUrl = (chapterId, verseNumber)=>{
    return getQuranReflectFilteredVerseUrl(chapterId, verseNumber, {
        edit: true
    });
};
const getQuranReflectAuthorUrl = (username)=>{
    return `${API_HOST}/${username}`;
};
const getQuranReflectPostUrl = (postId, viewComments = false)=>`${API_HOST}/posts/${postId}${viewComments ? "#comments" : ""}`;
const getQuranReflectTagUrl = (tag)=>`${API_HOST}/?tags=${encodeURIComponent(tag)}`;


/***/ }),

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

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
var ErrorMessageId;
(function(ErrorMessageId) {
    ErrorMessageId["InvalidEmail"] = "invalid-email";
    ErrorMessageId["RequiredField"] = "required-field";
    ErrorMessageId["InvalidField"] = "invalid-field";
    ErrorMessageId["MaximumLength"] = "maximum-length";
    ErrorMessageId["MinimumLength"] = "minimum-length";
})(ErrorMessageId || (ErrorMessageId = {}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ErrorMessageId);


/***/ }),

/***/ 39433:
/***/ ((__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 ConsentType;
(function(ConsentType) {
    ConsentType["COMMUNICATION"] = "communication";
    ConsentType["HAS_NOTES"] = "hasNotes";
})(ConsentType || (ConsentType = {}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ConsentType);


/***/ }),

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

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "c": () => (/* binding */ AttachedEntityType)
/* harmony export */ });
var AttachedEntityType;
(function(AttachedEntityType) {
    AttachedEntityType["REFLECTION"] = "reflection";
})(AttachedEntityType || (AttachedEntityType = {}));


/***/ })

};
;
//# sourceMappingURL=66151.js.map