@verdocs/web-sdk 6.13.2 → 6.14.0

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

@@ -1,2 +1,2 @@
-import{p as e,b as a}from"./p-CjTHbolG.js";export{s as setNonce}from"./p-CjTHbolG.js";import{g as i}from"./p-DQuL1Twl.js";var d=()=>{const a=import.meta.url;const i={};if(a!==""){i.resourcesUrl=new URL(".",a).href}return e(i)};d().then((async e=>{await i();return a(JSON.parse('[["p-c5039c2d",[[0,"verdocs-build",{"endpoint":[16],"templateId":[1537,"template-id"],"step":[1537],"loading":[32],"template":[32]},null,{"templateId":[{"onTemplateIdChanged":0}],"step":[{"onStepChanged":0}]}]]],["p-935267a6",[[0,"verdocs-sign",{"endpoint":[1040],"envelopeId":[513,"envelope-id"],"roleId":[513,"role-id"],"inviteCode":[513,"invite-code"],"headerTargetId":[1,"header-target-id"],"toolbarStyle":[1,"toolbar-style"],"recipient":[32],"hasSignature":[32],"nextButtonLabel":[32],"nextSubmits":[32],"fatalErrorHeader":[32],"fatalErrorMessage":[32],"focusedField":[32],"disclosures":[32],"brand":[32],"fieldUpdateCounter":[32],"submitting":[32],"submitted":[32],"isDone":[32],"showDone":[32],"adoptingSignature":[32],"showLoadError":[32],"finishLater":[32],"showFinishLater":[32],"agreed":[32],"signatureId":[32],"initialId":[32],"documentsSingularPlural":[32],"authStep":[32],"authMethodStates":[32],"pageNumber":[32],"kbaQuestions":[32],"showSpinner":[32],"declining":[32],"delegating":[32],"delegated":[32],"kbaChoices":[32],"showDownloadDialog":[32],"loading":[32],"envelope":[32],"zoomLevel":[32],"signingProgressMode":[32],"polling":[32]}]]],["p-478de2c9",[[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":0}],"status":[{"handleStatusUpdated":0}],"sort":[{"handleSortUpdated":0}],"match":[{"handleMatchUpdated":0}],"selectedPage":[{"handlePageUpdated":0}]}]]],["p-2197fb39",[[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":0}],"starred":[{"handleStarredUpdated":0}],"sort":[{"handleSortUpdated":0}],"name":[{"handleNameUpdated":0}],"selectedPage":[{"handlePageUpdated":0}]}]]],["p-58b84a5a",[[0,"verdocs-envelope-sidebar",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"activeTab":[32],"panelOpen":[32],"showRecipientDialog":[32],"showCancelDialog":[32],"showReinviteDialog":[32],"showUpdateDialog":[32],"remindersEnabled":[32],"updatingReminders":[32],"initialReminder":[32],"followupReminders":[32],"loading":[32],"envelope":[32]}]]],["p-4930b31d",[[0,"verdocs-field-payment",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"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]},[[0,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}]]],["p-79c46160",[[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]}]]],["p-04baf279",[[0,"verdocs-template-create",{"endpoint":[16],"maxSize":[1026,"max-size"],"file":[32],"creating":[32],"progressLabel":[32],"progressPercent":[32],"errorMessage":[32]}]]],["p-634a7187",[[0,"verdocs-auth",{"endpoint":[16],"visible":[4],"logo":[1],"displayMode":[1025,"display-mode"],"showSocialLogins":[4,"show-social-logins"],"org_name":[32],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"verificationCode":[32],"newPassword":[32],"password":[32],"confirmpass":[32],"submitting":[32],"resendDisabled":[32],"session":[32],"profile":[32],"providers":[32],"mfaToken":[32],"mfaCode":[32],"recoveryCode":[32],"useRecoveryCode":[32],"mfaError":[32]},null,{"showSocialLogins":[{"onShowSocialLoginsChanged":0}]}]]],["p-fea6fe32",[[0,"verdocs-initial-dialog",{"initials":[1],"fontLoaded":[32],"enteredInitials":[32],"mode":[32]}]]],["p-f97233a8",[[0,"verdocs-signature-dialog",{"name":[1],"fontLoaded":[32],"enteredName":[32],"mode":[32],"isDrawing":[32],"hasDrawnSignature":[32],"hasUploadedImage":[32],"uploadedFileName":[32]}]]],["p-af133520",[[0,"verdocs-date-input",{"value":[1537],"label":[1],"placeholder":[1],"helpText":[1,"help-text"],"disabled":[4],"required":[4],"showingPw":[32],"focused":[32],"containerId":[32],"focusField":[64]}]]],["p-7f76166a",[[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]}]]],["p-cd8ac44e",[[0,"verdocs-multiselect",{"label":[1],"placeholder":[1],"options":[16],"selectedOptions":[16],"showPicker":[32]}]]],["p-8f50f83f",[[0,"verdocs-signing-progress",{"mode":[1],"focusedField":[1,"focused-field"],"fields":[16],"recipientFields":[16]}]]],["p-54ab818c",[[260,"verdocs-button-panel",{"icon":[1],"showPanel":[64],"hidePanel":[64],"toggle":[64]}]]],["p-418f3dd2",[[0,"verdocs-quick-functions",{"endpoint":[16]}]]],["p-9f3a2cef",[[0,"verdocs-search-box",{"endpoint":[16],"placeholder":[1],"type":[1],"query":[1],"grabsFocus":[4,"grabs-focus"],"focusField":[64]}]]],["p-3a5d4aa0",[[0,"verdocs-search-tabs",{"selected":[32]}]]],["p-52621662",[[0,"verdocs-table",{"columns":[16],"data":[16]}]]],["p-1fbed8c0",[[260,"verdocs-tabs",{"tabs":[16],"selectedTab":[2,"selected-tab"]}]]],["p-208bbc49",[[0,"verdocs-template-card",{"template":[16]}]]],["p-b5997615",[[0,"verdocs-template-tags",{"tags":[16]}]]],["p-7d3955b7",[[0,"verdocs-toggle",{"options":[16],"theme":[1],"selectedOption":[32]}]]],["p-cdcef698",[[0,"verdocs-toggle-button",{"active":[4],"icon":[1],"label":[1],"size":[1],"_active":[32]}]]],["p-375a7dea",[[0,"verdocs-status-indicator",{"size":[1],"theme":[1],"status":[1],"envelope":[16],"isOpen":[32],"containerId":[32]}]]],["p-5455e818",[[0,"verdocs-template-star",{"endpoint":[16],"template":[1040],"updating":[32]}]]],["p-b3f941c2",[[0,"verdocs-envelope-update-recipient",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"roleName":[1,"role-name"],"isOpen":[32],"gettingLink":[32],"link":[32],"loading":[32],"envelope":[32],"originalRecipient":[32],"updatedRecipient":[32]}],[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]}]]],["p-301f0247",[[0,"verdocs-contact-picker",{"endpoint":[16],"templateRole":[16],"contactSuggestions":[16],"showCancel":[4,"show-cancel"],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"zip":[32],"address":[32],"message":[32],"showSuggestions":[32],"showMessage":[32],"delegator":[32],"name_locked":[32],"auth_methods":[32],"passcode":[32],"firstNameFieldId":[32],"lastNameFieldId":[32],"emailFieldId":[32],"phoneFieldId":[32],"activeEntitlements":[32],"authMethodsLoading":[32]},[[4,"click","handleDocumentClick"]]]]],["p-2da68853",[[0,"verdocs-radio-button",{"checked":[4],"name":[1],"value":[1],"disabled":[4]}]]],["p-97fadf95",[[0,"verdocs-switch",{"checked":[1028],"theme":[1],"disabled":[4]}]]],["p-84275b8d",[[0,"verdocs-text-input",{"value":[1537],"label":[1],"placeholder":[1],"description":[1],"autocomplete":[1],"helpText":[1,"help-text"],"clearable":[4],"copyable":[4],"type":[1],"disabled":[4],"required":[4],"showingPw":[32]}],[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]}]]],["p-8ec770c3",[[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],"readonly":[32],"roleName":[32],"group":[32],"fieldType":[32],"options":[32],"placeholder":[32],"defaultValue":[32],"showingHelp":[32],"loading":[32],"template":[32]}],[0,"verdocs-select-input",{"value":[1],"label":[1],"options":[16],"disabled":[4]}],[0,"verdocs-checkbox",{"checked":[4],"name":[1],"label":[1],"value":[1],"theme":[1],"size":[1],"disabled":[4]}],[0,"verdocs-component-error",{"message":[1]}],[0,"verdocs-loader"]]],["p-723d6bde",[[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]}],[260,"verdocs-menu-panel",{"side":[1],"overlay":[4],"width":[2]},[[4,"click","handleClick"]]]]],["p-46d6279e",[[0,"verdocs-quick-filter",{"options":[16],"label":[1],"value":[1537],"placeholder":[1],"open":[32]}],[0,"verdocs-pagination",{"selectedPage":[1538,"selected-page"],"itemCount":[2,"item-count"],"perPage":[2,"per-page"]}]]],["p-e9158fec",[[0,"verdocs-dropdown",{"options":[16],"containerId":[32],"showPicker":[32]}]]],["p-1a91a922",[[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":[513,"template-id"],"documentId":[513,"document-id"],"pageNumber":[514,"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]}]]],["p-6a3ca6bf",[[0,"verdocs-file-chooser",{"endpoint":[16],"file":[32]}],[0,"verdocs-progress-bar",{"label":[1],"showPercent":[4,"show-percent"],"percent":[2]}]]],["p-92f51592",[[0,"verdocs-spinner",{"size":[2],"mode":[1]}]]],["p-9538ac0e",[[260,"verdocs-dialog",{"persistent":[4]}]]],["p-590900d7",[[0,"verdocs-ok-dialog",{"heading":[1],"message":[1],"buttonLabel":[1,"button-label"],"showCancel":[4,"show-cancel"],"closed":[32]}]]],["p-9bd55619",[[0,"verdocs-flag",{"variant":[1],"label":[1],"showSkip":[4,"show-skip"]}]]],["p-1b818cdf",[[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"],[0,"settingsChanged","handleFieldSettingsChanged"],[0,"deleted","handleFieldDeleted"]],{"templateId":[{"onTemplateIdChanged":0}]}],[0,"verdocs-preview",{"endpoint":[16],"templateId":[1,"template-id"],"loading":[32],"template":[32]},null,{"templateId":[{"onTemplateIdChanged":0}]}],[0,"verdocs-template-roles",{"endpoint":[16],"templateId":[1,"template-id"],"showingRoleDialog":[32],"sender":[32],"dragging":[32],"loading":[32],"template":[32]}],[0,"verdocs-send",{"endpoint":[16],"templateId":[513,"template-id"],"environment":[1],"showCancel":[4,"show-cancel"],"brandKey":[1025,"brand-key"],"containerId":[32],"view":[32],"editingRoleId":[32],"sessionContacts":[32],"sending":[32],"brands":[32],"organization":[32],"expiresInDays":[32],"noContact":[32],"senderDefaults":[32],"senderName":[32],"senderEmail":[32],"rolesCompleted":[32],"loading":[32],"template":[32],"reset":[64]},null,{"templateId":[{"onTemplateIdChanged":0}]}],[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":0}],"step":[{"onStepChanged":0}]}]]],["p-ea6c0b55",[[0,"verdocs-sign-footer",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"isDone":[4,"is-done"],"brand":[16],"askingQuestion":[32],"declinine":[32],"envelope":[32]}],[0,"verdocs-download-dialog",{"signed":[4],"polling":[4],"documents":[16],"hasCertificate":[4,"has-certificate"]}],[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]}],[0,"verdocs-question-dialog",{"question":[1025],"closed":[32]}]]],["p-bf38aa98",[[0,"verdocs-view",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"headerTargetId":[1,"header-target-id"],"canceling":[32],"showCancelDone":[32],"showLoadError":[32],"loading":[32],"envelope":[32],"zoomLevel":[32],"showDownloadDialog":[32],"polling":[32]}],[0,"verdocs-kba-dialog",{"step":[2],"steps":[2],"helptitle":[1],"helptext":[1],"mode":[1],"label":[1],"placeholder":[1],"recipient":[16],"choices":[16],"agreed":[32],"response":[32],"updatedRecipient":[32],"dobContainerId":[32]}],[0,"verdocs-adopt-signature-dialog",{"name":[1],"nameLocked":[4,"name-locked"],"fontLoaded":[32],"enteredName":[32],"enteredInitials":[32],"mode":[32],"isDrawing":[32],"hasDrawnSignature":[32],"hasDrawnInitials":[32]}],[0,"verdocs-otp-dialog",{"endpoint":[1040],"method":[1],"resendDisabled":[32],"response":[32]}],[0,"verdocs-passcode-dialog",{"endpoint":[1040],"response":[32]}],[0,"verdocs-disclosure-dialog",{"disclosures":[1],"delegator":[4],"accepted":[32]}],[0,"verdocs-delegate-dialog",{"endpoint":[1040],"envelope":[16],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"message":[32]}]]],["p-afd010d6",[[0,"verdocs-organization-card",{"organization":[16],"hovered":[32]},[[1,"mouseover","onMouseOver"],[1,"mouseout","onMouseOut"]]],[260,"verdocs-portal",{"anchor":[1],"voffset":[2]},[[11,"scroll","handleScroll"],[9,"resize","handleResize"],[4,"click","handleClick"]]]]],["p-f6ad24c5",[[0,"verdocs-field-attachment",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"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,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-checkbox",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"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,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[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],"isPreview":[516,"is-preview"],"containerId":[32],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-dropdown",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[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],"initialid":[513],"isPreview":[516,"is-preview"],"showingProperties":[32],"focused":[32],"menuOpen":[32],"tempInitials":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-radio",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"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,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[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],"signatureid":[513],"isPreview":[516,"is-preview"],"showingProperties":[32],"focused":[32],"menuOpen":[32],"tempSignature":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"],[0,"blur","onBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-textarea",{"endpoint":[16],"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-textbox",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"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]},[[2,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-timestamp",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[2],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-upload-dialog",{"maxSize":[1026,"max-size"],"existingFile":[1032,"existing-file"],"draggingOver":[32],"confirmDelete":[32],"selectedFiles":[32],"errorMessage":[32]}]]]]'),e)}));
+import{p as e,b as a}from"./p-CjTHbolG.js";export{s as setNonce}from"./p-CjTHbolG.js";import{g as i}from"./p-DQuL1Twl.js";var d=()=>{const a=import.meta.url;const i={};if(a!==""){i.resourcesUrl=new URL(".",a).href}return e(i)};d().then((async e=>{await i();return a(JSON.parse('[["p-c5039c2d",[[0,"verdocs-build",{"endpoint":[16],"templateId":[1537,"template-id"],"step":[1537],"loading":[32],"template":[32]},null,{"templateId":[{"onTemplateIdChanged":0}],"step":[{"onStepChanged":0}]}]]],["p-1f708b6a",[[0,"verdocs-sign",{"endpoint":[1040],"envelopeId":[513,"envelope-id"],"roleId":[513,"role-id"],"inviteCode":[513,"invite-code"],"headerTargetId":[1,"header-target-id"],"toolbarStyle":[1,"toolbar-style"],"recipient":[32],"hasSignature":[32],"nextButtonLabel":[32],"nextSubmits":[32],"fatalErrorHeader":[32],"fatalErrorMessage":[32],"focusedField":[32],"disclosures":[32],"brand":[32],"fieldUpdateCounter":[32],"submitting":[32],"submitted":[32],"isDone":[32],"showDone":[32],"adoptingSignature":[32],"showLoadError":[32],"inviteExpired":[32],"freshLinkState":[32],"finishLater":[32],"showFinishLater":[32],"agreed":[32],"signatureId":[32],"initialId":[32],"documentsSingularPlural":[32],"authStep":[32],"authMethodStates":[32],"pageNumber":[32],"kbaQuestions":[32],"showSpinner":[32],"declining":[32],"delegating":[32],"delegated":[32],"kbaChoices":[32],"showDownloadDialog":[32],"loading":[32],"envelope":[32],"zoomLevel":[32],"signingProgressMode":[32],"polling":[32]}]]],["p-6ac28b30",[[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":0}],"status":[{"handleStatusUpdated":0}],"sort":[{"handleSortUpdated":0}],"match":[{"handleMatchUpdated":0}],"selectedPage":[{"handlePageUpdated":0}]}]]],["p-2197fb39",[[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":0}],"starred":[{"handleStarredUpdated":0}],"sort":[{"handleSortUpdated":0}],"name":[{"handleNameUpdated":0}],"selectedPage":[{"handlePageUpdated":0}]}]]],["p-923aabca",[[0,"verdocs-envelope-sidebar",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"activeTab":[32],"panelOpen":[32],"showRecipientDialog":[32],"showCancelDialog":[32],"showReinviteDialog":[32],"showUpdateDialog":[32],"remindersEnabled":[32],"updatingReminders":[32],"initialReminder":[32],"followupReminders":[32],"loading":[32],"envelope":[32]}]]],["p-4930b31d",[[0,"verdocs-field-payment",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"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]},[[0,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}]]],["p-79c46160",[[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]}]]],["p-04baf279",[[0,"verdocs-template-create",{"endpoint":[16],"maxSize":[1026,"max-size"],"file":[32],"creating":[32],"progressLabel":[32],"progressPercent":[32],"errorMessage":[32]}]]],["p-634a7187",[[0,"verdocs-auth",{"endpoint":[16],"visible":[4],"logo":[1],"displayMode":[1025,"display-mode"],"showSocialLogins":[4,"show-social-logins"],"org_name":[32],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"verificationCode":[32],"newPassword":[32],"password":[32],"confirmpass":[32],"submitting":[32],"resendDisabled":[32],"session":[32],"profile":[32],"providers":[32],"mfaToken":[32],"mfaCode":[32],"recoveryCode":[32],"useRecoveryCode":[32],"mfaError":[32]},null,{"showSocialLogins":[{"onShowSocialLoginsChanged":0}]}]]],["p-fea6fe32",[[0,"verdocs-initial-dialog",{"initials":[1],"fontLoaded":[32],"enteredInitials":[32],"mode":[32]}]]],["p-f97233a8",[[0,"verdocs-signature-dialog",{"name":[1],"fontLoaded":[32],"enteredName":[32],"mode":[32],"isDrawing":[32],"hasDrawnSignature":[32],"hasUploadedImage":[32],"uploadedFileName":[32]}]]],["p-af133520",[[0,"verdocs-date-input",{"value":[1537],"label":[1],"placeholder":[1],"helpText":[1,"help-text"],"disabled":[4],"required":[4],"showingPw":[32],"focused":[32],"containerId":[32],"focusField":[64]}]]],["p-7f76166a",[[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]}]]],["p-cd8ac44e",[[0,"verdocs-multiselect",{"label":[1],"placeholder":[1],"options":[16],"selectedOptions":[16],"showPicker":[32]}]]],["p-efc80cbf",[[0,"verdocs-signing-progress",{"mode":[1],"focusedField":[1,"focused-field"],"fields":[16],"recipientFields":[16]}]]],["p-54ab818c",[[260,"verdocs-button-panel",{"icon":[1],"showPanel":[64],"hidePanel":[64],"toggle":[64]}]]],["p-418f3dd2",[[0,"verdocs-quick-functions",{"endpoint":[16]}]]],["p-9f3a2cef",[[0,"verdocs-search-box",{"endpoint":[16],"placeholder":[1],"type":[1],"query":[1],"grabsFocus":[4,"grabs-focus"],"focusField":[64]}]]],["p-3a5d4aa0",[[0,"verdocs-search-tabs",{"selected":[32]}]]],["p-52621662",[[0,"verdocs-table",{"columns":[16],"data":[16]}]]],["p-1fbed8c0",[[260,"verdocs-tabs",{"tabs":[16],"selectedTab":[2,"selected-tab"]}]]],["p-208bbc49",[[0,"verdocs-template-card",{"template":[16]}]]],["p-b5997615",[[0,"verdocs-template-tags",{"tags":[16]}]]],["p-7d3955b7",[[0,"verdocs-toggle",{"options":[16],"theme":[1],"selectedOption":[32]}]]],["p-cdcef698",[[0,"verdocs-toggle-button",{"active":[4],"icon":[1],"label":[1],"size":[1],"_active":[32]}]]],["p-375a7dea",[[0,"verdocs-status-indicator",{"size":[1],"theme":[1],"status":[1],"envelope":[16],"isOpen":[32],"containerId":[32]}]]],["p-5455e818",[[0,"verdocs-template-star",{"endpoint":[16],"template":[1040],"updating":[32]}]]],["p-b3f941c2",[[0,"verdocs-envelope-update-recipient",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"roleName":[1,"role-name"],"isOpen":[32],"gettingLink":[32],"link":[32],"loading":[32],"envelope":[32],"originalRecipient":[32],"updatedRecipient":[32]}],[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]}]]],["p-72702300",[[0,"verdocs-contact-picker",{"endpoint":[16],"templateRole":[16],"contactSuggestions":[16],"showCancel":[4,"show-cancel"],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"zip":[32],"address":[32],"message":[32],"showSuggestions":[32],"showMessage":[32],"delegator":[32],"name_locked":[32],"auth_methods":[32],"passcode":[32],"firstNameFieldId":[32],"lastNameFieldId":[32],"emailFieldId":[32],"phoneFieldId":[32],"activeEntitlements":[32],"authMethodsLoading":[32]},[[4,"click","handleDocumentClick"]]]]],["p-2da68853",[[0,"verdocs-radio-button",{"checked":[4],"name":[1],"value":[1],"disabled":[4]}]]],["p-97fadf95",[[0,"verdocs-switch",{"checked":[1028],"theme":[1],"disabled":[4]}]]],["p-84275b8d",[[0,"verdocs-text-input",{"value":[1537],"label":[1],"placeholder":[1],"description":[1],"autocomplete":[1],"helpText":[1,"help-text"],"clearable":[4],"copyable":[4],"type":[1],"disabled":[4],"required":[4],"showingPw":[32]}],[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]}]]],["p-1b4cde18",[[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],"readonly":[32],"roleName":[32],"group":[32],"fieldType":[32],"options":[32],"placeholder":[32],"defaultValue":[32],"nameError":[32],"showingHelp":[32],"loading":[32],"template":[32]}],[0,"verdocs-select-input",{"value":[1],"label":[1],"options":[16],"disabled":[4]}],[0,"verdocs-checkbox",{"checked":[4],"name":[1],"label":[1],"value":[1],"theme":[1],"size":[1],"disabled":[4]}],[0,"verdocs-component-error",{"message":[1]}],[0,"verdocs-loader"]]],["p-723d6bde",[[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]}],[260,"verdocs-menu-panel",{"side":[1],"overlay":[4],"width":[2]},[[4,"click","handleClick"]]]]],["p-002fee52",[[0,"verdocs-quick-filter",{"options":[16],"label":[1],"value":[1537],"placeholder":[1],"open":[32]}],[0,"verdocs-pagination",{"selectedPage":[1538,"selected-page"],"itemCount":[2,"item-count"],"perPage":[2,"per-page"]}]]],["p-e9158fec",[[0,"verdocs-dropdown",{"options":[16],"containerId":[32],"showPicker":[32]}]]],["p-c273b465",[[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":[513,"template-id"],"documentId":[513,"document-id"],"pageNumber":[514,"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]}]]],["p-6a3ca6bf",[[0,"verdocs-file-chooser",{"endpoint":[16],"file":[32]}],[0,"verdocs-progress-bar",{"label":[1],"showPercent":[4,"show-percent"],"percent":[2]}]]],["p-92f51592",[[0,"verdocs-spinner",{"size":[2],"mode":[1]}]]],["p-9538ac0e",[[260,"verdocs-dialog",{"persistent":[4]}]]],["p-590900d7",[[0,"verdocs-ok-dialog",{"heading":[1],"message":[1],"buttonLabel":[1,"button-label"],"showCancel":[4,"show-cancel"],"closed":[32]}]]],["p-9bd55619",[[0,"verdocs-flag",{"variant":[1],"label":[1],"showSkip":[4,"show-skip"]}]]],["p-e3f13498",[[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"],[0,"settingsChanged","handleFieldSettingsChanged"],[0,"deleted","handleFieldDeleted"]],{"templateId":[{"onTemplateIdChanged":0}]}],[0,"verdocs-preview",{"endpoint":[16],"templateId":[1,"template-id"],"loading":[32],"template":[32]},null,{"templateId":[{"onTemplateIdChanged":0}]}],[0,"verdocs-template-roles",{"endpoint":[16],"templateId":[1,"template-id"],"showingRoleDialog":[32],"sender":[32],"dragging":[32],"loading":[32],"template":[32]}],[0,"verdocs-send",{"endpoint":[16],"templateId":[513,"template-id"],"environment":[1],"showCancel":[4,"show-cancel"],"brandKey":[1025,"brand-key"],"containerId":[32],"view":[32],"editingRoleId":[32],"sessionContacts":[32],"sending":[32],"brands":[32],"organization":[32],"expiresInDays":[32],"noContact":[32],"senderDefaults":[32],"senderName":[32],"senderEmail":[32],"rolesCompleted":[32],"loading":[32],"template":[32],"reset":[64]},null,{"templateId":[{"onTemplateIdChanged":0}]}],[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":0}],"step":[{"onStepChanged":0}]}]]],["p-bdfda300",[[0,"verdocs-sign-footer",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"isDone":[4,"is-done"],"brand":[16],"askingQuestion":[32],"declinine":[32],"envelope":[32]}],[0,"verdocs-download-dialog",{"signed":[4],"polling":[4],"documents":[16],"hasCertificate":[4,"has-certificate"]}],[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]}],[0,"verdocs-question-dialog",{"question":[1025],"closed":[32]}]]],["p-6fdd258b",[[0,"verdocs-view",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"headerTargetId":[1,"header-target-id"],"canceling":[32],"showCancelDone":[32],"showLoadError":[32],"loading":[32],"envelope":[32],"zoomLevel":[32],"showDownloadDialog":[32],"polling":[32]}],[0,"verdocs-kba-dialog",{"step":[2],"steps":[2],"helptitle":[1],"helptext":[1],"mode":[1],"label":[1],"placeholder":[1],"recipient":[16],"choices":[16],"agreed":[32],"response":[32],"updatedRecipient":[32],"dobContainerId":[32]}],[0,"verdocs-adopt-signature-dialog",{"name":[1],"nameLocked":[4,"name-locked"],"fontLoaded":[32],"enteredName":[32],"enteredInitials":[32],"mode":[32],"isDrawing":[32],"hasDrawnSignature":[32],"hasDrawnInitials":[32]}],[0,"verdocs-otp-dialog",{"endpoint":[1040],"method":[1],"resendDisabled":[32],"response":[32]}],[0,"verdocs-passcode-dialog",{"endpoint":[1040],"response":[32]}],[0,"verdocs-disclosure-dialog",{"disclosures":[1],"delegator":[4],"accepted":[32]}],[0,"verdocs-delegate-dialog",{"endpoint":[1040],"envelope":[16],"first_name":[32],"last_name":[32],"email":[32],"phone":[32],"message":[32]}]]],["p-afd010d6",[[0,"verdocs-organization-card",{"organization":[16],"hovered":[32]},[[1,"mouseover","onMouseOver"],[1,"mouseout","onMouseOut"]]],[260,"verdocs-portal",{"anchor":[1],"voffset":[2]},[[11,"scroll","handleScroll"],[9,"resize","handleResize"],[4,"click","handleClick"]]]]],["p-d8dbcb2c",[[0,"verdocs-field-attachment",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"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,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-checkbox",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"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,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-radio",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"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,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[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],"isPreview":[516,"is-preview"],"containerId":[32],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-dropdown",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[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],"initialid":[513],"isPreview":[516,"is-preview"],"showingProperties":[32],"focused":[32],"menuOpen":[32],"tempInitials":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[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],"signatureid":[513],"isPreview":[516,"is-preview"],"showingProperties":[32],"focused":[32],"menuOpen":[32],"tempSignature":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[0,"blur","handleBlur"],[0,"blur","onBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-textarea",{"endpoint":[16],"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[514],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-textbox",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"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]},[[2,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-field-timestamp",{"source":[513],"sourceid":[513],"fieldname":[513],"field":[16],"isPreview":[516,"is-preview"],"disabled":[516],"editable":[516],"moveable":[516],"done":[516],"xscale":[514],"yscale":[514],"pagenumber":[2],"showingProperties":[32],"focused":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]},[[2,"blur","handleBlur"]],{"editable":[{"onEditableChanged":0}]}],[0,"verdocs-upload-dialog",{"maxSize":[1026,"max-size"],"existingFile":[1032,"existing-file"],"draggingOver":[32],"confirmDelete":[32],"selectedFiles":[32],"errorMessage":[32]}]]]]'),e)}));
 //# sourceMappingURL=verdocs-web-sdk.esm.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@verdocs/web-sdk",
