@oneuptime/common 7.0.2936 → 7.0.2976

package/build/dist/UI/Components/Graphs/DayUptimeGraph.js

@@ -0,0 +1,114 @@
+import Tooltip from "../Tooltip/Tooltip";
+import { Green } from "Common/Types/BrandColors";
+import OneUptimeDate from "Common/Types/Date";
+import React, { useEffect, useState, } from "react";
+const DayUptimeGraph = (props) => {
+    const [days, setDays] = useState(0);
+    useEffect(() => {
+        setDays(OneUptimeDate.getNumberOfDaysBetweenDatesInclusive(props.startDate, props.endDate));
+    }, [props.startDate, props.endDate]);
+    const getUptimeBar = (dayNumber) => {
+        var _a, _b, _c;
+        let color = props.defaultBarColor || Green;
+        const todaysDay = OneUptimeDate.getSomeDaysAfterDate(props.startDate, dayNumber);
+        let toolTipText = `${OneUptimeDate.getDateAsLocalFormattedString(todaysDay, true)}`;
+        const startOfTheDay = OneUptimeDate.getStartOfDay(todaysDay);
+        const endOfTheDay = OneUptimeDate.getEndOfDay(todaysDay);
+        const todaysEvents = props.events.filter((event) => {
+            let doesEventBelongsToToday = false;
+            /// if the event starts or end today.
+            if (OneUptimeDate.isBetween(event.startDate, startOfTheDay, endOfTheDay)) {
+                doesEventBelongsToToday = true;
+            }
+            if (OneUptimeDate.isBetween(event.endDate, startOfTheDay, endOfTheDay)) {
+                doesEventBelongsToToday = true;
+            }
+            // if the event is outside start or end day but overlaps the day completely.
+            if (OneUptimeDate.isBetween(startOfTheDay, event.startDate, endOfTheDay) &&
+                OneUptimeDate.isBetween(endOfTheDay, startOfTheDay, event.endDate)) {
+                doesEventBelongsToToday = true;
+            }
+            return doesEventBelongsToToday;
+        });
+        const secondsOfEvent = {};
+        let currentPriority = 1;
+        const eventLabels = {};
+        for (const event of todaysEvents) {
+            const startDate = OneUptimeDate.getGreaterDate(event.startDate, startOfTheDay);
+            const endDate = OneUptimeDate.getLesserDate(event.endDate, OneUptimeDate.getLesserDate(OneUptimeDate.getCurrentDate(), endOfTheDay));
+            const seconds = OneUptimeDate.getSecondsBetweenDates(startDate, endDate);
+            if (!secondsOfEvent[event.eventStatusId.toString()]) {
+                secondsOfEvent[event.eventStatusId.toString()] = 0;
+            }
+            secondsOfEvent[event.eventStatusId.toString()] += seconds;
+            eventLabels[event.eventStatusId.toString()] = event.label;
+            // set bar color.
+            if (currentPriority <= event.priority) {
+                currentPriority = event.priority;
+                // if there are no rules then use the color of the event.
+                if (!props.barColorRules || props.barColorRules.length === 0) {
+                    color = event.color;
+                }
+            }
+        }
+        let hasEvents = false;
+        let totalDowntimeInSeconds = 0;
+        let totalUptimeInSeconds = 0;
+        for (const key in secondsOfEvent) {
+            hasEvents = true;
+            const eventStatusId = key;
+            // if this is downtime state then, include tooltip.
+            if ((((_a = props.downtimeEventStatusIds) === null || _a === void 0 ? void 0 : _a.filter((id) => {
+                return id.toString() === eventStatusId.toString();
+            }).length) || 0) > 0) {
+                toolTipText += `, ${eventLabels[key]} for ${OneUptimeDate.secondsToFormattedFriendlyTimeString(secondsOfEvent[key] || 0)}`;
+            }
+            const isDowntimeEvent = Boolean((_b = props.downtimeEventStatusIds) === null || _b === void 0 ? void 0 : _b.find((id) => {
+                return id.toString() === eventStatusId;
+            }));
+            if (isDowntimeEvent) {
+                // remove the seconds from total uptime.
+                const secondsOfDowntime = secondsOfEvent[key] || 0;
+                totalDowntimeInSeconds += secondsOfDowntime;
+            }
+            else {
+                totalUptimeInSeconds += secondsOfEvent[key] || 0;
+            }
+        }
+        // now check bar rules and finalize the color of the bar
+        const uptimePercentForTheDay = (totalUptimeInSeconds / (totalDowntimeInSeconds + totalUptimeInSeconds)) *
+            100;
+        for (const rules of props.barColorRules || []) {
+            if (uptimePercentForTheDay >= rules.uptimePercentGreaterThanOrEqualTo) {
+                color = rules.barColor;
+                break;
+            }
+        }
+        if (todaysEvents.length === 1) {
+            hasEvents = true;
+            toolTipText = `${OneUptimeDate.getDateAsLocalFormattedString(todaysDay, true)} - 100% ${((_c = todaysEvents[0]) === null || _c === void 0 ? void 0 : _c.label) || "Operational"}.`;
+        }
+        if (!hasEvents) {
+            toolTipText += ` - No data for this day.`;
+            color = props.defaultBarColor || Green;
+        }
+        let className = "h-20 w-20";
+        if (props.height) {
+            className = "w-20 h-" + props.height;
+        }
+        return (React.createElement(Tooltip, { key: dayNumber, text: toolTipText || "100% Operational" },
+            React.createElement("div", { className: className, style: {
+                    backgroundColor: color.toString(),
+                } })));
+    };
+    const getUptimeGraph = () => {
+        const elements = [];
+        for (let i = 0; i < days; i++) {
+            elements.push(getUptimeBar(i));
+        }
+        return elements;
+    };
+    return (React.createElement("div", { className: "flex space-x-0.5 rounded overflow-hidden" }, getUptimeGraph()));
+};
+export default DayUptimeGraph;
+//# sourceMappingURL=DayUptimeGraph.js.map

