quran/.next/server/pages/search.js

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

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

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (/* binding */ pageWrapperTemplate),
/* harmony export */   "getServerSideProps": () => (/* binding */ getServerSideProps),
/* harmony export */   "getStaticProps": () => (/* binding */ getStaticProps)
/* harmony export */ });
/* harmony import */ var _sentry_server_config_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(96270);
/* harmony import */ var _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(58097);
/* harmony import */ var _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(71853);
/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(next_router__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(6022);
/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _search_module_scss__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(88681);
/* harmony import */ var _search_module_scss__WEBPACK_IMPORTED_MODULE_26___default = /*#__PURE__*/__webpack_require__.n(_search_module_scss__WEBPACK_IMPORTED_MODULE_26__);
/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(92684);
/* harmony import */ var _components_NextSeoWrapper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(25869);
/* harmony import */ var _components_Search_Filters_TranslationsFilter__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(27657);
/* harmony import */ var _components_Search_SearchBodyContainer__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(53158);
/* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(50497);
/* harmony import */ var _dls_ContentModal_ContentModal__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(66606);
/* harmony import */ var _dls_Forms_Input__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(91308);
/* harmony import */ var _hooks_useAddQueryParamsToUrl__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(49329);
/* harmony import */ var _hooks_useDebounce__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(31238);
/* harmony import */ var _hooks_useFocusElement__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(79862);
/* harmony import */ var _icons_filter_svg__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(97844);
/* harmony import */ var _icons_search_svg__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(29033);
/* harmony import */ var _types_SearchQuerySource__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(3050);
/* harmony import */ var _utils_chapter__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(95892);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(55943);
/* harmony import */ var _utils_filter_translations__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(7176);
/* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(24709);
/* harmony import */ var _utils_navigation__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(57933);
/* harmony import */ var _utils_search__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(87098);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_Search_Filters_TranslationsFilter__WEBPACK_IMPORTED_MODULE_9__, _components_Search_SearchBodyContainer__WEBPACK_IMPORTED_MODULE_10__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_11__, _dls_ContentModal_ContentModal__WEBPACK_IMPORTED_MODULE_12__, _dls_Forms_Input__WEBPACK_IMPORTED_MODULE_13__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_21__, _utils_navigation__WEBPACK_IMPORTED_MODULE_24__, _utils_search__WEBPACK_IMPORTED_MODULE_25__]);
([_components_Search_Filters_TranslationsFilter__WEBPACK_IMPORTED_MODULE_9__, _components_Search_SearchBodyContainer__WEBPACK_IMPORTED_MODULE_10__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_11__, _dls_ContentModal_ContentModal__WEBPACK_IMPORTED_MODULE_12__, _dls_Forms_Input__WEBPACK_IMPORTED_MODULE_13__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_21__, _utils_navigation__WEBPACK_IMPORTED_MODULE_24__, _utils_search__WEBPACK_IMPORTED_MODULE_25__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);




























const PAGE_SIZE = 10;
const DEBOUNCING_PERIOD_MS = 1000;
const Search = ({ translations  })=>{
    const { t , lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_5___default()("common");
    const router = (0,next_router__WEBPACK_IMPORTED_MODULE_4__.useRouter)();
    const { 0: searchQuery , 1: setSearchQuery  } = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)("");
    const [focusInput, searchInputRef] = (0,_hooks_useFocusElement__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .Z)();
    const { 0: currentPage , 1: setCurrentPage  } = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(1);
    const { 0: selectedLanguages , 1: setSelectedLanguages  } = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)("");
    const { 0: selectedTranslations , 1: setSelectedTranslations  } = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(()=>{
        return (0,_utils_search__WEBPACK_IMPORTED_MODULE_25__/* .getDefaultTranslationIdsByLang */ .Gs)(translations, lang);
    });
    const { 0: translationSearchQuery , 1: setTranslationSearchQuery  } = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)("");
    const { 0: isContentModalOpen , 1: setIsContentModalOpen  } = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(false);
    const { 0: isSearching , 1: setIsSearching  } = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(false);
    const { 0: hasError , 1: setHasError  } = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(false);
    const { 0: searchResult , 1: setSearchResult  } = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(null);
    // Debounce search query to avoid having to call the API on every type. The API will be called once the user stops typing.
    const debouncedSearchQuery = (0,_hooks_useDebounce__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .Z)(searchQuery, DEBOUNCING_PERIOD_MS);
    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_6__.useDispatch)();
    // the query params that we want added to the url
    const queryParams = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(()=>({
            page: currentPage,
            languages: selectedLanguages,
            q: debouncedSearchQuery,
            translations: selectedTranslations
        }), [
        currentPage,
        debouncedSearchQuery,
        selectedLanguages,
        selectedTranslations
    ]);
    (0,_hooks_useAddQueryParamsToUrl__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .Z)("/search", queryParams);
    // We need this since pages that are statically optimized will be hydrated
    // without their route parameters provided, i.e query will be an empty object ({}).
    // After hydration, Next.js will trigger an update to provide the route parameters
    // in the query object. @see https://nextjs.org/docs/routing/dynamic-routes#caveats
    (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(()=>{
        // we don't want to focus the main search input when the translation filter modal is open.
        if (router.isReady && !isContentModalOpen) {
            focusInput();
        }
    }, [
        focusInput,
        router,
        isContentModalOpen
    ]);
    // handle when language changes
    (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(()=>{
        setSelectedTranslations((0,_utils_search__WEBPACK_IMPORTED_MODULE_25__/* .getDefaultTranslationIdsByLang */ .Gs)(translations, lang));
    }, [
        lang,
        translations
    ]);
    (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(()=>{
        if (router.query.q || router.query.query) {
            let query = router.query.q;
            if (router.query.query) {
                query = router.query.query;
            }
            setSearchQuery(query);
        }
        if (router.query.page) {
            setCurrentPage(Number(router.query.page));
        }
        if (router.query.languages) {
            setSelectedLanguages(router.query.languages);
        }
        if (router.query.translations) {
            setSelectedTranslations(router.query.translations);
        }
    }, [
        router.query.q,
        router.query.query,
        router.query.page,
        router.query.languages,
        router.query.translations, 
    ]);
    /**
   * Handle when the search query is changed.
   *
   * @param {string} newSearchQuery
   * @returns {void}
   */ const onSearchQueryChange = (newSearchQuery)=>{
        setSearchQuery(newSearchQuery || "");
    };
    const onClearClicked = ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_21__/* .logButtonClick */ .MY)("search_page_clear_query");
        setSearchQuery("");
    };
    /**
   * Call BE to fetch the results using the passed filters.
   *
   * @param {string} query
   * @param {number} page
   * @param {string} translation
   * @param {string} language
   */ const getResults = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((query, page, translation, language)=>{
        (0,_utils_search__WEBPACK_IMPORTED_MODULE_25__/* .searchGetResults */ .UC)(_types_SearchQuerySource__WEBPACK_IMPORTED_MODULE_19__/* ["default"].SearchPage */ .Z.SearchPage, query, page, PAGE_SIZE, setIsSearching, setHasError, setSearchResult, language, translation);
    }, []);
    // a ref to know whether this is the initial search request made when the user loads the page or not
    const isInitialSearch = (0,react__WEBPACK_IMPORTED_MODULE_3__.useRef)(true);
    // listen to any changes in the API params and call BE on change.
    (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(()=>{
        // only when the search query has a value we call the API.
        if (debouncedSearchQuery) {
            // we don't want to reset pagination when the user reloads the page with a ?page={number} in the url query
            if (!isInitialSearch.current) {
                setCurrentPage(1);
            }
            (0,_utils_search__WEBPACK_IMPORTED_MODULE_25__/* .addToSearchHistory */ .YA)(dispatch, debouncedSearchQuery, _types_SearchQuerySource__WEBPACK_IMPORTED_MODULE_19__/* ["default"].SearchPage */ .Z.SearchPage);
            getResults(debouncedSearchQuery, // if it is the initial search request, use the page number in the url, otherwise, reset it
            isInitialSearch.current ? currentPage : 1, selectedTranslations, selectedLanguages);
            // if it was the initial request, update the ref
            if (isInitialSearch.current) {
                isInitialSearch.current = false;
            }
        }
    // we don't want to run this effect when currentPage is changed
    // because we are already handeling this in onPageChange
    // eslint-disable-next-line react-hooks/exhaustive-deps
    }, [
        debouncedSearchQuery,
        getResults,
        selectedLanguages,
        selectedTranslations
    ]);
    const onPageChange = (page)=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_21__/* .logEvent */ .Kz)("search_page_number_change", {
            page
        });
        setCurrentPage(page);
        getResults(debouncedSearchQuery, page, selectedTranslations, selectedLanguages);
    };
    const onTranslationChange = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((translationIds)=>{
        // convert the array into a string
        setSelectedTranslations((prevTranslationIds)=>{
            // filter out the empty strings
            const newTranslationIds = translationIds.filter((id)=>id !== "").join(",");
            (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_21__/* .logValueChange */ .Q8)("search_page_selected_translations", prevTranslationIds, newTranslationIds);
            return newTranslationIds;
        });
        // reset the current page since most probable the results will change.
        setCurrentPage(1);
    }, []);
    const onSearchKeywordClicked = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((keyword)=>{
        setSearchQuery(keyword);
    }, []);
    const navigationUrl = "/search";
    const formattedSelectedTranslations = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(()=>{
        if (!selectedTranslations) return t("search:default-translations");
        let selectedValueString;
        const selectedTranslationsArray = selectedTranslations.split(",");
        const firstSelectedTranslation = translations.find((translation)=>translation.id.toString() === selectedTranslationsArray[0]);
        if (!firstSelectedTranslation) return t("search:all-translations");
        if (selectedTranslationsArray.length === 1) {
            selectedValueString = firstSelectedTranslation.name;
        }
        if (selectedTranslationsArray.length === 2) {
            selectedValueString = t("settings.value-and-other", {
                value: firstSelectedTranslation?.name,
                othersCount: (0,_utils_locale__WEBPACK_IMPORTED_MODULE_23__/* .toLocalizedNumber */ .rQ)(selectedTranslationsArray.length - 1, lang)
            });
        }
        if (selectedTranslationsArray.length > 2) {
            selectedValueString = t("settings.value-and-others", {
                value: firstSelectedTranslation?.name,
                othersCount: (0,_utils_locale__WEBPACK_IMPORTED_MODULE_23__/* .toLocalizedNumber */ .rQ)(selectedTranslationsArray.length - 1, lang)
            });
        }
        return selectedValueString;
    }, [
        lang,
        selectedTranslations,
        t,
        translations
    ]);
    const filteredTranslations = translationSearchQuery ? (0,_utils_filter_translations__WEBPACK_IMPORTED_MODULE_22__/* ["default"] */ .Z)(translations, translationSearchQuery) : translations;
    const onResetButtonClicked = ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_21__/* .logButtonClick */ .MY)("search_page_reset_button");
        const defaultLangTranslationIds = (0,_utils_search__WEBPACK_IMPORTED_MODULE_25__/* .getDefaultTranslationIdsByLang */ .Gs)(translations, lang, false);
        onTranslationChange(defaultLangTranslationIds);
    };
    const onTranslationSearchQueryChange = (newTranslationSearchQuery)=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_21__/* .logValueChange */ .Q8)("search_page_translation_search_query", translationSearchQuery, newTranslationSearchQuery);
        setTranslationSearchQuery(newTranslationSearchQuery);
    };
    const onTranslationSearchClearClicked = ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_21__/* .logButtonClick */ .MY)("search_page_translation_search_clear");
        setTranslationSearchQuery("");
    };
    const onTranslationsFiltersClicked = ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_21__/* .logButtonClick */ .MY)("search_page_translation_filter");
        setIsContentModalOpen(true);
    };
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment, {
        children: [
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components_NextSeoWrapper__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
                title: debouncedSearchQuery !== "" ? t("search:search-title", {
                    searchQuery: debouncedSearchQuery
                }) : t("search:search"),
                description: t("search:search-desc"),
                canonical: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_24__/* .getCanonicalUrl */ .Z2)(lang, navigationUrl),
                languageAlternates: (0,_utils_locale__WEBPACK_IMPORTED_MODULE_23__/* .getLanguageAlternates */ .qc)(navigationUrl)
            }),
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
                className: (_search_module_scss__WEBPACK_IMPORTED_MODULE_26___default().pageContainer),
                children: [
                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
                        className: (_search_module_scss__WEBPACK_IMPORTED_MODULE_26___default().headerOuterContainer),
                        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
                            className: (_search_module_scss__WEBPACK_IMPORTED_MODULE_26___default().headerInnerContainer),
                            children: [
                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_dls_Forms_Input__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .ZP, {
                                    id: "searchQuery",
                                    prefix: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_icons_search_svg__WEBPACK_IMPORTED_MODULE_18__/* ["default"] */ .Z, {}),
                                    onChange: onSearchQueryChange,
                                    onClearClicked: onClearClicked,
                                    inputRef: searchInputRef,
                                    clearable: true,
                                    value: searchQuery,
                                    disabled: isSearching,
                                    placeholder: t("search.title"),
                                    fixedWidth: false,
                                    variant: _dls_Forms_Input__WEBPACK_IMPORTED_MODULE_13__/* .InputVariant.Main */ .Jf.Main
                                }),
                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_dls_ContentModal_ContentModal__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {
                                    size: _dls_ContentModal_ContentModal__WEBPACK_IMPORTED_MODULE_12__/* .ContentModalSize.SMALL */ .S.SMALL,
                                    isFixedHeight: true,
                                    header: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
                                        className: (_search_module_scss__WEBPACK_IMPORTED_MODULE_26___default().modalContainer),
                                        children: [
                                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
                                                className: (_search_module_scss__WEBPACK_IMPORTED_MODULE_26___default().translationSearchContainer),
                                                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_dls_Forms_Input__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .ZP, {
                                                    id: "searchQuery",
                                                    prefix: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_icons_search_svg__WEBPACK_IMPORTED_MODULE_18__/* ["default"] */ .Z, {}),
                                                    onChange: onTranslationSearchQueryChange,
                                                    onClearClicked: onTranslationSearchClearClicked,
                                                    clearable: true,
                                                    value: translationSearchQuery,
                                                    placeholder: t("settings.search-translations"),
                                                    fixedWidth: false,
                                                    variant: _dls_Forms_Input__WEBPACK_IMPORTED_MODULE_13__/* .InputVariant.Main */ .Jf.Main
                                                })
                                            }),
                                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .ZP, {
                                                className: (_search_module_scss__WEBPACK_IMPORTED_MODULE_26___default().resetButton),
                                                variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_11__/* .ButtonVariant.Ghost */ .Wu.Ghost,
                                                onClick: onResetButtonClicked,
                                                children: t("search:reset")
                                            })
                                        ]
                                    }),
                                    isOpen: isContentModalOpen,
                                    onClose: ()=>setIsContentModalOpen(false),
                                    children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components_Search_Filters_TranslationsFilter__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
                                        translations: filteredTranslations,
                                        selectedTranslations: selectedTranslations,
                                        onTranslationChange: onTranslationChange
                                    })
                                }),
                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
                                    className: (_search_module_scss__WEBPACK_IMPORTED_MODULE_26___default().filtersContainer),
                                    children: [
                                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .ZP, {
                                            onClick: onTranslationsFiltersClicked,
                                            size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_11__/* .ButtonSize.Small */ .qE.Small,
                                            variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_11__/* .ButtonVariant.Compact */ .Wu.Compact,
                                            prefix: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_icons_filter_svg__WEBPACK_IMPORTED_MODULE_17__/* ["default"] */ .Z, {}),
                                            className: (_search_module_scss__WEBPACK_IMPORTED_MODULE_26___default().filterButton),
                                            children: t("search:filter")
                                        }),
                                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
                                            children: [
                                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("span", {
                                                    className: (_search_module_scss__WEBPACK_IMPORTED_MODULE_26___default().searching),
                                                    children: [
                                                        t("search:searching-translations"),
                                                        ": "
                                                    ]
                                                }),
                                                formattedSelectedTranslations
                                            ]
                                        })
                                    ]
                                })
                            ]
                        })
                    }),
                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
                        className: (_search_module_scss__WEBPACK_IMPORTED_MODULE_26___default().pageBody),
                        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
                            className: (_search_module_scss__WEBPACK_IMPORTED_MODULE_26___default().searchBodyContainer),
                            children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components_Search_SearchBodyContainer__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
                                onSearchKeywordClicked: onSearchKeywordClicked,
                                isSearchDrawer: false,
                                searchQuery: debouncedSearchQuery,
                                searchResult: searchResult,
                                currentPage: currentPage,
                                onPageChange: onPageChange,
                                pageSize: PAGE_SIZE,
                                isSearching: isSearching,
                                hasError: hasError
                            })
                        })
                    })
                ]
            })
        ]
    });
};
const getStaticProps$1 = async ({ locale  })=>{
    const [availableLanguagesResponse, availableTranslationsResponse] = await Promise.all([
        (0,_api__WEBPACK_IMPORTED_MODULE_7__/* .getAvailableLanguages */ .Bz)(locale),
        (0,_api__WEBPACK_IMPORTED_MODULE_7__/* .getAvailableTranslations */ .yZ)(locale), 
    ]);
    let translations = [];
    let languages = [];
    if (availableLanguagesResponse.status !== 500) {
        const { languages: responseLanguages  } = availableLanguagesResponse;
        languages = responseLanguages;
    }
    if (availableTranslationsResponse.status !== 500) {
        const { translations: responseTranslations  } = availableTranslationsResponse;
        translations = responseTranslations;
    }
    const chaptersData = await (0,_utils_chapter__WEBPACK_IMPORTED_MODULE_20__/* .getAllChaptersData */ .T4)(locale);
    return {
        props: {
            chaptersData,
            languages,
            translations
        }
    };
};

