@verdocs/web-sdk 6.13.3 → 6.14.1

package/dist/components/{p-B1AE2j97.js.map → p-h3swu3rA.js.map}

@@ -1 +1 @@
-{"version":3,"names":["verdocsFieldInitialCss","VerdocsFieldInitial","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","source","sourceid","fieldname","field","disabled","initials","editable","moveable","done","xscale","yscale","pagenumber","showingProperties","focused","menuOpen","closeMenuTimer","outsideMenuHandler","tempInitials","openMenu","clearTimeout","scheduleCloseMenu","setTimeout","closeMenu","focusField","el","focus","componentDidLoad","e","contains","target","document","addEventListener","disconnectedCallback","removeEventListener","interact","unset","onEditableChanged","newVal","oldVal","componentDidRender","dynamicDrop","resizable","edges","top","left","bottom","right","modifiers","restrictSize","min","width","height","listeners","start","handleResizeStart","bind","move","handleResize","end","handleResizeEnd","handleBlur","preventDefault","stopPropagation","dataset","originalBottom","style","rect","dX","deltaRect","dY","currentLeft","parseFloat","currentBottom","Object","assign","Math","round","newBottom","template","Store","getTemplate","VerdocsEndpoint","getDefault","oldField","fields","find","f","name","y","updateField","then","async","updatedField","newTemplate","JSON","parse","stringify","fieldIndex","findIndex","updateTemplate","_a","settingsChanged","emit","fieldName","x","h","catch","console","log","showSettingsPanel","settingsPanel","getElementById","showPanel","hideSettingsPanel","hidePanel","render","index","getField","required","value","label","settings","signerClass","base64","Host","class","src","alt","filled","onMouseEnter","onMouseLeave","onClick","type","adopt","fieldChange","initialid","Fragment","id","transform","floor","innerHTML","SettingsIcon","anchor","onClickAway","templateId","onClose","onDelete","deleted","onSettingsChanged","detail","helpText"],"sources":["src/components/fields/verdocs-field-initial/verdocs-field-initial.scss?tag=verdocs-field-initial","src/components/fields/verdocs-field-initial/verdocs-field-initial.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-field-initial {\n  font-family: $verdocs-primary-font;\n  width: 83px;\n  height: 36px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  letter-spacing: 0.3px;\n  scroll-margin: 20px 0;\n  transform-origin: bottom left;\n  border-radius: var(--verdocs-field-radius);\n  background-color: var(--verdocs-field-background, transparent);\n  border: var(--verdocs-field-border, 1px solid rgba(0, 0, 0, 0.2));\n  // Host is focusable via tabindex; hide any browser-rendered text caret and use a pointer cursor\n  // so it doesn't look like an editable text area.\n  cursor: pointer;\n  caret-color: transparent;\n\n  label {\n    top: -14px;\n    left: -1px;\n    height: 14px;\n    color: var(--verdocs-field-text-color, white);\n    padding: 0 4px;\n    font-size: 9px;\n    line-height: 13px;\n    position: absolute;\n    background: #4a4a99;\n    border-top-left-radius: 2px;\n    border-top-right-radius: 2px;\n  }\n\n  &.done {\n    border: none;\n    opacity: 1;\n  }\n\n  // When the Edit/Clear dropdown is open, raise this field above its siblings so\n  // the menu isn't clipped by neighboring fields.\n  &.menu-open {\n    z-index: 50;\n  }\n\n  .initial-container {\n    width: 100%;\n    height: 100%;\n    position: relative;\n\n    img {\n      display: block;\n      height: 100%;\n      width: auto;\n      max-width: none;\n      max-height: none;\n    }\n\n    .action-menu {\n      position: absolute;\n      top: calc(100% + 4px);\n      left: 0;\n      min-width: 90px;\n      background: #ffffff;\n      border: 1px solid rgba(0, 0, 0, 0.15);\n      border-radius: 6px;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n      z-index: 1000;\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n      font-size: 12px;\n      font-family: $verdocs-primary-font;\n\n      .menu-item {\n        background: #ffffff;\n        border: none;\n        padding: 8px 12px;\n        color: #333333;\n        cursor: pointer;\n        text-align: left;\n        width: 100%;\n        font-size: 12px;\n        line-height: 1.2;\n        height: auto;\n        font-family: inherit;\n\n        &:hover {\n          background-color: #f0f0f0;\n          color: #000000;\n        }\n\n        &:not(:last-child) {\n          border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n        }\n      }\n    }\n  }\n\n  &.disabled .initial-container {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n\n  button {\n    // This is needed to bring down the cursor from the parent element, which is where interactjs applies it\n    cursor: inherit;\n\n    box-sizing: border-box;\n    border: none;\n    color: var(--verdocs-field-text-color, rgba(0, 0, 0, 0.87));\n    font-weight: 500;\n    transform-origin: 0 0;\n    height: 100%;\n    width: 100%;\n    background: none;\n    font-size: 11px;\n\n    &.hide {\n      display: none;\n    }\n  }\n\n  &.required {\n    border: 1px solid var(--verdocs-required-field-border);\n  }\n\n  &.filled {\n    border: none !important;\n    background-color: transparent !important;\n  }\n\n  verdocs-button-panel {\n    top: -3px;\n    left: -2px;\n    opacity: 0.5;\n    z-index: 1000;\n    cursor: pointer;\n    position: absolute;\n    transform: scale(0.6);\n\n    &[data-active],\n    &:hover {\n      opacity: 1;\n    }\n\n    .icon {\n      svg {\n        fill: #333333;\n      }\n\n      &:hover {\n        svg {\n          fill: #000000;\n        }\n      }\n    }\n  }\n\n  .settings-icon {\n    position: absolute;\n    top: -3px;\n    left: -20px;\n    display: inline-block;\n    cursor: pointer;\n    opacity: 0.3;\n\n    svg {\n      fill: $border-color;\n    }\n\n    &:hover {\n      opacity: 1;\n    }\n  }\n\n  .edge-top,\n  .edge-right,\n  .edge-left,\n  .edge-bottom {\n    position: absolute;\n    z-index: 10;\n  }\n\n  .edge-top {\n    top: -2px;\n    left: 0;\n    right: 0;\n    height: 5px;\n  }\n\n  .edge-right {\n    top: 0;\n    bottom: 0;\n    right: -2px;\n    width: 5px;\n  }\n\n  .edge-left {\n    top: 0;\n    left: -2px;\n    bottom: 0;\n    width: 5px;\n  }\n\n  .edge-bottom {\n    bottom: -2px;\n    left: 0;\n    right: 0;\n    height: 5px;\n  }\n}\n","import interact from 'interactjs';\nimport {ResizeEvent} from '@interactjs/actions/resize/plugin';\nimport {ITemplateField, IEnvelopeField, VerdocsEndpoint, updateField, ITemplate} from '@verdocs/js-sdk';\nimport {Component, Event, EventEmitter, h, Host, Method, Prop, Fragment, State, Element, Listen, Watch} from '@stencil/core';\nimport {SettingsIcon} from '../../../utils/Icons';\nimport {Store} from '../../../utils/Datastore';\n\n/**\n * Displays an initial field. If an initial already exists, it will be displayed and the field\n * will be disabled. Otherwise, a placeholder button will be shown. Clicking the button will\n * show a dialog to adopt an initial.\n *\n * NOTE: When initial fields are completed they will be filled with an initial \"stamp\".\n * This requires operation against a live, valid envelope. If you are testing this component\n * in Storybook, it will not be visible here.\n */\n@Component({\n  tag: 'verdocs-field-initial',\n  styleUrl: 'verdocs-field-initial.scss',\n  shadow: false,\n})\nexport class VerdocsFieldInitial {\n  @Element() el: HTMLElement;\n\n  /**\n   * Fields may be attached to templates or envelopes, but only template fields may be edited.\n   */\n  @Prop({reflect: true}) source: 'template' | 'envelope' = 'template';\n\n  /**\n   * The source template or envelope ID the field is found in.\n   */\n  @Prop({reflect: true}) sourceid: string = '';\n\n  /**\n   * The name of the field to display.\n   */\n  @Prop({reflect: true}) fieldname: string = '';\n\n  /**\n   * Override the field's settings. This is intended to be used during signing when fields are being\n   * mutated.\n   */\n  @Prop() field: IEnvelopeField | null | undefined = null;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop({reflect: true}) disabled?: boolean = false;\n\n  /**\n   * The document or template field to display.\n   */\n  @Prop({reflect: true}) initials: string = '';\n\n  /**\n   * If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\n   * changed, so it should typically only be enabled in the Builder.\n   */\n  @Prop({reflect: true}) editable?: boolean = false;\n\n  /**\n   * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.\n   */\n  @Prop({reflect: true}) moveable?: boolean = false;\n\n  /**\n   * If set, the field is considered \"done\" and is drawn in a display-final-value state.\n   */\n  @Prop({reflect: true}) done?: boolean = false;\n\n  /**\n   * If set, the field will be be scaled horizontally by this factor.\n   */\n  @Prop({reflect: true}) xscale?: number = 1;\n\n  /**\n   * If set, the field will be be scaled vertically by this factor.\n   */\n  @Prop({reflect: true}) yscale?: number = 1;\n\n  /**\n   * The page the field is on\n   */\n  @Prop({reflect: true}) pagenumber?: number = 1;\n\n  /**\n   * If set, provides the ID of already-adopted initials. If present, clicking the field (when empty)\n   * will immediately use these initials instead of showing the adoption dialog.\n   */\n  @Prop({reflect: true}) initialid?: string;\n\n  /**\n   * If set to true, it will force interact to unset the el, resulting in no dragging the field.\n   */\n  @Prop({reflect: true}) isPreview?: boolean;\n\n  /**\n   * Event emitted when an initial block is adopted by the user. The event detail will contain the base64 string of the initial image.\n   */\n  @Event({composed: true}) adopt: EventEmitter<string>;\n\n  /**\n   * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  /**\n   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\n   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\n   * keypress.\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<string>;\n\n  /**\n   * Event fired when the field's settings are changed.\n   */\n  @Event({composed: true}) settingsChanged: EventEmitter<{fieldName: string; field: ITemplateField}>;\n\n  /**\n   * Event fired on every character entered into / deleted from the field.\n   */\n  @Event({composed: true}) settingsPress: EventEmitter;\n\n  /**\n   * Event fired when the field is deleted.\n   */\n  @Event({composed: true}) deleted: EventEmitter<{fieldName: string}>;\n\n  @State() showingProperties?: boolean = false;\n  @State() focused?: boolean = false;\n  @State() menuOpen = false;\n\n  private closeMenuTimer: any = null;\n  private outsideMenuHandler: ((e: Event) => void) | null = null;\n\n  @Method() async focusField() {\n    this.el.focus();\n    this.focused = true;\n  }\n\n  @State()\n  tempInitials: string = '';\n\n  componentDidLoad() {\n    this.outsideMenuHandler = (e: Event) => {\n      if (this.menuOpen && !this.el.contains(e.target as Node)) {\n        this.closeMenu();\n      }\n    };\n    document.addEventListener('pointerdown', this.outsideMenuHandler);\n  }\n\n  disconnectedCallback() {\n    if (this.closeMenuTimer) {\n      clearTimeout(this.closeMenuTimer);\n      this.closeMenuTimer = null;\n    }\n    if (this.outsideMenuHandler) {\n      document.removeEventListener('pointerdown', this.outsideMenuHandler);\n      this.outsideMenuHandler = null;\n    }\n    // Clear any interact.js drag/resize bindings so they don't leak if the DOM element is reused elsewhere\n    interact(this.el).unset();\n  }\n\n  private openMenu = () => {\n    if (this.closeMenuTimer) {\n      clearTimeout(this.closeMenuTimer);\n      this.closeMenuTimer = null;\n    }\n    this.menuOpen = true;\n  };\n\n  private scheduleCloseMenu = () => {\n    if (this.closeMenuTimer) {\n      clearTimeout(this.closeMenuTimer);\n    }\n    this.closeMenuTimer = setTimeout(() => {\n      this.menuOpen = false;\n      this.closeMenuTimer = null;\n    }, 150);\n  };\n\n  private closeMenu = () => {\n    if (this.closeMenuTimer) {\n      clearTimeout(this.closeMenuTimer);\n      this.closeMenuTimer = null;\n    }\n    this.menuOpen = false;\n  };\n\n  @Watch('editable')\n  onEditableChanged(newVal: boolean, oldVal: boolean) {\n    // When transitioning out of editable mode (e.g., builder -> preview tab), clear interact bindings\n    if (oldVal && !newVal) {\n      interact(this.el).unset();\n    }\n  }\n\n  componentDidRender() {\n    interact.dynamicDrop(true);\n\n    if (this.editable) {\n      interact(this.el).resizable({\n        edges: {\n          top: '.edge-top',\n          left: '.edge-left',\n          bottom: '.edge-bottom',\n          right: '.edge-right',\n        },\n        modifiers: [\n          interact.modifiers.restrictSize({\n            min: {width: 71, height: 36},\n          }),\n        ],\n        listeners: {\n          start: this.handleResizeStart.bind(this),\n          move: this.handleResize.bind(this),\n          end: this.handleResizeEnd.bind(this),\n        },\n      });\n    }\n  }\n\n  @Listen('blur')\n  handleBlur() {\n    this.focused = false;\n  }\n\n  handleResizeStart(e: ResizeEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n    e.target.dataset.originalBottom = e.target.style.bottom;\n  }\n\n  handleResize(e: any) {\n    let {width, height} = e.rect;\n\n    const dX = e.deltaRect.left;\n    const dY = e.deltaRect.bottom;\n    const currentLeft = parseFloat(e.target.style.left);\n    const currentBottom = parseFloat(e.target.style.bottom);\n\n    width /= this.xscale;\n    height /= this.yscale;\n\n    Object.assign(e.target.style, {\n      width: `${width}px`,\n      height: `${height}px`,\n      left: `${currentLeft + dX}px`,\n      bottom: `${currentBottom - dY}px`,\n    });\n  }\n\n  async handleResizeEnd(e: any) {\n    const {sourceid, fieldname} = this;\n\n    const width = Math.round(parseFloat(e.target.style.width));\n    let height = Math.round(parseFloat(e.target.style.height));\n    if (height < 20) {\n      height = 15;\n    }\n\n    const newBottom = parseFloat(e.target.style.bottom);\n    const originalBottom = parseFloat(e.target.dataset.originalBottom);\n    const template = await Store.getTemplate(VerdocsEndpoint.getDefault(), this.sourceid);\n    const oldField = template.fields.find(f => f.name === fieldname);\n    const y = newBottom !== originalBottom ? newBottom / this.yscale : oldField?.y;\n\n    updateField(VerdocsEndpoint.getDefault(), sourceid, fieldname, {width, height, y})\n      .then(async updatedField => {\n        const template = await Store.getTemplate(VerdocsEndpoint.getDefault(), this.sourceid);\n        const newTemplate = JSON.parse(JSON.stringify(template)) as ITemplate;\n        const fieldIndex = newTemplate.fields.findIndex(field => field.name === fieldname);\n        if (fieldIndex > -1) {\n          newTemplate.fields[fieldIndex] = updatedField;\n        }\n        Store.updateTemplate(this.sourceid, newTemplate);\n\n        this.settingsChanged?.emit({fieldName: fieldname, field: updatedField});\n        Object.assign(e.target.dataset, {x: 0, y: 0, h: 0});\n      })\n      .catch(e => console.log('Field update failed', e));\n  }\n\n  @Method()\n  async showSettingsPanel() {\n    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`) as any;\n    if (settingsPanel && settingsPanel.showPanel) {\n      settingsPanel.showPanel();\n    }\n  }\n\n  @Method()\n  async hideSettingsPanel() {\n    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`) as any;\n    if (settingsPanel && settingsPanel.hidePanel) {\n      settingsPanel.hidePanel();\n    }\n  }\n\n  render() {\n    const {source, sourceid, fieldname, editable = false, done = false, disabled = false, focused, xscale = 1, yscale = 1} = this;\n\n    const {index, field} = Store.getField(source, sourceid, fieldname, this.field);\n    const {required = false, value = '', label = '', settings = {}} = field || {};\n    const signerClass = `signer-${(index % 10) + 1}`;\n    const {base64} = settings;\n\n    if (done) {\n      return <Host class={{'verdocs-field': true,done}}>{value && <img src={value} alt=\"Initial\" />}</Host>;\n    }\n\n    return (\n      <Host class={{'verdocs-field': true,required, disabled, done, focused, filled: !!base64, 'menu-open': this.menuOpen, [signerClass]: true}}>\n        {editable && <div class=\"edge-right\" />}\n        {editable && <div class=\"edge-left\" />}\n        {editable && <div class=\"edge-top\" />}\n        {editable && <div class=\"edge-bottom\" />}\n\n        {label && <label>{label}</label>}\n\n        {base64 ? (\n          <div\n            class={{'initial-container': true, 'menu-open': this.menuOpen}}\n            onMouseEnter={() => !disabled && this.openMenu()}\n            onMouseLeave={() => this.scheduleCloseMenu()}\n            onClick={e => {\n              e.stopPropagation();\n              if (disabled) return;\n              this.menuOpen ? this.closeMenu() : this.openMenu();\n            }}\n          >\n            <img src={base64} alt=\"Initial\" />\n            {this.menuOpen && (\n              <div class=\"action-menu\" onMouseEnter={() => this.openMenu()} onMouseLeave={() => this.scheduleCloseMenu()}>\n                <button\n                  type=\"button\"\n                  class=\"menu-item\"\n                  onClick={e => {\n                    e.stopPropagation();\n                    if (disabled) return;\n                    console.log('[INITIAL] Editing initials');\n                    this.closeMenu();\n                    this.adopt.emit();\n                  }}\n                >\n                  Edit\n                </button>\n                <button\n                  type=\"button\"\n                  class=\"menu-item\"\n                  onClick={e => {\n                    e.stopPropagation();\n                    if (disabled) return;\n                    console.log('[INITIAL] Clearing initials');\n                    this.closeMenu();\n                    this.fieldChange?.emit(null);\n                  }}\n                >\n                  Clear\n                </button>\n              </div>\n            )}\n          </div>\n        ) : (\n          <button\n            onClick={() => {\n              if (disabled) return;\n              // If we already have an initial ID, use it immediately\n              if (this.initialid) {\n                console.log('[INITIAL] Reusing existing initials', this.initialid);\n                this.fieldChange?.emit(this.initialid);\n              } else {\n                this.adopt.emit();\n              }\n            }}\n          >\n            Initial\n          </button>\n        )}\n\n        {editable && (\n          <Fragment>\n            <div\n              id={`verdocs-settings-panel-trigger-${fieldname}`}\n              style={{transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})`}}\n              class=\"settings-icon\"\n              innerHTML={SettingsIcon}\n              onClick={(e: any) => {\n                e.stopPropagation();\n                this.showingProperties = !this.showingProperties;\n              }}\n            />\n\n            {this.showingProperties && (\n              <verdocs-portal anchor={`verdocs-settings-panel-trigger-${fieldname}`} onClickAway={() => (this.showingProperties = false)}>\n                <verdocs-template-field-properties\n                  templateId={sourceid}\n                  fieldName={fieldname}\n                  onClose={() => (this.showingProperties = false)}\n                  onDelete={() => {\n                    this.deleted?.emit({fieldName: field.name});\n                    return this.hideSettingsPanel();\n                  }}\n                  onSettingsChanged={e => {\n                    this.settingsChanged?.emit(e.detail);\n                    return this.hideSettingsPanel();\n                  }}\n                  helpText={\"initial fields capture the recipient's initials on a clause or page.\"}\n                />\n              </verdocs-portal>\n            )}\n          </Fragment>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["verdocsFieldInitialCss","VerdocsFieldInitial","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","source","sourceid","fieldname","field","disabled","initials","editable","moveable","done","xscale","yscale","pagenumber","showingProperties","focused","menuOpen","closeMenuTimer","outsideMenuHandler","tempInitials","openMenu","clearTimeout","scheduleCloseMenu","setTimeout","closeMenu","focusField","el","focus","componentDidLoad","e","contains","target","document","addEventListener","disconnectedCallback","removeEventListener","interact","unset","onEditableChanged","newVal","oldVal","componentDidRender","dynamicDrop","resizable","edges","top","left","bottom","right","modifiers","restrictSize","min","width","height","listeners","start","handleResizeStart","bind","move","handleResize","end","handleResizeEnd","handleBlur","preventDefault","stopPropagation","dataset","originalBottom","style","rect","dX","deltaRect","dY","currentLeft","parseFloat","currentBottom","Object","assign","Math","round","newBottom","template","Store","getTemplate","VerdocsEndpoint","getDefault","oldField","fields","find","f","name","y","updateField","then","async","updatedField","newTemplate","JSON","parse","stringify","fieldIndex","findIndex","updateTemplate","_a","settingsChanged","emit","fieldName","x","h","catch","console","log","showSettingsPanel","settingsPanel","getElementById","showPanel","hideSettingsPanel","hidePanel","render","index","getField","required","value","label","settings","signerClass","base64","Host","class","src","alt","filled","onMouseEnter","onMouseLeave","onClick","type","adopt","fieldChange","initialid","Fragment","id","transform","floor","innerHTML","SettingsIcon","anchor","onClickAway","templateId","onClose","onDelete","deleted","onSettingsChanged","detail","helpText"],"sources":["src/components/fields/verdocs-field-initial/verdocs-field-initial.scss?tag=verdocs-field-initial","src/components/fields/verdocs-field-initial/verdocs-field-initial.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-field-initial {\n  font-family: $verdocs-primary-font;\n  width: 83px;\n  height: 36px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  letter-spacing: 0.3px;\n  scroll-margin: 20px 0;\n  transform-origin: bottom left;\n  border-radius: var(--verdocs-field-radius);\n  background-color: var(--verdocs-field-background, transparent);\n  border: var(--verdocs-field-border, 1px solid rgba(0, 0, 0, 0.2));\n  // Host is focusable via tabindex; hide any browser-rendered text caret and use a pointer cursor\n  // so it doesn't look like an editable text area.\n  cursor: pointer;\n  caret-color: transparent;\n\n  label {\n    top: -14px;\n    left: -1px;\n    height: 14px;\n    color: var(--verdocs-field-text-color, white);\n    padding: 0 4px;\n    font-size: 9px;\n    line-height: 13px;\n    position: absolute;\n    background: #4a4a99;\n    border-top-left-radius: 2px;\n    border-top-right-radius: 2px;\n  }\n\n  &.done {\n    border: none;\n    opacity: 1;\n  }\n\n  // When the Edit/Clear dropdown is open, raise this field above its siblings so\n  // the menu isn't clipped by neighboring fields.\n  &.menu-open {\n    z-index: 50;\n  }\n\n  .initial-container {\n    width: 100%;\n    height: 100%;\n    position: relative;\n\n    img {\n      display: block;\n      height: 100%;\n      width: auto;\n      max-width: none;\n      max-height: none;\n    }\n\n    .action-menu {\n      position: absolute;\n      top: calc(100% + 4px);\n      left: 0;\n      min-width: 90px;\n      background: #ffffff;\n      border: 1px solid rgba(0, 0, 0, 0.15);\n      border-radius: 6px;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n      z-index: 1000;\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n      font-size: 12px;\n      font-family: $verdocs-primary-font;\n\n      .menu-item {\n        background: #ffffff;\n        border: none;\n        padding: 8px 12px;\n        color: #333333;\n        cursor: pointer;\n        text-align: left;\n        width: 100%;\n        font-size: 12px;\n        line-height: 1.2;\n        height: auto;\n        font-family: inherit;\n\n        &:hover {\n          background-color: #f0f0f0;\n          color: #000000;\n        }\n\n        &:not(:last-child) {\n          border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n        }\n      }\n    }\n  }\n\n  &.disabled .initial-container {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n\n  button {\n    // This is needed to bring down the cursor from the parent element, which is where interactjs applies it\n    cursor: inherit;\n\n    box-sizing: border-box;\n    border: none;\n    color: var(--verdocs-field-text-color, rgba(0, 0, 0, 0.87));\n    font-weight: 500;\n    transform-origin: 0 0;\n    height: 100%;\n    width: 100%;\n    background: none;\n    font-size: 11px;\n\n    &.hide {\n      display: none;\n    }\n  }\n\n  &.required {\n    border: 1px solid var(--verdocs-required-field-border);\n  }\n\n  &.filled {\n    border: none !important;\n    background-color: transparent !important;\n  }\n\n  verdocs-button-panel {\n    top: -3px;\n    left: -2px;\n    opacity: 0.5;\n    z-index: 1000;\n    cursor: pointer;\n    position: absolute;\n    transform: scale(0.6);\n\n    &[data-active],\n    &:hover {\n      opacity: 1;\n    }\n\n    .icon {\n      svg {\n        fill: #333333;\n      }\n\n      &:hover {\n        svg {\n          fill: #000000;\n        }\n      }\n    }\n  }\n\n  .settings-icon {\n    position: absolute;\n    top: -3px;\n    left: -20px;\n    display: inline-block;\n    cursor: pointer;\n    opacity: 0.3;\n\n    svg {\n      fill: $border-color;\n    }\n\n    &:hover {\n      opacity: 1;\n    }\n  }\n\n  .edge-top,\n  .edge-right,\n  .edge-left,\n  .edge-bottom {\n    position: absolute;\n    z-index: 10;\n  }\n\n  .edge-top {\n    top: -2px;\n    left: 0;\n    right: 0;\n    height: 5px;\n  }\n\n  .edge-right {\n    top: 0;\n    bottom: 0;\n    right: -2px;\n    width: 5px;\n  }\n\n  .edge-left {\n    top: 0;\n    left: -2px;\n    bottom: 0;\n    width: 5px;\n  }\n\n  .edge-bottom {\n    bottom: -2px;\n    left: 0;\n    right: 0;\n    height: 5px;\n  }\n}\n","import interact from 'interactjs';\nimport {ResizeEvent} from '@interactjs/actions/resize/plugin';\nimport {ITemplateField, IEnvelopeField, VerdocsEndpoint, updateField, ITemplate} from '@verdocs/js-sdk';\nimport {Component, Event, EventEmitter, h, Host, Method, Prop, Fragment, State, Element, Listen, Watch} from '@stencil/core';\nimport {SettingsIcon} from '../../../utils/Icons';\nimport {Store} from '../../../utils/Datastore';\n\n/**\n * Displays an initial field. If an initial already exists, it will be displayed and the field\n * will be disabled. Otherwise, a placeholder button will be shown. Clicking the button will\n * show a dialog to adopt an initial.\n *\n * NOTE: When initial fields are completed they will be filled with an initial \"stamp\".\n * This requires operation against a live, valid envelope. If you are testing this component\n * in Storybook, it will not be visible here.\n */\n@Component({\n  tag: 'verdocs-field-initial',\n  styleUrl: 'verdocs-field-initial.scss',\n  shadow: false,\n})\nexport class VerdocsFieldInitial {\n  @Element() el: HTMLElement;\n\n  /**\n   * Fields may be attached to templates or envelopes, but only template fields may be edited.\n   */\n  @Prop({reflect: true}) source: 'template' | 'envelope' = 'template';\n\n  /**\n   * The source template or envelope ID the field is found in.\n   */\n  @Prop({reflect: true}) sourceid: string = '';\n\n  /**\n   * The name of the field to display.\n   */\n  @Prop({reflect: true}) fieldname: string = '';\n\n  /**\n   * Override the field's settings. This is intended to be used during signing when fields are being\n   * mutated.\n   */\n  @Prop() field: IEnvelopeField | null | undefined = null;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop({reflect: true}) disabled?: boolean = false;\n\n  /**\n   * The document or template field to display.\n   */\n  @Prop({reflect: true}) initials: string = '';\n\n  /**\n   * If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\n   * changed, so it should typically only be enabled in the Builder.\n   */\n  @Prop({reflect: true}) editable?: boolean = false;\n\n  /**\n   * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.\n   */\n  @Prop({reflect: true}) moveable?: boolean = false;\n\n  /**\n   * If set, the field is considered \"done\" and is drawn in a display-final-value state.\n   */\n  @Prop({reflect: true}) done?: boolean = false;\n\n  /**\n   * If set, the field will be be scaled horizontally by this factor.\n   */\n  @Prop({reflect: true}) xscale?: number = 1;\n\n  /**\n   * If set, the field will be be scaled vertically by this factor.\n   */\n  @Prop({reflect: true}) yscale?: number = 1;\n\n  /**\n   * The page the field is on\n   */\n  @Prop({reflect: true}) pagenumber?: number = 1;\n\n  /**\n   * If set, provides the ID of already-adopted initials. If present, clicking the field (when empty)\n   * will immediately use these initials instead of showing the adoption dialog.\n   */\n  @Prop({reflect: true}) initialid?: string;\n\n  /**\n   * If set to true, it will force interact to unset the el, resulting in no dragging the field.\n   */\n  @Prop({reflect: true}) isPreview?: boolean;\n\n  /**\n   * Event emitted when an initial block is adopted by the user. The event detail will contain the base64 string of the initial image.\n   */\n  @Event({composed: true}) adopt: EventEmitter<string>;\n\n  /**\n   * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  /**\n   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\n   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\n   * keypress.\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<string>;\n\n  /**\n   * Event fired when the field's settings are changed.\n   */\n  @Event({composed: true}) settingsChanged: EventEmitter<{fieldName: string; field: ITemplateField}>;\n\n  /**\n   * Event fired on every character entered into / deleted from the field.\n   */\n  @Event({composed: true}) settingsPress: EventEmitter;\n\n  /**\n   * Event fired when the field is deleted.\n   */\n  @Event({composed: true}) deleted: EventEmitter<{fieldName: string}>;\n\n  @State() showingProperties?: boolean = false;\n  @State() focused?: boolean = false;\n  @State() menuOpen = false;\n\n  private closeMenuTimer: any = null;\n  private outsideMenuHandler: ((e: Event) => void) | null = null;\n\n  @Method() async focusField() {\n    this.el.focus();\n    this.focused = true;\n  }\n\n  @State()\n  tempInitials: string = '';\n\n  componentDidLoad() {\n    this.outsideMenuHandler = (e: Event) => {\n      if (this.menuOpen && !this.el.contains(e.target as Node)) {\n        this.closeMenu();\n      }\n    };\n    document.addEventListener('pointerdown', this.outsideMenuHandler);\n  }\n\n  disconnectedCallback() {\n    if (this.closeMenuTimer) {\n      clearTimeout(this.closeMenuTimer);\n      this.closeMenuTimer = null;\n    }\n    if (this.outsideMenuHandler) {\n      document.removeEventListener('pointerdown', this.outsideMenuHandler);\n      this.outsideMenuHandler = null;\n    }\n    // Clear any interact.js drag/resize bindings so they don't leak if the DOM element is reused elsewhere\n    interact(this.el).unset();\n  }\n\n  private openMenu = () => {\n    if (this.closeMenuTimer) {\n      clearTimeout(this.closeMenuTimer);\n      this.closeMenuTimer = null;\n    }\n    this.menuOpen = true;\n  };\n\n  private scheduleCloseMenu = () => {\n    if (this.closeMenuTimer) {\n      clearTimeout(this.closeMenuTimer);\n    }\n    this.closeMenuTimer = setTimeout(() => {\n      this.menuOpen = false;\n      this.closeMenuTimer = null;\n    }, 150);\n  };\n\n  private closeMenu = () => {\n    if (this.closeMenuTimer) {\n      clearTimeout(this.closeMenuTimer);\n      this.closeMenuTimer = null;\n    }\n    this.menuOpen = false;\n  };\n\n  @Watch('editable')\n  onEditableChanged(newVal: boolean, oldVal: boolean) {\n    // When transitioning out of editable mode (e.g., builder -> preview tab), clear interact bindings\n    if (oldVal && !newVal) {\n      interact(this.el).unset();\n    }\n  }\n\n  componentDidRender() {\n    interact.dynamicDrop(true);\n\n    if (this.editable) {\n      interact(this.el).resizable({\n        edges: {\n          top: '.edge-top',\n          left: '.edge-left',\n          bottom: '.edge-bottom',\n          right: '.edge-right',\n        },\n        modifiers: [\n          interact.modifiers.restrictSize({\n            min: {width: 71, height: 36},\n          }),\n        ],\n        listeners: {\n          start: this.handleResizeStart.bind(this),\n          move: this.handleResize.bind(this),\n          end: this.handleResizeEnd.bind(this),\n        },\n      });\n    }\n  }\n\n  @Listen('blur')\n  handleBlur() {\n    this.focused = false;\n  }\n\n  handleResizeStart(e: ResizeEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n    e.target.dataset.originalBottom = e.target.style.bottom;\n  }\n\n  handleResize(e: any) {\n    let {width, height} = e.rect;\n\n    const dX = e.deltaRect.left;\n    const dY = e.deltaRect.bottom;\n    const currentLeft = parseFloat(e.target.style.left);\n    const currentBottom = parseFloat(e.target.style.bottom);\n\n    width /= this.xscale;\n    height /= this.yscale;\n\n    Object.assign(e.target.style, {\n      width: `${width}px`,\n      height: `${height}px`,\n      left: `${currentLeft + dX}px`,\n      bottom: `${currentBottom - dY}px`,\n    });\n  }\n\n  async handleResizeEnd(e: any) {\n    const {sourceid, fieldname} = this;\n\n    const width = Math.round(parseFloat(e.target.style.width));\n    let height = Math.round(parseFloat(e.target.style.height));\n    if (height < 20) {\n      height = 15;\n    }\n\n    const newBottom = parseFloat(e.target.style.bottom);\n    const originalBottom = parseFloat(e.target.dataset.originalBottom);\n    const template = await Store.getTemplate(VerdocsEndpoint.getDefault(), this.sourceid);\n    const oldField = template.fields.find(f => f.name === fieldname);\n    const y = newBottom !== originalBottom ? Math.round(newBottom / this.yscale) : oldField?.y;\n\n    updateField(VerdocsEndpoint.getDefault(), sourceid, fieldname, {width, height, y})\n      .then(async updatedField => {\n        const template = await Store.getTemplate(VerdocsEndpoint.getDefault(), this.sourceid);\n        const newTemplate = JSON.parse(JSON.stringify(template)) as ITemplate;\n        const fieldIndex = newTemplate.fields.findIndex(field => field.name === fieldname);\n        if (fieldIndex > -1) {\n          newTemplate.fields[fieldIndex] = updatedField;\n        }\n        Store.updateTemplate(this.sourceid, newTemplate);\n\n        this.settingsChanged?.emit({fieldName: fieldname, field: updatedField});\n        Object.assign(e.target.dataset, {x: 0, y: 0, h: 0});\n      })\n      .catch(e => console.log('Field update failed', e));\n  }\n\n  @Method()\n  async showSettingsPanel() {\n    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`) as any;\n    if (settingsPanel && settingsPanel.showPanel) {\n      settingsPanel.showPanel();\n    }\n  }\n\n  @Method()\n  async hideSettingsPanel() {\n    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`) as any;\n    if (settingsPanel && settingsPanel.hidePanel) {\n      settingsPanel.hidePanel();\n    }\n  }\n\n  render() {\n    const {source, sourceid, fieldname, editable = false, done = false, disabled = false, focused, xscale = 1, yscale = 1} = this;\n\n    const {index, field} = Store.getField(source, sourceid, fieldname, this.field);\n    const {required = false, value = '', label = '', settings = {}} = field || {};\n    const signerClass = `signer-${(index % 10) + 1}`;\n    const {base64} = settings;\n\n    if (done) {\n      return <Host class={{'verdocs-field': true,done}}>{value && <img src={value} alt=\"Initial\" />}</Host>;\n    }\n\n    return (\n      <Host class={{'verdocs-field': true,required, disabled, done, focused, filled: !!base64, 'menu-open': this.menuOpen, [signerClass]: true}}>\n        {editable && <div class=\"edge-right\" />}\n        {editable && <div class=\"edge-left\" />}\n        {editable && <div class=\"edge-top\" />}\n        {editable && <div class=\"edge-bottom\" />}\n\n        {label && <label>{label}</label>}\n\n        {base64 ? (\n          <div\n            class={{'initial-container': true, 'menu-open': this.menuOpen}}\n            onMouseEnter={() => !disabled && this.openMenu()}\n            onMouseLeave={() => this.scheduleCloseMenu()}\n            onClick={e => {\n              e.stopPropagation();\n              if (disabled) return;\n              this.menuOpen ? this.closeMenu() : this.openMenu();\n            }}\n          >\n            <img src={base64} alt=\"Initial\" />\n            {this.menuOpen && (\n              <div class=\"action-menu\" onMouseEnter={() => this.openMenu()} onMouseLeave={() => this.scheduleCloseMenu()}>\n                <button\n                  type=\"button\"\n                  class=\"menu-item\"\n                  onClick={e => {\n                    e.stopPropagation();\n                    if (disabled) return;\n                    console.log('[INITIAL] Editing initials');\n                    this.closeMenu();\n                    this.adopt.emit();\n                  }}\n                >\n                  Edit\n                </button>\n                <button\n                  type=\"button\"\n                  class=\"menu-item\"\n                  onClick={e => {\n                    e.stopPropagation();\n                    if (disabled) return;\n                    console.log('[INITIAL] Clearing initials');\n                    this.closeMenu();\n                    this.fieldChange?.emit(null);\n                  }}\n                >\n                  Clear\n                </button>\n              </div>\n            )}\n          </div>\n        ) : (\n          <button\n            onClick={() => {\n              if (disabled) return;\n              // If we already have an initial ID, use it immediately\n              if (this.initialid) {\n                console.log('[INITIAL] Reusing existing initials', this.initialid);\n                this.fieldChange?.emit(this.initialid);\n              } else {\n                this.adopt.emit();\n              }\n            }}\n          >\n            Initial\n          </button>\n        )}\n\n        {editable && (\n          <Fragment>\n            <div\n              id={`verdocs-settings-panel-trigger-${fieldname}`}\n              style={{transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})`}}\n              class=\"settings-icon\"\n              innerHTML={SettingsIcon}\n              onClick={(e: any) => {\n                e.stopPropagation();\n                this.showingProperties = !this.showingProperties;\n              }}\n            />\n\n            {this.showingProperties && (\n              <verdocs-portal anchor={`verdocs-settings-panel-trigger-${fieldname}`} onClickAway={() => (this.showingProperties = false)}>\n                <verdocs-template-field-properties\n                  templateId={sourceid}\n                  fieldName={fieldname}\n                  onClose={() => (this.showingProperties = false)}\n                  onDelete={() => {\n                    this.deleted?.emit({fieldName: field.name});\n                    return this.hideSettingsPanel();\n                  }}\n                  onSettingsChanged={e => {\n                    this.settingsChanged?.emit(e.detail);\n                    return this.hideSettingsPanel();\n                  }}\n                  helpText={\"initial fields capture the recipient's initials on a clause or page.\"}\n                />\n              </verdocs-portal>\n            )}\n          </Fragment>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/{p-kHTZa3Ev.js → p-hwu-GrDS.js}

@@ -1,2 +1,2 @@
-import{p as e,H as o,c as s,h as t,t as c}from"./p-yZBlG3YQ.js";import{DEFAULT_DISCLOSURES as r}from"@verdocs/js-sdk";import{d as i}from"./p-DGNIsXfr.js";import{d}from"./p-C90lxyUX.js";const a=()=>`verdocs-disclosure-dialog{}verdocs-disclosure-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;-ms-flex-align:center;align-items:center}verdocs-disclosure-dialog .heading .close-button{cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:4px;border-radius:50%;color:var(--verdocs-close-button-color, #6b7280);-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-disclosure-dialog .heading .close-button:hover{background-color:var(--verdocs-close-button-hover-bg, #f3f4f6);color:var(--verdocs-close-button-hover-color, #111827)}verdocs-disclosure-dialog .heading .close-button svg{fill:currentColor}verdocs-disclosure-dialog .content ul{list-style:none;padding:0;margin:0 0 16px 0}verdocs-disclosure-dialog .content ul li{position:relative;padding-left:34px;margin-bottom:12px;font-size:14px;line-height:20px}verdocs-disclosure-dialog .content ul li::before{content:"";position:absolute;left:0;top:-2px;width:24px;height:24px;background-color:var(--verdocs-bullet-color, #707070);-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.53033 12.9697C4.23744 12.6768 3.76256 12.6768 3.46967 12.9697C3.17678 13.2626 3.17678 13.7374 3.46967 14.0303L7.96967 18.5303C8.26256 18.8232 8.73744 18.8232 9.03033 18.5303L20.0303 7.53033C20.3232 7.23744 20.3232 6.76256 20.0303 6.46967C19.7374 6.17678 19.2626 6.17678 18.9697 6.46967L8.5 16.9393L4.53033 12.9697Z' fill='%23707070'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.53033 12.9697C4.23744 12.6768 3.76256 12.6768 3.46967 12.9697C3.17678 13.2626 3.17678 13.7374 3.46967 14.0303L7.96967 18.5303C8.26256 18.8232 8.73744 18.8232 9.03033 18.5303L20.0303 7.53033C20.3232 7.23744 20.3232 6.76256 20.0303 6.46967C19.7374 6.17678 19.2626 6.17678 18.9697 6.46967L8.5 16.9393L4.53033 12.9697Z' fill='%23707070'/%3E%3C/svg%3E");mask-size:contain;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}verdocs-disclosure-dialog .accept{margin:0;color:var(--verdocs-dialog-content-color, #424242)}verdocs-disclosure-dialog .accept verdocs-checkbox{font-size:14px;line-height:20px}verdocs-disclosure-dialog .accept verdocs-checkbox label>input[type=checkbox]+*{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}verdocs-disclosure-dialog .accept verdocs-checkbox label>input[type=checkbox]+*::before{width:16px;height:16px;line-height:16px;margin-right:12px;-ms-flex-negative:0;flex-shrink:0;margin-top:2px}verdocs-disclosure-dialog a{color:var(--verdocs-link-color, #4c56cb)}verdocs-disclosure-dialog .buttons{gap:12px;display:-ms-flexbox;display:flex;margin-top:0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-disclosure-dialog .buttons button{padding:8px 16px;height:40px;display:-ms-flexbox;display:flex;font-size:14px;font-weight:400;cursor:pointer;-ms-flex-align:center;align-items:center;border-radius:var(--verdocs-button-radius, 4px);-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-disclosure-dialog .buttons button.decline{margin-right:auto;background-color:transparent;border:var(--verdocs-button-secondary-border, 1px solid #d1d5db);color:var(--verdocs-button-secondary-color, #374151)}verdocs-disclosure-dialog .buttons button.decline:hover{background-color:var(--verdocs-button-secondary-hover-bg, #f9fafb)}verdocs-disclosure-dialog .buttons button.delegate{background-color:transparent;border:var(--verdocs-button-secondary-border, 1px solid #d1d5db);color:var(--verdocs-button-secondary-color, #374151)}verdocs-disclosure-dialog .buttons button.proceed{background-color:var(--verdocs-primary-color, #55bc81);border:1px solid transparent;color:#ffffff}verdocs-disclosure-dialog .buttons button.proceed:hover{background-color:var(--verdocs-primary-color-hover, #2b995b)}verdocs-disclosure-dialog .buttons button:disabled{background-color:var(--verdocs-button-disabled-bg, #e5e7eb);color:var(--verdocs-button-disabled-color, #9ca3af);cursor:not-allowed}`;const l=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.decline=s(this,"decline");this.delegate=s(this,"delegate");this.accept=s(this,"accept");this.disclosures=r;this.delegator=false;this.accepted=false}render(){return t("verdocs-dialog",{key:"4375a9c04e384f3cf0e4fda038401d0cd7298033"},t("div",{key:"701a7d6b98f84240dde02bf2109252af529c47d9",slot:"heading",class:"heading"},t("div",{key:"c20caa6b9952cc2440576c344477d7ce531d0230",class:"title"},"e-Signature Disclosures"),t("div",{key:"d18fd989d229b25d9aba7fa49b5a46601cf6de3a",class:"close-button"},t("svg",{key:"2d9c7cb7cbaa3e65967628106e7a1e4b09a27e1a",width:"24",height:"28",viewBox:"0 0 24 28",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"b9ff9bf5f57bcc5349108754d85fd29b1aa67b5e",d:"M4.39705 8.55379L4.46967 8.46967C4.73594 8.2034 5.1526 8.1792 5.44621 8.39705L5.53033 8.46967L12 14.939L18.4697 8.46967C18.7626 8.17678 19.2374 8.17678 19.5303 8.46967C19.8232 8.76256 19.8232 9.23744 19.5303 9.53033L13.061 16L19.5303 22.4697C19.7966 22.7359 19.8208 23.1526 19.6029 23.4462L19.5303 23.5303C19.2641 23.7966 18.8474 23.8208 18.5538 23.6029L18.4697 23.5303L12 17.061L5.53033 23.5303C5.23744 23.8232 4.76256 23.8232 4.46967 23.5303C4.17678 23.2374 4.17678 22.7626 4.46967 22.4697L10.939 16L4.46967 9.53033C4.2034 9.26406 4.1792 8.8474 4.39705 8.55379L4.46967 8.46967L4.39705 8.55379Z"})))),t("div",{key:"7413fba3a61bd782d37b0f595d592e1de88bfc58",slot:"content",class:"content"},t("div",{key:"3db2348ba7bd107ee84b44c0482ced667be37bcf",innerHTML:this.disclosures}),t("div",{key:"ab9bd0f3f727c757628b5d7e2d83556d77659218",class:"accept"},t("verdocs-checkbox",{key:"47b9c420a053f4eb11707dee0e5a9820c77c0d04",label:"I accept the electronic signature disclosures and agree to proceed with digital signing.",checked:this.accepted,onInput:()=>this.accepted=!this.accepted}))),t("div",{key:"0a64d93b46674f394b97f89a4824c02f6d7a64b3",class:"footer",slot:"footer"},this.delegator?t("div",{class:"buttons"},t("button",{class:"decline",onClick:()=>this.decline.emit()},"Decline"),t("button",{class:"delegate",onClick:()=>this.delegate.emit()},"Delegate"),t("button",{class:"proceed",onClick:()=>this.accept.emit(),disabled:!this.accepted},"Proceed")):t("div",{class:"buttons"},t("button",{class:"decline",onClick:()=>this.decline.emit()},"Decline"),t("button",{class:"proceed",onClick:()=>this.accept.emit(),disabled:!this.accepted},"Proceed"))))}static get style(){return a()}},[0,"verdocs-disclosure-dialog",{disclosures:[1],delegator:[4],accepted:[32]}]);function n(){if(typeof customElements==="undefined"){return}const e=["verdocs-disclosure-dialog","verdocs-checkbox","verdocs-dialog"];e.forEach((e=>{switch(e){case"verdocs-disclosure-dialog":if(!customElements.get(c(e))){customElements.define(c(e),l)}break;case"verdocs-checkbox":if(!customElements.get(c(e))){i()}break;case"verdocs-dialog":if(!customElements.get(c(e))){d()}break}}))}export{l as V,n as d};
-//# sourceMappingURL=p-kHTZa3Ev.js.map
+import{p as e,H as o,c as s,h as t,t as c}from"./p-yZBlG3YQ.js";import{DEFAULT_DISCLOSURES as r}from"@verdocs/js-sdk";import{d as i}from"./p-NtvxlYzY.js";import{d}from"./p-C90lxyUX.js";const a=()=>`verdocs-disclosure-dialog{}verdocs-disclosure-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;-ms-flex-align:center;align-items:center}verdocs-disclosure-dialog .heading .close-button{cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:4px;border-radius:50%;color:var(--verdocs-close-button-color, #6b7280);-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-disclosure-dialog .heading .close-button:hover{background-color:var(--verdocs-close-button-hover-bg, #f3f4f6);color:var(--verdocs-close-button-hover-color, #111827)}verdocs-disclosure-dialog .heading .close-button svg{fill:currentColor}verdocs-disclosure-dialog .content ul{list-style:none;padding:0;margin:0 0 16px 0}verdocs-disclosure-dialog .content ul li{position:relative;padding-left:34px;margin-bottom:12px;font-size:14px;line-height:20px}verdocs-disclosure-dialog .content ul li::before{content:"";position:absolute;left:0;top:-2px;width:24px;height:24px;background-color:var(--verdocs-bullet-color, #707070);-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.53033 12.9697C4.23744 12.6768 3.76256 12.6768 3.46967 12.9697C3.17678 13.2626 3.17678 13.7374 3.46967 14.0303L7.96967 18.5303C8.26256 18.8232 8.73744 18.8232 9.03033 18.5303L20.0303 7.53033C20.3232 7.23744 20.3232 6.76256 20.0303 6.46967C19.7374 6.17678 19.2626 6.17678 18.9697 6.46967L8.5 16.9393L4.53033 12.9697Z' fill='%23707070'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.53033 12.9697C4.23744 12.6768 3.76256 12.6768 3.46967 12.9697C3.17678 13.2626 3.17678 13.7374 3.46967 14.0303L7.96967 18.5303C8.26256 18.8232 8.73744 18.8232 9.03033 18.5303L20.0303 7.53033C20.3232 7.23744 20.3232 6.76256 20.0303 6.46967C19.7374 6.17678 19.2626 6.17678 18.9697 6.46967L8.5 16.9393L4.53033 12.9697Z' fill='%23707070'/%3E%3C/svg%3E");mask-size:contain;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}verdocs-disclosure-dialog .accept{margin:0;color:var(--verdocs-dialog-content-color, #424242)}verdocs-disclosure-dialog .accept verdocs-checkbox{font-size:14px;line-height:20px}verdocs-disclosure-dialog .accept verdocs-checkbox label>input[type=checkbox]+*{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}verdocs-disclosure-dialog .accept verdocs-checkbox label>input[type=checkbox]+*::before{width:16px;height:16px;line-height:16px;margin-right:12px;-ms-flex-negative:0;flex-shrink:0;margin-top:2px}verdocs-disclosure-dialog a{color:var(--verdocs-link-color, #4c56cb)}verdocs-disclosure-dialog .buttons{gap:12px;display:-ms-flexbox;display:flex;margin-top:0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-disclosure-dialog .buttons button{padding:8px 16px;height:40px;display:-ms-flexbox;display:flex;font-size:14px;font-weight:400;cursor:pointer;-ms-flex-align:center;align-items:center;border-radius:var(--verdocs-button-radius, 4px);-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}verdocs-disclosure-dialog .buttons button.decline{margin-right:auto;background-color:transparent;border:var(--verdocs-button-secondary-border, 1px solid #d1d5db);color:var(--verdocs-button-secondary-color, #374151)}verdocs-disclosure-dialog .buttons button.decline:hover{background-color:var(--verdocs-button-secondary-hover-bg, #f9fafb)}verdocs-disclosure-dialog .buttons button.delegate{background-color:transparent;border:var(--verdocs-button-secondary-border, 1px solid #d1d5db);color:var(--verdocs-button-secondary-color, #374151)}verdocs-disclosure-dialog .buttons button.proceed{background-color:var(--verdocs-primary-color, #55bc81);border:1px solid transparent;color:#ffffff}verdocs-disclosure-dialog .buttons button.proceed:hover{background-color:var(--verdocs-primary-color-hover, #2b995b)}verdocs-disclosure-dialog .buttons button:disabled{background-color:var(--verdocs-button-disabled-bg, #e5e7eb);color:var(--verdocs-button-disabled-color, #9ca3af);cursor:not-allowed}`;const l=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.decline=s(this,"decline");this.delegate=s(this,"delegate");this.accept=s(this,"accept");this.disclosures=r;this.delegator=false;this.accepted=false}render(){return t("verdocs-dialog",{key:"4375a9c04e384f3cf0e4fda038401d0cd7298033"},t("div",{key:"701a7d6b98f84240dde02bf2109252af529c47d9",slot:"heading",class:"heading"},t("div",{key:"c20caa6b9952cc2440576c344477d7ce531d0230",class:"title"},"e-Signature Disclosures"),t("div",{key:"d18fd989d229b25d9aba7fa49b5a46601cf6de3a",class:"close-button"},t("svg",{key:"2d9c7cb7cbaa3e65967628106e7a1e4b09a27e1a",width:"24",height:"28",viewBox:"0 0 24 28",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"b9ff9bf5f57bcc5349108754d85fd29b1aa67b5e",d:"M4.39705 8.55379L4.46967 8.46967C4.73594 8.2034 5.1526 8.1792 5.44621 8.39705L5.53033 8.46967L12 14.939L18.4697 8.46967C18.7626 8.17678 19.2374 8.17678 19.5303 8.46967C19.8232 8.76256 19.8232 9.23744 19.5303 9.53033L13.061 16L19.5303 22.4697C19.7966 22.7359 19.8208 23.1526 19.6029 23.4462L19.5303 23.5303C19.2641 23.7966 18.8474 23.8208 18.5538 23.6029L18.4697 23.5303L12 17.061L5.53033 23.5303C5.23744 23.8232 4.76256 23.8232 4.46967 23.5303C4.17678 23.2374 4.17678 22.7626 4.46967 22.4697L10.939 16L4.46967 9.53033C4.2034 9.26406 4.1792 8.8474 4.39705 8.55379L4.46967 8.46967L4.39705 8.55379Z"})))),t("div",{key:"7413fba3a61bd782d37b0f595d592e1de88bfc58",slot:"content",class:"content"},t("div",{key:"3db2348ba7bd107ee84b44c0482ced667be37bcf",innerHTML:this.disclosures}),t("div",{key:"ab9bd0f3f727c757628b5d7e2d83556d77659218",class:"accept"},t("verdocs-checkbox",{key:"47b9c420a053f4eb11707dee0e5a9820c77c0d04",label:"I accept the electronic signature disclosures and agree to proceed with digital signing.",checked:this.accepted,onInput:()=>this.accepted=!this.accepted}))),t("div",{key:"0a64d93b46674f394b97f89a4824c02f6d7a64b3",class:"footer",slot:"footer"},this.delegator?t("div",{class:"buttons"},t("button",{class:"decline",onClick:()=>this.decline.emit()},"Decline"),t("button",{class:"delegate",onClick:()=>this.delegate.emit()},"Delegate"),t("button",{class:"proceed",onClick:()=>this.accept.emit(),disabled:!this.accepted},"Proceed")):t("div",{class:"buttons"},t("button",{class:"decline",onClick:()=>this.decline.emit()},"Decline"),t("button",{class:"proceed",onClick:()=>this.accept.emit(),disabled:!this.accepted},"Proceed"))))}static get style(){return a()}},[0,"verdocs-disclosure-dialog",{disclosures:[1],delegator:[4],accepted:[32]}]);function n(){if(typeof customElements==="undefined"){return}const e=["verdocs-disclosure-dialog","verdocs-checkbox","verdocs-dialog"];e.forEach((e=>{switch(e){case"verdocs-disclosure-dialog":if(!customElements.get(c(e))){customElements.define(c(e),l)}break;case"verdocs-checkbox":if(!customElements.get(c(e))){i()}break;case"verdocs-dialog":if(!customElements.get(c(e))){d()}break}}))}export{l as V,n as d};
+//# sourceMappingURL=p-hwu-GrDS.js.map

