@verdocs/web-sdk 4.2.144 → 4.2.146

package/dist/components/verdocs-envelopes-list.js

@@ -1,18 +1,18 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { VerdocsEndpoint, getEnvelopes, getRecipientsWithActions, userCanCancelEnvelope, userCanAct, formatFullName, cancelEnvelope, integerSequence } from '@verdocs/js-sdk';
-import { s as saveEnvelopesAsZip } from './utils.js';
-import { V as VerdocsToast } from './Toast.js';
-import { S as SDKError } from './errors.js';
-import { d as defineCustomElement$b } from './verdocs-button2.js';
-import { d as defineCustomElement$a } from './verdocs-checkbox2.js';
-import { d as defineCustomElement$9 } from './verdocs-dropdown2.js';
-import { d as defineCustomElement$8 } from './verdocs-help-icon2.js';
-import { d as defineCustomElement$7 } from './verdocs-pagination2.js';
-import { d as defineCustomElement$6 } from './verdocs-portal2.js';
-import { d as defineCustomElement$5 } from './verdocs-quick-filter2.js';
-import { d as defineCustomElement$4 } from './verdocs-spinner2.js';
-import { d as defineCustomElement$3 } from './verdocs-status-indicator2.js';
-import { d as defineCustomElement$2 } from './verdocs-text-input2.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-7786799a.js';
+import { VerdocsEndpoint, getEnvelopes, integerSequence, getRecipientsWithActions, userCanCancelEnvelope, userCanAct, formatFullName, cancelEnvelope } from '@verdocs/js-sdk';
+import { s as saveEnvelopesAsZip } from './p-4c8548d4.js';
+import { V as VerdocsToast } from './p-04c07b7b.js';
+import { S as SDKError } from './p-fd97809c.js';
+import { d as defineCustomElement$b } from './p-ac7578f6.js';
+import { d as defineCustomElement$a } from './p-4dc4418a.js';
+import { d as defineCustomElement$9 } from './p-df4ac086.js';
+import { d as defineCustomElement$8 } from './p-69881420.js';
+import { d as defineCustomElement$7 } from './p-877eaf65.js';
+import { d as defineCustomElement$6 } from './p-8b27ce22.js';
+import { d as defineCustomElement$5 } from './p-1e63fb14.js';
+import { d as defineCustomElement$4 } from './p-6b369b14.js';
+import { d as defineCustomElement$3 } from './p-82fb3284.js';
+import { d as defineCustomElement$2 } from './p-e4a852b5.js';
 
 const verdocsEnvelopesListCss = "@-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-envelopes-list{display:-ms-flexbox;display:flex;padding:10px;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", \"Barlow\", sans-serif}@media screen and (max-width: 800px){verdocs-envelopes-list{font-size:14px}}verdocs-envelopes-list .envelope-placeholder{height:48px;-ms-flex:0 0 48px;flex:0 0 48px;margin:5px 0;border-radius:5px;background:#f5f5fa}verdocs-envelopes-list .header{width:100%;row-gap:4px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-envelopes-list .header .filter{width:300px}verdocs-envelopes-list .header verdocs-text-input{margin:0}verdocs-envelopes-list .header verdocs-text-input input{height:32px}verdocs-envelopes-list .filter{-ms-flex-align:center;align-items:center}verdocs-envelopes-list .envelope{width:100%;margin:3px 0;background:#ffffff}verdocs-envelopes-list .envelope:hover{cursor:pointer;background:#f5f5fa}verdocs-envelopes-list .envelope .inner{gap:12px;display:-ms-flexbox;display:flex;padding:8px 14px;border-radius:5px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;container-type:inline-size}verdocs-envelopes-list .envelope .inner svg{width:24px;height:24px}verdocs-envelopes-list .vert-spacer{height:50px;display:-ms-flexbox;display:flex;-ms-flex:0 0 1px;flex:0 0 1px;border-right:1px solid #dad8dd}@media screen and (max-width: 800px){verdocs-envelopes-list .vert-spacer{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list .envelope-icon{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-checkbox{display:none}}verdocs-envelopes-list .last-modified{color:#444;display:-ms-flexbox;display:flex;-ms-flex:0 0 180px;flex:0 0 180px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;white-space:nowrap}@media screen and (max-width: 800px){verdocs-envelopes-list .last-modified{display:none}}verdocs-envelopes-list .envelope-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;color:#000000;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .envelope-recipients{color:#4b5563;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .empty-text{text-align:center;margin:16px 0 0 0;padding:80px 80px;border:2px solid #ccc}verdocs-envelopes-list .containing{gap:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-status-indicator{font-size:14px}}";
 const VerdocsEnvelopesListStyle0 = verdocsEnvelopesListCss;
