@verdocs/web-sdk 5.0.13 → 5.0.14

package/dist/verdocs-web-sdk/p-00ed440b.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsEnvelopeSidebarCss","VerdocsEnvelopeSidebarStyle0","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","VerdocsEnvelopeSidebar","exports","this","envelopeListenerId","VerdocsEndpoint","getDefault","class_1","prototype","componentWillLoad","endpoint","loadSession","envelopeId","console","log","concat","session","listenToEnvelope","e","_a","sdkError","emit","SDKError","message","_b","response","status","_c","data","disconnectedCallback","unlistenToEnvelope","Store","subscribe","getEnvelope","_this","envelope","loading","sortEnvelopeRecipients","initialReminder","initial_reminder","followupReminders","followup_reminders","remindersEnabled","store","delListener","recipients","sort","a","b","sequence","order","setTab","tab","panelOpen","activeTab","toggle","open","canResendRecipient","recipient","includes","handleRecipientAction","id","resendInvitation","role_name","then","VerdocsToast","style","catch","showRecipientDialog","envelopeUpdated","event","handleCancelEnvelope","cancelEnvelope","r","__awaiter","newEnvelope","JSON","parse","stringify","updateEnvelope","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","updatingReminders","alert","error","render","h","Host","isEnvelopeOwner","userIsEnvelopeOwner","profile","historyEntries","functionsDisabled","class","onClick","innerHTML","format","FORMAT_TIMESTAMP","capitalize","_g","profile_id","_h","_k","_j","email","_l","map","index","canGetInPersonLink","canSendReminder","_o","onOptionSelected","item","detail","options","label","disabled","phone","checked","onCheckedChange","Fragment","placeholder","value","String","Math","floor","onBlur","Number","target","color","_m","next_reminder","variant","showCancelDialog","entry","roleName","onNext","heading"],"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-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 type {IEnvelope, IRecipient} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Fragment, Host, Prop, State} from '@stencil/core';\nimport {cancelEnvelope, capitalize, formatFullName, getEnvelope, resendInvitation, 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};\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\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 'reminder':\n        resendInvitation(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 '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  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 Cancelled.', 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: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 '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        alert(e.response.data.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\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 = recipient.status !== 'submitted' && recipient.status !== 'canceled' && recipient.status !== 'declined';\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}</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: 'reminder', label: 'Send Reminder', disabled: !canSendReminder},\n                          {id: 'inperson', label: 'Get In-Person Link', disabled: !canGetInPersonLink},\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-name\">{recipient.email}</div>\n                    <div class=\"recipient-name\">{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            {/*  <verdocs-button*/}\n            {/*    class=\"manage-recipients-button\"*/}\n            {/*    variant=\"standard\"*/}\n            {/*    label=\"Turn On Reminders\"*/}\n            {/*    onClick={() => (this.showManageDialog = !functionsDisabled)}*/}\n            {/*    disabled={functionsDisabled}*/}\n            {/*  />*/}\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      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/verdocs-web-sdk/p-03399c69.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as s,H as i}from"./p-b9654a5e.js";import{VerdocsEndpoint as o,getTemplate as r,updateTemplateRole as l,deleteTemplateRole as a,isValidEmail as d}from"@verdocs/js-sdk";import{S as c}from"./p-fd97809c.js";import{S as n}from"./p-58d027d1.js";const p='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}#verdocs-menu-panel-overlay{top:0;left:0;width:100%;height:100%;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.4980392157)}#verdocs-menu-panel{opacity:0;z-index:10001;position:fixed;overflow-y:scroll;background-color:#ffffff;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-webkit-animation:showVerdocsMenuPanel 0.35s;-webkit-animation-fill-mode:forwards}@-webkit-keyframes showVerdocsMenuPanel{0%{opacity:0;right:-300px}100%{right:0;opacity:1}}';const h=p;const f=class{constructor(s){e(this,s);this.close=t(this,"close",7);this.moved=false;this.overlayId=`verdocs-menu-panel-overlay`;this.panelId=`verdocs-menu-panel`;this.side="right";this.overlay=true;this.width=300}handleClick(e){var t;if(!this.element.contains(e.target)){this.hide();(t=this.close)===null||t===void 0?void 0:t.emit()}}componentWillLoad(){this.hide();if(this.overlay){this.portal=document.createElement("div");this.portal.setAttribute("id",this.overlayId);document.body.append(this.portal)}this.portal=document.createElement("div");this.portal.setAttribute("id",this.panelId);this.portal.style.top=`0px`;this.portal.style.bottom=`0px`;this.portal.style.width=`${this.width}px`;if(this.side==="left"){this.portal.style.left=`0px`}else{this.portal.style.right=`0px`}document.body.append(this.portal)}componentDidLoad(){this.portal.appendChild(this.element)}disconnectedCallback(){this.moved?this.portal.remove():this.moved=true}hide(){var e,t;(e=document.getElementById(this.overlayId))===null||e===void 0?void 0:e.remove();(t=document.getElementById(this.panelId))===null||t===void 0?void 0:t.remove()}render(){return s(i,{key:"1d8fd8a0d6035917184972712ab812f5c6141a1f",ref:e=>this.element=e},s("slot",{key:"696879936056ff36c4054e4a235455f9308605af"}))}};f.style=h;const b='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-role-properties{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", "Barlow", sans-serif}verdocs-template-role-properties div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-role-properties .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}verdocs-template-role-properties .buttons verdocs-button{margin-left:16px}verdocs-template-role-properties form{gap:15px;padding:20px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-role-properties form .instructions{margin:7px 0 0 0;font-size:12px;font-style:italic}verdocs-template-role-properties form .input-label{display:block;font-size:14px;-ms-flex:0 0 100px;flex:0 0 100px;font-weight:700;margin:0 0 4px 0;color:#555570}verdocs-template-role-properties form .first-last{gap:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties form verdocs-help-icon{-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-template-role-properties verdocs-select-input label{display:block}verdocs-template-role-properties verdocs-text-input{margin:0}verdocs-template-role-properties verdocs-text-input label{display:block}verdocs-template-role-properties verdocs-text-input .input-label{-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-role-properties verdocs-text-input input{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties verdocs-text-input verdocs-text-input{margin:0}verdocs-template-role-properties .checkbox-wrapper{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties .delete-button{height:34px;display:-ms-flexbox;display:flex;padding:0 6px;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-role-properties .delete-button svg{width:24px;height:24px}verdocs-template-role-properties .delete-button:active{background:#f3f3f3}';const u=b;const m=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#a50021"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /></svg>`;const v=class{constructor(s){e(this,s);this.close=t(this,"close",7);this.delete=t(this,"delete",7);this.sdkError=t(this,"sdkError",7);this.templateListenerId=null;this.endpoint=o.getDefault();this.templateId="";this.roleName="";this.dirty=false;this.saving=false;this.name="";this.type="signer";this.first_name="";this.last_name="";this.email="";this.phone="";this.delegator=false;this.loading=true;this.template=null}async componentWillLoad(){var e,t,s;try{this.endpoint.loadSession();if(!this.templateId){console.log(`[ROLES] Missing required template ID ${this.templateId}`);return}if(!this.endpoint.session){console.log("[ROLES] Unable to start builder session, must be authenticated");return}this.listenToTemplate()}catch(i){console.log("[ROLES Error with preview session",i);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new c(i.message,(t=i.response)===null||t===void 0?void 0:t.status,(s=i.response)===null||s===void 0?void 0:s.data))}}disconnectedCallback(){this.unlistenToTemplate()}async listenToTemplate(){console.log("[ROLES] Loading tempate",this.templateId);this.unlistenToTemplate();n.subscribe("templates",this.templateId,(()=>r(this.endpoint,this.templateId)),false,(e=>{var t;console.log("[BUILD] Template Updated",e);this.template=e;this.loading=false;const s=(t=this.template)===null||t===void 0?void 0:t.roles.find((e=>e.name===this.roleName));if(s){this.name=s.name;this.type=s.type;this.first_name=s.first_name;this.last_name=s.last_name;this.email=s.email;this.phone=s.phone;this.delegator=s.delegator;console.log("[ROLES] Editing role",s)}}))}unlistenToTemplate(){if(this.templateListenerId){n.store.delListener(this.templateListenerId);this.templateListenerId=null}}handleCancel(e){var t,s;e.stopPropagation();const i=(t=this.template)===null||t===void 0?void 0:t.roles.find((e=>e.name===this.roleName));if(i){this.name=i.name;this.type=i.type;this.first_name=i.first_name;this.last_name=i.last_name;this.email=i.email;this.phone=i.phone;this.delegator=i.delegator}this.dirty=false;(s=this.close)===null||s===void 0?void 0:s.emit()}async handleSave(e){e.stopPropagation();this.saving=true;l(this.endpoint,this.templateId,this.roleName,{name:this.name,type:this.type,first_name:this.first_name,last_name:this.last_name,email:this.email,phone:this.phone,delegator:this.delegator}).then((async e=>{var t;console.log("[ROLES] Update result",e);this.saving=false;this.dirty=false;const s=JSON.parse(JSON.stringify(this.template));const i=s.roles.findIndex((e=>e.name===this.roleName));if(i>-1){s.roles[i]=e}n.updateTemplate(this.templateId,s);(t=this.close)===null||t===void 0?void 0:t.emit()})).catch((e=>{console.log("[ROLES Update error",e);this.saving=false}))}async handleDelete(e){e.stopPropagation();if(window.confirm("Are you sure you wish to remove this role? All associated fields will be removed as well. This action cannot be undone.")){a(this.endpoint,this.templateId,this.roleName).then((()=>{var e,t;const s=JSON.parse(JSON.stringify(this.template));s.roles=s.roles.filter((e=>e.name!==this.roleName));n.getTemplate(this.endpoint,this.templateId,true);(e=this.delete)===null||e===void 0?void 0:e.emit({templateId:this.templateId,roleName:this.roleName});(t=this.close)===null||t===void 0?void 0:t.emit()})).catch((e=>{console.log("[ROLES Deletion error",e)}))}}render(){var e;const t=(((e=this.template)===null||e===void 0?void 0:e.fields)||[]).some((e=>e.role_name===this.roleName));const o=!this.email&&!this.first_name&&!this.last_name||d(this.email)&&!!this.first_name&&!!this.last_name;return s(i,{key:"a1895798db1e9b9f63c42e79556bdb76029217c2"},s("form",{key:"8be859da1a954e4d086d630e0d5aeaa991f88640",onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},s("div",{key:"a37025fa1b286d43493bd142f77f8310b02ee701"},s("verdocs-text-input",{key:"eea1b7844b0a60c30a6ee50a123399b7fe6fac4a",id:"verdocs-role-name",label:"Role Name (Must be unique)",value:this.name,autocomplete:"off",disabled:t,placeholder:"Role Name...",onInput:e=>{this.name=e.target.value;this.dirty=true}}),t&&s("div",{key:"5945d4e7a64f9b4a513bbd975fb821f662e452a4",class:"instructions"},"This role has fields assigned and can no longer be renamed.")),s("div",{key:"14cfb01f29a5889f1fcb2c90366ba4f215341a2c"},s("div",{key:"9095e3b2f1f378c9d3937898ca68d6742d89be54",class:"input-label"},"Type:"),s("verdocs-select-input",{key:"b07e4afc086e7d1563f58bb3c43aa0d909d8a65e",value:this.type,options:[{label:"Signer",value:"signer"},{label:"CC",value:"cc"},{label:"Approver",value:"approver"}],onInput:e=>{this.type=e.target.value;this.dirty=true}})),s("div",{key:"5e1ed5226be0707cc5430c1e7bd38ad6e4df5dd5"},s("div",{key:"fc4a467cb0da25a80c421134c8226480369d2a83",class:"input-label"},"Default Contact Info:"),s("div",{key:"f6cb36cde86b8067c374e4bf0cffa6549851888d",class:"first-last"},s("verdocs-text-input",{key:"a52d5426c87419f45482ef6004ef11597400ea87",id:"verdocs-recipient-first",value:this.first_name,autocomplete:"off",placeholder:"First...",onInput:e=>{this.first_name=e.target.value;this.dirty=true}}),s("verdocs-text-input",{key:"b9035b299231319dce05f19c15c4d427ad6cd2f3",id:"verdocs-recipient-first",value:this.last_name,autocomplete:"off",placeholder:"Last...",onInput:e=>{this.last_name=e.target.value;this.dirty=true}}))),s("div",{key:"d42c1ce5ae61db11a0ac32b3fa7bc3816e3068c6"},s("verdocs-text-input",{key:"63436a7be6b3f35c2341dc88d137bd2f6b061978",id:"verdocs-recipient-email",value:this.email,autocomplete:"off",placeholder:"Email Address...",onInput:e=>{this.email=e.target.value;this.dirty=true}}),s("div",{key:"5a7ed36cfa657fb9ee11cf62998abbab2cc641e9",style:{height:"15px"}}),s("div",{key:"c974f4e78235706788dfa54f69f6f5ec7d37d00e"},s("verdocs-text-input",{key:"2be4c29396c6e6bc4f687819646ea219fce97e82",id:"verdocs-recipient-phone",value:this.phone,autocomplete:"off",placeholder:"Phone Number...",onInput:e=>{this.phone=e.target.value;this.dirty=true}}))),s("div",{key:"a0eba03681cab8b491e5bd833c9d718d85979d92",class:"buttons"},s("button",{key:"145ae41f583a843a6e64743b9f18a0f3c23c370c",class:"delete-button",disabled:this.dirty,onClick:e=>this.handleDelete(e),innerHTML:m}),s("div",{key:"e81da0df0eceae434bb1fbaa5b642edacc978a4a",style:{flex:"1"}}),s("verdocs-button",{key:"bb0cd0eae3b51a84b2729531508d888cb03dad10",size:"small",label:"Save",disabled:!this.dirty||!o,onClick:e=>this.handleSave(e)}))))}};v.style=u;export{f as verdocs_menu_panel,v as verdocs_template_role_properties};
+//# sourceMappingURL=p-03399c69.entry.js.map

