@verdocs/web-sdk 4.1.8 → 4.1.16

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

@@ -1,40 +0,0 @@
-@keyframes verdocs-field-pulse {
-  0% {
-    background-color: rgba(0, 0, 0, 0.35);
-  }
-  50% {
-    background-color: rgba(0, 0, 0, 0);
-  }
-  100% {
-    background-color: rgba(0, 0, 0, 0.35);
-  }
-}
-verdocs-settings {
-  font-family: "Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
-  display: flex;
-  padding: 15px;
-  row-gap: 15px;
-  min-height: 200px;
-  position: relative;
-  align-items: center;
-  box-sizing: border-box;
-  flex-direction: column;
-}
-verdocs-settings .tabs {
-  gap: 4px;
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  border-bottom: 1px solid #654dcb;
-}
-verdocs-settings .tabs .tab {
-  cursor: pointer;
-  padding: 5px 10px;
-  color: #ffffff;
-  background-color: #777777;
-}
-verdocs-settings .tabs .tab.active {
-  color: #ffffff;
-  background-color: #654dcb;
-}

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

@@ -1,104 +0,0 @@
-import { VerdocsEndpoint } from "@verdocs/js-sdk";
-import { Host, h } from "@stencil/core";
-import { SDKError } from "../../../utils/errors";
-/**
- * Display a template preview experience. This will display the template's attached
- * documents with signing fields overlaid on each page. Fields will be color-coded
- * by recipient, and will be read-only (cannot be filled, moved, or altered).
- *
- * ```ts
- * <verdocs-settings />
- * ```
- */
-export class VerdocsSettings {
-    constructor() {
-        this.endpoint = VerdocsEndpoint.getDefault();
-        this.tab = 'profile';
-    }
-    async componentWillLoad() {
-        var _a, _b, _c;
-        try {
-            this.endpoint.loadSession();
-            if (!this.endpoint.session) {
-                console.log('[SETTINGS] Unable to start session, must be authenticated');
-                return;
-            }
-        }
-        catch (e) {
-            console.log('[SETTINGS] Error with session', 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));
-        }
-    }
-    render() {
-        if (!this.endpoint.session) {
-            return (h(Host, null, h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
-        }
-        return (h(Host, null, h("div", { class: "tabs" }, h("div", { class: `tab ${this.tab === 'profile' ? 'active' : ''}`, onClick: () => (this.tab = 'profile') }, "Profile"), h("div", { class: `tab ${this.tab === 'organization' ? 'active' : ''}`, onClick: () => (this.tab = 'organization') }, "Organization"), h("div", { class: `tab ${this.tab === 'members' ? 'active' : ''}`, onClick: () => (this.tab = 'members') }, "Members"), h("div", { class: `tab ${this.tab === 'apikeys' ? 'active' : ''}`, onClick: () => (this.tab = 'apikeys') }, "API Keys")), this.tab === 'profile' && h("verdocs-settings-profile", { endpoint: this.endpoint }), this.tab === 'organization' && h("verdocs-settings-organization", { endpoint: this.endpoint }), this.tab === 'members' && h("verdocs-settings-members", { endpoint: this.endpoint }), this.tab === 'apikeys' && h("verdocs-settings-api-keys", { endpoint: this.endpoint })));
-    }
-    static get is() { return "verdocs-settings"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["verdocs-settings.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["verdocs-settings.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "endpoint": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "VerdocsEndpoint",
-                    "resolved": "VerdocsEndpoint",
-                    "references": {
-                        "VerdocsEndpoint": {
-                            "location": "import",
-                            "path": "@verdocs/js-sdk",
-                            "id": ""
-                        }
-                    }
-                },
-                "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 {
-            "tab": {}
-        };
-    }
-    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",
-                            "id": "src/utils/errors.ts::SDKError"
-                        }
-                    }
-                }
-            }];
-    }
-}

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

