@verdocs/web-sdk 1.9.38 → 1.10.0

package/dist/components/VerdocsEndpoint.js

@@ -516,7 +516,7 @@ const matchAll = (regExp, str) => {
 const isHTMLForm = kindOfTest('HTMLFormElement');
 
 const toCamelCase = str => {
-  return str.toLowerCase().replace(/[_-\s]([a-z\d])(\w*)/g,
+  return str.toLowerCase().replace(/[-_\s]([a-z\d])(\w*)/g,
     function replacer(m, p1, p2) {
       return p1.toUpperCase() + p2;
     }
@@ -600,6 +600,37 @@ const toFiniteNumber = (value, defaultValue) => {
   return Number.isFinite(value) ? value : defaultValue;
 };
 
+const ALPHA = 'abcdefghijklmnopqrstuvwxyz';
+
+const DIGIT = '0123456789';
+
+const ALPHABET = {
+  DIGIT,
+  ALPHA,
+  ALPHA_DIGIT: ALPHA + ALPHA.toUpperCase() + DIGIT
+};
+
+const generateString = (size = 16, alphabet = ALPHABET.ALPHA_DIGIT) => {
+  let str = '';
+  const {length} = alphabet;
+  while (size--) {
+    str += alphabet[Math.random() * length|0];
+  }
+
+  return str;
+};
+
+/**
+ * If the thing is a FormData object, return true, otherwise return false.
+ *
+ * @param {unknown} thing - The thing to check.
+ *
+ * @returns {boolean}
+ */
+function isSpecCompliantForm(thing) {
+  return !!(thing && isFunction(thing.append) && thing[Symbol.toStringTag] === 'FormData' && thing[Symbol.iterator]);
+}
+
 const toJSONObject = (obj) => {
   const stack = new Array(10);
 
@@ -677,6 +708,9 @@ const utils = {
   findKey,
   global: _global,
   isContextDefined,
+  ALPHABET,
+  generateString,
+  isSpecCompliantForm,
   toJSONObject
 };
 
@@ -775,8 +809,8 @@ AxiosError.from = (error, code, config, request, response, customProps) => {
   return axiosError;
 };
 
-/* eslint-env browser */
-var browser = typeof self == 'object' ? self.FormData : window.FormData;
+// eslint-disable-next-line strict
+const httpAdapter = null;
 
 /**
  * Determines if the given thing is a array or js object.
@@ -833,17 +867,6 @@ const predicates = utils.toFlatObject(utils, {}, null, function filter(prop) {
   return /^is[A-Z]/.test(prop);
 });
 
-/**
- * If the thing is a FormData object, return true, otherwise return false.
- *
- * @param {unknown} thing - The thing to check.
- *
- * @returns {boolean}
- */
-function isSpecCompliant(thing) {
-  return thing && utils.isFunction(thing.append) && thing[Symbol.toStringTag] === 'FormData' && thing[Symbol.iterator];
-}
-
 /**
  * Convert a data object to FormData
  *
@@ -873,7 +896,7 @@ function toFormData(obj, formData, options) {
   }
 
   // eslint-disable-next-line no-param-reassign
-  formData = formData || new (browser || FormData)();
+  formData = formData || new (FormData)();
 
   // eslint-disable-next-line no-param-reassign
   options = utils.toFlatObject(options, {
@@ -891,7 +914,7 @@ function toFormData(obj, formData, options) {
   const dots = options.dots;
   const indexes = options.indexes;
   const _Blob = options.Blob || typeof Blob !== 'undefined' && Blob;
-  const useBlob = _Blob && isSpecCompliant(formData);
+  const useBlob = _Blob && utils.isSpecCompliantForm(formData);
 
   if (!utils.isFunction(visitor)) {
     throw new TypeError('visitor must be a function');
@@ -936,7 +959,7 @@ function toFormData(obj, formData, options) {
         value = JSON.stringify(value);
       } else if (
         (utils.isArray(value) && isFlatArray(value)) ||
-        (utils.isFileList(value) || utils.endsWith(key, '[]') && (arr = utils.toArray(value))
+        ((utils.isFileList(value) || utils.endsWith(key, '[]')) && (arr = utils.toArray(value))
         )) {
         // eslint-disable-next-line no-param-reassign
         key = removeBrackets(key);
@@ -1690,7 +1713,7 @@ class AxiosHeaders {
     if (header) {
       const key = utils.findKey(this, header);
 
-      return !!(key && (!matcher || matchHeaderValue(this, this[key], key, matcher)));
+      return !!(key && this[key] !== undefined && (!matcher || matchHeaderValue(this, this[key], key, matcher)));
     }
 
     return false;
@@ -1723,8 +1746,20 @@ class AxiosHeaders {
     return deleted;
   }
 
-  clear() {
-    return Object.keys(this).forEach(this.delete.bind(this));
+  clear(matcher) {
+    const keys = Object.keys(this);
+    let i = keys.length;
+    let deleted = false;
+
+    while (i--) {
+      const key = keys[i];
+      if(!matcher || matchHeaderValue(this, this[key], key, matcher)) {
+        delete this[key];
+        deleted = true;
+      }
+    }
+
+    return deleted;
   }
 
   normalize(format) {
@@ -1815,7 +1850,7 @@ class AxiosHeaders {
   }
 }
 
-AxiosHeaders.accessor(['Content-Type', 'Content-Length', 'Accept', 'Accept-Encoding', 'User-Agent']);
+AxiosHeaders.accessor(['Content-Type', 'Content-Length', 'Accept', 'Accept-Encoding', 'User-Agent', 'Authorization']);
 
 utils.freezeMethods(AxiosHeaders.prototype);
 utils.freezeMethods(AxiosHeaders);
@@ -1866,9 +1901,6 @@ utils.inherits(CanceledError, AxiosError, {
   __CANCEL__: true
 });
 
-// eslint-disable-next-line strict
-const httpAdapter = null;
-
 /**
  * Resolve or reject a Promise based on response status.
  *
@@ -2569,7 +2601,7 @@ function mergeConfig(config1, config2) {
   return config;
 }
 
-const VERSION = "1.2.3";
+const VERSION = "1.3.1";
 
 const validators$1 = {};
 

package/dist/components/index.d.ts

@@ -4,9 +4,11 @@ export { VerdocsBuild as VerdocsBuild } from '../types/components/embeds/verdocs
 export { VerdocsButton as VerdocsButton } from '../types/components/controls/verdocs-button/verdocs-button';
 export { VerdocsButtonPanel as VerdocsButtonPanel } from '../types/components/controls/verdocs-button-panel/verdocs-button-panel';
 export { VerdocsCheckbox as VerdocsCheckbox } from '../types/components/controls/verdocs-checkbox/verdocs-checkbox';
+export { VerdocsComponentError as VerdocsComponentError } from '../types/components/elements/verdocs-component-error/verdocs-component-error';
 export { VerdocsContactPicker as VerdocsContactPicker } from '../types/components/elements/verdocs-contact-picker/verdocs-contact-picker';
 export { VerdocsDocumentPage as VerdocsDocumentPage } from '../types/components/elements/verdocs-document-page/verdocs-document-page';
 export { VerdocsDropdown as VerdocsDropdown } from '../types/components/controls/verdocs-dropdown/verdocs-dropdown';
+export { VerdocsEnvelopeSidebar as VerdocsEnvelopeSidebar } from '../types/components/elements/verdocs-envelope-sidebar/verdocs-envelope-sidebar';
 export { VerdocsFieldAttachment as VerdocsFieldAttachment } from '../types/components/elements/verdocs-field-attachment/verdocs-field-attachment';
 export { VerdocsFieldCheckbox as VerdocsFieldCheckbox } from '../types/components/elements/verdocs-field-checkbox/verdocs-field-checkbox';
 export { VerdocsFieldDate as VerdocsFieldDate } from '../types/components/elements/verdocs-field-date/verdocs-field-date';
@@ -18,6 +20,7 @@ export { VerdocsFieldSignature as VerdocsFieldSignature } from '../types/compone
 export { VerdocsFieldTextarea as VerdocsFieldTextarea } from '../types/components/elements/verdocs-field-textarea/verdocs-field-textarea';
 export { VerdocsFieldTextbox as VerdocsFieldTextbox } from '../types/components/elements/verdocs-field-textbox/verdocs-field-textbox';
 export { VerdocsFieldTimestamp as VerdocsFieldTimestamp } from '../types/components/elements/verdocs-field-timestamp/verdocs-field-timestamp';
+export { VerdocsFloatingMenu as VerdocsFloatingMenu } from '../types/components/controls/verdocs-floating-menu/verdocs-floating-menu';
 export { VerdocsHelpIcon as VerdocsHelpIcon } from '../types/components/controls/verdocs-help-icon/verdocs-help-icon';
 export { VerdocsInitialDialog as VerdocsInitialDialog } from '../types/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog';
 export { VerdocsKbaDialog as VerdocsKbaDialog } from '../types/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog';

package/dist/components/index.js

@@ -4,9 +4,11 @@ export { VerdocsBuild, defineCustomElement as defineCustomElementVerdocsBuild }
 export { VerdocsButton, defineCustomElement as defineCustomElementVerdocsButton } from './verdocs-button.js';
 export { VerdocsButtonPanel, defineCustomElement as defineCustomElementVerdocsButtonPanel } from './verdocs-button-panel.js';
 export { VerdocsCheckbox, defineCustomElement as defineCustomElementVerdocsCheckbox } from './verdocs-checkbox.js';
+export { VerdocsComponentError, defineCustomElement as defineCustomElementVerdocsComponentError } from './verdocs-component-error.js';
 export { VerdocsContactPicker, defineCustomElement as defineCustomElementVerdocsContactPicker } from './verdocs-contact-picker.js';
 export { VerdocsDocumentPage, defineCustomElement as defineCustomElementVerdocsDocumentPage } from './verdocs-document-page.js';
 export { VerdocsDropdown, defineCustomElement as defineCustomElementVerdocsDropdown } from './verdocs-dropdown.js';
+export { VerdocsEnvelopeSidebar, defineCustomElement as defineCustomElementVerdocsEnvelopeSidebar } from './verdocs-envelope-sidebar.js';
 export { VerdocsFieldAttachment, defineCustomElement as defineCustomElementVerdocsFieldAttachment } from './verdocs-field-attachment.js';
 export { VerdocsFieldCheckbox, defineCustomElement as defineCustomElementVerdocsFieldCheckbox } from './verdocs-field-checkbox.js';
 export { VerdocsFieldDate, defineCustomElement as defineCustomElementVerdocsFieldDate } from './verdocs-field-date.js';
@@ -18,6 +20,7 @@ export { VerdocsFieldSignature, defineCustomElement as defineCustomElementVerdoc
 export { VerdocsFieldTextarea, defineCustomElement as defineCustomElementVerdocsFieldTextarea } from './verdocs-field-textarea.js';
 export { VerdocsFieldTextbox, defineCustomElement as defineCustomElementVerdocsFieldTextbox } from './verdocs-field-textbox.js';
 export { VerdocsFieldTimestamp, defineCustomElement as defineCustomElementVerdocsFieldTimestamp } from './verdocs-field-timestamp.js';
+export { VerdocsFloatingMenu, defineCustomElement as defineCustomElementVerdocsFloatingMenu } from './verdocs-floating-menu.js';
 export { VerdocsHelpIcon, defineCustomElement as defineCustomElementVerdocsHelpIcon } from './verdocs-help-icon.js';
 export { VerdocsInitialDialog, defineCustomElement as defineCustomElementVerdocsInitialDialog } from './verdocs-initial-dialog.js';
 export { VerdocsKbaDialog, defineCustomElement as defineCustomElementVerdocsKbaDialog } from './verdocs-kba-dialog.js';

package/dist/components/utils.js

@@ -1,120 +1,20 @@
-import { d as decodeAccessTokenBody } from './Token.js';
+import { c as getEnvelopeFile } from './Envelopes2.js';
 import { d as downloadBlob } from './Files.js';
 
-var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (undefined && undefined.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-/**
- * Get a signing session for an Envelope.
- */
-var getSigningSession = function (endpoint, params) { return __awaiter(void 0, void 0, void 0, function () {
-    return __generator(this, function (_a) {
-        return [2 /*return*/, endpoint.api //
-                .get("/envelopes/".concat(params.envelopeId, "/recipients/").concat(encodeURIComponent(params.roleId), "/invitation/").concat(params.inviteCode))
-                .then(function (r) {
-                var _a;
-                // Avoiding a jsonwebtoken dependency here - we don't actually need the whole library
-                var signerToken = ((_a = r.headers) === null || _a === void 0 ? void 0 : _a.signer_token) || '';
-                var session = decodeAccessTokenBody(signerToken);
-                endpoint.setToken(signerToken);
-                return { recipient: r.data, session: session, signerToken: signerToken };
-            })];
-    });
-}); };
-/**
- * Get all metadata for an Envelope.
- */
-var getEnvelope = function (endpoint, envelopeId, ssr) { return __awaiter(void 0, void 0, void 0, function () {
-    return __generator(this, function (_a) {
-        return [2 /*return*/, endpoint.api //
-                .get("/envelopes/".concat(envelopeId) + (ssr ? '?ssr=true' : ''))
-                .then(function (r) { return r.data; })];
-    });
-}); };
-/**
- * Get (binary download) a file attached to an Envelope. It is important to use this method
- * rather than a direct A HREF or similar link to set the authorization headers for the
- * request.
- */
-var getEnvelopeFile = function (endpoint, envelopeId, documentId) { return __awaiter(void 0, void 0, void 0, function () {
-    return __generator(this, function (_a) {
-        return [2 /*return*/, endpoint.api //
-                .get("/envelopes/".concat(envelopeId, "/envelope_documents/").concat(documentId, "?file=true"), { responseType: 'blob' })
-                .then(function (r) { return r.data; })];
-    });
-}); };
-/**
- * Update a Document field. Typically called during the signing process as a Recipient fills in fields.
- */
-var updateEnvelopeField = function (endpoint, envelopeId, fieldName, value) { return __awaiter(void 0, void 0, void 0, function () {
-    return __generator(this, function (_a) {
-        return [2 /*return*/, endpoint.api //
-                .put("/envelopes/".concat(envelopeId, "/fields/").concat(fieldName), value)
-                .then(function (r) { return r.data; })];
-    });
-}); };
-/**
- * Update a Document signature field. Signature fields are ID-driven. Call `Document.createSignature()` first to create a
- * signature for a Recipient, then call `Documents.updateDocumentFieldSignature()` to attach it to a field.
- */
-var updateEnvelopeFieldSignature = function (endpoint, envelopeId, fieldName, signatureId) { return __awaiter(void 0, void 0, void 0, function () {
-    return __generator(this, function (_a) {
-        return [2 /*return*/, endpoint.api //
-                .put("/envelopes/".concat(envelopeId, "/fields/").concat(fieldName, "/signature/").concat(signatureId))
-                .then(function (r) { return r.data; })];
-    });
-}); };
-/**
- * Update a Document signature field. Signature fields are ID-driven. Call `Document.createSignature()` first to create a
- * signature for a Recipient, then call `Documents.updateDocumentFieldSignature()` to attach it to a field.
- */
-var updateEnvelopeFieldInitials = function (endpoint, envelopeId, fieldName, initialId) { return __awaiter(void 0, void 0, void 0, function () {
-    return __generator(this, function (_a) {
-        return [2 /*return*/, endpoint.api //
-                .put("/envelopes/".concat(envelopeId, "/fields/").concat(fieldName, "/initial/").concat(initialId))
-                .then(function (r) { return r.data; })];
-    });
-}); };
-
 function rescale(r, n) {
     return r * n;
 }
 
 const defaultWidth = (field) => {
   switch (field.type) {
+    case 'textbox':
+      return 150;
+    case 'timestamp':
+      return 64;
+    case 'date':
+      return 64;
+    case 'dropdown':
+      return 64;
     case 'attachment':
     case 'payment':
       return 24;
@@ -132,6 +32,14 @@ const defaultWidth = (field) => {
 };
 const defaultHeight = (field) => {
   switch (field.type) {
+    case 'textbox':
+      return 15;
+    case 'timestamp':
+      return 15;
+    case 'date':
+      return 15;
+    case 'dropdown':
+      return 15;
     case 'attachment':
     case 'payment':
       return 24;
@@ -334,4 +242,4 @@ const throttle = (f, delay) => {
   };
 };
 
-export { getRoleIndex as a, getSigningSession as b, updateEnvelopeField as c, updateEnvelopeFieldSignature as d, updateEnvelopeFieldInitials as e, getFieldId as f, getFieldSettings as g, updateCssTransform as h, getEnvelope as i, renderDocumentField as r, savePDF as s, throttle as t, updateDocumentFieldValue as u };
+export { getRoleIndex as a, getFieldId as b, updateCssTransform as c, defaultWidth as d, defaultHeight as e, getFieldSettings as g, renderDocumentField as r, savePDF as s, throttle as t, updateDocumentFieldValue as u };

package/dist/components/verdocs-build.js

@@ -3,16 +3,14 @@ import './Types.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 import { l as loadTemplate } from './Templates.js';
 import { S as SDKError } from './errors.js';
-import { d as defineCustomElement$i } from './verdocs-button2.js';
-import { d as defineCustomElement$h } from './verdocs-button-panel2.js';
-import { d as defineCustomElement$g } from './verdocs-checkbox2.js';
-import { d as defineCustomElement$f } from './verdocs-document-page2.js';
-import { d as defineCustomElement$e } from './verdocs-field-signature2.js';
-import { d as defineCustomElement$d } from './verdocs-help-icon2.js';
-import { d as defineCustomElement$c } from './verdocs-loader2.js';
-import { d as defineCustomElement$b } from './verdocs-radio-button2.js';
-import { d as defineCustomElement$a } from './verdocs-select-input2.js';
-import { d as defineCustomElement$9 } from './verdocs-signature-dialog2.js';
+import { d as defineCustomElement$g } from './verdocs-button2.js';
+import { d as defineCustomElement$f } from './verdocs-checkbox2.js';
+import { d as defineCustomElement$e } from './verdocs-component-error2.js';
+import { d as defineCustomElement$d } from './verdocs-document-page2.js';
+import { d as defineCustomElement$c } from './verdocs-floating-menu2.js';
+import { d as defineCustomElement$b } from './verdocs-help-icon2.js';
+import { d as defineCustomElement$a } from './verdocs-loader2.js';
+import { d as defineCustomElement$9 } from './verdocs-radio-button2.js';
 import { d as defineCustomElement$8 } from './verdocs-template-create2.js';
 import { d as defineCustomElement$7 } from './verdocs-template-fields2.js';
 import { d as defineCustomElement$6 } from './verdocs-template-properties2.js';
@@ -74,6 +72,9 @@ const VerdocsBuild$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.step = 'fields';
   }
   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, this.step === 'create' && h("verdocs-template-create", { onCancel: e => this.handleCancel(e), onNext: e => this.handleTemplateCreated(e) }), this.step === 'properties' && h("verdocs-template-properties", { onCancel: e => this.handleCancel(e), onNext: e => this.handlePropertiesUpdated(e) }), this.step === 'recipients' && h("verdocs-template-recipients", { onCancel: e => this.handleCancel(e), onNext: e => this.handleRecipientsUpdated(e) }), this.step === 'fields' && h("verdocs-template-fields", { onCancel: e => this.handleCancel(e), onNext: e => this.handleCancel(e) })));
   }
   static get style() { return verdocsBuildCss; }
@@ -88,7 +89,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["verdocs-build", "verdocs-button", "verdocs-button-panel", "verdocs-checkbox", "verdocs-document-page", "verdocs-field-signature", "verdocs-help-icon", "verdocs-loader", "verdocs-radio-button", "verdocs-select-input", "verdocs-signature-dialog", "verdocs-template-create", "verdocs-template-fields", "verdocs-template-properties", "verdocs-template-recipients", "verdocs-template-sender-dialog", "verdocs-text-input", "verdocs-toolbar-icon"];
+  const components = ["verdocs-build", "verdocs-button", "verdocs-checkbox", "verdocs-component-error", "verdocs-document-page", "verdocs-floating-menu", "verdocs-help-icon", "verdocs-loader", "verdocs-radio-button", "verdocs-template-create", "verdocs-template-fields", "verdocs-template-properties", "verdocs-template-recipients", "verdocs-template-sender-dialog", "verdocs-text-input", "verdocs-toolbar-icon"];
   components.forEach(tagName => { switch (tagName) {
     case "verdocs-build":
       if (!customElements.get(tagName)) {
@@ -96,51 +97,41 @@ function defineCustomElement$1() {
       }
       break;
     case "verdocs-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$i();
-      }
-      break;
-    case "verdocs-button-panel":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$h();
-      }
-      break;
-    case "verdocs-checkbox":
       if (!customElements.get(tagName)) {
         defineCustomElement$g();
       }
       break;
-    case "verdocs-document-page":
+    case "verdocs-checkbox":
       if (!customElements.get(tagName)) {
         defineCustomElement$f();
       }
       break;
-    case "verdocs-field-signature":
+    case "verdocs-component-error":
       if (!customElements.get(tagName)) {
         defineCustomElement$e();
       }
       break;
-    case "verdocs-help-icon":
+    case "verdocs-document-page":
       if (!customElements.get(tagName)) {
         defineCustomElement$d();
       }
       break;
-    case "verdocs-loader":
+    case "verdocs-floating-menu":
       if (!customElements.get(tagName)) {
         defineCustomElement$c();
       }
       break;
-    case "verdocs-radio-button":
+    case "verdocs-help-icon":
       if (!customElements.get(tagName)) {
         defineCustomElement$b();
       }
       break;
-    case "verdocs-select-input":
+    case "verdocs-loader":
       if (!customElements.get(tagName)) {
         defineCustomElement$a();
       }
       break;
-    case "verdocs-signature-dialog":
+    case "verdocs-radio-button":
       if (!customElements.get(tagName)) {
         defineCustomElement$9();
       }

package/dist/components/verdocs-component-error.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface VerdocsComponentError extends Components.VerdocsComponentError, HTMLElement {}
+export const VerdocsComponentError: {
+  prototype: VerdocsComponentError;
+  new (): VerdocsComponentError;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/verdocs-component-error.js

@@ -0,0 +1,6 @@
+import { V as VerdocsComponentError$1, d as defineCustomElement$1 } from './verdocs-component-error2.js';
+
+const VerdocsComponentError = VerdocsComponentError$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { VerdocsComponentError, defineCustomElement };

package/dist/components/verdocs-component-error2.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const verdocsComponentErrorCss = "verdocs-component-error{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:-ms-flexbox;display:flex;padding:15px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-component-error .inner{-ms-flex:1;flex:1;height:300px;display:-ms-flexbox;display:flex;font-size:18px;background:#ffffff;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}";
+
+const VerdocsComponentError = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.message = '';
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "inner" }, this.message)));
+  }
+  static get style() { return verdocsComponentErrorCss; }
+}, [0, "verdocs-component-error", {
+    "message": [1]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["verdocs-component-error"];
+  components.forEach(tagName => { switch (tagName) {
+    case "verdocs-component-error":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, VerdocsComponentError);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { VerdocsComponentError as V, defineCustomElement as d };

package/dist/components/verdocs-document-page2.js

@@ -49,7 +49,7 @@ const VerdocsDocumentPage = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
       return;
     }
     this.pageRendered.emit({
-      container: this.container,
+      // container: this.container,
       containerId: this.containerId,
       pageNumber: this.pageNumber,
       virtualWidth: this.virtualWidth,

package/dist/components/verdocs-dropdown2.js

@@ -38,6 +38,7 @@ const VerdocsDropdown = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   showDropdown() {
     var _a, _b;
     // this.isOpen = true;
+    this.open = true;
     this.dropdownMenu.setAttribute('data-show', '');
     this.dropdownMenu.removeAttribute('aria-hidden');
     (_a = this.popper) === null || _a === void 0 ? void 0 : _a.setOptions(options => ({

package/dist/components/verdocs-envelope-sidebar.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface VerdocsEnvelopeSidebar extends Components.VerdocsEnvelopeSidebar, HTMLElement {}
+export const VerdocsEnvelopeSidebar: {
+  prototype: VerdocsEnvelopeSidebar;
+  new (): VerdocsEnvelopeSidebar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;