oolib 2.80.0 → 2.81.0

package/dist/components/AudioInput/index.js

@@ -50,13 +50,13 @@ var Buttons_1 = require("../Buttons");
 var BlockLabel_1 = require("../BlockLabel");
 var getBlockLabelProps_1 = require("../../utils/getBlockLabelProps");
 var bannerContext_1 = require("../Banners/bannerContext");
-var styled_1 = require("../VideoInput/styled");
 var ProgressBar_1 = require("../LoadersAndProgress/ProgressBar");
 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 UploadWrapper_1 = require("../GlobalUIComps/UploadWrapper");
 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, props = __rest(_a, ["id", "value", "onChange", "readOnly", "invert", "isInRTE", "files"]);
     var audioData = value || [];
@@ -95,13 +95,11 @@ function AudioInput(_a) {
     }, []);
     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 && !isLoading ? (react_1.default.createElement(styled_1.StyledUploadEmbedBlock, { invert: invert },
-            react_1.default.createElement(styled_1.StyledInnerWrapper, null,
-                react_1.default.createElement(Buttons_1.ButtonSecondary, { onClick: function () { return inputRef.current.click(); }, icon: "UploadSimple", value: "Upload Audio", accept: "audio/*", invert: invert })))) : isLoading ? (react_1.default.createElement(styled_1.StyledUploadEmbedBlock, { invert: invert },
-            react_1.default.createElement(styled_1.StyledInnerWrapper, null,
-                react_1.default.createElement(ProgressBar_1.ProgressBar, { progress: uploadProgress, text: uploadProgress && uploadProgress !== 100
-                        ? uploadProgress + "%"
-                        : "Almost Done..." })))) : (audioData && (react_1.default.createElement(styled_js_1.StyledAudioPlayerWrapper, { isInRTE: isInRTE },
+        readOnly ? (react_1.default.createElement(AudioPlayer_1.AudioPlayer, { audioData: audioData })) : (audioData === null || audioData === void 0 ? void 0 : audioData.length) === 0 && !isLoading ? (react_1.default.createElement(UploadWrapper_1.UploadWrapper, { invert: invert },
+            react_1.default.createElement(Buttons_1.ButtonSecondary, { onClick: function () { return inputRef.current.click(); }, icon: "UploadSimple", value: "Upload Audio", accept: "audio/*", invert: invert }))) : isLoading ? (react_1.default.createElement(UploadWrapper_1.UploadWrapper, { invert: invert },
+            react_1.default.createElement(ProgressBar_1.ProgressBar, { progress: uploadProgress, text: uploadProgress && uploadProgress !== 100
+                    ? uploadProgress + "%"
+                    : "Almost Done..." }))) : (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, __assign({}, { 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.

package/dist/components/GlobalUIComps/UploadWrapper/index.d.ts

@@ -0,0 +1,5 @@
+export function UploadWrapper({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}): React.JSX.Element;
+import React from "react";

package/dist/components/GlobalUIComps/UploadWrapper/index.js

@@ -0,0 +1,36 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UploadWrapper = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_1 = require("./styled");
+var UploadWrapper = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (react_1.default.createElement(styled_1.StyledUploadEmbedBlock, __assign({}, __assign({}, props)),
+        react_1.default.createElement(styled_1.StyledInnerWrapper, __assign({}, __assign({}, props)), children)));
+};
+exports.UploadWrapper = UploadWrapper;

package/dist/components/GlobalUIComps/UploadWrapper/styled.d.ts

@@ -0,0 +1,2 @@
+export const StyledUploadEmbedBlock: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledInnerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/GlobalUIComps/UploadWrapper/styled.js

@@ -0,0 +1,24 @@
+"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.StyledInnerWrapper = exports.StyledUploadEmbedBlock = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+var themes_1 = require("../../../themes");
+var utilsOolib_1 = require("../../../utilsOolib");
+var mixins_1 = require("../../../themes/mixins");
+var greyColor100 = themes_1.colors.greyColor100;
+exports.StyledUploadEmbedBlock = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 18rem;\n  background-color: ", ";\n  padding: ", ";\n  ", "\n"], ["\n  height: 18rem;\n  background-color: ", ";\n  padding: ", ";\n  ", "\n"])), function (_a) {
+    var invert = _a.invert;
+    return invert ? greyColor100 : (0, utilsOolib_1.getPrimaryColor10)(themes_1.colors);
+}, function (_a) {
+    var smallPlaceholderUI = _a.smallPlaceholderUI;
+    return !smallPlaceholderUI && '1.2rem';
+}, (0, mixins_1.transition)('background-color'));
+exports.StyledInnerWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  gap: 1rem;\n  border: 0.2rem dashed ", ";\n  ", "{\n    flex-direction: row;\n  }\n"], ["\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  gap: 1rem;\n  border: 0.2rem dashed ", ";\n  ", "{\n    flex-direction: row;\n  }\n"])), themes_1.colors.greyColor40, (0, mixins_1.mediaQuery)('sm'));
+var templateObject_1, templateObject_2;

package/dist/components/PDFInput/comps/PDFActions.d.ts

@@ -0,0 +1,6 @@
+export function PDFActions({ inputRef, parentOnChange, isInRTE }: {
+    inputRef: any;
+    parentOnChange: any;
+    isInRTE: any;
+}): React.JSX.Element;
+import React from "react";

package/dist/components/PDFInput/comps/PDFActions.js

@@ -0,0 +1,37 @@
+"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.PDFActions = void 0;
+var react_1 = __importDefault(require("react"));
+var ActionMenu_1 = require("../../ActionMenu");
+var PDFActions = function (_a) {
+    var 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, align: 'right', iconSize: 'M', actions: [
+                {
+                    id: "replacePDF",
+                    display: "Replace PDF",
+                    onClick: function () {
+                        inputRef.current.click();
+                    },
+                },
+                {
+                    display: "Delete",
+                    onClick: function () { return parentOnChange(undefined); },
+                },
+            ] })));
+};
+exports.PDFActions = PDFActions;

