@finsemble/finsemble-ui 6.3.0 → 6.4.0-beta.2

package/react/components/notifications/components/shared/OverflowMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowMenu.js","sourceRoot":"","sources":["../../../../../src/components/notifications/components/shared/OverflowMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { Dispatch, SetStateAction, useEffect, useRef, useState } from \"react\";\r\n\r\n// Hooks\r\nimport { useOutsideClickDetector } from \"../../../../hooks/useOutsideClickDetector\";\r\nimport {\r\n\tmarkNotificationsRead,\r\n\tmarkNotificationsUnread,\r\n\tsnoozeNotifications,\r\n} from \"../../../../hooks/useNotifications\";\r\n\r\n// Types\r\nimport { OverFlowMenuAction } from \"../../types\";\r\n\r\n// Icons\r\nimport EnvelopeCloseIcon from \"../../icons/EnvelopeClose\";\r\nimport EnvelopeOpenIcon from \"../../icons/EnvelopeOpen\";\r\nimport SnoozeIcon from \"../../icons/SnoozeIcon\";\r\nimport { services } from \"@finsemble/finsemble-core\";\r\n\r\ntype INotification = services.notification.types.INotification;\r\n\r\nexport const OverflowMenuActions: { [key: string]: OverFlowMenuAction } = {\r\n\tMARK_AS_UNREAD: {\r\n\t\tname: \"MARK_AS_UNREAD\",\r\n\t\ticon: <EnvelopeCloseIcon />,\r\n\t\tlabel: \"Mark Unread\",\r\n\t\taction: (notification: INotification) => markNotificationsUnread([notification]),\r\n\t},\r\n\tMARK_AS_READ: {\r\n\t\tname: \"MARK_AS_READ\",\r\n\t\ticon: <EnvelopeOpenIcon />,\r\n\t\tlabel: \"Mark Read\",\r\n\t\taction: (notification: INotification) => markNotificationsRead([notification]),\r\n\t},\r\n\tSNOOZE: {\r\n\t\tname: \"SNOOZE\",\r\n\t\ticon: <SnoozeIcon />,\r\n\t\tlabel: \"Snooze\",\r\n\t\taction: (notification: INotification) => snoozeNotifications([notification]),\r\n\t},\r\n\tDISMISS: {\r\n\t\tname: \"DISMISS\",\r\n\t\ticon: (\r\n\t\t\t<div className=\"finsemble-icon\">\r\n\t\t\t\t<i className=\"ff-close\" />\r\n\t\t\t</div>\r\n\t\t),\r\n\t\tlabel: \"Dismiss\",\r\n\t\taction: () => {\r\n\t\t\t// Empty - filled in later\r\n\t\t},\r\n\t},\r\n\tSETTINGS: {\r\n\t\tname: \"SETTINGS\",\r\n\t\ticon: (\r\n\t\t\t<div className=\"finsemble-icon\">\r\n\t\t\t\t<i className=\"ff-settings\" />\r\n\t\t\t</div>\r\n\t\t),\r\n\t\tlabel: \"Settings\",\r\n\t\taction: (notification: INotification) => {\r\n\t\t\tFSBL.Clients.LauncherClient.showWindow(\r\n\t\t\t\t{\r\n\t\t\t\t\tcomponentType: \"UserPreferences\",\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tmonitor: \"mine\",\r\n\t\t\t\t\tleft: \"center\",\r\n\t\t\t\t\ttop: \"center\",\r\n\t\t\t\t},\r\n\t\t\t\t() => {\r\n\t\t\t\t\tFSBL.Clients.RouterClient.transmit(\"FinsembleUserPreferencesChannel\", {\r\n\t\t\t\t\t\tpreferencesTab: \"Notifications\",\r\n\t\t\t\t\t\tnotification,\r\n\t\t\t\t\t});\r\n\t\t\t\t\t// we need this timeout otherwise the UserPreferences screen does not detect the message being transmited\r\n\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\tFSBL.Clients.RouterClient.transmit(\"FinsembleNotificationsNavigationChannel\", { notification });\r\n\t\t\t\t\t}, 50);\r\n\t\t\t\t}\r\n\t\t\t);\r\n\t\t},\r\n\t},\r\n\tDETAILS: {\r\n\t\tname: \"DETAILS\",\r\n\t\ticon: (\r\n\t\t\t<div className=\"finsemble-icon\">\r\n\t\t\t\t<i className=\"ff-dots-horz\" />\r\n\t\t\t</div>\r\n\t\t),\r\n\t\tlabel: \"Details\",\r\n\t\taction: () => {\r\n\t\t\t// Empty - filled in later\r\n\t\t},\r\n\t},\r\n};\r\n\r\nexport const renderOverflowMenuAction = (\r\n\tnotification: INotification,\r\n\tmenuAction: OverFlowMenuAction,\r\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n\tisMuted: boolean\r\n) => {\r\n\tif (\r\n\t\t// Don't display read if notification is read\r\n\t\t(notification.isRead && menuAction.name === OverflowMenuActions.MARK_AS_READ.name) ||\r\n\t\t// Don't display unread if notification is unread\r\n\t\t(!notification.isRead && menuAction.name === OverflowMenuActions.MARK_AS_UNREAD.name)\r\n\t) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tkey={`${notification.id}_${menuAction.name}`}\r\n\t\t\tclassName=\"overflow-menu__action\"\r\n\t\t\tonClick={() => {\r\n\t\t\t\tmenuAction?.action(notification);\r\n\t\t\t}}\r\n\t\t>\r\n\t\t\t{menuAction?.icon}\r\n\t\t\t<span className=\"btn-label\">{menuAction?.label}</span>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\n/**\r\n * Overflow menu component for notifications that will provide a set of actions\r\n * a user can perform on a notification (e.g. dismiss, snooze)\r\n */\r\nconst OverflowMenu: React.FunctionComponent<{\r\n\tcloseSelf: Dispatch<SetStateAction<boolean>>;\r\n}> = ({ closeSelf, children }) => {\r\n\tconst wrapperRef = useRef<HTMLDivElement>(null);\r\n\tconst [className, setClassName] = useState(\"overflow-menu__container\");\r\n\r\n\tuseOutsideClickDetector(wrapperRef, () => closeSelf(false));\r\n\r\n\tconst moveElementIntoView = () => {\r\n\t\tconst bottomViewPort = window.innerHeight + window.scrollY;\r\n\t\tconst domRect = wrapperRef?.current?.getBoundingClientRect();\r\n\t\tconst elementBottom = domRect ? domRect.y + domRect.height + window.scrollY : null;\r\n\r\n\t\tif (elementBottom && elementBottom > bottomViewPort) {\r\n\t\t\tsetClassName(\"overflow-menu__container flow-up\");\r\n\t\t}\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tmoveElementIntoView();\r\n\t});\r\n\r\n\treturn (\r\n\t\t<div ref={wrapperRef} className={className}>\r\n\t\t\t{children}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default OverflowMenu;\r\n"]}
+{"version":3,"file":"OverflowMenu.js","sourceRoot":"","sources":["../../../../../src/components/notifications/components/shared/OverflowMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4B,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGrF,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EACN,qBAAqB,EACrB,uBAAuB,EACvB,mBAAmB,GACnB,MAAM,oCAAoC,CAAC;AAM5C,OAAO,iBAAiB,MAAM,2BAA2B,CAAC;AAC1D,OAAO,gBAAgB,MAAM,0BAA0B,CAAC;AACxD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAKhD,MAAM,CAAC,MAAM,mBAAmB,GAA0C;IACzE,cAAc,EAAE;QACf,IAAI,EAAE,gBAAgB;QACtB,IAAI,EAAE,oBAAC,iBAAiB,OAAG;QAC3B,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,CAAC,YAA2B,EAAE,EAAE,CAAC,uBAAuB,CAAC,CAAC,YAAY,CAAC,CAAC;KAChF;IACD,YAAY,EAAE;QACb,IAAI,EAAE,cAAc;QACpB,IAAI,EAAE,oBAAC,gBAAgB,OAAG;QAC1B,KAAK,EAAE,WAAW;QAClB,MAAM,EAAE,CAAC,YAA2B,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC,YAAY,CAAC,CAAC;KAC9E;IACD,MAAM,EAAE;QACP,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,oBAAC,UAAU,OAAG;QACpB,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,CAAC,YAA2B,EAAE,EAAE,CAAC,mBAAmB,CAAC,CAAC,YAAY,CAAC,CAAC;KAC5E;IACD,OAAO,EAAE;QACR,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,CACL,6BAAK,SAAS,EAAC,gBAAgB;YAC9B,2BAAG,SAAS,EAAC,UAAU,GAAG,CACrB,CACN;QACD,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,GAAG,EAAE;QAEb,CAAC;KACD;IACD,QAAQ,EAAE;QACT,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,CACL,6BAAK,SAAS,EAAC,gBAAgB;YAC9B,2BAAG,SAAS,EAAC,aAAa,GAAG,CACxB,CACN;QACD,KAAK,EAAE,UAAU;QACjB,MAAM,EAAE,CAAC,YAA2B,EAAE,EAAE;YACvC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,UAAU,CACrC;gBACC,aAAa,EAAE,iBAAiB;aAChC,EACD;gBACC,OAAO,EAAE,MAAM;gBACf,IAAI,EAAE,QAAQ;gBACd,GAAG,EAAE,QAAQ;aACb,EACD,GAAG,EAAE;gBACJ,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,iCAAiC,EAAE;oBACrE,cAAc,EAAE,eAAe;oBAC/B,YAAY;iBACZ,CAAC,CAAC;gBAEH,UAAU,CAAC,GAAG,EAAE;oBACf,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,yCAAyC,EAAE,EAAE,YAAY,EAAE,CAAC,CAAC;gBACjG,CAAC,EAAE,EAAE,CAAC,CAAC;YACR,CAAC,CACD,CAAC;QACH,CAAC;KACD;IACD,OAAO,EAAE;QACR,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,CACL,6BAAK,SAAS,EAAC,gBAAgB;YAC9B,2BAAG,SAAS,EAAC,cAAc,GAAG,CACzB,CACN;QACD,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,GAAG,EAAE;QAEb,CAAC;KACD;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACvC,YAA2B,EAC3B,UAA8B,EAE9B,OAAgB,EACf,EAAE;IACH,IAEC,CAAC,YAAY,CAAC,MAAM,IAAI,UAAU,CAAC,IAAI,KAAK,mBAAmB,CAAC,YAAY,CAAC,IAAI,CAAC;QAElF,CAAC,CAAC,YAAY,CAAC,MAAM,IAAI,UAAU,CAAC,IAAI,KAAK,mBAAmB,CAAC,cAAc,CAAC,IAAI,CAAC,EACpF;QACD,OAAO,IAAI,CAAC;KACZ;IAED,OAAO,CACN,6BACC,GAAG,EAAE,GAAG,YAAY,CAAC,EAAE,IAAI,UAAU,CAAC,IAAI,EAAE,EAC5C,SAAS,EAAC,uBAAuB,EACjC,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,GAAG,EAAE;YACb,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAC,YAAY,CAAC,CAAC;QAClC,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YAChB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;gBACtB,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAC,YAAY,CAAC,CAAC;aACjC;QACF,CAAC,IAEA,UAAU,aAAV,UAAU;QAAV,UAAU,CAAE,IAAI;QACjB,8BAAM,SAAS,EAAC,WAAW,IAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,CAAQ,CACjD,CACN,CAAC;AACH,CAAC,CAAC;AAMF,MAAM,YAAY,GAEb,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IAChC,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,0BAA0B,CAAC,CAAC;IAEvE,uBAAuB,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;IAE5D,MAAM,mBAAmB,GAAG,GAAG,EAAE;;QAChC,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC;QAC3D,MAAM,OAAO,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,0CAAE,qBAAqB,EAAE,CAAC;QAC7D,MAAM,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;QAEnF,IAAI,aAAa,IAAI,aAAa,GAAG,cAAc,EAAE;YACpD,YAAY,CAAC,kCAAkC,CAAC,CAAC;SACjD;IACF,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,mBAAmB,EAAE,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,OAAO,CACN,6BAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,IACxC,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import React, { Dispatch, SetStateAction, useEffect, useRef, useState } from \"react\";\n\n// Hooks\nimport { useOutsideClickDetector } from \"../../../../hooks/useOutsideClickDetector\";\nimport {\n\tmarkNotificationsRead,\n\tmarkNotificationsUnread,\n\tsnoozeNotifications,\n} from \"../../../../hooks/useNotifications\";\n\n// Types\nimport { OverFlowMenuAction } from \"../../types\";\n\n// Icons\nimport EnvelopeCloseIcon from \"../../icons/EnvelopeClose\";\nimport EnvelopeOpenIcon from \"../../icons/EnvelopeOpen\";\nimport SnoozeIcon from \"../../icons/SnoozeIcon\";\nimport { services } from \"@finsemble/finsemble-core\";\n\ntype INotification = services.notification.types.INotification;\n\nexport const OverflowMenuActions: { [key: string]: OverFlowMenuAction } = {\n\tMARK_AS_UNREAD: {\n\t\tname: \"MARK_AS_UNREAD\",\n\t\ticon: <EnvelopeCloseIcon />,\n\t\tlabel: \"Mark Unread\",\n\t\taction: (notification: INotification) => markNotificationsUnread([notification]),\n\t},\n\tMARK_AS_READ: {\n\t\tname: \"MARK_AS_READ\",\n\t\ticon: <EnvelopeOpenIcon />,\n\t\tlabel: \"Mark Read\",\n\t\taction: (notification: INotification) => markNotificationsRead([notification]),\n\t},\n\tSNOOZE: {\n\t\tname: \"SNOOZE\",\n\t\ticon: <SnoozeIcon />,\n\t\tlabel: \"Snooze\",\n\t\taction: (notification: INotification) => snoozeNotifications([notification]),\n\t},\n\tDISMISS: {\n\t\tname: \"DISMISS\",\n\t\ticon: (\n\t\t\t<div className=\"finsemble-icon\">\n\t\t\t\t<i className=\"ff-close\" />\n\t\t\t</div>\n\t\t),\n\t\tlabel: \"Dismiss\",\n\t\taction: () => {\n\t\t\t// Empty - filled in later\n\t\t},\n\t},\n\tSETTINGS: {\n\t\tname: \"SETTINGS\",\n\t\ticon: (\n\t\t\t<div className=\"finsemble-icon\">\n\t\t\t\t<i className=\"ff-settings\" />\n\t\t\t</div>\n\t\t),\n\t\tlabel: \"Settings\",\n\t\taction: (notification: INotification) => {\n\t\t\tFSBL.Clients.LauncherClient.showWindow(\n\t\t\t\t{\n\t\t\t\t\tcomponentType: \"UserPreferences\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tmonitor: \"mine\",\n\t\t\t\t\tleft: \"center\",\n\t\t\t\t\ttop: \"center\",\n\t\t\t\t},\n\t\t\t\t() => {\n\t\t\t\t\tFSBL.Clients.RouterClient.transmit(\"FinsembleUserPreferencesChannel\", {\n\t\t\t\t\t\tpreferencesTab: \"Notifications\",\n\t\t\t\t\t\tnotification,\n\t\t\t\t\t});\n\t\t\t\t\t// we need this timeout otherwise the UserPreferences screen does not detect the message being transmited\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tFSBL.Clients.RouterClient.transmit(\"FinsembleNotificationsNavigationChannel\", { notification });\n\t\t\t\t\t}, 50);\n\t\t\t\t}\n\t\t\t);\n\t\t},\n\t},\n\tDETAILS: {\n\t\tname: \"DETAILS\",\n\t\ticon: (\n\t\t\t<div className=\"finsemble-icon\">\n\t\t\t\t<i className=\"ff-dots-horz\" />\n\t\t\t</div>\n\t\t),\n\t\tlabel: \"Details\",\n\t\taction: () => {\n\t\t\t// Empty - filled in later\n\t\t},\n\t},\n};\n\nexport const renderOverflowMenuAction = (\n\tnotification: INotification,\n\tmenuAction: OverFlowMenuAction,\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tisMuted: boolean\n) => {\n\tif (\n\t\t// Don't display read if notification is read\n\t\t(notification.isRead && menuAction.name === OverflowMenuActions.MARK_AS_READ.name) ||\n\t\t// Don't display unread if notification is unread\n\t\t(!notification.isRead && menuAction.name === OverflowMenuActions.MARK_AS_UNREAD.name)\n\t) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tkey={`${notification.id}_${menuAction.name}`}\n\t\t\tclassName=\"overflow-menu__action\"\n\t\t\ttabIndex={0}\n\t\t\tonClick={() => {\n\t\t\t\tmenuAction?.action(notification);\n\t\t\t}}\n\t\t\tonKeyDown={(e) => {\n\t\t\t\tif (e.key === \"Enter\") {\n\t\t\t\t\tmenuAction?.action(notification);\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t{menuAction?.icon}\n\t\t\t<span className=\"btn-label\">{menuAction?.label}</span>\n\t\t</div>\n\t);\n};\n\n/**\n * Overflow menu component for notifications that will provide a set of actions\n * a user can perform on a notification (e.g. dismiss, snooze)\n */\nconst OverflowMenu: React.FunctionComponent<{\n\tcloseSelf: Dispatch<SetStateAction<boolean>>;\n}> = ({ closeSelf, children }) => {\n\tconst wrapperRef = useRef<HTMLDivElement>(null);\n\tconst [className, setClassName] = useState(\"overflow-menu__container\");\n\n\tuseOutsideClickDetector(wrapperRef, () => closeSelf(false));\n\n\tconst moveElementIntoView = () => {\n\t\tconst bottomViewPort = window.innerHeight + window.scrollY;\n\t\tconst domRect = wrapperRef?.current?.getBoundingClientRect();\n\t\tconst elementBottom = domRect ? domRect.y + domRect.height + window.scrollY : null;\n\n\t\tif (elementBottom && elementBottom > bottomViewPort) {\n\t\t\tsetClassName(\"overflow-menu__container flow-up\");\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tmoveElementIntoView();\n\t});\n\n\treturn (\n\t\t<div ref={wrapperRef} className={className}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nexport default OverflowMenu;\n"]}

