@verdocs/web-sdk 2.3.62 → 2.3.64
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/{TemplateFieldStore-43a0b60d.js → TemplateFieldStore-3d25fc86.js} +11 -10
- package/dist/cjs/{TemplateStore-ccf29182.js → TemplateStore-89072ea0.js} +1 -1
- package/dist/cjs/ipc-test.cjs.entry.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{utils-31385d19.js → utils-7cc3fe3c.js} +76 -3
- package/dist/cjs/verdocs-build.cjs.entry.js +2 -2
- package/dist/cjs/{verdocs-portal_2.cjs.entry.js → verdocs-checkbox_5.cjs.entry.js} +57 -11
- package/dist/cjs/verdocs-contact-picker_2.cjs.entry.js +1 -2
- package/dist/cjs/verdocs-envelope-document-page.cjs.entry.js +1 -2
- package/dist/cjs/verdocs-envelopes-list.cjs.entry.js +1 -2
- package/dist/cjs/{verdocs-field-date.cjs.entry.js → verdocs-field-attachment_15.cjs.entry.js} +1520 -6
- package/dist/cjs/verdocs-field-payment.cjs.entry.js +3 -3
- package/dist/cjs/verdocs-pagination_2.cjs.entry.js +1 -2
- package/dist/cjs/verdocs-preview_8.cjs.entry.js +3 -4
- package/dist/cjs/verdocs-settings-api-keys_4.cjs.entry.js +1 -2
- package/dist/cjs/verdocs-sign.cjs.entry.js +9 -12
- package/dist/cjs/verdocs-template-fields_4.cjs.entry.js +26 -19
- package/dist/cjs/verdocs-view.cjs.entry.js +1 -2
- package/dist/cjs/verdocs-web-sdk.cjs.js +1 -1
- package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js +7 -9
- package/dist/collection/components/fields/verdocs-field-attachment/verdocs-field-attachment.js +19 -0
- package/dist/collection/components/fields/verdocs-field-checkbox/verdocs-field-checkbox.js +19 -0
- package/dist/collection/components/fields/verdocs-field-date/verdocs-field-date.css +1 -1
- package/dist/collection/components/fields/verdocs-field-date/verdocs-field-date.js +19 -0
- package/dist/collection/components/fields/verdocs-field-dropdown/verdocs-field-dropdown.js +19 -0
- package/dist/collection/components/fields/verdocs-field-initial/verdocs-field-initial.js +19 -0
- package/dist/collection/components/fields/verdocs-field-payment/verdocs-field-payment.js +19 -0
- package/dist/collection/components/fields/verdocs-field-radio-button-group/verdocs-field-radio-button.js +19 -0
- package/dist/collection/components/fields/verdocs-field-signature/verdocs-field-signature.js +19 -0
- package/dist/collection/components/fields/verdocs-field-textarea/verdocs-field-textarea.js +19 -0
- package/dist/collection/components/fields/verdocs-field-textbox/verdocs-field-textbox.css +1 -1
- package/dist/collection/components/fields/verdocs-field-textbox/verdocs-field-textbox.js +27 -6
- package/dist/collection/components/fields/verdocs-field-timestamp/verdocs-field-timestamp.js +19 -0
- package/dist/collection/components/templates/verdocs-template-document-page/verdocs-template-document-page.js +95 -6
- package/dist/collection/components/templates/verdocs-template-field-properties/verdocs-template-field-properties.js +5 -9
- package/dist/collection/components/templates/verdocs-template-fields/verdocs-template-fields.js +24 -16
- package/dist/collection/utils/TemplateFieldStore.js +11 -10
- package/dist/collection/utils/utils.js +23 -4
- package/dist/components/TemplateFieldStore.js +11 -10
- package/dist/components/ipc-test.js +120 -30
- package/dist/components/utils.js +28 -1
- package/dist/components/verdocs-build.js +144 -60
- package/dist/components/verdocs-field-attachment.js +1 -168
- package/dist/{esm/verdocs-field-attachment.entry.js → components/verdocs-field-attachment2.js} +96 -19
- package/dist/components/verdocs-field-checkbox.js +1 -148
- package/dist/{esm/verdocs-field-checkbox.entry.js → components/verdocs-field-checkbox2.js} +90 -19
- package/dist/components/verdocs-field-date.js +1 -204
- package/dist/{esm/verdocs-field-date.entry.js → components/verdocs-field-date2.js} +97 -21
- package/dist/components/verdocs-field-dropdown.js +1 -154
- package/dist/{esm/verdocs-field-dropdown.entry.js → components/verdocs-field-dropdown2.js} +90 -19
- package/dist/components/verdocs-field-initial.js +1 -184
- package/dist/{esm/verdocs-field-initial.entry.js → components/verdocs-field-initial2.js} +98 -19
- package/dist/components/verdocs-field-payment.js +2 -0
- package/dist/components/verdocs-field-radio-button.js +1 -152
- package/dist/{esm/verdocs-field-radio-button.entry.js → components/verdocs-field-radio-button2.js} +90 -19
- package/dist/components/verdocs-field-signature.js +1 -183
- package/dist/{esm/verdocs-field-signature.entry.js → components/verdocs-field-signature2.js} +98 -19
- package/dist/components/verdocs-field-textarea.js +1 -206
- package/dist/{esm/verdocs-field-textarea.entry.js → components/verdocs-field-textarea2.js} +95 -23
- package/dist/components/verdocs-field-textbox.js +1 -208
- package/dist/{esm/verdocs-field-textbox.entry.js → components/verdocs-field-textbox2.js} +104 -30
- package/dist/components/verdocs-field-timestamp.js +1 -157
- package/dist/{esm/verdocs-field-timestamp.entry.js → components/verdocs-field-timestamp2.js} +92 -19
- package/dist/components/verdocs-preview2.js +130 -4
- package/dist/components/verdocs-sign.js +7 -9
- package/dist/components/verdocs-template-document-page2.js +188 -7
- package/dist/components/verdocs-template-field-properties2.js +31 -11
- package/dist/components/verdocs-template-fields2.js +146 -31
- package/dist/docs.json +671 -15
- package/dist/esm/{TemplateFieldStore-211c1ed4.js → TemplateFieldStore-6e67e86b.js} +11 -10
- package/dist/esm/{TemplateStore-f752d353.js → TemplateStore-7fba801e.js} +1 -1
- package/dist/esm/ipc-test.entry.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{utils-86fc7318.js → utils-36f1bbdd.js} +71 -2
- package/dist/esm/verdocs-build.entry.js +2 -2
- package/dist/esm/{verdocs-portal_2.entry.js → verdocs-checkbox_5.entry.js} +56 -13
- package/dist/esm/verdocs-contact-picker_2.entry.js +1 -2
- package/dist/esm/verdocs-envelope-document-page.entry.js +1 -2
- package/dist/esm/verdocs-envelopes-list.entry.js +1 -2
- package/dist/esm/verdocs-field-attachment_15.entry.js +1632 -0
- package/dist/esm/verdocs-field-payment.entry.js +3 -3
- package/dist/esm/verdocs-pagination_2.entry.js +1 -2
- package/dist/esm/verdocs-preview_8.entry.js +3 -4
- package/dist/esm/verdocs-settings-api-keys_4.entry.js +1 -2
- package/dist/esm/verdocs-sign.entry.js +9 -12
- package/dist/esm/verdocs-template-fields_4.entry.js +26 -19
- package/dist/esm/verdocs-view.entry.js +1 -2
- package/dist/esm/verdocs-web-sdk.js +1 -1
- package/dist/esm-es5/{TemplateFieldStore-211c1ed4.js → TemplateFieldStore-6e67e86b.js} +1 -1
- package/dist/esm-es5/{TemplateStore-f752d353.js → TemplateStore-7fba801e.js} +1 -1
- package/dist/esm-es5/ipc-test.entry.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{utils-86fc7318.js → utils-36f1bbdd.js} +2 -2
- package/dist/esm-es5/verdocs-build.entry.js +1 -1
- package/dist/esm-es5/verdocs-checkbox_5.entry.js +1 -0
- package/dist/esm-es5/verdocs-contact-picker_2.entry.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_15.entry.js +1 -0
- package/dist/esm-es5/verdocs-field-payment.entry.js +1 -1
- package/dist/esm-es5/verdocs-pagination_2.entry.js +1 -1
- package/dist/esm-es5/verdocs-preview_8.entry.js +1 -1
- package/dist/esm-es5/verdocs-settings-api-keys_4.entry.js +1 -1
- package/dist/esm-es5/verdocs-sign.entry.js +1 -1
- package/dist/esm-es5/verdocs-template-fields_4.entry.js +1 -1
- package/dist/esm-es5/verdocs-view.entry.js +1 -1
- package/dist/esm-es5/verdocs-web-sdk.js +1 -1
- package/dist/types/components/fields/verdocs-field-attachment/verdocs-field-attachment.d.ts +4 -0
- package/dist/types/components/fields/verdocs-field-checkbox/verdocs-field-checkbox.d.ts +4 -0
- package/dist/types/components/fields/verdocs-field-date/verdocs-field-date.d.ts +4 -0
- package/dist/types/components/fields/verdocs-field-dropdown/verdocs-field-dropdown.d.ts +4 -0
- package/dist/types/components/fields/verdocs-field-initial/verdocs-field-initial.d.ts +4 -0
- package/dist/types/components/fields/verdocs-field-payment/verdocs-field-payment.d.ts +4 -0
- package/dist/types/components/fields/verdocs-field-radio-button-group/verdocs-field-radio-button.d.ts +4 -0
- package/dist/types/components/fields/verdocs-field-signature/verdocs-field-signature.d.ts +4 -0
- package/dist/types/components/fields/verdocs-field-textarea/verdocs-field-textarea.d.ts +4 -0
- package/dist/types/components/fields/verdocs-field-textbox/verdocs-field-textbox.d.ts +4 -0
- package/dist/types/components/fields/verdocs-field-timestamp/verdocs-field-timestamp.d.ts +4 -0
- package/dist/types/components/templates/verdocs-template-document-page/verdocs-template-document-page.d.ts +12 -0
- package/dist/types/components.d.ts +104 -0
- package/dist/types/utils/TemplateFieldStore.d.ts +1 -1
- package/dist/types/utils/utils.d.ts +9 -1
- package/dist/verdocs-web-sdk/p-00e8cfa6.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-04ac4336.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-08b5e01b.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-116f7900.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-26646a40.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-2a16963c.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-358ce165.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-3995b09b.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-3c59911b.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-3efa7c26.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-01d02174.js → p-47c63cc7.js} +1 -1
- package/dist/verdocs-web-sdk/p-500dce36.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-7c40ab4b.system.entry.js → p-5050f8a2.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-e10bd7a0.entry.js → p-508808d2.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-5c306718.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-6b6330f2.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-4b8a5a4e.system.entry.js → p-72f22ee9.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-80e69a68.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-83597b2e.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-8d9a749d.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-9054234f.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-f69790c5.system.js → p-95080569.system.js} +1 -1
- package/dist/verdocs-web-sdk/{p-aecd8680.entry.js → p-9d4a5fd8.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-a16eba51.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-f0dd9355.js → p-a3d7cdda.js} +2 -2
- package/dist/verdocs-web-sdk/{p-90a1755f.system.js → p-cacffa79.system.js} +2 -2
- package/dist/verdocs-web-sdk/{p-79965a5a.system.js → p-cff87d52.system.js} +1 -1
- package/dist/verdocs-web-sdk/p-d1092a62.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-d7f90328.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-db5de7e8.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-e311d75f.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-ea96b41e.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-ef20cb50.js +1 -0
- package/dist/verdocs-web-sdk/p-f04bf956.system.js +1 -1
- package/dist/verdocs-web-sdk/p-f2a169d8.entry.js +1 -0
- package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
- package/package.json +1 -1
- package/dist/cjs/Files-4bdc0c0f.js +0 -47
- package/dist/cjs/verdocs-checkbox_3.cjs.entry.js +0 -56
- package/dist/cjs/verdocs-field-attachment.cjs.entry.js +0 -99
- package/dist/cjs/verdocs-field-checkbox.cjs.entry.js +0 -85
- package/dist/cjs/verdocs-field-dropdown.cjs.entry.js +0 -91
- package/dist/cjs/verdocs-field-initial.cjs.entry.js +0 -113
- package/dist/cjs/verdocs-field-radio-button.cjs.entry.js +0 -89
- package/dist/cjs/verdocs-field-signature.cjs.entry.js +0 -112
- package/dist/cjs/verdocs-field-textarea.cjs.entry.js +0 -141
- package/dist/cjs/verdocs-field-textbox.cjs.entry.js +0 -143
- package/dist/cjs/verdocs-field-timestamp.cjs.entry.js +0 -92
- package/dist/cjs/verdocs-initial-dialog.cjs.entry.js +0 -227
- package/dist/cjs/verdocs-signature-dialog.cjs.entry.js +0 -227
- package/dist/cjs/verdocs-template-document-page_2.cjs.entry.js +0 -150
- package/dist/cjs/verdocs-upload-dialog.cjs.entry.js +0 -82
- package/dist/components/Fields.js +0 -26
- package/dist/custom-elements.json +0 -2091
- package/dist/esm/Files-70a192df.js +0 -44
- package/dist/esm/verdocs-checkbox_3.entry.js +0 -50
- package/dist/esm/verdocs-initial-dialog.entry.js +0 -223
- package/dist/esm/verdocs-signature-dialog.entry.js +0 -223
- package/dist/esm/verdocs-template-document-page_2.entry.js +0 -145
- package/dist/esm/verdocs-upload-dialog.entry.js +0 -78
- package/dist/esm-es5/Files-70a192df.js +0 -1
- package/dist/esm-es5/verdocs-checkbox_3.entry.js +0 -1
- package/dist/esm-es5/verdocs-field-attachment.entry.js +0 -1
- package/dist/esm-es5/verdocs-field-checkbox.entry.js +0 -1
- package/dist/esm-es5/verdocs-field-date.entry.js +0 -1
- package/dist/esm-es5/verdocs-field-dropdown.entry.js +0 -1
- package/dist/esm-es5/verdocs-field-initial.entry.js +0 -1
- package/dist/esm-es5/verdocs-field-radio-button.entry.js +0 -1
- package/dist/esm-es5/verdocs-field-signature.entry.js +0 -1
- package/dist/esm-es5/verdocs-field-textarea.entry.js +0 -1
- package/dist/esm-es5/verdocs-field-textbox.entry.js +0 -1
- package/dist/esm-es5/verdocs-field-timestamp.entry.js +0 -1
- package/dist/esm-es5/verdocs-initial-dialog.entry.js +0 -1
- package/dist/esm-es5/verdocs-portal_2.entry.js +0 -1
- package/dist/esm-es5/verdocs-signature-dialog.entry.js +0 -1
- package/dist/esm-es5/verdocs-template-document-page_2.entry.js +0 -1
- package/dist/esm-es5/verdocs-upload-dialog.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-0edfbbb9.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-0fd03f17.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-16cc9e91.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-1b9f1492.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-202a5368.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-20986706.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-22275b64.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-2407c719.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-2bb8b0c0.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-30265ae4.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-32076544.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-327858f0.system.js +0 -1
- package/dist/verdocs-web-sdk/p-34832c03.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-4157afe4.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-43a78ea1.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-4b740499.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-50a552a9.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-521a3fec.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-522f19d0.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-6190eb2d.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-66b9d77e.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-6a5fbeb0.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-6bae71c2.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-6eb2ce21.js +0 -1
- package/dist/verdocs-web-sdk/p-712e8341.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-77898b84.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-7cb3209d.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-83a1476c.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-8bf9acf4.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-9365abef.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-946903f3.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-98f91a5e.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-a1ccd671.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-a5f450a1.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-a6048cc9.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-a604c1ad.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-a9934632.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-aa124212.js +0 -1
- package/dist/verdocs-web-sdk/p-b3c78f12.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-ba87f33c.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-bb2006de.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-c9716926.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-cb316fe0.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-cee12c63.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-d3942875.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-e27ec758.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-e2a8ce1d.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-e98e76f5.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-ecc85500.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-ef1f4d49.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-f23af885.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-f55038fc.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-f63a8d6d.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-f68c15fb.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-f8f703bb.system.entry.js +0 -1
@@ -1,44 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Given a File, extract the file's content as a base64 encoded data URL. The response will have a prefix that
|
3
|
-
* includes the MIME type of the file, e.g. "data:image/jpeg;base64,iVBORw0K......"
|
4
|
-
*/
|
5
|
-
var fileToDataUrl = function (file) {
|
6
|
-
return new Promise(function (resolve, reject) {
|
7
|
-
var reader = new FileReader();
|
8
|
-
reader.onload = function () {
|
9
|
-
return resolve({
|
10
|
-
lastModified: file.lastModified,
|
11
|
-
size: file.size,
|
12
|
-
type: file.type,
|
13
|
-
name: file.name,
|
14
|
-
data: reader.result,
|
15
|
-
});
|
16
|
-
};
|
17
|
-
reader.onerror = reject;
|
18
|
-
if (file) {
|
19
|
-
reader.readAsDataURL(file);
|
20
|
-
}
|
21
|
-
else {
|
22
|
-
reject(new Error('Invalid file'));
|
23
|
-
}
|
24
|
-
});
|
25
|
-
};
|
26
|
-
/**
|
27
|
-
* Trigger a download dialog to save a blob as a file on disk.
|
28
|
-
*/
|
29
|
-
var downloadBlob = function (blob, name) {
|
30
|
-
if (name === void 0) { name = 'file.pdf'; }
|
31
|
-
var blobUrl = URL.createObjectURL(blob);
|
32
|
-
var link = document.createElement('a');
|
33
|
-
link.href = blobUrl;
|
34
|
-
link.download = name;
|
35
|
-
document.body.appendChild(link);
|
36
|
-
link.dispatchEvent(new MouseEvent('click', {
|
37
|
-
bubbles: true,
|
38
|
-
cancelable: true,
|
39
|
-
view: window,
|
40
|
-
}));
|
41
|
-
document.body.removeChild(link);
|
42
|
-
};
|
43
|
-
|
44
|
-
export { downloadBlob as d, fileToDataUrl as f };
|
@@ -1,50 +0,0 @@
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-172625c5.js';
|
2
|
-
|
3
|
-
const verdocsCheckboxCss = "@charset \"UTF-8\";verdocs-checkbox{line-height:18px;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-checkbox label>input[type=checkbox]{display:none}verdocs-checkbox label>input[type=checkbox]+*::before{content:\"\";width:20px;height:20px;-ms-flex-negative:0;flex-shrink:0;margin-right:8px;line-height:20px;border-radius:2px;border-style:solid;border-width:0.1rem;display:inline-block;vertical-align:bottom;border-color:#aeb4bf}verdocs-checkbox label>input[type=checkbox]:checked+*{color:#55bc81}verdocs-checkbox label>input[type=checkbox]:checked+*::before{content:\"✓\";color:white;text-align:center;background:#55bc81;border-color:#55bc81}verdocs-checkbox.dark label>input[type=checkbox]+*::before{border-color:#ffffff}verdocs-checkbox.dark label>input[type=checkbox]:checked+*::before{background:#55bc81;border-color:#55bc81}";
|
4
|
-
|
5
|
-
const VerdocsCheckbox = class {
|
6
|
-
constructor(hostRef) {
|
7
|
-
registerInstance(this, hostRef);
|
8
|
-
this.checked = false;
|
9
|
-
this.name = '';
|
10
|
-
this.label = '';
|
11
|
-
this.value = '';
|
12
|
-
this.theme = 'light';
|
13
|
-
this.disabled = false;
|
14
|
-
}
|
15
|
-
render() {
|
16
|
-
return (h(Host, { class: { disabled: this.disabled, [this.theme]: true } }, h("label", null, h("input", { type: "checkbox", value: this.value, name: this.name, checked: this.checked, disabled: this.disabled }), h("span", null, this.label))));
|
17
|
-
}
|
18
|
-
};
|
19
|
-
VerdocsCheckbox.style = verdocsCheckboxCss;
|
20
|
-
|
21
|
-
const verdocsComponentErrorCss = "verdocs-component-error{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:-ms-flexbox;display:flex;padding:15px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-component-error .inner{-ms-flex:1;flex:1;height:300px;display:-ms-flexbox;display:flex;font-size:18px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 20px;background:#ffffff;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}";
|
22
|
-
|
23
|
-
const VerdocsComponentError = class {
|
24
|
-
constructor(hostRef) {
|
25
|
-
registerInstance(this, hostRef);
|
26
|
-
this.message = '';
|
27
|
-
}
|
28
|
-
render() {
|
29
|
-
return (h(Host, null, h("div", { class: "inner" }, this.message)));
|
30
|
-
}
|
31
|
-
};
|
32
|
-
VerdocsComponentError.style = verdocsComponentErrorCss;
|
33
|
-
|
34
|
-
const verdocsSelectInputCss = "verdocs-select-input{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;display:block}verdocs-select-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;border:1px solid #cccccc;border-radius:4px;background:#ffffff;color:#092c4c;width:100%;font-size:16px;height:28px;padding:2px 8px}verdocs-select-input .input-element::-webkit-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-moz-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element:-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0}";
|
35
|
-
|
36
|
-
const VerdocsSelectInput = class {
|
37
|
-
constructor(hostRef) {
|
38
|
-
registerInstance(this, hostRef);
|
39
|
-
this.value = '';
|
40
|
-
this.label = '';
|
41
|
-
this.options = undefined;
|
42
|
-
this.disabled = false;
|
43
|
-
}
|
44
|
-
render() {
|
45
|
-
return (h(Host, { class: "input-field" }, h("label", null, this.label ? h("div", { class: "input-label" }, this.label + ':') : h("div", null), h("select", { class: "input-element", disabled: this.disabled }, this.options.map(option => (h("option", { value: option.value, selected: option.value === this.value }, option.label)))))));
|
46
|
-
}
|
47
|
-
};
|
48
|
-
VerdocsSelectInput.style = verdocsSelectInputCss;
|
49
|
-
|
50
|
-
export { VerdocsCheckbox as verdocs_checkbox, VerdocsComponentError as verdocs_component_error, VerdocsSelectInput as verdocs_select_input };
|
@@ -1,223 +0,0 @@
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host } from './index-172625c5.js';
|
2
|
-
|
3
|
-
const verdocsInitialDialogCss = "verdocs-initial-dialog{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-initial-dialog .dialog{width:100%;max-width:340px;border-radius:4px;overflow:hidden;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);background:#f9f9f9}verdocs-initial-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:20px 20px 0 20px;line-height:28px;font-size:20px;font-weight:500}verdocs-initial-dialog .content{font-size:14px;padding:20px}verdocs-initial-dialog .buttons{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}verdocs-initial-dialog .buttons verdocs-button{margin-left:16px}verdocs-initial-dialog canvas{background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;width:300px;height:79px;max-width:100%;-webkit-box-shadow:0 0 6px 0 #0000001f;box-shadow:0 0 6px 0 #0000001f}verdocs-initial-dialog .disclaimer{text-align:justify;padding:8px 0;font-size:11px;line-height:14px;color:rgba(0, 0, 0, 0.54)}verdocs-initial-dialog .as-shown{font-size:11px;margin:4px 0 20px 4px;color:rgba(0, 0, 0, 0.54)}verdocs-initial-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-initial-dialog .tabs .tab{padding:8px 15px;cursor:pointer}verdocs-initial-dialog .tabs .tab.active{border-bottom:2px solid #cccccc}verdocs-initial-dialog .tabs .tab:hover{color:#55bc81}";
|
4
|
-
|
5
|
-
const VerdocsInitialDialog = class {
|
6
|
-
constructor(hostRef) {
|
7
|
-
registerInstance(this, hostRef);
|
8
|
-
this.next = createEvent(this, "next", 7);
|
9
|
-
this.exit = createEvent(this, "exit", 7);
|
10
|
-
this.initials = '';
|
11
|
-
this.fontLoaded = false;
|
12
|
-
this.enteredInitials = '';
|
13
|
-
this.mode = 'type';
|
14
|
-
}
|
15
|
-
componentWillLoad() {
|
16
|
-
this.enteredInitials = this.initials.toUpperCase();
|
17
|
-
const ds = new FontFace('Dancing Script', 'url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)');
|
18
|
-
ds.load().then(font => {
|
19
|
-
document.fonts.add(font);
|
20
|
-
this.fontLoaded = true;
|
21
|
-
});
|
22
|
-
}
|
23
|
-
componentDidLoad() {
|
24
|
-
this.redrawSignature();
|
25
|
-
}
|
26
|
-
componentDidUpdate() {
|
27
|
-
this.redrawSignature();
|
28
|
-
}
|
29
|
-
redrawSignature() {
|
30
|
-
if (!this.canvasElement) {
|
31
|
-
return;
|
32
|
-
}
|
33
|
-
const canvasWidth = this.canvasElement.width;
|
34
|
-
const context = this.canvasElement.getContext('2d');
|
35
|
-
context.clearRect(0, 0, this.canvasElement.width, this.canvasElement.height);
|
36
|
-
let fontSize = 100;
|
37
|
-
do {
|
38
|
-
fontSize -= 2;
|
39
|
-
context.font = `${fontSize}px Dancing Script`;
|
40
|
-
} while (context.measureText(this.enteredInitials).width > canvasWidth - 32); // 32px padding each side
|
41
|
-
context.textAlign = 'center';
|
42
|
-
context.textBaseline = 'middle';
|
43
|
-
context.font = `${fontSize}px Dancing Script`;
|
44
|
-
context.fillText(this.enteredInitials, this.canvasElement.width / 2, this.canvasElement.height / 2);
|
45
|
-
}
|
46
|
-
handleNameChange(e) {
|
47
|
-
this.enteredInitials = e.target.value;
|
48
|
-
}
|
49
|
-
handleCancel(e) {
|
50
|
-
e.stopPropagation();
|
51
|
-
e.preventDefault();
|
52
|
-
this.exit.emit();
|
53
|
-
}
|
54
|
-
handleAdopt(e) {
|
55
|
-
e.stopPropagation();
|
56
|
-
e.preventDefault();
|
57
|
-
const data = this.canvasElement.toDataURL('image/png');
|
58
|
-
this.next.emit(data);
|
59
|
-
}
|
60
|
-
/*
|
61
|
-
selColor(hex: string) {
|
62
|
-
this.color = hex;
|
63
|
-
this.animateDraw();
|
64
|
-
}
|
65
|
-
|
66
|
-
stopDraw() {
|
67
|
-
this.paint = false;
|
68
|
-
this.adoptedAndSigned = !this.hasSignature();
|
69
|
-
}
|
70
|
-
|
71
|
-
draw(e) {
|
72
|
-
this.paint = true;
|
73
|
-
this.addPoints(e, false);
|
74
|
-
this.animateDraw();
|
75
|
-
}
|
76
|
-
|
77
|
-
recordPoints(e) {
|
78
|
-
if (this.paint) {
|
79
|
-
this.addPoints(e, true);
|
80
|
-
this.animateDraw();
|
81
|
-
}
|
82
|
-
}
|
83
|
-
|
84
|
-
animateDraw() {
|
85
|
-
this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);
|
86
|
-
|
87
|
-
this.canvas.strokeStyle = this.color || '#000000';
|
88
|
-
this.canvas.lineJoin = 'round';
|
89
|
-
this.canvas.lineWidth = 3;
|
90
|
-
|
91
|
-
for (let i = 0; i < this.points.length; i++) {
|
92
|
-
this.canvas.beginPath();
|
93
|
-
if (this.points[i].drag && i) {
|
94
|
-
this.canvas.moveTo(this.points[i - 1].x, this.points[i - 1].y);
|
95
|
-
// this.canvas.arc(this.points[i - 1].x, this.points[i - 1].y, 2, 0, 2 * Math.PI, false);
|
96
|
-
} else {
|
97
|
-
this.canvas.moveTo(this.points[i].x - 1, this.points[i].y);
|
98
|
-
// this.canvas.arc(this.points[i].x, this.points[i].y, 2, 0, 2 * Math.PI, false);
|
99
|
-
}
|
100
|
-
|
101
|
-
this.canvas.lineTo(this.points[i].x, this.points[i].y);
|
102
|
-
this.canvas.closePath();
|
103
|
-
this.canvas.stroke();
|
104
|
-
}
|
105
|
-
}
|
106
|
-
|
107
|
-
drawCurve(color: string, curve: number) {
|
108
|
-
this.canvas.beginPath();
|
109
|
-
}
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
addPoints(e, drag: boolean) {
|
114
|
-
if (window) {
|
115
|
-
let x;
|
116
|
-
let y;
|
117
|
-
e.preventDefault();
|
118
|
-
if (e.touches && e.touches.length > 0) {
|
119
|
-
x = e.touches[0].clientX;
|
120
|
-
} else {
|
121
|
-
x = e.clientX;
|
122
|
-
}
|
123
|
-
|
124
|
-
if (e.touches && e.touches.length > 0) {
|
125
|
-
y = e.touches[0].clientY;
|
126
|
-
} else {
|
127
|
-
y = e.clientY;
|
128
|
-
}
|
129
|
-
const rect = this.signatureCanvas.nativeElement.getBoundingClientRect();
|
130
|
-
this.points.push({
|
131
|
-
x: x - rect.left,
|
132
|
-
y: y - rect.top,
|
133
|
-
drag: drag
|
134
|
-
});
|
135
|
-
}
|
136
|
-
}
|
137
|
-
|
138
|
-
clearPad() {
|
139
|
-
this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);
|
140
|
-
this.points = [];
|
141
|
-
this.adoptedAndSigned = !this.hasSignature();
|
142
|
-
}
|
143
|
-
|
144
|
-
async adoptAndSign() {
|
145
|
-
try {
|
146
|
-
this.adoptedAndSigned = true;
|
147
|
-
await this.updateFullName();
|
148
|
-
await this.captureSignatureFromCanvas();
|
149
|
-
const message = this.signatureMode === 'Signature' ? 'Saving Signature' : 'Saving Initial';
|
150
|
-
this.snackbarService.open(message, 'OK', this.snackbarService.initConfig(null, 'bottom'));
|
151
|
-
this.handleMode();
|
152
|
-
} catch (err) {
|
153
|
-
this.snackbarService.open('Failed to apply signature', 'OK', this.snackbarService.initConfig(null, 'bottom'));
|
154
|
-
}
|
155
|
-
}
|
156
|
-
|
157
|
-
handleMode() {
|
158
|
-
let currentField;
|
159
|
-
switch (this.mode) {
|
160
|
-
case 'signerview':
|
161
|
-
if (this.signatureMode === 'Signature') {
|
162
|
-
this.signatureService.postSignatureBlob().then(result => {
|
163
|
-
if (result && result.id && result.url) {
|
164
|
-
currentField = this.signatureService.currField;
|
165
|
-
this.signatureService.updateSigned(currentField.fName, true);
|
166
|
-
this.signatureService.toggleSig(false);
|
167
|
-
this.signatureService.setSignatureId(result.id);
|
168
|
-
this.signatureService.putSignatureField(this.envelopeId, this.fieldName, result.id).then(res => {
|
169
|
-
this.eventTracker.createEvent({
|
170
|
-
category: 'verdoc',
|
171
|
-
action: 'verdoc signed',
|
172
|
-
label: `verdoc id: ${this.envelopeId}`
|
173
|
-
})
|
174
|
-
if (res && res.settings) {
|
175
|
-
this.signatureService.setSignatureData(res.settings.base64);
|
176
|
-
this.signatureService.setSignatureId(res.settings.signature_id);
|
177
|
-
}
|
178
|
-
this.snackbarService.dismiss();
|
179
|
-
this.dialog.close({ status: 'saved', temp_sig: res.settings.base64, sig_id: res.settings.signature_id });
|
180
|
-
}).catch(err => {
|
181
|
-
this.snackbarService.open('Failed to save signature. Please try again.', 'DISMISS', {
|
182
|
-
duration: 3000
|
183
|
-
});
|
184
|
-
this.adoptedAndSigned = false;
|
185
|
-
return err;
|
186
|
-
});
|
187
|
-
}
|
188
|
-
});
|
189
|
-
} else {
|
190
|
-
this.signatureService.postInitialBlob().then(result => {
|
191
|
-
if (result && result.id && result.url) {
|
192
|
-
currentField = this.signatureService.currField;
|
193
|
-
this.signatureService.updateInitialed(currentField.fName, true);
|
194
|
-
this.signatureService.setInitialId(result.id);
|
195
|
-
this.signatureService.toggleSig(false);
|
196
|
-
this.signatureService.putInitialField(this.envelopeId, this.fieldName, result.id).then(res => {
|
197
|
-
if (res && res.settings) {
|
198
|
-
this.signatureService.setInitialData(res.settings.base64);
|
199
|
-
this.signatureService.setInitialId(res.settings.initial_id);
|
200
|
-
}
|
201
|
-
this.snackbarService.dismiss();
|
202
|
-
this.dialog.close({ status: 'saved', temp_int: res.settings.base64, int_id: res.settings.initial_id });
|
203
|
-
}).catch(err => {
|
204
|
-
this.snackbarService.open('Failed to save initial. Please try again.', 'DISMISS', {
|
205
|
-
duration: 3000
|
206
|
-
});
|
207
|
-
this.adoptedAndSigned = false;
|
208
|
-
return err;
|
209
|
-
});
|
210
|
-
}
|
211
|
-
});
|
212
|
-
}
|
213
|
-
break;
|
214
|
-
}
|
215
|
-
}
|
216
|
-
*/
|
217
|
-
render() {
|
218
|
-
return (h(Host, { onClick: e => this.handleCancel(e) }, h("div", { class: "dialog" }, h("div", { class: "heading" }, "Create Your Initial"), h("div", { class: "content" }, h("verdocs-text-input", { placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), h("div", { class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), h("div", { class: "buttons" }, h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
|
219
|
-
}
|
220
|
-
};
|
221
|
-
VerdocsInitialDialog.style = verdocsInitialDialogCss;
|
222
|
-
|
223
|
-
export { VerdocsInitialDialog as verdocs_initial_dialog };
|
@@ -1,223 +0,0 @@
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host } from './index-172625c5.js';
|
2
|
-
|
3
|
-
const verdocsSignatureDialogCss = "verdocs-signature-dialog{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-signature-dialog .dialog{width:100%;max-width:340px;border-radius:4px;overflow:hidden;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);background:#f9f9f9}verdocs-signature-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:20px 20px 0 20px;line-height:28px;font-size:20px;font-weight:500}verdocs-signature-dialog .content{font-size:14px;padding:20px}verdocs-signature-dialog .buttons{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}verdocs-signature-dialog .buttons verdocs-button{margin-left:16px}verdocs-signature-dialog canvas{background:#ffffff;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;width:300px;height:79px;max-width:100%;-webkit-box-shadow:0 0 6px 0 #0000001f;box-shadow:0 0 6px 0 #0000001f}verdocs-signature-dialog .disclaimer{text-align:justify;padding:8px 0;font-size:11px;line-height:14px;color:rgba(0, 0, 0, 0.54)}verdocs-signature-dialog .as-shown{font-size:11px;margin:4px 0 20px 4px;color:rgba(0, 0, 0, 0.54)}verdocs-signature-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-signature-dialog .tabs .tab{padding:8px 15px;cursor:pointer}verdocs-signature-dialog .tabs .tab.active{border-bottom:2px solid #cccccc}verdocs-signature-dialog .tabs .tab:hover{color:#55bc81}";
|
4
|
-
|
5
|
-
const VerdocsSignatureDialog = class {
|
6
|
-
constructor(hostRef) {
|
7
|
-
registerInstance(this, hostRef);
|
8
|
-
this.next = createEvent(this, "next", 7);
|
9
|
-
this.exit = createEvent(this, "exit", 7);
|
10
|
-
this.name = '';
|
11
|
-
this.fontLoaded = false;
|
12
|
-
this.enteredName = '';
|
13
|
-
this.mode = 'type';
|
14
|
-
}
|
15
|
-
componentWillLoad() {
|
16
|
-
this.enteredName = this.name;
|
17
|
-
const ds = new FontFace('Dancing Script', 'url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)');
|
18
|
-
ds.load().then(font => {
|
19
|
-
document.fonts.add(font);
|
20
|
-
this.fontLoaded = true;
|
21
|
-
});
|
22
|
-
}
|
23
|
-
componentDidLoad() {
|
24
|
-
this.redrawSignature();
|
25
|
-
}
|
26
|
-
componentDidUpdate() {
|
27
|
-
this.redrawSignature();
|
28
|
-
}
|
29
|
-
redrawSignature() {
|
30
|
-
if (!this.canvasElement) {
|
31
|
-
return;
|
32
|
-
}
|
33
|
-
const canvasWidth = this.canvasElement.width;
|
34
|
-
const context = this.canvasElement.getContext('2d');
|
35
|
-
context.clearRect(0, 0, this.canvasElement.width, this.canvasElement.height);
|
36
|
-
let fontSize = 100;
|
37
|
-
do {
|
38
|
-
fontSize -= 2;
|
39
|
-
context.font = `${fontSize}px Dancing Script`;
|
40
|
-
} while (context.measureText(this.enteredName).width > canvasWidth - 32); // 32px padding each side
|
41
|
-
context.textAlign = 'center';
|
42
|
-
context.textBaseline = 'middle';
|
43
|
-
context.font = `${fontSize}px Dancing Script`;
|
44
|
-
context.fillText(this.enteredName, this.canvasElement.width / 2, this.canvasElement.height / 2);
|
45
|
-
}
|
46
|
-
handleNameChange(e) {
|
47
|
-
this.enteredName = e.target.value;
|
48
|
-
}
|
49
|
-
handleCancel(e) {
|
50
|
-
e.stopPropagation();
|
51
|
-
e.preventDefault();
|
52
|
-
this.exit.emit();
|
53
|
-
}
|
54
|
-
handleAdopt(e) {
|
55
|
-
e.stopPropagation();
|
56
|
-
e.preventDefault();
|
57
|
-
const data = this.canvasElement.toDataURL('image/png');
|
58
|
-
this.next.emit(data);
|
59
|
-
}
|
60
|
-
/*
|
61
|
-
selColor(hex: string) {
|
62
|
-
this.color = hex;
|
63
|
-
this.animateDraw();
|
64
|
-
}
|
65
|
-
|
66
|
-
stopDraw() {
|
67
|
-
this.paint = false;
|
68
|
-
this.adoptedAndSigned = !this.hasSignature();
|
69
|
-
}
|
70
|
-
|
71
|
-
draw(e) {
|
72
|
-
this.paint = true;
|
73
|
-
this.addPoints(e, false);
|
74
|
-
this.animateDraw();
|
75
|
-
}
|
76
|
-
|
77
|
-
recordPoints(e) {
|
78
|
-
if (this.paint) {
|
79
|
-
this.addPoints(e, true);
|
80
|
-
this.animateDraw();
|
81
|
-
}
|
82
|
-
}
|
83
|
-
|
84
|
-
animateDraw() {
|
85
|
-
this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);
|
86
|
-
|
87
|
-
this.canvas.strokeStyle = this.color || '#000000';
|
88
|
-
this.canvas.lineJoin = 'round';
|
89
|
-
this.canvas.lineWidth = 3;
|
90
|
-
|
91
|
-
for (let i = 0; i < this.points.length; i++) {
|
92
|
-
this.canvas.beginPath();
|
93
|
-
if (this.points[i].drag && i) {
|
94
|
-
this.canvas.moveTo(this.points[i - 1].x, this.points[i - 1].y);
|
95
|
-
// this.canvas.arc(this.points[i - 1].x, this.points[i - 1].y, 2, 0, 2 * Math.PI, false);
|
96
|
-
} else {
|
97
|
-
this.canvas.moveTo(this.points[i].x - 1, this.points[i].y);
|
98
|
-
// this.canvas.arc(this.points[i].x, this.points[i].y, 2, 0, 2 * Math.PI, false);
|
99
|
-
}
|
100
|
-
|
101
|
-
this.canvas.lineTo(this.points[i].x, this.points[i].y);
|
102
|
-
this.canvas.closePath();
|
103
|
-
this.canvas.stroke();
|
104
|
-
}
|
105
|
-
}
|
106
|
-
|
107
|
-
drawCurve(color: string, curve: number) {
|
108
|
-
this.canvas.beginPath();
|
109
|
-
}
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
addPoints(e, drag: boolean) {
|
114
|
-
if (window) {
|
115
|
-
let x;
|
116
|
-
let y;
|
117
|
-
e.preventDefault();
|
118
|
-
if (e.touches && e.touches.length > 0) {
|
119
|
-
x = e.touches[0].clientX;
|
120
|
-
} else {
|
121
|
-
x = e.clientX;
|
122
|
-
}
|
123
|
-
|
124
|
-
if (e.touches && e.touches.length > 0) {
|
125
|
-
y = e.touches[0].clientY;
|
126
|
-
} else {
|
127
|
-
y = e.clientY;
|
128
|
-
}
|
129
|
-
const rect = this.signatureCanvas.nativeElement.getBoundingClientRect();
|
130
|
-
this.points.push({
|
131
|
-
x: x - rect.left,
|
132
|
-
y: y - rect.top,
|
133
|
-
drag: drag
|
134
|
-
});
|
135
|
-
}
|
136
|
-
}
|
137
|
-
|
138
|
-
clearPad() {
|
139
|
-
this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);
|
140
|
-
this.points = [];
|
141
|
-
this.adoptedAndSigned = !this.hasSignature();
|
142
|
-
}
|
143
|
-
|
144
|
-
async adoptAndSign() {
|
145
|
-
try {
|
146
|
-
this.adoptedAndSigned = true;
|
147
|
-
await this.updateFullName();
|
148
|
-
await this.captureSignatureFromCanvas();
|
149
|
-
const message = this.signatureMode === 'Signature' ? 'Saving Signature' : 'Saving Initial';
|
150
|
-
this.snackbarService.open(message, 'OK', this.snackbarService.initConfig(null, 'bottom'));
|
151
|
-
this.handleMode();
|
152
|
-
} catch (err) {
|
153
|
-
this.snackbarService.open('Failed to apply signature', 'OK', this.snackbarService.initConfig(null, 'bottom'));
|
154
|
-
}
|
155
|
-
}
|
156
|
-
|
157
|
-
handleMode() {
|
158
|
-
let currentField;
|
159
|
-
switch (this.mode) {
|
160
|
-
case 'signerview':
|
161
|
-
if (this.signatureMode === 'Signature') {
|
162
|
-
this.signatureService.postSignatureBlob().then(result => {
|
163
|
-
if (result && result.id && result.url) {
|
164
|
-
currentField = this.signatureService.currField;
|
165
|
-
this.signatureService.updateSigned(currentField.fName, true);
|
166
|
-
this.signatureService.toggleSig(false);
|
167
|
-
this.signatureService.setSignatureId(result.id);
|
168
|
-
this.signatureService.putSignatureField(this.envelopeId, this.fieldName, result.id).then(res => {
|
169
|
-
this.eventTracker.createEvent({
|
170
|
-
category: 'verdoc',
|
171
|
-
action: 'verdoc signed',
|
172
|
-
label: `verdoc id: ${this.envelopeId}`
|
173
|
-
})
|
174
|
-
if (res && res.settings) {
|
175
|
-
this.signatureService.setSignatureData(res.settings.base64);
|
176
|
-
this.signatureService.setSignatureId(res.settings.signature_id);
|
177
|
-
}
|
178
|
-
this.snackbarService.dismiss();
|
179
|
-
this.dialog.close({ status: 'saved', temp_sig: res.settings.base64, sig_id: res.settings.signature_id });
|
180
|
-
}).catch(err => {
|
181
|
-
this.snackbarService.open('Failed to save signature. Please try again.', 'DISMISS', {
|
182
|
-
duration: 3000
|
183
|
-
});
|
184
|
-
this.adoptedAndSigned = false;
|
185
|
-
return err;
|
186
|
-
});
|
187
|
-
}
|
188
|
-
});
|
189
|
-
} else {
|
190
|
-
this.signatureService.postInitialBlob().then(result => {
|
191
|
-
if (result && result.id && result.url) {
|
192
|
-
currentField = this.signatureService.currField;
|
193
|
-
this.signatureService.updateInitialed(currentField.fName, true);
|
194
|
-
this.signatureService.setInitialId(result.id);
|
195
|
-
this.signatureService.toggleSig(false);
|
196
|
-
this.signatureService.putInitialField(this.envelopeId, this.fieldName, result.id).then(res => {
|
197
|
-
if (res && res.settings) {
|
198
|
-
this.signatureService.setInitialData(res.settings.base64);
|
199
|
-
this.signatureService.setInitialId(res.settings.initial_id);
|
200
|
-
}
|
201
|
-
this.snackbarService.dismiss();
|
202
|
-
this.dialog.close({ status: 'saved', temp_int: res.settings.base64, int_id: res.settings.initial_id });
|
203
|
-
}).catch(err => {
|
204
|
-
this.snackbarService.open('Failed to save initial. Please try again.', 'DISMISS', {
|
205
|
-
duration: 3000
|
206
|
-
});
|
207
|
-
this.adoptedAndSigned = false;
|
208
|
-
return err;
|
209
|
-
});
|
210
|
-
}
|
211
|
-
});
|
212
|
-
}
|
213
|
-
break;
|
214
|
-
}
|
215
|
-
}
|
216
|
-
*/
|
217
|
-
render() {
|
218
|
-
return (h(Host, { onClick: e => this.handleCancel(e) }, h("div", { class: "dialog" }, h("div", { class: "heading" }, "Create Your Signature"), h("div", { class: "content" }, h("verdocs-text-input", { placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), h("div", { class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), h("div", { class: "buttons" }, h("verdocs-button", { label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
|
219
|
-
}
|
220
|
-
};
|
221
|
-
VerdocsSignatureDialog.style = verdocsSignatureDialogCss;
|
222
|
-
|
223
|
-
export { VerdocsSignatureDialog as verdocs_signature_dialog };
|