@verdocs/web-sdk 6.13.3 → 6.14.0

package/dist/verdocs-web-sdk/p-1b4cde18.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsCheckboxCss","VerdocsCheckbox","constructor","hostRef","this","checked","name","label","value","theme","size","disabled","render","h","Host","key","class","type","verdocsComponentErrorCss","VerdocsComponentError","message","verdocsLoaderCss","VerdocsLoader","verdocsSelectInputCss","VerdocsSelectInput","options","map","option","selected","verdocsTemplateFieldPropertiesCss","capitalize","str","charAt","toUpperCase","slice","TOGGLE_TYPES","TEXT_TYPES","TrashIcon","HelpIcon","VerdocsTemplateFieldProperties","templateListenerId","endpoint","VerdocsEndpoint","getDefault","templateId","fieldName","helpText","dirty","required","readonly","roleName","group","fieldType","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","_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","flex","innerHTML","onClick","hasOptions","length","saveDisabled","replace","onSubmit","preventDefault","autocomplete","onInput","target","roles","role","marginTop","marginBottom","toLowerCase","htmlFor","index","variant"],"sources":["src/components/controls/verdocs-checkbox/verdocs-checkbox.scss?tag=verdocs-checkbox","src/components/controls/verdocs-checkbox/verdocs-checkbox.tsx","src/components/controls/verdocs-component-error/verdocs-component-error.scss?tag=verdocs-component-error","src/components/controls/verdocs-component-error/verdocs-component-error.tsx","src/components/controls/verdocs-loader/verdocs-loader.scss?tag=verdocs-loader","src/components/controls/verdocs-loader/verdocs-loader.tsx","src/components/controls/verdocs-select-input/verdocs-select-input.scss?tag=verdocs-select-input","src/components/controls/verdocs-select-input/verdocs-select-input.tsx","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\n// Your periodic reminder that it's 2022 and you still can't style HTML checkboxes\nverdocs-checkbox {\n  line-height: 18px;\n  font-family: $verdocs-primary-font;\n\n  // We hide these visually instead of using display:none to avoid droping from the tab order and accessibility tree\n  label>input[type='checkbox'] {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    margin: -1px;\n    padding: 0;\n    border: 0;\n    opacity: 0;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n  }\n\n  label>input[type='checkbox']+*::before {\n    content: '';\n    width: 20px;\n    height: 20px;\n    flex-shrink: 0;\n    margin-right: 8px;\n    line-height: 20px;\n    border-radius: 2px;\n    border-style: solid;\n    border-width: 0.1rem;\n    display: inline-block;\n    vertical-align: bottom;\n    border-color: $verdocs-grey-2;\n  }\n\n\n  label>input[type='checkbox']:checked+*::before {\n    content: '✓';\n    // Empty alt text keeps the check mark out of the label screen readers announce. Browsers without alt text support\n    // drop this line and keep the one above.\n    content: '✓' / '';\n    color: white;\n    text-align: center;\n    background: var(--verdocs-checkbox-color, $verdocs-green);\n    border-color: var(--verdocs-checkbox-color, $verdocs-green);\n  }\n\n  label>input[type='checkbox']:focus-visible+*::before {\n    outline: 2px solid var(--verdocs-link-color, $verdocs-purple-shade);\n    outline-offset: 2px;\n  }\n\n  &.dark {\n    label>input[type='checkbox']+*::before {\n      border-color: $verdocs-grey-4;\n    }\n\n    label>input[type='checkbox']:checked+*::before {\n      background: var(--verdocs-checkbox-color, $verdocs-green);\n      border-color: var(--verdocs-checkbox-color, $verdocs-green);\n    }\n\n    label>input[type='checkbox']:focus-visible+*::before {\n      outline-color: $verdocs-grey-4;\n    }\n  }\n\n  &.small {\n    label>input[type='checkbox']+*::before {\n      width: 16px;\n      height: 16px;\n      line-height: 16px;\n    }\n  }\n}\n","import {Component, h, Host, Prop} from '@stencil/core';\n\n/**\n * Displays a check box. Note that this is different from the `verdocs-field-checkbox` component, which is designed\n * to be used in signing experiences and contains settings that connect to template fields. This is just a simple check\n * box for UI displays e.g. dialog boxes.\n *\n * This control encapsulates a standard HTML checkbox. To subscribe to change events, connect an `onChange`\n * handler. Sample usage:\n *\n * ```ts\n * <verdocs-checkbox\n *    value=\"on\"\n *    name=\"thingEnabled\"\n *    checked={this.thingEnabled}\n *    onInput={(e: any) => (this.thingEnabled = e.target.checked)}\n * />\n * ```\n */\n@Component({\n  tag: 'verdocs-checkbox',\n  styleUrl: 'verdocs-checkbox.scss',\n  shadow: false,\n})\nexport class VerdocsCheckbox {\n  /**\n   * Whether the radio button is currently selected.\n   */\n  @Prop() checked: boolean = false;\n\n  /**\n   * HTML form field name for the input.\n   */\n  @Prop() name: string = '';\n\n  /**\n   * Label to display. Leave blank for no label. The label will be displayed to the right of the checkbox, but may be\n   * repositioned with CSS.\n   */\n  @Prop() label: string = '';\n\n  /**\n   * Value to track with the input. Value is not used internally by this component but is sometimes useful to set\n   * because it can be retrieved in event handlers via e.target.value. This can be used to identify which\n   * checkbox was clicked in a checkbox group.\n   */\n  @Prop() value: string = '';\n\n  /**\n   * Style of checkbox to render. Use 'dark' when rendering on a dark background.\n   */\n  @Prop() theme: 'light' | 'dark' = 'light';\n\n  /**\n   * Size of checkbox to render.\n   */\n  @Prop() size: 'normal' | 'small' = 'normal';\n\n  /**\n   * If set, the button will still be displayed but not selectable.\n   */\n  @Prop() disabled?: boolean = false;\n\n  render() {\n    return (\n      <Host class={{disabled: this.disabled, [this.theme]: true, [this.size]: true}}>\n        <label>\n          <input type=\"checkbox\" value={this.value} name={this.name} checked={this.checked} disabled={this.disabled} />\n          <span>{this.label}</span>\n        </label>\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-component-error {\n  font-family: $verdocs-primary-font;\n  display: flex;\n  padding: 15px;\n  align-items: center;\n  justify-content: center;\n\n  .inner {\n    flex: 1;\n    height: 300px;\n    display: flex;\n    font-size: 18px;\n    box-sizing: border-box;\n    padding: 0 20px;\n    background: #ffffff;\n    align-items: center;\n    justify-content: center;\n  }\n}\n","// NOTE: This component does not have a story because it's not intended for external use.\n\nimport {Component, h, Host, Prop} from '@stencil/core';\n\n/**\n * Render a simple error message.\n */\n@Component({\n  tag: 'verdocs-component-error',\n  styleUrl: 'verdocs-component-error.scss',\n  shadow: false,\n})\nexport class VerdocsComponentError {\n  /**\n   * The message to display.\n   */\n  @Prop() message: string = '';\n\n  render() {\n    return (\n      <Host>\n        <div class=\"inner\">{this.message}</div>\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-loader {\n  display: block;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-left: -20px;\n  margin-top: -20px;\n  font-size: 24px;\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  text-indent: -9999em;\n  -webkit-animation: load5 1.1s infinite ease;\n  animation: verdocs-loader-kf 1.1s infinite ease;\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n}\n\n@keyframes verdocs-loader-kf {\n  0%,\n  100% {\n    box-shadow: 0em -2.6em 0em 0em $verdocs-bg-2, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.3), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4);\n  }\n  12.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.4), 1.8em -1.8em 0 0em $verdocs-bg-2, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3);\n  }\n  25% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.3), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4), 2.5em 0em 0 0em $verdocs-bg-2, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n  }\n  37.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3), 2.5em 0em 0 0em rgba(0, 0, 0, 0.4), 1.75em 1.75em 0 0em $verdocs-bg-2,\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n  }\n  50% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.3), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.4),\n      0em 2.5em 0 0em $verdocs-bg-2, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n  }\n  62.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.3),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.4), -1.8em 1.8em 0 0em $verdocs-bg-2, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n  }\n  75% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.3), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.4), -2.6em 0em 0 0em $verdocs-bg-2, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n  }\n  87.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.3), -2.6em 0em 0 0em rgba(0, 0, 0, 0.4), -1.8em -1.8em 0 0em $verdocs-bg-2;\n  }\n}\n","import {Component, h, Host} from '@stencil/core';\n\n/**\n * Animated loader placeholder. There are currently no configuration options for this control.\n *\n * ```ts\n * <verdocs-loader />\n * ```\n */\n@Component({\n  tag: 'verdocs-loader',\n  styleUrl: 'verdocs-loader.scss',\n  shadow: false,\n})\nexport class VerdocsLoader {\n  render() {\n    return <Host />;\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-select-input {\n  font-family: $primary-font;\n  box-sizing: border-box;\n  margin: 0 0 10px 0;\n  display: block;\n\n  .input-element {\n    box-sizing: border-box;\n    background: $verdocs-grey-4;\n    border: 1px solid $border-color-extralight;\n    border-radius: 4px;\n    background: $verdocs-grey-4;\n    color: $verdocs-grey-0;\n    width: 100%;\n    font-size: 14px;\n    height: 34px;\n    padding: 2px 20px 2px 3px;\n\n    &::placeholder {\n      color: $light-disabled-color;\n      opacity: 1;\n    }\n\n    &:focus {\n      //border: 1px solid $border-color-highlight;\n    }\n  }\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  }\n}\n","import {Component, Prop, Host, h} from '@stencil/core';\n\n/**\n * Display a combo box. This is just a standard HTML select field with minimal markup to fit the\n * visual styles of the other components. Note that events \"bubble\" from the input field to the container,\n * so you can subscribe to the same DOM events (input, blur, etc) that a normal input would emit.\n *\n * ```ts\n * <verdocs-select-input label=\"Select:\" label=\"Select\" options={[...options]} onInput={() => {}} />\n * ```\n */\n@Component({\n  tag: 'verdocs-select-input',\n  styleUrl: 'verdocs-select-input.scss',\n})\nexport class VerdocsSelectInput {\n  /**\n   * The initial value for the input field.\n   */\n  @Prop() value: string = '';\n\n  /**\n   * The label for the field.\n   */\n  @Prop() label: string = '';\n\n  /**\n   * The options to list.\n   */\n  @Prop() options: {label: string; value: string}[];\n\n  /**\n   * Should the field be disabled?\n   */\n  @Prop() disabled: boolean = false;\n\n  render() {\n    return (\n      <Host class=\"input-field\">\n        <label>\n          {this.label ? <div class=\"input-label\">{this.label + ':'}</div> : <div />}\n          <select class=\"input-element\" disabled={this.disabled}>\n            {this.options.map(option => (\n              <option value={option.value} selected={option.value === this.value}>\n                {option.label}\n              </option>\n            ))}\n          </select>\n        </label>\n      </Host>\n    );\n  }\n}\n","@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":"iRAAA,MAAMA,EAAqB,IAAM,42C,MCwBpBC,EAAe,MAL5B,WAAAC,CAAAC,G,UASUC,KAAAC,QAAmB,MAKnBD,KAAAE,KAAe,GAMfF,KAAAG,MAAgB,GAOhBH,KAAAI,MAAgB,GAKhBJ,KAAAK,MAA0B,QAK1BL,KAAAM,KAA2B,SAK3BN,KAAAO,SAAqB,KAY9B,CAVC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,CAACL,SAAUP,KAAKO,SAAU,CAACP,KAAKK,OAAQ,KAAM,CAACL,KAAKM,MAAO,OACtEG,EAAA,SAAAE,IAAA,4CACEF,EAAA,SAAAE,IAAA,2CAAOE,KAAK,WAAWT,MAAOJ,KAAKI,MAAOF,KAAMF,KAAKE,KAAMD,QAASD,KAAKC,QAASM,SAAUP,KAAKO,WACjGE,EAAA,QAAAE,IAAA,4CAAOX,KAAKG,Q,eCpEtB,MAAMW,EAA2B,IAAM,8f,MCY1BC,EAAqB,MALlC,WAAAjB,CAAAC,G,UASUC,KAAAgB,QAAkB,EAS3B,CAPC,MAAAR,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SAASZ,KAAKgB,S,eCrBjC,MAAMC,EAAmB,IAAM,4pU,MCclBC,EAAa,M,yBACxB,MAAAV,GACE,OAAOC,EAACC,EAAI,CAAAC,IAAA,4C,eChBhB,MAAMQ,EAAwB,IAAM,u6B,MCevBC,EAAkB,MAJ/B,WAAAtB,CAAAC,G,UAQUC,KAAAI,MAAgB,GAKhBJ,KAAAG,MAAgB,GAUhBH,KAAAO,SAAoB,KAkB7B,CAhBC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,eACVH,EAAA,SAAAE,IAAA,4CACGX,KAAKG,MAAQM,EAAA,OAAKG,MAAM,eAAeZ,KAAKG,MAAQ,KAAaM,EAAA,YAClEA,EAAA,UAAAE,IAAA,2CAAQC,MAAM,gBAAgBL,SAAUP,KAAKO,UAC1CP,KAAKqB,QAAQC,KAAIC,GAChBd,EAAA,UAAQL,MAAOmB,EAAOnB,MAAOoB,SAAUD,EAAOnB,QAAUJ,KAAKI,OAC1DmB,EAAOpB,W,eC5CxB,MAAMsB,EAAoC,IAAM,08JCMhD,MAAMC,EAAcC,GAAgBA,EAAIC,OAAO,GAAGC,cAAgBF,EAAIG,MAAM,GAI5E,MAAMC,EAAe,CAAC,WAAY,SAClC,MAAMC,EAAa,CAAC,UAAW,YAE/B,MAAMC,EAAY,wkBAElB,MAAMC,EACJ,u6B,MAUWC,EAA8B,MAL3C,WAAArC,CAAAC,G,kJAMUC,KAAAoC,mBAAqB,KAQrBpC,KAAAqC,SAA4BC,EAAgBC,aAK5CvC,KAAAwC,WAAqB,GAKNxC,KAAAyC,UAAoB,GAKnCzC,KAAA0C,SAAoB,GAwBnB1C,KAAA2C,MAAiB,MACjB3C,KAAAG,MAAQ,GACRH,KAAAa,KAAO,UACPb,KAAAE,KAAO,GACPF,KAAA4C,SAAW,MACX5C,KAAA6C,SAAW,MACX7C,KAAA8C,SAAW,GACX9C,KAAA+C,MAAQ,GACR/C,KAAAgD,UAAY,GACZhD,KAAAqB,QAAU,GACVrB,KAAAiD,YAAc,GACdjD,KAAAkD,aAAe,GACflD,KAAAmD,UAAY,GACZnD,KAAAoD,YAAc,MAEdpD,KAAAqD,QAAU,KACVrD,KAAAsD,SAA6B,IAkbvC,CAhbC,oBAAAC,GACEvD,KAAKwD,oB,CAGP,sBAAMC,GACJzD,KAAKwD,qBACLE,EAAMC,UACJ,YACA3D,KAAKwC,YACL,IAAMoB,EAAY5D,KAAKqC,SAAUrC,KAAKwC,aACtC,OACCc,IACCtD,KAAKsD,SAAWA,EAChBtD,KAAKqD,QAAU,MACfrD,KAAK6D,WAAW,G,CAKtB,kBAAAL,GACE,GAAIxD,KAAKoC,mBAAoB,CAC3BsB,EAAMI,MAAMC,YAAY/D,KAAKoC,oBAC7BpC,KAAKoC,mBAAqB,I,EAI9B,uBAAM4B,G,UACJ,IACEhE,KAAKqC,SAAS4B,cAEd,IAAKjE,KAAKwC,WAAY,CACpB0B,QAAQC,IAAI,mDAAmDnE,KAAKwC,cACpE,M,CAGF,IAAKxC,KAAKyC,UAAW,CACnByB,QAAQE,MAAM,kDACd,M,CAGF,IAAKpE,KAAKqC,SAASgC,QAAS,CAC1BH,QAAQC,IAAI,6EACZ,M,CAGFnE,KAAKyD,kB,CACL,MAAOa,GACPJ,QAAQC,IAAI,4CAA6CG,GACzDtE,KAAKqD,QAAU,OACfkB,EAAAvE,KAAKwE,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,KAAK,IAAIC,EAASJ,EAAEtD,SAAS2D,EAAAL,EAAEM,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,QAAQC,EAAAR,EAAEM,YAAQ,MAAAE,SAAA,SAAAA,EAAEC,M,EAIhF,SAAAlB,G,MACE,MAAMmB,KAAST,EAAAvE,KAAKsD,YAAQ,MAAAiB,SAAA,SAAAA,EAAEU,SAAU,IAAIC,MAAKF,GAASA,EAAM9E,OAASF,KAAKyC,YAC9E,IAAKuC,EAAO,CACVd,QAAQC,IAAI,4CAA4CnE,KAAKyC,wBAC7D,M,CAGFzC,KAAKa,KAAOmE,EAAMnE,KAClBb,KAAKE,KAAO8E,EAAM9E,KAClBF,KAAKG,MAAQ6E,EAAM7E,MACnBH,KAAK+C,MAAQiC,EAAMjC,MACnB/C,KAAK8C,SAAWkC,EAAMG,UACtBnF,KAAK4C,SAAWoC,EAAMpC,SACtB5C,KAAK6C,SAAWmC,EAAMnC,SACtB7C,KAAKgD,UAAYgC,EAAMnE,KACvBb,KAAKqB,QAAU2D,EAAM3D,SAAW,GAChCrB,KAAKiD,YAAc+B,EAAM/B,aAAe,GACxCjD,KAAKkD,aAAe8B,EAAMI,SAAW,GACrCpF,KAAKmD,UAAY,GACjBnD,KAAK2C,MAAQ,MACb3C,KAAKqD,QAAU,MACfrD,KAAKqF,gB,CAGP,YAAAC,CAAahB,G,QACXA,EAAEiB,kBAEFvF,KAAK6D,aACLU,EAAAvE,KAAKwF,SAAK,MAAAjB,SAAA,SAAAA,EAAEE,QACZE,EAAAc,SAASC,eAAe,wCAAoC,MAAAf,SAAA,SAAAA,EAAEgB,Q,CAGhE,UAAAC,CAAWtB,G,MACTA,EAAEiB,kBAEF,IAAKvF,KAAKE,KAAK2F,OAAQ,CACrB7F,KAAKmD,UAAY,sBACjB,M,CAGF,GAAInD,KAAKE,OAASF,KAAKyC,cAAc8B,EAAAvE,KAAKsD,YAAQ,MAAAiB,SAAA,SAAAA,EAAEU,SAAU,IAAIa,MAAKd,GAASA,EAAM9E,OAASF,KAAKE,OAAO,CACzGF,KAAKmD,UAAY,kBAAkBnD,KAAKE,yCACxC,M,CAKF,MAAM6F,EAAgB,CACpB7F,KAAMF,KAAKE,KACXiF,UAAWnF,KAAK8C,SAChBF,SAAU5C,KAAK4C,WAAa5C,KAAK6C,SACjCA,SAAU7C,KAAK6C,SACf1C,MAAOH,KAAKG,MACZ4C,MAAO/C,KAAK+C,MACZE,YAAajD,KAAKiD,YAClB5B,QAASrB,KAAKqB,SAIhB,GAAIW,EAAWgE,SAAShG,KAAKa,MAAO,CAClCkF,EAAcX,QAAUpF,KAAKkD,Y,MACxB,GAAInB,EAAaiE,SAAShG,KAAKa,MAAO,CAC3CkF,EAAcX,QAAUpF,KAAKkD,eAAiB,OAAS,OAAS,O,CAGlElD,KAAKqF,iBACLY,EAAYjG,KAAKqC,SAAUrC,KAAKwC,WAAYxC,KAAKyC,UAAWsD,GACzDG,MAAKC,MAAMC,I,UACVlC,QAAQC,IAAI,6BAA8BiC,GAC1C,MAAMC,EAAcC,KAAKC,MAAMD,KAAKE,UAAUxG,KAAKsD,WACnD,MAAMmD,EAAaJ,EAAYpB,OAAOyB,WAAU1B,GAASA,EAAM9E,OAASF,KAAKyC,YAC7E,GAAIgE,GAAa,EAAI,CACnBJ,EAAYpB,OAAOwB,GAAcL,C,CAInC,GAAIA,EAAavF,OAAS,SAAWuF,EAAahB,UAAY,QAAUgB,EAAarD,MAAO,CAC1F,MAAM4D,EAAWN,EAAYpB,OAAO2B,QAClC5B,GACEA,EAAMnE,OAAS,SAAWmE,EAAMjC,QAAUqD,EAAarD,OAASiC,EAAMG,YAAciB,EAAajB,WAAaH,EAAM9E,OAASkG,EAAalG,MAAQ8E,EAAMI,UAAY,SAExK,IAAK,MAAMyB,KAAWF,EAAU,CAC9B,MAAMG,QAAgBb,EAAYjG,KAAKqC,SAAUrC,KAAKwC,WAAYqE,EAAQ3G,KAAM,CAACkF,QAAS,UAC1FiB,EAAYpB,OAAOoB,EAAYpB,OAAOyB,WAAU1B,GAASA,EAAM9E,OAAS2G,EAAQ3G,QAAS4G,C,EAI7FpD,EAAMqD,eAAe/G,KAAKwC,WAAY6D,IACtC9B,EAAAvE,KAAKgH,mBAAe,MAAAzC,SAAA,SAAAA,EAAEE,KAAK,CAAChC,UAAWzC,KAAKyC,UAAWuC,MAAOoB,KAC9DzB,EAAA3E,KAAKwF,SAAK,MAAAb,SAAA,SAAAA,EAAEF,QAEZK,EAAAW,SAASC,eAAe,wCAAoC,MAAAZ,SAAA,SAAAA,EAAEa,QAAQ,IAEvEsB,OAAMC,I,cACLhD,QAAQC,IAAI,mCAAoC+C,GAChDC,IAAaxC,GAAAJ,EAAA2C,EAAItC,YAAQ,MAAAL,SAAA,SAAAA,EAAEQ,QAAI,MAAAJ,SAAA,SAAAA,EAAEP,QAAS,8CAA+C,CAACgD,MAAO,WACjGtC,EAAA9E,KAAKwE,YAAQ,MAAAM,SAAA,SAAAA,EAAEL,KAAK,IAAIC,EAASwC,EAAIlG,SAASqG,EAAAH,EAAItC,YAAQ,MAAAyC,SAAA,SAAAA,EAAExC,QAAQyC,EAAAJ,EAAItC,YAAQ,MAAA0C,SAAA,SAAAA,EAAEvC,MAAM,G,CAI9F,kBAAMwC,CAAajD,GACjBA,EAAEiB,kBACFiC,EAAYxH,KAAKqC,SAAUrC,KAAKwC,WAAYxC,KAAKyC,WAC9CyD,MAAK,K,QACJ,MAAMG,EAAcC,KAAKC,MAAMD,KAAKE,UAAUxG,KAAKsD,WACnD+C,EAAYpB,OAASoB,EAAYpB,OAAO2B,QAAO5B,GAASA,EAAM9E,OAASF,KAAKyC,YAC5EiB,EAAMqD,eAAe/G,KAAKwC,WAAY6D,IACtC9B,EAAAvE,KAAKyH,UAAM,MAAAlD,SAAA,SAAAA,EAAEE,KAAK,CAACjC,WAAYxC,KAAKwC,WAAYM,SAAU9C,KAAK8C,YAC/D6B,EAAAc,SAASC,eAAe,wCAAoC,MAAAf,SAAA,SAAAA,EAAEgB,QAAQ,IAEvEsB,OAAM3C,I,cACLJ,QAAQC,IAAI,oCAAqCG,GACjD6C,IAAaxC,GAAAJ,EAAAD,EAAEM,YAAQ,MAAAL,SAAA,SAAAA,EAAEQ,QAAI,MAAAJ,SAAA,SAAAA,EAAEP,QAAS,gDAAiD,CAACgD,MAAO,WACjGtC,EAAA9E,KAAKwE,YAAQ,MAAAM,SAAA,SAAAA,EAAEL,KAAK,IAAIC,EAASJ,EAAEtD,SAASqG,EAAA/C,EAAEM,YAAQ,MAAAyC,SAAA,SAAAA,EAAExC,QAAQyC,EAAAhD,EAAEM,YAAQ,MAAA0C,SAAA,SAAAA,EAAEvC,MAAM,G,CAIxF,cAAAM,GACErF,KAAKqB,QAAU,IAAIrB,KAAKqB,QAAQuF,QAAOc,IAAQA,EAAIC,IAAM,IAAI9B,SAAW,KAAO6B,EAAIvH,OAAS,IAAI0F,SAAW,MAC3G,IAAK7F,KAAKqB,QAAQ6D,MAAKwC,IAAQA,EAAIC,KAAOD,EAAIvH,QAAQ,CACpDH,KAAKqB,QAAU,IAAIrB,KAAKqB,QAAS,CAACsG,GAAI,GAAIxH,MAAO,I,EAIrD,MAAAK,G,QACE,GAAIR,KAAKqD,QAAS,CAChB,OACE5C,EAACC,EAAI,KACHD,EAAA,uB,CAKN,IAAKT,KAAKqC,SAASgC,QAAS,CAC1B,OACE5D,EAACC,EAAI,KACHD,EAAA,2BAAyBO,QAAQ,kD,CAMvC,IAAKhB,KAAKqC,SAASgC,aAAaE,EAAAvE,KAAKsD,YAAQ,MAAAiB,SAAA,SAAAA,EAAEU,SAAU,IAAIa,MAAKd,GAASA,EAAM9E,OAASF,KAAKyC,YAAY,CACzG,OAAOhC,EAACC,EAAI,CAACE,MAAM,S,CAGrB,GAAIZ,KAAK0C,UAAY1C,KAAKoD,YAAa,CACrC,OACE3C,EAACC,EAAI,KACHD,EAAA,UACGiB,EAAW1B,KAAKgD,WAAU,aAAWvC,EAAA,OAAK2G,MAAO,CAACQ,KAAM,OACzDnH,EAAA,OAAKG,MAAM,YAAYiH,UAAW3F,EAAU4F,QAAS,IAAO9H,KAAKoD,YAAc,SAGjF3C,EAAA,KAAGG,MAAM,eAAeiH,UAAW7H,KAAK0C,W,CAK9C,MAAMqF,EAAa/H,KAAKqB,QAAQuF,QAAOc,IAAQA,EAAIC,IAAM,IAAI9B,SAAW,KAAO6B,EAAIvH,OAAS,IAAI0F,SAAW,KAAImC,OAAS,EACxH,MAAMC,GAAgBjI,KAAK2C,OAAU3C,KAAKa,OAAS,aAAekH,EAElE,OACEtH,EAACC,EAAI,CAACiH,GAAG,qCACPlH,EAAA,UACGiB,EAAW1B,KAAKgD,UAAUkF,QAAQ,KAAM,MAAK,aAAWzH,EAAA,OAAK2G,MAAO,CAACQ,KAAM,OAC3E5H,KAAK0C,UAAYjC,EAAA,OAAKG,MAAM,YAAYiH,UAAW3F,EAAU4F,QAAS,IAAO9H,KAAKoD,YAAc,QAGnG3C,EAAA,QAAM0H,SAAU7D,GAAKA,EAAE8D,iBAAkBN,QAASxD,GAAKA,EAAEiB,kBAAmB8C,aAAa,OACvF5H,EAAA,OAAKG,MAAM,OACTH,EAAA,sBACEkH,GAAG,qBACHxH,MAAM,aACNC,MAAOJ,KAAKE,KACZmI,aAAa,MAEbpF,YAAY,gBACZqF,QAAUhE,IACRtE,KAAKE,KAAOoE,EAAEiE,OAAOnI,MACrBJ,KAAKmD,UAAY,GACjBnD,KAAK2C,MAAQ,IAAI,KAItB3C,KAAKmD,WAAa1C,EAAA,OAAKG,MAAM,eAAeZ,KAAKmD,WAElD1C,EAAA,OAAKG,MAAM,OACTH,EAAA,sBACEkH,GAAG,sBACHxH,MAAM,iBACNC,MAAOJ,KAAKG,MACZkI,aAAa,MACbpF,YAAY,oBACZqF,QAAUhE,IACRtE,KAAKG,MAAQmE,EAAEiE,OAAOnI,MACtBJ,KAAK2C,MAAQ,IAAI,KAKvBlC,EAAA,OAAKG,MAAM,OACTH,EAAA,OAAKG,MAAM,eAAa,SACxBH,EAAA,wBACEL,MAAOJ,KAAK8C,SACZzB,WAAUsD,EAAA3E,KAAKsD,YAAQ,MAAAqB,SAAA,SAAAA,EAAE6D,QAAS,IAAIlH,KAAImH,IAAI,CAAMtI,MAAOsI,EAAKvI,KAAME,MAAOqI,EAAKvI,SAClFoI,QAAUhE,IACRtE,KAAK8C,SAAWwB,EAAEiE,OAAOnI,MACzBJ,KAAK2C,MAAQ,IAAI,KAKtBX,EAAWgE,SAAShG,KAAKa,OACxBJ,EAAA,OAAKG,MAAM,MAAMwG,MAAO,CAACsB,UAAW,OAAQC,aAAc,SACxDlI,EAAA,sBACEkH,GAAG,sBACHxH,MAAM,gBACNC,MAAOJ,KAAKkD,aACZmF,aAAa,MACbpF,YAAY,sBACZqF,QAAUhE,IACRtE,KAAKkD,aAAeoB,EAAEiE,OAAOnI,MAC7BJ,KAAK2C,MAAQ,IAAI,KAMxB3C,KAAKa,OAAS,SACbJ,EAAA,OAAKG,MAAM,OACTH,EAAA,sBACEkH,GAAG,sBACHxH,MAAM,QACNC,MAAOJ,KAAK+C,MACZsF,aAAa,MACb3F,SAAS,gGACTO,YAAY,WACZqF,QAAUhE,IACRtE,KAAK+C,OAASuB,EAAEiE,OAAOnI,OAAS,IAC7ByF,OACA+C,cACAV,QAAQ,aAAc,IACzBlI,KAAK2C,MAAQ,IAAI,KAMxB,CAAC,UAAW,YAAYqD,SAAShG,KAAKa,OACrCJ,EAAA,OAAKG,MAAM,MAAMwG,MAAO,CAACsB,UAAW,OAAQC,aAAc,SACxDlI,EAAA,sBACEkH,GAAG,4BACHxH,MAAM,cACNC,MAAOJ,KAAKiD,YACZoF,aAAa,MACbpF,YAAY,iBACZqF,QAAUhE,IACRtE,KAAKiD,YAAcqB,EAAEiE,OAAOnI,MAC5BJ,KAAK2C,MAAQ,IAAI,KAMxBZ,EAAaiE,SAAShG,KAAKa,OAC1BJ,EAAA,OAAKG,MAAM,MAAMwG,MAAO,CAACsB,UAAW,OAAQC,aAAc,SACxDlI,EAAA,SAAOoI,QAAQ,6BAA6BjI,MAAM,eAC/CZ,KAAKa,OAAS,QAAU,eAAiB,eAE5CJ,EAAA,oBACEkH,GAAG,6BACHzH,KAAK,qBACLD,QAASD,KAAKkD,eAAiB,OAC/B9C,MAAM,KACNkI,QAAUhE,IACRtE,KAAKkD,aAAeoB,EAAEiE,OAAOtI,QAAU,OAAS,QAChDD,KAAK2C,MAAQ,IAAI,KAMzBlC,EAAA,OAAKG,MAAM,MAAMwG,MAAO,CAACsB,UAAW,OAAQC,aAAc,SACxDlI,EAAA,SAAOoI,QAAQ,sBAAsBjI,MAAM,eAAa,YAGxDH,EAAA,oBACEkH,GAAG,sBACHzH,KAAK,cACLD,QAASD,KAAK4C,WAAa5C,KAAK6C,SAChCtC,SAAUP,KAAK6C,SACfzC,MAAM,KACNkI,QAAUhE,IACRtE,KAAK4C,SAAW0B,EAAEiE,OAAOtI,QACzBD,KAAK2C,MAAQ,IAAI,KAKvBlC,EAAA,OAAKG,MAAM,MAAMwG,MAAO,CAACsB,UAAW,OAAQC,aAAc,SACxDlI,EAAA,SAAOoI,QAAQ,sBAAsBjI,MAAM,eAAa,aAGxDH,EAAA,oBACEkH,GAAG,sBACHzH,KAAK,cACLD,QAASD,KAAK6C,SACdzC,MAAM,KACNkI,QAAUhE,IACRtE,KAAK6C,SAAWyB,EAAEiE,OAAOtI,QACzB,GAAID,KAAK6C,SAAU,CACjB7C,KAAK4C,SAAW,K,CAElB5C,KAAK2C,MAAQ,IAAI,KAKtB3C,KAAKa,OAAS,YACbJ,EAAA,OAAKG,MAAM,MAAMwG,MAAO,CAACsB,UAAW,OAAQC,aAAc,SACxDlI,EAAA,SAAOoI,QAAQ,sBAAsBjI,MAAM,eAAa,YAM3DZ,KAAKa,OAAS,YACbJ,EAAA,OAAKG,MAAM,WACTH,EAAA,OAAKG,MAAM,kBACTH,EAAA,OAAKG,MAAM,wBAAsB,MACjCH,EAAA,OAAKG,MAAM,wBAAsB,UAGlCZ,KAAKqB,QAAQC,KAAI,CAACC,EAAQuH,IACzBrI,EAAA,OAAKG,MAAM,iBAAiBD,IAAKmI,GAC/BrI,EAAA,sBACEL,MAAOmB,EAAOoG,GACd1E,YAAY,YACZqF,QAAUhE,IACRtE,KAAKqB,QAAQyH,GAAOnB,GAAKrD,EAAEiE,OAAOnI,MAClCJ,KAAK2C,MAAQ,KACb3C,KAAKqF,gBAAgB,IAGzB5E,EAAA,sBACEL,MAAOmB,EAAOpB,MACd8C,YAAY,gBACZqF,QAAUhE,IACRtE,KAAKqB,QAAQyH,GAAO3I,MAAQmE,EAAEiE,OAAOnI,MACrCJ,KAAK2C,MAAQ,KACb3C,KAAKqF,gBAAgB,IAGzB5E,EAAA,UACEoH,UAAW5F,EACXrB,MAAM,gBACNkH,QAAS,KACP9H,KAAKqB,QAAUrB,KAAKqB,QAAQuF,QAAOc,GAAOA,EAAIC,KAAOpG,EAAOoG,KAC5D3H,KAAK2C,MAAQ,KACb3C,KAAKqF,gBAAgB,QAQjC5E,EAAA,OAAKG,MAAM,WACTH,EAAA,UAAQG,MAAM,gBAAgBL,SAAUP,KAAK2C,MAAOmF,QAASxD,GAAKtE,KAAKuH,aAAajD,GAAIuD,UAAW5F,IACnGxB,EAAA,OAAK2G,MAAO,CAACQ,KAAM,OACnBnH,EAAA,kBAAgBH,KAAK,QAAQyI,QAAQ,UAAU5I,MAAM,SAAS2H,QAASxD,GAAKtE,KAAKsF,aAAahB,KAE9F7D,EAAA,kBAAgBH,KAAK,QAAQH,MAAM,OAAOI,SAAU0H,EAAcH,QAASxD,IAAM2D,GAAgBjI,KAAK4F,WAAWtB,O","ignoreList":[]}

