@churchapps/apphelper 0.0.14 → 0.1.0

package/dist/components/wrapper/Notifications.js

@@ -0,0 +1,67 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Notifications = void 0;
+const react_1 = __importStar(require("react"));
+const ApiHelper_1 = require("../../helpers/ApiHelper");
+const material_1 = require("@mui/material");
+const helpers_1 = require("../../helpers");
+const Notifications = (props) => {
+    const [notifications, setNotifications] = (0, react_1.useState)([]);
+    const loadData = () => __awaiter(void 0, void 0, void 0, function* () {
+        const n = yield ApiHelper_1.ApiHelper.get("/notifications/my", "MessagingApi");
+        setNotifications(n);
+    });
+    react_1.default.useEffect(() => { loadData(); }, []); //eslint-disable-line
+    const getMainLinks = () => {
+        let result = [];
+        notifications.forEach(notification => {
+            let datePosted = new Date(notification.timeSent);
+            const displayDuration = helpers_1.DateHelper.getDisplayDuration(datePosted);
+            result.push(react_1.default.createElement("div", { className: "note", style: { cursor: "pointer" }, onClick: (e) => { e.preventDefault(); } },
+                react_1.default.createElement(material_1.Box, { sx: { width: "100%" }, className: "note-contents" },
+                    react_1.default.createElement(material_1.Stack, { direction: "row", justifyContent: "space-between" },
+                        react_1.default.createElement("div", { style: { width: "100%" } },
+                            react_1.default.createElement("span", { className: "text-grey", style: { float: "right" } }, displayDuration),
+                            react_1.default.createElement("p", null,
+                                react_1.default.createElement(material_1.Icon, null, "notifications"),
+                                " ",
+                                notification.message))))));
+        });
+        return result;
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null, getMainLinks()));
+};
+exports.Notifications = Notifications;
+//# sourceMappingURL=Notifications.js.map

package/dist/components/wrapper/Notifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.js","sourceRoot":"","sources":["../../../src/components/wrapper/Notifications.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,uDAAoD;AACpD,4CAAiD;AAEjD,2CAAsE;AAM/D,MAAM,aAAa,GAAoB,CAAC,KAAK,EAAE,EAAE;IAEtD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAA0B,EAAE,CAAC,CAAC;IAEhF,MAAM,QAAQ,GAAG,GAAS,EAAE;QAC1B,MAAM,CAAC,GAA4B,MAAM,qBAAS,CAAC,GAAG,CAAC,mBAAmB,EAAE,cAAc,CAAC,CAAC;QAC5F,gBAAgB,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC,CAAA,CAAA;IAED,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,qBAAqB;IAEjE,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,MAAM,GAAkB,EAAE,CAAC;QAC/B,aAAa,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE;YACnC,IAAI,UAAU,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;YACjD,MAAM,eAAe,GAAG,oBAAU,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC;YAElE,MAAM,CAAC,IAAI,CACT,uCAAK,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;gBACzF,8BAAC,cAAG,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,SAAS,EAAC,eAAe;oBACnD,8BAAC,gBAAK,IAAC,SAAS,EAAC,KAAK,EAAC,cAAc,EAAC,eAAe;wBACnD,uCAAK,KAAK,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC;4BACxB,wCAAM,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,EAAC,KAAK,EAAC,OAAO,EAAC,IAAG,eAAe,CAAQ;4BAC5E;gCAAG,8BAAC,eAAI,wBAAqB;;gCAAE,YAAY,CAAC,OAAO,CAAK,CACpD,CACA,CACJ,CACF,CACP,CAAC;QACJ,CAAC,CAAC,CAAA;QACF,OAAO,MAAM,CAAC;IAChB,CAAC,CAAA;IAGD,OAAO,CACL,8DACG,YAAY,EAAE,CACd,CACJ,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,aAAa,iBAuCxB"}

package/dist/components/wrapper/PrivateMessageDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrivateMessageDetails.d.ts","sourceRoot":"","sources":["../../../src/components/wrapper/PrivateMessageDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAGjF,UAAU,KAAK;IACb,OAAO,EAAE,oBAAoB,CAAC;IAC9B,cAAc,EAAE,uBAAuB,CAAC;IACxC,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAUjD,CAAC"}

package/dist/components/{material → wrapper}/PrivateMessageDetails.js

@@ -13,6 +13,6 @@ const PrivateMessageDetails = (props) => (react_1.default.createElement(react_1.
             react_1.default.createElement(SmallButton_1.SmallButton, { icon: "chevron_left", text: "Back", onClick: props.onBack })),
         "Chat with ",
         props.privateMessage.person.name.display),
-    react_1.default.createElement(Notes_1.Notes, { context: props.context, conversationId: props.privateMessage.conversationId, noDisplayBox: true })));
+    react_1.default.createElement(Notes_1.Notes, { maxHeight: "50vh", context: props.context, conversationId: props.privateMessage.conversationId, noDisplayBox: true })));
 exports.PrivateMessageDetails = PrivateMessageDetails;
 //# sourceMappingURL=PrivateMessageDetails.js.map

