@churchapps/apphelper 0.4.12 → 0.4.17

package/dist/helpers/index.d.ts

@@ -1,21 +1,10 @@
-export * from "@churchapps/helpers";
+export { ApiHelper, AppearanceHelper as BaseAppearanceHelper, ArrayHelper, CommonEnvironmentHelper, CurrencyHelper, DateHelper, ErrorHelper, EventHelper, FileHelper, PersonHelper, UserHelper, UniqueIdHelper, Permissions } from "@churchapps/helpers";
+export type { ErrorLogInterface, UserContextInterface, PermissionInterface, ChurchInterface, PersonInterface, UserInterface, LoginUserChurchInterface, ContactInfoInterface, DonationInterface, FundInterface, PaymentMethodInterface, StripeDonationInterface, FundDonationInterface, ResetPasswordRequestInterface, ResetPasswordResponseInterface, ConnectionInterface, SocketActionHandlerInterface, SocketPayloadInterface, UserChurchInterface } from "@churchapps/helpers";
 export { AnalyticsHelper } from "./AnalyticsHelper";
-export { ApiHelper } from "./ApiHelper";
-export { ArrayHelper } from "./ArrayHelper";
-export { CommonEnvironmentHelper } from "./CommonEnvironmentHelper";
-export { CurrencyHelper } from "./CurrencyHelper";
-export { DateHelper } from "./DateHelper";
-export { ErrorHelper } from "./ErrorHelper";
-export { EventHelper } from "./EventHelper";
-export { FileHelper } from "./FileHelper";
-export { Locale } from "./Locale";
-export { PersonHelper } from "./PersonHelper";
-export { SocketHelper } from "./SocketHelper";
-export { UserHelper } from "./UserHelper";
-export { UniqueIdHelper } from "./UniqueIdHelper";
-export { createEmotionCache } from "./createEmotionCache";
-export { DonationHelper } from "./DonationHelper";
 export { AppearanceHelper } from "./AppearanceHelper";
 export type { AppearanceInterface } from "./AppearanceHelper";
+export { createEmotionCache } from "./createEmotionCache";
+export { Locale } from "./Locale";
 export { SlugHelper } from "./SlugHelper";
+export { SocketHelper } from "./SocketHelper";
 //# sourceMappingURL=index.d.ts.map

package/dist/helpers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,SAAS,EACT,gBAAgB,IAAI,oBAAoB,EACxC,WAAW,EACX,uBAAuB,EACvB,cAAc,EACd,UAAU,EACV,WAAW,EACX,WAAW,EACX,UAAU,EACV,YAAY,EACZ,UAAU,EACV,cAAc,EACd,WAAW,EACZ,MAAM,qBAAqB,CAAC;AAG7B,YAAY,EACV,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,EACf,eAAe,EACf,aAAa,EACb,wBAAwB,EACxB,oBAAoB,EACpB,iBAAiB,EACjB,aAAa,EACb,sBAAsB,EACtB,uBAAuB,EACvB,qBAAqB,EACrB,6BAA6B,EAC7B,8BAA8B,EAC9B,mBAAmB,EACnB,4BAA4B,EAC5B,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/helpers/index.js