package/dist/components/p-qLNetL5t.js

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

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

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

package/dist/components/{p-06em1_P-.js → p-vuCjHk-M.js}

@@ -1,2 +1,2 @@
-import{p as e,H as o,c as i,h as t,d as s,F as n,t as l}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as r,getEnvelope as d,getEnvelopesZip as a,getEnvelopeDocumentDownloadLink as c,cancelEnvelope as h,getCombinedEnvelopeDocumentDownloadLink as v,getMyRecipient as m,integerSequence as p}from"@verdocs/js-sdk";import{D as f}from"./p-17OorOnH.js";import{V as u}from"./p-D97GxsI-.js";import{S as w}from"./p-C1sRVZWv.js";import{S as g}from"./p-C7hFgM52.js";import{d as x}from"./p-C90lxyUX.js";import{d as b}from"./p-PVw56Shw.js";import{d as C}from"./p-DscL0SIM.js";import{d as y}from"./p-C8yiLtCJ.js";import{d as k}from"./p-DqzFuSNN.js";import{d as z}from"./p-5FU3bYQ3.js";import{d as L}from"./p-8J_y0V9M.js";import{d as V}from"./p-D495hZfr.js";const E=()=>`verdocs-view{display:-ms-flexbox;display:flex;overflow:hidden;min-height:600px;position:relative;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);background-color:#f5f5f5}verdocs-view div,verdocs-view canvas{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-view .document{-ms-flex:1;flex:1;width:100%;height:100%;display:-ms-flexbox;display:flex;row-gap:15px;min-height:200px;max-width:1200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;padding-right:15px}verdocs-view .document .inner{width:100%;max-width:1028px}verdocs-view .signed-document-container{width:64%;margin:0 auto;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:15px}verdocs-view .signed-document-container.zoom-normal{width:64%}verdocs-view .signed-document-container.zoom-zoom1{width:80%}verdocs-view .signed-document-container.zoom-zoom2{width:100%}@media (max-width: 768px){verdocs-view .signed-document-container{width:100%}verdocs-view .signed-document-container.zoom-normal,verdocs-view .signed-document-container.zoom-zoom1,verdocs-view .signed-document-container.zoom-zoom2{width:100%}verdocs-view .controls-toolbar .center-controls{display:none}verdocs-view .controls-toolbar .right-controls .icon-button.minus,verdocs-view .controls-toolbar .right-controls .icon-button.plus{display:none}}verdocs-view .loading-indicator{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.7);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}verdocs-view verdocs-ok-dialog .background-overlay{-ms-flex-align:start;align-items:flex-start;padding-top:100px}#verdocs-view-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:54px;padding:0 12px 0 24px;background-color:#ffffff;border-bottom:1px solid #e0e0e0;-webkit-box-shadow:none;box-shadow:none;font-family:"Inter", sans-serif;color:#424242;z-index:1000;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}#verdocs-view-header .left-controls{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#verdocs-view-header .left-controls .title{font-weight:500;font-size:16px;color:#242424;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#verdocs-view-header .center-controls{-ms-flex:1;flex:1;display:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:10px;font-size:14px}#verdocs-view-header .right-controls{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}#verdocs-view-header .right-controls .icon-button{width:32px;height:32px;display:-ms-flexbox;display:flex;color:#424242;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color 0.2s;transition:background-color 0.2s}#verdocs-view-header .right-controls .icon-button:hover{background-color:#f5f5f5}#verdocs-view-header .right-controls .icon-button.disabled{opacity:0.3;pointer-events:none}#verdocs-view-header .right-controls .icon-button svg{display:block;width:20px;height:20px}@media print{#verdocs-view-header{display:none !important}verdocs-view{min-height:auto;background-color:white}verdocs-view .document{overflow:visible;height:auto;display:block;padding:0}verdocs-view .signed-document-container{width:100%;margin:0}}`;const H=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M11 8C11.2761 8 11.5 8.22386 11.5 8.5C11.5 8.77614 11.2761 9 11 9H6C5.72386 9 5.5 8.77614 5.5 8.5C5.5 8.22386 5.72386 8 6 8H11ZM14 8.5C14 5.46243 11.5376 3 8.5 3C5.46243 3 3 5.46243 3 8.5C3 11.5376 5.46243 14 8.5 14C9.83879 14 11.0659 13.5217 12.0196 12.7266L16.1464 16.8536L16.2157 16.9114C16.4106 17.0464 16.68 17.0271 16.8536 16.8536C17.0488 16.6583 17.0488 16.3417 16.8536 16.1464L12.7266 12.0196C13.5217 11.0659 14 9.83879 14 8.5ZM4 8.5C4 6.01472 6.01472 4 8.5 4C10.9853 4 13 6.01472 13 8.5C13 10.9853 10.9853 13 8.5 13C6.01472 13 4 10.9853 4 8.5Z" fill="#424242" /></svg>`;const I=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M11.5 8.5C11.5 8.22386 11.2761 8 11 8H9V6C9 5.72386 8.77614 5.5 8.5 5.5C8.22386 5.5 8 5.72386 8 6V8H6C5.72386 8 5.5 8.22386 5.5 8.5C5.5 8.77614 5.72386 9 6 9H8V11C8 11.2761 8.22386 11.5 8.5 11.5C8.77614 11.5 9 11.2761 9 11V9H11C11.2761 9 11.5 8.77614 11.5 8.5ZM8.5 3C11.5376 3 14 5.46243 14 8.5C14 9.83879 13.5217 11.0659 12.7266 12.0196L16.8536 16.1464C17.0488 16.3417 17.0488 16.6583 16.8536 16.8536C16.68 17.0271 16.4106 17.0464 16.2157 16.9114L16.1464 16.8536L12.0196 12.7266C11.0659 13.5217 9.83879 14 8.5 14C5.46243 14 3 11.5376 3 8.5C3 5.46243 5.46243 3 8.5 3ZM8.5 4C6.01472 4 4 6.01472 4 8.5C4 10.9853 6.01472 13 8.5 13C10.9853 13 13 10.9853 13 8.5C13 6.01472 10.9853 4 8.5 4Z" fill="#424242" /></svg>`;const M=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 16.9988C15.7761 16.9988 16 17.2226 16 17.4988C16 17.7442 15.8231 17.9484 15.5899 17.9907L15.5 17.9988H4.5C4.22386 17.9988 4 17.7749 4 17.4988C4 17.2533 4.17688 17.0492 4.41012 17.0068L4.5 16.9988H15.5ZM10.0001 2.00098C10.2456 2.00098 10.4497 2.17798 10.492 2.41124L10.5 2.50112L10.496 14.295L14.1414 10.6466C14.3148 10.4729 14.5842 10.4534 14.7792 10.5882L14.8485 10.646C15.0222 10.8194 15.0418 11.0888 14.907 11.2838L14.8492 11.3531L10.3574 15.8531C10.285 15.9257 10.1957 15.9714 10.1021 15.9901L9.99608 15.9999C9.83511 15.9999 9.69192 15.9237 9.60051 15.8056L5.14386 11.3537C4.94846 11.1586 4.94823 10.842 5.14336 10.6466C5.3168 10.4729 5.58621 10.4534 5.78117 10.5883L5.85046 10.6461L9.496 14.287L9.5 2.50083C9.50008 2.22469 9.724 2.00098 10.0001 2.00098Z" fill="#424242"/></svg>`;const j=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5 4.5C5 3.67157 5.67157 3 6.5 3H13.5C14.3284 3 15 3.67157 15 4.5V5H15.5C16.8807 5 18 6.11929 18 7.5V12.5C18 13.3284 17.3284 14 16.5 14H15V15.5C15 16.3284 14.3284 17 13.5 17H6.5C5.67157 17 5 16.3284 5 15.5V14H3.5C2.67157 14 2 13.3284 2 12.5V7.5C2 6.11929 3.11929 5 4.5 5H5V4.5ZM6 5H14V4.5C14 4.22386 13.7761 4 13.5 4H6.5C6.22386 4 6 4.22386 6 4.5V5ZM5 13V11.5C5 10.6716 5.67157 10 6.5 10H13.5C14.3284 10 15 10.6716 15 11.5V13H16.5C16.7761 13 17 12.7761 17 12.5V7.5C17 6.67157 16.3284 6 15.5 6H4.5C3.67157 6 3 6.67157 3 7.5V12.5C3 12.7761 3.22386 13 3.5 13H5ZM6.5 11C6.22386 11 6 11.2239 6 11.5V15.5C6 15.7761 6.22386 16 6.5 16H13.5C13.7761 16 14 15.7761 14 15.5V11.5C14 11.2239 13.7761 11 13.5 11H6.5Z" fill="#424242"/></svg>`;const Z=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.sdkError=i(this,"sdkError");this.envelopeUpdated=i(this,"envelopeUpdated");this.another=i(this,"another");this.view=i(this,"view");this.next=i(this,"next");this.envelopeListenerId=null;this.endpoint=null;this.envelopeId="";this.headerTargetId=null;this.canceling=false;this.showCancelDone=false;this.showLoadError=false;this.loading=true;this.envelope=null;this.zoomLevel="normal";this.showDownloadDialog=false;this.polling=false;this.pollingInterval=null}async componentWillLoad(){var e,o,i;this.updateZoomFromWindow();window.addEventListener("resize",(()=>this.updateZoomFromWindow()));if(!this.endpoint){this.endpoint=r.getDefault();this.endpoint.loadSession()}if(!this.envelopeId){console.error(`[VIEW] Missing required envelopeId`);return}await this.listenToEnvelope();if(!this.envelope){try{console.log("[VIEW] Loading envelope...");this.envelope=await d(this.endpoint,this.envelopeId);console.log("[VIEW] Loaded envelope",this.envelope)}catch(t){this.showLoadError=true;(e=this.sdkError)===null||e===void 0?void 0:e.emit(new w(t.message,(o=t.response)===null||o===void 0?void 0:o.status,(i=t.response)===null||i===void 0?void 0:i.data))}}}componentDidRender(){const e=this.headerTargetId?document.getElementById(this.headerTargetId):null;const o=document.getElementById("verdocs-view-header");if(e&&o){console.log("[VIEW] Moving header");o.remove();e.append(o)}}disconnectedCallback(){this.stopPolling();this.unlistenToEnvelope();window.removeEventListener("resize",(()=>this.updateZoomFromWindow()))}updateZoomFromWindow(){const e=window.innerWidth;if(e<768){if(this.zoomLevel!=="zoom2")this.zoomLevel="zoom2"}else if(e<1024){if(this.zoomLevel!=="zoom1")this.zoomLevel="zoom1"}else{if(this.zoomLevel!=="normal")this.zoomLevel="normal"}}async listenToEnvelope(){console.log("[VIEW] Loading envelope",this.envelopeId);this.unlistenToEnvelope();g.subscribe("envelopes",this.envelopeId,(()=>d(this.endpoint,this.envelopeId)),true,(e=>{this.envelope=e;this.loading=false}))}unlistenToEnvelope(){if(this.envelopeListenerId){g.store.delListener(this.envelopeListenerId);this.envelopeListenerId=null}}handlePageRendered(e){}async handleOptionSelected(e){var o,i,t,s;switch(e.detail.id){case"cancel":if(confirm("Are you sure you wish to cancel this envelope? This action cannot be undone.")){this.canceling=true;h(this.endpoint,this.envelopeId).then((e=>{this.canceling=false;console.log("[VIEW] Envelope canceled",e);return d(this.endpoint,this.envelopeId)})).then((e=>{console.log("[VIEW] Loaded new envelope details",e);this.envelope=e})).catch((e=>{var o,i,t;this.canceling=false;console.log("[VIEW] Error canceling envelope",e);(o=this.sdkError)===null||o===void 0?void 0:o.emit(new w(e.message,(i=e.response)===null||i===void 0?void 0:i.status,(t=e.response)===null||t===void 0?void 0:t.data))}));this.showCancelDone=true;(o=this.envelopeUpdated)===null||o===void 0?void 0:o.emit({endpoint:this.endpoint,envelope:this.envelope,event:"canceled"})}break;case"print":window.print();(i=this.envelopeUpdated)===null||i===void 0?void 0:i.emit({endpoint:this.endpoint,envelope:this.envelope,event:"printed"});break;case"download":this.showDownloadDialog=true;this.startPolling();break;case"download-attachments":try{const e=this.envelope.documents.find((e=>e.type==="attachment"));if(e){const o=await c(this.endpoint,e.id);window.open(o,"_blank")}}catch(e){console.log("Unable to download document",e);u(((s=(t=e.response)===null||t===void 0?void 0:t.data)===null||s===void 0?void 0:s.error)||"Unable to download document. Please try again later.",{style:"error"})}break;case"download-certificate":{const e=this.envelope.documents.find((e=>e.type==="certificate"));if(e){const o=await c(this.endpoint,e.id);window.open(o,"_blank")}}break;case"download-all":a(this.endpoint,[this.envelope.id]).then((()=>{var e;(e=this.envelopeUpdated)===null||e===void 0?void 0:e.emit({endpoint:this.endpoint,envelope:this.envelope,event:"downloaded"})})).catch((e=>{console.log("Error downloading Zip",e)}));break}}startPolling(){this.stopPolling();const e=()=>{var e,o,i,t,s,n;const l=((e=this.envelope)===null||e===void 0?void 0:e.status)==="complete"||!!((o=this.envelope)===null||o===void 0?void 0:o.signed);const r=(t=(i=this.envelope)===null||i===void 0?void 0:i.documents)===null||t===void 0?void 0:t.some((e=>e.type==="certificate"));const d=(n=(s=this.envelope)===null||s===void 0?void 0:s.recipients)===null||n===void 0?void 0:n.every((e=>e.status==="submitted"));if(l&&r)return false;if(!d)return false;return true};if(!e()){return}this.polling=true;this.pollingInterval=setInterval((async()=>{try{const o=await d(this.endpoint,this.envelopeId);this.envelope=o;g.updateEnvelope(this.envelopeId,o);if(!e()){this.stopPolling()}}catch(e){console.error("[VIEW] Polling error",e);this.stopPolling()}}),5e3)}stopPolling(){if(this.pollingInterval){clearInterval(this.pollingInterval);this.pollingInterval=null}this.polling=false}handleZoomIn(){if(this.zoomLevel==="normal"){this.zoomLevel="zoom1"}else if(this.zoomLevel==="zoom1"){this.zoomLevel="zoom2"}}handleZoomOut(){if(this.zoomLevel==="zoom1"){this.zoomLevel="normal"}else if(this.zoomLevel==="zoom2"){this.zoomLevel="zoom1"}}async handleDownloadDocuments(e){var o,i;const{action:t,documentId:s}=e.detail;console.log("[VIEW] Download action selected:",t,s);try{switch(t){case f.certificate:const e=this.envelope.documents.find((e=>e.type==="certificate"));if(!e){u("Certificate not yet available.",{style:"info"});break}const t=await c(this.endpoint,e.id);window.open(t,"_blank");break;case f.combined:const n=s||((o=this.envelope.documents.find((e=>e.type==="certificate")))===null||o===void 0?void 0:o.id);const l=await v(this.endpoint,n);window.open(l,"_blank");break;case f.document:const r=s||((i=this.envelope.documents.find((e=>e.type==="attachment")))===null||i===void 0?void 0:i.id);if(!r)break;const d=await c(this.endpoint,r);window.open(d,"_blank");break;case f.zip:const h=await a(this.endpoint,[this.envelopeId]);const m=window.URL.createObjectURL(h.data);const p=document.createElement("a");p.href=m;p.download=`${this.envelope.name}.zip`;document.body.appendChild(p);p.click();p.remove();window.URL.revokeObjectURL(m);break}}catch(e){console.error("Download error",e);u("Unable to complete download request.",{style:"error"})}}render(){var e;if(this.loading){return t(s,null,t("verdocs-loader",null))}if(this.showLoadError){return t(s,null,t("verdocs-ok-dialog",{heading:"Unable to View Envelope",message:`Sorry, that envelope is not valid.`,buttonLabel:"OK",onNext:()=>{this.showLoadError=false}}))}if(!this.envelope){return t(s,null,t("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",style:{width:"612px",height:"792px",boxShadow:"0 0 10px 5px #0000000f",marginTop:"15px"},alt:"Placeholder page"}))}const o=m(this.endpoint.session,this.envelope);return t(s,null,t("div",{class:"controls-toolbar",id:"verdocs-view-header"},t("div",{class:"left-controls"},t("div",{class:"title"},this.envelope.name)),t("div",{class:"center-controls"}),t("div",{class:"right-controls"},t("div",{class:{"icon-button":true,minus:true,disabled:this.zoomLevel==="normal"},innerHTML:H,onClick:()=>this.handleZoomOut()}),t("div",{class:{"icon-button":true,plus:true,disabled:this.zoomLevel==="zoom2"},innerHTML:I,onClick:()=>this.handleZoomIn()}),t("div",{class:"icon-button download",innerHTML:M,onClick:()=>this.handleOptionSelected({detail:{id:"download"}})}),t("div",{class:"icon-button print",innerHTML:j,onClick:()=>this.handleOptionSelected({detail:{id:"print"}})}))),t("div",{class:`document signed-document-container zoom-${this.zoomLevel}`,style:{paddingTop:this.headerTargetId?"70px":"15px"}},(((e=this.envelope)===null||e===void 0?void 0:e.documents)||[]).filter((e=>e.type!=="certificate")).map((e=>{const o=p(1,e.pages);return t(n,null,o.map((o=>{var i;const s=((i=e.page_sizes)===null||i===void 0?void 0:i[o])||{width:612,height:792};return t("verdocs-envelope-document-page",{envelopeId:this.envelopeId,documentId:e.id,endpoint:this.endpoint,type:"filled",virtualWidth:s.width,virtualHeight:s.height,pageNumber:o,onPageRendered:e=>this.handlePageRendered(e),layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})})))}))),this.showCancelDone&&t("verdocs-ok-dialog",{heading:"Cancelled",message:`This envelope has been cancelled successfully.`,onNext:()=>{this.showCancelDone=false}}),this.canceling&&t("div",{class:"loading-indicator"},t("verdocs-loader",null)),this.showDownloadDialog&&t("verdocs-download-dialog",{signed:this.envelope.status==="complete"||this.envelope.signed,polling:this.polling,documents:this.envelope.documents,onExit:()=>{this.showDownloadDialog=false;this.stopPolling()},onDownload:e=>this.handleDownloadDocuments(e)}),!!o&&t("verdocs-sign-footer",{endpoint:this.endpoint,envelopeId:this.envelopeId,isDone:true,onAskQuestion:()=>{},onDecline:()=>{},onFinishLater:()=>{}}))}get component(){return this}static get style(){return E()}},[0,"verdocs-view",{endpoint:[16],envelopeId:[1,"envelope-id"],headerTargetId:[1,"header-target-id"],canceling:[32],showCancelDone:[32],showLoadError:[32],loading:[32],envelope:[32],zoomLevel:[32],showDownloadDialog:[32],polling:[32]}]);function D(){if(typeof customElements==="undefined"){return}const e=["verdocs-view","verdocs-dialog","verdocs-download-dialog","verdocs-envelope-document-page","verdocs-flag","verdocs-loader","verdocs-ok-dialog","verdocs-question-dialog","verdocs-sign-footer"];e.forEach((e=>{switch(e){case"verdocs-view":if(!customElements.get(l(e))){customElements.define(l(e),Z)}break;case"verdocs-dialog":if(!customElements.get(l(e))){x()}break;case"verdocs-download-dialog":if(!customElements.get(l(e))){b()}break;case"verdocs-envelope-document-page":if(!customElements.get(l(e))){C()}break;case"verdocs-flag":if(!customElements.get(l(e))){y()}break;case"verdocs-loader":if(!customElements.get(l(e))){k()}break;case"verdocs-ok-dialog":if(!customElements.get(l(e))){z()}break;case"verdocs-question-dialog":if(!customElements.get(l(e))){L()}break;case"verdocs-sign-footer":if(!customElements.get(l(e))){V()}break}}))}export{Z as V,D as d};
-//# sourceMappingURL=p-06em1_P-.js.map
+import{p as e,H as o,c as i,h as t,d as s,F as n,t as l}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as r,getEnvelope as d,getEnvelopesZip as a,getEnvelopeDocumentDownloadLink as c,cancelEnvelope as h,getCombinedEnvelopeDocumentDownloadLink as v,getMyRecipient as m,integerSequence as p}from"@verdocs/js-sdk";import{D as f}from"./p-17OorOnH.js";import{V as u}from"./p-D97GxsI-.js";import{S as w}from"./p-C1sRVZWv.js";import{S as g}from"./p-C7hFgM52.js";import{d as x}from"./p-C90lxyUX.js";import{d as b}from"./p-PVw56Shw.js";import{d as C}from"./p-D56nBgHQ.js";import{d as y}from"./p-C8yiLtCJ.js";import{d as k}from"./p-DqzFuSNN.js";import{d as z}from"./p-5FU3bYQ3.js";import{d as V}from"./p-8J_y0V9M.js";import{d as L}from"./p-D495hZfr.js";const E=()=>`verdocs-view{display:-ms-flexbox;display:flex;overflow:hidden;min-height:600px;position:relative;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);background-color:#f5f5f5}verdocs-view div,verdocs-view canvas{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-view .document{-ms-flex:1;flex:1;width:100%;height:100%;display:-ms-flexbox;display:flex;row-gap:15px;min-height:200px;max-width:1200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;padding-right:15px}verdocs-view .document .inner{width:100%;max-width:1028px}verdocs-view .signed-document-container{width:64%;margin:0 auto;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:15px}verdocs-view .signed-document-container.zoom-normal{width:64%}verdocs-view .signed-document-container.zoom-zoom1{width:80%}verdocs-view .signed-document-container.zoom-zoom2{width:100%}@media (max-width: 768px){verdocs-view .signed-document-container{width:100%}verdocs-view .signed-document-container.zoom-normal,verdocs-view .signed-document-container.zoom-zoom1,verdocs-view .signed-document-container.zoom-zoom2{width:100%}verdocs-view .controls-toolbar .center-controls{display:none}verdocs-view .controls-toolbar .right-controls .icon-button.minus,verdocs-view .controls-toolbar .right-controls .icon-button.plus{display:none}}verdocs-view .loading-indicator{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.7);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}verdocs-view verdocs-ok-dialog .background-overlay{-ms-flex-align:start;align-items:flex-start;padding-top:100px}#verdocs-view-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:54px;padding:0 12px 0 24px;background-color:#ffffff;border-bottom:1px solid #e0e0e0;-webkit-box-shadow:none;box-shadow:none;font-family:"Inter", sans-serif;color:#424242;z-index:1000;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}#verdocs-view-header .left-controls{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#verdocs-view-header .left-controls .title{font-weight:500;font-size:16px;color:#242424;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#verdocs-view-header .center-controls{-ms-flex:1;flex:1;display:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:10px;font-size:14px}#verdocs-view-header .right-controls{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}#verdocs-view-header .right-controls .icon-button{width:32px;height:32px;display:-ms-flexbox;display:flex;color:#424242;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color 0.2s;transition:background-color 0.2s}#verdocs-view-header .right-controls .icon-button:hover{background-color:#f5f5f5}#verdocs-view-header .right-controls .icon-button.disabled{opacity:0.3;pointer-events:none}#verdocs-view-header .right-controls .icon-button svg{display:block;width:20px;height:20px}@media print{#verdocs-view-header{display:none !important}verdocs-view{min-height:auto;background-color:white}verdocs-view .document{overflow:visible;height:auto;display:block;padding:0}verdocs-view .signed-document-container{width:100%;margin:0}}`;const H=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M11 8C11.2761 8 11.5 8.22386 11.5 8.5C11.5 8.77614 11.2761 9 11 9H6C5.72386 9 5.5 8.77614 5.5 8.5C5.5 8.22386 5.72386 8 6 8H11ZM14 8.5C14 5.46243 11.5376 3 8.5 3C5.46243 3 3 5.46243 3 8.5C3 11.5376 5.46243 14 8.5 14C9.83879 14 11.0659 13.5217 12.0196 12.7266L16.1464 16.8536L16.2157 16.9114C16.4106 17.0464 16.68 17.0271 16.8536 16.8536C17.0488 16.6583 17.0488 16.3417 16.8536 16.1464L12.7266 12.0196C13.5217 11.0659 14 9.83879 14 8.5ZM4 8.5C4 6.01472 6.01472 4 8.5 4C10.9853 4 13 6.01472 13 8.5C13 10.9853 10.9853 13 8.5 13C6.01472 13 4 10.9853 4 8.5Z" fill="#424242" /></svg>`;const I=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M11.5 8.5C11.5 8.22386 11.2761 8 11 8H9V6C9 5.72386 8.77614 5.5 8.5 5.5C8.22386 5.5 8 5.72386 8 6V8H6C5.72386 8 5.5 8.22386 5.5 8.5C5.5 8.77614 5.72386 9 6 9H8V11C8 11.2761 8.22386 11.5 8.5 11.5C8.77614 11.5 9 11.2761 9 11V9H11C11.2761 9 11.5 8.77614 11.5 8.5ZM8.5 3C11.5376 3 14 5.46243 14 8.5C14 9.83879 13.5217 11.0659 12.7266 12.0196L16.8536 16.1464C17.0488 16.3417 17.0488 16.6583 16.8536 16.8536C16.68 17.0271 16.4106 17.0464 16.2157 16.9114L16.1464 16.8536L12.0196 12.7266C11.0659 13.5217 9.83879 14 8.5 14C5.46243 14 3 11.5376 3 8.5C3 5.46243 5.46243 3 8.5 3ZM8.5 4C6.01472 4 4 6.01472 4 8.5C4 10.9853 6.01472 13 8.5 13C10.9853 13 13 10.9853 13 8.5C13 6.01472 10.9853 4 8.5 4Z" fill="#424242" /></svg>`;const j=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 16.9988C15.7761 16.9988 16 17.2226 16 17.4988C16 17.7442 15.8231 17.9484 15.5899 17.9907L15.5 17.9988H4.5C4.22386 17.9988 4 17.7749 4 17.4988C4 17.2533 4.17688 17.0492 4.41012 17.0068L4.5 16.9988H15.5ZM10.0001 2.00098C10.2456 2.00098 10.4497 2.17798 10.492 2.41124L10.5 2.50112L10.496 14.295L14.1414 10.6466C14.3148 10.4729 14.5842 10.4534 14.7792 10.5882L14.8485 10.646C15.0222 10.8194 15.0418 11.0888 14.907 11.2838L14.8492 11.3531L10.3574 15.8531C10.285 15.9257 10.1957 15.9714 10.1021 15.9901L9.99608 15.9999C9.83511 15.9999 9.69192 15.9237 9.60051 15.8056L5.14386 11.3537C4.94846 11.1586 4.94823 10.842 5.14336 10.6466C5.3168 10.4729 5.58621 10.4534 5.78117 10.5883L5.85046 10.6461L9.496 14.287L9.5 2.50083C9.50008 2.22469 9.724 2.00098 10.0001 2.00098Z" fill="#424242"/></svg>`;const M=`<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5 4.5C5 3.67157 5.67157 3 6.5 3H13.5C14.3284 3 15 3.67157 15 4.5V5H15.5C16.8807 5 18 6.11929 18 7.5V12.5C18 13.3284 17.3284 14 16.5 14H15V15.5C15 16.3284 14.3284 17 13.5 17H6.5C5.67157 17 5 16.3284 5 15.5V14H3.5C2.67157 14 2 13.3284 2 12.5V7.5C2 6.11929 3.11929 5 4.5 5H5V4.5ZM6 5H14V4.5C14 4.22386 13.7761 4 13.5 4H6.5C6.22386 4 6 4.22386 6 4.5V5ZM5 13V11.5C5 10.6716 5.67157 10 6.5 10H13.5C14.3284 10 15 10.6716 15 11.5V13H16.5C16.7761 13 17 12.7761 17 12.5V7.5C17 6.67157 16.3284 6 15.5 6H4.5C3.67157 6 3 6.67157 3 7.5V12.5C3 12.7761 3.22386 13 3.5 13H5ZM6.5 11C6.22386 11 6 11.2239 6 11.5V15.5C6 15.7761 6.22386 16 6.5 16H13.5C13.7761 16 14 15.7761 14 15.5V11.5C14 11.2239 13.7761 11 13.5 11H6.5Z" fill="#424242"/></svg>`;const Z=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.sdkError=i(this,"sdkError");this.envelopeUpdated=i(this,"envelopeUpdated");this.another=i(this,"another");this.view=i(this,"view");this.next=i(this,"next");this.envelopeListenerId=null;this.endpoint=null;this.envelopeId="";this.headerTargetId=null;this.canceling=false;this.showCancelDone=false;this.showLoadError=false;this.loading=true;this.envelope=null;this.zoomLevel="normal";this.showDownloadDialog=false;this.polling=false;this.pollingInterval=null}async componentWillLoad(){var e,o,i;this.updateZoomFromWindow();window.addEventListener("resize",(()=>this.updateZoomFromWindow()));if(!this.endpoint){this.endpoint=r.getDefault();this.endpoint.loadSession()}if(!this.envelopeId){console.error(`[VIEW] Missing required envelopeId`);return}await this.listenToEnvelope();if(!this.envelope){try{console.log("[VIEW] Loading envelope...");this.envelope=await d(this.endpoint,this.envelopeId);console.log("[VIEW] Loaded envelope",this.envelope)}catch(t){this.showLoadError=true;(e=this.sdkError)===null||e===void 0?void 0:e.emit(new w(t.message,(o=t.response)===null||o===void 0?void 0:o.status,(i=t.response)===null||i===void 0?void 0:i.data))}}}componentDidRender(){const e=this.headerTargetId?document.getElementById(this.headerTargetId):null;const o=document.getElementById("verdocs-view-header");if(e&&o){console.log("[VIEW] Moving header");o.remove();e.append(o)}}disconnectedCallback(){this.stopPolling();this.unlistenToEnvelope();window.removeEventListener("resize",(()=>this.updateZoomFromWindow()))}updateZoomFromWindow(){const e=window.innerWidth;if(e<768){if(this.zoomLevel!=="zoom2")this.zoomLevel="zoom2"}else if(e<1024){if(this.zoomLevel!=="zoom1")this.zoomLevel="zoom1"}else{if(this.zoomLevel!=="normal")this.zoomLevel="normal"}}async listenToEnvelope(){console.log("[VIEW] Loading envelope",this.envelopeId);this.unlistenToEnvelope();g.subscribe("envelopes",this.envelopeId,(()=>d(this.endpoint,this.envelopeId)),true,(e=>{this.envelope=e;this.loading=false}))}unlistenToEnvelope(){if(this.envelopeListenerId){g.store.delListener(this.envelopeListenerId);this.envelopeListenerId=null}}handlePageRendered(e){}async handleOptionSelected(e){var o,i,t,s;switch(e.detail.id){case"cancel":if(confirm("Are you sure you wish to cancel this envelope? This action cannot be undone.")){this.canceling=true;h(this.endpoint,this.envelopeId).then((e=>{this.canceling=false;console.log("[VIEW] Envelope canceled",e);return d(this.endpoint,this.envelopeId)})).then((e=>{console.log("[VIEW] Loaded new envelope details",e);this.envelope=e})).catch((e=>{var o,i,t;this.canceling=false;console.log("[VIEW] Error canceling envelope",e);(o=this.sdkError)===null||o===void 0?void 0:o.emit(new w(e.message,(i=e.response)===null||i===void 0?void 0:i.status,(t=e.response)===null||t===void 0?void 0:t.data))}));this.showCancelDone=true;(o=this.envelopeUpdated)===null||o===void 0?void 0:o.emit({endpoint:this.endpoint,envelope:this.envelope,event:"canceled"})}break;case"print":window.print();(i=this.envelopeUpdated)===null||i===void 0?void 0:i.emit({endpoint:this.endpoint,envelope:this.envelope,event:"printed"});break;case"download":this.showDownloadDialog=true;this.startPolling();break;case"download-attachments":try{const e=this.envelope.documents.find((e=>e.type==="attachment"));if(e){const o=await c(this.endpoint,e.id);window.open(o,"_blank")}}catch(e){console.log("Unable to download document",e);u(((s=(t=e.response)===null||t===void 0?void 0:t.data)===null||s===void 0?void 0:s.error)||"Unable to download document. Please try again later.",{style:"error"})}break;case"download-certificate":{const e=this.envelope.documents.find((e=>e.type==="certificate"));if(e){const o=await c(this.endpoint,e.id);window.open(o,"_blank")}}break;case"download-all":a(this.endpoint,[this.envelope.id]).then((()=>{var e;(e=this.envelopeUpdated)===null||e===void 0?void 0:e.emit({endpoint:this.endpoint,envelope:this.envelope,event:"downloaded"})})).catch((e=>{console.log("Error downloading Zip",e)}));break}}startPolling(){this.stopPolling();const e=()=>{var e,o,i,t,s,n;const l=((e=this.envelope)===null||e===void 0?void 0:e.status)==="complete"||!!((o=this.envelope)===null||o===void 0?void 0:o.signed);const r=(t=(i=this.envelope)===null||i===void 0?void 0:i.documents)===null||t===void 0?void 0:t.some((e=>e.type==="certificate"));const d=(n=(s=this.envelope)===null||s===void 0?void 0:s.recipients)===null||n===void 0?void 0:n.every((e=>e.status==="submitted"));if(l&&r)return false;if(!d)return false;return true};if(!e()){return}this.polling=true;this.pollingInterval=setInterval((async()=>{try{const o=await d(this.endpoint,this.envelopeId);this.envelope=o;g.updateEnvelope(this.envelopeId,o);if(!e()){this.stopPolling()}}catch(e){console.error("[VIEW] Polling error",e);this.stopPolling()}}),5e3)}stopPolling(){if(this.pollingInterval){clearInterval(this.pollingInterval);this.pollingInterval=null}this.polling=false}handleZoomIn(){if(this.zoomLevel==="normal"){this.zoomLevel="zoom1"}else if(this.zoomLevel==="zoom1"){this.zoomLevel="zoom2"}}handleZoomOut(){if(this.zoomLevel==="zoom1"){this.zoomLevel="normal"}else if(this.zoomLevel==="zoom2"){this.zoomLevel="zoom1"}}async handleDownloadDocuments(e){var o,i;const{action:t,documentId:s}=e.detail;console.log("[VIEW] Download action selected:",t,s);try{switch(t){case f.certificate:const e=this.envelope.documents.find((e=>e.type==="certificate"));if(!e){u("Certificate not yet available.",{style:"info"});break}const t=await c(this.endpoint,e.id);window.open(t,"_blank");break;case f.combined:const n=s||((o=this.envelope.documents.find((e=>e.type==="certificate")))===null||o===void 0?void 0:o.id);const l=await v(this.endpoint,n);window.open(l,"_blank");break;case f.document:const r=s||((i=this.envelope.documents.find((e=>e.type==="attachment")))===null||i===void 0?void 0:i.id);if(!r)break;const d=await c(this.endpoint,r);window.open(d,"_blank");break;case f.zip:const h=await a(this.endpoint,[this.envelopeId]);const m=window.URL.createObjectURL(h.data);const p=document.createElement("a");p.href=m;p.download=`${this.envelope.name}.zip`;document.body.appendChild(p);p.click();p.remove();window.URL.revokeObjectURL(m);break}}catch(e){console.error("Download error",e);u("Unable to complete download request.",{style:"error"})}}render(){var e;if(this.loading){return t(s,null,t("verdocs-loader",null))}if(this.showLoadError){return t(s,null,t("verdocs-ok-dialog",{heading:"Unable to View Envelope",message:`Sorry, that envelope is not valid.`,buttonLabel:"OK",onNext:()=>{this.showLoadError=false}}))}if(!this.envelope){return t(s,null,t("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",style:{width:"612px",height:"792px",boxShadow:"0 0 10px 5px #0000000f",marginTop:"15px"},alt:"Placeholder page"}))}const o=m(this.endpoint.session,this.envelope);return t(s,null,t("div",{class:"controls-toolbar",id:"verdocs-view-header"},t("div",{class:"left-controls"},t("div",{class:"title"},this.envelope.name)),t("div",{class:"center-controls"}),t("div",{class:"right-controls"},t("div",{class:{"icon-button":true,minus:true,disabled:this.zoomLevel==="normal"},innerHTML:H,onClick:()=>this.handleZoomOut()}),t("div",{class:{"icon-button":true,plus:true,disabled:this.zoomLevel==="zoom2"},innerHTML:I,onClick:()=>this.handleZoomIn()}),t("div",{class:"icon-button download",innerHTML:j,onClick:()=>this.handleOptionSelected({detail:{id:"download"}})}),t("div",{class:"icon-button print",innerHTML:M,onClick:()=>this.handleOptionSelected({detail:{id:"print"}})}))),t("div",{class:`document signed-document-container zoom-${this.zoomLevel}`,style:{paddingTop:this.headerTargetId?"70px":"15px"}},(((e=this.envelope)===null||e===void 0?void 0:e.documents)||[]).filter((e=>e.type!=="certificate")).map((e=>{const o=p(1,e.pages);return t(n,null,o.map((o=>{var i;const s=((i=e.page_sizes)===null||i===void 0?void 0:i[o])||{width:612,height:792};return t("verdocs-envelope-document-page",{envelopeId:this.envelopeId,documentId:e.id,endpoint:this.endpoint,type:"filled",virtualWidth:s.width,virtualHeight:s.height,pageNumber:o,onPageRendered:e=>this.handlePageRendered(e),layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})})))}))),this.showCancelDone&&t("verdocs-ok-dialog",{heading:"Cancelled",message:`This envelope has been cancelled successfully.`,onNext:()=>{this.showCancelDone=false}}),this.canceling&&t("div",{class:"loading-indicator"},t("verdocs-loader",null)),this.showDownloadDialog&&t("verdocs-download-dialog",{signed:this.envelope.status==="complete"||this.envelope.signed,polling:this.polling,documents:this.envelope.documents,onExit:()=>{this.showDownloadDialog=false;this.stopPolling()},onDownload:e=>this.handleDownloadDocuments(e)}),!!o&&t("verdocs-sign-footer",{endpoint:this.endpoint,envelopeId:this.envelopeId,isDone:true,onAskQuestion:()=>{},onDecline:()=>{},onFinishLater:()=>{}}))}get component(){return this}static get style(){return E()}},[0,"verdocs-view",{endpoint:[16],envelopeId:[1,"envelope-id"],headerTargetId:[1,"header-target-id"],canceling:[32],showCancelDone:[32],showLoadError:[32],loading:[32],envelope:[32],zoomLevel:[32],showDownloadDialog:[32],polling:[32]}]);function D(){if(typeof customElements==="undefined"){return}const e=["verdocs-view","verdocs-dialog","verdocs-download-dialog","verdocs-envelope-document-page","verdocs-flag","verdocs-loader","verdocs-ok-dialog","verdocs-question-dialog","verdocs-sign-footer"];e.forEach((e=>{switch(e){case"verdocs-view":if(!customElements.get(l(e))){customElements.define(l(e),Z)}break;case"verdocs-dialog":if(!customElements.get(l(e))){x()}break;case"verdocs-download-dialog":if(!customElements.get(l(e))){b()}break;case"verdocs-envelope-document-page":if(!customElements.get(l(e))){C()}break;case"verdocs-flag":if(!customElements.get(l(e))){y()}break;case"verdocs-loader":if(!customElements.get(l(e))){k()}break;case"verdocs-ok-dialog":if(!customElements.get(l(e))){z()}break;case"verdocs-question-dialog":if(!customElements.get(l(e))){V()}break;case"verdocs-sign-footer":if(!customElements.get(l(e))){L()}break}}))}export{Z as V,D as d};
+//# sourceMappingURL=p-vuCjHk-M.js.map