package/react/components/notifications/components/shared/notificationCard/NotificationCardBodyActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationCardBodyActions.js","sourceRoot":"","sources":["../../../../../../src/components/notifications/components/shared/notificationCard/NotificationCardBodyActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAuD,MAAM,mCAAmC,CAAC;AACxG,OAAO,MAAiC,MAAM,2BAA2B,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAMjE,MAAM,mBAAmB,GAAG,CAAC,YAA2B,EAAE,MAA2B,EAAE,EAAmB,EAAE,EAAE;IAC7G,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QAC1B,IAAI,UAAU,GAAG,EAAyC,CAAC;QAC3D,IAAI,aAAa,GAA4B,EAAE,CAAC;QAChD,MAAM,CAAC,OAAO,CAAC,CAAC,eAAe,EAAE,KAAK,EAAE,EAAE;YACzC,IAAI,KAAK,KAAK,CAAC,EAAE;gBAChB,UAAU,CAAC,UAAU,GAAG,GAAG,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC;gBAClF,UAAU,CAAC,WAAW,GAAG,eAAe,CAAC,UAAU,CAAC;aACpD;iBAAM;gBACN,aAAa,CAAC,IAAI,CAAC;oBAClB,WAAW,EAAE,eAAe,CAAC,UAAU;oBACvC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,YAAY,EAAE,eAAe,CAAC;iBACvE,CAAC,CAAC;aACH;QACF,CAAC,CAAC,CAAC;QACH,OAAO,CACN,oBAAC,cAAc,IACd,GAAG,EAAE,EAAE,EACP,WAAW,EAAE,UAAU,CAAC,WAAW,EACnC,UAAU,EAAE,UAAU,CAAC,UAAU,EACjC,aAAa,EAAE,aAAa,GAC3B,CACF,CAAC;KACF;SAAM;QACN,OAAO,CACN,oBAAC,MAAM,IACN,GAAG,EAAE,EAAE,EACP,WAAW,EAAE,MAAM,CAAC,UAAU,EAC9B,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC,GAC7D,CACF,CAAC;KACF;AACF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAA6D,CAAC,EACrG,YAAY,GACZ,EAAE,EAAE;IACJ,MAAM,EAAE,OAAO,EAAE,GAAG,YAAY,CAAC;IACjC,MAAM,UAAU,GAAG,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;IAEjD,OAAO,CACN,0CACE,UAAU,CAAC,CAAC,CAAC,CACb,6BAAK,SAAS,EAAC,eAAe,IAC5B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,MAA2B,EAAE,KAAU,EAAE,EAAE,CAAC,mBAAmB,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CACvG,CACN,CAAC,CAAC,CAAC,IAAI,CACN,CACH,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React from \"react\";\r\nimport DropdownButton, { IFinsembleDropdownActionButtonProps } from \"../../../../common/DropdownButton\";\r\nimport Button, { IFinsembleButtonProps } from \"../../../../shared/Button\";\r\nimport { doAction } from \"../../../../../hooks/useNotifications\";\r\nimport { services } from \"@finsemble/finsemble-core\";\r\n\r\ntype INotification = services.notification.types.INotification;\r\ntype IAction = services.notification.types.IAction;\r\n\r\nconst renderActionButtons = (notification: INotification, action: IAction | IAction[], id: string | number) => {\r\n\tif (Array.isArray(action)) {\r\n\t\tlet buttonData = {} as IFinsembleDropdownActionButtonProps;\r\n\t\tlet buttonOptions: IFinsembleButtonProps[] = [];\r\n\t\taction.forEach((compositeAction, index) => {\r\n\t\t\tif (index === 0) {\r\n\t\t\t\tbuttonData.mainAction = () => doAction && doAction(notification, compositeAction);\r\n\t\t\t\tbuttonData.buttonLabel = compositeAction.buttonText;\r\n\t\t\t} else {\r\n\t\t\t\tbuttonOptions.push({\r\n\t\t\t\t\tbuttonLabel: compositeAction.buttonText,\r\n\t\t\t\t\tclickHandler: () => doAction && doAction(notification, compositeAction),\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t});\r\n\t\treturn (\r\n\t\t\t<DropdownButton\r\n\t\t\t\tkey={id}\r\n\t\t\t\tbuttonLabel={buttonData.buttonLabel}\r\n\t\t\t\tmainAction={buttonData.mainAction}\r\n\t\t\t\tbuttonOptions={buttonOptions}\r\n\t\t\t/>\r\n\t\t);\r\n\t} else {\r\n\t\treturn (\r\n\t\t\t<Button\r\n\t\t\t\tkey={id}\r\n\t\t\t\tbuttonLabel={action.buttonText}\r\n\t\t\t\tclickHandler={() => doAction && doAction(notification, action)}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n};\r\n\r\nexport const NotificationCardBodyActions: React.FunctionComponent<{ notification: INotification }> = ({\r\n\tnotification,\r\n}) => {\r\n\tconst { actions } = notification;\r\n\tconst hasActions = actions && actions.length > 0;\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{hasActions ? (\r\n\t\t\t\t<div className=\"actions-panel\">\r\n\t\t\t\t\t{actions?.map((action: IAction | IAction[], index: any) => renderActionButtons(notification, action, index))}\r\n\t\t\t\t</div>\r\n\t\t\t) : null}\r\n\t\t</>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"NotificationCardBodyActions.js","sourceRoot":"","sources":["../../../../../../src/components/notifications/components/shared/notificationCard/NotificationCardBodyActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAuD,MAAM,mCAAmC,CAAC;AACxG,OAAO,MAAiC,MAAM,2BAA2B,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAMjE,MAAM,mBAAmB,GAAG,CAAC,YAA2B,EAAE,MAA2B,EAAE,EAAmB,EAAE,EAAE;IAC7G,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QAC1B,IAAI,UAAU,GAAG,EAAyC,CAAC;QAC3D,IAAI,aAAa,GAA4B,EAAE,CAAC;QAChD,MAAM,CAAC,OAAO,CAAC,CAAC,eAAe,EAAE,KAAK,EAAE,EAAE;YACzC,IAAI,KAAK,KAAK,CAAC,EAAE;gBAChB,UAAU,CAAC,UAAU,GAAG,GAAG,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC;gBAClF,UAAU,CAAC,WAAW,GAAG,eAAe,CAAC,UAAU,CAAC;aACpD;iBAAM;gBACN,aAAa,CAAC,IAAI,CAAC;oBAClB,WAAW,EAAE,eAAe,CAAC,UAAU;oBACvC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,YAAY,EAAE,eAAe,CAAC;iBACvE,CAAC,CAAC;aACH;QACF,CAAC,CAAC,CAAC;QACH,OAAO,CACN,oBAAC,cAAc,IACd,GAAG,EAAE,EAAE,EACP,WAAW,EAAE,UAAU,CAAC,WAAW,EACnC,UAAU,EAAE,UAAU,CAAC,UAAU,EACjC,aAAa,EAAE,aAAa,GAC3B,CACF,CAAC;KACF;SAAM;QACN,OAAO,CACN,oBAAC,MAAM,IACN,GAAG,EAAE,EAAE,EACP,WAAW,EAAE,MAAM,CAAC,UAAU,EAC9B,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC,GAC7D,CACF,CAAC;KACF;AACF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAA6D,CAAC,EACrG,YAAY,GACZ,EAAE,EAAE;IACJ,MAAM,EAAE,OAAO,EAAE,GAAG,YAAY,CAAC;IACjC,MAAM,UAAU,GAAG,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;IAEjD,OAAO,CACN,0CACE,UAAU,CAAC,CAAC,CAAC,CACb,6BAAK,SAAS,EAAC,eAAe,IAC5B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,MAA2B,EAAE,KAAU,EAAE,EAAE,CAAC,mBAAmB,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CACvG,CACN,CAAC,CAAC,CAAC,IAAI,CACN,CACH,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React from \"react\";\nimport DropdownButton, { IFinsembleDropdownActionButtonProps } from \"../../../../common/DropdownButton\";\nimport Button, { IFinsembleButtonProps } from \"../../../../shared/Button\";\nimport { doAction } from \"../../../../../hooks/useNotifications\";\nimport { services } from \"@finsemble/finsemble-core\";\n\ntype INotification = services.notification.types.INotification;\ntype IAction = services.notification.types.IAction;\n\nconst renderActionButtons = (notification: INotification, action: IAction | IAction[], id: string | number) => {\n\tif (Array.isArray(action)) {\n\t\tlet buttonData = {} as IFinsembleDropdownActionButtonProps;\n\t\tlet buttonOptions: IFinsembleButtonProps[] = [];\n\t\taction.forEach((compositeAction, index) => {\n\t\t\tif (index === 0) {\n\t\t\t\tbuttonData.mainAction = () => doAction && doAction(notification, compositeAction);\n\t\t\t\tbuttonData.buttonLabel = compositeAction.buttonText;\n\t\t\t} else {\n\t\t\t\tbuttonOptions.push({\n\t\t\t\t\tbuttonLabel: compositeAction.buttonText,\n\t\t\t\t\tclickHandler: () => doAction && doAction(notification, compositeAction),\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t\treturn (\n\t\t\t<DropdownButton\n\t\t\t\tkey={id}\n\t\t\t\tbuttonLabel={buttonData.buttonLabel}\n\t\t\t\tmainAction={buttonData.mainAction}\n\t\t\t\tbuttonOptions={buttonOptions}\n\t\t\t/>\n\t\t);\n\t} else {\n\t\treturn (\n\t\t\t<Button\n\t\t\t\tkey={id}\n\t\t\t\tbuttonLabel={action.buttonText}\n\t\t\t\tclickHandler={() => doAction && doAction(notification, action)}\n\t\t\t/>\n\t\t);\n\t}\n};\n\nexport const NotificationCardBodyActions: React.FunctionComponent<{ notification: INotification }> = ({\n\tnotification,\n}) => {\n\tconst { actions } = notification;\n\tconst hasActions = actions && actions.length > 0;\n\n\treturn (\n\t\t<>\n\t\t\t{hasActions ? (\n\t\t\t\t<div className=\"actions-panel\">\n\t\t\t\t\t{actions?.map((action: IAction | IAction[], index: any) => renderActionButtons(notification, action, index))}\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t</>\n\t);\n};\n"]}

package/react/components/notifications/components/shared/notificationCard/NotificationCardBodyContentLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationCardBodyContentLogo.js","sourceRoot":"","sources":["../../../../../../src/components/notifications/components/shared/notificationCard/NotificationCardBodyContentLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,MAAM,CAAC,MAAM,+BAA+B,GAAsD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE;IACrH,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/D,OAAO,CACN,6BACC,SAAS,EAAE,uCAAuC,EAClD,KAAK,EAAE,CAAC,gBAAgB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;QAEnE,6BAAK,GAAG,EAAC,OAAO,EAAC,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,GAAI,CAC3E,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useState } from \"react\";\r\n\r\nexport const NotificationCardBodyContentLogo: React.FunctionComponent<{ contentLogo?: string }> = ({ contentLogo }) => {\r\n\tconst [isImageAvailable, setIsImageAvailable] = useState(true);\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName={\"notification-card__body_img_container\"}\r\n\t\t\tstyle={!isImageAvailable || !contentLogo ? { display: \"none\" } : {}}\r\n\t\t>\r\n\t\t\t<img alt=\"Image\" src={contentLogo} onError={() => setIsImageAvailable(false)} />\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"NotificationCardBodyContentLogo.js","sourceRoot":"","sources":["../../../../../../src/components/notifications/components/shared/notificationCard/NotificationCardBodyContentLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,MAAM,CAAC,MAAM,+BAA+B,GAAsD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE;IACrH,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/D,OAAO,CACN,6BACC,SAAS,EAAE,uCAAuC,EAClD,KAAK,EAAE,CAAC,gBAAgB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;QAEnE,6BAAK,GAAG,EAAC,OAAO,EAAC,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,GAAI,CAC3E,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useState } from \"react\";\n\nexport const NotificationCardBodyContentLogo: React.FunctionComponent<{ contentLogo?: string }> = ({ contentLogo }) => {\n\tconst [isImageAvailable, setIsImageAvailable] = useState(true);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={\"notification-card__body_img_container\"}\n\t\t\tstyle={!isImageAvailable || !contentLogo ? { display: \"none\" } : {}}\n\t\t>\n\t\t\t<img alt=\"Image\" src={contentLogo} onError={() => setIsImageAvailable(false)} />\n\t\t</div>\n\t);\n};\n"]}

package/react/components/notifications/components/shared/notificationCard/NotificationCardBodyShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationCardBodyShell.js","sourceRoot":"","sources":["../../../../../../src/components/notifications/components/shared/notificationCard/NotificationCardBodyShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAKpF,MAAM,CAAC,MAAM,yBAAyB,GAA6D,CAAC,EACnG,YAAY,EACZ,QAAQ,GACR,EAAE,EAAE;IACJ,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,YAAY,CAAC;IACvD,MAAM,UAAU,GAAG,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;IAEjD,OAAO,CACN,6BAAK,SAAS,EAAE,2BAA2B,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE;QACtE,QAAQ,CAAC,CAAC,CAAC,CACX,QAAQ,CACR,CAAC,CAAC,CAAC,CACH;YACC,oBAAC,+BAA+B,IAAC,WAAW,EAAE,WAAW,GAAI;YAC7D,6BAAK,SAAS,EAAC,8BAA8B,IAAE,OAAO,CAAO,CAC3D,CACH;QACD,oBAAC,2BAA2B,IAAC,YAAY,EAAE,YAAY,GAAI,CACtD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React from \"react\";\r\nimport { NotificationCardBodyActions } from \"./NotificationCardBodyActions\";\r\nimport { NotificationCardBodyContentLogo } from \"./NotificationCardBodyContentLogo\";\r\nimport { services } from \"@finsemble/finsemble-core\";\r\n\r\ntype INotification = services.notification.types.INotification;\r\n\r\nexport const NotificationCardBodyShell: React.FunctionComponent<{ notification: INotification }> = ({\r\n\tnotification,\r\n\tchildren,\r\n}) => {\r\n\tconst { actions, details, contentLogo } = notification;\r\n\tconst hasActions = actions && actions.length > 0;\r\n\r\n\treturn (\r\n\t\t<div className={`notification-card__body ${hasActions ? \"actions\" : \"\"}`}>\r\n\t\t\t{children ? (\r\n\t\t\t\tchildren\r\n\t\t\t) : (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<NotificationCardBodyContentLogo contentLogo={contentLogo} />\r\n\t\t\t\t\t<div className=\"notification-card__body_text\">{details}</div>\r\n\t\t\t\t</>\r\n\t\t\t)}\r\n\t\t\t<NotificationCardBodyActions notification={notification} />\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"NotificationCardBodyShell.js","sourceRoot":"","sources":["../../../../../../src/components/notifications/components/shared/notificationCard/NotificationCardBodyShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAKpF,MAAM,CAAC,MAAM,yBAAyB,GAA6D,CAAC,EACnG,YAAY,EACZ,QAAQ,GACR,EAAE,EAAE;IACJ,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,YAAY,CAAC;IACvD,MAAM,UAAU,GAAG,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;IAEjD,OAAO,CACN,6BAAK,SAAS,EAAE,2BAA2B,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE;QACtE,QAAQ,CAAC,CAAC,CAAC,CACX,QAAQ,CACR,CAAC,CAAC,CAAC,CACH;YACC,oBAAC,+BAA+B,IAAC,WAAW,EAAE,WAAW,GAAI;YAC7D,6BAAK,SAAS,EAAC,8BAA8B,IAAE,OAAO,CAAO,CAC3D,CACH;QACD,oBAAC,2BAA2B,IAAC,YAAY,EAAE,YAAY,GAAI,CACtD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React from \"react\";\nimport { NotificationCardBodyActions } from \"./NotificationCardBodyActions\";\nimport { NotificationCardBodyContentLogo } from \"./NotificationCardBodyContentLogo\";\nimport { services } from \"@finsemble/finsemble-core\";\n\ntype INotification = services.notification.types.INotification;\n\nexport const NotificationCardBodyShell: React.FunctionComponent<{ notification: INotification }> = ({\n\tnotification,\n\tchildren,\n}) => {\n\tconst { actions, details, contentLogo } = notification;\n\tconst hasActions = actions && actions.length > 0;\n\n\treturn (\n\t\t<div className={`notification-card__body ${hasActions ? \"actions\" : \"\"}`}>\n\t\t\t{children ? (\n\t\t\t\tchildren\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<NotificationCardBodyContentLogo contentLogo={contentLogo} />\n\t\t\t\t\t<div className=\"notification-card__body_text\">{details}</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t<NotificationCardBodyActions notification={notification} />\n\t\t</div>\n\t);\n};\n"]}