@@ -1,55 +1,10 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SlugHelper = exports.AppearanceHelper = exports.DonationHelper = exports.createEmotionCache = exports.UniqueIdHelper = exports.UserHelper = exports.SocketHelper = exports.PersonHelper = exports.Locale = exports.FileHelper = exports.EventHelper = exports.ErrorHelper = exports.DateHelper = exports.CurrencyHelper = exports.CommonEnvironmentHelper = exports.ArrayHelper = exports.ApiHelper = exports.AnalyticsHelper = void 0;
-__exportStar(require("@churchapps/helpers"), exports);
-var AnalyticsHelper_1 = require("./AnalyticsHelper");
-Object.defineProperty(exports, "AnalyticsHelper", { enumerable: true, get: function () { return AnalyticsHelper_1.AnalyticsHelper; } });
-var ApiHelper_1 = require("./ApiHelper");
-Object.defineProperty(exports, "ApiHelper", { enumerable: true, get: function () { return ApiHelper_1.ApiHelper; } });
-var ArrayHelper_1 = require("./ArrayHelper");
-Object.defineProperty(exports, "ArrayHelper", { enumerable: true, get: function () { return ArrayHelper_1.ArrayHelper; } });
-var CommonEnvironmentHelper_1 = require("./CommonEnvironmentHelper");
-Object.defineProperty(exports, "CommonEnvironmentHelper", { enumerable: true, get: function () { return CommonEnvironmentHelper_1.CommonEnvironmentHelper; } });
-var CurrencyHelper_1 = require("./CurrencyHelper");
-Object.defineProperty(exports, "CurrencyHelper", { enumerable: true, get: function () { return CurrencyHelper_1.CurrencyHelper; } });
-var DateHelper_1 = require("./DateHelper");
-Object.defineProperty(exports, "DateHelper", { enumerable: true, get: function () { return DateHelper_1.DateHelper; } });
-var ErrorHelper_1 = require("./ErrorHelper");
-Object.defineProperty(exports, "ErrorHelper", { enumerable: true, get: function () { return ErrorHelper_1.ErrorHelper; } });
-var EventHelper_1 = require("./EventHelper");
-Object.defineProperty(exports, "EventHelper", { enumerable: true, get: function () { return EventHelper_1.EventHelper; } });
-var FileHelper_1 = require("./FileHelper");
-Object.defineProperty(exports, "FileHelper", { enumerable: true, get: function () { return FileHelper_1.FileHelper; } });
-var Locale_1 = require("./Locale");
-Object.defineProperty(exports, "Locale", { enumerable: true, get: function () { return Locale_1.Locale; } });
-var PersonHelper_1 = require("./PersonHelper");
-Object.defineProperty(exports, "PersonHelper", { enumerable: true, get: function () { return PersonHelper_1.PersonHelper; } });
-var SocketHelper_1 = require("./SocketHelper");
-Object.defineProperty(exports, "SocketHelper", { enumerable: true, get: function () { return SocketHelper_1.SocketHelper; } });
-var UserHelper_1 = require("./UserHelper");
-Object.defineProperty(exports, "UserHelper", { enumerable: true, get: function () { return UserHelper_1.UserHelper; } });
-var UniqueIdHelper_1 = require("./UniqueIdHelper");
-Object.defineProperty(exports, "UniqueIdHelper", { enumerable: true, get: function () { return UniqueIdHelper_1.UniqueIdHelper; } });
-var createEmotionCache_1 = require("./createEmotionCache");
-Object.defineProperty(exports, "createEmotionCache", { enumerable: true, get: function () { return createEmotionCache_1.createEmotionCache; } });
-var DonationHelper_1 = require("./DonationHelper");
-Object.defineProperty(exports, "DonationHelper", { enumerable: true, get: function () { return DonationHelper_1.DonationHelper; } });
-var AppearanceHelper_1 = require("./AppearanceHelper");
-Object.defineProperty(exports, "AppearanceHelper", { enumerable: true, get: function () { return AppearanceHelper_1.AppearanceHelper; } });
-var SlugHelper_1 = require("./SlugHelper");
-Object.defineProperty(exports, "SlugHelper", { enumerable: true, get: function () { return SlugHelper_1.SlugHelper; } });
+// Re-export from @churchapps/helpers
+export { ApiHelper, AppearanceHelper as BaseAppearanceHelper, ArrayHelper, CommonEnvironmentHelper, CurrencyHelper, DateHelper, ErrorHelper, EventHelper, FileHelper, PersonHelper, UserHelper, UniqueIdHelper, Permissions } from "@churchapps/helpers";
+// Export local helpers
+export { AnalyticsHelper } from "./AnalyticsHelper";
+export { AppearanceHelper } from "./AppearanceHelper";
+export { createEmotionCache } from "./createEmotionCache";
+export { Locale } from "./Locale";
+export { SlugHelper } from "./SlugHelper";
+export { SocketHelper } from "./SocketHelper";
 //# sourceMappingURL=index.js.map

