oolib 2.73.1 → 2.74.0

package/dist/components/EmptyStates/config.d.ts

@@ -1,190 +1,135 @@
-export namespace emptyStatesConfig {
-    namespace communityListing {
-        const layout: string;
-        const img: string;
-        const imgSize: number;
-        const title: string;
-        const subTitle: string;
-    }
-    namespace contentListing {
-        const layout_1: string;
-        export { layout_1 as layout };
-        const img_1: string;
-        export { img_1 as img };
-        const imgSize_1: number;
-        export { imgSize_1 as imgSize };
-        const title_1: string;
-        export { title_1 as title };
-        const subTitle_1: string;
-        export { subTitle_1 as subTitle };
-    }
-    namespace profileListing {
-        const layout_2: string;
-        export { layout_2 as layout };
-        const img_2: string;
-        export { img_2 as img };
-        const imgSize_2: number;
-        export { imgSize_2 as imgSize };
-        const title_2: string;
-        export { title_2 as title };
-        const subTitle_2: string;
-        export { subTitle_2 as subTitle };
-    }
-    namespace notificationEmpty {
-        const layout_3: string;
-        export { layout_3 as layout };
-        const img_3: string;
-        export { img_3 as img };
-        const imgSize_3: number;
-        export { imgSize_3 as imgSize };
-        export const opacity: number;
-        const title_3: string;
-        export { title_3 as title };
-        const subTitle_3: string;
-        export { subTitle_3 as subTitle };
-    }
-    namespace dashboardListing {
-        const layout_4: string;
-        export { layout_4 as layout };
-        const img_4: string;
-        export { img_4 as img };
-        const imgSize_4: number;
-        export { imgSize_4 as imgSize };
-        const title_4: string;
-        export { title_4 as title };
-        const subTitle_4: string;
-        export { subTitle_4 as subTitle };
-    }
-    namespace successFullyPublish {
-        const layout_5: string;
-        export { layout_5 as layout };
-        const img_5: string;
-        export { img_5 as img };
-        const imgSize_5: number;
-        export { imgSize_5 as imgSize };
-        const opacity_1: number;
-        export { opacity_1 as opacity };
-        const title_5: string;
-        export { title_5 as title };
-        const subTitle_5: string;
-        export { subTitle_5 as subTitle };
-    }
-    namespace draftsListing {
-        const layout_6: string;
-        export { layout_6 as layout };
-        const img_6: string;
-        export { img_6 as img };
-        const imgSize_6: number;
-        export { imgSize_6 as imgSize };
-        const title_6: string;
-        export { title_6 as title };
-        const subTitle_6: string;
-        export { subTitle_6 as subTitle };
-        export namespace action {
-            const btnText: string;
-        }
-    }
-    namespace publishedListing {
-        const layout_7: string;
-        export { layout_7 as layout };
-        const img_7: string;
-        export { img_7 as img };
-        const imgSize_7: number;
-        export { imgSize_7 as imgSize };
-        const title_7: string;
-        export { title_7 as title };
-        const subTitle_7: string;
-        export { subTitle_7 as subTitle };
-        export namespace action_1 {
-            const btnText_1: string;
-            export { btnText_1 as btnText };
-        }
-        export { action_1 as action };
-    }
-    namespace inModerationListing {
-        const layout_8: string;
-        export { layout_8 as layout };
-        const img_8: string;
-        export { img_8 as img };
-        const imgSize_8: number;
-        export { imgSize_8 as imgSize };
-        const title_8: string;
-        export { title_8 as title };
-        const subTitle_8: string;
-        export { subTitle_8 as subTitle };
-        export namespace action_2 {
-            const btnText_2: string;
-            export { btnText_2 as btnText };
-        }
-        export { action_2 as action };
-    }
-    namespace underMyModeration {
-        const layout_9: string;
-        export { layout_9 as layout };
-        const img_9: string;
-        export { img_9 as img };
-        const imgSize_9: number;
-        export { imgSize_9 as imgSize };
-        const title_9: string;
-        export { title_9 as title };
-        const subTitle_9: string;
-        export { subTitle_9 as subTitle };
-    }
-    namespace underOthersModeration {
-        const layout_10: string;
-        export { layout_10 as layout };
-        const img_10: string;
-        export { img_10 as img };
-        const imgSize_10: number;
-        export { imgSize_10 as imgSize };
-        const title_10: string;
-        export { title_10 as title };
-        const subTitle_10: string;
-        export { subTitle_10 as subTitle };
-    }
-    namespace awaitingMod {
-        const layout_11: string;
-        export { layout_11 as layout };
-        const img_11: string;
-        export { img_11 as img };
-        const imgSize_11: number;
-        export { imgSize_11 as imgSize };
-        const title_11: string;
-        export { title_11 as title };
-        const subTitle_11: string;
-        export { subTitle_11 as subTitle };
-    }
-    namespace searchListing {
-        const layout_12: string;
-        export { layout_12 as layout };
-        const img_12: string;
-        export { img_12 as img };
-        const title_12: string;
-        export { title_12 as title };
-        const subTitle_12: string;
-        export { subTitle_12 as subTitle };
-        export namespace additionalAction {
-            const text: string;
-        }
-    }
-    namespace searchDashBoardListing {
-        const layout_13: string;
-        export { layout_13 as layout };
-        const img_13: string;
-        export { img_13 as img };
-        const title_13: string;
-        export { title_13 as title };
-        const subTitle_13: string;
-        export { subTitle_13 as subTitle };
-    }
-    namespace learningModule {
-        const layout_14: string;
-        export { layout_14 as layout };
-        const img_14: string;
-        export { img_14 as img };
-        const title_14: string;
-        export { title_14 as title };
-        const subTitle_14: string;
-        export { subTitle_14 as subTitle };
-    }
-}
+export function emptyStatesConfig({ contentTypeTitle, tags }?: {
+    contentTypeTitle?: string;
+    tags?: any[];
+}): {
+    multipleCollectionsListing: {
+        layout: string;
+        img: string;
+        imgSize: number;
+        title: string;
+        subTitle: string;
+    };
+    singlePublishingListing: {
+        layout: string;
+        img: string;
+        imgSize: number;
+        title: string;
+        subTitle: string;
+    };
+    multiplePublishingListing: {
+        layout: string;
+        img: string;
+        imgSize: number;
+        title: string;
+        subTitle: string;
+    };
+    singleCollectionsListing: {
+        layout: string;
+        img: string;
+        imgSize: number;
+        title: string;
+        subTitle: string;
+    };
+    profileListing: {
+        layout: string;
+        img: string;
+        imgSize: number;
+        title: string;
+        subTitle: string;
+    };
+    notificationEmpty: {
+        layout: string;
+        img: string;
+        imgSize: number;
+        opacity: number;
+        title: string;
+        subTitle: string;
+    };
+    dashboardListing: {
+        layout: string;
+        img: string;
+        imgSize: number;
+        title: string;
+        subTitle: string;
+    };
+    successFullyPublish: {
+        layout: string;
+        img: string;
+        imgSize: number;
+        opacity: number;
+        title: string;
+        subTitle: string;
+    };
+    draftsListing: {
+        layout: string;
+        img: string;
+        imgSize: number;
+        title: string;
+        subTitle: string;
+        action: {
+            btnText: string;
+        };
+    };
+    publishedListing: {
+        layout: string;
+        img: string;
+        imgSize: number;
+        title: string;
+        subTitle: string;
+        action: {
+            btnText: string;
+        };
+    };
+    inModerationListing: {
+        layout: string;
+        img: string;
+        imgSize: number;
+        title: string;
+        subTitle: string;
+        action: {
+            btnText: string;
+        };
+    };
+    underMyModeration: {
+        layout: string;
+        img: string;
+        imgSize: number;
+        title: string;
+        subTitle: string;
+    };
+    underOthersModeration: {
+        layout: string;
+        img: string;
+        imgSize: number;
+        title: string;
+        subTitle: string;
+    };
+    awaitingMod: {
+        layout: string;
+        img: string;
+        imgSize: number;
+        title: string;
+        subTitle: string;
+    };
+    searchListing: {
+        layout: string;
+        img: string;
+        title: string;
+        subTitle: string;
+        additionalAction: {
+            text: string;
+        };
+    };
+    searchDashBoardListing: {
+        layout: string;
+        img: string;
+        title: string;
+        subTitle: string;
+    };
+    learningModule: {
+        layout: string;
+        img: string;
+        title: string;
+        subTitle: string;
+    };
+};

