@oneuptime/common 7.0.2936 → 7.0.2976

package/build/dist/UI/Components/LogsViewer/LogItem.js

@@ -0,0 +1,114 @@
+import CopyTextButton from "../CopyTextButton/CopyTextButton";
+import OneUptimeDate from "Common/Types/Date";
+import JSONFunctions from "Common/Types/JSONFunctions";
+import LogSeverity from "Common/Types/Log/LogSeverity";
+import React, { useEffect } from "react";
+const LogItem = (props) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    const serviceId = ((_a = props.log.serviceId) === null || _a === void 0 ? void 0 : _a.toString()) || "";
+    const serviceName = ((_b = props.serviceMap[serviceId]) === null || _b === void 0 ? void 0 : _b.name) || serviceId;
+    const serviceColor = ((_d = (_c = props.serviceMap[serviceId]) === null || _c === void 0 ? void 0 : _c.serviceColor) === null || _d === void 0 ? void 0 : _d.toString()) || "text-slate-200";
+    const [isCollapsed, setIsCollapsed] = React.useState(true);
+    useEffect(() => {
+        setIsCollapsed(true);
+    }, []);
+    let bodyColor = "text-slate-200";
+    const getCopyButton = (textToBeCopied) => {
+        return (React.createElement(CopyTextButton, { textToBeCopied: textToBeCopied, className: "ml-5 font-medium px-3 my-0.5 py-0.5 text-xs bg-slate-900 text-slate-300 rounded hover:bg-slate-600 border-slate-700 border-solid border-0" }));
+    };
+    if (props.log.severityText === LogSeverity.Warning) {
+        bodyColor = "text-amber-400";
+    }
+    else if (props.log.severityText === LogSeverity.Error) {
+        bodyColor = "text-rose-400";
+    }
+    else if (props.log.severityText === LogSeverity.Trace ||
+        props.log.severityText === LogSeverity.Debug) {
+        bodyColor = "text-slate-400";
+    }
+    let logBody = ((_e = props.log.body) === null || _e === void 0 ? void 0 : _e.toString()) || "";
+    let isBodyInJSON = false;
+    try {
+        logBody = JSON.stringify(JSON.parse(logBody), null, 2);
+        isBodyInJSON = true;
+    }
+    catch (e) {
+        isBodyInJSON = false;
+    }
+    if (isCollapsed) {
+        return (React.createElement("div", { className: "text-slate-200 flex cursor-pointer hover:border-slate-700 px-2 border-transparent border-2 rounded-md", onClick: () => {
+                setIsCollapsed(false);
+            } },
+            props.log.time && (React.createElement("div", { className: "text-slate-500 courier-prime flex-none", style: {
+                    width: "230px !important",
+                    color: serviceColor,
+                } },
+                serviceName,
+                " \u00A0",
+                " ")),
+            props.log.severityText === LogSeverity.Information && (React.createElement("div", { className: "text-sky-400 courier-prime flex-none" }, "[INFO] \u00A0")),
+            props.log.severityText === LogSeverity.Warning && (React.createElement("div", { className: "text-amber-400 courier-prime flex-none" }, "[WARN] \u00A0")),
+            props.log.severityText === LogSeverity.Trace && (React.createElement("div", { className: "text-slate-400 courier-prime flex-none" }, "[TRACE] \u00A0")),
+            props.log.severityText === LogSeverity.Debug && (React.createElement("div", { className: "text-slate-400 courier-prime flex-none" }, "[DEBUG] \u00A0")),
+            props.log.severityText === LogSeverity.Error && (React.createElement("div", { className: "text-rose-400 courier-prime flex-none" }, "[ERROR] \u00A0")),
+            props.log.severityText === LogSeverity.Fatal && (React.createElement("div", { className: "text-rose-400 courier-prime flex-none" }, "[FATAL] \u00A0")),
+            React.createElement("div", { className: `${bodyColor} courier-prime` },
+                isBodyInJSON && React.createElement("pre", null, logBody),
+                !isBodyInJSON && ((_f = props.log.body) === null || _f === void 0 ? void 0 : _f.toString()))));
+    }
+    return (React.createElement("div", { className: "text-slate-200 cursor-pointer hover:border-slate-700 px-2 border-transparent border-2 rounded-md mb-1", onClick: () => {
+            setIsCollapsed(true);
+        } },
+        serviceName && (React.createElement("div", { className: "text-slate-500 courier-prime", style: {
+                color: serviceColor,
+            } },
+            serviceName,
+            " \u00A0",
+            " ")),
+        props.log.time && (React.createElement("div", { className: "flex" },
+            React.createElement("div", { className: "font-medium text-slate-200 courier-prime mr-2" }, "DATE TIME:"),
+            React.createElement("div", { className: "text-slate-500 courier-prime" },
+                OneUptimeDate.getDateAsFormattedString(props.log.time),
+                " \u00A0",
+                " "))),
+        props.log.severityText === LogSeverity.Information && (React.createElement("div", { className: "flex" },
+            React.createElement("div", { className: "font-medium text-slate-200 courier-prime mr-2" }, "SEVERITY:"),
+            React.createElement("div", { className: "text-sky-400 courier-prime" }, "[INFO] \u00A0"))),
+        props.log.severityText === LogSeverity.Unspecified && (React.createElement("div", { className: "flex" },
+            React.createElement("div", { className: "font-medium text-slate-200 courier-prime mr-2" }, "SEVERITY:"),
+            React.createElement("div", { className: "text-sky-400 courier-prime" }, "[UNKNOWN] \u00A0"))),
+        props.log.severityText === LogSeverity.Warning && (React.createElement("div", { className: "flex" },
+            React.createElement("div", { className: "font-medium text-slate-200 courier-prime mr-2" }, "SEVERITY:"),
+            React.createElement("div", { className: "text-amber-400 courier-prime" }, "[WARN] \u00A0"))),
+        props.log.severityText === LogSeverity.Trace && (React.createElement("div", { className: "flex" },
+            React.createElement("div", { className: "font-medium text-slate-200 courier-prime mr-2" }, "SEVERITY:"),
+            React.createElement("div", { className: "text-slate-400 courier-prime" }, "[TRACE] \u00A0"))),
+        props.log.severityText === LogSeverity.Debug && (React.createElement("div", { className: "flex" },
+            React.createElement("div", { className: "font-medium text-slate-200 courier-prime mr-2" }, "SEVERITY:"),
+            React.createElement("div", { className: "text-slate-400 courier-prime" }, "[DEBUG] \u00A0"))),
+        props.log.severityText === LogSeverity.Error && (React.createElement("div", { className: "flex" },
+            React.createElement("div", { className: "font-medium text-slate-200 courier-prime mr-2" }, "SEVERITY:"),
+            React.createElement("div", { className: "text-rose-400 courier-prime" }, "[ERROR] \u00A0"))),
+        props.log.severityText === LogSeverity.Fatal && (React.createElement("div", { className: "flex" },
+            React.createElement("div", { className: "font-medium text-slate-200 courier-prime mr-2" }, "SEVERITY:"),
+            React.createElement("div", { className: "text-rose-400 courier-prime" }, "[FATAL] \u00A0"))),
+        React.createElement("div", null,
+            React.createElement("div", { className: "flex" },
+                React.createElement("div", { className: "font-medium text-slate-200 courier-prime mr-2" }, "MESSAGE:\u00A0"),
+                !isBodyInJSON && (React.createElement("div", { className: `${bodyColor} courier-prime` }, (_g = props.log.body) === null || _g === void 0 ? void 0 : _g.toString()))),
+            isBodyInJSON && (React.createElement("pre", { className: `${bodyColor} courier-prime` }, logBody))),
+        props.log.traceId && (React.createElement("div", { className: "flex" },
+            React.createElement("div", { className: "font-medium text-slate-200 courier-prime mr-2" }, "TRACE:\u00A0\u00A0\u00A0"),
+            React.createElement("div", { className: `${bodyColor} courier-prime` }, (_h = props.log.traceId) === null || _h === void 0 ? void 0 : _h.toString()),
+            getCopyButton(((_j = props.log.traceId) === null || _j === void 0 ? void 0 : _j.toString()) || ""))),
+        props.log.spanId && (React.createElement("div", { className: "flex" },
+            React.createElement("div", { className: "font-medium text-slate-200 courier-prime mr-2" }, "SPAN:\u00A0\u00A0\u00A0\u00A0"),
+            React.createElement("div", { className: `${bodyColor} courier-prime` }, (_k = props.log.spanId) === null || _k === void 0 ? void 0 : _k.toString()),
+            getCopyButton(((_l = props.log.spanId) === null || _l === void 0 ? void 0 : _l.toString()) || ""))),
+        props.log.attributes && (React.createElement("div", null,
+            React.createElement("div", { className: "flex" },
+                React.createElement("div", { className: "font-medium text-slate-200 courier-prime mr-2" }, "ATTRIBUTES:")),
+            React.createElement("pre", { className: `${bodyColor} courier-prime` }, JSON.stringify(JSONFunctions.unflattenObject(props.log.attributes || {}), null, 2))))));
+};
+export default LogItem;
+//# sourceMappingURL=LogItem.js.map

