@verdocs/web-sdk 5.0.49 → 5.0.52

package/dist/cjs/verdocs-menu-panel_2.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-01ae8e85.js');
+const index = require('./index-2b9aa26f.js');
 const jsSdk = require('@verdocs/js-sdk');
 const errors = require('./errors-017fb835.js');
 const Datastore = require('./Datastore-474df289.js');
@@ -227,31 +227,31 @@ const VerdocsTemplateRoleProperties = class {
         const hasFields = (((_a = this.template) === null || _a === void 0 ? void 0 : _a.fields) || []).some(field => field.role_name === this.roleName);
         // Either all three should be empty, or all three need to be filled
         const isValid = (!this.email && !this.first_name && !this.last_name) || (jsSdk.isValidEmail(this.email) && !!this.first_name && !!this.last_name);
-        return (index.h(index.Host, { key: 'f010230841b98ad772ce5dfcb14d5a5107356a9b' }, index.h("form", { key: '984327825568276e9ae7b3b5e8f27dba76e8d369', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("div", { key: '12a37971a1b78ce705eba57132d54d180f8ae959' }, index.h("verdocs-text-input", { key: 'e6fb3ee6a720e20e45f2d714f95b2dfc9c15b550', id: "verdocs-role-name", label: "Role Name (Must be unique)", value: this.name, autocomplete: "off", disabled: hasFields, placeholder: "Role Name...", onInput: (e) => {
+        return (index.h(index.Host, { key: '0cb90773a405b842fd65dc842bd222393327bfda' }, index.h("form", { key: '5a2f59d5e9453a8e0a28e281a5e8e00e4ff48734', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("div", { key: '28e488540cbc43fd60f18d7afe22fdd83baa01d6' }, index.h("verdocs-text-input", { key: 'a81752032a51aafc103a3c81f359700279800fcc', id: "verdocs-role-name", label: "Role Name (Must be unique)", value: this.name, autocomplete: "off", disabled: hasFields, placeholder: "Role Name...", onInput: (e) => {
                 this.name = e.target.value;
                 this.dirty = true;
-            } }), hasFields && index.h("div", { key: '1f2fbe28388ed74c073f7a9ad10561853b0ff073', class: "instructions" }, "This role has fields assigned and can no longer be renamed.")), index.h("div", { key: '37398ce77a659d5f7bae58cf996168307ca379fd' }, index.h("div", { key: 'b2fec5550fc5846e4f9455489e6b39fc0965e990', class: "input-label" }, "Type:"), index.h("verdocs-select-input", { key: '92814c2a302a7d13f1084ee5c1063662d8d6e103', value: this.type, options: [
+            } }), hasFields && index.h("div", { key: 'b45732e234d85c3f0f8237dc4935fc7dd3a1be8f', class: "instructions" }, "This role has fields assigned and can no longer be renamed.")), index.h("div", { key: '0b35b31d334f8bec6e76159c34560e8c3655f449' }, index.h("div", { key: '331e86e0dfe93b4ac521cce08e6201c824f58964', class: "input-label" }, "Type:"), index.h("verdocs-select-input", { key: '745cd90f3a39ab8cd34bfd391fb534206e640944', value: this.type, options: [
                 { label: 'Signer', value: 'signer' },
                 { label: 'CC', value: 'cc' },
                 { label: 'Approver', value: 'approver' },
             ], onInput: (e) => {
                 this.type = e.target.value;
                 this.dirty = true;
-            } })), index.h("div", { key: '01ecc8409b92938e1e287c32e852dbfc4dff8248' }, index.h("div", { key: 'c6cd73663d7306805502a8952b61103ee2af4da2', class: "input-label" }, "Default Contact Info:"), index.h("div", { key: '8952e6cec3aaa9d71308f7080b0c5ba47b92a2e3', class: "first-last" }, index.h("verdocs-text-input", { key: 'e7bdf288d8fba7b030741d7ddf9b80ff0a019a1e', id: "verdocs-recipient-first", value: this.first_name, autocomplete: "off", placeholder: "First...", onInput: (e) => {
+            } })), index.h("div", { key: 'd426d87dd0b1ad7f19e82022e3f8a240a3fc6b48' }, index.h("div", { key: '139647d5ba8f447df5fe8cb727cea2f8c3c4a4ee', class: "input-label" }, "Default Contact Info:"), index.h("div", { key: '58b6407105e6d41247f8efb7b539b3d6100f3ece', class: "first-last" }, index.h("verdocs-text-input", { key: '6bd0d6052ded34db7584231cc6bc5c6bc21e75d4', id: "verdocs-recipient-first", value: this.first_name, autocomplete: "off", placeholder: "First...", onInput: (e) => {
                 this.first_name = e.target.value;
                 this.dirty = true;
-            } }), index.h("verdocs-text-input", { key: '1348b227a57fe128fd73f79492b5d6cf97bde11c', id: "verdocs-recipient-first", value: this.last_name, autocomplete: "off", placeholder: "Last...", onInput: (e) => {
+            } }), index.h("verdocs-text-input", { key: '135f6024ea458d5b5161919584ebb8bf691c5fe8', id: "verdocs-recipient-first", value: this.last_name, autocomplete: "off", placeholder: "Last...", onInput: (e) => {
                 this.last_name = e.target.value;
                 this.dirty = true;
-            } }))), index.h("div", { key: 'f25e5ce43788a9abdb9bb233fa6274e45aef1165' }, index.h("verdocs-text-input", { key: 'd907205e60ef2a697f6c58814098e6f988893fb9', id: "verdocs-recipient-email", value: this.email, autocomplete: "off", placeholder: "Email Address...", onInput: (e) => {
+            } }))), index.h("div", { key: '137098702e8fefd55f80561bf3fa1366fe7a9306' }, index.h("verdocs-text-input", { key: 'b3288c2bdda90ec63948821f6e5d9bed0555aea6', id: "verdocs-recipient-email", value: this.email, autocomplete: "off", placeholder: "Email Address...", onInput: (e) => {
                 this.email = e.target.value;
                 this.dirty = true;
-            } }), index.h("div", { key: 'dceccf35b7196d886422d560cc8472aab33a2327', style: { height: '15px' } }), index.h("div", { key: 'dba17dc4c9e08538507e886f22051cf121d8ae05' }, index.h("verdocs-text-input", { key: '0c0350dcf40ada1c7d3dc0289da9357c3b8023eb', id: "verdocs-recipient-phone", value: this.phone, autocomplete: "off",
+            } }), index.h("div", { key: '892f12c9429c2e2166493563054cd230a7b7f273', style: { height: '15px' } }), index.h("div", { key: 'b26750310aa44563ecb53e585fbd02a3329476ff' }, index.h("verdocs-text-input", { key: 'c5ed1eb446c83b8a738f483da47ee405eb3c46d3', id: "verdocs-recipient-phone", value: this.phone, autocomplete: "off",
             // helpText="The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template."
             placeholder: "Phone Number...", onInput: (e) => {
                 this.phone = e.target.value;
                 this.dirty = true;
-            } }))), index.h("div", { key: '32c5eee08b98afd34915bdba2584be167b97553a', class: "buttons" }, index.h("button", { key: '760e8d2c27847118d56e7904ac48d895453cdce2', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), index.h("div", { key: 'f7fe711384caf9b1f15ac939487d21b0dd9393b2', style: { flex: '1' } }), index.h("verdocs-button", { key: 'd0f126d6d0e1ee9d6c8337bae310ddade0eba415', size: "small", label: "Save", disabled: !this.dirty || !isValid, onClick: e => this.handleSave(e) })))));
+            } }))), index.h("div", { key: '2d588cd5467e22b2ca646d2db6ee1129d4425e36', class: "buttons" }, index.h("button", { key: 'd56630b85383cef24d346e126a72edf714b12e11', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), index.h("div", { key: '56af532ac7e3f216473ac76c94a8df9fed90ec0d', style: { flex: '1' } }), index.h("verdocs-button", { key: '21fae0b17777c6d51ffa671bb90a240ea4c38afd', size: "small", label: "Save", disabled: !this.dirty || !isValid, onClick: e => this.handleSave(e) })))));
     }
 };
 VerdocsTemplateRoleProperties.style = VerdocsTemplateRolePropertiesStyle0;

package/dist/cjs/verdocs-ok-dialog.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-01ae8e85.js');
+const index = require('./index-2b9aa26f.js');
 
 const verdocsOkDialogCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-ok-dialog{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-ok-dialog.closed{display:none}verdocs-ok-dialog .background-overlay{position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:rgba(0, 0, 0, 0.4980392157)}verdocs-ok-dialog .dialog{max-width:60%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-ok-dialog .heading{display:-ms-flexbox;display:flex;font-size:16px;-ms-flex-direction:row;flex-direction:row;padding:8px 16px;font-weight:bold;color:#ffffff;background:#46497d}verdocs-ok-dialog .content{font-size:16px;background:#ffffff;padding:20px}verdocs-ok-dialog .buttons{display:-ms-flexbox;display:flex;margin:30px 0 0 0;padding:0 20px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}verdocs-ok-dialog .buttons verdocs-button{margin-left:16px}";
 const VerdocsOkDialogStyle0 = verdocsOkDialogCss;

package/dist/cjs/verdocs-organization-card_2.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-01ae8e85.js');
+const index = require('./index-2b9aa26f.js');
 const format = require('./format-dc0f3757.js');
 
 const verdocsOrganizationCardCss = "@-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-organization-card{font-family:\"Inter\", \"Barlow\", sans-serif;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:#ffffff;border-radius:8px;padding:7px 15px}verdocs-organization-card .icon{-ms-flex:0;flex:0;height:24px;width:24px;margin:0 14px 0 0}verdocs-organization-card .icon svg{fill:#aeb4bf;height:24px;width:24px}verdocs-organization-card .content{margin-top:2px}.verdocs-org-card-popup{font-family:\"Inter\", \"Barlow\", sans-serif;background:#ffffff;border-radius:10px;width:326px;padding:20px 40px 0 40px;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border:1px solid #cccccc}.verdocs-org-card-popup .popup-header-with-logo{display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;gap:20px;-ms-flex-direction:column;flex-direction:column;margin:0 0 20px 0;font-size:21px;line-height:16px;color:#4c56cb}.verdocs-org-card-popup .popup-header-with-logo img{max-width:300px;max-height:50px}.verdocs-org-card-popup .popup-header{display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;gap:20px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;margin:0 0 20px 0;font-size:21px;line-height:16px;color:#4c56cb}.verdocs-org-card-popup .popup-body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:14px;text-transform:uppercase}.verdocs-org-card-popup .status{-webkit-transform:scale(1.5);transform:scale(1.5);width:24px;height:24px}.verdocs-org-card-popup .field{margin:0 0 20px 0}.verdocs-org-card-popup .field strong{color:#7b7b9a;display:block;margin:0 0 5px 0}.verdocs-org-card-popup .field a{color:#654dcb;text-transform:uppercase}";

package/dist/cjs/verdocs-pagination_2.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-01ae8e85.js');
+const index = require('./index-2b9aa26f.js');
 const jsSdk = require('@verdocs/js-sdk');
 const utils = require('./utils-746daf30.js');
 const popper = require('./popper-31badbf8.js');

package/dist/cjs/verdocs-preview_7.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-01ae8e85.js');
+const index$1 = require('./index-2b9aa26f.js');
 const jsSdk = require('@verdocs/js-sdk');
 const errors = require('./errors-017fb835.js');
 const Datastore = require('./Datastore-474df289.js');

package/dist/cjs/verdocs-quick-functions.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-01ae8e85.js');
+const index = require('./index-2b9aa26f.js');
 const jsSdk = require('@verdocs/js-sdk');
 
 const verdocsQuickFunctionsCss = "@-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-quick-functions{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-quick-functions .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:240px;background-color:#1e2031;text-transform:uppercase;padding:10px 10px 20px 10px;font-family:sans-serif;color:#ffffff}verdocs-quick-functions .title{font-size:22px;font-weight:700;line-height:30px;margin:1em 0 40px 0}verdocs-quick-functions button{width:140px;height:40px;border:none;display:-ms-flexbox;display:flex;color:#ffffff;cursor:pointer;font-size:14px;font-weight:700;line-height:25px;-ms-flex-align:center;align-items:center;margin-bottom:20px;border-radius:5px;text-transform:uppercase;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:#55bc81}verdocs-quick-functions button svg{fill:#ffffff}";
@@ -27,7 +27,7 @@ const VerdocsQuickFunctions = class {
         this.createDocument.emit();
     }
     render() {
-        return (index.h("div", { key: '99840e81fe2f2b825efb6253f72a6583d0354504', class: "container" }, index.h("p", { key: '7a814db57ae3bfad6aaba12cdab17b0e900e9080', class: "title" }, "Quick Create"), index.h("button", { key: '84d518a21e8fb43818efbc26f94b545821465af1', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), index.h("button", { key: 'c7b9ea58cf880ef8356e2fdb80a1f76b4ab8b014', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
+        return (index.h("div", { key: '01cd5aea73ca1a3117cc53f1e7c16e6af27216bd', class: "container" }, index.h("p", { key: '6d7b7b5d9dcab737ebfe8a8f3cff6403d7b304ea', class: "title" }, "Quick Create"), index.h("button", { key: '1bf4cf8ec41961431e813879de54f6821dbd5e40', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), index.h("button", { key: '0e681d8c297a52455063e6174accae72fbe54022', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
     }
 };
 VerdocsQuickFunctions.style = VerdocsQuickFunctionsStyle0;

package/dist/cjs/verdocs-radio-button.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-01ae8e85.js');
+const index = require('./index-2b9aa26f.js');
 
 const verdocsRadioButtonCss = "@-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-radio-button{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:20px;height:20px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-radio-button.disabled{opacity:0.5}verdocs-radio-button input[type=radio]{position:absolute;opacity:0}verdocs-radio-button input[type=radio]+label:before{content:\"\";background:#f5f5fa;border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:16px;height:16px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-radio-button input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-radio-button input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-radio-button input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:rgb(160, 160, 207.5);background:rgb(160, 160, 207.5)}verdocs-radio-button input[type=radio]+label:empty:before{margin-right:0}verdocs-radio-button.required input[type=radio]+label:before{border:1px solid #cc0000}verdocs-radio-button.hide{display:none}verdocs-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}";
 const VerdocsRadioButtonStyle0 = verdocsRadioButtonCss;

package/dist/cjs/verdocs-search-box.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-01ae8e85.js');
+const index = require('./index-2b9aa26f.js');
 const jsSdk = require('@verdocs/js-sdk');
 
 const verdocsSearchBoxCss = "@-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}";

package/dist/cjs/verdocs-search-tabs.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-01ae8e85.js');
+const index = require('./index-2b9aa26f.js');
 
 const verdocsSearchTabsCss = "@-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-tabs{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:block}";
 const VerdocsSearchTabsStyle0 = verdocsSearchTabsCss;
@@ -13,7 +13,7 @@ const VerdocsSearchTabs = class {
         this.selected = 'all';
     }
     render() {
-        return index.h("div", { key: '476b2a3baba29b498e5d91a9866f8e1f5070b8c3' }, "\u00A0");
+        return index.h("div", { key: '899f892e91a2cd1e2908ea44ec6ecb0238106881' }, "\u00A0");
     }
 };
 VerdocsSearchTabs.style = VerdocsSearchTabsStyle0;

package/dist/cjs/verdocs-sign.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-01ae8e85.js');
+const index = require('./index-2b9aa26f.js');
 const jsSdk = require('@verdocs/js-sdk');
 const utils = require('./utils-746daf30.js');
 const Environment = require('./Environment-241c5659.js');
@@ -78,9 +78,8 @@ const VerdocsSign = class {
         this.agreed = false;
         this.documentsSingularPlural = 'document';
         this.authStep = null;
-        this.authDetails = null;
         this.authMethodStates = {};
-        this.kbaQuestions = [];
+        this.kbaQuestions = null;
         this.showSpinner = false;
         this.kbaChoices = [];
         this.loading = true;
@@ -94,7 +93,7 @@ const VerdocsSign = class {
         }
     }
     async componentDidLoad() {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f;
         if (!this.envelopeId) {
             (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new errors.SDKError('[SIGN] Missing required envelopId', 500, ''));
             return;
@@ -111,46 +110,13 @@ const VerdocsSign = class {
             console.log(`[SIGN] Processing invite code for ${this.envelopeId} / ${this.roleId}`);
             // NOTE: We don't listen to the store here because we are often an independent
             // session and might have a different "view" of the envelope.
-            const { envelope, recipient, auth_step, auth_details } = await jsSdk.startSigningSession(this.endpoint, this.envelopeId, this.roleId, this.inviteCode);
-            console.log(`[SIGN] Loaded signing session`, envelope, recipient);
-            this.recipient = recipient;
-            this.envelope = envelope;
-            this.authStep = auth_step;
-            this.authDetails = auth_details;
-            this.agreed = recipient.agreed;
-            this.submitted = recipient.status === 'submitted';
-            this.isDone = this.submitted;
-            this.showDone = this.submitted;
-            Datastore.Store.updateEnvelope(this.envelopeId, envelope);
-            if (this.envelope.documents.length > 0) {
-                this.documentsSingularPlural = 'document(s)';
-            }
-            this.authMethodStates = recipient.auth_method_states || {};
-            this.kbaQuestions = recipient.kba_questions;
-            if (Object.values(this.authMethodStates).includes('failed')) {
-                this.fatalErrorHeader = 'Recipient Verification Failed';
-                this.fatalErrorMessage = 'We were unable to verify your identity. The sender has been notified.';
-                this.isDone = true;
-            }
-            // TODO: Envelope "complete" | "declined" | "canceled"
-            // TODO: Recipient "canceled"
-            if (this.envelope.status === 'canceled') {
-                this.fatalErrorHeader = 'Unable to Start Signing Session';
-                this.fatalErrorMessage = 'This envelope has been canceled. The sender has been notified.';
-            }
-            else if (recipient.status === 'declined') {
-                this.fatalErrorHeader = 'Unable to Start Signing Session';
-                this.fatalErrorMessage = 'You have declined to sign this envelope. The sender has been notified.';
-            }
-            else if (this.agreed) {
-                this.nextButtonLabel = 'Next';
-            }
-            this.checkRecipientFields();
-            (_d = this.envelopeLoaded) === null || _d === void 0 ? void 0 : _d.emit({ endpoint: this.endpoint, envelope: this.envelope });
+            const response = await jsSdk.startSigningSession(this.endpoint, this.envelopeId, this.roleId, this.inviteCode);
+            console.log('[SIGN] Authentication successful', response);
+            this.processAuthResponse(response);
         }
         catch (e) {
             console.log('[SIGN] Error with signing session', e);
-            (_e = this.sdkError) === null || _e === void 0 ? void 0 : _e.emit(new errors.SDKError(e.message, (_f = e.response) === null || _f === void 0 ? void 0 : _f.status, (_g = e.response) === null || _g === void 0 ? void 0 : _g.data));
+            (_d = this.sdkError) === null || _d === void 0 ? void 0 : _d.emit(new errors.SDKError(e.message, (_e = e.response) === null || _e === void 0 ? void 0 : _e.status, (_f = e.response) === null || _f === void 0 ? void 0 : _f.data));
             this.showLoadError = true;
         }
     }
@@ -163,6 +129,44 @@ const VerdocsSign = class {
             headerTarget.append(headerEl);
         }
     }
+    processAuthResponse(response) {
+        var _a;
+        const { envelope, recipient } = response;
+        const { auth_step } = recipient;
+        this.recipient = recipient;
+        this.envelope = envelope;
+        this.authStep = auth_step;
+        this.agreed = recipient.agreed;
+        this.submitted = recipient.status === 'submitted';
+        this.isDone = this.submitted;
+        this.showDone = this.submitted;
+        Datastore.Store.updateEnvelope(this.envelopeId, envelope);
+        if (this.envelope.documents.length > 0) {
+            this.documentsSingularPlural = 'document(s)';
+        }
+        this.authMethodStates = recipient.auth_method_states || {};
+        this.kbaQuestions = recipient.kba_questions;
+        if (Object.values(this.authMethodStates).includes('failed')) {
+            this.fatalErrorHeader = 'Recipient Verification Failed';
+            this.fatalErrorMessage = 'We were unable to verify your identity. The sender has been notified.';
+            this.isDone = true;
+        }
+        // TODO: Envelope "complete" | "declined" | "canceled"
+        // TODO: Recipient "canceled"
+        if (this.envelope.status === 'canceled') {
+            this.fatalErrorHeader = 'Unable to Start Signing Session';
+            this.fatalErrorMessage = 'This envelope has been canceled. The sender has been notified.';
+        }
+        else if (recipient.status === 'declined') {
+            this.fatalErrorHeader = 'Unable to Start Signing Session';
+            this.fatalErrorMessage = 'You have declined to sign this envelope. The sender has been notified.';
+        }
+        else if (this.agreed) {
+            this.nextButtonLabel = 'Next';
+        }
+        this.checkRecipientFields();
+        (_a = this.envelopeLoaded) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: this.envelope });
+    }
     handleClickAgree() {
         this.submitting = true;
         jsSdk.envelopeRecipientAgree(this.endpoint, this.envelopeId, this.roleId, true)
@@ -567,11 +571,10 @@ const VerdocsSign = class {
     }
     handleAuthenticateSigner(params) {
         console.log('[SIGN] Submitting authentication step', params);
-        jsSdk.authenticateSigner(this.endpoint, params)
+        jsSdk.verifySigner(this.endpoint, params)
             .then(r => {
-            console.log('[SIGN] Authentication successful', r);
-            this.authStep = r.auth_step;
-            this.authDetails = r.auth_details;
+            console.log('[SIGN] Verification successful', r);
+            this.processAuthResponse(r);
         })
             .catch(e => {
             var _a, _b, _c, _d, _e;
@@ -613,6 +616,11 @@ const VerdocsSign = class {
         if (this.authStep === 'passcode') {
             return (index.h(index.Host, { class: "kba" }, index.h("div", { id: "verdocs-sign-header" }, index.h("div", { class: "inner" }, index.h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), index.h("div", { class: "title" }, this.envelope.name))), index.h("div", { class: "document", style: { paddingTop: '15px' } }, index.h("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" })), index.h("div", { class: "cover" }, index.h("div", { class: "kba" }, index.h("verdocs-kba-dialog", { mode: "text", step: 1, steps: 1, placeholder: "Enter your passcode...", helptitle: "Document is protected by a Passcode", helptext: "Please enter your Passcode to proceed. If you do not have one, please contact the sender.", label: "Passcode", onNext: e => this.handleAuthenticateSigner({ auth_method: 'passcode', code: e.detail }) })))));
         }
+        if (this.authStep === 'email' && this.authMethodStates.email !== 'complete') {
+            return (index.h("verdocs-otp-dialog", { method: "email", onNext: async (e) => {
+                    this.processAuthResponse(e.detail.response);
+                } }));
+        }
         if (this.authStep === 'kba' && !this.authMethodStates.kba) {
             return (index.h(index.Host, { class: "kba" }, index.h("div", { id: "verdocs-sign-header" }, index.h("div", { class: "inner" }, index.h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), index.h("div", { class: "title" }, this.envelope.name))), index.h("div", { class: "document", style: { paddingTop: '15px' } }, index.h("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" })), index.h("div", { class: "cover" }, index.h("div", { class: "kba" }, index.h("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 recipDetails = e.detail;