package/dist/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sDAAoC;AACpC,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AACxB,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAClB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,qEAAoE;AAA3D,kIAAA,uBAAuB,OAAA;AAChC,mDAAiD;AAAxC,gHAAA,cAAc,OAAA;AACvB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,+CAA6C;AAApC,4GAAA,YAAY,OAAA;AACrB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AACrB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AACvB,2DAA0D;AAAjD,wHAAA,kBAAkB,OAAA;AAC3B,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AACvB,uDAAsD;AAA7C,oHAAA,gBAAgB,OAAA;AAEzB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,EACL,SAAS,EACT,gBAAgB,IAAI,oBAAoB,EACxC,WAAW,EACX,uBAAuB,EACvB,cAAc,EACd,UAAU,EACV,WAAW,EACX,WAAW,EACX,UAAU,EACV,YAAY,EACZ,UAAU,EACV,cAAc,EACd,WAAW,EACZ,MAAM,qBAAqB,CAAC;AAyB7B,uBAAuB;AACvB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/hooks/index.js

@@ -1,6 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMountedState = void 0;
-var useMountedState_1 = require("./useMountedState");
-Object.defineProperty(exports, "useMountedState", { enumerable: true, get: function () { return useMountedState_1.useMountedState; } });
+export { useMountedState } from "./useMountedState";
 //# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,qDAAoD;AAA3C,kHAAA,eAAe,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/hooks/useMountedState.js

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMountedState = void 0;
-const react_1 = require("react");
-const useMountedState = () => {
-    const mountedRef = (0, react_1.useRef)(false);
-    const isMounted = (0, react_1.useCallback)(() => mountedRef.current, []);
-    (0, react_1.useEffect)(() => {
+import { useEffect, useRef, useCallback } from "react";
+export const useMountedState = () => {
+    const mountedRef = useRef(false);
+    const isMounted = useCallback(() => mountedRef.current, []);
+    useEffect(() => {
         mountedRef.current = true;
         return () => {
             mountedRef.current = false;
@@ -13,5 +10,4 @@ const useMountedState = () => {
     }, []);
     return isMounted;
 };
-exports.useMountedState = useMountedState;
 //# sourceMappingURL=useMountedState.js.map

package/dist/hooks/useMountedState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMountedState.js","sourceRoot":"","sources":["../../src/hooks/useMountedState.ts"],"names":[],"mappings":";;;AAAA,iCAAuD;AAEhD,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAA;IAChC,MAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;IAE3D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,GAAG,IAAI,CAAA;QAEzB,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,OAAO,GAAG,KAAK,CAAA;QAC5B,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA;AAbY,QAAA,eAAe,mBAa3B"}
+{"version":3,"file":"useMountedState.js","sourceRoot":"","sources":["../../src/hooks/useMountedState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAChC,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;IAE3D,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,GAAG,IAAI,CAAA;QAEzB,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,OAAO,GAAG,KAAK,CAAA;QAC5B,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA"}

package/dist/index.d.ts

@@ -1,7 +1,4 @@
 export * from "./helpers";
 export * from "./components";
-export * from "@churchapps/helpers";
-export * from "./pageComponents";
 export * from "./hooks";
-export * from "./donationComponents";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -1,23 +1,4 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./helpers"), exports);
-__exportStar(require("./components"), exports);
-__exportStar(require("@churchapps/helpers"), exports);
-__exportStar(require("./pageComponents"), exports);
-__exportStar(require("./hooks"), exports);
-__exportStar(require("./donationComponents"), exports);
+export * from "./helpers";
+export * from "./components";
+export * from "./hooks";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B;AAC1B,+CAA6B;AAC7B,sDAAoC;AACpC,mDAAiC;AACjC,0CAAwB;AACxB,uDAAqC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/package.json

@@ -1,22 +1,17 @@
 {
   "name": "@churchapps/apphelper",
-  "version": "0.4.12",
+  "version": "0.4.17",
   "description": "Library of helper functions for React and NextJS ChurchApps",
+  "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "clean": "rimraf dist",
-    "copy-css": "copyfiles -f src/components/markdownEditor/editor.css dist/components/markdownEditor",
-    "copy-icons": "copyfiles -f src/components/markdownEditor/images/icons/* dist/components/markdownEditor/images/icons",
-    "copy-emojis": "copyfiles -f src/components/markdownEditor/images/emoji/* dist/components/markdownEditor/images/emoji",
     "copy-languages": "copyfiles -a public/** dist",
-    "copy-assets": "npm-run-all copy-css copy-icons copy-emojis copy-languages",
-    "link": "link",
+    "copy-assets": "npm-run-all copy-languages",
     "tsc": "tsc",
-    "prepare": "npm run build",
-    "build": "npm-run-all clean tsc copy-assets",
-    "updateLink": "npm-run-all clean tsc && npm rm @churchapps/apphelper -g && npm link"
+    "build": "npm-run-all clean tsc copy-assets"
   },
   "repository": {
     "type": "git",
@@ -32,8 +27,8 @@
   },
   "homepage": "https://github.com/LiveChurchSolutions/AppHelper#readme",
   "peerDependencies": {
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "react-router-dom": "^7.6.3"
   },
   "dependencies": {
@@ -41,19 +36,8 @@
     "@emotion/cache": "^11.13.5",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@lexical/code": "^0.33.0",
-    "@lexical/link": "^0.33.0",
-    "@lexical/list": "^0.33.0",
-    "@lexical/markdown": "^0.33.0",
-    "@lexical/react": "^0.33.0",
-    "@lexical/rich-text": "^0.33.0",
-    "@lexical/selection": "^0.33.0",
-    "@lexical/table": "^0.33.0",
-    "@lexical/utils": "^0.33.0",
     "@mui/lab": "^7.0.0-beta.14",
     "@mui/material": "^7.2.0",
-    "@stripe/react-stripe-js": "^3.7.0",
-    "@stripe/stripe-js": "^7.4.0",
     "axios": "^1.10.0",
     "cropperjs": "^2.0.0",
     "date-fns": "^4.1.0",
@@ -63,9 +47,6 @@
     "i18next-chained-backend": "^4.6.2",
     "i18next-http-backend": "^3.0.2",
     "jwt-decode": "^4.0.0",
-    "lexical": "^0.33.0",
-    "marked": "^16.0.0",
-    "material-symbols": "^0.32.0",
     "mui-tel-input": "^9.0.1",
     "react-activity": "^2.1.3",
     "react-cookie": "^8.0.1",
@@ -73,10 +54,8 @@
     "react-csv": "^2.2.2",
     "react-ga4": "^2.1.0",
     "react-google-charts": "^5.2.1",
-    "react-google-recaptcha": "^3.1.0",
     "react-i18next": "^15.6.0",
     "react-to-print": "^3.1.1",
-    "rrule": "^2.8.1",
     "slug": "^11.0.0"
   },
   "devDependencies": {
@@ -84,7 +63,6 @@
     "@types/react": "^19.1.8",
     "@types/react-csv": "^1.1.10",
     "@types/react-dom": "^19.1.6",
-    "@types/react-google-recaptcha": "^2.1.5",
     "@types/slug": "^5.0.7",
     "copyfiles": "^2.4.1",
     "npm-run-all2": "^8.0.4",

package/src/components/ExportLink.tsx

@@ -1,8 +1,11 @@
 "use client";
 
 import { Button, Icon } from "@mui/material";
-import React from "react";
-import { CSVLink } from "react-csv";
+import React, { Suspense, lazy } from "react";
+import { Loading } from "./Loading";
+
+// Lazy load the CSVLink component
+const CSVLink = lazy(() => import("react-csv").then(module => ({ default: module.CSVLink })));
 
 interface Props {
   data: any[],
@@ -65,7 +68,13 @@ export const ExportLink: React.FC<Props> = (props) => {
   else {
     let items = [];
     if (props.spaceBefore) items.push(" ");
-    items.push(<CSVLink key={props.filename} data={people} headers={props.customHeaders || getHeaders()} filename={props.filename || "export.csv"}> <Button><Icon sx={{ marginRight: props.text ? 1 : 0 }}>{props.icon || "file_download"}</Icon>{props.text || ""}</Button></CSVLink>);
+    items.push(
+      <Suspense key={props.filename} fallback={<Button><Icon sx={{ marginRight: props.text ? 1 : 0 }}>{props.icon || "file_download"}</Icon>{props.text || ""}</Button>}>
+        <CSVLink data={people} headers={props.customHeaders || getHeaders()} filename={props.filename || "export.csv"}>
+          <Button><Icon sx={{ marginRight: props.text ? 1 : 0 }}>{props.icon || "file_download"}</Icon>{props.text || ""}</Button>
+        </CSVLink>
+      </Suspense>
+    );
     if (props.spaceAfter) items.push(" ");
     return (<>{items}</>);
   }

package/src/components/FormCardPayment.tsx

@@ -4,7 +4,8 @@ import React, { forwardRef, useImperativeHandle } from "react";
 import { CardElement, useElements, useStripe } from "@stripe/react-stripe-js";
 import { Box, Grid, TextField } from "@mui/material";
 import { QuestionInterface } from "@churchapps/helpers";
-import { ApiHelper, Locale, UserInterface, PersonInterface, StripePaymentMethod, StripeDonationInterface, ChurchInterface, FundInterface, ArrayHelper, UserHelper } from "../helpers";
+import { ApiHelper, Locale, UserInterface, PersonInterface, StripeDonationInterface, ChurchInterface, FundInterface, ArrayHelper, UserHelper } from "../helpers";
+import { StripePaymentMethod } from "@churchapps/helpers";
 
 interface Props {
 	churchId: string,

package/src/components/ImageEditor.tsx

@@ -1,11 +1,12 @@
 "use client";
 
-import React, { useState, useEffect, useRef } from "react";
-import Cropper from "react-cropper";
-// import "cropperjs/dist/cropper.css"; // CSS import removed due to Next.js compatibility issues
-import { InputBox, SmallButton } from ".";
+import React, { useState, useEffect, useRef, Suspense, lazy } from "react";
+import { InputBox, SmallButton, Loading } from ".";
 import { Locale } from "../helpers";
 
+// Lazy load the Cropper component
+const Cropper = lazy(() => import("react-cropper").then(module => ({ default: module.default })));
+
 interface Props {
   title?: string;
   photoUrl: string;
@@ -125,14 +126,16 @@ export function ImageEditor(props: Props) {
         </div>
       }
     >
-      <Cropper
-        ref={cropperRef}
-        src={photoSrc}
-        style={{ height: 240, width: "100%" }}
-        aspectRatio={props.aspectRatio}
-        guides={false}
-        crop={handleCrop}
-      />
+      <Suspense fallback={<Loading />}>
+        <Cropper
+          ref={cropperRef}
+          src={photoSrc}
+          style={{ height: 240, width: "100%" }}
+          aspectRatio={props.aspectRatio}
+          guides={false}
+          crop={handleCrop}
+        />
+      </Suspense>
     </InputBox>
   );
 }

package/src/components/InputBox.tsx

@@ -1,7 +1,8 @@
 "use client";
 
 import React from "react";
-import { Paper, Box, Typography, Stack, Button, Icon, PaperProps } from "@mui/material";
+import { Paper, Box, Typography, Stack, Button, PaperProps } from "@mui/material";
+import { Icon } from "@mui/material";
 import { HelpIcon } from "./HelpIcon";
 import { Locale } from "../helpers";
 import { styled, useTheme } from '@mui/material/styles';

package/src/components/Loading.tsx

@@ -2,7 +2,53 @@
 
 import React from "react";
 import { Dots } from "react-activity";
-import "react-activity/dist/library.css";
+
+// Inline CSS for react-activity to avoid external dependencies
+const activityStyles = `
+  .activity-loader {
+    position: relative;
+    display: inline-block;
+  }
+  .activity-dots {
+    position: relative;
+    display: inline-block;
+  }
+  .activity-dots > div {
+    position: absolute;
+    border-radius: 50%;
+    animation: activity-dots 1.2s infinite ease-in-out;
+    animation-fill-mode: both;
+  }
+  .activity-dots > div:nth-child(1) { animation-delay: -1.1s; }
+  .activity-dots > div:nth-child(2) { animation-delay: -1.0s; }
+  .activity-dots > div:nth-child(3) { animation-delay: -0.9s; }
+  .activity-dots > div:nth-child(4) { animation-delay: -0.8s; }
+  .activity-dots > div:nth-child(5) { animation-delay: -0.7s; }
+  .activity-dots > div:nth-child(6) { animation-delay: -0.6s; }
+  .activity-dots > div:nth-child(7) { animation-delay: -0.5s; }
+  .activity-dots > div:nth-child(8) { animation-delay: -0.4s; }
+  .activity-dots > div:nth-child(9) { animation-delay: -0.3s; }
+  .activity-dots > div:nth-child(10) { animation-delay: -0.2s; }
+  .activity-dots > div:nth-child(11) { animation-delay: -0.1s; }
+  .activity-dots > div:nth-child(12) { animation-delay: 0s; }
+
+  @keyframes activity-dots {
+    0%, 80%, 100% {
+      transform: scale(0);
+    }
+    40% {
+      transform: scale(1);
+    }
+  }
+`;
+
+// Add styles to document head if not already present
+if (typeof document !== 'undefined' && !document.getElementById('activity-styles')) {
+  const style = document.createElement('style');
+  style.id = 'activity-styles';
+  style.textContent = activityStyles;
+  document.head.appendChild(style);
+}
 
 interface Props { size?: "sm" | "md" | "lg", loadingText?: string, color?: string }
 

package/src/components/SupportModal.tsx

@@ -13,9 +13,14 @@ export const SupportModal: React.FC<Props> = ({ appName = "", onClose }) => {
   const subject = appName ? `?subject=${appName} Support` : ""
 
   return (<>
-    <Dialog open={true} onClose={onClose}>
-      <DialogTitle>Get Support</DialogTitle>
-      <DialogContent>
+    <Dialog 
+      open={true} 
+      onClose={onClose}
+      aria-labelledby="support-modal-title"
+      aria-describedby="support-modal-content"
+    >
+      <DialogTitle id="support-modal-title">Get Support</DialogTitle>
+      <DialogContent id="support-modal-content">
         <Stack direction="row" alignItems="center" sx={{flexWrap: "wrap"}}><b><Stack direction="row" alignItems="center" mr="5px"><Icon sx={{marginRight: "5px"}}>info</Icon> {Locale.label("support.documentation")}:</Stack></b> <a href="https://support.churchapps.org" target="_new">https://support.churchapps.org</a></Stack>
         <Stack direction="row" alignItems="center" sx={{flexWrap: "wrap"}} mb={2}><b><Stack direction="row" alignItems="center" mr="5px"><Icon sx={{marginRight: "5px"}}>forum</Icon> {Locale.label("support.discussions")}:</Stack></b> <a href="https://github.com/orgs/ChurchApps/discussions" target="_new">https://github.com/orgs/ChurchApps/discussions</a></Stack>
       </DialogContent>

package/src/components/header/PrimaryMenu.tsx

@@ -1,57 +1,100 @@
-import React from "react";
-import { Box, Button, Icon, Menu } from "@mui/material";
+import React, { useState, useRef } from "react";
+import { Box, Button, Icon, Paper, Popper, Grow, ClickAwayListener } from "@mui/material";
 import { NavItem } from "../wrapper/NavItem";
 
 interface Props {
-  label: string,
-  menuItems: { url: string, icon:string, label: string }[]
-	onNavigate: (url: string) => void,
+  label: string;
+  menuItems: { url: string; icon: string; label: string }[];
+  onNavigate: (url: string) => void;
 }
 
-export const PrimaryMenu = (props:Props) => {
-  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);
-  const open = Boolean(anchorEl);
+export const PrimaryMenu = (props: Props) => {
+  const [open, setOpen] = useState(false);
+  const anchorRef = useRef<HTMLButtonElement>(null);
 
-  const handleClose = () => { setAnchorEl(null); };
-
-  const handleClick = (e: React.MouseEvent<HTMLElement>) => {
-    e.preventDefault();
-    setAnchorEl(e.currentTarget);
+  const handleToggle = () => {
+    setOpen((prevOpen) => !prevOpen);
   };
 
-  const paperProps = {
-    elevation: 0,
-    sx: {
-      backgroundColor: "var(--c1)",
-      color: "#FFF",
-      overflow: "visible",
-      filter: "drop-shadow(0px 2px 8px rgba(0,0,0,0.32))",
-
-      "& .MuiAvatar-root": { width: 32, height: 32, ml: -0.5, mr: 1 },
-      minWidth: 300
+  const handleClose = (event: Event | React.SyntheticEvent) => {
+    if (
+      anchorRef.current &&
+      anchorRef.current.contains(event.target as HTMLElement)
+    ) {
+      return;
     }
+    setOpen(false);
+  };
+
+  const handleItemClick = (url: string) => {
+    setOpen(false);
+    props.onNavigate(url);
   };
 
   const getNavItems = () => {
     let result: React.ReactElement[] = [];
-    props.menuItems.forEach(item => {
-      result.push(<NavItem url={item.url} label={item.label.toUpperCase()} icon={item.icon} key={item.url} onNavigate={props.onNavigate} />);
+    props.menuItems.forEach((item) => {
+      result.push(
+        <NavItem
+          url={item.url}
+          label={item.label.toUpperCase()}
+          icon={item.icon}
+          key={item.url}
+          onNavigate={handleItemClick}
+        />
+      );
     });
     return result;
-  }
-
-  return (<>
-    <Button onClick={handleClick} color="inherit" aria-controls={open ? "account-menu" : undefined} aria-haspopup="true" aria-expanded={open ? "true" : undefined} endIcon={<Icon>expand_more</Icon>} id="primaryNavButton">
-      <img src="/images/logo-icon.png" alt="Primary Menu" />
-      <h2>{props.label}</h2>
-    </Button>
-
-    <Menu anchorEl={anchorEl} id="account-menu" open={anchorEl!==null} onClose={handleClose} slotProps={{ paper: paperProps }} transformOrigin={{ horizontal: "right", vertical: "top" }} anchorOrigin={{ horizontal: "right", vertical: "bottom" }} sx={{ "& .MuiBox-root": { borderBottom: 0 } }}>
-      <Box sx={{ borderBottom: 1, borderColor: "divider" }} id="primaryMenu">
-        {getNavItems()}
-      </Box>
-    </Menu>
-  </>
-
-  )
-}
+  };
+
+  return (
+    <>
+      <Button
+        ref={anchorRef}
+        onClick={handleToggle}
+        color="inherit"
+        endIcon={<Icon>expand_more</Icon>}
+        id="primaryNavButton"
+      >
+        <img src="/images/logo-icon.png" alt="Primary Menu" />
+        <h2>{props.label}</h2>
+      </Button>
+
+      <Popper
+        open={open}
+        anchorEl={anchorRef.current}
+        role={undefined}
+        placement="bottom-end"
+        transition
+        disablePortal={true}
+        style={{ zIndex: 1300, color: "#FFF" }}
+      >
+        {({ TransitionProps }) => (
+          <Grow {...TransitionProps}>
+            <Paper
+              elevation={3}
+              sx={{
+                backgroundColor: "var(--c1)",
+                color: "#FFF",
+                minWidth: 300,
+                paddingY: "10px",
+                filter: "drop-shadow(0px 2px 8px rgba(0,0,0,0.32))",
+              }}
+            >
+              <ClickAwayListener onClickAway={handleClose}>
+                <Box
+                  sx={{
+                    "& a": { color: "#FFF", textDecoration: "none" },
+                    "& a:hover": { color: "#DDD" },
+                  }}
+                >
+                  {getNavItems()}
+                </Box>
+              </ClickAwayListener>
+            </Paper>
+          </Grow>
+        )}
+      </Popper>
+    </>
+  );
+};

package/src/components/index.tsx

@@ -11,11 +11,6 @@ export { Notes } from "./notes/Notes";
 export { QuestionEdit } from "./QuestionEdit";
 export { SmallButton } from "./SmallButton";
 export { SupportModal } from "./SupportModal";
-export { MarkdownEditor } from "./markdownEditor/MarkdownEditor";
-export { MarkdownPreview } from "./markdownEditor/MarkdownPreview";
-
 export * from "./wrapper";
-export * from "./markdownEditor";
 export * from "./notes";
-export * from "./reporting";
 export * from "./header";

package/src/components/wrapper/AppList.tsx

@@ -1,11 +1,8 @@
 "use client";
 
 import React from "react";
-import { ApiHelper } from "../../helpers/ApiHelper";
-import { UserHelper } from "../../helpers/UserHelper";
+import { ApiHelper, UserHelper, CommonEnvironmentHelper, LoginUserChurchInterface } from "@churchapps/helpers";
 import { NavItem } from "./NavItem";
-import { CommonEnvironmentHelper } from "../../helpers/CommonEnvironmentHelper";
-import { LoginUserChurchInterface } from "@churchapps/helpers";
 
 export interface Props { appName: string; currentUserChurch: LoginUserChurchInterface; onNavigate: (url: string) => void; }