@@ -1,64 +0,0 @@
-@keyframes verdocs-field-pulse {
-  0% {
-    background-color: rgba(0, 0, 0, 0.35);
-  }
-  50% {
-    background-color: rgba(0, 0, 0, 0);
-  }
-  100% {
-    background-color: rgba(0, 0, 0, 0.35);
-  }
-}
-verdocs-settings-api-keys {
-  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-api-keys .table {
-  margin: 12px 0;
-}
-verdocs-settings-api-keys .data-col div {
-  gap: 12px;
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-}
-verdocs-settings-api-keys .data-col svg {
-  width: 24px;
-  height: 24px;
-}
-verdocs-settings-api-keys .col-name svg,
-verdocs-settings-api-keys .col-client_id svg,
-verdocs-settings-api-keys .col-profile_id svg {
-  fill: #a1a1aa;
-}
-verdocs-settings-api-keys .col-actions svg {
-  fill: #ffffff;
-  stroke: #a1a1aa;
-}
-verdocs-settings-api-keys .col-actions svg:hover {
-  cursor: pointer;
-  stroke: red;
-}
-verdocs-settings-api-keys .col-actions > div {
-  justify-content: center;
-}
-verdocs-settings-api-keys .header-col.col-actions {
-  text-align: center;
-}
-verdocs-settings-api-keys verdocs-dialog p {
-  font-size: 16px;
-  line-height: 18px;
-  margin: 0 0 1em 0;
-}
-@media all and (max-width: 450px) {
-  verdocs-settings-api-keys .col-client_id,
-  verdocs-settings-api-keys .col-actions {
-    display: none;
-  }
-}

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

@@ -1,292 +0,0 @@
-import { formatFullName } from "@verdocs/js-sdk";
-import { h, Host } from "@stencil/core";
-import { VerdocsEndpoint, deleteApiKey, getApiKeys, getOrganizationMembers, createApiKey, rotateApiKey } from "@verdocs/js-sdk";
-import { VerdocsToast } from "../../../utils/Toast";
-import { SDKError } from "../../../utils/errors";
-// const ClockIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25zM12.75 6a.75.75 0 00-1.5 0v6c0 .414.336.75.75.75h4.5a.75.75 0 000-1.5h-3.75V6z" clip-rule="evenodd" /></svg>`;
-const TagIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M5.5 3A2.5 2.5 0 003 5.5v2.879a2.5 2.5 0 00.732 1.767l6.5 6.5a2.5 2.5 0 003.536 0l2.878-2.878a2.5 2.5 0 000-3.536l-6.5-6.5A2.5 2.5 0 008.38 3H5.5zM6 7a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd" /></svg>`;
-const UserIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-5.5-2.5a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zM10 12a5.99 5.99 0 00-4.793 2.39A6.483 6.483 0 0010 16.5a6.483 6.483 0 004.793-2.11A5.99 5.99 0 0010 12z" clip-rule="evenodd" /></svg>`;
-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 ArrowPathIcon = `<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="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99" /></svg>`;
-/**
- * Displays a settings form that allows the user to manage their API keys.
- */
-export class VerdocsSettingsApiKeys {
-    constructor() {
-        this.endpoint = VerdocsEndpoint.getDefault();
-        this.keys = [];
-        this.creatingKey = false;
-        this.createdKey = null;
-        this.deletingKey = null;
-        this.rotatingKey = null;
-        this.newApiKeyName = '';
-        this.newApiKeyProfileId = '';
-        this.members = [];
-    }
-    componentWillLoad() {
-        this.endpoint.loadSession();
-        if (!this.endpoint.session) {
-            console.log('[SETTINGS] Must be authenticated');
-            return;
-        }
-    }
-    async componentDidLoad() {
-        this.newApiKeyProfileId = this.endpoint.session.profile_id;
-        getOrganizationMembers(this.endpoint)
-            .then(mem => {
-            this.members = mem;
-        })
-            .catch((e) => {
-            var _a, _b, _c;
-            console.log('[SETTINGS] Error loading organization members', 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 API keys. Please try again later', { style: 'error' });
-        });
-        this.loadKeys();
-    }
-    loadKeys() {
-        getApiKeys(this.endpoint)
-            .then(r => {
-            this.keys = r;
-        })
-            .catch(e => {
-            var _a, _b, _c;
-            console.log('[SETTINGS] Unable to load API keys', 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 API keys. Please try again later', { style: 'error' });
-        });
-    }
-    async handleDeleteKey() {
-        deleteApiKey(this.endpoint, this.deletingKey.client_id)
-            .then(() => {
-            this.deletingKey = null;
-            VerdocsToast('API key deleted', { style: 'success' });
-            this.loadKeys();
-        })
-            .catch(e => {
-            var _a, _b, _c;
-            this.deletingKey = null;
-            console.log('[SETTINGS] Unable to delete API key', 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 delete API key. Please try again later', { style: 'error' });
-        });
-    }
-    async handleRotateKey() {
-        rotateApiKey(this.endpoint, this.rotatingKey.client_id)
-            .then(r => {
-            this.rotatingKey = null;
-            VerdocsToast('API key rotated', { style: 'success' });
-            this.loadKeys();
-            this.createdKey = r;
-        })
-            .catch(e => {
-            var _a, _b, _c;
-            this.rotatingKey = null;
-            console.log('[SETTINGS] Unable to rotate API key', 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 rotate API key. Please try again later', { style: 'error' });
-        });
-    }
-    async handleCreateKey() {
-        // TODO: Add permission dropdown
-        createApiKey(this.endpoint, { permission: 'personal', name: this.newApiKeyName, profile_id: this.newApiKeyProfileId })
-            .then(r => {
-            this.creatingKey = false;
-            this.createdKey = r;
-            VerdocsToast('API key created', { style: 'success' });
-            this.loadKeys();
-        })
-            .catch(e => {
-            var _a, _b, _c;
-            this.creatingKey = false;
-            console.log('[SETTINGS] Unable to create API key', 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 create API key. Please try again later', { style: 'error' });
-        });
-    }
-    render() {
-        var _a, _b, _c, _d;
-        const profileOptions = this.members.map(member => ({ label: formatFullName(member), value: member.id }));
-        if (!this.endpoint.session) {
-            console.log('[SETTINGS] Must be authenticated');
-            return h(Host, { class: "authentication-required" }, "Must be authenticated");
-        }
-        return (h(Host, null, h("verdocs-table", { data: this.keys, columns: [
-                {
-                    id: 'name',
-                    header: 'Name',
-                    renderCell: (_, row) => (h("div", null, h("div", null, row.name))),
-                },
-                {
-                    id: 'client_id',
-                    header: 'Client ID',
-                    renderCell: (_, row) => (h("div", null, h("div", { innerHTML: TagIcon }), h("div", null, row.client_id))),
-                },
-                {
-                    id: 'profile_id',
-                    header: 'Acts as',
-                    renderCell: (_, row) => (h("div", null, h("div", { innerHTML: UserIcon }), h("div", null, formatFullName(row.profile)))),
-                },
-                {
-                    id: 'actions',
-                    header: 'Actions',
-                    renderCell: (_, row) => (h("div", null, h("div", { innerHTML: TrashIcon, onClick: () => (this.deletingKey = row) }), h("div", { innerHTML: ArrowPathIcon, onClick: () => (this.rotatingKey = row) }))),
-                },
-            ] }), h("verdocs-button", { label: "Add API Key", size: "normal", onClick: () => (this.creatingKey = true) }), this.deletingKey && (h("verdocs-dialog", { onExit: () => (this.deletingKey = null) }, h("div", { slot: "title", class: "heading" }, "Delete API key \"", this.deletingKey.name, "\"?"), h("div", { class: "content" }, h("p", null, "Are you sure you want to delete this key? This action cannot be undone."), h("div", { class: "buttons" }, h("verdocs-button", { variant: "outline", size: "small", label: "Cancel", onClick: () => (this.deletingKey = null) }), h("verdocs-button", { size: "small", label: "OK", onClick: () => this.handleDeleteKey() }))))), this.rotatingKey && (h("verdocs-dialog", { onExit: () => (this.rotatingKey = null) }, h("div", { slot: "title", class: "heading" }, "Rotate API key \"", this.rotatingKey.name, "\"?"), h("div", { class: "content" }, h("p", null, "Are you sure you want to rotate this key? A new client secret will be generated, and the old value will become unusable. This action cannot be undone."), h("div", { class: "buttons" }, h("verdocs-button", { variant: "outline", size: "small", label: "Cancel", onClick: () => (this.rotatingKey = null) }), h("verdocs-button", { size: "small", label: "OK", onClick: () => this.handleRotateKey() }))))), this.creatingKey && (h("verdocs-dialog", { onExit: () => (this.creatingKey = false) }, h("div", { slot: "title", class: "heading" }, "Create API Key"), h("div", { class: "content" }, h("verdocs-text-input", { label: "Name", placeholder: "API key name...", id: "verdocs-api-key-name", value: this.newApiKeyName, autocomplete: "off", required: true, onInput: (e) => (this.newApiKeyName = e.target.value), onFocusout: (e) => {
-                this.newApiKeyName = e.target.value.trim();
-            } }), h("p", null, "API keys must be associated with a profile. Actions performed via API calls using this key will \"act as\" this profile."), h("verdocs-select-input", { options: profileOptions, label: "Act as Profile", onInput: (e) => {
-                this.newApiKeyProfileId = e.target.value;
-            } }), h("div", { class: "buttons" }, h("verdocs-button", { variant: "outline", size: "small", label: "Cancel", onClick: () => (this.creatingKey = false) }), h("verdocs-button", { size: "small", label: "OK", onClick: () => this.handleCreateKey() }))))), this.createdKey && (h("verdocs-dialog", { onExit: () => (this.createdKey = null) }, h("div", { slot: "title", class: "heading" }, "API Key Details"), h("div", { class: "content" }, h("verdocs-text-input", { label: "Name", disabled: true, value: (_a = this.createdKey) === null || _a === void 0 ? void 0 : _a.name }), h("verdocs-text-input", { label: "Profile", disabled: true, value: formatFullName((_b = this.createdKey) === null || _b === void 0 ? void 0 : _b.profile) }), h("p", null, "Please save the Client ID and Secret below. Be sure to never expose your secret key in insecure (Web or mobile environments)!"), h("verdocs-text-input", { label: "Client ID", disabled: true, value: (_c = this.createdKey) === null || _c === void 0 ? void 0 : _c.client_id, copyable: true }), h("verdocs-text-input", { label: "Secret Key", disabled: true, value: (_d = this.createdKey) === null || _d === void 0 ? void 0 : _d.client_secret, copyable: true }), h("div", { class: "buttons" }, h("verdocs-button", { size: "small", label: "Done", onClick: () => (this.createdKey = null) })))))));
-    }
-    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",
-                            "id": ""
-                        }
-                    }
-                },
-                "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": {},
-            "creatingKey": {},
-            "createdKey": {},
-            "deletingKey": {},
-            "rotatingKey": {},
-            "newApiKeyName": {},
-            "newApiKeyProfileId": {},
-            "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",
-                            "id": "src/utils/errors.ts::SDKError"
-                        }
-                    }
-                }
-            }, {
-                "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",
-                            "id": ""
-                        },
-                        "IProfile": {
-                            "location": "import",
-                            "path": "@verdocs/js-sdk",
-                            "id": ""
-                        }
-                    }
-                }
-            }, {
-                "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",
-                            "id": ""
-                        },
-                        "IProfile": {
-                            "location": "import",
-                            "path": "@verdocs/js-sdk",
-                            "id": ""
-                        }
-                    }
-                }
-            }, {
-                "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",
-                            "id": ""
-                        },
-                        "IProfile": {
-                            "location": "import",
-                            "path": "@verdocs/js-sdk",
-                            "id": ""
-                        }
-                    }
-                }
-            }];
-    }
-}

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