package/dist/verdocs-web-sdk/p-1f708b6a.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as t,H as s,F as o,g as n}from"./p-CjTHbolG.js";import{VerdocsEndpoint as l,DEFAULT_DISCLOSURES as a,startSigningSession as r,getEnvelope as d,envelopeRecipientAgree as c,updateEnvelopeField as h,createSignature as u,createInitials as p,sortFields as g,envelopeRecipientSubmit as v,isFieldValid as f,isFieldFilled as m,uploadEnvelopeFieldAttachment as x,deleteEnvelopeFieldAttachment as b,formatFullName as w,fullNameToInitials as y,verifySigner as k,getEnvelopesZip as S,getEnvelopeDocumentDownloadLink as C,getCombinedEnvelopeDocumentDownloadLink as I,delegateRecipient as N,envelopeRecipientDecline as z,integerSequence as G,askQuestion as L}from"@verdocs/js-sdk";import{u as T,g as H,r as F,a as D,d as E}from"./p-CHdb5wzt.js";import{D as V}from"./p-CIxfEdV7.js";import{D as q,C as M}from"./p-DobS6Y7w.js";import{V as P}from"./p-D97GxsI-.js";import{S as $}from"./p-C1sRVZWv.js";import{S as R}from"./p-C7hFgM52.js";import"./p-BglCURB-.js";const U=()=>`verdocs-sign{display:-ms-flexbox;display:flex;overflow:hidden;min-height:700px;position:relative;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#f5f5f5;font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif)}verdocs-sign div{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign input{vertical-align:top}verdocs-sign>.document{-ms-flex:1;flex:1;width:100%;height:100%;-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;padding:15px;padding-right:140px;row-gap:15px;max-width:1200px;min-height:200px;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}verdocs-sign>.document .inner{width:100%;max-width:1028px}verdocs-sign>.document .document-separator{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px;padding:12px 20px;width:100%;max-width:1028px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#33364b;color:white;border-radius:6px;font-size:16px;font-weight:500;margin-top:20px;-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}verdocs-sign>.document .document-separator svg{-ms-flex-negative:0;flex-shrink:0}verdocs-sign>.document .document-separator:first-child{margin-top:0}verdocs-sign .signed-document-container{width:64%;margin-left:260px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}verdocs-sign .signed-document-container.zoom-normal{width:64%;margin-left:260px}verdocs-sign .signed-document-container.zoom-zoom1{width:80%;margin-left:200px}verdocs-sign .signed-document-container.zoom-zoom2{width:100%;margin-left:150px}verdocs-sign .signed-document-container.zoom-zoom2 .verdocs-flag-instance{opacity:0;pointer-events:none}@media (max-width: 768px){verdocs-sign verdocs-sign-footer{padding:0 10px}verdocs-sign verdocs-sign-footer .buttons{gap:8px}verdocs-sign verdocs-sign-footer .buttons button{font-size:10px}verdocs-sign .signed-document-container{width:100%;margin-left:0}verdocs-sign .signed-document-container.zoom-normal,verdocs-sign .signed-document-container.zoom-zoom1,verdocs-sign .signed-document-container.zoom-zoom2{width:100%;margin-left:0}verdocs-sign>.document{padding-right:15px}verdocs-sign .verdocs-flag-instance{display:none !important}verdocs-sign .controls-toolbar .center-controls{display:none}verdocs-sign .controls-toolbar .right-controls .mobile-next-button{display:block;margin-right:10px}verdocs-sign .controls-toolbar .right-controls .minus,verdocs-sign .controls-toolbar .right-controls .plus{display:none}}verdocs-sign .cover{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:5000;position:absolute;padding-top:100px;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;background:rgba(0, 0, 0, 0.5)}verdocs-sign verdocs-ok-dialog .background-overlay{-ms-flex-align:start;align-items:flex-start;padding-top:100px}verdocs-sign .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)}verdocs-sign .fatal-error{position:absolute;z-index:100;top:0;left:0;right:0;bottom:0;background-color:#4a4a4a;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-sign .fatal-error .placeholder{position:absolute;opacity:0.1;z-index:-1;top:0;left:0;right:0;bottom:0;width:612px;height:792px;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);margin-top:15px}verdocs-sign .fatal-error .message{max-width:360px;width:50%;font-size:16px;background:white;-webkit-box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235);box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235)}verdocs-sign .fatal-error .header{color:white;font-size:18px;font-weight:500;padding:5px 10px;margin:0 0 10px 0;background:#4c56cb}verdocs-sign .fatal-error p{margin:1rem;font-size:14px;font-weight:400;padding:0 10px}@media print{verdocs-sign .header,.controls-toolbar,.verdocs-flag-instance,verdocs-signing-progress{display:none !important}verdocs-sign{min-height:auto;background-color:white}verdocs-sign>.document{overflow:visible;height:auto;display:block;padding:0;margin:0}verdocs-sign>.document .document-separator{display:none}verdocs-sign .signed-document-container{width:100%;margin:0}}#verdocs-sign-header{color:#fff;width:100%;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 46px;flex:0 0 46px;font-size:12px;-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;-webkit-transition:all 0.25s;transition:all 0.25s;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}#verdocs-sign-header .inner{width:100%;display:-ms-flexbox;display:flex;margin:0 auto;padding:0 12px;max-width:1200px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px}#verdocs-sign-header .logo{width:80px;display:none;margin:-6px 0 0 0}#verdocs-sign-header .title{font-size:18px;font-weight:500;overflow:hidden;white-space:nowrap;padding:0 10px 0 0;text-overflow:ellipsis}@media (max-width: 670px){#verdocs-sign-header .title{font-size:14px}}#verdocs-sign-header .remaining-count{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:8px;color:#ffffff;font-size:13px;font-weight:400;white-space:nowrap}#verdocs-sign-header .remaining-count .check-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}#verdocs-sign-header .remaining-count .check-icon svg{width:16px;height:16px;fill:#55bc81}#verdocs-sign-header .remaining-count .separator{opacity:0.5;margin:0 2px}#verdocs-sign-header .remaining-count .review-optional{cursor:pointer;text-decoration:underline}#verdocs-sign-header .remaining-count .review-optional:hover{color:#54d68c}@media (max-width: 670px){#verdocs-sign-header .remaining-count .review-optional{display:none}}@media (max-width: 670px){#verdocs-sign-header .remaining-count{font-size:12px}}#verdocs-sign-header .icon-button{width:20px;height:32px;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:4px;-webkit-transition:background-color 0.2s;transition:background-color 0.2s}#verdocs-sign-header .icon-button svg path{fill:#ffffff}#verdocs-sign-header .icon-button:hover{background-color:rgba(255, 255, 255, 0.1)}#verdocs-sign-header .icon-button.disabled{opacity:0.35;pointer-events:none}#verdocs-sign-header .icon-button+.icon-button{margin-left:-6px}@media (max-width: 670px){#verdocs-sign-header .icon-button.magnify{display:none}}.spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}.controls-toolbar{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}.controls-toolbar .left-controls{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.controls-toolbar .left-controls .title{font-weight:500;font-size:16px;color:#242424;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls-toolbar .center-controls{-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:10px;font-size:14px;display:none}.controls-toolbar .center-controls .label{color:#000000;font-weight:300}.controls-toolbar .center-controls .select-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.controls-toolbar .center-controls .select-wrapper verdocs-select-input{margin:0}.controls-toolbar .center-controls .select-wrapper verdocs-select-input .input-label{display:none}.controls-toolbar .center-controls .select-wrapper verdocs-select-input .input-element{background:transparent;border:1px solid #e0e0e0;height:32px;padding:2px 8px;min-width:60px;text-align:center;font-family:inherit;color:#424242}.controls-toolbar .center-controls .select-wrapper verdocs-select-input .input-element:focus{border-color:var(--verdocs-primary-color, #55bc81)}.controls-toolbar .center-controls .count{color:#000000;font-weight:300}.controls-toolbar .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}.controls-toolbar .right-controls .mobile-next-button{display:none}.controls-toolbar .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}.controls-toolbar .right-controls .icon-button:hover{background-color:#f5f5f5}.controls-toolbar .right-controls .icon-button.disabled{opacity:0.3;pointer-events:none}.controls-toolbar .right-controls .icon-button svg{display:block;width:20px;height:20px}`;const A=`<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 O=`<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 Z=`<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 Y=class{constructor(t){e(this,t);this.sdkError=i(this,"sdkError");this.envelopeLoaded=i(this,"envelopeLoaded");this.envelopeUpdated=i(this,"envelopeUpdated");this.endpoint=new l({sessionType:"signing"});this.envelopeId=null;this.roleId=null;this.inviteCode=null;this.headerTargetId=null;this.toolbarStyle="menu";this.recipient=null;this.hasSignature=false;this.nextButtonLabel="Start";this.nextSubmits=false;this.fatalErrorHeader="";this.fatalErrorMessage="";this.focusedField="";this.disclosures=a;this.brand=null;this.fieldUpdateCounter=0;this.submitting=false;this.submitted=false;this.isDone=false;this.showDone=false;this.adoptingSignature=false;this.showLoadError=false;this.inviteExpired=false;this.freshLinkState="idle";this.finishLater=false;this.showFinishLater=false;this.agreed=false;this.signatureId=null;this.initialId=null;this.documentsSingularPlural="document";this.authStep=null;this.authMethodStates={};this.pageNumber=1;this.kbaQuestions=null;this.showSpinner=false;this.declining=false;this.delegating=false;this.delegated=false;this.kbaChoices=[];this.showDownloadDialog=false;this.loading=true;this.envelope=null;this.zoomLevel="normal";this.signingProgressMode="start";this.polling=true;this.renderedPages={};this.pollingInterval=null;this.handleDoneDialogDismiss=async()=>{this.showDone=false;if(!this.isDone){this.prepareForViewTransition();await new Promise((e=>requestAnimationFrame((()=>e()))));this.isDone=true}}}async componentDidLoad(){var e,i,t,s,o,n,l,a,r;this.updateZoomFromWindow();window.addEventListener("resize",(()=>this.updateZoomFromWindow()));if(!this.envelopeId){(e=this.sdkError)===null||e===void 0?void 0:e.emit(new $("[SIGN] Missing required envelopId",500,""));return}if(!this.roleId){(i=this.sdkError)===null||i===void 0?void 0:i.emit(new $("[SIGN] Missing required roleId",500,""));return}if(!this.inviteCode){(t=this.sdkError)===null||t===void 0?void 0:t.emit(new $("[SIGN] Missing required inviteCode",500,""));return}try{await this.initSigningSession()}catch(e){console.log("[SIGN] Error with signing session",e);(s=this.sdkError)===null||s===void 0?void 0:s.emit(new $(e.message,(o=e.response)===null||o===void 0?void 0:o.status,(n=e.response)===null||n===void 0?void 0:n.data));if(((l=e.response)===null||l===void 0?void 0:l.status)===410&&((r=(a=e.response)===null||a===void 0?void 0:a.data)===null||r===void 0?void 0:r.error)==="invite_expired"){this.inviteExpired=true}else{this.showLoadError=true}}}async requestFreshLink(){var e,i,t,s,o;if(this.freshLinkState!=="idle"){return}this.freshLinkState="sending";try{await this.endpoint.api.post(`/v2/sign/unauth/${this.envelopeId}/${encodeURIComponent(this.roleId)}/${this.inviteCode}/fresh-link`);this.freshLinkState="sent"}catch(n){console.log("[SIGN] Unable to request a fresh link",n);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new $(n.message,(i=n.response)===null||i===void 0?void 0:i.status,(t=n.response)===null||t===void 0?void 0:t.data));this.freshLinkState="idle";P(((o=(s=n.response)===null||s===void 0?void 0:s.data)===null||o===void 0?void 0:o.error)||"Unable to send a new link. Please try again.",{style:"error"})}}async initSigningSession(){console.log(`[SIGN] Processing invite code for ${this.envelopeId} / ${this.roleId}`);const e=await r(this.endpoint,this.envelopeId,this.roleId,this.inviteCode);this.processAuthResponse(e)}async retrySigningSession(){var e,i,t;this.showLoadError=false;this.loading=true;try{await this.initSigningSession()}catch(s){console.log("[SIGN] Error with signing session",s);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new $(s.message,(i=s.response)===null||i===void 0?void 0:i.status,(t=s.response)===null||t===void 0?void 0:t.data));this.showLoadError=true;this.loading=false}}prepareForViewTransition(){var e,i;this.stopPolling();(e=this.observer)===null||e===void 0?void 0:e.disconnect();this.observer=null;(i=document.getElementById("air-datepicker-global-container"))===null||i===void 0?void 0:i.remove()}async handleSubmitSuccess(){var e,i;this.submitting=false;this.submitted=true;this.nextSubmits=false;this.signingProgressMode="completed";try{const t=await d(this.endpoint,this.envelopeId);this.envelope=t;R.updateEnvelope(this.envelopeId,t);const s=(e=t.recipients)===null||e===void 0?void 0:e.find((e=>{var i;return e.role_name===((i=this.recipient)===null||i===void 0?void 0:i.role_name)}));if(s){this.recipient=s}(i=this.envelopeUpdated)===null||i===void 0?void 0:i.emit({endpoint:this.endpoint,envelope:t,event:"submitted"})}catch(e){console.warn("[SIGN] Error refreshing envelope after submit",e)}this.showDone=true}componentDidRender(){const e=this.headerTargetId?document.getElementById(this.headerTargetId):null;const i=document.getElementById("verdocs-sign-header");if(e&&i){console.log("[SIGN] Moving header");i.remove();e.append(i)}this.setupIntersectionObserver()}disconnectedCallback(){var e,i,t;this.stopPolling();(e=this.observer)===null||e===void 0?void 0:e.disconnect();window.removeEventListener("resize",(()=>this.updateZoomFromWindow()));(i=document.getElementById(this.getOrgStyleOverridesId()))===null||i===void 0?void 0:i.remove();(t=document.getElementById(this.getBrandStyleOverridesId()))===null||t===void 0?void 0:t.remove()}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"}}setupIntersectionObserver(){const e=this.el.querySelectorAll("verdocs-envelope-document-page");if(e.length===0)return;if(this.observer){this.observer.disconnect()}const i=this.el.querySelector(".signed-document-container");const t={root:i,rootMargin:"-40% 0px -40% 0px",threshold:0};this.observer=new IntersectionObserver((e=>{e.forEach((e=>{if(e.isIntersecting){const i=e.target.id;const t=parseInt(i.replace("page-",""),10);if(!isNaN(t)&&this.pageNumber!==t){this.pageNumber=t}}}))}),t);e.forEach((e=>this.observer.observe(e)))}getOrgStyleOverridesId(){return`verdocs-org-style-overrides-${this.envelopeId}`}getBrandStyleOverridesId(){return`verdocs-brand-style-overrides-${this.envelopeId}`}applyOrgStyleOverrides(){var e,i;const t=this.getOrgStyleOverridesId();const s=document.getElementById(t);const o=(i=(e=this.envelope)===null||e===void 0?void 0:e.organization)===null||i===void 0?void 0:i.style_overrides;if(typeof o==="string"){const e=s||document.createElement("style");e.id=t;e.textContent=o;if(!s){document.head.appendChild(e)}}else if(s){s.remove()}}synthesizeBrandCss(e){const i=typeof e.primary_color==="string"?e.primary_color.trim():"";if(!/^#[0-9a-f]{6}$/i.test(i)){return""}const t=(e,i)=>{const t=t=>Math.round(Math.max(0,Math.min(255,parseInt(e.slice(t,t+2),16)*(1+i))));return`#${[1,3,5].map((e=>t(e).toString(16).padStart(2,"0"))).join("")}`};const s=typeof e.secondary_color==="string"&&/^#[0-9a-f]{6}$/i.test(e.secondary_color.trim())?e.secondary_color.trim():i;return[":root, .verdocs-custom-theme {",`  --verdocs-primary-color: ${i};`,`  --verdocs-primary-color-hover: ${t(i,-.14)};`,`  --verdocs-link-color: ${s};`,`  --verdocs-checkbox-color: ${i};`,"}"].join("\n")}applyBrandStyleOverrides(e){const i=this.getBrandStyleOverridesId();const t=document.getElementById(i);const s=e?typeof e.style_overrides==="string"&&e.style_overrides.trim()?e.style_overrides:this.synthesizeBrandCss(e):"";if(typeof s==="string"&&s.length>0){const e=t||document.createElement("style");e.id=i;e.textContent=s;if(!t){document.head.appendChild(e)}}else if(t){t.remove()}}processAuthResponse(e){var i,t,s,o,n;const{envelope:l,recipient:r,brand:d}=e;(i=l.documents)===null||i===void 0?void 0:i.sort(((e,i)=>e.order!==i.order?e.order-i.order:e.created_at.localeCompare(i.created_at)));const{auth_step:c}=r;this.recipient=r;this.envelope=l;this.brand=d||null;this.disclosures=(d===null||d===void 0?void 0:d.disclaimer)||((s=(t=this.envelope)===null||t===void 0?void 0:t.organization)===null||s===void 0?void 0:s.disclaimer)||a;if(d){(o=document.getElementById(this.getOrgStyleOverridesId()))===null||o===void 0?void 0:o.remove();this.applyBrandStyleOverrides(d)}else{this.applyOrgStyleOverrides();this.applyBrandStyleOverrides(null)}this.authStep=c;this.delegated=!!r.delegated_to;this.agreed=r.agreed;this.signatureId=null;this.initialId=null;this.submitted=r.status==="submitted";this.loading=false;this.isDone=this.submitted;this.showDone=this.submitted;R.updateEnvelope(this.envelopeId,l);if(this.envelope.documents.length>0){this.documentsSingularPlural="document(s)"}this.authMethodStates=r.auth_method_states||{};this.kbaQuestions=r.kba_questions;if(r.status==="failed"||Object.values(this.authMethodStates).includes("failed")){this.fatalErrorHeader="Recipient Verification Failed";this.fatalErrorMessage="We were unable to verify your identity. The sender has been notified.";this.isDone=true}if(this.envelope.status==="canceled"){this.fatalErrorHeader="Unable to Start Signing Session";this.fatalErrorMessage="This envelope has been canceled. The sender has been notified."}else if(this.envelope.status==="expired"){this.fatalErrorHeader="Unable to Start Signing Session";this.fatalErrorMessage="This envelope has expired. Please contact the sender."}else if(r.status==="declined"){this.fatalErrorHeader="Declined";this.fatalErrorMessage="You have declined to sign this request. The sender has been notified."}else if(this.agreed){this.nextButtonLabel="Next"}this.checkRecipientFields();(n=this.envelopeLoaded)===null||n===void 0?void 0:n.emit({endpoint:this.endpoint,envelope:this.envelope})}handleClickAgree(){this.submitting=true;console.log("[SIGN] Accepting disclosures",this.disclosures);const e=Intl.DateTimeFormat().resolvedOptions();c(this.endpoint,this.envelopeId,this.roleId,this.disclosures,{locale:e.locale,timezone:e.timeZone}).then((()=>{var e;this.nextButtonLabel="Next";this.recipient.agreed=true;this.submitting=false;this.agreed=true;(e=this.envelopeUpdated)===null||e===void 0?void 0:e.emit({endpoint:this.endpoint,envelope:this.envelope,event:"agreed"})})).catch((e=>{var i,t,s;console.log("[SIGN] Unable to accept disclosures",e);P("Unable to accept disclosures, please try again later",{style:"error"});(i=this.sdkError)===null||i===void 0?void 0:i.emit(new $(e.message,(t=e.response)===null||t===void 0?void 0:t.status,(s=e.response)===null||s===void 0?void 0:s.data));this.submitting=false}))}handlePageSelect(e){const i=parseInt(e.target.value);if(!isNaN(i)){this.pageNumber=i;const e=this.el.querySelector(".signed-document-container");const t=this.el.querySelector(`#page-${i}`);if(e&&t){const i=t.offsetTop-20;e.scrollTo({top:i,behavior:"smooth"})}}}async handleOptionSelected(e){var i,t;switch(e.detail.id){case"later":this.finishLater=true;this.showFinishLater=true;(i=this.envelopeUpdated)===null||i===void 0?void 0:i.emit({endpoint:this.endpoint,envelope:this.envelope,event:"later"});break;case"delegate":this.delegating=true;break;case"decline":this.declining=true;break;case"print":window.print();(t=this.envelopeUpdated)===null||t===void 0?void 0:t.emit({endpoint:this.endpoint,envelope:this.envelope,event:"printed"});break;case"download":this.showDownloadDialog=true;this.startPolling();break}}startPolling(){this.stopPolling();const e=()=>{var e,i,t,s,o,n;const l=((e=this.envelope)===null||e===void 0?void 0:e.status)==="complete"||!!((i=this.envelope)===null||i===void 0?void 0:i.signed);const a=(s=(t=this.envelope)===null||t===void 0?void 0:t.documents)===null||s===void 0?void 0:s.some((e=>e.type==="certificate"));const r=(n=(o=this.envelope)===null||o===void 0?void 0:o.recipients)===null||n===void 0?void 0:n.every((e=>e.status==="submitted"));if(l&&a)return false;if(!r)return false;return true};if(!e()){return}this.polling=true;this.pollingInterval=setInterval((async()=>{try{const i=await d(this.endpoint,this.envelopeId);this.envelope=i;R.updateEnvelope(this.envelopeId,i);this.checkRecipientFields();if(!e()){this.stopPolling()}}catch(e){console.error("[SIGN] 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"}}updateRecipientFieldValue(e,i){console.log("[SIGN] updateRecipientFieldValue",e,i);this.getRecipientFields().forEach((t=>{if(t.name===e){t.value=i.value;t.settings=i.settings;T(t);this.fieldUpdateCounter++;this.markEnvelopeStarted();this.checkRecipientFields()}}))}getStartedKey(){var e;return`${this.envelopeId}:${((e=this.recipient)===null||e===void 0?void 0:e.role_name)||""}`}markEnvelopeStarted(){const e=JSON.parse(localStorage.getItem("startedEnvelopes")||"[]");const i=this.getStartedKey();if(!e.includes(i)){e.push(i);while(e.length>10){e.shift()}localStorage.setItem("startedEnvelopes",JSON.stringify(e))}}saveFieldChange(e,i,t){const s=this.getRecipientFields().find((i=>i.name===e));if(s===null||s===void 0?void 0:s.readonly){return}console.log("[SIGN] saveFieldChange",e,{value:i,prepared:t});h(this.endpoint,this.envelopeId,this.roleId,e,i,t).then((i=>this.updateRecipientFieldValue(e,i))).catch((e=>{var i,t,s,o,n,l;if(((i=e.response)===null||i===void 0?void 0:i.status)===401&&((s=(t=e.response)===null||t===void 0?void 0:t.data)===null||s===void 0?void 0:s.error)==="jwt expired"){console.log("[SIGN] Signing session expired");this.fatalErrorHeader="Signing Session Expired";this.fatalErrorMessage="Please reload your browser to continue."}else{console.log("[SIGN] Server error",e);P("Unable to save change, please try again later",{style:"error"})}(o=this.sdkError)===null||o===void 0?void 0:o.emit(new $(e.message,(n=e.response)===null||n===void 0?void 0:n.status,(l=e.response)===null||l===void 0?void 0:l.data))}))}async handleFieldChange(e,i){if(!i.target){return}const{value:t,checked:s}=i.target;switch(e.type){case"textarea":case"textbox":return this.saveFieldChange(e.name,t,false);case"checkbox":{return this.saveFieldChange(e.name,String(i.target.checked),false)}case"radio":{return this.saveFieldChange(e.name,String(i.target.checked),false)}case"dropdown":console.log("Saving dropdown",e.name,i.detail);return this.saveFieldChange(e.name,i.detail,false);case"initial":if(i.detail===undefined){return}if(i.detail===null){console.log("[SIGN] Clearing initial");const i=await h(this.endpoint,this.envelopeId,this.roleId,e.name,null,false);return this.updateRecipientFieldValue(e.name,i)}if(this.initialId){console.log("[SIGN] Reusing initial",this.initialId);const i=await h(this.endpoint,this.envelopeId,this.roleId,e.name,this.initialId,false);return this.updateRecipientFieldValue(e.name,i)}if(typeof i.detail==="string"&&/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(i.detail)){console.log("[SIGN] Reusing initial",i.detail);const t=await h(this.endpoint,this.envelopeId,this.roleId,e.name,i.detail,false);this.initialId=i.detail;return this.updateRecipientFieldValue(e.name,t)}this.showSpinner=true;const o=await(await fetch(i.detail)).blob();return p(this.endpoint,"initial",o).then((async i=>{const t=await h(this.endpoint,this.envelopeId,this.roleId,e.name,i.id,false);this.updateRecipientFieldValue(e.name,t);this.initialId=i.id;this.showSpinner=false})).catch((e=>{console.log("Error updating initials",e);P("Unable to save initials, please try again later",{style:"error"});this.showSpinner=false}));case"signature":if(i.detail===undefined){return}if(i.detail===null){console.log("[SIGN] Clearing signature");const i=await h(this.endpoint,this.envelopeId,this.roleId,e.name,null,false);return this.updateRecipientFieldValue(e.name,i)}if(this.signatureId){console.log("[SIGN] Reusing signature",this.signatureId);const i=await h(this.endpoint,this.envelopeId,this.roleId,e.name,this.signatureId,false);return this.updateRecipientFieldValue(e.name,i)}if(typeof i.detail==="string"&&/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(i.detail)){console.log("[SIGN] Reusing signature",i.detail);const t=await h(this.endpoint,this.envelopeId,this.roleId,e.name,i.detail,false);this.signatureId=i.detail;return this.updateRecipientFieldValue(e.name,t)}this.showSpinner=true;const n=await(await fetch(i.detail)).blob();console.log("[SIGN] Creating new signature");return u(this.endpoint,"signature",n).then((async i=>{console.log("Signature update result",i);const t=await h(this.endpoint,this.envelopeId,this.roleId,e.name,i.id,false);this.updateRecipientFieldValue(e.name,t);this.signatureId=i.id;this.showSpinner=false})).catch((e=>{console.warn("[SIGN] Error updating signature",e);P("Unable to save signature, please try again later",{style:"error"});this.showSpinner=false}));case"date":const{formattedDate:l}=i.detail;if(l){return this.saveFieldChange(e.name,l,false)}break;case"timestamp":console.log("[SIGN] Updating timestamp",{value:t,ts:i.target.getAttribute("timestamp")});break;default:console.log("[SIGN] Unhandled field update",{value:t,checked:s},e);break}}getSortedFillableFields(){const e=this.getRecipientFields().filter((e=>e.type!=="timestamp"&&!e.readonly));g(e);return e}getSortedDisplayableFields(){const e=this.getRecipientFields().filter((e=>e.type!=="timestamp"));g(e);return e}async handleNext(){var e;if(this.nextSubmits){if(this.submitted){return}try{(e=document.getElementById("air-datepicker-global-container"))===null||e===void 0?void 0:e.remove();this.submitting=true;const i=Intl.DateTimeFormat().resolvedOptions();const t=await v(this.endpoint,this.envelopeId,this.roleId,{locale:i.locale,timezone:i.timeZone});console.log("[SIGN] Submitted successfully",t);await this.handleSubmitSuccess()}catch(e){console.log("[SIGN] Error submitting",e);this.submitting=false;P("Unable to submit document, please try again.",{style:"error"})}return}const i=this.getSortedFillableFields().filter((e=>!this.isFieldActuallyFilled(e)));const t=this.getNextFieldFromList(i);if(t){const e=H(t);const i=document.getElementById(e);i===null||i===void 0?void 0:i.scrollIntoView({behavior:"smooth",block:"center",inline:"center"});i===null||i===void 0?void 0:i.focusField();this.focusedField=t.name}}handleNextOptional(){const e=this.getSortedFillableFields().filter((e=>!e.required&&!this.isFieldActuallyFilled(e)));const i=this.getNextFieldFromList(e);if(i){const e=H(i);const t=document.getElementById(e);t===null||t===void 0?void 0:t.scrollIntoView({behavior:"smooth",block:"center",inline:"center"});t===null||t===void 0?void 0:t.focusField();this.focusedField=i.name}}getRecipientFields(){var e;return((e=this.envelope)===null||e===void 0?void 0:e.fields.filter((e=>e.role_name===this.recipient.role_name)))||[]}getRequiredTotalCount(){return this.getSortedFillableFields().filter((e=>e.required)).length}getRequiredFilledCount(){return this.getSortedFillableFields().filter((e=>e.required&&this.isFieldActuallyFilled(e))).length}getOptionalUnfilledCount(){return this.getSortedFillableFields().filter((e=>!e.required&&!this.isFieldActuallyFilled(e))).length}checkRecipientFields(){if(this.submitted||this.isDone){return}const e=this.getRecipientFields().filter((e=>!f(e,this.getRecipientFields())));if(e.length<1){this.nextButtonLabel="Finish";if(!this.nextSubmits){this.nextSubmits=true}}else{this.nextButtonLabel="Next";this.nextSubmits=false}this.updateAllFlags();const i=JSON.parse(localStorage.getItem("startedEnvelopes")||"[]");const t=i.includes(this.getStartedKey());if(this.nextSubmits){this.signingProgressMode="completed"}else if(t){this.signingProgressMode="signing"}else{this.signingProgressMode="start"}}isFieldActuallyFilled(e){if(e.type==="radio"&&e.group){const i=this.getRecipientFields().some((i=>i.group===e.group&&i.value==="true"));if(i){return true}}return m(e,this.getRecipientFields())&&(e.type!=="dropdown"||!!e.value)&&(e.type!=="radio"||e.value==="true")&&(e.type!=="checkbox"||e.value==="true")}getNextRequiredField(){const e=this.getSortedFillableFields().filter((e=>e.required&&!this.isFieldActuallyFilled(e)));g(e);if(e.length===0){const e=this.getSortedFillableFields().filter((e=>!this.isFieldActuallyFilled(e)));g(e);if(e.length>0){return this.getNextFieldFromList(e)}return null}return this.getNextFieldFromList(e)}getNextFieldFromList(e){const i=e.findIndex((e=>e.name===this.focusedField));let t=i+1;if(t>=e.length){t=0}return e[t]}handlePrev(){var e;const i=this.getSortedFillableFields();const t=i.findIndex((e=>e.name===this.focusedField));if(t>0){const s=i[t-1];const o=H(s);const n=document.getElementById(o);n===null||n===void 0?void 0:n.scrollIntoView({behavior:"smooth",block:"center"});(e=n===null||n===void 0?void 0:n.focusField)===null||e===void 0?void 0:e.call(n);this.focusedField=s.name}}updateAllFlags(){Object.values(this.renderedPages).forEach((e=>{this.updateFlagsForPage(e)}))}updateFlagsForPage(e){if(!e)return;const i=document.getElementById(e.containerId+"-controls");if(!i)return;const t=i.querySelectorAll(".verdocs-flag-instance");t.forEach((e=>e.remove()));let s=this.getNextRequiredField();const o=this.getRecipientFields().find((e=>e.name===this.focusedField));if(o&&!m(o,this.getRecipientFields())){s=o}if(s&&s.page===e.pageNumber&&s.document_id===e.documentId){const i="fill";let t="FILL";let o=false;switch(s.type){case"signature":t="SIGN";break;case"initial":t="INITIAL";break;case"checkbox":t="CHECK";break;case"radio":t="SELECT";break;case"date":case"dropdown":t="SELECT";break;case"attachment":t="ATTACH";break;case"payment":t="PAY";break}if(!s.required){o=true}F(e,s.y,s.height||E(s.type),{variant:i,label:t,showSkip:o,onSkip:()=>{this.handleNext()},onClick:()=>{var e;const i=H(s);const t=document.getElementById(i);t===null||t===void 0?void 0:t.scrollIntoView({behavior:"smooth",block:"center"});(e=t===null||t===void 0?void 0:t.focusField)===null||e===void 0?void 0:e.call(t)}})}}attachFieldAttributes(e,i,t){if(t.getAttribute("attached")==="1"){return}t.setAttribute("attached","1");t.addEventListener("input",(e=>{if(e.target.type==="radio"||e.target.type==="checkbox"){this.handleFieldChange(i,e).finally((()=>this.checkRecipientFields()))}else{this.checkRecipientFields()}}));t.addEventListener("attached",(async t=>{console.log("[SIGN] onAttached",t.detail,t.target.value);this.showSpinner=true;try{const s=await x(this.endpoint,this.envelopeId,this.roleId,i.name,t.detail);this.updateRecipientFieldValue(i.name,s);this.checkRecipientFields();const o=D("envelope",i,e,{disabled:false,editable:false,draggable:false,done:this.isDone});this.attachFieldAttributes(e,i,o);this.showSpinner=false}catch(t){console.log("Error uploading attachment",t);P("Unable to upload attachment, please try again later",{style:"error"});this.showSpinner=false}}));t.addEventListener("deleted",(async t=>{console.log("[SIGN] onDeleted",t.detail,t.target.value);this.showSpinner=true;try{const t=await b(this.endpoint,this.envelopeId,this.roleId,i.name);console.log("[SIGN] Deleted attachment",t);this.updateRecipientFieldValue(i.name,t);this.checkRecipientFields();const s=D("envelope",i,e,{disabled:false,editable:false,draggable:false,done:this.isDone});this.attachFieldAttributes(e,i,s);this.showSpinner=false}catch(t){console.log("Error uploading attachment",t);P("Unable to upload attachment, please try again later",{style:"error"});this.showSpinner=false}}));t.addEventListener("focusout",(e=>{if(i.type!=="dropdown"&&i.type!=="attachment"&&i.type!=="signature"&&i.type!=="initial"&&i.type!=="checkbox"&&i.type!=="radio"){this.handleFieldChange(i,e).finally((()=>this.checkRecipientFields()))}}));t.addEventListener("fieldChange",(e=>{this.handleFieldChange(i,e).finally((()=>this.checkRecipientFields()))}));t.addEventListener("adopt",(()=>{this.focusedField=i.name;this.adoptingSignature=true}));t.setAttribute("templateid",this.envelope.template_id);t.setAttribute("fieldname",i.name);t.setAttribute("page",e.pageNumber);t.setAttribute("xScale",e.xScale);t.setAttribute("yScale",e.yScale);const s=w(this.recipient);t.setAttribute("initials",y(s));t.setAttribute("name",s);if(this.signatureId){t.setAttribute("signatureid",this.signatureId)}if(this.initialId){t.setAttribute("initialid",this.initialId)}}handlePageRendered(e){const i=e.detail;this.renderedPages[`${i.documentId}:${i.pageNumber}`]=i;const t=this.getSortedDisplayableFields();t.filter((e=>e&&e.document_id===i.documentId&&e.page===i.pageNumber)).forEach(((e,t)=>{const s=D("envelope",e,i,{disabled:false,editable:false,draggable:false,done:this.isDone},t);if(!s){return}if(Array.isArray(s)){s.map((t=>this.attachFieldAttributes(i,e,t)))}else{this.attachFieldAttributes(i,e,s)}}));this.envelope.recipients.filter((e=>e.role_name!==this.recipient.role_name&&(e.status==="invited"||e.status==="opened"||e.status==="pending"))).forEach((()=>{this.getRecipientFields().filter((e=>e.document_id===i.documentId&&e.page===i.pageNumber)).forEach((e=>{const t=D("envelope",e,i,{disabled:true,editable:false,draggable:false,done:this.isDone});if(!t){return}if(Array.isArray(t)){t.map((t=>this.attachFieldAttributes(i,e,t)))}else{this.attachFieldAttributes(i,e,t)}}))}));this.checkRecipientFields();this.updateFlagsForPage(i)}handleAuthenticateSigner(e){console.log("[SIGN] Submitting authentication step",e);k(this.endpoint,e).then((e=>{console.log("[SIGN] Verification successful",e);this.processAuthResponse(e)})).catch((e=>{var i,t,s,o,n,l;console.log("[SIGN] Error submitting authentication step",e);console.log((i=e.response)===null||i===void 0?void 0:i.data);if((o=(s=(t=e.response)===null||t===void 0?void 0:t.data)===null||s===void 0?void 0:s.error)===null||o===void 0?void 0:o.includes("failed")){this.fatalErrorHeader="Recipient Verification Failed";this.fatalErrorMessage="We were unable to verify your identity. The sender has been notified.";this.isDone=true}else{P(((l=(n=e.response)===null||n===void 0?void 0:n.data)===null||l===void 0?void 0:l.error)||"Unable to verify your identity. Please try again.",{style:"error"})}}))}async handleOnDownload(e){var i,t;const{action:s,documentId:o}=e.detail;console.log("[SIGN] Download action selected:",s,o);try{switch(s){case V.certificate:const e=this.envelope.documents.find((e=>e.type==="certificate"));if(e){const i=await C(this.endpoint,e.id);window.open(i,"_blank")}else{P("Certificate not yet available.",{style:"info"})}break;case V.combined:const s=o||((i=this.envelope.documents.find((e=>e.type==="certificate")))===null||i===void 0?void 0:i.id);const n=await I(this.endpoint,s);window.open(n,"_blank");break;case V.document:const l=o||((t=this.envelope.documents.find((e=>e.type==="attachment")))===null||t===void 0?void 0:t.id);if(l){const e=await C(this.endpoint,l);window.open(e,"_blank")}break;case V.zip:const a=await S(this.endpoint,[this.envelopeId]);const r=window.URL.createObjectURL(a.data);const d=document.createElement("a");d.href=r;d.download=`${this.envelope.name}.zip`;document.body.appendChild(d);d.click();d.remove();window.URL.revokeObjectURL(r);break}}catch(e){console.error("Download error",e);P("Unable to complete download request.",{style:"error"})}}render(){var e;if(this.inviteExpired){const e=this.freshLinkState==="sent";return t(s,null,t("verdocs-ok-dialog",{heading:"Sorry, this link has expired",message:e?"Thank you. Check your email for a new link.":"For security reasons, we need to re-verify your email address. Please click the button below to proceed.",buttonLabel:e?"OK":"Verify",onNext:()=>this.requestFreshLink()}))}if(this.showLoadError){return t(s,null,t("verdocs-ok-dialog",{heading:"Unable to Start Signing",message:`Sorry, your invite code is invalid or has expired. Please check your email for an updated invitation, or contact the sender.`,buttonLabel:"OK",onNext:()=>{this.retrySigningSession()}}))}if(!this.envelope){return t(s,null,t("verdocs-loader",null))}if(this.fatalErrorMessage){return t(s,{class:{agreed:this.agreed}},t("div",{class:"fatal-error"},t("div",{class:"message"},t("div",{class:"header"},this.fatalErrorHeader),t("p",null,this.fatalErrorMessage))))}if(this.delegated){return t(s,{class:{agreed:false}},t("div",{class:"fatal-error"},t("div",{class:"message"},t("div",{class:"header"},"Delegated Signing Request"),t("p",null,"You have delegated signing to another recipient. You will not be able to sign this request again."))))}if(this.isDone){return t(s,{class:{agreed:this.agreed}},t("verdocs-view",{endpoint:this.endpoint,envelopeId:this.envelopeId,onSdkError:e=>{var i;return(i=this.sdkError)===null||i===void 0?void 0:i.emit(e.detail)}}),this.showDone&&t("verdocs-ok-dialog",{heading:"You're Done!",message:`You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`,onNext:e=>{e.preventDefault();e.stopPropagation();this.handleDoneDialogDismiss()},onExit:()=>this.handleDoneDialogDismiss()}),this.submitting&&t("div",{class:"loading-indicator"},t("verdocs-loader",null)))}if(this.delegating){return t(s,{class:"agreed"},t("div",{class:"document",style:{paddingTop:"15px"}},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"})),t("verdocs-delegate-dialog",{endpoint:this.endpoint,envelope:this.envelope,onExit:()=>this.delegating=false,onNext:e=>{N(this.endpoint,this.envelopeId,this.roleId,e.detail).then((e=>{P("Delegation request submitted.",{style:"success"});console.log("[SIGN] Delegated successfully",e);this.delegated=true;this.delegating=false})).catch((e=>{console.log("[SIGN] Error delegating request",e);P("Unable to process delegation request. Please try again later.",{style:"error"})}))}}))}if(this.declining){return t(s,{class:"agreed"},t("div",{class:"document",style:{paddingTop:"15px"}},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"})),t("verdocs-ok-dialog",{heading:"Decline Signing Request",message:`If you decline to sign this request, you will not be able to sign again in the future. The envelope sender will be notified.`,buttonLabel:"OK",showCancel:true,onExit:()=>this.declining=false,onNext:()=>{z(this.endpoint,this.envelopeId,this.roleId).then((e=>{console.log("[SIGN] Decline result",e);this.declining=false;this.fatalErrorHeader="Declined";this.fatalErrorMessage="You have declined to sign this request. The sender has been notified."})).catch((e=>{console.warn("[SIGN] Error declining signing session",e);P("Unable to decline, please try again later",{style:"error"})}))}}))}if(!this.agreed){return t(s,{class:"agreed"},t("div",{class:"document",style:{paddingTop:"15px"}},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"})),t("verdocs-disclosure-dialog",{disclosures:this.disclosures,delegator:this.recipient.delegator,onDelegate:()=>this.delegating=true,onDecline:()=>this.declining=true,onAccept:()=>this.handleClickAgree()}))}if(this.authStep==="passcode"){return t("verdocs-passcode-dialog",{endpoint:this.endpoint,onNext:e=>this.processAuthResponse(e.detail.response)})}if(this.authStep==="sms"){return t("verdocs-otp-dialog",{endpoint:this.endpoint,method:"sms",onNext:async e=>{this.processAuthResponse(e.detail.response)}})}if(this.authStep==="email"){return t("verdocs-otp-dialog",{endpoint:this.endpoint,method:"email",onNext:async e=>{this.processAuthResponse(e.detail.response)}})}if(this.authStep==="kba"&&!this.authMethodStates.kba){return t(s,{class:"kba"},t("div",{id:"verdocs-sign-header"},t("div",{class:"inner"},t("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),t("div",{class:"title"},this.envelope.name))),t("div",{class:"document",style:{paddingTop:"15px"}},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"})),t("div",{class:"cover"},t("div",{class:"kba"},t("verdocs-kba-dialog",{mode:"identity",helptitle:"Document requires identity verification",helptext:"Please complete your contact details to proceed.",recipient:this.recipient,onNext:async e=>{const i=e.detail;this.handleAuthenticateSigner({auth_method:"kba",first_name:i.first_name,last_name:i.last_name,address:i.address,city:i.city,state:i.state,zip:i.zip,dob:i.dob})}}))))}if(this.authStep==="kba"&&this.authMethodStates.kba==="questions"){const e=this.kbaChoices.length;const i=this.kbaQuestions[e];return t(s,{class:"kba"},t("div",{id:"verdocs-sign-header"},t("div",{class:"inner"},t("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),t("div",{class:"title"},this.envelope.name))),t("div",{class:"document",style:{paddingTop:"15px"}},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"})),t("div",{class:"cover"},t("div",{class:"kba"},this.kbaChoices.length>=this.kbaQuestions.length?t("verdocs-spinner",null):t("verdocs-kba-dialog",{mode:"choice",helptitle:"Your identity requires additional verification",helptext:(i===null||i===void 0?void 0:i.prompt)||"Please select one of the options below.",choices:(i===null||i===void 0?void 0:i.answer)||["Skip Question"],step:e+1,steps:this.kbaQuestions.length,onNext:async e=>{const i=e.detail;this.kbaChoices=[...this.kbaChoices,i];if(this.kbaChoices.length>=this.kbaQuestions.length){const e=this.kbaQuestions.map(((e,i)=>({type:e.type,answer:this.kbaChoices[i]})));console.log("Submitting KBA responses",this.kbaChoices,e);this.handleAuthenticateSigner({auth_method:"kba",responses:e})}}}))))}const i=[{id:"later",label:"Finish Later"},{id:"decline",label:"Decline to Sign"},{id:"print",label:"Print Without Signing"},{id:"download",label:"Download"}];const n=[{id:"print",label:"Print"},{id:"download",label:"Download"}];if(this.recipient.delegator){i.unshift({id:"delegate",label:"Delegate"})}const l=this.getRecipientFields().filter((e=>!f(e,this.getRecipientFields())));l.length>0?console.log("[SIGN] Invalid fields remaining",l.map((e=>e.name))):console.log("[SIGN] All field valid");const a=this.envelope.documents.reduce(((e,i)=>e+i.pages),0);const r=G(1,a).map((e=>({label:e.toString(),value:e.toString()})));let d=0;return t(s,null,this.toolbarStyle==="menu"&&t("div",{id:"verdocs-sign-header"},t("div",{class:"inner"},t("div",{class:"title"},this.envelope.name),t("div",{style:{flex:"1"}}),!this.finishLater&&!this.submitted&&(()=>{const e=this.getRequiredTotalCount()-this.getRequiredFilledCount();const i=this.getOptionalUnfilledCount();if(e>0){return t("span",{class:"remaining-count"},e," required field",e===1?"":"s"," left")}return t("span",{class:"remaining-count"},t("span",{class:"check-icon",innerHTML:M}),"All required fields complete",i>0&&t("div",{class:"review-optional"},t("span",{class:"separator"},"| "),t("span",{onClick:()=>this.handleNextOptional()},"Review ",i," optional")))})(),!this.finishLater&&!this.submitted&&t("verdocs-button",{size:"xsmall",label:this.nextButtonLabel==="Next"?"Next Required":this.nextButtonLabel,disabled:!this.agreed||this.submitting||this.submitted,onClick:()=>this.handleNext()}),t("div",{class:{"icon-button":true,minus:true,disabled:this.zoomLevel==="normal",magnify:true},innerHTML:A,onClick:()=>this.handleZoomOut()}),t("div",{class:{"icon-button":true,plus:true,disabled:this.zoomLevel==="zoom2",magnify:true},innerHTML:O,onClick:()=>this.handleZoomIn()}),t("verdocs-dropdown",{options:!this.isDone&&!this.finishLater&&!this.submitted?i:n,onOptionSelected:e=>this.handleOptionSelected(e)}))),this.toolbarStyle==="controls"&&t("div",{class:"controls-toolbar"},t("div",{class:"left-controls"},t("div",{class:"title"},this.envelope.name)),t("div",{class:"center-controls"},t("span",{class:"label"},"Page"),t("div",{class:"select-wrapper"},t("verdocs-select-input",{options:r,value:this.pageNumber.toString(),onInput:e=>this.handlePageSelect(e)})),t("span",{class:"count"},"of ",a)),t("div",{class:"right-controls"},!this.submitted&&t("verdocs-button",{class:"mobile-next-button",label:this.nextButtonLabel,size:"xsmall",disabled:!this.agreed||this.submitting,onClick:()=>this.handleNext()}),t("div",{class:{"icon-button":true,minus:true,disabled:this.zoomLevel==="normal"},innerHTML:A,onClick:()=>this.handleZoomOut()}),t("div",{class:{"icon-button":true,plus:true,disabled:this.zoomLevel==="zoom2"},innerHTML:O,onClick:()=>this.handleZoomIn()}),t("div",{class:"icon-button download",innerHTML:j,onClick:()=>this.handleOptionSelected({detail:{id:"download"}})}),t("div",{class:"icon-button print",innerHTML:Z,onClick:()=>this.handleOptionSelected({detail:{id:"print"}})}))),t("div",{class:`document signed-document-container zoom-${this.zoomLevel}`},(this.envelope.documents||[]).map((e=>{const i=G(1,e.pages);return t(o,null,this.envelope.documents.length>1&&t("div",{class:"document-separator"},t("div",{innerHTML:q}),t("span",null,e.name)),i.map((i=>{var s;const o=((s=e.page_sizes)===null||s===void 0?void 0:s[i])||{width:612,height:792};d++;return t("verdocs-envelope-document-page",{id:`page-${d}`,envelopeId:this.envelopeId,documentId:e.id,endpoint:this.endpoint,virtualWidth:o.width,virtualHeight:o.height,pageNumber:i,onPageRendered:e=>this.handlePageRendered(e),type:"filled",layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})})))}))),this.showFinishLater&&t("verdocs-ok-dialog",{heading:"You've saved your document to finish later.",message:`To complete the ${this.documentsSingularPlural}, use the link in the original email notification inviting you to review and finish the document.`,onNext:()=>{this.isDone=true;this.showFinishLater=false}}),this.showDone&&t("verdocs-ok-dialog",{heading:"You're Done!",message:`You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`,onNext:()=>{this.handleDoneDialogDismiss()},onExit:()=>this.handleDoneDialogDismiss()}),this.adoptingSignature&&t("verdocs-adopt-signature-dialog",{name:w(this.recipient),nameLocked:!!((e=this.recipient)===null||e===void 0?void 0:e.name_locked),onNext:async e=>{console.log("[SIGN] Adopting signature/initials block",e.detail);this.showSpinner=true;const i=await(await fetch(e.detail.signature)).blob();const t=await(await fetch(e.detail.initials)).blob();const s=await u(this.endpoint,"signature",i);console.log("[SIGN] Created signature",s);this.signatureId=s.id;const o=await p(this.endpoint,"initial",t);console.log("[SIGN] Created initials",o);this.initialId=o.id;this.showSpinner=false;this.adoptingSignature=false;this.markEnvelopeStarted();if(this.focusedField){const e=this.getRecipientFields().find((e=>e.name===this.focusedField));if(e){const i=e.type==="signature"?this.signatureId:e.type==="initial"?this.initialId:null;if(i){const t=await h(this.endpoint,this.envelopeId,this.roleId,e.name,i,false);this.updateRecipientFieldValue(e.name,t)}}this.focusedField=""}const n=this.el.querySelectorAll("verdocs-field-signature");n.forEach((e=>e.setAttribute("signatureid",this.signatureId)));const l=this.el.querySelectorAll("verdocs-field-initial");l.forEach((e=>e.setAttribute("initialid",this.initialId)));this.checkRecipientFields()},onExit:()=>this.adoptingSignature=false}),(this.submitting||this.showSpinner)&&t("verdocs-portal",null,t("div",{class:"spinner-overlay"},t("verdocs-spinner",null))),this.showDownloadDialog&&t("verdocs-download-dialog",{signed:this.envelope.signed,polling:this.polling,documents:this.envelope.documents,onExit:()=>{this.showDownloadDialog=false;this.stopPolling()},onDownload:e=>this.handleOnDownload(e)}),!this.loading&&!this.isDone&&!this.submitted&&t("verdocs-sign-footer",{endpoint:this.endpoint,envelopeId:this.envelopeId,brand:this.brand,isDone:this.isDone,onAskQuestion:e=>{L(this.endpoint,this.envelopeId,this.roleId,{question:e.detail.question}).then((()=>P("Your question has been sent.",{style:"success"}))).catch((e=>{console.log("Error asking question",e);P("Unable to send question, please try again later.",{style:"error"})}))},onDecline:()=>this.declining=true,onFinishLater:()=>this.showFinishLater=true}))}get el(){return n(this)}};Y.style=U();export{Y as verdocs_sign};
+//# sourceMappingURL=p-1f708b6a.entry.js.map