@verdocs/web-sdk 1.10.3 → 1.10.5

package/dist/cjs/verdocs-send.cjs.entry.js

@@ -3,12 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
-const Templates = require('./Templates-ed812768.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-25056c73.js');
 const Validators = require('./Validators-16e6d7d1.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-712ba3ec.js');
+const templateStore = require('./templateStore-97e17e58.js');
+const Templates = require('./Templates-a46d2fe8.js');
+const utils = require('./utils-865fd657.js');
+const errors = require('./errors-0396da3d.js');
 require('./Token-576f0e8a.js');
+require('./index-eb130f52.js');
+require('./Primitives-be5088cb.js');
+require('./Templates-ed812768.js');
 require('./Envelopes-68058bbe.js');
 require('./Files-4bdc0c0f.js');
 
@@ -27,42 +32,29 @@ const VerdocsSend = class {
     this.levels = [];
     this.endpoint = VerdocsEndpoint.VerdocsEndpoint.getDefault();
     this.templateId = null;
-    this.template = null;
-    this.pdfUrl = null;
     this.containerId = `verdocs-send-${Math.random().toString(36).substring(2, 11)}`;
     this.rolesAtLevel = {};
     this.showPickerForId = '';
     this.sessionContacts = [];
-    this.recipientsAssigned = {};
+    this.rolesCompleted = {};
+  }
+  reset() {
+    this.rolesCompleted = {};
   }
   async componentWillLoad() {
-    var _a;
-    this.sessionContacts = [];
-    try {
-      const result = await this.endpoint.loadSession();
-      if ((_a = result.session) === null || _a === void 0 ? void 0 : _a.profile) {
-        this.sessionContacts.push({
-          id: result.session.profile.id,
-          name: `${result.session.profile.first_name} ${result.session.profile.last_name}`,
-          email: result.session.profile.email,
-          phone: result.session.profile.phone,
-        });
-      }
-    }
-    catch (e) {
-      console.log('Error loading session', e);
+    var _a, _b, _c, _d, _e;
+    const loadSessionResult = this.endpoint.loadSession();
+    if (!this.templateId) {
+      console.log(`[SEND] Missing required template ID ${this.templateId}`);
+      return;
     }
-  }
-  async componentDidLoad() {
-    console.log('[SEND] Showing template', this.templateId);
     try {
       console.log(`[SEND] Loading template ${this.templateId}`);
-      const template = await Templates.getTemplate(this.endpoint, this.templateId);
-      console.log('[SEND] Got template', template);
-      this.template = template;
-      if (template === null || template === void 0 ? void 0 : template.roles) {
+      await Templates.loadTemplate(this.endpoint, this.templateId);
+      if ((_a = templateStore.state.template) === null || _a === void 0 ? void 0 : _a.roles) {
         const rolesAtLevel = {};
-        template.roles.forEach(role => {
+        this.rolesCompleted = {};
+        templateStore.state.template.roles.forEach(role => {
           const level = role.sequence - 1;
           rolesAtLevel[level] || (rolesAtLevel[level] = []);
           const id = `r-${level}-${rolesAtLevel[level].length}`;
@@ -74,7 +66,16 @@ const VerdocsSend = class {
       }
     }
     catch (e) {
-      console.log('[SEND] Error getting template', e);
+      console.log('[SEND] Error loading template', e);
+      (_b = this.sdkError) === null || _b === void 0 ? void 0 : _b.emit(new errors.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));
+    }
+    if ((_e = loadSessionResult.session) === null || _e === void 0 ? void 0 : _e.profile) {
+      this.sessionContacts.push({
+        id: loadSessionResult.session.profile.id,
+        name: `${loadSessionResult.session.profile.first_name} ${loadSessionResult.session.profile.last_name}`,
+        email: loadSessionResult.session.profile.email,
+        phone: loadSessionResult.session.profile.phone,
+      });
     }
   }
   getLevelIcon(level) {
@@ -90,7 +91,7 @@ const VerdocsSend = class {
   }
   handleSelectContact(e, role) {
     e.preventDefault();
-    this.recipientsAssigned[role.id] = { ...role, ...e.detail };
+    this.rolesCompleted[role.id] = { ...role, ...e.detail };
     this.showPickerForId = '';
   }
   handleClickRole(e, role) {
@@ -100,7 +101,7 @@ const VerdocsSend = class {
   handleSend(e) {
     var _a;
     e.stopPropagation();
-    (_a = this.send) === null || _a === void 0 ? void 0 : _a.emit({ recipientsAssigned: Object.values(this.recipientsAssigned) });
+    (_a = this.send) === null || _a === void 0 ? void 0 : _a.emit({ roles: Object.values(this.rolesCompleted), name: templateStore.state.template.name, template_id: this.templateId });
   }
   handleCancel(e) {
     var _a;
@@ -108,18 +109,14 @@ const VerdocsSend = class {
     (_a = this.cancel) === null || _a === void 0 ? void 0 : _a.emit();
   }
   render() {
-    var _a, _b, _c;
-    const roleNames = ((_b = (_a = this.template) === null || _a === void 0 ? void 0 : _a.roles) === null || _b === void 0 ? void 0 : _b.map(role => role.name)) || [];
-    const allRecipientsAssigned = Object.values(this.recipientsAssigned).filter(recipient => {
-      console.log('valid email', Validators.isValidEmail(recipient.email), recipient.email);
-      console.log('valid phone', Validators.isValidPhone(recipient.phone), recipient.phone);
-      return Validators.isValidEmail(recipient.email) || Validators.isValidPhone(recipient.phone);
-    }).length >= ((_c = this.template) === null || _c === void 0 ? void 0 : _c.roles.length);
-    console.log('assigned', allRecipientsAssigned);
-    return (index.h(index.Host, { class: {} }, index.h("div", { class: "recipients" }, index.h("div", { class: "left-line" }), index.h("div", { class: `level level-start` }, this.getLevelIcon(-1), index.h("div", { class: "complete" }, "Send Document")), this.levels.map(level => (index.h("div", { class: `level level-${level}` }, this.getLevelIcon(level), this.rolesAtLevel[level].map(role => {
+    const roleNames = templateStore.state.template.roles.map(role => role.name) || [];
+    const rolesAssigned = Object.values(this.rolesCompleted).filter(recipient => Validators.isValidEmail(recipient.email) || Validators.isValidPhone(recipient.phone));
+    const allRolesAssigned = rolesAssigned.length >= roleNames.length;
+    console.log('r', this.rolesCompleted, allRolesAssigned, rolesAssigned);
+    return (index.h(index.Host, { class: {} }, index.h("div", { class: "recipients" }, index.h("div", { class: "left-line" }), index.h("div", { class: `level level-start` }, this.getLevelIcon(-1), index.h("div", { class: "complete" }, "Send Envelope")), this.levels.map(level => (index.h("div", { class: `level level-${level}` }, this.getLevelIcon(level), this.rolesAtLevel[level].map(role => {
       var _a, _b, _c;
-      return (index.h("div", { class: "recipient", style: { backgroundColor: Colors.getRGBA(utils.getRoleIndex(roleNames, role.name)) }, onClick: e => this.handleClickRole(e, role) }, (_b = (_a = this.recipientsAssigned[role.id]) === null || _a === void 0 ? void 0 : _a.full_name) !== null && _b !== void 0 ? _b : role.name, index.h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (index.h("verdocs-contact-picker", { onCancel: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: (_c = this.recipientsAssigned[role.id]) !== null && _c !== void 0 ? _c : role, onSearchContacts: e => console.log('Search', e.detail) }))));
-    })))), index.h("div", { class: `level level-done` }, this.getLevelIcon(this.levels.length), index.h("div", { class: "complete" }, "Document Complete"))), index.h("div", { class: "buttons" }, index.h("verdocs-button", { label: "Cancel", size: "small", variant: "outline", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { label: "Send", size: "small", disabled: !allRecipientsAssigned, onClick: e => this.handleSend(e) }))));
+      return (index.h("div", { class: "recipient", style: { backgroundColor: Colors.getRGBA(utils.getRoleIndex(roleNames, role.name)) }, onClick: e => this.handleClickRole(e, role) }, (_b = (_a = this.rolesCompleted[role.id]) === null || _a === void 0 ? void 0 : _a.full_name) !== null && _b !== void 0 ? _b : role.name, index.h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (index.h("verdocs-contact-picker", { onCancel: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: (_c = this.rolesCompleted[role.id]) !== null && _c !== void 0 ? _c : role, onSearchContacts: e => console.log('Search', e.detail) }))));
+    })))), index.h("div", { class: `level level-done` }, this.getLevelIcon(this.levels.length), index.h("div", { class: "complete" }, "Signing Complete"))), index.h("div", { class: "buttons" }, index.h("verdocs-button", { label: "Cancel", size: "small", variant: "outline", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { label: "Send", size: "small", disabled: !allRolesAssigned, onClick: e => this.handleSend(e) }))));
   }
 };
 VerdocsSend.style = verdocsSendCss;

package/dist/cjs/verdocs-sign.cjs.entry.js

@@ -7,7 +7,7 @@ const Envelopes = require('./Envelopes-68058bbe.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-25056c73.js');
 const Validators = require('./Validators-16e6d7d1.js');
 const Primitives = require('./Primitives-be5088cb.js');
-const utils = require('./utils-712ba3ec.js');
+const utils = require('./utils-865fd657.js');
 const Envelopes$1 = require('./Envelopes-4cc18551.js');
 const errors = require('./errors-0396da3d.js');
 require('./Token-576f0e8a.js');

package/dist/cjs/verdocs-template-attachments.cjs.entry.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-25056c73.js');
-const templateStore = require('./templateStore-48acfb52.js');
-const Templates = require('./Templates-612a81f2.js');
+const templateStore = require('./templateStore-97e17e58.js');
+const Templates = require('./Templates-a46d2fe8.js');
 const errors = require('./errors-0396da3d.js');
 require('./Token-576f0e8a.js');
 require('./index-eb130f52.js');

package/dist/cjs/verdocs-template-create_2.cjs.entry.js

@@ -7,32 +7,16 @@ const Templates = require('./Templates-ed812768.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-25056c73.js');
 const errors = require('./errors-0396da3d.js');
 const interact_min = require('./interact.min-3e3c03a5.js');
-const utils = require('./utils-712ba3ec.js');
-const templateStore = require('./templateStore-48acfb52.js');
-const Templates$1 = require('./Templates-612a81f2.js');
+const Fields = require('./Fields-705a2168.js');
+const utils = require('./utils-865fd657.js');
+const templateStore = require('./templateStore-97e17e58.js');
+const Templates$1 = require('./Templates-a46d2fe8.js');
 require('./Token-576f0e8a.js');
 require('./Envelopes-68058bbe.js');
 require('./Files-4bdc0c0f.js');
 require('./index-eb130f52.js');
 require('./Primitives-be5088cb.js');
 
-/**
- * Add a field to a template.
- */
-var createField = function (endpoint, templateId, params) {
-    return endpoint.api //
-        .post("/templates/".concat(templateId, "/fields"), params)
-        .then(function (r) { return r.data; });
-};
-/**
- * Update a template field.
- */
-var editField = function (endpoint, templateId, fieldName, params) {
-    return endpoint.api //
-        .put("/templates/".concat(templateId, "/fields/").concat(fieldName), params)
-        .then(function (r) { return r.data; });
-};
-
 /**
  * A TemplateDocument represents a PDF or other attachment in a Template.
  *
@@ -202,6 +186,9 @@ const VerdocsTemplateFields = class {
   }
   attachFieldAttributes(pageInfo, field, roleIndex, el) {
     el.addEventListener('input', e => this.handleFieldChange(field, e));
+    el.addEventListener('settingsChanged', () => {
+      el.setAttribute('roleindex', utils.getRoleIndex(templateStore.state.roleNames, field.role_name));
+    });
     el.setAttribute('roleindex', roleIndex);
     el.setAttribute('pageNumber', pageInfo.pageNumber);
     el.setAttribute('xScale', pageInfo.xScale);
@@ -213,7 +200,6 @@ const VerdocsTemplateFields = class {
     console.log('[FIELDS] Page rendered', pageInfo);
     this.cachedPageInfo[pageInfo.pageNumber] = pageInfo;
     this.pageHeights[pageInfo.pageNumber] = pageInfo.naturalHeight;
-    console.log('tsf', pageInfo.pageNumber, templateStore.state.fields);
     const fields = templateStore.state.fields.filter(field => field.page_sequence === pageInfo.pageNumber);
     // const fields = this.fields.filter(field => field.page_sequence === pageInfo.renderedPage.pageNumber);
     console.log('[FIELDS] Fields on page', fields);
@@ -267,8 +253,7 @@ const VerdocsTemplateFields = class {
     if (field) {
       field.setting.x = x;
       field.setting.y = y;
-      const edited = await editField(this.endpoint, this.templateId, name, field);
-      console.log('edited field', edited);
+      await Fields.updateField(this.endpoint, this.templateId, name, field);
       this.handlePageRendered({ detail: this.cachedPageInfo[pageNumber] });
     }
   }
@@ -290,8 +275,8 @@ const VerdocsTemplateFields = class {
       const pageNumber = page.sequence;
       const clickedX = e.offsetX;
       const clickedY = e.offsetY;
-      const width = utils.defaultWidth({ type: this.placing });
-      const height = utils.defaultHeight({ type: this.placing });
+      const width = utils.defaultWidth(this.placing);
+      const height = utils.defaultHeight(this.placing);
       const { naturalWidth = 612, naturalHeight = 792 } = this.cachedPageInfo[pageNumber];
       const { x, y } = this.viewCoordinatesToPageCoordinates(clickedX, clickedY, pageNumber, naturalWidth - width, naturalHeight - height);
       const field = {
@@ -310,7 +295,7 @@ const VerdocsTemplateFields = class {
           result: '',
         },
       };
-      const saved = await createField(this.endpoint, this.templateId, field);
+      const saved = await Fields.createField(this.endpoint, this.templateId, field);
       console.log('Saved field', saved);
       templateStore.state.fields.push(saved);
       this.placing = null;
@@ -318,6 +303,7 @@ const VerdocsTemplateFields = class {
     }
   }
   render() {
+    console.log('rendering', templateStore.state.updateCount);
     if (!this.endpoint.session) {
       return (index.h(index.Host, null, index.h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
     }
@@ -327,7 +313,9 @@ const VerdocsTemplateFields = class {
     }
     const pages = [...templateStore.state.template.pages];
     pages.sort((a, b) => a.sequence - b.sequence);
-    return (index.h(index.Host, { class: this.placing ? { [`placing-${this.placing}`]: true } : {} }, index.h("div", { class: "pages" }, pages.map(page => {
+    return (index.h(index.Host, { class: this.placing ? { [`placing-${this.placing}`]: true } : {}, "data-updated": templateStore.state.updateCount, onSubmit: () => {
+        console.log('onSubmit');
+      } }, index.h("div", { class: "pages" }, pages.map(page => {
       // console.log('rendering page', page);
       return (index.h("verdocs-document-page", { pageImageUri: page.display_uri, virtualWidth: 612, virtualHeight: 792, onClick: (e) => this.handleClickPage(e, page), pageNumber: page.sequence, onPageRendered: e => this.handlePageRendered(e), layers: [
           { name: 'page', type: 'canvas' },

package/dist/cjs/verdocs-template-name.cjs.entry.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1329d89c.js');
 const Templates$1 = require('./Templates-ed812768.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-25056c73.js');
-const templateStore = require('./templateStore-48acfb52.js');
-const Templates = require('./Templates-612a81f2.js');
+const templateStore = require('./templateStore-97e17e58.js');
+const Templates = require('./Templates-a46d2fe8.js');
 const errors = require('./errors-0396da3d.js');
 require('./Token-576f0e8a.js');
 require('./index-eb130f52.js');

package/dist/cjs/verdocs-template-properties.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-1329d89c.js');
 const Templates = require('./Templates-ed812768.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-25056c73.js');
 const errors = require('./errors-0396da3d.js');
-const templateStore = require('./templateStore-48acfb52.js');
+const templateStore = require('./templateStore-97e17e58.js');
 require('./Token-576f0e8a.js');
 require('./index-eb130f52.js');
 require('./Primitives-be5088cb.js');

package/dist/cjs/verdocs-template-recipients.cjs.entry.js

@@ -7,9 +7,9 @@ const interact_min = require('./interact.min-3e3c03a5.js');
 const Roles = require('./Roles-927719de.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-25056c73.js');
 const Colors = require('./Colors-e809dcc9.js');
-const templateStore = require('./templateStore-48acfb52.js');
-const Templates = require('./Templates-612a81f2.js');
-const utils = require('./utils-712ba3ec.js');
+const templateStore = require('./templateStore-97e17e58.js');
+const Templates = require('./Templates-a46d2fe8.js');
+const utils = require('./utils-865fd657.js');
 const errors = require('./errors-0396da3d.js');
 require('./Token-576f0e8a.js');
 require('./index-eb130f52.js');

package/dist/cjs/verdocs-template-reminders.cjs.entry.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-25056c73.js');
-const templateStore = require('./templateStore-48acfb52.js');
-const Templates = require('./Templates-612a81f2.js');
+const templateStore = require('./templateStore-97e17e58.js');
+const Templates = require('./Templates-a46d2fe8.js');
 const errors = require('./errors-0396da3d.js');
 require('./Token-576f0e8a.js');
 require('./index-eb130f52.js');

package/dist/cjs/verdocs-template-role-properties_2.cjs.entry.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1329d89c.js');
 const Roles = require('./Roles-927719de.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-25056c73.js');
-const templateStore = require('./templateStore-48acfb52.js');
-const Templates = require('./Templates-612a81f2.js');
+const templateStore = require('./templateStore-97e17e58.js');
+const Templates = require('./Templates-a46d2fe8.js');
 const errors = require('./errors-0396da3d.js');
 const Templates$1 = require('./Templates-ed812768.js');
 require('./Token-576f0e8a.js');

package/dist/cjs/verdocs-template-visibility.cjs.entry.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1329d89c.js');
 const Templates$1 = require('./Templates-ed812768.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-25056c73.js');
-const templateStore = require('./templateStore-48acfb52.js');
-const Templates = require('./Templates-612a81f2.js');
+const templateStore = require('./templateStore-97e17e58.js');
+const Templates = require('./Templates-a46d2fe8.js');
 const errors = require('./errors-0396da3d.js');
 require('./Token-576f0e8a.js');
 require('./index-eb130f52.js');
@@ -67,10 +67,10 @@ const VerdocsTemplateVisibility = class {
     if (!this.endpoint.session || !templateStore.state.template) {
       return index.h(index.Host, { class: "empty" });
     }
-    return (index.h(index.Host, null, index.h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("h5", null, "Visibility"), index.h("div", { class: "input-row" }, index.h("label", { htmlFor: "verdocs-is-personal" }, "Personal"), index.h("verdocs-checkbox", { id: "verdocs-is-personal", name: "is-personal", checked: this.personal, value: "on", onInput: (e) => {
-        this.personal = e.target.checked;
+    return (index.h(index.Host, null, index.h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("h5", null, "Visibility"), index.h("div", { class: "input-row" }, index.h("label", { htmlFor: "verdocs-is-shared" }, "Shared"), index.h("verdocs-checkbox", { id: "verdocs-is-shared", name: "is-shared", checked: !this.personal, value: "on", onInput: (e) => {
+        this.personal = !e.target.checked;
         this.dirty = true;
-      } })), index.h("div", { class: "description" }, "Personal templates are hidden from other members of your Organization (if any)."), index.h("div", { class: "input-row" }, index.h("label", { htmlFor: "verdocs-is-public" }, "Public"), index.h("verdocs-checkbox", { id: "verdocs-is-public", name: "is-public", checked: this.public, value: "on", onInput: (e) => {
+      } })), index.h("div", { class: "description" }, "Shared templates are visible to other members of your Organization (if any)."), index.h("div", { class: "input-row" }, index.h("label", { htmlFor: "verdocs-is-public" }, "Public"), index.h("verdocs-checkbox", { id: "verdocs-is-public", name: "is-public", checked: this.public, value: "on", onInput: (e) => {
         this.public = e.target.checked;
         this.dirty = true;
       } })), index.h("div", { class: "description" }, "Public templates may appear in results when any other user searches for templates. Note that a template may be both Personal and Public, which may be useful if you want your template to be found via search but not otherwise displayed to other members of your Organization (if any)."), index.h("div", { class: "buttons" }, index.h("verdocs-button", { size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))));

package/dist/cjs/verdocs-view.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-1329d89c.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-25056c73.js');
 const Envelopes = require('./Envelopes-4cc18551.js');
 const errors = require('./errors-0396da3d.js');
-const utils = require('./utils-712ba3ec.js');
+const utils = require('./utils-865fd657.js');
 require('./Token-576f0e8a.js');
 require('./Envelopes-68058bbe.js');
 require('./index-eb130f52.js');

package/dist/cjs/verdocs-web-sdk.cjs.js

@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["verdocs-build.cjs",[[0,"verdocs-build",{"endpoint":[16],"templateId":[1,"template-id"],"step":[32],"pdfUrl":[32],"template":[32]}]]],["verdocs-template-recipients.cjs",[[0,"verdocs-template-recipients",{"endpoint":[16],"templateId":[1,"template-id"],"showingRoleDialog":[32],"showingSenderDialog":[32],"sender":[32],"forceRerender":[32]}]]],["verdocs-sign.cjs",[[0,"verdocs-sign",{"envelopeId":[1,"envelope-id"],"roleId":[1,"role-id"],"inviteCode":[1,"invite-code"],"recipient":[32],"signerToken":[32],"hasSignature":[32],"nextButtonLabel":[32],"nextSubmits":[32],"errorMessage":[32],"focusedField":[32],"isDone":[32],"showDone":[32],"finishLater":[32],"showFinishLater":[32],"agreed":[32],"documentsSingularPlural":[32]}]]],["verdocs-field-initial.cjs",[[0,"verdocs-field-initial",{"field":[16],"disabled":[4],"initials":[1],"editable":[4],"moveable":[4],"done":[4],"roleindex":[2],"tempInitials":[32],"focusField":[64]}]]],["verdocs-field-signature.cjs",[[0,"verdocs-field-signature",{"field":[16],"name":[1],"disabled":[4],"editable":[4],"moveable":[4],"done":[4],"roleindex":[2],"tempSignature":[32],"focusField":[64]}]]],["verdocs-template-properties.cjs",[[0,"verdocs-template-properties",{"endpoint":[16],"templateId":[1,"template-id"],"template":[32],"name":[32],"visibility":[32],"sendReminders":[32],"firstReminderDays":[32],"reminderDays":[32]}]]],["verdocs-template-reminders.cjs",[[0,"verdocs-template-reminders",{"endpoint":[16],"templateId":[1,"template-id"],"showPlanBlocker":[32],"sendReminders":[32],"firstReminderDays":[32],"reminderDays":[32],"dirty":[32],"loading":[32]}]]],["verdocs-auth.cjs",[[0,"verdocs-auth",{"endpoint":[16],"visible":[4],"logo":[1],"isAuthenticated":[32],"displayMode":[32],"username":[32],"password":[32],"loggingIn":[32],"activeSession":[32],"loginError":[32]}]]],["verdocs-field-date.cjs",[[0,"verdocs-field-date",{"field":[16],"disabled":[4],"editable":[4],"moveable":[4],"done":[4],"roleindex":[2],"containerId":[32],"focusField":[64]}]]],["verdocs-field-textarea.cjs",[[0,"verdocs-field-textarea",{"field":[16],"disabled":[4],"editable":[4],"moveable":[4],"done":[4],"roleindex":[2],"focusField":[64]}]]],["verdocs-field-textbox.cjs",[[0,"verdocs-field-textbox",{"field":[16],"disabled":[4],"editable":[4],"moveable":[4],"done":[4],"roleindex":[2],"focusField":[64]}]]],["verdocs-field-timestamp.cjs",[[0,"verdocs-field-timestamp",{"field":[16],"disabled":[4],"editable":[4],"moveable":[4],"done":[4],"roleindex":[2],"focusField":[64]}]]],["verdocs-template-name.cjs",[[0,"verdocs-template-name",{"endpoint":[16],"templateId":[1,"template-id"],"name":[32],"dirty":[32],"loading":[32]}]]],["verdocs-search.cjs",[[0,"verdocs-search",{"endpoint":[16]}]]],["verdocs-send.cjs",[[0,"verdocs-send",{"endpoint":[16],"templateId":[1,"template-id"],"template":[32],"pdfUrl":[32],"containerId":[32],"rolesAtLevel":[32],"showPickerForId":[32],"sessionContacts":[32],"recipientsAssigned":[32]}]]],["verdocs-template-visibility.cjs",[[0,"verdocs-template-visibility",{"endpoint":[16],"templateId":[1,"template-id"],"dirty":[32],"loading":[32],"personal":[32],"public":[32]}]]],["verdocs-field-attachment.cjs",[[0,"verdocs-field-attachment",{"field":[16],"disabled":[4],"roleIndex":[2,"role-index"],"focusField":[64]}]]],["verdocs-preview.cjs",[[0,"verdocs-preview",{"endpoint":[16],"templateId":[1,"template-id"]}]]],["verdocs-envelope-sidebar.cjs",[[0,"verdocs-envelope-sidebar",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"activeTab":[32],"panelOpen":[32]}]]],["verdocs-kba-dialog.cjs",[[0,"verdocs-kba-dialog",{"step":[2],"steps":[2],"helptitle":[1],"helptext":[1],"mode":[1],"label":[1],"placeholder":[1],"choices":[16],"response":[32]}]]],["verdocs-template-attachments.cjs",[[0,"verdocs-template-attachments",{"endpoint":[16],"templateId":[1,"template-id"],"loading":[32]}]]],["verdocs-field-checkbox.cjs",[[0,"verdocs-field-checkbox",{"field":[16],"option":[2],"disabled":[4],"done":[4],"roleindex":[2]}]]],["verdocs-field-dropdown.cjs",[[0,"verdocs-field-dropdown",{"field":[16],"disabled":[4],"roleindex":[2],"focusField":[64]}]]],["verdocs-field-payment.cjs",[[0,"verdocs-field-payment",{"field":[16],"disabled":[4],"fields":[16],"pageNum":[2,"page-num"],"roleName":[1,"role-name"],"fieldId":[1,"field-id"],"recipients":[8],"selectedRoleName":[1,"selected-role-name"],"pdfPages":[16],"currentSignature":[1,"current-signature"],"currentSignatureId":[1,"current-signature-id"],"currentInitial":[1,"current-initial"],"currentInitialId":[1,"current-initial-id"],"focused":[4],"signed":[4],"roleindex":[2],"preparedMessage":[32],"signatureUrl":[32]}]]],["verdocs-field-radio-button.cjs",[[0,"verdocs-field-radio-button",{"field":[16],"option":[2],"disabled":[4],"done":[4],"roleindex":[2]}]]],["verdocs-organization-card.cjs",[[0,"verdocs-organization-card",{"organization":[16]}]]],["verdocs-search-tabs.cjs",[[0,"verdocs-search-tabs",{"selected":[32]}]]],["verdocs-status-indicator.cjs",[[0,"verdocs-status-indicator",{"size":[1],"theme":[1],"status":[1],"envelope":[16],"isOpen":[32],"recipientStatusIcons":[32],"containerId":[32]}]]],["verdocs-template-card.cjs",[[0,"verdocs-template-card",{"template":[16]}]]],["verdocs-template-tags.cjs",[[0,"verdocs-template-tags",{"tags":[16]}]]],["verdocs-toggle.cjs",[[0,"verdocs-toggle",{"options":[16],"theme":[1],"selectedOption":[32]}]]],["verdocs-button.cjs",[[0,"verdocs-button",{"label":[1],"startIcon":[1,"start-icon"],"endIcon":[1,"end-icon"],"size":[1],"type":[1],"variant":[1],"disabled":[4]}]]],["verdocs-initial-dialog.cjs",[[0,"verdocs-initial-dialog",{"initials":[1],"fontLoaded":[32],"enteredInitials":[32],"mode":[32]}]]],["verdocs-signature-dialog.cjs",[[0,"verdocs-signature-dialog",{"name":[1],"fontLoaded":[32],"enteredName":[32],"mode":[32]}]]],["verdocs-document-page_2.cjs",[[0,"verdocs-document-page",{"pageImageUri":[1,"page-image-uri"],"pageNumber":[2,"page-number"],"virtualWidth":[2,"virtual-width"],"virtualHeight":[1026,"virtual-height"],"layers":[16],"containerId":[32],"renderedWidth":[32],"renderedHeight":[32],"naturalWidth":[32],"naturalHeight":[32],"aspectRatio":[32],"skipFirstNotification":[32]}],[0,"verdocs-loader"]]],["verdocs-view.cjs",[[0,"verdocs-view",{"endpoint":[16],"envelopeId":[1,"envelope-id"]}]]],["verdocs-contact-picker.cjs",[[0,"verdocs-contact-picker",{"endpoint":[16],"templateRole":[16],"contactSuggestions":[16],"name":[32],"email":[32],"phone":[32],"message":[32],"showSuggestions":[32],"showMessage":[32],"delegator":[32]}]]],["verdocs-upload-dialog.cjs",[[0,"verdocs-upload-dialog",{"draggingOver":[32],"decodedFiles":[32]}]]],["verdocs-template-role-properties_2.cjs",[[0,"verdocs-template-role-properties",{"endpoint":[16],"templateId":[1,"template-id"],"roleName":[1,"role-name"],"sender":[1],"dirty":[32],"saving":[32],"name":[32],"type":[32],"fullName":[32],"email":[32],"phone":[32],"allowDelegation":[32]}],[0,"verdocs-template-sender",{"endpoint":[16],"templateId":[1,"template-id"],"sender":[1],"saving":[32]}]]],["verdocs-ok-dialog.cjs",[[0,"verdocs-ok-dialog",{"heading":[1],"message":[1],"showCancel":[4,"show-cancel"]}]]],["verdocs-radio-button.cjs",[[0,"verdocs-radio-button",{"checked":[4],"name":[1],"value":[1],"disabled":[4]}]]],["verdocs-floating-menu_2.cjs",[[0,"verdocs-floating-menu",{"options":[16]}],[0,"verdocs-toolbar-icon",{"text":[1],"icon":[1],"placement":[1],"containerId":[32]}]]],["verdocs-component-error.cjs",[[0,"verdocs-component-error",{"message":[1]}]]],["verdocs-template-create_2.cjs",[[0,"verdocs-template-fields",{"endpoint":[16],"templateId":[1,"template-id"],"placing":[32],"selectedRoleName":[32]}],[0,"verdocs-template-create",{"endpoint":[16],"file":[32]}]]],["verdocs-toggle-button.cjs",[[0,"verdocs-toggle-button",{"active":[4],"icon":[1],"label":[1],"size":[1],"_active":[32]}]]],["verdocs-quick-functions_3.cjs",[[0,"verdocs-quick-functions",{"endpoint":[16]}],[0,"verdocs-search-activity",{"endpoint":[16],"type":[1],"options":[8],"emptyMessage":[32],"authFailure":[32],"title":[32],"recent":[32],"saved":[32],"starred":[32]}],[0,"verdocs-search-box",{"endpoint":[16],"placeholder":[1],"type":[1],"query":[1],"grabsFocus":[4,"grabs-focus"],"focusField":[64]}]]],["verdocs-dropdown.cjs",[[0,"verdocs-dropdown",{"options":[16],"open":[32]}]]],["verdocs-checkbox.cjs",[[0,"verdocs-checkbox",{"checked":[4],"name":[1],"label":[1],"value":[1],"theme":[1],"disabled":[4]}]]],["verdocs-button-panel_2.cjs",[[4,"verdocs-button-panel",{"icon":[1]}],[0,"verdocs-select-input",{"value":[1],"label":[1],"options":[16],"disabled":[4]}]]],["verdocs-help-icon_2.cjs",[[0,"verdocs-text-input",{"value":[1],"label":[1],"placeholder":[1],"autocomplete":[1],"helpText":[1,"help-text"],"type":[1],"disabled":[4]}],[0,"verdocs-help-icon",{"text":[1],"containerId":[32]}]]]], options);
+  return index.bootstrapLazy([["verdocs-field-initial.cjs",[[0,"verdocs-field-initial",{"field":[16],"disabled":[4],"initials":[1],"editable":[4],"moveable":[4],"done":[4],"roleindex":[2],"tempInitials":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-field-signature.cjs",[[0,"verdocs-field-signature",{"field":[16],"name":[1],"disabled":[4],"editable":[4],"moveable":[4],"done":[4],"roleindex":[2],"tempSignature":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-build.cjs",[[0,"verdocs-build",{"endpoint":[16],"templateId":[1,"template-id"],"step":[32],"pdfUrl":[32],"template":[32]}]]],["verdocs-field-checkbox.cjs",[[0,"verdocs-field-checkbox",{"field":[16],"option":[2],"disabled":[4],"done":[4],"roleindex":[2],"editable":[4],"moveable":[4],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-field-date.cjs",[[0,"verdocs-field-date",{"field":[16],"disabled":[4],"editable":[4],"moveable":[4],"done":[4],"roleindex":[2],"containerId":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-field-radio-button.cjs",[[0,"verdocs-field-radio-button",{"field":[16],"option":[2],"disabled":[4],"done":[4],"roleindex":[2],"editable":[4],"moveable":[4],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-field-textarea.cjs",[[0,"verdocs-field-textarea",{"field":[16],"disabled":[4],"editable":[4],"moveable":[4],"done":[4],"roleindex":[2],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-field-textbox.cjs",[[0,"verdocs-field-textbox",{"field":[16],"disabled":[4],"editable":[4],"moveable":[4],"done":[4],"roleindex":[2],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-field-timestamp.cjs",[[0,"verdocs-field-timestamp",{"field":[16],"disabled":[4],"editable":[4],"moveable":[4],"done":[4],"roleindex":[2],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-template-recipients.cjs",[[0,"verdocs-template-recipients",{"endpoint":[16],"templateId":[1,"template-id"],"showingRoleDialog":[32],"showingSenderDialog":[32],"sender":[32],"forceRerender":[32]}]]],["verdocs-sign.cjs",[[0,"verdocs-sign",{"envelopeId":[1,"envelope-id"],"roleId":[1,"role-id"],"inviteCode":[1,"invite-code"],"recipient":[32],"signerToken":[32],"hasSignature":[32],"nextButtonLabel":[32],"nextSubmits":[32],"errorMessage":[32],"focusedField":[32],"isDone":[32],"showDone":[32],"finishLater":[32],"showFinishLater":[32],"agreed":[32],"documentsSingularPlural":[32]}]]],["verdocs-template-properties.cjs",[[0,"verdocs-template-properties",{"endpoint":[16],"templateId":[1,"template-id"],"template":[32],"name":[32],"visibility":[32],"sendReminders":[32],"firstReminderDays":[32],"reminderDays":[32]}]]],["verdocs-template-reminders.cjs",[[0,"verdocs-template-reminders",{"endpoint":[16],"templateId":[1,"template-id"],"showPlanBlocker":[32],"sendReminders":[32],"firstReminderDays":[32],"reminderDays":[32],"dirty":[32],"loading":[32]}]]],["verdocs-auth.cjs",[[0,"verdocs-auth",{"endpoint":[16],"visible":[4],"logo":[1],"isAuthenticated":[32],"displayMode":[32],"username":[32],"password":[32],"loggingIn":[32],"activeSession":[32],"loginError":[32]}]]],["verdocs-template-name.cjs",[[0,"verdocs-template-name",{"endpoint":[16],"templateId":[1,"template-id"],"name":[32],"dirty":[32],"loading":[32]}]]],["verdocs-search.cjs",[[0,"verdocs-search",{"endpoint":[16]}]]],["verdocs-send.cjs",[[0,"verdocs-send",{"endpoint":[16],"templateId":[1,"template-id"],"containerId":[32],"rolesAtLevel":[32],"showPickerForId":[32],"sessionContacts":[32],"rolesCompleted":[32],"reset":[64]}]]],["verdocs-template-visibility.cjs",[[0,"verdocs-template-visibility",{"endpoint":[16],"templateId":[1,"template-id"],"dirty":[32],"loading":[32],"personal":[32],"public":[32]}]]],["verdocs-upload-dialog.cjs",[[0,"verdocs-upload-dialog",{"draggingOver":[32],"decodedFiles":[32]}]]],["verdocs-field-attachment.cjs",[[0,"verdocs-field-attachment",{"field":[16],"disabled":[4],"roleIndex":[2,"role-index"],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-preview.cjs",[[0,"verdocs-preview",{"endpoint":[16],"templateId":[1,"template-id"]}]]],["verdocs-envelope-sidebar.cjs",[[0,"verdocs-envelope-sidebar",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"activeTab":[32],"panelOpen":[32]}]]],["verdocs-kba-dialog.cjs",[[0,"verdocs-kba-dialog",{"step":[2],"steps":[2],"helptitle":[1],"helptext":[1],"mode":[1],"label":[1],"placeholder":[1],"choices":[16],"response":[32]}]]],["verdocs-template-attachments.cjs",[[0,"verdocs-template-attachments",{"endpoint":[16],"templateId":[1,"template-id"],"loading":[32]}]]],["verdocs-field-dropdown.cjs",[[0,"verdocs-field-dropdown",{"field":[16],"disabled":[4],"roleindex":[2],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-field-payment.cjs",[[0,"verdocs-field-payment",{"field":[16],"disabled":[4],"fields":[16],"pageNum":[2,"page-num"],"roleName":[1,"role-name"],"fieldId":[1,"field-id"],"recipients":[8],"selectedRoleName":[1,"selected-role-name"],"pdfPages":[16],"currentSignature":[1,"current-signature"],"currentSignatureId":[1,"current-signature-id"],"currentInitial":[1,"current-initial"],"currentInitialId":[1,"current-initial-id"],"focused":[4],"signed":[4],"roleindex":[2],"preparedMessage":[32],"signatureUrl":[32],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-organization-card.cjs",[[0,"verdocs-organization-card",{"organization":[16]}]]],["verdocs-search-tabs.cjs",[[0,"verdocs-search-tabs",{"selected":[32]}]]],["verdocs-status-indicator.cjs",[[0,"verdocs-status-indicator",{"size":[1],"theme":[1],"status":[1],"envelope":[16],"isOpen":[32],"recipientStatusIcons":[32],"containerId":[32]}]]],["verdocs-template-card.cjs",[[0,"verdocs-template-card",{"template":[16]}]]],["verdocs-template-tags.cjs",[[0,"verdocs-template-tags",{"tags":[16]}]]],["verdocs-toggle.cjs",[[0,"verdocs-toggle",{"options":[16],"theme":[1],"selectedOption":[32]}]]],["verdocs-initial-dialog.cjs",[[0,"verdocs-initial-dialog",{"initials":[1],"fontLoaded":[32],"enteredInitials":[32],"mode":[32]}]]],["verdocs-signature-dialog.cjs",[[0,"verdocs-signature-dialog",{"name":[1],"fontLoaded":[32],"enteredName":[32],"mode":[32]}]]],["verdocs-view.cjs",[[0,"verdocs-view",{"endpoint":[16],"envelopeId":[1,"envelope-id"]}]]],["verdocs-toggle-button.cjs",[[0,"verdocs-toggle-button",{"active":[4],"icon":[1],"label":[1],"size":[1],"_active":[32]}]]],["verdocs-contact-picker.cjs",[[0,"verdocs-contact-picker",{"endpoint":[16],"templateRole":[16],"contactSuggestions":[16],"name":[32],"email":[32],"phone":[32],"message":[32],"showSuggestions":[32],"showMessage":[32],"delegator":[32]}]]],["verdocs-radio-button.cjs",[[0,"verdocs-radio-button",{"checked":[4],"name":[1],"value":[1],"disabled":[4]}]]],["verdocs-button.cjs",[[0,"verdocs-button",{"label":[1],"startIcon":[1,"start-icon"],"endIcon":[1,"end-icon"],"size":[1],"type":[1],"variant":[1],"disabled":[4]}]]],["verdocs-template-role-properties_2.cjs",[[0,"verdocs-template-role-properties",{"endpoint":[16],"templateId":[1,"template-id"],"roleName":[1,"role-name"],"sender":[1],"dirty":[32],"saving":[32],"name":[32],"type":[32],"fullName":[32],"email":[32],"phone":[32],"allowDelegation":[32]}],[0,"verdocs-template-sender",{"endpoint":[16],"templateId":[1,"template-id"],"sender":[1],"saving":[32]}]]],["verdocs-floating-menu_2.cjs",[[0,"verdocs-floating-menu",{"options":[16]}],[0,"verdocs-toolbar-icon",{"text":[1],"icon":[1],"placement":[1],"containerId":[32]}]]],["verdocs-template-create_2.cjs",[[0,"verdocs-template-fields",{"endpoint":[16],"templateId":[1,"template-id"],"placing":[32],"selectedRoleName":[32]}],[0,"verdocs-template-create",{"endpoint":[16],"file":[32]}]]],["verdocs-ok-dialog.cjs",[[0,"verdocs-ok-dialog",{"heading":[1],"message":[1],"showCancel":[4,"show-cancel"]}]]],["verdocs-quick-functions_3.cjs",[[0,"verdocs-quick-functions",{"endpoint":[16]}],[0,"verdocs-search-activity",{"endpoint":[16],"type":[1],"options":[8],"emptyMessage":[32],"authFailure":[32],"title":[32],"recent":[32],"saved":[32],"starred":[32]}],[0,"verdocs-search-box",{"endpoint":[16],"placeholder":[1],"type":[1],"query":[1],"grabsFocus":[4,"grabs-focus"],"focusField":[64]}]]],["verdocs-dropdown.cjs",[[0,"verdocs-dropdown",{"options":[16],"open":[32]}]]],["verdocs-document-page_2.cjs",[[0,"verdocs-document-page",{"pageImageUri":[1,"page-image-uri"],"pageNumber":[2,"page-number"],"virtualWidth":[2,"virtual-width"],"virtualHeight":[1026,"virtual-height"],"layers":[16],"containerId":[32],"renderedWidth":[32],"renderedHeight":[32],"naturalWidth":[32],"naturalHeight":[32],"aspectRatio":[32],"skipFirstNotification":[32]}],[0,"verdocs-loader"]]],["verdocs-checkbox_4.cjs",[[0,"verdocs-checkbox",{"checked":[4],"name":[1],"label":[1],"value":[1],"theme":[1],"disabled":[4]}],[0,"verdocs-component-error",{"message":[1]}],[0,"verdocs-text-input",{"value":[1],"label":[1],"placeholder":[1],"autocomplete":[1],"helpText":[1,"help-text"],"type":[1],"disabled":[4]}],[0,"verdocs-help-icon",{"text":[1],"containerId":[32]}]]],["verdocs-button-panel_3.cjs",[[0,"verdocs-template-field-properties",{"endpoint":[16],"templateId":[1,"template-id"],"fieldName":[1,"field-name"],"dirty":[32],"loading":[32],"type":[32],"name":[32],"roleName":[32],"required":[32],"placeholder":[32],"defaultValue":[32]}],[4,"verdocs-button-panel",{"icon":[1],"showPanel":[64],"hidePanel":[64],"toggle":[64]}],[0,"verdocs-select-input",{"value":[1],"label":[1],"options":[16],"disabled":[4]}]]]], options);
 });

package/dist/collection/collection-manifest.json

@@ -50,6 +50,7 @@
     "./components/fields/verdocs-field-timestamp/verdocs-field-timestamp.js",
     "./components/templates/verdocs-template-attachments/verdocs-template-attachments.js",
     "./components/templates/verdocs-template-create/verdocs-template-create.js",
+    "./components/templates/verdocs-template-field-properties/verdocs-template-field-properties.js",
     "./components/templates/verdocs-template-fields/verdocs-template-fields.js",
     "./components/templates/verdocs-template-name/verdocs-template-name.js",
     "./components/templates/verdocs-template-properties/verdocs-template-properties.js",

package/dist/collection/components/controls/verdocs-button/verdocs-button.css

@@ -18,9 +18,6 @@ verdocs-button button .icon svg {
 verdocs-button button .label {
   padding: 0 12px;
 }
-verdocs-button button:disabled {
-  cursor: none;
-}
 verdocs-button button.small {
   height: 34px;
   font-size: 13px;
@@ -110,7 +107,6 @@ verdocs-button button.text {
 }
 verdocs-button button.text:disabled {
   color: #999999;
-  cursor: none;
 }
 verdocs-button button.text:active:not([disabled]) {
   filter: brightness(130%);
@@ -128,7 +124,6 @@ verdocs-button button.outline {
 }
 verdocs-button button.outline:disabled {
   color: #999999;
-  cursor: none;
   border: 1px solid #999999;
 }
 verdocs-button button.outline:active {

package/dist/collection/components/controls/verdocs-button-panel/verdocs-button-panel.css

@@ -5,12 +5,13 @@ verdocs-button-panel {
 verdocs-button-panel .icon {
   display: inline-block;
   cursor: pointer;
+  opacity: 0.6;
 }
 verdocs-button-panel .icon svg {
-  fill: #cccccc;
+  fill: #707ae5;
 }
-verdocs-button-panel .icon:hover svg {
-  fill: #ffffff;
+verdocs-button-panel .icon:hover {
+  opacity: 1;
 }
 
 .verdocs-button-panel-content {
@@ -19,7 +20,7 @@ verdocs-button-panel .icon:hover svg {
   display: none;
   background: #ffffff;
   color: #33364b;
-  width: 280px;
+  width: 320px;
   font-weight: bold;
   padding: 15px;
   font-size: 14px;
@@ -63,24 +64,4 @@ verdocs-button-panel .icon:hover svg {
   font-size: 16px;
   font-weight: bold;
   margin: 0 0 8px 0;
-}
-.verdocs-button-panel-content form {
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-}
-.verdocs-button-panel-content label {
-  display: block;
-  font-size: 14px;
-  font-weight: bold;
-  margin: 0 0 3px 0;
-  color: #33364b;
-}
-.verdocs-button-panel-content input {
-  flex: 1;
-  height: 34px;
-  display: flex;
-  font-size: 14px;
-  margin: 0 0 10px 0;
 }