package/build/dist/UI/Components/LogsViewer/LogItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogItem.js","sourceRoot":"","sources":["../../../../../UI/Components/LogsViewer/LogItem.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/LogsViewer/LogsViewer.js

@@ -0,0 +1,152 @@
+import DropdownUtil from "../../Utils/Dropdown";
+import ComponentLoader from "../ComponentLoader/ComponentLoader";
+import FiltersForm from "../Filters/FiltersForm";
+import FieldType from "../Types/FieldType";
+import LogItem from "./LogItem";
+import LogSeverity from "Common/Types/Log/LogSeverity";
+import React from "react";
+import Toggle from "../Toggle/Toggle";
+import Card from "../Card/Card";
+import Button, { ButtonSize, ButtonStyleType } from "../Button/Button";
+import IconProp from "Common/Types/Icon/IconProp";
+import ModelAPI from "../../Utils/ModelAPI/ModelAPI";
+import URL from "Common/Types/API/URL";
+import HTTPErrorResponse from "Common/Types/API/HTTPErrorResponse";
+import API from "../../Utils/API/API";
+import { APP_API_URL } from "../../Config";
+import PageLoader from "../Loader/PageLoader";
+import ErrorMessage from "../ErrorMessage/ErrorMessage";
+import TelemetryService from "Common/Models/DatabaseModels/TelemetryService";
+import { LIMIT_PER_PROJECT } from "Common/Types/Database/LimitMax";
+import SortOrder from "Common/Types/BaseDatabase/SortOrder";
+const LogsViewer = (props) => {
+    const [filterData, setFilterData] = React.useState(props.filterData);
+    const [screenHeight, setScreenHeight] = React.useState(window.innerHeight);
+    const [autoScroll, setAutoScroll] = React.useState(true);
+    const logsViewerRef = React.useRef(null);
+    const [logAttributes, setLogAttributes] = React.useState([]);
+    const [isPageLoading, setIsPageLoading] = React.useState(true);
+    const [pageError, setPageError] = React.useState("");
+    const [serviceMap, setServiceMap] = React.useState({});
+    const loadAttributes = async () => {
+        try {
+            setIsPageLoading(true);
+            const telemetryServices = await ModelAPI.getList({
+                modelType: TelemetryService,
+                query: {},
+                select: {
+                    name: true,
+                    serviceColor: true,
+                },
+                limit: LIMIT_PER_PROJECT,
+                skip: 0,
+                sort: {
+                    name: SortOrder.Ascending,
+                },
+            });
+            const services = {};
+            telemetryServices.data.forEach((service) => {
+                services[service.id.toString()] = service;
+            });
+            setServiceMap(services);
+            const attributeRepsonse = await API.post(URL.fromString(APP_API_URL.toString()).addRoute("/telemetry/logs/get-attributes"), {}, Object.assign({}, ModelAPI.getCommonHeaders()));
+            if (attributeRepsonse instanceof HTTPErrorResponse) {
+                throw attributeRepsonse;
+            }
+            else {
+                const attributes = attributeRepsonse.data["attributes"];
+                setLogAttributes(attributes);
+            }
+            setIsPageLoading(false);
+            setPageError("");
+        }
+        catch (err) {
+            setIsPageLoading(false);
+            setPageError(API.getFriendlyErrorMessage(err));
+        }
+    };
+    // Update the screen height when the window is resized
+    React.useEffect(() => {
+        loadAttributes().catch((err) => {
+            setPageError(API.getFriendlyErrorMessage(err));
+        });
+        const handleResize = () => {
+            setScreenHeight(window.innerHeight);
+        };
+        window.addEventListener("resize", handleResize);
+        return () => {
+            window.removeEventListener("resize", handleResize);
+        };
+    }, []);
+    // Keep scroll to the bottom of the log
+    const scrollToBottom = () => {
+        const logsViewer = logsViewerRef.current;
+        if (logsViewer) {
+            logsViewer.scrollTop = logsViewer.scrollHeight;
+        }
+    };
+    React.useEffect(() => {
+        if (!autoScroll) {
+            return;
+        }
+        scrollToBottom();
+    }, [props.logs]);
+    if (isPageLoading) {
+        return React.createElement(PageLoader, { isVisible: true });
+    }
+    if (pageError) {
+        return React.createElement(ErrorMessage, { error: pageError });
+    }
+    return (React.createElement("div", null,
+        props.showFilters && (React.createElement("div", { className: "mb-5" },
+            React.createElement(Card, null,
+                React.createElement("div", { className: "-mt-8" },
+                    React.createElement(FiltersForm, { id: "logs-filter", showFilter: props.showFilters, filterData: props.filterData, onFilterChanged: (filterData) => {
+                            setFilterData(filterData);
+                        }, filters: [
+                            {
+                                key: "body",
+                                type: FieldType.Text,
+                                title: "Search Log",
+                            },
+                            {
+                                key: "severityText",
+                                filterDropdownOptions: DropdownUtil.getDropdownOptionsFromEnum(LogSeverity),
+                                type: FieldType.Dropdown,
+                                title: "Log Severity",
+                                isAdvancedFilter: true,
+                            },
+                            {
+                                key: "time",
+                                type: FieldType.DateTime,
+                                title: "Start and End Date",
+                                isAdvancedFilter: true,
+                            },
+                            {
+                                key: "attributes",
+                                type: FieldType.JSON,
+                                title: "Filter by Attributes",
+                                jsonKeys: logAttributes,
+                                isAdvancedFilter: true,
+                            },
+                        ] })),
+                React.createElement("div", { className: "flex justify-between" },
+                    React.createElement("div", null,
+                        React.createElement(Toggle, { title: "Auto Scroll", value: autoScroll, onChange: (checked) => {
+                                setAutoScroll(checked);
+                            } })),
+                    React.createElement("div", null,
+                        React.createElement(Button, { title: "Search Logs", icon: IconProp.Search, buttonStyle: ButtonStyleType.NORMAL, buttonSize: ButtonSize.Small, onClick: () => {
+                                props.onFilterChanged(filterData);
+                            } })))))),
+        !props.isLoading && (React.createElement("div", { ref: logsViewerRef, className: "shadow-xl rounded-xl bg-slate-800 p-5 overflow-hidden hover:overflow-y-auto dark-scrollbar", style: {
+                height: screenHeight - 520,
+            } },
+            props.logs.map((log, i) => {
+                return React.createElement(LogItem, { serviceMap: serviceMap, key: i, log: log });
+            }),
+            props.logs.length === 0 && (React.createElement("div", { className: `text-slate-200 courier-prime` }, props.noLogsMessage || "No logs found for this service.")))),
+        props.isLoading && React.createElement(ComponentLoader, null)));
+};
+export default LogsViewer;
+//# sourceMappingURL=LogsViewer.js.map