@@ -1,80 +0,0 @@
-@keyframes verdocs-field-pulse {
-  0% {
-    background-color: rgba(0, 0, 0, 0.35);
-  }
-  50% {
-    background-color: rgba(0, 0, 0, 0);
-  }
-  100% {
-    background-color: rgba(0, 0, 0, 0.35);
-  }
-}
-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 .table {
-  margin: 12px 0;
-}
-verdocs-settings-members .data-col div {
-  gap: 12px;
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-}
-verdocs-settings-members .data-col svg {
-  width: 24px;
-  height: 24px;
-}
-verdocs-settings-members .col-name svg,
-verdocs-settings-members .col-client_id svg,
-verdocs-settings-members .col-profile_id svg {
-  fill: #a1a1aa;
-}
-verdocs-settings-members .col-actions svg {
-  fill: #ffffff;
-  stroke: #a1a1aa;
-}
-verdocs-settings-members .col-actions svg:hover {
-  cursor: pointer;
-  stroke: red;
-}
-verdocs-settings-members .col-actions > div {
-  justify-content: center;
-}
-verdocs-settings-members .header-col.col-actions {
-  text-align: center;
-}
-verdocs-settings-members verdocs-dialog p {
-  font-size: 16px;
-  line-height: 18px;
-  margin: 0 0 1em 0;
-}
-@media all and (max-width: 450px) {
-  verdocs-settings-members .col-email,
-  verdocs-settings-members .col-phone,
-  verdocs-settings-members .col-actions {
-    display: none;
-  }
-}