oolib 2.233.0 → 2.233.1

package/dist/index.d.ts

@@ -47,7 +47,7 @@ export { default as MetaBlock } from "./components/MetaBlock";
 export { ImageInput } from "./components/ImageInput";
 export { ProfileImageInput } from "./components/ImageInput/derivedComps/ProfileImageInput";
 export { default as VideoInput } from "./components/VideoInput";
-export { default as AudioInput } from "./components/AudioInput";
+export { FileUploadWrapper } from "./components/FileUploadWrapper";
 export { default as PDFInput } from "./components/PDFInput";
 export { default as IFrameInput } from "./components/IFrameInput";
 export { ResourceInput } from "./components/ResourceInput";

package/dist/index.js

@@ -39,7 +39,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBannerContext = exports.BannerContext = exports.BannerInfo = exports.BannerAlert = exports.GroupQuestionsInputSingle = exports.ResourceInput = exports.IFrameInput = exports.PDFInput = exports.AudioInput = exports.VideoInput = exports.ProfileImageInput = exports.ImageInput = exports.MetaBlock = exports.parseCardConfig = exports.ListProfile = exports.CardProfile = exports.CardEmbed = exports.DateTimeRangePicker = exports.DateTimePicker = exports.TimeRangePicker = exports.TimePicker = exports.DateRangePicker = exports.DatePicker = exports.TextLoader = exports.PageScrollIndicator = exports.HomeCover = exports.EmptyStates = exports.ModalSmall = exports.Modal = exports.ModalForms = exports.ModalConfirm = exports.SkeletonLoader = exports.Divider = exports.PercentCompletedPie = exports.Accordion = exports.ActionMenu = exports.Tooltip = exports.OKELink = exports.UserRoleBadge = exports.Section = exports.TagDisplay = exports.TagSelect = exports.TagLink = exports.TagClear = exports.LoaderOverlay = exports.ProgressBar = exports.applyBlackOverlayOnHover = exports.icons = exports.colors = exports.GlobalStyles = void 0;
+exports.useBannerContext = exports.BannerContext = exports.BannerInfo = exports.BannerAlert = exports.GroupQuestionsInputSingle = exports.ResourceInput = exports.IFrameInput = exports.PDFInput = exports.FileUploadWrapper = exports.VideoInput = exports.ProfileImageInput = exports.ImageInput = exports.MetaBlock = exports.parseCardConfig = exports.ListProfile = exports.CardProfile = exports.CardEmbed = exports.DateTimeRangePicker = exports.DateTimePicker = exports.TimeRangePicker = exports.TimePicker = exports.DateRangePicker = exports.DatePicker = exports.TextLoader = exports.PageScrollIndicator = exports.HomeCover = exports.EmptyStates = exports.ModalSmall = exports.Modal = exports.ModalForms = exports.ModalConfirm = exports.SkeletonLoader = exports.Divider = exports.PercentCompletedPie = exports.Accordion = exports.ActionMenu = exports.Tooltip = exports.OKELink = exports.UserRoleBadge = exports.Section = exports.TagDisplay = exports.TagSelect = exports.TagLink = exports.TagClear = exports.LoaderOverlay = exports.ProgressBar = exports.applyBlackOverlayOnHover = exports.icons = exports.colors = exports.GlobalStyles = void 0;
 exports.TooltipV2 = exports.ListItem = exports.List = exports.LoaderCircleV2 = exports.SwitchDouble = exports.SwitchSingle = exports.RadioButton = exports.RadioInput = exports.RadioList = exports.CheckboxButton = exports.CheckboxInput = exports.CheckboxList = exports.AccordionV2 = exports.HomeCoverV2 = exports.DateRangePickerV2 = exports.MetaBlockV2 = exports.typoV2_CSS = exports.colors2 = exports.TabBarV2 = exports.ButtonUpload = exports.ButtonGhostCompact = exports.ButtonTertiaryCompact = exports.ButtonSecondaryCompact = exports.ButtonPrimaryCompact = exports.ButtonGhostV2 = exports.ButtonTertiaryV2 = exports.ButtonSecondaryV2 = exports.ButtonPrimaryV2 = exports.TagClearV2 = exports.TagLinkV2 = exports.TagDisplayV2 = exports.generateOptions = exports.genTagComp = exports.OptionsSingle = exports.DropdownMulti = exports.DropdownSingle = exports.HintsProvider = exports.BlockLabel = exports.ListContent = exports.CardContent = exports.URLInput = exports.PasswordInput = exports.PhoneInput = exports.NumberInput = exports.EmailInput = exports.TextInput = exports.TableCellResizerPlugin = exports.styledOKELinkCSS = exports.ModalConfirmAction = exports.BannerProvider = void 0;
 exports.FloatingPortal = exports.FloatingFocusManager = exports.useFloatingPosition = exports.baseStyling = void 0;
 //css and styling related ( styled-components )