package/build/dist/UI/Components/LogsViewer/LogsViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogsViewer.js","sourceRoot":"","sources":["../../../../../UI/Components/LogsViewer/LogsViewer.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/Markdown.tsx/LazyMarkdownViewer.js

@@ -0,0 +1,10 @@
+import React, { Suspense, lazy, } from "react";
+const MarkdownViewer = lazy(() => {
+    return import("./MarkdownViewer");
+});
+const LazyMarkdownViewer = (props) => {
+    return (React.createElement(Suspense, { fallback: React.createElement("div", null, "Loading...") },
+        React.createElement(MarkdownViewer, Object.assign({}, props))));
+};
+export default LazyMarkdownViewer;
+//# sourceMappingURL=LazyMarkdownViewer.js.map

package/build/dist/UI/Components/Markdown.tsx/LazyMarkdownViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LazyMarkdownViewer.js","sourceRoot":"","sources":["../../../../../UI/Components/Markdown.tsx/LazyMarkdownViewer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAGZ,QAAQ,EACR,IAAI,GACL,MAAM,OAAO,CAAC;AAEf,MAAM,cAAc,GAClB,IAAI,CAAC,GAAG,EAAE;IACR,OAAO,MAAM,CAAC,kBAAkB,CAAC,CAAC;AACpC,CAAC,CAAC,CAAC;AAEL,MAAM,kBAAkB,GAAsC,CAC5D,KAAqB,EACR,EAAE;IACf,OAAO,CACL,oBAAC,QAAQ,IAAC,QAAQ,EAAE,8CAAqB;QACvC,oBAAC,cAAc,oBAAK,KAAK,EAAI,CACpB,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/build/dist/UI/Components/Markdown.tsx/MarkdownEditor.js

