@verdocs/web-sdk 2.3.88 → 4.0.6

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

@@ -1,99 +1,101 @@
-import { VerdocsEndpoint } from '@verdocs/js-sdk';
-import { Host, h } from '@stencil/core';
-import { SDKError } from '../../../utils/errors';
+import { VerdocsEndpoint } from "@verdocs/js-sdk";
+import { Host, h } from "@stencil/core";
+import { SDKError } from "../../../utils/errors";
 /**
  * Display a template preview experience. This will display the template's attached
  * documents with signing fields overlaid on each page. Fields will be color-coded
  * by recipient, and will be read-only (cannot be filled, moved, or altered).
  */
 export class VerdocsSettings {
-  constructor() {
-    this.endpoint = VerdocsEndpoint.getDefault();
-    this.tab = 'profile';
-  }
-  async componentWillLoad() {
-    var _a, _b, _c;
-    try {
-      this.endpoint.loadSession();
-      if (!this.endpoint.session) {
-        console.log('[SETTINGS] Unable to start session, must be authenticated');
-        return;
-      }
+    constructor() {
+        this.endpoint = VerdocsEndpoint.getDefault();
+        this.tab = 'profile';
     }
-    catch (e) {
-      console.log('[SETTINGS] Error with session', e);
-      (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
+    async componentWillLoad() {
+        var _a, _b, _c;
+        try {
+            this.endpoint.loadSession();
+            if (!this.endpoint.session) {
+                console.log('[SETTINGS] Unable to start session, must be authenticated');
+                return;
+            }
+        }
+        catch (e) {
+            console.log('[SETTINGS] Error with session', e);
+            (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
+        }
     }
-  }
-  render() {
-    console.log('sess', this.endpoint.session);
-    if (!this.endpoint.session) {
-      return (h(Host, null, h("verdocs-loader", null)));
+    render() {
+        console.log('sess', this.endpoint.session);
+        if (!this.endpoint.session) {
+            return (h(Host, null, h("verdocs-loader", null)));
+        }
+        return (h(Host, null, h("div", { class: "tabs" }, h("div", { class: `tab ${this.tab === 'profile' ? 'active' : ''}`, onClick: () => (this.tab = 'profile') }, "Profile"), h("div", { class: `tab ${this.tab === 'organization' ? 'active' : ''}`, onClick: () => (this.tab = 'organization') }, "Organization"), h("div", { class: `tab ${this.tab === 'members' ? 'active' : ''}`, onClick: () => (this.tab = 'members') }, "Members"), h("div", { class: `tab ${this.tab === 'apikeys' ? 'active' : ''}`, onClick: () => (this.tab = 'apikeys') }, "API Keys")), this.tab === 'profile' && h("verdocs-settings-profile", { endpoint: this.endpoint }), this.tab === 'organization' && h("verdocs-settings-organization", { endpoint: this.endpoint }), this.tab === 'members' && h("verdocs-settings-members", { endpoint: this.endpoint }), this.tab === 'apikeys' && h("verdocs-settings-api-keys", { endpoint: this.endpoint })));
     }
-    return (h(Host, null, h("div", { class: "tabs" }, h("div", { class: `tab ${this.tab === 'profile' ? 'active' : ''}`, onClick: () => (this.tab = 'profile') }, "Profile"), h("div", { class: `tab ${this.tab === 'organization' ? 'active' : ''}`, onClick: () => (this.tab = 'organization') }, "Organization"), h("div", { class: `tab ${this.tab === 'members' ? 'active' : ''}`, onClick: () => (this.tab = 'members') }, "Members"), h("div", { class: `tab ${this.tab === 'apikeys' ? 'active' : ''}`, onClick: () => (this.tab = 'apikeys') }, "API Keys")), this.tab === 'profile' && h("verdocs-settings-profile", { endpoint: this.endpoint }), this.tab === 'organization' && h("verdocs-settings-organization", { endpoint: this.endpoint }), this.tab === 'members' && h("verdocs-settings-members", { endpoint: this.endpoint }), this.tab === 'apikeys' && h("verdocs-settings-api-keys", { endpoint: this.endpoint })));
-  }
-  static get is() { return "verdocs-settings"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["verdocs-settings.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["verdocs-settings.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "endpoint": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "VerdocsEndpoint",
-          "resolved": "VerdocsEndpoint",
-          "references": {
-            "VerdocsEndpoint": {
-              "location": "import",
-              "path": "@verdocs/js-sdk"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used."
-        },
-        "defaultValue": "VerdocsEndpoint.getDefault()"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "tab": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "sdkError",
-        "name": "sdkError",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Event fired if an error occurs. The event details will contain information about the error. Most errors will\nterminate the process, and the calling application should correct the condition and re-render the component."
-        },
-        "complexType": {
-          "original": "SDKError",
-          "resolved": "SDKError",
-          "references": {
-            "SDKError": {
-              "location": "import",
-              "path": "../../../utils/errors"
+    static get is() { return "verdocs-settings"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["verdocs-settings.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["verdocs-settings.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "endpoint": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "VerdocsEndpoint",
+                    "resolved": "VerdocsEndpoint",
+                    "references": {
+                        "VerdocsEndpoint": {
+                            "location": "import",
+                            "path": "@verdocs/js-sdk",
+                            "id": ""
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used."
+                },
+                "defaultValue": "VerdocsEndpoint.getDefault()"
             }
-          }
-        }
-      }];
-  }
+        };
+    }
+    static get states() {
+        return {
+            "tab": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "sdkError",
+                "name": "sdkError",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event fired if an error occurs. The event details will contain information about the error. Most errors will\nterminate the process, and the calling application should correct the condition and re-render the component."
+                },
+                "complexType": {
+                    "original": "SDKError",
+                    "resolved": "SDKError",
+                    "references": {
+                        "SDKError": {
+                            "location": "import",
+                            "path": "../../../utils/errors",
+                            "id": "src/utils/errors.ts::SDKError"
+                        }
+                    }
+                }
+            }];
+    }
 }

package/dist/collection/components/embeds/verdocs-sign/utils.js

@@ -1,64 +1,64 @@
-import { rescale } from '@verdocs/js-sdk/Utils/Fields';
+import { rescale } from "@verdocs/js-sdk";
 export function getInputStyle(field, mode, browserType) {
-  const fontSize = 11;
-  let setting = 'setting';
-  if (!!field['settings']) {
-    setting = 'settings';
-  }
-  const inputStyle = {
-    height: '100%',
-    width: '100%',
-    background: 'none',
-  };
-  if ((field[setting] && field[setting].font_size) || field.type === 'date' || field.type === 'signature' || field.type === 'initial' || field.type === 'timestamp') {
-    inputStyle['fontSize'] = fontSize + 'px';
-    inputStyle['letterSpacing'] = '.3px !important';
-  }
-  if (field.type === 'dropdown') {
-    inputStyle['fontSize'] = '10.8px';
-    delete inputStyle.background;
-  }
-  if (field.type === 'textbox') {
-    inputStyle['fontSize'] = fontSize + 'px';
-    inputStyle['letterSpacing'] = getLetterSpacing(browserType) + 'px';
-  }
-  if (field['required']) {
-    inputStyle['border'] = '1px solid #cc0000';
-  }
-  if (field['prepared'] && field['prepared'] === true && mode !== 'prepareview') {
-    inputStyle['visibility'] = 'hidden';
-  }
-  if (field[setting] && field[setting].color) {
-    inputStyle['color'] = field[setting].color;
-  }
-  if (field[setting] && field[setting].upperCase) {
-    inputStyle['textTransform'] = 'uppercase';
-  }
-  if (field[setting] && field[setting].leading > 0) {
-    inputStyle['lineHeight'] = `${rescale(1, field[setting].leading + 0.5)}px`;
-  }
-  else if (field['leading'] && field['leading'] > 0) {
-    inputStyle['lineHeight'] = `${rescale(1, field['leading'] + 0.5)}px`;
-  }
-  return inputStyle;
+    const fontSize = 11;
+    let setting = 'setting';
+    if (!!field['settings']) {
+        setting = 'settings';
+    }
+    const inputStyle = {
+        height: '100%',
+        width: '100%',
+        background: 'none',
+    };
+    if ((field[setting] && field[setting].font_size) || field.type === 'date' || field.type === 'signature' || field.type === 'initial' || field.type === 'timestamp') {
+        inputStyle['fontSize'] = fontSize + 'px';
+        inputStyle['letterSpacing'] = '.3px !important';
+    }
+    if (field.type === 'dropdown') {
+        inputStyle['fontSize'] = '10.8px';
+        delete inputStyle.background;
+    }
+    if (field.type === 'textbox') {
+        inputStyle['fontSize'] = fontSize + 'px';
+        inputStyle['letterSpacing'] = getLetterSpacing(browserType) + 'px';
+    }
+    if (field['required']) {
+        inputStyle['border'] = '1px solid #cc0000';
+    }
+    if (field['prepared'] && field['prepared'] === true && mode !== 'prepareview') {
+        inputStyle['visibility'] = 'hidden';
+    }
+    if (field[setting] && field[setting].color) {
+        inputStyle['color'] = field[setting].color;
+    }
+    if (field[setting] && field[setting].upperCase) {
+        inputStyle['textTransform'] = 'uppercase';
+    }
+    if (field[setting] && field[setting].leading > 0) {
+        inputStyle['lineHeight'] = `${rescale(1, field[setting].leading + 0.5)}px`;
+    }
+    else if (field['leading'] && field['leading'] > 0) {
+        inputStyle['lineHeight'] = `${rescale(1, field['leading'] + 0.5)}px`;
+    }
+    return inputStyle;
 }
 export function getLetterSpacing(browserType) {
-  switch (browserType) {
-    case 'opera':
-      return -0.0018;
-    case 'firefox':
-      return -0.23594210526315787;
-    case 'ie':
-      return -0.0019;
-    case 'edge':
-      return -0.0019;
-    case 'chrome':
-      return -0.0018;
-    case 'safari':
-      return -0.0018;
-    case 'blink':
-      return -0.0018;
-    default:
-      return -0.0018;
-  }
+    switch (browserType) {
+        case 'opera':
+            return -0.0018;
+        case 'firefox':
+            return -0.23594210526315787;
+        case 'ie':
+            return -0.0019;
+        case 'edge':
+            return -0.0019;
+        case 'chrome':
+            return -0.0018;
+        case 'safari':
+            return -0.0018;
+        case 'blink':
+            return -0.0018;
+        default:
+            return -0.0018;
+    }
 }