@verdocs/web-sdk 5.0.32 → 5.0.34

package/dist/esm-es5/loader.js

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,o,a){function i(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,n){function d(e){try{l(a.next(e))}catch(e){n(e)}}function s(e){try{l(a["throw"](e))}catch(e){n(e)}}function l(e){e.done?o(e.value):i(e.value).then(d,s)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var o={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},a,i,n,d;return d={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(d[Symbol.iterator]=function(){return this}),d;function s(e){return function(t){return l([e,t])}}function l(s){if(a)throw new TypeError("Generator is already executing.");while(d&&(d=0,s[0]&&(o=0)),o)try{if(a=1,i&&(n=s[0]&2?i["return"]:s[0]?i["throw"]||((n=i["return"])&&n.call(i),0):i.next)&&!(n=n.call(i,s[1])).done)return n;if(i=0,n)s=[s[0]&2,n.value];switch(s[0]){case 0:case 1:n=s;break;case 4:o.label++;return{value:s[1],done:false};case 5:o.label++;i=s[1];s=[0];continue;case 7:s=o.ops.pop();o.trys.pop();continue;default:if(!(n=o.trys,n=n.length>0&&n[n.length-1])&&(s[0]===6||s[0]===2)){o=0;continue}if(s[0]===3&&(!n||s[1]>n[0]&&s[1]<n[3])){o.label=s[1];break}if(s[0]===6&&o.label<n[1]){o.label=n[1];n=s;break}if(n&&o.label<n[2]){o.label=n[2];o.ops.push(s);break}if(n[2])o.ops.pop();o.trys.pop();continue}s=t.call(e,o)}catch(e){s=[6,e];i=0}finally{a=n=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{b as bootstrapLazy}from"./index-272d51a4.js";export{s as setNonce}from"./index-272d51a4.js";import{g as globalScripts}from"./app-globals-0f993ce5.js";var defineCustomElements=function(e,t){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(typeof window==="undefined")return[2,undefined];return[4,globalScripts()];case 1:e.sent();return[2,bootstrapLazy(JSON.parse('[["verdocs-build",[[0,"verdocs-build",{"endpoint":[16],"templateId":[1537,"template-id"],"step":[1537],"loading":[32],"template":[32]},null,{"templateId":["onTemplateIdChanged"],"step":["onStepChanged"]}]]],["verdocs-envelopes-list",[[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",[[0,"verdocs-sign",{"endpoint":[1040],"envelopeId":[513,"envelope-id"],"roleId":[513,"role-id"],"inviteCode":[513,"invite-code"],"headerTargetId":[1,"header-target-id"],"roleNames":[32],"sortedRecipients":[32],"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],"kbaStep":[32],"kbaQuestions":[32],"showSpinner":[32],"kbaChoices":[32],"loading":[32],"envelope":[32]}]]],["verdocs-templates-list",[[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",[[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",[[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",[[0,"verdocs-template-create",{"endpoint":[16],"maxSize":[1026,"max-size"],"file":[32],"creating":[32],"progressLabel":[32],"progressPercent":[32],"errorMessage":[32]}]]],["verdocs-auth",[[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-envelope-recipient-summary",[[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",[[4,"verdocs-dialog"]]],["verdocs-quick-functions",[[0,"verdocs-quick-functions",{"endpoint":[16]}]]],["verdocs-radio-button",[[0,"verdocs-radio-button",{"checked":[4],"name":[1],"value":[1],"disabled":[4]}]]],["verdocs-search-box",[[0,"verdocs-search-box",{"endpoint":[16],"placeholder":[1],"type":[1],"query":[1],"grabsFocus":[4,"grabs-focus"],"focusField":[64]}]]],["verdocs-search-tabs",[[0,"verdocs-search-tabs",{"selected":[32]}]]],["verdocs-table",[[0,"verdocs-table",{"columns":[16],"data":[16]}]]],["verdocs-template-card",[[0,"verdocs-template-card",{"template":[16]}]]],["verdocs-template-tags",[[0,"verdocs-template-tags",{"tags":[16]}]]],["verdocs-toggle",[[0,"verdocs-toggle",{"options":[16],"theme":[1],"selectedOption":[32]}]]],["verdocs-status-indicator",[[0,"verdocs-status-indicator",{"size":[1],"theme":[1],"status":[1],"envelope":[16],"isOpen":[32],"containerId":[32]}]]],["verdocs-template-star",[[0,"verdocs-template-star",{"endpoint":[16],"template":[1040],"updating":[32]}]]],["verdocs-envelope-document-page",[[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-button_2",[[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-kba-dialog_2",[[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]}]]],["verdocs-envelope-recipient-link_2",[[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]}],[0,"verdocs-switch",{"checked":[1028],"theme":[1],"disabled":[4]}]]],["verdocs-menu-panel_2",[[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",[[4,"verdocs-button-panel",{"icon":[1],"showPanel":[64],"hidePanel":[64],"toggle":[64]}],[4,"verdocs-tabs",{"tabs":[16],"selectedTab":[2,"selected-tab"]}]]],["verdocs-pagination_2",[[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-ok-dialog",[[0,"verdocs-ok-dialog",{"heading":[1],"message":[1],"buttonLabel":[1,"button-label"],"showCancel":[4,"show-cancel"],"closed":[32]}]]],["verdocs-template-document-page_2",[[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",[[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],"showKba":[32],"kba_method":[32],"kba_pin":[32],"nameFieldId":[32],"firstNameFieldId":[32],"lastNameFieldId":[32],"emailFieldId":[32],"phoneFieldId":[32]}],[0,"verdocs-toggle-button",{"active":[4],"icon":[1],"label":[1],"size":[1],"_active":[32]}]]],["verdocs-file-chooser_2",[[0,"verdocs-file-chooser",{"endpoint":[16],"file":[32]}],[0,"verdocs-progress-bar",{"label":[1],"showPercent":[4,"show-percent"],"percent":[2]}]]],["verdocs-spinner",[[0,"verdocs-spinner",{"size":[2],"mode":[1]}]]],["verdocs-organization-card_2",[[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-dropdown",[[0,"verdocs-dropdown",{"options":[16],"containerId":[32],"showPicker":[32]}]]],["verdocs-checkbox_6",[[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],"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",[[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-preview_6",[[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-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"]}]]]]'),t)]}}))}))};export{defineCustomElements};
+var __awaiter=this&&this.__awaiter||function(e,t,o,i){function a(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,n){function d(e){try{l(i.next(e))}catch(e){n(e)}}function s(e){try{l(i["throw"](e))}catch(e){n(e)}}function l(e){e.done?o(e.value):a(e.value).then(d,s)}l((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var o={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},i,a,n,d;return d={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(d[Symbol.iterator]=function(){return this}),d;function s(e){return function(t){return l([e,t])}}function l(s){if(i)throw new TypeError("Generator is already executing.");while(d&&(d=0,s[0]&&(o=0)),o)try{if(i=1,a&&(n=s[0]&2?a["return"]:s[0]?a["throw"]||((n=a["return"])&&n.call(a),0):a.next)&&!(n=n.call(a,s[1])).done)return n;if(a=0,n)s=[s[0]&2,n.value];switch(s[0]){case 0:case 1:n=s;break;case 4:o.label++;return{value:s[1],done:false};case 5:o.label++;a=s[1];s=[0];continue;case 7:s=o.ops.pop();o.trys.pop();continue;default:if(!(n=o.trys,n=n.length>0&&n[n.length-1])&&(s[0]===6||s[0]===2)){o=0;continue}if(s[0]===3&&(!n||s[1]>n[0]&&s[1]<n[3])){o.label=s[1];break}if(s[0]===6&&o.label<n[1]){o.label=n[1];n=s;break}if(n&&o.label<n[2]){o.label=n[2];o.ops.push(s);break}if(n[2])o.ops.pop();o.trys.pop();continue}s=t.call(e,o)}catch(e){s=[6,e];a=0}finally{i=n=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{b as bootstrapLazy}from"./index-272d51a4.js";export{s as setNonce}from"./index-272d51a4.js";import{g as globalScripts}from"./app-globals-0f993ce5.js";var defineCustomElements=function(e,t){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(typeof window==="undefined")return[2,undefined];return[4,globalScripts()];case 1:e.sent();return[2,bootstrapLazy(JSON.parse('[["verdocs-build",[[0,"verdocs-build",{"endpoint":[16],"templateId":[1537,"template-id"],"step":[1537],"loading":[32],"template":[32]},null,{"templateId":["onTemplateIdChanged"],"step":["onStepChanged"]}]]],["verdocs-envelopes-list",[[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",[[0,"verdocs-sign",{"endpoint":[1040],"envelopeId":[513,"envelope-id"],"roleId":[513,"role-id"],"inviteCode":[513,"invite-code"],"headerTargetId":[1,"header-target-id"],"roleNames":[32],"sortedRecipients":[32],"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],"kbaStep":[32],"kbaQuestions":[32],"showSpinner":[32],"kbaChoices":[32],"loading":[32],"envelope":[32]}]]],["verdocs-templates-list",[[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",[[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",[[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",[[0,"verdocs-template-create",{"endpoint":[16],"maxSize":[1026,"max-size"],"file":[32],"creating":[32],"progressLabel":[32],"progressPercent":[32],"errorMessage":[32]}]]],["verdocs-auth",[[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-envelope-recipient-summary",[[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",[[4,"verdocs-dialog"]]],["verdocs-quick-functions",[[0,"verdocs-quick-functions",{"endpoint":[16]}]]],["verdocs-radio-button",[[0,"verdocs-radio-button",{"checked":[4],"name":[1],"value":[1],"disabled":[4]}]]],["verdocs-search-box",[[0,"verdocs-search-box",{"endpoint":[16],"placeholder":[1],"type":[1],"query":[1],"grabsFocus":[4,"grabs-focus"],"focusField":[64]}]]],["verdocs-search-tabs",[[0,"verdocs-search-tabs",{"selected":[32]}]]],["verdocs-table",[[0,"verdocs-table",{"columns":[16],"data":[16]}]]],["verdocs-template-card",[[0,"verdocs-template-card",{"template":[16]}]]],["verdocs-template-tags",[[0,"verdocs-template-tags",{"tags":[16]}]]],["verdocs-toggle",[[0,"verdocs-toggle",{"options":[16],"theme":[1],"selectedOption":[32]}]]],["verdocs-button_2",[[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-envelope-recipient-link",[[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",[[0,"verdocs-status-indicator",{"size":[1],"theme":[1],"status":[1],"envelope":[16],"isOpen":[32],"containerId":[32]}]]],["verdocs-template-star",[[0,"verdocs-template-star",{"endpoint":[16],"template":[1040],"updating":[32]}]]],["verdocs-envelope-document-page",[[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",[[0,"verdocs-switch",{"checked":[1028],"theme":[1],"disabled":[4]}]]],["verdocs-menu-panel_2",[[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",[[4,"verdocs-button-panel",{"icon":[1],"showPanel":[64],"hidePanel":[64],"toggle":[64]}],[4,"verdocs-tabs",{"tabs":[16],"selectedTab":[2,"selected-tab"]}]]],["verdocs-pagination_2",[[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-contact-picker_2",[[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],"showKba":[32],"kba_method":[32],"kba_pin":[32],"nameFieldId":[32],"firstNameFieldId":[32],"lastNameFieldId":[32],"emailFieldId":[32],"phoneFieldId":[32]}],[0,"verdocs-toggle-button",{"active":[4],"icon":[1],"label":[1],"size":[1],"_active":[32]}]]],["verdocs-file-chooser_2",[[0,"verdocs-file-chooser",{"endpoint":[16],"file":[32]}],[0,"verdocs-progress-bar",{"label":[1],"showPercent":[4,"show-percent"],"percent":[2]}]]],["verdocs-organization-card_2",[[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-dropdown",[[0,"verdocs-dropdown",{"options":[16],"containerId":[32],"showPicker":[32]}]]],["verdocs-ok-dialog",[[0,"verdocs-ok-dialog",{"heading":[1],"message":[1],"buttonLabel":[1,"button-label"],"showCancel":[4,"show-cancel"],"closed":[32]}]]],["verdocs-checkbox_6",[[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],"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-kba-dialog_2",[[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]}]]],["verdocs-field-attachment_13",[[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",[[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-spinner",[[0,"verdocs-spinner",{"size":[2],"mode":[1]}]]],["verdocs-preview_7",[[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"]}]]]]'),t)]}}))}))};export{defineCustomElements};
 //# sourceMappingURL=loader.js.map

package/dist/esm-es5/loader.js.map