@@ -0,0 +1,7 @@
+import TextArea from "../TextArea/TextArea";
+import React from "react";
+const MarkdownEditor = (props) => {
+    return (React.createElement(TextArea, { tabIndex: props.tabIndex, className: props.className, initialValue: props.initialValue || "", placeholder: props.placeholder, onChange: props.onChange ? props.onChange : () => { }, onFocus: props.onFocus ? props.onFocus : () => { }, onBlur: props.onBlur ? props.onBlur : () => { }, error: props.error }));
+};
+export default MarkdownEditor;
+//# sourceMappingURL=MarkdownEditor.js.map

package/build/dist/UI/Components/Markdown.tsx/MarkdownEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditor.js","sourceRoot":"","sources":["../../../../../UI/Components/Markdown.tsx/MarkdownEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAC5C,OAAO,KAA0C,MAAM,OAAO,CAAC;AAa/D,MAAM,cAAc,GAAsC,CACxD,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,oBAAC,QAAQ,IACP,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,EAAE,EACtC,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,EACpD,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,EACjD,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,EAC9C,KAAK,EAAE,KAAK,CAAC,KAAK,GAClB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/build/dist/UI/Components/Markdown.tsx/MarkdownViewer.js

@@ -0,0 +1,90 @@
+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;
+};
+import React from "react";
+// https://github.com/remarkjs/react-markdown
+import ReactMarkdown from "react-markdown";
+// https://github.com/remarkjs/remark-gfm
+import remarkGfm from "remark-gfm";
+import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
+import { a11yDark } from "react-syntax-highlighter/dist/esm/styles/prism";
+const MarkdownViewer = (props) => {
+    return (React.createElement("div", null,
+        React.createElement(ReactMarkdown, { components: {
+                // because tailwind does not supply <h1 ... /> styles https://tailwindcss.com/docs/preflight#headings-are-unstyled
+                h1: (_a) => {
+                    var props = __rest(_a, []);
+                    return (React.createElement("h1", Object.assign({ className: "text-3xl mt-5 border border-gray-200 border-r-0  border-l-0 border-t-0 pb-1 mb-8 text-gray-800 font-medium" }, props)));
+                },
+                h2: (_a) => {
+                    var props = __rest(_a, []);
+                    return (React.createElement("h2", Object.assign({ className: "text-2xl mt-4 border border-gray-200 border-r-0  border-l-0 border-t-0 pb-1 mb-8 text-gray-800 font-medium" }, props)));
+                },
+                h3: (_a) => {
+                    var props = __rest(_a, []);
+                    return (React.createElement("h3", Object.assign({ className: "text-xl mt-12 mb-3 text-gray-800 font-medium" }, props)));
+                },
+                h4: (_a) => {
+                    var props = __rest(_a, []);
+                    return (React.createElement("h4", Object.assign({ className: "text-lg mt-8 mb-3 text-gray-800 font-medium" }, props)));
+                },
+                h5: (_a) => {
+                    var props = __rest(_a, []);
+                    return (React.createElement("h5", Object.assign({ className: "text-lg mt-5 mb-1 text-gray-800 font-medium" }, props)));
+                },
+                h6: (_a) => {
+                    var props = __rest(_a, []);
+                    return (React.createElement("h6", Object.assign({ className: "text-base mt-3 text-gray-800 font-medium" }, props)));
+                },
+                p: (_a) => {
+                    var props = __rest(_a, []);
+                    return React.createElement("p", Object.assign({ className: "text-sm mt-2 mb-3 text-gray-500" }, props));
+                },
+                a: (_a) => {
+                    var props = __rest(_a, []);
+                    return (React.createElement("a", Object.assign({ className: "underline text-blue-500 font-medium" }, props)));
+                },
+                pre: (_a) => {
+                    var props = __rest(_a, []);
+                    return (React.createElement("pre", Object.assign({ className: "text-gray-600 mt-4 mb-2 rounded text-sm text-sm overflow-x-auto " }, props)));
+                },
+                strong: (_a) => {
+                    var props = __rest(_a, []);
+                    return (React.createElement("strong", Object.assign({ className: "text-sm mt-2 text-gray-900 font-medium" }, props)));
+                },
+                li: (_a) => {
+                    var props = __rest(_a, []);
+                    return (React.createElement("li", Object.assign({ className: "text-sm mt-2 text-gray-500 list-disc" }, props)));
+                },
+                ul: (_a) => {
+                    var props = __rest(_a, []);
+                    return React.createElement("ul", Object.assign({ className: "list-disc px-6 m-1" }, props));
+                },
+                code: (props) => {
+                    const { children, className } = props, rest = __rest(props, ["children", "className"]);
+                    // eslint-disable-next-line wrap-regex
+                    const match = /language-(\w+)/.exec(className || "");
+                    const content = String(children).replace(/\n$/, "");
+                    const codeClassName = content.includes("\n") ||
+                        (match &&
+                            (match === null || match === void 0 ? void 0 : match.filter((item) => {
+                                return item.includes("language-");
+                            }).length) > 0)
+                        ? ""
+                        : "text-sm p-1 bg-gray-100 rounded text-gray-900 pl-2 pr-2 text-xs";
+                    return match ? (React.createElement(SyntaxHighlighter, Object.assign({}, rest, { PreTag: "div", 
+                        // eslint-disable-next-line react/no-children-prop
+                        children: content, language: match[1], style: a11yDark }))) : (React.createElement("code", Object.assign({ className: codeClassName }, rest), children));
+                },
+            }, remarkPlugins: [remarkGfm] }, props.text)));
+};
+export default MarkdownViewer;
+//# sourceMappingURL=MarkdownViewer.js.map

