newskit 0.0.0-e5b28c3ee → 0.0.0-e8dca28c4

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/audio-player/utils.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,SAAU,MAAM,YAAW,MAAM,WAG5D,CAAC;AAEF,eAAO,MAAM,cAAc,SAAU,MAAM,YAAW,MAAM,WAK3D,CAAC;AAEF,eAAO,MAAM,eAAe,eACd,MAAM,kBACF,MAAM,eACT,MAAM,WACV,MAAM,EAAE,YACP,UAAU,GAAG,SAAS;;;CA8BjC,CAAC;AAEF,eAAO,MAAM,eAAe,aAAc,MAAM,mBAAmB,MAAM,0CAWxE,CAAC;AAEF,eAAO,MAAM,oBAAoB,aAAc,MAAM,EAAE,WAgBtD,CAAC"}

package/cjs/audio-player/utils.js

@@ -0,0 +1,81 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.seekBarAriaValueText = exports.getMediaSegment = exports.formatTrackData = exports.formatDuration = exports.formatTrackTime = void 0;
+var hhmmss = [11, 8];
+var mmss = [14, 5];
+var formatTrackTime = function (time, maxTime) {
+    var _a;
+    if (maxTime === void 0) { maxTime = time; }
+    var args = Math.max(time, maxTime) >= 3600 ? hhmmss : mmss;
+    return (_a = new Date(time * 1000).toISOString()).substr.apply(_a, args);
+};
+exports.formatTrackTime = formatTrackTime;
+var formatDuration = function (time, maxTime) {
+    if (maxTime === void 0) { maxTime = time; }
+    if (time === 0) {
+        return '';
+    }
+    return (0, exports.formatTrackTime)(time, maxTime);
+};
+exports.formatDuration = formatDuration;
+var formatTrackData = function (trackColor, indicatorColor, bufferColor, timeArr, buffered) {
+    if (!buffered) {
+        return { colors: [], values: [] };
+    }
+    var time = timeArr[0];
+    var bufferPositions = [];
+    var length = buffered.length;
+    for (var i = 0; i < length; i += 1) {
+        var startPosition = buffered.start(i);
+        if (startPosition > time) {
+            bufferPositions.push(startPosition);
+        }
+        var endPosition = buffered.end(i);
+        if (endPosition > time) {
+            bufferPositions.push(endPosition);
+        }
+    }
+    var colors = __spreadArray(__spreadArray([
+        indicatorColor
+    ], bufferPositions.map(function (x, i) { return (i % 2 ? trackColor : bufferColor); }), true), [
+        trackColor,
+    ], false);
+    var values = __spreadArray([time], bufferPositions, true);
+    return { colors: colors, values: values };
+};
+exports.formatTrackData = formatTrackData;
+var getMediaSegment = function (duration, currentPosition) {
+    var currentPositionPercentage = (currentPosition / duration) * 100;
+    if (currentPositionPercentage > 0 && currentPositionPercentage <= 25)
+        return '0-25';
+    if (currentPositionPercentage > 25 && currentPositionPercentage <= 50)
+        return '26-50';
+    if (currentPositionPercentage > 50 && currentPositionPercentage <= 75)
+        return '51-75';
+    return '76-100';
+};
+exports.getMediaSegment = getMediaSegment;
+var seekBarAriaValueText = function (seekTime) {
+    var time = new Date(seekTime[0] * 1000)
+        .toISOString()
+        .substr(11, 8)
+        .split(':')
+        .map(function (x) { return (+x < 10 ? (+x).toString() : x); });
+    var hour = time[0] !== '0' ? "".concat(time[0], " ").concat(time[0] === '1' ? 'hour' : 'hours') : '';
+    var min = hour || time[1] !== '0'
+        ? "".concat(time[1], " ").concat(time[1] === '1' ? 'minute' : 'minutes')
+        : '';
+    var sec = "".concat(time[2], " ").concat(time[2] === '1' ? 'second' : 'seconds');
+    return [hour, min, sec].filter(Boolean).join(' ');
+};
+exports.seekBarAriaValueText = seekBarAriaValueText;
+//# sourceMappingURL=utils.js.map

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

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

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

