@finsemble/finsemble-ui 7.2.1 → 8.0.0-beta.1

package/react/components/notifications/components/views/NotificationDetailsView.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-import { services } from "@finsemble/finsemble-api";
-declare type INotification = services.notification.types.INotification;
-declare const NotificationDetailsView: React.FunctionComponent<{
-    notification: INotification | null;
-}>;
-export default NotificationDetailsView;
+import React from "react";
+import { INotification } from "../../../../../platform/services/notification/types";
+declare const NotificationDetailsView: React.FunctionComponent<{
+    notification: INotification | null;
+}>;
+export default NotificationDetailsView;
+//# sourceMappingURL=NotificationDetailsView.d.ts.map

package/react/components/notifications/components/views/NotificationDetailsView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationDetailsView.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/notifications/components/views/NotificationDetailsView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAKpD,OAAO,EAAE,aAAa,EAAoB,MAAM,qDAAqD,CAAC;AAoDtG,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAAE,YAAY,EAAE,aAAa,GAAG,IAAI,CAAA;CAAE,CAuC5F,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/react/components/notifications/components/views/NotificationDetailsView.js

@@ -1,64 +1,64 @@
-import React, { useContext, useState } from "react";
-import { format } from "date-fns";
-import { NotificationsContext } from "../../notificationsContext";
-import { Button } from "../../../common/Button";
-const translateAction = (actionType) => {
-    switch (actionType) {
-        case "FINSEMBLE:RECEIVED":
-            return "Notification received";
-        case "FINSEMBLE:READ":
-            return "Notification marked as read";
-        case "FINSEMBLE:UNREAD":
-            return "Notification marked as unread";
-        case "SNOOZE":
-            return "Snoozed";
-        case "FINSEMBLE:WAKE":
-            return "Renotified";
-        case "SPAWN":
-            return "Action: Spawn";
-        default:
-            return actionType;
-    }
-};
-const formatTimeStamp = (timestamp, dateFormat = "dd-MM-yyyy HH:mm") => format(Date.parse(timestamp), dateFormat);
-const renderActionHistoryItems = (notificationActionsHistory) => {
-    if (!notificationActionsHistory || notificationActionsHistory.length === 0) {
-        return React.createElement("span", null, "No actions to display");
-    }
-    else {
-        return notificationActionsHistory
-            .sort((a, b) => Date.parse(b.datePerformed) - Date.parse(a.datePerformed))
-            .map((actionHistoryItem, index) => {
-            const performedAction = actionHistoryItem;
-            return (React.createElement("div", { key: performedAction.id || index, className: "notification-details__performed-action" },
-                React.createElement("span", { className: "notification-details__performed-action-timestamp" }, formatTimeStamp(performedAction.datePerformed, "HH:mm dd-MM-yyyy")),
-                React.createElement("span", { className: "notification-details__performed-action-translated" }, translateAction(performedAction.type))));
-        });
-    }
-};
-const NotificationDetailsView = ({ notification }) => {
-    const notificationsContext = useContext(NotificationsContext);
-    const [showDefaultIcon, setShowDefaultIcon] = useState(false);
-    const goBack = () => {
-        notificationsContext.setSelectedNotification(null);
-    };
-    return notification ? (React.createElement("div", { className: "notifications-details__container" },
-        React.createElement("div", { style: { paddingRight: 8, marginLeft: -3 } },
-            React.createElement(Button, { onClick: () => goBack(), fashion: "primary", iconBefore: "chevron-left", text: "Back" })),
-        React.createElement("div", { className: "notification-details__header" },
-            React.createElement("img", { src: notification.headerLogo, style: showDefaultIcon ? { display: "none" } : {}, onError: () => setShowDefaultIcon(true) }),
-            showDefaultIcon ? React.createElement("i", { className: "ff-finsemble default-img" }) : null,
-            React.createElement("div", { className: "notification-card__title" }, notification.title)),
-        React.createElement("div", { className: "notification-details__body" }, notification.details),
-        React.createElement("div", { className: "notification-details__section" },
-            React.createElement("div", { className: "notification-details__section-title" }, "History"),
-            renderActionHistoryItems(notification.actionsHistory)),
-        React.createElement("div", { className: "notification-details__section" },
-            React.createElement("div", { className: "notification-details__section-title" }, "App"),
-            notification.source ? notification.source : "Uknown"),
-        notification.type ? (React.createElement("div", { className: "notification-details__section" },
-            React.createElement("div", { className: "notification-details__section-title" }, "Type"),
-            React.createElement("span", { className: "notification-details__section-type-label" }, notification.type))) : null)) : null;
-};
-export default NotificationDetailsView;
+import React, { useContext, useState } from "react";
+import { format } from "date-fns";
+import { NotificationsContext } from "../../notificationsContext";
+import { Button } from "../../../common/Button";
+const translateAction = (actionType) => {
+    switch (actionType) {
+        case "FINSEMBLE:RECEIVED":
+            return "Notification received";
+        case "FINSEMBLE:READ":
+            return "Notification marked as read";
+        case "FINSEMBLE:UNREAD":
+            return "Notification marked as unread";
+        case "SNOOZE":
+            return "Snoozed";
+        case "FINSEMBLE:WAKE":
+            return "Renotified";
+        case "SPAWN":
+            return "Action: Spawn";
+        default:
+            return actionType;
+    }
+};
+const formatTimeStamp = (timestamp, dateFormat = "dd-MM-yyyy HH:mm") => format(Date.parse(timestamp), dateFormat);
+const renderActionHistoryItems = (notificationActionsHistory) => {
+    if (!notificationActionsHistory || notificationActionsHistory.length === 0) {
+        return React.createElement("span", null, "No actions to display");
+    }
+    else {
+        return notificationActionsHistory
+            .sort((a, b) => Date.parse(b.datePerformed) - Date.parse(a.datePerformed))
+            .map((actionHistoryItem, index) => {
+            const performedAction = actionHistoryItem;
+            return (React.createElement("div", { key: performedAction.id || index, className: "notification-details__performed-action" },
+                React.createElement("span", { className: "notification-details__performed-action-timestamp" }, formatTimeStamp(performedAction.datePerformed, "HH:mm dd-MM-yyyy")),
+                React.createElement("span", { className: "notification-details__performed-action-translated" }, translateAction(performedAction.type))));
+        });
+    }
+};
+const NotificationDetailsView = ({ notification }) => {
+    const notificationsContext = useContext(NotificationsContext);
+    const [showDefaultIcon, setShowDefaultIcon] = useState(false);
+    const goBack = () => {
+        notificationsContext.setSelectedNotification(null);
+    };
+    return notification ? (React.createElement("div", { className: "notifications-details__container" },
+        React.createElement("div", { style: { paddingRight: 8, marginLeft: -3 } },
+            React.createElement(Button, { onClick: () => goBack(), fashion: "primary", iconBefore: "chevron-left", text: "Back" })),
+        React.createElement("div", { className: "notification-details__header" },
+            React.createElement("img", { src: notification.headerLogo, style: showDefaultIcon ? { display: "none" } : {}, onError: () => setShowDefaultIcon(true) }),
+            showDefaultIcon ? React.createElement("i", { className: "ff-finsemble default-img" }) : null,
+            React.createElement("div", { className: "notification-card__title" }, notification.title)),
+        React.createElement("div", { className: "notification-details__body" }, notification.details),
+        React.createElement("div", { className: "notification-details__section" },
+            React.createElement("div", { className: "notification-details__section-title" }, "History"),
+            renderActionHistoryItems(notification.actionsHistory)),
+        React.createElement("div", { className: "notification-details__section" },
+            React.createElement("div", { className: "notification-details__section-title" }, "App"),
+            notification.source ? notification.source : "Uknown"),
+        notification.type ? (React.createElement("div", { className: "notification-details__section" },
+            React.createElement("div", { className: "notification-details__section-title" }, "Type"),
+            React.createElement("span", { className: "notification-details__section-type-label" }, notification.type))) : null)) : null;
+};
+export default NotificationDetailsView;
 //# sourceMappingURL=NotificationDetailsView.js.map

