@verdocs/web-sdk 2.3.62 → 2.3.64

package/dist/cjs/verdocs-field-textbox.cjs.entry.js

@@ -1,143 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5463795e.js');
-const interact_min = require('./interact.min-49218928.js');
-require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
-const Fields = require('./Fields-705a2168.js');
-const Colors = require('./Colors-e809dcc9.js');
-const TemplateRoleStore = require('./TemplateRoleStore-94afc2b0.js');
-const TemplateFieldStore = require('./TemplateFieldStore-43a0b60d.js');
-const utils = require('./utils-31385d19.js');
-const Icons = require('./Icons-3286d014.js');
-require('./_commonjsHelpers-0c557e26.js');
-require('./index-f712049c.js');
-require('./Envelopes-0b9deb2c.js');
-require('./Files-4bdc0c0f.js');
-require('./Types-fb95ed6b.js');
-require('./index-7c19ba1d.js');
-
-const verdocsFieldTextboxCss = "verdocs-field-textbox{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;width:150px;height:15px;display:block;font-size:11px;letter-spacing:-0.2px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-textbox.disabled{opacity:0.5}verdocs-field-textbox input{cursor:inherit;width:100%;height:100%;border:none;outline:none;padding:0 3px;font-size:11px;background:none;font-weight:500;position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87)}verdocs-field-textbox input.hide{display:none}verdocs-field-textbox.required{border:1px solid #cc0000}verdocs-field-textbox.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-textbox verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-textbox verdocs-button-panel[data-active],verdocs-field-textbox verdocs-button-panel:hover{opacity:1}verdocs-field-textbox verdocs-button-panel .icon svg{fill:#333333}verdocs-field-textbox verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-textbox [data-lastpass-icon-root]{display:none !important}verdocs-field-textbox .settings-icon{position:absolute;top:-4px;left:-20px;display:inline-block;cursor:pointer;opacity:0.6}verdocs-field-textbox .settings-icon svg{fill:#707ae5}verdocs-field-textbox .settings-icon:hover{opacity:1}";
-
-const VerdocsFieldTextbox = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.settingsChanged = index.createEvent(this, "settingsChanged", 7);
-    this.deleted = index.createEvent(this, "deleted", 7);
-    this.fieldStore = null;
-    this.roleStore = null;
-    this.endpoint = VerdocsEndpoint.VerdocsEndpoint.getDefault();
-    this.templateid = '';
-    this.fieldname = '';
-    this.disabled = false;
-    this.editable = false;
-    this.moveable = false;
-    this.done = false;
-    this.xscale = 1;
-    this.yscale = 1;
-    this.showingProperties = false;
-  }
-  async focusField() {
-    this.inputEl.focus();
-  }
-  async showSettingsPanel() {
-    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
-    if (settingsPanel && settingsPanel.showPanel) {
-      settingsPanel.showPanel();
-    }
-  }
-  async hideSettingsPanel() {
-    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
-    if (settingsPanel && settingsPanel.hidePanel) {
-      settingsPanel.hidePanel();
-    }
-  }
-  async componentWillLoad() {
-    this.fieldStore = TemplateFieldStore.getTemplateFieldStore(this.templateid);
-    this.roleStore = TemplateRoleStore.getTemplateRoleStore(this.templateid);
-  }
-  componentDidRender() {
-    interact_min.interact_min.dynamicDrop(true);
-    if (this.editable) {
-      interact_min.interact_min(this.el).resizable({
-        edges: { top: false, bottom: false, left: true, right: true },
-        listeners: {
-          start: this.handleResizeStart.bind(this),
-          move: this.handleResize.bind(this),
-          end: this.handleResizeEnd.bind(this),
-        },
-      });
-    }
-  }
-  handleResizeStart(e) {
-    e.preventDefault();
-    e.stopPropagation();
-  }
-  handleResize(e) {
-    let { x = 0, y = 0, h = 0 } = e.target.dataset;
-    let { width, height } = e.rect;
-    x = (parseFloat(x) || 0) + e.deltaRect.left;
-    y = (parseFloat(y) || 0) + e.deltaRect.top;
-    h = (parseFloat(h) || 0) + e.deltaRect.height;
-    Object.assign(e.target.style, {
-      width: `${width}px`,
-      height: `${height}px`,
-      transform: `translate(${x}px, ${y + h}px)`,
-    });
-    Object.assign(e.target.dataset, { x, y, h });
-  }
-  handleResizeEnd(e) {
-    const field = this.fieldStore.get('fields').find(field => field.name === this.fieldname);
-    const newSettings = { ...utils.getFieldSettings(field) };
-    const [translateX, translateY] = e.target.style.transform.split('(')[1].split(')')[0].split(',').map(parseFloat);
-    newSettings.width = Math.round(parseFloat(e.target.style.width) / this.xscale);
-    newSettings.height = Math.round(parseFloat(e.target.style.height) / this.yscale);
-    newSettings.x = Math.round(newSettings.x + translateX / this.xscale);
-    newSettings.y = Math.round(newSettings.y - translateY / this.yscale);
-    Fields.updateField(this.endpoint, this.templateid, this.fieldname, { setting: newSettings })
-      .then(field => {
-      var _a;
-      console.log('Update result', field);
-      (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: field.name, settings: newSettings, field });
-      Object.assign(e.target.dataset, { x: 0, y: 0, h: 0 });
-    })
-      .catch(e => console.log('Field update failed', e));
-  }
-  render() {
-    var _a, _b;
-    const field = this.fieldStore.get('fields').find(field => field.name === this.fieldname);
-    console.log('Rendering tb', this.fieldname, field);
-    const roleIndex = TemplateRoleStore.getRoleIndex(this.roleStore, field.role_name);
-    const backgroundColor = field['rgba'] || Colors.getRGBA(roleIndex);
-    if (!field) {
-      return index.h(index.Fragment, null);
-    }
-    const settings = utils.getFieldSettings(field);
-    let disabled = (_b = (_a = this.disabled) !== null && _a !== void 0 ? _a : settings.disabled) !== null && _b !== void 0 ? _b : false;
-    const value = (settings === null || settings === void 0 ? void 0 : settings.result) || '';
-    const width = settings.width || 150;
-    // TODO: This is an outdated technique from the old system. We should compute it.
-    const maxlength = width / 5;
-    if (this.done) {
-      return index.h(index.Host, { class: { done: this.done } }, value);
-    }
-    return (index.h(index.Host, { class: { required: field.required, disabled, done: this.done }, style: { backgroundColor } }, index.h("input", { type: "text", name: field.name, placeholder: settings === null || settings === void 0 ? void 0 : settings.placeholder, tabIndex: settings === null || settings === void 0 ? void 0 : settings.order, value: value, disabled: disabled, required: field === null || field === void 0 ? void 0 : field.required, ref: el => (this.inputEl = el), maxlength: maxlength }), this.editable && (index.h(index.Fragment, null, index.h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: Icons.SettingsIcon, onClick: (e) => {
-        e.stopPropagation();
-        this.showingProperties = !this.showingProperties;
-      } }), this.showingProperties && (index.h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${field.name}`, onClickAway: () => (this.showingProperties = false) }, index.h("verdocs-template-field-properties", { templateId: this.templateid, fieldName: field.name, onClose: () => (this.showingProperties = false), onDelete: () => {
-        var _a;
-        (_a = this.deleted) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: field.name });
-        return this.hideSettingsPanel();
-      }, onSettingsChanged: e => {
-        var _a;
-        (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit(e.detail);
-        return this.hideSettingsPanel();
-      }, helpText: 'Text boxes may be used to capture simple text input. Participant-entered values will be stored for later retrieval via the "name" field.<br /><br />If marked required, the participant must complete the field before proceeding.' })))))));
-  }
-  get el() { return index.getElement(this); }
-};
-VerdocsFieldTextbox.style = verdocsFieldTextboxCss;
-
-exports.verdocs_field_textbox = VerdocsFieldTextbox;

package/dist/cjs/verdocs-field-timestamp.cjs.entry.js

@@ -1,92 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5463795e.js');
-const Colors = require('./Colors-e809dcc9.js');
-const TemplateRoleStore = require('./TemplateRoleStore-94afc2b0.js');
-const TemplateFieldStore = require('./TemplateFieldStore-43a0b60d.js');
-const utils = require('./utils-31385d19.js');
-const Types = require('./Types-fb95ed6b.js');
-const Icons = require('./Icons-3286d014.js');
-const index$1 = require('./index-7c19ba1d.js');
-require('./index-f712049c.js');
-require('./_commonjsHelpers-0c557e26.js');
-require('./Envelopes-0b9deb2c.js');
-require('./Types-f89f9116.js');
-require('./Files-4bdc0c0f.js');
-
-const verdocsFieldTimestampCss = "verdocs-field-timestamp{width:160px;height:15px;opacity:0.5;display:block;font-size:9px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-field-timestamp.done{opacity:1}verdocs-field-timestamp input{position:absolute;cursor:inherit;width:100%;height:100%;font-size:9px;background:none;font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-timestamp input.hide{display:none}verdocs-field-timestamp.required{border:1px solid #cc0000}verdocs-field-timestamp.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-timestamp verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-timestamp verdocs-button-panel[data-active],verdocs-field-timestamp verdocs-button-panel:hover{opacity:1}verdocs-field-timestamp verdocs-button-panel .icon svg{fill:#333333}verdocs-field-timestamp verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-timestamp .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.6}verdocs-field-timestamp .settings-icon svg{fill:#707ae5}verdocs-field-timestamp .settings-icon:hover{opacity:1}";
-
-const VerdocsFieldTimestamp = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.settingsChanged = index.createEvent(this, "settingsChanged", 7);
-    this.deleted = index.createEvent(this, "deleted", 7);
-    this.fieldStore = null;
-    this.roleStore = null;
-    this.templateid = '';
-    this.fieldname = '';
-    this.disabled = false;
-    this.editable = false;
-    this.moveable = false;
-    this.done = false;
-    this.xscale = 1;
-    this.yscale = 1;
-    this.showingProperties = false;
-  }
-  async focusField() {
-    this.el.focus();
-  }
-  async showSettingsPanel() {
-    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
-    if (settingsPanel && settingsPanel.showPanel) {
-      settingsPanel.showPanel();
-    }
-  }
-  async hideSettingsPanel() {
-    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
-    if (settingsPanel && settingsPanel.hidePanel) {
-      settingsPanel.hidePanel();
-    }
-  }
-  async componentWillLoad() {
-    this.fieldStore = TemplateFieldStore.getTemplateFieldStore(this.templateid);
-    this.roleStore = TemplateRoleStore.getTemplateRoleStore(this.templateid);
-  }
-  render() {
-    var _a, _b;
-    const field = this.fieldStore.get('fields').find(field => field.name === this.fieldname);
-    const roleIndex = TemplateRoleStore.getRoleIndex(this.roleStore, field.role_name);
-    const backgroundColor = field['rgba'] || Colors.getRGBA(roleIndex);
-    if (!field) {
-      return index.h(index.Fragment, null);
-    }
-    const settings = utils.getFieldSettings(field);
-    const disabled = (_b = (_a = this.disabled) !== null && _a !== void 0 ? _a : settings.disabled) !== null && _b !== void 0 ? _b : false;
-    const value = settings.value || new Date().toISOString();
-    const dt = new Date(value);
-    const formatted = index$1.format(dt, Types.FORMAT_TIMESTAMP);
-    if (this.done) {
-      return index.h(index.Host, { class: { done: this.done } }, formatted);
-    }
-    return (index.h(index.Host, { class: { required: field === null || field === void 0 ? void 0 : field.required, disabled }, style: { backgroundColor } }, index.h("input", { type: "text", placeholder: settings === null || settings === void 0 ? void 0 : settings.placeholder, tabIndex: settings === null || settings === void 0 ? void 0 : settings.order,
-      // TODO: It would really make more sense to show the date and time but the default width of 64px for this field
-      // is encoded in a ton of existing entries in the database and is hard to change.
-      value: formatted, disabled: true, ref: el => (this.el = el) }), this.editable && (index.h(index.Fragment, null, index.h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: Icons.SettingsIcon, onClick: (e) => {
-        e.stopPropagation();
-        this.showingProperties = !this.showingProperties;
-      } }), this.showingProperties && (index.h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${field.name}`, onClickAway: () => (this.showingProperties = false) }, index.h("verdocs-template-field-properties", { templateId: this.templateid, fieldName: field.name, onClose: () => (this.showingProperties = false), onDelete: () => {
-        var _a;
-        (_a = this.deleted) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: field.name });
-        return this.hideSettingsPanel();
-      }, onSettingsChanged: e => {
-        var _a;
-        (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit(e.detail);
-        return this.hideSettingsPanel();
-      }, helpText: 'Time stamps are automatically set when the recipient signs the document.' })))))));
-  }
-};
-VerdocsFieldTimestamp.style = verdocsFieldTimestampCss;
-
-exports.verdocs_field_timestamp = VerdocsFieldTimestamp;