package/dist/components/wrapper/PrivateMessageDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrivateMessageDetails.js","sourceRoot":"","sources":["../../../src/components/wrapper/PrivateMessageDetails.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,gDAA6C;AAE7C,0CAAuC;AAQhC,MAAM,qBAAqB,GAAoB,CAAC,KAAK,EAAE,EAAE,CAAC,CAC/D;IACE,uCAAK,KAAK,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE;QAClE,wCAAM,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;YAC7B,8BAAC,yBAAW,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,KAAK,CAAC,MAAM,GAAI,CACjE;;QACI,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAC/C;IACN,8BAAC,aAAK,IAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,EAAE,YAAY,EAAE,IAAI,GAAI,CAC5H,CACJ,CAAC;AAVW,QAAA,qBAAqB,yBAUhC"}

package/dist/components/wrapper/PrivateMessages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrivateMessages.d.ts","sourceRoot":"","sources":["../../../src/components/wrapper/PrivateMessages.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAA2B,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAKjF,UAAU,KAAK;IACb,OAAO,EAAE,oBAAoB,CAAC;CAC/B;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyE3C,CAAC"}

package/dist/components/{material → wrapper}/PrivateMessages.js

@@ -98,7 +98,7 @@ const PrivateMessages = (props) => {
     else
         return (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement("span", { style: { float: "right" } },
-                react_1.default.createElement(SmallButton_1.SmallButton, { icon: "add", onClick: () => { setInAddMode(true); } })),
+                react_1.default.createElement(SmallButton_1.SmallButton, { icon: "edit_square", onClick: () => { setInAddMode(true); } })),
             getMainLinks()));
 };
 exports.PrivateMessages = PrivateMessages;

package/dist/components/wrapper/PrivateMessages.js.map

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

package/dist/components/wrapper/SiteWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SiteWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/wrapper/SiteWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAA8C,mBAAmB,EAAa,MAAM,eAAe,CAAC;AAE3G,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAMxD,UAAU,KAAK;IACb,UAAU,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,OAAO,EAAE,oBAAoB,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,UAAU,CAAC,EAAE,mBAAmB,CAAA;CACjC;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuEvC,CAAC"}

package/dist/components/{material → wrapper}/SiteWrapper.js

@@ -19,62 +19,24 @@ const helpers_1 = require("../../helpers");
 const UserMenu_1 = require("./UserMenu");
 const useMountedState_1 = require("../../hooks/useMountedState");
 const SocketHelper_1 = require("../../helpers/SocketHelper");