package/react/components/notifications/components/views/NotificationDetailsView.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationDetailsView.js","sourceRoot":"","sources":["../../../../../src/components/notifications/components/views/NotificationDetailsView.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useState } from \"react\";\nimport { format } from \"date-fns\";\n\nimport { NotificationsContext } from \"../../notificationsContext\";\nimport { Button } from \"../../../common/Button\";\nimport { services } from \"@finsemble/finsemble-api\";\n\ntype INotification = services.notification.types.INotification;\ntype IPerformedAction = services.notification.types.IPerformedAction;\n\nconst translateAction = (actionType: string): string => {\n\tswitch (actionType) {\n\t\tcase \"FINSEMBLE:RECEIVED\":\n\t\t\treturn \"Notification received\";\n\n\t\tcase \"FINSEMBLE:READ\":\n\t\t\treturn \"Notification marked as read\";\n\n\t\tcase \"FINSEMBLE:UNREAD\":\n\t\t\treturn \"Notification marked as unread\";\n\n\t\tcase \"SNOOZE\":\n\t\t\treturn \"Snoozed\";\n\n\t\tcase \"FINSEMBLE:WAKE\":\n\t\t\treturn \"Renotified\";\n\n\t\tcase \"SPAWN\":\n\t\t\treturn \"Action: Spawn\";\n\n\t\tdefault:\n\t\t\treturn actionType;\n\t}\n};\n\nconst formatTimeStamp = (timestamp: string, dateFormat = \"dd-MM-yyyy HH:mm\") =>\n\tformat(Date.parse(timestamp), dateFormat);\n\nconst renderActionHistoryItems = (notificationActionsHistory: IPerformedAction[] | undefined) => {\n\tif (!notificationActionsHistory || notificationActionsHistory.length === 0) {\n\t\treturn <span>No actions to display</span>;\n\t} else {\n\t\treturn notificationActionsHistory\n\t\t\t.sort((a: IPerformedAction, b: IPerformedAction) => Date.parse(b.datePerformed) - Date.parse(a.datePerformed))\n\t\t\t.map((actionHistoryItem, index) => {\n\t\t\t\tconst performedAction = actionHistoryItem as IPerformedAction;\n\t\t\t\treturn (\n\t\t\t\t\t<div key={performedAction.id || index} className=\"notification-details__performed-action\">\n\t\t\t\t\t\t<span className=\"notification-details__performed-action-timestamp\">\n\t\t\t\t\t\t\t{formatTimeStamp(performedAction.datePerformed, \"HH:mm dd-MM-yyyy\")}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span className=\"notification-details__performed-action-translated\">\n\t\t\t\t\t\t\t{translateAction(performedAction.type)}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t});\n\t}\n};\n\nconst NotificationDetailsView: React.FunctionComponent<{ notification: INotification | null }> = ({ notification }) => {\n\tconst notificationsContext = useContext(NotificationsContext);\n\tconst [showDefaultIcon, setShowDefaultIcon] = useState(false);\n\n\tconst goBack = () => {\n\t\tnotificationsContext.setSelectedNotification(null);\n\t};\n\n\treturn notification ? (\n\t\t<div className=\"notifications-details__container\">\n\t\t\t<div style={{ paddingRight: 8, marginLeft: -3 }}>\n\t\t\t\t<Button onClick={() => goBack()} fashion=\"primary\" iconBefore=\"chevron-left\" text=\"Back\" />\n\t\t\t</div>\n\t\t\t<div className=\"notification-details__header\">\n\t\t\t\t<img\n\t\t\t\t\tsrc={notification.headerLogo}\n\t\t\t\t\tstyle={showDefaultIcon ? { display: \"none\" } : {}}\n\t\t\t\t\tonError={() => setShowDefaultIcon(true)}\n\t\t\t\t/>\n\t\t\t\t{showDefaultIcon ? <i className=\"ff-finsemble default-img\" /> : null}\n\t\t\t\t<div className=\"notification-card__title\">{notification.title}</div>\n\t\t\t</div>\n\t\t\t<div className=\"notification-details__body\">{notification.details}</div>\n\t\t\t<div className=\"notification-details__section\">\n\t\t\t\t<div className=\"notification-details__section-title\">History</div>\n\t\t\t\t{renderActionHistoryItems(notification.actionsHistory)}\n\t\t\t</div>\n\t\t\t<div className=\"notification-details__section\">\n\t\t\t\t<div className=\"notification-details__section-title\">App</div>\n\t\t\t\t{notification.source ? notification.source : \"Uknown\"}\n\t\t\t</div>\n\t\t\t{notification.type ? (\n\t\t\t\t<div className=\"notification-details__section\">\n\t\t\t\t\t<div className=\"notification-details__section-title\">Type</div>\n\t\t\t\t\t<span className=\"notification-details__section-type-label\">{notification.type}</span>\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t</div>\n\t) : null;\n};\n\nexport default NotificationDetailsView;\n"]}
+{"version":3,"file":"NotificationDetailsView.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/notifications/components/views/NotificationDetailsView.tsx"],"names":[],"mappings":"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"}

