@verdocs/web-sdk 1.4.0 → 1.4.2

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

@@ -1,59 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-a24f3b6a.js');
-
-const verdocsFieldDropdownCss = "verdocs-field-dropdown{font-family:sans-serif;font-family:var(--verdocs-font);width:85px;height:20px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-dropdown select{position:absolute;background:linear-gradient(55deg, transparent 50%, #333 50%), linear-gradient(125deg, #333 50%, transparent 50%), linear-gradient(to right, transparent, transparent);background-position:calc(100% - 7px) 4px, calc(100% - 3px) 4px, 100% 0;background-size:5px 5px, 5px 5px, 2.5em 2.5em;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;font-size:11px;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-dropdown select:focus{outline:none}verdocs-field-dropdown select.hide{display:none}verdocs-field-dropdown.required select{border:1px solid var(--verdocs-required-color)}verdocs-field-dropdown.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}";
-
-const VerdocsFieldDropdown = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.fieldFocus = index.createEvent(this, "fieldFocus", 7);
-    this.fieldBlur = index.createEvent(this, "fieldBlur", 7);
-    this.fieldChange = index.createEvent(this, "fieldChange", 7);
-    /**
-     * The optoins to choose from.
-     */
-    this.options = [];
-    /**
-     * If true, the field will be marked required.
-     */
-    this.required = false;
-    /**
-     * Sets the tabIndex of the input element.
-     */
-    this.order = 1;
-    /**
-     * Sets the disabled attribute of the input element.
-     */
-    this.disabled = false;
-    /**
-     * The currently selected value.
-     */
-    this.value = '';
-    this.focused = false;
-  }
-  async focusField() {
-    this.focused = true;
-    this.el.focus();
-    this.fieldFocus.emit(true);
-  }
-  handleBlur() {
-    this.focused = false;
-    this.fieldBlur.emit(true);
-  }
-  handleFocus() {
-    this.focused = true;
-    this.fieldFocus.emit(true);
-  }
-  handleChange(e) {
-    this.fieldChange.emit(e.target.value);
-  }
-  render() {
-    return (index.h(index.Host, { class: { focused: this.focused, required: this.required } }, index.h("select", { tabIndex: this.order, disabled: this.disabled, ref: el => (this.el = el), onChange: e => this.handleChange(e), onBlur: () => this.handleBlur(), onFocus: () => this.handleFocus() }, index.h("option", { value: "" }, "Select..."), this.options.map(option => (index.h("option", { value: option.id, selected: option.value === this.value }, option.value))))));
-  }
-};
-VerdocsFieldDropdown.style = verdocsFieldDropdownCss;
-
-exports.verdocs_field_dropdown = VerdocsFieldDropdown;

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

