@verdocs/web-sdk 1.10.9 → 1.11.0

package/dist/components/verdocs-view2.js

@@ -1,23 +1,20 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
+import { f as saveEnvelopesAsZip, h as saveCertificate, s as saveAttachment } from './utils.js';
 import { g as getEnvelopeById, s as state } from './Envelopes.js';
 import { S as SDKError } from './errors.js';
-import { s as savePDF } from './utils.js';
 import { d as defineCustomElement$3 } from './verdocs-document-page2.js';
 import { d as defineCustomElement$2 } from './verdocs-dropdown2.js';
 import { d as defineCustomElement$1 } from './verdocs-loader2.js';
 
 const verdocsViewCss = "verdocs-view{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-view div,verdocs-view canvas{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-view .header{color:#fff;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 56px;flex:0 0 56px;padding:0 15px;font-size:12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all 0.25s;transition:all 0.25s;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}verdocs-view .header .logo{width:80px;display:none;margin:-6px 0 0 10px}verdocs-view .header .title{padding-left:16px;font-size:18px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}verdocs-view .document{-ms-flex:1;flex:1;height:100%;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}verdocs-view .document .inner{width:100%;max-width:1028px}";
 
-const menuOptions = [
-  { id: 'print', label: 'Print' },
-  { id: 'download', label: 'Download' },
-];
 const VerdocsView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.sdkError = createEvent(this, "sdkError", 7);
+    this.envelopeUpdated = createEvent(this, "envelopeUpdated", 7);
     this.endpoint = VerdocsEndpoint.getDefault();
     this.envelopeId = '';
   }
