quran/.next/server/chunks/88859.js

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

/***/ 96669:
/***/ ((__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 SvgUnbookmarked = function SvgUnbookmarked(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-bookmark"
  }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    d: "m19 21-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"
  })));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgUnbookmarked);

/***/ }),

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

// Exports
module.exports = {
	"header": "CollectionList_header__Ghz8p",
	"itemContainer": "CollectionList_itemContainer__DrF_x",
	"itemTitle": "CollectionList_itemTitle__cql2u",
	"itemInfo": "CollectionList_itemInfo__KwBtt",
	"itemIcon": "CollectionList_itemIcon__qPZ6z",
	"itemCount": "CollectionList_itemCount___fntD",
	"collectionListContainer": "CollectionList_collectionListContainer__xkayj",
	"collectionListEmpty": "CollectionList_collectionListEmpty__VBIZ_"
};


/***/ }),

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

// Exports
module.exports = {
	"header": "RenameCollectionModal_header__vBNuv"
};


/***/ }),

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

// Exports
module.exports = {
	"bookmarkItem": "BookmarkPill_bookmarkItem__hpZIB",
	"linkButtonContainer": "BookmarkPill_linkButtonContainer__RfHXj",
	"closeIconContainer": "BookmarkPill_closeIconContainer__5UX1S"
};


/***/ }),

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

// Exports
module.exports = {
	"bookmarksHeader": "BookmarkedVersesList_bookmarksHeader__TU3ez",
	"verseLinksContainer": "BookmarkedVersesList_verseLinksContainer__meD2a",
	"viewAllBookmarksContainer": "BookmarkedVersesList_viewAllBookmarksContainer__LineH",
	"container": "BookmarkedVersesList_container__8v8bC"
};


/***/ }),

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

// Exports
module.exports = {
	"skeletonContainer": "BookmarkedVersesListSkeleton_skeletonContainer__vreim",
	"skeletonItem": "BookmarkedVersesListSkeleton_skeletonItem__YF8QK"
};


/***/ }),

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

// Exports
module.exports = {
	"tabsContainer": "BookmarksAndQuickLinks_tabsContainer__pQ8pR",
	"contentContainer": "BookmarksAndQuickLinks_contentContainer__qG9mM"
};


/***/ }),

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

// Exports
module.exports = {
	"readingSessionItem": "ReadingSessionPill_readingSessionItem__aqaCi",
	"linkButtonContainer": "ReadingSessionPill_linkButtonContainer__XikFO"
};


/***/ }),

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

// Exports
module.exports = {
	"bookmarksHeader": "RecentReadingSessionsList_bookmarksHeader__PWLmS",
	"verseLinksContainer": "RecentReadingSessionsList_verseLinksContainer__4h3Zn",
	"viewAllBookmarksContainer": "RecentReadingSessionsList_viewAllBookmarksContainer__pqiBX",
	"container": "RecentReadingSessionsList_container__3cQg7"
};


/***/ }),

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

// Exports
module.exports = {
	"skeletonContainer": "RecentReadingSessionsListSkeleton_skeletonContainer__zT_uq",
	"skeletonItem": "RecentReadingSessionsListSkeleton_skeletonItem__Dj1NI"
};


/***/ }),

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

// Exports
module.exports = {
	"baseSize": "Skeleton_baseSize__RsOkc",
	"skeleton": "Skeleton_skeleton__u2Uso",
	"active": "Skeleton_active__5df2K",
	"loading": "Skeleton_loading__iZh50",
	"rounded": "Skeleton_rounded__ftYYr",
	"content": "Skeleton_content__knKtV"
};


/***/ }),

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

// Exports
module.exports = {
	"container": "SurahPreviewRow_container__3ZfRV",
	"surahNumber": "SurahPreviewRow_surahNumber__BICjx",
	"translatedSurahName": "SurahPreviewRow_translatedSurahName__SHzIe",
	"description": "SurahPreviewRow_description__78w9M",
	"surahNameContainer": "SurahPreviewRow_surahNameContainer__b78tP",
	"surahName": "SurahPreviewRow_surahName__jrca5",
	"left": "SurahPreviewRow_left__jd1pg",
	"right": "SurahPreviewRow_right__6w3Ku",
	"largeText": "SurahPreviewRow_largeText__5M7WS"
};


/***/ }),

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

// Exports
module.exports = {
	"container": "Tabs_container__l5DHu",
	"tabItem": "Tabs_tabItem__b_JVR",
	"tabItemSelected": "Tabs_tabItemSelected__Nt0wr"
};


/***/ }),

