@verdocs/web-sdk 4.2.123 → 4.2.124
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.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/verdocs-envelope-document-page.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-envelopes-list.cjs.entry.js +6 -6
- package/dist/cjs/verdocs-field-attachment_13.cjs.entry.js +16 -5
- package/dist/cjs/verdocs-quick-functions.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-radio-button_3.cjs.entry.js +9 -9
- package/dist/cjs/verdocs-search-tabs.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-status-indicator.cjs.entry.js +2 -2
- package/dist/cjs/verdocs-template-card.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-template-document-page_2.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-template-star.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-template-tags.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-web-sdk.cjs.js +1 -1
- package/dist/collection/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.css +4 -0
- package/dist/collection/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.js +35 -5
- package/dist/collection/components/elements/verdocs-quick-functions/verdocs-quick-functions.js +1 -1
- package/dist/collection/components/elements/verdocs-search-tabs/verdocs-search-tabs.js +1 -1
- package/dist/collection/components/envelopes/verdocs-envelope-document-page/verdocs-envelope-document-page.js +1 -1
- package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.js +6 -6
- package/dist/collection/components/envelopes/verdocs-status-indicator/verdocs-status-indicator.js +2 -2
- package/dist/collection/components/templates/verdocs-template-card/verdocs-template-card.js +1 -1
- package/dist/collection/components/templates/verdocs-template-document-page/verdocs-template-document-page.js +1 -1
- package/dist/collection/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.js +8 -8
- package/dist/collection/components/templates/verdocs-template-sender/verdocs-template-sender.js +1 -1
- package/dist/collection/components/templates/verdocs-template-star/verdocs-template-star.js +1 -1
- package/dist/collection/components/templates/verdocs-template-tags/verdocs-template-tags.js +1 -1
- package/dist/components/verdocs-envelope-document-page2.js +1 -1
- package/dist/components/verdocs-envelopes-list.js +6 -6
- package/dist/components/verdocs-quick-functions.js +1 -1
- package/dist/components/verdocs-search-tabs.js +1 -1
- package/dist/components/verdocs-status-indicator2.js +2 -2
- package/dist/components/verdocs-template-card.js +1 -1
- package/dist/components/verdocs-template-document-page2.js +1 -1
- package/dist/components/verdocs-template-role-properties2.js +8 -8
- package/dist/components/verdocs-template-sender2.js +1 -1
- package/dist/components/verdocs-template-star2.js +1 -1
- package/dist/components/verdocs-template-tags.js +1 -1
- package/dist/components/verdocs-upload-dialog2.js +19 -6
- package/dist/esm/loader.js +1 -1
- package/dist/esm/verdocs-envelope-document-page.entry.js +1 -1
- package/dist/esm/verdocs-envelopes-list.entry.js +6 -6
- package/dist/esm/verdocs-field-attachment_13.entry.js +16 -5
- package/dist/esm/verdocs-quick-functions.entry.js +1 -1
- package/dist/esm/verdocs-radio-button_3.entry.js +9 -9
- package/dist/esm/verdocs-search-tabs.entry.js +1 -1
- package/dist/esm/verdocs-status-indicator.entry.js +2 -2
- package/dist/esm/verdocs-template-card.entry.js +1 -1
- package/dist/esm/verdocs-template-document-page_2.entry.js +1 -1
- package/dist/esm/verdocs-template-star.entry.js +1 -1
- package/dist/esm/verdocs-template-tags.entry.js +1 -1
- package/dist/esm/verdocs-web-sdk.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/verdocs-envelope-document-page.entry.js +1 -1
- package/dist/esm-es5/verdocs-envelopes-list.entry.js +1 -1
- package/dist/esm-es5/verdocs-field-attachment_13.entry.js +1 -1
- package/dist/esm-es5/verdocs-quick-functions.entry.js +1 -1
- package/dist/esm-es5/verdocs-radio-button_3.entry.js +1 -1
- package/dist/esm-es5/verdocs-search-tabs.entry.js +1 -1
- package/dist/esm-es5/verdocs-status-indicator.entry.js +1 -1
- package/dist/esm-es5/verdocs-template-card.entry.js +1 -1
- package/dist/esm-es5/verdocs-template-document-page_2.entry.js +1 -1
- package/dist/esm-es5/verdocs-template-star.entry.js +1 -1
- package/dist/esm-es5/verdocs-template-tags.entry.js +1 -1
- package/dist/esm-es5/verdocs-web-sdk.js +1 -1
- package/dist/types/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.d.ts +3 -0
- package/dist/types/components.d.ts +2 -0
- package/dist/verdocs-web-sdk/{p-c9f545fe.entry.js → p-12a39d57.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-c43f5df7.system.entry.js → p-1dacf5e4.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-267df026.system.js +1 -1
- package/dist/verdocs-web-sdk/{p-2ee3549e.system.entry.js → p-4d071145.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-cc5245b4.system.entry.js → p-53a3cdf3.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-8f3ed4da.system.entry.js → p-54526558.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-77f12464.entry.js → p-5c9fd1e3.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-5b7fd148.entry.js → p-5f61d897.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-98885cd8.entry.js → p-68a37526.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-4ee43d61.entry.js → p-70006d4d.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-aace040e.entry.js → p-77407be2.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-779a342d.system.entry.js → p-808f956b.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-c0018ff8.entry.js → p-965464db.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-48c2f79b.entry.js → p-9750767c.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-b52b2533.system.entry.js → p-a246dd98.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-72b47a99.entry.js → p-ab385138.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-3128b508.system.entry.js → p-ad8dfb2b.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-d119854a.system.entry.js → p-aebb6858.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-8ce033ef.entry.js → p-c32f6de0.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-55f49f87.entry.js → p-d1ec0c0e.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-f96de332.system.entry.js → p-d775d674.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-c5e65e9d.system.entry.js → p-fdba52be.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-826d6fb0.system.entry.js → p-fed1d58a.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
- package/package.json +1 -1
@@ -9,10 +9,12 @@ const PaperclipIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewB
|
|
9
9
|
*/
|
10
10
|
export class VerdocsUploadDialog {
|
11
11
|
constructor() {
|
12
|
+
this.maxSize = 20 * 1024 * 1024;
|
12
13
|
this.existingFile = undefined;
|
13
14
|
this.draggingOver = false;
|
14
15
|
this.confirmDelete = false;
|
15
16
|
this.selectedFiles = [];
|
17
|
+
this.errorMessage = '';
|
16
18
|
}
|
17
19
|
handleCancel() {
|
18
20
|
this.exit.emit();
|
@@ -38,12 +40,20 @@ export class VerdocsUploadDialog {
|
|
38
40
|
async handleDrop(e) {
|
39
41
|
e.preventDefault();
|
40
42
|
this.draggingOver = false;
|
41
|
-
this.
|
43
|
+
this.handleSetSelected(Array.from(e.dataTransfer.files));
|
42
44
|
}
|
43
45
|
handleRemoveAttachment(index) {
|
44
46
|
const newFiles = [...this.selectedFiles];
|
45
47
|
newFiles.splice(index, 1);
|
46
|
-
this.
|
48
|
+
this.handleSetSelected(newFiles);
|
49
|
+
}
|
50
|
+
handleSetSelected(files) {
|
51
|
+
this.selectedFiles = files;
|
52
|
+
this.errorMessage = '';
|
53
|
+
const totalSize = this.selectedFiles.reduce((acc, file) => acc + file.size, 0);
|
54
|
+
if (totalSize > this.maxSize) {
|
55
|
+
this.errorMessage = 'Total file size must not exceed 20MB.';
|
56
|
+
}
|
47
57
|
}
|
48
58
|
handleDeleteAttachment(e) {
|
49
59
|
var _a;
|
@@ -61,16 +71,17 @@ export class VerdocsUploadDialog {
|
|
61
71
|
}
|
62
72
|
async handleFileChange() {
|
63
73
|
var _a, _b, _c;
|
64
|
-
|
74
|
+
const selectedFiles = Array.from((_a = this.fileInput) === null || _a === void 0 ? void 0 : _a.files);
|
65
75
|
let droppedFiles = [];
|
66
76
|
for (let i = 0; i < ((_b = this.fileInput) === null || _b === void 0 ? void 0 : _b.files.length); i++) {
|
67
77
|
droppedFiles.push((_c = this.fileInput) === null || _c === void 0 ? void 0 : _c.files[i]);
|
68
78
|
}
|
79
|
+
this.handleSetSelected(selectedFiles);
|
69
80
|
}
|
70
81
|
render() {
|
71
82
|
var _a;
|
72
83
|
const existingFile = ((_a = this.existingFile) === null || _a === void 0 ? void 0 : _a.name) ? this.existingFile : null;
|
73
|
-
return (h(Host, { key: '
|
84
|
+
return (h(Host, { key: 'e7a5e6df6d936adbfe74ba8e212dfe79816b0c05' }, h("div", { key: 'b534d7c777b37af48c27498337b62daca283e22e', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '11967dfddc9da736bdf1957ee3743b1777dc971e', class: "upload-dialog-content" }, h("div", { key: 'ec967b175dfc6edffbfc57537f0a6c12f8cf3844', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && existingFile && (h(Fragment, { key: '9e6ec10aeacb411d5fefada717b9d724520e0869' }, h("div", { key: '5b5cd3c87833d862fd361e84155c3622d51280d1', class: "current-label" }, "Current Attachment"), h("div", { key: '866c221a7b3bda742d336d2c111da02b8fd4a960', class: "attachments", style: { marginTop: '0' } }, h("div", { key: '345302d3801fe2b0f2e69ed64d2cba8f42e57174', class: "attachment" }, h("div", { key: '7a9a948fa18aca0a99b76f089622113de7e24cee', class: "icon", innerHTML: PaperclipIcon }), h("div", { key: '5dced948f61febe18703583f7e4a3b9827782cff', class: "name" }, existingFile.name), h("div", { key: '9e715db7009c444ae2ebcdc2f7ac15e9165d2798', class: "icon trash", innerHTML: TrashIcon, onClick: () => (this.confirmDelete = true) }))))), this.selectedFiles.length < 1 && !existingFile && (h("div", { key: 'bf4a4796aeaa0d3a941299e482198c58acc26912', class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, h("p", { key: '73708b0cc4f5a17b25336546bc167500de6b7d33' }, "Drag and drop a ", !!existingFile && 'replacement', " here..."), h("p", { key: 'c8e0584a2816f73e0ded9a512d9a8a21482748d4' }, "- or -"), h("verdocs-button", { key: 'bde27f1ace37fcfe4c499f13d30078bded11415a', label: !!existingFile ? 'Replace file...' : 'Select a file...', onClick: () => this.handleSelectFile() }), h("input", { key: '7d9fa1cd9432bfa2929999f5f3f7bd5027ca07cf', type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, onChange: () => this.handleFileChange() }))), this.selectedFiles.length > 0 && (h("div", { key: 'ea91d6a64a82c89614aa1f925491d22569dd641a', class: "attachments" }, this.selectedFiles.map((file, index) => (h("div", { class: "attachment" }, h("div", { class: "icon", innerHTML: PaperclipIcon }), h("div", { class: "name" }, file.name), h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index) })))))), !!this.errorMessage && h("div", { key: 'a1d49fc0d88dd44dacd75267f5fc1d3607c9ba1c', class: "error" }, this.errorMessage), h("div", { key: '2b195ca472b3490e6aa00559736db4760f5e822e', class: "buttons" }, h("verdocs-button", { key: '213c44025a3e7f3343c69ce4fcf880416d3c84f7', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: 'a7c12c9c0b497fec67f43dbe7fefb31700625724', label: "Upload", onClick: () => this.handleDone(), disabled: !!this.errorMessage || this.selectedFiles.length < 1 })))), this.confirmDelete && (h("verdocs-ok-dialog", { key: 'e0c2be554a401f9a02ba8ca63b33ba11f02c836a', heading: "Delete Attachment?", message: "Are you sure you wish to delete this attachment? This action cannot be undone.", showCancel: true, onExit: e => {
|
74
85
|
// So we don't close the upload dialog
|
75
86
|
e.preventDefault();
|
76
87
|
e.stopPropagation();
|
@@ -90,6 +101,24 @@ export class VerdocsUploadDialog {
|
|
90
101
|
}
|
91
102
|
static get properties() {
|
92
103
|
return {
|
104
|
+
"maxSize": {
|
105
|
+
"type": "number",
|
106
|
+
"mutable": true,
|
107
|
+
"complexType": {
|
108
|
+
"original": "number",
|
109
|
+
"resolved": "number",
|
110
|
+
"references": {}
|
111
|
+
},
|
112
|
+
"required": false,
|
113
|
+
"optional": false,
|
114
|
+
"docs": {
|
115
|
+
"tags": [],
|
116
|
+
"text": ""
|
117
|
+
},
|
118
|
+
"attribute": "max-size",
|
119
|
+
"reflect": false,
|
120
|
+
"defaultValue": "20 * 1024 * 1024"
|
121
|
+
},
|
93
122
|
"existingFile": {
|
94
123
|
"type": "any",
|
95
124
|
"mutable": true,
|
@@ -113,7 +142,8 @@ export class VerdocsUploadDialog {
|
|
113
142
|
return {
|
114
143
|
"draggingOver": {},
|
115
144
|
"confirmDelete": {},
|
116
|
-
"selectedFiles": {}
|
145
|
+
"selectedFiles": {},
|
146
|
+
"errorMessage": {}
|
117
147
|
};
|
118
148
|
}
|
119
149
|
static get events() {
|
package/dist/collection/components/elements/verdocs-quick-functions/verdocs-quick-functions.js
CHANGED
@@ -19,7 +19,7 @@ export class VerdocsQuickFunctions {
|
|
19
19
|
this.createDocument.emit();
|
20
20
|
}
|
21
21
|
render() {
|
22
|
-
return (h("div", { key: '
|
22
|
+
return (h("div", { key: '0cff01678f477efbb74f37a070db94c6ffa195a1', class: "container" }, h("p", { key: '2b781540591813f4955324bfb89084ad2b0a5132', class: "title" }, "Quick Create"), h("button", { key: '1530472b7904a08465cb27e61b2adc84d0ff7560', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { key: '7f07268a4aaa6dbb610815af95f27025c0d91c41', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
|
23
23
|
}
|
24
24
|
static get is() { return "verdocs-quick-functions"; }
|
25
25
|
static get originalStyleUrls() {
|
@@ -4,7 +4,7 @@ export class VerdocsSearchTabs {
|
|
4
4
|
this.selected = 'all';
|
5
5
|
}
|
6
6
|
render() {
|
7
|
-
return h("div", { key: '
|
7
|
+
return h("div", { key: '33700d0c932da7138bf44f6dd69501d8c652bb4d' }, "\u00A0");
|
8
8
|
}
|
9
9
|
static get is() { return "verdocs-search-tabs"; }
|
10
10
|
static get originalStyleUrls() {
|
@@ -74,7 +74,7 @@ export class VerdocsEnvelopeDocumentPage {
|
|
74
74
|
}
|
75
75
|
render() {
|
76
76
|
const height = `${this.renderedHeight}px`;
|
77
|
-
return (h(Host, { key: '
|
77
|
+
return (h(Host, { key: 'a81d2ebfb4583ff9817dceff69838a2a38d51c58', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-envelope-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
|
78
78
|
// Note that all we really care about is the aspect ratio. We track the natural Width and Height but they aren't really that
|
79
79
|
// useful as individual values. The image will already have been scaled down to fit a DIV for display (100%, auto height).
|
80
80
|
// Builder places fields offset into the rendered display area, not the original document's dimensions. So its X/Y values
|
package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.js
CHANGED
@@ -191,18 +191,18 @@ export class VerdocsEnvelopesList {
|
|
191
191
|
});
|
192
192
|
}
|
193
193
|
render() {
|
194
|
-
return (h(Host, { key: '
|
194
|
+
return (h(Host, { key: '16ef23582bd602e8f1d73d6dededfbb9034411a3' }, h("div", { key: '08a44cfcd5b9c4c99196192889cd04b2b28d16dd', class: "header" }, h("div", { key: '1e52bd468584ed21fec2e82fab55df929fa6a882', class: "filter" }, h("verdocs-text-input", { key: 'da6f8fe6d6c7c890a50d89e754f0f6e8cf0dc1f5', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
|
195
195
|
var _a;
|
196
196
|
// We don't locally filter envelopes because there are too many fields to match against efficiently.
|
197
197
|
this.match = e.target.value.trim();
|
198
198
|
(_a = this.changeMatch) === null || _a === void 0 ? void 0 : _a.emit(this.match);
|
199
|
-
} })), h("verdocs-quick-filter", { key: '
|
199
|
+
} })), h("verdocs-quick-filter", { key: '3c530e4b939ea9beb56fb6a8ef185aefda997b5c', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
|
200
200
|
this.view = e.detail.value;
|
201
|
-
} }), this.view === 'all' && (h("verdocs-quick-filter", { key: '
|
201
|
+
} }), this.view === 'all' && (h("verdocs-quick-filter", { key: 'c1dea5014f12031c2811a3a420638dcf9a629518', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
|
202
202
|
this.status = e.detail.value;
|
203
|
-
} })), this.view === 'all' && (h("verdocs-quick-filter", { key: '
|
203
|
+
} })), this.view === 'all' && (h("verdocs-quick-filter", { key: '3709b032cc82bf52bcd1b0502bc320378d80321a', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
|
204
204
|
this.sort = e.detail.value;
|
205
|
-
} })), this.loading && h("verdocs-spinner", { key: '
|
205
|
+
} })), this.loading && h("verdocs-spinner", { key: '41543cc37ff98e5b6243e26ad557c4db702b3785', mode: "dark", size: 24 }), h("div", { key: '3cb1462b5701c9845097d667eda3fcef56c6adf2', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: 'ebd3fc5c23bd0c26bc0044dcbc26b967e70ae3da', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
|
206
206
|
var _a;
|
207
207
|
const recipientsWithActions = getRecipientsWithActions(envelope);
|
208
208
|
const userCanCancel = userCanCancelEnvelope(this.endpoint.profile, envelope);
|
@@ -243,7 +243,7 @@ export class VerdocsEnvelopesList {
|
|
243
243
|
break;
|
244
244
|
}
|
245
245
|
} }))));
|
246
|
-
}), !this.initiallyLoaded && (h("div", { key: '
|
246
|
+
}), !this.initiallyLoaded && (h("div", { key: '0d44a7b663ea9220fa43665f6245a78187ae6ef0', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: 'c024bc67a3360c9350b65bbd40948a63eb47f6bb', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
|
247
247
|
this.selectedPage = e.detail.selectedPage;
|
248
248
|
} }))) : (h("div", null))));
|
249
249
|
}
|
package/dist/collection/components/envelopes/verdocs-status-indicator/verdocs-status-indicator.js
CHANGED
@@ -238,11 +238,11 @@ export class VerdocsStatusIndicator {
|
|
238
238
|
}
|
239
239
|
const icon = this.getStatusIcon(status);
|
240
240
|
const statusMessage = this.getStatusMessage(status);
|
241
|
-
return (h(Host, { key: '
|
241
|
+
return (h(Host, { key: '26b42a98a4f70d09aeb1721916f3a6239b73b1cb', ref: el => (this.summaryComponent = el), class: `${this.theme} ${this.size} ${this.envelope ? 'has-document' : ''}`, "aria-label": "Click to View Details", onClick: e => {
|
242
242
|
e.stopPropagation();
|
243
243
|
e.preventDefault();
|
244
244
|
this.envelope && this.toggleDropdown();
|
245
|
-
}, onBlur: e => this.envelope && this.handleHideDropdown(e) }, h("span", { key: '
|
245
|
+
}, onBlur: e => this.envelope && this.handleHideDropdown(e) }, h("span", { key: '755c501d67a395d153c2433bcd0593931aed3b13', class: "icon", innerHTML: icon }), h("span", { key: '393027372c519cff2fbdf391cbd1325e880f46d0', class: "content" }, statusMessage), h("div", { key: '7e0168d274fa853e5b74ccadbc3cd1fc06751280', class: "detail-panel", ref: el => (this.detailPanel = el) }, h("div", { key: 'ef04e1f77c3cfbab5054946d7c48de5f60e9ee06', id: `${this.containerId}` }), this.recipientStatusIcons.map(icon => (h("span", { innerHTML: icon.icon, style: { position: 'absolute', top: `${icon.y}px`, left: `${icon.x}px` } }))))));
|
246
246
|
}
|
247
247
|
static get is() { return "verdocs-status-indicator"; }
|
248
248
|
static get originalStyleUrls() {
|
@@ -12,7 +12,7 @@ export class VerdocsTemplateCard {
|
|
12
12
|
}
|
13
13
|
render() {
|
14
14
|
var _a, _b, _c, _d;
|
15
|
-
return (h(Host, { key: '
|
15
|
+
return (h(Host, { key: '5d51a6309b35282260e0b5a9accb65368f66e137' }, h("span", { key: '5077d1f9917cd63eba77d19efa46854000d2285d', class: "name" }, this.template.name), h("span", { key: '3dfe49dbf90de379d47e6a4b9b1583ac38ff4abd', class: "org-name" }, ((_a = this.template.organization) === null || _a === void 0 ? void 0 : _a.name) || 'Public'), h("hr", { key: '9cf9967baf829422608934bb3cdc44e872655b6a' }), h("div", { key: 'a778ca45266cf6915903885658914388e2fb6482', class: "controls" }, h("div", { key: '3ac820a94080adccf68076cfd2c5acf795ad7fc8', class: "control" }, h("span", { key: '0f852a590b4ea1c7c523aa2d132de6a502ca64a3', class: "icon", innerHTML: StarIcon }), h("span", { key: 'b6d8ff745a148d734a443d6975546018c38d720c', class: "value" }, this.template.star_counter)), h("div", { key: '66ad10b503b311b1e474ac5a757eda68d7c14da9', class: "control secondary" }, h("span", { key: '5a799e82a7e982a3878267ba7142968a9ae57ed9', class: "icon", innerHTML: PagesIcon }), h("span", { key: '786f8e6e4c7d8050754d4c4879b7eb16c0f8616b', class: "value" }, ((_d = (_c = (_b = this.template) === null || _b === void 0 ? void 0 : _b.documents) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.pages) || 1)), h("div", { key: '8beaba61ba61c3d65b3b7f3e8a353ac4e851eeae', class: "control secondary" }, h("span", { key: 'af4de26fb0adc0b3dce0dd902b770870a1aeae50', class: "icon", innerHTML: EmailIcon }), h("span", { key: '98e12c32e97de73267f511ea736a9bcb1d63d027', class: "value" }, this.template.counter)), h("span", { key: 'df0f16420601b26ff1263370b92335df3fe0e80f', class: "additional-controls", innerHTML: ActionsIcon }))));
|
16
16
|
}
|
17
17
|
static get is() { return "verdocs-template-card"; }
|
18
18
|
static get originalStyleUrls() {
|
@@ -94,7 +94,7 @@ export class VerdocsTemplateDocumentPage {
|
|
94
94
|
}
|
95
95
|
render() {
|
96
96
|
const height = `${this.renderedHeight}px`;
|
97
|
-
return (h(Host, { key: '
|
97
|
+
return (h(Host, { key: 'ddeacbfbd9f38bddfbb5c9886df494881b4e38cf', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-template-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } }, layer.name === 'controls' &&
|
98
98
|
this.fieldStore
|
99
99
|
.get('fields')
|
100
100
|
.filter(field => field && field.page === this.pageNumber)
|
@@ -116,34 +116,34 @@ export class VerdocsTemplateRoleProperties {
|
|
116
116
|
}
|
117
117
|
render() {
|
118
118
|
const hasFields = this.fieldStore.get('fields').some(field => field.role_name === this.roleName);
|
119
|
-
return (h(Host, { key: '
|
119
|
+
return (h(Host, { key: '2344ca9e482f0a9e3d45226dcf60f3082f0b262a' }, h("div", { key: '7f59190bffce63910b4ac8bbf3c18871ec7e07a5', class: "background-overlay", onClick: e => this.handleCancel(e) }, h("div", { key: '468001c9b9bdc563826173f96e5222a616f6f340', class: "dialog" }, h("form", { key: 'e4ff405dad0f312bf121e73aa9c6a6f6b937b768', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("verdocs-text-input", { key: '612dc771f957602284f24fa47b6a140ba02a0f56', id: "verdocs-role-name", label: "Role Name", value: this.name, autocomplete: "off", disabled: hasFields, helpText: hasFields
|
120
120
|
? 'This role has fields assigned and can no longer be renamed.'
|
121
121
|
: 'A unique name to identify the role in the workflow. Submitted data will also be tagged with this value.', placeholder: "Role Name...", onInput: (e) => {
|
122
122
|
this.name = e.target.value;
|
123
123
|
this.dirty = true;
|
124
|
-
} }), h("div", { key: '
|
124
|
+
} }), h("div", { key: 'f3b5472084032d07ec4b5fe6c83250bc93a2e99b', class: "row" }, h("div", { key: 'd13db6776d097fdc8594f127b0ce7a5f82b0d346', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: '35d3c3dfc5b07c8ba4e58a56bb20242b2893080c', value: this.type, options: [
|
125
125
|
{ label: 'Signer', value: 'signer' },
|
126
126
|
{ label: 'CC', value: 'cc' },
|
127
127
|
{ label: 'Approver', value: 'approver' },
|
128
128
|
], onInput: (e) => {
|
129
129
|
this.type = e.target.value;
|
130
130
|
this.dirty = true;
|
131
|
-
} }), h("verdocs-help-icon", { key: '
|
131
|
+
} }), h("verdocs-help-icon", { key: 'e4f59b8e5afa43bf495985fbe890dbf782607afe', text: "Most participants are Signers. CC roles are notified when documents are signed, but have no other actions. Approvers get notified when signing is completed to perform a final review." })), h("verdocs-text-input", { key: '90a869359264a8add5c1b75f90ef827bde176c18', id: "verdocs-recipient-first", label: "First Name", value: this.first_name, autocomplete: "off", helpText: "The recipient's first name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "First Name...", onInput: (e) => {
|
132
132
|
this.first_name = e.target.value;
|
133
133
|
this.dirty = true;
|
134
|
-
} }), h("verdocs-text-input", { key: '
|
134
|
+
} }), h("verdocs-text-input", { key: '0290e4e4965c894a5171dc525c807b6ed79e8509', id: "verdocs-recipient-first", label: "Last Name", value: this.last_name, autocomplete: "off", helpText: "The recipient's last name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Last Name...", onInput: (e) => {
|
135
135
|
this.last_name = e.target.value;
|
136
136
|
this.dirty = true;
|
137
|
-
} }), h("verdocs-text-input", { key: '
|
137
|
+
} }), h("verdocs-text-input", { key: '9c0b81fe916d053f342b9864a003cee504ef8e28', id: "verdocs-recipient-email", label: "Email", value: this.email, autocomplete: "off", helpText: "The recipient's email address, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Email Address...", onInput: (e) => {
|
138
138
|
this.email = e.target.value;
|
139
139
|
this.dirty = true;
|
140
|
-
} }), h("verdocs-text-input", { key: '
|
140
|
+
} }), h("verdocs-text-input", { key: 'e31ba5928aa9fa5cf294c583381c5a2c45fbe697', id: "verdocs-recipient-phone", label: "Phone", value: this.phone, autocomplete: "off", helpText: "The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Phone Number...", onInput: (e) => {
|
141
141
|
this.phone = e.target.value;
|
142
142
|
this.dirty = true;
|
143
|
-
} }), h("div", { key: '
|
143
|
+
} }), h("div", { key: 'de4d2996f7558203a157de4089bd08b03e3ccb4c', class: "row" }, h("div", { key: '5204416e20532f20e7b8800da46af1a819262d47', class: "input-label" }, "May Delegate:"), h("div", { key: 'ea93e1f42e9748aad209a71de59648234c577a72', class: "checkbox-wrapper" }, h("verdocs-checkbox", { key: '55a7d77e35c16bf3f669b62adffac9df4b57462e', checked: this.delegator, onInput: (e) => {
|
144
144
|
this.delegator = e.target.checked;
|
145
145
|
this.dirty = true;
|
146
|
-
} })), h("verdocs-help-icon", { key: '
|
146
|
+
} })), h("verdocs-help-icon", { key: 'c10dd23ca7b7e47f836dd3839e5749a3c0c76794', text: "If enabled, this recipient may delegate their actions to another individual." })), h("div", { key: '8e2c8d88f213aca0d30dfdb3880b634d878a327e', class: "buttons" }, h("button", { key: '68fc1d701b0519694fecf129ac40ea02bd2a3c5c', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: '1c0f4b7f56d564c304cf728d1cc74c10cdb6a452', style: { flex: '1' } }), h("verdocs-button", { key: 'cb4e24c4b49c1505da07b6341229b60e6cd33371', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '4a170cf772986625008e3550ba167db69d523baa', size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))))));
|
147
147
|
}
|
148
148
|
static get is() { return "verdocs-template-role-properties"; }
|
149
149
|
static get originalStyleUrls() {
|
package/dist/collection/components/templates/verdocs-template-sender/verdocs-template-sender.js
CHANGED
@@ -61,7 +61,7 @@ export class VerdocsTemplateSender {
|
|
61
61
|
});
|
62
62
|
}
|
63
63
|
render() {
|
64
|
-
return (h(Host, { key: '
|
64
|
+
return (h(Host, { key: 'f9ebeecc2d0d2467718e1c54161fd8eee32ba5f6' }, h("div", { key: 'efc13020bd5674c874707cefea2384b52521a85f', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '3c85258b0ea837e4e78ad16eb6cec93cffa6e629', class: "dialog" }, h("div", { key: '46a6eb1bed8de495d834faa73e48547a891aa00e', class: "options" }, h("div", { key: '9425750a4508f6a6c176f0ee88a1674aceec8475', class: "option" }, h("verdocs-radio-button", { key: '65d2059bb0b433e1b95a55273ad7a7ca4734ce51', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), h("div", { key: '119b053c18bffd95451eed224132d1592ccf6004', class: "description" }, h("div", { key: 'c4a3fac447abea997dec0906221df87cc9014e4b', class: "name" }, "Anyone on the Web"), h("verdocs-help-icon", { key: '1e8e078477cdd86100e3b73e275e856449eb84ee', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), h("div", { key: 'b91f257e6a6c702f2fa0ee147dda5642b6ff514a', class: "option" }, h("verdocs-radio-button", { key: '00a900ef8a3a1e9cb7ca8e1de93bf3528f78b32d', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), h("div", { key: 'f767a5d108262e22fb3f0936379f6b84481801ad', class: "description" }, h("div", { key: '59f6f409b9f51a2ab597241a4052191e46a4d5c1', class: "name" }, "Anyone on the Web as me"), h("verdocs-help-icon", { key: '0b90c72573e4b75c3294e8f95a709ee0559bdbef', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), h("div", { key: 'afd67488f38d33075a454476be475cd7801c4ed3', class: "option" }, h("verdocs-radio-button", { key: '8c09dc41fbb371c3380a2ddf06a806a131aef8b6', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), h("div", { key: 'caf2a20f93130262b878e9df13e0e569aacffb9c', class: "description" }, h("div", { key: '430ccbe92e4b39a789d215886e9ecbfed0c30f3e', class: "name" }, "Anyone in my organization"), h("verdocs-help-icon", { key: '21a2cec2a249f6e4d6f486f501a813e10bdd1497', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), h("div", { key: 'a48b2814e9b04e09f6661a754b52e739d0566200', class: "option" }, h("verdocs-radio-button", { key: 'e3f9885aa8215f79686555a1fb85c5b87aa4aa03', name: "template-sender", value: 'organization_member_as_creator', checked: this.sender === 'organization_member_as_creator', onInput: () => this.handleSelectSetting('organization_member_as_creator') }), h("div", { key: '99ea5cdc2c55b0e73d092a1df4fc728f30810059', class: "description" }, h("div", { key: '79109d8cc3845c287fbffdd017695139cfb1a16f', class: "name" }, "Anyone in my organization as me"), h("verdocs-help-icon", { key: 'b093f771c7cf119cbf27c404562bf5029664bb1b', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), h("div", { key: '1a250fdd2b385e70d27f0fb6895a5b673c24e655', class: "option" }, h("verdocs-radio-button", { key: '526a88e4e339932623183ec5fa9218adcbb5d832', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), h("div", { key: '94a699f6c4c430cbd3e221c6baf4972ec188260f', class: "description" }, h("div", { key: 'b2c16bda7146c436cd90d919e7c7a7d912c90809', class: "name" }, "Me"), h("verdocs-help-icon", { key: '360ad19358fd4ce6a6f8e3e3e47bb0ff0da18d37', text: "Only I can use this template." })))), h("div", { key: '059e9ebf124ffcd2d45ea4316d1fdd49c4ec36ae', class: "buttons" }, h("verdocs-button", { key: 'b0a0a519eb6b713fa334065de19021369e20ee0b', label: "Close", onClick: () => this.handleClose() }))))));
|
65
65
|
}
|
66
66
|
static get is() { return "verdocs-template-sender"; }
|
67
67
|
static get originalStyleUrls() {
|
@@ -38,7 +38,7 @@ export class VerdocsTemplateStar {
|
|
38
38
|
});
|
39
39
|
}
|
40
40
|
render() {
|
41
|
-
return (h(Host, { key: '
|
41
|
+
return (h(Host, { key: '3bf76e18041a195c1bf050776cd465f7afde3c37' }, h("div", { key: '566edf26b382ce4b758571f6470d1ac873d1e0b6', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { key: '602436f5d52db7118af35deccb264ccb331d1b72', class: "count" }, this.template.star_counter || '--')));
|
42
42
|
}
|
43
43
|
static get is() { return "verdocs-template-star"; }
|
44
44
|
static get originalStyleUrls() {
|
@@ -8,7 +8,7 @@ export class VerdocsTemplateTags {
|
|
8
8
|
}
|
9
9
|
render() {
|
10
10
|
var _a;
|
11
|
-
return (h(Host, { key: '
|
11
|
+
return (h(Host, { key: '2abee2130a12d5165984e025633f419082d02714' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", null, tag)))));
|
12
12
|
}
|
13
13
|
static get is() { return "verdocs-template-tags"; }
|
14
14
|
static get originalStyleUrls() {
|
@@ -75,7 +75,7 @@ const VerdocsEnvelopeDocumentPage = /*@__PURE__*/ proxyCustomElement(class Verdo
|
|
75
75
|
}
|
76
76
|
render() {
|
77
77
|
const height = `${this.renderedHeight}px`;
|
78
|
-
return (h(Host, { key: '
|
78
|
+
return (h(Host, { key: 'a81d2ebfb4583ff9817dceff69838a2a38d51c58', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-envelope-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
|
79
79
|
// Note that all we really care about is the aspect ratio. We track the natural Width and Height but they aren't really that
|
80
80
|
// useful as individual values. The image will already have been scaled down to fit a DIV for display (100%, auto height).
|
81
81
|
// Builder places fields offset into the rendered display area, not the original document's dimensions. So its X/Y values
|
@@ -204,18 +204,18 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsEnv
|
|
204
204
|
});
|
205
205
|
}
|
206
206
|
render() {
|
207
|
-
return (h(Host, { key: '
|
207
|
+
return (h(Host, { key: '16ef23582bd602e8f1d73d6dededfbb9034411a3' }, h("div", { key: '08a44cfcd5b9c4c99196192889cd04b2b28d16dd', class: "header" }, h("div", { key: '1e52bd468584ed21fec2e82fab55df929fa6a882', class: "filter" }, h("verdocs-text-input", { key: 'da6f8fe6d6c7c890a50d89e754f0f6e8cf0dc1f5', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
|
208
208
|
var _a;
|
209
209
|
// We don't locally filter envelopes because there are too many fields to match against efficiently.
|
210
210
|
this.match = e.target.value.trim();
|
211
211
|
(_a = this.changeMatch) === null || _a === void 0 ? void 0 : _a.emit(this.match);
|
212
|
-
} })), h("verdocs-quick-filter", { key: '
|
212
|
+
} })), h("verdocs-quick-filter", { key: '3c530e4b939ea9beb56fb6a8ef185aefda997b5c', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
|
213
213
|
this.view = e.detail.value;
|
214
|
-
} }), this.view === 'all' && (h("verdocs-quick-filter", { key: '
|
214
|
+
} }), this.view === 'all' && (h("verdocs-quick-filter", { key: 'c1dea5014f12031c2811a3a420638dcf9a629518', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
|
215
215
|
this.status = e.detail.value;
|
216
|
-
} })), this.view === 'all' && (h("verdocs-quick-filter", { key: '
|
216
|
+
} })), this.view === 'all' && (h("verdocs-quick-filter", { key: '3709b032cc82bf52bcd1b0502bc320378d80321a', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
|
217
217
|
this.sort = e.detail.value;
|
218
|
-
} })), this.loading && h("verdocs-spinner", { key: '
|
218
|
+
} })), this.loading && h("verdocs-spinner", { key: '41543cc37ff98e5b6243e26ad557c4db702b3785', mode: "dark", size: 24 }), h("div", { key: '3cb1462b5701c9845097d667eda3fcef56c6adf2', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: 'ebd3fc5c23bd0c26bc0044dcbc26b967e70ae3da', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
|
219
219
|
var _a;
|
220
220
|
const recipientsWithActions = getRecipientsWithActions(envelope);
|
221
221
|
const userCanCancel = userCanCancelEnvelope(this.endpoint.profile, envelope);
|
@@ -256,7 +256,7 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsEnv
|
|
256
256
|
break;
|
257
257
|
}
|
258
258
|
} }))));
|
259
|
-
}), !this.initiallyLoaded && (h("div", { key: '
|
259
|
+
}), !this.initiallyLoaded && (h("div", { key: '0d44a7b663ea9220fa43665f6245a78187ae6ef0', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: 'c024bc67a3360c9350b65bbd40948a63eb47f6bb', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
|
260
260
|
this.selectedPage = e.detail.selectedPage;
|
261
261
|
} }))) : (h("div", null))));
|
262
262
|
}
|
@@ -21,7 +21,7 @@ const VerdocsQuickFunctions$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsQu
|
|
21
21
|
this.createDocument.emit();
|
22
22
|
}
|
23
23
|
render() {
|
24
|
-
return (h("div", { key: '
|
24
|
+
return (h("div", { key: '0cff01678f477efbb74f37a070db94c6ffa195a1', class: "container" }, h("p", { key: '2b781540591813f4955324bfb89084ad2b0a5132', class: "title" }, "Quick Create"), h("button", { key: '1530472b7904a08465cb27e61b2adc84d0ff7560', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { key: '7f07268a4aaa6dbb610815af95f27025c0d91c41', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
|
25
25
|
}
|
26
26
|
static get style() { return VerdocsQuickFunctionsStyle0; }
|
27
27
|
}, [0, "verdocs-quick-functions", {
|
@@ -10,7 +10,7 @@ const VerdocsSearchTabs$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSearch
|
|
10
10
|
this.selected = 'all';
|
11
11
|
}
|
12
12
|
render() {
|
13
|
-
return h("div", { key: '
|
13
|
+
return h("div", { key: '33700d0c932da7138bf44f6dd69501d8c652bb4d' }, "\u00A0");
|
14
14
|
}
|
15
15
|
static get style() { return VerdocsSearchTabsStyle0; }
|
16
16
|
}, [0, "verdocs-search-tabs", {
|
@@ -7190,11 +7190,11 @@ const VerdocsStatusIndicator = /*@__PURE__*/ proxyCustomElement(class VerdocsSta
|
|
7190
7190
|
}
|
7191
7191
|
const icon = this.getStatusIcon(status);
|
7192
7192
|
const statusMessage = this.getStatusMessage(status);
|
7193
|
-
return (h(Host, { key: '
|
7193
|
+
return (h(Host, { key: '26b42a98a4f70d09aeb1721916f3a6239b73b1cb', ref: el => (this.summaryComponent = el), class: `${this.theme} ${this.size} ${this.envelope ? 'has-document' : ''}`, "aria-label": "Click to View Details", onClick: e => {
|
7194
7194
|
e.stopPropagation();
|
7195
7195
|
e.preventDefault();
|
7196
7196
|
this.envelope && this.toggleDropdown();
|
7197
|
-
}, onBlur: e => this.envelope && this.handleHideDropdown(e) }, h("span", { key: '
|
7197
|
+
}, onBlur: e => this.envelope && this.handleHideDropdown(e) }, h("span", { key: '755c501d67a395d153c2433bcd0593931aed3b13', class: "icon", innerHTML: icon }), h("span", { key: '393027372c519cff2fbdf391cbd1325e880f46d0', class: "content" }, statusMessage), h("div", { key: '7e0168d274fa853e5b74ccadbc3cd1fc06751280', class: "detail-panel", ref: el => (this.detailPanel = el) }, h("div", { key: 'ef04e1f77c3cfbab5054946d7c48de5f60e9ee06', id: `${this.containerId}` }), this.recipientStatusIcons.map(icon => (h("span", { innerHTML: icon.icon, style: { position: 'absolute', top: `${icon.y}px`, left: `${icon.x}px` } }))))));
|
7198
7198
|
}
|
7199
7199
|
static get style() { return VerdocsStatusIndicatorStyle0; }
|
7200
7200
|
}, [0, "verdocs-status-indicator", {
|
@@ -15,7 +15,7 @@ const VerdocsTemplateCard$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsTemp
|
|
15
15
|
}
|
16
16
|
render() {
|
17
17
|
var _a, _b, _c, _d;
|
18
|
-
return (h(Host, { key: '
|
18
|
+
return (h(Host, { key: '5d51a6309b35282260e0b5a9accb65368f66e137' }, h("span", { key: '5077d1f9917cd63eba77d19efa46854000d2285d', class: "name" }, this.template.name), h("span", { key: '3dfe49dbf90de379d47e6a4b9b1583ac38ff4abd', class: "org-name" }, ((_a = this.template.organization) === null || _a === void 0 ? void 0 : _a.name) || 'Public'), h("hr", { key: '9cf9967baf829422608934bb3cdc44e872655b6a' }), h("div", { key: 'a778ca45266cf6915903885658914388e2fb6482', class: "controls" }, h("div", { key: '3ac820a94080adccf68076cfd2c5acf795ad7fc8', class: "control" }, h("span", { key: '0f852a590b4ea1c7c523aa2d132de6a502ca64a3', class: "icon", innerHTML: StarIcon }), h("span", { key: 'b6d8ff745a148d734a443d6975546018c38d720c', class: "value" }, this.template.star_counter)), h("div", { key: '66ad10b503b311b1e474ac5a757eda68d7c14da9', class: "control secondary" }, h("span", { key: '5a799e82a7e982a3878267ba7142968a9ae57ed9', class: "icon", innerHTML: PagesIcon }), h("span", { key: '786f8e6e4c7d8050754d4c4879b7eb16c0f8616b', class: "value" }, ((_d = (_c = (_b = this.template) === null || _b === void 0 ? void 0 : _b.documents) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.pages) || 1)), h("div", { key: '8beaba61ba61c3d65b3b7f3e8a353ac4e851eeae', class: "control secondary" }, h("span", { key: 'af4de26fb0adc0b3dce0dd902b770870a1aeae50', class: "icon", innerHTML: EmailIcon }), h("span", { key: '98e12c32e97de73267f511ea736a9bcb1d63d027', class: "value" }, this.template.counter)), h("span", { key: 'df0f16420601b26ff1263370b92335df3fe0e80f', class: "additional-controls", innerHTML: ActionsIcon }))));
|
19
19
|
}
|
20
20
|
static get style() { return VerdocsTemplateCardStyle0; }
|
21
21
|
}, [0, "verdocs-template-card", {
|
@@ -116,7 +116,7 @@ const VerdocsTemplateDocumentPage = /*@__PURE__*/ proxyCustomElement(class Verdo
|
|
116
116
|
}
|
117
117
|
render() {
|
118
118
|
const height = `${this.renderedHeight}px`;
|
119
|
-
return (h(Host, { key: '
|
119
|
+
return (h(Host, { key: 'ddeacbfbd9f38bddfbb5c9886df494881b4e38cf', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-template-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } }, layer.name === 'controls' &&
|
120
120
|
this.fieldStore
|
121
121
|
.get('fields')
|
122
122
|
.filter(field => field && field.page === this.pageNumber)
|
@@ -127,34 +127,34 @@ const VerdocsTemplateRoleProperties = /*@__PURE__*/ proxyCustomElement(class Ver
|
|
127
127
|
}
|
128
128
|
render() {
|
129
129
|
const hasFields = this.fieldStore.get('fields').some(field => field.role_name === this.roleName);
|
130
|
-
return (h(Host, { key: '
|
130
|
+
return (h(Host, { key: '2344ca9e482f0a9e3d45226dcf60f3082f0b262a' }, h("div", { key: '7f59190bffce63910b4ac8bbf3c18871ec7e07a5', class: "background-overlay", onClick: e => this.handleCancel(e) }, h("div", { key: '468001c9b9bdc563826173f96e5222a616f6f340', class: "dialog" }, h("form", { key: 'e4ff405dad0f312bf121e73aa9c6a6f6b937b768', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("verdocs-text-input", { key: '612dc771f957602284f24fa47b6a140ba02a0f56', id: "verdocs-role-name", label: "Role Name", value: this.name, autocomplete: "off", disabled: hasFields, helpText: hasFields
|
131
131
|
? 'This role has fields assigned and can no longer be renamed.'
|
132
132
|
: 'A unique name to identify the role in the workflow. Submitted data will also be tagged with this value.', placeholder: "Role Name...", onInput: (e) => {
|
133
133
|
this.name = e.target.value;
|
134
134
|
this.dirty = true;
|
135
|
-
} }), h("div", { key: '
|
135
|
+
} }), h("div", { key: 'f3b5472084032d07ec4b5fe6c83250bc93a2e99b', class: "row" }, h("div", { key: 'd13db6776d097fdc8594f127b0ce7a5f82b0d346', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: '35d3c3dfc5b07c8ba4e58a56bb20242b2893080c', value: this.type, options: [
|
136
136
|
{ label: 'Signer', value: 'signer' },
|
137
137
|
{ label: 'CC', value: 'cc' },
|
138
138
|
{ label: 'Approver', value: 'approver' },
|
139
139
|
], onInput: (e) => {
|
140
140
|
this.type = e.target.value;
|
141
141
|
this.dirty = true;
|
142
|
-
} }), h("verdocs-help-icon", { key: '
|
142
|
+
} }), h("verdocs-help-icon", { key: 'e4f59b8e5afa43bf495985fbe890dbf782607afe', text: "Most participants are Signers. CC roles are notified when documents are signed, but have no other actions. Approvers get notified when signing is completed to perform a final review." })), h("verdocs-text-input", { key: '90a869359264a8add5c1b75f90ef827bde176c18', id: "verdocs-recipient-first", label: "First Name", value: this.first_name, autocomplete: "off", helpText: "The recipient's first name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "First Name...", onInput: (e) => {
|
143
143
|
this.first_name = e.target.value;
|
144
144
|
this.dirty = true;
|
145
|
-
} }), h("verdocs-text-input", { key: '
|
145
|
+
} }), h("verdocs-text-input", { key: '0290e4e4965c894a5171dc525c807b6ed79e8509', id: "verdocs-recipient-first", label: "Last Name", value: this.last_name, autocomplete: "off", helpText: "The recipient's last name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Last Name...", onInput: (e) => {
|
146
146
|
this.last_name = e.target.value;
|
147
147
|
this.dirty = true;
|
148
|
-
} }), h("verdocs-text-input", { key: '
|
148
|
+
} }), h("verdocs-text-input", { key: '9c0b81fe916d053f342b9864a003cee504ef8e28', id: "verdocs-recipient-email", label: "Email", value: this.email, autocomplete: "off", helpText: "The recipient's email address, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Email Address...", onInput: (e) => {
|
149
149
|
this.email = e.target.value;
|
150
150
|
this.dirty = true;
|
151
|
-
} }), h("verdocs-text-input", { key: '
|
151
|
+
} }), h("verdocs-text-input", { key: 'e31ba5928aa9fa5cf294c583381c5a2c45fbe697', id: "verdocs-recipient-phone", label: "Phone", value: this.phone, autocomplete: "off", helpText: "The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Phone Number...", onInput: (e) => {
|
152
152
|
this.phone = e.target.value;
|
153
153
|
this.dirty = true;
|
154
|
-
} }), h("div", { key: '
|
154
|
+
} }), h("div", { key: 'de4d2996f7558203a157de4089bd08b03e3ccb4c', class: "row" }, h("div", { key: '5204416e20532f20e7b8800da46af1a819262d47', class: "input-label" }, "May Delegate:"), h("div", { key: 'ea93e1f42e9748aad209a71de59648234c577a72', class: "checkbox-wrapper" }, h("verdocs-checkbox", { key: '55a7d77e35c16bf3f669b62adffac9df4b57462e', checked: this.delegator, onInput: (e) => {
|
155
155
|
this.delegator = e.target.checked;
|
156
156
|
this.dirty = true;
|
157
|
-
} })), h("verdocs-help-icon", { key: '
|
157
|
+
} })), h("verdocs-help-icon", { key: 'c10dd23ca7b7e47f836dd3839e5749a3c0c76794', text: "If enabled, this recipient may delegate their actions to another individual." })), h("div", { key: '8e2c8d88f213aca0d30dfdb3880b634d878a327e', class: "buttons" }, h("button", { key: '68fc1d701b0519694fecf129ac40ea02bd2a3c5c', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: '1c0f4b7f56d564c304cf728d1cc74c10cdb6a452', style: { flex: '1' } }), h("verdocs-button", { key: 'cb4e24c4b49c1505da07b6341229b60e6cd33371', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '4a170cf772986625008e3550ba167db69d523baa', size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))))));
|
158
158
|
}
|
159
159
|
static get style() { return VerdocsTemplateRolePropertiesStyle0; }
|
160
160
|
}, [0, "verdocs-template-role-properties", {
|
@@ -69,7 +69,7 @@ const VerdocsTemplateSender = /*@__PURE__*/ proxyCustomElement(class VerdocsTemp
|
|
69
69
|
});
|
70
70
|
}
|
71
71
|
render() {
|
72
|
-
return (h(Host, { key: '
|
72
|
+
return (h(Host, { key: 'f9ebeecc2d0d2467718e1c54161fd8eee32ba5f6' }, h("div", { key: 'efc13020bd5674c874707cefea2384b52521a85f', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '3c85258b0ea837e4e78ad16eb6cec93cffa6e629', class: "dialog" }, h("div", { key: '46a6eb1bed8de495d834faa73e48547a891aa00e', class: "options" }, h("div", { key: '9425750a4508f6a6c176f0ee88a1674aceec8475', class: "option" }, h("verdocs-radio-button", { key: '65d2059bb0b433e1b95a55273ad7a7ca4734ce51', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), h("div", { key: '119b053c18bffd95451eed224132d1592ccf6004', class: "description" }, h("div", { key: 'c4a3fac447abea997dec0906221df87cc9014e4b', class: "name" }, "Anyone on the Web"), h("verdocs-help-icon", { key: '1e8e078477cdd86100e3b73e275e856449eb84ee', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), h("div", { key: 'b91f257e6a6c702f2fa0ee147dda5642b6ff514a', class: "option" }, h("verdocs-radio-button", { key: '00a900ef8a3a1e9cb7ca8e1de93bf3528f78b32d', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), h("div", { key: 'f767a5d108262e22fb3f0936379f6b84481801ad', class: "description" }, h("div", { key: '59f6f409b9f51a2ab597241a4052191e46a4d5c1', class: "name" }, "Anyone on the Web as me"), h("verdocs-help-icon", { key: '0b90c72573e4b75c3294e8f95a709ee0559bdbef', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), h("div", { key: 'afd67488f38d33075a454476be475cd7801c4ed3', class: "option" }, h("verdocs-radio-button", { key: '8c09dc41fbb371c3380a2ddf06a806a131aef8b6', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), h("div", { key: 'caf2a20f93130262b878e9df13e0e569aacffb9c', class: "description" }, h("div", { key: '430ccbe92e4b39a789d215886e9ecbfed0c30f3e', class: "name" }, "Anyone in my organization"), h("verdocs-help-icon", { key: '21a2cec2a249f6e4d6f486f501a813e10bdd1497', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), h("div", { key: 'a48b2814e9b04e09f6661a754b52e739d0566200', class: "option" }, h("verdocs-radio-button", { key: 'e3f9885aa8215f79686555a1fb85c5b87aa4aa03', name: "template-sender", value: 'organization_member_as_creator', checked: this.sender === 'organization_member_as_creator', onInput: () => this.handleSelectSetting('organization_member_as_creator') }), h("div", { key: '99ea5cdc2c55b0e73d092a1df4fc728f30810059', class: "description" }, h("div", { key: '79109d8cc3845c287fbffdd017695139cfb1a16f', class: "name" }, "Anyone in my organization as me"), h("verdocs-help-icon", { key: 'b093f771c7cf119cbf27c404562bf5029664bb1b', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), h("div", { key: '1a250fdd2b385e70d27f0fb6895a5b673c24e655', class: "option" }, h("verdocs-radio-button", { key: '526a88e4e339932623183ec5fa9218adcbb5d832', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), h("div", { key: '94a699f6c4c430cbd3e221c6baf4972ec188260f', class: "description" }, h("div", { key: 'b2c16bda7146c436cd90d919e7c7a7d912c90809', class: "name" }, "Me"), h("verdocs-help-icon", { key: '360ad19358fd4ce6a6f8e3e3e47bb0ff0da18d37', text: "Only I can use this template." })))), h("div", { key: '059e9ebf124ffcd2d45ea4316d1fdd49c4ec36ae', class: "buttons" }, h("verdocs-button", { key: 'b0a0a519eb6b713fa334065de19021369e20ee0b', label: "Close", onClick: () => this.handleClose() }))))));
|
73
73
|
}
|
74
74
|
static get style() { return VerdocsTemplateSenderStyle0; }
|
75
75
|
}, [0, "verdocs-template-sender", {
|
@@ -43,7 +43,7 @@ const VerdocsTemplateStar = /*@__PURE__*/ proxyCustomElement(class VerdocsTempla
|
|
43
43
|
});
|
44
44
|
}
|
45
45
|
render() {
|
46
|
-
return (h(Host, { key: '
|
46
|
+
return (h(Host, { key: '3bf76e18041a195c1bf050776cd465f7afde3c37' }, h("div", { key: '566edf26b382ce4b758571f6470d1ac873d1e0b6', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { key: '602436f5d52db7118af35deccb264ccb331d1b72', class: "count" }, this.template.star_counter || '--')));
|
47
47
|
}
|
48
48
|
static get style() { return VerdocsTemplateStarStyle0; }
|
49
49
|
}, [0, "verdocs-template-star", {
|
@@ -11,7 +11,7 @@ const VerdocsTemplateTags$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsTemp
|
|
11
11
|
}
|
12
12
|
render() {
|
13
13
|
var _a;
|
14
|
-
return (h(Host, { key: '
|
14
|
+
return (h(Host, { key: '2abee2130a12d5165984e025633f419082d02714' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", null, tag)))));
|
15
15
|
}
|
16
16
|
static get style() { return VerdocsTemplateTagsStyle0; }
|
17
17
|
}, [0, "verdocs-template-tags", {
|