@verdocs/web-sdk 6.13.3 → 6.14.1

package/dist/verdocs-web-sdk/{p-58b84a5a.entry.js.map → p-923aabca.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["verdocsEnvelopeSidebarCss","MS_PER_DAY","InformationCircle","Users","ClipboardDocuments","ActivityIcons","visibility","pencil","mail","contact_mail","done","send","gesture","clear","check_circle","link","cancel","done_all","create","perm_identity","people","contact_email","textsms","verified_user","account_circle","idcard","idcardslash","key","keyslash","pin","pinslash","VerdocsEnvelopeSidebar","constructor","hostRef","this","envelopeListenerId","endpoint","VerdocsEndpoint","getDefault","envelopeId","activeTab","panelOpen","showRecipientDialog","showCancelDialog","showReinviteDialog","showUpdateDialog","remindersEnabled","updatingReminders","initialReminder","followupReminders","loading","envelope","componentWillLoad","loadSession","console","log","session","listenToEnvelope","e","_a","sdkError","emit","SDKError","message","_b","response","status","_c","data","disconnectedCallback","unlistenToEnvelope","Store","subscribe","getEnvelope","sortEnvelopeRecipients","initial_reminder","followup_reminders","store","delListener","recipients","sort","a","b","sequence","order","setTab","tab","toggle","open","canResendRecipient","recipient","includes","handleRecipientAction","id","role_name","remindRecipient","then","VerdocsToast","style","catch","envelopeUpdated","event","handleCancelEnvelope","cancelEnvelope","async","r","newEnvelope","JSON","parse","stringify","updateEnvelope","handleUpdateRecipient","originalRecipient","updatedRecipient","fields","email","phone","first_name","last_name","Object","keys","length","updateRecipient","error","prepareHistoryEntries","entries","histories","history_entries","push","icon","date","Date","created_at","_d","updated_at","ownerCanceled","some","history","_e","_f","canceled_at","forEach","find","fullName","formatFullName","toLowerCase","event_detail","getTime","handleToggleReminders","handleSetReminders","render","h","Host","isEnvelopeOwner","userIsEnvelopeOwner","profile","historyEntries","functionsDisabled","recipientsWithActions","getRecipientsWithActions","class","onClick","innerHTML","format","FORMAT_TIMESTAMP","capitalize","_g","profile_id","_h","_k","_j","_l","map","index","canGetInPersonLink","recipientCanAct","canUpdate","canSendReminder","replace","onOptionSelected","item","detail","options","label","disabled","checked","onCheckedChange","Fragment","placeholder","value","String","Math","floor","onBlur","Number","target","color","_m","next_reminder","variant","entry","roleName","onNext","heading","resetRecipient","action"],"sources":["src/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.scss?tag=verdocs-envelope-sidebar","src/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-envelope-sidebar {\n  font-family: $verdocs-primary-font;\n  flex-direction: row;\n  display: flex;\n  flex: 0 0 56px;\n  width: 56px;\n  min-height: 400px;\n  height: 100%;\n  background: #41435e;\n  transition: 0.5s cubic-bezier(0.35, 0, 0.25, 1);\n\n  &.open {\n    flex: 0 0 400px;\n    max-width: 100%;\n    width: 400px;\n\n    @media screen and (max-width: 500px) {\n      flex: 0 0 300px;\n      width: 300px;\n    }\n  }\n\n  .side-buttons {\n    flex-direction: column;\n    flex: 0 0 56px;\n    display: flex;\n\n    button {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      height: 50px;\n      outline: none;\n      border: none;\n      border-left: 2px solid transparent;\n      background: none;\n      width: 100%;\n\n      &.active {\n        border-left: 2px solid #50bd80;\n      }\n\n      svg {\n        color: white;\n        width: 24px;\n        height: 24px;\n      }\n    }\n  }\n\n  .content {\n    flex: 1;\n    display: none;\n    color: white;\n    flex-direction: column;\n    padding: 12px 16px 16px;\n  }\n\n  &.open .content {\n    display: flex;\n    overflow-y: scroll;\n  }\n\n  verdocs-ok-dialog .content {\n    color: black;\n  }\n\n  .title {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    margin-bottom: 12px;\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: 400;\n    //flex: 0;\n  }\n\n  .label {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-size: 12px;\n    line-height: 16px;\n    color: rgba(255, 255, 255, 0.54);\n    //flex: 0;\n  }\n\n  .value {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    margin-bottom: 14px;\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 16px;\n    color: #fff;\n    //flex: 0;\n  }\n\n  .manage-recipients-button {\n    align-self: center;\n    white-space: nowrap;\n    width: 100%;\n    margin: 0 0 10px 0;\n\n    .label {\n      color: #ffffff;\n      font-size: 14px;\n    }\n\n    button {\n      width: 100%;\n    }\n  }\n\n  .recipient-detail {\n    flex: 0;\n    padding: 8px;\n    font-size: 14px;\n    position: relative;\n    flex-direction: column;\n    border: solid 1px #979797;\n    margin-bottom: 16px;\n  }\n\n  .recipient-header {\n    flex-direction: row;\n    box-sizing: border-box;\n    display: flex;\n    gap: 6px;\n    align-items: center;\n    margin-bottom: 4px;\n  }\n\n  .recipient-number {\n    width: 24px;\n    height: 24px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 24px;\n    font-size: 14px;\n    font-weight: 500;\n    border: solid 1px #979797;\n  }\n\n  .recipient-name {\n    flex: 1;\n    box-sizing: border-box;\n    text-transform: capitalize;\n  }\n\n  .recipient-email {\n    flex: 1;\n    box-sizing: border-box;\n  }\n\n  .recipient-phone {\n    flex: 1;\n    box-sizing: border-box;\n  }\n\n  .recipient-status {\n    flex: 0 0 100px;\n    border-radius: 5px;\n    text-align: center;\n    box-sizing: border-box;\n    max-width: 100px;\n    min-width: 100px;\n    background-color: #616161; // Default\n    text-transform: capitalize;\n    font-size: 14px;\n    padding: 3px 0;\n\n    &.invited {\n      background-color: #ff8f00;\n    }\n    &.opened {\n      background-color: #616161;\n    }\n    &.signed,\n    &.submitted {\n      background-color: #2e7d32;\n    }\n    &.pending {\n      background-color: #0277bd;\n    }\n    &.canceled,\n    &.declined {\n      background-color: #c62828;\n    }\n\n    @media screen and (max-width: 500px) {\n      flex: 1 1 60px;\n      max-width: 60px;\n      min-width: 60px;\n    }\n  }\n\n  .recipient-content {\n    flex-direction: column;\n  }\n\n  .recipient-name {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .history-entry {\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n    padding: 8px 0 0;\n    margin: 8px 0 0;\n    border-top: 1px solid #dddddd;\n\n    .activity-icon {\n      margin-right: 14px;\n\n      svg {\n        width: 24px;\n        height: 24px;\n        fill: #ffffff;\n      }\n    }\n\n    .activity-details {\n    }\n\n    .activity-text {\n      font-size: 14px;\n      line-height: 16px;\n      margin-bottom: 4px;\n    }\n\n    .activity-date {\n      font-size: 12px;\n      line-height: 16px;\n      color: rgba(255, 255, 255, 0.54);\n    }\n  }\n\n  .content .history-entry:first-of-type {\n    border-top: none;\n  }\n\n  .reminders {\n    margin: 15px 0 30px 0;\n\n    .form-row {\n      margin: 8px 0 0;\n      display: flex;\n      flex-direction: row;\n\n      .reminders-label {\n        display: flex;\n        flex: 1;\n      }\n\n      .form-label {\n        flex: 1;\n      }\n\n      verdocs-text-input {\n        margin: 0;\n        width: 100px;\n      }\n    }\n  }\n}\n","import {format} from 'date-fns';\nimport {getRecipientsWithActions, IEnvelope, IRecipient, recipientCanAct, updateRecipient} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Fragment, Host, Prop, State} from '@stencil/core';\nimport {cancelEnvelope, capitalize, formatFullName, getEnvelope, resetRecipient, remindRecipient, updateEnvelope, userIsEnvelopeOwner, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {FORMAT_TIMESTAMP} from '../../../utils/Types';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nconst MS_PER_DAY = 24 * 60 * 60 * 1000;\n\nconst InformationCircle = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ffffff\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z\" /></svg>`;\n\nconst Users = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ffffff\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z\" /></svg>`;\n\nconst ClipboardDocuments = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ffffff\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z\" /></svg>`;\n\n// https://materialui.co/icon/verified-user and https://heroicons.com/\nconst ActivityIcons = {\n  visibility: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path d=\"M12 15a3 3 0 100-6 3 3 0 000 6z\" /><path fill-rule=\"evenodd\" d=\"M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 010-1.113zM17.25 12a5.25 5.25 0 11-10.5 0 5.25 5.25 0 0110.5 0z\" clip-rule=\"evenodd\" /></svg>`,\n  pencil: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path d=\"M21.731 2.269a2.625 2.625 0 00-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 000-3.712zM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 00-1.32 2.214l-.8 2.685a.75.75 0 00.933.933l2.685-.8a5.25 5.25 0 002.214-1.32L19.513 8.2z\" /></svg>`,\n  mail: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"/></svg>`,\n  contact_mail: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"/></svg>`,\n  done: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path fill-rule=\"evenodd\" d=\"M19.916 4.626a.75.75 0 01.208 1.04l-9 13.5a.75.75 0 01-1.154.114l-6-6a.75.75 0 011.06-1.06l5.353 5.353 8.493-12.739a.75.75 0 011.04-.208z\" clip-rule=\"evenodd\" /></svg>`,\n  send: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"/></svg>`,\n  gesture: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M4.59 6.89c.7-.71 1.4-1.35 1.71-1.22.5.2 0 1.03-.3 1.52-.25.42-2.86 3.89-2.86 6.31 0 1.28.48 2.34 1.34 2.98.75.56 1.74.73 2.64.46 1.07-.31 1.95-1.4 3.06-2.77 1.21-1.49 2.83-3.44 4.08-3.44 1.63 0 1.65 1.01 1.76 1.79-3.78.64-5.38 3.67-5.38 5.37 0 1.7 1.44 3.09 3.21 3.09 1.63 0 4.29-1.33 4.69-6.1H21v-2.5h-2.47c-.15-1.65-1.09-4.2-4.03-4.2-2.25 0-4.18 1.91-4.94 2.84-.58.73-2.06 2.48-2.29 2.72-.25.3-.68.84-1.11.84-.45 0-.72-.83-.36-1.92.35-1.09 1.4-2.86 1.85-3.52.78-1.14 1.3-1.92 1.3-3.28C8.95 3.69 7.31 3 6.44 3 5.12 3 3.97 4 3.72 4.25c-.36.36-.66.66-.88.93l1.75 1.71zm9.29 11.66c-.31 0-.74-.26-.74-.72 0-.6.73-2.2 2.87-2.76-.3 2.69-1.43 3.48-2.13 3.48z\"/></svg>`,\n  clear: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/></svg>`,\n  check_circle: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/></svg>`,\n  link: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z\"/></svg>`,\n  cancel: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"/></svg>`,\n  done_all: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41L1.83 12 .41 13.41z\"/></svg>`,\n  create: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"/></svg>`,\n  perm_identity: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"/></svg>`,\n  people: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"/></svg>`,\n  contact_email: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M21 8V7l-3 2-3-2v1l3 2 3-2zm1-5H2C.9 3 0 3.9 0 5v14c0 1.1.9 2 2 2h20c1.1 0 1.99-.9 1.99-2L24 5c0-1.1-.9-2-2-2zM8 6c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H2v-1c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1zm8-6h-8V6h8v6z\"/></svg>`,\n  textsms: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 11H7V9h2v2zm4 0h-2V9h2v2zm4 0h-2V9h2v2z\"/></svg>`,\n  verified_user: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path fill-rule=\"evenodd\" d=\"M12.516 2.17a.75.75 0 00-1.032 0 11.209 11.209 0 01-7.877 3.08.75.75 0 00-.722.515A12.74 12.74 0 002.25 9.75c0 5.942 4.064 10.933 9.563 12.348a.749.749 0 00.374 0c5.499-1.415 9.563-6.406 9.563-12.348 0-1.39-.223-2.73-.635-3.985a.75.75 0 00-.722-.516l-.143.001c-2.996 0-5.717-1.17-7.734-3.08zm3.094 8.016a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z\" clip-rule=\"evenodd\" /></svg>`,\n  account_circle: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"/></svg>`,\n  idcard: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M16 10H18\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16 14H18\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M6.16992 15.0001C6.37606 14.4141 6.75902 13.9065 7.26594 13.5475C7.77286 13.1884 8.37873 12.9956 8.99992 12.9956C9.62111 12.9956 10.227 13.1884 10.7339 13.5475C11.2408 13.9065 11.6238 14.4141 11.8299 15.0001\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9 13C10.1046 13 11 12.1046 11 11C11 9.89543 10.1046 9 9 9C7.89543 9 7 9.89543 7 11C7 12.1046 7.89543 13 9 13Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M20 5H4C2.89543 5 2 5.89543 2 7V17C2 18.1046 2.89543 19 4 19H20C21.1046 19 22 18.1046 22 17V7C22 5.89543 21.1046 5 20 5Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`,\n  idcardslash: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M16 10H18\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16 14H18\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M6.16992 15.0001C6.37606 14.4141 6.75902 13.9065 7.26594 13.5475C7.77286 13.1884 8.37873 12.9956 8.99992 12.9956C9.62111 12.9956 10.227 13.1884 10.7339 13.5475C11.2408 13.9065 11.6238 14.4141 11.8299 15.0001\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9 13C10.1046 13 11 12.1046 11 11C11 9.89543 10.1046 9 9 9C7.89543 9 7 9.89543 7 11C7 12.1046 7.89543 13 9 13Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M20 5H4C2.89543 5 2 5.89543 2 7V17C2 18.1046 2.89543 19 4 19H20C21.1046 19 22 18.1046 22 17V7C22 5.89543 21.1046 5 20 5Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M2 2L22 22\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`,\n  key: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.586 17.4139C2.2109 17.7889 2.00011 18.2975 2 18.8279V20.9999C2 21.2651 2.10536 21.5195 2.29289 21.707C2.48043 21.8946 2.73478 21.9999 3 21.9999H6C6.26522 21.9999 6.51957 21.8946 6.70711 21.707C6.89464 21.5195 7 21.2651 7 20.9999V19.9999C7 19.7347 7.10536 19.4803 7.29289 19.2928C7.48043 19.1053 7.73478 18.9999 8 18.9999H9C9.26522 18.9999 9.51957 18.8946 9.70711 18.707C9.89464 18.5195 10 18.2651 10 17.9999V16.9999C10 16.7347 10.1054 16.4803 10.2929 16.2928C10.4804 16.1053 10.7348 15.9999 11 15.9999H11.172C11.7024 15.9998 12.211 15.789 12.586 15.4139L13.4 14.5999C14.7898 15.0841 16.3028 15.0822 17.6915 14.5947C19.0801 14.1071 20.2622 13.1628 21.0444 11.916C21.8265 10.6693 22.1624 9.19409 21.9971 7.73165C21.8318 6.26922 21.1751 4.90617 20.1344 3.86549C19.0937 2.8248 17.7307 2.1681 16.2683 2.00281C14.8058 1.83751 13.3306 2.17341 12.0839 2.95556C10.8372 3.7377 9.89279 4.91979 9.40525 6.30844C8.91771 7.69708 8.91585 9.21008 9.4 10.5999L2.586 17.4139Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16.5 8C16.7761 8 17 7.77614 17 7.5C17 7.22386 16.7761 7 16.5 7C16.2239 7 16 7.22386 16 7.5C16 7.77614 16.2239 8 16.5 8Z\" fill=\"black\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`,\n  keyslash: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.586 17.4139C2.2109 17.7889 2.00011 18.2975 2 18.8279V20.9999C2 21.2651 2.10536 21.5195 2.29289 21.707C2.48043 21.8946 2.73478 21.9999 3 21.9999H6C6.26522 21.9999 6.51957 21.8946 6.70711 21.707C6.89464 21.5195 7 21.2651 7 20.9999V19.9999C7 19.7347 7.10536 19.4803 7.29289 19.2928C7.48043 19.1053 7.73478 18.9999 8 18.9999H9C9.26522 18.9999 9.51957 18.8946 9.70711 18.707C9.89464 18.5195 10 18.2651 10 17.9999V16.9999C10 16.7347 10.1054 16.4803 10.2929 16.2928C10.4804 16.1053 10.7348 15.9999 11 15.9999H11.172C11.7024 15.9998 12.211 15.789 12.586 15.4139L13.4 14.5999C14.7898 15.0841 16.3028 15.0822 17.6915 14.5947C19.0801 14.1071 20.2622 13.1628 21.0444 11.916C21.8265 10.6693 22.1624 9.19409 21.9971 7.73165C21.8318 6.26922 21.1751 4.90617 20.1344 3.86549C19.0937 2.8248 17.7307 2.1681 16.2683 2.00281C14.8058 1.83751 13.3306 2.17341 12.0839 2.95556C10.8372 3.7377 9.89279 4.91979 9.40525 6.30844C8.91771 7.69708 8.91585 9.21008 9.4 10.5999L2.586 17.4139Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16.5 8C16.7761 8 17 7.77614 17 7.5C17 7.22386 16.7761 7 16.5 7C16.2239 7 16 7.22386 16 7.5C16 7.77614 16.2239 8 16.5 8Z\" fill=\"black\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`,\n  pin: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 17V22\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9 10.76C8.9998 11.1321 8.89581 11.4967 8.69972 11.813C8.50363 12.1292 8.22321 12.3844 7.89 12.55L6.11 13.45C5.77679 13.6156 5.49637 13.8708 5.30028 14.187C5.10419 14.5033 5.0002 14.8679 5 15.24V16C5 16.2652 5.10536 16.5196 5.29289 16.7071C5.48043 16.8946 5.73478 17 6 17H18C18.2652 17 18.5196 16.8946 18.7071 16.7071C18.8946 16.5196 19 16.2652 19 16V15.24C18.9998 14.8679 18.8958 14.5033 18.6997 14.187C18.5036 13.8708 18.2232 13.6156 17.89 13.45L16.11 12.55C15.7768 12.3844 15.4964 12.1292 15.3003 11.813C15.1042 11.4967 15.0002 11.1321 15 10.76V7C15 6.73478 15.1054 6.48043 15.2929 6.29289C15.4804 6.10536 15.7348 6 16 6C16.5304 6 17.0391 5.78929 17.4142 5.41421C17.7893 5.03914 18 4.53043 18 4C18 3.46957 17.7893 2.96086 17.4142 2.58579C17.0391 2.21071 16.5304 2 16 2H8C7.46957 2 6.96086 2.21071 6.58579 2.58579C6.21071 2.96086 6 3.46957 6 4C6 4.53043 6.21071 5.03914 6.58579 5.41421C6.96086 5.78929 7.46957 6 8 6C8.26522 6 8.51957 6.10536 8.70711 6.29289C8.89464 6.48043 9 6.73478 9 7V10.76Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`,\n  pinslash: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 17V22\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M15.0006 9.34V7C15.0006 6.73478 15.106 6.48043 15.2935 6.29289C15.4811 6.10536 15.7354 6 16.0006 6C16.5311 6 17.0398 5.78929 17.4148 5.41421C17.7899 5.03914 18.0006 4.53043 18.0006 4C18.0006 3.46957 17.7899 2.96086 17.4148 2.58579C17.0398 2.21071 16.5311 2 16.0006 2H7.89062\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M2 2L22 22\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9 9V10.76C8.9998 11.1321 8.89581 11.4967 8.69972 11.813C8.50363 12.1292 8.22321 12.3844 7.89 12.55L6.11 13.45C5.77679 13.6156 5.49637 13.8708 5.30028 14.187C5.10419 14.5033 5.0002 14.8679 5 15.24V16C5 16.2652 5.10536 16.5196 5.29289 16.7071C5.48043 16.8946 5.73478 17 6 17H17\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`,\n};\n\ninterface IHistoryEntry {\n  icon: string;\n  message: string;\n  date: Date;\n}\n\n/**\n * Displays a file upload mechanism suitable for the first step of creating a template.\n * This is typically the first step in a template creation workflow.\n */\n@Component({\n  tag: 'verdocs-envelope-sidebar',\n  styleUrl: 'verdocs-envelope-sidebar.scss',\n  shadow: false,\n})\nexport class VerdocsEnvelopeSidebar {\n  private envelopeListenerId = null;\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 envelope ID to render. Set ONE OF templateId or envelopeId. If both are set, envelopeId will be ignored.\n   */\n  @Prop() envelopeId: string = '';\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  /**\n   * Event fired when the envelope is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.\n   */\n  @Event({composed: true}) envelopeUpdated: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string}>;\n\n  /**\n   * Event fired when the sidebar is opened or closed.\n   */\n  @Event({composed: true}) toggle: EventEmitter<{open: boolean}>;\n\n  /**\n   * Event fired when the user clicks Send Another in the Manage Recipients dialog. It is up to the host application\n   * to redirect the user to the appropriate next workflow step.\n   */\n  @Event({composed: true}) another: EventEmitter<{envelope: IEnvelope}>;\n\n  // @State() envelope: IEnvelope | null = null;\n  // @State() sortedRecipients: IRecipient[] = [];\n  // @State() roleNames: string[] = [];\n  @State() activeTab: number = 1;\n  @State() panelOpen = false;\n  @State() showRecipientDialog = '';\n  @State() showCancelDialog = false;\n  @State() showReinviteDialog = '';\n  @State() showUpdateDialog = '';\n\n  @State() remindersEnabled = false;\n  @State() updatingReminders = false;\n  @State() initialReminder: number | null = null;\n  @State() followupReminders: number | null = null;\n\n  @State() loading = true;\n  @State() envelope: IEnvelope | null = null;\n\n  async componentWillLoad() {\n    try {\n      this.endpoint.loadSession();\n\n      if (!this.envelopeId) {\n        console.log(`[SIDEBAR] Missing required envelope ID ${this.envelopeId}`);\n        return;\n      }\n\n      if (!this.endpoint.session) {\n        console.log('[SIDEBAR] Unable to start session, must be authenticated');\n        return;\n      }\n\n      this.listenToEnvelope();\n    } catch (e) {\n      console.log('[SIDEBAR] Error loading envelope', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  disconnectedCallback() {\n    this.unlistenToEnvelope();\n  }\n\n  async listenToEnvelope() {\n    console.log('[SIDEBAR] Loading envelope', this.envelopeId);\n    this.unlistenToEnvelope();\n    Store.subscribe(\n      'envelopes',\n      this.envelopeId,\n      () => getEnvelope(this.endpoint, this.envelopeId),\n      false,\n      (envelope: IEnvelope) => {\n        this.envelope = envelope;\n        this.loading = false;\n\n        this.sortEnvelopeRecipients();\n        this.initialReminder = this.envelope?.initial_reminder;\n        this.followupReminders = this.envelope?.followup_reminders;\n        this.remindersEnabled = !!this.initialReminder;\n      },\n    );\n  }\n\n  unlistenToEnvelope() {\n    if (this.envelopeListenerId) {\n      Store.store.delListener(this.envelopeListenerId);\n      this.envelopeListenerId = null;\n    }\n  }\n\n  sortEnvelopeRecipients() {\n    (this.envelope?.recipients || []).sort((a, b) => {\n      return a.sequence === b.sequence ? a.order - b.order : a.sequence - b.sequence;\n    });\n  }\n\n  setTab(tab: number) {\n    this.panelOpen = tab !== this.activeTab || !this.panelOpen;\n    this.toggle?.emit({open: this.panelOpen});\n    this.activeTab = tab;\n  }\n\n  // TODO: Refactor to a common library?\n  canResendRecipient(recipient: IRecipient) {\n    return (\n      !['pending', 'declined', 'submitted', 'canceled'].includes(recipient.status) && //\n      !['complete', 'declined', 'canceled'].includes(this.envelope?.status)\n    );\n  }\n\n  handleRecipientAction(recipient: IRecipient, id: string) {\n    console.log('[SIDEBAR] Recipient action', id, recipient);\n    switch (id) {\n      case 'update':\n        this.showUpdateDialog = recipient.role_name;\n        break;\n\n      case 'reminder':\n        remindRecipient(this.endpoint, this.envelopeId, recipient.role_name)\n          .then(() => {\n            VerdocsToast('Reminder Sent', {style: 'success'});\n          })\n          .catch(e => {\n            console.log('[SIDEBAR] Error resending invitation', e);\n            VerdocsToast('Error resending invitation: ' + e.message, {style: 'error'});\n          });\n        break;\n\n      case 'reinvite':\n        this.showReinviteDialog = recipient.role_name;\n        break;\n\n      case 'inperson':\n        this.showRecipientDialog = recipient.role_name;\n        break;\n\n      case 'modify':\n        VerdocsToast('This feature will be enabled in a future release. Please try again later.', {style: 'info'});\n        break;\n\n      case 'details':\n        VerdocsToast('This feature will be enabled in a future release. Please try again later.', {style: 'info'});\n        break;\n    }\n\n    this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: id});\n  }\n\n  handleCancelEnvelope() {\n    this.loading = true;\n    cancelEnvelope(this.endpoint, this.envelopeId)\n      .then(async r => {\n        console.log('[SIDEBAR] Envelope canceled', r);\n        VerdocsToast('Envelope canceled', {style: 'success'});\n\n        // TODO: Use returned value instead?\n        const newEnvelope = JSON.parse(JSON.stringify(this.envelope));\n        newEnvelope.status = 'canceled';\n        Store.updateEnvelope(this.envelopeId, newEnvelope);\n\n        this.loading = false;\n        this.panelOpen = false;\n        this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: newEnvelope, event: 'canceled'});\n      })\n      .catch(e => {\n        console.log('[SIDEBAR] Error canceling envelope', e);\n        this.loading = false;\n        VerdocsToast('Error canceling envelope: ' + e.message, {style: 'error'});\n      });\n  }\n\n  handleUpdateRecipient(originalRecipient: IRecipient, updatedRecipient: IRecipient) {\n    console.log('Updating recipient', originalRecipient, updatedRecipient);\n    const fields: any = {};\n    if (updatedRecipient.email !== originalRecipient.email) {\n      fields.email = updatedRecipient.email;\n    }\n    if (updatedRecipient.phone !== originalRecipient.phone) {\n      fields.phone = updatedRecipient.phone;\n    }\n    if (updatedRecipient.message !== originalRecipient.message) {\n      fields.message = updatedRecipient.message;\n    }\n    if (updatedRecipient.first_name !== originalRecipient.first_name) {\n      fields.first_name = updatedRecipient.first_name;\n    }\n    if (updatedRecipient.last_name !== originalRecipient.last_name) {\n      fields.last_name = updatedRecipient.last_name;\n    }\n\n    if (Object.keys(fields).length > 0) {\n      updateRecipient(this.endpoint, this.envelopeId, originalRecipient.role_name, fields)\n        .then(r => {\n          // TODO: Reload the envelope?\n          VerdocsToast('Recipient updated', {style: 'success'});\n          console.log('[SIDEBAR] Updated recipient', r);\n          Store.getEnvelope(this.endpoint, this.envelopeId, true);\n          this.showUpdateDialog = '';\n        })\n        .catch(e => {\n          VerdocsToast(e.response.data.error, {style: 'error'});\n          this.showUpdateDialog = '';\n        });\n    } else {\n      this.showUpdateDialog = '';\n    }\n  }\n\n  prepareHistoryEntries() {\n    const entries: IHistoryEntry[] = [];\n    const histories = this.envelope?.history_entries || [];\n\n    entries.push({icon: 'pencil', message: 'Envelope created.', date: new Date(this.envelope?.created_at)});\n\n    if (this.envelope?.status === 'complete') {\n      entries.push({icon: 'pencil', message: 'Envelope completed.', date: new Date(this.envelope?.updated_at)});\n    }\n\n    // TODO: Shift back to server-side generating these events? We'll still need\n    // to tolerate both cases here for a while.\n    const ownerCanceled = histories.some(history => (history.event as any) === 'owner:canceled');\n    if (this.envelope?.status === 'canceled' && !ownerCanceled) {\n      entries.push({icon: 'pencil', message: 'Envelope Canceled.', date: new Date(this.envelope?.canceled_at)});\n    }\n\n    histories.forEach(history => {\n      const recipient = (this.envelope?.recipients || []).find(recipient => recipient.role_name === history.role_name);\n      const fullName = formatFullName(recipient);\n\n      switch (history.event.toLowerCase()) {\n        case 'recipient:kba_verified':\n          entries.push({icon: 'key', message: `KBA verification completed by ${fullName}.`, date: new Date(history.created_at)});\n          break;\n        case 'recipient:kba_failed':\n          entries.push({icon: 'keyslash', message: `KBA verification failed by ${fullName}.`, date: new Date(history.created_at)});\n          break;\n        case 'recipient:id_verified':\n          entries.push({icon: 'idcard', message: `ID verification completed by ${fullName}.`, date: new Date(history.created_at)});\n          break;\n        case 'recipient:id_failed':\n          entries.push({icon: 'idcardslash', message: `ID verification failed by ${fullName}.`, date: new Date(history.created_at)});\n          break;\n        case 'recipient:pin_verified':\n          entries.push({icon: 'pin', message: `PIN verification completed by ${fullName}.`, date: new Date(history.created_at)});\n          break;\n        case 'recipient:pin_failed':\n          entries.push({icon: 'pinslash', message: `PIN verification failed by ${fullName}.`, date: new Date(history.created_at)});\n          break;\n        case 'recipient:signed':\n          entries.push({icon: 'gesture', message: `Signed by ${fullName}.`, date: new Date(history.created_at)});\n          break;\n        case 'recipient:declined':\n          entries.push({icon: 'clear', message: `Declined by ${fullName}.`, date: new Date(history.created_at)});\n          break;\n        case 'recipient:opened':\n          switch (history.event_detail) {\n            // TODO: Sync these up with reality\n            case 'email':\n            case 'mail':\n              entries.push({icon: 'visibility', message: `Opened by ${fullName}, via email.`, date: new Date(history.created_at)});\n              break;\n            case 'sms':\n              entries.push({icon: 'visibility', message: `Opened by ${fullName}, via SMS.`, date: new Date(history.created_at)});\n              break;\n            case 'in_person_link':\n              entries.push({icon: 'visibility', message: `Opened by ${fullName}, via In-person link.`, date: new Date(history.created_at)});\n              break;\n            case 'in_app':\n              entries.push({icon: 'visibility', message: `Opened by ${fullName}, via dashboard.`, date: new Date(history.created_at)});\n              break;\n            default:\n              entries.push({icon: 'visibility', message: `Opened by ${fullName}.`, date: new Date(history.created_at)});\n          }\n          break;\n        case 'recipient:submitted':\n          switch (history.event_detail) {\n            // TODO: Sync up\n            case 'approver':\n              entries.push({icon: 'check_circle', message: `Approved by ${fullName}.`, date: new Date(history.created_at)});\n              break;\n            default:\n              entries.push({icon: 'send', message: `Submitted by ${fullName}.`, date: new Date(history.created_at)});\n              break;\n          }\n          break;\n        case 'recipient:prepared':\n          entries.push({icon: 'send', message: `Prepared by ${fullName}.`, date: new Date(history.created_at)});\n          break;\n        case 'recipient:claimed':\n          if (history.event_detail === 'guest') {\n            entries.push({icon: 'account_circle', message: `${fullName} claimed the Envelope as a guest.`, date: new Date(history.created_at)});\n          } else if (history.event_detail === 'profile') {\n            entries.push({icon: 'verified_user', message: `${fullName} claimed the Envelope as a verified user.`, date: new Date(history.created_at)});\n          }\n          break;\n        case 'recipient:agreed':\n          entries.push({icon: 'done', message: `${fullName} agreed to use electronic records and signatures.`, date: new Date(history.created_at)});\n          break;\n        case 'recipient:invited':\n          if (history.event_detail === 'sms') {\n            entries.push({icon: 'textsms', message: `${fullName} has been invited via SMS.`, date: new Date(history.created_at)});\n          } else {\n            entries.push({icon: 'mail', message: `${fullName} has been invited via email.`, date: new Date(history.created_at)});\n          }\n          break;\n        case 'recipient:reminder':\n          if (history.event_detail === 'sms') {\n            entries.push({icon: 'textsms', message: `${fullName} sent a reminder via SMS.`, date: new Date(history.created_at)});\n          } else {\n            entries.push({icon: 'mail', message: `${fullName} sent a reminder via email.`, date: new Date(history.created_at)});\n          }\n          break;\n        case 'invitation:resent':\n          entries.push({\n            icon: 'mail',\n            message: `Invitation was resent to ${fullName}${history.event_detail === 'reminder' ? ' by reminder' : ''}.`,\n            date: new Date(history.created_at),\n          });\n          break;\n        case 'envelope:cc':\n          entries.push({icon: 'contact_mail', message: `A copy has been sent to ${fullName}.`, date: new Date(history.created_at)});\n          break;\n        case 'recipient:delegated':\n          entries.push({icon: 'people', message: history.event_detail, date: new Date(history.created_at)});\n          break;\n        case 'recipient:updated_info':\n          entries.push({icon: 'perm_identity', message: history.event_detail, date: new Date(history.created_at)});\n          break;\n        case 'owner:updated_recipient_info':\n          entries.push({icon: 'perm_identity', message: history.event_detail, date: new Date(history.created_at)});\n          break;\n        case 'created':\n          entries.push({icon: 'create', message: `Envelope was created.`, date: new Date(history.created_at)});\n          break;\n        case 'completed':\n          entries.push({icon: 'done_all', message: `Envelope was completed.`, date: new Date(history.created_at)});\n          break;\n        // TODO: Final answer?\n        case 'envelope:canceled':\n        case 'envelope_canceled':\n        case 'canceled':\n        case 'owner:canceled':\n          entries.push({icon: 'cancel', message: `Envelope was canceled by the creator.`, date: new Date(history.created_at)});\n          break;\n        case 'envelope:expired':\n          entries.push({icon: 'cancel', message: `Envelope expired.`, date: new Date(history.created_at)});\n          break;\n        case 'owner:get_in_person_link':\n          entries.push({icon: 'link', message: `Owner accessed the In-person link for ${recipient}.`, date: new Date(history.created_at)});\n          break;\n        default:\n          console.log('[SIDEBAR] Unknown history type', history);\n          break;\n      }\n    });\n\n    entries.sort((a, b) => b.date.getTime() - a.date.getTime());\n    return entries;\n  }\n\n  // canModify(recipient: IRecipient) {\n  //   const invalidRecipientStatus = ['declined', 'signed', 'submitted', 'canceled'];\n  //   const invalidEnvelopeStatus = ['complete', 'declined', 'canceled'];\n  //   return recipient.claimed !== true && invalidRecipientStatus.indexOf(recipient.status) === -1 && invalidEnvelopeStatus.indexOf(this.envelope?.status) === -1;\n  // }\n\n  handleToggleReminders() {\n    if (this.remindersEnabled) {\n      return this.handleSetReminders(null, null);\n    } else {\n      return this.handleSetReminders(MS_PER_DAY, 3 * MS_PER_DAY);\n    }\n  }\n\n  handleSetReminders(initial_reminder: number | null, followup_reminders: number | null) {\n    console.log('Updating reminders...');\n    this.updatingReminders = true;\n\n    updateEnvelope(this.endpoint, this.envelopeId, {initial_reminder, followup_reminders})\n      .then(envelope => {\n        console.log('Updated', envelope);\n        Store.updateEnvelope(this.envelopeId, envelope);\n        this.initialReminder = envelope.initial_reminder;\n        this.followupReminders = envelope.followup_reminders;\n        this.remindersEnabled = !!envelope.initial_reminder;\n        this.updatingReminders = false;\n      })\n      .catch(e => {\n        console.log('Error updating envelope', e);\n        this.initialReminder = this.envelope?.initial_reminder;\n        this.followupReminders = this.envelope?.followup_reminders;\n        this.remindersEnabled = !!this.envelope?.initial_reminder;\n        this.updatingReminders = false;\n        VerdocsToast(e.response.data.error, {style: 'error'});\n      });\n  }\n\n  render() {\n    if (this.loading) {\n      // We don't show a loading indicator for the sidebar, to avoid FOUS\n      return <Host />;\n    }\n\n    const isEnvelopeOwner = userIsEnvelopeOwner(this.endpoint.profile, this.envelope);\n    const historyEntries = this.prepareHistoryEntries();\n    const functionsDisabled = this.envelope?.status !== 'pending' && this.envelope?.status !== 'in progress';\n    const recipientsWithActions = getRecipientsWithActions(this.envelope);\n\n    return (\n      <Host class={this.panelOpen ? 'open' : ''}>\n        <div class=\"side-buttons\">\n          <button class={this.activeTab === 1 ? 'active' : ''} onClick={() => this.setTab(1)} innerHTML={InformationCircle} />\n          <button class={this.activeTab === 2 ? 'active' : ''} onClick={() => this.setTab(2)} innerHTML={Users} />\n          <button class={this.activeTab === 3 ? 'active' : ''} onClick={() => this.setTab(3)} innerHTML={ClipboardDocuments} />\n        </div>\n\n        {this.activeTab === 1 && (\n          <div class=\"content\">\n            <div class=\"title\">Details</div>\n\n            <div class=\"label\">Envelope ID</div>\n            <div class=\"value\">{this.envelope?.id}</div>\n\n            <div class=\"label\">Date Created</div>\n            <div class=\"value\">{format(new Date(this.envelope?.created_at), FORMAT_TIMESTAMP)}</div>\n\n            <div class=\"label\">Last Modified</div>\n            <div class=\"value\">{format(new Date(this.envelope?.updated_at), FORMAT_TIMESTAMP)}</div>\n\n            <div class=\"label\">Status</div>\n            <div class=\"value\">{capitalize(this.envelope?.status)}</div>\n\n            <div class=\"label\">Owner ID</div>\n            <div class=\"value\">{this.envelope?.profile_id}</div>\n\n            <div class=\"label\">Owner Name</div>\n            <div class=\"value\">{formatFullName(this.envelope?.profile)}</div>\n\n            <div class=\"label\">Owner Email</div>\n            <div class=\"value\">{this.envelope?.profile?.email}</div>\n          </div>\n        )}\n\n        {this.activeTab === 2 && (\n          <div class=\"content\">\n            <div class=\"title\">Recipients</div>\n            {this.envelope?.recipients.map((recipient, index) => {\n              const canGetInPersonLink = recipientCanAct(recipient, recipientsWithActions);\n              const canUpdate = recipient.status !== 'submitted';\n              const canSendReminder = this.canResendRecipient(recipient);\n              const fullName = formatFullName(recipient);\n\n              return (\n                <div class=\"recipient-detail\">\n                  <div class=\"recipient-header\">\n                    <div class=\"recipient-number\">{index + 1}</div>\n                    <div class=\"recipient-name\">{recipient.role_name.replace('delegated_to_', 'Delegated')}</div>\n                    <div class={{'recipient-status': true, [recipient.status]: true}}>{recipient.status}</div>\n                    {isEnvelopeOwner && !functionsDisabled && (\n                      <verdocs-dropdown\n                        onOptionSelected={item => this.handleRecipientAction(recipient, item.detail.id)}\n                        options={[\n                          {id: 'update', label: 'Update', disabled: !canUpdate},\n                          {id: 'reminder', label: 'Send Reminder', disabled: !canSendReminder},\n                          {id: 'inperson', label: 'Get In-Person Link', disabled: !canGetInPersonLink},\n                          {id: 'reinvite', label: 'Re-invite', disabled: !canSendReminder},\n                          // {id: 'modify', label: 'Modify Recipient', disabled: !this.canModifyRecipient(recipient)},\n                          // TODO: Details dialog\n                          // {id:'details',label: 'View Details'},\n                        ]}\n                      />\n                    )}\n                  </div>\n\n                  <dic class=\"recipient-content\">\n                    <div class=\"recipient-name\">{fullName}</div>\n                    <div class=\"recipient-email\">{recipient.email}</div>\n                    <div class=\"recipient-phone\">{recipient.phone}</div>\n                  </dic>\n                </div>\n              );\n            })}\n\n            {isEnvelopeOwner && (\n              <div class=\"reminders\">\n                <div class=\"form-row\">\n                  <div class=\"reminders-label\">Reminders</div>\n                  <verdocs-switch disabled={functionsDisabled || this.updatingReminders} checked={this.remindersEnabled} onCheckedChange={() => this.handleToggleReminders()} />\n                </div>\n\n                {this.remindersEnabled && (\n                  <Fragment>\n                    <div class=\"form-row\">NOTE: Reminders will only be sent for up to 14 days.</div>\n                    <div class=\"form-row\">\n                      <div class=\"form-label\">Initial Reminder (days):</div>\n                      <verdocs-text-input\n                        placeholder=\"In hours...\"\n                        disabled={functionsDisabled || this.updatingReminders}\n                        value={String(Math.floor(this.initialReminder / MS_PER_DAY))}\n                        onBlur={(e: any) => {\n                          this.initialReminder = Number(e.target.value) * MS_PER_DAY;\n                          this.handleSetReminders(this.initialReminder, this.followupReminders);\n                        }}\n                      />\n                    </div>\n                    <div class=\"form-row\">\n                      <div class=\"form-label\">Follow-up Reminders:</div>\n                      <verdocs-text-input\n                        placeholder=\"In hours...\"\n                        disabled={functionsDisabled || this.updatingReminders}\n                        value={String(Math.floor(this.followupReminders / MS_PER_DAY))}\n                        onBlur={(e: any) => {\n                          this.followupReminders = Number(e.target.value) * MS_PER_DAY;\n                          this.handleSetReminders(this.initialReminder, this.followupReminders);\n                        }}\n                      />\n                    </div>\n                    <div class=\"form-row\">\n                      <div class=\"form-label\">Next Reminder:</div>\n                      <div style={{color: '#dddddd'}}>{format(new Date(this.envelope?.next_reminder), 'P p')}</div>\n                    </div>\n                  </Fragment>\n                )}\n              </div>\n            )}\n            {isEnvelopeOwner && (\n              <verdocs-button\n                class=\"manage-recipients-button\"\n                variant=\"standard\"\n                label=\"Cancel Envelope\"\n                onClick={() => (this.showCancelDialog = !functionsDisabled)}\n                disabled={functionsDisabled}\n              />\n            )}\n          </div>\n        )}\n\n        {this.activeTab === 3 && (\n          <div class=\"content\">\n            <div class=\"title\">History</div>\n\n            {historyEntries.map(entry => (\n              <div class=\"history-entry\">\n                <div class=\"activity-icon\" innerHTML={ActivityIcons[entry.icon] || entry.icon} />\n                <div class=\"activity-details\">\n                  <div class=\"activity-text\">{entry.message}</div>\n                  {/* 'MMMM Do YYYY, h:mm:ss a'  */}\n                  <div class=\"activity-date\">{format(entry.date, FORMAT_TIMESTAMP)}</div>\n                </div>\n              </div>\n            ))}\n          </div>\n        )}\n\n        {this.showRecipientDialog && (\n          <verdocs-envelope-recipient-link envelopeId={this.envelopeId} roleName={this.showRecipientDialog} onNext={() => (this.showRecipientDialog = '')} />\n        )}\n\n        {this.showCancelDialog && (\n          <verdocs-ok-dialog\n            heading=\"Cancel Envelope?\"\n            message={'Are you sure you want to cancel this Envelope? This action cannot be undone.'}\n            onNext={() => {\n              this.showCancelDialog = false;\n              this.handleCancelEnvelope();\n            }}\n          />\n        )}\n\n        {this.showReinviteDialog && (\n          <verdocs-ok-dialog\n            heading=\"Re-invite Recipient?\"\n            message={'This will reset the recipient\\'s KBA status and send a new signing invitation. If you just want to send a reminder, please click \"Send Reminder\" instead.'}\n            onNext={() => {\n              resetRecipient(this.endpoint, this.envelopeId, this.showReinviteDialog)\n                .then(() => {\n                  VerdocsToast('Recipient Reset', {style: 'success'});\n                  this.showReinviteDialog = '';\n                })\n                .catch(e => {\n                  console.log('[SIDEBAR] Error resetting recipient', e);\n                  VerdocsToast('Error resetting recipient: ' + e.message, {style: 'error'});\n                  this.showReinviteDialog = '';\n                });\n            }}\n          />\n        )}\n\n        {this.showUpdateDialog && (\n          <verdocs-envelope-update-recipient\n            envelopeId={this.envelopeId}\n            roleName={this.showUpdateDialog}\n            onNext={e => {\n              console.log('next', e.detail);\n              if (e.detail.action === 'save') {\n                this.handleUpdateRecipient(e.detail.originalRecipient, e.detail.updatedRecipient);\n              } else {\n                this.showUpdateDialog = '';\n              }\n            }}\n          />\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["verdocsEnvelopeSidebarCss","MS_PER_DAY","InformationCircle","Users","ClipboardDocuments","ActivityIcons","visibility","pencil","mail","contact_mail","done","send","gesture","clear","check_circle","link","cancel","done_all","create","perm_identity","people","contact_email","textsms","verified_user","account_circle","idcard","idcardslash","key","keyslash","pin","pinslash","VerdocsEnvelopeSidebar","constructor","hostRef","this","envelopeListenerId","endpoint","VerdocsEndpoint","getDefault","envelopeId","activeTab","panelOpen","showRecipientDialog","showCancelDialog","showReinviteDialog","showUpdateDialog","remindersEnabled","updatingReminders","initialReminder","followupReminders","loading","envelope","componentWillLoad","loadSession","console","log","session","listenToEnvelope","e","_a","sdkError","emit","SDKError","message","_b","response","status","_c","data","disconnectedCallback","unlistenToEnvelope","Store","subscribe","getEnvelope","sortEnvelopeRecipients","initial_reminder","followup_reminders","store","delListener","recipients","sort","a","b","sequence","order","setTab","tab","toggle","open","canResendRecipient","recipient","includes","handleRecipientAction","id","role_name","remindRecipient","then","VerdocsToast","style","catch","envelopeUpdated","event","handleCancelEnvelope","cancelEnvelope","async","r","newEnvelope","JSON","parse","stringify","updateEnvelope","handleUpdateRecipient","originalRecipient","updatedRecipient","fields","email","phone","first_name","last_name","Object","keys","length","updateRecipient","error","prepareHistoryEntries","entries","histories","history_entries","push","icon","date","Date","created_at","_d","updated_at","ownerCanceled","some","history","_e","_f","canceled_at","forEach","find","fullName","formatFullName","toLowerCase","event_detail","getTime","handleToggleReminders","handleSetReminders","render","h","Host","isEnvelopeOwner","userIsEnvelopeOwner","profile","historyEntries","functionsDisabled","recipientsWithActions","getRecipientsWithActions","class","onClick","innerHTML","format","FORMAT_TIMESTAMP","capitalize","_g","profile_id","_h","_k","_j","_l","map","index","canGetInPersonLink","recipientCanAct","canUpdate","canSendReminder","replace","onOptionSelected","item","detail","options","label","disabled","checked","onCheckedChange","Fragment","placeholder","value","String","Math","floor","onBlur","Number","target","color","_m","next_reminder","variant","entry","roleName","onNext","heading","resetRecipient","action"],"sources":["src/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.scss?tag=verdocs-envelope-sidebar","src/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-envelope-sidebar {\n  font-family: $verdocs-primary-font;\n  flex-direction: row;\n  display: flex;\n  flex: 0 0 56px;\n  width: 56px;\n  min-height: 400px;\n  height: 100%;\n  background: #41435e;\n  transition: 0.5s cubic-bezier(0.35, 0, 0.25, 1);\n\n  &.open {\n    flex: 0 0 400px;\n    max-width: 100%;\n    width: 400px;\n\n    @media screen and (max-width: 500px) {\n      flex: 0 0 300px;\n      width: 300px;\n    }\n  }\n\n  .side-buttons {\n    flex-direction: column;\n    flex: 0 0 56px;\n    display: flex;\n\n    button {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      height: 50px;\n      outline: none;\n      border: none;\n      border-left: 2px solid transparent;\n      background: none;\n      width: 100%;\n\n      &.active {\n        border-left: 2px solid #50bd80;\n      }\n\n      svg {\n        color: white;\n        width: 24px;\n        height: 24px;\n      }\n    }\n  }\n\n  .content {\n    flex: 1;\n    display: none;\n    color: white;\n    flex-direction: column;\n    padding: 12px 16px 16px;\n  }\n\n  &.open .content {\n    display: flex;\n    overflow-y: scroll;\n  }\n\n  verdocs-ok-dialog .content {\n    color: black;\n  }\n\n  .title {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    margin-bottom: 12px;\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: 400;\n    //flex: 0;\n  }\n\n  .label {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-size: 12px;\n    line-height: 16px;\n    color: rgba(255, 255, 255, 0.54);\n    //flex: 0;\n  }\n\n  .value {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    margin-bottom: 14px;\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 16px;\n    color: #fff;\n    //flex: 0;\n  }\n\n  .manage-recipients-button {\n    align-self: center;\n    white-space: nowrap;\n    width: 100%;\n    margin: 0 0 10px 0;\n\n    .label {\n      color: #ffffff;\n      font-size: 14px;\n    }\n\n    button {\n      width: 100%;\n    }\n  }\n\n  .recipient-detail {\n    flex: 0;\n    padding: 8px;\n    font-size: 14px;\n    position: relative;\n    flex-direction: column;\n    border: solid 1px #979797;\n    margin-bottom: 16px;\n  }\n\n  .recipient-header {\n    flex-direction: row;\n    box-sizing: border-box;\n    display: flex;\n    gap: 6px;\n    align-items: center;\n    margin-bottom: 4px;\n  }\n\n  .recipient-number {\n    width: 24px;\n    height: 24px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 24px;\n    font-size: 14px;\n    font-weight: 500;\n    border: solid 1px #979797;\n  }\n\n  .recipient-name {\n    flex: 1;\n    box-sizing: border-box;\n    text-transform: capitalize;\n  }\n\n  .recipient-email {\n    flex: 1;\n    box-sizing: border-box;\n  }\n\n  .recipient-phone {\n    flex: 1;\n    box-sizing: border-box;\n  }\n\n  .recipient-status {\n    flex: 0 0 100px;\n    border-radius: 5px;\n    text-align: center;\n    box-sizing: border-box;\n    max-width: 100px;\n    min-width: 100px;\n    background-color: #616161; // Default\n    text-transform: capitalize;\n    font-size: 14px;\n    padding: 3px 0;\n\n    &.invited {\n      background-color: #ff8f00;\n    }\n    &.opened {\n      background-color: #616161;\n    }\n    &.signed,\n    &.submitted {\n      background-color: #2e7d32;\n    }\n    &.pending {\n      background-color: #0277bd;\n    }\n    &.canceled,\n    &.declined {\n      background-color: #c62828;\n    }\n\n    @media screen and (max-width: 500px) {\n      flex: 1 1 60px;\n      max-width: 60px;\n      min-width: 60px;\n    }\n  }\n\n  .recipient-content {\n    flex-direction: column;\n  }\n\n  .recipient-name {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .history-entry {\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n    padding: 8px 0 0;\n    margin: 8px 0 0;\n    border-top: 1px solid #dddddd;\n\n    .activity-icon {\n      margin-right: 14px;\n\n      svg {\n        width: 24px;\n        height: 24px;\n        fill: #ffffff;\n      }\n    }\n\n    .activity-details {\n    }\n\n    .activity-text {\n      font-size: 14px;\n      line-height: 16px;\n      margin-bottom: 4px;\n    }\n\n    .activity-date {\n      font-size: 12px;\n      line-height: 16px;\n      color: rgba(255, 255, 255, 0.54);\n    }\n  }\n\n  .content .history-entry:first-of-type {\n    border-top: none;\n  }\n\n  .reminders {\n    margin: 15px 0 30px 0;\n\n    .form-row {\n      margin: 8px 0 0;\n      display: flex;\n      flex-direction: row;\n\n      .reminders-label {\n        display: flex;\n        flex: 1;\n      }\n\n      .form-label {\n        flex: 1;\n      }\n\n      verdocs-text-input {\n        margin: 0;\n        width: 100px;\n      }\n    }\n  }\n}\n","import {format} from 'date-fns';\nimport {getRecipientsWithActions, IEnvelope, IRecipient, recipientCanAct, updateRecipient} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Fragment, Host, Prop, State} from '@stencil/core';\nimport {cancelEnvelope, capitalize, formatFullName, getEnvelope, resetRecipient, remindRecipient, updateEnvelope, userIsEnvelopeOwner, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {FORMAT_TIMESTAMP} from '../../../utils/Types';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nconst MS_PER_DAY = 24 * 60 * 60 * 1000;\n\nconst InformationCircle = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ffffff\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z\" /></svg>`;\n\nconst Users = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ffffff\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z\" /></svg>`;\n\nconst ClipboardDocuments = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ffffff\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z\" /></svg>`;\n\n// https://materialui.co/icon/verified-user and https://heroicons.com/\nconst ActivityIcons = {\n  visibility: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path d=\"M12 15a3 3 0 100-6 3 3 0 000 6z\" /><path fill-rule=\"evenodd\" d=\"M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 010-1.113zM17.25 12a5.25 5.25 0 11-10.5 0 5.25 5.25 0 0110.5 0z\" clip-rule=\"evenodd\" /></svg>`,\n  pencil: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path d=\"M21.731 2.269a2.625 2.625 0 00-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 000-3.712zM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 00-1.32 2.214l-.8 2.685a.75.75 0 00.933.933l2.685-.8a5.25 5.25 0 002.214-1.32L19.513 8.2z\" /></svg>`,\n  mail: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"/></svg>`,\n  contact_mail: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"/></svg>`,\n  done: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path fill-rule=\"evenodd\" d=\"M19.916 4.626a.75.75 0 01.208 1.04l-9 13.5a.75.75 0 01-1.154.114l-6-6a.75.75 0 011.06-1.06l5.353 5.353 8.493-12.739a.75.75 0 011.04-.208z\" clip-rule=\"evenodd\" /></svg>`,\n  send: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"/></svg>`,\n  gesture: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M4.59 6.89c.7-.71 1.4-1.35 1.71-1.22.5.2 0 1.03-.3 1.52-.25.42-2.86 3.89-2.86 6.31 0 1.28.48 2.34 1.34 2.98.75.56 1.74.73 2.64.46 1.07-.31 1.95-1.4 3.06-2.77 1.21-1.49 2.83-3.44 4.08-3.44 1.63 0 1.65 1.01 1.76 1.79-3.78.64-5.38 3.67-5.38 5.37 0 1.7 1.44 3.09 3.21 3.09 1.63 0 4.29-1.33 4.69-6.1H21v-2.5h-2.47c-.15-1.65-1.09-4.2-4.03-4.2-2.25 0-4.18 1.91-4.94 2.84-.58.73-2.06 2.48-2.29 2.72-.25.3-.68.84-1.11.84-.45 0-.72-.83-.36-1.92.35-1.09 1.4-2.86 1.85-3.52.78-1.14 1.3-1.92 1.3-3.28C8.95 3.69 7.31 3 6.44 3 5.12 3 3.97 4 3.72 4.25c-.36.36-.66.66-.88.93l1.75 1.71zm9.29 11.66c-.31 0-.74-.26-.74-.72 0-.6.73-2.2 2.87-2.76-.3 2.69-1.43 3.48-2.13 3.48z\"/></svg>`,\n  clear: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/></svg>`,\n  check_circle: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/></svg>`,\n  link: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z\"/></svg>`,\n  cancel: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"/></svg>`,\n  done_all: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41L1.83 12 .41 13.41z\"/></svg>`,\n  create: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"/></svg>`,\n  perm_identity: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"/></svg>`,\n  people: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"/></svg>`,\n  contact_email: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M21 8V7l-3 2-3-2v1l3 2 3-2zm1-5H2C.9 3 0 3.9 0 5v14c0 1.1.9 2 2 2h20c1.1 0 1.99-.9 1.99-2L24 5c0-1.1-.9-2-2-2zM8 6c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H2v-1c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1zm8-6h-8V6h8v6z\"/></svg>`,\n  textsms: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 11H7V9h2v2zm4 0h-2V9h2v2zm4 0h-2V9h2v2z\"/></svg>`,\n  verified_user: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path fill-rule=\"evenodd\" d=\"M12.516 2.17a.75.75 0 00-1.032 0 11.209 11.209 0 01-7.877 3.08.75.75 0 00-.722.515A12.74 12.74 0 002.25 9.75c0 5.942 4.064 10.933 9.563 12.348a.749.749 0 00.374 0c5.499-1.415 9.563-6.406 9.563-12.348 0-1.39-.223-2.73-.635-3.985a.75.75 0 00-.722-.516l-.143.001c-2.996 0-5.717-1.17-7.734-3.08zm3.094 8.016a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z\" clip-rule=\"evenodd\" /></svg>`,\n  account_circle: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"/></svg>`,\n  idcard: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M16 10H18\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16 14H18\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M6.16992 15.0001C6.37606 14.4141 6.75902 13.9065 7.26594 13.5475C7.77286 13.1884 8.37873 12.9956 8.99992 12.9956C9.62111 12.9956 10.227 13.1884 10.7339 13.5475C11.2408 13.9065 11.6238 14.4141 11.8299 15.0001\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9 13C10.1046 13 11 12.1046 11 11C11 9.89543 10.1046 9 9 9C7.89543 9 7 9.89543 7 11C7 12.1046 7.89543 13 9 13Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M20 5H4C2.89543 5 2 5.89543 2 7V17C2 18.1046 2.89543 19 4 19H20C21.1046 19 22 18.1046 22 17V7C22 5.89543 21.1046 5 20 5Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`,\n  idcardslash: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M16 10H18\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16 14H18\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M6.16992 15.0001C6.37606 14.4141 6.75902 13.9065 7.26594 13.5475C7.77286 13.1884 8.37873 12.9956 8.99992 12.9956C9.62111 12.9956 10.227 13.1884 10.7339 13.5475C11.2408 13.9065 11.6238 14.4141 11.8299 15.0001\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9 13C10.1046 13 11 12.1046 11 11C11 9.89543 10.1046 9 9 9C7.89543 9 7 9.89543 7 11C7 12.1046 7.89543 13 9 13Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M20 5H4C2.89543 5 2 5.89543 2 7V17C2 18.1046 2.89543 19 4 19H20C21.1046 19 22 18.1046 22 17V7C22 5.89543 21.1046 5 20 5Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M2 2L22 22\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`,\n  key: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.586 17.4139C2.2109 17.7889 2.00011 18.2975 2 18.8279V20.9999C2 21.2651 2.10536 21.5195 2.29289 21.707C2.48043 21.8946 2.73478 21.9999 3 21.9999H6C6.26522 21.9999 6.51957 21.8946 6.70711 21.707C6.89464 21.5195 7 21.2651 7 20.9999V19.9999C7 19.7347 7.10536 19.4803 7.29289 19.2928C7.48043 19.1053 7.73478 18.9999 8 18.9999H9C9.26522 18.9999 9.51957 18.8946 9.70711 18.707C9.89464 18.5195 10 18.2651 10 17.9999V16.9999C10 16.7347 10.1054 16.4803 10.2929 16.2928C10.4804 16.1053 10.7348 15.9999 11 15.9999H11.172C11.7024 15.9998 12.211 15.789 12.586 15.4139L13.4 14.5999C14.7898 15.0841 16.3028 15.0822 17.6915 14.5947C19.0801 14.1071 20.2622 13.1628 21.0444 11.916C21.8265 10.6693 22.1624 9.19409 21.9971 7.73165C21.8318 6.26922 21.1751 4.90617 20.1344 3.86549C19.0937 2.8248 17.7307 2.1681 16.2683 2.00281C14.8058 1.83751 13.3306 2.17341 12.0839 2.95556C10.8372 3.7377 9.89279 4.91979 9.40525 6.30844C8.91771 7.69708 8.91585 9.21008 9.4 10.5999L2.586 17.4139Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16.5 8C16.7761 8 17 7.77614 17 7.5C17 7.22386 16.7761 7 16.5 7C16.2239 7 16 7.22386 16 7.5C16 7.77614 16.2239 8 16.5 8Z\" fill=\"black\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`,\n  keyslash: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.586 17.4139C2.2109 17.7889 2.00011 18.2975 2 18.8279V20.9999C2 21.2651 2.10536 21.5195 2.29289 21.707C2.48043 21.8946 2.73478 21.9999 3 21.9999H6C6.26522 21.9999 6.51957 21.8946 6.70711 21.707C6.89464 21.5195 7 21.2651 7 20.9999V19.9999C7 19.7347 7.10536 19.4803 7.29289 19.2928C7.48043 19.1053 7.73478 18.9999 8 18.9999H9C9.26522 18.9999 9.51957 18.8946 9.70711 18.707C9.89464 18.5195 10 18.2651 10 17.9999V16.9999C10 16.7347 10.1054 16.4803 10.2929 16.2928C10.4804 16.1053 10.7348 15.9999 11 15.9999H11.172C11.7024 15.9998 12.211 15.789 12.586 15.4139L13.4 14.5999C14.7898 15.0841 16.3028 15.0822 17.6915 14.5947C19.0801 14.1071 20.2622 13.1628 21.0444 11.916C21.8265 10.6693 22.1624 9.19409 21.9971 7.73165C21.8318 6.26922 21.1751 4.90617 20.1344 3.86549C19.0937 2.8248 17.7307 2.1681 16.2683 2.00281C14.8058 1.83751 13.3306 2.17341 12.0839 2.95556C10.8372 3.7377 9.89279 4.91979 9.40525 6.30844C8.91771 7.69708 8.91585 9.21008 9.4 10.5999L2.586 17.4139Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16.5 8C16.7761 8 17 7.77614 17 7.5C17 7.22386 16.7761 7 16.5 7C16.2239 7 16 7.22386 16 7.5C16 7.77614 16.2239 8 16.5 8Z\" fill=\"black\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`,\n  pin: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 17V22\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9 10.76C8.9998 11.1321 8.89581 11.4967 8.69972 11.813C8.50363 12.1292 8.22321 12.3844 7.89 12.55L6.11 13.45C5.77679 13.6156 5.49637 13.8708 5.30028 14.187C5.10419 14.5033 5.0002 14.8679 5 15.24V16C5 16.2652 5.10536 16.5196 5.29289 16.7071C5.48043 16.8946 5.73478 17 6 17H18C18.2652 17 18.5196 16.8946 18.7071 16.7071C18.8946 16.5196 19 16.2652 19 16V15.24C18.9998 14.8679 18.8958 14.5033 18.6997 14.187C18.5036 13.8708 18.2232 13.6156 17.89 13.45L16.11 12.55C15.7768 12.3844 15.4964 12.1292 15.3003 11.813C15.1042 11.4967 15.0002 11.1321 15 10.76V7C15 6.73478 15.1054 6.48043 15.2929 6.29289C15.4804 6.10536 15.7348 6 16 6C16.5304 6 17.0391 5.78929 17.4142 5.41421C17.7893 5.03914 18 4.53043 18 4C18 3.46957 17.7893 2.96086 17.4142 2.58579C17.0391 2.21071 16.5304 2 16 2H8C7.46957 2 6.96086 2.21071 6.58579 2.58579C6.21071 2.96086 6 3.46957 6 4C6 4.53043 6.21071 5.03914 6.58579 5.41421C6.96086 5.78929 7.46957 6 8 6C8.26522 6 8.51957 6.10536 8.70711 6.29289C8.89464 6.48043 9 6.73478 9 7V10.76Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`,\n  pinslash: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 17V22\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M15.0006 9.34V7C15.0006 6.73478 15.106 6.48043 15.2935 6.29289C15.4811 6.10536 15.7354 6 16.0006 6C16.5311 6 17.0398 5.78929 17.4148 5.41421C17.7899 5.03914 18.0006 4.53043 18.0006 4C18.0006 3.46957 17.7899 2.96086 17.4148 2.58579C17.0398 2.21071 16.5311 2 16.0006 2H7.89062\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M2 2L22 22\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9 9V10.76C8.9998 11.1321 8.89581 11.4967 8.69972 11.813C8.50363 12.1292 8.22321 12.3844 7.89 12.55L6.11 13.45C5.77679 13.6156 5.49637 13.8708 5.30028 14.187C5.10419 14.5033 5.0002 14.8679 5 15.24V16C5 16.2652 5.10536 16.5196 5.29289 16.7071C5.48043 16.8946 5.73478 17 6 17H17\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`,\n};\n\ninterface IHistoryEntry {\n  icon: string;\n  message: string;\n  date: Date;\n}\n\n/**\n * Displays a file upload mechanism suitable for the first step of creating a template.\n * This is typically the first step in a template creation workflow.\n */\n@Component({\n  tag: 'verdocs-envelope-sidebar',\n  styleUrl: 'verdocs-envelope-sidebar.scss',\n  shadow: false,\n})\nexport class VerdocsEnvelopeSidebar {\n  private envelopeListenerId = null;\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 envelope ID to render. Set ONE OF templateId or envelopeId. If both are set, envelopeId will be ignored.\n   */\n  @Prop() envelopeId: string = '';\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  /**\n   * Event fired when the envelope is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.\n   */\n  @Event({composed: true}) envelopeUpdated: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string}>;\n\n  /**\n   * Event fired when the sidebar is opened or closed.\n   */\n  @Event({composed: true}) toggle: EventEmitter<{open: boolean}>;\n\n  /**\n   * Event fired when the user clicks Send Another in the Manage Recipients dialog. It is up to the host application\n   * to redirect the user to the appropriate next workflow step.\n   */\n  @Event({composed: true}) another: EventEmitter<{envelope: IEnvelope}>;\n\n  // @State() envelope: IEnvelope | null = null;\n  // @State() sortedRecipients: IRecipient[] = [];\n  // @State() roleNames: string[] = [];\n  @State() activeTab: number = 1;\n  @State() panelOpen = false;\n  @State() showRecipientDialog = '';\n  @State() showCancelDialog = false;\n  @State() showReinviteDialog = '';\n  @State() showUpdateDialog = '';\n\n  @State() remindersEnabled = false;\n  @State() updatingReminders = false;\n  @State() initialReminder: number | null = null;\n  @State() followupReminders: number | null = null;\n\n  @State() loading = true;\n  @State() envelope: IEnvelope | null = null;\n\n  async componentWillLoad() {\n    try {\n      this.endpoint.loadSession();\n\n      if (!this.envelopeId) {\n        console.log(`[SIDEBAR] Missing required envelope ID ${this.envelopeId}`);\n        return;\n      }\n\n      if (!this.endpoint.session) {\n        console.log('[SIDEBAR] Unable to start session, must be authenticated');\n        return;\n      }\n\n      this.listenToEnvelope();\n    } catch (e) {\n      console.log('[SIDEBAR] Error loading envelope', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  disconnectedCallback() {\n    this.unlistenToEnvelope();\n  }\n\n  async listenToEnvelope() {\n    console.log('[SIDEBAR] Loading envelope', this.envelopeId);\n    this.unlistenToEnvelope();\n    Store.subscribe(\n      'envelopes',\n      this.envelopeId,\n      () => getEnvelope(this.endpoint, this.envelopeId),\n      false,\n      (envelope: IEnvelope) => {\n        this.envelope = envelope;\n        this.loading = false;\n\n        this.sortEnvelopeRecipients();\n        this.initialReminder = this.envelope?.initial_reminder;\n        this.followupReminders = this.envelope?.followup_reminders;\n        this.remindersEnabled = !!this.initialReminder;\n      },\n    );\n  }\n\n  unlistenToEnvelope() {\n    if (this.envelopeListenerId) {\n      Store.store.delListener(this.envelopeListenerId);\n      this.envelopeListenerId = null;\n    }\n  }\n\n  sortEnvelopeRecipients() {\n    (this.envelope?.recipients || []).sort((a, b) => {\n      return a.sequence === b.sequence ? a.order - b.order : a.sequence - b.sequence;\n    });\n  }\n\n  setTab(tab: number) {\n    this.panelOpen = tab !== this.activeTab || !this.panelOpen;\n    this.toggle?.emit({open: this.panelOpen});\n    this.activeTab = tab;\n  }\n\n  // TODO: Refactor to a common library?\n  canResendRecipient(recipient: IRecipient) {\n    return (\n      !['pending', 'declined', 'submitted', 'canceled'].includes(recipient.status) && //\n      !['complete', 'declined', 'canceled'].includes(this.envelope?.status)\n    );\n  }\n\n  handleRecipientAction(recipient: IRecipient, id: string) {\n    console.log('[SIDEBAR] Recipient action', id, recipient);\n    switch (id) {\n      case 'update':\n        this.showUpdateDialog = recipient.role_name;\n        break;\n\n      case 'reminder':\n        remindRecipient(this.endpoint, this.envelopeId, recipient.role_name)\n          .then(() => {\n            VerdocsToast('Reminder Sent', {style: 'success'});\n          })\n          .catch(e => {\n            console.log('[SIDEBAR] Error resending invitation', e);\n            VerdocsToast('Error resending invitation: ' + e.message, {style: 'error'});\n          });\n        break;\n\n      case 'reinvite':\n        this.showReinviteDialog = recipient.role_name;\n        break;\n\n      case 'inperson':\n        this.showRecipientDialog = recipient.role_name;\n        break;\n\n      case 'modify':\n        VerdocsToast('This feature will be enabled in a future release. Please try again later.', {style: 'info'});\n        break;\n\n      case 'details':\n        VerdocsToast('This feature will be enabled in a future release. Please try again later.', {style: 'info'});\n        break;\n    }\n\n    this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: id});\n  }\n\n  handleCancelEnvelope() {\n    this.loading = true;\n    cancelEnvelope(this.endpoint, this.envelopeId)\n      .then(async r => {\n        console.log('[SIDEBAR] Envelope canceled', r);\n        VerdocsToast('Envelope canceled', {style: 'success'});\n\n        // TODO: Use returned value instead?\n        const newEnvelope = JSON.parse(JSON.stringify(this.envelope));\n        newEnvelope.status = 'canceled';\n        Store.updateEnvelope(this.envelopeId, newEnvelope);\n\n        this.loading = false;\n        this.panelOpen = false;\n        this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: newEnvelope, event: 'canceled'});\n      })\n      .catch(e => {\n        console.log('[SIDEBAR] Error canceling envelope', e);\n        this.loading = false;\n        VerdocsToast('Error canceling envelope: ' + e.message, {style: 'error'});\n      });\n  }\n\n  handleUpdateRecipient(originalRecipient: IRecipient, updatedRecipient: IRecipient) {\n    console.log('Updating recipient', originalRecipient, updatedRecipient);\n    const fields: any = {};\n    if (updatedRecipient.email !== originalRecipient.email) {\n      fields.email = updatedRecipient.email;\n    }\n    if (updatedRecipient.phone !== originalRecipient.phone) {\n      fields.phone = updatedRecipient.phone;\n    }\n    if (updatedRecipient.message !== originalRecipient.message) {\n      fields.message = updatedRecipient.message;\n    }\n    if (updatedRecipient.first_name !== originalRecipient.first_name) {\n      fields.first_name = updatedRecipient.first_name;\n    }\n    if (updatedRecipient.last_name !== originalRecipient.last_name) {\n      fields.last_name = updatedRecipient.last_name;\n    }\n\n    if (Object.keys(fields).length > 0) {\n      updateRecipient(this.endpoint, this.envelopeId, originalRecipient.role_name, fields)\n        .then(r => {\n          // TODO: Reload the envelope?\n          VerdocsToast('Recipient updated', {style: 'success'});\n          console.log('[SIDEBAR] Updated recipient', r);\n          Store.getEnvelope(this.endpoint, this.envelopeId, true);\n          this.showUpdateDialog = '';\n        })\n        .catch(e => {\n          VerdocsToast(e.response.data.error, {style: 'error'});\n          this.showUpdateDialog = '';\n        });\n    } else {\n      this.showUpdateDialog = '';\n    }\n  }\n\n  prepareHistoryEntries() {\n    const entries: IHistoryEntry[] = [];\n    const histories = this.envelope?.history_entries || [];\n\n    entries.push({icon: 'pencil', message: 'Envelope created.', date: new Date(this.envelope?.created_at)});\n\n    if (this.envelope?.status === 'complete') {\n      entries.push({icon: 'pencil', message: 'Envelope completed.', date: new Date(this.envelope?.updated_at)});\n    }\n\n    // TODO: Shift back to server-side generating these events? We'll still need\n    // to tolerate both cases here for a while.\n    const ownerCanceled = histories.some(history => (history.event as any) === 'owner:canceled');\n    if (this.envelope?.status === 'canceled' && !ownerCanceled) {\n      entries.push({icon: 'pencil', message: 'Envelope Canceled.', date: new Date(this.envelope?.canceled_at)});\n    }\n\n    histories.forEach(history => {\n      const recipient = (this.envelope?.recipients || []).find(recipient => recipient.role_name === history.role_name);\n      const fullName = formatFullName(recipient);\n\n      switch (history.event.toLowerCase()) {\n        case 'recipient:kba_verified':\n          entries.push({icon: 'key', message: `KBA verification completed by ${fullName}.`, date: new Date(history.created_at)});\n          break;\n        case 'recipient:kba_failed':\n          entries.push({icon: 'keyslash', message: `KBA verification failed by ${fullName}.`, date: new Date(history.created_at)});\n          break;\n        case 'recipient:id_verified':\n          entries.push({icon: 'idcard', message: `ID verification completed by ${fullName}.`, date: new Date(history.created_at)});\n          break;\n        case 'recipient:id_failed':\n          entries.push({icon: 'idcardslash', message: `ID verification failed by ${fullName}.`, date: new Date(history.created_at)});\n          break;\n        case 'recipient:pin_verified':\n          entries.push({icon: 'pin', message: `PIN verification completed by ${fullName}.`, date: new Date(history.created_at)});\n          break;\n        case 'recipient:pin_failed':\n          entries.push({icon: 'pinslash', message: `PIN verification failed by ${fullName}.`, date: new Date(history.created_at)});\n          break;\n        case 'recipient:signed':\n          entries.push({icon: 'gesture', message: `Signed by ${fullName}.`, date: new Date(history.created_at)});\n          break;\n        case 'recipient:declined':\n          entries.push({icon: 'clear', message: `Declined by ${fullName}.`, date: new Date(history.created_at)});\n          break;\n        case 'recipient:opened':\n          switch (history.event_detail) {\n            // TODO: Sync these up with reality\n            case 'email':\n            case 'mail':\n              entries.push({icon: 'visibility', message: `Opened by ${fullName}, via email.`, date: new Date(history.created_at)});\n              break;\n            case 'sms':\n              entries.push({icon: 'visibility', message: `Opened by ${fullName}, via SMS.`, date: new Date(history.created_at)});\n              break;\n            case 'in_person_link':\n              entries.push({icon: 'visibility', message: `Opened by ${fullName}, via In-person link.`, date: new Date(history.created_at)});\n              break;\n            case 'in_app':\n              entries.push({icon: 'visibility', message: `Opened by ${fullName}, via dashboard.`, date: new Date(history.created_at)});\n              break;\n            default:\n              entries.push({icon: 'visibility', message: `Opened by ${fullName}.`, date: new Date(history.created_at)});\n          }\n          break;\n        case 'recipient:submitted':\n          switch (history.event_detail) {\n            // TODO: Sync up\n            case 'approver':\n              entries.push({icon: 'check_circle', message: `Approved by ${fullName}.`, date: new Date(history.created_at)});\n              break;\n            default:\n              entries.push({icon: 'send', message: `Submitted by ${fullName}.`, date: new Date(history.created_at)});\n              break;\n          }\n          break;\n        case 'recipient:prepared':\n          entries.push({icon: 'send', message: `Prepared by ${fullName}.`, date: new Date(history.created_at)});\n          break;\n        case 'recipient:claimed':\n          if (history.event_detail === 'guest') {\n            entries.push({icon: 'account_circle', message: `${fullName} claimed the Envelope as a guest.`, date: new Date(history.created_at)});\n          } else if (history.event_detail === 'profile') {\n            entries.push({icon: 'verified_user', message: `${fullName} claimed the Envelope as a verified user.`, date: new Date(history.created_at)});\n          }\n          break;\n        case 'recipient:agreed':\n          entries.push({icon: 'done', message: `${fullName} agreed to use electronic records and signatures.`, date: new Date(history.created_at)});\n          break;\n        case 'recipient:invited':\n          if (history.event_detail === 'sms') {\n            entries.push({icon: 'textsms', message: `${fullName} has been invited via SMS.`, date: new Date(history.created_at)});\n          } else {\n            entries.push({icon: 'mail', message: `${fullName} has been invited via email.`, date: new Date(history.created_at)});\n          }\n          break;\n        case 'recipient:reminder':\n          if (history.event_detail === 'sms') {\n            entries.push({icon: 'textsms', message: `${fullName} sent a reminder via SMS.`, date: new Date(history.created_at)});\n          } else {\n            entries.push({icon: 'mail', message: `${fullName} sent a reminder via email.`, date: new Date(history.created_at)});\n          }\n          break;\n        case 'invitation:resent':\n          entries.push({\n            icon: 'mail',\n            message: `Invitation was resent to ${fullName}${history.event_detail === 'reminder' ? ' by reminder' : ''}.`,\n            date: new Date(history.created_at),\n          });\n          break;\n        case 'envelope:cc':\n          entries.push({icon: 'contact_mail', message: `A copy has been sent to ${fullName}.`, date: new Date(history.created_at)});\n          break;\n        case 'recipient:delegated':\n          entries.push({icon: 'people', message: history.event_detail, date: new Date(history.created_at)});\n          break;\n        case 'recipient:updated_info':\n          entries.push({icon: 'perm_identity', message: history.event_detail, date: new Date(history.created_at)});\n          break;\n        case 'owner:updated_recipient_info':\n          entries.push({icon: 'perm_identity', message: history.event_detail, date: new Date(history.created_at)});\n          break;\n        case 'created':\n          entries.push({icon: 'create', message: `Envelope was created.`, date: new Date(history.created_at)});\n          break;\n        case 'completed':\n          entries.push({icon: 'done_all', message: `Envelope was completed.`, date: new Date(history.created_at)});\n          break;\n        // TODO: Final answer?\n        case 'envelope:canceled':\n        case 'envelope_canceled':\n        case 'canceled':\n        case 'owner:canceled':\n          entries.push({icon: 'cancel', message: `Envelope was canceled by the creator.`, date: new Date(history.created_at)});\n          break;\n        case 'envelope:expired':\n          entries.push({icon: 'cancel', message: `Envelope expired.`, date: new Date(history.created_at)});\n          break;\n        case 'owner:get_in_person_link':\n          entries.push({icon: 'link', message: `Owner accessed the In-person link for ${recipient}.`, date: new Date(history.created_at)});\n          break;\n        default:\n          console.log('[SIDEBAR] Unknown history type', history);\n          break;\n      }\n    });\n\n    entries.sort((a, b) => b.date.getTime() - a.date.getTime());\n    return entries;\n  }\n\n  // canModify(recipient: IRecipient) {\n  //   const invalidRecipientStatus = ['declined', 'signed', 'submitted', 'canceled'];\n  //   const invalidEnvelopeStatus = ['complete', 'declined', 'canceled'];\n  //   return recipient.claimed !== true && invalidRecipientStatus.indexOf(recipient.status) === -1 && invalidEnvelopeStatus.indexOf(this.envelope?.status) === -1;\n  // }\n\n  handleToggleReminders() {\n    if (this.remindersEnabled) {\n      return this.handleSetReminders(null, null);\n    } else {\n      return this.handleSetReminders(MS_PER_DAY, 3 * MS_PER_DAY);\n    }\n  }\n\n  handleSetReminders(initial_reminder: number | null, followup_reminders: number | null) {\n    console.log('Updating reminders...');\n    this.updatingReminders = true;\n\n    updateEnvelope(this.endpoint, this.envelopeId, {initial_reminder, followup_reminders})\n      .then(envelope => {\n        console.log('Updated', envelope);\n        Store.updateEnvelope(this.envelopeId, envelope);\n        this.initialReminder = envelope.initial_reminder;\n        this.followupReminders = envelope.followup_reminders;\n        this.remindersEnabled = !!envelope.initial_reminder;\n        this.updatingReminders = false;\n      })\n      .catch(e => {\n        console.log('Error updating envelope', e);\n        this.initialReminder = this.envelope?.initial_reminder;\n        this.followupReminders = this.envelope?.followup_reminders;\n        this.remindersEnabled = !!this.envelope?.initial_reminder;\n        this.updatingReminders = false;\n        VerdocsToast(e.response.data.error, {style: 'error'});\n      });\n  }\n\n  render() {\n    if (this.loading) {\n      // We don't show a loading indicator for the sidebar, to avoid FOUS\n      return <Host />;\n    }\n\n    const isEnvelopeOwner = userIsEnvelopeOwner(this.endpoint.profile, this.envelope);\n    const historyEntries = this.prepareHistoryEntries();\n    const functionsDisabled = this.envelope?.status !== 'pending' && this.envelope?.status !== 'in progress';\n    const recipientsWithActions = getRecipientsWithActions(this.envelope);\n\n    return (\n      <Host class={this.panelOpen ? 'open' : ''}>\n        <div class=\"side-buttons\">\n          <button\n            class={this.activeTab === 1 ? 'active' : ''}\n            aria-label=\"Details\"\n            aria-pressed={this.panelOpen && this.activeTab === 1 ? 'true' : 'false'}\n            onClick={() => this.setTab(1)}\n            innerHTML={InformationCircle}\n          />\n          <button\n            class={this.activeTab === 2 ? 'active' : ''}\n            aria-label=\"Recipients\"\n            aria-pressed={this.panelOpen && this.activeTab === 2 ? 'true' : 'false'}\n            onClick={() => this.setTab(2)}\n            innerHTML={Users}\n          />\n          <button\n            class={this.activeTab === 3 ? 'active' : ''}\n            aria-label=\"History\"\n            aria-pressed={this.panelOpen && this.activeTab === 3 ? 'true' : 'false'}\n            onClick={() => this.setTab(3)}\n            innerHTML={ClipboardDocuments}\n          />\n        </div>\n\n        {this.activeTab === 1 && (\n          <div class=\"content\">\n            <div class=\"title\">Details</div>\n\n            <div class=\"label\">Envelope ID</div>\n            <div class=\"value\">{this.envelope?.id}</div>\n\n            <div class=\"label\">Date Created</div>\n            <div class=\"value\">{format(new Date(this.envelope?.created_at), FORMAT_TIMESTAMP)}</div>\n\n            <div class=\"label\">Last Modified</div>\n            <div class=\"value\">{format(new Date(this.envelope?.updated_at), FORMAT_TIMESTAMP)}</div>\n\n            <div class=\"label\">Status</div>\n            <div class=\"value\">{capitalize(this.envelope?.status)}</div>\n\n            <div class=\"label\">Owner ID</div>\n            <div class=\"value\">{this.envelope?.profile_id}</div>\n\n            <div class=\"label\">Owner Name</div>\n            <div class=\"value\">{formatFullName(this.envelope?.profile)}</div>\n\n            <div class=\"label\">Owner Email</div>\n            <div class=\"value\">{this.envelope?.profile?.email}</div>\n          </div>\n        )}\n\n        {this.activeTab === 2 && (\n          <div class=\"content\">\n            <div class=\"title\">Recipients</div>\n            {this.envelope?.recipients.map((recipient, index) => {\n              const canGetInPersonLink = recipientCanAct(recipient, recipientsWithActions);\n              const canUpdate = recipient.status !== 'submitted';\n              const canSendReminder = this.canResendRecipient(recipient);\n              const fullName = formatFullName(recipient);\n\n              return (\n                <div class=\"recipient-detail\">\n                  <div class=\"recipient-header\">\n                    <div class=\"recipient-number\">{index + 1}</div>\n                    <div class=\"recipient-name\">{recipient.role_name.replace('delegated_to_', 'Delegated')}</div>\n                    <div class={{'recipient-status': true, [recipient.status]: true}}>{recipient.status}</div>\n                    {isEnvelopeOwner && !functionsDisabled && (\n                      <verdocs-dropdown\n                        onOptionSelected={item => this.handleRecipientAction(recipient, item.detail.id)}\n                        options={[\n                          {id: 'update', label: 'Update', disabled: !canUpdate},\n                          {id: 'reminder', label: 'Send Reminder', disabled: !canSendReminder},\n                          {id: 'inperson', label: 'Get In-Person Link', disabled: !canGetInPersonLink},\n                          {id: 'reinvite', label: 'Re-invite', disabled: !canSendReminder},\n                          // {id: 'modify', label: 'Modify Recipient', disabled: !this.canModifyRecipient(recipient)},\n                          // TODO: Details dialog\n                          // {id:'details',label: 'View Details'},\n                        ]}\n                      />\n                    )}\n                  </div>\n\n                  <dic class=\"recipient-content\">\n                    <div class=\"recipient-name\">{fullName}</div>\n                    <div class=\"recipient-email\">{recipient.email}</div>\n                    <div class=\"recipient-phone\">{recipient.phone}</div>\n                  </dic>\n                </div>\n              );\n            })}\n\n            {isEnvelopeOwner && (\n              <div class=\"reminders\">\n                <div class=\"form-row\">\n                  <div class=\"reminders-label\">Reminders</div>\n                  <verdocs-switch disabled={functionsDisabled || this.updatingReminders} checked={this.remindersEnabled} onCheckedChange={() => this.handleToggleReminders()} />\n                </div>\n\n                {this.remindersEnabled && (\n                  <Fragment>\n                    <div class=\"form-row\">NOTE: Reminders will only be sent for up to 14 days.</div>\n                    <div class=\"form-row\">\n                      <div class=\"form-label\">Initial Reminder (days):</div>\n                      <verdocs-text-input\n                        placeholder=\"In hours...\"\n                        disabled={functionsDisabled || this.updatingReminders}\n                        value={String(Math.floor(this.initialReminder / MS_PER_DAY))}\n                        onBlur={(e: any) => {\n                          this.initialReminder = Number(e.target.value) * MS_PER_DAY;\n                          this.handleSetReminders(this.initialReminder, this.followupReminders);\n                        }}\n                      />\n                    </div>\n                    <div class=\"form-row\">\n                      <div class=\"form-label\">Follow-up Reminders:</div>\n                      <verdocs-text-input\n                        placeholder=\"In hours...\"\n                        disabled={functionsDisabled || this.updatingReminders}\n                        value={String(Math.floor(this.followupReminders / MS_PER_DAY))}\n                        onBlur={(e: any) => {\n                          this.followupReminders = Number(e.target.value) * MS_PER_DAY;\n                          this.handleSetReminders(this.initialReminder, this.followupReminders);\n                        }}\n                      />\n                    </div>\n                    <div class=\"form-row\">\n                      <div class=\"form-label\">Next Reminder:</div>\n                      <div style={{color: '#dddddd'}}>{format(new Date(this.envelope?.next_reminder), 'P p')}</div>\n                    </div>\n                  </Fragment>\n                )}\n              </div>\n            )}\n            {isEnvelopeOwner && (\n              <verdocs-button\n                class=\"manage-recipients-button\"\n                variant=\"standard\"\n                label=\"Cancel Envelope\"\n                onClick={() => (this.showCancelDialog = !functionsDisabled)}\n                disabled={functionsDisabled}\n              />\n            )}\n          </div>\n        )}\n\n        {this.activeTab === 3 && (\n          <div class=\"content\">\n            <div class=\"title\">History</div>\n\n            {historyEntries.map(entry => (\n              <div class=\"history-entry\">\n                <div class=\"activity-icon\" innerHTML={ActivityIcons[entry.icon] || entry.icon} />\n                <div class=\"activity-details\">\n                  <div class=\"activity-text\">{entry.message}</div>\n                  {/* 'MMMM Do YYYY, h:mm:ss a'  */}\n                  <div class=\"activity-date\">{format(entry.date, FORMAT_TIMESTAMP)}</div>\n                </div>\n              </div>\n            ))}\n          </div>\n        )}\n\n        {this.showRecipientDialog && (\n          <verdocs-envelope-recipient-link envelopeId={this.envelopeId} roleName={this.showRecipientDialog} onNext={() => (this.showRecipientDialog = '')} />\n        )}\n\n        {this.showCancelDialog && (\n          <verdocs-ok-dialog\n            heading=\"Cancel Envelope?\"\n            message={'Are you sure you want to cancel this Envelope? This action cannot be undone.'}\n            onNext={() => {\n              this.showCancelDialog = false;\n              this.handleCancelEnvelope();\n            }}\n          />\n        )}\n\n        {this.showReinviteDialog && (\n          <verdocs-ok-dialog\n            heading=\"Re-invite Recipient?\"\n            message={'This will reset the recipient\\'s KBA status and send a new signing invitation. If you just want to send a reminder, please click \"Send Reminder\" instead.'}\n            onNext={() => {\n              resetRecipient(this.endpoint, this.envelopeId, this.showReinviteDialog)\n                .then(() => {\n                  VerdocsToast('Recipient Reset', {style: 'success'});\n                  this.showReinviteDialog = '';\n                })\n                .catch(e => {\n                  console.log('[SIDEBAR] Error resetting recipient', e);\n                  VerdocsToast('Error resetting recipient: ' + e.message, {style: 'error'});\n                  this.showReinviteDialog = '';\n                });\n            }}\n          />\n        )}\n\n        {this.showUpdateDialog && (\n          <verdocs-envelope-update-recipient\n            envelopeId={this.envelopeId}\n            roleName={this.showUpdateDialog}\n            onNext={e => {\n              console.log('next', e.detail);\n              if (e.detail.action === 'save') {\n                this.handleUpdateRecipient(e.detail.originalRecipient, e.detail.updatedRecipient);\n              } else {\n                this.showUpdateDialog = '';\n              }\n            }}\n          />\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/verdocs-web-sdk/p-BdZ5Ghsa.system.js

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,a){function n(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,d){function s(e){try{l(a.next(e))}catch(e){d(e)}}function o(e){try{l(a["throw"](e))}catch(e){d(e)}}function l(e){e.done?i(e.value):n(e.value).then(s,o)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(d[0]&1)throw d[1];return d[1]},trys:[],ops:[]},a,n,d,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=o(0),s["throw"]=o(1),s["return"]=o(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return l([e,t])}}function l(o){if(a)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(a=1,n&&(d=o[0]&2?n["return"]:o[0]?n["throw"]||((d=n["return"])&&d.call(n),0):n.next)&&!(d=d.call(n,o[1])).done)return d;if(n=0,d)o=[o[0]&2,d.value];switch(o[0]){case 0:case 1:d=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;n=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(d=i.trys,d=d.length>0&&d[d.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!d||o[1]>d[0]&&o[1]<d[3])){i.label=o[1];break}if(o[0]===6&&i.label<d[1]){i.label=d[1];d=o;break}if(d&&i.label<d[2]){i.label=d[2];i.ops.push(o);break}if(d[2])i.ops.pop();i.trys.pop();continue}o=t.call(e,i)}catch(e){o=[6,e];n=0}finally{a=d=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-De3fNE_u.system.js","./p-BbPAtVJG.system.js"],(function(e,t){"use strict";var i,a,n;return{setters:[function(t){i=t.p;a=t.b;e("setNonce",t.s)},function(e){n=e.g}],execute:function(){var e=this;var d=function(){var e=t.meta.url;var a={};if(e!==""){a.resourcesUrl=new URL(".",e).href}return i(a)};d().then((function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,n()];case 1:e.sent();return[2,a(JSON.parse('[["p-99e594ef.system",[[0,"verdocs-build",{"endpoint":[16],"templateId":[1537,"template-id"],"step":[1537],"loading":[32],"template":[32]},null,{"templateId":[{"onTemplateIdChanged":0}],"step":[{"onStepChanged":0}]}]]],["p-a9899fce.system",[[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-143428bc.system",[[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-d6e9c671.system",[[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-228c0fa3.system",[[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-439d36b0.system",[[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-4b269de0.system",[[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-9a40e58c.system",[[0,"verdocs-template-create",{"endpoint":[16],"maxSize":[1026,"max-size"],"file":[32],"creating":[32],"progressLabel":[32],"progressPercent":[32],"errorMessage":[32]}]]],["p-502ebdcc.system",[[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-27a47940.system",[[0,"verdocs-initial-dialog",{"initials":[1],"fontLoaded":[32],"enteredInitials":[32],"mode":[32]}]]],["p-44ecadef.system",[[0,"verdocs-signature-dialog",{"name":[1],"fontLoaded":[32],"enteredName":[32],"mode":[32],"isDrawing":[32],"hasDrawnSignature":[32],"hasUploadedImage":[32],"uploadedFileName":[32]}]]],["p-c00eccde.system",[[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-88244ef4.system",[[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-97bd4ed2.system",[[0,"verdocs-multiselect",{"label":[1],"placeholder":[1],"options":[16],"selectedOptions":[16],"showPicker":[32]}]]],["p-0d19368a.system",[[0,"verdocs-signing-progress",{"mode":[1],"focusedField":[1,"focused-field"],"fields":[16],"recipientFields":[16]}]]],["p-679511ac.system",[[260,"verdocs-button-panel",{"icon":[1],"showPanel":[64],"hidePanel":[64],"toggle":[64]}]]],["p-5c27f03b.system",[[0,"verdocs-quick-functions",{"endpoint":[16]}]]],["p-b2113b3c.system",[[0,"verdocs-search-box",{"endpoint":[16],"placeholder":[1],"type":[1],"query":[1],"grabsFocus":[4,"grabs-focus"],"focusField":[64]}]]],["p-5870592f.system",[[0,"verdocs-search-tabs",{"selected":[32]}]]],["p-4227fb1f.system",[[0,"verdocs-table",{"columns":[16],"data":[16]}]]],["p-7cb69139.system",[[260,"verdocs-tabs",{"tabs":[16],"selectedTab":[2,"selected-tab"]}]]],["p-23f53034.system",[[0,"verdocs-template-card",{"template":[16]}]]],["p-c8b08801.system",[[0,"verdocs-template-tags",{"tags":[16]}]]],["p-4c1f0f08.system",[[0,"verdocs-toggle",{"options":[16],"theme":[1],"selectedOption":[32]}]]],["p-ea2c3707.system",[[0,"verdocs-toggle-button",{"active":[4],"icon":[1],"label":[1],"size":[1],"_active":[32]}]]],["p-0259b666.system",[[0,"verdocs-status-indicator",{"size":[1],"theme":[1],"status":[1],"envelope":[16],"isOpen":[32],"containerId":[32]}]]],["p-20bc8055.system",[[0,"verdocs-template-star",{"endpoint":[16],"template":[1040],"updating":[32]}]]],["p-83153211.system",[[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-3a97f4b4.system",[[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-d0b56329.system",[[0,"verdocs-radio-button",{"checked":[4],"name":[1],"value":[1],"disabled":[4]}]]],["p-82723d6c.system",[[0,"verdocs-switch",{"checked":[1028],"theme":[1],"disabled":[4]}]]],["p-08dbefe5.system",[[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-6fb7fd6d.system",[[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-053026c5.system",[[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-7dd394be.system",[[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-9bd688f5.system",[[0,"verdocs-dropdown",{"options":[16],"containerId":[32],"showPicker":[32]}]]],["p-99a6b317.system",[[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-122f8333.system",[[0,"verdocs-file-chooser",{"endpoint":[16],"file":[32]}],[0,"verdocs-progress-bar",{"label":[1],"showPercent":[4,"show-percent"],"percent":[2]}]]],["p-81785ed8.system",[[0,"verdocs-spinner",{"size":[2],"mode":[1]}]]],["p-f20b49d6.system",[[260,"verdocs-dialog",{"persistent":[4]}]]],["p-9048f998.system",[[0,"verdocs-ok-dialog",{"heading":[1],"message":[1],"buttonLabel":[1,"button-label"],"showCancel":[4,"show-cancel"],"closed":[32]}]]],["p-ced860ec.system",[[0,"verdocs-flag",{"variant":[1],"label":[1],"showSkip":[4,"show-skip"]}]]],["p-895174e4.system",[[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-eccac670.system",[[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-df921f12.system",[[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-a1d9a507.system",[[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-c5f8125b.system",[[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]}]]]]'),t)]}}))}))}))}}}));
+var __awaiter=this&&this.__awaiter||function(e,t,i,a){function n(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,d){function s(e){try{l(a.next(e))}catch(e){d(e)}}function o(e){try{l(a["throw"](e))}catch(e){d(e)}}function l(e){e.done?i(e.value):n(e.value).then(s,o)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(d[0]&1)throw d[1];return d[1]},trys:[],ops:[]},a,n,d,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=o(0),s["throw"]=o(1),s["return"]=o(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return l([e,t])}}function l(o){if(a)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(a=1,n&&(d=o[0]&2?n["return"]:o[0]?n["throw"]||((d=n["return"])&&d.call(n),0):n.next)&&!(d=d.call(n,o[1])).done)return d;if(n=0,d)o=[o[0]&2,d.value];switch(o[0]){case 0:case 1:d=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;n=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(d=i.trys,d=d.length>0&&d[d.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!d||o[1]>d[0]&&o[1]<d[3])){i.label=o[1];break}if(o[0]===6&&i.label<d[1]){i.label=d[1];d=o;break}if(d&&i.label<d[2]){i.label=d[2];i.ops.push(o);break}if(d[2])i.ops.pop();i.trys.pop();continue}o=t.call(e,i)}catch(e){o=[6,e];n=0}finally{a=d=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-De3fNE_u.system.js","./p-BbPAtVJG.system.js"],(function(e,t){"use strict";var i,a,n;return{setters:[function(t){i=t.p;a=t.b;e("setNonce",t.s)},function(e){n=e.g}],execute:function(){var e=this;var d=function(){var e=t.meta.url;var a={};if(e!==""){a.resourcesUrl=new URL(".",e).href}return i(a)};d().then((function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,n()];case 1:e.sent();return[2,a(JSON.parse('[["p-99e594ef.system",[[0,"verdocs-build",{"endpoint":[16],"templateId":[1537,"template-id"],"step":[1537],"loading":[32],"template":[32]},null,{"templateId":[{"onTemplateIdChanged":0}],"step":[{"onStepChanged":0}]}]]],["p-fd614aa0.system",[[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-4a934b98.system",[[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-d6e9c671.system",[[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-83b4e117.system",[[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-439d36b0.system",[[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-4b269de0.system",[[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-9a40e58c.system",[[0,"verdocs-template-create",{"endpoint":[16],"maxSize":[1026,"max-size"],"file":[32],"creating":[32],"progressLabel":[32],"progressPercent":[32],"errorMessage":[32]}]]],["p-502ebdcc.system",[[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-27a47940.system",[[0,"verdocs-initial-dialog",{"initials":[1],"fontLoaded":[32],"enteredInitials":[32],"mode":[32]}]]],["p-44ecadef.system",[[0,"verdocs-signature-dialog",{"name":[1],"fontLoaded":[32],"enteredName":[32],"mode":[32],"isDrawing":[32],"hasDrawnSignature":[32],"hasUploadedImage":[32],"uploadedFileName":[32]}]]],["p-c00eccde.system",[[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-88244ef4.system",[[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-97bd4ed2.system",[[0,"verdocs-multiselect",{"label":[1],"placeholder":[1],"options":[16],"selectedOptions":[16],"showPicker":[32]}]]],["p-298ee271.system",[[0,"verdocs-signing-progress",{"mode":[1],"focusedField":[1,"focused-field"],"fields":[16],"recipientFields":[16]}]]],["p-679511ac.system",[[260,"verdocs-button-panel",{"icon":[1],"showPanel":[64],"hidePanel":[64],"toggle":[64]}]]],["p-5c27f03b.system",[[0,"verdocs-quick-functions",{"endpoint":[16]}]]],["p-b2113b3c.system",[[0,"verdocs-search-box",{"endpoint":[16],"placeholder":[1],"type":[1],"query":[1],"grabsFocus":[4,"grabs-focus"],"focusField":[64]}]]],["p-5870592f.system",[[0,"verdocs-search-tabs",{"selected":[32]}]]],["p-4227fb1f.system",[[0,"verdocs-table",{"columns":[16],"data":[16]}]]],["p-7cb69139.system",[[260,"verdocs-tabs",{"tabs":[16],"selectedTab":[2,"selected-tab"]}]]],["p-23f53034.system",[[0,"verdocs-template-card",{"template":[16]}]]],["p-c8b08801.system",[[0,"verdocs-template-tags",{"tags":[16]}]]],["p-4c1f0f08.system",[[0,"verdocs-toggle",{"options":[16],"theme":[1],"selectedOption":[32]}]]],["p-ea2c3707.system",[[0,"verdocs-toggle-button",{"active":[4],"icon":[1],"label":[1],"size":[1],"_active":[32]}]]],["p-0259b666.system",[[0,"verdocs-status-indicator",{"size":[1],"theme":[1],"status":[1],"envelope":[16],"isOpen":[32],"containerId":[32]}]]],["p-dea0ae12.system",[[0,"verdocs-template-star",{"endpoint":[16],"template":[1040],"updating":[32]}]]],["p-83153211.system",[[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-b3cad1ae.system",[[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-d0b56329.system",[[0,"verdocs-radio-button",{"checked":[4],"name":[1],"value":[1],"disabled":[4]}]]],["p-82723d6c.system",[[0,"verdocs-switch",{"checked":[1028],"theme":[1],"disabled":[4]}]]],["p-08dbefe5.system",[[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-2cddbced.system",[[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-053026c5.system",[[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-259e53e2.system",[[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-9bd688f5.system",[[0,"verdocs-dropdown",{"options":[16],"containerId":[32],"showPicker":[32]}]]],["p-36f2fe29.system",[[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-122f8333.system",[[0,"verdocs-file-chooser",{"endpoint":[16],"file":[32]}],[0,"verdocs-progress-bar",{"label":[1],"showPercent":[4,"show-percent"],"percent":[2]}]]],["p-81785ed8.system",[[0,"verdocs-spinner",{"size":[2],"mode":[1]}]]],["p-f20b49d6.system",[[260,"verdocs-dialog",{"persistent":[4]}]]],["p-9048f998.system",[[0,"verdocs-ok-dialog",{"heading":[1],"message":[1],"buttonLabel":[1,"button-label"],"showCancel":[4,"show-cancel"],"closed":[32]}]]],["p-ced860ec.system",[[0,"verdocs-flag",{"variant":[1],"label":[1],"showSkip":[4,"show-skip"]}]]],["p-ab798e66.system",[[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-c43a5bce.system",[[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-d7bb1eaa.system",[[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-a1d9a507.system",[[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-b5fbfc6e.system",[[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]}]]]]'),t)]}}))}))}))}}}));
 //# sourceMappingURL=p-BdZ5Ghsa.system.js.map

package/dist/verdocs-web-sdk/p-CHdb5wzt.js

@@ -0,0 +1,2 @@
+import{d as e}from"./p-BglCURB-.js";import{getEnvelopesZip as t,downloadBlob as s,rescale as n}from"@verdocs/js-sdk";import{F as a}from"./p-CIxfEdV7.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=14;const i=e=>Math.min((e===null||e===void 0?void 0:e.width)||r,(e===null||e===void 0?void 0:e.height)||r)/r;const d=e=>e.type==="checkbox"||e.type==="radio";const l=(e,t,s,a)=>{var r,l;let{x:u=0,y:p=0,width:x=o(t.type),height:f=c(t.type),settings:m}=t;const g=t.type==="signature"||t.type==="initial";const h=!g?x:(r=m===null||m===void 0?void 0:m.canvasWidth)!==null&&r!==void 0?r:x;const b=!g?f:(l=m===null||m===void 0?void 0:m.canvasHeight)!==null&&l!==void 0?l:f;e.style.width=`${h}px`;e.style.height=`${b}px`;e.style.position="absolute";e.style.left=`${n(s,u)}px`;e.style.bottom=`${n(a,p)}px`;e.style.transform=`scale(${s}, ${a})`;if(d(t)){e.style.setProperty("--verdocs-toggle-scale",String(i({width:x,height:f})))}};const u=(e,t,s)=>{let{x:a=0,y:r=0,width:l=o(e.type),height:u=c(e.type)}=e;return{zIndex:"100",width:`${l}px`,height:`${u}px`,position:"absolute",left:`${n(t,a)}px`,bottom:`${n(s,r)}px`,transform:`scale(${t}, ${s})`,...d(e)?{"--verdocs-toggle-scale":String(i({width:l,height:u}))}:{}}};const p=e=>`verdocs-doc-fld-${e.name}`;const x=e=>{const t=p(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 f=(e,t,s,n,a=1)=>{var o,c;const{disabled:r=false,editable:i=false,draggable:d=false,done:u=false}=n;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 n=p(t);const f=document.getElementById(n);if(f){f.field=t;f.done=u;l(f,t,s.xScale,s.yScale);return f}let{type:m}=t;if(m==="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){m="textarea"}}const g=document.createElement(`verdocs-field-${m}`);g.field=t;g.setAttribute("id",n);g.setAttribute("fieldname",t.name);g.setAttribute("source",e);g.setAttribute("sourceid","template_id"in t?t.template_id:t.envelope_id);if(r){g.setAttribute("tabindex",-1);g.setAttribute("disabled",true)}else{g.setAttribute("tabindex",a)}g.setAttribute("editable",i);g.setAttribute("draggable",d);g.setAttribute("done",u);l(g,t,s.xScale,s.yScale);x.appendChild(g);return g}default:console.log("[PREVIEW] Skipping unsupported field type",t);return null}};const m=(e,t,s)=>{const n=e.style.transform||"";const a=`${t}(${s})`;if(n.includes(t)){e.style.transform=n.replace(new RegExp(`${t}\\(.+?\\)`),a)}else{e.style.transform=n+" "+a}};const g=e=>{e.style.transform=e.style.transform.split(")")[0]+")"};const h=async(n,o)=>{const c=e.format(o.length===1?new Date(o[0].updated_at):new Date,a);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(n,o.map((e=>e.id)));s(i.data,r)};const b=(e,t)=>{let s=0;return function(...n){clearTimeout(s);s=setTimeout((()=>e.apply(this,n)),t)}};const v=(e,t="16px Arial")=>{const s=document.createElement("canvas");const n=s.getContext("2d");n.font=t;return n.measureText(e).width};const $=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 w=(e,t,s,a)=>{const o=document.getElementById(e.containerId+"-controls");if(!o){return}const c=document.createElement("verdocs-flag");c.variant=a.variant;c.label=a.label;c.showSkip=a.showSkip;if(a.id){c.setAttribute("id",a.id)}c.classList.add("verdocs-flag-instance");if(a.onSkip){c.addEventListener("skip",a.onSkip)}if(a.onClick){c.addEventListener("flagClick",a.onClick)}c.style.position="absolute";c.style.left="calc(100% - 14px)";const r=n(e.yScale,t);const i=n(e.yScale,s);const d=r+i;c.style.bottom=`${d}px`;o.appendChild(c);return c};const k=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{f as a,k as b,$ as c,c as d,v as e,u as f,p as g,l as h,m as i,g as j,o as k,i as l,w as r,h as s,b as t,x as u};
+//# sourceMappingURL=p-CHdb5wzt.js.map

package/dist/verdocs-web-sdk/p-CHdb5wzt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-CHdb5wzt.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\n// Checkboxes and radios are drawn for a 14pt box and scaled to the field's real size, the same size the\n// API stamps on the finished PDF. Non-square fields (common in AcroForm imports) fit the shorter side.\nexport const TOGGLE_BASE_SIZE = 14;\n\nexport const getToggleScale = (field: {width?: number | null; height?: number | null} | null | undefined) =>\n  Math.min(field?.width || TOGGLE_BASE_SIZE, field?.height || TOGGLE_BASE_SIZE) / TOGGLE_BASE_SIZE;\n\nconst isToggleField = (field: ITemplateField | IEnvelopeField) => field.type === 'checkbox' || field.type === 'radio';\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  if (isToggleField(field)) {\n    el.style.setProperty('--verdocs-toggle-scale', String(getToggleScale({width, height})));\n  }\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    ...(isToggleField(field) ? {'--verdocs-toggle-scale': String(getToggleScale({width, height}))} : {}),\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":["format"],"mappings":"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"}