@verdocs/web-sdk 4.2.126 → 4.2.127

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/dist/cjs/verdocs-kba-dialog_2.cjs.entry.js +7 -4
  2. package/dist/cjs/verdocs-preview_9.cjs.entry.js +7 -4
  3. package/dist/cjs/verdocs-sign.cjs.entry.js +2 -1
  4. package/dist/collection/components/embeds/verdocs-preview/verdocs-preview.js +7 -4
  5. package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js +2 -1
  6. package/dist/collection/components/embeds/verdocs-view/verdocs-view.js +7 -4
  7. package/dist/components/verdocs-preview2.js +7 -4
  8. package/dist/components/verdocs-sign.js +2 -1
  9. package/dist/components/verdocs-view2.js +7 -4
  10. package/dist/custom-elements.json +2056 -0
  11. package/dist/esm/verdocs-kba-dialog_2.entry.js +7 -4
  12. package/dist/esm/verdocs-preview_9.entry.js +7 -4
  13. package/dist/esm/verdocs-sign.entry.js +2 -1
  14. package/dist/esm-es5/verdocs-kba-dialog_2.entry.js +1 -1
  15. package/dist/esm-es5/verdocs-preview_9.entry.js +1 -1
  16. package/dist/esm-es5/verdocs-sign.entry.js +1 -1
  17. package/dist/verdocs-web-sdk/{p-dbce152e.entry.js → p-174325c3.entry.js} +1 -1
  18. package/dist/verdocs-web-sdk/p-267df026.system.js +1 -1
  19. package/dist/verdocs-web-sdk/{p-bc9928a8.entry.js → p-40cc1c52.entry.js} +1 -1
  20. package/dist/verdocs-web-sdk/{p-2adae827.system.entry.js → p-588d94b5.system.entry.js} +1 -1
  21. package/dist/verdocs-web-sdk/{p-7d7ca35a.system.entry.js → p-caaecfc2.system.entry.js} +1 -1
  22. package/dist/verdocs-web-sdk/p-d879bb87.system.entry.js +1 -0
  23. package/dist/verdocs-web-sdk/p-fc620807.entry.js +1 -0
  24. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
  25. package/package.json +2 -2
  26. package/dist/verdocs-web-sdk/p-2a1bed47.system.entry.js +0 -1
  27. package/dist/verdocs-web-sdk/p-2c40b37a.entry.js +0 -1
@@ -208,10 +208,13 @@ const VerdocsView = class {
208
208
  .filter(document => document.type !== 'certificate')
209
209
  .map(envelopeDocument => {
210
210
  const pageNumbers = jsSdk.integerSequence(1, envelopeDocument.pages);
211
- return (index.h(index.Fragment, null, pageNumbers.map(pageNumber => (index.h("verdocs-envelope-document-page", { envelopeId: this.envelopeId, documentId: envelopeDocument.id, endpoint: this.endpoint, type: "filled", virtualWidth: 612, virtualHeight: 792, pageNumber: pageNumber, onPageRendered: e => this.handlePageRendered(e), layers: [
212
- { name: 'page', type: 'canvas' },
213
- { name: 'controls', type: 'div' },
214
- ] })))));
211
+ return (index.h(index.Fragment, null, pageNumbers.map(pageNumber => {
212
+ const pageSize = envelopeDocument.page_sizes[pageNumber];
213
+ return (index.h("verdocs-envelope-document-page", { envelopeId: this.envelopeId, documentId: envelopeDocument.id, endpoint: this.endpoint, type: "filled", virtualWidth: (pageSize === null || pageSize === void 0 ? void 0 : pageSize.width) || 612, virtualHeight: (pageSize === null || pageSize === void 0 ? void 0 : pageSize.height) || 792, pageNumber: pageNumber, onPageRendered: e => this.handlePageRendered(e), layers: [
214
+ { name: 'page', type: 'canvas' },
215
+ { name: 'controls', type: 'div' },
216
+ ] }));
217
+ })));
215
218
  })), this.showCancelDone && (index.h("verdocs-ok-dialog", { heading: "Cancelled", message: `This envelope has been cancelled successfully.`, onNext: () => {
216
219
  this.showCancelDone = false;
217
220
  } })), this.canceling && (index.h("div", { class: "loading-indicator" }, index.h("verdocs-loader", null)))));