@@ -0,0 +1,23 @@
+import { SyntheticEvent } from 'react';
+import { AudioFunctionDependencies } from './types';
+export declare const useAudioFunctions: ({ autoPlay, src, live, duration, loading, playing, showLoaderTimeoutRef, currentTimeRef, audioRef, setLoading, setCurrentTime, setPlayState, setDuration, setDisplayDuration, setBuffered, }: AudioFunctionDependencies) => {
+    audioEvents: {
+        onPlay: () => void;
+        onPause: () => void;
+        onWaiting: () => void;
+        onCanPlay: () => void;
+        onEnded: () => void;
+        onDurationChange: ({ target }: SyntheticEvent<HTMLAudioElement, Event>) => void;
+        onTimeUpdate: ({ target }: SyntheticEvent<HTMLAudioElement, Event>) => void;
+        onProgress: ({ target }: SyntheticEvent<HTMLAudioElement, Event>) => void;
+    };
+    onClickBackward: ({ seconds }: {
+        seconds: number;
+    }) => void;
+    onClickForward: ({ seconds }: {
+        seconds: number;
+    }) => void;
+    togglePlay: () => void;
+    onChangeSlider: (value: number) => void;
+};
+//# sourceMappingURL=audio-functions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"audio-functions.d.ts","sourceRoot":"","sources":["../../../src/audio-player-composable/audio-functions.ts"],"names":[],"mappings":"AACA,OAAO,EAAc,cAAc,EAAY,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAc,yBAAyB,EAAC,MAAM,SAAS,CAAC;AAM/D,eAAO,MAAM,iBAAiB,iMAiB3B,yBAAyB;;;;;;;uCA6Hb,eAAe,gBAAgB,EAAE,KAAK,CAAC;mCAwEvC,eAAe,gBAAgB,EAAE,KAAK,CAAC;iCAPvC,eAAe,gBAAgB,EAAE,KAAK,CAAC;;;iBA7FvB,MAAM;;;iBAcN,MAAM;;;4BA6GzB,MAAM;CAoEjB,CAAC"}

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