-  "version": "6.13.2",
+  "version": "6.14.0",
   "private": false,
   "description": "Verdocs Web SDK",
   "license": "MIT",
@@ -34,7 +34,7 @@
     "@popperjs/core": "^2.11.8",
     "@stencil/core": "^4.38.3",
     "@svgdotjs/svg.js": "^3.2.8",
-    "@verdocs/js-sdk": "^6.12.4",
+    "@verdocs/js-sdk": "^6.13.0",
     "air-datepicker": "^3.6.0",
     "choices.js": "^11.2.4",
     "date-fns": "^4.4.0",

package/dist/cjs/utils-BtmSHO0F.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils-BtmSHO0F.js","sources":["src/utils/utils.ts"],"sourcesContent":["import {format} from 'date-fns';\nimport {downloadBlob, getEnvelopeFile, getEnvelopesZip, IEnvelope, IEnvelopeField, ITemplateField, rescale, TFieldType, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {FORMAT_DATE, IDocumentPageInfo} from './Types';\n\nexport const defaultWidth = (type: TFieldType) => {\n  // checkbox was a legacy field type\n  switch (type as any) {\n    case 'textarea':\n      return 150;\n    case 'textbox':\n      return 150;\n    case 'timestamp':\n      return 105;\n    case 'date':\n      return 75;\n    case 'dropdown':\n      return 85;\n    case 'attachment':\n    case 'payment':\n      return 24;\n    case 'radio':\n    case 'checkbox':\n      return 14;\n    case 'signature':\n    case 'initial':\n      return 71;\n  }\n\n  return 150;\n};\n\nexport const defaultHeight = (type: TFieldType) => {\n  switch (type as any) {\n    case 'textarea':\n      return 41;\n    case 'textbox':\n      return 15;\n    case 'timestamp':\n      return 15;\n    case 'date':\n      return 15;\n    case 'dropdown':\n      return 20;\n    case 'attachment':\n    case 'payment':\n      return 24;\n    case 'radio':\n    case 'checkbox':\n      return 14;\n    case 'signature':\n    case 'initial':\n      return 36;\n  }\n\n  return 50;\n};\n\nexport const setControlStyles = (el: HTMLElement, field: ITemplateField | IEnvelopeField, xScale: number, yScale: number) => {\n  let {x = 0, y = 0, width = defaultWidth(field.type), height = defaultHeight(field.type), settings} = field;\n  const isCanvasField = field.type === 'signature' || field.type === 'initial';\n  const canvasWidth = !isCanvasField ? width : (settings?.canvasWidth ?? width);\n  const canvasHeight = !isCanvasField ? height : (settings?.canvasHeight ?? height);\n\n  el.style.width = `${canvasWidth}px`;\n  el.style.height = `${canvasHeight}px`;\n  el.style.position = 'absolute';\n  el.style.left = `${rescale(xScale, x)}px`;\n  el.style.bottom = `${rescale(yScale, y)}px`;\n  el.style.transform = `scale(${xScale}, ${yScale})`;\n};\n\nexport const getControlStyles = (field: ITemplateField | IEnvelopeField, xScale: number, yScale: number) => {\n  let {x = 0, y = 0, width = defaultWidth(field.type), height = defaultHeight(field.type)} = field;\n\n  return {\n    zIndex: '100',\n    width: `${width}px`,\n    height: `${height}px`,\n    position: 'absolute',\n    left: `${rescale(xScale, x)}px`,\n    bottom: `${rescale(yScale, y)}px`,\n    transform: `scale(${xScale}, ${yScale})`,\n  };\n};\n\nexport const getFieldId = (field: ITemplateField | IEnvelopeField) => {\n  return `verdocs-doc-fld-${field.name}`;\n};\n\ninterface IFieldOptions {\n  disabled?: boolean;\n  editable?: boolean;\n  draggable?: boolean;\n  done?: boolean;\n}\n\nexport const updateDocumentFieldValue = (field: ITemplateField | IEnvelopeField) => {\n  const id = getFieldId(field);\n  const existingField = document.getElementById(id) as any;\n  if (existingField) {\n    existingField.field = field;\n    existingField.roleindex = field;\n    existingField.setAttribute('id', id); // We need this to trigger a re-render\n    existingField.setAttribute('disabled', true); // We need this to trigger a re-render\n    existingField.setAttribute('disabled', false); // We need this to trigger a re-render\n  }\n};\n\nexport const renderDocumentField = (\n  source: 'envelope' | 'template',\n  field: ITemplateField | IEnvelopeField,\n  docPage: IDocumentPageInfo,\n  fieldOptions: IFieldOptions,\n  tabIndex: number = 1,\n) => {\n  const {disabled = false, editable = false, draggable = false, done = false} = fieldOptions;\n  const controlsDiv = document.getElementById(docPage.containerId + '-controls');\n  if (!controlsDiv) {\n    // TODO: This gets emitted a lot by the builder naturally, when placing or updating fields, because Store.updateTemplate\n    //  triggers a re-render but we still have async code pending in contexts with references to the old/wrong controls DIV\n    //  IDs. It doesn't break anything because the re-render fixes it all up. But we do want to trap this for \"other\" situations.\n    // console.log('[renderDocumentField] No controls DIV found', docPage.containerId + '-controls', docPage);\n    return;\n  }\n\n  switch (field.type as any) {\n    case 'radio':\n    case 'checkbox':\n    case 'attachment':\n    case 'date':\n    case 'dropdown':\n    case 'initial':\n    case 'payment':\n    case 'signature':\n    case 'timestamp':\n    case 'textarea':\n    case 'textbox': {\n      const id = getFieldId(field);\n      const existingField = document.getElementById(id) as any;\n      if (existingField) {\n        existingField.field = field;\n        existingField.done = done;\n        setControlStyles(existingField, field, docPage.xScale, docPage.yScale);\n        return existingField;\n      }\n\n      let {type} = field;\n      if (type === 'textbox') {\n        if (field['setting']?.leading > 0 || field['settings']?.leading > 0) {\n          type = 'textarea';\n        }\n      }\n\n      const el: any = document.createElement(`verdocs-field-${type}`);\n      el.field = field;\n      el.setAttribute('id', id);\n      el.setAttribute('fieldname', field.name);\n      el.setAttribute('source', source);\n      el.setAttribute('sourceid', 'template_id' in field ? field.template_id : field.envelope_id);\n\n      if (disabled) {\n        el.setAttribute('tabindex', -1);\n        el.setAttribute('disabled', true);\n      } else {\n        el.setAttribute('tabindex', tabIndex);\n      }\n\n      el.setAttribute('editable', editable);\n      el.setAttribute('draggable', draggable);\n      el.setAttribute('done', done);\n\n      setControlStyles(el, field, docPage.xScale, docPage.yScale);\n      controlsDiv.appendChild(el);\n\n      return el;\n    }\n\n    default:\n      console.log('[PREVIEW] Skipping unsupported field type', field);\n      return null;\n  }\n};\n\n/**\n * Helper function to safely set/update components in a CSS transform attribute. Transform is normally set as a string of\n * `operation1(param) operation2(param) ...` components, which makes updating them a bit of a pain. This will remove the\n * specified component if it's already set and replace it with the new value, without touching the other components that\n * may already be set. Note that this operation moves the component to the end of the transform chain so it's not meant\n * to be used for order-sensitive components e.g. translate-then-rotate.\n */\nexport const updateCssTransform = (el: HTMLElement, key: string, value: string) => {\n  const currentTransform = el.style.transform || '';\n\n  const newValue = `${key}(${value})`;\n  if (currentTransform.includes(key)) {\n    el.style.transform = currentTransform.replace(new RegExp(`${key}\\\\(.+?\\\\)`), newValue);\n  } else {\n    el.style.transform = currentTransform + ' ' + newValue;\n  }\n};\n\nexport const removeCssTransform = (el: HTMLElement) => {\n  // const currentTransform = el.style.transform || '';\n  el.style.transform = el.style.transform.split(')')[0] + ')';\n  // TODO: This is not working\n  // el.style.transform = currentTransform.replace(new RegExp(`\\(${key}\\\\(.+?\\\\)\\)`), '');\n};\n\n// TODO: Shift to getDownloadLilnk\nexport const saveAttachment = async (endpoint: VerdocsEndpoint, envelope: IEnvelope, documentId: string) => {\n  // e.g. \"Colorado-Motor-Vehicle-Bill-of-Sale.pdf\"\n  const date = format(new Date(envelope.updated_at), FORMAT_DATE);\n  const fileName = `${envelope.name} - ${date}.pdf`;\n  const data = await getEnvelopeFile(endpoint, documentId);\n  downloadBlob(data, fileName);\n};\n\nexport const saveEnvelopesAsZip = async (endpoint: VerdocsEndpoint, envelopes: IEnvelope[]) => {\n  const formattedDate = format(envelopes.length === 1 ? new Date(envelopes[0].updated_at) : new Date(), FORMAT_DATE);\n  const zipFileName = envelopes.length === 1 ? `${envelopes[0].name} - ${formattedDate}.zip` : `Verdocs-Envelopes-${formattedDate}`;\n  console.log('Downloading envelopes as ZIP', envelopes, zipFileName);\n  const result = await getEnvelopesZip(\n    endpoint,\n    envelopes.map(e => e.id),\n  );\n  downloadBlob(result.data, zipFileName);\n};\n\n/**\n * Throttle a given function by a delay value. Useful for things like resizeObserver.\n */\nexport const throttle = (f: Function, delay: number) => {\n  let timer: any = 0;\n  return function (...args) {\n    clearTimeout(timer);\n    timer = setTimeout(() => f.apply(this, args), delay);\n  };\n};\n\n/**\n * Compute the rendered width of a given text string, using a given font.\n */\nexport const renderedTextWidth = (text: string, font: string = '16px Arial') => {\n  const canvas = document.createElement('canvas');\n  const ctx = canvas.getContext('2d');\n  ctx.font = font;\n  return ctx.measureText(text).width;\n};\n\n// \"(212) 555-1212\" => +12125551212\n// \"+46766861004\" => \"+46766861004\"\n// \"212-555-1212\" => +12125551212\n// \"212.555.1212\" => +12125551212\n// \"212 555 1212\" => +12125551212\n// @see https://46elks.com/kb/e164\nexport const convertToE164 = (input: string) => {\n  let temp = (input || '').trim();\n  // If we are already prefixed, assume the user did it deliberately and attempt to use what they entered. We also short-circuit blanks.\n  if (!temp || temp.startsWith('+')) {\n    return temp;\n  }\n\n  // Remove any spaces, parenthesis or other punctuation.\n  temp = temp.replace(/[^0-9]/g, '');\n\n  // If the number begins with a zero, remove the leading zero. Do not combine this with the previous step because it needs to be removed\n  // whether it's the actual first character e.g. `0(5)` or just the first digit e.g. `(05`.\n  temp = temp.replace(/^0/g, '');\n\n  // Prepend the country code and +. We're assuming US in this case given the target demographic. Users in other countries would/should be\n  // already entering a prefix so they'd shortcut out of this routine via the + prefix check.\n  return `+1${temp}`;\n};\n\nexport interface IFlagOptions {\n  variant: 'fill' | 'next';\n  label: string;\n  showSkip?: boolean;\n  onSkip?: () => void;\n  onClick?: () => void;\n  id?: string;\n}\n\nexport const renderDocumentFlag = (\n  docPage: IDocumentPageInfo,\n  y: number, // Bottom position from field\n  height: number, // Field height\n  options: IFlagOptions,\n) => {\n  const controlsDiv = document.getElementById(docPage.containerId + '-controls');\n  if (!controlsDiv) {\n    return;\n  }\n\n  const el: any = document.createElement('verdocs-flag');\n  el.variant = options.variant;\n  el.label = options.label;\n  el.showSkip = options.showSkip;\n  if (options.id) {\n    el.setAttribute('id', options.id);\n  }\n  el.classList.add('verdocs-flag-instance'); // Marker class for easy removal\n\n  if (options.onSkip) {\n    el.addEventListener('skip', options.onSkip);\n  }\n  if (options.onClick) {\n    el.addEventListener('flagClick', options.onClick);\n  }\n\n  // Position the flag to stick out of the right edge of the page\n  el.style.position = 'absolute';\n\n  // The flag has a left-pointing arrow that is 14px wide (15% of 97px ~= 14.5px).\n  // We want the \"body\" of the rectangle (starting after the arrow) to align with the\n  // right edge of the page.\n  el.style.left = 'calc(100% - 14px)';\n\n  /*\n   * Positioning Logic:\n   * Field Y is distance from bottom.\n   * Fields have `transform-origin: bottom left`.\n   * Visual Bottom = y * scale.\n   * Visual Top = (y * scale) + (height * scale).\n   * Visual Center = (y * scale) + (height * scale) / 2.\n   */\n  // const flagHeight = 24; // Matches CSS\n  const scaledY = rescale(docPage.yScale, y);\n  const scaledHeight = rescale(docPage.yScale, height);\n\n  // Align Flag Bottom with Field Top\n  const bottom = scaledY + scaledHeight;\n\n  el.style.bottom = `${bottom}px`;\n\n  controlsDiv.appendChild(el);\n  return el;\n};\n\n/**\n * Helper to generate a human-readable label for a field.\n */\nexport const getFieldLabel = (field: IEnvelopeField | ITemplateField) => {\n  if (!field) return '';\n  const typeMap: Record<string, string> = {\n    signature: 'Signature',\n    initial: 'Initials',\n    date: 'Date',\n    textbox: 'Text Field',\n    checkbox: 'Checkbox',\n    radio: 'Radio Button',\n    dropdown: 'Dropdown',\n    attachment: 'Attachment',\n    payment: 'Payment',\n  };\n\n  const typeName = typeMap[field.type] || 'Field';\n  if (field.required) {\n    return `Required ${typeName}*`;\n  }\n  return `Optional ${typeName}`;\n};\n"],"names":["rescale","format","FORMAT_DATE","getEnvelopesZip","downloadBlob"],"mappings":"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"}

package/dist/components/p-1FjgijEi.js

@@ -1,2 +0,0 @@
-import{p as e,H as s,c as o,h as t,F as i,d as r,t as c}from"./p-yZBlG3YQ.js";import{i as l}from"./p-COaijEV0.js";import{S as d}from"./p-C7k2AOsW.js";import{S as a}from"./p-C7hFgM52.js";import{d as n}from"./p-Bb5V9TQx.js";import{d as p}from"./p-DGNIsXfr.js";import{d as b}from"./p-C-v22G3g.js";import{d as h}from"./p-DHzSlpJw.js";import{d as f}from"./p-DqzFuSNN.js";import{d as m}from"./p-DhOuB4nS.js";import{d as u}from"./p-Bodw4NVB.js";import{d as x}from"./p-Bxvw_LqR.js";import{d as v}from"./p-PfdIkMoz.js";const g=()=>`@charset "UTF-8";verdocs-field-checkbox{padding:0;width:16px;height:16px;display:block;scroll-margin:20px 0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform-origin:bottom left;transform-origin:bottom left;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-field-checkbox div.label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-checkbox label{cursor:inherit;width:14px;height:14px;display:block;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-field-checkbox.disabled label{opacity:0.5}verdocs-field-checkbox label>input[type=checkbox]{display:none}verdocs-field-checkbox label>input[type=checkbox]+*::before{margin:0;content:"";width:12px;height:12px;display:block;line-height:12px;border-radius:var(--verdocs-field-radius);-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #aeb4bf}verdocs-field-checkbox label>input[type=checkbox]:checked+*{color:#55bc81}verdocs-field-checkbox label>input[type=checkbox]:checked+*::before{content:"✓";color:white;font-size:12px;text-align:center;background:#55bc81;border-color:#55bc81}verdocs-field-checkbox.required{border:1px solid var(--verdocs-required-field-border)}verdocs-field-checkbox.hide{display:none}verdocs-field-checkbox verdocs-button-panel{display:block;margin-left:-20px;margin-top:-17px;-webkit-transform:scale(0.7);transform:scale(0.7)}verdocs-field-checkbox .settings-icon{position:absolute;top:-5px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-checkbox .settings-icon svg{fill:#707ae5}verdocs-field-checkbox .settings-icon:hover{opacity:1}`;const k=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsChanged=o(this,"settingsChanged");this.deleted=o(this,"deleted");this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.done=false;this.editable=false;this.moveable=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false}handleBlur(){this.focused=false}async focusField(){this.el.focus();this.focused=true}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}}onEditableChanged(e,s){if(s&&!e){l(this.el).unset()}}disconnectedCallback(){l(this.el).unset()}render(){const{source:e,sourceid:s,fieldname:o,editable:c=false,done:l=false,disabled:n=false,focused:p,xscale:b=1,yscale:h=1}=this;const{index:f,field:m}=a.getField(e,s,o,this.field);const{required:u=false,label:x="",value:v=false,readonly:g=false}=m||{};const k=`signer-${f%10+1}`;const y=v==="true";if(l){return t(r,{class:{"verdocs-field":true,done:l}},y?"✓":"☐")}return t(r,{class:{"verdocs-field":true,required:u,disabled:n,done:l,focused:p,[k]:true}},x&&t("div",{class:"label"},x),t("label",{htmlFor:o},t("input",{id:o,name:o,type:"checkbox",checked:y,disabled:g||n,required:u}),t("span",null),c&&t(i,null,t("div",{id:`verdocs-settings-panel-trigger-${o}`,style:{transform:`scale(${Math.floor(1/b*1e3)/1e3}, ${Math.floor(1/h*1e3)/1e3})`},class:"settings-icon",innerHTML:d,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&t("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${m.name}`,onClickAway:()=>this.showingProperties=false},t("verdocs-template-field-properties",{templateId:s,fieldName:m.name,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:o});return this.hideSettingsPanel()},onSettingsChanged:e=>{var s;(s=this.settingsChanged)===null||s===void 0?void 0:s.emit(e.detail);return this.hideSettingsPanel()},helpText:"Check boxes allow the user to select one or more (non-exclusive) options."})))))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return g()}},[0,"verdocs-field-checkbox",{source:[513],sourceid:[513],fieldname:[513],field:[16],isPreview:[516,"is-preview"],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,"blur","handleBlur"]],{editable:[{onEditableChanged:0}]}]);function y(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-checkbox","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-field-checkbox":if(!customElements.get(c(e))){customElements.define(c(e),k)}break;case"verdocs-button":if(!customElements.get(c(e))){n()}break;case"verdocs-checkbox":if(!customElements.get(c(e))){p()}break;case"verdocs-component-error":if(!customElements.get(c(e))){b()}break;case"verdocs-help-icon":if(!customElements.get(c(e))){h()}break;case"verdocs-loader":if(!customElements.get(c(e))){f()}break;case"verdocs-portal":if(!customElements.get(c(e))){m()}break;case"verdocs-select-input":if(!customElements.get(c(e))){u()}break;case"verdocs-template-field-properties":if(!customElements.get(c(e))){x()}break;case"verdocs-text-input":if(!customElements.get(c(e))){v()}break}}))}export{k as V,y as d};
-//# sourceMappingURL=p-1FjgijEi.js.map

package/dist/components/p-1FjgijEi.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["verdocsFieldCheckboxCss","VerdocsFieldCheckbox","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","source","sourceid","fieldname","field","disabled","done","editable","moveable","xscale","yscale","pagenumber","showingProperties","focused","handleBlur","focusField","el","focus","showSettingsPanel","settingsPanel","document","getElementById","showPanel","hideSettingsPanel","hidePanel","onEditableChanged","newVal","oldVal","interact","unset","disconnectedCallback","render","index","Store","getField","required","label","value","readonly","signerClass","checked","h","Host","class","htmlFor","id","name","type","Fragment","style","transform","Math","floor","innerHTML","SettingsIcon","onClick","e","stopPropagation","anchor","onClickAway","templateId","fieldName","onClose","onDelete","_a","deleted","emit","onSettingsChanged","settingsChanged","detail","helpText"],"sources":["src/components/fields/verdocs-field-checkbox/verdocs-field-checkbox.scss?tag=verdocs-field-checkbox","src/components/fields/verdocs-field-checkbox/verdocs-field-checkbox.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\n// See https://www.kallmanation.com/styling-a-checkbox-with-only-css\nverdocs-field-checkbox {\n  padding: 0;\n  width: 16px;\n  height: 16px;\n  display: block;\n  scroll-margin: 20px 0;\n  box-sizing: border-box;\n  transform-origin: bottom left;\n  font-family: $verdocs-primary-font;\n\n  // To avoid conflicting with the use of a label for the checkbox itself\n  div.label {\n    top: -14px;\n    left: -1px;\n    height: 14px;\n    color: white;\n    padding: 0 4px;\n    font-size: 9px;\n    line-height: 13px;\n    position: absolute;\n    background: #4a4a99;\n    border-top-left-radius: 2px;\n    border-top-right-radius: 2px;\n  }\n\n  label {\n    // This is needed to bring down the cursor from the parent element, which is where interactjs applies it\n    cursor: inherit;\n\n    width: 14px;\n    height: 14px;\n    display: block;\n    box-sizing: border-box;\n  }\n\n  &.disabled label {\n    opacity: 0.5;\n  }\n\n  label > input[type='checkbox'] {\n    display: none;\n  }\n\n  label > input[type='checkbox'] + *::before {\n    margin: 0;\n    content: '';\n    width: 12px;\n    height: 12px;\n    display: block;\n    line-height: 12px;\n    border-radius: var(--verdocs-field-radius);\n    box-sizing: border-box;\n    border: 1px solid $verdocs-grey-2;\n  }\n\n  label > input[type='checkbox']:checked + * {\n    color: $verdocs-green;\n  }\n\n  label > input[type='checkbox']:checked + *::before {\n    content: '✓';\n    color: white;\n    font-size: 12px;\n    text-align: center;\n    background: $verdocs-green;\n    border-color: $verdocs-green;\n  }\n\n  &.required {\n    border: 1px solid var(--verdocs-required-field-border);\n  }\n\n  &.hide {\n    display: none;\n  }\n\n  verdocs-button-panel {\n    display: block;\n    margin-left: -20px;\n    margin-top: -17px;\n    transform: scale(0.7);\n  }\n\n  .settings-icon {\n    position: absolute;\n    top: -5px;\n    left: -20px;\n    display: inline-block;\n    cursor: pointer;\n    opacity: 0.3;\n\n    svg {\n      fill: $border-color;\n    }\n\n    &:hover {\n      opacity: 1;\n    }\n  }\n}\n","import interact from 'interactjs';\nimport {ITemplateField, IEnvelopeField} from '@verdocs/js-sdk';\nimport {Component, Event, EventEmitter, Fragment, h, Host, Method, Prop, State, Element, Listen, Watch} from '@stencil/core';\nimport {SettingsIcon} from '../../../utils/Icons';\nimport {Store} from '../../../utils/Datastore';\n\n/**\n * Displays a checkbox.\n */\n@Component({\n  tag: 'verdocs-field-checkbox',\n  styleUrl: 'verdocs-field-checkbox.scss',\n  shadow: false,\n})\nexport class VerdocsFieldCheckbox {\n  @Element() el: HTMLElement;\n\n  /**\n   * Fields may be attached to templates or envelopes, but only template fields may be edited.\n   */\n  @Prop({reflect: true}) source: 'template' | 'envelope' = 'template';\n\n  /**\n   * The source template or envelope ID the field is found in.\n   */\n  @Prop({reflect: true}) sourceid: string = '';\n\n  /**\n   * The name of the field to display.\n   */\n  @Prop({reflect: true}) fieldname: string = '';\n\n  /**\n   * Override the field's settings. This is intended to be used during signing when fields are being\n   * mutated.\n   */\n  @Prop() field: IEnvelopeField | null | undefined = null;\n\n  /**\n   * If set to true, it will force interact to unset the el, resulting in no dragging the field.\n   */\n  @Prop({reflect: true}) isPreview?: boolean;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop({reflect: true}) disabled?: boolean = false;\n\n  /**\n   * If set, the field is considered \"done\" and is drawn in a display-final-value state.\n   */\n  @Prop({reflect: true}) done?: boolean = false;\n\n  /**\n   * If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\n   * changed, so it should typically only be enabled in the Builder.\n   */\n  @Prop({reflect: true}) editable?: boolean = false;\n\n  /**\n   * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.\n   */\n  @Prop({reflect: true}) moveable?: boolean = false;\n\n  /**\n   * If set, the field will be be scaled horizontally by this factor.\n   */\n  @Prop({reflect: true}) xscale?: number = 1;\n\n  /**\n   * If set, the field will be be scaled vertically by this factor.\n   */\n  @Prop({reflect: true}) yscale?: number = 1;\n\n  /**\n   * The page the field is on\n   */\n  @Prop({reflect: true}) pagenumber?: number = 1;\n\n  /**\n   * Event fired when the field's settings are changed.\n   */\n  @Event({composed: true}) settingsChanged: EventEmitter<{fieldName: string; field: ITemplateField}>;\n\n  /**\n   * Event fired when the field is deleted.\n   */\n  @Event({composed: true}) deleted: EventEmitter<{fieldName: string}>;\n\n  @State() showingProperties?: boolean = false;\n  @State() focused = false;\n\n  @Listen('blur')\n  handleBlur() {\n    this.focused = false;\n  }\n\n  @Method()\n  async focusField() {\n    this.el.focus();\n    this.focused = true;\n  }\n\n  @Method()\n  async showSettingsPanel() {\n    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`) as any;\n    if (settingsPanel && settingsPanel.showPanel) {\n      settingsPanel.showPanel();\n    }\n  }\n\n  @Method()\n  async hideSettingsPanel() {\n    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`) as any;\n    if (settingsPanel && settingsPanel.hidePanel) {\n      settingsPanel.hidePanel();\n    }\n  }\n\n  @Watch('editable')\n  onEditableChanged(newVal: boolean, oldVal: boolean) {\n    // When transitioning out of editable mode (e.g., builder -> preview tab), clear interact bindings\n    if (oldVal && !newVal) {\n      interact(this.el).unset();\n    }\n  }\n\n  disconnectedCallback() {\n    // Clear any interact.js drag/resize bindings so they don't leak if the DOM element is reused elsewhere\n    interact(this.el).unset();\n  }\n\n  render() {\n    const {source, sourceid, fieldname, editable = false, done = false, disabled = false, focused, xscale = 1, yscale = 1} = this;\n    const {index, field} = Store.getField(source, sourceid, fieldname, this.field);\n    const {required = false, label = '', value = false, readonly = false} = field || {};\n    const signerClass = `signer-${(index % 10) + 1}`;\n\n    const checked = value === 'true';\n\n    if (done) {\n      return <Host class={{'verdocs-field': true,done}}>{checked ? '✓' : '☐'}</Host>;\n    }\n\n    return (\n      <Host class={{'verdocs-field': true,required, disabled, done, focused, [signerClass]: true}}>\n        {label && <div class=\"label\">{label}</div>}\n\n        <label htmlFor={fieldname}>\n          <input id={fieldname} name={fieldname} type=\"checkbox\" checked={checked} disabled={readonly || disabled} required={required} />\n          <span />\n\n          {editable && (\n            <Fragment>\n              <div\n                id={`verdocs-settings-panel-trigger-${fieldname}`}\n                style={{transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})`}}\n                class=\"settings-icon\"\n                innerHTML={SettingsIcon}\n                onClick={(e: any) => {\n                  e.stopPropagation();\n                  this.showingProperties = !this.showingProperties;\n                }}\n              />\n\n              {this.showingProperties && (\n                <verdocs-portal anchor={`verdocs-settings-panel-trigger-${field.name}`} onClickAway={() => (this.showingProperties = false)}>\n                  <verdocs-template-field-properties\n                    templateId={sourceid}\n                    fieldName={field.name}\n                    onClose={() => (this.showingProperties = false)}\n                    onDelete={() => {\n                      this.deleted?.emit({fieldName: fieldname});\n                      return this.hideSettingsPanel();\n                    }}\n                    onSettingsChanged={e => {\n                      this.settingsChanged?.emit(e.detail);\n                      return this.hideSettingsPanel();\n                    }}\n                    helpText={'Check boxes allow the user to select one or more (non-exclusive) options.'}\n                  />\n                </verdocs-portal>\n              )}\n            </Fragment>\n          )}\n        </label>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/p-BCwFpXpV.js

@@ -1,2 +0,0 @@
-import{d as e}from"./p-DGOUAxVN.js";import{getEnvelopesZip as t,downloadBlob as s,rescale as a}from"@verdocs/js-sdk";import{a as n}from"./p-17OorOnH.js";const o=e=>{switch(e){case"textarea":return 150;case"textbox":return 150;case"timestamp":return 105;case"date":return 75;case"dropdown":return 85;case"attachment":case"payment":return 24;case"radio":case"checkbox":return 14;case"signature":case"initial":return 71}return 150};const c=e=>{switch(e){case"textarea":return 41;case"textbox":return 15;case"timestamp":return 15;case"date":return 15;case"dropdown":return 20;case"attachment":case"payment":return 24;case"radio":case"checkbox":return 14;case"signature":case"initial":return 36}return 50};const r=(e,t,s,n)=>{var r,i;let{x:d=0,y:l=0,width:u=o(t.type),height:p=c(t.type),settings:x}=t;const m=t.type==="signature"||t.type==="initial";const f=!m?u:(r=x===null||x===void 0?void 0:x.canvasWidth)!==null&&r!==void 0?r:u;const b=!m?p:(i=x===null||x===void 0?void 0:x.canvasHeight)!==null&&i!==void 0?i:p;e.style.width=`${f}px`;e.style.height=`${b}px`;e.style.position="absolute";e.style.left=`${a(s,d)}px`;e.style.bottom=`${a(n,l)}px`;e.style.transform=`scale(${s}, ${n})`};const i=(e,t,s)=>{let{x:n=0,y:r=0,width:i=o(e.type),height:d=c(e.type)}=e;return{zIndex:"100",width:`${i}px`,height:`${d}px`,position:"absolute",left:`${a(t,n)}px`,bottom:`${a(s,r)}px`,transform:`scale(${t}, ${s})`}};const d=e=>`verdocs-doc-fld-${e.name}`;const l=e=>{const t=d(e);const s=document.getElementById(t);if(s){s.field=e;s.roleindex=e;s.setAttribute("id",t);s.setAttribute("disabled",true);s.setAttribute("disabled",false)}};const u=(e,t,s,a,n=1)=>{var o,c;const{disabled:i=false,editable:l=false,draggable:u=false,done:p=false}=a;const x=document.getElementById(s.containerId+"-controls");if(!x){return}switch(t.type){case"radio":case"checkbox":case"attachment":case"date":case"dropdown":case"initial":case"payment":case"signature":case"timestamp":case"textarea":case"textbox":{const a=d(t);const m=document.getElementById(a);if(m){m.field=t;m.done=p;r(m,t,s.xScale,s.yScale);return m}let{type:f}=t;if(f==="textbox"){if(((o=t["setting"])===null||o===void 0?void 0:o.leading)>0||((c=t["settings"])===null||c===void 0?void 0:c.leading)>0){f="textarea"}}const b=document.createElement(`verdocs-field-${f}`);b.field=t;b.setAttribute("id",a);b.setAttribute("fieldname",t.name);b.setAttribute("source",e);b.setAttribute("sourceid","template_id"in t?t.template_id:t.envelope_id);if(i){b.setAttribute("tabindex",-1);b.setAttribute("disabled",true)}else{b.setAttribute("tabindex",n)}b.setAttribute("editable",l);b.setAttribute("draggable",u);b.setAttribute("done",p);r(b,t,s.xScale,s.yScale);x.appendChild(b);return b}default:console.log("[PREVIEW] Skipping unsupported field type",t);return null}};const p=(e,t,s)=>{const a=e.style.transform||"";const n=`${t}(${s})`;if(a.includes(t)){e.style.transform=a.replace(new RegExp(`${t}\\(.+?\\)`),n)}else{e.style.transform=a+" "+n}};const x=e=>{e.style.transform=e.style.transform.split(")")[0]+")"};const m=async(a,o)=>{const c=e.format(o.length===1?new Date(o[0].updated_at):new Date,n);const r=o.length===1?`${o[0].name} - ${c}.zip`:`Verdocs-Envelopes-${c}`;console.log("Downloading envelopes as ZIP",o,r);const i=await t(a,o.map((e=>e.id)));s(i.data,r)};const f=(e,t)=>{let s=0;return function(...a){clearTimeout(s);s=setTimeout((()=>e.apply(this,a)),t)}};const b=(e,t="16px Arial")=>{const s=document.createElement("canvas");const a=s.getContext("2d");a.font=t;return a.measureText(e).width};const h=e=>{let t=(e||"").trim();if(!t||t.startsWith("+")){return t}t=t.replace(/[^0-9]/g,"");t=t.replace(/^0/g,"");return`+1${t}`};const $=(e,t,s,n)=>{const o=document.getElementById(e.containerId+"-controls");if(!o){return}const c=document.createElement("verdocs-flag");c.variant=n.variant;c.label=n.label;c.showSkip=n.showSkip;if(n.id){c.setAttribute("id",n.id)}c.classList.add("verdocs-flag-instance");if(n.onSkip){c.addEventListener("skip",n.onSkip)}if(n.onClick){c.addEventListener("flagClick",n.onClick)}c.style.position="absolute";c.style.left="calc(100% - 14px)";const r=a(e.yScale,t);const i=a(e.yScale,s);const d=r+i;c.style.bottom=`${d}px`;o.appendChild(c);return c};const g=e=>{if(!e)return"";const t={signature:"Signature",initial:"Initials",date:"Date",textbox:"Text Field",checkbox:"Checkbox",radio:"Radio Button",dropdown:"Dropdown",attachment:"Attachment",payment:"Payment"};const s=t[e.type]||"Field";if(e.required){return`Required ${s}*`}return`Optional ${s}`};export{u as a,g as b,h as c,c as d,b as e,i as f,d as g,p as h,x as i,r as j,o as k,$ as r,m as s,f as t,l as u};
-//# sourceMappingURL=p-BCwFpXpV.js.map

package/dist/components/p-BCwFpXpV.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["defaultWidth","type","defaultHeight","setControlStyles","el","field","xScale","yScale","x","y","width","height","settings","isCanvasField","canvasWidth","_a","canvasHeight","_b","style","position","left","rescale","bottom","transform","getControlStyles","zIndex","getFieldId","name","updateDocumentFieldValue","id","existingField","document","getElementById","roleindex","setAttribute","renderDocumentField","source","docPage","fieldOptions","tabIndex","disabled","editable","draggable","done","controlsDiv","containerId","leading","createElement","template_id","envelope_id","appendChild","console","log","updateCssTransform","key","value","currentTransform","newValue","includes","replace","RegExp","removeCssTransform","split","saveEnvelopesAsZip","async","endpoint","envelopes","formattedDate","format","length","Date","updated_at","FORMAT_DATE","zipFileName","result","getEnvelopesZip","map","e","downloadBlob","data","throttle","f","delay","timer","args","clearTimeout","setTimeout","apply","this","renderedTextWidth","text","font","canvas","ctx","getContext","measureText","convertToE164","input","temp","trim","startsWith","renderDocumentFlag","options","variant","label","showSkip","classList","add","onSkip","addEventListener","onClick","scaledY","scaledHeight","getFieldLabel","typeMap","signature","initial","date","textbox","checkbox","radio","dropdown","attachment","payment","typeName","required"],"sources":["src/utils/utils.ts"],"sourcesContent":["import {format} from 'date-fns';\nimport {downloadBlob, getEnvelopeFile, getEnvelopesZip, IEnvelope, IEnvelopeField, ITemplateField, rescale, TFieldType, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {FORMAT_DATE, IDocumentPageInfo} from './Types';\n\nexport const defaultWidth = (type: TFieldType) => {\n  // checkbox was a legacy field type\n  switch (type as any) {\n    case 'textarea':\n      return 150;\n    case 'textbox':\n      return 150;\n    case 'timestamp':\n      return 105;\n    case 'date':\n      return 75;\n    case 'dropdown':\n      return 85;\n    case 'attachment':\n    case 'payment':\n      return 24;\n    case 'radio':\n    case 'checkbox':\n      return 14;\n    case 'signature':\n    case 'initial':\n      return 71;\n  }\n\n  return 150;\n};\n\nexport const defaultHeight = (type: TFieldType) => {\n  switch (type as any) {\n    case 'textarea':\n      return 41;\n    case 'textbox':\n      return 15;\n    case 'timestamp':\n      return 15;\n    case 'date':\n      return 15;\n    case 'dropdown':\n      return 20;\n    case 'attachment':\n    case 'payment':\n      return 24;\n    case 'radio':\n    case 'checkbox':\n      return 14;\n    case 'signature':\n    case 'initial':\n      return 36;\n  }\n\n  return 50;\n};\n\nexport const setControlStyles = (el: HTMLElement, field: ITemplateField | IEnvelopeField, xScale: number, yScale: number) => {\n  let {x = 0, y = 0, width = defaultWidth(field.type), height = defaultHeight(field.type), settings} = field;\n  const isCanvasField = field.type === 'signature' || field.type === 'initial';\n  const canvasWidth = !isCanvasField ? width : (settings?.canvasWidth ?? width);\n  const canvasHeight = !isCanvasField ? height : (settings?.canvasHeight ?? height);\n\n  el.style.width = `${canvasWidth}px`;\n  el.style.height = `${canvasHeight}px`;\n  el.style.position = 'absolute';\n  el.style.left = `${rescale(xScale, x)}px`;\n  el.style.bottom = `${rescale(yScale, y)}px`;\n  el.style.transform = `scale(${xScale}, ${yScale})`;\n};\n\nexport const getControlStyles = (field: ITemplateField | IEnvelopeField, xScale: number, yScale: number) => {\n  let {x = 0, y = 0, width = defaultWidth(field.type), height = defaultHeight(field.type)} = field;\n\n  return {\n    zIndex: '100',\n    width: `${width}px`,\n    height: `${height}px`,\n    position: 'absolute',\n    left: `${rescale(xScale, x)}px`,\n    bottom: `${rescale(yScale, y)}px`,\n    transform: `scale(${xScale}, ${yScale})`,\n  };\n};\n\nexport const getFieldId = (field: ITemplateField | IEnvelopeField) => {\n  return `verdocs-doc-fld-${field.name}`;\n};\n\ninterface IFieldOptions {\n  disabled?: boolean;\n  editable?: boolean;\n  draggable?: boolean;\n  done?: boolean;\n}\n\nexport const updateDocumentFieldValue = (field: ITemplateField | IEnvelopeField) => {\n  const id = getFieldId(field);\n  const existingField = document.getElementById(id) as any;\n  if (existingField) {\n    existingField.field = field;\n    existingField.roleindex = field;\n    existingField.setAttribute('id', id); // We need this to trigger a re-render\n    existingField.setAttribute('disabled', true); // We need this to trigger a re-render\n    existingField.setAttribute('disabled', false); // We need this to trigger a re-render\n  }\n};\n\nexport const renderDocumentField = (\n  source: 'envelope' | 'template',\n  field: ITemplateField | IEnvelopeField,\n  docPage: IDocumentPageInfo,\n  fieldOptions: IFieldOptions,\n  tabIndex: number = 1,\n) => {\n  const {disabled = false, editable = false, draggable = false, done = false} = fieldOptions;\n  const controlsDiv = document.getElementById(docPage.containerId + '-controls');\n  if (!controlsDiv) {\n    // TODO: This gets emitted a lot by the builder naturally, when placing or updating fields, because Store.updateTemplate\n    //  triggers a re-render but we still have async code pending in contexts with references to the old/wrong controls DIV\n    //  IDs. It doesn't break anything because the re-render fixes it all up. But we do want to trap this for \"other\" situations.\n    // console.log('[renderDocumentField] No controls DIV found', docPage.containerId + '-controls', docPage);\n    return;\n  }\n\n  switch (field.type as any) {\n    case 'radio':\n    case 'checkbox':\n    case 'attachment':\n    case 'date':\n    case 'dropdown':\n    case 'initial':\n    case 'payment':\n    case 'signature':\n    case 'timestamp':\n    case 'textarea':\n    case 'textbox': {\n      const id = getFieldId(field);\n      const existingField = document.getElementById(id) as any;\n      if (existingField) {\n        existingField.field = field;\n        existingField.done = done;\n        setControlStyles(existingField, field, docPage.xScale, docPage.yScale);\n        return existingField;\n      }\n\n      let {type} = field;\n      if (type === 'textbox') {\n        if (field['setting']?.leading > 0 || field['settings']?.leading > 0) {\n          type = 'textarea';\n        }\n      }\n\n      const el: any = document.createElement(`verdocs-field-${type}`);\n      el.field = field;\n      el.setAttribute('id', id);\n      el.setAttribute('fieldname', field.name);\n      el.setAttribute('source', source);\n      el.setAttribute('sourceid', 'template_id' in field ? field.template_id : field.envelope_id);\n\n      if (disabled) {\n        el.setAttribute('tabindex', -1);\n        el.setAttribute('disabled', true);\n      } else {\n        el.setAttribute('tabindex', tabIndex);\n      }\n\n      el.setAttribute('editable', editable);\n      el.setAttribute('draggable', draggable);\n      el.setAttribute('done', done);\n\n      setControlStyles(el, field, docPage.xScale, docPage.yScale);\n      controlsDiv.appendChild(el);\n\n      return el;\n    }\n\n    default:\n      console.log('[PREVIEW] Skipping unsupported field type', field);\n      return null;\n  }\n};\n\n/**\n * Helper function to safely set/update components in a CSS transform attribute. Transform is normally set as a string of\n * `operation1(param) operation2(param) ...` components, which makes updating them a bit of a pain. This will remove the\n * specified component if it's already set and replace it with the new value, without touching the other components that\n * may already be set. Note that this operation moves the component to the end of the transform chain so it's not meant\n * to be used for order-sensitive components e.g. translate-then-rotate.\n */\nexport const updateCssTransform = (el: HTMLElement, key: string, value: string) => {\n  const currentTransform = el.style.transform || '';\n\n  const newValue = `${key}(${value})`;\n  if (currentTransform.includes(key)) {\n    el.style.transform = currentTransform.replace(new RegExp(`${key}\\\\(.+?\\\\)`), newValue);\n  } else {\n    el.style.transform = currentTransform + ' ' + newValue;\n  }\n};\n\nexport const removeCssTransform = (el: HTMLElement) => {\n  // const currentTransform = el.style.transform || '';\n  el.style.transform = el.style.transform.split(')')[0] + ')';\n  // TODO: This is not working\n  // el.style.transform = currentTransform.replace(new RegExp(`\\(${key}\\\\(.+?\\\\)\\)`), '');\n};\n\n// TODO: Shift to getDownloadLilnk\nexport const saveAttachment = async (endpoint: VerdocsEndpoint, envelope: IEnvelope, documentId: string) => {\n  // e.g. \"Colorado-Motor-Vehicle-Bill-of-Sale.pdf\"\n  const date = format(new Date(envelope.updated_at), FORMAT_DATE);\n  const fileName = `${envelope.name} - ${date}.pdf`;\n  const data = await getEnvelopeFile(endpoint, documentId);\n  downloadBlob(data, fileName);\n};\n\nexport const saveEnvelopesAsZip = async (endpoint: VerdocsEndpoint, envelopes: IEnvelope[]) => {\n  const formattedDate = format(envelopes.length === 1 ? new Date(envelopes[0].updated_at) : new Date(), FORMAT_DATE);\n  const zipFileName = envelopes.length === 1 ? `${envelopes[0].name} - ${formattedDate}.zip` : `Verdocs-Envelopes-${formattedDate}`;\n  console.log('Downloading envelopes as ZIP', envelopes, zipFileName);\n  const result = await getEnvelopesZip(\n    endpoint,\n    envelopes.map(e => e.id),\n  );\n  downloadBlob(result.data, zipFileName);\n};\n\n/**\n * Throttle a given function by a delay value. Useful for things like resizeObserver.\n */\nexport const throttle = (f: Function, delay: number) => {\n  let timer: any = 0;\n  return function (...args) {\n    clearTimeout(timer);\n    timer = setTimeout(() => f.apply(this, args), delay);\n  };\n};\n\n/**\n * Compute the rendered width of a given text string, using a given font.\n */\nexport const renderedTextWidth = (text: string, font: string = '16px Arial') => {\n  const canvas = document.createElement('canvas');\n  const ctx = canvas.getContext('2d');\n  ctx.font = font;\n  return ctx.measureText(text).width;\n};\n\n// \"(212) 555-1212\" => +12125551212\n// \"+46766861004\" => \"+46766861004\"\n// \"212-555-1212\" => +12125551212\n// \"212.555.1212\" => +12125551212\n// \"212 555 1212\" => +12125551212\n// @see https://46elks.com/kb/e164\nexport const convertToE164 = (input: string) => {\n  let temp = (input || '').trim();\n  // If we are already prefixed, assume the user did it deliberately and attempt to use what they entered. We also short-circuit blanks.\n  if (!temp || temp.startsWith('+')) {\n    return temp;\n  }\n\n  // Remove any spaces, parenthesis or other punctuation.\n  temp = temp.replace(/[^0-9]/g, '');\n\n  // If the number begins with a zero, remove the leading zero. Do not combine this with the previous step because it needs to be removed\n  // whether it's the actual first character e.g. `0(5)` or just the first digit e.g. `(05`.\n  temp = temp.replace(/^0/g, '');\n\n  // Prepend the country code and +. We're assuming US in this case given the target demographic. Users in other countries would/should be\n  // already entering a prefix so they'd shortcut out of this routine via the + prefix check.\n  return `+1${temp}`;\n};\n\nexport interface IFlagOptions {\n  variant: 'fill' | 'next';\n  label: string;\n  showSkip?: boolean;\n  onSkip?: () => void;\n  onClick?: () => void;\n  id?: string;\n}\n\nexport const renderDocumentFlag = (\n  docPage: IDocumentPageInfo,\n  y: number, // Bottom position from field\n  height: number, // Field height\n  options: IFlagOptions,\n) => {\n  const controlsDiv = document.getElementById(docPage.containerId + '-controls');\n  if (!controlsDiv) {\n    return;\n  }\n\n  const el: any = document.createElement('verdocs-flag');\n  el.variant = options.variant;\n  el.label = options.label;\n  el.showSkip = options.showSkip;\n  if (options.id) {\n    el.setAttribute('id', options.id);\n  }\n  el.classList.add('verdocs-flag-instance'); // Marker class for easy removal\n\n  if (options.onSkip) {\n    el.addEventListener('skip', options.onSkip);\n  }\n  if (options.onClick) {\n    el.addEventListener('flagClick', options.onClick);\n  }\n\n  // Position the flag to stick out of the right edge of the page\n  el.style.position = 'absolute';\n\n  // The flag has a left-pointing arrow that is 14px wide (15% of 97px ~= 14.5px).\n  // We want the \"body\" of the rectangle (starting after the arrow) to align with the\n  // right edge of the page.\n  el.style.left = 'calc(100% - 14px)';\n\n  /*\n   * Positioning Logic:\n   * Field Y is distance from bottom.\n   * Fields have `transform-origin: bottom left`.\n   * Visual Bottom = y * scale.\n   * Visual Top = (y * scale) + (height * scale).\n   * Visual Center = (y * scale) + (height * scale) / 2.\n   */\n  // const flagHeight = 24; // Matches CSS\n  const scaledY = rescale(docPage.yScale, y);\n  const scaledHeight = rescale(docPage.yScale, height);\n\n  // Align Flag Bottom with Field Top\n  const bottom = scaledY + scaledHeight;\n\n  el.style.bottom = `${bottom}px`;\n\n  controlsDiv.appendChild(el);\n  return el;\n};\n\n/**\n * Helper to generate a human-readable label for a field.\n */\nexport const getFieldLabel = (field: IEnvelopeField | ITemplateField) => {\n  if (!field) return '';\n  const typeMap: Record<string, string> = {\n    signature: 'Signature',\n    initial: 'Initials',\n    date: 'Date',\n    textbox: 'Text Field',\n    checkbox: 'Checkbox',\n    radio: 'Radio Button',\n    dropdown: 'Dropdown',\n    attachment: 'Attachment',\n    payment: 'Payment',\n  };\n\n  const typeName = typeMap[field.type] || 'Field';\n  if (field.required) {\n    return `Required ${typeName}*`;\n  }\n  return `Optional ${typeName}`;\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/components/p-Blr31TcJ.js

@@ -1,2 +0,0 @@
-import{p as e,H as s,c as i,h as t,d as n,t as o}from"./p-yZBlG3YQ.js";import{getTemplate as r,getBrands as d,getOrganization as a,formatFullName as l,getOrganizationContacts as c,isValidEmail as p,createEnvelope as h,getRGBA as f}from"@verdocs/js-sdk";import{D as v,g as u}from"./p-Cq60Emo_.js";import{u as m,d as x}from"./p-ByrpRZ3E.js";import{V as b}from"./p-D97GxsI-.js";import{S as g}from"./p-C1sRVZWv.js";import{S as w}from"./p-C7hFgM52.js";import{d as k}from"./p-Bb5V9TQx.js";import{d as y}from"./p-DGNIsXfr.js";import{d as S}from"./p-C-v22G3g.js";import{d as E}from"./p-C8yiLtCJ.js";import{d as D}from"./p-DqzFuSNN.js";import{d as C}from"./p-DreV6Npp.js";const z=e=>((e===null||e===void 0?void 0:e.roles)||[]).map((e=>e.name));const N=(e,s)=>Math.max(z(e).findIndex((e=>e===s)),0);const j=()=>`verdocs-send{--send-ink:var(--verdocs-body-color, #111827);--send-ink-2:#374151;--send-muted:#6b7280;--send-faint:#9ca3af;--send-rule:#e5e7eb;--send-control-border:#d1d5db;--send-accent:var(--verdocs-link-color, #4c56cb);--send-accent-tint:#f4f5fc;--send-accent-tint-2:#e6e7f8;--send-warning-bg:#fffbeb;--send-warning-border:#fde68a;--send-warning-icon:#d97706;--send-warning-text:#78350f;--send-radius:var(--verdocs-dialog-radius, 8px);--send-min-height:480px;--send-max-width:480px;display:none;position:relative;overflow:hidden;width:100%;max-width:var(--verdocs-send-max-width, var(--send-max-width));-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;color:var(--send-ink);font-size:14px;border-radius:var(--send-radius);border:1px solid var(--send-rule);font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-send *{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-send.sendable{display:block}verdocs-send .track{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:var(--send-min-height);-webkit-transition:-webkit-transform 220ms ease-out;transition:-webkit-transform 220ms ease-out;transition:transform 220ms ease-out;transition:transform 220ms ease-out, -webkit-transform 220ms ease-out}verdocs-send.detail-open .track{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@media (prefers-reduced-motion: reduce){verdocs-send .track{-webkit-transition:none;transition:none}}verdocs-send .pane{padding:16px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-send .main-pane{-ms-flex:1;flex:1}verdocs-send .detail-pane{position:absolute;top:0;left:100%;bottom:0;width:100%;overflow:hidden}verdocs-send .detail{-ms-flex:1;flex:1;min-height:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-send .detail-body-wrap{position:relative;-ms-flex:1;flex:1;min-height:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-send .detail-body{-ms-flex:1;flex:1;min-height:0;overflow-y:auto}verdocs-send .scroll-fade{position:absolute;left:0;right:0;bottom:0;height:36px;opacity:0;pointer-events:none;-webkit-transition:opacity 150ms ease-out;transition:opacity 150ms ease-out;background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));background:linear-gradient(rgba(255, 255, 255, 0), #ffffff)}verdocs-send .scrollable:not(.at-end)>.scroll-fade{opacity:1}verdocs-send .recipient-detail verdocs-contact-picker{-ms-flex:1;flex:1;min-height:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-send .section-title{font-size:12px;font-weight:600;color:var(--send-ink-2);margin:0 0 6px 0}verdocs-send .delivery-title{margin-top:16px}verdocs-send .step{font-size:11px;color:var(--send-muted);padding:10px 0 4px 0}verdocs-send .recipient,verdocs-send .kv{all:unset;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-ms-flex-align:center;align-items:center;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;border-top:1px solid var(--send-rule);color:var(--send-ink);font-family:inherit}verdocs-send .recipient:focus-visible,verdocs-send .kv:focus-visible{outline:2px solid var(--send-accent);outline-offset:-2px;border-radius:4px}verdocs-send .recipient .chevron,verdocs-send .kv .chevron{-ms-flex:0 0 16px;flex:0 0 16px;width:16px;height:16px;color:var(--send-faint)}verdocs-send .recipient .chevron svg,verdocs-send .kv .chevron svg{width:16px;height:16px;display:block}verdocs-send .recipient{padding:8px 6px 8px 0}verdocs-send .recipient:last-child{border-bottom:1px solid var(--send-rule)}verdocs-send .recipient .who{-ms-flex:1;flex:1;min-width:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-send .recipient .role-name{font-size:13px;font-weight:600}verdocs-send .recipient .who-detail{font-size:12px;color:var(--send-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}verdocs-send .recipient .who-detail.configure{color:var(--send-accent);font-weight:500}verdocs-send .recipient .options{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px;margin-top:3px}verdocs-send .recipient .pill{height:18px;padding:0 6px;border-radius:999px;font-size:10px;font-weight:500;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;background:var(--send-accent-tint);color:var(--send-ink-2)}verdocs-send .role-dot{-ms-flex:0 0 10px;flex:0 0 10px;width:10px;height:10px;border-radius:50%;border:1px solid rgba(0, 0, 0, 0.1)}verdocs-send .kv{height:40px;padding:0 6px 0 0;font-size:13px}verdocs-send .kv:last-child{border-bottom:1px solid var(--send-rule)}verdocs-send .kv:disabled{cursor:default;color:var(--send-muted)}verdocs-send .kv .key{-ms-flex:0 0 84px;flex:0 0 84px;color:var(--send-muted)}verdocs-send .kv .value{-ms-flex:1;flex:1;min-width:0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}verdocs-send .kv .value small{font-size:inherit;font-weight:400;color:var(--send-muted)}verdocs-send .kv .value.off{color:var(--send-warning-icon)}verdocs-send .main-spacer,verdocs-send .detail-spacer{-ms-flex:1;flex:1}verdocs-send .buttons{display:-ms-flexbox;display:flex;margin-top:14px;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}verdocs-send .buttons .error-message{width:100%;color:#cc0000;font-size:13px;margin-bottom:10px}verdocs-send .detail-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin:-2px 0 14px 0}verdocs-send .detail-header .back{all:unset;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;cursor:pointer;font-size:13px;font-weight:500;color:var(--send-accent);font-family:inherit;-ms-flex:0 0 52px;flex:0 0 52px}verdocs-send .detail-header .back .icon,verdocs-send .detail-header .back .icon svg{width:16px;height:16px;display:block}verdocs-send .detail-header .back:focus-visible{outline:2px solid var(--send-accent);outline-offset:2px;border-radius:4px}verdocs-send .detail-header .detail-title{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;font-size:14px;font-weight:600;text-align:center}verdocs-send .detail-header .detail-header-spacer{-ms-flex:0 0 52px;flex:0 0 52px}verdocs-send .detail-footer{margin-top:10px;padding-top:12px;border-top:1px solid var(--send-rule)}verdocs-send .detail-footer verdocs-button,verdocs-send .detail-footer verdocs-button button{width:100%}verdocs-send .hint{font-size:12px;line-height:1.5;color:var(--send-muted);margin:10px 0 0 0}verdocs-send .option-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-send .option{all:unset;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-ms-flex-align:center;align-items:center;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;padding:10px 0;font-size:13px;font-family:inherit;color:var(--send-ink);border-top:1px solid var(--send-rule)}verdocs-send .option:first-child{border-top:0}verdocs-send .option:focus-visible{outline:2px solid var(--send-accent);outline-offset:-2px;border-radius:4px}verdocs-send .option .radio{-ms-flex:0 0 16px;flex:0 0 16px;width:16px;height:16px;border-radius:50%;border:1px solid var(--send-control-border);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-send .option.selected .radio{border-color:var(--send-accent)}verdocs-send .option.selected .radio::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--send-accent)}verdocs-send .option .swatch{-ms-flex:0 0 22px;flex:0 0 22px;width:22px;height:22px;border-radius:5px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:9px;font-weight:700;color:#ffffff;overflow:hidden}verdocs-send .option .swatch.logo{background:#ffffff;border:1px solid var(--send-rule)}verdocs-send .option .swatch img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}verdocs-send .option .option-label{-ms-flex:1;flex:1;min-width:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-send .option .option-label small{font-size:11px;color:var(--send-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}verdocs-send .option-divider{height:0;margin:2px 0;border-top:1px solid var(--send-control-border)}verdocs-send .option-divider+.option{border-top:0}verdocs-send .hint a{color:var(--send-accent);font-weight:500;text-decoration:none;border-bottom:1px solid var(--send-accent-tint-2)}verdocs-send .hint a .icon,verdocs-send .hint a .icon svg{width:11px;height:11px;display:inline-block;vertical-align:-1px;margin-left:2px}verdocs-send .expires-field{position:relative}verdocs-send .expires-field input{width:100%;height:36px;padding:0 52px 0 10px;font-size:14px;font-family:inherit;color:var(--send-ink);background:#ffffff;border:1px solid var(--send-control-border);border-radius:6px;outline:none}verdocs-send .expires-field input:focus{border-color:var(--send-accent);-webkit-box-shadow:0 0 0 2px var(--send-accent-tint-2);box-shadow:0 0 0 2px var(--send-accent-tint-2)}verdocs-send .expires-field input::-webkit-input-placeholder{color:var(--send-faint)}verdocs-send .expires-field input::-moz-placeholder{color:var(--send-faint)}verdocs-send .expires-field input:-ms-input-placeholder{color:var(--send-faint)}verdocs-send .expires-field input::-ms-input-placeholder{color:var(--send-faint)}verdocs-send .expires-field input::placeholder{color:var(--send-faint)}verdocs-send .expires-field .suffix{position:absolute;right:10px;top:0;height:36px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:13px;color:var(--send-muted);pointer-events:none}verdocs-send .sender-field{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;row-gap:4px;margin:0 0 10px 0}verdocs-send .sender-field label{font-size:12px;font-weight:500;color:var(--send-ink-2)}verdocs-send .sender-field input{width:100%;height:36px;padding:0 10px;font-size:14px;font-family:inherit;color:var(--send-ink);background:#ffffff;border:1px solid var(--send-control-border);border-radius:6px;outline:none}verdocs-send .sender-field input:focus{border-color:var(--send-accent);-webkit-box-shadow:0 0 0 2px var(--send-accent-tint-2);box-shadow:0 0 0 2px var(--send-accent-tint-2)}verdocs-send .sender-field .field-error{font-size:12px;color:#cc0000}verdocs-send .notice{display:-ms-flexbox;display:flex;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;margin-top:4px;padding:10px 12px;font-size:12px;line-height:1.5;border-radius:6px;color:var(--send-ink-2);background:var(--send-accent-tint);border:1px solid var(--send-accent-tint-2)}verdocs-send .notice>.icon{-ms-flex:0 0 18px;flex:0 0 18px;width:18px;height:18px;margin-top:1px;color:var(--send-accent)}verdocs-send .notice>.icon svg{width:18px;height:18px;display:block}verdocs-send .warning{display:-ms-flexbox;display:flex;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;margin-top:12px;padding:10px 12px;font-size:12px;line-height:1.5;border-radius:6px;color:var(--send-warning-text);background:var(--send-warning-bg);border:1px solid var(--send-warning-border)}verdocs-send .warning>.icon{-ms-flex:0 0 18px;flex:0 0 18px;width:18px;height:18px;margin-top:1px;color:var(--send-warning-icon)}verdocs-send .warning>.icon svg{width:18px;height:18px;display:block}verdocs-send .warning a{color:var(--send-accent);font-weight:500;text-decoration:none;border-bottom:1px solid var(--send-accent-tint-2)}verdocs-send .warning a .icon,verdocs-send .warning a .icon svg{width:11px;height:11px;display:inline-block;vertical-align:-1px;margin-left:2px}verdocs-send verdocs-checkbox{display:block;padding:4px 0;font-size:13px}`;const M='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 6 6 6-6 6"/></svg>';const B='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>';const I='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><path d="M12 9v4M12 17h.01"/></svg>';const _='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4M12 8h.01"/></svg>';const T='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6M10 14 21 3M21 14v7H3V3h7"/></svg>';const L="https://app.verdocs.com/assets/blue-logo.svg";const $=.25;const R=60;const V=500;const H=1;const O=120;const G=120;const A={email:"Email",passcode:"Passcode",sms:"SMS",kba:"KBA",id:"ID check"};const P=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.beforeSend=i(this,"beforeSend");this.send=i(this,"send");this.exit=i(this,"exit");this.sdkError=i(this,"sdkError");this.searchContacts=i(this,"searchContacts");this.templateListenerId=null;this.endpoint=v;this.templateId=null;this.environment="";this.showCancel=true;this.brandKey="";this.swipeStart=null;this.swallowNextClick=false;this.loadedOrganizationId="";this.containerId=`verdocs-send-${Math.random().toString(36).substring(2,11)}`;this.view="main";this.editingRoleId="";this.sessionContacts=[];this.sending=false;this.brands=[];this.organization=null;this.expiresInDays="";this.noContact=false;this.senderDefaults={name:"",email:""};this.senderName="";this.senderEmail="";this.rolesCompleted={};this.loading=true;this.template=null}disconnectedCallback(){this.unlistenToTemplate()}componentDidLoad(){this.el.addEventListener("click",(e=>{if(this.swallowNextClick){this.swallowNextClick=false;e.stopPropagation();e.preventDefault()}}),true)}componentDidRender(){var e,s;m(this.el.querySelector(".detail-body"));(e=this.el.querySelector(".main-pane"))===null||e===void 0?void 0:e.toggleAttribute("inert",this.view!=="main");(s=this.el.querySelector(".detail-pane"))===null||s===void 0?void 0:s.toggleAttribute("inert",this.view==="main")}async listenToTemplate(){console.log("[SEND] Loading template",this.templateId);this.unlistenToTemplate();w.subscribe("templates",this.templateId,(()=>r(this.endpoint,this.templateId)),true,(e=>{console.log("[SEND] Got new template",e);this.template=e;this.loading=false;this.rolesCompleted={};this.view="main";this.editingRoleId="";this.recomputeRolesCompleted();this.loadBrands()}))}loadBrands(){var e;const s=(e=this.template)===null||e===void 0?void 0:e.organization_id;if(!s||s===this.loadedOrganizationId){return}const i=!!this.loadedOrganizationId;this.loadedOrganizationId=s;this.brands=[];this.organization=null;if(i){this.brandKey=""}const t=()=>{var e;return((e=this.template)===null||e===void 0?void 0:e.organization_id)===s};d(this.endpoint,s).then((e=>{if(t()){this.brands=e||[]}})).catch((e=>console.log("[SEND] Unable to load brands",e)));a(this.endpoint,s).then((e=>{if(t()){this.organization=e}})).catch((e=>console.log("[SEND] Unable to load organization",e)))}handleExpiryInput(e){const s=(e.target.value||"").replace(/[^0-9]/g,"");this.expiresInDays=s?String(Math.min(Math.max(Number(s),H),O)):"";e.target.value=this.expiresInDays}effectiveExpiryDays(){const e=Number(this.expiresInDays);return e>=H?e:G}expiresAt(){return new Date(Date.now()+this.effectiveExpiryDays()*24*60*60*1e3)}unlistenToTemplate(){if(this.templateListenerId){w.store.delListener(this.templateListenerId);this.templateListenerId=null}}async reset(){this.rolesCompleted={};this.view="main";this.editingRoleId="";this.brandKey="";this.expiresInDays="";this.noContact=false;this.senderName="";this.senderEmail=""}brandSenderName(){var e;const s=this.brandKey?this.brands.find((e=>e.key===this.brandKey)):this.getDefaultBrand();return(s===null||s===void 0?void 0:s.email_display_name)||(s===null||s===void 0?void 0:s.email_sender_name)||((e=this.organization)===null||e===void 0?void 0:e.name)||""}effectiveSenderName(){return this.senderName||this.brandSenderName()}effectiveSenderEmail(){return this.senderEmail||this.senderDefaults.email}senderOverrides(){const e=this.senderName.trim();const s=this.senderEmail.trim();return{sender_name:e&&e!==this.brandSenderName()?e:undefined,sender_email:s&&s!==this.senderDefaults.email?s:undefined}}onTemplateIdChanged(e){console.log("[SEND] Template ID changed",e);this.listenToTemplate()}async componentWillLoad(){var e,s,i;try{this.endpoint.onSessionChanged(((e,s,i)=>{if(!i){return}const t={id:i.id,first_name:i.first_name,last_name:i.last_name,email:i.email,phone:i.phone};if(i){this.senderDefaults={name:l(i),email:i.email||""};this.sessionContacts=[t];c(this.endpoint).then((e=>{console.log("[SEND] Got contacts",e);this.sessionContacts=[...e,t]})).catch((e=>{console.log("[SEND] Error getting contacts",e)}))}}));this.endpoint.loadSession();if(!this.endpoint.session){console.log("[SEND] Unable to start Send operation, must be authenticated");return}if(!this.templateId){console.log(`[SEND] Missing required template ID ${this.templateId}`);return}this.listenToTemplate()}catch(t){console.log("[SEND] Error with send session",t);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new g(t.message,(s=t.response)===null||s===void 0?void 0:s.status,(i=t.response)===null||i===void 0?void 0:i.data))}}recomputeRolesCompleted(){var e;this.rolesCompleted={};const s={};(((e=this.template)===null||e===void 0?void 0:e.roles)||[]).forEach((e=>{const i=e.sequence;s[i]||(s[i]=[]);const t=`r-${i}-${s[i].length}`;s[i].push({...e,id:t,role_name:e.name,first_name:e.first_name,last_name:e.last_name});if(e.first_name&&p(e.email)){this.rolesCompleted[t]={...e,id:t,role_name:e.name,first_name:e.first_name,last_name:e.last_name}}}))}getSequenceNumbers(){var e;const s={};(((e=this.template)===null||e===void 0?void 0:e.roles)||[]).forEach((e=>{s[e.sequence]=true}));return Object.keys(s).map((e=>+e)).sort(((e,s)=>e-s))}getRolesAtLevel(e){var s;const i=(((s=this.template)===null||s===void 0?void 0:s.roles)||[]).filter((s=>s.sequence===e)).map(((s,i)=>({...s,id:`r-${e}-${i}`,role_name:s.name,first_name:s.first_name,last_name:s.last_name})));return i}getRoleById(e){for(const s of this.getSequenceNumbers()){const i=this.getRolesAtLevel(s).find((s=>s.id===e));if(i){return i}}return null}getRecipientOptionLabels(e){if(!e){return[]}const s=(e.auth_methods||[]).filter((e=>e!=="email")).map((e=>A[e]||e));if(e.delegator){s.push("May delegate")}if(e.name_locked){s.push("Name locked")}return s}getDefaultBrand(){var e;const s=(e=this.organization)===null||e===void 0?void 0:e.default_brand_id;return s&&this.brands.find((e=>e.id===s))||null}getDefaultBrandLabel(){var e;const s=(e=this.getDefaultBrand())===null||e===void 0?void 0:e.name;return`Default (${s||"Verdocs"})`}getSelectedBrandLabel(){if(!this.brandKey){return this.getDefaultBrandLabel()}const e=this.brands.find((e=>e.key===this.brandKey));return(e===null||e===void 0?void 0:e.name)||(e===null||e===void 0?void 0:e.key)||this.brandKey}showView(e){this.view=e}handleSelectContact(e,s){e.preventDefault();this.rolesCompleted={...this.rolesCompleted,[s.id]:{...s,...e.detail}};this.editingRoleId="";this.view="main"}handleClickRole(e,s){e.stopPropagation();this.editingRoleId=s.id;this.view="recipient"}handleSend(e){var s;if(this.sending){console.log("[SEND] Skipping duplicate send",e);return}console.log("[SEND] Sending",e);e.preventDefault();e.stopPropagation();this.sending=true;const i=Intl.DateTimeFormat().resolvedOptions();const t={template_id:this.templateId,name:((s=this.template)===null||s===void 0?void 0:s.name)||"New Envelope",environment:this.environment,initial_reminder:0,followup_reminders:0,recipients:Object.values(this.rolesCompleted),timezone:i.timeZone,locale:i.locale,expires_at:this.expiresAt().toISOString()};t.no_contact=this.noContact;const{sender_name:n,sender_email:o}=this.senderOverrides();if(n){t.sender_name=n}if(o){t.sender_email=o}if(this.brandKey){t.brand_key=this.brandKey}const r=this.beforeSend.emit({...t,name:t.name,template:this.template});if(r.defaultPrevented){console.log("[SEND] Send cancelled by parent",t);this.sending=false;return}console.log("[SEND] Creating envelope",t);h(this.endpoint,t).then((e=>{var s;console.log("[SEND] Send envelope",e);this.reset().catch((e=>console.log("Unknown Error",e)));this.sending=false;(s=this.send)===null||s===void 0?void 0:s.emit({...t,name:t.name,envelope_id:e.id,envelope:e})})).catch((e=>{var s,i,t;console.log("[SEND] Send error",e);b(((i=(s=e.response)===null||s===void 0?void 0:s.data)===null||i===void 0?void 0:i.error)||"Error creating envelope, please try again later.");this.sending=false;(t=this.sdkError)===null||t===void 0?void 0:t.emit(e)}))}handleCancel(e){var s;e.stopPropagation();(s=this.exit)===null||s===void 0?void 0:s.emit()}handleSwipeStart(e){var s,i;this.swallowNextClick=false;const t=e.currentTarget;const n=t.getBoundingClientRect();const o=!!((i=(s=e.target)===null||s===void 0?void 0:s.closest)===null||i===void 0?void 0:i.call(s,"input, textarea, select, [contenteditable]"));if(this.view==="main"||o||e.clientX-n.left>n.width*$){this.swipeStart=null;return}this.swipeStart={x:e.clientX,y:e.clientY,time:Date.now()}}handleSwipeEnd(e){const s=this.swipeStart;this.swipeStart=null;if(!s){return}const i=e.clientX-s.x;const t=Math.abs(e.clientY-s.y);if(i>=R&&i>t&&Date.now()-s.time<=V){this.swallowNextClick=true;this.showView("main")}}renderDetailHeader(e){return t("div",{class:"detail-header"},t("button",{type:"button",class:"back",onClick:()=>this.showView("main")},t("span",{class:"icon",innerHTML:B}),"Back"),t("div",{class:"detail-title"},e),t("div",{class:"detail-header-spacer"}))}renderDetailBody(e){return t("div",{class:"detail-body-wrap"},t("div",{class:"detail-body",onScroll:e=>m(e.target)},e),t("div",{class:"scroll-fade"}))}renderDoneButton(){return t("div",{class:"detail-footer"},t("verdocs-button",{label:"Done",size:"small",onClick:()=>this.showView("main")}))}renderRecipientView(){var e;const s=this.getRoleById(this.editingRoleId);if(!s){return t("div",{class:"detail recipient-detail"},this.renderDetailHeader("Recipient"))}const i=N(this.template,s.role_name);return t("div",{class:"detail recipient-detail"},this.renderDetailHeader([t("span",{class:"role-dot",style:{backgroundColor:f(i)}}),s.role_name]),t("verdocs-contact-picker",{key:s.id,showCancel:false,onExit:()=>this.showView("main"),onNext:e=>this.handleSelectContact(e,s),contactSuggestions:this.sessionContacts,templateRole:(e=this.rolesCompleted[s.id])!==null&&e!==void 0?e:s,onSearchContacts:e=>{var s;return(s=this.searchContacts)===null||s===void 0?void 0:s.emit(e.detail)}}))}renderBrandSwatch(e,s){const i=(e===null||e===void 0?void 0:e.favicon_url)||(e===null||e===void 0?void 0:e.thumbnail_url)||(e?null:L);if(i){return t("span",{class:"swatch logo"},t("img",{src:i,alt:""}))}return t("span",{class:"swatch",style:{backgroundColor:(e===null||e===void 0?void 0:e.primary_color)||"#4c56cb"}},s.substring(0,2).toUpperCase())}renderBrandOption(e,s,i,n){return t("button",{type:"button",class:{option:true,selected:this.brandKey===e},onClick:()=>this.brandKey=e},t("span",{class:"radio"}),n,t("span",{class:"option-label"},s,t("small",null,i)))}renderBrandView(){const e=this.getDefaultBrand();const s=this.brands.filter((s=>s.id!==(e===null||e===void 0?void 0:e.id))).sort(((e,s)=>(e.name||e.key).localeCompare(s.name||s.key)));const i=this.brands.length>0;return t("div",{class:"detail"},this.renderDetailHeader("Brand"),this.renderDetailBody([t("div",{class:"option-list"},this.renderBrandOption("",this.getDefaultBrandLabel(),"Organization default",this.renderBrandSwatch(e,(e===null||e===void 0?void 0:e.name)||"V")),s.length>0&&t("div",{class:"option-divider"}),s.map((e=>this.renderBrandOption(e.key,e.name||e.key,e.key,this.renderBrandSwatch(e,e.name||e.key))))),!i&&t("p",{class:"hint"},"Configure the look and feel of the signing experience by"," ",t("a",{href:`${u(this.endpoint)}/settings/branding`,target:"_blank",rel:"noopener"},"Creating a Brand",t("span",{class:"icon",innerHTML:T})),".")]),this.renderDoneButton())}renderExpiresView(){const e=this.expiresAt();const s=`${e.toLocaleDateString(undefined,{month:"short",day:"numeric",year:"numeric"})} at ${e.toLocaleTimeString(undefined,{hour:"numeric",minute:"2-digit"})}`;return t("div",{class:"detail"},this.renderDetailHeader("Expiration"),this.renderDetailBody([t("div",{class:"expires-field"},t("input",{type:"text",inputMode:"numeric","aria-label":"Expires in (days)",placeholder:String(G),value:this.expiresInDays,disabled:this.sending,onInput:e=>this.handleExpiryInput(e)}),t("span",{class:"suffix"},"days")),t("p",{class:"hint"},"This envelope will expire on ",s,". Expirations may be set from ",H,"-",O," days. If left blank, this will default to ",G,".")]),this.renderDoneButton())}renderSenderView(){const e=!this.senderEmail.trim()||p(this.senderEmail.trim());return t("div",{class:"detail"},this.renderDetailHeader("Sender"),this.renderDetailBody([t("div",{class:"sender-field"},t("label",{htmlFor:`${this.containerId}-sender-name`},"Name"),t("input",{id:`${this.containerId}-sender-name`,type:"text",value:this.effectiveSenderName(),disabled:this.sending,onInput:e=>this.senderName=e.target.value})),t("div",{class:"sender-field"},t("label",{htmlFor:`${this.containerId}-sender-email`},"Email"),t("input",{id:`${this.containerId}-sender-email`,type:"email",value:this.effectiveSenderEmail(),disabled:this.sending,onInput:e=>this.senderEmail=e.target.value}),!e&&t("div",{class:"field-error"},"Enter a valid email address.")),t("div",{class:"notice"},t("span",{class:"icon",innerHTML:_}),t("div",null,'The name is what recipients see as the sender, for example "Sentry <notifications@verdocs.com>", and starts as your brand\'s name. The email is where status updates about this envelope are sent and what the certificate shows as the sender. Delivery from your own address needs a custom sender set up under Settings.'))]),this.renderDoneButton())}renderNotificationsView(){return t("div",{class:"detail"},this.renderDetailHeader("Notifications"),this.renderDetailBody([t("verdocs-checkbox",{size:"small",label:"Disable notifications",checked:this.noContact,onInput:e=>this.noContact=!!e.target.checked}),this.noContact&&t("div",{class:"warning"},t("span",{class:"icon",innerHTML:I}),t("div",null,"Disabling notifications turns off invitations and reminders to recipients as well as status updates to you. You may obtain invite links in the recipient summary or via an API call. We strongly recommend enabling"," ",t("a",{href:`${u(this.endpoint)}/settings/webhooks`,target:"_blank",rel:"noopener"},"Webhooks",t("span",{class:"icon",innerHTML:T}))," ","to help automate this process."))]),this.renderDoneButton())}renderDetail(){switch(this.view){case"recipient":return this.renderRecipientView();case"brand":return this.renderBrandView();case"expires":return this.renderExpiresView();case"notifications":return this.renderNotificationsView();case"sender":return this.renderSenderView();default:return null}}render(){var e;if(this.loading){return t(n,null,t("verdocs-loader",null))}if(!this.endpoint.session){return t(n,{style:{display:"flex"}},t("verdocs-component-error",{message:"You must be authenticated to use this module."}))}const s=this.getSequenceNumbers();const i=Object.values(this.rolesCompleted).filter((e=>p(e.email)&&e.first_name&&e.last_name));const o=i.length>=z(this.template).length;const r=i.map((e=>e.email.toLowerCase()));const d=new Set(r).size<r.length;const a=this.expiresAt();const c=a.toLocaleDateString(undefined,{month:"short",day:"numeric"});return t(n,{class:{sendable:(e=this.template)===null||e===void 0?void 0:e.is_sendable,"detail-open":this.view!=="main"}},t("div",{class:"track"},t("div",{class:"pane main-pane","aria-hidden":this.view!=="main"?"true":"false"},t("div",{class:"section-title"},"Recipients"),t("div",{class:"recipients"},s.map((e=>[s.length>1&&t("div",{class:"step"},"Step ",e),this.getRolesAtLevel(e).map((e=>{const s=N(this.template,e.role_name);const n=this.rolesCompleted[e.id];const o=n&&i.findIndex((s=>s.role_name===e.role_name))>-1;const r=this.getRecipientOptionLabels(n);return t("button",{type:"button",class:"recipient","data-ri":s,"data-rn":e.role_name,onClick:s=>this.handleClickRole(s,e)},t("span",{class:"role-dot",style:{backgroundColor:f(s)}}),t("span",{class:"who"},t("span",{class:"role-name"},e.role_name),o?t("span",{class:"who-detail"},l(n)," · ",n.email):t("span",{class:"who-detail configure"},"Configure recipient"),r.length>0&&t("span",{class:"options"},r.map((e=>t("span",{class:"pill"},e))))),t("span",{class:"chevron",innerHTML:M}))}))]))),t("div",{class:"section-title delivery-title"},"Delivery"),t("div",{class:"delivery"},t("button",{type:"button",class:"kv",onClick:()=>this.showView("brand"),disabled:this.sending},t("span",{class:"key"},"Brand"),t("span",{class:"value"},this.getSelectedBrandLabel()),t("span",{class:"chevron",innerHTML:M})),t("button",{type:"button",class:"kv",onClick:()=>this.showView("expires"),disabled:this.sending},t("span",{class:"key"},"Expires"),t("span",{class:"value"},this.effectiveExpiryDays()," days ",t("small",null,"· ",c)),t("span",{class:"chevron",innerHTML:M})),t("button",{type:"button",class:"kv",onClick:()=>this.showView("sender"),disabled:this.sending},t("span",{class:"key"},"Sender"),t("span",{class:"value"},this.effectiveSenderName()||this.effectiveSenderEmail(),this.effectiveSenderName()&&this.effectiveSenderEmail()?t("small",null," · ",this.effectiveSenderEmail()):null),t("span",{class:"chevron",innerHTML:M})),t("button",{type:"button",class:"kv",onClick:()=>this.showView("notifications"),disabled:this.sending},t("span",{class:"key"},"Notifications"),t("span",{class:{value:true,off:this.noContact}},this.noContact?"Off":"On"),t("span",{class:"chevron",innerHTML:M}))),t("div",{class:"main-spacer"}),t("div",{class:"buttons"},d&&t("div",{class:"error-message"},"Recipients cannot share the same email."),this.sending&&t("verdocs-spinner",null),this.showCancel&&t("verdocs-button",{label:"Cancel",size:"small",variant:"outline",onClick:e=>this.handleCancel(e),disabled:this.sending}),t("verdocs-button",{label:"Send",size:"small",disabled:!o||this.sending||d,onClick:e=>this.handleSend(e)}))),t("div",{class:"pane detail-pane","aria-hidden":this.view==="main"?"true":"false",onPointerDown:e=>this.handleSwipeStart(e),onPointerUp:e=>this.handleSwipeEnd(e),onPointerCancel:()=>this.swipeStart=null},this.renderDetail())))}get el(){return this}static get watchers(){return{templateId:[{onTemplateIdChanged:0}]}}static get style(){return j()}},[0,"verdocs-send",{endpoint:[16],templateId:[513,"template-id"],environment:[1],showCancel:[4,"show-cancel"],brandKey:[1025,"brand-key"],containerId:[32],view:[32],editingRoleId:[32],sessionContacts:[32],sending:[32],brands:[32],organization:[32],expiresInDays:[32],noContact:[32],senderDefaults:[32],senderName:[32],senderEmail:[32],rolesCompleted:[32],loading:[32],template:[32],reset:[64]},undefined,{templateId:[{onTemplateIdChanged:0}]}]);function U(){if(typeof customElements==="undefined"){return}const e=["verdocs-send","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-contact-picker","verdocs-flag","verdocs-loader","verdocs-spinner"];e.forEach((e=>{switch(e){case"verdocs-send":if(!customElements.get(o(e))){customElements.define(o(e),P)}break;case"verdocs-button":if(!customElements.get(o(e))){k()}break;case"verdocs-checkbox":if(!customElements.get(o(e))){y()}break;case"verdocs-component-error":if(!customElements.get(o(e))){S()}break;case"verdocs-contact-picker":if(!customElements.get(o(e))){x()}break;case"verdocs-flag":if(!customElements.get(o(e))){E()}break;case"verdocs-loader":if(!customElements.get(o(e))){D()}break;case"verdocs-spinner":if(!customElements.get(o(e))){C()}break}}))}export{P as V,U as d};
-//# sourceMappingURL=p-Blr31TcJ.js.map