@churchapps/apphelper 0.4.12 → 0.4.18

package/dist/components/wrapper/NewPrivateMessage.js

@@ -1,56 +1,15 @@
 "use client";
-"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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NewPrivateMessage = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_1 = __importStar(require("react"));
-const helpers_1 = require("../../helpers");
-const AddNote_1 = require("../notes/AddNote");
-const SmallButton_1 = require("../SmallButton");
-const NewPrivateMessage = (props) => {
-    const [searchText, setSearchText] = react_1.default.useState("");
-    const [searchResults, setSearchResults] = react_1.default.useState([]);
-    const [selectedPerson, setSelectedPerson] = react_1.default.useState(null);
-    const handleSubmit = (e) => {
-        if (e !== null)
-            e.preventDefault();
-        let term = escape(searchText.trim());
-        helpers_1.ApiHelper.get("/people/search?term=" + term, "MembershipApi").then(data => setSearchResults(data));
-    };
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, TextField, Paper, Box, Typography, Stack, IconButton, List, ListItemAvatar, ListItemText, ListItemButton, InputAdornment, Divider, Skeleton, useTheme } from "@mui/material";
+import { ArrowBack as ArrowBackIcon, PersonSearch as PersonSearchIcon } from "@mui/icons-material";
+import React, { useEffect, useState } from "react";
+import { ApiHelper, Locale } from "../../helpers";
+import { AddNote } from "../notes/AddNote";
+import { PersonAvatar } from "../PersonAvatar";
+export const NewPrivateMessage = (props) => {
+    const [searchText, setSearchText] = React.useState("");
+    const [searchResults, setSearchResults] = React.useState([]);
+    const [selectedPerson, setSelectedPerson] = React.useState(null);
     const handleChange = (e) => {
         setSearchText(e.currentTarget.value);
     };
@@ -61,7 +20,7 @@ const NewPrivateMessage = (props) => {
     */
     const handlePersonSelected = async (person) => {
         try {
-            const existing = await helpers_1.ApiHelper.get("/privateMessages/existing/" + person.id, "MessagingApi");
+            const existing = await ApiHelper.get("/privateMessages/existing/" + person.id, "MessagingApi");
             if (existing?.id) {
                 existing.person = person;
                 props.onSelectMessage(existing);
@@ -74,37 +33,48 @@ const NewPrivateMessage = (props) => {
         }
         setSelectedPerson(person);
     };
-    const getPeople = () => {
-        let result = [];
-        for (let i = 0; i < searchResults.length; i++) {
-            const p = searchResults[i];
-            result.push((0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { children: (0, jsx_runtime_1.jsx)("img", { src: helpers_1.PersonHelper.getPhotoUrl(p), alt: "avatar" }) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: (0, jsx_runtime_1.jsx)("a", { href: "about:blank", onClick: (e) => { e.preventDefault(); handlePersonSelected(p); }, children: p.name.display }) })] }, p.id));
-        }
-        return result;
-    };
     const handleNoteAdded = () => {
         handlePersonSelected(selectedPerson);
     };
     const createConversation = async () => {
-        const conv = { allowAnonymousPosts: false, contentType: "privateMessage", contentId: props.context.person.id, title: props.context.person.name.display + " " + helpers_1.Locale.label("wrapper.privateMessage"), visibility: "hidden" };
-        const result = await helpers_1.ApiHelper.post("/conversations", [conv], "MessagingApi");
+        const conv = { allowAnonymousPosts: false, contentType: "privateMessage", contentId: props.context.person.id, title: props.context.person.name.display + " " + Locale.label("wrapper.privateMessage", "Private Message"), visibility: "hidden" };
+        const result = await ApiHelper.post("/conversations", [conv], "MessagingApi");
         const pm = {
             fromPersonId: props.context.person.id,
             toPersonId: selectedPerson.id,
             conversationId: result[0].id
         };
-        const privateMessages = await helpers_1.ApiHelper.post("/privateMessages", [pm], "MessagingApi");
+        const privateMessages = await ApiHelper.post("/privateMessages", [pm], "MessagingApi");
         return privateMessages[0].conversationId;
     };
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (props.selectedPerson)
             handlePersonSelected(props.selectedPerson);
     }, [props.selectedPerson]);