package/build/dist/UI/Components/Graphs/DayUptimeGraph.js.map

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

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

@@ -0,0 +1,10 @@
+import React from "react";
+const Header = (props) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: props.className || "relative flex h-16 justify-between bg-white" },
+            React.createElement("div", { className: "relative z-20 flex px-2 lg:px-0" }, props.leftComponents),
+            props.centerComponents && (React.createElement("div", { className: "relative z-0 flex flex-1 items-center justify-center px-2 sm:absolute sm:inset-0" }, props.centerComponents)),
+            React.createElement("div", { className: "hidden lg:relative lg:z-10 lg:ml-4 lg:flex lg:items-center" }, props.rightComponents))));
+};
+export default Header;
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../UI/Components/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,MAAM,MAAM,GAAsC,CAChD,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,6BACE,SAAS,EACP,KAAK,CAAC,SAAS,IAAI,6CAA6C;YAGlE,6BAAK,SAAS,EAAC,iCAAiC,IAC7C,KAAK,CAAC,cAAc,CACjB;YAEL,KAAK,CAAC,gBAAgB,IAAI,CACzB,6BAAK,SAAS,EAAC,kFAAkF,IAC9F,KAAK,CAAC,gBAAgB,CACnB,CACP;YAED,6BAAK,SAAS,EAAC,4DAA4D,IACxE,KAAK,CAAC,eAAe,CAClB,CACF,CACS,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/build/dist/UI/Components/Header/HeaderIconDropdown/HeaderIconDropdown.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=HeaderIconDropdown.js.map

package/build/dist/UI/Components/Header/HeaderIconDropdown/HeaderIconDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderIconDropdown.js","sourceRoot":"","sources":["../../../../../../UI/Components/Header/HeaderIconDropdown/HeaderIconDropdown.tsx"],"names":[],"mappings":""}

package/build/dist/UI/Components/Header/HeaderIconDropdownButton.js

@@ -0,0 +1,32 @@
+import useComponentOutsideClick from "../../Types/UseComponentOutsideClick";
+import Icon, { SizeProp } from "../Icon/Icon";
+import Image from "../Image/Image";
+import Route from "Common/Types/API/Route";
+import React, { useEffect, useState, } from "react";
+const HeaderIconDropdownButton = (props) => {
+    const { ref, isComponentVisible, setIsComponentVisible } = useComponentOutsideClick(false);
+    const [isDropdownVisible, setDropdownVisible] = useState(false);
+    useEffect(() => {
+        setDropdownVisible(isComponentVisible);
+    }, [isComponentVisible]);
+    useEffect(() => {
+        setDropdownVisible(Boolean(props.showDropdown));
+        setIsComponentVisible(Boolean(props.showDropdown));
+    }, [props.showDropdown]);
+    return (React.createElement("div", { className: "relative ml-4 flex-shrink-0" },
+        React.createElement("div", null,
+            React.createElement("button", { type: "button", className: "flex rounded-full bg-white focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2", id: "user-menu-button", "aria-expanded": "false", "aria-haspopup": "true", onClick: () => {
+                    props.onClick && props.onClick();
+                    setIsComponentVisible(!isDropdownVisible);
+                } },
+                React.createElement("span", { className: "sr-only" }, props.name),
+                props.iconImageUrl && (React.createElement(Image, { className: "h-8 w-8 rounded-full", onClick: () => {
+                        props.onClick && props.onClick();
+                    }, imageUrl: Route.fromString(`${props.iconImageUrl}`), alt: props.name })),
+                props.icon && (React.createElement(Icon, { className: "text-gray-400 hover:text-indigo-500", icon: props.icon, size: SizeProp.Large }))),
+            props.title,
+            props.badge && props.badge > 0 && (React.createElement("span", { className: "badge bg-danger rounded-pill" }, props.badge))),
+        React.createElement("div", { ref: ref }, isComponentVisible && props.children)));
+};
+export default HeaderIconDropdownButton;
+//# sourceMappingURL=HeaderIconDropdownButton.js.map