package/dist/components/PDFInput/comps/PDFEmbed.d.ts

@@ -0,0 +1,3 @@
+export default PDFEmbedFunction;
+declare function PDFEmbedFunction(props: any): React.JSX.Element;
+import React from "react";

package/dist/components/PDFInput/comps/PDFEmbed.js

@@ -0,0 +1,59 @@
+"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 (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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var PDFEmbed_1 = __importDefault(require("../utils/PDFEmbed"));
+var styled_components_1 = require("styled-components");
+function PDFEmbedFunction(props) {
+    var theme = (0, styled_components_1.useTheme)();
+    var filePath = props.filePath, fileName = props.fileName, fileID = props.fileID;
+    (0, react_1.useEffect)(function () {
+        var pdfEmbed = new PDFEmbed_1.default(theme);
+        pdfEmbed.ready().then(function () {
+            /* Invoke file preview */
+            pdfEmbed.previewFile(fileID, {
+                /* Pass the embed mode option here */
+                embedMode: "SIZED_CONTAINER",
+                // showDownloadPDF : false,
+                // wZoomControl : false,
+                // showFullScreen: false,  
+                // showPrintPDF: false,
+                enableLinearization: true,
+                enableSearchAPIs: false,
+            }, 
+            // pass pdf meta deta here
+            {
+                name: fileName,
+                path: filePath,
+                // "http://www.pdf995.com/samples/pdf.pdf",
+            });
+        });
+    }, []);
+    return react_1.default.createElement("div", { id: "".concat(fileID), style: { height: "450px" } });
+}
+exports.default = PDFEmbedFunction;

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

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

package/dist/components/PDFInput/index.js