/***/ 33369:
/***/ ((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_link__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(79165);
/* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_link__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var swr__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(15941);
/* harmony import */ var _CollectionSorter_CollectionSorter__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(56321);
/* harmony import */ var _RenameCollectionModal_RenameCollectionModal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(83620);
/* harmony import */ var _CollectionList_module_scss__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(51589);
/* harmony import */ var _CollectionList_module_scss__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(_CollectionList_module_scss__WEBPACK_IMPORTED_MODULE_20__);
/* harmony import */ var _DeleteCollectionAction__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(27957);
/* harmony import */ var _RenameCollectionAction__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(65124);
/* harmony import */ var _dls_ConfirmationModal_ConfirmationModal__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(11817);
/* harmony import */ var _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(79717);
/* harmony import */ var _icons_menu_more_horiz_svg__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(80275);
/* harmony import */ var _icons_unbookmarked_svg__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(96669);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(55943);
/* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(24709);
/* harmony import */ var src_components_dls_Button_Button__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(50497);
/* harmony import */ var src_components_dls_PopoverMenu_PopoverMenu__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(99163);
/* harmony import */ var src_utils_auth_api__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(37883);
/* harmony import */ var src_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(13830);
/* harmony import */ var types_CollectionSortOptions__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(6059);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr__WEBPACK_IMPORTED_MODULE_4__, _CollectionSorter_CollectionSorter__WEBPACK_IMPORTED_MODULE_5__, _RenameCollectionModal_RenameCollectionModal__WEBPACK_IMPORTED_MODULE_6__, _DeleteCollectionAction__WEBPACK_IMPORTED_MODULE_7__, _RenameCollectionAction__WEBPACK_IMPORTED_MODULE_8__, _dls_ConfirmationModal_ConfirmationModal__WEBPACK_IMPORTED_MODULE_9__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_10__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_13__, src_components_dls_Button_Button__WEBPACK_IMPORTED_MODULE_15__, src_components_dls_PopoverMenu_PopoverMenu__WEBPACK_IMPORTED_MODULE_16__]);
([swr__WEBPACK_IMPORTED_MODULE_4__, _CollectionSorter_CollectionSorter__WEBPACK_IMPORTED_MODULE_5__, _RenameCollectionModal_RenameCollectionModal__WEBPACK_IMPORTED_MODULE_6__, _DeleteCollectionAction__WEBPACK_IMPORTED_MODULE_7__, _RenameCollectionAction__WEBPACK_IMPORTED_MODULE_8__, _dls_ConfirmationModal_ConfirmationModal__WEBPACK_IMPORTED_MODULE_9__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_10__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_13__, src_components_dls_Button_Button__WEBPACK_IMPORTED_MODULE_15__, src_components_dls_PopoverMenu_PopoverMenu__WEBPACK_IMPORTED_MODULE_16__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
/* eslint-disable max-lines */ 




















const DEFAULT_SORT_OPTION = types_CollectionSortOptions__WEBPACK_IMPORTED_MODULE_19__/* .CollectionListSortOption.RecentlyUpdated */ .r.RecentlyUpdated;
const CollectionList = ()=>{
    const { 0: collectionToRename , 1: setCollectionToRename  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null);
    const { t , lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default()();
    const toast = (0,_dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_10__/* .useToast */ .pm)();
    const { 0: sortBy , 1: setSortBy  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(DEFAULT_SORT_OPTION);
    const apiParams = {
        sortBy
    };
    const { data , mutate  } = (0,swr__WEBPACK_IMPORTED_MODULE_4__["default"])((0,src_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_18__/* .makeCollectionsUrl */ .Tb)(apiParams), ()=>(0,src_utils_auth_api__WEBPACK_IMPORTED_MODULE_17__/* .getCollectionsList */ .fG)(apiParams));
    const sortOptions = [
        {
            id: types_CollectionSortOptions__WEBPACK_IMPORTED_MODULE_19__/* .CollectionListSortOption.RecentlyUpdated */ .r.RecentlyUpdated,
            label: t("collection:recently-updated")
        },
        {
            id: types_CollectionSortOptions__WEBPACK_IMPORTED_MODULE_19__/* .CollectionListSortOption.Alphabetical */ .r.Alphabetical,
            label: t("collection:alphabetical")
        }, 
    ];
    if (!data) return null;
    const collections = data?.data || [];
    const onSortOptionChanged = (nextSortBy)=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_13__/* .logValueChange */ .Q8)("collection_list", sortBy, nextSortBy);
        setSortBy(nextSortBy);
    };
    const onCollectionUpdated = ()=>{
        mutate();
    };
    const isRenameModalOpen = !!collectionToRename;
    const closeModal = ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_13__/* .logButtonClick */ .MY)("rename_collection_action_close", {
            collectionId: collectionToRename.id
        });
        setCollectionToRename(null);
    };
    const onSubmit = (renameFormData)=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_13__/* .logButtonClick */ .MY)("rename_collection_action_submit", {
            collectionId: collectionToRename.id
        });
        (0,src_utils_auth_api__WEBPACK_IMPORTED_MODULE_17__/* .updateCollection */ .Rm)(collectionToRename.id, {
            name: renameFormData.name
        }).then(()=>{
            onCollectionUpdated();
            setCollectionToRename(null);
        }).catch(()=>{
            toast(t("common:error.general"), {
                status: _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_10__/* .ToastStatus.Error */ .YZ.Error
            });
        });
    };
    const onCollectionMenuOpenChange = (isMenuOpen, collectionId)=>{
        const eventData = {
            collectionId
        };
        if (isMenuOpen) {
            (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_13__/* .logEvent */ .Kz)("collection_popover_menu_opened", eventData);
        } else {
            (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_13__/* .logEvent */ .Kz)("collection_popover_menu_closed", eventData);
        }
    };
    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(_RenameCollectionModal_RenameCollectionModal__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                onClose: closeModal,
                isOpen: isRenameModalOpen,
                defaultValue: collectionToRename?.name,
                onSubmit: onSubmit
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_ConfirmationModal_ConfirmationModal__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {}),
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                children: [
                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                        className: (_CollectionList_module_scss__WEBPACK_IMPORTED_MODULE_20___default().header),
                        children: [
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                children: t("collection:collections")
                            }),
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_CollectionSorter_CollectionSorter__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
                                options: sortOptions,
                                selectedOptionId: sortBy,
                                onChange: onSortOptionChanged,
                                isSingleCollection: false
                            })
                        ]
                    }),
                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                        className: (_CollectionList_module_scss__WEBPACK_IMPORTED_MODULE_20___default().collectionListContainer),
                        children: [
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                    className: (_CollectionList_module_scss__WEBPACK_IMPORTED_MODULE_20___default().itemContainer),
                                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_link__WEBPACK_IMPORTED_MODULE_2___default()), {
                                        href: "/collections/all",
                                        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                                            children: [
                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                                    className: (_CollectionList_module_scss__WEBPACK_IMPORTED_MODULE_20___default().itemTitle),
                                                    children: t("collection:all-saved-verses")
                                                }),
                                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                                                    className: (_CollectionList_module_scss__WEBPACK_IMPORTED_MODULE_20___default().itemInfo),
                                                    children: [
                                                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                                            className: (_CollectionList_module_scss__WEBPACK_IMPORTED_MODULE_20___default().itemIcon),
                                                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_unbookmarked_svg__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {})
                                                        }),
                                                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                                                            className: (_CollectionList_module_scss__WEBPACK_IMPORTED_MODULE_20___default().itemCount),
                                                            children: [
                                                                data?.collectionsItemsCount && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
                                                                    children: (0,_utils_locale__WEBPACK_IMPORTED_MODULE_14__/* .toLocalizedNumber */ .rQ)(data?.collectionsItemsCount, lang)
                                                                }),
                                                                " ",
                                                                t("common:verses")
                                                            ]
                                                        })
                                                    ]
                                                })
                                            ]
                                        })
                                    })
                                })
                            }),
                            collections.map((collection)=>{
                                return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                    children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                                        className: (_CollectionList_module_scss__WEBPACK_IMPORTED_MODULE_20___default().itemContainer),
                                        children: [
                                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_link__WEBPACK_IMPORTED_MODULE_2___default()), {
                                                href: `/collections/${collection.url}`,
                                                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                                                    children: [
                                                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                                            className: (_CollectionList_module_scss__WEBPACK_IMPORTED_MODULE_20___default().itemTitle),
                                                            children: collection.name
                                                        }),
                                                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                                                            className: (_CollectionList_module_scss__WEBPACK_IMPORTED_MODULE_20___default().itemInfo),
                                                            children: [
                                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                                                    className: (_CollectionList_module_scss__WEBPACK_IMPORTED_MODULE_20___default().itemIcon),
                                                                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_unbookmarked_svg__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {})
                                                                }),
                                                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                                                                    className: (_CollectionList_module_scss__WEBPACK_IMPORTED_MODULE_20___default().itemCount),
                                                                    children: [
                                                                        (0,_utils_locale__WEBPACK_IMPORTED_MODULE_14__/* .toLocalizedNumber */ .rQ)(collection.count, lang),
                                                                        " ",
                                                                        t("common:verses")
                                                                    ]
                                                                })
                                                            ]
                                                        })
                                                    ]
                                                })
                                            }),
                                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(src_components_dls_PopoverMenu_PopoverMenu__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .Z, {
                                                trigger: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(src_components_dls_Button_Button__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .ZP, {
                                                    size: src_components_dls_Button_Button__WEBPACK_IMPORTED_MODULE_15__/* .ButtonSize.Small */ .qE.Small,
                                                    tooltip: t("common:more"),
                                                    variant: src_components_dls_Button_Button__WEBPACK_IMPORTED_MODULE_15__/* .ButtonVariant.Ghost */ .Wu.Ghost,
                                                    shape: src_components_dls_Button_Button__WEBPACK_IMPORTED_MODULE_15__/* .ButtonShape.Circle */ .jL.Circle,
                                                    ariaLabel: t("common:more"),
                                                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                                                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_menu_more_horiz_svg__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {})
                                                    })
                                                }),
                                                onOpenChange: (isMenuOpen)=>onCollectionMenuOpenChange(isMenuOpen, collection.id),
                                                isModal: true,
                                                isPortalled: true,
                                                children: [
                                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_RenameCollectionAction__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
                                                        onClick: ()=>setCollectionToRename(collection)
                                                    }),
                                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_DeleteCollectionAction__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                                                        collectionName: collection.name,
                                                        collectionId: collection.id,
                                                        onDone: onCollectionUpdated
                                                    })
                                                ]
                                            })
                                        ]
                                    })
                                }, collection.id);
                            })
                        ]
                    })
                ]
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CollectionList);

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

