@churchapps/apphelper 0.1.7 → 0.1.9

package/src/helpers/FileHelper.ts

@@ -1,31 +1,31 @@
-import axios from "axios";
-
-export class FileHelper {
-
-  static postPresignedFile = (presigned: any, uploadedFile: File, progressCallback: (percent: number) => void) => {
-    const formData = new FormData();
-    formData.append("key", presigned.key);
-    formData.append("acl", "public-read");
-    formData.append("Content-Type", uploadedFile.type);
-    for (const property in presigned.fields) formData.append(property, presigned.fields[property]);
-    formData.append("file", uploadedFile);
-
-    const axiosConfig = {
-      headers: { "Content-Type": "multipart/form-data" },
-      onUploadProgress: (data: any) => {
-        progressCallback(Math.round((100 * data.loaded) / data.total));
-      }
-    };
-
-    return axios.post(presigned.url, formData, axiosConfig);
-  };
-
-  static dataURLtoBlob(dataurl: string) {
-    let arr = dataurl.split(","), mime = arr[0].match(/:(.*?);/)[1],
-      bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
-    while (n--) {
-      u8arr[n] = bstr.charCodeAt(n);
-    }
-    return new Blob([u8arr], { type: mime });
-  }
-}
+import axios from "axios";
+
+export class FileHelper {
+
+  static postPresignedFile = (presigned: any, uploadedFile: File, progressCallback: (percent: number) => void) => {
+    const formData = new FormData();
+    formData.append("key", presigned.key);
+    formData.append("acl", "public-read");
+    formData.append("Content-Type", uploadedFile.type);
+    for (const property in presigned.fields) formData.append(property, presigned.fields[property]);
+    formData.append("file", uploadedFile);
+
+    const axiosConfig = {
+      headers: { "Content-Type": "multipart/form-data" },
+      onUploadProgress: (data: any) => {
+        progressCallback(Math.round((100 * data.loaded) / data.total));
+      }
+    };
+
+    return axios.post(presigned.url, formData, axiosConfig);
+  };
+
+  static dataURLtoBlob(dataurl: string) {
+    let arr = dataurl.split(","), mime = arr[0].match(/:(.*?);/)[1],
+      bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
+    while (n--) {
+      u8arr[n] = bstr.charCodeAt(n);
+    }
+    return new Blob([u8arr], { type: mime });
+  }
+}

package/src/helpers/PersonHelper.ts