package/react/components/notifications/components/shared/notificationCard/NotificationCardHeaderControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationCardHeaderControls.js","sourceRoot":"","sources":["../../../../../../src/components/notifications/components/shared/notificationCard/NotificationCardHeaderControls.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useEffect, useState } from \"react\";\r\nimport IconButton from \"../IconButton\";\r\nimport OverflowMenu, { OverflowMenuActions, renderOverflowMenuAction } from \"../OverflowMenu\";\r\nimport { NotificationsContext } from \"../../../notificationsContext\";\r\nimport { formatDistanceToNow } from \"date-fns\";\r\nimport { services } from \"@finsemble/finsemble-core\";\r\n\r\ntype INotification = services.notification.types.INotification;\r\n\r\nexport const NotificationCardHeaderControls: React.FunctionComponent<{\r\n\tnotification: INotification;\r\n\tuiContext?: string;\r\n\tremoveNotification?: Function;\r\n}> = ({ notification, removeNotification, uiContext = \"center\" }) => {\r\n\tconst notificationsContext = useContext(NotificationsContext);\r\n\tconst { setSelectedNotification, muteFilters } = notificationsContext;\r\n\r\n\tconst [overflowMenuOpen, setOverflowMenuOpen] = useState(false);\r\n\tconst [isMuteFilterApplied, setIsMuteFilterApplied] = useState(\r\n\t\tmuteFilters\r\n\t\t\t? muteFilters.some((filter) => filter.source === notification.source && filter.type === notification.type)\r\n\t\t\t: false\r\n\t);\r\n\r\n\tconst [time, setTime] = useState(\r\n\t\tformatDistanceToNow(new Date(notification.issuedAt), {\r\n\t\t\tincludeSeconds: true,\r\n\t\t})\r\n\t);\r\n\r\n\tuseEffect(() => {\r\n\t\tconst id = setInterval(() => {\r\n\t\t\tsetTime(\r\n\t\t\t\tformatDistanceToNow(new Date(notification.issuedAt), {\r\n\t\t\t\t\tincludeSeconds: true,\r\n\t\t\t\t})\r\n\t\t\t);\r\n\t\t}, 60000);\r\n\t\treturn () => clearInterval(id);\r\n\t});\r\n\r\n\tconst toggleOverflowMenu = () => {\r\n\t\tsetOverflowMenuOpen(!overflowMenuOpen);\r\n\t};\r\n\r\n\tconst overFlowActions = Object.assign({}, OverflowMenuActions);\r\n\tlet optionsToggleClassName = \"notification-card__more-options__toggle\";\r\n\r\n\tif (uiContext === \"center\") {\r\n\t\tdelete overFlowActions.DISMISS;\r\n\t\toverFlowActions.DETAILS.action = (overflowNotification: INotification) => {\r\n\t\t\tsetSelectedNotification(overflowNotification);\r\n\t\t};\r\n\t} else {\r\n\t\toptionsToggleClassName = \"notification-card__more-options__no-toggle\";\r\n\t\tdelete overFlowActions.MARK_AS_READ;\r\n\t\tdelete overFlowActions.MARK_AS_UNREAD;\r\n\t\tdelete overFlowActions.DETAILS;\r\n\t\tdelete overFlowActions.DISMISS;\r\n\t}\r\n\r\n\tuseEffect(() => {\r\n\t\tfunction listenMuteStateChanged(error: any, response: any) {\r\n\t\t\tif (error) {\r\n\t\t\t\tconsole.error(\"FinsembleNotificationsMuteStateChannel: \", error);\r\n\t\t\t} else {\r\n\t\t\t\tconst { data } = response;\r\n\t\t\t\tif (notification.source === data.source && notification.type === data.type) {\r\n\t\t\t\t\tsetIsMuteFilterApplied(data.isMuted);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\tFSBL.Clients.RouterClient.addListener(\"FinsembleNotificationsMuteStateChannel\", listenMuteStateChanged);\r\n\t\treturn () => {\r\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"FinsembleNotificationsMuteStateChannel\", listenMuteStateChanged);\r\n\t\t};\r\n\t}, []);\r\n\r\n\tconst menuActions = Object.values(overFlowActions).map((value) =>\r\n\t\trenderOverflowMenuAction(notification, value, isMuteFilterApplied)\r\n\t);\r\n\r\n\treturn (\r\n\t\t<div className={optionsToggleClassName} onMouseLeave={() => setOverflowMenuOpen(false)}>\r\n\t\t\t<span className=\"notification-card_overflow_menu\">\r\n\t\t\t\t<IconButton iconName=\"ff-dots-vert\" tooltip=\"Options\" clickHandler={toggleOverflowMenu}>\r\n\t\t\t\t\t{overflowMenuOpen ? <OverflowMenu closeSelf={setOverflowMenuOpen}>{menuActions}</OverflowMenu> : null}\r\n\t\t\t\t</IconButton>\r\n\t\t\t</span>\r\n\t\t\t{uiContext == \"toasts\" && (\r\n\t\t\t\t<IconButton\r\n\t\t\t\t\ticonName=\"ff-close\"\r\n\t\t\t\t\tclassNames={\"notification-card__dismiss no-hover\"}\r\n\t\t\t\t\ttooltip=\"Dismiss\"\r\n\t\t\t\t\tclickHandler={removeNotification}\r\n\t\t\t\t/>\r\n\t\t\t)}\r\n\t\t\t{uiContext == \"center\" && <span className=\"notification-card_timestamp\">{time}</span>}\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"NotificationCardHeaderControls.js","sourceRoot":"","sources":["../../../../../../src/components/notifications/components/shared/notificationCard/NotificationCardHeaderControls.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useEffect, useState } from \"react\";\nimport IconButton from \"../IconButton\";\nimport OverflowMenu, { OverflowMenuActions, renderOverflowMenuAction } from \"../OverflowMenu\";\nimport { NotificationsContext } from \"../../../notificationsContext\";\nimport { formatDistanceToNow } from \"date-fns\";\nimport { services } from \"@finsemble/finsemble-core\";\n\ntype INotification = services.notification.types.INotification;\n\nexport const NotificationCardHeaderControls: React.FunctionComponent<{\n\tnotification: INotification;\n\tuiContext?: string;\n\tremoveNotification?: Function;\n}> = ({ notification, removeNotification, uiContext = \"center\" }) => {\n\tconst notificationsContext = useContext(NotificationsContext);\n\tconst { setSelectedNotification, muteFilters } = notificationsContext;\n\n\tconst [overflowMenuOpen, setOverflowMenuOpen] = useState(false);\n\tconst [isMuteFilterApplied, setIsMuteFilterApplied] = useState(\n\t\tmuteFilters\n\t\t\t? muteFilters.some((filter) => filter.source === notification.source && filter.type === notification.type)\n\t\t\t: false\n\t);\n\n\tconst [time, setTime] = useState(\n\t\tformatDistanceToNow(new Date(notification.issuedAt), {\n\t\t\tincludeSeconds: true,\n\t\t})\n\t);\n\n\tuseEffect(() => {\n\t\tconst id = setInterval(() => {\n\t\t\tsetTime(\n\t\t\t\tformatDistanceToNow(new Date(notification.issuedAt), {\n\t\t\t\t\tincludeSeconds: true,\n\t\t\t\t})\n\t\t\t);\n\t\t}, 60000);\n\t\treturn () => clearInterval(id);\n\t});\n\n\tconst toggleOverflowMenu = () => {\n\t\tsetOverflowMenuOpen(!overflowMenuOpen);\n\t};\n\n\tconst overFlowActions = Object.assign({}, OverflowMenuActions);\n\tlet optionsToggleClassName = \"notification-card__more-options__toggle\";\n\n\tif (uiContext === \"center\") {\n\t\tdelete overFlowActions.DISMISS;\n\t\toverFlowActions.DETAILS.action = (overflowNotification: INotification) => {\n\t\t\tsetSelectedNotification(overflowNotification);\n\t\t};\n\t} else {\n\t\toptionsToggleClassName = \"notification-card__more-options__no-toggle\";\n\t\tdelete overFlowActions.MARK_AS_READ;\n\t\tdelete overFlowActions.MARK_AS_UNREAD;\n\t\tdelete overFlowActions.DETAILS;\n\t\tdelete overFlowActions.DISMISS;\n\t}\n\n\tuseEffect(() => {\n\t\tfunction listenMuteStateChanged(error: any, response: any) {\n\t\t\tif (error) {\n\t\t\t\tconsole.error(\"FinsembleNotificationsMuteStateChannel: \", error);\n\t\t\t} else {\n\t\t\t\tconst { data } = response;\n\t\t\t\tif (notification.source === data.source && notification.type === data.type) {\n\t\t\t\t\tsetIsMuteFilterApplied(data.isMuted);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tFSBL.Clients.RouterClient.addListener(\"FinsembleNotificationsMuteStateChannel\", listenMuteStateChanged);\n\t\treturn () => {\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"FinsembleNotificationsMuteStateChannel\", listenMuteStateChanged);\n\t\t};\n\t}, []);\n\n\tconst menuActions = Object.values(overFlowActions).map((value) =>\n\t\trenderOverflowMenuAction(notification, value, isMuteFilterApplied)\n\t);\n\n\treturn (\n\t\t<div className={optionsToggleClassName} onMouseLeave={() => setOverflowMenuOpen(false)}>\n\t\t\t<span className=\"notification-card_overflow_menu\">\n\t\t\t\t<IconButton iconName=\"ff-dots-vert\" tooltip=\"Options\" clickHandler={toggleOverflowMenu}>\n\t\t\t\t\t{overflowMenuOpen ? <OverflowMenu closeSelf={setOverflowMenuOpen}>{menuActions}</OverflowMenu> : null}\n\t\t\t\t</IconButton>\n\t\t\t</span>\n\t\t\t{uiContext == \"toasts\" && (\n\t\t\t\t<IconButton\n\t\t\t\t\ticonName=\"ff-close\"\n\t\t\t\t\tclassNames={\"notification-card__dismiss no-hover\"}\n\t\t\t\t\ttooltip=\"Dismiss\"\n\t\t\t\t\tclickHandler={removeNotification}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{uiContext == \"center\" && <span className=\"notification-card_timestamp\">{time}</span>}\n\t\t</div>\n\t);\n};\n"]}

package/react/components/notifications/components/shared/notificationCard/NotificationCardHeaderLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationCardHeaderLogo.js","sourceRoot":"","sources":["../../../../../../src/components/notifications/components/shared/notificationCard/NotificationCardHeaderLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,MAAM,CAAC,MAAM,0BAA0B,GAAqD,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;IAC9G,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9D,OAAO,CACN;QACC,6BACC,GAAG,EAAC,UAAU,EACd,GAAG,EAAE,UAAU,EACf,KAAK,EAAE,eAAe,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,EAChE,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,GACtC;QACD,eAAe,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,2BAAG,SAAS,EAAC,gCAAgC,GAAG,CAAC,CAAC,CAAC,IAAI,CACvF,CACH,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useState } from \"react\";\r\n\r\nexport const NotificationCardHeaderLogo: React.FunctionComponent<{ headerLogo?: string }> = ({ headerLogo }) => {\r\n\tconst [showDefaultIcon, setShowDefaultIcon] = useState(false);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<img\r\n\t\t\t\talt=\"App logo\"\r\n\t\t\t\tsrc={headerLogo}\r\n\t\t\t\tstyle={showDefaultIcon || !headerLogo ? { display: \"none\" } : {}}\r\n\t\t\t\tonError={() => setShowDefaultIcon(true)}\r\n\t\t\t/>\r\n\t\t\t{showDefaultIcon || !headerLogo ? <i className=\"ff-finsemble default-img large\" /> : null}\r\n\t\t</>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"NotificationCardHeaderLogo.js","sourceRoot":"","sources":["../../../../../../src/components/notifications/components/shared/notificationCard/NotificationCardHeaderLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,MAAM,CAAC,MAAM,0BAA0B,GAAqD,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;IAC9G,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9D,OAAO,CACN;QACC,6BACC,GAAG,EAAC,UAAU,EACd,GAAG,EAAE,UAAU,EACf,KAAK,EAAE,eAAe,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,EAChE,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,GACtC;QACD,eAAe,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,2BAAG,SAAS,EAAC,gCAAgC,GAAG,CAAC,CAAC,CAAC,IAAI,CACvF,CACH,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useState } from \"react\";\n\nexport const NotificationCardHeaderLogo: React.FunctionComponent<{ headerLogo?: string }> = ({ headerLogo }) => {\n\tconst [showDefaultIcon, setShowDefaultIcon] = useState(false);\n\n\treturn (\n\t\t<>\n\t\t\t<img\n\t\t\t\talt=\"App logo\"\n\t\t\t\tsrc={headerLogo}\n\t\t\t\tstyle={showDefaultIcon || !headerLogo ? { display: \"none\" } : {}}\n\t\t\t\tonError={() => setShowDefaultIcon(true)}\n\t\t\t/>\n\t\t\t{showDefaultIcon || !headerLogo ? <i className=\"ff-finsemble default-img large\" /> : null}\n\t\t</>\n\t);\n};\n"]}

