@churchapps/apphelper 0.1.6 → 0.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (216) hide show
  1. package/.eslintignore +3 -3
  2. package/.eslintrc.json +22 -22
  3. package/LICENSE +21 -21
  4. package/README.md +24 -22
  5. package/dist/components/markdownEditor/editor.css +787 -787
  6. package/dist/components/markdownEditor/images/icons/arrow-clockwise.svg +3 -3
  7. package/dist/components/markdownEditor/images/icons/arrow-counterclockwise.svg +3 -3
  8. package/dist/components/markdownEditor/images/icons/chat-square-quote.svg +3 -3
  9. package/dist/components/markdownEditor/images/icons/chevron-down.svg +2 -2
  10. package/dist/components/markdownEditor/images/icons/code.svg +2 -2
  11. package/dist/components/markdownEditor/images/icons/journal-code.svg +4 -4
  12. package/dist/components/markdownEditor/images/icons/journal-text.svg +4 -4
  13. package/dist/components/markdownEditor/images/icons/justify.svg +2 -2
  14. package/dist/components/markdownEditor/images/icons/link.svg +3 -3
  15. package/dist/components/markdownEditor/images/icons/list-ol.svg +3 -3
  16. package/dist/components/markdownEditor/images/icons/list-ul.svg +2 -2
  17. package/dist/components/markdownEditor/images/icons/pencil-fill.svg +2 -2
  18. package/dist/components/markdownEditor/images/icons/text-center.svg +2 -2
  19. package/dist/components/markdownEditor/images/icons/text-left.svg +2 -2
  20. package/dist/components/markdownEditor/images/icons/text-paragraph.svg +2 -2
  21. package/dist/components/markdownEditor/images/icons/text-right.svg +2 -2
  22. package/dist/components/markdownEditor/images/icons/type-bold.svg +2 -2
  23. package/dist/components/markdownEditor/images/icons/type-h1.svg +2 -2
  24. package/dist/components/markdownEditor/images/icons/type-h2.svg +2 -2
  25. package/dist/components/markdownEditor/images/icons/type-h3.svg +2 -2
  26. package/dist/components/markdownEditor/images/icons/type-h4.svg +12 -12
  27. package/dist/components/markdownEditor/images/icons/type-italic.svg +2 -2
  28. package/dist/components/markdownEditor/images/icons/type-strikethrough.svg +2 -2
  29. package/dist/components/markdownEditor/images/icons/type-underline.svg +2 -2
  30. package/dist/components/notes/Notes.d.ts +1 -0
  31. package/dist/components/notes/Notes.d.ts.map +1 -1
  32. package/dist/components/notes/Notes.js +1 -1
  33. package/dist/components/notes/Notes.js.map +1 -1
  34. package/dist/components/wrapper/NotificationMenu.d.ts.map +1 -1
  35. package/dist/components/wrapper/NotificationMenu.js +28 -11
  36. package/dist/components/wrapper/NotificationMenu.js.map +1 -1
  37. package/dist/components/wrapper/Notifications.d.ts +1 -0
  38. package/dist/components/wrapper/Notifications.d.ts.map +1 -1
  39. package/dist/components/wrapper/Notifications.js +2 -0
  40. package/dist/components/wrapper/Notifications.js.map +1 -1
  41. package/dist/components/wrapper/PrivateMessageDetails.d.ts +1 -0
  42. package/dist/components/wrapper/PrivateMessageDetails.d.ts.map +1 -1
  43. package/dist/components/wrapper/PrivateMessageDetails.js +1 -1
  44. package/dist/components/wrapper/PrivateMessageDetails.js.map +1 -1
  45. package/dist/components/wrapper/PrivateMessages.d.ts +2 -0
  46. package/dist/components/wrapper/PrivateMessages.d.ts.map +1 -1
  47. package/dist/components/wrapper/PrivateMessages.js +6 -3
  48. package/dist/components/wrapper/PrivateMessages.js.map +1 -1
  49. package/dist/components/wrapper/SiteWrapper.d.ts.map +1 -1
  50. package/dist/components/wrapper/SiteWrapper.js +1 -0
  51. package/dist/components/wrapper/SiteWrapper.js.map +1 -1
  52. package/dist/helpers/DateHelper.d.ts.map +1 -1
  53. package/dist/helpers/DateHelper.js +2 -0
  54. package/dist/helpers/DateHelper.js.map +1 -1
  55. package/dist/helpers/SocketHelper.d.ts.map +1 -1
  56. package/dist/helpers/SocketHelper.js +4 -2
  57. package/dist/helpers/SocketHelper.js.map +1 -1
  58. package/dist/interfaces/Messaging.d.ts +10 -1
  59. package/dist/interfaces/Messaging.d.ts.map +1 -1
  60. package/package.json +86 -85
  61. package/src/components/CreatePerson.tsx +80 -80
  62. package/src/components/DisplayBox.tsx +68 -68
  63. package/src/components/ErrorMessages.tsx +26 -26
  64. package/src/components/ExportLink.tsx +67 -67
  65. package/src/components/FloatingSupport.tsx +16 -16
  66. package/src/components/FormSubmissionEdit.tsx +120 -120
  67. package/src/components/HelpIcon.tsx +10 -10
  68. package/src/components/ImageEditor.tsx +126 -126
  69. package/src/components/InputBox.tsx +73 -73
  70. package/src/components/Loading.tsx +29 -29
  71. package/src/components/PersonAdd.tsx +75 -75
  72. package/src/components/QuestionEdit.tsx +63 -63
  73. package/src/components/SmallButton.tsx +39 -39
  74. package/src/components/SupportModal.tsx +26 -26
  75. package/src/components/TabPanel.tsx +34 -34
  76. package/src/components/gallery/GalleryModal.tsx +102 -102
  77. package/src/components/gallery/StockPhotos.tsx +74 -74
  78. package/src/components/gallery/index.ts +1 -1
  79. package/src/components/iconPicker/IconNamesList.ts +2240 -2240
  80. package/src/components/iconPicker/IconPicker.tsx +153 -153
  81. package/src/components/index.tsx +24 -24
  82. package/src/components/markdownEditor/Editor.tsx +132 -132
  83. package/src/components/markdownEditor/MarkdownEditor.tsx +16 -16
  84. package/src/components/markdownEditor/MarkdownModal.tsx +46 -46
  85. package/src/components/markdownEditor/MarkdownPreview.tsx +14 -14
  86. package/src/components/markdownEditor/editor.css +787 -787
  87. package/src/components/markdownEditor/images/icons/arrow-clockwise.svg +3 -3
  88. package/src/components/markdownEditor/images/icons/arrow-counterclockwise.svg +3 -3
  89. package/src/components/markdownEditor/images/icons/chat-square-quote.svg +3 -3
  90. package/src/components/markdownEditor/images/icons/chevron-down.svg +2 -2
  91. package/src/components/markdownEditor/images/icons/code.svg +2 -2
  92. package/src/components/markdownEditor/images/icons/journal-code.svg +4 -4
  93. package/src/components/markdownEditor/images/icons/journal-text.svg +4 -4
  94. package/src/components/markdownEditor/images/icons/justify.svg +2 -2
  95. package/src/components/markdownEditor/images/icons/link.svg +3 -3
  96. package/src/components/markdownEditor/images/icons/list-ol.svg +3 -3
  97. package/src/components/markdownEditor/images/icons/list-ul.svg +2 -2
  98. package/src/components/markdownEditor/images/icons/pencil-fill.svg +2 -2
  99. package/src/components/markdownEditor/images/icons/text-center.svg +2 -2
  100. package/src/components/markdownEditor/images/icons/text-left.svg +2 -2
  101. package/src/components/markdownEditor/images/icons/text-paragraph.svg +2 -2
  102. package/src/components/markdownEditor/images/icons/text-right.svg +2 -2
  103. package/src/components/markdownEditor/images/icons/type-bold.svg +2 -2
  104. package/src/components/markdownEditor/images/icons/type-h1.svg +2 -2
  105. package/src/components/markdownEditor/images/icons/type-h2.svg +2 -2
  106. package/src/components/markdownEditor/images/icons/type-h3.svg +2 -2
  107. package/src/components/markdownEditor/images/icons/type-h4.svg +12 -12
  108. package/src/components/markdownEditor/images/icons/type-italic.svg +2 -2
  109. package/src/components/markdownEditor/images/icons/type-strikethrough.svg +2 -2
  110. package/src/components/markdownEditor/images/icons/type-underline.svg +2 -2
  111. package/src/components/markdownEditor/index.ts +2 -2
  112. package/src/components/markdownEditor/plugins/AutoLinkPlugin.tsx +35 -35
  113. package/src/components/markdownEditor/plugins/ControlledEditorPlugin.tsx +24 -24
  114. package/src/components/markdownEditor/plugins/ListMaxIndentLevelPlugin.tsx +68 -68
  115. package/src/components/markdownEditor/plugins/MarkdownTransformers.ts +106 -106
  116. package/src/components/markdownEditor/plugins/ReadOnlyPlugin.tsx +15 -15
  117. package/src/components/markdownEditor/plugins/ToolbarPlugin.tsx +401 -401
  118. package/src/components/markdownEditor/plugins/customLink/CustomLinkNode.tsx +224 -224
  119. package/src/components/markdownEditor/plugins/customLink/CustomLinkNodePlugin.tsx +32 -32
  120. package/src/components/markdownEditor/plugins/customLink/CustomLinkNodeTransformer.tsx +102 -102
  121. package/src/components/markdownEditor/plugins/customLink/FloatingLinkEditor.tsx +243 -243
  122. package/src/components/markdownEditor/plugins/customLink/FloatingLinkEditor.types.ts +11 -11
  123. package/src/components/markdownEditor/plugins/emoji/EmojiNode.tsx +95 -95
  124. package/src/components/markdownEditor/plugins/emoji/EmojiNodeTransform.ts +41 -41
  125. package/src/components/markdownEditor/plugins/emoji/EmojiPickerPlugin.tsx +152 -152
  126. package/src/components/markdownEditor/plugins/emoji/EmojisPlugin.tsx +65 -65
  127. package/src/components/markdownEditor/plugins/index.ts +6 -6
  128. package/src/components/markdownEditor/theme.ts +65 -65
  129. package/src/components/notes/AddNote.tsx +90 -90
  130. package/src/components/notes/Conversation.tsx +82 -82
  131. package/src/components/notes/Conversations.tsx +58 -58
  132. package/src/components/notes/NewConversation.tsx +78 -78
  133. package/src/components/notes/Note.tsx +44 -44
  134. package/src/components/notes/Notes.tsx +69 -68
  135. package/src/components/notes/index.ts +5 -5
  136. package/src/components/reporting/ChartReport.tsx +98 -98
  137. package/src/components/reporting/ReportFilter.tsx +54 -54
  138. package/src/components/reporting/ReportFilterField.tsx +160 -160
  139. package/src/components/reporting/ReportOutput.tsx +79 -79
  140. package/src/components/reporting/ReportWithFilter.tsx +70 -70
  141. package/src/components/reporting/TableReport.tsx +57 -57
  142. package/src/components/reporting/TreeReport.tsx +111 -111
  143. package/src/components/reporting/index.ts +4 -4
  144. package/src/components/wrapper/AppList.tsx +20 -20
  145. package/src/components/wrapper/ChurchList.tsx +22 -22
  146. package/src/components/wrapper/Drawers.tsx +60 -60
  147. package/src/components/wrapper/NavItem.tsx +41 -41
  148. package/src/components/wrapper/NewPrivateMessage.tsx +103 -103
  149. package/src/components/wrapper/NotificationMenu.tsx +96 -85
  150. package/src/components/wrapper/Notifications.tsx +53 -50
  151. package/src/components/wrapper/PrivateMessageDetails.tsx +24 -23
  152. package/src/components/wrapper/PrivateMessages.tsx +92 -87
  153. package/src/components/wrapper/SiteWrapper.tsx +97 -96
  154. package/src/components/wrapper/TabPanel.tsx +30 -30
  155. package/src/components/wrapper/UserMenu.tsx +106 -106
  156. package/src/components/wrapper/index.tsx +5 -5
  157. package/src/donationComponents/DonationPage.tsx +136 -136
  158. package/src/donationComponents/components/BankForm.tsx +159 -159
  159. package/src/donationComponents/components/CardForm.tsx +104 -104
  160. package/src/donationComponents/components/DonationForm.tsx +235 -235
  161. package/src/donationComponents/components/FundDonation.tsx +49 -49
  162. package/src/donationComponents/components/FundDonations.tsx +39 -39
  163. package/src/donationComponents/components/NonAuthDonation.tsx +31 -31
  164. package/src/donationComponents/components/NonAuthDonationInner.tsx +259 -259
  165. package/src/donationComponents/components/PaymentMethods.tsx +135 -135
  166. package/src/donationComponents/components/RecurringDonations.tsx +121 -121
  167. package/src/donationComponents/components/RecurringDonationsEdit.tsx +93 -93
  168. package/src/donationComponents/components/index.tsx +9 -9
  169. package/src/donationComponents/index.ts +3 -3
  170. package/src/donationComponents/modals/DonationPreviewModal.tsx +66 -66
  171. package/src/helpers/AnalyticsHelper.ts +33 -33
  172. package/src/helpers/ApiHelper.ts +125 -125
  173. package/src/helpers/AppearanceHelper.ts +69 -69
  174. package/src/helpers/ArrayHelper.ts +81 -81
  175. package/src/helpers/CommonEnvironmentHelper.ts +80 -80
  176. package/src/helpers/CurrencyHelper.ts +10 -10
  177. package/src/helpers/DateHelper.ts +109 -108
  178. package/src/helpers/DonationHelper.ts +26 -26
  179. package/src/helpers/ErrorHelper.ts +36 -36
  180. package/src/helpers/EventHelper.ts +52 -52
  181. package/src/helpers/FileHelper.ts +31 -31
  182. package/src/helpers/PersonHelper.ts +60 -60
  183. package/src/helpers/SocketHelper.ts +78 -76
  184. package/src/helpers/Themes.ts +14 -14
  185. package/src/helpers/UniqueIdHelper.ts +36 -36
  186. package/src/helpers/UserHelper.ts +59 -59
  187. package/src/helpers/createEmotionCache.ts +17 -17
  188. package/src/helpers/index.ts +18 -18
  189. package/src/hooks/index.ts +1 -1
  190. package/src/hooks/useMountedState.ts +16 -16
  191. package/src/index.ts +6 -6
  192. package/src/interfaces/Access.ts +24 -24
  193. package/src/interfaces/Attendance.ts +8 -8
  194. package/src/interfaces/Content.ts +10 -10
  195. package/src/interfaces/Doing.ts +24 -24
  196. package/src/interfaces/Donation.ts +45 -45
  197. package/src/interfaces/Error.ts +17 -17
  198. package/src/interfaces/Membership.ts +51 -51
  199. package/src/interfaces/Messaging.ts +11 -21
  200. package/src/interfaces/Permissions.ts +68 -68
  201. package/src/interfaces/Reporting.ts +7 -7
  202. package/src/interfaces/UserContextInterface.ts +13 -13
  203. package/src/interfaces/index.ts +13 -13
  204. package/src/pageComponents/LoginPage.tsx +244 -244
  205. package/src/pageComponents/LogoutPage.tsx +28 -28
  206. package/src/pageComponents/components/Forgot.tsx +79 -79
  207. package/src/pageComponents/components/Login.tsx +54 -54
  208. package/src/pageComponents/components/LoginSetPassword.tsx +63 -63
  209. package/src/pageComponents/components/Register.tsx +107 -107
  210. package/src/pageComponents/components/SelectChurchModal.tsx +41 -41
  211. package/src/pageComponents/components/SelectChurchRegister.tsx +88 -88
  212. package/src/pageComponents/components/SelectChurchSearch.tsx +69 -69
  213. package/src/pageComponents/components/SelectableChurch.tsx +38 -38
  214. package/src/pageComponents/index.ts +3 -3
  215. package/tsconfig.json +34 -34
  216. package/tslint.json +14 -14