@@ -1,60 +1,60 @@
-import { PersonInterface, ContactInfoInterface } from "../interfaces";
-import { CommonEnvironmentHelper } from "./CommonEnvironmentHelper";
-
-export class PersonHelper {
-
-  static getPhotoUrl(person: PersonInterface) {
-    if (!person?.photo) return "/images/sample-profile.png"
-    else return person?.photo?.startsWith("data:image/png;base64,") ? person.photo : CommonEnvironmentHelper.ContentRoot + person.photo;
-  }
-
-  static getAge(birthdate: Date): string {
-    if (birthdate !== undefined && birthdate !== null) {
-      let ageDifMs = Date.now() - new Date(birthdate).getTime();
-      let ageDate = new Date(ageDifMs);
-      let years = Math.abs(ageDate.getUTCFullYear() - 1970);
-      return years + " years";
-    }
-    else return "";
-  }
-
-  static getDisplayName(firstName: string, lastName: string, nickName: string): string {
-    if (nickName !== undefined && nickName !== null && nickName.length > 0) return firstName + ' "' + nickName + '" ' + lastName;
-    else return firstName + " " + lastName;
-  }
-
-  public static compareAddress(address1: ContactInfoInterface, address2: ContactInfoInterface): boolean {
-    const displayAddress1: string = this.addressToString(address1).trim();
-    const displayAddress2: string = this.addressToString(address2).trim();
-
-    if (displayAddress1 !== displayAddress2) {
-      return true
-    }
-    return false
-  }
-
-  public static addressToString(address: ContactInfoInterface): string {
-    return `${address.address1 || ""} ${address.address2 || ""} ${address.city || ""}${(address.city && address.state) ? "," : ""} ${address.state || ""} ${address.zip || ""}`
-  }
-
-  public static changeOnlyAddress(contactInfo1: ContactInfoInterface, contactInfo2: ContactInfoInterface): ContactInfoInterface {
-    const updatedAddress: ContactInfoInterface = {
-      ...contactInfo1,
-      address1: contactInfo2.address1,
-      address2: contactInfo2.address2,
-      city: contactInfo2.city,
-      state: contactInfo2.state,
-      zip: contactInfo2.zip
-    }
-
-    return updatedAddress
-  }
-
-  public static checkAddressAvailabilty(person: PersonInterface): boolean {
-    const addressString: string = this.addressToString(person.contactInfo).trim();
-    if (addressString !== "") {
-      return true;
-    }
-    return false;
-  }
-}
+import { PersonInterface, ContactInfoInterface } from "../interfaces";
+import { CommonEnvironmentHelper } from "./CommonEnvironmentHelper";
+
+export class PersonHelper {
+
+  static getPhotoUrl(person: PersonInterface) {
+    if (!person?.photo) return "/images/sample-profile.png"
+    else return person?.photo?.startsWith("data:image/png;base64,") ? person.photo : CommonEnvironmentHelper.ContentRoot + person.photo;
+  }
+
+  static getAge(birthdate: Date): string {
+    if (birthdate !== undefined && birthdate !== null) {
+      let ageDifMs = Date.now() - new Date(birthdate).getTime();
+      let ageDate = new Date(ageDifMs);
+      let years = Math.abs(ageDate.getUTCFullYear() - 1970);
+      return years + " years";
+    }
+    else return "";
+  }
+
+  static getDisplayName(firstName: string, lastName: string, nickName: string): string {
+    if (nickName !== undefined && nickName !== null && nickName.length > 0) return firstName + ' "' + nickName + '" ' + lastName;
+    else return firstName + " " + lastName;
+  }
+
+  public static compareAddress(address1: ContactInfoInterface, address2: ContactInfoInterface): boolean {
+    const displayAddress1: string = this.addressToString(address1).trim();
+    const displayAddress2: string = this.addressToString(address2).trim();
+
+    if (displayAddress1 !== displayAddress2) {
+      return true
+    }
+    return false
+  }
+
+  public static addressToString(address: ContactInfoInterface): string {
+    return `${address.address1 || ""} ${address.address2 || ""} ${address.city || ""}${(address.city && address.state) ? "," : ""} ${address.state || ""} ${address.zip || ""}`
+  }
+
+  public static changeOnlyAddress(contactInfo1: ContactInfoInterface, contactInfo2: ContactInfoInterface): ContactInfoInterface {
+    const updatedAddress: ContactInfoInterface = {
+      ...contactInfo1,
+      address1: contactInfo2.address1,
+      address2: contactInfo2.address2,
+      city: contactInfo2.city,
+      state: contactInfo2.state,
+      zip: contactInfo2.zip
+    }
+
+    return updatedAddress
+  }
+
+  public static checkAddressAvailabilty(person: PersonInterface): boolean {
+    const addressString: string = this.addressToString(person.contactInfo).trim();
+    if (addressString !== "") {
+      return true;
+    }
+    return false;
+  }
+}

package/src/helpers/SocketHelper.ts