@@ -1,52 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-a24f3b6a.js');
-
-const verdocsFieldInitialCss = "verdocs-field-initial{font-family:sans-serif;font-family:var(--verdocs-font);width:83px;height:36px;display:block;font-size:11px;letter-spacing:0.3px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-initial img{display:block;max-width:100%;max-height:100%}verdocs-field-initial button{-webkit-box-sizing:border-box;box-sizing:border-box;border:none;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-initial button.hide{display:none}verdocs-field-initial.required{border:1px solid var(--verdocs-required-color)}verdocs-field-initial.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}";
-
-const VerdocsFieldInitial = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.adopt = index.createEvent(this, "adopt", 7);
-    this.cancel = index.createEvent(this, "cancel", 7);
-    /**
-     * Whether the field is required.
-     */
-    this.required = false;
-    /**
-     * The user's full name.
-     */
-    this.fullName = '';
-    /**
-     * The base64 signature value.
-     */
-    this.value = '';
-  }
-  async focusField() {
-    this.handleShow();
-  }
-  handleShow() {
-    this.dialog = document.createElement('verdocs-initial-dialog');
-    this.dialog.open = true;
-    this.dialog.fullName = this.fullName;
-    this.dialog.addEventListener('cancel', () => {
-      var _a;
-      console.log('cancel');
-      (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove();
-    });
-    document.addEventListener('adopt', e => {
-      var _a;
-      console.log('adopt', e);
-      (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove();
-    });
-    document.body.append(this.dialog);
-  }
-  render() {
-    return (index.h(index.Host, { class: { required: this.required } }, this.value !== '' ? (index.h("img", { src: this.value, alt: "Initials" })) : (index.h("button", { class: {}, onClick: () => this.handleShow() }, "Initial"))));
-  }
-};
-VerdocsFieldInitial.style = verdocsFieldInitialCss;
-
-exports.verdocs_field_initial = VerdocsFieldInitial;

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

@@ -1,86 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-a24f3b6a.js');
-
-const verdocsFieldPaymentCss = "verdocs-field-payment{font-family:sans-serif;font-family:var(--verdocs-font);width:24px;height:24px;display:block;font-size:11px;position:relative;border:1px solid #cfa;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-payment button,verdocs-field-payment div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-field-payment button{color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-payment button.hide{display:none}verdocs-field-payment input{float:left;font-family:Arial, sans-serif}verdocs-field-payment select{position:absolute;font-family:Arial, sans-serif;background:linear-gradient(55deg, transparent 50%, #333 50%), linear-gradient(125deg, #333 50%, transparent 50%), linear-gradient(to right, transparent, transparent);background-position:calc(100% - 7px) 4px, calc(100% - 3px) 4px, 100% 0;background-size:5px 5px, 5px 5px, 2.5em 2.5em;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none}verdocs-field-payment .frame{width:100%;height:100%;background-size:contain;text-align:left}verdocs-field-payment .frame img{position:absolute;height:auto;width:100%}verdocs-field-payment.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}";
-
-const VerdocsFieldPayment = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.signatureComplete = index.createEvent(this, "signatureComplete", 7);
-    this.initialComplete = index.createEvent(this, "initialComplete", 7);
-    this.focused = false;
-    this.signed = false;
-    this.signatureUrl = '';
-    this._fields = [];
-    // envelopeFieldsFormGroup: FormGroup;
-    this.signatureFile = null;
-    this.initialFile = null;
-    this.focusOrderNumber = -1;
-    this.focusFieldName = '';
-    this.activeElement = null;
-    this.showError = {
-      pageNum: -1,
-      fieldIndex: -1,
-      type: null,
-    };
-    this.dialogOpened = false;
-    this.closeAllErrors = false;
-    this.fieldsMap = {};
-    this.fieldsForCurrentSigner = [];
-    this.fontSize = 11;
-    this.averageFontWidth = 5;
-    this.requiredFields = [];
-  }
-  componentWillLoad() {
-    // Load validators
-    // Load fields
-    // Get role names
-    console.log('sign field', this.field);
-    if (this.recipients && this.recipients.length > 0) {
-      const preparer = this.recipients.find(r => r.type === 'preparer');
-      console.log('Found preparer', preparer);
-      if (preparer) {
-        this.preparedMessage = `Prepared by ${preparer['full_name']}`;
-      }
-    }
-  }
-  // [tabIndex]="field.role !== roleName ? -1 : 1"
-  // [ngStyle]="field.element_style"
-  // [value]="field.value"
-  // (click)="initiateSign(field)"
-  // (blur)="validateChanges(field)"
-  // [disabled]="field.role!==roleName"
-  // [id]="field.key"
-  // <button _ngcontent-app-root-c342="" class="envelope__field" tabindex="1" ng-reflect-ng-style="[object Object]"
-  // ng-reflect-ng-class="[object Object]" value="" id="signatureP5-1"
-  // style="height: 100%; width: 100%; background: none; font-size: 11px; border: 1px solid rgb(204, 0, 0);"> Signature </button>
-  //     bottom: 229.333
-  // px
-  // ;
-  //     left: 169.333
-  // px
-  // ;
-  //     height: 41
-  // px
-  // ;
-  //     width: 82
-  // px
-  // ;
-  //     background-color: rgba(156, 39, 176, 0.4);
-  //     transform: scale(1.33333, 1.33333);
-  // }
-  // <style>
-  // .envelope__item[_ngcontent-app-root-c342] {
-  //     position: absolute;
-  //     transform-origin: bottom left;
-  //     opacity: 1;
-  render() {
-    return (index.h(index.Host, { class: { focused: this.focused, storybook: !!(window === null || window === void 0 ? void 0 : window['STORYBOOK_ENV']) } }, index.h("button", { class: { hide: this.signed } }, "Payment"), this.signed ? index.h("div", { class: "frame" }) : index.h("div", { style: { display: 'none' } }), index.h("img", { width: "100%", height: "100%", src: this.signatureUrl })));
-  }
-};
-VerdocsFieldPayment.style = verdocsFieldPaymentCss;
-
-exports.verdocs_field_payment = VerdocsFieldPayment;

package/dist/cjs/verdocs-field-radio-button.cjs.entry.js