@@ -0,0 +1,225 @@
+"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 autoPlay = _a.autoPlay, src = _a.src, live = _a.live, duration = _a.duration, loading = _a.loading, playing = _a.playing, showLoaderTimeoutRef = _a.showLoaderTimeoutRef, currentTimeRef = _a.currentTimeRef, audioRef = _a.audioRef, setLoading = _a.setLoading, setCurrentTime = _a.setCurrentTime, setPlayState = _a.setPlayState, 
+    // setVolume,
+    setDuration = _a.setDuration, setDisplayDuration = _a.setDisplayDuration, setBuffered = _a.setBuffered;
+    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)(currentTimeRef.current, duration), media_segment: (0, utils_1.getMediaSegment)(duration, currentTimeRef.current), media_offset: (0, utils_1.formatTrackTime)(currentTimeRef.current) });
+    }, [duration, live, currentTimeRef]);
+    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]);
+        setCurrentTime(newPlayerTime);
+        ifPlayer(function (player) {
+            player.currentTime = newPlayerTime;
+        });
+    }, [duration, setCurrentTime, ifPlayer]);
+    // const updateAudioVolume = useCallback(
+    //   (vol: number) => {
+    //     window.localStorage.setItem('newskit-audioplayer-volume', vol.toString());
+    //     setVolume(vol);
+    //     ifPlayer(player => {
+    //       player.volume = vol;
+    //     });
+    //   },
+    //   [ifPlayer, setVolume],
+    // );
+    var onClickBackward = (0, react_1.useCallback)(
+    /* istanbul ignore next */
+    function (_a) {
+        var _b = _a.seconds, seconds = _b === void 0 ? 10 : _b;
+        updateAudioTime(currentTimeRef.current - seconds);
+        var trackingInformation = getTrackingInformation('audio-player-skip-backward', instrumentation_1.EventTrigger.Click, { event_navigation_name: 'backward skip' });
+        fireEvent(trackingInformation);
+    }, [fireEvent, getTrackingInformation, updateAudioTime, currentTimeRef]);
+    var onClickForward = (0, react_1.useCallback)(
+    /* istanbul ignore next */
+    function (_a) {
+        var _b = _a.seconds, seconds = _b === void 0 ? 10 : _b;
+        updateAudioTime(currentTimeRef.current + seconds);
+        var trackingInformation = getTrackingInformation('audio-player-skip-forward', instrumentation_1.EventTrigger.Click, { event_navigation_name: 'forward skip' });
+        fireEvent(trackingInformation);
+    }, [fireEvent, getTrackingInformation, updateAudioTime, currentTimeRef]);
+    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 togglePlay = (0, react_1.useCallback)(function () {
+        if (loading) {
+            return;
+        }
+        if (playing) {
+            onPause();
+        }
+        else {
+            onPlay();
+        }
+    }, [loading, playing, onPause, onPlay]);
+    var onProgress = (0, react_1.useCallback)(function (_a) {
+        var target = _a.target;
+        setBuffered(target.buffered);
+    }, [setBuffered]);
+    var onTimeUpdate = (0, react_1.useCallback)(function (_a) {
+        var target = _a.target;
+        var eventTime = Math.floor(target.currentTime);
+        if (currentTimeRef.current !== eventTime) {
+            setCurrentTime(eventTime);
+            var trackingInformation = getTrackingInformation('audio-player-audio', instrumentation_1.EventTrigger.Pulse);
+            fireEvent(trackingInformation);
+        }
+    }, [fireEvent, getTrackingInformation, setCurrentTime, currentTimeRef]);
+    // const onVolumeChange = useCallback(
+    //   ({target}: SyntheticEvent<HTMLAudioElement, Event>) => {
+    //     updateAudioVolume((target as HTMLAudioElement).volume);
+    //   },
+    //   [updateAudioVolume],
+    // );
+    var onChangeSlider = (0, react_1.useCallback)(function (value) {
+        updateAudioTime(value);
+    }, [updateAudioTime]);
+    // const onChangeVolumeSlider = useCallback(
+    //   (value: number) => {
+    //     updateAudioVolume(value);
+    //   },
+    //   [updateAudioVolume],
+    // );
+    var onEnded = (0, react_1.useCallback)(function () {
+        var trackingInformation = getTrackingInformation('audio-complete', instrumentation_1.EventTrigger.End);
+        fireEvent(trackingInformation);
+    }, [getTrackingInformation, fireEvent]);
+    // Preserve audioplayer play state on src change
+    (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
+    // useEffect(() => {
+    //   const 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,
+            // [AudioEvents.VolumeChange]: onVolumeChange,
+            _b[types_1.AudioEvents.DurationChange] = onDurationChange,
+            _b[types_1.AudioEvents.TimeUpdate] = onTimeUpdate,
+            _b[types_1.AudioEvents.Progress] = onProgress,
+            _b),
+        onClickBackward: onClickBackward,
+        onClickForward: onClickForward,
+        togglePlay: togglePlay,
+        onChangeSlider: onChangeSlider,
+        // onChangeVolumeSlider,
+    };
+};
+exports.useAudioFunctions = useAudioFunctions;
+//# sourceMappingURL=audio-functions.js.map

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

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

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { AudioPlayerComposableProps } from './types';
+export declare const AudioPlayerComposable: ({ children, src, autoPlay, live, ariaLandmark, keyboardShortcuts: keyboardShortcutsProp, ...props }: AudioPlayerComposableProps) => JSX.Element;
+//# sourceMappingURL=audio-player-composable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"audio-player-composable.d.ts","sourceRoot":"","sources":["../../../src/audio-player-composable/audio-player-composable.tsx"],"names":[],"mappings":";AAeA,OAAO,EAGL,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAqBjB,eAAO,MAAM,qBAAqB,wGAQ/B,0BAA0B,gBAyQ5B,CAAC"}

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