@@ -1,78 +1,78 @@
-import { ConnectionInterface, LoginUserChurchInterface, SocketActionHandlerInterface, SocketPayloadInterface, UserChurchInterface } from "../interfaces";
-import { ApiHelper } from "./ApiHelper";
-import { ArrayHelper } from "./ArrayHelper";
-import { CommonEnvironmentHelper } from "./CommonEnvironmentHelper";
-
-export class SocketHelper {
-  static socket: WebSocket;
-  static socketId: string;
-  static actionHandlers: SocketActionHandlerInterface[] = [];
-  private static personIdChurchId: {personId:string, churchId:string} = {personId:"", churchId:""};
-
-  static setPersonChurch = (pc: {personId:string, churchId:string}) => {
-    if (pc?.personId && pc.personId && pc.churchId!==this.personIdChurchId.churchId && pc.personId!==this.personIdChurchId.personId) {
-    //if (pc?.personId && pc.personId!==this.personIdChurchId.personId && this.socketId!==undefined && this.socketId) {
-      this.personIdChurchId = pc;
-      this.createAlertConnection();
-    }
-  }
-
-  static createAlertConnection = () => {
-    if (SocketHelper.personIdChurchId.personId && SocketHelper.socketId) {
-      const connection: ConnectionInterface = { conversationId: "alerts", churchId: SocketHelper.personIdChurchId.churchId, displayName: "Test", socketId: SocketHelper.socketId, personId:SocketHelper.personIdChurchId.personId }
-      ApiHelper.postAnonymous("/connections", [connection], "MessagingApi");
-    }
-  }
-
-  static init = async () => {
-    if (SocketHelper.socket !== undefined && SocketHelper.socket.readyState !== SocketHelper.socket.OPEN) {
-      try { SocketHelper.socket.close(); } catch (e) { console.log(e); }
-    }
-
-    await new Promise((resolve) => {
-      SocketHelper.socket = new WebSocket(CommonEnvironmentHelper.MessagingApiSocket);
-      SocketHelper.socket.onmessage = (event) => {
-        const payload = JSON.parse(event.data);
-        SocketHelper.handleMessage(payload);
-      };
-      SocketHelper.socket.onopen = async (e) => {
-        SocketHelper.socket.send("getId");  //not sure this is needed.  It auto-sends socketId on connect
-        setTimeout(() => { resolve(null); }, 500);
-      };
-      SocketHelper.socket.onclose = async (e) => {
-        //SocketHelper.events.disconnectHandler();
-        setTimeout(() => {
-          //Silently reconnect
-          if (SocketHelper.socket.readyState === SocketHelper.socket.CLOSED) {
-            SocketHelper.init().then(() => {
-              //SocketHelper.createAlertConnection();
-              SocketHelper.handleMessage({ action: "reconnect", data: null })
-            });
-          }
-        }, 1000);
-
-        //SocketHelper.handleMessage({ action: "disconnect", data: null })
-      }
-    });
-  }
-
-  static addHandler = (action: string, id: string, handleMessage: (data: any) => void) => {
-    const existing = ArrayHelper.getOne(SocketHelper.actionHandlers, "id", id);
-    if (existing !== null) existing.handleMessage = handleMessage;
-    else SocketHelper.actionHandlers.push({ action, id, handleMessage });
-  }
-
-  static handleMessage = (payload: SocketPayloadInterface) => {
-    //console.log("MESSAGE", payload)
-    if (payload.action==="socketId") {
-      SocketHelper.socketId = payload.data;
-      SocketHelper.createAlertConnection();
-    }
-    else {
-      ArrayHelper.getAll(SocketHelper.actionHandlers, "action", payload.action).forEach((handler) => {
-        handler.handleMessage(payload.data);
-      });
-    }
-  }
-
-}
+import { ConnectionInterface, LoginUserChurchInterface, SocketActionHandlerInterface, SocketPayloadInterface, UserChurchInterface } from "../interfaces";
+import { ApiHelper } from "./ApiHelper";
+import { ArrayHelper } from "./ArrayHelper";
+import { CommonEnvironmentHelper } from "./CommonEnvironmentHelper";
+
+export class SocketHelper {
+  static socket: WebSocket;
+  static socketId: string;
+  static actionHandlers: SocketActionHandlerInterface[] = [];
+  private static personIdChurchId: {personId:string, churchId:string} = {personId:"", churchId:""};
+
+  static setPersonChurch = (pc: {personId:string, churchId:string}) => {
+    if (pc?.personId && pc.personId && pc.churchId!==this.personIdChurchId.churchId && pc.personId!==this.personIdChurchId.personId) {
+    //if (pc?.personId && pc.personId!==this.personIdChurchId.personId && this.socketId!==undefined && this.socketId) {
+      this.personIdChurchId = pc;
+      this.createAlertConnection();
+    }
+  }
+
+  static createAlertConnection = () => {
+    if (SocketHelper.personIdChurchId.personId && SocketHelper.socketId) {
+      const connection: ConnectionInterface = { conversationId: "alerts", churchId: SocketHelper.personIdChurchId.churchId, displayName: "Test", socketId: SocketHelper.socketId, personId:SocketHelper.personIdChurchId.personId }
+      ApiHelper.postAnonymous("/connections", [connection], "MessagingApi");
+    }
+  }
+
+  static init = async () => {
+    if (SocketHelper.socket !== undefined && SocketHelper.socket.readyState !== SocketHelper.socket.OPEN) {
+      try { SocketHelper.socket.close(); } catch (e) { console.log(e); }
+    }
+
+    await new Promise((resolve) => {
+      SocketHelper.socket = new WebSocket(CommonEnvironmentHelper.MessagingApiSocket);
+      SocketHelper.socket.onmessage = (event) => {
+        const payload = JSON.parse(event.data);
+        SocketHelper.handleMessage(payload);
+      };
+      SocketHelper.socket.onopen = async (e) => {
+        SocketHelper.socket.send("getId");  //not sure this is needed.  It auto-sends socketId on connect
+        setTimeout(() => { resolve(null); }, 500);
+      };
+      SocketHelper.socket.onclose = async (e) => {
+        //SocketHelper.events.disconnectHandler();
+        setTimeout(() => {
+          //Silently reconnect
+          if (SocketHelper.socket.readyState === SocketHelper.socket.CLOSED) {
+            SocketHelper.init().then(() => {
+              //SocketHelper.createAlertConnection();
+              SocketHelper.handleMessage({ action: "reconnect", data: null })
+            });
+          }
+        }, 1000);
+
+        //SocketHelper.handleMessage({ action: "disconnect", data: null })
+      }
+    });
+  }
+
+  static addHandler = (action: string, id: string, handleMessage: (data: any) => void) => {
+    const existing = ArrayHelper.getOne(SocketHelper.actionHandlers, "id", id);
+    if (existing !== null) existing.handleMessage = handleMessage;
+    else SocketHelper.actionHandlers.push({ action, id, handleMessage });
+  }
+
+  static handleMessage = (payload: SocketPayloadInterface) => {
+    //console.log("MESSAGE", payload)
+    if (payload.action==="socketId") {
+      SocketHelper.socketId = payload.data;
+      SocketHelper.createAlertConnection();
+    }
+    else {
+      ArrayHelper.getAll(SocketHelper.actionHandlers, "action", payload.action).forEach((handler) => {
+        handler.handleMessage(payload.data);
+      });
+    }
+  }
+
+}