package/dist/components/EmptyStates/config.js

@@ -1,125 +1,144 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.emptyStatesConfig = void 0;
-exports.emptyStatesConfig = {
-    communityListing: {
-        layout: "center",
-        img: "contentListing",
-        imgSize: 80,
-        title: "No Community Added",
-        subTitle: "Once you publish any community on the platform, it shows up here. You can edit published community in future, when required. "
-    },
-    contentListing: {
-        layout: "center",
-        img: "contentListing",
-        imgSize: 80,
-        title: "No Content Added",
-        subTitle: "Once you publish any content on the platform, it shows up here. You can edit published content in future, when required. "
-    },
-    profileListing: {
-        layout: "center",
-        img: "contentListing",
-        imgSize: 80,
-        title: "No Profile Added",
-        subTitle: "Once you publish any profile on the platform, it shows up here. You can edit profile content in future, when required. "
-    },
-    notificationEmpty: {
-        layout: "center",
-        img: "mailBoxImg",
-        imgSize: 80,
-        opacity: 0.6,
-        title: "No Notifications Yet",
-        subTitle: "All updates,notifications and alerts will be displayed here "
-    },
-    dashboardListing: {
-        layout: "center",
-        img: "dashboardListing",
-        imgSize: 80,
-        title: "No Data Added",
-        subTitle: "Currently, no data is available. Start exploring insights once data is populated "
-    },
-    successFullyPublish: {
-        layout: "center",
-        img: "congratulationsImg",
-        imgSize: 150,
-        opacity: 1,
-        title: "Content Published Successfully",
-        subTitle: " "
-    },
-    draftsListing: {
-        layout: "left",
-        img: "draftsListing",
-        imgSize: 80,
-        title: "No Drafts Found",
-        subTitle: "Once you publish any content on the platform, it shows up here. You can edit published content in future, when required.",
-        action: {
-            // route: "/choose-template",
-            btnText: "Start Writing",
+var emptyStatesConfig = function (_a) {
+    var _b = _a === void 0 ? {} : _a, _c = _b.contentTypeTitle, contentTypeTitle = _c === void 0 ? "default" : _c, _d = _b.tags, tags = _d === void 0 ? [] : _d;
+    var commaSeparatedTags = tags.map(function (item) { return item.toLowerCase(); }).join(',');
+    return {
+        multipleCollectionsListing: {
+            layout: "center",
+            img: "contentListing",
+            imgSize: 80,
+            title: "No tags added",
+            subTitle: "Publishing under ".concat(commaSeparatedTags, " shows all tagged content here, You can edit published content in future, when required.")
+        },
+        singlePublishingListing: {
+            layout: "center",
+            img: "contentListing",
+            imgSize: 80,
+            title: "No ".concat(contentTypeTitle.toLowerCase(), " Added"),
+            subTitle: "Publishing under  ".concat(contentTypeTitle.toLowerCase(), "  shows your content here, You can edit published content in future, when required.")
+        },
+        multiplePublishingListing: {
+            layout: "center",
+            img: "contentListing",
+            imgSize: 80,
+            title: "No Content Added",
+            subTitle: "Once you publish content on the platform, it shows up here. You can edit published content in future, when required. "
+        },
+        singleCollectionsListing: {
+            layout: "center",
+            img: "contentListing",
+            imgSize: 80,
+            title: "No ".concat(contentTypeTitle.toLowerCase(), " Added"),
+            subTitle: "Publishing under ".concat(contentTypeTitle.toLowerCase(), "  shows your content here, You can edit published content in future, when required.")
+        },
+        profileListing: {
+            layout: "center",
+            img: "contentListing",
+            imgSize: 80,
+            title: "No Profile Added",
+            subTitle: "Once you publish any profile on the platform, it shows up here. You can edit profile content in future, when required. "
+        },
+        notificationEmpty: {
+            layout: "center",
+            img: "mailBoxImg",
+            imgSize: 80,
+            opacity: 0.6,
+            title: "No Notifications Yet",
+            subTitle: "All updates,notifications and alerts will be displayed here "
+        },
+        dashboardListing: {
+            layout: "center",
+            img: "dashboardListing",
+            imgSize: 80,
+            title: "No Data Added",
+            subTitle: "Currently, no data is available. Start exploring insights once data is populated "
+        },
+        successFullyPublish: {
+            layout: "center",
+            img: "congratulationsImg",
+            imgSize: 150,
+            opacity: 1,
+            title: "Content Published Successfully",
+            subTitle: " "
+        },
+        draftsListing: {
+            layout: "left",
+            img: "draftsListing",
+            imgSize: 80,
+            title: "No Drafts Found",
+            subTitle: "Once you publish any content on the platform, it shows up here. You can edit published content in future, when required.",
+            action: {
+                // route: "/choose-template",
+                btnText: "Start Writing",
+            }
+        },
+        publishedListing: {
+            layout: "left",
+            img: "publishedListing",
+            imgSize: 80,
+            title: "No published content found",
+            subTitle: "Once you publish any content on the platform, it shows up here. You can edit published content in future, when required.",
+            action: {
+                // route: "/choose-template",
+                btnText: "Start Writing",
+            }
+        },
+        inModerationListing: {
+            layout: "left",
+            img: "moderationListing",
+            imgSize: 80,
+            title: "No content sent for moderation",
+            subTitle: "Once you publish any content on the platform, it shows up here. You can edit published content in future, when required.",
+            action: {
+                // route: "/choose-template",
+                btnText: "Start Writing",
+            }
+        },
+        underMyModeration: {
+            layout: "left",
+            img: "moderationListing",
+            imgSize: 80,
+            title: "No published content under my moderation",
+            subTitle: "Once you publish any content on the platform, it shows up here. You can edit published content in future, when required."
+        },
+        underOthersModeration: {
+            layout: "left",
+            img: "moderationListing",
+            imgSize: 80,
+            title: "No published content under others moderation",
+            subTitle: "Once you publish any content on the platform, it shows up here. You can edit published content in future, when required."
+        },
+        awaitingMod: {
+            layout: "left",
+            img: "moderationListing",
+            imgSize: 80,
+            title: "No published content under awaiting moderation",
+            subTitle: "Once you publish any content on the platform, it shows up here. You can edit published content in future, when required."
+        },
+        searchListing: {
+            layout: "center",
+            img: "searchListing",
+            title: "Cant find any content for",
+            subTitle: "Sorry we couldn’t find any matches for this. Please make sure the words are spelled correctly",
+            additionalAction: {
+                // onClick: action,
+                text: 'Clear Search'
+            }
+        },
+        searchDashBoardListing: {
+            layout: "center",
+            img: "searchDashBoardListing",
+            title: "No search results found",
+            subTitle: "Sorry we couldn’t find any matches for this. Please make sure the words are spelled correctly "
+        },
+        learningModule: {
+            layout: "center",
+            img: "learningModule",
+            title: "No lesson added",
+            subTitle: "Looks like no lesson module has been assigned to you. Reach out to your Change leader and discuss what modules you'd like to study. "
         }
-    },
-    publishedListing: {
-        layout: "left",
-        img: "publishedListing",
-        imgSize: 80,
-        title: "No published content found",
-        subTitle: "Once you publish any content on the platform, it shows up here. You can edit published content in future, when required.",
-        action: {
-            // route: "/choose-template",
-            btnText: "Start Writing",
-        }
-    },
-    inModerationListing: {
-        layout: "left",
-        img: "moderationListing",
-        imgSize: 80,
-        title: "No content sent for moderation",
-        subTitle: "Once you publish any content on the platform, it shows up here. You can edit published content in future, when required.",
-        action: {
-            // route: "/choose-template",
-            btnText: "Start Writing",
-        }
-    },
-    underMyModeration: {
-        layout: "left",
-        img: "moderationListing",
-        imgSize: 80,
-        title: "No published content under my moderation",
-        subTitle: "Once you publish any content on the platform, it shows up here. You can edit published content in future, when required."
-    },
-    underOthersModeration: {
-        layout: "left",
-        img: "moderationListing",
-        imgSize: 80,
-        title: "No published content under others moderation",
-        subTitle: "Once you publish any content on the platform, it shows up here. You can edit published content in future, when required."
-    },
-    awaitingMod: {
-        layout: "left",
-        img: "moderationListing",
-        imgSize: 80,
-        title: "No published content under awaiting moderation",
-        subTitle: "Once you publish any content on the platform, it shows up here. You can edit published content in future, when required."
-    },
-    searchListing: {
-        layout: "center",
-        img: "searchListing",
-        title: "Cant find any content for",
-        subTitle: "Sorry we couldn’t find any matches for this. Please make sure the words are spelled correctly",
-        additionalAction: {
-            // onClick: action,
-            text: 'Clear Search'
-        }
-    },
-    searchDashBoardListing: {
-        layout: "center",
-        img: "searchDashBoardListing",
-        title: "No search results found",
-        subTitle: "Sorry we couldn’t find any matches for this. Please make sure the words are spelled correctly "
-    },
-    learningModule: {
-        layout: "center",
-        img: "learningModule",
-        title: "No lesson added",
-        subTitle: "Looks like no lesson module has been assigned to you. Reach out to your Change leader and discuss what modules you'd like to study. "
-    }
+    };
 };
+exports.emptyStatesConfig = emptyStatesConfig;

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

@@ -1,9 +1,11 @@
-export function EmptyStates({ preset, actionOnClick, additionalActionOnClick, titleStyle, subTitleStyle, title: titleProp }: {
+export function EmptyStates({ preset, actionOnClick, additionalActionOnClick, titleStyle, subTitleStyle, title: titleProp, contentTypeTitle, tags }: {
     preset: any;
     actionOnClick: any;
     additionalActionOnClick: any;
     titleStyle: any;
     subTitleStyle: any;
     title: any;
+    contentTypeTitle: any;
+    tags: any;
 }): React.JSX.Element;
 import React from "react";

package/dist/components/EmptyStates/index.js

@@ -31,8 +31,8 @@ var dashboardListing_svg_1 = __importDefault(require("../../assets/images/dashbo
 var styled_components_1 = __importDefault(require("styled-components"));
 var StyledContainer = (0, styled_components_1.default)(Container_1.Container)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: ", ";\n  display: ", ";\n  justify-content: \"center\";\n  text-align: ", ";\n\n  ", " {\n    padding: ", ";\n  }\n"], ["\n  padding: ", ";\n  display: ", ";\n  justify-content: \"center\";\n  text-align: ", ";\n\n  ", " {\n    padding: ", ";\n  }\n"])), function (props) { return (props.layout === "center" ? "2rem 0rem" : "4rem 0"); }, function (props) { return props.layout === "center" && "flex"; }, function (props) { return props.layout === "center" && "center"; }, (0, mixins_1.mediaQuery)("sm"), function (props) { return (props.layout === "center" ? "4rem 0" : "6rem 0"); });
 var EmptyStates = function (_a) {
-    var preset = _a.preset, actionOnClick = _a.actionOnClick, additionalActionOnClick = _a.additionalActionOnClick, titleStyle = _a.titleStyle, subTitleStyle = _a.subTitleStyle, titleProp = _a.title;
-    var _b = config_1.emptyStatesConfig[preset], img = _b.img, imgSize = _b.imgSize, titleConfig = _b.title, subTitle = _b.subTitle, action = _b.action, additionalAction = _b.additionalAction, layout = _b.layout, opacity = _b.opacity;
+    var preset = _a.preset, actionOnClick = _a.actionOnClick, additionalActionOnClick = _a.additionalActionOnClick, titleStyle = _a.titleStyle, subTitleStyle = _a.subTitleStyle, titleProp = _a.title, contentTypeTitle = _a.contentTypeTitle, tags = _a.tags;
+    var _b = (0, config_1.emptyStatesConfig)({ contentTypeTitle: contentTypeTitle, tags: tags })[preset], img = _b.img, imgSize = _b.imgSize, titleConfig = _b.title, subTitle = _b.subTitle, action = _b.action, additionalAction = _b.additionalAction, layout = _b.layout, opacity = _b.opacity;
     var title = titleProp || titleConfig; //if a title prop is provided, it overrides title from config
     var imgConfig = {
         publishedListing: publishedListing_svg_1.default,

package/dist/components/IFrame/comps/Embed.d.ts

@@ -0,0 +1,8 @@
+export function Embed({ isBlock, readOnly, value, isValidURL, onChange }: {
+    isBlock: any;
+    readOnly: any;
+    value: any;
+    isValidURL: any;
+    onChange: any;
+}): React.JSX.Element;
+import React from "react";

package/dist/components/IFrame/comps/Embed.js

@@ -0,0 +1,45 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Embed = void 0;
+var react_1 = __importStar(require("react"));
+var styled_1 = require("../styled");
+var mixins_1 = require("../../../themes/mixins");
+// import DisplayCoachmark from '../utils/DisplayCoachmark'
+var embadableUrl_1 = require("../utils/embadableUrl");
+var _EXPORTS_1 = require("../../../utils/_EXPORTS");
+var styled_components_1 = require("styled-components");
+var Embed = function (_a) {
+    var isBlock = _a.isBlock, readOnly = _a.readOnly, value = _a.value, isValidURL = _a.isValidURL, onChange = _a.onChange;
+    var theme = (0, styled_components_1.useTheme)();
+    var user = ((theme === null || theme === void 0 ? void 0 : theme.useGetQueryData('userData')) || {}).user;
+    var screenWidth = (0, _EXPORTS_1.useScreenWidth)();
+    var embedRef = (0, react_1.useRef)(null);
+    return (react_1.default.createElement(styled_1.StyledEmbedPrview, { readOnly: readOnly },
+        react_1.default.createElement(styled_1.StyledEmbedWrapper, null,
+            react_1.default.createElement(styled_1.StyledEmbed // styled iFrame element
+            , { src: (0, embadableUrl_1.embadableURL)(value, isValidURL), ref: isBlock && embedRef, width: "100%", height: "100%", allowFullScreen: true, mozallowfullscreen: true, webkitallowfullscreen: true, style: { border: 0 } }))));
+};
+exports.Embed = Embed;

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

@@ -0,0 +1,14 @@
+export default IFrame;
+declare function IFrame({ label, sublabel, value, placeholder, onChange, readOnly, isRequired, errorMsgs, isInRTE, invert, }: {
+    label: any;
+    sublabel: any;
+    value: any;
+    placeholder: any;
+    onChange: any;
+    readOnly: any;
+    isRequired: any;
+    errorMsgs: any;
+    isInRTE: any;
+    invert: any;
+}): React.JSX.Element;
+import React from "react";

package/dist/components/IFrame/index.js

@@ -0,0 +1,66 @@
+"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 (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 react_player_1 = __importDefault(require("react-player"));
+var themes_1 = require("../../themes");
+var TextInputs_1 = require("../TextInputs");
+var Typo_1 = require("../Typo");
+var Embed_1 = require("./comps/Embed");
+function IFrame(_a) {
+    var label = _a.label, sublabel = _a.sublabel, value = _a.value, placeholder = _a.placeholder, onChange = _a.onChange, readOnly = _a.readOnly, isRequired = _a.isRequired, errorMsgs = _a.errorMsgs, isInRTE = _a.isInRTE, invert = _a.invert;
+    var _b = (0, react_1.useState)(true), isValidURL = _b[0], setIsValidURL = _b[1];
+    var createEmbedPreview = function () {
+        switch (true) {
+            case !value:
+                return (react_1.default.createElement(Typo_1.SANS_0, { bold: true, invert: true }, "paste a value above to view preview of Google Slide"));
+            case react_player_1.default.canPlay(value): // We don't want to show video if it is valid video url
+                return (react_1.default.createElement(Typo_1.SANS_0, { color: themes_1.colors.red }, "Video Links are not allowed"));
+            default:
+                return react_1.default.createElement(Embed_1.Embed, __assign({}, __assign(__assign({}, readOnly), { value: value, isValidURL: isValidURL, onChange: onChange })));
+        }
+    };
+    return (react_1.default.createElement(react_1.Fragment, null, readOnly ?
+        react_1.default.createElement(Embed_1.Embed, __assign({}, __assign(__assign({}, readOnly), { value: value, isValidURL: isValidURL, onChange: onChange }), { isBlock: true }))
+        :
+            react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(TextInputs_1.URLInput, { placeholder: placeholder || 'Enter a valid embedable url', onChange: function (k, v) { return onChange(k, v); }, value: value, isRequired: isRequired, label: label, S: true, invert: invert, readOnly: readOnly, sublabel: sublabel, passValidationErrorToFormValidation: function (type) { return type === "error" ? setIsValidURL(false) : setIsValidURL(true); }, icon: "LinkSimple", clearBtn: !isInRTE && { text: "Clear", onClick: function () { return onChange(undefined); }, invert: invert } }),
+                createEmbedPreview())));
+}
+exports.default = IFrame;

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

@@ -0,0 +1,4 @@
+export const StyledEmbedPrview: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledEmbedWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledEmbed: import("styled-components").StyledComponent<"iframe", any, {}, never>;
+export const StyledPunchViewerContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/IFrame/styled.js

@@ -0,0 +1,21 @@
+"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.StyledPunchViewerContainer = exports.StyledEmbed = exports.StyledEmbedWrapper = exports.StyledEmbedPrview = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+var themes_1 = require("../../themes");
+var white = themes_1.colors.white;
+exports.StyledEmbedPrview = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n    /* padding-top: 2rem; */\n    padding-top: ", "\n"], ["\n    display: flex;\n    /* padding-top: 2rem; */\n    padding-top: ", "\n"])), function (_a) {
+    var readOnly = _a.readOnly;
+    return !readOnly && "2rem";
+});
+exports.StyledEmbedWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    position: relative;\n    padding-top: 62%;\n    height: 0;\n    width: 100%;\n"], ["\n    position: relative;\n    padding-top: 62%;\n    height: 0;\n    width: 100%;\n"])));
+exports.StyledEmbed = styled_components_1.default.iframe(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n"], ["\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n"])));
+exports.StyledPunchViewerContainer = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    background-color: ", ";\n"], ["\n    background-color: ", ";\n"])), white);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/components/IFrame/utils/embadableUrl.d.ts

@@ -0,0 +1 @@
+export function embadableURL(value: any, isValidURL: any): any;

package/dist/components/IFrame/utils/embadableUrl.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.embadableURL = void 0;
+var filters_1 = require("./filters");
+var injectHttps_1 = require("../../../utils/injectHttps");
+var embadableURL = function (value, isValidURL) {
+    switch (true) {
+        case value === null || value === void 0 ? void 0 : value.includes('docs.google.com'):
+            return (0, filters_1.filterPPTURL)(value);
+        case value === null || value === void 0 ? void 0 : value.includes('<iframe'):
+            return (0, filters_1.filterIFrameURL)(value);
+        default:
+            return isValidURL && (0, injectHttps_1.injectHttps)(value);
+    }
+};
+exports.embadableURL = embadableURL;

package/dist/components/IFrame/utils/filters.d.ts

@@ -0,0 +1,2 @@
+export function filterPPTURL(address: any): any;
+export function filterIFrameURL(address: any): string;

package/dist/components/IFrame/utils/filters.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.filterIFrameURL = exports.filterPPTURL = void 0;
+function filterPPTURL(address) {
+    if (address) {
+        if (address.search('google') > -1) {
+            var url = /\/edit/.test(address) ? (address.split('/edit')[0]) : address;
+            if (!url.includes('embed')) {
+                return url + '/embed?start=false&loop=false&delayms=3000';
+            }
+            return url;
+        }
+    }
+}
+exports.filterPPTURL = filterPPTURL;
+function filterIFrameURL(address) {
+    var tempElement = document.createElement('div');
+    tempElement.innerHTML = address;
+    var srcValue = tempElement.querySelector('iframe').getAttribute('src');
+    return srcValue;
+}
+exports.filterIFrameURL = filterIFrameURL;

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 IFrame } from "./components/IFrame";
 export { SimpleTable } from "./components/SimpleTable";
 export { LoaderCircle, ProgressBar, LoaderCircle as Loader, LoaderOverlay } from "./components/LoadersAndProgress";
 export { BannerAlert, BannerInfo } from "./components/Banners";

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.BannerContext = exports.BannerInfo = exports.BannerAlert = 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.SimpleTable = exports.BannerProvider = exports.useBannerContext = void 0;
+exports.BannerInfo = exports.BannerAlert = exports.IFrame = 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.SimpleTable = exports.BannerProvider = exports.useBannerContext = exports.BannerContext = 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 IFrame_1 = require("./components/IFrame");
+Object.defineProperty(exports, "IFrame", { enumerable: true, get: function () { return __importDefault(IFrame_1).default; } });
 //banners
 var Banners_1 = require("./components/Banners");
 Object.defineProperty(exports, "BannerAlert", { enumerable: true, get: function () { return Banners_1.BannerAlert; } });

package/package.json

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