package/react/components/notifications/components/shared/notificationCard/NotificationCardHeaderShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationCardHeaderShell.js","sourceRoot":"","sources":["../../../../../../src/components/notifications/components/shared/notificationCard/NotificationCardHeaderShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK7C,MAAM,CAAC,MAAM,2BAA2B,GAInC,CAAC,EAAE,YAAY,EAAE,kBAAkB,EAAE,SAAS,GAAG,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC7E,MAAM,oBAAoB,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAC9D,MAAM,EAAE,aAAa,EAAE,GAAG,oBAAoB,CAAC;IAE/C,OAAO,CACN,6BAAK,SAAS,EAAC,2BAA2B;QACxC,QAAQ,CAAC,CAAC,CAAC,CACX;YACE,aAAa,KAAK,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,YAAY,EAAE,YAAY,GAAI,CAAC,CAAC,CAAC,yCAAK;YAC/F,QAAQ,CACP,CACH,CAAC,CAAC,CAAC,CACH;YACE,aAAa,KAAK,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,CAC5C,oBAAC,WAAW,IAAC,YAAY,EAAE,YAAY,GAAI,CAC3C,CAAC,CAAC,CAAC,CACH,oBAAC,0BAA0B,IAAC,UAAU,EAAE,YAAY,CAAC,UAAU,GAAI,CACnE;YACD,6BAAK,SAAS,EAAC,0BAA0B,IAAE,YAAY,CAAC,KAAK,CAAO,CAClE,CACH;QACD,oBAAC,8BAA8B,IAC9B,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,SAAS,GACnB,CACG,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useContext } from \"react\";\r\nimport { NotificationCardHeaderControls } from \"./NotificationCardHeaderControls\";\r\nimport { NotificationCardHeaderLogo } from \"./NotificationCardHeaderLogo\";\r\nimport { NotificationsContext } from \"../../../notificationsContext\";\r\nimport { SelectionMode } from \"../../../constants\";\r\nimport { CheckButton } from \"../CheckButton\";\r\nimport { services } from \"@finsemble/finsemble-core\";\r\n\r\ntype INotification = services.notification.types.INotification;\r\n\r\nexport const NotificationCardHeaderShell: React.FunctionComponent<{\r\n\tnotification: INotification;\r\n\tuiContext: string;\r\n\tremoveNotification: Function;\r\n}> = ({ notification, removeNotification, uiContext = \"center\", children }) => {\r\n\tconst notificationsContext = useContext(NotificationsContext);\r\n\tconst { selectionMode } = notificationsContext;\r\n\r\n\treturn (\r\n\t\t<div className=\"notification-card__header\">\r\n\t\t\t{children ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t{selectionMode === SelectionMode.SELECTION ? <CheckButton notification={notification} /> : <></>}\r\n\t\t\t\t\t{children}\r\n\t\t\t\t</>\r\n\t\t\t) : (\r\n\t\t\t\t<>\r\n\t\t\t\t\t{selectionMode === SelectionMode.SELECTION ? (\r\n\t\t\t\t\t\t<CheckButton notification={notification} />\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<NotificationCardHeaderLogo headerLogo={notification.headerLogo} />\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t<div className=\"notification-card__title\">{notification.title}</div>\r\n\t\t\t\t</>\r\n\t\t\t)}\r\n\t\t\t<NotificationCardHeaderControls\r\n\t\t\t\tnotification={notification}\r\n\t\t\t\tremoveNotification={removeNotification}\r\n\t\t\t\tuiContext={uiContext}\r\n\t\t\t/>\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"NotificationCardHeaderShell.js","sourceRoot":"","sources":["../../../../../../src/components/notifications/components/shared/notificationCard/NotificationCardHeaderShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK7C,MAAM,CAAC,MAAM,2BAA2B,GAInC,CAAC,EAAE,YAAY,EAAE,kBAAkB,EAAE,SAAS,GAAG,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC7E,MAAM,oBAAoB,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAC9D,MAAM,EAAE,aAAa,EAAE,GAAG,oBAAoB,CAAC;IAE/C,OAAO,CACN,6BAAK,SAAS,EAAC,2BAA2B;QACxC,QAAQ,CAAC,CAAC,CAAC,CACX;YACE,aAAa,KAAK,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,YAAY,EAAE,YAAY,GAAI,CAAC,CAAC,CAAC,yCAAK;YAC/F,QAAQ,CACP,CACH,CAAC,CAAC,CAAC,CACH;YACE,aAAa,KAAK,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,CAC5C,oBAAC,WAAW,IAAC,YAAY,EAAE,YAAY,GAAI,CAC3C,CAAC,CAAC,CAAC,CACH,oBAAC,0BAA0B,IAAC,UAAU,EAAE,YAAY,CAAC,UAAU,GAAI,CACnE;YACD,6BAAK,SAAS,EAAC,0BAA0B,IAAE,YAAY,CAAC,KAAK,CAAO,CAClE,CACH;QACD,oBAAC,8BAA8B,IAC9B,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,SAAS,GACnB,CACG,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useContext } from \"react\";\nimport { NotificationCardHeaderControls } from \"./NotificationCardHeaderControls\";\nimport { NotificationCardHeaderLogo } from \"./NotificationCardHeaderLogo\";\nimport { NotificationsContext } from \"../../../notificationsContext\";\nimport { SelectionMode } from \"../../../constants\";\nimport { CheckButton } from \"../CheckButton\";\nimport { services } from \"@finsemble/finsemble-core\";\n\ntype INotification = services.notification.types.INotification;\n\nexport const NotificationCardHeaderShell: React.FunctionComponent<{\n\tnotification: INotification;\n\tuiContext: string;\n\tremoveNotification: Function;\n}> = ({ notification, removeNotification, uiContext = \"center\", children }) => {\n\tconst notificationsContext = useContext(NotificationsContext);\n\tconst { selectionMode } = notificationsContext;\n\n\treturn (\n\t\t<div className=\"notification-card__header\">\n\t\t\t{children ? (\n\t\t\t\t<>\n\t\t\t\t\t{selectionMode === SelectionMode.SELECTION ? <CheckButton notification={notification} /> : <></>}\n\t\t\t\t\t{children}\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t{selectionMode === SelectionMode.SELECTION ? (\n\t\t\t\t\t\t<CheckButton notification={notification} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<NotificationCardHeaderLogo headerLogo={notification.headerLogo} />\n\t\t\t\t\t)}\n\t\t\t\t\t<div className=\"notification-card__title\">{notification.title}</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t<NotificationCardHeaderControls\n\t\t\t\tnotification={notification}\n\t\t\t\tremoveNotification={removeNotification}\n\t\t\t\tuiContext={uiContext}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"CardView.js","sourceRoot":"","sources":["../../../../../src/components/notifications/components/views/CardView.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useEffect } from \"react\";\r\nimport { isToday, isYesterday, isThisWeek } from \"date-fns\";\r\n\r\n// Types\r\nimport { NotificationCardViewProps } from \"../../types\";\r\n\r\n// Context\r\nimport { NotificationsContext } from \"../../notificationsContext\";\r\n\r\n// Components\r\nimport { NotificationCardShell } from \"../shared/NotificationCardShell\";\r\nimport NoNotifications from \"../NoNotifications\";\r\n\r\n// Utils\r\nimport { getActiveFilter, searchNotifications } from \"../../utils\";\r\n\r\nimport { services } from \"@finsemble/finsemble-core\";\r\n\r\ntype INotification = services.notification.types.INotification;\r\n\r\nenum Periods {\r\n\tTODAY = \"today\",\r\n\tTHIS_WEEK = \"thisWeek\",\r\n\tYESTERDAY = \"yesterday\",\r\n\tOLDER = \"older\",\r\n}\r\n\r\nconst isEmpty = (byPeriodNotifications: Record<Periods, INotification[]>, accountForSnooze: boolean) => {\r\n\tif (accountForSnooze) {\r\n\t\treturn Object.values(byPeriodNotifications).every((value: INotification[]) => value.length === 0);\r\n\t} else {\r\n\t\treturn Object.values(byPeriodNotifications).every(\r\n\t\t\t(value: INotification[]) =>\r\n\t\t\t\tvalue.length === 0 || value.filter((notification: INotification) => !notification.isSnoozed).length === 0\r\n\t\t);\r\n\t}\r\n};\r\n\r\nexport const CardView: React.FunctionComponent<NotificationCardViewProps> = (props: NotificationCardViewProps) => {\r\n\tconst { notifications } = props;\r\n\r\n\tconst notificationsContext = useContext(NotificationsContext);\r\n\tconst { drawerControlProps, searchString, filteredNotifications, setFilteredNotifications } = notificationsContext;\r\n\tconst activeFilter = getActiveFilter(drawerControlProps);\r\n\r\n\tconst byPeriodNotifications: Record<Periods, INotification[]> = {\r\n\t\ttoday: [],\r\n\t\tyesterday: [],\r\n\t\tthisWeek: [],\r\n\t\tolder: [],\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tif (searchString === \"\") {\r\n\t\t\tsetFilteredNotifications(notifications);\r\n\t\t} else {\r\n\t\t\tsetFilteredNotifications(searchNotifications(notifications, searchString));\r\n\t\t}\r\n\t}, [searchString, notifications]);\r\n\r\n\tconst controlFilteredNotifications = activeFilter ? activeFilter.run?.(filteredNotifications) : [];\r\n\r\n\tcontrolFilteredNotifications.reduce((accumulator: any, notification: INotification) => {\r\n\t\tconst notificationDate: number = Date.parse(notification.issuedAt);\r\n\t\tif (isToday(notificationDate)) {\r\n\t\t\taccumulator.today.push(notification);\r\n\t\t} else if (isYesterday(notificationDate)) {\r\n\t\t\taccumulator.yesterday.push(notification);\r\n\t\t} else if (isThisWeek(notificationDate)) {\r\n\t\t\taccumulator.thisWeek.push(notification);\r\n\t\t} else {\r\n\t\t\taccumulator.older.push(notification);\r\n\t\t}\r\n\t\treturn accumulator;\r\n\t}, byPeriodNotifications);\r\n\r\n\tconst NotificationCardComponent = props.notificationCard ? props.notificationCard : NotificationCardShell;\r\n\r\n\tconst renderSeparatorLabel = (period: string) => {\r\n\t\tif (period === Periods.TODAY) {\r\n\t\t\treturn <p className=\"notification-day\">Today</p>;\r\n\t\t} else if (period === Periods.YESTERDAY) {\r\n\t\t\treturn <p className=\"notification-day\">Yesterday</p>;\r\n\t\t} else if (period === Periods.THIS_WEEK) {\r\n\t\t\treturn <p className=\"notification-day\">This Week</p>;\r\n\t\t} else {\r\n\t\t\treturn <p className=\"notification-day\">Older</p>;\r\n\t\t}\r\n\t};\r\n\r\n\tconst renderNotificationsBlock = (period: Periods) =>\r\n\t\tbyPeriodNotifications[period]\r\n\t\t\t.sort((a: INotification, b: INotification) => Date.parse(b.issuedAt) - Date.parse(a.issuedAt))\r\n\t\t\t.filter((notification) => (activeFilter.action === \"snoozed\" ? notification.isSnoozed : !notification.isSnoozed))\r\n\t\t\t.map((notification, index) => {\r\n\t\t\t\tconst id = notification.id || index.toString();\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<div key={id}>\r\n\t\t\t\t\t\t{index === 0 ? renderSeparatorLabel(period) : null}\r\n\t\t\t\t\t\t<NotificationCardComponent notification={notification} removeNotification={() => {}} uiContext={\"center\"} />\r\n\t\t\t\t\t\t<div className=\"divider\">&nbsp;</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t});\r\n\r\n\treturn isEmpty(byPeriodNotifications, activeFilter.action === \"snoozed\") ? (\r\n\t\t<NoNotifications />\r\n\t) : (\r\n\t\t<>{Object.keys(byPeriodNotifications).map((period) => renderNotificationsBlock(period as Periods))}</>\r\n\t);\r\n};\r\n\r\nexport default CardView;\r\n"]}
+{"version":3,"file":"CardView.js","sourceRoot":"","sources":["../../../../../src/components/notifications/components/views/CardView.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useEffect } from \"react\";\nimport { isToday, isYesterday, isThisWeek } from \"date-fns\";\n\n// Types\nimport { NotificationCardViewProps } from \"../../types\";\n\n// Context\nimport { NotificationsContext } from \"../../notificationsContext\";\n\n// Components\nimport { NotificationCardShell } from \"../shared/NotificationCardShell\";\nimport NoNotifications from \"../NoNotifications\";\n\n// Utils\nimport { getActiveFilter, searchNotifications } from \"../../utils\";\n\nimport { services } from \"@finsemble/finsemble-core\";\n\ntype INotification = services.notification.types.INotification;\n\nenum Periods {\n\tTODAY = \"today\",\n\tTHIS_WEEK = \"thisWeek\",\n\tYESTERDAY = \"yesterday\",\n\tOLDER = \"older\",\n}\n\nconst isEmpty = (byPeriodNotifications: Record<Periods, INotification[]>, accountForSnooze: boolean) => {\n\tif (accountForSnooze) {\n\t\treturn Object.values(byPeriodNotifications).every((value: INotification[]) => value.length === 0);\n\t} else {\n\t\treturn Object.values(byPeriodNotifications).every(\n\t\t\t(value: INotification[]) =>\n\t\t\t\tvalue.length === 0 || value.filter((notification: INotification) => !notification.isSnoozed).length === 0\n\t\t);\n\t}\n};\n\nexport const CardView: React.FunctionComponent<NotificationCardViewProps> = (props: NotificationCardViewProps) => {\n\tconst { notifications } = props;\n\n\tconst notificationsContext = useContext(NotificationsContext);\n\tconst { drawerControlProps, searchString, filteredNotifications, setFilteredNotifications } = notificationsContext;\n\tconst activeFilter = getActiveFilter(drawerControlProps);\n\n\tconst byPeriodNotifications: Record<Periods, INotification[]> = {\n\t\ttoday: [],\n\t\tyesterday: [],\n\t\tthisWeek: [],\n\t\tolder: [],\n\t};\n\n\tuseEffect(() => {\n\t\tif (searchString === \"\") {\n\t\t\tsetFilteredNotifications(notifications);\n\t\t} else {\n\t\t\tsetFilteredNotifications(searchNotifications(notifications, searchString));\n\t\t}\n\t}, [searchString, notifications]);\n\n\tconst controlFilteredNotifications = activeFilter ? activeFilter.run?.(filteredNotifications) : [];\n\n\tcontrolFilteredNotifications.reduce((accumulator: any, notification: INotification) => {\n\t\tconst notificationDate: number = Date.parse(notification.issuedAt);\n\t\tif (isToday(notificationDate)) {\n\t\t\taccumulator.today.push(notification);\n\t\t} else if (isYesterday(notificationDate)) {\n\t\t\taccumulator.yesterday.push(notification);\n\t\t} else if (isThisWeek(notificationDate)) {\n\t\t\taccumulator.thisWeek.push(notification);\n\t\t} else {\n\t\t\taccumulator.older.push(notification);\n\t\t}\n\t\treturn accumulator;\n\t}, byPeriodNotifications);\n\n\tconst NotificationCardComponent = props.notificationCard ? props.notificationCard : NotificationCardShell;\n\n\tconst renderSeparatorLabel = (period: string) => {\n\t\tif (period === Periods.TODAY) {\n\t\t\treturn <p className=\"notification-day\">Today</p>;\n\t\t} else if (period === Periods.YESTERDAY) {\n\t\t\treturn <p className=\"notification-day\">Yesterday</p>;\n\t\t} else if (period === Periods.THIS_WEEK) {\n\t\t\treturn <p className=\"notification-day\">This Week</p>;\n\t\t} else {\n\t\t\treturn <p className=\"notification-day\">Older</p>;\n\t\t}\n\t};\n\n\tconst renderNotificationsBlock = (period: Periods) =>\n\t\tbyPeriodNotifications[period]\n\t\t\t.sort((a: INotification, b: INotification) => Date.parse(b.issuedAt) - Date.parse(a.issuedAt))\n\t\t\t.filter((notification) => (activeFilter.action === \"snoozed\" ? notification.isSnoozed : !notification.isSnoozed))\n\t\t\t.map((notification, index) => {\n\t\t\t\tconst id = notification.id || index.toString();\n\t\t\t\treturn (\n\t\t\t\t\t<div key={id}>\n\t\t\t\t\t\t{index === 0 ? renderSeparatorLabel(period) : null}\n\t\t\t\t\t\t<NotificationCardComponent notification={notification} removeNotification={() => {}} uiContext={\"center\"} />\n\t\t\t\t\t\t<div className=\"divider\">&nbsp;</div>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t});\n\n\treturn isEmpty(byPeriodNotifications, activeFilter.action === \"snoozed\") ? (\n\t\t<NoNotifications />\n\t) : (\n\t\t<>{Object.keys(byPeriodNotifications).map((period) => renderNotificationsBlock(period as Periods))}</>\n\t);\n};\n\nexport default CardView;\n"]}

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

@@ -88,7 +88,7 @@ export const NotificationListRowShell = ({ notification, newNotificationHaloPeri
         };
     }, []);
     const menuActions = Object.values(overFlowActions).map((value) => renderOverflowMenuAction(notification, value, isMuteFilterApplied));