+    const theme = useTheme();
+    const [isSearching, setIsSearching] = useState(false);
+    const handleSearchSubmit = async (e) => {
+        if (e !== null)
+            e.preventDefault();
+        if (!searchText.trim())
+            return;
+        setIsSearching(true);
+        let term = escape(searchText.trim());
+        const data = await ApiHelper.get("/people/search?term=" + term, "MembershipApi");
+        setSearchResults(data);
+        setIsSearching(false);
+    };
     if (!selectedPerson)
-        return ((0, jsx_runtime_1.jsxs)("div", { style: { paddingLeft: 10, paddingRight: 10 }, children: [(0, jsx_runtime_1.jsx)("span", { style: { float: "right" }, children: (0, jsx_runtime_1.jsx)(SmallButton_1.SmallButton, { icon: "chevron_left", text: "Back", onClick: props.onBack }) }), (0, jsx_runtime_1.jsx)("b", { children: helpers_1.Locale.label("wrapper.newPrivateMessage") }), (0, jsx_runtime_1.jsx)("div", { children: helpers_1.Locale.label("wrapper.searchForPerson") }), (0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, label: "Name", id: "searchText", "data-testid": "search-input", name: "searchText", type: "text", placeholder: "Name", value: searchText, onChange: handleChange, onKeyDown: (e) => { e.stopPropagation(); }, InputProps: { endAdornment: (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", id: "searchButton", "data-testid": "search-button", onClick: handleSubmit, children: helpers_1.Locale.label("common.search") }) } }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(material_1.Table, { id: "smallPeopleTable", size: "small", children: (0, jsx_runtime_1.jsx)(material_1.TableBody, { children: getPeople() }) })] }));
+        return (_jsxs(Paper, { elevation: 0, sx: { height: '100%', display: 'flex', flexDirection: 'column' }, children: [_jsx(Box, { sx: { p: 2, borderBottom: 1, borderColor: 'divider' }, children: _jsxs(Stack, { direction: "row", alignItems: "center", spacing: 2, children: [_jsx(IconButton, { onClick: props.onBack, children: _jsx(ArrowBackIcon, {}) }), _jsx(Typography, { variant: "h6", component: "h2", children: Locale.label("wrapper.newPrivateMessage", "New Private Message") })] }) }), _jsx(Box, { sx: { p: 3 }, children: _jsxs(Stack, { spacing: 3, children: [_jsxs(Box, { children: [_jsx(Typography, { variant: "body1", color: "textSecondary", gutterBottom: true, children: Locale.label("wrapper.searchForPerson", "Search for a person to message") }), _jsx(TextField, { fullWidth: true, placeholder: "Search by name...", id: "searchText", "data-testid": "search-input", value: searchText, onChange: handleChange, onKeyDown: (e) => {
+                                            e.stopPropagation();
+                                            if (e.key === 'Enter')
+                                                handleSearchSubmit(null);
+                                        }, InputProps: {
+                                            startAdornment: (_jsx(InputAdornment, { position: "start", children: _jsx(PersonSearchIcon, { color: "action" }) })),
+                                            endAdornment: (_jsx(InputAdornment, { position: "end", children: _jsx(Button, { variant: "contained", size: "small", onClick: handleSearchSubmit, disabled: !searchText.trim() || isSearching, children: Locale.label("common.search", "Search") }) }))
+                                        }, sx: { mt: 1 } })] }), isSearching && (_jsx(Box, { children: [...Array(3)].map((_, index) => (_jsxs(Box, { sx: { display: 'flex', alignItems: 'center', mb: 2 }, children: [_jsx(Skeleton, { variant: "circular", width: 48, height: 48, sx: { mr: 2 } }), _jsx(Skeleton, { variant: "text", width: "60%", height: 24 })] }, index))) })), !isSearching && searchResults.length > 0 && (_jsxs(Box, { children: [_jsxs(Typography, { variant: "subtitle2", color: "textSecondary", gutterBottom: true, children: [searchResults.length, " ", searchResults.length === 1 ? 'person' : 'people', " found"] }), _jsx(List, { sx: { bgcolor: 'background.paper', borderRadius: 1 }, children: searchResults.map((person, index) => (_jsxs(React.Fragment, { children: [_jsxs(ListItemButton, { onClick: () => handlePersonSelected(person), sx: { py: 2 }, children: [_jsx(ListItemAvatar, { children: _jsx(PersonAvatar, { person: person, size: "small" }) }), _jsx(ListItemText, { primary: person.name.display, secondary: person.contactInfo?.email || '' })] }), index < searchResults.length - 1 && _jsx(Divider, {})] }, person.id))) })] })), !isSearching && searchText && searchResults.length === 0 && (_jsxs(Box, { sx: { textAlign: 'center', py: 4 }, children: [_jsx(PersonSearchIcon, { sx: { fontSize: 48, color: 'grey.400', mb: 2 } }), _jsx(Typography, { variant: "h6", color: "textSecondary", children: "No people found" }), _jsx(Typography, { variant: "body2", color: "textSecondary", children: "Try searching with a different name" })] }))] }) })] }));
     else {
-        return ((0, jsx_runtime_1.jsxs)("div", { style: { paddingLeft: 10, paddingRight: 10 }, children: [(0, jsx_runtime_1.jsx)("span", { style: { float: "right" }, children: (0, jsx_runtime_1.jsx)(SmallButton_1.SmallButton, { icon: "chevron_left", text: "Back", onClick: props.onBack }) }), (0, jsx_runtime_1.jsx)("b", { children: helpers_1.Locale.label("wrapper.newPrivateMessage") }), (0, jsx_runtime_1.jsxs)("div", { children: ["To: ", selectedPerson.name.display] }), (0, jsx_runtime_1.jsx)(AddNote_1.AddNote, { context: props.context, conversationId: null, onUpdate: handleNoteAdded, createConversation: createConversation })] }));
+        return (_jsxs(Paper, { elevation: 0, sx: { height: '100%', display: 'flex', flexDirection: 'column' }, children: [_jsx(Box, { sx: { p: 2, borderBottom: 1, borderColor: 'divider' }, children: _jsxs(Stack, { direction: "row", alignItems: "center", spacing: 2, children: [_jsx(IconButton, { onClick: props.onBack, children: _jsx(ArrowBackIcon, {}) }), _jsx(Typography, { variant: "h6", component: "h2", children: Locale.label("wrapper.newPrivateMessage", "New Private Message") })] }) }), _jsxs(Box, { sx: { p: 3 }, children: [_jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", sx: { mb: 3 }, children: [_jsx(PersonAvatar, { person: selectedPerson, size: "medium" }), _jsxs(Box, { children: [_jsx(Typography, { variant: "subtitle1", fontWeight: "medium", children: selectedPerson.name.display }), selectedPerson.contactInfo?.email && (_jsx(Typography, { variant: "body2", color: "textSecondary", children: selectedPerson.contactInfo.email }))] })] }), _jsx(Divider, { sx: { mb: 3 } }), _jsx(AddNote, { context: props.context, conversationId: null, onUpdate: handleNoteAdded, createConversation: createConversation })] })] }));
     }
 };
-exports.NewPrivateMessage = NewPrivateMessage;
 //# sourceMappingURL=NewPrivateMessage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NewPrivateMessage.js","sourceRoot":"","sources":["../../../src/components/wrapper/NewPrivateMessage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,4CAAyF;AACzF,+CAAyC;AACzC,2CAAgE;AAEhE,8CAA2C;AAC3C,gDAA6C;AAStC,MAAM,iBAAiB,GAAoB,CAAC,KAAK,EAAE,EAAE;IAE1D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAkB,IAAI,CAAC,CAAC;IAElF,MAAM,YAAY,GAAG,CAAC,CAAmB,EAAE,EAAE;QAC3C,IAAI,CAAC,KAAK,IAAI;YAAE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnC,IAAI,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC;QACrC,mBAAS,CAAC,GAAG,CAAC,sBAAsB,GAAG,IAAI,EAAE,eAAe,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC;IACrG,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC9D,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC,CAAA;IAED;;;;MAIE;IAEF,MAAM,oBAAoB,GAAG,KAAK,EAAE,MAAuB,EAAE,EAAE;QAC7D,IAAI,CAAC;YACH,MAAM,QAAQ,GAA4B,MAAM,mBAAS,CAAC,GAAG,CAAC,4BAA4B,GAAG,MAAM,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC;YACxH,IAAI,QAAQ,EAAE,EAAE,EAAE,CAAC;gBACjB,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC;gBACzB,KAAK,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;gBAChC,OAAO;YACT,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,6DAA6D;YAC7D,OAAO,CAAC,GAAG,CAAC,4CAA4C,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;QACvE,CAAC;QACD,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAC5B,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC9C,MAAM,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;YAC3B,MAAM,CAAC,IAAI,CAAC,wBAAC,mBAAQ,eACnB,uBAAC,oBAAS,cAAC,gCAAK,GAAG,EAAE,sBAAY,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,GAAG,EAAC,QAAQ,GAAG,GAAY,EAC7E,uBAAC,oBAAS,cAAC,8BAAG,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAA,CAAC,CAAC,YAAG,CAAC,CAAC,IAAI,CAAC,OAAO,GAAK,GAAY,KAFzG,CAAC,CAAC,EAAE,CAGpB,CAAC,CAAC;QACf,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACvC,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,KAAK,IAAI,EAAE;QACpC,MAAM,IAAI,GAA0B,EAAE,mBAAmB,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,GAAG,GAAG,GAAG,gBAAM,CAAC,KAAK,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAA;QACpP,MAAM,MAAM,GAA4B,MAAM,mBAAS,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,IAAI,CAAC,EAAE,cAAc,CAAC,CAAC;QAEvG,MAAM,EAAE,GAA4B;YAClC,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YACrC,UAAU,EAAE,cAAc,CAAC,EAAE;YAC7B,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;SAC7B,CAAA;QACD,MAAM,eAAe,GAA8B,MAAM,mBAAS,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,EAAE,CAAC,EAAE,cAAc,CAAC,CAAC;QAClH,OAAO,eAAe,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;IAC3C,CAAC,CAAA;IAGD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,cAAc;YAAE,oBAAoB,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IACvE,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;IAG3B,IAAI,CAAC,cAAc;QAAE,OAAO,CAC1B,iCAAK,KAAK,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,aAC/C,iCAAM,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAC7B,uBAAC,yBAAW,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,KAAK,CAAC,MAAM,GAAI,GACjE,EACP,wCAAI,gBAAM,CAAC,KAAK,CAAC,2BAA2B,CAAC,GAAK,EAClD,0CAAM,gBAAM,CAAC,KAAK,CAAC,yBAAyB,CAAC,GAAO,EAEpD,uBAAC,oBAAS,IAAC,SAAS,QAAC,KAAK,EAAC,MAAM,EAAC,EAAE,EAAC,YAAY,iBAAa,cAAc,EAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,EAAC,WAAW,EAAC,MAAM,EAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EACrK,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,GAAE,CAAC,CAAC,eAAe,EAAE,CAAA,CAAA,CAAC,EACvC,UAAU,EAAE,EAAE,YAAY,EAAE,uBAAC,iBAAM,IAAC,OAAO,EAAC,WAAW,EAAC,EAAE,EAAC,cAAc,iBAAa,eAAe,EAAC,OAAO,EAAE,YAAY,YAAG,gBAAM,CAAC,KAAK,CAAC,eAAe,CAAC,GAAU,EAAE,GACvK,EACF,gCAAM,EACN,uBAAC,gBAAK,IAAC,EAAE,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,YACvC,uBAAC,oBAAS,cAAE,SAAS,EAAE,GAAa,GAC9B,IACJ,CACP,CAAC;SACG,CAAC;QACJ,OAAO,CACL,iCAAK,KAAK,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,aAC/C,iCAAM,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAC7B,uBAAC,yBAAW,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,KAAK,CAAC,MAAM,GAAI,GACjE,EACP,wCAAI,gBAAM,CAAC,KAAK,CAAC,2BAA2B,CAAC,GAAK,EAClD,oDAAU,cAAc,CAAC,IAAI,CAAC,OAAO,IAAO,EAC5C,uBAAC,iBAAO,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,kBAAkB,EAAE,kBAAkB,GAAI,IACxH,CACP,CAAA;IACH,CAAC;AACH,CAAC,CAAA;AAtGY,QAAA,iBAAiB,qBAsG7B"}
+{"version":3,"file":"NewPrivateMessage.js","sourceRoot":"","sources":["../../../src/components/wrapper/NewPrivateMessage.tsx"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Notifications.d.ts","sourceRoot":"","sources":["../../../src/components/wrapper/Notifications.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAyB,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAIlF,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,oBAAoB,CAAC;IAC9B,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuEzC,CAAC"}
+{"version":3,"file":"Notifications.d.ts","sourceRoot":"","sources":["../../../src/components/wrapper/Notifications.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAyBxC,OAAO,EAAyB,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAIlF,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,oBAAoB,CAAC;IAC9B,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwLzC,CAAC"}

package/dist/components/wrapper/Notifications.js

@@ -1,53 +1,22 @@
 "use client";
-"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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Notifications = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-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)([]);
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from "react";
+import { ApiHelper } from "@churchapps/helpers";
+import { Box, Stack, Typography, Paper, List, ListItem, ListItemAvatar, ListItemText, Avatar, Chip, Divider, IconButton, Skeleton, useTheme } from "@mui/material";
+import { Notifications as NotificationsIcon, Task as TaskIcon, Assignment as AssignmentIcon, OpenInNew as OpenInNewIcon } from "@mui/icons-material";
+import { DateHelper } from "../../helpers";
+export const Notifications = (props) => {
+    const [notifications, setNotifications] = useState([]);
+    const [isLoading, setIsLoading] = useState(true);
+    const theme = useTheme();
     const loadData = async () => {
-        const n = await ApiHelper_1.ApiHelper.get("/notifications/my", "MessagingApi");
+        setIsLoading(true);
+        const n = await ApiHelper.get("/notifications/my", "MessagingApi");
         setNotifications(n);
+        setIsLoading(false);
         props.onUpdate();
     };
-    react_1.default.useEffect(() => { loadData(); }, []); //eslint-disable-line
+    React.useEffect(() => { loadData(); }, []); //eslint-disable-line
     const getAppUrl = (appName) => {
         switch (appName) {
             case props.appName.toLowerCase(): return "";
@@ -74,21 +43,48 @@ const Notifications = (props) => {
             props.onNavigate(path);
         }
         else {
-            console.log("REDIRECTING TO", appUrl + path);
             window.open(appUrl + path, "_blank");
         }
     };
-    const getMainLinks = () => {
-        let result = [];
-        notifications.forEach(notification => {
-            let datePosted = new Date(notification.timeSent);
-            const displayDuration = helpers_1.DateHelper.getDisplayDuration(datePosted);
-            result.push((0, jsx_runtime_1.jsx)("div", { className: "note", style: { cursor: "pointer" }, onClick: (e) => { e.preventDefault(); }, children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "100%" }, className: "note-contents", children: (0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", justifyContent: "space-between", children: (0, jsx_runtime_1.jsxs)("div", { style: { width: "100%" }, onClick: (e) => { e.preventDefault(); handleClick(notification); }, children: [(0, jsx_runtime_1.jsx)("span", { className: "text-grey", style: { float: "right" }, children: displayDuration }), (0, jsx_runtime_1.jsxs)("p", { children: [(0, jsx_runtime_1.jsx)(material_1.Icon, { children: "notifications" }), notification.message, (0, jsx_runtime_1.jsx)("span", { children: notification?.link ? (0, jsx_runtime_1.jsx)("a", { href: notification.link, onClick: (e) => { e.stopPropagation(); }, target: "_blank", children: "View Details" }) : null })] })] }) }) }) }));
-        });
-        return result;
+    const getNotificationIcon = (contentType) => {
+        switch (contentType) {
+            case "task": return _jsx(TaskIcon, {});
+            case "assignment": return _jsx(AssignmentIcon, {});
+            default: return _jsx(NotificationsIcon, {});
+        }
+    };
+    const getNotificationList = () => {
+        if (notifications.length === 0) {
+            return (_jsxs(Box, { sx: { textAlign: 'center', py: 4 }, children: [_jsx(NotificationsIcon, { sx: { fontSize: 48, color: 'grey.400', mb: 2 } }), _jsx(Typography, { variant: "h6", color: "textSecondary", children: "No notifications" }), _jsx(Typography, { variant: "body2", color: "textSecondary", children: "You're all caught up!" })] }));
+        }
+        return (_jsx(List, { sx: { width: '100%' }, children: notifications.map((notification, index) => {
+                let datePosted = new Date(notification.timeSent);
+                const displayDuration = DateHelper.getDisplayDuration(datePosted);
+                const isUnread = notification.isNew;
+                return (_jsxs(React.Fragment, { children: [_jsxs(ListItem, { component: "button", onClick: () => handleClick(notification), sx: {
+                                alignItems: 'flex-start',
+                                py: 2,
+                                cursor: 'pointer',
+                                bgcolor: isUnread ? 'action.hover' : 'transparent',
+                                '&:hover': {
+                                    bgcolor: 'action.hover'
+                                },
+                                borderRadius: 1,
+                                mb: 0.5
+                            }, children: [_jsx(ListItemAvatar, { children: _jsx(Avatar, { sx: {
+                                            bgcolor: isUnread ? 'primary.main' : 'grey.400',
+                                            width: 48,
+                                            height: 48
+                                        }, children: getNotificationIcon(notification.contentType) }) }), _jsx(ListItemText, { primary: _jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "flex-start", children: [_jsx(Typography, { variant: "body1", sx: {
+                                                    fontWeight: isUnread ? 600 : 400,
+                                                    flex: 1,
+                                                    pr: 1
+                                                }, children: notification.message }), _jsxs(Stack, { direction: "row", alignItems: "center", spacing: 1, children: [isUnread && (_jsx(Chip, { size: "small", label: "New", color: "primary", sx: { height: 20, fontSize: '0.7rem' } })), _jsx(Typography, { variant: "caption", color: "textSecondary", children: displayDuration })] })] }), secondary: notification.link && (_jsx(Box, { sx: { mt: 1 }, children: _jsxs(IconButton, { size: "small", onClick: (e) => {
+                                                e.stopPropagation();
+                                                window.open(notification.link, '_blank');
+                                            }, sx: { p: 0.5 }, children: [_jsx(OpenInNewIcon, { fontSize: "small" }), _jsx(Typography, { variant: "caption", sx: { ml: 0.5 }, children: "View Details" })] }) })) })] }), index < notifications.length - 1 && _jsx(Divider, { variant: "inset", component: "li" })] }, notification.id));
+            }) }));
     };
-    react_1.default.useEffect(() => { console.log("RELOADED NOTIFICATIONS"); }, []);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: getMainLinks() }));
+    return (_jsxs(Paper, { elevation: 0, sx: { height: '100%', display: 'flex', flexDirection: 'column' }, children: [_jsx(Box, { sx: { p: 2, borderBottom: 1, borderColor: 'divider' }, children: _jsx(Typography, { variant: "h6", component: "h2", children: "Notifications" }) }), _jsx(Box, { sx: { flex: 1, overflow: 'auto' }, children: isLoading ? (_jsx(Box, { sx: { p: 2 }, children: [...Array(3)].map((_, index) => (_jsxs(Box, { sx: { display: 'flex', alignItems: 'center', mb: 2 }, children: [_jsx(Skeleton, { variant: "circular", width: 48, height: 48, sx: { mr: 2 } }), _jsxs(Box, { sx: { flex: 1 }, children: [_jsx(Skeleton, { variant: "text", width: "80%", height: 24 }), _jsx(Skeleton, { variant: "text", width: "40%", height: 20 })] })] }, index))) })) : (getNotificationList()) })] }));
 };
-exports.Notifications = Notifications;
 //# sourceMappingURL=Notifications.js.map

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

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

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

@@ -5,6 +5,7 @@ interface Props {
     privateMessage: PrivateMessageInterface;
     onBack: () => void;
     refreshKey: number;
+    onMessageRead?: () => void;
 }
 export declare const PrivateMessageDetails: React.FC<Props>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"PrivateMessageDetails.d.ts","sourceRoot":"","sources":["../../../src/components/wrapper/PrivateMessageDetails.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAIpF,UAAU,KAAK;IACb,OAAO,EAAE,oBAAoB,CAAC;IAC9B,cAAc,EAAE,uBAAuB,CAAC;IACxC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAUjD,CAAC"}
+{"version":3,"file":"PrivateMessageDetails.d.ts","sourceRoot":"","sources":["../../../src/components/wrapper/PrivateMessageDetails.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAKpF,UAAU,KAAK;IACb,OAAO,EAAE,oBAAoB,CAAC;IAC9B,cAAc,EAAE,uBAAuB,CAAC;IACxC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqFjD,CAAC"}

package/dist/components/wrapper/PrivateMessageDetails.js

@@ -1,11 +1,56 @@
 "use client";
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PrivateMessageDetails = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const SmallButton_1 = require("../SmallButton");
-const Notes_1 = require("../notes/Notes");
-const helpers_1 = require("../../helpers");
-const PrivateMessageDetails = (props) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { style: { paddingLeft: 10, paddingRight: 10, paddingBottom: 10 }, children: [(0, jsx_runtime_1.jsx)("span", { style: { float: "right" }, children: (0, jsx_runtime_1.jsx)(SmallButton_1.SmallButton, { icon: "chevron_left", text: "Back", onClick: props.onBack }) }), helpers_1.Locale.label("wrapper.chatWith"), " ", props.privateMessage.person.name.display] }), (0, jsx_runtime_1.jsx)(Notes_1.Notes, { maxHeight: "50vh", context: props.context, conversationId: props.privateMessage.conversationId, noDisplayBox: true, refreshKey: props.refreshKey })] }));
-exports.PrivateMessageDetails = PrivateMessageDetails;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Paper, Box, Typography, Stack, IconButton, useTheme } from "@mui/material";
+import { ArrowBack as ArrowBackIcon } from "@mui/icons-material";
+import { Notes } from "../notes/Notes";
+import { ApiHelper, Locale, NotificationService } from "../../helpers";
+import { PersonAvatar } from "../PersonAvatar";
+export const PrivateMessageDetails = (props) => {
+    const theme = useTheme();
+    // Clear notification when conversation is opened
+    React.useEffect(() => {
+        const clearNotification = async () => {
+            if (props.privateMessage.notifyPersonId === props.context.person.id) {
+                try {
+                    console.log("Marking private message as read:", props.privateMessage.id);
+                    // Clear the notification by getting the private message details
+                    await ApiHelper.get(`/privateMessages/${props.privateMessage.id}`, "MessagingApi");
+                    // Manually refresh notification counts to ensure immediate UI update
+                    const notificationService = NotificationService.getInstance();
+                    await notificationService.refresh();
+                    console.log("Private message marked as read and notifications refreshed");
+                    // Notify parent component that message was marked as read
+                    if (props.onMessageRead) {
+                        props.onMessageRead();
+                    }
+                }
+                catch (error) {
+                    console.error("Failed to clear notification:", error);
+                }
+            }
+        };
+        clearNotification();
+    }, [props.privateMessage.id, props.privateMessage.notifyPersonId, props.context.person.id]);
+    return (_jsxs(Paper, { elevation: 0, sx: {
+            height: '100%',
+            display: 'flex',
+            flexDirection: 'column',
+            overflow: 'hidden',
+            position: 'relative'
+        }, children: [_jsx(Box, { sx: {
+                    p: 2,
+                    borderBottom: 1,
+                    borderColor: 'divider',
+                    flexShrink: 0,
+                    backgroundColor: 'background.paper',
+                    zIndex: 1
+                }, children: _jsxs(Stack, { direction: "row", alignItems: "center", spacing: 2, children: [_jsx(IconButton, { onClick: props.onBack, children: _jsx(ArrowBackIcon, {}) }), _jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", sx: { flex: 1 }, children: [_jsx(PersonAvatar, { person: props.privateMessage.person, size: "small" }), _jsxs(Box, { children: [_jsx(Typography, { variant: "h6", component: "h2", children: props.privateMessage.person.name.display }), _jsx(Typography, { variant: "caption", color: "textSecondary", children: Locale.label("wrapper.privateConversation", "Private Conversation") })] })] })] }) }), _jsx(Box, { sx: {
+                    flex: 1,
+                    display: 'flex',
+                    flexDirection: 'column',
+                    minHeight: 0,
+                    overflow: 'hidden'
+                }, children: _jsx(Notes, { maxHeight: "100%", context: props.context, conversationId: props.privateMessage.conversationId, noDisplayBox: true, refreshKey: props.refreshKey }) })] }));
+};
 //# sourceMappingURL=PrivateMessageDetails.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PrivateMessageDetails.js","sourceRoot":"","sources":["../../../src/components/wrapper/PrivateMessageDetails.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;AAGb,gDAA6C;AAE7C,0CAAuC;AACvC,2CAAuC;AAShC,MAAM,qBAAqB,GAAoB,CAAC,KAAK,EAAE,EAAE,CAAC,CAC/D,6DACE,iCAAK,KAAK,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,aAClE,iCAAM,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAC7B,uBAAC,yBAAW,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,KAAK,CAAC,MAAM,GAAI,GACjE,EACN,gBAAM,CAAC,KAAK,CAAC,kBAAkB,CAAC,OAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,IACxE,EACN,uBAAC,aAAK,IAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,GAAI,IAC1J,CACJ,CAAC;AAVW,QAAA,qBAAqB,yBAUhC"}
+{"version":3,"file":"PrivateMessageDetails.js","sourceRoot":"","sources":["../../../src/components/wrapper/PrivateMessageDetails.tsx"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"PrivateMessages.d.ts","sourceRoot":"","sources":["../../../src/components/wrapper/PrivateMessages.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAA2B,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAKpF,UAAU,KAAK;IACb,OAAO,EAAE,oBAAoB,CAAC;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4E3C,CAAC"}
+{"version":3,"file":"PrivateMessages.d.ts","sourceRoot":"","sources":["../../../src/components/wrapper/PrivateMessages.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAoBnD,OAAO,EAA2B,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAKpF,UAAU,KAAK;IACb,OAAO,EAAE,oBAAoB,CAAC;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAwBD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAygB1C,CAAC"}