@@ -59,15 +56,42 @@ const VerdocsView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     // });
   }
   async handleOptionSelected(e) {
+    var _a;
     switch (e.detail.id) {
       case 'print':
         window.print();
+        (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: state.envelope, event: 'printed' });
         break;
-      case 'download':
-        savePDF(this.endpoint, state.envelope, state.envelope.envelope_document_id).catch(e => {
+      case 'download-attachments':
+        saveAttachment(this.endpoint, state.envelope, state.envelope.envelope_document_id)
+          .then(() => {
+          var _a;
+          (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: state.envelope, event: 'downloaded' });
+        })
+          .catch(e => {
           console.log('Error downloading PDF', e);
         });
         break;
+      case 'download-certificate':
+        saveCertificate(this.endpoint, state.envelope, state.envelope.certificate_document_id)
+          .then(() => {
+          var _a;
+          (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: state.envelope, event: 'downloaded' });
+        })
+          .catch(e => {
+          console.log('Error downloading PDF', e);
+        });
+        break;
+      case 'download-all':
+        saveEnvelopesAsZip(this.endpoint, [state.envelope])
+          .then(() => {
+          var _a;
+          (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: state.envelope, event: 'downloaded' });
+        })
+          .catch(e => {
+          console.log('Error downloading Zip', e);
+        });
+        break;
     }
   }
   render() {
@@ -79,7 +103,22 @@ const VerdocsView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     if (state.error) {
       return (h(Host, null, h("div", null, state.error)));
     }
-    return (h(Host, null, h("div", { class: "header" }, h(Fragment, null, h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), h("div", { class: "title" }, state.envelope.name), h("div", { style: { flex: '1' } }), h("div", { style: { marginLeft: '10px' } }), h("verdocs-dropdown", { options: menuOptions, onOptionSelected: e => this.handleOptionSelected(e) }))), h("div", { class: "document" }, (((_a = state.envelope) === null || _a === void 0 ? void 0 : _a.documents) || [])
+    const menuOptions = [{ id: 'print', label: 'Print' }];
+    const hasAttachments = state.envelope.documents.length > 0;
+    const hasCertificate = !!state.envelope.certificate;
+    if (hasAttachments || hasCertificate) {
+      menuOptions.push({ label: '' });
+    }
+    if (hasAttachments) {
+      menuOptions.push({ id: 'download-attachments', label: 'Download Attachment(s)' });
+    }
+    if (hasCertificate) {
+      menuOptions.push({ id: 'download-certificate', label: 'Download Certificate' });
+    }
+    if (hasAttachments && hasCertificate) {
+      menuOptions.push({ id: 'download-all', label: 'Download All Files' });
+    }
+    return (h(Host, { "data-r": state.updateCount }, h("div", { class: "header" }, h(Fragment, null, h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), h("div", { class: "title" }, state.envelope.name), h("div", { style: { flex: '1' } }), h("div", { style: { marginLeft: '10px' } }), h("verdocs-dropdown", { options: menuOptions, onOptionSelected: e => this.handleOptionSelected(e) }))), h("div", { class: "document" }, (((_a = state.envelope) === null || _a === void 0 ? void 0 : _a.documents) || [])
       .filter(document => document.type !== 'certificate')
       .map(envelopeDocument => {
       const pages = [...((envelopeDocument === null || envelopeDocument === void 0 ? void 0 : envelopeDocument.pages) || [])];

package/dist/custom-elements.json

@@ -208,7 +208,7 @@
       "name": "verdocs-dropdown",
       "description": {
         "kind": "markdown",
-        "value": "Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden\nwhen the button is pressed again, or an option is selected.\n\n```html\n<verdocs-dropdown\n  options={[\n    {label: 'Option 1', disabled: true},\n    {label: 'Option 2', id: '2'}\n   ]}\n  label=\"OK\" onClick={() => (console.log('OK clicked'))}\n/>\n```"
+        "value": "Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden\nwhen the button is pressed again, or an option is selected. Separators may be created by supplying an entry with an empty label.\n\n```html\n<verdocs-dropdown\n  options={[\n    {label: 'Option 1', disabled: true},\n    {label: 'Option 2', id: '2'}\n    {label: ''}\n    {label: 'Option 3', id: '2'}\n   ]}\n  label=\"OK\" onClick={() => (console.log('OK clicked'))}\n/>\n```"
       },
       "attributes": []
     },

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-02-13T03:30:09",
+  "timestamp": "2023-02-14T13:46:26",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",
@@ -1005,7 +1005,7 @@
       "filePath": "./src/components/controls/verdocs-dropdown/verdocs-dropdown.tsx",
       "encapsulation": "none",
       "tag": "verdocs-dropdown",
-      "docs": "Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden\nwhen the button is pressed again, or an option is selected.\n\n```html\n<verdocs-dropdown\n  options={[\n    {label: 'Option 1', disabled: true},\n    {label: 'Option 2', id: '2'}\n   ]}\n  label=\"OK\" onClick={() => (console.log('OK clicked'))}\n/>\n```",
+      "docs": "Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden\nwhen the button is pressed again, or an option is selected. Separators may be created by supplying an entry with an empty label.\n\n```html\n<verdocs-dropdown\n  options={[\n    {label: 'Option 1', disabled: true},\n    {label: 'Option 2', id: '2'}\n    {label: ''}\n    {label: 'Option 3', id: '2'}\n   ]}\n  label=\"OK\" onClick={() => (console.log('OK clicked'))}\n/>\n```",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -1104,6 +1104,15 @@
       ],
       "methods": [],
       "events": [
+        {
+          "event": "envelopeUpdated",
+          "detail": "{ endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string; }",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the envelope is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.",
+          "docsTags": []
+        },
         {
           "event": "sdkError",
           "detail": "SDKError",
@@ -4690,7 +4699,7 @@
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the envelope is updated in any way.",
+          "docs": "Event fired when the envelope is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.",
           "docsTags": []
         },
         {
@@ -5354,6 +5363,15 @@
           "composed": true,
           "docs": "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.",
           "docsTags": []
+        },
+        {
+          "event": "templateUpdated",
+          "detail": "{ endpoint: VerdocsEndpoint; template: ITemplate; event: string; }",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the template is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.",
+          "docsTags": []
         }
       ],
       "listeners": [],
@@ -5635,6 +5653,15 @@
           "composed": true,
           "docs": "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.",
           "docsTags": []
+        },
+        {
+          "event": "templateUpdated",
+          "detail": "{ endpoint: VerdocsEndpoint; template: ITemplate; event: string; }",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the template is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.",
+          "docsTags": []
         }
       ],
       "listeners": [],
@@ -6739,6 +6766,15 @@
       ],
       "methods": [],
       "events": [
+        {
+          "event": "envelopeUpdated",
+          "detail": "{ endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string; }",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the envelope is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.",
+          "docsTags": []
+        },
         {
           "event": "sdkError",
           "detail": "SDKError",

package/dist/esm/{Envelopes-91d7e139.js → Envelopes-b8945309.js}

@@ -1,4 +1,4 @@
-import { g as getEnvelope } from './Envelopes-130fd6ea.js';
+import { g as getEnvelope } from './Envelopes-eb3eef02.js';
 import { c as createStore } from './index-fd7b8a34.js';
 import { g as getTemplate } from './Templates-8e4ab976.js';
 
@@ -9,6 +9,9 @@ const { state, onChange } = createStore({
   loadProgress: 0,
   loading: true,
   error: '',
+  // This can be used as a data field on components that need to force re-rendering when the underlying data has changed. Stencil stores
+  // are handy but not very sophisticated. They don't re-render on "deep" changes.
+  updateCount: 1,
   roleNames: [],
   dirty: false,
 });

package/dist/esm/{Envelopes-130fd6ea.js → Envelopes-eb3eef02.js}

@@ -107,5 +107,15 @@ var updateEnvelopeFieldInitials = function (endpoint, envelopeId, fieldName, ini
                 .then(function (r) { return r.data; })];
     });
 }); };
