@verdocs/web-sdk 5.0.22 → 5.0.24

package/dist/types/components.d.ts

@@ -1389,8 +1389,8 @@ export namespace Components {
      * ```ts
      * <verdocs-send
      *   templateId={templateId}
-     *   onSend={({ detail }) => { console.log('Sent!', detail) }
-     *   onSendingEnvelope={()) => { console.log('Sending... Show a spinner...') }
+     *   onBeforeSend={({ detail })) => { console.log('Sending... Show a spinner...', detail) }
+     *   onSend={({ detail }) => { console.log('Sent! Hide the spinner...', detail) }
      *   onExit={(e) => { console.log('Send cancelled.', detail) }
      *   onSdkError={({ detail }) => { console.log('SDK error', detail) }
      *   />
@@ -3081,7 +3081,7 @@ declare global {
         new (): HTMLVerdocsSelectInputElement;
     };
     interface HTMLVerdocsSendElementEventMap {
-        "sendingEnvelope": {sending: boolean};
+        "beforeSend": {recipients: ICreateEnvelopeRecipient[]; name: string; template_id: string};
         "send": {recipients: ICreateEnvelopeRecipient[]; name: string; template_id: string; envelope_id: string; envelope: IEnvelope};
         "exit": any;
         "sdkError": SDKError;
@@ -3096,8 +3096,8 @@ declare global {
      * ```ts
      * <verdocs-send
      *   templateId={templateId}
-     *   onSend={({ detail }) => { console.log('Sent!', detail) }
-     *   onSendingEnvelope={()) => { console.log('Sending... Show a spinner...') }
+     *   onBeforeSend={({ detail })) => { console.log('Sending... Show a spinner...', detail) }
+     *   onSend={({ detail }) => { console.log('Sent! Hide the spinner...', detail) }
      *   onExit={(e) => { console.log('Send cancelled.', detail) }
      *   onSdkError={({ detail }) => { console.log('SDK error', detail) }
      *   />
@@ -5336,8 +5336,8 @@ declare namespace LocalJSX {
      * ```ts
      * <verdocs-send
      *   templateId={templateId}
-     *   onSend={({ detail }) => { console.log('Sent!', detail) }
-     *   onSendingEnvelope={()) => { console.log('Sending... Show a spinner...') }
+     *   onBeforeSend={({ detail })) => { console.log('Sending... Show a spinner...', detail) }
+     *   onSend={({ detail }) => { console.log('Sent! Hide the spinner...', detail) }
      *   onExit={(e) => { console.log('Send cancelled.', detail) }
      *   onSdkError={({ detail }) => { console.log('SDK error', detail) }
      *   />
@@ -5352,6 +5352,10 @@ declare namespace LocalJSX {
           * The environment the control is being called from, e.g. 'web'. This has an impact on how certain operations such as email communications are handled to ensure users receive the correct URLs for their invitations. Setting this to unknown values may produce unexpected/incorrect behaviors. If environment is not known, do this set this property.
          */
         "environment"?: string;
+        /**
+          * The user is sending an envelope the form and clicked send.
+         */
+        "onBeforeSend"?: (event: VerdocsSendCustomEvent<{recipients: ICreateEnvelopeRecipient[]; name: string; template_id: string}>) => void;
         /**
           * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved "cancel" event name.
          */
@@ -5368,10 +5372,6 @@ declare namespace LocalJSX {
           * The user completed the form and clicked send.
          */
         "onSend"?: (event: VerdocsSendCustomEvent<{recipients: ICreateEnvelopeRecipient[]; name: string; template_id: string; envelope_id: string; envelope: IEnvelope}>) => void;
-        /**
-          * The user is sending an envelope the form and clicked send.
-         */
-        "onSendingEnvelope"?: (event: VerdocsSendCustomEvent<{sending: boolean}>) => void;
         /**
           * The ID of the template to create the document from.
          */
@@ -6524,8 +6524,8 @@ declare module "@stencil/core" {
              * ```ts
              * <verdocs-send
              *   templateId={templateId}
-             *   onSend={({ detail }) => { console.log('Sent!', detail) }
-             *   onSendingEnvelope={()) => { console.log('Sending... Show a spinner...') }
+             *   onBeforeSend={({ detail })) => { console.log('Sending... Show a spinner...', detail) }
+             *   onSend={({ detail }) => { console.log('Sent! Hide the spinner...', detail) }
              *   onExit={(e) => { console.log('Send cancelled.', detail) }
              *   onSdkError={({ detail }) => { console.log('SDK error', detail) }
              *   />

package/dist/verdocs-web-sdk/p-23d6f064.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as t,H as s,F as o}from"./p-b9654a5e.js";import{VerdocsEndpoint as n,startSigningSession as a,getKbaStep as l,envelopeRecipientAgree as r,envelopeRecipientDecline as d,updateEnvelopeField as c,createSignature as h,updateEnvelopeFieldSignature as p,createInitials as g,updateEnvelopeFieldInitials as u,isValidPhone as v,isValidEmail as f,sortFields as m,envelopeRecipientSubmit as x,getEnvelope as b,uploadEnvelopeFieldAttachment as y,deleteEnvelopeFieldAttachment as w,formatFullName as k,fullNameToInitials as S,submitKbaPin as N,submitKbaIdentity as I,submitKbaChallengeResponse as G,integerSequence as P}from"@verdocs/js-sdk";import{a as z,u as F,r as E,g as D}from"./p-0c45b79c.js";import{V as A}from"./p-04c07b7b.js";import{S as L}from"./p-fd97809c.js";import{S as U}from"./p-3828cb31.js";import"./p-85aa8e05.js";import"./p-c7ee88c7.js";import"./p-12bab948.js";const V='@-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}';const T=V;const j=[{id:"later",label:"Finish Later"},{id:"decline",label:"Decline to Sign"},{id:"print",label:"Print Without Signing"},{id:"download",label:"Download"}];const R=[{id:"print",label:"Print"},{id:"download",label:"Download"}];const C=class{constructor(t){e(this,t);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}componentWillLoad(){if(!this.endpoint){console.log("[SIGN] Creating signing endpoint");this.endpoint=new n({sessionType:"signing"})}}async componentDidLoad(){var e,i,t,s,o,n,r;if(!this.envelopeId){(e=this.sdkError)===null||e===void 0?void 0:e.emit(new L("[SIGN] Missing required envelopId",500,""));return}if(!this.roleId){(i=this.sdkError)===null||i===void 0?void 0:i.emit(new L("[SIGN] Missing required roleId",500,""));return}if(!this.inviteCode){(t=this.sdkError)===null||t===void 0?void 0:t.emit(new L("[SIGN] Missing required inviteCode",500,""));return}try{console.log(`[SIGN] Processing invite code for ${this.envelopeId} / ${this.roleId}`);const{envelope:e,recipient:i}=await a(this.endpoint,this.envelopeId,this.roleId,this.inviteCode);console.log(`[SIGN] Loaded signing session`,e,i);this.recipient=i;this.envelope=e;U.updateEnvelope(this.envelopeId,e);this.sortedRecipients=[...this.envelope.recipients];this.sortedRecipients.sort(((e,i)=>e.sequence===i.sequence?e.order-i.order:e.sequence-i.sequence));this.roleNames=this.sortedRecipients.map((e=>e.role_name));if(this.envelope.documents.length>0){this.documentsSingularPlural="document(s)"}this.recipientIndex=this.roleNames.findIndex((e=>e==this.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();(s=this.envelopeLoaded)===null||s===void 0?void 0:s.emit({endpoint:this.endpoint,envelope:this.envelope});if(!this.isDone){l(this.endpoint,this.envelopeId,this.roleId).then((e=>{var i;console.log("[SIGN] KBA Step",e);this.kbaStep=e.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=((i=e.questions)===null||i===void 0?void 0:i.question)||[];this.kbaChoices=[]}})).catch((e=>console.log("Error getting KBA step",e)))}}catch(e){console.log("[SIGN] Error with signing session",e);(o=this.sdkError)===null||o===void 0?void 0:o.emit(new L(e.message,(n=e.response)===null||n===void 0?void 0:n.status,(r=e.response)===null||r===void 0?void 0:r.data));this.showLoadError=true}}componentDidRender(){const e=this.headerTargetId?document.getElementById(this.headerTargetId):null;const i=document.getElementById("verdocs-sign-header");if(e&&i){console.log("[SIGN] Moving header");i.remove();e.append(i)}}handleClickAgree(){this.submitting=true;r(this.endpoint,this.envelopeId,this.roleId,true).then((()=>{var e;this.nextButtonLabel="Next";this.recipient.agreed=true;this.submitting=false;this.agreed=true;(e=this.envelopeUpdated)===null||e===void 0?void 0:e.emit({endpoint:this.endpoint,envelope:this.envelope,event:"agreed"})})).catch((e=>{var i,t,s;console.log("[SIGN] Update failure",e);this.submitting=false;(i=this.sdkError)===null||i===void 0?void 0:i.emit(new L(e.message,(t=e.response)===null||t===void 0?void 0:t.status,(s=e.response)===null||s===void 0?void 0:s.data))}))}async handleOptionSelected(e){var i,t,s,o,n;switch(e.detail.id){case"later":this.finishLater=true;this.showFinishLater=true;(i=this.envelopeUpdated)===null||i===void 0?void 0:i.emit({endpoint:this.endpoint,envelope:this.envelope,event:"later"});break;case"claim":A("This feature will be available in an upcoming release.");(t=this.envelopeUpdated)===null||t===void 0?void 0:t.emit({endpoint:this.endpoint,envelope:this.envelope,event:"claimed"});break;case"decline":{this.submitting=true;const e=await d(this.endpoint,this.envelopeId,this.roleId);console.log("[SIGN] Decline result",e);(s=this.envelopeUpdated)===null||s===void 0?void 0:s.emit({endpoint:this.endpoint,envelope:this.envelope,event:"declined"});this.submitting=false;this.fatalErrorHeader="Declined";this.fatalErrorMessage="You have declined to sign this envelope."}break;case"print":window.print();(o=this.envelopeUpdated)===null||o===void 0?void 0:o.emit({endpoint:this.endpoint,envelope:this.envelope,event:"printed"});break;case"download":{const e=this.envelope.documents.find((e=>e.type==="attachment"));if(e){z(this.endpoint,this.envelope,e.id).catch((e=>{console.log("[SIGN] Error downloading PDF",e)}));(n=this.envelopeUpdated)===null||n===void 0?void 0:n.emit({endpoint:this.endpoint,envelope:this.envelope,event:"downloaded"})}}break}}updateRecipientFieldValue(e,i){console.log("[SIGN] updateRecipientFieldValue",e,i);this.getRecipientFields().forEach((t=>{if(t.name===e){t.value=i.value;t.settings=i.settings;F(t);this.checkRecipientFields()}}))}saveFieldChange(e,i){console.log("[SIGN] saveFieldChange",e,i);c(this.endpoint,this.envelopeId,e,i).then((i=>this.updateRecipientFieldValue(e,i))).catch((e=>{var i,t,s,o,n,a;if(((i=e.response)===null||i===void 0?void 0:i.status)===401&&((s=(t=e.response)===null||t===void 0?void 0:t.data)===null||s===void 0?void 0:s.error)==="jwt expired"){console.log("[SIGN] Signing session expired");this.fatalErrorHeader="Signing Session Expired";this.fatalErrorMessage="Please reload your browser to continue."}else{console.log("[SIGN] Server error",e)}(o=this.sdkError)===null||o===void 0?void 0:o.emit(new L(e.message,(n=e.response)===null||n===void 0?void 0:n.status,(a=e.response)===null||a===void 0?void 0:a.data))}))}async handleFieldChange(e,i){const{value:t,checked:s}=i.target;switch(e.type){case"textarea":case"textbox":return this.saveFieldChange(e.name,{prepared:false,value:t});case"checkbox":{return this.saveFieldChange(e.name,{prepared:false,value:String(i.target.checked)})}case"radio":{return this.saveFieldChange(e.name,{prepared:false,value:String(i.target.checked)})}case"dropdown":console.log("Saving dropdown",e.name,i.detail);return this.saveFieldChange(e.name,{prepared:false,value:i.detail});case"initial":if(!i.detail){return}this.showSpinner=true;const o=await(await fetch(i.detail)).blob();return g(this.endpoint,"initial",o).then((async i=>{const t=await u(this.endpoint,this.envelopeId,e.name,i.id);this.updateRecipientFieldValue(e.name,t);this.showSpinner=false})).catch((e=>{console.log("Error updating initials",e);this.showSpinner=false}));case"signature":if(!i.detail){return}this.showSpinner=true;const n=await(await fetch(i.detail)).blob();return h(this.endpoint,"signature",n).then((async i=>{console.log("Signature update result",i);const t=await p(this.endpoint,this.envelopeId,e.name,i.id);this.updateRecipientFieldValue(e.name,t);this.showSpinner=false})).catch((e=>{console.warn("[SIGN] Error updating signature",e);this.showSpinner=false}));case"date":const{formattedDate:a}=i.detail;if(a){return this.saveFieldChange(e.name,{prepared:false,value:a})}break;case"timestamp":console.log("[SIGN] Updating timestamp",{value:t,ts:i.target.getAttribute("timestamp")});break;default:console.log("[SIGN] Unhandled field update",{value:t,checked:s},e);break}}isFieldFilled(e){const{value:i=""}=e;switch(e.type){case"textarea":case"textbox":switch(e.validator||""){case"email":return f(i);case"phone":return v(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((i=>i.group===e.group)).some((e=>e.value==="true"))}return e.value==="true";default:return false}}isFieldValid(e){return!e.required||this.isFieldFilled(e)}getSortedFillableFields(){const e=this.getRecipientFields().filter((e=>e.type!=="timestamp"));m(e);return e}async handleNext(){var e;if(this.nextSubmits){try{(e=document.getElementById("air-datepicker-global-container"))===null||e===void 0?void 0:e.remove();this.submitting=true;const i=await x(this.endpoint,this.envelopeId,this.roleId);console.log("[SIGN] Submitted successfully",i);this.recipient.status="submitted";this.showDone=true;console.log("[SIGN] Reloading envelope");b(this.endpoint,this.envelopeId).then((e=>{this.envelope=e;this.submitting=false})).catch((e=>{console.log("[SIGN] Error reloading envelope",e);this.submitting=false}))}catch(e){console.log("[SIGN] Error submitting",e)}return}const i=this.getSortedFillableFields().filter((e=>e.required&&!this.isFieldFilled(e)));m(i);const t=i.findIndex((e=>e.name===this.focusedField));let s=t+1;if(s>=i.length){s=0}let o=i[s];let n=0;if(n<i.length&&["signature","initial"].includes(o.type)&&["initialed","signed"].includes(o.value)){n++;s++;if(s>=i.length){s=0}o=i[s]}if(n>=i.length){o=null}if(o){const e=D(o);const i=document.getElementById(e);i===null||i===void 0?void 0:i.scrollIntoView({behavior:"smooth"});i===null||i===void 0?void 0:i.focusField();this.focusedField=o.name}}getRecipientFields(){return this.envelope.fields.filter((e=>e.role_name===this.recipient.role_name))}checkRecipientFields(){const e=this.getRecipientFields().filter((e=>!this.isFieldValid(e)));if(e.length<1){this.nextButtonLabel="Finish";if(!this.nextSubmits){this.nextSubmits=true}}else{console.log("[SIGN] Invalid fields remaining",e.map((e=>e.name)));this.nextButtonLabel="Next";this.nextSubmits=false}}attachFieldAttributes(e,i,t){if(t.getAttribute("attached")==="1"){return}t.setAttribute("attached","1");t.addEventListener("input",(e=>{if(e.target.type==="radio"||e.target.type==="checkbox"){this.handleFieldChange(i,e).finally((()=>this.checkRecipientFields()))}else{this.checkRecipientFields()}}));t.addEventListener("attached",(async t=>{console.log("[SIGN] onAttached",t.detail,t.target.value);this.showSpinner=true;try{const s=await y(this.endpoint,this.envelopeId,i.name,t.detail);this.updateRecipientFieldValue(i.name,s);this.checkRecipientFields();const o=E("envelope",i,e,{disabled:false,editable:false,draggable:false,done:this.isDone});this.attachFieldAttributes(e,i,o);this.showSpinner=false}catch(t){console.log("Error uploading attachment",t);A("Unable to upload attachment, please try again later",{style:"error"});this.showSpinner=false}}));t.addEventListener("deleted",(async t=>{console.log("[SIGN] onDeleted",t.detail,t.target.value);this.showSpinner=true;try{const t=await w(this.endpoint,this.envelopeId,i.name);console.log("[SIGN] Deleted attachment",t);this.updateRecipientFieldValue(i.name,t);this.checkRecipientFields();const s=E("envelope",i,e,{disabled:false,editable:false,draggable:false,done:this.isDone});this.attachFieldAttributes(e,i,s);this.showSpinner=false}catch(t){console.log("Error uploading attachment",t);A("Unable to upload attachment, please try again later",{style:"error"});this.showSpinner=false}}));t.addEventListener("focusout",(e=>{if(i.type!=="dropdown"&&i.type!=="attachment"){this.handleFieldChange(i,e).finally((()=>this.checkRecipientFields()))}}));t.addEventListener("fieldChange",(e=>{this.handleFieldChange(i,e).finally((()=>this.checkRecipientFields()))}));t.setAttribute("templateid",this.envelope.template_id);t.setAttribute("fieldname",i.name);t.setAttribute("page",e.pageNumber);t.setAttribute("xScale",e.xScale);t.setAttribute("yScale",e.yScale);const s=k(this.recipient);t.setAttribute("initials",S(s));t.setAttribute("name",s)}handlePageRendered(e){const i=e.detail;const t=this.getSortedFillableFields();console.log("[SIGN] Rendering fields for page",i.pageNumber,t);t.forEach(((e,t)=>{if(e.page!==i.pageNumber){return}const s=E("envelope",e,i,{disabled:false,editable:false,draggable:false,done:this.isDone},t);if(!s){return}if(Array.isArray(s)){s.map((t=>this.attachFieldAttributes(i,e,t)))}else{this.attachFieldAttributes(i,e,s)}}));this.sortedRecipients.filter((e=>e.role_name!==this.recipient.role_name&&(e.status==="invited"||e.status==="opened"||e.status==="pending"))).forEach((()=>{this.getRecipientFields().filter((e=>e.page===i.pageNumber)).forEach((e=>{const t=E("envelope",e,i,{disabled:true,editable:false,draggable:false,done:this.isDone});if(!t){return}if(Array.isArray(t)){t.map((t=>this.attachFieldAttributes(i,e,t)))}else{this.attachFieldAttributes(i,e,t)}}))}));this.checkRecipientFields()}render(){if(this.showLoadError){return t(s,null,t("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:()=>{window.location.reload()}}))}if(!this.envelope){return t(s,null,t("verdocs-loader",null))}if(this.fatalErrorMessage){return t(s,{class:{agreed:this.agreed}},t("div",{class:"fatal-error"},t("div",{class:"message"},t("div",{class:"header"},this.fatalErrorHeader),t("p",null,this.fatalErrorMessage))))}if(this.isDone){return t(s,{class:{agreed:this.agreed}},t("verdocs-view",{endpoint:this.endpoint,envelopeId:this.envelopeId,onSdkError:e=>{var i;return(i=this.sdkError)===null||i===void 0?void 0:i.emit(e.detail)}}),this.showDone&&t("verdocs-ok-dialog",{heading:"You're Done!",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.`,onNext:e=>{e.preventDefault();e.stopPropagation();this.showDone=false;this.isDone=true}}),this.submitting&&t("div",{class:"loading-indicator"},t("verdocs-loader",null)))}if(!this.agreed){return t(s,{class:"agreed"},t("div",{id:"verdocs-sign-header"},t("div",{class:"inner"},t("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),t("div",{class:"title"},this.envelope.name))),t("div",{class:"document",style:{paddingTop:"15px"}},t("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"})),t("div",{class:"cover"},t("div",{class:"agree"},t("verdocs-checkbox",{name:"agree",label:"By checking this box, you:",onInput:()=>this.handleClickAgree()}),t("ul",null,t("li",null,"Agree to use electronic records and signatures, and confirm you have read the"," ",t("a",{href:"https://verdocs.com/en/electronic-record-signature-disclosure/",target:"_blank"},"Electronic Record and Signatures Disclosure"),"."),t("li",null,"Agree to Verdocs'"," ",t("a",{href:"https://verdocs.com/en/eula",target:"_blank"},"End User License Agreement")," ","and confirm you have read Verdocs'"," ",t("a",{href:"https://verdocs.com/en/privacy-policy/",target:"_blank"},"Privacy Policy"),".")))))}if(this.kbaStep==="pin"){return t(s,{class:"kba"},t("div",{id:"verdocs-sign-header"},t("div",{class:"inner"},t("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),t("div",{class:"title"},this.envelope.name))),t("div",{class:"document",style:{paddingTop:"15px"}},t("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"})),t("div",{class:"cover"},t("div",{class:"kba"},t("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:async e=>{N(this.endpoint,this.envelopeId,this.roleId,e.detail).then((e=>{console.log("[SIGN] PIN code submission result",e);if(e.kba_step==="complete"){this.kbaStep=""}})).catch((e=>{var i,t;console.log("[SIGN] Error submitting PIN",e);A(((t=(i=e.response)===null||i===void 0?void 0:i.data)===null||t===void 0?void 0:t.error)||"Unable to verify PIN code. Please try again.",{style:"error"})}))}}))))}if(this.kbaStep==="identity"){return t(s,{class:"kba"},t("div",{id:"verdocs-sign-header"},t("div",{class:"inner"},t("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),t("div",{class:"title"},this.envelope.name))),t("div",{class:"document",style:{paddingTop:"15px"}},t("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"})),t("div",{class:"cover"},t("div",{class:"kba"},t("verdocs-kba-dialog",{mode:"identity",helptitle:"Document requires identity verification",helptext:"Please complete your contact details to proceed.",recipient:this.recipient,onNext:async e=>{const i=e.detail;I(this.endpoint,this.envelopeId,this.roleId,{firstName:i.first_name,lastName:i.last_name,address:i.address,city:i.city,state:i.state,zip:i.zip,ssnLast4:i.ssn_last_4}).then((e=>{console.log("[SIGN] Identity submission result",e);this.kbaStep=e.kba_step})).catch((e=>{var i,t;console.log("[SIGN] Error submitting identity",e);A(((t=(i=e.response)===null||i===void 0?void 0:i.data)===null||t===void 0?void 0:t.error)||"Unable to verify identity.",{style:"error"})}))}}))))}if(this.kbaStep==="challenge"){const e=this.kbaChoices.length;const i=this.kbaQuestions[e];return t(s,{class:"kba"},t("div",{id:"verdocs-sign-header"},t("div",{class:"inner"},t("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),t("div",{class:"title"},this.envelope.name))),t("div",{class:"document",style:{paddingTop:"15px"}},t("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"})),t("div",{class:"cover"},t("div",{class:"kba"},this.kbaChoices.length>=this.kbaQuestions.length?t("verdocs-spinner",null):t("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:e+1,steps:this.kbaQuestions.length,onNext:async e=>{var i,t,s;const o=e.detail;this.kbaChoices=[...this.kbaChoices,o];if(this.kbaChoices.length>=this.kbaQuestions.length){const o=this.kbaQuestions.map(((e,i)=>({type:e.type,answer:this.kbaChoices[i]})));console.log("Submitting KBA responses",this.kbaChoices,o);try{const e=await G(this.endpoint,this.envelopeId,this.roleId,o);console.log("KBA challenge response",e);this.kbaStep=e.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=((i=e.questions)===null||i===void 0?void 0:i.question)||[];this.kbaChoices=[]}}catch(e){console.log("Error submitting KBA challenge",e);this.kbaStep="";this.fatalErrorHeader="Unable to Verify Identity";this.fatalErrorMessage=((s=(t=e.response)===null||t===void 0?void 0:t.data)===null||s===void 0?void 0:s.error)||"Please try again later.";this.isDone=true}}}}))))}return t(s,null,t("div",{id:"verdocs-sign-header"},t("div",{class:"inner"},t("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),t("div",{class:"title"},this.envelope.name),t("div",{style:{flex:"1"}}),!this.finishLater&&t("verdocs-button",{size:"xsmall",label:this.nextButtonLabel,disabled:!this.agreed,onClick:()=>this.handleNext()}),t("div",{style:{marginLeft:"10px"}}),t("verdocs-dropdown",{options:!this.isDone&&!this.finishLater?j:R,onOptionSelected:e=>this.handleOptionSelected(e)}))),t("div",{class:"document",style:{paddingTop:"15px"}},(this.envelope.documents||[]).map((e=>{const i=P(1,e.pages);return t(o,null,i.map((i=>{var s;const o=((s=e.page_sizes)===null||s===void 0?void 0:s[i])||{width:612,height:792};return t("verdocs-envelope-document-page",{envelopeId:this.envelopeId,documentId:e.id,endpoint:this.endpoint,virtualWidth:o.width,virtualHeight:o.height,pageNumber:i,onPageRendered:e=>this.handlePageRendered(e),type:"filled",layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})})))}))),this.showFinishLater&&t("verdocs-ok-dialog",{heading:"You've saved your document to finish later.",message:`To complete the ${this.documentsSingularPlural}, use the link in the original email notification inviting you to review and finish the document.`,onNext:()=>this.showFinishLater=false}),this.showDone&&t("verdocs-ok-dialog",{heading:"You're Done!",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.`,onNext:()=>{this.showDone=false;this.isDone=true}}),this.submitting||this.showSpinner&&t("verdocs-portal",null,t("div",{class:"spinner-overlay"},t("verdocs-spinner",null))))}};C.style=T;export{C as verdocs_sign};
+//# sourceMappingURL=p-23d6f064.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsSignCss","VerdocsSignStyle0","inProgressMenuOptions","id","label","doneMenuOptions","VerdocsSign","this","recipientIndex","componentWillLoad","endpoint","console","log","VerdocsEndpoint","sessionType","componentDidLoad","envelopeId","_a","sdkError","emit","SDKError","roleId","_b","inviteCode","_c","envelope","recipient","startSigningSession","Store","updateEnvelope","sortedRecipients","recipients","sort","a","b","sequence","order","roleNames","map","r","role_name","documents","length","documentsSingularPlural","findIndex","roleName","agreed","warn","submitted","status","isDone","showDone","fatalErrorHeader","fatalErrorMessage","nextButtonLabel","checkRecipientFields","_d","envelopeLoaded","getKbaStep","then","kbaStep","kba_step","kbaQuestions","questions","question","kbaChoices","catch","e","_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","declineResult","envelopeRecipientDecline","window","print","firstDoc","find","doc","type","saveAttachment","updateRecipientFieldValue","fieldName","updateResult","getRecipientFields","forEach","oldField","name","value","settings","updateDocumentFieldValue","saveFieldChange","fields","updateEnvelopeField","error","handleFieldChange","field","checked","target","prepared","String","showSpinner","initialsBlob","fetch","blob","createInitials","async","newInitials","updateEnvelopeFieldInitials","signatureBlob","createSignature","newSignature","updateEnvelopeFieldSignature","formattedDate","ts","getAttribute","isFieldFilled","validator","isValidEmail","isValidPhone","trim","group","filter","f","some","isFieldValid","required","getSortedFillableFields","recipientFields","sortFields","handleNext","nextSubmits","result","envelopeRecipientSubmit","getEnvelope","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","style","deleteEnvelopeFieldAttachment","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","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":[]}