@verdocs/web-sdk 5.3.4 → 5.4.1

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

@@ -1 +0,0 @@
-{"version":3,"file":"verdocs-dialog.entry.js","sources":["src/components/dialogs/verdocs-dialog/verdocs-dialog.scss?tag=verdocs-dialog","src/components/dialogs/verdocs-dialog/verdocs-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-dialog {\n  box-sizing: border-box;\n  font-family: $primary-font;\n\n  div {\n    box-sizing: border-box;\n  }\n\n  .background-overlay {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    z-index: 10000;\n    position: absolute;\n    align-items: center;\n    background: #0000007f;\n    justify-content: center;\n  }\n\n  .dialog {\n    width: 420px;\n    display: flex;\n    max-width: 100%;\n    overflow: hidden;\n    border-radius: 8px;\n    background: #ffffff;\n    flex-direction: column;\n    border: 1px solid #aeb4bf;\n    box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n  }\n\n  .heading {\n    gap: 12px;\n    padding: 20px;\n    display: flex;\n    font-size: 16px;\n    font-weight: 500;\n    flex-direction: row;\n    color: $verdocs-grey-4;\n    border-bottom: 1.5px solid #e5e7eb;\n\n    .icon {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      flex-shrink: 0;\n      border-radius: 8px;\n      align-items: center;\n      justify-content: center;\n      background: $verdocs-purple;\n    }\n\n    .title {\n      flex: 1;\n      height: 40px;\n      display: flex;\n      font-size: 20px;\n      font-weight: 500;\n      align-items: center;\n      color: $verdocs-grey-0;\n    }\n  }\n\n  .content {\n    padding: 20px 20px 0 20px;\n    font-size: 16px;\n    line-height: 26px;\n    color: $verdocs-dialog-content;\n\n    p {\n      margin: 0 0 1em 0;\n    }\n\n    ul {\n      margin: 0 0 1em 0;\n      padding: 0 0 0 20px;\n\n      li {\n        font-size: 14px;\n        line-height: 20px;\n        margin: 0 0 12px 0;\n        padding: 0 0 0 8px;\n      }\n\n      li::marker {\n        font-size: 18px;\n        color: $verdocs-purple;\n      }\n    }\n\n    ol {\n      margin: 0 0 1em 0;\n      padding: 0 0 0 20px;\n\n      li {\n        font-size: 14px;\n        line-height: 20px;\n        margin: 0 0 12px 0;\n        padding: 0 0 0 8px;\n      }\n\n      li::marker {\n        font-weight: 500;\n        color: $verdocs-purple;\n      }\n    }\n  }\n\n  .footer {\n    padding: 0 20px 20px 20px;\n  }\n}\n","import {Component, h, Event, EventEmitter, Host} from '@stencil/core';\n\n/**\n * Display a simple dialog where the contents are provided via slots.\n */\n@Component({\n  tag: 'verdocs-dialog',\n  styleUrl: 'verdocs-dialog.scss',\n})\nexport class VerdocsDialog {\n  /**\n   * Event fired when the dialog is dismissed by clicking the background overlay.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  // We need a separate event handler for clicking the background because it can\n  // receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.exit?.emit();\n    }\n  }\n\n\n  render() {\n    return (\n      <Host>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <slot name=\"heading\">\n              <div class=\"heading\">Title</div>\n            </slot>\n\n            <slot name=\"content\">\n              <div class=\"content\">Content</div>\n            </slot>\n\n            <slot name=\"footer\">\n              <div class=\"footer\">Footer</div>\n            </slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,gBAAgB,GAAG,4xEAA4xE;;MCSxyE,aAAa,GAAA,MAAA;;;;;;;AAQxB,IAAA,aAAa,CAAC,CAAM,EAAA;;QAClB,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,KAAK,oBAAoB,EAAE;YAC/C,CAAC,CAAC,cAAc,EAAE;YAClB,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,EAAE;;;IAKrB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oBAAoB,EAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAA,EACjE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAA,EAClB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAA,EAAA,OAAA,CAAY,CAC3B,EAEP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAA,EAClB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAA,EAAA,SAAA,CAAc,CAC7B,EAEP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAA,EACjB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EAAA,QAAA,CAAa,CAC3B,CACH,CACF,CACD;;;;;;;"}

package/dist/esm-es5/verdocs-ok-dialog.entry.js

@@ -1,2 +0,0 @@
-import{r as registerInstance,c as createEvent,h,H as Host}from"./index-CF7i8guW.js";var verdocsOkDialogCss='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-ok-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-ok-dialog.closed{display:none}verdocs-ok-dialog .background-overlay{position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:rgba(0, 0, 0, 0.4980392157)}verdocs-ok-dialog .dialog{max-width:60%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-ok-dialog .heading{display:-ms-flexbox;display:flex;font-size:16px;-ms-flex-direction:row;flex-direction:row;padding:8px 16px;font-weight:bold;color:#ffffff;background:#46497d}verdocs-ok-dialog .content{font-size:16px;background:#ffffff;padding:20px}verdocs-ok-dialog .buttons{display:-ms-flexbox;display:flex;margin:30px 0 0 0;padding:0 20px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}verdocs-ok-dialog .buttons verdocs-button{margin-left:16px}';var VerdocsOkDialog=function(){function e(e){registerInstance(this,e);this.next=createEvent(this,"next");this.exit=createEvent(this,"exit");this.heading="";this.message="";this.buttonLabel="OK";this.showCancel=false;this.closed=false}e.prototype.handleOk=function(){this.next.emit()};e.prototype.handleCancel=function(){this.exit.emit()};e.prototype.handleDismiss=function(e){this.closed=true;if(e.target.className==="background-overlay"){e.preventDefault();this.exit.emit()}};e.prototype.render=function(){var e=this;return h(Host,{key:"a53ec883d89c75014091071d45b629f14fb8a14f",class:this.closed?"closed":""},h("div",{key:"eeba1a34d586227ddbdbccb2ce6a273bf516a2ed",class:"background-overlay",onClick:function(o){return e.handleDismiss(o)}},h("div",{key:"d803f8cda0d55045eb85d13c98e359ded7fddf24",class:"dialog"},h("div",{key:"cd12ec9dd5c8e1e496ad1410a87fa866c7cd3143",class:"heading"},this.heading),h("div",{key:"9256bbda5d99136202bd36847bf488c8b29de936",class:"content"},h("div",{key:"3ffeaaf5cda9073ed5775acbe9bb44f2aca14fa2",class:"message",innerHTML:this.message}),h("div",{key:"0914a64b1de3f12de80cdb8536315eb3dd804fa1",class:"buttons"},this.showCancel?h("verdocs-button",{label:"CANCEL",variant:"outline",onClick:function(){return e.handleCancel()}}):h("div",{style:{display:"none"}}),h("verdocs-button",{key:"6cffacc69dad4bfe86b324a6b15b684a8233557e",label:this.buttonLabel,onClick:function(){return e.handleOk()}}))))))};return e}();VerdocsOkDialog.style=verdocsOkDialogCss;export{VerdocsOkDialog as verdocs_ok_dialog};
-//# sourceMappingURL=verdocs-ok-dialog.entry.js.map

package/dist/esm-es5/verdocs-ok-dialog.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"verdocs-ok-dialog.entry.js","sources":["src/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.scss?tag=verdocs-ok-dialog","src/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-ok-dialog {\n  font-family: $primary-font;\n  box-sizing: border-box;\n\n  &.closed {\n    display: none;\n  }\n\n  .background-overlay {\n    position: fixed;\n    z-index: 10000;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #0000007f;\n  }\n\n  .dialog {\n    max-width: 60%;\n    display: flex;\n    flex-direction: column;\n    border-radius: 4px;\n    overflow: hidden;\n    box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n  }\n\n  .heading {\n    display: flex;\n    font-size: 16px;\n    flex-direction: row;\n    padding: 8px 16px;\n    font-weight: bold;\n    color: $verdocs-grey-4;\n    background: $verdocs-grey-blue;\n  }\n\n  .content {\n    font-size: 16px;\n    background: $verdocs-grey-4;\n    padding: 20px;\n  }\n\n  .message {\n    //white-space: pre;\n  }\n\n  .buttons {\n    display: flex;\n    margin: 30px 0 0 0;\n    padding: 0 20px;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-end;\n\n    verdocs-button {\n      margin-left: 16px;\n    }\n  }\n}\n","import {Component, Prop, h, Event, EventEmitter, Host, State} from '@stencil/core';\n\n/**\n * Display a simple text dialog box with an Ok button. This adds a partially-transparent overlay and screen-centered dialog\n * box with a message and optional header/title. An OK button is shown that will dismiss the message.\n * It can also be dismissed by clicking the background overlay.\n */\n@Component({\n  tag: 'verdocs-ok-dialog',\n  styleUrl: 'verdocs-ok-dialog.scss',\n})\nexport class VerdocsOkDialog {\n  /**\n   * The title of the dialog. \"title\" is a reserved word, so we use heading.\n   */\n  @Prop() heading: string = '';\n\n  /**\n   * The message content to display.\n   */\n  @Prop() message: string = '';\n\n  /**\n   * Override the \"OK\" button's label\n   */\n  @Prop() buttonLabel: string = 'OK';\n\n  /**\n   * If set, a cancel button will also be displayed. Note that the dialog is always cancelable by clicking the background\n   * overlay to dismiss it.\n   */\n  @Prop() showCancel: boolean = false;\n\n  /**\n   * Event fired when the user clicks the OK button.\n   */\n  @Event({composed: true}) next: EventEmitter;\n\n  /**\n   * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  @State() closed = false;\n\n  handleOk() {\n    this.next.emit();\n  }\n\n  handleCancel() {\n    this.exit.emit();\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    this.closed = true;\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.exit.emit();\n    }\n  }\n\n  render() {\n    return (\n      <Host class={this.closed ? 'closed' : ''}>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"heading\">{this.heading}</div>\n            <div class=\"content\">\n              <div class=\"message\" innerHTML={this.message} />\n\n              <div class=\"buttons\">\n                {this.showCancel ? <verdocs-button label=\"CANCEL\" variant=\"outline\" onClick={() => this.handleCancel()} /> : <div style={{display: 'none'}} />}\n                <verdocs-button label={this.buttonLabel} onClick={() => this.handleOk()} />\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,kBAAkB,GAAG,++CAA++C;;MCW7/C,eAAe,GAAA,MAAA;AAJ5B,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAKE;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAW,EAAE;AAE5B;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAW,EAAE;AAE5B;;AAEG;AACK,QAAA,IAAW,CAAA,WAAA,GAAW,IAAI;AAElC;;;AAGG;AACK,QAAA,IAAU,CAAA,UAAA,GAAY,KAAK;AAY1B,QAAA,IAAM,CAAA,MAAA,GAAG,KAAK;AAsCxB;IApCC,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;;IAGlB,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;;;AAIlB,IAAA,aAAa,CAAC,CAAM,EAAA;AAClB,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI;QAClB,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,KAAK,oBAAoB,EAAE;YAC/C,CAAC,CAAC,cAAc,EAAE;AAClB,YAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;;;IAIpB,MAAM,GAAA;QACJ,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,MAAM,GAAG,QAAQ,GAAG,EAAE,EAAA,EACtC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oBAAoB,EAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAA,EACjE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAO,EACzC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EAClB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,IAAI,CAAC,OAAO,EAAI,CAAA,EAEhD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACjB,IAAI,CAAC,UAAU,GAAG,CAAgB,CAAA,gBAAA,EAAA,EAAA,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,EAAA,CAAI,GAAG,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC,EAAI,CAAA,EAC9I,CAAgB,CAAA,gBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,EAAI,CAAA,CACvE,CACF,CACF,CACF,CACD;;;;;;;"}

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

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

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

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

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

@@ -1,2 +0,0 @@
-import{r as e,c as o,h as i,H as d}from"./p-CF7i8guW.js";const a='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-dialog{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", "Barlow", sans-serif}verdocs-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-dialog .background-overlay{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:absolute;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}verdocs-dialog .dialog{width:420px;display:-ms-flexbox;display:flex;max-width:100%;overflow:hidden;border-radius:8px;background:#ffffff;-ms-flex-direction:column;flex-direction:column;border:1px solid #aeb4bf;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-dialog .heading{gap:12px;padding:20px;display:-ms-flexbox;display:flex;font-size:16px;font-weight:500;-ms-flex-direction:row;flex-direction:row;color:#ffffff;border-bottom:1.5px solid #e5e7eb}verdocs-dialog .heading .icon{width:40px;height:40px;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;border-radius:8px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#654dcb}verdocs-dialog .heading .title{-ms-flex:1;flex:1;height:40px;display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-align:center;align-items:center;color:#092c4c}verdocs-dialog .content{padding:20px 20px 0 20px;font-size:16px;line-height:26px;color:#374151}verdocs-dialog .content p{margin:0 0 1em 0}verdocs-dialog .content ul{margin:0 0 1em 0;padding:0 0 0 20px}verdocs-dialog .content ul li{font-size:14px;line-height:20px;margin:0 0 12px 0;padding:0 0 0 8px}verdocs-dialog .content ul li::marker{font-size:18px;color:#654dcb}verdocs-dialog .content ol{margin:0 0 1em 0;padding:0 0 0 20px}verdocs-dialog .content ol li{font-size:14px;line-height:20px;margin:0 0 12px 0;padding:0 0 0 8px}verdocs-dialog .content ol li::marker{font-weight:500;color:#654dcb}verdocs-dialog .footer{padding:0 20px 20px 20px}';const r=class{constructor(i){e(this,i);this.exit=o(this,"exit")}handleDismiss(e){var o;if(e.target.className==="background-overlay"){e.preventDefault();(o=this.exit)===null||o===void 0?void 0:o.emit()}}render(){return i(d,{key:"270be447ea798d42275ea9ac4e2ecc4a33251233"},i("div",{key:"8c9b1a41e6dea1b1910c296069f4cfce3779e704",class:"background-overlay",onClick:e=>this.handleDismiss(e)},i("div",{key:"486f221c4c6c7fa934536b17757f8427ddfa0e85",class:"dialog"},i("slot",{key:"b2814fca9288d6a5de00cb11b24b6a7ff596546b",name:"heading"},i("div",{key:"0ec2f776317e5a702f160e45bfe872264b82becc",class:"heading"},"Title")),i("slot",{key:"008cac1775d418d930052a4cd32eb816ddf3755a",name:"content"},i("div",{key:"670e9177b5586aed4401763ec662b07388735135",class:"content"},"Content")),i("slot",{key:"3c731fec8083aab7966b5a478bf64c78d95ac8da",name:"footer"},i("div",{key:"727b66e86fafbad600ed11d7930efe5d3cd8d08f",class:"footer"},"Footer")))))}};r.style=a;export{r as verdocs_dialog};
-//# sourceMappingURL=p-14467744.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["verdocsDialogCss","VerdocsDialog","handleDismiss","e","target","className","preventDefault","_a","this","exit","emit","render","h","Host","key","class","onClick","name"],"sources":["src/components/dialogs/verdocs-dialog/verdocs-dialog.scss?tag=verdocs-dialog","src/components/dialogs/verdocs-dialog/verdocs-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-dialog {\n  box-sizing: border-box;\n  font-family: $primary-font;\n\n  div {\n    box-sizing: border-box;\n  }\n\n  .background-overlay {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    z-index: 10000;\n    position: absolute;\n    align-items: center;\n    background: #0000007f;\n    justify-content: center;\n  }\n\n  .dialog {\n    width: 420px;\n    display: flex;\n    max-width: 100%;\n    overflow: hidden;\n    border-radius: 8px;\n    background: #ffffff;\n    flex-direction: column;\n    border: 1px solid #aeb4bf;\n    box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n  }\n\n  .heading {\n    gap: 12px;\n    padding: 20px;\n    display: flex;\n    font-size: 16px;\n    font-weight: 500;\n    flex-direction: row;\n    color: $verdocs-grey-4;\n    border-bottom: 1.5px solid #e5e7eb;\n\n    .icon {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      flex-shrink: 0;\n      border-radius: 8px;\n      align-items: center;\n      justify-content: center;\n      background: $verdocs-purple;\n    }\n\n    .title {\n      flex: 1;\n      height: 40px;\n      display: flex;\n      font-size: 20px;\n      font-weight: 500;\n      align-items: center;\n      color: $verdocs-grey-0;\n    }\n  }\n\n  .content {\n    padding: 20px 20px 0 20px;\n    font-size: 16px;\n    line-height: 26px;\n    color: $verdocs-dialog-content;\n\n    p {\n      margin: 0 0 1em 0;\n    }\n\n    ul {\n      margin: 0 0 1em 0;\n      padding: 0 0 0 20px;\n\n      li {\n        font-size: 14px;\n        line-height: 20px;\n        margin: 0 0 12px 0;\n        padding: 0 0 0 8px;\n      }\n\n      li::marker {\n        font-size: 18px;\n        color: $verdocs-purple;\n      }\n    }\n\n    ol {\n      margin: 0 0 1em 0;\n      padding: 0 0 0 20px;\n\n      li {\n        font-size: 14px;\n        line-height: 20px;\n        margin: 0 0 12px 0;\n        padding: 0 0 0 8px;\n      }\n\n      li::marker {\n        font-weight: 500;\n        color: $verdocs-purple;\n      }\n    }\n  }\n\n  .footer {\n    padding: 0 20px 20px 20px;\n  }\n}\n","import {Component, h, Event, EventEmitter, Host} from '@stencil/core';\n\n/**\n * Display a simple dialog where the contents are provided via slots.\n */\n@Component({\n  tag: 'verdocs-dialog',\n  styleUrl: 'verdocs-dialog.scss',\n})\nexport class VerdocsDialog {\n  /**\n   * Event fired when the dialog is dismissed by clicking the background overlay.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  // We need a separate event handler for clicking the background because it can\n  // receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.exit?.emit();\n    }\n  }\n\n\n  render() {\n    return (\n      <Host>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <slot name=\"heading\">\n              <div class=\"heading\">Title</div>\n            </slot>\n\n            <slot name=\"content\">\n              <div class=\"content\">Content</div>\n            </slot>\n\n            <slot name=\"footer\">\n              <div class=\"footer\">Footer</div>\n            </slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAmB,yxE,MCSZC,EAAa,M,kDAQxB,aAAAC,CAAcC,G,MACZ,GAAIA,EAAEC,OAAOC,YAAc,qBAAsB,CAC/CF,EAAEG,kBACFC,EAAAC,KAAKC,QAAM,MAAAF,SAAA,SAAAA,EAAAG,M,EAKf,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBAAqBC,QAASb,GAAKK,KAAKN,cAAcC,IAC/DS,EAAK,OAAAE,IAAA,2CAAAC,MAAM,UACTH,EAAM,QAAAE,IAAA,2CAAAG,KAAK,WACTL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WAAS,UAGtBH,EAAM,QAAAE,IAAA,2CAAAG,KAAK,WACTL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WAAS,YAGtBH,EAAM,QAAAE,IAAA,2CAAAG,KAAK,UACTL,EAAK,OAAAE,IAAA,2CAAAC,MAAM,UAAQ,a","ignoreList":[]}