@@ -41,7 +41,7 @@ const SortFilters = [
     { value: 'envelope_name', label: 'Name' },
     { value: 'envelope_status', label: 'Status' },
 ];
-const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsEnvelopesList extends HTMLElement {
+const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsEnvelopesList extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/verdocs-field-attachment.js

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldAttachment$1, d as defineCustomElement$1 } from './verdocs-field-attachment2.js';
+import { V as VerdocsFieldAttachment$1, d as defineCustomElement$1 } from './p-12594438.js';
 
 const VerdocsFieldAttachment = VerdocsFieldAttachment$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-field-checkbox.js

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldCheckbox$1, d as defineCustomElement$1 } from './verdocs-field-checkbox2.js';
+import { V as VerdocsFieldCheckbox$1, d as defineCustomElement$1 } from './p-03660739.js';
 
 const VerdocsFieldCheckbox = VerdocsFieldCheckbox$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-field-date.js

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldDate$1, d as defineCustomElement$1 } from './verdocs-field-date2.js';
+import { V as VerdocsFieldDate$1, d as defineCustomElement$1 } from './p-0162bdd3.js';
 
 const VerdocsFieldDate = VerdocsFieldDate$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-field-dropdown.js

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldDropdown$1, d as defineCustomElement$1 } from './verdocs-field-dropdown2.js';
+import { V as VerdocsFieldDropdown$1, d as defineCustomElement$1 } from './p-1b60debe.js';
 
 const VerdocsFieldDropdown = VerdocsFieldDropdown$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-field-initial.js

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldInitial$1, d as defineCustomElement$1 } from './verdocs-field-initial2.js';
+import { V as VerdocsFieldInitial$1, d as defineCustomElement$1 } from './p-b679d760.js';
 
 const VerdocsFieldInitial = VerdocsFieldInitial$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-field-payment.js

@@ -1,12 +1,12 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host, F as Fragment } from './p-7786799a.js';
 import { getRGBA } from '@verdocs/js-sdk';
-import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore.js';
-import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
+import { g as getTemplateRoleStore, a as getRoleIndex } from './p-9b5a4f9e.js';
+import { g as getTemplateFieldStore } from './p-00d39dca.js';
 
 const verdocsFieldPaymentCss = "@-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-field-payment{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:24px;height:24px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;border:1px solid #cfa;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-payment.disabled{opacity:0.5}verdocs-field-payment button,verdocs-field-payment div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-field-payment button{color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-payment button.hide{display:none}verdocs-field-payment input{float:left;font-family:Arial, sans-serif}verdocs-field-payment select{position:absolute;font-family:Arial, sans-serif;background:linear-gradient(55deg, transparent 50%, #333 50%), linear-gradient(125deg, #333 50%, transparent 50%), linear-gradient(to right, transparent, transparent);background-position:calc(100% - 7px) 4px, calc(100% - 3px) 4px, 100% 0;background-size:5px 5px, 5px 5px, 2.5em 2.5em;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none}verdocs-field-payment .frame{width:100%;height:100%;background-size:contain;text-align:left}verdocs-field-payment .frame img{position:absolute;height:auto;width:100%}verdocs-field-payment.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-payment .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-payment .settings-icon svg{fill:#707ae5}verdocs-field-payment .settings-icon:hover{opacity:1}@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)}}";
 const VerdocsFieldPaymentStyle0 = verdocsFieldPaymentCss;
 