var serverComponentModule = /*#__PURE__*/Object.freeze({
   __proto__: null,
   getStaticProps: getStaticProps$1,
   'default': Search
});

/*
 * This file is a template for the code which will be substituted when our webpack loader handles non-API files in the
 * `pages/` directory.
 *
 * We use `__SENTRY_WRAPPING_TARGET_FILE__.cjs` as a placeholder for the path to the file being wrapped. Because it's not a real package,
 * this causes both TS and ESLint to complain, hence the pragma comments below.
 */

const userPageModule = serverComponentModule ;

const pageComponent = userPageModule ? userPageModule.default : undefined;

const origGetInitialProps = pageComponent ? pageComponent.getInitialProps : undefined;
const origGetStaticProps = userPageModule ? userPageModule.getStaticProps : undefined;
const origGetServerSideProps = userPageModule ? userPageModule.getServerSideProps : undefined;

// eslint-disable-next-line @typescript-eslint/no-explicit-any
const getInitialPropsWrappers = {
  '/_app': _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapAppGetInitialPropsWithSentry,
  '/_document': _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapDocumentGetInitialPropsWithSentry,
  '/_error': _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapErrorGetInitialPropsWithSentry,
};

const getInitialPropsWrapper = getInitialPropsWrappers['/search'] || _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapGetInitialPropsWithSentry;

if (pageComponent && typeof origGetInitialProps === 'function') {
  pageComponent.getInitialProps = getInitialPropsWrapper(origGetInitialProps) ;
}

const getStaticProps =
  typeof origGetStaticProps === 'function'
    ? _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapGetStaticPropsWithSentry(origGetStaticProps, '/search')
    : undefined;
const getServerSideProps =
  typeof origGetServerSideProps === 'function'
    ? _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapGetServerSidePropsWithSentry(origGetServerSideProps, '/search')
    : undefined;

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



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

/***/ }),

/***/ 247:
/***/ ((__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 SvgCaretBack = function SvgCaretBack(props) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
    width: 24,
    height: 24,
    viewBox: "0 0 24 24",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    d: "m17.25 3-10.5 9 10.5 9V3Z",
    fill: "currentColor"
  })));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgCaretBack);

/***/ }),

/***/ 41647:
/***/ ((__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 SvgCaretForward = function SvgCaretForward(props) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
    width: 24,
    height: 24,
    viewBox: "0 0 24 24",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    d: "m6.75 21 10.5-9-10.5-9v18Z",
    fill: "currentColor"
  })));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgCaretForward);

/***/ }),

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

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

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

/***/ }),

/***/ 97844:
/***/ ((__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 SvgFilter = function SvgFilter(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-filter"
  }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    d: "M22 3H2l8 9.46V19l4 2v-8.54L22 3z"
  })));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgFilter);

/***/ }),

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

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

var SvgTrendUp = function SvgTrendUp(props) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
    width: 25,
    height: 24,
    viewBox: "0 0 25 24",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, props), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("g", {
    clipPath: "url(#a)"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    d: "M24.5 6H13.932l4.759 4.759-4.8 5.331-5.553-5.553a1.056 1.056 0 0 0-1.494 0L1.56 15.82a1.056 1.056 0 1 0 1.494 1.494l4.537-4.537 5.594 5.594a1.054 1.054 0 0 0 1.532-.04l5.47-6.077 4.313 4.313V6Z",
    fill: "#000"
  }))), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("clipPath", {
    id: "a"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    fill: "#fff",
    transform: "translate(.25)",
    d: "M0 0h24v24H0z"
  })))));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgTrendUp);

/***/ }),

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

// Exports
module.exports = {
	"dropdownLabel": "Filter_dropdownLabel__2Oqf9",
	"comboboxItems": "Filter_comboboxItems__KohLK"
};


/***/ }),

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

// Exports
module.exports = {
	"header": "TranslationGroup_header__i2C2P",
	"item": "TranslationGroup_item__uc7kH",
	"itemsContainer": "TranslationGroup_itemsContainer__p0HAL"
};


/***/ }),

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

// Exports
module.exports = {
	"container": "NoResults_container__I2jHF",
	"mainBody": "NoResults_mainBody__GC8l_",
	"iconContainer": "NoResults_iconContainer__ks7uY",
	"mainMessage": "NoResults_mainMessage__o3ksN",
	"secondaryMessage": "NoResults_secondaryMessage__CNI0d"
};


/***/ }),

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

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


/***/ }),

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

// Exports
module.exports = {
	"container": "PreInput_container___K1DL",
	"popularSearchesContainer": "PreInput_popularSearchesContainer__30iiP",
	"popularSearchItem": "PreInput_popularSearchItem__R2cQD"
};


/***/ }),

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

// Exports
module.exports = {
	"item": "SearchItem_item__eQZAY",
	"itemContent": "SearchItem_itemContent__h6vxl",
	"prefix": "SearchItem_prefix__SOnRa"
};


/***/ }),

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

// Exports
module.exports = {
	"searchSuggestion": "SearchQuerySuggestion_searchSuggestion__BKIWB"
};


/***/ }),

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

// Exports
module.exports = {
	"internalContainer": "SearchBodyContainer_internalContainer__Yb3_Y"
};


/***/ }),

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

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


/***/ }),

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

// Exports
module.exports = {
	"translationName": "SearchResultItem_translationName__5mkDi",
	"translationContainer": "SearchResultItem_translationContainer__OaPZE",
	"container": "SearchResultItem_container__Cvqx0",
	"itemContainer": "SearchResultItem_itemContainer__NRd1r",
	"quranTextResult": "SearchResultItem_quranTextResult__texyH",
	"verseKey": "SearchResultItem_verseKey__dyumW"
};


/***/ }),

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

// Exports
module.exports = {
	"resultsSummaryContainer": "SearchResults_resultsSummaryContainer__giFzL",
	"header": "SearchResults_header__WwvQ5",
	"showAll": "SearchResults_showAll__W5zdh",
	"navigationItemsListContainer": "SearchResults_navigationItemsListContainer__pt45x",
	"navigationItemContainer": "SearchResults_navigationItemContainer__mGz8h"
};


/***/ }),

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

// Exports
module.exports = {
	"container": "Pagination_container__lcGYl",
	"uppercase": "Pagination_uppercase__OgSGf",
	"buttonContainer": "Pagination_buttonContainer__GsblO",
	"selectedButton": "Pagination_selectedButton__0o6Sb"
};


/***/ }),

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