package/dist/verdocs-web-sdk/p-03399c69.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsMenuPanelCss","VerdocsMenuPanelStyle0","VerdocsMenuPanel","this","moved","overlayId","panelId","handleClick","e","element","contains","target","hide","_a","close","emit","componentWillLoad","overlay","portal","document","createElement","setAttribute","body","append","style","top","bottom","width","side","left","right","componentDidLoad","appendChild","disconnectedCallback","remove","getElementById","_b","render","h","Host","key","ref","el","verdocsTemplateRolePropertiesCss","VerdocsTemplateRolePropertiesStyle0","TrashIcon","VerdocsTemplateRoleProperties","templateListenerId","VerdocsEndpoint","getDefault","endpoint","loadSession","templateId","console","log","session","listenToTemplate","sdkError","SDKError","message","response","status","_c","data","unlistenToTemplate","Store","subscribe","getTemplate","template","loading","editingRole","roles","find","role","name","roleName","type","first_name","last_name","email","phone","delegator","store","delListener","handleCancel","stopPropagation","dirty","handleSave","saving","updateTemplateRole","then","async","r","newTemplate","JSON","parse","stringify","roleIndex","findIndex","updateTemplate","catch","handleDelete","window","confirm","deleteTemplateRole","filter","delete","hasFields","fields","some","field","role_name","isValid","isValidEmail","onSubmit","preventDefault","onClick","autocomplete","id","label","value","disabled","placeholder","onInput","class","options","height","innerHTML","flex","size"],"sources":["src/components/controls/verdocs-menu-panel/verdocs-menu-panel.scss?tag=verdocs-menu-panel","src/components/controls/verdocs-menu-panel/verdocs-menu-panel.tsx","src/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.scss?tag=verdocs-template-role-properties","src/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\n#verdocs-menu-panel-overlay {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 10000;\n  position: fixed;\n  background-color: #0000007f;\n}\n\n#verdocs-menu-panel {\n  opacity: 0;\n  z-index: 10001;\n  position: fixed;\n  overflow-y: scroll;\n  background-color: #ffffff;\n  font-family: $verdocs-primary-font;\n\n  -webkit-animation: showVerdocsMenuPanel 0.35s;\n  -webkit-animation-fill-mode: forwards;\n}\n\n// TODO: Parameterize the width\n@-webkit-keyframes showVerdocsMenuPanel {\n  0% {\n    opacity: 0;\n    right: -300px;\n  }\n\n  100% {\n    right: 0;\n    opacity: 1;\n  }\n}\n","import {Component, EventEmitter, h, Host, Listen, Prop, Event} from '@stencil/core';\n\n/**\n * Display a menu panel in a left or right sidebar. The panel will animate (slide)\n * as it appears, and an background will be shown over the rest of the page. If\n * the background overlay is present, it can be clicked to dismiss the panel.\n *\n * ```ts\n * <verdocs-menu-panel>\n *   <div style=\"padding: 20px;\">Menu Panel</div>\n * </verdocs-menu-panel>\n * ```\n */\n@Component({\n  tag: 'verdocs-menu-panel',\n  styleUrl: 'verdocs-menu-panel.scss',\n  shadow: false,\n})\nexport class VerdocsMenuPanel {\n  private portal: HTMLElement;\n  private element: HTMLElement;\n  private moved: boolean = false;\n  private overlayId = `verdocs-menu-panel-overlay`;\n  private panelId = `verdocs-menu-panel`;\n\n  /**\n   * Which side of the screen to place the panel.\n   */\n  @Prop() side: 'left' | 'right' = 'right';\n\n  /**\n   * Whether to show an overlay over the rest of the page.\n   */\n  @Prop() overlay = true;\n\n  /**\n   * The width of the panel.\n   */\n  @Prop() width = 300;\n\n  @Event() close: EventEmitter<void>;\n\n  @Listen('click', {target: 'document'})\n  handleClick(e: any) {\n    if (!this.element.contains(e.target)) {\n      this.hide();\n      this.close?.emit();\n    }\n  }\n\n  componentWillLoad() {\n    this.hide();\n\n    if (this.overlay) {\n      this.portal = document.createElement('div');\n      this.portal.setAttribute('id', this.overlayId);\n      document.body.append(this.portal);\n    }\n\n    this.portal = document.createElement('div');\n    this.portal.setAttribute('id', this.panelId);\n    this.portal.style.top = `0px`;\n    this.portal.style.bottom = `0px`;\n    this.portal.style.width = `${this.width}px`;\n\n    if (this.side === 'left') {\n      this.portal.style.left = `0px`;\n    } else {\n      this.portal.style.right = `0px`;\n    }\n\n    document.body.append(this.portal);\n  }\n\n  componentDidLoad() {\n    this.portal.appendChild(this.element);\n  }\n\n  disconnectedCallback() {\n    this.moved ? this.portal.remove() : (this.moved = true);\n  }\n\n  hide() {\n    document.getElementById(this.overlayId)?.remove();\n    document.getElementById(this.panelId)?.remove();\n  }\n\n  render() {\n    return (\n      <Host ref={el => (this.element = el)}>\n        <slot />\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-template-role-properties {\n  box-sizing: border-box;\n  font-family: $primary-font;\n\n  div {\n    box-sizing: border-box;\n  }\n\n  .heading {\n    display: flex;\n    font-size: 20px;\n    font-weight: 500;\n    flex-direction: row;\n  }\n\n  .buttons {\n    display: flex;\n    margin-top: 10px;\n    align-items: center;\n    flex-direction: row;\n    justify-content: space-between;\n\n    verdocs-button {\n      margin-left: 16px;\n    }\n  }\n\n  form {\n    gap: 15px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n\n    .instructions {\n      margin: 7px 0 0 0;\n      font-size: 12px;\n      font-style: italic;\n    }\n\n    .input-label {\n      display: block;\n      font-size: 14px;\n      flex: 0 0 100px;\n      font-weight: 700;\n      margin: 0 0 4px 0;\n      color: $label-color-light;\n    }\n\n    .first-last {\n      gap: 15px;\n      display: flex;\n      flex-direction: row;\n    }\n  }\n\n  form verdocs-help-icon {\n    transform: scale(0.8);\n  }\n\n  verdocs-select-input {\n    //flex: 1;\n    //margin: 0;\n\n    label {\n      display: block;\n    }\n  }\n\n  verdocs-text-input {\n    margin: 0;\n\n    label {\n      display: block;\n    }\n\n    .input-label {\n      flex: 0 0 100px;\n    }\n\n    input {\n      flex: 1;\n      display: flex;\n    }\n\n    verdocs-text-input {\n      margin: 0;\n    }\n  }\n\n  .checkbox-wrapper {\n    flex: 1;\n    display: flex;\n  }\n\n  .delete-button {\n    height: 34px;\n    display: flex;\n    padding: 0 6px;\n    cursor: pointer;\n    background: none;\n    border-radius: 4px;\n    align-items: center;\n    border: 1px solid #999;\n    justify-content: center;\n\n    svg {\n      width: 24px;\n      height: 24px;\n    }\n\n    &:active {\n      background: #f3f3f3;\n    }\n  }\n}\n","import {Component, Prop, h, Event, EventEmitter, Host, State} from '@stencil/core';\nimport {deleteTemplateRole, getTemplate, isValidEmail, ITemplate, TRecipientType, updateTemplateRole, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nconst TrashIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#a50021\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0\" /></svg>`;\n\n/**\n * Present an editing form suitable for adjusting template-role properties.\n */\n@Component({\n  tag: 'verdocs-template-role-properties',\n  styleUrl: 'verdocs-template-role-properties.scss',\n})\nexport class VerdocsTemplateRoleProperties {\n  private templateListenerId = 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 template ID to edit.\n   */\n  @Prop() templateId: string = '';\n\n  /**\n   * The role name to edit.\n   */\n  @Prop() roleName: string = '';\n\n  /**\n   * Event fired when the user cancels the dialog.\n   */\n  @Event({composed: true}) close: EventEmitter;\n\n  /**\n   * Event fired when the user deletes the role. The parent should update its UI to reflect the removal. When this event is emitted,\n   * the role will have already been deleted server-side.\n   */\n  @Event({composed: true}) delete: EventEmitter<{templateId: string; roleName: string}>;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  @State() dirty = false;\n  @State() saving = false;\n  @State() name = '';\n  @State() type: TRecipientType = 'signer';\n  @State() first_name = '';\n  @State() last_name = '';\n  @State() email = '';\n  @State() phone = '';\n  @State() delegator = false;\n\n  @State() loading = true;\n  @State() template: ITemplate | null = null;\n\n  async componentWillLoad() {\n    try {\n      this.endpoint.loadSession();\n\n      if (!this.templateId) {\n        console.log(`[ROLES] Missing required template ID ${this.templateId}`);\n        return;\n      }\n\n      if (!this.endpoint.session) {\n        console.log('[ROLES] Unable to start builder session, must be authenticated');\n        return;\n      }\n\n      this.listenToTemplate();\n    } catch (e) {\n      console.log('[ROLES Error with preview session', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  disconnectedCallback() {\n    this.unlistenToTemplate();\n  }\n\n  async listenToTemplate() {\n    console.log('[ROLES] Loading tempate', this.templateId);\n    this.unlistenToTemplate();\n    Store.subscribe(\n      'templates',\n      this.templateId,\n      () => getTemplate(this.endpoint, this.templateId),\n      false,\n      (template: ITemplate) => {\n        console.log('[BUILD] Template Updated', template);\n        this.template = template;\n        this.loading = false;\n\n        const editingRole = this.template?.roles.find(role => role.name === this.roleName);\n        if (editingRole) {\n          this.name = editingRole.name;\n          this.type = editingRole.type;\n          this.first_name = editingRole.first_name;\n          this.last_name = editingRole.last_name;\n          this.email = editingRole.email;\n          this.phone = editingRole.phone;\n          this.delegator = editingRole.delegator;\n          console.log('[ROLES] Editing role', editingRole);\n        }\n      },\n    );\n  }\n\n  unlistenToTemplate() {\n    if (this.templateListenerId) {\n      Store.store.delListener(this.templateListenerId);\n      this.templateListenerId = null;\n    }\n  }\n\n  handleCancel(e) {\n    e.stopPropagation();\n    const editingRole = this.template?.roles.find(role => role.name === this.roleName);\n    if (editingRole) {\n      this.name = editingRole.name;\n      this.type = editingRole.type;\n      this.first_name = editingRole.first_name;\n      this.last_name = editingRole.last_name;\n      this.email = editingRole.email;\n      this.phone = editingRole.phone;\n      this.delegator = editingRole.delegator;\n    }\n\n    this.dirty = false;\n    this.close?.emit();\n  }\n\n  async handleSave(e) {\n    e.stopPropagation();\n    this.saving = true;\n    updateTemplateRole(this.endpoint, this.templateId, this.roleName, {\n      name: this.name,\n      type: this.type,\n      first_name: this.first_name,\n      last_name: this.last_name,\n      email: this.email,\n      phone: this.phone,\n      delegator: this.delegator,\n    })\n      .then(async r => {\n        console.log('[ROLES] Update result', r);\n        this.saving = false;\n        this.dirty = false;\n        const newTemplate = JSON.parse(JSON.stringify(this.template));\n        const roleIndex = newTemplate.roles.findIndex(role => role.name === this.roleName);\n        if (roleIndex > -1) {\n          newTemplate.roles[roleIndex] = r;\n        }\n        Store.updateTemplate(this.templateId, newTemplate);\n        this.close?.emit();\n      })\n      .catch(e => {\n        console.log('[ROLES Update error', e);\n        this.saving = false;\n      });\n  }\n\n  async handleDelete(e) {\n    e.stopPropagation();\n    if (window.confirm('Are you sure you wish to remove this role? All associated fields will be removed as well. This action cannot be undone.')) {\n      deleteTemplateRole(this.endpoint, this.templateId, this.roleName)\n        .then(() => {\n          const newTemplate = JSON.parse(JSON.stringify(this.template)) as ITemplate;\n          newTemplate.roles = newTemplate.roles.filter(role => role.name !== this.roleName);\n          Store.getTemplate(this.endpoint, this.templateId, true);\n          // Store.updateTemplate(this.templateId, newTemplate);\n          this.delete?.emit({templateId: this.templateId, roleName: this.roleName});\n          this.close?.emit();\n        })\n        .catch(e => {\n          console.log('[ROLES Deletion error', e);\n        });\n    }\n  }\n\n  render() {\n    const hasFields = (this.template?.fields || []).some(field => field.role_name === this.roleName);\n\n    // Either all three should be empty, or all three need to be filled\n    const isValid = (!this.email && !this.first_name && !this.last_name) || (isValidEmail(this.email) && !!this.first_name && !!this.last_name);\n\n    return (\n      <Host>\n        <form onSubmit={e => e.preventDefault()} onClick={e => e.stopPropagation()} autocomplete=\"off\">\n          <div>\n            <verdocs-text-input\n              id=\"verdocs-role-name\"\n              label=\"Role Name (Must be unique)\"\n              value={this.name}\n              autocomplete=\"off\"\n              disabled={hasFields}\n              placeholder=\"Role Name...\"\n              onInput={(e: any) => {\n                this.name = e.target.value;\n                this.dirty = true;\n              }}\n            />\n\n            {hasFields && <div class=\"instructions\">This role has fields assigned and can no longer be renamed.</div>}\n            {/*<div class=\"instructions\">{hasFields ? 'This role has fields assigned and can no longer be renamed.' : 'A unique name to identify the role in the workflow.'}</div>*/}\n          </div>\n\n          <div>\n            <div class=\"input-label\">Type:</div>\n            <verdocs-select-input\n              value={this.type}\n              options={[\n                {label: 'Signer', value: 'signer'},\n                {label: 'CC', value: 'cc'},\n                {label: 'Approver', value: 'approver'},\n              ]}\n              onInput={(e: any) => {\n                this.type = e.target.value;\n                this.dirty = true;\n              }}\n            />\n            {/*<div class=\"instructions\">*/}\n            {/*  Most participants are Signers. CC roles are notified when documents are signed, but have no other actions. Approvers get notified when signing is completed to perform*/}\n            {/*  a final review.*/}\n            {/*</div>*/}\n          </div>\n\n          <div>\n            <div class=\"input-label\">Default Contact Info:</div>\n\n            <div class=\"first-last\">\n              <verdocs-text-input\n                id=\"verdocs-recipient-first\"\n                value={this.first_name}\n                autocomplete=\"off\"\n                placeholder=\"First...\"\n                onInput={(e: any) => {\n                  this.first_name = e.target.value;\n                  this.dirty = true;\n                }}\n              />\n\n              <verdocs-text-input\n                id=\"verdocs-recipient-first\"\n                value={this.last_name}\n                autocomplete=\"off\"\n                placeholder=\"Last...\"\n                onInput={(e: any) => {\n                  this.last_name = e.target.value;\n                  this.dirty = true;\n                }}\n              />\n            </div>\n          </div>\n\n          <div>\n            <verdocs-text-input\n              id=\"verdocs-recipient-email\"\n              value={this.email}\n              autocomplete=\"off\"\n              placeholder=\"Email Address...\"\n              onInput={(e: any) => {\n                this.email = e.target.value;\n                this.dirty = true;\n              }}\n            />\n\n            <div style={{height: '15px'}} />\n\n            <div>\n              <verdocs-text-input\n                id=\"verdocs-recipient-phone\"\n                value={this.phone}\n                autocomplete=\"off\"\n                // helpText=\"The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.\"\n                placeholder=\"Phone Number...\"\n                onInput={(e: any) => {\n                  this.phone = e.target.value;\n                  this.dirty = true;\n                }}\n              />\n              {/*<div class=\"instructions\">Default name and contact information. This may be changed later when creating and envelope with this template.</div>*/}\n            </div>\n          </div>\n\n          {/*<div class=\"row\">*/}\n          {/*  <div class=\"input-label\">May Delegate:</div>*/}\n          {/*  <div class=\"checkbox-wrapper\">*/}\n          {/*    <verdocs-checkbox*/}\n          {/*      checked={this.delegator}*/}\n          {/*      onInput={(e: any) => {*/}\n          {/*        this.delegator = e.target.checked;*/}\n          {/*        this.dirty = true;*/}\n          {/*      }}*/}\n          {/*    />*/}\n          {/*  </div>*/}\n\n          {/*  <verdocs-help-icon text=\"If enabled, this recipient may delegate their actions to another individual.\" />*/}\n          {/*</div>*/}\n\n          <div class=\"buttons\">\n            <button class=\"delete-button\" disabled={this.dirty} onClick={e => this.handleDelete(e)} innerHTML={TrashIcon} />\n\n            <div style={{flex: '1'}} />\n\n            {/*<verdocs-button size=\"small\" variant=\"outline\" label=\"Cancel\" disabled={!this.dirty} onClick={e => this.handleCancel(e)} />*/}\n            <verdocs-button size=\"small\" label=\"Save\" disabled={!this.dirty || !isValid} onClick={e => this.handleSave(e)} />\n          </div>\n        </form>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/verdocs-web-sdk/p-04c07b7b.js