/***/ }),

/***/ 27957:
/***/ ((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_ConfirmationModal_hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(77843);
/* harmony import */ var _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(79717);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(55943);
/* harmony import */ var src_components_dls_PopoverMenu_PopoverMenu__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(99163);
/* harmony import */ var src_utils_auth_api__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(37883);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_3__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_4__, src_components_dls_PopoverMenu_PopoverMenu__WEBPACK_IMPORTED_MODULE_5__]);
([_dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_3__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_4__, src_components_dls_PopoverMenu_PopoverMenu__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);







const DeleteCollectionAction = ({ collectionId , onDone , collectionName  })=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_1___default()();
    const toast = (0,_dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_3__/* .useToast */ .pm)();
    const confirm = (0,_dls_ConfirmationModal_hooks__WEBPACK_IMPORTED_MODULE_2__/* .useConfirm */ .N)();
    const onMenuItemClicked = async ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_4__/* .logButtonClick */ .MY)("delete_collection_action_open", {
            collectionId
        });
        const isConfirmed = await confirm({
            confirmText: t("common:delete"),
            cancelText: t("common:cancel"),
            title: t("collection:delete-collection.title"),
            subtitle: t("collection:delete-collection.subtitle", {
                collectionName
            })
        });
        if (isConfirmed) {
            (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_4__/* .logButtonClick */ .MY)("collection_delete_confirm", {
                collectionId
            });
            (0,src_utils_auth_api__WEBPACK_IMPORTED_MODULE_6__/* .deleteCollection */ .P4)(collectionId).then(()=>{
                onDone();
            }).catch(()=>{
                toast(t("common:error.general"), {
                    status: _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_3__/* .ToastStatus.Error */ .YZ.Error
                });
            });
        } else {
            (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_4__/* .logButtonClick */ .MY)("collection_delete_confirm_cancel", {
                collectionId
            });
        }
    };
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(src_components_dls_PopoverMenu_PopoverMenu__WEBPACK_IMPORTED_MODULE_5__/* ["default"].Item */ .Z.Item, {
        onClick: onMenuItemClicked,
        children: t("common:delete")
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DeleteCollectionAction);

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

/***/ }),

/***/ 65124:
/***/ ((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 _utils_eventLogger__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(55943);
/* harmony import */ var src_components_dls_PopoverMenu_PopoverMenu__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(99163);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_utils_eventLogger__WEBPACK_IMPORTED_MODULE_2__, src_components_dls_PopoverMenu_PopoverMenu__WEBPACK_IMPORTED_MODULE_3__]);
([_utils_eventLogger__WEBPACK_IMPORTED_MODULE_2__, src_components_dls_PopoverMenu_PopoverMenu__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);




const RenameCollectionAction = ({ onClick  })=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_1___default()();
    const onMenuItemClicked = ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_2__/* .logButtonClick */ .MY)("rename_collection_action_open");
        onClick();
    };
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(src_components_dls_PopoverMenu_PopoverMenu__WEBPACK_IMPORTED_MODULE_3__/* ["default"].Item */ .Z.Item, {
            shouldStopPropagation: true,
            shouldCloseMenuAfterClick: true,
            onClick: onMenuItemClicked,
            children: t("common:rename")
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RenameCollectionAction);

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

/***/ }),