+/**
+ * Get the attached file for an attachment field (if any)
+ */
+var getFieldAttachment = function (endpoint, envelopeId, fieldName) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        return [2 /*return*/, endpoint.api //
+                .get("/envelopes/".concat(envelopeId, "/fields/").concat(fieldName, "/document"), { responseType: 'blob' })
+                .then(function (r) { return r.data; })];
+    });
+}); };
 
-export { getEnvelopeFile as a, getSigningSession as b, updateEnvelopeFieldSignature as c, updateEnvelopeFieldInitials as d, getEnvelope as g, updateEnvelopeField as u };
+export { getEnvelopeFile as a, getFieldAttachment as b, getSigningSession as c, updateEnvelopeFieldSignature as d, updateEnvelopeFieldInitials as e, getEnvelope as g, updateEnvelopeField as u };

package/dist/esm/{Templates-7595bdbf.js → Templates-a7530314.js}

@@ -2,7 +2,7 @@ import { g as getTemplate } from './Templates-8e4ab976.js';
 import { s as state } from './templateStore-fd4beaae.js';
 
 const pendingNotifications = [];
-const loadTemplate = async (endpoint, templateId) => {
+const loadTemplate = async (endpoint, templateId, forceReload = false) => {
   if (!templateId) {
     console.log(`[TEMPLATES] Missing required template ID`);
     throw new Error('Missing required template ID');
@@ -16,7 +16,7 @@ const loadTemplate = async (endpoint, templateId) => {
       pendingNotifications.push({ resolve, reject });
     });
   }
-  if (templateId === state.templateId) {
+  if (templateId === state.templateId && !forceReload) {
     return state.template;
   }
   state.loading = true;

package/dist/esm/{interact.min-32c1c1e4.js → interact.min-e472871a.js}

@@ -1,20 +1,4 @@
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-function createCommonjsModule(fn, basedir, module) {
-	return module = {
-		path: basedir,
-		exports: {},
-		require: function (path, base) {
-			return commonjsRequire();
-		}
-	}, fn(module, module.exports), module.exports;
-}
-
-function commonjsRequire () {
-	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
-}
+import { c as getDefaultExportFromCjs, d as createCommonjsModule } from './utils-8065a62d.js';
 
 var interact_min = createCommonjsModule(function (module, exports) {
 /* interact.js 1.10.17 | https://interactjs.io/license */