@@ -83,10 +83,13 @@ const VerdocsPreview = class {
83
83
  }
84
84
  return (index.h(index.Host, null, (((_b = (_a = this.templateStore) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.documents) || []).map(document => {
85
85
  const pageNumbers = jsSdk.integerSequence(1, document.pages);
86
- return (index.h(index.Fragment, null, pageNumbers.map(pageNumber => (index.h("verdocs-template-document-page", { templateId: document.template_id, documentId: document.id, pageNumber: pageNumber, disabled: true, editable: false, done: false, virtualWidth: 612, virtualHeight: 792, onPageRendered: e => this.handlePageRendered(e), layers: [
87
- { name: 'page', type: 'canvas' },
88
- { name: 'controls', type: 'div' },
89
- ] })))));
86
+ return (index.h(index.Fragment, null, pageNumbers.map(pageNumber => {
87
+ const pageSize = document.page_sizes[pageNumber];
88
+ return (index.h("verdocs-template-document-page", { templateId: document.template_id, documentId: document.id, pageNumber: pageNumber, disabled: true, editable: false, done: false, virtualWidth: (pageSize === null || pageSize === void 0 ? void 0 : pageSize.width) || 612, virtualHeight: (pageSize === null || pageSize === void 0 ? void 0 : pageSize.height) || 792, onPageRendered: e => this.handlePageRendered(e), layers: [
89
+ { name: 'page', type: 'canvas' },
90
+ { name: 'controls', type: 'div' },
91
+ ] }));
92
+ })));
90
93
  })));
91
94
  }