@@ -0,0 +1,115 @@
+"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 __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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var styled_components_1 = __importStar(require("styled-components"));
+var BlockLabel_1 = require("../BlockLabel");
+var getBlockLabelProps_1 = require("../../utils/getBlockLabelProps");
+var Buttons_1 = require("../Buttons");
+var bannerContext_1 = require("../Banners/bannerContext");
+var PDFEmbed_1 = __importDefault(require("./comps/PDFEmbed"));
+var UploadWrapper_1 = require("../GlobalUIComps/UploadWrapper");
+var react_2 = require("react");
+var useFakeUploadImpression_1 = require("../../utilsOolib/useFakeUploadImpression");
+var react_3 = require("react");
+var ProgressBar_1 = require("../LoadersAndProgress/ProgressBar");
+var PDFActions_1 = require("./comps/PDFActions");
+var StyledActionsButtonWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 1000;\n  margin: 0.5rem;\n"], ["\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 1000;\n  margin: 0.5rem;\n"])));
+function PDFInput(_a) {
+    var id = _a.id, parentOnChange = _a.onChange, value = _a.value, readOnly = _a.readOnly, invert = _a.invert, isInRTE = _a.isInRTE, props = __rest(_a, ["id", "onChange", "value", "readOnly", "invert", "isInRTE"]);
+    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_2.useRef)();
+    var _c = (theme === null || theme === void 0 ? void 0 : theme.useUploadMedia({
+        mediaConfigs: {
+            allowedFormats: ['pdf'],
+            type: "files",
+            folderName: "pdfs",
+            mediaType: "pdf",
+        },
+        handleUploadProgess: handleUploadProgess,
+    })) || (0, useFakeUploadImpression_1.useFakeUploadImpression)({ handleUploadProgess: handleUploadProgess, fileType: "pdf" }), upload = _c.mutate, isLoading = _c.isLoading;
+    var handleUpload = function (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);
+            },
+        });
+    };
+    return (react_1.default.createElement(react_3.Fragment, null,
+        react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, getBlockLabelProps_1.getBlockLabelProps)(props), { invert: invert })),
+        readOnly ? (value === null || value === void 0 ? void 0 : value.map(function (d, i) { return (react_1.default.createElement(PDFEmbed_1.default, { key: i, filePath: d.publicUrl, fileName: d.originalFilename, fileID: d.generation })); }))
+            : !value && !isLoading ? (react_1.default.createElement(UploadWrapper_1.UploadWrapper, { invert: invert },
+                react_1.default.createElement(Buttons_1.ButtonSecondary, { onClick: function () { return inputRef.current.click(); }, icon: "UploadSimple", value: "Upload Pdf", invert: invert }))) : isLoading ? (react_1.default.createElement(UploadWrapper_1.UploadWrapper, null,
+                react_1.default.createElement(ProgressBar_1.ProgressBar, { progress: uploadProgress, text: uploadProgress && uploadProgress !== 100
+                        ? uploadProgress + "%"
+                        : "Almost Done..." }))) : (value === null || value === void 0 ? void 0 : value.map(function (d, i) { return (react_1.default.createElement("div", { style: { position: 'relative' }, key: i },
+                react_1.default.createElement(PDFEmbed_1.default, { filePath: d.publicUrl, fileName: d.originalFilename, fileID: d.generation }),
+                react_1.default.createElement(StyledActionsButtonWrapper, null,
+                    react_1.default.createElement(PDFActions_1.PDFActions, __assign({}, { 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: "pdf/*", ref: inputRef, style: { display: "none" }, id: "pdfField", onChange: function (v) { return handleUpload(v.target.files); } })));
+}
+exports.default = PDFInput;
+var templateObject_1;

package/dist/components/PDFInput/utils/PDFEmbed.d.ts

@@ -0,0 +1,9 @@
+export default PDFEmbedClass;
+declare class PDFEmbedClass {
+    constructor(theme: any);
+    theme: any;
+    readyPromise: Promise<any>;
+    adobeDCView: any;
+    ready(): Promise<any>;
+    previewFile(divId: any, viewerConfig: any, fileInfo: any): any;
+}

package/dist/components/PDFInput/utils/PDFEmbed.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// import { getTenant } from "../../../../TENANT_CONFIGS";
+var styled_components_1 = require("styled-components");
+var PDFEmbedClass = /** @class */ (function () {
+    function PDFEmbedClass(theme) {
+        this.theme = theme;
+        this.readyPromise = new Promise(function (resolve) {
+            if (window.AdobeDC) {
+                resolve();
+            }
+            else {
+                /* Wait for Adobe Document Services PDF Embed API to be ready */
+                document.addEventListener("adobe_dc_view_sdk.ready", function () {
+                    resolve();
+                });
+            }
+        });
+        this.adobeDCView = undefined;
+    }
+    PDFEmbedClass.prototype.ready = function () {
+        return this.readyPromise;
+    };
+    PDFEmbedClass.prototype.previewFile = function (divId, viewerConfig, fileInfo) {
+        var _this = this;
+        var _a;
+        var config = {
+            /* Pass your registered client id */
+            clientId: window.location.href.includes('localhost')
+                ? 'd12aa56c7f9a4b57af2cd65bb4250760' /** creds created for localhost on https://www.adobe.io/apis/documentcloud/dcsdk/gettingstarted.html# */
+                : process.env.REACT_APP_ENV === 'prod'
+                    ? process.env["REACT_APP_ADOBE_EMBED_API_KEY__".concat((_a = this.theme) === null || _a === void 0 ? void 0 : _a.getTenant())]
+                    : process.env.REACT_APP_ADOBE_EMBED_API_KEY //staging & dev
+        };
+        if (divId) {
+            /* Optional only for Light Box embed mode */
+            /* Pass the div id in which PDF should be rendered */
+            config.divId = divId;
+        }
+        /* Initialize the AdobeDC View object */
+        this.adobeDCView = new window.AdobeDC.View(config);
+        /* Invoke the file preview API on Adobe DC View object */
+        var previewFilePromise = function () { return _this.adobeDCView.previewFile({
+            /* Pass information on how to access the file */
+            content: {
+                /* Location of file where it is hosted */
+                location: {
+                    url: fileInfo.path,
+                },
+            },
+            /* Pass meta data of file */
+            metaData: {
+                /* file name */
+                fileName: fileInfo.name,
+            },
+        }, viewerConfig); };
+        return fileInfo.path && previewFilePromise();
+    };
+    return PDFEmbedClass;
+}());
+exports.default = PDFEmbedClass;

package/dist/components/VideoInput/index.js

@@ -50,6 +50,7 @@ var themes_1 = require("../../themes");
 var useFakeUploadImpression_1 = require("../../utilsOolib/useFakeUploadImpression");
 var bannerContext_1 = require("../Banners/bannerContext");
 var VideoActionMenu_1 = require("./comps/VideoActionMenu");
+var UploadWrapper_1 = require("../GlobalUIComps/UploadWrapper");
 function VideoInput(_a) {
     var id = _a.id, label = _a.label, sublabel = _a.sublabel, isRequired = _a.isRequired, _value = _a.value, onChange = _a.onChange, readOnly = _a.readOnly, lightPlayer = _a.light, _b = _a.enableVideoUpload, enableVideoUpload = _b === void 0 ? false : _b, isInRTE = _a.isInRTE, invert = _a.invert, files = _a.files, // //used by RTEVideoInput
     width = _a.width, height = _a.height;
@@ -122,16 +123,14 @@ function VideoInput(_a) {
     return (react_1.default.createElement(react_1.Fragment, null,
         react_1.default.createElement(BlockLabel_1.BlockLabel, { label: label, sublabel: sublabel, isRequired: isRequired, readOnly: readOnly, invert: invert }),
         readOnly ? (createVideoPreview({ value: value })) : (react_1.default.createElement(react_1.default.Fragment, null,
-            isLoading ? (react_1.default.createElement(styled_1.StyledUploadEmbedBlock, { invert: invert },
-                react_1.default.createElement(styled_1.StyledInnerWrapper, null,
-                    react_1.default.createElement(LoadersAndProgress_1.ProgressBar, { progress: uploadProgress, text: uploadProgress && uploadProgress !== 100
-                            ? uploadProgress + "%"
-                            : "Almost Done..." })))) : value ? (createVideoPreview({ value: value, actionMenuButton: true })) : (react_1.default.createElement(styled_1.StyledUploadEmbedBlock, { invert: invert },
-                react_1.default.createElement(styled_1.StyledInnerWrapper, null,
-                    react_1.default.createElement(Buttons_1.ButtonSecondary, { value: "Add Video link", icon: "Plus", onClick: function () { return setShowEmbedLinkModal(true); }, invert: invert }),
-                    enableVideoUpload && (react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement(Typo_1.SANS_2, { semibold: true, color: invert ? themes_1.colors.white_opacity60 : themes_1.colors.greyColor80 }, "OR"),
-                        react_1.default.createElement(Buttons_1.ButtonSecondary, { onClick: function () { return inputRef.current.click(); }, value: "Upload A Video", icon: "UploadSimple", invert: invert, id: "videoField" })))))),
+            isLoading ? (react_1.default.createElement(UploadWrapper_1.UploadWrapper, { invert: invert },
+                react_1.default.createElement(LoadersAndProgress_1.ProgressBar, { progress: uploadProgress, text: uploadProgress && uploadProgress !== 100
+                        ? uploadProgress + "%"
+                        : "Almost Done..." }))) : value ? (createVideoPreview({ value: value, actionMenuButton: true })) : (react_1.default.createElement(UploadWrapper_1.UploadWrapper, { invert: invert },
+                react_1.default.createElement(Buttons_1.ButtonSecondary, { value: "Add Video link", icon: "Plus", onClick: function () { return setShowEmbedLinkModal(true); }, invert: invert }),
+                enableVideoUpload && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(Typo_1.SANS_2, { semibold: true, color: invert ? themes_1.colors.white_opacity60 : themes_1.colors.greyColor80 }, "OR"),
+                    react_1.default.createElement(Buttons_1.ButtonSecondary, { onClick: function () { return inputRef.current.click(); }, value: "Upload A Video", icon: "UploadSimple", invert: invert, id: "videoField" }))))),
             showEmbedLinkModal && (react_1.default.createElement(EmbedLinkModal_1.EmbedLinkModal, __assign({}, {
                 setShowEmbedLinkModal: setShowEmbedLinkModal,
                 value: value,

package/dist/index.d.ts

@@ -58,6 +58,7 @@ 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 { default as PDFInput } from "./components/PDFInput";
 export { default as IFrameInput } from "./components/IFrameInput";
 export { ModalConfirmAction } from "./components/Modals/derivedComps/ModalConfirmAction";
 export { SimpleTable } from "./components/SimpleTable";

package/dist/index.js

@@ -17,8 +17,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BannerInfo = exports.BannerAlert = exports.IFrameInput = exports.AudioInput = exports.VideoInput = exports.ProfileImageInput = exports.ImageInput = exports.MetaBlock = exports.HintsProvider = exports.genTagComp = exports.generateOptions = exports.OptionsSingle = exports.DropdownMulti = exports.DropdownSingle = exports.parseCardConfig = exports.ListProfile = exports.CardProfile = exports.CardEmbed = exports.ListContent = exports.CardContent = exports.DateTimeRangePicker = exports.DateTimePicker = exports.TimeRangePicker = exports.TimePicker = exports.DateRangePicker = exports.DatePicker = exports.TextLoader = exports.BarChart = exports.PageScrollIndicator = exports.HomeCover = exports.EmptyStates = exports.ModalSmall = exports.ModalLarge = exports.ModalConfirm = exports.SkeletonLoader = exports.Divider = exports.PercentCompletedPie = exports.Accordion = exports.ActionMenu = exports.Tooltip = exports.OKELink = exports.UserRoleBadge = exports.Section = exports.LoaderOverlay = exports.Loader = exports.ProgressBar = exports.LoaderCircle = exports.icons = exports.colors = exports.GlobalStyles = void 0;
-exports.styledOKELinkCSS = exports.SimpleTable = exports.ModalConfirmAction = exports.BannerProvider = exports.useBannerContext = exports.BannerContext = void 0;
+exports.BannerAlert = exports.IFrameInput = exports.PDFInput = exports.AudioInput = exports.VideoInput = exports.ProfileImageInput = exports.ImageInput = exports.MetaBlock = exports.HintsProvider = exports.genTagComp = exports.generateOptions = exports.OptionsSingle = exports.DropdownMulti = exports.DropdownSingle = exports.parseCardConfig = exports.ListProfile = exports.CardProfile = exports.CardEmbed = exports.ListContent = exports.CardContent = exports.DateTimeRangePicker = exports.DateTimePicker = exports.TimeRangePicker = exports.TimePicker = exports.DateRangePicker = exports.DatePicker = exports.TextLoader = exports.BarChart = exports.PageScrollIndicator = exports.HomeCover = exports.EmptyStates = exports.ModalSmall = exports.ModalLarge = exports.ModalConfirm = exports.SkeletonLoader = exports.Divider = exports.PercentCompletedPie = exports.Accordion = exports.ActionMenu = exports.Tooltip = exports.OKELink = exports.UserRoleBadge = exports.Section = exports.LoaderOverlay = exports.Loader = exports.ProgressBar = exports.LoaderCircle = exports.icons = exports.colors = exports.GlobalStyles = void 0;
+exports.styledOKELinkCSS = exports.SimpleTable = exports.ModalConfirmAction = exports.BannerProvider = exports.useBannerContext = exports.BannerContext = exports.BannerInfo = void 0;
 //css and styling related ( styled-components )
 var globalStyles_1 = require("./globalStyles");
 Object.defineProperty(exports, "GlobalStyles", { enumerable: true, get: function () { return globalStyles_1.GlobalStyles; } });
@@ -143,6 +143,8 @@ 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 PDFInput_1 = require("./components/PDFInput");
+Object.defineProperty(exports, "PDFInput", { enumerable: true, get: function () { return __importDefault(PDFInput_1).default; } });
 var IFrameInput_1 = require("./components/IFrameInput");
 Object.defineProperty(exports, "IFrameInput", { enumerable: true, get: function () { return __importDefault(IFrameInput_1).default; } });
 //banners

package/dist/utilsOolib/useFakeUploadImpression.js

@@ -51,6 +51,31 @@ var data = {
                 "mediaHost": "gcs",
                 "publicUrl": "https://storage.googleapis.com/cata_dev__media/videos/file_example_mp4_1920_18mg_1dded13e-9090-4477-b00e-78591823fd41.mp4"
             }
+        }],
+    pdf: [{
+            fileData: {
+                "kind": "storage#object",
+                "id": "dev-okf-assets-01/demo/pdfs/70afac90-134a-42b7-863f-3d76739636e9.pdf/1695017447246490",
+                "selfLink": "https://www.googleapis.com/storage/v1/b/dev-okf-assets-01/o/demo%2Fpdfs%2F70afac90-134a-42b7-863f-3d76739636e9.pdf",
+                "mediaLink": "https://storage.googleapis.com/download/storage/v1/b/dev-okf-assets-01/o/demo%2Fpdfs%2F70afac90-134a-42b7-863f-3d76739636e9.pdf?generation=1695017447246490&alt=media",
+                "name": "demo/pdfs/70afac90-134a-42b7-863f-3d76739636e9.pdf",
+                "bucket": "dev-okf-assets-01",
+                "generation": "1695017447246490",
+                "metageneration": "1",
+                "contentType": "application/pdf",
+                "storageClass": "STANDARD",
+                "size": "54836",
+                "md5Hash": "a7SSw4MkD82HtcQpWMLkgg==",
+                "crc32c": "aDpX1g==",
+                "etag": "CJqV04bAs4EDEAE=",
+                "timeCreated": "2023-09-18T06:10:47.301Z",
+                "updated": "2023-09-18T06:10:47.301Z",
+                "timeStorageClassUpdated": "2023-09-18T06:10:47.301Z",
+                "mediaHost": "gcs",
+                "originalFilename": "sample.pdf",
+                "format": "pdf",
+                "publicUrl": "https://storage.googleapis.com/dev-okf-assets-01/demo/pdfs/70afac90-134a-42b7-863f-3d76739636e9.pdf"
+            }
         }]
 };
 var useFakeUploadImpression = function (options) {

package/package.json

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