@@ -143,8 +143,8 @@ var ProfileImageInput_1 = require("./components/ImageInput/derivedComps/ProfileI
 Object.defineProperty(exports, "ProfileImageInput", { enumerable: true, get: function () { return ProfileImageInput_1.ProfileImageInput; } });
 var VideoInput_1 = require("./components/VideoInput");
 Object.defineProperty(exports, "VideoInput", { enumerable: true, get: function () { return __importDefault(VideoInput_1).default; } });
-var AudioInput_1 = require("./components/AudioInput");
-Object.defineProperty(exports, "AudioInput", { enumerable: true, get: function () { return __importDefault(AudioInput_1).default; } });
+var FileUploadWrapper_1 = require("./components/FileUploadWrapper");
+Object.defineProperty(exports, "FileUploadWrapper", { enumerable: true, get: function () { return FileUploadWrapper_1.FileUploadWrapper; } });
 var PDFInput_1 = require("./components/PDFInput");
 Object.defineProperty(exports, "PDFInput", { enumerable: true, get: function () { return __importDefault(PDFInput_1).default; } });
 var IFrameInput_1 = require("./components/IFrameInput");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.233.0",
+  "version": "2.233.1",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/components/AudioInput/comps/AudioAction.d.ts

@@ -1,7 +0,0 @@
-export function AudioAction({ id, inputRef, parentOnChange, isInRTE }: {
-    id: any;
-    inputRef: any;
-    parentOnChange: any;
-    isInRTE: any;
-}): React.JSX.Element;
-import React from 'react';

package/dist/components/AudioInput/comps/AudioAction.js

@@ -1,37 +0,0 @@
-"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.AudioAction = void 0;
-var react_1 = __importDefault(require("react"));
-var ActionMenu_1 = require("../../ActionMenu");
-var AudioAction = function (_a) {
-    var id = _a.id, inputRef = _a.inputRef, parentOnChange = _a.parentOnChange, isInRTE = _a.isInRTE;
-    return (react_1.default.createElement("div", { style: __assign({}, (isInRTE ? { display: "none" } : {})) },
-        react_1.default.createElement(ActionMenu_1.ActionMenu, { popOutOfOverflowHiddenParent: true, ButtonComp: "ButtonGhost", M: true, actions: [
-                {
-                    id: "".concat(id, "_reuploadAudio"),
-                    display: "Replace Audio",
-                    onClick: function () {
-                        inputRef.current.click();
-                    },
-                },
-                {
-                    display: "Delete",
-                    onClick: function () { return parentOnChange(undefined); },
-                },
-            ] })));
-};
-exports.AudioAction = AudioAction;

package/dist/components/AudioInput/comps/AudioPlayer.d.ts

@@ -1,4 +0,0 @@
-export function AudioPlayer({ audioData }: {
-    audioData: any;
-}): React.JSX.Element;
-import React from 'react';

package/dist/components/AudioInput/comps/AudioPlayer.js

@@ -1,44 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AudioPlayer = void 0;
-var react_1 = __importStar(require("react"));
-var styled_1 = require("../styled");
-var AudioPlayer = function (_a) {
-    var audioData = _a.audioData;
-    return (react_1.default.createElement(react_1.Fragment, null, audioData.map(function (d, i) { return (react_1.default.createElement(styled_1.StyledAudioElement, { key: "".concat(i - d), controls: true, src: d.publicUrl, controlsList: "nodownload noplaybackrate" // to hide controls
-     })); })));
-};
-exports.AudioPlayer = AudioPlayer;

package/dist/components/AudioInput/index.d.ts

@@ -1,13 +0,0 @@
-export default AudioInput;
-declare function AudioInput({ id, value, onChange: parentOnChange, readOnly, invert, isInRTE, files, onUploadStatusChange, ...props }: {
-    [x: string]: any;
-    id: any;
-    value: any;
-    onChange: any;
-    readOnly: any;
-    invert: any;
-    isInRTE: any;
-    files: any;
-    onUploadStatusChange: any;
-}): React.JSX.Element;
-import React from "react";

package/dist/components/AudioInput/index.js

@@ -1,121 +0,0 @@
-"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;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __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 });
-var react_1 = __importStar(require("react"));
-var Buttons_1 = require("../Buttons");
-var BlockLabel_1 = require("../../v2/components/BlockLabel");
-var getBlockLabelProps_1 = require("../../utils/getBlockLabelProps");
-var bannerContext_1 = require("../Banners/bannerContext");
-var styled_components_1 = require("styled-components");
-var useFakeUploadImpression_1 = require("../../utilsOolib/useFakeUploadImpression");
-var AudioAction_1 = require("./comps/AudioAction");
-var AudioPlayer_1 = require("./comps/AudioPlayer");
-var styled_js_1 = require("./styled.js");
-var FileUploadWrapper_1 = require("../FileUploadWrapper");
-function AudioInput(_a) {
-    var id = _a.id, value = _a.value, parentOnChange = _a.onChange, readOnly = _a.readOnly, invert = _a.invert, isInRTE = _a.isInRTE, files = _a.files, onUploadStatusChange = _a.onUploadStatusChange, props = __rest(_a, ["id", "value", "onChange", "readOnly", "invert", "isInRTE", "files", "onUploadStatusChange"]);
-    var audioData = value || [];
-    var theme = (0, styled_components_1.useTheme)();
-    var _b = (0, react_1.useState)(null), uploadProgress = _b[0], setUploadProgress = _b[1];
-    var SET_ALERT_BANNER = (0, bannerContext_1.useBannerContext)().SET_ALERT_BANNER;
-    var handleUploadProgess = function (progress) { return setUploadProgress(progress); };
-    var inputRef = (0, react_1.useRef)();
-    var _c = (theme === null || theme === void 0 ? void 0 : theme.useUploadMedia({
-        mediaConfigs: {
-            type: "files",
-            folderName: "audios",
-            mediaType: "audio",
-        },
-        handleUploadProgess: handleUploadProgess,
-    })) || (0, useFakeUploadImpression_1.useFakeUploadImpression)({ handleUploadProgess: handleUploadProgess, fileType: "audio" }), upload = _c.mutate, isLoading = _c.isLoading;
-    (0, react_1.useEffect)(function () {
-        onUploadStatusChange === null || onUploadStatusChange === void 0 ? void 0 : onUploadStatusChange(isLoading);
-    }, [isLoading]);
-    var handleUpload = function (_a) {
-        var files = _a.files;
-        if (!files)
-            return;
-        if (!upload)
-            return;
-        upload(files, {
-            onSuccess: function (data) {
-                parentOnChange(id, [data[0].fileData]);
-            },
-            onError: function (err) {
-                var _a;
-                SET_ALERT_BANNER(((_a = err.response) === null || _a === void 0 ? void 0 : _a.data.errors[0].msg) || err.message, "red", 3500);
-            },
-        });
-    };
-    (0, react_1.useEffect)(function () {
-        if (files) {
-            handleUpload({ files: files });
-        }
-    }, []);
-    return (react_1.default.createElement(react_1.Fragment, null,
-        react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, getBlockLabelProps_1.getBlockLabelProps)(props))),
-        readOnly ? (react_1.default.createElement(AudioPlayer_1.AudioPlayer, { audioData: audioData })) : (audioData === null || audioData === void 0 ? void 0 : audioData.length) === 0 ? (react_1.default.createElement(FileUploadWrapper_1.FileUploadWrapper, { height: '18rem', isLoading: isLoading, uploadProgress: uploadProgress, mediaType: 'audio', enableClickUpload: false, handleUpload: handleUpload },
-            react_1.default.createElement(Buttons_1.ButtonSecondary, { onClick: function () { return inputRef.current.click(); }, icon: "UploadSimple", value: "Upload Audio", accept: "audio/*", invert: invert }))) : (audioData && (react_1.default.createElement(styled_js_1.StyledAudioPlayerWrapper, { isInRTE: isInRTE },
-            react_1.default.createElement(AudioPlayer_1.AudioPlayer, { audioData: audioData }),
-            react_1.default.createElement(AudioAction_1.AudioAction, { id: id, isInRTE: isInRTE, inputRef: inputRef, parentOnChange: parentOnChange })))),
-        react_1.default.createElement("input", { type: "file" // When user clicks on upload new video from action menu inputRef.current.click() this does not work for upload button. this approch deals with that issue.
-            , accept: "audio/*", ref: inputRef, style: { display: "none" }, id: "AudioField", onChange: function (v) {
-                handleUpload({ files: v.target.files });
-            } })));
-}
-;
-exports.default = AudioInput;

