exports.id = 52271; exports.ids = [52271]; exports.modules = { /***/ 58421: /***/ ((__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 SvgWest = function SvgWest(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: "m9 19 1.41-1.41L5.83 13H22v-2H5.83l4.59-4.59L9 5l-7 7 7 7Z", fill: "currentColor" }))); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgWest); /***/ }), /***/ 94185: /***/ ((module) => { // Exports module.exports = { "container": "Info_container__F5EE7", "infoBody": "Info_infoBody__5p7Nu", "backContainer": "Info_backContainer__6CVP7", "backIcon": "Info_backIcon__ywZyE", "imageContainer": "Info_imageContainer__48mv2", "textBody": "Info_textBody__Tx5BZ", "infoTextContainer": "Info_infoTextContainer__N2E46", "headerContainer": "Info_headerContainer__Gt5qK", "surahName": "Info_surahName__X8hE6", "detailsContainer": "Info_detailsContainer__YGVEI", "detailHeader": "Info_detailHeader__IXEu1" }; /***/ }), /***/ 40206: /***/ ((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 ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(96021); /* harmony import */ var _components_NextSeoWrapper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(25869); /* harmony import */ var _lib_og__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(11670); /* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(24709); /* harmony import */ var _utils_navigation__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(57933); /* harmony import */ var src_pages_error__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(36049); var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([___WEBPACK_IMPORTED_MODULE_3__, _utils_navigation__WEBPACK_IMPORTED_MODULE_6__, src_pages_error__WEBPACK_IMPORTED_MODULE_7__]); ([___WEBPACK_IMPORTED_MODULE_3__, _utils_navigation__WEBPACK_IMPORTED_MODULE_6__, src_pages_error__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__); const InfoPage = ({ hasError , chapterInfoResponse , chapterResponse })=>{ const { t , lang } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("common"); if (hasError) { return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(src_pages_error__WEBPACK_IMPORTED_MODULE_7__["default"], { statusCode: 500 }); } const navigationUrl = (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_6__/* .getSurahInfoNavigationUrl */ .Zm)(chapterResponse.chapter.slug); return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: [ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_NextSeoWrapper__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, { title: `${t("surah")} ${chapterResponse.chapter.transliteratedName} - ${(0,_utils_locale__WEBPACK_IMPORTED_MODULE_5__/* .toLocalizedNumber */ .rQ)(1, lang)}-${(0,_utils_locale__WEBPACK_IMPORTED_MODULE_5__/* .toLocalizedNumber */ .rQ)(chapterResponse.chapter.versesCount, lang)}`, image: (0,_lib_og__WEBPACK_IMPORTED_MODULE_8__/* .getChapterOgImageUrl */ .oJ)({ chapterId: chapterInfoResponse.chapterInfo.id, locale: lang }), imageWidth: 1200, imageHeight: 630, canonical: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_6__/* .getCanonicalUrl */ .Z2)(lang, navigationUrl), languageAlternates: (0,_utils_locale__WEBPACK_IMPORTED_MODULE_5__/* .getLanguageAlternates */ .qc)(navigationUrl), description: chapterInfoResponse.chapterInfo.shortText }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(___WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, { chapter: chapterResponse.chapter, chapterInfo: chapterInfoResponse.chapterInfo }) ] }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (InfoPage); __webpack_async_result__(); } catch(e) { __webpack_async_result__(e); } }); /***/ }), /***/ 96021: /***/ ((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_image__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7477); /* harmony import */ var next_image__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_image__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 _Info_module_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(94185); /* harmony import */ var _Info_module_scss__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_Info_module_scss__WEBPACK_IMPORTED_MODULE_9__); /* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(50497); /* harmony import */ var _icons_west_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(58421); /* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(55943); /* harmony import */ var _utils_image__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(42353); /* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(24709); /* harmony import */ var _utils_navigation__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(57933); var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__, _utils_navigation__WEBPACK_IMPORTED_MODULE_8__]); ([_dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__, _utils_navigation__WEBPACK_IMPORTED_MODULE_8__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__); /* eslint-disable react/no-danger */ const Info = ({ chapter , chapterInfo })=>{ const { t , lang } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default()(); return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", { className: (_Info_module_scss__WEBPACK_IMPORTED_MODULE_9___default().container), children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (_Info_module_scss__WEBPACK_IMPORTED_MODULE_9___default().infoBody), children: [ /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { children: [ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", { className: (_Info_module_scss__WEBPACK_IMPORTED_MODULE_9___default().backContainer), children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .ZP, { variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__/* .ButtonVariant.Ghost */ .Wu.Ghost, href: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_8__/* .getSurahNavigationUrl */ .qm)(chapterInfo.chapterId), className: (_Info_module_scss__WEBPACK_IMPORTED_MODULE_9___default().backIcon), prefix: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_west_svg__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {}), size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_4__/* .ButtonSize.Small */ .qE.Small, onClick: ()=>{ (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_6__/* .logButtonClick */ .MY)("chapter_info_go_back"); }, children: t("surah-info:go-to-surah") }) }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", { className: (_Info_module_scss__WEBPACK_IMPORTED_MODULE_9___default().imageContainer), children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_image__WEBPACK_IMPORTED_MODULE_2___default()), { src: `/images/${chapter.revelationPlace}.jpg`, layout: "fill", placeholder: "blur", blurDataURL: (0,_utils_image__WEBPACK_IMPORTED_MODULE_10__/* .getBlurDataUrl */ .y)(200, 200), alt: t(`surah-info:${chapter.revelationPlace}`) }) }) ] }), /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (_Info_module_scss__WEBPACK_IMPORTED_MODULE_9___default().infoTextContainer), children: [ /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (_Info_module_scss__WEBPACK_IMPORTED_MODULE_9___default().headerContainer), children: [ /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (_Info_module_scss__WEBPACK_IMPORTED_MODULE_9___default().surahName), children: [ t("common:surah"), " ", chapter.transliteratedName ] }), /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (_Info_module_scss__WEBPACK_IMPORTED_MODULE_9___default().detailsContainer), children: [ /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { children: [ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", { className: (_Info_module_scss__WEBPACK_IMPORTED_MODULE_9___default().detailHeader), children: t("common:ayahs") }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", { children: (0,_utils_locale__WEBPACK_IMPORTED_MODULE_7__/* .toLocalizedNumber */ .rQ)(chapter.versesCount, lang) }) ] }), /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { children: [ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", { className: (_Info_module_scss__WEBPACK_IMPORTED_MODULE_9___default().detailHeader), children: t("surah-info:revelation-place") }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", { children: t(`surah-info:${chapter.revelationPlace}`) }) ] }) ] }) ] }), /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", { dangerouslySetInnerHTML: { __html: chapterInfo.text }, className: (_Info_module_scss__WEBPACK_IMPORTED_MODULE_9___default().textBody) }) ] }) ] }) }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Info); __webpack_async_result__(); } catch(e) { __webpack_async_result__(e); } }); /***/ }), /***/ 11670: /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "KT": () => (/* binding */ getAboutTheQuranImageUrl), /* harmony export */ "dJ": () => (/* binding */ getLearningPlansImageUrl), /* harmony export */ "oJ": () => (/* binding */ getChapterOgImageUrl), /* harmony export */ "qW": () => (/* binding */ getDefaultOgImageUrl) /* harmony export */ }); const BASE_OG_URL = "https://og.qurancdn.com"; const getDefaultOgImageUrl = ({ locale })=>`${BASE_OG_URL}/api/og?lang=${locale}`; const getAboutTheQuranImageUrl = ({ locale })=>`${BASE_OG_URL}/api/og/about-the-quran?lang=${locale}`; const getLearningPlansImageUrl = ({ locale })=>`${BASE_OG_URL}/api/og/learning-plans?lang=${locale}`; const getChapterOgImageUrl = ({ chapterId , locale , verseNumber })=>{ const url = `${BASE_OG_URL}/api/og/chapter/${chapterId}?lang=${locale}`; if (!verseNumber) return url; return `${url}&verse=${verseNumber}`; }; /***/ }), /***/ 45137: /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "Dp": () => (/* binding */ ONE_WEEK_REVALIDATION_PERIOD_SECONDS), /* harmony export */ "eW": () => (/* binding */ REVALIDATION_PERIOD_ON_ERROR_SECONDS), /* harmony export */ "gi": () => (/* binding */ ONE_MONTH_REVALIDATION_PERIOD_SECONDS) /* harmony export */ }); /* unused harmony export ONE_DAY_REVALIDATION_PERIOD_SECONDS */ const REVALIDATION_PERIOD_ON_ERROR_SECONDS = 604800; // 7 days. TODO: @osama update the naming + value when we revert this back const ONE_DAY_REVALIDATION_PERIOD_SECONDS = 86400; // 1 day const ONE_WEEK_REVALIDATION_PERIOD_SECONDS = 604800; // 7 days const ONE_MONTH_REVALIDATION_PERIOD_SECONDS = 2592000; // 30 days /***/ }) }; ; //# sourceMappingURL=52271.js.map