@verdocs/web-sdk 6.13.3 → 6.14.1

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-78a18a3b",[[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-8f7d0062",[[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-442b6b04",[[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-ad4ae5c3",[[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.3",
+  "version": "6.14.1",
   "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.1",
     "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":"8fAAA,MAAMA,EAA0B,IAAM,2tD,MCczBC,EAAoBC,EAAA,MAAAD,UAAAE,EALjC,WAAAC,CAAAC,G,0HAWyBC,KAAAC,OAAkC,WAKlCD,KAAAE,SAAmB,GAKnBF,KAAAG,UAAoB,GAMnCH,KAAAI,MAA2C,KAU5BJ,KAAAK,SAAqB,MAKrBL,KAAAM,KAAiB,MAMjBN,KAAAO,SAAqB,MAKrBP,KAAAQ,SAAqB,MAKrBR,KAAAS,OAAkB,EAKlBT,KAAAU,OAAkB,EAKlBV,KAAAW,WAAsB,EAYpCX,KAAAY,kBAA8B,MAC9BZ,KAAAa,QAAU,KAmGpB,CAhGC,UAAAC,GACEd,KAAKa,QAAU,K,CAIjB,gBAAME,GACJf,KAAKgB,GAAGC,QACRjB,KAAKa,QAAU,I,CAIjB,uBAAMK,GACJ,MAAMC,EAAgBC,SAASC,eAAe,0BAA0BrB,KAAKG,aAC7E,GAAIgB,GAAiBA,EAAcG,UAAW,CAC5CH,EAAcG,W,EAKlB,uBAAMC,GACJ,MAAMJ,EAAgBC,SAASC,eAAe,0BAA0BrB,KAAKG,aAC7E,GAAIgB,GAAiBA,EAAcK,UAAW,CAC5CL,EAAcK,W,EAKlB,iBAAAC,CAAkBC,EAAiBC,GAEjC,GAAIA,IAAWD,EAAQ,CACrBE,EAAS5B,KAAKgB,IAAIa,O,EAItB,oBAAAC,GAEEF,EAAS5B,KAAKgB,IAAIa,O,CAGpB,MAAAE,GACE,MAAM9B,OAACA,EAAMC,SAAEA,EAAQC,UAAEA,EAASI,SAAEA,EAAW,MAAKD,KAAEA,EAAO,MAAKD,SAAEA,EAAW,MAAKQ,QAAEA,EAAOJ,OAAEA,EAAS,EAACC,OAAEA,EAAS,GAAKV,KACzH,MAAMgC,MAACA,EAAK5B,MAAEA,GAAS6B,EAAMC,SAASjC,EAAQC,EAAUC,EAAWH,KAAKI,OACxE,MAAM+B,SAACA,EAAW,MAAKC,MAAEA,EAAQ,GAAEC,MAAEA,EAAQ,MAAKC,SAAEA,EAAW,OAASlC,GAAS,GACjF,MAAMmC,EAAc,UAAWP,EAAQ,GAAM,IAE7C,MAAMQ,EAAUH,IAAU,OAE1B,GAAI/B,EAAM,CACR,OAAOmC,EAACC,EAAI,CAACC,MAAO,CAAC,gBAAiB,KAAKrC,SAAQkC,EAAU,IAAM,I,CAGrE,OACEC,EAACC,EAAI,CAACC,MAAO,CAAC,gBAAiB,KAAKR,WAAU9B,WAAUC,OAAMO,UAAS0B,CAACA,GAAc,OACnFH,GAASK,EAAA,OAAKE,MAAM,SAASP,GAE9BK,EAAA,SAAOG,QAASzC,GACdsC,EAAA,SAAOI,GAAI1C,EAAW2C,KAAM3C,EAAW4C,KAAK,WAAWP,QAASA,EAASnC,SAAUiC,GAAYjC,EAAU8B,SAAUA,IACnHM,EAAA,aAEClC,GACCkC,EAACO,EAAQ,KACPP,EAAA,OACEI,GAAI,kCAAkC1C,IACtC8C,MAAO,CAACC,UAAW,SAASC,KAAKC,MAAO,EAAI3C,EAAU,KAAQ,QAAS0C,KAAKC,MAAO,EAAI1C,EAAU,KAAQ,QACzGiC,MAAM,gBACNU,UAAWC,EACXC,QAAUC,IACRA,EAAEC,kBACFzD,KAAKY,mBAAqBZ,KAAKY,iBAAiB,IAInDZ,KAAKY,mBACJ6B,EAAA,kBAAgBiB,OAAQ,kCAAkCtD,EAAM0C,OAAQa,YAAa,IAAO3D,KAAKY,kBAAoB,OACnH6B,EAAA,qCACEmB,WAAY1D,EACZ2D,UAAWzD,EAAM0C,KACjBgB,QAAS,IAAO9D,KAAKY,kBAAoB,MACzCmD,SAAU,K,OACRC,EAAAhE,KAAKiE,WAAO,MAAAD,SAAA,SAAAA,EAAEE,KAAK,CAACL,UAAW1D,IAC/B,OAAOH,KAAKuB,mBAAmB,EAEjC4C,kBAAmBX,I,OACjBQ,EAAAhE,KAAKoE,mBAAe,MAAAJ,SAAA,SAAAA,EAAEE,KAAKV,EAAEa,QAC7B,OAAOrE,KAAKuB,mBAAmB,EAEjC+C,SAAU,iF","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-Bxvw_LqR.js

@@ -1,2 +0,0 @@
-import{p as e,H as t,c as s,h as i,d as o,t as l}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as r,getTemplate as d,updateField as a,deleteField as p}from"@verdocs/js-sdk";import{S as n}from"./p-C1sRVZWv.js";import{S as c}from"./p-C7hFgM52.js";import{d as h}from"./p-Bb5V9TQx.js";import{d as f}from"./p-DGNIsXfr.js";import{d as m}from"./p-C-v22G3g.js";import{d as u}from"./p-DHzSlpJw.js";import{d as v}from"./p-DqzFuSNN.js";import{d as x}from"./p-Bodw4NVB.js";import{d as b}from"./p-PfdIkMoz.js";const g=()=>`verdocs-template-field-properties{padding:20px;display:block;border-radius:4px;background:#ffffff;border:1px solid #ccc;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);-webkit-box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.1215686275);box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.1215686275)}@media all and (max-width: 600px){verdocs-template-field-properties{padding:10px;-webkit-transform:scale(0.8);transform:scale(0.8)}}verdocs-template-field-properties .buttons{display:-ms-flexbox;display:flex;margin-top:30px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-field-properties .buttons verdocs-button{margin-left:16px}verdocs-template-field-properties form .row{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-field-properties form .row .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0;-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-field-properties verdocs-select-input{-ms-flex:1;flex:1;margin:0}verdocs-template-field-properties verdocs-text-input{margin:0;-ms-flex:1;flex:1}verdocs-template-field-properties verdocs-text-input label{margin:0;display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-field-properties verdocs-text-input .input-label{-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-field-properties verdocs-text-input input{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-field-properties .checkbox-wrapper{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-field-properties .delete-button{height:34px;display:-ms-flexbox;display:flex;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-field-properties .delete-button:active{background:#f3f3f3}verdocs-template-field-properties .delete-button svg{width:24px;height:24px}verdocs-template-field-properties h6{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:16px;font-weight:bold;margin:0 0 8px 0;-ms-flex-direction:row;flex-direction:row;color:#092c4c}verdocs-template-field-properties h6 .help-icon{opacity:0.5}verdocs-template-field-properties h6 .help-icon:hover{opacity:1;cursor:pointer}verdocs-template-field-properties .row-header{gap:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-field-properties .row-header h6{margin-bottom:0}verdocs-template-field-properties .row-header verdocs-help-icon{-webkit-transform:scale(0.85);transform:scale(0.85)}verdocs-template-field-properties .row-header verdocs-help-icon svg{margin-bottom:-5px}verdocs-template-field-properties .row-header .add-button{margin:0;padding:0;border:none;opacity:0.5;cursor:pointer;background:none}verdocs-template-field-properties .row-header .add-button:hover{opacity:1}verdocs-template-field-properties .row-header .add-button svg{width:32px;height:32px}verdocs-template-field-properties .options-header{gap:10px;margin:0 0 5px 0;display:-ms-flexbox;display:flex;color:#ffffff;font-size:14px;padding:5px 8px;font-weight:700;text-align:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;background-color:#333333}verdocs-template-field-properties .options-header-label{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;font-weight:700;font-size:14px}verdocs-template-field-properties .option-row{margin:15px 0}verdocs-template-field-properties .option-row .remove-button{height:28px;display:-ms-flexbox;display:flex;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-field-properties .option-row .remove-button:active{background:#f3f3f3}verdocs-template-field-properties .option-row .remove-button:hover svg{stroke:rgb(165, 0, 33)}verdocs-template-field-properties .option-row .remove-button svg{width:20px;height:20px;stroke:#333333}verdocs-template-field-properties .options{background:#f3f3f3;padding:0 0 1px 0}verdocs-template-field-properties .options .row-header,verdocs-template-field-properties .options .option-row{padding:0 10px}verdocs-template-field-properties .options .add-option-button{border-radius:5px;border:1px solid #cccccc;background:#46497d;color:#ffffff;padding:3px 8px}verdocs-template-field-properties .options .option-row .input-element{font-size:14px}verdocs-template-field-properties .options verdocs-help-icon{opacity:1;-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-template-field-properties .options verdocs-help-icon svg{fill:#ffffff}`;const w=e=>e.charAt(0).toUpperCase()+e.slice(1);const y=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#a50021"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /></svg>`;const k='<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z"/></svg>';const E=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.close=s(this,"close");this.delete=s(this,"delete");this.settingsChanged=s(this,"settingsChanged");this.sdkError=s(this,"sdkError");this.templateListenerId=null;this.endpoint=r.getDefault();this.templateId="";this.fieldName="";this.helpText="";this.dirty=false;this.label="";this.type="textbox";this.name="";this.required=false;this.readonly=false;this.roleName="";this.group="";this.fieldType="";this.options=[];this.placeholder="";this.defaultValue="";this.showingHelp=false;this.loading=true;this.template=null}disconnectedCallback(){this.unlistenToTemplate()}async listenToTemplate(){this.unlistenToTemplate();c.subscribe("templates",this.templateId,(()=>d(this.endpoint,this.templateId)),false,(e=>{this.template=e;this.loading=false;this.resetForm()}))}unlistenToTemplate(){if(this.templateListenerId){c.store.delListener(this.templateListenerId);this.templateListenerId=null}}async componentWillLoad(){var e,t,s;try{this.endpoint.loadSession();if(!this.templateId){console.log(`[FIELD PROPERTIES] Missing required template ID ${this.templateId}`);return}if(!this.fieldName){console.error(`[FIELD PROPERTIES] Missing required field name`);return}if(!this.endpoint.session){console.log("[FIELD PROPERTIES] Unable to start builder session, must be authenticated");return}this.listenToTemplate()}catch(i){console.log("[FIELD PROPERTIES] Error loading template",i);this.loading=false;(e=this.sdkError)===null||e===void 0?void 0:e.emit(new n(i.message,(t=i.response)===null||t===void 0?void 0:t.status,(s=i.response)===null||s===void 0?void 0:s.data))}}resetForm(){var e;const t=(((e=this.template)===null||e===void 0?void 0:e.fields)||[]).find((e=>e.name===this.fieldName));if(!t){console.log(`[FIELD PROPERTIES] Unable to find field "${this.fieldName}" in fields`);return}this.type=t.type;this.name=t.name;this.label=t.label;this.group=t.group;this.roleName=t.role_name;this.required=t.required;this.readonly=t.readonly;this.fieldType=t.type;this.options=t.options||[];this.placeholder=t.placeholder||"";this.defaultValue=t.default||"";this.dirty=false;this.loading=false;this.cleanupOptions()}handleCancel(e){var t,s;e.stopPropagation();this.resetForm();(t=this.close)===null||t===void 0?void 0:t.emit();(s=document.getElementById("verdocs-template-field-properties"))===null||s===void 0?void 0:s.remove()}handleSave(e){e.stopPropagation();const t={name:this.name,role_name:this.roleName,required:this.required,readonly:this.readonly,label:this.label,group:this.group,placeholder:this.placeholder,default:this.defaultValue,options:this.options};this.cleanupOptions();a(this.endpoint,this.templateId,this.fieldName,t).then((e=>{var t,s,i;console.log("[FIELD PROPERTIES] Updated",e);const o=JSON.parse(JSON.stringify(this.template));const l=o.fields.findIndex((e=>e.name===this.fieldName));if(l>-1){o.fields[l]=e}c.updateTemplate(this.templateId,o);(t=this.settingsChanged)===null||t===void 0?void 0:t.emit({fieldName:this.fieldName,field:e});(s=this.close)===null||s===void 0?void 0:s.emit();(i=document.getElementById("verdocs-template-field-properties"))===null||i===void 0?void 0:i.remove()})).catch((()=>{console.log("[FIELD PROPERTIES] Update failed",e)}))}async handleDelete(e){e.stopPropagation();p(this.endpoint,this.templateId,this.fieldName).then((()=>{var e,t;const s=JSON.parse(JSON.stringify(this.template));s.fields=s.fields.filter((e=>e.name!==this.fieldName));c.updateTemplate(this.templateId,s);(e=this.delete)===null||e===void 0?void 0:e.emit({templateId:this.templateId,roleName:this.roleName});(t=document.getElementById("verdocs-template-field-properties"))===null||t===void 0?void 0:t.remove()})).catch((e=>{console.log("[FIELD PROPERTIES] Deletion error",e)}))}cleanupOptions(){this.options=[...this.options.filter((e=>(e.id||"").trim()!==""||(e.label||"").trim()!==""))];if(!this.options.find((e=>!e.id&&!e.label))){this.options=[...this.options,{id:"",label:""}]}}render(){var e,t;if(this.loading){return i(o,null,i("verdocs-loader",null))}if(!this.endpoint.session){return i(o,null,i("verdocs-component-error",{message:"You must be authenticated to use this module."}))}if(!this.endpoint.session||!(((e=this.template)===null||e===void 0?void 0:e.fields)||[]).some((e=>e.name===this.fieldName))){return i(o,{class:"empty"})}if(this.helpText&&this.showingHelp){return i(o,null,i("h6",null,w(this.fieldType)," Settings ",i("div",{style:{flex:"1"}}),i("div",{class:"help-icon",innerHTML:k,onClick:()=>this.showingHelp=false})),i("p",{class:"instructions",innerHTML:this.helpText}))}const s=this.options.filter((e=>(e.id||"").trim()!==""||(e.label||"").trim()!=="")).length>0;const l=!this.dirty||this.type==="dropdown"&&!s;return i(o,{id:"verdocs-template-field-properties"},i("h6",null,w(this.fieldType.replace(/_/g," "))," Settings ",i("div",{style:{flex:"1"}}),this.helpText&&i("div",{class:"help-icon",innerHTML:k,onClick:()=>this.showingHelp=true})),i("form",{onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},i("div",{class:"row"},i("verdocs-text-input",{id:"verdocs-field-name",label:"Field Name",value:this.name,autocomplete:"off",placeholder:"Field Name...",onInput:e=>{this.name=e.target.value;this.dirty=true}})),i("div",{class:"row"},i("verdocs-text-input",{id:"verdocs-field-label",label:"Optional Label",value:this.label,autocomplete:"off",placeholder:"Optional Label...",onInput:e=>{this.label=e.target.value;this.dirty=true}})),i("div",{class:"row"},i("div",{class:"input-label"},"Role:"),i("verdocs-select-input",{value:this.roleName,options:(((t=this.template)===null||t===void 0?void 0:t.roles)||[]).map((e=>({label:e.name,value:e.name}))),onInput:e=>{this.roleName=e.target.value;this.dirty=true}})),["textbox","textarea"].includes(this.type)&&i("div",{class:"row",style:{marginTop:"10px",marginBottom:"10px"}},i("verdocs-text-input",{id:"verdocs-field-value",label:"Default Value",value:this.defaultValue,autocomplete:"off",placeholder:this.readonly&&!this.defaultValue?"Default value required":"Pre-filled value...",onInput:e=>{this.defaultValue=e.target.value;this.dirty=true}})),this.type==="radio"&&i("div",{class:"row"},i("verdocs-text-input",{id:"verdocs-field-label",label:"Group",value:this.group,autocomplete:"off",helpText:"Enable exclusive selections. Only one option within the same group may be selected at a time.",placeholder:"Group...",onInput:e=>{this.group=(e.target.value||"").trim().toLowerCase().replace(/[^a-z0-9]/g,"");this.dirty=true}})),["textbox","textarea"].includes(this.type)&&i("div",{class:"row",style:{marginTop:"10px",marginBottom:"10px"}},i("verdocs-text-input",{id:"verdocs-field-placeholder",label:"Placeholder",value:this.placeholder,autocomplete:"off",placeholder:"Placeholder...",onInput:e=>{this.placeholder=e.target.value;this.dirty=true}})),i("div",{class:"row",style:{marginTop:"15px",marginBottom:"15px"}},i("label",{htmlFor:"verdocs-is-required",class:"input-label"},"Required"),i("verdocs-checkbox",{id:"verdocs-is-required",name:"is-required",checked:this.required,value:"on",onInput:e=>{this.required=e.target.checked;this.dirty=true}})),i("div",{class:"row",style:{marginTop:"15px",marginBottom:"15px"}},i("label",{htmlFor:"verdocs-is-readonly",class:"input-label"},"Read-only"),i("verdocs-checkbox",{id:"verdocs-is-readonly",name:"is-readonly",checked:this.readonly,value:"on",onInput:e=>{this.readonly=e.target.checked;this.dirty=true}})),this.type==="dropdown"&&i("div",{class:"row",style:{marginTop:"15px",marginBottom:"15px"}},i("label",{htmlFor:"verdocs-is-required",class:"input-label"},"Options")),this.type==="dropdown"&&i("div",{class:"options"},i("div",{class:"options-header"},i("div",{class:"options-header-label"},"ID"),i("dev",{class:"options-header-label"},"Label")),this.options.map(((e,t)=>i("div",{class:"row option-row",key:t},i("verdocs-text-input",{value:e.id,placeholder:"Unique ID",onInput:e=>{this.options[t].id=e.target.value;this.dirty=true;this.cleanupOptions()}}),i("verdocs-text-input",{value:e.label,placeholder:"Display label",onInput:e=>{this.options[t].label=e.target.value;this.dirty=true;this.cleanupOptions()}}),i("button",{innerHTML:y,class:"remove-button",onClick:()=>{this.options=this.options.filter((t=>t.id!==e.id));this.dirty=true;this.cleanupOptions()}}))))),i("div",{class:"buttons"},i("button",{class:"delete-button",disabled:this.dirty,onClick:e=>this.handleDelete(e),innerHTML:y}),i("div",{style:{flex:"1"}}),i("verdocs-button",{size:"small",variant:"outline",label:"Cancel",disabled:!this.dirty,onClick:e=>this.handleCancel(e)}),i("verdocs-button",{size:"small",label:"Save",disabled:l||this.readonly&&!this.defaultValue,onClick:e=>!l&&this.handleSave(e)}))))}get el(){return this}static get style(){return g()}},[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]}]);function I(){if(typeof customElements==="undefined"){return}const e=["verdocs-template-field-properties","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-select-input","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-template-field-properties":if(!customElements.get(l(e))){customElements.define(l(e),E)}break;case"verdocs-button":if(!customElements.get(l(e))){h()}break;case"verdocs-checkbox":if(!customElements.get(l(e))){f()}break;case"verdocs-component-error":if(!customElements.get(l(e))){m()}break;case"verdocs-help-icon":if(!customElements.get(l(e))){u()}break;case"verdocs-loader":if(!customElements.get(l(e))){v()}break;case"verdocs-select-input":if(!customElements.get(l(e))){x()}break;case"verdocs-text-input":if(!customElements.get(l(e))){b()}break}}))}export{E as V,I as d};
-//# sourceMappingURL=p-Bxvw_LqR.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["verdocsTemplateFieldPropertiesCss","capitalize","str","charAt","toUpperCase","slice","TrashIcon","HelpIcon","VerdocsTemplateFieldProperties","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","templateListenerId","endpoint","VerdocsEndpoint","getDefault","templateId","fieldName","helpText","dirty","label","type","name","required","readonly","roleName","group","fieldType","options","placeholder","defaultValue","showingHelp","loading","template","disconnectedCallback","unlistenToTemplate","listenToTemplate","Store","subscribe","getTemplate","resetForm","store","delListener","componentWillLoad","loadSession","console","log","error","session","e","_a","sdkError","emit","SDKError","message","_b","response","status","_c","data","field","fields","find","role_name","default","cleanupOptions","handleCancel","stopPropagation","close","document","getElementById","remove","handleSave","newProperties","updateField","then","updatedField","newTemplate","JSON","parse","stringify","fieldIndex","findIndex","updateTemplate","settingsChanged","catch","handleDelete","deleteField","filter","delete","opt","id","trim","render","h","Host","some","class","style","flex","innerHTML","onClick","hasOptions","length","saveDisabled","replace","onSubmit","preventDefault","autocomplete","value","onInput","target","roles","map","role","includes","marginTop","marginBottom","toLowerCase","htmlFor","checked","option","index","key","disabled","size","variant"],"sources":["src/components/templates/verdocs-template-field-properties/verdocs-template-field-properties.scss?tag=verdocs-template-field-properties","src/components/templates/verdocs-template-field-properties/verdocs-template-field-properties.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-template-field-properties {\n  padding: 20px;\n  display: block;\n  border-radius: 4px;\n  background: #ffffff;\n  border: 1px solid #ccc;\n  font-family: $verdocs-primary-font;\n  box-shadow: 2px 2px 10px 0 #0000001f;\n\n  @media all and (max-width: 600px) {\n    padding: 10px;\n    transform: scale(0.8);\n  }\n\n  .buttons {\n    display: flex;\n    margin-top: 30px;\n    align-items: center;\n    flex-direction: row;\n    justify-content: flex-end;\n\n    verdocs-button {\n      margin-left: 16px;\n    }\n  }\n\n  form .row {\n    display: flex;\n    column-gap: 15px;\n    margin: 0 0 10px 0;\n    align-items: center;\n    flex-direction: row;\n\n    .input-label {\n      display: block;\n      color: $label-color-light;\n      font-weight: 700;\n      font-size: 14px;\n      margin: 0 0 4px 0;\n      flex: 0 0 100px;\n    }\n  }\n\n  verdocs-select-input {\n    flex: 1;\n    margin: 0;\n  }\n\n  verdocs-text-input {\n    margin: 0;\n    flex: 1;\n\n    label {\n      margin: 0;\n      display: flex;\n      column-gap: 15px;\n      align-items: center;\n      flex-direction: row;\n    }\n\n    .input-label {\n      flex: 0 0 100px;\n    }\n\n    input {\n      flex: 1;\n      display: flex;\n    }\n  }\n\n  .checkbox-wrapper {\n    flex: 1;\n    display: flex;\n  }\n\n  .delete-button {\n    height: 34px;\n    display: flex;\n    cursor: pointer;\n    background: none;\n    border-radius: 4px;\n    align-items: center;\n    border: 1px solid #999;\n    justify-content: center;\n\n    &:active {\n      background: #f3f3f3;\n    }\n\n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  h6 {\n    flex: 1;\n    display: flex;\n    font-size: 16px;\n    font-weight: bold;\n    margin: 0 0 8px 0;\n    flex-direction: row;\n    color: $verdocs-grey-0;\n\n    .help-icon {\n      opacity: 0.5;\n\n      &:hover {\n        opacity: 1;\n        cursor: pointer;\n      }\n    }\n  }\n\n  .instructions {\n  }\n\n  .row-header {\n    gap: 15px;\n    display: flex;\n    flex-direction: row;\n\n    h6 {\n      margin-bottom: 0;\n    }\n\n    verdocs-help-icon {\n      transform: scale(0.85);\n\n      svg {\n        margin-bottom: -5px;\n      }\n    }\n\n    .add-button {\n      margin: 0;\n      padding: 0;\n      border: none;\n      opacity: 0.5;\n      cursor: pointer;\n      background: none;\n\n      &:hover {\n        opacity: 1;\n      }\n\n      svg {\n        width: 32px;\n        height: 32px;\n      }\n    }\n  }\n\n  .options-header {\n    gap: 10px;\n    margin: 0 0 5px 0;\n    display: flex;\n    color: #ffffff;\n    font-size: 14px;\n    padding: 5px 8px;\n    font-weight: 700;\n    text-align: center;\n    flex-direction: row;\n    justify-content: center;\n    background-color: #333333;\n  }\n\n  .options-header-label {\n    display: flex;\n    flex: 1;\n    font-weight: 700;\n    font-size: 14px;\n  }\n\n  .option-row {\n    margin: 15px 0;\n\n    .remove-button {\n      height: 28px;\n      display: flex;\n      cursor: pointer;\n      background: none;\n      border-radius: 4px;\n      align-items: center;\n      border: 1px solid #999;\n      justify-content: center;\n\n      &:active {\n        background: #f3f3f3;\n      }\n\n      &:hover {\n        svg {\n          stroke: rgb(165, 0, 33);\n        }\n      }\n\n      svg {\n        width: 20px;\n        height: 20px;\n        stroke: #333333;\n      }\n    }\n  }\n\n  .options {\n    background: #f3f3f3;\n    padding: 0 0 1px 0;\n\n    .row-header,\n    .option-row {\n      padding: 0 10px;\n    }\n\n    .add-option-button {\n      border-radius: 5px;\n      border: 1px solid #cccccc;\n      background: $verdocs-grey-blue;\n      color: #ffffff;\n      padding: 3px 8px;\n    }\n\n    .option-row .input-element {\n      font-size: 14px;\n    }\n\n    verdocs-help-icon {\n      opacity: 1;\n      transform: scale(0.8);\n\n      svg {\n        fill: #ffffff;\n      }\n    }\n  }\n}\n","import {Component, h, Element, Event, EventEmitter, Prop, State, Host} from '@stencil/core';\nimport {deleteField, getTemplate, type ITemplate, ITemplateField, TFieldType, updateField, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nconst capitalize = (str: string) => str.charAt(0).toUpperCase() + str.slice(1);\n\nconst TrashIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#a50021\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0\" /></svg>`;\n\nconst HelpIcon =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" width=\"24\"><path d=\"M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z\"/></svg>';\n\n/**\n * Displays an edit form that allows the user to adjust a field's settings.\n */\n@Component({\n  tag: 'verdocs-template-field-properties',\n  styleUrl: 'verdocs-template-field-properties.scss',\n  shadow: false,\n})\nexport class VerdocsTemplateFieldProperties {\n  private templateListenerId = null;\n\n  @Element()\n  el: any;\n\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The template ID to edit.\n   */\n  @Prop() templateId: string = '';\n\n  /**\n   * The field to configure.\n   */\n  @Prop({mutable: true}) fieldName: string = '';\n\n  /**\n   * If specified, the properties card will have a \"back\" side with the help text as its content.\n   */\n  @Prop() helpText?: string = '';\n\n  /**\n   * Event fired when the user cancels the dialog.\n   */\n  @Event({composed: true}) close: EventEmitter;\n\n  /**\n   * Event fired when the user deletes the role. The parent should update its UI to reflect the removal. When this event is emitted,\n   * the role will have already been deleted server-side.\n   */\n  @Event({composed: true}) delete: EventEmitter<{templateId: string; roleName: string}>;\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 if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  @State() dirty: boolean = false;\n  @State() label = '';\n  @State() type = 'textbox' as TFieldType;\n  @State() name = '';\n  @State() required = false;\n  @State() readonly = false;\n  @State() roleName = '';\n  @State() group = '';\n  @State() fieldType = '';\n  @State() options = [];\n  @State() placeholder = '';\n  @State() defaultValue = '';\n  @State() showingHelp = false;\n\n  @State() loading = true;\n  @State() template: ITemplate | null = null;\n\n  disconnectedCallback() {\n    this.unlistenToTemplate();\n  }\n\n  async listenToTemplate() {\n    this.unlistenToTemplate();\n    Store.subscribe(\n      'templates',\n      this.templateId,\n      () => getTemplate(this.endpoint, this.templateId),\n      false,\n      (template: ITemplate) => {\n        this.template = template;\n        this.loading = false;\n        this.resetForm();\n      },\n    );\n  }\n\n  unlistenToTemplate() {\n    if (this.templateListenerId) {\n      Store.store.delListener(this.templateListenerId);\n      this.templateListenerId = null;\n    }\n  }\n\n  async componentWillLoad() {\n    try {\n      this.endpoint.loadSession();\n\n      if (!this.templateId) {\n        console.log(`[FIELD PROPERTIES] Missing required template ID ${this.templateId}`);\n        return;\n      }\n\n      if (!this.fieldName) {\n        console.error(`[FIELD PROPERTIES] Missing required field name`);\n        return;\n      }\n\n      if (!this.endpoint.session) {\n        console.log('[FIELD PROPERTIES] Unable to start builder session, must be authenticated');\n        return;\n      }\n\n      this.listenToTemplate();\n    } catch (e) {\n      console.log('[FIELD PROPERTIES] Error loading template', e);\n      this.loading = false;\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  resetForm() {\n    const field = (this.template?.fields || []).find(field => field.name === this.fieldName);\n    if (!field) {\n      console.log(`[FIELD PROPERTIES] Unable to find field \"${this.fieldName}\" in fields`);\n      return;\n    }\n\n    this.type = field.type;\n    this.name = field.name;\n    this.label = field.label;\n    this.group = field.group;\n    this.roleName = field.role_name;\n    this.required = field.required;\n    this.readonly = field.readonly;\n    this.fieldType = field.type;\n    this.options = field.options || [];\n    this.placeholder = field.placeholder || '';\n    this.defaultValue = field.default || '';\n    this.dirty = false;\n    this.loading = false;\n    this.cleanupOptions();\n  }\n\n  handleCancel(e: any) {\n    e.stopPropagation();\n\n    this.resetForm();\n    this.close?.emit();\n    document.getElementById('verdocs-template-field-properties')?.remove();\n  }\n\n  handleSave(e: any) {\n    e.stopPropagation();\n    const newProperties = {\n      name: this.name,\n      role_name: this.roleName,\n      required: this.required,\n      readonly: this.readonly,\n      label: this.label,\n      group: this.group,\n      placeholder: this.placeholder,\n      default: this.defaultValue,\n      options: this.options,\n    } as Partial<ITemplateField>;\n\n    this.cleanupOptions();\n    updateField(this.endpoint, this.templateId, this.fieldName, newProperties)\n      .then(updatedField => {\n        console.log('[FIELD PROPERTIES] Updated', updatedField);\n        const newTemplate = JSON.parse(JSON.stringify(this.template));\n        const fieldIndex = newTemplate.fields.findIndex(field => field.name === this.fieldName);\n        if (fieldIndex > -1) {\n          newTemplate.fields[fieldIndex] = updatedField;\n        }\n        Store.updateTemplate(this.templateId, newTemplate);\n        this.settingsChanged?.emit({fieldName: this.fieldName, field: updatedField});\n        this.close?.emit();\n\n        document.getElementById('verdocs-template-field-properties')?.remove();\n      })\n      .catch(() => {\n        console.log('[FIELD PROPERTIES] Update failed', e);\n      });\n  }\n\n  async handleDelete(e: any) {\n    e.stopPropagation();\n    deleteField(this.endpoint, this.templateId, this.fieldName)\n      .then(() => {\n        const newTemplate = JSON.parse(JSON.stringify(this.template));\n        newTemplate.fields = newTemplate.fields.filter(field => field.name !== this.fieldName);\n        Store.updateTemplate(this.templateId, newTemplate);\n        this.delete?.emit({templateId: this.templateId, roleName: this.roleName});\n        document.getElementById('verdocs-template-field-properties')?.remove();\n      })\n      .catch(e => {\n        console.log('[FIELD PROPERTIES] Deletion error', e);\n      });\n  }\n\n  cleanupOptions() {\n    this.options = [...this.options.filter(opt => (opt.id || '').trim() !== '' || (opt.label || '').trim() !== '')];\n    if (!this.options.find(opt => !opt.id && !opt.label)) {\n      this.options = [...this.options, {id: '', label: ''}];\n    }\n  }\n\n  render() {\n    if (this.loading) {\n      return (\n        <Host>\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    if (!this.endpoint.session) {\n      return (\n        <Host>\n          <verdocs-component-error message=\"You must be authenticated to use this module.\" />\n        </Host>\n      );\n    }\n\n    // This is meant to be a companion for larger visual experiences so we just go blank on errors for now.\n    if (!this.endpoint.session || !(this.template?.fields || []).some(field => field.name === this.fieldName)) {\n      return <Host class=\"empty\" />;\n    }\n\n    if (this.helpText && this.showingHelp) {\n      return (\n        <Host>\n          <h6>\n            {capitalize(this.fieldType)} Settings <div style={{flex: '1'}} />\n            <div class=\"help-icon\" innerHTML={HelpIcon} onClick={() => (this.showingHelp = false)} />\n          </h6>\n\n          <p class=\"instructions\" innerHTML={this.helpText} />\n        </Host>\n      );\n    }\n\n    const hasOptions = this.options.filter(opt => (opt.id || '').trim() !== '' || (opt.label || '').trim() !== '').length > 0;\n    const saveDisabled = !this.dirty || (this.type === 'dropdown' && !hasOptions);\n\n    return (\n      <Host id=\"verdocs-template-field-properties\">\n        <h6>\n          {capitalize(this.fieldType.replace(/_/g, ' '))} Settings <div style={{flex: '1'}} />\n          {this.helpText && <div class=\"help-icon\" innerHTML={HelpIcon} onClick={() => (this.showingHelp = true)} />}\n        </h6>\n\n        <form onSubmit={e => e.preventDefault()} onClick={e => e.stopPropagation()} autocomplete=\"off\">\n          <div class=\"row\">\n            <verdocs-text-input\n              id=\"verdocs-field-name\"\n              label=\"Field Name\"\n              value={this.name}\n              autocomplete=\"off\"\n              //              helpText=\"The internal name of the field. Must be unique, and contain only letters, numbers, and dashes. After an envelope is completed, the value entered by the signer will be tagged with this key.\"\n              placeholder=\"Field Name...\"\n              onInput={(e: any) => {\n                this.name = e.target.value;\n                this.dirty = true;\n              }}\n            />\n          </div>\n\n          <div class=\"row\">\n            <verdocs-text-input\n              id=\"verdocs-field-label\"\n              label=\"Optional Label\"\n              value={this.label}\n              autocomplete=\"off\"\n              placeholder=\"Optional Label...\"\n              onInput={(e: any) => {\n                this.label = e.target.value;\n                this.dirty = true;\n              }}\n            />\n          </div>\n\n          <div class=\"row\">\n            <div class=\"input-label\">Role:</div>\n            <verdocs-select-input\n              value={this.roleName}\n              options={(this.template?.roles || []).map(role => ({label: role.name, value: role.name}))}\n              onInput={(e: any) => {\n                this.roleName = e.target.value;\n                this.dirty = true;\n              }}\n            />\n          </div>\n\n          {['textbox', 'textarea'].includes(this.type) && (\n            <div class=\"row\" style={{marginTop: '10px', marginBottom: '10px'}}>\n              <verdocs-text-input\n                id=\"verdocs-field-value\"\n                label=\"Default Value\"\n                value={this.defaultValue}\n                autocomplete=\"off\"\n                placeholder={this.readonly && !this.defaultValue ? 'Default value required' : 'Pre-filled value...'}\n                onInput={(e: any) => {\n                  this.defaultValue = e.target.value;\n                  this.dirty = true;\n                }}\n              />\n            </div>\n          )}\n\n          {this.type === 'radio' && (\n            <div class=\"row\">\n              <verdocs-text-input\n                id=\"verdocs-field-label\"\n                label=\"Group\"\n                value={this.group}\n                autocomplete=\"off\"\n                helpText=\"Enable exclusive selections. Only one option within the same group may be selected at a time.\"\n                placeholder=\"Group...\"\n                onInput={(e: any) => {\n                  this.group = (e.target.value || '')\n                    .trim()\n                    .toLowerCase()\n                    .replace(/[^a-z0-9]/g, '');\n                  this.dirty = true;\n                }}\n              />\n            </div>\n          )}\n\n          {['textbox', 'textarea'].includes(this.type) && (\n            <div class=\"row\" style={{marginTop: '10px', marginBottom: '10px'}}>\n              <verdocs-text-input\n                id=\"verdocs-field-placeholder\"\n                label=\"Placeholder\"\n                value={this.placeholder}\n                autocomplete=\"off\"\n                placeholder=\"Placeholder...\"\n                onInput={(e: any) => {\n                  this.placeholder = e.target.value;\n                  this.dirty = true;\n                }}\n              />\n            </div>\n          )}\n\n          <div class=\"row\" style={{marginTop: '15px', marginBottom: '15px'}}>\n            <label htmlFor=\"verdocs-is-required\" class=\"input-label\">\n              Required\n            </label>\n            <verdocs-checkbox\n              id=\"verdocs-is-required\"\n              name=\"is-required\"\n              checked={this.required}\n              value=\"on\"\n              onInput={(e: any) => {\n                this.required = e.target.checked;\n                this.dirty = true;\n              }}\n            />\n          </div>\n\n          <div class=\"row\" style={{marginTop: '15px', marginBottom: '15px'}}>\n            <label htmlFor=\"verdocs-is-readonly\" class=\"input-label\">\n              Read-only\n            </label>\n            <verdocs-checkbox\n              id=\"verdocs-is-readonly\"\n              name=\"is-readonly\"\n              checked={this.readonly}\n              value=\"on\"\n              onInput={(e: any) => {\n                this.readonly = e.target.checked;\n                this.dirty = true;\n              }}\n            />\n          </div>\n\n          {this.type === 'dropdown' && (\n            <div class=\"row\" style={{marginTop: '15px', marginBottom: '15px'}}>\n              <label htmlFor=\"verdocs-is-required\" class=\"input-label\">\n                Options\n              </label>\n            </div>\n          )}\n\n          {this.type === 'dropdown' && (\n            <div class=\"options\">\n              <div class=\"options-header\">\n                <div class=\"options-header-label\">ID</div>\n                <dev class=\"options-header-label\">Label</dev>\n              </div>\n\n              {this.options.map((option, index) => (\n                <div class=\"row option-row\" key={index}>\n                  <verdocs-text-input\n                    value={option.id}\n                    placeholder=\"Unique ID\"\n                    onInput={(e: any) => {\n                      this.options[index].id = e.target.value;\n                      this.dirty = true;\n                      this.cleanupOptions();\n                    }}\n                  />\n                  <verdocs-text-input\n                    value={option.label}\n                    placeholder=\"Display label\"\n                    onInput={(e: any) => {\n                      this.options[index].label = e.target.value;\n                      this.dirty = true;\n                      this.cleanupOptions();\n                    }}\n                  />\n                  <button\n                    innerHTML={TrashIcon}\n                    class=\"remove-button\"\n                    onClick={() => {\n                      this.options = this.options.filter(opt => opt.id !== option.id);\n                      this.dirty = true;\n                      this.cleanupOptions();\n                    }}\n                  />\n                </div>\n              ))}\n            </div>\n          )}\n\n          <div class=\"buttons\">\n            <button class=\"delete-button\" disabled={this.dirty} onClick={e => this.handleDelete(e)} innerHTML={TrashIcon} />\n            <div style={{flex: '1'}} />\n            <verdocs-button size=\"small\" variant=\"outline\" label=\"Cancel\" disabled={!this.dirty} onClick={e => this.handleCancel(e)} />\n            <verdocs-button size=\"small\" label=\"Save\" disabled={saveDisabled || (this.readonly && !this.defaultValue)} onClick={e => !saveDisabled && this.handleSave(e)} />\n          </div>\n        </form>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["verdocsAdoptSignatureDialogCss","VerdocsAdoptSignatureDialog","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","name","nameLocked","fontLoaded","enteredName","enteredInitials","mode","isDrawing","hasDrawnSignature","hasDrawnInitials","currentSigStroke","allSigStrokes","lastSigPoint","currentInitialsStroke","allInitialsStrokes","lastInitialsPoint","handleSigPointerDown","e","preventDefault","signatureElement","sigDrawingContext","point","getSigCanvasCoordinates","beginPath","moveTo","x","y","setPointerCapture","pointerId","handleSigPointerMove","push","midPoint","quadraticCurveTo","stroke","handleSigPointerUp","length","lineTo","releasePointerCapture","handleSigPointerCancel","handleInitialsPointerDown","initialsElement","initialsDrawingContext","getInitialsCanvasCoordinates","handleInitialsPointerMove","handleInitialsPointerUp","handleInitialsPointerCancel","componentWillLoad","computeEnteredInitials","ds","FontFace","load","then","font","document","fonts","add","componentDidLoad","drawSignatureText","drawInitialsText","setupSignatureCanvas","setupInitialsCanvas","componentDidUpdate","redrawDrawnSignature","redrawDrawnInitials","sigCanvasWidth","width","sigCanvasHeight","height","sigContext","getContext","clearRect","fontSize","metrics","measureText","actualBoundingBoxAscent","actualBoundingBoxDescent","textAlign","textBaseline","fillText","initialsCanvasWidth","initialsCanvasHeight","context","i","currentPoint","previousPoint","lastPoint","handleNameChange","target","value","nameComponents","trim","split","filter","part","map","word","charAt","toUpperCase","join","handleCancel","stopPropagation","exit","emit","handleAdopt","signature","toDataURL","initials","next","isAdoptButtonDisabled","strokeStyle","lineWidth","lineCap","lineJoin","initialsContext","clearSignatureCanvas","clearInitialsCanvas","handleClearDrawing","type","rect","getBoundingClientRect","scaleX","scaleY","clientX","left","clientY","top","render","h","key","slot","class","style","fontWeight","color","active","label","disabled","onInput","onClick","display","flexDirection","gap","marginBottom","alignItems","checked","innerHTML","SignatureXIcon","ref","el","onPointerDown","onPointerMove","onPointerUp","onPointerCancel","touchAction","cursor"],"sources":["src/components/dialogs/verdocs-adopt-signature-dialog/verdocs-adopt-signature-dialog.scss?tag=verdocs-adopt-signature-dialog","src/components/dialogs/verdocs-adopt-signature-dialog/verdocs-adopt-signature-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-adopt-signature-dialog {\n  font-family: $primary-font;\n  box-sizing: border-box;\n\n  verdocs-dialog {\n    border-radius: 4px;\n  }\n\n  .heading {\n    color: #201f1e;\n    font-weight: 400;\n    padding-bottom: 0;\n    border-bottom: none;\n  }\n\n  .content {\n    display: flex;\n    padding: 12px 24px 0;\n    flex-direction: column;\n  }\n\n  .name-locked-hint {\n    font-size: 12px;\n    color: #6b7280;\n    margin-top: 4px;\n  }\n\n  verdocs-text-input .input-label {\n    color: #242424;\n    font-size: 13px;\n    font-weight: 400;\n  }\n\n  verdocs-text-input .input-element {\n    border: 1px solid #e0e0e0;\n  }\n\n  verdocs-radio-button {\n    transform: scale(0.9);\n  }\n\n  .canvas-container {\n    position: relative;\n    width: 100%;\n    margin: 10px 0;\n    border-radius: 4px;\n    background: #fafafa;\n    border: 1px solid #d1d1d1;\n    box-sizing: border-box;\n\n    &.initials-container {\n      max-width: 50%;\n    }\n\n    canvas {\n      width: 100%;\n      height: 79px;\n      border-radius: 4px;\n      /* Background must be transparent to show the guide */\n      background: transparent;\n      box-sizing: border-box;\n      /* Border is handled by container */\n      border: none;\n      position: relative;\n      z-index: 2;\n    }\n\n    .signing-indicator {\n      position: absolute;\n      bottom: 9px;\n      left: 9px;\n      right: 9px;\n      height: 28px;\n      display: flex;\n      flex-direction: row;\n      align-items: flex-end;\n      gap: 2px;\n      z-index: 1;\n      pointer-events: none;\n\n      .x-icon {\n        width: 25px;\n        height: 28px;\n        display: flex;\n\n        svg {\n          width: 100%;\n          height: 100%;\n        }\n      }\n\n      .signing-line {\n        flex: 1;\n        /* \"The line is a 1px dashed (8px dash 8px space) #d1d1d1 line\". This works in SOME browsers. */\n        border-bottom: 1px dashed #d1d1d1;\n        background-position: bottom;\n        background-size: 16px 1px;\n        /* 8px dash + 8px space = 16px repeat */\n        background-repeat: repeat-x;\n        margin-bottom: 0;\n        /* Since standard border-style: dashed doesn't allow custom spacing, we use a background gradient\n           trick or just rely on standard dashed if acceptable.\n        */\n        height: 1px;\n        border: none;\n        background-image: linear-gradient(to right, #d1d1d1 50%, transparent 50%);\n      }\n    }\n  }\n\n  .disclaimer {\n    padding: 8px 0;\n    font-size: 11px;\n    line-height: 14px;\n    text-align: justify;\n    color: rgba(0, 0, 0, 0.54);\n  }\n\n  .tabs {\n    display: flex;\n    flex-direction: row;\n    margin: -20px -20px 0 -20px;\n    border-bottom: 1px solid #eeeeee;\n\n    .tab {\n      flex: 1;\n      gap: 4px;\n      display: flex;\n      cursor: pointer;\n      font-size: 12px;\n      font-weight: 500;\n      padding: 6px 10px;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n\n      &.active {\n        background: #f9f5fe;\n        border-bottom: 2px solid $border-color;\n      }\n\n      &:hover {\n        color: $primary-color;\n      }\n\n      .icon {\n        width: 16px;\n        height: 16px;\n      }\n    }\n  }\n\n  // We use fixed heights for these sections to avoid layout shifts when switching tabs.\n  .type {\n    display: none;\n    flex-direction: column;\n\n    &.active {\n      display: flex;\n    }\n  }\n\n  .draw {\n    height: 100px;\n    display: none;\n    margin-top: 20px;\n    flex-direction: column;\n\n    &.active {\n      display: flex;\n    }\n\n    .draw-instructions {\n      font-size: 13px;\n      color: rgba(0, 0, 0, 0.6);\n      margin-bottom: 8px;\n      text-align: center;\n    }\n\n    canvas {\n      cursor: crosshair;\n      touch-action: none;\n    }\n  }\n\n  .preview-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 10px;\n\n    .clear-button-text {\n      background: none;\n      border: none;\n      color: var(--verdocs-primary-color, #{$verdocs-green});\n      cursor: pointer;\n      font-size: 13px;\n      padding: 0;\n      font-weight: 500;\n\n      &:hover {\n        text-decoration: underline;\n      }\n\n      &:disabled {\n        color: #9ca3af;\n        text-decoration: none;\n        cursor: not-allowed;\n      }\n    }\n  }\n\n  .upload {\n    height: 100px;\n    display: none;\n    margin-top: 20px;\n    flex-direction: column;\n\n    &.active {\n      display: flex;\n    }\n\n    .upload-instructions {\n      font-size: 13px;\n      color: rgba(0, 0, 0, 0.6);\n      margin-bottom: 8px;\n      text-align: center;\n    }\n\n    .upload-actions {\n      display: flex;\n      justify-content: center;\n      gap: 12px;\n      margin-top: 8px;\n\n      .upload-button {\n        border: 1px solid var(--verdocs-primary-color, #{$verdocs-green});\n        background-color: var(--verdocs-primary-color, #{$verdocs-green});\n        color: #ffffff;\n        padding: 8px 20px;\n        font-size: 13px;\n        cursor: pointer;\n        border-radius: var(--verdocs-button-radius, 4px);\n        transition: all 0.2s ease;\n\n        &:hover {\n          filter: brightness(0.9);\n        }\n      }\n\n      .clear-button {\n        border: 1px solid #d0d0d0;\n        background-color: #ffffff;\n        color: #333333;\n        padding: 8px 16px;\n        font-size: 13px;\n        cursor: pointer;\n        border-radius: 4px;\n        transition: all 0.2s ease;\n\n        &:hover:not(:disabled) {\n          background-color: #f5f5f5;\n          border-color: #b0b0b0;\n        }\n\n        &:disabled {\n          opacity: 0.5;\n          cursor: not-allowed;\n        }\n      }\n    }\n\n    .upload-filename {\n      font-size: 12px;\n      color: rgba(0, 0, 0, 0.6);\n      text-align: center;\n      margin-top: 8px;\n      font-style: italic;\n    }\n  }\n\n  /* TODO: We're getting positive feedback. Add this as a formal button variant. */\n  .buttons {\n    gap: 20px;\n    display: flex;\n    margin-top: 14px;\n    flex-direction: row;\n    justify-content: flex-end;\n\n    button {\n      flex: 1;\n      border: 0;\n      height: 38px;\n      display: flex;\n      font-size: 14px;\n      font-weight: 500;\n      cursor: pointer;\n      align-items: center;\n      border-radius: var(--verdocs-button-radius, 6px);\n      justify-content: center;\n      transition: all 0.2s ease;\n\n      &.cancel {\n        background-color: transparent;\n        border: 1px solid #d1d5db;\n        color: #374151;\n\n        &:hover {\n          background-color: #f9fafb;\n        }\n      }\n\n      &.proceed {\n        background-color: var(--verdocs-primary-color, #{$verdocs-green});\n        border: 1px solid transparent;\n        color: #ffffff;\n\n        &:hover {\n          background-color: var(--verdocs-primary-color-hover, #{$verdocs-green-shade});\n          filter: brightness(0.95);\n        }\n      }\n\n      &:disabled {\n        background-color: #e5e7eb;\n        color: #9ca3af;\n        cursor: not-allowed;\n      }\n    }\n  }\n}\n","import {Component, Prop, h, Event, EventEmitter, State} from '@stencil/core';\nimport {SignatureXIcon} from '../../../utils/Icons';\n\n/**\n * Display a dialog that allows the user to specify a signature image, either by using a signature-font-generated image\n * based on their full name, or by hand-drawing their signature with a mouse or tablet.\n */\n@Component({\n  tag: 'verdocs-adopt-signature-dialog',\n  styleUrl: 'verdocs-adopt-signature-dialog.scss',\n})\nexport class VerdocsAdoptSignatureDialog {\n  private signatureElement?: HTMLCanvasElement;\n  private initialsElement?: HTMLCanvasElement;\n  private sigDrawingContext?: CanvasRenderingContext2D;\n  private initialsDrawingContext?: CanvasRenderingContext2D;\n\n  /**\n   * Initial signature text\n   */\n  @Prop() name: string = '';\n\n  /**\n   * If true, the name fields will be read-only. Used when the sender has locked the recipient's name.\n   */\n  @Prop() nameLocked: boolean = false;\n\n  /**\n   * Fired when the user completes the dialog and clicks Adopt. The event detail will contain a base64-encoded string\n   * representation of the signature adopted.\n   */\n  @Event({composed: true}) next: EventEmitter<{signature: string; initials: string}>;\n\n  /**\n   * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  @State() fontLoaded = false;\n  @State() enteredName: string = '';\n  @State() enteredInitials: string = '';\n  @State() mode: 'type' | 'draw' = 'type';\n  @State() isDrawing = false;\n  @State() hasDrawnSignature = false;\n  @State() hasDrawnInitials = false;\n\n  private currentSigStroke: Array<{x: number; y: number}> = [];\n  private allSigStrokes: Array<Array<{x: number; y: number}>> = [];\n  private lastSigPoint: {x: number; y: number} | null = null;\n\n  private currentInitialsStroke: Array<{x: number; y: number}> = [];\n  private allInitialsStrokes: Array<Array<{x: number; y: number}>> = [];\n  private lastInitialsPoint: {x: number; y: number} | null = null;\n\n  componentWillLoad() {\n    this.enteredName = this.name;\n    this.computeEnteredInitials(this.name);\n\n    const ds = new FontFace('Dancing Script', 'url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)');\n    ds.load().then(font => {\n      document.fonts.add(font);\n      this.fontLoaded = true;\n    });\n  }\n\n  componentDidLoad() {\n    this.drawSignatureText();\n    this.drawInitialsText();\n    this.setupSignatureCanvas();\n    this.setupInitialsCanvas();\n  }\n\n  componentDidUpdate() {\n    this.drawSignatureText();\n    this.drawInitialsText();\n    this.setupSignatureCanvas();\n    this.setupInitialsCanvas();\n\n    // Redraw drawn signature when in draw mode\n    if (this.mode === 'draw' && this.allSigStrokes.length > 0) {\n      this.redrawDrawnSignature();\n    }\n    if (this.mode === 'draw' && this.allInitialsStrokes.length > 0) {\n      this.redrawDrawnInitials();\n    }\n  }\n\n  drawSignatureText() {\n    if (!this.signatureElement || this.mode !== 'type') {\n      return;\n    }\n\n    const sigCanvasWidth = this.signatureElement.width;\n    const sigCanvasHeight = this.signatureElement.height;\n    const sigContext = this.signatureElement.getContext('2d');\n    sigContext.clearRect(0, 0, this.signatureElement.width, this.signatureElement.height);\n\n    let fontSize = 100;\n    let metrics: TextMetrics = sigContext.measureText(this.enteredName);\n    do {\n      fontSize -= 2;\n      sigContext.font = `${fontSize}px Dancing Script`;\n      metrics = sigContext.measureText(this.enteredName);\n    } while (metrics.width > sigCanvasWidth - 24 || metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent + 24 > sigCanvasHeight);\n\n    sigContext.textAlign = 'center';\n    sigContext.textBaseline = 'middle';\n    sigContext.font = `${fontSize}px Dancing Script`;\n    sigContext.fillText(this.enteredName, this.signatureElement.width / 2, this.signatureElement.height / 2);\n  }\n\n  drawInitialsText() {\n    if (!this.initialsElement || this.mode !== 'type') {\n      return;\n    }\n\n    const initialsCanvasWidth = this.initialsElement.width;\n    const initialsCanvasHeight = this.initialsElement.height;\n    const context = this.initialsElement.getContext('2d');\n    context.clearRect(0, 0, this.initialsElement.width, this.initialsElement.height);\n\n    let fontSize = 100;\n    let metrics: TextMetrics = context.measureText(this.enteredInitials);\n    do {\n      fontSize -= 2;\n      context.font = `${fontSize}px Dancing Script`;\n      metrics = context.measureText(this.enteredInitials);\n    } while (metrics.width > initialsCanvasWidth - 24 || metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent + 24 > initialsCanvasHeight);\n\n    context.textAlign = 'center';\n    context.textBaseline = 'middle';\n    context.font = `${fontSize}px Dancing Script`;\n    context.fillText(this.enteredInitials, this.initialsElement.width / 2, this.initialsElement.height / 2);\n  }\n\n  redrawDrawnSignature() {\n    if (!this.signatureElement || !this.sigDrawingContext || this.allSigStrokes.length === 0) {\n      return;\n    }\n\n    // Clear the canvas first\n    this.sigDrawingContext.clearRect(0, 0, this.signatureElement.width, this.signatureElement.height);\n\n    // Redraw all strokes\n    for (const stroke of this.allSigStrokes) {\n      if (stroke.length === 0) {\n        continue;\n      }\n\n      // Start the path at the first point\n      this.sigDrawingContext.beginPath();\n      this.sigDrawingContext.moveTo(stroke[0].x, stroke[0].y);\n\n      // Draw smooth curves through all points in the stroke\n      for (let i = 1; i < stroke.length; i++) {\n        const currentPoint = stroke[i];\n        const previousPoint = stroke[i - 1];\n\n        // Use quadratic curves for smooth lines\n        const midPoint = {\n          x: (previousPoint.x + currentPoint.x) / 2,\n          y: (previousPoint.y + currentPoint.y) / 2,\n        };\n\n        this.sigDrawingContext.quadraticCurveTo(previousPoint.x, previousPoint.y, midPoint.x, midPoint.y);\n      }\n\n      // Draw to the last point\n      if (stroke.length > 1) {\n        const lastPoint = stroke[stroke.length - 1];\n        this.sigDrawingContext.lineTo(lastPoint.x, lastPoint.y);\n      }\n\n      this.sigDrawingContext.stroke();\n    }\n  }\n\n  redrawDrawnInitials() {\n    if (!this.initialsElement || !this.initialsDrawingContext || this.allInitialsStrokes.length === 0) {\n      return;\n    }\n\n    // Clear the canvas first\n    this.initialsDrawingContext.clearRect(0, 0, this.initialsElement.width, this.initialsElement.height);\n\n    // Redraw all strokes\n    for (const stroke of this.allInitialsStrokes) {\n      if (stroke.length === 0) {\n        continue;\n      }\n\n      // Start the path at the first point\n      this.initialsDrawingContext.beginPath();\n      this.initialsDrawingContext.moveTo(stroke[0].x, stroke[0].y);\n\n      // Draw smooth curves through all points in the stroke\n      for (let i = 1; i < stroke.length; i++) {\n        const currentPoint = stroke[i];\n        const previousPoint = stroke[i - 1];\n\n        // Use quadratic curves for smooth lines\n        const midPoint = {\n          x: (previousPoint.x + currentPoint.x) / 2,\n          y: (previousPoint.y + currentPoint.y) / 2,\n        };\n\n        this.initialsDrawingContext.quadraticCurveTo(previousPoint.x, previousPoint.y, midPoint.x, midPoint.y);\n      }\n\n      // Draw to the last point\n      if (stroke.length > 1) {\n        const lastPoint = stroke[stroke.length - 1];\n        this.initialsDrawingContext.lineTo(lastPoint.x, lastPoint.y);\n      }\n\n      this.initialsDrawingContext.stroke();\n    }\n  }\n\n  handleNameChange(e: any) {\n    this.enteredName = e.target.value;\n    this.computeEnteredInitials(e.target.value);\n  }\n\n  computeEnteredInitials(name: string) {\n    const nameComponents = name\n      .trim()\n      .split(' ')\n      .filter(part => part.length > 0);\n\n    this.enteredInitials = nameComponents.length > 1 ? nameComponents.map(word => word.charAt(0).toUpperCase()).join('') : nameComponents[0].toUpperCase();\n  }\n\n  handleCancel(e: any) {\n    e.stopPropagation();\n    e.preventDefault();\n    this.exit.emit();\n  }\n\n  handleAdopt(e: any) {\n    e.stopPropagation();\n    e.preventDefault();\n    const signature = this.signatureElement.toDataURL('image/png');\n    const initials = this.initialsElement.toDataURL('image/png');\n    this.next.emit({signature, initials});\n  }\n\n  isAdoptButtonDisabled(): boolean {\n    switch (this.mode) {\n      case 'type':\n        // Disable if no name has been entered\n        return !this.enteredName || this.enteredName.trim().length === 0;\n      case 'draw':\n        // Disable if nothing has been drawn\n        return (!this.hasDrawnSignature && !this.hasDrawnInitials) || this.allSigStrokes.length === 0 || this.allInitialsStrokes.length === 0;\n      default:\n        return true;\n    }\n  }\n\n  setupSignatureCanvas() {\n    if (!this.signatureElement) {\n      return;\n    }\n\n    // Set up drawing context when in draw mode\n    if (this.mode === 'draw') {\n      // Always get fresh context from the current canvas element\n      const sigContext = this.signatureElement.getContext('2d');\n\n      // Only initialize if we don't have a context or it's different\n      if (sigContext && sigContext !== this.sigDrawingContext) {\n        this.sigDrawingContext = sigContext;\n\n        // Configure drawing style for smooth signatures\n        this.sigDrawingContext.strokeStyle = '#000000';\n        this.sigDrawingContext.lineWidth = 2;\n        this.sigDrawingContext.lineCap = 'round';\n        this.sigDrawingContext.lineJoin = 'round';\n\n        // Clear canvas only if there are no existing strokes\n        if (this.allSigStrokes.length === 0) {\n          this.sigDrawingContext.clearRect(0, 0, this.signatureElement.width, this.signatureElement.height);\n        }\n      }\n    }\n\n    // Reset drawing context when switching away from draw mode\n    // NOTE: We don't clear allStrokes here so drawing persists when returning to draw mode\n    if (this.mode !== 'draw' && this.sigDrawingContext) {\n      this.sigDrawingContext = null;\n      this.currentSigStroke = [];\n      this.lastSigPoint = null;\n    }\n  }\n\n  setupInitialsCanvas() {\n    if (!this.initialsElement) {\n      return;\n    }\n\n    // Set up drawing context when in draw mode\n    if (this.mode === 'draw') {\n      // Always get fresh context from the current canvas element\n      const initialsContext = this.initialsElement.getContext('2d');\n\n      // Only initialize if we don't have a context or it's different\n      if (initialsContext && initialsContext !== this.initialsDrawingContext) {\n        this.initialsDrawingContext = initialsContext;\n\n        // Configure drawing style for smooth signatures\n        this.initialsDrawingContext.strokeStyle = '#000000';\n        this.initialsDrawingContext.lineWidth = 2;\n        this.initialsDrawingContext.lineCap = 'round';\n        this.initialsDrawingContext.lineJoin = 'round';\n\n        // Clear canvas only if there are no existing strokes\n        if (this.allInitialsStrokes.length === 0) {\n          this.initialsDrawingContext.clearRect(0, 0, this.initialsElement.width, this.initialsElement.height);\n        }\n      }\n    }\n\n    // Reset drawing context when switching away from draw mode\n    // NOTE: We don't clear allStrokes here so drawing persists when returning to draw mode\n    if (this.mode !== 'draw' && this.initialsDrawingContext) {\n      this.initialsDrawingContext = null;\n      this.currentInitialsStroke = [];\n      this.lastInitialsPoint = null;\n    }\n  }\n\n  clearSignatureCanvas() {\n    if (!this.signatureElement || !this.sigDrawingContext) {\n      return;\n    }\n\n    this.sigDrawingContext.clearRect(0, 0, this.signatureElement.width, this.signatureElement.height);\n    this.currentSigStroke = [];\n    this.allSigStrokes = [];\n    this.lastSigPoint = null;\n    this.hasDrawnSignature = false;\n  }\n\n  clearInitialsCanvas() {\n    if (!this.initialsElement || !this.initialsDrawingContext) {\n      return;\n    }\n\n    this.initialsDrawingContext.clearRect(0, 0, this.initialsElement.width, this.initialsElement.height);\n    this.currentInitialsStroke = [];\n    this.allInitialsStrokes = [];\n    this.lastInitialsPoint = null;\n    this.hasDrawnInitials = false;\n  }\n\n  handleClearDrawing(e: any, type: 'signature' | 'initials' | 'all' = 'all') {\n    e.stopPropagation();\n    e.preventDefault();\n    if (type === 'all' || type === 'signature') this.clearSignatureCanvas();\n    if (type === 'all' || type === 'initials') this.clearInitialsCanvas();\n  }\n\n  getSigCanvasCoordinates(e: PointerEvent): {x: number; y: number} {\n    if (!this.signatureElement) {\n      return {x: 0, y: 0};\n    }\n\n    const rect = this.signatureElement.getBoundingClientRect();\n\n    // Calculate the scale factor between canvas size and display size\n    const scaleX = this.signatureElement.width / rect.width;\n    const scaleY = this.signatureElement.height / rect.height;\n\n    return {\n      x: (e.clientX - rect.left) * scaleX,\n      y: (e.clientY - rect.top) * scaleY,\n    };\n  }\n\n  getInitialsCanvasCoordinates(e: PointerEvent): {x: number; y: number} {\n    if (!this.initialsElement) {\n      return {x: 0, y: 0};\n    }\n\n    const rect = this.initialsElement.getBoundingClientRect();\n\n    // Calculate the scale factor between canvas size and display size\n    const scaleX = this.initialsElement.width / rect.width;\n    const scaleY = this.initialsElement.height / rect.height;\n\n    return {\n      x: (e.clientX - rect.left) * scaleX,\n      y: (e.clientY - rect.top) * scaleY,\n    };\n  }\n\n  handleSigPointerDown = (e: PointerEvent) => {\n    e.preventDefault();\n\n    if (!this.signatureElement || !this.sigDrawingContext) {\n      return;\n    }\n\n    this.isDrawing = true;\n    this.hasDrawnSignature = true;\n\n    const point = this.getSigCanvasCoordinates(e);\n    this.currentSigStroke = [point];\n    this.lastSigPoint = point;\n\n    // Start a new path\n    this.sigDrawingContext.beginPath();\n    this.sigDrawingContext.moveTo(point.x, point.y);\n\n    // Capture pointer to ensure we get all events even if pointer leaves canvas\n    this.signatureElement.setPointerCapture(e.pointerId);\n  };\n\n  handleSigPointerMove = (e: PointerEvent) => {\n    e.preventDefault();\n\n    if (!this.isDrawing || !this.sigDrawingContext || !this.lastSigPoint) {\n      return;\n    }\n\n    const point = this.getSigCanvasCoordinates(e);\n    this.currentSigStroke.push(point);\n\n    // Use quadratic curves for smooth drawing\n    // The control point is the last point, and we draw to the midpoint\n    const midPoint = {\n      x: (this.lastSigPoint.x + point.x) / 2,\n      y: (this.lastSigPoint.y + point.y) / 2,\n    };\n\n    this.sigDrawingContext.quadraticCurveTo(this.lastSigPoint.x, this.lastSigPoint.y, midPoint.x, midPoint.y);\n    this.sigDrawingContext.stroke();\n\n    this.lastSigPoint = point;\n  };\n\n  handleSigPointerUp = (e: PointerEvent) => {\n    e.preventDefault();\n\n    if (!this.isDrawing || !this.sigDrawingContext) {\n      return;\n    }\n\n    // Complete the stroke\n    if (this.lastSigPoint && this.currentSigStroke.length > 0) {\n      this.sigDrawingContext.lineTo(this.lastSigPoint.x, this.lastSigPoint.y);\n      this.sigDrawingContext.stroke();\n    }\n\n    // Save the completed stroke\n    if (this.currentSigStroke.length > 0) {\n      this.allSigStrokes.push([...this.currentSigStroke]);\n    }\n\n    this.isDrawing = false;\n    this.currentSigStroke = [];\n    this.lastSigPoint = null;\n\n    // Release pointer capture\n    if (this.signatureElement) {\n      this.signatureElement.releasePointerCapture(e.pointerId);\n    }\n  };\n\n  handleSigPointerCancel = (e: PointerEvent) => {\n    // Handle cases where drawing is interrupted (e.g., phone call, notification)\n    this.isDrawing = false;\n    this.currentSigStroke = [];\n    this.lastSigPoint = null;\n\n    if (this.signatureElement) {\n      this.signatureElement.releasePointerCapture(e.pointerId);\n    }\n  };\n\n  handleInitialsPointerDown = (e: PointerEvent) => {\n    e.preventDefault();\n\n    if (!this.initialsElement || !this.initialsDrawingContext) {\n      return;\n    }\n\n    this.isDrawing = true;\n    this.hasDrawnInitials = true;\n\n    const point = this.getInitialsCanvasCoordinates(e);\n    this.currentInitialsStroke = [point];\n    this.lastInitialsPoint = point;\n\n    // Start a new path\n    this.initialsDrawingContext.beginPath();\n    this.initialsDrawingContext.moveTo(point.x, point.y);\n\n    // Capture pointer to ensure we get all events even if pointer leaves canvas\n    this.initialsElement.setPointerCapture(e.pointerId);\n  };\n\n  handleInitialsPointerMove = (e: PointerEvent) => {\n    e.preventDefault();\n\n    if (!this.isDrawing || !this.initialsDrawingContext || !this.lastInitialsPoint) {\n      return;\n    }\n\n    const point = this.getInitialsCanvasCoordinates(e);\n    this.currentInitialsStroke.push(point);\n\n    // Use quadratic curves for smooth drawing\n    // The control point is the last point, and we draw to the midpoint\n    const midPoint = {\n      x: (this.lastInitialsPoint.x + point.x) / 2,\n      y: (this.lastInitialsPoint.y + point.y) / 2,\n    };\n\n    this.initialsDrawingContext.quadraticCurveTo(this.lastInitialsPoint.x, this.lastInitialsPoint.y, midPoint.x, midPoint.y);\n    this.initialsDrawingContext.stroke();\n\n    this.lastInitialsPoint = point;\n  };\n\n  handleInitialsPointerUp = (e: PointerEvent) => {\n    e.preventDefault();\n\n    if (!this.isDrawing || !this.initialsDrawingContext) {\n      return;\n    }\n\n    // Complete the stroke\n    if (this.lastInitialsPoint && this.currentInitialsStroke.length > 0) {\n      this.initialsDrawingContext.lineTo(this.lastInitialsPoint.x, this.lastInitialsPoint.y);\n      this.initialsDrawingContext.stroke();\n    }\n\n    // Save the completed stroke\n    if (this.currentInitialsStroke.length > 0) {\n      this.allInitialsStrokes.push([...this.currentInitialsStroke]);\n    }\n\n    this.isDrawing = false;\n    this.currentInitialsStroke = [];\n    this.lastInitialsPoint = null;\n\n    // Release pointer capture\n    if (this.initialsElement) {\n      this.initialsElement.releasePointerCapture(e.pointerId);\n    }\n  };\n\n  handleInitialsPointerCancel = (e: PointerEvent) => {\n    // Handle cases where drawing is interrupted (e.g., phone call, notification)\n    this.isDrawing = false;\n    this.currentInitialsStroke = [];\n    this.lastInitialsPoint = null;\n\n    if (this.initialsElement) {\n      this.initialsElement.releasePointerCapture(e.pointerId);\n    }\n  };\n\n  render() {\n    return (\n      <verdocs-dialog>\n        <div slot=\"heading\" class=\"heading\">\n          Adopt Your Signature\n        </div>\n\n        <div slot=\"content\" class=\"content\">\n          <div style={{fontWeight: '300', color: '#242424', fontSize: '13px'}}>Confirm your name, initials, and signature.</div>\n\n          <div class={{type: true, active: this.mode === 'type'}}>\n            <verdocs-text-input\n              label=\"Full Name\"\n              value={this.enteredName}\n              disabled={this.nameLocked}\n              onInput={e => this.handleNameChange(e)}\n              onClick={e => e.stopPropagation()}\n            />\n            {this.nameLocked && <div class=\"name-locked-hint\">Your name has been set by the sender and cannot be changed.</div>}\n          </div>\n\n          <div style={{fontWeight: '400', color: '#242424', fontSize: '13px'}}>Select a signature style</div>\n\n          <div style={{display: 'flex', flexDirection: 'row', gap: '10px', marginBottom: '6px', alignItems: 'center', fontSize: '13px'}}>\n            <verdocs-radio-button checked={this.mode === 'type'} value=\"type\" name=\"mode\" onClick={() => (this.mode = 'type')} />\n            <label>Typed with a keyboard</label>\n          </div>\n          <div style={{display: 'flex', flexDirection: 'row', gap: '10px', marginBottom: '6px', alignItems: 'center', fontSize: '13px'}}>\n            <verdocs-radio-button checked={this.mode === 'draw'} value=\"draw\" name=\"mode\" onClick={() => (this.mode = 'draw')} />\n            <label>Drawn with touch, mouse, or stylus</label>\n          </div>\n\n          <div class=\"preview-header\">\n            <div style={{fontSize: '13px', fontWeight: '400'}}>Signature Preview</div>\n            {this.mode === 'draw' && (\n              <button class=\"clear-button-text\" onClick={e => this.handleClearDrawing(e, 'signature')} disabled={!this.hasDrawnSignature}>\n                Clear\n              </button>\n            )}\n          </div>\n          <div class=\"canvas-container signature-container\">\n            <div class=\"signing-indicator\">\n              <div class=\"x-icon\" innerHTML={SignatureXIcon}></div>\n              <div class=\"signing-line\"></div>\n            </div>\n            <canvas\n              ref={el => (this.signatureElement = el as HTMLCanvasElement)}\n              // width=\"300\"\n              height=\"79\"\n              class=\"signature-canvas\"\n              onPointerDown={this.handleSigPointerDown}\n              onPointerMove={this.handleSigPointerMove}\n              onPointerUp={this.handleSigPointerUp}\n              onPointerCancel={this.handleSigPointerCancel}\n              style={{touchAction: 'none', cursor: 'crosshair'}}\n            />\n          </div>\n\n          <div class=\"preview-header\">\n            <div style={{fontSize: '13px', fontWeight: '400'}}>Initials Preview</div>\n            {this.mode === 'draw' && (\n              <button class=\"clear-button-text\" onClick={e => this.handleClearDrawing(e, 'initials')} disabled={!this.hasDrawnInitials}>\n                Clear\n              </button>\n            )}\n          </div>\n          <div class=\"canvas-container initials-container\">\n            <div class=\"signing-indicator\">\n              <div class=\"x-icon\" innerHTML={SignatureXIcon}></div>\n              <div class=\"signing-line\"></div>\n            </div>\n            <canvas\n              ref={el => (this.initialsElement = el as HTMLCanvasElement)}\n              // width=\"300\"\n              height=\"79\"\n              class=\"initials-canvas\"\n              onPointerDown={this.handleInitialsPointerDown}\n              onPointerMove={this.handleInitialsPointerMove}\n              onPointerUp={this.handleInitialsPointerUp}\n              onPointerCancel={this.handleInitialsPointerCancel}\n              style={{touchAction: 'none', cursor: 'crosshair'}}\n            />\n          </div>\n\n          <div class=\"disclaimer\">\n            By clicking «Adopt Signature», I agree that the signature and initials above will be the electronic representation of my signature and initials for all purposes when I\n            use them to sign documents. Applying them to a document is legally equivalent to signing with a pen on paper.\n          </div>\n        </div>\n\n        <div class=\"footer\" slot=\"footer\">\n          <div class=\"buttons\">\n            <button class=\"cancel\" onClick={e => this.handleCancel(e)}>\n              Cancel\n            </button>\n            <button class=\"proceed\" onClick={e => this.handleAdopt(e)} disabled={this.isAdoptButtonDisabled()}>\n              Adopt & Sign\n            </button>\n          </div>\n        </div>\n      </verdocs-dialog>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}