@times-components/ts-components 1.112.0 → 1.112.1

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.112.1](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.112.0...@times-components/ts-components@1.112.1) (2024-12-03)
+
+**Note:** Version bump only for package @times-components/ts-components
+
+
+
+
+
 # [1.112.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.111.0...@times-components/ts-components@1.112.0) (2024-12-02)
 
 

package/dist/components/article-audio/ArticleAudio.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+export interface ArticleAudioProps {
+    audioSrc: string;
+}
+export declare const ArticleAudio: FC<ArticleAudioProps>;
+export default ArticleAudio;

package/dist/components/article-audio/ArticleAudio.js

@@ -0,0 +1,51 @@
+import React, { useState, useRef } from 'react';
+import { AudioButton } from './styles';
+import { AudioPlayer } from '../audio-player-components/AudioPlayer';
+import { PlayIcon, PauseIcon } from '@times-components/icons';
+export const ArticleAudio = ({ audioSrc }) => {
+    const [audioState, setAudioState] = useState('not-started');
+    const [isAudioPlayerVisible, setisAudioPlayerVisible] = useState(false);
+    const [duration, setDuration] = useState(null);
+    const audioRef = useRef(null);
+    const handleLoadedMetadata = () => {
+        if (audioRef.current) {
+            const totalSeconds = Math.floor(audioRef.current.duration);
+            const minutes = Math.floor(totalSeconds / 60) + 1;
+            setDuration(`${minutes}`);
+        }
+    };
+    const handlePlayPause = () => {
+        setisAudioPlayerVisible(true);
+        if (audioState === 'playing') {
+            setAudioState('paused');
+        }
+        else {
+            setAudioState('playing');
+        }
+    };
+    const hidePlayer = () => {
+        setisAudioPlayerVisible(false);
+    };
+    return (React.createElement("div", null,
+        React.createElement("audio", { ref: audioRef, src: audioSrc, onLoadedMetadata: handleLoadedMetadata, preload: "metadata" }),
+        React.createElement(AudioButton, { onClick: handlePlayPause, style: {
+                backgroundColor: audioState !== 'not-started' ? '#1D1D1B' : 'unset',
+                color: audioState === 'not-started' ? '#333' : '#fff'
+            } },
+            audioState === 'playing' ? (React.createElement(React.Fragment, null,
+                React.createElement(PauseIcon, { width: 16, height: 16, fill: "#fff" }),
+                " Playing")) : audioState === 'paused' ? (React.createElement(React.Fragment, null,
+                React.createElement(PlayIcon, { width: 16, height: 16, fill: "#fff" }),
+                " Paused")) : (React.createElement(React.Fragment, null,
+                React.createElement(PlayIcon, { width: 16, height: 16 }),
+                " Listen")),
+            React.createElement("span", { style: {
+                    color: audioState === 'not-started' ? '#696969' : '#fff'
+                } },
+                ' ',
+                duration,
+                " min")),
+        isAudioPlayerVisible && (React.createElement(AudioPlayer, { src: audioSrc, isPlayingProp: audioState === 'playing', onPlay: () => setAudioState('playing'), onPause: () => setAudioState('paused'), onEnded: () => setAudioState('not-started'), onClose: () => hidePlayer() }))));
+};
+export default ArticleAudio;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUF1ZGlvLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXJ0aWNsZS1hdWRpby9BcnRpY2xlQXVkaW8udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQU0sUUFBUSxFQUFFLE1BQU0sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUNwRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBSzlELE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBMEIsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7SUFDbEUsTUFBTSxDQUFDLFVBQVUsRUFBRSxhQUFhLENBQUMsR0FBRyxRQUFRLENBRTFDLGFBQWEsQ0FBQyxDQUFDO0lBQ2pCLE1BQU0sQ0FBQyxvQkFBb0IsRUFBRSx1QkFBdUIsQ0FBQyxHQUFHLFFBQVEsQ0FDOUQsS0FBSyxDQUNOLENBQUM7SUFDRixNQUFNLENBQUMsUUFBUSxFQUFFLFdBQVcsQ0FBQyxHQUFHLFFBQVEsQ0FBZ0IsSUFBSSxDQUFDLENBQUM7SUFFOUQsTUFBTSxRQUFRLEdBQUcsTUFBTSxDQUEwQixJQUFJLENBQUMsQ0FBQztJQUV2RCxNQUFNLG9CQUFvQixHQUFHLEdBQUcsRUFBRTtRQUNoQyxJQUFJLFFBQVEsQ0FBQyxPQUFPLEVBQUU7WUFDcEIsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQzNELE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxHQUFHLEVBQUUsQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUNsRCxXQUFXLENBQUMsR0FBRyxPQUFPLEVBQUUsQ0FBQyxDQUFDO1NBQzNCO0lBQ0gsQ0FBQyxDQUFDO0lBRUYsTUFBTSxlQUFlLEdBQUcsR0FBRyxFQUFFO1FBQzNCLHVCQUF1QixDQUFDLElBQUksQ0FBQyxDQUFDO1FBRTlCLElBQUksVUFBVSxLQUFLLFNBQVMsRUFBRTtZQUM1QixhQUFhLENBQUMsUUFBUSxDQUFDLENBQUM7U0FDekI7YUFBTTtZQUNMLGFBQWEsQ0FBQyxTQUFTLENBQUMsQ0FBQztTQUMxQjtJQUNILENBQUMsQ0FBQztJQUVGLE1BQU0sVUFBVSxHQUFHLEdBQUcsRUFBRTtRQUN0Qix1QkFBdUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNqQyxDQUFDLENBQUM7SUFFRixPQUFPLENBQ0w7UUFDRSwrQkFDRSxHQUFHLEVBQUUsUUFBUSxFQUNiLEdBQUcsRUFBRSxRQUFRLEVBQ2IsZ0JBQWdCLEVBQUUsb0JBQW9CLEVBQ3RDLE9BQU8sRUFBQyxVQUFVLEdBQ2xCO1FBQ0Ysb0JBQUMsV0FBVyxJQUNWLE9BQU8sRUFBRSxlQUFlLEVBQ3hCLEtBQUssRUFBRTtnQkFDTCxlQUFlLEVBQUUsVUFBVSxLQUFLLGFBQWEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxPQUFPO2dCQUNuRSxLQUFLLEVBQUUsVUFBVSxLQUFLLGFBQWEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNO2FBQ3REO1lBRUEsVUFBVSxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FDMUI7Z0JBQ0Usb0JBQUMsU0FBUyxJQUFDLEtBQUssRUFBRSxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUMsTUFBTSxHQUFHOzJCQUMvQyxDQUNKLENBQUMsQ0FBQyxDQUFDLFVBQVUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQzVCO2dCQUNFLG9CQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFDLE1BQU0sR0FBRzswQkFDOUMsQ0FDSixDQUFDLENBQUMsQ0FBQyxDQUNGO2dCQUNFLG9CQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLEdBQUk7MEJBQ2xDLENBQ0o7WUFDRCw4QkFDRSxLQUFLLEVBQUU7b0JBQ0wsS0FBSyxFQUFFLFVBQVUsS0FBSyxhQUFhLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTTtpQkFDekQ7Z0JBRUEsR0FBRztnQkFDSCxRQUFRO3VCQUNKLENBQ0s7UUFDYixvQkFBb0IsSUFBSSxDQUN2QixvQkFBQyxXQUFXLElBQ1YsR0FBRyxFQUFFLFFBQVEsRUFDYixhQUFhLEVBQUUsVUFBVSxLQUFLLFNBQVMsRUFDdkMsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsRUFDdEMsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsRUFDdEMsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsRUFDM0MsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLFVBQVUsRUFBRSxHQUMzQixDQUNILENBQ0csQ0FDUCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsZUFBZSxZQUFZLENBQUMifQ==

