@verdocs/web-sdk 1.9.14 → 1.9.16

package/dist/esm-es5/verdocs-sign.entry.js

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,i){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,r){function a(e){try{l(i.next(e))}catch(e){r(e)}}function s(e){try{l(i["throw"](e))}catch(e){r(e)}}function l(e){e.done?n(e.value):o(e.value).then(a,s)}l((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,o,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return l([e,t])}}function l(a){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,o&&(r=a[0]&2?o["return"]:a[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,a[1])).done)return r;if(o=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;o=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){n.label=a[1];break}if(a[0]===6&&n.label<r[1]){n.label=r[1];r=a;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(a);break}if(r[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(e){a=[6,e];o=0}finally{i=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,n){if(n||arguments.length===2)for(var i=0,o=t.length,r;i<o;i++){if(r||!(i in t)){if(!r)r=Array.prototype.slice.call(t,0,i);r[i]=t[i]}}return e.concat(r||Array.prototype.slice.call(t))};import{r as registerInstance,c as createEvent,h,F as Fragment,H as Host}from"./index-f78d163d.js";import{g as getSigningSession,a as getEnvelope,b as getEnvelopeFile,u as updateEnvelopeField}from"./Envelopes-b031f847.js";import"./Types-ab9f6af8.js";import{a as isValidPhone,i as isValidEmail}from"./Validators-f110bae2.js";import{g as getRGBA}from"./Colors-1b298092.js";import{s as setControlStyles,r as renderDocumentField,a as getRoleIndex,b as getFieldId,c as rescale}from"./utils-99a3c1f0.js";import{V as VerdocsEndpoint}from"./VerdocsEndpoint-dac04424.js";import{s as state}from"./templateStore-96a39844.js";import{S as SDKError}from"./errors-9b5498c8.js";import"./index-fd7b8a34.js";var __assign=undefined&&undefined.__assign||function(){__assign=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++){t=arguments[n];for(var o in t)if(Object.prototype.hasOwnProperty.call(t,o))e[o]=t[o]}return e};return __assign.apply(this,arguments)};var __awaiter=undefined&&undefined.__awaiter||function(e,t,n,i){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,r){function a(e){try{l(i.next(e))}catch(e){r(e)}}function s(e){try{l(i["throw"](e))}catch(e){r(e)}}function l(e){e.done?n(e.value):o(e.value).then(a,s)}l((i=i.apply(e,t||[])).next())}))};var __generator=undefined&&undefined.__generator||function(e,t){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,o,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return l([e,t])}}function l(a){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,o&&(r=a[0]&2?o["return"]:a[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,a[1])).done)return r;if(o=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;o=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){n.label=a[1];break}if(a[0]===6&&n.label<r[1]){n.label=r[1];r=a;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(a);break}if(r[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(e){a=[6,e];o=0}finally{i=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var updateRecipientStatus=function(e,t,n,i,o){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(r){return[2,e.api.put("/envelopes/".concat(t,"/recipients/").concat(n),__assign({role_name:n,action:i},o||{})).then((function(e){return e.data}))]}))}))};var verdocsSignCss='verdocs-sign{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-sign div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign .header{-ms-flex:0;flex:0;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.25s;transition:all 0.25s;-ms-flex-pack:center;justify-content:center;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%;max-width:1028px}verdocs-sign .intro{width:100%;height:60px;display:-ms-flexbox;display:flex;background:#ffffff;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-sign .intro .inner{width:100%;color:#111111;padding:0 14px;font-size:20px;font-weight:500;line-height:28px;max-width:1024px}verdocs-sign .toolbar{width:100%;margin:0 auto;padding:0 14px;position:relative}verdocs-sign .tools{width:100%;color:#fff;height:56px;display:-ms-flexbox;display:flex;font-size:12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;background-color:#33354c}verdocs-sign .cover{top:0;left:0;right:0;bottom:0;z-index:999;position:absolute;background:rgba(0, 0, 0, 0.5)}verdocs-sign .document{-ms-flex:1;flex:1;height:100%;display:-ms-flexbox;display:flex;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}verdocs-sign .document .inner{width:100%;max-width:1028px}verdocs-sign .agree{-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:10px}verdocs-sign .agree .intro{display:none}verdocs-sign .agree .header{-ms-flex:0 0 56px;flex:0 0 56px}verdocs-sign .agree .agree-checkbox{background:#ccc;-ms-flex:0 0 20px;flex:0 0 20px;display:-ms-flexbox;display:flex;width:20px;height:20px;border-radius:3px;position:relative;margin:0 10px 0 14px}verdocs-sign .agree .agree-checkbox input[type=checkbox]:checked+label:after{filter:alpha(opacity=100);opacity:1}verdocs-sign .agree .agree-checkbox label{left:2px;top:2px;width:16px;height:16px;cursor:pointer;position:absolute;background:#33354c;-webkit-box-shadow:inset 0 -1px 1px rgba(255, 255, 255, 0.8);box-shadow:inset 0 -1px 1px rgba(255, 255, 255, 0.8)}verdocs-sign .agree .agree-checkbox label .agree-checkbox label:hover::after{filter:alpha(opacity=30);opacity:0.3}verdocs-sign .agree .agree-checkbox label:after{top:2px;left:3px;width:8px;opacity:0;height:5px;content:"";position:absolute;background:transparent;filter:alpha(opacity=0);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border:2px solid #fcfff4;border-top:none;border-right:none}';var VerdocsSign=function(){function e(e){registerInstance(this,e);this.sdkError=createEvent(this,"sdkError",7);this.fieldUpdated=createEvent(this,"fieldUpdated",7);this.endpoint=null;this.envelopeId=null;this.roleId=null;this.inviteCode=null;this.recipient=null;this.signerToken=null;this.recipientIndex=-1;this.envelope=null;this.fields=[];this.hasSignature=false;this.nextButtonLabel="Start";this.focusedField=""}e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,n,i,o,r,a,s,l,d,c,u;var p=this;return __generator(this,(function(h){switch(h.label){case 0:if(!this.envelopeId){(e=this.sdkError)===null||e===void 0?void 0:e.emit(new SDKError("[SIGN] Missing required envelopId",500,""));return[2]}if(!this.roleId){(t=this.sdkError)===null||t===void 0?void 0:t.emit(new SDKError("[SIGN] Missing required roleId",500,""));return[2]}if(!this.inviteCode){(n=this.sdkError)===null||n===void 0?void 0:n.emit(new SDKError("[SIGN] Missing required inviteCode",500,""));return[2]}h.label=1;case 1:h.trys.push([1,4,,5]);this.endpoint=new VerdocsEndpoint({sessionType:"signing"});console.log("[SIGN] Processing invite code for ".concat(this.envelopeId," / ").concat(this.roleId));return[4,getSigningSession(this.endpoint,{envelopeId:this.envelopeId,roleId:this.roleId,inviteCode:this.inviteCode})];case 2:a=h.sent(),s=a.session,l=a.recipient,d=a.signerToken;console.log("[SIGN] Loaded signing session ".concat(s.email," / ").concat(s.profile_id));this.recipient=l;this.signerToken=d;this.endpoint.setToken(d);if(this.recipient.agreed){this.nextButtonLabel="Next"}return[4,getEnvelope(this.endpoint,this.envelopeId)];case 3:c=h.sent();this.envelope=c;console.log("[SIGN] Loaded envelope",c);this.recipientIndex=this.envelope.recipients.findIndex((function(e){return e.role_name==p.roleId}));if(this.recipientIndex>-1){console.log("Found recipient",this.envelope.recipients[this.recipientIndex])}this.fields=this.envelope.fields.filter((function(e){return e.recipient_role===p.roleId}));console.log("Loaded fields",this.fields);return[3,5];case 4:u=h.sent();console.log("Error with signing session",u);(i=this.sdkError)===null||i===void 0?void 0:i.emit(new SDKError(u.message,(o=u.response)===null||o===void 0?void 0:o.status,(r=u.response)===null||r===void 0?void 0:r.data));return[3,5];case 5:return[2]}}))}))};e.prototype.handleClickAgree=function(){var e=this;console.log("agree clicked");updateRecipientStatus(this.endpoint,this.envelopeId,this.roleId,"update",{agreed:true}).then((function(t){console.log("update result",t);e.nextButtonLabel="Next";e.recipient=t})).catch((function(t){var n,i,o;console.log("update failure",t);(n=e.sdkError)===null||n===void 0?void 0:n.emit(new SDKError(t.message,(i=t.response)===null||i===void 0?void 0:i.status,(o=t.response)===null||o===void 0?void 0:o.data))}))};e.prototype.savePDF=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,n,i;return __generator(this,(function(o){switch(o.label){case 0:e="".concat(this.envelope.name," - ").concat(this.envelope.updated_at.split("T")[0],".pdf");return[4,getEnvelopeFile(this.endpoint,this.envelopeId,this.envelope.envelope_document_id)];case 1:t=o.sent();n=new XMLHttpRequest;n.responseType="blob";n.onload=function(){var t=document.createElement("a");t.href=window.URL.createObjectURL(n.response);t.download=e;t.style.display="none";document.body.appendChild(t);t.click();t.remove()};i="data:application/pdf;base64,".concat(t);console.log("url",i.length,i);n.open("GET","data:application/pdf;base64,".concat(t));n.send();return[2]}}))}))};e.prototype.handleOptionSelected=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(e.detail.id){case"later":if(!(window===null||window===void 0?void 0:window["STORYBOOK_ENV"])){window.alert("User intends to sign later.")}break;case"claim":break;case"decline":break;case"print":break;case"download":this.savePDF().catch((function(){}));break}return[2]}))}))};e.prototype.handleFieldChange=function(e,t,n){return __awaiter(this,void 0,void 0,(function(){var i;var o=this;return __generator(this,(function(r){console.log("fieldChange",e,t);switch(e.type){case"textbox":updateEnvelopeField(this.endpoint,this.envelopeId,e.name,{prepared:false,value:t.detail}).then((function(e){return console.log("Update result",e)})).catch((function(e){var t,n,i,r,a,s;(t=o.sdkError)===null||t===void 0?void 0:t.emit(new SDKError(e.message,(n=e.response)===null||n===void 0?void 0:n.status,(i=e.response)===null||i===void 0?void 0:i.data));if(((r=e.response)===null||r===void 0?void 0:r.status)===401&&((s=(a=e.response)===null||a===void 0?void 0:a.data)===null||s===void 0?void 0:s.error)==="jwt expired"){console.log("jwt expired")}console.log("Error updating",e)}));break;case"checkbox_group":updateEnvelopeField(this.endpoint,this.envelopeId,e.name,{prepared:false,value:{options:[{id:n,checked:t.detail}]}}).then((function(e){return console.log("Update result",e)})).catch((function(e){var t,n,i;(t=o.sdkError)===null||t===void 0?void 0:t.emit(new SDKError(e.message,(n=e.response)===null||n===void 0?void 0:n.status,(i=e.response)===null||i===void 0?void 0:i.data));console.log("Error updating",e)}));break;case"radio_button_group":i=e.settings.options.map((function(e){return{id:e.id,selected:n===e.id}}));updateEnvelopeField(this.endpoint,this.envelopeId,e.name,{prepared:false,value:{options:i}}).then((function(e){return console.log("Update result",e)})).catch((function(e){var t,n,i;(t=o.sdkError)===null||t===void 0?void 0:t.emit(new SDKError(e.message,(n=e.response)===null||n===void 0?void 0:n.status,(i=e.response)===null||i===void 0?void 0:i.data));console.log("Error updating",e)}));break;case"dropdown":updateEnvelopeField(this.endpoint,this.envelopeId,e.name,{prepared:false,value:t.detail}).then((function(e){return console.log("Update result",e)})).catch((function(e){var t,n,i;(t=o.sdkError)===null||t===void 0?void 0:t.emit(new SDKError(e.message,(n=e.response)===null||n===void 0?void 0:n.status,(i=e.response)===null||i===void 0?void 0:i.data));console.log("Error updating",e)}));break;case"initial":console.log("Got initial",t.detail);break;case"signature":console.log("Got signature",t.detail);break}return[2]}))}))};e.prototype.renderCheckboxGroupOption=function(e,t,n){var i=this;var o=rescale(e.xScale,n.x);var r=rescale(e.yScale,n.y);var a={left:"".concat(o,"px"),bottom:"".concat(r,"px"),position:"absolute",transform:"scale(".concat(e.xScale,", ").concat(e.yScale,")"),backgroundColor:getRGBA(this.recipientIndex)};return h("verdocs-field-checkbox",{style:a,field:t,onChange:function(e){return i.handleFieldChange(t,e,n.id)}})};e.prototype.renderRadioGroupOption=function(e,t,n){var i=this;var o=rescale(e.xScale,n.x);var r=rescale(e.yScale,n.y);var a={left:"".concat(o,"px"),bottom:"".concat(r,"px"),position:"absolute",transform:"scale(".concat(e.xScale,", ").concat(e.yScale,")"),backgroundColor:getRGBA(this.recipientIndex)};return h("verdocs-field-radio-button",{style:a,field:t,onFieldChange:function(e){return i.handleFieldChange(t,e,n.id)}})};e.prototype.isFieldValid=function(e){var t,n,i,o,r,a,s,l,d,c,u,p;switch(e.type){case"textbox":switch(((t=e.settings)===null||t===void 0?void 0:t.validator)||""){case"email":return isValidEmail(((n=e.settings)===null||n===void 0?void 0:n.result)||"");case"phone":return isValidPhone(((i=e.settings)===null||i===void 0?void 0:i.result)||"");default:return!!((o=e.settings)===null||o===void 0?void 0:o.result)}case"signature":case"initial":case"textarea":case"date":case"timestamp":case"attachment":return!!((r=e.settings)===null||r===void 0?void 0:r.result);case"dropdown":return!!((a=e.settings)===null||a===void 0?void 0:a.value);case"checkbox_group":var h=(((l=(s=e.settings)===null||s===void 0?void 0:s.options)===null||l===void 0?void 0:l.filter((function(e){return e.checked})))||[]).length;return h>=(((d=e.settings)===null||d===void 0?void 0:d.minimum_checked)||0)&&h<=(((c=e.settings)===null||c===void 0?void 0:c.maximum_checked)||999);case"radio_button_group":return(((p=(u=e.settings)===null||u===void 0?void 0:u.options)===null||p===void 0?void 0:p.filter((function(e){return e.selected})))||[]).length>0;default:return false}};e.prototype.handleNext=function(){var e=this;var t=this.fields.filter((function(e){return e.required}));console.log("required Fields",t);var n=t.findIndex((function(t){return t.name===e.focusedField}));console.log("focused Index",n);var i=n+1;if(i>=t.length){i=0}var o=t[i];console.log("next required field",o);if(o){var r=getFieldId(o);var a=document.getElementById(r);console.log("focusing",r,a);a===null||a===void 0?void 0:a.focusField();this.focusedField=o.name}};e.prototype.renderField=function(e,t){var n=this;var i=document.getElementById(t.containerId+"-controls");if(!i){return}var o=getFieldId(e);var r=document.getElementById(o);console.log("field",o,r);if(r){setControlStyles(r,e,t.xScale,t.yScale);return}var a;switch(e.type){case"attachment":case"checkbox_group":case"date":case"dropdown":case"initial":case"payment":case"signature":case"timestamp":case"textarea":case"textbox":a=document.createElement("verdocs-field-".concat(e.type));break;case"radio_button_group":break;default:console.log("[SIGN] Skipping unsupported field type",e)}console.log("created field",a);if(a){a.field=e;a.recipient=this.recipient;a.setAttribute("id",o);a.setAttribute("roleindex",this.recipientIndex);a.addEventListener("fieldChange",(function(t){return n.handleFieldChange(e,t)}));setControlStyles(a,e,t.xScale,t.yScale);i.appendChild(a)}};e.prototype.handlePageRendered=function(e){var t=this;var n=e.detail;console.log("[SIGN] Page rendered",n);var i=state.fields.filter((function(e){return e.page_sequence===n.renderedPage.pageNumber}));console.log("[SIGN] Fields on page",i);i.forEach((function(e){var i=renderDocumentField(e,n.renderedPage,getRoleIndex(state.roleNames,e.role_name),t.handleFieldChange,true,true,true);console.log("rendered element",i);if(!i){return}i.addEventListener("recipientChanged",(function(e){i.setAttribute("roleindex",getRoleIndex(state.roleNames,e.detail))}));i.setAttribute("xScale",n.renderedPage.xScale);i.setAttribute("yScale",n.renderedPage.yScale)}))};e.prototype.render=function(){var e=this;var t,n,i,o,r;if(!this.envelope){return h(Host,null)}var a=[{id:"later",label:"Finish Later"},{id:"claim",label:"Claim the Document",disabled:true},{id:"decline",label:"Decline to Sign"},{id:"print",label:"Print Without Signing"},{id:"download",label:"Download"}];return h(Host,{class:{agreed:(t=this.recipient)===null||t===void 0?void 0:t.agreed}},h("div",{class:"intro"},h("div",{class:"inner"},"Please review and act on these documents.")),h("div",{class:"header"},h("div",{class:"inner"},h("div",{class:"toolbar"},h("div",{class:"tools"},h("verdocs-dropdown",{options:a,onOptionSelected:function(t){return e.handleOptionSelected(t)}}),!((n=this.recipient)===null||n===void 0?void 0:n.agreed)?h("div",{class:"agree"},h("div",{class:"agree-checkbox"},h("input",{type:"checkbox",value:"None",id:"agree-checkbox-element",name:"agree",onChange:function(){return e.handleClickAgree()}}),h("label",{htmlFor:"agree-checkbox-element"})),h("span",null,"I agree to use electronic records and signatures.")):h("div",{style:{flex:"1"}}),h("verdocs-button",{size:"small",label:this.nextButtonLabel,disabled:!((i=this.recipient)===null||i===void 0?void 0:i.agreed),onClick:function(){return e.handleNext()}}))))),!((o=this.recipient)===null||o===void 0?void 0:o.agreed)?h("div",{class:"cover"}):h("div",{style:{display:"none"}}),h("div",{class:"document"},h("div",{class:"inner"},(((r=this.envelope)===null||r===void 0?void 0:r.documents)||[]).map((function(t){var n=__spreadArray([],(t===null||t===void 0?void 0:t.pages)||[],true);n.sort((function(e,t){return e.sequence-t.sequence}));return h(Fragment,null,n.map((function(t){return h("verdocs-document-page",{pageImageUri:t.display_uri,virtualWidth:612,virtualHeight:792,pageNumber:t.sequence,onPageRendered:function(t){return e.handlePageRendered(t)},layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})})))})))))};return e}();VerdocsSign.style=verdocsSignCss;export{VerdocsSign as verdocs_sign};
+var __awaiter=this&&this.__awaiter||function(e,t,n,i){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function s(e){try{l(i.next(e))}catch(e){o(e)}}function a(e){try{l(i["throw"](e))}catch(e){o(e)}}function l(e){e.done?n(e.value):r(e.value).then(s,a)}l((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,r,o,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return l([e,t])}}function l(s){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,r&&(o=s[0]&2?r["return"]:s[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;if(r=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;r=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){n.label=s[1];break}if(s[0]===6&&n.label<o[1]){n.label=o[1];o=s;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(s);break}if(o[2])n.ops.pop();n.trys.pop();continue}s=t.call(e,n)}catch(e){s=[6,e];r=0}finally{i=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,n){if(n||arguments.length===2)for(var i=0,r=t.length,o;i<r;i++){if(o||!(i in t)){if(!o)o=Array.prototype.slice.call(t,0,i);o[i]=t[i]}}return e.concat(o||Array.prototype.slice.call(t))};import{r as registerInstance,c as createEvent,h,H as Host,F as Fragment}from"./index-f78d163d.js";import{g as getSigningSession,a as getEnvelopeById,s as state,b as getEnvelopeFile,u as updateEnvelopeField,c as updateEnvelopeFieldSignature,d as updateEnvelopeFieldInitials}from"./Envelopes-8038ca25.js";import"./Types-ab9f6af8.js";import{a as isValidPhone,i as isValidEmail}from"./Validators-f110bae2.js";import{V as VerdocsEndpoint}from"./VerdocsEndpoint-dac04424.js";import{a as getRoleIndex,r as renderDocumentField,f as fullNameToInitials,b as getFieldId}from"./utils-2e6beff8.js";import{S as SDKError}from"./errors-9b5498c8.js";import"./index-fd7b8a34.js";var __assign=undefined&&undefined.__assign||function(){__assign=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++){t=arguments[n];for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]}return e};return __assign.apply(this,arguments)};var __awaiter=undefined&&undefined.__awaiter||function(e,t,n,i){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function s(e){try{l(i.next(e))}catch(e){o(e)}}function a(e){try{l(i["throw"](e))}catch(e){o(e)}}function l(e){e.done?n(e.value):r(e.value).then(s,a)}l((i=i.apply(e,t||[])).next())}))};var __generator=undefined&&undefined.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,r,o,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return l([e,t])}}function l(s){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,r&&(o=s[0]&2?r["return"]:s[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;if(r=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;r=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){n.label=s[1];break}if(s[0]===6&&n.label<o[1]){n.label=o[1];o=s;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(s);break}if(o[2])n.ops.pop();n.trys.pop();continue}s=t.call(e,n)}catch(e){s=[6,e];r=0}finally{i=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var updateRecipientStatus=function(e,t,n,i,r){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(o){return[2,e.api.put("/envelopes/".concat(t,"/recipients/").concat(n),__assign({role_name:n,action:i},r||{})).then((function(e){return e.data}))]}))}))};var createSignature=function(e,t,n){var i=new FormData;i.append("signature",n,t);return e.api.post("/signatures",i).then((function(e){return e.data}))};var createInitials=function(e,t,n){var i=new FormData;i.append("initial",n,t);return e.api.post("/initials",i).then((function(e){return e.data}))};var verdocsSignCss='verdocs-sign{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-sign div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign .header{-ms-flex:0;flex:0;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.25s;transition:all 0.25s;-ms-flex-pack:center;justify-content:center;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%;max-width:1028px}verdocs-sign .intro{width:100%;height:60px;display:-ms-flexbox;display:flex;background:#ffffff;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-sign .intro .inner{width:100%;color:#111111;padding:0 14px;font-size:20px;font-weight:500;line-height:28px;max-width:1024px}verdocs-sign .toolbar{width:100%;margin:0 auto;padding:0 14px;position:relative}verdocs-sign .tools{width:100%;color:#fff;height:56px;display:-ms-flexbox;display:flex;font-size:12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;background-color:#33354c}verdocs-sign .cover{top:0;left:0;right:0;bottom:0;z-index:999;position:absolute;background:rgba(0, 0, 0, 0.5)}verdocs-sign .document{-ms-flex:1;flex:1;height:100%;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;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;-ms-flex-pack:center;justify-content:center}verdocs-sign .document .inner{width:100%;max-width:1028px}verdocs-sign .agree{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0 15px}verdocs-sign .agree .intro{display:none}verdocs-sign .agree .header{-ms-flex:0 0 56px;flex:0 0 56px}';var VerdocsSign=function(){function e(e){registerInstance(this,e);this.sdkError=createEvent(this,"sdkError",7);this.fieldUpdated=createEvent(this,"fieldUpdated",7);this.endpoint=null;this.recipientIndex=-1;this.fields=[];this.envelopeId=null;this.roleId=null;this.inviteCode=null;this.recipient=null;this.signerToken=null;this.hasSignature=false;this.nextButtonLabel="Start";this.errorMessage="";this.focusedField="";this.finishLater=false;this.showFinishLater=false}e.prototype.componentWillLoad=function(){this.endpoint=new VerdocsEndpoint({sessionType:"signing"})};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,n,i,r,o,s,a,l,d,c;var u=this;return __generator(this,(function(p){switch(p.label){case 0:if(!this.envelopeId){(e=this.sdkError)===null||e===void 0?void 0:e.emit(new SDKError("[SIGN] Missing required envelopId",500,""));return[2]}if(!this.roleId){(t=this.sdkError)===null||t===void 0?void 0:t.emit(new SDKError("[SIGN] Missing required roleId",500,""));return[2]}if(!this.inviteCode){(n=this.sdkError)===null||n===void 0?void 0:n.emit(new SDKError("[SIGN] Missing required inviteCode",500,""));return[2]}p.label=1;case 1:p.trys.push([1,4,,5]);console.log("[SIGN] Processing invite code for ".concat(this.envelopeId," / ").concat(this.roleId));return[4,getSigningSession(this.endpoint,{envelopeId:this.envelopeId,roleId:this.roleId,inviteCode:this.inviteCode})];case 2:s=p.sent(),a=s.session,l=s.recipient,d=s.signerToken;console.log("[SIGN] Loaded signing session ".concat(a.email," / ").concat(a.profile_id));this.recipient=l;this.signerToken=d;this.endpoint.setToken(d);if(this.recipient.agreed){this.nextButtonLabel="Next"}return[4,getEnvelopeById(this.endpoint,this.envelopeId)];case 3:p.sent();this.recipientIndex=state.envelope.recipients.findIndex((function(e){return e.role_name==u.roleId}));if(this.recipientIndex>-1){this.recipient=state.envelope.recipients[this.recipientIndex];this.fields=this.recipient.fields}return[3,5];case 4:c=p.sent();console.log("Error with signing session",c);(i=this.sdkError)===null||i===void 0?void 0:i.emit(new SDKError(c.message,(r=c.response)===null||r===void 0?void 0:r.status,(o=c.response)===null||o===void 0?void 0:o.data));return[3,5];case 5:return[2]}}))}))};e.prototype.handleClickAgree=function(){var e=this;updateRecipientStatus(this.endpoint,this.envelopeId,this.roleId,"update",{agreed:true}).then((function(t){e.nextButtonLabel="Next";e.recipient=t})).catch((function(t){var n,i,r;console.log("Update failure",t);(n=e.sdkError)===null||n===void 0?void 0:n.emit(new SDKError(t.message,(i=t.response)===null||i===void 0?void 0:i.status,(r=t.response)===null||r===void 0?void 0:r.data))}))};e.prototype.savePDF=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,n;return __generator(this,(function(i){switch(i.label){case 0:e="".concat(state.envelope.name," - ").concat(state.envelope.updated_at.split("T")[0],".pdf");return[4,getEnvelopeFile(this.endpoint,this.envelopeId,state.envelope.envelope_document_id)];case 1:t=i.sent();n=new XMLHttpRequest;n.responseType="blob";n.onload=function(){var t=document.createElement("a");t.href=window.URL.createObjectURL(n.response);t.download=e;t.style.display="none";document.body.appendChild(t);t.click();t.remove()};n.open("GET","data:application/pdf;base64,".concat(t));n.send();return[2]}}))}))};e.prototype.handleOptionSelected=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(e.detail.id){case"later":this.finishLater=true;this.showFinishLater=true;break;case"claim":break;case"decline":break;case"print":break;case"download":this.savePDF().catch((function(){}));break}return[2]}))}))};e.prototype.saveFieldChange=function(e,t){var n=this;updateEnvelopeField(this.endpoint,this.envelopeId,e,t).catch((function(e){var t,i,r,o,s,a;if(((t=e.response)===null||t===void 0?void 0:t.status)===401&&((r=(i=e.response)===null||i===void 0?void 0:i.data)===null||r===void 0?void 0:r.error)==="jwt expired"){console.log("[SIGN] Signing session expired");n.errorMessage="Signing session expired."}else{console.log("[SIGN] Server error",e)}(o=n.sdkError)===null||o===void 0?void 0:o.emit(new SDKError(e.message,(s=e.response)===null||s===void 0?void 0:s.status,(a=e.response)===null||a===void 0?void 0:a.data))}))};e.prototype.handleFieldChange=function(e,t,n){return __awaiter(this,void 0,void 0,(function(){var i,r,o,s,a,l,d,c;var u=this;return __generator(this,(function(p){switch(p.label){case 0:console.log("fieldChange",e,t);i=t.target,r=i.value,o=i.checked;s=e.type;switch(s){case"textbox":return[3,1];case"checkbox_group":return[3,2];case"radio_button_group":return[3,3];case"dropdown":return[3,4];case"initial":return[3,5];case"signature":return[3,8];case"date":return[3,11]}return[3,12];case 1:return[2,this.saveFieldChange(e.name,{prepared:false,value:r})];case 2:return[2,this.saveFieldChange(e.name,{prepared:false,value:{options:[{id:n,checked:o}]}})];case 3:a=e.settings.options.map((function(e){return{id:e.id,selected:n===e.id}}));return[2,this.saveFieldChange(e.name,{prepared:false,value:{options:a}})];case 4:return[2,this.saveFieldChange(e.name,{prepared:false,value:t.detail})];case 5:return[4,fetch(t.detail)];case 6:return[4,p.sent().blob()];case 7:l=p.sent();return[2,createInitials(this.endpoint,"initial",l).then((function(t){console.log("New initials",e.name,t);updateEnvelopeFieldInitials(u.endpoint,u.envelopeId,e.name,t.id)}))];case 8:return[4,fetch(t.detail)];case 9:return[4,p.sent().blob()];case 10:d=p.sent();return[2,createSignature(this.endpoint,"signature",d).then((function(t){console.log("New sign",e.name,t);updateEnvelopeFieldSignature(u.endpoint,u.envelopeId,e.name,t.id)}))];case 11:c=t.target.getAttribute("iso");return[2,this.saveFieldChange(e.name,{prepared:false,value:c})];case 12:console.log("Unhandled field update",{value:r,checked:o},e);return[3,13];case 13:return[2]}}))}))};e.prototype.isFieldValid=function(e){var t,n,i,r,o,s,a,l,d,c,u,p,f;switch(e.type){case"textbox":switch(((t=e.settings)===null||t===void 0?void 0:t.validator)||""){case"email":return isValidEmail(((n=e.settings)===null||n===void 0?void 0:n.result)||"");case"phone":return isValidPhone(((i=e.settings)===null||i===void 0?void 0:i.result)||"");default:return!!((r=e.settings)===null||r===void 0?void 0:r.result)}case"signature":case"initial":return!!((o=e.settings)===null||o===void 0?void 0:o.base64);case"textarea":case"date":case"timestamp":case"attachment":return!!((s=e.settings)===null||s===void 0?void 0:s.result);case"dropdown":return!!((a=e.settings)===null||a===void 0?void 0:a.value);case"checkbox_group":var h=(((d=(l=e.settings)===null||l===void 0?void 0:l.options)===null||d===void 0?void 0:d.filter((function(e){return e.checked})))||[]).length;return h>=(((c=e.settings)===null||c===void 0?void 0:c.minimum_checked)||0)&&h<=(((u=e.settings)===null||u===void 0?void 0:u.maximum_checked)||999);case"radio_button_group":return(((f=(p=e.settings)===null||p===void 0?void 0:p.options)===null||f===void 0?void 0:f.filter((function(e){return e.selected})))||[]).length>0;default:return false}};e.prototype.handleNext=function(){var e=this;var t;var n=this.fields.filter((function(e){return e.required}));var i=n.findIndex((function(t){return t.name===e.focusedField}));var r=i+1;if(r>=n.length){r=0}var o=n[r];var s=0;if(s<n.length&&["signature","initial"].includes(o.type)&&((t=o.settings)===null||t===void 0?void 0:t.result)==="signed"){s++;r++;if(r>=n.length){r=0}o=n[r]}if(s>=n.length){o=null}if(o){var a=getFieldId(o);var l=document.getElementById(a);l===null||l===void 0?void 0:l.focusField();this.focusedField=o.name}};e.prototype.handlePageRendered=function(e){var t=this;var n=e.detail;console.log("[SIGN] Page rendered, adding fields",n);var i=getRoleIndex(state.roleNames,this.recipient.role_name);var r=this.recipient.fields.filter((function(e){return e.page===n.pageNumber}));r.forEach((function(e){var r;var o=renderDocumentField(e,n,i,{disabled:false,editable:false,draggable:false});if(!o){return}o.addEventListener("input",(function(n){t.handleFieldChange(e,n).catch((function(){}))}));o.addEventListener("fieldChange",(function(n){t.handleFieldChange(e,n).catch((function(){}))}));o.setAttribute("roleindex",i);o.setAttribute("xScale",n.xScale);o.setAttribute("yScale",n.yScale);o.setAttribute("initials",t.recipient?fullNameToInitials(t.recipient.full_name):"");o.setAttribute("name",((r=t.recipient)===null||r===void 0?void 0:r.full_name)||"")}));state.envelope.recipients.filter((function(e){return e.role_name!==t.recipient.role_name})).map((function(e){var t=getRoleIndex(state.roleNames,e.role_name);console.log("Rendering fields for other recipient",t,e);var i=e.fields.filter((function(e){return e.page===n.pageNumber}));console.log("[SIGN] Fields on page",i);i.forEach((function(e){var i=renderDocumentField(e,n,t,{disabled:true,editable:false,draggable:false});if(!i){return}i.setAttribute("roleindex",t);i.setAttribute("xScale",n.xScale);i.setAttribute("yScale",n.yScale)}))}))};e.prototype.render=function(){var e=this;var t,n,i,r;if(state.loading||!state.envelope){return h(Host,null,h("verdocs-loader",null))}var o=[{id:"later",label:"Finish Later"},{id:"claim",label:"Claim the Document",disabled:true},{id:"decline",label:"Decline to Sign"},{id:"print",label:"Print Without Signing",disabled:true},{id:"download",label:"Download"}];return h(Host,{class:{agreed:(t=this.recipient)===null||t===void 0?void 0:t.agreed}},!this.finishLater&&h("div",{class:"intro"},h("div",{class:"inner"},"Please review and act on these documents.")),h("div",{class:"header"},h("div",{class:"inner"},!this.finishLater&&h("div",{class:"toolbar"},h("div",{class:"tools"},h("verdocs-dropdown",{options:o,onOptionSelected:function(t){return e.handleOptionSelected(t)}}),!((n=this.recipient)===null||n===void 0?void 0:n.agreed)?h("div",{class:"agree"},h("verdocs-checkbox",{name:"agree",label:"I agree to use electronic records and signatures.",onInput:function(){return e.handleClickAgree()}})):h("div",{style:{flex:"1"}}),h("verdocs-button",{size:"small",label:this.nextButtonLabel,disabled:!((i=this.recipient)===null||i===void 0?void 0:i.agreed),onClick:function(){return e.handleNext()}}))))),!((r=this.recipient)===null||r===void 0?void 0:r.agreed)?h("div",{class:"cover"}):h("div",{style:{display:"none"}}),h("div",{class:"document"},(state.envelope.documents||[]).map((function(t){var n=__spreadArray([],(t===null||t===void 0?void 0:t.pages)||[],true);n.sort((function(e,t){return e.sequence-t.sequence}));console.log("p",t,n);return h(Fragment,null,n.map((function(t){return h("verdocs-document-page",{pageImageUri:t.display_uri,virtualWidth:612,virtualHeight:792,pageNumber:t.sequence,onPageRendered:function(t){return e.handlePageRendered(t)},layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})})))}))),this.showFinishLater&&h("verdocs-ok-dialog",{heading:"You've saved your document to finish later.",message:"To complete the document, use the link in the original email notification inviting you to review and finish the document.",onNext:function(){return e.showFinishLater=false}}),this.errorMessage&&h("verdocs-ok-dialog",{heading:"Network Error",message:this.errorMessage,onNext:function(){return e.errorMessage=""}}))};return e}();VerdocsSign.style=verdocsSignCss;export{VerdocsSign as verdocs_sign};
 //# sourceMappingURL=verdocs-sign.entry.js.map