package/src/helpers/Themes.ts

@@ -1,14 +1,14 @@
-import { createTheme } from "@mui/material";
-
-export class Themes {
-  static BaseTheme = createTheme({
-    palette: { secondary: { main: "#444444" } },
-    components: {
-      MuiTextField: { defaultProps: { margin: "normal" } },
-      MuiFormControl: { defaultProps: { margin: "normal" } }
-    }
-  });
-
-  static NavBarStyle = { "& .selected .MuiListItemButton-root": { backgroundColor: "#333333" } }
-
-}
+import { createTheme } from "@mui/material";
+
+export class Themes {
+  static BaseTheme = createTheme({
+    palette: { secondary: { main: "#444444" } },
+    components: {
+      MuiTextField: { defaultProps: { margin: "normal" } },
+      MuiFormControl: { defaultProps: { margin: "normal" } }
+    }
+  });
+
+  static NavBarStyle = { "& .selected .MuiListItemButton-root": { backgroundColor: "#333333" } }
+
+}

package/src/helpers/UniqueIdHelper.ts

@@ -1,36 +1,36 @@
-export class UniqueIdHelper {
-
-  static chars = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z",
-    "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z",
-    "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0",
-    "-", "_"];
-
-  static alphanumericChars = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z",
-    "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z",
-    "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0"];
-
-  public static isMissing(obj: any) {
-    if (obj === undefined || obj === null) return true;
-    else if (obj.toString() === "") return true;
-    else return false;
-  }
-
-  public static shortId() {
-    return this.generate(UniqueIdHelper.chars, 11);
-  }
-
-  public static generateAlphanumeric() {
-    return this.generate(UniqueIdHelper.alphanumericChars, 11);
-  }
-
-  public static generate(charList: string[], length: number) {
-    let result = "";
-    for (let i = 0; i < length; i++) {
-      const idx = Math.floor(Math.random() * charList.length);
-      const c = charList[idx];
-      result += c;
-    }
-    return result;
-  }
-
-}
+export class UniqueIdHelper {
+
+  static chars = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z",
+    "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z",
+    "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0",
+    "-", "_"];
+
+  static alphanumericChars = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z",
+    "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z",
+    "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0"];
+
+  public static isMissing(obj: any) {
+    if (obj === undefined || obj === null) return true;
+    else if (obj.toString() === "") return true;
+    else return false;
+  }
+
+  public static shortId() {
+    return this.generate(UniqueIdHelper.chars, 11);
+  }
+
+  public static generateAlphanumeric() {
+    return this.generate(UniqueIdHelper.alphanumericChars, 11);
+  }
+
+  public static generate(charList: string[], length: number) {
+    let result = "";
+    for (let i = 0; i < length; i++) {
+      const idx = Math.floor(Math.random() * charList.length);
+      const c = charList[idx];
+      result += c;
+    }
+    return result;
+  }
+
+}