package/react/components/notifications/constants.d.ts

@@ -1,9 +1,10 @@
-export declare const NOTIFICATIONS_PUBSUB_TOPIC = "notification-ui";
-export declare enum ViewMode {
-    LIST = 0,
-    CARD = 1
-}
-export declare enum SelectionMode {
-    SELECTION = 0,
-    NO_SELECTION = 1
-}
+export declare const NOTIFICATIONS_PUBSUB_TOPIC = "notification-ui";
+export declare enum ViewMode {
+    LIST = 0,
+    CARD = 1
+}
+export declare enum SelectionMode {
+    SELECTION = 0,
+    NO_SELECTION = 1
+}
+//# sourceMappingURL=constants.d.ts.map

package/react/components/notifications/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/notifications/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B,oBAAoB,CAAC;AAE5D,oBAAY,QAAQ;IACnB,IAAI,IAAA;IACJ,IAAI,IAAA;CACJ;AAED,oBAAY,aAAa;IACxB,SAAS,IAAA;IACT,YAAY,IAAA;CACZ"}

package/react/components/notifications/constants.js

@@ -1,12 +1,12 @@
-export const NOTIFICATIONS_PUBSUB_TOPIC = "notification-ui";
-export var ViewMode;
-(function (ViewMode) {
-    ViewMode[ViewMode["LIST"] = 0] = "LIST";
-    ViewMode[ViewMode["CARD"] = 1] = "CARD";
-})(ViewMode || (ViewMode = {}));
-export var SelectionMode;
-(function (SelectionMode) {
-    SelectionMode[SelectionMode["SELECTION"] = 0] = "SELECTION";
-    SelectionMode[SelectionMode["NO_SELECTION"] = 1] = "NO_SELECTION";
-})(SelectionMode || (SelectionMode = {}));
+export const NOTIFICATIONS_PUBSUB_TOPIC = "notification-ui";
+export var ViewMode;
+(function (ViewMode) {
+    ViewMode[ViewMode["LIST"] = 0] = "LIST";
+    ViewMode[ViewMode["CARD"] = 1] = "CARD";
+})(ViewMode || (ViewMode = {}));
+export var SelectionMode;
+(function (SelectionMode) {
+    SelectionMode[SelectionMode["SELECTION"] = 0] = "SELECTION";
+    SelectionMode[SelectionMode["NO_SELECTION"] = 1] = "NO_SELECTION";
+})(SelectionMode || (SelectionMode = {}));
 //# sourceMappingURL=constants.js.map

package/react/components/notifications/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/notifications/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG,iBAAiB,CAAC;AAE5D,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;IACnB,uCAAI,CAAA;IACJ,uCAAI,CAAA;AACL,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB;AAED,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACxB,2DAAS,CAAA;IACT,iEAAY,CAAA;AACb,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB","sourcesContent":["export const NOTIFICATIONS_PUBSUB_TOPIC = \"notification-ui\";\n\nexport enum ViewMode {\n\tLIST,\n\tCARD,\n}\n\nexport enum SelectionMode {\n\tSELECTION,\n\tNO_SELECTION,\n}\n"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/ui/components/notifications/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG,iBAAiB,CAAC;AAE5D,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;IACnB,uCAAI,CAAA;IACJ,uCAAI,CAAA;AACL,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB;AAED,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACxB,2DAAS,CAAA;IACT,iEAAY,CAAA;AACb,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB"}

package/react/components/notifications/css/notification-card.css

@@ -0,0 +1,165 @@
+/* Notification card and views */
+.notification-card {
+	background-color: var(--core-primary);
+	box-shadow: 0 0 8px 0 rgb(0 0 0 / 50%);
+	display: flex;
+	flex-direction: column;
+	font-family: var(--notification-font-family);
+	min-height: 120px;
+	padding: 8px 10px;
+	margin: 0 5px;
+}
+
+.notification-card.new {
+	box-shadow: 0 0 9px 0 var(--notification-highlight-border-color);
+}
+
+.notification-card.read {
+	background-color: var(--core-primary-opacity);
+	color: var(--font-shadow-light);
+}
+
+.notification-day {
+	color: var(--font-shadow-light);
+	font-size: var(--font-size);
+	font-weight: bold;
+	margin: 10px auto;
+	padding: 0 0 0 5px;
+}
+
+.notification-card__header {
+	display: grid;
+	grid-template-columns: 25px auto minmax(80px, auto);
+	grid-template-rows: 30px;
+	align-items: center;
+}
+
+.notification-card__title {
+	display: block;
+	font-size: var(--font-size-large);
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	margin-right: auto;
+	width: 100%;
+}
+
+.notification-card__more-options__no-toggle,
+.notification-card__more-options__toggle {
+	cursor: pointer;
+	white-space: nowrap;
+	display: grid;
+	grid-template-rows: 30px;
+	align-items: center;
+	grid-template-columns: minmax(80px, auto);
+	justify-items: end;
+	margin-left: 2px;
+}
+
+.js-toasts .notification-card__more-options__no-toggle,
+.js-toasts .notification-card__more-options__toggle {
+	grid-template-columns: 25px 20px;
+}
+
+.notification-card__more-options__toggle .notification-card_context_menu,
+.notification-card__more-options__toggle:hover .notification-card_timestamp {
+	display: none;
+}
+
+.notification-card__more-options__no-toggle .notification-card_context_menu,
+.notification-card__more-options__toggle:hover .notification-card_context_menu {
+	display: flex;
+}
+
+.notification-card__dismiss.finsemble-icon__btn i {
+	font-size: var(--titleBar-icon-font-size);
+}
+
+.notification-card__more-options__no-toggle .notification-card__dismiss:hover {
+	color: var(--titleBar-button-hover-negative-color);
+}
+
+.notification-card__body {
+	gap: 10px;
+	display: flex;
+	flex-direction: row;
+	font-size: var(--font-size-large);
+	margin-top: 8px;
+}
+
+.notification-card__body_text {
+	display: -webkit-box; /* stylelint-disable-line */
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 4;
+	color: var(--core-primary-5);
+	overflow: hidden;
+}
+
+.notification-card__body_img_container {
+	width: 50px;
+	height: 50px;
+	padding-bottom: 5px;
+}
+
+.notification-card__body_img_container img {
+	width: inherit;
+	height: inherit;
+}
+
+.notification-card.read .notification-card__body_text {
+	color: var(--font-color-1-shadow);
+}
+
+.actions-panel {
+	max-width: 120px;
+	align-items: flex-end;
+	display: flex;
+	flex-direction: column;
+	margin-left: auto;
+}
+
+.actions-panel__btn:hover {
+	opacity: 0.75;
+}
+
+.notification-card .overflow-menu__container,
+.notification-card.read .overflow-menu__container {
+	color: var(--font-color);
+}
+
+.notification-card__header img {
+	object-fit: contain;
+	margin-right: 8px;
+	max-width: 18px;
+	max-height: 18px;
+	width: auto;
+	height: auto;
+}
+
+.js-toasts .notification-card__header {
+	grid-template-columns: 25px auto 45px;
+}
+
+.finsemble-icon__btn {
+	align-items: center;
+	color: var(--core-primary-5);
+	cursor: pointer;
+	display: flex;
+	height: 24px;
+	justify-content: center;
+	position: relative;
+	width: 24px;
+}
+
+.finsemble-icon__btn.active {
+	color: var(--accent-primary);
+}
+
+.finsemble-icon__btn:hover:not(.no-hover) {
+	background: var(--menu-actions-hover-color);
+	border-radius: 50%;
+}
+
+.finsemble-icon__btn i {
+	font-size: var(--font-size-large);
+}

