@verdocs/web-sdk 5.0.18 → 5.0.20
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/{Datastore-4448f6ef.js → Datastore-931fd77e.js} +7 -4
- package/dist/cjs/Datastore-931fd77e.js.map +1 -0
- package/dist/cjs/verdocs-build.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-checkbox_6.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-envelope-recipient-link_2.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-envelope-recipient-summary.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-field-attachment_13.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-field-payment.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-kba-dialog_2.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-menu-panel_2.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-preview_6.cjs.entry.js +18 -15
- package/dist/cjs/verdocs-preview_6.cjs.entry.js.map +1 -1
- package/dist/cjs/verdocs-sign.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-template-document-page_2.cjs.entry.js +1 -1
- package/dist/collection/components/templates/verdocs-template-roles/verdocs-template-roles.css +5 -10
- package/dist/collection/components/templates/verdocs-template-roles/verdocs-template-roles.js +16 -13
- package/dist/collection/components/templates/verdocs-template-roles/verdocs-template-roles.js.map +1 -1
- package/dist/components/{p-d9a2e920.js → p-1ab01232.js} +3 -3
- package/dist/components/{p-d9a2e920.js.map → p-1ab01232.js.map} +1 -1
- package/dist/components/{p-efa3b8ac.js → p-1ce18a42.js} +2 -2
- package/dist/components/{p-efa3b8ac.js.map → p-1ce18a42.js.map} +1 -1
- package/dist/components/{p-c662e5f4.js → p-1f0f5448.js} +2 -2
- package/dist/components/{p-c662e5f4.js.map → p-1f0f5448.js.map} +1 -1
- package/dist/components/{p-aa59fa42.js → p-28e3b2e3.js} +14 -14
- package/dist/components/{p-aa59fa42.js.map → p-28e3b2e3.js.map} +1 -1
- package/dist/components/{p-9bcf9620.js → p-2d8b46e5.js} +2 -2
- package/dist/components/{p-9bcf9620.js.map → p-2d8b46e5.js.map} +1 -1
- package/dist/components/{p-58d027d1.js → p-3828cb31.js} +7 -4
- package/dist/components/p-3828cb31.js.map +1 -0
- package/dist/components/{p-314d698d.js → p-53168eec.js} +2 -2
- package/dist/components/{p-314d698d.js.map → p-53168eec.js.map} +1 -1
- package/dist/components/{p-bcc8771f.js → p-681e7dd4.js} +3 -3
- package/dist/components/{p-bcc8771f.js.map → p-681e7dd4.js.map} +1 -1
- package/dist/components/{p-78043e4b.js → p-78de9e65.js} +20 -17
- package/dist/components/p-78de9e65.js.map +1 -0
- package/dist/components/{p-14c80ae8.js → p-91d65fde.js} +3 -3
- package/dist/components/{p-14c80ae8.js.map → p-91d65fde.js.map} +1 -1
- package/dist/components/{p-d8340641.js → p-a415ce22.js} +3 -3
- package/dist/components/{p-d8340641.js.map → p-a415ce22.js.map} +1 -1
- package/dist/components/{p-022b87d3.js → p-b8885b5c.js} +2 -2
- package/dist/components/{p-022b87d3.js.map → p-b8885b5c.js.map} +1 -1
- package/dist/components/{p-5182136e.js → p-c4c9feda.js} +3 -3
- package/dist/components/{p-5182136e.js.map → p-c4c9feda.js.map} +1 -1
- package/dist/components/{p-2ddf4d5b.js → p-e4799d51.js} +3 -3
- package/dist/components/{p-2ddf4d5b.js.map → p-e4799d51.js.map} +1 -1
- package/dist/components/{p-261521bc.js → p-e4a97ad5.js} +3 -3
- package/dist/components/{p-261521bc.js.map → p-e4a97ad5.js.map} +1 -1
- package/dist/components/{p-c9bed8f7.js → p-e9528d9f.js} +3 -3
- package/dist/components/{p-c9bed8f7.js.map → p-e9528d9f.js.map} +1 -1
- package/dist/components/{p-8a76ec8a.js → p-e95ded6b.js} +14 -14
- package/dist/components/{p-8a76ec8a.js.map → p-e95ded6b.js.map} +1 -1
- package/dist/components/{p-7cd6c0ce.js → p-eb12a71c.js} +2 -2
- package/dist/components/{p-7cd6c0ce.js.map → p-eb12a71c.js.map} +1 -1
- package/dist/components/{p-6c4fe42c.js → p-eb2ad8d0.js} +2 -2
- package/dist/components/{p-6c4fe42c.js.map → p-eb2ad8d0.js.map} +1 -1
- package/dist/components/{p-43fa069d.js → p-ecfc85ae.js} +3 -3
- package/dist/components/{p-43fa069d.js.map → p-ecfc85ae.js.map} +1 -1
- package/dist/components/{p-211fa3e2.js → p-f6156f7a.js} +3 -3
- package/dist/components/{p-211fa3e2.js.map → p-f6156f7a.js.map} +1 -1
- package/dist/components/{p-13260b9f.js → p-fcf13666.js} +13 -13
- package/dist/components/{p-13260b9f.js.map → p-fcf13666.js.map} +1 -1
- package/dist/components/verdocs-build.js +20 -20
- package/dist/components/verdocs-envelope-recipient-link.js +1 -1
- package/dist/components/verdocs-envelope-recipient-summary.js +1 -1
- package/dist/components/verdocs-envelope-sidebar.js +2 -2
- 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 +2 -2
- 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-preview.js +1 -1
- package/dist/components/verdocs-send.js +1 -1
- package/dist/components/verdocs-sign.js +2 -2
- package/dist/components/verdocs-template-attachments.js +1 -1
- package/dist/components/verdocs-template-build-tabs.js +1 -1
- package/dist/components/verdocs-template-document-page.js +1 -1
- package/dist/components/verdocs-template-field-properties.js +1 -1
- package/dist/components/verdocs-template-fields.js +1 -1
- package/dist/components/verdocs-template-role-properties.js +1 -1
- package/dist/components/verdocs-template-roles.js +1 -1
- package/dist/components/verdocs-view.js +1 -1
- package/dist/esm/{Datastore-b55570ff.js → Datastore-3f924d94.js} +7 -4
- package/dist/esm/Datastore-3f924d94.js.map +1 -0
- package/dist/esm/verdocs-build.entry.js +1 -1
- package/dist/esm/verdocs-checkbox_6.entry.js +1 -1
- package/dist/esm/verdocs-envelope-recipient-link_2.entry.js +1 -1
- package/dist/esm/verdocs-envelope-recipient-summary.entry.js +1 -1
- package/dist/esm/verdocs-envelope-sidebar.entry.js +1 -1
- package/dist/esm/verdocs-field-attachment_13.entry.js +1 -1
- package/dist/esm/verdocs-field-payment.entry.js +1 -1
- package/dist/esm/verdocs-kba-dialog_2.entry.js +1 -1
- package/dist/esm/verdocs-menu-panel_2.entry.js +1 -1
- package/dist/esm/verdocs-preview_6.entry.js +18 -15
- package/dist/esm/verdocs-preview_6.entry.js.map +1 -1
- package/dist/esm/verdocs-sign.entry.js +1 -1
- package/dist/esm/verdocs-template-document-page_2.entry.js +1 -1
- package/dist/esm-es5/{Datastore-b55570ff.js → Datastore-3f924d94.js} +2 -2
- package/dist/esm-es5/Datastore-3f924d94.js.map +1 -0
- package/dist/esm-es5/verdocs-build.entry.js +1 -1
- package/dist/esm-es5/verdocs-checkbox_6.entry.js +1 -1
- package/dist/esm-es5/verdocs-envelope-recipient-link_2.entry.js +1 -1
- package/dist/esm-es5/verdocs-envelope-recipient-summary.entry.js +1 -1
- package/dist/esm-es5/verdocs-envelope-sidebar.entry.js +1 -1
- package/dist/esm-es5/verdocs-field-attachment_13.entry.js +1 -1
- package/dist/esm-es5/verdocs-field-payment.entry.js +1 -1
- package/dist/esm-es5/verdocs-kba-dialog_2.entry.js +1 -1
- package/dist/esm-es5/verdocs-menu-panel_2.entry.js +1 -1
- package/dist/esm-es5/verdocs-preview_6.entry.js +2 -2
- package/dist/esm-es5/verdocs-preview_6.entry.js.map +1 -1
- package/dist/esm-es5/verdocs-sign.entry.js +1 -1
- package/dist/esm-es5/verdocs-template-document-page_2.entry.js +1 -1
- package/dist/types/components/templates/verdocs-template-roles/verdocs-template-roles.d.ts +3 -0
- package/dist/verdocs-web-sdk/{p-19462841.system.entry.js → p-086ee7f1.system.entry.js} +2 -2
- package/dist/verdocs-web-sdk/{p-fedcc413.entry.js → p-1902bf04.entry.js} +2 -2
- package/dist/verdocs-web-sdk/{p-fda9c437.system.entry.js → p-208a8b41.system.entry.js} +2 -2
- package/dist/verdocs-web-sdk/{p-00ed440b.system.entry.js → p-2175c81a.system.entry.js} +2 -2
- package/dist/verdocs-web-sdk/{p-3cc50f0b.system.entry.js → p-26106576.system.entry.js} +2 -2
- package/dist/verdocs-web-sdk/{p-eb3ceb39.system.entry.js → p-32cf09f0.system.entry.js} +2 -2
- package/dist/verdocs-web-sdk/{p-9021fc7b.system.entry.js → p-34c2298e.system.entry.js} +2 -2
- package/dist/verdocs-web-sdk/{p-d8d279a8.entry.js → p-3701b851.entry.js} +3 -3
- package/dist/verdocs-web-sdk/p-3701b851.entry.js.map +1 -0
- package/dist/verdocs-web-sdk/{p-58d027d1.js → p-3828cb31.js} +2 -2
- package/dist/verdocs-web-sdk/p-3828cb31.js.map +1 -0
- package/dist/verdocs-web-sdk/{p-dced30fa.entry.js → p-471fd78e.entry.js} +2 -2
- package/dist/verdocs-web-sdk/{p-99d5305a.system.entry.js → p-51c7f852.system.entry.js} +3 -3
- package/dist/verdocs-web-sdk/p-51c7f852.system.entry.js.map +1 -0
- package/dist/verdocs-web-sdk/{p-17f35bcb.entry.js → p-60da8e6b.entry.js} +2 -2
- package/dist/verdocs-web-sdk/{p-35dcb386.system.js → p-65be7617.system.js} +2 -2
- package/dist/verdocs-web-sdk/p-65be7617.system.js.map +1 -0
- package/dist/verdocs-web-sdk/{p-e3077c5e.system.entry.js → p-6b2fc4bd.system.entry.js} +2 -2
- package/dist/verdocs-web-sdk/{p-37fa9d00.system.entry.js → p-7975ec40.system.entry.js} +2 -2
- package/dist/verdocs-web-sdk/{p-27416916.entry.js → p-7ffebea3.entry.js} +2 -2
- package/dist/verdocs-web-sdk/{p-bbf30adc.system.entry.js → p-90690dde.system.entry.js} +2 -2
- package/dist/verdocs-web-sdk/{p-03399c69.entry.js → p-a4d94e2e.entry.js} +2 -2
- package/dist/verdocs-web-sdk/{p-882aa754.entry.js → p-c59aa521.entry.js} +2 -2
- package/dist/verdocs-web-sdk/{p-f2b16ddf.entry.js → p-cc230abf.entry.js} +2 -2
- package/dist/verdocs-web-sdk/{p-c2bca18a.entry.js → p-d4aff253.entry.js} +2 -2
- package/dist/verdocs-web-sdk/p-db1faf41.entry.js +2 -0
- package/dist/verdocs-web-sdk/{p-d23b5949.entry.js.map → p-db1faf41.entry.js.map} +1 -1
- package/dist/verdocs-web-sdk/{p-ea078594.system.entry.js → p-dc5c275f.system.entry.js} +2 -2
- package/dist/verdocs-web-sdk/p-e2b70dfb.system.js +1 -1
- package/dist/verdocs-web-sdk/{p-88baf4d1.entry.js → p-e84cf41e.entry.js} +2 -2
- package/dist/verdocs-web-sdk/{p-546daa8b.entry.js → p-f6ed768d.entry.js} +2 -2
- package/dist/verdocs-web-sdk/{p-41f22b0a.system.entry.js → p-ff048639.system.entry.js} +2 -2
- package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
- package/package.json +5 -5
- package/dist/cjs/Datastore-4448f6ef.js.map +0 -1
- package/dist/components/p-58d027d1.js.map +0 -1
- package/dist/components/p-78043e4b.js.map +0 -1
- package/dist/esm/Datastore-b55570ff.js.map +0 -1
- package/dist/esm-es5/Datastore-b55570ff.js.map +0 -1
- package/dist/verdocs-web-sdk/p-35dcb386.system.js.map +0 -1
- package/dist/verdocs-web-sdk/p-58d027d1.js.map +0 -1
- package/dist/verdocs-web-sdk/p-99d5305a.system.entry.js.map +0 -1
- package/dist/verdocs-web-sdk/p-d23b5949.entry.js +0 -2
- package/dist/verdocs-web-sdk/p-d8d279a8.entry.js.map +0 -1
- /package/dist/verdocs-web-sdk/{p-19462841.system.entry.js.map → p-086ee7f1.system.entry.js.map} +0 -0
- /package/dist/verdocs-web-sdk/{p-fedcc413.entry.js.map → p-1902bf04.entry.js.map} +0 -0
- /package/dist/verdocs-web-sdk/{p-fda9c437.system.entry.js.map → p-208a8b41.system.entry.js.map} +0 -0
- /package/dist/verdocs-web-sdk/{p-00ed440b.system.entry.js.map → p-2175c81a.system.entry.js.map} +0 -0
- /package/dist/verdocs-web-sdk/{p-3cc50f0b.system.entry.js.map → p-26106576.system.entry.js.map} +0 -0
- /package/dist/verdocs-web-sdk/{p-eb3ceb39.system.entry.js.map → p-32cf09f0.system.entry.js.map} +0 -0
- /package/dist/verdocs-web-sdk/{p-9021fc7b.system.entry.js.map → p-34c2298e.system.entry.js.map} +0 -0
- /package/dist/verdocs-web-sdk/{p-dced30fa.entry.js.map → p-471fd78e.entry.js.map} +0 -0
- /package/dist/verdocs-web-sdk/{p-17f35bcb.entry.js.map → p-60da8e6b.entry.js.map} +0 -0
- /package/dist/verdocs-web-sdk/{p-e3077c5e.system.entry.js.map → p-6b2fc4bd.system.entry.js.map} +0 -0
- /package/dist/verdocs-web-sdk/{p-37fa9d00.system.entry.js.map → p-7975ec40.system.entry.js.map} +0 -0
- /package/dist/verdocs-web-sdk/{p-27416916.entry.js.map → p-7ffebea3.entry.js.map} +0 -0
- /package/dist/verdocs-web-sdk/{p-bbf30adc.system.entry.js.map → p-90690dde.system.entry.js.map} +0 -0
- /package/dist/verdocs-web-sdk/{p-03399c69.entry.js.map → p-a4d94e2e.entry.js.map} +0 -0
- /package/dist/verdocs-web-sdk/{p-882aa754.entry.js.map → p-c59aa521.entry.js.map} +0 -0
- /package/dist/verdocs-web-sdk/{p-f2b16ddf.entry.js.map → p-cc230abf.entry.js.map} +0 -0
- /package/dist/verdocs-web-sdk/{p-c2bca18a.entry.js.map → p-d4aff253.entry.js.map} +0 -0
- /package/dist/verdocs-web-sdk/{p-ea078594.system.entry.js.map → p-dc5c275f.system.entry.js.map} +0 -0
- /package/dist/verdocs-web-sdk/{p-88baf4d1.entry.js.map → p-e84cf41e.entry.js.map} +0 -0
- /package/dist/verdocs-web-sdk/{p-546daa8b.entry.js.map → p-f6ed768d.entry.js.map} +0 -0
- /package/dist/verdocs-web-sdk/{p-41f22b0a.system.entry.js.map → p-ff048639.system.entry.js.map} +0 -0
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["verdocsEnvelopeSidebarCss","VerdocsEnvelopeSidebarStyle0","MS_PER_DAY","InformationCircle","Users","ClipboardDocuments","ActivityIcons","visibility","pencil","mail","contact_mail","done","send","gesture","clear","check_circle","link","cancel","done_all","create","perm_identity","people","contact_email","textsms","verified_user","account_circle","VerdocsEnvelopeSidebar","this","envelopeListenerId","VerdocsEndpoint","getDefault","componentWillLoad","endpoint","loadSession","envelopeId","console","log","session","listenToEnvelope","e","_a","sdkError","emit","SDKError","message","_b","response","status","_c","data","disconnectedCallback","unlistenToEnvelope","Store","subscribe","getEnvelope","envelope","loading","sortEnvelopeRecipients","initialReminder","initial_reminder","followupReminders","followup_reminders","remindersEnabled","store","delListener","recipients","sort","a","b","sequence","order","setTab","tab","panelOpen","activeTab","toggle","open","canResendRecipient","recipient","includes","handleRecipientAction","id","resendInvitation","role_name","then","VerdocsToast","style","catch","showRecipientDialog","envelopeUpdated","event","handleCancelEnvelope","cancelEnvelope","async","r","newEnvelope","JSON","parse","stringify","updateEnvelope","prepareHistoryEntries","entries","histories","history_entries","push","icon","date","Date","created_at","_d","updated_at","ownerCanceled","some","history","_e","_f","canceled_at","forEach","find","fullName","formatFullName","toLowerCase","event_detail","getTime","handleToggleReminders","handleSetReminders","updatingReminders","alert","error","render","h","Host","isEnvelopeOwner","userIsEnvelopeOwner","profile","historyEntries","functionsDisabled","class","onClick","innerHTML","format","FORMAT_TIMESTAMP","capitalize","_g","profile_id","_h","_k","_j","email","_l","map","index","canGetInPersonLink","canSendReminder","onOptionSelected","item","detail","options","label","disabled","phone","checked","onCheckedChange","Fragment","placeholder","value","String","Math","floor","onBlur","Number","target","color","_m","next_reminder","variant","showCancelDialog","entry","roleName","onNext","heading"],"sources":["src/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.scss?tag=verdocs-envelope-sidebar","src/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-envelope-sidebar {\n font-family: $verdocs-primary-font;\n flex-direction: row;\n display: flex;\n flex: 0 0 56px;\n width: 56px;\n min-height: 400px;\n height: 100%;\n background: #41435e;\n transition: 0.5s cubic-bezier(0.35, 0, 0.25, 1);\n\n &.open {\n flex: 0 0 400px;\n max-width: 100%;\n width: 400px;\n\n @media screen and (max-width: 500px) {\n flex: 0 0 300px;\n width: 300px;\n }\n }\n\n .side-buttons {\n flex-direction: column;\n flex: 0 0 56px;\n display: flex;\n\n button {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 50px;\n outline: none;\n border: none;\n border-left: 2px solid transparent;\n background: none;\n width: 100%;\n\n &.active {\n border-left: 2px solid #50bd80;\n }\n\n svg {\n color: white;\n width: 24px;\n height: 24px;\n }\n }\n }\n\n .content {\n flex: 1;\n display: none;\n color: white;\n flex-direction: column;\n padding: 12px 16px 16px;\n }\n\n &.open .content {\n display: flex;\n overflow-y: scroll;\n }\n\n verdocs-ok-dialog .content {\n color: black;\n }\n\n .title {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 12px;\n font-size: 16px;\n line-height: 24px;\n font-weight: 400;\n //flex: 0;\n }\n\n .label {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 12px;\n line-height: 16px;\n color: rgba(255, 255, 255, 0.54);\n //flex: 0;\n }\n\n .value {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 14px;\n font-size: 14px;\n font-weight: 500;\n line-height: 16px;\n color: #fff;\n //flex: 0;\n }\n\n .manage-recipients-button {\n align-self: center;\n white-space: nowrap;\n width: 100%;\n margin: 0 0 10px 0;\n\n .label {\n color: #ffffff;\n font-size: 14px;\n }\n\n button {\n width: 100%;\n }\n }\n\n .recipient-detail {\n flex: 0;\n padding: 8px;\n font-size: 14px;\n position: relative;\n flex-direction: column;\n border: solid 1px #979797;\n margin-bottom: 16px;\n }\n\n .recipient-header {\n flex-direction: row;\n box-sizing: border-box;\n display: flex;\n gap: 6px;\n align-items: center;\n margin-bottom: 4px;\n }\n\n .recipient-number {\n width: 24px;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 24px;\n font-size: 14px;\n font-weight: 500;\n border: solid 1px #979797;\n }\n\n .recipient-name {\n flex: 1;\n box-sizing: border-box;\n text-transform: capitalize;\n }\n\n .recipient-status {\n flex: 0 0 100px;\n border-radius: 5px;\n text-align: center;\n box-sizing: border-box;\n max-width: 100px;\n min-width: 100px;\n background-color: #616161; // Default\n text-transform: capitalize;\n font-size: 14px;\n padding: 3px 0;\n\n &.invited {\n background-color: #ff8f00;\n }\n &.opened {\n background-color: #616161;\n }\n &.signed,\n &.submitted {\n background-color: #2e7d32;\n }\n &.pending {\n background-color: #0277bd;\n }\n &.canceled,\n &.declined {\n background-color: #c62828;\n }\n\n @media screen and (max-width: 500px) {\n flex: 1 1 60px;\n max-width: 60px;\n min-width: 60px;\n }\n }\n\n .recipient-content {\n flex-direction: column;\n }\n\n .recipient-name {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .history-entry {\n display: flex;\n align-items: center;\n flex-direction: row;\n padding: 8px 0 0;\n margin: 8px 0 0;\n border-top: 1px solid #dddddd;\n\n .activity-icon {\n margin-right: 14px;\n\n svg {\n width: 24px;\n height: 24px;\n fill: #ffffff;\n }\n }\n\n .activity-details {\n }\n\n .activity-text {\n font-size: 14px;\n line-height: 16px;\n margin-bottom: 4px;\n }\n\n .activity-date {\n font-size: 12px;\n line-height: 16px;\n color: rgba(255, 255, 255, 0.54);\n }\n }\n\n .content .history-entry:first-of-type {\n border-top: none;\n }\n\n .reminders {\n margin: 15px 0 30px 0;\n\n .form-row {\n margin: 8px 0 0;\n display: flex;\n flex-direction: row;\n\n .reminders-label {\n display: flex;\n flex: 1;\n }\n\n .form-label {\n flex: 1;\n }\n\n verdocs-text-input {\n margin: 0;\n width: 100px;\n }\n }\n }\n}\n","import {format} from 'date-fns';\nimport type {IEnvelope, IRecipient} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Fragment, Host, Prop, State} from '@stencil/core';\nimport {cancelEnvelope, capitalize, formatFullName, getEnvelope, resendInvitation, updateEnvelope, userIsEnvelopeOwner, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {FORMAT_TIMESTAMP} from '../../../utils/Types';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nconst MS_PER_DAY = 24 * 60 * 60 * 1000;\n\nconst InformationCircle = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ffffff\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z\" /></svg>`;\n\nconst Users = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ffffff\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z\" /></svg>`;\n\nconst ClipboardDocuments = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ffffff\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z\" /></svg>`;\n\n// https://materialui.co/icon/verified-user and https://heroicons.com/\nconst ActivityIcons = {\n visibility: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path d=\"M12 15a3 3 0 100-6 3 3 0 000 6z\" /><path fill-rule=\"evenodd\" d=\"M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 010-1.113zM17.25 12a5.25 5.25 0 11-10.5 0 5.25 5.25 0 0110.5 0z\" clip-rule=\"evenodd\" /></svg>`,\n pencil: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path d=\"M21.731 2.269a2.625 2.625 0 00-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 000-3.712zM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 00-1.32 2.214l-.8 2.685a.75.75 0 00.933.933l2.685-.8a5.25 5.25 0 002.214-1.32L19.513 8.2z\" /></svg>`,\n mail: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"/></svg>`,\n contact_mail: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"/></svg>`,\n done: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path fill-rule=\"evenodd\" d=\"M19.916 4.626a.75.75 0 01.208 1.04l-9 13.5a.75.75 0 01-1.154.114l-6-6a.75.75 0 011.06-1.06l5.353 5.353 8.493-12.739a.75.75 0 011.04-.208z\" clip-rule=\"evenodd\" /></svg>`,\n send: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"/></svg>`,\n gesture: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M4.59 6.89c.7-.71 1.4-1.35 1.71-1.22.5.2 0 1.03-.3 1.52-.25.42-2.86 3.89-2.86 6.31 0 1.28.48 2.34 1.34 2.98.75.56 1.74.73 2.64.46 1.07-.31 1.95-1.4 3.06-2.77 1.21-1.49 2.83-3.44 4.08-3.44 1.63 0 1.65 1.01 1.76 1.79-3.78.64-5.38 3.67-5.38 5.37 0 1.7 1.44 3.09 3.21 3.09 1.63 0 4.29-1.33 4.69-6.1H21v-2.5h-2.47c-.15-1.65-1.09-4.2-4.03-4.2-2.25 0-4.18 1.91-4.94 2.84-.58.73-2.06 2.48-2.29 2.72-.25.3-.68.84-1.11.84-.45 0-.72-.83-.36-1.92.35-1.09 1.4-2.86 1.85-3.52.78-1.14 1.3-1.92 1.3-3.28C8.95 3.69 7.31 3 6.44 3 5.12 3 3.97 4 3.72 4.25c-.36.36-.66.66-.88.93l1.75 1.71zm9.29 11.66c-.31 0-.74-.26-.74-.72 0-.6.73-2.2 2.87-2.76-.3 2.69-1.43 3.48-2.13 3.48z\"/></svg>`,\n clear: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/></svg>`,\n check_circle: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/></svg>`,\n link: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z\"/></svg>`,\n cancel: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"/></svg>`,\n done_all: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41L1.83 12 .41 13.41z\"/></svg>`,\n create: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"/></svg>`,\n perm_identity: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"/></svg>`,\n people: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"/></svg>`,\n contact_email: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M21 8V7l-3 2-3-2v1l3 2 3-2zm1-5H2C.9 3 0 3.9 0 5v14c0 1.1.9 2 2 2h20c1.1 0 1.99-.9 1.99-2L24 5c0-1.1-.9-2-2-2zM8 6c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H2v-1c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1zm8-6h-8V6h8v6z\"/></svg>`,\n textsms: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 11H7V9h2v2zm4 0h-2V9h2v2zm4 0h-2V9h2v2z\"/></svg>`,\n verified_user: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path fill-rule=\"evenodd\" d=\"M12.516 2.17a.75.75 0 00-1.032 0 11.209 11.209 0 01-7.877 3.08.75.75 0 00-.722.515A12.74 12.74 0 002.25 9.75c0 5.942 4.064 10.933 9.563 12.348a.749.749 0 00.374 0c5.499-1.415 9.563-6.406 9.563-12.348 0-1.39-.223-2.73-.635-3.985a.75.75 0 00-.722-.516l-.143.001c-2.996 0-5.717-1.17-7.734-3.08zm3.094 8.016a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z\" clip-rule=\"evenodd\" /></svg>`,\n account_circle: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"/></svg>`,\n};\n\ninterface IHistoryEntry {\n icon: string;\n message: string;\n date: Date;\n}\n\n/**\n * Displays a file upload mechanism suitable for the first step of creating a template.\n * This is typically the first step in a template creation workflow.\n */\n@Component({\n tag: 'verdocs-envelope-sidebar',\n styleUrl: 'verdocs-envelope-sidebar.scss',\n shadow: false,\n})\nexport class VerdocsEnvelopeSidebar {\n private envelopeListenerId = null;\n\n /**\n * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n */\n @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n /**\n * The envelope ID to render. Set ONE OF templateId or envelopeId. If both are set, envelopeId will be ignored.\n */\n @Prop() envelopeId: string = '';\n\n /**\n * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n * terminate the process, and the calling application should correct the condition and re-render the component.\n */\n @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n /**\n * Event fired when the envelope is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.\n */\n @Event({composed: true}) envelopeUpdated: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string}>;\n\n /**\n * Event fired when the sidebar is opened or closed.\n */\n @Event({composed: true}) toggle: EventEmitter<{open: boolean}>;\n\n /**\n * Event fired when the user clicks Send Another in the Manage Recipients dialog. It is up to the host application\n * to redirect the user to the appropriate next workflow step.\n */\n @Event({composed: true}) another: EventEmitter<{envelope: IEnvelope}>;\n\n // @State() envelope: IEnvelope | null = null;\n // @State() sortedRecipients: IRecipient[] = [];\n // @State() roleNames: string[] = [];\n @State() activeTab: number = 1;\n @State() panelOpen = false;\n @State() showRecipientDialog = '';\n @State() showCancelDialog = false;\n\n @State() remindersEnabled = false;\n @State() updatingReminders = false;\n @State() initialReminder: number | null = null;\n @State() followupReminders: number | null = null;\n\n @State() loading = true;\n @State() envelope: IEnvelope | null = null;\n\n async componentWillLoad() {\n try {\n this.endpoint.loadSession();\n\n if (!this.envelopeId) {\n console.log(`[SIDEBAR] Missing required envelope ID ${this.envelopeId}`);\n return;\n }\n\n if (!this.endpoint.session) {\n console.log('[SIDEBAR] Unable to start session, must be authenticated');\n return;\n }\n\n this.listenToEnvelope();\n } catch (e) {\n console.log('[SIDEBAR] Error loading envelope', e);\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n }\n }\n\n disconnectedCallback() {\n this.unlistenToEnvelope();\n }\n\n async listenToEnvelope() {\n console.log('[SIDEBAR] Loading envelope', this.envelopeId);\n this.unlistenToEnvelope();\n Store.subscribe(\n 'envelopes',\n this.envelopeId,\n () => getEnvelope(this.endpoint, this.envelopeId),\n false,\n (envelope: IEnvelope) => {\n this.envelope = envelope;\n this.loading = false;\n\n this.sortEnvelopeRecipients();\n this.initialReminder = this.envelope?.initial_reminder;\n this.followupReminders = this.envelope?.followup_reminders;\n this.remindersEnabled = !!this.initialReminder;\n },\n );\n }\n\n unlistenToEnvelope() {\n if (this.envelopeListenerId) {\n Store.store.delListener(this.envelopeListenerId);\n this.envelopeListenerId = null;\n }\n }\n\n sortEnvelopeRecipients() {\n (this.envelope?.recipients || []).sort((a, b) => {\n return a.sequence === b.sequence ? a.order - b.order : a.sequence - b.sequence;\n });\n }\n\n setTab(tab: number) {\n this.panelOpen = tab !== this.activeTab || !this.panelOpen;\n this.toggle?.emit({open: this.panelOpen});\n this.activeTab = tab;\n }\n\n // TODO: Refactor to a common library?\n canResendRecipient(recipient: IRecipient) {\n return (\n !['pending', 'declined', 'submitted', 'canceled'].includes(recipient.status) && //\n !['complete', 'declined', 'canceled'].includes(this.envelope?.status)\n );\n }\n\n handleRecipientAction(recipient: IRecipient, id: string) {\n console.log('[SIDEBAR] Recipient action', id, recipient);\n switch (id) {\n case 'reminder':\n resendInvitation(this.endpoint, this.envelopeId, recipient.role_name)\n .then(() => {\n VerdocsToast('Reminder Sent', {style: 'success'});\n })\n .catch(e => {\n console.log('[SIDEBAR] Error resending invitation', e);\n VerdocsToast('Error resending invitation: ' + e.message, {style: 'error'});\n });\n break;\n\n case 'inperson':\n this.showRecipientDialog = recipient.role_name;\n break;\n\n case 'modify':\n VerdocsToast('This feature will be enabled in a future release. Please try again later.', {style: 'info'});\n break;\n\n case 'details':\n VerdocsToast('This feature will be enabled in a future release. Please try again later.', {style: 'info'});\n break;\n }\n\n this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: id});\n }\n\n handleCancelEnvelope() {\n this.loading = true;\n cancelEnvelope(this.endpoint, this.envelopeId)\n .then(async r => {\n console.log('[SIDEBAR] Envelope canceled', r);\n VerdocsToast('Envelope canceled', {style: 'success'});\n\n // TODO: Use returned value instead?\n const newEnvelope = JSON.parse(JSON.stringify(this.envelope));\n newEnvelope.status = 'canceled';\n Store.updateEnvelope(this.envelopeId, newEnvelope);\n\n this.loading = false;\n this.panelOpen = false;\n this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: newEnvelope, event: 'canceled'});\n })\n .catch(e => {\n console.log('[SIDEBAR] Error canceling envelope', e);\n this.loading = false;\n VerdocsToast('Error canceling envelope: ' + e.message, {style: 'error'});\n });\n }\n\n prepareHistoryEntries() {\n const entries: IHistoryEntry[] = [];\n const histories = this.envelope?.history_entries || [];\n\n entries.push({icon: 'pencil', message: 'Envelope created.', date: new Date(this.envelope?.created_at)});\n\n if (this.envelope?.status === 'complete') {\n entries.push({icon: 'pencil', message: 'Envelope completed.', date: new Date(this.envelope?.updated_at)});\n }\n\n // TODO: Shift back to server-side generating these events? We'll still need\n // to tolerate both cases here for a while.\n const ownerCanceled = histories.some(history => (history.event as any) === 'owner:canceled');\n if (this.envelope?.status === 'canceled' && !ownerCanceled) {\n entries.push({icon: 'pencil', message: 'Envelope Cancelled.', date: new Date(this.envelope?.canceled_at)});\n }\n\n histories.forEach(history => {\n const recipient = (this.envelope?.recipients || []).find(recipient => recipient.role_name === history.role_name);\n const fullName = formatFullName(recipient);\n\n switch (history.event.toLowerCase()) {\n case 'recipient:signed':\n entries.push({icon: 'gesture', message: `Signed by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:declined':\n entries.push({icon: 'clear', message: `Declined by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:opened':\n switch (history.event_detail) {\n // TODO: Sync these up with reality\n case 'email':\n case 'mail':\n entries.push({icon: 'visibility', message: `Opened by ${fullName}, via email.`, date: new Date(history.created_at)});\n break;\n case 'sms':\n entries.push({icon: 'visibility', message: `Opened by ${fullName}, via SMS.`, date: new Date(history.created_at)});\n break;\n case 'in_person_link':\n entries.push({icon: 'visibility', message: `Opened by ${fullName}, via In-person link.`, date: new Date(history.created_at)});\n break;\n case 'in_app':\n entries.push({icon: 'visibility', message: `Opened by ${fullName}, via dashboard.`, date: new Date(history.created_at)});\n break;\n default:\n entries.push({icon: 'visibility', message: `Opened by ${fullName}.`, date: new Date(history.created_at)});\n }\n break;\n case 'recipient:submitted':\n switch (history.event_detail) {\n // TODO: Sync up\n case 'approver':\n entries.push({icon: 'check_circle', message: `Approved by ${fullName}.`, date: new Date(history.created_at)});\n break;\n default:\n entries.push({icon: 'send', message: `Submitted by ${fullName}.`, date: new Date(history.created_at)});\n break;\n }\n break;\n case 'recipient:prepared':\n entries.push({icon: 'send', message: `Prepared by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:claimed':\n if (history.event_detail === 'guest') {\n entries.push({icon: 'account_circle', message: `${fullName} claimed the Envelope as a guest.`, date: new Date(history.created_at)});\n } else if (history.event_detail === 'profile') {\n entries.push({icon: 'verified_user', message: `${fullName} claimed the Envelope as a verified user.`, date: new Date(history.created_at)});\n }\n break;\n case 'recipient:agreed':\n entries.push({icon: 'done', message: `${fullName} agreed to use electronic records and signatures.`, date: new Date(history.created_at)});\n break;\n case 'recipient:invited':\n if (history.event_detail === 'sms') {\n entries.push({icon: 'textsms', message: `${fullName} has been invited via SMS.`, date: new Date(history.created_at)});\n } else {\n entries.push({icon: 'mail', message: `${fullName} has been invited via email.`, date: new Date(history.created_at)});\n }\n break;\n case 'recipient:reminder':\n if (history.event_detail === 'sms') {\n entries.push({icon: 'textsms', message: `${fullName} sent a reminder via SMS.`, date: new Date(history.created_at)});\n } else {\n entries.push({icon: 'mail', message: `${fullName} sent a reminder via email.`, date: new Date(history.created_at)});\n }\n break;\n case 'invitation:resent':\n entries.push({\n icon: 'mail',\n message: `Invitation was resent to ${fullName}${history.event_detail === 'reminder' ? ' by reminder' : ''}.`,\n date: new Date(history.created_at),\n });\n break;\n case 'envelope:cc':\n entries.push({icon: 'contact_mail', message: `A copy has been sent to ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:delegated':\n entries.push({icon: 'people', message: history.event_detail, date: new Date(history.created_at)});\n break;\n case 'recipient:updated_info':\n entries.push({icon: 'perm_identity', message: history.event_detail, date: new Date(history.created_at)});\n break;\n case 'owner:updated_recipient_info':\n entries.push({icon: 'perm_identity', message: history.event_detail, date: new Date(history.created_at)});\n break;\n case 'created':\n entries.push({icon: 'create', message: `Envelope was created.`, date: new Date(history.created_at)});\n break;\n case 'completed':\n entries.push({icon: 'done_all', message: `Envelope was completed.`, date: new Date(history.created_at)});\n break;\n // TODO: Final answer?\n case 'envelope:canceled':\n case 'envelope_canceled':\n case 'canceled':\n case 'owner:canceled':\n entries.push({icon: 'cancel', message: `Envelope was canceled by the creator.`, date: new Date(history.created_at)});\n break;\n case 'owner:get_in_person_link':\n entries.push({icon: 'link', message: `Owner accessed the In-person link for ${recipient}.`, date: new Date(history.created_at)});\n break;\n default:\n console.log('[SIDEBAR] Unknown history type', history);\n break;\n }\n });\n\n entries.sort((a, b) => b.date.getTime() - a.date.getTime());\n return entries;\n }\n\n // canModify(recipient: IRecipient) {\n // const invalidRecipientStatus = ['declined', 'signed', 'submitted', 'canceled'];\n // const invalidEnvelopeStatus = ['complete', 'declined', 'canceled'];\n // return recipient.claimed !== true && invalidRecipientStatus.indexOf(recipient.status) === -1 && invalidEnvelopeStatus.indexOf(this.envelope?.status) === -1;\n // }\n\n handleToggleReminders() {\n if (this.remindersEnabled) {\n return this.handleSetReminders(null, null);\n } else {\n return this.handleSetReminders(MS_PER_DAY, 3 * MS_PER_DAY);\n }\n }\n\n handleSetReminders(initial_reminder: number | null, followup_reminders: number | null) {\n console.log('Updating reminders...');\n this.updatingReminders = true;\n\n updateEnvelope(this.endpoint, this.envelopeId, {initial_reminder, followup_reminders})\n .then(envelope => {\n console.log('Updated', envelope);\n Store.updateEnvelope(this.envelopeId, envelope);\n this.initialReminder = envelope.initial_reminder;\n this.followupReminders = envelope.followup_reminders;\n this.remindersEnabled = !!envelope.initial_reminder;\n this.updatingReminders = false;\n })\n .catch(e => {\n console.log('Error updating envelope', e);\n this.initialReminder = this.envelope?.initial_reminder;\n this.followupReminders = this.envelope?.followup_reminders;\n this.remindersEnabled = !!this.envelope?.initial_reminder;\n this.updatingReminders = false;\n alert(e.response.data.error);\n });\n }\n\n render() {\n if (this.loading) {\n // We don't show a loading indicator for the sidebar, to avoid FOUS\n return <Host />;\n }\n\n const isEnvelopeOwner = userIsEnvelopeOwner(this.endpoint.profile, this.envelope);\n const historyEntries = this.prepareHistoryEntries();\n const functionsDisabled = this.envelope?.status !== 'pending' && this.envelope?.status !== 'in progress';\n\n return (\n <Host class={this.panelOpen ? 'open' : ''}>\n <div class=\"side-buttons\">\n <button class={this.activeTab === 1 ? 'active' : ''} onClick={() => this.setTab(1)} innerHTML={InformationCircle} />\n <button class={this.activeTab === 2 ? 'active' : ''} onClick={() => this.setTab(2)} innerHTML={Users} />\n <button class={this.activeTab === 3 ? 'active' : ''} onClick={() => this.setTab(3)} innerHTML={ClipboardDocuments} />\n </div>\n\n {this.activeTab === 1 && (\n <div class=\"content\">\n <div class=\"title\">Details</div>\n\n <div class=\"label\">Envelope ID</div>\n <div class=\"value\">{this.envelope?.id}</div>\n\n <div class=\"label\">Date Created</div>\n <div class=\"value\">{format(new Date(this.envelope?.created_at), FORMAT_TIMESTAMP)}</div>\n\n <div class=\"label\">Last Modified</div>\n <div class=\"value\">{format(new Date(this.envelope?.updated_at), FORMAT_TIMESTAMP)}</div>\n\n <div class=\"label\">Status</div>\n <div class=\"value\">{capitalize(this.envelope?.status)}</div>\n\n <div class=\"label\">Owner ID</div>\n <div class=\"value\">{this.envelope?.profile_id}</div>\n\n <div class=\"label\">Owner Name</div>\n <div class=\"value\">{formatFullName(this.envelope?.profile)}</div>\n\n <div class=\"label\">Owner Email</div>\n <div class=\"value\">{this.envelope?.profile?.email}</div>\n </div>\n )}\n\n {this.activeTab === 2 && (\n <div class=\"content\">\n <div class=\"title\">Recipients</div>\n {this.envelope?.recipients.map((recipient, index) => {\n const canGetInPersonLink = recipient.status !== 'submitted' && recipient.status !== 'canceled' && recipient.status !== 'declined';\n const canSendReminder = this.canResendRecipient(recipient);\n const fullName = formatFullName(recipient);\n\n return (\n <div class=\"recipient-detail\">\n <div class=\"recipient-header\">\n <div class=\"recipient-number\">{index + 1}</div>\n <div class=\"recipient-name\">{recipient.role_name}</div>\n <div class={{'recipient-status': true, [recipient.status]: true}}>{recipient.status}</div>\n {isEnvelopeOwner && !functionsDisabled && (\n <verdocs-dropdown\n onOptionSelected={item => this.handleRecipientAction(recipient, item.detail.id)}\n options={[\n {id: 'reminder', label: 'Send Reminder', disabled: !canSendReminder},\n {id: 'inperson', label: 'Get In-Person Link', disabled: !canGetInPersonLink},\n // {id: 'modify', label: 'Modify Recipient', disabled: !this.canModifyRecipient(recipient)},\n // TODO: Details dialog\n // {id:'details',label: 'View Details'},\n ]}\n />\n )}\n </div>\n\n <dic class=\"recipient-content\">\n <div class=\"recipient-name\">{fullName}</div>\n <div class=\"recipient-name\">{recipient.email}</div>\n <div class=\"recipient-name\">{recipient.phone}</div>\n </dic>\n </div>\n );\n })}\n\n {isEnvelopeOwner && (\n <div class=\"reminders\">\n <div class=\"form-row\">\n <div class=\"reminders-label\">Reminders</div>\n <verdocs-switch disabled={functionsDisabled || this.updatingReminders} checked={this.remindersEnabled} onCheckedChange={() => this.handleToggleReminders()} />\n </div>\n\n {this.remindersEnabled && (\n <Fragment>\n <div class=\"form-row\">NOTE: Reminders will only be sent for up to 14 days.</div>\n <div class=\"form-row\">\n <div class=\"form-label\">Initial Reminder (days):</div>\n <verdocs-text-input\n placeholder=\"In hours...\"\n disabled={functionsDisabled || this.updatingReminders}\n value={String(Math.floor(this.initialReminder / MS_PER_DAY))}\n onBlur={(e: any) => {\n this.initialReminder = Number(e.target.value) * MS_PER_DAY;\n this.handleSetReminders(this.initialReminder, this.followupReminders);\n }}\n />\n </div>\n <div class=\"form-row\">\n <div class=\"form-label\">Follow-up Reminders:</div>\n <verdocs-text-input\n placeholder=\"In hours...\"\n disabled={functionsDisabled || this.updatingReminders}\n value={String(Math.floor(this.followupReminders / MS_PER_DAY))}\n onBlur={(e: any) => {\n this.followupReminders = Number(e.target.value) * MS_PER_DAY;\n this.handleSetReminders(this.initialReminder, this.followupReminders);\n }}\n />\n </div>\n <div class=\"form-row\">\n <div class=\"form-label\">Next Reminder:</div>\n <div style={{color: '#dddddd'}}>{format(new Date(this.envelope?.next_reminder), 'P p')}</div>\n </div>\n </Fragment>\n )}\n </div>\n )}\n {/* <verdocs-button*/}\n {/* class=\"manage-recipients-button\"*/}\n {/* variant=\"standard\"*/}\n {/* label=\"Turn On Reminders\"*/}\n {/* onClick={() => (this.showManageDialog = !functionsDisabled)}*/}\n {/* disabled={functionsDisabled}*/}\n {/* />*/}\n\n {isEnvelopeOwner && (\n <verdocs-button\n class=\"manage-recipients-button\"\n variant=\"standard\"\n label=\"Cancel Envelope\"\n onClick={() => (this.showCancelDialog = !functionsDisabled)}\n disabled={functionsDisabled}\n />\n )}\n </div>\n )}\n\n {this.activeTab === 3 && (\n <div class=\"content\">\n <div class=\"title\">History</div>\n\n {historyEntries.map(entry => (\n <div class=\"history-entry\">\n <div class=\"activity-icon\" innerHTML={ActivityIcons[entry.icon] || entry.icon} />\n <div class=\"activity-details\">\n <div class=\"activity-text\">{entry.message}</div>\n {/* 'MMMM Do YYYY, h:mm:ss a' */}\n <div class=\"activity-date\">{format(entry.date, FORMAT_TIMESTAMP)}</div>\n </div>\n </div>\n ))}\n </div>\n )}\n\n {this.showRecipientDialog && (\n <verdocs-envelope-recipient-link envelopeId={this.envelopeId} roleName={this.showRecipientDialog} onNext={() => (this.showRecipientDialog = '')} />\n )}\n\n {this.showCancelDialog && (\n <verdocs-ok-dialog\n heading=\"Cancel Envelope?\"\n message={'Are you sure you want to cancel this Envelope? This action cannot be undone.'}\n onNext={() => {\n this.showCancelDialog = false;\n this.handleCancelEnvelope();\n }}\n />\n )}\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
1
|
+
{"version":3,"names":["verdocsEnvelopeSidebarCss","VerdocsEnvelopeSidebarStyle0","MS_PER_DAY","InformationCircle","Users","ClipboardDocuments","ActivityIcons","visibility","pencil","mail","contact_mail","done","send","gesture","clear","check_circle","link","cancel","done_all","create","perm_identity","people","contact_email","textsms","verified_user","account_circle","VerdocsEnvelopeSidebar","this","envelopeListenerId","VerdocsEndpoint","getDefault","componentWillLoad","endpoint","loadSession","envelopeId","console","log","session","listenToEnvelope","e","_a","sdkError","emit","SDKError","message","_b","response","status","_c","data","disconnectedCallback","unlistenToEnvelope","Store","subscribe","getEnvelope","envelope","loading","sortEnvelopeRecipients","initialReminder","initial_reminder","followupReminders","followup_reminders","remindersEnabled","store","delListener","recipients","sort","a","b","sequence","order","setTab","tab","panelOpen","activeTab","toggle","open","canResendRecipient","recipient","includes","handleRecipientAction","id","resendInvitation","role_name","then","VerdocsToast","style","catch","showRecipientDialog","envelopeUpdated","event","handleCancelEnvelope","cancelEnvelope","async","r","newEnvelope","JSON","parse","stringify","updateEnvelope","prepareHistoryEntries","entries","histories","history_entries","push","icon","date","Date","created_at","_d","updated_at","ownerCanceled","some","history","_e","_f","canceled_at","forEach","find","fullName","formatFullName","toLowerCase","event_detail","getTime","handleToggleReminders","handleSetReminders","updatingReminders","alert","error","render","h","Host","isEnvelopeOwner","userIsEnvelopeOwner","profile","historyEntries","functionsDisabled","class","onClick","innerHTML","format","FORMAT_TIMESTAMP","capitalize","_g","profile_id","_h","_k","_j","email","_l","map","index","canGetInPersonLink","canSendReminder","onOptionSelected","item","detail","options","label","disabled","phone","checked","onCheckedChange","Fragment","placeholder","value","String","Math","floor","onBlur","Number","target","color","_m","next_reminder","variant","showCancelDialog","entry","roleName","onNext","heading"],"sources":["src/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.scss?tag=verdocs-envelope-sidebar","src/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-envelope-sidebar {\n font-family: $verdocs-primary-font;\n flex-direction: row;\n display: flex;\n flex: 0 0 56px;\n width: 56px;\n min-height: 400px;\n height: 100%;\n background: #41435e;\n transition: 0.5s cubic-bezier(0.35, 0, 0.25, 1);\n\n &.open {\n flex: 0 0 400px;\n max-width: 100%;\n width: 400px;\n\n @media screen and (max-width: 500px) {\n flex: 0 0 300px;\n width: 300px;\n }\n }\n\n .side-buttons {\n flex-direction: column;\n flex: 0 0 56px;\n display: flex;\n\n button {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 50px;\n outline: none;\n border: none;\n border-left: 2px solid transparent;\n background: none;\n width: 100%;\n\n &.active {\n border-left: 2px solid #50bd80;\n }\n\n svg {\n color: white;\n width: 24px;\n height: 24px;\n }\n }\n }\n\n .content {\n flex: 1;\n display: none;\n color: white;\n flex-direction: column;\n padding: 12px 16px 16px;\n }\n\n &.open .content {\n display: flex;\n overflow-y: scroll;\n }\n\n verdocs-ok-dialog .content {\n color: black;\n }\n\n .title {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 12px;\n font-size: 16px;\n line-height: 24px;\n font-weight: 400;\n //flex: 0;\n }\n\n .label {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 12px;\n line-height: 16px;\n color: rgba(255, 255, 255, 0.54);\n //flex: 0;\n }\n\n .value {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 14px;\n font-size: 14px;\n font-weight: 500;\n line-height: 16px;\n color: #fff;\n //flex: 0;\n }\n\n .manage-recipients-button {\n align-self: center;\n white-space: nowrap;\n width: 100%;\n margin: 0 0 10px 0;\n\n .label {\n color: #ffffff;\n font-size: 14px;\n }\n\n button {\n width: 100%;\n }\n }\n\n .recipient-detail {\n flex: 0;\n padding: 8px;\n font-size: 14px;\n position: relative;\n flex-direction: column;\n border: solid 1px #979797;\n margin-bottom: 16px;\n }\n\n .recipient-header {\n flex-direction: row;\n box-sizing: border-box;\n display: flex;\n gap: 6px;\n align-items: center;\n margin-bottom: 4px;\n }\n\n .recipient-number {\n width: 24px;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 24px;\n font-size: 14px;\n font-weight: 500;\n border: solid 1px #979797;\n }\n\n .recipient-name {\n flex: 1;\n box-sizing: border-box;\n text-transform: capitalize;\n }\n\n .recipient-status {\n flex: 0 0 100px;\n border-radius: 5px;\n text-align: center;\n box-sizing: border-box;\n max-width: 100px;\n min-width: 100px;\n background-color: #616161; // Default\n text-transform: capitalize;\n font-size: 14px;\n padding: 3px 0;\n\n &.invited {\n background-color: #ff8f00;\n }\n &.opened {\n background-color: #616161;\n }\n &.signed,\n &.submitted {\n background-color: #2e7d32;\n }\n &.pending {\n background-color: #0277bd;\n }\n &.canceled,\n &.declined {\n background-color: #c62828;\n }\n\n @media screen and (max-width: 500px) {\n flex: 1 1 60px;\n max-width: 60px;\n min-width: 60px;\n }\n }\n\n .recipient-content {\n flex-direction: column;\n }\n\n .recipient-name {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .history-entry {\n display: flex;\n align-items: center;\n flex-direction: row;\n padding: 8px 0 0;\n margin: 8px 0 0;\n border-top: 1px solid #dddddd;\n\n .activity-icon {\n margin-right: 14px;\n\n svg {\n width: 24px;\n height: 24px;\n fill: #ffffff;\n }\n }\n\n .activity-details {\n }\n\n .activity-text {\n font-size: 14px;\n line-height: 16px;\n margin-bottom: 4px;\n }\n\n .activity-date {\n font-size: 12px;\n line-height: 16px;\n color: rgba(255, 255, 255, 0.54);\n }\n }\n\n .content .history-entry:first-of-type {\n border-top: none;\n }\n\n .reminders {\n margin: 15px 0 30px 0;\n\n .form-row {\n margin: 8px 0 0;\n display: flex;\n flex-direction: row;\n\n .reminders-label {\n display: flex;\n flex: 1;\n }\n\n .form-label {\n flex: 1;\n }\n\n verdocs-text-input {\n margin: 0;\n width: 100px;\n }\n }\n }\n}\n","import {format} from 'date-fns';\nimport type {IEnvelope, IRecipient} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Fragment, Host, Prop, State} from '@stencil/core';\nimport {cancelEnvelope, capitalize, formatFullName, getEnvelope, resendInvitation, updateEnvelope, userIsEnvelopeOwner, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {FORMAT_TIMESTAMP} from '../../../utils/Types';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nconst MS_PER_DAY = 24 * 60 * 60 * 1000;\n\nconst InformationCircle = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ffffff\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z\" /></svg>`;\n\nconst Users = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ffffff\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z\" /></svg>`;\n\nconst ClipboardDocuments = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ffffff\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z\" /></svg>`;\n\n// https://materialui.co/icon/verified-user and https://heroicons.com/\nconst ActivityIcons = {\n visibility: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path d=\"M12 15a3 3 0 100-6 3 3 0 000 6z\" /><path fill-rule=\"evenodd\" d=\"M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 010-1.113zM17.25 12a5.25 5.25 0 11-10.5 0 5.25 5.25 0 0110.5 0z\" clip-rule=\"evenodd\" /></svg>`,\n pencil: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path d=\"M21.731 2.269a2.625 2.625 0 00-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 000-3.712zM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 00-1.32 2.214l-.8 2.685a.75.75 0 00.933.933l2.685-.8a5.25 5.25 0 002.214-1.32L19.513 8.2z\" /></svg>`,\n mail: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"/></svg>`,\n contact_mail: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"/></svg>`,\n done: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path fill-rule=\"evenodd\" d=\"M19.916 4.626a.75.75 0 01.208 1.04l-9 13.5a.75.75 0 01-1.154.114l-6-6a.75.75 0 011.06-1.06l5.353 5.353 8.493-12.739a.75.75 0 011.04-.208z\" clip-rule=\"evenodd\" /></svg>`,\n send: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"/></svg>`,\n gesture: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M4.59 6.89c.7-.71 1.4-1.35 1.71-1.22.5.2 0 1.03-.3 1.52-.25.42-2.86 3.89-2.86 6.31 0 1.28.48 2.34 1.34 2.98.75.56 1.74.73 2.64.46 1.07-.31 1.95-1.4 3.06-2.77 1.21-1.49 2.83-3.44 4.08-3.44 1.63 0 1.65 1.01 1.76 1.79-3.78.64-5.38 3.67-5.38 5.37 0 1.7 1.44 3.09 3.21 3.09 1.63 0 4.29-1.33 4.69-6.1H21v-2.5h-2.47c-.15-1.65-1.09-4.2-4.03-4.2-2.25 0-4.18 1.91-4.94 2.84-.58.73-2.06 2.48-2.29 2.72-.25.3-.68.84-1.11.84-.45 0-.72-.83-.36-1.92.35-1.09 1.4-2.86 1.85-3.52.78-1.14 1.3-1.92 1.3-3.28C8.95 3.69 7.31 3 6.44 3 5.12 3 3.97 4 3.72 4.25c-.36.36-.66.66-.88.93l1.75 1.71zm9.29 11.66c-.31 0-.74-.26-.74-.72 0-.6.73-2.2 2.87-2.76-.3 2.69-1.43 3.48-2.13 3.48z\"/></svg>`,\n clear: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/></svg>`,\n check_circle: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/></svg>`,\n link: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z\"/></svg>`,\n cancel: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"/></svg>`,\n done_all: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41L1.83 12 .41 13.41z\"/></svg>`,\n create: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"/></svg>`,\n perm_identity: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"/></svg>`,\n people: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"/></svg>`,\n contact_email: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M21 8V7l-3 2-3-2v1l3 2 3-2zm1-5H2C.9 3 0 3.9 0 5v14c0 1.1.9 2 2 2h20c1.1 0 1.99-.9 1.99-2L24 5c0-1.1-.9-2-2-2zM8 6c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H2v-1c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1zm8-6h-8V6h8v6z\"/></svg>`,\n textsms: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 11H7V9h2v2zm4 0h-2V9h2v2zm4 0h-2V9h2v2z\"/></svg>`,\n verified_user: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path fill-rule=\"evenodd\" d=\"M12.516 2.17a.75.75 0 00-1.032 0 11.209 11.209 0 01-7.877 3.08.75.75 0 00-.722.515A12.74 12.74 0 002.25 9.75c0 5.942 4.064 10.933 9.563 12.348a.749.749 0 00.374 0c5.499-1.415 9.563-6.406 9.563-12.348 0-1.39-.223-2.73-.635-3.985a.75.75 0 00-.722-.516l-.143.001c-2.996 0-5.717-1.17-7.734-3.08zm3.094 8.016a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z\" clip-rule=\"evenodd\" /></svg>`,\n account_circle: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"/></svg>`,\n};\n\ninterface IHistoryEntry {\n icon: string;\n message: string;\n date: Date;\n}\n\n/**\n * Displays a file upload mechanism suitable for the first step of creating a template.\n * This is typically the first step in a template creation workflow.\n */\n@Component({\n tag: 'verdocs-envelope-sidebar',\n styleUrl: 'verdocs-envelope-sidebar.scss',\n shadow: false,\n})\nexport class VerdocsEnvelopeSidebar {\n private envelopeListenerId = null;\n\n /**\n * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n */\n @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n /**\n * The envelope ID to render. Set ONE OF templateId or envelopeId. If both are set, envelopeId will be ignored.\n */\n @Prop() envelopeId: string = '';\n\n /**\n * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n * terminate the process, and the calling application should correct the condition and re-render the component.\n */\n @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n /**\n * Event fired when the envelope is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.\n */\n @Event({composed: true}) envelopeUpdated: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string}>;\n\n /**\n * Event fired when the sidebar is opened or closed.\n */\n @Event({composed: true}) toggle: EventEmitter<{open: boolean}>;\n\n /**\n * Event fired when the user clicks Send Another in the Manage Recipients dialog. It is up to the host application\n * to redirect the user to the appropriate next workflow step.\n */\n @Event({composed: true}) another: EventEmitter<{envelope: IEnvelope}>;\n\n // @State() envelope: IEnvelope | null = null;\n // @State() sortedRecipients: IRecipient[] = [];\n // @State() roleNames: string[] = [];\n @State() activeTab: number = 1;\n @State() panelOpen = false;\n @State() showRecipientDialog = '';\n @State() showCancelDialog = false;\n\n @State() remindersEnabled = false;\n @State() updatingReminders = false;\n @State() initialReminder: number | null = null;\n @State() followupReminders: number | null = null;\n\n @State() loading = true;\n @State() envelope: IEnvelope | null = null;\n\n async componentWillLoad() {\n try {\n this.endpoint.loadSession();\n\n if (!this.envelopeId) {\n console.log(`[SIDEBAR] Missing required envelope ID ${this.envelopeId}`);\n return;\n }\n\n if (!this.endpoint.session) {\n console.log('[SIDEBAR] Unable to start session, must be authenticated');\n return;\n }\n\n this.listenToEnvelope();\n } catch (e) {\n console.log('[SIDEBAR] Error loading envelope', e);\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n }\n }\n\n disconnectedCallback() {\n this.unlistenToEnvelope();\n }\n\n async listenToEnvelope() {\n console.log('[SIDEBAR] Loading envelope', this.envelopeId);\n this.unlistenToEnvelope();\n Store.subscribe(\n 'envelopes',\n this.envelopeId,\n () => getEnvelope(this.endpoint, this.envelopeId),\n false,\n (envelope: IEnvelope) => {\n this.envelope = envelope;\n this.loading = false;\n\n this.sortEnvelopeRecipients();\n this.initialReminder = this.envelope?.initial_reminder;\n this.followupReminders = this.envelope?.followup_reminders;\n this.remindersEnabled = !!this.initialReminder;\n },\n );\n }\n\n unlistenToEnvelope() {\n if (this.envelopeListenerId) {\n Store.store.delListener(this.envelopeListenerId);\n this.envelopeListenerId = null;\n }\n }\n\n sortEnvelopeRecipients() {\n (this.envelope?.recipients || []).sort((a, b) => {\n return a.sequence === b.sequence ? a.order - b.order : a.sequence - b.sequence;\n });\n }\n\n setTab(tab: number) {\n this.panelOpen = tab !== this.activeTab || !this.panelOpen;\n this.toggle?.emit({open: this.panelOpen});\n this.activeTab = tab;\n }\n\n // TODO: Refactor to a common library?\n canResendRecipient(recipient: IRecipient) {\n return (\n !['pending', 'declined', 'submitted', 'canceled'].includes(recipient.status) && //\n !['complete', 'declined', 'canceled'].includes(this.envelope?.status)\n );\n }\n\n handleRecipientAction(recipient: IRecipient, id: string) {\n console.log('[SIDEBAR] Recipient action', id, recipient);\n switch (id) {\n case 'reminder':\n resendInvitation(this.endpoint, this.envelopeId, recipient.role_name)\n .then(() => {\n VerdocsToast('Reminder Sent', {style: 'success'});\n })\n .catch(e => {\n console.log('[SIDEBAR] Error resending invitation', e);\n VerdocsToast('Error resending invitation: ' + e.message, {style: 'error'});\n });\n break;\n\n case 'inperson':\n this.showRecipientDialog = recipient.role_name;\n break;\n\n case 'modify':\n VerdocsToast('This feature will be enabled in a future release. Please try again later.', {style: 'info'});\n break;\n\n case 'details':\n VerdocsToast('This feature will be enabled in a future release. Please try again later.', {style: 'info'});\n break;\n }\n\n this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: id});\n }\n\n handleCancelEnvelope() {\n this.loading = true;\n cancelEnvelope(this.endpoint, this.envelopeId)\n .then(async r => {\n console.log('[SIDEBAR] Envelope canceled', r);\n VerdocsToast('Envelope canceled', {style: 'success'});\n\n // TODO: Use returned value instead?\n const newEnvelope = JSON.parse(JSON.stringify(this.envelope));\n newEnvelope.status = 'canceled';\n Store.updateEnvelope(this.envelopeId, newEnvelope);\n\n this.loading = false;\n this.panelOpen = false;\n this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: newEnvelope, event: 'canceled'});\n })\n .catch(e => {\n console.log('[SIDEBAR] Error canceling envelope', e);\n this.loading = false;\n VerdocsToast('Error canceling envelope: ' + e.message, {style: 'error'});\n });\n }\n\n prepareHistoryEntries() {\n const entries: IHistoryEntry[] = [];\n const histories = this.envelope?.history_entries || [];\n\n entries.push({icon: 'pencil', message: 'Envelope created.', date: new Date(this.envelope?.created_at)});\n\n if (this.envelope?.status === 'complete') {\n entries.push({icon: 'pencil', message: 'Envelope completed.', date: new Date(this.envelope?.updated_at)});\n }\n\n // TODO: Shift back to server-side generating these events? We'll still need\n // to tolerate both cases here for a while.\n const ownerCanceled = histories.some(history => (history.event as any) === 'owner:canceled');\n if (this.envelope?.status === 'canceled' && !ownerCanceled) {\n entries.push({icon: 'pencil', message: 'Envelope Cancelled.', date: new Date(this.envelope?.canceled_at)});\n }\n\n histories.forEach(history => {\n const recipient = (this.envelope?.recipients || []).find(recipient => recipient.role_name === history.role_name);\n const fullName = formatFullName(recipient);\n\n switch (history.event.toLowerCase()) {\n case 'recipient:signed':\n entries.push({icon: 'gesture', message: `Signed by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:declined':\n entries.push({icon: 'clear', message: `Declined by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:opened':\n switch (history.event_detail) {\n // TODO: Sync these up with reality\n case 'email':\n case 'mail':\n entries.push({icon: 'visibility', message: `Opened by ${fullName}, via email.`, date: new Date(history.created_at)});\n break;\n case 'sms':\n entries.push({icon: 'visibility', message: `Opened by ${fullName}, via SMS.`, date: new Date(history.created_at)});\n break;\n case 'in_person_link':\n entries.push({icon: 'visibility', message: `Opened by ${fullName}, via In-person link.`, date: new Date(history.created_at)});\n break;\n case 'in_app':\n entries.push({icon: 'visibility', message: `Opened by ${fullName}, via dashboard.`, date: new Date(history.created_at)});\n break;\n default:\n entries.push({icon: 'visibility', message: `Opened by ${fullName}.`, date: new Date(history.created_at)});\n }\n break;\n case 'recipient:submitted':\n switch (history.event_detail) {\n // TODO: Sync up\n case 'approver':\n entries.push({icon: 'check_circle', message: `Approved by ${fullName}.`, date: new Date(history.created_at)});\n break;\n default:\n entries.push({icon: 'send', message: `Submitted by ${fullName}.`, date: new Date(history.created_at)});\n break;\n }\n break;\n case 'recipient:prepared':\n entries.push({icon: 'send', message: `Prepared by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:claimed':\n if (history.event_detail === 'guest') {\n entries.push({icon: 'account_circle', message: `${fullName} claimed the Envelope as a guest.`, date: new Date(history.created_at)});\n } else if (history.event_detail === 'profile') {\n entries.push({icon: 'verified_user', message: `${fullName} claimed the Envelope as a verified user.`, date: new Date(history.created_at)});\n }\n break;\n case 'recipient:agreed':\n entries.push({icon: 'done', message: `${fullName} agreed to use electronic records and signatures.`, date: new Date(history.created_at)});\n break;\n case 'recipient:invited':\n if (history.event_detail === 'sms') {\n entries.push({icon: 'textsms', message: `${fullName} has been invited via SMS.`, date: new Date(history.created_at)});\n } else {\n entries.push({icon: 'mail', message: `${fullName} has been invited via email.`, date: new Date(history.created_at)});\n }\n break;\n case 'recipient:reminder':\n if (history.event_detail === 'sms') {\n entries.push({icon: 'textsms', message: `${fullName} sent a reminder via SMS.`, date: new Date(history.created_at)});\n } else {\n entries.push({icon: 'mail', message: `${fullName} sent a reminder via email.`, date: new Date(history.created_at)});\n }\n break;\n case 'invitation:resent':\n entries.push({\n icon: 'mail',\n message: `Invitation was resent to ${fullName}${history.event_detail === 'reminder' ? ' by reminder' : ''}.`,\n date: new Date(history.created_at),\n });\n break;\n case 'envelope:cc':\n entries.push({icon: 'contact_mail', message: `A copy has been sent to ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:delegated':\n entries.push({icon: 'people', message: history.event_detail, date: new Date(history.created_at)});\n break;\n case 'recipient:updated_info':\n entries.push({icon: 'perm_identity', message: history.event_detail, date: new Date(history.created_at)});\n break;\n case 'owner:updated_recipient_info':\n entries.push({icon: 'perm_identity', message: history.event_detail, date: new Date(history.created_at)});\n break;\n case 'created':\n entries.push({icon: 'create', message: `Envelope was created.`, date: new Date(history.created_at)});\n break;\n case 'completed':\n entries.push({icon: 'done_all', message: `Envelope was completed.`, date: new Date(history.created_at)});\n break;\n // TODO: Final answer?\n case 'envelope:canceled':\n case 'envelope_canceled':\n case 'canceled':\n case 'owner:canceled':\n entries.push({icon: 'cancel', message: `Envelope was canceled by the creator.`, date: new Date(history.created_at)});\n break;\n case 'owner:get_in_person_link':\n entries.push({icon: 'link', message: `Owner accessed the In-person link for ${recipient}.`, date: new Date(history.created_at)});\n break;\n default:\n console.log('[SIDEBAR] Unknown history type', history);\n break;\n }\n });\n\n entries.sort((a, b) => b.date.getTime() - a.date.getTime());\n return entries;\n }\n\n // canModify(recipient: IRecipient) {\n // const invalidRecipientStatus = ['declined', 'signed', 'submitted', 'canceled'];\n // const invalidEnvelopeStatus = ['complete', 'declined', 'canceled'];\n // return recipient.claimed !== true && invalidRecipientStatus.indexOf(recipient.status) === -1 && invalidEnvelopeStatus.indexOf(this.envelope?.status) === -1;\n // }\n\n handleToggleReminders() {\n if (this.remindersEnabled) {\n return this.handleSetReminders(null, null);\n } else {\n return this.handleSetReminders(MS_PER_DAY, 3 * MS_PER_DAY);\n }\n }\n\n handleSetReminders(initial_reminder: number | null, followup_reminders: number | null) {\n console.log('Updating reminders...');\n this.updatingReminders = true;\n\n updateEnvelope(this.endpoint, this.envelopeId, {initial_reminder, followup_reminders})\n .then(envelope => {\n console.log('Updated', envelope);\n Store.updateEnvelope(this.envelopeId, envelope);\n this.initialReminder = envelope.initial_reminder;\n this.followupReminders = envelope.followup_reminders;\n this.remindersEnabled = !!envelope.initial_reminder;\n this.updatingReminders = false;\n })\n .catch(e => {\n console.log('Error updating envelope', e);\n this.initialReminder = this.envelope?.initial_reminder;\n this.followupReminders = this.envelope?.followup_reminders;\n this.remindersEnabled = !!this.envelope?.initial_reminder;\n this.updatingReminders = false;\n alert(e.response.data.error);\n });\n }\n\n render() {\n if (this.loading) {\n // We don't show a loading indicator for the sidebar, to avoid FOUS\n return <Host />;\n }\n\n const isEnvelopeOwner = userIsEnvelopeOwner(this.endpoint.profile, this.envelope);\n const historyEntries = this.prepareHistoryEntries();\n const functionsDisabled = this.envelope?.status !== 'pending' && this.envelope?.status !== 'in progress';\n\n return (\n <Host class={this.panelOpen ? 'open' : ''}>\n <div class=\"side-buttons\">\n <button class={this.activeTab === 1 ? 'active' : ''} onClick={() => this.setTab(1)} innerHTML={InformationCircle} />\n <button class={this.activeTab === 2 ? 'active' : ''} onClick={() => this.setTab(2)} innerHTML={Users} />\n <button class={this.activeTab === 3 ? 'active' : ''} onClick={() => this.setTab(3)} innerHTML={ClipboardDocuments} />\n </div>\n\n {this.activeTab === 1 && (\n <div class=\"content\">\n <div class=\"title\">Details</div>\n\n <div class=\"label\">Envelope ID</div>\n <div class=\"value\">{this.envelope?.id}</div>\n\n <div class=\"label\">Date Created</div>\n <div class=\"value\">{format(new Date(this.envelope?.created_at), FORMAT_TIMESTAMP)}</div>\n\n <div class=\"label\">Last Modified</div>\n <div class=\"value\">{format(new Date(this.envelope?.updated_at), FORMAT_TIMESTAMP)}</div>\n\n <div class=\"label\">Status</div>\n <div class=\"value\">{capitalize(this.envelope?.status)}</div>\n\n <div class=\"label\">Owner ID</div>\n <div class=\"value\">{this.envelope?.profile_id}</div>\n\n <div class=\"label\">Owner Name</div>\n <div class=\"value\">{formatFullName(this.envelope?.profile)}</div>\n\n <div class=\"label\">Owner Email</div>\n <div class=\"value\">{this.envelope?.profile?.email}</div>\n </div>\n )}\n\n {this.activeTab === 2 && (\n <div class=\"content\">\n <div class=\"title\">Recipients</div>\n {this.envelope?.recipients.map((recipient, index) => {\n const canGetInPersonLink = recipient.status !== 'submitted' && recipient.status !== 'canceled' && recipient.status !== 'declined';\n const canSendReminder = this.canResendRecipient(recipient);\n const fullName = formatFullName(recipient);\n\n return (\n <div class=\"recipient-detail\">\n <div class=\"recipient-header\">\n <div class=\"recipient-number\">{index + 1}</div>\n <div class=\"recipient-name\">{recipient.role_name}</div>\n <div class={{'recipient-status': true, [recipient.status]: true}}>{recipient.status}</div>\n {isEnvelopeOwner && !functionsDisabled && (\n <verdocs-dropdown\n onOptionSelected={item => this.handleRecipientAction(recipient, item.detail.id)}\n options={[\n {id: 'reminder', label: 'Send Reminder', disabled: !canSendReminder},\n {id: 'inperson', label: 'Get In-Person Link', disabled: !canGetInPersonLink},\n // {id: 'modify', label: 'Modify Recipient', disabled: !this.canModifyRecipient(recipient)},\n // TODO: Details dialog\n // {id:'details',label: 'View Details'},\n ]}\n />\n )}\n </div>\n\n <dic class=\"recipient-content\">\n <div class=\"recipient-name\">{fullName}</div>\n <div class=\"recipient-name\">{recipient.email}</div>\n <div class=\"recipient-name\">{recipient.phone}</div>\n </dic>\n </div>\n );\n })}\n\n {isEnvelopeOwner && (\n <div class=\"reminders\">\n <div class=\"form-row\">\n <div class=\"reminders-label\">Reminders</div>\n <verdocs-switch disabled={functionsDisabled || this.updatingReminders} checked={this.remindersEnabled} onCheckedChange={() => this.handleToggleReminders()} />\n </div>\n\n {this.remindersEnabled && (\n <Fragment>\n <div class=\"form-row\">NOTE: Reminders will only be sent for up to 14 days.</div>\n <div class=\"form-row\">\n <div class=\"form-label\">Initial Reminder (days):</div>\n <verdocs-text-input\n placeholder=\"In hours...\"\n disabled={functionsDisabled || this.updatingReminders}\n value={String(Math.floor(this.initialReminder / MS_PER_DAY))}\n onBlur={(e: any) => {\n this.initialReminder = Number(e.target.value) * MS_PER_DAY;\n this.handleSetReminders(this.initialReminder, this.followupReminders);\n }}\n />\n </div>\n <div class=\"form-row\">\n <div class=\"form-label\">Follow-up Reminders:</div>\n <verdocs-text-input\n placeholder=\"In hours...\"\n disabled={functionsDisabled || this.updatingReminders}\n value={String(Math.floor(this.followupReminders / MS_PER_DAY))}\n onBlur={(e: any) => {\n this.followupReminders = Number(e.target.value) * MS_PER_DAY;\n this.handleSetReminders(this.initialReminder, this.followupReminders);\n }}\n />\n </div>\n <div class=\"form-row\">\n <div class=\"form-label\">Next Reminder:</div>\n <div style={{color: '#dddddd'}}>{format(new Date(this.envelope?.next_reminder), 'P p')}</div>\n </div>\n </Fragment>\n )}\n </div>\n )}\n {/* <verdocs-button*/}\n {/* class=\"manage-recipients-button\"*/}\n {/* variant=\"standard\"*/}\n {/* label=\"Turn On Reminders\"*/}\n {/* onClick={() => (this.showManageDialog = !functionsDisabled)}*/}\n {/* disabled={functionsDisabled}*/}\n {/* />*/}\n\n {isEnvelopeOwner && (\n <verdocs-button\n class=\"manage-recipients-button\"\n variant=\"standard\"\n label=\"Cancel Envelope\"\n onClick={() => (this.showCancelDialog = !functionsDisabled)}\n disabled={functionsDisabled}\n />\n )}\n </div>\n )}\n\n {this.activeTab === 3 && (\n <div class=\"content\">\n <div class=\"title\">History</div>\n\n {historyEntries.map(entry => (\n <div class=\"history-entry\">\n <div class=\"activity-icon\" innerHTML={ActivityIcons[entry.icon] || entry.icon} />\n <div class=\"activity-details\">\n <div class=\"activity-text\">{entry.message}</div>\n {/* 'MMMM Do YYYY, h:mm:ss a' */}\n <div class=\"activity-date\">{format(entry.date, FORMAT_TIMESTAMP)}</div>\n </div>\n </div>\n ))}\n </div>\n )}\n\n {this.showRecipientDialog && (\n <verdocs-envelope-recipient-link envelopeId={this.envelopeId} roleName={this.showRecipientDialog} onNext={() => (this.showRecipientDialog = '')} />\n )}\n\n {this.showCancelDialog && (\n <verdocs-ok-dialog\n heading=\"Cancel Envelope?\"\n message={'Are you sure you want to cancel this Envelope? This action cannot be undone.'}\n onNext={() => {\n this.showCancelDialog = false;\n this.handleCancelEnvelope();\n }}\n />\n )}\n </Host>\n );\n }\n}\n"],"mappings":"kbAAA,MAAMA,EAA4B,6gLAClC,MAAAC,EAAeD,ECQf,MAAME,EAAa,GAAK,GAAK,GAAK,IAElC,MAAMC,EAAoB,mUAE1B,MAAMC,EAAQ,2hBAEd,MAAMC,EAAqB,6vBAG3B,MAAMC,EAAgB,CACpBC,WAAY,4aACZC,OAAQ,iVACRC,KAAM,qNACNC,aAAc,qNACdC,KAAM,kRACNC,KAAM,6IACNC,QAAS,qvBACTC,MAAO,6MACPC,aAAc,6NACdC,KAAM,2TACNC,OAAQ,uRACRC,SAAU,iQACVC,OAAQ,6PACRC,cAAe,6PACfC,OAAQ,yYACRC,cAAe,sUACfC,QAAS,2NACTC,cAAe,qiBACfC,eAAgB,4U,MAkBLC,EAAsB,M,6KACzBC,KAAAC,mBAAqB,K,cAKOC,EAAgBC,a,gBAKvB,G,eA2BA,E,eACR,M,yBACU,G,sBACH,M,sBAEA,M,uBACC,M,qBACa,K,uBACE,K,aAEzB,K,cACmB,I,CAEtC,uBAAMC,G,UACJ,IACEJ,KAAKK,SAASC,cAEd,IAAKN,KAAKO,WAAY,CACpBC,QAAQC,IAAI,0CAA0CT,KAAKO,cAC3D,M,CAGF,IAAKP,KAAKK,SAASK,QAAS,CAC1BF,QAAQC,IAAI,4DACZ,M,CAGFT,KAAKW,kB,CACL,MAAOC,GACPJ,QAAQC,IAAI,mCAAoCG,IAChDC,EAAAb,KAAKc,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,KAAK,IAAIC,EAASJ,EAAEK,SAASC,EAAAN,EAAEO,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,QAAQC,EAAAT,EAAEO,YAAQ,MAAAE,SAAA,SAAAA,EAAEC,M,EAIhF,oBAAAC,GACEvB,KAAKwB,oB,CAGP,sBAAMb,GACJH,QAAQC,IAAI,6BAA8BT,KAAKO,YAC/CP,KAAKwB,qBACLC,EAAMC,UACJ,YACA1B,KAAKO,YACL,IAAMoB,EAAY3B,KAAKK,SAAUL,KAAKO,aACtC,OACCqB,I,QACC5B,KAAK4B,SAAWA,EAChB5B,KAAK6B,QAAU,MAEf7B,KAAK8B,yBACL9B,KAAK+B,iBAAkBlB,EAAAb,KAAK4B,YAAQ,MAAAf,SAAA,SAAAA,EAAEmB,iBACtChC,KAAKiC,mBAAoBf,EAAAlB,KAAK4B,YAAQ,MAAAV,SAAA,SAAAA,EAAEgB,mBACxClC,KAAKmC,mBAAqBnC,KAAK+B,eAAe,G,CAKpD,kBAAAP,GACE,GAAIxB,KAAKC,mBAAoB,CAC3BwB,EAAMW,MAAMC,YAAYrC,KAAKC,oBAC7BD,KAAKC,mBAAqB,I,EAI9B,sBAAA6B,G,SACGjB,EAAAb,KAAK4B,YAAQ,MAAAf,SAAA,SAAAA,EAAEyB,aAAc,IAAIC,MAAK,CAACC,EAAGC,IAClCD,EAAEE,WAAaD,EAAEC,SAAWF,EAAEG,MAAQF,EAAEE,MAAQH,EAAEE,SAAWD,EAAEC,U,CAI1E,MAAAE,CAAOC,G,MACL7C,KAAK8C,UAAYD,IAAQ7C,KAAK+C,YAAc/C,KAAK8C,WACjDjC,EAAAb,KAAKgD,UAAM,MAAAnC,SAAA,SAAAA,EAAEE,KAAK,CAACkC,KAAMjD,KAAK8C,YAC9B9C,KAAK+C,UAAYF,C,CAInB,kBAAAK,CAAmBC,G,MACjB,OACG,CAAC,UAAW,WAAY,YAAa,YAAYC,SAASD,EAAU/B,UACpE,CAAC,WAAY,WAAY,YAAYgC,UAASvC,EAAAb,KAAK4B,YAAQ,MAAAf,SAAA,SAAAA,EAAEO,O,CAIlE,qBAAAiC,CAAsBF,EAAuBG,G,MAC3C9C,QAAQC,IAAI,6BAA8B6C,EAAIH,GAC9C,OAAQG,GACN,IAAK,WACHC,EAAiBvD,KAAKK,SAAUL,KAAKO,WAAY4C,EAAUK,WACxDC,MAAK,KACJC,EAAa,gBAAiB,CAACC,MAAO,WAAW,IAElDC,OAAMhD,IACLJ,QAAQC,IAAI,uCAAwCG,GACpD8C,EAAa,+BAAiC9C,EAAEK,QAAS,CAAC0C,MAAO,SAAS,IAE9E,MAEF,IAAK,WACH3D,KAAK6D,oBAAsBV,EAAUK,UACrC,MAEF,IAAK,SACHE,EAAa,4EAA6E,CAACC,MAAO,SAClG,MAEF,IAAK,UACHD,EAAa,4EAA6E,CAACC,MAAO,SAClG,OAGJ9C,EAAAb,KAAK8D,mBAAe,MAAAjD,SAAA,SAAAA,EAAEE,KAAK,CAACV,SAAUL,KAAKK,SAAUuB,SAAU5B,KAAK4B,SAAUmC,MAAOT,G,CAGvF,oBAAAU,GACEhE,KAAK6B,QAAU,KACfoC,EAAejE,KAAKK,SAAUL,KAAKO,YAChCkD,MAAKS,MAAMC,I,MACV3D,QAAQC,IAAI,8BAA+B0D,GAC3CT,EAAa,oBAAqB,CAACC,MAAO,YAG1C,MAAMS,EAAcC,KAAKC,MAAMD,KAAKE,UAAUvE,KAAK4B,WACnDwC,EAAYhD,OAAS,WACrBK,EAAM+C,eAAexE,KAAKO,WAAY6D,GAEtCpE,KAAK6B,QAAU,MACf7B,KAAK8C,UAAY,OACjBjC,EAAAb,KAAK8D,mBAAe,MAAAjD,SAAA,SAAAA,EAAEE,KAAK,CAACV,SAAUL,KAAKK,SAAUuB,SAAUwC,EAAaL,MAAO,YAAY,IAEhGH,OAAMhD,IACLJ,QAAQC,IAAI,qCAAsCG,GAClDZ,KAAK6B,QAAU,MACf6B,EAAa,6BAA+B9C,EAAEK,QAAS,CAAC0C,MAAO,SAAS,G,CAI9E,qBAAAc,G,gBACE,MAAMC,EAA2B,GACjC,MAAMC,IAAY9D,EAAAb,KAAK4B,YAAQ,MAAAf,SAAA,SAAAA,EAAE+D,kBAAmB,GAEpDF,EAAQG,KAAK,CAACC,KAAM,SAAU7D,QAAS,oBAAqB8D,KAAM,IAAIC,MAAK9D,EAAAlB,KAAK4B,YAAQ,MAAAV,SAAA,SAAAA,EAAE+D,cAE1F,KAAI5D,EAAArB,KAAK4B,YAAQ,MAAAP,SAAA,SAAAA,EAAED,UAAW,WAAY,CACxCsD,EAAQG,KAAK,CAACC,KAAM,SAAU7D,QAAS,sBAAuB8D,KAAM,IAAIC,MAAKE,EAAAlF,KAAK4B,YAAQ,MAAAsD,SAAA,SAAAA,EAAEC,a,CAK9F,MAAMC,EAAgBT,EAAUU,MAAKC,GAAYA,EAAQvB,QAAkB,mBAC3E,KAAIwB,EAAAvF,KAAK4B,YAAQ,MAAA2D,SAAA,SAAAA,EAAEnE,UAAW,aAAegE,EAAe,CAC1DV,EAAQG,KAAK,CAACC,KAAM,SAAU7D,QAAS,sBAAuB8D,KAAM,IAAIC,MAAKQ,EAAAxF,KAAK4B,YAAQ,MAAA4D,SAAA,SAAAA,EAAEC,c,CAG9Fd,EAAUe,SAAQJ,I,MAChB,MAAMnC,KAAatC,EAAAb,KAAK4B,YAAQ,MAAAf,SAAA,SAAAA,EAAEyB,aAAc,IAAIqD,MAAKxC,GAAaA,EAAUK,YAAc8B,EAAQ9B,YACtG,MAAMoC,EAAWC,EAAe1C,GAEhC,OAAQmC,EAAQvB,MAAM+B,eACpB,IAAK,mBACHpB,EAAQG,KAAK,CAACC,KAAM,UAAW7D,QAAS,aAAa2E,KAAab,KAAM,IAAIC,KAAKM,EAAQL,cACzF,MACF,IAAK,qBACHP,EAAQG,KAAK,CAACC,KAAM,QAAS7D,QAAS,eAAe2E,KAAab,KAAM,IAAIC,KAAKM,EAAQL,cACzF,MACF,IAAK,mBACH,OAAQK,EAAQS,cAEd,IAAK,QACL,IAAK,OACHrB,EAAQG,KAAK,CAACC,KAAM,aAAc7D,QAAS,aAAa2E,gBAAwBb,KAAM,IAAIC,KAAKM,EAAQL,cACvG,MACF,IAAK,MACHP,EAAQG,KAAK,CAACC,KAAM,aAAc7D,QAAS,aAAa2E,cAAsBb,KAAM,IAAIC,KAAKM,EAAQL,cACrG,MACF,IAAK,iBACHP,EAAQG,KAAK,CAACC,KAAM,aAAc7D,QAAS,aAAa2E,yBAAiCb,KAAM,IAAIC,KAAKM,EAAQL,cAChH,MACF,IAAK,SACHP,EAAQG,KAAK,CAACC,KAAM,aAAc7D,QAAS,aAAa2E,oBAA4Bb,KAAM,IAAIC,KAAKM,EAAQL,cAC3G,MACF,QACEP,EAAQG,KAAK,CAACC,KAAM,aAAc7D,QAAS,aAAa2E,KAAab,KAAM,IAAIC,KAAKM,EAAQL,cAEhG,MACF,IAAK,sBACH,OAAQK,EAAQS,cAEd,IAAK,WACHrB,EAAQG,KAAK,CAACC,KAAM,eAAgB7D,QAAS,eAAe2E,KAAab,KAAM,IAAIC,KAAKM,EAAQL,cAChG,MACF,QACEP,EAAQG,KAAK,CAACC,KAAM,OAAQ7D,QAAS,gBAAgB2E,KAAab,KAAM,IAAIC,KAAKM,EAAQL,cACzF,MAEJ,MACF,IAAK,qBACHP,EAAQG,KAAK,CAACC,KAAM,OAAQ7D,QAAS,eAAe2E,KAAab,KAAM,IAAIC,KAAKM,EAAQL,cACxF,MACF,IAAK,oBACH,GAAIK,EAAQS,eAAiB,QAAS,CACpCrB,EAAQG,KAAK,CAACC,KAAM,iBAAkB7D,QAAS,GAAG2E,qCAA6Cb,KAAM,IAAIC,KAAKM,EAAQL,a,MACjH,GAAIK,EAAQS,eAAiB,UAAW,CAC7CrB,EAAQG,KAAK,CAACC,KAAM,gBAAiB7D,QAAS,GAAG2E,6CAAqDb,KAAM,IAAIC,KAAKM,EAAQL,a,CAE/H,MACF,IAAK,mBACHP,EAAQG,KAAK,CAACC,KAAM,OAAQ7D,QAAS,GAAG2E,qDAA6Db,KAAM,IAAIC,KAAKM,EAAQL,cAC5H,MACF,IAAK,oBACH,GAAIK,EAAQS,eAAiB,MAAO,CAClCrB,EAAQG,KAAK,CAACC,KAAM,UAAW7D,QAAS,GAAG2E,8BAAsCb,KAAM,IAAIC,KAAKM,EAAQL,a,KACnG,CACLP,EAAQG,KAAK,CAACC,KAAM,OAAQ7D,QAAS,GAAG2E,gCAAwCb,KAAM,IAAIC,KAAKM,EAAQL,a,CAEzG,MACF,IAAK,qBACH,GAAIK,EAAQS,eAAiB,MAAO,CAClCrB,EAAQG,KAAK,CAACC,KAAM,UAAW7D,QAAS,GAAG2E,6BAAqCb,KAAM,IAAIC,KAAKM,EAAQL,a,KAClG,CACLP,EAAQG,KAAK,CAACC,KAAM,OAAQ7D,QAAS,GAAG2E,+BAAuCb,KAAM,IAAIC,KAAKM,EAAQL,a,CAExG,MACF,IAAK,oBACHP,EAAQG,KAAK,CACXC,KAAM,OACN7D,QAAS,4BAA4B2E,IAAWN,EAAQS,eAAiB,WAAa,eAAiB,MACvGhB,KAAM,IAAIC,KAAKM,EAAQL,cAEzB,MACF,IAAK,cACHP,EAAQG,KAAK,CAACC,KAAM,eAAgB7D,QAAS,2BAA2B2E,KAAab,KAAM,IAAIC,KAAKM,EAAQL,cAC5G,MACF,IAAK,sBACHP,EAAQG,KAAK,CAACC,KAAM,SAAU7D,QAASqE,EAAQS,aAAchB,KAAM,IAAIC,KAAKM,EAAQL,cACpF,MACF,IAAK,yBACHP,EAAQG,KAAK,CAACC,KAAM,gBAAiB7D,QAASqE,EAAQS,aAAchB,KAAM,IAAIC,KAAKM,EAAQL,cAC3F,MACF,IAAK,+BACHP,EAAQG,KAAK,CAACC,KAAM,gBAAiB7D,QAASqE,EAAQS,aAAchB,KAAM,IAAIC,KAAKM,EAAQL,cAC3F,MACF,IAAK,UACHP,EAAQG,KAAK,CAACC,KAAM,SAAU7D,QAAS,wBAAyB8D,KAAM,IAAIC,KAAKM,EAAQL,cACvF,MACF,IAAK,YACHP,EAAQG,KAAK,CAACC,KAAM,WAAY7D,QAAS,0BAA2B8D,KAAM,IAAIC,KAAKM,EAAQL,cAC3F,MAEF,IAAK,oBACL,IAAK,oBACL,IAAK,WACL,IAAK,iBACHP,EAAQG,KAAK,CAACC,KAAM,SAAU7D,QAAS,wCAAyC8D,KAAM,IAAIC,KAAKM,EAAQL,cACvG,MACF,IAAK,2BACHP,EAAQG,KAAK,CAACC,KAAM,OAAQ7D,QAAS,yCAAyCkC,KAAc4B,KAAM,IAAIC,KAAKM,EAAQL,cACnH,MACF,QACEzE,QAAQC,IAAI,iCAAkC6E,GAC9C,M,IAINZ,EAAQnC,MAAK,CAACC,EAAGC,IAAMA,EAAEsC,KAAKiB,UAAYxD,EAAEuC,KAAKiB,YACjD,OAAOtB,C,CAST,qBAAAuB,GACE,GAAIjG,KAAKmC,iBAAkB,CACzB,OAAOnC,KAAKkG,mBAAmB,KAAM,K,KAChC,CACL,OAAOlG,KAAKkG,mBAAmB3H,EAAY,EAAIA,E,EAInD,kBAAA2H,CAAmBlE,EAAiCE,GAClD1B,QAAQC,IAAI,yBACZT,KAAKmG,kBAAoB,KAEzB3B,EAAexE,KAAKK,SAAUL,KAAKO,WAAY,CAACyB,mBAAkBE,uBAC/DuB,MAAK7B,IACJpB,QAAQC,IAAI,UAAWmB,GACvBH,EAAM+C,eAAexE,KAAKO,WAAYqB,GACtC5B,KAAK+B,gBAAkBH,EAASI,iBAChChC,KAAKiC,kBAAoBL,EAASM,mBAClClC,KAAKmC,mBAAqBP,EAASI,iBACnChC,KAAKmG,kBAAoB,KAAK,IAE/BvC,OAAMhD,I,UACLJ,QAAQC,IAAI,0BAA2BG,GACvCZ,KAAK+B,iBAAkBlB,EAAAb,KAAK4B,YAAQ,MAAAf,SAAA,SAAAA,EAAEmB,iBACtChC,KAAKiC,mBAAoBf,EAAAlB,KAAK4B,YAAQ,MAAAV,SAAA,SAAAA,EAAEgB,mBACxClC,KAAKmC,qBAAqBd,EAAArB,KAAK4B,YAAQ,MAAAP,SAAA,SAAAA,EAAEW,kBACzChC,KAAKmG,kBAAoB,MACzBC,MAAMxF,EAAEO,SAASG,KAAK+E,MAAM,G,CAIlC,MAAAC,G,4BACE,GAAItG,KAAK6B,QAAS,CAEhB,OAAO0E,EAACC,EAAI,K,CAGd,MAAMC,EAAkBC,EAAoB1G,KAAKK,SAASsG,QAAS3G,KAAK4B,UACxE,MAAMgF,EAAiB5G,KAAKyE,wBAC5B,MAAMoC,IAAoBhG,EAAAb,KAAK4B,YAAQ,MAAAf,SAAA,SAAAA,EAAEO,UAAW,aAAaF,EAAAlB,KAAK4B,YAAQ,MAAAV,SAAA,SAAAA,EAAEE,UAAW,cAE3F,OACEmF,EAACC,EAAI,CAACM,MAAO9G,KAAK8C,UAAY,OAAS,IACrCyD,EAAA,OAAKO,MAAM,gBACTP,EAAA,UAAQO,MAAO9G,KAAK+C,YAAc,EAAI,SAAW,GAAIgE,QAAS,IAAM/G,KAAK4C,OAAO,GAAIoE,UAAWxI,IAC/F+H,EAAA,UAAQO,MAAO9G,KAAK+C,YAAc,EAAI,SAAW,GAAIgE,QAAS,IAAM/G,KAAK4C,OAAO,GAAIoE,UAAWvI,IAC/F8H,EAAA,UAAQO,MAAO9G,KAAK+C,YAAc,EAAI,SAAW,GAAIgE,QAAS,IAAM/G,KAAK4C,OAAO,GAAIoE,UAAWtI,KAGhGsB,KAAK+C,YAAc,GAClBwD,EAAA,OAAKO,MAAM,WACTP,EAAA,OAAKO,MAAM,SAAO,WAElBP,EAAA,OAAKO,MAAM,SAAO,eAClBP,EAAA,OAAKO,MAAM,UAASzF,EAAArB,KAAK4B,YAAQ,MAAAP,SAAA,SAAAA,EAAEiC,IAEnCiD,EAAA,OAAKO,MAAM,SAAO,gBAClBP,EAAA,OAAKO,MAAM,SAASG,EAAO,IAAIjC,MAAKE,EAAAlF,KAAK4B,YAAQ,MAAAsD,SAAA,SAAAA,EAAED,YAAaiC,IAEhEX,EAAA,OAAKO,MAAM,SAAO,iBAClBP,EAAA,OAAKO,MAAM,SAASG,EAAO,IAAIjC,MAAKO,EAAAvF,KAAK4B,YAAQ,MAAA2D,SAAA,SAAAA,EAAEJ,YAAa+B,IAEhEX,EAAA,OAAKO,MAAM,SAAO,UAClBP,EAAA,OAAKO,MAAM,SAASK,GAAW3B,EAAAxF,KAAK4B,YAAQ,MAAA4D,SAAA,SAAAA,EAAEpE,SAE9CmF,EAAA,OAAKO,MAAM,SAAO,YAClBP,EAAA,OAAKO,MAAM,UAASM,EAAApH,KAAK4B,YAAQ,MAAAwF,SAAA,SAAAA,EAAEC,YAEnCd,EAAA,OAAKO,MAAM,SAAO,cAClBP,EAAA,OAAKO,MAAM,SAASjB,GAAeyB,EAAAtH,KAAK4B,YAAQ,MAAA0F,SAAA,SAAAA,EAAEX,UAElDJ,EAAA,OAAKO,MAAM,SAAO,eAClBP,EAAA,OAAKO,MAAM,UAASS,GAAAC,EAAAxH,KAAK4B,YAAQ,MAAA4F,SAAA,SAAAA,EAAEb,WAAO,MAAAY,SAAA,SAAAA,EAAEE,QAI/CzH,KAAK+C,YAAc,GAClBwD,EAAA,OAAKO,MAAM,WACTP,EAAA,OAAKO,MAAM,SAAO,eACjBY,EAAA1H,KAAK4B,YAAQ,MAAA8F,SAAA,S,EAAEpF,WAAWqF,KAAI,CAACxE,EAAWyE,KACzC,MAAMC,EAAqB1E,EAAU/B,SAAW,aAAe+B,EAAU/B,SAAW,YAAc+B,EAAU/B,SAAW,WACvH,MAAM0G,EAAkB9H,KAAKkD,mBAAmBC,GAChD,MAAMyC,EAAWC,EAAe1C,GAEhC,OACEoD,EAAA,OAAKO,MAAM,oBACTP,EAAA,OAAKO,MAAM,oBACTP,EAAA,OAAKO,MAAM,oBAAoBc,EAAQ,GACvCrB,EAAA,OAAKO,MAAM,kBAAkB3D,EAAUK,WACvC+C,EAAA,OAAKO,MAAO,CAAC,mBAAoB,KAAM,CAAC3D,EAAU/B,QAAS,OAAQ+B,EAAU/B,QAC5EqF,IAAoBI,GACnBN,EAAA,oBACEwB,iBAAkBC,GAAQhI,KAAKqD,sBAAsBF,EAAW6E,EAAKC,OAAO3E,IAC5E4E,QAAS,CACP,CAAC5E,GAAI,WAAY6E,MAAO,gBAAiBC,UAAWN,GACpD,CAACxE,GAAI,WAAY6E,MAAO,qBAAsBC,UAAWP,OASjEtB,EAAA,OAAKO,MAAM,qBACTP,EAAA,OAAKO,MAAM,kBAAkBlB,GAC7BW,EAAA,OAAKO,MAAM,kBAAkB3D,EAAUsE,OACvClB,EAAA,OAAKO,MAAM,kBAAkB3D,EAAUkF,QAErC,IAIT5B,GACCF,EAAA,OAAKO,MAAM,aACTP,EAAA,OAAKO,MAAM,YACTP,EAAA,OAAKO,MAAM,mBAAiB,aAC5BP,EAAA,kBAAgB6B,SAAUvB,GAAqB7G,KAAKmG,kBAAmBmC,QAAStI,KAAKmC,iBAAkBoG,gBAAiB,IAAMvI,KAAKiG,2BAGpIjG,KAAKmC,kBACJoE,EAACiC,EAAQ,KACPjC,EAAA,OAAKO,MAAM,YAAU,wDACrBP,EAAA,OAAKO,MAAM,YACTP,EAAA,OAAKO,MAAM,cAAY,4BACvBP,EAAA,sBACEkC,YAAY,cACZL,SAAUvB,GAAqB7G,KAAKmG,kBACpCuC,MAAOC,OAAOC,KAAKC,MAAM7I,KAAK+B,gBAAkBxD,IAChDuK,OAASlI,IACPZ,KAAK+B,gBAAkBgH,OAAOnI,EAAEoI,OAAON,OAASnK,EAChDyB,KAAKkG,mBAAmBlG,KAAK+B,gBAAiB/B,KAAKiC,kBAAkB,KAI3EsE,EAAA,OAAKO,MAAM,YACTP,EAAA,OAAKO,MAAM,cAAY,wBACvBP,EAAA,sBACEkC,YAAY,cACZL,SAAUvB,GAAqB7G,KAAKmG,kBACpCuC,MAAOC,OAAOC,KAAKC,MAAM7I,KAAKiC,kBAAoB1D,IAClDuK,OAASlI,IACPZ,KAAKiC,kBAAoB8G,OAAOnI,EAAEoI,OAAON,OAASnK,EAClDyB,KAAKkG,mBAAmBlG,KAAK+B,gBAAiB/B,KAAKiC,kBAAkB,KAI3EsE,EAAA,OAAKO,MAAM,YACTP,EAAA,OAAKO,MAAM,cAAY,kBACvBP,EAAA,OAAK5C,MAAO,CAACsF,MAAO,YAAahC,EAAO,IAAIjC,MAAKkE,EAAAlJ,KAAK4B,YAAQ,MAAAsH,SAAA,SAAAA,EAAEC,eAAgB,WAczF1C,GACCF,EAAA,kBACEO,MAAM,2BACNsC,QAAQ,WACRjB,MAAM,kBACNpB,QAAS,IAAO/G,KAAKqJ,kBAAoBxC,EACzCuB,SAAUvB,KAMjB7G,KAAK+C,YAAc,GAClBwD,EAAA,OAAKO,MAAM,WACTP,EAAA,OAAKO,MAAM,SAAO,WAEjBF,EAAee,KAAI2B,GAClB/C,EAAA,OAAKO,MAAM,iBACTP,EAAA,OAAKO,MAAM,gBAAgBE,UAAWrI,EAAc2K,EAAMxE,OAASwE,EAAMxE,OACzEyB,EAAA,OAAKO,MAAM,oBACTP,EAAA,OAAKO,MAAM,iBAAiBwC,EAAMrI,SAElCsF,EAAA,OAAKO,MAAM,iBAAiBG,EAAOqC,EAAMvE,KAAMmC,SAOxDlH,KAAK6D,qBACJ0C,EAAA,mCAAiChG,WAAYP,KAAKO,WAAYgJ,SAAUvJ,KAAK6D,oBAAqB2F,OAAQ,IAAOxJ,KAAK6D,oBAAsB,KAG7I7D,KAAKqJ,kBACJ9C,EAAA,qBACEkD,QAAQ,mBACRxI,QAAS,+EACTuI,OAAQ,KACNxJ,KAAKqJ,iBAAmB,MACxBrJ,KAAKgE,sBAAsB,I","ignoreList":[]}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,t,i,o){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,n){function s(e){try{c(o.next(e))}catch(e){n(e)}}function a(e){try{c(o["throw"](e))}catch(e){n(e)}}function c(e){e.done?i(e.value):r(e.value).then(s,a)}c((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},o,r,n,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return c([e,t])}}function c(a){if(o)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(i=0)),i)try{if(o=1,r&&(n=a[0]&2?r["return"]:a[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,a[1])).done)return n;if(r=0,n)a=[a[0]&2,n.value];switch(a[0]){case 0:case 1:n=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;r=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!n||a[1]>n[0]&&a[1]<n[3])){i.label=a[1];break}if(a[0]===6&&i.label<n[1]){i.label=n[1];n=a;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(a);break}if(n[2])i.ops.pop();i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e];r=0}finally{o=n=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-9186f42e.system.js","@verdocs/js-sdk","./p-c8a15cb7.system.js","./p-35dcb386.system.js"],(function(e){"use strict";var t,i,o,r,n,s,a,c,l,d,f;return{setters:[function(e){t=e.r;i=e.c;o=e.h;r=e.H},function(e){n=e.VerdocsEndpoint;s=e.getTemplate;a=e.updateTemplateRole;c=e.deleteTemplateRole;l=e.isValidEmail},function(e){d=e.S},function(e){f=e.S}],execute:function(){var u='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}#verdocs-menu-panel-overlay{top:0;left:0;width:100%;height:100%;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.4980392157)}#verdocs-menu-panel{opacity:0;z-index:10001;position:fixed;overflow-y:scroll;background-color:#ffffff;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-webkit-animation:showVerdocsMenuPanel 0.35s;-webkit-animation-fill-mode:forwards}@-webkit-keyframes showVerdocsMenuPanel{0%{opacity:0;right:-300px}100%{right:0;opacity:1}}';var p=u;var h=e("verdocs_menu_panel",function(){function e(e){t(this,e);this.close=i(this,"close",7);this.moved=false;this.overlayId="verdocs-menu-panel-overlay";this.panelId="verdocs-menu-panel";this.side="right";this.overlay=true;this.width=300}e.prototype.handleClick=function(e){var t;if(!this.element.contains(e.target)){this.hide();(t=this.close)===null||t===void 0?void 0:t.emit()}};e.prototype.componentWillLoad=function(){this.hide();if(this.overlay){this.portal=document.createElement("div");this.portal.setAttribute("id",this.overlayId);document.body.append(this.portal)}this.portal=document.createElement("div");this.portal.setAttribute("id",this.panelId);this.portal.style.top="0px";this.portal.style.bottom="0px";this.portal.style.width="".concat(this.width,"px");if(this.side==="left"){this.portal.style.left="0px"}else{this.portal.style.right="0px"}document.body.append(this.portal)};e.prototype.componentDidLoad=function(){this.portal.appendChild(this.element)};e.prototype.disconnectedCallback=function(){this.moved?this.portal.remove():this.moved=true};e.prototype.hide=function(){var e,t;(e=document.getElementById(this.overlayId))===null||e===void 0?void 0:e.remove();(t=document.getElementById(this.panelId))===null||t===void 0?void 0:t.remove()};e.prototype.render=function(){var e=this;return o(r,{key:"1d8fd8a0d6035917184972712ab812f5c6141a1f",ref:function(t){return e.element=t}},o("slot",{key:"696879936056ff36c4054e4a235455f9308605af"}))};return e}());h.style=p;var b='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-role-properties{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", "Barlow", sans-serif}verdocs-template-role-properties div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-role-properties .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}verdocs-template-role-properties .buttons verdocs-button{margin-left:16px}verdocs-template-role-properties form{gap:15px;padding:20px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-role-properties form .instructions{margin:7px 0 0 0;font-size:12px;font-style:italic}verdocs-template-role-properties form .input-label{display:block;font-size:14px;-ms-flex:0 0 100px;flex:0 0 100px;font-weight:700;margin:0 0 4px 0;color:#555570}verdocs-template-role-properties form .first-last{gap:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties form verdocs-help-icon{-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-template-role-properties verdocs-select-input label{display:block}verdocs-template-role-properties verdocs-text-input{margin:0}verdocs-template-role-properties verdocs-text-input label{display:block}verdocs-template-role-properties verdocs-text-input .input-label{-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-role-properties verdocs-text-input input{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties verdocs-text-input verdocs-text-input{margin:0}verdocs-template-role-properties .checkbox-wrapper{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties .delete-button{height:34px;display:-ms-flexbox;display:flex;padding:0 6px;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-role-properties .delete-button svg{width:24px;height:24px}verdocs-template-role-properties .delete-button:active{background:#f3f3f3}';var v=b;var m='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#a50021"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /></svg>';var x=e("verdocs_template_role_properties",function(){function e(e){t(this,e);this.close=i(this,"close",7);this.delete=i(this,"delete",7);this.sdkError=i(this,"sdkError",7);this.templateListenerId=null;this.endpoint=n.getDefault();this.templateId="";this.roleName="";this.dirty=false;this.saving=false;this.name="";this.type="signer";this.first_name="";this.last_name="";this.email="";this.phone="";this.delegator=false;this.loading=true;this.template=null}e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i;return __generator(this,(function(o){try{this.endpoint.loadSession();if(!this.templateId){console.log("[ROLES] Missing required template ID ".concat(this.templateId));return[2]}if(!this.endpoint.session){console.log("[ROLES] Unable to start builder session, must be authenticated");return[2]}this.listenToTemplate()}catch(o){console.log("[ROLES Error with preview session",o);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new d(o.message,(t=o.response)===null||t===void 0?void 0:t.status,(i=o.response)===null||i===void 0?void 0:i.data))}return[2]}))}))};e.prototype.disconnectedCallback=function(){this.unlistenToTemplate()};e.prototype.listenToTemplate=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){console.log("[ROLES] Loading tempate",this.templateId);this.unlistenToTemplate();f.subscribe("templates",this.templateId,(function(){return s(e.endpoint,e.templateId)}),false,(function(t){var i;console.log("[BUILD] Template Updated",t);e.template=t;e.loading=false;var o=(i=e.template)===null||i===void 0?void 0:i.roles.find((function(t){return t.name===e.roleName}));if(o){e.name=o.name;e.type=o.type;e.first_name=o.first_name;e.last_name=o.last_name;e.email=o.email;e.phone=o.phone;e.delegator=o.delegator;console.log("[ROLES] Editing role",o)}}));return[2]}))}))};e.prototype.unlistenToTemplate=function(){if(this.templateListenerId){f.store.delListener(this.templateListenerId);this.templateListenerId=null}};e.prototype.handleCancel=function(e){var t=this;var i,o;e.stopPropagation();var r=(i=this.template)===null||i===void 0?void 0:i.roles.find((function(e){return e.name===t.roleName}));if(r){this.name=r.name;this.type=r.type;this.first_name=r.first_name;this.last_name=r.last_name;this.email=r.email;this.phone=r.phone;this.delegator=r.delegator}this.dirty=false;(o=this.close)===null||o===void 0?void 0:o.emit()};e.prototype.handleSave=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){e.stopPropagation();this.saving=true;a(this.endpoint,this.templateId,this.roleName,{name:this.name,type:this.type,first_name:this.first_name,last_name:this.last_name,email:this.email,phone:this.phone,delegator:this.delegator}).then((function(e){return __awaiter(t,void 0,void 0,(function(){var t,i,o;var r=this;return __generator(this,(function(n){console.log("[ROLES] Update result",e);this.saving=false;this.dirty=false;i=JSON.parse(JSON.stringify(this.template));o=i.roles.findIndex((function(e){return e.name===r.roleName}));if(o>-1){i.roles[o]=e}f.updateTemplate(this.templateId,i);(t=this.close)===null||t===void 0?void 0:t.emit();return[2]}))}))})).catch((function(e){console.log("[ROLES Update error",e);t.saving=false}));return[2]}))}))};e.prototype.handleDelete=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){e.stopPropagation();if(window.confirm("Are you sure you wish to remove this role? All associated fields will be removed as well. This action cannot be undone.")){c(this.endpoint,this.templateId,this.roleName).then((function(){var e,i;var o=JSON.parse(JSON.stringify(t.template));o.roles=o.roles.filter((function(e){return e.name!==t.roleName}));f.getTemplate(t.endpoint,t.templateId,true);(e=t.delete)===null||e===void 0?void 0:e.emit({templateId:t.templateId,roleName:t.roleName});(i=t.close)===null||i===void 0?void 0:i.emit()})).catch((function(e){console.log("[ROLES Deletion error",e)}))}return[2]}))}))};e.prototype.render=function(){var e=this;var t;var i=(((t=this.template)===null||t===void 0?void 0:t.fields)||[]).some((function(t){return t.role_name===e.roleName}));var n=!this.email&&!this.first_name&&!this.last_name||l(this.email)&&!!this.first_name&&!!this.last_name;return o(r,{key:"a1895798db1e9b9f63c42e79556bdb76029217c2"},o("form",{key:"8be859da1a954e4d086d630e0d5aeaa991f88640",onSubmit:function(e){return e.preventDefault()},onClick:function(e){return e.stopPropagation()},autocomplete:"off"},o("div",{key:"a37025fa1b286d43493bd142f77f8310b02ee701"},o("verdocs-text-input",{key:"eea1b7844b0a60c30a6ee50a123399b7fe6fac4a",id:"verdocs-role-name",label:"Role Name (Must be unique)",value:this.name,autocomplete:"off",disabled:i,placeholder:"Role Name...",onInput:function(t){e.name=t.target.value;e.dirty=true}}),i&&o("div",{key:"5945d4e7a64f9b4a513bbd975fb821f662e452a4",class:"instructions"},"This role has fields assigned and can no longer be renamed.")),o("div",{key:"14cfb01f29a5889f1fcb2c90366ba4f215341a2c"},o("div",{key:"9095e3b2f1f378c9d3937898ca68d6742d89be54",class:"input-label"},"Type:"),o("verdocs-select-input",{key:"b07e4afc086e7d1563f58bb3c43aa0d909d8a65e",value:this.type,options:[{label:"Signer",value:"signer"},{label:"CC",value:"cc"},{label:"Approver",value:"approver"}],onInput:function(t){e.type=t.target.value;e.dirty=true}})),o("div",{key:"5e1ed5226be0707cc5430c1e7bd38ad6e4df5dd5"},o("div",{key:"fc4a467cb0da25a80c421134c8226480369d2a83",class:"input-label"},"Default Contact Info:"),o("div",{key:"f6cb36cde86b8067c374e4bf0cffa6549851888d",class:"first-last"},o("verdocs-text-input",{key:"a52d5426c87419f45482ef6004ef11597400ea87",id:"verdocs-recipient-first",value:this.first_name,autocomplete:"off",placeholder:"First...",onInput:function(t){e.first_name=t.target.value;e.dirty=true}}),o("verdocs-text-input",{key:"b9035b299231319dce05f19c15c4d427ad6cd2f3",id:"verdocs-recipient-first",value:this.last_name,autocomplete:"off",placeholder:"Last...",onInput:function(t){e.last_name=t.target.value;e.dirty=true}}))),o("div",{key:"d42c1ce5ae61db11a0ac32b3fa7bc3816e3068c6"},o("verdocs-text-input",{key:"63436a7be6b3f35c2341dc88d137bd2f6b061978",id:"verdocs-recipient-email",value:this.email,autocomplete:"off",placeholder:"Email Address...",onInput:function(t){e.email=t.target.value;e.dirty=true}}),o("div",{key:"5a7ed36cfa657fb9ee11cf62998abbab2cc641e9",style:{height:"15px"}}),o("div",{key:"c974f4e78235706788dfa54f69f6f5ec7d37d00e"},o("verdocs-text-input",{key:"2be4c29396c6e6bc4f687819646ea219fce97e82",id:"verdocs-recipient-phone",value:this.phone,autocomplete:"off",placeholder:"Phone Number...",onInput:function(t){e.phone=t.target.value;e.dirty=true}}))),o("div",{key:"a0eba03681cab8b491e5bd833c9d718d85979d92",class:"buttons"},o("button",{key:"145ae41f583a843a6e64743b9f18a0f3c23c370c",class:"delete-button",disabled:this.dirty,onClick:function(t){return e.handleDelete(t)},innerHTML:m}),o("div",{key:"e81da0df0eceae434bb1fbaa5b642edacc978a4a",style:{flex:"1"}}),o("verdocs-button",{key:"bb0cd0eae3b51a84b2729531508d888cb03dad10",size:"small",label:"Save",disabled:!this.dirty||!n,onClick:function(t){return e.handleSave(t)}}))))};return e}());x.style=v}}}));
|
2
|
-
//# sourceMappingURL=p-
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,t,i,o){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,n){function s(e){try{c(o.next(e))}catch(e){n(e)}}function a(e){try{c(o["throw"](e))}catch(e){n(e)}}function c(e){e.done?i(e.value):r(e.value).then(s,a)}c((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},o,r,n,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return c([e,t])}}function c(a){if(o)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(i=0)),i)try{if(o=1,r&&(n=a[0]&2?r["return"]:a[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,a[1])).done)return n;if(r=0,n)a=[a[0]&2,n.value];switch(a[0]){case 0:case 1:n=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;r=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!n||a[1]>n[0]&&a[1]<n[3])){i.label=a[1];break}if(a[0]===6&&i.label<n[1]){i.label=n[1];n=a;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(a);break}if(n[2])i.ops.pop();i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e];r=0}finally{o=n=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-9186f42e.system.js","@verdocs/js-sdk","./p-c8a15cb7.system.js","./p-65be7617.system.js"],(function(e){"use strict";var t,i,o,r,n,s,a,c,l,d,f;return{setters:[function(e){t=e.r;i=e.c;o=e.h;r=e.H},function(e){n=e.VerdocsEndpoint;s=e.getTemplate;a=e.updateTemplateRole;c=e.deleteTemplateRole;l=e.isValidEmail},function(e){d=e.S},function(e){f=e.S}],execute:function(){var u='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}#verdocs-menu-panel-overlay{top:0;left:0;width:100%;height:100%;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.4980392157)}#verdocs-menu-panel{opacity:0;z-index:10001;position:fixed;overflow-y:scroll;background-color:#ffffff;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-webkit-animation:showVerdocsMenuPanel 0.35s;-webkit-animation-fill-mode:forwards}@-webkit-keyframes showVerdocsMenuPanel{0%{opacity:0;right:-300px}100%{right:0;opacity:1}}';var p=u;var h=e("verdocs_menu_panel",function(){function e(e){t(this,e);this.close=i(this,"close",7);this.moved=false;this.overlayId="verdocs-menu-panel-overlay";this.panelId="verdocs-menu-panel";this.side="right";this.overlay=true;this.width=300}e.prototype.handleClick=function(e){var t;if(!this.element.contains(e.target)){this.hide();(t=this.close)===null||t===void 0?void 0:t.emit()}};e.prototype.componentWillLoad=function(){this.hide();if(this.overlay){this.portal=document.createElement("div");this.portal.setAttribute("id",this.overlayId);document.body.append(this.portal)}this.portal=document.createElement("div");this.portal.setAttribute("id",this.panelId);this.portal.style.top="0px";this.portal.style.bottom="0px";this.portal.style.width="".concat(this.width,"px");if(this.side==="left"){this.portal.style.left="0px"}else{this.portal.style.right="0px"}document.body.append(this.portal)};e.prototype.componentDidLoad=function(){this.portal.appendChild(this.element)};e.prototype.disconnectedCallback=function(){this.moved?this.portal.remove():this.moved=true};e.prototype.hide=function(){var e,t;(e=document.getElementById(this.overlayId))===null||e===void 0?void 0:e.remove();(t=document.getElementById(this.panelId))===null||t===void 0?void 0:t.remove()};e.prototype.render=function(){var e=this;return o(r,{key:"1d8fd8a0d6035917184972712ab812f5c6141a1f",ref:function(t){return e.element=t}},o("slot",{key:"696879936056ff36c4054e4a235455f9308605af"}))};return e}());h.style=p;var b='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-role-properties{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", "Barlow", sans-serif}verdocs-template-role-properties div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-role-properties .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}verdocs-template-role-properties .buttons verdocs-button{margin-left:16px}verdocs-template-role-properties form{gap:15px;padding:20px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-role-properties form .instructions{margin:7px 0 0 0;font-size:12px;font-style:italic}verdocs-template-role-properties form .input-label{display:block;font-size:14px;-ms-flex:0 0 100px;flex:0 0 100px;font-weight:700;margin:0 0 4px 0;color:#555570}verdocs-template-role-properties form .first-last{gap:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties form verdocs-help-icon{-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-template-role-properties verdocs-select-input label{display:block}verdocs-template-role-properties verdocs-text-input{margin:0}verdocs-template-role-properties verdocs-text-input label{display:block}verdocs-template-role-properties verdocs-text-input .input-label{-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-role-properties verdocs-text-input input{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties verdocs-text-input verdocs-text-input{margin:0}verdocs-template-role-properties .checkbox-wrapper{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties .delete-button{height:34px;display:-ms-flexbox;display:flex;padding:0 6px;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-role-properties .delete-button svg{width:24px;height:24px}verdocs-template-role-properties .delete-button:active{background:#f3f3f3}';var v=b;var m='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#a50021"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /></svg>';var x=e("verdocs_template_role_properties",function(){function e(e){t(this,e);this.close=i(this,"close",7);this.delete=i(this,"delete",7);this.sdkError=i(this,"sdkError",7);this.templateListenerId=null;this.endpoint=n.getDefault();this.templateId="";this.roleName="";this.dirty=false;this.saving=false;this.name="";this.type="signer";this.first_name="";this.last_name="";this.email="";this.phone="";this.delegator=false;this.loading=true;this.template=null}e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i;return __generator(this,(function(o){try{this.endpoint.loadSession();if(!this.templateId){console.log("[ROLES] Missing required template ID ".concat(this.templateId));return[2]}if(!this.endpoint.session){console.log("[ROLES] Unable to start builder session, must be authenticated");return[2]}this.listenToTemplate()}catch(o){console.log("[ROLES Error with preview session",o);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new d(o.message,(t=o.response)===null||t===void 0?void 0:t.status,(i=o.response)===null||i===void 0?void 0:i.data))}return[2]}))}))};e.prototype.disconnectedCallback=function(){this.unlistenToTemplate()};e.prototype.listenToTemplate=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){console.log("[ROLES] Loading tempate",this.templateId);this.unlistenToTemplate();f.subscribe("templates",this.templateId,(function(){return s(e.endpoint,e.templateId)}),false,(function(t){var i;console.log("[BUILD] Template Updated",t);e.template=t;e.loading=false;var o=(i=e.template)===null||i===void 0?void 0:i.roles.find((function(t){return t.name===e.roleName}));if(o){e.name=o.name;e.type=o.type;e.first_name=o.first_name;e.last_name=o.last_name;e.email=o.email;e.phone=o.phone;e.delegator=o.delegator;console.log("[ROLES] Editing role",o)}}));return[2]}))}))};e.prototype.unlistenToTemplate=function(){if(this.templateListenerId){f.store.delListener(this.templateListenerId);this.templateListenerId=null}};e.prototype.handleCancel=function(e){var t=this;var i,o;e.stopPropagation();var r=(i=this.template)===null||i===void 0?void 0:i.roles.find((function(e){return e.name===t.roleName}));if(r){this.name=r.name;this.type=r.type;this.first_name=r.first_name;this.last_name=r.last_name;this.email=r.email;this.phone=r.phone;this.delegator=r.delegator}this.dirty=false;(o=this.close)===null||o===void 0?void 0:o.emit()};e.prototype.handleSave=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){e.stopPropagation();this.saving=true;a(this.endpoint,this.templateId,this.roleName,{name:this.name,type:this.type,first_name:this.first_name,last_name:this.last_name,email:this.email,phone:this.phone,delegator:this.delegator}).then((function(e){return __awaiter(t,void 0,void 0,(function(){var t,i,o;var r=this;return __generator(this,(function(n){console.log("[ROLES] Update result",e);this.saving=false;this.dirty=false;i=JSON.parse(JSON.stringify(this.template));o=i.roles.findIndex((function(e){return e.name===r.roleName}));if(o>-1){i.roles[o]=e}f.updateTemplate(this.templateId,i);(t=this.close)===null||t===void 0?void 0:t.emit();return[2]}))}))})).catch((function(e){console.log("[ROLES Update error",e);t.saving=false}));return[2]}))}))};e.prototype.handleDelete=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){e.stopPropagation();if(window.confirm("Are you sure you wish to remove this role? All associated fields will be removed as well. This action cannot be undone.")){c(this.endpoint,this.templateId,this.roleName).then((function(){var e,i;var o=JSON.parse(JSON.stringify(t.template));o.roles=o.roles.filter((function(e){return e.name!==t.roleName}));f.getTemplate(t.endpoint,t.templateId,true);(e=t.delete)===null||e===void 0?void 0:e.emit({templateId:t.templateId,roleName:t.roleName});(i=t.close)===null||i===void 0?void 0:i.emit()})).catch((function(e){console.log("[ROLES Deletion error",e)}))}return[2]}))}))};e.prototype.render=function(){var e=this;var t;var i=(((t=this.template)===null||t===void 0?void 0:t.fields)||[]).some((function(t){return t.role_name===e.roleName}));var n=!this.email&&!this.first_name&&!this.last_name||l(this.email)&&!!this.first_name&&!!this.last_name;return o(r,{key:"a1895798db1e9b9f63c42e79556bdb76029217c2"},o("form",{key:"8be859da1a954e4d086d630e0d5aeaa991f88640",onSubmit:function(e){return e.preventDefault()},onClick:function(e){return e.stopPropagation()},autocomplete:"off"},o("div",{key:"a37025fa1b286d43493bd142f77f8310b02ee701"},o("verdocs-text-input",{key:"eea1b7844b0a60c30a6ee50a123399b7fe6fac4a",id:"verdocs-role-name",label:"Role Name (Must be unique)",value:this.name,autocomplete:"off",disabled:i,placeholder:"Role Name...",onInput:function(t){e.name=t.target.value;e.dirty=true}}),i&&o("div",{key:"5945d4e7a64f9b4a513bbd975fb821f662e452a4",class:"instructions"},"This role has fields assigned and can no longer be renamed.")),o("div",{key:"14cfb01f29a5889f1fcb2c90366ba4f215341a2c"},o("div",{key:"9095e3b2f1f378c9d3937898ca68d6742d89be54",class:"input-label"},"Type:"),o("verdocs-select-input",{key:"b07e4afc086e7d1563f58bb3c43aa0d909d8a65e",value:this.type,options:[{label:"Signer",value:"signer"},{label:"CC",value:"cc"},{label:"Approver",value:"approver"}],onInput:function(t){e.type=t.target.value;e.dirty=true}})),o("div",{key:"5e1ed5226be0707cc5430c1e7bd38ad6e4df5dd5"},o("div",{key:"fc4a467cb0da25a80c421134c8226480369d2a83",class:"input-label"},"Default Contact Info:"),o("div",{key:"f6cb36cde86b8067c374e4bf0cffa6549851888d",class:"first-last"},o("verdocs-text-input",{key:"a52d5426c87419f45482ef6004ef11597400ea87",id:"verdocs-recipient-first",value:this.first_name,autocomplete:"off",placeholder:"First...",onInput:function(t){e.first_name=t.target.value;e.dirty=true}}),o("verdocs-text-input",{key:"b9035b299231319dce05f19c15c4d427ad6cd2f3",id:"verdocs-recipient-first",value:this.last_name,autocomplete:"off",placeholder:"Last...",onInput:function(t){e.last_name=t.target.value;e.dirty=true}}))),o("div",{key:"d42c1ce5ae61db11a0ac32b3fa7bc3816e3068c6"},o("verdocs-text-input",{key:"63436a7be6b3f35c2341dc88d137bd2f6b061978",id:"verdocs-recipient-email",value:this.email,autocomplete:"off",placeholder:"Email Address...",onInput:function(t){e.email=t.target.value;e.dirty=true}}),o("div",{key:"5a7ed36cfa657fb9ee11cf62998abbab2cc641e9",style:{height:"15px"}}),o("div",{key:"c974f4e78235706788dfa54f69f6f5ec7d37d00e"},o("verdocs-text-input",{key:"2be4c29396c6e6bc4f687819646ea219fce97e82",id:"verdocs-recipient-phone",value:this.phone,autocomplete:"off",placeholder:"Phone Number...",onInput:function(t){e.phone=t.target.value;e.dirty=true}}))),o("div",{key:"a0eba03681cab8b491e5bd833c9d718d85979d92",class:"buttons"},o("button",{key:"145ae41f583a843a6e64743b9f18a0f3c23c370c",class:"delete-button",disabled:this.dirty,onClick:function(t){return e.handleDelete(t)},innerHTML:m}),o("div",{key:"e81da0df0eceae434bb1fbaa5b642edacc978a4a",style:{flex:"1"}}),o("verdocs-button",{key:"bb0cd0eae3b51a84b2729531508d888cb03dad10",size:"small",label:"Save",disabled:!this.dirty||!n,onClick:function(t){return e.handleSave(t)}}))))};return e}());x.style=v}}}));
|
2
|
+
//# sourceMappingURL=p-dc5c275f.system.entry.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,t,a,i){function n(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,s){function d(e){try{l(i.next(e))}catch(e){s(e)}}function o(e){try{l(i["throw"](e))}catch(e){s(e)}}function l(e){e.done?a(e.value):n(e.value).then(d,o)}l((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,n,s,d;return d={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(d[Symbol.iterator]=function(){return this}),d;function o(e){return function(t){return l([e,t])}}function l(o){if(i)throw new TypeError("Generator is already executing.");while(d&&(d=0,o[0]&&(a=0)),a)try{if(i=1,n&&(s=o[0]&2?n["return"]:o[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,o[1])).done)return s;if(n=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;n=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(s=a.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){a.label=o[1];break}if(o[0]===6&&a.label<s[1]){a.label=s[1];s=o;break}if(s&&a.label<s[2]){a.label=s[2];a.ops.push(o);break}if(s[2])a.ops.pop();a.trys.pop();continue}o=t.call(e,a)}catch(e){o=[6,e];n=0}finally{i=s=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-9186f42e.system.js","./p-56ba5cbf.system.js"],(function(e,t){"use strict";var a,i,n;return{setters:[function(t){a=t.p;i=t.b;e("setNonce",t.s)},function(e){n=e.g}],execute:function(){var e=this;var s=function(){var e=t.meta.url;var i={};if(e!==""){i.resourcesUrl=new URL(".",e).href}return a(i)};s().then((function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,n()];case 1:e.sent();return[2,i(JSON.parse('[["p-9021fc7b.system",[[0,"verdocs-build",{"endpoint":[16],"templateId":[1537,"template-id"],"step":[1537],"loading":[32],"template":[32]},null,{"templateId":["onTemplateIdChanged"],"step":["onStepChanged"]}]]],["p-b0fbfc24.system",[[0,"verdocs-envelopes-list",{"endpoint":[16],"view":[1537],"status":[1537],"sort":[1537],"match":[1537],"showPagination":[4,"show-pagination"],"rowsPerPage":[2,"rows-per-page"],"selectedPage":[2,"selected-page"],"count":[32],"initiallyLoaded":[32],"loading":[32],"selectedEnvelopes":[32],"envelopes":[32]},null,{"view":["handleViewUpdated"],"status":["handleStatusUpdated"],"sort":["handleSortUpdated"],"match":["handleMatchUpdated"],"selectedPage":["handlePageUpdated"]}]]],["p-41f22b0a.system",[[0,"verdocs-sign",{"endpoint":[1040],"envelopeId":[513,"envelope-id"],"roleId":[513,"role-id"],"inviteCode":[513,"invite-code"],"headerTargetId":[1,"header-target-id"],"roleNames":[32],"sortedRecipients":[32],"recipient":[32],"hasSignature":[32],"nextButtonLabel":[32],"nextSubmits":[32],"fatalErrorHeader":[32],"fatalErrorMessage":[32],"focusedField":[32],"submitting":[32],"submitted":[32],"isDone":[32],"showDone":[32],"showLoadError":[32],"finishLater":[32],"showFinishLater":[32],"agreed":[32],"documentsSingularPlural":[32],"kbaStep":[32],"kbaQuestions":[32],"showSpinner":[32],"kbaChoices":[32],"loading":[32],"envelope":[32]}]]],["p-53f4c7c3.system",[[0,"verdocs-templates-list",{"endpoint":[16],"visibility":[1537],"starred":[1537],"sort":[1537],"name":[1537],"allowedActions":[1040],"showPagination":[4,"show-pagination"],"rowsPerPage":[2,"rows-per-page"],"selectedPage":[2,"selected-page"],"count":[32],"initiallyLoaded":[32],"loading":[32],"confirmDelete":[32],"templates":[32],"localNameFilter":[32]},null,{"sharing":["handleSharingUpdated"],"starred":["handleStarredUpdated"],"sort":["handleSortUpdated"],"name":["handleNameUpdated"],"selectedPage":["handlePageUpdated"]}]]],["p-3cc50f0b.system",[[0,"verdocs-field-payment",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"done":[516],"editable":[516],"moveable":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"fields":[16],"pageNum":[2,"page-num"],"roleName":[1,"role-name"],"fieldId":[1,"field-id"],"recipients":[8],"selectedRoleName":[1,"selected-role-name"],"pdfPages":[16],"currentSignature":[1,"current-signature"],"currentSignatureId":[1,"current-signature-id"],"currentInitial":[1,"current-initial"],"currentInitialId":[1,"current-initial-id"],"signed":[4],"roleindex":[2],"showingProperties":[32],"focused":[32],"preparedMessage":[32],"signatureUrl":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["p-00ed440b.system",[[0,"verdocs-envelope-sidebar",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"activeTab":[32],"panelOpen":[32],"showRecipientDialog":[32],"showCancelDialog":[32],"remindersEnabled":[32],"updatingReminders":[32],"initialReminder":[32],"followupReminders":[32],"loading":[32],"envelope":[32]}]]],["p-cbb75c5e.system",[[0,"verdocs-template-create",{"endpoint":[16],"maxSize":[1026,"max-size"],"file":[32],"creating":[32],"progressLabel":[32],"progressPercent":[32],"errorMessage":[32]}]]],["p-4e9e154f.system",[[0,"verdocs-auth",{"endpoint":[16],"visible":[4],"logo":[1],"displayMode":[1025,"display-mode"],"org_name":[32],"first_name":[32],"last_name":[32],"email":[32],"verificationCode":[32],"newPassword":[32],"password":[32],"confirmpass":[32],"submitting":[32],"resendDisabled":[32],"session":[32],"profile":[32]}]]],["p-19462841.system",[[0,"verdocs-envelope-recipient-summary",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"canSendAnother":[4,"can-send-another"],"canView":[4,"can-view"],"canDone":[4,"can-done"],"isOpen":[32],"recipientStatusIcons":[32],"containerId":[32],"gettingLinks":[32],"links":[32],"loading":[32],"envelope":[32]}]]],["p-1d5b9103.system",[[4,"verdocs-dialog"]]],["p-90bc3ad0.system",[[0,"verdocs-quick-functions",{"endpoint":[16]}]]],["p-6237ce51.system",[[0,"verdocs-radio-button",{"checked":[4],"name":[1],"value":[1],"disabled":[4]}]]],["p-d5870e33.system",[[0,"verdocs-search-box",{"endpoint":[16],"placeholder":[1],"type":[1],"query":[1],"grabsFocus":[4,"grabs-focus"],"focusField":[64]}]]],["p-ac6ecfad.system",[[0,"verdocs-search-tabs",{"selected":[32]}]]],["p-9227d400.system",[[0,"verdocs-table",{"columns":[16],"data":[16]}]]],["p-ad3d07a6.system",[[0,"verdocs-template-card",{"template":[16]}]]],["p-5824962b.system",[[0,"verdocs-template-tags",{"tags":[16]}]]],["p-761f6656.system",[[0,"verdocs-toggle",{"options":[16],"theme":[1],"selectedOption":[32]}]]],["p-2eae32d9.system",[[0,"verdocs-status-indicator",{"size":[1],"theme":[1],"status":[1],"envelope":[16],"isOpen":[32],"containerId":[32]}]]],["p-417f71da.system",[[0,"verdocs-template-star",{"endpoint":[16],"template":[1040],"updating":[32]}]]],["p-7b1e00e5.system",[[0,"verdocs-envelope-document-page",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"documentId":[1,"document-id"],"pageNumber":[2,"page-number"],"virtualWidth":[2,"virtual-width"],"virtualHeight":[1026,"virtual-height"],"layers":[16],"type":[1],"containerId":[32],"renderedWidth":[32],"renderedHeight":[32],"naturalWidth":[32],"naturalHeight":[32],"aspectRatio":[32],"skipFirstNotification":[32],"pageDisplayUri":[32]}]]],["p-1e191c20.system",[[0,"verdocs-help-icon",{"text":[1],"icon":[1],"containerId":[32]}],[0,"verdocs-button",{"label":[1],"startIcon":[1,"start-icon"],"endIcon":[1,"end-icon"],"size":[1],"type":[1],"variant":[1],"disabled":[4]}]]],["p-e3077c5e.system",[[0,"verdocs-view",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"headerTargetId":[1,"header-target-id"],"canceling":[32],"showCancelDone":[32],"showLoadError":[32],"loading":[32],"envelope":[32]}],[0,"verdocs-kba-dialog",{"step":[2],"steps":[2],"helptitle":[1],"helptext":[1],"mode":[1],"label":[1],"placeholder":[1],"recipient":[16],"choices":[16],"response":[32],"updatedRecipient":[32]}]]],["p-fda9c437.system",[[0,"verdocs-envelope-recipient-link",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"roleName":[1,"role-name"],"isOpen":[32],"gettingLink":[32],"link":[32],"loading":[32],"envelope":[32],"recipient":[32]}],[0,"verdocs-switch",{"checked":[1028],"theme":[1],"disabled":[4]}]]],["p-ea078594.system",[[0,"verdocs-template-role-properties",{"endpoint":[16],"templateId":[1,"template-id"],"roleName":[1,"role-name"],"dirty":[32],"saving":[32],"name":[32],"type":[32],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"delegator":[32],"loading":[32],"template":[32]}],[4,"verdocs-menu-panel",{"side":[1],"overlay":[4],"width":[2]},[[4,"click","handleClick"]]]]],["p-e438bd02.system",[[4,"verdocs-button-panel",{"icon":[1],"showPanel":[64],"hidePanel":[64],"toggle":[64]}],[4,"verdocs-tabs",{"tabs":[16],"selectedTab":[2,"selected-tab"]}]]],["p-6b4de004.system",[[0,"verdocs-pagination",{"selectedPage":[1538,"selected-page"],"itemCount":[2,"item-count"],"perPage":[2,"per-page"]}],[0,"verdocs-quick-filter",{"options":[16],"label":[1],"value":[1537],"placeholder":[1],"open":[32]}]]],["p-94fe5817.system",[[0,"verdocs-ok-dialog",{"heading":[1],"message":[1],"buttonLabel":[1,"button-label"],"showCancel":[4,"show-cancel"],"closed":[32]}]]],["p-bbf30adc.system",[[0,"verdocs-toolbar-icon",{"text":[1],"icon":[1],"placement":[1],"containerId":[32]}],[0,"verdocs-template-document-page",{"endpoint":[16],"editable":[4],"disabled":[4],"done":[4],"templateId":[1,"template-id"],"documentId":[1,"document-id"],"pageNumber":[2,"page-number"],"virtualWidth":[2,"virtual-width"],"virtualHeight":[1026,"virtual-height"],"layers":[16],"containerId":[32],"renderedWidth":[32],"renderedHeight":[32],"naturalWidth":[32],"naturalHeight":[32],"aspectRatio":[32],"skipFirstNotification":[32],"pageDisplayUri":[32],"xScale":[32],"yScale":[32],"loading":[32],"template":[32]}]]],["p-8d7d61ee.system",[[0,"verdocs-contact-picker",{"endpoint":[16],"templateRole":[16],"contactSuggestions":[16],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"zip":[32],"address":[32],"message":[32],"showSuggestions":[32],"showMessage":[32],"delegator":[32],"showKba":[32],"kba_method":[32],"kba_pin":[32],"nameFieldId":[32],"firstNameFieldId":[32],"lastNameFieldId":[32],"emailFieldId":[32],"phoneFieldId":[32]}],[0,"verdocs-toggle-button",{"active":[4],"icon":[1],"label":[1],"size":[1],"_active":[32]}]]],["p-e6d711e0.system",[[0,"verdocs-file-chooser",{"endpoint":[16],"file":[32]}],[0,"verdocs-progress-bar",{"label":[1],"showPercent":[4,"show-percent"],"percent":[2]}]]],["p-f84932fd.system",[[0,"verdocs-spinner",{"size":[2],"mode":[1]}]]],["p-306bde40.system",[[0,"verdocs-organization-card",{"organization":[16],"hovered":[32]},[[1,"mouseover","onMouseOver"],[1,"mouseout","onMouseOut"]]],[4,"verdocs-portal",{"anchor":[1],"voffset":[2]},[[11,"scroll","handleScroll"],[9,"resize","handleResize"],[4,"click","handleClick"]]]]],["p-d8dae4e9.system",[[0,"verdocs-dropdown",{"options":[16],"containerId":[32],"showPicker":[32]}]]],["p-eb3ceb39.system",[[0,"verdocs-template-field-properties",{"endpoint":[16],"templateId":[1,"template-id"],"fieldName":[1025,"field-name"],"helpText":[1,"help-text"],"dirty":[32],"label":[32],"type":[32],"name":[32],"required":[32],"roleName":[32],"group":[32],"fieldType":[32],"options":[32],"placeholder":[32],"defaultValue":[32],"showingHelp":[32],"loading":[32],"template":[32]}],[0,"verdocs-checkbox",{"checked":[4],"name":[1],"label":[1],"value":[1],"theme":[1],"disabled":[4]}],[0,"verdocs-select-input",{"value":[1],"label":[1],"options":[16],"disabled":[4]}],[0,"verdocs-component-error",{"message":[1]}],[0,"verdocs-loader"],[0,"verdocs-text-input",{"value":[1537],"label":[1],"placeholder":[1],"autocomplete":[1],"helpText":[1,"help-text"],"clearable":[4],"copyable":[4],"type":[1],"disabled":[4],"required":[4],"showingPw":[32]}]]],["p-37fa9d00.system",[[0,"verdocs-field-attachment",{"endpoint":[16],"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"dialogOpen":[32],"selectedFile":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-initial",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"initials":[513],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"tempInitials":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-signature",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"name":[513],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"tempSignature":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-checkbox",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"done":[516],"editable":[516],"moveable":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-date",{"source":[513],"sourceid":[513],"fieldname":[513],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"field":[16],"containerId":[32],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-dropdown",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-radio",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"required":[516],"done":[516],"editable":[516],"moveable":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-textarea",{"endpoint":[16],"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-textbox",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"multiline":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-timestamp",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[2],"showingProperties":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-initial-dialog",{"initials":[1],"fontLoaded":[32],"enteredInitials":[32],"mode":[32]}],[0,"verdocs-signature-dialog",{"name":[1],"fontLoaded":[32],"enteredName":[32],"mode":[32]}],[0,"verdocs-upload-dialog",{"maxSize":[1026,"max-size"],"existingFile":[1032,"existing-file"],"draggingOver":[32],"confirmDelete":[32],"selectedFiles":[32],"errorMessage":[32]}]]],["p-99d5305a.system",[[0,"verdocs-template-fields",{"endpoint":[16],"templateId":[1537,"template-id"],"toolbarTargetId":[1,"toolbar-target-id"],"placing":[32],"showMustSelectRole":[32],"selectedRoleName":[32],"loading":[32],"template":[32]},[[4,"keydown","handleKeyDown"]],{"templateId":["onTemplateIdChanged"]}],[0,"verdocs-preview",{"endpoint":[16],"templateId":[1,"template-id"],"loading":[32],"template":[32]},null,{"templateId":["onTemplateIdChanged"]}],[0,"verdocs-send",{"endpoint":[16],"templateId":[513,"template-id"],"environment":[1],"containerId":[32],"showPickerForId":[32],"sessionContacts":[32],"sending":[32],"rolesCompleted":[32],"loading":[32],"template":[32],"reset":[64]},null,{"templateId":["onTemplateIdChanged"]}],[0,"verdocs-template-roles",{"endpoint":[16],"templateId":[1,"template-id"],"showingRoleDialog":[32],"sender":[32],"dragging":[32],"loading":[32],"template":[32]}],[0,"verdocs-template-attachments",{"endpoint":[16],"templateId":[1,"template-id"],"uploading":[32],"progressLabel":[32],"progressPercent":[32],"showDeleteError":[32],"confirmDeleteDocument":[32],"loading":[32],"template":[32]}],[0,"verdocs-template-build-tabs",{"endpoint":[16],"templateId":[1537,"template-id"],"step":[1537],"loading":[32],"template":[32]},null,{"templateId":["onTemplateIdChanged"],"step":["onStepChanged"]}]]]]'),t)]}}))}))}))}}}));
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,t,a,i){function n(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,s){function d(e){try{l(i.next(e))}catch(e){s(e)}}function o(e){try{l(i["throw"](e))}catch(e){s(e)}}function l(e){e.done?a(e.value):n(e.value).then(d,o)}l((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,n,s,d;return d={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(d[Symbol.iterator]=function(){return this}),d;function o(e){return function(t){return l([e,t])}}function l(o){if(i)throw new TypeError("Generator is already executing.");while(d&&(d=0,o[0]&&(a=0)),a)try{if(i=1,n&&(s=o[0]&2?n["return"]:o[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,o[1])).done)return s;if(n=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;n=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(s=a.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){a.label=o[1];break}if(o[0]===6&&a.label<s[1]){a.label=s[1];s=o;break}if(s&&a.label<s[2]){a.label=s[2];a.ops.push(o);break}if(s[2])a.ops.pop();a.trys.pop();continue}o=t.call(e,a)}catch(e){o=[6,e];n=0}finally{i=s=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-9186f42e.system.js","./p-56ba5cbf.system.js"],(function(e,t){"use strict";var a,i,n;return{setters:[function(t){a=t.p;i=t.b;e("setNonce",t.s)},function(e){n=e.g}],execute:function(){var e=this;var s=function(){var e=t.meta.url;var i={};if(e!==""){i.resourcesUrl=new URL(".",e).href}return a(i)};s().then((function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,n()];case 1:e.sent();return[2,i(JSON.parse('[["p-34c2298e.system",[[0,"verdocs-build",{"endpoint":[16],"templateId":[1537,"template-id"],"step":[1537],"loading":[32],"template":[32]},null,{"templateId":["onTemplateIdChanged"],"step":["onStepChanged"]}]]],["p-b0fbfc24.system",[[0,"verdocs-envelopes-list",{"endpoint":[16],"view":[1537],"status":[1537],"sort":[1537],"match":[1537],"showPagination":[4,"show-pagination"],"rowsPerPage":[2,"rows-per-page"],"selectedPage":[2,"selected-page"],"count":[32],"initiallyLoaded":[32],"loading":[32],"selectedEnvelopes":[32],"envelopes":[32]},null,{"view":["handleViewUpdated"],"status":["handleStatusUpdated"],"sort":["handleSortUpdated"],"match":["handleMatchUpdated"],"selectedPage":["handlePageUpdated"]}]]],["p-ff048639.system",[[0,"verdocs-sign",{"endpoint":[1040],"envelopeId":[513,"envelope-id"],"roleId":[513,"role-id"],"inviteCode":[513,"invite-code"],"headerTargetId":[1,"header-target-id"],"roleNames":[32],"sortedRecipients":[32],"recipient":[32],"hasSignature":[32],"nextButtonLabel":[32],"nextSubmits":[32],"fatalErrorHeader":[32],"fatalErrorMessage":[32],"focusedField":[32],"submitting":[32],"submitted":[32],"isDone":[32],"showDone":[32],"showLoadError":[32],"finishLater":[32],"showFinishLater":[32],"agreed":[32],"documentsSingularPlural":[32],"kbaStep":[32],"kbaQuestions":[32],"showSpinner":[32],"kbaChoices":[32],"loading":[32],"envelope":[32]}]]],["p-53f4c7c3.system",[[0,"verdocs-templates-list",{"endpoint":[16],"visibility":[1537],"starred":[1537],"sort":[1537],"name":[1537],"allowedActions":[1040],"showPagination":[4,"show-pagination"],"rowsPerPage":[2,"rows-per-page"],"selectedPage":[2,"selected-page"],"count":[32],"initiallyLoaded":[32],"loading":[32],"confirmDelete":[32],"templates":[32],"localNameFilter":[32]},null,{"sharing":["handleSharingUpdated"],"starred":["handleStarredUpdated"],"sort":["handleSortUpdated"],"name":["handleNameUpdated"],"selectedPage":["handlePageUpdated"]}]]],["p-26106576.system",[[0,"verdocs-field-payment",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"done":[516],"editable":[516],"moveable":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"fields":[16],"pageNum":[2,"page-num"],"roleName":[1,"role-name"],"fieldId":[1,"field-id"],"recipients":[8],"selectedRoleName":[1,"selected-role-name"],"pdfPages":[16],"currentSignature":[1,"current-signature"],"currentSignatureId":[1,"current-signature-id"],"currentInitial":[1,"current-initial"],"currentInitialId":[1,"current-initial-id"],"signed":[4],"roleindex":[2],"showingProperties":[32],"focused":[32],"preparedMessage":[32],"signatureUrl":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["p-2175c81a.system",[[0,"verdocs-envelope-sidebar",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"activeTab":[32],"panelOpen":[32],"showRecipientDialog":[32],"showCancelDialog":[32],"remindersEnabled":[32],"updatingReminders":[32],"initialReminder":[32],"followupReminders":[32],"loading":[32],"envelope":[32]}]]],["p-cbb75c5e.system",[[0,"verdocs-template-create",{"endpoint":[16],"maxSize":[1026,"max-size"],"file":[32],"creating":[32],"progressLabel":[32],"progressPercent":[32],"errorMessage":[32]}]]],["p-4e9e154f.system",[[0,"verdocs-auth",{"endpoint":[16],"visible":[4],"logo":[1],"displayMode":[1025,"display-mode"],"org_name":[32],"first_name":[32],"last_name":[32],"email":[32],"verificationCode":[32],"newPassword":[32],"password":[32],"confirmpass":[32],"submitting":[32],"resendDisabled":[32],"session":[32],"profile":[32]}]]],["p-086ee7f1.system",[[0,"verdocs-envelope-recipient-summary",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"canSendAnother":[4,"can-send-another"],"canView":[4,"can-view"],"canDone":[4,"can-done"],"isOpen":[32],"recipientStatusIcons":[32],"containerId":[32],"gettingLinks":[32],"links":[32],"loading":[32],"envelope":[32]}]]],["p-1d5b9103.system",[[4,"verdocs-dialog"]]],["p-90bc3ad0.system",[[0,"verdocs-quick-functions",{"endpoint":[16]}]]],["p-6237ce51.system",[[0,"verdocs-radio-button",{"checked":[4],"name":[1],"value":[1],"disabled":[4]}]]],["p-d5870e33.system",[[0,"verdocs-search-box",{"endpoint":[16],"placeholder":[1],"type":[1],"query":[1],"grabsFocus":[4,"grabs-focus"],"focusField":[64]}]]],["p-ac6ecfad.system",[[0,"verdocs-search-tabs",{"selected":[32]}]]],["p-9227d400.system",[[0,"verdocs-table",{"columns":[16],"data":[16]}]]],["p-ad3d07a6.system",[[0,"verdocs-template-card",{"template":[16]}]]],["p-5824962b.system",[[0,"verdocs-template-tags",{"tags":[16]}]]],["p-761f6656.system",[[0,"verdocs-toggle",{"options":[16],"theme":[1],"selectedOption":[32]}]]],["p-2eae32d9.system",[[0,"verdocs-status-indicator",{"size":[1],"theme":[1],"status":[1],"envelope":[16],"isOpen":[32],"containerId":[32]}]]],["p-417f71da.system",[[0,"verdocs-template-star",{"endpoint":[16],"template":[1040],"updating":[32]}]]],["p-7b1e00e5.system",[[0,"verdocs-envelope-document-page",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"documentId":[1,"document-id"],"pageNumber":[2,"page-number"],"virtualWidth":[2,"virtual-width"],"virtualHeight":[1026,"virtual-height"],"layers":[16],"type":[1],"containerId":[32],"renderedWidth":[32],"renderedHeight":[32],"naturalWidth":[32],"naturalHeight":[32],"aspectRatio":[32],"skipFirstNotification":[32],"pageDisplayUri":[32]}]]],["p-1e191c20.system",[[0,"verdocs-help-icon",{"text":[1],"icon":[1],"containerId":[32]}],[0,"verdocs-button",{"label":[1],"startIcon":[1,"start-icon"],"endIcon":[1,"end-icon"],"size":[1],"type":[1],"variant":[1],"disabled":[4]}]]],["p-6b2fc4bd.system",[[0,"verdocs-view",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"headerTargetId":[1,"header-target-id"],"canceling":[32],"showCancelDone":[32],"showLoadError":[32],"loading":[32],"envelope":[32]}],[0,"verdocs-kba-dialog",{"step":[2],"steps":[2],"helptitle":[1],"helptext":[1],"mode":[1],"label":[1],"placeholder":[1],"recipient":[16],"choices":[16],"response":[32],"updatedRecipient":[32]}]]],["p-208a8b41.system",[[0,"verdocs-envelope-recipient-link",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"roleName":[1,"role-name"],"isOpen":[32],"gettingLink":[32],"link":[32],"loading":[32],"envelope":[32],"recipient":[32]}],[0,"verdocs-switch",{"checked":[1028],"theme":[1],"disabled":[4]}]]],["p-dc5c275f.system",[[0,"verdocs-template-role-properties",{"endpoint":[16],"templateId":[1,"template-id"],"roleName":[1,"role-name"],"dirty":[32],"saving":[32],"name":[32],"type":[32],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"delegator":[32],"loading":[32],"template":[32]}],[4,"verdocs-menu-panel",{"side":[1],"overlay":[4],"width":[2]},[[4,"click","handleClick"]]]]],["p-e438bd02.system",[[4,"verdocs-button-panel",{"icon":[1],"showPanel":[64],"hidePanel":[64],"toggle":[64]}],[4,"verdocs-tabs",{"tabs":[16],"selectedTab":[2,"selected-tab"]}]]],["p-6b4de004.system",[[0,"verdocs-pagination",{"selectedPage":[1538,"selected-page"],"itemCount":[2,"item-count"],"perPage":[2,"per-page"]}],[0,"verdocs-quick-filter",{"options":[16],"label":[1],"value":[1537],"placeholder":[1],"open":[32]}]]],["p-94fe5817.system",[[0,"verdocs-ok-dialog",{"heading":[1],"message":[1],"buttonLabel":[1,"button-label"],"showCancel":[4,"show-cancel"],"closed":[32]}]]],["p-90690dde.system",[[0,"verdocs-toolbar-icon",{"text":[1],"icon":[1],"placement":[1],"containerId":[32]}],[0,"verdocs-template-document-page",{"endpoint":[16],"editable":[4],"disabled":[4],"done":[4],"templateId":[1,"template-id"],"documentId":[1,"document-id"],"pageNumber":[2,"page-number"],"virtualWidth":[2,"virtual-width"],"virtualHeight":[1026,"virtual-height"],"layers":[16],"containerId":[32],"renderedWidth":[32],"renderedHeight":[32],"naturalWidth":[32],"naturalHeight":[32],"aspectRatio":[32],"skipFirstNotification":[32],"pageDisplayUri":[32],"xScale":[32],"yScale":[32],"loading":[32],"template":[32]}]]],["p-8d7d61ee.system",[[0,"verdocs-contact-picker",{"endpoint":[16],"templateRole":[16],"contactSuggestions":[16],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"zip":[32],"address":[32],"message":[32],"showSuggestions":[32],"showMessage":[32],"delegator":[32],"showKba":[32],"kba_method":[32],"kba_pin":[32],"nameFieldId":[32],"firstNameFieldId":[32],"lastNameFieldId":[32],"emailFieldId":[32],"phoneFieldId":[32]}],[0,"verdocs-toggle-button",{"active":[4],"icon":[1],"label":[1],"size":[1],"_active":[32]}]]],["p-e6d711e0.system",[[0,"verdocs-file-chooser",{"endpoint":[16],"file":[32]}],[0,"verdocs-progress-bar",{"label":[1],"showPercent":[4,"show-percent"],"percent":[2]}]]],["p-f84932fd.system",[[0,"verdocs-spinner",{"size":[2],"mode":[1]}]]],["p-306bde40.system",[[0,"verdocs-organization-card",{"organization":[16],"hovered":[32]},[[1,"mouseover","onMouseOver"],[1,"mouseout","onMouseOut"]]],[4,"verdocs-portal",{"anchor":[1],"voffset":[2]},[[11,"scroll","handleScroll"],[9,"resize","handleResize"],[4,"click","handleClick"]]]]],["p-d8dae4e9.system",[[0,"verdocs-dropdown",{"options":[16],"containerId":[32],"showPicker":[32]}]]],["p-32cf09f0.system",[[0,"verdocs-template-field-properties",{"endpoint":[16],"templateId":[1,"template-id"],"fieldName":[1025,"field-name"],"helpText":[1,"help-text"],"dirty":[32],"label":[32],"type":[32],"name":[32],"required":[32],"roleName":[32],"group":[32],"fieldType":[32],"options":[32],"placeholder":[32],"defaultValue":[32],"showingHelp":[32],"loading":[32],"template":[32]}],[0,"verdocs-checkbox",{"checked":[4],"name":[1],"label":[1],"value":[1],"theme":[1],"disabled":[4]}],[0,"verdocs-select-input",{"value":[1],"label":[1],"options":[16],"disabled":[4]}],[0,"verdocs-component-error",{"message":[1]}],[0,"verdocs-loader"],[0,"verdocs-text-input",{"value":[1537],"label":[1],"placeholder":[1],"autocomplete":[1],"helpText":[1,"help-text"],"clearable":[4],"copyable":[4],"type":[1],"disabled":[4],"required":[4],"showingPw":[32]}]]],["p-7975ec40.system",[[0,"verdocs-field-attachment",{"endpoint":[16],"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"dialogOpen":[32],"selectedFile":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-initial",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"initials":[513],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"tempInitials":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-signature",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"name":[513],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"tempSignature":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-checkbox",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"done":[516],"editable":[516],"moveable":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-date",{"source":[513],"sourceid":[513],"fieldname":[513],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"field":[16],"containerId":[32],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-dropdown",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-radio",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"required":[516],"done":[516],"editable":[516],"moveable":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-textarea",{"endpoint":[16],"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-textbox",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"multiline":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-field-timestamp",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[2],"showingProperties":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}],[0,"verdocs-initial-dialog",{"initials":[1],"fontLoaded":[32],"enteredInitials":[32],"mode":[32]}],[0,"verdocs-signature-dialog",{"name":[1],"fontLoaded":[32],"enteredName":[32],"mode":[32]}],[0,"verdocs-upload-dialog",{"maxSize":[1026,"max-size"],"existingFile":[1032,"existing-file"],"draggingOver":[32],"confirmDelete":[32],"selectedFiles":[32],"errorMessage":[32]}]]],["p-51c7f852.system",[[0,"verdocs-template-fields",{"endpoint":[16],"templateId":[1537,"template-id"],"toolbarTargetId":[1,"toolbar-target-id"],"placing":[32],"showMustSelectRole":[32],"selectedRoleName":[32],"loading":[32],"template":[32]},[[4,"keydown","handleKeyDown"]],{"templateId":["onTemplateIdChanged"]}],[0,"verdocs-preview",{"endpoint":[16],"templateId":[1,"template-id"],"loading":[32],"template":[32]},null,{"templateId":["onTemplateIdChanged"]}],[0,"verdocs-send",{"endpoint":[16],"templateId":[513,"template-id"],"environment":[1],"containerId":[32],"showPickerForId":[32],"sessionContacts":[32],"sending":[32],"rolesCompleted":[32],"loading":[32],"template":[32],"reset":[64]},null,{"templateId":["onTemplateIdChanged"]}],[0,"verdocs-template-roles",{"endpoint":[16],"templateId":[1,"template-id"],"showingRoleDialog":[32],"sender":[32],"dragging":[32],"loading":[32],"template":[32]}],[0,"verdocs-template-attachments",{"endpoint":[16],"templateId":[1,"template-id"],"uploading":[32],"progressLabel":[32],"progressPercent":[32],"showDeleteError":[32],"confirmDeleteDocument":[32],"loading":[32],"template":[32]}],[0,"verdocs-template-build-tabs",{"endpoint":[16],"templateId":[1537,"template-id"],"step":[1537],"loading":[32],"template":[32]},null,{"templateId":["onTemplateIdChanged"],"step":["onStepChanged"]}]]]]'),t)]}}))}))}))}}}));
|
2
2
|
//# sourceMappingURL=p-e2b70dfb.system.js.map
|