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

/***/ 2941:
/***/ ((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 classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(59003);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var 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 _index_module_scss__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(23848);
/* harmony import */ var _index_module_scss__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_index_module_scss__WEBPACK_IMPORTED_MODULE_12__);
/* harmony import */ var _radio_module_scss__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(60968);
/* harmony import */ var _radio_module_scss__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_radio_module_scss__WEBPACK_IMPORTED_MODULE_13__);
/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(92684);
/* harmony import */ var _components_NextSeoWrapper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(25869);
/* harmony import */ var _components_Radio_CuratedStationList__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(53611);
/* harmony import */ var _components_Radio_ReciterStationList__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(58953);
/* harmony import */ var _utils_chapter__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(95892);
/* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(24709);
/* harmony import */ var _utils_navigation__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(57933);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_Radio_CuratedStationList__WEBPACK_IMPORTED_MODULE_7__, _components_Radio_ReciterStationList__WEBPACK_IMPORTED_MODULE_8__, _utils_navigation__WEBPACK_IMPORTED_MODULE_11__]);
([_components_Radio_CuratedStationList__WEBPACK_IMPORTED_MODULE_7__, _components_Radio_ReciterStationList__WEBPACK_IMPORTED_MODULE_8__, _utils_navigation__WEBPACK_IMPORTED_MODULE_11__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);















const NAVIGATION_URL = "/radio";
const RadioPage = ({ reciters  })=>{
    const { t , lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_4___default()("radio");
    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_6__/* ["default"] */ .Z, {
                title: t("common:quran-radio"),
                canonical: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_11__/* .getCanonicalUrl */ .Z2)(lang, NAVIGATION_URL),
                languageAlternates: (0,_utils_locale__WEBPACK_IMPORTED_MODULE_10__/* .getLanguageAlternates */ .qc)(NAVIGATION_URL),
                description: t("radio-desc")
            }),
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
                className: (_index_module_scss__WEBPACK_IMPORTED_MODULE_12___default().pageContainer),
                children: [
                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
                        className: (_radio_module_scss__WEBPACK_IMPORTED_MODULE_13___default().ribbon)
                    }),
                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
                        className: (_index_module_scss__WEBPACK_IMPORTED_MODULE_12___default().flow),
                        children: [
                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
                                className: classnames__WEBPACK_IMPORTED_MODULE_3___default()((_index_module_scss__WEBPACK_IMPORTED_MODULE_12___default().flowItem), (_radio_module_scss__WEBPACK_IMPORTED_MODULE_13___default().title), (_radio_module_scss__WEBPACK_IMPORTED_MODULE_13___default().titleOnRibbon)),
                                children: t("curated-stations")
                            }),
                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
                                className: classnames__WEBPACK_IMPORTED_MODULE_3___default()((_index_module_scss__WEBPACK_IMPORTED_MODULE_12___default().flowItem), (_index_module_scss__WEBPACK_IMPORTED_MODULE_12___default().fullWidth)),
                                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components_Radio_CuratedStationList__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {})
                            }),
                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
                                className: classnames__WEBPACK_IMPORTED_MODULE_3___default()((_index_module_scss__WEBPACK_IMPORTED_MODULE_12___default().flowItem), (_radio_module_scss__WEBPACK_IMPORTED_MODULE_13___default().title)),
                                children: t("reciter-stations")
                            }),
                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
                                className: classnames__WEBPACK_IMPORTED_MODULE_3___default()((_index_module_scss__WEBPACK_IMPORTED_MODULE_12___default().flowItem), (_index_module_scss__WEBPACK_IMPORTED_MODULE_12___default().fullWidth)),
                                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components_Radio_ReciterStationList__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
                                    reciters: reciters
                                })
                            })
                        ]
                    })
                ]
            })
        ]
    });
};
const getStaticProps$1 = async ({ locale  })=>{
    try {
        const chaptersData = await (0,_utils_chapter__WEBPACK_IMPORTED_MODULE_9__/* .getAllChaptersData */ .T4)(locale);
        const { reciters  } = await (0,_api__WEBPACK_IMPORTED_MODULE_5__/* .getAvailableReciters */ .tS)(locale, [
            "profile_picture"
        ]);
        return {
            props: {
                chaptersData,
                reciters
            }
        };
    } catch (e) {
        return {
            notFound: true
        };
    }
};

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

/*
 * 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['/radio'] || _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, '/radio')
    : undefined;
const getServerSideProps =
  typeof origGetServerSideProps === 'function'
    ? _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapGetServerSidePropsWithSentry(origGetServerSideProps, '/radio')
    : undefined;

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



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

/***/ }),

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