// Exports
module.exports = {
	"pageContainer": "search_pageContainer__pfKhT",
	"paginationContainer": "search_paginationContainer__Ubx_R",
	"searchInputContainer": "search_searchInputContainer__a_oW9",
	"rtlFlexDirection": "search_rtlFlexDirection__VH_JG",
	"searchInput": "search_searchInput__33AwX",
	"pageBody": "search_pageBody__FKfdc",
	"searchBodyContainer": "search_searchBodyContainer__mmo7q",
	"filtersContainer": "search_filtersContainer__GgipQ",
	"headerInnerContainer": "search_headerInnerContainer__a_6bG",
	"headerOuterContainer": "search_headerOuterContainer__iCXA0",
	"filterButton": "search_filterButton__gCMTe",
	"searching": "search_searching__N2_so",
	"languagePopover": "search_languagePopover__egWCE",
	"translationPopover": "search_translationPopover__is8iS",
	"translationFilterContainer": "search_translationFilterContainer__Idt70",
	"resetButton": "search_resetButton__lNhvG",
	"modalContainer": "search_modalContainer__0tqXi",
	"translationSearchContainer": "search_translationSearchContainer__mRzQ9"
};


/***/ }),

/***/ 54462:
/***/ ((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 _TranslationGroup_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(44949);
/* harmony import */ var _TranslationGroup_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_TranslationGroup_module_scss__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _dls_Forms_Checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(42752);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_Forms_Checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_1__]);
_dls_Forms_Checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_1__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];



const TranslationGroup = ({ language , translations , selectedTranslations , onTranslationsChange  })=>{
    const areAllTranslationsSelected = translations.every((translation)=>selectedTranslations.includes(translation.id.toString()));
    const areSomeTranslationsSelected = translations.some((translation)=>selectedTranslations.includes(translation.id.toString()));
    const onLanguageSelected = ()=>{
        const nextSelectedTranslations = areAllTranslationsSelected ? [] : translations.map((translation)=>translation.id.toString());
        onTranslationsChange(nextSelectedTranslations);
    };
    const onSelectedTranslationsChange = (translationId)=>(checked)=>{
            const nextTranslations = checked ? [
                ...selectedTranslations,
                translationId.toString()
            ] : selectedTranslations.filter((id)=>id !== translationId.toString());
            onTranslationsChange(nextTranslations);
        };
    let languageCheckboxCheckedStatus;
    if (areSomeTranslationsSelected) languageCheckboxCheckedStatus = "indeterminate";
    if (areAllTranslationsSelected) languageCheckboxCheckedStatus = true;
    if (!areSomeTranslationsSelected && !areAllTranslationsSelected) {
        languageCheckboxCheckedStatus = false;
    }
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                className: (_TranslationGroup_module_scss__WEBPACK_IMPORTED_MODULE_2___default().header),
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Forms_Checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
                    id: language,
                    checked: languageCheckboxCheckedStatus,
                    label: language,
                    onChange: onLanguageSelected
                })
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: (_TranslationGroup_module_scss__WEBPACK_IMPORTED_MODULE_2___default().itemsContainer),
                children: translations.sort((a, b)=>a.authorName.localeCompare(b.authorName)).map((translation)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                        className: (_TranslationGroup_module_scss__WEBPACK_IMPORTED_MODULE_2___default().item),
                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Forms_Checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
                            id: translation.id.toString(),
                            checked: selectedTranslations.includes(translation.id.toString()),
                            label: translation.translatedName.name,
                            onChange: onSelectedTranslationsChange(translation.id)
                        })
                    }, translation.id))
            })
        ]
    }, language);
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TranslationGroup);

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

/***/ }),

/***/ 27657:
/***/ ((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 _Filter_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(81852);
/* harmony import */ var _Filter_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Filter_module_scss__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _TranslationGroup__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(54462);
/* harmony import */ var _utils_search__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(87098);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_TranslationGroup__WEBPACK_IMPORTED_MODULE_2__, _utils_search__WEBPACK_IMPORTED_MODULE_3__]);
([_TranslationGroup__WEBPACK_IMPORTED_MODULE_2__, _utils_search__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);





const TranslationsFilter = /*#__PURE__*/ (0,react__WEBPACK_IMPORTED_MODULE_1__.memo)(({ translations , selectedTranslations , onTranslationChange  })=>{
    const translationsByLanguages = (0,_utils_search__WEBPACK_IMPORTED_MODULE_3__/* .getTranslationsByLanguages */ .NC)(translations);
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: (_Filter_module_scss__WEBPACK_IMPORTED_MODULE_4___default().comboboxItems),
        children: Object.entries(translationsByLanguages).map(([language, languageTranslations])=>{
            return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_TranslationGroup__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
                language: language,
                translations: languageTranslations,
                onTranslationsChange: (nextTranslations)=>onTranslationChange(nextTranslations),
                selectedTranslations: selectedTranslations.split(",")
            }, language);
        })
    });
});
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TranslationsFilter);

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

/***/ }),

/***/ 21579:
/***/ ((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 _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 _types_Search_SearchService__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64609);
/* harmony import */ var _types_SearchQuerySource__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(3050);
/* 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_search__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(87098);
/* harmony import */ var types_SearchNavigationResult__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(87582);
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__, _utils_search__WEBPACK_IMPORTED_MODULE_10__]);
([_dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__, _utils_navigation__WEBPACK_IMPORTED_MODULE_9__, _utils_search__WEBPACK_IMPORTED_MODULE_10__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);












const NavigationItem = ({ navigation , isSearchDrawer , service =_types_Search_SearchService__WEBPACK_IMPORTED_MODULE_5__/* ["default"].QDC */ .Z.QDC ,  })=>{
    const { t , lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("common");
    const chaptersData = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(_contexts_DataContext__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z);
    const isKalimatService = service === _types_Search_SearchService__WEBPACK_IMPORTED_MODULE_5__/* ["default"].KALIMAT */ .Z.KALIMAT;
    const url = (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_9__/* .resolveUrlBySearchNavigationType */ .zp)(navigation.resultType, navigation.key, isKalimatService);
    const result = isKalimatService ? (0,_utils_search__WEBPACK_IMPORTED_MODULE_10__/* .getSearchNavigationResult */ .Em)(chaptersData, navigation, t, lang) : navigation;
    const getKalimatResultSuffix = ()=>{
        if (navigation.resultType === types_SearchNavigationResult__WEBPACK_IMPORTED_MODULE_11__/* .SearchNavigationType.SURAH */ .H.SURAH) {
            return `(${(0,_utils_locale__WEBPACK_IMPORTED_MODULE_8__/* .toLocalizedNumber */ .rQ)(Number(result.key), lang)})`;
        }
        if (navigation.resultType === types_SearchNavigationResult__WEBPACK_IMPORTED_MODULE_11__/* .SearchNavigationType.AYAH */ .H.AYAH) {
            return `(${(0,_utils_locale__WEBPACK_IMPORTED_MODULE_8__/* .toLocalizedVerseKey */ .Tj)(result.key, lang)})`;
        }
        return undefined;
    };
    const suffix = isKalimatService ? getKalimatResultSuffix() : `(${navigation.key})`;
    const onNavigationItemClicked = ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__/* .logButtonClick */ .MY)("search_navigation_result", {
            type: navigation.resultType,
            service,
            source: isSearchDrawer ? _types_SearchQuerySource__WEBPACK_IMPORTED_MODULE_6__/* ["default"].SearchDrawer */ .Z.SearchDrawer : _types_SearchQuerySource__WEBPACK_IMPORTED_MODULE_6__/* ["default"].SearchPage */ .Z.SearchPage
        });
    };
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .ZP, {
        onClick: onNavigationItemClicked,
        href: url,
        suffix: suffix,
        children: result.name
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NavigationItem);

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

/***/ }),

/***/ 54292:
/***/ ((__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 _NoResults_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(51999);
/* harmony import */ var _NoResults_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_NoResults_module_scss__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _icons_search_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(29033);





const NoResults = ({ searchQuery  })=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("common");
    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("div", {
            className: (_NoResults_module_scss__WEBPACK_IMPORTED_MODULE_4___default().container),
            children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: (_NoResults_module_scss__WEBPACK_IMPORTED_MODULE_4___default().mainBody),
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                        className: (_NoResults_module_scss__WEBPACK_IMPORTED_MODULE_4___default().iconContainer),
                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_search_svg__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {})
                    }),
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
                        className: (_NoResults_module_scss__WEBPACK_IMPORTED_MODULE_4___default().mainMessage),
                        children: t("search.no-results")
                    }),
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
                        className: (_NoResults_module_scss__WEBPACK_IMPORTED_MODULE_4___default().secondaryMessage),
                        children: t("search.no-results-suggestion", {
                            searchQuery
                        })
                    })
                ]
            })
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NoResults);