@@ -0,0 +1,209 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AudioPlayerComposable = void 0;
+var react_1 = __importStar(require("react"));
+var icon_filled_pause_1 = require("../icons/filled/material/icon-filled-pause");
+var icon_filled_play_arrow_1 = require("../icons/filled/material/icon-filled-play-arrow");
+var icon_filled_stop_1 = require("../icons/filled/material/icon-filled-stop");
+var audio_element_1 = require("./components/audio-element");
+var audio_functions_1 = require("./audio-functions");
+var context_1 = require("./context");
+var use_keypress_1 = require("../utils/hooks/use-keypress");
+var types_1 = require("./types");
+var utils_1 = require("./components/time-display/utils");
+var icons_1 = require("../icons");
+var compose_event_handlers_1 = require("../utils/compose-event-handlers");
+var defaultKeyboardShortcuts = {
+    jumpToStart: ['0', 'Home'],
+    jumpToEnd: ['End'],
+};
+var AudioPlayerComposable = function (_a) {
+    var children = _a.children, src = _a.src, _b = _a.autoPlay, autoPlay = _b === void 0 ? false : _b, _c = _a.live, live = _c === void 0 ? false : _c, ariaLandmark = _a.ariaLandmark, keyboardShortcutsProp = _a.keyboardShortcuts, props = __rest(_a, ["children", "src", "autoPlay", "live", "ariaLandmark", "keyboardShortcuts"]);
+    var currentTimeRef = (0, react_1.useRef)(0);
+    var audioRef = (0, react_1.useRef)(null);
+    var audioSectionRef = (0, react_1.useRef)(null);
+    var showLoaderTimeoutRef = (0, react_1.useRef)(0);
+    var _d = (0, react_1.useState)(autoPlay), playing = _d[0], setPlayState = _d[1];
+    var _e = (0, react_1.useState)(true), loading = _e[0], setLoading = _e[1];
+    var _f = (0, react_1.useState)(0), duration = _f[0], setDuration = _f[1];
+    var _g = (0, react_1.useState)(0), currentTime = _g[0], setCurrentTime = _g[1];
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    var _h = (0, react_1.useState)(0), displayDuration = _h[0], setDisplayDuration = _h[1];
+    var _j = (0, react_1.useState)(), buffered = _j[0], setBuffered = _j[1];
+    (0, react_1.useEffect)(function () {
+        currentTimeRef.current = currentTime;
+    });
+    (0, react_1.useEffect)(function () {
+        setCurrentTime(0);
+        setDisplayDuration(0);
+    }, [src]);
+    var _k = (0, audio_functions_1.useAudioFunctions)({
+        autoPlay: autoPlay,
+        audioRef: audioRef,
+        playing: playing,
+        setLoading: setLoading,
+        loading: loading,
+        setPlayState: setPlayState,
+        showLoaderTimeoutRef: showLoaderTimeoutRef,
+        setCurrentTime: setCurrentTime,
+        setBuffered: setBuffered,
+        setDisplayDuration: setDisplayDuration,
+        currentTimeRef: currentTimeRef,
+        duration: duration,
+        setDuration: setDuration,
+        src: src,
+        live: live,
+    }), audioEvents = _k.audioEvents, togglePlay = _k.togglePlay, onChangeSlider = _k.onChangeSlider, onClickForward = _k.onClickForward, onClickBackward = _k.onClickBackward;
+    var getPlayPauseButtonProps = (0, react_1.useCallback)(function (_a) {
+        var consumerOnClick = _a.onClick, getterProps = __rest(_a, ["onClick"]);
+        // All the internal logic for defining aria and icon to show
+        var playStateIcon = react_1.default.createElement(icon_filled_play_arrow_1.IconFilledPlayArrow, null);
+        var ariaLabel = 'Play';
+        var ariaPressed = false;
+        var canPause = !live;
+        if (playing) {
+            ariaPressed = true;
+            if (canPause) {
+                playStateIcon = react_1.default.createElement(icon_filled_pause_1.IconFilledPause, null);
+                ariaLabel = 'Pause';
+            }
+            else {
+                playStateIcon = react_1.default.createElement(icon_filled_stop_1.IconFilledStop, null);
+                ariaLabel = 'Stop';
+            }
+        }
+        var onClick = (0, compose_event_handlers_1.composeEventHandlers)([consumerOnClick, togglePlay]);
+        return __assign(__assign({ 'aria-label': ariaLabel, 'aria-pressed': ariaPressed, loading: loading, onClick: onClick, children: playStateIcon }, getterProps), { 
+            // can  be needed for custom internal logic
+            playing: playing, canPause: canPause });
+    }, [live, loading, playing, togglePlay]);
+    var getForwardButtonProps = (0, react_1.useCallback)(function (_a) {
+        var consumerOnClick = _a.onClick, _b = _a.seconds, seconds = _b === void 0 ? 10 : _b, getterProps = __rest(_a, ["onClick", "seconds"]);
+        var onClickForwardWithSeconds = function () { return onClickForward({ seconds: seconds }); };
+        return __assign({ children: react_1.default.createElement(icons_1.IconFilledForward10, null), 'aria-label': "Fast forward for ".concat(seconds, " seconds"), onClick: (0, compose_event_handlers_1.composeEventHandlers)([
+                consumerOnClick,
+                onClickForwardWithSeconds,
+            ]) }, getterProps);
+    }, [onClickForward]);
+    var getReplayButtonProps = (0, react_1.useCallback)(function (_a) {
+        var consumerOnClick = _a.onClick, _b = _a.seconds, seconds = _b === void 0 ? 10 : _b, getterProps = __rest(_a, ["onClick", "seconds"]);
+        var onClickWithBackwardWithSeconds = function () { return onClickBackward({ seconds: seconds }); };
+        return __assign({ children: react_1.default.createElement(icons_1.IconFilledReplay10, null), 'aria-label': "Rewind ".concat(seconds, " seconds"), onClick: (0, compose_event_handlers_1.composeEventHandlers)([
+                consumerOnClick,
+                onClickWithBackwardWithSeconds,
+            ]) }, getterProps);
+    }, [onClickBackward]);
+    var getSeekBarProps = (0, react_1.useCallback)(function () { return ({
+        duration: duration,
+        currentTime: currentTime,
+        onChange: onChangeSlider,
+        buffered: buffered,
+    }); }, [buffered, currentTime, duration, onChangeSlider]);
+    var getTimeDisplayProps = (0, react_1.useCallback)(function () { return ({
+        format: utils_1.formatFunction,
+        currentTime: currentTime,
+        duration: duration,
+    }); }, [currentTime, duration]);
+    var getSkipPreviousButtonProps = (0, react_1.useCallback)(function (_a) {
+        var consumerOnClick = _a.onClick, getterProps = __rest(_a, ["onClick"]);
+        var onClick = function (event) {
+            if (currentTime > 5) {
+                onChangeSlider(0);
+            }
+            else if (typeof consumerOnClick === 'function') {
+                consumerOnClick(event);
+            }
+        };
+        var isDisabled = currentTime <= 5 && !consumerOnClick;
+        return __assign({ onClick: onClick, children: react_1.default.createElement(icons_1.IconFilledSkipPrevious, null), 'aria-label': 'previous', disabled: isDisabled }, getterProps);
+    }, [currentTime, onChangeSlider]);
+    var getSkipNextButtonProps = (0, react_1.useCallback)(function (_a) {
+        var getterProps = __rest(_a, []);
+        return (__assign({ children: react_1.default.createElement(icons_1.IconFilledSkipNext, null), 'aria-label': 'next', disabled: typeof getterProps.onClick !== 'function' }, getterProps));
+    }, []);
+    var value = (0, react_1.useMemo)(function () { return ({
+        audioRef: audioRef,
+        audioSectionRef: audioSectionRef,
+        togglePlay: togglePlay,
+        // Props function getter
+        getPlayPauseButtonProps: getPlayPauseButtonProps,
+        getTimeDisplayProps: getTimeDisplayProps,
+        getSeekBarProps: getSeekBarProps,
+        getSkipPreviousButtonProps: getSkipPreviousButtonProps,
+        getSkipNextButtonProps: getSkipNextButtonProps,
+        getForwardButtonProps: getForwardButtonProps,
+        getReplayButtonProps: getReplayButtonProps,
+    }); }, [
+        togglePlay,
+        getPlayPauseButtonProps,
+        getTimeDisplayProps,
+        getSeekBarProps,
+        getSkipPreviousButtonProps,
+        getSkipNextButtonProps,
+        getForwardButtonProps,
+        getReplayButtonProps,
+    ]);
+    var eventHandler = (0, react_1.useCallback)(function (eventName) {
+        var propEvent = props[eventName];
+        var internalEvent = audioEvents[eventName];
+        return (0, compose_event_handlers_1.composeEventHandlers)([propEvent, internalEvent]);
+    }, [audioEvents, props]);
+    // Keyboard shortcuts
+    var options = { target: audioSectionRef, preventDefault: false };
+    var keyboardShortcuts = __assign(__assign({}, defaultKeyboardShortcuts), keyboardShortcutsProp);
+    var pressJumpToStart = (0, react_1.useCallback)(function () {
+        onChangeSlider(0);
+    }, [onChangeSlider]);
+    var pressJumpToEnd = (0, react_1.useCallback)(function () {
+        onChangeSlider(duration);
+    }, [onChangeSlider, duration]);
+    (0, use_keypress_1.useKeypress)(keyboardShortcuts.jumpToStart, pressJumpToStart, options);
+    (0, use_keypress_1.useKeypress)(keyboardShortcuts.jumpToEnd, pressJumpToEnd, options);
+    return (react_1.default.createElement("section", { "aria-label": ariaLandmark || 'Audio Player', ref: audioSectionRef },
+        react_1.default.createElement(context_1.AudioPlayerProvider, { value: value },
+            react_1.default.createElement(audio_element_1.AudioElement, { audioRef: audioRef, src: src, autoPlay: autoPlay, onCanPlay: eventHandler(types_1.AudioEvents.CanPlay), onWaiting: eventHandler(types_1.AudioEvents.Waiting), onPlay: eventHandler(types_1.AudioEvents.Play), onPause: eventHandler(types_1.AudioEvents.Pause), onEnded: eventHandler(types_1.AudioEvents.Ended), onDurationChange: eventHandler(types_1.AudioEvents.DurationChange), onTimeUpdate: eventHandler(types_1.AudioEvents.TimeUpdate), onProgress: eventHandler(types_1.AudioEvents.Progress) }),
+            children)));
+};
+exports.AudioPlayerComposable = AudioPlayerComposable;
+//# sourceMappingURL=audio-player-composable.js.map

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

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