@@ -1 +1 @@
-{"version":3,"names":["defineCustomElements","win","options","__awaiter","window","undefined","globalScripts","_a","sent","bootstrapLazy","JSON","parse"],"sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"mappings":"2mDAGY,IAACA,qBAAuB,SAAOC,EAAKC,GAAO,OAAAC,eAAA,4B,4DACrD,UAAWC,SAAW,YAAa,SAAOC,WAC1C,SAAMC,iB,OAANC,EAAAC,OACA,SAAOC,cAAcC,KAAAC,MAAA,2rdAAuCT,I","ignoreList":[]}
+{"version":3,"names":["defineCustomElements","win","options","__awaiter","window","undefined","globalScripts","_a","sent","bootstrapLazy","JSON","parse"],"sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"mappings":"2mDAGY,IAACA,qBAAuB,SAAOC,EAAKC,GAAO,OAAAC,eAAA,4B,4DACrD,UAAWC,SAAW,YAAa,SAAOC,WAC1C,SAAMC,iB,OAANC,EAAAC,OACA,SAAOC,cAAcC,KAAAC,MAAA,47dAAuCT,I","ignoreList":[]}

package/dist/esm-es5/verdocs-build.entry.js

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,n){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,o){function s(e){try{d(n.next(e))}catch(e){o(e)}}function l(e){try{d(n["throw"](e))}catch(e){o(e)}}function d(e){e.done?i(e.value):r(e.value).then(s,l)}d((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,r,o,s;return s={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function l(e){return function(t){return d([e,t])}}function d(l){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,l[0]&&(i=0)),i)try{if(n=1,r&&(o=l[0]&2?r["return"]:l[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;if(r=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:i.label++;return{value:l[1],done:false};case 5:i.label++;r=l[1];l=[0];continue;case 7:l=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){i=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(l[0]===6&&i.label<o[1]){i.label=o[1];o=l;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(l);break}if(o[2])i.ops.pop();i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e];r=0}finally{n=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-272d51a4.js";import{VerdocsEndpoint,getTemplate}from"@verdocs/js-sdk";import{S as SDKError}from"./errors-887f1e88.js";import{S as Store}from"./Datastore-77cb8d9c.js";var verdocsBuildCss='@-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-build{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-build .content{-ms-flex:1;flex:1;gap:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}verdocs-build verdocs-template-attachments,verdocs-build verdocs-template-roles{margin:20px}verdocs-build verdocs-template-fields{border-top:1px solid #777777}verdocs-build verdocs-template-attachments{padding:20px;background:#ffffff}verdocs-build verdocs-template-fields{width:100%}verdocs-build verdocs-preview{-ms-flex:1;flex:1}verdocs-build .preview-container{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;width:100%;background-color:#eeeeee;max-height:100%}@media all and (max-width: 450px){verdocs-build .preview-container{-ms-flex-direction:column;flex-direction:column}}verdocs-build .preview-send-wrapper{display:-ms-flexbox;display:flex;-ms-flex:0 0 300px;flex:0 0 300px;background-color:#ffffff;-webkit-box-shadow:1px 1px 6px -2px rgba(0, 0, 0, 0.4980392157);box-shadow:1px 1px 6px -2px rgba(0, 0, 0, 0.4980392157)}@media all and (max-width: 450px){verdocs-build .preview-send-wrapper{-ms-flex:0;flex:0}}verdocs-build .preview-preview-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;overflow-y:scroll}';var VerdocsBuildStyle0=verdocsBuildCss;var VerdocsBuild=function(){function e(e){registerInstance(this,e);this.sdkError=createEvent(this,"sdkError",7);this.stepChanged=createEvent(this,"stepChanged",7);this.send=createEvent(this,"send",7);this.templateUpdated=createEvent(this,"templateUpdated",7);this.templateCreated=createEvent(this,"templateCreated",7);this.rolesUpdated=createEvent(this,"rolesUpdated",7);this.templateListenerId=null;this.endpoint=VerdocsEndpoint.getDefault();this.templateId=null;this.step="preview";this.loading=true;this.template=null}e.prototype.onTemplateIdChanged=function(e,t){if(!t&&e&&this.step==="attachments"){this.step="preview"}this.loadTemplate(e).catch((function(e){return console.log("Unknown Error",e)}))};e.prototype.onStepChanged=function(){this.loadTemplate(this.templateId).catch((function(e){return console.log("Unknown Error",e)}))};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,n,r,o;return __generator(this,(function(s){try{this.endpoint.loadSession();if(!this.endpoint.session){console.log("[BUILD] Unable to start builder session, must be authenticated");return[2]}if(!this.templateId){console.log("[BUILD] No template ID, activating upload mode");this.step="attachments";return[2]}try{this.loadTemplate(this.templateId).catch((function(e){return console.log("[BUILD] Unable to load template",e)}))}catch(n){console.log("[BUILD] Error loading template",n);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new SDKError(n.message,(t=n.response)===null||t===void 0?void 0:t.status,(i=n.response)===null||i===void 0?void 0:i.data))}}catch(e){console.log("[BUILD] Error with builder session",e);(n=this.sdkError)===null||n===void 0?void 0:n.emit(new SDKError(e.message,(r=e.response)===null||r===void 0?void 0:r.status,(o=e.response)===null||o===void 0?void 0:o.data))}return[2]}))}))};e.prototype.loadTemplate=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){if(e){Store.subscribe("templates",this.templateId,(function(){return getTemplate(t.endpoint,t.templateId)}),false,(function(e){t.template=e;t.loading=false}))}return[2]}))}))};e.prototype.disconnectedCallback=function(){console.log("[BUILD] Disconnected");this.unlistenToTemplate()};e.prototype.unlistenToTemplate=function(){if(this.templateListenerId){Store.store.delListener(this.templateListenerId);this.templateListenerId=null}};e.prototype.handleCancel=function(){this.step="preview"};e.prototype.handleTemplateCreated=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.loadTemplate(e)];case 1:i.sent();this.templateId=e;this.step="roles";(t=this.stepChanged)===null||t===void 0?void 0:t.emit("roles");return[2]}}))}))};e.prototype.handleRolesUpdated=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){(t=this.templateUpdated)===null||t===void 0?void 0:t.emit(e.detail);return[2]}))}))};e.prototype.handleTemplateUpdated=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){(t=this.templateUpdated)===null||t===void 0?void 0:t.emit(e.detail);return[2]}))}))};e.prototype.handleAttachmentsNext=function(){var e;this.step="roles";(e=this.stepChanged)===null||e===void 0?void 0:e.emit("roles")};e.prototype.handleRolesNext=function(){var e;this.step="fields";(e=this.stepChanged)===null||e===void 0?void 0:e.emit("fields")};e.prototype.handleStepChanged=function(e){var t;this.step=e;(t=this.stepChanged)===null||t===void 0?void 0:t.emit(e)};e.prototype.render=function(){var e=this;if(this.loading){return h(Host,{class:"loading"},h("verdocs-loader",null))}if(!this.endpoint.session){return h(Host,null,h("verdocs-component-error",{message:"You must be authenticated to use this module."}))}return h(Host,null,h("div",{class:"content"},h("verdocs-template-build-tabs",{endpoint:this.endpoint,templateId:this.templateId,step:this.step,onSdkError:function(t){var i;return(i=e.sdkError)===null||i===void 0?void 0:i.emit(t.detail)},onStepChanged:function(t){return e.handleStepChanged(t.detail)}}),this.step==="attachments"&&h("verdocs-template-attachments",{templateId:this.templateId,endpoint:this.endpoint,onExit:function(){return e.handleCancel()},onNext:function(){return e.handleAttachmentsNext()},onTemplateUpdated:function(t){return e.handleTemplateUpdated(t)}}),this.step==="roles"&&h("verdocs-template-roles",{templateId:this.templateId,endpoint:this.endpoint,onExit:function(){return e.handleCancel()},onNext:function(){return e.handleRolesNext()},onRolesUpdated:function(t){return e.handleRolesUpdated(t)}}),this.step==="settings"&&h("div",{style:{flexDirection:"column",gap:"20px",display:"flex",maxWidth:"400px",margin:"20px"}},h("verdocs-template-name",{templateId:this.templateId,endpoint:this.endpoint,style:{backgroundColor:"#ffffff",padding:"20px"},onTemplateUpdated:function(t){return e.handleTemplateUpdated(t)}}),h("verdocs-template-reminders",{templateId:this.templateId,endpoint:this.endpoint,style:{backgroundColor:"#ffffff",padding:"20px"},onTemplateUpdated:function(t){return e.handleTemplateUpdated(t)}}),h("verdocs-template-visibility",{templateId:this.templateId,endpoint:this.endpoint,style:{backgroundColor:"#ffffff",padding:"20px"},onTemplateUpdated:function(t){return e.handleTemplateUpdated(t)}})),this.step==="fields"&&h("verdocs-template-fields",{templateId:this.templateId,endpoint:this.endpoint,onTemplateUpdated:function(t){return e.handleTemplateUpdated(t)}}),this.step==="preview"&&h("div",{class:"preview-container"},h("div",{class:"preview-send-wrapper"},h("verdocs-send",{templateId:this.templateId,endpoint:this.endpoint,onSend:function(t){var i;return(i=e.send)===null||i===void 0?void 0:i.emit(t.detail)},style:{width:"100%"}})),h("div",{class:"preview-preview-wrapper"},h("verdocs-preview",{templateId:this.templateId,endpoint:this.endpoint,style:{display:"flex",flex:"1",maxWidth:"1000px"}})))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{templateId:["onTemplateIdChanged"],step:["onStepChanged"]}},enumerable:false,configurable:true});return e}();VerdocsBuild.style=VerdocsBuildStyle0;export{VerdocsBuild as verdocs_build};
+var __awaiter=this&&this.__awaiter||function(e,t,i,n){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,o){function s(e){try{a(n.next(e))}catch(e){o(e)}}function l(e){try{a(n["throw"](e))}catch(e){o(e)}}function a(e){e.done?i(e.value):r(e.value).then(s,l)}a((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,r,o,s;return s={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function l(e){return function(t){return a([e,t])}}function a(l){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,l[0]&&(i=0)),i)try{if(n=1,r&&(o=l[0]&2?r["return"]:l[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;if(r=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:i.label++;return{value:l[1],done:false};case 5:i.label++;r=l[1];l=[0];continue;case 7:l=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){i=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(l[0]===6&&i.label<o[1]){i.label=o[1];o=l;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(l);break}if(o[2])i.ops.pop();i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e];r=0}finally{n=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-272d51a4.js";import{VerdocsEndpoint,getTemplate}from"@verdocs/js-sdk";import{S as SDKError}from"./errors-887f1e88.js";import{S as Store}from"./Datastore-77cb8d9c.js";var verdocsBuildCss='@-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-build{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-build .content{-ms-flex:1;flex:1;gap:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}verdocs-build verdocs-template-attachments,verdocs-build verdocs-template-roles{margin:20px}verdocs-build verdocs-template-fields{border-top:1px solid #777777}verdocs-build verdocs-template-attachments{padding:20px;background:#ffffff}verdocs-build verdocs-template-fields{width:100%}verdocs-build verdocs-preview{-ms-flex:1;flex:1}verdocs-build .preview-container{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;width:100%;background-color:#eeeeee;max-height:100%}@media all and (max-width: 450px){verdocs-build .preview-container{-ms-flex-direction:column;flex-direction:column}}verdocs-build .preview-send-wrapper{display:-ms-flexbox;display:flex;-ms-flex:0 0 300px;flex:0 0 300px;background-color:#ffffff;-webkit-box-shadow:1px 1px 6px -2px rgba(0, 0, 0, 0.4980392157);box-shadow:1px 1px 6px -2px rgba(0, 0, 0, 0.4980392157)}@media all and (max-width: 450px){verdocs-build .preview-send-wrapper{-ms-flex:0;flex:0}}verdocs-build .preview-preview-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;overflow-y:scroll}';var VerdocsBuildStyle0=verdocsBuildCss;var VerdocsBuild=function(){function e(e){registerInstance(this,e);this.sdkError=createEvent(this,"sdkError",7);this.stepChanged=createEvent(this,"stepChanged",7);this.send=createEvent(this,"send",7);this.templateUpdated=createEvent(this,"templateUpdated",7);this.templateCreated=createEvent(this,"templateCreated",7);this.rolesUpdated=createEvent(this,"rolesUpdated",7);this.templateListenerId=null;this.endpoint=VerdocsEndpoint.getDefault();this.templateId=null;this.step="preview";this.loading=true;this.template=null}e.prototype.onTemplateIdChanged=function(e,t){if(!t&&e&&this.step==="attachments"){this.step="preview"}this.loadTemplate(e).catch((function(e){return console.log("Unknown Error",e)}))};e.prototype.onStepChanged=function(){this.loadTemplate(this.templateId).catch((function(e){return console.log("Unknown Error",e)}))};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,n,r,o;return __generator(this,(function(s){try{this.endpoint.loadSession();if(!this.endpoint.session){console.log("[BUILD] Unable to start builder session, must be authenticated");return[2]}if(!this.templateId){console.log("[BUILD] No template ID, activating upload mode");this.step="attachments";return[2]}try{this.loadTemplate(this.templateId).catch((function(e){return console.log("[BUILD] Unable to load template",e)}))}catch(n){console.log("[BUILD] Error loading template",n);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new SDKError(n.message,(t=n.response)===null||t===void 0?void 0:t.status,(i=n.response)===null||i===void 0?void 0:i.data))}}catch(e){console.log("[BUILD] Error with builder session",e);(n=this.sdkError)===null||n===void 0?void 0:n.emit(new SDKError(e.message,(r=e.response)===null||r===void 0?void 0:r.status,(o=e.response)===null||o===void 0?void 0:o.data))}return[2]}))}))};e.prototype.loadTemplate=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){if(e){Store.subscribe("templates",this.templateId,(function(){return getTemplate(t.endpoint,t.templateId)}),false,(function(e){t.template=e;t.loading=false}))}return[2]}))}))};e.prototype.disconnectedCallback=function(){console.log("[BUILD] Disconnected");this.unlistenToTemplate()};e.prototype.unlistenToTemplate=function(){if(this.templateListenerId){Store.store.delListener(this.templateListenerId);this.templateListenerId=null}};e.prototype.handleCancel=function(){this.step="preview"};e.prototype.handleTemplateCreated=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.loadTemplate(e)];case 1:i.sent();this.templateId=e;this.step="roles";(t=this.stepChanged)===null||t===void 0?void 0:t.emit("roles");return[2]}}))}))};e.prototype.handleRolesUpdated=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){(t=this.templateUpdated)===null||t===void 0?void 0:t.emit(e.detail);return[2]}))}))};e.prototype.handleTemplateUpdated=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){(t=this.templateUpdated)===null||t===void 0?void 0:t.emit(e.detail);return[2]}))}))};e.prototype.handleAttachmentsNext=function(){var e;this.step="roles";(e=this.stepChanged)===null||e===void 0?void 0:e.emit("roles")};e.prototype.handleRolesNext=function(){var e;this.step="fields";(e=this.stepChanged)===null||e===void 0?void 0:e.emit("fields")};e.prototype.handleStepChanged=function(e){var t;this.step=e;(t=this.stepChanged)===null||t===void 0?void 0:t.emit(e)};e.prototype.render=function(){var e=this;if(this.loading){return h(Host,{class:"loading"},h("verdocs-loader",null))}if(!this.endpoint.session){return h(Host,null,h("verdocs-component-error",{message:"You must be authenticated to use this module."}))}return h(Host,null,h("div",{class:"content"},h("verdocs-template-build-tabs",{endpoint:this.endpoint,templateId:this.templateId,step:this.step,onSdkError:function(t){var i;return(i=e.sdkError)===null||i===void 0?void 0:i.emit(t.detail)},onStepChanged:function(t){return e.handleStepChanged(t.detail)}}),this.step==="attachments"&&h("verdocs-template-attachments",{templateId:this.templateId,endpoint:this.endpoint,onExit:function(){return e.handleCancel()},onNext:function(){return e.handleAttachmentsNext()},onTemplateUpdated:function(t){return e.handleTemplateUpdated(t)}}),this.step==="roles"&&h("verdocs-template-roles",{templateId:this.templateId,endpoint:this.endpoint,onExit:function(){return e.handleCancel()},onNext:function(){return e.handleRolesNext()},onRolesUpdated:function(t){return e.handleRolesUpdated(t)}}),this.step==="settings"&&h("verdocs-template-settings",{templateId:this.templateId,endpoint:this.endpoint,onTemplateUpdated:function(t){return e.handleTemplateUpdated(t)}}),this.step==="fields"&&h("verdocs-template-fields",{templateId:this.templateId,endpoint:this.endpoint,onTemplateUpdated:function(t){return e.handleTemplateUpdated(t)}}),this.step==="preview"&&h("div",{class:"preview-container"},h("div",{class:"preview-send-wrapper"},h("verdocs-send",{templateId:this.templateId,endpoint:this.endpoint,onSend:function(t){var i;return(i=e.send)===null||i===void 0?void 0:i.emit(t.detail)},style:{width:"100%"}})),h("div",{class:"preview-preview-wrapper"},h("verdocs-preview",{templateId:this.templateId,endpoint:this.endpoint,style:{display:"flex",flex:"1",maxWidth:"1000px"}})))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{templateId:["onTemplateIdChanged"],step:["onStepChanged"]}},enumerable:false,configurable:true});return e}();VerdocsBuild.style=VerdocsBuildStyle0;export{VerdocsBuild as verdocs_build};
 //# sourceMappingURL=verdocs-build.entry.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["verdocsBuildCss","VerdocsBuildStyle0","VerdocsBuild","this","templateListenerId","VerdocsEndpoint","getDefault","class_1","prototype","onTemplateIdChanged","newTemplateId","oldTemplateId","step","loadTemplate","catch","e","console","log","onStepChanged","templateId","componentWillLoad","endpoint","loadSession","session","_a","sdkError","emit","SDKError","message","_b","response","status","_c","data","_d","_e","_f","Store","subscribe","getTemplate","_this","template","loading","disconnectedCallback","unlistenToTemplate","store","delListener","handleCancel","handleTemplateCreated","_g","sent","stepChanged","handleRolesUpdated","templateUpdated","detail","handleTemplateUpdated","handleAttachmentsNext","handleRolesNext","handleStepChanged","render","h","Host","class","onSdkError","onExit","onNext","onTemplateUpdated","onRolesUpdated","style","flexDirection","gap","display","maxWidth","margin","backgroundColor","padding","onSend","send","width","flex"],"sources":["src/components/embeds/verdocs-build/verdocs-build.scss?tag=verdocs-build","src/components/embeds/verdocs-build/verdocs-build.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-build {\n  display: flex;\n  flex-direction: column;\n  font-family: $verdocs-primary-font;\n\n  .content {\n    flex: 1;\n    gap: 20px;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    //box-shadow: 0 0 7px -3px #000000cc;\n  }\n\n  verdocs-template-attachments,\n  verdocs-template-roles {\n    margin: 20px;\n  }\n\n  verdocs-template-fields {\n    border-top: 1px solid #777777;\n  }\n\n  verdocs-template-attachments {\n    padding: 20px;\n    background: #ffffff;\n  }\n\n  verdocs-template-fields {\n    width: 100%;\n  }\n\n  verdocs-preview {\n    flex: 1;\n  }\n\n  .preview-container {\n    flex-direction: row;\n    display: flex;\n    width: 100%;\n    background-color: #eeeeee;\n    max-height: 100%;\n\n    @media all and (max-width: 450px) {\n      flex-direction: column;\n    }\n  }\n\n  .preview-send-wrapper {\n    display: flex;\n    flex: 0 0 300px;\n    background-color: #ffffff;\n    box-shadow: 1px 1px 6px -2px #0000007f;\n\n    @media all and (max-width: 450px) {\n      flex: 0;\n    }\n  }\n\n  .preview-preview-wrapper {\n    display: flex;\n    flex: 1;\n    justify-content: center;\n    overflow-y: scroll;\n  }\n}\n","import {getTemplate, ICreateEnvelopeRecipient, IRole, ITemplate, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, Prop, h, Element, Event, EventEmitter, Host, Watch, State} from '@stencil/core';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nexport type TVerdocsBuildStep = 'attachments' | 'roles' | 'settings' | 'fields' | 'preview';\n\n/**\n * Display a template building experience. Several event callbacks provide status updates to the\n * parent application to support interface updates.\n *\n * ```ts\n * <verdocs-build templateId={templateId} step=\"preview\" onSend={(detail) => {\n *   console.log('Sent envelope from template', detail);\n * }} />\n * ```\n */\n@Component({\n  tag: 'verdocs-build',\n  styleUrl: 'verdocs-build.scss',\n  shadow: false,\n})\nexport class VerdocsBuild {\n  private templateListenerId = null;\n\n  @Element() el!: any;\n\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The ID of the template to create the document from. Unlike most other components, this is an optional parameter here.\n   * If the template ID is known, `step` may also be specified to force displaying a specific step in the creation process.\n   * If it is not specified, `step` will be ignored and the create step will be shown.\n   */\n  @Prop({reflect: true, mutable: true}) templateId: string | null = null;\n\n  /**\n   * The step in the creation process to display.\n   */\n  @Prop({reflect: true, mutable: true}) step: TVerdocsBuildStep = 'preview';\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  /**\n   * Event fired when the user selects a different step.\n   */\n  @Event({composed: true}) stepChanged: EventEmitter<TVerdocsBuildStep>;\n\n  /**\n   * The user completed the Send form and clicked send.\n   */\n  @Event({composed: true}) send: EventEmitter<{recipients: ICreateEnvelopeRecipient[]; name: string; template_id: string}>;\n\n  /**\n   * Event fired when the template is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.\n   */\n  @Event({composed: true}) templateUpdated: EventEmitter<{endpoint: VerdocsEndpoint; template: ITemplate; event: string}>;\n\n  /**\n   * Event fired when the template is created by the upload step.\n   */\n  @Event({composed: true}) templateCreated: EventEmitter<{endpoint: VerdocsEndpoint; template: ITemplate; event: string}>;\n\n  /**\n   * Event fired when roles are updated in the roles step.\n   */\n  @Event({composed: true}) rolesUpdated: EventEmitter<{endpoint: VerdocsEndpoint; templateId: string; event: 'added' | 'deleted' | 'updated'; roles: IRole[]}>;\n\n  @State() loading = true;\n  @State() template: ITemplate | null = null;\n\n  @Watch('templateId')\n  onTemplateIdChanged(newTemplateId: string, oldTemplateId: string) {\n    if (!oldTemplateId && newTemplateId && this.step === 'attachments') {\n      this.step = 'preview';\n    }\n\n    this.loadTemplate(newTemplateId).catch((e: any) => console.log('Unknown Error', e));\n  }\n\n  @Watch('step')\n  onStepChanged() {\n    // We reload the template here even if only the step changed in case\n    // we were out of sync before\n    this.loadTemplate(this.templateId).catch((e: any) => console.log('Unknown Error', e));\n  }\n\n  async componentWillLoad() {\n    try {\n      this.endpoint.loadSession();\n      if (!this.endpoint.session) {\n        console.log('[BUILD] Unable to start builder session, must be authenticated');\n        return;\n      }\n\n      if (!this.templateId) {\n        console.log(`[BUILD] No template ID, activating upload mode`);\n        this.step = 'attachments';\n        return;\n      }\n\n      try {\n        this.loadTemplate(this.templateId).catch(e => console.log('[BUILD] Unable to load template', e));\n      } catch (e) {\n        console.log('[BUILD] Error loading template', e);\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      }\n    } catch (e) {\n      console.log('[BUILD] Error with builder session', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  async loadTemplate(templateId: string) {\n    if (templateId) {\n      Store.subscribe(\n        'templates',\n        this.templateId,\n        () => getTemplate(this.endpoint, this.templateId),\n        false,\n        (template: ITemplate) => {\n          this.template = template;\n          this.loading = false;\n        },\n      );\n    }\n  }\n\n  disconnectedCallback() {\n    console.log('[BUILD] Disconnected');\n    this.unlistenToTemplate();\n  }\n\n  unlistenToTemplate() {\n    if (this.templateListenerId) {\n      Store.store.delListener(this.templateListenerId);\n      this.templateListenerId = null;\n    }\n  }\n\n  handleCancel() {\n    this.step = 'preview';\n  }\n\n  async handleTemplateCreated(templateId: string) {\n    await this.loadTemplate(templateId);\n    this.templateId = templateId;\n    this.step = 'roles';\n    this.stepChanged?.emit('roles');\n  }\n\n  async handleRolesUpdated(e: any) {\n    this.templateUpdated?.emit(e.detail);\n  }\n\n  async handleTemplateUpdated(e: any) {\n    this.templateUpdated?.emit(e.detail);\n  }\n\n  handleAttachmentsNext() {\n    this.step = 'roles';\n    this.stepChanged?.emit('roles');\n  }\n\n  handleRolesNext() {\n    this.step = 'fields';\n    this.stepChanged?.emit('fields');\n  }\n\n  handleStepChanged(step: TVerdocsBuildStep) {\n    this.step = step;\n    this.stepChanged?.emit(step);\n  }\n\n  render() {\n    if (this.loading) {\n      return (\n        <Host class=\"loading\">\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    if (!this.endpoint.session) {\n      return (\n        <Host>\n          <verdocs-component-error message=\"You must be authenticated to use this module.\" />\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <div class=\"content\">\n          <verdocs-template-build-tabs\n            endpoint={this.endpoint}\n            templateId={this.templateId}\n            step={this.step}\n            onSdkError={e => this.sdkError?.emit(e.detail)}\n            onStepChanged={e => this.handleStepChanged(e.detail)}\n          />\n\n          {this.step === 'attachments' && (\n            <verdocs-template-attachments\n              templateId={this.templateId}\n              endpoint={this.endpoint}\n              onExit={() => this.handleCancel()}\n              onNext={() => this.handleAttachmentsNext()}\n              onTemplateUpdated={e => this.handleTemplateUpdated(e)}\n            />\n          )}\n\n          {this.step === 'roles' && (\n            <verdocs-template-roles\n              templateId={this.templateId}\n              endpoint={this.endpoint}\n              onExit={() => this.handleCancel()}\n              onNext={() => this.handleRolesNext()}\n              onRolesUpdated={e => this.handleRolesUpdated(e)}\n            />\n          )}\n\n          {this.step === 'settings' && (\n            <div style={{flexDirection: 'column', gap: '20px', display: 'flex', maxWidth: '400px', margin: '20px'}}>\n              <verdocs-template-name\n                templateId={this.templateId}\n                endpoint={this.endpoint}\n                style={{backgroundColor: '#ffffff', padding: '20px'}}\n                onTemplateUpdated={e => this.handleTemplateUpdated(e)}\n              />\n              <verdocs-template-reminders\n                templateId={this.templateId}\n                endpoint={this.endpoint}\n                style={{backgroundColor: '#ffffff', padding: '20px'}}\n                onTemplateUpdated={e => this.handleTemplateUpdated(e)}\n              />\n              <verdocs-template-visibility\n                templateId={this.templateId}\n                endpoint={this.endpoint}\n                style={{backgroundColor: '#ffffff', padding: '20px'}}\n                onTemplateUpdated={e => this.handleTemplateUpdated(e)}\n              />\n            </div>\n          )}\n\n          {this.step === 'fields' && <verdocs-template-fields templateId={this.templateId} endpoint={this.endpoint} onTemplateUpdated={e => this.handleTemplateUpdated(e)} />}\n\n          {this.step === 'preview' && (\n            <div class=\"preview-container\">\n              <div class=\"preview-send-wrapper\">\n                <verdocs-send templateId={this.templateId} endpoint={this.endpoint} onSend={e => this.send?.emit(e.detail)} style={{width: '100%'}} />\n              </div>\n              <div class=\"preview-preview-wrapper\">\n                <verdocs-preview templateId={this.templateId} endpoint={this.endpoint} style={{display: 'flex', flex: '1', maxWidth: '1000px'}} />\n              </div>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["verdocsBuildCss","VerdocsBuildStyle0","VerdocsBuild","this","templateListenerId","VerdocsEndpoint","getDefault","class_1","prototype","onTemplateIdChanged","newTemplateId","oldTemplateId","step","loadTemplate","catch","e","console","log","onStepChanged","templateId","componentWillLoad","endpoint","loadSession","session","_a","sdkError","emit","SDKError","message","_b","response","status","_c","data","_d","_e","_f","Store","subscribe","getTemplate","_this","template","loading","disconnectedCallback","unlistenToTemplate","store","delListener","handleCancel","handleTemplateCreated","_g","sent","stepChanged","handleRolesUpdated","templateUpdated","detail","handleTemplateUpdated","handleAttachmentsNext","handleRolesNext","handleStepChanged","render","h","Host","class","onSdkError","onExit","onNext","onTemplateUpdated","onRolesUpdated","onSend","send","style","width","display","flex","maxWidth"],"sources":["src/components/embeds/verdocs-build/verdocs-build.scss?tag=verdocs-build","src/components/embeds/verdocs-build/verdocs-build.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-build {\n  display: flex;\n  flex-direction: column;\n  font-family: $verdocs-primary-font;\n\n  .content {\n    flex: 1;\n    gap: 20px;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    //box-shadow: 0 0 7px -3px #000000cc;\n  }\n\n  verdocs-template-attachments,\n  verdocs-template-roles {\n    margin: 20px;\n  }\n\n  verdocs-template-fields {\n    border-top: 1px solid #777777;\n  }\n\n  verdocs-template-attachments {\n    padding: 20px;\n    background: #ffffff;\n  }\n\n  verdocs-template-fields {\n    width: 100%;\n  }\n\n  verdocs-preview {\n    flex: 1;\n  }\n\n  .preview-container {\n    flex-direction: row;\n    display: flex;\n    width: 100%;\n    background-color: #eeeeee;\n    max-height: 100%;\n\n    @media all and (max-width: 450px) {\n      flex-direction: column;\n    }\n  }\n\n  .preview-send-wrapper {\n    display: flex;\n    flex: 0 0 300px;\n    background-color: #ffffff;\n    box-shadow: 1px 1px 6px -2px #0000007f;\n\n    @media all and (max-width: 450px) {\n      flex: 0;\n    }\n  }\n\n  .preview-preview-wrapper {\n    display: flex;\n    flex: 1;\n    justify-content: center;\n    overflow-y: scroll;\n  }\n}\n","import {getTemplate, ICreateEnvelopeRecipient, IRole, ITemplate, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, Prop, h, Element, Event, EventEmitter, Host, Watch, State} from '@stencil/core';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nexport type TVerdocsBuildStep = 'attachments' | 'roles' | 'settings' | 'fields' | 'preview';\n\n/**\n * Display a template building experience. Several event callbacks provide status updates to the\n * parent application to support interface updates.\n *\n * ```ts\n * <verdocs-build templateId={templateId} step=\"preview\" onSend={(detail) => {\n *   console.log('Sent envelope from template', detail);\n * }} />\n * ```\n */\n@Component({\n  tag: 'verdocs-build',\n  styleUrl: 'verdocs-build.scss',\n  shadow: false,\n})\nexport class VerdocsBuild {\n  private templateListenerId = null;\n\n  @Element() el!: any;\n\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The ID of the template to create the document from. Unlike most other components, this is an optional parameter here.\n   * If the template ID is known, `step` may also be specified to force displaying a specific step in the creation process.\n   * If it is not specified, `step` will be ignored and the create step will be shown.\n   */\n  @Prop({reflect: true, mutable: true}) templateId: string | null = null;\n\n  /**\n   * The step in the creation process to display.\n   */\n  @Prop({reflect: true, mutable: true}) step: TVerdocsBuildStep = 'preview';\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  /**\n   * Event fired when the user selects a different step.\n   */\n  @Event({composed: true}) stepChanged: EventEmitter<TVerdocsBuildStep>;\n\n  /**\n   * The user completed the Send form and clicked send.\n   */\n  @Event({composed: true}) send: EventEmitter<{recipients: ICreateEnvelopeRecipient[]; name: string; template_id: string}>;\n\n  /**\n   * Event fired when the template is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.\n   */\n  @Event({composed: true}) templateUpdated: EventEmitter<{endpoint: VerdocsEndpoint; template: ITemplate; event: string}>;\n\n  /**\n   * Event fired when the template is created by the upload step.\n   */\n  @Event({composed: true}) templateCreated: EventEmitter<{endpoint: VerdocsEndpoint; template: ITemplate; event: string}>;\n\n  /**\n   * Event fired when roles are updated in the roles step.\n   */\n  @Event({composed: true}) rolesUpdated: EventEmitter<{endpoint: VerdocsEndpoint; templateId: string; event: 'added' | 'deleted' | 'updated'; roles: IRole[]}>;\n\n  @State() loading = true;\n  @State() template: ITemplate | null = null;\n\n  @Watch('templateId')\n  onTemplateIdChanged(newTemplateId: string, oldTemplateId: string) {\n    if (!oldTemplateId && newTemplateId && this.step === 'attachments') {\n      this.step = 'preview';\n    }\n\n    this.loadTemplate(newTemplateId).catch((e: any) => console.log('Unknown Error', e));\n  }\n\n  @Watch('step')\n  onStepChanged() {\n    // We reload the template here even if only the step changed in case\n    // we were out of sync before\n    this.loadTemplate(this.templateId).catch((e: any) => console.log('Unknown Error', e));\n  }\n\n  async componentWillLoad() {\n    try {\n      this.endpoint.loadSession();\n      if (!this.endpoint.session) {\n        console.log('[BUILD] Unable to start builder session, must be authenticated');\n        return;\n      }\n\n      if (!this.templateId) {\n        console.log(`[BUILD] No template ID, activating upload mode`);\n        this.step = 'attachments';\n        return;\n      }\n\n      try {\n        this.loadTemplate(this.templateId).catch(e => console.log('[BUILD] Unable to load template', e));\n      } catch (e) {\n        console.log('[BUILD] Error loading template', e);\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      }\n    } catch (e) {\n      console.log('[BUILD] Error with builder session', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  async loadTemplate(templateId: string) {\n    if (templateId) {\n      Store.subscribe(\n        'templates',\n        this.templateId,\n        () => getTemplate(this.endpoint, this.templateId),\n        false,\n        (template: ITemplate) => {\n          this.template = template;\n          this.loading = false;\n        },\n      );\n    }\n  }\n\n  disconnectedCallback() {\n    console.log('[BUILD] Disconnected');\n    this.unlistenToTemplate();\n  }\n\n  unlistenToTemplate() {\n    if (this.templateListenerId) {\n      Store.store.delListener(this.templateListenerId);\n      this.templateListenerId = null;\n    }\n  }\n\n  handleCancel() {\n    this.step = 'preview';\n  }\n\n  async handleTemplateCreated(templateId: string) {\n    await this.loadTemplate(templateId);\n    this.templateId = templateId;\n    this.step = 'roles';\n    this.stepChanged?.emit('roles');\n  }\n\n  async handleRolesUpdated(e: any) {\n    this.templateUpdated?.emit(e.detail);\n  }\n\n  async handleTemplateUpdated(e: any) {\n    this.templateUpdated?.emit(e.detail);\n  }\n\n  handleAttachmentsNext() {\n    this.step = 'roles';\n    this.stepChanged?.emit('roles');\n  }\n\n  handleRolesNext() {\n    this.step = 'fields';\n    this.stepChanged?.emit('fields');\n  }\n\n  handleStepChanged(step: TVerdocsBuildStep) {\n    this.step = step;\n    this.stepChanged?.emit(step);\n  }\n\n  render() {\n    if (this.loading) {\n      return (\n        <Host class=\"loading\">\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    if (!this.endpoint.session) {\n      return (\n        <Host>\n          <verdocs-component-error message=\"You must be authenticated to use this module.\" />\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <div class=\"content\">\n          <verdocs-template-build-tabs\n            endpoint={this.endpoint}\n            templateId={this.templateId}\n            step={this.step}\n            onSdkError={e => this.sdkError?.emit(e.detail)}\n            onStepChanged={e => this.handleStepChanged(e.detail)}\n          />\n\n          {this.step === 'attachments' && (\n            <verdocs-template-attachments\n              templateId={this.templateId}\n              endpoint={this.endpoint}\n              onExit={() => this.handleCancel()}\n              onNext={() => this.handleAttachmentsNext()}\n              onTemplateUpdated={e => this.handleTemplateUpdated(e)}\n            />\n          )}\n\n          {this.step === 'roles' && (\n            <verdocs-template-roles\n              templateId={this.templateId}\n              endpoint={this.endpoint}\n              onExit={() => this.handleCancel()}\n              onNext={() => this.handleRolesNext()}\n              onRolesUpdated={e => this.handleRolesUpdated(e)}\n            />\n          )}\n\n          {this.step === 'settings' && <verdocs-template-settings templateId={this.templateId} endpoint={this.endpoint} onTemplateUpdated={e => this.handleTemplateUpdated(e)} />}\n\n          {this.step === 'fields' && <verdocs-template-fields templateId={this.templateId} endpoint={this.endpoint} onTemplateUpdated={e => this.handleTemplateUpdated(e)} />}\n\n          {this.step === 'preview' && (\n            <div class=\"preview-container\">\n              <div class=\"preview-send-wrapper\">\n                <verdocs-send templateId={this.templateId} endpoint={this.endpoint} onSend={e => this.send?.emit(e.detail)} style={{width: '100%'}} />\n              </div>\n              <div class=\"preview-preview-wrapper\">\n                <verdocs-preview templateId={this.templateId} endpoint={this.endpoint} style={{display: 'flex', flex: '1', maxWidth: '1000px'}} />\n              </div>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm-es5/verdocs-contact-picker_2.entry.js

@@ -1,2 +1,2 @@
-import{r as registerInstance,c as createEvent,h,F as Fragment,H as Host}from"./index-272d51a4.js";import{VerdocsEndpoint,formatFullName,isValidEmail}from"@verdocs/js-sdk";import{h as convertToE164}from"./utils-bd656c37.js";import"./_commonjsHelpers-bdec4bbd.js";import"./Types-95d86a44.js";import"./format-b8602175.js";var verdocsContactPickerCss='@-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-contact-picker{display:block;border:1px solid #ebebeb;background-color:#ffffff;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1)}verdocs-contact-picker form{gap:12px;width:300px;padding:12px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f5f5fa}verdocs-contact-picker form .row{gap:8px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}verdocs-contact-picker form .row.message{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}verdocs-contact-picker form .names-row{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .names-row>input{font-size:14px;width:103px}verdocs-contact-picker form .kba-row{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .kba-row verdocs-select-input{margin:0}verdocs-contact-picker form .pin-code{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .pin-code>input{-ms-flex:0;flex:0;width:133px;font-size:14px;margin-left:58px}verdocs-contact-picker form .address{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .address>input{-ms-flex:1;flex:1;font-size:14px;margin-left:58px}verdocs-contact-picker form .zip-code{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .zip-code>input{-ms-flex:1;flex:1;font-size:14px;margin-left:58px}verdocs-contact-picker form label{display:-ms-flexbox;display:flex;-ms-flex:0 0 50px;flex:0 0 50px;font-size:14px;font-weight:500;color:#5c6575}verdocs-contact-picker form .row.message label{-ms-flex:0;flex:0}verdocs-contact-picker form .row.message input{width:100%}verdocs-contact-picker form input{-ms-flex:1;flex:1;padding:6px;font-size:14px;border-radius:3px;background:rgba(0, 0, 0, 0.0196078431);border:1px solid rgba(112, 122, 229, 0.3725490196)}verdocs-contact-picker form input:focus{outline:none}verdocs-contact-picker form .dropdown{left:0;right:0;top:49px;z-index:1000000;max-height:225px;overflow-y:scroll;position:absolute;background:#ffffff;-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1)}verdocs-contact-picker form .dropdown .suggestion{display:-ms-flexbox;display:flex;padding:6px 12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .dropdown .suggestion svg{width:32px;height:32px}verdocs-contact-picker form .dropdown .suggestion .avatar{width:32px;height:32px;-ms-flex:0 0 32px;flex:0 0 32px;margin-right:8px;border-radius:100%}verdocs-contact-picker form .dropdown .suggestion .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-contact-picker form .dropdown .suggestion .name{font-size:16px;font-weight:500;margin-bottom:3px;color:#092c4c}verdocs-contact-picker form .dropdown .suggestion .destination{font-size:14px;margin-bottom:3px;color:#33364b}verdocs-contact-picker form .dropdown .suggestion:hover{background:#eee;cursor:pointer}verdocs-contact-picker .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:6px;-moz-column-gap:6px;column-gap:6px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-contact-picker ::-webkit-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-moz-placeholder{color:#aaaaaa}verdocs-contact-picker :-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::placeholder{color:#aaaaaa}verdocs-contact-picker [data-lastpass-icon-root]{display:none !important}';var VerdocsContactPickerStyle0=verdocsContactPickerCss;var messageIcon='<svg focusable="false" viewBox="0 0 24 24"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"></path></svg>';var kbaIcon='<svg focusable="false" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M4.5 3.75a3 3 0 0 0-3 3v10.5a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V6.75a3 3 0 0 0-3-3h-15Zm4.125 3a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Zm-3.873 8.703a4.126 4.126 0 0 1 7.746 0 .75.75 0 0 1-.351.92 7.47 7.47 0 0 1-3.522.877 7.47 7.47 0 0 1-3.522-.877.75.75 0 0 1-.351-.92ZM15 8.25a.75.75 0 0 0 0 1.5h3.75a.75.75 0 0 0 0-1.5H15ZM14.25 12a.75.75 0 0 1 .75-.75h3.75a.75.75 0 0 1 0 1.5H15a.75.75 0 0 1-.75-.75Zm.75 2.25a.75.75 0 0 0 0 1.5h3.75a.75.75 0 0 0 0-1.5H15Z" clip-rule="evenodd" /></svg>';var addrBookIcon='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-user"><path d="M15 13a3 3 0 1 0-6 0"/><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20"/><circle cx="12" cy="8" r="2"/></svg>';var VerdocsContactPicker=function(){function e(e){registerInstance(this,e);this.searchContacts=createEvent(this,"searchContacts",7);this.exit=createEvent(this,"exit",7);this.next=createEvent(this,"next",7);this.endpoint=VerdocsEndpoint.getDefault();this.templateRole=null;this.contactSuggestions=[];this.first_name=undefined;this.last_name=undefined;this.email=undefined;this.phone=undefined;this.zip=undefined;this.address=undefined;this.message=undefined;this.showSuggestions=false;this.showMessage=false;this.delegator=false;this.showKba=false;this.kba_method="";this.kba_pin="";this.nameFieldId="verdocs-contact-picker-name-".concat(Math.random().toString(36).substring(2,11));this.firstNameFieldId="verdocs-contact-picker-firstname-".concat(Math.random().toString(36).substring(2,11));this.lastNameFieldId="verdocs-contact-picker-lastname-".concat(Math.random().toString(36).substring(2,11));this.emailFieldId="verdocs-contact-picker-email-".concat(Math.random().toString(36).substring(2,11));this.phoneFieldId="verdocs-contact-picker-phone-".concat(Math.random().toString(36).substring(2,11))}e.prototype.componentWillLoad=function(){if(this.templateRole){var e=formatFullName(this.templateRole);var t=e.split(" ");var o=this.templateRole.first_name||t.shift()||"";var c=this.templateRole.last_name||t.join(" ")||"";this.first_name=o;this.last_name=c;this.email=this.templateRole.email||"";this.phone=this.templateRole.phone||"";this.delegator=this.templateRole.delegator||false;this.message=this.templateRole.message||"";this.showMessage=this.message!=="";this.kba_method=this.templateRole.kba_method||"";this.kba_pin=this.templateRole.kba_pin||"";this.showKba=!!this.kba_method}};e.prototype.handleFirstNameChange=function(e){var t;this.first_name=e.target.value;(t=this.searchContacts)===null||t===void 0?void 0:t.emit({query:this.first_name})};e.prototype.handleLastNameChange=function(e){var t;this.last_name=e.target.value;(t=this.searchContacts)===null||t===void 0?void 0:t.emit({query:this.last_name})};e.prototype.handleCancel=function(e){var t;e.stopPropagation();this.showSuggestions=false;(t=this.exit)===null||t===void 0?void 0:t.emit()};e.prototype.handleSubmit=function(e){var t;e.stopPropagation();this.showSuggestions=false;(t=this.next)===null||t===void 0?void 0:t.emit({first_name:this.first_name,last_name:this.last_name,email:this.email,phone:this.phone,message:this.message,delegator:this.delegator,kba_method:this.kba_method,kba_pin:this.kba_pin,address:this.address,zip:this.zip})};e.prototype.handleSelectSuggestion=function(e,t){e.stopPropagation();this.first_name=t.first_name;this.last_name=t.last_name;this.email=t.email;this.phone=t.phone;this.showSuggestions=false};e.prototype.render=function(){var e=this;var t=this.first_name&&this.last_name&&isValidEmail(this.email);var o=!this.kba_method||this.kba_method==="pin"&&this.kba_pin||this.kba_method==="identity";var c=t&&o;return h("form",{key:"2ce99d1c3ae979f25dde56e4a9dc7ec56cec2542",onSubmit:function(e){return e.preventDefault()},onClick:function(e){return e.stopPropagation()},autocomplete:"off"},h("div",{key:"6257ebf610c9ea9a8f6238311ad1b4ed0095e498",class:"row"},h("label",{key:"c36d51599847033b0c096c9d5de7d8af49e05c7d",htmlFor:this.nameFieldId},"Name:"),h("div",{key:"23cdb2afffff2ede3429c8591093eb89ca89d4b6",class:"names-row"},h("input",{key:"d281392383863edbcfc14440e18631b97962ea2f",id:this.firstNameFieldId,name:this.firstNameFieldId,type:"text","data-lpignore":"true",autocomplete:"blocked",value:this.first_name,placeholder:"First...",onFocus:function(){var t;return e.showSuggestions=((t=e.contactSuggestions)===null||t===void 0?void 0:t.length)>0},onInput:function(t){return e.handleFirstNameChange(t)}}),h("input",{key:"eea0626eb854ae95c32ad7e98d479a614e7df81c",id:this.lastNameFieldId,name:this.lastNameFieldId,type:"text","data-lpignore":"true",autocomplete:"blocked",value:this.last_name,placeholder:"Last...",onFocus:function(){return e.showSuggestions=false},onInput:function(t){return e.handleLastNameChange(t)}})),this.showSuggestions&&h("div",{key:"2e3fc57f42e3281b83b03e53b92c07243dcff544",class:"dropdown"},this.contactSuggestions.filter((function(t){return!e.first_name||t.first_name.toLowerCase().includes(e.first_name.toLowerCase())})).map((function(t){var o;return h("div",{key:(o=t.id)!==null&&o!==void 0?o:t.email,class:"suggestion",onClick:function(o){return e.handleSelectSuggestion(o,t)}},t.picture?h("img",{alt:"Avatar",class:"avatar",src:t.picture}):h("div",{class:"avatar",innerHTML:addrBookIcon}),h("div",{class:"details"},h("div",{class:"name"},formatFullName(t)),t.email&&h("div",{class:"destination"},t.email),t.phone&&h("div",{class:"destination"},t.phone)))})))),h("div",{key:"f18fd6d889ea70f8a5e51bd1780007b3ff061b56",class:"row"},h("label",{key:"5cda3922bb705ed0d3af00644df9ef8d42042021",htmlFor:this.emailFieldId},"Email:"),h("input",{key:"34474c4c8bbbde2802b3c2f58ea3abed4b3e27f6",id:this.emailFieldId,name:this.emailFieldId,type:"text","data-lpignore":"true",autoComplete:"blocked",value:this.email,placeholder:"Email address...",onFocus:function(){return e.showSuggestions=false},onInput:function(t){return e.email=t.target.value}})),h("div",{key:"c757b186ca60272855ed5701c59857856dcd863f",class:"row"},h("label",{key:"1d971705ab36609db6a4e9cb7d24281d98441cd5",htmlFor:this.phoneFieldId},"Phone:"),h("input",{key:"2a516e28498a6727409ef51e61ca3fe912c65789",id:this.phoneFieldId,name:this.phoneFieldId,type:"text","data-lpignore":"true",autoComplete:"blocked",value:this.phone,placeholder:"Phone (SMS)...",onFocus:function(){return e.showSuggestions=false},onInput:function(t){e.phone=convertToE164(t.target.value)}})),this.showKba&&h(Fragment,{key:"05cdb2c78abc3156d04a012c40a52f2c6ab24a86"},h("div",{key:"56d53a04ba6ab45ecc30f11e44669ad503400a49",class:"kba-row"},h("label",{key:"8af91071db065071bb40e931ea92231f31e9c0c9"},"KBA:"),h("verdocs-select-input",{key:"3f2eec31ee0078779eeed5d3f2fbd222fcdbaa42",value:this.kba_method,onInput:function(t){e.kba_method=t.target.value;e.zip="";e.address="";e.kba_pin=""},options:[{label:"None",value:""},{label:"PIN Code",value:"pin"},{label:"Full Verification",value:"identity"}]}),h("div",{key:"33e9efc07399e6930264b4b79f73a5497728c7c7",style:{flex:"1"}}),h("verdocs-help-icon",{key:"bc5ec8ad3fcf22a4f9a0f4659b574e238526574a",text:"Knowledge-Based Authentication adds additional authentication for this user either via a simple PIN code or full address validation. NOTE: There may be a fee for using this feature."})),this.kba_method==="pin"&&h("div",{key:"cd07404e1e9cd0a344c0975bdd23b2374d97ad61",class:"row pin-code"},h("input",{key:"92909cedb50e11bffe60dcd032b2d8c3dd901834",id:"verdocs-pin-code",name:"verdocs-pin-code",type:"text","data-lpignore":"true",autocomplete:"blocked",value:this.kba_pin,placeholder:"PIN Code...",onFocus:function(){return e.showSuggestions=false},onInput:function(t){return e.kba_pin=t.target.value}})),this.kba_method==="identity"&&h("div",{key:"6ad1983ac8f9394bb9f35a8a9bba2f16d48d7bcd",class:"row address"},h("input",{key:"d598a1fb52b77eb85f17bda65f1730900d1d94e5",id:"verdocs-address",name:"verdocs-address",type:"text","data-lpignore":"true",autocomplete:"blocked",value:this.address,placeholder:"Address...",onFocus:function(){return e.showSuggestions=false},onInput:function(t){return e.address=t.target.value}}),h("verdocs-help-icon",{key:"09d3cfa8e92c6c59cda2cff599ae474296de35a0",text:"Pre-fill the recipient's current street address. They will still be asked ID challenge questions."})),this.kba_method==="identity"&&h("div",{key:"1ccb3caa35f5474f40245ca1fe9c11aa175b4cc2",class:"row zip-code"},h("input",{key:"e967aba3ffac6e25f359c56c0bd5cd057394ad82",id:"verdocs-zip-code",name:"verdocs-zip-code",type:"text","data-lpignore":"true",autocomplete:"blocked",value:this.zip,placeholder:"Zip Code...",onFocus:function(){return e.showSuggestions=false},onInput:function(t){return e.zip=t.target.value}}),h("verdocs-help-icon",{key:"b4075b320d84028e8717e8383113751155a6aebf",text:"Pre-fill the recipient's current zip code. They will still be asked ID challenge questions."}))),this.showMessage&&h("div",{key:"8212baa1274eb1dd98deeec972afeeb5bfb3c400",class:"row message"},h("label",{key:"1b1c58c77ebd0dfd1e193e68a9bf472d93b8914f",htmlFor:"verdocs-contact-picker-message"},"Message:"),h("input",{key:"d5525496367b3fa0bde52a91bad7f68964454a3c",id:"verdocs-contact-picker-message",name:"verdocs-contact-picker-message",type:"text","data-lpignore":"true",autocomplete:"blocked",value:this.message,placeholder:"Message shown in invitation...",onFocus:function(){return e.showSuggestions=false},onInput:function(t){return e.message=t.target.value}})),h("div",{key:"c39a19e49ea3ae82ecb287bf2acb87734237fdb9",class:"buttons"},h("verdocs-toggle-button",{key:"311f86449b98cad74d5811473578ab223237d39e",icon:kbaIcon,size:"small",active:this.showKba,onToggle:function(t){e.showKba=t.detail.active;if(!t.detail.active){e.kba_pin="";e.kba_method="";e.zip=""}e.showSuggestions=false}}),h("verdocs-toggle-button",{key:"c51c8bba37758ad6ada6946d9c2df9880204b1be",icon:messageIcon,size:"small",active:this.showMessage,onToggle:function(t){e.showMessage=t.detail.active;e.showSuggestions=false}}),h("div",{key:"747951c6d9273bf5142be1f20b6e51a2cc4239d5",class:"flex-fill"}),h("verdocs-button",{key:"12f60448cac7f6bb6804119ad620bdc77d4c0c9c",variant:"outline",label:"Cancel",size:"small",onClick:function(t){return e.handleCancel(t)}}),h("verdocs-button",{key:"507b52e7904d9e5c31e1ba40c7ffa0ccba7763f2",label:"OK",size:"small",disabled:!c,onClick:!c?function(){}:function(t){return e.handleSubmit(t)}})))};return e}();VerdocsContactPicker.style=VerdocsContactPickerStyle0;var verdocsToggleButtonCss='@-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-toggle-button{font-family:"Inter", "Barlow", sans-serif}verdocs-toggle-button button{border:none;outline:none;cursor:pointer;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;background:#cccccc;color:#33364b}verdocs-toggle-button button svg{max-width:100%;max-height:100%;fill:#33364b}verdocs-toggle-button button.active{background:#55bc81;color:#f5f5fa}verdocs-toggle-button button.active svg{fill:#f5f5fa}verdocs-toggle-button button:focus{border:none;outline:none}verdocs-toggle-button.size-normal button{width:40px;height:40px;padding:6px;border-radius:4px}verdocs-toggle-button.size-small button{width:34px;height:34px;padding:4px;border-radius:2px}';var VerdocsToggleButtonStyle0=verdocsToggleButtonCss;var VerdocsToggleButton=function(){function e(e){registerInstance(this,e);this.toggle=createEvent(this,"toggle",7);this.active=false;this.icon=null;this.label=null;this.size="normal";this._active=false}e.prototype.componentWillLoad=function(){this._active=this.active};e.prototype.handleToggle=function(e){var t;e.stopPropagation();var o=!this._active;this._active=o;(t=this.toggle)===null||t===void 0?void 0:t.emit({active:o})};e.prototype.render=function(){var e=this;return h(Host,{key:"57d988cf0335a521279382d8c91be3b7af3b1f87",class:"size-".concat(this.size)},this.icon?h("button",{innerHTML:this.icon,class:{active:this._active},onClick:function(t){return e.handleToggle(t)}}):h("button",{class:{active:this._active},onClick:function(t){return e.handleToggle(t)}},this.label))};return e}();VerdocsToggleButton.style=VerdocsToggleButtonStyle0;export{VerdocsContactPicker as verdocs_contact_picker,VerdocsToggleButton as verdocs_toggle_button};
+import{r as registerInstance,c as createEvent,h,F as Fragment,H as Host}from"./index-272d51a4.js";import{VerdocsEndpoint,formatFullName,isValidEmail}from"@verdocs/js-sdk";import{h as convertToE164}from"./utils-bd656c37.js";import"./_commonjsHelpers-bdec4bbd.js";import"./Types-95d86a44.js";import"./format-b8602175.js";var verdocsContactPickerCss='@-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-contact-picker{display:block;border:1px solid #ebebeb;background-color:#ffffff;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1)}verdocs-contact-picker form{gap:12px;width:300px;padding:12px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f5f5fa}verdocs-contact-picker form .row{gap:8px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}verdocs-contact-picker form .row.message{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}verdocs-contact-picker form .names-row{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .names-row>input{font-size:14px;width:83px}verdocs-contact-picker form .kba-row{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .kba-row verdocs-select-input{margin:0}verdocs-contact-picker form .pin-code{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .pin-code>input{-ms-flex:0;flex:0;width:133px;font-size:14px;margin-left:58px}verdocs-contact-picker form .address{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .address>input{-ms-flex:1;flex:1;font-size:14px;margin-left:58px}verdocs-contact-picker form .zip-code{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .zip-code>input{-ms-flex:1;flex:1;font-size:14px;margin-left:58px}verdocs-contact-picker form label{display:-ms-flexbox;display:flex;-ms-flex:0 0 80px;flex:0 0 80px;font-size:13px;font-weight:500;color:#5c6575}verdocs-contact-picker form .row.message label{-ms-flex:0;flex:0}verdocs-contact-picker form .row.message input{width:100%}verdocs-contact-picker form input{-ms-flex:1;flex:1;padding:6px;font-size:14px;border-radius:3px;background:rgba(0, 0, 0, 0.0196078431);border:1px solid rgba(112, 122, 229, 0.3725490196)}verdocs-contact-picker form input:focus{outline:none}verdocs-contact-picker form .dropdown{left:0;right:0;top:49px;z-index:1000000;max-height:225px;overflow-y:scroll;position:absolute;background:#ffffff;-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1)}verdocs-contact-picker form .dropdown .suggestion{display:-ms-flexbox;display:flex;padding:6px 12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .dropdown .suggestion svg{width:32px;height:32px}verdocs-contact-picker form .dropdown .suggestion .avatar{width:32px;height:32px;-ms-flex:0 0 32px;flex:0 0 32px;margin-right:8px;border-radius:100%}verdocs-contact-picker form .dropdown .suggestion .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-contact-picker form .dropdown .suggestion .name{font-size:16px;font-weight:500;margin-bottom:3px;color:#092c4c}verdocs-contact-picker form .dropdown .suggestion .destination{font-size:14px;margin-bottom:3px;color:#33364b}verdocs-contact-picker form .dropdown .suggestion:hover{background:#eee;cursor:pointer}verdocs-contact-picker .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:6px;-moz-column-gap:6px;column-gap:6px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-contact-picker ::-webkit-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-moz-placeholder{color:#aaaaaa}verdocs-contact-picker :-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::placeholder{color:#aaaaaa}verdocs-contact-picker [data-lastpass-icon-root]{display:none !important}';var VerdocsContactPickerStyle0=verdocsContactPickerCss;var messageIcon='<svg focusable="false" viewBox="0 0 24 24"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"></path></svg>';var kbaIcon='<svg focusable="false" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M4.5 3.75a3 3 0 0 0-3 3v10.5a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V6.75a3 3 0 0 0-3-3h-15Zm4.125 3a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Zm-3.873 8.703a4.126 4.126 0 0 1 7.746 0 .75.75 0 0 1-.351.92 7.47 7.47 0 0 1-3.522.877 7.47 7.47 0 0 1-3.522-.877.75.75 0 0 1-.351-.92ZM15 8.25a.75.75 0 0 0 0 1.5h3.75a.75.75 0 0 0 0-1.5H15ZM14.25 12a.75.75 0 0 1 .75-.75h3.75a.75.75 0 0 1 0 1.5H15a.75.75 0 0 1-.75-.75Zm.75 2.25a.75.75 0 0 0 0 1.5h3.75a.75.75 0 0 0 0-1.5H15Z" clip-rule="evenodd" /></svg>';var addrBookIcon='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-user"><path d="M15 13a3 3 0 1 0-6 0"/><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20"/><circle cx="12" cy="8" r="2"/></svg>';var VerdocsContactPicker=function(){function e(e){registerInstance(this,e);this.searchContacts=createEvent(this,"searchContacts",7);this.exit=createEvent(this,"exit",7);this.next=createEvent(this,"next",7);this.endpoint=VerdocsEndpoint.getDefault();this.templateRole=null;this.contactSuggestions=[];this.first_name=undefined;this.last_name=undefined;this.email=undefined;this.phone=undefined;this.zip=undefined;this.address=undefined;this.message=undefined;this.showSuggestions=false;this.showMessage=false;this.delegator=false;this.showKba=false;this.kba_method="";this.kba_pin="";this.nameFieldId="verdocs-contact-picker-name-".concat(Math.random().toString(36).substring(2,11));this.firstNameFieldId="verdocs-contact-picker-firstname-".concat(Math.random().toString(36).substring(2,11));this.lastNameFieldId="verdocs-contact-picker-lastname-".concat(Math.random().toString(36).substring(2,11));this.emailFieldId="verdocs-contact-picker-email-".concat(Math.random().toString(36).substring(2,11));this.phoneFieldId="verdocs-contact-picker-phone-".concat(Math.random().toString(36).substring(2,11))}e.prototype.componentWillLoad=function(){if(this.templateRole){var e=formatFullName(this.templateRole);var t=e.split(" ");var o=this.templateRole.first_name||t.shift()||"";var i=this.templateRole.last_name||t.join(" ")||"";this.first_name=o;this.last_name=i;this.email=this.templateRole.email||"";this.phone=this.templateRole.phone||"";this.delegator=this.templateRole.delegator||false;this.message=this.templateRole.message||"";this.showMessage=this.message!=="";this.kba_method=this.templateRole.kba_method||"";this.kba_pin=this.templateRole.kba_pin||"";this.showKba=!!this.kba_method}};e.prototype.handleFirstNameChange=function(e){var t;this.first_name=e.target.value;(t=this.searchContacts)===null||t===void 0?void 0:t.emit({query:this.first_name})};e.prototype.handleLastNameChange=function(e){var t;this.last_name=e.target.value;(t=this.searchContacts)===null||t===void 0?void 0:t.emit({query:this.last_name})};e.prototype.handleCancel=function(e){var t;e.stopPropagation();this.showSuggestions=false;(t=this.exit)===null||t===void 0?void 0:t.emit()};e.prototype.handleSubmit=function(e){var t;e.stopPropagation();this.showSuggestions=false;(t=this.next)===null||t===void 0?void 0:t.emit({first_name:this.first_name,last_name:this.last_name,email:this.email,phone:this.phone,message:this.message,delegator:this.delegator,kba_method:this.kba_method,kba_pin:this.kba_pin,address:this.address,zip:this.zip})};e.prototype.handleSelectSuggestion=function(e,t){e.stopPropagation();this.first_name=t.first_name;this.last_name=t.last_name;this.email=t.email;this.phone=t.phone;this.showSuggestions=false};e.prototype.render=function(){var e=this;var t=this.first_name&&this.last_name&&isValidEmail(this.email);var o=!this.kba_method||this.kba_method==="pin"&&this.kba_pin||this.kba_method==="identity";var i=t&&o;return h("form",{key:"2ce99d1c3ae979f25dde56e4a9dc7ec56cec2542",onSubmit:function(e){return e.preventDefault()},onClick:function(e){return e.stopPropagation()},autocomplete:"off"},h("div",{key:"6257ebf610c9ea9a8f6238311ad1b4ed0095e498",class:"row"},h("label",{key:"c36d51599847033b0c096c9d5de7d8af49e05c7d",htmlFor:this.nameFieldId},"Name:"),h("div",{key:"23cdb2afffff2ede3429c8591093eb89ca89d4b6",class:"names-row"},h("input",{key:"d281392383863edbcfc14440e18631b97962ea2f",id:this.firstNameFieldId,name:this.firstNameFieldId,type:"text","data-lpignore":"true",autocomplete:"blocked",value:this.first_name,placeholder:"First...",onFocus:function(){var t;return e.showSuggestions=((t=e.contactSuggestions)===null||t===void 0?void 0:t.length)>0},onInput:function(t){return e.handleFirstNameChange(t)}}),h("input",{key:"eea0626eb854ae95c32ad7e98d479a614e7df81c",id:this.lastNameFieldId,name:this.lastNameFieldId,type:"text","data-lpignore":"true",autocomplete:"blocked",value:this.last_name,placeholder:"Last...",onFocus:function(){return e.showSuggestions=false},onInput:function(t){return e.handleLastNameChange(t)}})),this.showSuggestions&&h("div",{key:"2e3fc57f42e3281b83b03e53b92c07243dcff544",class:"dropdown"},this.contactSuggestions.filter((function(t){return!e.first_name||t.first_name.toLowerCase().includes(e.first_name.toLowerCase())})).map((function(t){var o;return h("div",{key:(o=t.id)!==null&&o!==void 0?o:t.email,class:"suggestion",onClick:function(o){return e.handleSelectSuggestion(o,t)}},t.picture?h("img",{alt:"Avatar",class:"avatar",src:t.picture}):h("div",{class:"avatar",innerHTML:addrBookIcon}),h("div",{class:"details"},h("div",{class:"name"},formatFullName(t)),t.email&&h("div",{class:"destination"},t.email),t.phone&&h("div",{class:"destination"},t.phone)))})))),h("div",{key:"f18fd6d889ea70f8a5e51bd1780007b3ff061b56",class:"row"},h("label",{key:"5cda3922bb705ed0d3af00644df9ef8d42042021",htmlFor:this.emailFieldId},"Email:"),h("input",{key:"34474c4c8bbbde2802b3c2f58ea3abed4b3e27f6",id:this.emailFieldId,name:this.emailFieldId,type:"text","data-lpignore":"true",autoComplete:"blocked",value:this.email,placeholder:"Email address...",onFocus:function(){return e.showSuggestions=false},onInput:function(t){return e.email=t.target.value}})),h("div",{key:"c757b186ca60272855ed5701c59857856dcd863f",class:"row"},h("label",{key:"1d971705ab36609db6a4e9cb7d24281d98441cd5",htmlFor:this.phoneFieldId},"Phone:"),h("input",{key:"2a516e28498a6727409ef51e61ca3fe912c65789",id:this.phoneFieldId,name:this.phoneFieldId,type:"text","data-lpignore":"true",autoComplete:"blocked",value:this.phone,placeholder:"Phone (SMS)...",onFocus:function(){return e.showSuggestions=false},onInput:function(t){e.phone=convertToE164(t.target.value)}})),this.showKba&&h(Fragment,{key:"05cdb2c78abc3156d04a012c40a52f2c6ab24a86"},h("div",{key:"56d53a04ba6ab45ecc30f11e44669ad503400a49",class:"kba-row"},h("label",{key:"8af91071db065071bb40e931ea92231f31e9c0c9"},"Recipient Verification:"),h("verdocs-select-input",{key:"b4696c06eec6b05ba81031fd66c9d30048035b2f",value:this.kba_method,onInput:function(t){e.kba_method=t.target.value;e.zip="";e.address="";e.kba_pin=""},options:[{label:"None",value:""},{label:"Passcode",value:"pin"},{label:"Knowledge-Based (KBA)",value:"identity"}]}),h("div",{key:"9768c8b0be7676a41be3def114f8fe0f7f13abea",style:{flex:"1"}}),h("verdocs-help-icon",{key:"167d1eb5a977d35fa1ff374d6168e433d578828f",text:"Knowledge-Based Authentication adds additional authentication for this user either via a simple PIN code or full address validation. NOTE: There may be a fee for using this feature."})),this.kba_method==="pin"&&h("div",{key:"6265713bb6e4a50d698364f59469f26162384924",class:"row pin-code"},h("input",{key:"4001196fbcfb1c6c030c5b7b9f72890910d49eab",id:"verdocs-pin-code",name:"verdocs-pin-code",type:"text","data-lpignore":"true",autocomplete:"blocked",value:this.kba_pin,placeholder:"PIN Code...",onFocus:function(){return e.showSuggestions=false},onInput:function(t){return e.kba_pin=t.target.value}})),this.kba_method==="identity"&&h("div",{key:"f8537cc8443a9e1ba81f9f39bf7f1f9dd82b8a15",class:"row address"},h("input",{key:"755fb29d955c2a1af1f12f0cd81256c10ff79df6",id:"verdocs-address",name:"verdocs-address",type:"text","data-lpignore":"true",autocomplete:"blocked",value:this.address,placeholder:"Address...",onFocus:function(){return e.showSuggestions=false},onInput:function(t){return e.address=t.target.value}}),h("verdocs-help-icon",{key:"d44e44ba39b4d426c760964aa7b263a758dbef06",text:"Pre-fill the recipient's current street address. They will still be asked ID challenge questions."})),this.kba_method==="identity"&&h("div",{key:"18a896e1ae09c39f0a0a5de13103516fb0d313c7",class:"row zip-code"},h("input",{key:"94c2fb31ff9961ae07d64c0203d1b5c3756bb08e",id:"verdocs-zip-code",name:"verdocs-zip-code",type:"text","data-lpignore":"true",autocomplete:"blocked",value:this.zip,placeholder:"Zip Code...",onFocus:function(){return e.showSuggestions=false},onInput:function(t){return e.zip=t.target.value}}),h("verdocs-help-icon",{key:"d01467b25467b1d3d718fcfca46ffe28efa995b7",text:"Pre-fill the recipient's current zip code. They will still be asked ID challenge questions."}))),this.showMessage&&h("div",{key:"35146d6bd7df23248b811305fd6c542d435783ca",class:"row message"},h("label",{key:"efa29b9faf09edd9847f23d2b14232510acc5c45",htmlFor:"verdocs-contact-picker-message"},"Message:"),h("input",{key:"887a58dfde10154191eb8ed447d7aec106fefb32",id:"verdocs-contact-picker-message",name:"verdocs-contact-picker-message",type:"text","data-lpignore":"true",autocomplete:"blocked",value:this.message,placeholder:"Message shown in invitation...",onFocus:function(){return e.showSuggestions=false},onInput:function(t){return e.message=t.target.value}})),h("div",{key:"7093463a1fa71c4d700b40cf59314179ed14e56b",class:"buttons"},h("verdocs-toggle-button",{key:"4b36b0fc7605b5d53019850053953aa37174e52e",icon:kbaIcon,size:"small",active:this.showKba,onToggle:function(t){e.showKba=t.detail.active;if(!t.detail.active){e.kba_pin="";e.kba_method="";e.zip=""}e.showSuggestions=false}}),h("verdocs-toggle-button",{key:"74af3cf9142f697481deda60e0ce455150abdb7e",icon:messageIcon,size:"small",active:this.showMessage,onToggle:function(t){e.showMessage=t.detail.active;e.showSuggestions=false}}),h("div",{key:"ed898d7e08aba69b9ecb7288c3e30ab29c301428",class:"flex-fill"}),h("verdocs-button",{key:"cdcb81c831b8a9f714d658d85a37ddb0eebf57cc",variant:"outline",label:"Cancel",size:"small",onClick:function(t){return e.handleCancel(t)}}),h("verdocs-button",{key:"b0fbf03a89a02320d123666b8b5e91ee2fa0f482",label:"OK",size:"small",disabled:!i,onClick:!i?function(){}:function(t){return e.handleSubmit(t)}})))};return e}();VerdocsContactPicker.style=VerdocsContactPickerStyle0;var verdocsToggleButtonCss='@-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-toggle-button{font-family:"Inter", "Barlow", sans-serif}verdocs-toggle-button button{border:none;outline:none;cursor:pointer;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;background:#cccccc;color:#33364b}verdocs-toggle-button button svg{max-width:100%;max-height:100%;fill:#33364b}verdocs-toggle-button button.active{background:#55bc81;color:#f5f5fa}verdocs-toggle-button button.active svg{fill:#f5f5fa}verdocs-toggle-button button:focus{border:none;outline:none}verdocs-toggle-button.size-normal button{width:40px;height:40px;padding:6px;border-radius:4px}verdocs-toggle-button.size-small button{width:34px;height:34px;padding:4px;border-radius:2px}';var VerdocsToggleButtonStyle0=verdocsToggleButtonCss;var VerdocsToggleButton=function(){function e(e){registerInstance(this,e);this.toggle=createEvent(this,"toggle",7);this.active=false;this.icon=null;this.label=null;this.size="normal";this._active=false}e.prototype.componentWillLoad=function(){this._active=this.active};e.prototype.handleToggle=function(e){var t;e.stopPropagation();var o=!this._active;this._active=o;(t=this.toggle)===null||t===void 0?void 0:t.emit({active:o})};e.prototype.render=function(){var e=this;return h(Host,{key:"57d988cf0335a521279382d8c91be3b7af3b1f87",class:"size-".concat(this.size)},this.icon?h("button",{innerHTML:this.icon,class:{active:this._active},onClick:function(t){return e.handleToggle(t)}}):h("button",{class:{active:this._active},onClick:function(t){return e.handleToggle(t)}},this.label))};return e}();VerdocsToggleButton.style=VerdocsToggleButtonStyle0;export{VerdocsContactPicker as verdocs_contact_picker,VerdocsToggleButton as verdocs_toggle_button};
 //# sourceMappingURL=verdocs-contact-picker_2.entry.js.map

package/dist/esm-es5/verdocs-contact-picker_2.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["verdocsContactPickerCss","VerdocsContactPickerStyle0","messageIcon","kbaIcon","addrBookIcon","VerdocsContactPicker","VerdocsEndpoint","getDefault","concat","Math","random","toString","substring","prototype","componentWillLoad","this","templateRole","fullName","formatFullName","nameComponents","split","firstName","first_name","shift","lastName","last_name","join","email","phone","delegator","message","showMessage","kba_method","kba_pin","showKba","handleFirstNameChange","e","target","value","_a","searchContacts","emit","query","handleLastNameChange","handleCancel","stopPropagation","showSuggestions","exit","handleSubmit","next","address","zip","handleSelectSuggestion","suggestion","render","_this","hasBasics","isValidEmail","hasKbaRequirements","canSubmit","h","key","onSubmit","preventDefault","onClick","autocomplete","class","htmlFor","nameFieldId","id","firstNameFieldId","name","type","placeholder","onFocus","contactSuggestions","length","onInput","lastNameFieldId","filter","toLowerCase","includes","map","picture","alt","src","innerHTML","emailFieldId","autoComplete","phoneFieldId","convertToE164","Fragment","options","label","style","flex","text","icon","size","active","onToggle","detail","variant","disabled","verdocsToggleButtonCss","VerdocsToggleButtonStyle0","VerdocsToggleButton","_active","handleToggle","newState","toggle","Host"],"sources":["src/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.scss?tag=verdocs-contact-picker","src/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.tsx","src/components/controls/verdocs-toggle-button/verdocs-toggle-button.scss?tag=verdocs-toggle-button","src/components/controls/verdocs-toggle-button/verdocs-toggle-button.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-contact-picker {\n  display: block;\n  border: 1px solid #ebebeb;\n  background-color: $verdocs-grey-4;\n  font-family: $verdocs-primary-font;\n  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);\n\n  form {\n    gap: 12px;\n    width: 300px;\n    padding: 12px;\n    display: flex;\n    flex-direction: column;\n    background-color: $verdocs-grey-3;\n\n    .row {\n      gap: 8px;\n      display: flex;\n      position: relative;\n      flex-direction: row;\n      align-items: center;\n\n      &.message {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n    }\n\n    .names-row {\n      gap: 8px;\n      display: flex;\n      flex-direction: row;\n\n      > input {\n        font-size: 14px;\n        width: 103px;\n      }\n    }\n\n    .kba-row {\n      gap: 8px;\n      display: flex;\n      align-items: center;\n      flex-direction: row;\n\n      verdocs-select-input {\n        margin: 0;\n      }\n    }\n\n    .pin-code {\n      gap: 8px;\n      display: flex;\n      align-items: center;\n      flex-direction: row;\n\n      > input {\n        flex: 0;\n        width: 133px;\n        font-size: 14px;\n        margin-left: 58px;\n      }\n    }\n\n    .address {\n      gap: 8px;\n      display: flex;\n      align-items: center;\n      flex-direction: row;\n\n      > input {\n        flex: 1;\n        font-size: 14px;\n        margin-left: 58px;\n      }\n    }\n\n    .zip-code {\n      gap: 8px;\n      display: flex;\n      align-items: center;\n      flex-direction: row;\n\n      > input {\n        flex: 1;\n        font-size: 14px;\n        margin-left: 58px;\n      }\n    }\n\n    label {\n      display: flex;\n      flex: 0 0 50px;\n      font-size: 14px;\n      font-weight: 500;\n      color: $verdocs-bg-4;\n    }\n\n    .row.message label {\n      flex: 0;\n    }\n\n    .row.message input {\n      width: 100%;\n    }\n\n    input {\n      flex: 1;\n      padding: 6px;\n      font-size: 14px;\n      border-radius: 3px;\n      background: #00000005;\n      border: 1px solid $border-color-extralight;\n\n      &:focus {\n        outline: none;\n      }\n    }\n\n    .dropdown {\n      left: 0;\n      right: 0;\n      top: 49px;\n      z-index: 1000000;\n      max-height: 225px;\n      overflow-y: scroll;\n      position: absolute;\n      background: #ffffff;\n      box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);\n\n      .suggestion {\n        display: flex;\n        padding: 6px 12px;\n        align-items: center;\n        flex-direction: row;\n\n        svg {\n          width: 32px;\n          height: 32px;\n        }\n\n        .avatar {\n          width: 32px;\n          height: 32px;\n          flex: 0 0 32px;\n          margin-right: 8px;\n          border-radius: 100%;\n        }\n\n        .details {\n          display: flex;\n          flex-direction: column;\n        }\n\n        .name {\n          font-size: 16px;\n          font-weight: 500;\n          margin-bottom: 3px;\n          color: $verdocs-grey-0;\n        }\n\n        .destination {\n          font-size: 14px;\n          margin-bottom: 3px;\n          color: $verdocs-grey-1;\n        }\n\n        &:hover {\n          background: #eee;\n          cursor: pointer;\n        }\n      }\n    }\n  }\n\n  .buttons {\n    display: flex;\n    column-gap: 6px;\n    margin-top: 16px;\n    flex-direction: row;\n\n    .flex-fill {\n      flex: 1;\n    }\n  }\n\n  ::placeholder {\n    color: $verdocs-bg-2;\n  }\n\n  // @see https://community.logmein.com/t5/LastPass-Support-Discussions/placeholder-text-overrides-data-lpignore-quot-true-quot/td-p/295135\n  // LastPass is ignoring the data-lpignore attribute in some cases\n  [data-lastpass-icon-root] {\n    display: none !important;\n  }\n}\n","import {Component, h, Event, EventEmitter, Fragment, Prop, State} from '@stencil/core';\nimport {formatFullName, IProfile, IRecipient, isValidEmail, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {convertToE164} from '../../../utils/utils';\n\nconst messageIcon =\n  '<svg focusable=\"false\" viewBox=\"0 0 24 24\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z\"></path></svg>';\n\n// const delegateIcon =\n//   '<svg focusable=\"false\" viewBox=\"0 0 24 24\"><path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0 4c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H6v-1.4c0-2 4-3.1 6-3.1s6 1.1 6 3.1V19z\"></path></svg>';\n\nconst kbaIcon =\n  '<svg focusable=\"false\" viewBox=\"0 0 24 24\"><path fill-rule=\"evenodd\" d=\"M4.5 3.75a3 3 0 0 0-3 3v10.5a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V6.75a3 3 0 0 0-3-3h-15Zm4.125 3a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Zm-3.873 8.703a4.126 4.126 0 0 1 7.746 0 .75.75 0 0 1-.351.92 7.47 7.47 0 0 1-3.522.877 7.47 7.47 0 0 1-3.522-.877.75.75 0 0 1-.351-.92ZM15 8.25a.75.75 0 0 0 0 1.5h3.75a.75.75 0 0 0 0-1.5H15ZM14.25 12a.75.75 0 0 1 .75-.75h3.75a.75.75 0 0 1 0 1.5H15a.75.75 0 0 1-.75-.75Zm.75 2.25a.75.75 0 0 0 0 1.5h3.75a.75.75 0 0 0 0-1.5H15Z\" clip-rule=\"evenodd\" /></svg>';\n\nconst addrBookIcon = `<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-book-user\"><path d=\"M15 13a3 3 0 1 0-6 0\"/><path d=\"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20\"/><circle cx=\"12\" cy=\"8\" r=\"2\"/></svg>`;\n\nexport interface IContactSearchEvent {\n  query: string;\n}\n\nexport interface IContactSelectEvent {\n  first_name: string;\n  last_name: string;\n  email: string;\n  phone: string;\n  message: string;\n  delegator: boolean;\n  kba_method: string;\n  kba_pin: string;\n  address: string;\n  zip: string;\n}\n\nexport type TPickerContact = Partial<IProfile>;\n\n/**\n * Display a contact picker suitable for filling out Recipient objects when sending Envelopes.\n *\n * This picker can also be integrated with a backend to provide contact list / suggestion / address-book style behavior. As the\n * user interacts with the component, the text entered in the name fields is sent back to the parent via the `searchContacts` event.\n * The parent can use that text as a query string to call a backend to obtain appropriate contacts to show. This list may also be\n * hard-coded ahead of time to provide the user with smart suggestions on initial display, such as \"Recently Used\" contacts, or\n * to always display the user's own contact record.\n *\n * ```ts\n * <verdocs-contact-picker\n *   templateRole={role}\n *   contactSuggestions={[]}\n *   onNext={e => console.log('Contact completed', e.detail)}\n *   />\n * ```\n */\n@Component({\n  tag: 'verdocs-contact-picker',\n  styleUrl: 'verdocs-contact-picker.scss',\n  shadow: false,\n})\nexport class VerdocsContactPicker {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The role that this contact will be assigned to.\n   */\n  @Prop() templateRole: Partial<IRecipient> | null = null;\n\n  /**\n   * If set, suggestions will be displayed in a drop-down list to the user. It is recommended that the number\n   * of suggestions be limited to the 5 best matching records.\n   */\n  @Prop() contactSuggestions: TPickerContact[] = [];\n\n  /**\n   * Event fired when the user enters text in the search field. The calling application may use this to update\n   * the `contactSuggestions` property.\n   */\n  @Event({composed: true}) searchContacts: EventEmitter<IContactSearchEvent>;\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 user changes the type.\n   */\n  @Event({composed: true}) next: EventEmitter<IContactSelectEvent>;\n\n  @State() first_name: string;\n  @State() last_name: string;\n  @State() email: string;\n  @State() phone: string;\n  @State() zip: string;\n  @State() address: string;\n  @State() message: string;\n  @State() showSuggestions: boolean = false;\n  @State() showMessage: boolean = false;\n  @State() delegator: boolean = false;\n  @State() showKba: boolean = false;\n  @State() kba_method: '' | 'pin' | 'identity' = '';\n  @State() kba_pin: string = '';\n\n  @State() nameFieldId = `verdocs-contact-picker-name-${Math.random().toString(36).substring(2, 11)}`;\n  @State() firstNameFieldId = `verdocs-contact-picker-firstname-${Math.random().toString(36).substring(2, 11)}`;\n  @State() lastNameFieldId = `verdocs-contact-picker-lastname-${Math.random().toString(36).substring(2, 11)}`;\n  @State() emailFieldId = `verdocs-contact-picker-email-${Math.random().toString(36).substring(2, 11)}`;\n  @State() phoneFieldId = `verdocs-contact-picker-phone-${Math.random().toString(36).substring(2, 11)}`;\n\n  componentWillLoad() {\n    if (this.templateRole) {\n      const fullName = formatFullName(this.templateRole);\n      const nameComponents = fullName.split(' ');\n      const firstName = this.templateRole.first_name || nameComponents.shift() || '';\n      const lastName = this.templateRole.last_name || nameComponents.join(' ') || '';\n      this.first_name = firstName;\n      this.last_name = lastName;\n\n      this.email = this.templateRole.email || '';\n      this.phone = this.templateRole.phone || '';\n      this.delegator = this.templateRole.delegator || false;\n      this.message = this.templateRole.message || '';\n      this.showMessage = this.message !== '';\n      this.kba_method = this.templateRole.kba_method || '';\n      this.kba_pin = this.templateRole.kba_pin || '';\n      this.showKba = !!this.kba_method;\n      // TODO: Allow template roles to have zip codes predefined?\n    }\n  }\n\n  handleFirstNameChange(e: any) {\n    this.first_name = e.target.value;\n    this.searchContacts?.emit({query: this.first_name});\n  }\n\n  handleLastNameChange(e: any) {\n    this.last_name = e.target.value;\n    this.searchContacts?.emit({query: this.last_name});\n  }\n\n  handleCancel(e: any) {\n    e.stopPropagation();\n    this.showSuggestions = false;\n    this.exit?.emit();\n  }\n\n  handleSubmit(e: any) {\n    e.stopPropagation();\n\n    this.showSuggestions = false;\n    this.next?.emit({\n      first_name: this.first_name,\n      last_name: this.last_name,\n      email: this.email,\n      phone: this.phone,\n      message: this.message,\n      delegator: this.delegator,\n      kba_method: this.kba_method,\n      kba_pin: this.kba_pin,\n      address: this.address,\n      zip: this.zip,\n    });\n  }\n\n  handleSelectSuggestion(e: any, suggestion: TPickerContact) {\n    e.stopPropagation();\n\n    this.first_name = suggestion.first_name;\n    this.last_name = suggestion.last_name;\n    this.email = suggestion.email;\n    this.phone = suggestion.phone;\n    this.showSuggestions = false;\n  }\n\n  // The reason for the random names/IDs is to disable browser autocomplete. We set the autocomplete tags but many browsers ignore them\n  // and show a duplicate autocomplete picker on top of our own.\n  render() {\n    // TODO: Re-activate this one SMS is re-enabled\n    // const hasBasics = this.first_name && this.last_name && (isValidEmail(this.email) || isValidPhone(this.phone));\n    const hasBasics = this.first_name && this.last_name && isValidEmail(this.email);\n    const hasKbaRequirements =\n      !this.kba_method ||\n      (this.kba_method === 'pin' && this.kba_pin) ||\n      this.kba_method === 'identity';\n      // TODO: For discussion\n      // (this.kba_method === 'identity' && this.address && this.zip)\n    const canSubmit = hasBasics && hasKbaRequirements;\n\n    return (\n      <form onSubmit={e => e.preventDefault()} onClick={e => e.stopPropagation()} autocomplete=\"off\">\n        <div class=\"row\">\n          <label htmlFor={this.nameFieldId}>Name:</label>\n          <div class=\"names-row\">\n            <input\n              id={this.firstNameFieldId}\n              name={this.firstNameFieldId}\n              type=\"text\"\n              data-lpignore=\"true\"\n              autocomplete=\"blocked\"\n              value={this.first_name}\n              placeholder=\"First...\"\n              onFocus={() => (this.showSuggestions = this.contactSuggestions?.length > 0)}\n              onInput={e => this.handleFirstNameChange(e)}\n            />\n            <input\n              id={this.lastNameFieldId}\n              name={this.lastNameFieldId}\n              type=\"text\"\n              data-lpignore=\"true\"\n              autocomplete=\"blocked\"\n              value={this.last_name}\n              placeholder=\"Last...\"\n              onFocus={() => (this.showSuggestions = false)}\n              onInput={e => this.handleLastNameChange(e)}\n            />\n          </div>\n\n          {this.showSuggestions && (\n            <div class=\"dropdown\">\n              {this.contactSuggestions\n                .filter(suggestion => !this.first_name || suggestion.first_name.toLowerCase().includes(this.first_name.toLowerCase()))\n                .map(suggestion => (\n                  <div key={suggestion.id ?? suggestion.email} class=\"suggestion\" onClick={e => this.handleSelectSuggestion(e, suggestion)}>\n                    {suggestion.picture ? <img alt=\"Avatar\" class=\"avatar\" src={suggestion.picture} /> : <div class=\"avatar\" innerHTML={addrBookIcon} />}\n                    <div class=\"details\">\n                      <div class=\"name\">{formatFullName(suggestion)}</div>\n                      {suggestion.email && <div class=\"destination\">{suggestion.email}</div>}\n                      {suggestion.phone && <div class=\"destination\">{suggestion.phone}</div>}\n                    </div>\n                  </div>\n                ))}\n            </div>\n          )}\n        </div>\n\n        <div class=\"row\">\n          <label htmlFor={this.emailFieldId}>Email:</label>\n          <input\n            id={this.emailFieldId}\n            name={this.emailFieldId}\n            type=\"text\"\n            data-lpignore=\"true\"\n            autoComplete=\"blocked\"\n            value={this.email}\n            placeholder=\"Email address...\"\n            onFocus={() => (this.showSuggestions = false)}\n            onInput={(e: any) => (this.email = e.target.value)}\n          />\n        </div>\n\n        <div class=\"row\">\n          <label htmlFor={this.phoneFieldId}>Phone:</label>\n          <input\n            id={this.phoneFieldId}\n            name={this.phoneFieldId}\n            type=\"text\"\n            data-lpignore=\"true\"\n            autoComplete=\"blocked\"\n            value={this.phone}\n            placeholder=\"Phone (SMS)...\"\n            onFocus={() => (this.showSuggestions = false)}\n            onInput={(e: any) => {\n              this.phone = convertToE164(e.target.value);\n            }}\n          />\n        </div>\n\n        {this.showKba && (\n          <Fragment>\n            <div class=\"kba-row\">\n              <label>KBA:</label>\n              <verdocs-select-input\n                value={this.kba_method}\n                onInput={(e: any) => {\n                  this.kba_method = e.target.value;\n                  this.zip = '';\n                  this.address = '';\n                  this.kba_pin = '';\n                }}\n                options={[\n                  {label: 'None', value: ''},\n                  {label: 'PIN Code', value: 'pin'},\n                  {label: 'Full Verification', value: 'identity'},\n                ]}\n              />\n              <div style={{flex: '1'}}></div>\n              <verdocs-help-icon text=\"Knowledge-Based Authentication adds additional authentication for this user either via a simple PIN code or full address validation. NOTE: There may be a fee for using this feature.\" />\n            </div>\n\n            {this.kba_method === 'pin' && (\n              <div class=\"row pin-code\">\n                <input\n                  id=\"verdocs-pin-code\"\n                  name=\"verdocs-pin-code\"\n                  type=\"text\"\n                  data-lpignore=\"true\"\n                  autocomplete=\"blocked\"\n                  value={this.kba_pin}\n                  placeholder=\"PIN Code...\"\n                  onFocus={() => (this.showSuggestions = false)}\n                  onInput={(e: any) => (this.kba_pin = e.target.value)}\n                />\n              </div>\n            )}\n\n            {this.kba_method === 'identity' && (\n              <div class=\"row address\">\n                <input\n                  id=\"verdocs-address\"\n                  name=\"verdocs-address\"\n                  type=\"text\"\n                  data-lpignore=\"true\"\n                  autocomplete=\"blocked\"\n                  value={this.address}\n                  placeholder=\"Address...\"\n                  onFocus={() => (this.showSuggestions = false)}\n                  onInput={(e: any) => (this.address = e.target.value)}\n                />\n                <verdocs-help-icon text=\"Pre-fill the recipient's current street address. They will still be asked ID challenge questions.\" />\n              </div>\n            )}\n\n            {this.kba_method === 'identity' && (\n              <div class=\"row zip-code\">\n                <input\n                  id=\"verdocs-zip-code\"\n                  name=\"verdocs-zip-code\"\n                  type=\"text\"\n                  data-lpignore=\"true\"\n                  autocomplete=\"blocked\"\n                  value={this.zip}\n                  placeholder=\"Zip Code...\"\n                  onFocus={() => (this.showSuggestions = false)}\n                  onInput={(e: any) => (this.zip = e.target.value)}\n                />\n                <verdocs-help-icon text=\"Pre-fill the recipient's current zip code. They will still be asked ID challenge questions.\" />\n              </div>\n            )}\n          </Fragment>\n        )}\n\n        {this.showMessage && (\n          <div class=\"row message\">\n            <label htmlFor=\"verdocs-contact-picker-message\">Message:</label>\n            <input\n              id=\"verdocs-contact-picker-message\"\n              name=\"verdocs-contact-picker-message\"\n              type=\"text\"\n              data-lpignore=\"true\"\n              autocomplete=\"blocked\"\n              value={this.message}\n              placeholder=\"Message shown in invitation...\"\n              onFocus={() => (this.showSuggestions = false)}\n              onInput={(e: any) => (this.message = e.target.value)}\n            />\n          </div>\n        )}\n\n        <div class=\"buttons\">\n          <verdocs-toggle-button\n            icon={kbaIcon}\n            size=\"small\"\n            active={this.showKba}\n            onToggle={e => {\n              this.showKba = e.detail.active;\n              if (!e.detail.active) {\n                this.kba_pin = '';\n                this.kba_method = '';\n                this.zip = '';\n              }\n              this.showSuggestions = false;\n            }}\n          />\n          <verdocs-toggle-button\n            icon={messageIcon}\n            size=\"small\"\n            active={this.showMessage}\n            onToggle={e => {\n              this.showMessage = e.detail.active;\n              this.showSuggestions = false;\n            }}\n          />\n\n          <div class=\"flex-fill\" />\n\n          <verdocs-button variant=\"outline\" label=\"Cancel\" size=\"small\" onClick={e => this.handleCancel(e)} />\n          <verdocs-button label=\"OK\" size=\"small\" disabled={!canSubmit} onClick={!canSubmit ? () => {} : e => this.handleSubmit(e)} />\n        </div>\n      </form>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-toggle-button {\n  font-family: $primary-font;\n\n  button {\n    border: none;\n    outline: none;\n    cursor: pointer;\n    align-items: center;\n    display: inline-flex;\n    justify-content: center;\n    background: $verdocs-bg-1;\n    color: $verdocs-dark-blue;\n\n    svg {\n      max-width: 100%;\n      max-height: 100%;\n      fill: $verdocs-dark-blue;\n    }\n\n    &.active {\n      background: $verdocs-green;\n      color: $verdocs-grey-3;\n\n      svg {\n        fill: $verdocs-grey-3;\n      }\n    }\n\n    &:focus {\n      border: none;\n      outline: none;\n    }\n  }\n\n  &.size-normal button {\n    width: 40px;\n    height: 40px;\n    padding: 6px;\n    border-radius: 4px;\n  }\n\n  &.size-small button {\n    width: 34px;\n    height: 34px;\n    padding: 4px;\n    border-radius: 2px;\n  }\n}\n","import {Component, Prop, h, State, Event, EventEmitter, Host} from '@stencil/core';\n\n/**\n * Displays a single button that can be toggled on or off by clicking it.\n *\n * ```ts\n * <verdocs-toggle-button icon={MessageIcon} size=\"normal\" active={true} />\n * ```\n */\n@Component({\n  tag: 'verdocs-toggle-button',\n  styleUrl: 'verdocs-toggle-button.scss',\n})\nexport class VerdocsToggleButton {\n  @Prop() active = false;\n\n  /**\n   * If set, should be an SVG object. This will be rendered as the button's visible element. If icon is supplied, label is ignored.\n   */\n  @Prop() icon?: string | null = null;\n\n  /**\n   * If set, should be an SVG object. This will be rendered as the button's visible element. If icon is supplied, label is ignored.\n   */\n  @Prop() label?: string | null = null;\n\n  /**\n   * How large the button should be. Small buttons are intended for dialog boxes and other smaller scale UI regions.\n   */\n  @Prop() size?: 'small' | 'normal' = 'normal';\n\n  /**\n   * Event fired when the button is pressed.\n   */\n  @Event({composed: true}) toggle!: EventEmitter<{active: boolean}>;\n\n  @State() _active = false;\n\n  componentWillLoad() {\n    this._active = this.active;\n  }\n\n  handleToggle(e: any) {\n    e.stopPropagation();\n\n    const newState = !this._active;\n    this._active = newState;\n    this.toggle?.emit({active: newState});\n  }\n\n  render() {\n    return (\n      <Host class={`size-${this.size}`}>\n        {this.icon ? (\n          <button innerHTML={this.icon} class={{active: this._active}} onClick={e => this.handleToggle(e)} />\n        ) : (\n          <button class={{active: this._active}} onClick={e => this.handleToggle(e)}>\n            {this.label}\n          </button>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["verdocsContactPickerCss","VerdocsContactPickerStyle0","messageIcon","kbaIcon","addrBookIcon","VerdocsContactPicker","VerdocsEndpoint","getDefault","concat","Math","random","toString","substring","prototype","componentWillLoad","this","templateRole","fullName","formatFullName","nameComponents","split","firstName","first_name","shift","lastName","last_name","join","email","phone","delegator","message","showMessage","kba_method","kba_pin","showKba","handleFirstNameChange","e","target","value","_a","searchContacts","emit","query","handleLastNameChange","handleCancel","stopPropagation","showSuggestions","exit","handleSubmit","next","address","zip","handleSelectSuggestion","suggestion","render","_this","hasBasics","isValidEmail","hasKbaRequirements","canSubmit","h","key","onSubmit","preventDefault","onClick","autocomplete","class","htmlFor","nameFieldId","id","firstNameFieldId","name","type","placeholder","onFocus","contactSuggestions","length","onInput","lastNameFieldId","filter","toLowerCase","includes","map","picture","alt","src","innerHTML","emailFieldId","autoComplete","phoneFieldId","convertToE164","Fragment","options","label","style","flex","text","icon","size","active","onToggle","detail","variant","disabled","verdocsToggleButtonCss","VerdocsToggleButtonStyle0","VerdocsToggleButton","_active","handleToggle","newState","toggle","Host"],"sources":["src/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.scss?tag=verdocs-contact-picker","src/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.tsx","src/components/controls/verdocs-toggle-button/verdocs-toggle-button.scss?tag=verdocs-toggle-button","src/components/controls/verdocs-toggle-button/verdocs-toggle-button.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-contact-picker {\n  display: block;\n  border: 1px solid #ebebeb;\n  background-color: $verdocs-grey-4;\n  font-family: $verdocs-primary-font;\n  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);\n\n  form {\n    gap: 12px;\n    width: 300px;\n    padding: 12px;\n    display: flex;\n    flex-direction: column;\n    background-color: $verdocs-grey-3;\n\n    .row {\n      gap: 8px;\n      display: flex;\n      position: relative;\n      flex-direction: row;\n      align-items: center;\n\n      &.message {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n    }\n\n    .names-row {\n      gap: 8px;\n      display: flex;\n      flex-direction: row;\n\n      > input {\n        font-size: 14px;\n        width: 83px;\n      }\n    }\n\n    .kba-row {\n      gap: 8px;\n      display: flex;\n      align-items: center;\n      flex-direction: row;\n\n      verdocs-select-input {\n        margin: 0;\n      }\n    }\n\n    .pin-code {\n      gap: 8px;\n      display: flex;\n      align-items: center;\n      flex-direction: row;\n\n      > input {\n        flex: 0;\n        width: 133px;\n        font-size: 14px;\n        margin-left: 58px;\n      }\n    }\n\n    .address {\n      gap: 8px;\n      display: flex;\n      align-items: center;\n      flex-direction: row;\n\n      > input {\n        flex: 1;\n        font-size: 14px;\n        margin-left: 58px;\n      }\n    }\n\n    .zip-code {\n      gap: 8px;\n      display: flex;\n      align-items: center;\n      flex-direction: row;\n\n      > input {\n        flex: 1;\n        font-size: 14px;\n        margin-left: 58px;\n      }\n    }\n\n    label {\n      display: flex;\n      flex: 0 0 80px;\n      font-size: 13px;\n      font-weight: 500;\n      color: $verdocs-bg-4;\n    }\n\n    .row.message label {\n      flex: 0;\n    }\n\n    .row.message input {\n      width: 100%;\n    }\n\n    input {\n      flex: 1;\n      padding: 6px;\n      font-size: 14px;\n      border-radius: 3px;\n      background: #00000005;\n      border: 1px solid $border-color-extralight;\n\n      &:focus {\n        outline: none;\n      }\n    }\n\n    .dropdown {\n      left: 0;\n      right: 0;\n      top: 49px;\n      z-index: 1000000;\n      max-height: 225px;\n      overflow-y: scroll;\n      position: absolute;\n      background: #ffffff;\n      box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);\n\n      .suggestion {\n        display: flex;\n        padding: 6px 12px;\n        align-items: center;\n        flex-direction: row;\n\n        svg {\n          width: 32px;\n          height: 32px;\n        }\n\n        .avatar {\n          width: 32px;\n          height: 32px;\n          flex: 0 0 32px;\n          margin-right: 8px;\n          border-radius: 100%;\n        }\n\n        .details {\n          display: flex;\n          flex-direction: column;\n        }\n\n        .name {\n          font-size: 16px;\n          font-weight: 500;\n          margin-bottom: 3px;\n          color: $verdocs-grey-0;\n        }\n\n        .destination {\n          font-size: 14px;\n          margin-bottom: 3px;\n          color: $verdocs-grey-1;\n        }\n\n        &:hover {\n          background: #eee;\n          cursor: pointer;\n        }\n      }\n    }\n  }\n\n  .buttons {\n    display: flex;\n    column-gap: 6px;\n    margin-top: 16px;\n    flex-direction: row;\n\n    .flex-fill {\n      flex: 1;\n    }\n  }\n\n  ::placeholder {\n    color: $verdocs-bg-2;\n  }\n\n  // @see https://community.logmein.com/t5/LastPass-Support-Discussions/placeholder-text-overrides-data-lpignore-quot-true-quot/td-p/295135\n  // LastPass is ignoring the data-lpignore attribute in some cases\n  [data-lastpass-icon-root] {\n    display: none !important;\n  }\n}\n","import {Component, h, Event, EventEmitter, Fragment, Prop, State} from '@stencil/core';\nimport {formatFullName, IProfile, IRecipient, isValidEmail, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {convertToE164} from '../../../utils/utils';\n\nconst messageIcon =\n  '<svg focusable=\"false\" viewBox=\"0 0 24 24\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z\"></path></svg>';\n\n// const delegateIcon =\n//   '<svg focusable=\"false\" viewBox=\"0 0 24 24\"><path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0 4c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H6v-1.4c0-2 4-3.1 6-3.1s6 1.1 6 3.1V19z\"></path></svg>';\n\nconst kbaIcon =\n  '<svg focusable=\"false\" viewBox=\"0 0 24 24\"><path fill-rule=\"evenodd\" d=\"M4.5 3.75a3 3 0 0 0-3 3v10.5a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V6.75a3 3 0 0 0-3-3h-15Zm4.125 3a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Zm-3.873 8.703a4.126 4.126 0 0 1 7.746 0 .75.75 0 0 1-.351.92 7.47 7.47 0 0 1-3.522.877 7.47 7.47 0 0 1-3.522-.877.75.75 0 0 1-.351-.92ZM15 8.25a.75.75 0 0 0 0 1.5h3.75a.75.75 0 0 0 0-1.5H15ZM14.25 12a.75.75 0 0 1 .75-.75h3.75a.75.75 0 0 1 0 1.5H15a.75.75 0 0 1-.75-.75Zm.75 2.25a.75.75 0 0 0 0 1.5h3.75a.75.75 0 0 0 0-1.5H15Z\" clip-rule=\"evenodd\" /></svg>';\n\nconst addrBookIcon = `<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-book-user\"><path d=\"M15 13a3 3 0 1 0-6 0\"/><path d=\"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20\"/><circle cx=\"12\" cy=\"8\" r=\"2\"/></svg>`;\n\nexport interface IContactSearchEvent {\n  query: string;\n}\n\nexport interface IContactSelectEvent {\n  first_name: string;\n  last_name: string;\n  email: string;\n  phone: string;\n  message: string;\n  delegator: boolean;\n  kba_method: string;\n  kba_pin: string;\n  address: string;\n  zip: string;\n}\n\nexport type TPickerContact = Partial<IProfile>;\n\n/**\n * Display a contact picker suitable for filling out Recipient objects when sending Envelopes.\n *\n * This picker can also be integrated with a backend to provide contact list / suggestion / address-book style behavior. As the\n * user interacts with the component, the text entered in the name fields is sent back to the parent via the `searchContacts` event.\n * The parent can use that text as a query string to call a backend to obtain appropriate contacts to show. This list may also be\n * hard-coded ahead of time to provide the user with smart suggestions on initial display, such as \"Recently Used\" contacts, or\n * to always display the user's own contact record.\n *\n * ```ts\n * <verdocs-contact-picker\n *   templateRole={role}\n *   contactSuggestions={[]}\n *   onNext={e => console.log('Contact completed', e.detail)}\n *   />\n * ```\n */\n@Component({\n  tag: 'verdocs-contact-picker',\n  styleUrl: 'verdocs-contact-picker.scss',\n  shadow: false,\n})\nexport class VerdocsContactPicker {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The role that this contact will be assigned to.\n   */\n  @Prop() templateRole: Partial<IRecipient> | null = null;\n\n  /**\n   * If set, suggestions will be displayed in a drop-down list to the user. It is recommended that the number\n   * of suggestions be limited to the 5 best matching records.\n   */\n  @Prop() contactSuggestions: TPickerContact[] = [];\n\n  /**\n   * Event fired when the user enters text in the search field. The calling application may use this to update\n   * the `contactSuggestions` property.\n   */\n  @Event({composed: true}) searchContacts: EventEmitter<IContactSearchEvent>;\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 user changes the type.\n   */\n  @Event({composed: true}) next: EventEmitter<IContactSelectEvent>;\n\n  @State() first_name: string;\n  @State() last_name: string;\n  @State() email: string;\n  @State() phone: string;\n  @State() zip: string;\n  @State() address: string;\n  @State() message: string;\n  @State() showSuggestions: boolean = false;\n  @State() showMessage: boolean = false;\n  @State() delegator: boolean = false;\n  @State() showKba: boolean = false;\n  @State() kba_method: '' | 'pin' | 'identity' = '';\n  @State() kba_pin: string = '';\n\n  @State() nameFieldId = `verdocs-contact-picker-name-${Math.random().toString(36).substring(2, 11)}`;\n  @State() firstNameFieldId = `verdocs-contact-picker-firstname-${Math.random().toString(36).substring(2, 11)}`;\n  @State() lastNameFieldId = `verdocs-contact-picker-lastname-${Math.random().toString(36).substring(2, 11)}`;\n  @State() emailFieldId = `verdocs-contact-picker-email-${Math.random().toString(36).substring(2, 11)}`;\n  @State() phoneFieldId = `verdocs-contact-picker-phone-${Math.random().toString(36).substring(2, 11)}`;\n\n  componentWillLoad() {\n    if (this.templateRole) {\n      const fullName = formatFullName(this.templateRole);\n      const nameComponents = fullName.split(' ');\n      const firstName = this.templateRole.first_name || nameComponents.shift() || '';\n      const lastName = this.templateRole.last_name || nameComponents.join(' ') || '';\n      this.first_name = firstName;\n      this.last_name = lastName;\n\n      this.email = this.templateRole.email || '';\n      this.phone = this.templateRole.phone || '';\n      this.delegator = this.templateRole.delegator || false;\n      this.message = this.templateRole.message || '';\n      this.showMessage = this.message !== '';\n      this.kba_method = this.templateRole.kba_method || '';\n      this.kba_pin = this.templateRole.kba_pin || '';\n      this.showKba = !!this.kba_method;\n      // TODO: Allow template roles to have zip codes predefined?\n    }\n  }\n\n  handleFirstNameChange(e: any) {\n    this.first_name = e.target.value;\n    this.searchContacts?.emit({query: this.first_name});\n  }\n\n  handleLastNameChange(e: any) {\n    this.last_name = e.target.value;\n    this.searchContacts?.emit({query: this.last_name});\n  }\n\n  handleCancel(e: any) {\n    e.stopPropagation();\n    this.showSuggestions = false;\n    this.exit?.emit();\n  }\n\n  handleSubmit(e: any) {\n    e.stopPropagation();\n\n    this.showSuggestions = false;\n    this.next?.emit({\n      first_name: this.first_name,\n      last_name: this.last_name,\n      email: this.email,\n      phone: this.phone,\n      message: this.message,\n      delegator: this.delegator,\n      kba_method: this.kba_method,\n      kba_pin: this.kba_pin,\n      address: this.address,\n      zip: this.zip,\n    });\n  }\n\n  handleSelectSuggestion(e: any, suggestion: TPickerContact) {\n    e.stopPropagation();\n\n    this.first_name = suggestion.first_name;\n    this.last_name = suggestion.last_name;\n    this.email = suggestion.email;\n    this.phone = suggestion.phone;\n    this.showSuggestions = false;\n  }\n\n  // The reason for the random names/IDs is to disable browser autocomplete. We set the autocomplete tags but many browsers ignore them\n  // and show a duplicate autocomplete picker on top of our own.\n  render() {\n    // TODO: Re-activate this one SMS is re-enabled\n    // const hasBasics = this.first_name && this.last_name && (isValidEmail(this.email) || isValidPhone(this.phone));\n    const hasBasics = this.first_name && this.last_name && isValidEmail(this.email);\n    const hasKbaRequirements =\n      !this.kba_method ||\n      (this.kba_method === 'pin' && this.kba_pin) ||\n      this.kba_method === 'identity';\n      // TODO: For discussion\n      // (this.kba_method === 'identity' && this.address && this.zip)\n    const canSubmit = hasBasics && hasKbaRequirements;\n\n    return (\n      <form onSubmit={e => e.preventDefault()} onClick={e => e.stopPropagation()} autocomplete=\"off\">\n        <div class=\"row\">\n          <label htmlFor={this.nameFieldId}>Name:</label>\n          <div class=\"names-row\">\n            <input\n              id={this.firstNameFieldId}\n              name={this.firstNameFieldId}\n              type=\"text\"\n              data-lpignore=\"true\"\n              autocomplete=\"blocked\"\n              value={this.first_name}\n              placeholder=\"First...\"\n              onFocus={() => (this.showSuggestions = this.contactSuggestions?.length > 0)}\n              onInput={e => this.handleFirstNameChange(e)}\n            />\n            <input\n              id={this.lastNameFieldId}\n              name={this.lastNameFieldId}\n              type=\"text\"\n              data-lpignore=\"true\"\n              autocomplete=\"blocked\"\n              value={this.last_name}\n              placeholder=\"Last...\"\n              onFocus={() => (this.showSuggestions = false)}\n              onInput={e => this.handleLastNameChange(e)}\n            />\n          </div>\n\n          {this.showSuggestions && (\n            <div class=\"dropdown\">\n              {this.contactSuggestions\n                .filter(suggestion => !this.first_name || suggestion.first_name.toLowerCase().includes(this.first_name.toLowerCase()))\n                .map(suggestion => (\n                  <div key={suggestion.id ?? suggestion.email} class=\"suggestion\" onClick={e => this.handleSelectSuggestion(e, suggestion)}>\n                    {suggestion.picture ? <img alt=\"Avatar\" class=\"avatar\" src={suggestion.picture} /> : <div class=\"avatar\" innerHTML={addrBookIcon} />}\n                    <div class=\"details\">\n                      <div class=\"name\">{formatFullName(suggestion)}</div>\n                      {suggestion.email && <div class=\"destination\">{suggestion.email}</div>}\n                      {suggestion.phone && <div class=\"destination\">{suggestion.phone}</div>}\n                    </div>\n                  </div>\n                ))}\n            </div>\n          )}\n        </div>\n\n        <div class=\"row\">\n          <label htmlFor={this.emailFieldId}>Email:</label>\n          <input\n            id={this.emailFieldId}\n            name={this.emailFieldId}\n            type=\"text\"\n            data-lpignore=\"true\"\n            autoComplete=\"blocked\"\n            value={this.email}\n            placeholder=\"Email address...\"\n            onFocus={() => (this.showSuggestions = false)}\n            onInput={(e: any) => (this.email = e.target.value)}\n          />\n        </div>\n\n        <div class=\"row\">\n          <label htmlFor={this.phoneFieldId}>Phone:</label>\n          <input\n            id={this.phoneFieldId}\n            name={this.phoneFieldId}\n            type=\"text\"\n            data-lpignore=\"true\"\n            autoComplete=\"blocked\"\n            value={this.phone}\n            placeholder=\"Phone (SMS)...\"\n            onFocus={() => (this.showSuggestions = false)}\n            onInput={(e: any) => {\n              this.phone = convertToE164(e.target.value);\n            }}\n          />\n        </div>\n\n        {this.showKba && (\n          <Fragment>\n            <div class=\"kba-row\">\n              <label>Recipient Verification:</label>\n              <verdocs-select-input\n                value={this.kba_method}\n                onInput={(e: any) => {\n                  this.kba_method = e.target.value;\n                  this.zip = '';\n                  this.address = '';\n                  this.kba_pin = '';\n                }}\n                options={[\n                  {label: 'None', value: ''},\n                  {label: 'Passcode', value: 'pin'},\n                  // TODO: SMS feature flag and entitlement\n                  {label: 'Knowledge-Based (KBA)', value: 'identity'},\n                ]}\n              />\n              <div style={{flex: '1'}}></div>\n              <verdocs-help-icon text=\"Knowledge-Based Authentication adds additional authentication for this user either via a simple PIN code or full address validation. NOTE: There may be a fee for using this feature.\" />\n            </div>\n\n            {this.kba_method === 'pin' && (\n              <div class=\"row pin-code\">\n                <input\n                  id=\"verdocs-pin-code\"\n                  name=\"verdocs-pin-code\"\n                  type=\"text\"\n                  data-lpignore=\"true\"\n                  autocomplete=\"blocked\"\n                  value={this.kba_pin}\n                  placeholder=\"PIN Code...\"\n                  onFocus={() => (this.showSuggestions = false)}\n                  onInput={(e: any) => (this.kba_pin = e.target.value)}\n                />\n              </div>\n            )}\n\n            {this.kba_method === 'identity' && (\n              <div class=\"row address\">\n                <input\n                  id=\"verdocs-address\"\n                  name=\"verdocs-address\"\n                  type=\"text\"\n                  data-lpignore=\"true\"\n                  autocomplete=\"blocked\"\n                  value={this.address}\n                  placeholder=\"Address...\"\n                  onFocus={() => (this.showSuggestions = false)}\n                  onInput={(e: any) => (this.address = e.target.value)}\n                />\n                <verdocs-help-icon text=\"Pre-fill the recipient's current street address. They will still be asked ID challenge questions.\" />\n              </div>\n            )}\n\n            {this.kba_method === 'identity' && (\n              <div class=\"row zip-code\">\n                <input\n                  id=\"verdocs-zip-code\"\n                  name=\"verdocs-zip-code\"\n                  type=\"text\"\n                  data-lpignore=\"true\"\n                  autocomplete=\"blocked\"\n                  value={this.zip}\n                  placeholder=\"Zip Code...\"\n                  onFocus={() => (this.showSuggestions = false)}\n                  onInput={(e: any) => (this.zip = e.target.value)}\n                />\n                <verdocs-help-icon text=\"Pre-fill the recipient's current zip code. They will still be asked ID challenge questions.\" />\n              </div>\n            )}\n          </Fragment>\n        )}\n\n        {this.showMessage && (\n          <div class=\"row message\">\n            <label htmlFor=\"verdocs-contact-picker-message\">Message:</label>\n            <input\n              id=\"verdocs-contact-picker-message\"\n              name=\"verdocs-contact-picker-message\"\n              type=\"text\"\n              data-lpignore=\"true\"\n              autocomplete=\"blocked\"\n              value={this.message}\n              placeholder=\"Message shown in invitation...\"\n              onFocus={() => (this.showSuggestions = false)}\n              onInput={(e: any) => (this.message = e.target.value)}\n            />\n          </div>\n        )}\n\n        <div class=\"buttons\">\n          <verdocs-toggle-button\n            icon={kbaIcon}\n            size=\"small\"\n            active={this.showKba}\n            onToggle={e => {\n              this.showKba = e.detail.active;\n              if (!e.detail.active) {\n                this.kba_pin = '';\n                this.kba_method = '';\n                this.zip = '';\n              }\n              this.showSuggestions = false;\n            }}\n          />\n          <verdocs-toggle-button\n            icon={messageIcon}\n            size=\"small\"\n            active={this.showMessage}\n            onToggle={e => {\n              this.showMessage = e.detail.active;\n              this.showSuggestions = false;\n            }}\n          />\n\n          <div class=\"flex-fill\" />\n\n          <verdocs-button variant=\"outline\" label=\"Cancel\" size=\"small\" onClick={e => this.handleCancel(e)} />\n          <verdocs-button label=\"OK\" size=\"small\" disabled={!canSubmit} onClick={!canSubmit ? () => {} : e => this.handleSubmit(e)} />\n        </div>\n      </form>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-toggle-button {\n  font-family: $primary-font;\n\n  button {\n    border: none;\n    outline: none;\n    cursor: pointer;\n    align-items: center;\n    display: inline-flex;\n    justify-content: center;\n    background: $verdocs-bg-1;\n    color: $verdocs-dark-blue;\n\n    svg {\n      max-width: 100%;\n      max-height: 100%;\n      fill: $verdocs-dark-blue;\n    }\n\n    &.active {\n      background: $verdocs-green;\n      color: $verdocs-grey-3;\n\n      svg {\n        fill: $verdocs-grey-3;\n      }\n    }\n\n    &:focus {\n      border: none;\n      outline: none;\n    }\n  }\n\n  &.size-normal button {\n    width: 40px;\n    height: 40px;\n    padding: 6px;\n    border-radius: 4px;\n  }\n\n  &.size-small button {\n    width: 34px;\n    height: 34px;\n    padding: 4px;\n    border-radius: 2px;\n  }\n}\n","import {Component, Prop, h, State, Event, EventEmitter, Host} from '@stencil/core';\n\n/**\n * Displays a single button that can be toggled on or off by clicking it.\n *\n * ```ts\n * <verdocs-toggle-button icon={MessageIcon} size=\"normal\" active={true} />\n * ```\n */\n@Component({\n  tag: 'verdocs-toggle-button',\n  styleUrl: 'verdocs-toggle-button.scss',\n})\nexport class VerdocsToggleButton {\n  @Prop() active = false;\n\n  /**\n   * If set, should be an SVG object. This will be rendered as the button's visible element. If icon is supplied, label is ignored.\n   */\n  @Prop() icon?: string | null = null;\n\n  /**\n   * If set, should be an SVG object. This will be rendered as the button's visible element. If icon is supplied, label is ignored.\n   */\n  @Prop() label?: string | null = null;\n\n  /**\n   * How large the button should be. Small buttons are intended for dialog boxes and other smaller scale UI regions.\n   */\n  @Prop() size?: 'small' | 'normal' = 'normal';\n\n  /**\n   * Event fired when the button is pressed.\n   */\n  @Event({composed: true}) toggle!: EventEmitter<{active: boolean}>;\n\n  @State() _active = false;\n\n  componentWillLoad() {\n    this._active = this.active;\n  }\n\n  handleToggle(e: any) {\n    e.stopPropagation();\n\n    const newState = !this._active;\n    this._active = newState;\n    this.toggle?.emit({active: newState});\n  }\n\n  render() {\n    return (\n      <Host class={`size-${this.size}`}>\n        {this.icon ? (\n          <button innerHTML={this.icon} class={{active: this._active}} onClick={e => this.handleToggle(e)} />\n        ) : (\n          <button class={{active: this._active}} onClick={e => this.handleToggle(e)}>\n            {this.label}\n          </button>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm-es5/{verdocs-envelope-recipient-link_2.entry.js → verdocs-envelope-recipient-link.entry.js}

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,i,r,t){function n(e){return e instanceof r?e:new r((function(i){i(e)}))}return new(r||(r=Promise))((function(r,o){function s(e){try{a(t.next(e))}catch(e){o(e)}}function c(e){try{a(t["throw"](e))}catch(e){o(e)}}function a(e){e.done?r(e.value):n(e.value).then(s,c)}a((t=t.apply(e,i||[])).next())}))};var __generator=this&&this.__generator||function(e,i){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},t,n,o,s;return s={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function c(e){return function(i){return a([e,i])}}function a(c){if(t)throw new TypeError("Generator is already executing.");while(s&&(s=0,c[0]&&(r=0)),r)try{if(t=1,n&&(o=c[0]&2?n["return"]:c[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,c[1])).done)return o;if(n=0,o)c=[c[0]&2,o.value];switch(c[0]){case 0:case 1:o=c;break;case 4:r.label++;return{value:c[1],done:false};case 5:r.label++;n=c[1];c=[0];continue;case 7:c=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(c[0]===6||c[0]===2)){r=0;continue}if(c[0]===3&&(!o||c[1]>o[0]&&c[1]<o[3])){r.label=c[1];break}if(c[0]===6&&r.label<o[1]){r.label=o[1];o=c;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(c);break}if(o[2])r.ops.pop();r.trys.pop();continue}c=i.call(e,r)}catch(e){c=[6,e];n=0}finally{t=o=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host}from"./index-272d51a4.js";import{VerdocsEndpoint,getEnvelope,getInPersonLink,formatFullName}from"@verdocs/js-sdk";import{V as VerdocsToast}from"./Toast-c4843828.js";import{S as SDKError}from"./errors-887f1e88.js";import{S as Store}from"./Datastore-77cb8d9c.js";var verdocsEnvelopeRecipientLinkCss='@-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-envelope-recipient-link{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:100000;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-family:"Inter", "Barlow", sans-serif;background-color:rgba(0, 0, 0, 0.4980392157)}verdocs-envelope-recipient-link .summary-content{width:600px;display:-ms-flexbox;display:flex;max-width:90%;font-size:18px;-ms-flex:0 0 600px;flex:0 0 600px;border-radius:6px;background:#ffffff;-ms-flex-direction:column;flex-direction:column;padding:30px 20px 20px}verdocs-envelope-recipient-link .summary-content .summary-title{font-size:20px;font-weight:700;margin:0 0 10px 0;color:#33364b}verdocs-envelope-recipient-link .summary-recipient{display:-ms-flexbox;display:flex;color:#33364b;margin:8px 0 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-envelope-recipient-link .summary-recipient .role-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;margin:0 0 8px 0;color:#092c4c}verdocs-envelope-recipient-link .summary-recipient .role-info{gap:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}verdocs-envelope-recipient-link .summary-recipient .role-full-name{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-link .summary-recipient .recipient-link{width:120px;padding:0 16px;font-weight:500;margin:0 0 0 8px;text-align:center;font-size:0.875rem;border-radius:100%;color:rgb(55, 65, 81);line-height:1.25rem;background-color:#d8d8d8;border:2px solid rgb(156, 163, 175)}verdocs-envelope-recipient-link .summary-recipient .link-wrapper{gap:5px;display:-ms-flexbox;display:flex;margin:4px 0 0 0;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-recipient-link .summary-recipient .link-wrapper .link{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;overflow:hidden;margin:0 6px 0 0;border-radius:4px;white-space:nowrap;-ms-flex-align:center;align-items:center;text-overflow:ellipsis;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-link .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:10px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-envelope-recipient-link .buttons verdocs-button{-ms-flex:0 0 120px;flex:0 0 120px;margin-left:10px;white-space:nowrap}verdocs-envelope-recipient-link .buttons verdocs-button button{width:100%}';var VerdocsEnvelopeRecipientLinkStyle0=verdocsEnvelopeRecipientLinkCss;var VerdocsEnvelopeRecipientLink=function(){function e(e){registerInstance(this,e);this.next=createEvent(this,"next",7);this.sdkError=createEvent(this,"sdkError",7);this.envelopeListenerId=null;this.endpoint=VerdocsEndpoint.getDefault();this.envelopeId="";this.roleName="";this.isOpen=undefined;this.gettingLink=true;this.link="";this.loading=true;this.envelope=null;this.recipient=null}e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,i,r;return __generator(this,(function(t){try{this.endpoint.loadSession();if(!this.envelopeId){console.log("[RECIPIENT_LINK] Missing required envelope ID ".concat(this.envelopeId));return[2]}if(!this.endpoint.session){console.log("[RECIPIENT_LINK] Unable to start session, must be authenticated");return[2]}this.listenToEnvelope()}catch(t){console.log("[RECIPIENT_LINK] Error loading envelope",t);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new SDKError(t.message,(i=t.response)===null||i===void 0?void 0:i.status,(r=t.response)===null||r===void 0?void 0:r.data))}return[2]}))}))};e.prototype.disconnectedCallback=function(){this.unlistenToEnvelope()};e.prototype.listenToEnvelope=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(i){console.log("[SIDEBAR] Loading envelope",this.envelopeId);this.unlistenToEnvelope();Store.subscribe("envelopes",this.envelopeId,(function(){return getEnvelope(e.endpoint,e.envelopeId)}),false,(function(i){var r;e.envelope=i;e.loading=false;e.recipient=(((r=e.envelope)===null||r===void 0?void 0:r.recipients)||[]).find((function(i){return i.role_name===e.roleName}));e.getLink(e.recipient)}));return[2]}))}))};e.prototype.unlistenToEnvelope=function(){if(this.envelopeListenerId){Store.store.delListener(this.envelopeListenerId);this.envelopeListenerId=null}};e.prototype.handleDone=function(e){var i;e.preventDefault();(i=this.next)===null||i===void 0?void 0:i.emit({envelope:this.envelope})};e.prototype.copyLink=function(e){navigator.clipboard.writeText(e).then((function(){return VerdocsToast("Link copied to clipboard!",{style:"success",duration:3e3})})).catch((function(e){console.warn("[RECIPIENT_LINK] Error copying to clipboard",e);VerdocsToast("Unable to copy to clipboard: ".concat(e.message),{style:"error"})}))};e.prototype.getLink=function(e){var i=this;this.gettingLink=true;getInPersonLink(this.endpoint,e.envelope_id,e.role_name).then((function(e){i.gettingLink=false;i.link=e.link})).catch((function(e){i.gettingLink=false;console.log("[RECIPIENT_LINK] Error getting link",e);VerdocsToast("Unable to get link: "+e.message,{style:"error"})}))};e.prototype.render=function(){var e=this;if(this.loading||!this.recipient){return h(Host,null)}var i=formatFullName(this.recipient);return h(Host,null,h("div",{class:"summary-content"},h("h1",{class:"summary-title"},"In-Person Signing Link"),h("div",{class:"summary-rows"},h("div",{class:"summary-recipient"},h("div",{class:"role-name"},this.recipient.role_name),h("div",{class:"role-details"},h("div",{class:"role-info"},h("div",{class:"role-full-name"},i," (",this.recipient.email||this.recipient.phone,")"),!this.link&&h("verdocs-button",{size:"small",variant:"outline",label:this.gettingLink?"Loading...":"Get Link",disabled:this.gettingLink,onClick:function(){return e.getLink(e.recipient)}})),this.link&&h("div",{class:"link-wrapper"},h("div",{class:"link"},this.link),h("verdocs-button",{size:"small",variant:"outline",label:"Copy",onClick:function(){return e.copyLink(e.link)}}))))),h("div",{class:"buttons"},h("verdocs-button",{size:"small",label:"Done",onClick:function(i){return e.handleDone(i)}}))))};return e}();VerdocsEnvelopeRecipientLink.style=VerdocsEnvelopeRecipientLinkStyle0;var verdocsSwitchCss='@-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-switch{font-family:"Inter", "Barlow", sans-serif}verdocs-switch .switch{display:-ms-inline-flexbox;display:inline-flex;height:24px;width:44px;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:12px;border:transparent;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .switch.primary[data-state=checked]{background:#55bc81}verdocs-switch .switch.primary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .switch.secondary[data-state=checked]{background:#4c56cb}verdocs-switch .switch.secondary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .slider{display:block;width:20px;height:20px;border-radius:20px;background:#ffffff;-webkit-box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .slider[data-state=checked]{-webkit-transform:translateX(22px);transform:translateX(22px)}verdocs-switch .slider[data-state=unchecked]{-webkit-transform:translateX(2px);transform:translateX(2px)}verdocs-switch .switch.disabled.primary,verdocs-switch .switch.disabled.secondary{cursor:not-allowed;background:#666666}';var VerdocsSwitchStyle0=verdocsSwitchCss;var VerdocsSwitch=function(){function e(e){registerInstance(this,e);this.checkedChange=createEvent(this,"checkedChange",7);this.checked=false;this.theme="primary";this.disabled=false}e.prototype.render=function(){var e=this;return h("button",{key:"e9153549bcee6b924ce7a7d620d1096fa91782d2",value:"on",type:"button",role:"switch",class:"switch ".concat(this.theme," ").concat(this.disabled?"disabled":""),"data-state":this.checked?"checked":"unchecked","aria-checked":this.checked?"checked":"unchecked",onClick:function(){var i;if(!e.disabled){e.checked=!e.checked;(i=e.checkedChange)===null||i===void 0?void 0:i.emit(e.checked)}}},h("span",{key:"61d97d7571b7f52f186ce44daaf0ef7132c6d5f6","data-state":this.checked?"checked":"unchecked",class:"slider"}))};return e}();VerdocsSwitch.style=VerdocsSwitchStyle0;export{VerdocsEnvelopeRecipientLink as verdocs_envelope_recipient_link,VerdocsSwitch as verdocs_switch};
-//# sourceMappingURL=verdocs-envelope-recipient-link_2.entry.js.map
+var __awaiter=this&&this.__awaiter||function(e,i,n,r){function t(e){return e instanceof n?e:new n((function(i){i(e)}))}return new(n||(n=Promise))((function(n,o){function s(e){try{c(r.next(e))}catch(e){o(e)}}function l(e){try{c(r["throw"](e))}catch(e){o(e)}}function c(e){e.done?n(e.value):t(e.value).then(s,l)}c((r=r.apply(e,i||[])).next())}))};var __generator=this&&this.__generator||function(e,i){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,t,o,s;return s={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function l(e){return function(i){return c([e,i])}}function c(l){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,l[0]&&(n=0)),n)try{if(r=1,t&&(o=l[0]&2?t["return"]:l[0]?t["throw"]||((o=t["return"])&&o.call(t),0):t.next)&&!(o=o.call(t,l[1])).done)return o;if(t=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:n.label++;return{value:l[1],done:false};case 5:n.label++;t=l[1];l=[0];continue;case 7:l=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){n=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){n.label=l[1];break}if(l[0]===6&&n.label<o[1]){n.label=o[1];o=l;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(l);break}if(o[2])n.ops.pop();n.trys.pop();continue}l=i.call(e,n)}catch(e){l=[6,e];t=0}finally{r=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host}from"./index-272d51a4.js";import{VerdocsEndpoint,getEnvelope,getInPersonLink,formatFullName}from"@verdocs/js-sdk";import{V as VerdocsToast}from"./Toast-c4843828.js";import{S as SDKError}from"./errors-887f1e88.js";import{S as Store}from"./Datastore-77cb8d9c.js";var verdocsEnvelopeRecipientLinkCss='@-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-envelope-recipient-link{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:100000;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-family:"Inter", "Barlow", sans-serif;background-color:rgba(0, 0, 0, 0.4980392157)}verdocs-envelope-recipient-link .summary-content{width:600px;display:-ms-flexbox;display:flex;max-width:90%;font-size:18px;-ms-flex:0 0 600px;flex:0 0 600px;border-radius:6px;background:#ffffff;-ms-flex-direction:column;flex-direction:column;padding:30px 20px 20px}verdocs-envelope-recipient-link .summary-content .summary-title{font-size:20px;font-weight:700;margin:0 0 10px 0;color:#33364b}verdocs-envelope-recipient-link .summary-recipient{display:-ms-flexbox;display:flex;color:#33364b;margin:8px 0 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-envelope-recipient-link .summary-recipient .role-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;margin:0 0 8px 0;color:#092c4c}verdocs-envelope-recipient-link .summary-recipient .role-info{gap:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}verdocs-envelope-recipient-link .summary-recipient .role-full-name{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-link .summary-recipient .recipient-link{width:120px;padding:0 16px;font-weight:500;margin:0 0 0 8px;text-align:center;font-size:0.875rem;border-radius:100%;color:rgb(55, 65, 81);line-height:1.25rem;background-color:#d8d8d8;border:2px solid rgb(156, 163, 175)}verdocs-envelope-recipient-link .summary-recipient .link-wrapper{gap:5px;display:-ms-flexbox;display:flex;margin:4px 0 0 0;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-recipient-link .summary-recipient .link-wrapper .link{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;overflow:hidden;margin:0 6px 0 0;border-radius:4px;white-space:nowrap;-ms-flex-align:center;align-items:center;text-overflow:ellipsis;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-link .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:10px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-envelope-recipient-link .buttons verdocs-button{-ms-flex:0 0 120px;flex:0 0 120px;margin-left:10px;white-space:nowrap}verdocs-envelope-recipient-link .buttons verdocs-button button{width:100%}';var VerdocsEnvelopeRecipientLinkStyle0=verdocsEnvelopeRecipientLinkCss;var VerdocsEnvelopeRecipientLink=function(){function e(e){registerInstance(this,e);this.next=createEvent(this,"next",7);this.sdkError=createEvent(this,"sdkError",7);this.envelopeListenerId=null;this.endpoint=VerdocsEndpoint.getDefault();this.envelopeId="";this.roleName="";this.isOpen=undefined;this.gettingLink=true;this.link="";this.loading=true;this.envelope=null;this.recipient=null}e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,i,n;return __generator(this,(function(r){try{this.endpoint.loadSession();if(!this.envelopeId){console.log("[RECIPIENT_LINK] Missing required envelope ID ".concat(this.envelopeId));return[2]}if(!this.endpoint.session){console.log("[RECIPIENT_LINK] Unable to start session, must be authenticated");return[2]}this.listenToEnvelope()}catch(r){console.log("[RECIPIENT_LINK] Error loading envelope",r);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new SDKError(r.message,(i=r.response)===null||i===void 0?void 0:i.status,(n=r.response)===null||n===void 0?void 0:n.data))}return[2]}))}))};e.prototype.disconnectedCallback=function(){this.unlistenToEnvelope()};e.prototype.listenToEnvelope=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(i){console.log("[SIDEBAR] Loading envelope",this.envelopeId);this.unlistenToEnvelope();Store.subscribe("envelopes",this.envelopeId,(function(){return getEnvelope(e.endpoint,e.envelopeId)}),false,(function(i){var n;e.envelope=i;e.loading=false;e.recipient=(((n=e.envelope)===null||n===void 0?void 0:n.recipients)||[]).find((function(i){return i.role_name===e.roleName}));e.getLink(e.recipient)}));return[2]}))}))};e.prototype.unlistenToEnvelope=function(){if(this.envelopeListenerId){Store.store.delListener(this.envelopeListenerId);this.envelopeListenerId=null}};e.prototype.handleDone=function(e){var i;e.preventDefault();(i=this.next)===null||i===void 0?void 0:i.emit({envelope:this.envelope})};e.prototype.copyLink=function(e){navigator.clipboard.writeText(e).then((function(){return VerdocsToast("Link copied to clipboard!",{style:"success",duration:3e3})})).catch((function(e){console.warn("[RECIPIENT_LINK] Error copying to clipboard",e);VerdocsToast("Unable to copy to clipboard: ".concat(e.message),{style:"error"})}))};e.prototype.getLink=function(e){var i=this;this.gettingLink=true;getInPersonLink(this.endpoint,e.envelope_id,e.role_name).then((function(e){i.gettingLink=false;i.link=e.link})).catch((function(e){i.gettingLink=false;console.log("[RECIPIENT_LINK] Error getting link",e);VerdocsToast("Unable to get link: "+e.message,{style:"error"})}))};e.prototype.render=function(){var e=this;if(this.loading||!this.recipient){return h(Host,null)}var i=formatFullName(this.recipient);return h(Host,null,h("div",{class:"summary-content"},h("h1",{class:"summary-title"},"In-Person Signing Link"),h("div",{class:"summary-rows"},h("div",{class:"summary-recipient"},h("div",{class:"role-name"},this.recipient.role_name),h("div",{class:"role-details"},h("div",{class:"role-info"},h("div",{class:"role-full-name"},i," (",this.recipient.email||this.recipient.phone,")"),!this.link&&h("verdocs-button",{size:"small",variant:"outline",label:this.gettingLink?"Loading...":"Get Link",disabled:this.gettingLink,onClick:function(){return e.getLink(e.recipient)}})),this.link&&h("div",{class:"link-wrapper"},h("div",{class:"link"},this.link),h("verdocs-button",{size:"small",variant:"outline",label:"Copy",onClick:function(){return e.copyLink(e.link)}}))))),h("div",{class:"buttons"},h("verdocs-button",{size:"small",label:"Done",onClick:function(i){return e.handleDone(i)}}))))};return e}();VerdocsEnvelopeRecipientLink.style=VerdocsEnvelopeRecipientLinkStyle0;export{VerdocsEnvelopeRecipientLink as verdocs_envelope_recipient_link};
+//# sourceMappingURL=verdocs-envelope-recipient-link.entry.js.map