package/src/helpers/UserHelper.ts

@@ -1,59 +1,59 @@
-import { ApiHelper } from "./ApiHelper"
-import { UserInterface, UserContextInterface, IPermission, PersonInterface, LoginUserChurchInterface } from "../interfaces";
-
-export class UserHelper {
-  static currentUserChurch: LoginUserChurchInterface;
-  static userChurches: LoginUserChurchInterface[];
-  static user: UserInterface;
-  static churchChanged: boolean = false;
-  static person: PersonInterface;
-
-  static selectChurch = async (context?: UserContextInterface, churchId?: string, keyName?: string) => {
-    let userChurch = null;
-
-    if (churchId) {
-      UserHelper.userChurches.forEach(uc => {
-        if (uc.church.id === churchId) userChurch = uc;
-      });
-    }
-    else if (keyName) UserHelper.userChurches.forEach(uc => { if (uc.church.subDomain === keyName) userChurch = uc; });
-    else userChurch = UserHelper.userChurches[0];
-    if (!userChurch) return;
-    else {
-      UserHelper.currentUserChurch = userChurch;
-      UserHelper.setupApiHelper(UserHelper.currentUserChurch);
-      // TODO - remove context code from here and perform the logic in the component itself.
-      if (context) {
-        if (context.userChurch !== null) UserHelper.churchChanged = true;
-        context.setUserChurch(UserHelper.currentUserChurch);
-      }
-    }
-  }
-
-  static setupApiHelper(userChurch: LoginUserChurchInterface) {
-    ApiHelper.setDefaultPermissions(userChurch.jwt);
-    userChurch.apis.forEach(api => { ApiHelper.setPermissions(api.keyName, api.jwt, api.permissions); });
-  }
-
-  static setupApiHelperNoChurch(user: LoginUserChurchInterface) {
-    ApiHelper.setDefaultPermissions(user.jwt);
-  }
-
-  static checkAccess({ api, contentType, action }: IPermission): boolean {
-    const permissions = ApiHelper.getConfig(api).permisssions;
-
-    let result = false;
-    if (permissions !== undefined) {
-      permissions.forEach(element => {
-        if (element.contentType === contentType && element.action === action) result = true;
-      });
-    }
-    return result;
-  }
-
-  static createAppUrl(appUrl: string, returnUrl: string) {
-    const jwt = ApiHelper.getConfig("MembershipApi").jwt;
-
-    return `${appUrl}/login/?jwt=${jwt}&returnUrl=${returnUrl}`;
-  }
-}
+import { ApiHelper } from "./ApiHelper"
+import { UserInterface, UserContextInterface, IPermission, PersonInterface, LoginUserChurchInterface } from "../interfaces";
+
+export class UserHelper {
+  static currentUserChurch: LoginUserChurchInterface;
+  static userChurches: LoginUserChurchInterface[];
+  static user: UserInterface;
+  static churchChanged: boolean = false;
+  static person: PersonInterface;
+
+  static selectChurch = async (context?: UserContextInterface, churchId?: string, keyName?: string) => {
+    let userChurch = null;
+
+    if (churchId) {
+      UserHelper.userChurches.forEach(uc => {
+        if (uc.church.id === churchId) userChurch = uc;
+      });
+    }
+    else if (keyName) UserHelper.userChurches.forEach(uc => { if (uc.church.subDomain === keyName) userChurch = uc; });
+    else userChurch = UserHelper.userChurches[0];
+    if (!userChurch) return;
+    else {
+      UserHelper.currentUserChurch = userChurch;
+      UserHelper.setupApiHelper(UserHelper.currentUserChurch);
+      // TODO - remove context code from here and perform the logic in the component itself.
+      if (context) {
+        if (context.userChurch !== null) UserHelper.churchChanged = true;
+        context.setUserChurch(UserHelper.currentUserChurch);
+      }
+    }
+  }
+
+  static setupApiHelper(userChurch: LoginUserChurchInterface) {
+    ApiHelper.setDefaultPermissions(userChurch.jwt);
+    userChurch.apis.forEach(api => { ApiHelper.setPermissions(api.keyName, api.jwt, api.permissions); });
+  }
+
+  static setupApiHelperNoChurch(user: LoginUserChurchInterface) {
+    ApiHelper.setDefaultPermissions(user.jwt);
+  }
+
+  static checkAccess({ api, contentType, action }: IPermission): boolean {
+    const permissions = ApiHelper.getConfig(api).permisssions;
+
+    let result = false;
+    if (permissions !== undefined) {
+      permissions.forEach(element => {
+        if (element.contentType === contentType && element.action === action) result = true;
+      });
+    }
+    return result;
+  }
+
+  static createAppUrl(appUrl: string, returnUrl: string) {
+    const jwt = ApiHelper.getConfig("MembershipApi").jwt;
+
+    return `${appUrl}/login/?jwt=${jwt}&returnUrl=${returnUrl}`;
+  }
+}