package/build/dist/UI/Components/Header/HeaderIconDropdownButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderIconDropdownButton.js","sourceRoot":"","sources":["../../../../../UI/Components/Header/HeaderIconDropdownButton.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,MAAM,sCAAsC,CAAC;AAC5E,OAAO,IAAI,EAAE,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAE3C,OAAO,KAAK,EAAE,EAGZ,SAAS,EACT,QAAQ,GACT,MAAM,OAAO,CAAC;AAaf,MAAM,wBAAwB,GAAsC,CAClE,KAAqB,EACrB,EAAE;IACF,MAAM,EAAE,GAAG,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,GACtD,wBAAwB,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEzE,SAAS,CAAC,GAAG,EAAE;QACb,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,SAAS,CAAC,GAAG,EAAE;QACb,kBAAkB,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;QAChD,qBAAqB,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IACrD,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,6BAAK,SAAS,EAAC,6BAA6B;QAC1C;YACE,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,sGAAsG,EAChH,EAAE,EAAC,kBAAkB,mBACP,OAAO,mBACP,MAAM,EACpB,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;oBACjC,qBAAqB,CAAC,CAAC,iBAAiB,CAAC,CAAC;gBAC5C,CAAC;gBAED,8BAAM,SAAS,EAAC,SAAS,IAAE,KAAK,CAAC,IAAI,CAAQ;gBAC5C,KAAK,CAAC,YAAY,IAAI,CACrB,oBAAC,KAAK,IACJ,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,GAAG,EAAE;wBACZ,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;oBACnC,CAAC,EACD,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC,EACnD,GAAG,EAAE,KAAK,CAAC,IAAI,GACf,CACH;gBACA,KAAK,CAAC,IAAI,IAAI,CACb,oBAAC,IAAI,IACH,SAAS,EAAC,qCAAqC,EAC/C,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,QAAQ,CAAC,KAAK,GACpB,CACH,CACM;YACR,KAAK,CAAC,KAAK;YACX,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,GAAG,CAAC,IAAI,CACjC,8BAAM,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAC,KAAK,CAAQ,CACpE,CACG;QAEN,6BAAK,GAAG,EAAE,GAAG,IAAG,kBAAkB,IAAI,KAAK,CAAC,QAAQ,CAAO,CACvD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/build/dist/UI/Components/Header/IconDropdown/IconDropdownItem.js

@@ -0,0 +1,10 @@
+import Icon from "../../Icon/Icon";
+import Link from "../../Link/Link";
+import React from "react";
+const IconDropdown = (props) => {
+    return (React.createElement(Link, { className: "block py-2 px-4 text-sm text-gray-700 flex hover:bg-gray-100", to: props.url, openInNewTab: props.openInNewTab, onClick: props.onClick },
+        React.createElement("div", { className: "mr-1 h-5 w-5" }, props.icon ? React.createElement(Icon, { icon: props.icon }) : React.createElement(React.Fragment, null)),
+        React.createElement("span", { className: "" }, props.title)));
+};
+export default IconDropdown;
+//# sourceMappingURL=IconDropdownItem.js.map

package/build/dist/UI/Components/Header/IconDropdown/IconDropdownItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconDropdownItem.js","sourceRoot":"","sources":["../../../../../../UI/Components/Header/IconDropdown/IconDropdownItem.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AAInC,OAAO,KAA0C,MAAM,OAAO,CAAC;AAU/D,MAAM,YAAY,GAAsC,CACtD,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAC,8DAA8D,EACxE,EAAE,EAAE,KAAK,CAAC,GAAG,EACb,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,OAAO,EAAE,KAAK,CAAC,OAAO;QAEtB,6BAAK,SAAS,EAAC,cAAc,IAC1B,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,CAAC,CAAC,CAAC,yCAAK,CAC5C;QACN,8BAAM,SAAS,EAAC,EAAE,IAAE,KAAK,CAAC,KAAK,CAAQ,CAClC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/build/dist/UI/Components/Header/IconDropdown/IconDropdownMenu.js

@@ -0,0 +1,6 @@
+import React from "react";
+const IconDropdown = (props) => {
+    return (React.createElement("div", { className: "absolute right-0 z-10 mt-2 w-48 origin-top-right rounded-md bg-white py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none transform opacity-100 scale-100", role: "menu", "aria-orientation": "vertical", "aria-labelledby": "user-menu-button" }, props.children));
+};
+export default IconDropdown;
+//# sourceMappingURL=IconDropdownMenu.js.map

package/build/dist/UI/Components/Header/IconDropdown/IconDropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconDropdownMenu.js","sourceRoot":"","sources":["../../../../../../UI/Components/Header/IconDropdown/IconDropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,MAAM,YAAY,GAAsC,CACtD,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,6BACE,SAAS,EAAC,yKAAyK,EACnL,IAAI,EAAC,MAAM,sBACM,UAAU,qBACX,kBAAkB,IAEjC,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/build/dist/UI/Components/Header/IconDropdown/IconDropdownRow.js

@@ -0,0 +1,6 @@
+import React from "react";
+const IconDropdownRow = (props) => {
+    return React.createElement("div", null, props.children);
+};
+export default IconDropdownRow;
+//# sourceMappingURL=IconDropdownRow.js.map

package/build/dist/UI/Components/Header/IconDropdown/IconDropdownRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconDropdownRow.js","sourceRoot":"","sources":["../../../../../../UI/Components/Header/IconDropdown/IconDropdownRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,MAAM,eAAe,GAAsC,CACzD,KAAqB,EACP,EAAE;IAChB,OAAO,iCAAM,KAAK,CAAC,QAAQ,CAAO,CAAC;AACrC,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/build/dist/UI/Components/Header/Notifications/NotificationItem.js

@@ -0,0 +1,24 @@
+import CircularIconImage from "../../Icon/CircularIconImage";
+import Icon from "../../Icon/Icon";
+import OneUptimeDate from "Common/Types/Date";
+import IconProp from "Common/Types/Icon/IconProp";
+import React from "react";
+const NotificationItem = (props) => {
+    return (React.createElement("a", { className: "text-reset notification-item", href: "/", onClick: props.onClick },
+        React.createElement("div", { className: "d-flex" },
+            React.createElement(CircularIconImage, { icon: props.icon }),
+            React.createElement("div", { className: "flex-grow-1" },
+                React.createElement("h6", { className: "mt-0 mb-1" }, props.title),
+                React.createElement("div", { className: "font-size-12 text-muted" },
+                    React.createElement("p", { className: "mb-1" }, props.description),
+                    React.createElement("p", { className: "mb-0 flex" },
+                        React.createElement(Icon, { icon: IconProp.Time }),
+                        React.createElement("div", { style: {
+                                marginTop: "1px",
+                                marginRight: "3px",
+                            } },
+                            OneUptimeDate.fromNow(props.createdAt),
+                            " ")))))));
+};
+export default NotificationItem;
+//# sourceMappingURL=NotificationItem.js.map