/***/ 83620:
/***/ ((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 _RenameCollectionModal_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(12959);
/* harmony import */ var _RenameCollectionModal_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_RenameCollectionModal_module_scss__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _components_FormBuilder_FormBuilder__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(37013);
/* harmony import */ var _dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(21948);
/* harmony import */ var types_FieldRule__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(98213);
/* harmony import */ var types_FormField__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(3840);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_FormBuilder_FormBuilder__WEBPACK_IMPORTED_MODULE_2__, _dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__]);
([_components_FormBuilder_FormBuilder__WEBPACK_IMPORTED_MODULE_2__, _dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
/* eslint-disable i18next/no-literal-string */ 






const RenameCollectionModal = ({ isOpen , onSubmit , defaultValue , onClose  })=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_1___default()("profile");
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
        isOpen: isOpen,
        onClickOutside: onClose,
        isBottomSheetOnMobile: false,
        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_dls_Modal_Modal__WEBPACK_IMPORTED_MODULE_3__/* ["default"].Body */ .Z.Body, {
            children: [
                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                    className: (_RenameCollectionModal_module_scss__WEBPACK_IMPORTED_MODULE_6___default().header),
                    children: t("common:rename")
                }),
                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                    className: (_RenameCollectionModal_module_scss__WEBPACK_IMPORTED_MODULE_6___default().newCollectionFormContainer),
                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_FormBuilder_FormBuilder__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
                        formFields: [
                            {
                                field: "name",
                                placeholder: t("quran-reader:new-collection-name"),
                                defaultValue,
                                rules: [
                                    {
                                        type: types_FieldRule__WEBPACK_IMPORTED_MODULE_4__/* .RuleType.Required */ .S.Required,
                                        value: true,
                                        errorMessage: "Required"
                                    }
                                ],
                                type: types_FormField__WEBPACK_IMPORTED_MODULE_5__/* .FormFieldType.Text */ .E.Text
                            }, 
                        ],
                        actionText: t("common:submit"),
                        onSubmit: onSubmit
                    })
                })
            ]
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RenameCollectionModal);

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

/***/ }),

/***/ 40489:
/***/ ((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 _BookmarkPill_module_scss__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(78118);
/* harmony import */ var _BookmarkPill_module_scss__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_BookmarkPill_module_scss__WEBPACK_IMPORTED_MODULE_11__);
/* harmony import */ var _contexts_DataContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(70813);
/* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(50497);
/* harmony import */ var _icons_close_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(51053);
/* harmony import */ var _utils_chapter__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(95892);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(55943);
/* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(24709);
/* harmony import */ var _utils_navigation__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(57933);
/* harmony import */ var _utils_verse__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(44519);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__, _utils_navigation__WEBPACK_IMPORTED_MODULE_9__]);
([_dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__, _utils_navigation__WEBPACK_IMPORTED_MODULE_9__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
/* eslint-disable jsx-a11y/control-has-associated-label */ 











const BookmarkPill = ({ verseKey , onDeleted  })=>{
    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);
    const chapterNumber = (0,_utils_verse__WEBPACK_IMPORTED_MODULE_10__/* .getChapterNumberFromKey */ .Tc)(verseKey);
    const chapterData = (0,_utils_chapter__WEBPACK_IMPORTED_MODULE_6__/* .getChapterData */ .dy)(chaptersData, chapterNumber.toString());
    const bookmarkText = `${chapterData.transliteratedName} ${(0,_utils_locale__WEBPACK_IMPORTED_MODULE_8__/* .toLocalizedVerseKey */ .Tj)(verseKey, lang)}`;
    const onLinkClicked = ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__/* .logButtonClick */ .MY)("bookmarked_verses_list_link");
    };
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: (_BookmarkPill_module_scss__WEBPACK_IMPORTED_MODULE_11___default().bookmarkItem),
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .ZP, {
                onClick: onLinkClicked,
                href: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_9__/* .getVerseNavigationUrlByVerseKey */ .qs)(verseKey),
                type: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__/* .ButtonType.Primary */ .L$.Primary,
                variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__/* .ButtonVariant.Compact */ .Wu.Compact,
                className: (_BookmarkPill_module_scss__WEBPACK_IMPORTED_MODULE_11___default().linkButtonContainer),
                size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__/* .ButtonSize.Small */ .qE.Small,
                children: bookmarkText
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("button", {
                onClick: ()=>onDeleted(verseKey),
                type: "button",
                className: (_BookmarkPill_module_scss__WEBPACK_IMPORTED_MODULE_11___default().closeIconContainer),
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_close_svg__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {})
                })
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BookmarkPill);

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

/***/ }),

