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

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

// Exports
module.exports = {
	"ctaButton": "PlayRadioButton_ctaButton__cEBo8",
	"container": "PlayRadioButton_container___GD_P",
	"playRadioSection": "PlayRadioButton_playRadioSection__0qUwH",
	"stationTitle": "PlayRadioButton_stationTitle__QI0ui",
	"editStationButton": "PlayRadioButton_editStationButton__Esi_Y",
	"playPauseButton": "PlayRadioButton_playPauseButton__sHEjM"
};


/***/ }),

/***/ 14918:
/***/ ((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": () => (__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 _Radio_curatedStations__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(80701);
/* harmony import */ var _Radio_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(16868);
/* harmony import */ var _PlayRadioButton_module_scss__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(14822);
/* harmony import */ var _PlayRadioButton_module_scss__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_PlayRadioButton_module_scss__WEBPACK_IMPORTED_MODULE_14__);
/* harmony import */ var _RadioInformation__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(22390);
/* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(50497);
/* harmony import */ var _dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(7190);
/* harmony import */ var _icons_pause_svg__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(51512);
/* harmony import */ var _icons_play_arrow_svg__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(27333);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(55943);
/* harmony import */ var src_xstate_actors_audioPlayer_selectors__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(16119);
/* harmony import */ var src_xstate_AudioPlayerMachineContext__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(64564);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_RadioInformation__WEBPACK_IMPORTED_MODULE_6__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_11__, src_xstate_AudioPlayerMachineContext__WEBPACK_IMPORTED_MODULE_13__]);
([_RadioInformation__WEBPACK_IMPORTED_MODULE_6__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_11__, src_xstate_AudioPlayerMachineContext__WEBPACK_IMPORTED_MODULE_13__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
/* eslint-disable react/no-multi-comp */ 














const PlayRadioButton = ()=>{
    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_13__/* .AudioPlayerMachineContext */ .c);
    const isAudioPlaying = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_2__.useSelector)(audioService, (state)=>state.matches("VISIBLE.AUDIO_PLAYER_INITIATED.PLAYING"));
    const isRadioMode = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_2__.useSelector)(audioService, (state)=>!!state.context.radioActor);
    const isLoading = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_2__.useSelector)(audioService, src_xstate_actors_audioPlayer_selectors__WEBPACK_IMPORTED_MODULE_12__/* .selectIsLoading */ .xU);
    // TODO: handle continue radio from last saved session
    const onPlayClicked = ()=>{
        if (isRadioMode) {
            audioService.send("TOGGLE");
            return;
        }
        const randomStationId = (0,_Radio_curatedStations__WEBPACK_IMPORTED_MODULE_4__/* .getRandomCuratedStationId */ .u)();
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_11__/* .logButtonClick */ .MY)("play_radio", {
            stationId: randomStationId,
            type: _Radio_types__WEBPACK_IMPORTED_MODULE_5__/* .StationType.Curated */ .T.Curated
        });
        audioService.send({
            type: "PLAY_RADIO",
            stationId: Number(randomStationId),
            stationType: _Radio_types__WEBPACK_IMPORTED_MODULE_5__/* .StationType.Curated */ .T.Curated
        });
    };
    const onPauseClicked = ()=>{
        audioService.send("TOGGLE");
    };
    const { radioActor  } = audioService.getSnapshot().context;
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: (_PlayRadioButton_module_scss__WEBPACK_IMPORTED_MODULE_14___default().container),
        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
            className: (_PlayRadioButton_module_scss__WEBPACK_IMPORTED_MODULE_14___default().playRadioSection),
            children: [
                isAudioPlaying && isRadioMode ? /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .ZP, {
                    prefix: isLoading ? /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {}) : /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_pause_svg__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {}),
                    onClick: onPauseClicked,
                    id: "radio-button",
                    type: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* .ButtonType.Success */ .L$.Success,
                    size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* .ButtonSize.Small */ .qE.Small,
                    className: (_PlayRadioButton_module_scss__WEBPACK_IMPORTED_MODULE_14___default().playPauseButton),
                    children: t("pause-radio")
                }) : /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .ZP, {
                    prefix: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_play_arrow_svg__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {}),
                    onClick: onPlayClicked,
                    shouldFlipOnRTL: false,
                    id: "radio-button",
                    type: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* .ButtonType.Success */ .L$.Success,
                    size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_7__/* .ButtonSize.Small */ .qE.Small,
                    className: (_PlayRadioButton_module_scss__WEBPACK_IMPORTED_MODULE_14___default().playPauseButton),
                    children: t("play-radio")
                }),
                radioActor && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_RadioInformation__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                    radioActor: radioActor
                })
            ]
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PlayRadioButton);

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

/***/ }),