package/build/dist/UI/Components/Header/Notifications/NotificationItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationItem.js","sourceRoot":"","sources":["../../../../../../UI/Components/Header/Notifications/NotificationItem.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,8BAA8B,CAAC;AAC7D,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,aAAa,MAAM,mBAAmB,CAAC;AAC9C,OAAO,QAAQ,MAAM,4BAA4B,CAAC;AAClD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAU/D,MAAM,gBAAgB,GAAsC,CAC1D,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,2BACE,SAAS,EAAC,8BAA8B,EACxC,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,KAAK,CAAC,OAAO;QAEtB,6BAAK,SAAS,EAAC,QAAQ;YACrB,oBAAC,iBAAiB,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI;YACvC,6BAAK,SAAS,EAAC,aAAa;gBAC1B,4BAAI,SAAS,EAAC,WAAW,IAAE,KAAK,CAAC,KAAK,CAAM;gBAC5C,6BAAK,SAAS,EAAC,yBAAyB;oBACtC,2BAAG,SAAS,EAAC,MAAM,IAAE,KAAK,CAAC,WAAW,CAAK;oBAC3C,2BAAG,SAAS,EAAC,WAAW;wBACtB,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,GAAI;wBAC7B,6BACE,KAAK,EAAE;gCACL,SAAS,EAAE,KAAK;gCAChB,WAAW,EAAE,KAAK;6BACnB;4BAEA,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC;4BAAE,GAAG,CACxC,CACJ,CACA,CACF,CACF,CACJ,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/build/dist/UI/Components/Header/Notifications/Notifications.js

@@ -0,0 +1,41 @@
+import Icon from "../../Icon/Icon";
+import Link from "../../Link/Link";
+import Route from "Common/Types/API/Route";
+import IconProp from "Common/Types/Icon/IconProp";
+import React from "react";
+const Notifications = (props) => {
+    return (React.createElement("div", { tabIndex: -1, role: "menu", "aria-hidden": "true", style: {
+            position: "absolute",
+            willChange: "transform",
+            top: "0px",
+            left: "0px",
+            transform: "tranblue3d(0px, 5px, 0px)",
+        }, className: "dropdown-menu-lg dropdown-menu-end p-0 dropdown-menu show" },
+        React.createElement("div", { className: "p-3" },
+            React.createElement("div", { className: "align-items-center row" },
+                React.createElement("div", { className: "col" },
+                    React.createElement("h6", { className: "m-0" }, " Notifications ")),
+                React.createElement("div", { className: "col-auto" },
+                    React.createElement("a", { className: "small", href: "/dashboard" },
+                        " ",
+                        "Mark all as read")))),
+        React.createElement("div", { "data-simplebar": "init", style: { height: "230px" } },
+            React.createElement("div", { className: "simplebar-wrapper", style: { margin: "0px" } },
+                React.createElement("div", { className: "simplebar-height-auto-observer-wrapper" },
+                    React.createElement("div", { className: "simplebar-height-auto-observer" })),
+                React.createElement("div", { className: "simplebar-mask" },
+                    React.createElement("div", { className: "simplebar-offset", style: { right: "0px", bottom: "0px" } },
+                        React.createElement("div", { className: "simplebar-content-wrapper", style: { height: "auto", overflow: "hidden" } },
+                            React.createElement("div", { className: "simplebar-content", style: { padding: "0px" } }, props.children)))),
+                React.createElement("div", { className: "simplebar-placeholder", style: { width: "0px", height: "0px" } })),
+            React.createElement("div", { className: "simplebar-track simplebar-horizontal", style: { visibility: "hidden" } },
+                React.createElement("div", { className: "simplebar-scrollbar", style: { width: "0px", display: "none" } })),
+            React.createElement("div", { className: "simplebar-track simplebar-vertical", style: { visibility: "hidden" } },
+                React.createElement("div", { className: "simplebar-scrollbar", style: { height: "0px", display: "none" } }))),
+        React.createElement("div", { className: "p-2 border-top d-grid" },
+            React.createElement(Link, { className: "btn btn-sm btn-link font-size-14 btn-block text-center flex", to: new Route("/notifications") },
+                React.createElement("span", null, "View all"),
+                React.createElement(Icon, { icon: IconProp.ChevronRight })))));
+};
+export default Notifications;
+//# sourceMappingURL=Notifications.js.map