/***/ }),

/***/ 52402:
/***/ ((__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 _Header_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(38708);
/* harmony import */ var _Header_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_Header_module_scss__WEBPACK_IMPORTED_MODULE_2__);



const index = ({ text  })=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
        className: (_Header_module_scss__WEBPACK_IMPORTED_MODULE_2___default().header),
        children: text
    });
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (index);


/***/ }),

/***/ 64676:
/***/ ((__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 _SearchItem_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(84163);
/* harmony import */ var _SearchItem_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_SearchItem_module_scss__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _dls_IconContainer_IconContainer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(17999);
/* eslint-disable jsx-a11y/no-static-element-interactions */ /* eslint-disable jsx-a11y/click-events-have-key-events */ 


const SearchItem = ({ title , prefix: icon , suffix , onClick  })=>{
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: (_SearchItem_module_scss__WEBPACK_IMPORTED_MODULE_2___default().item),
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                className: (_SearchItem_module_scss__WEBPACK_IMPORTED_MODULE_2___default().prefix),
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_IconContainer_IconContainer__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .ZP, {
                    size: _dls_IconContainer_IconContainer__WEBPACK_IMPORTED_MODULE_1__/* .IconSize.Small */ .Jh.Small,
                    color: _dls_IconContainer_IconContainer__WEBPACK_IMPORTED_MODULE_1__/* .IconColor.secondary */ .EY.secondary,
                    icon: icon
                })
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                className: (_SearchItem_module_scss__WEBPACK_IMPORTED_MODULE_2___default().itemContent),
                onClick: onClick,
                children: title
            }),
            suffix && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                children: suffix
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchItem);


/***/ }),

/***/ 2932:
/***/ ((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 _SearchItem__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(64676);
/* harmony import */ var _SearchQuerySuggestion_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(83031);
/* harmony import */ var _SearchQuerySuggestion_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_SearchQuerySuggestion_module_scss__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(50497);
/* harmony import */ var _icons_close_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(51053);
/* harmony import */ var _icons_search_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(29033);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__]);
_dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];







const SearchQuerySuggestion = ({ searchQuery , onSearchKeywordClicked , onRemoveSearchQueryClicked ,  })=>{
    const onRemoveClicked = (event, toBeDeletedSearchQuery)=>{
        event.stopPropagation();
        onRemoveSearchQueryClicked(toBeDeletedSearchQuery);
    };
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: (_SearchQuerySuggestion_module_scss__WEBPACK_IMPORTED_MODULE_6___default().searchSuggestion),
        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SearchItem__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
            title: searchQuery,
            prefix: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_search_svg__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {}),
            onClick: ()=>onSearchKeywordClicked(searchQuery),
            suffix: onRemoveSearchQueryClicked && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP, {
                shape: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__/* .ButtonShape.Circle */ .jL.Circle,
                onClick: (event)=>onRemoveClicked(// @ts-ignore
                    event, searchQuery),
                variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__/* .ButtonVariant.Ghost */ .Wu.Ghost,
                size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__/* .ButtonSize.Small */ .qE.Small,
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_close_svg__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {})
            })
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchQuerySuggestion);

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

/***/ }),

/***/ 94193:
/***/ ((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 _Header__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(52402);
/* harmony import */ var _PreInput_module_scss__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(79939);
/* harmony import */ var _PreInput_module_scss__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_PreInput_module_scss__WEBPACK_IMPORTED_MODULE_14__);
/* harmony import */ var _SearchItem__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64676);
/* harmony import */ var _SearchQuerySuggestion__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(2932);
/* harmony import */ var _components_Search_SearchHistory__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(31668);
/* harmony import */ var _dls_Link_Link__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(61239);
/* harmony import */ var _hooks_useGetChaptersData__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(56298);
/* harmony import */ var _icons_trend_up_svg__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(59089);
/* harmony import */ var _utils_chapter__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(95892);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(55943);
/* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(24709);
/* harmony import */ var _utils_navigation__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(57933);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_SearchQuerySuggestion__WEBPACK_IMPORTED_MODULE_5__, _components_Search_SearchHistory__WEBPACK_IMPORTED_MODULE_6__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_11__, _utils_navigation__WEBPACK_IMPORTED_MODULE_13__]);
([_SearchQuerySuggestion__WEBPACK_IMPORTED_MODULE_5__, _components_Search_SearchHistory__WEBPACK_IMPORTED_MODULE_6__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_11__, _utils_navigation__WEBPACK_IMPORTED_MODULE_13__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);















const POPULAR_SEARCH_QUERIES = {
    Mulk: 67,
    Noah: 71,
    Kahf: 18,
    Yaseen: 36
};
const PreInput = ({ onSearchKeywordClicked , isSearchDrawer  })=>{
    const { t , lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("common");
    const chaptersData = (0,_hooks_useGetChaptersData__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)(lang);
    if (!chaptersData) {
        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {});
    }
    const SEARCH_FOR_KEYWORDS = [
        `${t("juz")} ${(0,_utils_locale__WEBPACK_IMPORTED_MODULE_12__/* .toLocalizedNumber */ .rQ)(1, lang)}`,
        `${t("page")} ${(0,_utils_locale__WEBPACK_IMPORTED_MODULE_12__/* .toLocalizedNumber */ .rQ)(1, lang)}`,
        (0,_utils_chapter__WEBPACK_IMPORTED_MODULE_10__/* .getChapterData */ .dy)(chaptersData, "36").transliteratedName,
        (0,_utils_locale__WEBPACK_IMPORTED_MODULE_12__/* .toLocalizedNumber */ .rQ)(36, lang),
        (0,_utils_locale__WEBPACK_IMPORTED_MODULE_12__/* .toLocalizedVerseKey */ .Tj)("2:255", lang), 
    ];
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: (_PreInput_module_scss__WEBPACK_IMPORTED_MODULE_14___default().container),
        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
            children: [
                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Header__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                    text: t("search.popular")
                }),
                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                    children: Object.keys(POPULAR_SEARCH_QUERIES).map((popularSearchQuery)=>{
                        const chapterId = POPULAR_SEARCH_QUERIES[popularSearchQuery];
                        const url = (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_13__/* .getSurahNavigationUrl */ .qm)(POPULAR_SEARCH_QUERIES[popularSearchQuery]);
                        const chapterData = (0,_utils_chapter__WEBPACK_IMPORTED_MODULE_10__/* .getChapterData */ .dy)(chaptersData, chapterId);
                        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Link_Link__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                            href: url,
                            className: (_PreInput_module_scss__WEBPACK_IMPORTED_MODULE_14___default().popularSearchItem),
                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SearchItem__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
                                prefix: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_trend_up_svg__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {}),
                                title: chapterData.transliteratedName,
                                onClick: ()=>{
                                    (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_11__/* .logButtonClick */ .MY)(`search_${isSearchDrawer ? "drawer" : "page"}_popular_search_${popularSearchQuery}`);
                                }
                            }, url)
                        }, url);
                    })
                }),
                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Search_SearchHistory__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                    onSearchKeywordClicked: onSearchKeywordClicked,
                    isSearchDrawer: isSearchDrawer
                }),
                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Header__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                    text: t("search.hint")
                }),
                SEARCH_FOR_KEYWORDS.map((keyword, index)=>{
                    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SearchQuerySuggestion__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
                        searchQuery: keyword,
                        onSearchKeywordClicked: (searchQuery)=>{
                            (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_11__/* .logButtonClick */ .MY)(`search_${isSearchDrawer ? "drawer" : "page"}_search_hint_${index}`);
                            onSearchKeywordClicked(searchQuery);
                        }
                    }, keyword);
                })
            ]
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PreInput);

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

/***/ }),