-const VerdocsFieldPayment$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsFieldPayment extends HTMLElement {
+const VerdocsFieldPayment$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsFieldPayment extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/verdocs-field-radio.js

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldRadio$1, d as defineCustomElement$1 } from './verdocs-field-radio2.js';
+import { V as VerdocsFieldRadio$1, d as defineCustomElement$1 } from './p-72e959a7.js';
 
 const VerdocsFieldRadio = VerdocsFieldRadio$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-field-signature.js

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldSignature$1, d as defineCustomElement$1 } from './verdocs-field-signature2.js';
+import { V as VerdocsFieldSignature$1, d as defineCustomElement$1 } from './p-6e8c00bc.js';
 
 const VerdocsFieldSignature = VerdocsFieldSignature$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-field-textarea.js

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldTextarea$1, d as defineCustomElement$1 } from './verdocs-field-textarea2.js';
+import { V as VerdocsFieldTextarea$1, d as defineCustomElement$1 } from './p-8f942993.js';
 
 const VerdocsFieldTextarea = VerdocsFieldTextarea$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-field-textbox.js

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldTextbox$1, d as defineCustomElement$1 } from './verdocs-field-textbox2.js';
+import { V as VerdocsFieldTextbox$1, d as defineCustomElement$1 } from './p-b8cd75c0.js';
 
 const VerdocsFieldTextbox = VerdocsFieldTextbox$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-field-timestamp.js

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldTimestamp$1, d as defineCustomElement$1 } from './verdocs-field-timestamp2.js';
+import { V as VerdocsFieldTimestamp$1, d as defineCustomElement$1 } from './p-cdf871dd.js';
 
 const VerdocsFieldTimestamp = VerdocsFieldTimestamp$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-file-chooser.js

@@ -1,4 +1,4 @@
-import { V as VerdocsFileChooser$1, d as defineCustomElement$1 } from './verdocs-file-chooser2.js';
+import { V as VerdocsFileChooser$1, d as defineCustomElement$1 } from './p-fe2dca8c.js';
 
 const VerdocsFileChooser = VerdocsFileChooser$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-help-icon.js

@@ -1,4 +1,4 @@
-import { V as VerdocsHelpIcon$1, d as defineCustomElement$1 } from './verdocs-help-icon2.js';
+import { V as VerdocsHelpIcon$1, d as defineCustomElement$1 } from './p-69881420.js';
 
 const VerdocsHelpIcon = VerdocsHelpIcon$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-initial-dialog.js

@@ -1,4 +1,4 @@
-import { V as VerdocsInitialDialog$1, d as defineCustomElement$1 } from './verdocs-initial-dialog2.js';
+import { V as VerdocsInitialDialog$1, d as defineCustomElement$1 } from './p-3518350d.js';
 
 const VerdocsInitialDialog = VerdocsInitialDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-kba-dialog.js

@@ -1,4 +1,4 @@
-import { V as VerdocsKbaDialog$1, d as defineCustomElement$1 } from './verdocs-kba-dialog2.js';
+import { V as VerdocsKbaDialog$1, d as defineCustomElement$1 } from './p-4645d622.js';
 
 const VerdocsKbaDialog = VerdocsKbaDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-loader.js

@@ -1,4 +1,4 @@
-import { V as VerdocsLoader$1, d as defineCustomElement$1 } from './verdocs-loader2.js';
+import { V as VerdocsLoader$1, d as defineCustomElement$1 } from './p-90540412.js';
 
 const VerdocsLoader = VerdocsLoader$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-ok-dialog.js

@@ -1,4 +1,4 @@
-import { V as VerdocsOkDialog$1, d as defineCustomElement$1 } from './verdocs-ok-dialog2.js';
+import { V as VerdocsOkDialog$1, d as defineCustomElement$1 } from './p-83245875.js';
 
 const VerdocsOkDialog = VerdocsOkDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-organization-card.js

@@ -1,6 +1,6 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './verdocs-portal2.js';
-import { f as format } from './format.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-7786799a.js';
+import { d as defineCustomElement$2 } from './p-8b27ce22.js';
+import { f as format } from './p-12bab948.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}";
 const VerdocsOrganizationCardStyle0 = verdocsOrganizationCardCss;
@@ -8,7 +8,7 @@ const VerdocsOrganizationCardStyle0 = verdocsOrganizationCardCss;
 // TODO: See what was done in Storybook. Move all SVG icons to a common file that both projects can share
 //  and reduce duplication between components for re-used icons. Also bring icons into Figma for reuse there.
 const BusinessIcon = '<svg xmlns="http://www.w3.org/2000/svg"  focusable="false" aria-hidden="true" height="24px" viewBox="0 0 24 24" width="24px"><path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z"></path></svg>';