package/build/dist/UI/Components/Header/Notifications/Notifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.js","sourceRoot":"","sources":["../../../../../../UI/Components/Header/Notifications/Notifications.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAC3C,OAAO,QAAQ,MAAM,4BAA4B,CAAC;AAClD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,MAAM,aAAa,GAAsC,CACvD,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,6BACE,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAC,MAAM,iBACC,MAAM,EAClB,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,UAAU,EAAE,WAAW;YACvB,GAAG,EAAE,KAAK;YACV,IAAI,EAAE,KAAK;YACX,SAAS,EAAE,2BAA2B;SACvC,EACD,SAAS,EAAC,2DAA2D;QAErE,6BAAK,SAAS,EAAC,KAAK;YAClB,6BAAK,SAAS,EAAC,wBAAwB;gBACrC,6BAAK,SAAS,EAAC,KAAK;oBAClB,4BAAI,SAAS,EAAC,KAAK,sBAAqB,CACpC;gBACN,6BAAK,SAAS,EAAC,UAAU;oBACvB,2BAAG,SAAS,EAAC,OAAO,EAAC,IAAI,EAAC,YAAY;wBACnC,GAAG;2CAEF,CACA,CACF,CACF;QACN,+CAAoB,MAAM,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;YACnD,6BAAK,SAAS,EAAC,mBAAmB,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;gBACzD,6BAAK,SAAS,EAAC,wCAAwC;oBACrD,6BAAK,SAAS,EAAC,gCAAgC,GAAG,CAC9C;gBACN,6BAAK,SAAS,EAAC,gBAAgB;oBAC7B,6BACE,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE;wBAEtC,6BACE,SAAS,EAAC,2BAA2B,EACrC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE;4BAE7C,6BAAK,SAAS,EAAC,mBAAmB,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,IACzD,KAAK,CAAC,QAAQ,CACX,CACF,CACF,CACF;gBACN,6BACE,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GACtC,CACE;YACN,6BACE,SAAS,EAAC,sCAAsC,EAChD,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE;gBAE/B,6BACE,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,GACxC,CACE;YACN,6BACE,SAAS,EAAC,oCAAoC,EAC9C,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE;gBAE/B,6BACE,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,GACzC,CACE,CACF;QACN,6BAAK,SAAS,EAAC,uBAAuB;YACpC,oBAAC,IAAI,IACH,SAAS,EAAC,6DAA6D,EACvE,EAAE,EAAE,IAAI,KAAK,CAAC,gBAAgB,CAAC;gBAE/B,6CAAqB;gBACrB,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,YAAY,GAAI,CAChC,CACH,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/build/dist/UI/Components/Header/ProjectPicker/CreateNewProjectButton.js

@@ -0,0 +1,13 @@
+import Icon from "../../Icon/Icon";
+import IconProp from "Common/Types/Icon/IconProp";
+import React from "react";
+const CreateNewProjectButton = (props) => {
+    return (React.createElement("li", { className: "text-gray-900 relative cursor-default select-none py-2 pl-3 pr-9 bg-gray-100 cursor-pointer hover:bg-gray-200 hover:text-gray-900 text-gray-500 -mb-1", id: "listbox-option-0", role: "option", onClick: () => {
+            props.onCreateButtonClicked();
+        } },
+        React.createElement("div", { className: "flex items-center" },
+            React.createElement(Icon, { icon: IconProp.Add, className: "h-6 w-6 flex-shrink-0 rounded-full" }),
+            React.createElement("span", { className: "cursor-pointer rounded-md py-2 px-3 inline-flex items-center text-sm font-medium block truncate" }, "Create New Project"))));
+};
+export default CreateNewProjectButton;
+//# sourceMappingURL=CreateNewProjectButton.js.map

package/build/dist/UI/Components/Header/ProjectPicker/CreateNewProjectButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateNewProjectButton.js","sourceRoot":"","sources":["../../../../../../UI/Components/Header/ProjectPicker/CreateNewProjectButton.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,QAAQ,MAAM,4BAA4B,CAAC;AAClD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,MAAM,sBAAsB,GAAsC,CAChE,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,4BACE,SAAS,EAAC,uJAAuJ,EACjK,EAAE,EAAC,kBAAkB,EACrB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;YACZ,KAAK,CAAC,qBAAqB,EAAE,CAAC;QAChC,CAAC;QAED,6BAAK,SAAS,EAAC,mBAAmB;YAChC,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,CAAC,GAAG,EAClB,SAAS,EAAC,oCAAoC,GAC9C;YACF,8BAAM,SAAS,EAAC,iGAAiG,yBAE1G,CACH,CACH,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/build/dist/UI/Components/Header/ProjectPicker/ProjectPicker.js

@@ -0,0 +1,49 @@
+import useComponentOutsideClick from "../../../Types/UseComponentOutsideClick";
+import Icon from "../../Icon/Icon";
+import CreateNewProjectButton from "./CreateNewProjectButton";
+import ProjectPickerMenu from "./ProjectPickerMenu";
+import ProjectPickerMenuItem from "./ProjectPickerMenuItem";
+import IconProp from "Common/Types/Icon/IconProp";
+import React, { useEffect, useState, } from "react";
+const ProjectPicker = (props) => {
+    const { ref, isComponentVisible, setIsComponentVisible } = useComponentOutsideClick(false);
+    const [isDropdownVisible, setDropdownVisible] = useState(false);
+    const [filterValue, setFilterValue] = useState("");
+    useEffect(() => {
+        setDropdownVisible(isComponentVisible);
+        setFilterValue("");
+    }, [isComponentVisible]);
+    return (React.createElement("div", { className: "w-64 mr-3" },
+        React.createElement("div", { className: "relative mt-3 w-full" },
+            React.createElement("button", { onClick: () => {
+                    setIsComponentVisible(!isDropdownVisible);
+                }, type: "button", className: "relative w-full cursor-default rounded-md border border-gray-300 bg-white py-2 pl-3 pr-10 text-left shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm", "aria-haspopup": "listbox", "aria-expanded": "true", "aria-labelledby": "listbox-label" },
+                React.createElement("span", { className: "flex items-center" },
+                    React.createElement(Icon, { icon: props.selectedProjectIcon, className: "h-6 w-6 flex-shrink-0 rounded-full" }),
+                    React.createElement("span", { className: "ml-3 block truncate" }, props.selectedProjectName)),
+                React.createElement("span", { className: "pointer-events-none absolute inset-y-0 right-0 ml-3 flex items-center pr-2" },
+                    React.createElement(Icon, { icon: IconProp.UpDownArrow, className: "h-5 w-5 text-gray-400" }))),
+            React.createElement("div", { ref: ref }, isComponentVisible && (React.createElement(ProjectPickerMenu, { onFilter: (value) => {
+                    setFilterValue(value.toLowerCase().trim());
+                } },
+                React.createElement(React.Fragment, null, props.projects && props.projects.length > 0 ? (props.projects
+                    .filter((project) => {
+                    if (!filterValue) {
+                        return true;
+                    }
+                    return (project.name &&
+                        project.name.toLowerCase().startsWith(filterValue));
+                })
+                    .map((project, i) => {
+                    return (React.createElement(ProjectPickerMenuItem, { key: i, project: project, onProjectSelected: (project) => {
+                            setIsComponentVisible(false);
+                            props.onProjectSelected(project);
+                        }, icon: IconProp.Folder }));
+                })) : (React.createElement(React.Fragment, null))),
+                React.createElement(CreateNewProjectButton, { onCreateButtonClicked: () => {
+                        setIsComponentVisible(false);
+                        props.onCreateProjectButtonClicked();
+                    } })))))));
+};
+export default ProjectPicker;
+//# sourceMappingURL=ProjectPicker.js.map

