@verdocs/web-sdk 5.0.13 → 5.0.14

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

@@ -1 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,r,t,n){function o(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,i){function c(e){try{a(n.next(e))}catch(e){i(e)}}function s(e){try{a(n["throw"](e))}catch(e){i(e)}}function a(e){e.done?t(e.value):o(e.value).then(c,s)}a((n=n.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,o,i,c;return c={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function s(e){return function(r){return a([e,r])}}function a(s){if(n)throw new TypeError("Generator is already executing.");while(c&&(c=0,s[0]&&(t=0)),t)try{if(n=1,o&&(i=s[0]&2?o["return"]:s[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,s[1])).done)return i;if(o=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;o=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){t.label=s[1];break}if(s[0]===6&&t.label<i[1]){t.label=i[1];i=s;break}if(i&&t.label<i[2]){t.label=i[2];t.ops.push(s);break}if(i[2])t.ops.pop();t.trys.pop();continue}s=r.call(e,t)}catch(e){s=[6,e];o=0}finally{n=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-9186f42e.system.js","@verdocs/js-sdk"],(function(e){"use strict";var r,t,n,o;return{setters:[function(e){r=e.r;t=e.c;n=e.h},function(e){o=e.VerdocsEndpoint}],execute:function(){var i='@-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-search-box{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-search-box form{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:45px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0 0;border-radius:5px;-ms-flex-align:center;align-items:center;background-color:#fff;padding:0 8px;border-width:1px;border-style:solid;border-color:#707ae5}verdocs-search-box form input{-webkit-box-sizing:border-box;box-sizing:border-box;height:43px;width:100%;font-size:18px;border:none}verdocs-search-box form input:focus{outline:none}verdocs-search-box form button.search{cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border:none;width:100px;height:28px;font-weight:700;font-size:10px;letter-spacing:1px;background-color:#55bc81;text-transform:uppercase;color:#fff}verdocs-search-box form .type{background-color:#707ae5;height:30px;display:-ms-inline-flexbox;display:inline-flex;padding:1px 0 2px 10px;font-size:13px;line-height:16px;border-radius:4px;-ms-flex-pack:center;justify-content:center;text-transform:uppercase;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;color:#fff;margin-right:10px}verdocs-search-box form .type button{border:none;color:#fff;margin:5px 0 0 8px;background:transparent}verdocs-search-box form svg{width:12px;height:12px;margin-right:6px}verdocs-search-box ::-webkit-input-placeholder{color:#aeb4bf}verdocs-search-box ::-moz-placeholder{color:#aeb4bf}verdocs-search-box :-ms-input-placeholder{color:#aeb4bf}verdocs-search-box ::-ms-input-placeholder{color:#aeb4bf}verdocs-search-box ::placeholder{color:#aeb4bf}';var c=i;var s='<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.4809 20.7176L17.9111 15.2536C19.0961 13.6368 19.727 11.6926 19.7128 9.70131C19.7201 7.53345 18.9846 5.42606 17.6244 3.71753C16.2642 2.009 14.3581 0.798456 12.2123 0.280282C10.0665 -0.237892 7.80552 -0.0336342 5.79227 0.86026C3.77902 1.75415 2.13038 3.28582 1.1111 5.20931C0.0918114 7.1328 -0.238985 9.33652 0.171813 11.4666C0.582612 13.5967 1.71117 15.5296 3.37628 16.9548C5.0414 18.3801 7.14646 19.2151 9.35344 19.3257C11.5604 19.4364 13.7413 18.8162 15.5458 17.5649L21.1372 23.05L21.1563 23.0663C21.4841 23.3487 21.9039 23.507 22.3401 23.5128C22.7823 23.5125 23.2063 23.3402 23.5191 23.0337V23.0337C23.6749 22.8812 23.7979 22.6995 23.8804 22.4993C23.963 22.2991 24.0036 22.0847 23.9997 21.8688C23.9959 21.6529 23.9477 21.44 23.858 21.2428C23.7683 21.0456 23.639 20.8682 23.4778 20.7212L23.4809 20.7176ZM14.5167 14.1975C13.4564 15.2349 12.0623 15.8797 10.5719 16.022C9.08145 16.1644 7.58681 15.7955 6.34249 14.9781C5.09816 14.1608 4.18109 12.9456 3.74751 11.5395C3.31393 10.1334 3.39064 8.6233 3.96455 7.26643C4.53846 5.90955 5.57409 4.7898 6.89507 4.09787C8.21606 3.40594 9.74071 3.18461 11.2093 3.4716C12.678 3.75858 13.9998 4.53612 14.9497 5.6718C15.8996 6.80748 16.4188 8.23105 16.4189 9.7001C16.4196 10.5357 16.2519 11.3632 15.9254 12.135C15.599 12.9069 15.1202 13.6078 14.5167 14.1975V14.1975Z" fill="white"/></svg>';var a='<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.0739 11.7565L19.7127 6.23228C20.0875 5.85692 20.0875 5.25309 19.7127 4.87773L19.0213 4.20046C18.6382 3.82511 18.0219 3.82511 17.6387 4.20046L12 9.72472L6.36127 4.20046C5.97814 3.82511 5.36179 3.82511 4.97866 4.20046L4.28735 4.87773C3.90422 5.25309 3.90422 5.85692 4.28735 6.23228L9.92608 11.7565L4.28735 17.2808C3.90422 17.6561 3.90422 18.26 4.28735 18.6353L4.97866 19.3126C5.36179 19.688 5.97814 19.688 6.36127 19.3126L12 13.7883L17.6387 19.3126C18.0219 19.688 18.6382 19.688 19.0213 19.3126L19.7127 18.6353C20.0958 18.26 20.0958 17.6561 19.7127 17.2808L14.0739 11.7565Z" fill="white"/></svg>';var f=e("verdocs_search_box",function(){function e(e){r(this,e);this.searchClicked=t(this,"searchClicked",7);this.typeChanged=t(this,"typeChanged",7);this.queryChanged=t(this,"queryChanged",7);this.endpoint=o.getDefault();this.placeholder="Search envelopes, templates, organizations...";this.type="all";this.query="";this.grabsFocus=false}e.prototype.focusField=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.inputEl.focus();return[2]}))}))};e.prototype.componentDidRender=function(){if(this.grabsFocus){this.inputEl.focus()}};e.prototype.handleSearch=function(e){this.searchClicked.emit({type:this.type,query:this.query});e.preventDefault();return false};e.prototype.handleChange=function(e){this.queryChanged.emit(e.target.value)};e.prototype.handleClearFilter=function(){this.typeChanged.emit("all")};e.prototype.handleKeyUp=function(e){if(e.key==="Enter"){this.searchClicked.emit({type:this.type,query:this.query})}};e.prototype.render=function(){var e=this;return n("form",{key:"0a0ff0dfa9ee6be3ded1c6b169d28d7a35804336",onSubmit:function(r){return e.handleSearch(r)}},this.type!==undefined&&this.type!=="all"&&n("span",{key:"1bc2808c678e4502a8a91dcb5cc4130ff433847a",class:"type"},this.type,"s ",n("button",{key:"d86c649ef1b0c18513474c85e62d362993fe13e7",class:"remove",innerHTML:a,onClick:function(){return e.handleClearFilter()}})),n("input",{key:"848235e32539c294c4be6969cabc523a786c9524",type:"text",value:this.query,placeholder:this.placeholder,onInput:function(r){return e.handleChange(r)},onKeyUp:function(r){return e.handleKeyUp(r)},ref:function(r){return e.inputEl=r}}),n("button",{key:"8679d4b98adbfdc8b7b45c6faab5b6a7a8e18d95",onClick:function(r){return e.handleSearch(r)},class:"search"},n("span",{key:"06d492ec322302918ac8e497eb83accd77812267",innerHTML:s}),"Search"))};return e}());f.style=c}}}));
+var __awaiter=this&&this.__awaiter||function(e,r,t,n){function o(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,i){function c(e){try{a(n.next(e))}catch(e){i(e)}}function s(e){try{a(n["throw"](e))}catch(e){i(e)}}function a(e){e.done?t(e.value):o(e.value).then(c,s)}a((n=n.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,o,i,c;return c={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function s(e){return function(r){return a([e,r])}}function a(s){if(n)throw new TypeError("Generator is already executing.");while(c&&(c=0,s[0]&&(t=0)),t)try{if(n=1,o&&(i=s[0]&2?o["return"]:s[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,s[1])).done)return i;if(o=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;o=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){t.label=s[1];break}if(s[0]===6&&t.label<i[1]){t.label=i[1];i=s;break}if(i&&t.label<i[2]){t.label=i[2];t.ops.push(s);break}if(i[2])t.ops.pop();t.trys.pop();continue}s=r.call(e,t)}catch(e){s=[6,e];o=0}finally{n=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-9186f42e.system.js","@verdocs/js-sdk"],(function(e){"use strict";var r,t,n,o;return{setters:[function(e){r=e.r;t=e.c;n=e.h},function(e){o=e.VerdocsEndpoint}],execute:function(){var i='@-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-search-box{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-search-box form{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:45px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0 0;border-radius:5px;-ms-flex-align:center;align-items:center;background-color:#fff;padding:0 8px;border-width:1px;border-style:solid;border-color:#707ae5}verdocs-search-box form input{-webkit-box-sizing:border-box;box-sizing:border-box;height:43px;width:100%;font-size:18px;border:none}verdocs-search-box form input:focus{outline:none}verdocs-search-box form button.search{cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border:none;width:100px;height:28px;font-weight:700;font-size:10px;letter-spacing:1px;background-color:#55bc81;text-transform:uppercase;color:#fff}verdocs-search-box form .type{background-color:#707ae5;height:30px;display:-ms-inline-flexbox;display:inline-flex;padding:1px 0 2px 10px;font-size:13px;line-height:16px;border-radius:4px;-ms-flex-pack:center;justify-content:center;text-transform:uppercase;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;color:#fff;margin-right:10px}verdocs-search-box form .type button{border:none;color:#fff;margin:5px 0 0 8px;background:transparent}verdocs-search-box form svg{width:12px;height:12px;margin-right:6px}verdocs-search-box ::-webkit-input-placeholder{color:#aeb4bf}verdocs-search-box ::-moz-placeholder{color:#aeb4bf}verdocs-search-box :-ms-input-placeholder{color:#aeb4bf}verdocs-search-box ::-ms-input-placeholder{color:#aeb4bf}verdocs-search-box ::placeholder{color:#aeb4bf}';var c=i;var s='<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.4809 20.7176L17.9111 15.2536C19.0961 13.6368 19.727 11.6926 19.7128 9.70131C19.7201 7.53345 18.9846 5.42606 17.6244 3.71753C16.2642 2.009 14.3581 0.798456 12.2123 0.280282C10.0665 -0.237892 7.80552 -0.0336342 5.79227 0.86026C3.77902 1.75415 2.13038 3.28582 1.1111 5.20931C0.0918114 7.1328 -0.238985 9.33652 0.171813 11.4666C0.582612 13.5967 1.71117 15.5296 3.37628 16.9548C5.0414 18.3801 7.14646 19.2151 9.35344 19.3257C11.5604 19.4364 13.7413 18.8162 15.5458 17.5649L21.1372 23.05L21.1563 23.0663C21.4841 23.3487 21.9039 23.507 22.3401 23.5128C22.7823 23.5125 23.2063 23.3402 23.5191 23.0337V23.0337C23.6749 22.8812 23.7979 22.6995 23.8804 22.4993C23.963 22.2991 24.0036 22.0847 23.9997 21.8688C23.9959 21.6529 23.9477 21.44 23.858 21.2428C23.7683 21.0456 23.639 20.8682 23.4778 20.7212L23.4809 20.7176ZM14.5167 14.1975C13.4564 15.2349 12.0623 15.8797 10.5719 16.022C9.08145 16.1644 7.58681 15.7955 6.34249 14.9781C5.09816 14.1608 4.18109 12.9456 3.74751 11.5395C3.31393 10.1334 3.39064 8.6233 3.96455 7.26643C4.53846 5.90955 5.57409 4.7898 6.89507 4.09787C8.21606 3.40594 9.74071 3.18461 11.2093 3.4716C12.678 3.75858 13.9998 4.53612 14.9497 5.6718C15.8996 6.80748 16.4188 8.23105 16.4189 9.7001C16.4196 10.5357 16.2519 11.3632 15.9254 12.135C15.599 12.9069 15.1202 13.6078 14.5167 14.1975V14.1975Z" fill="white"/></svg>';var a='<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.0739 11.7565L19.7127 6.23228C20.0875 5.85692 20.0875 5.25309 19.7127 4.87773L19.0213 4.20046C18.6382 3.82511 18.0219 3.82511 17.6387 4.20046L12 9.72472L6.36127 4.20046C5.97814 3.82511 5.36179 3.82511 4.97866 4.20046L4.28735 4.87773C3.90422 5.25309 3.90422 5.85692 4.28735 6.23228L9.92608 11.7565L4.28735 17.2808C3.90422 17.6561 3.90422 18.26 4.28735 18.6353L4.97866 19.3126C5.36179 19.688 5.97814 19.688 6.36127 19.3126L12 13.7883L17.6387 19.3126C18.0219 19.688 18.6382 19.688 19.0213 19.3126L19.7127 18.6353C20.0958 18.26 20.0958 17.6561 19.7127 17.2808L14.0739 11.7565Z" fill="white"/></svg>';var f=e("verdocs_search_box",function(){function e(e){r(this,e);this.searchClicked=t(this,"searchClicked",7);this.typeChanged=t(this,"typeChanged",7);this.queryChanged=t(this,"queryChanged",7);this.endpoint=o.getDefault();this.placeholder="Search envelopes, templates, organizations...";this.type="all";this.query="";this.grabsFocus=false}e.prototype.focusField=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.inputEl.focus();return[2]}))}))};e.prototype.componentDidRender=function(){if(this.grabsFocus){this.inputEl.focus()}};e.prototype.handleSearch=function(e){this.searchClicked.emit({type:this.type,query:this.query});e.preventDefault();return false};e.prototype.handleChange=function(e){this.queryChanged.emit(e.target.value)};e.prototype.handleClearFilter=function(){this.typeChanged.emit("all")};e.prototype.handleKeyUp=function(e){if(e.key==="Enter"){this.searchClicked.emit({type:this.type,query:this.query})}};e.prototype.render=function(){var e=this;return n("form",{key:"0a0ff0dfa9ee6be3ded1c6b169d28d7a35804336",onSubmit:function(r){return e.handleSearch(r)}},this.type!==undefined&&this.type!=="all"&&n("span",{key:"1bc2808c678e4502a8a91dcb5cc4130ff433847a",class:"type"},this.type,"s ",n("button",{key:"d86c649ef1b0c18513474c85e62d362993fe13e7",class:"remove",innerHTML:a,onClick:function(){return e.handleClearFilter()}})),n("input",{key:"848235e32539c294c4be6969cabc523a786c9524",type:"text",value:this.query,placeholder:this.placeholder,onInput:function(r){return e.handleChange(r)},onKeyUp:function(r){return e.handleKeyUp(r)},ref:function(r){return e.inputEl=r}}),n("button",{key:"8679d4b98adbfdc8b7b45c6faab5b6a7a8e18d95",onClick:function(r){return e.handleSearch(r)},class:"search"},n("span",{key:"06d492ec322302918ac8e497eb83accd77812267",innerHTML:s}),"Search"))};return e}());f.style=c}}}));
+//# sourceMappingURL=p-d5870e33.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsSearchBoxCss","VerdocsSearchBoxStyle0","SearchIcon","CloseIcon","VerdocsSearchBox","exports","VerdocsEndpoint","getDefault","class_1","prototype","focusField","this","inputEl","focus","componentDidRender","grabsFocus","handleSearch","e","searchClicked","emit","type","query","preventDefault","handleChange","queryChanged","target","value","handleClearFilter","typeChanged","handleKeyUp","key","render","_this","h","onSubmit","undefined","class","innerHTML","onClick","placeholder","onInput","onKeyUp","ref","el"],"sources":["src/components/elements/verdocs-search-box/verdocs-search-box.scss?tag=verdocs-search-box","src/components/elements/verdocs-search-box/verdocs-search-box.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-search-box {\n  font-family: $verdocs-primary-font;\n\n  form {\n    display: flex;\n    flex-direction: row;\n    height: 45px;\n    box-sizing: border-box;\n    margin: 5px 0 0;\n    border-radius: 5px;\n    align-items: center;\n    background-color: #fff;\n    padding: 0 8px;\n    border-width: 1px;\n    border-style: solid;\n    border-color: $verdocs-light-blue;\n\n    input {\n      box-sizing: border-box;\n      height: 43px;\n      width: 100%;\n      font-size: 18px;\n      border: none;\n\n      &:focus {\n        outline: none;\n      }\n    }\n\n    button.search {\n      cursor: pointer;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      box-sizing: border-box;\n      border-radius: 4px;\n      border: none;\n      width: 100px;\n      height: 28px;\n      font-weight: 700;\n      font-size: 10px;\n      letter-spacing: 1px;\n      background-color: $verdocs-green;\n      text-transform: uppercase;\n      color: #fff;\n    }\n\n    .type {\n      background-color: $verdocs-light-blue;\n      height: 30px;\n      display: inline-flex;\n      padding: 1px 0 2px 10px;\n      font-size: 13px;\n      line-height: 16px;\n      border-radius: 4px;\n      justify-content: center;\n      text-transform: uppercase;\n      align-items: center;\n      flex-direction: row;\n      color: #fff;\n      margin-right: 10px;\n\n      button {\n        border: none;\n        color: #fff;\n        margin: 5px 0 0 8px;\n        background: transparent;\n      }\n    }\n\n    svg {\n      width: 12px;\n      height: 12px;\n      margin-right: 6px;\n    }\n  }\n\n  ::placeholder {\n    color: $verdocs-grey-2;\n  }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Prop, Method} from '@stencil/core';\n\nconst SearchIcon = `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M23.4809 20.7176L17.9111 15.2536C19.0961 13.6368 19.727 11.6926 19.7128 9.70131C19.7201 7.53345 18.9846 5.42606 17.6244 3.71753C16.2642 2.009 14.3581 0.798456 12.2123 0.280282C10.0665 -0.237892 7.80552 -0.0336342 5.79227 0.86026C3.77902 1.75415 2.13038 3.28582 1.1111 5.20931C0.0918114 7.1328 -0.238985 9.33652 0.171813 11.4666C0.582612 13.5967 1.71117 15.5296 3.37628 16.9548C5.0414 18.3801 7.14646 19.2151 9.35344 19.3257C11.5604 19.4364 13.7413 18.8162 15.5458 17.5649L21.1372 23.05L21.1563 23.0663C21.4841 23.3487 21.9039 23.507 22.3401 23.5128C22.7823 23.5125 23.2063 23.3402 23.5191 23.0337V23.0337C23.6749 22.8812 23.7979 22.6995 23.8804 22.4993C23.963 22.2991 24.0036 22.0847 23.9997 21.8688C23.9959 21.6529 23.9477 21.44 23.858 21.2428C23.7683 21.0456 23.639 20.8682 23.4778 20.7212L23.4809 20.7176ZM14.5167 14.1975C13.4564 15.2349 12.0623 15.8797 10.5719 16.022C9.08145 16.1644 7.58681 15.7955 6.34249 14.9781C5.09816 14.1608 4.18109 12.9456 3.74751 11.5395C3.31393 10.1334 3.39064 8.6233 3.96455 7.26643C4.53846 5.90955 5.57409 4.7898 6.89507 4.09787C8.21606 3.40594 9.74071 3.18461 11.2093 3.4716C12.678 3.75858 13.9998 4.53612 14.9497 5.6718C15.8996 6.80748 16.4188 8.23105 16.4189 9.7001C16.4196 10.5357 16.2519 11.3632 15.9254 12.135C15.599 12.9069 15.1202 13.6078 14.5167 14.1975V14.1975Z\" fill=\"white\"/></svg>`;\n\nconst CloseIcon = `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14.0739 11.7565L19.7127 6.23228C20.0875 5.85692 20.0875 5.25309 19.7127 4.87773L19.0213 4.20046C18.6382 3.82511 18.0219 3.82511 17.6387 4.20046L12 9.72472L6.36127 4.20046C5.97814 3.82511 5.36179 3.82511 4.97866 4.20046L4.28735 4.87773C3.90422 5.25309 3.90422 5.85692 4.28735 6.23228L9.92608 11.7565L4.28735 17.2808C3.90422 17.6561 3.90422 18.26 4.28735 18.6353L4.97866 19.3126C5.36179 19.688 5.97814 19.688 6.36127 19.3126L12 13.7883L17.6387 19.3126C18.0219 19.688 18.6382 19.688 19.0213 19.3126L19.7127 18.6353C20.0958 18.26 20.0958 17.6561 19.7127 17.2808L14.0739 11.7565Z\" fill=\"white\"/></svg>`;\n\nexport type TContentType = 'all' | 'document' | 'template' | 'organization';\n\nexport interface ISearchEvent {\n  query: string;\n  type: TContentType;\n}\n\n/**\n * Displays a customizable input box for search queries.\n *\n * Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth\n * embed. This Element will reuse the same session produced by logging in via that Embed.\n */\n@Component({\n  tag: 'verdocs-search-box',\n  styleUrl: 'verdocs-search-box.scss',\n  shadow: false,\n})\nexport class VerdocsSearchBox {\n  private inputEl: HTMLInputElement;\n\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The placeholder to display in the input field.\n   */\n  @Prop() placeholder = 'Search envelopes, templates, organizations...';\n\n  /**\n   * If set to a value other than 'all', a removeable filter indicator will be displayed.\n   */\n  @Prop() type: TContentType = 'all';\n\n  /**\n   * The text search string entered by the user.\n   */\n  @Prop() query = '';\n\n  /**\n   * If set, the input field will attempt to \"grab\" focus after being rendered.\n   */\n  @Prop() grabsFocus = false;\n\n  /**\n   * Event fired when the user changes the type.\n   */\n  @Event({composed: true}) searchClicked: EventEmitter<ISearchEvent>;\n\n  /**\n   * Event fired when the user changes the type.\n   */\n  @Event({composed: true}) typeChanged: EventEmitter<TContentType>;\n\n  /**\n   * Event fired when the user changes the query string.\n   */\n  @Event({composed: true}) queryChanged: EventEmitter<string>;\n\n  @Method() async focusField() {\n    this.inputEl.focus();\n  }\n\n  componentDidRender() {\n    if (this.grabsFocus) {\n      this.inputEl.focus();\n    }\n  }\n\n  handleSearch(e) {\n    this.searchClicked.emit({type: this.type, query: this.query});\n    e.preventDefault();\n    return false;\n  }\n\n  handleChange(e) {\n    this.queryChanged.emit(e.target.value);\n  }\n\n  handleClearFilter() {\n    this.typeChanged.emit('all');\n  }\n\n  handleKeyUp(e) {\n    if (e.key === 'Enter') {\n      this.searchClicked.emit({type: this.type, query: this.query});\n    }\n  }\n\n  render() {\n    return (\n      <form onSubmit={e => this.handleSearch(e)}>\n        {this.type !== undefined && this.type !== 'all' && (\n          <span class=\"type\">\n            {this.type}s <button class=\"remove\" innerHTML={CloseIcon} onClick={() => this.handleClearFilter()} />\n          </span>\n        )}\n        <input\n          type=\"text\"\n          value={this.query}\n          placeholder={this.placeholder}\n          onInput={e => this.handleChange(e)}\n          onKeyUp={e => this.handleKeyUp(e)}\n          ref={el => (this.inputEl = el)}\n        />\n        <button onClick={e => this.handleSearch(e)} class=\"search\">\n          <span innerHTML={SearchIcon} />\n          Search\n        </button>\n      </form>\n    );\n  }\n}\n"],"mappings":"qpDAAA,IAAMA,EAAsB,imEAC5B,IAAAC,EAAeD,ECEf,IAAME,EAAa,y5CAEnB,IAAMC,EAAY,gsB,IAoBLC,EAAgBC,EAAA,gC,uKAMSC,EAAgBC,a,iBAK9B,gD,UAKO,M,WAKb,G,gBAKK,K,CAiBLC,EAAAC,UAAAC,WAAN,W,qFACRC,KAAKC,QAAQC,Q,iBAGfL,EAAAC,UAAAK,mBAAA,WACE,GAAIH,KAAKI,WAAY,CACnBJ,KAAKC,QAAQC,O,GAIjBL,EAAAC,UAAAO,aAAA,SAAaC,GACXN,KAAKO,cAAcC,KAAK,CAACC,KAAMT,KAAKS,KAAMC,MAAOV,KAAKU,QACtDJ,EAAEK,iBACF,OAAO,K,EAGTd,EAAAC,UAAAc,aAAA,SAAaN,GACXN,KAAKa,aAAaL,KAAKF,EAAEQ,OAAOC,M,EAGlClB,EAAAC,UAAAkB,kBAAA,WACEhB,KAAKiB,YAAYT,KAAK,M,EAGxBX,EAAAC,UAAAoB,YAAA,SAAYZ,GACV,GAAIA,EAAEa,MAAQ,QAAS,CACrBnB,KAAKO,cAAcC,KAAK,CAACC,KAAMT,KAAKS,KAAMC,MAAOV,KAAKU,O,GAI1Db,EAAAC,UAAAsB,OAAA,eAAAC,EAAArB,KACE,OACEsB,EAAA,QAAAH,IAAA,2CAAMI,SAAU,SAAAjB,GAAK,OAAAe,EAAKhB,aAAaC,EAAlB,GAClBN,KAAKS,OAASe,WAAaxB,KAAKS,OAAS,OACxCa,EAAA,QAAAH,IAAA,2CAAMM,MAAM,QACTzB,KAAKS,KAAI,KAAGa,EAAA,UAAAH,IAAA,2CAAQM,MAAM,SAASC,UAAWlC,EAAWmC,QAAS,WAAM,OAAAN,EAAKL,mBAAL,KAG7EM,EAAA,SAAAH,IAAA,2CACEV,KAAK,OACLM,MAAOf,KAAKU,MACZkB,YAAa5B,KAAK4B,YAClBC,QAAS,SAAAvB,GAAK,OAAAe,EAAKT,aAAaN,EAAlB,EACdwB,QAAS,SAAAxB,GAAK,OAAAe,EAAKH,YAAYZ,EAAjB,EACdyB,IAAK,SAAAC,GAAE,OAAKX,EAAKpB,QAAU+B,CAApB,IAETV,EAAA,UAAAH,IAAA,2CAAQQ,QAAS,SAAArB,GAAK,OAAAe,EAAKhB,aAAaC,EAAlB,EAAsBmB,MAAM,UAChDH,EAAA,QAAAH,IAAA,2CAAMO,UAAWnC,IAAc,U,WA1FZ,I","ignoreList":[]}

package/dist/verdocs-web-sdk/p-d738b5db.system.js

@@ -1 +1,2 @@
-System.register([],(function(t){"use strict";return{execute:function(){var e=t("F","P pp");var n=t("a","y-MM-dd")}}}));
+System.register([],(function(t){"use strict";return{execute:function(){var e=t("F","P pp");var n=t("a","y-MM-dd")}}}));
+//# sourceMappingURL=p-d738b5db.system.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["FORMAT_TIMESTAMP","exports","FORMAT_DATE"],"sources":["src/utils/Types.ts"],"sourcesContent":["export interface IDocumentPageInfo {\n  containerId: string;\n  documentId: string;\n  pageNumber: number;\n  virtualWidth: number;\n  virtualHeight: number;\n  renderedWidth: number;\n  renderedHeight: number;\n  naturalWidth: number;\n  naturalHeight: number;\n  aspectRatio: number;\n  xScale: number;\n  yScale: number;\n}\n\nexport interface IPageLayer {\n  name: string;\n  type: 'div' | 'canvas';\n}\n\nexport const FORMAT_TIMESTAMP = 'P pp';\n// export const FORMAT_TIMESTAMP = 'Y-MM-dd hh:mm:ss a';\nexport const FORMAT_DATE = 'y-MM-dd'\n"],"mappings":"2EAoBaA,EAAgBC,EAAA,IAAG,Q,IAEnBC,EAAWD,EAAA,IAAG,U","ignoreList":[]}

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

@@ -1 +1,2 @@
-System.register(["./p-9186f42e.system.js","@verdocs/js-sdk"],(function(o){"use strict";var r,e,n,d,t,i;return{setters:[function(o){r=o.r;e=o.c;n=o.h;d=o.H;t=o.g},function(o){i=o.randomString}],execute:function(){var s='@-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-dropdown{height:26px;display:block;position:relative;font-family:"Inter", "Barlow", sans-serif}verdocs-dropdown .arrow{width:32px;height:26px;background:#fff;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;border:1px solid #cccccc;-ms-flex-pack:center;justify-content:center}verdocs-dropdown .arrow svg{fill:#55bc81;-webkit-transition:0.3s;transition:0.3s}verdocs-dropdown.open .arrow{background:#4c56cb;border:1px solid #707ae5}verdocs-dropdown.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1);fill:#fff}#verdocs-dropdown-menu-items{width:200px;z-index:10000;position:absolute;border-radius:5px;background:#33354c;border:1px solid #654dcb}.verdocs-dropdown-menu-separator{height:1px;margin-top:5px;padding-top:5px;border-top:1px solid rgba(255, 255, 255, 0.3725490196)}.verdocs-dropdown-menu-option{width:100%;color:#fff;border:none;display:block;text-align:left;background:none;text-wrap:nowrap;padding:10px 20px}.verdocs-dropdown-menu-option:hover{cursor:pointer;background:#55bc81}.verdocs-dropdown-menu-option[disabled]{color:#aaaaaa}.verdocs-dropdown-menu-option[disabled]:hover{cursor:inherit;background:transparent;color:#aaaaaa}';var a=s;var c='<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#50BE80"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M7 10l5 5 5-5H7z"/></svg>';var l=o("verdocs_dropdown",function(){function o(o){r(this,o);this.optionSelected=e(this,"optionSelected",7);this.options=[];this.containerId="verdocs-send-".concat(Math.random().toString(36).substring(2,11));this.showPicker=false}o.prototype.handleSelectOption=function(o,r){var e;o.stopPropagation();(e=this.optionSelected)===null||e===void 0?void 0:e.emit(r);this.showPicker=false};o.prototype.toggle=function(){this.showPicker=!this.showPicker};o.prototype.render=function(){var o=this;var r="verdocs-dropdown-".concat(i(8));return n(d,{key:"c6bef6cbf6bf5ea11060ee051288e0a9169c59f5"},n("button",{key:"494f34e8cce26292a27180e00f1bdf5b050b4166",class:"arrow",innerHTML:c,"aria-label":"Open Menu",id:r,onClick:function(){return o.showPicker=!o.showPicker}}),this.showPicker&&n("verdocs-portal",{key:"529dff704b16259e98ed8693173621a39da97d21",anchor:r,onClickAway:function(){return o.showPicker=false},id:"verdocs-dropdown-menu-items"},this.options.map((function(r){if(!r.label){return n("div",{class:"verdocs-dropdown-menu-separator"})}else{return n("button",{class:"verdocs-dropdown-menu-option",disabled:r.disabled||false,onClick:function(e){return o.handleSelectOption(e,r)}},r.label)}}))))};Object.defineProperty(o.prototype,"el",{get:function(){return t(this)},enumerable:false,configurable:true});return o}());l.style=a}}}));
+System.register(["./p-9186f42e.system.js","@verdocs/js-sdk"],(function(o){"use strict";var r,e,n,d,t,i;return{setters:[function(o){r=o.r;e=o.c;n=o.h;d=o.H;t=o.g},function(o){i=o.randomString}],execute:function(){var s='@-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-dropdown{height:26px;display:block;position:relative;font-family:"Inter", "Barlow", sans-serif}verdocs-dropdown .arrow{width:32px;height:26px;background:#fff;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;border:1px solid #cccccc;-ms-flex-pack:center;justify-content:center}verdocs-dropdown .arrow svg{fill:#55bc81;-webkit-transition:0.3s;transition:0.3s}verdocs-dropdown.open .arrow{background:#4c56cb;border:1px solid #707ae5}verdocs-dropdown.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1);fill:#fff}#verdocs-dropdown-menu-items{width:200px;z-index:10000;position:absolute;border-radius:5px;background:#33354c;border:1px solid #654dcb}.verdocs-dropdown-menu-separator{height:1px;margin-top:5px;padding-top:5px;border-top:1px solid rgba(255, 255, 255, 0.3725490196)}.verdocs-dropdown-menu-option{width:100%;color:#fff;border:none;display:block;text-align:left;background:none;text-wrap:nowrap;padding:10px 20px}.verdocs-dropdown-menu-option:hover{cursor:pointer;background:#55bc81}.verdocs-dropdown-menu-option[disabled]{color:#aaaaaa}.verdocs-dropdown-menu-option[disabled]:hover{cursor:inherit;background:transparent;color:#aaaaaa}';var a=s;var c='<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#50BE80"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M7 10l5 5 5-5H7z"/></svg>';var l=o("verdocs_dropdown",function(){function o(o){r(this,o);this.optionSelected=e(this,"optionSelected",7);this.options=[];this.containerId="verdocs-send-".concat(Math.random().toString(36).substring(2,11));this.showPicker=false}o.prototype.handleSelectOption=function(o,r){var e;o.stopPropagation();(e=this.optionSelected)===null||e===void 0?void 0:e.emit(r);this.showPicker=false};o.prototype.toggle=function(){this.showPicker=!this.showPicker};o.prototype.render=function(){var o=this;var r="verdocs-dropdown-".concat(i(8));return n(d,{key:"c6bef6cbf6bf5ea11060ee051288e0a9169c59f5"},n("button",{key:"494f34e8cce26292a27180e00f1bdf5b050b4166",class:"arrow",innerHTML:c,"aria-label":"Open Menu",id:r,onClick:function(){return o.showPicker=!o.showPicker}}),this.showPicker&&n("verdocs-portal",{key:"529dff704b16259e98ed8693173621a39da97d21",anchor:r,onClickAway:function(){return o.showPicker=false},id:"verdocs-dropdown-menu-items"},this.options.map((function(r){if(!r.label){return n("div",{class:"verdocs-dropdown-menu-separator"})}else{return n("button",{class:"verdocs-dropdown-menu-option",disabled:r.disabled||false,onClick:function(e){return o.handleSelectOption(e,r)}},r.label)}}))))};Object.defineProperty(o.prototype,"el",{get:function(){return t(this)},enumerable:false,configurable:true});return o}());l.style=a}}}));
+//# sourceMappingURL=p-d8dae4e9.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsDropdownCss","VerdocsDropdownStyle0","DropdownArrow","VerdocsDropdown","exports","concat","Math","random","toString","substring","class_1","prototype","handleSelectOption","e","option","stopPropagation","_a","this","optionSelected","emit","showPicker","toggle","render","_this","elId","randomString","h","Host","key","class","innerHTML","id","onClick","anchor","onClickAway","options","map","label","disabled"],"sources":["src/components/controls/verdocs-dropdown/verdocs-dropdown.scss?tag=verdocs-dropdown","src/components/controls/verdocs-dropdown/verdocs-dropdown.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-dropdown {\n  height: 26px;\n  display: block;\n  position: relative;\n  font-family: $primary-font;\n\n  .arrow {\n    width: 32px;\n    height: 26px;\n    background: #fff;\n    cursor: pointer;\n    border-radius: 4px;\n    align-items: center;\n    display: inline-flex;\n    border: 1px solid $light-border-color;\n    justify-content: center;\n  }\n\n  .arrow svg {\n    fill: $primary-color;\n    transition: 0.3s;\n  }\n\n  &.open {\n    .arrow {\n      background: $secondary-color;\n      border: 1px solid $border-color;\n    }\n\n    .arrow svg {\n      transform: scaleY(-1);\n      fill: #fff;\n    }\n  }\n}\n\n#verdocs-dropdown-menu-items {\n  width: 200px;\n  z-index: 10000;\n  position: absolute;\n  border-radius: 5px;\n  background: $medium-bg;\n  border: 1px solid $item-border-color;\n}\n\n.verdocs-dropdown-menu-separator {\n  height: 1px;\n  margin-top: 5px;\n  padding-top: 5px;\n  border-top: 1px solid #ffffff5f;\n}\n\n.verdocs-dropdown-menu-option {\n  width: 100%;\n  color: #fff;\n  border: none;\n  display: block;\n  text-align: left;\n  background: none;\n  text-wrap: nowrap;\n  padding: 10px 20px;\n}\n\n.verdocs-dropdown-menu-option:hover {\n  cursor: pointer;\n  background: $primary-color;\n}\n\n.verdocs-dropdown-menu-option[disabled] {\n  color: $light-disabled-color;\n}\n\n.verdocs-dropdown-menu-option[disabled]:hover {\n  cursor: inherit;\n  background: transparent;\n  color: $light-disabled-color;\n}\n","import {Host, State} from '@stencil/core';\nimport {randomString} from '@verdocs/js-sdk';\nimport {Component, Prop, Element, h, Event, EventEmitter} from '@stencil/core';\n\nconst DropdownArrow = `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#50BE80\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M7 10l5 5 5-5H7z\"/></svg>`;\n\nexport interface IMenuOption {\n  label: string;\n  id?: any;\n  faIcon?: any;\n  disabled?: boolean;\n}\n\n/**\n * Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden\n * when the button is pressed again, or an option is selected. Separators may be created by supplying an entry with an empty label.\n *\n * ```ts\n * <verdocs-dropdown\n *   options={[\n *     {label: 'Option 1', disabled: true},\n *     {label: 'Option 2', id: '2'}\n *     {label: ''}\n *     {label: 'Option 3', id: '2'}\n *    ]}\n *   label=\"OK\" onClick={() => (console.log('OK clicked'))}\n * />\n * ```\n */\n@Component({\n  tag: 'verdocs-dropdown',\n  styleUrl: 'verdocs-dropdown.scss',\n})\nexport class VerdocsDropdown {\n  @Element()\n  el: HTMLElement;\n\n  /**\n   * The menu options to display.\n   */\n  @Prop() options: IMenuOption[] = [];\n\n  /**\n   * Event fired when a menu option is clicked.\n   * Web Component events need to be \"composed\" to cross the Shadow DOM and be received by parent frameworks.\n   */\n  @Event({composed: true}) optionSelected: EventEmitter<IMenuOption>;\n\n  @State() containerId = `verdocs-send-${Math.random().toString(36).substring(2, 11)}`;\n\n  @State() showPicker = false;\n\n  handleSelectOption(e: any, option: IMenuOption) {\n    e.stopPropagation();\n    this.optionSelected?.emit(option);\n    this.showPicker = false;\n  }\n\n  toggle() {\n    this.showPicker = !this.showPicker;\n  }\n\n  render() {\n    const elId = `verdocs-dropdown-${randomString(8)}`;\n\n    return (\n      <Host>\n        <button class=\"arrow\" innerHTML={DropdownArrow} aria-label=\"Open Menu\" id={elId} onClick={() => (this.showPicker = !this.showPicker)} />\n\n        {this.showPicker && (\n          <verdocs-portal anchor={elId} onClickAway={() => (this.showPicker = false)} id=\"verdocs-dropdown-menu-items\">\n            {this.options.map(option => {\n              if (!option.label) {\n                return <div class=\"verdocs-dropdown-menu-separator\" />;\n              } else {\n                return (\n                  <button class=\"verdocs-dropdown-menu-option\" disabled={option.disabled || false} onClick={e => this.handleSelectOption(e, option)}>\n                    {option.label}\n                  </button>\n                );\n              }\n            })}\n          </verdocs-portal>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"oNAAA,IAAMA,EAAqB,8gDAC3B,IAAAC,EAAeD,ECGf,IAAME,EAAgB,kL,IA6BTC,EAAeC,EAAA,8B,oFAOO,G,iBAQV,gBAAAC,OAAgBC,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,K,gBAEzD,K,CAEtBC,EAAAC,UAAAC,mBAAA,SAAmBC,EAAQC,G,MACzBD,EAAEE,mBACFC,EAAAC,KAAKC,kBAAc,MAAAF,SAAA,SAAAA,EAAEG,KAAKL,GAC1BG,KAAKG,WAAa,K,EAGpBV,EAAAC,UAAAU,OAAA,WACEJ,KAAKG,YAAcH,KAAKG,U,EAG1BV,EAAAC,UAAAW,OAAA,eAAAC,EAAAN,KACE,IAAMO,EAAO,oBAAAnB,OAAoBoB,EAAa,IAE9C,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,UAAAE,IAAA,2CAAQC,MAAM,QAAQC,UAAW5B,EAAa,aAAa,YAAY6B,GAAIP,EAAMQ,QAAS,kBAAOT,EAAKH,YAAcG,EAAKH,UAA/B,IAEzFH,KAAKG,YACJM,EAAA,kBAAAE,IAAA,2CAAgBK,OAAQT,EAAMU,YAAa,kBAAOX,EAAKH,WAAa,KAAzB,EAAiCW,GAAG,+BAC5Ed,KAAKkB,QAAQC,KAAI,SAAAtB,GAChB,IAAKA,EAAOuB,MAAO,CACjB,OAAOX,EAAA,OAAKG,MAAM,mC,KACb,CACL,OACEH,EAAA,UAAQG,MAAM,+BAA+BS,SAAUxB,EAAOwB,UAAY,MAAON,QAAS,SAAAnB,GAAK,OAAAU,EAAKX,mBAAmBC,EAAGC,EAA3B,GAC5FA,EAAOuB,M,6HA5CA,I","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsSignCss","VerdocsSignStyle0","inProgressMenuOptions","id","label","doneMenuOptions","VerdocsSign","this","recipientIndex","componentWillLoad","endpoint","console","log","VerdocsEndpoint","sessionType","componentDidLoad","envelopeId","_a","sdkError","emit","SDKError","roleId","_b","inviteCode","_c","envelope","recipient","startSigningSession","Store","updateEnvelope","sortedRecipients","recipients","sort","a","b","sequence","order","roleNames","map","r","role_name","documents","length","documentsSingularPlural","findIndex","roleName","agreed","warn","submitted","status","isDone","showDone","fatalErrorHeader","fatalErrorMessage","nextButtonLabel","checkRecipientFields","_d","envelopeLoaded","getKbaStep","then","kbaStep","kba_step","kbaQuestions","questions","question","kbaChoices","catch","e","_e","message","_f","response","_g","data","showLoadError","componentDidRender","headerTarget","headerTargetId","document","getElementById","headerEl","remove","append","handleClickAgree","submitting","envelopeRecipientAgree","envelopeUpdated","event","handleOptionSelected","detail","finishLater","showFinishLater","VerdocsToast","declineResult","envelopeRecipientDecline","window","print","firstDoc","find","doc","type","saveAttachment","updateRecipientFieldValue","fieldName","updateResult","getRecipientFields","forEach","oldField","name","value","settings","updateDocumentFieldValue","saveFieldChange","fields","updateEnvelopeField","error","handleFieldChange","field","checked","target","prepared","String","showSpinner","initialsBlob","fetch","blob","createInitials","async","newInitials","updateEnvelopeFieldInitials","signatureBlob","createSignature","newSignature","updateEnvelopeFieldSignature","formattedDate","ts","getAttribute","isFieldFilled","validator","isValidEmail","isValidPhone","trim","group","filter","f","some","isFieldValid","required","getSortedFillableFields","recipientFields","sortFields","handleNext","nextSubmits","result","envelopeRecipientSubmit","getEnvelope","emptyFields","focusedIndex","focusedField","nextFocusedIndex","nextRequiredField","skips","includes","getFieldId","el","scrollIntoView","behavior","focusField","invalidFields","attachFieldAttributes","pageInfo","setAttribute","addEventListener","finally","uploadEnvelopeFieldAttachment","newEl","renderDocumentField","disabled","editable","draggable","done","style","deleteEnvelopeFieldAttachment","template_id","pageNumber","xScale","yScale","fullName","formatFullName","fullNameToInitials","handlePageRendered","tabIndex","page","Array","isArray","render","h","Host","heading","buttonLabel","onNext","location","reload","class","src","alt","onSdkError","preventDefault","stopPropagation","paddingTop","width","height","boxShadow","marginTop","onInput","href","mode","step","steps","helptitle","helptext","submitKbaPin","recipDetails","submitKbaIdentity","firstName","first_name","lastName","last_name","address","city","state","zip","ssnLast4","ssn_last_4","questionNumber","kbaQuestion","prompt","choices","answer","responses","q","i","submitKbaChallengeResponse","flex","size","onClick","marginLeft","options","onOptionSelected","envelopeDocument","pageNumbers","integerSequence","pages","Fragment","pageSize","page_sizes","documentId","virtualWidth","virtualHeight","onPageRendered","layers"],"sources":["src/components/embeds/verdocs-sign/verdocs-sign.scss?tag=verdocs-sign","src/components/embeds/verdocs-sign/verdocs-sign.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-sign {\n  display: flex;\n  overflow: hidden;\n  position: relative;\n  min-height: 600px;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: $verdocs-primary-font;\n\n  div {\n    display: block;\n    box-sizing: border-box;\n  }\n\n  input {\n    vertical-align: top;\n  }\n\n  //.intro {\n  //  width: 100%;\n  //  display: flex;\n  //  flex: 0 0 60px;\n  //  color: #111111;\n  //  font-size: 18px;\n  //  font-weight: 500;\n  //  line-height: 28px;\n  //  flex-direction: row;\n  //  background: #ffffff;\n  //\n  //  .inner {\n  //    width: 100%;\n  //    display: flex;\n  //    margin: 0 auto;\n  //    padding: 0 20px;\n  //    max-width: 1200px;\n  //    flex-direction: row;\n  //    align-items: center;\n  //  }\n  //}\n\n  > .document {\n    flex: 1;\n    width: 100%;\n    height: 100%;\n    align-self: center;\n    display: flex;\n    padding: 15px;\n    row-gap: 15px;\n    max-width: 1200px;\n    min-height: 200px;\n    position: relative;\n    overflow-y: scroll;\n    align-items: center;\n    box-sizing: border-box;\n    flex-direction: column;\n    //justify-content: center;\n\n    .inner {\n      width: 100%;\n      max-width: 1028px;\n    }\n  }\n\n  .cover {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    z-index: 5000;\n    position: absolute;\n    padding-top: 100px;\n    align-items: center;\n    flex-direction: column;\n    background: rgba(0, 0, 0, 0.5);\n  }\n\n  .agree {\n    flex: 0;\n    width: 600px;\n    display: flex;\n    max-width: 90%;\n    padding: 30px 15px;\n    flex-direction: column;\n    background-color: #ffffff;\n\n    .header {\n      flex: 0 0 56px;\n    }\n\n    li {\n      margin: 0.5em 0;\n    }\n  }\n\n  verdocs-ok-dialog .background-overlay {\n    align-items: flex-start;\n    padding-top: 100px;\n  }\n\n  .loading-indicator {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    z-index: 10000;\n    position: fixed;\n    background-color: rgba(0, 0, 0, 0.7);\n  }\n\n  .fatal-error {\n    position: absolute;\n    z-index: 100;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: #4a4a4a;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    .placeholder {\n      position: absolute;\n      opacity: 0.1;\n      z-index: -1;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      width: 612px;\n      height: 792px;\n      box-shadow: 0 0 10px 5px #0000000f;\n      margin-top: 15px;\n    }\n\n    .message {\n      width: 50%;\n      font-size: 16px;\n      background: white;\n      border-radius: 5px;\n      box-shadow: 3px 3px 9px -1px #0000003f;\n    }\n\n    .header {\n      color: white;\n      font-size: 18px;\n      font-weight: 500;\n      padding: 5px 10px;\n      margin: 0 0 10px 0;\n      background: $verdocs-purple;\n    }\n\n    p {\n      margin: 1rem;\n      font-size: 14px;\n      font-weight: 400;\n    }\n  }\n}\n\n@media print {\n  verdocs-sign .header {\n    display: none;\n  }\n}\n\n#verdocs-sign-header {\n  color: #fff;\n  width: 100%;\n  display: flex;\n  z-index: 1000;\n  flex: 0 0 46px;\n  font-size: 12px;\n  column-gap: 15px;\n  align-items: center;\n  flex-direction: row;\n  transition: all 0.25s;\n  background-color: $medium-bg;\n  box-shadow:\n    0 4px 4px 0 rgb(0 0 0 / 24%),\n    0 0 4px 0 rgb(0 0 0 / 12%);\n\n  .inner {\n    width: 100%;\n    display: flex;\n    margin: 0 auto;\n    padding: 0 12px;\n    max-width: 1200px;\n    align-items: center;\n    flex-direction: row;\n  }\n\n  .logo {\n    width: 80px;\n    display: none;\n    margin: -6px 0 0 0;\n  }\n\n  .title {\n    font-size: 18px;\n    font-weight: 500;\n    overflow: hidden;\n    white-space: nowrap;\n    padding: 0 10px 0 0;\n    text-overflow: ellipsis;\n  }\n}\n\n.spinner-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  display: flex;\n  align-items: center;\n  background: #0000007f;\n  justify-content: center;\n}\n","import type {IEnvelope, IEnvelopeField, IRecipient} from '@verdocs/js-sdk';\nimport {Event, EventEmitter, Host, Fragment, Component, Prop, State, h} from '@stencil/core';\nimport {updateEnvelopeFieldSignature, uploadEnvelopeFieldAttachment, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {updateEnvelopeField, sortFields, submitKbaIdentity, submitKbaChallengeResponse} from '@verdocs/js-sdk';\nimport {fullNameToInitials, startSigningSession, deleteEnvelopeFieldAttachment, getKbaStep} from '@verdocs/js-sdk';\nimport {getEnvelope, integerSequence, isValidEmail, isValidPhone, submitKbaPin, updateEnvelopeFieldInitials} from '@verdocs/js-sdk';\nimport {createInitials, createSignature, envelopeRecipientAgree, envelopeRecipientDecline, envelopeRecipientSubmit, formatFullName} from '@verdocs/js-sdk';\nimport {getFieldId, renderDocumentField, saveAttachment, updateDocumentFieldValue} from '../../../utils/utils';\nimport {IDocumentPageInfo} from '../../../utils/Types';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nconst inProgressMenuOptions = [\n  {id: 'later', label: 'Finish Later'}, //\n  // {id: 'claim', label: 'Claim the Document', disabled: true},\n  {id: 'decline', label: 'Decline to Sign'},\n  {id: 'print', label: 'Print Without Signing'},\n  {id: 'download', label: 'Download'},\n];\n\nconst doneMenuOptions = [\n  {id: 'print', label: 'Print'},\n  {id: 'download', label: 'Download'},\n];\n\n/**\n * Display an envelope signing experience. This will display the envelope's attached\n * documents with signing fields overlaid on each page.\n *\n * The component will attempt to initiate a signing session and load the specified\n * envelope. If successful, the recipient's fields will be enabled and the user will\n * be able to sign the envelope's attached documents. If not, an `sdkError` will be\n * thrown and the component will be blank/empty. To provide the best user experience,\n * applications should capture and handle this error to provide the user with\n * instructions/options for next steps based on the application's design and workflow.\n *\n * Unlike other components, this will always create its own endpoint to manage the\n * session session. This endpoint will be included in event callbacks for the\n * convenience of host applications that may wish to make server calls using the\n * signer's credentials once signing is complete (e.g. to obtain copies of\n * the signed attachments.)\n */\n@Component({\n  tag: 'verdocs-sign',\n  styleUrl: 'verdocs-sign.scss',\n  shadow: false,\n})\nexport class VerdocsSign {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop({mutable: true}) endpoint: VerdocsEndpoint = null;\n\n  /**\n   * The ID of the envelope to sign.\n   */\n  @Prop({reflect: true}) envelopeId: string | null = null;\n\n  /**\n   * The ID of the role that will be signing e.g. 'Recipient 1'\n   */\n  @Prop({reflect: true}) roleId: string | null = null;\n\n  /**\n   * The invite code for the signer.\n   */\n  @Prop({reflect: true}) inviteCode: string | null = null;\n\n  /**\n   * If set, (recommended), the host application should create a <DIV> element with a unique ID. When this\n   * component renders, the header will be removed from its default location and placed in the target element.\n   * This allows the parent application to more easily control its placement and scroll effects (e.g. \"fixed\").\n   *\n   * The movement of the header to the target container is not dynamic - it is performed only on the initial\n   * render. Host applications should not conditionally render this container. If the header's visibility must\n   * be externally controlled, use CSS display options to hide/show it instead.\n   */\n  @Prop() headerTargetId: string | null = null;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  /**\n   * Event fired when the envelope is updated in any way.\n   */\n  @Event({composed: true}) envelopeLoaded: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope}>;\n\n  /**\n   * Event fired when the envelope is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.\n   */\n  @Event({composed: true}) envelopeUpdated: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string}>;\n\n  @State() roleNames: string[] = [];\n  @State() sortedRecipients: IRecipient[] = [];\n  @State() recipient: IRecipient | null = null;\n  @State() hasSignature = false;\n  @State() nextButtonLabel = 'Start';\n  @State() nextSubmits = false;\n  @State() fatalErrorHeader = '';\n  @State() fatalErrorMessage = '';\n  @State() focusedField = '';\n  @State() submitting = false;\n  @State() submitted = false;\n  @State() isDone = false;\n  @State() showDone = false;\n  @State() showLoadError = false;\n  @State() finishLater = false;\n  @State() showFinishLater = false;\n  @State() agreed = false;\n  @State() documentsSingularPlural = 'document';\n  @State() kbaStep = '';\n  @State() kbaQuestions: any[] = [];\n  @State() showSpinner = false;\n  @State() kbaChoices = [];\n\n  @State() loading = true;\n  @State() envelope: IEnvelope | null = null;\n\n  recipientIndex: number = -1;\n\n  componentWillLoad() {\n    if (!this.endpoint) {\n      console.log('[SIGN] Creating signing endpoint');\n      this.endpoint = new VerdocsEndpoint({sessionType: 'signing'});\n    }\n  }\n\n  async componentDidLoad() {\n    if (!this.envelopeId) {\n      this.sdkError?.emit(new SDKError('[SIGN] Missing required envelopId', 500, ''));\n      return;\n    }\n\n    if (!this.roleId) {\n      this.sdkError?.emit(new SDKError('[SIGN] Missing required roleId', 500, ''));\n      return;\n    }\n\n    if (!this.inviteCode) {\n      this.sdkError?.emit(new SDKError('[SIGN] Missing required inviteCode', 500, ''));\n      return;\n    }\n\n    try {\n      console.log(`[SIGN] Processing invite code for ${this.envelopeId} / ${this.roleId}`);\n\n      // NOTE: We don't listen to the store here because we are often an independent\n      // session and might have a different \"view\" of the envelope.\n      const {envelope, recipient} = await startSigningSession(this.endpoint, this.envelopeId, this.roleId, this.inviteCode);\n      console.log(`[SIGN] Loaded signing session`, envelope, recipient);\n      this.recipient = recipient;\n      this.envelope = envelope;\n\n      Store.updateEnvelope(this.envelopeId, envelope);\n\n      // TODO: Can be cleaned up shortly.\n      this.sortedRecipients = [...this.envelope.recipients];\n      this.sortedRecipients.sort((a, b) => {\n        return a.sequence === b.sequence ? a.order - b.order : a.sequence - b.sequence;\n      });\n\n      this.roleNames = this.sortedRecipients.map(r => r.role_name);\n\n      if (this.envelope.documents.length > 0) {\n        this.documentsSingularPlural = 'document(s)';\n      }\n\n      this.recipientIndex = this.roleNames.findIndex(roleName => roleName == this.roleId);\n      if (this.recipientIndex > -1) {\n        this.recipient = this.sortedRecipients[this.recipientIndex];\n        this.agreed = this.recipient.agreed;\n      } else {\n        console.warn('[SIGN] Could not find our recipient record', this.roleId, this.sortedRecipients);\n      }\n\n      // TODO: Envelope \"complete\" | \"declined\" | \"canceled\"\n      // TODO: Recipient \"canceled\"\n      this.submitted = this.recipient.status === 'submitted';\n      this.isDone = this.submitted;\n      this.showDone = this.submitted;\n\n      if (this.envelope.status === 'canceled') {\n        this.fatalErrorHeader = 'Unable to Start Signing Session';\n        this.fatalErrorMessage = 'This envelope has been canceled. Please contact its sender for more information.';\n      } else if (this.recipient.status === 'declined') {\n        this.fatalErrorHeader = 'Unable to Start Signing Session';\n        this.fatalErrorMessage = 'You have declined to sign this envelope.';\n      } else if (this.agreed) {\n        this.nextButtonLabel = 'Next';\n      }\n\n      this.checkRecipientFields();\n      this.envelopeLoaded?.emit({endpoint: this.endpoint, envelope: this.envelope});\n\n      if (!this.isDone) {\n        getKbaStep(this.endpoint, this.envelopeId, this.roleId)\n          .then(r => {\n            console.log('[SIGN] KBA Step', r);\n            this.kbaStep = r.kba_step;\n            if (this.kbaStep === 'failed') {\n              this.fatalErrorHeader = 'Identity Verification Failed';\n              this.fatalErrorMessage = \"We were unable to verify your identity. Please contact the document's sender.\";\n              this.isDone = true;\n            } else {\n              this.kbaQuestions = (r as any).questions?.question || [];\n              this.kbaChoices = [];\n            }\n          })\n          .catch(e => console.log('Error getting KBA step', e));\n      }\n    } catch (e) {\n      console.log('[SIGN] Error with signing session', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      this.showLoadError = true;\n    }\n  }\n\n  componentDidRender() {\n    const headerTarget = this.headerTargetId ? document.getElementById(this.headerTargetId) : null;\n    const headerEl = document.getElementById('verdocs-sign-header');\n    if (headerTarget && headerEl) {\n      console.log('[SIGN] Moving header');\n      headerEl.remove();\n      headerTarget.append(headerEl);\n    }\n  }\n\n  handleClickAgree() {\n    this.submitting = true;\n    envelopeRecipientAgree(this.endpoint, this.envelopeId, this.roleId, true)\n      .then(() => {\n        this.nextButtonLabel = 'Next';\n        this.recipient.agreed = true;\n        this.submitting = false;\n        this.agreed = true; // The server returns a recipient object but it's not \"deep\" so we track this locally\n        this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'agreed'});\n      })\n      .catch(e => {\n        console.log('[SIGN] Update failure', e);\n        this.submitting = false;\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      });\n  }\n\n  async handleOptionSelected(e: any) {\n    switch (e.detail.id) {\n      case 'later':\n        this.finishLater = true;\n        this.showFinishLater = true;\n        this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'later'});\n        break;\n\n      case 'claim':\n        VerdocsToast('This feature will be available in an upcoming release.');\n        this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'claimed'});\n        break;\n\n      case 'decline':\n        {\n          this.submitting = true;\n          const declineResult = await envelopeRecipientDecline(this.endpoint, this.envelopeId, this.roleId);\n          console.log('[SIGN] Decline result', declineResult);\n          this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'declined'});\n          this.submitting = false;\n          this.fatalErrorHeader = 'Unable to Start Signing Session';\n          this.fatalErrorMessage = 'You have declined to sign this envelope.';\n        }\n        break;\n\n      case 'print':\n        window.print();\n        this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'printed'});\n        break;\n\n      case 'download':\n        {\n          const firstDoc = this.envelope.documents.find(doc => doc.type === 'attachment');\n          if (firstDoc) {\n            saveAttachment(this.endpoint, this.envelope, firstDoc.id).catch(e => {\n              console.log('[SIGN] Error downloading PDF', e);\n            });\n            this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'downloaded'});\n          }\n        }\n        break;\n    }\n  }\n\n  updateRecipientFieldValue(fieldName: string, updateResult: any) {\n    console.log('[SIGN] updateRecipientFieldValue', fieldName, updateResult);\n    this.getRecipientFields().forEach(oldField => {\n      if (oldField.name === fieldName) {\n        oldField.value = updateResult.value;\n        // TODO: Keeping this while attachments still rely on it\n        oldField.settings = updateResult.settings;\n        updateDocumentFieldValue(oldField);\n        this.checkRecipientFields();\n      }\n    });\n  }\n\n  saveFieldChange(fieldName: string, fields: Record<string, any>) {\n    console.log('[SIGN] saveFieldChange', fieldName, fields);\n    updateEnvelopeField(this.endpoint, this.envelopeId, fieldName, fields) //\n      .then(updateResult => this.updateRecipientFieldValue(fieldName, updateResult))\n      .catch(e => {\n        if (e.response?.status === 401 && e.response?.data?.error === 'jwt expired') {\n          console.log('[SIGN] Signing session expired');\n          this.fatalErrorHeader = 'Signing Session Expired';\n          this.fatalErrorMessage = 'Please reload your browser to continue.';\n        } else {\n          console.log('[SIGN] Server error', e);\n        }\n\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      });\n  }\n\n  async handleFieldChange(field: IEnvelopeField, e: any) {\n    const {value, checked} = e.target;\n\n    switch (field.type as any) {\n      // TODO: Remove legacy type when no longer needed\n      case 'textarea':\n      case 'textbox':\n        return this.saveFieldChange(field.name, {prepared: false, value});\n\n      case 'checkbox': {\n        return this.saveFieldChange(field.name, {prepared: false, value: String(e.target.checked)});\n      }\n\n      case 'radio': {\n        return this.saveFieldChange(field.name, {prepared: false, value: String(e.target.checked)});\n      }\n\n      case 'dropdown':\n        // TODO: Set prepared to false server-side.\n        console.log('Saving dropdown', field.name, e.detail);\n        return this.saveFieldChange(field.name, {prepared: false, value: e.detail});\n\n      case 'initial':\n        // This can be caused by a focus-out event if the user clicks the field\n        // after it's already filled in, then clicks something else like a textbox.\n        // We don't visually indicate the focus, but it's still there.\n        if (!e.detail) {\n          return;\n        }\n\n        this.showSpinner = true;\n        const initialsBlob = await (await fetch(e.detail)).blob();\n        return createInitials(this.endpoint, 'initial', initialsBlob) //\n          .then(async newInitials => {\n            const updateResult = await updateEnvelopeFieldInitials(this.endpoint, this.envelopeId, field.name, newInitials.id);\n            this.updateRecipientFieldValue(field.name, updateResult);\n            this.showSpinner = false;\n          })\n          .catch(e => {\n            console.log('Error updating initials', e);\n            this.showSpinner = false;\n          });\n\n      case 'signature':\n        // This can be caused by a focus-out event if the user clicks the field\n        // after it's already filled in, then clicks something else like a textbox.\n        // We don't visually indicate the focus, but it's still there.\n        if (!e.detail) {\n          return;\n        }\n\n        this.showSpinner = true;\n        const signatureBlob = await (await fetch(e.detail)).blob();\n        return createSignature(this.endpoint, 'signature', signatureBlob) //\n          .then(async newSignature => {\n            console.log('Signature update result', newSignature);\n            const updateResult = await updateEnvelopeFieldSignature(this.endpoint, this.envelopeId, field.name, newSignature.id);\n            this.updateRecipientFieldValue(field.name, updateResult);\n            this.showSpinner = false;\n          })\n          .catch(e => {\n            console.warn('[SIGN] Error updating signature', e);\n            this.showSpinner = false;\n          });\n\n      case 'date':\n        const {formattedDate} = e.detail;\n        if (formattedDate) {\n          return this.saveFieldChange(field.name, {prepared: false, value: formattedDate});\n        }\n        break;\n\n      case 'timestamp':\n        console.log('[SIGN] Updating timestamp', {value, ts: e.target.getAttribute('timestamp')});\n        break;\n\n      default:\n        console.log('[SIGN] Unhandled field update', {value, checked}, field);\n        break;\n    }\n  }\n\n  isFieldFilled(field: IEnvelopeField) {\n    const {value = ''} = field;\n    switch (field.type as any) {\n      case 'textarea':\n      case 'textbox':\n        switch (field.validator || '') {\n          case 'email':\n            return isValidEmail(value);\n          case 'phone':\n            return isValidPhone(value);\n          default:\n            return (value || '').trim() !== '';\n        }\n\n      case 'signature':\n        return value === 'signed';\n\n      case 'initial':\n        return value === 'initialed';\n\n      // Timestamp fields get automatically filled when the envelope is submitted.\n      case 'timestamp':\n        return true;\n\n      case 'date':\n        return !!value;\n\n      case 'attachment':\n        return value === 'attached';\n\n      case 'dropdown':\n        return value !== '';\n\n      case 'checkbox':\n        return value === 'true';\n\n      case 'radio':\n        if (!!field.group) {\n          return this.getRecipientFields()\n            .filter(f => f.group === field.group)\n            .some(field => field.value === 'true');\n        }\n\n        return field.value === 'true';\n\n      default:\n        return false;\n    }\n  }\n\n  isFieldValid(field: IEnvelopeField) {\n    return !field.required || this.isFieldFilled(field);\n  }\n\n  getSortedFillableFields() {\n    const recipientFields = this.getRecipientFields().filter(field => field.type !== 'timestamp');\n    sortFields(recipientFields);\n    return recipientFields;\n  }\n\n  async handleNext() {\n    if (this.nextSubmits) {\n      try {\n        // Patches the date picker to be forcibly removed if still showing during submission\n        document.getElementById('air-datepicker-global-container')?.remove();\n\n        this.submitting = true;\n        const result = await envelopeRecipientSubmit(this.endpoint, this.envelopeId, this.roleId);\n        console.log('[SIGN] Submitted successfully', result);\n        this.recipient.status = 'submitted';\n        this.showDone = true;\n        console.log('[SIGN] Reloading envelope');\n        getEnvelope(this.endpoint, this.envelopeId)\n          .then(envelope => {\n            this.envelope = envelope;\n            // The show-done dialog does this\n            // this.isDone = true;\n            this.submitting = false;\n          })\n          .catch(e => {\n            // this.isDone = true;\n            console.log('[SIGN] Error reloading envelope', e);\n            this.submitting = false;\n          });\n      } catch (e) {\n        console.log('[SIGN] Error submitting', e);\n      }\n\n      return;\n    }\n\n    // Find and focus the next incomplete field (that is fillable)\n    const emptyFields = this.getSortedFillableFields().filter(field => field.required && !this.isFieldFilled(field));\n    sortFields(emptyFields);\n\n    const focusedIndex = emptyFields.findIndex(field => field.name === this.focusedField);\n    let nextFocusedIndex = focusedIndex + 1;\n    if (nextFocusedIndex >= emptyFields.length) {\n      nextFocusedIndex = 0;\n    }\n\n    let nextRequiredField = emptyFields[nextFocusedIndex];\n    // console.log('Next field', nextRequiredField, emptyFields);\n\n    // Skip signature and initial fields that are already filled in. We have to count our \"skips\" just in case, to avoid infinite loops.\n    let skips = 0;\n    if (skips < emptyFields.length && ['signature', 'initial'].includes(nextRequiredField.type) && ['initialed', 'signed'].includes(nextRequiredField.value)) {\n      skips++;\n      nextFocusedIndex++;\n      if (nextFocusedIndex >= emptyFields.length) {\n        nextFocusedIndex = 0;\n      }\n      nextRequiredField = emptyFields[nextFocusedIndex];\n    }\n\n    if (skips >= emptyFields.length) {\n      nextRequiredField = null;\n    }\n\n    if (nextRequiredField) {\n      const id = getFieldId(nextRequiredField);\n      const el = document.getElementById(id) as any;\n      el?.scrollIntoView({behavior: 'smooth'});\n      el?.focusField();\n      this.focusedField = nextRequiredField.name;\n    }\n  }\n\n  getRecipientFields() {\n    return this.envelope.fields.filter(field => field.role_name === this.recipient.role_name);\n  }\n\n  // See if everything that \"needs to be\" filled in is, and all \"fillable fields\" are valid\n  checkRecipientFields() {\n    const invalidFields = this.getRecipientFields().filter(field => !this.isFieldValid(field));\n    if (invalidFields.length < 1) {\n      this.nextButtonLabel = 'Finish';\n      if (!this.nextSubmits) {\n        this.nextSubmits = true;\n      }\n    } else {\n      console.log(\n        '[SIGN] Invalid fields remaining',\n        invalidFields.map(field => field.name),\n      );\n      this.nextButtonLabel = 'Next';\n      this.nextSubmits = false;\n    }\n  }\n\n  attachFieldAttributes(pageInfo, field, el) {\n    // We can get called multiple times as rendering completes and it's hard to avoid that\n    // because it's a ton of work for the callers to know it's been done already. But we\n    // don't want to attach multiple event listeners or we get dupe event handling, like\n    // calling the server twice on every field update. Since JS has no removeAllEventListeners()\n    // option, using removeEventListener() isn't reliable the way Stencil binds local function\n    // contexts, and cloneNode messes up the rest of the rendering, we just track it with a flag.\n    if (el.getAttribute('attached') === '1') {\n      return;\n    }\n    el.setAttribute('attached', '1');\n\n    el.addEventListener('input', (e: any) => {\n      // console.log('[SIGN] onfieldInput', e.detail, e.target.value);\n      // These field types don't emit fieldChange. Should we standardize on that? We don't tap \"input\" for fields like\n      // text boxes because we'd be updating the field on every keystroke. We do those on blur which fires fieldChange.\n      if (e.target.type === 'radio' || e.target.type === 'checkbox') {\n        // if (e.target.type === 'radio' || e.target.name.includes('date') || e.target.name.includes('checkbox')) {\n        this.handleFieldChange(field, e).finally(() => this.checkRecipientFields());\n      } else {\n        this.checkRecipientFields();\n      }\n    });\n    el.addEventListener('attached', async (e: any) => {\n      console.log('[SIGN] onAttached', e.detail, e.target.value);\n      this.showSpinner = true;\n      try {\n        const updateResult = await uploadEnvelopeFieldAttachment(this.endpoint, this.envelopeId, field.name, e.detail);\n        this.updateRecipientFieldValue(field.name, updateResult);\n        this.checkRecipientFields();\n\n        const newEl = renderDocumentField('envelope', field, pageInfo, {disabled: false, editable: false, draggable: false, done: this.isDone});\n        this.attachFieldAttributes(pageInfo, field, newEl);\n\n        this.showSpinner = false;\n      } catch (e) {\n        console.log('Error uploading attachment', e);\n        VerdocsToast('Unable to upload attachment, please try again later', {style: 'error'});\n        this.showSpinner = false;\n      }\n    });\n    el.addEventListener('deleted', async (e: any) => {\n      console.log('[SIGN] onDeleted', e.detail, e.target.value);\n      this.showSpinner = true;\n      try {\n        const updateResult = await deleteEnvelopeFieldAttachment(this.endpoint, this.envelopeId, field.name);\n        console.log('[SIGN] Deleted attachment', updateResult);\n        this.updateRecipientFieldValue(field.name, updateResult);\n        this.checkRecipientFields();\n\n        const newEl = renderDocumentField('envelope', field, pageInfo, {disabled: false, editable: false, draggable: false, done: this.isDone});\n        this.attachFieldAttributes(pageInfo, field, newEl);\n\n        this.showSpinner = false;\n      } catch (e) {\n        console.log('Error uploading attachment', e);\n        VerdocsToast('Unable to upload attachment, please try again later', {style: 'error'});\n        this.showSpinner = false;\n      }\n    });\n    el.addEventListener('focusout', e => {\n      // These field types trigger focusout as they're used, even without a value change\n      if (field.type !== 'dropdown' && field.type !== 'attachment') {\n        this.handleFieldChange(field, e).finally(() => this.checkRecipientFields());\n      }\n    });\n    el.addEventListener('fieldChange', e => {\n      this.handleFieldChange(field, e).finally(() => this.checkRecipientFields());\n    });\n\n    el.setAttribute('templateid', this.envelope.template_id);\n    el.setAttribute('fieldname', field.name);\n    el.setAttribute('page', pageInfo.pageNumber);\n    el.setAttribute('xScale', pageInfo.xScale);\n    el.setAttribute('yScale', pageInfo.yScale);\n\n    const fullName = formatFullName(this.recipient);\n    el.setAttribute('initials', fullNameToInitials(fullName));\n    el.setAttribute('name', fullName);\n  }\n\n  handlePageRendered(e: any) {\n    const pageInfo = e.detail as IDocumentPageInfo;\n\n    // NOTE: We don't filter on pageNumber here because we need the position in the\n    // entire list to set the tabIndex.\n    const recipientFields = this.getSortedFillableFields();\n    console.log('[SIGN] Rendering fields for page', pageInfo.pageNumber, recipientFields);\n\n    // First render the fields for the signer\n    recipientFields.forEach((field, tabIndex) => {\n      if (field.page !== pageInfo.pageNumber) {\n        return;\n      }\n\n      const el = renderDocumentField('envelope', field, pageInfo, {disabled: false, editable: false, draggable: false, done: this.isDone}, tabIndex);\n      if (!el) {\n        return;\n      }\n\n      if (Array.isArray(el)) {\n        el.map(e => this.attachFieldAttributes(pageInfo, field, e));\n      } else {\n        this.attachFieldAttributes(pageInfo, field, el);\n      }\n    });\n\n    // Now render the fields for other signers who have yet to act\n    this.sortedRecipients\n      .filter(r => r.role_name !== this.recipient.role_name && (r.status === 'invited' || r.status === 'opened' || r.status === 'pending'))\n      .forEach(() => {\n        this.getRecipientFields()\n          .filter(field => field.page === pageInfo.pageNumber)\n          .forEach(field => {\n            const el = renderDocumentField('envelope', field, pageInfo, {disabled: true, editable: false, draggable: false, done: this.isDone});\n            if (!el) {\n              return;\n            }\n\n            if (Array.isArray(el)) {\n              el.map(e => this.attachFieldAttributes(pageInfo, field, e));\n            } else {\n              this.attachFieldAttributes(pageInfo, field, el);\n            }\n          });\n      });\n\n    this.checkRecipientFields();\n  }\n\n  render() {\n    if (this.showLoadError) {\n      return (\n        <Host>\n          <verdocs-ok-dialog\n            heading=\"Unable to Start Signing\"\n            message={`Sorry, your invite code is invalid or has expired. Please check your email for an updated invitation, or contact the sender.`}\n            buttonLabel=\"OK\"\n            onNext={() => {\n              window.location.reload();\n            }}\n          />\n        </Host>\n      );\n    }\n\n    if (!this.envelope) {\n      return (\n        <Host>\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    if (this.fatalErrorMessage) {\n      return (\n        <Host class={{agreed: this.agreed}}>\n          <div class=\"fatal-error\">\n            <img src=\"https://public-assets.verdocs.com/loading-placeholder.png\" class=\"placeholder\" alt=\"Placeholder page\" />\n\n            <div class=\"message\">\n              <div class=\"header\">{this.fatalErrorHeader}</div>\n              <p>{this.fatalErrorMessage}</p>\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    if (this.isDone) {\n      return (\n        <Host class={{agreed: this.agreed}}>\n          <verdocs-view endpoint={this.endpoint} envelopeId={this.envelopeId} onSdkError={e => this.sdkError?.emit(e.detail)} />\n\n          {this.showDone && (\n            <verdocs-ok-dialog\n              heading=\"You're Done!\"\n              message={`You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`}\n              onNext={(e: any) => {\n                e.preventDefault();\n                e.stopPropagation();\n                this.showDone = false;\n                this.isDone = true;\n              }}\n            />\n          )}\n\n          {this.submitting && (\n            <div class=\"loading-indicator\">\n              <verdocs-loader />\n            </div>\n          )}\n        </Host>\n      );\n    }\n\n    if (!this.agreed) {\n      return (\n        <Host class=\"agreed\">\n          <div id=\"verdocs-sign-header\">\n            <div class=\"inner\">\n              <img src=\"https://verdocs.com/assets/white-logo.svg\" alt=\"Verdocs Logo\" class=\"logo\" />\n              <div class=\"title\">{this.envelope.name}</div>\n            </div>\n          </div>\n\n          <div class=\"document\" style={{paddingTop: '15px'}}>\n            <img\n              src=\"https://public-assets.verdocs.com/loading-placeholder.png\"\n              style={{width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px'}}\n              alt=\"Placeholder page\"\n            />\n          </div>\n\n          <div class=\"cover\">\n            <div class=\"agree\">\n              <verdocs-checkbox name=\"agree\" label=\"By checking this box, you:\" onInput={() => this.handleClickAgree()} />\n              <ul>\n                <li>\n                  Agree to use electronic records and signatures, and confirm you have read the{' '}\n                  <a href=\"https://verdocs.com/en/electronic-record-signature-disclosure/\" target=\"_blank\">\n                    Electronic Record and Signatures Disclosure\n                  </a>\n                  .\n                </li>\n                <li>\n                  Agree to Verdocs'{' '}\n                  <a href=\"https://verdocs.com/en/eula\" target=\"_blank\">\n                    End User License Agreement\n                  </a>{' '}\n                  and confirm you have read Verdocs'{' '}\n                  <a href=\"https://verdocs.com/en/privacy-policy/\" target=\"_blank\">\n                    Privacy Policy\n                  </a>\n                  .\n                </li>\n              </ul>\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    if (this.kbaStep === 'pin') {\n      return (\n        <Host class=\"kba\">\n          <div id=\"verdocs-sign-header\">\n            <div class=\"inner\">\n              <img src=\"https://verdocs.com/assets/white-logo.svg\" alt=\"Verdocs Logo\" class=\"logo\" />\n              <div class=\"title\">{this.envelope.name}</div>\n            </div>\n          </div>\n\n          <div class=\"document\" style={{paddingTop: '15px'}}>\n            <img\n              src=\"https://public-assets.verdocs.com/loading-placeholder.png\"\n              style={{width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px'}}\n              alt=\"Placeholder page\"\n            />\n          </div>\n\n          <div class=\"cover\">\n            <div class=\"kba\">\n              <verdocs-kba-dialog\n                mode=\"text\"\n                step={1}\n                steps={1}\n                helptitle=\"Document is protected by a PIN code\"\n                helptext=\"Please enter your PIN code to proceed. If you do not have one, please contact the sender.\"\n                label=\"PIN Code\"\n                onNext={async e => {\n                  submitKbaPin(this.endpoint, this.envelopeId, this.roleId, e.detail as string)\n                    .then(r => {\n                      console.log('[SIGN] PIN code submission result', r);\n                      if (r.kba_step === 'complete') {\n                        this.kbaStep = '';\n                      }\n                    })\n                    .catch(e => {\n                      console.log('[SIGN] Error submitting PIN', e);\n                      VerdocsToast(e.response?.data?.error || 'Unable to verify PIN code. Please try again.', {style: 'error'});\n                    });\n                }}\n              />\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    if (this.kbaStep === 'identity') {\n      return (\n        <Host class=\"kba\">\n          <div id=\"verdocs-sign-header\">\n            <div class=\"inner\">\n              <img src=\"https://verdocs.com/assets/white-logo.svg\" alt=\"Verdocs Logo\" class=\"logo\" />\n              <div class=\"title\">{this.envelope.name}</div>\n            </div>\n          </div>\n\n          <div class=\"document\" style={{paddingTop: '15px'}}>\n            <img\n              src=\"https://public-assets.verdocs.com/loading-placeholder.png\"\n              style={{width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px'}}\n              alt=\"Placeholder page\"\n            />\n          </div>\n\n          <div class=\"cover\">\n            <div class=\"kba\">\n              <verdocs-kba-dialog\n                mode=\"identity\"\n                helptitle=\"Document requires identity verification\"\n                helptext=\"Please complete your contact details to proceed.\"\n                recipient={this.recipient}\n                onNext={async e => {\n                  const recipDetails = e.detail as IRecipient;\n                  submitKbaIdentity(this.endpoint, this.envelopeId, this.roleId, {\n                    firstName: recipDetails.first_name,\n                    lastName: recipDetails.last_name,\n                    address: recipDetails.address,\n                    city: recipDetails.city,\n                    state: recipDetails.state,\n                    zip: recipDetails.zip,\n                    ssnLast4: recipDetails.ssn_last_4,\n                  })\n                    .then(r => {\n                      console.log('[SIGN] Identity submission result', r);\n                      this.kbaStep = r.kba_step;\n                    })\n                    .catch(e => {\n                      console.log('[SIGN] Error submitting identity', e);\n                      VerdocsToast(e.response?.data?.error || 'Unable to verify identity.', {style: 'error'});\n                    });\n                }}\n              />\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    if (this.kbaStep === 'challenge') {\n      const questionNumber = this.kbaChoices.length;\n      const kbaQuestion = this.kbaQuestions[questionNumber];\n      console.log('Showing KBA question', {questionNumber, kbaQuestion}, this.kbaChoices);\n      return (\n        <Host class=\"kba\">\n          <div id=\"verdocs-sign-header\">\n            <div class=\"inner\">\n              <img src=\"https://verdocs.com/assets/white-logo.svg\" alt=\"Verdocs Logo\" class=\"logo\" />\n              <div class=\"title\">{this.envelope.name}</div>\n            </div>\n          </div>\n\n          <div class=\"document\" style={{paddingTop: '15px'}}>\n            <img\n              src=\"https://public-assets.verdocs.com/loading-placeholder.png\"\n              style={{width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px'}}\n              alt=\"Placeholder page\"\n            />\n          </div>\n\n          <div class=\"cover\">\n            <div class=\"kba\">\n              {this.kbaChoices.length >= this.kbaQuestions.length ? (\n                <verdocs-spinner />\n              ) : (\n                <verdocs-kba-dialog\n                  mode=\"choice\"\n                  helptitle=\"Your identity requires additional verification\"\n                  helptext={kbaQuestion?.prompt || 'Please select one of the options below.'}\n                  choices={kbaQuestion?.answer || ['Skip Question']}\n                  step={questionNumber + 1}\n                  steps={this.kbaQuestions.length}\n                  onNext={async (e: any) => {\n                    const answer = e.detail as string;\n                    this.kbaChoices = [...this.kbaChoices, answer];\n                    if (this.kbaChoices.length >= this.kbaQuestions.length) {\n                      const responses = this.kbaQuestions.map((q, i) => ({type: q.type, answer: this.kbaChoices[i]}));\n                      console.log('Submitting KBA responses', this.kbaChoices, responses);\n                      try {\n                        const response = await submitKbaChallengeResponse(this.endpoint, this.envelopeId, this.roleId, responses);\n                        console.log('KBA challenge response', response);\n                        this.kbaStep = response.kba_step;\n                        if (this.kbaStep === 'failed') {\n                          this.fatalErrorHeader = 'Identity Verification Failed';\n                          this.fatalErrorMessage = \"We were unable to verify your identity. Please contact the document's sender.\";\n                          this.isDone = true;\n                        } else {\n                          this.kbaQuestions = (response as any).questions?.question || [];\n                          this.kbaChoices = [];\n                        }\n                      } catch (e) {\n                        console.log('Error submitting KBA challenge', e);\n                        this.kbaStep = '';\n                        this.fatalErrorHeader = 'Unable to Verify Identity';\n                        this.fatalErrorMessage = e.response?.data?.error || 'Please try again later.';\n                        this.isDone = true;\n                      }\n                    }\n                  }}\n                />\n              )}\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <div id=\"verdocs-sign-header\">\n          <div class=\"inner\">\n            <img src=\"https://verdocs.com/assets/white-logo.svg\" alt=\"Verdocs Logo\" class=\"logo\" />\n            <div class=\"title\">{this.envelope.name}</div>\n            <div style={{flex: '1'}} />\n\n            {!this.finishLater && <verdocs-button size=\"xsmall\" label={this.nextButtonLabel} disabled={!this.agreed} onClick={() => this.handleNext()} />}\n\n            <div style={{marginLeft: '10px'}} />\n            <verdocs-dropdown options={!this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions} onOptionSelected={e => this.handleOptionSelected(e)} />\n          </div>\n        </div>\n\n        <div class=\"document\" style={{paddingTop: '15px'}}>\n          {(this.envelope.documents || []).map(envelopeDocument => {\n            const pageNumbers = integerSequence(1, envelopeDocument.pages);\n\n            return (\n              <Fragment>\n                {pageNumbers.map(pageNumber => {\n                  const pageSize = envelopeDocument.page_sizes?.[pageNumber] || {width: 612, height: 792};\n\n                  // In signing mode we show the original template page with all the recipient fields so we can show source formatting and\n                  // where everything went. This is also a visual indicator when optional fields weren't filled in by previous actors, or\n                  // future signers still need to act. Once we're \"done\" we flip to showing the envelope's documents which have the final\n                  // field vales (so far) stamped into them.\n                  // TODO: Confirm that a pure page-number match is good enough to find the matching template page. We need to make sure\n                  //  we either don't reset our page numbers for additional attachments, or add match-on identifiers to work around that.\n                  // console.log('tp', templatePage, page);\n                  return (\n                    <verdocs-envelope-document-page\n                      envelopeId={this.envelopeId}\n                      documentId={envelopeDocument.id}\n                      endpoint={this.endpoint}\n                      virtualWidth={pageSize.width}\n                      virtualHeight={pageSize.height}\n                      pageNumber={pageNumber}\n                      onPageRendered={e => this.handlePageRendered(e)}\n                      type=\"filled\"\n                      layers={[\n                        {name: 'page', type: 'canvas'},\n                        {name: 'controls', type: 'div'},\n                      ]}\n                    />\n                  );\n                })}\n              </Fragment>\n            );\n          })}\n        </div>\n\n        {this.showFinishLater && (\n          <verdocs-ok-dialog\n            heading=\"You've saved your document to finish later.\"\n            message={`To complete the ${this.documentsSingularPlural}, use the link in the original email notification inviting you to review and finish the document.`}\n            onNext={() => (this.showFinishLater = false)}\n          />\n        )}\n\n        {this.showDone && (\n          <verdocs-ok-dialog\n            heading=\"You're Done!\"\n            message={`You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`}\n            onNext={() => {\n              this.showDone = false;\n              this.isDone = true;\n            }}\n          />\n        )}\n\n        {this.submitting ||\n          (this.showSpinner && (\n            <verdocs-portal>\n              <div class=\"spinner-overlay\">\n                <verdocs-spinner />\n              </div>\n            </verdocs-portal>\n          ))}\n      </Host>\n    );\n  }\n}\n"],"mappings":"y3BAAA,MAAMA,EAAiB,y+HACvB,MAAAC,EAAeD,ECYf,MAAME,EAAwB,CAC5B,CAACC,GAAI,QAASC,MAAO,gBAErB,CAACD,GAAI,UAAWC,MAAO,mBACvB,CAACD,GAAI,QAASC,MAAO,yBACrB,CAACD,GAAI,WAAYC,MAAO,aAG1B,MAAMC,EAAkB,CACtB,CAACF,GAAI,QAASC,MAAO,SACrB,CAACD,GAAI,WAAYC,MAAO,a,MAyBbE,EAAW,M,4JA0EtBC,KAAAC,gBAA0B,E,cAtEyB,K,gBAKA,K,YAKJ,K,gBAKI,K,oBAWX,K,eAkBT,G,sBACW,G,eACF,K,kBAChB,M,qBACG,Q,iBACJ,M,sBACK,G,uBACC,G,kBACL,G,gBACF,M,eACD,M,YACH,M,cACE,M,mBACK,M,iBACF,M,qBACI,M,YACT,M,6BACiB,W,aAChB,G,kBACY,G,iBACR,M,gBACD,G,aAEH,K,cACmB,I,CAItC,iBAAAC,GACE,IAAKF,KAAKG,SAAU,CAClBC,QAAQC,IAAI,oCACZL,KAAKG,SAAW,IAAIG,EAAgB,CAACC,YAAa,W,EAItD,sBAAMC,G,kBACJ,IAAKR,KAAKS,WAAY,EACpBC,EAAAV,KAAKW,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,KAAK,IAAIC,EAAS,oCAAqC,IAAK,KAC3E,M,CAGF,IAAKb,KAAKc,OAAQ,EAChBC,EAAAf,KAAKW,YAAQ,MAAAI,SAAA,SAAAA,EAAEH,KAAK,IAAIC,EAAS,iCAAkC,IAAK,KACxE,M,CAGF,IAAKb,KAAKgB,WAAY,EACpBC,EAAAjB,KAAKW,YAAQ,MAAAM,SAAA,SAAAA,EAAEL,KAAK,IAAIC,EAAS,qCAAsC,IAAK,KAC5E,M,CAGF,IACET,QAAQC,IAAI,qCAAqCL,KAAKS,gBAAgBT,KAAKc,UAI3E,MAAMI,SAACA,EAAQC,UAAEA,SAAmBC,EAAoBpB,KAAKG,SAAUH,KAAKS,WAAYT,KAAKc,OAAQd,KAAKgB,YAC1GZ,QAAQC,IAAI,gCAAiCa,EAAUC,GACvDnB,KAAKmB,UAAYA,EACjBnB,KAAKkB,SAAWA,EAEhBG,EAAMC,eAAetB,KAAKS,WAAYS,GAGtClB,KAAKuB,iBAAmB,IAAIvB,KAAKkB,SAASM,YAC1CxB,KAAKuB,iBAAiBE,MAAK,CAACC,EAAGC,IACtBD,EAAEE,WAAaD,EAAEC,SAAWF,EAAEG,MAAQF,EAAEE,MAAQH,EAAEE,SAAWD,EAAEC,WAGxE5B,KAAK8B,UAAY9B,KAAKuB,iBAAiBQ,KAAIC,GAAKA,EAAEC,YAElD,GAAIjC,KAAKkB,SAASgB,UAAUC,OAAS,EAAG,CACtCnC,KAAKoC,wBAA0B,a,CAGjCpC,KAAKC,eAAiBD,KAAK8B,UAAUO,WAAUC,GAAYA,GAAYtC,KAAKc,SAC5E,GAAId,KAAKC,gBAAkB,EAAG,CAC5BD,KAAKmB,UAAYnB,KAAKuB,iBAAiBvB,KAAKC,gBAC5CD,KAAKuC,OAASvC,KAAKmB,UAAUoB,M,KACxB,CACLnC,QAAQoC,KAAK,6CAA8CxC,KAAKc,OAAQd,KAAKuB,iB,CAK/EvB,KAAKyC,UAAYzC,KAAKmB,UAAUuB,SAAW,YAC3C1C,KAAK2C,OAAS3C,KAAKyC,UACnBzC,KAAK4C,SAAW5C,KAAKyC,UAErB,GAAIzC,KAAKkB,SAASwB,SAAW,WAAY,CACvC1C,KAAK6C,iBAAmB,kCACxB7C,KAAK8C,kBAAoB,kF,MACpB,GAAI9C,KAAKmB,UAAUuB,SAAW,WAAY,CAC/C1C,KAAK6C,iBAAmB,kCACxB7C,KAAK8C,kBAAoB,0C,MACpB,GAAI9C,KAAKuC,OAAQ,CACtBvC,KAAK+C,gBAAkB,M,CAGzB/C,KAAKgD,wBACLC,EAAAjD,KAAKkD,kBAAc,MAAAD,SAAA,SAAAA,EAAErC,KAAK,CAACT,SAAUH,KAAKG,SAAUe,SAAUlB,KAAKkB,WAEnE,IAAKlB,KAAK2C,OAAQ,CAChBQ,EAAWnD,KAAKG,SAAUH,KAAKS,WAAYT,KAAKc,QAC7CsC,MAAKpB,I,MACJ5B,QAAQC,IAAI,kBAAmB2B,GAC/BhC,KAAKqD,QAAUrB,EAAEsB,SACjB,GAAItD,KAAKqD,UAAY,SAAU,CAC7BrD,KAAK6C,iBAAmB,+BACxB7C,KAAK8C,kBAAoB,gFACzB9C,KAAK2C,OAAS,I,KACT,CACL3C,KAAKuD,eAAe7C,EAACsB,EAAUwB,aAAS,MAAA9C,SAAA,SAAAA,EAAE+C,WAAY,GACtDzD,KAAK0D,WAAa,E,KAGrBC,OAAMC,GAAKxD,QAAQC,IAAI,yBAA0BuD,I,EAEtD,MAAOA,GACPxD,QAAQC,IAAI,oCAAqCuD,IACjDC,EAAA7D,KAAKW,YAAQ,MAAAkD,SAAA,SAAAA,EAAEjD,KAAK,IAAIC,EAAS+C,EAAEE,SAASC,EAAAH,EAAEI,YAAQ,MAAAD,SAAA,SAAAA,EAAErB,QAAQuB,EAAAL,EAAEI,YAAQ,MAAAC,SAAA,SAAAA,EAAEC,OAC5ElE,KAAKmE,cAAgB,I,EAIzB,kBAAAC,GACE,MAAMC,EAAerE,KAAKsE,eAAiBC,SAASC,eAAexE,KAAKsE,gBAAkB,KAC1F,MAAMG,EAAWF,SAASC,eAAe,uBACzC,GAAIH,GAAgBI,EAAU,CAC5BrE,QAAQC,IAAI,wBACZoE,EAASC,SACTL,EAAaM,OAAOF,E,EAIxB,gBAAAG,GACE5E,KAAK6E,WAAa,KAClBC,EAAuB9E,KAAKG,SAAUH,KAAKS,WAAYT,KAAKc,OAAQ,MACjEsC,MAAK,K,MACJpD,KAAK+C,gBAAkB,OACvB/C,KAAKmB,UAAUoB,OAAS,KACxBvC,KAAK6E,WAAa,MAClB7E,KAAKuC,OAAS,MACd7B,EAAAV,KAAK+E,mBAAe,MAAArE,SAAA,SAAAA,EAAEE,KAAK,CAACT,SAAUH,KAAKG,SAAUe,SAAUlB,KAAKkB,SAAU8D,MAAO,UAAU,IAEhGrB,OAAMC,I,UACLxD,QAAQC,IAAI,wBAAyBuD,GACrC5D,KAAK6E,WAAa,OAClBnE,EAAAV,KAAKW,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,KAAK,IAAIC,EAAS+C,EAAEE,SAAS/C,EAAA6C,EAAEI,YAAQ,MAAAjD,SAAA,SAAAA,EAAE2B,QAAQzB,EAAA2C,EAAEI,YAAQ,MAAA/C,SAAA,SAAAA,EAAEiD,MAAM,G,CAIxF,0BAAMe,CAAqBrB,G,cACzB,OAAQA,EAAEsB,OAAOtF,IACf,IAAK,QACHI,KAAKmF,YAAc,KACnBnF,KAAKoF,gBAAkB,MACvB1E,EAAAV,KAAK+E,mBAAe,MAAArE,SAAA,SAAAA,EAAEE,KAAK,CAACT,SAAUH,KAAKG,SAAUe,SAAUlB,KAAKkB,SAAU8D,MAAO,UACrF,MAEF,IAAK,QACHK,EAAa,2DACbtE,EAAAf,KAAK+E,mBAAe,MAAAhE,SAAA,SAAAA,EAAEH,KAAK,CAACT,SAAUH,KAAKG,SAAUe,SAAUlB,KAAKkB,SAAU8D,MAAO,YACrF,MAEF,IAAK,UACH,CACEhF,KAAK6E,WAAa,KAClB,MAAMS,QAAsBC,EAAyBvF,KAAKG,SAAUH,KAAKS,WAAYT,KAAKc,QAC1FV,QAAQC,IAAI,wBAAyBiF,IACrCrE,EAAAjB,KAAK+E,mBAAe,MAAA9D,SAAA,SAAAA,EAAEL,KAAK,CAACT,SAAUH,KAAKG,SAAUe,SAAUlB,KAAKkB,SAAU8D,MAAO,aACrFhF,KAAK6E,WAAa,MAClB7E,KAAK6C,iBAAmB,kCACxB7C,KAAK8C,kBAAoB,0C,CAE3B,MAEF,IAAK,QACH0C,OAAOC,SACPxC,EAAAjD,KAAK+E,mBAAe,MAAA9B,SAAA,SAAAA,EAAErC,KAAK,CAACT,SAAUH,KAAKG,SAAUe,SAAUlB,KAAKkB,SAAU8D,MAAO,YACrF,MAEF,IAAK,WACH,CACE,MAAMU,EAAW1F,KAAKkB,SAASgB,UAAUyD,MAAKC,GAAOA,EAAIC,OAAS,eAClE,GAAIH,EAAU,CACZI,EAAe9F,KAAKG,SAAUH,KAAKkB,SAAUwE,EAAS9F,IAAI+D,OAAMC,IAC9DxD,QAAQC,IAAI,+BAAgCuD,EAAE,KAEhDC,EAAA7D,KAAK+E,mBAAe,MAAAlB,SAAA,SAAAA,EAAEjD,KAAK,CAACT,SAAUH,KAAKG,SAAUe,SAAUlB,KAAKkB,SAAU8D,MAAO,c,EAGzF,M,CAIN,yBAAAe,CAA0BC,EAAmBC,GAC3C7F,QAAQC,IAAI,mCAAoC2F,EAAWC,GAC3DjG,KAAKkG,qBAAqBC,SAAQC,IAChC,GAAIA,EAASC,OAASL,EAAW,CAC/BI,EAASE,MAAQL,EAAaK,MAE9BF,EAASG,SAAWN,EAAaM,SACjCC,EAAyBJ,GACzBpG,KAAKgD,sB,KAKX,eAAAyD,CAAgBT,EAAmBU,GACjCtG,QAAQC,IAAI,yBAA0B2F,EAAWU,GACjDC,EAAoB3G,KAAKG,SAAUH,KAAKS,WAAYuF,EAAWU,GAC5DtD,MAAK6C,GAAgBjG,KAAK+F,0BAA0BC,EAAWC,KAC/DtC,OAAMC,I,gBACL,KAAIlD,EAAAkD,EAAEI,YAAQ,MAAAtD,SAAA,SAAAA,EAAEgC,UAAW,OAAOzB,GAAAF,EAAA6C,EAAEI,YAAQ,MAAAjD,SAAA,SAAAA,EAAEmD,QAAI,MAAAjD,SAAA,SAAAA,EAAE2F,SAAU,cAAe,CAC3ExG,QAAQC,IAAI,kCACZL,KAAK6C,iBAAmB,0BACxB7C,KAAK8C,kBAAoB,yC,KACpB,CACL1C,QAAQC,IAAI,sBAAuBuD,E,EAGrCX,EAAAjD,KAAKW,YAAQ,MAAAsC,SAAA,SAAAA,EAAErC,KAAK,IAAIC,EAAS+C,EAAEE,SAASD,EAAAD,EAAEI,YAAQ,MAAAH,SAAA,SAAAA,EAAEnB,QAAQqB,EAAAH,EAAEI,YAAQ,MAAAD,SAAA,SAAAA,EAAEG,MAAM,G,CAIxF,uBAAM2C,CAAkBC,EAAuBlD,GAC7C,MAAM0C,MAACA,EAAKS,QAAEA,GAAWnD,EAAEoD,OAE3B,OAAQF,EAAMjB,MAEZ,IAAK,WACL,IAAK,UACH,OAAO7F,KAAKyG,gBAAgBK,EAAMT,KAAM,CAACY,SAAU,MAAOX,UAE5D,IAAK,WAAY,CACf,OAAOtG,KAAKyG,gBAAgBK,EAAMT,KAAM,CAACY,SAAU,MAAOX,MAAOY,OAAOtD,EAAEoD,OAAOD,U,CAGnF,IAAK,QAAS,CACZ,OAAO/G,KAAKyG,gBAAgBK,EAAMT,KAAM,CAACY,SAAU,MAAOX,MAAOY,OAAOtD,EAAEoD,OAAOD,U,CAGnF,IAAK,WAEH3G,QAAQC,IAAI,kBAAmByG,EAAMT,KAAMzC,EAAEsB,QAC7C,OAAOlF,KAAKyG,gBAAgBK,EAAMT,KAAM,CAACY,SAAU,MAAOX,MAAO1C,EAAEsB,SAErE,IAAK,UAIH,IAAKtB,EAAEsB,OAAQ,CACb,M,CAGFlF,KAAKmH,YAAc,KACnB,MAAMC,cAA4BC,MAAMzD,EAAEsB,SAASoC,OACnD,OAAOC,EAAevH,KAAKG,SAAU,UAAWiH,GAC7ChE,MAAKoE,MAAMC,IACV,MAAMxB,QAAqByB,EAA4B1H,KAAKG,SAAUH,KAAKS,WAAYqG,EAAMT,KAAMoB,EAAY7H,IAC/GI,KAAK+F,0BAA0Be,EAAMT,KAAMJ,GAC3CjG,KAAKmH,YAAc,KAAK,IAEzBxD,OAAMC,IACLxD,QAAQC,IAAI,0BAA2BuD,GACvC5D,KAAKmH,YAAc,KAAK,IAG9B,IAAK,YAIH,IAAKvD,EAAEsB,OAAQ,CACb,M,CAGFlF,KAAKmH,YAAc,KACnB,MAAMQ,cAA6BN,MAAMzD,EAAEsB,SAASoC,OACpD,OAAOM,EAAgB5H,KAAKG,SAAU,YAAawH,GAChDvE,MAAKoE,MAAMK,IACVzH,QAAQC,IAAI,0BAA2BwH,GACvC,MAAM5B,QAAqB6B,EAA6B9H,KAAKG,SAAUH,KAAKS,WAAYqG,EAAMT,KAAMwB,EAAajI,IACjHI,KAAK+F,0BAA0Be,EAAMT,KAAMJ,GAC3CjG,KAAKmH,YAAc,KAAK,IAEzBxD,OAAMC,IACLxD,QAAQoC,KAAK,kCAAmCoB,GAChD5D,KAAKmH,YAAc,KAAK,IAG9B,IAAK,OACH,MAAMY,cAACA,GAAiBnE,EAAEsB,OAC1B,GAAI6C,EAAe,CACjB,OAAO/H,KAAKyG,gBAAgBK,EAAMT,KAAM,CAACY,SAAU,MAAOX,MAAOyB,G,CAEnE,MAEF,IAAK,YACH3H,QAAQC,IAAI,4BAA6B,CAACiG,QAAO0B,GAAIpE,EAAEoD,OAAOiB,aAAa,eAC3E,MAEF,QACE7H,QAAQC,IAAI,gCAAiC,CAACiG,QAAOS,WAAUD,GAC/D,M,CAIN,aAAAoB,CAAcpB,GACZ,MAAMR,MAACA,EAAQ,IAAMQ,EACrB,OAAQA,EAAMjB,MACZ,IAAK,WACL,IAAK,UACH,OAAQiB,EAAMqB,WAAa,IACzB,IAAK,QACH,OAAOC,EAAa9B,GACtB,IAAK,QACH,OAAO+B,EAAa/B,GACtB,QACE,OAAQA,GAAS,IAAIgC,SAAW,GAGtC,IAAK,YACH,OAAOhC,IAAU,SAEnB,IAAK,UACH,OAAOA,IAAU,YAGnB,IAAK,YACH,OAAO,KAET,IAAK,OACH,QAASA,EAEX,IAAK,aACH,OAAOA,IAAU,WAEnB,IAAK,WACH,OAAOA,IAAU,GAEnB,IAAK,WACH,OAAOA,IAAU,OAEnB,IAAK,QACH,KAAMQ,EAAMyB,MAAO,CACjB,OAAOvI,KAAKkG,qBACTsC,QAAOC,GAAKA,EAAEF,QAAUzB,EAAMyB,QAC9BG,MAAK5B,GAASA,EAAMR,QAAU,Q,CAGnC,OAAOQ,EAAMR,QAAU,OAEzB,QACE,OAAO,M,CAIb,YAAAqC,CAAa7B,GACX,OAAQA,EAAM8B,UAAY5I,KAAKkI,cAAcpB,E,CAG/C,uBAAA+B,GACE,MAAMC,EAAkB9I,KAAKkG,qBAAqBsC,QAAO1B,GAASA,EAAMjB,OAAS,cACjFkD,EAAWD,GACX,OAAOA,C,CAGT,gBAAME,G,MACJ,GAAIhJ,KAAKiJ,YAAa,CACpB,KAEEvI,EAAA6D,SAASC,eAAe,sCAAkC,MAAA9D,SAAA,SAAAA,EAAEgE,SAE5D1E,KAAK6E,WAAa,KAClB,MAAMqE,QAAeC,EAAwBnJ,KAAKG,SAAUH,KAAKS,WAAYT,KAAKc,QAClFV,QAAQC,IAAI,gCAAiC6I,GAC7ClJ,KAAKmB,UAAUuB,OAAS,YACxB1C,KAAK4C,SAAW,KAChBxC,QAAQC,IAAI,6BACZ+I,EAAYpJ,KAAKG,SAAUH,KAAKS,YAC7B2C,MAAKlC,IACJlB,KAAKkB,SAAWA,EAGhBlB,KAAK6E,WAAa,KAAK,IAExBlB,OAAMC,IAELxD,QAAQC,IAAI,kCAAmCuD,GAC/C5D,KAAK6E,WAAa,KAAK,G,CAE3B,MAAOjB,GACPxD,QAAQC,IAAI,0BAA2BuD,E,CAGzC,M,CAIF,MAAMyF,EAAcrJ,KAAK6I,0BAA0BL,QAAO1B,GAASA,EAAM8B,WAAa5I,KAAKkI,cAAcpB,KACzGiC,EAAWM,GAEX,MAAMC,EAAeD,EAAYhH,WAAUyE,GAASA,EAAMT,OAASrG,KAAKuJ,eACxE,IAAIC,EAAmBF,EAAe,EACtC,GAAIE,GAAoBH,EAAYlH,OAAQ,CAC1CqH,EAAmB,C,CAGrB,IAAIC,EAAoBJ,EAAYG,GAIpC,IAAIE,EAAQ,EACZ,GAAIA,EAAQL,EAAYlH,QAAU,CAAC,YAAa,WAAWwH,SAASF,EAAkB5D,OAAS,CAAC,YAAa,UAAU8D,SAASF,EAAkBnD,OAAQ,CACxJoD,IACAF,IACA,GAAIA,GAAoBH,EAAYlH,OAAQ,CAC1CqH,EAAmB,C,CAErBC,EAAoBJ,EAAYG,E,CAGlC,GAAIE,GAASL,EAAYlH,OAAQ,CAC/BsH,EAAoB,I,CAGtB,GAAIA,EAAmB,CACrB,MAAM7J,EAAKgK,EAAWH,GACtB,MAAMI,EAAKtF,SAASC,eAAe5E,GACnCiK,IAAE,MAAFA,SAAE,SAAFA,EAAIC,eAAe,CAACC,SAAU,WAC9BF,IAAE,MAAFA,SAAE,SAAFA,EAAIG,aACJhK,KAAKuJ,aAAeE,EAAkBpD,I,EAI1C,kBAAAH,GACE,OAAOlG,KAAKkB,SAASwF,OAAO8B,QAAO1B,GAASA,EAAM7E,YAAcjC,KAAKmB,UAAUc,W,CAIjF,oBAAAe,GACE,MAAMiH,EAAgBjK,KAAKkG,qBAAqBsC,QAAO1B,IAAU9G,KAAK2I,aAAa7B,KACnF,GAAImD,EAAc9H,OAAS,EAAG,CAC5BnC,KAAK+C,gBAAkB,SACvB,IAAK/C,KAAKiJ,YAAa,CACrBjJ,KAAKiJ,YAAc,I,MAEhB,CACL7I,QAAQC,IACN,kCACA4J,EAAclI,KAAI+E,GAASA,EAAMT,QAEnCrG,KAAK+C,gBAAkB,OACvB/C,KAAKiJ,YAAc,K,EAIvB,qBAAAiB,CAAsBC,EAAUrD,EAAO+C,GAOrC,GAAIA,EAAG5B,aAAa,cAAgB,IAAK,CACvC,M,CAEF4B,EAAGO,aAAa,WAAY,KAE5BP,EAAGQ,iBAAiB,SAAUzG,IAI5B,GAAIA,EAAEoD,OAAOnB,OAAS,SAAWjC,EAAEoD,OAAOnB,OAAS,WAAY,CAE7D7F,KAAK6G,kBAAkBC,EAAOlD,GAAG0G,SAAQ,IAAMtK,KAAKgD,wB,KAC/C,CACLhD,KAAKgD,sB,KAGT6G,EAAGQ,iBAAiB,YAAY7C,MAAO5D,IACrCxD,QAAQC,IAAI,oBAAqBuD,EAAEsB,OAAQtB,EAAEoD,OAAOV,OACpDtG,KAAKmH,YAAc,KACnB,IACE,MAAMlB,QAAqBsE,EAA8BvK,KAAKG,SAAUH,KAAKS,WAAYqG,EAAMT,KAAMzC,EAAEsB,QACvGlF,KAAK+F,0BAA0Be,EAAMT,KAAMJ,GAC3CjG,KAAKgD,uBAEL,MAAMwH,EAAQC,EAAoB,WAAY3D,EAAOqD,EAAU,CAACO,SAAU,MAAOC,SAAU,MAAOC,UAAW,MAAOC,KAAM7K,KAAK2C,SAC/H3C,KAAKkK,sBAAsBC,EAAUrD,EAAO0D,GAE5CxK,KAAKmH,YAAc,K,CACnB,MAAOvD,GACPxD,QAAQC,IAAI,6BAA8BuD,GAC1CyB,EAAa,sDAAuD,CAACyF,MAAO,UAC5E9K,KAAKmH,YAAc,K,KAGvB0C,EAAGQ,iBAAiB,WAAW7C,MAAO5D,IACpCxD,QAAQC,IAAI,mBAAoBuD,EAAEsB,OAAQtB,EAAEoD,OAAOV,OACnDtG,KAAKmH,YAAc,KACnB,IACE,MAAMlB,QAAqB8E,EAA8B/K,KAAKG,SAAUH,KAAKS,WAAYqG,EAAMT,MAC/FjG,QAAQC,IAAI,4BAA6B4F,GACzCjG,KAAK+F,0BAA0Be,EAAMT,KAAMJ,GAC3CjG,KAAKgD,uBAEL,MAAMwH,EAAQC,EAAoB,WAAY3D,EAAOqD,EAAU,CAACO,SAAU,MAAOC,SAAU,MAAOC,UAAW,MAAOC,KAAM7K,KAAK2C,SAC/H3C,KAAKkK,sBAAsBC,EAAUrD,EAAO0D,GAE5CxK,KAAKmH,YAAc,K,CACnB,MAAOvD,GACPxD,QAAQC,IAAI,6BAA8BuD,GAC1CyB,EAAa,sDAAuD,CAACyF,MAAO,UAC5E9K,KAAKmH,YAAc,K,KAGvB0C,EAAGQ,iBAAiB,YAAYzG,IAE9B,GAAIkD,EAAMjB,OAAS,YAAciB,EAAMjB,OAAS,aAAc,CAC5D7F,KAAK6G,kBAAkBC,EAAOlD,GAAG0G,SAAQ,IAAMtK,KAAKgD,wB,KAGxD6G,EAAGQ,iBAAiB,eAAezG,IACjC5D,KAAK6G,kBAAkBC,EAAOlD,GAAG0G,SAAQ,IAAMtK,KAAKgD,wBAAuB,IAG7E6G,EAAGO,aAAa,aAAcpK,KAAKkB,SAAS8J,aAC5CnB,EAAGO,aAAa,YAAatD,EAAMT,MACnCwD,EAAGO,aAAa,OAAQD,EAASc,YACjCpB,EAAGO,aAAa,SAAUD,EAASe,QACnCrB,EAAGO,aAAa,SAAUD,EAASgB,QAEnC,MAAMC,EAAWC,EAAerL,KAAKmB,WACrC0I,EAAGO,aAAa,WAAYkB,EAAmBF,IAC/CvB,EAAGO,aAAa,OAAQgB,E,CAG1B,kBAAAG,CAAmB3H,GACjB,MAAMuG,EAAWvG,EAAEsB,OAInB,MAAM4D,EAAkB9I,KAAK6I,0BAC7BzI,QAAQC,IAAI,mCAAoC8J,EAASc,WAAYnC,GAGrEA,EAAgB3C,SAAQ,CAACW,EAAO0E,KAC9B,GAAI1E,EAAM2E,OAAStB,EAASc,WAAY,CACtC,M,CAGF,MAAMpB,EAAKY,EAAoB,WAAY3D,EAAOqD,EAAU,CAACO,SAAU,MAAOC,SAAU,MAAOC,UAAW,MAAOC,KAAM7K,KAAK2C,QAAS6I,GACrI,IAAK3B,EAAI,CACP,M,CAGF,GAAI6B,MAAMC,QAAQ9B,GAAK,CACrBA,EAAG9H,KAAI6B,GAAK5D,KAAKkK,sBAAsBC,EAAUrD,EAAOlD,I,KACnD,CACL5D,KAAKkK,sBAAsBC,EAAUrD,EAAO+C,E,KAKhD7J,KAAKuB,iBACFiH,QAAOxG,GAAKA,EAAEC,YAAcjC,KAAKmB,UAAUc,YAAcD,EAAEU,SAAW,WAAaV,EAAEU,SAAW,UAAYV,EAAEU,SAAW,aACzHyD,SAAQ,KACPnG,KAAKkG,qBACFsC,QAAO1B,GAASA,EAAM2E,OAAStB,EAASc,aACxC9E,SAAQW,IACP,MAAM+C,EAAKY,EAAoB,WAAY3D,EAAOqD,EAAU,CAACO,SAAU,KAAMC,SAAU,MAAOC,UAAW,MAAOC,KAAM7K,KAAK2C,SAC3H,IAAKkH,EAAI,CACP,M,CAGF,GAAI6B,MAAMC,QAAQ9B,GAAK,CACrBA,EAAG9H,KAAI6B,GAAK5D,KAAKkK,sBAAsBC,EAAUrD,EAAOlD,I,KACnD,CACL5D,KAAKkK,sBAAsBC,EAAUrD,EAAO+C,E,IAE9C,IAGR7J,KAAKgD,sB,CAGP,MAAA4I,GACE,GAAI5L,KAAKmE,cAAe,CACtB,OACE0H,EAACC,EAAI,KACHD,EAAA,qBACEE,QAAQ,0BACRjI,QAAS,+HACTkI,YAAY,KACZC,OAAQ,KACNzG,OAAO0G,SAASC,QAAQ,I,CAOlC,IAAKnM,KAAKkB,SAAU,CAClB,OACE2K,EAACC,EAAI,KACHD,EAAA,uB,CAKN,GAAI7L,KAAK8C,kBAAmB,CAC1B,OACE+I,EAACC,EAAI,CAACM,MAAO,CAAC7J,OAAQvC,KAAKuC,SACzBsJ,EAAA,OAAKO,MAAM,eACTP,EAAA,OAAKQ,IAAI,4DAA4DD,MAAM,cAAcE,IAAI,qBAE7FT,EAAA,OAAKO,MAAM,WACTP,EAAA,OAAKO,MAAM,UAAUpM,KAAK6C,kBAC1BgJ,EAAA,SAAI7L,KAAK8C,qB,CAOnB,GAAI9C,KAAK2C,OAAQ,CACf,OACEkJ,EAACC,EAAI,CAACM,MAAO,CAAC7J,OAAQvC,KAAKuC,SACzBsJ,EAAA,gBAAc1L,SAAUH,KAAKG,SAAUM,WAAYT,KAAKS,WAAY8L,WAAY3I,IAAC,IAAAlD,EAAI,OAAAA,EAAAV,KAAKW,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,KAAKgD,EAAEsB,OAAO,IAEjHlF,KAAK4C,UACJiJ,EAAA,qBACEE,QAAQ,eACRjI,QAAS,sBAAsB9D,KAAKoC,sOACpC6J,OAASrI,IACPA,EAAE4I,iBACF5I,EAAE6I,kBACFzM,KAAK4C,SAAW,MAChB5C,KAAK2C,OAAS,IAAI,IAKvB3C,KAAK6E,YACJgH,EAAA,OAAKO,MAAM,qBACTP,EAAA,wB,CAOV,IAAK7L,KAAKuC,OAAQ,CAChB,OACEsJ,EAACC,EAAI,CAACM,MAAM,UACVP,EAAA,OAAKjM,GAAG,uBACNiM,EAAA,OAAKO,MAAM,SACTP,EAAA,OAAKQ,IAAI,4CAA4CC,IAAI,eAAeF,MAAM,SAC9EP,EAAA,OAAKO,MAAM,SAASpM,KAAKkB,SAASmF,QAItCwF,EAAA,OAAKO,MAAM,WAAWtB,MAAO,CAAC4B,WAAY,SACxCb,EAAA,OACEQ,IAAI,4DACJvB,MAAO,CAAC6B,MAAO,QAASC,OAAQ,QAASC,UAAW,yBAA0BC,UAAW,QACzFR,IAAI,sBAIRT,EAAA,OAAKO,MAAM,SACTP,EAAA,OAAKO,MAAM,SACTP,EAAA,oBAAkBxF,KAAK,QAAQxG,MAAM,6BAA6BkN,QAAS,IAAM/M,KAAK4E,qBACtFiH,EAAA,UACEA,EAAA,0FACgF,IAC9EA,EAAA,KAAGmB,KAAK,iEAAiEhG,OAAO,UAAQ,+CAEpF,KAGN6E,EAAA,8BACoB,IAClBA,EAAA,KAAGmB,KAAK,8BAA8BhG,OAAO,UAAQ,8BAEhD,IAAG,qCAC2B,IACnC6E,EAAA,KAAGmB,KAAK,yCAAyChG,OAAO,UAAQ,kBAE5D,Q,CAUlB,GAAIhH,KAAKqD,UAAY,MAAO,CAC1B,OACEwI,EAACC,EAAI,CAACM,MAAM,OACVP,EAAA,OAAKjM,GAAG,uBACNiM,EAAA,OAAKO,MAAM,SACTP,EAAA,OAAKQ,IAAI,4CAA4CC,IAAI,eAAeF,MAAM,SAC9EP,EAAA,OAAKO,MAAM,SAASpM,KAAKkB,SAASmF,QAItCwF,EAAA,OAAKO,MAAM,WAAWtB,MAAO,CAAC4B,WAAY,SACxCb,EAAA,OACEQ,IAAI,4DACJvB,MAAO,CAAC6B,MAAO,QAASC,OAAQ,QAASC,UAAW,yBAA0BC,UAAW,QACzFR,IAAI,sBAIRT,EAAA,OAAKO,MAAM,SACTP,EAAA,OAAKO,MAAM,OACTP,EAAA,sBACEoB,KAAK,OACLC,KAAM,EACNC,MAAO,EACPC,UAAU,sCACVC,SAAS,4FACTxN,MAAM,WACNoM,OAAQzE,MAAM5D,IACZ0J,EAAatN,KAAKG,SAAUH,KAAKS,WAAYT,KAAKc,OAAQ8C,EAAEsB,QACzD9B,MAAKpB,IACJ5B,QAAQC,IAAI,oCAAqC2B,GACjD,GAAIA,EAAEsB,WAAa,WAAY,CAC7BtD,KAAKqD,QAAU,E,KAGlBM,OAAMC,I,QACLxD,QAAQC,IAAI,8BAA+BuD,GAC3CyB,IAAatE,GAAAL,EAAAkD,EAAEI,YAAQ,MAAAtD,SAAA,SAAAA,EAAEwD,QAAI,MAAAnD,SAAA,SAAAA,EAAE6F,QAAS,+CAAgD,CAACkE,MAAO,SAAS,GACzG,M,CASlB,GAAI9K,KAAKqD,UAAY,WAAY,CAC/B,OACEwI,EAACC,EAAI,CAACM,MAAM,OACVP,EAAA,OAAKjM,GAAG,uBACNiM,EAAA,OAAKO,MAAM,SACTP,EAAA,OAAKQ,IAAI,4CAA4CC,IAAI,eAAeF,MAAM,SAC9EP,EAAA,OAAKO,MAAM,SAASpM,KAAKkB,SAASmF,QAItCwF,EAAA,OAAKO,MAAM,WAAWtB,MAAO,CAAC4B,WAAY,SACxCb,EAAA,OACEQ,IAAI,4DACJvB,MAAO,CAAC6B,MAAO,QAASC,OAAQ,QAASC,UAAW,yBAA0BC,UAAW,QACzFR,IAAI,sBAIRT,EAAA,OAAKO,MAAM,SACTP,EAAA,OAAKO,MAAM,OACTP,EAAA,sBACEoB,KAAK,WACLG,UAAU,0CACVC,SAAS,mDACTlM,UAAWnB,KAAKmB,UAChB8K,OAAQzE,MAAM5D,IACZ,MAAM2J,EAAe3J,EAAEsB,OACvBsI,EAAkBxN,KAAKG,SAAUH,KAAKS,WAAYT,KAAKc,OAAQ,CAC7D2M,UAAWF,EAAaG,WACxBC,SAAUJ,EAAaK,UACvBC,QAASN,EAAaM,QACtBC,KAAMP,EAAaO,KACnBC,MAAOR,EAAaQ,MACpBC,IAAKT,EAAaS,IAClBC,SAAUV,EAAaW,aAEtB9K,MAAKpB,IACJ5B,QAAQC,IAAI,oCAAqC2B,GACjDhC,KAAKqD,QAAUrB,EAAEsB,QAAQ,IAE1BK,OAAMC,I,QACLxD,QAAQC,IAAI,mCAAoCuD,GAChDyB,IAAatE,GAAAL,EAAAkD,EAAEI,YAAQ,MAAAtD,SAAA,SAAAA,EAAEwD,QAAI,MAAAnD,SAAA,SAAAA,EAAE6F,QAAS,6BAA8B,CAACkE,MAAO,SAAS,GACvF,M,CASlB,GAAI9K,KAAKqD,UAAY,YAAa,CAChC,MAAM8K,EAAiBnO,KAAK0D,WAAWvB,OACvC,MAAMiM,EAAcpO,KAAKuD,aAAa4K,GACtC/N,QAAQC,IAAI,uBAAwB,CAAC8N,iBAAgBC,eAAcpO,KAAK0D,YACxE,OACEmI,EAACC,EAAI,CAACM,MAAM,OACVP,EAAA,OAAKjM,GAAG,uBACNiM,EAAA,OAAKO,MAAM,SACTP,EAAA,OAAKQ,IAAI,4CAA4CC,IAAI,eAAeF,MAAM,SAC9EP,EAAA,OAAKO,MAAM,SAASpM,KAAKkB,SAASmF,QAItCwF,EAAA,OAAKO,MAAM,WAAWtB,MAAO,CAAC4B,WAAY,SACxCb,EAAA,OACEQ,IAAI,4DACJvB,MAAO,CAAC6B,MAAO,QAASC,OAAQ,QAASC,UAAW,yBAA0BC,UAAW,QACzFR,IAAI,sBAIRT,EAAA,OAAKO,MAAM,SACTP,EAAA,OAAKO,MAAM,OACRpM,KAAK0D,WAAWvB,QAAUnC,KAAKuD,aAAapB,OAC3C0J,EAAA,wBAEAA,EAAA,sBACEoB,KAAK,SACLG,UAAU,iDACVC,UAAUe,IAAW,MAAXA,SAAW,SAAXA,EAAaC,SAAU,0CACjCC,SAASF,IAAW,MAAXA,SAAW,SAAXA,EAAaG,SAAU,CAAC,iBACjCrB,KAAMiB,EAAiB,EACvBhB,MAAOnN,KAAKuD,aAAapB,OACzB8J,OAAQzE,MAAO5D,I,UACb,MAAM2K,EAAS3K,EAAEsB,OACjBlF,KAAK0D,WAAa,IAAI1D,KAAK0D,WAAY6K,GACvC,GAAIvO,KAAK0D,WAAWvB,QAAUnC,KAAKuD,aAAapB,OAAQ,CACtD,MAAMqM,EAAYxO,KAAKuD,aAAaxB,KAAI,CAAC0M,EAAGC,KAAC,CAAO7I,KAAM4I,EAAE5I,KAAM0I,OAAQvO,KAAK0D,WAAWgL,OAC1FtO,QAAQC,IAAI,2BAA4BL,KAAK0D,WAAY8K,GACzD,IACE,MAAMxK,QAAiB2K,EAA2B3O,KAAKG,SAAUH,KAAKS,WAAYT,KAAKc,OAAQ0N,GAC/FpO,QAAQC,IAAI,yBAA0B2D,GACtChE,KAAKqD,QAAUW,EAASV,SACxB,GAAItD,KAAKqD,UAAY,SAAU,CAC7BrD,KAAK6C,iBAAmB,+BACxB7C,KAAK8C,kBAAoB,gFACzB9C,KAAK2C,OAAS,I,KACT,CACL3C,KAAKuD,eAAe7C,EAACsD,EAAiBR,aAAS,MAAA9C,SAAA,SAAAA,EAAE+C,WAAY,GAC7DzD,KAAK0D,WAAa,E,EAEpB,MAAOE,GACPxD,QAAQC,IAAI,iCAAkCuD,GAC9C5D,KAAKqD,QAAU,GACfrD,KAAK6C,iBAAmB,4BACxB7C,KAAK8C,oBAAoB7B,GAAAF,EAAA6C,EAAEI,YAAQ,MAAAjD,SAAA,SAAAA,EAAEmD,QAAI,MAAAjD,SAAA,SAAAA,EAAE2F,QAAS,0BACpD5G,KAAK2C,OAAS,I,SAYlC,OACEkJ,EAACC,EAAI,KACHD,EAAA,OAAKjM,GAAG,uBACNiM,EAAA,OAAKO,MAAM,SACTP,EAAA,OAAKQ,IAAI,4CAA4CC,IAAI,eAAeF,MAAM,SAC9EP,EAAA,OAAKO,MAAM,SAASpM,KAAKkB,SAASmF,MAClCwF,EAAA,OAAKf,MAAO,CAAC8D,KAAM,QAEjB5O,KAAKmF,aAAe0G,EAAA,kBAAgBgD,KAAK,SAAShP,MAAOG,KAAK+C,gBAAiB2H,UAAW1K,KAAKuC,OAAQuM,QAAS,IAAM9O,KAAKgJ,eAE7H6C,EAAA,OAAKf,MAAO,CAACiE,WAAY,UACzBlD,EAAA,oBAAkBmD,SAAUhP,KAAK2C,SAAW3C,KAAKmF,YAAcxF,EAAwBG,EAAiBmP,iBAAkBrL,GAAK5D,KAAKiF,qBAAqBrB,OAI7JiI,EAAA,OAAKO,MAAM,WAAWtB,MAAO,CAAC4B,WAAY,UACtC1M,KAAKkB,SAASgB,WAAa,IAAIH,KAAImN,IACnC,MAAMC,EAAcC,EAAgB,EAAGF,EAAiBG,OAExD,OACExD,EAACyD,EAAQ,KACNH,EAAYpN,KAAIkJ,I,MACf,MAAMsE,IAAW7O,EAAAwO,EAAiBM,cAAU,MAAA9O,SAAA,SAAAA,EAAGuK,KAAe,CAAC0B,MAAO,IAAKC,OAAQ,KASnF,OACEf,EAAA,kCACEpL,WAAYT,KAAKS,WACjBgP,WAAYP,EAAiBtP,GAC7BO,SAAUH,KAAKG,SACfuP,aAAcH,EAAS5C,MACvBgD,cAAeJ,EAAS3C,OACxB3B,WAAYA,EACZ2E,eAAgBhM,GAAK5D,KAAKuL,mBAAmB3H,GAC7CiC,KAAK,SACLgK,OAAQ,CACN,CAACxJ,KAAM,OAAQR,KAAM,UACrB,CAACQ,KAAM,WAAYR,KAAM,SAE3B,IAGG,KAKhB7F,KAAKoF,iBACJyG,EAAA,qBACEE,QAAQ,8CACRjI,QAAS,mBAAmB9D,KAAKoC,2HACjC6J,OAAQ,IAAOjM,KAAKoF,gBAAkB,QAIzCpF,KAAK4C,UACJiJ,EAAA,qBACEE,QAAQ,eACRjI,QAAS,sBAAsB9D,KAAKoC,sOACpC6J,OAAQ,KACNjM,KAAK4C,SAAW,MAChB5C,KAAK2C,OAAS,IAAI,IAKvB3C,KAAK6E,YACH7E,KAAKmH,aACJ0E,EAAA,sBACEA,EAAA,OAAKO,MAAM,mBACTP,EAAA,0B","ignoreList":[]}