package/react/components/notifications/icons/EnvelopeClose.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export default function EnvelopeCloseIcon(props: any): JSX.Element;
+/// <reference types="react" />
+export default function EnvelopeCloseIcon(props: any): JSX.Element;
+//# sourceMappingURL=EnvelopeClose.d.ts.map

package/react/components/notifications/icons/EnvelopeClose.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvelopeClose.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/notifications/icons/EnvelopeClose.tsx"],"names":[],"mappings":";AACA,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,GAAG,eAsBnD"}

package/react/components/notifications/icons/EnvelopeClose.js

@@ -1,12 +1,12 @@
-import * as React from "react";
-export default function EnvelopeCloseIcon(props) {
-    const wrapperClasses = `finsemble-icon ${props.className || ""}`.trim();
-    return (React.createElement("div", { className: wrapperClasses, onClick: () => props.onClickHandler(), title: props.tooltip || "Mark Read" },
-        React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "12", viewBox: "0 0 18 12" },
-            React.createElement("g", { fill: "none", fillRule: "evenodd" },
-                React.createElement("g", { fill: "#ACB2C0" },
-                    React.createElement("g", null,
-                        React.createElement("path", { d: "M14.604 3.676c.914 0 1.655-.74 1.655-1.656 0-.914-.741-1.655-1.655-1.655s-1.655.741-1.655 1.655c0 .915.74 1.656 1.655 1.656", transform: "translate(-8 -12) translate(8.8 12)" }),
-                        React.createElement("path", { d: "M14.131 4.575v5.582H1.36V3.11l6.338 3.737 5.11-2.933c-.238-.237-.427-.473-.569-.757l-4.54 2.65-5.44-3.265h9.838c-.047-.142-.047-.33-.047-.52s0-.332.047-.52H1.311c-.52 0-.946.425-.946.945V10.11c0 .52.426.945.946.945h12.867c.52 0 .946-.425.946-.945V4.575c-.189.047-.33.047-.52.047-.142 0-.33 0-.473-.047", transform: "translate(-8 -12) translate(8.8 12)" })))))));
-}
+import * as React from "react";
+export default function EnvelopeCloseIcon(props) {
+    const wrapperClasses = `finsemble-icon ${props.className || ""}`.trim();
+    return (React.createElement("div", { className: wrapperClasses, onClick: () => props.onClickHandler(), title: props.tooltip || "Mark Read" },
+        React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "12", viewBox: "0 0 18 12" },
+            React.createElement("g", { fill: "none", fillRule: "evenodd" },
+                React.createElement("g", { fill: "#ACB2C0" },
+                    React.createElement("g", null,
+                        React.createElement("path", { d: "M14.604 3.676c.914 0 1.655-.74 1.655-1.656 0-.914-.741-1.655-1.655-1.655s-1.655.741-1.655 1.655c0 .915.74 1.656 1.655 1.656", transform: "translate(-8 -12) translate(8.8 12)" }),
+                        React.createElement("path", { d: "M14.131 4.575v5.582H1.36V3.11l6.338 3.737 5.11-2.933c-.238-.237-.427-.473-.569-.757l-4.54 2.65-5.44-3.265h9.838c-.047-.142-.047-.33-.047-.52s0-.332.047-.52H1.311c-.52 0-.946.425-.946.945V10.11c0 .52.426.945.946.945h12.867c.52 0 .946-.425.946-.945V4.575c-.189.047-.33.047-.52.047-.142 0-.33 0-.473-.047", transform: "translate(-8 -12) translate(8.8 12)" })))))));
+}
 //# sourceMappingURL=EnvelopeClose.js.map