// Exports
module.exports = {
	"container": "CuratedStationList_container__AwJQZ",
	"item": "CuratedStationList_item__P7_sR"
};


/***/ }),

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

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


/***/ }),

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

// Exports
module.exports = {
	"title": "radio_title__ZPrd6",
	"titleOnRibbon": "radio_titleOnRibbon__DJfOZ",
	"footerContainer": "radio_footerContainer__Tvi1H",
	"ribbon": "radio_ribbon__OVBhI"
};


/***/ }),

/***/ 53611:
/***/ ((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 _xstate_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(59456);
/* harmony import */ var _xstate_react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_xstate_react__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 _dls_Card_Card__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(81035);
/* harmony import */ var _CuratedStationList_module_scss__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(71872);
/* harmony import */ var _CuratedStationList_module_scss__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_CuratedStationList_module_scss__WEBPACK_IMPORTED_MODULE_11__);
/* harmony import */ var _curatedStations__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(80701);
/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(16868);
/* harmony import */ var _icons_pause_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(51512);
/* harmony import */ var _icons_play_arrow_svg__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(27333);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(55943);
/* harmony import */ var src_xstate_AudioPlayerMachineContext__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(64564);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_Card_Card__WEBPACK_IMPORTED_MODULE_4__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_9__, src_xstate_AudioPlayerMachineContext__WEBPACK_IMPORTED_MODULE_10__]);
([_dls_Card_Card__WEBPACK_IMPORTED_MODULE_4__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_9__, src_xstate_AudioPlayerMachineContext__WEBPACK_IMPORTED_MODULE_10__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);












// When one of the curated station is clicked,
// 1) Pick (randomly) one of the audioTrack listen in the station
//    the listen can be found in curatadStations.ts
// 2) Update the current station state in the redux
// 3) Play the audio
const CuratedStationList = ()=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default()("radio");
    const audioService = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(src_xstate_AudioPlayerMachineContext__WEBPACK_IMPORTED_MODULE_10__/* .AudioPlayerMachineContext */ .c);
    const isAudioPlaying = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_2__.useSelector)(audioService, (state)=>state.matches("VISIBLE.AUDIO_PLAYER_INITIATED.PLAYING"));
    const radioActor = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_2__.useSelector)(audioService, (state)=>state.context.radioActor);
    const playStation = async (id)=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_9__/* .logEvent */ .Kz)("station_played", {
            stationId: id,
            type: _types__WEBPACK_IMPORTED_MODULE_6__/* .StationType.Curated */ .T.Curated
        });
        audioService.send({
            type: "PLAY_RADIO",
            stationType: _types__WEBPACK_IMPORTED_MODULE_6__/* .StationType.Curated */ .T.Curated,
            stationId: Number(id)
        });
    };
    const radioContext = radioActor?.getSnapshot()?.context || {};
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: (_CuratedStationList_module_scss__WEBPACK_IMPORTED_MODULE_11___default().container),
        children: Object.entries(_curatedStations__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z).map(([id, station])=>{
            const isSelectedStation = radioContext.type === _types__WEBPACK_IMPORTED_MODULE_6__/* .StationType.Curated */ .T.Curated && radioContext.id === Number(id);
            let onClick;
            if (!isSelectedStation) onClick = ()=>playStation(id);
            if (isSelectedStation && isAudioPlaying) onClick = ()=>audioService.send("TOGGLE");
            if (isSelectedStation && !isAudioPlaying) onClick = ()=>audioService.send("TOGGLE");
            const actionIcon = isSelectedStation && isAudioPlaying ? /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_pause_svg__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {}) : /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_play_arrow_svg__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {});
            return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: (_CuratedStationList_module_scss__WEBPACK_IMPORTED_MODULE_11___default().item),
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Card_Card__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
                    shouldFlipIconOnRTL: false,
                    actionIcon: actionIcon,
                    imgSrc: station.bannerImgSrc,
                    size: _dls_Card_Card__WEBPACK_IMPORTED_MODULE_4__/* .CardSize.Large */ .I.Large,
                    tooltip: t("common:audio.play"),
                    ariaLabel: t("common:audio.play"),
                    title: t(`curated-station.${station.title}`),
                    imgAlt: t(`curated-station.${station.title}`),
                    description: t(`curated-station.${station.description}`),
                    onImgClick: onClick,
                    onActionIconClick: onClick
                })
            }, id);
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CuratedStationList);

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

/***/ }),

