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} param * @returns {React.ReactElement} */ 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 * 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} mutationFn * @param {MutationOptions} options * @returns {UseMutation} */ 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