@verdocs/web-sdk 1.12.18 → 1.12.19
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/verdocs-sign.cjs.entry.js +2 -2
- package/dist/cjs/verdocs-view.cjs.entry.js +2 -2
- package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.css +26 -26
- package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js +1 -1
- package/dist/collection/components/embeds/verdocs-view/verdocs-view.css +25 -24
- package/dist/collection/components/embeds/verdocs-view/verdocs-view.js +1 -1
- package/dist/components/verdocs-sign.js +2 -2
- package/dist/components/verdocs-view2.js +2 -2
- package/dist/custom-elements.json +1462 -0
- package/dist/docs.json +1 -1
- package/dist/esm/verdocs-sign.entry.js +2 -2
- package/dist/esm/verdocs-view.entry.js +2 -2
- package/dist/esm-es5/verdocs-sign.entry.js +1 -1
- package/dist/esm-es5/verdocs-view.entry.js +1 -1
- package/dist/verdocs-web-sdk/p-7e6d7c07.system.js +1 -1
- package/dist/verdocs-web-sdk/{p-474268c1.entry.js → p-9cc1cbdf.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-beb96746.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-cb07edc4.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-354ab558.entry.js → p-db26d8e1.entry.js} +1 -1
- package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
- package/package.json +1 -1
- package/dist/verdocs-web-sdk/p-1eeceef9.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-afa3d3fc.system.entry.js +0 -1
|
@@ -108,7 +108,7 @@ var createInitials = function (endpoint, name, initials) {
|
|
|
108
108
|
.then(function (r) { return r.data; });
|
|
109
109
|
};
|
|
110
110
|
|
|
111
|
-
const verdocsSignCss = "verdocs-sign{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-sign div{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign input{vertical-align:top}verdocs-sign .
|
|
111
|
+
const verdocsSignCss = "verdocs-sign{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-sign div{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign input{vertical-align:top}verdocs-sign .intro{width:100%;display:-ms-flexbox;display:flex;-ms-flex:0 0 60px;flex:0 0 60px;color:#111111;padding:0 15px;font-size:18px;font-weight:500;line-height:28px;-ms-flex-direction:row;flex-direction:row;background:#ffffff;-ms-flex-align:center;align-items:center}verdocs-sign .cover{top:0;left:0;right:0;bottom:0;z-index:999;position:absolute;background:rgba(0, 0, 0, 0.5)}verdocs-sign>.document{-ms-flex:1;flex:1;height:100%;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;max-width:1200px;min-height:200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-sign>.document .inner{width:100%;max-width:1028px}verdocs-sign .agree{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0 15px}verdocs-sign .agree .intro{display:none}verdocs-sign .agree .header{-ms-flex:0 0 56px;flex:0 0 56px}@media print{verdocs-sign .header{display:none}}#verdocs-sign-header{color:#fff;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 56px;flex:0 0 56px;padding:0 15px;font-size:12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all 0.25s;transition:all 0.25s;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}#verdocs-sign-header .logo{width:80px;display:none;margin:-6px 0 0 10px}#verdocs-sign-header .title{padding-left:16px;font-size:18px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}";
|
|
112
112
|
|
|
113
113
|
const inProgressMenuOptions = [
|
|
114
114
|
{ id: 'later', label: 'Finish Later' },
|
|
@@ -513,7 +513,7 @@ const VerdocsSign = class {
|
|
|
513
513
|
if (this.isDone) {
|
|
514
514
|
return (index.h(index.Host, { class: { agreed: this.agreed }, "data-r": Envelopes$1.state.updateCount }, this.isDone ? (index.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); } })) : (index.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 && index.h("verdocs-ok-dialog", { heading: "Network Error", message: this.errorMessage, onNext: () => (this.errorMessage = '') })));
|
|
515
515
|
}
|
|
516
|
-
return (index.h(index.Host, { class: { agreed: this.agreed }, "data-r": Envelopes$1.state.updateCount }, !this.finishLater && index.h("div", { class: "intro" }, "Please review and act on these documents."), index.h("div", {
|
|
516
|
+
return (index.h(index.Host, { class: { agreed: this.agreed }, "data-r": Envelopes$1.state.updateCount }, !this.finishLater && index.h("div", { class: "intro" }, "Please review and act on these documents."), index.h("div", { id: "verdocs-sign-header" }, !this.agreed ? (index.h("div", { class: "agree" }, index.h("verdocs-checkbox", { name: "agree", label: "I agree to use electronic records and signatures.", onInput: () => this.handleClickAgree() }))) : (index.h(index.Fragment, null, index.h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), index.h("div", { class: "title" }, Envelopes$1.state.envelope.name), index.h("div", { style: { flex: '1' } }))), !this.finishLater && index.h("verdocs-button", { size: "small", label: this.nextButtonLabel, disabled: !this.agreed, onClick: () => this.handleNext() }), index.h("div", { style: { marginLeft: '10px' } }), index.h("verdocs-dropdown", { options: !this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions, onOptionSelected: e => this.handleOptionSelected(e) })), !this.agreed ? index.h("div", { class: "cover" }) : index.h("div", { style: { display: 'none' } }), index.h("div", { class: "document", style: { paddingTop: this.headerTargetId ? '15px' : '70px' } }, (Envelopes$1.state.envelope.documents || []).map(envelopeDocument => {
|
|
517
517
|
const pages = [...((envelopeDocument === null || envelopeDocument === void 0 ? void 0 : envelopeDocument.pages) || [])];
|
|
518
518
|
pages.sort((a, b) => a.sequence - b.sequence);
|
|
519
519
|
return (index.h(index.Fragment, null, pages.map(page => {
|
|
@@ -32,7 +32,7 @@ var userCanCancelEnvelope = function (session, envelope) {
|
|
|
32
32
|
envelope.status !== Types.EnvelopeStates.CANCELED;
|
|
33
33
|
};
|
|
34
34
|
|
|
35
|
-
const verdocsViewCss = "verdocs-view{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center
|
|
35
|
+
const verdocsViewCss = "verdocs-view{display:-ms-flexbox;display:flex;overflow:hidden;min-height:600px;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-view div,verdocs-view canvas{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-view .document{-ms-flex:1;flex:1;width:100%;height:100%;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;max-width:1200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-view .document .inner{width:100%;max-width:1028px}#verdocs-view-header{width:100%;color:#fff;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 56px;flex:0 0 56px;padding:0 15px;font-size:12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all 0.25s;transition:all 0.25s;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}#verdocs-view-header .logo{width:80px;display:none;margin:-6px 0 0 10px}#verdocs-view-header .title{padding-left:16px;font-size:18px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}";
|
|
36
36
|
|
|
37
37
|
const VerdocsView = class {
|
|
38
38
|
constructor(hostRef) {
|
|
@@ -156,7 +156,7 @@ const VerdocsView = class {
|
|
|
156
156
|
menuOptions.push({ id: 'download-all', label: 'Download All Files' });
|
|
157
157
|
}
|
|
158
158
|
}
|
|
159
|
-
return (index.h(index.Host, { "data-r": Envelopes.state.updateCount }, index.h("div", {
|
|
159
|
+
return (index.h(index.Host, { "data-r": Envelopes.state.updateCount }, index.h("div", { id: "verdocs-view-header" }, index.h(index.Fragment, null, index.h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), index.h("div", { class: "title" }, Envelopes.state.envelope.name), index.h("div", { style: { flex: '1' } }), index.h("div", { style: { marginLeft: '10px' } }), index.h("verdocs-dropdown", { options: menuOptions, onOptionSelected: e => this.handleOptionSelected(e) }))), index.h("div", { class: "document", style: { paddingTop: this.headerTargetId ? '15px' : '70px' } }, (((_a = Envelopes.state.envelope) === null || _a === void 0 ? void 0 : _a.documents) || [])
|
|
160
160
|
.filter(document => document.type !== 'certificate')
|
|
161
161
|
.map(envelopeDocument => {
|
|
162
162
|
const pages = [...((envelopeDocument === null || envelopeDocument === void 0 ? void 0 : envelopeDocument.pages) || [])];
|
|
@@ -14,31 +14,6 @@ verdocs-sign div {
|
|
|
14
14
|
verdocs-sign input {
|
|
15
15
|
vertical-align: top;
|
|
16
16
|
}
|
|
17
|
-
verdocs-sign .header {
|
|
18
|
-
color: #fff;
|
|
19
|
-
display: flex;
|
|
20
|
-
z-index: 1000;
|
|
21
|
-
flex: 0 0 56px;
|
|
22
|
-
padding: 0 15px;
|
|
23
|
-
font-size: 12px;
|
|
24
|
-
align-items: center;
|
|
25
|
-
flex-direction: row;
|
|
26
|
-
transition: all 0.25s;
|
|
27
|
-
background-color: #33354c;
|
|
28
|
-
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);
|
|
29
|
-
}
|
|
30
|
-
verdocs-sign .header .logo {
|
|
31
|
-
width: 80px;
|
|
32
|
-
display: none;
|
|
33
|
-
margin: -6px 0 0 10px;
|
|
34
|
-
}
|
|
35
|
-
verdocs-sign .header .title {
|
|
36
|
-
padding-left: 16px;
|
|
37
|
-
font-size: 18px;
|
|
38
|
-
font-weight: 500;
|
|
39
|
-
text-overflow: ellipsis;
|
|
40
|
-
white-space: nowrap;
|
|
41
|
-
}
|
|
42
17
|
verdocs-sign .intro {
|
|
43
18
|
width: 100%;
|
|
44
19
|
display: flex;
|
|
@@ -65,7 +40,7 @@ verdocs-sign > .document {
|
|
|
65
40
|
flex: 1;
|
|
66
41
|
height: 100%;
|
|
67
42
|
display: flex;
|
|
68
|
-
padding:
|
|
43
|
+
padding: 15px;
|
|
69
44
|
row-gap: 15px;
|
|
70
45
|
max-width: 1200px;
|
|
71
46
|
min-height: 200px;
|
|
@@ -97,4 +72,29 @@ verdocs-sign .agree .header {
|
|
|
97
72
|
verdocs-sign .header {
|
|
98
73
|
display: none;
|
|
99
74
|
}
|
|
75
|
+
}
|
|
76
|
+
#verdocs-sign-header {
|
|
77
|
+
color: #fff;
|
|
78
|
+
display: flex;
|
|
79
|
+
z-index: 1000;
|
|
80
|
+
flex: 0 0 56px;
|
|
81
|
+
padding: 0 15px;
|
|
82
|
+
font-size: 12px;
|
|
83
|
+
align-items: center;
|
|
84
|
+
flex-direction: row;
|
|
85
|
+
transition: all 0.25s;
|
|
86
|
+
background-color: #33354c;
|
|
87
|
+
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);
|
|
88
|
+
}
|
|
89
|
+
#verdocs-sign-header .logo {
|
|
90
|
+
width: 80px;
|
|
91
|
+
display: none;
|
|
92
|
+
margin: -6px 0 0 10px;
|
|
93
|
+
}
|
|
94
|
+
#verdocs-sign-header .title {
|
|
95
|
+
padding-left: 16px;
|
|
96
|
+
font-size: 18px;
|
|
97
|
+
font-weight: 500;
|
|
98
|
+
text-overflow: ellipsis;
|
|
99
|
+
white-space: nowrap;
|
|
100
100
|
}
|
|
@@ -427,7 +427,7 @@ export class VerdocsSign {
|
|
|
427
427
|
if (this.isDone) {
|
|
428
428
|
return (h(Host, { class: { agreed: this.agreed }, "data-r": EnvelopeStore.updateCount }, this.isDone ? (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); } })) : (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 = '') })));
|
|
429
429
|
}
|
|
430
|
-
return (h(Host, { class: { agreed: this.agreed }, "data-r": EnvelopeStore.updateCount }, !this.finishLater && h("div", { class: "intro" }, "Please review and act on these documents."), h("div", {
|
|
430
|
+
return (h(Host, { class: { agreed: this.agreed }, "data-r": EnvelopeStore.updateCount }, !this.finishLater && h("div", { class: "intro" }, "Please review and act on these documents."), h("div", { id: "verdocs-sign-header" }, !this.agreed ? (h("div", { class: "agree" }, h("verdocs-checkbox", { name: "agree", label: "I agree to use electronic records and signatures.", onInput: () => this.handleClickAgree() }))) : (h(Fragment, null, h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), h("div", { class: "title" }, EnvelopeStore.envelope.name), h("div", { style: { flex: '1' } }))), !this.finishLater && h("verdocs-button", { size: "small", label: this.nextButtonLabel, disabled: !this.agreed, onClick: () => this.handleNext() }), h("div", { style: { marginLeft: '10px' } }), h("verdocs-dropdown", { options: !this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions, onOptionSelected: e => this.handleOptionSelected(e) })), !this.agreed ? h("div", { class: "cover" }) : h("div", { style: { display: 'none' } }), h("div", { class: "document", style: { paddingTop: this.headerTargetId ? '15px' : '70px' } }, (EnvelopeStore.envelope.documents || []).map(envelopeDocument => {
|
|
431
431
|
const pages = [...((envelopeDocument === null || envelopeDocument === void 0 ? void 0 : envelopeDocument.pages) || [])];
|
|
432
432
|
pages.sort((a, b) => a.sequence - b.sequence);
|
|
433
433
|
return (h(Fragment, null, pages.map(page => {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
verdocs-view {
|
|
2
2
|
display: flex;
|
|
3
|
-
align-items: center;
|
|
4
3
|
overflow: hidden;
|
|
5
|
-
position: relative;
|
|
6
4
|
min-height: 600px;
|
|
5
|
+
position: relative;
|
|
6
|
+
align-items: center;
|
|
7
7
|
flex-direction: column;
|
|
8
8
|
box-sizing: border-box;
|
|
9
9
|
font-family: "Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
|
|
@@ -12,7 +12,27 @@ verdocs-view div,
|
|
|
12
12
|
verdocs-view canvas {
|
|
13
13
|
box-sizing: border-box;
|
|
14
14
|
}
|
|
15
|
-
verdocs-view .
|
|
15
|
+
verdocs-view .document {
|
|
16
|
+
flex: 1;
|
|
17
|
+
width: 100%;
|
|
18
|
+
height: 100%;
|
|
19
|
+
display: flex;
|
|
20
|
+
padding: 15px;
|
|
21
|
+
row-gap: 15px;
|
|
22
|
+
min-height: 200px;
|
|
23
|
+
max-width: 1200px;
|
|
24
|
+
position: relative;
|
|
25
|
+
overflow-y: scroll;
|
|
26
|
+
align-items: center;
|
|
27
|
+
box-sizing: border-box;
|
|
28
|
+
flex-direction: column;
|
|
29
|
+
}
|
|
30
|
+
verdocs-view .document .inner {
|
|
31
|
+
width: 100%;
|
|
32
|
+
max-width: 1028px;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
#verdocs-view-header {
|
|
16
36
|
width: 100%;
|
|
17
37
|
color: #fff;
|
|
18
38
|
display: flex;
|
|
@@ -26,34 +46,15 @@ verdocs-view .header {
|
|
|
26
46
|
background-color: #33354c;
|
|
27
47
|
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);
|
|
28
48
|
}
|
|
29
|
-
verdocs-view
|
|
49
|
+
#verdocs-view-header .logo {
|
|
30
50
|
width: 80px;
|
|
31
51
|
display: none;
|
|
32
52
|
margin: -6px 0 0 10px;
|
|
33
53
|
}
|
|
34
|
-
verdocs-view
|
|
54
|
+
#verdocs-view-header .title {
|
|
35
55
|
padding-left: 16px;
|
|
36
56
|
font-size: 18px;
|
|
37
57
|
font-weight: 500;
|
|
38
58
|
text-overflow: ellipsis;
|
|
39
59
|
white-space: nowrap;
|
|
40
|
-
}
|
|
41
|
-
verdocs-view .document {
|
|
42
|
-
flex: 1;
|
|
43
|
-
width: 100%;
|
|
44
|
-
height: 100%;
|
|
45
|
-
display: flex;
|
|
46
|
-
padding: 70px 15px 15px 15px;
|
|
47
|
-
row-gap: 15px;
|
|
48
|
-
min-height: 200px;
|
|
49
|
-
max-width: 1200px;
|
|
50
|
-
position: relative;
|
|
51
|
-
overflow-y: scroll;
|
|
52
|
-
align-items: center;
|
|
53
|
-
box-sizing: border-box;
|
|
54
|
-
flex-direction: column;
|
|
55
|
-
}
|
|
56
|
-
verdocs-view .document .inner {
|
|
57
|
-
width: 100%;
|
|
58
|
-
max-width: 1028px;
|
|
59
60
|
}
|
|
@@ -128,7 +128,7 @@ export class VerdocsView {
|
|
|
128
128
|
menuOptions.push({ id: 'download-all', label: 'Download All Files' });
|
|
129
129
|
}
|
|
130
130
|
}
|
|
131
|
-
return (h(Host, { "data-r": EnvelopeStore.updateCount }, h("div", {
|
|
131
|
+
return (h(Host, { "data-r": EnvelopeStore.updateCount }, h("div", { id: "verdocs-view-header" }, h(Fragment, null, h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), h("div", { class: "title" }, EnvelopeStore.envelope.name), h("div", { style: { flex: '1' } }), h("div", { style: { marginLeft: '10px' } }), h("verdocs-dropdown", { options: menuOptions, onOptionSelected: e => this.handleOptionSelected(e) }))), h("div", { class: "document", style: { paddingTop: this.headerTargetId ? '15px' : '70px' } }, (((_a = EnvelopeStore.envelope) === null || _a === void 0 ? void 0 : _a.documents) || [])
|
|
132
132
|
.filter(document => document.type !== 'certificate')
|
|
133
133
|
.map(envelopeDocument => {
|
|
134
134
|
const pages = [...((envelopeDocument === null || envelopeDocument === void 0 ? void 0 : envelopeDocument.pages) || [])];
|
|
@@ -108,7 +108,7 @@ var createInitials = function (endpoint, name, initials) {
|
|
|
108
108
|
.then(function (r) { return r.data; });
|
|
109
109
|
};
|
|
110
110
|
|
|
111
|
-
const verdocsSignCss = "verdocs-sign{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-sign div{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign input{vertical-align:top}verdocs-sign .
|
|
111
|
+
const verdocsSignCss = "verdocs-sign{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-sign div{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign input{vertical-align:top}verdocs-sign .intro{width:100%;display:-ms-flexbox;display:flex;-ms-flex:0 0 60px;flex:0 0 60px;color:#111111;padding:0 15px;font-size:18px;font-weight:500;line-height:28px;-ms-flex-direction:row;flex-direction:row;background:#ffffff;-ms-flex-align:center;align-items:center}verdocs-sign .cover{top:0;left:0;right:0;bottom:0;z-index:999;position:absolute;background:rgba(0, 0, 0, 0.5)}verdocs-sign>.document{-ms-flex:1;flex:1;height:100%;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;max-width:1200px;min-height:200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-sign>.document .inner{width:100%;max-width:1028px}verdocs-sign .agree{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0 15px}verdocs-sign .agree .intro{display:none}verdocs-sign .agree .header{-ms-flex:0 0 56px;flex:0 0 56px}@media print{verdocs-sign .header{display:none}}#verdocs-sign-header{color:#fff;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 56px;flex:0 0 56px;padding:0 15px;font-size:12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all 0.25s;transition:all 0.25s;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}#verdocs-sign-header .logo{width:80px;display:none;margin:-6px 0 0 10px}#verdocs-sign-header .title{padding-left:16px;font-size:18px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}";
|
|
112
112
|
|
|
113
113
|
const inProgressMenuOptions = [
|
|
114
114
|
{ id: 'later', label: 'Finish Later' },
|
|
@@ -514,7 +514,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
|
|
|
514
514
|
if (this.isDone) {
|
|
515
515
|
return (h(Host, { class: { agreed: this.agreed }, "data-r": state.updateCount }, this.isDone ? (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); } })) : (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 = '') })));
|
|
516
516
|
}
|
|
517
|
-
return (h(Host, { class: { agreed: this.agreed }, "data-r": state.updateCount }, !this.finishLater && h("div", { class: "intro" }, "Please review and act on these documents."), h("div", {
|
|
517
|
+
return (h(Host, { class: { agreed: this.agreed }, "data-r": state.updateCount }, !this.finishLater && h("div", { class: "intro" }, "Please review and act on these documents."), h("div", { id: "verdocs-sign-header" }, !this.agreed ? (h("div", { class: "agree" }, h("verdocs-checkbox", { name: "agree", label: "I agree to use electronic records and signatures.", onInput: () => this.handleClickAgree() }))) : (h(Fragment, null, h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), h("div", { class: "title" }, state.envelope.name), h("div", { style: { flex: '1' } }))), !this.finishLater && h("verdocs-button", { size: "small", label: this.nextButtonLabel, disabled: !this.agreed, onClick: () => this.handleNext() }), h("div", { style: { marginLeft: '10px' } }), h("verdocs-dropdown", { options: !this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions, onOptionSelected: e => this.handleOptionSelected(e) })), !this.agreed ? h("div", { class: "cover" }) : h("div", { style: { display: 'none' } }), h("div", { class: "document", style: { paddingTop: this.headerTargetId ? '15px' : '70px' } }, (state.envelope.documents || []).map(envelopeDocument => {
|
|
518
518
|
const pages = [...((envelopeDocument === null || envelopeDocument === void 0 ? void 0 : envelopeDocument.pages) || [])];
|
|
519
519
|
pages.sort((a, b) => a.sequence - b.sequence);
|
|
520
520
|
return (h(Fragment, null, pages.map(page => {
|
|
@@ -28,7 +28,7 @@ var userCanCancelEnvelope = function (session, envelope) {
|
|
|
28
28
|
envelope.status !== EnvelopeStates.CANCELED;
|
|
29
29
|
};
|
|
30
30
|
|
|
31
|
-
const verdocsViewCss = "verdocs-view{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center
|
|
31
|
+
const verdocsViewCss = "verdocs-view{display:-ms-flexbox;display:flex;overflow:hidden;min-height:600px;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-view div,verdocs-view canvas{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-view .document{-ms-flex:1;flex:1;width:100%;height:100%;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;max-width:1200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-view .document .inner{width:100%;max-width:1028px}#verdocs-view-header{width:100%;color:#fff;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 56px;flex:0 0 56px;padding:0 15px;font-size:12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all 0.25s;transition:all 0.25s;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}#verdocs-view-header .logo{width:80px;display:none;margin:-6px 0 0 10px}#verdocs-view-header .title{padding-left:16px;font-size:18px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}";
|
|
32
32
|
|
|
33
33
|
const VerdocsView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
34
34
|
constructor() {
|
|
@@ -153,7 +153,7 @@ const VerdocsView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
153
153
|
menuOptions.push({ id: 'download-all', label: 'Download All Files' });
|
|
154
154
|
}
|
|
155
155
|
}
|
|
156
|
-
return (h(Host, { "data-r": state.updateCount }, h("div", {
|
|
156
|
+
return (h(Host, { "data-r": state.updateCount }, h("div", { id: "verdocs-view-header" }, h(Fragment, null, h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), h("div", { class: "title" }, state.envelope.name), h("div", { style: { flex: '1' } }), h("div", { style: { marginLeft: '10px' } }), h("verdocs-dropdown", { options: menuOptions, onOptionSelected: e => this.handleOptionSelected(e) }))), h("div", { class: "document", style: { paddingTop: this.headerTargetId ? '15px' : '70px' } }, (((_a = state.envelope) === null || _a === void 0 ? void 0 : _a.documents) || [])
|
|
157
157
|
.filter(document => document.type !== 'certificate')
|
|
158
158
|
.map(envelopeDocument => {
|
|
159
159
|
const pages = [...((envelopeDocument === null || envelopeDocument === void 0 ? void 0 : envelopeDocument.pages) || [])];
|