/***/ 72087:
/***/ ((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 swr__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(15941);
/* harmony import */ var _BookmarkedVersesList_module_scss__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(66575);
/* harmony import */ var _BookmarkedVersesList_module_scss__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(_BookmarkedVersesList_module_scss__WEBPACK_IMPORTED_MODULE_17__);
/* harmony import */ var _BookmarkedVesesListSkeleton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(14055);
/* harmony import */ var _BookmarkPill__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(40489);
/* harmony import */ var _dls_Link_Link__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(61239);
/* harmony import */ var _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(79717);
/* harmony import */ var _redux_slices_QuranReader_bookmarks__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(24213);
/* harmony import */ var _redux_slices_QuranReader_styles__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(62093);
/* harmony import */ var _utils_api__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(4917);
/* harmony import */ var _utils_auth_api__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(37883);
/* harmony import */ var _utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(13830);
/* harmony import */ var _utils_auth_login__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(22197);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(55943);
/* harmony import */ var _utils_verse__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(44519);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr__WEBPACK_IMPORTED_MODULE_4__, _BookmarkedVesesListSkeleton__WEBPACK_IMPORTED_MODULE_5__, _BookmarkPill__WEBPACK_IMPORTED_MODULE_6__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__, _utils_auth_login__WEBPACK_IMPORTED_MODULE_14__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_15__]);
([swr__WEBPACK_IMPORTED_MODULE_4__, _BookmarkedVesesListSkeleton__WEBPACK_IMPORTED_MODULE_5__, _BookmarkPill__WEBPACK_IMPORTED_MODULE_6__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__, _utils_auth_login__WEBPACK_IMPORTED_MODULE_14__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_15__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
/* eslint-disable max-lines */ /* eslint-disable jsx-a11y/no-static-element-interactions */ /* eslint-disable jsx-a11y/click-events-have-key-events */ /* eslint-disable jsx-a11y/anchor-is-valid */ 

















const BOOKMARKS_API_LIMIT = 10; // The number of bookmarks to fetch from the api
const BookmarkedVersesList = ()=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("home");
    const quranReaderStyles = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useSelector)(_redux_slices_QuranReader_styles__WEBPACK_IMPORTED_MODULE_10__/* .selectQuranReaderStyles */ .Pt, react_redux__WEBPACK_IMPORTED_MODULE_3__.shallowEqual);
    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();
    const toast = (0,_dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__/* .useToast */ .pm)();
    const bookmarkedVerses = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useSelector)(_redux_slices_QuranReader_bookmarks__WEBPACK_IMPORTED_MODULE_9__/* .selectBookmarks */ .it, react_redux__WEBPACK_IMPORTED_MODULE_3__.shallowEqual);
    const { data , isValidating , mutate  } = (0,swr__WEBPACK_IMPORTED_MODULE_4__["default"])((0,_utils_auth_login__WEBPACK_IMPORTED_MODULE_14__/* .isLoggedIn */ .jl)() // only fetch the data when user is loggedIn
     ? (0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_13__/* .makeBookmarksUrl */ .Ev)((0,_utils_api__WEBPACK_IMPORTED_MODULE_11__/* .getMushafId */ .$P)(quranReaderStyles.quranFont, quranReaderStyles.mushafLines).mushaf, BOOKMARKS_API_LIMIT) : null, _utils_auth_api__WEBPACK_IMPORTED_MODULE_12__/* .privateFetcher */ .UK);
    const bookmarkedVersesKeys = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>{
        if (isValidating) return [];
        const isUserLoggedIn = (0,_utils_auth_login__WEBPACK_IMPORTED_MODULE_14__/* .isLoggedIn */ .jl)();
        if (isUserLoggedIn && data) {
            return data.map((bookmark)=>(0,_utils_verse__WEBPACK_IMPORTED_MODULE_16__/* .makeVerseKey */ .u)(bookmark.key, bookmark.verseNumber));
        }
        if (!isUserLoggedIn) {
            return Object.keys(bookmarkedVerses);
        }
        return [];
    }, [
        bookmarkedVerses,
        data,
        isValidating
    ]);
    // Flag when a user is using the API and has more bookmarks than the api limit
    const hasReachedBookmarksLimit = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>{
        const isUserLoggedIn = (0,_utils_auth_login__WEBPACK_IMPORTED_MODULE_14__/* .isLoggedIn */ .jl)();
        if (isUserLoggedIn && data && data.length >= BOOKMARKS_API_LIMIT) {
            return true;
        }
        return false;
    }, [
        data
    ]);
    const onBookmarkDeleted = (verseKey)=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_15__/* .logButtonClick */ .MY)("bookmarked_verses_list_delete");
        if ((0,_utils_auth_login__WEBPACK_IMPORTED_MODULE_14__/* .isLoggedIn */ .jl)()) {
            const selectedBookmark = data.find((bookmark)=>{
                const [chapter, verseNumber] = (0,_utils_verse__WEBPACK_IMPORTED_MODULE_16__/* .getVerseAndChapterNumbersFromKey */ .bV)(verseKey);
                return Number(chapter) === Number(bookmark.key) && Number(verseNumber) === Number(bookmark.verseNumber);
            });
            (0,_utils_auth_api__WEBPACK_IMPORTED_MODULE_12__/* .deleteBookmarkById */ .ez)(selectedBookmark.id).then(()=>{
                mutate();
            }).catch(()=>{
                toast(t("common:error.general"), {
                    status: _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_8__/* .ToastStatus.Error */ .YZ.Error
                });
            });
        } else {
            dispatch((0,_redux_slices_QuranReader_bookmarks__WEBPACK_IMPORTED_MODULE_9__/* .toggleVerseBookmark */ .b2)(verseKey));
        }
    };
    const onViewAllBookmarksClicked = ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_15__/* .logButtonClick */ .MY)("view_all_bookmarks");
    };
    if (isValidating) {
        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
            className: (_BookmarkedVersesList_module_scss__WEBPACK_IMPORTED_MODULE_17___default().container),
            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: (_BookmarkedVersesList_module_scss__WEBPACK_IMPORTED_MODULE_17___default().bookmarksContainer),
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                    className: (_BookmarkedVersesList_module_scss__WEBPACK_IMPORTED_MODULE_17___default().verseLinksContainer),
                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_BookmarkedVesesListSkeleton__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {})
                })
            })
        });
    }
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: (_BookmarkedVersesList_module_scss__WEBPACK_IMPORTED_MODULE_17___default().container),
        children: bookmarkedVersesKeys.length > 0 ? /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
            className: (_BookmarkedVersesList_module_scss__WEBPACK_IMPORTED_MODULE_17___default().verseLinksContainer),
            children: [
                bookmarkedVersesKeys?.map((verseKey)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_BookmarkPill__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                        verseKey: verseKey,
                        onDeleted: onBookmarkDeleted
                    }, verseKey)),
                hasReachedBookmarksLimit && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Link_Link__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                    href: "/collections/all",
                    className: (_BookmarkedVersesList_module_scss__WEBPACK_IMPORTED_MODULE_17___default().viewAllBookmarksContainer),
                    onClick: onViewAllBookmarksClicked,
                    children: t("view-all-bookmarks")
                })
            ]
        }) : /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
            children: t("no-bookmarks")
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BookmarkedVersesList);

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