/***/ 53158:
/***/ ((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 _NoResults__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(54292);
/* harmony import */ var _PreInput__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(94193);
/* harmony import */ var _SearchBodyContainer_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(23147);
/* harmony import */ var _SearchBodyContainer_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_SearchBodyContainer_module_scss__WEBPACK_IMPORTED_MODULE_8__);
/* harmony import */ var _components_Search_SearchResults__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(99983);
/* harmony import */ var _dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(7190);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_PreInput__WEBPACK_IMPORTED_MODULE_5__, _components_Search_SearchResults__WEBPACK_IMPORTED_MODULE_6__]);
([_PreInput__WEBPACK_IMPORTED_MODULE_5__, _components_Search_SearchResults__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);









const SearchBodyContainer = ({ searchQuery , isSearching , hasError , searchResult , onSearchKeywordClicked , onSearchResultClicked , isSearchDrawer =true , currentPage , pageSize , onPageChange ,  })=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default()("common");
    const isEmptyResponse = searchResult && searchResult.pagination.totalRecords === 0 && !searchResult.result.navigation.length;
    const isPreInputLayout = !searchQuery || isSearching || hasError || !isSearching && !hasError && isEmptyResponse;
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()({
            [(_SearchBodyContainer_module_scss__WEBPACK_IMPORTED_MODULE_8___default().internalContainer)]: isPreInputLayout
        }),
        children: !searchQuery ? /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_PreInput__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
            onSearchKeywordClicked: onSearchKeywordClicked,
            isSearchDrawer: isSearchDrawer
        }) : /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
            children: isSearching ? /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                size: _dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_7__/* .SpinnerSize.Large */ .E.Large
            }) : /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
                children: [
                    hasError && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                        children: t("error.general")
                    }),
                    !hasError && searchResult && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
                        children: isEmptyResponse ? /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_NoResults__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
                            searchQuery: searchQuery
                        }) : /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Search_SearchResults__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                            onSearchResultClicked: onSearchResultClicked,
                            searchResult: searchResult,
                            searchQuery: searchQuery,
                            isSearchDrawer: isSearchDrawer,
                            currentPage: currentPage,
                            onPageChange: onPageChange,
                            pageSize: pageSize
                        })
                    })
                ]
            })
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchBodyContainer);

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

/***/ }),

/***/ 31668:
/***/ ((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 _SearchHistory_module_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(93163);
/* harmony import */ var _SearchHistory_module_scss__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_SearchHistory_module_scss__WEBPACK_IMPORTED_MODULE_9__);
/* harmony import */ var _components_Search_PreInput_Header__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(52402);
/* harmony import */ var _components_Search_PreInput_SearchQuerySuggestion__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(2932);
/* harmony import */ var _redux_slices_Search_search__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(85895);
/* harmony import */ var _utils_array__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(5639);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(55943);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_Search_PreInput_SearchQuerySuggestion__WEBPACK_IMPORTED_MODULE_5__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__]);
([_components_Search_PreInput_SearchQuerySuggestion__WEBPACK_IMPORTED_MODULE_5__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);










const SearchHistory = ({ onSearchKeywordClicked , isSearchDrawer  })=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("common");
    const searchHistory = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useSelector)(_redux_slices_Search_search__WEBPACK_IMPORTED_MODULE_6__/* .selectSearchHistory */ .ag, _utils_array__WEBPACK_IMPORTED_MODULE_8__/* .areArraysEqual */ .Hj);
    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();
    const onRemoveSearchQueryClicked = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((searchQuery)=>{
        // eslint-disable-next-line i18next/no-literal-string
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__/* .logButtonClick */ .MY)(`search_${isSearchDrawer ? "drawer" : "page"}_remove_query`);
        dispatch({
            type: _redux_slices_Search_search__WEBPACK_IMPORTED_MODULE_6__/* .removeSearchHistoryRecord.type */ .rd.type,
            payload: searchQuery
        });
    }, [
        dispatch,
        isSearchDrawer
    ]);
    // if there are no recent search queries.
    if (!searchHistory.length) {
        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {});
    }
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: (_SearchHistory_module_scss__WEBPACK_IMPORTED_MODULE_9___default().container),
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Search_PreInput_Header__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
                text: t("search.recent")
            }),
            searchHistory.map((recentSearchQuery)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Search_PreInput_SearchQuerySuggestion__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
                    searchQuery: recentSearchQuery,
                    onSearchKeywordClicked: (searchQuery)=>{
                        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__/* .logButtonClick */ .MY)(`search_${isSearchDrawer ? "drawer" : "page"}_history_item`);
                        onSearchKeywordClicked(searchQuery);
                    },
                    onRemoveSearchQueryClicked: onRemoveSearchQueryClicked
                }, `${recentSearchQuery}`))
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchHistory);

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

/***/ }),

/***/ 27788:
/***/ ((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 _SearchResultItem_module_scss__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(51573);
/* harmony import */ var _SearchResultItem_module_scss__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_SearchResultItem_module_scss__WEBPACK_IMPORTED_MODULE_12__);
/* harmony import */ var _dls_Link_Link__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(61239);
/* harmony import */ var _dls_QuranWord_QuranWord__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(17543);
/* harmony import */ var _hooks_useGetChaptersData__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(56298);
/* harmony import */ var _types_Search_SearchService__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(64609);
/* harmony import */ var _utils_chapter__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(95892);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(55943);
/* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(24709);
/* harmony import */ var _utils_navigation__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(57933);
/* harmony import */ var _utils_verse__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(44519);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_QuranWord_QuranWord__WEBPACK_IMPORTED_MODULE_4__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_8__, _utils_navigation__WEBPACK_IMPORTED_MODULE_10__]);
([_dls_QuranWord_QuranWord__WEBPACK_IMPORTED_MODULE_4__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_8__, _utils_navigation__WEBPACK_IMPORTED_MODULE_10__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
/* eslint-disable react/no-danger */ 












const SearchResultItem = ({ result , source , service =_types_Search_SearchService__WEBPACK_IMPORTED_MODULE_6__/* ["default"].QDC */ .Z.QDC  })=>{
    const { lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("quran-reader");
    const localizedVerseKey = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>(0,_utils_locale__WEBPACK_IMPORTED_MODULE_9__/* .toLocalizedVerseKey */ .Tj)(result.verseKey, lang), [
        lang,
        result.verseKey
    ]);
    const chaptersData = (0,_hooks_useGetChaptersData__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z)(lang);
    if (!chaptersData) return null;
    const chapterNumber = (0,_utils_verse__WEBPACK_IMPORTED_MODULE_11__/* .getChapterNumberFromKey */ .Tc)(result.verseKey);
    const chapterData = (0,_utils_chapter__WEBPACK_IMPORTED_MODULE_7__/* .getChapterData */ .dy)(chaptersData, chapterNumber.toString());
    const onResultItemClicked = ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_8__/* .logButtonClick */ .MY)(`search_result_item`, {
            service,
            source
        });
    };
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: (_SearchResultItem_module_scss__WEBPACK_IMPORTED_MODULE_12___default().container),
        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
            className: (_SearchResultItem_module_scss__WEBPACK_IMPORTED_MODULE_12___default().itemContainer),
            children: [
                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_dls_Link_Link__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                    className: (_SearchResultItem_module_scss__WEBPACK_IMPORTED_MODULE_12___default().verseKey),
                    href: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_10__/* .getChapterWithStartingVerseUrl */ .P6)(result.verseKey),
                    onClick: onResultItemClicked,
                    children: [
                        chapterData.transliteratedName,
                        " ",
                        localizedVerseKey
                    ]
                }),
                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                    className: (_SearchResultItem_module_scss__WEBPACK_IMPORTED_MODULE_12___default().quranTextContainer),
                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                        className: (_SearchResultItem_module_scss__WEBPACK_IMPORTED_MODULE_12___default().quranTextResult),
                        translate: "no",
                        children: result.words.map((word, index)=>{
                            return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_QuranWord_QuranWord__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
                                isHighlighted: !!word.highlight,
                                word: word,
                                isWordByWordAllowed: false,
                                isAudioHighlightingAllowed: false
                            }, `${result.verseKey}:${index + 1}`);
                        })
                    })
                }),
                result.translations?.map((translation)=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                        className: (_SearchResultItem_module_scss__WEBPACK_IMPORTED_MODULE_12___default().translationContainer),
                        children: [
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                dangerouslySetInnerHTML: {
                                    __html: translation.text
                                }
                            }),
                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p", {
                                className: (_SearchResultItem_module_scss__WEBPACK_IMPORTED_MODULE_12___default().translationName),
                                children: [
                                    " - ",
                                    translation.resourceName
                                ]
                            })
                        ]
                    }, translation.resourceId))
            ]
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchResultItem);

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

