\n {\n downloadResource(currentTrack.audio, `${currentTrack.title}.mp3`);\n }}\n >\n
\n \n \n {\n const nextTrackIndex = (currentTrackIndex + 1) % playlist.length;\n const nextTrackId = playlist[nextTrackIndex].id;\n dispatch({\n type: TYPE_SET_TRACK,\n payload: { track: nextTrackId, trackIndex: nextTrackIndex },\n });\n }}\n >\n
\n \n
\n \n
\n \n
\n {`${convertSeconds(\n Math.floor(seekBarPosition)\n )}`}
\n{`${convertSeconds(\n Math.ceil(Number(currentTrack?.length || 100)) - Math.floor(seekBarPosition)\n )}`}
\n\n
\n \n {/* Image */}\n
\n \n 
\n
\n {/* Rest */}\n \n
\n {currentTrack?.title || ''}
\n{props.bookTitle || ''}
\n\n {\n const nextTrackIndex = currentTrackIndex === 0 ? playlist.length - 1 : currentTrackIndex - 1;\n const nextTrackId = playlist[nextTrackIndex].id;\n dispatch({\n type: TYPE_SET_TRACK,\n payload: { track: nextTrackId, trackIndex: nextTrackIndex },\n });\n }}\n >\n
\n \n
\n \n
\n \n {\n if (playState === STATE_PLAYING) {\n dispatch({\n type: TYPE_TOGGLE_PLAY_PAUSE,\n payload: STATE_PAUSED,\n });\n } else if (playState === STATE_PAUSED) {\n dispatch({\n type: TYPE_TOGGLE_PLAY_PAUSE,\n payload: STATE_PLAYING,\n });\n }\n }}\n >\n {isEqual(playState, STATE_PLAYING) ? (\n
\n \n
\n \n {\n if (mute) {\n dispatch({ type: TYPE_SET_UNMUTE });\n } else {\n dispatch({ type: TYPE_SET_MUTE });\n }\n }}\n >\n {mute ?
\n \n {\n setVol(val);\n dispatch({ type: TYPE_SET_VOLUME, payload: Math.floor(val) });\n }}\n value={mute ? 0 : vol}\n trackStyle={{ backgroundColor: '#FC650A', height: 2 }}\n railStyle={{ backgroundColor: '#EDEDED', height: 2 }}\n handleStyle={{\n backgroundColor: '#FFF',\n border: '1px solid #E7EAEB',\n boxShadow: '0px 2px 6px rgba(69, 81, 84, 0.1)',\n height: 24,\n width: 24,\n marginTop: '-11px',\n }}\n />\n
\n \n \n \n \n \n );\n};\n\nexport default MiniPlayer;\n","import React, { useState } from 'react';\nimport Slider from 'rc-slider';\nimport { Row, Col } from 'react-bootstrap';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { isEqual } from 'lodash';\nimport Spinner from 'react-spinkit';\nimport { RiPlayList2Fill } from 'react-icons/ri';\nimport { HiDownload } from 'react-icons/hi';\nimport { BsCaretRightFill, BsCaretLeftFill, BsVolumeUpFill, BsVolumeDownFill } from 'react-icons/bs';\nimport { FaPause, FaPlay, FaAngleUp, FaAngleDown, FaAngleLeft } from 'react-icons/fa';\nimport PlaylistRow from './playlistRow';\nimport { convertSeconds } from '../../utils/timeUtil';\nimport {\n TYPE_TOGGLE_PLAY_PAUSE,\n STATE_BUFFERING,\n STATE_PAUSED,\n STATE_PLAYING,\n TYPE_SET_SEEKBAR_POS_FOR_PLAYER,\n TYPE_LOCK_SEEKBAR_MUTEX,\n TYPE_SET_VOLUME,\n TYPE_SET_TRACK,\n} from '../../store/reducer';\nimport 'rc-slider/assets/index.css';\n\nconst ExpandedContent = (props) => {\n const { title, book, chapter, playState, length, seekBar, cover, toggleExpand } = props;\n const { currentTrackId, playlist, currentTrackIndex, mute, volume } = useSelector((state) => state.audio);\n\n const [showPlaylist, setShowPlaylist] = useState(false);\n const [vol, setVol] = useState(Math.floor(volume * 100));\n const dispatch = useDispatch();\n\n const currentTrack = playlist[currentTrackIndex];\n const handleAudioSelection = (trackId, trackIndex) => {\n dispatch({ type: TYPE_SET_TRACK, payload: { track: trackId, trackIndex } });\n };\n\n return (\n \n
\n \n {\n toggleExpand();\n }}\n onKeyDown={() => {}}\n >\n
\n \n
\n {book.name}
\n\n 
\n
\n \n
\n\n \n
\n \n {\n dispatch({\n type: TYPE_SET_SEEKBAR_POS_FOR_PLAYER,\n payload: { position: value },\n });\n }}\n onAfterChange={() => {\n dispatch({ type: TYPE_LOCK_SEEKBAR_MUTEX });\n }}\n trackStyle={{ backgroundColor: '#FC650A' }}\n railStyle={{ backgroundColor: '#EDEDED' }}\n handleStyle={{\n backgroundColor: '#FC650A',\n borderColor: '#FC650A',\n }}\n />\n
\n \n
\n {convertSeconds(Math.floor(seekBar))}
\n{convertSeconds(Math.ceil(Number(length)))}
\n\n
\n \n \n \n \n );\n};\n\nconst MobilePlayer = ({\n cover = '',\n title = 'Loading..',\n subTitle = 'Loading...',\n playState = 'paused',\n length = 100,\n seekBar = 20,\n book,\n chapterIndex,\n ...props\n}) => {\n const [expanded, setExpanded] = useState(false);\n const [closePlayer, setClosePlayer] = useState(false);\n const dispatch = useDispatch();\n const { show } = useSelector((state) => state.miniPlayer);\n\n return (\n \n
\n \n
\n \n
\n \n {\n setShowPlaylist(false);\n }}\n onKeyDown={() => {}}\n />\n
\n {`Chapter ${currentTrackIndex + 1} of ${\n playlist.length\n }`}
\n\n {playlist.map((track, index) => {\n return (\n {\n handleAudioSelection(track.id, index);\n }}\n />\n );\n })}\n
\n \n
\n \n {\n setShowPlaylist(true);\n }}\n />\n
\n \n
\n {title}
\n{chapter}
\n\n
\n \n
\n \n {\n const nextTrackIndex = currentTrackIndex - 1;\n const nextTrackId = playlist[nextTrackIndex].id;\n dispatch({\n type: TYPE_SET_TRACK,\n payload: {\n track: nextTrackId,\n trackIndex: nextTrackIndex,\n },\n });\n }}\n onKeyDown={() => {}}\n >\n
\n \n {\n if (isEqual(playState, STATE_PLAYING)) {\n dispatch({\n type: TYPE_TOGGLE_PLAY_PAUSE,\n payload: STATE_PAUSED,\n });\n } else if (isEqual(playState, STATE_PAUSED)) {\n dispatch({\n type: TYPE_TOGGLE_PLAY_PAUSE,\n payload: STATE_PLAYING,\n });\n }\n }}\n onKeyDown={() => {}}\n >\n {isEqual(playState, STATE_PLAYING) ? (\n
\n \n {\n const nextTrackIndex = currentTrackIndex + 1;\n const nextTrackId = playlist[nextTrackIndex].id;\n dispatch({\n type: TYPE_SET_TRACK,\n payload: {\n track: nextTrackId,\n trackIndex: nextTrackIndex,\n },\n });\n }}\n onKeyDown={() => {}}\n >\n
\n \n
\n \n
\n \n {\n setVol(val);\n dispatch({\n type: TYPE_SET_VOLUME,\n payload: Math.floor(val),\n });\n }}\n trackStyle={{ backgroundColor: '#FC650A', height: 2 }}\n railStyle={{ backgroundColor: '#EDEDED', height: 2 }}\n // handleStyle={{ backgroundColor: \"#FFF\", border: \"1px solid #E7EAEB\", boxShadow: \"0px 2px 6px rgba(69, 81, 84, 0.1)\", height: 24, width: 24, transform: \"translate(-50%, -25%)\" }}\n handleStyle={{\n backgroundColor: '#FFF',\n border: '1px solid #E7EAEB',\n boxShadow: '0px 2px 6px rgba(69, 81, 84, 0.1)',\n height: 24,\n width: 24,\n marginTop: '-4%',\n }}\n />\n
\n \n
\n \n {\n setExpanded(!expanded);\n }}\n onKeyDown={() => {}}\n >\n {expanded ? null :
\n {expanded ? (\n \n \n {\n if (isEqual(playState, STATE_PLAYING)) {\n dispatch({\n type: TYPE_TOGGLE_PLAY_PAUSE,\n payload: STATE_PAUSED,\n });\n } else if (isEqual(playState, STATE_PAUSED)) {\n dispatch({\n type: TYPE_TOGGLE_PLAY_PAUSE,\n payload: STATE_PLAYING,\n });\n }\n }}\n onKeyDown={() => {}}\n >\n {playState === STATE_PLAYING ?
\n \n \n \n\n \n \n
\n \n \n
\n \n {title}
\n{subTitle}
\n\n
\n \n )}\n \n
\n {convertSeconds(Math.floor(seekBar))}
\n\n {\n dispatch({\n type: TYPE_SET_SEEKBAR_POS_FOR_PLAYER,\n payload: { position: value },\n });\n }}\n onAfterChange={() => {\n dispatch({ type: TYPE_LOCK_SEEKBAR_MUTEX });\n }}\n trackStyle={{ backgroundColor: '#FC650A' }}\n railStyle={{ backgroundColor: '#EDEDED' }}\n handleStyle={{\n backgroundColor: '#FC650A',\n borderColor: '#FC650A',\n }}\n />\n
\n \n
\n {convertSeconds(Math.ceil(Number(length)))}
\n\n
\n );\n};\nexport default AudioComponent;\n","function _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport React, { PureComponent } from 'react'; // eslint-disable-line import/no-unresolved\n\nexport var PersistGate =\n/*#__PURE__*/\nfunction (_PureComponent) {\n _inherits(PersistGate, _PureComponent);\n\n function PersistGate() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, PersistGate);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(PersistGate)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_this), \"state\", {\n bootstrapped: false\n });\n\n _defineProperty(_assertThisInitialized(_this), \"_unsubscribe\", void 0);\n\n _defineProperty(_assertThisInitialized(_this), \"handlePersistorState\", function () {\n var persistor = _this.props.persistor;\n\n var _persistor$getState = persistor.getState(),\n bootstrapped = _persistor$getState.bootstrapped;\n\n if (bootstrapped) {\n if (_this.props.onBeforeLift) {\n Promise.resolve(_this.props.onBeforeLift()).finally(function () {\n return _this.setState({\n bootstrapped: true\n });\n });\n } else {\n _this.setState({\n bootstrapped: true\n });\n }\n\n _this._unsubscribe && _this._unsubscribe();\n }\n });\n\n return _this;\n }\n\n _createClass(PersistGate, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this._unsubscribe = this.props.persistor.subscribe(this.handlePersistorState);\n this.handlePersistorState();\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this._unsubscribe && this._unsubscribe();\n }\n }, {\n key: \"render\",\n value: function render() {\n if (process.env.NODE_ENV !== 'production') {\n if (typeof this.props.children === 'function' && this.props.loading) console.error('redux-persist: PersistGate expects either a function child or loading prop, but not both. The loading prop will be ignored.');\n }\n\n if (typeof this.props.children === 'function') {\n return this.props.children(this.state.bootstrapped);\n }\n\n return this.state.bootstrapped ? this.props.children : this.props.loading;\n }\n }]);\n\n return PersistGate;\n}(PureComponent);\n\n_defineProperty(PersistGate, \"defaultProps\", {\n children: null,\n loading: null\n});","// src/utils/formatProdErrorMessage.ts\nfunction formatProdErrorMessage(code) {\n return `Minified Redux error #${code}; visit https://redux.js.org/Errors?code=${code} for the full message or use the non-minified dev environment for full errors. `;\n}\n\n// src/utils/symbol-observable.ts\nvar $$observable = /* @__PURE__ */ (() => typeof Symbol === \"function\" && Symbol.observable || \"@@observable\")();\nvar symbol_observable_default = $$observable;\n\n// src/utils/actionTypes.ts\nvar randomString = () => Math.random().toString(36).substring(7).split(\"\").join(\".\");\nvar ActionTypes = {\n INIT: `@@redux/INIT${/* @__PURE__ */ randomString()}`,\n REPLACE: `@@redux/REPLACE${/* @__PURE__ */ randomString()}`,\n PROBE_UNKNOWN_ACTION: () => `@@redux/PROBE_UNKNOWN_ACTION${randomString()}`\n};\nvar actionTypes_default = ActionTypes;\n\n// src/utils/isPlainObject.ts\nfunction isPlainObject(obj) {\n if (typeof obj !== \"object\" || obj === null)\n return false;\n let proto = obj;\n while (Object.getPrototypeOf(proto) !== null) {\n proto = Object.getPrototypeOf(proto);\n }\n return Object.getPrototypeOf(obj) === proto || Object.getPrototypeOf(obj) === null;\n}\n\n// src/utils/kindOf.ts\nfunction miniKindOf(val) {\n if (val === void 0)\n return \"undefined\";\n if (val === null)\n return \"null\";\n const type = typeof val;\n switch (type) {\n case \"boolean\":\n case \"string\":\n case \"number\":\n case \"symbol\":\n case \"function\": {\n return type;\n }\n }\n if (Array.isArray(val))\n return \"array\";\n if (isDate(val))\n return \"date\";\n if (isError(val))\n return \"error\";\n const constructorName = ctorName(val);\n switch (constructorName) {\n case \"Symbol\":\n case \"Promise\":\n case \"WeakMap\":\n case \"WeakSet\":\n case \"Map\":\n case \"Set\":\n return constructorName;\n }\n return Object.prototype.toString.call(val).slice(8, -1).toLowerCase().replace(/\\s/g, \"\");\n}\nfunction ctorName(val) {\n return typeof val.constructor === \"function\" ? val.constructor.name : null;\n}\nfunction isError(val) {\n return val instanceof Error || typeof val.message === \"string\" && val.constructor && typeof val.constructor.stackTraceLimit === \"number\";\n}\nfunction isDate(val) {\n if (val instanceof Date)\n return true;\n return typeof val.toDateString === \"function\" && typeof val.getDate === \"function\" && typeof val.setDate === \"function\";\n}\nfunction kindOf(val) {\n let typeOfVal = typeof val;\n if (process.env.NODE_ENV !== \"production\") {\n typeOfVal = miniKindOf(val);\n }\n return typeOfVal;\n}\n\n// src/createStore.ts\nfunction createStore(reducer, preloadedState, enhancer) {\n if (typeof reducer !== \"function\") {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(2) : `Expected the root reducer to be a function. Instead, received: '${kindOf(reducer)}'`);\n }\n if (typeof preloadedState === \"function\" && typeof enhancer === \"function\" || typeof enhancer === \"function\" && typeof arguments[3] === \"function\") {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(0) : \"It looks like you are passing several store enhancers to createStore(). This is not supported. Instead, compose them together to a single function. See https://redux.js.org/tutorials/fundamentals/part-4-store#creating-a-store-with-enhancers for an example.\");\n }\n if (typeof preloadedState === \"function\" && typeof enhancer === \"undefined\") {\n enhancer = preloadedState;\n preloadedState = void 0;\n }\n if (typeof enhancer !== \"undefined\") {\n if (typeof enhancer !== \"function\") {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(1) : `Expected the enhancer to be a function. Instead, received: '${kindOf(enhancer)}'`);\n }\n return enhancer(createStore)(reducer, preloadedState);\n }\n let currentReducer = reducer;\n let currentState = preloadedState;\n let currentListeners = /* @__PURE__ */ new Map();\n let nextListeners = currentListeners;\n let listenerIdCounter = 0;\n let isDispatching = false;\n function ensureCanMutateNextListeners() {\n if (nextListeners === currentListeners) {\n nextListeners = /* @__PURE__ */ new Map();\n currentListeners.forEach((listener, key) => {\n nextListeners.set(key, listener);\n });\n }\n }\n function getState() {\n if (isDispatching) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(3) : \"You may not call store.getState() while the reducer is executing. The reducer has already received the state as an argument. Pass it down from the top reducer instead of reading it from the store.\");\n }\n return currentState;\n }\n function subscribe(listener) {\n if (typeof listener !== \"function\") {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(4) : `Expected the listener to be a function. Instead, received: '${kindOf(listener)}'`);\n }\n if (isDispatching) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(5) : \"You may not call store.subscribe() while the reducer is executing. If you would like to be notified after the store has been updated, subscribe from a component and invoke store.getState() in the callback to access the latest state. See https://redux.js.org/api/store#subscribelistener for more details.\");\n }\n let isSubscribed = true;\n ensureCanMutateNextListeners();\n const listenerId = listenerIdCounter++;\n nextListeners.set(listenerId, listener);\n return function unsubscribe() {\n if (!isSubscribed) {\n return;\n }\n if (isDispatching) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(6) : \"You may not unsubscribe from a store listener while the reducer is executing. See https://redux.js.org/api/store#subscribelistener for more details.\");\n }\n isSubscribed = false;\n ensureCanMutateNextListeners();\n nextListeners.delete(listenerId);\n currentListeners = null;\n };\n }\n function dispatch(action) {\n if (!isPlainObject(action)) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(7) : `Actions must be plain objects. Instead, the actual type was: '${kindOf(action)}'. You may need to add middleware to your store setup to handle dispatching other values, such as 'redux-thunk' to handle dispatching functions. See https://redux.js.org/tutorials/fundamentals/part-4-store#middleware and https://redux.js.org/tutorials/fundamentals/part-6-async-logic#using-the-redux-thunk-middleware for examples.`);\n }\n if (typeof action.type === \"undefined\") {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(8) : 'Actions may not have an undefined \"type\" property. You may have misspelled an action type string constant.');\n }\n if (typeof action.type !== \"string\") {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(17) : `Action \"type\" property must be a string. Instead, the actual type was: '${kindOf(action.type)}'. Value was: '${action.type}' (stringified)`);\n }\n if (isDispatching) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(9) : \"Reducers may not dispatch actions.\");\n }\n try {\n isDispatching = true;\n currentState = currentReducer(currentState, action);\n } finally {\n isDispatching = false;\n }\n const listeners = currentListeners = nextListeners;\n listeners.forEach((listener) => {\n listener();\n });\n return action;\n }\n function replaceReducer(nextReducer) {\n if (typeof nextReducer !== \"function\") {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(10) : `Expected the nextReducer to be a function. Instead, received: '${kindOf(nextReducer)}`);\n }\n currentReducer = nextReducer;\n dispatch({\n type: actionTypes_default.REPLACE\n });\n }\n function observable() {\n const outerSubscribe = subscribe;\n return {\n /**\n * The minimal observable subscription method.\n * @param observer Any object that can be used as an observer.\n * The observer object should have a `next` method.\n * @returns An object with an `unsubscribe` method that can\n * be used to unsubscribe the observable from the store, and prevent further\n * emission of values from the observable.\n */\n subscribe(observer) {\n if (typeof observer !== \"object\" || observer === null) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(11) : `Expected the observer to be an object. Instead, received: '${kindOf(observer)}'`);\n }\n function observeState() {\n const observerAsObserver = observer;\n if (observerAsObserver.next) {\n observerAsObserver.next(getState());\n }\n }\n observeState();\n const unsubscribe = outerSubscribe(observeState);\n return {\n unsubscribe\n };\n },\n [symbol_observable_default]() {\n return this;\n }\n };\n }\n dispatch({\n type: actionTypes_default.INIT\n });\n const store = {\n dispatch,\n subscribe,\n getState,\n replaceReducer,\n [symbol_observable_default]: observable\n };\n return store;\n}\nfunction legacy_createStore(reducer, preloadedState, enhancer) {\n return createStore(reducer, preloadedState, enhancer);\n}\n\n// src/utils/warning.ts\nfunction warning(message) {\n if (typeof console !== \"undefined\" && typeof console.error === \"function\") {\n console.error(message);\n }\n try {\n throw new Error(message);\n } catch (e) {\n }\n}\n\n// src/combineReducers.ts\nfunction getUnexpectedStateShapeWarningMessage(inputState, reducers, action, unexpectedKeyCache) {\n const reducerKeys = Object.keys(reducers);\n const argumentName = action && action.type === actionTypes_default.INIT ? \"preloadedState argument passed to createStore\" : \"previous state received by the reducer\";\n if (reducerKeys.length === 0) {\n return \"Store does not have a valid reducer. Make sure the argument passed to combineReducers is an object whose values are reducers.\";\n }\n if (!isPlainObject(inputState)) {\n return `The ${argumentName} has unexpected type of \"${kindOf(inputState)}\". Expected argument to be an object with the following keys: \"${reducerKeys.join('\", \"')}\"`;\n }\n const unexpectedKeys = Object.keys(inputState).filter((key) => !reducers.hasOwnProperty(key) && !unexpectedKeyCache[key]);\n unexpectedKeys.forEach((key) => {\n unexpectedKeyCache[key] = true;\n });\n if (action && action.type === actionTypes_default.REPLACE)\n return;\n if (unexpectedKeys.length > 0) {\n return `Unexpected ${unexpectedKeys.length > 1 ? \"keys\" : \"key\"} \"${unexpectedKeys.join('\", \"')}\" found in ${argumentName}. Expected to find one of the known reducer keys instead: \"${reducerKeys.join('\", \"')}\". Unexpected keys will be ignored.`;\n }\n}\nfunction assertReducerShape(reducers) {\n Object.keys(reducers).forEach((key) => {\n const reducer = reducers[key];\n const initialState = reducer(void 0, {\n type: actionTypes_default.INIT\n });\n if (typeof initialState === \"undefined\") {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(12) : `The slice reducer for key \"${key}\" returned undefined during initialization. If the state passed to the reducer is undefined, you must explicitly return the initial state. The initial state may not be undefined. If you don't want to set a value for this reducer, you can use null instead of undefined.`);\n }\n if (typeof reducer(void 0, {\n type: actionTypes_default.PROBE_UNKNOWN_ACTION()\n }) === \"undefined\") {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(13) : `The slice reducer for key \"${key}\" returned undefined when probed with a random type. Don't try to handle '${actionTypes_default.INIT}' or other actions in \"redux/*\" namespace. They are considered private. Instead, you must return the current state for any unknown actions, unless it is undefined, in which case you must return the initial state, regardless of the action type. The initial state may not be undefined, but can be null.`);\n }\n });\n}\nfunction combineReducers(reducers) {\n const reducerKeys = Object.keys(reducers);\n const finalReducers = {};\n for (let i = 0; i < reducerKeys.length; i++) {\n const key = reducerKeys[i];\n if (process.env.NODE_ENV !== \"production\") {\n if (typeof reducers[key] === \"undefined\") {\n warning(`No reducer provided for key \"${key}\"`);\n }\n }\n if (typeof reducers[key] === \"function\") {\n finalReducers[key] = reducers[key];\n }\n }\n const finalReducerKeys = Object.keys(finalReducers);\n let unexpectedKeyCache;\n if (process.env.NODE_ENV !== \"production\") {\n unexpectedKeyCache = {};\n }\n let shapeAssertionError;\n try {\n assertReducerShape(finalReducers);\n } catch (e) {\n shapeAssertionError = e;\n }\n return function combination(state = {}, action) {\n if (shapeAssertionError) {\n throw shapeAssertionError;\n }\n if (process.env.NODE_ENV !== \"production\") {\n const warningMessage = getUnexpectedStateShapeWarningMessage(state, finalReducers, action, unexpectedKeyCache);\n if (warningMessage) {\n warning(warningMessage);\n }\n }\n let hasChanged = false;\n const nextState = {};\n for (let i = 0; i < finalReducerKeys.length; i++) {\n const key = finalReducerKeys[i];\n const reducer = finalReducers[key];\n const previousStateForKey = state[key];\n const nextStateForKey = reducer(previousStateForKey, action);\n if (typeof nextStateForKey === \"undefined\") {\n const actionType = action && action.type;\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(14) : `When called with an action of type ${actionType ? `\"${String(actionType)}\"` : \"(unknown type)\"}, the slice reducer for key \"${key}\" returned undefined. To ignore an action, you must explicitly return the previous state. If you want this reducer to hold no value, you can return null instead of undefined.`);\n }\n nextState[key] = nextStateForKey;\n hasChanged = hasChanged || nextStateForKey !== previousStateForKey;\n }\n hasChanged = hasChanged || finalReducerKeys.length !== Object.keys(state).length;\n return hasChanged ? nextState : state;\n };\n}\n\n// src/bindActionCreators.ts\nfunction bindActionCreator(actionCreator, dispatch) {\n return function(...args) {\n return dispatch(actionCreator.apply(this, args));\n };\n}\nfunction bindActionCreators(actionCreators, dispatch) {\n if (typeof actionCreators === \"function\") {\n return bindActionCreator(actionCreators, dispatch);\n }\n if (typeof actionCreators !== \"object\" || actionCreators === null) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(16) : `bindActionCreators expected an object or a function, but instead received: '${kindOf(actionCreators)}'. Did you write \"import ActionCreators from\" instead of \"import * as ActionCreators from\"?`);\n }\n const boundActionCreators = {};\n for (const key in actionCreators) {\n const actionCreator = actionCreators[key];\n if (typeof actionCreator === \"function\") {\n boundActionCreators[key] = bindActionCreator(actionCreator, dispatch);\n }\n }\n return boundActionCreators;\n}\n\n// src/compose.ts\nfunction compose(...funcs) {\n if (funcs.length === 0) {\n return (arg) => arg;\n }\n if (funcs.length === 1) {\n return funcs[0];\n }\n return funcs.reduce((a, b) => (...args) => a(b(...args)));\n}\n\n// src/applyMiddleware.ts\nfunction applyMiddleware(...middlewares) {\n return (createStore2) => (reducer, preloadedState) => {\n const store = createStore2(reducer, preloadedState);\n let dispatch = () => {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(15) : \"Dispatching while constructing your middleware is not allowed. Other middleware would not be applied to this dispatch.\");\n };\n const middlewareAPI = {\n getState: store.getState,\n dispatch: (action, ...args) => dispatch(action, ...args)\n };\n const chain = middlewares.map((middleware) => middleware(middlewareAPI));\n dispatch = compose(...chain)(store.dispatch);\n return {\n ...store,\n dispatch\n };\n };\n}\n\n// src/utils/isAction.ts\nfunction isAction(action) {\n return isPlainObject(action) && \"type\" in action && typeof action.type === \"string\";\n}\nexport {\n actionTypes_default as __DO_NOT_USE__ActionTypes,\n applyMiddleware,\n bindActionCreators,\n combineReducers,\n compose,\n createStore,\n isAction,\n isPlainObject,\n legacy_createStore\n};\n//# sourceMappingURL=redux.mjs.map","// src/index.ts\nfunction createThunkMiddleware(extraArgument) {\n const middleware = ({ dispatch, getState }) => (next) => (action) => {\n if (typeof action === \"function\") {\n return action(dispatch, getState, extraArgument);\n }\n return next(action);\n };\n return middleware;\n}\nvar thunk = createThunkMiddleware();\nvar withExtraArgument = createThunkMiddleware;\nexport {\n thunk,\n withExtraArgument\n};\n","export var KEY_PREFIX = 'persist:';\nexport var FLUSH = 'persist/FLUSH';\nexport var REHYDRATE = 'persist/REHYDRATE';\nexport var PAUSE = 'persist/PAUSE';\nexport var PERSIST = 'persist/PERSIST';\nexport var PURGE = 'persist/PURGE';\nexport var REGISTER = 'persist/REGISTER';\nexport var DEFAULT_VERSION = -1;","function _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n/*\n autoMergeLevel1: \n - merges 1 level of substate\n - skips substate if already modified\n*/\nexport default function autoMergeLevel1(inboundState, originalState, reducedState, _ref) {\n var debug = _ref.debug;\n\n var newState = _objectSpread({}, reducedState); // only rehydrate if inboundState exists and is an object\n\n\n if (inboundState && _typeof(inboundState) === 'object') {\n Object.keys(inboundState).forEach(function (key) {\n // ignore _persist data\n if (key === '_persist') return; // if reducer modifies substate, skip auto rehydration\n\n if (originalState[key] !== reducedState[key]) {\n if (process.env.NODE_ENV !== 'production' && debug) console.log('redux-persist/stateReconciler: sub state for key `%s` modified, skipping.', key);\n return;\n } // otherwise hard set the new value\n\n\n newState[key] = inboundState[key];\n });\n }\n\n if (process.env.NODE_ENV !== 'production' && debug && inboundState && _typeof(inboundState) === 'object') console.log(\"redux-persist/stateReconciler: rehydrated keys '\".concat(Object.keys(inboundState).join(', '), \"'\"));\n return newState;\n}","import { KEY_PREFIX, REHYDRATE } from './constants';\n// @TODO remove once flow < 0.63 support is no longer required.\nexport default function createPersistoid(config) {\n // defaults\n var blacklist = config.blacklist || null;\n var whitelist = config.whitelist || null;\n var transforms = config.transforms || [];\n var throttle = config.throttle || 0;\n var storageKey = \"\".concat(config.keyPrefix !== undefined ? config.keyPrefix : KEY_PREFIX).concat(config.key);\n var storage = config.storage;\n var serialize;\n\n if (config.serialize === false) {\n serialize = function serialize(x) {\n return x;\n };\n } else if (typeof config.serialize === 'function') {\n serialize = config.serialize;\n } else {\n serialize = defaultSerialize;\n }\n\n var writeFailHandler = config.writeFailHandler || null; // initialize stateful values\n\n var lastState = {};\n var stagedState = {};\n var keysToProcess = [];\n var timeIterator = null;\n var writePromise = null;\n\n var update = function update(state) {\n // add any changed keys to the queue\n Object.keys(state).forEach(function (key) {\n if (!passWhitelistBlacklist(key)) return; // is keyspace ignored? noop\n\n if (lastState[key] === state[key]) return; // value unchanged? noop\n\n if (keysToProcess.indexOf(key) !== -1) return; // is key already queued? noop\n\n keysToProcess.push(key); // add key to queue\n }); //if any key is missing in the new state which was present in the lastState,\n //add it for processing too\n\n Object.keys(lastState).forEach(function (key) {\n if (state[key] === undefined && passWhitelistBlacklist(key) && keysToProcess.indexOf(key) === -1 && lastState[key] !== undefined) {\n keysToProcess.push(key);\n }\n }); // start the time iterator if not running (read: throttle)\n\n if (timeIterator === null) {\n timeIterator = setInterval(processNextKey, throttle);\n }\n\n lastState = state;\n };\n\n function processNextKey() {\n if (keysToProcess.length === 0) {\n if (timeIterator) clearInterval(timeIterator);\n timeIterator = null;\n return;\n }\n\n var key = keysToProcess.shift();\n var endState = transforms.reduce(function (subState, transformer) {\n return transformer.in(subState, key, lastState);\n }, lastState[key]);\n\n if (endState !== undefined) {\n try {\n stagedState[key] = serialize(endState);\n } catch (err) {\n console.error('redux-persist/createPersistoid: error serializing state', err);\n }\n } else {\n //if the endState is undefined, no need to persist the existing serialized content\n delete stagedState[key];\n }\n\n if (keysToProcess.length === 0) {\n writeStagedState();\n }\n }\n\n function writeStagedState() {\n // cleanup any removed keys just before write.\n Object.keys(stagedState).forEach(function (key) {\n if (lastState[key] === undefined) {\n delete stagedState[key];\n }\n });\n writePromise = storage.setItem(storageKey, serialize(stagedState)).catch(onWriteFail);\n }\n\n function passWhitelistBlacklist(key) {\n if (whitelist && whitelist.indexOf(key) === -1 && key !== '_persist') return false;\n if (blacklist && blacklist.indexOf(key) !== -1) return false;\n return true;\n }\n\n function onWriteFail(err) {\n // @TODO add fail handlers (typically storage full)\n if (writeFailHandler) writeFailHandler(err);\n\n if (err && process.env.NODE_ENV !== 'production') {\n console.error('Error storing data', err);\n }\n }\n\n var flush = function flush() {\n while (keysToProcess.length !== 0) {\n processNextKey();\n }\n\n return writePromise || Promise.resolve();\n }; // return `persistoid`\n\n\n return {\n update: update,\n flush: flush\n };\n} // @NOTE in the future this may be exposed via config\n\nfunction defaultSerialize(data) {\n return JSON.stringify(data);\n}","import { KEY_PREFIX } from './constants';\nexport default function getStoredState(config) {\n var transforms = config.transforms || [];\n var storageKey = \"\".concat(config.keyPrefix !== undefined ? config.keyPrefix : KEY_PREFIX).concat(config.key);\n var storage = config.storage;\n var debug = config.debug;\n var deserialize;\n\n if (config.deserialize === false) {\n deserialize = function deserialize(x) {\n return x;\n };\n } else if (typeof config.deserialize === 'function') {\n deserialize = config.deserialize;\n } else {\n deserialize = defaultDeserialize;\n }\n\n return storage.getItem(storageKey).then(function (serialized) {\n if (!serialized) return undefined;else {\n try {\n var state = {};\n var rawState = deserialize(serialized);\n Object.keys(rawState).forEach(function (key) {\n state[key] = transforms.reduceRight(function (subState, transformer) {\n return transformer.out(subState, key, rawState);\n }, deserialize(rawState[key]));\n });\n return state;\n } catch (err) {\n if (process.env.NODE_ENV !== 'production' && debug) console.log(\"redux-persist/getStoredState: Error restoring data \".concat(serialized), err);\n throw err;\n }\n }\n });\n}\n\nfunction defaultDeserialize(serial) {\n return JSON.parse(serial);\n}","import { KEY_PREFIX } from './constants';\nexport default function purgeStoredState(config) {\n var storage = config.storage;\n var storageKey = \"\".concat(config.keyPrefix !== undefined ? config.keyPrefix : KEY_PREFIX).concat(config.key);\n return storage.removeItem(storageKey, warnIfRemoveError);\n}\n\nfunction warnIfRemoveError(err) {\n if (err && process.env.NODE_ENV !== 'production') {\n console.error('redux-persist/purgeStoredState: Error purging data stored state', err);\n }\n}","function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport { FLUSH, PAUSE, PERSIST, PURGE, REHYDRATE, DEFAULT_VERSION } from './constants';\nimport autoMergeLevel1 from './stateReconciler/autoMergeLevel1';\nimport createPersistoid from './createPersistoid';\nimport defaultGetStoredState from './getStoredState';\nimport purgeStoredState from './purgeStoredState';\nvar DEFAULT_TIMEOUT = 5000;\n/*\n @TODO add validation / handling for:\n - persisting a reducer which has nested _persist\n - handling actions that fire before reydrate is called\n*/\n\nexport default function persistReducer(config, baseReducer) {\n if (process.env.NODE_ENV !== 'production') {\n if (!config) throw new Error('config is required for persistReducer');\n if (!config.key) throw new Error('key is required in persistor config');\n if (!config.storage) throw new Error(\"redux-persist: config.storage is required. Try using one of the provided storage engines `import storage from 'redux-persist/lib/storage'`\");\n }\n\n var version = config.version !== undefined ? config.version : DEFAULT_VERSION;\n var debug = config.debug || false;\n var stateReconciler = config.stateReconciler === undefined ? autoMergeLevel1 : config.stateReconciler;\n var getStoredState = config.getStoredState || defaultGetStoredState;\n var timeout = config.timeout !== undefined ? config.timeout : DEFAULT_TIMEOUT;\n var _persistoid = null;\n var _purge = false;\n var _paused = true;\n\n var conditionalUpdate = function conditionalUpdate(state) {\n // update the persistoid only if we are rehydrated and not paused\n state._persist.rehydrated && _persistoid && !_paused && _persistoid.update(state);\n return state;\n };\n\n return function (state, action) {\n var _ref = state || {},\n _persist = _ref._persist,\n rest = _objectWithoutProperties(_ref, [\"_persist\"]); // $FlowIgnore need to update State type\n\n\n var restState = rest;\n\n if (action.type === PERSIST) {\n var _sealed = false;\n\n var _rehydrate = function _rehydrate(payload, err) {\n // dev warning if we are already sealed\n if (process.env.NODE_ENV !== 'production' && _sealed) console.error(\"redux-persist: rehydrate for \\\"\".concat(config.key, \"\\\" called after timeout.\"), payload, err); // only rehydrate if we are not already sealed\n\n if (!_sealed) {\n action.rehydrate(config.key, payload, err);\n _sealed = true;\n }\n };\n\n timeout && setTimeout(function () {\n !_sealed && _rehydrate(undefined, new Error(\"redux-persist: persist timed out for persist key \\\"\".concat(config.key, \"\\\"\")));\n }, timeout); // @NOTE PERSIST resumes if paused.\n\n _paused = false; // @NOTE only ever create persistoid once, ensure we call it at least once, even if _persist has already been set\n\n if (!_persistoid) _persistoid = createPersistoid(config); // @NOTE PERSIST can be called multiple times, noop after the first\n\n if (_persist) {\n // We still need to call the base reducer because there might be nested\n // uses of persistReducer which need to be aware of the PERSIST action\n return _objectSpread({}, baseReducer(restState, action), {\n _persist: _persist\n });\n }\n\n if (typeof action.rehydrate !== 'function' || typeof action.register !== 'function') throw new Error('redux-persist: either rehydrate or register is not a function on the PERSIST action. This can happen if the action is being replayed. This is an unexplored use case, please open an issue and we will figure out a resolution.');\n action.register(config.key);\n getStoredState(config).then(function (restoredState) {\n var migrate = config.migrate || function (s, v) {\n return Promise.resolve(s);\n };\n\n migrate(restoredState, version).then(function (migratedState) {\n _rehydrate(migratedState);\n }, function (migrateErr) {\n if (process.env.NODE_ENV !== 'production' && migrateErr) console.error('redux-persist: migration error', migrateErr);\n\n _rehydrate(undefined, migrateErr);\n });\n }, function (err) {\n _rehydrate(undefined, err);\n });\n return _objectSpread({}, baseReducer(restState, action), {\n _persist: {\n version: version,\n rehydrated: false\n }\n });\n } else if (action.type === PURGE) {\n _purge = true;\n action.result(purgeStoredState(config));\n return _objectSpread({}, baseReducer(restState, action), {\n _persist: _persist\n });\n } else if (action.type === FLUSH) {\n action.result(_persistoid && _persistoid.flush());\n return _objectSpread({}, baseReducer(restState, action), {\n _persist: _persist\n });\n } else if (action.type === PAUSE) {\n _paused = true;\n } else if (action.type === REHYDRATE) {\n // noop on restState if purging\n if (_purge) return _objectSpread({}, restState, {\n _persist: _objectSpread({}, _persist, {\n rehydrated: true\n }) // @NOTE if key does not match, will continue to default else below\n\n });\n\n if (action.key === config.key) {\n var reducedState = baseReducer(restState, action);\n var inboundState = action.payload; // only reconcile state if stateReconciler and inboundState are both defined\n\n var reconciledRest = stateReconciler !== false && inboundState !== undefined ? stateReconciler(inboundState, state, reducedState, config) : reducedState;\n\n var _newState = _objectSpread({}, reconciledRest, {\n _persist: _objectSpread({}, _persist, {\n rehydrated: true\n })\n });\n\n return conditionalUpdate(_newState);\n }\n } // if we have not already handled PERSIST, straight passthrough\n\n\n if (!_persist) return baseReducer(state, action); // run base reducer:\n // is state modified ? return original : return updated\n\n var newState = baseReducer(restState, action);\n if (newState === restState) return state;\n return conditionalUpdate(_objectSpread({}, newState, {\n _persist: _persist\n }));\n };\n}","function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance\"); }\n\nfunction _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === \"[object Arguments]\") return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport { createStore } from 'redux';\nimport { FLUSH, PAUSE, PERSIST, PURGE, REGISTER, REHYDRATE } from './constants';\nvar initialState = {\n registry: [],\n bootstrapped: false\n};\n\nvar persistorReducer = function persistorReducer() {\n var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;\n var action = arguments.length > 1 ? arguments[1] : undefined;\n\n switch (action.type) {\n case REGISTER:\n return _objectSpread({}, state, {\n registry: [].concat(_toConsumableArray(state.registry), [action.key])\n });\n\n case REHYDRATE:\n var firstIndex = state.registry.indexOf(action.key);\n\n var registry = _toConsumableArray(state.registry);\n\n registry.splice(firstIndex, 1);\n return _objectSpread({}, state, {\n registry: registry,\n bootstrapped: registry.length === 0\n });\n\n default:\n return state;\n }\n};\n\nexport default function persistStore(store, options, cb) {\n // help catch incorrect usage of passing PersistConfig in as PersistorOptions\n if (process.env.NODE_ENV !== 'production') {\n var optionsToTest = options || {};\n var bannedKeys = ['blacklist', 'whitelist', 'transforms', 'storage', 'keyPrefix', 'migrate'];\n bannedKeys.forEach(function (k) {\n if (!!optionsToTest[k]) console.error(\"redux-persist: invalid option passed to persistStore: \\\"\".concat(k, \"\\\". You may be incorrectly passing persistConfig into persistStore, whereas it should be passed into persistReducer.\"));\n });\n }\n\n var boostrappedCb = cb || false;\n\n var _pStore = createStore(persistorReducer, initialState, options && options.enhancer ? options.enhancer : undefined);\n\n var register = function register(key) {\n _pStore.dispatch({\n type: REGISTER,\n key: key\n });\n };\n\n var rehydrate = function rehydrate(key, payload, err) {\n var rehydrateAction = {\n type: REHYDRATE,\n payload: payload,\n err: err,\n key: key // dispatch to `store` to rehydrate and `persistor` to track result\n\n };\n store.dispatch(rehydrateAction);\n\n _pStore.dispatch(rehydrateAction);\n\n if (boostrappedCb && persistor.getState().bootstrapped) {\n boostrappedCb();\n boostrappedCb = false;\n }\n };\n\n var persistor = _objectSpread({}, _pStore, {\n purge: function purge() {\n var results = [];\n store.dispatch({\n type: PURGE,\n result: function result(purgeResult) {\n results.push(purgeResult);\n }\n });\n return Promise.all(results);\n },\n flush: function flush() {\n var results = [];\n store.dispatch({\n type: FLUSH,\n result: function result(flushResult) {\n results.push(flushResult);\n }\n });\n return Promise.all(results);\n },\n pause: function pause() {\n store.dispatch({\n type: PAUSE\n });\n },\n persist: function persist() {\n store.dispatch({\n type: PERSIST,\n register: register,\n rehydrate: rehydrate\n });\n }\n });\n\n if (!(options && options.manualPersist)) {\n persistor.persist();\n }\n\n return persistor;\n}","function _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction noop() {}\n\nvar noopStorage = {\n getItem: noop,\n setItem: noop,\n removeItem: noop\n};\n\nfunction hasStorage(storageType) {\n if ((typeof self === \"undefined\" ? \"undefined\" : _typeof(self)) !== 'object' || !(storageType in self)) {\n return false;\n }\n\n try {\n var storage = self[storageType];\n var testKey = \"redux-persist \".concat(storageType, \" test\");\n storage.setItem(testKey, 'test');\n storage.getItem(testKey);\n storage.removeItem(testKey);\n } catch (e) {\n if (process.env.NODE_ENV !== 'production') console.warn(\"redux-persist \".concat(storageType, \" test failed, persistence will be disabled.\"));\n return false;\n }\n\n return true;\n}\n\nexport default function getStorage(type) {\n var storageType = \"\".concat(type, \"Storage\");\n if (hasStorage(storageType)) return self[storageType];else {\n if (process.env.NODE_ENV !== 'production') {\n console.error(\"redux-persist failed to create sync storage. falling back to noop storage.\");\n }\n\n return noopStorage;\n }\n}","import { applyMiddleware } from 'redux';\nimport { legacy_createStore as createStore } from 'redux';\nimport { thunk } from 'redux-thunk'\nimport { persistReducer, persistStore } from 'redux-persist';\nimport rootReducer from './reducer';\nimport { composeWithDevTools } from '@redux-devtools/extension';\nimport createWebStorage from 'redux-persist/es/storage/createWebStorage';\n\nconst createNoopStorage = () => {\n return {\n getItem(_key) {\n return Promise.resolve(null);\n },\n setItem(_key, value) {\n return Promise.resolve(value);\n },\n removeItem(_key) {\n return Promise.resolve();\n },\n };\n};\n\nconst storage = typeof window !== \"undefined\" ? createWebStorage(\"local\") : createNoopStorage();\n\nconst persistConfig = {\n key: 'root',\n storage,\n blacklist: ['currentQuiz'],\n timeout: 1000,\n};\n\nconst persistedReducer = persistReducer(persistConfig, rootReducer);\n\nconst middleWare = applyMiddleware(thunk);\n\nexport default () => {\n let store = createStore(\n persistedReducer, \n process.env.NODE_ENV === 'development' \n ? composeWithDevTools(middleWare)\n : middleWare\n );\n let persistor = persistStore(store);\n return { store, persistor };\n};\n","import getStorage from './getStorage';\nexport default function createWebStorage(type) {\n var storage = getStorage(type);\n return {\n getItem: function getItem(key) {\n return new Promise(function (resolve, reject) {\n resolve(storage.getItem(key));\n });\n },\n setItem: function setItem(key, item) {\n return new Promise(function (resolve, reject) {\n resolve(storage.setItem(key, item));\n });\n },\n removeItem: function removeItem(key) {\n return new Promise(function (resolve, reject) {\n resolve(storage.removeItem(key));\n });\n }\n };\n}","import GlobalAudioWrapper from '../components/audioPlayer/globalWrapper';\nimport { PersistGate } from 'redux-persist/integration/react';\nimport { Provider } from 'react-redux';\nimport React from 'react';\nimport getStore from './store';\n\nconst StoreProvider = ({ children }) => {\n const { store, persistor } = getStore();\n\n return (\n \n
\n \n {mobileShow && !mobileInterrupt ? (\n
\n {}}>\n
\n );\n};\nexport default PlaylistRow;\n","const LOCAL_STORAGE_KEY = 'ccc';\n\nexport const TYPE_SUPER_TOKEN = 'TYPE_SUPER_TOKEN';\nexport const TYPE_LOG_IN = 'TYPE_LOG_IN';\nexport const TYPE_LOG_OUT = 'TYPE_LOG_OUT';\nexport const TYPE_SET_PLAYLIST = 'TYPE_SET_PLAYLIST';\nexport const TYPE_SET_PLAYLIST_ONCHANGE = 'TYPE_SET_PLAYLIST_ONCHANGE';\nexport const TYPE_SET_TRACK = 'TYPE_SET_TRACK';\nexport const TYPE_TOGGLE_PLAY_PAUSE = 'TYPE_TOGGLE_PLAY_PAUSE';\nexport const TYPE_SET_PLAYER_PLAY = 'TYPE_SET_PLAYER_PLAY';\nexport const TYPE_SET_PLAYER_PAUSE = 'TYPE_SET_PLAYER_PAUSE';\nexport const TYPE_SET_VOLUME = 'TYPE_SET_VOLUME';\nexport const TYPE_SET_MUTE = 'TYPE_SET_MUTE';\nexport const TYPE_SET_UNMUTE = 'TYPE_SET_UNMUTE';\nexport const TYPE_TOGGLE_MINI_PLAYER = 'TYPE_TOGGLE_MINI_PLAYER';\nexport const TYPE_LOCK_INTERRUPT_MINI_PLAYER = 'TYPE_LOCK_INTERRUPT_MINI_PLAYER';\nexport const TYPE_UNLOCK_INTERRUPT_MINI_PLAYER = 'TYPE_UNLOCK_INTERRUPT_MINI_PLAYER';\nexport const TYPE_HIDE_MINI_PLAYER = 'TYPE_HIDE_MINI_PLAYER';\nexport const TYPE_SET_SEEKBAR_POS = 'TYPE_SET_SEEKBAR_POS';\nexport const TYPE_SET_SEEKBAR_POS_FOR_PLAYER = 'TYPE_SET_SEEKBAR_POS_FOR_PLAYER';\nexport const TYPE_LOCK_SEEKBAR_MUTEX = 'TYPE_LOCK_SEEKBAR_MUTEX';\nexport const TYPE_TOGGLE_MOBILE_PLAYER = 'TYPE_TOGGLE_MOBILE_PLAYER';\nexport const TYPE_UNLOCK_INTERRUPT_MOBILE_PLAYER = 'TYPE_UNLOCK_INTERRUPT_MOBILE_PLAYER';\nexport const TYPE_LOCK_INTERRUPT_MOBILE_PLAYER = 'TYPE_LOCK_INTERRUPT_MOBILE_PLAYER';\nexport const TYPE_SET_LANGUAGE = 'TYPE_SET_LANGUAGE';\n// Audio Play state CONSTs\nexport const STATE_PLAYING = 0;\nexport const STATE_PAUSED = 1;\nexport const STATE_BUFFERING = 2;\nexport const STATE_STOPPED = 3;\n\n// Quiz actions\n\nexport const GET_QUIZ_DATA = 'GET_QUIZ_DATA';\nexport const GET_CHAPTER_ID_FROM_PARAMS = 'GET_CHAPTER_ID_FROM_PARAMS';\nexport const RESET_CURRENT_CHAPTER = 'RESET_CURRENT_CHAPTER';\nexport const GET_QUIZ_QUESTIONS_BY_CHAPTER_ID = 'GET_QUIZ_QUESTIONS_BY_CHAPTER_ID';\nexport const RESET_QUIZ_QUESTIONS = 'RESET_QUIZ_QUESTIONS';\nexport const POST_QUIZ_DATA = 'POST_QUIZ_DATA';\nexport const RESET_QUIZ_DATA = 'RESET_QUIZ_DATA';\n\n\n\nconst initState = {\n loggedIn: false,\n language: 'eng', // oneOf(['eng','esp'])\n langChoices: ['eng', 'esp'],\n flagImages: {\n eng: 'https://mk0childrensceno0ux5.kinstacdn.com/wp-content/plugins/sitepress-multilingual-cms/res/flags/en.png',\n esp: 'https://mk0childrensceno0ux5.kinstacdn.com/wp-content/plugins/sitepress-multilingual-cms/res/flags/es.png',\n },\n auth: {\n first_name: 'James',\n last_name: 'Wilson',\n username: 'james',\n email: 'james@webpoint.com',\n token: '',\n avatar: '',\n userId: '',\n rcpUserId: '',\n memberships: [],\n payments: [],\n },\n audio: {\n playlist: [],\n currentTrackId: '',\n currentTrackGroupId: '',\n currentTrackIndex: -2,\n currentBookTitle: '',\n playState: STATE_STOPPED,\n seekBarPosition: 0,\n seekBarMutex: false,\n volume: 100,\n mute: false,\n currentBook: {},\n },\n miniPlayer: {\n show: false,\n interrupt: false,\n },\n mobilePlayer: {\n show: false,\n interrupt: false,\n },\n quiz: {\n error: {},\n quizData: [],\n currentQuiz: {},\n },\n currentChapter: {\n chapter_id: '',\n chapter_title: '',\n chapter_slug: '',\n book_id: '',\n lms_chapter_id: '',\n lms_book_id: '',\n lms_quiz_id: '',\n },\n currentQuizQuestions: {\n quiz_description: '',\n questions: [],\n language: '',\n },\n currentQuiz: {\n posted: '',\n },\n super_token: '',\n};\n\nexport default (state = initState, action) => {\n switch (action.type) {\n case TYPE_SUPER_TOKEN:\n return {\n ...state,\n super_token: action.payload,\n };\n case TYPE_LOG_IN:\n return {\n ...state,\n auth: {\n ...state.auth,\n first_name: action.payload.user_display_name,\n last_name: '',\n username: action.payload.user_nicename,\n email: action.payload.user_email,\n token: action.payload.token,\n avatar: '',\n userId: action.payload.user_id,\n rcpUserId: action.payload.rcp_user_id,\n memberships: action.payload.memberships || [],\n payments: action.payload.payments || [],\n },\n loggedIn: true,\n };\n case TYPE_LOG_OUT:\n return initState;\n case TYPE_SET_PLAYLIST:\n return {\n ...state,\n audio: {\n ...state.audio,\n playlist: action.payload.playlist,\n currentTrackId: action.payload.track,\n currentTrackGroupId: action.payload.trackGroup,\n currentTrackIndex: action.payload.trackIndex,\n currentBookTitle: action.payload.bookTitle,\n currentBook: action.payload.book,\n seekBarPosition: action.payload.seekBarPosition || 0,\n },\n };\n case TYPE_SET_PLAYLIST_ONCHANGE:\n return {\n ...state,\n audio: {\n ...state.audio,\n playlist: action.payload.playlist,\n },\n };\n case TYPE_SET_TRACK:\n return {\n ...state,\n audio: {\n ...state.audio,\n currentTrackId: action.payload.track,\n currentTrackIndex: action.payload.trackIndex,\n seekBarPosition: action.payload.seekBarPosition || 0,\n },\n };\n case TYPE_TOGGLE_PLAY_PAUSE:\n return {\n ...state,\n audio: {\n ...state.audio,\n playState: action.payload,\n },\n };\n case TYPE_TOGGLE_MINI_PLAYER:\n return {\n ...state,\n miniPlayer: {\n ...state.miniPlayer,\n show: action.payload,\n },\n };\n case TYPE_LOCK_INTERRUPT_MINI_PLAYER:\n return {\n ...state,\n miniPlayer: {\n ...state.miniPlayer,\n interrupt: true,\n },\n };\n case TYPE_UNLOCK_INTERRUPT_MINI_PLAYER:\n return {\n ...state,\n miniPlayer: {\n ...state.miniPlayer,\n interrupt: false,\n },\n };\n case TYPE_LOCK_INTERRUPT_MOBILE_PLAYER:\n return {\n ...state,\n mobilePlayer: {\n ...state.mobilePlayer,\n interrupt: true,\n },\n };\n case TYPE_UNLOCK_INTERRUPT_MOBILE_PLAYER:\n return {\n ...state,\n mobilePlayer: {\n ...state.mobilePlayer,\n interrupt: false,\n },\n };\n case TYPE_SET_PLAYER_PLAY:\n return {\n ...state,\n audio: {\n ...state.audio,\n playState: STATE_PLAYING,\n },\n };\n case TYPE_SET_VOLUME:\n return {\n ...state,\n audio: {\n ...state.audio,\n volume: action.payload,\n },\n };\n case TYPE_SET_MUTE:\n return {\n ...state,\n audio: {\n ...state.audio,\n mute: true,\n },\n };\n case TYPE_SET_UNMUTE:\n return {\n ...state,\n audio: {\n ...state.audio,\n mute: false,\n },\n };\n case TYPE_SET_PLAYER_PAUSE:\n return {\n ...state,\n audio: {\n ...state.audio,\n playState: false,\n },\n };\n case TYPE_SET_SEEKBAR_POS:\n return {\n ...state,\n audio: {\n ...state.audio,\n seekBarPosition: action.payload,\n },\n };\n case TYPE_SET_SEEKBAR_POS_FOR_PLAYER:\n return {\n ...state,\n audio: {\n ...state.audio,\n seekBarPosition: action.payload.position,\n seekBarMutex: true,\n },\n };\n case TYPE_LOCK_SEEKBAR_MUTEX:\n return {\n ...state,\n audio: {\n ...state.audio,\n seekBarMutex: false,\n },\n };\n case TYPE_TOGGLE_MOBILE_PLAYER:\n return {\n ...state,\n mobilePlayer: {\n ...state.mobilePlayer,\n show: action.payload,\n },\n };\n case TYPE_SET_LANGUAGE:\n // destroy\n return {\n ...state,\n language: action.payload,\n \n };\n\n case GET_QUIZ_DATA:\n return {\n ...state,\n quiz: {\n ...state.quiz,\n quizData: action.payload,\n },\n };\n\n case GET_CHAPTER_ID_FROM_PARAMS:\n return {\n ...state,\n currentChapter: action.payload,\n };\n\n case RESET_CURRENT_CHAPTER:\n return {\n ...state,\n currentChapter: initState.currentChapter,\n };\n\n case GET_QUIZ_QUESTIONS_BY_CHAPTER_ID:\n return {\n ...state,\n currentQuizQuestions: action.payload,\n };\n case RESET_QUIZ_QUESTIONS:\n return {\n ...state,\n currentQuizQuestions: initState.currentQuizQuestions,\n };\n case RESET_QUIZ_DATA:\n return {\n ...state,\n currentQuiz: {\n posted: '',\n },\n };\n case POST_QUIZ_DATA:\n return {\n ...state,\n currentQuiz: {\n posted: action.payload,\n },\n };\n default:\n return state;\n }\n};\n","export function convertSeconds(seconds) {\n const format = (val) => `0${Math.floor(val)}`.slice(-2);\n const hours = seconds / 3600;\n const minutes = (seconds % 3600) / 60;\n\n return [minutes, seconds % 60].map(format).join(':');\n}\n","import invariant from \"invariant\";\n\n////////////////////////////////////////////////////////////////////////////////\n// startsWith(string, search) - Check if `string` starts with `search`\nvar startsWith = function startsWith(string, search) {\n return string.substr(0, search.length) === search;\n};\n\n////////////////////////////////////////////////////////////////////////////////\n// pick(routes, uri)\n//\n// Ranks and picks the best route to match. Each segment gets the highest\n// amount of points, then the type of segment gets an additional amount of\n// points where\n//\n// static > dynamic > splat > root\n//\n// This way we don't have to worry about the order of our routes, let the\n// computers do it.\n//\n// A route looks like this\n//\n// { path, default, value }\n//\n// And a returned match looks like:\n//\n// { route, params, uri }\n//\n// I know, I should use TypeScript not comments for these types.\nvar pick = function pick(routes, uri) {\n var match = void 0;\n var default_ = void 0;\n\n var _uri$split = uri.split(\"?\"),\n uriPathname = _uri$split[0];\n\n var uriSegments = segmentize(uriPathname);\n var isRootUri = uriSegments[0] === \"\";\n var ranked = rankRoutes(routes);\n\n for (var i = 0, l = ranked.length; i < l; i++) {\n var missed = false;\n var route = ranked[i].route;\n\n if (route.default) {\n default_ = {\n route: route,\n params: {},\n uri: uri\n };\n continue;\n }\n\n var routeSegments = segmentize(route.path);\n var params = {};\n var max = Math.max(uriSegments.length, routeSegments.length);\n var index = 0;\n\n for (; index < max; index++) {\n var routeSegment = routeSegments[index];\n var uriSegment = uriSegments[index];\n\n if (isSplat(routeSegment)) {\n // Hit a splat, just grab the rest, and return a match\n // uri: /files/documents/work\n // route: /files/*\n var param = routeSegment.slice(1) || \"*\";\n params[param] = uriSegments.slice(index).map(decodeURIComponent).join(\"/\");\n break;\n }\n\n if (uriSegment === undefined) {\n // URI is shorter than the route, no match\n // uri: /users\n // route: /users/:userId\n missed = true;\n break;\n }\n\n var dynamicMatch = paramRe.exec(routeSegment);\n\n if (dynamicMatch && !isRootUri) {\n var matchIsNotReserved = reservedNames.indexOf(dynamicMatch[1]) === -1;\n !matchIsNotReserved ? process.env.NODE_ENV !== \"production\" ? invariant(false, \"\n
\n \n {playing ? (\n
\n \n {`${title}`}\n
\n \n
\n {`${\n playing ? `-${time}` : time\n }`}
\nNot Found!
\n // \\n\\t