@verdocs/web-sdk 4.1.14 → 4.1.16

package/dist/esm/verdocs-settings-api-keys_4.entry.js

@@ -1,535 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-b89cf6a4.js';
-import { VerdocsEndpoint, getOrganizationMembers, getApiKeys, deleteApiKey, rotateApiKey, createApiKey, formatFullName, getOrganizationInvitations, createOrganizationInvitation, deleteOrganizationMember, deleteOrganizationInvitation, resendOrganizationInvitation, capitalize, formatInitials, getOrganization, updateOrganization, getCurrentProfile, updateProfile } from '@verdocs/js-sdk';
-import { V as VerdocsToast } from './Toast-b71de686.js';
-import { S as SDKError } from './errors-887f1e88.js';
-import { d as dateFns } from './index-0329eed3.js';
-import { z } from './index-7456b04f.js';
-import { i as convertToE164 } from './utils-d1c95309.js';
-import './Types-e4a6eba5.js';
-
-const verdocsSettingsApiKeysCss = "@-webkit-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)}}@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:-ms-flexbox;display:flex;padding:10px;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-direction:column;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:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;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{-ms-flex-pack:center;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}}";
-const VerdocsSettingsApiKeysStyle0 = verdocsSettingsApiKeysCss;
-
-// 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$1 = `<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$1 = `<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>`;
-const VerdocsSettingsApiKeys = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.sdkError = createEvent(this, "sdkError", 7);
-        this.memberInvited = createEvent(this, "memberInvited", 7);
-        this.memberUpdated = createEvent(this, "memberUpdated", 7);
-        this.memberRemoved = createEvent(this, "memberRemoved", 7);
-        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$1, onClick: () => (this.deletingKey = row) }), h("div", { innerHTML: ArrowPathIcon$1, 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) })))))));
-    }
-};
-VerdocsSettingsApiKeys.style = VerdocsSettingsApiKeysStyle0;
-
-const verdocsSettingsMembersCss = "@-webkit-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)}}@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:-ms-flexbox;display:flex;padding:10px;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-direction:column;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:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-settings-members .table{margin:12px 0}verdocs-settings-members .data-col div{gap:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;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{-ms-flex-pack:center;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}}";
-const VerdocsSettingsMembersStyle0 = verdocsSettingsMembersCss;
-
-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>`;
-// const getRoleLabel = (roles: any[]) => {
-//   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';
-};
-const roleOptions = [
-    { label: 'Contact', value: 'contact' },
-    { label: 'Basic User', value: 'basic_user' },
-    { label: 'Member', value: 'member' },
-    { label: 'Admin', value: 'admin' },
-    { label: 'Owner', value: 'owner' },
-];
-const VerdocsSettingsMembers = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.sdkError = createEvent(this, "sdkError", 7);
-        this.memberInvited = createEvent(this, "memberInvited", 7);
-        this.memberUpdated = createEvent(this, "memberUpdated", 7);
-        this.memberRemoved = createEvent(this, "memberRemoved", 7);
-        this.endpoint = VerdocsEndpoint.getDefault();
-        this.members = [];
-        this.invited = [];
-        this.selectedTab = 0;
-        this.invitingMember = false;
-        this.newEmailAddress = '';
-        this.newFirst = '';
-        this.newLast = '';
-        this.newRole = 'member';
-        this.submitting = false;
-        this.deletingInvitation = null;
-        this.resendingInvitation = null;
-        this.deletingMember = null;
-    }
-    componentWillLoad() {
-        this.endpoint.loadSession();
-        if (!this.endpoint.session) {
-            console.log('[SETTINGS] Must be authenticated');
-            return;
-        }
-    }
-    async componentDidLoad() {
-        this.loadMembers().catch((e) => console.log('Unknown Error', e));
-    }
-    async loadMembers() {
-        var _a, _b, _c;
-        try {
-            const [members, invites] = await Promise.all([getOrganizationMembers(this.endpoint), getOrganizationInvitations(this.endpoint)]);
-            this.members = members;
-            this.invited = invites;
-            this.newRole = 'member';
-        }
-        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');
-        }
-    }
-    async handleInviteMember() {
-        this.submitting = true;
-        createOrganizationInvitation(VerdocsEndpoint.getDefault(), {
-            email: this.newEmailAddress,
-            first_name: this.newFirst,
-            last_name: this.newLast,
-            role: this.newRole,
-        })
-            .then(r => {
-            console.log('[SETTINGS] Invited member', r);
-            this.invitingMember = false;
-            this.submitting = false;
-            this.newRole = 'member';
-            this.newEmailAddress = '';
-            this.newFirst = '';
-            this.newLast = '';
-            VerdocsToast('Invitation sent!', { style: 'success' });
-            this.loadMembers();
-        })
-            .catch(e => {
-            console.log('[SETTINGS] Unable to invite member', e);
-            this.invitingMember = false;
-            this.submitting = false;
-            this.newRole = 'member';
-            this.newEmailAddress = '';
-            this.newFirst = '';
-            this.newLast = '';
-            VerdocsToast('Unable to invite member. Please try again later', { style: 'error' });
-        });
-    }
-    async handleDeleteMember() {
-        this.submitting = true;
-        deleteOrganizationMember(VerdocsEndpoint.getDefault(), this.deletingMember.email)
-            .then(() => {
-            this.submitting = false;
-            this.deletingMember = null;
-            VerdocsToast('The member has been deleted.', { style: 'success' });
-            this.loadMembers();
-        })
-            .catch(e => {
-            this.submitting = false;
-            this.deletingMember = null;
-            console.log('Delete error', e);
-            VerdocsToast('Unable to cancel invitation. Please try again later', { style: 'error' });
-        });
-    }
-    async handleDeleteInvitation() {
-        this.submitting = true;
-        deleteOrganizationInvitation(VerdocsEndpoint.getDefault(), this.deletingInvitation.email)
-            .then(() => {
-            this.submitting = false;
-            this.deletingInvitation = null;
-            VerdocsToast('The invitation has been cancelled.', { style: 'success' });
-            this.loadMembers();
-        })
-            .catch(e => {
-            this.submitting = false;
-            this.deletingInvitation = null;
-            console.log('Delete error', e);
-            VerdocsToast('Unable to cancel invitation. Please try again later', { style: 'error' });
-        });
-    }
-    async handleResendInvitation() {
-        this.submitting = true;
-        resendOrganizationInvitation(VerdocsEndpoint.getDefault(), this.resendingInvitation.email)
-            .then(() => {
-            this.submitting = false;
-            this.resendingInvitation = null;
-            VerdocsToast('The invitation has been resent.', { style: 'success' });
-            this.loadMembers();
-        })
-            .catch(e => {
-            this.submitting = false;
-            this.resendingInvitation = null;
-            console.log('REsend error', e);
-            VerdocsToast('Unable to resend invitation. Please try again later', { style: 'error' });
-        });
-    }
-    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("verdocs-tabs", { tabs: [{ label: `Members (${this.members.length})` }, { label: `Pending Invitations (${this.invited.length})` }], onSelectTab: e => (this.selectedTab = e.detail.index) }), this.selectedTab === 0 && (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) } }, formatInitials(row)), h("span", null, formatFullName(row)))),
-                },
-                { id: 'email', header: 'E-mail Address' },
-                { id: 'phone', header: 'Phone Number' },
-                { id: 'roles', header: 'Role', renderCell: (_, row) => `${row.roles}` },
-                {
-                    id: 'actions',
-                    header: 'Actions',
-                    renderCell: (_, row) => h("div", null, row.id !== this.endpoint.session.profile_id && h("div", { innerHTML: TrashIcon, onClick: () => (this.deletingMember = row) })),
-                },
-            ] })), this.selectedTab === 1 && (h("verdocs-table", { data: this.invited, columns: [
-                { id: 'email', header: 'E-mail Address' },
-                { id: 'generated_at', header: 'Invited', renderCell: (_, row) => h("div", null, dateFns.format(new Date(row.generated_at), 'MMM d, Y')) },
-                { id: 'role', header: 'Role', renderCell: (_, row) => h("div", null, row.role) },
-                { id: 'status', header: 'Status', renderCell: (_, row) => h("div", null, capitalize(row.status)) },
-                {
-                    id: 'actions',
-                    header: 'Actions',
-                    renderCell: (_, row) => (h("div", null, h("div", { innerHTML: TrashIcon, onClick: () => (this.deletingInvitation = row) }), h("div", { innerHTML: ArrowPathIcon, onClick: () => (this.resendingInvitation = row) }))),
-                },
-            ] })), h("verdocs-button", { label: "Invite New Member", size: "normal", disabled: this.submitting, onClick: () => (this.invitingMember = true) }), this.invitingMember && (h("verdocs-dialog", { onExit: () => (this.invitingMember = false) }, h("div", { slot: "title", class: "heading" }, "Invite New Member"), h("div", { class: "content" }, h("verdocs-text-input", { label: "E-mail Address", placeholder: "Enter the user's email address...", id: "verdocs-invite-email", value: this.newEmailAddress, autocomplete: "off", required: true, onInput: (e) => (this.newEmailAddress = e.target.value), onFocusout: (e) => {
-                this.newEmailAddress = e.target.value.trim();
-            } }), h("verdocs-text-input", { label: "First", placeholder: "First name...", id: "verdocs-invite-first", value: this.newFirst, autocomplete: "off", required: true, onInput: (e) => (this.newFirst = e.target.value), onFocusout: (e) => {
-                this.newFirst = e.target.value.trim();
-            } }), h("verdocs-text-input", { label: "Last", placeholder: "Enter the user's last name...", id: "verdocs-invite-last", value: this.newLast, autocomplete: "off", required: true, onInput: (e) => (this.newLast = e.target.value), onFocusout: (e) => {
-                this.newLast = e.target.value.trim();
-            } }), h("div", { style: { marginBottom: '20px' } }), h("verdocs-select-input", { options: roleOptions, label: "Role", onInput: (e) => {
-                this.newRole = e.target.value;
-            } }), h("div", { class: "buttons" }, h("verdocs-button", { variant: "outline", size: "small", label: "Cancel", disabled: this.submitting, onClick: () => (this.invitingMember = false) }), h("verdocs-button", { size: "small", label: "OK", disabled: this.submitting || !this.newEmailAddress || !this.newRole, onClick: () => this.handleInviteMember() }))))), this.deletingMember && (h("verdocs-dialog", { onExit: () => (this.deletingMember = null) }, h("div", { slot: "title", class: "heading" }, "Delete Member?"), h("div", { class: "content" }, h("p", null, "Are you sure you want to delete this member? This action cannot be undone."), h("div", { class: "buttons" }, h("verdocs-button", { variant: "outline", size: "small", disabled: this.submitting, label: "Cancel", onClick: () => (this.deletingMember = null) }), h("verdocs-button", { size: "small", label: "OK", disabled: this.submitting, onClick: () => this.handleDeleteMember() }))))), this.deletingInvitation && (h("verdocs-dialog", { onExit: () => (this.deletingInvitation = null) }, h("div", { slot: "title", class: "heading" }, "Cancel Invitation?"), h("div", { class: "content" }, h("p", null, "Are you sure you want to cancel this invitation? This action cannot be undone."), h("div", { class: "buttons" }, h("verdocs-button", { variant: "outline", size: "small", disabled: this.submitting, label: "Cancel", onClick: () => (this.deletingInvitation = null) }), h("verdocs-button", { size: "small", label: "OK", disabled: this.submitting, onClick: () => this.handleDeleteInvitation() }))))), this.resendingInvitation && (h("verdocs-dialog", { onExit: () => (this.resendingInvitation = null) }, h("div", { slot: "title", class: "heading" }, "Resend Invitation?"), h("div", { class: "content" }, h("p", null, "The user will receive an email reminder to join your organization."), h("div", { class: "buttons" }, h("verdocs-button", { variant: "outline", size: "small", disabled: this.submitting, label: "Cancel", onClick: () => (this.resendingInvitation = null) }), h("verdocs-button", { size: "small", label: "OK", disabled: this.submitting, onClick: () => this.handleResendInvitation() })))))));
-    }
-};
-VerdocsSettingsMembers.style = VerdocsSettingsMembersStyle0;
-
-const verdocsSettingsOrganizationCss = "@-webkit-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)}}@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-organization{display:-ms-flexbox;display:flex;padding:10px;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-settings-organization .columns{gap:20px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row}verdocs-settings-organization .column{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;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;-ms-flex-direction:column;flex-direction:column}}";
-const VerdocsSettingsOrganizationStyle0 = verdocsSettingsOrganizationCss;
-
-const schema$1 = z.object({
-    // name: z.string().trim().min(1, 'Name is required').max(30),
-    business_name: z.string().trim().max(30).optional(),
-    contact_email: z.string().trim().email('Invalid email').optional().or(z.literal('')),
-    phone: z.preprocess(val => convertToE164(String(val).trim()), z.string().optional()),
-    url: z.string().trim().optional(),
-});
-const VerdocsSettingsOrganization = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.sdkError = createEvent(this, "sdkError", 7);
-        this.organizationUpdated = createEvent(this, "organizationUpdated", 7);
-        this.endpoint = VerdocsEndpoint.getDefault();
-        this.valid = false;
-        this.dirty = false;
-        this.submitting = false;
-        this.name = '';
-        this.contact_email = '';
-        this.phone = '';
-        this.url = '';
-    }
-    componentWillLoad() {
-        this.endpoint.loadSession();
-        if (!this.endpoint.session) {
-            console.log('[SETTINGS] Must be authenticated');
-            return;
-        }
-    }
-    async componentDidLoad() {
-        const organization = await getOrganization(this.endpoint, this.endpoint.session.organization_id);
-        console.log('[SETTINGS] Loaded organization', organization);
-        this.resetForm(organization);
-    }
-    resetForm(organization) {
-        this.name = organization.name;
-        this.contact_email = organization.contact_email;
-        this.phone = organization.phone;
-        this.url = organization.url;
-        this.dirty = false;
-        this.valid = true;
-    }
-    handleSubmit(e) {
-        e.preventDefault();
-        e.stopPropagation();
-        updateOrganization(VerdocsEndpoint.getDefault(), this.endpoint.session.organization_id, {
-            name: this.name,
-            contact_email: this.contact_email,
-            phone: this.phone,
-            url: this.url,
-        })
-            .then(newOrganization => {
-            var _a;
-            console.log('[SETTINGS] Update result', newOrganization);
-            (_a = this.organizationUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, organization: newOrganization });
-            this.resetForm(newOrganization);
-        })
-            .catch(e => VerdocsToast(`Error updating organization: ${e.message}`, { style: 'error' }));
-    }
-    processFields() {
-        const validation = schema$1.safeParse({
-            name: this.name,
-            contact_email: this.contact_email,
-            phone: this.phone,
-            url: this.url,
-        });
-        console.log('[SETTINGS] Validation result', validation);
-        this.valid = validation.success;
-        this.dirty = true;
-    }
-    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, "Organization Profile"), h("form", { onSubmit: e => this.handleSubmit(e) }, h("div", { class: "columns" }, h("div", { class: "column" }, h("verdocs-text-input", { id: "verdocs-organization-name", value: this.name, autocomplete: "off", label: "Name", required: false, disabled: false, placeholder: "Enter your organization's name...", onInput: (e) => (this.name = e.target.value), onFocusout: (e) => {
-                this.name = e.target.value.trim();
-                this.processFields();
-            } }), h("verdocs-text-input", { id: "verdocs-organization-url", value: this.url, autocomplete: "off", label: "Web URL", placeholder: "Enter your Web URL...", onInput: (e) => (this.url = e.target.value), onFocusout: (e) => {
-                this.url = e.target.value.trim();
-                this.processFields();
-            } }), h("verdocs-text-input", { id: "verdocs-organization-phone", value: this.phone, autocomplete: "off", label: "Phone Number", placeholder: "Enter your phone number...", onInput: (e) => (this.phone = e.target.value), onFocusout: (e) => {
-                this.phone = e.target.value.trim();
-                this.processFields();
-            } })), h("div", { class: "column" }, h("verdocs-text-input", { id: "verdocs-organization-email", value: this.contact_email, clearable: true, autocomplete: "off", label: "Contact Email", placeholder: "Enter your contact email address...", onInput: (e) => (this.contact_email = e.target.value), onFocusout: (e) => {
-                this.contact_email = e.target.value.trim();
-                this.processFields();
-            } }))), h("verdocs-button", { type: "submit", label: "Save", size: "normal", disabled: this.submitting || !this.dirty }))));
-    }
-};
-VerdocsSettingsOrganization.style = VerdocsSettingsOrganizationStyle0;
-
-const verdocsSettingsProfileCss = "@-webkit-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)}}@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-profile{display:-ms-flexbox;display:flex;padding:10px;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-settings-profile .columns{gap:20px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row}verdocs-settings-profile .column{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-settings-profile verdocs-text-input{margin:10px 0}verdocs-settings-profile verdocs-text-input input{height:32px}@media screen and (max-width: 600px){verdocs-settings-profile .columns{gap:0;-ms-flex-direction:column;flex-direction:column}}";
-const VerdocsSettingsProfileStyle0 = verdocsSettingsProfileCss;
-
-const schema = z.object({
-    first_name: z.string().trim().min(1, 'First name is required').max(30),
-    last_name: z.string().trim().min(1, 'Last name is required').max(30),
-    email: z.string().trim().email('Invalid email').min(1, 'Email is required'),
-    phone: z.preprocess(val => convertToE164(String(val).trim()), z.string()),
-});
-const VerdocsSettingsProfile = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.sdkError = createEvent(this, "sdkError", 7);
-        this.profileUpdated = createEvent(this, "profileUpdated", 7);
-        this.endpoint = VerdocsEndpoint.getDefault();
-        this.valid = false;
-        this.dirty = false;
-        this.submitting = false;
-        this.first_name = '';
-        this.last_name = '';
-        this.email = '';
-        this.phone = '';
-    }
-    componentWillLoad() {
-        this.endpoint.loadSession();
-        if (!this.endpoint.session) {
-            console.log('[SETTINGS] Must be authenticated');
-            return;
-        }
-    }
-    async componentDidLoad() {
-        const profile = await getCurrentProfile(this.endpoint);
-        console.log('[SETTINGS] Loaded profile', profile);
-        this.resetForm(profile);
-    }
-    resetForm(profile) {
-        this.first_name = profile.first_name;
-        this.last_name = profile.last_name;
-        this.email = profile.email;
-        this.phone = profile.phone;
-        this.dirty = false;
-        this.valid = true;
-    }
-    handleSubmit(e) {
-        e.preventDefault();
-        e.stopPropagation();
-        updateProfile(VerdocsEndpoint.getDefault(), this.endpoint.session.profile_id, {
-            first_name: this.first_name,
-            last_name: this.last_name,
-            phone: this.phone,
-        })
-            .then(newProfile => {
-            var _a;
-            console.log('[SETTINGS] Update result', newProfile);
-            (_a = this.profileUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, profile: newProfile });
-            this.resetForm(newProfile);
-        })
-            .catch(e => VerdocsToast(`Error updating profile: ${e.message}`, { style: 'error' }));
-    }
-    processFields() {
-        const validation = schema.safeParse({
-            first_name: this.first_name,
-            last_name: this.last_name,
-            email: this.email,
-            phone: this.phone,
-        });
-        console.log('[SETTINGS] Validation result', validation);
-        this.valid = validation.success;
-        this.dirty = true;
-    }
-    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, "My Profile"), h("form", { onSubmit: e => this.handleSubmit(e) }, h("div", { class: "columns" }, h("div", { class: "column" }, h("verdocs-text-input", { id: "verdocs-profile-first-name", value: this.first_name, autocomplete: "off", label: "First Name", required: true, placeholder: "Enter your first name...", onInput: (e) => (this.first_name = e.target.value), onFocusout: (e) => {
-                this.first_name = e.target.value.trim();
-                this.processFields();
-            } }), h("verdocs-text-input", { id: "verdocs-profile-last-name", value: this.last_name, autocomplete: "off", label: "Last Name", required: true, placeholder: "Enter your last name...", onInput: (e) => (this.last_name = e.target.value), onFocusout: (e) => {
-                this.last_name = e.target.value.trim();
-                this.processFields();
-            } })), h("div", { class: "column" }, h("verdocs-text-input", { id: "verdocs-profile-email", value: this.email, autocomplete: "off", label: "Email Address", required: true, disabled: true, placeholder: "Enter your email address...", onInput: (e) => (this.email = e.target.value), onFocusout: (e) => {
-                this.email = e.target.value.trim();
-                this.processFields();
-            } }), h("verdocs-text-input", { id: "verdocs-profile-phone", value: this.phone, clearable: true, autocomplete: "off", label: "Phone Number", placeholder: "Enter your phone number...", onInput: (e) => (this.phone = e.target.value), onFocusout: (e) => {
-                this.phone = e.target.value.trim();
-                this.processFields();
-            } }))), h("verdocs-button", { type: "submit", label: "Save", size: "normal", disabled: this.submitting || !this.dirty }))));
-    }
-};
-VerdocsSettingsProfile.style = VerdocsSettingsProfileStyle0;
-
-export { VerdocsSettingsApiKeys as verdocs_settings_api_keys, VerdocsSettingsMembers as verdocs_settings_members, VerdocsSettingsOrganization as verdocs_settings_organization, VerdocsSettingsProfile as verdocs_settings_profile };

package/dist/esm/verdocs-settings.entry.js

@@ -1,38 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-b89cf6a4.js';
-import { VerdocsEndpoint } from '@verdocs/js-sdk';
-import { S as SDKError } from './errors-887f1e88.js';
-
-const verdocsSettingsCss = "@-webkit-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)}}@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:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-settings .tabs{gap:4px;width:100%;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;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}";
-const VerdocsSettingsStyle0 = verdocsSettingsCss;
-
-const VerdocsSettings = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.sdkError = createEvent(this, "sdkError", 7);
-        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 })));
-    }
-};
-VerdocsSettings.style = VerdocsSettingsStyle0;
-
-export { VerdocsSettings as verdocs_settings };

package/dist/esm/verdocs-tabs.entry.js

@@ -1,23 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-b89cf6a4.js';
-
-const verdocsTabsCss = "@-webkit-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)}}@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-tabs{gap:10px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-tabs .tab{display:-ms-flexbox;display:flex;color:#111111;cursor:pointer;font-size:14px;font-weight:400;padding:5px 10px;-ms-flex-align:center;align-items:center;text-transform:none;-ms-flex-pack:center;justify-content:center;border-bottom:4px solid transparent}verdocs-tabs .tab:focus{border:none;outline:none}verdocs-tabs .tab.active{color:#000000;font-weight:500;border-bottom:4px solid #654dcb}verdocs-tabs .tab.disabled{color:#aaaaaa;cursor:default}";
-const VerdocsTabsStyle0 = verdocsTabsCss;
-
-const VerdocsTabs = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.selectTab = createEvent(this, "selectTab", 7);
-        this.tabs = [];
-        this.selectedTab = 0;
-    }
-    handleSelectTab(index) {
-        var _a;
-        (_a = this.selectTab) === null || _a === void 0 ? void 0 : _a.emit({ tab: this.tabs[index], index });
-    }
-    render() {
-        return (h(Host, { key: '40357821a495d7b0c94b205ed90e5fd83b4a5146' }, this.tabs.map((tab, index) => (h("div", { class: `tab ${index === this.selectedTab ? 'active' : ''} ${tab.disabled ? 'disabled' : ''}`, onClick: tab.disabled ? () => { } : () => this.handleSelectTab(index) }, tab.label))), h("div", { key: 'dd9e2a621082bd61f62b161830c6fd1138f0e8c1', class: "flex flex-1" }), h("slot", { key: '4e64f7e7221fd9d5613f83db4067f71f2c4c1f12' }, h("div", { key: '4926afa57bb87a838b66807837f3b71c436a4586' }))));
-    }
-};
-VerdocsTabs.style = VerdocsTabsStyle0;
-
-export { VerdocsTabs as verdocs_tabs };