package/cjs/audio-player-composable/components/audio-element.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { AudioElementProps } from '../types';
+export declare const AudioElement: React.FC<AudioElementProps>;
+//# sourceMappingURL=audio-element.d.ts.map

package/cjs/audio-player-composable/components/audio-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-element.d.ts","sourceRoot":"","sources":["../../../../src/audio-player-composable/components/audio-element.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,iBAAiB,EAAC,MAAM,UAAU,CAAC;AAE3C,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2BpD,CAAC"}

package/cjs/audio-player-composable/components/audio-element.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AudioElement = void 0;
+/* eslint-disable jsx-a11y/media-has-caption */
+var react_1 = __importDefault(require("react"));
+var AudioElement = function (_a) {
+    var src = _a.src, audioRef = _a.audioRef, autoPlay = _a.autoPlay, onPlay = _a.onPlay, onCanPlay = _a.onCanPlay, onWaiting = _a.onWaiting, onPause = _a.onPause, onEnded = _a.onEnded, onDurationChange = _a.onDurationChange, onTimeUpdate = _a.onTimeUpdate, onProgress = _a.onProgress;
+    return (react_1.default.createElement("audio", { ref: audioRef, autoPlay: autoPlay, src: src, onCanPlay: onCanPlay, onWaiting: onWaiting, onPlay: onPlay, onPause: onPause, onEnded: onEnded, onDurationChange: onDurationChange, onTimeUpdate: onTimeUpdate, onProgress: onProgress, "data-testid": "audio-element" }));
+};
+exports.AudioElement = AudioElement;
+//# sourceMappingURL=audio-element.js.map

