@verdocs/web-sdk 5.0.47 → 5.0.48

package/dist/cjs/verdocs-web-sdk.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"verdocs-build.cjs\",[[0,\"verdocs-build\",{\"endpoint\":[16],\"templateId\":[1537,\"template-id\"],\"step\":[1537],\"loading\":[32],\"template\":[32]},null,{\"templateId\":[\"onTemplateIdChanged\"],\"step\":[\"onStepChanged\"]}]]],[\"verdocs-envelopes-list.cjs\",[[0,\"verdocs-envelopes-list\",{\"endpoint\":[16],\"view\":[1537],\"status\":[1537],\"sort\":[1537],\"match\":[1537],\"showPagination\":[4,\"show-pagination\"],\"rowsPerPage\":[2,\"rows-per-page\"],\"selectedPage\":[2,\"selected-page\"],\"count\":[32],\"initiallyLoaded\":[32],\"loading\":[32],\"selectedEnvelopes\":[32],\"envelopes\":[32]},null,{\"view\":[\"handleViewUpdated\"],\"status\":[\"handleStatusUpdated\"],\"sort\":[\"handleSortUpdated\"],\"match\":[\"handleMatchUpdated\"],\"selectedPage\":[\"handlePageUpdated\"]}]]],[\"verdocs-sign.cjs\",[[0,\"verdocs-sign\",{\"endpoint\":[1040],\"envelopeId\":[513,\"envelope-id\"],\"roleId\":[513,\"role-id\"],\"inviteCode\":[513,\"invite-code\"],\"headerTargetId\":[1,\"header-target-id\"],\"recipient\":[32],\"hasSignature\":[32],\"nextButtonLabel\":[32],\"nextSubmits\":[32],\"fatalErrorHeader\":[32],\"fatalErrorMessage\":[32],\"focusedField\":[32],\"submitting\":[32],\"submitted\":[32],\"isDone\":[32],\"showDone\":[32],\"showLoadError\":[32],\"finishLater\":[32],\"showFinishLater\":[32],\"agreed\":[32],\"documentsSingularPlural\":[32],\"authStep\":[32],\"authDetails\":[32],\"authMethodStates\":[32],\"kbaQuestions\":[32],\"showSpinner\":[32],\"kbaChoices\":[32],\"loading\":[32],\"envelope\":[32]}]]],[\"verdocs-templates-list.cjs\",[[0,\"verdocs-templates-list\",{\"endpoint\":[16],\"visibility\":[1537],\"starred\":[1537],\"sort\":[1537],\"name\":[1537],\"allowedActions\":[1040],\"showPagination\":[4,\"show-pagination\"],\"rowsPerPage\":[2,\"rows-per-page\"],\"selectedPage\":[2,\"selected-page\"],\"count\":[32],\"initiallyLoaded\":[32],\"loading\":[32],\"confirmDelete\":[32],\"templates\":[32],\"localNameFilter\":[32]},null,{\"sharing\":[\"handleSharingUpdated\"],\"starred\":[\"handleStarredUpdated\"],\"sort\":[\"handleSortUpdated\"],\"name\":[\"handleNameUpdated\"],\"selectedPage\":[\"handlePageUpdated\"]}]]],[\"verdocs-field-payment.cjs\",[[0,\"verdocs-field-payment\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"done\":[516],\"editable\":[516],\"moveable\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"fields\":[16],\"pageNum\":[2,\"page-num\"],\"roleName\":[1,\"role-name\"],\"fieldId\":[1,\"field-id\"],\"recipients\":[8],\"selectedRoleName\":[1,\"selected-role-name\"],\"pdfPages\":[16],\"currentSignature\":[1,\"current-signature\"],\"currentSignatureId\":[1,\"current-signature-id\"],\"currentInitial\":[1,\"current-initial\"],\"currentInitialId\":[1,\"current-initial-id\"],\"signed\":[4],\"roleindex\":[2],\"showingProperties\":[32],\"focused\":[32],\"preparedMessage\":[32],\"signatureUrl\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-envelope-sidebar.cjs\",[[0,\"verdocs-envelope-sidebar\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"activeTab\":[32],\"panelOpen\":[32],\"showRecipientDialog\":[32],\"showCancelDialog\":[32],\"showReinviteDialog\":[32],\"remindersEnabled\":[32],\"updatingReminders\":[32],\"initialReminder\":[32],\"followupReminders\":[32],\"loading\":[32],\"envelope\":[32]}]]],[\"verdocs-template-create.cjs\",[[0,\"verdocs-template-create\",{\"endpoint\":[16],\"maxSize\":[1026,\"max-size\"],\"file\":[32],\"creating\":[32],\"progressLabel\":[32],\"progressPercent\":[32],\"errorMessage\":[32]}]]],[\"verdocs-auth.cjs\",[[0,\"verdocs-auth\",{\"endpoint\":[16],\"visible\":[4],\"logo\":[1],\"displayMode\":[1025,\"display-mode\"],\"org_name\":[32],\"first_name\":[32],\"last_name\":[32],\"email\":[32],\"verificationCode\":[32],\"newPassword\":[32],\"password\":[32],\"confirmpass\":[32],\"submitting\":[32],\"resendDisabled\":[32],\"session\":[32],\"profile\":[32]}]]],[\"verdocs-date-input.cjs\",[[0,\"verdocs-date-input\",{\"value\":[1537],\"label\":[1],\"placeholder\":[1],\"helpText\":[1,\"help-text\"],\"disabled\":[4],\"required\":[4],\"showingPw\":[32],\"focused\":[32],\"containerId\":[32],\"focusField\":[64]}]]],[\"verdocs-envelope-recipient-summary.cjs\",[[0,\"verdocs-envelope-recipient-summary\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"canSendAnother\":[4,\"can-send-another\"],\"canView\":[4,\"can-view\"],\"canDone\":[4,\"can-done\"],\"isOpen\":[32],\"recipientStatusIcons\":[32],\"containerId\":[32],\"gettingLinks\":[32],\"links\":[32],\"loading\":[32],\"envelope\":[32]}]]],[\"verdocs-dialog.cjs\",[[4,\"verdocs-dialog\"]]],[\"verdocs-quick-functions.cjs\",[[0,\"verdocs-quick-functions\",{\"endpoint\":[16]}]]],[\"verdocs-radio-button.cjs\",[[0,\"verdocs-radio-button\",{\"checked\":[4],\"name\":[1],\"value\":[1],\"disabled\":[4]}]]],[\"verdocs-search-box.cjs\",[[0,\"verdocs-search-box\",{\"endpoint\":[16],\"placeholder\":[1],\"type\":[1],\"query\":[1],\"grabsFocus\":[4,\"grabs-focus\"],\"focusField\":[64]}]]],[\"verdocs-search-tabs.cjs\",[[0,\"verdocs-search-tabs\",{\"selected\":[32]}]]],[\"verdocs-table.cjs\",[[0,\"verdocs-table\",{\"columns\":[16],\"data\":[16]}]]],[\"verdocs-template-card.cjs\",[[0,\"verdocs-template-card\",{\"template\":[16]}]]],[\"verdocs-template-tags.cjs\",[[0,\"verdocs-template-tags\",{\"tags\":[16]}]]],[\"verdocs-toggle.cjs\",[[0,\"verdocs-toggle\",{\"options\":[16],\"theme\":[1],\"selectedOption\":[32]}]]],[\"verdocs-toggle-button.cjs\",[[0,\"verdocs-toggle-button\",{\"active\":[4],\"icon\":[1],\"label\":[1],\"size\":[1],\"_active\":[32]}]]],[\"verdocs-envelope-recipient-link.cjs\",[[0,\"verdocs-envelope-recipient-link\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"roleName\":[1,\"role-name\"],\"isOpen\":[32],\"gettingLink\":[32],\"link\":[32],\"loading\":[32],\"envelope\":[32],\"recipient\":[32]}]]],[\"verdocs-status-indicator.cjs\",[[0,\"verdocs-status-indicator\",{\"size\":[1],\"theme\":[1],\"status\":[1],\"envelope\":[16],\"isOpen\":[32],\"containerId\":[32]}]]],[\"verdocs-template-star.cjs\",[[0,\"verdocs-template-star\",{\"endpoint\":[16],\"template\":[1040],\"updating\":[32]}]]],[\"verdocs-envelope-document-page.cjs\",[[0,\"verdocs-envelope-document-page\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"documentId\":[1,\"document-id\"],\"pageNumber\":[2,\"page-number\"],\"virtualWidth\":[2,\"virtual-width\"],\"virtualHeight\":[1026,\"virtual-height\"],\"layers\":[16],\"type\":[1],\"containerId\":[32],\"renderedWidth\":[32],\"renderedHeight\":[32],\"naturalWidth\":[32],\"naturalHeight\":[32],\"aspectRatio\":[32],\"skipFirstNotification\":[32],\"pageDisplayUri\":[32]}]]],[\"verdocs-switch.cjs\",[[0,\"verdocs-switch\",{\"checked\":[1028],\"theme\":[1],\"disabled\":[4]}]]],[\"verdocs-menu-panel_2.cjs\",[[0,\"verdocs-template-role-properties\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"roleName\":[1,\"role-name\"],\"dirty\":[32],\"saving\":[32],\"name\":[32],\"type\":[32],\"first_name\":[32],\"last_name\":[32],\"email\":[32],\"phone\":[32],\"delegator\":[32],\"loading\":[32],\"template\":[32]}],[4,\"verdocs-menu-panel\",{\"side\":[1],\"overlay\":[4],\"width\":[2]},[[4,\"click\",\"handleClick\"]]]]],[\"verdocs-button-panel_2.cjs\",[[4,\"verdocs-button-panel\",{\"icon\":[1],\"showPanel\":[64],\"hidePanel\":[64],\"toggle\":[64]}],[4,\"verdocs-tabs\",{\"tabs\":[16],\"selectedTab\":[2,\"selected-tab\"]}]]],[\"verdocs-spinner.cjs\",[[0,\"verdocs-spinner\",{\"size\":[2],\"mode\":[1]}]]],[\"verdocs-ok-dialog.cjs\",[[0,\"verdocs-ok-dialog\",{\"heading\":[1],\"message\":[1],\"buttonLabel\":[1,\"button-label\"],\"showCancel\":[4,\"show-cancel\"],\"closed\":[32]}]]],[\"verdocs-organization-card_2.cjs\",[[0,\"verdocs-organization-card\",{\"organization\":[16],\"hovered\":[32]},[[1,\"mouseover\",\"onMouseOver\"],[1,\"mouseout\",\"onMouseOut\"]]],[4,\"verdocs-portal\",{\"anchor\":[1],\"voffset\":[2]},[[11,\"scroll\",\"handleScroll\"],[9,\"resize\",\"handleResize\"],[4,\"click\",\"handleClick\"]]]]],[\"verdocs-kba-dialog_2.cjs\",[[0,\"verdocs-view\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"headerTargetId\":[1,\"header-target-id\"],\"canceling\":[32],\"showCancelDone\":[32],\"showLoadError\":[32],\"loading\":[32],\"envelope\":[32]}],[0,\"verdocs-kba-dialog\",{\"step\":[2],\"steps\":[2],\"helptitle\":[1],\"helptext\":[1],\"mode\":[1],\"label\":[1],\"placeholder\":[1],\"recipient\":[16],\"choices\":[16],\"response\":[32],\"updatedRecipient\":[32],\"dobContainerId\":[32]}]]],[\"verdocs-pagination_2.cjs\",[[0,\"verdocs-pagination\",{\"selectedPage\":[1538,\"selected-page\"],\"itemCount\":[2,\"item-count\"],\"perPage\":[2,\"per-page\"]}],[0,\"verdocs-quick-filter\",{\"options\":[16],\"label\":[1],\"value\":[1537],\"placeholder\":[1],\"open\":[32]}]]],[\"verdocs-button_2.cjs\",[[0,\"verdocs-help-icon\",{\"text\":[1],\"icon\":[1],\"containerId\":[32]}],[0,\"verdocs-button\",{\"label\":[1],\"startIcon\":[1,\"start-icon\"],\"endIcon\":[1,\"end-icon\"],\"size\":[1],\"type\":[1],\"variant\":[1],\"disabled\":[4]}]]],[\"verdocs-checkbox_6.cjs\",[[0,\"verdocs-template-field-properties\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"fieldName\":[1025,\"field-name\"],\"helpText\":[1,\"help-text\"],\"dirty\":[32],\"label\":[32],\"type\":[32],\"name\":[32],\"required\":[32],\"roleName\":[32],\"group\":[32],\"fieldType\":[32],\"options\":[32],\"placeholder\":[32],\"defaultValue\":[32],\"showingHelp\":[32],\"loading\":[32],\"template\":[32]}],[0,\"verdocs-select-input\",{\"value\":[1],\"label\":[1],\"options\":[16],\"disabled\":[4]}],[0,\"verdocs-checkbox\",{\"checked\":[4],\"name\":[1],\"label\":[1],\"value\":[1],\"theme\":[1],\"size\":[1],\"disabled\":[4]}],[0,\"verdocs-component-error\",{\"message\":[1]}],[0,\"verdocs-loader\"],[0,\"verdocs-text-input\",{\"value\":[1537],\"label\":[1],\"placeholder\":[1],\"autocomplete\":[1],\"helpText\":[1,\"help-text\"],\"clearable\":[4],\"copyable\":[4],\"type\":[1],\"disabled\":[4],\"required\":[4],\"showingPw\":[32]}]]],[\"verdocs-field-attachment_13.cjs\",[[0,\"verdocs-field-attachment\",{\"endpoint\":[16],\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"dialogOpen\":[32],\"selectedFile\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-initial\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"initials\":[513],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"tempInitials\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-signature\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"name\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"tempSignature\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-checkbox\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"done\":[516],\"editable\":[516],\"moveable\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-date\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"field\":[16],\"containerId\":[32],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-dropdown\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-radio\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"required\":[516],\"done\":[516],\"editable\":[516],\"moveable\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-textarea\",{\"endpoint\":[16],\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-textbox\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"multiline\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-timestamp\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[2],\"showingProperties\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-initial-dialog\",{\"initials\":[1],\"fontLoaded\":[32],\"enteredInitials\":[32],\"mode\":[32]}],[0,\"verdocs-signature-dialog\",{\"name\":[1],\"fontLoaded\":[32],\"enteredName\":[32],\"mode\":[32]}],[0,\"verdocs-upload-dialog\",{\"maxSize\":[1026,\"max-size\"],\"existingFile\":[1032,\"existing-file\"],\"draggingOver\":[32],\"confirmDelete\":[32],\"selectedFiles\":[32],\"errorMessage\":[32]}]]],[\"verdocs-template-document-page_2.cjs\",[[0,\"verdocs-toolbar-icon\",{\"text\":[1],\"icon\":[1],\"placement\":[1],\"containerId\":[32]}],[0,\"verdocs-template-document-page\",{\"endpoint\":[16],\"editable\":[4],\"disabled\":[4],\"done\":[4],\"templateId\":[1,\"template-id\"],\"documentId\":[1,\"document-id\"],\"pageNumber\":[2,\"page-number\"],\"virtualWidth\":[2,\"virtual-width\"],\"virtualHeight\":[1026,\"virtual-height\"],\"layers\":[16],\"containerId\":[32],\"renderedWidth\":[32],\"renderedHeight\":[32],\"naturalWidth\":[32],\"naturalHeight\":[32],\"aspectRatio\":[32],\"skipFirstNotification\":[32],\"pageDisplayUri\":[32],\"xScale\":[32],\"yScale\":[32],\"loading\":[32],\"template\":[32]}]]],[\"verdocs-contact-picker_2.cjs\",[[0,\"verdocs-contact-picker\",{\"endpoint\":[16],\"templateRole\":[16],\"contactSuggestions\":[16],\"first_name\":[32],\"last_name\":[32],\"email\":[32],\"phone\":[32],\"zip\":[32],\"address\":[32],\"message\":[32],\"showSuggestions\":[32],\"showMessage\":[32],\"delegator\":[32],\"auth_methods\":[32],\"passcode\":[32],\"firstNameFieldId\":[32],\"lastNameFieldId\":[32],\"emailFieldId\":[32],\"phoneFieldId\":[32],\"featureFlags\":[32],\"activeEntitlements\":[32]}],[0,\"verdocs-multiselect\",{\"label\":[1],\"placeholder\":[1],\"options\":[16],\"selectedOptions\":[16],\"showPicker\":[32]}]]],[\"verdocs-file-chooser_2.cjs\",[[0,\"verdocs-file-chooser\",{\"endpoint\":[16],\"file\":[32]}],[0,\"verdocs-progress-bar\",{\"label\":[1],\"showPercent\":[4,\"show-percent\"],\"percent\":[2]}]]],[\"verdocs-dropdown.cjs\",[[0,\"verdocs-dropdown\",{\"options\":[16],\"containerId\":[32],\"showPicker\":[32]}]]],[\"verdocs-preview_7.cjs\",[[0,\"verdocs-template-fields\",{\"endpoint\":[16],\"templateId\":[1537,\"template-id\"],\"toolbarTargetId\":[1,\"toolbar-target-id\"],\"placing\":[32],\"showMustSelectRole\":[32],\"selectedRoleName\":[32],\"loading\":[32],\"template\":[32]},[[4,\"keydown\",\"handleKeyDown\"]],{\"templateId\":[\"onTemplateIdChanged\"]}],[0,\"verdocs-preview\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"loading\":[32],\"template\":[32]},null,{\"templateId\":[\"onTemplateIdChanged\"]}],[0,\"verdocs-send\",{\"endpoint\":[16],\"templateId\":[513,\"template-id\"],\"environment\":[1],\"containerId\":[32],\"showPickerForId\":[32],\"sessionContacts\":[32],\"sending\":[32],\"rolesCompleted\":[32],\"loading\":[32],\"template\":[32],\"reset\":[64]},null,{\"templateId\":[\"onTemplateIdChanged\"]}],[0,\"verdocs-template-roles\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"showingRoleDialog\":[32],\"sender\":[32],\"dragging\":[32],\"loading\":[32],\"template\":[32]}],[0,\"verdocs-template-settings\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"name\":[32],\"visibility\":[32],\"sender\":[32],\"sendReminders\":[32],\"initialReminder\":[32],\"followupReminders\":[32],\"dirty\":[32],\"loading\":[32],\"template\":[32]}],[0,\"verdocs-template-attachments\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"uploading\":[32],\"progressLabel\":[32],\"progressPercent\":[32],\"showDeleteError\":[32],\"confirmDeleteDocument\":[32],\"loading\":[32],\"template\":[32]}],[0,\"verdocs-template-build-tabs\",{\"endpoint\":[16],\"templateId\":[1537,\"template-id\"],\"step\":[1537],\"loading\":[32],\"template\":[32]},null,{\"templateId\":[\"onTemplateIdChanged\"],\"step\":[\"onStepChanged\"]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"verdocs-build.cjs\",[[0,\"verdocs-build\",{\"endpoint\":[16],\"templateId\":[1537,\"template-id\"],\"step\":[1537],\"loading\":[32],\"template\":[32]},null,{\"templateId\":[\"onTemplateIdChanged\"],\"step\":[\"onStepChanged\"]}]]],[\"verdocs-sign.cjs\",[[0,\"verdocs-sign\",{\"endpoint\":[1040],\"envelopeId\":[513,\"envelope-id\"],\"roleId\":[513,\"role-id\"],\"inviteCode\":[513,\"invite-code\"],\"headerTargetId\":[1,\"header-target-id\"],\"recipient\":[32],\"hasSignature\":[32],\"nextButtonLabel\":[32],\"nextSubmits\":[32],\"fatalErrorHeader\":[32],\"fatalErrorMessage\":[32],\"focusedField\":[32],\"submitting\":[32],\"submitted\":[32],\"isDone\":[32],\"showDone\":[32],\"showLoadError\":[32],\"finishLater\":[32],\"showFinishLater\":[32],\"agreed\":[32],\"documentsSingularPlural\":[32],\"authStep\":[32],\"authDetails\":[32],\"authMethodStates\":[32],\"kbaQuestions\":[32],\"showSpinner\":[32],\"kbaChoices\":[32],\"loading\":[32],\"envelope\":[32]}]]],[\"verdocs-envelopes-list.cjs\",[[0,\"verdocs-envelopes-list\",{\"endpoint\":[16],\"view\":[1537],\"status\":[1537],\"sort\":[1537],\"match\":[1537],\"showPagination\":[4,\"show-pagination\"],\"rowsPerPage\":[2,\"rows-per-page\"],\"selectedPage\":[2,\"selected-page\"],\"count\":[32],\"initiallyLoaded\":[32],\"loading\":[32],\"selectedEnvelopes\":[32],\"envelopes\":[32]},null,{\"view\":[\"handleViewUpdated\"],\"status\":[\"handleStatusUpdated\"],\"sort\":[\"handleSortUpdated\"],\"match\":[\"handleMatchUpdated\"],\"selectedPage\":[\"handlePageUpdated\"]}]]],[\"verdocs-templates-list.cjs\",[[0,\"verdocs-templates-list\",{\"endpoint\":[16],\"visibility\":[1537],\"starred\":[1537],\"sort\":[1537],\"name\":[1537],\"allowedActions\":[1040],\"showPagination\":[4,\"show-pagination\"],\"rowsPerPage\":[2,\"rows-per-page\"],\"selectedPage\":[2,\"selected-page\"],\"count\":[32],\"initiallyLoaded\":[32],\"loading\":[32],\"confirmDelete\":[32],\"templates\":[32],\"localNameFilter\":[32]},null,{\"sharing\":[\"handleSharingUpdated\"],\"starred\":[\"handleStarredUpdated\"],\"sort\":[\"handleSortUpdated\"],\"name\":[\"handleNameUpdated\"],\"selectedPage\":[\"handlePageUpdated\"]}]]],[\"verdocs-field-payment.cjs\",[[0,\"verdocs-field-payment\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"done\":[516],\"editable\":[516],\"moveable\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"fields\":[16],\"pageNum\":[2,\"page-num\"],\"roleName\":[1,\"role-name\"],\"fieldId\":[1,\"field-id\"],\"recipients\":[8],\"selectedRoleName\":[1,\"selected-role-name\"],\"pdfPages\":[16],\"currentSignature\":[1,\"current-signature\"],\"currentSignatureId\":[1,\"current-signature-id\"],\"currentInitial\":[1,\"current-initial\"],\"currentInitialId\":[1,\"current-initial-id\"],\"signed\":[4],\"roleindex\":[2],\"showingProperties\":[32],\"focused\":[32],\"preparedMessage\":[32],\"signatureUrl\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-envelope-sidebar.cjs\",[[0,\"verdocs-envelope-sidebar\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"activeTab\":[32],\"panelOpen\":[32],\"showRecipientDialog\":[32],\"showCancelDialog\":[32],\"showReinviteDialog\":[32],\"remindersEnabled\":[32],\"updatingReminders\":[32],\"initialReminder\":[32],\"followupReminders\":[32],\"loading\":[32],\"envelope\":[32]}]]],[\"verdocs-template-create.cjs\",[[0,\"verdocs-template-create\",{\"endpoint\":[16],\"maxSize\":[1026,\"max-size\"],\"file\":[32],\"creating\":[32],\"progressLabel\":[32],\"progressPercent\":[32],\"errorMessage\":[32]}]]],[\"verdocs-auth.cjs\",[[0,\"verdocs-auth\",{\"endpoint\":[16],\"visible\":[4],\"logo\":[1],\"displayMode\":[1025,\"display-mode\"],\"org_name\":[32],\"first_name\":[32],\"last_name\":[32],\"email\":[32],\"verificationCode\":[32],\"newPassword\":[32],\"password\":[32],\"confirmpass\":[32],\"submitting\":[32],\"resendDisabled\":[32],\"session\":[32],\"profile\":[32]}]]],[\"verdocs-date-input.cjs\",[[0,\"verdocs-date-input\",{\"value\":[1537],\"label\":[1],\"placeholder\":[1],\"helpText\":[1,\"help-text\"],\"disabled\":[4],\"required\":[4],\"showingPw\":[32],\"focused\":[32],\"containerId\":[32],\"focusField\":[64]}]]],[\"verdocs-envelope-recipient-summary.cjs\",[[0,\"verdocs-envelope-recipient-summary\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"canSendAnother\":[4,\"can-send-another\"],\"canView\":[4,\"can-view\"],\"canDone\":[4,\"can-done\"],\"isOpen\":[32],\"recipientStatusIcons\":[32],\"containerId\":[32],\"gettingLinks\":[32],\"links\":[32],\"loading\":[32],\"envelope\":[32]}]]],[\"verdocs-dialog.cjs\",[[4,\"verdocs-dialog\"]]],[\"verdocs-quick-functions.cjs\",[[0,\"verdocs-quick-functions\",{\"endpoint\":[16]}]]],[\"verdocs-radio-button.cjs\",[[0,\"verdocs-radio-button\",{\"checked\":[4],\"name\":[1],\"value\":[1],\"disabled\":[4]}]]],[\"verdocs-search-box.cjs\",[[0,\"verdocs-search-box\",{\"endpoint\":[16],\"placeholder\":[1],\"type\":[1],\"query\":[1],\"grabsFocus\":[4,\"grabs-focus\"],\"focusField\":[64]}]]],[\"verdocs-search-tabs.cjs\",[[0,\"verdocs-search-tabs\",{\"selected\":[32]}]]],[\"verdocs-table.cjs\",[[0,\"verdocs-table\",{\"columns\":[16],\"data\":[16]}]]],[\"verdocs-template-card.cjs\",[[0,\"verdocs-template-card\",{\"template\":[16]}]]],[\"verdocs-template-tags.cjs\",[[0,\"verdocs-template-tags\",{\"tags\":[16]}]]],[\"verdocs-toggle.cjs\",[[0,\"verdocs-toggle\",{\"options\":[16],\"theme\":[1],\"selectedOption\":[32]}]]],[\"verdocs-toggle-button.cjs\",[[0,\"verdocs-toggle-button\",{\"active\":[4],\"icon\":[1],\"label\":[1],\"size\":[1],\"_active\":[32]}]]],[\"verdocs-envelope-recipient-link.cjs\",[[0,\"verdocs-envelope-recipient-link\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"roleName\":[1,\"role-name\"],\"isOpen\":[32],\"gettingLink\":[32],\"link\":[32],\"loading\":[32],\"envelope\":[32],\"recipient\":[32]}]]],[\"verdocs-status-indicator.cjs\",[[0,\"verdocs-status-indicator\",{\"size\":[1],\"theme\":[1],\"status\":[1],\"envelope\":[16],\"isOpen\":[32],\"containerId\":[32]}]]],[\"verdocs-template-star.cjs\",[[0,\"verdocs-template-star\",{\"endpoint\":[16],\"template\":[1040],\"updating\":[32]}]]],[\"verdocs-envelope-document-page.cjs\",[[0,\"verdocs-envelope-document-page\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"documentId\":[1,\"document-id\"],\"pageNumber\":[2,\"page-number\"],\"virtualWidth\":[2,\"virtual-width\"],\"virtualHeight\":[1026,\"virtual-height\"],\"layers\":[16],\"type\":[1],\"containerId\":[32],\"renderedWidth\":[32],\"renderedHeight\":[32],\"naturalWidth\":[32],\"naturalHeight\":[32],\"aspectRatio\":[32],\"skipFirstNotification\":[32],\"pageDisplayUri\":[32]}]]],[\"verdocs-switch.cjs\",[[0,\"verdocs-switch\",{\"checked\":[1028],\"theme\":[1],\"disabled\":[4]}]]],[\"verdocs-menu-panel_2.cjs\",[[0,\"verdocs-template-role-properties\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"roleName\":[1,\"role-name\"],\"dirty\":[32],\"saving\":[32],\"name\":[32],\"type\":[32],\"first_name\":[32],\"last_name\":[32],\"email\":[32],\"phone\":[32],\"delegator\":[32],\"loading\":[32],\"template\":[32]}],[4,\"verdocs-menu-panel\",{\"side\":[1],\"overlay\":[4],\"width\":[2]},[[4,\"click\",\"handleClick\"]]]]],[\"verdocs-button-panel_2.cjs\",[[4,\"verdocs-button-panel\",{\"icon\":[1],\"showPanel\":[64],\"hidePanel\":[64],\"toggle\":[64]}],[4,\"verdocs-tabs\",{\"tabs\":[16],\"selectedTab\":[2,\"selected-tab\"]}]]],[\"verdocs-spinner.cjs\",[[0,\"verdocs-spinner\",{\"size\":[2],\"mode\":[1]}]]],[\"verdocs-ok-dialog.cjs\",[[0,\"verdocs-ok-dialog\",{\"heading\":[1],\"message\":[1],\"buttonLabel\":[1,\"button-label\"],\"showCancel\":[4,\"show-cancel\"],\"closed\":[32]}]]],[\"verdocs-organization-card_2.cjs\",[[0,\"verdocs-organization-card\",{\"organization\":[16],\"hovered\":[32]},[[1,\"mouseover\",\"onMouseOver\"],[1,\"mouseout\",\"onMouseOut\"]]],[4,\"verdocs-portal\",{\"anchor\":[1],\"voffset\":[2]},[[11,\"scroll\",\"handleScroll\"],[9,\"resize\",\"handleResize\"],[4,\"click\",\"handleClick\"]]]]],[\"verdocs-kba-dialog_2.cjs\",[[0,\"verdocs-view\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"headerTargetId\":[1,\"header-target-id\"],\"canceling\":[32],\"showCancelDone\":[32],\"showLoadError\":[32],\"loading\":[32],\"envelope\":[32]}],[0,\"verdocs-kba-dialog\",{\"step\":[2],\"steps\":[2],\"helptitle\":[1],\"helptext\":[1],\"mode\":[1],\"label\":[1],\"placeholder\":[1],\"recipient\":[16],\"choices\":[16],\"response\":[32],\"updatedRecipient\":[32],\"dobContainerId\":[32]}]]],[\"verdocs-pagination_2.cjs\",[[0,\"verdocs-pagination\",{\"selectedPage\":[1538,\"selected-page\"],\"itemCount\":[2,\"item-count\"],\"perPage\":[2,\"per-page\"]}],[0,\"verdocs-quick-filter\",{\"options\":[16],\"label\":[1],\"value\":[1537],\"placeholder\":[1],\"open\":[32]}]]],[\"verdocs-button_2.cjs\",[[0,\"verdocs-help-icon\",{\"text\":[1],\"icon\":[1],\"containerId\":[32]}],[0,\"verdocs-button\",{\"label\":[1],\"startIcon\":[1,\"start-icon\"],\"endIcon\":[1,\"end-icon\"],\"size\":[1],\"type\":[1],\"variant\":[1],\"disabled\":[4]}]]],[\"verdocs-checkbox_6.cjs\",[[0,\"verdocs-template-field-properties\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"fieldName\":[1025,\"field-name\"],\"helpText\":[1,\"help-text\"],\"dirty\":[32],\"label\":[32],\"type\":[32],\"name\":[32],\"required\":[32],\"roleName\":[32],\"group\":[32],\"fieldType\":[32],\"options\":[32],\"placeholder\":[32],\"defaultValue\":[32],\"showingHelp\":[32],\"loading\":[32],\"template\":[32]}],[0,\"verdocs-checkbox\",{\"checked\":[4],\"name\":[1],\"label\":[1],\"value\":[1],\"theme\":[1],\"size\":[1],\"disabled\":[4]}],[0,\"verdocs-select-input\",{\"value\":[1],\"label\":[1],\"options\":[16],\"disabled\":[4]}],[0,\"verdocs-component-error\",{\"message\":[1]}],[0,\"verdocs-loader\"],[0,\"verdocs-text-input\",{\"value\":[1537],\"label\":[1],\"placeholder\":[1],\"autocomplete\":[1],\"helpText\":[1,\"help-text\"],\"clearable\":[4],\"copyable\":[4],\"type\":[1],\"disabled\":[4],\"required\":[4],\"showingPw\":[32]}]]],[\"verdocs-field-attachment_13.cjs\",[[0,\"verdocs-field-attachment\",{\"endpoint\":[16],\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"dialogOpen\":[32],\"selectedFile\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-initial\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"initials\":[513],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"tempInitials\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-signature\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"name\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"tempSignature\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-checkbox\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"done\":[516],\"editable\":[516],\"moveable\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-date\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"field\":[16],\"containerId\":[32],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-dropdown\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-radio\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"required\":[516],\"done\":[516],\"editable\":[516],\"moveable\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-textarea\",{\"endpoint\":[16],\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-textbox\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"multiline\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-timestamp\",{\"source\":[513],\"sourceid\":[513],\"fieldname\":[513],\"field\":[16],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[2],\"showingProperties\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-initial-dialog\",{\"initials\":[1],\"fontLoaded\":[32],\"enteredInitials\":[32],\"mode\":[32]}],[0,\"verdocs-signature-dialog\",{\"name\":[1],\"fontLoaded\":[32],\"enteredName\":[32],\"mode\":[32]}],[0,\"verdocs-upload-dialog\",{\"maxSize\":[1026,\"max-size\"],\"existingFile\":[1032,\"existing-file\"],\"draggingOver\":[32],\"confirmDelete\":[32],\"selectedFiles\":[32],\"errorMessage\":[32]}]]],[\"verdocs-template-document-page_2.cjs\",[[0,\"verdocs-toolbar-icon\",{\"text\":[1],\"icon\":[1],\"placement\":[1],\"containerId\":[32]}],[0,\"verdocs-template-document-page\",{\"endpoint\":[16],\"editable\":[4],\"disabled\":[4],\"done\":[4],\"templateId\":[1,\"template-id\"],\"documentId\":[1,\"document-id\"],\"pageNumber\":[2,\"page-number\"],\"virtualWidth\":[2,\"virtual-width\"],\"virtualHeight\":[1026,\"virtual-height\"],\"layers\":[16],\"containerId\":[32],\"renderedWidth\":[32],\"renderedHeight\":[32],\"naturalWidth\":[32],\"naturalHeight\":[32],\"aspectRatio\":[32],\"skipFirstNotification\":[32],\"pageDisplayUri\":[32],\"xScale\":[32],\"yScale\":[32],\"loading\":[32],\"template\":[32]}]]],[\"verdocs-contact-picker_2.cjs\",[[0,\"verdocs-contact-picker\",{\"endpoint\":[16],\"templateRole\":[16],\"contactSuggestions\":[16],\"first_name\":[32],\"last_name\":[32],\"email\":[32],\"phone\":[32],\"zip\":[32],\"address\":[32],\"message\":[32],\"showSuggestions\":[32],\"showMessage\":[32],\"delegator\":[32],\"auth_methods\":[32],\"passcode\":[32],\"firstNameFieldId\":[32],\"lastNameFieldId\":[32],\"emailFieldId\":[32],\"phoneFieldId\":[32],\"featureFlags\":[32],\"activeEntitlements\":[32]}],[0,\"verdocs-multiselect\",{\"label\":[1],\"placeholder\":[1],\"options\":[16],\"selectedOptions\":[16],\"showPicker\":[32]}]]],[\"verdocs-file-chooser_2.cjs\",[[0,\"verdocs-file-chooser\",{\"endpoint\":[16],\"file\":[32]}],[0,\"verdocs-progress-bar\",{\"label\":[1],\"showPercent\":[4,\"show-percent\"],\"percent\":[2]}]]],[\"verdocs-dropdown.cjs\",[[0,\"verdocs-dropdown\",{\"options\":[16],\"containerId\":[32],\"showPicker\":[32]}]]],[\"verdocs-preview_7.cjs\",[[0,\"verdocs-template-fields\",{\"endpoint\":[16],\"templateId\":[1537,\"template-id\"],\"toolbarTargetId\":[1,\"toolbar-target-id\"],\"placing\":[32],\"showMustSelectRole\":[32],\"selectedRoleName\":[32],\"loading\":[32],\"template\":[32]},[[4,\"keydown\",\"handleKeyDown\"]],{\"templateId\":[\"onTemplateIdChanged\"]}],[0,\"verdocs-preview\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"loading\":[32],\"template\":[32]},null,{\"templateId\":[\"onTemplateIdChanged\"]}],[0,\"verdocs-send\",{\"endpoint\":[16],\"templateId\":[513,\"template-id\"],\"environment\":[1],\"containerId\":[32],\"showPickerForId\":[32],\"sessionContacts\":[32],\"sending\":[32],\"rolesCompleted\":[32],\"loading\":[32],\"template\":[32],\"reset\":[64]},null,{\"templateId\":[\"onTemplateIdChanged\"]}],[0,\"verdocs-template-roles\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"showingRoleDialog\":[32],\"sender\":[32],\"dragging\":[32],\"loading\":[32],\"template\":[32]}],[0,\"verdocs-template-settings\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"name\":[32],\"visibility\":[32],\"sender\":[32],\"sendReminders\":[32],\"initialReminder\":[32],\"followupReminders\":[32],\"dirty\":[32],\"loading\":[32],\"template\":[32]}],[0,\"verdocs-template-attachments\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"uploading\":[32],\"progressLabel\":[32],\"progressPercent\":[32],\"showDeleteError\":[32],\"confirmDeleteDocument\":[32],\"loading\":[32],\"template\":[32]}],[0,\"verdocs-template-build-tabs\",{\"endpoint\":[16],\"templateId\":[1537,\"template-id\"],\"step\":[1537],\"loading\":[32],\"template\":[32]},null,{\"templateId\":[\"onTemplateIdChanged\"],\"step\":[\"onStepChanged\"]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -1,6 +1,69 @@
+import IMask from "imask";
 import { h, Fragment, Host } from "@stencil/core";
 // import AirDatepicker from 'air-datepicker';
 // import localeEn from 'air-datepicker/locale/en';