package/dist/cjs/verdocs-initial-dialog.cjs.entry.js

@@ -1,227 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5463795e.js');
-
-const verdocsInitialDialogCss = "verdocs-initial-dialog{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-initial-dialog .dialog{width:100%;max-width:340px;border-radius:4px;overflow:hidden;-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);background:#f9f9f9}verdocs-initial-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:20px 20px 0 20px;line-height:28px;font-size:20px;font-weight:500}verdocs-initial-dialog .content{font-size:14px;padding:20px}verdocs-initial-dialog .buttons{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}verdocs-initial-dialog .buttons verdocs-button{margin-left:16px}verdocs-initial-dialog canvas{background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;width:300px;height:79px;max-width:100%;-webkit-box-shadow:0 0 6px 0 #0000001f;box-shadow:0 0 6px 0 #0000001f}verdocs-initial-dialog .disclaimer{text-align:justify;padding:8px 0;font-size:11px;line-height:14px;color:rgba(0, 0, 0, 0.54)}verdocs-initial-dialog .as-shown{font-size:11px;margin:4px 0 20px 4px;color:rgba(0, 0, 0, 0.54)}verdocs-initial-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-initial-dialog .tabs .tab{padding:8px 15px;cursor:pointer}verdocs-initial-dialog .tabs .tab.active{border-bottom:2px solid #cccccc}verdocs-initial-dialog .tabs .tab:hover{color:#55bc81}";
-
-const VerdocsInitialDialog = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.next = index.createEvent(this, "next", 7);
-    this.exit = index.createEvent(this, "exit", 7);
-    this.initials = '';
-    this.fontLoaded = false;
-    this.enteredInitials = '';
-    this.mode = 'type';
-  }
-  componentWillLoad() {
-    this.enteredInitials = this.initials.toUpperCase();
-    const ds = new FontFace('Dancing Script', 'url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)');
-    ds.load().then(font => {
-      document.fonts.add(font);
-      this.fontLoaded = true;
-    });
-  }
-  componentDidLoad() {
-    this.redrawSignature();
-  }
-  componentDidUpdate() {
-    this.redrawSignature();
-  }
-  redrawSignature() {
-    if (!this.canvasElement) {
-      return;
-    }
-    const canvasWidth = this.canvasElement.width;
-    const context = this.canvasElement.getContext('2d');
-    context.clearRect(0, 0, this.canvasElement.width, this.canvasElement.height);
-    let fontSize = 100;
-    do {
-      fontSize -= 2;
-      context.font = `${fontSize}px Dancing Script`;
-    } while (context.measureText(this.enteredInitials).width > canvasWidth - 32); // 32px padding each side
-    context.textAlign = 'center';
-    context.textBaseline = 'middle';
-    context.font = `${fontSize}px Dancing Script`;
-    context.fillText(this.enteredInitials, this.canvasElement.width / 2, this.canvasElement.height / 2);
-  }
-  handleNameChange(e) {
-    this.enteredInitials = e.target.value;
-  }
-  handleCancel(e) {
-    e.stopPropagation();
-    e.preventDefault();
-    this.exit.emit();
-  }
-  handleAdopt(e) {
-    e.stopPropagation();
-    e.preventDefault();
-    const data = this.canvasElement.toDataURL('image/png');
-    this.next.emit(data);
-  }
-  /*
-  selColor(hex: string) {
-    this.color = hex;
-    this.animateDraw();
-  }
-
-  stopDraw() {
-    this.paint = false;
-    this.adoptedAndSigned = !this.hasSignature();
-  }
-
-  draw(e) {
-    this.paint = true;
-    this.addPoints(e, false);
-    this.animateDraw();
-  }
-
-  recordPoints(e) {
-    if (this.paint) {
-      this.addPoints(e, true);
-      this.animateDraw();
-    }
-  }
-
-  animateDraw() {
-    this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);
-
-    this.canvas.strokeStyle = this.color || '#000000';
-    this.canvas.lineJoin = 'round';
-    this.canvas.lineWidth = 3;
-
-    for (let i = 0; i < this.points.length; i++) {
-      this.canvas.beginPath();
-      if (this.points[i].drag && i) {
-        this.canvas.moveTo(this.points[i - 1].x, this.points[i - 1].y);
-        // this.canvas.arc(this.points[i - 1].x, this.points[i - 1].y, 2, 0, 2 * Math.PI, false);
-      } else {
-        this.canvas.moveTo(this.points[i].x - 1, this.points[i].y);
-        // this.canvas.arc(this.points[i].x, this.points[i].y, 2, 0, 2 * Math.PI, false);
-      }
-
-      this.canvas.lineTo(this.points[i].x, this.points[i].y);
-      this.canvas.closePath();
-      this.canvas.stroke();
-    }
-  }
-
-  drawCurve(color: string, curve: number) {
-    this.canvas.beginPath();
-  }
-
-
-
-  addPoints(e, drag: boolean) {
-    if (window) {
-      let x;
-      let y;
-      e.preventDefault();
-      if (e.touches && e.touches.length > 0) {
-        x = e.touches[0].clientX;
-      } else {
-        x = e.clientX;
-      }
-
-      if (e.touches && e.touches.length > 0) {
-        y = e.touches[0].clientY;
-      } else {
-        y = e.clientY;
-      }
-      const rect = this.signatureCanvas.nativeElement.getBoundingClientRect();
-      this.points.push({
-        x: x - rect.left,
-        y: y - rect.top,
-        drag: drag
-      });
-    }
-  }
-
-  clearPad() {
-    this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);
-    this.points = [];
-    this.adoptedAndSigned = !this.hasSignature();
-  }
-
-    async adoptAndSign() {
-    try {
-      this.adoptedAndSigned = true;
-      await this.updateFullName();
-      await this.captureSignatureFromCanvas();
-      const message = this.signatureMode === 'Signature' ? 'Saving Signature' : 'Saving Initial';
-      this.snackbarService.open(message, 'OK', this.snackbarService.initConfig(null, 'bottom'));
-      this.handleMode();
-    } catch (err) {
-      this.snackbarService.open('Failed to apply signature', 'OK', this.snackbarService.initConfig(null, 'bottom'));
-    }
-  }
-
-  handleMode() {
-    let currentField;
-    switch (this.mode) {
-      case 'signerview':
-        if (this.signatureMode === 'Signature') {
-          this.signatureService.postSignatureBlob().then(result => {
-            if (result && result.id && result.url) {
-              currentField = this.signatureService.currField;
-              this.signatureService.updateSigned(currentField.fName, true);
-              this.signatureService.toggleSig(false);
-              this.signatureService.setSignatureId(result.id);
-              this.signatureService.putSignatureField(this.envelopeId, this.fieldName, result.id).then(res => {
-                this.eventTracker.createEvent({
-                  category: 'verdoc',
-                  action: 'verdoc signed',
-                  label: `verdoc id: ${this.envelopeId}`
-                })
-                if (res && res.settings) {
-                  this.signatureService.setSignatureData(res.settings.base64);
-                  this.signatureService.setSignatureId(res.settings.signature_id);
-                }
-                this.snackbarService.dismiss();
-                this.dialog.close({ status: 'saved', temp_sig: res.settings.base64, sig_id: res.settings.signature_id });
-              }).catch(err => {
-                this.snackbarService.open('Failed to save signature. Please try again.', 'DISMISS', {
-                  duration: 3000
-                });
-                this.adoptedAndSigned = false;
-                return err;
-              });
-            }
-          });
-        } else {
-          this.signatureService.postInitialBlob().then(result => {
-            if (result && result.id && result.url) {
-              currentField = this.signatureService.currField;
-              this.signatureService.updateInitialed(currentField.fName, true);
-              this.signatureService.setInitialId(result.id);
-              this.signatureService.toggleSig(false);
-              this.signatureService.putInitialField(this.envelopeId, this.fieldName, result.id).then(res => {
-                if (res && res.settings) {
-                  this.signatureService.setInitialData(res.settings.base64);
-                  this.signatureService.setInitialId(res.settings.initial_id);
-                }
-                this.snackbarService.dismiss();
-                this.dialog.close({ status: 'saved', temp_int: res.settings.base64, int_id: res.settings.initial_id });
-              }).catch(err => {
-                this.snackbarService.open('Failed to save initial. Please try again.', 'DISMISS', {
-                  duration: 3000
-                });
-                this.adoptedAndSigned = false;
-                return err;
-              });
-            }
-          });
-        }
-        break;
-    }
-  }
-   */
-  render() {
-    return (index.h(index.Host, { onClick: e => this.handleCancel(e) }, index.h("div", { class: "dialog" }, index.h("div", { class: "heading" }, "Create Your Initial"), index.h("div", { class: "content" }, index.h("verdocs-text-input", { placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), index.h("div", { class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? index.h("canvas", { ref: el => (this.canvasElement = el) }) : index.h("div", { style: { display: 'none' } }), index.h("div", { class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), index.h("div", { class: "buttons" }, index.h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
-  }
-};
-VerdocsInitialDialog.style = verdocsInitialDialogCss;
-
-exports.verdocs_initial_dialog = VerdocsInitialDialog;