@verdocs/web-sdk 2.1.4 → 2.2.1

package/dist/collection/components/settings/verdocs-settings-api-keys/verdocs-settings-api-keys.js

@@ -0,0 +1,179 @@
+import { ApiKeys } from '@verdocs/js-sdk/Organizations';
+import { VerdocsEndpoint } from '@verdocs/js-sdk';
+import { h, Host } from '@stencil/core';
+import { VerdocsToast } from '../../../utils/Toast';
+import { SDKError } from '../../../utils/errors';
+import { capitalize } from '@verdocs/js-sdk/Utils/Strings';
+/**
+ * Displays a settings form that allows the user to manage their API keys.
+ */
+export class VerdocsSettingsApiKeys {
+  constructor() {
+    this.endpoint = VerdocsEndpoint.getDefault();
+    this.keys = [];
+  }
+  componentWillLoad() {
+    this.endpoint.loadSession();
+    if (!this.endpoint.session) {
+      console.log('[SETTINGS] Must be authenticated');
+      return;
+    }
+  }
+  async componentDidLoad() {
+    var _a, _b, _c;
+    try {
+      this.keys = await ApiKeys.getKeys(this.endpoint, this.endpoint.session.organization_id);
+    }
+    catch (e) {
+      (_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));
+      VerdocsToast('Unable to load members. Please try again later');
+    }
+  }
+  render() {
+    if (!this.endpoint.session) {
+      console.log('[SETTINGS] Must be authenticated');
+      return h(Host, { class: "authentication-required" }, "Must be authenticated");
+    }
+    return (h(Host, null, h("h1", null, "API Keys"), h("verdocs-table", { data: this.keys, columns: [
+        { id: 'name', header: 'Name' },
+        { id: 'client_id', header: 'Client ID' },
+        { 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)}`; } },
+      ] }), h("verdocs-button", { label: "Add API Key", size: "normal", disabled: true })));
+  }
+  static get is() { return "verdocs-settings-api-keys"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["verdocs-settings-api-keys.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["verdocs-settings-api-keys.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "endpoint": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "VerdocsEndpoint",
+          "resolved": "VerdocsEndpoint",
+          "references": {
+            "VerdocsEndpoint": {
+              "location": "import",
+              "path": "@verdocs/js-sdk"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used."
+        },
+        "defaultValue": "VerdocsEndpoint.getDefault()"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "keys": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "sdkError",
+        "name": "sdkError",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "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."
+        },
+        "complexType": {
+          "original": "SDKError",
+          "resolved": "SDKError",
+          "references": {
+            "SDKError": {
+              "location": "import",
+              "path": "../../../utils/errors"
+            }
+          }
+        }
+      }, {
+        "method": "memberInvited",
+        "name": "memberInvited",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event fired when the user chooses to invite a new member."
+        },
+        "complexType": {
+          "original": "{endpoint: VerdocsEndpoint; member: IProfile}",
+          "resolved": "{ endpoint: VerdocsEndpoint; member: IProfile; }",
+          "references": {
+            "VerdocsEndpoint": {
+              "location": "import",
+              "path": "@verdocs/js-sdk"
+            },
+            "IProfile": {
+              "location": "import",
+              "path": "@verdocs/js-sdk/Users/Types"
+            }
+          }
+        }
+      }, {
+        "method": "memberUpdated",
+        "name": "memberUpdated",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event fired when the user chooses to invite a new member."
+        },
+        "complexType": {
+          "original": "{endpoint: VerdocsEndpoint; member: IProfile}",
+          "resolved": "{ endpoint: VerdocsEndpoint; member: IProfile; }",
+          "references": {
+            "VerdocsEndpoint": {
+              "location": "import",
+              "path": "@verdocs/js-sdk"
+            },
+            "IProfile": {
+              "location": "import",
+              "path": "@verdocs/js-sdk/Users/Types"
+            }
+          }
+        }
+      }, {
+        "method": "memberRemoved",
+        "name": "memberRemoved",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event fired when the user chooses to invite a new member."
+        },
+        "complexType": {
+          "original": "{endpoint: VerdocsEndpoint; member: IProfile}",
+          "resolved": "{ endpoint: VerdocsEndpoint; member: IProfile; }",
+          "references": {
+            "VerdocsEndpoint": {
+              "location": "import",
+              "path": "@verdocs/js-sdk"
+            },
+            "IProfile": {
+              "location": "import",
+              "path": "@verdocs/js-sdk/Users/Types"
+            }
+          }
+        }
+      }];
+  }
+}

package/dist/collection/components/settings/verdocs-settings-api-keys/verdocs-settings-api-keys.stories.js

@@ -0,0 +1,11 @@
+import { html } from 'lit-html';
+export default {
+  title: 'Settings/Api Keys',
+  component: 'verdocs-settings-api-keys',
+  args: {},
+  argTypes: {},
+  parameters: {
+    layout: 'fullscreen',
+  },
+};
+export const ApiKeys = () => html ` <verdocs-settings-api-keys /> `;

package/dist/collection/components/settings/verdocs-settings-members/verdocs-settings-members.css

@@ -0,0 +1,38 @@
+verdocs-settings-members {
+  display: flex;
+  padding: 10px;
+  font-size: 18px;
+  flex-wrap: nowrap;
+  border-radius: 6px;
+  color: #33364b;
+  flex-direction: column;
+  font-family: "Inter", "Barlow", sans-serif;
+}
+verdocs-settings-members .table {
+  margin: 12px 0;
+}
+verdocs-settings-members .role {
+  font-size: 12px;
+  width: 32px;
+  height: 32px;
+  border-radius: 32px;
+  background: #777777;
+  color: #ffffff;
+  font-weight: 700;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+verdocs-settings-members .col.col-actions {
+  align-items: center;
+  text-align: center;
+}
+verdocs-settings-members .col.col-actions svg {
+  cursor: pointer;
+  width: 24px;
+  height: 24px;
+  fill: #777777;
+}
+verdocs-settings-members .col.col-actions svg:hover {
+  fill: red;
+}

package/dist/collection/components/settings/verdocs-settings-members/verdocs-settings-members.js

@@ -0,0 +1,210 @@
+import { Members } from '@verdocs/js-sdk/Organizations';
+import { VerdocsEndpoint } from '@verdocs/js-sdk';
+import { h, Host } from '@stencil/core';
+import { VerdocsToast } from '../../../utils/Toast';
+import { SDKError } from '../../../utils/errors';
+import { capitalize } from '@verdocs/js-sdk/Utils/Strings';
+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>`;
+const getRoleLabel = (roles) => {
+  if (roles.find(role => role.name === 'owner') !== undefined)
+    return 'Owner';
+  if (roles.find(role => role.name === 'admin') !== undefined)
+    return 'Admin';
+  if (roles.find(role => role.name === 'member') !== undefined)
+    return 'Member';
+  if (roles.find(role => role.name === 'basic_user') !== undefined)
+    return 'Basic User';
+  if (roles.find(role => role.name === 'contact') !== undefined)
+    return 'Contact';
+};
+const getRoleColor = (roles) => {
+  if (roles.find(role => role.name === 'owner') !== undefined)
+    return '#9333ea';
+  if (roles.find(role => role.name === 'admin') !== undefined)
+    return '#2563eb';
+  if (roles.find(role => role.name === 'member') !== undefined)
+    return '#16a34a';
+  if (roles.find(role => role.name === 'basic_user') !== undefined)
+    return '#ea580c';
+  if (roles.find(role => role.name === 'contact') !== undefined)
+    return '#52525B';
+};
+/**
+ * Displays a settings form that allows the user to manage their Verdocs profile.
+ */
+export class VerdocsSettingsMembers {
+  constructor() {
+    this.endpoint = VerdocsEndpoint.getDefault();
+    this.members = [];
+  }
+  componentWillLoad() {
+    this.endpoint.loadSession();
+    if (!this.endpoint.session) {
+      console.log('[SETTINGS] Must be authenticated');
+      return;
+    }
+  }
+  async componentDidLoad() {
+    var _a, _b, _c;
+    try {
+      this.members = await Members.getMembers(this.endpoint, this.endpoint.session.organization_id);
+    }
+    catch (e) {
+      (_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));
+      VerdocsToast('Unable to load members. Please try again later');
+    }
+  }
+  render() {
+    if (!this.endpoint.session) {
+      console.log('[SETTINGS] Must be authenticated');
+      return h(Host, { class: "authentication-required" }, "Must be authenticated");
+    }
+    return (h(Host, null, h("h1", null, "Members"), h("verdocs-table", { data: this.members, columns: [
+        {
+          id: 'name',
+          renderHeader: () => 'Member',
+          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)))),
+        },
+        { id: 'email', header: 'E-mail Address' },
+        { id: 'phone', header: 'Phone Number' },
+        { id: 'roles', header: 'Role', renderCell: (_, row) => `${getRoleLabel(row.roles)}` },
+        { id: 'actions', header: 'Actions', renderCell: () => h("span", { innerHTML: TrashIcon, onClick: () => { } }) },
+      ] }), h("verdocs-button", { label: "Invite New Member", size: "normal", disabled: true })));
+  }
+  static get is() { return "verdocs-settings-members"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["verdocs-settings-members.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["verdocs-settings-members.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "endpoint": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "VerdocsEndpoint",
+          "resolved": "VerdocsEndpoint",
+          "references": {
+            "VerdocsEndpoint": {
+              "location": "import",
+              "path": "@verdocs/js-sdk"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used."
+        },
+        "defaultValue": "VerdocsEndpoint.getDefault()"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "members": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "sdkError",
+        "name": "sdkError",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "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."
+        },
+        "complexType": {
+          "original": "SDKError",
+          "resolved": "SDKError",
+          "references": {
+            "SDKError": {
+              "location": "import",
+              "path": "../../../utils/errors"
+            }
+          }
+        }
+      }, {
+        "method": "memberInvited",
+        "name": "memberInvited",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event fired when the user chooses to invite a new member."
+        },
+        "complexType": {
+          "original": "{endpoint: VerdocsEndpoint; member: IProfile}",
+          "resolved": "{ endpoint: VerdocsEndpoint; member: IProfile; }",
+          "references": {
+            "VerdocsEndpoint": {
+              "location": "import",
+              "path": "@verdocs/js-sdk"
+            },
+            "IProfile": {
+              "location": "import",
+              "path": "@verdocs/js-sdk/Users/Types"
+            }
+          }
+        }
+      }, {
+        "method": "memberUpdated",
+        "name": "memberUpdated",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event fired when the user chooses to invite a new member."
+        },
+        "complexType": {
+          "original": "{endpoint: VerdocsEndpoint; member: IProfile}",
+          "resolved": "{ endpoint: VerdocsEndpoint; member: IProfile; }",
+          "references": {
+            "VerdocsEndpoint": {
+              "location": "import",
+              "path": "@verdocs/js-sdk"
+            },
+            "IProfile": {
+              "location": "import",
+              "path": "@verdocs/js-sdk/Users/Types"
+            }
+          }
+        }
+      }, {
+        "method": "memberRemoved",
+        "name": "memberRemoved",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event fired when the user chooses to invite a new member."
+        },
+        "complexType": {
+          "original": "{endpoint: VerdocsEndpoint; member: IProfile}",
+          "resolved": "{ endpoint: VerdocsEndpoint; member: IProfile; }",
+          "references": {
+            "VerdocsEndpoint": {
+              "location": "import",
+              "path": "@verdocs/js-sdk"
+            },
+            "IProfile": {
+              "location": "import",
+              "path": "@verdocs/js-sdk/Users/Types"
+            }
+          }
+        }
+      }];
+  }
+}