-    return (React.createElement("div", { className: `list-row__container notification-item ${notification.isRead ? "is-read" : ""} ${isNew || wokeFromSnooze ? "new" : ""}
+    return (React.createElement("div", { className: `list-row__container notification-item ${notification.isRead ? "is-read" : ""} ${isNew || wokeFromSnooze ? "new" : ""}
 				${notification.cssClassName ? notification.cssClassName : ""}` },
         children ? (React.createElement(React.Fragment, null,
             selectionMode === SelectionMode.SELECTION ? (React.createElement("div", { className: "list-row__cell" },

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

@@ -1 +1 @@
-{"version":3,"file":"ListView.js","sourceRoot":"","sources":["../../../../../src/components/notifications/components/views/ListView.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useState, useEffect } from \"react\";\r\nimport { format, differenceInMilliseconds, parseISO, addSeconds } from \"date-fns\";\r\n\r\n// types\r\nimport { NotificationListViewProps } from \"../../types\";\r\n\r\n// Context\r\nimport { NotificationsContext } from \"../../notificationsContext\";\r\n\r\n// Components\r\nimport IconButton from \"../shared/IconButton\";\r\nimport NoNotifications from \"../NoNotifications\";\r\nimport OverflowMenu, { OverflowMenuActions, renderOverflowMenuAction } from \"../shared/OverflowMenu\";\r\nimport { CheckButton } from \"../shared/CheckButton\";\r\n\r\n// Utils\r\nimport {\r\n\tgetActiveFilter,\r\n\tgetMostRecentAction,\r\n\tisNewNotification,\r\n\tisReNotification,\r\n\tsearchNotifications,\r\n} from \"../../utils\";\r\n\r\nimport { NotificationCardHeaderLogo } from \"../shared/notificationCard/NotificationCardHeaderLogo\";\r\n\r\n// Constants\r\nimport { SelectionMode } from \"../../constants\";\r\nimport { services } from \"@finsemble/finsemble-core\";\r\n\r\ntype INotification = services.notification.types.INotification;\r\ntype IPerformedAction = services.notification.types.IPerformedAction;\r\n\r\nconst ListHeaderComponent = () => (\r\n\t<div className=\"list-header__container\">\r\n\t\t<div className=\"list-header_cell\">Received</div>\r\n\t\t<div className=\"list-header_cell\">App</div>\r\n\t\t<div className=\"list-header_cell\">Content</div>\r\n\t\t<div className=\"list-header_cell\">{\"\"}</div>\r\n\t</div>\r\n);\r\n\r\nexport type NotificationListRowPropType = {\r\n\tnotification: INotification;\r\n\tnewNotificationHaloPeriodSeconds: number;\r\n};\r\n\r\nexport const NotificationListRowShell: React.FunctionComponent<NotificationListRowPropType> = ({\r\n\tnotification,\r\n\tnewNotificationHaloPeriodSeconds,\r\n\tchildren,\r\n}: any) => {\r\n\tconst notificationsContext = useContext(NotificationsContext);\r\n\tconst { setSelectedNotification, muteFilters, selectionMode } = notificationsContext;\r\n\tconst [overflowMenuOpen, setOverflowMenuOpen] = useState(false);\r\n\tconst toggleOverflowMenu = () => {\r\n\t\tsetOverflowMenuOpen(!overflowMenuOpen);\r\n\t};\r\n\r\n\tconst [isNew, setIsNew] = useState(isNewNotification(notification, newNotificationHaloPeriodSeconds));\r\n\tconst [wokeFromSnooze, setWokeFromSnooze] = useState(\r\n\t\tisReNotification(notification, newNotificationHaloPeriodSeconds)\r\n\t);\r\n\tconst [isMuteFilterApplied, setIsMuteFilterApplied] = useState(\r\n\t\tmuteFilters\r\n\t\t\t? muteFilters.some((filter) => filter.source === notification.source && filter.type === notification.type)\r\n\t\t\t: false\r\n\t);\r\n\r\n\t// effect needed as the newNotificationHaloPeriodSeconds is fecthed asynchronously in the parent component\r\n\t// and sometimes at the first render, this value is still 0\r\n\tuseEffect(() => {\r\n\t\tsetIsNew(isNewNotification(notification, newNotificationHaloPeriodSeconds));\r\n\t}, [newNotificationHaloPeriodSeconds]);\r\n\r\n\tuseEffect(() => {\r\n\t\tlet isNewTimerId: any;\r\n\t\tif (isNew) {\r\n\t\t\tif (notification.isRead) {\r\n\t\t\t\tsetIsNew(false);\r\n\t\t\t\tclearTimeout(isNewTimerId);\r\n\t\t\t} else {\r\n\t\t\t\tisNewTimerId = setTimeout(() => {\r\n\t\t\t\t\tsetIsNew(false);\r\n\t\t\t\t}, differenceInMilliseconds(addSeconds(parseISO(notification.issuedAt), newNotificationHaloPeriodSeconds), Date.now()));\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn () => {\r\n\t\t\tclearTimeout(isNewTimerId);\r\n\t\t};\r\n\t}, [isNew, notification]);\r\n\r\n\tuseEffect(() => {\r\n\t\tlet isRenotificationTimerId: any;\r\n\t\tif (isReNotification(notification, newNotificationHaloPeriodSeconds)) {\r\n\t\t\tconst mostRecentAction: IPerformedAction | null = getMostRecentAction(notification);\r\n\t\t\tif (mostRecentAction) {\r\n\t\t\t\tconst { datePerformed } = mostRecentAction;\r\n\t\t\t\tsetWokeFromSnooze(true);\r\n\t\t\t\tisRenotificationTimerId = setTimeout(() => {\r\n\t\t\t\t\tsetWokeFromSnooze(false);\r\n\t\t\t\t}, differenceInMilliseconds(addSeconds(parseISO(datePerformed), newNotificationHaloPeriodSeconds), Date.now()));\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tsetWokeFromSnooze(false);\r\n\t\t\tclearTimeout(isRenotificationTimerId);\r\n\t\t}\r\n\t\treturn () => {\r\n\t\t\tclearTimeout(isRenotificationTimerId);\r\n\t\t};\r\n\t}, [newNotificationHaloPeriodSeconds, notification]);\r\n\r\n\tconst overFlowActions = Object.assign({}, OverflowMenuActions);\r\n\toverFlowActions.DETAILS.action = (detailNotification: INotification) => {\r\n\t\tsetSelectedNotification(detailNotification);\r\n\t};\r\n\r\n\tdelete overFlowActions.DISMISS;\r\n\r\n\tuseEffect(() => {\r\n\t\tfunction listenMuteStateChanged(error: any, response: any) {\r\n\t\t\tif (error) {\r\n\t\t\t\tconsole.error(\"FinsembleNotificationsMuteStateChannel: \", error);\r\n\t\t\t} else {\r\n\t\t\t\tconst { data } = response;\r\n\t\t\t\tif (notification.source === data.source && notification.type === data.type) {\r\n\t\t\t\t\tsetIsMuteFilterApplied(data.isMuted);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\tFSBL.Clients.RouterClient.addListener(\"FinsembleNotificationsMuteStateChannel\", listenMuteStateChanged);\r\n\t\treturn () => {\r\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"FinsembleNotificationsMuteStateChannel\", listenMuteStateChanged);\r\n\t\t};\r\n\t}, []);\r\n\r\n\tconst menuActions = Object.values(overFlowActions).map((value) =>\r\n\t\trenderOverflowMenuAction(notification, value, isMuteFilterApplied)\r\n\t);\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName={`list-row__container notification-item ${notification.isRead ? \"is-read\" : \"\"} ${\r\n\t\t\t\tisNew || wokeFromSnooze ? \"new\" : \"\"\r\n\t\t\t}\r\n\t\t\t\t${notification.cssClassName ? notification.cssClassName : \"\"}`}\r\n\t\t>\r\n\t\t\t{children ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t{selectionMode === SelectionMode.SELECTION ? (\r\n\t\t\t\t\t\t<div className=\"list-row__cell\">\r\n\t\t\t\t\t\t\t<CheckButton notification={notification} />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<></>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{children}\r\n\t\t\t\t</>\r\n\t\t\t) : (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<div className=\"list-row__cell\">{format(Date.parse(notification.issuedAt), \"dd-MM-yyyy HH:mm\")}</div>\r\n\t\t\t\t\t<div className=\"list-row__cell\">\r\n\t\t\t\t\t\t{selectionMode === SelectionMode.SELECTION ? (\r\n\t\t\t\t\t\t\t<div className=\"list-row__cell\">\r\n\t\t\t\t\t\t\t\t<CheckButton notification={notification} />\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<NotificationCardHeaderLogo headerLogo={notification.headerLogo} />\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"list-row__cell\">{`${notification.title} - ${notification.details}`}</div>\r\n\t\t\t\t</>\r\n\t\t\t)}\r\n\t\t\t<div className=\"list-row__cell\">\r\n\t\t\t\t<span>\r\n\t\t\t\t\t<IconButton iconName=\"ff-dots-vert\" tooltip=\"Options\" clickHandler={toggleOverflowMenu}>\r\n\t\t\t\t\t\t{overflowMenuOpen ? <OverflowMenu closeSelf={setOverflowMenuOpen}>{menuActions}</OverflowMenu> : null}\r\n\t\t\t\t\t</IconButton>\r\n\t\t\t\t</span>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nconst ListView: React.FunctionComponent<NotificationListViewProps> = ({\r\n\tnotificationHeaderRow,\r\n\tnotificationListRow,\r\n\tnotifications,\r\n}) => {\r\n\tconst notificationsContext = useContext(NotificationsContext);\r\n\t// The context will be used to filter the notifications\r\n\tconst { drawerControlProps, searchString, filteredNotifications, setFilteredNotifications } = notificationsContext;\r\n\r\n\tconst activeFilter = getActiveFilter(drawerControlProps);\r\n\r\n\tconst [newNotificationHaloPeriodSeconds, setNotificationHaloPeriodSeconds] = useState(0);\r\n\r\n\tconst NotificationHeaderRow = notificationHeaderRow || ListHeaderComponent;\r\n\tconst NotificationListRow = notificationListRow || NotificationListRowShell;\r\n\r\n\t// Sets the current default preference\r\n\tuseEffect(() => {\r\n\t\tasync function getNotificationsPreferences() {\r\n\t\t\treturn await FSBL.Clients.NotificationClient.getPreferences();\r\n\t\t}\r\n\r\n\t\tgetNotificationsPreferences().then((preferences: any) => {\r\n\t\t\tsetNotificationHaloPeriodSeconds(preferences.newNotificationHaloPeriodSeconds);\r\n\t\t});\r\n\t}, []);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (searchString === \"\") {\r\n\t\t\tsetFilteredNotifications(notifications);\r\n\t\t} else {\r\n\t\t\tsetFilteredNotifications(searchNotifications(notifications, searchString));\r\n\t\t}\r\n\t}, [searchString, notifications]);\r\n\r\n\tlet controlFilteredNotifications = activeFilter ? activeFilter.run?.(filteredNotifications) : [];\r\n\tcontrolFilteredNotifications.sort(\r\n\t\t(a: INotification, b: INotification) => Date.parse(b.issuedAt) - Date.parse(a.issuedAt)\r\n\t);\r\n\r\n\tcontrolFilteredNotifications = controlFilteredNotifications.filter((notification: INotification) =>\r\n\t\tactiveFilter.action === \"snoozed\" ? notification.isSnoozed : !notification.isSnoozed\r\n\t);\r\n\r\n\treturn controlFilteredNotifications.length === 0 ? (\r\n\t\t<NoNotifications />\r\n\t) : (\r\n\t\t<>\r\n\t\t\t<NotificationHeaderRow />\r\n\t\t\t{controlFilteredNotifications.map((notification: INotification, index: number) => {\r\n\t\t\t\tconst key = `${index}_${notification.id ? notification.id : notification.issuedAt}`;\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<NotificationListRow\r\n\t\t\t\t\t\tkey={key}\r\n\t\t\t\t\t\tnotification={notification}\r\n\t\t\t\t\t\tnewNotificationHaloPeriodSeconds={newNotificationHaloPeriodSeconds}\r\n\t\t\t\t\t/>\r\n\t\t\t\t);\r\n\t\t\t})}\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport default ListView;\r\n"]}
+{"version":3,"file":"ListView.js","sourceRoot":"","sources":["../../../../../src/components/notifications/components/views/ListView.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useState, useEffect } from \"react\";\nimport { format, differenceInMilliseconds, parseISO, addSeconds } from \"date-fns\";\n\n// types\nimport { NotificationListViewProps } from \"../../types\";\n\n// Context\nimport { NotificationsContext } from \"../../notificationsContext\";\n\n// Components\nimport IconButton from \"../shared/IconButton\";\nimport NoNotifications from \"../NoNotifications\";\nimport OverflowMenu, { OverflowMenuActions, renderOverflowMenuAction } from \"../shared/OverflowMenu\";\nimport { CheckButton } from \"../shared/CheckButton\";\n\n// Utils\nimport {\n\tgetActiveFilter,\n\tgetMostRecentAction,\n\tisNewNotification,\n\tisReNotification,\n\tsearchNotifications,\n} from \"../../utils\";\n\nimport { NotificationCardHeaderLogo } from \"../shared/notificationCard/NotificationCardHeaderLogo\";\n\n// Constants\nimport { SelectionMode } from \"../../constants\";\nimport { services } from \"@finsemble/finsemble-core\";\n\ntype INotification = services.notification.types.INotification;\ntype IPerformedAction = services.notification.types.IPerformedAction;\n\nconst ListHeaderComponent = () => (\n\t<div className=\"list-header__container\">\n\t\t<div className=\"list-header_cell\">Received</div>\n\t\t<div className=\"list-header_cell\">App</div>\n\t\t<div className=\"list-header_cell\">Content</div>\n\t\t<div className=\"list-header_cell\">{\"\"}</div>\n\t</div>\n);\n\nexport type NotificationListRowPropType = {\n\tnotification: INotification;\n\tnewNotificationHaloPeriodSeconds: number;\n};\n\nexport const NotificationListRowShell: React.FunctionComponent<NotificationListRowPropType> = ({\n\tnotification,\n\tnewNotificationHaloPeriodSeconds,\n\tchildren,\n}: any) => {\n\tconst notificationsContext = useContext(NotificationsContext);\n\tconst { setSelectedNotification, muteFilters, selectionMode } = notificationsContext;\n\tconst [overflowMenuOpen, setOverflowMenuOpen] = useState(false);\n\tconst toggleOverflowMenu = () => {\n\t\tsetOverflowMenuOpen(!overflowMenuOpen);\n\t};\n\n\tconst [isNew, setIsNew] = useState(isNewNotification(notification, newNotificationHaloPeriodSeconds));\n\tconst [wokeFromSnooze, setWokeFromSnooze] = useState(\n\t\tisReNotification(notification, newNotificationHaloPeriodSeconds)\n\t);\n\tconst [isMuteFilterApplied, setIsMuteFilterApplied] = useState(\n\t\tmuteFilters\n\t\t\t? muteFilters.some((filter) => filter.source === notification.source && filter.type === notification.type)\n\t\t\t: false\n\t);\n\n\t// effect needed as the newNotificationHaloPeriodSeconds is fecthed asynchronously in the parent component\n\t// and sometimes at the first render, this value is still 0\n\tuseEffect(() => {\n\t\tsetIsNew(isNewNotification(notification, newNotificationHaloPeriodSeconds));\n\t}, [newNotificationHaloPeriodSeconds]);\n\n\tuseEffect(() => {\n\t\tlet isNewTimerId: any;\n\t\tif (isNew) {\n\t\t\tif (notification.isRead) {\n\t\t\t\tsetIsNew(false);\n\t\t\t\tclearTimeout(isNewTimerId);\n\t\t\t} else {\n\t\t\t\tisNewTimerId = setTimeout(() => {\n\t\t\t\t\tsetIsNew(false);\n\t\t\t\t}, differenceInMilliseconds(addSeconds(parseISO(notification.issuedAt), newNotificationHaloPeriodSeconds), Date.now()));\n\t\t\t}\n\t\t}\n\t\treturn () => {\n\t\t\tclearTimeout(isNewTimerId);\n\t\t};\n\t}, [isNew, notification]);\n\n\tuseEffect(() => {\n\t\tlet isRenotificationTimerId: any;\n\t\tif (isReNotification(notification, newNotificationHaloPeriodSeconds)) {\n\t\t\tconst mostRecentAction: IPerformedAction | null = getMostRecentAction(notification);\n\t\t\tif (mostRecentAction) {\n\t\t\t\tconst { datePerformed } = mostRecentAction;\n\t\t\t\tsetWokeFromSnooze(true);\n\t\t\t\tisRenotificationTimerId = setTimeout(() => {\n\t\t\t\t\tsetWokeFromSnooze(false);\n\t\t\t\t}, differenceInMilliseconds(addSeconds(parseISO(datePerformed), newNotificationHaloPeriodSeconds), Date.now()));\n\t\t\t}\n\t\t} else {\n\t\t\tsetWokeFromSnooze(false);\n\t\t\tclearTimeout(isRenotificationTimerId);\n\t\t}\n\t\treturn () => {\n\t\t\tclearTimeout(isRenotificationTimerId);\n\t\t};\n\t}, [newNotificationHaloPeriodSeconds, notification]);\n\n\tconst overFlowActions = Object.assign({}, OverflowMenuActions);\n\toverFlowActions.DETAILS.action = (detailNotification: INotification) => {\n\t\tsetSelectedNotification(detailNotification);\n\t};\n\n\tdelete overFlowActions.DISMISS;\n\n\tuseEffect(() => {\n\t\tfunction listenMuteStateChanged(error: any, response: any) {\n\t\t\tif (error) {\n\t\t\t\tconsole.error(\"FinsembleNotificationsMuteStateChannel: \", error);\n\t\t\t} else {\n\t\t\t\tconst { data } = response;\n\t\t\t\tif (notification.source === data.source && notification.type === data.type) {\n\t\t\t\t\tsetIsMuteFilterApplied(data.isMuted);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tFSBL.Clients.RouterClient.addListener(\"FinsembleNotificationsMuteStateChannel\", listenMuteStateChanged);\n\t\treturn () => {\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"FinsembleNotificationsMuteStateChannel\", listenMuteStateChanged);\n\t\t};\n\t}, []);\n\n\tconst menuActions = Object.values(overFlowActions).map((value) =>\n\t\trenderOverflowMenuAction(notification, value, isMuteFilterApplied)\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`list-row__container notification-item ${notification.isRead ? \"is-read\" : \"\"} ${\n\t\t\t\tisNew || wokeFromSnooze ? \"new\" : \"\"\n\t\t\t}\n\t\t\t\t${notification.cssClassName ? notification.cssClassName : \"\"}`}\n\t\t>\n\t\t\t{children ? (\n\t\t\t\t<>\n\t\t\t\t\t{selectionMode === SelectionMode.SELECTION ? (\n\t\t\t\t\t\t<div className=\"list-row__cell\">\n\t\t\t\t\t\t\t<CheckButton notification={notification} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t\t{children}\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<div className=\"list-row__cell\">{format(Date.parse(notification.issuedAt), \"dd-MM-yyyy HH:mm\")}</div>\n\t\t\t\t\t<div className=\"list-row__cell\">\n\t\t\t\t\t\t{selectionMode === SelectionMode.SELECTION ? (\n\t\t\t\t\t\t\t<div className=\"list-row__cell\">\n\t\t\t\t\t\t\t\t<CheckButton notification={notification} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<NotificationCardHeaderLogo headerLogo={notification.headerLogo} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"list-row__cell\">{`${notification.title} - ${notification.details}`}</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t<div className=\"list-row__cell\">\n\t\t\t\t<span>\n\t\t\t\t\t<IconButton iconName=\"ff-dots-vert\" tooltip=\"Options\" clickHandler={toggleOverflowMenu}>\n\t\t\t\t\t\t{overflowMenuOpen ? <OverflowMenu closeSelf={setOverflowMenuOpen}>{menuActions}</OverflowMenu> : null}\n\t\t\t\t\t</IconButton>\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nconst ListView: React.FunctionComponent<NotificationListViewProps> = ({\n\tnotificationHeaderRow,\n\tnotificationListRow,\n\tnotifications,\n}) => {\n\tconst notificationsContext = useContext(NotificationsContext);\n\t// The context will be used to filter the notifications\n\tconst { drawerControlProps, searchString, filteredNotifications, setFilteredNotifications } = notificationsContext;\n\n\tconst activeFilter = getActiveFilter(drawerControlProps);\n\n\tconst [newNotificationHaloPeriodSeconds, setNotificationHaloPeriodSeconds] = useState(0);\n\n\tconst NotificationHeaderRow = notificationHeaderRow || ListHeaderComponent;\n\tconst NotificationListRow = notificationListRow || NotificationListRowShell;\n\n\t// Sets the current default preference\n\tuseEffect(() => {\n\t\tasync function getNotificationsPreferences() {\n\t\t\treturn await FSBL.Clients.NotificationClient.getPreferences();\n\t\t}\n\n\t\tgetNotificationsPreferences().then((preferences: any) => {\n\t\t\tsetNotificationHaloPeriodSeconds(preferences.newNotificationHaloPeriodSeconds);\n\t\t});\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (searchString === \"\") {\n\t\t\tsetFilteredNotifications(notifications);\n\t\t} else {\n\t\t\tsetFilteredNotifications(searchNotifications(notifications, searchString));\n\t\t}\n\t}, [searchString, notifications]);\n\n\tlet controlFilteredNotifications = activeFilter ? activeFilter.run?.(filteredNotifications) : [];\n\tcontrolFilteredNotifications.sort(\n\t\t(a: INotification, b: INotification) => Date.parse(b.issuedAt) - Date.parse(a.issuedAt)\n\t);\n\n\tcontrolFilteredNotifications = controlFilteredNotifications.filter((notification: INotification) =>\n\t\tactiveFilter.action === \"snoozed\" ? notification.isSnoozed : !notification.isSnoozed\n\t);\n\n\treturn controlFilteredNotifications.length === 0 ? (\n\t\t<NoNotifications />\n\t) : (\n\t\t<>\n\t\t\t<NotificationHeaderRow />\n\t\t\t{controlFilteredNotifications.map((notification: INotification, index: number) => {\n\t\t\t\tconst key = `${index}_${notification.id ? notification.id : notification.issuedAt}`;\n\t\t\t\treturn (\n\t\t\t\t\t<NotificationListRow\n\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\tnotification={notification}\n\t\t\t\t\t\tnewNotificationHaloPeriodSeconds={newNotificationHaloPeriodSeconds}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t})}\n\t\t</>\n\t);\n};\n\nexport default ListView;\n"]}

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":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAMhD,MAAM,eAAe,GAAG,CAAC,UAAkB,EAAU,EAAE;IACtD,QAAQ,UAAU,EAAE;QACnB,KAAK,oBAAoB;YACxB,OAAO,uBAAuB,CAAC;QAEhC,KAAK,gBAAgB;YACpB,OAAO,6BAA6B,CAAC;QAEtC,KAAK,kBAAkB;YACtB,OAAO,+BAA+B,CAAC;QAExC,KAAK,QAAQ;YACZ,OAAO,SAAS,CAAC;QAElB,KAAK,gBAAgB;YACpB,OAAO,YAAY,CAAC;QAErB,KAAK,OAAO;YACX,OAAO,eAAe,CAAC;QAExB;YACC,OAAO,UAAU,CAAC;KACnB;AACF,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,SAAiB,EAAE,UAAU,GAAG,kBAAkB,EAAE,EAAE,CAC9E,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;AAE3C,MAAM,wBAAwB,GAAG,CAAC,0BAA0D,EAAE,EAAE;IAC/F,IAAI,CAAC,0BAA0B,IAAI,0BAA0B,CAAC,MAAM,KAAK,CAAC,EAAE;QAC3E,OAAO,0DAAkC,CAAC;KAC1C;SAAM;QACN,OAAO,0BAA0B;aAC/B,IAAI,CAAC,CAAC,CAAmB,EAAE,CAAmB,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;aAC7G,GAAG,CAAC,CAAC,iBAAiB,EAAE,KAAK,EAAE,EAAE;YACjC,MAAM,eAAe,GAAG,iBAAqC,CAAC;YAC9D,OAAO,CACN,6BAAK,GAAG,EAAE,eAAe,CAAC,EAAE,IAAI,KAAK,EAAE,SAAS,EAAC,wCAAwC;gBACxF,8BAAM,SAAS,EAAC,kDAAkD,IAChE,eAAe,CAAC,eAAe,CAAC,aAAa,EAAE,kBAAkB,CAAC,CAC7D;gBACP,8BAAM,SAAS,EAAC,mDAAmD,IACjE,eAAe,CAAC,eAAe,CAAC,IAAI,CAAC,CAChC,CACF,CACN,CAAC;QACH,CAAC,CAAC,CAAC;KACJ;AACF,CAAC,CAAC;AAEF,MAAM,uBAAuB,GAAoE,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;IACrH,MAAM,oBAAoB,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAC9D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9D,MAAM,MAAM,GAAG,GAAG,EAAE;QACnB,oBAAoB,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC;IACpD,CAAC,CAAC;IAEF,OAAO,YAAY,CAAC,CAAC,CAAC,CACrB,6BAAK,SAAS,EAAC,kCAAkC;QAChD,6BAAK,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE;YAC9C,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,OAAO,EAAC,SAAS,EAAC,UAAU,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,GAAG,CACtF;QACN,6BAAK,SAAS,EAAC,8BAA8B;YAC5C,6BACC,GAAG,EAAE,YAAY,CAAC,UAAU,EAC5B,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,EACjD,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,GACtC;YACD,eAAe,CAAC,CAAC,CAAC,2BAAG,SAAS,EAAC,0BAA0B,GAAG,CAAC,CAAC,CAAC,IAAI;YACpE,6BAAK,SAAS,EAAC,0BAA0B,IAAE,YAAY,CAAC,KAAK,CAAO,CAC/D;QACN,6BAAK,SAAS,EAAC,4BAA4B,IAAE,YAAY,CAAC,OAAO,CAAO;QACxE,6BAAK,SAAS,EAAC,+BAA+B;YAC7C,6BAAK,SAAS,EAAC,qCAAqC,cAAc;YACjE,wBAAwB,CAAC,YAAY,CAAC,cAAc,CAAC,CACjD;QACN,6BAAK,SAAS,EAAC,+BAA+B;YAC7C,6BAAK,SAAS,EAAC,qCAAqC,UAAU;YAC7D,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAChD;QACL,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CACpB,6BAAK,SAAS,EAAC,+BAA+B;YAC7C,6BAAK,SAAS,EAAC,qCAAqC,WAAW;YAC/D,8BAAM,SAAS,EAAC,0CAA0C,IAAE,YAAY,CAAC,IAAI,CAAQ,CAChF,CACN,CAAC,CAAC,CAAC,IAAI,CACH,CACN,CAAC,CAAC,CAAC,IAAI,CAAC;AACV,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC","sourcesContent":["import React, { useContext, useState } from \"react\";\r\nimport { format } from \"date-fns\";\r\n\r\nimport { NotificationsContext } from \"../../notificationsContext\";\r\nimport { Button } from \"../../../common/Button\";\r\nimport { services } from \"@finsemble/finsemble-core\";\r\n\r\ntype INotification = services.notification.types.INotification;\r\ntype IPerformedAction = services.notification.types.IPerformedAction;\r\n\r\nconst translateAction = (actionType: string): string => {\r\n\tswitch (actionType) {\r\n\t\tcase \"FINSEMBLE:RECEIVED\":\r\n\t\t\treturn \"Notification received\";\r\n\r\n\t\tcase \"FINSEMBLE:READ\":\r\n\t\t\treturn \"Notification marked as read\";\r\n\r\n\t\tcase \"FINSEMBLE:UNREAD\":\r\n\t\t\treturn \"Notification marked as unread\";\r\n\r\n\t\tcase \"SNOOZE\":\r\n\t\t\treturn \"Snoozed\";\r\n\r\n\t\tcase \"FINSEMBLE:WAKE\":\r\n\t\t\treturn \"Renotified\";\r\n\r\n\t\tcase \"SPAWN\":\r\n\t\t\treturn \"Action: Spawn\";\r\n\r\n\t\tdefault:\r\n\t\t\treturn actionType;\r\n\t}\r\n};\r\n\r\nconst formatTimeStamp = (timestamp: string, dateFormat = \"dd-MM-yyyy HH:mm\") =>\r\n\tformat(Date.parse(timestamp), dateFormat);\r\n\r\nconst renderActionHistoryItems = (notificationActionsHistory: IPerformedAction[] | undefined) => {\r\n\tif (!notificationActionsHistory || notificationActionsHistory.length === 0) {\r\n\t\treturn <span>No actions to display</span>;\r\n\t} else {\r\n\t\treturn notificationActionsHistory\r\n\t\t\t.sort((a: IPerformedAction, b: IPerformedAction) => Date.parse(b.datePerformed) - Date.parse(a.datePerformed))\r\n\t\t\t.map((actionHistoryItem, index) => {\r\n\t\t\t\tconst performedAction = actionHistoryItem as IPerformedAction;\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<div key={performedAction.id || index} className=\"notification-details__performed-action\">\r\n\t\t\t\t\t\t<span className=\"notification-details__performed-action-timestamp\">\r\n\t\t\t\t\t\t\t{formatTimeStamp(performedAction.datePerformed, \"HH:mm dd-MM-yyyy\")}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span className=\"notification-details__performed-action-translated\">\r\n\t\t\t\t\t\t\t{translateAction(performedAction.type)}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t}\r\n};\r\n\r\nconst NotificationDetailsView: React.FunctionComponent<{ notification: INotification | null }> = ({ notification }) => {\r\n\tconst notificationsContext = useContext(NotificationsContext);\r\n\tconst [showDefaultIcon, setShowDefaultIcon] = useState(false);\r\n\r\n\tconst goBack = () => {\r\n\t\tnotificationsContext.setSelectedNotification(null);\r\n\t};\r\n\r\n\treturn notification ? (\r\n\t\t<div className=\"notifications-details__container\">\r\n\t\t\t<div style={{ paddingRight: 8, marginLeft: -3 }}>\r\n\t\t\t\t<Button onClick={() => goBack()} fashion=\"primary\" iconBefore=\"chevron-left\" text=\"Back\" />\r\n\t\t\t</div>\r\n\t\t\t<div className=\"notification-details__header\">\r\n\t\t\t\t<img\r\n\t\t\t\t\tsrc={notification.headerLogo}\r\n\t\t\t\t\tstyle={showDefaultIcon ? { display: \"none\" } : {}}\r\n\t\t\t\t\tonError={() => setShowDefaultIcon(true)}\r\n\t\t\t\t/>\r\n\t\t\t\t{showDefaultIcon ? <i className=\"ff-finsemble default-img\" /> : null}\r\n\t\t\t\t<div className=\"notification-card__title\">{notification.title}</div>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"notification-details__body\">{notification.details}</div>\r\n\t\t\t<div className=\"notification-details__section\">\r\n\t\t\t\t<div className=\"notification-details__section-title\">History</div>\r\n\t\t\t\t{renderActionHistoryItems(notification.actionsHistory)}\r\n\t\t\t</div>\r\n\t\t\t<div className=\"notification-details__section\">\r\n\t\t\t\t<div className=\"notification-details__section-title\">App</div>\r\n\t\t\t\t{notification.source ? notification.source : \"Uknown\"}\r\n\t\t\t</div>\r\n\t\t\t{notification.type ? (\r\n\t\t\t\t<div className=\"notification-details__section\">\r\n\t\t\t\t\t<div className=\"notification-details__section-title\">Type</div>\r\n\t\t\t\t\t<span className=\"notification-details__section-type-label\">{notification.type}</span>\r\n\t\t\t\t</div>\r\n\t\t\t) : null}\r\n\t\t</div>\r\n\t) : null;\r\n};\r\n\r\nexport default NotificationDetailsView;\r\n"]}
+{"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-core\";\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"]}

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\";\r\n\r\nexport enum ViewMode {\r\n\tLIST,\r\n\tCARD,\r\n}\r\n\r\nexport enum SelectionMode {\r\n\tSELECTION,\r\n\tNO_SELECTION,\r\n}\r\n"]}
+{"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"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/notifications/icons/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAU;IACtC,MAAM,cAAc,GAAG,gDAAgD,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC;IACtG,OAAO,CACN,6BAAK,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,IAAI,MAAM;QACpG,6BAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW;YAChG,2BAAG,SAAS,EAAC,uCAAuC;gBACnD,8BAAM,CAAC,EAAC,6NAA6N,GAAG;gBACxO,gCAAQ,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,GAAG;gBACpC,8BAAM,CAAC,EAAC,4NAA4N,GAAG,CACpO,CACC,CACD,CACN,CAAC;AACH,CAAC","sourcesContent":["import * as React from \"react\";\r\nexport default function Card(props: any) {\r\n\tconst wrapperClasses = `finsemble-notifications_center__control icon ${props.className || \"\"}`.trim();\r\n\treturn (\r\n\t\t<div className={wrapperClasses} onClick={() => props.onClickHandler()} title={props.tooltip || \"List\"}>\r\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"#ACB2C0\" width=\"19\" height=\"16\" viewBox=\"0 0 19 16\">\r\n\t\t\t\t<g transform=\"translate(-340 -43) translate(339 42)\">\r\n\t\t\t\t\t<path d=\"M18 .5H3C1.62.5.5 1.62.5 3v12c0 1.38 1.12 2.5 2.5 2.5h15c1.38 0 2.5-1.12 2.5-2.5V3c0-1.38-1.12-2.5-2.5-2.5zm-15 1h15c.828 0 1.5.672 1.5 1.5v12c0 .828-.672 1.5-1.5 1.5H3c-.828 0-1.5-.672-1.5-1.5V3c0-.828.672-1.5 1.5-1.5z\" />\r\n\t\t\t\t\t<circle cx=\"6.5\" cy=\"6.5\" r=\"2.5\" />\r\n\t\t\t\t\t<path d=\"M16 6c.552 0 1 .448 1 1 0 .513-.386.936-.883.993L16 8h-4c-.552 0-1-.448-1-1 0-.513.386-.936.883-.993L12 6h4zM16 11c.552 0 1 .448 1 1 0 .513-.386.936-.883.993L16 13H5c-.552 0-1-.448-1-1 0-.513.386-.936.883-.993L5 11h11z\" />\r\n\t\t\t\t</g>\r\n\t\t\t</svg>\r\n\t\t</div>\r\n\t);\r\n}\r\n"]}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/notifications/icons/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAU;IACtC,MAAM,cAAc,GAAG,gDAAgD,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC;IACtG,OAAO,CACN,6BAAK,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,IAAI,MAAM;QACpG,6BAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW;YAChG,2BAAG,SAAS,EAAC,uCAAuC;gBACnD,8BAAM,CAAC,EAAC,6NAA6N,GAAG;gBACxO,gCAAQ,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,GAAG;gBACpC,8BAAM,CAAC,EAAC,4NAA4N,GAAG,CACpO,CACC,CACD,CACN,CAAC;AACH,CAAC","sourcesContent":["import * as React from \"react\";\nexport default function Card(props: any) {\n\tconst wrapperClasses = `finsemble-notifications_center__control icon ${props.className || \"\"}`.trim();\n\treturn (\n\t\t<div className={wrapperClasses} onClick={() => props.onClickHandler()} title={props.tooltip || \"List\"}>\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"#ACB2C0\" width=\"19\" height=\"16\" viewBox=\"0 0 19 16\">\n\t\t\t\t<g transform=\"translate(-340 -43) translate(339 42)\">\n\t\t\t\t\t<path d=\"M18 .5H3C1.62.5.5 1.62.5 3v12c0 1.38 1.12 2.5 2.5 2.5h15c1.38 0 2.5-1.12 2.5-2.5V3c0-1.38-1.12-2.5-2.5-2.5zm-15 1h15c.828 0 1.5.672 1.5 1.5v12c0 .828-.672 1.5-1.5 1.5H3c-.828 0-1.5-.672-1.5-1.5V3c0-.828.672-1.5 1.5-1.5z\" />\n\t\t\t\t\t<circle cx=\"6.5\" cy=\"6.5\" r=\"2.5\" />\n\t\t\t\t\t<path d=\"M16 6c.552 0 1 .448 1 1 0 .513-.386.936-.883.993L16 8h-4c-.552 0-1-.448-1-1 0-.513.386-.936.883-.993L12 6h4zM16 11c.552 0 1 .448 1 1 0 .513-.386.936-.883.993L16 13H5c-.552 0-1-.448-1-1 0-.513.386-.936.883-.993L5 11h11z\" />\n\t\t\t\t</g>\n\t\t\t</svg>\n\t\t</div>\n\t);\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Chevron.js","sourceRoot":"","sources":["../../../../src/components/notifications/icons/Chevron.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAU;IACzC,MAAM,cAAc,GAAG,+CAA+C,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC;IACrG,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,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,UAAU;YAC/E;gBACC,gCAAQ,EAAE,EAAC,YAAY;oBACtB,uCACC,EAAE,EAAC,eAAe,EAClB,MAAM,EAAC,qEAAqE,GAC3E,CACM,CACH;YACP,2BAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;gBAChC,2BAAG,MAAM,EAAC,kBAAkB,EAAC,SAAS,EAAC,qBAAqB;oBAC3D;wBACC,8BACC,IAAI,EAAC,MAAM,EACX,CAAC,EAAC,+LAA+L,EACjM,SAAS,EAAC,8CAA8C,GACvD,CACC,CACD,CACD,CACC,CACD,CACN,CAAC;AACH,CAAC","sourcesContent":["import * as React from \"react\";\r\nexport default function Chevron(props: any) {\r\n\tconst wrapperClasses = `finsemble-notifications_center__header icon ${props.className || \"\"}`.trim();\r\n\treturn (\r\n\t\t<div className={wrapperClasses} onClick={() => props.onClickHandler()} title={props.tooltip || \"Dismiss\"}>\r\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"14\" viewBox=\"0 0 9 14\">\r\n\t\t\t\t<defs>\r\n\t\t\t\t\t<filter id=\"86g0ee3xia\">\r\n\t\t\t\t\t\t<feColorMatrix\r\n\t\t\t\t\t\t\tin=\"SourceGraphic\"\r\n\t\t\t\t\t\t\tvalues=\"0 0 0 0 0.674510 0 0 0 0 0.698039 0 0 0 0 0.752941 0 0 0 1.000000 0\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</filter>\r\n\t\t\t\t</defs>\r\n\t\t\t\t<g fill=\"none\" fillRule=\"evenodd\">\r\n\t\t\t\t\t<g filter=\"url(#86g0ee3xia)\" transform=\"translate(-405 -17)\">\r\n\t\t\t\t\t\t<g>\r\n\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\tfill=\"#FFF\"\r\n\t\t\t\t\t\t\t\td=\"M12.329.9c.483-.52 1.282-.535 1.784-.035s.518 1.325.034 1.845L8.201 9.1c-.509.547-1.36.53-1.85-.035l-5.53-6.39c-.464-.537-.42-1.362.1-1.843.519-.48 1.316-.434 1.781.103l4.623 5.342L12.33.9z\"\r\n\t\t\t\t\t\t\t\ttransform=\"rotate(-90 218 -186.5) matrix(-1 0 0 1 15 0)\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</g>\r\n\t\t\t\t\t</g>\r\n\t\t\t\t</g>\r\n\t\t\t</svg>\r\n\t\t</div>\r\n\t);\r\n}\r\n"]}
+{"version":3,"file":"Chevron.js","sourceRoot":"","sources":["../../../../src/components/notifications/icons/Chevron.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAU;IACzC,MAAM,cAAc,GAAG,+CAA+C,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC;IACrG,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,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,UAAU;YAC/E;gBACC,gCAAQ,EAAE,EAAC,YAAY;oBACtB,uCACC,EAAE,EAAC,eAAe,EAClB,MAAM,EAAC,qEAAqE,GAC3E,CACM,CACH;YACP,2BAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;gBAChC,2BAAG,MAAM,EAAC,kBAAkB,EAAC,SAAS,EAAC,qBAAqB;oBAC3D;wBACC,8BACC,IAAI,EAAC,MAAM,EACX,CAAC,EAAC,+LAA+L,EACjM,SAAS,EAAC,8CAA8C,GACvD,CACC,CACD,CACD,CACC,CACD,CACN,CAAC;AACH,CAAC","sourcesContent":["import * as React from \"react\";\nexport default function Chevron(props: any) {\n\tconst wrapperClasses = `finsemble-notifications_center__header 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=\"9\" height=\"14\" viewBox=\"0 0 9 14\">\n\t\t\t\t<defs>\n\t\t\t\t\t<filter id=\"86g0ee3xia\">\n\t\t\t\t\t\t<feColorMatrix\n\t\t\t\t\t\t\tin=\"SourceGraphic\"\n\t\t\t\t\t\t\tvalues=\"0 0 0 0 0.674510 0 0 0 0 0.698039 0 0 0 0 0.752941 0 0 0 1.000000 0\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</filter>\n\t\t\t\t</defs>\n\t\t\t\t<g fill=\"none\" fillRule=\"evenodd\">\n\t\t\t\t\t<g filter=\"url(#86g0ee3xia)\" transform=\"translate(-405 -17)\">\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\tfill=\"#FFF\"\n\t\t\t\t\t\t\t\td=\"M12.329.9c.483-.52 1.282-.535 1.784-.035s.518 1.325.034 1.845L8.201 9.1c-.509.547-1.36.53-1.85-.035l-5.53-6.39c-.464-.537-.42-1.362.1-1.843.519-.48 1.316-.434 1.781.103l4.623 5.342L12.33.9z\"\n\t\t\t\t\t\t\t\ttransform=\"rotate(-90 218 -186.5) matrix(-1 0 0 1 15 0)\"\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"]}

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

@@ -1 +1 @@
-{"version":3,"file":"CloseIcon.js","sourceRoot":"","sources":["../../../../src/components/notifications/icons/CloseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAU;IAC3C,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,MAAM,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK;oBACpC,8BAAM,CAAC,EAAC,sBAAsB,GAAG,CAC9B,CACD,CACC,CACD,CACN,CAAC;AACH,CAAC","sourcesContent":["import * as React from \"react\";\r\nexport default function CloseIcon(props: any) {\r\n\tconst wrapperClasses = `finsemble-icon ${props.className || \"\"}`.trim();\r\n\treturn (\r\n\t\t<div className={wrapperClasses} onClick={() => props.onClickHandler()} title={props.tooltip || \"Dismiss\"}>\r\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"3 3 16 16\">\r\n\t\t\t\t<g fill=\"none\" fillRule=\"evenodd\">\r\n\t\t\t\t\t<g stroke=\"#ACB2C0\" strokeWidth=\"1.5\">\r\n\t\t\t\t\t\t<path d=\"M8 8l10 10m0-10L8 18\" />\r\n\t\t\t\t\t</g>\r\n\t\t\t\t</g>\r\n\t\t\t</svg>\r\n\t\t</div>\r\n\t);\r\n}\r\n"]}
+{"version":3,"file":"CloseIcon.js","sourceRoot":"","sources":["../../../../src/components/notifications/icons/CloseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAU;IAC3C,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,MAAM,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK;oBACpC,8BAAM,CAAC,EAAC,sBAAsB,GAAG,CAC9B,CACD,CACC,CACD,CACN,CAAC;AACH,CAAC","sourcesContent":["import * as React from \"react\";\nexport default function CloseIcon(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=\"16\" height=\"16\" viewBox=\"3 3 16 16\">\n\t\t\t\t<g fill=\"none\" fillRule=\"evenodd\">\n\t\t\t\t\t<g stroke=\"#ACB2C0\" strokeWidth=\"1.5\">\n\t\t\t\t\t\t<path d=\"M8 8l10 10m0-10L8 18\" />\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"]}

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\";\r\nexport default function EnvelopeCloseIcon(props: any) {\r\n\tconst wrapperClasses = `finsemble-icon ${props.className || \"\"}`.trim();\r\n\treturn (\r\n\t\t<div className={wrapperClasses} onClick={() => props.onClickHandler()} title={props.tooltip || \"Mark Read\"}>\r\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"12\" viewBox=\"0 0 18 12\">\r\n\t\t\t\t<g fill=\"none\" fillRule=\"evenodd\">\r\n\t\t\t\t\t<g fill=\"#ACB2C0\">\r\n\t\t\t\t\t\t<g>\r\n\t\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\t\ttransform=\"translate(-8 -12) translate(8.8 12)\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\t\ttransform=\"translate(-8 -12) translate(8.8 12)\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</g>\r\n\t\t\t\t\t</g>\r\n\t\t\t\t</g>\r\n\t\t\t</svg>\r\n\t\t</div>\r\n\t);\r\n}\r\n"]}
+{"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"]}

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\";\r\nexport default function EnvelopeOpenIcon(props: any) {\r\n\tconst wrapperClasses = `finsemble-icon ${props.className || \"\"}`.trim();\r\n\treturn (\r\n\t\t<div className={wrapperClasses} onClick={() => props.onClickHandler()} title={props.tooltip || \"Mark Read\"}>\r\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\r\n\t\t\t\t<g fill=\"none\" fillRule=\"evenodd\">\r\n\t\t\t\t\t<g fill=\"#ACB2C0\">\r\n\t\t\t\t\t\t<g>\r\n\t\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\t\ttransform=\"translate(-9 -10) translate(9 10)\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</g>\r\n\t\t\t\t\t</g>\r\n\t\t\t\t</g>\r\n\t\t\t</svg>\r\n\t\t</div>\r\n\t);\r\n}\r\n"]}
+{"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"]}

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\";\r\nexport default function SnoozeIcon(props: any) {\r\n\tconst wrapperClasses = `finsemble-icon ${props.className || \"\"}`.trim();\r\n\treturn (\r\n\t\t<div className={wrapperClasses} onClick={() => props.onClickHandler()} title={props.tooltip || \"Dismiss\"}>\r\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"20\" viewBox=\"0 0 18 20\">\r\n\t\t\t\t<g fill=\"none\" fillRule=\"evenodd\">\r\n\t\t\t\t\t<g fill=\"#ACB2C0\" fillRule=\"nonzero\">\r\n\t\t\t\t\t\t<g>\r\n\t\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\t\ttransform=\"translate(-9 -34) translate(9.2 34.4)\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<g>\r\n\t\t\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\t\t\ttransform=\"translate(-9 -34) translate(9.2 34.4) translate(4.8 7.6)\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t</g>\r\n\t\t\t\t\t</g>\r\n\t\t\t\t</g>\r\n\t\t\t</svg>\r\n\t\t</div>\r\n\t);\r\n}\r\n"]}
+{"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"]}

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\";\r\nexport { NotificationsToasts } from \"./components/notificationsToasts/NotificationsToasts\";\r\nexport { NotificationCardShell, NotificationCardPropType } from \"./components/shared/NotificationCardShell\";\r\nexport { NotificationCardHeaderShell } from \"./components/shared/notificationCard/NotificationCardHeaderShell\";\r\nexport { NotificationCardHeaderLogo } from \"./components/shared/notificationCard/NotificationCardHeaderLogo\";\r\nexport { NotificationCardBodyShell } from \"./components/shared/notificationCard/NotificationCardBodyShell\";\r\nexport { NotificationCardBodyContentLogo } from \"./components/shared/notificationCard/NotificationCardBodyContentLogo\";\r\nexport { NotificationListRowShell, NotificationListRowPropType } from \"./components/views/ListView\";\r\n"]}
+{"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"]}

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