package/build/dist/UI/Components/Markdown.tsx/MarkdownViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownViewer.js","sourceRoot":"","sources":["../../../../../UI/Components/Markdown.tsx/MarkdownViewer.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/MasterPage/MasterPage.js

@@ -0,0 +1,22 @@
+import PageError from "../Error/PageError";
+import PageLoader from "../Loader/PageLoader";
+import TopSection from "../TopSection/TopSection";
+import React from "react";
+const MasterPage = (props) => {
+    if (props.isLoading) {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(PageLoader, { isVisible: true })));
+    }
+    if (props.error) {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(PageError, { message: props.error })));
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: props.className },
+            React.createElement("div", { className: props.makeTopSectionUnstick ? "" : "sticky top-0 z-10" },
+                React.createElement(TopSection, { hideHeader: props.hideHeader, className: props.topSectionClassName, header: props.header, navbar: props.navBar })),
+            props.children,
+            props.footer && props.footer)));
+};
+export default MasterPage;
+//# sourceMappingURL=MasterPage.js.map

package/build/dist/UI/Components/MasterPage/MasterPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MasterPage.js","sourceRoot":"","sources":["../../../../../UI/Components/MasterPage/MasterPage.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAC3C,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAe/D,MAAM,UAAU,GAAsC,CACpD,KAAqB,EACP,EAAE;IAChB,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;QACpB,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;YACb,oBAAC,UAAU,IAAC,SAAS,EAAE,IAAI,GAAI,CAChB,CAClB,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;QAChB,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;YACb,oBAAC,SAAS,IAAC,OAAO,EAAE,KAAK,CAAC,KAAK,GAAI,CACpB,CAClB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,6BAAK,SAAS,EAAE,KAAK,CAAC,SAAS;YAC7B,6BAAK,SAAS,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB;gBACpE,oBAAC,UAAU,IACT,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,SAAS,EAAE,KAAK,CAAC,mBAAmB,EACpC,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACE;YAEL,KAAK,CAAC,QAAQ;YAEd,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,CACzB,CACS,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/build/dist/UI/Components/Modal/ConfirmModal.js