@@ -1 +1,2 @@
-const s={error:'<div class="toast-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="width: 24px; height: 24px; display: block;">\n  <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z" clip-rule="evenodd" />\n</svg></div>',success:'<div class="toast-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="width: 24px; height: 24px; display: block;">\n  <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.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" />\n</svg></div>',info:'<div class="toast-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="width: 24px; height: 24px; display: block;">\n  <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 01.67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 11-.671-1.34l.041-.022zM12 9a.75.75 0 100-1.5.75.75 0 000 1.5z" clip-rule="evenodd" />\n</svg></div>',default:'<div class="toast-icon"></div>'},e={error:"#ed3d3d",success:"#3dc763",info:"#2379c7",default:"#6a56c1"},l=()=>Array.from(document.getElementsByClassName("verdocs-toast")).forEach((s=>s.remove())),o=s=>{s.stopPropagation(),l()},d=(d,t={})=>{l();const{duration:i=5e3,style:a="default"}=t||{},c=e[a]||e.default,n=`\n    ${s[a]||s.default}\n    <div class="verdocs-toast-text" style="padding: 12px 12px 12px 0; display: flex; flex: 1">${d}</div>\n    <div class="verdocs-toast-close" style="padding: 12px 10px; background: rgba(0, 0, 0, 0.2); cursor: pointer;">✕</div>\n  `,r=document.createElement("div");r.className="verdocs-toast",r.innerHTML=n,r.style.cssText=`\ndisplay: flex; flex-direction: row; gap: 10px; align-items: center;\nposition: fixed; top: 20px; right: 20px; z-index: 2147483647; width: 50%; max-width: calc(100% - 40px);\ncolor: #ffffff; background: ${c}; font-family: 'Barlow', sans-serif;\nborder-radius: 2px; padding-left: 10px;\nbox-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);`,document.body.append(r),Array.from(document.getElementsByClassName("verdocs-toast-close")).forEach((s=>s.addEventListener("click",o))),setTimeout(l,i)};export{d as V}
+const s={error:`<div class="toast-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="width: 24px; height: 24px; display: block;">\n  <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z" clip-rule="evenodd" />\n</svg></div>`,success:`<div class="toast-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="width: 24px; height: 24px; display: block;">\n  <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.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" />\n</svg></div>`,info:`<div class="toast-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="width: 24px; height: 24px; display: block;">\n  <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 01.67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 11-.671-1.34l.041-.022zM12 9a.75.75 0 100-1.5.75.75 0 000 1.5z" clip-rule="evenodd" />\n</svg></div>`,default:'<div class="toast-icon"></div>'};const o={error:"#ed3d3d",success:"#3dc763",info:"#2379c7",default:"#6a56c1"};const t=()=>Array.from(document.getElementsByClassName("verdocs-toast")).forEach((s=>s.remove()));const e=s=>{s.stopPropagation();t()};const l=(l,d={})=>{t();const{duration:c=5e3,style:i="default"}=d||{};const n=o[i]||o.default;const a=s[i]||s.default;const r=`\n    ${a}\n    <div class="verdocs-toast-text" style="padding: 12px 12px 12px 0; display: flex; flex: 1">${l}</div>\n    <div class="verdocs-toast-close" style="padding: 12px 10px; background: rgba(0, 0, 0, 0.2); cursor: pointer;">✕</div>\n  `;const p=document.createElement("div");p.className="verdocs-toast";p.innerHTML=r;p.style.cssText=`\ndisplay: flex; flex-direction: row; gap: 10px; align-items: center;\nposition: fixed; top: 20px; right: 20px; z-index: 2147483647; width: 50%; max-width: calc(100% - 40px);\ncolor: #ffffff; background: ${n}; font-family: 'Barlow', sans-serif;\nborder-radius: 2px; padding-left: 10px;\nbox-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);`;document.body.append(p);const x=Array.from(document.getElementsByClassName("verdocs-toast-close"));x.forEach((s=>s.addEventListener("click",e)));setTimeout(t,c)};export{l as V};
+//# sourceMappingURL=p-04c07b7b.js.map

