@verdocs/web-sdk 5.0.24 → 5.0.27

package/dist/verdocs-web-sdk/p-c4a10e58.system.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,n){function s(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function o(e){try{l(n.next(e))}catch(e){r(e)}}function a(e){try{l(n["throw"](e))}catch(e){r(e)}}function l(e){e.done?i(e.value):s(e.value).then(o,a)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,s,r,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(e){return function(t){return l([e,t])}}function l(a){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,a[0]&&(i=0)),i)try{if(n=1,s&&(r=a[0]&2?s["return"]:a[0]?s["throw"]||((r=s["return"])&&r.call(s),0):s.next)&&!(r=r.call(s,a[1])).done)return r;if(s=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;s=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){i.label=a[1];break}if(a[0]===6&&i.label<r[1]){i.label=r[1];r=a;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(a);break}if(r[2])i.ops.pop();i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e];s=0}finally{n=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var n=0,s=t.length,r;n<s;n++){if(r||!(n in t)){if(!r)r=Array.prototype.slice.call(t,0,n);r[n]=t[n]}}return e.concat(r||Array.prototype.slice.call(t))};System.register(["./p-9186f42e.system.js","@verdocs/js-sdk","./p-f29eb00a.system.js","./p-9b26e4e0.system.js","./p-c8a15cb7.system.js","./p-65be7617.system.js","./p-21b1acec.system.js","./p-d738b5db.system.js","./p-2c5350ec.system.js"],(function(e){"use strict";var t,i,n,s,r,o,a,l,c,d,u,h,f,v,p,g,x,m,b,y,w,S,k,_,I,N,G,P,z,A,E,T,U,D,j;return{setters:[function(e){t=e.r;i=e.c;n=e.h;s=e.H;r=e.F},function(e){o=e.VerdocsEndpoint;a=e.startSigningSession;l=e.getKbaStep;c=e.envelopeRecipientAgree;d=e.envelopeRecipientDecline;u=e.updateEnvelopeField;h=e.createSignature;f=e.updateEnvelopeFieldSignature;v=e.createInitials;p=e.updateEnvelopeFieldInitials;g=e.isValidPhone;x=e.isValidEmail;m=e.sortFields;b=e.envelopeRecipientSubmit;y=e.getEnvelope;w=e.uploadEnvelopeFieldAttachment;S=e.deleteEnvelopeFieldAttachment;k=e.formatFullName;_=e.fullNameToInitials;I=e.submitKbaPin;N=e.submitKbaIdentity;G=e.submitKbaChallengeResponse;P=e.integerSequence},function(e){z=e.a;A=e.u;E=e.r;T=e.g},function(e){U=e.V},function(e){D=e.S},function(e){j=e.S},function(){},function(){},function(){}],execute:function(){var L='@-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-sign{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-sign div{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign input{vertical-align:top}verdocs-sign>.document{-ms-flex:1;flex:1;width:100%;height:100%;-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;max-width:1200px;min-height:200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-sign>.document .inner{width:100%;max-width:1028px}verdocs-sign .cover{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:5000;position:absolute;padding-top:100px;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;background:rgba(0, 0, 0, 0.5)}verdocs-sign .agree{-ms-flex:0;flex:0;width:600px;display:-ms-flexbox;display:flex;max-width:90%;padding:30px 15px;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff}verdocs-sign .agree .header{-ms-flex:0 0 56px;flex:0 0 56px}verdocs-sign .agree li{margin:0.5em 0}verdocs-sign verdocs-ok-dialog .background-overlay{-ms-flex-align:start;align-items:flex-start;padding-top:100px}verdocs-sign .loading-indicator{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.7)}verdocs-sign .fatal-error{position:absolute;z-index:100;top:0;left:0;right:0;bottom:0;background-color:#4a4a4a;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-sign .fatal-error .placeholder{position:absolute;opacity:0.1;z-index:-1;top:0;left:0;right:0;bottom:0;width:612px;height:792px;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);margin-top:15px}verdocs-sign .fatal-error .message{max-width:50%;width:50%;font-size:16px;background:white;border-radius:5px;-webkit-box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235);box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235)}verdocs-sign .fatal-error .header{color:white;font-size:18px;font-weight:500;padding:5px 10px;margin:0 0 10px 0;background:#654dcb}verdocs-sign .fatal-error p{margin:1rem;font-size:14px;font-weight:400;padding:0 10px}@media print{verdocs-sign .header{display:none}}#verdocs-sign-header{color:#fff;width:100%;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 46px;flex:0 0 46px;font-size:12px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all 0.25s;transition:all 0.25s;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}#verdocs-sign-header .inner{width:100%;display:-ms-flexbox;display:flex;margin:0 auto;padding:0 12px;max-width:1200px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}#verdocs-sign-header .logo{width:80px;display:none;margin:-6px 0 0 0}#verdocs-sign-header .title{font-size:18px;font-weight:500;overflow:hidden;white-space:nowrap;padding:0 10px 0 0;text-overflow:ellipsis}.spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}';var V=L;var Y=[{id:"later",label:"Finish Later"},{id:"decline",label:"Decline to Sign"},{id:"print",label:"Print Without Signing"},{id:"download",label:"Download"}];var C=[{id:"print",label:"Print"},{id:"download",label:"Download"}];var F=e("verdocs_sign",function(){function e(e){t(this,e);this.sdkError=i(this,"sdkError",7);this.envelopeLoaded=i(this,"envelopeLoaded",7);this.envelopeUpdated=i(this,"envelopeUpdated",7);this.recipientIndex=-1;this.endpoint=null;this.envelopeId=null;this.roleId=null;this.inviteCode=null;this.headerTargetId=null;this.roleNames=[];this.sortedRecipients=[];this.recipient=null;this.hasSignature=false;this.nextButtonLabel="Start";this.nextSubmits=false;this.fatalErrorHeader="";this.fatalErrorMessage="";this.focusedField="";this.submitting=false;this.submitted=false;this.isDone=false;this.showDone=false;this.showLoadError=false;this.finishLater=false;this.showFinishLater=false;this.agreed=false;this.documentsSingularPlural="document";this.kbaStep="";this.kbaQuestions=[];this.showSpinner=false;this.kbaChoices=[];this.loading=true;this.envelope=null}e.prototype.componentWillLoad=function(){if(!this.endpoint){console.log("[SIGN] Creating signing endpoint");this.endpoint=new o({sessionType:"signing"})}};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,n,s,r,o,c,d,u,h;var f=this;return __generator(this,(function(v){switch(v.label){case 0:if(!this.envelopeId){(e=this.sdkError)===null||e===void 0?void 0:e.emit(new D("[SIGN] Missing required envelopId",500,""));return[2]}if(!this.roleId){(t=this.sdkError)===null||t===void 0?void 0:t.emit(new D("[SIGN] Missing required roleId",500,""));return[2]}if(!this.inviteCode){(i=this.sdkError)===null||i===void 0?void 0:i.emit(new D("[SIGN] Missing required inviteCode",500,""));return[2]}v.label=1;case 1:v.trys.push([1,3,,4]);console.log("[SIGN] Processing invite code for ".concat(this.envelopeId," / ").concat(this.roleId));return[4,a(this.endpoint,this.envelopeId,this.roleId,this.inviteCode)];case 2:c=v.sent(),d=c.envelope,u=c.recipient;console.log("[SIGN] Loaded signing session",d,u);this.recipient=u;this.envelope=d;j.updateEnvelope(this.envelopeId,d);this.sortedRecipients=__spreadArray([],this.envelope.recipients,true);this.sortedRecipients.sort((function(e,t){return e.sequence===t.sequence?e.order-t.order:e.sequence-t.sequence}));this.roleNames=this.sortedRecipients.map((function(e){return e.role_name}));if(this.envelope.documents.length>0){this.documentsSingularPlural="document(s)"}this.recipientIndex=this.roleNames.findIndex((function(e){return e==f.roleId}));if(this.recipientIndex>-1){this.recipient=this.sortedRecipients[this.recipientIndex];this.agreed=this.recipient.agreed}else{console.warn("[SIGN] Could not find our recipient record",this.roleId,this.sortedRecipients)}this.submitted=this.recipient.status==="submitted";this.isDone=this.submitted;this.showDone=this.submitted;if(this.envelope.status==="canceled"){this.fatalErrorHeader="Unable to Start Signing Session";this.fatalErrorMessage="This envelope has been canceled. Please contact its sender for more information."}else if(this.recipient.status==="declined"){this.fatalErrorHeader="Unable to Start Signing Session";this.fatalErrorMessage="You have declined to sign this envelope."}else if(this.agreed){this.nextButtonLabel="Next"}this.checkRecipientFields();(n=this.envelopeLoaded)===null||n===void 0?void 0:n.emit({endpoint:this.endpoint,envelope:this.envelope});if(!this.isDone){l(this.endpoint,this.envelopeId,this.roleId).then((function(e){var t;console.log("[SIGN] KBA Step",e);f.kbaStep=e.kba_step;if(f.kbaStep==="failed"){f.fatalErrorHeader="Identity Verification Failed";f.fatalErrorMessage="We were unable to verify your identity. Please contact the document's sender.";f.isDone=true}else{f.kbaQuestions=((t=e.questions)===null||t===void 0?void 0:t.question)||[];f.kbaChoices=[]}})).catch((function(e){return console.log("Error getting KBA step",e)}))}return[3,4];case 3:h=v.sent();console.log("[SIGN] Error with signing session",h);(s=this.sdkError)===null||s===void 0?void 0:s.emit(new D(h.message,(r=h.response)===null||r===void 0?void 0:r.status,(o=h.response)===null||o===void 0?void 0:o.data));this.showLoadError=true;return[3,4];case 4:return[2]}}))}))};e.prototype.componentDidRender=function(){var e=this.headerTargetId?document.getElementById(this.headerTargetId):null;var t=document.getElementById("verdocs-sign-header");if(e&&t){console.log("[SIGN] Moving header");t.remove();e.append(t)}};e.prototype.handleClickAgree=function(){var e=this;this.submitting=true;c(this.endpoint,this.envelopeId,this.roleId,true).then((function(){var t;e.nextButtonLabel="Next";e.recipient.agreed=true;e.submitting=false;e.agreed=true;(t=e.envelopeUpdated)===null||t===void 0?void 0:t.emit({endpoint:e.endpoint,envelope:e.envelope,event:"agreed"})})).catch((function(t){var i,n,s;console.log("[SIGN] Update failure",t);e.submitting=false;(i=e.sdkError)===null||i===void 0?void 0:i.emit(new D(t.message,(n=t.response)===null||n===void 0?void 0:n.status,(s=t.response)===null||s===void 0?void 0:s.data))}))};e.prototype.handleOptionSelected=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i,n,s,r,o,a,l;return __generator(this,(function(c){switch(c.label){case 0:o=e.detail.id;switch(o){case"later":return[3,1];case"claim":return[3,2];case"decline":return[3,3];case"print":return[3,5];case"download":return[3,6]}return[3,7];case 1:this.finishLater=true;this.showFinishLater=true;(t=this.envelopeUpdated)===null||t===void 0?void 0:t.emit({endpoint:this.endpoint,envelope:this.envelope,event:"later"});return[3,7];case 2:U("This feature will be available in an upcoming release.");(i=this.envelopeUpdated)===null||i===void 0?void 0:i.emit({endpoint:this.endpoint,envelope:this.envelope,event:"claimed"});return[3,7];case 3:this.submitting=true;return[4,d(this.endpoint,this.envelopeId,this.roleId)];case 4:a=c.sent();console.log("[SIGN] Decline result",a);(n=this.envelopeUpdated)===null||n===void 0?void 0:n.emit({endpoint:this.endpoint,envelope:this.envelope,event:"declined"});this.submitting=false;this.fatalErrorHeader="Declined";this.fatalErrorMessage="You have declined to sign this envelope.";return[3,7];case 5:window.print();(s=this.envelopeUpdated)===null||s===void 0?void 0:s.emit({endpoint:this.endpoint,envelope:this.envelope,event:"printed"});return[3,7];case 6:{l=this.envelope.documents.find((function(e){return e.type==="attachment"}));if(l){z(this.endpoint,this.envelope,l.id).catch((function(e){console.log("[SIGN] Error downloading PDF",e)}));(r=this.envelopeUpdated)===null||r===void 0?void 0:r.emit({endpoint:this.endpoint,envelope:this.envelope,event:"downloaded"})}}return[3,7];case 7:return[2]}}))}))};e.prototype.updateRecipientFieldValue=function(e,t){var i=this;console.log("[SIGN] updateRecipientFieldValue",e,t);this.getRecipientFields().forEach((function(n){if(n.name===e){n.value=t.value;n.settings=t.settings;A(n);i.checkRecipientFields()}}))};e.prototype.saveFieldChange=function(e,t){var i=this;console.log("[SIGN] saveFieldChange",e,t);u(this.endpoint,this.envelopeId,e,t).then((function(t){return i.updateRecipientFieldValue(e,t)})).catch((function(e){var t,n,s,r,o,a;if(((t=e.response)===null||t===void 0?void 0:t.status)===401&&((s=(n=e.response)===null||n===void 0?void 0:n.data)===null||s===void 0?void 0:s.error)==="jwt expired"){console.log("[SIGN] Signing session expired");i.fatalErrorHeader="Signing Session Expired";i.fatalErrorMessage="Please reload your browser to continue."}else{console.log("[SIGN] Server error",e)}(r=i.sdkError)===null||r===void 0?void 0:r.emit(new D(e.message,(o=e.response)===null||o===void 0?void 0:o.status,(a=e.response)===null||a===void 0?void 0:a.data))}))};e.prototype.handleFieldChange=function(e,t){return __awaiter(this,void 0,void 0,(function(){var i,n,s,r,o,a,l;var c=this;return __generator(this,(function(d){switch(d.label){case 0:i=t.target,n=i.value,s=i.checked;r=e.type;switch(r){case"textarea":return[3,1];case"textbox":return[3,1];case"checkbox":return[3,2];case"radio":return[3,3];case"dropdown":return[3,4];case"initial":return[3,5];case"signature":return[3,8];case"date":return[3,11];case"timestamp":return[3,12]}return[3,13];case 1:return[2,this.saveFieldChange(e.name,{prepared:false,value:n})];case 2:{return[2,this.saveFieldChange(e.name,{prepared:false,value:String(t.target.checked)})]}d.label=3;case 3:{return[2,this.saveFieldChange(e.name,{prepared:false,value:String(t.target.checked)})]}d.label=4;case 4:console.log("Saving dropdown",e.name,t.detail);return[2,this.saveFieldChange(e.name,{prepared:false,value:t.detail})];case 5:if(!t.detail){return[2]}this.showSpinner=true;return[4,fetch(t.detail)];case 6:return[4,d.sent().blob()];case 7:o=d.sent();return[2,v(this.endpoint,"initial",o).then((function(t){return __awaiter(c,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:return[4,p(this.endpoint,this.envelopeId,e.name,t.id)];case 1:i=n.sent();this.updateRecipientFieldValue(e.name,i);this.showSpinner=false;return[2]}}))}))})).catch((function(e){console.log("Error updating initials",e);c.showSpinner=false}))];case 8:if(!t.detail){return[2]}this.showSpinner=true;return[4,fetch(t.detail)];case 9:return[4,d.sent().blob()];case 10:a=d.sent();return[2,h(this.endpoint,"signature",a).then((function(t){return __awaiter(c,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:console.log("Signature update result",t);return[4,f(this.endpoint,this.envelopeId,e.name,t.id)];case 1:i=n.sent();this.updateRecipientFieldValue(e.name,i);this.showSpinner=false;return[2]}}))}))})).catch((function(e){console.warn("[SIGN] Error updating signature",e);c.showSpinner=false}))];case 11:l=t.detail.formattedDate;if(l){return[2,this.saveFieldChange(e.name,{prepared:false,value:l})]}return[3,14];case 12:console.log("[SIGN] Updating timestamp",{value:n,ts:t.target.getAttribute("timestamp")});return[3,14];case 13:console.log("[SIGN] Unhandled field update",{value:n,checked:s},e);return[3,14];case 14:return[2]}}))}))};e.prototype.isFieldFilled=function(e){var t=e.value,i=t===void 0?"":t;switch(e.type){case"textarea":case"textbox":switch(e.validator||""){case"email":return x(i);case"phone":return g(i);default:return(i||"").trim()!==""}case"signature":return i==="signed";case"initial":return i==="initialed";case"timestamp":return true;case"date":return!!i;case"attachment":return i==="attached";case"dropdown":return i!=="";case"checkbox":return i==="true";case"radio":if(!!e.group){return this.getRecipientFields().filter((function(t){return t.group===e.group})).some((function(e){return e.value==="true"}))}return e.value==="true";default:return false}};e.prototype.isFieldValid=function(e){return!e.required||this.isFieldFilled(e)};e.prototype.getSortedFillableFields=function(){var e=this.getRecipientFields().filter((function(e){return e.type!=="timestamp"}));m(e);return e};e.prototype.handleNext=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,n,s,r,o,a,l,c;var d=this;return __generator(this,(function(u){switch(u.label){case 0:if(!this.nextSubmits)return[3,5];u.label=1;case 1:u.trys.push([1,3,,4]);(e=document.getElementById("air-datepicker-global-container"))===null||e===void 0?void 0:e.remove();this.submitting=true;return[4,b(this.endpoint,this.envelopeId,this.roleId)];case 2:t=u.sent();console.log("[SIGN] Submitted successfully",t);this.recipient.status="submitted";this.showDone=true;console.log("[SIGN] Reloading envelope");y(this.endpoint,this.envelopeId).then((function(e){d.envelope=e;d.submitting=false})).catch((function(e){console.log("[SIGN] Error reloading envelope",e);d.submitting=false}));return[3,4];case 3:i=u.sent();console.log("[SIGN] Error submitting",i);return[3,4];case 4:return[2];case 5:n=this.getSortedFillableFields().filter((function(e){return e.required&&!d.isFieldFilled(e)}));m(n);s=n.findIndex((function(e){return e.name===d.focusedField}));r=s+1;if(r>=n.length){r=0}o=n[r];a=0;if(a<n.length&&["signature","initial"].includes(o.type)&&["initialed","signed"].includes(o.value)){a++;r++;if(r>=n.length){r=0}o=n[r]}if(a>=n.length){o=null}if(o){l=T(o);c=document.getElementById(l);c===null||c===void 0?void 0:c.scrollIntoView({behavior:"smooth"});c===null||c===void 0?void 0:c.focusField();this.focusedField=o.name}return[2]}}))}))};e.prototype.getRecipientFields=function(){var e=this;return this.envelope.fields.filter((function(t){return t.role_name===e.recipient.role_name}))};e.prototype.checkRecipientFields=function(){var e=this;var t=this.getRecipientFields().filter((function(t){return!e.isFieldValid(t)}));if(t.length<1){this.nextButtonLabel="Finish";if(!this.nextSubmits){this.nextSubmits=true}}else{console.log("[SIGN] Invalid fields remaining",t.map((function(e){return e.name})));this.nextButtonLabel="Next";this.nextSubmits=false}};e.prototype.attachFieldAttributes=function(e,t,i){var n=this;if(i.getAttribute("attached")==="1"){return}i.setAttribute("attached","1");i.addEventListener("input",(function(e){if(e.target.type==="radio"||e.target.type==="checkbox"){n.handleFieldChange(t,e).finally((function(){return n.checkRecipientFields()}))}else{n.checkRecipientFields()}}));i.addEventListener("attached",(function(i){return __awaiter(n,void 0,void 0,(function(){var n,s,r;return __generator(this,(function(o){switch(o.label){case 0:console.log("[SIGN] onAttached",i.detail,i.target.value);this.showSpinner=true;o.label=1;case 1:o.trys.push([1,3,,4]);return[4,w(this.endpoint,this.envelopeId,t.name,i.detail)];case 2:n=o.sent();this.updateRecipientFieldValue(t.name,n);this.checkRecipientFields();s=E("envelope",t,e,{disabled:false,editable:false,draggable:false,done:this.isDone});this.attachFieldAttributes(e,t,s);this.showSpinner=false;return[3,4];case 3:r=o.sent();console.log("Error uploading attachment",r);U("Unable to upload attachment, please try again later",{style:"error"});this.showSpinner=false;return[3,4];case 4:return[2]}}))}))}));i.addEventListener("deleted",(function(i){return __awaiter(n,void 0,void 0,(function(){var n,s,r;return __generator(this,(function(o){switch(o.label){case 0:console.log("[SIGN] onDeleted",i.detail,i.target.value);this.showSpinner=true;o.label=1;case 1:o.trys.push([1,3,,4]);return[4,S(this.endpoint,this.envelopeId,t.name)];case 2:n=o.sent();console.log("[SIGN] Deleted attachment",n);this.updateRecipientFieldValue(t.name,n);this.checkRecipientFields();s=E("envelope",t,e,{disabled:false,editable:false,draggable:false,done:this.isDone});this.attachFieldAttributes(e,t,s);this.showSpinner=false;return[3,4];case 3:r=o.sent();console.log("Error uploading attachment",r);U("Unable to upload attachment, please try again later",{style:"error"});this.showSpinner=false;return[3,4];case 4:return[2]}}))}))}));i.addEventListener("focusout",(function(e){if(t.type!=="dropdown"&&t.type!=="attachment"){n.handleFieldChange(t,e).finally((function(){return n.checkRecipientFields()}))}}));i.addEventListener("fieldChange",(function(e){n.handleFieldChange(t,e).finally((function(){return n.checkRecipientFields()}))}));i.setAttribute("templateid",this.envelope.template_id);i.setAttribute("fieldname",t.name);i.setAttribute("page",e.pageNumber);i.setAttribute("xScale",e.xScale);i.setAttribute("yScale",e.yScale);var s=k(this.recipient);i.setAttribute("initials",_(s));i.setAttribute("name",s)};e.prototype.handlePageRendered=function(e){var t=this;var i=e.detail;var n=this.getSortedFillableFields();console.log("[SIGN] Rendering fields for page",i.pageNumber,n);n.forEach((function(e,n){if(e.page!==i.pageNumber){return}var s=E("envelope",e,i,{disabled:false,editable:false,draggable:false,done:t.isDone},n);if(!s){return}if(Array.isArray(s)){s.map((function(n){return t.attachFieldAttributes(i,e,n)}))}else{t.attachFieldAttributes(i,e,s)}}));this.sortedRecipients.filter((function(e){return e.role_name!==t.recipient.role_name&&(e.status==="invited"||e.status==="opened"||e.status==="pending")})).forEach((function(){t.getRecipientFields().filter((function(e){return e.page===i.pageNumber})).forEach((function(e){var n=E("envelope",e,i,{disabled:true,editable:false,draggable:false,done:t.isDone});if(!n){return}if(Array.isArray(n)){n.map((function(n){return t.attachFieldAttributes(i,e,n)}))}else{t.attachFieldAttributes(i,e,n)}}))}));this.checkRecipientFields()};e.prototype.render=function(){var e=this;if(this.showLoadError){return n(s,null,n("verdocs-ok-dialog",{heading:"Unable to Start Signing",message:"Sorry, your invite code is invalid or has expired. Please check your email for an updated invitation, or contact the sender.",buttonLabel:"OK",onNext:function(){window.location.reload()}}))}if(!this.envelope){return n(s,null,n("verdocs-loader",null))}if(this.fatalErrorMessage){return n(s,{class:{agreed:this.agreed}},n("div",{class:"fatal-error"},n("div",{class:"message"},n("div",{class:"header"},this.fatalErrorHeader),n("p",null,this.fatalErrorMessage))))}if(this.isDone){return n(s,{class:{agreed:this.agreed}},n("verdocs-view",{endpoint:this.endpoint,envelopeId:this.envelopeId,onSdkError:function(t){var i;return(i=e.sdkError)===null||i===void 0?void 0:i.emit(t.detail)}}),this.showDone&&n("verdocs-ok-dialog",{heading:"You're Done!",message:"You can access the ".concat(this.documentsSingularPlural," at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached."),onNext:function(t){t.preventDefault();t.stopPropagation();e.showDone=false;e.isDone=true}}),this.submitting&&n("div",{class:"loading-indicator"},n("verdocs-loader",null)))}if(!this.agreed){return n(s,{class:"agreed"},n("div",{id:"verdocs-sign-header"},n("div",{class:"inner"},n("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),n("div",{class:"title"},this.envelope.name))),n("div",{class:"document",style:{paddingTop:"15px"}},n("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",style:{width:"612px",height:"792px",boxShadow:"0 0 10px 5px #0000000f",marginTop:"15px"},alt:"Placeholder page"})),n("div",{class:"cover"},n("div",{class:"agree"},n("verdocs-checkbox",{name:"agree",label:"By checking this box, you:",onInput:function(){return e.handleClickAgree()}}),n("ul",null,n("li",null,"Agree to use electronic records and signatures, and confirm you have read the"," ",n("a",{href:"https://verdocs.com/en/electronic-record-signature-disclosure/",target:"_blank"},"Electronic Record and Signatures Disclosure"),"."),n("li",null,"Agree to Verdocs'"," ",n("a",{href:"https://verdocs.com/en/eula",target:"_blank"},"End User License Agreement")," ","and confirm you have read Verdocs'"," ",n("a",{href:"https://verdocs.com/en/privacy-policy/",target:"_blank"},"Privacy Policy"),".")))))}if(this.kbaStep==="pin"){return n(s,{class:"kba"},n("div",{id:"verdocs-sign-header"},n("div",{class:"inner"},n("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),n("div",{class:"title"},this.envelope.name))),n("div",{class:"document",style:{paddingTop:"15px"}},n("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",style:{width:"612px",height:"792px",boxShadow:"0 0 10px 5px #0000000f",marginTop:"15px"},alt:"Placeholder page"})),n("div",{class:"cover"},n("div",{class:"kba"},n("verdocs-kba-dialog",{mode:"text",step:1,steps:1,helptitle:"Document is protected by a PIN code",helptext:"Please enter your PIN code to proceed. If you do not have one, please contact the sender.",label:"PIN Code",onNext:function(t){return __awaiter(e,void 0,void 0,(function(){var e=this;return __generator(this,(function(i){I(this.endpoint,this.envelopeId,this.roleId,t.detail).then((function(t){console.log("[SIGN] PIN code submission result",t);if(t.kba_step==="complete"){e.kbaStep=""}})).catch((function(e){var t,i;console.log("[SIGN] Error submitting PIN",e);U(((i=(t=e.response)===null||t===void 0?void 0:t.data)===null||i===void 0?void 0:i.error)||"Unable to verify PIN code. Please try again.",{style:"error"})}));return[2]}))}))}}))))}if(this.kbaStep==="identity"){return n(s,{class:"kba"},n("div",{id:"verdocs-sign-header"},n("div",{class:"inner"},n("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),n("div",{class:"title"},this.envelope.name))),n("div",{class:"document",style:{paddingTop:"15px"}},n("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",style:{width:"612px",height:"792px",boxShadow:"0 0 10px 5px #0000000f",marginTop:"15px"},alt:"Placeholder page"})),n("div",{class:"cover"},n("div",{class:"kba"},n("verdocs-kba-dialog",{mode:"identity",helptitle:"Document requires identity verification",helptext:"Please complete your contact details to proceed.",recipient:this.recipient,onNext:function(t){return __awaiter(e,void 0,void 0,(function(){var e;var i=this;return __generator(this,(function(n){e=t.detail;N(this.endpoint,this.envelopeId,this.roleId,{firstName:e.first_name,lastName:e.last_name,address:e.address,city:e.city,state:e.state,zip:e.zip,ssnLast4:e.ssn_last_4}).then((function(e){console.log("[SIGN] Identity submission result",e);i.kbaStep=e.kba_step})).catch((function(e){var t,i;console.log("[SIGN] Error submitting identity",e);U(((i=(t=e.response)===null||t===void 0?void 0:t.data)===null||i===void 0?void 0:i.error)||"Unable to verify identity.",{style:"error"})}));return[2]}))}))}}))))}if(this.kbaStep==="challenge"){var t=this.kbaChoices.length;var i=this.kbaQuestions[t];return n(s,{class:"kba"},n("div",{id:"verdocs-sign-header"},n("div",{class:"inner"},n("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),n("div",{class:"title"},this.envelope.name))),n("div",{class:"document",style:{paddingTop:"15px"}},n("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",style:{width:"612px",height:"792px",boxShadow:"0 0 10px 5px #0000000f",marginTop:"15px"},alt:"Placeholder page"})),n("div",{class:"cover"},n("div",{class:"kba"},this.kbaChoices.length>=this.kbaQuestions.length?n("verdocs-spinner",null):n("verdocs-kba-dialog",{mode:"choice",helptitle:"Your identity requires additional verification",helptext:(i===null||i===void 0?void 0:i.prompt)||"Please select one of the options below.",choices:(i===null||i===void 0?void 0:i.answer)||["Skip Question"],step:t+1,steps:this.kbaQuestions.length,onNext:function(t){return __awaiter(e,void 0,void 0,(function(){var e,i,n,s,r,o,a;var l=this;return __generator(this,(function(c){switch(c.label){case 0:s=t.detail;this.kbaChoices=__spreadArray(__spreadArray([],this.kbaChoices,true),[s],false);if(!(this.kbaChoices.length>=this.kbaQuestions.length))return[3,4];r=this.kbaQuestions.map((function(e,t){return{type:e.type,answer:l.kbaChoices[t]}}));console.log("Submitting KBA responses",this.kbaChoices,r);c.label=1;case 1:c.trys.push([1,3,,4]);return[4,G(this.endpoint,this.envelopeId,this.roleId,r)];case 2:o=c.sent();console.log("KBA challenge response",o);this.kbaStep=o.kba_step;if(this.kbaStep==="failed"){this.fatalErrorHeader="Identity Verification Failed";this.fatalErrorMessage="We were unable to verify your identity. Please contact the document's sender.";this.isDone=true}else{this.kbaQuestions=((e=o.questions)===null||e===void 0?void 0:e.question)||[];this.kbaChoices=[]}return[3,4];case 3:a=c.sent();console.log("Error submitting KBA challenge",a);this.kbaStep="";this.fatalErrorHeader="Unable to Verify Identity";this.fatalErrorMessage=((n=(i=a.response)===null||i===void 0?void 0:i.data)===null||n===void 0?void 0:n.error)||"Please try again later.";this.isDone=true;return[3,4];case 4:return[2]}}))}))}}))))}return n(s,null,n("div",{id:"verdocs-sign-header"},n("div",{class:"inner"},n("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),n("div",{class:"title"},this.envelope.name),n("div",{style:{flex:"1"}}),!this.finishLater&&n("verdocs-button",{size:"xsmall",label:this.nextButtonLabel,disabled:!this.agreed,onClick:function(){return e.handleNext()}}),n("div",{style:{marginLeft:"10px"}}),n("verdocs-dropdown",{options:!this.isDone&&!this.finishLater?Y:C,onOptionSelected:function(t){return e.handleOptionSelected(t)}}))),n("div",{class:"document",style:{paddingTop:"15px"}},(this.envelope.documents||[]).map((function(t){var i=P(1,t.pages);return n(r,null,i.map((function(i){var s;var r=((s=t.page_sizes)===null||s===void 0?void 0:s[i])||{width:612,height:792};return n("verdocs-envelope-document-page",{envelopeId:e.envelopeId,documentId:t.id,endpoint:e.endpoint,virtualWidth:r.width,virtualHeight:r.height,pageNumber:i,onPageRendered:function(t){return e.handlePageRendered(t)},type:"filled",layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})})))}))),this.showFinishLater&&n("verdocs-ok-dialog",{heading:"You've saved your document to finish later.",message:"To complete the ".concat(this.documentsSingularPlural,", use the link in the original email notification inviting you to review and finish the document."),onNext:function(){return e.showFinishLater=false}}),this.showDone&&n("verdocs-ok-dialog",{heading:"You're Done!",message:"You can access the ".concat(this.documentsSingularPlural," at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached."),onNext:function(){e.showDone=false;e.isDone=true}}),this.submitting||this.showSpinner&&n("verdocs-portal",null,n("div",{class:"spinner-overlay"},n("verdocs-spinner",null))))};return e}());F.style=V}}}));
-//# sourceMappingURL=p-c4a10e58.system.entry.js.map

package/dist/verdocs-web-sdk/p-c4a10e58.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["verdocsSignCss","VerdocsSignStyle0","inProgressMenuOptions","id","label","doneMenuOptions","VerdocsSign","exports","this","recipientIndex","class_1","prototype","componentWillLoad","endpoint","console","log","VerdocsEndpoint","sessionType","componentDidLoad","envelopeId","_a","sdkError","emit","SDKError","roleId","_b","inviteCode","_c","concat","startSigningSession","_h","_j","sent","envelope","recipient","Store","updateEnvelope","sortedRecipients","__spreadArray","recipients","sort","a","b","sequence","order","roleNames","map","r","role_name","documents","length","documentsSingularPlural","findIndex","roleName","_this","agreed","warn","submitted","status","isDone","showDone","fatalErrorHeader","fatalErrorMessage","nextButtonLabel","checkRecipientFields","_d","envelopeLoaded","getKbaStep","then","kbaStep","kba_step","kbaQuestions","questions","question","kbaChoices","catch","e","e_1","_e","message","_f","response","_g","data","showLoadError","componentDidRender","headerTarget","headerTargetId","document","getElementById","headerEl","remove","append","handleClickAgree","submitting","envelopeRecipientAgree","envelopeUpdated","event","handleOptionSelected","detail","finishLater","showFinishLater","VerdocsToast","envelopeRecipientDecline","declineResult","window","print","firstDoc","find","doc","type","saveAttachment","updateRecipientFieldValue","fieldName","updateResult","getRecipientFields","forEach","oldField","name","value","settings","updateDocumentFieldValue","saveFieldChange","fields","updateEnvelopeField","error","handleFieldChange","field","target","checked","prepared","String","showSpinner","fetch","_k","blob","initialsBlob","createInitials","newInitials","__awaiter","updateEnvelopeFieldInitials","signatureBlob","createSignature","newSignature","updateEnvelopeFieldSignature","formattedDate","ts","getAttribute","isFieldFilled","validator","isValidEmail","isValidPhone","trim","group","filter","f","some","isFieldValid","required","getSortedFillableFields","recipientFields","sortFields","handleNext","nextSubmits","envelopeRecipientSubmit","result","getEnvelope","e_2","emptyFields","focusedIndex","focusedField","nextFocusedIndex","nextRequiredField","skips","includes","getFieldId","el","scrollIntoView","behavior","focusField","invalidFields","attachFieldAttributes","pageInfo","setAttribute","addEventListener","finally","uploadEnvelopeFieldAttachment","newEl","renderDocumentField","disabled","editable","draggable","done","e_3","style","deleteEnvelopeFieldAttachment","e_4","template_id","pageNumber","xScale","yScale","fullName","formatFullName","fullNameToInitials","handlePageRendered","tabIndex","page","Array","isArray","render","h","Host","heading","buttonLabel","onNext","location","reload","class","onSdkError","preventDefault","stopPropagation","src","alt","paddingTop","width","height","boxShadow","marginTop","onInput","href","mode","step","steps","helptitle","helptext","submitKbaPin","recipDetails","submitKbaIdentity","firstName","first_name","lastName","last_name","address","city","state","zip","ssnLast4","ssn_last_4","questionNumber","kbaQuestion","prompt","choices","answer","responses","q","i","submitKbaChallengeResponse","e_5","flex","size","onClick","marginLeft","options","onOptionSelected","envelopeDocument","pageNumbers","integerSequence","pages","Fragment","pageSize","page_sizes","documentId","virtualWidth","virtualHeight","onPageRendered","layers"],"sources":["src/components/embeds/verdocs-sign/verdocs-sign.scss?tag=verdocs-sign","src/components/embeds/verdocs-sign/verdocs-sign.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-sign {\n  display: flex;\n  overflow: hidden;\n  position: relative;\n  min-height: 600px;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: $verdocs-primary-font;\n\n  div {\n    display: block;\n    box-sizing: border-box;\n  }\n\n  input {\n    vertical-align: top;\n  }\n\n  //.intro {\n  //  width: 100%;\n  //  display: flex;\n  //  flex: 0 0 60px;\n  //  color: #111111;\n  //  font-size: 18px;\n  //  font-weight: 500;\n  //  line-height: 28px;\n  //  flex-direction: row;\n  //  background: #ffffff;\n  //\n  //  .inner {\n  //    width: 100%;\n  //    display: flex;\n  //    margin: 0 auto;\n  //    padding: 0 20px;\n  //    max-width: 1200px;\n  //    flex-direction: row;\n  //    align-items: center;\n  //  }\n  //}\n\n  > .document {\n    flex: 1;\n    width: 100%;\n    height: 100%;\n    align-self: center;\n    display: flex;\n    padding: 15px;\n    row-gap: 15px;\n    max-width: 1200px;\n    min-height: 200px;\n    position: relative;\n    overflow-y: scroll;\n    align-items: center;\n    box-sizing: border-box;\n    flex-direction: column;\n    //justify-content: center;\n\n    .inner {\n      width: 100%;\n      max-width: 1028px;\n    }\n  }\n\n  .cover {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    z-index: 5000;\n    position: absolute;\n    padding-top: 100px;\n    align-items: center;\n    flex-direction: column;\n    background: rgba(0, 0, 0, 0.5);\n  }\n\n  .agree {\n    flex: 0;\n    width: 600px;\n    display: flex;\n    max-width: 90%;\n    padding: 30px 15px;\n    flex-direction: column;\n    background-color: #ffffff;\n\n    .header {\n      flex: 0 0 56px;\n    }\n\n    li {\n      margin: 0.5em 0;\n    }\n  }\n\n  verdocs-ok-dialog .background-overlay {\n    align-items: flex-start;\n    padding-top: 100px;\n  }\n\n  .loading-indicator {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    z-index: 10000;\n    position: fixed;\n    background-color: rgba(0, 0, 0, 0.7);\n  }\n\n  .fatal-error {\n    position: absolute;\n    z-index: 100;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: #4a4a4a;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    .placeholder {\n      position: absolute;\n      opacity: 0.1;\n      z-index: -1;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      width: 612px;\n      height: 792px;\n      box-shadow: 0 0 10px 5px #0000000f;\n      margin-top: 15px;\n    }\n\n    .message {\n      max-width: 50%;\n      width: 50%;\n      font-size: 16px;\n      background: white;\n      border-radius: 5px;\n      box-shadow: 3px 3px 9px -1px #0000003f;\n    }\n\n    .header {\n      color: white;\n      font-size: 18px;\n      font-weight: 500;\n      padding: 5px 10px;\n      margin: 0 0 10px 0;\n      background: $verdocs-purple;\n    }\n\n    p {\n      margin: 1rem;\n      font-size: 14px;\n      font-weight: 400;\n      padding: 0 10px;\n    }\n  }\n}\n\n@media print {\n  verdocs-sign .header {\n    display: none;\n  }\n}\n\n#verdocs-sign-header {\n  color: #fff;\n  width: 100%;\n  display: flex;\n  z-index: 1000;\n  flex: 0 0 46px;\n  font-size: 12px;\n  column-gap: 15px;\n  align-items: center;\n  flex-direction: row;\n  transition: all 0.25s;\n  background-color: $medium-bg;\n  box-shadow:\n    0 4px 4px 0 rgb(0 0 0 / 24%),\n    0 0 4px 0 rgb(0 0 0 / 12%);\n\n  .inner {\n    width: 100%;\n    display: flex;\n    margin: 0 auto;\n    padding: 0 12px;\n    max-width: 1200px;\n    align-items: center;\n    flex-direction: row;\n  }\n\n  .logo {\n    width: 80px;\n    display: none;\n    margin: -6px 0 0 0;\n  }\n\n  .title {\n    font-size: 18px;\n    font-weight: 500;\n    overflow: hidden;\n    white-space: nowrap;\n    padding: 0 10px 0 0;\n    text-overflow: ellipsis;\n  }\n}\n\n.spinner-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  display: flex;\n  align-items: center;\n  background: #0000007f;\n  justify-content: center;\n}\n","import type {IEnvelope, IEnvelopeField, IRecipient} from '@verdocs/js-sdk';\nimport {Event, EventEmitter, Host, Fragment, Component, Prop, State, h} from '@stencil/core';\nimport {updateEnvelopeFieldSignature, uploadEnvelopeFieldAttachment, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {updateEnvelopeField, sortFields, submitKbaIdentity, submitKbaChallengeResponse} from '@verdocs/js-sdk';\nimport {fullNameToInitials, startSigningSession, deleteEnvelopeFieldAttachment, getKbaStep} from '@verdocs/js-sdk';\nimport {getEnvelope, integerSequence, isValidEmail, isValidPhone, submitKbaPin, updateEnvelopeFieldInitials} from '@verdocs/js-sdk';\nimport {createInitials, createSignature, envelopeRecipientAgree, envelopeRecipientDecline, envelopeRecipientSubmit, formatFullName} from '@verdocs/js-sdk';\nimport {getFieldId, renderDocumentField, saveAttachment, updateDocumentFieldValue} from '../../../utils/utils';\nimport {IDocumentPageInfo} from '../../../utils/Types';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nconst inProgressMenuOptions = [\n  {id: 'later', label: 'Finish Later'}, //\n  // {id: 'claim', label: 'Claim the Document', disabled: true},\n  {id: 'decline', label: 'Decline to Sign'},\n  {id: 'print', label: 'Print Without Signing'},\n  {id: 'download', label: 'Download'},\n];\n\nconst doneMenuOptions = [\n  {id: 'print', label: 'Print'},\n  {id: 'download', label: 'Download'},\n];\n\n/**\n * Display an envelope signing experience. This will display the envelope's attached\n * documents with signing fields overlaid on each page.\n *\n * The component will attempt to initiate a signing session and load the specified\n * envelope. If successful, the recipient's fields will be enabled and the user will\n * be able to sign the envelope's attached documents. If not, an `sdkError` will be\n * thrown and the component will be blank/empty. To provide the best user experience,\n * applications should capture and handle this error to provide the user with\n * instructions/options for next steps based on the application's design and workflow.\n *\n * Unlike other components, this will always create its own endpoint to manage the\n * session session. This endpoint will be included in event callbacks for the\n * convenience of host applications that may wish to make server calls using the\n * signer's credentials once signing is complete (e.g. to obtain copies of\n * the signed attachments.)\n */\n@Component({\n  tag: 'verdocs-sign',\n  styleUrl: 'verdocs-sign.scss',\n  shadow: false,\n})\nexport class VerdocsSign {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop({mutable: true}) endpoint: VerdocsEndpoint = null;\n\n  /**\n   * The ID of the envelope to sign.\n   */\n  @Prop({reflect: true}) envelopeId: string | null = null;\n\n  /**\n   * The ID of the role that will be signing e.g. 'Recipient 1'\n   */\n  @Prop({reflect: true}) roleId: string | null = null;\n\n  /**\n   * The invite code for the signer.\n   */\n  @Prop({reflect: true}) inviteCode: string | null = null;\n\n  /**\n   * If set, (recommended), the host application should create a <DIV> element with a unique ID. When this\n   * component renders, the header will be removed from its default location and placed in the target element.\n   * This allows the parent application to more easily control its placement and scroll effects (e.g. \"fixed\").\n   *\n   * The movement of the header to the target container is not dynamic - it is performed only on the initial\n   * render. Host applications should not conditionally render this container. If the header's visibility must\n   * be externally controlled, use CSS display options to hide/show it instead.\n   */\n  @Prop() headerTargetId: string | null = null;\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.\n   */\n  @Event({composed: true}) envelopeLoaded: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope}>;\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  @State() roleNames: string[] = [];\n  @State() sortedRecipients: IRecipient[] = [];\n  @State() recipient: IRecipient | null = null;\n  @State() hasSignature = false;\n  @State() nextButtonLabel = 'Start';\n  @State() nextSubmits = false;\n  @State() fatalErrorHeader = '';\n  @State() fatalErrorMessage = '';\n  @State() focusedField = '';\n  @State() submitting = false;\n  @State() submitted = false;\n  @State() isDone = false;\n  @State() showDone = false;\n  @State() showLoadError = false;\n  @State() finishLater = false;\n  @State() showFinishLater = false;\n  @State() agreed = false;\n  @State() documentsSingularPlural = 'document';\n  @State() kbaStep = '';\n  @State() kbaQuestions: any[] = [];\n  @State() showSpinner = false;\n  @State() kbaChoices = [];\n\n  @State() loading = true;\n  @State() envelope: IEnvelope | null = null;\n\n  recipientIndex: number = -1;\n\n  componentWillLoad() {\n    if (!this.endpoint) {\n      console.log('[SIGN] Creating signing endpoint');\n      this.endpoint = new VerdocsEndpoint({sessionType: 'signing'});\n    }\n  }\n\n  async componentDidLoad() {\n    if (!this.envelopeId) {\n      this.sdkError?.emit(new SDKError('[SIGN] Missing required envelopId', 500, ''));\n      return;\n    }\n\n    if (!this.roleId) {\n      this.sdkError?.emit(new SDKError('[SIGN] Missing required roleId', 500, ''));\n      return;\n    }\n\n    if (!this.inviteCode) {\n      this.sdkError?.emit(new SDKError('[SIGN] Missing required inviteCode', 500, ''));\n      return;\n    }\n\n    try {\n      console.log(`[SIGN] Processing invite code for ${this.envelopeId} / ${this.roleId}`);\n\n      // NOTE: We don't listen to the store here because we are often an independent\n      // session and might have a different \"view\" of the envelope.\n      const {envelope, recipient} = await startSigningSession(this.endpoint, this.envelopeId, this.roleId, this.inviteCode);\n      console.log(`[SIGN] Loaded signing session`, envelope, recipient);\n      this.recipient = recipient;\n      this.envelope = envelope;\n\n      Store.updateEnvelope(this.envelopeId, envelope);\n\n      // TODO: Can be cleaned up shortly.\n      this.sortedRecipients = [...this.envelope.recipients];\n      this.sortedRecipients.sort((a, b) => {\n        return a.sequence === b.sequence ? a.order - b.order : a.sequence - b.sequence;\n      });\n\n      this.roleNames = this.sortedRecipients.map(r => r.role_name);\n\n      if (this.envelope.documents.length > 0) {\n        this.documentsSingularPlural = 'document(s)';\n      }\n\n      this.recipientIndex = this.roleNames.findIndex(roleName => roleName == this.roleId);\n      if (this.recipientIndex > -1) {\n        this.recipient = this.sortedRecipients[this.recipientIndex];\n        this.agreed = this.recipient.agreed;\n      } else {\n        console.warn('[SIGN] Could not find our recipient record', this.roleId, this.sortedRecipients);\n      }\n\n      // TODO: Envelope \"complete\" | \"declined\" | \"canceled\"\n      // TODO: Recipient \"canceled\"\n      this.submitted = this.recipient.status === 'submitted';\n      this.isDone = this.submitted;\n      this.showDone = this.submitted;\n\n      if (this.envelope.status === 'canceled') {\n        this.fatalErrorHeader = 'Unable to Start Signing Session';\n        this.fatalErrorMessage = 'This envelope has been canceled. Please contact its sender for more information.';\n      } else if (this.recipient.status === 'declined') {\n        this.fatalErrorHeader = 'Unable to Start Signing Session';\n        this.fatalErrorMessage = 'You have declined to sign this envelope.';\n      } else if (this.agreed) {\n        this.nextButtonLabel = 'Next';\n      }\n\n      this.checkRecipientFields();\n      this.envelopeLoaded?.emit({endpoint: this.endpoint, envelope: this.envelope});\n\n      if (!this.isDone) {\n        getKbaStep(this.endpoint, this.envelopeId, this.roleId)\n          .then(r => {\n            console.log('[SIGN] KBA Step', r);\n            this.kbaStep = r.kba_step;\n            if (this.kbaStep === 'failed') {\n              this.fatalErrorHeader = 'Identity Verification Failed';\n              this.fatalErrorMessage = \"We were unable to verify your identity. Please contact the document's sender.\";\n              this.isDone = true;\n            } else {\n              this.kbaQuestions = (r as any).questions?.question || [];\n              this.kbaChoices = [];\n            }\n          })\n          .catch(e => console.log('Error getting KBA step', e));\n      }\n    } catch (e) {\n      console.log('[SIGN] Error with signing session', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      this.showLoadError = true;\n    }\n  }\n\n  componentDidRender() {\n    const headerTarget = this.headerTargetId ? document.getElementById(this.headerTargetId) : null;\n    const headerEl = document.getElementById('verdocs-sign-header');\n    if (headerTarget && headerEl) {\n      console.log('[SIGN] Moving header');\n      headerEl.remove();\n      headerTarget.append(headerEl);\n    }\n  }\n\n  handleClickAgree() {\n    this.submitting = true;\n    envelopeRecipientAgree(this.endpoint, this.envelopeId, this.roleId, true)\n      .then(() => {\n        this.nextButtonLabel = 'Next';\n        this.recipient.agreed = true;\n        this.submitting = false;\n        this.agreed = true; // The server returns a recipient object but it's not \"deep\" so we track this locally\n        this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'agreed'});\n      })\n      .catch(e => {\n        console.log('[SIGN] Update failure', e);\n        this.submitting = false;\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      });\n  }\n\n  async handleOptionSelected(e: any) {\n    switch (e.detail.id) {\n      case 'later':\n        this.finishLater = true;\n        this.showFinishLater = true;\n        this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'later'});\n        break;\n\n      case 'claim':\n        VerdocsToast('This feature will be available in an upcoming release.');\n        this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'claimed'});\n        break;\n\n      case 'decline':\n        {\n          this.submitting = true;\n          const declineResult = await envelopeRecipientDecline(this.endpoint, this.envelopeId, this.roleId);\n          console.log('[SIGN] Decline result', declineResult);\n          this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'declined'});\n          this.submitting = false;\n          this.fatalErrorHeader = 'Declined';\n          this.fatalErrorMessage = 'You have declined to sign this envelope.';\n        }\n        break;\n\n      case 'print':\n        window.print();\n        this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'printed'});\n        break;\n\n      case 'download':\n        {\n          const firstDoc = this.envelope.documents.find(doc => doc.type === 'attachment');\n          if (firstDoc) {\n            saveAttachment(this.endpoint, this.envelope, firstDoc.id).catch(e => {\n              console.log('[SIGN] Error downloading PDF', e);\n            });\n            this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'downloaded'});\n          }\n        }\n        break;\n    }\n  }\n\n  updateRecipientFieldValue(fieldName: string, updateResult: any) {\n    console.log('[SIGN] updateRecipientFieldValue', fieldName, updateResult);\n    this.getRecipientFields().forEach(oldField => {\n      if (oldField.name === fieldName) {\n        oldField.value = updateResult.value;\n        // TODO: Keeping this while attachments still rely on it\n        oldField.settings = updateResult.settings;\n        updateDocumentFieldValue(oldField);\n        this.checkRecipientFields();\n      }\n    });\n  }\n\n  saveFieldChange(fieldName: string, fields: Record<string, any>) {\n    console.log('[SIGN] saveFieldChange', fieldName, fields);\n    updateEnvelopeField(this.endpoint, this.envelopeId, fieldName, fields) //\n      .then(updateResult => this.updateRecipientFieldValue(fieldName, updateResult))\n      .catch(e => {\n        if (e.response?.status === 401 && e.response?.data?.error === 'jwt expired') {\n          console.log('[SIGN] Signing session expired');\n          this.fatalErrorHeader = 'Signing Session Expired';\n          this.fatalErrorMessage = 'Please reload your browser to continue.';\n        } else {\n          console.log('[SIGN] Server error', e);\n        }\n\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      });\n  }\n\n  async handleFieldChange(field: IEnvelopeField, e: any) {\n    const {value, checked} = e.target;\n\n    switch (field.type as any) {\n      // TODO: Remove legacy type when no longer needed\n      case 'textarea':\n      case 'textbox':\n        return this.saveFieldChange(field.name, {prepared: false, value});\n\n      case 'checkbox': {\n        return this.saveFieldChange(field.name, {prepared: false, value: String(e.target.checked)});\n      }\n\n      case 'radio': {\n        return this.saveFieldChange(field.name, {prepared: false, value: String(e.target.checked)});\n      }\n\n      case 'dropdown':\n        // TODO: Set prepared to false server-side.\n        console.log('Saving dropdown', field.name, e.detail);\n        return this.saveFieldChange(field.name, {prepared: false, value: e.detail});\n\n      case 'initial':\n        // This can be caused by a focus-out event if the user clicks the field\n        // after it's already filled in, then clicks something else like a textbox.\n        // We don't visually indicate the focus, but it's still there.\n        if (!e.detail) {\n          return;\n        }\n\n        this.showSpinner = true;\n        const initialsBlob = await (await fetch(e.detail)).blob();\n        return createInitials(this.endpoint, 'initial', initialsBlob) //\n          .then(async newInitials => {\n            const updateResult = await updateEnvelopeFieldInitials(this.endpoint, this.envelopeId, field.name, newInitials.id);\n            this.updateRecipientFieldValue(field.name, updateResult);\n            this.showSpinner = false;\n          })\n          .catch(e => {\n            console.log('Error updating initials', e);\n            this.showSpinner = false;\n          });\n\n      case 'signature':\n        // This can be caused by a focus-out event if the user clicks the field\n        // after it's already filled in, then clicks something else like a textbox.\n        // We don't visually indicate the focus, but it's still there.\n        if (!e.detail) {\n          return;\n        }\n\n        this.showSpinner = true;\n        const signatureBlob = await (await fetch(e.detail)).blob();\n        return createSignature(this.endpoint, 'signature', signatureBlob) //\n          .then(async newSignature => {\n            console.log('Signature update result', newSignature);\n            const updateResult = await updateEnvelopeFieldSignature(this.endpoint, this.envelopeId, field.name, newSignature.id);\n            this.updateRecipientFieldValue(field.name, updateResult);\n            this.showSpinner = false;\n          })\n          .catch(e => {\n            console.warn('[SIGN] Error updating signature', e);\n            this.showSpinner = false;\n          });\n\n      case 'date':\n        const {formattedDate} = e.detail;\n        if (formattedDate) {\n          return this.saveFieldChange(field.name, {prepared: false, value: formattedDate});\n        }\n        break;\n\n      case 'timestamp':\n        console.log('[SIGN] Updating timestamp', {value, ts: e.target.getAttribute('timestamp')});\n        break;\n\n      default:\n        console.log('[SIGN] Unhandled field update', {value, checked}, field);\n        break;\n    }\n  }\n\n  isFieldFilled(field: IEnvelopeField) {\n    const {value = ''} = field;\n    switch (field.type as any) {\n      case 'textarea':\n      case 'textbox':\n        switch (field.validator || '') {\n          case 'email':\n            return isValidEmail(value);\n          case 'phone':\n            return isValidPhone(value);\n          default:\n            return (value || '').trim() !== '';\n        }\n\n      case 'signature':\n        return value === 'signed';\n\n      case 'initial':\n        return value === 'initialed';\n\n      // Timestamp fields get automatically filled when the envelope is submitted.\n      case 'timestamp':\n        return true;\n\n      case 'date':\n        return !!value;\n\n      case 'attachment':\n        return value === 'attached';\n\n      case 'dropdown':\n        return value !== '';\n\n      case 'checkbox':\n        return value === 'true';\n\n      case 'radio':\n        if (!!field.group) {\n          return this.getRecipientFields()\n            .filter(f => f.group === field.group)\n            .some(field => field.value === 'true');\n        }\n\n        return field.value === 'true';\n\n      default:\n        return false;\n    }\n  }\n\n  isFieldValid(field: IEnvelopeField) {\n    return !field.required || this.isFieldFilled(field);\n  }\n\n  getSortedFillableFields() {\n    const recipientFields = this.getRecipientFields().filter(field => field.type !== 'timestamp');\n    sortFields(recipientFields);\n    return recipientFields;\n  }\n\n  async handleNext() {\n    if (this.nextSubmits) {\n      try {\n        // Patches the date picker to be forcibly removed if still showing during submission\n        document.getElementById('air-datepicker-global-container')?.remove();\n\n        this.submitting = true;\n        const result = await envelopeRecipientSubmit(this.endpoint, this.envelopeId, this.roleId);\n        console.log('[SIGN] Submitted successfully', result);\n        this.recipient.status = 'submitted';\n        this.showDone = true;\n        console.log('[SIGN] Reloading envelope');\n        getEnvelope(this.endpoint, this.envelopeId)\n          .then(envelope => {\n            this.envelope = envelope;\n            // The show-done dialog does this\n            // this.isDone = true;\n            this.submitting = false;\n          })\n          .catch(e => {\n            // this.isDone = true;\n            console.log('[SIGN] Error reloading envelope', e);\n            this.submitting = false;\n          });\n      } catch (e) {\n        console.log('[SIGN] Error submitting', e);\n      }\n\n      return;\n    }\n\n    // Find and focus the next incomplete field (that is fillable)\n    const emptyFields = this.getSortedFillableFields().filter(field => field.required && !this.isFieldFilled(field));\n    sortFields(emptyFields);\n\n    const focusedIndex = emptyFields.findIndex(field => field.name === this.focusedField);\n    let nextFocusedIndex = focusedIndex + 1;\n    if (nextFocusedIndex >= emptyFields.length) {\n      nextFocusedIndex = 0;\n    }\n\n    let nextRequiredField = emptyFields[nextFocusedIndex];\n    // console.log('Next field', nextRequiredField, emptyFields);\n\n    // Skip signature and initial fields that are already filled in. We have to count our \"skips\" just in case, to avoid infinite loops.\n    let skips = 0;\n    if (skips < emptyFields.length && ['signature', 'initial'].includes(nextRequiredField.type) && ['initialed', 'signed'].includes(nextRequiredField.value)) {\n      skips++;\n      nextFocusedIndex++;\n      if (nextFocusedIndex >= emptyFields.length) {\n        nextFocusedIndex = 0;\n      }\n      nextRequiredField = emptyFields[nextFocusedIndex];\n    }\n\n    if (skips >= emptyFields.length) {\n      nextRequiredField = null;\n    }\n\n    if (nextRequiredField) {\n      const id = getFieldId(nextRequiredField);\n      const el = document.getElementById(id) as any;\n      el?.scrollIntoView({behavior: 'smooth'});\n      el?.focusField();\n      this.focusedField = nextRequiredField.name;\n    }\n  }\n\n  getRecipientFields() {\n    return this.envelope.fields.filter(field => field.role_name === this.recipient.role_name);\n  }\n\n  // See if everything that \"needs to be\" filled in is, and all \"fillable fields\" are valid\n  checkRecipientFields() {\n    const invalidFields = this.getRecipientFields().filter(field => !this.isFieldValid(field));\n    if (invalidFields.length < 1) {\n      this.nextButtonLabel = 'Finish';\n      if (!this.nextSubmits) {\n        this.nextSubmits = true;\n      }\n    } else {\n      console.log(\n        '[SIGN] Invalid fields remaining',\n        invalidFields.map(field => field.name),\n      );\n      this.nextButtonLabel = 'Next';\n      this.nextSubmits = false;\n    }\n  }\n\n  attachFieldAttributes(pageInfo, field, el) {\n    // We can get called multiple times as rendering completes and it's hard to avoid that\n    // because it's a ton of work for the callers to know it's been done already. But we\n    // don't want to attach multiple event listeners or we get dupe event handling, like\n    // calling the server twice on every field update. Since JS has no removeAllEventListeners()\n    // option, using removeEventListener() isn't reliable the way Stencil binds local function\n    // contexts, and cloneNode messes up the rest of the rendering, we just track it with a flag.\n    if (el.getAttribute('attached') === '1') {\n      return;\n    }\n    el.setAttribute('attached', '1');\n\n    el.addEventListener('input', (e: any) => {\n      // console.log('[SIGN] onfieldInput', e.detail, e.target.value);\n      // These field types don't emit fieldChange. Should we standardize on that? We don't tap \"input\" for fields like\n      // text boxes because we'd be updating the field on every keystroke. We do those on blur which fires fieldChange.\n      if (e.target.type === 'radio' || e.target.type === 'checkbox') {\n        // if (e.target.type === 'radio' || e.target.name.includes('date') || e.target.name.includes('checkbox')) {\n        this.handleFieldChange(field, e).finally(() => this.checkRecipientFields());\n      } else {\n        this.checkRecipientFields();\n      }\n    });\n    el.addEventListener('attached', async (e: any) => {\n      console.log('[SIGN] onAttached', e.detail, e.target.value);\n      this.showSpinner = true;\n      try {\n        const updateResult = await uploadEnvelopeFieldAttachment(this.endpoint, this.envelopeId, field.name, e.detail);\n        this.updateRecipientFieldValue(field.name, updateResult);\n        this.checkRecipientFields();\n\n        const newEl = renderDocumentField('envelope', field, pageInfo, {disabled: false, editable: false, draggable: false, done: this.isDone});\n        this.attachFieldAttributes(pageInfo, field, newEl);\n\n        this.showSpinner = false;\n      } catch (e) {\n        console.log('Error uploading attachment', e);\n        VerdocsToast('Unable to upload attachment, please try again later', {style: 'error'});\n        this.showSpinner = false;\n      }\n    });\n    el.addEventListener('deleted', async (e: any) => {\n      console.log('[SIGN] onDeleted', e.detail, e.target.value);\n      this.showSpinner = true;\n      try {\n        const updateResult = await deleteEnvelopeFieldAttachment(this.endpoint, this.envelopeId, field.name);\n        console.log('[SIGN] Deleted attachment', updateResult);\n        this.updateRecipientFieldValue(field.name, updateResult);\n        this.checkRecipientFields();\n\n        const newEl = renderDocumentField('envelope', field, pageInfo, {disabled: false, editable: false, draggable: false, done: this.isDone});\n        this.attachFieldAttributes(pageInfo, field, newEl);\n\n        this.showSpinner = false;\n      } catch (e) {\n        console.log('Error uploading attachment', e);\n        VerdocsToast('Unable to upload attachment, please try again later', {style: 'error'});\n        this.showSpinner = false;\n      }\n    });\n    el.addEventListener('focusout', e => {\n      // These field types trigger focusout as they're used, even without a value change\n      if (field.type !== 'dropdown' && field.type !== 'attachment') {\n        this.handleFieldChange(field, e).finally(() => this.checkRecipientFields());\n      }\n    });\n    el.addEventListener('fieldChange', e => {\n      this.handleFieldChange(field, e).finally(() => this.checkRecipientFields());\n    });\n\n    el.setAttribute('templateid', this.envelope.template_id);\n    el.setAttribute('fieldname', field.name);\n    el.setAttribute('page', pageInfo.pageNumber);\n    el.setAttribute('xScale', pageInfo.xScale);\n    el.setAttribute('yScale', pageInfo.yScale);\n\n    const fullName = formatFullName(this.recipient);\n    el.setAttribute('initials', fullNameToInitials(fullName));\n    el.setAttribute('name', fullName);\n  }\n\n  handlePageRendered(e: any) {\n    const pageInfo = e.detail as IDocumentPageInfo;\n\n    // NOTE: We don't filter on pageNumber here because we need the position in the\n    // entire list to set the tabIndex.\n    const recipientFields = this.getSortedFillableFields();\n    console.log('[SIGN] Rendering fields for page', pageInfo.pageNumber, recipientFields);\n\n    // First render the fields for the signer\n    recipientFields.forEach((field, tabIndex) => {\n      if (field.page !== pageInfo.pageNumber) {\n        return;\n      }\n\n      const el = renderDocumentField('envelope', field, pageInfo, {disabled: false, editable: false, draggable: false, done: this.isDone}, tabIndex);\n      if (!el) {\n        return;\n      }\n\n      if (Array.isArray(el)) {\n        el.map(e => this.attachFieldAttributes(pageInfo, field, e));\n      } else {\n        this.attachFieldAttributes(pageInfo, field, el);\n      }\n    });\n\n    // Now render the fields for other signers who have yet to act\n    this.sortedRecipients\n      .filter(r => r.role_name !== this.recipient.role_name && (r.status === 'invited' || r.status === 'opened' || r.status === 'pending'))\n      .forEach(() => {\n        this.getRecipientFields()\n          .filter(field => field.page === pageInfo.pageNumber)\n          .forEach(field => {\n            const el = renderDocumentField('envelope', field, pageInfo, {disabled: true, editable: false, draggable: false, done: this.isDone});\n            if (!el) {\n              return;\n            }\n\n            if (Array.isArray(el)) {\n              el.map(e => this.attachFieldAttributes(pageInfo, field, e));\n            } else {\n              this.attachFieldAttributes(pageInfo, field, el);\n            }\n          });\n      });\n\n    this.checkRecipientFields();\n  }\n\n  render() {\n    if (this.showLoadError) {\n      return (\n        <Host>\n          <verdocs-ok-dialog\n            heading=\"Unable to Start Signing\"\n            message={`Sorry, your invite code is invalid or has expired. Please check your email for an updated invitation, or contact the sender.`}\n            buttonLabel=\"OK\"\n            onNext={() => {\n              window.location.reload();\n            }}\n          />\n        </Host>\n      );\n    }\n\n    if (!this.envelope) {\n      return (\n        <Host>\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    if (this.fatalErrorMessage) {\n      return (\n        <Host class={{agreed: this.agreed}}>\n          <div class=\"fatal-error\">\n            <div class=\"message\">\n              <div class=\"header\">{this.fatalErrorHeader}</div>\n              <p>{this.fatalErrorMessage}</p>\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    if (this.isDone) {\n      return (\n        <Host class={{agreed: this.agreed}}>\n          <verdocs-view endpoint={this.endpoint} envelopeId={this.envelopeId} onSdkError={e => this.sdkError?.emit(e.detail)} />\n\n          {this.showDone && (\n            <verdocs-ok-dialog\n              heading=\"You're Done!\"\n              message={`You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`}\n              onNext={(e: any) => {\n                e.preventDefault();\n                e.stopPropagation();\n                this.showDone = false;\n                this.isDone = true;\n              }}\n            />\n          )}\n\n          {this.submitting && (\n            <div class=\"loading-indicator\">\n              <verdocs-loader />\n            </div>\n          )}\n        </Host>\n      );\n    }\n\n    if (!this.agreed) {\n      return (\n        <Host class=\"agreed\">\n          <div id=\"verdocs-sign-header\">\n            <div class=\"inner\">\n              <img src=\"https://verdocs.com/assets/white-logo.svg\" alt=\"Verdocs Logo\" class=\"logo\" />\n              <div class=\"title\">{this.envelope.name}</div>\n            </div>\n          </div>\n\n          <div class=\"document\" style={{paddingTop: '15px'}}>\n            <img\n              src=\"https://public-assets.verdocs.com/loading-placeholder.png\"\n              style={{width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px'}}\n              alt=\"Placeholder page\"\n            />\n          </div>\n\n          <div class=\"cover\">\n            <div class=\"agree\">\n              <verdocs-checkbox name=\"agree\" label=\"By checking this box, you:\" onInput={() => this.handleClickAgree()} />\n              <ul>\n                <li>\n                  Agree to use electronic records and signatures, and confirm you have read the{' '}\n                  <a href=\"https://verdocs.com/en/electronic-record-signature-disclosure/\" target=\"_blank\">\n                    Electronic Record and Signatures Disclosure\n                  </a>\n                  .\n                </li>\n                <li>\n                  Agree to Verdocs'{' '}\n                  <a href=\"https://verdocs.com/en/eula\" target=\"_blank\">\n                    End User License Agreement\n                  </a>{' '}\n                  and confirm you have read Verdocs'{' '}\n                  <a href=\"https://verdocs.com/en/privacy-policy/\" target=\"_blank\">\n                    Privacy Policy\n                  </a>\n                  .\n                </li>\n              </ul>\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    if (this.kbaStep === 'pin') {\n      return (\n        <Host class=\"kba\">\n          <div id=\"verdocs-sign-header\">\n            <div class=\"inner\">\n              <img src=\"https://verdocs.com/assets/white-logo.svg\" alt=\"Verdocs Logo\" class=\"logo\" />\n              <div class=\"title\">{this.envelope.name}</div>\n            </div>\n          </div>\n\n          <div class=\"document\" style={{paddingTop: '15px'}}>\n            <img\n              src=\"https://public-assets.verdocs.com/loading-placeholder.png\"\n              style={{width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px'}}\n              alt=\"Placeholder page\"\n            />\n          </div>\n\n          <div class=\"cover\">\n            <div class=\"kba\">\n              <verdocs-kba-dialog\n                mode=\"text\"\n                step={1}\n                steps={1}\n                helptitle=\"Document is protected by a PIN code\"\n                helptext=\"Please enter your PIN code to proceed. If you do not have one, please contact the sender.\"\n                label=\"PIN Code\"\n                onNext={async e => {\n                  submitKbaPin(this.endpoint, this.envelopeId, this.roleId, e.detail as string)\n                    .then(r => {\n                      console.log('[SIGN] PIN code submission result', r);\n                      if (r.kba_step === 'complete') {\n                        this.kbaStep = '';\n                      }\n                    })\n                    .catch(e => {\n                      console.log('[SIGN] Error submitting PIN', e);\n                      VerdocsToast(e.response?.data?.error || 'Unable to verify PIN code. Please try again.', {style: 'error'});\n                    });\n                }}\n              />\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    if (this.kbaStep === 'identity') {\n      return (\n        <Host class=\"kba\">\n          <div id=\"verdocs-sign-header\">\n            <div class=\"inner\">\n              <img src=\"https://verdocs.com/assets/white-logo.svg\" alt=\"Verdocs Logo\" class=\"logo\" />\n              <div class=\"title\">{this.envelope.name}</div>\n            </div>\n          </div>\n\n          <div class=\"document\" style={{paddingTop: '15px'}}>\n            <img\n              src=\"https://public-assets.verdocs.com/loading-placeholder.png\"\n              style={{width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px'}}\n              alt=\"Placeholder page\"\n            />\n          </div>\n\n          <div class=\"cover\">\n            <div class=\"kba\">\n              <verdocs-kba-dialog\n                mode=\"identity\"\n                helptitle=\"Document requires identity verification\"\n                helptext=\"Please complete your contact details to proceed.\"\n                recipient={this.recipient}\n                onNext={async e => {\n                  const recipDetails = e.detail as IRecipient;\n                  submitKbaIdentity(this.endpoint, this.envelopeId, this.roleId, {\n                    firstName: recipDetails.first_name,\n                    lastName: recipDetails.last_name,\n                    address: recipDetails.address,\n                    city: recipDetails.city,\n                    state: recipDetails.state,\n                    zip: recipDetails.zip,\n                    ssnLast4: recipDetails.ssn_last_4,\n                  })\n                    .then(r => {\n                      console.log('[SIGN] Identity submission result', r);\n                      this.kbaStep = r.kba_step;\n                    })\n                    .catch(e => {\n                      console.log('[SIGN] Error submitting identity', e);\n                      VerdocsToast(e.response?.data?.error || 'Unable to verify identity.', {style: 'error'});\n                    });\n                }}\n              />\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    if (this.kbaStep === 'challenge') {\n      const questionNumber = this.kbaChoices.length;\n      const kbaQuestion = this.kbaQuestions[questionNumber];\n      return (\n        <Host class=\"kba\">\n          <div id=\"verdocs-sign-header\">\n            <div class=\"inner\">\n              <img src=\"https://verdocs.com/assets/white-logo.svg\" alt=\"Verdocs Logo\" class=\"logo\" />\n              <div class=\"title\">{this.envelope.name}</div>\n            </div>\n          </div>\n\n          <div class=\"document\" style={{paddingTop: '15px'}}>\n            <img\n              src=\"https://public-assets.verdocs.com/loading-placeholder.png\"\n              style={{width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px'}}\n              alt=\"Placeholder page\"\n            />\n          </div>\n\n          <div class=\"cover\">\n            <div class=\"kba\">\n              {this.kbaChoices.length >= this.kbaQuestions.length ? (\n                <verdocs-spinner />\n              ) : (\n                <verdocs-kba-dialog\n                  mode=\"choice\"\n                  helptitle=\"Your identity requires additional verification\"\n                  helptext={kbaQuestion?.prompt || 'Please select one of the options below.'}\n                  choices={kbaQuestion?.answer || ['Skip Question']}\n                  step={questionNumber + 1}\n                  steps={this.kbaQuestions.length}\n                  onNext={async (e: any) => {\n                    const answer = e.detail as string;\n                    this.kbaChoices = [...this.kbaChoices, answer];\n                    if (this.kbaChoices.length >= this.kbaQuestions.length) {\n                      const responses = this.kbaQuestions.map((q, i) => ({type: q.type, answer: this.kbaChoices[i]}));\n                      console.log('Submitting KBA responses', this.kbaChoices, responses);\n                      try {\n                        const response = await submitKbaChallengeResponse(this.endpoint, this.envelopeId, this.roleId, responses);\n                        console.log('KBA challenge response', response);\n                        this.kbaStep = response.kba_step;\n                        if (this.kbaStep === 'failed') {\n                          this.fatalErrorHeader = 'Identity Verification Failed';\n                          this.fatalErrorMessage = \"We were unable to verify your identity. Please contact the document's sender.\";\n                          this.isDone = true;\n                        } else {\n                          this.kbaQuestions = (response as any).questions?.question || [];\n                          this.kbaChoices = [];\n                        }\n                      } catch (e) {\n                        console.log('Error submitting KBA challenge', e);\n                        this.kbaStep = '';\n                        this.fatalErrorHeader = 'Unable to Verify Identity';\n                        this.fatalErrorMessage = e.response?.data?.error || 'Please try again later.';\n                        this.isDone = true;\n                      }\n                    }\n                  }}\n                />\n              )}\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <div id=\"verdocs-sign-header\">\n          <div class=\"inner\">\n            <img src=\"https://verdocs.com/assets/white-logo.svg\" alt=\"Verdocs Logo\" class=\"logo\" />\n            <div class=\"title\">{this.envelope.name}</div>\n            <div style={{flex: '1'}} />\n\n            {!this.finishLater && <verdocs-button size=\"xsmall\" label={this.nextButtonLabel} disabled={!this.agreed} onClick={() => this.handleNext()} />}\n\n            <div style={{marginLeft: '10px'}} />\n            <verdocs-dropdown options={!this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions} onOptionSelected={e => this.handleOptionSelected(e)} />\n          </div>\n        </div>\n\n        <div class=\"document\" style={{paddingTop: '15px'}}>\n          {(this.envelope.documents || []).map(envelopeDocument => {\n            const pageNumbers = integerSequence(1, envelopeDocument.pages);\n\n            return (\n              <Fragment>\n                {pageNumbers.map(pageNumber => {\n                  const pageSize = envelopeDocument.page_sizes?.[pageNumber] || {width: 612, height: 792};\n\n                  // In signing mode we show the original template page with all the recipient fields so we can show source formatting and\n                  // where everything went. This is also a visual indicator when optional fields weren't filled in by previous actors, or\n                  // future signers still need to act. Once we're \"done\" we flip to showing the envelope's documents which have the final\n                  // field vales (so far) stamped into them.\n                  // TODO: Confirm that a pure page-number match is good enough to find the matching template page. We need to make sure\n                  //  we either don't reset our page numbers for additional attachments, or add match-on identifiers to work around that.\n                  // console.log('tp', templatePage, page);\n                  return (\n                    <verdocs-envelope-document-page\n                      envelopeId={this.envelopeId}\n                      documentId={envelopeDocument.id}\n                      endpoint={this.endpoint}\n                      virtualWidth={pageSize.width}\n                      virtualHeight={pageSize.height}\n                      pageNumber={pageNumber}\n                      onPageRendered={e => this.handlePageRendered(e)}\n                      type=\"filled\"\n                      layers={[\n                        {name: 'page', type: 'canvas'},\n                        {name: 'controls', type: 'div'},\n                      ]}\n                    />\n                  );\n                })}\n              </Fragment>\n            );\n          })}\n        </div>\n\n        {this.showFinishLater && (\n          <verdocs-ok-dialog\n            heading=\"You've saved your document to finish later.\"\n            message={`To complete the ${this.documentsSingularPlural}, use the link in the original email notification inviting you to review and finish the document.`}\n            onNext={() => (this.showFinishLater = false)}\n          />\n        )}\n\n        {this.showDone && (\n          <verdocs-ok-dialog\n            heading=\"You're Done!\"\n            message={`You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`}\n            onNext={() => {\n              this.showDone = false;\n              this.isDone = true;\n            }}\n          />\n        )}\n\n        {this.submitting ||\n          (this.showSpinner && (\n            <verdocs-portal>\n              <div class=\"spinner-overlay\">\n                <verdocs-spinner />\n              </div>\n            </verdocs-portal>\n          ))}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/verdocs-web-sdk/p-db1faf41.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as i,h as s,F as t,H as n}from"./p-b9654a5e.js";import{VerdocsEndpoint as o,getEnvelope as l,resendInvitation as a,cancelEnvelope as r,formatFullName as d,updateEnvelope as c,userIsEnvelopeOwner as v,capitalize as p}from"@verdocs/js-sdk";import{F as h}from"./p-c7ee88c7.js";import{V as m}from"./p-04c07b7b.js";import{S as w}from"./p-fd97809c.js";import{S as g}from"./p-3828cb31.js";import{f as b}from"./p-12bab948.js";const f='@-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-envelope-sidebar{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;-ms-flex:0 0 56px;flex:0 0 56px;width:56px;min-height:400px;height:100%;background:#41435e;-webkit-transition:0.5s cubic-bezier(0.35, 0, 0.25, 1);transition:0.5s cubic-bezier(0.35, 0, 0.25, 1)}verdocs-envelope-sidebar.open{-ms-flex:0 0 400px;flex:0 0 400px;max-width:100%;width:400px}@media screen and (max-width: 500px){verdocs-envelope-sidebar.open{-ms-flex:0 0 300px;flex:0 0 300px;width:300px}}verdocs-envelope-sidebar .side-buttons{-ms-flex-direction:column;flex-direction:column;-ms-flex:0 0 56px;flex:0 0 56px;display:-ms-flexbox;display:flex}verdocs-envelope-sidebar .side-buttons button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:50px;outline:none;border:none;border-left:2px solid transparent;background:none;width:100%}verdocs-envelope-sidebar .side-buttons button.active{border-left:2px solid #50bd80}verdocs-envelope-sidebar .side-buttons button svg{color:white;width:24px;height:24px}verdocs-envelope-sidebar .content{-ms-flex:1;flex:1;display:none;color:white;-ms-flex-direction:column;flex-direction:column;padding:12px 16px 16px}verdocs-envelope-sidebar.open .content{display:-ms-flexbox;display:flex;overflow-y:scroll}verdocs-envelope-sidebar verdocs-ok-dialog .content{color:black}verdocs-envelope-sidebar .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:12px;font-size:16px;line-height:24px;font-weight:400}verdocs-envelope-sidebar .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:16px;color:rgba(255, 255, 255, 0.54)}verdocs-envelope-sidebar .value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:14px;font-size:14px;font-weight:500;line-height:16px;color:#fff}verdocs-envelope-sidebar .manage-recipients-button{-ms-flex-item-align:center;align-self:center;white-space:nowrap;width:100%;margin:0 0 10px 0}verdocs-envelope-sidebar .manage-recipients-button .label{color:#ffffff;font-size:14px}verdocs-envelope-sidebar .manage-recipients-button button{width:100%}verdocs-envelope-sidebar .recipient-detail{-ms-flex:0;flex:0;padding:8px;font-size:14px;position:relative;-ms-flex-direction:column;flex-direction:column;border:solid 1px #979797;margin-bottom:16px}verdocs-envelope-sidebar .recipient-header{-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:6px;-ms-flex-align:center;align-items:center;margin-bottom:4px}verdocs-envelope-sidebar .recipient-number{width:24px;height:24px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:24px;font-size:14px;font-weight:500;border:solid 1px #979797}verdocs-envelope-sidebar .recipient-name{-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;text-transform:capitalize}verdocs-envelope-sidebar .recipient-status{-ms-flex:0 0 100px;flex:0 0 100px;border-radius:5px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100px;min-width:100px;background-color:#616161;text-transform:capitalize;font-size:14px;padding:3px 0}verdocs-envelope-sidebar .recipient-status.invited{background-color:#ff8f00}verdocs-envelope-sidebar .recipient-status.opened{background-color:#616161}verdocs-envelope-sidebar .recipient-status.signed,verdocs-envelope-sidebar .recipient-status.submitted{background-color:#2e7d32}verdocs-envelope-sidebar .recipient-status.pending{background-color:#0277bd}verdocs-envelope-sidebar .recipient-status.canceled,verdocs-envelope-sidebar .recipient-status.declined{background-color:#c62828}@media screen and (max-width: 500px){verdocs-envelope-sidebar .recipient-status{-ms-flex:1 1 60px;flex:1 1 60px;max-width:60px;min-width:60px}}verdocs-envelope-sidebar .recipient-content{-ms-flex-direction:column;flex-direction:column}verdocs-envelope-sidebar .recipient-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}verdocs-envelope-sidebar .history-entry{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;padding:8px 0 0;margin:8px 0 0;border-top:1px solid #dddddd}verdocs-envelope-sidebar .history-entry .activity-icon{margin-right:14px}verdocs-envelope-sidebar .history-entry .activity-icon svg{width:24px;height:24px;fill:#ffffff}verdocs-envelope-sidebar .history-entry .activity-text{font-size:14px;line-height:16px;margin-bottom:4px}verdocs-envelope-sidebar .history-entry .activity-date{font-size:12px;line-height:16px;color:rgba(255, 255, 255, 0.54)}verdocs-envelope-sidebar .content .history-entry:first-of-type{border-top:none}verdocs-envelope-sidebar .reminders{margin:15px 0 30px 0}verdocs-envelope-sidebar .reminders .form-row{margin:8px 0 0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-sidebar .reminders .form-row .reminders-label{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}verdocs-envelope-sidebar .reminders .form-row .form-label{-ms-flex:1;flex:1}verdocs-envelope-sidebar .reminders .form-row verdocs-text-input{margin:0;width:100px}';const x=f;const u=24*60*60*1e3;const y=`<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>`;const k=`<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>`;const z=`<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>`;const M={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>`,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>`,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>`,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>`,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>`,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>`,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>`,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>`,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>`,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>`,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>`,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>`,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>`,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>`,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>`,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>`,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>`,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>`,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>`};const D=class{constructor(s){e(this,s);this.sdkError=i(this,"sdkError",7);this.envelopeUpdated=i(this,"envelopeUpdated",7);this.toggle=i(this,"toggle",7);this.another=i(this,"another",7);this.envelopeListenerId=null;this.endpoint=o.getDefault();this.envelopeId="";this.activeTab=1;this.panelOpen=false;this.showRecipientDialog="";this.showCancelDialog=false;this.remindersEnabled=false;this.updatingReminders=false;this.initialReminder=null;this.followupReminders=null;this.loading=true;this.envelope=null}async componentWillLoad(){var e,i,s;try{this.endpoint.loadSession();if(!this.envelopeId){console.log(`[SIDEBAR] Missing required envelope ID ${this.envelopeId}`);return}if(!this.endpoint.session){console.log("[SIDEBAR] Unable to start session, must be authenticated");return}this.listenToEnvelope()}catch(t){console.log("[SIDEBAR] Error loading envelope",t);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new w(t.message,(i=t.response)===null||i===void 0?void 0:i.status,(s=t.response)===null||s===void 0?void 0:s.data))}}disconnectedCallback(){this.unlistenToEnvelope()}async listenToEnvelope(){console.log("[SIDEBAR] Loading envelope",this.envelopeId);this.unlistenToEnvelope();g.subscribe("envelopes",this.envelopeId,(()=>l(this.endpoint,this.envelopeId)),false,(e=>{var i,s;this.envelope=e;this.loading=false;this.sortEnvelopeRecipients();this.initialReminder=(i=this.envelope)===null||i===void 0?void 0:i.initial_reminder;this.followupReminders=(s=this.envelope)===null||s===void 0?void 0:s.followup_reminders;this.remindersEnabled=!!this.initialReminder}))}unlistenToEnvelope(){if(this.envelopeListenerId){g.store.delListener(this.envelopeListenerId);this.envelopeListenerId=null}}sortEnvelopeRecipients(){var e;(((e=this.envelope)===null||e===void 0?void 0:e.recipients)||[]).sort(((e,i)=>e.sequence===i.sequence?e.order-i.order:e.sequence-i.sequence))}setTab(e){var i;this.panelOpen=e!==this.activeTab||!this.panelOpen;(i=this.toggle)===null||i===void 0?void 0:i.emit({open:this.panelOpen});this.activeTab=e}canResendRecipient(e){var i;return!["pending","declined","submitted","canceled"].includes(e.status)&&!["complete","declined","canceled"].includes((i=this.envelope)===null||i===void 0?void 0:i.status)}handleRecipientAction(e,i){var s;console.log("[SIDEBAR] Recipient action",i,e);switch(i){case"reminder":a(this.endpoint,this.envelopeId,e.role_name).then((()=>{m("Reminder Sent",{style:"success"})})).catch((e=>{console.log("[SIDEBAR] Error resending invitation",e);m("Error resending invitation: "+e.message,{style:"error"})}));break;case"inperson":this.showRecipientDialog=e.role_name;break;case"modify":m("This feature will be enabled in a future release. Please try again later.",{style:"info"});break;case"details":m("This feature will be enabled in a future release. Please try again later.",{style:"info"});break}(s=this.envelopeUpdated)===null||s===void 0?void 0:s.emit({endpoint:this.endpoint,envelope:this.envelope,event:i})}handleCancelEnvelope(){this.loading=true;r(this.endpoint,this.envelopeId).then((async e=>{var i;console.log("[SIDEBAR] Envelope canceled",e);m("Envelope canceled",{style:"success"});const s=JSON.parse(JSON.stringify(this.envelope));s.status="canceled";g.updateEnvelope(this.envelopeId,s);this.loading=false;this.panelOpen=false;(i=this.envelopeUpdated)===null||i===void 0?void 0:i.emit({endpoint:this.endpoint,envelope:s,event:"canceled"})})).catch((e=>{console.log("[SIDEBAR] Error canceling envelope",e);this.loading=false;m("Error canceling envelope: "+e.message,{style:"error"})}))}prepareHistoryEntries(){var e,i,s,t,n,o;const l=[];const a=((e=this.envelope)===null||e===void 0?void 0:e.history_entries)||[];l.push({icon:"pencil",message:"Envelope created.",date:new Date((i=this.envelope)===null||i===void 0?void 0:i.created_at)});if(((s=this.envelope)===null||s===void 0?void 0:s.status)==="complete"){l.push({icon:"pencil",message:"Envelope completed.",date:new Date((t=this.envelope)===null||t===void 0?void 0:t.updated_at)})}const r=a.some((e=>e.event==="owner:canceled"));if(((n=this.envelope)===null||n===void 0?void 0:n.status)==="canceled"&&!r){l.push({icon:"pencil",message:"Envelope Cancelled.",date:new Date((o=this.envelope)===null||o===void 0?void 0:o.canceled_at)})}a.forEach((e=>{var i;const s=(((i=this.envelope)===null||i===void 0?void 0:i.recipients)||[]).find((i=>i.role_name===e.role_name));const t=d(s);switch(e.event.toLowerCase()){case"recipient:signed":l.push({icon:"gesture",message:`Signed by ${t}.`,date:new Date(e.created_at)});break;case"recipient:declined":l.push({icon:"clear",message:`Declined by ${t}.`,date:new Date(e.created_at)});break;case"recipient:opened":switch(e.event_detail){case"email":case"mail":l.push({icon:"visibility",message:`Opened by ${t}, via email.`,date:new Date(e.created_at)});break;case"sms":l.push({icon:"visibility",message:`Opened by ${t}, via SMS.`,date:new Date(e.created_at)});break;case"in_person_link":l.push({icon:"visibility",message:`Opened by ${t}, via In-person link.`,date:new Date(e.created_at)});break;case"in_app":l.push({icon:"visibility",message:`Opened by ${t}, via dashboard.`,date:new Date(e.created_at)});break;default:l.push({icon:"visibility",message:`Opened by ${t}.`,date:new Date(e.created_at)})}break;case"recipient:submitted":switch(e.event_detail){case"approver":l.push({icon:"check_circle",message:`Approved by ${t}.`,date:new Date(e.created_at)});break;default:l.push({icon:"send",message:`Submitted by ${t}.`,date:new Date(e.created_at)});break}break;case"recipient:prepared":l.push({icon:"send",message:`Prepared by ${t}.`,date:new Date(e.created_at)});break;case"recipient:claimed":if(e.event_detail==="guest"){l.push({icon:"account_circle",message:`${t} claimed the Envelope as a guest.`,date:new Date(e.created_at)})}else if(e.event_detail==="profile"){l.push({icon:"verified_user",message:`${t} claimed the Envelope as a verified user.`,date:new Date(e.created_at)})}break;case"recipient:agreed":l.push({icon:"done",message:`${t} agreed to use electronic records and signatures.`,date:new Date(e.created_at)});break;case"recipient:invited":if(e.event_detail==="sms"){l.push({icon:"textsms",message:`${t} has been invited via SMS.`,date:new Date(e.created_at)})}else{l.push({icon:"mail",message:`${t} has been invited via email.`,date:new Date(e.created_at)})}break;case"recipient:reminder":if(e.event_detail==="sms"){l.push({icon:"textsms",message:`${t} sent a reminder via SMS.`,date:new Date(e.created_at)})}else{l.push({icon:"mail",message:`${t} sent a reminder via email.`,date:new Date(e.created_at)})}break;case"invitation:resent":l.push({icon:"mail",message:`Invitation was resent to ${t}${e.event_detail==="reminder"?" by reminder":""}.`,date:new Date(e.created_at)});break;case"envelope:cc":l.push({icon:"contact_mail",message:`A copy has been sent to ${t}.`,date:new Date(e.created_at)});break;case"recipient:delegated":l.push({icon:"people",message:e.event_detail,date:new Date(e.created_at)});break;case"recipient:updated_info":l.push({icon:"perm_identity",message:e.event_detail,date:new Date(e.created_at)});break;case"owner:updated_recipient_info":l.push({icon:"perm_identity",message:e.event_detail,date:new Date(e.created_at)});break;case"created":l.push({icon:"create",message:`Envelope was created.`,date:new Date(e.created_at)});break;case"completed":l.push({icon:"done_all",message:`Envelope was completed.`,date:new Date(e.created_at)});break;case"envelope:canceled":case"envelope_canceled":case"canceled":case"owner:canceled":l.push({icon:"cancel",message:`Envelope was canceled by the creator.`,date:new Date(e.created_at)});break;case"owner:get_in_person_link":l.push({icon:"link",message:`Owner accessed the In-person link for ${s}.`,date:new Date(e.created_at)});break;default:console.log("[SIDEBAR] Unknown history type",e);break}}));l.sort(((e,i)=>i.date.getTime()-e.date.getTime()));return l}handleToggleReminders(){if(this.remindersEnabled){return this.handleSetReminders(null,null)}else{return this.handleSetReminders(u,3*u)}}handleSetReminders(e,i){console.log("Updating reminders...");this.updatingReminders=true;c(this.endpoint,this.envelopeId,{initial_reminder:e,followup_reminders:i}).then((e=>{console.log("Updated",e);g.updateEnvelope(this.envelopeId,e);this.initialReminder=e.initial_reminder;this.followupReminders=e.followup_reminders;this.remindersEnabled=!!e.initial_reminder;this.updatingReminders=false})).catch((e=>{var i,s,t;console.log("Error updating envelope",e);this.initialReminder=(i=this.envelope)===null||i===void 0?void 0:i.initial_reminder;this.followupReminders=(s=this.envelope)===null||s===void 0?void 0:s.followup_reminders;this.remindersEnabled=!!((t=this.envelope)===null||t===void 0?void 0:t.initial_reminder);this.updatingReminders=false;alert(e.response.data.error)}))}render(){var e,i,o,l,a,r,c,m,w,g,f,x;if(this.loading){return s(n,null)}const D=v(this.endpoint.profile,this.envelope);const E=this.prepareHistoryEntries();const S=((e=this.envelope)===null||e===void 0?void 0:e.status)!=="pending"&&((i=this.envelope)===null||i===void 0?void 0:i.status)!=="in progress";return s(n,{class:this.panelOpen?"open":""},s("div",{class:"side-buttons"},s("button",{class:this.activeTab===1?"active":"",onClick:()=>this.setTab(1),innerHTML:y}),s("button",{class:this.activeTab===2?"active":"",onClick:()=>this.setTab(2),innerHTML:k}),s("button",{class:this.activeTab===3?"active":"",onClick:()=>this.setTab(3),innerHTML:z})),this.activeTab===1&&s("div",{class:"content"},s("div",{class:"title"},"Details"),s("div",{class:"label"},"Envelope ID"),s("div",{class:"value"},(o=this.envelope)===null||o===void 0?void 0:o.id),s("div",{class:"label"},"Date Created"),s("div",{class:"value"},b(new Date((l=this.envelope)===null||l===void 0?void 0:l.created_at),h)),s("div",{class:"label"},"Last Modified"),s("div",{class:"value"},b(new Date((a=this.envelope)===null||a===void 0?void 0:a.updated_at),h)),s("div",{class:"label"},"Status"),s("div",{class:"value"},p((r=this.envelope)===null||r===void 0?void 0:r.status)),s("div",{class:"label"},"Owner ID"),s("div",{class:"value"},(c=this.envelope)===null||c===void 0?void 0:c.profile_id),s("div",{class:"label"},"Owner Name"),s("div",{class:"value"},d((m=this.envelope)===null||m===void 0?void 0:m.profile)),s("div",{class:"label"},"Owner Email"),s("div",{class:"value"},(g=(w=this.envelope)===null||w===void 0?void 0:w.profile)===null||g===void 0?void 0:g.email)),this.activeTab===2&&s("div",{class:"content"},s("div",{class:"title"},"Recipients"),(f=this.envelope)===null||f===void 0?void 0:f.recipients.map(((e,i)=>{const t=e.status!=="submitted"&&e.status!=="canceled"&&e.status!=="declined";const n=this.canResendRecipient(e);const o=d(e);return s("div",{class:"recipient-detail"},s("div",{class:"recipient-header"},s("div",{class:"recipient-number"},i+1),s("div",{class:"recipient-name"},e.role_name),s("div",{class:{"recipient-status":true,[e.status]:true}},e.status),D&&!S&&s("verdocs-dropdown",{onOptionSelected:i=>this.handleRecipientAction(e,i.detail.id),options:[{id:"reminder",label:"Send Reminder",disabled:!n},{id:"inperson",label:"Get In-Person Link",disabled:!t}]})),s("dic",{class:"recipient-content"},s("div",{class:"recipient-name"},o),s("div",{class:"recipient-name"},e.email),s("div",{class:"recipient-name"},e.phone)))})),D&&s("div",{class:"reminders"},s("div",{class:"form-row"},s("div",{class:"reminders-label"},"Reminders"),s("verdocs-switch",{disabled:S||this.updatingReminders,checked:this.remindersEnabled,onCheckedChange:()=>this.handleToggleReminders()})),this.remindersEnabled&&s(t,null,s("div",{class:"form-row"},"NOTE: Reminders will only be sent for up to 14 days."),s("div",{class:"form-row"},s("div",{class:"form-label"},"Initial Reminder (days):"),s("verdocs-text-input",{placeholder:"In hours...",disabled:S||this.updatingReminders,value:String(Math.floor(this.initialReminder/u)),onBlur:e=>{this.initialReminder=Number(e.target.value)*u;this.handleSetReminders(this.initialReminder,this.followupReminders)}})),s("div",{class:"form-row"},s("div",{class:"form-label"},"Follow-up Reminders:"),s("verdocs-text-input",{placeholder:"In hours...",disabled:S||this.updatingReminders,value:String(Math.floor(this.followupReminders/u)),onBlur:e=>{this.followupReminders=Number(e.target.value)*u;this.handleSetReminders(this.initialReminder,this.followupReminders)}})),s("div",{class:"form-row"},s("div",{class:"form-label"},"Next Reminder:"),s("div",{style:{color:"#dddddd"}},b(new Date((x=this.envelope)===null||x===void 0?void 0:x.next_reminder),"P p"))))),D&&s("verdocs-button",{class:"manage-recipients-button",variant:"standard",label:"Cancel Envelope",onClick:()=>this.showCancelDialog=!S,disabled:S})),this.activeTab===3&&s("div",{class:"content"},s("div",{class:"title"},"History"),E.map((e=>s("div",{class:"history-entry"},s("div",{class:"activity-icon",innerHTML:M[e.icon]||e.icon}),s("div",{class:"activity-details"},s("div",{class:"activity-text"},e.message),s("div",{class:"activity-date"},b(e.date,h))))))),this.showRecipientDialog&&s("verdocs-envelope-recipient-link",{envelopeId:this.envelopeId,roleName:this.showRecipientDialog,onNext:()=>this.showRecipientDialog=""}),this.showCancelDialog&&s("verdocs-ok-dialog",{heading:"Cancel Envelope?",message:"Are you sure you want to cancel this Envelope? This action cannot be undone.",onNext:()=>{this.showCancelDialog=false;this.handleCancelEnvelope()}}))}};D.style=x;export{D as verdocs_envelope_sidebar};
-//# sourceMappingURL=p-db1faf41.entry.js.map

package/dist/verdocs-web-sdk/p-db1faf41.entry.js.map

@@ -1 +0,0 @@
-{"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":[]}