@@ -0,0 +1,11 @@
+import { ButtonStyleType } from "../Button/Button";
+import Modal from "./Modal";
+import React from "react";
+const ConfirmModal = (props) => {
+    return (React.createElement(Modal, { title: props.title, isLoading: props.isLoading, onSubmit: props.onSubmit, onClose: props.onClose ? props.onClose : undefined, submitButtonText: props.submitButtonText ? props.submitButtonText : "Confirm", closeButtonStyleType: props.closeButtonType ? props.closeButtonType : ButtonStyleType.NORMAL, disableSubmitButton: props.disableSubmitButton ? props.disableSubmitButton : false, submitButtonStyleType: props.submitButtonType
+            ? props.submitButtonType
+            : ButtonStyleType.PRIMARY, error: props.error },
+        React.createElement("div", { "data-testid": "confirm-modal-description", className: "text-gray-500 mt-5 text-sm" }, props.description)));
+};
+export default ConfirmModal;
+//# sourceMappingURL=ConfirmModal.js.map

package/build/dist/UI/Components/Modal/ConfirmModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmModal.js","sourceRoot":"","sources":["../../../../../UI/Components/Modal/ConfirmModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,KAA0C,MAAM,OAAO,CAAC;AAe/D,MAAM,YAAY,GAAsC,CACtD,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAClD,gBAAgB,EACd,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,EAE7D,oBAAoB,EAClB,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,MAAM,EAExE,mBAAmB,EACjB,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,KAAK,EAE/D,qBAAqB,EACnB,KAAK,CAAC,gBAAgB;YACpB,CAAC,CAAC,KAAK,CAAC,gBAAgB;YACxB,CAAC,CAAC,eAAe,CAAC,OAAO,EAE7B,KAAK,EAAE,KAAK,CAAC,KAAK;QAElB,4CACc,2BAA2B,EACvC,SAAS,EAAC,4BAA4B,IAErC,KAAK,CAAC,WAAW,CACd,CACA,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/build/dist/UI/Components/Modal/Modal.js