-const VerdocsOrganizationCard$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsOrganizationCard extends HTMLElement {
+const VerdocsOrganizationCard$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsOrganizationCard extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/verdocs-pagination.js

@@ -1,4 +1,4 @@
-import { V as VerdocsQuickFilter, d as defineCustomElement$1 } from './verdocs-pagination2.js';
+import { V as VerdocsQuickFilter, d as defineCustomElement$1 } from './p-877eaf65.js';
 
 const VerdocsPagination = VerdocsQuickFilter;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-portal.js

@@ -1,4 +1,4 @@
-import { V as VerdocsPortal$1, d as defineCustomElement$1 } from './verdocs-portal2.js';
+import { V as VerdocsPortal$1, d as defineCustomElement$1 } from './p-8b27ce22.js';
 
 const VerdocsPortal = VerdocsPortal$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-preview.js

@@ -1,4 +1,4 @@
-import { V as VerdocsPreview$1, d as defineCustomElement$1 } from './verdocs-preview2.js';
+import { V as VerdocsPreview$1, d as defineCustomElement$1 } from './p-76282bf0.js';
 
 const VerdocsPreview = VerdocsPreview$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-progress-bar.js

@@ -1,4 +1,4 @@
-import { V as VerdocsProgressBar$1, d as defineCustomElement$1 } from './verdocs-progress-bar2.js';
+import { V as VerdocsProgressBar$1, d as defineCustomElement$1 } from './p-556596e4.js';
 
 const VerdocsProgressBar = VerdocsProgressBar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-quick-filter.js

@@ -1,4 +1,4 @@
-import { V as VerdocsQuickFilter$1, d as defineCustomElement$1 } from './verdocs-quick-filter2.js';
+import { V as VerdocsQuickFilter$1, d as defineCustomElement$1 } from './p-1e63fb14.js';
 
 const VerdocsQuickFilter = VerdocsQuickFilter$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-quick-functions.js

@@ -1,4 +1,4 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-7786799a.js';
 import { VerdocsEndpoint } from '@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}";
@@ -6,7 +6,7 @@ const VerdocsQuickFunctionsStyle0 = verdocsQuickFunctionsCss;
 
 const DocumentIcon = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg>`;
 const TemplateIcon = `<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/><g><path d="M19,5v14H5V5H19 M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3L19,3z"/></g><path d="M14,17H7v-2h7V17z M17,13H7v-2h10V13z M17,9H7V7h10V9z"/></g></svg>`;
-const VerdocsQuickFunctions$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsQuickFunctions extends HTMLElement {
+const VerdocsQuickFunctions$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsQuickFunctions extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/verdocs-radio-button.js

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h, d as Host } from './p-7786799a.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:#a0a0d0;background:#a0a0d0}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;
 
-const VerdocsRadioButton$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsRadioButton extends HTMLElement {
+const VerdocsRadioButton$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsRadioButton extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/verdocs-search-box.js

@@ -1,4 +1,4 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-7786799a.js';
 import { VerdocsEndpoint } from '@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}";
@@ -6,7 +6,7 @@ const VerdocsSearchBoxStyle0 = verdocsSearchBoxCss;
 
 const 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>`;
 const 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>`;
-const VerdocsSearchBox$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSearchBox extends HTMLElement {
+const VerdocsSearchBox$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSearchBox extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/verdocs-search-tabs.js

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './p-7786799a.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;
 
-const VerdocsSearchTabs$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSearchTabs extends HTMLElement {
+const VerdocsSearchTabs$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSearchTabs extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/verdocs-select-input.js

@@ -1,4 +1,4 @@
-import { V as VerdocsSelectInput$1, d as defineCustomElement$1 } from './verdocs-select-input2.js';
+import { V as VerdocsSelectInput$1, d as defineCustomElement$1 } from './p-263dc67d.js';
 
 const VerdocsSelectInput = VerdocsSelectInput$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-send.js

@@ -1,4 +1,4 @@
-import { V as VerdocsSend$1, d as defineCustomElement$1 } from './verdocs-send2.js';
+import { V as VerdocsSend$1, d as defineCustomElement$1 } from './p-285791f0.js';
 
 const VerdocsSend = VerdocsSend$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-sign.js

@@ -1,19 +1,19 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
-import { VerdocsEndpoint, startSigningSession, getKbaStep, envelopeRecipientAgree, envelopeRecipientDecline, updateEnvelopeField, createSignature, updateEnvelopeFieldSignature, createInitials, updateEnvelopeFieldInitials, isValidPhone, isValidEmail, sortFields, envelopeRecipientSubmit, getEnvelope, uploadEnvelopeFieldAttachment, deleteEnvelopeFieldAttachment, formatFullName, fullNameToInitials, submitKbaPin, submitKbaIdentity, integerSequence } from '@verdocs/js-sdk';
-import { a as saveAttachment, u as updateDocumentFieldValue, r as renderDocumentField, g as getFieldId } from './utils.js';
-import { c as createTemplateFieldStoreFromEnvelope } from './TemplateFieldStore.js';
-import { V as VerdocsToast } from './Toast.js';
-import { S as SDKError } from './errors.js';
-import { d as defineCustomElement$b } from './verdocs-button2.js';
-import { d as defineCustomElement$a } from './verdocs-checkbox2.js';
-import { d as defineCustomElement$9 } from './verdocs-dropdown2.js';
-import { d as defineCustomElement$8 } from './verdocs-envelope-document-page2.js';
-import { d as defineCustomElement$7 } from './verdocs-kba-dialog2.js';
-import { d as defineCustomElement$6 } from './verdocs-loader2.js';
-import { d as defineCustomElement$5 } from './verdocs-ok-dialog2.js';
-import { d as defineCustomElement$4 } from './verdocs-portal2.js';
-import { d as defineCustomElement$3 } from './verdocs-spinner2.js';
-import { d as defineCustomElement$2 } from './verdocs-view2.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host, F as Fragment } from './p-7786799a.js';
+import { VerdocsEndpoint, startSigningSession, getKbaStep, envelopeRecipientAgree, envelopeRecipientDecline, updateEnvelopeField, createSignature, updateEnvelopeFieldSignature, createInitials, updateEnvelopeFieldInitials, isValidPhone, isValidEmail, sortFields, envelopeRecipientSubmit, getEnvelope, uploadEnvelopeFieldAttachment, deleteEnvelopeFieldAttachment, formatFullName, fullNameToInitials, submitKbaPin, submitKbaIdentity, submitKbaChallengeResponse, integerSequence } from '@verdocs/js-sdk';
+import { a as saveAttachment, u as updateDocumentFieldValue, r as renderDocumentField, g as getFieldId } from './p-4c8548d4.js';
+import { c as createTemplateFieldStoreFromEnvelope } from './p-00d39dca.js';
+import { V as VerdocsToast } from './p-04c07b7b.js';
+import { S as SDKError } from './p-fd97809c.js';
+import { d as defineCustomElement$b } from './p-ac7578f6.js';
+import { d as defineCustomElement$a } from './p-4dc4418a.js';
+import { d as defineCustomElement$9 } from './p-df4ac086.js';
+import { d as defineCustomElement$8 } from './p-fbc69665.js';
+import { d as defineCustomElement$7 } from './p-4645d622.js';
+import { d as defineCustomElement$6 } from './p-90540412.js';
+import { d as defineCustomElement$5 } from './p-83245875.js';
+import { d as defineCustomElement$4 } from './p-8b27ce22.js';
+import { d as defineCustomElement$3 } from './p-6b369b14.js';
+import { d as defineCustomElement$2 } from './p-cbb20d7a.js';
 
 const verdocsSignCss = "@-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)}@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 VerdocsSignStyle0 = verdocsSignCss;
@@ -29,7 +29,7 @@ const doneMenuOptions = [
     { id: 'print', label: 'Print' },
     { id: 'download', label: 'Download' },
 ];
-const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends HTMLElement {
+const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends H {
     constructor() {
         super();
         this.__registerHost();
@@ -65,7 +65,9 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
         this.agreed = false;
         this.documentsSingularPlural = 'document';
         this.kbaStep = '';
+        this.kbaQuestions = [];
         this.showSpinner = false;
+        this.kbaChoices = [];
     }
     componentWillLoad() {
         if (!this.endpoint) {
@@ -129,6 +131,8 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
                     .then(r => {
                     console.log('[SIGN] KBA Step', r);
                     this.kbaStep = r.kba_step;
+                    this.kbaQuestions = r.questions || [];
+                    this.kbaChoices = [];
                 })
                     .catch(e => console.log('Error getting KBA step', e));
             }
@@ -400,7 +404,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
             nextFocusedIndex = 0;
         }
         let nextRequiredField = emptyFields[nextFocusedIndex];
-        console.log('Next field', nextRequiredField, emptyFields);
+        // console.log('Next field', nextRequiredField, emptyFields);
         // Skip signature and initial fields that are already filled in. We have to count our "skips" just in case, to avoid infinite loops.
         let skips = 0;
         if (skips < emptyFields.length && ['signature', 'initial'].includes(nextRequiredField.type) && ['initialed', 'signed'].includes(nextRequiredField.value)) {
@@ -559,7 +563,6 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
         this.checkRecipientFields();
     }
     render() {
-        var _a;
         if (this.showLoadError) {
             return (h(Host, null, h("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();
@@ -629,26 +632,19 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
                 } })))));
         }
         if (this.kbaStep === 'challenge') {
-            return (h(Host, { class: "kba" }, h("div", { id: "verdocs-sign-header" }, h("div", { class: "inner" }, h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), h("div", { class: "title" }, this.envelope.name))), h("div", { class: "document", style: { paddingTop: '15px' } }, 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" })), h("div", { class: "cover" }, h("div", { class: "kba" }, h("verdocs-kba-dialog", { mode: "choice", helptitle: "Your identity requires additional verification", helptext: "Please answer the question(s) below to proceed.", recipient: this.recipient, choices: (_a = this.recipient.kba_details) === null || _a === void 0 ? void 0 : _a.questions, onNext: async (e) => {
-                    const recipDetails = e.detail;
-                    submitKbaIdentity(this.endpoint, this.envelopeId, this.roleId, {
-                        firstName: recipDetails.first_name,
-                        lastName: recipDetails.last_name,
-                        address: recipDetails.address,
-                        city: recipDetails.city,
-                        state: recipDetails.state,
-                        zip: recipDetails.zip,
-                        ssnLast4: recipDetails.ssn_last_4,
-                    })
-                        .then(r => {
-                        console.log('[SIGN] Identity submission result', r);
-                        this.kbaStep = r.kba_step;
-                    })
-                        .catch(e => {
-                        var _a, _b;
-                        console.log('[SIGN] Error submitting identity', e);
-                        VerdocsToast(((_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) || 'Unable to verify identity.', { style: 'error' });
-                    });
+            const questionNumber = this.kbaChoices.length;
+            const kbaQuestion = this.kbaQuestions[questionNumber];
+            console.log('Showing KBA question', { questionNumber, kbaQuestion }, this.kbaChoices);
+            return (h(Host, { class: "kba" }, h("div", { id: "verdocs-sign-header" }, h("div", { class: "inner" }, h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), h("div", { class: "title" }, this.envelope.name))), h("div", { class: "document", style: { paddingTop: '15px' } }, 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" })), h("div", { class: "cover" }, h("div", { class: "kba" }, h("verdocs-kba-dialog", { mode: "choice", helptitle: "Yo ur identity requires additional verification", helptext: (kbaQuestion === null || kbaQuestion === void 0 ? void 0 : kbaQuestion.prompt) || 'Please select one of the options below.', choices: (kbaQuestion === null || kbaQuestion === void 0 ? void 0 : kbaQuestion.answer) || ['Skip Question'], onNext: async (e) => {
+                    const answer = e.detail;
+                    this.kbaChoices = [...this.kbaChoices, answer];
+                    if (this.kbaChoices.length >= this.kbaQuestions.length) {
+                        const responses = this.kbaQuestions.map((q, i) => ({ type: q.type, answer: this.kbaChoices[i] }));
+                        console.log('Submitting KBA responses', this.kbaChoices, responses);
+                        const response = await submitKbaChallengeResponse(this.endpoint, this.envelopeId, this.roleId, { responses });
+                        console.log('KBA challenge response', response);
+                        this.kbaStep = 'complete';
+                    }
                 } })))));
         }
         return (h(Host, null, h("div", { id: "verdocs-sign-header" }, h("div", { class: "inner" }, h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), h("div", { class: "title" }, this.envelope.name), h("div", { style: { flex: '1' } }), !this.finishLater && h("verdocs-button", { size: "xsmall", label: this.nextButtonLabel, disabled: !this.agreed, onClick: () => this.handleNext() }), h("div", { style: { marginLeft: '10px' } }), h("verdocs-dropdown", { options: !this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions, onOptionSelected: e => this.handleOptionSelected(e) }))), h("div", { class: "document", style: { paddingTop: '15px' } }, (this.envelope.documents || []).map(envelopeDocument => {
@@ -688,9 +684,9 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
     static get style() { return VerdocsSignStyle0; }
 }, [0, "verdocs-sign", {
         "endpoint": [1040],
-        "envelopeId": [1, "envelope-id"],
-        "roleId": [1, "role-id"],
-        "inviteCode": [1, "invite-code"],
+        "envelopeId": [513, "envelope-id"],
+        "roleId": [513, "role-id"],
+        "inviteCode": [513, "invite-code"],
         "headerTargetId": [1, "header-target-id"],
         "envelope": [32],
         "roleNames": [32],
@@ -715,7 +711,9 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
         "agreed": [32],
         "documentsSingularPlural": [32],
         "kbaStep": [32],
-        "showSpinner": [32]
+        "kbaQuestions": [32],
+        "showSpinner": [32],
+        "kbaChoices": [32]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/verdocs-signature-dialog.js

@@ -1,4 +1,4 @@
-import { V as VerdocsSignatureDialog$1, d as defineCustomElement$1 } from './verdocs-signature-dialog2.js';
+import { V as VerdocsSignatureDialog$1, d as defineCustomElement$1 } from './p-d3170dcd.js';
 
 const VerdocsSignatureDialog = VerdocsSignatureDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-spinner.js

@@ -1,4 +1,4 @@
-import { V as VerdocsQuickFilter, d as defineCustomElement$1 } from './verdocs-spinner2.js';
+import { V as VerdocsQuickFilter, d as defineCustomElement$1 } from './p-6b369b14.js';
 
 const VerdocsSpinner = VerdocsQuickFilter;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-status-indicator.js

@@ -1,4 +1,4 @@
-import { V as VerdocsStatusIndicator$1, d as defineCustomElement$1 } from './verdocs-status-indicator2.js';
+import { V as VerdocsStatusIndicator$1, d as defineCustomElement$1 } from './p-82fb3284.js';
 
 const VerdocsStatusIndicator = VerdocsStatusIndicator$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-switch.js

@@ -1,4 +1,4 @@
-import { V as VerdocsSwitch$1, d as defineCustomElement$1 } from './verdocs-switch2.js';
+import { V as VerdocsSwitch$1, d as defineCustomElement$1 } from './p-db4a15fd.js';
 
 const VerdocsSwitch = VerdocsSwitch$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-table.js

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-7786799a.js';
 
 const verdocsTableCss = "@-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-table{width:100%;display:block;margin:0 0 10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-table .table-wrapper{margin:10px 0;padding:0}verdocs-table .table{width:100%;border:none;border-collapse:collapse}verdocs-table .row.data-row{border:1px solid #d4d4d8;background-color:#ffffff}verdocs-table .header-col{color:#5c6575;font-weight:600;text-align:left;padding:8px 16px}verdocs-table .data-col{font-weight:400;padding:8px 16px}";
 const VerdocsTableStyle0 = verdocsTableCss;
 
-const VerdocsTable$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsTable extends HTMLElement {
+const VerdocsTable$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsTable extends H {
     constructor() {
         super();
         this.__registerHost();

package/dist/components/verdocs-tabs.js

@@ -1,4 +1,4 @@
-import { V as VerdocsTabs$1, d as defineCustomElement$1 } from './verdocs-tabs2.js';
+import { V as VerdocsTabs$1, d as defineCustomElement$1 } from './p-ffe8b41d.js';
 
 const VerdocsTabs = VerdocsTabs$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-template-attachments.js

@@ -1,4 +1,4 @@
-import { V as VerdocsTemplateAttachments$1, d as defineCustomElement$1 } from './verdocs-template-attachments2.js';
+import { V as VerdocsTemplateAttachments$1, d as defineCustomElement$1 } from './p-ed9a1a21.js';
 
 const VerdocsTemplateAttachments = VerdocsTemplateAttachments$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-template-build-tabs.js

@@ -1,4 +1,4 @@
-import { V as VerdocsTemplateBuildTabs$1, d as defineCustomElement$1 } from './verdocs-template-build-tabs2.js';
+import { V as VerdocsTemplateBuildTabs$1, d as defineCustomElement$1 } from './p-85ef4d07.js';
 
 const VerdocsTemplateBuildTabs = VerdocsTemplateBuildTabs$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-template-card.js

@@ -1,4 +1,4 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h, d as Host } from './p-7786799a.js';
 
 const verdocsTemplateCardCss = "@-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-template-card{font-family:\"Inter\", \"Barlow\", sans-serif;width:320px;height:320px;display:-ms-flexbox;display:flex;padding:25px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff;-webkit-box-shadow:2px 2px 5px rgba(51, 54, 75, 0.05);box-shadow:2px 2px 5px rgba(51, 54, 75, 0.05)}verdocs-template-card .thumbnail{width:272px;height:158px;-o-object-fit:cover;object-fit:cover;margin-bottom:22px;-o-object-position:-20% 0;object-position:-20% 0}verdocs-template-card .name{font-size:18px;font-weight:700;margin-bottom:7px}verdocs-template-card .org-name{font-size:14px;font-weight:700;margin-bottom:6px}verdocs-template-card hr{width:100%;margin-bottom:17px;background-color:#aeb4bf}verdocs-template-card .controls{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;text-align:center;font-size:16px}verdocs-template-card .controls .control{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;margin-right:8px;-ms-flex-align:start;align-items:flex-start;border-right:1px solid #aeb4bf}verdocs-template-card .controls .control.secondary{-ms-flex-pack:center;justify-content:center}verdocs-template-card .controls .control svg{fill:#aeb4bf;height:16px;max-width:16px;margin:0 8px -2px 0}verdocs-template-card .additional-controls svg{margin-right:0;fill:#654dcb}";
 const VerdocsTemplateCardStyle0 = verdocsTemplateCardCss;
@@ -7,7 +7,7 @@ const ActionsIcon = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewB
 const EmailIcon = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0l-8 5-8-5h16zm0 12H4V8l8 5 8-5v10z"/></svg>`;
 const PagesIcon = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4H8c-1.1 0-1.99.9-1.99 2L6 21c0 1.1.89 2 1.99 2H19c1.1 0 2-.9 2-2V11l-6-6zM8 21V7h6v5h5v9H8z"/></svg>`;
 const StarIcon = `<svg width="31" height="29" viewBox="0 0 31 29" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_31553_1553)"><path d="M30.886 11.4917C30.8916 11.0917 30.753 10.7034 30.4962 10.3993C30.2394 10.0953 29.882 9.8964 29.4908 9.83995L29.5182 9.65005L29.4908 9.83995L21.0938 8.60261L17.3412 0.912551C17.2067 0.638179 16.9992 0.407285 16.7421 0.245866C16.485 0.0844465 16.1885 -0.00111389 15.886 -0.00111389C15.5835 -0.00111389 15.287 0.0844465 15.0299 0.245866C14.7728 0.407285 14.5653 0.638179 14.4308 0.912551L10.6781 8.60261L2.28121 9.8392C1.89206 9.89475 1.53611 10.0916 1.2796 10.3931C1.02308 10.6945 0.88348 11.08 0.886776 11.4779C0.886447 11.6961 0.929977 11.912 1.01472 12.1125C1.09946 12.3131 1.22363 12.4941 1.37968 12.6445L7.45563 18.5744L6.01943 27.0241C6.00289 27.1258 5.99449 27.2287 5.99435 27.3317C5.99313 27.7717 6.16395 28.1943 6.4695 28.5071C6.77505 28.82 7.19045 28.9976 7.62496 29.0013C7.88846 29.0008 8.14779 28.9345 8.37992 28.8083L15.8883 24.8217L23.3967 28.8114C23.6287 28.9361 23.8873 29.0015 24.15 29.002C24.5752 28.9998 24.9832 28.8318 25.2893 28.5329C25.4452 28.3832 25.5695 28.2029 25.6544 28.003C25.7392 27.8031 25.783 27.5878 25.783 27.3702C25.7827 27.2731 25.7743 27.176 25.7579 27.0803L24.3209 18.6296L30.3931 12.7022C30.7094 12.3809 30.8867 11.9454 30.886 11.4917ZM22.0759 17.53L21.9437 17.3916L22.0759 17.53C22.0072 17.5977 21.9525 17.6787 21.9152 17.7681C21.8779 17.8575 21.8587 17.9536 21.8587 18.0506L21.8693 18.1737L23.2037 26.0237L16.2164 22.3148C16.1136 22.2602 15.9994 22.2317 15.8833 22.2317C15.7673 22.2317 15.653 22.2602 15.5503 22.3148L8.57132 26.0245L9.90651 18.1745L9.91712 18.0506C9.91696 17.9536 9.89768 17.8576 9.86038 17.7682C9.82308 17.6788 9.76851 17.5978 9.6999 17.53L4.05538 11.9724L11.8576 10.8258C11.9725 10.8088 12.0816 10.7638 12.1755 10.6947C12.2695 10.6256 12.3454 10.5344 12.3969 10.429L15.886 3.27721L19.3797 10.429C19.4313 10.5344 19.5074 10.6256 19.6014 10.6948C19.6955 10.7639 19.8047 10.8088 19.9197 10.8258L27.7197 11.9747L22.0759 17.53Z" fill="#ADB6BD"/></g><defs><clipPath id="clip0_31553_1553"><rect width="30" height="29" fill="white" transform="translate(0.886719)"/></clipPath></defs></svg>`;
-const VerdocsTemplateCard$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsTemplateCard extends HTMLElement {
+const VerdocsTemplateCard$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsTemplateCard extends H {
     constructor() {
         super();
         this.__registerHost();