package/dist/components/article-audio/ArticleAudio.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/article-audio/ArticleAudio.stories.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import { ArticleAudio } from './ArticleAudio';
+storiesOf('Typescript Component/Article Audio', module).add('Article Audio', () => {
+    return (React.createElement("div", { style: { padding: '10px' } },
+        React.createElement(ArticleAudio, { audioSrc: "https://www.kozco.com/tech/LRMonoPhase4.mp3" })));
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUF1ZGlvLnN0b3JpZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9hcnRpY2xlLWF1ZGlvL0FydGljbGVBdWRpby5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUU5QyxTQUFTLENBQUMsb0NBQW9DLEVBQUUsTUFBTSxDQUFDLENBQUMsR0FBRyxDQUN6RCxlQUFlLEVBQ2YsR0FBRyxFQUFFO0lBQ0gsT0FBTyxDQUNMLDZCQUFLLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUU7UUFDN0Isb0JBQUMsWUFBWSxJQUFDLFFBQVEsRUFBQyw2Q0FBNkMsR0FBRyxDQUNuRSxDQUNQLENBQUM7QUFDSixDQUFDLENBQ0YsQ0FBQyJ9

package/dist/components/article-audio/__tests__/ArticleAudio.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package/dist/components/article-audio/__tests__/ArticleAudio.test.js

@@ -0,0 +1,129 @@
+import React from 'react';
+import { render, fireEvent, act } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+import { ArticleAudio } from '../ArticleAudio';
+jest.mock('../styles', () => ({
+    AudioButton: ({ children, onClick, style }) => (React.createElement("button", { "data-testid": "audio-button", onClick: onClick, style: style }, children))
+}));
+jest.mock('@times-components/icons', () => ({
+    __esModule: true,
+    PlayIcon: ({ color }) => (React.createElement("svg", { "data-testid": "play-icon", style: { color: color || '#333' } })),
+    PauseIcon: ({ color }) => (React.createElement("svg", { "data-testid": "pause-icon", style: { color: color || '#333' } }))
+}));
+jest.mock('../../audio-player-components/AudioPlayer', () => ({
+    AudioPlayer: ({ onPlay, onPause, onEnded, onClose }) => (React.createElement("div", { "data-testid": "audio-player" },
+        React.createElement("button", { onClick: onPlay }, "Play"),
+        React.createElement("button", { onClick: onPause }, "Pause"),
+        React.createElement("button", { onClick: onEnded }, "Ended"),
+        React.createElement("button", { onClick: onClose }, "Close")))
+}));
+describe('ArticleAudio', () => {
+    beforeEach(() => {
+        // Mock the duration of the audio element
+        Object.defineProperty(HTMLMediaElement.prototype, 'duration', {
+            get() {
+                return 120; // 2 minutes
+            }
+        });
+    });
+    afterEach(() => {
+        jest.clearAllMocks();
+    });
+    test('renders audio button with correct initial state', () => {
+        const { getByTestId, getByText, container } = render(React.createElement(ArticleAudio, { audioSrc: "https://www.kozco.com/tech/LRMonoPhase4.mp3" }));
+        // Trigger the 'loadedmetadata' event to set the duration
+        const audio = container.querySelector('audio');
+        act(() => {
+            fireEvent.loadedMetadata(audio);
+        });
+        const audioButton = getByTestId('audio-button');
+        expect(audioButton).toBeInTheDocument();
+        expect(audioButton.style.backgroundColor).toBe('');
+        expect(audioButton).toHaveStyle('color: #333');
+        // The initial state should display 'Listen' and the duration
+        expect(getByText('Listen')).toBeInTheDocument();
+        expect(getByText('3 min')).toBeInTheDocument();
+        // Since audioState is 'not-started', duration color should be '#696969'
+        const durationSpan = getByText('3 min');
+        expect(durationSpan).toHaveStyle('color: #696969');
+    });
+    test('hides AudioPlayer when close button is clicked (using mocked AudioPlayer)', () => {
+        const { getByTestId, queryByTestId, container, getByText } = render(React.createElement(ArticleAudio, { audioSrc: "https://www.kozco.com/tech/LRMonoPhase4.mp3" }));
+        // Trigger the 'loadedmetadata' event to set the duration
+        const audio = container.querySelector('audio');
+        act(() => {
+            fireEvent.loadedMetadata(audio);
+        });
+        // Initially, the AudioPlayer should not be visible
+        expect(queryByTestId('audio-player')).not.toBeInTheDocument();
+        // Click the audio button to start playback
+        const audioButton = getByTestId('audio-button');
+        fireEvent.click(audioButton);
+        // The mocked AudioPlayer should now be visible
+        expect(getByTestId('audio-player')).toBeInTheDocument();
+        // Use the mocked Close button inside the AudioPlayer to close it
+        const closeButton = getByText('Close');
+        fireEvent.click(closeButton);
+        // The AudioPlayer should no longer be visible
+        expect(queryByTestId('audio-player')).not.toBeInTheDocument();
+    });
+    test('handles play and pause', () => {
+        const { getByTestId, getByText, container } = render(React.createElement(ArticleAudio, { audioSrc: "https://www.kozco.com/tech/LRMonoPhase4.mp3" }));
+        // Trigger the 'loadedmetadata' event to set the duration
+        const audio = container.querySelector('audio');
+        act(() => {
+            fireEvent.loadedMetadata(audio);
+        });
+        const audioButton = getByTestId('audio-button');
+        // Simulate clicking the play button
+        fireEvent.click(audioButton);
+        // Now, audioState should be 'playing'
+        expect(audioButton).toHaveStyle('background-color: #1D1D1B');
+        expect(audioButton).toHaveStyle('color: #fff');
+        expect(getByText('Playing')).toBeInTheDocument();
+        // Since audioState is 'playing', duration color should be '#fff'
+        const durationSpan = getByText('3 min');
+        expect(durationSpan).toHaveStyle('color: #fff');
+        // Simulate clicking the pause button
+        fireEvent.click(audioButton);
+        expect(getByText('Paused')).toBeInTheDocument();
+        expect(audioButton).toHaveStyle('background-color: #1D1D1B');
+        expect(audioButton).toHaveStyle('color: #fff');
+        // Simulate clicking the play button again
+        fireEvent.click(audioButton);
+        expect(getByText('Playing')).toBeInTheDocument();
+    });
+    test('shows AudioPlayer when audio is played', () => {
+        const { getByTestId, queryByTestId, container } = render(React.createElement(ArticleAudio, { audioSrc: "https://www.kozco.com/tech/LRMonoPhase4.mp3" }));
+        // Trigger the 'loadedmetadata' event to set the duration
+        const audio = container.querySelector('audio');
+        act(() => {
+            fireEvent.loadedMetadata(audio);
+        });
+        expect(queryByTestId('audio-player')).not.toBeInTheDocument();
+        const audioButton = getByTestId('audio-button');
+        fireEvent.click(audioButton);
+        expect(getByTestId('audio-player')).toBeInTheDocument();
+    });
+    test('updates audioState based on AudioPlayer callbacks', () => {
+        const { getByTestId, getByText, container } = render(React.createElement(ArticleAudio, { audioSrc: "https://www.kozco.com/tech/LRMonoPhase4.mp3" }));
+        // Trigger the 'loadedmetadata' event to set the duration
+        const audio = container.querySelector('audio');
+        act(() => {
+            fireEvent.loadedMetadata(audio);
+        });
+        const audioButton = getByTestId('audio-button');
+        fireEvent.click(audioButton); // Start playing
+        expect(getByText('Playing')).toBeInTheDocument();
+        const pauseButton = getByText('Pause');
+        fireEvent.click(pauseButton);
+        expect(getByText('Paused')).toBeInTheDocument();
+        const playButton = getByText('Play');
+        fireEvent.click(playButton);
+        expect(getByText('Playing')).toBeInTheDocument();
+        const endedButton = getByText('Ended');
+        fireEvent.click(endedButton);
+        expect(getByText('Listen')).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUF1ZGlvLnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9hcnRpY2xlLWF1ZGlvL19fdGVzdHNfXy9BcnRpY2xlQXVkaW8udGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2hFLE9BQU8seUNBQXlDLENBQUM7QUFDakQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDNUIsV0FBVyxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBTyxFQUFFLEVBQUUsQ0FBQyxDQUNsRCwrQ0FBb0IsY0FBYyxFQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssSUFDOUQsUUFBUSxDQUNGLENBQ1Y7Q0FDRixDQUFDLENBQUMsQ0FBQztBQUVKLElBQUksQ0FBQyxJQUFJLENBQUMseUJBQXlCLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUMxQyxVQUFVLEVBQUUsSUFBSTtJQUNoQixRQUFRLEVBQUUsQ0FBQyxFQUFFLEtBQUssRUFBTyxFQUFFLEVBQUUsQ0FBQyxDQUM1Qiw0Q0FBaUIsV0FBVyxFQUFDLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxLQUFLLElBQUksTUFBTSxFQUFFLEdBQUksQ0FDbkU7SUFDRCxTQUFTLEVBQUUsQ0FBQyxFQUFFLEtBQUssRUFBTyxFQUFFLEVBQUUsQ0FBQyxDQUM3Qiw0Q0FBaUIsWUFBWSxFQUFDLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxLQUFLLElBQUksTUFBTSxFQUFFLEdBQUksQ0FDcEU7Q0FDRixDQUFDLENBQUMsQ0FBQztBQUVKLElBQUksQ0FBQyxJQUFJLENBQUMsMkNBQTJDLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUM1RCxXQUFXLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBTyxFQUFFLEVBQUUsQ0FBQyxDQUMzRCw0Q0FBaUIsY0FBYztRQUM3QixnQ0FBUSxPQUFPLEVBQUUsTUFBTSxXQUFlO1FBQ3RDLGdDQUFRLE9BQU8sRUFBRSxPQUFPLFlBQWdCO1FBQ3hDLGdDQUFRLE9BQU8sRUFBRSxPQUFPLFlBQWdCO1FBQ3hDLGdDQUFRLE9BQU8sRUFBRSxPQUFPLFlBQWdCLENBQ3BDLENBQ1A7Q0FDRixDQUFDLENBQUMsQ0FBQztBQUVKLFFBQVEsQ0FBQyxjQUFjLEVBQUUsR0FBRyxFQUFFO0lBQzVCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7UUFDZCx5Q0FBeUM7UUFDekMsTUFBTSxDQUFDLGNBQWMsQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTLEVBQUUsVUFBVSxFQUFFO1lBQzVELEdBQUc7Z0JBQ0QsT0FBTyxHQUFHLENBQUMsQ0FBQyxZQUFZO1lBQzFCLENBQUM7U0FDRixDQUFDLENBQUM7SUFDTCxDQUFDLENBQUMsQ0FBQztJQUVILFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDdkIsQ0FBQyxDQUFDLENBQUM7SUFFSCxJQUFJLENBQUMsaURBQWlELEVBQUUsR0FBRyxFQUFFO1FBQzNELE1BQU0sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxHQUFHLE1BQU0sQ0FDbEQsb0JBQUMsWUFBWSxJQUFDLFFBQVEsRUFBQyw2Q0FBNkMsR0FBRyxDQUN4RSxDQUFDO1FBRUYseURBQXlEO1FBQ3pELE1BQU0sS0FBSyxHQUFHLFNBQVMsQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFxQixDQUFDO1FBQ25FLEdBQUcsQ0FBQyxHQUFHLEVBQUU7WUFDUCxTQUFTLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2xDLENBQUMsQ0FBQyxDQUFDO1FBRUgsTUFBTSxXQUFXLEdBQUcsV0FBVyxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQ2hELE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBRXhDLE1BQU0sQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLGVBQWUsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNuRCxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBRS9DLDZEQUE2RDtRQUM3RCxNQUFNLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUNoRCxNQUFNLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUUvQyx3RUFBd0U7UUFDeEUsTUFBTSxZQUFZLEdBQUcsU0FBUyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3hDLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQyxXQUFXLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUNyRCxDQUFDLENBQUMsQ0FBQztJQUVILElBQUksQ0FBQywyRUFBMkUsRUFBRSxHQUFHLEVBQUU7UUFDckYsTUFBTSxFQUFFLFdBQVcsRUFBRSxhQUFhLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxHQUFHLE1BQU0sQ0FDakUsb0JBQUMsWUFBWSxJQUFDLFFBQVEsRUFBQyw2Q0FBNkMsR0FBRyxDQUN4RSxDQUFDO1FBRUYseURBQXlEO1FBQ3pELE1BQU0sS0FBSyxHQUFHLFNBQVMsQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFxQixDQUFDO1FBQ25FLEdBQUcsQ0FBQyxHQUFHLEVBQUU7WUFDUCxTQUFTLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2xDLENBQUMsQ0FBQyxDQUFDO1FBRUgsbURBQW1EO1FBQ25ELE1BQU0sQ0FBQyxhQUFhLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUU5RCwyQ0FBMkM7UUFDM0MsTUFBTSxXQUFXLEdBQUcsV0FBVyxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQ2hELFNBQVMsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUM7UUFFN0IsK0NBQStDO1FBQy9DLE1BQU0sQ0FBQyxXQUFXLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBRXhELGlFQUFpRTtRQUNqRSxNQUFNLFdBQVcsR0FBRyxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDdkMsU0FBUyxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUU3Qiw4Q0FBOEM7UUFDOUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQ2hFLENBQUMsQ0FBQyxDQUFDO0lBRUgsSUFBSSxDQUFDLHdCQUF3QixFQUFFLEdBQUcsRUFBRTtRQUNsQyxNQUFNLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsR0FBRyxNQUFNLENBQ2xELG9CQUFDLFlBQVksSUFBQyxRQUFRLEVBQUMsNkNBQTZDLEdBQUcsQ0FDeEUsQ0FBQztRQUVGLHlEQUF5RDtRQUN6RCxNQUFNLEtBQUssR0FBRyxTQUFTLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBcUIsQ0FBQztRQUNuRSxHQUFHLENBQUMsR0FBRyxFQUFFO1lBQ1AsU0FBUyxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNsQyxDQUFDLENBQUMsQ0FBQztRQUVILE1BQU0sV0FBVyxHQUFHLFdBQVcsQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUVoRCxvQ0FBb0M7UUFDcEMsU0FBUyxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUU3QixzQ0FBc0M7UUFDdEMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDLFdBQVcsQ0FBQywyQkFBMkIsQ0FBQyxDQUFDO1FBQzdELE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDL0MsTUFBTSxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFFakQsaUVBQWlFO1FBQ2pFLE1BQU0sWUFBWSxHQUFHLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUN4QyxNQUFNLENBQUMsWUFBWSxDQUFDLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBRWhELHFDQUFxQztRQUNyQyxTQUFTLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBRTdCLE1BQU0sQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQ2hELE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQyxXQUFXLENBQUMsMkJBQTJCLENBQUMsQ0FBQztRQUM3RCxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBRS9DLDBDQUEwQztRQUMxQyxTQUFTLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBRTdCLE1BQU0sQ0FBQyxTQUFTLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQ25ELENBQUMsQ0FBQyxDQUFDO0lBRUgsSUFBSSxDQUFDLHdDQUF3QyxFQUFFLEdBQUcsRUFBRTtRQUNsRCxNQUFNLEVBQUUsV0FBVyxFQUFFLGFBQWEsRUFBRSxTQUFTLEVBQUUsR0FBRyxNQUFNLENBQ3RELG9CQUFDLFlBQVksSUFBQyxRQUFRLEVBQUMsNkNBQTZDLEdBQUcsQ0FDeEUsQ0FBQztRQUVGLHlEQUF5RDtRQUN6RCxNQUFNLEtBQUssR0FBRyxTQUFTLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBcUIsQ0FBQztRQUNuRSxHQUFHLENBQUMsR0FBRyxFQUFFO1lBQ1AsU0FBUyxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNsQyxDQUFDLENBQUMsQ0FBQztRQUVILE1BQU0sQ0FBQyxhQUFhLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUU5RCxNQUFNLFdBQVcsR0FBRyxXQUFXLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDaEQsU0FBUyxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUU3QixNQUFNLENBQUMsV0FBVyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMxRCxDQUFDLENBQUMsQ0FBQztJQUVILElBQUksQ0FBQyxtREFBbUQsRUFBRSxHQUFHLEVBQUU7UUFDN0QsTUFBTSxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLEdBQUcsTUFBTSxDQUNsRCxvQkFBQyxZQUFZLElBQUMsUUFBUSxFQUFDLDZDQUE2QyxHQUFHLENBQ3hFLENBQUM7UUFFRix5REFBeUQ7UUFDekQsTUFBTSxLQUFLLEdBQUcsU0FBUyxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQXFCLENBQUM7UUFDbkUsR0FBRyxDQUFDLEdBQUcsRUFBRTtZQUNQLFNBQVMsQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbEMsQ0FBQyxDQUFDLENBQUM7UUFFSCxNQUFNLFdBQVcsR0FBRyxXQUFXLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDaEQsU0FBUyxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLGdCQUFnQjtRQUU5QyxNQUFNLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUVqRCxNQUFNLFdBQVcsR0FBRyxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDdkMsU0FBUyxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUU3QixNQUFNLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUVoRCxNQUFNLFVBQVUsR0FBRyxTQUFTLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDckMsU0FBUyxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUU1QixNQUFNLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUVqRCxNQUFNLFdBQVcsR0FBRyxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDdkMsU0FBUyxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUU3QixNQUFNLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUNsRCxDQUFDLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyxDQUFDIn0=

package/dist/components/article-audio/__tests__/Styles.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/extend-expect';
+import 'jest-styled-components';

package/dist/components/article-audio/__tests__/Styles.test.js

@@ -0,0 +1,45 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+import 'jest-styled-components';
+import { AudioButton } from '../styles';
+describe('AudioButton', () => {
+    test('renders correctly with default styles', () => {
+        const { getByTestId } = render(React.createElement(AudioButton, { "data-testid": "audio-button" }, "Test Button"));
+        const button = getByTestId('audio-button');
+        expect(button).toHaveStyleRule('background-color', 'unset');
+        expect(button).toHaveStyleRule('border-radius', '0');
+        expect(button).toHaveStyleRule('padding', '7px 11px');
+        expect(button).toHaveStyleRule('border', '1px solid #333333');
+        expect(button).toHaveStyleRule('display', 'flex');
+        expect(button).toHaveStyleRule('align-items', 'center');
+        expect(button).toHaveStyleRule('color', '#333333');
+        expect(button).toHaveStyleRule('font-family', 'Roboto');
+        expect(button).toHaveStyleRule('font-weight', '500');
+        expect(button).toHaveStyleRule('font-size', '14px');
+        expect(button).toHaveStyleRule('line-height', '18px');
+    });
+    test('renders svg child with correct styles', () => {
+        const { getByTestId } = render(React.createElement(AudioButton, { "data-testid": "audio-button" },
+            React.createElement("svg", { "data-testid": "icon" })));
+        const button = getByTestId('audio-button');
+        expect(button).toHaveStyleRule('margin-right', '8px', {
+            modifier: 'svg'
+        });
+    });
+    test('renders span child with correct styles', () => {
+        const { getByTestId } = render(React.createElement(AudioButton, { "data-testid": "audio-button" },
+            React.createElement("span", { "data-testid": "span" }, "Test Span")));
+        const button = getByTestId('audio-button');
+        expect(button).toHaveStyleRule('margin-left', '4px', {
+            modifier: 'span'
+        });
+        expect(button).toHaveStyleRule('font-size', '12px', {
+            modifier: 'span'
+        });
+        expect(button).toHaveStyleRule('color', '#696969', {
+            modifier: 'span'
+        });
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3R5bGVzLnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9hcnRpY2xlLWF1ZGlvL19fdGVzdHNfXy9TdHlsZXMudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNoRCxPQUFPLHlDQUF5QyxDQUFDO0FBQ2pELE9BQU8sd0JBQXdCLENBQUM7QUFDaEMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUV4QyxRQUFRLENBQUMsYUFBYSxFQUFFLEdBQUcsRUFBRTtJQUMzQixJQUFJLENBQUMsdUNBQXVDLEVBQUUsR0FBRyxFQUFFO1FBQ2pELE1BQU0sRUFBRSxXQUFXLEVBQUUsR0FBRyxNQUFNLENBQzVCLG9CQUFDLFdBQVcsbUJBQWEsY0FBYyxrQkFBMEIsQ0FDbEUsQ0FBQztRQUVGLE1BQU0sTUFBTSxHQUFHLFdBQVcsQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUUzQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsZUFBZSxDQUFDLGtCQUFrQixFQUFFLE9BQU8sQ0FBQyxDQUFDO1FBQzVELE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxlQUFlLENBQUMsZUFBZSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQ3JELE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxlQUFlLENBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxDQUFDO1FBQ3RELE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxlQUFlLENBQUMsUUFBUSxFQUFFLG1CQUFtQixDQUFDLENBQUM7UUFDOUQsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLGVBQWUsQ0FBQyxTQUFTLEVBQUUsTUFBTSxDQUFDLENBQUM7UUFDbEQsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLGVBQWUsQ0FBQyxhQUFhLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFDeEQsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLGVBQWUsQ0FBQyxPQUFPLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDbkQsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLGVBQWUsQ0FBQyxhQUFhLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFDeEQsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLGVBQWUsQ0FBQyxhQUFhLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDckQsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLGVBQWUsQ0FBQyxXQUFXLEVBQUUsTUFBTSxDQUFDLENBQUM7UUFDcEQsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLGVBQWUsQ0FBQyxhQUFhLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFDeEQsQ0FBQyxDQUFDLENBQUM7SUFFSCxJQUFJLENBQUMsdUNBQXVDLEVBQUUsR0FBRyxFQUFFO1FBQ2pELE1BQU0sRUFBRSxXQUFXLEVBQUUsR0FBRyxNQUFNLENBQzVCLG9CQUFDLFdBQVcsbUJBQWEsY0FBYztZQUNyQyw0Q0FBaUIsTUFBTSxHQUFHLENBQ2QsQ0FDZixDQUFDO1FBRUYsTUFBTSxNQUFNLEdBQUcsV0FBVyxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBRTNDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxlQUFlLENBQUMsY0FBYyxFQUFFLEtBQUssRUFBRTtZQUNwRCxRQUFRLEVBQUUsS0FBSztTQUNoQixDQUFDLENBQUM7SUFDTCxDQUFDLENBQUMsQ0FBQztJQUVILElBQUksQ0FBQyx3Q0FBd0MsRUFBRSxHQUFHLEVBQUU7UUFDbEQsTUFBTSxFQUFFLFdBQVcsRUFBRSxHQUFHLE1BQU0sQ0FDNUIsb0JBQUMsV0FBVyxtQkFBYSxjQUFjO1lBQ3JDLDZDQUFrQixNQUFNLGdCQUFpQixDQUM3QixDQUNmLENBQUM7UUFFRixNQUFNLE1BQU0sR0FBRyxXQUFXLENBQUMsY0FBYyxDQUFDLENBQUM7UUFFM0MsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLGVBQWUsQ0FBQyxhQUFhLEVBQUUsS0FBSyxFQUFFO1lBQ25ELFFBQVEsRUFBRSxNQUFNO1NBQ2pCLENBQUMsQ0FBQztRQUNILE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxlQUFlLENBQUMsV0FBVyxFQUFFLE1BQU0sRUFBRTtZQUNsRCxRQUFRLEVBQUUsTUFBTTtTQUNqQixDQUFDLENBQUM7UUFDSCxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsZUFBZSxDQUFDLE9BQU8sRUFBRSxTQUFTLEVBQUU7WUFDakQsUUFBUSxFQUFFLE1BQU07U0FDakIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMsQ0FBQyJ9

package/dist/components/article-audio/styles.d.ts

@@ -0,0 +1 @@
+export declare const AudioButton: import("styled-components").StyledComponent<"button", any, {}, never>;

package/dist/components/article-audio/styles.js

@@ -0,0 +1,26 @@
+import styled from 'styled-components';
+import { colours } from '@times-components/ts-styleguide';
+export const AudioButton = styled.button `
+  background-color: unset;
+  border-radius: 0;
+  padding: 7px 11px;
+  border: 1px solid ${colours.functional.primary};
+  display: flex;
+  align-items: center;
+  color: ${colours.functional.primary};
+  font-family: Roboto;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 18px;
+
+  svg {
+    margin-right: 8px;
+  }
+
+  span {
+    margin-left: 4px;
+    font-size: 12px;
+    color: ${colours.functional.secondary};
+  }
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXJ0aWNsZS1hdWRpby9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDdkMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTFELE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFBOzs7O3NCQUlsQixPQUFPLENBQUMsVUFBVSxDQUFDLE9BQU87OztXQUdyQyxPQUFPLENBQUMsVUFBVSxDQUFDLE9BQU87Ozs7Ozs7Ozs7Ozs7YUFheEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxTQUFTOztDQUV4QyxDQUFDIn0=

package/dist/components/audio-player-components/AudioPlayer.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { StickyAudioPlayerProps } from './types';
+export declare const AudioPlayer: FC<StickyAudioPlayerProps>;

package/dist/components/audio-player-components/AudioPlayer.js

@@ -0,0 +1,180 @@
+import React, { useState, useEffect, useRef, forwardRef, useImperativeHandle } from 'react';
+import { AudioPlayerContainer } from './styles';
+import { CollapseIcon } from './CollapseIcon';
+import { TitleScroller } from './TitleScroller';
+import { SeekBar } from './SeekBar';
+import { TimeDisplay } from './TimeDisplay';
+import { PlaybackControls } from './PlaybackControls';
+import { TabletDesktopPlayer } from './TabletDesktopPlayer';
+export const AudioPlayer = forwardRef(({ src, title = 'Audio Title', autoPlay = false, initialVolume = 1, playbackRate = 1, isPlayingProp, isExpandedProp, allowTogglePlay = true, allowSeek = true, allowVolumeChange = true, allowPlaybackRateChange = true, allowExpandCollapse = true, onPlay, onPause, onEnded, onTimeUpdate, onVolumeChange, onPlaybackRateChange, onSeek, onClose }, ref) => {
+    const audioRef = useRef(null);
+    const [isPlaying, setIsPlaying] = useState(isPlayingProp !== undefined && isPlayingProp !== null
+        ? isPlayingProp
+        : autoPlay);
+    const [isExpanded, setIsExpanded] = useState(isExpandedProp !== undefined && isExpandedProp !== null
+        ? isExpandedProp
+        : true);
+    const [currentTime, setCurrentTime] = useState(0);
+    const [duration, setDuration] = useState(0);
+    const [volume, setVolume] = useState(initialVolume);
+    const [speed, setSpeed] = useState(playbackRate);
+    const [isSpeedModalOpen, setIsSpeedModalOpen] = useState(false);
+    const [isVolumeSliderVisible, setIsVolumeSliderVisible] = useState(false);
+    // State to track if the view is mobile or tablet/desktop
+    const [isMobile, setIsMobile] = useState(typeof window !== 'undefined' ? window.innerWidth <= 520 : true);
+    // Effect to handle window resize
+    useEffect(() => {
+        const handleResize = () => {
+            if (typeof window !== 'undefined') {
+                setIsMobile(window.innerWidth <= 520);
+            }
+        };
+        window.addEventListener('resize', handleResize);
+        return () => window.removeEventListener('resize', handleResize);
+    }, []);
+    useImperativeHandle(ref, () => ({
+        parentControlToggle: () => {
+            togglePlayPause();
+        }
+    }));
+    useEffect(() => {
+        if (audioRef.current) {
+            audioRef.current.volume = volume;
+            audioRef.current.playbackRate = speed;
+        }
+    }, [volume, speed]);
+    useEffect(() => {
+        if (typeof isPlayingProp === 'boolean') {
+            if (isPlayingProp && audioRef.current) {
+                audioRef.current
+                    .play()
+                    .then(() => {
+                    setIsPlaying(true);
+                })
+                    .catch(() => {
+                    throw Error('Error attempting to play:');
+                });
+            }
+            else if (audioRef.current) {
+                audioRef.current.pause();
+                setIsPlaying(false);
+            }
+        }
+    }, [isPlayingProp]);
+    useEffect(() => {
+        if (typeof isExpandedProp === 'boolean') {
+            setIsExpanded(isExpandedProp);
+        }
+    }, [isExpandedProp]);
+    const togglePlayPause = () => {
+        if (!allowTogglePlay) {
+            return;
+        }
+        if (audioRef.current && audioRef.current.paused) {
+            audioRef.current
+                .play()
+                .then(() => {
+                setIsPlaying(true);
+                if (onPlay) {
+                    onPlay();
+                }
+            })
+                .catch(() => {
+                throw Error('Error attempting to play:');
+            });
+        }
+        else if (audioRef.current) {
+            audioRef.current.pause();
+            setIsPlaying(false);
+            if (onPause) {
+                onPause();
+            }
+        }
+    };
+    const toggleExpand = () => {
+        if (!allowExpandCollapse) {
+            return;
+        }
+        setIsExpanded(!isExpanded);
+    };
+    const handleTimeUpdate = () => {
+        if (!allowSeek) {
+            return;
+        }
+        const newTime = audioRef.current &&
+            audioRef.current.currentTime !== undefined &&
+            audioRef.current.currentTime !== null
+            ? audioRef.current.currentTime
+            : 0;
+        setCurrentTime(newTime);
+        if (onTimeUpdate) {
+            onTimeUpdate(newTime);
+        }
+    };
+    const handleLoadedMetadata = () => {
+        const loadedDuration = audioRef.current &&
+            audioRef.current.duration !== undefined &&
+            audioRef.current.duration !== null
+            ? audioRef.current.duration
+            : 0;
+        setDuration(loadedDuration);
+    };
+    const handleSeek = (time) => {
+        if (!allowSeek) {
+            return;
+        }
+        if (audioRef.current) {
+            const clampedTime = Math.min(Math.max(time, 0), duration);
+            audioRef.current.currentTime = clampedTime;
+            setCurrentTime(clampedTime);
+            if (onSeek) {
+                onSeek(clampedTime);
+            }
+        }
+    };
+    const handleRewind = () => {
+        handleSeek(currentTime - 10);
+    };
+    const handleForward = () => {
+        handleSeek(currentTime + 10);
+    };
+    const handleVolumeChange = (newVolume) => {
+        if (!allowVolumeChange) {
+            return;
+        }
+        setVolume(newVolume);
+        if (audioRef.current) {
+            audioRef.current.volume = newVolume;
+        }
+        if (onVolumeChange) {
+            onVolumeChange(newVolume);
+        }
+    };
+    const handleSpeedChange = (rate) => {
+        if (!allowPlaybackRateChange) {
+            return;
+        }
+        setSpeed(rate);
+        if (audioRef.current) {
+            audioRef.current.playbackRate = rate;
+        }
+        if (onPlaybackRateChange) {
+            onPlaybackRateChange(rate);
+        }
+    };
+    const speedOptions = [0.5, 0.8, 1.0, 1.2, 1.5, 2];
+    const handleSpeedSelect = (selectedSpeed) => {
+        handleSpeedChange(selectedSpeed);
+        setIsSpeedModalOpen(false);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("audio", { ref: audioRef, src: src, autoPlay: autoPlay, onTimeUpdate: handleTimeUpdate, onLoadedMetadata: handleLoadedMetadata, onEnded: onEnded }),
+        isMobile ? (React.createElement(AudioPlayerContainer, { isExpanded: isExpanded, isModalOpen: isSpeedModalOpen },
+            React.createElement(CollapseIcon, { isExpanded: isExpanded, toggleExpand: toggleExpand, allowExpandCollapse: allowExpandCollapse }),
+            isExpanded && (React.createElement(React.Fragment, null,
+                React.createElement(TitleScroller, { title: title }),
+                React.createElement(SeekBar, { currentTime: currentTime, duration: duration, onSeek: handleSeek, allowSeek: allowSeek }),
+                React.createElement(TimeDisplay, { currentTime: currentTime, duration: duration }),
+                React.createElement(PlaybackControls, { isPlaying: isPlaying, togglePlayPause: togglePlayPause, rewind: handleRewind, forward: handleForward, speed: speed, onSpeedChange: handleSpeedChange, allowTogglePlay: allowTogglePlay, allowSeek: allowSeek, allowPlaybackRateChange: allowPlaybackRateChange, isSpeedModalOpen: isSpeedModalOpen, setIsSpeedModalOpen: setIsSpeedModalOpen, isMobile: isMobile }))))) : (React.createElement(TabletDesktopPlayer, { audioRef: audioRef, isPlaying: isPlaying, togglePlayPause: togglePlayPause, currentTime: currentTime, duration: duration, allowTogglePlay: allowTogglePlay, allowSeek: allowSeek, allowVolumeChange: allowVolumeChange, volume: volume, setVolume: handleVolumeChange, handleSeek: handleSeek, handleVolumeChange: handleVolumeChange, speed: speed, handleSpeedChange: handleSpeedChange, allowPlaybackRateChange: allowPlaybackRateChange, isSpeedModalOpen: isSpeedModalOpen, setIsSpeedModalOpen: setIsSpeedModalOpen, speedOptions: speedOptions, handleSpeedSelect: handleSpeedSelect, isVolumeSliderVisible: isVolumeSliderVisible, setIsVolumeSliderVisible: setIsVolumeSliderVisible, onClose: onClose, allowExpandCollapse: allowExpandCollapse, isMobile: isMobile }))));
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXVkaW9QbGF5ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9hdWRpby1wbGF5ZXItY29tcG9uZW50cy9BdWRpb1BsYXllci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFDWixRQUFRLEVBQ1IsU0FBUyxFQUNULE1BQU0sRUFFTixVQUFVLEVBQ1YsbUJBQW1CLEVBQ3BCLE1BQU0sT0FBTyxDQUFDO0FBQ2YsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sVUFBVSxDQUFDO0FBR2hELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM5QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUNwQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRTVELE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBK0IsVUFBVSxDQUMvRCxDQUNFLEVBQ0UsR0FBRyxFQUNILEtBQUssR0FBRyxhQUFhLEVBQ3JCLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLGFBQWEsR0FBRyxDQUFDLEVBQ2pCLFlBQVksR0FBRyxDQUFDLEVBQ2hCLGFBQWEsRUFDYixjQUFjLEVBQ2QsZUFBZSxHQUFHLElBQUksRUFDdEIsU0FBUyxHQUFHLElBQUksRUFDaEIsaUJBQWlCLEdBQUcsSUFBSSxFQUN4Qix1QkFBdUIsR0FBRyxJQUFJLEVBQzlCLG1CQUFtQixHQUFHLElBQUksRUFDMUIsTUFBTSxFQUNOLE9BQU8sRUFDUCxPQUFPLEVBQ1AsWUFBWSxFQUNaLGNBQWMsRUFDZCxvQkFBb0IsRUFDcEIsTUFBTSxFQUNOLE9B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

package/dist/components/audio-player-components/AudioPlayer.stories.d.ts

@@ -0,0 +1 @@
+export {};