@verdocs/web-sdk 2.2.5 → 2.2.7

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

@@ -1,10 +1,14 @@
-import { Members } from '@verdocs/js-sdk/Organizations';
+import { Profiles } from '@verdocs/js-sdk/Users';
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
+import { capitalize } from '@verdocs/js-sdk/Utils/Strings';
+import { Members, Invitations } from '@verdocs/js-sdk/Organizations';
+import { formatFullName, formatInitials } from '@verdocs/js-sdk/Utils/Primitives';
 import { h, Host } from '@stencil/core';
 import { VerdocsToast } from '../../../utils/Toast';
 import { SDKError } from '../../../utils/errors';
-import { capitalize } from '@verdocs/js-sdk/Utils/Strings';
+import { format } from 'date-fns';
 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) => {
   if (roles.find(role => role.name === 'owner') !== undefined)
     return 'Owner';
@@ -36,6 +40,16 @@ export class VerdocsSettingsMembers {
   constructor() {
     this.endpoint = VerdocsEndpoint.getDefault();
     this.members = [];
+    this.invited = [];
+    this.roles = [];
+    this.selectedTab = 0;
+    this.invitingMember = false;
+    this.newEmailAddress = '';
+    this.newRoleId = '';
+    this.submitting = false;
+    this.deletingInvitation = null;
+    this.resendingInvitation = null;
+    this.deletingMember = null;
   }
   componentWillLoad() {
     this.endpoint.loadSession();
@@ -45,31 +59,134 @@ export class VerdocsSettingsMembers {
     }
   }
   async componentDidLoad() {
-    var _a, _b, _c;
+    this.loadMembers().catch((e) => console.log('Unknown Error', e));
+  }
+  async loadMembers() {
+    var _a, _b, _c, _d;
     try {
-      this.members = await Members.getMembers(this.endpoint, this.endpoint.session.organization_id);
+      const [roles, members, invites] = await Promise.all([
+        Profiles.getRoles(this.endpoint),
+        Members.getMembers(this.endpoint, this.endpoint.session.organization_id),
+        Invitations.getInvitations(this.endpoint, this.endpoint.session.organization_id),
+      ]);
+      this.roles = roles;
+      this.members = members;
+      this.invited = invites;
+      this.newRoleId = ((_a = roles.find(role => role.name === 'member')) === null || _a === void 0 ? void 0 : _a.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));
+      (_b = this.sdkError) === null || _b === void 0 ? void 0 : _b.emit(new SDKError(e.message, (_c = e.response) === null || _c === void 0 ? void 0 : _c.status, (_d = e.response) === null || _d === void 0 ? void 0 : _d.data));
       VerdocsToast('Unable to load members. Please try again later');
     }
   }
+  async handleInviteMember() {
+    this.submitting = true;
+    Invitations.createInvitation(VerdocsEndpoint.getDefault(), this.endpoint.session.organization_id, {
+      email: this.newEmailAddress,
+      role_id: this.newRoleId,
+      organization_id: this.endpoint.session.organization_id,
+    })
+      .then(r => {
+      console.log('[SETTINGS] Invited member', r);
+      this.invitingMember = false;
+      this.submitting = false;
+      this.newRoleId = '';
+      this.newEmailAddress = '';
+      VerdocsToast('Invitation sent!', { style: 'success' });
+      this.loadMembers();
+    })
+      .catch(e => {
+      console.log('[SETTINGS] Unable to invite member', e);
+      this.invitingMember = false;
+      this.submitting = false;
+      this.newRoleId = '';
+      this.newEmailAddress = '';
+      VerdocsToast('Unable to invite member. Please try again later', { style: 'error' });
+    });
+  }
+  async handleDeleteMember() {
+    this.submitting = true;
+    Members.deleteMember(VerdocsEndpoint.getDefault(), this.deletingMember.organization_id, 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;
+    Invitations.deleteInvitation(VerdocsEndpoint.getDefault(), this.deletingInvitation.organization_id, 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;
+    Invitations.resendInvitation(VerdocsEndpoint.getDefault(), this.resendingInvitation.organization_id, 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("h1", null, "Members"), h("verdocs-table", { data: this.members, columns: [
+    const roleOptions = this.roles.map(role => ({ label: getRoleLabel([{ name: role.name }]), value: role.id }));
+    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) } }, row.first_name.charAt(0), " ", row.last_name.charAt(0)), h("span", null, capitalize(row.first_name), " ", capitalize(row.last_name)))),
+          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) => `${getRoleLabel(row.roles)}` },
-        { id: 'actions', header: 'Actions', renderCell: () => h("span", { innerHTML: TrashIcon, onClick: () => { } }) },
-      ] }), h("verdocs-button", { label: "Invite New Member", size: "normal", disabled: true })));
+        {
+          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, format(new Date(row.generated_at), 'MMM d, Y')) },
+        { id: 'role_id', header: 'Role', renderCell: (_, row) => { var _a; return h("div", null, getRoleLabel([{ name: (_a = this.roles.find(r => r.id === row.role_id)) === null || _a === void 0 ? void 0 : _a.name }])); } },
+        { 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("div", { style: { marginBottom: '20px' } }), h("verdocs-select-input", { options: roleOptions, label: "Role", onInput: (e) => {
+        this.newRoleId = 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.newRoleId, 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() })))))));
   }
   static get is() { return "verdocs-settings-members"; }
   static get originalStyleUrls() {
@@ -109,7 +226,17 @@ export class VerdocsSettingsMembers {
   }
   static get states() {
     return {
-      "members": {}
+      "members": {},
+      "invited": {},
+      "roles": {},
+      "selectedTab": {},
+      "invitingMember": {},
+      "newEmailAddress": {},
+      "newRoleId": {},
+      "submitting": {},
+      "deletingInvitation": {},
+      "resendingInvitation": {},
+      "deletingMember": {}
     };
   }
   static get events() {

package/dist/components/Members.js

@@ -0,0 +1,17 @@
+/**
+ * An Organization Member (aka Profile) is an individual user with access to an organization.
+ *
+ * @module
+ */
+var getMembers = function (endpoint, organizationId) {
+    return endpoint.api //
+        .get("/organizations/".concat(organizationId, "/profiles"))
+        .then(function (r) { return r.data; });
+};
+var deleteMember = function (endpoint, organizationId, profileId) {
+    return endpoint.api //
+        .delete("/organizations/".concat(organizationId, "/profiles/").concat(profileId))
+        .then(function (r) { return r.data; });
+};
+
+export { deleteMember as d, getMembers as g };

package/dist/components/Primitives.js

@@ -1,3 +1,8 @@
+/**
+ * Capitalize the first letter of a string.
+ */
+var capitalize = function (str) { return str.charAt(0).toUpperCase() + str.slice(1); };
+
 /**
  * Create an array containing a sequence of integers, e.g. [START, START+1, START+2, ...] This is frequently useful
  * in rendering operations when there is no source array to .map() across.
@@ -7,6 +12,18 @@ var integerSequence = function (start, count) {
         .fill(1)
         .map(function (_, index) { return index + start; });
 };
+/**
+ * Format a profile's full name
+ */
+var formatFullName = function (profile) {
+    return profile ? "".concat(capitalize(profile.first_name), " ").concat(capitalize(profile.last_name)) : 'Invalid User';
+};
+/**
+ * Format a profile's initials
+ */
+var formatInitials = function (profile) {
+    return profile ? "".concat(capitalize(profile.first_name).charAt(0), " ").concat(capitalize(profile.last_name).charAt(0)) : '--';
+};
 /**
  * Generate suggested initials for a full name, e.g. "John Doe" will yield "JD".
  */
@@ -17,4 +34,4 @@ var fullNameToInitials = function (name) {
         .join('');
 };
 
-export { fullNameToInitials as f, integerSequence as i };
+export { formatFullName as a, formatInitials as b, capitalize as c, fullNameToInitials as f, integerSequence as i };

package/dist/components/Profiles.js

@@ -21,6 +21,20 @@ var getCurrentProfile = function (endpoint) {
         .get('/profiles')
         .then(function (r) { return (r.data || []).find(function (profile) { return profile.current; }); });
 };
+/**
+ * Get a list of system roles.
+ *
+ * ```typescript
+ * import {Profiles} from '@verdocs/js-sdk/Users';
+ *
+ * const roles = await Profiles.getRoles();
+ * ```
+ */
+var getRoles = function (endpoint) {
+    return endpoint.api //
+        .get('/roles')
+        .then(function (r) { return r.data; });
+};
 /**
  * Update a profile. For future expansion, the profile ID to update is required, but currently this must also be the
  * "current" profile for the caller.
@@ -54,4 +68,4 @@ var createBusinessAccount = function (endpoint, params) {
         .then(function (r) { return r.data; });
 };
 
-export { createBusinessAccount as c, getCurrentProfile as g, updateProfile as u };
+export { getCurrentProfile as a, createBusinessAccount as c, getRoles as g, updateProfile as u };

package/dist/components/index.d.ts

@@ -56,6 +56,7 @@ export { VerdocsSignatureDialog as VerdocsSignatureDialog } from '../types/compo
 export { VerdocsQuickFilter as VerdocsSpinner } from '../types/components/controls/verdocs-spinner/verdocs-spinner';
 export { VerdocsStatusIndicator as VerdocsStatusIndicator } from '../types/components/envelopes/verdocs-status-indicator/verdocs-status-indicator';
 export { VerdocsTable as VerdocsTable } from '../types/components/controls/verdocs-table/verdocs-table';
+export { VerdocsTabs as VerdocsTabs } from '../types/components/controls/verdocs-tabs/verdocs-tabs';
 export { VerdocsTemplateAttachments as VerdocsTemplateAttachments } from '../types/components/templates/verdocs-template-attachments/verdocs-template-attachments';
 export { VerdocsTemplateCard as VerdocsTemplateCard } from '../types/components/templates/verdocs-template-card/verdocs-template-card';
 export { VerdocsTemplateCreate as VerdocsTemplateCreate } from '../types/components/templates/verdocs-template-create/verdocs-template-create';

package/dist/components/index.js

@@ -56,6 +56,7 @@ export { VerdocsSignatureDialog, defineCustomElement as defineCustomElementVerdo
 export { VerdocsSpinner, defineCustomElement as defineCustomElementVerdocsSpinner } from './verdocs-spinner.js';
 export { VerdocsStatusIndicator, defineCustomElement as defineCustomElementVerdocsStatusIndicator } from './verdocs-status-indicator.js';
 export { VerdocsTable, defineCustomElement as defineCustomElementVerdocsTable } from './verdocs-table.js';
+export { VerdocsTabs, defineCustomElement as defineCustomElementVerdocsTabs } from './verdocs-tabs.js';
 export { VerdocsTemplateAttachments, defineCustomElement as defineCustomElementVerdocsTemplateAttachments } from './verdocs-template-attachments.js';
 export { VerdocsTemplateCard, defineCustomElement as defineCustomElementVerdocsTemplateCard } from './verdocs-template-card.js';
 export { VerdocsTemplateCreate, defineCustomElement as defineCustomElementVerdocsTemplateCreate } from './verdocs-template-create.js';

package/dist/components/verdocs-dialog.js

@@ -1,39 +1,4 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-
-const verdocsDialogCss = "verdocs-dialog{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-dialog .background-overlay{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:absolute;-ms-flex-align:center;align-items:center;background:#0000007f;-ms-flex-pack:center;justify-content:center}verdocs-dialog .dialog{width:320px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-dialog .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}";
-
-const VerdocsDialog$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.exit = createEvent(this, "exit", 7);
-  }
-  // We need a separate event handler for clicking the background because it can receive events "through" other child components
-  handleDismiss(e) {
-    if (e.target.className === 'background-overlay') {
-      e.preventDefault();
-      this.exit.emit();
-    }
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { class: "dialog" }, h("slot", { name: "title" }, h("div", { class: "heading" }, "Please Confirm")), h("slot", null, h("p", null))))));
-  }
-  static get style() { return verdocsDialogCss; }
-}, [4, "verdocs-dialog"]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["verdocs-dialog"];
-  components.forEach(tagName => { switch (tagName) {
-    case "verdocs-dialog":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, VerdocsDialog$1);
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
+import { V as VerdocsDialog$1, d as defineCustomElement$1 } from './verdocs-dialog2.js';
 
 const VerdocsDialog = VerdocsDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-dialog2.js

@@ -0,0 +1,39 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+
+const verdocsDialogCss = "verdocs-dialog{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-dialog .background-overlay{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:absolute;-ms-flex-align:center;align-items:center;background:#0000007f;-ms-flex-pack:center;justify-content:center}verdocs-dialog .dialog{width:420px;display:-ms-flexbox;display:flex;max-width:100%;overflow:hidden;border-radius:4px;-ms-flex-direction:column;flex-direction:column;background:#ffffff;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-dialog .heading{display:-ms-flexbox;display:flex;font-size:16px;font-weight:500;padding:8px 16px;-ms-flex-direction:row;flex-direction:row;color:#ffffff;background:#46497d}verdocs-dialog .content{padding:16px}verdocs-dialog .content p{margin:0 0 1em 0}verdocs-dialog .buttons{gap:14px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}";
+
+const VerdocsDialog = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.exit = createEvent(this, "exit", 7);
+  }
+  // We need a separate event handler for clicking the background because it can receive events "through" other child components
+  handleDismiss(e) {
+    var _a;
+    if (e.target.className === 'background-overlay') {
+      e.preventDefault();
+      (_a = this.exit) === null || _a === void 0 ? void 0 : _a.emit();
+    }
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { class: "dialog" }, h("slot", { name: "title" }, h("div", { class: "heading" }, "Please Confirm")), h("slot", null, h("div", { class: "content" }))))));
+  }
+  static get style() { return verdocsDialogCss; }
+}, [4, "verdocs-dialog"]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["verdocs-dialog"];
+  components.forEach(tagName => { switch (tagName) {
+    case "verdocs-dialog":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, VerdocsDialog);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { VerdocsDialog as V, defineCustomElement as d };