@verdocs/web-sdk 6.9.13 → 6.10.1

package/dist/components/{p-DGws2Zgt.js.map → p-DpyO-OJK.js.map}

@@ -1 +1 @@
-{"version":3,"names":["getRoleNames","template","roles","map","role","name","getRoleIndex","role_name","Math","max","findIndex","verdocsSendCss","editIcon","startIcon","stepIcon","doneIcon","VerdocsSend","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","templateListenerId","endpoint","DefaultEndpoint","templateId","environment","showCancel","containerId","random","toString","substring","showPickerForId","sessionContacts","sending","rolesCompleted","loading","disconnectedCallback","unlistenToTemplate","listenToTemplate","console","log","Store","subscribe","getTemplate","recomputeRolesCompleted","store","delListener","reset","onTemplateIdChanged","newTemplateId","componentWillLoad","onSessionChanged","_endpoint","_session","profile","me","id","first_name","last_name","email","phone","getOrganizationContacts","then","contacts","catch","e","loadSession","session","_a","sdkError","emit","SDKError","message","_b","response","status","_c","data","rolesAtLevel","forEach","level","sequence","length","push","isValidEmail","getSequenceNumbers","sequences","Object","keys","s","sort","a","b","getRolesAtLevel","filter","index","getLevelIcon","h","class","innerHTML","handleSelectContact","preventDefault","detail","handleClickRole","stopPropagation","handleSend","localeData","Intl","DateTimeFormat","resolvedOptions","details","template_id","initial_reminder","followup_reminders","recipients","values","timezone","timeZone","locale","beforeSendResult","beforeSend","defaultPrevented","createEnvelope","r","send","envelope_id","envelope","VerdocsToast","error","handleCancel","exit","render","Host","style","display","levels","rolesAssigned","recipient","allRolesAssigned","assignedEmails","toLowerCase","hasDuplicateEmails","Set","size","sendable","is_sendable","unknown","roleName","formatFullName","elId","roleIndex","rgba","getRGBA","completed","backgroundColor","border","onClick","anchor","onClickAway","onExit","onNext","contactSuggestions","templateRole","onSearchContacts","searchContacts","label","variant","disabled"],"sources":["src/utils/Templates.ts","src/components/embeds/verdocs-send/verdocs-send.scss?tag=verdocs-send","src/components/embeds/verdocs-send/verdocs-send.tsx"],"sourcesContent":["import {ITemplate} from '@verdocs/js-sdk';\n\nexport const getRoleNames = (template: ITemplate | null) => (template?.roles || []).map(role => role.name);\n\nexport const getRoleIndex = (template: ITemplate | null, role_name: string) =>\n  Math.max(\n    getRoleNames(template).findIndex(name => name === role_name),\n    0,\n  );\n","@import '../../../theme.scss';\n\nverdocs-send {\n  padding: 10px;\n  position: relative;\n  background: #ffffff;\n  flex-direction: column;\n  font-family: $verdocs-primary-font;\n\n  &.sendable {\n    display: flex;\n  }\n\n  .recipients {\n    position: relative;\n  }\n\n  // To avoid the need to compute things like heights, this layer is simply displayed \"on top\" of all the level rows. Its\n  // background obscures the horizontal lines.\n  .left-line {\n    top: 32px;\n    left: 20px;\n    z-index: 1;\n    width: 12px;\n    bottom: 30px;\n    position: absolute;\n    background: #ffffff;\n    border-left: 3px dotted #9b9b9b;\n  }\n\n  .level {\n    display: flex;\n    column-gap: 10px;\n    margin-left: 50px;\n    position: relative;\n    flex-direction: row;\n    padding: 8px 0 4px 0;\n    border-bottom: 1px solid #97979744;\n\n    .level-icon {\n      top: 14px;\n      z-index: 2;\n      left: -40px;\n      width: 24px;\n      height: 24px;\n      position: absolute;\n      background: #ffffff;\n\n      svg {\n        fill: #00000089;\n      }\n    }\n\n    .recipient {\n      height: 30px;\n      display: flex;\n      flex: 0 0 30px;\n      color: #000000;\n      cursor: pointer;\n      font-size: 14px;\n      align-items: center;\n      border-radius: 30px;\n      flex-direction: row;\n      background: #dddddd;\n      white-space: nowrap;\n      border: 2px solid #dddddd;\n      padding: 2px 10px 2px 14px;\n\n      .icon {\n        width: 22px;\n        height: 22px;\n        flex: 0 0 22px;\n        margin: 0 0 0 10px;\n\n        svg {\n          width: 22px;\n          height: 22px;\n          fill: #333333;\n          outline: none;\n        }\n      }\n    }\n\n    .complete {\n      flex: 1;\n      height: 30px;\n      display: flex;\n      color: #000000;\n      font-size: 14px;\n      align-items: center;\n      flex-direction: row;\n      padding: 3px 10px 3px 2px;\n    }\n  }\n\n  .buttons {\n    display: flex;\n    margin-top: 10px;\n    column-gap: 15px;\n    flex-wrap: wrap;\n    flex-direction: row;\n    align-items: center;\n\n    .error-message {\n      width: 100%;\n      color: #cc0000;\n      font-size: 13px;\n      margin-bottom: 10px;\n    }\n  }\n\n  verdocs-contact-picker {\n    left: 0;\n    top: 41px;\n    z-index: 10;\n    position: absolute;\n    border: 1px solid #dddddd;\n    box-shadow: 0 0 6px 3px rgb(0 0 0 / 10%);\n  }\n}\n","import {Component, Prop, State, h, Event, EventEmitter, Host, Method, Watch} from '@stencil/core';\nimport {createEnvelope, formatFullName, getTemplate, getOrganizationContacts, getRGBA, isValidEmail, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport type {ICreateEnvelopeFromTemplateRequest, ICreateEnvelopeRecipientFromTemplate, IEnvelope, IRecipient, ITemplate} from '@verdocs/js-sdk';\nimport {IContactSearchEvent} from '../../envelopes/verdocs-contact-picker/verdocs-contact-picker';\nimport {getRoleIndex, getRoleNames} from '../../../utils/Templates';\nimport {DefaultEndpoint} from '../../../utils/Environment';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nconst editIcon =\n  '<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" tabindex=\"-1\"><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.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"></path></svg>';\n\nconst startIcon =\n  '<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" tabindex=\"-1\"><path d=\"M2 12C2 6.48 6.48 2 12 2s10 4.48 10 10-4.48 10-10 10S2 17.52 2 12zm10 6c3.31 0 6-2.69 6-6s-2.69-6-6-6-6 2.69-6 6 2.69 6 6 6z\"></path></svg>';\n\nconst stepIcon =\n  '<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" tabindex=\"-1\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"></path></svg>';\n\nconst doneIcon =\n  '<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" tabindex=\"-1\"><path d=\"m18 7-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.41 6 19l1.41-1.41L1.83 12 .41 13.41z\"></path></svg>';\n\n/**\n * Display a form to send a template to one or more recipients in an envelope for signing.\n * Host applications should ensure the template is \"sendable\" before displaying this component.\n * To be sendable, a template must have at least one document attached, at least one participant\n * defined, and at least one field assigned to every \"signer\" participant. This component will\n * hide itself if the template is not sendable.\n *\n * ```ts\n * <verdocs-send\n *   templateId={TEMPLATE_ID}\n *   onBeforeSend={({ detail })) => { console.log('Sending... Show a spinner...', detail) }\n *   onSend={({ detail }) => { console.log('Sent! Hide the spinner...', detail) }\n *   onExit={({ detail }) => { console.log('Send cancelled.', detail) }\n *   onSdkError={({ detail }) => { console.log('SDK error', detail) }\n *   />\n * ```\n */\n@Component({\n  tag: 'verdocs-send',\n  styleUrl: 'verdocs-send.scss',\n  shadow: false,\n})\nexport class VerdocsSend {\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 = DefaultEndpoint;\n\n  /**\n   * The ID of the template to create the document from.\n   */\n  @Prop({reflect: true}) templateId: string | null = null;\n\n  /**\n   * The environment the control is being called from, e.g. 'web'. This has an impact on how certain\n   * operations such as email communications are handled to ensure users receive the correct URLs for\n   * their invitations. Setting this to unknown values may produce unexpected/incorrect behaviors.\n   * If environment is not known, do this set this property.\n   */\n  @Prop() environment: string = '';\n\n  /**\n   * Whether to show the cancel button. It may be useful to disable this in environments where\n   * the embed is shown in a non-wizard flow with its own navigation for the user to exit.\n   */\n  @Prop() showCancel = true;\n\n  /**\n   * The user is sending an envelope the form and clicked send.\n   */\n  @Event({composed: true}) beforeSend: EventEmitter<{recipients: ICreateEnvelopeRecipientFromTemplate[]; name: string; template_id: string; template: ITemplate}>;\n\n  /**\n   * The user completed the form and clicked send.\n   */\n  @Event({composed: true}) send: EventEmitter<{recipients: ICreateEnvelopeRecipientFromTemplate[]; name: string; template_id: string; envelope_id: string; envelope: IEnvelope}>;\n\n  /**\n   * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  /**\n   * Event fired when the user enters text in a search field. The parent application may use this to update\n   * the `contactSuggestions` property.\n   */\n  @Event({composed: true}) searchContacts: EventEmitter<IContactSearchEvent>;\n\n  @State() containerId = `verdocs-send-${Math.random().toString(36).substring(2, 11)}`;\n  @State() showPickerForId = '';\n  @State() sessionContacts = [];\n  @State() sending = false;\n  @State() rolesCompleted: Record<string, Partial<IRecipient>> = {};\n\n  @State() loading = true;\n  @State() template: ITemplate | null = null;\n\n  disconnectedCallback() {\n    this.unlistenToTemplate();\n  }\n\n  async listenToTemplate() {\n    console.log('[SEND] Loading template', this.templateId);\n    this.unlistenToTemplate();\n    Store.subscribe(\n      'templates',\n      this.templateId,\n      () => getTemplate(this.endpoint, this.templateId),\n      true,\n      (template: ITemplate) => {\n        console.log('[SEND] Got new template', template);\n        this.template = template;\n        this.loading = false;\n        this.rolesCompleted = {};\n        this.recomputeRolesCompleted();\n      },\n    );\n  }\n\n  unlistenToTemplate() {\n    if (this.templateListenerId) {\n      Store.store.delListener(this.templateListenerId);\n      this.templateListenerId = null;\n    }\n  }\n\n  @Method() async reset() {\n    this.rolesCompleted = {};\n  }\n\n  @Watch('templateId')\n  onTemplateIdChanged(newTemplateId: string) {\n    console.log('[SEND] Template ID changed', newTemplateId);\n    this.listenToTemplate();\n  }\n\n  async componentWillLoad() {\n    try {\n      this.endpoint.onSessionChanged((_endpoint, _session, profile) => {\n        if (!profile) {\n          return;\n        }\n\n        const me = {\n          id: profile.id,\n          first_name: profile.first_name,\n          last_name: profile.last_name,\n          email: profile.email,\n          phone: profile.phone,\n        };\n\n        if (profile) {\n          this.sessionContacts = [me];\n\n          getOrganizationContacts(this.endpoint)\n            .then(contacts => {\n              console.log('[SEND] Got contacts', contacts);\n              this.sessionContacts = [...contacts, me];\n            })\n            .catch(e => {\n              console.log('[SEND] Error getting contacts', e);\n            });\n        }\n      });\n\n      this.endpoint.loadSession();\n\n      if (!this.endpoint.session) {\n        console.log('[SEND] Unable to start Send operation, must be authenticated');\n        return;\n      }\n\n      if (!this.templateId) {\n        console.log(`[SEND] Missing required template ID ${this.templateId}`);\n        return;\n      }\n\n      this.listenToTemplate();\n    } catch (e) {\n      console.log('[SEND] Error with send session', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  recomputeRolesCompleted() {\n    this.rolesCompleted = {};\n\n    const rolesAtLevel: Record<number, Partial<IRecipient>[]> = {};\n    (this.template?.roles || []).forEach(role => {\n      const level = role.sequence;\n      rolesAtLevel[level] ||= [];\n      const id = `r-${level}-${rolesAtLevel[level].length}`;\n      rolesAtLevel[level].push({...role, id, role_name: role.name, first_name: role.first_name, last_name: role.last_name});\n\n      // if (role.first_name && (isValidEmail(role.email) || isValidPhone(role.phone))) {\n      if (role.first_name && isValidEmail(role.email)) {\n        this.rolesCompleted[id] = {...role, id, role_name: role.name, first_name: role.first_name, last_name: role.last_name};\n      }\n    });\n  }\n\n  getSequenceNumbers() {\n    // This is cleaner with a Set but we found a regression in some target environments where\n    // this breaks down. Reverting to an older technique while we diagnose it.\n    const sequences: Record<number, boolean> = {};\n    (this.template?.roles || []).forEach(role => {\n      sequences[role.sequence] = true;\n    });\n    return Object.keys(sequences)\n      .map(s => +s)\n      .sort((a, b) => a - b);\n  }\n\n  getRolesAtLevel(level: number) {\n    const rolesAtLevel = (this.template?.roles || [])\n      .filter(role => role.sequence === level)\n      .map((role, index) => ({\n        ...role,\n        id: `r-${level}-${index}`,\n        role_name: role.name,\n        first_name: role.first_name,\n        last_name: role.last_name,\n      }));\n    return rolesAtLevel as Partial<IRecipient>[];\n  }\n\n  getLevelIcon(level: 'start' | 'end' | 'sequence') {\n    if (level === 'start') {\n      return <div class=\"level-icon\" innerHTML={startIcon} />;\n    } else if (level === 'end') {\n      return <div class=\"level-icon\" innerHTML={doneIcon} />;\n    } else {\n      return <div class=\"level-icon\" innerHTML={stepIcon} />;\n    }\n  }\n\n  handleSelectContact(e: any, role: Partial<IRecipient>) {\n    e.preventDefault();\n    this.rolesCompleted[role.id] = {...role, ...e.detail};\n    this.showPickerForId = '';\n  }\n\n  handleClickRole(e: any, role: Partial<IRecipient>) {\n    e.stopPropagation();\n    this.showPickerForId = role.id;\n  }\n\n  handleSend(e: any) {\n    if (this.sending) {\n      console.log('[SEND] Skipping duplicate send', e);\n      return;\n    }\n\n    console.log('[SEND] Sending', e);\n    e.preventDefault();\n    e.stopPropagation();\n\n    this.sending = true;\n    const localeData = Intl.DateTimeFormat().resolvedOptions();\n\n    const details: ICreateEnvelopeFromTemplateRequest = {\n      template_id: this.templateId,\n      name: this.template?.name || 'New Envelope',\n      environment: this.environment,\n      initial_reminder: 0,\n      followup_reminders: 0,\n      recipients: Object.values(this.rolesCompleted) as ICreateEnvelopeRecipientFromTemplate[],\n      // @ts-expect-error - v6.9.13\n      timezone: localeData.timeZone,\n      locale: localeData.locale,\n    };\n\n    const beforeSendResult = this.beforeSend.emit({...details, name: details.name!, template: this.template});\n    if (beforeSendResult.defaultPrevented) {\n      console.log('[SEND] Send cancelled by parent', details);\n      this.sending = false;\n      return;\n    }\n\n    console.log('[SEND] Creating envelope', details);\n    createEnvelope(this.endpoint, details)\n      .then(r => {\n        console.log('[SEND] Send envelope', r);\n        this.reset().catch((e: any) => console.log('Unknown Error', e));\n        this.sending = false;\n        this.send?.emit({...details, name: details.name!, envelope_id: r.id, envelope: r});\n      })\n      .catch(e => {\n        console.log('[SEND] Send error', e);\n        VerdocsToast(e.response?.data?.error || 'Error creating envelope, please try again later.');\n        this.sending = false;\n        this.sdkError?.emit(e);\n      });\n  }\n\n  handleCancel(e: any) {\n    e.stopPropagation();\n    this.exit?.emit();\n  }\n\n  render() {\n    if (this.loading) {\n      return (\n        <Host>\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    if (!this.endpoint.session) {\n      return (\n        <Host style={{display: 'flex'}}>\n          <verdocs-component-error message=\"You must be authenticated to use this module.\" />\n        </Host>\n      );\n    }\n\n    const levels = this.getSequenceNumbers();\n    const rolesAssigned = Object.values(this.rolesCompleted).filter(recipient => isValidEmail(recipient.email) && recipient.first_name && recipient.last_name);\n    const allRolesAssigned = rolesAssigned.length >= getRoleNames(this.template).length;\n    const assignedEmails = rolesAssigned.map(r => r.email.toLowerCase());\n    const hasDuplicateEmails = new Set(assignedEmails).size < assignedEmails.length;\n\n    return (\n      <Host class={{sendable: this.template?.is_sendable}}>\n        <div class=\"recipients\">\n          <div class=\"left-line\" />\n          <div class={`level level-start`}>\n            {this.getLevelIcon('start')}\n            <div class=\"complete\">Send Envelope</div>\n          </div>\n\n          {levels.map(level => (\n            <div class={`level level-${level}`}>\n              {this.getLevelIcon('sequence')}\n\n              {this.getRolesAtLevel(level).map(role => {\n                const unknown = !role.email || !role.first_name || !role.last_name;\n                const roleName = this.rolesCompleted[role.id]?.first_name ? formatFullName(this.rolesCompleted[role.id]) : unknown ? role.role_name : formatFullName(role);\n                const elId = `verdocs-send-recipient-${role.role_name}`;\n                const roleIndex = getRoleIndex(this.template, role.role_name);\n                const rgba = getRGBA(roleIndex);\n                const completed = rolesAssigned.findIndex(r => r.role_name === role.role_name) > -1;\n\n                const style = {\n                  backgroundColor: rgba,\n                  border: completed ? '2px solid #55bc81' : '2px solid #dddddd',\n                };\n\n                return unknown ? (\n                  <div class=\"recipient\" data-ri={roleIndex} data-rn={role.role_name} style={style} onClick={e => this.handleClickRole(e, role)} id={elId}>\n                    {roleName}\n                    <div class=\"icon\" innerHTML={editIcon} />\n                    {this.showPickerForId === role.id && (\n                      <verdocs-portal anchor={elId} onClickAway={() => (this.showPickerForId = '')}>\n                        <verdocs-contact-picker\n                          onExit={() => (this.showPickerForId = '')}\n                          onNext={e => this.handleSelectContact(e, role)}\n                          contactSuggestions={this.sessionContacts}\n                          templateRole={this.rolesCompleted[role.id] ?? role}\n                          onSearchContacts={e => this.searchContacts?.emit(e.detail)}\n                        />\n                      </verdocs-portal>\n                    )}\n                  </div>\n                ) : (\n                  <div class=\"recipient\" data-ri={roleIndex} data-rn={role.role_name} style={style} onClick={e => this.handleClickRole(e, role)} id={elId}>\n                    {/*<div class=\"recipient\" data-ri={roleIndex} data-rn={role.role_name} style={{borderColor: rgba}} onClick={e => this.handleClickRole(e, role)} id={elId}>*/}\n                    {roleName}\n                    <div class=\"icon\" innerHTML={editIcon} />\n                    {this.showPickerForId === role.id && (\n                      <verdocs-portal anchor={elId} onClickAway={() => (this.showPickerForId = '')}>\n                        <verdocs-contact-picker\n                          onExit={() => (this.showPickerForId = '')}\n                          onNext={e => this.handleSelectContact(e, role)}\n                          contactSuggestions={this.sessionContacts}\n                          templateRole={(this.rolesCompleted[role.id] ?? role) as IRecipient}\n                          onSearchContacts={e => this.searchContacts?.emit(e.detail)}\n                        />\n                      </verdocs-portal>\n                    )}\n                  </div>\n                );\n              })}\n            </div>\n          ))}\n\n          <div class={`level level-done`}>\n            {this.getLevelIcon('end')}\n            <div class=\"complete\">Signing Complete</div>\n          </div>\n        </div>\n\n        <div class=\"buttons\">\n          {hasDuplicateEmails && <div class=\"error-message\">Recipients cannot share the same email.</div>}\n          {this.showCancel && <verdocs-button label=\"Cancel\" size=\"small\" variant=\"outline\" onClick={e => this.handleCancel(e)} disabled={this.sending} />}\n          <verdocs-button label=\"Send\" size=\"small\" disabled={!allRolesAssigned || this.sending || hasDuplicateEmails} onClick={e => this.handleSend(e)} />\n          {this.sending && <verdocs-spinner />}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["getRoleNames","template","roles","map","role","name","getRoleIndex","role_name","Math","max","findIndex","verdocsSendCss","editIcon","startIcon","stepIcon","doneIcon","VerdocsSend","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","templateListenerId","endpoint","DefaultEndpoint","templateId","environment","showCancel","containerId","random","toString","substring","showPickerForId","sessionContacts","sending","rolesCompleted","loading","disconnectedCallback","unlistenToTemplate","listenToTemplate","console","log","Store","subscribe","getTemplate","recomputeRolesCompleted","store","delListener","reset","onTemplateIdChanged","newTemplateId","componentWillLoad","onSessionChanged","_endpoint","_session","profile","me","id","first_name","last_name","email","phone","getOrganizationContacts","then","contacts","catch","e","loadSession","session","_a","sdkError","emit","SDKError","message","_b","response","status","_c","data","rolesAtLevel","forEach","level","sequence","length","push","isValidEmail","getSequenceNumbers","sequences","Object","keys","s","sort","a","b","getRolesAtLevel","filter","index","getLevelIcon","h","class","innerHTML","handleSelectContact","preventDefault","detail","handleClickRole","stopPropagation","handleSend","localeData","Intl","DateTimeFormat","resolvedOptions","details","template_id","initial_reminder","followup_reminders","recipients","values","timezone","timeZone","locale","beforeSendResult","beforeSend","defaultPrevented","createEnvelope","r","send","envelope_id","envelope","VerdocsToast","error","handleCancel","exit","render","Host","style","display","levels","rolesAssigned","recipient","allRolesAssigned","assignedEmails","toLowerCase","hasDuplicateEmails","Set","size","sendable","is_sendable","unknown","roleName","formatFullName","elId","roleIndex","rgba","getRGBA","completed","backgroundColor","border","onClick","anchor","onClickAway","onExit","onNext","contactSuggestions","templateRole","onSearchContacts","searchContacts","label","variant","disabled"],"sources":["src/utils/Templates.ts","src/components/embeds/verdocs-send/verdocs-send.scss?tag=verdocs-send","src/components/embeds/verdocs-send/verdocs-send.tsx"],"sourcesContent":["import {ITemplate} from '@verdocs/js-sdk';\n\nexport const getRoleNames = (template: ITemplate | null) => (template?.roles || []).map(role => role.name);\n\nexport const getRoleIndex = (template: ITemplate | null, role_name: string) =>\n  Math.max(\n    getRoleNames(template).findIndex(name => name === role_name),\n    0,\n  );\n","@import '../../../theme.scss';\n\nverdocs-send {\n  padding: 10px;\n  position: relative;\n  background: #ffffff;\n  flex-direction: column;\n  font-family: $verdocs-primary-font;\n\n  &.sendable {\n    display: flex;\n  }\n\n  .recipients {\n    position: relative;\n  }\n\n  // To avoid the need to compute things like heights, this layer is simply displayed \"on top\" of all the level rows. Its\n  // background obscures the horizontal lines.\n  .left-line {\n    top: 32px;\n    left: 20px;\n    z-index: 1;\n    width: 12px;\n    bottom: 30px;\n    position: absolute;\n    background: #ffffff;\n    border-left: 3px dotted #9b9b9b;\n  }\n\n  .level {\n    display: flex;\n    column-gap: 10px;\n    margin-left: 50px;\n    position: relative;\n    flex-direction: row;\n    padding: 8px 0 4px 0;\n    border-bottom: 1px solid #97979744;\n\n    .level-icon {\n      top: 14px;\n      z-index: 2;\n      left: -40px;\n      width: 24px;\n      height: 24px;\n      position: absolute;\n      background: #ffffff;\n\n      svg {\n        fill: #00000089;\n      }\n    }\n\n    .recipient {\n      height: 30px;\n      display: flex;\n      flex: 0 0 30px;\n      color: #000000;\n      cursor: pointer;\n      font-size: 14px;\n      align-items: center;\n      border-radius: 30px;\n      flex-direction: row;\n      background: #dddddd;\n      white-space: nowrap;\n      border: 2px solid #dddddd;\n      padding: 2px 10px 2px 14px;\n\n      .icon {\n        width: 22px;\n        height: 22px;\n        flex: 0 0 22px;\n        margin: 0 0 0 10px;\n\n        svg {\n          width: 22px;\n          height: 22px;\n          fill: #333333;\n          outline: none;\n        }\n      }\n    }\n\n    .complete {\n      flex: 1;\n      height: 30px;\n      display: flex;\n      color: #000000;\n      font-size: 14px;\n      align-items: center;\n      flex-direction: row;\n      padding: 3px 10px 3px 2px;\n    }\n  }\n\n  .buttons {\n    display: flex;\n    margin-top: 10px;\n    column-gap: 15px;\n    flex-wrap: wrap;\n    flex-direction: row;\n    align-items: center;\n\n    .error-message {\n      width: 100%;\n      color: #cc0000;\n      font-size: 13px;\n      margin-bottom: 10px;\n    }\n  }\n\n  verdocs-contact-picker {\n    left: 0;\n    top: 41px;\n    z-index: 10;\n    position: absolute;\n    border: 1px solid #dddddd;\n    box-shadow: 0 0 6px 3px rgb(0 0 0 / 10%);\n  }\n}\n","import {Component, Prop, State, h, Event, EventEmitter, Host, Method, Watch} from '@stencil/core';\nimport {createEnvelope, formatFullName, getTemplate, getOrganizationContacts, getRGBA, isValidEmail, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport type {ICreateEnvelopeFromTemplateRequest, ICreateEnvelopeRecipientFromTemplate, IEnvelope, IRecipient, ITemplate} from '@verdocs/js-sdk';\nimport {IContactSearchEvent} from '../../envelopes/verdocs-contact-picker/verdocs-contact-picker';\nimport {getRoleIndex, getRoleNames} from '../../../utils/Templates';\nimport {DefaultEndpoint} from '../../../utils/Environment';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nconst editIcon =\n  '<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" tabindex=\"-1\"><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.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"></path></svg>';\n\nconst startIcon =\n  '<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" tabindex=\"-1\"><path d=\"M2 12C2 6.48 6.48 2 12 2s10 4.48 10 10-4.48 10-10 10S2 17.52 2 12zm10 6c3.31 0 6-2.69 6-6s-2.69-6-6-6-6 2.69-6 6 2.69 6 6 6z\"></path></svg>';\n\nconst stepIcon =\n  '<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" tabindex=\"-1\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"></path></svg>';\n\nconst doneIcon =\n  '<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" tabindex=\"-1\"><path d=\"m18 7-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.41 6 19l1.41-1.41L1.83 12 .41 13.41z\"></path></svg>';\n\n/**\n * Display a form to send a template to one or more recipients in an envelope for signing.\n * Host applications should ensure the template is \"sendable\" before displaying this component.\n * To be sendable, a template must have at least one document attached, at least one participant\n * defined, and at least one field assigned to every \"signer\" participant. This component will\n * hide itself if the template is not sendable.\n *\n * ```ts\n * <verdocs-send\n *   templateId={TEMPLATE_ID}\n *   onBeforeSend={({ detail })) => { console.log('Sending... Show a spinner...', detail) }\n *   onSend={({ detail }) => { console.log('Sent! Hide the spinner...', detail) }\n *   onExit={({ detail }) => { console.log('Send cancelled.', detail) }\n *   onSdkError={({ detail }) => { console.log('SDK error', detail) }\n *   />\n * ```\n */\n@Component({\n  tag: 'verdocs-send',\n  styleUrl: 'verdocs-send.scss',\n  shadow: false,\n})\nexport class VerdocsSend {\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 = DefaultEndpoint;\n\n  /**\n   * The ID of the template to create the document from.\n   */\n  @Prop({reflect: true}) templateId: string | null = null;\n\n  /**\n   * The environment the control is being called from, e.g. 'web'. This has an impact on how certain\n   * operations such as email communications are handled to ensure users receive the correct URLs for\n   * their invitations. Setting this to unknown values may produce unexpected/incorrect behaviors.\n   * If environment is not known, do this set this property.\n   */\n  @Prop() environment: string = '';\n\n  /**\n   * Whether to show the cancel button. It may be useful to disable this in environments where\n   * the embed is shown in a non-wizard flow with its own navigation for the user to exit.\n   */\n  @Prop() showCancel = true;\n\n  /**\n   * The user is sending an envelope the form and clicked send.\n   */\n  @Event({composed: true}) beforeSend: EventEmitter<{recipients: ICreateEnvelopeRecipientFromTemplate[]; name: string; template_id: string; template: ITemplate}>;\n\n  /**\n   * The user completed the form and clicked send.\n   */\n  @Event({composed: true}) send: EventEmitter<{recipients: ICreateEnvelopeRecipientFromTemplate[]; name: string; template_id: string; envelope_id: string; envelope: IEnvelope}>;\n\n  /**\n   * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  /**\n   * Event fired when the user enters text in a search field. The parent application may use this to update\n   * the `contactSuggestions` property.\n   */\n  @Event({composed: true}) searchContacts: EventEmitter<IContactSearchEvent>;\n\n  @State() containerId = `verdocs-send-${Math.random().toString(36).substring(2, 11)}`;\n  @State() showPickerForId = '';\n  @State() sessionContacts = [];\n  @State() sending = false;\n  @State() rolesCompleted: Record<string, Partial<IRecipient>> = {};\n\n  @State() loading = true;\n  @State() template: ITemplate | null = null;\n\n  disconnectedCallback() {\n    this.unlistenToTemplate();\n  }\n\n  async listenToTemplate() {\n    console.log('[SEND] Loading template', this.templateId);\n    this.unlistenToTemplate();\n    Store.subscribe(\n      'templates',\n      this.templateId,\n      () => getTemplate(this.endpoint, this.templateId),\n      true,\n      (template: ITemplate) => {\n        console.log('[SEND] Got new template', template);\n        this.template = template;\n        this.loading = false;\n        this.rolesCompleted = {};\n        this.recomputeRolesCompleted();\n      },\n    );\n  }\n\n  unlistenToTemplate() {\n    if (this.templateListenerId) {\n      Store.store.delListener(this.templateListenerId);\n      this.templateListenerId = null;\n    }\n  }\n\n  @Method() async reset() {\n    this.rolesCompleted = {};\n  }\n\n  @Watch('templateId')\n  onTemplateIdChanged(newTemplateId: string) {\n    console.log('[SEND] Template ID changed', newTemplateId);\n    this.listenToTemplate();\n  }\n\n  async componentWillLoad() {\n    try {\n      this.endpoint.onSessionChanged((_endpoint, _session, profile) => {\n        if (!profile) {\n          return;\n        }\n\n        const me = {\n          id: profile.id,\n          first_name: profile.first_name,\n          last_name: profile.last_name,\n          email: profile.email,\n          phone: profile.phone,\n        };\n\n        if (profile) {\n          this.sessionContacts = [me];\n\n          getOrganizationContacts(this.endpoint)\n            .then(contacts => {\n              console.log('[SEND] Got contacts', contacts);\n              this.sessionContacts = [...contacts, me];\n            })\n            .catch(e => {\n              console.log('[SEND] Error getting contacts', e);\n            });\n        }\n      });\n\n      this.endpoint.loadSession();\n\n      if (!this.endpoint.session) {\n        console.log('[SEND] Unable to start Send operation, must be authenticated');\n        return;\n      }\n\n      if (!this.templateId) {\n        console.log(`[SEND] Missing required template ID ${this.templateId}`);\n        return;\n      }\n\n      this.listenToTemplate();\n    } catch (e) {\n      console.log('[SEND] Error with send session', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  recomputeRolesCompleted() {\n    this.rolesCompleted = {};\n\n    const rolesAtLevel: Record<number, Partial<IRecipient>[]> = {};\n    (this.template?.roles || []).forEach(role => {\n      const level = role.sequence;\n      rolesAtLevel[level] ||= [];\n      const id = `r-${level}-${rolesAtLevel[level].length}`;\n      rolesAtLevel[level].push({...role, id, role_name: role.name, first_name: role.first_name, last_name: role.last_name});\n\n      // if (role.first_name && (isValidEmail(role.email) || isValidPhone(role.phone))) {\n      if (role.first_name && isValidEmail(role.email)) {\n        this.rolesCompleted[id] = {...role, id, role_name: role.name, first_name: role.first_name, last_name: role.last_name};\n      }\n    });\n  }\n\n  getSequenceNumbers() {\n    // This is cleaner with a Set but we found a regression in some target environments where\n    // this breaks down. Reverting to an older technique while we diagnose it.\n    const sequences: Record<number, boolean> = {};\n    (this.template?.roles || []).forEach(role => {\n      sequences[role.sequence] = true;\n    });\n    return Object.keys(sequences)\n      .map(s => +s)\n      .sort((a, b) => a - b);\n  }\n\n  getRolesAtLevel(level: number) {\n    const rolesAtLevel = (this.template?.roles || [])\n      .filter(role => role.sequence === level)\n      .map((role, index) => ({\n        ...role,\n        id: `r-${level}-${index}`,\n        role_name: role.name,\n        first_name: role.first_name,\n        last_name: role.last_name,\n      }));\n    return rolesAtLevel as Partial<IRecipient>[];\n  }\n\n  getLevelIcon(level: 'start' | 'end' | 'sequence') {\n    if (level === 'start') {\n      return <div class=\"level-icon\" innerHTML={startIcon} />;\n    } else if (level === 'end') {\n      return <div class=\"level-icon\" innerHTML={doneIcon} />;\n    } else {\n      return <div class=\"level-icon\" innerHTML={stepIcon} />;\n    }\n  }\n\n  handleSelectContact(e: any, role: Partial<IRecipient>) {\n    e.preventDefault();\n    this.rolesCompleted[role.id] = {...role, ...e.detail};\n    this.showPickerForId = '';\n  }\n\n  handleClickRole(e: any, role: Partial<IRecipient>) {\n    e.stopPropagation();\n    this.showPickerForId = role.id;\n  }\n\n  handleSend(e: any) {\n    if (this.sending) {\n      console.log('[SEND] Skipping duplicate send', e);\n      return;\n    }\n\n    console.log('[SEND] Sending', e);\n    e.preventDefault();\n    e.stopPropagation();\n\n    this.sending = true;\n    const localeData = Intl.DateTimeFormat().resolvedOptions();\n\n    const details: ICreateEnvelopeFromTemplateRequest = {\n      template_id: this.templateId,\n      name: this.template?.name || 'New Envelope',\n      environment: this.environment,\n      initial_reminder: 0,\n      followup_reminders: 0,\n      recipients: Object.values(this.rolesCompleted) as ICreateEnvelopeRecipientFromTemplate[],\n      timezone: localeData.timeZone,\n      locale: localeData.locale,\n    };\n\n    const beforeSendResult = this.beforeSend.emit({...details, name: details.name!, template: this.template});\n    if (beforeSendResult.defaultPrevented) {\n      console.log('[SEND] Send cancelled by parent', details);\n      this.sending = false;\n      return;\n    }\n\n    console.log('[SEND] Creating envelope', details);\n    createEnvelope(this.endpoint, details)\n      .then(r => {\n        console.log('[SEND] Send envelope', r);\n        this.reset().catch((e: any) => console.log('Unknown Error', e));\n        this.sending = false;\n        this.send?.emit({...details, name: details.name!, envelope_id: r.id, envelope: r});\n      })\n      .catch(e => {\n        console.log('[SEND] Send error', e);\n        VerdocsToast(e.response?.data?.error || 'Error creating envelope, please try again later.');\n        this.sending = false;\n        this.sdkError?.emit(e);\n      });\n  }\n\n  handleCancel(e: any) {\n    e.stopPropagation();\n    this.exit?.emit();\n  }\n\n  render() {\n    if (this.loading) {\n      return (\n        <Host>\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    if (!this.endpoint.session) {\n      return (\n        <Host style={{display: 'flex'}}>\n          <verdocs-component-error message=\"You must be authenticated to use this module.\" />\n        </Host>\n      );\n    }\n\n    const levels = this.getSequenceNumbers();\n    const rolesAssigned = Object.values(this.rolesCompleted).filter(recipient => isValidEmail(recipient.email) && recipient.first_name && recipient.last_name);\n    const allRolesAssigned = rolesAssigned.length >= getRoleNames(this.template).length;\n    const assignedEmails = rolesAssigned.map(r => r.email.toLowerCase());\n    const hasDuplicateEmails = new Set(assignedEmails).size < assignedEmails.length;\n\n    return (\n      <Host class={{sendable: this.template?.is_sendable}}>\n        <div class=\"recipients\">\n          <div class=\"left-line\" />\n          <div class={`level level-start`}>\n            {this.getLevelIcon('start')}\n            <div class=\"complete\">Send Envelope</div>\n          </div>\n\n          {levels.map(level => (\n            <div class={`level level-${level}`}>\n              {this.getLevelIcon('sequence')}\n\n              {this.getRolesAtLevel(level).map(role => {\n                const unknown = !role.email || !role.first_name || !role.last_name;\n                const roleName = this.rolesCompleted[role.id]?.first_name ? formatFullName(this.rolesCompleted[role.id]) : unknown ? role.role_name : formatFullName(role);\n                const elId = `verdocs-send-recipient-${role.role_name}`;\n                const roleIndex = getRoleIndex(this.template, role.role_name);\n                const rgba = getRGBA(roleIndex);\n                const completed = rolesAssigned.findIndex(r => r.role_name === role.role_name) > -1;\n\n                const style = {\n                  backgroundColor: rgba,\n                  border: completed ? '2px solid #55bc81' : '2px solid #dddddd',\n                };\n\n                return unknown ? (\n                  <div class=\"recipient\" data-ri={roleIndex} data-rn={role.role_name} style={style} onClick={e => this.handleClickRole(e, role)} id={elId}>\n                    {roleName}\n                    <div class=\"icon\" innerHTML={editIcon} />\n                    {this.showPickerForId === role.id && (\n                      <verdocs-portal anchor={elId} onClickAway={() => (this.showPickerForId = '')}>\n                        <verdocs-contact-picker\n                          onExit={() => (this.showPickerForId = '')}\n                          onNext={e => this.handleSelectContact(e, role)}\n                          contactSuggestions={this.sessionContacts}\n                          templateRole={this.rolesCompleted[role.id] ?? role}\n                          onSearchContacts={e => this.searchContacts?.emit(e.detail)}\n                        />\n                      </verdocs-portal>\n                    )}\n                  </div>\n                ) : (\n                  <div class=\"recipient\" data-ri={roleIndex} data-rn={role.role_name} style={style} onClick={e => this.handleClickRole(e, role)} id={elId}>\n                    {/*<div class=\"recipient\" data-ri={roleIndex} data-rn={role.role_name} style={{borderColor: rgba}} onClick={e => this.handleClickRole(e, role)} id={elId}>*/}\n                    {roleName}\n                    <div class=\"icon\" innerHTML={editIcon} />\n                    {this.showPickerForId === role.id && (\n                      <verdocs-portal anchor={elId} onClickAway={() => (this.showPickerForId = '')}>\n                        <verdocs-contact-picker\n                          onExit={() => (this.showPickerForId = '')}\n                          onNext={e => this.handleSelectContact(e, role)}\n                          contactSuggestions={this.sessionContacts}\n                          templateRole={(this.rolesCompleted[role.id] ?? role) as IRecipient}\n                          onSearchContacts={e => this.searchContacts?.emit(e.detail)}\n                        />\n                      </verdocs-portal>\n                    )}\n                  </div>\n                );\n              })}\n            </div>\n          ))}\n\n          <div class={`level level-done`}>\n            {this.getLevelIcon('end')}\n            <div class=\"complete\">Signing Complete</div>\n          </div>\n        </div>\n\n        <div class=\"buttons\">\n          {hasDuplicateEmails && <div class=\"error-message\">Recipients cannot share the same email.</div>}\n          {this.showCancel && <verdocs-button label=\"Cancel\" size=\"small\" variant=\"outline\" onClick={e => this.handleCancel(e)} disabled={this.sending} />}\n          <verdocs-button label=\"Send\" size=\"small\" disabled={!allRolesAssigned || this.sending || hasDuplicateEmails} onClick={e => this.handleSend(e)} />\n          {this.sending && <verdocs-spinner />}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/{p-CGWVITS0.js → p-DsEO0-XR.js}

@@ -1,2 +1,2 @@
-import{p as e,H as o,c as t,h as s,t as i}from"./p-yZBlG3YQ.js";import{d}from"./p-DT0LGcPi.js";const n=()=>`verdocs-question-dialog{top:0;left:0;right:0;bottom:0;position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", "Barlow", sans-serif}verdocs-question-dialog.closed{display:none}verdocs-question-dialog textarea{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #707ae5;border-radius:4px;background:#ffffff;color:#000;width:100%;font-size:14px;padding:9px;outline:none}verdocs-question-dialog .heading .title{font-size:18px}verdocs-question-dialog .buttons{gap:20px;display:-ms-flexbox;display:flex;margin-top:24px;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}verdocs-question-dialog .buttons button{-ms-flex:1;flex:1;border:0;height:38px;display:-ms-flexbox;display:flex;color:#ffffff;font-size:14px;cursor:pointer;border-radius:6px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-question-dialog .buttons button.cancel{background-color:#654dcb}verdocs-question-dialog .buttons button.ok{background-color:#55bc81}verdocs-question-dialog .buttons button.ok.single{max-width:150px}verdocs-question-dialog .buttons button:disabled{background-color:#6c727f}`;const c=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10.4809 13.8423H15.4C16.2962 13.8423 17 13.1288 17 12.2764V5.56582C17 4.71348 16.2962 4 15.4 4H4.6C3.70383 4 3 4.71348 3 5.56582V12.2764C3 13.1288 3.70383 13.8423 4.6 13.8423H6.19908L6.2 17L6.20346 16.9997L6.20502 16.9988L10.4809 13.8423ZM6.79895 17.8034C6.35668 18.1298 5.73 18.0406 5.39921 17.6042C5.26989 17.4335 5.2 17.2262 5.2 17.0133L5.19937 14.8423H4.6C3.16406 14.8423 2 13.6935 2 12.2764V5.56582C2 4.14876 3.16406 3 4.6 3H15.4C16.8359 3 18 4.14876 18 5.56582V12.2764C18 13.6935 16.8359 14.8423 15.4 14.8423H10.81L6.79895 17.8034Z" fill="#ffffff"/></svg>`;const a=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.next=t(this,"next");this.exit=t(this,"exit");this.question="";this.closed=false}handleOk(){this.next.emit({question:this.question})}handleCancel(){this.exit.emit()}handleDismiss(e){this.closed=true;if(e.target.className==="background-overlay"){e.preventDefault();this.exit.emit()}}render(){return s("verdocs-dialog",{key:"d0e85744fa9901d1be794cd59f4c9b87922e6e91",onExit:e=>this.handleDismiss(e)},s("div",{key:"6d7ead703cdf217588ac98d2ac93a35644838b78",slot:"heading",class:"heading"},s("div",{key:"d07c6155fc98f51204a51add33d82afec7592c4b",class:"icon",innerHTML:c}),s("div",{key:"e9698d0aa4b24db343afd149adee95d9c3c0a52a",class:"title"},"Ask the Sender a Question")),s("div",{key:"cdef7a2b00c4c66e1748733e3c614e39ad456192",slot:"content",class:"content"},s("textarea",{key:"81c88e1d61be54e7ba80c9101fb71bf903df8d1c",name:"question",rows:6,placeholder:"Enter your question...",onInput:e=>this.question=e.target.value},this.question)),s("div",{key:"a7d5a31362337e6c80c0ac5b2c6471efbacb9a23",class:"footer",slot:"footer"},s("div",{key:"71ae8344f053cfd94dc6befed76933fe67f490d1",class:"buttons"},s("button",{key:"04aec379b7b4f21885f72ed2016b10ac26730476",class:"cancel",onClick:()=>this.handleCancel()},"Cancel"),s("button",{key:"6e6e8bb27367c9a1167a49519da299d9ce9ee983",class:"ok",onClick:()=>this.handleOk()},"OK"))))}static get style(){return n()}},[0,"verdocs-question-dialog",{question:[1025],closed:[32]}]);function r(){if(typeof customElements==="undefined"){return}const e=["verdocs-question-dialog","verdocs-dialog"];e.forEach((e=>{switch(e){case"verdocs-question-dialog":if(!customElements.get(i(e))){customElements.define(i(e),a)}break;case"verdocs-dialog":if(!customElements.get(i(e))){d()}break}}))}export{a as V,r as d};
-//# sourceMappingURL=p-CGWVITS0.js.map
+import{p as e,H as o,c as t,h as s,t as i}from"./p-yZBlG3YQ.js";import{d}from"./p-DT0LGcPi.js";const n=()=>`verdocs-question-dialog{top:0;left:0;right:0;bottom:0;position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", "Barlow", sans-serif}verdocs-question-dialog.closed{display:none}verdocs-question-dialog textarea{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #707ae5;border-radius:4px;background:#ffffff;color:#000;width:100%;font-size:14px;padding:9px;outline:none}verdocs-question-dialog .heading .title{font-size:18px}verdocs-question-dialog .buttons{gap:20px;display:-ms-flexbox;display:flex;margin-top:24px;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}verdocs-question-dialog .buttons button{-ms-flex:1;flex:1;border:0;height:38px;display:-ms-flexbox;display:flex;color:#ffffff;font-size:14px;cursor:pointer;border-radius:6px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-question-dialog .buttons button.cancel{background-color:#654dcb}verdocs-question-dialog .buttons button.ok{background-color:#55bc81}verdocs-question-dialog .buttons button.ok.single{max-width:150px}verdocs-question-dialog .buttons button:disabled{background-color:#6c727f}`;const c=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10.4809 13.8423H15.4C16.2962 13.8423 17 13.1288 17 12.2764V5.56582C17 4.71348 16.2962 4 15.4 4H4.6C3.70383 4 3 4.71348 3 5.56582V12.2764C3 13.1288 3.70383 13.8423 4.6 13.8423H6.19908L6.2 17L6.20346 16.9997L6.20502 16.9988L10.4809 13.8423ZM6.79895 17.8034C6.35668 18.1298 5.73 18.0406 5.39921 17.6042C5.26989 17.4335 5.2 17.2262 5.2 17.0133L5.19937 14.8423H4.6C3.16406 14.8423 2 13.6935 2 12.2764V5.56582C2 4.14876 3.16406 3 4.6 3H15.4C16.8359 3 18 4.14876 18 5.56582V12.2764C18 13.6935 16.8359 14.8423 15.4 14.8423H10.81L6.79895 17.8034Z" fill="#ffffff"/></svg>`;const a=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.next=t(this,"next");this.exit=t(this,"exit");this.question="";this.closed=false}handleOk(){this.next.emit({question:this.question})}handleCancel(){this.exit.emit()}handleDismiss(e){this.closed=true;if(e.target.className==="background-overlay"){e.preventDefault();this.exit.emit()}}render(){return s("verdocs-dialog",{key:"2697b58a7c65243705c15993e5a967894b725196",onExit:e=>this.handleDismiss(e)},s("div",{key:"0c6d340d05717b4580e001e8cff4d544f3dac072",slot:"heading",class:"heading"},s("div",{key:"e5e3c323b48a90431f2593a062715d316608dc71",class:"icon",innerHTML:c}),s("div",{key:"8ebc86de76b84cf255efbf6bc8db8876142e858d",class:"title"},"Ask the Sender a Question")),s("div",{key:"c3f96587257dbd2e0ce98eba44a8ef7c3bba7c88",slot:"content",class:"content"},s("textarea",{key:"22c2c8dd80e41e77e0bed92f0b48a81f85466532",name:"question",rows:6,placeholder:"Enter your question...",onInput:e=>this.question=e.target.value},this.question)),s("div",{key:"11a32d726ead166b7b9bfa994a31de4c4998fdec",class:"footer",slot:"footer"},s("div",{key:"3fa336237b33537b9154c1eb7dfcd6b929a28e1e",class:"buttons"},s("button",{key:"aedcec8fc3948515d93adce69f15eb048bdd824e",class:"cancel",onClick:()=>this.handleCancel()},"Cancel"),s("button",{key:"2bd012fe2e6866922edde4a4abadb943c78f44ef",class:"ok",onClick:()=>this.handleOk()},"OK"))))}static get style(){return n()}},[0,"verdocs-question-dialog",{question:[1025],closed:[32]}]);function r(){if(typeof customElements==="undefined"){return}const e=["verdocs-question-dialog","verdocs-dialog"];e.forEach((e=>{switch(e){case"verdocs-question-dialog":if(!customElements.get(i(e))){customElements.define(i(e),a)}break;case"verdocs-dialog":if(!customElements.get(i(e))){d()}break}}))}export{a as V,r as d};
+//# sourceMappingURL=p-DsEO0-XR.js.map

package/dist/components/{p-BfKv6ivN.js → p-Dtndevf4.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as s,h as i,d as o,t as a}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as l,getTemplate as r,updateTemplateRole as d,deleteTemplateRole as c,isValidEmail as n}from"@verdocs/js-sdk";import{S as p}from"./p-C1sRVZWv.js";import{S as f}from"./p-C7hFgM52.js";import{d as h}from"./p-Bdf8pPWm.js";import{d as m}from"./p-CioaaWeS.js";import{d as b}from"./p-BXGNkmyr.js";import{d as u}from"./p-DYtSnUj9.js";const v=()=>`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 x=`<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 y=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.close=s(this,"close");this.delete=s(this,"delete");this.sdkError=s(this,"sdkError");this.templateListenerId=null;this.endpoint=l.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 p(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();f.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){f.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;d(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}f.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.")){c(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));f.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 s=!this.email&&!this.first_name&&!this.last_name||n(this.email)&&!!this.first_name&&!!this.last_name;return i(o,{key:"14d2d9bb4253201a9cb659c6637960194dc7d134"},i("form",{key:"09d0a10f48c8f4ca3f6b679d09c3c71ea0c0cdb9",onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},i("div",{key:"b65e74e82bb7689d706ba0e56521d04fe01ae057"},i("verdocs-text-input",{key:"c7e3da4d57b096f71a4c5e49948ee0a4e0594e0c",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&&i("div",{key:"9a80102f0a04118069c2865c9295e5da3914b381",class:"instructions"},"This role has fields assigned and can no longer be renamed.")),i("div",{key:"93ca24cfbc2b1f8e729c30a0726b14091695ba92"},i("div",{key:"0b5eeeab4aad7e1659581eb8c17e14012d79b5e6",class:"input-label"},"Type:"),i("verdocs-select-input",{key:"883b1456bad033a17023559a210f61efc17cb1ab",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}})),i("div",{key:"fec29a6add9ab2a60e4deb29ee77c851973e0517"},i("div",{key:"a18a7d1edfb673e382d76d04d833f3daf28ca26f",class:"input-label"},"Default Contact Info:"),i("div",{key:"1206cab495d52ab12428dbc346126df3a2aa9c1a",class:"first-last"},i("verdocs-text-input",{key:"aa4433e84dee223043c49235c8e9feb7569707e9",id:"verdocs-recipient-first",value:this.first_name,autocomplete:"off",placeholder:"First...",onInput:e=>{this.first_name=e.target.value;this.dirty=true}}),i("verdocs-text-input",{key:"b8c1069666a4674faff0c1b72bc988cf3ed3ca9b",id:"verdocs-recipient-first",value:this.last_name,autocomplete:"off",placeholder:"Last...",onInput:e=>{this.last_name=e.target.value;this.dirty=true}}))),i("div",{key:"5ea9ada6f0dac2a52b78946275603e2c99887666"},i("verdocs-text-input",{key:"767135ec9d13ae00e6c1d259a6d53fbf85caeedd",id:"verdocs-recipient-email",value:this.email,autocomplete:"off",placeholder:"Email Address...",onInput:e=>{this.email=e.target.value;this.dirty=true}}),i("div",{key:"0c4ffc5553a054ae331bcbf48a7b702d0fd5a81e",style:{height:"15px"}}),i("div",{key:"17815735c29adc551f65a7f29d1a791c9260edfc"},i("verdocs-text-input",{key:"0d41ae8e9cda72d881791df7d63f89f25d08da5e",id:"verdocs-recipient-phone",value:this.phone,autocomplete:"off",placeholder:"Phone Number...",onInput:e=>{this.phone=e.target.value;this.dirty=true}}))),i("div",{key:"be29c3c856e62cab357391146485230461e6c5c9",class:"buttons"},i("button",{key:"a714765b9f8f524a0c6573653b6ba6a59661b4d2",class:"delete-button",disabled:this.dirty,onClick:e=>this.handleDelete(e),innerHTML:x}),i("div",{key:"aae4bf7f4fa5fc685ace057a2312461a7cf993f3",style:{flex:"1"}}),i("verdocs-button",{key:"027aa0723fc32b4713e7a9cb33e6a1b7d4b5ab18",size:"small",label:"Save",disabled:!this.dirty||!s,onClick:e=>this.handleSave(e)}))))}static get style(){return v()}},[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]}]);function k(){if(typeof customElements==="undefined"){return}const e=["verdocs-template-role-properties","verdocs-button","verdocs-help-icon","verdocs-select-input","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-template-role-properties":if(!customElements.get(a(e))){customElements.define(a(e),y)}break;case"verdocs-button":if(!customElements.get(a(e))){h()}break;case"verdocs-help-icon":if(!customElements.get(a(e))){m()}break;case"verdocs-select-input":if(!customElements.get(a(e))){b()}break;case"verdocs-text-input":if(!customElements.get(a(e))){u()}break}}))}export{y as V,k as d};
-//# sourceMappingURL=p-BfKv6ivN.js.map
+import{p as e,H as t,c as s,h as i,d as o,t as l}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as r,getTemplate as a,updateTemplateRole as d,deleteTemplateRole as n,isValidEmail as c}from"@verdocs/js-sdk";import{S as p}from"./p-C1sRVZWv.js";import{S as f}from"./p-C7hFgM52.js";import{d as h}from"./p-Bdf8pPWm.js";import{d as m}from"./p-CioaaWeS.js";import{d as b}from"./p-BXGNkmyr.js";import{d as u}from"./p-DYtSnUj9.js";const v=()=>`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 x=`<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 y=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.close=s(this,"close");this.delete=s(this,"delete");this.sdkError=s(this,"sdkError");this.templateListenerId=null;this.endpoint=r.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 p(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();f.subscribe("templates",this.templateId,(()=>a(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){f.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;d(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}f.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.")){n(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));f.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 s=!this.email&&!this.first_name&&!this.last_name||c(this.email)&&!!this.first_name&&!!this.last_name;return i(o,{key:"ffbdcf7c23ed14bf001bf85dd969fee3e4018abf"},i("form",{key:"10ee145cbd8b2d1035cbafe86a88c5e4e93b211f",onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},i("div",{key:"476268ed74137b49dc4a22159e7df0991e9644a8"},i("verdocs-text-input",{key:"dfacfb292a4bc93422f1d28166a8853d30736a71",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&&i("div",{key:"bcc8c63bb93ce9b81dd9b8282db9b8cd28f764b6",class:"instructions"},"This role has fields assigned and can no longer be renamed.")),i("div",{key:"edd762e1f0b0c50bb9752da44195a8fd37ad46b8"},i("div",{key:"f7cbb564016a693ed8d59da0e3b06d3f2e3013a3",class:"input-label"},"Type:"),i("verdocs-select-input",{key:"eca486e7960b077234e5a8867f972511c4a429b6",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}})),i("div",{key:"d45d4354a061453e85e993be8e6b57da104c0ad5"},i("div",{key:"7b1afb527741ca786eb546bec5071078d1504433",class:"input-label"},"Default Contact Info:"),i("div",{key:"6de4c8b89c7b11ea5f8ae89ff69212472375e4ac",class:"first-last"},i("verdocs-text-input",{key:"8a591cc37cf7d9c2e5a211640a36a876a794590f",id:"verdocs-recipient-first",value:this.first_name,autocomplete:"off",placeholder:"First...",onInput:e=>{this.first_name=e.target.value;this.dirty=true}}),i("verdocs-text-input",{key:"de8ee6a8802ff5443f93d1a017609bbabb745f13",id:"verdocs-recipient-first",value:this.last_name,autocomplete:"off",placeholder:"Last...",onInput:e=>{this.last_name=e.target.value;this.dirty=true}}))),i("div",{key:"1a7ac3d8fab0e28d031d4bafe892fadc1ab76ac4"},i("verdocs-text-input",{key:"e11e543134ad024362e4f39f026c132e90c4ad9a",id:"verdocs-recipient-email",value:this.email,autocomplete:"off",placeholder:"Email Address...",onInput:e=>{this.email=e.target.value;this.dirty=true}}),i("div",{key:"04a394d1e1f9d377da12ea565119a0d5cd68a627",style:{height:"15px"}}),i("div",{key:"1ff2ead2361795d3ec3e6361715d30e779fae4b8"},i("verdocs-text-input",{key:"3c0d4de18bb9fd6da3ba02d70a66dfcd2306af7f",id:"verdocs-recipient-phone",value:this.phone,autocomplete:"off",placeholder:"Phone Number...",onInput:e=>{this.phone=e.target.value;this.dirty=true}}))),i("div",{key:"a6c73356acbe10339d53f24a956205b914f386aa",class:"buttons"},i("button",{key:"034614017ee9e5b0acdafa1a2950c3cd44328517",class:"delete-button",disabled:this.dirty,onClick:e=>this.handleDelete(e),innerHTML:x}),i("div",{key:"5febc5c4fbbe44afbe1f6a1fe23586efdd5bf3df",style:{flex:"1"}}),i("verdocs-button",{key:"895635dd85f706e87bc14dde3224894f11af9029",size:"small",label:"Save",disabled:!this.dirty||!s,onClick:e=>this.handleSave(e)}))))}static get style(){return v()}},[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]}]);function k(){if(typeof customElements==="undefined"){return}const e=["verdocs-template-role-properties","verdocs-button","verdocs-help-icon","verdocs-select-input","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-template-role-properties":if(!customElements.get(l(e))){customElements.define(l(e),y)}break;case"verdocs-button":if(!customElements.get(l(e))){h()}break;case"verdocs-help-icon":if(!customElements.get(l(e))){m()}break;case"verdocs-select-input":if(!customElements.get(l(e))){b()}break;case"verdocs-text-input":if(!customElements.get(l(e))){u()}break}}))}export{y as V,k as d};
+//# sourceMappingURL=p-Dtndevf4.js.map

package/dist/components/{p-B845hxhl.js → p-DuEnrEJr.js}

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as o,h as t,d as i,F as r,t as d}from"./p-yZBlG3YQ.js";import{i as a}from"./p-CGNX5HqF.js";import{S as l}from"./p-BDv5kBUR.js";import{S as n}from"./p-C7hFgM52.js";import{d as c}from"./p-Bdf8pPWm.js";import{d as p}from"./p-REnrt0JM.js";import{d as f}from"./p-CyDWJAOZ.js";import{d as u}from"./p-CioaaWeS.js";import{d as h}from"./p-B-_kYJtC.js";import{d as m}from"./p-DQTI8vRX.js";import{d as b}from"./p-BXGNkmyr.js";import{d as v}from"./p-D3ohABOv.js";import{d as g}from"./p-DYtSnUj9.js";const x=()=>`verdocs-field-radio{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);width:14px;height:14px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-field-radio svg{margin-top:4px}verdocs-field-radio.disabled.done{opacity:1}verdocs-field-radio div.label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-radio div.group{top:14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#bb0589;border-bottom-left-radius:2px;border-bottom-right-radius:2px}verdocs-field-radio input{cursor:inherit}verdocs-field-radio.disabled input{opacity:0.5}verdocs-field-radio.done input[type=radio]{margin:0;padding:0;width:10px;height:10px}verdocs-field-radio:not(.done) input[type=radio]{position:absolute;opacity:0}verdocs-field-radio:not(.done) input[type=radio]+label:before{content:"";border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:12px;height:12px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-field-radio:not(.done) input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-field-radio:not(.done) input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-field-radio:not(.done) input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#f3f3fc;background:#f3f3fc}verdocs-field-radio:not(.done) input[type=radio]+label:empty:before{margin-right:0}verdocs-field-radio.required{border:1px solid var(--verdocs-required-field-border)}verdocs-field-radio.hide{display:none}verdocs-field-radio verdocs-button-panel{margin-left:-20px;margin-top:-7px;-webkit-transform:scale(0.7);transform:scale(0.7)}verdocs-field-radio .settings-icon{position:absolute;top:-6px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-radio .settings-icon svg{fill:#707ae5}verdocs-field-radio .settings-icon:hover{opacity:1}`;const y=`<svg focusable="false" aria-hidden="true" viewBox="0 0 24 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 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg>`;const k=`<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg>`;const w=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsChanged=o(this,"settingsChanged");this.deleted=o(this,"deleted");this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.required=false;this.done=false;this.editable=false;this.moveable=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false}handleBlur(){this.focused=false}async focusField(){this.el.focus();this.focused=true}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}}onEditableChanged(e,s){if(s&&!e){a(this.el).unset()}}disconnectedCallback(){a(this.el).unset()}render(){const{source:e,sourceid:s,fieldname:o,editable:d=false,done:a=false,disabled:c=false,focused:p,xscale:f=1,yscale:u=1}=this;const{index:h,field:m}=n.getField(e,s,o,this.field);const{name:b,required:v=false,label:g="",group:x="",value:w=false,readonly:C=false}=m||{};const E=`signer-${h%10+1}`;const j=w==="true";if(a){return t(i,{class:{"verdocs-field":true,done:a},style:{maxWidth:"10px"}},t("span",{innerHTML:j?k:y}))}return t(i,{class:{"verdocs-field":true,required:this.required||v,disabled:c,done:a,focused:p,[E]:true}},g&&t("div",{class:"label"},g),d&&x&&t("div",{class:"group"},x),t("input",{id:o,type:"radio",name:x||o,value:b,checked:!!j,disabled:C||c,required:v}),t("label",{htmlFor:o}),d&&t(r,null,t("div",{id:`verdocs-settings-panel-trigger-${o}`,style:{transform:`scale(${Math.floor(1/f*1e3)/1e3}, ${Math.floor(1/u*1e3)/1e3})`},class:"settings-icon",innerHTML:l,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&t("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${o}`,onClickAway:()=>this.showingProperties=false},t("verdocs-template-field-properties",{templateId:s,fieldName:o,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:o});return this.hideSettingsPanel()},onSettingsChanged:e=>{var s;(s=this.settingsChanged)===null||s===void 0?void 0:s.emit(e.detail);return this.hideSettingsPanel()},helpText:"Radio buttons capture the recipient's selection of just one of several related (exclusive) options."}))))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return x()}},[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}]}]);function C(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-radio","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-field-radio":if(!customElements.get(d(e))){customElements.define(d(e),w)}break;case"verdocs-button":if(!customElements.get(d(e))){c()}break;case"verdocs-checkbox":if(!customElements.get(d(e))){p()}break;case"verdocs-component-error":if(!customElements.get(d(e))){f()}break;case"verdocs-help-icon":if(!customElements.get(d(e))){u()}break;case"verdocs-loader":if(!customElements.get(d(e))){h()}break;case"verdocs-portal":if(!customElements.get(d(e))){m()}break;case"verdocs-select-input":if(!customElements.get(d(e))){b()}break;case"verdocs-template-field-properties":if(!customElements.get(d(e))){v()}break;case"verdocs-text-input":if(!customElements.get(d(e))){g()}break}}))}export{w as V,C as d};
-//# sourceMappingURL=p-B845hxhl.js.map
+import{p as e,H as s,c as o,h as t,d as i,F as r,t as d}from"./p-yZBlG3YQ.js";import{i as a}from"./p-C4ygd3v_.js";import{S as l}from"./p-BDv5kBUR.js";import{S as n}from"./p-C7hFgM52.js";import{d as c}from"./p-Bdf8pPWm.js";import{d as p}from"./p-REnrt0JM.js";import{d as f}from"./p-CyDWJAOZ.js";import{d as u}from"./p-CioaaWeS.js";import{d as h}from"./p-B-_kYJtC.js";import{d as m}from"./p-DQTI8vRX.js";import{d as b}from"./p-BXGNkmyr.js";import{d as v}from"./p-D3ohABOv.js";import{d as g}from"./p-DYtSnUj9.js";const x=()=>`verdocs-field-radio{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);width:14px;height:14px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-field-radio svg{margin-top:4px}verdocs-field-radio.disabled.done{opacity:1}verdocs-field-radio div.label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-radio div.group{top:14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#bb0589;border-bottom-left-radius:2px;border-bottom-right-radius:2px}verdocs-field-radio input{cursor:inherit}verdocs-field-radio.disabled input{opacity:0.5}verdocs-field-radio.done input[type=radio]{margin:0;padding:0;width:10px;height:10px}verdocs-field-radio:not(.done) input[type=radio]{position:absolute;opacity:0}verdocs-field-radio:not(.done) input[type=radio]+label:before{content:"";border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:12px;height:12px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-field-radio:not(.done) input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-field-radio:not(.done) input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-field-radio:not(.done) input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#f3f3fc;background:#f3f3fc}verdocs-field-radio:not(.done) input[type=radio]+label:empty:before{margin-right:0}verdocs-field-radio.required{border:1px solid var(--verdocs-required-field-border)}verdocs-field-radio.hide{display:none}verdocs-field-radio verdocs-button-panel{margin-left:-20px;margin-top:-7px;-webkit-transform:scale(0.7);transform:scale(0.7)}verdocs-field-radio .settings-icon{position:absolute;top:-6px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-radio .settings-icon svg{fill:#707ae5}verdocs-field-radio .settings-icon:hover{opacity:1}`;const y=`<svg focusable="false" aria-hidden="true" viewBox="0 0 24 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 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg>`;const k=`<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg>`;const w=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsChanged=o(this,"settingsChanged");this.deleted=o(this,"deleted");this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.required=false;this.done=false;this.editable=false;this.moveable=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false}handleBlur(){this.focused=false}async focusField(){this.el.focus();this.focused=true}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}}onEditableChanged(e,s){if(s&&!e){a(this.el).unset()}}disconnectedCallback(){a(this.el).unset()}render(){const{source:e,sourceid:s,fieldname:o,editable:d=false,done:a=false,disabled:c=false,focused:p,xscale:f=1,yscale:u=1}=this;const{index:h,field:m}=n.getField(e,s,o,this.field);const{name:b,required:v=false,label:g="",group:x="",value:w=false,readonly:C=false}=m||{};const E=`signer-${h%10+1}`;const j=w==="true";if(a){return t(i,{class:{"verdocs-field":true,done:a},style:{maxWidth:"10px"}},t("span",{innerHTML:j?k:y}))}return t(i,{class:{"verdocs-field":true,required:this.required||v,disabled:c,done:a,focused:p,[E]:true}},g&&t("div",{class:"label"},g),d&&x&&t("div",{class:"group"},x),t("input",{id:o,type:"radio",name:x||o,value:b,checked:!!j,disabled:C||c,required:v}),t("label",{htmlFor:o}),d&&t(r,null,t("div",{id:`verdocs-settings-panel-trigger-${o}`,style:{transform:`scale(${Math.floor(1/f*1e3)/1e3}, ${Math.floor(1/u*1e3)/1e3})`},class:"settings-icon",innerHTML:l,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&t("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${o}`,onClickAway:()=>this.showingProperties=false},t("verdocs-template-field-properties",{templateId:s,fieldName:o,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:o});return this.hideSettingsPanel()},onSettingsChanged:e=>{var s;(s=this.settingsChanged)===null||s===void 0?void 0:s.emit(e.detail);return this.hideSettingsPanel()},helpText:"Radio buttons capture the recipient's selection of just one of several related (exclusive) options."}))))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return x()}},[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}]}]);function C(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-radio","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-field-radio":if(!customElements.get(d(e))){customElements.define(d(e),w)}break;case"verdocs-button":if(!customElements.get(d(e))){c()}break;case"verdocs-checkbox":if(!customElements.get(d(e))){p()}break;case"verdocs-component-error":if(!customElements.get(d(e))){f()}break;case"verdocs-help-icon":if(!customElements.get(d(e))){u()}break;case"verdocs-loader":if(!customElements.get(d(e))){h()}break;case"verdocs-portal":if(!customElements.get(d(e))){m()}break;case"verdocs-select-input":if(!customElements.get(d(e))){b()}break;case"verdocs-template-field-properties":if(!customElements.get(d(e))){v()}break;case"verdocs-text-input":if(!customElements.get(d(e))){g()}break}}))}export{w as V,C as d};
+//# sourceMappingURL=p-DuEnrEJr.js.map

package/dist/components/{p-Cfiprngx.js → p-NAf9Gqm4.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as s,h as r,F as i,d as o,t as a}from"./p-yZBlG3YQ.js";import{i as d}from"./p-CGNX5HqF.js";import{VerdocsEndpoint as l,updateField as n}from"@verdocs/js-sdk";import{S as c}from"./p-BDv5kBUR.js";import{S as p}from"./p-C7hFgM52.js";import{d as h}from"./p-Bdf8pPWm.js";import{d as f}from"./p-REnrt0JM.js";import{d as u}from"./p-CyDWJAOZ.js";import{d as m}from"./p-CioaaWeS.js";import{d as v}from"./p-B-_kYJtC.js";import{d as b}from"./p-DQTI8vRX.js";import{d as x}from"./p-BXGNkmyr.js";import{d as g}from"./p-D3ohABOv.js";import{d as k}from"./p-DYtSnUj9.js";const y=()=>`verdocs-field-textarea{width:150px;height:15px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--verdocs-field-background, transparent);-webkit-transform-origin:bottom left;transform-origin:bottom left;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);border:var(--verdocs-field-border, 1px solid rgba(0, 0, 0, 0.2));border-radius:var(--verdocs-field-radius)}verdocs-field-textarea textarea{cursor:inherit;width:100%;height:100%;resize:none;border:none;outline:none;padding:0 3px;font-size:11px;background:none;font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--verdocs-field-text-color, rgba(0, 0, 0, 0.87))}verdocs-field-textarea textarea.hide{display:none}verdocs-field-textarea.disabled textarea{opacity:0.5}verdocs-field-textarea label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-textarea.required.required{border:1px solid var(--verdocs-required-field-border)}verdocs-field-textarea verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-textarea verdocs-button-panel[data-active],verdocs-field-textarea verdocs-button-panel:hover{opacity:1}verdocs-field-textarea verdocs-button-panel .icon svg{fill:#333333}verdocs-field-textarea verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-textarea .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-textarea .settings-icon svg{fill:#707ae5}verdocs-field-textarea .settings-icon:hover{opacity:1}`;const w=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsChanged=s(this,"settingsChanged");this.deleted=s(this,"deleted");this.endpoint=l.getDefault();this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.editable=false;this.moveable=false;this.done=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false}async focusField(){this.inputEl.focus();this.focused=true}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}}handleBlur(){this.focused=false}onEditableChanged(e,t){if(t&&!e){d(this.el).unset()}}disconnectedCallback(){d(this.el).unset()}componentDidRender(){d.dynamicDrop(true);if(this.editable){d(this.el).resizable({edges:{top:true,bottom:true,left:true,right:true},listeners:{start:this.handleResizeStart.bind(this),move:this.handleResize.bind(this),end:this.handleResizeEnd.bind(this)}})}}handleResizeStart(e){e.preventDefault();e.stopPropagation()}handleResize(e){let{x:t=0,y:s=0,h:r=0}=e.target.dataset;let{width:i,height:o}=e.rect;t=(parseFloat(t)||0)+e.deltaRect.left;s=(parseFloat(s)||0)+e.deltaRect.top;r=(parseFloat(r)||0)+e.deltaRect.height;Object.assign(e.target.style,{width:`${i}px`,height:`${o}px`,transform:`translate(${t}px, ${s+r}px)`});Object.assign(e.target.dataset,{x:t,y:s,h:r})}handleResizeEnd(e){const{source:t,sourceid:s,fieldname:r}=this;const{field:i}=p.getField(t,s,r,this.field);if(!i){return}const[o,a]=e.target.style.transform.split("(")[1].split(")")[0].split(",").map(parseFloat);const d=Math.round(parseFloat(e.target.style.width)/this.xscale);const l=Math.round(parseFloat(e.target.style.height)/this.yscale);const c=Math.round(i.x+o/this.xscale);const h=Math.round(i.y-a/this.yscale);n(this.endpoint,this.sourceid,this.fieldname,{x:c,y:h,width:d,height:l}).then((t=>{var s;(s=this.settingsChanged)===null||s===void 0?void 0:s.emit({fieldName:this.fieldname,field:t});Object.assign(e.target.dataset,{x:0,y:0,h:0})})).catch((e=>console.log("Field update failed",e)))}render(){const{source:e,sourceid:t,fieldname:s,editable:a=false,done:d=false,disabled:l=false,focused:n,xscale:h=1,yscale:f=1}=this;const{index:u,field:m}=p.getField(e,t,s,this.field);const{required:v=false,placeholder:b="",value:x="",label:g="",readonly:k=false}=m||{};const y=`signer-${u%10+1}`;if(d){return r(o,{class:{"verdocs-field":true,done:d}},x)}return r(o,{class:{"verdocs-field":true,required:v,disabled:l,done:d,focused:n,[y]:true}},g&&r("label",null,g),r("textarea",{name:s,required:v,placeholder:b,disabled:k||l,ref:e=>this.inputEl=e,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false},x),a&&r(i,null,r("div",{id:`verdocs-settings-panel-trigger-${s}`,style:{transform:`scale(${Math.floor(1/h*1e3)/1e3}, ${Math.floor(1/f*1e3)/1e3})`},class:"settings-icon",innerHTML:c,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&r("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${s}`,onClickAway:()=>this.showingProperties=false},r("verdocs-template-field-properties",{templateId:t,fieldName:s,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:s});return this.hideSettingsPanel()},onSettingsChanged:e=>{var t;(t=this.settingsChanged)===null||t===void 0?void 0:t.emit(e.detail);return this.hideSettingsPanel()},helpText:"Text areas may be used to create multi-line text fields."}))))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return y()}},[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}]}]);function j(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-textarea","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-field-textarea":if(!customElements.get(a(e))){customElements.define(a(e),w)}break;case"verdocs-button":if(!customElements.get(a(e))){h()}break;case"verdocs-checkbox":if(!customElements.get(a(e))){f()}break;case"verdocs-component-error":if(!customElements.get(a(e))){u()}break;case"verdocs-help-icon":if(!customElements.get(a(e))){m()}break;case"verdocs-loader":if(!customElements.get(a(e))){v()}break;case"verdocs-portal":if(!customElements.get(a(e))){b()}break;case"verdocs-select-input":if(!customElements.get(a(e))){x()}break;case"verdocs-template-field-properties":if(!customElements.get(a(e))){g()}break;case"verdocs-text-input":if(!customElements.get(a(e))){k()}break}}))}export{w as V,j as d};
-//# sourceMappingURL=p-Cfiprngx.js.map
+import{p as e,H as t,c as s,h as r,F as i,d as o,t as a}from"./p-yZBlG3YQ.js";import{i as d}from"./p-C4ygd3v_.js";import{VerdocsEndpoint as l,updateField as n}from"@verdocs/js-sdk";import{S as c}from"./p-BDv5kBUR.js";import{S as p}from"./p-C7hFgM52.js";import{d as h}from"./p-Bdf8pPWm.js";import{d as f}from"./p-REnrt0JM.js";import{d as u}from"./p-CyDWJAOZ.js";import{d as m}from"./p-CioaaWeS.js";import{d as v}from"./p-B-_kYJtC.js";import{d as b}from"./p-DQTI8vRX.js";import{d as x}from"./p-BXGNkmyr.js";import{d as g}from"./p-D3ohABOv.js";import{d as k}from"./p-DYtSnUj9.js";const y=()=>`verdocs-field-textarea{width:150px;height:15px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--verdocs-field-background, transparent);-webkit-transform-origin:bottom left;transform-origin:bottom left;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);border:var(--verdocs-field-border, 1px solid rgba(0, 0, 0, 0.2));border-radius:var(--verdocs-field-radius)}verdocs-field-textarea textarea{cursor:inherit;width:100%;height:100%;resize:none;border:none;outline:none;padding:0 3px;font-size:11px;background:none;font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--verdocs-field-text-color, rgba(0, 0, 0, 0.87))}verdocs-field-textarea textarea.hide{display:none}verdocs-field-textarea.disabled textarea{opacity:0.5}verdocs-field-textarea label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-textarea.required.required{border:1px solid var(--verdocs-required-field-border)}verdocs-field-textarea verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-textarea verdocs-button-panel[data-active],verdocs-field-textarea verdocs-button-panel:hover{opacity:1}verdocs-field-textarea verdocs-button-panel .icon svg{fill:#333333}verdocs-field-textarea verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-textarea .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-textarea .settings-icon svg{fill:#707ae5}verdocs-field-textarea .settings-icon:hover{opacity:1}`;const w=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.settingsChanged=s(this,"settingsChanged");this.deleted=s(this,"deleted");this.endpoint=l.getDefault();this.source="template";this.sourceid="";this.fieldname="";this.field=null;this.disabled=false;this.editable=false;this.moveable=false;this.done=false;this.xscale=1;this.yscale=1;this.pagenumber=1;this.showingProperties=false;this.focused=false}async focusField(){this.inputEl.focus();this.focused=true}async showSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.showPanel){e.showPanel()}}async hideSettingsPanel(){const e=document.getElementById(`verdocs-settings-panel-${this.fieldname}`);if(e&&e.hidePanel){e.hidePanel()}}handleBlur(){this.focused=false}onEditableChanged(e,t){if(t&&!e){d(this.el).unset()}}disconnectedCallback(){d(this.el).unset()}componentDidRender(){d.dynamicDrop(true);if(this.editable){d(this.el).resizable({edges:{top:true,bottom:true,left:true,right:true},listeners:{start:this.handleResizeStart.bind(this),move:this.handleResize.bind(this),end:this.handleResizeEnd.bind(this)}})}}handleResizeStart(e){e.preventDefault();e.stopPropagation()}handleResize(e){let{x:t=0,y:s=0,h:r=0}=e.target.dataset;let{width:i,height:o}=e.rect;t=(parseFloat(t)||0)+e.deltaRect.left;s=(parseFloat(s)||0)+e.deltaRect.top;r=(parseFloat(r)||0)+e.deltaRect.height;Object.assign(e.target.style,{width:`${i}px`,height:`${o}px`,transform:`translate(${t}px, ${s+r}px)`});Object.assign(e.target.dataset,{x:t,y:s,h:r})}handleResizeEnd(e){const{source:t,sourceid:s,fieldname:r}=this;const{field:i}=p.getField(t,s,r,this.field);if(!i){return}const[o,a]=e.target.style.transform.split("(")[1].split(")")[0].split(",").map(parseFloat);const d=Math.round(parseFloat(e.target.style.width)/this.xscale);const l=Math.round(parseFloat(e.target.style.height)/this.yscale);const c=Math.round(i.x+o/this.xscale);const h=Math.round(i.y-a/this.yscale);n(this.endpoint,this.sourceid,this.fieldname,{x:c,y:h,width:d,height:l}).then((t=>{var s;(s=this.settingsChanged)===null||s===void 0?void 0:s.emit({fieldName:this.fieldname,field:t});Object.assign(e.target.dataset,{x:0,y:0,h:0})})).catch((e=>console.log("Field update failed",e)))}render(){const{source:e,sourceid:t,fieldname:s,editable:a=false,done:d=false,disabled:l=false,focused:n,xscale:h=1,yscale:f=1}=this;const{index:u,field:m}=p.getField(e,t,s,this.field);const{required:v=false,placeholder:b="",value:x="",label:g="",readonly:k=false}=m||{};const y=`signer-${u%10+1}`;if(d){return r(o,{class:{"verdocs-field":true,done:d}},x)}return r(o,{class:{"verdocs-field":true,required:v,disabled:l,done:d,focused:n,[y]:true}},g&&r("label",null,g),r("textarea",{name:s,required:v,placeholder:b,disabled:k||l,ref:e=>this.inputEl=e,onFocus:()=>this.focused=true,onBlur:()=>this.focused=false},x),a&&r(i,null,r("div",{id:`verdocs-settings-panel-trigger-${s}`,style:{transform:`scale(${Math.floor(1/h*1e3)/1e3}, ${Math.floor(1/f*1e3)/1e3})`},class:"settings-icon",innerHTML:c,onClick:e=>{e.stopPropagation();this.showingProperties=!this.showingProperties}}),this.showingProperties&&r("verdocs-portal",{anchor:`verdocs-settings-panel-trigger-${s}`,onClickAway:()=>this.showingProperties=false},r("verdocs-template-field-properties",{templateId:t,fieldName:s,onClose:()=>this.showingProperties=false,onDelete:()=>{var e;(e=this.deleted)===null||e===void 0?void 0:e.emit({fieldName:s});return this.hideSettingsPanel()},onSettingsChanged:e=>{var t;(t=this.settingsChanged)===null||t===void 0?void 0:t.emit(e.detail);return this.hideSettingsPanel()},helpText:"Text areas may be used to create multi-line text fields."}))))}get el(){return this}static get watchers(){return{editable:[{onEditableChanged:0}]}}static get style(){return y()}},[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}]}]);function j(){if(typeof customElements==="undefined"){return}const e=["verdocs-field-textarea","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-help-icon","verdocs-loader","verdocs-portal","verdocs-select-input","verdocs-template-field-properties","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-field-textarea":if(!customElements.get(a(e))){customElements.define(a(e),w)}break;case"verdocs-button":if(!customElements.get(a(e))){h()}break;case"verdocs-checkbox":if(!customElements.get(a(e))){f()}break;case"verdocs-component-error":if(!customElements.get(a(e))){u()}break;case"verdocs-help-icon":if(!customElements.get(a(e))){m()}break;case"verdocs-loader":if(!customElements.get(a(e))){v()}break;case"verdocs-portal":if(!customElements.get(a(e))){b()}break;case"verdocs-select-input":if(!customElements.get(a(e))){x()}break;case"verdocs-template-field-properties":if(!customElements.get(a(e))){g()}break;case"verdocs-text-input":if(!customElements.get(a(e))){k()}break}}))}export{w as V,j as d};
+//# sourceMappingURL=p-NAf9Gqm4.js.map