package/react/components/notifications/icons/EnvelopeClose.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnvelopeClose.js","sourceRoot":"","sources":["../../../../src/components/notifications/icons/EnvelopeClose.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAU;IACnD,MAAM,cAAc,GAAG,kBAAkB,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC;IACxE,OAAO,CACN,6BAAK,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,IAAI,WAAW;QACzG,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW;YACjF,2BAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;gBAChC,2BAAG,IAAI,EAAC,SAAS;oBAChB;wBACC,8BACC,CAAC,EAAC,6HAA6H,EAC/H,SAAS,EAAC,qCAAqC,GAC9C;wBACF,8BACC,CAAC,EAAC,+SAA+S,EACjT,SAAS,EAAC,qCAAqC,GAC9C,CACC,CACD,CACD,CACC,CACD,CACN,CAAC;AACH,CAAC","sourcesContent":["import * as React from \"react\";\nexport default function EnvelopeCloseIcon(props: any) {\n\tconst wrapperClasses = `finsemble-icon ${props.className || \"\"}`.trim();\n\treturn (\n\t\t<div className={wrapperClasses} onClick={() => props.onClickHandler()} title={props.tooltip || \"Mark Read\"}>\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"12\" viewBox=\"0 0 18 12\">\n\t\t\t\t<g fill=\"none\" fillRule=\"evenodd\">\n\t\t\t\t\t<g fill=\"#ACB2C0\">\n\t\t\t\t\t\t<g>\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\td=\"M14.604 3.676c.914 0 1.655-.74 1.655-1.656 0-.914-.741-1.655-1.655-1.655s-1.655.741-1.655 1.655c0 .915.74 1.656 1.655 1.656\"\n\t\t\t\t\t\t\t\ttransform=\"translate(-8 -12) translate(8.8 12)\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\td=\"M14.131 4.575v5.582H1.36V3.11l6.338 3.737 5.11-2.933c-.238-.237-.427-.473-.569-.757l-4.54 2.65-5.44-3.265h9.838c-.047-.142-.047-.33-.047-.52s0-.332.047-.52H1.311c-.52 0-.946.425-.946.945V10.11c0 .52.426.945.946.945h12.867c.52 0 .946-.425.946-.945V4.575c-.189.047-.33.047-.52.047-.142 0-.33 0-.473-.047\"\n\t\t\t\t\t\t\t\ttransform=\"translate(-8 -12) translate(8.8 12)\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</g>\n\t\t\t\t\t</g>\n\t\t\t\t</g>\n\t\t\t</svg>\n\t\t</div>\n\t);\n}\n"]}
+{"version":3,"file":"EnvelopeClose.js","sourceRoot":"","sources":["../../../../../../src/ui/components/notifications/icons/EnvelopeClose.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAU;IACnD,MAAM,cAAc,GAAG,kBAAkB,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC;IACxE,OAAO,CACN,6BAAK,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,IAAI,WAAW;QACzG,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW;YACjF,2BAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;gBAChC,2BAAG,IAAI,EAAC,SAAS;oBAChB;wBACC,8BACC,CAAC,EAAC,6HAA6H,EAC/H,SAAS,EAAC,qCAAqC,GAC9C;wBACF,8BACC,CAAC,EAAC,+SAA+S,EACjT,SAAS,EAAC,qCAAqC,GAC9C,CACC,CACD,CACD,CACC,CACD,CACN,CAAC;AACH,CAAC"}

package/react/components/notifications/icons/EnvelopeOpen.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export default function EnvelopeOpenIcon(props: any): JSX.Element;
+/// <reference types="react" />
+export default function EnvelopeOpenIcon(props: any): JSX.Element;
+//# sourceMappingURL=EnvelopeOpen.d.ts.map

package/react/components/notifications/icons/EnvelopeOpen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvelopeOpen.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/notifications/icons/EnvelopeOpen.tsx"],"names":[],"mappings":";AACA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,GAAG,eAkBlD"}

package/react/components/notifications/icons/EnvelopeOpen.js

@@ -1,11 +1,11 @@
-import * as React from "react";
-export default function EnvelopeOpenIcon(props) {
-    const wrapperClasses = `finsemble-icon ${props.className || ""}`.trim();
-    return (React.createElement("div", { className: wrapperClasses, onClick: () => props.onClickHandler(), title: props.tooltip || "Mark Read" },
-        React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16" },
-            React.createElement("g", { fill: "none", fillRule: "evenodd" },
-                React.createElement("g", { fill: "#ACB2C0" },
-                    React.createElement("g", null,
-                        React.createElement("path", { d: "M15.717 5.444c-.1-.099-.794-.546-.794-.546L8.223.481l-6.75 4.466s-.445.25-.495.298c-.298.2-.496.497-.496.894v8.039c0 .546.446.993.992.993h13.499c.546 0 .993-.447.993-.993V6.14c0-.298-.1-.497-.25-.695zM8.224 1.672l6.303 4.17-6.303 3.671L1.97 5.841l6.254-4.169zm6.699 12.506h-13.4V6.734l6.65 3.921 6.75-3.92V14.177z", transform: "translate(-9 -10) translate(9 10)" })))))));
-}
+import * as React from "react";
+export default function EnvelopeOpenIcon(props) {
+    const wrapperClasses = `finsemble-icon ${props.className || ""}`.trim();
+    return (React.createElement("div", { className: wrapperClasses, onClick: () => props.onClickHandler(), title: props.tooltip || "Mark Read" },
+        React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16" },
+            React.createElement("g", { fill: "none", fillRule: "evenodd" },
+                React.createElement("g", { fill: "#ACB2C0" },
+                    React.createElement("g", null,
+                        React.createElement("path", { d: "M15.717 5.444c-.1-.099-.794-.546-.794-.546L8.223.481l-6.75 4.466s-.445.25-.495.298c-.298.2-.496.497-.496.894v8.039c0 .546.446.993.992.993h13.499c.546 0 .993-.447.993-.993V6.14c0-.298-.1-.497-.25-.695zM8.224 1.672l6.303 4.17-6.303 3.671L1.97 5.841l6.254-4.169zm6.699 12.506h-13.4V6.734l6.65 3.921 6.75-3.92V14.177z", transform: "translate(-9 -10) translate(9 10)" })))))));
+}
 //# sourceMappingURL=EnvelopeOpen.js.map