@@ -1,31 +1,31 @@
1
- import axios from "axios";
2
-
3
- export class FileHelper {
4
-
5
- static postPresignedFile = (presigned: any, uploadedFile: File, progressCallback: (percent: number) => void) => {
6
- const formData = new FormData();
7
- formData.append("key", presigned.key);
8
- formData.append("acl", "public-read");
9
- formData.append("Content-Type", uploadedFile.type);
10
- for (const property in presigned.fields) formData.append(property, presigned.fields[property]);
11
- formData.append("file", uploadedFile);
12
-
13
- const axiosConfig = {
14
- headers: { "Content-Type": "multipart/form-data" },
15
- onUploadProgress: (data: any) => {
16
- progressCallback(Math.round((100 * data.loaded) / data.total));
17
- }
18
- };
19
-
20
- return axios.post(presigned.url, formData, axiosConfig);
21
- };
22
-
23
- static dataURLtoBlob(dataurl: string) {
24
- let arr = dataurl.split(","), mime = arr[0].match(/:(.*?);/)[1],
25
- bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
26
- while (n--) {
27
- u8arr[n] = bstr.charCodeAt(n);
28
- }
29
- return new Blob([u8arr], { type: mime });
30
- }
31
- }
1
+ import axios from "axios";
2
+
3
+ export class FileHelper {
4
+
5
+ static postPresignedFile = (presigned: any, uploadedFile: File, progressCallback: (percent: number) => void) => {
6
+ const formData = new FormData();
7
+ formData.append("key", presigned.key);
8
+ formData.append("acl", "public-read");
9
+ formData.append("Content-Type", uploadedFile.type);
10
+ for (const property in presigned.fields) formData.append(property, presigned.fields[property]);
11
+ formData.append("file", uploadedFile);
12
+
13
+ const axiosConfig = {
14
+ headers: { "Content-Type": "multipart/form-data" },
15
+ onUploadProgress: (data: any) => {
16
+ progressCallback(Math.round((100 * data.loaded) / data.total));
17
+ }
18
+ };
19
+
20
+ return axios.post(presigned.url, formData, axiosConfig);
21
+ };
22
+
23
+ static dataURLtoBlob(dataurl: string) {
24
+ let arr = dataurl.split(","), mime = arr[0].match(/:(.*?);/)[1],
25
+ bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
26
+ while (n--) {
27
+ u8arr[n] = bstr.charCodeAt(n);
28
+ }
29
+ return new Blob([u8arr], { type: mime });
30
+ }
31
+ }
@@ -1,60 +1,60 @@
1
- import { PersonInterface, ContactInfoInterface } from "../interfaces";
2
- import { CommonEnvironmentHelper } from "./CommonEnvironmentHelper";
3
-
4
- export class PersonHelper {
5
-
6
- static getPhotoUrl(person: PersonInterface) {
7
- if (!person?.photo) return "/images/sample-profile.png"
8
- else return person?.photo?.startsWith("data:image/png;base64,") ? person.photo : CommonEnvironmentHelper.ContentRoot + person.photo;
9
- }
10
-
11
- static getAge(birthdate: Date): string {
12
- if (birthdate !== undefined && birthdate !== null) {
13
- let ageDifMs = Date.now() - new Date(birthdate).getTime();
14
- let ageDate = new Date(ageDifMs);
15
- let years = Math.abs(ageDate.getUTCFullYear() - 1970);
16
- return years + " years";
17
- }
18
- else return "";
19
- }
20
-
21
- static getDisplayName(firstName: string, lastName: string, nickName: string): string {
22
- if (nickName !== undefined && nickName !== null && nickName.length > 0) return firstName + ' "' + nickName + '" ' + lastName;
23
- else return firstName + " " + lastName;
24
- }
25
-
26
- public static compareAddress(address1: ContactInfoInterface, address2: ContactInfoInterface): boolean {
27
- const displayAddress1: string = this.addressToString(address1).trim();
28
- const displayAddress2: string = this.addressToString(address2).trim();
29
-
30
- if (displayAddress1 !== displayAddress2) {
31
- return true
32
- }
33
- return false
34
- }
35
-
36
- public static addressToString(address: ContactInfoInterface): string {
37
- return `${address.address1 || ""} ${address.address2 || ""} ${address.city || ""}${(address.city && address.state) ? "," : ""} ${address.state || ""} ${address.zip || ""}`
38
- }
39
-
40
- public static changeOnlyAddress(contactInfo1: ContactInfoInterface, contactInfo2: ContactInfoInterface): ContactInfoInterface {
41
- const updatedAddress: ContactInfoInterface = {
42
- ...contactInfo1,
43
- address1: contactInfo2.address1,
44
- address2: contactInfo2.address2,
45
- city: contactInfo2.city,
46
- state: contactInfo2.state,
47
- zip: contactInfo2.zip
48
- }
49
-
50
- return updatedAddress
51
- }
52
-
53
- public static checkAddressAvailabilty(person: PersonInterface): boolean {
54
- const addressString: string = this.addressToString(person.contactInfo).trim();
55
- if (addressString !== "") {
56
- return true;
57
- }
58
- return false;
59
- }
60
- }
1
+ import { PersonInterface, ContactInfoInterface } from "../interfaces";
2
+ import { CommonEnvironmentHelper } from "./CommonEnvironmentHelper";
3
+
4
+ export class PersonHelper {
5
+
6
+ static getPhotoUrl(person: PersonInterface) {
7
+ if (!person?.photo) return "/images/sample-profile.png"
8
+ else return person?.photo?.startsWith("data:image/png;base64,") ? person.photo : CommonEnvironmentHelper.ContentRoot + person.photo;
9
+ }
10
+
11
+ static getAge(birthdate: Date): string {
12
+ if (birthdate !== undefined && birthdate !== null) {
13
+ let ageDifMs = Date.now() - new Date(birthdate).getTime();
14
+ let ageDate = new Date(ageDifMs);
15
+ let years = Math.abs(ageDate.getUTCFullYear() - 1970);
16
+ return years + " years";
17
+ }
18
+ else return "";
19
+ }
20
+
21
+ static getDisplayName(firstName: string, lastName: string, nickName: string): string {
22
+ if (nickName !== undefined && nickName !== null && nickName.length > 0) return firstName + ' "' + nickName + '" ' + lastName;
23
+ else return firstName + " " + lastName;
24
+ }
25
+
26
+ public static compareAddress(address1: ContactInfoInterface, address2: ContactInfoInterface): boolean {
27
+ const displayAddress1: string = this.addressToString(address1).trim();
28
+ const displayAddress2: string = this.addressToString(address2).trim();
29
+
30
+ if (displayAddress1 !== displayAddress2) {
31
+ return true
32
+ }
33
+ return false
34
+ }
35
+
36
+ public static addressToString(address: ContactInfoInterface): string {
37
+ return `${address.address1 || ""} ${address.address2 || ""} ${address.city || ""}${(address.city && address.state) ? "," : ""} ${address.state || ""} ${address.zip || ""}`
38
+ }
39
+
40
+ public static changeOnlyAddress(contactInfo1: ContactInfoInterface, contactInfo2: ContactInfoInterface): ContactInfoInterface {
41
+ const updatedAddress: ContactInfoInterface = {
42
+ ...contactInfo1,
43
+ address1: contactInfo2.address1,
44
+ address2: contactInfo2.address2,
45
+ city: contactInfo2.city,
46
+ state: contactInfo2.state,
47
+ zip: contactInfo2.zip
48
+ }
49
+
50
+ return updatedAddress
51
+ }
52
+
53
+ public static checkAddressAvailabilty(person: PersonInterface): boolean {
54
+ const addressString: string = this.addressToString(person.contactInfo).trim();
55
+ if (addressString !== "") {
56
+ return true;
57
+ }
58
+ return false;
59
+ }
60
+ }
@@ -1,76 +1,78 @@
1
- import { ConnectionInterface, LoginUserChurchInterface, SocketActionHandlerInterface, SocketPayloadInterface, UserChurchInterface } from "../interfaces";
2
- import { ApiHelper } from "./ApiHelper";
3
- import { ArrayHelper } from "./ArrayHelper";
4
- import { CommonEnvironmentHelper } from "./CommonEnvironmentHelper";
5
-
6
- export class SocketHelper {
7
- static socket: WebSocket;
8
- static socketId: string;
9
- static actionHandlers: SocketActionHandlerInterface[] = [];
10
- private static personIdChurchId: {personId:string, churchId:string} = {personId:"", churchId:""};
11
-
12
- static setPersonChurch = (pc: {personId:string, churchId:string}) => {
13
- if (pc?.personId && pc.personId && pc.churchId!==this.personIdChurchId.churchId && pc.personId!==this.personIdChurchId.personId) {
14
- this.personIdChurchId = pc;
15
- this.createAlertConnection();
16
- }
17
- }
18
-
19
- static createAlertConnection = () => {
20
- if (SocketHelper.personIdChurchId.personId) {
21
- const connection: ConnectionInterface = { conversationId: "alerts", churchId: SocketHelper.personIdChurchId.churchId, displayName: "Test", socketId: SocketHelper.socketId, personId:SocketHelper.personIdChurchId.personId }
22
- ApiHelper.postAnonymous("/connections", [connection], "MessagingApi");
23
- }
24
- }
25
-
26
- static init = async () => {
27
- if (SocketHelper.socket !== undefined && SocketHelper.socket.readyState !== SocketHelper.socket.OPEN) {
28
- try { SocketHelper.socket.close(); } catch (e) { console.log(e); }
29
- }
30
-
31
- await new Promise((resolve) => {
32
- SocketHelper.socket = new WebSocket(CommonEnvironmentHelper.MessagingApiSocket);
33
- SocketHelper.socket.onmessage = (event) => {
34
- const payload = JSON.parse(event.data);
35
- SocketHelper.handleMessage(payload);
36
- };
37
- SocketHelper.socket.onopen = async (e) => {
38
- SocketHelper.socket.send("getId"); //not sure this is needed. It auto-sends socketId on connect
39
- setTimeout(() => { resolve(null); }, 500);
40
- };
41
- SocketHelper.socket.onclose = async (e) => {
42
- //SocketHelper.events.disconnectHandler();
43
- setTimeout(() => {
44
- //Silently reconnect
45
- if (SocketHelper.socket.readyState === SocketHelper.socket.CLOSED) {
46
- SocketHelper.init().then(() => {
47
- SocketHelper.createAlertConnection();
48
- SocketHelper.handleMessage({ action: "reconnect", data: null })
49
- });
50
- }
51
- }, 1000);
52
-
53
- //SocketHelper.handleMessage({ action: "disconnect", data: null })
54
- }
55
- });
56
- }
57
-
58
- static addHandler = (action: string, id: string, handleMessage: (data: any) => void) => {
59
- const existing = ArrayHelper.getOne(SocketHelper.actionHandlers, "id", id);
60
- if (existing !== null) existing.handleMessage = handleMessage;
61
- else SocketHelper.actionHandlers.push({ action, id, handleMessage });
62
- }
63
-
64
- static handleMessage = (payload: SocketPayloadInterface) => {
65
- //console.log("MESSAGE", payload)
66
- if (payload.action==="socketId") {
67
- SocketHelper.socketId = payload.data;
68
- }
69
- else {
70
- ArrayHelper.getAll(SocketHelper.actionHandlers, "action", payload.action).forEach((handler) => {
71
- handler.handleMessage(payload.data);
72
- });
73
- }
74
- }
75
-
76
- }
1
+ import { ConnectionInterface, LoginUserChurchInterface, SocketActionHandlerInterface, SocketPayloadInterface, UserChurchInterface } from "../interfaces";
2
+ import { ApiHelper } from "./ApiHelper";
3
+ import { ArrayHelper } from "./ArrayHelper";
4
+ import { CommonEnvironmentHelper } from "./CommonEnvironmentHelper";
5
+
6
+ export class SocketHelper {
7
+ static socket: WebSocket;
8
+ static socketId: string;
9
+ static actionHandlers: SocketActionHandlerInterface[] = [];
10
+ private static personIdChurchId: {personId:string, churchId:string} = {personId:"", churchId:""};
11
+
12
+ static setPersonChurch = (pc: {personId:string, churchId:string}) => {
13
+ if (pc?.personId && pc.personId && pc.churchId!==this.personIdChurchId.churchId && pc.personId!==this.personIdChurchId.personId) {
14
+ //if (pc?.personId && pc.personId!==this.personIdChurchId.personId && this.socketId!==undefined && this.socketId) {
15
+ this.personIdChurchId = pc;
16
+ this.createAlertConnection();
17
+ }
18
+ }
19
+
20
+ static createAlertConnection = () => {
21
+ if (SocketHelper.personIdChurchId.personId && SocketHelper.socketId) {
22
+ const connection: ConnectionInterface = { conversationId: "alerts", churchId: SocketHelper.personIdChurchId.churchId, displayName: "Test", socketId: SocketHelper.socketId, personId:SocketHelper.personIdChurchId.personId }
23
+ ApiHelper.postAnonymous("/connections", [connection], "MessagingApi");
24
+ }
25
+ }
26
+
27
+ static init = async () => {
28
+ if (SocketHelper.socket !== undefined && SocketHelper.socket.readyState !== SocketHelper.socket.OPEN) {
29
+ try { SocketHelper.socket.close(); } catch (e) { console.log(e); }
30
+ }
31
+
32
+ await new Promise((resolve) => {
33
+ SocketHelper.socket = new WebSocket(CommonEnvironmentHelper.MessagingApiSocket);
34
+ SocketHelper.socket.onmessage = (event) => {
35
+ const payload = JSON.parse(event.data);
36
+ SocketHelper.handleMessage(payload);
37
+ };
38
+ SocketHelper.socket.onopen = async (e) => {
39
+ SocketHelper.socket.send("getId"); //not sure this is needed. It auto-sends socketId on connect
40
+ setTimeout(() => { resolve(null); }, 500);
41
+ };
42
+ SocketHelper.socket.onclose = async (e) => {
43
+ //SocketHelper.events.disconnectHandler();
44
+ setTimeout(() => {
45
+ //Silently reconnect
46
+ if (SocketHelper.socket.readyState === SocketHelper.socket.CLOSED) {
47
+ SocketHelper.init().then(() => {
48
+ //SocketHelper.createAlertConnection();
49
+ SocketHelper.handleMessage({ action: "reconnect", data: null })
50
+ });
51
+ }
52
+ }, 1000);
53
+
54
+ //SocketHelper.handleMessage({ action: "disconnect", data: null })
55
+ }
56
+ });
57
+ }
58
+
59
+ static addHandler = (action: string, id: string, handleMessage: (data: any) => void) => {
60
+ const existing = ArrayHelper.getOne(SocketHelper.actionHandlers, "id", id);
61
+ if (existing !== null) existing.handleMessage = handleMessage;
62
+ else SocketHelper.actionHandlers.push({ action, id, handleMessage });
63
+ }
64
+
65
+ static handleMessage = (payload: SocketPayloadInterface) => {
66
+ //console.log("MESSAGE", payload)
67
+ if (payload.action==="socketId") {
68
+ SocketHelper.socketId = payload.data;
69
+ SocketHelper.createAlertConnection();
70
+ }
71
+ else {
72
+ ArrayHelper.getAll(SocketHelper.actionHandlers, "action", payload.action).forEach((handler) => {
73
+ handler.handleMessage(payload.data);
74
+ });
75
+ }
76
+ }
77
+
78
+ }
@@ -1,14 +1,14 @@
1
- import { createTheme } from "@mui/material";
2
-
3
- export class Themes {
4
- static BaseTheme = createTheme({
5
- palette: { secondary: { main: "#444444" } },
6
- components: {
7
- MuiTextField: { defaultProps: { margin: "normal" } },
8
- MuiFormControl: { defaultProps: { margin: "normal" } }
9
- }
10
- });
11
-
12
- static NavBarStyle = { "& .selected .MuiListItemButton-root": { backgroundColor: "#333333" } }
13
-
14
- }
1
+ import { createTheme } from "@mui/material";
2
+
3
+ export class Themes {
4
+ static BaseTheme = createTheme({
5
+ palette: { secondary: { main: "#444444" } },
6
+ components: {
7
+ MuiTextField: { defaultProps: { margin: "normal" } },
8
+ MuiFormControl: { defaultProps: { margin: "normal" } }
9
+ }
10
+ });
11
+
12
+ static NavBarStyle = { "& .selected .MuiListItemButton-root": { backgroundColor: "#333333" } }
13
+
14
+ }
@@ -1,36 +1,36 @@
1
- export class UniqueIdHelper {
2
-
3
- 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",
4
- "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",
5
- "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0",
6
- "-", "_"];
7
-
8
- 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",
9
- "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",
10
- "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0"];
11
-
12
- public static isMissing(obj: any) {
13
- if (obj === undefined || obj === null) return true;
14
- else if (obj.toString() === "") return true;
15
- else return false;
16
- }
17
-
18
- public static shortId() {
19
- return this.generate(UniqueIdHelper.chars, 11);
20
- }
21
-
22
- public static generateAlphanumeric() {
23
- return this.generate(UniqueIdHelper.alphanumericChars, 11);
24
- }
25
-
26
- public static generate(charList: string[], length: number) {
27
- let result = "";
28
- for (let i = 0; i < length; i++) {
29
- const idx = Math.floor(Math.random() * charList.length);
30
- const c = charList[idx];
31
- result += c;
32
- }
33
- return result;
34
- }
35
-
36
- }
1
+ export class UniqueIdHelper {
2
+
3
+ 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",
4
+ "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",
5
+ "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0",
6
+ "-", "_"];
7
+
8
+ 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",
9
+ "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",
10
+ "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0"];
11
+
12
+ public static isMissing(obj: any) {
13
+ if (obj === undefined || obj === null) return true;
14
+ else if (obj.toString() === "") return true;
15
+ else return false;
16
+ }
17
+
18
+ public static shortId() {
19
+ return this.generate(UniqueIdHelper.chars, 11);
20
+ }
21
+
22
+ public static generateAlphanumeric() {
23
+ return this.generate(UniqueIdHelper.alphanumericChars, 11);
24
+ }
25
+
26
+ public static generate(charList: string[], length: number) {
27
+ let result = "";
28
+ for (let i = 0; i < length; i++) {
29
+ const idx = Math.floor(Math.random() * charList.length);
30
+ const c = charList[idx];
31
+ result += c;
32
+ }
33
+ return result;
34
+ }
35
+
36
+ }
@@ -1,59 +1,59 @@
1
- import { ApiHelper } from "./ApiHelper"
2
- import { UserInterface, UserContextInterface, IPermission, PersonInterface, LoginUserChurchInterface } from "../interfaces";
3
-
4
- export class UserHelper {
5
- static currentUserChurch: LoginUserChurchInterface;
6
- static userChurches: LoginUserChurchInterface[];
7
- static user: UserInterface;
8
- static churchChanged: boolean = false;
9
- static person: PersonInterface;
10
-
11
- static selectChurch = async (context?: UserContextInterface, churchId?: string, keyName?: string) => {
12
- let userChurch = null;
13
-
14
- if (churchId) {
15
- UserHelper.userChurches.forEach(uc => {
16
- if (uc.church.id === churchId) userChurch = uc;
17
- });
18
- }
19
- else if (keyName) UserHelper.userChurches.forEach(uc => { if (uc.church.subDomain === keyName) userChurch = uc; });
20
- else userChurch = UserHelper.userChurches[0];
21
- if (!userChurch) return;
22
- else {
23
- UserHelper.currentUserChurch = userChurch;
24
- UserHelper.setupApiHelper(UserHelper.currentUserChurch);
25
- // TODO - remove context code from here and perform the logic in the component itself.
26
- if (context) {
27
- if (context.userChurch !== null) UserHelper.churchChanged = true;
28
- context.setUserChurch(UserHelper.currentUserChurch);
29
- }
30
- }
31
- }
32
-
33
- static setupApiHelper(userChurch: LoginUserChurchInterface) {
34
- ApiHelper.setDefaultPermissions(userChurch.jwt);
35
- userChurch.apis.forEach(api => { ApiHelper.setPermissions(api.keyName, api.jwt, api.permissions); });
36
- }
37
-
38
- static setupApiHelperNoChurch(user: LoginUserChurchInterface) {
39
- ApiHelper.setDefaultPermissions(user.jwt);
40
- }
41
-
42
- static checkAccess({ api, contentType, action }: IPermission): boolean {
43
- const permissions = ApiHelper.getConfig(api).permisssions;
44
-
45
- let result = false;
46
- if (permissions !== undefined) {
47
- permissions.forEach(element => {
48
- if (element.contentType === contentType && element.action === action) result = true;
49
- });
50
- }
51
- return result;
52
- }
53
-
54
- static createAppUrl(appUrl: string, returnUrl: string) {
55
- const jwt = ApiHelper.getConfig("MembershipApi").jwt;
56
-
57
- return `${appUrl}/login/?jwt=${jwt}&returnUrl=${returnUrl}`;
58
- }
59
- }
1
+ import { ApiHelper } from "./ApiHelper"
2
+ import { UserInterface, UserContextInterface, IPermission, PersonInterface, LoginUserChurchInterface } from "../interfaces";
3
+
4
+ export class UserHelper {
5
+ static currentUserChurch: LoginUserChurchInterface;
6
+ static userChurches: LoginUserChurchInterface[];
7
+ static user: UserInterface;
8
+ static churchChanged: boolean = false;
9
+ static person: PersonInterface;
10
+
11
+ static selectChurch = async (context?: UserContextInterface, churchId?: string, keyName?: string) => {
12
+ let userChurch = null;
13
+
14
+ if (churchId) {
15
+ UserHelper.userChurches.forEach(uc => {
16
+ if (uc.church.id === churchId) userChurch = uc;
17
+ });
18
+ }
19
+ else if (keyName) UserHelper.userChurches.forEach(uc => { if (uc.church.subDomain === keyName) userChurch = uc; });
20
+ else userChurch = UserHelper.userChurches[0];
21
+ if (!userChurch) return;
22
+ else {
23
+ UserHelper.currentUserChurch = userChurch;
24
+ UserHelper.setupApiHelper(UserHelper.currentUserChurch);
25
+ // TODO - remove context code from here and perform the logic in the component itself.
26
+ if (context) {
27
+ if (context.userChurch !== null) UserHelper.churchChanged = true;
28
+ context.setUserChurch(UserHelper.currentUserChurch);
29
+ }
30
+ }
31
+ }
32
+
33
+ static setupApiHelper(userChurch: LoginUserChurchInterface) {
34
+ ApiHelper.setDefaultPermissions(userChurch.jwt);
35
+ userChurch.apis.forEach(api => { ApiHelper.setPermissions(api.keyName, api.jwt, api.permissions); });
36
+ }
37
+
38
+ static setupApiHelperNoChurch(user: LoginUserChurchInterface) {
39
+ ApiHelper.setDefaultPermissions(user.jwt);
40
+ }
41
+
42
+ static checkAccess({ api, contentType, action }: IPermission): boolean {
43
+ const permissions = ApiHelper.getConfig(api).permisssions;
44
+
45
+ let result = false;
46
+ if (permissions !== undefined) {
47
+ permissions.forEach(element => {
48
+ if (element.contentType === contentType && element.action === action) result = true;
49
+ });
50
+ }
51
+ return result;
52
+ }
53
+
54
+ static createAppUrl(appUrl: string, returnUrl: string) {
55
+ const jwt = ApiHelper.getConfig("MembershipApi").jwt;
56
+
57
+ return `${appUrl}/login/?jwt=${jwt}&returnUrl=${returnUrl}`;
58
+ }
59
+ }
@@ -1,17 +1,17 @@
1
- import createCache from "@emotion/cache";
2
-
3
- const isBrowser = typeof document !== "undefined";
4
-
5
- // On the client side, Create a meta tag at the top of the <head> and set it as insertionPoint.
6
- // This assures that MUI styles are loaded first.
7
- // It allows developers to easily override MUI styles with other styling solutions, like CSS modules.
8
- export function createEmotionCache() {
9
- let insertionPoint;
10
-
11
- if (isBrowser) {
12
- const emotionInsertionPoint = document.querySelector<HTMLMetaElement>('meta[name="emotion-insertion-point"]');
13
- insertionPoint = emotionInsertionPoint ?? undefined;
14
- }
15
-
16
- return createCache({ key: "mui-style", insertionPoint });
17
- }
1
+ import createCache from "@emotion/cache";
2
+
3
+ const isBrowser = typeof document !== "undefined";
4
+
5
+ // On the client side, Create a meta tag at the top of the <head> and set it as insertionPoint.
6
+ // This assures that MUI styles are loaded first.
7
+ // It allows developers to easily override MUI styles with other styling solutions, like CSS modules.
8
+ export function createEmotionCache() {
9
+ let insertionPoint;
10
+
11
+ if (isBrowser) {
12
+ const emotionInsertionPoint = document.querySelector<HTMLMetaElement>('meta[name="emotion-insertion-point"]');
13
+ insertionPoint = emotionInsertionPoint ?? undefined;
14
+ }
15
+
16
+ return createCache({ key: "mui-style", insertionPoint });
17
+ }
@@ -1,18 +1,18 @@
1
- export * from "@churchapps/helpers";
2
- export { AnalyticsHelper } from "./AnalyticsHelper";
3
- export { ApiHelper } from "./ApiHelper";
4
- export { ArrayHelper } from "./ArrayHelper";
5
- export { CommonEnvironmentHelper } from "./CommonEnvironmentHelper";
6
- export { CurrencyHelper } from "./CurrencyHelper"
7
- export { DateHelper } from "./DateHelper";
8
- export { ErrorHelper } from "./ErrorHelper";
9
- export { EventHelper } from "./EventHelper";
10
- export { FileHelper } from "./FileHelper";
11
- export { PersonHelper } from "./PersonHelper"
12
- export { SocketHelper } from "./SocketHelper";
13
- export { Themes } from "./Themes"
14
- export { UserHelper } from "./UserHelper";
15
- export { UniqueIdHelper } from "./UniqueIdHelper";
16
- export { createEmotionCache } from "./createEmotionCache";
17
- export { DonationHelper } from "./DonationHelper";
18
- export { AppearanceInterface, AppearanceHelper } from "./AppearanceHelper";
1
+ export * from "@churchapps/helpers";
2
+ export { AnalyticsHelper } from "./AnalyticsHelper";
3
+ export { ApiHelper } from "./ApiHelper";
4
+ export { ArrayHelper } from "./ArrayHelper";
5
+ export { CommonEnvironmentHelper } from "./CommonEnvironmentHelper";
6
+ export { CurrencyHelper } from "./CurrencyHelper"
7
+ export { DateHelper } from "./DateHelper";
8
+ export { ErrorHelper } from "./ErrorHelper";
9
+ export { EventHelper } from "./EventHelper";
10
+ export { FileHelper } from "./FileHelper";
11
+ export { PersonHelper } from "./PersonHelper"
12
+ export { SocketHelper } from "./SocketHelper";
13
+ export { Themes } from "./Themes"
14
+ export { UserHelper } from "./UserHelper";
15
+ export { UniqueIdHelper } from "./UniqueIdHelper";
16
+ export { createEmotionCache } from "./createEmotionCache";
17
+ export { DonationHelper } from "./DonationHelper";
18
+ export { AppearanceInterface, AppearanceHelper } from "./AppearanceHelper";
@@ -1 +1 @@
1
- export { useMountedState } from "./useMountedState";
1
+ export { useMountedState } from "./useMountedState";