newskit 0.0.0-e5b28c3ee → 0.0.0-e8dca28c4

package/cjs/audio-player/audio-functions.d.ts

@@ -0,0 +1,46 @@
+import { SyntheticEvent } from 'react';
+import { AudioPlayerProps } from './types';
+export interface AudioFunctionDependencies {
+    onPreviousTrack: AudioPlayerProps['onPreviousTrack'];
+    onNextTrack: AudioPlayerProps['onNextTrack'];
+    autoPlay: AudioPlayerProps['autoPlay'];
+    disablePreviousTrack: AudioPlayerProps['disablePreviousTrack'];
+    src: AudioPlayerProps['src'];
+    live: NonNullable<AudioPlayerProps['live']>;
+    loading: boolean;
+    duration: number;
+    playing: boolean;
+    showLoaderTimeoutRef: React.MutableRefObject<number>;
+    trackPositionRef: React.MutableRefObject<number>;
+    audioRef: React.RefObject<HTMLAudioElement>;
+    setLoading: React.Dispatch<React.SetStateAction<boolean>>;
+    setTrackPosition: React.Dispatch<React.SetStateAction<number[]>>;
+    setPlayState: React.Dispatch<React.SetStateAction<boolean>>;
+    setVolume: React.Dispatch<React.SetStateAction<number>>;
+    setDuration: React.Dispatch<React.SetStateAction<number>>;
+    setDisplayDuration: React.Dispatch<React.SetStateAction<number>>;
+    setBuffered: React.Dispatch<React.SetStateAction<TimeRanges | undefined>>;
+    setIsPrevTrackBtnDisabled: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export declare const useAudioFunctions: ({ onPreviousTrack, onNextTrack, autoPlay, disablePreviousTrack, src, live, duration, loading, playing, showLoaderTimeoutRef, trackPositionRef, audioRef, setLoading, setTrackPosition, setPlayState, setVolume, setDuration, setDisplayDuration, setBuffered, setIsPrevTrackBtnDisabled, }: AudioFunctionDependencies) => {
+    audioEvents: {
+        onPlay: () => void;
+        onPause: () => void;
+        onWaiting: () => void;
+        onCanPlay: () => void;
+        onEnded: () => void;
+        onVolumeChange: ({ target }: SyntheticEvent<HTMLAudioElement, Event>) => void;
+        onDurationChange: ({ target }: SyntheticEvent<HTMLAudioElement, Event>) => void;
+        onTimeUpdate: ({ target }: SyntheticEvent<HTMLAudioElement, Event>) => void;
+        onProgress: ({ target }: SyntheticEvent<HTMLAudioElement, Event>) => void;
+    };
+    onClickPrevious: () => void;
+    onClickNext: () => void;
+    onClickBackward: () => void;
+    onClickForward: () => void;
+    onPopoutClick: () => void;
+    togglePlay: () => void;
+    onChangeSlider: ([value]: number[]) => void;
+    onChangeVolumeSlider: (value: number) => void;
+};
+//# sourceMappingURL=audio-functions.d.ts.map

package/cjs/audio-player/audio-functions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-functions.d.ts","sourceRoot":"","sources":["../../../src/audio-player/audio-functions.ts"],"names":[],"mappings":"AACA,OAAO,EAAc,cAAc,EAAY,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAC,gBAAgB,EAAc,MAAM,SAAS,CAAC;AAOtD,MAAM,WAAW,yBAAyB;IACxC,eAAe,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;IACrD,WAAW,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAC7C,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACvC,oBAAoB,EAAE,gBAAgB,CAAC,sBAAsB,CAAC,CAAC;IAC/D,GAAG,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC7B,IAAI,EAAE,WAAW,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC;IAE5C,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IAEjB,oBAAoB,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACrD,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAE5C,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC1D,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACjE,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC5D,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACxD,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1D,kBAAkB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACjE,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC;IAC1E,yBAAyB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC1E;AAED,eAAO,MAAM,iBAAiB,+RAqB3B,yBAAyB;;;;;;;qCAyOb,eAAe,gBAAgB,EAAE,KAAK,CAAC;uCA/FvC,eAAe,gBAAgB,EAAE,KAAK,CAAC;mCA4EpB,eAAe,gBAAgB,EAAE,KAAK,CAAC;iCAJzC,eAAe,gBAAgB,EAAE,KAAK,CAAC;;;;;;;;8BA8BzD,MAAM,EAAE;kCAOV,MAAM;CA8DjB,CAAC"}

package/cjs/audio-player/audio-functions.js

@@ -0,0 +1,238 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAudioFunctions = void 0;
+/* eslint-disable no-param-reassign */
+var react_1 = require("react");
+var instrumentation_1 = require("../instrumentation");
+var types_1 = require("./types");
+var utils_1 = require("./utils");
+var calculate_string_percentage_1 = __importDefault(require("../utils/calculate-string-percentage"));
+var value_in_range_1 = require("../utils/value-in-range");
+var version_number_json_1 = require("../version-number.json");
+var useAudioFunctions = function (_a) {
+    var _b;
+    var onPreviousTrack = _a.onPreviousTrack, onNextTrack = _a.onNextTrack, autoPlay = _a.autoPlay, disablePreviousTrack = _a.disablePreviousTrack, src = _a.src, live = _a.live, duration = _a.duration, loading = _a.loading, playing = _a.playing, showLoaderTimeoutRef = _a.showLoaderTimeoutRef, trackPositionRef = _a.trackPositionRef, audioRef = _a.audioRef, setLoading = _a.setLoading, setTrackPosition = _a.setTrackPosition, setPlayState = _a.setPlayState, setVolume = _a.setVolume, setDuration = _a.setDuration, setDisplayDuration = _a.setDisplayDuration, setBuffered = _a.setBuffered, setIsPrevTrackBtnDisabled = _a.setIsPrevTrackBtnDisabled;
+    var fireEvent = (0, instrumentation_1.useInstrumentation)().fireEvent;
+    var ifPlayer = (0, react_1.useCallback)(function (fn) {
+        var player = audioRef.current;
+        // No need to test the else, player should always be defined, if not we just ignore.
+        /* istanbul ignore else */
+        if (player) {
+            fn(player);
+        }
+    }, [audioRef]);
+    var buildMediaData = (0, react_1.useCallback)(function () {
+        var playerData = {
+            media_player: "newskit-audio-player-".concat(version_number_json_1.version),
+            media_type: 'audio',
+        };
+        return live
+            ? playerData
+            : __assign(__assign({}, playerData), { media_duration: (0, utils_1.formatTrackTime)(duration), media_milestone: (0, calculate_string_percentage_1.default)(trackPositionRef.current, duration), media_segment: (0, utils_1.getMediaSegment)(duration, trackPositionRef.current), media_offset: (0, utils_1.formatTrackTime)(trackPositionRef.current) });
+    }, [duration, live, trackPositionRef]);
+    var getTrackingInformation = (0, react_1.useCallback)(function (originator, eventTrigger, eventSpecificInfo) {
+        var context = __assign(__assign({}, buildMediaData()), eventSpecificInfo);
+        var trackingInformation = {
+            originator: originator,
+            trigger: eventTrigger,
+            context: context,
+        };
+        return trackingInformation;
+    }, [buildMediaData]);
+    var onWaiting = (0, react_1.useCallback)(function () {
+        clearTimeout(showLoaderTimeoutRef.current);
+        // We are giving some extra time before setting loading state
+        // to avoid flickering of the play/loading button when
+        // skipping back to already buffered time.
+        showLoaderTimeoutRef.current = window.setTimeout(function () { return setLoading(true); }, 700);
+    }, [setLoading, showLoaderTimeoutRef]);
+    var onCanPlay = (0, react_1.useCallback)(function () {
+        clearTimeout(showLoaderTimeoutRef.current);
+        setLoading(false);
+    }, [setLoading, showLoaderTimeoutRef]);
+    var updateAudioTime = (0, react_1.useCallback)(function (playerTime) {
+        var newPlayerTime = (0, value_in_range_1.getValueInRange)(playerTime, [0, duration]);
+        setTrackPosition([newPlayerTime]);
+        ifPlayer(function (player) {
+            player.currentTime = newPlayerTime;
+        });
+    }, [duration, setTrackPosition, ifPlayer]);
+    var updateAudioVolume = (0, react_1.useCallback)(function (vol) {
+        window.localStorage.setItem('newskit-audioplayer-volume', vol.toString());
+        setVolume(vol);
+        ifPlayer(function (player) {
+            player.volume = vol;
+        });
+    }, [ifPlayer, setVolume]);
+    var onClickPrevious = (0, react_1.useCallback)(function () {
+        if (trackPositionRef.current > 5) {
+            updateAudioTime(0);
+            return;
+        }
+        // If no function is passed, the button is disabled, check is just to be sure; the else can't be tested.
+        /* istanbul ignore else */
+        if (onPreviousTrack) {
+            onPreviousTrack();
+        }
+    }, [trackPositionRef, onPreviousTrack, updateAudioTime]);
+    var onClickNext = (0, react_1.useCallback)(function () {
+        // If no function is passed, the button is disabled, check is just to be sure; the else can't be tested.
+        /* istanbul ignore else */
+        if (onNextTrack) {
+            onNextTrack();
+        }
+    }, [onNextTrack]);
+    var onClickBackward = (0, react_1.useCallback)(function () {
+        updateAudioTime(trackPositionRef.current - 10);
+        var trackingInformation = getTrackingInformation('audio-player-skip-backward', instrumentation_1.EventTrigger.Click, { event_navigation_name: 'backward skip' });
+        fireEvent(trackingInformation);
+    }, [fireEvent, getTrackingInformation, updateAudioTime, trackPositionRef]);
+    var onClickForward = (0, react_1.useCallback)(function () {
+        updateAudioTime(trackPositionRef.current + 10);
+        var trackingInformation = getTrackingInformation('audio-player-skip-forward', instrumentation_1.EventTrigger.Click, { event_navigation_name: 'forward skip' });
+        fireEvent(trackingInformation);
+    }, [fireEvent, getTrackingInformation, updateAudioTime, trackPositionRef]);
+    var onDurationChange = (0, react_1.useCallback)(function (_a) {
+        var target = _a.target;
+        var tgt = target;
+        setDuration(tgt.duration);
+        setDisplayDuration(tgt.duration);
+        setBuffered(tgt.buffered);
+    }, [setBuffered, setDuration, setDisplayDuration]);
+    var play = (0, react_1.useCallback)(function () {
+        ifPlayer(function (player) {
+            setPlayState(true);
+            player.play();
+        });
+    }, [ifPlayer, setPlayState]);
+    var onPlay = (0, react_1.useCallback)(function () {
+        if (autoPlay) {
+            fireEvent(getTrackingInformation('audio-player-audio', instrumentation_1.EventTrigger.Start));
+        }
+        if (!playing) {
+            play();
+            fireEvent(getTrackingInformation('audio-player-play-button', instrumentation_1.EventTrigger.Click));
+        }
+    }, [autoPlay, fireEvent, playing, getTrackingInformation, play]);
+    var pause = (0, react_1.useCallback)(function () {
+        ifPlayer(function (player) {
+            setPlayState(false);
+            player.pause();
+        });
+    }, [ifPlayer, setPlayState]);
+    var onPause = (0, react_1.useCallback)(function () {
+        if (playing) {
+            pause();
+            fireEvent(getTrackingInformation(live ? 'audio-player-stop-button' : 'audio-player-pause-button', instrumentation_1.EventTrigger.Click));
+        }
+    }, [playing, pause, fireEvent, live, getTrackingInformation]);
+    var onPopoutClick = function () {
+        pause();
+        fireEvent(getTrackingInformation('audio-player-popout', instrumentation_1.EventTrigger.Click));
+    };
+    var togglePlay = (0, react_1.useCallback)(function () {
+        if (loading) {
+            return;
+        }
+        if (playing) {
+            onPause();
+        }
+        else {
+            onPlay();
+        }
+    }, [loading, playing, onPause, onPlay]);
+    var onProgress = function (_a) {
+        var target = _a.target;
+        setBuffered(target.buffered);
+    };
+    var onTimeUpdate = function (_a) {
+        var target = _a.target;
+        var eventTime = Math.floor(target.currentTime);
+        if (trackPositionRef.current !== eventTime) {
+            setTrackPosition([eventTime]);
+            var trackingInformation = getTrackingInformation('audio-player-audio', instrumentation_1.EventTrigger.Pulse);
+            fireEvent(trackingInformation);
+        }
+        if (trackPositionRef.current > 5) {
+            setIsPrevTrackBtnDisabled(false);
+        }
+        else {
+            setIsPrevTrackBtnDisabled(Boolean(disablePreviousTrack));
+        }
+    };
+    var onVolumeChange = (0, react_1.useCallback)(function (_a) {
+        var target = _a.target;
+        updateAudioVolume(target.volume);
+    }, [updateAudioVolume]);
+    var onChangeSlider = (0, react_1.useCallback)(function (_a) {
+        var value = _a[0];
+        updateAudioTime(value);
+    }, [updateAudioTime]);
+    var onChangeVolumeSlider = (0, react_1.useCallback)(function (value) {
+        updateAudioVolume(value);
+    }, [updateAudioVolume]);
+    var onEnded = (0, react_1.useCallback)(function () {
+        var trackingInformation = getTrackingInformation('audio-complete', instrumentation_1.EventTrigger.End);
+        fireEvent(trackingInformation);
+    }, [getTrackingInformation, fireEvent]);
+    (0, react_1.useEffect)(function () {
+        ifPlayer(function (player) {
+            player.load();
+            onWaiting();
+            if (!autoPlay) {
+                if (playing) {
+                    player.play();
+                }
+                else {
+                    player.pause();
+                }
+            }
+        });
+        return function () {
+            clearTimeout(showLoaderTimeoutRef.current);
+        };
+    }, [src]); // eslint-disable-line react-hooks/exhaustive-deps
+    (0, react_1.useEffect)(function () {
+        var storedVolume = parseFloat((typeof window !== 'undefined' &&
+            window.localStorage.getItem('newskit-audioplayer-volume')) ||
+            '');
+        updateAudioVolume(Number.isNaN(storedVolume) ? 0.7 : storedVolume);
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+    return {
+        audioEvents: (_b = {},
+            _b[types_1.AudioEvents.Play] = onPlay,
+            _b[types_1.AudioEvents.Pause] = onPause,
+            _b[types_1.AudioEvents.Waiting] = onWaiting,
+            _b[types_1.AudioEvents.CanPlay] = onCanPlay,
+            _b[types_1.AudioEvents.Ended] = onEnded,
+            _b[types_1.AudioEvents.VolumeChange] = onVolumeChange,
+            _b[types_1.AudioEvents.DurationChange] = onDurationChange,
+            _b[types_1.AudioEvents.TimeUpdate] = onTimeUpdate,
+            _b[types_1.AudioEvents.Progress] = onProgress,
+            _b),
+        onClickPrevious: onClickPrevious,
+        onClickNext: onClickNext,
+        onClickBackward: onClickBackward,
+        onClickForward: onClickForward,
+        onPopoutClick: onPopoutClick,
+        togglePlay: togglePlay,
+        onChangeSlider: onChangeSlider,
+        onChangeVolumeSlider: onChangeVolumeSlider,
+    };
+};
+exports.useAudioFunctions = useAudioFunctions;
+//# sourceMappingURL=audio-functions.js.map

package/cjs/audio-player/audio-functions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-functions.js","sourceRoot":"","sources":["../../../src/audio-player/audio-functions.ts"],"names":[],"mappings":"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"}

package/cjs/audio-player/audio-player.d.ts

@@ -0,0 +1,3 @@
+import { AudioPlayerProps } from './types';
+export declare const AudioPlayer: import("../utils/with-own-theme").NewsKitReactComponents<AudioPlayerProps>;
+//# sourceMappingURL=audio-player.d.ts.map

package/cjs/audio-player/audio-player.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-player.d.ts","sourceRoot":"","sources":["../../../src/audio-player/audio-player.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAc,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAyVtD,eAAO,MAAM,WAAW,4EAGtB,CAAC"}

package/cjs/audio-player/audio-player.js

@@ -0,0 +1,182 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AudioPlayer = void 0;
+/* eslint-disable jsx-a11y/media-has-caption */
+var react_1 = __importStar(require("react"));
+var react_range_1 = require("react-range");
+var controls_1 = require("./controls");
+var slider_1 = require("../slider");
+var stack_1 = require("../stack");
+var styled_1 = require("./styled");
+var volume_control_1 = require("../volume-control");
+var cell_1 = require("../grid/cell");
+var utils_1 = require("./utils");
+var styled_2 = require("../slider/styled");
+var theme_1 = require("../theme");
+var style_1 = require("../utils/style");
+var types_1 = require("../slider/types");
+var types_2 = require("./types");
+var audio_functions_1 = require("./audio-functions");
+var stack_child_1 = require("../stack-child");
+var screen_reader_only_1 = require("../screen-reader-only/screen-reader-only");
+var get_token_1 = require("../utils/get-token");
+var filter_object_1 = require("../utils/filter-object");
+var hooks_1 = require("../utils/hooks");
+var defaults_1 = __importDefault(require("./defaults"));
+var style_presets_1 = __importDefault(require("./style-presets"));
+var with_own_theme_1 = require("../utils/with-own-theme");
+var ThemelessAudioPlayer = function (props) {
+    var onNextTrack = props.onNextTrack, disableNextTrack = props.disableNextTrack, onPreviousTrack = props.onPreviousTrack, _a = props.disablePreviousTrack, disablePreviousTrack = _a === void 0 ? !onPreviousTrack : _a, popoutHref = props.popoutHref, _b = props.overrides, overrides = _b === void 0 ? {} : _b, src = props.src, _c = props.hidePreviousTrack, hidePreviousTrack = _c === void 0 ? false : _c, _d = props.hideVolumeControl, hideVolumeControl = _d === void 0 ? false : _d, _e = props.hideSeekButtons, hideSeekButtons = _e === void 0 ? false : _e, _f = props.ariaLandmark, ariaLandmark = _f === void 0 ? 'audio player' : _f, autoPlay = props.autoPlay, children = props.children, _g = props.live, live = _g === void 0 ? false : _g, captionSrc = props.captionSrc, restProps = __rest(props, ["onNextTrack", "disableNextTrack", "onPreviousTrack", "disablePreviousTrack", "popoutHref", "overrides", "src", "hidePreviousTrack", "hideVolumeControl", "hideSeekButtons", "ariaLandmark", "autoPlay", "children", "live", "captionSrc"]);
+    var _h = overrides.seekBar, _j = _h === void 0 ? {} : _h, seekBarSliderOverrides = _j.slider, _k = overrides.controls, _l = _k === void 0 ? {} : _k, popoutButtonOverrides = _l.popoutButton, controlButtonsOverrides = __rest(_l, ["popoutButton"]), volumeControlOverrides = overrides.volumeControl;
+    var theme = (0, theme_1.useTheme)();
+    var _m = theme.componentDefaults.audioPlayer, seekBarSliderDefaults = _m.seekBar.slider, _o = _m.controls, popoutButtonDefaults = _o.popoutButton, controlButtonsDefaults = __rest(_o, ["popoutButton"]), volumeControlDefaults = _m.volumeControl;
+    var _p = (0, react_1.useState)(0), volume = _p[0], setVolume = _p[1];
+    var _q = (0, react_1.useState)(0), duration = _q[0], setDuration = _q[1];
+    var _r = (0, react_1.useState)(0), displayDuration = _r[0], setDisplayDuration = _r[1];
+    var _s = (0, react_1.useState)([0]), trackPositionArr = _s[0], setTrackPosition = _s[1];
+    var _t = (0, react_1.useState)(false), playing = _t[0], setPlayState = _t[1];
+    var _u = (0, react_1.useState)(), buffered = _u[0], setBuffered = _u[1];
+    var _v = (0, react_1.useState)(true), loading = _v[0], setLoading = _v[1];
+    var _w = (0, react_1.useState)(Boolean(disablePreviousTrack)), isPrevTrackBtnDisabled = _w[0], setIsPrevTrackBtnDisabled = _w[1];
+    var trackPositionRef = (0, react_1.useRef)(0);
+    var showLoaderTimeoutRef = (0, react_1.useRef)(0);
+    (0, react_1.useEffect)(function () {
+        trackPositionRef.current = trackPositionArr[0];
+    });
+    var audioRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
+        setTrackPosition([0]);
+        setDisplayDuration(0);
+    }, [src]);
+    var _x = (0, audio_functions_1.useAudioFunctions)({
+        onPreviousTrack: onPreviousTrack,
+        onNextTrack: onNextTrack,
+        autoPlay: autoPlay,
+        disablePreviousTrack: disablePreviousTrack,
+        src: src,
+        live: live,
+        duration: duration,
+        loading: loading,
+        playing: playing,
+        trackPositionRef: trackPositionRef,
+        audioRef: audioRef,
+        showLoaderTimeoutRef: showLoaderTimeoutRef,
+        setLoading: setLoading,
+        setTrackPosition: setTrackPosition,
+        setPlayState: setPlayState,
+        setVolume: setVolume,
+        setDuration: setDuration,
+        setBuffered: setBuffered,
+        setDisplayDuration: setDisplayDuration,
+        setIsPrevTrackBtnDisabled: setIsPrevTrackBtnDisabled,
+    }), audioEvents = _x.audioEvents, onClickPrevious = _x.onClickPrevious, onClickNext = _x.onClickNext, onClickBackward = _x.onClickBackward, onClickForward = _x.onClickForward, onPopoutClick = _x.onPopoutClick, togglePlay = _x.togglePlay, onChangeSlider = _x.onChangeSlider, onChangeVolumeSlider = _x.onChangeVolumeSlider;
+    var eventHandler = function (eventName) { return function (e) {
+        // eslint-disable-next-line react/destructuring-assignment
+        var eventCallback = props[eventName];
+        if (eventCallback) {
+            eventCallback(e);
+        }
+        audioEvents[eventName](e);
+    }; };
+    var renderTrack = (0, react_1.useCallback)(function (_a) {
+        var trackProps = _a.props, trackChildren = _a.children, isDragged = _a.isDragged;
+        var sliderTrackStylePreset = (0, get_token_1.getToken)({ theme: theme, overrides: overrides }, 'audioPlayer.seekBar.slider.track', 'seekBar.slider.track', 'stylePreset');
+        var sliderIndicatorTrackStylePreset = (0, get_token_1.getToken)({ theme: theme, overrides: overrides }, 'audioPlayer.seekBar.slider.indicator', 'seekBar.slider.indicator', 'stylePreset');
+        var bufferingStylePreset = (0, get_token_1.getToken)({ theme: theme, overrides: overrides }, 'audioPlayer.seekBar.buffering', 'seekBar.buffering', 'stylePreset');
+        var _b = (0, utils_1.formatTrackData)((0, style_1.getSingleStylePreset)(theme, 'base', 'backgroundColor', sliderTrackStylePreset), (0, style_1.getSingleStylePreset)(theme, 'base', 'backgroundColor', sliderIndicatorTrackStylePreset), (0, style_1.getSingleStylePreset)(theme, 'base', 'backgroundColor', bufferingStylePreset), trackPositionArr, buffered), values = _b.values, colors = _b.colors;
+        return (react_1.default.createElement(styled_2.StyledTrack, __assign({}, trackProps, { values: trackPositionArr, dragged: isDragged, onKeyDown: function (e) {
+                var spaceKeyCode = 32;
+                /* istanbul ignore next */
+                if (e.keyCode === spaceKeyCode)
+                    e.preventDefault();
+            }, style: {
+                background: (0, react_range_1.getTrackBackground)({
+                    values: values,
+                    colors: colors,
+                    min: 0,
+                    max: Math.floor(duration),
+                }),
+            }, "data-testid": "audio-slider-track", overrides: __assign(__assign({}, seekBarSliderDefaults), (0, filter_object_1.filterOutFalsyProperties)(seekBarSliderOverrides)) }), trackChildren));
+    }, [
+        buffered,
+        duration,
+        overrides,
+        seekBarSliderDefaults,
+        seekBarSliderOverrides,
+        theme,
+        trackPositionArr,
+    ]);
+    var showControls = !live;
+    var formattedDuration = showControls ? (0, utils_1.formatDuration)(displayDuration) : '';
+    var formattedTime = showControls
+        ? (0, utils_1.formatTrackTime)(trackPositionArr[0], duration)
+        : '';
+    var srOnlyForwardRewind = (0, hooks_1.useReactKeys)(1)[0];
+    return (react_1.default.createElement(styled_1.PlayerContainer, { "aria-label": ariaLandmark, overrides: overrides },
+        react_1.default.createElement(styled_1.PlayerGrid, { xsMargin: "space000", xsColumnGutter: "space000", xsRowGutter: "space000" },
+            react_1.default.createElement("audio", __assign({ ref: audioRef, src: src, autoPlay: autoPlay, "data-testid": "audio-element" }, restProps, { 
+                // override callback handlers
+                onCanPlay: eventHandler(types_2.AudioEvents.CanPlay), onWaiting: eventHandler(types_2.AudioEvents.Waiting), onPlay: eventHandler(types_2.AudioEvents.Play), onPause: eventHandler(types_2.AudioEvents.Pause), onVolumeChange: eventHandler(types_2.AudioEvents.VolumeChange), onEnded: eventHandler(types_2.AudioEvents.Ended), onDurationChange: eventHandler(types_2.AudioEvents.DurationChange), onTimeUpdate: eventHandler(types_2.AudioEvents.TimeUpdate), onProgress: eventHandler(types_2.AudioEvents.Progress) }), captionSrc && react_1.default.createElement("track", { kind: "captions", src: captionSrc })),
+            children && react_1.default.createElement(cell_1.Cell, { xs: 12 }, children),
+            react_1.default.createElement(cell_1.Cell, { xsOrder: 2, xs: 12 },
+                react_1.default.createElement(stack_1.Stack, { flow: stack_1.Flow.HorizontalCenter, stackDistribution: stack_1.StackDistribution.SpaceBetween },
+                    react_1.default.createElement(stack_child_1.StackChild, { order: 2 },
+                        react_1.default.createElement(controls_1.ControlPanel, { onNextTrack: onNextTrack ? onClickNext : undefined, disableNextTrack: disableNextTrack, onPreviousTrack: hidePreviousTrack ? undefined : onClickPrevious, disablePreviousTrack: isPrevTrackBtnDisabled, live: live, showControls: showControls, loading: loading, playing: playing, onClickBackward: hideSeekButtons ? undefined : onClickBackward, onClickForward: hideSeekButtons ? undefined : onClickForward, togglePlay: togglePlay, overrides: __assign(__assign({}, controlButtonsDefaults), (0, filter_object_1.filterOutFalsyProperties)(controlButtonsOverrides)) })),
+                    react_1.default.createElement(stack_child_1.StackChild, { order: 1 },
+                        react_1.default.createElement(styled_1.ControlContainer, { playerTrackSize: "sizing050", xs: true, sm: true, md: true, targetDevices: [theme_1.Devices.iPadPro, theme_1.Devices.iPad] }, !hideVolumeControl && (react_1.default.createElement(volume_control_1.VolumeControl, { volume: volume, onChange: onChangeVolumeSlider, overrides: __assign(__assign({}, volumeControlDefaults), (0, filter_object_1.filterOutFalsyProperties)(volumeControlOverrides)) })))),
+                    react_1.default.createElement(stack_child_1.StackChild, { order: 3 },
+                        react_1.default.createElement(styled_1.ControlContainer, { playerTrackSize: "sizing050", xs: true, sm: true, md: true, targetDevices: [theme_1.Devices.iPadPro, theme_1.Devices.iPad] },
+                            react_1.default.createElement(stack_1.Stack, { flow: stack_1.Flow.VerticalRight, stackDistribution: stack_1.StackDistribution.End }, popoutHref && (react_1.default.createElement(controls_1.PopoutButton, { onClick: onPopoutClick, href: popoutHref, overrides: __assign(__assign({}, popoutButtonDefaults), (0, filter_object_1.filterOutFalsyProperties)(popoutButtonOverrides)) }))))))),
+            showControls && (react_1.default.createElement(cell_1.Cell, { xsOrder: 1, xs: 12 },
+                react_1.default.createElement(slider_1.Slider, { min: 0, minLabel: formattedTime, max: Math.floor(duration) || 1, maxLabel: formattedDuration, values: trackPositionArr, step: 1, ariaLabel: "seek bar", ariaValueText: "Playback time: ".concat((0, utils_1.seekBarAriaValueText)(trackPositionArr), " of ").concat((0, utils_1.seekBarAriaValueText)([duration])), onChange: onChangeSlider, renderTrack: renderTrack, labelPosition: types_1.LabelPosition.After, dataTestId: "audio-slider", ariaDescribedBy: srOnlyForwardRewind, overrides: __assign(__assign({}, seekBarSliderDefaults), (0, filter_object_1.filterOutFalsyProperties)(seekBarSliderOverrides)) }),
+                react_1.default.createElement(screen_reader_only_1.ScreenReaderOnly, { id: srOnlyForwardRewind, "aria-hidden": "true" }, "Use the arrow keys to fast forward or rewind"))))));
+};
+exports.AudioPlayer = (0, with_own_theme_1.withOwnTheme)(ThemelessAudioPlayer)({
+    defaults: defaults_1.default,
+    stylePresets: style_presets_1.default,
+});
+//# sourceMappingURL=audio-player.js.map

package/cjs/audio-player/audio-player.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-player.js","sourceRoot":"","sources":["../../../src/audio-player/audio-player.tsx"],"names":[],"mappings":"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"}

package/cjs/audio-player/controls/control-panel.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { MQ } from '../../utils/style';
+import { ButtonOverrides } from '../../button';
+export interface TrackControlProps {
+    onNextTrack?: () => void;
+    disableNextTrack?: boolean;
+    onPreviousTrack?: () => void;
+    disablePreviousTrack?: boolean;
+}
+export interface ControlsOverrideProps {
+    space?: MQ<string>;
+    previousButton?: ButtonOverrides;
+    replayButton?: ButtonOverrides;
+    playPauseButton?: ButtonOverrides;
+    forwardButton?: ButtonOverrides;
+    nextButton?: ButtonOverrides;
+    popoutButton?: ButtonOverrides;
+}
+export interface ControlPanelProps extends TrackControlProps {
+    showControls: boolean;
+    playing: boolean;
+    live: boolean;
+    loading: boolean;
+    togglePlay: () => void;
+    onClickBackward?: () => void;
+    onClickForward?: () => void;
+    overrides?: Omit<ControlsOverrideProps, 'popoutButton'>;
+}
+export declare const ButtonsContainer: import("@emotion/styled").StyledComponent<import("../../stack").StackProps & {
+    children?: React.ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const ControlPanel: React.FC<ControlPanelProps>;
+//# sourceMappingURL=control-panel.d.ts.map

package/cjs/audio-player/controls/control-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-panel.d.ts","sourceRoot":"","sources":["../../../../src/audio-player/controls/control-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAS,EAAE,EAAC,MAAM,mBAAmB,CAAC;AAQ7C,OAAO,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAE7C,MAAM,WAAW,iBAAiB;IAChC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACnB,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,YAAY,CAAC,EAAE,eAAe,CAAC;CAChC;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,IAAI,CAAC,qBAAqB,EAAE,cAAc,CAAC,CAAC;CACzD;AAED,eAAO,MAAM,gBAAgB;;;;UAE5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkFpD,CAAC"}

package/cjs/audio-player/controls/control-panel.js

@@ -0,0 +1,33 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ControlPanel = exports.ButtonsContainer = void 0;
+var react_1 = __importDefault(require("react"));
+var style_1 = require("../../utils/style");
+var forward_replay_1 = require("./forward-replay");
+var play_pause_1 = require("./play-pause");
+var skip_track_1 = require("./skip-track");
+var stack_1 = require("../../stack");
+var stack_child_1 = require("../../stack-child");
+var theme_1 = require("../../theme");
+var get_token_1 = require("../../utils/get-token");
+exports.ButtonsContainer = (0, style_1.styled)(stack_1.Stack)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  min-width: 100%;\n"], ["\n  min-width: 100%;\n"])));
+exports.ControlPanel = react_1.default.memo(function (_a) {
+    var onNextTrack = _a.onNextTrack, disableNextTrack = _a.disableNextTrack, onPreviousTrack = _a.onPreviousTrack, disablePreviousTrack = _a.disablePreviousTrack, showControls = _a.showControls, playing = _a.playing, loading = _a.loading, live = _a.live, onClickBackward = _a.onClickBackward, onClickForward = _a.onClickForward, togglePlay = _a.togglePlay, overrides = _a.overrides;
+    return (react_1.default.createElement(stack_1.Stack, { flow: stack_1.Flow.HorizontalCenter, stackDistribution: stack_1.StackDistribution.Center, flexGrow: true },
+        react_1.default.createElement(exports.ButtonsContainer, { flow: stack_1.Flow.HorizontalCenter, spaceInline: (0, get_token_1.getToken)({ theme: (0, theme_1.useTheme)(), overrides: overrides }, 'audioPlayer.controls', '', 'space'), stackDistribution: live ? stack_1.StackDistribution.Center : stack_1.StackDistribution.Start },
+            react_1.default.createElement(stack_child_1.StackChild, { order: 3 },
+                react_1.default.createElement(play_pause_1.PlayerButton, { canPause: showControls, playing: playing, onClick: togglePlay, overrides: overrides && overrides.playPauseButton, loading: loading })),
+            react_1.default.createElement(stack_child_1.StackChild, { order: 2 }, showControls && onClickBackward && (react_1.default.createElement(forward_replay_1.BackwardButton, { onClick: onClickBackward, overrides: overrides && overrides.replayButton }))),
+            react_1.default.createElement(stack_child_1.StackChild, { order: 3 }, showControls && onClickForward && (react_1.default.createElement(forward_replay_1.ForwardButton, { onClick: onClickForward, overrides: overrides && overrides.forwardButton }))),
+            react_1.default.createElement(stack_child_1.StackChild, { order: 1 }, showControls && (react_1.default.createElement(skip_track_1.SkipPreviousButton, { onClick: onPreviousTrack, disabled: disablePreviousTrack || !onPreviousTrack, overrides: overrides && overrides.previousButton, hide: !onPreviousTrack }))),
+            react_1.default.createElement(stack_child_1.StackChild, { order: 3 }, showControls && (react_1.default.createElement(skip_track_1.SkipNextButton, { onClick: onNextTrack, disabled: disableNextTrack || !onNextTrack, overrides: overrides && overrides.nextButton, hide: !onNextTrack }))))));
+});
+var templateObject_1;
+//# sourceMappingURL=control-panel.js.map

package/cjs/audio-player/controls/control-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-panel.js","sourceRoot":"","sources":["../../../../src/audio-player/controls/control-panel.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAA0B;AAC1B,2CAA6C;AAC7C,mDAA+D;AAC/D,2CAA0C;AAC1C,2CAAgE;AAChE,qCAA2D;AAC3D,iDAA6C;AAC7C,qCAAqC;AACrC,mDAA+C;AA+BlC,QAAA,gBAAgB,GAAG,IAAA,cAAM,EAAC,aAAK,CAAC,2FAAA,wBAE5C,KAAC;AAEW,QAAA,YAAY,GAAgC,eAAK,CAAC,IAAI,CACjE,UAAC,EAaA;QAZC,WAAW,iBAAA,EACX,gBAAgB,sBAAA,EAChB,eAAe,qBAAA,EACf,oBAAoB,0BAAA,EACpB,YAAY,kBAAA,EACZ,OAAO,aAAA,EACP,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,SAAS,eAAA;IACL,OAAA,CACJ,8BAAC,aAAK,IACJ,IAAI,EAAE,YAAI,CAAC,gBAAgB,EAC3B,iBAAiB,EAAE,yBAAiB,CAAC,MAAM,EAC3C,QAAQ;QAER,8BAAC,wBAAgB,IACf,IAAI,EAAE,YAAI,CAAC,gBAAgB,EAC3B,WAAW,EAAE,IAAA,oBAAQ,EACnB,EAAC,KAAK,EAAE,IAAA,gBAAQ,GAAE,EAAE,SAAS,WAAA,EAAC,EAC9B,sBAAsB,EACtB,EAAE,EACF,OAAO,CACR,EACD,iBAAiB,EACf,IAAI,CAAC,CAAC,CAAC,yBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,yBAAiB,CAAC,KAAK;YAG3D,8BAAC,wBAAU,IAAC,KAAK,EAAE,CAAC;gBAClB,8BAAC,yBAAY,IACX,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,SAAS,IAAI,SAAS,CAAC,eAAe,EACjD,OAAO,EAAE,OAAO,GAChB,CACS;YACb,8BAAC,wBAAU,IAAC,KAAK,EAAE,CAAC,IACjB,YAAY,IAAI,eAAe,IAAI,CAClC,8BAAC,+BAAc,IACb,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,SAAS,IAAI,SAAS,CAAC,YAAY,GAC9C,CACH,CACU;YACb,8BAAC,wBAAU,IAAC,KAAK,EAAE,CAAC,IACjB,YAAY,IAAI,cAAc,IAAI,CACjC,8BAAC,8BAAa,IACZ,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,SAAS,IAAI,SAAS,CAAC,aAAa,GAC/C,CACH,CACU;YAEb,8BAAC,wBAAU,IAAC,KAAK,EAAE,CAAC,IACjB,YAAY,IAAI,CACf,8BAAC,+BAAkB,IACjB,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,oBAAoB,IAAI,CAAC,eAAe,EAClD,SAAS,EAAE,SAAS,IAAI,SAAS,CAAC,cAAc,EAChD,IAAI,EAAE,CAAC,eAAe,GACtB,CACH,CACU;YAEb,8BAAC,wBAAU,IAAC,KAAK,EAAE,CAAC,IACjB,YAAY,IAAI,CACf,8BAAC,2BAAc,IACb,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,gBAAgB,IAAI,CAAC,WAAW,EAC1C,SAAS,EAAE,SAAS,IAAI,SAAS,CAAC,UAAU,EAC5C,IAAI,EAAE,CAAC,WAAW,GAClB,CACH,CACU,CACI,CACb,CACT;AAnEK,CAmEL,CACF,CAAC"}

package/cjs/audio-player/controls/forward-replay.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ButtonProps } from '../../button';
+import { MQ } from '../../utils/style';
+export interface TrackControlProps {
+    onClick: () => void;
+    stylePreset?: MQ<string>;
+    overrides?: ButtonProps['overrides'];
+}
+export declare const ForwardButton: React.FC<TrackControlProps>;
+export declare const BackwardButton: React.FC<TrackControlProps>;
+//# sourceMappingURL=forward-replay.d.ts.map

package/cjs/audio-player/controls/forward-replay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"forward-replay.d.ts","sourceRoot":"","sources":["../../../../src/audio-player/controls/forward-replay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAa,WAAW,EAAC,MAAM,cAAc,CAAC;AAErD,OAAO,EAAC,EAAE,EAAC,MAAM,mBAAmB,CAAC;AAErC,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;CACtC;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CASpD,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CASrD,CAAC"}