package/react/components/notifications/icons/EnvelopeOpen.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnvelopeOpen.js","sourceRoot":"","sources":["../../../../src/components/notifications/icons/EnvelopeOpen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAU;IAClD,MAAM,cAAc,GAAG,kBAAkB,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC;IACxE,OAAO,CACN,6BAAK,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,IAAI,WAAW;QACzG,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW;YACjF,2BAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;gBAChC,2BAAG,IAAI,EAAC,SAAS;oBAChB;wBACC,8BACC,CAAC,EAAC,2TAA2T,EAC7T,SAAS,EAAC,mCAAmC,GAC5C,CACC,CACD,CACD,CACC,CACD,CACN,CAAC;AACH,CAAC","sourcesContent":["import * as React from \"react\";\nexport default function EnvelopeOpenIcon(props: any) {\n\tconst wrapperClasses = `finsemble-icon ${props.className || \"\"}`.trim();\n\treturn (\n\t\t<div className={wrapperClasses} onClick={() => props.onClickHandler()} title={props.tooltip || \"Mark Read\"}>\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n\t\t\t\t<g fill=\"none\" fillRule=\"evenodd\">\n\t\t\t\t\t<g fill=\"#ACB2C0\">\n\t\t\t\t\t\t<g>\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\td=\"M15.717 5.444c-.1-.099-.794-.546-.794-.546L8.223.481l-6.75 4.466s-.445.25-.495.298c-.298.2-.496.497-.496.894v8.039c0 .546.446.993.992.993h13.499c.546 0 .993-.447.993-.993V6.14c0-.298-.1-.497-.25-.695zM8.224 1.672l6.303 4.17-6.303 3.671L1.97 5.841l6.254-4.169zm6.699 12.506h-13.4V6.734l6.65 3.921 6.75-3.92V14.177z\"\n\t\t\t\t\t\t\t\ttransform=\"translate(-9 -10) translate(9 10)\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</g>\n\t\t\t\t\t</g>\n\t\t\t\t</g>\n\t\t\t</svg>\n\t\t</div>\n\t);\n}\n"]}
+{"version":3,"file":"EnvelopeOpen.js","sourceRoot":"","sources":["../../../../../../src/ui/components/notifications/icons/EnvelopeOpen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAU;IAClD,MAAM,cAAc,GAAG,kBAAkB,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC;IACxE,OAAO,CACN,6BAAK,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,IAAI,WAAW;QACzG,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW;YACjF,2BAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;gBAChC,2BAAG,IAAI,EAAC,SAAS;oBAChB;wBACC,8BACC,CAAC,EAAC,2TAA2T,EAC7T,SAAS,EAAC,mCAAmC,GAC5C,CACC,CACD,CACD,CACC,CACD,CACN,CAAC;AACH,CAAC"}

package/react/components/notifications/icons/SnoozeIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export default function SnoozeIcon(props: any): JSX.Element;
+/// <reference types="react" />
+export default function SnoozeIcon(props: any): JSX.Element;
+//# sourceMappingURL=SnoozeIcon.d.ts.map

package/react/components/notifications/icons/SnoozeIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SnoozeIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/notifications/icons/SnoozeIcon.tsx"],"names":[],"mappings":";AACA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,GAAG,eAwB5C"}

package/react/components/notifications/icons/SnoozeIcon.js

@@ -1,13 +1,13 @@
-import * as React from "react";
-export default function SnoozeIcon(props) {
-    const wrapperClasses = `finsemble-icon ${props.className || ""}`.trim();
-    return (React.createElement("div", { className: wrapperClasses, onClick: () => props.onClickHandler(), title: props.tooltip || "Dismiss" },
-        React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "20", viewBox: "0 0 18 20" },
-            React.createElement("g", { fill: "none", fillRule: "evenodd" },
-                React.createElement("g", { fill: "#ACB2C0", fillRule: "nonzero" },
-                    React.createElement("g", null,
-                        React.createElement("path", { d: "M11.938 12.757c0 .365.156.678.364.939L13.603 15v.365s0 .052-.052.052H1.945s-.052 0-.052-.052v-.417l1.249-1.252c.26-.261.364-.574.364-.94V7.905C3.506 5.61 5.38 3.73 7.67 3.73c2.082 0 3.851 1.566 4.111 3.6h1.406C12.927 4.826 11 2.791 8.45 2.478V.808C8.45.705 8.346.6 8.242.6H7.41C7.306.6 7.2.704 7.2.809v1.67c-2.758.312-4.788 2.608-4.788 5.425v4.905L1.164 14.06C.904 14.32.8 14.635.8 15v.365c0 .73.572 1.305 1.301 1.305H5.38c.26 1.095 1.197 1.93 2.342 1.93s2.134-.783 2.342-1.93h3.435c.729 0 1.301-.574 1.301-1.305V15c0-.365-.156-.678-.364-.94l-1.25-1.251v-.052h-1.248zm-4.164 4.539c-.416 0-.833-.261-.989-.626h2.03c-.26.417-.625.626-1.041.626z", transform: "translate(-9 -34) translate(9.2 34.4)" }),
-                        React.createElement("g", null,
-                            React.createElement("path", { d: "M3.809 1.05L3.809 1.05 3.809.4.522.4.522 1.25 2.609 1.25.47 4.1.47 4.1.47 4.75 3.913 4.75 3.913 3.95 1.722 3.95zM7.67 2L7.67 1.35 5.061 1.35 5.061 2.15 6.522 2.15 4.957 4.15 4.957 4.15 4.957 4.7 7.722 4.7 7.722 3.95 6.209 3.95zM10.017 3.95L11.53 2 11.53 1.35 8.922 1.35 8.922 2.15 10.383 2.15 8.817 4.15 8.817 4.15 8.817 4.7 11.583 4.7 11.583 3.95z", transform: "translate(-9 -34) translate(9.2 34.4) translate(4.8 7.6)" }))))))));
-}
+import * as React from "react";
+export default function SnoozeIcon(props) {
+    const wrapperClasses = `finsemble-icon ${props.className || ""}`.trim();
+    return (React.createElement("div", { className: wrapperClasses, onClick: () => props.onClickHandler(), title: props.tooltip || "Dismiss" },
+        React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "20", viewBox: "0 0 18 20" },
+            React.createElement("g", { fill: "none", fillRule: "evenodd" },
+                React.createElement("g", { fill: "#ACB2C0", fillRule: "nonzero" },
+                    React.createElement("g", null,
+                        React.createElement("path", { d: "M11.938 12.757c0 .365.156.678.364.939L13.603 15v.365s0 .052-.052.052H1.945s-.052 0-.052-.052v-.417l1.249-1.252c.26-.261.364-.574.364-.94V7.905C3.506 5.61 5.38 3.73 7.67 3.73c2.082 0 3.851 1.566 4.111 3.6h1.406C12.927 4.826 11 2.791 8.45 2.478V.808C8.45.705 8.346.6 8.242.6H7.41C7.306.6 7.2.704 7.2.809v1.67c-2.758.312-4.788 2.608-4.788 5.425v4.905L1.164 14.06C.904 14.32.8 14.635.8 15v.365c0 .73.572 1.305 1.301 1.305H5.38c.26 1.095 1.197 1.93 2.342 1.93s2.134-.783 2.342-1.93h3.435c.729 0 1.301-.574 1.301-1.305V15c0-.365-.156-.678-.364-.94l-1.25-1.251v-.052h-1.248zm-4.164 4.539c-.416 0-.833-.261-.989-.626h2.03c-.26.417-.625.626-1.041.626z", transform: "translate(-9 -34) translate(9.2 34.4)" }),
+                        React.createElement("g", null,
+                            React.createElement("path", { d: "M3.809 1.05L3.809 1.05 3.809.4.522.4.522 1.25 2.609 1.25.47 4.1.47 4.1.47 4.75 3.913 4.75 3.913 3.95 1.722 3.95zM7.67 2L7.67 1.35 5.061 1.35 5.061 2.15 6.522 2.15 4.957 4.15 4.957 4.15 4.957 4.7 7.722 4.7 7.722 3.95 6.209 3.95zM10.017 3.95L11.53 2 11.53 1.35 8.922 1.35 8.922 2.15 10.383 2.15 8.817 4.15 8.817 4.15 8.817 4.7 11.583 4.7 11.583 3.95z", transform: "translate(-9 -34) translate(9.2 34.4) translate(4.8 7.6)" }))))))));
+}
 //# sourceMappingURL=SnoozeIcon.js.map