/***/ }),

/***/ 14055:
/***/ ((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 _BookmarkedVersesListSkeleton_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(13198);
/* harmony import */ var _BookmarkedVersesListSkeleton_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_BookmarkedVersesListSkeleton_module_scss__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _BookmarkPill__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(40489);
/* harmony import */ var _dls_Skeleton_Skeleton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(77048);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_BookmarkPill__WEBPACK_IMPORTED_MODULE_1__]);
_BookmarkPill__WEBPACK_IMPORTED_MODULE_1__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];




const BOOKMARKS_COUNT = 10;
const bookmarksArr = Array(BOOKMARKS_COUNT).fill(null);
const BookmarkedVersesListSkeleton = ()=>{
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
        className: (_BookmarkedVersesListSkeleton_module_scss__WEBPACK_IMPORTED_MODULE_3___default().skeletonContainer),
        children: bookmarksArr.map((k, i)=>// eslint-disable-next-line react/no-array-index-key
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Skeleton_Skeleton__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
                isActive: true,
                className: (_BookmarkedVersesListSkeleton_module_scss__WEBPACK_IMPORTED_MODULE_3___default().skeletonItem),
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_BookmarkPill__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
                    verseKey: "1:1",
                    onDeleted: ()=>null
                })
            }, `skeleton_${i}`))
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BookmarkedVersesListSkeleton);

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

/***/ }),

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

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(59003);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _Collection_CollectionList_CollectionList__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(33369);
/* harmony import */ var _BookmarkedVersesList__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(72087);
/* harmony import */ var _BookmarksAndQuickLinks_module_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(54411);
/* harmony import */ var _BookmarksAndQuickLinks_module_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_BookmarksAndQuickLinks_module_scss__WEBPACK_IMPORTED_MODULE_10__);
/* harmony import */ var _RecentReadingSessionsList__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(28633);
/* harmony import */ var _dls_Tabs_Tabs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(65961);
/* harmony import */ var _utils_auth_login__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(22197);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(55943);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Collection_CollectionList_CollectionList__WEBPACK_IMPORTED_MODULE_4__, _BookmarkedVersesList__WEBPACK_IMPORTED_MODULE_5__, _RecentReadingSessionsList__WEBPACK_IMPORTED_MODULE_6__, _utils_auth_login__WEBPACK_IMPORTED_MODULE_8__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_9__]);
([_Collection_CollectionList_CollectionList__WEBPACK_IMPORTED_MODULE_4__, _BookmarkedVersesList__WEBPACK_IMPORTED_MODULE_5__, _RecentReadingSessionsList__WEBPACK_IMPORTED_MODULE_6__, _utils_auth_login__WEBPACK_IMPORTED_MODULE_8__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_9__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);











var View;
(function(View) {
    View["ReadingSessions"] = "reading_sessions";
    View["Bookmarks"] = "bookmarks";
    View["Collections"] = "collections";
})(View || (View = {}));
const BookmarksAndCollectionsSection = ({ isHomepage =false  })=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default()("home");
    const { 0: selectedTab , 1: setSelectedTab  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(isHomepage ? View.ReadingSessions : View.Bookmarks);
    const tabs = [];
    if (isHomepage) {
        tabs.push({
            title: t("recently-read"),
            value: View.ReadingSessions
        });
    }
    tabs.push({
        title: t("tab.bookmarks"),
        value: View.Bookmarks
    });
    if ((0,_utils_auth_login__WEBPACK_IMPORTED_MODULE_8__/* .isLoggedIn */ .jl)()) {
        tabs.push({
            title: t("collection:collections"),
            value: View.Collections
        });
    }
    const onTabSelected = (newTab)=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_9__/* .logValueChange */ .Q8)("bookmark_section_and_collection", selectedTab, newTab);
        setSelectedTab(newTab);
    };
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: (_BookmarksAndQuickLinks_module_scss__WEBPACK_IMPORTED_MODULE_10___default().tabsContainer),
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Tabs_Tabs__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                    tabs: tabs,
                    selected: selectedTab,
                    onSelect: onTabSelected
                })
            }),
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_BookmarksAndQuickLinks_module_scss__WEBPACK_IMPORTED_MODULE_10___default().contentContainer), (_BookmarksAndQuickLinks_module_scss__WEBPACK_IMPORTED_MODULE_10___default().tabsContainer)),
                children: [
                    selectedTab === View.ReadingSessions && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_RecentReadingSessionsList__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {}),
                    selectedTab === View.Bookmarks && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_BookmarkedVersesList__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {}),
                    selectedTab === View.Collections && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Collection_CollectionList_CollectionList__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {})
                ]
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BookmarksAndCollectionsSection);

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

/***/ }),

/***/ 53342:
/***/ ((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 _ReadingSessionPill_module_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(28198);
/* harmony import */ var _ReadingSessionPill_module_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_ReadingSessionPill_module_scss__WEBPACK_IMPORTED_MODULE_10__);
/* harmony import */ var _contexts_DataContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(70813);
/* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(50497);
/* harmony import */ var _utils_chapter__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(95892);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(55943);
/* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(24709);
/* harmony import */ var _utils_navigation__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(57933);
/* harmony import */ var _utils_verse__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(44519);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__, _utils_navigation__WEBPACK_IMPORTED_MODULE_8__]);
([_dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__, _utils_navigation__WEBPACK_IMPORTED_MODULE_8__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);











const ReadingSessionPill = ({ verseKey  })=>{
    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);
    const chapterNumber = (0,_utils_verse__WEBPACK_IMPORTED_MODULE_9__/* .getChapterNumberFromKey */ .Tc)(verseKey);
    const chapterData = (0,_utils_chapter__WEBPACK_IMPORTED_MODULE_5__/* .getChapterData */ .dy)(chaptersData, chapterNumber.toString());
    const onLinkClicked = ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__/* .logButtonClick */ .MY)("recent_sessions_list_item_link");
    };
    const readingSessionText = `${chapterData.transliteratedName} ${(0,_utils_locale__WEBPACK_IMPORTED_MODULE_7__/* .toLocalizedVerseKey */ .Tj)(verseKey, lang)}`;
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: (_ReadingSessionPill_module_scss__WEBPACK_IMPORTED_MODULE_10___default().readingSessionItem),
        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .ZP, {
            onClick: onLinkClicked,
            href: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_8__/* .getChapterWithStartingVerseUrl */ .P6)(verseKey),
            type: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__/* .ButtonType.Primary */ .L$.Primary,
            variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__/* .ButtonVariant.Compact */ .Wu.Compact,
            className: (_ReadingSessionPill_module_scss__WEBPACK_IMPORTED_MODULE_10___default().linkButtonContainer),
            size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__/* .ButtonSize.Small */ .qE.Small,
            children: readingSessionText
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReadingSessionPill);

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