package/dist/esm-es5/verdocs-sign.entry.js.map

@@ -1 +1 @@
-{"version":3,"sources":["node_modules/@verdocs/js-sdk/Envelopes/Recipients.js","src/components/embeds/verdocs-sign/verdocs-sign.scss?tag=verdocs-sign","src/components/embeds/verdocs-sign/verdocs-sign.tsx"],"names":["__assign","this","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","__awaiter","thisArg","_arguments","P","generator","adopt","value","resolve","Promise","reject","fulfilled","step","next","e","rejected","result","done","then","__generator","body","_","label","sent","trys","ops","f","y","g","verb","throw","return","Symbol","iterator","v","op","TypeError","pop","push","updateRecipientStatus","endpoint","envelopeId","roleName","action","params","_a","api","put","concat","role_name","r","data","verdocsSignCss","VerdocsSign","class_1","componentDidLoad","sdkError","emit","SDKError","roleId","_b","inviteCode","_c","VerdocsEndpoint","sessionType","console","log","Envelopes.getSigningSession","_o","_p","session","recipient","signerToken","email","profile_id","setToken","agreed","nextButtonLabel","Envelopes.getEnvelope","envelope","recipientIndex","recipients","findIndex","_this","fields","filter","field","recipient_role","e_1","_d","message","_e","response","status","_f","handleClickAgree","catch","savePDF","fileName","name","updated_at","split","Envelopes.getEnvelopeFile","envelope_document_id","xhr","XMLHttpRequest","responseType","onload","a","document","createElement","href","window","URL","createObjectURL","download","style","display","appendChild","click","remove","url","open","send","handleOptionSelected","detail","id","alert","handleFieldChange","optionId","type","Envelopes.updateEnvelopeField","prepared","error","options","checked","settings","map","option","selected","renderCheckboxGroupOption","page","left","rescale","xScale","x","bottom","yScale","position","transform","backgroundColor","getRGBA","h","onChange","renderRadioGroupOption","onFieldChange","isFieldValid","validator","isValidEmail","isValidPhone","_h","_g","_j","minimum_checked","_k","maximum_checked","_m","_l","handleNext","requiredFields","required","focusedIndex","focusedField","nextFocusedIndex","nextRequiredField","getFieldId","el","getElementById","focusField","renderField","docPage","controlsDiv","containerId","existingField","setControlStyles","setAttribute","addEventListener","handlePageRendered","pageInfo","TemplateStore","page_sequence","renderedPage","pageNumber","forEach","renderDocumentField","getRoleIndex","roleNames","render","Host","menuOptions","disabled","class","onOptionSelected","htmlFor","flex","size","onClick","documents","envelopeDocument","pages","__spreadArray","sort","b","sequence","Fragment","pageImageUri","display_uri","virtualWidth","virtualHeight","onPageRendered","layers"],"mappings":"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","sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\n/**\n * Update a recipient's status block\n */\nexport var updateRecipientStatus = function (endpoint, envelopeId, roleName, action, params) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .put(\"/envelopes/\".concat(envelopeId, \"/recipients/\").concat(roleName), __assign({ role_name: roleName, action: action }, (params || {})))\n                .then(function (r) { return r.data; })];\n    });\n}); };\nexport var getSignerToken = function (endpoint, envelopeId, roleName) {\n    return endpoint.api //\n        .get(\"/envelopes/\".concat(envelopeId, \"/recipients/\").concat(encodeURIComponent(roleName), \"/signer-token\"))\n        .then(function (r) { return r.data; });\n};\nexport var getInPersonLink = function (endpoint, envelopeId, roleName) {\n    return endpoint.api //\n        .get(\"/envelopes/\".concat(envelopeId, \"/recipients/\").concat(encodeURIComponent(roleName), \"?in_person_link=true\"))\n        .then(function (r) { return r.data; });\n};\n","@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    box-sizing: border-box;\n  }\n\n  .header {\n    flex: 0;\n    display: flex;\n    z-index: 1000;\n    align-items: center;\n    transition: all 0.25s;\n    justify-content: center;\n    background-color: $medium-bg;\n    box-shadow: 0 4px 4px 0 rgb(0 0 0 / 24%), 0 0 4px 0 rgb(0 0 0 / 12%);\n\n    .inner {\n      width: 100%;\n      max-width: 1028px;\n    }\n  }\n\n  .intro {\n    width: 100%;\n    height: 60px;\n    display: flex;\n    background: #ffffff;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n\n    .inner {\n      width: 100%;\n      color: #111111;\n      padding: 0 14px;\n      font-size: 20px;\n      font-weight: 500;\n      line-height: 28px;\n      max-width: 1024px;\n    }\n  }\n\n  &.agreed {\n    .intro {\n      //display: none;\n    }\n  }\n\n  .toolbar {\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 14px;\n    position: relative;\n  }\n\n  .tools {\n    width: 100%;\n    color: #fff;\n    height: 56px;\n    display: flex;\n    font-size: 12px;\n    align-items: center;\n    flex-direction: row;\n    background-color: $medium-bg;\n  }\n\n  .cover {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 999;\n    position: absolute;\n    background: rgba(0, 0, 0, 0.5);\n  }\n\n  .document {\n    flex: 1;\n    height: 100%;\n    display: flex;\n    position: relative;\n    overflow-y: scroll;\n    align-items: center;\n    flex-direction: column;\n    justify-content: center;\n\n    .inner {\n      width: 100%;\n      max-width: 1028px;\n    }\n  }\n\n  .agree {\n    flex: 1;\n    flex-direction: row;\n    display: flex;\n    align-items: center;\n    margin-right: 10px;\n\n    .intro {\n      display: none;\n    }\n\n    .header {\n      flex: 0 0 56px;\n    }\n\n    .agree-checkbox {\n      background: #ccc;\n      flex: 0 0 20px;\n      display: flex;\n      width: 20px;\n      height: 20px;\n      border-radius: 3px;\n      position: relative;\n      margin: 0 10px 0 14px;\n\n      input[type='checkbox']:checked + label:after {\n        filter: alpha(opacity=100);\n        opacity: 1;\n      }\n\n      label {\n        left: 2px;\n        top: 2px;\n        width: 16px;\n        height: 16px;\n        cursor: pointer;\n        position: absolute;\n        background: #33354c;\n        box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.8);\n\n        .agree-checkbox label:hover::after {\n          filter: alpha(opacity=30);\n          opacity: 0.3;\n        }\n\n        &:after {\n          top: 2px;\n          left: 3px;\n          width: 8px;\n          opacity: 0;\n          height: 5px;\n          content: '';\n          position: absolute;\n          background: transparent;\n          filter: alpha(opacity=0);\n          transform: rotate(-45deg);\n          border: 2px solid #fcfff4;\n          border-top: none;\n          border-right: none;\n        }\n      }\n    }\n  }\n}\n","// import interact from 'interactjs';\nimport {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Envelopes} from '@verdocs/js-sdk/Envelopes';\nimport {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {rescale} from '@verdocs/js-sdk/Utils/Fields';\nimport {updateRecipientStatus} from '@verdocs/js-sdk/Envelopes/Recipients';\nimport {isValidEmail, isValidPhone} from '@verdocs/js-sdk/Templates/Validators';\nimport {IEnvelope, IDocumentField, IRecipient} from '@verdocs/js-sdk/Envelopes/Types';\nimport {Event, EventEmitter, Host, Fragment, Component, Prop, State, h} from '@stencil/core';\nimport {getFieldId, getRoleIndex, renderDocumentField, setControlStyles} from '../../../utils/utils';\n// import {getFieldId, getRoleIndex, renderDocumentField, setControlStyles, updateCssTransform} from '../../../utils/utils';\nimport {IPageRenderEvent} from '../verdocs-view/verdocs-view';\nimport TemplateStore from '../../../utils/templateStore';\nimport {IDocumentPageInfo} from '../../../utils/Types';\nimport {SDKError} from '../../../utils/errors';\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  endpoint: VerdocsEndpoint = null;\n\n  /**\n   * The ID of the envelope to sign.\n   */\n  @Prop() envelopeId: string | null = null;\n\n  /**\n   * The ID of the role that will be signing e.g. 'Recipient 1'\n   */\n  @Prop() roleId: string | null = null;\n\n  /**\n   * The invite code for the signer.\n   */\n  @Prop() inviteCode: 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 any field is updated. Note that the current active endpoint is\n   * provided as a parameter as a convenience for callers when this coimponent\n   */\n  @Event({composed: true}) fieldUpdated: EventEmitter<{endpoint: VerdocsEndpoint}>;\n\n  @State() recipient: IRecipient | null = null;\n  @State() signerToken = null;\n  @State() recipientIndex: number = -1;\n  @State() envelope: IEnvelope | null = null;\n  @State() fields: IDocumentField[] = [];\n  @State() hasSignature = false;\n  @State() nextButtonLabel = 'Start';\n  @State() focusedField = '';\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      this.endpoint = new VerdocsEndpoint({sessionType: 'signing'});\n\n      console.log(`[SIGN] Processing invite code for ${this.envelopeId} / ${this.roleId}`);\n      const {session, recipient, signerToken} = await Envelopes.getSigningSession(this.endpoint, {\n        envelopeId: this.envelopeId,\n        roleId: this.roleId,\n        inviteCode: this.inviteCode,\n      });\n\n      console.log(`[SIGN] Loaded signing session ${session.email} / ${session.profile_id}`);\n\n      this.recipient = recipient;\n      this.signerToken = signerToken;\n      this.endpoint.setToken(signerToken);\n\n      if (this.recipient.agreed) {\n        this.nextButtonLabel = 'Next';\n      }\n\n      const envelope = await Envelopes.getEnvelope(this.endpoint, this.envelopeId);\n      this.envelope = envelope;\n      console.log('[SIGN] Loaded envelope', envelope);\n\n      this.recipientIndex = this.envelope.recipients.findIndex(recipient => recipient.role_name == this.roleId);\n      if (this.recipientIndex > -1) {\n        console.log('Found recipient', this.envelope.recipients[this.recipientIndex]);\n      }\n\n      this.fields = this.envelope.fields.filter(field => field.recipient_role === this.roleId);\n      console.log('Loaded fields', this.fields);\n\n      // TODO: Fix service to allow this?\n      // const sigs = await getSignatures();\n      // console.log('sigs', sigs);\n    } catch (e) {\n      console.log('Error with signing session', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  handleClickAgree() {\n    console.log('agree clicked');\n    updateRecipientStatus(this.endpoint, this.envelopeId, this.roleId, 'update', {agreed: true})\n      .then(r => {\n        console.log('update result', r);\n        this.nextButtonLabel = 'Next';\n        this.recipient = r;\n      })\n      .catch(e => {\n        console.log('update failure', e);\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      });\n  }\n\n  async savePDF() {\n    const fileName = `${this.envelope.name} - ${this.envelope.updated_at.split('T')[0]}.pdf`;\n    const data = await Envelopes.getEnvelopeFile(this.endpoint, this.envelopeId, this.envelope.envelope_document_id);\n\n    // This is better in React than doing window.href= or similar to trigger a download. For a description of the technique\n    // see https://stackoverflow.com/questions/8126623/downloading-canvas-element-to-an-image\n    let xhr = new XMLHttpRequest();\n    xhr.responseType = 'blob';\n    xhr.onload = function () {\n      let a = document.createElement('a');\n      a.href = window.URL.createObjectURL(xhr.response);\n      a.download = fileName;\n      a.style.display = 'none';\n      document.body.appendChild(a);\n      a.click();\n      a.remove();\n    };\n\n    const url = `data:application/pdf;base64,${data}`;\n    console.log('url', url.length, url);\n    xhr.open('GET', `data:application/pdf;base64,${data}`);\n    xhr.send();\n  }\n\n  async handleOptionSelected(e) {\n    switch (e.detail.id) {\n      case 'later':\n        // this.router.navigate([`view/sign/${this.envelopeId}/role/${this.roleName}/saved`]);\n        if (!window?.['STORYBOOK_ENV']) {\n          window.alert('User intends to sign later.');\n        }\n        break;\n      case 'claim':\n        break;\n      case 'decline':\n        break;\n      case 'print':\n        break;\n      case 'download':\n        this.savePDF().catch(() => {});\n        break;\n    }\n  }\n\n  async handleFieldChange(field: IDocumentField, e: any, optionId?: string) {\n    console.log('fieldChange', field, e);\n    switch (field.type) {\n      case 'textbox':\n        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: e.detail})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            if (e.response?.status === 401 && e.response?.data?.error === 'jwt expired') {\n              console.log('jwt expired');\n            }\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'checkbox_group':\n        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: {options: [{id: optionId, checked: e.detail}]}})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'radio_button_group':\n        const options = field.settings.options.map(option => ({id: option.id, selected: optionId === option.id}));\n        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: {options}})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'dropdown':\n        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: e.detail})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'initial':\n        console.log('Got initial', e.detail);\n        break;\n\n      case 'signature':\n        console.log('Got signature', e.detail);\n        break;\n    }\n  }\n\n  renderCheckboxGroupOption(page: IDocumentPageInfo, field: IDocumentField, option: any) {\n    const left = rescale(page.xScale, option.x);\n    const bottom = rescale(page.yScale, option.y);\n\n    const style = {\n      left: `${left}px`,\n      bottom: `${bottom}px`,\n      position: 'absolute',\n      transform: `scale(${page.xScale}, ${page.yScale})`,\n      backgroundColor: getRGBA(this.recipientIndex),\n    } as any;\n\n    return <verdocs-field-checkbox style={style} field={field} onChange={e => this.handleFieldChange(field, e, option.id)} />;\n  }\n\n  renderRadioGroupOption(page: IDocumentPageInfo, field: IDocumentField, option: any) {\n    const left = rescale(page.xScale, option.x);\n    const bottom = rescale(page.yScale, option.y);\n\n    const style = {\n      left: `${left}px`,\n      bottom: `${bottom}px`,\n      position: 'absolute',\n      transform: `scale(${page.xScale}, ${page.yScale})`,\n      backgroundColor: getRGBA(this.recipientIndex),\n    } as any;\n\n    return <verdocs-field-radio-button style={style} field={field} onFieldChange={e => this.handleFieldChange(field, e, option.id)} />;\n  }\n\n  isFieldValid(field: IDocumentField) {\n    switch (field.type) {\n      case 'textbox':\n        switch (field.settings?.validator || '') {\n          case 'email':\n            return isValidEmail(field.settings?.result || '');\n          case 'phone':\n            return isValidPhone(field.settings?.result || '');\n          default:\n            return !!field.settings?.result;\n        }\n\n      case 'signature':\n      case 'initial':\n      case 'textarea':\n      case 'date':\n      case 'timestamp':\n      case 'attachment':\n        return !!field.settings?.result;\n      case 'dropdown':\n        return !!field.settings?.value;\n      case 'checkbox_group':\n        const checked = (field.settings?.options?.filter(option => option.checked) || []).length;\n        return checked >= (field.settings?.minimum_checked || 0) && checked <= (field.settings?.maximum_checked || 999);\n      case 'radio_button_group':\n        return (field.settings?.options?.filter(option => option.selected) || []).length > 0;\n      // TODO\n      // case 'checkbox':\n      //   return <verdocs-field-checkbox style={style} value={result || ''} id={id} />;\n      // case 'payment':\n      //   return <verdocs-field-payment style={style} field={field} id={id} />;\n      default:\n        return false;\n    }\n  }\n\n  // (async () => {\n  //   await customElements.whenDefined('verdocs-field-signature');\n  //   const els = document.getElementById('verdocs-field-signature');\n  //   await els.focusField();\n  // })();\n\n  handleNext() {\n    // Find and focus the next incomplete required field\n    const requiredFields = this.fields.filter(field => field.required);\n    console.log('required Fields', requiredFields);\n\n    const focusedIndex = requiredFields.findIndex(field => field.name === this.focusedField);\n    console.log('focused Index', focusedIndex);\n\n    let nextFocusedIndex = focusedIndex + 1;\n    if (nextFocusedIndex >= requiredFields.length) {\n      nextFocusedIndex = 0;\n    }\n\n    const nextRequiredField = requiredFields[nextFocusedIndex];\n    console.log('next required field', nextRequiredField);\n\n    if (nextRequiredField) {\n      const id = getFieldId(nextRequiredField);\n      const el = document.getElementById(id) as any;\n      console.log('focusing', id, el);\n      el?.focusField();\n      this.focusedField = nextRequiredField.name;\n    }\n  }\n\n  renderField(field: IDocumentField, docPage: IDocumentPageInfo /*, index: number*/) {\n    const controlsDiv = document.getElementById(docPage.containerId + '-controls');\n    if (!controlsDiv) {\n      return;\n    }\n\n    const id = getFieldId(field);\n    const existingField = document.getElementById(id);\n    console.log('field', id, existingField);\n    if (existingField) {\n      setControlStyles(existingField, field, docPage.xScale, docPage.yScale);\n      return;\n    }\n\n    let el;\n    switch (field.type) {\n      case 'attachment':\n      case 'checkbox_group':\n      case 'date':\n      case 'dropdown':\n      case 'initial':\n      case 'payment':\n      case 'signature':\n      case 'timestamp':\n      case 'textarea':\n      case 'textbox':\n        el = document.createElement(`verdocs-field-${field.type}`);\n        break;\n      //   return field.settings.options.map((option: any, index) => this.renderCheckboxGroupOption(renderOnPage, field, option, index));\n      case 'radio_button_group':\n        //   el = document.createElement('verdocs-field-signature');\n        //   el.setAttribute('value', base64);\n        break;\n      //   return field.settings.options.map((option: any, index) => this.renderRadioGroupOption(renderOnPage, field, option, index));\n      // case 'attachment':\n      //   el = document.createElement('verdocs-field-attachment');\n      //   el.setAttribute('value', result || '');\n      //   break;\n      // case 'payment':\n      //   el = document.createElement('verdocs-field-payment');\n      //   break;\n      default:\n        console.log('[SIGN] Skipping unsupported field type', field);\n    }\n    console.log('created field', el);\n\n    if (el) {\n      el.field = field;\n      el.recipient = this.recipient;\n      el.setAttribute('id', id);\n      el.setAttribute('roleindex', this.recipientIndex);\n      el.addEventListener('fieldChange', e => this.handleFieldChange(field, e));\n      setControlStyles(el, field, docPage.xScale, docPage.yScale);\n      controlsDiv.appendChild(el);\n    }\n  }\n\n  handlePageRendered(e) {\n    const pageInfo = e.detail as IPageRenderEvent;\n    console.log('[SIGN] Page rendered', pageInfo);\n\n    const fields = TemplateStore.fields.filter(field => field.page_sequence === pageInfo.renderedPage.pageNumber);\n    // const fields = this.fields.filter(field => field.page_sequence === pageInfo.renderedPage.pageNumber);\n    console.log('[SIGN] Fields on page', fields);\n    fields.forEach(field => {\n      const el = renderDocumentField(field, pageInfo.renderedPage, getRoleIndex(TemplateStore.roleNames, field.role_name), this.handleFieldChange, true, true, true);\n      console.log('rendered element', el);\n      // const el = renderDocumentField(field, pageInfo.renderedPage, getRoleIndex(this.roles, field.role_name), this.handleFieldChange, true, true, true);\n      if (!el) {\n        return;\n      }\n\n      el.addEventListener('recipientChanged', e => {\n        el.setAttribute('roleindex', getRoleIndex(TemplateStore.roleNames, e.detail));\n        // el.setAttribute('roleindex', getRoleIndex(this.roles, e.detail));\n      });\n\n      el.setAttribute('xScale', pageInfo.renderedPage.xScale);\n      el.setAttribute('yScale', pageInfo.renderedPage.yScale);\n\n      // interact(el).draggable({\n      //   listeners: {\n      //     start(event) {\n      //       console.log('[FIELDS] Drag started', event.type, event.target);\n      //     },\n      //     move(event) {\n      //       const oldX = +(event.target.getAttribute('posX') || 0);\n      //       const oldY = +(event.target.getAttribute('posY') || 0);\n      //       const xScale = +(event.target.getAttribute('xScale') || 1);\n      //       const yScale = +(event.target.getAttribute('yScale') || 1);\n      //       const newX = event.dx / xScale + oldX;\n      //       const newY = event.dy / yScale + oldY;\n      //       event.target.setAttribute('posX', newX);\n      //       event.target.setAttribute('posy', newY);\n      //       updateCssTransform(event.target, 'translate', `${newX}px, ${newY}px`);\n      //     },\n      //     end(event) {\n      //       console.log('[FIELDS] Drag ended', event);\n      //       // event.target.setAttribute('posX', 0);\n      //       // event.target.setAttribute('posy', 0);\n      //       // updateCssTransform(event.target, 'translate', `${0}px, ${0}px`);\n      //     },\n      //   },\n      // });\n    });\n  }\n  // handlePageRendered(e) {\n  //   const pageInfo = e.detail as IPageRenderEvent;\n  //   console.log('[SIGN] Page rendered', pageInfo);\n  //\n  //   const fields = this.fields.filter(field => field.page === pageInfo.renderedPage.pageNumber);\n  //   console.log('[SIGN] Fields on page', fields);\n  //   fields.forEach(field => this.renderField(field, pageInfo.renderedPage));\n  //   // .map((field, index) => this.renderField(field, index));\n  //   // this.pdfPageInfo = e.detail;\n  // }\n\n  render() {\n    if (!this.envelope) {\n      return <Host />;\n    }\n\n    const menuOptions = [\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\n    return (\n      <Host class={{agreed: this.recipient?.agreed}}>\n        <div class=\"intro\">\n          <div class=\"inner\">Please review and act on these documents.</div>\n        </div>\n\n        <div class=\"header\">\n          <div class=\"inner\">\n            <div class=\"toolbar\">\n              <div class=\"tools\">\n                <verdocs-dropdown options={menuOptions} onOptionSelected={e => this.handleOptionSelected(e)} />\n\n                {!this.recipient?.agreed ? (\n                  <div class=\"agree\">\n                    <div class=\"agree-checkbox\">\n                      <input type=\"checkbox\" value=\"None\" id=\"agree-checkbox-element\" name=\"agree\" onChange={() => this.handleClickAgree()} />\n                      <label htmlFor=\"agree-checkbox-element\" />\n                    </div>\n                    <span>I agree to use electronic records and signatures.</span>\n                  </div>\n                ) : (\n                  <div style={{flex: '1'}} />\n                )}\n                <verdocs-button size=\"small\" label={this.nextButtonLabel} disabled={!this.recipient?.agreed} onClick={() => this.handleNext()} />\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {!this.recipient?.agreed ? <div class=\"cover\" /> : <div style={{display: 'none'}} />}\n\n        <div class=\"document\">\n          <div class=\"inner\">\n            {(this.envelope?.documents || []).map(envelopeDocument => {\n              const pages = [...(envelopeDocument?.pages || [])];\n              pages.sort((a, b) => a.sequence - b.sequence);\n\n              return (\n                <Fragment>\n                  {pages.map(page => (\n                    <verdocs-document-page\n                      pageImageUri={page.display_uri}\n                      virtualWidth={612}\n                      virtualHeight={792}\n                      pageNumber={page.sequence}\n                      onPageRendered={e => this.handlePageRendered(e)}\n                      layers={[\n                        {name: 'page', type: 'canvas'},\n                        {name: 'controls', type: 'div'},\n                      ]}\n                    />\n                  ))}\n                </Fragment>\n              );\n            })}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"sources":["node_modules/@verdocs/js-sdk/Envelopes/Recipients.js","node_modules/@verdocs/js-sdk/Envelopes/Signatures.js","node_modules/@verdocs/js-sdk/Envelopes/Initials.js","src/components/embeds/verdocs-sign/verdocs-sign.scss?tag=verdocs-sign","src/components/embeds/verdocs-sign/verdocs-sign.tsx"],"names":["__assign","this","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","__awaiter","thisArg","_arguments","P","generator","adopt","value","resolve","Promise","reject","fulfilled","step","next","e","rejected","result","done","then","__generator","body","_","label","sent","trys","ops","f","y","g","verb","throw","return","Symbol","iterator","v","op","TypeError","pop","push","updateRecipientStatus","endpoint","envelopeId","roleName","action","params","_a","api","put","concat","role_name","r","data","createSignature","name","signature","FormData","append","post","createInitials","initials","verdocsSignCss","VerdocsSign","recipientIndex","fields","class_1","componentWillLoad","VerdocsEndpoint","sessionType","componentDidLoad","sdkError","emit","SDKError","roleId","_b","inviteCode","_c","console","log","Envelopes.getSigningSession","_p","_q","session","recipient","signerToken","email","profile_id","setToken","agreed","nextButtonLabel","getEnvelopeById","EnvelopeStore","envelope","recipients","findIndex","_this","e_1","_d","message","_e","response","status","_f","handleClickAgree","catch","savePDF","fileName","updated_at","split","Envelopes.getEnvelopeFile","envelope_document_id","xhr","XMLHttpRequest","responseType","onload","a","document","createElement","href","window","URL","createObjectURL","download","style","display","appendChild","click","remove","open","send","handleOptionSelected","detail","id","finishLater","showFinishLater","saveFieldChange","fieldName","Envelopes.updateEnvelopeField","error","errorMessage","handleFieldChange","field","optionId","target","checked","type","prepared","options","settings","map","option","selected","fetch","_r","blob","initialsBlob","newInitials","updateEnvelopeFieldInitials","signatureBlob","newSignature","updateEnvelopeFieldSignature","iso","getAttribute","isFieldValid","validator","isValidEmail","isValidPhone","base64","_g","_j","_h","filter","_k","minimum_checked","_l","maximum_checked","_o","_m","handleNext","requiredFields","required","focusedIndex","focusedField","nextFocusedIndex","nextRequiredField","skips","includes","getFieldId","el","getElementById","focusField","handlePageRendered","pageInfo","roleIndex","getRoleIndex","roleNames","recipientFields","page","pageNumber","forEach","renderDocumentField","disabled","editable","draggable","addEventListener","setAttribute","xScale","yScale","fullNameToInitials","full_name","otherRecipient","otherRoleIndex","render","loading","h","Host","menuOptions","class","onOptionSelected","onInput","flex","size","onClick","documents","envelopeDocument","pages","__spreadArray","sort","b","sequence","Fragment","pageImageUri","display_uri","virtualWidth","virtualHeight","onPageRendered","layers","heading","onNext"],"mappings":"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","sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\n/**\n * Update a recipient's status block\n */\nexport var updateRecipientStatus = function (endpoint, envelopeId, roleName, action, params) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .put(\"/envelopes/\".concat(envelopeId, \"/recipients/\").concat(roleName), __assign({ role_name: roleName, action: action }, (params || {})))\n                .then(function (r) { return r.data; })];\n    });\n}); };\nexport var getSignerToken = function (endpoint, envelopeId, roleName) {\n    return endpoint.api //\n        .get(\"/envelopes/\".concat(envelopeId, \"/recipients/\").concat(encodeURIComponent(roleName), \"/signer-token\"))\n        .then(function (r) { return r.data; });\n};\nexport var getInPersonLink = function (endpoint, envelopeId, roleName) {\n    return endpoint.api //\n        .get(\"/envelopes/\".concat(envelopeId, \"/recipients/\").concat(encodeURIComponent(roleName), \"?in_person_link=true\"))\n        .then(function (r) { return r.data; });\n};\n","/**\n * Create a signature block. In a typical signing workflow, the user is asked at the beginning of the process to \"adopt\"\n * a signature block to be used for all signature fields in the document. Thus, this is typically called one time to\n * create and store a signature block. Thereafter, the ID of the signature block may be re-used for each signature field\n * to be \"stamped\" by the user.\n */\nexport var createSignature = function (endpoint, name, signature) {\n    var data = new FormData();\n    data.append('signature', signature, name);\n    return endpoint.api //\n        .post(\"/signatures\", data)\n        .then(function (r) { return r.data; });\n};\n/**\n * Get the availbable signatures for a user.\n */\nexport var getSignatures = function (endpoint) {\n    return endpoint.api //\n        .get('/signatures')\n        .then(function (r) { return r.data; });\n};\n/**\n * Get a user's signature by ID.\n */\nexport var getSignature = function (endpoint, signatureId) {\n    return endpoint.api //\n        .get(\"/signatures/\".concat(signatureId))\n        .then(function (r) { return r.data; });\n};\n/**\n * Delete a user's signature.\n */\nexport var deleteSignature = function (endpoint, signatureId) {\n    return endpoint.api //\n        .delete(\"/signatures/\".concat(signatureId))\n        .then(function (r) { return r.data; });\n};\n","/**\n * Create an initials block. In a typical signing workflow, the user is asked at the beginning of the process to \"adopt\"\n * an initials block to be used for all initials fields in the document. Thus, this is typically called one time to\n * create and store an initials block. Thereafter, the ID of the initials block may be re-used for each initials field\n * to be \"stamped\" by the user.\n */\nexport var createInitials = function (endpoint, name, initials) {\n    var data = new FormData();\n    data.append('initial', initials, name);\n    return endpoint.api //\n        .post(\"/initials\", data)\n        .then(function (r) { return r.data; });\n};\n","@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    box-sizing: border-box;\n  }\n\n  .header {\n    flex: 0;\n    display: flex;\n    z-index: 1000;\n    align-items: center;\n    transition: all 0.25s;\n    justify-content: center;\n    background-color: $medium-bg;\n    box-shadow: 0 4px 4px 0 rgb(0 0 0 / 24%), 0 0 4px 0 rgb(0 0 0 / 12%);\n\n    .inner {\n      width: 100%;\n      max-width: 1028px;\n    }\n  }\n\n  .intro {\n    width: 100%;\n    height: 60px;\n    display: flex;\n    background: #ffffff;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n\n    .inner {\n      width: 100%;\n      color: #111111;\n      padding: 0 14px;\n      font-size: 20px;\n      font-weight: 500;\n      line-height: 28px;\n      max-width: 1024px;\n    }\n  }\n\n  &.agreed {\n    .intro {\n      //display: none;\n    }\n  }\n\n  .toolbar {\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 14px;\n    position: relative;\n  }\n\n  .tools {\n    width: 100%;\n    color: #fff;\n    height: 56px;\n    display: flex;\n    font-size: 12px;\n    align-items: center;\n    flex-direction: row;\n    background-color: $medium-bg;\n  }\n\n  .cover {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 999;\n    position: absolute;\n    background: rgba(0, 0, 0, 0.5);\n  }\n\n  .document {\n    flex: 1;\n    height: 100%;\n    display: flex;\n    padding: 15px;\n    row-gap: 15px;\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  .agree {\n    flex: 1;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding: 0 15px;\n\n    .intro {\n      display: none;\n    }\n\n    .header {\n      flex: 0 0 56px;\n    }\n  }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Envelopes} from '@verdocs/js-sdk/Envelopes';\nimport {createInitials} from '@verdocs/js-sdk/Envelopes/Initials';\nimport {createSignature} from '@verdocs/js-sdk/Envelopes/Signatures';\nimport {IDocumentField, IRecipient} from '@verdocs/js-sdk/Envelopes/Types';\nimport {updateRecipientStatus} from '@verdocs/js-sdk/Envelopes/Recipients';\nimport {isValidEmail, isValidPhone} from '@verdocs/js-sdk/Templates/Validators';\nimport {Event, EventEmitter, Host, Fragment, Component, Prop, State, h} from '@stencil/core';\nimport {updateEnvelopeFieldInitials, updateEnvelopeFieldSignature} from '@verdocs/js-sdk/Envelopes/Envelopes';\nimport {fullNameToInitials, getFieldId, getRoleIndex, renderDocumentField} from '../../../utils/utils';\nimport {getEnvelopeById} from '../../../utils/Envelopes';\nimport EnvelopeStore from '../../../utils/envelopeStore';\nimport {IDocumentPageInfo} from '../../../utils/Types';\nimport {SDKError} from '../../../utils/errors';\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  endpoint: VerdocsEndpoint = null;\n\n  /**\n   * The ID of the envelope to sign.\n   */\n  @Prop() envelopeId: string | null = null;\n\n  /**\n   * The ID of the role that will be signing e.g. 'Recipient 1'\n   */\n  @Prop() roleId: string | null = null;\n\n  /**\n   * The invite code for the signer.\n   */\n  @Prop() inviteCode: 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 any field is updated. Note that the current active endpoint is\n   * provided as a parameter as a convenience for callers when this coimponent\n   */\n  @Event({composed: true}) fieldUpdated: EventEmitter<{endpoint: VerdocsEndpoint}>;\n\n  @State() recipient: IRecipient | null = null;\n  @State() signerToken = null;\n  // @State() envelope: IEnvelope | null = null;\n  // @State() fields: IDocumentField[] = [];\n  @State() hasSignature = false;\n  @State() nextButtonLabel = 'Start';\n  @State() errorMessage = '';\n  @State() focusedField = '';\n\n  @State() finishLater = false;\n  @State() showFinishLater = false;\n\n  recipientIndex: number = -1;\n  fields: IDocumentField[] = [];\n\n  componentWillLoad() {\n    this.endpoint = new VerdocsEndpoint({sessionType: 'signing'});\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      const {session, recipient, signerToken} = await Envelopes.getSigningSession(this.endpoint, {\n        envelopeId: this.envelopeId,\n        roleId: this.roleId,\n        inviteCode: this.inviteCode,\n      });\n\n      console.log(`[SIGN] Loaded signing session ${session.email} / ${session.profile_id}`);\n\n      this.recipient = recipient;\n      this.signerToken = signerToken;\n      this.endpoint.setToken(signerToken);\n\n      if (this.recipient.agreed) {\n        this.nextButtonLabel = 'Next';\n      }\n\n      await getEnvelopeById(this.endpoint, this.envelopeId);\n      // const envelope = await Envelopes.getEnvelope(this.endpoint, this.envelopeId);\n      // this.envelope = envelope;\n      // console.log('[SIGN] Loaded envelope', envelope);\n\n      this.recipientIndex = EnvelopeStore.envelope.recipients.findIndex(recipient => recipient.role_name == this.roleId);\n      if (this.recipientIndex > -1) {\n        this.recipient = EnvelopeStore.envelope.recipients[this.recipientIndex];\n        this.fields = this.recipient.fields;\n      }\n\n      // TODO: Fix service to allow this?\n      // const sigs = await getSignatures();\n      // console.log('sigs', sigs);\n    } catch (e) {\n      console.log('Error with signing session', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  handleClickAgree() {\n    updateRecipientStatus(this.endpoint, this.envelopeId, this.roleId, 'update', {agreed: true})\n      .then(r => {\n        this.nextButtonLabel = 'Next';\n        this.recipient = r;\n      })\n      .catch(e => {\n        console.log('Update failure', e);\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      });\n  }\n\n  async savePDF() {\n    const fileName = `${EnvelopeStore.envelope.name} - ${EnvelopeStore.envelope.updated_at.split('T')[0]}.pdf`;\n    const data = await Envelopes.getEnvelopeFile(this.endpoint, this.envelopeId, EnvelopeStore.envelope.envelope_document_id);\n\n    // This is better in React than doing window.href= or similar to trigger a download. For a description of the technique\n    // see https://stackoverflow.com/questions/8126623/downloading-canvas-element-to-an-image\n    let xhr = new XMLHttpRequest();\n    xhr.responseType = 'blob';\n    xhr.onload = function () {\n      let a = document.createElement('a');\n      a.href = window.URL.createObjectURL(xhr.response);\n      a.download = fileName;\n      a.style.display = 'none';\n      document.body.appendChild(a);\n      a.click();\n      a.remove();\n    };\n\n    xhr.open('GET', `data:application/pdf;base64,${data}`);\n    xhr.send();\n  }\n\n  async handleOptionSelected(e) {\n    switch (e.detail.id) {\n      case 'later':\n        this.finishLater = true;\n        this.showFinishLater = true;\n        // this.router.navigate([`view/sign/${this.envelopeId}/role/${this.roleName}/saved`]);\n        // if (!window?.['STORYBOOK_ENV']) {\n        //   window.alert('User intends to sign later.');\n        // }\n        break;\n      case 'claim':\n        break;\n      case 'decline':\n        break;\n      case 'print':\n        break;\n      case 'download':\n        this.savePDF().catch(() => {});\n        break;\n    }\n  }\n\n  saveFieldChange(fieldName: string, fields: Record<string, any>) {\n    Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, fieldName, fields) //\n      .catch(e => {\n        if (e.response?.status === 401 && e.response?.data?.error === 'jwt expired') {\n          // TODO: Do we want to improve the instructions here?\n          console.log('[SIGN] Signing session expired');\n          this.errorMessage = 'Signing session expired.';\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: IDocumentField, e: any, optionId?: string) {\n    console.log('fieldChange', field, e);\n    const {value, checked} = e.target;\n\n    switch (field.type) {\n      case 'textbox':\n        return this.saveFieldChange(field.name, {prepared: false, value});\n\n      case 'checkbox_group':\n        return this.saveFieldChange(field.name, {prepared: false, value: {options: [{id: optionId, checked}]}});\n\n      case 'radio_button_group':\n        const options = field.settings.options.map(option => ({id: option.id, selected: optionId === option.id}));\n        return this.saveFieldChange(field.name, {prepared: false, value: {options}});\n\n      case 'dropdown':\n        return this.saveFieldChange(field.name, {prepared: false, value: e.detail});\n\n      case 'initial':\n        const initialsBlob = await (await fetch(e.detail)).blob();\n        return createInitials(this.endpoint, 'initial', initialsBlob) //\n          .then(newInitials => {\n            console.log('New initials', field.name, newInitials);\n            updateEnvelopeFieldInitials(this.endpoint, this.envelopeId, field.name, newInitials.id);\n          });\n\n      case 'signature':\n        const signatureBlob = await (await fetch(e.detail)).blob();\n        return createSignature(this.endpoint, 'signature', signatureBlob) //\n          .then(newSignature => {\n            console.log('New sign', field.name, newSignature);\n            updateEnvelopeFieldSignature(this.endpoint, this.envelopeId, field.name, newSignature.id);\n          });\n\n      case 'date':\n        const iso = e.target.getAttribute('iso');\n        return this.saveFieldChange(field.name, {prepared: false, value: iso});\n\n      default:\n        console.log('Unhandled field update', {value, checked}, field);\n        break;\n    }\n  }\n\n  isFieldValid(field: IDocumentField) {\n    switch (field.type) {\n      case 'textbox':\n        switch (field.settings?.validator || '') {\n          case 'email':\n            return isValidEmail(field.settings?.result || '');\n          case 'phone':\n            return isValidPhone(field.settings?.result || '');\n          default:\n            return !!field.settings?.result;\n        }\n\n      case 'signature':\n      case 'initial':\n        return !!field.settings?.base64;\n\n      case 'textarea':\n      case 'date':\n      case 'timestamp':\n      case 'attachment':\n        return !!field.settings?.result;\n\n      case 'dropdown':\n        return !!field.settings?.value;\n\n      case 'checkbox_group':\n        const checked = (field.settings?.options?.filter(option => option.checked) || []).length;\n        return checked >= (field.settings?.minimum_checked || 0) && checked <= (field.settings?.maximum_checked || 999);\n\n      case 'radio_button_group':\n        return (field.settings?.options?.filter(option => option.selected) || []).length > 0;\n      // TODO\n      // case 'checkbox':\n      //   return <verdocs-field-checkbox style={style} value={result || ''} id={id} />;\n      // case 'payment':\n      //   return <verdocs-field-payment style={style} field={field} id={id} />;\n      default:\n        return false;\n    }\n  }\n\n  handleNext() {\n    // Find and focus the next incomplete required field\n    const requiredFields = this.fields.filter(field => field.required);\n    const focusedIndex = requiredFields.findIndex(field => field.name === this.focusedField);\n\n    let nextFocusedIndex = focusedIndex + 1;\n    if (nextFocusedIndex >= requiredFields.length) {\n      nextFocusedIndex = 0;\n    }\n\n    let nextRequiredField = requiredFields[nextFocusedIndex];\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 < requiredFields.length && ['signature', 'initial'].includes(nextRequiredField.type) && nextRequiredField.settings?.result === 'signed') {\n      skips++;\n      nextFocusedIndex++;\n      if (nextFocusedIndex >= requiredFields.length) {\n        nextFocusedIndex = 0;\n      }\n      nextRequiredField = requiredFields[nextFocusedIndex];\n    }\n\n    if (skips >= requiredFields.length) {\n      nextRequiredField = null;\n    }\n\n    if (nextRequiredField) {\n      const id = getFieldId(nextRequiredField);\n      const el = document.getElementById(id) as any;\n      el?.focusField();\n      this.focusedField = nextRequiredField.name;\n    }\n  }\n\n  handlePageRendered(e) {\n    const pageInfo = e.detail as IDocumentPageInfo;\n    console.log('[SIGN] Page rendered, adding fields', pageInfo);\n\n    const roleIndex = getRoleIndex(EnvelopeStore.roleNames, this.recipient.role_name);\n    const recipientFields = this.recipient.fields.filter(field => field.page === pageInfo.pageNumber);\n    recipientFields.forEach(field => {\n      const el = renderDocumentField(field, pageInfo, roleIndex, {disabled: false, editable: false, draggable: false});\n      if (!el) {\n        return;\n      }\n\n      el.addEventListener('input', e => {\n        this.handleFieldChange(field, e).catch(() => {});\n      });\n\n      el.addEventListener('fieldChange', e => {\n        this.handleFieldChange(field, e).catch(() => {});\n      });\n\n      el.setAttribute('roleindex', roleIndex);\n      el.setAttribute('xScale', pageInfo.xScale);\n      el.setAttribute('yScale', pageInfo.yScale);\n      el.setAttribute('initials', this.recipient ? fullNameToInitials(this.recipient.full_name) : '');\n      el.setAttribute('name', this.recipient?.full_name || '');\n\n      // interact(el).draggable({\n      //   listeners: {\n      //     start(event) {\n      //       console.log('[FIELDS] Drag started', event.type, event.target);\n      //     },\n      //     move(event) {\n      //       const oldX = +(event.target.getAttribute('posX') || 0);\n      //       const oldY = +(event.target.getAttribute('posY') || 0);\n      //       const xScale = +(event.target.getAttribute('xScale') || 1);\n      //       const yScale = +(event.target.getAttribute('yScale') || 1);\n      //       const newX = event.dx / xScale + oldX;\n      //       const newY = event.dy / yScale + oldY;\n      //       event.target.setAttribute('posX', newX);\n      //       event.target.setAttribute('posy', newY);\n      //       updateCssTransform(event.target, 'translate', `${newX}px, ${newY}px`);\n      //     },\n      //     end(event) {\n      //       console.log('[FIELDS] Drag ended', event);\n      //       // event.target.setAttribute('posX', 0);\n      //       // event.target.setAttribute('posy', 0);\n      //       // updateCssTransform(event.target, 'translate', `${0}px, ${0}px`);\n      //     },\n      //   },\n      // });\n    });\n\n    EnvelopeStore.envelope.recipients\n      .filter(recipient => recipient.role_name !== this.recipient.role_name)\n      .map(otherRecipient => {\n        const otherRoleIndex = getRoleIndex(EnvelopeStore.roleNames, otherRecipient.role_name);\n        console.log('Rendering fields for other recipient', otherRoleIndex, otherRecipient);\n        const recipientFields = otherRecipient.fields.filter(field => field.page === pageInfo.pageNumber);\n        // const fields = this.fields.filter(field => field.page_sequence === pageInfo.renderedPage.pageNumber);\n        console.log('[SIGN] Fields on page', recipientFields);\n        recipientFields.forEach(field => {\n          const el = renderDocumentField(field, pageInfo, otherRoleIndex, {disabled: true, editable: false, draggable: false});\n          if (!el) {\n            return;\n          }\n\n          el.setAttribute('roleindex', otherRoleIndex);\n          el.setAttribute('xScale', pageInfo.xScale);\n          el.setAttribute('yScale', pageInfo.yScale);\n        });\n      });\n  }\n\n  render() {\n    if (EnvelopeStore.loading || !EnvelopeStore.envelope) {\n      return (\n        <Host>\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    const menuOptions = [\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', disabled: true},\n      {id: 'download', label: 'Download'},\n    ];\n\n    return (\n      <Host class={{agreed: this.recipient?.agreed}}>\n        {!this.finishLater && (\n          <div class=\"intro\">\n            <div class=\"inner\">Please review and act on these documents.</div>\n          </div>\n        )}\n\n        <div class=\"header\">\n          <div class=\"inner\">\n            {!this.finishLater && (\n              <div class=\"toolbar\">\n                <div class=\"tools\">\n                  <verdocs-dropdown options={menuOptions} onOptionSelected={e => this.handleOptionSelected(e)} />\n\n                  {!this.recipient?.agreed ? (\n                    <div class=\"agree\">\n                      <verdocs-checkbox name=\"agree\" label=\"I agree to use electronic records and signatures.\" onInput={() => this.handleClickAgree()} />\n                    </div>\n                  ) : (\n                    <div style={{flex: '1'}} />\n                  )}\n                  <verdocs-button size=\"small\" label={this.nextButtonLabel} disabled={!this.recipient?.agreed} onClick={() => this.handleNext()} />\n                </div>\n              </div>\n            )}\n          </div>\n        </div>\n\n        {!this.recipient?.agreed ? <div class=\"cover\" /> : <div style={{display: 'none'}} />}\n\n        <div class=\"document\">\n          {(EnvelopeStore.envelope.documents || []).map(envelopeDocument => {\n            const pages = [...(envelopeDocument?.pages || [])];\n            pages.sort((a, b) => a.sequence - b.sequence);\n            console.log('p', envelopeDocument, pages);\n\n            return (\n              <Fragment>\n                {pages.map(page => (\n                  <verdocs-document-page\n                    pageImageUri={page.display_uri}\n                    virtualWidth={612}\n                    virtualHeight={792}\n                    pageNumber={page.sequence}\n                    onPageRendered={e => this.handlePageRendered(e)}\n                    layers={[\n                      {name: 'page', type: 'canvas'},\n                      {name: 'controls', type: 'div'},\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 document, 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.errorMessage && <verdocs-ok-dialog heading=\"Network Error\" message={this.errorMessage} onNext={() => (this.errorMessage = '')} />}\n      </Host>\n    );\n  }\n}\n"]}