+const States = {
+    AL: 'Alabama',
+    AK: 'Alaska',
+    AS: 'American Samoa',
+    AZ: 'Arizona',
+    AR: 'Arkansas',
+    CA: 'California',
+    CO: 'Colorado',
+    CT: 'Connecticut',
+    DE: 'Delaware',
+    DC: 'District Of Columbia',
+    FM: 'Federated States Of Micronesia',
+    FL: 'Florida',
+    GA: 'Georgia',
+    GU: 'Guam',
+    HI: 'Hawaii',
+    ID: 'Idaho',
+    IL: 'Illinois',
+    IN: 'Indiana',
+    IA: 'Iowa',
+    KS: 'Kansas',
+    KY: 'Kentucky',
+    LA: 'Louisiana',
+    ME: 'Maine',
+    MH: 'Marshall Islands',
+    MD: 'Maryland',
+    MA: 'Massachusetts',
+    MI: 'Michigan',
+    MN: 'Minnesota',
+    MS: 'Mississippi',
+    MO: 'Missouri',
+    MT: 'Montana',
+    NE: 'Nebraska',
+    NV: 'Nevada',
+    NH: 'New Hampshire',
+    NJ: 'New Jersey',
+    NM: 'New Mexico',
+    NY: 'New York',
+    NC: 'North Carolina',
+    ND: 'North Dakota',
+    MP: 'Northern Mariana Islands',
+    OH: 'Ohio',
+    OK: 'Oklahoma',
+    OR: 'Oregon',
+    PW: 'Palau',
+    PA: 'Pennsylvania',
+    PR: 'Puerto Rico',
+    RI: 'Rhode Island',
+    SC: 'South Carolina',
+    SD: 'South Dakota',
+    TN: 'Tennessee',
+    TX: 'Texas',
+    UT: 'Utah',
+    VT: 'Vermont',
+    VI: 'Virgin Islands',
+    VA: 'Virginia',
+    WA: 'Washington',
+    WV: 'West Virginia',
+    WI: 'Wisconsin',
+    WY: 'Wyoming',
+};
+const STATE_OPTIONS = Object.entries(States).map(([abbr, name]) => ({ value: abbr, label: name }));
 const QuestionIcon = `<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 0C8.95313 0 0 8.95313 0 20C0 31.0469 8.95313 40 20 40C31.0469 40 40 31.0469 40 20C40 8.95313 31.0469 0 20 0ZM20 36.25C11.0391 36.25 3.75 28.9602 3.75 20C3.75 11.0398 11.0391 3.75 20 3.75C28.9609 3.75 36.25 11.0398 36.25 20C36.25 28.9602 28.9609 36.25 20 36.25Z" fill="white"/><path d="M20 26.25C18.5938 26.25 17.5 27.3438 17.5 28.75C17.5 30.1562 18.5234 31.25 20 31.25C21.3359 31.25 22.5 30.1562 22.5 28.75C22.5 27.3438 21.3359 26.25 20 26.25ZM22.5859 10H18.5938C15.5469 10 13.125 12.4219 13.125 15.4688C13.125 16.4844 13.9844 17.3438 15 17.3438C16.0156 17.3438 16.875 16.4844 16.875 15.4688C16.875 14.5312 17.5859 13.75 18.5234 13.75H22.5156C23.5234 13.75 24.375 14.5312 24.375 15.4688C24.375 16.0938 24.0625 16.5703 23.5156 16.8828L19.0625 19.6094C18.4375 20 18.125 20.625 18.125 21.25V22.5C18.125 23.5156 18.9844 24.375 20 24.375C21.0156 24.375 21.875 23.5156 21.875 22.5V22.3438L25.3984 20.1562C27.0391 19.1406 28.0547 17.3438 28.0547 15.4688C28.125 12.4219 25.7031 10 22.5859 10Z" fill="#E7E7E7"/></svg>`;
 /**
  * Prompt the user to confirm their identity with a PIN or a series of questions.
@@ -51,7 +114,32 @@ export class VerdocsKbaDialog {
     componentWillLoad() {
         this.updatedRecipient = { ...(this.recipient || {}) };
     }
-    componentDidLoad() {
+    // NOTE: This gets called again on every input, maybe do it on willUpdate?
+    componentDidRender() {
+        // TODO: Review min/max settings
+        IMask(document.getElementById(this.dobContainerId), {
+            mask: Date,
+            min: new Date(1920, 0, 1),
+            max: new Date(2007, 12, 31), // 18 years old
+            lazy: false,
+            pattern: 'm/d/Y',
+            // See https://github.com/uNmAnNeR/imaskjs/issues/739
+            format: function (date) {
+                var day = date.getDate();
+                var month = date.getMonth() + 1;
+                var year = date.getFullYear();
+                if (day < 10)
+                    day = '0' + day;
+                if (month < 10)
+                    month = '0' + month;
+                return [month, day, year].join('/');
+            },
+            // define str -> date convertion
+            parse: function (str) {
+                var yearMonthDay = str.split('/');
+                return new Date(yearMonthDay[2], yearMonthDay[0] - 1, yearMonthDay[1]);
+            },
+        });
         // this.picker = new AirDatepicker<HTMLElement>(`#${this.dobContainerId}`, {
         //   locale: localeEn,
         //   isMobile: true,
@@ -78,6 +166,7 @@ export class VerdocsKbaDialog {
         this.response = '';
     }
     handleConfirmID() {
+        console.log('Confirm ID', this.updatedRecipient);
         this.next.emit(this.updatedRecipient);
     }
     render() {
@@ -89,7 +178,7 @@ export class VerdocsKbaDialog {
                 } }, choice)))), h("div", { class: "buttons" }, h("verdocs-button", { label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { label: this.step < this.steps ? 'Next' : 'Submit', onClick: () => this.handleDone(), disabled: !this.response }))))));
         }
         if (this.mode === 'identity') {
-            return (h(Host, null, h("div", { class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { class: "dialog" }, h("div", { class: "heading" }, "Confirm Your Identity"), !!this.helptitle && (h("div", { class: "help-box" }, h("div", { class: "help-icon", innerHTML: QuestionIcon }), h("div", { class: "help-details" }, h("div", { class: "help-title" }, "Identity verification is required"), h("div", { class: "help-text" }, "NOTE: Only four fields are required, but providing more details will allow us to complete the verification process more quickly.")))), h("div", { class: "field" }, h("label", { htmlFor: "verdocs-kba-first" }, "Your Name:", h("span", { class: "required" }, "*")), h("input", { required: true, type: "text", id: "verdocs-kba-first", name: "verdocs-kba-first", placeholder: "First name...", value: (_a = this.updatedRecipient) === null || _a === void 0 ? void 0 : _a.first_name, onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, first_name: e.target.value }) }), h("input", { type: "text", id: "verdocs-kba-last", name: "verdocs-kba-last", placeholder: "Last name...", required: true, value: (_b = this.updatedRecipient) === null || _b === void 0 ? void 0 : _b.last_name, onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, last_name: e.target.value }) })), h("div", { class: "field" }, h("label", { htmlFor: "verdocs-kba-address" }, "Address:", h("span", { class: "required" }, "*")), h("input", { type: "text", id: "verdocs-kba-address", name: "verdocs-kba-address", placeholder: "Address...", value: (_c = this.updatedRecipient) === null || _c === void 0 ? void 0 : _c.address, onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, address: e.target.value }) })), h("div", { class: "field" }, h("label", { htmlFor: "verdocs-kba-city" }, "City:"), h("input", { type: "text", id: "verdocs-kba-city", name: "verdocs-kba-city", placeholder: "City...", value: (_d = this.updatedRecipient) === null || _d === void 0 ? void 0 : _d.city, onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, city: e.target.value }) })), h("div", { class: "field" }, h("label", { htmlFor: "verdocs-kba-state" }, "State:"), h("input", { type: "text", id: "verdocs-kba-state", name: "verdocs-kba-state", placeholder: "State...", value: (_e = this.updatedRecipient) === null || _e === void 0 ? void 0 : _e.state, onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, state: e.target.value }) })), h("div", { class: "field" }, h("label", { htmlFor: "verdocs-kba-zip" }, "Zip Code:", h("span", { class: "required" }, "*")), h("input", { type: "text", id: "verdocs-kba-zip", name: "verdocs-kba-zip", placeholder: "Zip Code...", required: true, value: (_f = this.updatedRecipient) === null || _f === void 0 ? void 0 : _f.zip, onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, zip: e.target.value }) })), h("div", { class: "field" }, h("label", { htmlFor: this.dobContainerId }, "Date of Birth:", h("span", { class: "required" }, "*")), h("input", { type: "text", value: ((_g = this.updatedRecipient) === null || _g === void 0 ? void 0 : _g.dob) || '', id: this.dobContainerId, placeholder: "DOB...", onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, dob: e.target.value }) })), h("div", { class: "buttons" }, h("verdocs-button", { label: "Submit", onClick: () => this.handleConfirmID(), disabled: !((_h = this.updatedRecipient) === null || _h === void 0 ? void 0 : _h.first_name) ||
+            return (h(Host, null, h("div", { class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { class: "dialog" }, h("div", { class: "heading" }, "Confirm Your Identity"), !!this.helptitle && (h("div", { class: "help-box" }, h("div", { class: "help-icon", innerHTML: QuestionIcon }), h("div", { class: "help-details" }, h("div", { class: "help-title" }, "Identity verification is required"), h("div", { class: "help-text" }, "NOTE: Only four fields are required, but providing more details will allow us to complete the verification process more quickly.")))), h("div", { class: "field" }, h("label", { htmlFor: "verdocs-kba-first" }, "Your Name:", h("span", { class: "required" }, "*")), h("input", { required: true, type: "text", id: "verdocs-kba-first", name: "verdocs-kba-first", placeholder: "First name...", value: (_a = this.updatedRecipient) === null || _a === void 0 ? void 0 : _a.first_name, onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, first_name: e.target.value }) }), h("input", { type: "text", id: "verdocs-kba-last", name: "verdocs-kba-last", placeholder: "Last name...", required: true, value: (_b = this.updatedRecipient) === null || _b === void 0 ? void 0 : _b.last_name, onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, last_name: e.target.value }) })), h("div", { class: "field" }, h("label", { htmlFor: "verdocs-kba-address" }, "Address:", h("span", { class: "required" }, "*")), h("input", { type: "text", id: "verdocs-kba-address", name: "verdocs-kba-address", placeholder: "Address...", value: (_c = this.updatedRecipient) === null || _c === void 0 ? void 0 : _c.address, onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, address: e.target.value }) })), h("div", { class: "field" }, h("label", { htmlFor: "verdocs-kba-city" }, "City:"), h("input", { type: "text", id: "verdocs-kba-city", name: "verdocs-kba-city", placeholder: "City...", value: (_d = this.updatedRecipient) === null || _d === void 0 ? void 0 : _d.city, onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, city: e.target.value }) })), h("div", { class: "field" }, h("label", { htmlFor: "verdocs-kba-state" }, "State:"), h("verdocs-select-input", { options: STATE_OPTIONS, value: (_e = this.updatedRecipient) === null || _e === void 0 ? void 0 : _e.state, onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, state: e.target.value }) })), h("div", { class: "field" }, h("label", { htmlFor: "verdocs-kba-zip" }, "Zip Code:", h("span", { class: "required" }, "*")), h("input", { type: "text", id: "verdocs-kba-zip", name: "verdocs-kba-zip", placeholder: "Zip Code...", required: true, value: (_f = this.updatedRecipient) === null || _f === void 0 ? void 0 : _f.zip, onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, zip: e.target.value }) })), h("div", { class: "field" }, h("label", { htmlFor: this.dobContainerId }, "Date of Birth:", h("span", { class: "required" }, "*")), h("input", { type: "text", value: ((_g = this.updatedRecipient) === null || _g === void 0 ? void 0 : _g.dob) || '', id: this.dobContainerId, placeholder: "DOB...", onInput: (e) => (this.updatedRecipient = { ...this.updatedRecipient, dob: e.target.value }) })), h("div", { class: "buttons" }, h("verdocs-button", { label: "Submit", onClick: () => this.handleConfirmID(), disabled: !((_h = this.updatedRecipient) === null || _h === void 0 ? void 0 : _h.first_name) ||
                     !((_j = this.updatedRecipient) === null || _j === void 0 ? void 0 : _j.last_name) ||
                     !((_k = this.updatedRecipient) === null || _k === void 0 ? void 0 : _k.address) ||
                     !((_l = this.updatedRecipient) === null || _l === void 0 ? void 0 : _l.zip) ||

package/dist/collection/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"verdocs-kba-dialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Prop, h, Event, EventEmitter, Fragment, Host, State} from '@stencil/core';\nimport {IRecipient} from '@verdocs/js-sdk';\n// import AirDatepicker from 'air-datepicker';\n// import localeEn from 'air-datepicker/locale/en';\n\nconst QuestionIcon = `<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M20 0C8.95313 0 0 8.95313 0 20C0 31.0469 8.95313 40 20 40C31.0469 40 40 31.0469 40 20C40 8.95313 31.0469 0 20 0ZM20 36.25C11.0391 36.25 3.75 28.9602 3.75 20C3.75 11.0398 11.0391 3.75 20 3.75C28.9609 3.75 36.25 11.0398 36.25 20C36.25 28.9602 28.9609 36.25 20 36.25Z\" fill=\"white\"/><path d=\"M20 26.25C18.5938 26.25 17.5 27.3438 17.5 28.75C17.5 30.1562 18.5234 31.25 20 31.25C21.3359 31.25 22.5 30.1562 22.5 28.75C22.5 27.3438 21.3359 26.25 20 26.25ZM22.5859 10H18.5938C15.5469 10 13.125 12.4219 13.125 15.4688C13.125 16.4844 13.9844 17.3438 15 17.3438C16.0156 17.3438 16.875 16.4844 16.875 15.4688C16.875 14.5312 17.5859 13.75 18.5234 13.75H22.5156C23.5234 13.75 24.375 14.5312 24.375 15.4688C24.375 16.0938 24.0625 16.5703 23.5156 16.8828L19.0625 19.6094C18.4375 20 18.125 20.625 18.125 21.25V22.5C18.125 23.5156 18.9844 24.375 20 24.375C21.0156 24.375 21.875 23.5156 21.875 22.5V22.3438L25.3984 20.1562C27.0391 19.1406 28.0547 17.3438 28.0547 15.4688C28.125 12.4219 25.7031 10 22.5859 10Z\" fill=\"#E7E7E7\"/></svg>`;\n\n/**\n * Prompt the user to confirm their identity with a PIN or a series of questions.\n */\n@Component({\n  tag: 'verdocs-kba-dialog',\n  styleUrl: 'verdocs-kba-dialog.scss',\n})\nexport class VerdocsKbaDialog {\n  // private picker: AirDatepicker<HTMLElement> | null = null;\n\n  /**\n   * Which step this confirmation is for, in a multi-step process. Ignored if `steps` is < 2.\n   */\n  @Prop() step: number = 1;\n\n  /**\n   * How many steps exist in a multi-step process. Set to 1 for a single-step process (hides the indicator).\n   */\n  @Prop() steps: number = 3;\n\n  /**\n   * If set, a help/instructions box will be displayed with this title\n   */\n  @Prop() helptitle: string = 'Previous Addresses';\n\n  /**\n   * If set, a help/instructions box will be displayed with this text\n   */\n  @Prop() helptext: string = 'Please select the address below that you have most recently lived at.';\n\n  /**\n   * The type of dialog to display. Three modes are supported.\n   */\n  @Prop() mode: 'text' | 'choice' | 'identity' = 'choice';\n\n  /**\n   * For text input challenges, the label to display next to the input field.\n   */\n  @Prop() label: string = 'PIN';\n\n  /**\n   * For text input challenges, the placeholder to display inside the input field.\n   */\n  @Prop() placeholder: string = 'Enter your PIN...';\n\n  /**\n   * For identity confirmation, the current recipient details.\n   */\n  @Prop() recipient: IRecipient | null = null;\n\n  /**\n   * For choice challenges, a set of choices to choose from. 6 choices is recommended to fit most screen sizes.\n   */\n  @Prop() choices: string[] = ['553 Arbor Dr', '18 Lacey Ln', '23A Ball Ct', '2375 Cavallo Blvd', '23-1 RR-7', '151 Boulder Rd'];\n\n  /**\n   * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  /**\n   * Event fired when the dialog is closed. The event data will contain the value selected,\n   * or the new recipient details if the mode is 'identity'.\n   */\n  @Event({composed: true}) pinEntered: EventEmitter<string | IRecipient>;\n\n  /**\n   * Event fired when the dialog is closed. The event data will contain the value selected,\n   * or the new recipient details if the mode is 'identity'.\n   */\n  @Event({composed: true}) next: EventEmitter<string | IRecipient | string[]>;\n\n  @State() response = '';\n  @State() updatedRecipient: IRecipient = null;\n  @State() dobContainerId = `verdocs-date-input-${Math.random().toString(36).substring(2, 11)}`;\n\n  componentWillLoad() {\n    this.updatedRecipient = {...(this.recipient || {})} as IRecipient;\n  }\n\n  componentDidLoad() {\n    // this.picker = new AirDatepicker<HTMLElement>(`#${this.dobContainerId}`, {\n    //   locale: localeEn,\n    //   isMobile: true,\n    //   autoClose: true,\n    //   onSelect: ({date, formattedDate}) => {\n    //     console.log('onselect', date, formattedDate);\n    //     // const event = new CustomEvent('input', {detail: {date, formattedDate}});\n    //     // this.hostEl.dispatchEvent(event);\n    //   },\n    // });\n  }\n\n  handleCancel() {\n    this.exit.emit();\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.class === 'background-overlay') {\n      e.preventDefault();\n      this.handleCancel();\n    }\n  }\n\n  handleDone() {\n    this.next.emit(this.response);\n    this.response = '';\n  }\n\n  handleConfirmID() {\n    this.next.emit(this.updatedRecipient);\n  }\n\n  render() {\n    if (this.mode === 'choice') {\n      return (\n        <Host>\n          <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n            <div class=\"dialog\">\n              <div class=\"heading\">\n                Confirm Your Identity\n                {this.steps > 1 ? (\n                  <span class=\"step\">\n                    ({this.step}/{this.steps})\n                  </span>\n                ) : (\n                  <Fragment />\n                )}\n              </div>\n\n              {!!this.helptitle && (\n                <div class=\"help-box\">\n                  <div class=\"help-icon\" innerHTML={QuestionIcon} />\n                  <div class=\"help-details\">\n                    <div class=\"help-title\">{this.helptitle}</div>\n                    <div class=\"help-text\">{this.helptext}</div>\n                  </div>\n                </div>\n              )}\n\n              <div class=\"choices\">\n                {this.choices.map(choice => (\n                  <div\n                    class={`choice ${choice === this.response ? 'selected' : ''}`}\n                    onClick={() => {\n                      console.log('Selected', choice);\n                      this.response = choice;\n                    }}\n                  >\n                    {choice}\n                  </div>\n                ))}\n              </div>\n\n              <div class=\"buttons\">\n                <verdocs-button label=\"Cancel\" variant=\"outline\" onClick={() => this.handleCancel()} />\n                <verdocs-button label={this.step < this.steps ? 'Next' : 'Submit'} onClick={() => this.handleDone()} disabled={!this.response} />\n              </div>\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    if (this.mode === 'identity') {\n      return (\n        <Host>\n          <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n            <div class=\"dialog\">\n              <div class=\"heading\">Confirm Your Identity</div>\n\n              {!!this.helptitle && (\n                <div class=\"help-box\">\n                  <div class=\"help-icon\" innerHTML={QuestionIcon} />\n                  <div class=\"help-details\">\n                    <div class=\"help-title\">Identity verification is required</div>\n                    <div class=\"help-text\">NOTE: Only four fields are required, but providing more details will allow us to complete the verification process more quickly.</div>\n                  </div>\n                </div>\n              )}\n\n              <div class=\"field\">\n                <label htmlFor=\"verdocs-kba-first\">\n                  Your Name:<span class=\"required\">*</span>\n                </label>\n                <input\n                  required\n                  type=\"text\"\n                  id=\"verdocs-kba-first\"\n                  name=\"verdocs-kba-first\"\n                  placeholder=\"First name...\"\n                  value={this.updatedRecipient?.first_name}\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, first_name: e.target.value})}\n                />\n\n                <input\n                  type=\"text\"\n                  id=\"verdocs-kba-last\"\n                  name=\"verdocs-kba-last\"\n                  placeholder=\"Last name...\"\n                  required\n                  value={this.updatedRecipient?.last_name}\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, last_name: e.target.value})}\n                />\n              </div>\n\n              <div class=\"field\">\n                <label htmlFor=\"verdocs-kba-address\">\n                  Address:<span class=\"required\">*</span>\n                </label>\n                <input\n                  type=\"text\"\n                  id=\"verdocs-kba-address\"\n                  name=\"verdocs-kba-address\"\n                  placeholder=\"Address...\"\n                  value={this.updatedRecipient?.address}\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, address: e.target.value})}\n                />\n              </div>\n\n              <div class=\"field\">\n                <label htmlFor=\"verdocs-kba-city\">City:</label>\n                <input\n                  type=\"text\"\n                  id=\"verdocs-kba-city\"\n                  name=\"verdocs-kba-city\"\n                  placeholder=\"City...\"\n                  value={this.updatedRecipient?.city}\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, city: e.target.value})}\n                />\n              </div>\n\n              <div class=\"field\">\n                <label htmlFor=\"verdocs-kba-state\">State:</label>\n                <input\n                  type=\"text\"\n                  id=\"verdocs-kba-state\"\n                  name=\"verdocs-kba-state\"\n                  placeholder=\"State...\"\n                  value={this.updatedRecipient?.state}\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, state: e.target.value})}\n                />\n              </div>\n\n              <div class=\"field\">\n                <label htmlFor=\"verdocs-kba-zip\">\n                  Zip Code:<span class=\"required\">*</span>\n                </label>\n                <input\n                  type=\"text\"\n                  id=\"verdocs-kba-zip\"\n                  name=\"verdocs-kba-zip\"\n                  placeholder=\"Zip Code...\"\n                  required\n                  value={this.updatedRecipient?.zip}\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, zip: e.target.value})}\n                />\n              </div>\n\n              <div class=\"field\">\n                {/* TODO: Also allow typed entry */}\n                <label htmlFor={this.dobContainerId}>\n                  Date of Birth:<span class=\"required\">*</span>\n                </label>\n                <input\n                  type=\"text\"\n                  value={this.updatedRecipient?.dob || ''}\n                  id={this.dobContainerId}\n                  placeholder=\"DOB...\"\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, dob: e.target.value})}\n                />\n              </div>\n\n              <div class=\"buttons\">\n                <verdocs-button\n                  label=\"Submit\"\n                  onClick={() => this.handleConfirmID()}\n                  disabled={\n                    !this.updatedRecipient?.first_name ||\n                    !this.updatedRecipient?.last_name ||\n                    !this.updatedRecipient?.address ||\n                    !this.updatedRecipient?.zip ||\n                    !this.updatedRecipient?.dob\n                  }\n                />\n              </div>\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"heading\">\n              Please Confirm Your Identity\n              {this.steps > 1 ? (\n                <span class=\"step\">\n                  ({this.step}/{this.steps})\n                </span>\n              ) : (\n                <Fragment />\n              )}\n            </div>\n\n            {!!this.helptitle && (\n              <div class=\"help-box\">\n                <div class=\"help-icon\" innerHTML={QuestionIcon} />\n                <div class=\"help-details\">\n                  <div class=\"help-title\">{this.helptitle}</div>\n                  <div class=\"help-text\">{this.helptext}</div>\n                </div>\n              </div>\n            )}\n\n            <div class=\"input\">\n              <label htmlFor=\"verdocs-kba-input\">{this.label}</label>\n              <input\n                type=\"text\"\n                id=\"verdocs-kba-input\"\n                name=\"verdocs-kba-input\"\n                placeholder={this.placeholder}\n                value={this.response}\n                onInput={(e: any) => (this.response = e.target.value)}\n              />\n            </div>\n\n            <div class=\"buttons\">\n              <verdocs-button label=\"Cancel\" variant=\"outline\" onClick={() => this.handleCancel()} />\n              <verdocs-button label=\"Submit\" onClick={() => this.handleDone()} disabled={!this.response} />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"verdocs-kba-dialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import IMask from 'imask';\nimport {IRecipient} from '@verdocs/js-sdk';\nimport {Component, Prop, h, Event, EventEmitter, Fragment, Host, State} from '@stencil/core';\n// import AirDatepicker from 'air-datepicker';\n// import localeEn from 'air-datepicker/locale/en';\n\nconst States = {\n  AL: 'Alabama',\n  AK: 'Alaska',\n  AS: 'American Samoa',\n  AZ: 'Arizona',\n  AR: 'Arkansas',\n  CA: 'California',\n  CO: 'Colorado',\n  CT: 'Connecticut',\n  DE: 'Delaware',\n  DC: 'District Of Columbia',\n  FM: 'Federated States Of Micronesia',\n  FL: 'Florida',\n  GA: 'Georgia',\n  GU: 'Guam',\n  HI: 'Hawaii',\n  ID: 'Idaho',\n  IL: 'Illinois',\n  IN: 'Indiana',\n  IA: 'Iowa',\n  KS: 'Kansas',\n  KY: 'Kentucky',\n  LA: 'Louisiana',\n  ME: 'Maine',\n  MH: 'Marshall Islands',\n  MD: 'Maryland',\n  MA: 'Massachusetts',\n  MI: 'Michigan',\n  MN: 'Minnesota',\n  MS: 'Mississippi',\n  MO: 'Missouri',\n  MT: 'Montana',\n  NE: 'Nebraska',\n  NV: 'Nevada',\n  NH: 'New Hampshire',\n  NJ: 'New Jersey',\n  NM: 'New Mexico',\n  NY: 'New York',\n  NC: 'North Carolina',\n  ND: 'North Dakota',\n  MP: 'Northern Mariana Islands',\n  OH: 'Ohio',\n  OK: 'Oklahoma',\n  OR: 'Oregon',\n  PW: 'Palau',\n  PA: 'Pennsylvania',\n  PR: 'Puerto Rico',\n  RI: 'Rhode Island',\n  SC: 'South Carolina',\n  SD: 'South Dakota',\n  TN: 'Tennessee',\n  TX: 'Texas',\n  UT: 'Utah',\n  VT: 'Vermont',\n  VI: 'Virgin Islands',\n  VA: 'Virginia',\n  WA: 'Washington',\n  WV: 'West Virginia',\n  WI: 'Wisconsin',\n  WY: 'Wyoming',\n};\n\nconst STATE_OPTIONS = Object.entries(States).map(([abbr, name]) => ({value: abbr, label: name}));\n\nconst QuestionIcon = `<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M20 0C8.95313 0 0 8.95313 0 20C0 31.0469 8.95313 40 20 40C31.0469 40 40 31.0469 40 20C40 8.95313 31.0469 0 20 0ZM20 36.25C11.0391 36.25 3.75 28.9602 3.75 20C3.75 11.0398 11.0391 3.75 20 3.75C28.9609 3.75 36.25 11.0398 36.25 20C36.25 28.9602 28.9609 36.25 20 36.25Z\" fill=\"white\"/><path d=\"M20 26.25C18.5938 26.25 17.5 27.3438 17.5 28.75C17.5 30.1562 18.5234 31.25 20 31.25C21.3359 31.25 22.5 30.1562 22.5 28.75C22.5 27.3438 21.3359 26.25 20 26.25ZM22.5859 10H18.5938C15.5469 10 13.125 12.4219 13.125 15.4688C13.125 16.4844 13.9844 17.3438 15 17.3438C16.0156 17.3438 16.875 16.4844 16.875 15.4688C16.875 14.5312 17.5859 13.75 18.5234 13.75H22.5156C23.5234 13.75 24.375 14.5312 24.375 15.4688C24.375 16.0938 24.0625 16.5703 23.5156 16.8828L19.0625 19.6094C18.4375 20 18.125 20.625 18.125 21.25V22.5C18.125 23.5156 18.9844 24.375 20 24.375C21.0156 24.375 21.875 23.5156 21.875 22.5V22.3438L25.3984 20.1562C27.0391 19.1406 28.0547 17.3438 28.0547 15.4688C28.125 12.4219 25.7031 10 22.5859 10Z\" fill=\"#E7E7E7\"/></svg>`;\n\n/**\n * Prompt the user to confirm their identity with a PIN or a series of questions.\n */\n@Component({\n  tag: 'verdocs-kba-dialog',\n  styleUrl: 'verdocs-kba-dialog.scss',\n})\nexport class VerdocsKbaDialog {\n  // private picker: AirDatepicker<HTMLElement> | null = null;\n\n  /**\n   * Which step this confirmation is for, in a multi-step process. Ignored if `steps` is < 2.\n   */\n  @Prop() step: number = 1;\n\n  /**\n   * How many steps exist in a multi-step process. Set to 1 for a single-step process (hides the indicator).\n   */\n  @Prop() steps: number = 3;\n\n  /**\n   * If set, a help/instructions box will be displayed with this title\n   */\n  @Prop() helptitle: string = 'Previous Addresses';\n\n  /**\n   * If set, a help/instructions box will be displayed with this text\n   */\n  @Prop() helptext: string = 'Please select the address below that you have most recently lived at.';\n\n  /**\n   * The type of dialog to display. Three modes are supported.\n   */\n  @Prop() mode: 'text' | 'choice' | 'identity' = 'choice';\n\n  /**\n   * For text input challenges, the label to display next to the input field.\n   */\n  @Prop() label: string = 'PIN';\n\n  /**\n   * For text input challenges, the placeholder to display inside the input field.\n   */\n  @Prop() placeholder: string = 'Enter your PIN...';\n\n  /**\n   * For identity confirmation, the current recipient details.\n   */\n  @Prop() recipient: IRecipient | null = null;\n\n  /**\n   * For choice challenges, a set of choices to choose from. 6 choices is recommended to fit most screen sizes.\n   */\n  @Prop() choices: string[] = ['553 Arbor Dr', '18 Lacey Ln', '23A Ball Ct', '2375 Cavallo Blvd', '23-1 RR-7', '151 Boulder Rd'];\n\n  /**\n   * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  /**\n   * Event fired when the dialog is closed. The event data will contain the value selected,\n   * or the new recipient details if the mode is 'identity'.\n   */\n  @Event({composed: true}) pinEntered: EventEmitter<string | IRecipient>;\n\n  /**\n   * Event fired when the dialog is closed. The event data will contain the value selected,\n   * or the new recipient details if the mode is 'identity'.\n   */\n  @Event({composed: true}) next: EventEmitter<string | IRecipient | string[]>;\n\n  @State() response = '';\n  @State() updatedRecipient: IRecipient = null;\n  @State() dobContainerId = `verdocs-date-input-${Math.random().toString(36).substring(2, 11)}`;\n\n  componentWillLoad() {\n    this.updatedRecipient = {...(this.recipient || {})} as IRecipient;\n  }\n\n  // NOTE: This gets called again on every input, maybe do it on willUpdate?\n  componentDidRender() {\n    // TODO: Review min/max settings\n    IMask(document.getElementById(this.dobContainerId), {\n      mask: Date,\n      min: new Date(1920, 0, 1),\n      max: new Date(2007, 12, 31), // 18 years old\n      lazy: false,\n      pattern: 'm/d/Y',\n      // See https://github.com/uNmAnNeR/imaskjs/issues/739\n      format: function (date) {\n        var day = date.getDate();\n        var month = date.getMonth() + 1;\n        var year = date.getFullYear();\n\n        if (day < 10) day = '0' + day;\n        if (month < 10) month = '0' + month;\n\n        return [month, day, year].join('/');\n      },\n      // define str -> date convertion\n      parse: function (str) {\n        var yearMonthDay = str.split('/');\n        return new Date(yearMonthDay[2], yearMonthDay[0] - 1, yearMonthDay[1]);\n      },\n    });\n    // this.picker = new AirDatepicker<HTMLElement>(`#${this.dobContainerId}`, {\n    //   locale: localeEn,\n    //   isMobile: true,\n    //   autoClose: true,\n    //   onSelect: ({date, formattedDate}) => {\n    //     console.log('onselect', date, formattedDate);\n    //     // const event = new CustomEvent('input', {detail: {date, formattedDate}});\n    //     // this.hostEl.dispatchEvent(event);\n    //   },\n    // });\n  }\n\n  handleCancel() {\n    this.exit.emit();\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.class === 'background-overlay') {\n      e.preventDefault();\n      this.handleCancel();\n    }\n  }\n\n  handleDone() {\n    this.next.emit(this.response);\n    this.response = '';\n  }\n\n  handleConfirmID() {\n    console.log('Confirm ID', this.updatedRecipient);\n    this.next.emit(this.updatedRecipient);\n  }\n\n  render() {\n    if (this.mode === 'choice') {\n      return (\n        <Host>\n          <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n            <div class=\"dialog\">\n              <div class=\"heading\">\n                Confirm Your Identity\n                {this.steps > 1 ? (\n                  <span class=\"step\">\n                    ({this.step}/{this.steps})\n                  </span>\n                ) : (\n                  <Fragment />\n                )}\n              </div>\n\n              {!!this.helptitle && (\n                <div class=\"help-box\">\n                  <div class=\"help-icon\" innerHTML={QuestionIcon} />\n                  <div class=\"help-details\">\n                    <div class=\"help-title\">{this.helptitle}</div>\n                    <div class=\"help-text\">{this.helptext}</div>\n                  </div>\n                </div>\n              )}\n\n              <div class=\"choices\">\n                {this.choices.map(choice => (\n                  <div\n                    class={`choice ${choice === this.response ? 'selected' : ''}`}\n                    onClick={() => {\n                      console.log('Selected', choice);\n                      this.response = choice;\n                    }}\n                  >\n                    {choice}\n                  </div>\n                ))}\n              </div>\n\n              <div class=\"buttons\">\n                <verdocs-button label=\"Cancel\" variant=\"outline\" onClick={() => this.handleCancel()} />\n                <verdocs-button label={this.step < this.steps ? 'Next' : 'Submit'} onClick={() => this.handleDone()} disabled={!this.response} />\n              </div>\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    if (this.mode === 'identity') {\n      return (\n        <Host>\n          <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n            <div class=\"dialog\">\n              <div class=\"heading\">Confirm Your Identity</div>\n\n              {!!this.helptitle && (\n                <div class=\"help-box\">\n                  <div class=\"help-icon\" innerHTML={QuestionIcon} />\n                  <div class=\"help-details\">\n                    <div class=\"help-title\">Identity verification is required</div>\n                    <div class=\"help-text\">NOTE: Only four fields are required, but providing more details will allow us to complete the verification process more quickly.</div>\n                  </div>\n                </div>\n              )}\n\n              <div class=\"field\">\n                <label htmlFor=\"verdocs-kba-first\">\n                  Your Name:<span class=\"required\">*</span>\n                </label>\n                <input\n                  required\n                  type=\"text\"\n                  id=\"verdocs-kba-first\"\n                  name=\"verdocs-kba-first\"\n                  placeholder=\"First name...\"\n                  value={this.updatedRecipient?.first_name}\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, first_name: e.target.value})}\n                />\n\n                <input\n                  type=\"text\"\n                  id=\"verdocs-kba-last\"\n                  name=\"verdocs-kba-last\"\n                  placeholder=\"Last name...\"\n                  required\n                  value={this.updatedRecipient?.last_name}\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, last_name: e.target.value})}\n                />\n              </div>\n\n              <div class=\"field\">\n                <label htmlFor=\"verdocs-kba-address\">\n                  Address:<span class=\"required\">*</span>\n                </label>\n                <input\n                  type=\"text\"\n                  id=\"verdocs-kba-address\"\n                  name=\"verdocs-kba-address\"\n                  placeholder=\"Address...\"\n                  value={this.updatedRecipient?.address}\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, address: e.target.value})}\n                />\n              </div>\n\n              <div class=\"field\">\n                <label htmlFor=\"verdocs-kba-city\">City:</label>\n                <input\n                  type=\"text\"\n                  id=\"verdocs-kba-city\"\n                  name=\"verdocs-kba-city\"\n                  placeholder=\"City...\"\n                  value={this.updatedRecipient?.city}\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, city: e.target.value})}\n                />\n              </div>\n\n              <div class=\"field\">\n                <label htmlFor=\"verdocs-kba-state\">State:</label>\n                <verdocs-select-input\n                  options={STATE_OPTIONS}\n                  value={this.updatedRecipient?.state}\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, state: e.target.value})}\n                />\n                {/*<input*/}\n                {/*  type=\"text\"*/}\n                {/*  id=\"verdocs-kba-state\"*/}\n                {/*  name=\"verdocs-kba-state\"*/}\n                {/*  placeholder=\"State...\"*/}\n                {/*  value={this.updatedRecipient?.state}*/}\n                {/*  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, state: e.target.value})}*/}\n                {/*/>*/}\n              </div>\n\n              <div class=\"field\">\n                <label htmlFor=\"verdocs-kba-zip\">\n                  Zip Code:<span class=\"required\">*</span>\n                </label>\n                <input\n                  type=\"text\"\n                  id=\"verdocs-kba-zip\"\n                  name=\"verdocs-kba-zip\"\n                  placeholder=\"Zip Code...\"\n                  required\n                  value={this.updatedRecipient?.zip}\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, zip: e.target.value})}\n                />\n              </div>\n\n              <div class=\"field\">\n                <label htmlFor={this.dobContainerId}>\n                  Date of Birth:<span class=\"required\">*</span>\n                </label>\n                <input\n                  type=\"text\"\n                  value={this.updatedRecipient?.dob || ''}\n                  id={this.dobContainerId}\n                  placeholder=\"DOB...\"\n                  onInput={(e: any) => (this.updatedRecipient = {...this.updatedRecipient, dob: e.target.value})}\n                />\n              </div>\n\n              <div class=\"buttons\">\n                <verdocs-button\n                  label=\"Submit\"\n                  onClick={() => this.handleConfirmID()}\n                  disabled={\n                    !this.updatedRecipient?.first_name ||\n                    !this.updatedRecipient?.last_name ||\n                    !this.updatedRecipient?.address ||\n                    !this.updatedRecipient?.zip ||\n                    !this.updatedRecipient?.dob\n                  }\n                />\n              </div>\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"heading\">\n              Please Confirm Your Identity\n              {this.steps > 1 ? (\n                <span class=\"step\">\n                  ({this.step}/{this.steps})\n                </span>\n              ) : (\n                <Fragment />\n              )}\n            </div>\n\n            {!!this.helptitle && (\n              <div class=\"help-box\">\n                <div class=\"help-icon\" innerHTML={QuestionIcon} />\n                <div class=\"help-details\">\n                  <div class=\"help-title\">{this.helptitle}</div>\n                  <div class=\"help-text\">{this.helptext}</div>\n                </div>\n              </div>\n            )}\n\n            <div class=\"input\">\n              <label htmlFor=\"verdocs-kba-input\">{this.label}</label>\n              <input\n                type=\"text\"\n                id=\"verdocs-kba-input\"\n                name=\"verdocs-kba-input\"\n                placeholder={this.placeholder}\n                value={this.response}\n                onInput={(e: any) => (this.response = e.target.value)}\n              />\n            </div>\n\n            <div class=\"buttons\">\n              <verdocs-button label=\"Cancel\" variant=\"outline\" onClick={() => this.handleCancel()} />\n              <verdocs-button label=\"Submit\" onClick={() => this.handleDone()} disabled={!this.response} />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}