package/dist/verdocs-web-sdk/p-04c07b7b.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Icons","error","success","info","default","Colors","removeToasts","Array","from","document","getElementsByClassName","forEach","oldToast","remove","closeClicked","e","stopPropagation","VerdocsToast","text","config","duration","style","color","icon","toastBody","toast","createElement","className","innerHTML","cssText","body","append","closeElements","closeEl","addEventListener","setTimeout"],"sources":["src/utils/Toast.ts"],"sourcesContent":["/**\n * Simple helper to display basic toast messages. These toasts do not stack, and\n * because of this are meant to be used only for infrequent notifications (those\n * that would rarely happen back to back within a few seconds).\n *\n * The main reason to use this and not a toast library is CSS efficiency. All\n * toast libraries require some block of CSS be installed. That works well for\n * an app but every Web Component gets compiled as its own mini sandbox app.\n * That means a toast library's CSS would get compiled over and over. This\n * method is styled inline and minifie to <3K, most of which is the icons. If\n * we wanted to trim it more we could move those out to an icon library because\n * they're reused in other controls as well.\n */\n\nexport interface IVerdocsToastConfig {\n  duration?: number;\n  style?: 'error' | 'info' | 'success' | 'default';\n}\n\nconst Icons = {\n  error: `<div class=\"toast-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" style=\"width: 24px; height: 24px; display: block;\">\n  <path fill-rule=\"evenodd\" d=\"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z\" clip-rule=\"evenodd\" />\n</svg></div>`,\n\n  success: `<div class=\"toast-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" style=\"width: 24px; height: 24px; display: block;\">\n  <path fill-rule=\"evenodd\" d=\"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.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\" />\n</svg></div>`,\n\n  info: `<div class=\"toast-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" style=\"width: 24px; height: 24px; display: block;\">\n  <path fill-rule=\"evenodd\" d=\"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 01.67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 11-.671-1.34l.041-.022zM12 9a.75.75 0 100-1.5.75.75 0 000 1.5z\" clip-rule=\"evenodd\" />\n</svg></div>`,\n\n  // The empty element allows the flex \"gap\" to still provide the correct spacing, visually\n  default: '<div class=\"toast-icon\"></div>',\n};\n\nconst Colors = {\n  error: '#ed3d3d',\n  success: '#3dc763',\n  info: '#2379c7',\n  default: '#6a56c1',\n};\n\nconst removeToasts = () => Array.from(document.getElementsByClassName('verdocs-toast')).forEach(oldToast => oldToast.remove());\n\nconst closeClicked = (e: any) => {\n  e.stopPropagation();\n  removeToasts();\n};\n\nexport const VerdocsToast = (text: string, config: IVerdocsToastConfig = {}) => {\n  // We don't stack because we have only a few specific use-cases and they would\n  // almost never show more than one message at a time.\n  removeToasts();\n\n  const {duration = 5000, style = 'default'} = config || {};\n  const color = Colors[style] || Colors.default;\n  const icon = Icons[style] || Icons.default;\n\n  const toastBody = `\n    ${icon}\n    <div class=\"verdocs-toast-text\" style=\"padding: 12px 12px 12px 0; display: flex; flex: 1\">${text}</div>\n    <div class=\"verdocs-toast-close\" style=\"padding: 12px 10px; background: rgba(0, 0, 0, 0.2); cursor: pointer;\">✕</div>\n  `;\n\n  const toast = document.createElement('div');\n  toast.className = 'verdocs-toast';\n  toast.innerHTML = toastBody;\n  toast.style.cssText = `\ndisplay: flex; flex-direction: row; gap: 10px; align-items: center;\nposition: fixed; top: 20px; right: 20px; z-index: 2147483647; width: 50%; max-width: calc(100% - 40px);\ncolor: #ffffff; background: ${color}; font-family: 'Barlow', sans-serif;\nborder-radius: 2px; padding-left: 10px;\nbox-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);`;\n  document.body.append(toast);\n\n  const closeElements = Array.from(document.getElementsByClassName('verdocs-toast-close'));\n  closeElements.forEach(closeEl => closeEl.addEventListener('click', closeClicked));\n\n  setTimeout(removeToasts, duration);\n};\n"],"mappings":"AAmBA,MAAMA,EAAQ,CACZC,MAAO,ybAIPC,QAAS,kcAITC,KAAM,miBAKNC,QAAS,kCAGX,MAAMC,EAAS,CACbJ,MAAO,UACPC,QAAS,UACTC,KAAM,UACNC,QAAS,WAGX,MAAME,EAAe,IAAMC,MAAMC,KAAKC,SAASC,uBAAuB,kBAAkBC,SAAQC,GAAYA,EAASC,WAErH,MAAMC,EAAgBC,IACpBA,EAAEC,kBACFV,GAAc,E,MAGHW,EAAe,CAACC,EAAcC,EAA8B,MAGvEb,IAEA,MAAMc,SAACA,EAAW,IAAIC,MAAEA,EAAQ,WAAaF,GAAU,GACvD,MAAMG,EAAQjB,EAAOgB,IAAUhB,EAAOD,QACtC,MAAMmB,EAAOvB,EAAMqB,IAAUrB,EAAMI,QAEnC,MAAMoB,EAAY,SACdD,oGAC0FL,yIAI9F,MAAMO,EAAQhB,SAASiB,cAAc,OACrCD,EAAME,UAAY,gBAClBF,EAAMG,UAAYJ,EAClBC,EAAMJ,MAAMQ,QAAU,+MAGMP,0KAG5Bb,SAASqB,KAAKC,OAAON,GAErB,MAAMO,EAAgBzB,MAAMC,KAAKC,SAASC,uBAAuB,wBACjEsB,EAAcrB,SAAQsB,GAAWA,EAAQC,iBAAiB,QAASpB,KAEnEqB,WAAW7B,EAAcc,EAAS,S","ignoreList":[]}