package/dist/components/{p-BasWFMeN.js → p-PIdGCYte.js}

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

package/dist/components/{p-DXbBz25U.js → p-tub_01MP.js}

@@ -1,2 +1,2 @@
-import{p as t,H as e,c as s,h as r,d as a,t as i}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as n,toggleTemplateStar as o}from"@verdocs/js-sdk";const l=()=>`verdocs-template-star{display:-ms-flexbox;display:flex;-ms-flex:0 0 60px;flex:0 0 60px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;font-family:"Inter", "Barlow", sans-serif}verdocs-template-star .star{line-height:10px}verdocs-template-star .star.updating{-webkit-animation:spinningStar 2s infinite linear;animation:spinningStar 2s infinite linear}verdocs-template-star .star svg{width:24px;height:24px}verdocs-template-star .count{color:#595c5d;font-size:14px;margin-left:10px}@-webkit-keyframes spinningStar{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spinningStar{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}`;const c=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z" /></svg>`;const d=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd" /></svg>`;const f=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.starChange=s(this,"starChange");this.sdkError=s(this,"sdkError");this.endpoint=n.getDefault();this.updating=false}async componentWillLoad(){this.endpoint.loadSession();if(!this.endpoint.session){console.log("[TEMPLATES] Must be authenticated");return}}toggle(t){t.stopPropagation();this.updating=true;o(n.getDefault(),this.template.id).then((t=>{this.updating=false;this.template.star_counter=t.star_counter;this.starChange.emit({templateId:this.template.id,starred:t.star_counter>0,count:t.star_counter})})).catch((t=>{this.updating=false;console.log("[STAR] Error toggling template star",t.message);this.sdkError.emit(t)}))}render(){return r(a,{key:"c60505c6215779f063eaa7896dc2c0278d78e877"},r("div",{key:"cd1c9b41b3ac03fe72333d4244729f55b42ef33d",class:`star ${this.updating?"updating":""}`,innerHTML:this.template.star_counter?d:c,onClick:t=>this.toggle(t)}),r("div",{key:"0e7ecdeb2646424f052152b7c7bb16543ff260d3",class:"count"},this.template.star_counter||"--"))}static get style(){return l()}},[0,"verdocs-template-star",{endpoint:[16],template:[1040],updating:[32]}]);function m(){if(typeof customElements==="undefined"){return}const t=["verdocs-template-star"];t.forEach((t=>{switch(t){case"verdocs-template-star":if(!customElements.get(i(t))){customElements.define(i(t),f)}break}}))}export{f as V,m as d};
-//# sourceMappingURL=p-DXbBz25U.js.map
+import{p as t,H as e,c as s,h as r,d as a,t as i}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as n,toggleTemplateStar as o}from"@verdocs/js-sdk";const l=()=>`verdocs-template-star{display:-ms-flexbox;display:flex;-ms-flex:0 0 60px;flex:0 0 60px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;font-family:"Inter", "Barlow", sans-serif}verdocs-template-star .star{line-height:10px}verdocs-template-star .star.updating{-webkit-animation:spinningStar 2s infinite linear;animation:spinningStar 2s infinite linear}verdocs-template-star .star svg{width:24px;height:24px}verdocs-template-star .count{color:#595c5d;font-size:14px;margin-left:10px}@-webkit-keyframes spinningStar{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spinningStar{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}`;const c=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z" /></svg>`;const d=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd" /></svg>`;const f=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.starChange=s(this,"starChange");this.sdkError=s(this,"sdkError");this.endpoint=n.getDefault();this.updating=false}async componentWillLoad(){this.endpoint.loadSession();if(!this.endpoint.session){console.log("[TEMPLATES] Must be authenticated");return}}toggle(t){t.stopPropagation();this.updating=true;o(n.getDefault(),this.template.id).then((t=>{this.updating=false;this.template.star_counter=t.star_counter;this.starChange.emit({templateId:this.template.id,starred:t.star_counter>0,count:t.star_counter})})).catch((t=>{this.updating=false;console.log("[STAR] Error toggling template star",t.message);this.sdkError.emit(t)}))}render(){return r(a,{key:"11f23b3f7dc779128e3ce967619491255d2f46e5"},r("div",{key:"a8b0281d77522a51cc5ed57e752327b79749986d",class:`star ${this.updating?"updating":""}`,innerHTML:this.template.star_counter?d:c,onClick:t=>this.toggle(t)}),r("div",{key:"ca4e6ed0e494f0255cce552150ac17008f76ae3e",class:"count"},this.template.star_counter||"--"))}static get style(){return l()}},[0,"verdocs-template-star",{endpoint:[16],template:[1040],updating:[32]}]);function m(){if(typeof customElements==="undefined"){return}const t=["verdocs-template-star"];t.forEach((t=>{switch(t){case"verdocs-template-star":if(!customElements.get(i(t))){customElements.define(i(t),f)}break}}))}export{f as V,m as d};
+//# sourceMappingURL=p-tub_01MP.js.map

package/dist/components/{p-CQUV5gMT.js → p-u16vefxk.js}

@@ -1,2 +1,2 @@
-import{p as e,H as a,c as t,h as o,F as i,d as s,t as d}from"./p-yZBlG3YQ.js";import{d as c}from"./p-Bdf8pPWm.js";import{d as l}from"./p-DT0LGcPi.js";import{d as n}from"./p-BwUTiBud.js";const r=()=>`verdocs-upload-dialog{position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", "Barlow", sans-serif}verdocs-upload-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-upload-dialog .background-overlay{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}verdocs-upload-dialog .upload-dialog-content{width:320px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-upload-dialog .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-upload-dialog .buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-upload-dialog .buttons verdocs-button{margin-left:16px}verdocs-upload-dialog .current-label{margin:20px 0 5px 0}verdocs-upload-dialog .drop-target{opacity:1;width:100%;display:-ms-flexbox;display:flex;margin:20px 0;min-height:260px;padding:30px 15px;text-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;background-color:#f5f5f5;color:#33364b;border:2px dashed #979797}verdocs-upload-dialog .drop-target p{margin:12px 0;font-weight:500}verdocs-upload-dialog .drop-target p.subscript{margin:20px;color:#5c6575;font-size:14px}verdocs-upload-dialog .drop-target.dragging-over{border:5px solid #4c56cb}verdocs-upload-dialog .drop-target>verdocs-button{margin:12px 0;display:inline-block}verdocs-upload-dialog .attachments{height:56px;font-size:0;margin:20px 0;padding:0 16px;line-height:56px;white-space:normal;-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)}verdocs-upload-dialog .attachments .attachment{gap:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-upload-dialog .attachments .attachment .icon{width:18px;height:18px;line-height:18px}verdocs-upload-dialog .attachments .attachment .icon.trash{cursor:pointer}verdocs-upload-dialog .attachments .attachment .name{-ms-flex:1;flex:1;font-size:14px;overflow:hidden;font-weight:400;white-space:nowrap;text-overflow:ellipsis}verdocs-upload-dialog .error{margin:20px 0;color:#cc0000}`;const f=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" /></svg>`;const p=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" /></svg>`;const h=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.exit=t(this,"exit");this.next=t(this,"next");this.remove=t(this,"remove");this.maxSize=20*1024*1024;this.draggingOver=false;this.confirmDelete=false;this.selectedFiles=[];this.errorMessage=""}handleCancel(){this.exit.emit()}handleDismiss(e){if(e.target.class==="background-overlay"){e.preventDefault();this.handleCancel()}}handleDone(){this.next.emit(this.selectedFiles)}handleDragOver(e){e.preventDefault();this.draggingOver=true}handleDragLeave(e){e.preventDefault();this.draggingOver=false}async handleDrop(e){e.preventDefault();this.draggingOver=false;this.handleSetSelected(Array.from(e.dataTransfer.files))}handleRemoveAttachment(e){const a=[...this.selectedFiles];a.splice(e,1);this.handleSetSelected(a)}handleSetSelected(e){this.selectedFiles=e;this.errorMessage="";const a=this.selectedFiles.reduce(((e,a)=>e+a.size),0);if(a>this.maxSize){this.errorMessage="Total file size must not exceed 20MB."}}handleDeleteAttachment(e){var a;e.preventDefault();e.stopPropagation();(a=this.remove)===null||a===void 0?void 0:a.emit();this.existingFile=null;this.confirmDelete=false}handleSelectFile(){var e;(e=this.fileInput)===null||e===void 0?void 0:e.click()}async handleFileChange(){var e;const a=Array.from((e=this.fileInput)===null||e===void 0?void 0:e.files);this.handleSetSelected(a)}render(){var e;const a=((e=this.existingFile)===null||e===void 0?void 0:e.name)?this.existingFile:null;return o(s,{key:"306f146d583be66036d5b7d770f7d82c9c84226a"},o("div",{key:"d1cf6865c79f5e30ad695562092d48e5c28257b8",class:"background-overlay",onClick:e=>this.handleDismiss(e)},o("div",{key:"cdc21a795cc92991362567d41ea053244b4dc87b",class:"upload-dialog-content"},o("div",{key:"abbc222d421f853e5fcc8614bd4d16248fb22fd1",class:"heading"},"Upload attachment"),this.selectedFiles.length<1&&a&&o(i,{key:"54718ac9d46bc13f96c022a52f527c3454383ee3"},o("div",{key:"81387ab1ceb1962a94ba5475a2a24316203bae35",class:"current-label"},"Current Attachment"),o("div",{key:"54053e1a34ab2559fecc51534eec3130606287b5",class:"attachments",style:{marginTop:"0"}},o("div",{key:"2d5d390d96a0f52196ac54270380969e01b54c52",class:"attachment"},o("div",{key:"cc3e5021e989c0b17e07d8c7440aa478f3563212",class:"icon",innerHTML:p}),o("div",{key:"0c32341f9e25013740b526cff1bd7ae4b2a6c2da",class:"name"},a.name),o("div",{key:"678acb7ec4a54ff404f0ce956daf1dc9eb16fbf5",class:"icon trash",innerHTML:f,onClick:()=>this.confirmDelete=true})))),this.selectedFiles.length<1&&!a&&o("div",{key:"43feb03a1b3be8c09d57865ef5233c16d707f520",class:{"drop-target":true,"dragging-over":this.draggingOver},onDragOver:e=>this.handleDragOver(e),onDragLeave:e=>this.handleDragLeave(e),onDrop:e=>this.handleDrop(e)},o("p",{key:"967aa5e1431e83a1a6477af3ecdac6545cf9106e"},"Drag and drop your files here"),o("p",{key:"f6fdc2a5c2ef9d8c3394c86608fff9012f6521d0",class:"subscript"},"Supported files: PDF, Word, JPG, PNG"),o("verdocs-button",{key:"3e0d7b45fe0d43d4d082fc16871d69002125b389",label:!!a?"Replace files":"Select files",onClick:()=>this.handleSelectFile()}),o("input",{key:"90b754371e05c563272fcc667cde5c75cf23b212",type:"file",ref:e=>this.fileInput=e,style:{display:"none"},accept:".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,image/*",onChange:()=>this.handleFileChange()})),this.selectedFiles.length>0&&o("div",{key:"6f95392345e0c0ba776ca45427a3eeb24e86ea4c",class:"attachments"},this.selectedFiles.map(((e,a)=>o("div",{class:"attachment"},o("div",{class:"icon",innerHTML:p}),o("div",{class:"name"},e.name),o("div",{class:"icon trash",innerHTML:f,onClick:()=>this.handleRemoveAttachment(a)}))))),!!this.errorMessage&&o("div",{key:"c302c11758e79265b6624ca64b803a49b05ecdc2",class:"error"},this.errorMessage),o("div",{key:"70ef293b37d2f59d4a194f103e199f7c3e5aa7bf",class:"buttons"},o("verdocs-button",{key:"3aca912689dbeac16288acdf97ede66b2fda50cd",label:"Cancel",variant:"outline",onClick:()=>this.handleCancel()}),o("verdocs-button",{key:"f96fa3dc4131af6fd49b31115727bb853d3ff7e8",label:"Upload",onClick:()=>this.handleDone(),disabled:!!this.errorMessage||this.selectedFiles.length<1})))),this.confirmDelete&&o("verdocs-ok-dialog",{key:"103761442ef22bd730c505115c4cbe69fcbf36dd",heading:"Delete Attachment?",message:"Are you sure you wish to delete this attachment? This action cannot be undone.",showCancel:true,onExit:e=>{e.preventDefault();e.stopPropagation();this.confirmDelete=false},onNext:e=>this.handleDeleteAttachment(e)}))}static get style(){return r()}},[0,"verdocs-upload-dialog",{maxSize:[1026,"max-size"],existingFile:[1032,"existing-file"],draggingOver:[32],confirmDelete:[32],selectedFiles:[32],errorMessage:[32]}]);function g(){if(typeof customElements==="undefined"){return}const e=["verdocs-upload-dialog","verdocs-button","verdocs-dialog","verdocs-ok-dialog"];e.forEach((e=>{switch(e){case"verdocs-upload-dialog":if(!customElements.get(d(e))){customElements.define(d(e),h)}break;case"verdocs-button":if(!customElements.get(d(e))){c()}break;case"verdocs-dialog":if(!customElements.get(d(e))){l()}break;case"verdocs-ok-dialog":if(!customElements.get(d(e))){n()}break}}))}export{h as V,g as d};
-//# sourceMappingURL=p-CQUV5gMT.js.map
+import{p as e,H as a,c as t,h as o,F as i,d as s,t as d}from"./p-yZBlG3YQ.js";import{d as l}from"./p-Bdf8pPWm.js";import{d as c}from"./p-DT0LGcPi.js";import{d as n}from"./p-D3qUITiS.js";const r=()=>`verdocs-upload-dialog{position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", "Barlow", sans-serif}verdocs-upload-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-upload-dialog .background-overlay{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}verdocs-upload-dialog .upload-dialog-content{width:320px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-upload-dialog .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-upload-dialog .buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-upload-dialog .buttons verdocs-button{margin-left:16px}verdocs-upload-dialog .current-label{margin:20px 0 5px 0}verdocs-upload-dialog .drop-target{opacity:1;width:100%;display:-ms-flexbox;display:flex;margin:20px 0;min-height:260px;padding:30px 15px;text-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;background-color:#f5f5f5;color:#33364b;border:2px dashed #979797}verdocs-upload-dialog .drop-target p{margin:12px 0;font-weight:500}verdocs-upload-dialog .drop-target p.subscript{margin:20px;color:#5c6575;font-size:14px}verdocs-upload-dialog .drop-target.dragging-over{border:5px solid #4c56cb}verdocs-upload-dialog .drop-target>verdocs-button{margin:12px 0;display:inline-block}verdocs-upload-dialog .attachments{height:56px;font-size:0;margin:20px 0;padding:0 16px;line-height:56px;white-space:normal;-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)}verdocs-upload-dialog .attachments .attachment{gap:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-upload-dialog .attachments .attachment .icon{width:18px;height:18px;line-height:18px}verdocs-upload-dialog .attachments .attachment .icon.trash{cursor:pointer}verdocs-upload-dialog .attachments .attachment .name{-ms-flex:1;flex:1;font-size:14px;overflow:hidden;font-weight:400;white-space:nowrap;text-overflow:ellipsis}verdocs-upload-dialog .error{margin:20px 0;color:#cc0000}`;const f=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" /></svg>`;const p=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" /></svg>`;const h=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.exit=t(this,"exit");this.next=t(this,"next");this.remove=t(this,"remove");this.maxSize=20*1024*1024;this.draggingOver=false;this.confirmDelete=false;this.selectedFiles=[];this.errorMessage=""}handleCancel(){this.exit.emit()}handleDismiss(e){if(e.target.class==="background-overlay"){e.preventDefault();this.handleCancel()}}handleDone(){this.next.emit(this.selectedFiles)}handleDragOver(e){e.preventDefault();this.draggingOver=true}handleDragLeave(e){e.preventDefault();this.draggingOver=false}async handleDrop(e){e.preventDefault();this.draggingOver=false;this.handleSetSelected(Array.from(e.dataTransfer.files))}handleRemoveAttachment(e){const a=[...this.selectedFiles];a.splice(e,1);this.handleSetSelected(a)}handleSetSelected(e){this.selectedFiles=e;this.errorMessage="";const a=this.selectedFiles.reduce(((e,a)=>e+a.size),0);if(a>this.maxSize){this.errorMessage="Total file size must not exceed 20MB."}}handleDeleteAttachment(e){var a;e.preventDefault();e.stopPropagation();(a=this.remove)===null||a===void 0?void 0:a.emit();this.existingFile=null;this.confirmDelete=false}handleSelectFile(){var e;(e=this.fileInput)===null||e===void 0?void 0:e.click()}async handleFileChange(){var e;const a=Array.from((e=this.fileInput)===null||e===void 0?void 0:e.files);this.handleSetSelected(a)}render(){var e;const a=((e=this.existingFile)===null||e===void 0?void 0:e.name)?this.existingFile:null;return o(s,{key:"afb8059122df5f070ae3ded2cbc5fd402ddf4c30"},o("div",{key:"0acdbe273ac24e4026e1d21637eedc45b04096ff",class:"background-overlay",onClick:e=>this.handleDismiss(e)},o("div",{key:"8714ae9328f8acfc08b1cfddacaf160ff1ba27f4",class:"upload-dialog-content"},o("div",{key:"c26e45a11d45f80517ea5862af39e0cafb534523",class:"heading"},"Upload attachment"),this.selectedFiles.length<1&&a&&o(i,{key:"34eccf225b38f37cb542d6bea63a792a61e5c2e4"},o("div",{key:"19bc692a2a352a60448481f5fab214a9a733d560",class:"current-label"},"Current Attachment"),o("div",{key:"18ec31779f257a11303dca40508eb6af155e94ae",class:"attachments",style:{marginTop:"0"}},o("div",{key:"f282e58bac16e5cf2ddcecd5969ce314c5747e92",class:"attachment"},o("div",{key:"9dcafcd10b951a0b2ed7756feb5b1d60dd7ccc97",class:"icon",innerHTML:p}),o("div",{key:"95e6448c10b17130eef74cb3f88236764e4ff94d",class:"name"},a.name),o("div",{key:"70b3fa880b75d0ec311e29660ee482b47427f41e",class:"icon trash",innerHTML:f,onClick:()=>this.confirmDelete=true})))),this.selectedFiles.length<1&&!a&&o("div",{key:"53ba2d4e6a992c69996001137e36db16f527868b",class:{"drop-target":true,"dragging-over":this.draggingOver},onDragOver:e=>this.handleDragOver(e),onDragLeave:e=>this.handleDragLeave(e),onDrop:e=>this.handleDrop(e)},o("p",{key:"1a2326c8f41cf429ea8d206531118762f68eb37b"},"Drag and drop your files here"),o("p",{key:"bf4153d3624e0cca52ce3499c5d6a8009d0eb909",class:"subscript"},"Supported files: PDF, Word, JPG, PNG"),o("verdocs-button",{key:"411c2e054887771ebfb1ebcd192247d51a011d65",label:!!a?"Replace files":"Select files",onClick:()=>this.handleSelectFile()}),o("input",{key:"ff57cbb18b9c9852bb09b7e82303768d52690caa",type:"file",ref:e=>this.fileInput=e,style:{display:"none"},accept:".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,image/*",onChange:()=>this.handleFileChange()})),this.selectedFiles.length>0&&o("div",{key:"4560c6fbd51be1e385081d0e5da1b5f028a2fe4c",class:"attachments"},this.selectedFiles.map(((e,a)=>o("div",{class:"attachment"},o("div",{class:"icon",innerHTML:p}),o("div",{class:"name"},e.name),o("div",{class:"icon trash",innerHTML:f,onClick:()=>this.handleRemoveAttachment(a)}))))),!!this.errorMessage&&o("div",{key:"496b1953cce011c1be512ae704b86a99b672ef32",class:"error"},this.errorMessage),o("div",{key:"1fe1a4d1879c7d97e2cb0613aed65eb4f6134319",class:"buttons"},o("verdocs-button",{key:"3d5b3360099b341ffa3873a723523b237b5fd99c",label:"Cancel",variant:"outline",onClick:()=>this.handleCancel()}),o("verdocs-button",{key:"aa176cfae4504f73adb79eb55b6cebe369f0e509",label:"Upload",onClick:()=>this.handleDone(),disabled:!!this.errorMessage||this.selectedFiles.length<1})))),this.confirmDelete&&o("verdocs-ok-dialog",{key:"7e05ca66affc86277df7e10efda054121a8f5787",heading:"Delete Attachment?",message:"Are you sure you wish to delete this attachment? This action cannot be undone.",showCancel:true,onExit:e=>{e.preventDefault();e.stopPropagation();this.confirmDelete=false},onNext:e=>this.handleDeleteAttachment(e)}))}static get style(){return r()}},[0,"verdocs-upload-dialog",{maxSize:[1026,"max-size"],existingFile:[1032,"existing-file"],draggingOver:[32],confirmDelete:[32],selectedFiles:[32],errorMessage:[32]}]);function b(){if(typeof customElements==="undefined"){return}const e=["verdocs-upload-dialog","verdocs-button","verdocs-dialog","verdocs-ok-dialog"];e.forEach((e=>{switch(e){case"verdocs-upload-dialog":if(!customElements.get(d(e))){customElements.define(d(e),h)}break;case"verdocs-button":if(!customElements.get(d(e))){l()}break;case"verdocs-dialog":if(!customElements.get(d(e))){c()}break;case"verdocs-ok-dialog":if(!customElements.get(d(e))){n()}break}}))}export{h as V,b as d};
+//# sourceMappingURL=p-u16vefxk.js.map