package/build/dist/UI/Components/Header/ProjectPicker/ProjectPicker.js.map

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

package/build/dist/UI/Components/Header/ProjectPicker/ProjectPickerFilterBox.js

@@ -0,0 +1,12 @@
+import Input from "../../Input/Input";
+import React from "react";
+const ProjectPickerFilterBox = (props) => {
+    return (React.createElement("div", { className: "sm:max-w-xs m-2" },
+        React.createElement("label", { className: "sr-only" }, "Search Projects"),
+        React.createElement("div", { className: "relative" },
+            React.createElement(Input, { onChange: (value) => {
+                    props.onChange(value);
+                }, className: "block w-full rounded-md border border-gray-300 bg-white py-2 pl-5 pr-3 text-sm placeholder-gray-500 focus:border-indigo-500 focus:text-gray-900 focus:placeholder-gray-400 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm", placeholder: "Search Projects" }))));
+};
+export default ProjectPickerFilterBox;
+//# sourceMappingURL=ProjectPickerFilterBox.js.map

package/build/dist/UI/Components/Header/ProjectPicker/ProjectPickerFilterBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectPickerFilterBox.js","sourceRoot":"","sources":["../../../../../../UI/Components/Header/ProjectPicker/ProjectPickerFilterBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,mBAAmB,CAAC;AACtC,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,MAAM,sBAAsB,GAAsC,CAChE,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,6BAAK,SAAS,EAAC,iBAAiB;QAC9B,+BAAO,SAAS,EAAC,SAAS,sBAAwB;QAClD,6BAAK,SAAS,EAAC,UAAU;YACvB,oBAAC,KAAK,IACJ,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE;oBAC1B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBACxB,CAAC,EACD,SAAS,EAAC,6OAA6O,EACvP,WAAW,EAAC,iBAAiB,GAC7B,CACE,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/build/dist/UI/Components/Header/ProjectPicker/ProjectPickerMenu.js

@@ -0,0 +1,11 @@
+import ProjectPickerFilterBox from "./ProjectPickerFilterBox";
+import React from "react";
+const ProjectPickerMenu = (props) => {
+    return (React.createElement("ul", { className: "absolute z-10 mt-1 max-h-56 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", role: "listbox", "aria-labelledby": "listbox-label", "aria-activedescendant": "listbox-option-3" },
+        React.createElement(ProjectPickerFilterBox, { key: 2, onChange: (value) => {
+                props.onFilter(value);
+            } }),
+        props.children));
+};
+export default ProjectPickerMenu;
+//# sourceMappingURL=ProjectPickerMenu.js.map

package/build/dist/UI/Components/Header/ProjectPicker/ProjectPickerMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectPickerMenu.js","sourceRoot":"","sources":["../../../../../../UI/Components/Header/ProjectPicker/ProjectPickerMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,MAAM,iBAAiB,GAAsC,CAC3D,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,4BACE,SAAS,EAAC,8JAA8J,EACxK,IAAI,EAAC,SAAS,qBACE,eAAe,2BACT,kBAAkB;QAExC,oBAAC,sBAAsB,IACrB,GAAG,EAAE,CAAC,EACN,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE;gBAC1B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC,GACD;QACD,KAAK,CAAC,QAAQ,CACZ,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/build/dist/UI/Components/Header/ProjectPicker/ProjectPickerMenuItem.js

@@ -0,0 +1,18 @@
+import Navigation from "../../../Utils/Navigation";
+import Icon from "../../Icon/Icon";
+import Route from "Common/Types/API/Route";
+import React from "react";
+const ProjectPickerMenuItem = (props) => {
+    var _a;
+    const title = props.project.name;
+    const route = new Route("/dashboard/" + ((_a = props.project.id) === null || _a === void 0 ? void 0 : _a.toString()));
+    return (React.createElement("li", { className: "text-gray-900 relative cursor-default select-none py-2 pl-3 pr-9 cursor-pointer hover:bg-gray-50", id: "listbox-option-0", role: "option", onClick: () => {
+            props.onProjectSelected(props.project);
+            Navigation.navigate(route);
+        } },
+        React.createElement("div", { className: "flex items-center" },
+            React.createElement(Icon, { icon: props.icon, className: "h-6 w-6 flex-shrink-0 rounded-full" }),
+            React.createElement("span", { className: "cursor-pointer text-gray-500 hover:bg-gray-50 hover:text-gray-900 rounded-md py-2 px-3 inline-flex items-center text-sm font-medium block truncate" }, title))));
+};
+export default ProjectPickerMenuItem;
+//# sourceMappingURL=ProjectPickerMenuItem.js.map