@@ -1,48 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-a24f3b6a.js');
-
-const verdocsFieldRadioButtonCss = "verdocs-field-radio-button{font-family:sans-serif;font-family:var(--verdocs-font);width:14px;height:14px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-field-radio-button input[type=radio]{position:absolute;opacity:0}verdocs-field-radio-button input[type=radio]+label:before{content:\"\";background:#f4f4f4;border-radius:100%;border:1px solid rgba(0, 0, 0, 0.2);display:inline-block;width:13px;height:13px;position:relative;top:2px;margin-right:2px;vertical-align:top;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-field-radio-button input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f4f4f4;box-shadow:inset 0 0 0 2px #f4f4f4}verdocs-field-radio-button input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-field-radio-button input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f4f4f4;box-shadow:inset 0 0 0 4px #f4f4f4;border-color:#b4b4b4;background:#b4b4b4}verdocs-field-radio-button input[type=radio]+label:empty:before{margin-right:0}verdocs-field-radio-button.required input[type=radio]+label:before{border:1px solid var(--verdocs-required-color)}verdocs-field-radio-button.hide{display:none}verdocs-field-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}";
-
-const VerdocsFieldRadioButton = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.fieldChange = index.createEvent(this, "fieldChange", 7);
-    /**
-     * Sets the tabIndex of the input element.
-     */
-    this.order = 1;
-    /**
-     * Sets the value of the input element.
-     */
-    this.checked = false;
-    /**
-     * Sets the value of the input element.
-     */
-    this.value = '';
-    /**
-     * Sets the name of the input element.
-     */
-    this.name = '';
-    /**
-     * If true, the field will be marked required.
-     */
-    this.required = false;
-    /**
-     * Sets the disabled attribute of the input element.
-     */
-    this.disabled = false;
-  }
-  handleChange(e) {
-    console.log('changed', e);
-    this.fieldChange.emit(e.target.checked);
-  }
-  render() {
-    return (index.h(index.Host, { class: { required: this.required, storybook: !!(window === null || window === void 0 ? void 0 : window['STORYBOOK_ENV']) } }, index.h("input", { type: "radio", tabIndex: this.order, value: this.value, name: this.name, id: `${this.name}=${this.value}`, checked: this.checked, disabled: this.disabled, required: this.required, onChange: e => this.handleChange(e) }), index.h("label", { htmlFor: `${this.name}=${this.value}` })));
-  }
-};
-VerdocsFieldRadioButton.style = verdocsFieldRadioButtonCss;
-
-exports.verdocs_field_radio_button = VerdocsFieldRadioButton;

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