package/dist/components/p-zYtapVJ0.js

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

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

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

package/dist/components/verdocs-adopt-signature-dialog.js

@@ -1,2 +1,2 @@
-import{V as o,d as s}from"./p-Cij_2Ym2.js";const t=o;const m=s;export{t as VerdocsAdoptSignatureDialog,m as defineCustomElement};
+import{V as s,d as o}from"./p-Vs72fn43.js";const t=s;const n=o;export{t as VerdocsAdoptSignatureDialog,n as defineCustomElement};
 //# sourceMappingURL=verdocs-adopt-signature-dialog.js.map

package/dist/components/verdocs-build.js

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as t,h as o,d as r,t as i}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as d,getTemplate as a}from"@verdocs/js-sdk";import{S as l}from"./p-C1sRVZWv.js";import{S as c}from"./p-C7hFgM52.js";import{d as n}from"./p-Bb5V9TQx.js";import{d as m}from"./p-DGNIsXfr.js";import{d as p}from"./p-C-v22G3g.js";import{d as f}from"./p-lCn8WPSe.js";import{d as v}from"./p-C90lxyUX.js";import{d as h}from"./p-BKLlc2r0.js";import{d as u}from"./p-1FjgijEi.js";import{d as b}from"./p-D0MFs2Dv.js";import{d as x}from"./p-9kEZy9MP.js";import{d as k}from"./p-B1AE2j97.js";import{d as w}from"./p-ek0LNMtb.js";import{d as E}from"./p-CQzPkAVQ.js";import{d as g}from"./p-B4tpmyon.js";import{d as j}from"./p-CFacV7mg.js";import{d as y}from"./p-CEcG_ay-.js";import{d as C}from"./p-BSX4GfGg.js";import{d as I}from"./p-C8yiLtCJ.js";import{d as D}from"./p-DHzSlpJw.js";import{d as B}from"./p-DqzFuSNN.js";import{d as U}from"./p-DsSqGIBJ.js";import{d as S}from"./p-5FU3bYQ3.js";import{d as L}from"./p-DhOuB4nS.js";import{d as T}from"./p-D-X-Zcsr.js";import{d as N}from"./p-CdnjpaJt.js";import{d as G}from"./p-Bodw4NVB.js";import{d as F}from"./p-K-sDaUxS.js";import{d as P}from"./p-DreV6Npp.js";import{d as R}from"./p-Lo1dCgyv.js";import{d as V}from"./p-DFbeKrpm.js";import{d as z}from"./p-BhG0HGg6.js";import{d as M}from"./p-Bxvw_LqR.js";import{d as J}from"./p-DRP4Xxiu.js";import{d as Q}from"./p-DeAwyTxI.js";import{d as X}from"./p-CnD-TaPJ.js";import{d as A}from"./p-PfdIkMoz.js";import{d as W}from"./p-B-ul_Soj.js";import{d as Z}from"./p-DM3wePVp.js";const q=()=>`verdocs-build{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-build .content{-ms-flex:1;flex:1;gap:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}verdocs-build verdocs-template-attachments,verdocs-build verdocs-template-roles{display:block;width:500px;max-width:95%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:20px}verdocs-build verdocs-template-fields{border-top:1px solid #777777}verdocs-build verdocs-template-attachments{padding:20px;background:#ffffff}verdocs-build verdocs-template-fields{width:100%}verdocs-build verdocs-preview{-ms-flex:1;flex:1}verdocs-build .preview-container{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;width:100%;background-color:#eeeeee;max-height:100%}@media all and (max-width: 450px){verdocs-build .preview-container{-ms-flex-direction:column;flex-direction:column}}verdocs-build .preview-send-wrapper{display:-ms-flexbox;display:flex;-ms-flex:0 0 300px;flex:0 0 300px;background-color:#ffffff;-webkit-box-shadow:1px 1px 6px -2px rgba(0, 0, 0, 0.4980392157);box-shadow:1px 1px 6px -2px rgba(0, 0, 0, 0.4980392157)}@media all and (max-width: 450px){verdocs-build .preview-send-wrapper{-ms-flex:0;flex:0}}verdocs-build .preview-preview-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;overflow-y:scroll}`;const K=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.cancel=t(this,"cancel");this.sdkError=t(this,"sdkError");this.stepChanged=t(this,"stepChanged");this.send=t(this,"send");this.templateUpdated=t(this,"templateUpdated");this.templateCreated=t(this,"templateCreated");this.rolesUpdated=t(this,"rolesUpdated");this.templateListenerId=null;this.endpoint=d.getDefault();this.templateId=null;this.step="preview";this.loading=true;this.template=null}onTemplateIdChanged(e,s){if(!s&&e&&this.step==="attachments"){this.step="preview"}this.loadTemplate(e).catch((e=>console.log("Unknown Error",e)))}onStepChanged(){this.loadTemplate(this.templateId).catch((e=>console.log("Unknown Error",e)))}async componentWillLoad(){var e,s,t,o,r,i;try{this.endpoint.loadSession();if(!this.endpoint.session){console.log("[BUILD] Unable to start builder session, must be authenticated");return}if(!this.templateId){console.log(`[BUILD] No template ID, activating upload mode`);this.step="attachments";this.loading=false;return}try{this.loadTemplate(this.templateId).catch((e=>console.log("[BUILD] Unable to load template",e)))}catch(o){console.log("[BUILD] Error loading template",o);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new l(o.message,(s=o.response)===null||s===void 0?void 0:s.status,(t=o.response)===null||t===void 0?void 0:t.data))}}catch(e){console.log("[BUILD] Error with builder session",e);(o=this.sdkError)===null||o===void 0?void 0:o.emit(new l(e.message,(r=e.response)===null||r===void 0?void 0:r.status,(i=e.response)===null||i===void 0?void 0:i.data))}}async loadTemplate(e){if(e){c.subscribe("templates",this.templateId,(()=>a(this.endpoint,this.templateId)),false,(e=>{this.template=e;this.loading=false}))}}disconnectedCallback(){console.log("[BUILD] Disconnected");this.unlistenToTemplate()}unlistenToTemplate(){if(this.templateListenerId){c.store.delListener(this.templateListenerId);this.templateListenerId=null}}handleCancel(){var e;this.step="preview";(e=this.cancel)===null||e===void 0?void 0:e.emit()}async handleTemplateCreated(e){var s;await this.loadTemplate(e);this.templateId=e;this.step="roles";(s=this.stepChanged)===null||s===void 0?void 0:s.emit("roles")}async handleRolesUpdated(e){var s;console.log("[BUILD] Roloes updated",e);(s=this.templateUpdated)===null||s===void 0?void 0:s.emit(e.detail)}async handleTemplateUpdated(e){var s;console.log("[BUILD] Template updated",e);(s=this.templateUpdated)===null||s===void 0?void 0:s.emit(e.detail)}handleAttachmentsNext(){var e;this.step="roles";(e=this.stepChanged)===null||e===void 0?void 0:e.emit("roles")}handleRolesNext(){var e;this.step="fields";(e=this.stepChanged)===null||e===void 0?void 0:e.emit("fields")}handleStepChanged(e){var s;this.step=e;(s=this.stepChanged)===null||s===void 0?void 0:s.emit(e)}render(){if(this.loading){return o(r,{class:"loading"},o("verdocs-loader",null))}if(!this.endpoint.session){return o(r,null,o("verdocs-component-error",{message:"You must be authenticated to use this module."}))}return o(r,null,o("div",{class:"content"},o("verdocs-template-build-tabs",{endpoint:this.endpoint,templateId:this.templateId,step:this.step,onSdkError:e=>{var s;return(s=this.sdkError)===null||s===void 0?void 0:s.emit(e.detail)},onStepChanged:e=>this.handleStepChanged(e.detail)}),this.step==="attachments"&&o("verdocs-template-attachments",{templateId:this.templateId,endpoint:this.endpoint,onExit:()=>this.handleCancel(),onNext:()=>this.handleAttachmentsNext(),onTemplateUpdated:e=>this.handleTemplateUpdated(e)}),this.step==="roles"&&o("verdocs-template-roles",{templateId:this.templateId,endpoint:this.endpoint,onExit:()=>this.handleCancel(),onNext:()=>this.handleRolesNext(),onRolesUpdated:e=>this.handleRolesUpdated(e)}),this.step==="fields"&&o("verdocs-template-fields",{templateId:this.templateId,endpoint:this.endpoint,onTemplateUpdated:e=>this.handleTemplateUpdated(e)}),this.step==="preview"&&o("div",{class:"preview-container"},o("div",{class:"preview-send-wrapper"},o("verdocs-send",{templateId:this.templateId,endpoint:this.endpoint,onSend:e=>{var s;return(s=this.send)===null||s===void 0?void 0:s.emit(e.detail)},style:{width:"100%"}})),o("div",{class:"preview-preview-wrapper"},o("verdocs-preview",{templateId:this.templateId,endpoint:this.endpoint,style:{display:"flex",flex:"1",maxWidth:"1000px"}})))))}get el(){return this}static get watchers(){return{templateId:[{onTemplateIdChanged:0}],step:[{onStepChanged:0}]}}static get style(){return q()}},[0,"verdocs-build",{endpoint:[16],templateId:[1537,"template-id"],step:[1537],loading:[32],template:[32]},undefined,{templateId:[{onTemplateIdChanged:0}],step:[{onStepChanged:0}]}]);function Y(){if(typeof customElements==="undefined"){return}const e=["verdocs-build","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-contact-picker","verdocs-dialog","verdocs-field-attachment","verdocs-field-checkbox","verdocs-field-date","verdocs-field-dropdown","verdocs-field-initial","verdocs-field-radio","verdocs-field-signature","verdocs-field-textarea","verdocs-field-textbox","verdocs-field-timestamp","verdocs-file-chooser","verdocs-flag","verdocs-help-icon","verdocs-loader","verdocs-menu-panel","verdocs-ok-dialog","verdocs-portal","verdocs-preview","verdocs-progress-bar","verdocs-select-input","verdocs-send","verdocs-spinner","verdocs-template-attachments","verdocs-template-build-tabs","verdocs-template-document-page","verdocs-template-field-properties","verdocs-template-fields","verdocs-template-role-properties","verdocs-template-roles","verdocs-text-input","verdocs-toolbar-icon","verdocs-upload-dialog"];e.forEach((e=>{switch(e){case"verdocs-build":if(!customElements.get(i(e))){customElements.define(i(e),K)}break;case"verdocs-button":if(!customElements.get(i(e))){n()}break;case"verdocs-checkbox":if(!customElements.get(i(e))){m()}break;case"verdocs-component-error":if(!customElements.get(i(e))){p()}break;case"verdocs-contact-picker":if(!customElements.get(i(e))){f()}break;case"verdocs-dialog":if(!customElements.get(i(e))){v()}break;case"verdocs-field-attachment":if(!customElements.get(i(e))){h()}break;case"verdocs-field-checkbox":if(!customElements.get(i(e))){u()}break;case"verdocs-field-date":if(!customElements.get(i(e))){b()}break;case"verdocs-field-dropdown":if(!customElements.get(i(e))){x()}break;case"verdocs-field-initial":if(!customElements.get(i(e))){k()}break;case"verdocs-field-radio":if(!customElements.get(i(e))){w()}break;case"verdocs-field-signature":if(!customElements.get(i(e))){E()}break;case"verdocs-field-textarea":if(!customElements.get(i(e))){g()}break;case"verdocs-field-textbox":if(!customElements.get(i(e))){j()}break;case"verdocs-field-timestamp":if(!customElements.get(i(e))){y()}break;case"verdocs-file-chooser":if(!customElements.get(i(e))){C()}break;case"verdocs-flag":if(!customElements.get(i(e))){I()}break;case"verdocs-help-icon":if(!customElements.get(i(e))){D()}break;case"verdocs-loader":if(!customElements.get(i(e))){B()}break;case"verdocs-menu-panel":if(!customElements.get(i(e))){U()}break;case"verdocs-ok-dialog":if(!customElements.get(i(e))){S()}break;case"verdocs-portal":if(!customElements.get(i(e))){L()}break;case"verdocs-preview":if(!customElements.get(i(e))){T()}break;case"verdocs-progress-bar":if(!customElements.get(i(e))){N()}break;case"verdocs-select-input":if(!customElements.get(i(e))){G()}break;case"verdocs-send":if(!customElements.get(i(e))){F()}break;case"verdocs-spinner":if(!customElements.get(i(e))){P()}break;case"verdocs-template-attachments":if(!customElements.get(i(e))){R()}break;case"verdocs-template-build-tabs":if(!customElements.get(i(e))){V()}break;case"verdocs-template-document-page":if(!customElements.get(i(e))){z()}break;case"verdocs-template-field-properties":if(!customElements.get(i(e))){M()}break;case"verdocs-template-fields":if(!customElements.get(i(e))){J()}break;case"verdocs-template-role-properties":if(!customElements.get(i(e))){Q()}break;case"verdocs-template-roles":if(!customElements.get(i(e))){X()}break;case"verdocs-text-input":if(!customElements.get(i(e))){A()}break;case"verdocs-toolbar-icon":if(!customElements.get(i(e))){W()}break;case"verdocs-upload-dialog":if(!customElements.get(i(e))){Z()}break}}))}const _=K;const H=Y;export{_ as VerdocsBuild,H as defineCustomElement};
+import{p as e,H as s,c as t,h as o,d as r,t as i}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as d,getTemplate as a}from"@verdocs/js-sdk";import{S as l}from"./p-C1sRVZWv.js";import{S as c}from"./p-C7hFgM52.js";import{d as n}from"./p-Bb5V9TQx.js";import{d as m}from"./p-NtvxlYzY.js";import{d as p}from"./p-C-v22G3g.js";import{d as f}from"./p-CaFhF-9s.js";import{d as v}from"./p-C90lxyUX.js";import{d as h}from"./p-5M_R8La0.js";import{d as u}from"./p-BLsFdjFq.js";import{d as b}from"./p-C8ZliaLz.js";import{d as x}from"./p-YCI5JKXK.js";import{d as k}from"./p-h3swu3rA.js";import{d as w}from"./p-DbWcp3S8.js";import{d as E}from"./p-BPcxbmXF.js";import{d as g}from"./p-CAJJndLX.js";import{d as j}from"./p-DMaRtkQF.js";import{d as y}from"./p-DReW8CSB.js";import{d as C}from"./p-BSX4GfGg.js";import{d as I}from"./p-C8yiLtCJ.js";import{d as D}from"./p-DHzSlpJw.js";import{d as B}from"./p-DqzFuSNN.js";import{d as U}from"./p-DsSqGIBJ.js";import{d as L}from"./p-5FU3bYQ3.js";import{d as S}from"./p-DhOuB4nS.js";import{d as T}from"./p-BIi4c9Gz.js";import{d as N}from"./p-CdnjpaJt.js";import{d as F}from"./p-Bodw4NVB.js";import{d as z}from"./p-Cisooi3V.js";import{d as J}from"./p-DreV6Npp.js";import{d as R}from"./p-Lo1dCgyv.js";import{d as V}from"./p-DFbeKrpm.js";import{d as G}from"./p-DX713VO2.js";import{d as M}from"./p-qLNetL5t.js";import{d as X}from"./p-ByEpps_M.js";import{d as Y}from"./p-DeAwyTxI.js";import{d as W}from"./p-CnD-TaPJ.js";import{d as q}from"./p-PfdIkMoz.js";import{d as A}from"./p-B-ul_Soj.js";import{d as P}from"./p-DM3wePVp.js";const Q=()=>`verdocs-build{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-build .content{-ms-flex:1;flex:1;gap:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}verdocs-build verdocs-template-attachments,verdocs-build verdocs-template-roles{display:block;width:500px;max-width:95%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:20px}verdocs-build verdocs-template-fields{border-top:1px solid #777777}verdocs-build verdocs-template-attachments{padding:20px;background:#ffffff}verdocs-build verdocs-template-fields{width:100%}verdocs-build verdocs-preview{-ms-flex:1;flex:1}verdocs-build .preview-container{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;width:100%;background-color:#eeeeee;max-height:100%}@media all and (max-width: 450px){verdocs-build .preview-container{-ms-flex-direction:column;flex-direction:column}}verdocs-build .preview-send-wrapper{display:-ms-flexbox;display:flex;-ms-flex:0 0 300px;flex:0 0 300px;background-color:#ffffff;-webkit-box-shadow:1px 1px 6px -2px rgba(0, 0, 0, 0.4980392157);box-shadow:1px 1px 6px -2px rgba(0, 0, 0, 0.4980392157)}@media all and (max-width: 450px){verdocs-build .preview-send-wrapper{-ms-flex:0;flex:0}}verdocs-build .preview-preview-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;overflow-y:scroll}`;const K=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.cancel=t(this,"cancel");this.sdkError=t(this,"sdkError");this.stepChanged=t(this,"stepChanged");this.send=t(this,"send");this.templateUpdated=t(this,"templateUpdated");this.templateCreated=t(this,"templateCreated");this.rolesUpdated=t(this,"rolesUpdated");this.templateListenerId=null;this.endpoint=d.getDefault();this.templateId=null;this.step="preview";this.loading=true;this.template=null}onTemplateIdChanged(e,s){if(!s&&e&&this.step==="attachments"){this.step="preview"}this.loadTemplate(e).catch((e=>console.log("Unknown Error",e)))}onStepChanged(){this.loadTemplate(this.templateId).catch((e=>console.log("Unknown Error",e)))}async componentWillLoad(){var e,s,t,o,r,i;try{this.endpoint.loadSession();if(!this.endpoint.session){console.log("[BUILD] Unable to start builder session, must be authenticated");return}if(!this.templateId){console.log(`[BUILD] No template ID, activating upload mode`);this.step="attachments";this.loading=false;return}try{this.loadTemplate(this.templateId).catch((e=>console.log("[BUILD] Unable to load template",e)))}catch(o){console.log("[BUILD] Error loading template",o);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new l(o.message,(s=o.response)===null||s===void 0?void 0:s.status,(t=o.response)===null||t===void 0?void 0:t.data))}}catch(e){console.log("[BUILD] Error with builder session",e);(o=this.sdkError)===null||o===void 0?void 0:o.emit(new l(e.message,(r=e.response)===null||r===void 0?void 0:r.status,(i=e.response)===null||i===void 0?void 0:i.data))}}async loadTemplate(e){if(e){c.subscribe("templates",this.templateId,(()=>a(this.endpoint,this.templateId)),false,(e=>{this.template=e;this.loading=false}))}}disconnectedCallback(){console.log("[BUILD] Disconnected");this.unlistenToTemplate()}unlistenToTemplate(){if(this.templateListenerId){c.store.delListener(this.templateListenerId);this.templateListenerId=null}}handleCancel(){var e;this.step="preview";(e=this.cancel)===null||e===void 0?void 0:e.emit()}async handleTemplateCreated(e){var s;await this.loadTemplate(e);this.templateId=e;this.step="roles";(s=this.stepChanged)===null||s===void 0?void 0:s.emit("roles")}async handleRolesUpdated(e){var s;console.log("[BUILD] Roloes updated",e);(s=this.templateUpdated)===null||s===void 0?void 0:s.emit(e.detail)}async handleTemplateUpdated(e){var s;console.log("[BUILD] Template updated",e);(s=this.templateUpdated)===null||s===void 0?void 0:s.emit(e.detail)}handleAttachmentsNext(){var e;this.step="roles";(e=this.stepChanged)===null||e===void 0?void 0:e.emit("roles")}handleRolesNext(){var e;this.step="fields";(e=this.stepChanged)===null||e===void 0?void 0:e.emit("fields")}handleStepChanged(e){var s;this.step=e;(s=this.stepChanged)===null||s===void 0?void 0:s.emit(e)}render(){if(this.loading){return o(r,{class:"loading"},o("verdocs-loader",null))}if(!this.endpoint.session){return o(r,null,o("verdocs-component-error",{message:"You must be authenticated to use this module."}))}return o(r,null,o("div",{class:"content"},o("verdocs-template-build-tabs",{endpoint:this.endpoint,templateId:this.templateId,step:this.step,onSdkError:e=>{var s;return(s=this.sdkError)===null||s===void 0?void 0:s.emit(e.detail)},onStepChanged:e=>this.handleStepChanged(e.detail)}),this.step==="attachments"&&o("verdocs-template-attachments",{templateId:this.templateId,endpoint:this.endpoint,onExit:()=>this.handleCancel(),onNext:()=>this.handleAttachmentsNext(),onTemplateUpdated:e=>this.handleTemplateUpdated(e)}),this.step==="roles"&&o("verdocs-template-roles",{templateId:this.templateId,endpoint:this.endpoint,onExit:()=>this.handleCancel(),onNext:()=>this.handleRolesNext(),onRolesUpdated:e=>this.handleRolesUpdated(e)}),this.step==="fields"&&o("verdocs-template-fields",{templateId:this.templateId,endpoint:this.endpoint,onTemplateUpdated:e=>this.handleTemplateUpdated(e)}),this.step==="preview"&&o("div",{class:"preview-container"},o("div",{class:"preview-send-wrapper"},o("verdocs-send",{templateId:this.templateId,endpoint:this.endpoint,onSend:e=>{var s;return(s=this.send)===null||s===void 0?void 0:s.emit(e.detail)},style:{width:"100%"}})),o("div",{class:"preview-preview-wrapper"},o("verdocs-preview",{templateId:this.templateId,endpoint:this.endpoint,style:{display:"flex",flex:"1",maxWidth:"1000px"}})))))}get el(){return this}static get watchers(){return{templateId:[{onTemplateIdChanged:0}],step:[{onStepChanged:0}]}}static get style(){return Q()}},[0,"verdocs-build",{endpoint:[16],templateId:[1537,"template-id"],step:[1537],loading:[32],template:[32]},undefined,{templateId:[{onTemplateIdChanged:0}],step:[{onStepChanged:0}]}]);function Z(){if(typeof customElements==="undefined"){return}const e=["verdocs-build","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-contact-picker","verdocs-dialog","verdocs-field-attachment","verdocs-field-checkbox","verdocs-field-date","verdocs-field-dropdown","verdocs-field-initial","verdocs-field-radio","verdocs-field-signature","verdocs-field-textarea","verdocs-field-textbox","verdocs-field-timestamp","verdocs-file-chooser","verdocs-flag","verdocs-help-icon","verdocs-loader","verdocs-menu-panel","verdocs-ok-dialog","verdocs-portal","verdocs-preview","verdocs-progress-bar","verdocs-select-input","verdocs-send","verdocs-spinner","verdocs-template-attachments","verdocs-template-build-tabs","verdocs-template-document-page","verdocs-template-field-properties","verdocs-template-fields","verdocs-template-role-properties","verdocs-template-roles","verdocs-text-input","verdocs-toolbar-icon","verdocs-upload-dialog"];e.forEach((e=>{switch(e){case"verdocs-build":if(!customElements.get(i(e))){customElements.define(i(e),K)}break;case"verdocs-button":if(!customElements.get(i(e))){n()}break;case"verdocs-checkbox":if(!customElements.get(i(e))){m()}break;case"verdocs-component-error":if(!customElements.get(i(e))){p()}break;case"verdocs-contact-picker":if(!customElements.get(i(e))){f()}break;case"verdocs-dialog":if(!customElements.get(i(e))){v()}break;case"verdocs-field-attachment":if(!customElements.get(i(e))){h()}break;case"verdocs-field-checkbox":if(!customElements.get(i(e))){u()}break;case"verdocs-field-date":if(!customElements.get(i(e))){b()}break;case"verdocs-field-dropdown":if(!customElements.get(i(e))){x()}break;case"verdocs-field-initial":if(!customElements.get(i(e))){k()}break;case"verdocs-field-radio":if(!customElements.get(i(e))){w()}break;case"verdocs-field-signature":if(!customElements.get(i(e))){E()}break;case"verdocs-field-textarea":if(!customElements.get(i(e))){g()}break;case"verdocs-field-textbox":if(!customElements.get(i(e))){j()}break;case"verdocs-field-timestamp":if(!customElements.get(i(e))){y()}break;case"verdocs-file-chooser":if(!customElements.get(i(e))){C()}break;case"verdocs-flag":if(!customElements.get(i(e))){I()}break;case"verdocs-help-icon":if(!customElements.get(i(e))){D()}break;case"verdocs-loader":if(!customElements.get(i(e))){B()}break;case"verdocs-menu-panel":if(!customElements.get(i(e))){U()}break;case"verdocs-ok-dialog":if(!customElements.get(i(e))){L()}break;case"verdocs-portal":if(!customElements.get(i(e))){S()}break;case"verdocs-preview":if(!customElements.get(i(e))){T()}break;case"verdocs-progress-bar":if(!customElements.get(i(e))){N()}break;case"verdocs-select-input":if(!customElements.get(i(e))){F()}break;case"verdocs-send":if(!customElements.get(i(e))){z()}break;case"verdocs-spinner":if(!customElements.get(i(e))){J()}break;case"verdocs-template-attachments":if(!customElements.get(i(e))){R()}break;case"verdocs-template-build-tabs":if(!customElements.get(i(e))){V()}break;case"verdocs-template-document-page":if(!customElements.get(i(e))){G()}break;case"verdocs-template-field-properties":if(!customElements.get(i(e))){M()}break;case"verdocs-template-fields":if(!customElements.get(i(e))){X()}break;case"verdocs-template-role-properties":if(!customElements.get(i(e))){Y()}break;case"verdocs-template-roles":if(!customElements.get(i(e))){W()}break;case"verdocs-text-input":if(!customElements.get(i(e))){q()}break;case"verdocs-toolbar-icon":if(!customElements.get(i(e))){A()}break;case"verdocs-upload-dialog":if(!customElements.get(i(e))){P()}break}}))}const _=K;const O=Z;export{_ as VerdocsBuild,O as defineCustomElement};
 //# sourceMappingURL=verdocs-build.js.map

package/dist/components/verdocs-checkbox.js

@@ -1,2 +1,2 @@
-import{V as s,d as o}from"./p-DGNIsXfr.js";const r=s;const t=o;export{r as VerdocsCheckbox,t as defineCustomElement};
+import{V as o,d as s}from"./p-NtvxlYzY.js";const t=o;const p=s;export{t as VerdocsCheckbox,p as defineCustomElement};
 //# sourceMappingURL=verdocs-checkbox.js.map

package/dist/components/verdocs-contact-picker.js

@@ -1,2 +1,2 @@
-import{V as o,d as s}from"./p-lCn8WPSe.js";const t=o;const n=s;export{t as VerdocsContactPicker,n as defineCustomElement};
+import{V as s,d as o}from"./p-CaFhF-9s.js";const t=s;const a=o;export{t as VerdocsContactPicker,a as defineCustomElement};
 //# sourceMappingURL=verdocs-contact-picker.js.map