package/build/dist/UI/Components/Header/ProjectPicker/ProjectPickerMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectPickerMenuItem.js","sourceRoot":"","sources":["../../../../../../UI/Components/Header/ProjectPicker/ProjectPickerMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,2BAA2B,CAAC;AACnD,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAG3C,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,MAAM,qBAAqB,GAAsC,CAC/D,KAAqB,EACP,EAAE;;IAChB,MAAM,KAAK,GAAW,KAAK,CAAC,OAAO,CAAC,IAAK,CAAC;IAC1C,MAAM,KAAK,GAAU,IAAI,KAAK,CAAC,aAAa,IAAG,MAAA,KAAK,CAAC,OAAO,CAAC,EAAE,0CAAE,QAAQ,EAAE,CAAA,CAAC,CAAC;IAE7E,OAAO,CACL,4BACE,SAAS,EAAC,kGAAkG,EAC5G,EAAE,EAAC,kBAAkB,EACrB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;YACZ,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YACvC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC;QAED,6BAAK,SAAS,EAAC,mBAAmB;YAChC,oBAAC,IAAI,IACH,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAC,oCAAoC,GAC9C;YACF,8BAAM,SAAS,EAAC,oJAAoJ,IACjK,KAAK,CACD,CACH,CACH,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/build/dist/UI/Components/Header/SearchBox.js

@@ -0,0 +1,14 @@
+// Tailwind
+import Input from "../Input/Input";
+import React from "react";
+const SearchBox = (props) => {
+    return (React.createElement("div", { className: "relative z-0 flex flex-1 items-center justify-center px-2 sm:absolute sm:inset-0" },
+        React.createElement("div", { className: "w-full sm:max-w-xs" },
+            React.createElement("label", { className: "sr-only" }, "Search"),
+            React.createElement("div", { className: "relative" },
+                React.createElement(Input, { onChange: (value) => {
+                        props.onChange(value);
+                    }, className: "block w-full rounded-md border border-gray-300 bg-white py-2 pl-5 pr-3 text-sm placeholder-gray-500 focus:border-indigo-500 focus:text-gray-900 focus:placeholder-gray-400 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm", placeholder: "Search" })))));
+};
+export default SearchBox;
+//# sourceMappingURL=SearchBox.js.map

package/build/dist/UI/Components/Header/SearchBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBox.js","sourceRoot":"","sources":["../../../../../UI/Components/Header/SearchBox.tsx"],"names":[],"mappings":"AAAA,WAAW;AACX,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,MAAM,SAAS,GAAsC,CACnD,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,6BAAK,SAAS,EAAC,kFAAkF;QAC/F,6BAAK,SAAS,EAAC,oBAAoB;YACjC,+BAAO,SAAS,EAAC,SAAS,aAAe;YACzC,6BAAK,SAAS,EAAC,UAAU;gBACvB,oBAAC,KAAK,IACJ,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE;wBAC1B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;oBACxB,CAAC,EACD,SAAS,EAAC,6OAA6O,EACvP,WAAW,EAAC,QAAQ,GACpB,CACE,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/build/dist/UI/Components/Header/UserProfile/UserProfile.js

@@ -0,0 +1,17 @@
+import Icon from "../../Icon/Icon";
+import Image from "../../Image/Image";
+import IconProp from "Common/Types/Icon/IconProp";
+import React from "react";
+const UserProfile = (props) => {
+    return (React.createElement("div", { className: "d-inline-block dropdown" },
+        React.createElement("button", { onClick: () => {
+                props.onClick();
+            }, id: "page-header-user-dropdown", "aria-haspopup": "true", className: "btn header-item bg-soft-light border-start border-end flex", "aria-expanded": "false", style: {
+                alignItems: "center",
+            } },
+            React.createElement(Image, { className: "rounded-circle header-profile-user", imageUrl: props.userProfilePicture }),
+            React.createElement("span", { className: "d-none d-xl-inline-block ms-2 me-1" }, props.userFullName.toString()),
+            React.createElement(Icon, { icon: IconProp.ChevronDown }))));
+};
+export default UserProfile;
+//# sourceMappingURL=UserProfile.js.map

package/build/dist/UI/Components/Header/UserProfile/UserProfile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserProfile.js","sourceRoot":"","sources":["../../../../../../UI/Components/Header/UserProfile/UserProfile.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,KAAK,MAAM,mBAAmB,CAAC;AAGtC,OAAO,QAAQ,MAAM,4BAA4B,CAAC;AAElD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,MAAM,WAAW,GAAsC,CACrD,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,6BAAK,SAAS,EAAC,yBAAyB;QACtC,gCACE,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,OAAO,EAAE,CAAC;YAClB,CAAC,EACD,EAAE,EAAC,2BAA2B,mBAChB,MAAM,EACpB,SAAS,EAAC,4DAA4D,mBACxD,OAAO,EACrB,KAAK,EAAE;gBACL,UAAU,EAAE,QAAQ;aACrB;YAED,oBAAC,KAAK,IACJ,SAAS,EAAC,oCAAoC,EAC9C,QAAQ,EAAE,KAAK,CAAC,kBAAkB,GAClC;YAEF,8BAAM,SAAS,EAAC,oCAAoC,IACjD,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,CACzB;YACP,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,WAAW,GAAI,CAC7B,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/dist/UI/Components/Header/UserProfile/UserProfileDropdownDivider.js