/***/ }),

/***/ 99983:
/***/ ((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 _SearchResultItem__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(27788);
/* harmony import */ var _SearchResults_module_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(53841);
/* harmony import */ var _SearchResults_module_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_SearchResults_module_scss__WEBPACK_IMPORTED_MODULE_10__);
/* harmony import */ var _components_Search_NavigationItem__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(21579);
/* harmony import */ var _dls_Link_Link__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(61239);
/* harmony import */ var _dls_Pagination_Pagination__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(66414);
/* harmony import */ var _types_SearchQuerySource__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(3050);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(55943);
/* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(24709);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_SearchResultItem__WEBPACK_IMPORTED_MODULE_3__, _components_Search_NavigationItem__WEBPACK_IMPORTED_MODULE_4__, _dls_Pagination_Pagination__WEBPACK_IMPORTED_MODULE_6__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_8__]);
([_SearchResultItem__WEBPACK_IMPORTED_MODULE_3__, _components_Search_NavigationItem__WEBPACK_IMPORTED_MODULE_4__, _dls_Pagination_Pagination__WEBPACK_IMPORTED_MODULE_6__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_8__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);











const SearchResults = ({ searchResult , searchQuery , isSearchDrawer =true , currentPage , onPageChange , pageSize , onSearchResultClicked ,  })=>{
    const { t , lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()();
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
            children: [
                !!searchResult.result.navigation?.length && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                    className: (_SearchResults_module_scss__WEBPACK_IMPORTED_MODULE_10___default().navigationItemsListContainer),
                    children: searchResult.result.navigation.map((navigationResult)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                            className: (_SearchResults_module_scss__WEBPACK_IMPORTED_MODULE_10___default().navigationItemContainer),
                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Search_NavigationItem__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
                                isSearchDrawer: isSearchDrawer,
                                navigation: navigationResult,
                                service: searchResult.service
                            })
                        }, navigationResult.key))
                }),
                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
                    className: (_SearchResults_module_scss__WEBPACK_IMPORTED_MODULE_10___default().header),
                    children: t("common:search-results", {
                        count: (0,_utils_locale__WEBPACK_IMPORTED_MODULE_9__/* .toLocalizedNumber */ .rQ)(searchResult.pagination.totalRecords, lang)
                    })
                }),
                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
                    children: [
                        searchResult.result.verses.map((result)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SearchResultItem__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                                result: result,
                                source: isSearchDrawer ? _types_SearchQuerySource__WEBPACK_IMPORTED_MODULE_7__/* ["default"].SearchDrawer */ .Z.SearchDrawer : _types_SearchQuerySource__WEBPACK_IMPORTED_MODULE_7__/* ["default"].SearchPage */ .Z.SearchPage,
                                service: searchResult.service
                            }, result.verseKey)),
                        isSearchDrawer ? /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                            className: (_SearchResults_module_scss__WEBPACK_IMPORTED_MODULE_10___default().resultsSummaryContainer),
                            children: [
                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p", {
                                    children: [
                                        (0,_utils_locale__WEBPACK_IMPORTED_MODULE_9__/* .toLocalizedNumber */ .rQ)(searchResult.pagination.totalRecords, lang),
                                        " ",
                                        t("common:search.results")
                                    ]
                                }),
                                searchResult.pagination.totalRecords > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Link_Link__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
                                    href: `/search?query=${searchQuery}`,
                                    shouldPassHref: true,
                                    onClick: ()=>{
                                        if (onSearchResultClicked) onSearchResultClicked();
                                        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_8__/* .logButtonClick */ .MY)("search_drawer_show_all");
                                    },
                                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("a", {
                                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
                                            className: (_SearchResults_module_scss__WEBPACK_IMPORTED_MODULE_10___default().showAll),
                                            children: t("common:search.show-all")
                                        })
                                    })
                                })
                            ]
                        }) : /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
                            children: searchQuery && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Pagination_Pagination__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                                currentPage: currentPage,
                                totalCount: searchResult.pagination.totalRecords,
                                onPageChange: onPageChange,
                                pageSize: pageSize
                            })
                        })
                    ]
                })
            ]
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchResults);

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

/***/ }),

/***/ 66414:
/***/ ((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 lodash_range__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(64042);
/* harmony import */ var lodash_range__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_range__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 _Pagination_module_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(60358);
/* harmony import */ var _Pagination_module_scss__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_Pagination_module_scss__WEBPACK_IMPORTED_MODULE_9__);
/* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(50497);
/* harmony import */ var _icons_caret_back_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(247);
/* harmony import */ var _icons_caret_forward_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(41647);
/* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(24709);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_Button_Button__WEBPACK_IMPORTED_MODULE_5__]);
_dls_Button_Button__WEBPACK_IMPORTED_MODULE_5__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
/* eslint-disable react/no-array-index-key */ 









const DOTS = "...";
const DEFAULT_PAGE_SIZE = 20;
const DEFAULT_SIBLINGS_COUNT = 1;
/**
 * @param {number} start
 * @param {number} end
 * @returns {number[]}
 */ const generateRange = (start, end)=>lodash_range__WEBPACK_IMPORTED_MODULE_3___default()(start, end + 1);
const Pagination = ({ onPageChange , totalCount , currentPage , pageSize =DEFAULT_PAGE_SIZE , siblingsCount =DEFAULT_SIBLINGS_COUNT , showSummary =true ,  })=>{
    const { t , lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_4___default()("common");
    const paginationRange = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>{
        // Math.ceil is used to round the number to the next higher integer value e.g. 0.7 gets rounded to 1, 1.1 gets rounded to 2. This ensures that we are reserving an extra page for the remaining data.
        const totalPageCount = Math.ceil(totalCount / pageSize);
        // Pages count is the sum of siblingsCount + firstPage + lastPage + currentPage + 2*DOTS
        const totalPageNumbers = siblingsCount + 5;
        // if the page numbers we want to show is >= the actual number of pages we have (e.g. only pages 1, 2), we just return the range [1..totalPageCount] without any addition like the dots before and after and first and last page since the range is too small.
        if (totalPageNumbers >= totalPageCount) {
            return generateRange(1, totalPageCount);
        }
        // Calculate left and right siblings index and make sure they are within the range 1 => totalPageCount
        const leftSiblingIndex = Math.max(currentPage - siblingsCount, 1);
        const rightSiblingIndex = Math.min(currentPage + siblingsCount, totalPageCount);
        // We do not want to show dots if there is only one position left after/before the left/right page count.
        const shouldShowLeftDots = leftSiblingIndex > 2;
        const shouldShowRightDots = rightSiblingIndex < totalPageCount - 2;
        const firstPageIndex = 1;
        const lastPageIndex = totalPageCount;
        // No left dots to be shown, but the right dots should be shown
        if (!shouldShowLeftDots && shouldShowRightDots) {
            const leftItemCount = 3 + 2 * siblingsCount;
            const leftRange = generateRange(1, leftItemCount);
            return [
                ...leftRange,
                DOTS,
                totalPageCount
            ];
        }
        // No right dots to be shown, but the left dots should be shown
        if (shouldShowLeftDots && !shouldShowRightDots) {
            const rightItemCount = 3 + 2 * siblingsCount;
            const rightRange = generateRange(totalPageCount - rightItemCount + 1, totalPageCount);
            return [
                firstPageIndex,
                DOTS,
                ...rightRange
            ];
        }
        // the right and left dots should be shown
        if (shouldShowLeftDots && shouldShowRightDots) {
            const middleRange = generateRange(leftSiblingIndex, rightSiblingIndex);
            return [
                firstPageIndex,
                DOTS,
                ...middleRange,
                DOTS,
                lastPageIndex
            ];
        }
        return [];
    }, [
        totalCount,
        pageSize,
        siblingsCount,
        currentPage
    ]);
    if (currentPage === 0 || paginationRange.length < 1) {
        return null;
    }
    const onNext = ()=>{
        onPageChange(currentPage + 1);
    };
    const onPrevious = ()=>{
        onPageChange(currentPage - 1);
    };
    const showingUntilItem = currentPage * pageSize;
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: (_Pagination_module_scss__WEBPACK_IMPORTED_MODULE_9___default().container),
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: (_Pagination_module_scss__WEBPACK_IMPORTED_MODULE_9___default().buttonContainer),
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .ZP, {
                    tooltip: t("prev"),
                    variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_5__/* .ButtonVariant.Ghost */ .Wu.Ghost,
                    isDisabled: currentPage === 1,
                    onClick: onPrevious,
                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_caret_back_svg__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {})
                })
            }),
            paginationRange.map((pageNumber, index)=>{
                if (pageNumber === DOTS) {
                    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                        children: DOTS
                    }, `${pageNumber}-${index}`);
                }
                return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Pagination_module_scss__WEBPACK_IMPORTED_MODULE_9___default().buttonContainer), {
                        [(_Pagination_module_scss__WEBPACK_IMPORTED_MODULE_9___default().selectedButton)]: pageNumber === currentPage
                    }),
                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .ZP, {
                        variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_5__/* .ButtonVariant.Ghost */ .Wu.Ghost,
                        onClick: ()=>onPageChange(pageNumber),
                        children: (0,_utils_locale__WEBPACK_IMPORTED_MODULE_8__/* .toLocalizedNumber */ .rQ)(Number(pageNumber), lang)
                    })
                }, `${pageNumber}-${index}`);
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: (_Pagination_module_scss__WEBPACK_IMPORTED_MODULE_9___default().buttonContainer),
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .ZP, {
                    tooltip: t("next"),
                    variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_5__/* .ButtonVariant.Ghost */ .Wu.Ghost,
                    isDisabled: currentPage === paginationRange[paginationRange.length - 1],
                    onClick: onNext,
                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_caret_forward_svg__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {})
                })
            }),
            showSummary && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
                className: (_Pagination_module_scss__WEBPACK_IMPORTED_MODULE_9___default().uppercase),
                children: t("pagination-summary", {
                    currentResultNumber: (0,_utils_locale__WEBPACK_IMPORTED_MODULE_8__/* .toLocalizedNumber */ .rQ)(showingUntilItem - (pageSize - 1), lang),
                    endOfResultNumber: (0,_utils_locale__WEBPACK_IMPORTED_MODULE_8__/* .toLocalizedNumber */ .rQ)(totalCount < showingUntilItem ? totalCount : showingUntilItem, lang),
                    totalNumberOfResults: (0,_utils_locale__WEBPACK_IMPORTED_MODULE_8__/* .toLocalizedNumber */ .rQ)(totalCount, lang)
                })
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Pagination);

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

