@churchapps/apphelper 0.0.8 → 0.0.9
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.
- package/.eslintignore +3 -3
- package/.eslintrc.json +22 -22
- package/LICENSE +21 -21
- package/README.md +16 -16
- package/dist/components/ExportLink.d.ts.map +1 -1
- package/dist/components/ExportLink.js +9 -7
- package/dist/components/ExportLink.js.map +1 -1
- package/dist/components/markdownEditor/editor.css +787 -787
- package/dist/components/markdownEditor/images/icons/arrow-clockwise.svg +3 -3
- package/dist/components/markdownEditor/images/icons/arrow-counterclockwise.svg +3 -3
- package/dist/components/markdownEditor/images/icons/chat-square-quote.svg +3 -3
- package/dist/components/markdownEditor/images/icons/chevron-down.svg +2 -2
- package/dist/components/markdownEditor/images/icons/code.svg +2 -2
- package/dist/components/markdownEditor/images/icons/journal-code.svg +4 -4
- package/dist/components/markdownEditor/images/icons/journal-text.svg +4 -4
- package/dist/components/markdownEditor/images/icons/justify.svg +2 -2
- package/dist/components/markdownEditor/images/icons/link.svg +3 -3
- package/dist/components/markdownEditor/images/icons/list-ol.svg +3 -3
- package/dist/components/markdownEditor/images/icons/list-ul.svg +2 -2
- package/dist/components/markdownEditor/images/icons/pencil-fill.svg +2 -2
- package/dist/components/markdownEditor/images/icons/text-center.svg +2 -2
- package/dist/components/markdownEditor/images/icons/text-left.svg +2 -2
- package/dist/components/markdownEditor/images/icons/text-paragraph.svg +2 -2
- package/dist/components/markdownEditor/images/icons/text-right.svg +2 -2
- package/dist/components/markdownEditor/images/icons/type-bold.svg +2 -2
- package/dist/components/markdownEditor/images/icons/type-h1.svg +2 -2
- package/dist/components/markdownEditor/images/icons/type-h2.svg +2 -2
- package/dist/components/markdownEditor/images/icons/type-h3.svg +2 -2
- package/dist/components/markdownEditor/images/icons/type-h4.svg +12 -12
- package/dist/components/markdownEditor/images/icons/type-italic.svg +2 -2
- package/dist/components/markdownEditor/images/icons/type-strikethrough.svg +2 -2
- package/dist/components/markdownEditor/images/icons/type-underline.svg +2 -2
- package/package.json +84 -84
- package/src/components/CreatePerson.tsx +80 -80
- package/src/components/DisplayBox.tsx +68 -68
- package/src/components/ErrorMessages.tsx +26 -26
- package/src/components/ExportLink.tsx +66 -61
- package/src/components/FloatingSupport.tsx +16 -16
- package/src/components/FormSubmissionEdit.tsx +120 -120
- package/src/components/HelpIcon.tsx +10 -10
- package/src/components/ImageEditor.tsx +126 -126
- package/src/components/InputBox.tsx +73 -73
- package/src/components/Loading.tsx +29 -29
- package/src/components/PersonAdd.tsx +75 -75
- package/src/components/QuestionEdit.tsx +62 -62
- package/src/components/SmallButton.tsx +39 -39
- package/src/components/SupportModal.tsx +26 -26
- package/src/components/TabPanel.tsx +34 -34
- package/src/components/gallery/GalleryModal.tsx +102 -102
- package/src/components/gallery/StockPhotos.tsx +74 -74
- package/src/components/gallery/index.ts +1 -1
- package/src/components/index.tsx +23 -23
- package/src/components/markdownEditor/Editor.tsx +132 -132
- package/src/components/markdownEditor/MarkdownEditor.tsx +16 -16
- package/src/components/markdownEditor/MarkdownModal.tsx +46 -46
- package/src/components/markdownEditor/MarkdownPreview.tsx +14 -14
- package/src/components/markdownEditor/editor.css +787 -787
- package/src/components/markdownEditor/images/icons/arrow-clockwise.svg +3 -3
- package/src/components/markdownEditor/images/icons/arrow-counterclockwise.svg +3 -3
- package/src/components/markdownEditor/images/icons/chat-square-quote.svg +3 -3
- package/src/components/markdownEditor/images/icons/chevron-down.svg +2 -2
- package/src/components/markdownEditor/images/icons/code.svg +2 -2
- package/src/components/markdownEditor/images/icons/journal-code.svg +4 -4
- package/src/components/markdownEditor/images/icons/journal-text.svg +4 -4
- package/src/components/markdownEditor/images/icons/justify.svg +2 -2
- package/src/components/markdownEditor/images/icons/link.svg +3 -3
- package/src/components/markdownEditor/images/icons/list-ol.svg +3 -3
- package/src/components/markdownEditor/images/icons/list-ul.svg +2 -2
- package/src/components/markdownEditor/images/icons/pencil-fill.svg +2 -2
- package/src/components/markdownEditor/images/icons/text-center.svg +2 -2
- package/src/components/markdownEditor/images/icons/text-left.svg +2 -2
- package/src/components/markdownEditor/images/icons/text-paragraph.svg +2 -2
- package/src/components/markdownEditor/images/icons/text-right.svg +2 -2
- package/src/components/markdownEditor/images/icons/type-bold.svg +2 -2
- package/src/components/markdownEditor/images/icons/type-h1.svg +2 -2
- package/src/components/markdownEditor/images/icons/type-h2.svg +2 -2
- package/src/components/markdownEditor/images/icons/type-h3.svg +2 -2
- package/src/components/markdownEditor/images/icons/type-h4.svg +12 -12
- package/src/components/markdownEditor/images/icons/type-italic.svg +2 -2
- package/src/components/markdownEditor/images/icons/type-strikethrough.svg +2 -2
- package/src/components/markdownEditor/images/icons/type-underline.svg +2 -2
- package/src/components/markdownEditor/index.ts +2 -2
- package/src/components/markdownEditor/plugins/AutoLinkPlugin.tsx +35 -35
- package/src/components/markdownEditor/plugins/ControlledEditorPlugin.tsx +24 -24
- package/src/components/markdownEditor/plugins/ListMaxIndentLevelPlugin.tsx +68 -68
- package/src/components/markdownEditor/plugins/MarkdownTransformers.ts +106 -106
- package/src/components/markdownEditor/plugins/ReadOnlyPlugin.tsx +15 -15
- package/src/components/markdownEditor/plugins/ToolbarPlugin.tsx +401 -401
- package/src/components/markdownEditor/plugins/customLink/CustomLinkNode.tsx +224 -224
- package/src/components/markdownEditor/plugins/customLink/CustomLinkNodePlugin.tsx +32 -32
- package/src/components/markdownEditor/plugins/customLink/CustomLinkNodeTransformer.tsx +102 -102
- package/src/components/markdownEditor/plugins/customLink/FloatingLinkEditor.tsx +243 -243
- package/src/components/markdownEditor/plugins/customLink/FloatingLinkEditor.types.ts +11 -11
- package/src/components/markdownEditor/plugins/emoji/EmojiNode.tsx +95 -95
- package/src/components/markdownEditor/plugins/emoji/EmojiNodeTransform.ts +41 -41
- package/src/components/markdownEditor/plugins/emoji/EmojiPickerPlugin.tsx +152 -152
- package/src/components/markdownEditor/plugins/emoji/EmojisPlugin.tsx +65 -65
- package/src/components/markdownEditor/plugins/index.ts +6 -6
- package/src/components/markdownEditor/theme.ts +65 -65
- package/src/components/material/AppList.tsx +20 -20
- package/src/components/material/ChurchList.tsx +22 -22
- package/src/components/material/NavItem.tsx +41 -41
- package/src/components/material/NewPrivateMessage.tsx +103 -103
- package/src/components/material/PrivateMessageDetails.tsx +23 -23
- package/src/components/material/PrivateMessages.tsx +87 -87
- package/src/components/material/SiteWrapper.tsx +140 -140
- package/src/components/material/UserMenu.tsx +141 -141
- package/src/components/material/iconPicker/IconNamesList.ts +2240 -2240
- package/src/components/material/iconPicker/IconPicker.tsx +153 -153
- package/src/components/material/index.tsx +6 -6
- package/src/components/notes/AddNote.tsx +90 -90
- package/src/components/notes/Conversation.tsx +82 -82
- package/src/components/notes/Conversations.tsx +58 -58
- package/src/components/notes/NewConversation.tsx +78 -78
- package/src/components/notes/Note.tsx +44 -44
- package/src/components/notes/Notes.tsx +52 -52
- package/src/components/notes/index.ts +5 -5
- package/src/components/reporting/ChartReport.tsx +98 -98
- package/src/components/reporting/ReportFilter.tsx +54 -54
- package/src/components/reporting/ReportFilterField.tsx +160 -160
- package/src/components/reporting/ReportOutput.tsx +79 -79
- package/src/components/reporting/ReportWithFilter.tsx +70 -70
- package/src/components/reporting/TableReport.tsx +57 -57
- package/src/components/reporting/TreeReport.tsx +111 -111
- package/src/components/reporting/index.ts +4 -4
- package/src/donationComponents/DonationPage.tsx +136 -136
- package/src/donationComponents/components/BankForm.tsx +159 -159
- package/src/donationComponents/components/CardForm.tsx +104 -104
- package/src/donationComponents/components/DonationForm.tsx +235 -235
- package/src/donationComponents/components/FundDonation.tsx +49 -49
- package/src/donationComponents/components/FundDonations.tsx +39 -39
- package/src/donationComponents/components/NonAuthDonation.tsx +31 -31
- package/src/donationComponents/components/NonAuthDonationInner.tsx +259 -259
- package/src/donationComponents/components/PaymentMethods.tsx +135 -135
- package/src/donationComponents/components/RecurringDonations.tsx +121 -121
- package/src/donationComponents/components/RecurringDonationsEdit.tsx +93 -93
- package/src/donationComponents/components/index.tsx +9 -9
- package/src/donationComponents/index.ts +3 -3
- package/src/donationComponents/modals/DonationPreviewModal.tsx +66 -66
- package/src/helpers/AnalyticsHelper.ts +33 -33
- package/src/helpers/ApiHelper.ts +125 -125
- package/src/helpers/AppearanceHelper.ts +69 -69
- package/src/helpers/ArrayHelper.ts +81 -81
- package/src/helpers/CommonEnvironmentHelper.ts +80 -80
- package/src/helpers/CurrencyHelper.ts +10 -10
- package/src/helpers/DateHelper.ts +108 -108
- package/src/helpers/DonationHelper.ts +26 -26
- package/src/helpers/ErrorHelper.ts +36 -36
- package/src/helpers/EventHelper.ts +52 -52
- package/src/helpers/FileHelper.ts +31 -31
- package/src/helpers/PersonHelper.ts +60 -60
- package/src/helpers/SocketHelper.ts +76 -76
- package/src/helpers/Themes.ts +14 -14
- package/src/helpers/UniqueIdHelper.ts +36 -36
- package/src/helpers/UserHelper.ts +59 -59
- package/src/helpers/createEmotionCache.ts +17 -17
- package/src/helpers/index.ts +18 -18
- package/src/hooks/index.ts +1 -1
- package/src/hooks/useMountedState.ts +16 -16
- package/src/index.ts +6 -6
- package/src/interfaces/Access.ts +24 -24
- package/src/interfaces/Attendance.ts +8 -8
- package/src/interfaces/Content.ts +10 -10
- package/src/interfaces/Doing.ts +24 -24
- package/src/interfaces/Donation.ts +45 -45
- package/src/interfaces/Error.ts +17 -17
- package/src/interfaces/Membership.ts +51 -51
- package/src/interfaces/Messaging.ts +20 -20
- package/src/interfaces/Permissions.ts +68 -68
- package/src/interfaces/Reporting.ts +7 -7
- package/src/interfaces/UserContextInterface.ts +13 -13
- package/src/interfaces/index.ts +13 -13
- package/src/pageComponents/LoginPage.tsx +244 -244
- package/src/pageComponents/LogoutPage.tsx +28 -28
- package/src/pageComponents/components/Forgot.tsx +79 -79
- package/src/pageComponents/components/Login.tsx +54 -54
- package/src/pageComponents/components/LoginSetPassword.tsx +63 -63
- package/src/pageComponents/components/Register.tsx +107 -107
- package/src/pageComponents/components/SelectChurchModal.tsx +41 -41
- package/src/pageComponents/components/SelectChurchRegister.tsx +88 -88
- package/src/pageComponents/components/SelectChurchSearch.tsx +69 -69
- package/src/pageComponents/components/SelectableChurch.tsx +38 -38
- package/src/pageComponents/index.ts +3 -3
- package/tsconfig.json +34 -34
- package/tslint.json +14 -14
package/src/helpers/ApiHelper.ts
CHANGED
|
@@ -1,125 +1,125 @@
|
|
|
1
|
-
import { ApiConfig, RolePermissionInterface, ApiListType } from "../interfaces";
|
|
2
|
-
import { ErrorHelper } from "./ErrorHelper";
|
|
3
|
-
|
|
4
|
-
export class ApiHelper {
|
|
5
|
-
|
|
6
|
-
static apiConfigs: ApiConfig[] = [];
|
|
7
|
-
static isAuthenticated = false;
|
|
8
|
-
|
|
9
|
-
static getConfig(keyName: string) {
|
|
10
|
-
let result: ApiConfig;
|
|
11
|
-
this.apiConfigs.forEach(config => { if (config.keyName === keyName) result = config });
|
|
12
|
-
//if (result === null) throw new Error("Unconfigured API: " + keyName);
|
|
13
|
-
return result;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
static setDefaultPermissions(jwt: string) {
|
|
17
|
-
this.apiConfigs.forEach(config => {
|
|
18
|
-
config.jwt = jwt;
|
|
19
|
-
config.permisssions = [];
|
|
20
|
-
});
|
|
21
|
-
this.isAuthenticated = true;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
static setPermissions(keyName: string, jwt: string, permissions: RolePermissionInterface[]) {
|
|
25
|
-
this.apiConfigs.forEach(config => {
|
|
26
|
-
if (config.keyName === keyName) {
|
|
27
|
-
config.jwt = jwt;
|
|
28
|
-
config.permisssions = permissions;
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
|
-
this.isAuthenticated = true;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
static clearPermissions() {
|
|
35
|
-
this.apiConfigs.forEach(config => { config.jwt = ""; config.permisssions = []; });
|
|
36
|
-
this.isAuthenticated = false;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
static async get(path: string, apiName: ApiListType) {
|
|
40
|
-
const config = this.getConfig(apiName);
|
|
41
|
-
const requestOptions = { method: "GET", headers: { Authorization: "Bearer " + config.jwt } };
|
|
42
|
-
return await this.fetchWithErrorHandling(config.url + path, requestOptions);
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
static async getAnonymous(path: string, apiName: ApiListType) {
|
|
46
|
-
const config = this.getConfig(apiName);
|
|
47
|
-
const requestOptions = { method: "GET" };
|
|
48
|
-
return await this.fetchWithErrorHandling(config.url + path, requestOptions);
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
static async post(path: string, data: any[] | {}, apiName: ApiListType) {
|
|
52
|
-
const config = this.getConfig(apiName);
|
|
53
|
-
const requestOptions = {
|
|
54
|
-
method: "POST",
|
|
55
|
-
headers: { Authorization: "Bearer " + config.jwt, "Content-Type": "application/json" },
|
|
56
|
-
body: JSON.stringify(data)
|
|
57
|
-
};
|
|
58
|
-
return await this.fetchWithErrorHandling(config.url + path, requestOptions);
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
static async patch(path: string, data: any[] | {}, apiName: ApiListType) {
|
|
62
|
-
const config = this.getConfig(apiName);
|
|
63
|
-
const requestOptions = {
|
|
64
|
-
method: "PATCH",
|
|
65
|
-
headers: { Authorization: "Bearer " + config.jwt, "Content-Type": "application/json" },
|
|
66
|
-
body: JSON.stringify(data)
|
|
67
|
-
};
|
|
68
|
-
return await this.fetchWithErrorHandling(config.url + path, requestOptions);
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
static async delete(path: string, apiName: ApiListType) {
|
|
72
|
-
const config = this.getConfig(apiName);
|
|
73
|
-
const requestOptions = {
|
|
74
|
-
method: "DELETE",
|
|
75
|
-
headers: { Authorization: "Bearer " + config.jwt }
|
|
76
|
-
};
|
|
77
|
-
try {
|
|
78
|
-
const response = await fetch(config.url + path, requestOptions);
|
|
79
|
-
if (!response.ok) await this.throwApiError(response);
|
|
80
|
-
} catch (e) {
|
|
81
|
-
console.log(e)
|
|
82
|
-
throw (e);
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
static async postAnonymous(path: string, data: any[] | {}, apiName: ApiListType) {
|
|
87
|
-
const config = this.getConfig(apiName);
|
|
88
|
-
const requestOptions = {
|
|
89
|
-
method: "POST",
|
|
90
|
-
headers: { "Content-Type": "application/json" },
|
|
91
|
-
body: JSON.stringify(data)
|
|
92
|
-
};
|
|
93
|
-
console.log(config.url + path, requestOptions);
|
|
94
|
-
return await this.fetchWithErrorHandling(config.url + path, requestOptions);
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
static async fetchWithErrorHandling(url: string, requestOptions: any) {
|
|
98
|
-
try {
|
|
99
|
-
const response = await fetch(url, requestOptions);
|
|
100
|
-
if (!response.ok) await this.throwApiError(response);
|
|
101
|
-
else {
|
|
102
|
-
if (response.status !== 204 ) {
|
|
103
|
-
return response.json();
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
} catch (e) {
|
|
107
|
-
console.log("Error loading url: " + url);
|
|
108
|
-
console.log(e)
|
|
109
|
-
throw (e);
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
private static async throwApiError(response: Response) {
|
|
114
|
-
console.log("THROW API ERROR");
|
|
115
|
-
let msg = response.statusText;
|
|
116
|
-
try {
|
|
117
|
-
const json = await response.json();
|
|
118
|
-
msg = json.errors[0];
|
|
119
|
-
} catch { }
|
|
120
|
-
console.log("RESPONSE", response)
|
|
121
|
-
ErrorHelper.logError(response.status.toString(), response.url, msg);
|
|
122
|
-
throw new Error(msg || "Error");
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
}
|
|
1
|
+
import { ApiConfig, RolePermissionInterface, ApiListType } from "../interfaces";
|
|
2
|
+
import { ErrorHelper } from "./ErrorHelper";
|
|
3
|
+
|
|
4
|
+
export class ApiHelper {
|
|
5
|
+
|
|
6
|
+
static apiConfigs: ApiConfig[] = [];
|
|
7
|
+
static isAuthenticated = false;
|
|
8
|
+
|
|
9
|
+
static getConfig(keyName: string) {
|
|
10
|
+
let result: ApiConfig;
|
|
11
|
+
this.apiConfigs.forEach(config => { if (config.keyName === keyName) result = config });
|
|
12
|
+
//if (result === null) throw new Error("Unconfigured API: " + keyName);
|
|
13
|
+
return result;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
static setDefaultPermissions(jwt: string) {
|
|
17
|
+
this.apiConfigs.forEach(config => {
|
|
18
|
+
config.jwt = jwt;
|
|
19
|
+
config.permisssions = [];
|
|
20
|
+
});
|
|
21
|
+
this.isAuthenticated = true;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
static setPermissions(keyName: string, jwt: string, permissions: RolePermissionInterface[]) {
|
|
25
|
+
this.apiConfigs.forEach(config => {
|
|
26
|
+
if (config.keyName === keyName) {
|
|
27
|
+
config.jwt = jwt;
|
|
28
|
+
config.permisssions = permissions;
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
this.isAuthenticated = true;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
static clearPermissions() {
|
|
35
|
+
this.apiConfigs.forEach(config => { config.jwt = ""; config.permisssions = []; });
|
|
36
|
+
this.isAuthenticated = false;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
static async get(path: string, apiName: ApiListType) {
|
|
40
|
+
const config = this.getConfig(apiName);
|
|
41
|
+
const requestOptions = { method: "GET", headers: { Authorization: "Bearer " + config.jwt } };
|
|
42
|
+
return await this.fetchWithErrorHandling(config.url + path, requestOptions);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
static async getAnonymous(path: string, apiName: ApiListType) {
|
|
46
|
+
const config = this.getConfig(apiName);
|
|
47
|
+
const requestOptions = { method: "GET" };
|
|
48
|
+
return await this.fetchWithErrorHandling(config.url + path, requestOptions);
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
static async post(path: string, data: any[] | {}, apiName: ApiListType) {
|
|
52
|
+
const config = this.getConfig(apiName);
|
|
53
|
+
const requestOptions = {
|
|
54
|
+
method: "POST",
|
|
55
|
+
headers: { Authorization: "Bearer " + config.jwt, "Content-Type": "application/json" },
|
|
56
|
+
body: JSON.stringify(data)
|
|
57
|
+
};
|
|
58
|
+
return await this.fetchWithErrorHandling(config.url + path, requestOptions);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
static async patch(path: string, data: any[] | {}, apiName: ApiListType) {
|
|
62
|
+
const config = this.getConfig(apiName);
|
|
63
|
+
const requestOptions = {
|
|
64
|
+
method: "PATCH",
|
|
65
|
+
headers: { Authorization: "Bearer " + config.jwt, "Content-Type": "application/json" },
|
|
66
|
+
body: JSON.stringify(data)
|
|
67
|
+
};
|
|
68
|
+
return await this.fetchWithErrorHandling(config.url + path, requestOptions);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
static async delete(path: string, apiName: ApiListType) {
|
|
72
|
+
const config = this.getConfig(apiName);
|
|
73
|
+
const requestOptions = {
|
|
74
|
+
method: "DELETE",
|
|
75
|
+
headers: { Authorization: "Bearer " + config.jwt }
|
|
76
|
+
};
|
|
77
|
+
try {
|
|
78
|
+
const response = await fetch(config.url + path, requestOptions);
|
|
79
|
+
if (!response.ok) await this.throwApiError(response);
|
|
80
|
+
} catch (e) {
|
|
81
|
+
console.log(e)
|
|
82
|
+
throw (e);
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
static async postAnonymous(path: string, data: any[] | {}, apiName: ApiListType) {
|
|
87
|
+
const config = this.getConfig(apiName);
|
|
88
|
+
const requestOptions = {
|
|
89
|
+
method: "POST",
|
|
90
|
+
headers: { "Content-Type": "application/json" },
|
|
91
|
+
body: JSON.stringify(data)
|
|
92
|
+
};
|
|
93
|
+
console.log(config.url + path, requestOptions);
|
|
94
|
+
return await this.fetchWithErrorHandling(config.url + path, requestOptions);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
static async fetchWithErrorHandling(url: string, requestOptions: any) {
|
|
98
|
+
try {
|
|
99
|
+
const response = await fetch(url, requestOptions);
|
|
100
|
+
if (!response.ok) await this.throwApiError(response);
|
|
101
|
+
else {
|
|
102
|
+
if (response.status !== 204 ) {
|
|
103
|
+
return response.json();
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
} catch (e) {
|
|
107
|
+
console.log("Error loading url: " + url);
|
|
108
|
+
console.log(e)
|
|
109
|
+
throw (e);
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
private static async throwApiError(response: Response) {
|
|
114
|
+
console.log("THROW API ERROR");
|
|
115
|
+
let msg = response.statusText;
|
|
116
|
+
try {
|
|
117
|
+
const json = await response.json();
|
|
118
|
+
msg = json.errors[0];
|
|
119
|
+
} catch { }
|
|
120
|
+
console.log("RESPONSE", response)
|
|
121
|
+
ErrorHelper.logError(response.status.toString(), response.url, msg);
|
|
122
|
+
throw new Error(msg || "Error");
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
}
|
|
@@ -1,69 +1,69 @@
|
|
|
1
|
-
|
|
2
|
-
export interface AppearanceInterface { primaryColor?: string, primaryContrast?: string, secondaryColor?: string, secondaryContrast?: string, logoLight?: string, logoDark?: string, favicon_400x400?: string, favicon_16x16?: string }
|
|
3
|
-
|
|
4
|
-
export class AppearanceHelper {
|
|
5
|
-
|
|
6
|
-
public static getLogoDark(appearanceSettings: AppearanceInterface, defaultLogo: string) {
|
|
7
|
-
return (appearanceSettings?.logoDark) ? appearanceSettings.logoDark : defaultLogo;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
public static getLogoLight(appearanceSettings: AppearanceInterface, defaultLogo: string) {
|
|
11
|
-
return (appearanceSettings?.logoLight) ? appearanceSettings.logoLight : defaultLogo;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
public static getFavicon(appearanceSettings: AppearanceInterface, size: "400" | "16") {
|
|
15
|
-
if (size === "400") {
|
|
16
|
-
return appearanceSettings?.favicon_400x400;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
if (size === "16") {
|
|
20
|
-
return appearanceSettings?.favicon_16x16;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
return;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
public static getLogo(appearanceSettings: AppearanceInterface, defaultLogoLight: string, defaultLogoDark: string, backgroundColor: string) {
|
|
27
|
-
const isDark = (appearanceSettings.logoDark) ? this.isDark(backgroundColor) : false;
|
|
28
|
-
if (isDark) return this.getLogoDark(appearanceSettings, defaultLogoDark);
|
|
29
|
-
else return this.getLogoLight(appearanceSettings, defaultLogoLight);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
private static isDark(backgroundColor: string) {
|
|
33
|
-
let valid = false;
|
|
34
|
-
let r = 0;
|
|
35
|
-
let g = 0;
|
|
36
|
-
let b = 0;
|
|
37
|
-
|
|
38
|
-
if (backgroundColor.match(/#[0-9a-fA-F{6}]/)) {
|
|
39
|
-
r = this.getHexValue(backgroundColor.substring(1, 2));
|
|
40
|
-
g = this.getHexValue(backgroundColor.substring(3, 4));
|
|
41
|
-
b = this.getHexValue(backgroundColor.substring(5, 6));
|
|
42
|
-
valid = true;
|
|
43
|
-
} else if (backgroundColor.match(/#[0-9a-fA-F{3}]/)) {
|
|
44
|
-
r = this.getHexValue(backgroundColor.substring(1, 1));
|
|
45
|
-
g = this.getHexValue(backgroundColor.substring(2, 2));
|
|
46
|
-
b = this.getHexValue(backgroundColor.substring(3, 3));
|
|
47
|
-
valid = true;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
if (!valid) return false;
|
|
51
|
-
else {
|
|
52
|
-
//HSP brightness formula. Some colors have a bigger impact on our perceived brightness than others.
|
|
53
|
-
const rWeight = .299 * Math.pow(r, 2);
|
|
54
|
-
const gWeight = .587 * Math.pow(g, 2);
|
|
55
|
-
const bWeight = .114 * Math.pow(b, 2);
|
|
56
|
-
const brightness = Math.sqrt(rWeight + gWeight + bWeight);
|
|
57
|
-
//return brightness < 128; //
|
|
58
|
-
return brightness < 156;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
private static getHexValue(hex: string) {
|
|
64
|
-
let result = parseInt(hex, 16);
|
|
65
|
-
if (hex.length === 1) result = result * 16;
|
|
66
|
-
return result;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
}
|
|
1
|
+
|
|
2
|
+
export interface AppearanceInterface { primaryColor?: string, primaryContrast?: string, secondaryColor?: string, secondaryContrast?: string, logoLight?: string, logoDark?: string, favicon_400x400?: string, favicon_16x16?: string }
|
|
3
|
+
|
|
4
|
+
export class AppearanceHelper {
|
|
5
|
+
|
|
6
|
+
public static getLogoDark(appearanceSettings: AppearanceInterface, defaultLogo: string) {
|
|
7
|
+
return (appearanceSettings?.logoDark) ? appearanceSettings.logoDark : defaultLogo;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
public static getLogoLight(appearanceSettings: AppearanceInterface, defaultLogo: string) {
|
|
11
|
+
return (appearanceSettings?.logoLight) ? appearanceSettings.logoLight : defaultLogo;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
public static getFavicon(appearanceSettings: AppearanceInterface, size: "400" | "16") {
|
|
15
|
+
if (size === "400") {
|
|
16
|
+
return appearanceSettings?.favicon_400x400;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
if (size === "16") {
|
|
20
|
+
return appearanceSettings?.favicon_16x16;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
return;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
public static getLogo(appearanceSettings: AppearanceInterface, defaultLogoLight: string, defaultLogoDark: string, backgroundColor: string) {
|
|
27
|
+
const isDark = (appearanceSettings.logoDark) ? this.isDark(backgroundColor) : false;
|
|
28
|
+
if (isDark) return this.getLogoDark(appearanceSettings, defaultLogoDark);
|
|
29
|
+
else return this.getLogoLight(appearanceSettings, defaultLogoLight);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
private static isDark(backgroundColor: string) {
|
|
33
|
+
let valid = false;
|
|
34
|
+
let r = 0;
|
|
35
|
+
let g = 0;
|
|
36
|
+
let b = 0;
|
|
37
|
+
|
|
38
|
+
if (backgroundColor.match(/#[0-9a-fA-F{6}]/)) {
|
|
39
|
+
r = this.getHexValue(backgroundColor.substring(1, 2));
|
|
40
|
+
g = this.getHexValue(backgroundColor.substring(3, 4));
|
|
41
|
+
b = this.getHexValue(backgroundColor.substring(5, 6));
|
|
42
|
+
valid = true;
|
|
43
|
+
} else if (backgroundColor.match(/#[0-9a-fA-F{3}]/)) {
|
|
44
|
+
r = this.getHexValue(backgroundColor.substring(1, 1));
|
|
45
|
+
g = this.getHexValue(backgroundColor.substring(2, 2));
|
|
46
|
+
b = this.getHexValue(backgroundColor.substring(3, 3));
|
|
47
|
+
valid = true;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
if (!valid) return false;
|
|
51
|
+
else {
|
|
52
|
+
//HSP brightness formula. Some colors have a bigger impact on our perceived brightness than others.
|
|
53
|
+
const rWeight = .299 * Math.pow(r, 2);
|
|
54
|
+
const gWeight = .587 * Math.pow(g, 2);
|
|
55
|
+
const bWeight = .114 * Math.pow(b, 2);
|
|
56
|
+
const brightness = Math.sqrt(rWeight + gWeight + bWeight);
|
|
57
|
+
//return brightness < 128; //
|
|
58
|
+
return brightness < 156;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
private static getHexValue(hex: string) {
|
|
64
|
+
let result = parseInt(hex, 16);
|
|
65
|
+
if (hex.length === 1) result = result * 16;
|
|
66
|
+
return result;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
}
|
|
@@ -1,81 +1,81 @@
|
|
|
1
|
-
import { UniqueIdHelper } from "./UniqueIdHelper";
|
|
2
|
-
|
|
3
|
-
export class ArrayHelper {
|
|
4
|
-
static getIds(array: any[], propertyName: string) {
|
|
5
|
-
const result: string[] = [];
|
|
6
|
-
for (const item of array) {
|
|
7
|
-
const id = item[propertyName]?.toString();
|
|
8
|
-
if (!UniqueIdHelper.isMissing(id) && result.indexOf(id) === -1) result.push(id);
|
|
9
|
-
}
|
|
10
|
-
return result;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
static sortBy(array: any[], propertyName: string, descending: boolean = false) {
|
|
14
|
-
array.sort((a, b) => {
|
|
15
|
-
const valA = a[propertyName];
|
|
16
|
-
const valB = b[propertyName];
|
|
17
|
-
if (valA < valB) return descending ? 1 : -1;
|
|
18
|
-
else return descending ? -1 : 1;
|
|
19
|
-
//console.log(valA, valB, valA < valB, )
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
static getIndex(array: any[], propertyName: string, value: any) {
|
|
24
|
-
for (let i = 0; i < array.length; i++) {
|
|
25
|
-
const item = array[i];
|
|
26
|
-
if (ArrayHelper.compare(item, propertyName, value)) return i;
|
|
27
|
-
}
|
|
28
|
-
return -1;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
static getOne(array: any[], propertyName: string, value: any) {
|
|
32
|
-
for (const item of array || []) if (ArrayHelper.compare(item, propertyName, value)) return item;
|
|
33
|
-
return null
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
static getAll(array: any[], propertyName: string, value: any) {
|
|
37
|
-
const result: any[] = []
|
|
38
|
-
for (const item of array || []) {
|
|
39
|
-
if (ArrayHelper.compare(item, propertyName, value)) result.push(item);
|
|
40
|
-
}
|
|
41
|
-
return result;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
static getAllArray(array: any[], propertyName: string, values: any[]) {
|
|
45
|
-
const result: any[] = []
|
|
46
|
-
for (const item of array || []) if (values.indexOf(item[propertyName]) > -1) result.push(item);
|
|
47
|
-
return result;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
private static compare(item: any, propertyName: string, value: any) {
|
|
51
|
-
const propChain = propertyName.split(".");
|
|
52
|
-
if (propChain.length === 1) return item[propertyName] === value;
|
|
53
|
-
else {
|
|
54
|
-
let obj = item;
|
|
55
|
-
for (let i = 0; i < propChain.length - 1; i++) {
|
|
56
|
-
if (obj) obj = item[propChain[i]];
|
|
57
|
-
}
|
|
58
|
-
return obj[propChain[propChain.length - 1]] === value;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
static getUniqueValues(array: any[], propertyName: string) {
|
|
63
|
-
const result: any[] = [];
|
|
64
|
-
|
|
65
|
-
for (const item of array) {
|
|
66
|
-
const val = (propertyName.indexOf(".") === -1) ? item[propertyName] : this.getDeepValue(item, propertyName)
|
|
67
|
-
if (result.indexOf(val) === -1) result.push(val);
|
|
68
|
-
}
|
|
69
|
-
return result;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
static getDeepValue(item: any, propertyName: string) {
|
|
73
|
-
const propertyNames = propertyName.split(".");
|
|
74
|
-
let result: any = item;
|
|
75
|
-
propertyNames.forEach(name => {
|
|
76
|
-
result = result[name];
|
|
77
|
-
});
|
|
78
|
-
return result;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
}
|
|
1
|
+
import { UniqueIdHelper } from "./UniqueIdHelper";
|
|
2
|
+
|
|
3
|
+
export class ArrayHelper {
|
|
4
|
+
static getIds(array: any[], propertyName: string) {
|
|
5
|
+
const result: string[] = [];
|
|
6
|
+
for (const item of array) {
|
|
7
|
+
const id = item[propertyName]?.toString();
|
|
8
|
+
if (!UniqueIdHelper.isMissing(id) && result.indexOf(id) === -1) result.push(id);
|
|
9
|
+
}
|
|
10
|
+
return result;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
static sortBy(array: any[], propertyName: string, descending: boolean = false) {
|
|
14
|
+
array.sort((a, b) => {
|
|
15
|
+
const valA = a[propertyName];
|
|
16
|
+
const valB = b[propertyName];
|
|
17
|
+
if (valA < valB) return descending ? 1 : -1;
|
|
18
|
+
else return descending ? -1 : 1;
|
|
19
|
+
//console.log(valA, valB, valA < valB, )
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
static getIndex(array: any[], propertyName: string, value: any) {
|
|
24
|
+
for (let i = 0; i < array.length; i++) {
|
|
25
|
+
const item = array[i];
|
|
26
|
+
if (ArrayHelper.compare(item, propertyName, value)) return i;
|
|
27
|
+
}
|
|
28
|
+
return -1;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
static getOne(array: any[], propertyName: string, value: any) {
|
|
32
|
+
for (const item of array || []) if (ArrayHelper.compare(item, propertyName, value)) return item;
|
|
33
|
+
return null
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
static getAll(array: any[], propertyName: string, value: any) {
|
|
37
|
+
const result: any[] = []
|
|
38
|
+
for (const item of array || []) {
|
|
39
|
+
if (ArrayHelper.compare(item, propertyName, value)) result.push(item);
|
|
40
|
+
}
|
|
41
|
+
return result;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
static getAllArray(array: any[], propertyName: string, values: any[]) {
|
|
45
|
+
const result: any[] = []
|
|
46
|
+
for (const item of array || []) if (values.indexOf(item[propertyName]) > -1) result.push(item);
|
|
47
|
+
return result;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
private static compare(item: any, propertyName: string, value: any) {
|
|
51
|
+
const propChain = propertyName.split(".");
|
|
52
|
+
if (propChain.length === 1) return item[propertyName] === value;
|
|
53
|
+
else {
|
|
54
|
+
let obj = item;
|
|
55
|
+
for (let i = 0; i < propChain.length - 1; i++) {
|
|
56
|
+
if (obj) obj = item[propChain[i]];
|
|
57
|
+
}
|
|
58
|
+
return obj[propChain[propChain.length - 1]] === value;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
static getUniqueValues(array: any[], propertyName: string) {
|
|
63
|
+
const result: any[] = [];
|
|
64
|
+
|
|
65
|
+
for (const item of array) {
|
|
66
|
+
const val = (propertyName.indexOf(".") === -1) ? item[propertyName] : this.getDeepValue(item, propertyName)
|
|
67
|
+
if (result.indexOf(val) === -1) result.push(val);
|
|
68
|
+
}
|
|
69
|
+
return result;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
static getDeepValue(item: any, propertyName: string) {
|
|
73
|
+
const propertyNames = propertyName.split(".");
|
|
74
|
+
let result: any = item;
|
|
75
|
+
propertyNames.forEach(name => {
|
|
76
|
+
result = result[name];
|
|
77
|
+
});
|
|
78
|
+
return result;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
}
|