-const OpenDrawer = (0, material_1.styled)(material_1.Drawer)(({ theme }) => ({
-    "& .MuiDrawer-paper": {
-        position: "relative",
-        backgroundColor: theme.palette.primary.main,
-        color: "#FFFFFF",
-        whiteSpace: "nowrap",
-        width: "100vw",
-        zIndex: 9999,
-        [theme.breakpoints.up("md")]: { width: 220 },
-        transition: theme.transitions.create("width", {
-            easing: theme.transitions.easing.sharp,
-            duration: theme.transitions.duration.enteringScreen
-        }),
-        boxSizing: "border-box"
-    },
-    "& .MuiListItemButton-root, & .MuiListItemIcon-root": { color: "#FFFFFF" }
-}));
-const ClosedDrawer = (0, material_1.styled)(OpenDrawer)(({ theme }) => ({
-    overflowX: "hidden",
-    transition: theme.transitions.create("width", {
-        easing: theme.transitions.easing.sharp,
-        duration: theme.transitions.duration.leavingScreen
-    }),
-    zIndex: 1,
-    width: theme.spacing(7),
-    [theme.breakpoints.up("sm")]: { width: theme.spacing(7) },
-    "& .MuiListSubheader-root": {
-        opacity: 0
-    }
-}));
-const ClosedDrawerAppBar = (0, material_1.styled)(material_1.AppBar)(({ theme }) => ({
-    zIndex: theme.zIndex.drawer + 1,
-    transition: theme.transitions.create(["width", "margin"], {
-        easing: theme.transitions.easing.sharp,
-        duration: theme.transitions.duration.leavingScreen
-    }),
-    "& .MuiIcon-root": { color: "#FFFFFF" }
-}));
-const OpenDrawerAppBar = (0, material_1.styled)(ClosedDrawerAppBar)(({ theme }) => ({
-    marginLeft: 220,
-    width: `calc(100% - ${220}px)`,
-    transition: theme.transitions.create(["width", "margin"], {
-        easing: theme.transitions.easing.sharp,
-        duration: theme.transitions.duration.enteringScreen
-    })
-}));
+const NotificationMenu_1 = require("./NotificationMenu");
+const Drawers_1 = require("./Drawers");
 const SiteWrapper = props => {
     var _a, _b, _c, _d, _e;
     const [churchLogo, setChurchLogo] = react_1.default.useState();
     const [open, setOpen] = react_1.default.useState(false);
+    const [notificationCounts, setNotificationCounts] = react_1.default.useState({ notificationCount: 0, pmCount: 0 });
     const toggleDrawer = () => { setOpen(!open); };
     const isMounted = (0, useMountedState_1.useMountedState)();
-    const CustomDrawer = (open) ? OpenDrawer : ClosedDrawer;
-    const CustomAppBar = (open) ? OpenDrawerAppBar : ClosedDrawerAppBar;
+    const CustomDrawer = (open) ? Drawers_1.OpenDrawer : Drawers_1.ClosedDrawer;
+    const CustomAppBar = (open) ? Drawers_1.OpenDrawerAppBar : Drawers_1.ClosedDrawerAppBar;
+    const loadCounts = () => {
+        helpers_1.ApiHelper.get("/notifications/unreadCount", "MessagingApi").then(data => { setNotificationCounts(data); });
+    };
     const handleNotification = () => {
-        alert("Notification received.  Make GET to fetch bell count and toast message.");
+        //alert("Notification received.  Make GET to fetch bell count and toast message.")
+        console.log("Notification received.  Make GET to fetch bell count and toast message.");
+        loadCounts();
     };
     react_1.default.useEffect(() => {
         const getChurchLogo = () => __awaiter(void 0, void 0, void 0, function* () {
@@ -96,6 +58,7 @@ const SiteWrapper = props => {
     react_1.default.useEffect(() => {
         SocketHelper_1.SocketHelper.addHandler("notification", "notificationBell", handleNotification);
         SocketHelper_1.SocketHelper.init();
+        loadCounts();
     }, []);
     return react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(CustomAppBar, { position: "absolute" },
@@ -104,6 +67,7 @@ const SiteWrapper = props => {
                     react_1.default.createElement(material_1.Icon, null, "menu")),
                 react_1.default.createElement(material_1.Typography, { variant: "h6", noWrap: true }, ((_b = (_a = helpers_1.UserHelper.currentUserChurch) === null || _a === void 0 ? void 0 : _a.church) === null || _b === void 0 ? void 0 : _b.name) || ""),
                 react_1.default.createElement("div", { style: { flex: 1 } }),
+                helpers_1.UserHelper.user && react_1.default.createElement(NotificationMenu_1.NotificationMenu, { onUpdate: loadCounts, counts: notificationCounts, context: props.context, router: props.router }),
                 helpers_1.UserHelper.user && react_1.default.createElement(UserMenu_1.UserMenu, { profilePicture: helpers_1.PersonHelper.getPhotoUrl((_c = props.context) === null || _c === void 0 ? void 0 : _c.person), userName: `${(_d = helpers_1.UserHelper.user) === null || _d === void 0 ? void 0 : _d.firstName} ${(_e = helpers_1.UserHelper.user) === null || _e === void 0 ? void 0 : _e.lastName}`, userChurches: helpers_1.UserHelper.userChurches, currentUserChurch: helpers_1.UserHelper.currentUserChurch, context: props.context, appName: props.appName, router: props.router }),
                 !helpers_1.UserHelper.user && react_1.default.createElement(material_1.Link, { href: "/login", color: "inherit", style: { textDecoration: "none" } }, "Login"))),
         react_1.default.createElement(CustomDrawer, { variant: "permanent", open: open },

package/dist/components/wrapper/SiteWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SiteWrapper.js","sourceRoot":"","sources":["../../../src/components/wrapper/SiteWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4CAA4F;AAC5F,2CAA2G;AAC3G,yCAAsC;AAEtC,iEAA8D;AAC9D,6DAA0D;AAC1D,yDAAsD;AACtD,uCAA2F;AAWpF,MAAM,WAAW,GAAoB,KAAK,CAAC,EAAE;;IAClD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,eAAK,CAAC,QAAQ,EAAU,CAAC;IAC7D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,EAAC,iBAAiB,EAAC,CAAC,EAAE,OAAO,EAAC,CAAC,EAAC,CAAC,CAAC;IACrG,MAAM,YAAY,GAAG,GAAG,EAAE,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/C,MAAM,SAAS,GAAG,IAAA,iCAAe,GAAE,CAAC;IAEpC,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,oBAAU,CAAC,CAAC,CAAC,sBAAY,CAAC;IACxD,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,0BAAgB,CAAC,CAAC,CAAC,4BAAkB,CAAC;IAEpE,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,mBAAS,CAAC,GAAG,CAAC,4BAA4B,EAAE,cAAc,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7G,CAAC,CAAA;IACD,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,kFAAkF;QAClF,OAAO,CAAC,GAAG,CAAC,yEAAyE,CAAC,CAAC;QACvF,UAAU,EAAE,CAAC;IACf,CAAC,CAAA;IAED,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,aAAa,GAAG,GAAS,EAAE;YAC/B,IAAI,oBAAU,CAAC,iBAAiB,EAAE;gBAChC,aAAa,CAAC,0BAAgB,CAAC,WAAW,CAAC,KAAK,CAAC,UAAU,EAAE,0BAA0B,CAAC,CAAC,CAAC;aAC3F;QACH,CAAC,CAAA,CAAA;QAED,IAAI,CAAC,SAAS,EAAE,EAAE;YAChB,aAAa,EAAE,CAAC;SACjB;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;IAElC,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;;QACnB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU;YAAE,2BAAY,CAAC,eAAe,CAAC,EAAC,QAAQ,EAAC,IAAI,EAAE,QAAQ,EAAC,IAAI,EAAC,CAAC,CAAC;;YACvF,2BAAY,CAAC,eAAe,CAAC,EAAC,QAAQ,EAAC,MAAA,MAAA,KAAK,CAAC,OAAO,CAAC,UAAU,0CAAE,MAAM,0CAAE,EAAE,EAAE,QAAQ,EAAC,MAAA,MAAA,KAAK,CAAC,OAAO,CAAC,UAAU,0CAAE,MAAM,0CAAE,EAAE,EAAC,CAAC,CAAC;IACpI,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;IAE/B,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,2BAAY,CAAC,UAAU,CAAC,cAAc,EAAE,kBAAkB,EAAE,kBAAkB,CAAC,CAAC;QAChF,2BAAY,CAAC,IAAI,EAAE,CAAC;QACpB,UAAU,EAAE,CAAC;IACf,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,8BAAC,YAAY,IAAC,QAAQ,EAAC,UAAU;YAC/B,8BAAC,kBAAO,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE;gBACzB,8BAAC,qBAAU,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,gBAAY,aAAa,EAAC,OAAO,EAAE,YAAY,EAAE,EAAE,kBAAI,WAAW,EAAE,MAAM,IAAK,CAAC,IAAI,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;oBAClJ,8BAAC,eAAI,eAAY,CACN;gBACb,8BAAC,qBAAU,IAAC,OAAO,EAAC,IAAI,EAAC,MAAM,UAAE,CAAA,MAAA,MAAA,oBAAU,CAAC,iBAAiB,0CAAE,MAAM,0CAAE,IAAI,KAAI,EAAE,CAAc;gBAC/F,uCAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAQ;gBAC9B,oBAAU,CAAC,IAAI,IAAI,8BAAC,mCAAgB,IAAC,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,kBAAkB,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI;gBACvI,oBAAU,CAAC,IAAI,IAAI,8BAAC,mBAAQ,IAAC,cAAc,EAAE,sBAAY,CAAC,WAAW,CAAC,MAAA,KAAK,CAAC,OAAO,0CAAE,MAAM,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAA,oBAAU,CAAC,IAAI,0CAAE,SAAS,IAAI,MAAA,oBAAU,CAAC,IAAI,0CAAE,QAAQ,EAAE,EAAE,YAAY,EAAE,oBAAU,CAAC,YAAY,EAAE,iBAAiB,EAAE,oBAAU,CAAC,iBAAiB,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI;gBACtU,CAAC,oBAAU,CAAC,IAAI,IAAI,8BAAC,eAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,YAAc,CAChG,CACG;QAEf,8BAAC,YAAY,IAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI;YAC1C,8BAAC,kBAAO,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE;gBAC5E,uCAAK,GAAG,EAAE,UAAU,IAAI,0BAA0B,EAAE,GAAG,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAI;gBAC3F,uCAAK,KAAK,EAAE,EAAE,cAAc,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE;oBAClE,8BAAC,qBAAU,IAAC,OAAO,EAAE,YAAY;wBAAE,8BAAC,eAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,mBAAqB,CAAa,CAClG,CACE;YACT,KAAK,CAAC,UAAU,CACJ;QACf,8BAAC,cAAG,IAAC,SAAS,EAAC,MAAM,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE;YAC1F,8BAAC,oBAAS,IAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,IAC7C,KAAK,CAAC,QAAQ,CACL,CACR,CACL,CAAA;AACL,CAAC,CAAC;AAvEW,QAAA,WAAW,eAuEtB"}

package/dist/components/wrapper/TabPanel.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface TabPanelProps {
+    children?: React.ReactNode;
+    index: number;
+    value: number;
+}
+export declare function TabPanel(props: TabPanelProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=TabPanel.d.ts.map

package/dist/components/wrapper/TabPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel.d.ts","sourceRoot":"","sources":["../../../src/components/wrapper/TabPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,aAAa;IAAG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;CAAE;AAcrF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAY5C"}

package/dist/components/wrapper/TabPanel.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabPanel = void 0;
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+const StyledMenuBox = (0, material_1.styled)(material_1.Box)(({ theme }) => ({
+    paddingTop: 10,
+    "& .MuiListItemButton-root": { paddingLeft: 30 },
+    "& .MuiListItemIcon-root": {
+        color: theme.palette.primary.main
+    },
+    "& .MuiListItemText-root": { color: theme.palette.text.primary },
+    "& .selected .MuiListItemText-root span": { fontWeight: "bold" }
+}));
+function TabPanel(props) {
+    const { children, value, index } = props;
+    return (react_1.default.createElement("div", { role: "tabpanel", hidden: value !== index, id: `userMenuPanel-${index}` }, value === index && (react_1.default.createElement(StyledMenuBox, null,
+        react_1.default.createElement(material_1.Box, null, children)))));
+}
+exports.TabPanel = TabPanel;
+//# sourceMappingURL=TabPanel.js.map

package/dist/components/wrapper/TabPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel.js","sourceRoot":"","sources":["../../../src/components/wrapper/TabPanel.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4CAA4C;AAI5C,MAAM,aAAa,GAAG,IAAA,iBAAM,EAAC,cAAG,CAAC,CAC/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACd,UAAU,EAAE,EAAE;IACd,2BAA2B,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE;IAChD,yBAAyB,EAAE;QACzB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;KAClC;IACD,yBAAyB,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE;IAChE,wCAAwC,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;CACjE,CAAC,CACH,CAAC;AAEF,SAAgB,QAAQ,CAAC,KAAoB;IAC3C,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAEzC,OAAO,CACL,uCAAK,IAAI,EAAC,UAAU,EAAC,MAAM,EAAE,KAAK,KAAK,KAAK,EAAE,EAAE,EAAE,iBAAiB,KAAK,EAAE,IACvE,KAAK,KAAK,KAAK,IAAI,CAClB,8BAAC,aAAa;QACZ,8BAAC,cAAG,QAAE,QAAQ,CAAO,CACP,CACjB,CACG,CACP,CAAC;AACJ,CAAC;AAZD,4BAYC"}

package/dist/components/wrapper/UserMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../src/components/wrapper/UserMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAQlF,UAAU,KAAK;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,wBAAwB,EAAE,CAAC;IACzC,iBAAiB,EAAE,wBAAwB,CAAC;IAC5C,OAAO,EAAE,oBAAoB,CAAC;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,GAAG,CAAC;CACd;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkFpC,CAAC"}

package/dist/components/{material → wrapper}/UserMenu.js

@@ -8,25 +8,11 @@ const react_1 = __importDefault(require("react"));
 const ApiHelper_1 = require("../../helpers/ApiHelper");
 const UserHelper_1 = require("../../helpers/UserHelper");
 const material_1 = require("@mui/material");
-const _1 = require("./");
+const _1 = require(".");
 const ChurchList_1 = require("./ChurchList");
 const SupportModal_1 = require("../SupportModal");
 const CommonEnvironmentHelper_1 = require("../../helpers/CommonEnvironmentHelper");
-const PrivateMessages_1 = require("./PrivateMessages");
-const StyledMenuBox = (0, material_1.styled)(material_1.Box)(({ theme }) => ({
-    paddingTop: 10,
-    "& .MuiListItemButton-root": { paddingLeft: 30 },
-    "& .MuiListItemIcon-root": {
-        color: theme.palette.primary.main
-    },
-    "& .MuiListItemText-root": { color: theme.palette.text.primary },
-    "& .selected .MuiListItemText-root span": { fontWeight: "bold" }
-}));
-function TabPanel(props) {
-    const { children, value, index } = props;
-    return (react_1.default.createElement("div", { role: "tabpanel", hidden: value !== index, id: `userMenuPanel-${index}` }, value === index && (react_1.default.createElement(StyledMenuBox, null,
-        react_1.default.createElement(material_1.Box, null, children)))));
-}
+const TabPanel_1 = require("../TabPanel");
 const UserMenu = (props) => {
     const userName = props.userName;
     const [anchorEl, setAnchorEl] = react_1.default.useState(null);
@@ -37,6 +23,7 @@ const UserMenu = (props) => {
         setAnchorEl(e.currentTarget);
     };
     const handleClose = () => {
+        setTabIndex(0);
         setAnchorEl(null);
     };
     const getMainLinks = () => {
@@ -49,6 +36,10 @@ const UserMenu = (props) => {
             result.push(react_1.default.createElement(_1.NavItem, { url: `${CommonEnvironmentHelper_1.CommonEnvironmentHelper.ChumsRoot}/login?jwt=${jwt}&churchId=${churchId}&returnUrl=/profile`, key: "/profile", label: "Profile", icon: "person", external: true, router: props.router }));
         result.push(react_1.default.createElement(_1.NavItem, { url: "/logout", label: "Logout", icon: "logout", key: "/logout", router: props.router }));
         result.push(react_1.default.createElement(_1.NavItem, { label: "Support", key: "Support", icon: "help", onClick: () => { setShowSupport(true); } }));
+        result.push(react_1.default.createElement("div", { style: { borderTop: "1px solid #CCC", paddingTop: 2, paddingBottom: 2 } }));
+        result.push(react_1.default.createElement(_1.NavItem, { label: "Switch App", key: "Switch App", icon: "apps", onClick: () => { setTabIndex(1); } }));
+        if (props.userChurches.length > 1)
+            result.push(react_1.default.createElement(_1.NavItem, { label: "Switch Church", key: "Switch Church", icon: "church", onClick: () => { setTabIndex(2); } }));
         return result;
     };
     const getProfilePic = () => {
@@ -71,22 +62,14 @@ const UserMenu = (props) => {
         console.log(e);
     };
     const [tabIndex, setTabIndex] = react_1.default.useState(0);
-    function handleChange(el, newValue) {
-        setTabIndex(newValue);
-    }
     const getTabs = () => (react_1.default.createElement(material_1.Box, { sx: { borderBottom: 1, borderColor: "divider" } },
-        react_1.default.createElement(material_1.Tabs, { variant: "fullWidth", value: tabIndex, onChange: handleChange },
-            react_1.default.createElement(material_1.Tab, { label: "User" }),
-            react_1.default.createElement(material_1.Tab, { label: "Messages" }),
-            props.userChurches.length > 1 && react_1.default.createElement(material_1.Tab, { label: "Church" }),
-            react_1.default.createElement(material_1.Tab, { label: "App" })),
-        react_1.default.createElement(TabPanel, { value: tabIndex, index: 0 }, getMainLinks()),
-        react_1.default.createElement(TabPanel, { value: tabIndex, index: 1 },
-            react_1.default.createElement(PrivateMessages_1.PrivateMessages, { context: props.context })),
-        props.userChurches.length > 1 && react_1.default.createElement(TabPanel, { value: tabIndex, index: 2 },
-            react_1.default.createElement(ChurchList_1.ChurchList, { userChurches: props.userChurches, currentUserChurch: props.currentUserChurch, context: props.context })),
-        react_1.default.createElement(TabPanel, { value: tabIndex, index: (props.userChurches.length > 1) ? 3 : 2 },
-            react_1.default.createElement(_1.AppList, { currentUserChurch: props.currentUserChurch, appName: props.appName }))));
+        react_1.default.createElement(TabPanel_1.TabPanel, { value: tabIndex, index: 0 }, getMainLinks()),
+        react_1.default.createElement(TabPanel_1.TabPanel, { value: tabIndex, index: 1 },
+            react_1.default.createElement(_1.NavItem, { label: "Back", key: "AppBack", icon: "arrow_back", onClick: () => { setTabIndex(0); } }),
+            react_1.default.createElement(_1.AppList, { currentUserChurch: props.currentUserChurch, appName: props.appName })),
+        props.userChurches.length > 1 && react_1.default.createElement(TabPanel_1.TabPanel, { value: tabIndex, index: 2 },
+            react_1.default.createElement(_1.NavItem, { label: "Back", key: "ChurchBack", icon: "arrow_back", onClick: () => { setTabIndex(0); } }),
+            react_1.default.createElement(ChurchList_1.ChurchList, { userChurches: props.userChurches, currentUserChurch: props.currentUserChurch, context: props.context }))));
     return (react_1.default.createElement(react_1.default.Fragment, null,
         showSupport && react_1.default.createElement(SupportModal_1.SupportModal, { onClose: () => setShowSupport(false), appName: props.appName }),
         react_1.default.createElement(material_1.Button, { onClick: handleClick, color: "inherit", "aria-controls": open ? "account-menu" : undefined, "aria-haspopup": "true", "aria-expanded": open ? "true" : undefined, style: { textTransform: "none" }, endIcon: react_1.default.createElement(material_1.Icon, null, "expand_more") },

package/dist/components/wrapper/UserMenu.js.map

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

package/dist/components/{material → wrapper}/index.d.ts

@@ -3,5 +3,4 @@ export { AppList } from "./AppList";
 export { SiteWrapper } from "./SiteWrapper";
 export { ChurchList } from "./ChurchList";
 export { UserMenu } from "./UserMenu";
-export { IconPicker } from "./iconPicker/IconPicker";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/wrapper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/wrapper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/{material → wrapper}/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconPicker = exports.UserMenu = exports.ChurchList = exports.SiteWrapper = exports.AppList = exports.NavItem = void 0;
+exports.UserMenu = exports.ChurchList = exports.SiteWrapper = exports.AppList = exports.NavItem = void 0;
 var NavItem_1 = require("./NavItem");
 Object.defineProperty(exports, "NavItem", { enumerable: true, get: function () { return NavItem_1.NavItem; } });
 var AppList_1 = require("./AppList");
@@ -11,6 +11,4 @@ var ChurchList_1 = require("./ChurchList");
 Object.defineProperty(exports, "ChurchList", { enumerable: true, get: function () { return ChurchList_1.ChurchList; } });
 var UserMenu_1 = require("./UserMenu");
 Object.defineProperty(exports, "UserMenu", { enumerable: true, get: function () { return UserMenu_1.UserMenu; } });
-var IconPicker_1 = require("./iconPicker/IconPicker");
-Object.defineProperty(exports, "IconPicker", { enumerable: true, get: function () { return IconPicker_1.IconPicker; } });
 //# sourceMappingURL=index.js.map

package/dist/components/wrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/wrapper/index.tsx"],"names":[],"mappings":";;;AAAA,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAChB,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAChB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA"}

package/dist/interfaces/Messaging.d.ts

@@ -35,6 +35,16 @@ export interface MessageInterface {
     content?: string;
     person?: PersonInterface;
 }
+export interface NotificationInterface {
+    id?: string;
+    churchId?: string;
+    personId?: string;
+    contentType?: string;
+    contentId: string;
+    timeSent?: Date;
+    read: boolean;
+    message?: string;
+}
 export interface PrivateMessageInterface {
     id?: string;
     churchId?: string;

package/dist/interfaces/Messaging.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Messaging.d.ts","sourceRoot":"","sources":["../../src/interfaces/Messaging.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,WAAW,mBAAmB;IAAG,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE;AAC/K,MAAM,WAAW,qBAAqB;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,IAAI,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAClP,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAC/B;AACD,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,IAAI,CAAC;IAAC,WAAW,CAAC,EAAE,IAAI,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC9K,MAAM,CAAC,EAAE,eAAe,CAAA;CACzB;AACD,MAAM,WAAW,uBAAuB;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,MAAM,CAAA;IAC5H,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B;AAED,MAAM,WAAW,4BAA4B;IAAG,MAAM,EAAC,MAAM,CAAC;IAAC,EAAE,EAAC,MAAM,CAAC;IAAC,aAAa,EAAC,CAAC,IAAI,EAAC,GAAG,KAAK,IAAI,CAAA;CAAE;AAC5G,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,eAAe,GAAG,SAAS,GAAG,YAAY,GAAG,eAAe,GAAG,UAAU,GAAG,gBAAgB,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,WAAW,CAAC;AAClM,MAAM,WAAW,sBAAsB;IAAI,MAAM,EAAE,mBAAmB,CAAC;IAAC,IAAI,EAAE,GAAG,CAAA;CAAE"}
+{"version":3,"file":"Messaging.d.ts","sourceRoot":"","sources":["../../src/interfaces/Messaging.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,WAAW,mBAAmB;IAAG,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE;AAC/K,MAAM,WAAW,qBAAqB;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,IAAI,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAClP,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAC/B;AACD,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,IAAI,CAAC;IAAC,WAAW,CAAC,EAAE,IAAI,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC9K,MAAM,CAAC,EAAE,eAAe,CAAA;CACzB;AACD,MAAM,WAAW,qBAAqB;IAAI,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,EAAC,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,IAAI,CAAC;IAAC,IAAI,EAAC,OAAO,CAAC;IAAC,OAAO,CAAC,EAAC,MAAM,CAAA;CAAE;AACrL,MAAM,WAAW,uBAAuB;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,MAAM,CAAA;IAC5H,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B;AAED,MAAM,WAAW,4BAA4B;IAAG,MAAM,EAAC,MAAM,CAAC;IAAC,EAAE,EAAC,MAAM,CAAC;IAAC,aAAa,EAAC,CAAC,IAAI,EAAC,GAAG,KAAK,IAAI,CAAA;CAAE;AAC5G,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,eAAe,GAAG,SAAS,GAAG,YAAY,GAAG,eAAe,GAAG,UAAU,GAAG,gBAAgB,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,WAAW,CAAC;AAClM,MAAM,WAAW,sBAAsB;IAAI,MAAM,EAAE,mBAAmB,CAAC;IAAC,IAAI,EAAE,GAAG,CAAA;CAAE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@churchapps/apphelper",
-  "version": "0.0.14",
+  "version": "0.1.0",
   "description": "Library of helper functions for React and NextJS ChurchApps",
   "main": "dist/index.js",
   "scripts": {

package/src/components/index.tsx

@@ -6,6 +6,7 @@ export { FloatingSupport } from "./FloatingSupport";
 export { FormSubmissionEdit } from "./FormSubmissionEdit";
 export { HelpIcon } from "./HelpIcon";
 export { ImageEditor } from "./ImageEditor";
+export { IconPicker } from "./iconPicker/IconPicker";
 export { InputBox } from "./InputBox";
 export { Loading } from "./Loading";
 export { Notes } from "./notes/Notes";
@@ -16,7 +17,7 @@ export { SupportModal } from "./SupportModal";
 export { MarkdownEditor } from "./markdownEditor/MarkdownEditor";
 export { MarkdownPreview } from "./markdownEditor/MarkdownPreview";
 
-export * from "./material";
+export * from "./wrapper";
 export * from "./gallery";
 export * from "./markdownEditor";
 export * from "./notes";

package/src/components/markdownEditor/plugins/customLink/CustomLinkNodeTransformer.tsx

@@ -11,7 +11,7 @@ import {
   $createEmojiNode
 } from "../emoji/EmojiNode";
 
-import iconNamesList from '../../../material/iconPicker/IconNamesList';
+import iconNamesList from '../../../iconPicker/IconNamesList';
 
 const CUSTOM_LINK_NODE_MARKDOWN_REGEX_QUERY = /(?:\[([^[]+?)\])(?:\(([^(]+)\))(?:({([^}]*)})?)(?:((.*)\)?))$/;
 

package/src/components/markdownEditor/plugins/emoji/EmojiNodeTransform.ts

@@ -1,5 +1,5 @@
 import { EmojiNode, $isEmojiNode, $createEmojiNode, $toggleEmojiNode } from './EmojiNode';
-import  materialIcons from '../../../material/iconPicker/IconNamesList';
+import  materialIcons from '../../../iconPicker/IconNamesList';
 
 import type { TextMatchTransformer } from "@lexical/markdown";
 import { TextNode, $isTextNode } from "lexical";

package/src/components/markdownEditor/plugins/emoji/EmojiPickerPlugin.tsx

@@ -18,7 +18,7 @@ import {
   TextNode,
 } from 'lexical';
 import { $createEmojiNode } from './EmojiNode';
-import materialIcons from '../../../material/iconPicker/IconNamesList';
+import materialIcons from '../../../iconPicker/IconNamesList';
 import * as React from 'react';
 import {useCallback, useEffect, useMemo, useState} from 'react';
 import * as ReactDOM from 'react-dom';

package/src/components/markdownEditor/plugins/emoji/EmojisPlugin.tsx

@@ -11,7 +11,7 @@ import 'material-symbols';
 import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
 import {$createTextNode, TextNode} from 'lexical';
 import {useEffect} from 'react';
-import materialIcons from '../../../material/iconPicker/IconNamesList';
+import materialIcons from '../../../iconPicker/IconNamesList';
 
 import {$createEmojiNode, EmojiNode} from './EmojiNode';
 import { EMOJI_NODE_MARKDOWN_REGEX } from './EmojiNodeTransform';

package/src/components/notes/Notes.tsx

@@ -11,6 +11,7 @@ interface Props {
   createConversation?: () => Promise<string>;
   noDisplayBox?: boolean;
   context: UserContextInterface;
+  maxHeight?: any;
 }
 
 export function Notes(props: Props) {
@@ -41,10 +42,25 @@ export function Notes(props: Props) {
     }
   }
 
+  const getNotesWrapper = () => {
+    const notes = getNotes();
+    if (props.maxHeight) return <div id="notesScroll" style={{maxHeight: props.maxHeight, overflowY: "scroll"}}>{notes}</div>
+    else return notes;
+  }
+
   React.useEffect(() => { loadNotes() }, [props.conversationId]); //eslint-disable-line
 
+  React.useEffect(() => {
+    if (props.maxHeight && messages?.length>0) {
+      setTimeout(() => {
+        const element = window?.document?.getElementById("notesScroll");
+        if (element) element.scrollTop = element.scrollHeight;
+      }, 100);
+    }
+  }, [messages, props.maxHeight]);
+
   let result = <>
-    {getNotes()}
+    {getNotesWrapper()}
     {messages && (<AddNote context={props.context} conversationId={props.conversationId} onUpdate={loadNotes} createConversation={props.createConversation} messageId={editMessageId} />)}
   </>
   if (props.noDisplayBox) return result;

package/src/components/wrapper/Drawers.tsx

@@ -0,0 +1,60 @@
+import { AppBar, Drawer, styled } from "@mui/material";
+
+export const OpenDrawer = styled(Drawer)(
+  ({ theme }) => ({
+    "& .MuiDrawer-paper": {
+      position: "relative",
+      backgroundColor: theme.palette.primary.main,
+      color: "#FFFFFF",
+      whiteSpace: "nowrap",
+      width: "100vw",
+      zIndex: 9999,
+      [theme.breakpoints.up("md")]: { width: 220 },
+      transition: theme.transitions.create("width", {
+        easing: theme.transitions.easing.sharp,
+        duration: theme.transitions.duration.enteringScreen
+      }),
+      boxSizing: "border-box"
+    },
+    "& .MuiListItemButton-root, & .MuiListItemIcon-root": { color: "#FFFFFF" }
+  })
+);
+
+export const ClosedDrawer = styled(OpenDrawer)(
+  ({ theme }) => ({
+    overflowX: "hidden",
+    transition: theme.transitions.create("width", {
+      easing: theme.transitions.easing.sharp,
+      duration: theme.transitions.duration.leavingScreen
+    }),
+    zIndex: 1,
+    width: theme.spacing(7),
+    [theme.breakpoints.up("sm")]: { width: theme.spacing(7) },
+    "& .MuiListSubheader-root": {
+      opacity: 0
+    }
+  })
+);
+
+export const ClosedDrawerAppBar = styled(AppBar)(
+  ({ theme }) => ({
+    zIndex: theme.zIndex.drawer + 1,
+    transition: theme.transitions.create(["width", "margin"], {
+      easing: theme.transitions.easing.sharp,
+      duration: theme.transitions.duration.leavingScreen
+    }),
+    "& .MuiIcon-root": { color: "#FFFFFF" }
+  })
+);
+
+export const OpenDrawerAppBar = styled(ClosedDrawerAppBar)(
+  ({ theme }) => ({
+    marginLeft: 220,
+    width: `calc(100% - ${220}px)`,
+    transition: theme.transitions.create(["width", "margin"], {
+      easing: theme.transitions.easing.sharp,
+      duration: theme.transitions.duration.enteringScreen
+    })
+  })
+);
+