@@ -0,0 +1,6 @@
+import React from "react";
+const UserProfileDropdownDivider = () => {
+    return React.createElement("div", { className: "dropdown-divider" });
+};
+export default UserProfileDropdownDivider;
+//# sourceMappingURL=UserProfileDropdownDivider.js.map

package/build/dist/UI/Components/Header/UserProfile/UserProfileDropdownDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserProfileDropdownDivider.js","sourceRoot":"","sources":["../../../../../../UI/Components/Header/UserProfile/UserProfileDropdownDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAE5C,MAAM,0BAA0B,GAAsB,GAAiB,EAAE;IACvE,OAAO,6BAAK,SAAS,EAAC,kBAAkB,GAAO,CAAC;AAClD,CAAC,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/build/dist/UI/Components/Header/UserProfile/UserProfileMenu.js

@@ -0,0 +1,12 @@
+import React from "react";
+const UserProfile = (props) => {
+    return (React.createElement("div", { tabIndex: -1, role: "menu", "aria-hidden": "true", className: "dropdown-menu-end dropdown-menu show", style: {
+            position: "absolute",
+            willChange: "transform",
+            top: "0px",
+            left: "0px",
+            transform: "tranblue3d(0px, 70px, 0px)",
+        } }, props.children));
+};
+export default UserProfile;
+//# sourceMappingURL=UserProfileMenu.js.map

package/build/dist/UI/Components/Header/UserProfile/UserProfileMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserProfileMenu.js","sourceRoot":"","sources":["../../../../../../UI/Components/Header/UserProfile/UserProfileMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,MAAM,WAAW,GAAsC,CACrD,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,6BACE,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAC,MAAM,iBACC,MAAM,EAClB,SAAS,EAAC,sCAAsC,EAChD,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,UAAU,EAAE,WAAW;YACvB,GAAG,EAAE,KAAK;YACV,IAAI,EAAE,KAAK;YACX,SAAS,EAAE,4BAA4B;SACxC,IAEA,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/dist/UI/Components/Header/UserProfile/UserProfileMenuItem.js

@@ -0,0 +1,16 @@
+import Icon from "../../Icon/Icon";
+import Link from "../../Link/Link";
+import React from "react";
+const UserProfile = (props) => {
+    return (React.createElement(Link, { to: props.route, onClick: props.onClick, className: "dropdown-item flex" },
+        props.badge ? (React.createElement("span", { className: "badge bg-success float-end" }, props.badge)) : (React.createElement(React.Fragment, null)),
+        React.createElement(Icon, { icon: props.icon, color: props.iconColor ? props.iconColor : null }),
+        React.createElement("div", { style: {
+                marginTop: "1px",
+            } },
+            "\u00A0\u00A0",
+            props.title,
+            "\u00A0\u00A0\u00A0\u00A0")));
+};
+export default UserProfile;
+//# sourceMappingURL=UserProfileMenuItem.js.map

package/build/dist/UI/Components/Header/UserProfile/UserProfileMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserProfileMenuItem.js","sourceRoot":"","sources":["../../../../../../UI/Components/Header/UserProfile/UserProfileMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AAInC,OAAO,KAA0C,MAAM,OAAO,CAAC;AAW/D,MAAM,WAAW,GAAsC,CACrD,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,oBAAC,IAAI,IACH,EAAE,EAAE,KAAK,CAAC,KAAK,EACf,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAC,oBAAoB;QAE7B,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACb,8BAAM,SAAS,EAAC,4BAA4B,IAAE,KAAK,CAAC,KAAK,CAAQ,CAClE,CAAC,CAAC,CAAC,CACF,yCAAK,CACN;QACD,oBAAC,IAAI,IACH,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,GAC/C;QAEA,6BACE,KAAK,EAAE;gBACL,SAAS,EAAE,KAAK;aACjB;;YAEY,KAAK,CAAC,KAAK;uCACpB,CAEH,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,14 @@
+import Icon from "../Icon/Icon";
+import React from "react";
+const HeaderAlert = (props) => {
+    return (React.createElement("div", { className: `rounded-md ${props.className} p-3 pr-4`, onClick: () => {
+            props.onClick && props.onClick();
+        } },
+        React.createElement("div", { className: "flex " },
+            React.createElement("div", { className: "flex-shrink-0" },
+                React.createElement(Icon, { icon: props.icon, className: "h-5 w-5 text-white" })),
+            React.createElement("div", { className: "ml-1 flex-1 md:flex md:justify-between" },
+                React.createElement("p", { className: `text-sm text-white` }, props.title)))));
+};
+export default HeaderAlert;
+//# sourceMappingURL=HeaderAlert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderAlert.js","sourceRoot":"","sources":["../../../../../UI/Components/HeaderAlert/HeaderAlert.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,cAAc,CAAC;AAEhC,OAAO,KAAuB,MAAM,OAAO,CAAC;AAS5C,MAAM,WAAW,GAA4C,CAC3D,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,6BACE,SAAS,EAAE,cAAc,KAAK,CAAC,SAAS,WAAW,EACnD,OAAO,EAAE,GAAG,EAAE;YACZ,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QACnC,CAAC;QAED,6BAAK,SAAS,EAAC,OAAO;YACpB,6BAAK,SAAS,EAAC,eAAe;gBAC5B,oBAAC,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,EAAC,oBAAoB,GAAG,CACrD;YACN,6BAAK,SAAS,EAAC,wCAAwC;gBACrD,2BAAG,SAAS,EAAE,oBAAoB,IAAG,KAAK,CAAC,KAAK,CAAK,CACjD,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}