/***/ 22390:
/***/ ((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 _xstate_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59456);
/* harmony import */ var _xstate_react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_xstate_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 _dls_Link_Link__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(61239);
/* harmony import */ var _PlayRadioButton_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(14822);
/* harmony import */ var _PlayRadioButton_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_PlayRadioButton_module_scss__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(55943);
/* harmony import */ var src_xstate_Radio_useCurrentStationInfo__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(62438);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_utils_eventLogger__WEBPACK_IMPORTED_MODULE_4__, src_xstate_Radio_useCurrentStationInfo__WEBPACK_IMPORTED_MODULE_5__]);
([_utils_eventLogger__WEBPACK_IMPORTED_MODULE_4__, src_xstate_Radio_useCurrentStationInfo__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
/* eslint-disable i18next/no-literal-string */ 






const RadioInformation = ({ radioActor  })=>{
    const [state] = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_1__.useActor)(radioActor);
    const stationInfo = (0,src_xstate_Radio_useCurrentStationInfo__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z)(state.context);
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("radio");
    const onChangeClicked = ()=>{
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_4__/* .logButtonClick */ .MY)("homepage_change_radio");
    };
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: (_PlayRadioButton_module_scss__WEBPACK_IMPORTED_MODULE_6___default().stationInfo),
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                className: (_PlayRadioButton_module_scss__WEBPACK_IMPORTED_MODULE_6___default().stationTitle),
                children: stationInfo.title
            }),
            " ",
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_dls_Link_Link__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                onClick: onChangeClicked,
                href: "/radio",
                className: (_PlayRadioButton_module_scss__WEBPACK_IMPORTED_MODULE_6___default().editStationButton),
                children: [
                    "(",
                    t("change"),
                    ")"
                ]
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RadioInformation);

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

/***/ }),

/***/ 62438:
/***/ ((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 next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var swr_immutable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(79847);
/* harmony import */ var _components_Radio_curatedStations__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(80701);
/* harmony import */ var _components_Radio_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(16868);
/* harmony import */ var _utils_apiPaths__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(46127);
/* harmony import */ var src_api__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(92684);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr_immutable__WEBPACK_IMPORTED_MODULE_1__]);
swr_immutable__WEBPACK_IMPORTED_MODULE_1__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];






const useCurrentStationInfo = (context)=>{
    const { t , lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_0___default()("radio");
    const stationState = context;
    const { data: reciterData  } = (0,swr_immutable__WEBPACK_IMPORTED_MODULE_1__["default"])(stationState.type === _components_Radio_types__WEBPACK_IMPORTED_MODULE_3__/* .StationType.Reciter */ .T.Reciter ? (0,_utils_apiPaths__WEBPACK_IMPORTED_MODULE_4__/* .makeReciterUrl */ .Sn)(stationState.id, lang) : null, ()=>(0,src_api__WEBPACK_IMPORTED_MODULE_5__/* .getReciterData */ .zm)(stationState.id, lang));
    const getCuratedStationInfo = ()=>{
        const curatedStation = _components_Radio_curatedStations__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z[stationState.id];
        return {
            title: t(`curated-station.${curatedStation.title}`),
            description: t(`curated-station.${curatedStation.description}`)
        };
    };
    const getReciterStationInfo = ()=>{
        const selectedReciter = reciterData?.reciter;
        return {
            title: selectedReciter?.translatedName?.name,
            description: selectedReciter?.style?.name
        };
    };
    if (stationState.type === _components_Radio_types__WEBPACK_IMPORTED_MODULE_3__/* .StationType.Curated */ .T.Curated) return getCuratedStationInfo();
    return getReciterStationInfo();
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useCurrentStationInfo);

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

/***/ }),

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

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "BP": () => (/* binding */ selectCurrentAudioReciterId),
/* harmony export */   "XL": () => (/* binding */ selectIsLoadingCurrentChapter),
/* harmony export */   "eU": () => (/* binding */ selectIsVerseLoading),
/* harmony export */   "iX": () => (/* binding */ selectIsUsingDefaultReciter),
/* harmony export */   "sI": () => (/* binding */ selectIsPlayingCurrentChapter),
/* harmony export */   "xU": () => (/* binding */ selectIsLoading)
/* harmony export */ });
/* unused harmony exports selectIsAudioPlaying, selectIsVerseBeingPlayed */
/* harmony import */ var _redux_defaultSettings_defaultSettings__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(11854);
/* harmony import */ var _utils_verse__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44519);
/* eslint-disable import/prefer-default-export */ 

const selectIsUsingDefaultReciter = (state)=>state.context.reciterId === _redux_defaultSettings_defaultSettings__WEBPACK_IMPORTED_MODULE_0__/* .DEFAULT_RECITER.id */ .YS.id;
const selectCurrentAudioReciterId = (state)=>state.context.audioData?.reciterId;
const selectIsLoading = (state)=>state.hasTag("loading");
const selectIsAudioPlaying = (state)=>state.matches("VISIBLE.AUDIO_PLAYER_INITIATED.PLAYING");
const selectIsPlayingCurrentChapter = (state, chapterId)=>{
    const isAudioPlaying = selectIsAudioPlaying(state);
    const currentSurah = state.context.surah;
    return isAudioPlaying && currentSurah === chapterId;
};
const selectIsLoadingCurrentChapter = (state, chapterId)=>{
    const isLoading = selectIsLoading(state);
    const currentSurah = state.context.surah;
    return isLoading && currentSurah === chapterId;
};
const selectIsVerseBeingPlayed = (state, verseKey)=>{
    const { surah , ayahNumber  } = state.context;
    return state.matches("VISIBLE.AUDIO_PLAYER_INITIATED.PLAYING") && makeVerseKey(surah, ayahNumber) === verseKey;
};
const selectIsVerseLoading = (state, verseKey)=>{
    const { surah , ayahNumber  } = state.context;
    return selectIsLoading(state) && (0,_utils_verse__WEBPACK_IMPORTED_MODULE_1__/* .makeVerseKey */ .u)(surah, ayahNumber) === verseKey;
};


/***/ })

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