@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.
Files changed (112) hide show
  1. package/dist/cjs/Profiles-244e8254.js +95 -0
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/verdocs-auth.cjs.entry.js +3 -44
  4. package/dist/cjs/{verdocs-checkbox_5.cjs.entry.js → verdocs-checkbox_4.cjs.entry.js} +0 -39
  5. package/dist/cjs/verdocs-help-icon.cjs.entry.js +45 -0
  6. package/dist/cjs/verdocs-settings-api-keys_4.cjs.entry.js +4546 -0
  7. package/dist/cjs/verdocs-settings.cjs.entry.js +42 -0
  8. package/dist/cjs/verdocs-table.cjs.entry.js +27 -0
  9. package/dist/cjs/verdocs-web-sdk.cjs.js +1 -1
  10. package/dist/collection/collection-manifest.json +6 -0
  11. package/dist/collection/components/controls/verdocs-table/verdocs-table.css +25 -0
  12. package/dist/collection/components/controls/verdocs-table/verdocs-table.js +71 -0
  13. package/dist/collection/components/controls/verdocs-table/verdocs-table.stories.js +25 -0
  14. package/dist/collection/components/embeds/verdocs-settings/verdocs-settings.css +29 -0
  15. package/dist/collection/components/embeds/verdocs-settings/verdocs-settings.js +98 -0
  16. package/dist/collection/components/embeds/verdocs-settings/verdocs-settings.stories.js +10 -0
  17. package/dist/collection/components/settings/verdocs-settings-api-keys/verdocs-settings-api-keys.css +38 -0
  18. package/dist/collection/components/settings/verdocs-settings-api-keys/verdocs-settings-api-keys.js +179 -0
  19. package/dist/collection/components/settings/verdocs-settings-api-keys/verdocs-settings-api-keys.stories.js +11 -0
  20. package/dist/collection/components/settings/verdocs-settings-members/verdocs-settings-members.css +38 -0
  21. package/dist/collection/components/settings/verdocs-settings-members/verdocs-settings-members.js +210 -0
  22. package/dist/collection/components/settings/verdocs-settings-members/verdocs-settings-members.stories.js +17 -0
  23. package/dist/collection/components/settings/verdocs-settings-organization/TimeZones.js +144 -0
  24. package/dist/collection/components/settings/verdocs-settings-organization/verdocs-settings-organization.css +33 -0
  25. package/dist/collection/components/settings/verdocs-settings-organization/verdocs-settings-organization.js +226 -0
  26. package/dist/collection/components/settings/verdocs-settings-organization/verdocs-settings-organization.stories.js +13 -0
  27. package/dist/collection/components/settings/verdocs-settings-profile/verdocs-settings-profile.css +33 -0
  28. package/dist/collection/components/settings/verdocs-settings-profile/verdocs-settings-profile.js +187 -0
  29. package/dist/collection/components/settings/verdocs-settings-profile/verdocs-settings-profile.stories.js +13 -0
  30. package/dist/components/EnvelopeStore.js +1 -1
  31. package/dist/components/Organizations.js +32 -0
  32. package/dist/components/Profiles.js +57 -0
  33. package/dist/components/Strings.js +6 -0
  34. package/dist/components/TemplateStore.js +1 -1
  35. package/dist/components/index.d.ts +6 -0
  36. package/dist/components/index.js +6 -0
  37. package/dist/components/index3.js +3979 -168
  38. package/dist/components/index4.js +194 -0
  39. package/dist/components/verdocs-auth.js +2 -42
  40. package/dist/components/verdocs-settings-api-keys.d.ts +11 -0
  41. package/dist/components/verdocs-settings-api-keys.js +6 -0
  42. package/dist/components/verdocs-settings-api-keys2.js +108 -0
  43. package/dist/components/verdocs-settings-members.d.ts +11 -0
  44. package/dist/components/verdocs-settings-members.js +6 -0
  45. package/dist/components/verdocs-settings-members2.js +123 -0
  46. package/dist/components/verdocs-settings-organization.d.ts +11 -0
  47. package/dist/components/verdocs-settings-organization.js +6 -0
  48. package/dist/components/verdocs-settings-organization2.js +331 -0
  49. package/dist/components/verdocs-settings-profile.d.ts +11 -0
  50. package/dist/components/verdocs-settings-profile.js +6 -0
  51. package/dist/components/verdocs-settings-profile2.js +142 -0
  52. package/dist/components/verdocs-settings.d.ts +11 -0
  53. package/dist/components/verdocs-settings.js +119 -0
  54. package/dist/components/verdocs-table.d.ts +11 -0
  55. package/dist/components/verdocs-table.js +6 -0
  56. package/dist/components/verdocs-table2.js +41 -0
  57. package/dist/custom-elements.json +1999 -0
  58. package/dist/docs.json +485 -1
  59. package/dist/esm/Profiles-7645e6f1.js +88 -0
  60. package/dist/esm/loader.js +1 -1
  61. package/dist/esm/verdocs-auth.entry.js +1 -42
  62. package/dist/esm/{verdocs-checkbox_5.entry.js → verdocs-checkbox_4.entry.js} +1 -39
  63. package/dist/esm/verdocs-help-icon.entry.js +41 -0
  64. package/dist/esm/verdocs-settings-api-keys_4.entry.js +4539 -0
  65. package/dist/esm/verdocs-settings.entry.js +38 -0
  66. package/dist/esm/verdocs-table.entry.js +23 -0
  67. package/dist/esm/verdocs-web-sdk.js +1 -1
  68. package/dist/esm-es5/Profiles-7645e6f1.js +1 -0
  69. package/dist/esm-es5/loader.js +1 -1
  70. package/dist/esm-es5/verdocs-auth.entry.js +1 -1
  71. package/dist/esm-es5/verdocs-checkbox_4.entry.js +1 -0
  72. package/dist/esm-es5/verdocs-help-icon.entry.js +1 -0
  73. package/dist/esm-es5/verdocs-settings-api-keys_4.entry.js +1 -0
  74. package/dist/esm-es5/verdocs-settings.entry.js +1 -0
  75. package/dist/esm-es5/verdocs-table.entry.js +1 -0
  76. package/dist/esm-es5/verdocs-web-sdk.js +1 -1
  77. package/dist/types/components/controls/verdocs-table/verdocs-table.d.ts +21 -0
  78. package/dist/types/components/controls/verdocs-table/verdocs-table.stories.d.ts +7 -0
  79. package/dist/types/components/embeds/verdocs-settings/verdocs-settings.d.ts +22 -0
  80. package/dist/types/components/embeds/verdocs-settings/verdocs-settings.stories.d.ts +4 -0
  81. package/dist/types/components/settings/verdocs-settings-api-keys/verdocs-settings-api-keys.d.ts +44 -0
  82. package/dist/types/components/settings/verdocs-settings-api-keys/verdocs-settings-api-keys.stories.d.ts +4 -0
  83. package/dist/types/components/settings/verdocs-settings-members/verdocs-settings-members.d.ts +43 -0
  84. package/dist/types/components/settings/verdocs-settings-members/verdocs-settings-members.stories.d.ts +8 -0
  85. package/dist/types/components/settings/verdocs-settings-organization/TimeZones.d.ts +1 -0
  86. package/dist/types/components/settings/verdocs-settings-organization/verdocs-settings-organization.d.ts +42 -0
  87. package/dist/types/components/settings/verdocs-settings-organization/verdocs-settings-organization.stories.d.ts +6 -0
  88. package/dist/types/components/settings/verdocs-settings-profile/verdocs-settings-profile.d.ts +38 -0
  89. package/dist/types/components/settings/verdocs-settings-profile/verdocs-settings-profile.stories.d.ts +6 -0
  90. package/dist/types/components.d.ts +208 -0
  91. package/dist/verdocs-web-sdk/p-075dc36d.js +1 -0
  92. package/dist/verdocs-web-sdk/p-144d4ed1.system.entry.js +1 -0
  93. package/dist/verdocs-web-sdk/p-268a29a9.system.entry.js +1 -0
  94. package/dist/verdocs-web-sdk/p-40361f22.entry.js +1 -0
  95. package/dist/verdocs-web-sdk/p-647cdb84.system.js +1 -1
  96. package/dist/verdocs-web-sdk/p-7213a107.system.entry.js +1 -0
  97. package/dist/verdocs-web-sdk/p-84f9fe5d.entry.js +1 -0
  98. package/dist/verdocs-web-sdk/p-ab26744f.system.entry.js +1 -0
  99. package/dist/verdocs-web-sdk/p-cbebc039.system.js +1 -0
  100. package/dist/verdocs-web-sdk/p-d309ef6f.entry.js +1 -0
  101. package/dist/verdocs-web-sdk/p-db4cfbfe.entry.js +1 -0
  102. package/dist/verdocs-web-sdk/p-df90b36d.entry.js +1 -0
  103. package/dist/verdocs-web-sdk/p-e248947e.system.entry.js +1 -0
  104. package/dist/verdocs-web-sdk/p-e9d2b68a.entry.js +1 -0
  105. package/dist/verdocs-web-sdk/p-febebe69.system.entry.js +1 -0
  106. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
  107. package/package.json +3 -2
  108. package/dist/esm-es5/verdocs-checkbox_5.entry.js +0 -1
  109. package/dist/verdocs-web-sdk/p-25916fc3.entry.js +0 -1
  110. package/dist/verdocs-web-sdk/p-300a240d.entry.js +0 -1
  111. package/dist/verdocs-web-sdk/p-5e5eb075.system.entry.js +0 -1
  112. package/dist/verdocs-web-sdk/p-b75d3b7f.system.entry.js +0 -1
@@ -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 /> `;
@@ -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
+ }
@@ -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
+ }