@@ -1 +1 @@
-{"version":3,"file":"notificationsContext.js","sourceRoot":"","sources":["../../../src/components/notifications/notificationsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAOtC,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAA2B,EAA8B,CAAC,CAAC","sourcesContent":["import { createContext } from \"react\";\r\nimport { NotificationsContextType } from \"./types\";\r\n\r\n/**\r\n * We initialize our context with an empty object.\r\n * The NotificationsCenter will properly initialize our context at runtime (during the first render).\r\n */\r\nexport const NotificationsContext = createContext<NotificationsContextType>({} as NotificationsContextType);\r\n"]}
+{"version":3,"file":"notificationsContext.js","sourceRoot":"","sources":["../../../src/components/notifications/notificationsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAOtC,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAA2B,EAA8B,CAAC,CAAC","sourcesContent":["import { createContext } from \"react\";\nimport { NotificationsContextType } from \"./types\";\n\n/**\n * We initialize our context with an empty object.\n * The NotificationsCenter will properly initialize our context at runtime (during the first render).\n */\nexport const NotificationsContext = createContext<NotificationsContextType>({} as NotificationsContextType);\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/notifications/types.ts"],"names":[],"mappings":"","sourcesContent":["/**\r\n * Notification types\r\n */\r\nimport React from \"react\";\r\nimport { ViewMode, SelectionMode } from \"./constants\";\r\nimport { services } from \"@finsemble/finsemble-core\";\r\n\r\ntype INotification = services.notification.types.INotification;\r\ntype INotificationHistoryOptions = services.notification.types.INotificationHistoryOptions;\r\ntype IMuteFilter = services.notification.types.IMuteFilter;\r\ntype IFilter = services.notification.types.IFilter;\r\ntype SpawnParams = services.window.types.SpawnParams;\r\n\r\nexport interface Control {\r\n\taction: string;\r\n\tlabel: string;\r\n\trun?: Function;\r\n}\r\n\r\nexport interface NotificationCenterControlsProps {\r\n\tcontrols: Array<Control>;\r\n\tactive?: Control[\"action\"];\r\n}\r\n\r\nexport interface INotificationCenterProps {\r\n\tcontrols?: NotificationCenterControlsProps;\r\n\tnotificationCard?: React.ComponentType<any>;\r\n\tnotificationHeaderRow?: React.ComponentType<any>;\r\n\tnotificationListRow?: React.ComponentType<any>;\r\n}\r\n\r\nexport interface INotificationToastsProps {\r\n\tnotificationCard?: React.ComponentType<any>;\r\n}\r\n\r\nexport interface INotificationDetailProps {\r\n\tnotification: INotification;\r\n}\r\n\r\nexport type NotificationListViewProps = {\r\n\tnotifications: INotification[];\r\n\tnotificationListRow?: React.ComponentType<INotificationDetailProps>;\r\n\tnotificationHeaderRow?: React.ComponentType<any>;\r\n};\r\n\r\nexport type NotificationCardViewProps = {\r\n\tnotifications: INotification[];\r\n\tnotificationCard?: React.ComponentType<any>; // A custom component used to render a notification\r\n};\r\n\r\nexport type NotificationsContextType = {\r\n\tviewMode: ViewMode;\r\n\tsetViewMode: React.Dispatch<React.SetStateAction<ViewMode>>;\r\n\tselectionMode: SelectionMode;\r\n\tsetSelectionMode: React.Dispatch<React.SetStateAction<SelectionMode>>;\r\n\tdrawerControlProps: NotificationCenterControlsProps;\r\n\tsetDrawerControlProps: React.Dispatch<React.SetStateAction<NotificationCenterControlsProps>>;\r\n\tselectedNotification: INotification | null;\r\n\tsetSelectedNotification: React.Dispatch<React.SetStateAction<INotification | null>>;\r\n\tsearchString: string;\r\n\tsetSearchString: React.Dispatch<React.SetStateAction<string>>;\r\n\tfilteredNotifications: INotification[];\r\n\tcheckedNotifications: INotification[];\r\n\tsetFilteredNotifications: React.Dispatch<React.SetStateAction<INotification[]>>;\r\n\tmuteFilters: IMuteFilter[];\r\n\tsetMuteFilters: React.Dispatch<React.SetStateAction<IMuteFilter[]>>;\r\n};\r\n\r\nexport interface NotificationsConfig {\r\n\tfilter?: {\r\n\t\tinclude?: [];\r\n\t\texclude?: [];\r\n\t};\r\n\tposition?: {};\r\n\tanimation?: {\r\n\t\tdisplayDuration: number;\r\n\t\tanimateIn: string;\r\n\t\tanimateOut: string;\r\n\t};\r\n\tisTransparent?: boolean;\r\n\tnotificationsHistory?: { since?: string; filter?: IFilter; options?: INotificationHistoryOptions } | boolean;\r\n\tapplyMuteFilters?: boolean;\r\n\twindowName: string;\r\n}\r\n\r\nexport interface WindowConfig {\r\n\twindow: SpawnParams & NotificationsConfig;\r\n}\r\n\r\nexport type OverFlowMenuAction = {\r\n\tname: string;\r\n\ticon: React.ReactElement;\r\n\taction: (notification: INotification) => void;\r\n\tlabel: string;\r\n};\r\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/notifications/types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Notification types\n */\nimport React from \"react\";\nimport { ViewMode, SelectionMode } from \"./constants\";\nimport { services } from \"@finsemble/finsemble-core\";\n\ntype INotification = services.notification.types.INotification;\ntype INotificationHistoryOptions = services.notification.types.INotificationHistoryOptions;\ntype IMuteFilter = services.notification.types.IMuteFilter;\ntype IFilter = services.notification.types.IFilter;\ntype SpawnParams = services.window.types.SpawnParams;\n\nexport interface Control {\n\taction: string;\n\tlabel: string;\n\trun?: Function;\n}\n\nexport interface NotificationCenterControlsProps {\n\tcontrols: Array<Control>;\n\tactive?: Control[\"action\"];\n}\n\nexport interface INotificationCenterProps {\n\tcontrols?: NotificationCenterControlsProps;\n\tnotificationCard?: React.ComponentType<any>;\n\tnotificationHeaderRow?: React.ComponentType<any>;\n\tnotificationListRow?: React.ComponentType<any>;\n}\n\nexport interface INotificationToastsProps {\n\tnotificationCard?: React.ComponentType<any>;\n}\n\nexport interface INotificationDetailProps {\n\tnotification: INotification;\n}\n\nexport type NotificationListViewProps = {\n\tnotifications: INotification[];\n\tnotificationListRow?: React.ComponentType<INotificationDetailProps>;\n\tnotificationHeaderRow?: React.ComponentType<any>;\n};\n\nexport type NotificationCardViewProps = {\n\tnotifications: INotification[];\n\tnotificationCard?: React.ComponentType<any>; // A custom component used to render a notification\n};\n\nexport type NotificationsContextType = {\n\tviewMode: ViewMode;\n\tsetViewMode: React.Dispatch<React.SetStateAction<ViewMode>>;\n\tselectionMode: SelectionMode;\n\tsetSelectionMode: React.Dispatch<React.SetStateAction<SelectionMode>>;\n\tdrawerControlProps: NotificationCenterControlsProps;\n\tsetDrawerControlProps: React.Dispatch<React.SetStateAction<NotificationCenterControlsProps>>;\n\tselectedNotification: INotification | null;\n\tsetSelectedNotification: React.Dispatch<React.SetStateAction<INotification | null>>;\n\tsearchString: string;\n\tsetSearchString: React.Dispatch<React.SetStateAction<string>>;\n\tfilteredNotifications: INotification[];\n\tcheckedNotifications: INotification[];\n\tsetFilteredNotifications: React.Dispatch<React.SetStateAction<INotification[]>>;\n\tmuteFilters: IMuteFilter[];\n\tsetMuteFilters: React.Dispatch<React.SetStateAction<IMuteFilter[]>>;\n};\n\nexport interface NotificationsConfig {\n\tfilter?: {\n\t\tinclude?: [];\n\t\texclude?: [];\n\t};\n\tposition?: {};\n\tanimation?: {\n\t\tdisplayDuration: number;\n\t\tanimateIn: string;\n\t\tanimateOut: string;\n\t};\n\tisTransparent?: boolean;\n\tnotificationsHistory?: { since?: string; filter?: IFilter; options?: INotificationHistoryOptions } | boolean;\n\tapplyMuteFilters?: boolean;\n\twindowName: string;\n}\n\nexport interface WindowConfig {\n\twindow: SpawnParams & NotificationsConfig;\n}\n\nexport type OverFlowMenuAction = {\n\tname: string;\n\ticon: React.ReactElement;\n\taction: (notification: INotification) => void;\n\tlabel: string;\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/notifications/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { parseISO, differenceInSeconds } from \"date-fns\";\r\n\r\n// Types\r\nimport { Control, NotificationCenterControlsProps } from \"./types\";\r\nimport { services } from \"@finsemble/finsemble-core\";\r\n\r\ntype INotification = services.notification.types.INotification;\r\ntype IMuteFilter = services.notification.types.IMuteFilter;\r\ntype IPerformedAction = services.notification.types.IPerformedAction;\r\n\r\n/**\r\n * Simplify this function with optional chaining\r\nreturn notification?.actionsHistory?.sort((a: IPerformedAction, b: IPerformedAction) => Date.parse(b.datePerformed) - Date.parse(a.datePerformed))?.[0]\r\n */\r\nexport const getMostRecentAction = (notification: INotification): IPerformedAction | null => {\r\n\tif (!notification || !notification.actionsHistory) return null;\r\n\r\n\tlet actionHistoryArray = [\r\n\t\t...notification.actionsHistory.sort(\r\n\t\t\t(a: IPerformedAction, b: IPerformedAction) => Date.parse(b.datePerformed) - Date.parse(a.datePerformed)\r\n\t\t),\r\n\t];\r\n\r\n\tif (actionHistoryArray.length > 0) {\r\n\t\treturn actionHistoryArray[0];\r\n\t} else {\r\n\t\treturn null;\r\n\t}\r\n};\r\n\r\nexport const isNewNotification = (notification: INotification, newNotificationHaloPeriodSeconds: number) => {\r\n\tconst mostRecentAction = getMostRecentAction(notification);\r\n\r\n\tif (\r\n\t\t(mostRecentAction && mostRecentAction.type === \"FINSEMBLE:READ\") ||\r\n\t\tnotification.isRead ||\r\n\t\t(notification.actionsHistory && notification.actionsHistory.length > 1)\r\n\t) {\r\n\t\treturn false;\r\n\t}\r\n\treturn differenceInSeconds(Date.now(), parseISO(notification.issuedAt)) < newNotificationHaloPeriodSeconds;\r\n};\r\n\r\nexport const isReNotification = (notification: INotification, newNotificationHaloPeriodSeconds: number) => {\r\n\tconst mostRecentAction = getMostRecentAction(notification);\r\n\r\n\tif (!mostRecentAction || mostRecentAction.type !== \"FINSEMBLE:WAKE\") return false;\r\n\r\n\treturn differenceInSeconds(Date.now(), parseISO(mostRecentAction.datePerformed)) < newNotificationHaloPeriodSeconds;\r\n};\r\n\r\nexport const getActiveFilter = (drawerControlProps: NotificationCenterControlsProps): Control =>\r\n\tdrawerControlProps.controls.filter((control: Control) => control.action === drawerControlProps.active)[0];\r\n\r\nconst search = (\r\n\tnotification: INotification,\r\n\tsearchField: \"title\" | \"details\" | \"source\" | null,\r\n\tsearchString: string\r\n): boolean => {\r\n\tif (searchField) {\r\n\t\treturn (notification[searchField] as string).toLowerCase().includes(searchString.toLowerCase());\r\n\t} else {\r\n\t\treturn (\r\n\t\t\t(notification[\"title\"] as string).toLowerCase().includes(searchString.toLowerCase()) ||\r\n\t\t\t(notification[\"details\"] as string).toLowerCase().includes(searchString.toLowerCase()) ||\r\n\t\t\t(notification[\"source\"] as string).toLowerCase().includes(searchString.toLowerCase())\r\n\t\t);\r\n\t}\r\n\treturn false;\r\n};\r\n\r\nexport const searchNotifications = (notifications: INotification[], searchTerm: string): INotification[] =>\r\n\t[...notifications].filter((notification) => {\r\n\t\tconst searchTermSplit = searchTerm.split(\":\");\r\n\t\tif (searchTermSplit.length === 1) {\r\n\t\t\treturn search(notification, null, searchTermSplit[0].trim());\r\n\t\t} else {\r\n\t\t\tconst field = searchTermSplit[0].trim();\r\n\t\t\tif ([\"title\", \"details\", \"source\"].includes(field) && notification.hasOwnProperty(field)) {\r\n\t\t\t\treturn search(notification, field as \"title\" | \"details\" | \"source\" | null, searchTermSplit[1].trim());\r\n\t\t\t} else {\r\n\t\t\t\treturn search(notification, null, searchTermSplit[1].trim());\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n\r\nexport const getMuteFilterFromNotification = (notification: INotification): IMuteFilter => {\r\n\tconst muteFilter: IMuteFilter = {};\r\n\tif (notification.source) {\r\n\t\tmuteFilter.source = notification.source;\r\n\t}\r\n\tif (notification.type) {\r\n\t\tmuteFilter.type = notification.type;\r\n\t}\r\n\treturn muteFilter;\r\n};\r\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/notifications/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { parseISO, differenceInSeconds } from \"date-fns\";\n\n// Types\nimport { Control, NotificationCenterControlsProps } from \"./types\";\nimport { services } from \"@finsemble/finsemble-core\";\n\ntype INotification = services.notification.types.INotification;\ntype IMuteFilter = services.notification.types.IMuteFilter;\ntype IPerformedAction = services.notification.types.IPerformedAction;\n\n/**\n * Simplify this function with optional chaining\nreturn notification?.actionsHistory?.sort((a: IPerformedAction, b: IPerformedAction) => Date.parse(b.datePerformed) - Date.parse(a.datePerformed))?.[0]\n */\nexport const getMostRecentAction = (notification: INotification): IPerformedAction | null => {\n\tif (!notification || !notification.actionsHistory) return null;\n\n\tlet actionHistoryArray = [\n\t\t...notification.actionsHistory.sort(\n\t\t\t(a: IPerformedAction, b: IPerformedAction) => Date.parse(b.datePerformed) - Date.parse(a.datePerformed)\n\t\t),\n\t];\n\n\tif (actionHistoryArray.length > 0) {\n\t\treturn actionHistoryArray[0];\n\t} else {\n\t\treturn null;\n\t}\n};\n\nexport const isNewNotification = (notification: INotification, newNotificationHaloPeriodSeconds: number) => {\n\tconst mostRecentAction = getMostRecentAction(notification);\n\n\tif (\n\t\t(mostRecentAction && mostRecentAction.type === \"FINSEMBLE:READ\") ||\n\t\tnotification.isRead ||\n\t\t(notification.actionsHistory && notification.actionsHistory.length > 1)\n\t) {\n\t\treturn false;\n\t}\n\treturn differenceInSeconds(Date.now(), parseISO(notification.issuedAt)) < newNotificationHaloPeriodSeconds;\n};\n\nexport const isReNotification = (notification: INotification, newNotificationHaloPeriodSeconds: number) => {\n\tconst mostRecentAction = getMostRecentAction(notification);\n\n\tif (!mostRecentAction || mostRecentAction.type !== \"FINSEMBLE:WAKE\") return false;\n\n\treturn differenceInSeconds(Date.now(), parseISO(mostRecentAction.datePerformed)) < newNotificationHaloPeriodSeconds;\n};\n\nexport const getActiveFilter = (drawerControlProps: NotificationCenterControlsProps): Control =>\n\tdrawerControlProps.controls.filter((control: Control) => control.action === drawerControlProps.active)[0];\n\nconst search = (\n\tnotification: INotification,\n\tsearchField: \"title\" | \"details\" | \"source\" | null,\n\tsearchString: string\n): boolean => {\n\tif (searchField) {\n\t\treturn (notification[searchField] as string).toLowerCase().includes(searchString.toLowerCase());\n\t} else {\n\t\treturn (\n\t\t\t(notification[\"title\"] as string).toLowerCase().includes(searchString.toLowerCase()) ||\n\t\t\t(notification[\"details\"] as string).toLowerCase().includes(searchString.toLowerCase()) ||\n\t\t\t(notification[\"source\"] as string).toLowerCase().includes(searchString.toLowerCase())\n\t\t);\n\t}\n\treturn false;\n};\n\nexport const searchNotifications = (notifications: INotification[], searchTerm: string): INotification[] =>\n\t[...notifications].filter((notification) => {\n\t\tconst searchTermSplit = searchTerm.split(\":\");\n\t\tif (searchTermSplit.length === 1) {\n\t\t\treturn search(notification, null, searchTermSplit[0].trim());\n\t\t} else {\n\t\t\tconst field = searchTermSplit[0].trim();\n\t\t\tif ([\"title\", \"details\", \"source\"].includes(field) && notification.hasOwnProperty(field)) {\n\t\t\t\treturn search(notification, field as \"title\" | \"details\" | \"source\" | null, searchTermSplit[1].trim());\n\t\t\t} else {\n\t\t\t\treturn search(notification, null, searchTermSplit[1].trim());\n\t\t\t}\n\t\t}\n\t});\n\nexport const getMuteFilterFromNotification = (notification: INotification): IMuteFilter => {\n\tconst muteFilter: IMuteFilter = {};\n\tif (notification.source) {\n\t\tmuteFilter.source = notification.source;\n\t}\n\tif (notification.type) {\n\t\tmuteFilter.type = notification.type;\n\t}\n\treturn muteFilter;\n};\n"]}