/***/ }),

/***/ 11882:
/***/ ((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 _ReadingSessionPill__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(53342);
/* harmony import */ var _RecentReadingSessionsListSkeleton_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(25599);
/* harmony import */ var _RecentReadingSessionsListSkeleton_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_RecentReadingSessionsListSkeleton_module_scss__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _dls_Skeleton_Skeleton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(77048);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_ReadingSessionPill__WEBPACK_IMPORTED_MODULE_2__]);
_ReadingSessionPill__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];





const SESSIONS_COUNT = 10;
const sessionsArr = Array(SESSIONS_COUNT).fill(null);
const RecentReadingSessionsListSkeleton = ()=>{
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
        className: (_RecentReadingSessionsListSkeleton_module_scss__WEBPACK_IMPORTED_MODULE_4___default().skeletonContainer),
        children: sessionsArr.map((k, i)=>// eslint-disable-next-line react/no-array-index-key
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Skeleton_Skeleton__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                isActive: true,
                className: (_RecentReadingSessionsListSkeleton_module_scss__WEBPACK_IMPORTED_MODULE_4___default().skeletonItem),
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ReadingSessionPill__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
                    verseKey: "1:1"
                })
            }, `skeleton_${i}`))
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RecentReadingSessionsListSkeleton);

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

/***/ }),

/***/ 28633:
/***/ ((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 _ReadingSessionPill__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(53342);
/* harmony import */ var _RecentReadingSessionsList_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(4389);
/* harmony import */ var _RecentReadingSessionsList_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_RecentReadingSessionsList_module_scss__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _Skeleton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(11882);
/* harmony import */ var _hooks_auth_useGetRecentlyReadVerseKeys__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(37865);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_ReadingSessionPill__WEBPACK_IMPORTED_MODULE_3__, _Skeleton__WEBPACK_IMPORTED_MODULE_4__, _hooks_auth_useGetRecentlyReadVerseKeys__WEBPACK_IMPORTED_MODULE_5__]);
([_ReadingSessionPill__WEBPACK_IMPORTED_MODULE_3__, _Skeleton__WEBPACK_IMPORTED_MODULE_4__, _hooks_auth_useGetRecentlyReadVerseKeys__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);







const RecentReadingSessionsList = ()=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("home");
    const { recentlyReadVerseKeys , isLoading  } = (0,_hooks_auth_useGetRecentlyReadVerseKeys__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z)();
    if (isLoading) {
        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
            className: (_RecentReadingSessionsList_module_scss__WEBPACK_IMPORTED_MODULE_6___default().container),
            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: (_RecentReadingSessionsList_module_scss__WEBPACK_IMPORTED_MODULE_6___default().bookmarksContainer),
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                    className: (_RecentReadingSessionsList_module_scss__WEBPACK_IMPORTED_MODULE_6___default().verseLinksContainer),
                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Skeleton__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {})
                })
            })
        });
    }
    if (recentlyReadVerseKeys.length === 0) {
        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
            children: t("no-recently-read")
        });
    }
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: (_RecentReadingSessionsList_module_scss__WEBPACK_IMPORTED_MODULE_6___default().container),
        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
            className: (_RecentReadingSessionsList_module_scss__WEBPACK_IMPORTED_MODULE_6___default().verseLinksContainer),
            children: recentlyReadVerseKeys?.map((verseKey)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ReadingSessionPill__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                    verseKey: verseKey
                }, verseKey))
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RecentReadingSessionsList);

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

/***/ }),

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

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _Skeleton_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(96318);
/* harmony import */ var _Skeleton_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_Skeleton_module_scss__WEBPACK_IMPORTED_MODULE_2__);



const Skeleton = ({ children , isRounded , isSquared , isActive =true , className  })=>{
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Skeleton_module_scss__WEBPACK_IMPORTED_MODULE_2___default().skeleton), {
            [(_Skeleton_module_scss__WEBPACK_IMPORTED_MODULE_2___default().baseSize)]: !children && !className,
            [(_Skeleton_module_scss__WEBPACK_IMPORTED_MODULE_2___default().active)]: isActive,
            [(_Skeleton_module_scss__WEBPACK_IMPORTED_MODULE_2___default().rounded)]: isRounded,
            [(_Skeleton_module_scss__WEBPACK_IMPORTED_MODULE_2___default().squared)]: isSquared,
            [className]: className
        }),
        children: children && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
            className: (_Skeleton_module_scss__WEBPACK_IMPORTED_MODULE_2___default().content),
            children: children
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Skeleton);