/***/ }),

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

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);

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


/***/ }),

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

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);

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


/***/ }),

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

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);

/**
 * A hook that allows to debounce any fast changing value such as text input value.The debounced
 * value will only reflect the latest value when the useDebounce hook has not been called
 * for the specified time period.
 * Code inspiration from https://github.com/xnimorz/use-debounce.
 *
 * @param {T} value the value that will be debounced.
 * @param {number} delay the value of delay in milliseconds before we set the new value as the debounced value.
 * @returns {T}
 */ const useDebounce = (value, delay)=>{
    // State and setters for debounced value
    const { 0: debouncedValue , 1: setDebouncedValue  } = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(value);
    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
        // Update debounced value only after the delay period has elapsed.
        const handler = setTimeout(()=>{
            setDebouncedValue(value);
        }, delay);
        // Cancel the timeout if value or delay period change or if unmount happens.
        // This is how we prevent debounced value from updating if value is changed within the delay period. Timeout gets cleared and restarted.
        return ()=>{
            clearTimeout(handler);
        };
    }, [
        value,
        delay
    ]);
    return debouncedValue;
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useDebounce);


/***/ }),

/***/ 56298:
/***/ ((__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__);
/* harmony import */ var _utils_chapter__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(95892);


const useGetChaptersData = (lang)=>{
    const { 0: chaptersData , 1: setChaptersData  } = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
        (async ()=>{
            setChaptersData(await (0,_utils_chapter__WEBPACK_IMPORTED_MODULE_1__/* .getAllChaptersData */ .T4)(lang));
        })();
    }, [
        lang
    ]);
    return chaptersData;
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useGetChaptersData);


/***/ }),

/***/ 7176:
/***/ ((__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 fuse_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(62733);
/* harmony import */ var fuse_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(fuse_js__WEBPACK_IMPORTED_MODULE_0__);

const filterTranslations = (translations, searchQuery)=>{
    const fuse = new (fuse_js__WEBPACK_IMPORTED_MODULE_0___default())(translations, {
        keys: [
            "name",
            "languageName",
            "authorName",
            "translatedName.name"
        ],
        threshold: 0.3
    });
    const filteredTranslations = fuse.search(searchQuery).map(({ item  })=>item);
    return filteredTranslations;
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (filterTranslations);


/***/ }),

/***/ 3050:
/***/ ((__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 SearchQuerySource;
(function(SearchQuerySource) {
    SearchQuerySource["CommandBar"] = "command_bar";
    SearchQuerySource["SearchDrawer"] = "search_drawer";
    SearchQuerySource["SearchPage"] = "search_page";
    SearchQuerySource["TranslationSettingsDrawer"] = "settings_drawer_translation";
    SearchQuerySource["TafsirSettingsDrawer"] = "settings_drawer_tafsir";
    SearchQuerySource["ReciterPageChapterList"] = "reciter_page_chapter_list";
    SearchQuerySource["Tarteel"] = "tarteel";
    SearchQuerySource["SidebarNavigationChaptersList"] = "sidebar_navigation_chapter_list";
    SearchQuerySource["SidebarNavigationVersesList"] = "sidebar_navigation_verse_list";
    SearchQuerySource["SidebarNavigationJuzsList"] = "sidebar_navigation_juz_list";
    SearchQuerySource["SidebarNavigationPagesList"] = "sidebar_navigation_page_list";
})(SearchQuerySource || (SearchQuerySource = {}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchQuerySource);


/***/ }),

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

"use strict";
module.exports = require("@reduxjs/toolkit");

/***/ }),

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

"use strict";
module.exports = require("@sentry/nextjs");

/***/ }),

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

"use strict";
module.exports = require("@xstate/react");

/***/ }),

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

"use strict";
module.exports = require("classnames");

/***/ }),

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

"use strict";
module.exports = require("fuse.js");

/***/ }),

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

"use strict";
module.exports = require("humps");

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

"use strict";
module.exports = require("next-seo");

/***/ }),

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

"use strict";
module.exports = require("next-translate/useTranslation");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/app-router-context.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/head-manager-context.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/i18n/detect-domain-locale.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/i18n/normalize-locale-path.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/is-plain-object.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/loadable.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/mitt.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/page-path/denormalize-page-path.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router-context.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/add-locale.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/add-path-prefix.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/compare-states.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/format-next-pathname-info.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/format-url.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/get-asset-path-from-route.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/get-next-pathname-info.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/is-bot.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/is-dynamic.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/parse-path.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/parse-relative-url.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/path-has-prefix.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/querystring.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/remove-trailing-slash.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/resolve-rewrites.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/route-matcher.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/route-regex.js");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/utils.js");

/***/ }),

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

"use strict";
module.exports = require("next/router");

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

"use strict";
module.exports = require("xstate");

/***/ }),

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

"use strict";
module.exports = require("xstate/lib/actions");

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

"use strict";
module.exports = require("querystring");

/***/ })

};
;

// load runtime
var __webpack_require__ = require("../webpack-runtime.js");
__webpack_require__.C(exports);
var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))
var __webpack_exports__ = __webpack_require__.X(0, [11497,79165,96954,96270,24709,57933,61239,25869,50497,76410,79717,13830,37883,22197,12951,85949,62093,91308,99163,5639,42752,46570,64564,57072,6094,17543,39820,17999], () => (__webpack_exec__(50056)));
module.exports = __webpack_exports__;

})();
//# sourceMappingURL=search.js.map