@verdocs/web-sdk 2.1.4 → 2.2.1
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/dist/cjs/Profiles-244e8254.js +95 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/verdocs-auth.cjs.entry.js +3 -44
- package/dist/cjs/{verdocs-checkbox_5.cjs.entry.js → verdocs-checkbox_4.cjs.entry.js} +0 -39
- package/dist/cjs/verdocs-help-icon.cjs.entry.js +45 -0
- package/dist/cjs/verdocs-settings-api-keys_4.cjs.entry.js +4546 -0
- package/dist/cjs/verdocs-settings.cjs.entry.js +42 -0
- package/dist/cjs/verdocs-table.cjs.entry.js +27 -0
- package/dist/cjs/verdocs-web-sdk.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +6 -0
- package/dist/collection/components/controls/verdocs-table/verdocs-table.css +25 -0
- package/dist/collection/components/controls/verdocs-table/verdocs-table.js +71 -0
- package/dist/collection/components/controls/verdocs-table/verdocs-table.stories.js +25 -0
- package/dist/collection/components/embeds/verdocs-settings/verdocs-settings.css +29 -0
- package/dist/collection/components/embeds/verdocs-settings/verdocs-settings.js +98 -0
- package/dist/collection/components/embeds/verdocs-settings/verdocs-settings.stories.js +10 -0
- package/dist/collection/components/settings/verdocs-settings-api-keys/verdocs-settings-api-keys.css +38 -0
- package/dist/collection/components/settings/verdocs-settings-api-keys/verdocs-settings-api-keys.js +179 -0
- package/dist/collection/components/settings/verdocs-settings-api-keys/verdocs-settings-api-keys.stories.js +11 -0
- package/dist/collection/components/settings/verdocs-settings-members/verdocs-settings-members.css +38 -0
- package/dist/collection/components/settings/verdocs-settings-members/verdocs-settings-members.js +210 -0
- package/dist/collection/components/settings/verdocs-settings-members/verdocs-settings-members.stories.js +17 -0
- package/dist/collection/components/settings/verdocs-settings-organization/TimeZones.js +144 -0
- package/dist/collection/components/settings/verdocs-settings-organization/verdocs-settings-organization.css +33 -0
- package/dist/collection/components/settings/verdocs-settings-organization/verdocs-settings-organization.js +226 -0
- package/dist/collection/components/settings/verdocs-settings-organization/verdocs-settings-organization.stories.js +13 -0
- package/dist/collection/components/settings/verdocs-settings-profile/verdocs-settings-profile.css +33 -0
- package/dist/collection/components/settings/verdocs-settings-profile/verdocs-settings-profile.js +187 -0
- package/dist/collection/components/settings/verdocs-settings-profile/verdocs-settings-profile.stories.js +13 -0
- package/dist/components/EnvelopeStore.js +1 -1
- package/dist/components/Organizations.js +32 -0
- package/dist/components/Profiles.js +57 -0
- package/dist/components/Strings.js +6 -0
- package/dist/components/TemplateStore.js +1 -1
- package/dist/components/index.d.ts +6 -0
- package/dist/components/index.js +6 -0
- package/dist/components/index3.js +3979 -168
- package/dist/components/index4.js +194 -0
- package/dist/components/verdocs-auth.js +2 -42
- package/dist/components/verdocs-settings-api-keys.d.ts +11 -0
- package/dist/components/verdocs-settings-api-keys.js +6 -0
- package/dist/components/verdocs-settings-api-keys2.js +108 -0
- package/dist/components/verdocs-settings-members.d.ts +11 -0
- package/dist/components/verdocs-settings-members.js +6 -0
- package/dist/components/verdocs-settings-members2.js +123 -0
- package/dist/components/verdocs-settings-organization.d.ts +11 -0
- package/dist/components/verdocs-settings-organization.js +6 -0
- package/dist/components/verdocs-settings-organization2.js +331 -0
- package/dist/components/verdocs-settings-profile.d.ts +11 -0
- package/dist/components/verdocs-settings-profile.js +6 -0
- package/dist/components/verdocs-settings-profile2.js +142 -0
- package/dist/components/verdocs-settings.d.ts +11 -0
- package/dist/components/verdocs-settings.js +119 -0
- package/dist/components/verdocs-table.d.ts +11 -0
- package/dist/components/verdocs-table.js +6 -0
- package/dist/components/verdocs-table2.js +41 -0
- package/dist/custom-elements.json +1999 -0
- package/dist/docs.json +485 -1
- package/dist/esm/Profiles-7645e6f1.js +88 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/verdocs-auth.entry.js +1 -42
- package/dist/esm/{verdocs-checkbox_5.entry.js → verdocs-checkbox_4.entry.js} +1 -39
- package/dist/esm/verdocs-help-icon.entry.js +41 -0
- package/dist/esm/verdocs-settings-api-keys_4.entry.js +4539 -0
- package/dist/esm/verdocs-settings.entry.js +38 -0
- package/dist/esm/verdocs-table.entry.js +23 -0
- package/dist/esm/verdocs-web-sdk.js +1 -1
- package/dist/esm-es5/Profiles-7645e6f1.js +1 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/verdocs-auth.entry.js +1 -1
- package/dist/esm-es5/verdocs-checkbox_4.entry.js +1 -0
- package/dist/esm-es5/verdocs-help-icon.entry.js +1 -0
- package/dist/esm-es5/verdocs-settings-api-keys_4.entry.js +1 -0
- package/dist/esm-es5/verdocs-settings.entry.js +1 -0
- package/dist/esm-es5/verdocs-table.entry.js +1 -0
- package/dist/esm-es5/verdocs-web-sdk.js +1 -1
- package/dist/types/components/controls/verdocs-table/verdocs-table.d.ts +21 -0
- package/dist/types/components/controls/verdocs-table/verdocs-table.stories.d.ts +7 -0
- package/dist/types/components/embeds/verdocs-settings/verdocs-settings.d.ts +22 -0
- package/dist/types/components/embeds/verdocs-settings/verdocs-settings.stories.d.ts +4 -0
- package/dist/types/components/settings/verdocs-settings-api-keys/verdocs-settings-api-keys.d.ts +44 -0
- package/dist/types/components/settings/verdocs-settings-api-keys/verdocs-settings-api-keys.stories.d.ts +4 -0
- package/dist/types/components/settings/verdocs-settings-members/verdocs-settings-members.d.ts +43 -0
- package/dist/types/components/settings/verdocs-settings-members/verdocs-settings-members.stories.d.ts +8 -0
- package/dist/types/components/settings/verdocs-settings-organization/TimeZones.d.ts +1 -0
- package/dist/types/components/settings/verdocs-settings-organization/verdocs-settings-organization.d.ts +42 -0
- package/dist/types/components/settings/verdocs-settings-organization/verdocs-settings-organization.stories.d.ts +6 -0
- package/dist/types/components/settings/verdocs-settings-profile/verdocs-settings-profile.d.ts +38 -0
- package/dist/types/components/settings/verdocs-settings-profile/verdocs-settings-profile.stories.d.ts +6 -0
- package/dist/types/components.d.ts +208 -0
- package/dist/verdocs-web-sdk/p-075dc36d.js +1 -0
- package/dist/verdocs-web-sdk/p-144d4ed1.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-268a29a9.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-40361f22.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-647cdb84.system.js +1 -1
- package/dist/verdocs-web-sdk/p-7213a107.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-84f9fe5d.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-ab26744f.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-cbebc039.system.js +1 -0
- package/dist/verdocs-web-sdk/p-d309ef6f.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-db4cfbfe.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-df90b36d.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-e248947e.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-e9d2b68a.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-febebe69.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
- package/package.json +3 -2
- package/dist/esm-es5/verdocs-checkbox_5.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-25916fc3.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-300a240d.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-5e5eb075.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-b75d3b7f.system.entry.js +0 -1
package/dist/collection/components/settings/verdocs-settings-api-keys/verdocs-settings-api-keys.js
ADDED
@@ -0,0 +1,179 @@
|
|
1
|
+
import { ApiKeys } from '@verdocs/js-sdk/Organizations';
|
2
|
+
import { VerdocsEndpoint } from '@verdocs/js-sdk';
|
3
|
+
import { h, Host } from '@stencil/core';
|
4
|
+
import { VerdocsToast } from '../../../utils/Toast';
|
5
|
+
import { SDKError } from '../../../utils/errors';
|
6
|
+
import { capitalize } from '@verdocs/js-sdk/Utils/Strings';
|
7
|
+
/**
|
8
|
+
* Displays a settings form that allows the user to manage their API keys.
|
9
|
+
*/
|
10
|
+
export class VerdocsSettingsApiKeys {
|
11
|
+
constructor() {
|
12
|
+
this.endpoint = VerdocsEndpoint.getDefault();
|
13
|
+
this.keys = [];
|
14
|
+
}
|
15
|
+
componentWillLoad() {
|
16
|
+
this.endpoint.loadSession();
|
17
|
+
if (!this.endpoint.session) {
|
18
|
+
console.log('[SETTINGS] Must be authenticated');
|
19
|
+
return;
|
20
|
+
}
|
21
|
+
}
|
22
|
+
async componentDidLoad() {
|
23
|
+
var _a, _b, _c;
|
24
|
+
try {
|
25
|
+
this.keys = await ApiKeys.getKeys(this.endpoint, this.endpoint.session.organization_id);
|
26
|
+
}
|
27
|
+
catch (e) {
|
28
|
+
(_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
|
29
|
+
VerdocsToast('Unable to load members. Please try again later');
|
30
|
+
}
|
31
|
+
}
|
32
|
+
render() {
|
33
|
+
if (!this.endpoint.session) {
|
34
|
+
console.log('[SETTINGS] Must be authenticated');
|
35
|
+
return h(Host, { class: "authentication-required" }, "Must be authenticated");
|
36
|
+
}
|
37
|
+
return (h(Host, null, h("h1", null, "API Keys"), h("verdocs-table", { data: this.keys, columns: [
|
38
|
+
{ id: 'name', header: 'Name' },
|
39
|
+
{ id: 'client_id', header: 'Client ID' },
|
40
|
+
{ id: 'profile_id', header: 'Acts as', renderCell: (_, row) => { var _a, _b; return `${capitalize((_a = row.profile) === null || _a === void 0 ? void 0 : _a.first_name)} ${capitalize((_b = row.profile) === null || _b === void 0 ? void 0 : _b.last_name)}`; } },
|
41
|
+
] }), h("verdocs-button", { label: "Add API Key", size: "normal", disabled: true })));
|
42
|
+
}
|
43
|
+
static get is() { return "verdocs-settings-api-keys"; }
|
44
|
+
static get originalStyleUrls() {
|
45
|
+
return {
|
46
|
+
"$": ["verdocs-settings-api-keys.scss"]
|
47
|
+
};
|
48
|
+
}
|
49
|
+
static get styleUrls() {
|
50
|
+
return {
|
51
|
+
"$": ["verdocs-settings-api-keys.css"]
|
52
|
+
};
|
53
|
+
}
|
54
|
+
static get properties() {
|
55
|
+
return {
|
56
|
+
"endpoint": {
|
57
|
+
"type": "unknown",
|
58
|
+
"mutable": false,
|
59
|
+
"complexType": {
|
60
|
+
"original": "VerdocsEndpoint",
|
61
|
+
"resolved": "VerdocsEndpoint",
|
62
|
+
"references": {
|
63
|
+
"VerdocsEndpoint": {
|
64
|
+
"location": "import",
|
65
|
+
"path": "@verdocs/js-sdk"
|
66
|
+
}
|
67
|
+
}
|
68
|
+
},
|
69
|
+
"required": false,
|
70
|
+
"optional": false,
|
71
|
+
"docs": {
|
72
|
+
"tags": [],
|
73
|
+
"text": "The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used."
|
74
|
+
},
|
75
|
+
"defaultValue": "VerdocsEndpoint.getDefault()"
|
76
|
+
}
|
77
|
+
};
|
78
|
+
}
|
79
|
+
static get states() {
|
80
|
+
return {
|
81
|
+
"keys": {}
|
82
|
+
};
|
83
|
+
}
|
84
|
+
static get events() {
|
85
|
+
return [{
|
86
|
+
"method": "sdkError",
|
87
|
+
"name": "sdkError",
|
88
|
+
"bubbles": true,
|
89
|
+
"cancelable": true,
|
90
|
+
"composed": true,
|
91
|
+
"docs": {
|
92
|
+
"tags": [],
|
93
|
+
"text": "Event fired if an error occurs. The event details will contain information about the error. Most errors will\nterminate the process, and the calling application should correct the condition and re-render the component."
|
94
|
+
},
|
95
|
+
"complexType": {
|
96
|
+
"original": "SDKError",
|
97
|
+
"resolved": "SDKError",
|
98
|
+
"references": {
|
99
|
+
"SDKError": {
|
100
|
+
"location": "import",
|
101
|
+
"path": "../../../utils/errors"
|
102
|
+
}
|
103
|
+
}
|
104
|
+
}
|
105
|
+
}, {
|
106
|
+
"method": "memberInvited",
|
107
|
+
"name": "memberInvited",
|
108
|
+
"bubbles": true,
|
109
|
+
"cancelable": true,
|
110
|
+
"composed": true,
|
111
|
+
"docs": {
|
112
|
+
"tags": [],
|
113
|
+
"text": "Event fired when the user chooses to invite a new member."
|
114
|
+
},
|
115
|
+
"complexType": {
|
116
|
+
"original": "{endpoint: VerdocsEndpoint; member: IProfile}",
|
117
|
+
"resolved": "{ endpoint: VerdocsEndpoint; member: IProfile; }",
|
118
|
+
"references": {
|
119
|
+
"VerdocsEndpoint": {
|
120
|
+
"location": "import",
|
121
|
+
"path": "@verdocs/js-sdk"
|
122
|
+
},
|
123
|
+
"IProfile": {
|
124
|
+
"location": "import",
|
125
|
+
"path": "@verdocs/js-sdk/Users/Types"
|
126
|
+
}
|
127
|
+
}
|
128
|
+
}
|
129
|
+
}, {
|
130
|
+
"method": "memberUpdated",
|
131
|
+
"name": "memberUpdated",
|
132
|
+
"bubbles": true,
|
133
|
+
"cancelable": true,
|
134
|
+
"composed": true,
|
135
|
+
"docs": {
|
136
|
+
"tags": [],
|
137
|
+
"text": "Event fired when the user chooses to invite a new member."
|
138
|
+
},
|
139
|
+
"complexType": {
|
140
|
+
"original": "{endpoint: VerdocsEndpoint; member: IProfile}",
|
141
|
+
"resolved": "{ endpoint: VerdocsEndpoint; member: IProfile; }",
|
142
|
+
"references": {
|
143
|
+
"VerdocsEndpoint": {
|
144
|
+
"location": "import",
|
145
|
+
"path": "@verdocs/js-sdk"
|
146
|
+
},
|
147
|
+
"IProfile": {
|
148
|
+
"location": "import",
|
149
|
+
"path": "@verdocs/js-sdk/Users/Types"
|
150
|
+
}
|
151
|
+
}
|
152
|
+
}
|
153
|
+
}, {
|
154
|
+
"method": "memberRemoved",
|
155
|
+
"name": "memberRemoved",
|
156
|
+
"bubbles": true,
|
157
|
+
"cancelable": true,
|
158
|
+
"composed": true,
|
159
|
+
"docs": {
|
160
|
+
"tags": [],
|
161
|
+
"text": "Event fired when the user chooses to invite a new member."
|
162
|
+
},
|
163
|
+
"complexType": {
|
164
|
+
"original": "{endpoint: VerdocsEndpoint; member: IProfile}",
|
165
|
+
"resolved": "{ endpoint: VerdocsEndpoint; member: IProfile; }",
|
166
|
+
"references": {
|
167
|
+
"VerdocsEndpoint": {
|
168
|
+
"location": "import",
|
169
|
+
"path": "@verdocs/js-sdk"
|
170
|
+
},
|
171
|
+
"IProfile": {
|
172
|
+
"location": "import",
|
173
|
+
"path": "@verdocs/js-sdk/Users/Types"
|
174
|
+
}
|
175
|
+
}
|
176
|
+
}
|
177
|
+
}];
|
178
|
+
}
|
179
|
+
}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { html } from 'lit-html';
|
2
|
+
export default {
|
3
|
+
title: 'Settings/Api Keys',
|
4
|
+
component: 'verdocs-settings-api-keys',
|
5
|
+
args: {},
|
6
|
+
argTypes: {},
|
7
|
+
parameters: {
|
8
|
+
layout: 'fullscreen',
|
9
|
+
},
|
10
|
+
};
|
11
|
+
export const ApiKeys = () => html ` <verdocs-settings-api-keys /> `;
|
package/dist/collection/components/settings/verdocs-settings-members/verdocs-settings-members.css
ADDED
@@ -0,0 +1,38 @@
|
|
1
|
+
verdocs-settings-members {
|
2
|
+
display: flex;
|
3
|
+
padding: 10px;
|
4
|
+
font-size: 18px;
|
5
|
+
flex-wrap: nowrap;
|
6
|
+
border-radius: 6px;
|
7
|
+
color: #33364b;
|
8
|
+
flex-direction: column;
|
9
|
+
font-family: "Inter", "Barlow", sans-serif;
|
10
|
+
}
|
11
|
+
verdocs-settings-members .table {
|
12
|
+
margin: 12px 0;
|
13
|
+
}
|
14
|
+
verdocs-settings-members .role {
|
15
|
+
font-size: 12px;
|
16
|
+
width: 32px;
|
17
|
+
height: 32px;
|
18
|
+
border-radius: 32px;
|
19
|
+
background: #777777;
|
20
|
+
color: #ffffff;
|
21
|
+
font-weight: 700;
|
22
|
+
display: flex;
|
23
|
+
align-items: center;
|
24
|
+
justify-content: center;
|
25
|
+
}
|
26
|
+
verdocs-settings-members .col.col-actions {
|
27
|
+
align-items: center;
|
28
|
+
text-align: center;
|
29
|
+
}
|
30
|
+
verdocs-settings-members .col.col-actions svg {
|
31
|
+
cursor: pointer;
|
32
|
+
width: 24px;
|
33
|
+
height: 24px;
|
34
|
+
fill: #777777;
|
35
|
+
}
|
36
|
+
verdocs-settings-members .col.col-actions svg:hover {
|
37
|
+
fill: red;
|
38
|
+
}
|
package/dist/collection/components/settings/verdocs-settings-members/verdocs-settings-members.js
ADDED
@@ -0,0 +1,210 @@
|
|
1
|
+
import { Members } from '@verdocs/js-sdk/Organizations';
|
2
|
+
import { VerdocsEndpoint } from '@verdocs/js-sdk';
|
3
|
+
import { h, Host } from '@stencil/core';
|
4
|
+
import { VerdocsToast } from '../../../utils/Toast';
|
5
|
+
import { SDKError } from '../../../utils/errors';
|
6
|
+
import { capitalize } from '@verdocs/js-sdk/Utils/Strings';
|
7
|
+
const TrashIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /></svg>`;
|
8
|
+
const getRoleLabel = (roles) => {
|
9
|
+
if (roles.find(role => role.name === 'owner') !== undefined)
|
10
|
+
return 'Owner';
|
11
|
+
if (roles.find(role => role.name === 'admin') !== undefined)
|
12
|
+
return 'Admin';
|
13
|
+
if (roles.find(role => role.name === 'member') !== undefined)
|
14
|
+
return 'Member';
|
15
|
+
if (roles.find(role => role.name === 'basic_user') !== undefined)
|
16
|
+
return 'Basic User';
|
17
|
+
if (roles.find(role => role.name === 'contact') !== undefined)
|
18
|
+
return 'Contact';
|
19
|
+
};
|
20
|
+
const getRoleColor = (roles) => {
|
21
|
+
if (roles.find(role => role.name === 'owner') !== undefined)
|
22
|
+
return '#9333ea';
|
23
|
+
if (roles.find(role => role.name === 'admin') !== undefined)
|
24
|
+
return '#2563eb';
|
25
|
+
if (roles.find(role => role.name === 'member') !== undefined)
|
26
|
+
return '#16a34a';
|
27
|
+
if (roles.find(role => role.name === 'basic_user') !== undefined)
|
28
|
+
return '#ea580c';
|
29
|
+
if (roles.find(role => role.name === 'contact') !== undefined)
|
30
|
+
return '#52525B';
|
31
|
+
};
|
32
|
+
/**
|
33
|
+
* Displays a settings form that allows the user to manage their Verdocs profile.
|
34
|
+
*/
|
35
|
+
export class VerdocsSettingsMembers {
|
36
|
+
constructor() {
|
37
|
+
this.endpoint = VerdocsEndpoint.getDefault();
|
38
|
+
this.members = [];
|
39
|
+
}
|
40
|
+
componentWillLoad() {
|
41
|
+
this.endpoint.loadSession();
|
42
|
+
if (!this.endpoint.session) {
|
43
|
+
console.log('[SETTINGS] Must be authenticated');
|
44
|
+
return;
|
45
|
+
}
|
46
|
+
}
|
47
|
+
async componentDidLoad() {
|
48
|
+
var _a, _b, _c;
|
49
|
+
try {
|
50
|
+
this.members = await Members.getMembers(this.endpoint, this.endpoint.session.organization_id);
|
51
|
+
}
|
52
|
+
catch (e) {
|
53
|
+
(_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
|
54
|
+
VerdocsToast('Unable to load members. Please try again later');
|
55
|
+
}
|
56
|
+
}
|
57
|
+
render() {
|
58
|
+
if (!this.endpoint.session) {
|
59
|
+
console.log('[SETTINGS] Must be authenticated');
|
60
|
+
return h(Host, { class: "authentication-required" }, "Must be authenticated");
|
61
|
+
}
|
62
|
+
return (h(Host, null, h("h1", null, "Members"), h("verdocs-table", { data: this.members, columns: [
|
63
|
+
{
|
64
|
+
id: 'name',
|
65
|
+
renderHeader: () => 'Member',
|
66
|
+
renderCell: (_, row) => (h("div", { style: { display: 'flex', flexDirection: 'row', gap: '10px', alignItems: 'center' } }, h("div", { class: "role", style: { backgroundColor: getRoleColor(row.roles) } }, row.first_name.charAt(0), " ", row.last_name.charAt(0)), h("span", null, capitalize(row.first_name), " ", capitalize(row.last_name)))),
|
67
|
+
},
|
68
|
+
{ id: 'email', header: 'E-mail Address' },
|
69
|
+
{ id: 'phone', header: 'Phone Number' },
|
70
|
+
{ id: 'roles', header: 'Role', renderCell: (_, row) => `${getRoleLabel(row.roles)}` },
|
71
|
+
{ id: 'actions', header: 'Actions', renderCell: () => h("span", { innerHTML: TrashIcon, onClick: () => { } }) },
|
72
|
+
] }), h("verdocs-button", { label: "Invite New Member", size: "normal", disabled: true })));
|
73
|
+
}
|
74
|
+
static get is() { return "verdocs-settings-members"; }
|
75
|
+
static get originalStyleUrls() {
|
76
|
+
return {
|
77
|
+
"$": ["verdocs-settings-members.scss"]
|
78
|
+
};
|
79
|
+
}
|
80
|
+
static get styleUrls() {
|
81
|
+
return {
|
82
|
+
"$": ["verdocs-settings-members.css"]
|
83
|
+
};
|
84
|
+
}
|
85
|
+
static get properties() {
|
86
|
+
return {
|
87
|
+
"endpoint": {
|
88
|
+
"type": "unknown",
|
89
|
+
"mutable": false,
|
90
|
+
"complexType": {
|
91
|
+
"original": "VerdocsEndpoint",
|
92
|
+
"resolved": "VerdocsEndpoint",
|
93
|
+
"references": {
|
94
|
+
"VerdocsEndpoint": {
|
95
|
+
"location": "import",
|
96
|
+
"path": "@verdocs/js-sdk"
|
97
|
+
}
|
98
|
+
}
|
99
|
+
},
|
100
|
+
"required": false,
|
101
|
+
"optional": false,
|
102
|
+
"docs": {
|
103
|
+
"tags": [],
|
104
|
+
"text": "The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used."
|
105
|
+
},
|
106
|
+
"defaultValue": "VerdocsEndpoint.getDefault()"
|
107
|
+
}
|
108
|
+
};
|
109
|
+
}
|
110
|
+
static get states() {
|
111
|
+
return {
|
112
|
+
"members": {}
|
113
|
+
};
|
114
|
+
}
|
115
|
+
static get events() {
|
116
|
+
return [{
|
117
|
+
"method": "sdkError",
|
118
|
+
"name": "sdkError",
|
119
|
+
"bubbles": true,
|
120
|
+
"cancelable": true,
|
121
|
+
"composed": true,
|
122
|
+
"docs": {
|
123
|
+
"tags": [],
|
124
|
+
"text": "Event fired if an error occurs. The event details will contain information about the error. Most errors will\nterminate the process, and the calling application should correct the condition and re-render the component."
|
125
|
+
},
|
126
|
+
"complexType": {
|
127
|
+
"original": "SDKError",
|
128
|
+
"resolved": "SDKError",
|
129
|
+
"references": {
|
130
|
+
"SDKError": {
|
131
|
+
"location": "import",
|
132
|
+
"path": "../../../utils/errors"
|
133
|
+
}
|
134
|
+
}
|
135
|
+
}
|
136
|
+
}, {
|
137
|
+
"method": "memberInvited",
|
138
|
+
"name": "memberInvited",
|
139
|
+
"bubbles": true,
|
140
|
+
"cancelable": true,
|
141
|
+
"composed": true,
|
142
|
+
"docs": {
|
143
|
+
"tags": [],
|
144
|
+
"text": "Event fired when the user chooses to invite a new member."
|
145
|
+
},
|
146
|
+
"complexType": {
|
147
|
+
"original": "{endpoint: VerdocsEndpoint; member: IProfile}",
|
148
|
+
"resolved": "{ endpoint: VerdocsEndpoint; member: IProfile; }",
|
149
|
+
"references": {
|
150
|
+
"VerdocsEndpoint": {
|
151
|
+
"location": "import",
|
152
|
+
"path": "@verdocs/js-sdk"
|
153
|
+
},
|
154
|
+
"IProfile": {
|
155
|
+
"location": "import",
|
156
|
+
"path": "@verdocs/js-sdk/Users/Types"
|
157
|
+
}
|
158
|
+
}
|
159
|
+
}
|
160
|
+
}, {
|
161
|
+
"method": "memberUpdated",
|
162
|
+
"name": "memberUpdated",
|
163
|
+
"bubbles": true,
|
164
|
+
"cancelable": true,
|
165
|
+
"composed": true,
|
166
|
+
"docs": {
|
167
|
+
"tags": [],
|
168
|
+
"text": "Event fired when the user chooses to invite a new member."
|
169
|
+
},
|
170
|
+
"complexType": {
|
171
|
+
"original": "{endpoint: VerdocsEndpoint; member: IProfile}",
|
172
|
+
"resolved": "{ endpoint: VerdocsEndpoint; member: IProfile; }",
|
173
|
+
"references": {
|
174
|
+
"VerdocsEndpoint": {
|
175
|
+
"location": "import",
|
176
|
+
"path": "@verdocs/js-sdk"
|
177
|
+
},
|
178
|
+
"IProfile": {
|
179
|
+
"location": "import",
|
180
|
+
"path": "@verdocs/js-sdk/Users/Types"
|
181
|
+
}
|
182
|
+
}
|
183
|
+
}
|
184
|
+
}, {
|
185
|
+
"method": "memberRemoved",
|
186
|
+
"name": "memberRemoved",
|
187
|
+
"bubbles": true,
|
188
|
+
"cancelable": true,
|
189
|
+
"composed": true,
|
190
|
+
"docs": {
|
191
|
+
"tags": [],
|
192
|
+
"text": "Event fired when the user chooses to invite a new member."
|
193
|
+
},
|
194
|
+
"complexType": {
|
195
|
+
"original": "{endpoint: VerdocsEndpoint; member: IProfile}",
|
196
|
+
"resolved": "{ endpoint: VerdocsEndpoint; member: IProfile; }",
|
197
|
+
"references": {
|
198
|
+
"VerdocsEndpoint": {
|
199
|
+
"location": "import",
|
200
|
+
"path": "@verdocs/js-sdk"
|
201
|
+
},
|
202
|
+
"IProfile": {
|
203
|
+
"location": "import",
|
204
|
+
"path": "@verdocs/js-sdk/Users/Types"
|
205
|
+
}
|
206
|
+
}
|
207
|
+
}
|
208
|
+
}];
|
209
|
+
}
|
210
|
+
}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import { html } from 'lit-html';
|
2
|
+
export default {
|
3
|
+
title: 'Settings/Members',
|
4
|
+
component: 'verdocs-settings-members',
|
5
|
+
args: {},
|
6
|
+
argTypes: {
|
7
|
+
onMemberInvited: { action: 'memberInvited' },
|
8
|
+
onMemberUpdated: { action: 'memberUpdated' },
|
9
|
+
onMemberRemoved: { action: 'memberRemoved' },
|
10
|
+
},
|
11
|
+
parameters: {
|
12
|
+
layout: 'fullscreen',
|
13
|
+
},
|
14
|
+
};
|
15
|
+
export const Members = ({ onMemberInvited, onMemberUpdated, onMemberRemoved }) => html `
|
16
|
+
<verdocs-settings-members @memberInvited=${onMemberInvited} @memberUpdated=${onMemberUpdated} @memberRemoved=${onMemberRemoved} />
|
17
|
+
`;
|
@@ -0,0 +1,144 @@
|
|
1
|
+
export const TimeZones = [
|
2
|
+
['International Date Line West', 'GMT-11:00', '(GMT-11:00) International Date Line West'],
|
3
|
+
['Midway Island', 'GMT-11:00', '(GMT-11:00) Midway Island'],
|
4
|
+
['Samoa', 'GMT-11:00', '(GMT-11:00) Samoa'],
|
5
|
+
['Hawaii', 'GMT-10:00', '(GMT-10:00) Hawaii'],
|
6
|
+
['Alaska', 'GMT-09:00', '(GMT-09:00) Alaska'],
|
7
|
+
['Pacific Time (US & Canada)', 'GMT-08:00', '(GMT-08:00) Pacific Time (US & Canada)'],
|
8
|
+
['Tijuana', 'GMT-08:00', '(GMT-08:00) Tijuana'],
|
9
|
+
['Arizona', 'GMT-07:00', '(GMT-07:00) Arizona'],
|
10
|
+
['Chihuahua', 'GMT-07:00', '(GMT-07:00) Chihuahua'],
|
11
|
+
['Mazatlan', 'GMT-07:00', '(GMT-07:00) Mazatlan'],
|
12
|
+
['Mountain Time (US & Canada)', 'GMT-07:00', '(GMT-07:00) Mountain Time (US & Canada)'],
|
13
|
+
['Central America', 'GMT-06:00', '(GMT-06:00) Central America'],
|
14
|
+
['Central Time (US & Canada)', 'GMT-06:00', '(GMT-06:00) Central Time (US & Canada)'],
|
15
|
+
['Guadalajara', 'GMT-06:00', '(GMT-06:00) Guadalajara'],
|
16
|
+
['Mexico City', 'GMT-06:00', '(GMT-06:00) Mexico City'],
|
17
|
+
['Monterrey', 'GMT-06:00', '(GMT-06:00) Monterrey'],
|
18
|
+
['Saskatchewan', 'GMT-06:00', '(GMT-06:00) Saskatchewan'],
|
19
|
+
['Bogota', 'GMT-05:00', '(GMT-05:00) Bogota'],
|
20
|
+
['Eastern Time (US & Canada)', 'GMT-05:00', '(GMT-05:00) Eastern Time (US & Canada)'],
|
21
|
+
['Indiana (East)', 'GMT-05:00', '(GMT-05:00) Indiana (East)'],
|
22
|
+
['Lima', 'GMT-05:00', '(GMT-05:00) Lima'],
|
23
|
+
['Quito', 'GMT-05:00', '(GMT-05:00) Quito'],
|
24
|
+
['Caracas', 'GMT-04:30', '(GMT-04:30) Caracas'],
|
25
|
+
['Atlantic Time (Canada)', 'GMT-04:00', '(GMT-04:00) Atlantic Time (Canada)'],
|
26
|
+
['Georgetown', 'GMT-04:00', '(GMT-04:00) Georgetown'],
|
27
|
+
['La Paz', 'GMT-04:00', '(GMT-04:00) La Paz'],
|
28
|
+
['Santiago', 'GMT-04:00', '(GMT-04:00) Santiago'],
|
29
|
+
['Newfoundland', 'GMT-03:30', '(GMT-03:30) Newfoundland'],
|
30
|
+
['Brasilia', 'GMT-03:00', '(GMT-03:00) Brasilia'],
|
31
|
+
['Buenos Aires', 'GMT-03:00', '(GMT-03:00) Buenos Aires'],
|
32
|
+
['Greenland', 'GMT-03:00', '(GMT-03:00) Greenland'],
|
33
|
+
['Mid-Atlantic', 'GMT-02:00', '(GMT-02:00) Mid-Atlantic'],
|
34
|
+
['Azores', 'GMT-01:00', '(GMT-01:00) Azores'],
|
35
|
+
['Cape Verde Is.', 'GMT-01:00', '(GMT-01:00) Cape Verde Is.'],
|
36
|
+
['Casablanca', 'GMT+00:00', '(GMT+00:00) Casablanca'],
|
37
|
+
['Dublin', 'GMT+00:00', '(GMT+00:00) Dublin'],
|
38
|
+
['Edinburgh', 'GMT+00:00', '(GMT+00:00) Edinburgh'],
|
39
|
+
['Lisbon', 'GMT+00:00', '(GMT+00:00) Lisbon'],
|
40
|
+
['London', 'GMT+00:00', '(GMT+00:00) London'],
|
41
|
+
['Monrovia', 'GMT+00:00', '(GMT+00:00) Monrovia'],
|
42
|
+
['UTC', 'GMT+00:00', '(GMT+00:00) UTC'],
|
43
|
+
['Amsterdam', 'GMT+01:00', '(GMT+01:00) Amsterdam'],
|
44
|
+
['Belgrade', 'GMT+01:00', '(GMT+01:00) Belgrade'],
|
45
|
+
['Berlin', 'GMT+01:00', '(GMT+01:00) Berlin'],
|
46
|
+
['Bern', 'GMT+01:00', '(GMT+01:00) Bern'],
|
47
|
+
['Bratislava', 'GMT+01:00', '(GMT+01:00) Bratislava'],
|
48
|
+
['Brussels', 'GMT+01:00', '(GMT+01:00) Brussels'],
|
49
|
+
['Budapest', 'GMT+01:00', '(GMT+01:00) Budapest'],
|
50
|
+
['Copenhagen', 'GMT+01:00', '(GMT+01:00) Copenhagen'],
|
51
|
+
['Ljubljana', 'GMT+01:00', '(GMT+01:00) Ljubljana'],
|
52
|
+
['Madrid', 'GMT+01:00', '(GMT+01:00) Madrid'],
|
53
|
+
['Paris', 'GMT+01:00', '(GMT+01:00) Paris'],
|
54
|
+
['Prague', 'GMT+01:00', '(GMT+01:00) Prague'],
|
55
|
+
['Rome', 'GMT+01:00', '(GMT+01:00) Rome'],
|
56
|
+
['Sarajevo', 'GMT+01:00', '(GMT+01:00) Sarajevo'],
|
57
|
+
['Skopje', 'GMT+01:00', '(GMT+01:00) Skopje'],
|
58
|
+
['Stockholm', 'GMT+01:00', '(GMT+01:00) Stockholm'],
|
59
|
+
['Vienna', 'GMT+01:00', '(GMT+01:00) Vienna'],
|
60
|
+
['Warsaw', 'GMT+01:00', '(GMT+01:00) Warsaw'],
|
61
|
+
['West Central Africa', '(GMT+01:00', '(GMT+01:00) West Central Africa'],
|
62
|
+
['Zagreb', 'GMT+01:00', '(GMT+01:00) Zagreb'],
|
63
|
+
['Athens', 'GMT+02:00', '(GMT+02:00) Athens'],
|
64
|
+
['Bucharest', 'GMT+02:00', '(GMT+02:00) Bucharest'],
|
65
|
+
['Cairo', 'GMT+02:00', '(GMT+02:00) Cairo'],
|
66
|
+
['Harare', 'GMT+02:00', '(GMT+02:00) Harare'],
|
67
|
+
['Helsinki', 'GMT+02:00', '(GMT+02:00) Helsinki'],
|
68
|
+
['Istanbul', 'GMT+02:00', '(GMT+02:00) Istanbul'],
|
69
|
+
['Jerusalem', 'GMT+02:00', '(GMT+02:00) Jerusalem'],
|
70
|
+
['Kyiv', 'GMT+02:00', '(GMT+02:00) Kyiv'],
|
71
|
+
['Minsk', 'GMT+02:00', '(GMT+02:00) Minsk'],
|
72
|
+
['Pretoria', 'GMT+02:00', '(GMT+02:00) Pretoria'],
|
73
|
+
['Riga', 'GMT+02:00', '(GMT+02:00) Riga'],
|
74
|
+
['Sofia', 'GMT+02:00', '(GMT+02:00) Sofia'],
|
75
|
+
['Tallinn', 'GMT+02:00', '(GMT+02:00) Tallinn'],
|
76
|
+
['Vilnius', 'GMT+02:00', '(GMT+02:00) Vilnius'],
|
77
|
+
['Baghdad', 'GMT+03:00', '(GMT+03:00) Baghdad'],
|
78
|
+
['Kuwait', 'GMT+03:00', '(GMT+03:00) Kuwait'],
|
79
|
+
['Moscow', 'GMT+03:00', '(GMT+03:00) Moscow'],
|
80
|
+
['Nairobi', 'GMT+03:00', '(GMT+03:00) Nairobi'],
|
81
|
+
['Riyadh', 'GMT+03:00', '(GMT+03:00) Riyadh'],
|
82
|
+
['St. Petersburg', 'GMT+03:00', '(GMT+03:00) St. Petersburg'],
|
83
|
+
['Volgograd', 'GMT+03:00', '(GMT+03:00) Volgograd'],
|
84
|
+
['Tehran', 'GMT+03:30', '(GMT+03:30) Tehran'],
|
85
|
+
['Abu Dhabi', 'GMT+04:00', '(GMT+04:00) Abu Dhabi'],
|
86
|
+
['Baku', 'GMT+04:00', '(GMT+04:00) Baku'],
|
87
|
+
['Muscat', 'GMT+04:00', '(GMT+04:00) Muscat'],
|
88
|
+
['Tbilisi', 'GMT+04:00', '(GMT+04:00) Tbilisi'],
|
89
|
+
['Yerevan', 'GMT+04:00', '(GMT+04:00) Yerevan'],
|
90
|
+
['Kabul', 'GMT+04:30', '(GMT+04:30) Kabul'],
|
91
|
+
['Ekaterinburg', 'GMT+05:00', '(GMT+05:00) Ekaterinburg'],
|
92
|
+
['Islamabad', 'GMT+05:00', '(GMT+05:00) Islamabad'],
|
93
|
+
['Karachi', 'GMT+05:00', '(GMT+05:00) Karachi'],
|
94
|
+
['Tashkent', 'GMT+05:00', '(GMT+05:00) Tashkent'],
|
95
|
+
['Chennai', 'GMT+05:30', '(GMT+05:30) Chennai'],
|
96
|
+
['Kolkata', 'GMT+05:30', '(GMT+05:30) Kolkata'],
|
97
|
+
['Mumbai', 'GMT+05:30', '(GMT+05:30) Mumbai'],
|
98
|
+
['New Delhi', 'GMT+05:30', '(GMT+05:30) New Delhi'],
|
99
|
+
['Sri Jayawardenepura', 'GMT+05:30', '(GMT+05:30) Sri Jayawardenepura'],
|
100
|
+
['Kathmandu', 'GMT+05:45', '(GMT+05:45) Kathmandu'],
|
101
|
+
['Almaty', 'GMT+06:00', '(GMT+06:00) Almaty'],
|
102
|
+
['Astana', 'GMT+06:00', '(GMT+06:00) Astana'],
|
103
|
+
['Dhaka', 'GMT+06:00', '(GMT+06:00) Dhaka'],
|
104
|
+
['Novosibirsk', 'GMT+06:00', '(GMT+06:00) Novosibirsk'],
|
105
|
+
['Rangoon', 'GMT+06:30', '(GMT+06:30) Rangoon'],
|
106
|
+
['Bangkok', 'GMT+07:00', '(GMT+07:00) Bangkok'],
|
107
|
+
['Hanoi', 'GMT+07:00', '(GMT+07:00) Hanoi'],
|
108
|
+
['Jakarta', 'GMT+07:00', '(GMT+07:00) Jakarta'],
|
109
|
+
['Krasnoyarsk', 'GMT+07:00', '(GMT+07:00) Krasnoyarsk'],
|
110
|
+
['Beijing', 'GMT+08:00', '(GMT+08:00) Beijing'],
|
111
|
+
['Chongqing', 'GMT+08:00', '(GMT+08:00) Chongqing'],
|
112
|
+
['Hong Kong', 'GMT+08:00', '(GMT+08:00) Hong Kong'],
|
113
|
+
['Irkutsk', 'GMT+08:00', '(GMT+08:00) Irkutsk'],
|
114
|
+
['Kuala Lumpur', 'GMT+08:00', '(GMT+08:00) Kuala Lumpur'],
|
115
|
+
['Perth', 'GMT+08:00', '(GMT+08:00) Perth'],
|
116
|
+
['Singapore', 'GMT+08:00', '(GMT+08:00) Singapore'],
|
117
|
+
['Taipei', 'GMT+08:00', '(GMT+08:00) Taipei'],
|
118
|
+
['Ulaan Bataar', 'GMT+08:00', '(GMT+08:00) Ulaan Bataar'],
|
119
|
+
['Urumqi', 'GMT+08:00', '(GMT+08:00) Urumqi'],
|
120
|
+
['Osaka', 'GMT+09:00', '(GMT+09:00) Osaka'],
|
121
|
+
['Sapporo', 'GMT+09:00', '(GMT+09:00) Sapporo'],
|
122
|
+
['Seoul', 'GMT+09:00', '(GMT+09:00) Seoul'],
|
123
|
+
['Tokyo', 'GMT+09:00', '(GMT+09:00) Tokyo'],
|
124
|
+
['Yakutsk', 'GMT+09:00', '(GMT+09:00) Yakutsk'],
|
125
|
+
['Adelaide', 'GMT+09:30', '(GMT+09:30) Adelaide'],
|
126
|
+
['Darwin', 'GMT+09:30', '(GMT+09:30) Darwin'],
|
127
|
+
['Brisbane', 'GMT+10:00', '(GMT+10:00) Brisbane'],
|
128
|
+
['Canberra', 'GMT+10:00', '(GMT+10:00) Canberra'],
|
129
|
+
['Guam', 'GMT+10:00', '(GMT+10:00) Guam'],
|
130
|
+
['Hobart', 'GMT+10:00', '(GMT+10:00) Hobart'],
|
131
|
+
['Melbourne', 'GMT+10:00', '(GMT+10:00) Melbourne'],
|
132
|
+
['Port Moresby', 'GMT+10:00', '(GMT+10:00) Port Moresby'],
|
133
|
+
['Sydney', 'GMT+10:00', '(GMT+10:00) Sydney'],
|
134
|
+
['Vladivostok', 'GMT+10:00', '(GMT+10:00) Vladivostok'],
|
135
|
+
['Kamchatka', 'GMT+11:00', '(GMT+11:00) Kamchatka'],
|
136
|
+
['Magadan', 'GMT+11:00', '(GMT+11:00) Magadan'],
|
137
|
+
['New Caledonia', 'GMT+11:00', '(GMT+11:00) New Caledonia'],
|
138
|
+
['Solomon Is.', 'GMT+11:00', '(GMT+11:00) Solomon Is.'],
|
139
|
+
['Auckland', 'GMT+12:00', '(GMT+12:00) Auckland'],
|
140
|
+
['Fiji', 'GMT+12:00', '(GMT+12:00) Fiji'],
|
141
|
+
['Marshall Is.', 'GMT+12:00', '(GMT+12:00) Marshall Is.'],
|
142
|
+
['Wellington', 'GMT+12:00', '(GMT+12:00) Wellington'],
|
143
|
+
["Nuku'alofa", 'GMT+13:00', "(GMT+13:00) Nuku'alofa"],
|
144
|
+
];
|
@@ -0,0 +1,33 @@
|
|
1
|
+
verdocs-settings-organization {
|
2
|
+
display: flex;
|
3
|
+
padding: 10px;
|
4
|
+
font-size: 18px;
|
5
|
+
flex-wrap: nowrap;
|
6
|
+
border-radius: 6px;
|
7
|
+
color: #33364b;
|
8
|
+
flex-direction: column;
|
9
|
+
font-family: "Inter", "Barlow", sans-serif;
|
10
|
+
}
|
11
|
+
verdocs-settings-organization .columns {
|
12
|
+
gap: 20px;
|
13
|
+
display: flex;
|
14
|
+
flex-wrap: wrap;
|
15
|
+
flex-direction: row;
|
16
|
+
}
|
17
|
+
verdocs-settings-organization .column {
|
18
|
+
flex: 1;
|
19
|
+
display: flex;
|
20
|
+
flex-direction: column;
|
21
|
+
}
|
22
|
+
verdocs-settings-organization verdocs-text-input {
|
23
|
+
margin: 10px 0;
|
24
|
+
}
|
25
|
+
verdocs-settings-organization verdocs-text-input input {
|
26
|
+
height: 32px;
|
27
|
+
}
|
28
|
+
@media screen and (max-width: 600px) {
|
29
|
+
verdocs-settings-organization .columns {
|
30
|
+
gap: 0;
|
31
|
+
flex-direction: column;
|
32
|
+
}
|
33
|
+
}
|