@botonic/react/lib/esm/components/audio.js

Build Chatbots using React

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Audio = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const core_1 = require("@botonic/core");
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
const constants_1 = require("../constants");
const environment_1 = require("../util/environment");
const message_1 = require("./message");
const StyledAudio = styled_components_1.default.audio `
  max-width: 100%;
`;
const serialize = (audioProps) => {
    return { audio: audioProps.src };
};
const Audio = (props) => {
    props = { ...props, src: (0, environment_1.staticAsset)(props.src) };
    let content = props.children;
    if ((0, core_1.isBrowser)()) {
        content = ((0, jsx_runtime_1.jsxs)(StyledAudio, { id: 'myAudio', controls: true, children: [(0, jsx_runtime_1.jsx)("source", { src: props.src, type: 'audio/mpeg' }), "Your browser does not support this audio format."] }));
    }
    return ((0, jsx_runtime_1.jsx)(message_1.Message, { role: constants_1.ROLES.AUDIO_MESSAGE, json: serialize(props), ...props, type: core_1.INPUT.AUDIO, children: content }));
};
exports.Audio = Audio;
exports.Audio.serialize = serialize;
//# sourceMappingURL=audio.js.map