package/src/helpers/createEmotionCache.ts

@@ -1,17 +1,17 @@
-import createCache from "@emotion/cache";
-
-const isBrowser = typeof document !== "undefined";
-
-// On the client side, Create a meta tag at the top of the <head> and set it as insertionPoint.
-// This assures that MUI styles are loaded first.
-// It allows developers to easily override MUI styles with other styling solutions, like CSS modules.
-export function createEmotionCache() {
-  let insertionPoint;
-
-  if (isBrowser) {
-    const emotionInsertionPoint = document.querySelector<HTMLMetaElement>('meta[name="emotion-insertion-point"]');
-    insertionPoint = emotionInsertionPoint ?? undefined;
-  }
-
-  return createCache({ key: "mui-style", insertionPoint });
-}
+import createCache from "@emotion/cache";
+
+const isBrowser = typeof document !== "undefined";
+
+// On the client side, Create a meta tag at the top of the <head> and set it as insertionPoint.
+// This assures that MUI styles are loaded first.
+// It allows developers to easily override MUI styles with other styling solutions, like CSS modules.
+export function createEmotionCache() {
+  let insertionPoint;
+
+  if (isBrowser) {
+    const emotionInsertionPoint = document.querySelector<HTMLMetaElement>('meta[name="emotion-insertion-point"]');
+    insertionPoint = emotionInsertionPoint ?? undefined;
+  }
+
+  return createCache({ key: "mui-style", insertionPoint });
+}

package/src/helpers/index.ts

@@ -1,18 +1,18 @@
-export * 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 { PersonHelper } from "./PersonHelper"
-export { SocketHelper } from "./SocketHelper";
-export { Themes } from "./Themes"
-export { UserHelper } from "./UserHelper";
-export { UniqueIdHelper } from "./UniqueIdHelper";
-export { createEmotionCache } from "./createEmotionCache";
-export { DonationHelper } from "./DonationHelper";
-export { AppearanceInterface, AppearanceHelper } from "./AppearanceHelper";
+export * 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 { PersonHelper } from "./PersonHelper"
+export { SocketHelper } from "./SocketHelper";
+export { Themes } from "./Themes"
+export { UserHelper } from "./UserHelper";
+export { UniqueIdHelper } from "./UniqueIdHelper";
+export { createEmotionCache } from "./createEmotionCache";
+export { DonationHelper } from "./DonationHelper";
+export { AppearanceInterface, AppearanceHelper } from "./AppearanceHelper";

package/src/hooks/index.ts

@@ -1 +1 @@
-export { useMountedState } from "./useMountedState";
+export { useMountedState } from "./useMountedState";