package/dist/collection/components/settings/verdocs-settings-members/verdocs-settings-members.stories.js

@@ -0,0 +1,17 @@
+import { html } from 'lit-html';
+export default {
+  title: 'Settings/Members',
+  component: 'verdocs-settings-members',
+  args: {},
+  argTypes: {
+    onMemberInvited: { action: 'memberInvited' },
+    onMemberUpdated: { action: 'memberUpdated' },
+    onMemberRemoved: { action: 'memberRemoved' },
+  },
+  parameters: {
+    layout: 'fullscreen',
+  },
+};
+export const Members = ({ onMemberInvited, onMemberUpdated, onMemberRemoved }) => html `
+  <verdocs-settings-members @memberInvited=${onMemberInvited} @memberUpdated=${onMemberUpdated} @memberRemoved=${onMemberRemoved} />
+`;

package/dist/collection/components/settings/verdocs-settings-organization/TimeZones.js

@@ -0,0 +1,144 @@
+export const TimeZones = [
+  ['International Date Line West', 'GMT-11:00', '(GMT-11:00) International Date Line West'],
+  ['Midway Island', 'GMT-11:00', '(GMT-11:00) Midway Island'],
+  ['Samoa', 'GMT-11:00', '(GMT-11:00) Samoa'],
+  ['Hawaii', 'GMT-10:00', '(GMT-10:00) Hawaii'],
+  ['Alaska', 'GMT-09:00', '(GMT-09:00) Alaska'],
+  ['Pacific Time (US & Canada)', 'GMT-08:00', '(GMT-08:00) Pacific Time (US & Canada)'],
+  ['Tijuana', 'GMT-08:00', '(GMT-08:00) Tijuana'],
+  ['Arizona', 'GMT-07:00', '(GMT-07:00) Arizona'],
+  ['Chihuahua', 'GMT-07:00', '(GMT-07:00) Chihuahua'],
+  ['Mazatlan', 'GMT-07:00', '(GMT-07:00) Mazatlan'],
+  ['Mountain Time (US & Canada)', 'GMT-07:00', '(GMT-07:00) Mountain Time (US & Canada)'],
+  ['Central America', 'GMT-06:00', '(GMT-06:00) Central America'],
+  ['Central Time (US & Canada)', 'GMT-06:00', '(GMT-06:00) Central Time (US & Canada)'],
+  ['Guadalajara', 'GMT-06:00', '(GMT-06:00) Guadalajara'],
+  ['Mexico City', 'GMT-06:00', '(GMT-06:00) Mexico City'],
+  ['Monterrey', 'GMT-06:00', '(GMT-06:00) Monterrey'],
+  ['Saskatchewan', 'GMT-06:00', '(GMT-06:00) Saskatchewan'],
+  ['Bogota', 'GMT-05:00', '(GMT-05:00) Bogota'],
+  ['Eastern Time (US & Canada)', 'GMT-05:00', '(GMT-05:00) Eastern Time (US & Canada)'],
+  ['Indiana (East)', 'GMT-05:00', '(GMT-05:00) Indiana (East)'],
+  ['Lima', 'GMT-05:00', '(GMT-05:00) Lima'],
+  ['Quito', 'GMT-05:00', '(GMT-05:00) Quito'],
+  ['Caracas', 'GMT-04:30', '(GMT-04:30) Caracas'],
+  ['Atlantic Time (Canada)', 'GMT-04:00', '(GMT-04:00) Atlantic Time (Canada)'],
+  ['Georgetown', 'GMT-04:00', '(GMT-04:00) Georgetown'],
+  ['La Paz', 'GMT-04:00', '(GMT-04:00) La Paz'],
+  ['Santiago', 'GMT-04:00', '(GMT-04:00) Santiago'],
+  ['Newfoundland', 'GMT-03:30', '(GMT-03:30) Newfoundland'],
+  ['Brasilia', 'GMT-03:00', '(GMT-03:00) Brasilia'],
+  ['Buenos Aires', 'GMT-03:00', '(GMT-03:00) Buenos Aires'],
+  ['Greenland', 'GMT-03:00', '(GMT-03:00) Greenland'],
+  ['Mid-Atlantic', 'GMT-02:00', '(GMT-02:00) Mid-Atlantic'],
+  ['Azores', 'GMT-01:00', '(GMT-01:00) Azores'],
+  ['Cape Verde Is.', 'GMT-01:00', '(GMT-01:00) Cape Verde Is.'],
+  ['Casablanca', 'GMT+00:00', '(GMT+00:00) Casablanca'],
+  ['Dublin', 'GMT+00:00', '(GMT+00:00) Dublin'],
+  ['Edinburgh', 'GMT+00:00', '(GMT+00:00) Edinburgh'],
+  ['Lisbon', 'GMT+00:00', '(GMT+00:00) Lisbon'],
+  ['London', 'GMT+00:00', '(GMT+00:00) London'],
+  ['Monrovia', 'GMT+00:00', '(GMT+00:00) Monrovia'],
+  ['UTC', 'GMT+00:00', '(GMT+00:00) UTC'],
+  ['Amsterdam', 'GMT+01:00', '(GMT+01:00) Amsterdam'],
+  ['Belgrade', 'GMT+01:00', '(GMT+01:00) Belgrade'],
+  ['Berlin', 'GMT+01:00', '(GMT+01:00) Berlin'],
+  ['Bern', 'GMT+01:00', '(GMT+01:00) Bern'],
+  ['Bratislava', 'GMT+01:00', '(GMT+01:00) Bratislava'],
+  ['Brussels', 'GMT+01:00', '(GMT+01:00) Brussels'],
+  ['Budapest', 'GMT+01:00', '(GMT+01:00) Budapest'],
+  ['Copenhagen', 'GMT+01:00', '(GMT+01:00) Copenhagen'],
+  ['Ljubljana', 'GMT+01:00', '(GMT+01:00) Ljubljana'],
+  ['Madrid', 'GMT+01:00', '(GMT+01:00) Madrid'],
+  ['Paris', 'GMT+01:00', '(GMT+01:00) Paris'],
+  ['Prague', 'GMT+01:00', '(GMT+01:00) Prague'],
+  ['Rome', 'GMT+01:00', '(GMT+01:00) Rome'],
+  ['Sarajevo', 'GMT+01:00', '(GMT+01:00) Sarajevo'],
+  ['Skopje', 'GMT+01:00', '(GMT+01:00) Skopje'],
+  ['Stockholm', 'GMT+01:00', '(GMT+01:00) Stockholm'],
+  ['Vienna', 'GMT+01:00', '(GMT+01:00) Vienna'],
+  ['Warsaw', 'GMT+01:00', '(GMT+01:00) Warsaw'],
+  ['West Central Africa', '(GMT+01:00', '(GMT+01:00) West Central Africa'],
+  ['Zagreb', 'GMT+01:00', '(GMT+01:00) Zagreb'],
+  ['Athens', 'GMT+02:00', '(GMT+02:00) Athens'],
+  ['Bucharest', 'GMT+02:00', '(GMT+02:00) Bucharest'],
+  ['Cairo', 'GMT+02:00', '(GMT+02:00) Cairo'],
+  ['Harare', 'GMT+02:00', '(GMT+02:00) Harare'],
+  ['Helsinki', 'GMT+02:00', '(GMT+02:00) Helsinki'],
+  ['Istanbul', 'GMT+02:00', '(GMT+02:00) Istanbul'],
+  ['Jerusalem', 'GMT+02:00', '(GMT+02:00) Jerusalem'],
+  ['Kyiv', 'GMT+02:00', '(GMT+02:00) Kyiv'],
+  ['Minsk', 'GMT+02:00', '(GMT+02:00) Minsk'],
+  ['Pretoria', 'GMT+02:00', '(GMT+02:00) Pretoria'],
+  ['Riga', 'GMT+02:00', '(GMT+02:00) Riga'],
+  ['Sofia', 'GMT+02:00', '(GMT+02:00) Sofia'],
+  ['Tallinn', 'GMT+02:00', '(GMT+02:00) Tallinn'],
+  ['Vilnius', 'GMT+02:00', '(GMT+02:00) Vilnius'],
+  ['Baghdad', 'GMT+03:00', '(GMT+03:00) Baghdad'],
+  ['Kuwait', 'GMT+03:00', '(GMT+03:00) Kuwait'],
+  ['Moscow', 'GMT+03:00', '(GMT+03:00) Moscow'],
+  ['Nairobi', 'GMT+03:00', '(GMT+03:00) Nairobi'],
+  ['Riyadh', 'GMT+03:00', '(GMT+03:00) Riyadh'],
+  ['St. Petersburg', 'GMT+03:00', '(GMT+03:00) St. Petersburg'],
+  ['Volgograd', 'GMT+03:00', '(GMT+03:00) Volgograd'],
+  ['Tehran', 'GMT+03:30', '(GMT+03:30) Tehran'],
+  ['Abu Dhabi', 'GMT+04:00', '(GMT+04:00) Abu Dhabi'],
+  ['Baku', 'GMT+04:00', '(GMT+04:00) Baku'],
+  ['Muscat', 'GMT+04:00', '(GMT+04:00) Muscat'],
+  ['Tbilisi', 'GMT+04:00', '(GMT+04:00) Tbilisi'],
+  ['Yerevan', 'GMT+04:00', '(GMT+04:00) Yerevan'],
+  ['Kabul', 'GMT+04:30', '(GMT+04:30) Kabul'],
+  ['Ekaterinburg', 'GMT+05:00', '(GMT+05:00) Ekaterinburg'],
+  ['Islamabad', 'GMT+05:00', '(GMT+05:00) Islamabad'],
+  ['Karachi', 'GMT+05:00', '(GMT+05:00) Karachi'],
+  ['Tashkent', 'GMT+05:00', '(GMT+05:00) Tashkent'],
+  ['Chennai', 'GMT+05:30', '(GMT+05:30) Chennai'],
+  ['Kolkata', 'GMT+05:30', '(GMT+05:30) Kolkata'],
+  ['Mumbai', 'GMT+05:30', '(GMT+05:30) Mumbai'],
+  ['New Delhi', 'GMT+05:30', '(GMT+05:30) New Delhi'],
+  ['Sri Jayawardenepura', 'GMT+05:30', '(GMT+05:30) Sri Jayawardenepura'],
+  ['Kathmandu', 'GMT+05:45', '(GMT+05:45) Kathmandu'],
+  ['Almaty', 'GMT+06:00', '(GMT+06:00) Almaty'],
+  ['Astana', 'GMT+06:00', '(GMT+06:00) Astana'],
+  ['Dhaka', 'GMT+06:00', '(GMT+06:00) Dhaka'],
+  ['Novosibirsk', 'GMT+06:00', '(GMT+06:00) Novosibirsk'],
+  ['Rangoon', 'GMT+06:30', '(GMT+06:30) Rangoon'],
+  ['Bangkok', 'GMT+07:00', '(GMT+07:00) Bangkok'],
+  ['Hanoi', 'GMT+07:00', '(GMT+07:00) Hanoi'],
+  ['Jakarta', 'GMT+07:00', '(GMT+07:00) Jakarta'],
+  ['Krasnoyarsk', 'GMT+07:00', '(GMT+07:00) Krasnoyarsk'],
+  ['Beijing', 'GMT+08:00', '(GMT+08:00) Beijing'],
+  ['Chongqing', 'GMT+08:00', '(GMT+08:00) Chongqing'],
+  ['Hong Kong', 'GMT+08:00', '(GMT+08:00) Hong Kong'],
+  ['Irkutsk', 'GMT+08:00', '(GMT+08:00) Irkutsk'],
+  ['Kuala Lumpur', 'GMT+08:00', '(GMT+08:00) Kuala Lumpur'],
+  ['Perth', 'GMT+08:00', '(GMT+08:00) Perth'],
+  ['Singapore', 'GMT+08:00', '(GMT+08:00) Singapore'],
+  ['Taipei', 'GMT+08:00', '(GMT+08:00) Taipei'],
+  ['Ulaan Bataar', 'GMT+08:00', '(GMT+08:00) Ulaan Bataar'],
+  ['Urumqi', 'GMT+08:00', '(GMT+08:00) Urumqi'],
+  ['Osaka', 'GMT+09:00', '(GMT+09:00) Osaka'],
+  ['Sapporo', 'GMT+09:00', '(GMT+09:00) Sapporo'],
+  ['Seoul', 'GMT+09:00', '(GMT+09:00) Seoul'],
+  ['Tokyo', 'GMT+09:00', '(GMT+09:00) Tokyo'],
+  ['Yakutsk', 'GMT+09:00', '(GMT+09:00) Yakutsk'],
+  ['Adelaide', 'GMT+09:30', '(GMT+09:30) Adelaide'],
+  ['Darwin', 'GMT+09:30', '(GMT+09:30) Darwin'],
+  ['Brisbane', 'GMT+10:00', '(GMT+10:00) Brisbane'],
+  ['Canberra', 'GMT+10:00', '(GMT+10:00) Canberra'],
+  ['Guam', 'GMT+10:00', '(GMT+10:00) Guam'],
+  ['Hobart', 'GMT+10:00', '(GMT+10:00) Hobart'],
+  ['Melbourne', 'GMT+10:00', '(GMT+10:00) Melbourne'],
+  ['Port Moresby', 'GMT+10:00', '(GMT+10:00) Port Moresby'],
+  ['Sydney', 'GMT+10:00', '(GMT+10:00) Sydney'],
+  ['Vladivostok', 'GMT+10:00', '(GMT+10:00) Vladivostok'],
+  ['Kamchatka', 'GMT+11:00', '(GMT+11:00) Kamchatka'],
+  ['Magadan', 'GMT+11:00', '(GMT+11:00) Magadan'],
+  ['New Caledonia', 'GMT+11:00', '(GMT+11:00) New Caledonia'],
+  ['Solomon Is.', 'GMT+11:00', '(GMT+11:00) Solomon Is.'],
+  ['Auckland', 'GMT+12:00', '(GMT+12:00) Auckland'],
+  ['Fiji', 'GMT+12:00', '(GMT+12:00) Fiji'],
+  ['Marshall Is.', 'GMT+12:00', '(GMT+12:00) Marshall Is.'],
+  ['Wellington', 'GMT+12:00', '(GMT+12:00) Wellington'],
+  ["Nuku'alofa", 'GMT+13:00', "(GMT+13:00) Nuku'alofa"],
+];

package/dist/collection/components/settings/verdocs-settings-organization/verdocs-settings-organization.css

@@ -0,0 +1,33 @@
+verdocs-settings-organization {
+  display: flex;
+  padding: 10px;
+  font-size: 18px;
+  flex-wrap: nowrap;
+  border-radius: 6px;
+  color: #33364b;
+  flex-direction: column;
+  font-family: "Inter", "Barlow", sans-serif;
+}
+verdocs-settings-organization .columns {
+  gap: 20px;
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: row;
+}
+verdocs-settings-organization .column {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+verdocs-settings-organization verdocs-text-input {
+  margin: 10px 0;
+}
+verdocs-settings-organization verdocs-text-input input {
+  height: 32px;
+}
+@media screen and (max-width: 600px) {
+  verdocs-settings-organization .columns {
+    gap: 0;
+    flex-direction: column;
+  }
+}