/***/ }),

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

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(59003);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _SurahPreviewRow_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(9874);
/* harmony import */ var _SurahPreviewRow_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_SurahPreviewRow_module_scss__WEBPACK_IMPORTED_MODULE_7__);
/* harmony import */ var _components_chapters_ChapterIcon_ChapterIconContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(92799);
/* harmony import */ var _dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(7190);
/* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(24709);








const SurahPreviewRow = ({ surahName , surahNumber , translatedSurahName , description , chapterId , isMinimalLayout =false , isLoading =false  })=>{
    const { lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default()("home");
    const localizedSurahNumber = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>(0,_utils_locale__WEBPACK_IMPORTED_MODULE_6__/* .toLocalizedNumber */ .rQ)(surahNumber, lang), [
        surahNumber,
        lang
    ]);
    if (isMinimalLayout) {
        return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
            className: (_SurahPreviewRow_module_scss__WEBPACK_IMPORTED_MODULE_7___default().container),
            children: [
                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                    className: (_SurahPreviewRow_module_scss__WEBPACK_IMPORTED_MODULE_7___default().left),
                    children: [
                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                            className: (_SurahPreviewRow_module_scss__WEBPACK_IMPORTED_MODULE_7___default().surahNumber),
                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                                children: localizedSurahNumber
                            })
                        }),
                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_chapters_ChapterIcon_ChapterIconContainer__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
                            chapterId: chapterId.toString(),
                            hasSurahPrefix: false,
                            size: _components_chapters_ChapterIcon_ChapterIconContainer__WEBPACK_IMPORTED_MODULE_4__/* .ChapterIconsSize.Large */ ._.Large
                        })
                    ]
                }),
                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                    className: (_SurahPreviewRow_module_scss__WEBPACK_IMPORTED_MODULE_7___default().right),
                    children: description && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_SurahPreviewRow_module_scss__WEBPACK_IMPORTED_MODULE_7___default().description), (_SurahPreviewRow_module_scss__WEBPACK_IMPORTED_MODULE_7___default().largeText)),
                        children: description
                    })
                })
            ]
        });
    }
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: (_SurahPreviewRow_module_scss__WEBPACK_IMPORTED_MODULE_7___default().container),
        children: [
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: (_SurahPreviewRow_module_scss__WEBPACK_IMPORTED_MODULE_7___default().left),
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                        className: (_SurahPreviewRow_module_scss__WEBPACK_IMPORTED_MODULE_7___default().surahNumber),
                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                            children: localizedSurahNumber
                        })
                    }),
                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                        className: (_SurahPreviewRow_module_scss__WEBPACK_IMPORTED_MODULE_7___default().surahNameContainer),
                        children: [
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                className: (_SurahPreviewRow_module_scss__WEBPACK_IMPORTED_MODULE_7___default().surahName),
                                children: surahName
                            }),
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                className: (_SurahPreviewRow_module_scss__WEBPACK_IMPORTED_MODULE_7___default().translatedSurahName),
                                children: translatedSurahName
                            })
                        ]
                    })
                ]
            }),
            isLoading && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {}),
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: (_SurahPreviewRow_module_scss__WEBPACK_IMPORTED_MODULE_7___default().right),
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_chapters_ChapterIcon_ChapterIconContainer__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
                            chapterId: chapterId.toString(),
                            hasSurahPrefix: false
                        })
                    }),
                    description && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                        className: (_SurahPreviewRow_module_scss__WEBPACK_IMPORTED_MODULE_7___default().description),
                        children: description
                    })
                ]
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SurahPreviewRow);


/***/ }),

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

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _Tabs_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(34349);
/* harmony import */ var _Tabs_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_Tabs_module_scss__WEBPACK_IMPORTED_MODULE_2__);



// TODO: move this to Radix UI Tabs component
const Tabs = ({ tabs , onSelect , selected  })=>{
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: (_Tabs_module_scss__WEBPACK_IMPORTED_MODULE_2___default().container),
        role: "tablist",
        children: tabs.map((tab)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Tabs_module_scss__WEBPACK_IMPORTED_MODULE_2___default().tabItem), selected === tab.value && (_Tabs_module_scss__WEBPACK_IMPORTED_MODULE_2___default().tabItemSelected)),
                role: "tab",
                tabIndex: 0,
                id: tab.id,
                ...onSelect && {
                    onKeyDown: ()=>onSelect(tab.value),
                    onClick: ()=>onSelect(tab.value)
                },
                children: tab.title
            }, tab.value))
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Tabs);


/***/ }),

/***/ 37865:
/***/ ((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__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 react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6022);
/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var swr_immutable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(79847);
/* harmony import */ var _redux_slices_QuranReader_readingTracker__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(16143);
/* harmony import */ var _utils_auth_api__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(37883);
/* harmony import */ var _utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(13830);
/* harmony import */ var _utils_auth_login__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(22197);
/* harmony import */ var _utils_verse__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(44519);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr_immutable__WEBPACK_IMPORTED_MODULE_2__, _utils_auth_login__WEBPACK_IMPORTED_MODULE_6__]);
([swr_immutable__WEBPACK_IMPORTED_MODULE_2__, _utils_auth_login__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);








const useGetRecentlyReadVerseKeys = ()=>{
    const recentReadingSessions = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useSelector)(_redux_slices_QuranReader_readingTracker__WEBPACK_IMPORTED_MODULE_3__/* .selectRecentReadingSessions */ .GF, react_redux__WEBPACK_IMPORTED_MODULE_1__.shallowEqual);
    const { data , isValidating  } = (0,swr_immutable__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_utils_auth_login__WEBPACK_IMPORTED_MODULE_6__/* .isLoggedIn */ .jl)() ? (0,_utils_auth_apiPaths__WEBPACK_IMPORTED_MODULE_5__/* .makeReadingSessionsUrl */ .Tj)() : null, _utils_auth_api__WEBPACK_IMPORTED_MODULE_4__/* .privateFetcher */ .UK);
    const recentlyReadVerseKeys = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(()=>{
        if (!(0,_utils_auth_login__WEBPACK_IMPORTED_MODULE_6__/* .isLoggedIn */ .jl)()) {
            return Object.keys(recentReadingSessions);
        }
        if ((0,_utils_auth_login__WEBPACK_IMPORTED_MODULE_6__/* .isLoggedIn */ .jl)() && data?.length > 0) {
            return data.map((item)=>(0,_utils_verse__WEBPACK_IMPORTED_MODULE_7__/* .makeVerseKey */ .u)(item.chapterNumber, item.verseNumber));
        }
        return [];
    }, [
        data,
        recentReadingSessions
    ]);
    // we don't need to pass the error because it'll fallback to an empty array
    return {
        recentlyReadVerseKeys,
        isLoading: isValidating && !data
    };
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useGetRecentlyReadVerseKeys);

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

/***/ })

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