@@ -0,0 +1,64 @@
+import Button, { ButtonStyleType } from "../Button/Button";
+import ButtonType from "../Button/ButtonTypes";
+import Icon, { IconType, SizeProp, ThickProp } from "../Icon/Icon";
+import Loader, { LoaderType } from "../Loader/Loader";
+import ModalBody from "./ModalBody";
+import ModalFooter from "./ModalFooter";
+import { VeryLightGray } from "Common/Types/BrandColors";
+import IconProp from "Common/Types/Icon/IconProp";
+import React from "react";
+export var ModalWidth;
+(function (ModalWidth) {
+    ModalWidth[ModalWidth["Normal"] = 0] = "Normal";
+    ModalWidth[ModalWidth["Medium"] = 1] = "Medium";
+    ModalWidth[ModalWidth["Large"] = 2] = "Large";
+})(ModalWidth || (ModalWidth = {}));
+const Modal = (props) => {
+    let iconBgColor = "bg-indigo-100";
+    if (props.iconType === IconType.Info) {
+        iconBgColor = "bg-indigo-100";
+    }
+    else if (props.iconType === IconType.Warning) {
+        iconBgColor = "bg-yellow-100";
+    }
+    else if (props.iconType === IconType.Success) {
+        iconBgColor = "bg-green-100";
+    }
+    else if (props.iconType === IconType.Danger) {
+        iconBgColor = "bg-red-100";
+    }
+    return (React.createElement("div", { className: "relative z-20", "aria-labelledby": "modal-title", role: "dialog", "aria-modal": "true" },
+        React.createElement("div", { className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" }),
+        React.createElement("div", { className: "fixed inset-0 z-20 overflow-y-auto" },
+            React.createElement("div", { className: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" },
+                React.createElement("div", { className: `relative transform rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full ${props.modalWidth && props.modalWidth === ModalWidth.Large
+                        ? "sm:max-w-7xl"
+                        : ""} ${props.modalWidth && props.modalWidth === ModalWidth.Medium
+                        ? "sm:max-w-3xl"
+                        : ""} ${!props.modalWidth ? "sm:max-w-lg" : ""} `, "data-testid": "modal" },
+                    props.onClose && (React.createElement("div", { className: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" },
+                        React.createElement(Button, { buttonStyle: ButtonStyleType.ICON, icon: IconProp.Close, iconSize: SizeProp.Large, title: "Close", dataTestId: "close-button", onClick: props.onClose }))),
+                    React.createElement("div", { className: "sm:p-6" },
+                        props.icon && (React.createElement("div", { className: `mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full ${iconBgColor} sm:mx-0 sm:h-10 sm:w-10`, "data-testid": "icon" },
+                            React.createElement(Icon, { thick: ThickProp.Thick, type: props.iconType === undefined
+                                    ? IconType.Info
+                                    : props.iconType, className: "text-red-600 h-6 w-6 stroke-2", icon: props.icon, size: SizeProp.Large }))),
+                        React.createElement("div", { className: "mt-3 text-center sm:mt-0 sm:ml-4 sm:mr-4 sm:text-left" },
+                            React.createElement("div", { className: "flex justify-between" },
+                                React.createElement("div", null,
+                                    React.createElement("h3", { "data-testid": "modal-title", className: `text-lg font-medium leading-6 text-gray-900 ${props.icon ? "ml-10 -mt-8 mb-5" : ""}`, id: "modal-title" }, props.title),
+                                    props.description && (React.createElement("h3", { "data-testid": "modal-description", className: "text-sm leading-6 text-gray-500" }, props.description))),
+                                props.rightElement && (React.createElement("div", { "data-testid": "right-element" }, props.rightElement))),
+                            React.createElement("div", { className: "mt-2" },
+                                React.createElement(ModalBody, { error: props.error }, !props.isBodyLoading ? (props.children) : (React.createElement("div", { className: "modal-body mt-20 mb-20 flex justify-center" },
+                                    React.createElement(Loader, { loaderType: LoaderType.Bar, color: VeryLightGray, size: 200 }))))))),
+                    React.createElement(ModalFooter, { submitButtonType: props.submitButtonType
+                            ? props.submitButtonType
+                            : ButtonType.Button, submitButtonStyleType: props.submitButtonStyleType
+                            ? props.submitButtonStyleType
+                            : ButtonStyleType.PRIMARY, closeButtonStyleType: props.closeButtonStyleType
+                            ? props.closeButtonStyleType
+                            : ButtonStyleType.NORMAL, submitButtonText: props.submitButtonText ? props.submitButtonText : "Save", onSubmit: props.onSubmit, onClose: props.onClose ? props.onClose : undefined, isLoading: props.isLoading || false, disableSubmitButton: props.isBodyLoading || props.disableSubmitButton }))))));
+};
+export default Modal;
+//# sourceMappingURL=Modal.js.map

package/build/dist/UI/Components/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../UI/Components/Modal/Modal.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/Modal/ModalBody.js

@@ -0,0 +1,9 @@
+import Alert, { AlertType } from "../Alerts/Alert";
+import React from "react";
+const ModalBody = (props) => {
+    return (React.createElement("div", { className: "modal-body" },
+        props.error && React.createElement(Alert, { title: props.error, type: AlertType.DANGER }),
+        props.children));
+};
+export default ModalBody;
+//# sourceMappingURL=ModalBody.js.map

package/build/dist/UI/Components/Modal/ModalBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBody.js","sourceRoot":"","sources":["../../../../../UI/Components/Modal/ModalBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,MAAM,SAAS,GAAsC,CACnD,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,6BAAK,SAAS,EAAC,YAAY;QACxB,KAAK,CAAC,KAAK,IAAI,oBAAC,KAAK,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,GAAI;QACpE,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/build/dist/UI/Components/Modal/ModalFooter.js

@@ -0,0 +1,18 @@
+import Button, { ButtonStyleType } from "../Button/Button";
+import ButtonType from "../Button/ButtonTypes";
+import React from "react";
+const ModalFooter = (props) => {
+    return (React.createElement("div", { className: "bg-gray-50 px-4 py-3 sm:flex sm:flex-row-reverse sm:px-6" },
+        props.onSubmit ? (React.createElement(Button, { buttonStyle: props.submitButtonStyleType
+                ? props.submitButtonStyleType
+                : ButtonStyleType.PRIMARY, title: props.submitButtonText ? props.submitButtonText : "Save Changes", onClick: () => {
+                props.onSubmit();
+            }, disabled: props.disableSubmitButton || false, isLoading: props.isLoading || false, type: props.submitButtonType ? props.submitButtonType : ButtonType.Button, dataTestId: "modal-footer-submit-button" })) : (React.createElement(React.Fragment, null)),
+        props.onClose ? (React.createElement(Button, { buttonStyle: props.closeButtonStyleType
+                ? props.closeButtonStyleType
+                : ButtonStyleType.NORMAL, title: "Close", "data-dismiss": "modal", onClick: () => {
+                props.onClose && props.onClose();
+            }, dataTestId: "modal-footer-close-button" })) : (React.createElement(React.Fragment, null))));
+};
+export default ModalFooter;
+//# sourceMappingURL=ModalFooter.js.map

package/build/dist/UI/Components/Modal/ModalFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.js","sourceRoot":"","sources":["../../../../../UI/Components/Modal/ModalFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,UAAU,MAAM,uBAAuB,CAAC;AAC/C,OAAO,KAA0C,MAAM,OAAO,CAAC;AAa/D,MAAM,WAAW,GAAsC,CACrD,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,6BAAK,SAAS,EAAC,0DAA0D;QACtE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAChB,oBAAC,MAAM,IACL,WAAW,EACT,KAAK,CAAC,qBAAqB;gBACzB,CAAC,CAAC,KAAK,CAAC,qBAAqB;gBAC7B,CAAC,CAAC,eAAe,CAAC,OAAO,EAE7B,KAAK,EACH,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc,EAElE,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,QAAQ,EAAE,CAAC;YACnB,CAAC,EACD,QAAQ,EAAE,KAAK,CAAC,mBAAmB,IAAI,KAAK,EAC5C,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,EACnC,IAAI,EACF,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,EAErE,UAAU,EAAC,4BAA4B,GACvC,CACH,CAAC,CAAC,CAAC,CACF,yCAAK,CACN;QAEA,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CACf,oBAAC,MAAM,IACL,WAAW,EACT,KAAK,CAAC,oBAAoB;gBACxB,CAAC,CAAC,KAAK,CAAC,oBAAoB;gBAC5B,CAAC,CAAC,eAAe,CAAC,MAAM,EAE5B,KAAK,EAAE,OAAO,kBACD,OAAO,EACpB,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YACnC,CAAC,EACD,UAAU,EAAC,2BAA2B,GACtC,CACH,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}