quran/.next/server/chunks/52271.js

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