package/react/components/notifications/icons/SnoozeIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnoozeIcon.js","sourceRoot":"","sources":["../../../../src/components/notifications/icons/SnoozeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAU;IAC5C,MAAM,cAAc,GAAG,kBAAkB,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC;IACxE,OAAO,CACN,6BAAK,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS;QACvG,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW;YACjF,2BAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;gBAChC,2BAAG,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS;oBACnC;wBACC,8BACC,CAAC,EAAC,ooBAAooB,EACtoB,SAAS,EAAC,uCAAuC,GAChD;wBACF;4BACC,8BACC,CAAC,EAAC,8VAA8V,EAChW,SAAS,EAAC,0DAA0D,GACnE,CACC,CACD,CACD,CACD,CACC,CACD,CACN,CAAC;AACH,CAAC","sourcesContent":["import * as React from \"react\";\nexport default function SnoozeIcon(props: any) {\n\tconst wrapperClasses = `finsemble-icon ${props.className || \"\"}`.trim();\n\treturn (\n\t\t<div className={wrapperClasses} onClick={() => props.onClickHandler()} title={props.tooltip || \"Dismiss\"}>\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"20\" viewBox=\"0 0 18 20\">\n\t\t\t\t<g fill=\"none\" fillRule=\"evenodd\">\n\t\t\t\t\t<g fill=\"#ACB2C0\" fillRule=\"nonzero\">\n\t\t\t\t\t\t<g>\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\td=\"M11.938 12.757c0 .365.156.678.364.939L13.603 15v.365s0 .052-.052.052H1.945s-.052 0-.052-.052v-.417l1.249-1.252c.26-.261.364-.574.364-.94V7.905C3.506 5.61 5.38 3.73 7.67 3.73c2.082 0 3.851 1.566 4.111 3.6h1.406C12.927 4.826 11 2.791 8.45 2.478V.808C8.45.705 8.346.6 8.242.6H7.41C7.306.6 7.2.704 7.2.809v1.67c-2.758.312-4.788 2.608-4.788 5.425v4.905L1.164 14.06C.904 14.32.8 14.635.8 15v.365c0 .73.572 1.305 1.301 1.305H5.38c.26 1.095 1.197 1.93 2.342 1.93s2.134-.783 2.342-1.93h3.435c.729 0 1.301-.574 1.301-1.305V15c0-.365-.156-.678-.364-.94l-1.25-1.251v-.052h-1.248zm-4.164 4.539c-.416 0-.833-.261-.989-.626h2.03c-.26.417-.625.626-1.041.626z\"\n\t\t\t\t\t\t\t\ttransform=\"translate(-9 -34) translate(9.2 34.4)\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<g>\n\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\td=\"M3.809 1.05L3.809 1.05 3.809.4.522.4.522 1.25 2.609 1.25.47 4.1.47 4.1.47 4.75 3.913 4.75 3.913 3.95 1.722 3.95zM7.67 2L7.67 1.35 5.061 1.35 5.061 2.15 6.522 2.15 4.957 4.15 4.957 4.15 4.957 4.7 7.722 4.7 7.722 3.95 6.209 3.95zM10.017 3.95L11.53 2 11.53 1.35 8.922 1.35 8.922 2.15 10.383 2.15 8.817 4.15 8.817 4.15 8.817 4.7 11.583 4.7 11.583 3.95z\"\n\t\t\t\t\t\t\t\t\ttransform=\"translate(-9 -34) translate(9.2 34.4) translate(4.8 7.6)\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t</g>\n\t\t\t\t\t</g>\n\t\t\t\t</g>\n\t\t\t</svg>\n\t\t</div>\n\t);\n}\n"]}
+{"version":3,"file":"SnoozeIcon.js","sourceRoot":"","sources":["../../../../../../src/ui/components/notifications/icons/SnoozeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAU;IAC5C,MAAM,cAAc,GAAG,kBAAkB,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC;IACxE,OAAO,CACN,6BAAK,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS;QACvG,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW;YACjF,2BAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;gBAChC,2BAAG,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS;oBACnC;wBACC,8BACC,CAAC,EAAC,ooBAAooB,EACtoB,SAAS,EAAC,uCAAuC,GAChD;wBACF;4BACC,8BACC,CAAC,EAAC,8VAA8V,EAChW,SAAS,EAAC,0DAA0D,GACnE,CACC,CACD,CACD,CACD,CACC,CACD,CACN,CAAC;AACH,CAAC"}

package/react/components/notifications/index.d.ts

@@ -1,8 +1,9 @@
-export { NotificationsCenter } from "./components/notificationsCenter/NotificationsCenter";
-export { NotificationsToasts } from "./components/notificationsToasts/NotificationsToasts";
-export { NotificationCardShell, NotificationCardPropType } from "./components/shared/NotificationCardShell";
-export { NotificationCardHeaderShell } from "./components/shared/notificationCard/NotificationCardHeaderShell";
-export { NotificationCardHeaderLogo } from "./components/shared/notificationCard/NotificationCardHeaderLogo";
-export { NotificationCardBodyShell } from "./components/shared/notificationCard/NotificationCardBodyShell";
-export { NotificationCardBodyContentLogo } from "./components/shared/notificationCard/NotificationCardBodyContentLogo";
-export { NotificationListRowShell, NotificationListRowPropType } from "./components/views/ListView";
+export { NotificationsCenter } from "./components/notificationsCenter/NotificationsCenter";
+export { NotificationsToasts } from "./components/notificationsToasts/NotificationsToasts";
+export { NotificationCardShell, NotificationCardPropType } from "./components/shared/NotificationCardShell";
+export { NotificationCardHeaderShell } from "./components/shared/notificationCard/NotificationCardHeaderShell";
+export { NotificationCardHeaderLogo } from "./components/shared/notificationCard/NotificationCardHeaderLogo";
+export { NotificationCardBodyShell } from "./components/shared/notificationCard/NotificationCardBodyShell";
+export { NotificationCardBodyContentLogo } from "./components/shared/notificationCard/NotificationCardBodyContentLogo";
+export { NotificationListRowShell, NotificationListRowPropType } from "./components/views/ListView";
+//# sourceMappingURL=index.d.ts.map

package/react/components/notifications/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/notifications/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAC5G,OAAO,EAAE,2BAA2B,EAAE,MAAM,kEAAkE,CAAC;AAC/G,OAAO,EAAE,0BAA0B,EAAE,MAAM,iEAAiE,CAAC;AAC7G,OAAO,EAAE,yBAAyB,EAAE,MAAM,gEAAgE,CAAC;AAC3G,OAAO,EAAE,+BAA+B,EAAE,MAAM,sEAAsE,CAAC;AACvH,OAAO,EAAE,wBAAwB,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC"}

package/react/components/notifications/index.js

@@ -1,9 +1,9 @@
-export { NotificationsCenter } from "./components/notificationsCenter/NotificationsCenter";
-export { NotificationsToasts } from "./components/notificationsToasts/NotificationsToasts";
-export { NotificationCardShell } from "./components/shared/NotificationCardShell";
-export { NotificationCardHeaderShell } from "./components/shared/notificationCard/NotificationCardHeaderShell";
-export { NotificationCardHeaderLogo } from "./components/shared/notificationCard/NotificationCardHeaderLogo";
-export { NotificationCardBodyShell } from "./components/shared/notificationCard/NotificationCardBodyShell";
-export { NotificationCardBodyContentLogo } from "./components/shared/notificationCard/NotificationCardBodyContentLogo";
-export { NotificationListRowShell } from "./components/views/ListView";
+export { NotificationsCenter } from "./components/notificationsCenter/NotificationsCenter";
+export { NotificationsToasts } from "./components/notificationsToasts/NotificationsToasts";
+export { NotificationCardShell } from "./components/shared/NotificationCardShell";
+export { NotificationCardHeaderShell } from "./components/shared/notificationCard/NotificationCardHeaderShell";
+export { NotificationCardHeaderLogo } from "./components/shared/notificationCard/NotificationCardHeaderLogo";
+export { NotificationCardBodyShell } from "./components/shared/notificationCard/NotificationCardBodyShell";
+export { NotificationCardBodyContentLogo } from "./components/shared/notificationCard/NotificationCardBodyContentLogo";
+export { NotificationListRowShell } from "./components/views/ListView";
 //# sourceMappingURL=index.js.map

package/react/components/notifications/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/notifications/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,qBAAqB,EAA4B,MAAM,2CAA2C,CAAC;AAC5G,OAAO,EAAE,2BAA2B,EAAE,MAAM,kEAAkE,CAAC;AAC/G,OAAO,EAAE,0BAA0B,EAAE,MAAM,iEAAiE,CAAC;AAC7G,OAAO,EAAE,yBAAyB,EAAE,MAAM,gEAAgE,CAAC;AAC3G,OAAO,EAAE,+BAA+B,EAAE,MAAM,sEAAsE,CAAC;AACvH,OAAO,EAAE,wBAAwB,EAA+B,MAAM,6BAA6B,CAAC","sourcesContent":["export { NotificationsCenter } from \"./components/notificationsCenter/NotificationsCenter\";\nexport { NotificationsToasts } from \"./components/notificationsToasts/NotificationsToasts\";\nexport { NotificationCardShell, NotificationCardPropType } from \"./components/shared/NotificationCardShell\";\nexport { NotificationCardHeaderShell } from \"./components/shared/notificationCard/NotificationCardHeaderShell\";\nexport { NotificationCardHeaderLogo } from \"./components/shared/notificationCard/NotificationCardHeaderLogo\";\nexport { NotificationCardBodyShell } from \"./components/shared/notificationCard/NotificationCardBodyShell\";\nexport { NotificationCardBodyContentLogo } from \"./components/shared/notificationCard/NotificationCardBodyContentLogo\";\nexport { NotificationListRowShell, NotificationListRowPropType } from \"./components/views/ListView\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/notifications/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,qBAAqB,EAA4B,MAAM,2CAA2C,CAAC;AAC5G,OAAO,EAAE,2BAA2B,EAAE,MAAM,kEAAkE,CAAC;AAC/G,OAAO,EAAE,0BAA0B,EAAE,MAAM,iEAAiE,CAAC;AAC7G,OAAO,EAAE,yBAAyB,EAAE,MAAM,gEAAgE,CAAC;AAC3G,OAAO,EAAE,+BAA+B,EAAE,MAAM,sEAAsE,CAAC;AACvH,OAAO,EAAE,wBAAwB,EAA+B,MAAM,6BAA6B,CAAC"}

package/react/components/notifications/notificationsContext.d.ts

@@ -1,7 +1,8 @@
-/// <reference types="react" />
-import { NotificationsContextType } from "./types";
-/**
- * We initialize our context with an empty object.
- * The NotificationsCenter will properly initialize our context at runtime (during the first render).
- */
-export declare const NotificationsContext: import("react").Context<NotificationsContextType>;
+/// <reference types="react" />
+import { NotificationsContextType } from "./types";
+/**
+ * We initialize our context with an empty object.
+ * The NotificationsCenter will properly initialize our context at runtime (during the first render).
+ */
+export declare const NotificationsContext: import("react").Context<NotificationsContextType>;
+//# sourceMappingURL=notificationsContext.d.ts.map