package/cjs/audio-player-composable/components/audio-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-element.js","sourceRoot":"","sources":["../../../../src/audio-player-composable/components/audio-element.tsx"],"names":[],"mappings":";;;;;;AAAA,+CAA+C;AAC/C,gDAA0B;AAGnB,IAAM,YAAY,GAAgC,UAAC,EAYzD;QAXC,GAAG,SAAA,EACH,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,SAAS,eAAA,EACT,SAAS,eAAA,EACT,OAAO,aAAA,EACP,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,YAAY,kBAAA,EACZ,UAAU,gBAAA;IACN,OAAA,CACJ,yCACE,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,iBACV,eAAe,GAC3B,CACH;AAfK,CAeL,CAAC;AA3BW,QAAA,YAAY,gBA2BvB"}

package/cjs/audio-player-composable/components/forward-button/defaults.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    audioPlayerForwardButton: {
+        stylePreset: string;
+    };
+};
+export default _default;
+//# sourceMappingURL=defaults.d.ts.map

package/cjs/audio-player-composable/components/forward-button/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/forward-button/defaults.ts"],"names":[],"mappings":";;;;;AAAA,wBAIE"}

package/cjs/audio-player-composable/components/forward-button/defaults.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    audioPlayerForwardButton: {
+        stylePreset: 'iconButtonMinimalPrimary',
+    },
+};
+//# sourceMappingURL=defaults.js.map