@@ -1,52 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-a24f3b6a.js');
-
-const verdocsFieldSignatureCss = "verdocs-field-signature{font-family:sans-serif;font-family:var(--verdocs-font);width:83px;height:36px;display:block;font-size:11px;position:relative;letter-spacing:0.3px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-signature img{display:block;max-width:100%;max-height:100%}verdocs-field-signature button{-webkit-box-sizing:border-box;box-sizing:border-box;border:none;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-signature button.hide{display:none}verdocs-field-signature.required{border:1px solid var(--verdocs-required-color)}verdocs-field-signature.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}";
-
-const VerdocsFieldSignature = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.adopt = index.createEvent(this, "adopt", 7);
-    this.cancel = index.createEvent(this, "cancel", 7);
-    /**
-     * Whether the field is required.
-     */
-    this.required = false;
-    /**
-     * The user's full name.
-     */
-    this.fullName = '';
-    /**
-     * The base64 signature value.
-     */
-    this.value = '';
-  }
-  async focusField() {
-    this.handleShow();
-  }
-  handleShow() {
-    this.dialog = document.createElement('verdocs-signature-dialog');
-    this.dialog.open = true;
-    this.dialog.fullName = this.fullName;
-    this.dialog.addEventListener('cancel', () => {
-      var _a;
-      console.log('cancel');
-      (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove();
-    });
-    document.addEventListener('adopt', e => {
-      var _a;
-      console.log('adopt', e);
-      (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove();
-    });
-    document.body.append(this.dialog);
-  }
-  render() {
-    return (index.h(index.Host, { class: { required: this.required } }, this.value !== '' ? (index.h("img", { src: this.value, alt: "Signature" })) : (index.h("button", { class: {}, onClick: () => this.handleShow() }, "Signature"))));
-  }
-};
-VerdocsFieldSignature.style = verdocsFieldSignatureCss;
-
-exports.verdocs_field_signature = VerdocsFieldSignature;

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

@@ -1,63 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-a24f3b6a.js');
-
-const verdocsFieldTextareaCss = "verdocs-field-textarea{font-family:sans-serif;font-family:var(--verdocs-font);width:150px;height:15px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-textarea textarea{-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-textarea textarea.hide{display:none}verdocs-field-textarea.required{border:1px solid var(--verdocs-required-color)}verdocs-field-textarea.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}";
-
-const VerdocsFieldTextarea = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.fieldFocus = index.createEvent(this, "fieldFocus", 7);
-    this.fieldBlur = index.createEvent(this, "fieldBlur", 7);
-    this.fieldChange = index.createEvent(this, "fieldChange", 7);
-    this.fieldInput = index.createEvent(this, "fieldInput", 7);
-    /**
-     * A placeholder to assist the user in completing the field.
-     */
-    this.placeholder = '';
-    /**
-     * Sets the tabIndex of the input element.
-     */
-    this.order = 1;
-    /**
-     * Sets the value of the input element.
-     */
-    this.value = '';
-    /**
-     * If true, the field will be marked required.
-     */
-    this.required = false;
-    /**
-     * Sets the disabled attribute of the input element.
-     */
-    this.disabled = false;
-    this.focused = false;
-  }
-  async focusField() {
-    this.focused = true;
-    this.el.focus();
-    this.fieldFocus.emit(true);
-  }
-  handleBlur() {
-    this.focused = false;
-    this.fieldBlur.emit(true);
-  }
-  handleFocus() {
-    this.focused = true;
-    this.fieldFocus.emit(true);
-  }
-  handleChange(e) {
-    this.fieldChange.emit(e.target.value);
-  }
-  handleInput(e) {
-    this.fieldInput.emit(e.target.value);
-  }
-  render() {
-    return (index.h(index.Host, { class: { focused: this.focused, required: this.required, storybook: !!(window === null || window === void 0 ? void 0 : window['STORYBOOK_ENV']) } }, index.h("textarea", { placeholder: this.placeholder || '', tabIndex: this.order, value: this.value, disabled: this.disabled, required: this.required, ref: el => (this.el = el), onBlur: () => this.handleBlur(), onFocus: () => this.handleFocus(), onChange: e => this.handleChange(e), onInput: e => this.handleInput(e) })));
-  }
-};
-VerdocsFieldTextarea.style = verdocsFieldTextareaCss;
-
-exports.verdocs_field_textarea = VerdocsFieldTextarea;

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

@@ -1,63 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-a24f3b6a.js');
-
-const verdocsFieldTextboxCss = "verdocs-field-textbox{font-family:sans-serif;font-family:var(--verdocs-font);width:150px;height:15px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-textbox input{-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-textbox input.hide{display:none}verdocs-field-textbox.required{border:1px solid var(--verdocs-required-color)}verdocs-field-textbox.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}";
-
-const VerdocsFieldTextbox = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.fieldFocus = index.createEvent(this, "fieldFocus", 7);
-    this.fieldBlur = index.createEvent(this, "fieldBlur", 7);
-    this.fieldChange = index.createEvent(this, "fieldChange", 7);
-    this.fieldInput = index.createEvent(this, "fieldInput", 7);
-    /**
-     * A placeholder to assist the user in completing the field.
-     */
-    this.placeholder = '';
-    /**
-     * Sets the tabIndex of the input element.
-     */
-    this.order = 1;
-    /**
-     * Sets the value of the input element.
-     */
-    this.value = '';
-    /**
-     * If true, the field will be marked required.
-     */
-    this.required = false;
-    /**
-     * Sets the disabled attribute of the input element.
-     */
-    this.disabled = false;
-    this.focused = false;
-  }
-  async focusField() {
-    this.focused = true;
-    this.el.focus();
-    this.fieldFocus.emit(true);
-  }
-  handleBlur() {
-    this.focused = false;
-    this.fieldBlur.emit(true);
-  }
-  handleFocus() {
-    this.focused = true;
-    this.fieldFocus.emit(true);
-  }
-  handleChange(e) {
-    this.fieldChange.emit(e.target.value);
-  }
-  handleInput(e) {
-    this.fieldInput.emit(e.target.value);
-  }
-  render() {
-    return (index.h(index.Host, { class: { focused: this.focused, required: this.required } }, index.h("input", { type: "text", placeholder: this.placeholder || '', tabIndex: this.order, value: this.value, disabled: this.disabled, required: this.required, ref: el => (this.el = el), onBlur: () => this.handleBlur(), onFocus: () => this.handleFocus(), onChange: e => this.handleChange(e), onInput: e => this.handleInput(e) })));
-  }
-};
-VerdocsFieldTextbox.style = verdocsFieldTextboxCss;
-
-exports.verdocs_field_textbox = VerdocsFieldTextbox;