92
95
  static get watchers() { return {
@@ -596,6 +596,7 @@ const VerdocsSign = class {
596
596
  return (index.h(index.Host, null, index.h("div", { id: "verdocs-sign-header" }, index.h("div", { class: "inner" }, index.h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), index.h("div", { class: "title" }, this.envelope.name), index.h("div", { style: { flex: '1' } }), !this.finishLater && index.h("verdocs-button", { size: "xsmall", label: this.nextButtonLabel, disabled: !this.agreed, onClick: () => this.handleNext() }), index.h("div", { style: { marginLeft: '10px' } }), index.h("verdocs-dropdown", { options: !this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions, onOptionSelected: e => this.handleOptionSelected(e) }))), index.h("div", { class: "document", style: { paddingTop: '15px' } }, (this.envelope.documents || []).map(envelopeDocument => {
597
597
  const pageNumbers = jsSdk.integerSequence(1, envelopeDocument.pages);
598
598
  return (index.h(index.Fragment, null, pageNumbers.map(pageNumber => {
599
+ const pageSize = envelopeDocument.page_sizes[pageNumber];
599
600
  // In signing mode we show the original template page with all the recipient fields so we can show source formatting and
600
601
  // where everything went. This is also a visual indicator when optional fields weren't filled in by previous actors, or
601
602
  // future signers still need to act. Once we're "done" we flip to showing the envelope's documents which have the final
@@ -604,7 +605,7 @@ const VerdocsSign = class {
604
605
  // TODO: Confirm that a pure page-number match is good enough to find the matching template page. We need to make sure
605
606
  // we either don't reset our page numbers for additional attachments, or add match-on identifiers to work around that.
606
607
  // console.log('tp', templatePage, page);
607
- return (index.h("verdocs-envelope-document-page", { envelopeId: this.envelopeId, documentId: envelopeDocument.id, endpoint: this.endpoint, virtualWidth: 612, virtualHeight: 792, pageNumber: pageNumber, onPageRendered: e => this.handlePageRendered(e), type: "filled", layers: [
608
+ return (index.h("verdocs-envelope-document-page", { envelopeId: this.envelopeId, documentId: envelopeDocument.id, endpoint: this.endpoint, virtualWidth: (pageSize === null || pageSize === void 0 ? void 0 : pageSize.width) || 612, virtualHeight: (pageSize === null || pageSize === void 0 ? void 0 : pageSize.height) || 792, pageNumber: pageNumber, onPageRendered: e => this.handlePageRendered(e), type: "filled", layers: [
608
609
  { name: 'page', type: 'canvas' },
609
610
  { name: 'controls', type: 'div' },
610
611
  ] }));
@@ -76,10 +76,13 @@ export class VerdocsPreview {
76
76
  }
77
77
  return (h(Host, null, (((_b = (_a = this.templateStore) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.documents) || []).map(document => {
78
78
  const pageNumbers = integerSequence(1, document.pages);
79
- return (h(Fragment, null, pageNumbers.map(pageNumber => (h("verdocs-template-document-page", { templateId: document.template_id, documentId: document.id, pageNumber: pageNumber, disabled: true, editable: false, done: false, virtualWidth: 612, virtualHeight: 792, onPageRendered: e => this.handlePageRendered(e), layers: [
80
- { name: 'page', type: 'canvas' },
81
- { name: 'controls', type: 'div' },
82
- ] })))));
79
+ return (h(Fragment, null, pageNumbers.map(pageNumber => {
80
+ const pageSize = document.page_sizes[pageNumber];
81
+ return (h("verdocs-template-document-page", { templateId: document.template_id, documentId: document.id, pageNumber: pageNumber, disabled: true, editable: false, done: false, virtualWidth: (pageSize === null || pageSize === void 0 ? void 0 : pageSize.width) || 612, virtualHeight: (pageSize === null || pageSize === void 0 ? void 0 : pageSize.height) || 792, onPageRendered: e => this.handlePageRendered(e), layers: [
82
+ { name: 'page', type: 'canvas' },
83
+ { name: 'controls', type: 'div' },
84
+ ] }));
85
+ })));
83
86
  })));
84
87
  }
85
88
  static get is() { return "verdocs-preview"; }
@@ -600,6 +600,7 @@ export class VerdocsSign {
600
600
  return (h(Host, null, h("div", { id: "verdocs-sign-header" }, h("div", { class: "inner" }, h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), h("div", { class: "title" }, this.envelope.name), h("div", { style: { flex: '1' } }), !this.finishLater && h("verdocs-button", { size: "xsmall", label: this.nextButtonLabel, disabled: !this.agreed, onClick: () => this.handleNext() }), h("div", { style: { marginLeft: '10px' } }), h("verdocs-dropdown", { options: !this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions, onOptionSelected: e => this.handleOptionSelected(e) }))), h("div", { class: "document", style: { paddingTop: '15px' } }, (this.envelope.documents || []).map(envelopeDocument => {
601
601
  const pageNumbers = integerSequence(1, envelopeDocument.pages);
602
602
  return (h(Fragment, null, pageNumbers.map(pageNumber => {
603
+ const pageSize = envelopeDocument.page_sizes[pageNumber];
603
604
  // In signing mode we show the original template page with all the recipient fields so we can show source formatting and
604
605
  // where everything went. This is also a visual indicator when optional fields weren't filled in by previous actors, or
605
606
  // future signers still need to act. Once we're "done" we flip to showing the envelope's documents which have the final
@@ -608,7 +609,7 @@ export class VerdocsSign {
608
609
  // TODO: Confirm that a pure page-number match is good enough to find the matching template page. We need to make sure
609
610
  // we either don't reset our page numbers for additional attachments, or add match-on identifiers to work around that.
610
611
  // console.log('tp', templatePage, page);
611
- return (h("verdocs-envelope-document-page", { envelopeId: this.envelopeId, documentId: envelopeDocument.id, endpoint: this.endpoint, virtualWidth: 612, virtualHeight: 792, pageNumber: pageNumber, onPageRendered: e => this.handlePageRendered(e), type: "filled", layers: [
612
+ return (h("verdocs-envelope-document-page", { envelopeId: this.envelopeId, documentId: envelopeDocument.id, endpoint: this.endpoint, virtualWidth: (pageSize === null || pageSize === void 0 ? void 0 : pageSize.width) || 612, virtualHeight: (pageSize === null || pageSize === void 0 ? void 0 : pageSize.height) || 792, pageNumber: pageNumber, onPageRendered: e => this.handlePageRendered(e), type: "filled", layers: [
612
613
  { name: 'page', type: 'canvas' },
613
614
  { name: 'controls', type: 'div' },
614
615
  ] }));
@@ -165,10 +165,13 @@ export class VerdocsView {
165
165
  .filter(document => document.type !== 'certificate')
166
166
  .map(envelopeDocument => {
167
167
  const pageNumbers = integerSequence(1, envelopeDocument.pages);
168
- return (h(Fragment, null, pageNumbers.map(pageNumber => (h("verdocs-envelope-document-page", { envelopeId: this.envelopeId, documentId: envelopeDocument.id, endpoint: this.endpoint, type: "filled", virtualWidth: 612, virtualHeight: 792, pageNumber: pageNumber, onPageRendered: e => this.handlePageRendered(e), layers: [
169
- { name: 'page', type: 'canvas' },
170
- { name: 'controls', type: 'div' },
171
- ] })))));
168
+ return (h(Fragment, null, pageNumbers.map(pageNumber => {
169
+ const pageSize = envelopeDocument.page_sizes[pageNumber];
170
+ return (h("verdocs-envelope-document-page", { envelopeId: this.envelopeId, documentId: envelopeDocument.id, endpoint: this.endpoint, type: "filled", virtualWidth: (pageSize === null || pageSize === void 0 ? void 0 : pageSize.width) || 612, virtualHeight: (pageSize === null || pageSize === void 0 ? void 0 : pageSize.height) || 792, pageNumber: pageNumber, onPageRendered: e => this.handlePageRendered(e), layers: [
171
+ { name: 'page', type: 'canvas' },
172
+ { name: 'controls', type: 'div' },
173
+ ] }));
174
+ })));
172
175
  })), this.showCancelDone && (h("verdocs-ok-dialog", { heading: "Cancelled", message: `This envelope has been cancelled successfully.`, onNext: () => {
173
176
  this.showCancelDone = false;
174
177
  } })), this.canceling && (h("div", { class: "loading-indicator" }, h("verdocs-loader", null)))));
@@ -95,10 +95,13 @@ const VerdocsPreview = /*@__PURE__*/ proxyCustomElement(class VerdocsPreview ext
95
95
  }
96
96
  return (h(Host, null, (((_b = (_a = this.templateStore) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.documents) || []).map(document => {
97
97
  const pageNumbers = integerSequence(1, document.pages);
98
- return (h(Fragment, null, pageNumbers.map(pageNumber => (h("verdocs-template-document-page", { templateId: document.template_id, documentId: document.id, pageNumber: pageNumber, disabled: true, editable: false, done: false, virtualWidth: 612, virtualHeight: 792, onPageRendered: e => this.handlePageRendered(e), layers: [
99
- { name: 'page', type: 'canvas' },
100
- { name: 'controls', type: 'div' },
101
- ] })))));
98
+ return (h(Fragment, null, pageNumbers.map(pageNumber => {
99
+ const pageSize = document.page_sizes[pageNumber];
100
+ return (h("verdocs-template-document-page", { templateId: document.template_id, documentId: document.id, pageNumber: pageNumber, disabled: true, editable: false, done: false, virtualWidth: (pageSize === null || pageSize === void 0 ? void 0 : pageSize.width) || 612, virtualHeight: (pageSize === null || pageSize === void 0 ? void 0 : pageSize.height) || 792, onPageRendered: e => this.handlePageRendered(e), layers: [
101
+ { name: 'page', type: 'canvas' },
102
+ { name: 'controls', type: 'div' },
103
+ ] }));
104
+ })));
102
105
  })));
103
106
  }
104
107
  static get watchers() { return {
@@ -599,6 +599,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
599
599
  return (h(Host, null, h("div", { id: "verdocs-sign-header" }, h("div", { class: "inner" }, h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), h("div", { class: "title" }, this.envelope.name), h("div", { style: { flex: '1' } }), !this.finishLater && h("verdocs-button", { size: "xsmall", label: this.nextButtonLabel, disabled: !this.agreed, onClick: () => this.handleNext() }), h("div", { style: { marginLeft: '10px' } }), h("verdocs-dropdown", { options: !this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions, onOptionSelected: e => this.handleOptionSelected(e) }))), h("div", { class: "document", style: { paddingTop: '15px' } }, (this.envelope.documents || []).map(envelopeDocument => {
600
600
  const pageNumbers = integerSequence(1, envelopeDocument.pages);
601
601
  return (h(Fragment, null, pageNumbers.map(pageNumber => {
602
+ const pageSize = envelopeDocument.page_sizes[pageNumber];
602
603
  // In signing mode we show the original template page with all the recipient fields so we can show source formatting and
603
604
  // where everything went. This is also a visual indicator when optional fields weren't filled in by previous actors, or
604
605
  // future signers still need to act. Once we're "done" we flip to showing the envelope's documents which have the final
@@ -607,7 +608,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
607
608
  // TODO: Confirm that a pure page-number match is good enough to find the matching template page. We need to make sure
608
609
  // we either don't reset our page numbers for additional attachments, or add match-on identifiers to work around that.
609
610
  // console.log('tp', templatePage, page);
610
- return (h("verdocs-envelope-document-page", { envelopeId: this.envelopeId, documentId: envelopeDocument.id, endpoint: this.endpoint, virtualWidth: 612, virtualHeight: 792, pageNumber: pageNumber, onPageRendered: e => this.handlePageRendered(e), type: "filled", layers: [
611
+ return (h("verdocs-envelope-document-page", { envelopeId: this.envelopeId, documentId: envelopeDocument.id, endpoint: this.endpoint, virtualWidth: (pageSize === null || pageSize === void 0 ? void 0 : pageSize.width) || 612, virtualHeight: (pageSize === null || pageSize === void 0 ? void 0 : pageSize.height) || 792, pageNumber: pageNumber, onPageRendered: e => this.handlePageRendered(e), type: "filled", layers: [
611
612
  { name: 'page', type: 'canvas' },
612
613
  { name: 'controls', type: 'div' },
613
614
  ] }));
@@ -170,10 +170,13 @@ const VerdocsView = /*@__PURE__*/ proxyCustomElement(class VerdocsView extends H
170
170
  .filter(document => document.type !== 'certificate')
171
171
  .map(envelopeDocument => {
172
172
  const pageNumbers = integerSequence(1, envelopeDocument.pages);
173
- return (h(Fragment, null, pageNumbers.map(pageNumber => (h("verdocs-envelope-document-page", { envelopeId: this.envelopeId, documentId: envelopeDocument.id, endpoint: this.endpoint, type: "filled", virtualWidth: 612, virtualHeight: 792, pageNumber: pageNumber, onPageRendered: e => this.handlePageRendered(e), layers: [
174
- { name: 'page', type: 'canvas' },
175
- { name: 'controls', type: 'div' },
176
- ] })))));
173
+ return (h(Fragment, null, pageNumbers.map(pageNumber => {
174
+ const pageSize = envelopeDocument.page_sizes[pageNumber];
175
+ return (h("verdocs-envelope-document-page", { envelopeId: this.envelopeId, documentId: envelopeDocument.id, endpoint: this.endpoint, type: "filled", virtualWidth: (pageSize === null || pageSize === void 0 ? void 0 : pageSize.width) || 612, virtualHeight: (pageSize === null || pageSize === void 0 ? void 0 : pageSize.height) || 792, pageNumber: pageNumber, onPageRendered: e => this.handlePageRendered(e), layers: [
176
+ { name: 'page', type: 'canvas' },
177
+ { name: 'controls', type: 'div' },
178
+ ] }));
179
+ })));
177
180
  })), this.showCancelDone && (h("verdocs-ok-dialog", { heading: "Cancelled", message: `This envelope has been cancelled successfully.`, onNext: () => {
178
181
  this.showCancelDone = false;
179
182
  } })), this.canceling && (h("div", { class: "loading-indicator" }, h("verdocs-loader", null)))));