@verdocs/web-sdk 1.13.2 → 1.13.3
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-button-panel_3.cjs.entry.js +25 -27
- package/dist/cjs/verdocs-sign.cjs.entry.js +11 -5
- package/dist/cjs/verdocs-template-create_3.cjs.entry.js +4 -3
- package/dist/cjs/verdocs-web-sdk.cjs.js +1 -1
- package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js +11 -5
- package/dist/collection/components/templates/verdocs-template-field-properties/verdocs-template-field-properties.js +25 -27
- package/dist/collection/components/templates/verdocs-template-fields/verdocs-template-fields.css +10 -1
- package/dist/collection/components/templates/verdocs-template-fields/verdocs-template-fields.js +3 -2
- package/dist/components/verdocs-sign.js +11 -5
- package/dist/components/verdocs-template-field-properties2.js +25 -27
- package/dist/components/verdocs-template-fields2.js +14 -7
- package/dist/custom-elements.json +1546 -0
- package/dist/docs.json +8 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/verdocs-button-panel_3.entry.js +25 -27
- package/dist/esm/verdocs-sign.entry.js +11 -5
- package/dist/esm/verdocs-template-create_3.entry.js +4 -3
- package/dist/esm/verdocs-web-sdk.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/verdocs-button-panel_3.entry.js +1 -1
- package/dist/esm-es5/verdocs-sign.entry.js +1 -1
- package/dist/esm-es5/verdocs-template-create_3.entry.js +1 -1
- package/dist/esm-es5/verdocs-web-sdk.js +1 -1
- package/dist/types/components/templates/verdocs-template-field-properties/verdocs-template-field-properties.d.ts +1 -0
- package/dist/verdocs-web-sdk/p-09b008aa.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-22708d7d.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-27fe6789.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-59370436.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-6caf1137.system.js +1 -1
- package/dist/verdocs-web-sdk/{p-c35bbaef.entry.js → p-7a4d71b7.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-84485446.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
- package/package.json +1 -1
- package/dist/verdocs-web-sdk/p-65abb620.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-7f927fb9.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-beb19fae.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-c2770861.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-fd5d31ad.system.entry.js +0 -1
|
@@ -217,17 +217,20 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
|
|
|
217
217
|
}
|
|
218
218
|
}
|
|
219
219
|
handleClickAgree() {
|
|
220
|
+
this.submitting = true;
|
|
220
221
|
envelopeRecipientAgree(this.endpoint, this.envelopeId, this.roleId, true)
|
|
221
222
|
.then(() => {
|
|
222
223
|
var _a;
|
|
223
224
|
this.nextButtonLabel = 'Next';
|
|
224
225
|
this.recipient.agreed = true;
|
|
226
|
+
this.submitting = false;
|
|
225
227
|
this.agreed = true; // The server returns a recipient object but it's not "deep" so we track this locally
|
|
226
228
|
(_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: this.envelope, event: 'agreed' });
|
|
227
229
|
})
|
|
228
230
|
.catch(e => {
|
|
229
231
|
var _a, _b, _c;
|
|
230
232
|
console.log('Update failure', e);
|
|
233
|
+
this.submitting = false;
|
|
231
234
|
(_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));
|
|
232
235
|
});
|
|
233
236
|
}
|
|
@@ -266,6 +269,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
|
|
|
266
269
|
}
|
|
267
270
|
}
|
|
268
271
|
updateRecipientFieldValue(fieldName, updateResult) {
|
|
272
|
+
console.log('[SIGN] updateRecipientFieldValue', fieldName);
|
|
269
273
|
this.recipient.fields.forEach(oldField => {
|
|
270
274
|
if (oldField.name === fieldName) {
|
|
271
275
|
oldField.settings = updateResult.settings;
|
|
@@ -276,10 +280,9 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
|
|
|
276
280
|
});
|
|
277
281
|
}
|
|
278
282
|
saveFieldChange(fieldName, fields) {
|
|
283
|
+
console.log('[SIGN] updateRecipientFieldValue', fieldName);
|
|
279
284
|
updateEnvelopeField(this.endpoint, this.envelopeId, fieldName, fields) //
|
|
280
|
-
.then(updateResult =>
|
|
281
|
-
this.updateRecipientFieldValue(fieldName, updateResult);
|
|
282
|
-
})
|
|
285
|
+
.then(updateResult => this.updateRecipientFieldValue(fieldName, updateResult))
|
|
283
286
|
.catch(e => {
|
|
284
287
|
var _a, _b, _c, _d, _e, _f;
|
|
285
288
|
if (((_a = e.response) === null || _a === void 0 ? void 0 : _a.status) === 401 && ((_c = (_b = e.response) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.error) === 'jwt expired') {
|
|
@@ -433,7 +436,10 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
|
|
|
433
436
|
}
|
|
434
437
|
attachFieldAttributes(pageInfo, field, roleIndex, el) {
|
|
435
438
|
var _a;
|
|
436
|
-
el.addEventListener('input', () =>
|
|
439
|
+
el.addEventListener('input', (e) => {
|
|
440
|
+
console.log('[SIGN] onfieldInput', e.detail, e.target.value);
|
|
441
|
+
this.checkRecipientFields();
|
|
442
|
+
});
|
|
437
443
|
el.addEventListener('focusout', e => this.handleFieldChange(field, e).finally(() => this.checkRecipientFields()));
|
|
438
444
|
el.addEventListener('fieldChange', e => this.handleFieldChange(field, e).finally(() => this.checkRecipientFields()));
|
|
439
445
|
el.setAttribute('roleindex', roleIndex);
|
|
@@ -538,7 +544,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
|
|
|
538
544
|
return (h(Host, null, h("verdocs-loader", null)));
|
|
539
545
|
}
|
|
540
546
|
if (this.isDone) {
|
|
541
|
-
return (h(Host, { class: { agreed: this.agreed } },
|
|
547
|
+
return (h(Host, { class: { agreed: this.agreed } }, h("verdocs-view", { endpoint: this.endpoint, envelopeId: this.envelopeId, onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } }), this.errorMessage && h("verdocs-ok-dialog", { heading: "Network Error", message: this.errorMessage, onNext: () => (this.errorMessage = '') }), this.showDone && (h("verdocs-ok-dialog", { heading: "You're Done!", message: `You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`, onNext: () => {
|
|
542
548
|
this.showDone = false;
|
|
543
549
|
this.isDone = true;
|
|
544
550
|
} })), this.submitting && (h("div", { class: "loading-indicator" }, h("verdocs-loader", null)))));
|
|
@@ -308,21 +308,11 @@ const VerdocsTemplateFieldProperties = /*@__PURE__*/ proxyCustomElement(class ex
|
|
|
308
308
|
}
|
|
309
309
|
updateField(this.endpoint, this.templateId, this.fieldName, newProperties)
|
|
310
310
|
.then(() => {
|
|
311
|
-
var _a, _b
|
|
311
|
+
var _a, _b;
|
|
312
312
|
this.dirty = false;
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
field.role_name = this.roleName;
|
|
317
|
-
field.required = this.required;
|
|
318
|
-
field.label = this.placeholder;
|
|
319
|
-
field.setting.result = this.defaultValue;
|
|
320
|
-
if (field.setting.options) {
|
|
321
|
-
field.setting.options = this.options;
|
|
322
|
-
}
|
|
323
|
-
}
|
|
324
|
-
(_c = this.settingsChanged) === null || _c === void 0 ? void 0 : _c.emit({ fieldName: this.fieldName });
|
|
325
|
-
(_d = this.close) === null || _d === void 0 ? void 0 : _d.emit();
|
|
313
|
+
this.updateField();
|
|
314
|
+
(_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.fieldName });
|
|
315
|
+
(_b = this.close) === null || _b === void 0 ? void 0 : _b.emit();
|
|
326
316
|
})
|
|
327
317
|
.catch(() => {
|
|
328
318
|
console.log('Field update failed', e);
|
|
@@ -351,28 +341,36 @@ const VerdocsTemplateFieldProperties = /*@__PURE__*/ proxyCustomElement(class ex
|
|
|
351
341
|
x: this.options.length > 0 ? this.options[this.options.length - 1].x : 20,
|
|
352
342
|
y: this.options.length > 0 ? this.options[this.options.length - 1].y - 25 : 20,
|
|
353
343
|
});
|
|
354
|
-
newProperties.setting = this.setting;
|
|
355
|
-
newProperties.setting.
|
|
344
|
+
newProperties.setting = { ...this.setting };
|
|
345
|
+
delete newProperties.setting.result;
|
|
346
|
+
newProperties.setting.options = { ...this.options };
|
|
356
347
|
updateField(this.endpoint, this.templateId, this.fieldName, newProperties)
|
|
357
348
|
.then(() => {
|
|
358
|
-
var _a, _b
|
|
349
|
+
var _a, _b;
|
|
359
350
|
this.dirty = false;
|
|
360
|
-
|
|
361
|
-
|
|
351
|
+
this.updateField();
|
|
352
|
+
(_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.fieldName });
|
|
353
|
+
(_b = this.close) === null || _b === void 0 ? void 0 : _b.emit();
|
|
354
|
+
})
|
|
355
|
+
.catch(() => {
|
|
356
|
+
console.log('Field update failed', e);
|
|
357
|
+
});
|
|
358
|
+
}
|
|
359
|
+
updateField() {
|
|
360
|
+
const newFields = [...this.store.state.fields];
|
|
361
|
+
newFields.forEach(field => {
|
|
362
|
+
if (field.name === this.fieldName) {
|
|
362
363
|
field.name = this.name;
|
|
363
364
|
field.role_name = this.roleName;
|
|
364
365
|
field.required = this.required;
|
|
365
366
|
field.label = this.placeholder;
|
|
366
|
-
field.setting.result = this.defaultValue;
|
|
367
|
+
// field.setting.result = this.defaultValue;
|
|
368
|
+
if (field.setting.options) {
|
|
369
|
+
field.setting.options = this.options;
|
|
370
|
+
}
|
|
367
371
|
}
|
|
368
|
-
(_c = this.settingsChanged) === null || _c === void 0 ? void 0 : _c.emit({ fieldName: this.fieldName });
|
|
369
|
-
(_d = this.close) === null || _d === void 0 ? void 0 : _d.emit();
|
|
370
|
-
// TODO: Verify this
|
|
371
|
-
// TemplateStore.updateCount++;
|
|
372
|
-
})
|
|
373
|
-
.catch(() => {
|
|
374
|
-
console.log('Field update failed', e);
|
|
375
372
|
});
|
|
373
|
+
this.store.state.fields = newFields;
|
|
376
374
|
}
|
|
377
375
|
async handleDelete(e) {
|
|
378
376
|
e.stopPropagation();
|
|
@@ -6,12 +6,13 @@ import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
|
|
|
6
6
|
import { a as getRoleIndex, r as renderDocumentField, c as updateCssTransform, d as defaultWidth, e as defaultHeight } from './utils.js';
|
|
7
7
|
import { g as getTemplateStore, a as getRoleNames } from './TemplateStore.js';
|
|
8
8
|
import { S as SDKError } from './errors.js';
|
|
9
|
-
import { d as defineCustomElement$
|
|
10
|
-
import { d as defineCustomElement$
|
|
9
|
+
import { d as defineCustomElement$5 } from './verdocs-component-error2.js';
|
|
10
|
+
import { d as defineCustomElement$4 } from './verdocs-loader2.js';
|
|
11
|
+
import { d as defineCustomElement$3 } from './verdocs-select-input2.js';
|
|
11
12
|
import { d as defineCustomElement$2 } from './verdocs-template-document-page2.js';
|
|
12
13
|
import { d as defineCustomElement$1 } from './verdocs-toolbar-icon2.js';
|
|
13
14
|
|
|
14
|
-
const verdocsTemplateFieldsCss = "verdocs-template-fields{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;position:relative;display:block;min-height:600px}verdocs-template-fields .page-0{padding:65px 15px 0 15px;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-fields .page-0 .user-placed-fields{height:100px;position:relative;background:#ffffff;-webkit-box-shadow:0 0 10px 5px #0000000f;box-shadow:0 0 10px 5px #0000000f}verdocs-template-fields .page-0 .user-placed-fields .title{top:0;left:0;color:#ffffff;font-size:12px;padding:3px 6px;font-weight:bold;position:absolute;background:#46497d}verdocs-template-fields .pages{display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-template-fields .pages div,verdocs-template-fields .pages canvas{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-fields #verdocs-template-fields-toolbar{height:50px;display:-ms-flexbox;display:flex;-ms-flex:0 0 50px;flex:0 0 50px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center
|
|
15
|
+
const verdocsTemplateFieldsCss = "verdocs-template-fields{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;position:relative;display:block;min-height:600px}verdocs-template-fields .page-0{padding:65px 15px 0 15px;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-fields .page-0 .user-placed-fields{height:100px;position:relative;background:#ffffff;-webkit-box-shadow:0 0 10px 5px #0000000f;box-shadow:0 0 10px 5px #0000000f}verdocs-template-fields .page-0 .user-placed-fields .title{top:0;left:0;color:#ffffff;font-size:12px;padding:3px 6px;font-weight:bold;position:absolute;background:#46497d}verdocs-template-fields .pages{display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-template-fields .pages div,verdocs-template-fields .pages canvas{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-fields #verdocs-template-fields-toolbar{height:50px;display:-ms-flexbox;display:flex;-ms-flex:0 0 50px;flex:0 0 50px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;padding:0 20px 0 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;background:#46497d}verdocs-template-fields #verdocs-template-fields-toolbar svg{width:24px;height:24px}verdocs-template-fields #verdocs-template-fields-toolbar .add-for{font-weight:500;margin:0;color:#f5f5fa}verdocs-template-fields #verdocs-template-fields-toolbar verdocs-select-input{margin:0 20px 0 0}verdocs-template-fields.placing-attachment{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m10.55 16.55 7.275-7.275L16.05 7.5l-5.5 5.45-2.675-2.65L6.1 12.075Zm-5.375 4.925q-1.125 0-1.887-.763-.763-.762-.763-1.887V5.175q0-1.125.763-1.888.762-.762 1.887-.762h13.65q1.125 0 1.888.762.762.763.762 1.888v13.65q0 1.125-.762 1.887-.763.763-1.888.763Zm0-2.65h13.65V5.175H5.175v13.65Zm0-13.65v13.65-13.65Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-checkbox_group{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m10.55 16.55 7.275-7.275L16.05 7.5l-5.5 5.45-2.675-2.65L6.1 12.075Zm-5.375 4.925q-1.125 0-1.887-.763-.763-.762-.763-1.887V5.175q0-1.125.763-1.888.762-.762 1.887-.762h13.65q1.125 0 1.888.762.762.763.762 1.888v13.65q0 1.125-.762 1.887-.763.763-1.888.763Zm0-2.65h13.65V5.175H5.175v13.65Zm0-13.65v13.65-13.65Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-date{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath fill='%23000000' d='M7.6 13.925q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375Zm4.4 0q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375Zm4.4 0q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375ZM5.3 22.85q-1.325 0-2.238-.912-.912-.913-.912-2.238V6.3q0-1.325.912-2.238.913-.912 2.238-.912H6v-2h2.575v2h6.85v-2H18v2h.7q1.325 0 2.238.912.912.913.912 2.238v13.4q0 1.325-.912 2.238-.913.912-2.238.912Zm0-3.15h13.4V10H5.3v9.7ZM5.3 8h13.4V6.3H5.3Zm0 0V6.3 8Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-dropdown{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' d='M3 4.5h14.25M3 9h9.75M3 13.5h9.75m4.5-4.5v12m0 0l-3.75-3.75M17.25 21L21 17.25' /%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-initial{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M6.225 20.775V7h-5V3.225H15V7h-5v13.775Zm9.775 0v-8h-3V9h9.775v3.775h-3v8Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-payment{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m10.55 16.55 7.275-7.275L16.05 7.5l-5.5 5.45-2.675-2.65L6.1 12.075Zm-5.375 4.925q-1.125 0-1.887-.763-.763-.762-.763-1.887V5.175q0-1.125.763-1.888.762-.762 1.887-.762h13.65q1.125 0 1.888.762.762.763.762 1.888v13.65q0 1.125-.762 1.887-.763.763-1.888.763Zm0-2.65h13.65V5.175H5.175v13.65Zm0-13.65v13.65-13.65Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-radio_button_group{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M12 17q2.075 0 3.538-1.463Q17 14.075 17 12t-1.462-3.538Q14.075 7 12 7 9.925 7 8.463 8.462 7 9.925 7 12q0 2.075 1.463 3.537Q9.925 17 12 17Zm0 5.85q-2.275 0-4.25-.85t-3.438-2.312Q2.85 18.225 2 16.25q-.85-1.975-.85-4.25T2 7.75q.85-1.975 2.312-3.438Q5.775 2.85 7.75 2q1.975-.85 4.25-.85t4.25.85q1.975.85 3.438 2.312Q21.15 5.775 22 7.75q.85 1.975.85 4.25T22 16.25q-.85 1.975-2.312 3.438Q18.225 21.15 16.25 22q-1.975.85-4.25.85Zm0-3.15q3.25 0 5.475-2.225Q19.7 15.25 19.7 12q0-3.25-2.225-5.475Q15.25 4.3 12 4.3q-3.25 0-5.475 2.225Q4.3 8.75 4.3 12q0 3.25 2.225 5.475Q8.75 19.7 12 19.7Zm0-7.7Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-signature{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m9.225 21.225 4.65-4.65h8.45v4.65Zm-5.35-2.2H5.05l8.5-8.5-1.175-1.175-8.5 8.5Zm14.25-9.95L13.8 4.8l1.325-1.325q.625-.65 1.525-.663.9-.012 1.6.663l1.225 1.175q.675.675.663 1.562-.013.888-.663 1.513ZM16.7 10.55 6 21.225H1.675V16.9L12.35 6.225Zm-3.725-.625-.6-.575 1.175 1.175Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-textarea{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M3.225 20.725v-3.15h11.55v3.15Zm0-4.775V12.8h17.55v3.15Zm0-4.75V8.05h17.55v3.15Zm0-4.775v-3.15h17.55v3.15Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-textbox{cursor:url(\"data:image/svg+xml,%3Csvg width='32' height='15' viewBox='0 0 32 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_1401_24' fill='white'%3E%3Cpath d='M0 0H32V15H0V0Z'/%3E%3C/mask%3E%3Cpath d='M0 0H32V15H0V0Z' fill='%234C56CB' fill-opacity='0.1'/%3E%3Cpath d='M0 0V-1H-1V0H0ZM0 15H-1V16H0V15ZM0 1H32V-1H0V1ZM32 14H0V16H32V14ZM1 15V0H-1V15H1Z' fill='%234C56CB' mask='url(%23path-1-inside-1_1401_24)'/%3E%3Cpath d='M3 11.8V8.65H14.15V11.8H3ZM3 6.65V3.5H20.15V6.65H3Z' fill='%234C56CB'/%3E%3Cline x1='31.5' y1='1' x2='31.5' y2='14' stroke='%234C56CB' stroke-opacity='0.32' stroke-dasharray='1 1'/%3E%3C/svg%3E%0A\") 0 14, pointer}verdocs-template-fields.placing-timestamp{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath fill='%23000000' d='M9 1h6v2H9zm10.03 6.39 1.42-1.42c-.43-.51-.9-.99-1.41-1.41l-1.42 1.42C16.07 4.74 14.12 4 12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9 9-4.03 9-9c0-2.12-.74-4.07-1.97-5.61zM13 14h-2V8h2v6z'%3E%3C/path%3E%3C/svg%3E\") 16 16, pointer}";
|
|
15
16
|
|
|
16
17
|
const iconTextbox = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="#ffffff" d="M3.425 16.15V13h11.15v3.15Zm0-5.15V7.85h17.15V11Z"/></svg>';
|
|
17
18
|
const iconTextarea = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="#ffffff" d="M3.225 20.725v-3.15h11.55v3.15Zm0-4.775V12.8h17.55v3.15Zm0-4.75V8.05h17.55v3.15Zm0-4.775v-3.15h17.55v3.15Z"/></svg>';
|
|
@@ -357,7 +358,7 @@ const VerdocsTemplateFields = /*@__PURE__*/ proxyCustomElement(class extends HTM
|
|
|
357
358
|
}
|
|
358
359
|
}
|
|
359
360
|
render() {
|
|
360
|
-
var _a, _b;
|
|
361
|
+
var _a, _b, _c, _d;
|
|
361
362
|
if (!this.endpoint.session) {
|
|
362
363
|
return (h(Host, null, h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
|
|
363
364
|
}
|
|
@@ -367,9 +368,10 @@ const VerdocsTemplateFields = /*@__PURE__*/ proxyCustomElement(class extends HTM
|
|
|
367
368
|
}
|
|
368
369
|
const pages = [...(_b = this.store) === null || _b === void 0 ? void 0 : _b.state.pages];
|
|
369
370
|
pages.sort((a, b) => a.sequence - b.sequence);
|
|
371
|
+
const selectableRoles = (_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.roles.map(role => ({ value: role.name, label: role.name }));
|
|
370
372
|
return (h(Host, { class: this.placing ? { [`placing-${this.placing}`]: true } : {}, "data-r": this.rerender, onSubmit: () => {
|
|
371
373
|
console.log('onSubmit');
|
|
372
|
-
} }, h("div", { id: "verdocs-template-fields-toolbar" }, menuOptions.map(option => (h("verdocs-toolbar-icon", { text: option.tooltip, icon: option.icon, onClick: () => {
|
|
374
|
+
} }, h("div", { id: "verdocs-template-fields-toolbar" }, h("div", { class: "add-for" }, "Add field:"), h("verdocs-select-input", { value: this.selectedRoleName, options: selectableRoles, onInput: (e) => (this.selectedRoleName = e.target.value) }), menuOptions.map(option => (h("verdocs-toolbar-icon", { text: option.tooltip, icon: option.icon, onClick: () => {
|
|
373
375
|
if (option.tooltip) {
|
|
374
376
|
// We have empty tooltips on the separators, quick hack...
|
|
375
377
|
this.placing = option.id;
|
|
@@ -394,7 +396,7 @@ function defineCustomElement() {
|
|
|
394
396
|
if (typeof customElements === "undefined") {
|
|
395
397
|
return;
|
|
396
398
|
}
|
|
397
|
-
const components = ["verdocs-template-fields", "verdocs-component-error", "verdocs-loader", "verdocs-template-document-page", "verdocs-toolbar-icon"];
|
|
399
|
+
const components = ["verdocs-template-fields", "verdocs-component-error", "verdocs-loader", "verdocs-select-input", "verdocs-template-document-page", "verdocs-toolbar-icon"];
|
|
398
400
|
components.forEach(tagName => { switch (tagName) {
|
|
399
401
|
case "verdocs-template-fields":
|
|
400
402
|
if (!customElements.get(tagName)) {
|
|
@@ -403,10 +405,15 @@ function defineCustomElement() {
|
|
|
403
405
|
break;
|
|
404
406
|
case "verdocs-component-error":
|
|
405
407
|
if (!customElements.get(tagName)) {
|
|
406
|
-
defineCustomElement$
|
|
408
|
+
defineCustomElement$5();
|
|
407
409
|
}
|
|
408
410
|
break;
|
|
409
411
|
case "verdocs-loader":
|
|
412
|
+
if (!customElements.get(tagName)) {
|
|
413
|
+
defineCustomElement$4();
|
|
414
|
+
}
|
|
415
|
+
break;
|
|
416
|
+
case "verdocs-select-input":
|
|
410
417
|
if (!customElements.get(tagName)) {
|
|
411
418
|
defineCustomElement$3();
|
|
412
419
|
}
|