package/dist/components/AudioInput/styled.d.ts

@@ -1,4 +0,0 @@
-export const StyledAudioEmbedPreview: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledAudioEmbedPlayed: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledAudioElement: import("styled-components").StyledComponent<"audio", any, {}, never>;
-export const StyledAudioPlayerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/AudioInput/styled.js

@@ -1,20 +0,0 @@
-"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.StyledAudioPlayerWrapper = exports.StyledAudioElement = exports.StyledAudioEmbedPlayed = exports.StyledAudioEmbedPreview = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-var themes_1 = require("../../themes");
-exports.StyledAudioEmbedPreview = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    padding-top: 2rem;\n"], ["\n    padding-top: 2rem;\n"])));
-exports.StyledAudioEmbedPlayed = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    padding-top: 56.25%;\n    position: relative;\n"], ["\n    padding-top: 56.25%;\n    position: relative;\n"])));
-exports.StyledAudioElement = styled_components_1.default.audio(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    width: 300px;\n    height: 40px;\n    background-color: ", ";\n    &::-webkit-media-controls-enclosure {\n        border-radius: 0;\n    }\n\n    &::-webkit-media-controls-panel {\n        background-color: ", ";\n    }\n    /* -webkit-appearance: none; */\n    \n    /* Reset webkit border-radius to 0 */\n    /* -webkit-border-radius: 0; */\n"], ["\n    width: 300px;\n    height: 40px;\n    background-color: ", ";\n    &::-webkit-media-controls-enclosure {\n        border-radius: 0;\n    }\n\n    &::-webkit-media-controls-panel {\n        background-color: ", ";\n    }\n    /* -webkit-appearance: none; */\n    \n    /* Reset webkit border-radius to 0 */\n    /* -webkit-border-radius: 0; */\n"])), themes_1.colors.greyColor10, themes_1.colors.greyColor10);
-exports.StyledAudioPlayerWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    width: inherit;\n    margin: ", ";\n"], ["\n    display: flex;\n    align-items: center;\n    width: inherit;\n    margin: ", ";\n"])), function (_a) {
-    var isInRTE = _a.isInRTE;
-    return !isInRTE ? '1rem 0rem 2rem' : '0rem';
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/stories/Oolib/components/AudioInput.stories.d.ts

@@ -1,20 +0,0 @@
-declare namespace _default {
-    let title: string;
-    namespace args {
-        let readOnly: boolean;
-        let invert: boolean;
-    }
-    namespace argTypes {
-        export namespace readOnly_1 {
-            let name: string;
-        }
-        export { readOnly_1 as readOnly };
-        export namespace invert_1 {
-            let name_1: string;
-            export { name_1 as name };
-        }
-        export { invert_1 as invert };
-    }
-}
-export default _default;
-export function AudioInput_(args: any): import("react").JSX.Element;

package/dist/stories/Oolib/components/AudioInput.stories.js

@@ -1,67 +0,0 @@
-"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.AudioInput_ = void 0;
-var react_1 = require("react");
-var Wrappers_1 = require("../../../components/Wrappers");
-var themes_1 = require("../../../themes");
-var AudioInput_1 = __importDefault(require("../../../components/AudioInput"));
-exports.default = {
-    title: "Components/Audio Input",
-    args: {
-        readOnly: false,
-        invert: false,
-    },
-    argTypes: {
-        readOnly: {
-            name: "Read Only"
-        },
-        invert: {
-            name: "Invert"
-        }
-    }
-};
-var data = {
-    kind: "storage#object",
-    id: "cata_dev__media/audio/b4ae0f8c-3d22-41a4-aa7b-08cd030bbf4f.wav/1694068553965043",
-    selfLink: "https://www.googleapis.com/storage/v1/b/cata_dev__media/o/audio%2Fb4ae0f8c-3d22-41a4-aa7b-08cd030bbf4f.wav",
-    mediaLink: "https://storage.googleapis.com/download/storage/v1/b/cata_dev__media/o/audio%2Fb4ae0f8c-3d22-41a4-aa7b-08cd030bbf4f.wav?generation=1694068553965043&alt=media",
-    name: "audio/b4ae0f8c-3d22-41a4-aa7b-08cd030bbf4f.wav",
-    bucket: "cata_dev__media",
-    generation: "1694068553965043",
-    metageneration: "1",
-    contentType: "audio/wav",
-    storageClass: "STANDARD",
-    size: 10544134,
-    md5Hash: "G4cmpod1v6ysmkrndou8kQ==",
-    crc32c: "SAkgWg==",
-    etag: "CPO7iZPxl4EDEAE=",
-    timeCreated: "2023-09-07T06:35:53.967Z",
-    updated: "2023-09-07T06:35:53.967Z",
-    timeStorageClassUpdated: "2023-09-07T06:35:53.967Z",
-    mediaHost: "gcs",
-    originalFilename: "sampleaudio3.wav",
-    format: "wav",
-    publicUrl: "https://storage.googleapis.com/cata_dev__media/audio/b4ae0f8c-3d22-41a4-aa7b-08cd030bbf4f.wav",
-};
-var AudioInput_ = function (args) {
-    var _a = (0, react_1.useState)(undefined), url = _a[0], setUrl = _a[1];
-    var invertProp = args.invert;
-    return (React.createElement("div", { style: { background: invertProp ? themes_1.colors.greyColor100_opacity70 : themes_1.colors.white, height: '90svh' } },
-        React.createElement(Wrappers_1.Wrapper700, null,
-            React.createElement(AudioInput_1.default, __assign({ value: url, onChange: function (k, v) { return setUrl(v); }, isRequired: true, label: "Audio Embed", sublabel: "Upload your audio file. allowed formats - 'mp3', 'wav', 'm4a', 'aac', 'amr','ogg'" }, args)))));
-};
-exports.AudioInput_ = AudioInput_;