/***/ 58953:
/***/ ((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 _xstate_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(59456);
/* harmony import */ var _xstate_react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_xstate_react__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _dls_Card_Card__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(81035);
/* harmony import */ var _dls_Link_Link__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(61239);
/* harmony import */ var _ReciterStationList_module_scss__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(9087);
/* harmony import */ var _ReciterStationList_module_scss__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_ReciterStationList_module_scss__WEBPACK_IMPORTED_MODULE_11__);
/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(16868);
/* harmony import */ var _icons_pause_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(51512);
/* harmony import */ var _icons_play_arrow_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(27333);
/* harmony import */ var _utils_cdn__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(17339);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(55943);
/* harmony import */ var _utils_navigation__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(57933);
/* harmony import */ var src_xstate_AudioPlayerMachineContext__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(64564);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_Card_Card__WEBPACK_IMPORTED_MODULE_3__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_8__, _utils_navigation__WEBPACK_IMPORTED_MODULE_9__, src_xstate_AudioPlayerMachineContext__WEBPACK_IMPORTED_MODULE_10__]);
([_dls_Card_Card__WEBPACK_IMPORTED_MODULE_3__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_8__, _utils_navigation__WEBPACK_IMPORTED_MODULE_9__, src_xstate_AudioPlayerMachineContext__WEBPACK_IMPORTED_MODULE_10__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);













const ReciterStationList = ({ reciters  })=>{
    const audioService = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(src_xstate_AudioPlayerMachineContext__WEBPACK_IMPORTED_MODULE_10__/* .AudioPlayerMachineContext */ .c);
    const isAudioPlaying = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_2__.useSelector)(audioService, (state)=>state.matches("VISIBLE.AUDIO_PLAYER_INITIATED.PLAYING"));
    const radioActor = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_2__.useSelector)(audioService, (state)=>state.context.radioActor);
    const radioContext = radioActor?.getSnapshot()?.context || {};
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: (_ReciterStationList_module_scss__WEBPACK_IMPORTED_MODULE_11___default().container),
        children: reciters.map((reciter)=>{
            const isSelectedStation = radioContext.type === _types__WEBPACK_IMPORTED_MODULE_5__/* .StationType.Reciter */ .T.Reciter && Number(radioContext.id) === reciter.id;
            let onClick;
            if (!isSelectedStation) {
                onClick = ()=>{
                    (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_8__/* .logEvent */ .Kz)("station_played", {
                        stationId: reciter.id,
                        type: _types__WEBPACK_IMPORTED_MODULE_5__/* .StationType.Curated */ .T.Curated
                    });
                    audioService.send({
                        type: "PLAY_RADIO",
                        stationType: _types__WEBPACK_IMPORTED_MODULE_5__/* .StationType.Reciter */ .T.Reciter,
                        stationId: reciter.id
                    });
                };
            }
            if (isSelectedStation) {
                onClick = ()=>audioService.send("TOGGLE");
            }
            const actionIcon = isSelectedStation && isAudioPlaying ? /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_pause_svg__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {}) : /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_play_arrow_svg__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {});
            return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Card_Card__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                actionIcon: actionIcon,
                imgSrc: (0,_utils_cdn__WEBPACK_IMPORTED_MODULE_12__/* .makeCDNUrl */ .Kr)(reciter.profilePicture),
                onImgClick: onClick,
                title: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Link_Link__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
                    href: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_9__/* .getReciterNavigationUrl */ .aT)(reciter.id.toString()),
                    children: reciter.translatedName.name
                }, reciter.id),
                imgAlt: reciter.translatedName.name,
                description: reciter.style.name,
                size: _dls_Card_Card__WEBPACK_IMPORTED_MODULE_3__/* .CardSize.Medium */ .I.Medium
            }, reciter.id);
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReciterStationList);

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

/***/ }),

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

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Kr": () => (/* binding */ makeCDNUrl)
/* harmony export */ });
/* unused harmony exports CDN_HOST, CDN_ASSETS_VERSION */
const CDN_HOST = "https://static.qurancdn.com";
const CDN_ASSETS_VERSION = "1";
/**
 * Generate versioned URL of static asset
 *
 * @param {string} path the path of static asset
 * @returns {string}
 */ const makeCDNUrl = (path)=>{
    return `${CDN_HOST}/${path}?v=${CDN_ASSETS_VERSION}`;
};


/***/ }),

/***/ 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");

/***/ }),

/***/ 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");

/***/ }),

/***/ 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");

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/head.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");

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

"use strict";
module.exports = require("next/dist/shared/lib/is-plain-object.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");

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

/***/ 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");;

/***/ }),

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

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

/***/ }),

/***/ 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,7477,96270,24709,57933,61239,25869,50497,76410,79717,64564,21550,9581], () => (__webpack_exec__(2941)));
module.exports = __webpack_exports__;

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