@verdocs/web-sdk 6.8.3 → 6.8.4
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/{Icons-GgNiIFTt.js → Icons-TVvtZ5iL.js} +2 -6
- package/dist/cjs/{Icons-GgNiIFTt.js.map → Icons-TVvtZ5iL.js.map} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/verdocs-adopt-signature-dialog.verdocs-delegate-dialog.verdocs-disclosure-dialog.verdocs-kba-dialog.verdocs-otp-dialog.verdocs-passcode-dialog.verdocs-view.entry.cjs.js.map +1 -1
- package/dist/cjs/verdocs-adopt-signature-dialog_7.cjs.entry.js +2 -2
- package/dist/cjs/verdocs-field-attachment_11.cjs.entry.js +111 -17
- package/dist/cjs/verdocs-field-payment.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-file-chooser_2.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-preview_7.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-sign.cjs.entry.js +50 -22
- package/dist/cjs/verdocs-sign.entry.cjs.js.map +1 -1
- package/dist/cjs/verdocs-web-sdk.cjs.js +1 -1
- package/dist/collection/components/dialogs/verdocs-adopt-signature-dialog/verdocs-adopt-signature-dialog.css +6 -5
- package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.css +54 -4
- package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js +48 -20
- package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js.map +1 -1
- package/dist/collection/components/fields/verdocs-field-initial/verdocs-field-initial.css +33 -37
- package/dist/collection/components/fields/verdocs-field-initial/verdocs-field-initial.js +56 -9
- package/dist/collection/components/fields/verdocs-field-initial/verdocs-field-initial.js.map +1 -1
- package/dist/collection/components/fields/verdocs-field-signature/verdocs-field-signature.css +33 -37
- package/dist/collection/components/fields/verdocs-field-signature/verdocs-field-signature.js +56 -9
- package/dist/collection/components/fields/verdocs-field-signature/verdocs-field-signature.js.map +1 -1
- package/dist/components/{p-B91pFl_v.js → p-5-YwGwyn.js} +13 -13
- package/dist/components/{p-B91pFl_v.js.map → p-5-YwGwyn.js.map} +1 -1
- package/dist/components/{p-4iMdAi-F.js → p-BDv5kBUR.js} +3 -5
- package/dist/components/p-BDv5kBUR.js.map +1 -0
- package/dist/components/{p-BYz85yxG.js → p-BZRJWqKI.js} +3 -3
- package/dist/components/{p-BYz85yxG.js.map → p-BZRJWqKI.js.map} +1 -1
- package/dist/components/{p-Bys760t8.js → p-Bafj7hI1.js} +3 -3
- package/dist/components/{p-Bys760t8.js.map → p-Bafj7hI1.js.map} +1 -1
- package/dist/components/{p-B4HqZ5yO.js → p-By2QlfRC.js} +3 -3
- package/dist/components/{p-B4HqZ5yO.js.map → p-By2QlfRC.js.map} +1 -1
- package/dist/components/{p-CdoA0Vhp.js → p-C3E0_BBd.js} +12 -12
- package/dist/components/{p-CdoA0Vhp.js.map → p-C3E0_BBd.js.map} +1 -1
- package/dist/components/{p-C8STy7JQ.js → p-C5fwD53I.js} +4 -4
- package/dist/components/{p-C8STy7JQ.js.map → p-C5fwD53I.js.map} +1 -1
- package/dist/components/{p-b0kPOapT.js → p-CDbm89Va.js} +14 -14
- package/dist/components/{p-b0kPOapT.js.map → p-CDbm89Va.js.map} +1 -1
- package/dist/components/{p-CNwYj4cS.js → p-CFi6VKgU.js} +3 -3
- package/dist/components/{p-CNwYj4cS.js.map → p-CFi6VKgU.js.map} +1 -1
- package/dist/components/{p-yvuxqHqW.js → p-CWGxLuye.js} +3 -3
- package/dist/components/{p-yvuxqHqW.js.map → p-CWGxLuye.js.map} +1 -1
- package/dist/components/{p-D5iqEzJy.js → p-CjDMm6od.js} +3 -3
- package/dist/components/{p-D5iqEzJy.js.map → p-CjDMm6od.js.map} +1 -1
- package/dist/components/{p-CcCp1gLW.js → p-CxyvrlVc.js} +59 -12
- package/dist/components/p-CxyvrlVc.js.map +1 -0
- package/dist/components/{p-D0JcxROc.js → p-DCaxeiL7.js} +59 -12
- package/dist/components/p-DCaxeiL7.js.map +1 -0
- package/dist/components/{p-Bw4ea7Kw.js → p-DzM2oGUr.js} +3 -3
- package/dist/components/{p-Bw4ea7Kw.js.map → p-DzM2oGUr.js.map} +1 -1
- package/dist/components/{p-CwA1DkPT.js → p-PGFRj24l.js} +4 -4
- package/dist/components/p-PGFRj24l.js.map +1 -0
- package/dist/components/{p-8aKU2veY.js → p-mFB74--W.js} +3 -3
- package/dist/components/{p-8aKU2veY.js.map → p-mFB74--W.js.map} +1 -1
- package/dist/components/{p-wSGGYtAF.js → p-tyY7kKNB.js} +3 -3
- package/dist/components/{p-wSGGYtAF.js.map → p-tyY7kKNB.js.map} +1 -1
- package/dist/components/verdocs-adopt-signature-dialog.js +1 -1
- package/dist/components/verdocs-build.js +15 -15
- package/dist/components/verdocs-field-attachment.js +1 -1
- package/dist/components/verdocs-field-checkbox.js +1 -1
- package/dist/components/verdocs-field-date.js +1 -1
- package/dist/components/verdocs-field-dropdown.js +1 -1
- package/dist/components/verdocs-field-initial.js +1 -1
- package/dist/components/verdocs-field-payment.js +1 -1
- package/dist/components/verdocs-field-radio.js +1 -1
- package/dist/components/verdocs-field-signature.js +1 -1
- package/dist/components/verdocs-field-textarea.js +1 -1
- package/dist/components/verdocs-field-textbox.js +1 -1
- package/dist/components/verdocs-field-timestamp.js +1 -1
- package/dist/components/verdocs-file-chooser.js +1 -1
- package/dist/components/verdocs-preview.js +1 -1
- package/dist/components/verdocs-sign.js +51 -23
- package/dist/components/verdocs-sign.js.map +1 -1
- package/dist/components/verdocs-template-attachments.js +1 -1
- package/dist/components/verdocs-template-document-page.js +1 -1
- package/dist/components/verdocs-template-fields.js +1 -1
- package/dist/esm/{Icons-uiSvPcsq.js → Icons-BU5rnXp2.js} +3 -5
- package/dist/esm/{Icons-uiSvPcsq.js.map → Icons-BU5rnXp2.js.map} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/verdocs-adopt-signature-dialog.verdocs-delegate-dialog.verdocs-disclosure-dialog.verdocs-kba-dialog.verdocs-otp-dialog.verdocs-passcode-dialog.verdocs-view.entry.js.map +1 -1
- package/dist/esm/verdocs-adopt-signature-dialog_7.entry.js +2 -2
- package/dist/esm/verdocs-field-attachment_11.entry.js +111 -17
- package/dist/esm/verdocs-field-payment.entry.js +1 -1
- package/dist/esm/verdocs-file-chooser_2.entry.js +1 -1
- package/dist/esm/verdocs-preview_7.entry.js +1 -1
- package/dist/esm/verdocs-sign.entry.js +50 -22
- package/dist/esm/verdocs-sign.entry.js.map +1 -1
- package/dist/esm/verdocs-web-sdk.js +1 -1
- package/dist/esm-es5/{Icons-uiSvPcsq.js → Icons-BU5rnXp2.js} +2 -2
- package/dist/esm-es5/{Icons-uiSvPcsq.js.map → Icons-BU5rnXp2.js.map} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/verdocs-adopt-signature-dialog.verdocs-delegate-dialog.verdocs-disclosure-dialog.verdocs-kba-dialog.verdocs-otp-dialog.verdocs-passcode-dialog.verdocs-view.entry.js.map +1 -1
- package/dist/esm-es5/verdocs-adopt-signature-dialog_7.entry.js +1 -1
- package/dist/esm-es5/verdocs-adopt-signature-dialog_7.entry.js.map +1 -1
- package/dist/esm-es5/verdocs-field-attachment_11.entry.js +1 -1
- package/dist/esm-es5/verdocs-field-attachment_11.entry.js.map +1 -1
- package/dist/esm-es5/verdocs-field-payment.entry.js +1 -1
- package/dist/esm-es5/verdocs-file-chooser_2.entry.js +1 -1
- package/dist/esm-es5/verdocs-preview_7.entry.js +1 -1
- package/dist/esm-es5/verdocs-sign.entry.js +1 -1
- package/dist/esm-es5/verdocs-sign.entry.js.map +1 -1
- package/dist/esm-es5/verdocs-web-sdk.js +1 -1
- package/dist/types/components/embeds/verdocs-sign/verdocs-sign.d.ts +2 -0
- package/dist/types/components/fields/verdocs-field-initial/verdocs-field-initial.d.ts +8 -1
- package/dist/types/components/fields/verdocs-field-signature/verdocs-field-signature.d.ts +8 -1
- package/dist/verdocs-web-sdk/p-081b245d.system.entry.js +2 -0
- package/dist/verdocs-web-sdk/p-081b245d.system.entry.js.map +1 -0
- package/dist/verdocs-web-sdk/p-0faa3e84.entry.js +2 -0
- package/dist/verdocs-web-sdk/{p-bf7fb952.entry.js.map → p-0faa3e84.entry.js.map} +1 -1
- package/dist/verdocs-web-sdk/p-35JuQlcA.system.js.map +1 -0
- package/dist/verdocs-web-sdk/{p-1c2f170a.system.entry.js → p-43d3ef1d.system.entry.js} +2 -2
- package/dist/verdocs-web-sdk/p-4b67e923.system.entry.js +2 -0
- package/dist/verdocs-web-sdk/p-4b67e923.system.entry.js.map +1 -0
- package/dist/verdocs-web-sdk/{p-72ff97d7.entry.js → p-5bc00fc6.entry.js} +3 -3
- package/dist/verdocs-web-sdk/{p-d026af3f.system.entry.js → p-6bbe3f73.system.entry.js} +2 -2
- package/dist/verdocs-web-sdk/p-6c5ecf49.entry.js +2 -0
- package/dist/verdocs-web-sdk/p-6c5ecf49.entry.js.map +1 -0
- package/dist/verdocs-web-sdk/p-8e8c0110.entry.js +2 -0
- package/dist/verdocs-web-sdk/p-8e8c0110.entry.js.map +1 -0
- package/dist/verdocs-web-sdk/p-93e9df57.system.entry.js +2 -0
- package/dist/verdocs-web-sdk/p-93e9df57.system.entry.js.map +1 -0
- package/dist/verdocs-web-sdk/p-B8zpaHu-.system.js +1 -1
- package/dist/verdocs-web-sdk/{p-uiSvPcsq.js → p-BU5rnXp2.js} +2 -2
- package/dist/verdocs-web-sdk/{p-uiSvPcsq.js.map → p-BU5rnXp2.js.map} +1 -1
- package/dist/verdocs-web-sdk/p-C5U_96FD.system.js.map +1 -0
- package/dist/verdocs-web-sdk/p-COM7km0I.system.js.map +1 -0
- package/dist/verdocs-web-sdk/{p-B-lvFg2a.system.js.map → p-CaEXyfjG.system.js.map} +1 -1
- package/dist/verdocs-web-sdk/{p-C0HruX7m.system.js.map → p-CvwnnOmD.system.js.map} +1 -1
- package/dist/verdocs-web-sdk/{p-BnNnWnOr.system.js.map → p-DEv3ZZhp.system.js.map} +1 -1
- package/dist/verdocs-web-sdk/{p-DejNzlEq.system.js → p-GqS1qR-V.system.js} +2 -2
- package/dist/verdocs-web-sdk/{p-DejNzlEq.system.js.map → p-GqS1qR-V.system.js.map} +1 -1
- package/dist/verdocs-web-sdk/{p-59243cd3.system.entry.js → p-acf58947.system.entry.js} +3 -3
- package/dist/verdocs-web-sdk/{p-4d0a53c0.entry.js → p-e06f9319.entry.js} +2 -2
- package/dist/verdocs-web-sdk/{p-cec41aeb.entry.js → p-edc49225.entry.js} +2 -2
- package/dist/verdocs-web-sdk/verdocs-adopt-signature-dialog.verdocs-delegate-dialog.verdocs-disclosure-dialog.verdocs-kba-dialog.verdocs-otp-dialog.verdocs-passcode-dialog.verdocs-view.entry.esm.js.map +1 -1
- package/dist/verdocs-web-sdk/verdocs-sign.entry.esm.js.map +1 -1
- package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
- package/package.json +1 -1
- package/dist/components/p-4iMdAi-F.js.map +0 -1
- package/dist/components/p-CcCp1gLW.js.map +0 -1
- package/dist/components/p-CwA1DkPT.js.map +0 -1
- package/dist/components/p-D0JcxROc.js.map +0 -1
- package/dist/verdocs-web-sdk/p-066b9068.entry.js +0 -2
- package/dist/verdocs-web-sdk/p-066b9068.entry.js.map +0 -1
- package/dist/verdocs-web-sdk/p-4d2642f5.system.entry.js +0 -2
- package/dist/verdocs-web-sdk/p-4d2642f5.system.entry.js.map +0 -1
- package/dist/verdocs-web-sdk/p-BREkr6mU.system.js.map +0 -1
- package/dist/verdocs-web-sdk/p-BjX323yE.system.js.map +0 -1
- package/dist/verdocs-web-sdk/p-CVkABARN.system.js.map +0 -1
- package/dist/verdocs-web-sdk/p-b2108c5c.system.entry.js +0 -2
- package/dist/verdocs-web-sdk/p-b2108c5c.system.entry.js.map +0 -1
- package/dist/verdocs-web-sdk/p-b5db2ed4.entry.js +0 -2
- package/dist/verdocs-web-sdk/p-b5db2ed4.entry.js.map +0 -1
- package/dist/verdocs-web-sdk/p-bf7fb952.entry.js +0 -2
- package/dist/verdocs-web-sdk/p-d4cfa91a.system.entry.js +0 -2
- package/dist/verdocs-web-sdk/p-d4cfa91a.system.entry.js.map +0 -1
- /package/dist/verdocs-web-sdk/{p-1c2f170a.system.entry.js.map → p-43d3ef1d.system.entry.js.map} +0 -0
- /package/dist/verdocs-web-sdk/{p-72ff97d7.entry.js.map → p-5bc00fc6.entry.js.map} +0 -0
- /package/dist/verdocs-web-sdk/{p-d026af3f.system.entry.js.map → p-6bbe3f73.system.entry.js.map} +0 -0
- /package/dist/verdocs-web-sdk/{p-59243cd3.system.entry.js.map → p-acf58947.system.entry.js.map} +0 -0
- /package/dist/verdocs-web-sdk/{p-4d0a53c0.entry.js.map → p-e06f9319.entry.js.map} +0 -0
- /package/dist/verdocs-web-sdk/{p-cec41aeb.entry.js.map → p-edc49225.entry.js.map} +0 -0
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-BIRwgFLv.js';
|
|
2
|
-
import {
|
|
2
|
+
import { d as SignatureXIcon } from './Icons-BU5rnXp2.js';
|
|
3
3
|
import { D as DefaultEndpoint } from './Environment-C_Xku1v2.js';
|
|
4
4
|
import { DEFAULT_DISCLOSURES, verifySigner, VerdocsEndpoint, getEnvelope, getEnvelopesZip, getEnvelopeDocumentDownloadLink, cancelEnvelope, userCanCancelEnvelope, integerSequence } from '@verdocs/js-sdk';
|
|
5
5
|
import { V as VerdocsToast } from './Toast-D97GxsI-.js';
|
|
6
6
|
import { S as SDKError } from './errors-C1sRVZWv.js';
|
|
7
7
|
import { S as Store } from './Datastore-bS8INhRF.js';
|
|
8
8
|
|
|
9
|
-
const verdocsAdoptSignatureDialogCss = "verdocs-adopt-signature-dialog{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-adopt-signature-dialog verdocs-dialog{border-radius:4px}verdocs-adopt-signature-dialog .heading{color:#201f1e;font-weight:400;padding-bottom:0;border-bottom:none}verdocs-adopt-signature-dialog .content{display:-ms-flexbox;display:flex;padding:12px 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .name-locked-hint{font-size:12px;color:#6b7280;margin-top:4px}verdocs-adopt-signature-dialog verdocs-text-input .input-label{color:#242424;font-size:13px;font-weight:400}verdocs-adopt-signature-dialog verdocs-text-input .input-element{border:1px solid #e0e0e0}verdocs-adopt-signature-dialog verdocs-radio-button{-webkit-transform:scale(0.9);transform:scale(0.9)}verdocs-adopt-signature-dialog .canvas-container{position:relative;width:100%;margin:10px 0;border-radius:4px;background:#fafafa;border:1px solid #d1d1d1;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-adopt-signature-dialog .canvas-container.initials-container{max-width:50%}verdocs-adopt-signature-dialog .canvas-container canvas{width:100%;height:79px;border-radius:4px;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;position:relative;z-index:2}verdocs-adopt-signature-dialog .canvas-container .signing-indicator{position:absolute;bottom:9px;left:9px;right:9px;height:28px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;gap:2px;z-index:1;pointer-events:none}verdocs-adopt-signature-dialog .canvas-container .signing-indicator .x-icon{width:25px;height:28px;display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .canvas-container .signing-indicator .x-icon svg{width:100%;height:100%}verdocs-adopt-signature-dialog .canvas-container .signing-indicator .signing-line{-ms-flex:1;flex:1;border-bottom:1px dashed #d1d1d1;background-position:bottom;background-size:16px 1px;background-repeat:repeat-x;margin-bottom:0;height:1px;border:none;background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #d1d1d1), color-stop(50%, transparent));background-image:linear-gradient(to right, #d1d1d1 50%, transparent 50%)}verdocs-adopt-signature-dialog .disclaimer{padding:8px 0;font-size:11px;line-height:14px;text-align:justify;color:rgba(0, 0, 0, 0.54)}verdocs-adopt-signature-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:-20px -20px 0 -20px;border-bottom:1px solid #eeeeee}verdocs-adopt-signature-dialog .tabs .tab{-ms-flex:1;flex:1;gap:4px;display:-ms-flexbox;display:flex;cursor:pointer;font-size:12px;font-weight:500;padding:6px 10px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-adopt-signature-dialog .tabs .tab.active{background:#f9f5fe;border-bottom:2px solid #707ae5}verdocs-adopt-signature-dialog .tabs .tab:hover{color:#55bc81}verdocs-adopt-signature-dialog .tabs .tab .icon{width:16px;height:16px}verdocs-adopt-signature-dialog .type{display:none;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .type.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .draw{height:100px;display:none;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .draw.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .draw .draw-instructions{font-size:13px;color:rgba(0, 0, 0, 0.6);margin-bottom:8px;text-align:center}verdocs-adopt-signature-dialog .draw canvas{cursor:crosshair;-ms-touch-action:none;touch-action:none}verdocs-adopt-signature-dialog .preview-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-top:10px}verdocs-adopt-signature-dialog .preview-header .clear-button-text{background:none;border:none;color:var(--verdocs-primary-color, #
|
|
9
|
+
const verdocsAdoptSignatureDialogCss = "verdocs-adopt-signature-dialog{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-adopt-signature-dialog verdocs-dialog{border-radius:4px}verdocs-adopt-signature-dialog .heading{color:#201f1e;font-weight:400;padding-bottom:0;border-bottom:none}verdocs-adopt-signature-dialog .content{display:-ms-flexbox;display:flex;padding:12px 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .name-locked-hint{font-size:12px;color:#6b7280;margin-top:4px}verdocs-adopt-signature-dialog verdocs-text-input .input-label{color:#242424;font-size:13px;font-weight:400}verdocs-adopt-signature-dialog verdocs-text-input .input-element{border:1px solid #e0e0e0}verdocs-adopt-signature-dialog verdocs-radio-button{-webkit-transform:scale(0.9);transform:scale(0.9)}verdocs-adopt-signature-dialog .canvas-container{position:relative;width:100%;margin:10px 0;border-radius:4px;background:#fafafa;border:1px solid #d1d1d1;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-adopt-signature-dialog .canvas-container.initials-container{max-width:50%}verdocs-adopt-signature-dialog .canvas-container canvas{width:100%;height:79px;border-radius:4px;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;position:relative;z-index:2}verdocs-adopt-signature-dialog .canvas-container .signing-indicator{position:absolute;bottom:9px;left:9px;right:9px;height:28px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;gap:2px;z-index:1;pointer-events:none}verdocs-adopt-signature-dialog .canvas-container .signing-indicator .x-icon{width:25px;height:28px;display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .canvas-container .signing-indicator .x-icon svg{width:100%;height:100%}verdocs-adopt-signature-dialog .canvas-container .signing-indicator .signing-line{-ms-flex:1;flex:1;border-bottom:1px dashed #d1d1d1;background-position:bottom;background-size:16px 1px;background-repeat:repeat-x;margin-bottom:0;height:1px;border:none;background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #d1d1d1), color-stop(50%, transparent));background-image:linear-gradient(to right, #d1d1d1 50%, transparent 50%)}verdocs-adopt-signature-dialog .disclaimer{padding:8px 0;font-size:11px;line-height:14px;text-align:justify;color:rgba(0, 0, 0, 0.54)}verdocs-adopt-signature-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:-20px -20px 0 -20px;border-bottom:1px solid #eeeeee}verdocs-adopt-signature-dialog .tabs .tab{-ms-flex:1;flex:1;gap:4px;display:-ms-flexbox;display:flex;cursor:pointer;font-size:12px;font-weight:500;padding:6px 10px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-adopt-signature-dialog .tabs .tab.active{background:#f9f5fe;border-bottom:2px solid #707ae5}verdocs-adopt-signature-dialog .tabs .tab:hover{color:#55bc81}verdocs-adopt-signature-dialog .tabs .tab .icon{width:16px;height:16px}verdocs-adopt-signature-dialog .type{display:none;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .type.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .draw{height:100px;display:none;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .draw.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .draw .draw-instructions{font-size:13px;color:rgba(0, 0, 0, 0.6);margin-bottom:8px;text-align:center}verdocs-adopt-signature-dialog .draw canvas{cursor:crosshair;-ms-touch-action:none;touch-action:none}verdocs-adopt-signature-dialog .preview-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-top:10px}verdocs-adopt-signature-dialog .preview-header .clear-button-text{background:none;border:none;color:var(--verdocs-primary-color, #55bc81);cursor:pointer;font-size:13px;padding:0;font-weight:500}verdocs-adopt-signature-dialog .preview-header .clear-button-text:hover{text-decoration:underline}verdocs-adopt-signature-dialog .preview-header .clear-button-text:disabled{color:#9ca3af;text-decoration:none;cursor:not-allowed}verdocs-adopt-signature-dialog .upload{height:100px;display:none;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-adopt-signature-dialog .upload.active{display:-ms-flexbox;display:flex}verdocs-adopt-signature-dialog .upload .upload-instructions{font-size:13px;color:rgba(0, 0, 0, 0.6);margin-bottom:8px;text-align:center}verdocs-adopt-signature-dialog .upload .upload-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:12px;margin-top:8px}verdocs-adopt-signature-dialog .upload .upload-actions .upload-button{border:1px solid var(--verdocs-primary-color, #55bc81);background-color:var(--verdocs-primary-color, #55bc81);color:#ffffff;padding:8px 20px;font-size:13px;cursor:pointer;border-radius:var(--verdocs-button-radius, 4px);-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .upload .upload-actions .upload-button:hover{-webkit-filter:brightness(0.9);filter:brightness(0.9)}verdocs-adopt-signature-dialog .upload .upload-actions .clear-button{border:1px solid #d0d0d0;background-color:#ffffff;color:#333333;padding:8px 16px;font-size:13px;cursor:pointer;border-radius:4px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .upload .upload-actions .clear-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#b0b0b0}verdocs-adopt-signature-dialog .upload .upload-actions .clear-button:disabled{opacity:0.5;cursor:not-allowed}verdocs-adopt-signature-dialog .upload .upload-filename{font-size:12px;color:rgba(0, 0, 0, 0.6);text-align:center;margin-top:8px;font-style:italic}verdocs-adopt-signature-dialog{}verdocs-adopt-signature-dialog .buttons{gap:20px;display:-ms-flexbox;display:flex;margin-top:14px;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-adopt-signature-dialog .buttons button{-ms-flex:1;flex:1;border:0;height:38px;display:-ms-flexbox;display:flex;font-size:14px;font-weight:500;cursor:pointer;-ms-flex-align:center;align-items:center;border-radius:var(--verdocs-button-radius, 6px);-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-adopt-signature-dialog .buttons button.cancel{background-color:transparent;border:1px solid #d1d5db;color:#374151}verdocs-adopt-signature-dialog .buttons button.cancel:hover{background-color:#f9fafb}verdocs-adopt-signature-dialog .buttons button.proceed{background-color:var(--verdocs-primary-color, #55bc81);border:1px solid transparent;color:#ffffff}verdocs-adopt-signature-dialog .buttons button.proceed:hover{background-color:var(--verdocs-primary-color-hover, #2b995b);-webkit-filter:brightness(0.95);filter:brightness(0.95)}verdocs-adopt-signature-dialog .buttons button:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}";
|
|
10
10
|
|
|
11
11
|
const VerdocsAdoptSignatureDialog = class {
|
|
12
12
|
constructor(hostRef) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment, g as getElement } from './index-BIRwgFLv.js';
|
|
2
2
|
import { i as interact } from './interact.min-BepJAdBZ.js';
|
|
3
|
-
import { S as SettingsIcon
|
|
3
|
+
import { S as SettingsIcon } from './Icons-BU5rnXp2.js';
|
|
4
4
|
import { S as Store } from './Datastore-bS8INhRF.js';
|
|
5
5
|
import { d as dateFnsExports, r as requireFormat } from './index-dzBXqXlK.js';
|
|
6
6
|
import { A as AirDatepicker, l as localeEn } from './en-bsV5YfOZ.js';
|
|
@@ -565,7 +565,7 @@ const VerdocsFieldDropdown = class {
|
|
|
565
565
|
};
|
|
566
566
|
VerdocsFieldDropdown.style = verdocsFieldDropdownCss;
|
|
567
567
|
|
|
568
|
-
const verdocsFieldInitialCss = "verdocs-field-initial{font-family:var(--verdocs-primary-font, \"Inter\", \"Barlow\", sans-serif);width:83px;height:36px;display:block;font-size:11px;position:relative;letter-spacing:0.3px;scroll-margin:20px 0;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:var(--verdocs-field-radius);background-color:var(--verdocs-field-background, transparent);border:var(--verdocs-field-border, 1px solid rgba(0, 0, 0, 0.2))}verdocs-field-initial label{top:-14px;left:-1px;height:14px;color:var(--verdocs-field-text-color, white);padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-initial.done{border:none;opacity:1}verdocs-field-initial .initial-container{width:100%;height:100%;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}verdocs-field-initial .initial-container img{display:block;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}verdocs-field-initial .initial-container .
|
|
568
|
+
const verdocsFieldInitialCss = "verdocs-field-initial{font-family:var(--verdocs-primary-font, \"Inter\", \"Barlow\", sans-serif);width:83px;height:36px;display:block;font-size:11px;position:relative;letter-spacing:0.3px;scroll-margin:20px 0;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:var(--verdocs-field-radius);background-color:var(--verdocs-field-background, transparent);border:var(--verdocs-field-border, 1px solid rgba(0, 0, 0, 0.2));cursor:pointer;caret-color:transparent}verdocs-field-initial label{top:-14px;left:-1px;height:14px;color:var(--verdocs-field-text-color, white);padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-initial.done{border:none;opacity:1}verdocs-field-initial.menu-open{z-index:50}verdocs-field-initial .initial-container{width:100%;height:100%;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}verdocs-field-initial .initial-container img{display:block;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}verdocs-field-initial .initial-container .action-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:90px;background:#ffffff;border:1px solid rgba(0, 0, 0, 0.15);border-radius:6px;-webkit-box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;font-size:12px;font-family:var(--verdocs-primary-font, \"Inter\", \"Barlow\", sans-serif)}verdocs-field-initial .initial-container .action-menu .menu-item{background:#ffffff;border:none;padding:8px 12px;color:#333333;cursor:pointer;text-align:left;width:100%;font-size:12px;line-height:1.2;height:auto;font-family:inherit}verdocs-field-initial .initial-container .action-menu .menu-item:hover{background-color:#f0f0f0;color:#000000}verdocs-field-initial .initial-container .action-menu .menu-item:not(:last-child){border-bottom:1px solid rgba(0, 0, 0, 0.08)}verdocs-field-initial.disabled .initial-container{opacity:0.5;pointer-events:none}verdocs-field-initial button{cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;color:var(--verdocs-field-text-color, rgba(0, 0, 0, 0.87));font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-initial button.hide{display:none}verdocs-field-initial.required{border:1px solid var(--verdocs-required-field-border)}verdocs-field-initial.filled{border:none !important;background-color:transparent !important}verdocs-field-initial verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-initial verdocs-button-panel[data-active],verdocs-field-initial verdocs-button-panel:hover{opacity:1}verdocs-field-initial verdocs-button-panel .icon svg{fill:#333333}verdocs-field-initial verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-initial .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-initial .settings-icon svg{fill:#707ae5}verdocs-field-initial .settings-icon:hover{opacity:1}verdocs-field-initial .edge-top,verdocs-field-initial .edge-right,verdocs-field-initial .edge-left,verdocs-field-initial .edge-bottom{position:absolute;z-index:10}verdocs-field-initial .edge-top{top:-2px;left:0;right:0;height:5px}verdocs-field-initial .edge-right{top:0;bottom:0;right:-2px;width:5px}verdocs-field-initial .edge-left{top:0;left:-2px;bottom:0;width:5px}verdocs-field-initial .edge-bottom{bottom:-2px;left:0;right:0;height:5px}";
|
|
569
569
|
|
|
570
570
|
const VerdocsFieldInitial = class {
|
|
571
571
|
constructor(hostRef) {
|
|
@@ -628,13 +628,56 @@ const VerdocsFieldInitial = class {
|
|
|
628
628
|
this.pagenumber = 1;
|
|
629
629
|
this.showingProperties = false;
|
|
630
630
|
this.focused = false;
|
|
631
|
-
this.
|
|
631
|
+
this.menuOpen = false;
|
|
632
|
+
this.closeMenuTimer = null;
|
|
633
|
+
this.outsideMenuHandler = null;
|
|
632
634
|
this.tempInitials = '';
|
|
635
|
+
this.openMenu = () => {
|
|
636
|
+
if (this.closeMenuTimer) {
|
|
637
|
+
clearTimeout(this.closeMenuTimer);
|
|
638
|
+
this.closeMenuTimer = null;
|
|
639
|
+
}
|
|
640
|
+
this.menuOpen = true;
|
|
641
|
+
};
|
|
642
|
+
this.scheduleCloseMenu = () => {
|
|
643
|
+
if (this.closeMenuTimer) {
|
|
644
|
+
clearTimeout(this.closeMenuTimer);
|
|
645
|
+
}
|
|
646
|
+
this.closeMenuTimer = setTimeout(() => {
|
|
647
|
+
this.menuOpen = false;
|
|
648
|
+
this.closeMenuTimer = null;
|
|
649
|
+
}, 150);
|
|
650
|
+
};
|
|
651
|
+
this.closeMenu = () => {
|
|
652
|
+
if (this.closeMenuTimer) {
|
|
653
|
+
clearTimeout(this.closeMenuTimer);
|
|
654
|
+
this.closeMenuTimer = null;
|
|
655
|
+
}
|
|
656
|
+
this.menuOpen = false;
|
|
657
|
+
};
|
|
633
658
|
}
|
|
634
659
|
async focusField() {
|
|
635
660
|
this.el.focus();
|
|
636
661
|
this.focused = true;
|
|
637
662
|
}
|
|
663
|
+
componentDidLoad() {
|
|
664
|
+
this.outsideMenuHandler = (e) => {
|
|
665
|
+
if (this.menuOpen && !this.el.contains(e.target)) {
|
|
666
|
+
this.closeMenu();
|
|
667
|
+
}
|
|
668
|
+
};
|
|
669
|
+
document.addEventListener('pointerdown', this.outsideMenuHandler);
|
|
670
|
+
}
|
|
671
|
+
disconnectedCallback() {
|
|
672
|
+
if (this.closeMenuTimer) {
|
|
673
|
+
clearTimeout(this.closeMenuTimer);
|
|
674
|
+
this.closeMenuTimer = null;
|
|
675
|
+
}
|
|
676
|
+
if (this.outsideMenuHandler) {
|
|
677
|
+
document.removeEventListener('pointerdown', this.outsideMenuHandler);
|
|
678
|
+
this.outsideMenuHandler = null;
|
|
679
|
+
}
|
|
680
|
+
}
|
|
638
681
|
componentDidUpdate() {
|
|
639
682
|
if (this.isPreview) {
|
|
640
683
|
interact(this.el).unset();
|
|
@@ -735,29 +778,33 @@ const VerdocsFieldInitial = class {
|
|
|
735
778
|
if (done) {
|
|
736
779
|
return h(Host, { class: { done } }, value && h("img", { src: value, alt: "Initial" }));
|
|
737
780
|
}
|
|
738
|
-
return (h(Host, { class: { required, disabled, done, focused, filled: !!base64, [signerClass]: true } }, editable && h("div", { class: "edge-right" }), editable && h("div", { class: "edge-left" }), editable && h("div", { class: "edge-top" }), editable && h("div", { class: "edge-bottom" }), label && h("label", null, label), base64 ? (h("div", { class: { 'initial-container': true, '
|
|
781
|
+
return (h(Host, { class: { required, disabled, done, focused, filled: !!base64, 'menu-open': this.menuOpen, [signerClass]: true } }, editable && h("div", { class: "edge-right" }), editable && h("div", { class: "edge-left" }), editable && h("div", { class: "edge-top" }), editable && h("div", { class: "edge-bottom" }), label && h("label", null, label), base64 ? (h("div", { class: { 'initial-container': true, 'menu-open': this.menuOpen }, onMouseEnter: () => !disabled && this.openMenu(), onMouseLeave: () => this.scheduleCloseMenu(), onClick: e => {
|
|
782
|
+
e.stopPropagation();
|
|
783
|
+
if (disabled)
|
|
784
|
+
return;
|
|
785
|
+
this.menuOpen ? this.closeMenu() : this.openMenu();
|
|
786
|
+
} }, h("img", { src: base64, alt: "Initial" }), this.menuOpen && (h("div", { class: "action-menu", onMouseEnter: () => this.openMenu(), onMouseLeave: () => this.scheduleCloseMenu() }, h("button", { type: "button", class: "menu-item", onClick: e => {
|
|
739
787
|
e.stopPropagation();
|
|
740
788
|
if (disabled)
|
|
741
789
|
return;
|
|
742
|
-
// EDIT action: always open dialog
|
|
743
790
|
console.log('[INITIAL] Editing initials');
|
|
791
|
+
this.closeMenu();
|
|
744
792
|
this.adopt.emit();
|
|
745
|
-
} }), h("button", {
|
|
793
|
+
} }, "Edit"), h("button", { type: "button", class: "menu-item", onClick: e => {
|
|
746
794
|
var _a;
|
|
747
795
|
e.stopPropagation();
|
|
748
796
|
if (disabled)
|
|
749
797
|
return;
|
|
750
|
-
// CLEAR action
|
|
751
798
|
console.log('[INITIAL] Clearing initials');
|
|
799
|
+
this.closeMenu();
|
|
752
800
|
(_a = this.fieldChange) === null || _a === void 0 ? void 0 : _a.emit(null);
|
|
753
|
-
} })))) : (h("button", { onClick: () => {
|
|
801
|
+
} }, "Clear"))))) : (h("button", { onClick: () => {
|
|
754
802
|
var _a;
|
|
755
803
|
if (disabled)
|
|
756
804
|
return;
|
|
757
805
|
// If we already have an initial ID, use it immediately
|
|
758
806
|
if (this.initialid) {
|
|
759
807
|
console.log('[INITIAL] Reusing existing initials', this.initialid);
|
|
760
|
-
this.suppressOverlay = true;
|
|
761
808
|
(_a = this.fieldChange) === null || _a === void 0 ? void 0 : _a.emit(this.initialid);
|
|
762
809
|
}
|
|
763
810
|
else {
|
|
@@ -893,7 +940,7 @@ const VerdocsFieldRadio = class {
|
|
|
893
940
|
};
|
|
894
941
|
VerdocsFieldRadio.style = verdocsFieldRadioCss;
|
|
895
942
|
|
|
896
|
-
const verdocsFieldSignatureCss = "verdocs-field-signature{font-family:var(--verdocs-primary-font, \"Inter\", \"Barlow\", sans-serif);width:83px;height:36px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;letter-spacing:0.3px;background-color:var(--verdocs-field-background, transparent);-webkit-transform-origin:bottom left;transform-origin:bottom left;border:var(--verdocs-field-border, 1px solid rgba(0, 0, 0, 0.2));border-radius:var(--verdocs-field-radius)}verdocs-field-signature label{top:-14px;left:-1px;height:14px;color:var(--verdocs-field-text-color, white);padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-signature.done{border:none;opacity:1}verdocs-field-signature .signature-container{width:100%;height:100%;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}verdocs-field-signature .signature-container img{display:block;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}verdocs-field-signature .signature-container .
|
|
943
|
+
const verdocsFieldSignatureCss = "verdocs-field-signature{font-family:var(--verdocs-primary-font, \"Inter\", \"Barlow\", sans-serif);width:83px;height:36px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;letter-spacing:0.3px;background-color:var(--verdocs-field-background, transparent);-webkit-transform-origin:bottom left;transform-origin:bottom left;border:var(--verdocs-field-border, 1px solid rgba(0, 0, 0, 0.2));border-radius:var(--verdocs-field-radius);cursor:pointer;caret-color:transparent}verdocs-field-signature label{top:-14px;left:-1px;height:14px;color:var(--verdocs-field-text-color, white);padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-signature.done{border:none;opacity:1}verdocs-field-signature.menu-open{z-index:50}verdocs-field-signature .signature-container{width:100%;height:100%;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}verdocs-field-signature .signature-container img{display:block;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}verdocs-field-signature .signature-container .action-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:90px;background:#ffffff;border:1px solid rgba(0, 0, 0, 0.15);border-radius:6px;-webkit-box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;font-size:12px;font-family:var(--verdocs-primary-font, \"Inter\", \"Barlow\", sans-serif)}verdocs-field-signature .signature-container .action-menu .menu-item{background:#ffffff;border:none;padding:8px 12px;color:#333333;cursor:pointer;text-align:left;width:100%;font-size:12px;line-height:1.2;height:auto;font-family:inherit}verdocs-field-signature .signature-container .action-menu .menu-item:hover{background-color:#f0f0f0;color:#000000}verdocs-field-signature .signature-container .action-menu .menu-item:not(:last-child){border-bottom:1px solid rgba(0, 0, 0, 0.08)}verdocs-field-signature.disabled .signature-container{opacity:0.5;pointer-events:none}verdocs-field-signature button{cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;color:var(--verdocs-field-text-color, rgba(0, 0, 0, 0.87));font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-signature button.hide{display:none}verdocs-field-signature.required{border:1px solid var(--verdocs-required-field-border)}verdocs-field-signature.filled{border:none !important;background-color:transparent !important}verdocs-field-signature verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-signature verdocs-button-panel[data-active],verdocs-field-signature verdocs-button-panel:hover{opacity:1}verdocs-field-signature verdocs-button-panel .icon svg{fill:#333333}verdocs-field-signature verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-signature .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-signature .settings-icon svg{fill:#707ae5}verdocs-field-signature .settings-icon:hover{opacity:1}verdocs-field-signature .edge-top,verdocs-field-signature .edge-right,verdocs-field-signature .edge-left,verdocs-field-signature .edge-bottom{position:absolute;z-index:10}verdocs-field-signature .edge-top{top:-2px;left:0;right:0;height:5px}verdocs-field-signature .edge-right{top:0;bottom:0;right:-2px;width:5px}verdocs-field-signature .edge-left{top:0;left:-2px;bottom:0;width:5px}verdocs-field-signature .edge-bottom{bottom:-2px;left:0;right:0;height:5px}";
|
|
897
944
|
|
|
898
945
|
const VerdocsFieldSignature = class {
|
|
899
946
|
constructor(hostRef) {
|
|
@@ -955,8 +1002,33 @@ const VerdocsFieldSignature = class {
|
|
|
955
1002
|
this.pagenumber = 1;
|
|
956
1003
|
this.showingProperties = false;
|
|
957
1004
|
this.focused = false;
|
|
958
|
-
this.
|
|
1005
|
+
this.menuOpen = false;
|
|
1006
|
+
this.closeMenuTimer = null;
|
|
1007
|
+
this.outsideMenuHandler = null;
|
|
959
1008
|
this.tempSignature = '';
|
|
1009
|
+
this.openMenu = () => {
|
|
1010
|
+
if (this.closeMenuTimer) {
|
|
1011
|
+
clearTimeout(this.closeMenuTimer);
|
|
1012
|
+
this.closeMenuTimer = null;
|
|
1013
|
+
}
|
|
1014
|
+
this.menuOpen = true;
|
|
1015
|
+
};
|
|
1016
|
+
this.scheduleCloseMenu = () => {
|
|
1017
|
+
if (this.closeMenuTimer) {
|
|
1018
|
+
clearTimeout(this.closeMenuTimer);
|
|
1019
|
+
}
|
|
1020
|
+
this.closeMenuTimer = setTimeout(() => {
|
|
1021
|
+
this.menuOpen = false;
|
|
1022
|
+
this.closeMenuTimer = null;
|
|
1023
|
+
}, 150);
|
|
1024
|
+
};
|
|
1025
|
+
this.closeMenu = () => {
|
|
1026
|
+
if (this.closeMenuTimer) {
|
|
1027
|
+
clearTimeout(this.closeMenuTimer);
|
|
1028
|
+
this.closeMenuTimer = null;
|
|
1029
|
+
}
|
|
1030
|
+
this.menuOpen = false;
|
|
1031
|
+
};
|
|
960
1032
|
}
|
|
961
1033
|
handleBlur() {
|
|
962
1034
|
this.focused = false;
|
|
@@ -965,6 +1037,24 @@ const VerdocsFieldSignature = class {
|
|
|
965
1037
|
this.el.focus();
|
|
966
1038
|
this.focused = true;
|
|
967
1039
|
}
|
|
1040
|
+
componentDidLoad() {
|
|
1041
|
+
this.outsideMenuHandler = (e) => {
|
|
1042
|
+
if (this.menuOpen && !this.el.contains(e.target)) {
|
|
1043
|
+
this.closeMenu();
|
|
1044
|
+
}
|
|
1045
|
+
};
|
|
1046
|
+
document.addEventListener('pointerdown', this.outsideMenuHandler);
|
|
1047
|
+
}
|
|
1048
|
+
disconnectedCallback() {
|
|
1049
|
+
if (this.closeMenuTimer) {
|
|
1050
|
+
clearTimeout(this.closeMenuTimer);
|
|
1051
|
+
this.closeMenuTimer = null;
|
|
1052
|
+
}
|
|
1053
|
+
if (this.outsideMenuHandler) {
|
|
1054
|
+
document.removeEventListener('pointerdown', this.outsideMenuHandler);
|
|
1055
|
+
this.outsideMenuHandler = null;
|
|
1056
|
+
}
|
|
1057
|
+
}
|
|
968
1058
|
componentDidUpdate() {
|
|
969
1059
|
if (this.isPreview) {
|
|
970
1060
|
interact(this.el).unset();
|
|
@@ -1066,29 +1156,33 @@ const VerdocsFieldSignature = class {
|
|
|
1066
1156
|
if (done) {
|
|
1067
1157
|
return h(Host, { class: { done } }, value && h("img", { src: base64, alt: "" }));
|
|
1068
1158
|
}
|
|
1069
|
-
return (h(Host, { class: { required, disabled, done, focused, filled: !!base64, [signerClass]: true } }, editable && h("div", { class: "edge-right" }), editable && h("div", { class: "edge-left" }), editable && h("div", { class: "edge-top" }), editable && h("div", { class: "edge-bottom" }), label && h("label", null, label), base64 ? (h("div", { class: { 'signature-container': true, '
|
|
1159
|
+
return (h(Host, { class: { required, disabled, done, focused, filled: !!base64, 'menu-open': this.menuOpen, [signerClass]: true } }, editable && h("div", { class: "edge-right" }), editable && h("div", { class: "edge-left" }), editable && h("div", { class: "edge-top" }), editable && h("div", { class: "edge-bottom" }), label && h("label", null, label), base64 ? (h("div", { class: { 'signature-container': true, 'menu-open': this.menuOpen }, onMouseEnter: () => !disabled && this.openMenu(), onMouseLeave: () => this.scheduleCloseMenu(), onClick: e => {
|
|
1160
|
+
e.stopPropagation();
|
|
1161
|
+
if (disabled)
|
|
1162
|
+
return;
|
|
1163
|
+
this.menuOpen ? this.closeMenu() : this.openMenu();
|
|
1164
|
+
} }, h("img", { src: base64, alt: "Signature" }), this.menuOpen && (h("div", { class: "action-menu", onMouseEnter: () => this.openMenu(), onMouseLeave: () => this.scheduleCloseMenu() }, h("button", { type: "button", class: "menu-item", onClick: e => {
|
|
1070
1165
|
e.stopPropagation();
|
|
1071
1166
|
if (disabled)
|
|
1072
1167
|
return;
|
|
1073
|
-
// EDIT action: always open dialog
|
|
1074
1168
|
console.log('[SIGNATURE] Editing signature');
|
|
1169
|
+
this.closeMenu();
|
|
1075
1170
|
this.adopt.emit();
|
|
1076
|
-
} }), h("button", {
|
|
1171
|
+
} }, "Edit"), h("button", { type: "button", class: "menu-item", onClick: e => {
|
|
1077
1172
|
var _a;
|
|
1078
1173
|
e.stopPropagation();
|
|
1079
1174
|
if (disabled)
|
|
1080
1175
|
return;
|
|
1081
|
-
// CLEAR action
|
|
1082
1176
|
console.log('[SIGNATURE] Clearing signature');
|
|
1177
|
+
this.closeMenu();
|
|
1083
1178
|
(_a = this.fieldChange) === null || _a === void 0 ? void 0 : _a.emit(null);
|
|
1084
|
-
} })))) : (h("button", { onClick: () => {
|
|
1179
|
+
} }, "Clear"))))) : (h("button", { onClick: () => {
|
|
1085
1180
|
var _a;
|
|
1086
1181
|
if (disabled)
|
|
1087
1182
|
return;
|
|
1088
1183
|
// If we already have a signature ID, use it immediately
|
|
1089
1184
|
if (this.signatureid) {
|
|
1090
1185
|
console.log('[SIGNATURE] Reusing existing signature', this.signatureid);
|
|
1091
|
-
this.suppressOverlay = true;
|
|
1092
1186
|
(_a = this.fieldChange) === null || _a === void 0 ? void 0 : _a.emit(this.signatureid);
|
|
1093
1187
|
}
|
|
1094
1188
|
else {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-BIRwgFLv.js';
|
|
2
2
|
import { i as interact } from './interact.min-BepJAdBZ.js';
|
|
3
|
-
import { S as SettingsIcon } from './Icons-
|
|
3
|
+
import { S as SettingsIcon } from './Icons-BU5rnXp2.js';
|
|
4
4
|
import { S as Store } from './Datastore-bS8INhRF.js';
|
|
5
5
|
import './_commonjsHelpers-BFTU3MAI.js';
|
|
6
6
|
import '@verdocs/js-sdk';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host } from './index-BIRwgFLv.js';
|
|
2
2
|
import { VerdocsEndpoint } from '@verdocs/js-sdk';
|
|
3
|
-
import { u as unicodeNBSP } from './Icons-
|
|
3
|
+
import { u as unicodeNBSP } from './Icons-BU5rnXp2.js';
|
|
4
4
|
|
|
5
5
|
const verdocsFileChooserCss = "verdocs-file-chooser{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff;font-family:var(--verdocs-primary-font, \"Inter\", \"Barlow\", sans-serif)}verdocs-file-chooser .upload-box{text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 15px;color:rgba(0, 0, 0, 0.54)}verdocs-file-chooser .upload-box svg{width:64px;height:64px;fill:#5c6575}verdocs-file-chooser .selected-filename{font-size:20px;font-weight:bold;overflow-wrap:anywhere}verdocs-file-chooser .or-prefer{height:20px;margin:20px 0;font-size:16px}";
|
|
6
6
|
|
|
@@ -5,7 +5,7 @@ import { S as SDKError } from './errors-C1sRVZWv.js';
|
|
|
5
5
|
import { S as Store } from './Datastore-bS8INhRF.js';
|
|
6
6
|
import { D as DefaultEndpoint } from './Environment-C_Xku1v2.js';
|
|
7
7
|
import { V as VerdocsToast } from './Toast-D97GxsI-.js';
|
|
8
|
-
import { a as DocIcon, P as PngIcon, J as JpgIcon, b as PdfIcon, F as FileIcon, c as PageCountIcon, T as TrashIcon, D as DocumentPageIcon } from './Icons-
|
|
8
|
+
import { a as DocIcon, P as PngIcon, J as JpgIcon, b as PdfIcon, F as FileIcon, c as PageCountIcon, T as TrashIcon, D as DocumentPageIcon } from './Icons-BU5rnXp2.js';
|
|
9
9
|
import { d as dateFnsExports } from './index-dzBXqXlK.js';
|
|
10
10
|
import { i as interact } from './interact.min-BepJAdBZ.js';
|
|
11
11
|
import './Types-BqoC0yeA.js';
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment, g as getElement } from './index-BIRwgFLv.js';
|
|
2
2
|
import { VerdocsEndpoint, DEFAULT_DISCLOSURES, startSigningSession, envelopeRecipientAgree, getEnvelope, updateEnvelopeField, createSignature, createInitials, sortFields, envelopeRecipientSubmit, isFieldValid, isFieldFilled, uploadEnvelopeFieldAttachment, deleteEnvelopeFieldAttachment, formatFullName, fullNameToInitials, verifySigner, delegateRecipient, envelopeRecipientDecline, integerSequence, askQuestion, getEnvelopeDocumentDownloadLink, getEnvelopesZip } from '@verdocs/js-sdk';
|
|
3
3
|
import { u as updateDocumentFieldValue, g as getFieldId, r as renderDocumentFlag, a as renderDocumentField, d as defaultHeight } from './utils-CerrMWqr.js';
|
|
4
|
-
import { D as DocumentPageIcon, C as CheckCircleIcon } from './Icons-
|
|
4
|
+
import { D as DocumentPageIcon, C as CheckCircleIcon } from './Icons-BU5rnXp2.js';
|
|
5
5
|
import { V as VerdocsToast } from './Toast-D97GxsI-.js';
|
|
6
6
|
import { S as SDKError } from './errors-C1sRVZWv.js';
|
|
7
7
|
import { S as Store } from './Datastore-bS8INhRF.js';
|
|
8
8
|
import './index-dzBXqXlK.js';
|
|
9
9
|
import './Types-BqoC0yeA.js';
|
|
10
10
|
|
|
11
|
-
const verdocsSignCss = "verdocs-sign{display:-ms-flexbox;display:flex;overflow:hidden;min-height:700px;position:relative;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#f5f5f5;font-family:var(--verdocs-primary-font, \"Inter\", \"Barlow\", sans-serif)}verdocs-sign
|
|
11
|
+
const verdocsSignCss = "verdocs-sign{display:-ms-flexbox;display:flex;overflow:hidden;min-height:700px;position:relative;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#f5f5f5;font-family:var(--verdocs-primary-font, \"Inter\", \"Barlow\", sans-serif)}verdocs-sign div{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign input{vertical-align:top}verdocs-sign>.document{-ms-flex:1;flex:1;width:100%;height:100%;-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;padding:15px;padding-right:140px;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>.document .document-separator{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px;padding:12px 20px;width:100%;max-width:1028px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#33364b;color:white;border-radius:6px;font-size:16px;font-weight:500;margin-top:20px;-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}verdocs-sign>.document .document-separator svg{-ms-flex-negative:0;flex-shrink:0}verdocs-sign>.document .document-separator:first-child{margin-top:0}verdocs-sign .signed-document-container{width:64%;margin-left:260px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}verdocs-sign .signed-document-container.zoom-normal{width:64%;margin-left:260px}verdocs-sign .signed-document-container.zoom-zoom1{width:80%;margin-left:200px}verdocs-sign .signed-document-container.zoom-zoom2{width:100%;margin-left:150px}verdocs-sign .signed-document-container.zoom-zoom2 .verdocs-flag-instance{opacity:0;pointer-events:none}@media (max-width: 768px){verdocs-sign verdocs-sign-footer{padding:0 10px}verdocs-sign verdocs-sign-footer .buttons{gap:8px}verdocs-sign verdocs-sign-footer .buttons button{font-size:10px}verdocs-sign .signed-document-container{width:100%;margin-left:0}verdocs-sign .signed-document-container.zoom-normal,verdocs-sign .signed-document-container.zoom-zoom1,verdocs-sign .signed-document-container.zoom-zoom2{width:100%;margin-left:0}verdocs-sign>.document{padding-right:15px}verdocs-sign .verdocs-flag-instance{display:none !important}verdocs-sign .controls-toolbar .center-controls{display:none}verdocs-sign .controls-toolbar .right-controls .mobile-next-button{display:block;margin-right:10px}verdocs-sign .controls-toolbar .right-controls .minus,verdocs-sign .controls-toolbar .right-controls .plus{display:none}}verdocs-sign .cover{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:5000;position:absolute;padding-top:100px;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;background:rgba(0, 0, 0, 0.5)}verdocs-sign verdocs-ok-dialog .background-overlay{-ms-flex-align:start;align-items:flex-start;padding-top:100px}verdocs-sign .loading-indicator{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.7)}verdocs-sign .fatal-error{position:absolute;z-index:100;top:0;left:0;right:0;bottom:0;background-color:#4a4a4a;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-sign .fatal-error .placeholder{position:absolute;opacity:0.1;z-index:-1;top:0;left:0;right:0;bottom:0;width:612px;height:792px;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);margin-top:15px}verdocs-sign .fatal-error .message{max-width:360px;width:50%;font-size:16px;background:white;-webkit-box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235);box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235)}verdocs-sign .fatal-error .header{color:white;font-size:18px;font-weight:500;padding:5px 10px;margin:0 0 10px 0;background:#4c56cb}verdocs-sign .fatal-error p{margin:1rem;font-size:14px;font-weight:400;padding:0 10px}@media print{verdocs-sign .header,.controls-toolbar,.verdocs-flag-instance,verdocs-signing-progress{display:none !important}verdocs-sign{min-height:auto;background-color:white}verdocs-sign>.document{overflow:visible;height:auto;display:block;padding:0;margin:0}verdocs-sign>.document .document-separator{display:none}verdocs-sign .signed-document-container{width:100%;margin:0}}#verdocs-sign-header{color:#fff;width:100%;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 46px;flex:0 0 46px;font-size:12px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-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 .inner{width:100%;display:-ms-flexbox;display:flex;margin:0 auto;padding:0 12px;max-width:1200px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px}#verdocs-sign-header .logo{width:80px;display:none;margin:-6px 0 0 0}#verdocs-sign-header .title{font-size:18px;font-weight:500;overflow:hidden;white-space:nowrap;padding:0 10px 0 0;text-overflow:ellipsis}#verdocs-sign-header .remaining-count{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:8px;color:#ffffff;font-size:13px;font-weight:400;white-space:nowrap}#verdocs-sign-header .remaining-count .check-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}#verdocs-sign-header .remaining-count .check-icon svg{width:16px;height:16px;fill:#55bc81}#verdocs-sign-header .remaining-count .separator{opacity:0.5;margin:0 2px}#verdocs-sign-header .remaining-count .review-optional{cursor:pointer;text-decoration:underline}#verdocs-sign-header .remaining-count .review-optional:hover{color:#54d68c}#verdocs-sign-header .icon-button{width:20px;height:32px;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:4px;-webkit-transition:background-color 0.2s;transition:background-color 0.2s}#verdocs-sign-header .icon-button svg path{fill:#ffffff}#verdocs-sign-header .icon-button:hover{background-color:rgba(255, 255, 255, 0.1)}#verdocs-sign-header .icon-button.disabled{opacity:0.35;pointer-events:none}#verdocs-sign-header .icon-button+.icon-button{margin-left:-6px}.spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}.controls-toolbar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:54px;padding:0 12px 0 24px;background-color:#ffffff;border-bottom:1px solid #e0e0e0;-webkit-box-shadow:none;box-shadow:none;font-family:\"Inter\", sans-serif;color:#424242;z-index:1000}.controls-toolbar .left-controls{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.controls-toolbar .left-controls .title{font-weight:500;font-size:16px;color:#242424;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls-toolbar .center-controls{-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:10px;font-size:14px;display:none}.controls-toolbar .center-controls .label{color:#000000;font-weight:300}.controls-toolbar .center-controls .select-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.controls-toolbar .center-controls .select-wrapper verdocs-select-input{margin:0}.controls-toolbar .center-controls .select-wrapper verdocs-select-input .input-label{display:none}.controls-toolbar .center-controls .select-wrapper verdocs-select-input .input-element{background:transparent;border:1px solid #e0e0e0;height:32px;padding:2px 8px;min-width:60px;text-align:center;font-family:inherit;color:#424242}.controls-toolbar .center-controls .select-wrapper verdocs-select-input .input-element:focus{border-color:var(--verdocs-primary-color, #55bc81)}.controls-toolbar .center-controls .count{color:#000000;font-weight:300}.controls-toolbar .right-controls{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.controls-toolbar .right-controls .mobile-next-button{display:none}.controls-toolbar .right-controls .icon-button{width:32px;height:32px;display:-ms-flexbox;display:flex;color:#424242;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color 0.2s;transition:background-color 0.2s}.controls-toolbar .right-controls .icon-button:hover{background-color:#f5f5f5}.controls-toolbar .right-controls .icon-button.disabled{opacity:0.3;pointer-events:none}.controls-toolbar .right-controls .icon-button svg{display:block;width:20px;height:20px}";
|
|
12
12
|
|
|
13
13
|
const ToolbarMinusIcon = `<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M11 8C11.2761 8 11.5 8.22386 11.5 8.5C11.5 8.77614 11.2761 9 11 9H6C5.72386 9 5.5 8.77614 5.5 8.5C5.5 8.22386 5.72386 8 6 8H11ZM14 8.5C14 5.46243 11.5376 3 8.5 3C5.46243 3 3 5.46243 3 8.5C3 11.5376 5.46243 14 8.5 14C9.83879 14 11.0659 13.5217 12.0196 12.7266L16.1464 16.8536L16.2157 16.9114C16.4106 17.0464 16.68 17.0271 16.8536 16.8536C17.0488 16.6583 17.0488 16.3417 16.8536 16.1464L12.7266 12.0196C13.5217 11.0659 14 9.83879 14 8.5ZM4 8.5C4 6.01472 6.01472 4 8.5 4C10.9853 4 13 6.01472 13 8.5C13 10.9853 10.9853 13 8.5 13C6.01472 13 4 10.9853 4 8.5Z" fill="#424242" /></svg>`;
|
|
14
14
|
const ToolbarPlusIcon = `<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M11.5 8.5C11.5 8.22386 11.2761 8 11 8H9V6C9 5.72386 8.77614 5.5 8.5 5.5C8.22386 5.5 8 5.72386 8 6V8H6C5.72386 8 5.5 8.22386 5.5 8.5C5.5 8.77614 5.72386 9 6 9H8V11C8 11.2761 8.22386 11.5 8.5 11.5C8.77614 11.5 9 11.2761 9 11V9H11C11.2761 9 11.5 8.77614 11.5 8.5ZM8.5 3C11.5376 3 14 5.46243 14 8.5C14 9.83879 13.5217 11.0659 12.7266 12.0196L16.8536 16.1464C17.0488 16.3417 17.0488 16.6583 16.8536 16.8536C16.68 17.0271 16.4106 17.0464 16.2157 16.9114L16.1464 16.8536L12.0196 12.7266C11.0659 13.5217 9.83879 14 8.5 14C5.46243 14 3 11.5376 3 8.5C3 5.46243 5.46243 3 8.5 3ZM8.5 4C6.01472 4 4 6.01472 4 8.5C4 10.9853 6.01472 13 8.5 13C10.9853 13 13 10.9853 13 8.5C13 6.01472 10.9853 4 8.5 4Z" fill="#424242" /></svg>`;
|
|
@@ -130,10 +130,12 @@ const VerdocsSign = class {
|
|
|
130
130
|
this.setupIntersectionObserver();
|
|
131
131
|
}
|
|
132
132
|
disconnectedCallback() {
|
|
133
|
-
var _a;
|
|
133
|
+
var _a, _b;
|
|
134
134
|
this.stopPolling();
|
|
135
135
|
(_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
136
136
|
window.removeEventListener('resize', () => this.updateZoomFromWindow());
|
|
137
|
+
// Remove any org-level style overrides we injected into the document head.
|
|
138
|
+
(_b = document.getElementById(this.getOrgStyleOverridesId())) === null || _b === void 0 ? void 0 : _b.remove();
|
|
137
139
|
}
|
|
138
140
|
updateZoomFromWindow() {
|
|
139
141
|
const width = window.innerWidth;
|
|
@@ -178,19 +180,46 @@ const VerdocsSign = class {
|
|
|
178
180
|
}, options);
|
|
179
181
|
pages.forEach(page => this.observer.observe(page));
|
|
180
182
|
}
|
|
183
|
+
getOrgStyleOverridesId() {
|
|
184
|
+
return `verdocs-org-style-overrides-${this.envelopeId}`;
|
|
185
|
+
}
|
|
186
|
+
// Injects a <style> tag into the document head containing any CSS overrides defined on the
|
|
187
|
+
// envelope's organization. This allows the organization to apply custom styling to the signing
|
|
188
|
+
// UI without rebuilding the SDK.
|
|
189
|
+
// TODO: Clean up once js-sdk is updated (style_overrides is not yet in IEnvelope).
|
|
190
|
+
applyOrgStyleOverrides() {
|
|
191
|
+
var _a, _b;
|
|
192
|
+
const styleId = this.getOrgStyleOverridesId();
|
|
193
|
+
const existing = document.getElementById(styleId);
|
|
194
|
+
const overrides = (_b = (_a = this.envelope) === null || _a === void 0 ? void 0 : _a.organization) === null || _b === void 0 ? void 0 : _b.style_overrides;
|
|
195
|
+
if (typeof overrides === 'string') {
|
|
196
|
+
const styleEl = existing || document.createElement('style');
|
|
197
|
+
styleEl.id = styleId;
|
|
198
|
+
styleEl.textContent = overrides;
|
|
199
|
+
if (!existing) {
|
|
200
|
+
document.head.appendChild(styleEl);
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
else if (existing) {
|
|
204
|
+
existing.remove();
|
|
205
|
+
}
|
|
206
|
+
}
|
|
181
207
|
processAuthResponse(response) {
|
|
182
|
-
var _a, _b, _c, _d
|
|
208
|
+
var _a, _b, _c, _d;
|
|
183
209
|
const { envelope, recipient } = response;
|
|
184
210
|
(_a = envelope.documents) === null || _a === void 0 ? void 0 : _a.sort((a, b) => (a.order !== b.order ? a.order - b.order : a.created_at.localeCompare(b.created_at)));
|
|
185
211
|
const { auth_step } = recipient;
|
|
186
212
|
this.recipient = recipient;
|
|
187
213
|
this.envelope = envelope;
|
|
188
214
|
this.disclosures = ((_c = (_b = this.envelope) === null || _b === void 0 ? void 0 : _b.organization) === null || _c === void 0 ? void 0 : _c.disclaimer) || DEFAULT_DISCLOSURES;
|
|
215
|
+
this.applyOrgStyleOverrides();
|
|
189
216
|
this.authStep = auth_step;
|
|
190
217
|
this.delegated = !!recipient.delegated_to;
|
|
191
218
|
this.agreed = recipient.agreed;
|
|
192
|
-
|
|
193
|
-
|
|
219
|
+
// Intentionally ignore any pre-existing signatures/initials from the server. We always want to prompt the user
|
|
220
|
+
// to adopt at least once per session so the signing flow is explicit after removing the up-front progress dialog.
|
|
221
|
+
this.signatureId = null;
|
|
222
|
+
this.initialId = null;
|
|
194
223
|
this.submitted = recipient.status === 'submitted';
|
|
195
224
|
this.loading = false;
|
|
196
225
|
this.isDone = this.submitted;
|
|
@@ -220,7 +249,7 @@ const VerdocsSign = class {
|
|
|
220
249
|
this.nextButtonLabel = 'Next';
|
|
221
250
|
}
|
|
222
251
|
this.checkRecipientFields();
|
|
223
|
-
(
|
|
252
|
+
(_d = this.envelopeLoaded) === null || _d === void 0 ? void 0 : _d.emit({ endpoint: this.endpoint, envelope: this.envelope });
|
|
224
253
|
}
|
|
225
254
|
handleClickAgree() {
|
|
226
255
|
this.submitting = true;
|
|
@@ -1002,14 +1031,15 @@ const VerdocsSign = class {
|
|
|
1002
1031
|
const totalPages = this.envelope.documents.reduce((acc, doc) => acc + doc.pages, 0);
|
|
1003
1032
|
const pageOptions = integerSequence(1, totalPages).map(p => ({ label: p.toString(), value: p.toString() }));
|
|
1004
1033
|
let globalPageCounter = 0;
|
|
1005
|
-
return (h(Host, null, this.toolbarStyle === 'menu' && (h("div", { id: "verdocs-sign-header" }, h("div", { class: "inner" }, h("div", { class: "title" }, this.envelope.name), h("div", { style: { flex: '1' } }), !this.finishLater &&
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
1034
|
+
return (h(Host, null, this.toolbarStyle === 'menu' && (h("div", { id: "verdocs-sign-header" }, h("div", { class: "inner" }, h("div", { class: "title" }, this.envelope.name), h("div", { style: { flex: '1' } }), !this.finishLater &&
|
|
1035
|
+
(() => {
|
|
1036
|
+
const remaining = this.getRequiredTotalCount() - this.getRequiredFilledCount();
|
|
1037
|
+
const optionalLeft = this.getOptionalUnfilledCount();
|
|
1038
|
+
if (remaining > 0) {
|
|
1039
|
+
return (h("span", { class: "remaining-count" }, remaining, " required field", remaining === 1 ? '' : 's', " left"));
|
|
1040
|
+
}
|
|
1041
|
+
return (h("span", { class: "remaining-count" }, h("span", { class: "check-icon", innerHTML: CheckCircleIcon }), "All required fields complete", optionalLeft > 0 && h("span", { class: "separator" }, "|"), optionalLeft > 0 && (h("span", { class: "review-optional", onClick: () => this.handleNextOptional() }, "Review ", optionalLeft, " optional"))));
|
|
1042
|
+
})(), !this.finishLater && (h("verdocs-button", { size: "xsmall", label: this.nextButtonLabel === 'Next' ? 'Next Required' : this.nextButtonLabel, disabled: !this.agreed || this.submitting, onClick: () => this.handleNext() })), h("div", { class: { 'icon-button': true, 'minus': true, 'disabled': this.zoomLevel === 'normal' }, innerHTML: ToolbarMinusIcon, onClick: () => this.handleZoomOut() }), h("div", { class: { 'icon-button': true, 'plus': true, 'disabled': this.zoomLevel === 'zoom2' }, innerHTML: ToolbarPlusIcon, onClick: () => this.handleZoomIn() }), h("verdocs-dropdown", { options: !this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions, onOptionSelected: e => this.handleOptionSelected(e) })))), this.toolbarStyle === 'controls' && (h("div", { class: "controls-toolbar" }, h("div", { class: "left-controls" }, h("div", { class: "title" }, this.envelope.name)), h("div", { class: "center-controls" }, h("span", { class: "label" }, "Page"), h("div", { class: "select-wrapper" }, h("verdocs-select-input", { options: pageOptions, value: this.pageNumber.toString(), onInput: e => this.handlePageSelect(e) })), h("span", { class: "count" }, "of ", totalPages)), h("div", { class: "right-controls" }, h("verdocs-button", { class: "mobile-next-button", label: this.nextButtonLabel, size: "xsmall", disabled: !this.agreed || this.submitting, onClick: () => this.handleNext() }), h("div", { class: { 'icon-button': true, 'minus': true, 'disabled': this.zoomLevel === 'normal' }, innerHTML: ToolbarMinusIcon, onClick: () => this.handleZoomOut() }), h("div", { class: { 'icon-button': true, 'plus': true, 'disabled': this.zoomLevel === 'zoom2' }, innerHTML: ToolbarPlusIcon, onClick: () => this.handleZoomIn() }), h("div", { class: "icon-button download", innerHTML: ToolbarDownloadIcon, onClick: () => this.handleOptionSelected({ detail: { id: 'download' } }) }), h("div", { class: "icon-button print", innerHTML: ToolbarPrintIcon, onClick: () => this.handleOptionSelected({ detail: { id: 'print' } }) })))), h("div", { class: `document signed-document-container zoom-${this.zoomLevel}` }, (this.envelope.documents || []).map(envelopeDocument => {
|
|
1013
1043
|
const pageNumbers = integerSequence(1, envelopeDocument.pages);
|
|
1014
1044
|
return (h(Fragment, null, this.envelope.documents.length > 1 && (h("div", { class: "document-separator" }, h("div", { innerHTML: DocumentPageIcon }), h("span", null, envelopeDocument.name))), pageNumbers.map(pageNumber => {
|
|
1015
1045
|
var _a;
|
|
@@ -1048,16 +1078,14 @@ const VerdocsSign = class {
|
|
|
1048
1078
|
this.showSpinner = false;
|
|
1049
1079
|
this.adoptingSignature = false;
|
|
1050
1080
|
this.markEnvelopeStarted();
|
|
1051
|
-
//
|
|
1052
|
-
// This is the "secondary flow" where the user clicks a field directly before adopting.
|
|
1081
|
+
// Apply the new signature/initials to the field that triggered the dialog.
|
|
1053
1082
|
if (this.focusedField) {
|
|
1054
1083
|
const fieldObj = this.getRecipientFields().find(f => f.name === this.focusedField);
|
|
1055
1084
|
if (fieldObj) {
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
await this.handleFieldChange(fieldObj, { detail: this.initialId });
|
|
1085
|
+
const id = fieldObj.type === 'signature' ? this.signatureId : fieldObj.type === 'initial' ? this.initialId : null;
|
|
1086
|
+
if (id) {
|
|
1087
|
+
const updateResult = await updateEnvelopeField(this.endpoint, this.envelopeId, this.roleId, fieldObj.name, id, false);
|
|
1088
|
+
this.updateRecipientFieldValue(fieldObj.name, updateResult);
|
|
1061
1089
|
}
|
|
1062
1090
|
}
|
|
1063
1091
|
this.focusedField = '';
|