@verdocs/web-sdk 6.13.3 → 6.14.0

package/dist/verdocs-web-sdk/p-2cddbced.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsCheckboxCss","VerdocsCheckbox","exports","class_1","hostRef","this","checked","name","label","value","theme","size","disabled","prototype","render","h","Host","key","class","_f","type","verdocsComponentErrorCss","VerdocsComponentError","class_2","message","verdocsLoaderCss","VerdocsLoader","class_3","verdocsSelectInputCss","VerdocsSelectInput","class_4","_this","options","map","option","selected","verdocsTemplateFieldPropertiesCss","capitalize","str","charAt","toUpperCase","slice","TOGGLE_TYPES","TEXT_TYPES","TrashIcon","HelpIcon","VerdocsTemplateFieldProperties","class_5","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","concat","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","updatedField","__awaiter","newTemplate","JSON","parse","stringify","fieldIndex","findIndex","siblings","filter","sibling","this_1","cleared","_g","sent","siblings_1","_i","length","updateTemplate","settingsChanged","catch","err","VerdocsToast","style","_d","_e","handleDelete","deleteField","delete","__spreadArray","opt","id","flex","innerHTML","onClick","hasOptions","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":"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","ignoreList":[]}

package/dist/verdocs-web-sdk/{p-99a6b317.system.entry.js → p-36f2fe29.system.entry.js}

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,o){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,s){function n(e){try{c(o.next(e))}catch(e){s(e)}}function a(e){try{c(o["throw"](e))}catch(e){s(e)}}function c(e){e.done?i(e.value):r(e.value).then(n,a)}c((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},o,r,s,n=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return n.next=a(0),n["throw"]=a(1),n["return"]=a(2),typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function a(e){return function(t){return c([e,t])}}function c(a){if(o)throw new TypeError("Generator is already executing.");while(n&&(n=0,a[0]&&(i=0)),i)try{if(o=1,r&&(s=a[0]&2?r["return"]:a[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,a[1])).done)return s;if(r=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;r=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){i.label=a[1];break}if(a[0]===6&&i.label<s[1]){i.label=s[1];s=a;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(a);break}if(s[2])i.ops.pop();i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e];r=0}finally{o=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-De3fNE_u.system.js","@verdocs/js-sdk","./p-nfw6V5pF.system.js","./p-fEbwslLK.system.js","./p-DzZgjFK8.system.js","./p-C7pDryJb.system.js","./p-CwIkMPyJ.system.js"],(function(e){"use strict";var t,i,o,r,s,n,a,c,l,d,u,p,h,f;return{setters:[function(e){t=e.r;i=e.c;o=e.h;r=e.H;s=e.F;n=e.g},function(e){a=e.VerdocsEndpoint;c=e.getTemplateDocumentPageDisplayUri;l=e.getTemplate},function(e){d=e.t;u=e.f;p=e.g},function(e){h=e.S},function(e){f=e.c},null,null],execute:function(){var v=function(){return"verdocs-template-document-page{width:100%;position:relative}verdocs-template-document-page .verdocs-template-document-page-layer{position:absolute;top:0;left:0;right:0;bottom:0;-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)}verdocs-template-document-page .verdocs-template-document-page-layer.img{width:100%}verdocs-template-document-page .placeholder{opacity:0.1;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)}"};var b=e("verdocs_template_document_page",function(){function e(e){t(this,e);this.pageRendered=i(this,"pageRendered");this.templateListenerId=null;this.endpoint=a.getDefault();this.editable=false;this.disabled=false;this.done=false;this.templateId="";this.documentId="";this.pageNumber=1;this.virtualWidth=612;this.virtualHeight=792;this.layers=[{name:"page",type:"canvas"}];this.containerId="verdocs-document-page-".concat(Math.random().toString(36).substring(2,11));this.renderedWidth=this.virtualWidth;this.renderedHeight=this.virtualHeight;this.naturalWidth=this.virtualWidth;this.naturalHeight=this.virtualHeight;this.aspectRatio=this.virtualWidth/this.virtualHeight;this.skipFirstNotification=true;this.pageDisplayUri="";this.xScale=1;this.yScale=1;this.loading=true;this.template=null}e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:e=this;return[4,c(this.endpoint,this.documentId,this.pageNumber)];case 1:e.pageDisplayUri=t.sent();this.listenToTemplate();return[2]}}))}))};e.prototype.componentDidLoad=function(){var e=this;this.resizeObserver=new ResizeObserver(d((function(t){for(var i=0,o=t;i<o.length;i++){var r=o[i];var s=r.contentRect.width;e.renderedWidth=s;e.renderedHeight=e.virtualHeight*(s/e.virtualWidth)}e.notifyRenderedSize()}),100));this.resizeObserver.observe(this.container)};e.prototype.componentDidUpdate=function(){this.notifyRenderedSize()};e.prototype.disconnectedCallback=function(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();this.unlistenToTemplate()};e.prototype.listenToTemplate=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){this.unlistenToTemplate();h.subscribe("templates",this.templateId,(function(){return l(e.endpoint,e.templateId)}),false,(function(t){e.template=t;e.loading=false}));return[2]}))}))};e.prototype.unlistenToTemplate=function(){if(this.templateListenerId){h.store.delListener(this.templateListenerId);this.templateListenerId=null}};e.prototype.notifyRenderedSize=function(){if(this.skipFirstNotification){this.skipFirstNotification=false;return}var e=this.renderedWidth/this.virtualWidth;if(this.xScale!==e){this.xScale=e}var t=this.renderedHeight/this.virtualHeight;if(this.yScale!==t){this.yScale=t}this.pageRendered.emit({containerId:this.containerId,documentId:this.documentId,pageNumber:this.pageNumber,virtualWidth:this.virtualWidth,virtualHeight:this.virtualHeight,renderedWidth:this.renderedWidth,renderedHeight:this.renderedHeight,naturalWidth:this.naturalWidth,naturalHeight:this.naturalHeight,aspectRatio:this.aspectRatio,xScale:e,yScale:t})};e.prototype.render=function(){var e=this;if(this.loading){return o(r,null,o("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",class:"placeholder",alt:"Placeholder page"}))}var t="".concat(this.renderedHeight,"px");return o(r,{id:"".concat(this.containerId),style:{height:t,flex:"0 0 ".concat(t)}},this.layers.map((function(i){var r;return i.type==="div"?o("div",{class:"verdocs-template-document-page-layer",id:"".concat(e.containerId,"-").concat(i.name),style:{height:t}},i.name==="controls"&&(((r=e.template)===null||r===void 0?void 0:r.fields)||[]).filter((function(t){return t&&t.document_id===e.documentId&&t.page===e.pageNumber})).map((function(t){var i,r;var n=p(t);var a=t.name,c=t.type,l=t.multiline;var d=e,h=d.xScale,f=d.yScale,v=d.templateId,b=d.editable,m=d.disabled,g=d.done,x=d.pageNumber;if(((i=t["setting"])===null||i===void 0?void 0:i.leading)>0||((r=t["settings"])===null||r===void 0?void 0:r.leading)>0){c="textarea";l=true}switch(c){case"textbox":return o("verdocs-field-textbox",{id:n,fieldname:a,source:"template",sourceid:v,editable:b,multiline:l,disabled:m,done:g,xscale:h,yscale:f,pagenumber:x,isPreview:true,style:u(t,h,f)});case"textarea":return o("verdocs-field-textarea",{id:n,fieldname:a,source:"template",sourceid:v,editable:b,disabled:m,done:g,xscale:h,yscale:f,pagenumber:x,isPreview:true,style:u(t,h,f)});case"date":return o("verdocs-field-date",{id:n,fieldname:a,source:"template",sourceid:v,editable:b,disabled:m,done:g,xscale:h,yscale:f,pagenumber:x,isPreview:true,style:u(t,h,f)});case"attachment":return o("verdocs-field-attachment",{id:n,fieldname:a,source:"template",sourceid:v,editable:b,disabled:m,done:g,xscale:h,yscale:f,pagenumber:x,isPreview:true,style:u(t,h,f)});case"dropdown":return o("verdocs-field-dropdown",{id:n,fieldname:a,source:"template",sourceid:v,editable:b,disabled:m,done:g,xscale:h,yscale:f,pagenumber:x,isPreview:true,style:u(t,h,f)});case"initial":return o("verdocs-field-initial",{id:n,fieldname:a,source:"template",sourceid:v,editable:b,disabled:m,done:g,xscale:h,yscale:f,pagenumber:x,isPreview:true,style:u(t,h,f)});case"signature":return o("verdocs-field-signature",{id:n,fieldname:a,source:"template",sourceid:v,editable:b,disabled:m,done:g,xscale:h,yscale:f,pagenumber:x,isPreview:true,style:u(t,e.xScale,e.yScale)});case"timestamp":return o("verdocs-field-timestamp",{id:n,fieldname:a,source:"template",sourceid:v,editable:b,disabled:m,done:g,xscale:h,yscale:f,pagenumber:x,isPreview:true,style:u(t,h,f)});case"checkbox":return o("verdocs-field-checkbox",{id:n,fieldname:a,source:"template",sourceid:v,editable:b,disabled:m,done:g,xscale:h,yscale:f,pagenumber:x,isPreview:true,style:u(t,h,f)});case"radio":return o("verdocs-field-radio",{id:n,fieldname:a,source:"template",sourceid:v,editable:b,disabled:m,done:g,xscale:h,yscale:f,pagenumber:x,isPreview:true,style:u(t,h,f)});default:return o(s,null,a)}}))):e.pageDisplayUri?o("img",{class:"verdocs-template-document-page-layer img",id:"".concat(e.containerId,"-").concat(i.name),src:e.pageDisplayUri,alt:"Page ".concat(e.pageNumber),"aria-hidden":true,loading:"lazy",onLoad:function(t){e.naturalWidth=t.target.naturalWidth;e.naturalHeight=t.target.naturalHeight;e.aspectRatio=e.naturalWidth/e.naturalHeight;e.virtualHeight=e.virtualWidth/e.aspectRatio;e.renderedHeight=t.target.offsetWidth/e.aspectRatio}}):o("div",null)})))};Object.defineProperty(e.prototype,"container",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());b.style=v();var m=function(){return'verdocs-toolbar-icon{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-toolbar-icon .icon{display:inline-block;cursor:pointer}verdocs-toolbar-icon .icon svg{fill:#5c6575}verdocs-toolbar-icon .tooltip{display:none;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:bold;padding:5px 10px;font-size:13px;position:absolute;pointer-events:none;border-radius:4px;z-index:20000;white-space:nowrap}verdocs-toolbar-icon .tooltip .arrow,verdocs-toolbar-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-toolbar-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-toolbar-icon .tooltip .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-toolbar-icon .tooltip[data-show]{display:block}verdocs-toolbar-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]{padding:3px 10px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-1px}'};var g=e("verdocs_toolbar_icon",function(){function e(e){t(this,e);this.text="";this.icon="";this.placement="bottom";this.containerId="verdocs-toolbar-icon-".concat(Math.random().toString(36).substring(2,11))}e.prototype.componentDidLoad=function(){this.popperInstance=f(this.iconEl,this.tooltip,{placement:this.placement,modifiers:this.placement==="left"?[{name:"offset",options:{offset:[0,20]}}]:[]})};e.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}};e.prototype.show=function(){var e,t;(e=this.tooltip)===null||e===void 0?void 0:e.setAttribute("data-show","");(t=this.popperInstance)===null||t===void 0?void 0:t.update().catch((function(){}))};e.prototype.hide=function(){var e;(e=this.tooltip)===null||e===void 0?void 0:e.removeAttribute("data-show")};e.prototype.render=function(){var e=this;return o(r,{key:"e24f04d8d32d0d11d7b83580f9112d456795bda7",class:{}},o("div",{key:"e499346f3008f2f57359ba80b2f583c781ba3830","aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:function(){return e.show()},onFocus:function(){return e.show()},onMouseLeave:function(){return e.hide()},onBlur:function(){return e.hide()},ref:function(t){return e.iconEl=t}}),o("div",{key:"e5cc1e5bfdbf4657fc4ddd5591a33a68d371fd58",id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":this.placement,ref:function(t){return e.tooltip=t}},this.text,o("div",{key:"4f44cd9acae4d556fb9c488fb95d7562620bbed7","data-popper-arrow":"true",class:"arrow"})))};return e}());g.style=m()}}}));
-//# sourceMappingURL=p-99a6b317.system.entry.js.map
+var __awaiter=this&&this.__awaiter||function(e,t,i,o){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,s){function n(e){try{c(o.next(e))}catch(e){s(e)}}function a(e){try{c(o["throw"](e))}catch(e){s(e)}}function c(e){e.done?i(e.value):r(e.value).then(n,a)}c((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},o,r,s,n=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return n.next=a(0),n["throw"]=a(1),n["return"]=a(2),typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function a(e){return function(t){return c([e,t])}}function c(a){if(o)throw new TypeError("Generator is already executing.");while(n&&(n=0,a[0]&&(i=0)),i)try{if(o=1,r&&(s=a[0]&2?r["return"]:a[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,a[1])).done)return s;if(r=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;r=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){i.label=a[1];break}if(a[0]===6&&i.label<s[1]){i.label=s[1];s=a;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(a);break}if(s[2])i.ops.pop();i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e];r=0}finally{o=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-De3fNE_u.system.js","@verdocs/js-sdk","./p-DeoYp6nD.system.js","./p-fEbwslLK.system.js","./p-DzZgjFK8.system.js","./p-C7pDryJb.system.js","./p-CwIkMPyJ.system.js"],(function(e){"use strict";var t,i,o,r,s,n,a,c,l,d,u,p,h,f;return{setters:[function(e){t=e.r;i=e.c;o=e.h;r=e.H;s=e.F;n=e.g},function(e){a=e.VerdocsEndpoint;c=e.getTemplateDocumentPageDisplayUri;l=e.getTemplate},function(e){d=e.t;u=e.f;p=e.g},function(e){h=e.S},function(e){f=e.c},null,null],execute:function(){var v=function(){return"verdocs-template-document-page{width:100%;position:relative}verdocs-template-document-page .verdocs-template-document-page-layer{position:absolute;top:0;left:0;right:0;bottom:0;-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)}verdocs-template-document-page .verdocs-template-document-page-layer.img{width:100%}verdocs-template-document-page .placeholder{opacity:0.1;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)}"};var b=e("verdocs_template_document_page",function(){function e(e){t(this,e);this.pageRendered=i(this,"pageRendered");this.templateListenerId=null;this.endpoint=a.getDefault();this.editable=false;this.disabled=false;this.done=false;this.templateId="";this.documentId="";this.pageNumber=1;this.virtualWidth=612;this.virtualHeight=792;this.layers=[{name:"page",type:"canvas"}];this.containerId="verdocs-document-page-".concat(Math.random().toString(36).substring(2,11));this.renderedWidth=this.virtualWidth;this.renderedHeight=this.virtualHeight;this.naturalWidth=this.virtualWidth;this.naturalHeight=this.virtualHeight;this.aspectRatio=this.virtualWidth/this.virtualHeight;this.skipFirstNotification=true;this.pageDisplayUri="";this.xScale=1;this.yScale=1;this.loading=true;this.template=null}e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:e=this;return[4,c(this.endpoint,this.documentId,this.pageNumber)];case 1:e.pageDisplayUri=t.sent();this.listenToTemplate();return[2]}}))}))};e.prototype.componentDidLoad=function(){var e=this;this.resizeObserver=new ResizeObserver(d((function(t){for(var i=0,o=t;i<o.length;i++){var r=o[i];var s=r.contentRect.width;e.renderedWidth=s;e.renderedHeight=e.virtualHeight*(s/e.virtualWidth)}e.notifyRenderedSize()}),100));this.resizeObserver.observe(this.container)};e.prototype.componentDidUpdate=function(){this.notifyRenderedSize()};e.prototype.disconnectedCallback=function(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();this.unlistenToTemplate()};e.prototype.listenToTemplate=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){this.unlistenToTemplate();h.subscribe("templates",this.templateId,(function(){return l(e.endpoint,e.templateId)}),false,(function(t){e.template=t;e.loading=false}));return[2]}))}))};e.prototype.unlistenToTemplate=function(){if(this.templateListenerId){h.store.delListener(this.templateListenerId);this.templateListenerId=null}};e.prototype.notifyRenderedSize=function(){if(this.skipFirstNotification){this.skipFirstNotification=false;return}var e=this.renderedWidth/this.virtualWidth;if(this.xScale!==e){this.xScale=e}var t=this.renderedHeight/this.virtualHeight;if(this.yScale!==t){this.yScale=t}this.pageRendered.emit({containerId:this.containerId,documentId:this.documentId,pageNumber:this.pageNumber,virtualWidth:this.virtualWidth,virtualHeight:this.virtualHeight,renderedWidth:this.renderedWidth,renderedHeight:this.renderedHeight,naturalWidth:this.naturalWidth,naturalHeight:this.naturalHeight,aspectRatio:this.aspectRatio,xScale:e,yScale:t})};e.prototype.render=function(){var e=this;if(this.loading){return o(r,null,o("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",class:"placeholder",alt:"Placeholder page"}))}var t="".concat(this.renderedHeight,"px");return o(r,{id:"".concat(this.containerId),style:{height:t,flex:"0 0 ".concat(t)}},this.layers.map((function(i){var r;return i.type==="div"?o("div",{class:"verdocs-template-document-page-layer",id:"".concat(e.containerId,"-").concat(i.name),style:{height:t}},i.name==="controls"&&(((r=e.template)===null||r===void 0?void 0:r.fields)||[]).filter((function(t){return t&&t.document_id===e.documentId&&t.page===e.pageNumber})).map((function(t){var i,r;var n=p(t);var a=t.name,c=t.type,l=t.multiline;var d=e,h=d.xScale,f=d.yScale,v=d.templateId,b=d.editable,m=d.disabled,g=d.done,x=d.pageNumber;if(((i=t["setting"])===null||i===void 0?void 0:i.leading)>0||((r=t["settings"])===null||r===void 0?void 0:r.leading)>0){c="textarea";l=true}switch(c){case"textbox":return o("verdocs-field-textbox",{id:n,fieldname:a,source:"template",sourceid:v,editable:b,multiline:l,disabled:m,done:g,xscale:h,yscale:f,pagenumber:x,isPreview:true,style:u(t,h,f)});case"textarea":return o("verdocs-field-textarea",{id:n,fieldname:a,source:"template",sourceid:v,editable:b,disabled:m,done:g,xscale:h,yscale:f,pagenumber:x,isPreview:true,style:u(t,h,f)});case"date":return o("verdocs-field-date",{id:n,fieldname:a,source:"template",sourceid:v,editable:b,disabled:m,done:g,xscale:h,yscale:f,pagenumber:x,isPreview:true,style:u(t,h,f)});case"attachment":return o("verdocs-field-attachment",{id:n,fieldname:a,source:"template",sourceid:v,editable:b,disabled:m,done:g,xscale:h,yscale:f,pagenumber:x,isPreview:true,style:u(t,h,f)});case"dropdown":return o("verdocs-field-dropdown",{id:n,fieldname:a,source:"template",sourceid:v,editable:b,disabled:m,done:g,xscale:h,yscale:f,pagenumber:x,isPreview:true,style:u(t,h,f)});case"initial":return o("verdocs-field-initial",{id:n,fieldname:a,source:"template",sourceid:v,editable:b,disabled:m,done:g,xscale:h,yscale:f,pagenumber:x,isPreview:true,style:u(t,h,f)});case"signature":return o("verdocs-field-signature",{id:n,fieldname:a,source:"template",sourceid:v,editable:b,disabled:m,done:g,xscale:h,yscale:f,pagenumber:x,isPreview:true,style:u(t,e.xScale,e.yScale)});case"timestamp":return o("verdocs-field-timestamp",{id:n,fieldname:a,source:"template",sourceid:v,editable:b,disabled:m,done:g,xscale:h,yscale:f,pagenumber:x,isPreview:true,style:u(t,h,f)});case"checkbox":return o("verdocs-field-checkbox",{id:n,fieldname:a,source:"template",sourceid:v,editable:b,disabled:m,done:g,xscale:h,yscale:f,pagenumber:x,isPreview:true,style:u(t,h,f)});case"radio":return o("verdocs-field-radio",{id:n,fieldname:a,source:"template",sourceid:v,editable:b,disabled:m,done:g,xscale:h,yscale:f,pagenumber:x,isPreview:true,style:u(t,h,f)});default:return o(s,null,a)}}))):e.pageDisplayUri?o("img",{class:"verdocs-template-document-page-layer img",id:"".concat(e.containerId,"-").concat(i.name),src:e.pageDisplayUri,alt:"Page ".concat(e.pageNumber),"aria-hidden":true,loading:"lazy",onLoad:function(t){e.naturalWidth=t.target.naturalWidth;e.naturalHeight=t.target.naturalHeight;e.aspectRatio=e.naturalWidth/e.naturalHeight;e.virtualHeight=e.virtualWidth/e.aspectRatio;e.renderedHeight=t.target.offsetWidth/e.aspectRatio}}):o("div",null)})))};Object.defineProperty(e.prototype,"container",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());b.style=v();var m=function(){return'verdocs-toolbar-icon{font-family:var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-toolbar-icon .icon{display:inline-block;cursor:pointer}verdocs-toolbar-icon .icon svg{fill:#5c6575}verdocs-toolbar-icon .tooltip{display:none;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:bold;padding:5px 10px;font-size:13px;position:absolute;pointer-events:none;border-radius:4px;z-index:20000;white-space:nowrap}verdocs-toolbar-icon .tooltip .arrow,verdocs-toolbar-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-toolbar-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-toolbar-icon .tooltip .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-toolbar-icon .tooltip[data-show]{display:block}verdocs-toolbar-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]{padding:3px 10px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-1px}'};var g=e("verdocs_toolbar_icon",function(){function e(e){t(this,e);this.text="";this.icon="";this.placement="bottom";this.containerId="verdocs-toolbar-icon-".concat(Math.random().toString(36).substring(2,11))}e.prototype.componentDidLoad=function(){this.popperInstance=f(this.iconEl,this.tooltip,{placement:this.placement,modifiers:this.placement==="left"?[{name:"offset",options:{offset:[0,20]}}]:[]})};e.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}};e.prototype.show=function(){var e,t;(e=this.tooltip)===null||e===void 0?void 0:e.setAttribute("data-show","");(t=this.popperInstance)===null||t===void 0?void 0:t.update().catch((function(){}))};e.prototype.hide=function(){var e;(e=this.tooltip)===null||e===void 0?void 0:e.removeAttribute("data-show")};e.prototype.render=function(){var e=this;return o(r,{key:"e24f04d8d32d0d11d7b83580f9112d456795bda7",class:{}},o("div",{key:"e499346f3008f2f57359ba80b2f583c781ba3830","aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:function(){return e.show()},onFocus:function(){return e.show()},onMouseLeave:function(){return e.hide()},onBlur:function(){return e.hide()},ref:function(t){return e.iconEl=t}}),o("div",{key:"e5cc1e5bfdbf4657fc4ddd5591a33a68d371fd58",id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":this.placement,ref:function(t){return e.tooltip=t}},this.text,o("div",{key:"4f44cd9acae4d556fb9c488fb95d7562620bbed7","data-popper-arrow":"true",class:"arrow"})))};return e}());g.style=m()}}}));
+//# sourceMappingURL=p-36f2fe29.system.entry.js.map

package/dist/verdocs-web-sdk/{p-143428bc.system.entry.js → p-4a934b98.system.entry.js}

@@ -1,2 +1,2 @@
-var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var n,i=1,t=arguments.length;i<t;i++){n=arguments[i];for(var s in n)if(Object.prototype.hasOwnProperty.call(n,s))e[s]=n[s]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,n,i,t){function s(e){return e instanceof i?e:new i((function(n){n(e)}))}return new(i||(i=Promise))((function(i,a){function l(e){try{r(t.next(e))}catch(e){a(e)}}function o(e){try{r(t["throw"](e))}catch(e){a(e)}}function r(e){e.done?i(e.value):s(e.value).then(l,o)}r((t=t.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},t,s,a,l=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return l.next=o(0),l["throw"]=o(1),l["return"]=o(2),typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function o(e){return function(n){return r([e,n])}}function r(o){if(t)throw new TypeError("Generator is already executing.");while(l&&(l=0,o[0]&&(i=0)),i)try{if(t=1,s&&(a=o[0]&2?s["return"]:o[0]?s["throw"]||((a=s["return"])&&a.call(s),0):s.next)&&!(a=a.call(s,o[1])).done)return a;if(s=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;s=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){i.label=o[1];break}if(o[0]===6&&i.label<a[1]){i.label=a[1];a=o;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(o);break}if(a[2])i.ops.pop();i.trys.pop();continue}o=n.call(e,i)}catch(e){o=[6,e];s=0}finally{t=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,n,i){if(i||arguments.length===2)for(var t=0,s=n.length,a;t<s;t++){if(a||!(t in n)){if(!a)a=Array.prototype.slice.call(n,0,t);a[t]=n[t]}}return e.concat(a||Array.prototype.slice.call(n))};System.register(["./p-De3fNE_u.system.js","@verdocs/js-sdk","./p-nfw6V5pF.system.js","./p-Dj475wLP.system.js","./p-7Iu0_GGa.system.js","./p-C7pDryJb.system.js","./p-CwIkMPyJ.system.js"],(function(e){"use strict";var n,i,t,s,a,l,o,r,c,d,p,f,u,v,h;return{setters:[function(e){n=e.r;i=e.c;t=e.h;s=e.H},function(e){a=e.VerdocsEndpoint;l=e.getEnvelopes;o=e.integerSequence;r=e.getRecipientsWithActions;c=e.userCanCancelEnvelope;d=e.userCanAct;p=e.formatFullName;f=e.cancelEnvelope},function(e){u=e.s},function(e){v=e.V},function(e){h=e.S},null,null],execute:function(){var x=function(){return'verdocs-envelopes-list{display:-ms-flexbox;display:flex;padding:10px;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-direction:column;flex-direction:column;font-family:"Inter", "Barlow", sans-serif}@media screen and (max-width: 800px){verdocs-envelopes-list{font-size:14px}}verdocs-envelopes-list .envelope-placeholder{height:48px;-ms-flex:0 0 48px;flex:0 0 48px;margin:5px 0;border-radius:5px;background:#f5f5fa}verdocs-envelopes-list .header{width:100%;row-gap:4px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-envelopes-list .header .filter{width:300px}verdocs-envelopes-list .header verdocs-text-input{margin:0}verdocs-envelopes-list .header verdocs-text-input input{height:32px}verdocs-envelopes-list .filter{-ms-flex-align:center;align-items:center}verdocs-envelopes-list .envelope{width:100%;margin:3px 0;background:#ffffff}verdocs-envelopes-list .envelope:hover{cursor:pointer;background:#f5f5fa}verdocs-envelopes-list .envelope .inner{gap:12px;display:-ms-flexbox;display:flex;padding:8px 14px;border-radius:5px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;container-type:inline-size}verdocs-envelopes-list .envelope .inner svg{width:24px;height:24px}verdocs-envelopes-list .vert-spacer{height:50px;display:-ms-flexbox;display:flex;-ms-flex:0 0 1px;flex:0 0 1px;border-right:1px solid #dad8dd}@media screen and (max-width: 800px){verdocs-envelopes-list .vert-spacer{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list .envelope-icon{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-checkbox{display:none}}verdocs-envelopes-list .last-modified{color:#444;display:-ms-flexbox;display:flex;-ms-flex:0 0 180px;flex:0 0 180px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;white-space:nowrap}@media screen and (max-width: 800px){verdocs-envelopes-list .last-modified{display:none}}verdocs-envelopes-list .envelope-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;color:#000000;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .envelope-recipients{color:#4b5563;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .empty-text{text-align:center;margin:16px 0 0 0;padding:80px 80px;border:2px solid #ccc}verdocs-envelopes-list .containing{gap:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-status-indicator{font-size:14px}}'};var b='<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#000000" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z" /></svg>';var m=[{value:"all",label:"All"},{value:"inbox",label:"Inbox"},{value:"sent",label:"Sent"},{value:"completed",label:"Completed"},{value:"action",label:"Action Required"},{value:"waiting",label:"Waiting on Others"}];var g=[{value:"all",label:"All"},{value:"pending",label:"Pending"},{value:"in progress",label:"In Progress"},{value:"complete",label:"Completed"},{value:"declined",label:"Declined"},{value:"canceled",label:"Canceled"}];var w=[{value:"created_at",label:"Created"},{value:"updated_at",label:"Updated"},{value:"canceled_at",label:"Canceled"},{value:"envelope_name",label:"Name"},{value:"envelope_status",label:"Status"}];var y=e("verdocs_envelopes_list",function(){function e(e){n(this,e);this.changeView=i(this,"changeView");this.changeStatus=i(this,"changeStatus");this.changeSort=i(this,"changeSort");this.changeMatch=i(this,"changeMatch");this.sdkError=i(this,"sdkError");this.viewEnvelope=i(this,"viewEnvelope");this.finishEnvelope=i(this,"finishEnvelope");this.endpoint=a.getDefault();this.view=undefined;this.status="all";this.sort="created_at";this.match="";this.showPagination=true;this.rowsPerPage=10;this.selectedPage=0;this.count=0;this.initiallyLoaded=false;this.loading=true;this.selectedEnvelopes=[];this.envelopes=[]}e.prototype.handleViewUpdated=function(){return this.queryEnvelopes()};e.prototype.handleStatusUpdated=function(){return this.queryEnvelopes()};e.prototype.handleSortUpdated=function(){return this.queryEnvelopes()};e.prototype.handleMatchUpdated=function(){return this.queryEnvelopes()};e.prototype.handlePageUpdated=function(){return this.queryEnvelopes()};e.prototype.componentWillLoad=function(){this.endpoint.onSessionChanged((function(e,n,i){console.log("[ENVELOPES_LIST] onSessionChanged",n,i)}));this.endpoint.loadSession()};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.queryEnvelopes()];case 1:e.sent();this.initiallyLoaded=true;return[2]}}))}))};e.prototype.queryEnvelopes=function(){return __awaiter(this,void 0,void 0,(function(){var e,n,i,t,s,a;return __generator(this,(function(o){switch(o.label){case 0:o.trys.push([0,2,,3]);this.loading=true;t={page:this.selectedPage,rows:this.rowsPerPage};switch(this.view){case"all":t=__assign(__assign({},t),{status:this.status==="all"?["pending","in progress","complete","declined","canceled"]:[this.status]});break;case"inbox":t=__assign({},t);break;case"sent":t=__assign({},t);break;case"action":t=__assign(__assign({},t),{status:["pending","in progress"]});break;case"waiting":t=__assign(__assign({},t),{status:["pending","in progress"]});break;case"completed":t=__assign(__assign({},t),{status:["complete"]});break;default:t=__assign(__assign({},t),{status:this.status==="all"?["pending","in progress","complete","declined","canceled"]:[this.status]})}if(this.view==="all"){if(this.status!=="all"){t.status=[this.status]}}if(this.match.trim());return[4,l(this.endpoint,t)];case 1:s=o.sent();this.envelopes=s.envelopes;this.count=s.count;this.loading=false;return[3,3];case 2:a=o.sent();this.loading=false;console.log("[ENVELOPES] Error listing envelopes",a);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new h(a.message,(n=a.response)===null||n===void 0?void 0:n.status,(i=a.response)===null||i===void 0?void 0:i.data));return[3,3];case 3:return[2]}}))}))};e.prototype.handleDownload=function(){var e=this;u(this.endpoint,this.selectedEnvelopes).then((function(){e.selectedEnvelopes=[]})).catch((function(e){console.log("[ENVELOPES] Download error",e);v("Download error: "+e.message,{style:"error"})}))};e.prototype.downloadEnvelope=function(e){u(this.endpoint,[e]).catch((function(e){console.log("[ENVELOPES] Download error",e);v("Download error: "+e.message,{style:"error"})}))};e.prototype.render=function(){var e=this;return t(s,{key:"461bb47330c34085183ba8a6d5a53769a568fe2c"},t("div",{key:"d19f4b14c54231a4115033a6cdfc7eb5108970eb",class:"header"},t("div",{key:"7b34383202af7753ac3cf752aac8392d226d2a90",class:"filter"},t("verdocs-text-input",{key:"d5f06553bcecaed00a35bbee7927332a6f68070c",id:"verdocs-filter-name",value:this.match,clearable:true,autocomplete:"off",placeholder:"Filter by Name, Recipient, or Field...",onFocusout:function(n){var i;e.match=n.target.value.trim();(i=e.changeMatch)===null||i===void 0?void 0:i.emit(e.match)}})),t("verdocs-quick-filter",{key:"99bbd5506321bdf5a845c27e0d0537cce7b3d880",label:"View",value:this.view,options:m,onOptionSelected:function(n){e.view=n.detail.value}}),this.view==="all"&&t("verdocs-quick-filter",{key:"fdc219197bee7bf34e5d3d5a37ba531e67dce9bc",label:"Status",value:this.status,options:g,onOptionSelected:function(n){e.status=n.detail.value}}),this.view==="all"&&t("verdocs-quick-filter",{key:"7a963b621bf0f98717f7f51e3bb830740a4ffdf4",label:"Sort By",value:this.sort,options:w,onOptionSelected:function(n){e.sort=n.detail.value}}),this.loading&&t("verdocs-spinner",{key:"5f7a1d741ecfc80d1b32b5ae323c2b8ec70f6ec5",mode:"dark",size:24}),t("div",{key:"86540858502cdadc09581db4e62f76d60c9faae3",style:{display:"flex",flex:"1"}}),this.selectedEnvelopes.length>0&&t("verdocs-button",{key:"73328a3668371bdabeb79aaeb2e388621aaa3544",label:"Download (".concat(this.selectedEnvelopes.length,")"),onClick:function(){return e.handleDownload()}})),this.envelopes.map((function(n){var i;var s=r(n);var a=c(e.endpoint.profile,n);var l=s.find((function(n){var i;return n.email===((i=e.endpoint.session)===null||i===void 0?void 0:i.email)||""}));var o=l&&a&&d(((i=e.endpoint.session)===null||i===void 0?void 0:i.email)||"",s);var u=[{label:"View Envelope",id:"view"},{label:"Finish Envelope",id:"finish",disabled:!o},{label:"Download",id:"download"},{label:"Cancel",id:"cancel",disabled:!a}];return t("div",{class:"envelope",key:n.id,onClick:function(){var i;return(i=e.viewEnvelope)===null||i===void 0?void 0:i.emit({endpoint:e.endpoint,envelope:n})}},t("div",{class:"inner"},t("verdocs-checkbox",{checked:e.selectedEnvelopes.findIndex((function(e){return e.id===n.id}))!==-1,onClick:function(e){return e.stopPropagation()},onInput:function(i){if(i.target.checked){e.selectedEnvelopes=__spreadArray(__spreadArray([],e.selectedEnvelopes,true),[n],false)}else{e.selectedEnvelopes=e.selectedEnvelopes.filter((function(e){return e.id!==n.id}))}}}),t("div",{class:"vert-spacer"}),t("span",{innerHTML:b,class:"envelope-icon"}),t("div",{class:"envelope-name"},n.name,":  ",t("div",{class:"envelope-recipients"},n.recipients.map((function(e){return p(e)})))),t("div",{class:"vert-spacer"}),t("verdocs-status-indicator",{envelope:n,style:{width:"125px"}}),t("div",{class:"vert-spacer"}),t("div",{class:"last-modified"},new Date(n.updated_at).toLocaleString()),t("div",{class:"vert-spacer"}),t("verdocs-dropdown",{options:u,onOptionSelected:function(i){var t,s;switch(i.detail.id){case"view":(t=e.viewEnvelope)===null||t===void 0?void 0:t.emit({endpoint:e.endpoint,envelope:n});break;case"finish":(s=e.finishEnvelope)===null||s===void 0?void 0:s.emit({endpoint:e.endpoint,envelope:n});break;case"download":e.downloadEnvelope(n);break;case"cancel":if(window.confirm("Are you sure you want to cancel this envelope?")){f(e.endpoint,n.id).then((function(){return v("Envelope canceled")})).catch((function(e){return v("Unable to cancel envelope: "+e.messabge,{style:"error"})}));e.queryEnvelopes().catch((function(){}))}break}}})))})),!this.initiallyLoaded&&t("div",{key:"51bf5804963fa820d9e32532df38e318162f5db8",style:{width:"100%"}},o(0,this.rowsPerPage).map((function(){return t("div",{class:"envelope-placeholder"})}))),this.initiallyLoaded&&!this.envelopes.length&&t("div",{key:"2e288350fb0b80e6e5214422750e15435ec8264e",class:"empty-text"},"No matching envelopes found. Please adjust your filters and try again."),this.initiallyLoaded&&this.envelopes.length&&this.showPagination?t("div",{style:{marginTop:"20px"}},t("verdocs-pagination",{selectedPage:this.selectedPage,perPage:this.rowsPerPage,itemCount:this.count,onSelectPage:function(n){e.selectedPage=n.detail.selectedPage}})):t("div",null))};Object.defineProperty(e,"watchers",{get:function(){return{view:[{handleViewUpdated:0}],status:[{handleStatusUpdated:0}],sort:[{handleSortUpdated:0}],match:[{handleMatchUpdated:0}],selectedPage:[{handlePageUpdated:0}]}},enumerable:false,configurable:true});return e}());y.style=x()}}}));
-//# sourceMappingURL=p-143428bc.system.entry.js.map
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var n,i=1,t=arguments.length;i<t;i++){n=arguments[i];for(var s in n)if(Object.prototype.hasOwnProperty.call(n,s))e[s]=n[s]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,n,i,t){function s(e){return e instanceof i?e:new i((function(n){n(e)}))}return new(i||(i=Promise))((function(i,a){function o(e){try{r(t.next(e))}catch(e){a(e)}}function l(e){try{r(t["throw"](e))}catch(e){a(e)}}function r(e){e.done?i(e.value):s(e.value).then(o,l)}r((t=t.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},t,s,a,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=l(0),o["throw"]=l(1),o["return"]=l(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(e){return function(n){return r([e,n])}}function r(l){if(t)throw new TypeError("Generator is already executing.");while(o&&(o=0,l[0]&&(i=0)),i)try{if(t=1,s&&(a=l[0]&2?s["return"]:l[0]?s["throw"]||((a=s["return"])&&a.call(s),0):s.next)&&!(a=a.call(s,l[1])).done)return a;if(s=0,a)l=[l[0]&2,a.value];switch(l[0]){case 0:case 1:a=l;break;case 4:i.label++;return{value:l[1],done:false};case 5:i.label++;s=l[1];l=[0];continue;case 7:l=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(l[0]===6||l[0]===2)){i=0;continue}if(l[0]===3&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(l[0]===6&&i.label<a[1]){i.label=a[1];a=l;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(l);break}if(a[2])i.ops.pop();i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e];s=0}finally{t=a=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,n,i){if(i||arguments.length===2)for(var t=0,s=n.length,a;t<s;t++){if(a||!(t in n)){if(!a)a=Array.prototype.slice.call(n,0,t);a[t]=n[t]}}return e.concat(a||Array.prototype.slice.call(n))};System.register(["./p-De3fNE_u.system.js","@verdocs/js-sdk","./p-DeoYp6nD.system.js","./p-Dj475wLP.system.js","./p-7Iu0_GGa.system.js","./p-C7pDryJb.system.js","./p-CwIkMPyJ.system.js"],(function(e){"use strict";var n,i,t,s,a,o,l,r,c,d,p,u,f,v,h;return{setters:[function(e){n=e.r;i=e.c;t=e.h;s=e.H},function(e){a=e.VerdocsEndpoint;o=e.getEnvelopes;l=e.integerSequence;r=e.getRecipientsWithActions;c=e.userCanCancelEnvelope;d=e.userCanAct;p=e.formatFullName;u=e.cancelEnvelope},function(e){f=e.s},function(e){v=e.V},function(e){h=e.S},null,null],execute:function(){var x=function(){return'verdocs-envelopes-list{display:-ms-flexbox;display:flex;padding:10px;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-direction:column;flex-direction:column;font-family:"Inter", "Barlow", sans-serif}@media screen and (max-width: 800px){verdocs-envelopes-list{font-size:14px}}verdocs-envelopes-list .envelope-placeholder{height:48px;-ms-flex:0 0 48px;flex:0 0 48px;margin:5px 0;border-radius:5px;background:#f5f5fa}verdocs-envelopes-list .header{width:100%;row-gap:4px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-envelopes-list .header .filter{width:300px}verdocs-envelopes-list .header verdocs-text-input{margin:0}verdocs-envelopes-list .header verdocs-text-input input{height:32px}verdocs-envelopes-list .filter{-ms-flex-align:center;align-items:center}verdocs-envelopes-list .envelope{width:100%;margin:3px 0;background:#ffffff}verdocs-envelopes-list .envelope:hover{cursor:pointer;background:#f5f5fa}verdocs-envelopes-list .envelope .inner{gap:12px;display:-ms-flexbox;display:flex;padding:8px 14px;border-radius:5px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;container-type:inline-size}verdocs-envelopes-list .envelope .inner svg{width:24px;height:24px}verdocs-envelopes-list .vert-spacer{height:50px;display:-ms-flexbox;display:flex;-ms-flex:0 0 1px;flex:0 0 1px;border-right:1px solid #dad8dd}@media screen and (max-width: 800px){verdocs-envelopes-list .vert-spacer{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list .envelope-icon{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-checkbox{display:none}}verdocs-envelopes-list .last-modified{color:#444;display:-ms-flexbox;display:flex;-ms-flex:0 0 180px;flex:0 0 180px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;white-space:nowrap}@media screen and (max-width: 800px){verdocs-envelopes-list .last-modified{display:none}}verdocs-envelopes-list .envelope-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;color:#000000;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .envelope-recipients{color:#4b5563;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .empty-text{text-align:center;margin:16px 0 0 0;padding:80px 80px;border:2px solid #ccc}verdocs-envelopes-list .containing{gap:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-status-indicator{font-size:14px}}'};var b='<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#000000" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z" /></svg>';var m=[{value:"all",label:"All"},{value:"inbox",label:"Inbox"},{value:"sent",label:"Sent"},{value:"completed",label:"Completed"},{value:"action",label:"Action Required"},{value:"waiting",label:"Waiting on Others"}];var g=[{value:"all",label:"All"},{value:"pending",label:"Pending"},{value:"in progress",label:"In Progress"},{value:"complete",label:"Completed"},{value:"declined",label:"Declined"},{value:"canceled",label:"Canceled"}];var w=[{value:"created_at",label:"Created"},{value:"updated_at",label:"Updated"},{value:"canceled_at",label:"Canceled"},{value:"envelope_name",label:"Name"},{value:"envelope_status",label:"Status"}];var y=e("verdocs_envelopes_list",function(){function e(e){n(this,e);this.changeView=i(this,"changeView");this.changeStatus=i(this,"changeStatus");this.changeSort=i(this,"changeSort");this.changeMatch=i(this,"changeMatch");this.sdkError=i(this,"sdkError");this.viewEnvelope=i(this,"viewEnvelope");this.finishEnvelope=i(this,"finishEnvelope");this.endpoint=a.getDefault();this.view=undefined;this.status="all";this.sort="created_at";this.match="";this.showPagination=true;this.rowsPerPage=10;this.selectedPage=0;this.count=0;this.initiallyLoaded=false;this.loading=true;this.selectedEnvelopes=[];this.envelopes=[]}e.prototype.handleViewUpdated=function(){return this.queryEnvelopes()};e.prototype.handleStatusUpdated=function(){return this.queryEnvelopes()};e.prototype.handleSortUpdated=function(){return this.queryEnvelopes()};e.prototype.handleMatchUpdated=function(){return this.queryEnvelopes()};e.prototype.handlePageUpdated=function(){return this.queryEnvelopes()};e.prototype.componentWillLoad=function(){this.endpoint.onSessionChanged((function(e,n,i){console.log("[ENVELOPES_LIST] onSessionChanged",n,i)}));this.endpoint.loadSession()};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.queryEnvelopes()];case 1:e.sent();this.initiallyLoaded=true;return[2]}}))}))};e.prototype.queryEnvelopes=function(){return __awaiter(this,void 0,void 0,(function(){var e,n,i,t,s,a;return __generator(this,(function(l){switch(l.label){case 0:l.trys.push([0,2,,3]);this.loading=true;t={page:this.selectedPage,rows:this.rowsPerPage};switch(this.view){case"all":t=__assign(__assign({},t),{status:this.status==="all"?["pending","in progress","complete","declined","canceled"]:[this.status]});break;case"inbox":t=__assign({},t);break;case"sent":t=__assign({},t);break;case"action":t=__assign(__assign({},t),{status:["pending","in progress"]});break;case"waiting":t=__assign(__assign({},t),{status:["pending","in progress"]});break;case"completed":t=__assign(__assign({},t),{status:["complete"]});break;default:t=__assign(__assign({},t),{status:this.status==="all"?["pending","in progress","complete","declined","canceled"]:[this.status]})}if(this.view==="all"){if(this.status!=="all"){t.status=[this.status]}}if(this.match.trim());return[4,o(this.endpoint,t)];case 1:s=l.sent();this.envelopes=s.envelopes;this.count=s.count;this.loading=false;return[3,3];case 2:a=l.sent();this.loading=false;console.log("[ENVELOPES] Error listing envelopes",a);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new h(a.message,(n=a.response)===null||n===void 0?void 0:n.status,(i=a.response)===null||i===void 0?void 0:i.data));return[3,3];case 3:return[2]}}))}))};e.prototype.handleDownload=function(){var e=this;f(this.endpoint,this.selectedEnvelopes).then((function(){e.selectedEnvelopes=[]})).catch((function(e){console.log("[ENVELOPES] Download error",e);v("Download error: "+e.message,{style:"error"})}))};e.prototype.downloadEnvelope=function(e){f(this.endpoint,[e]).catch((function(e){console.log("[ENVELOPES] Download error",e);v("Download error: "+e.message,{style:"error"})}))};e.prototype.render=function(){var e=this;return t(s,{key:"461bb47330c34085183ba8a6d5a53769a568fe2c"},t("div",{key:"d19f4b14c54231a4115033a6cdfc7eb5108970eb",class:"header"},t("div",{key:"7b34383202af7753ac3cf752aac8392d226d2a90",class:"filter"},t("verdocs-text-input",{key:"d5f06553bcecaed00a35bbee7927332a6f68070c",id:"verdocs-filter-name",value:this.match,clearable:true,autocomplete:"off",placeholder:"Filter by Name, Recipient, or Field...",onFocusout:function(n){var i;e.match=n.target.value.trim();(i=e.changeMatch)===null||i===void 0?void 0:i.emit(e.match)}})),t("verdocs-quick-filter",{key:"99bbd5506321bdf5a845c27e0d0537cce7b3d880",label:"View",value:this.view,options:m,onOptionSelected:function(n){e.view=n.detail.value}}),this.view==="all"&&t("verdocs-quick-filter",{key:"fdc219197bee7bf34e5d3d5a37ba531e67dce9bc",label:"Status",value:this.status,options:g,onOptionSelected:function(n){e.status=n.detail.value}}),this.view==="all"&&t("verdocs-quick-filter",{key:"7a963b621bf0f98717f7f51e3bb830740a4ffdf4",label:"Sort By",value:this.sort,options:w,onOptionSelected:function(n){e.sort=n.detail.value}}),this.loading&&t("verdocs-spinner",{key:"5f7a1d741ecfc80d1b32b5ae323c2b8ec70f6ec5",mode:"dark",size:24}),t("div",{key:"86540858502cdadc09581db4e62f76d60c9faae3",style:{display:"flex",flex:"1"}}),this.selectedEnvelopes.length>0&&t("verdocs-button",{key:"73328a3668371bdabeb79aaeb2e388621aaa3544",label:"Download (".concat(this.selectedEnvelopes.length,")"),onClick:function(){return e.handleDownload()}})),this.envelopes.map((function(n){var i;var s=r(n);var a=c(e.endpoint.profile,n);var o=s.find((function(n){var i;return n.email===((i=e.endpoint.session)===null||i===void 0?void 0:i.email)||""}));var l=o&&a&&d(((i=e.endpoint.session)===null||i===void 0?void 0:i.email)||"",s);var f=[{label:"View Envelope",id:"view"},{label:"Finish Envelope",id:"finish",disabled:!l},{label:"Download",id:"download"},{label:"Cancel",id:"cancel",disabled:!a}];return t("div",{class:"envelope",key:n.id,onClick:function(){var i;return(i=e.viewEnvelope)===null||i===void 0?void 0:i.emit({endpoint:e.endpoint,envelope:n})}},t("div",{class:"inner"},t("verdocs-checkbox",{checked:e.selectedEnvelopes.findIndex((function(e){return e.id===n.id}))!==-1,onClick:function(e){return e.stopPropagation()},onInput:function(i){if(i.target.checked){e.selectedEnvelopes=__spreadArray(__spreadArray([],e.selectedEnvelopes,true),[n],false)}else{e.selectedEnvelopes=e.selectedEnvelopes.filter((function(e){return e.id!==n.id}))}}}),t("div",{class:"vert-spacer"}),t("span",{innerHTML:b,class:"envelope-icon"}),t("div",{class:"envelope-name"},n.name,":  ",t("div",{class:"envelope-recipients"},n.recipients.map((function(e){return p(e)})))),t("div",{class:"vert-spacer"}),t("verdocs-status-indicator",{envelope:n,style:{width:"125px"}}),t("div",{class:"vert-spacer"}),t("div",{class:"last-modified"},new Date(n.updated_at).toLocaleString()),t("div",{class:"vert-spacer"}),t("verdocs-dropdown",{options:f,onOptionSelected:function(i){var t,s;switch(i.detail.id){case"view":(t=e.viewEnvelope)===null||t===void 0?void 0:t.emit({endpoint:e.endpoint,envelope:n});break;case"finish":(s=e.finishEnvelope)===null||s===void 0?void 0:s.emit({endpoint:e.endpoint,envelope:n});break;case"download":e.downloadEnvelope(n);break;case"cancel":if(window.confirm("Are you sure you want to cancel this envelope?")){u(e.endpoint,n.id).then((function(){return v("Envelope canceled")})).catch((function(e){return v("Unable to cancel envelope: "+e.messabge,{style:"error"})}));e.queryEnvelopes().catch((function(){}))}break}}})))})),!this.initiallyLoaded&&t("div",{key:"51bf5804963fa820d9e32532df38e318162f5db8",style:{width:"100%"}},l(0,this.rowsPerPage).map((function(){return t("div",{class:"envelope-placeholder"})}))),this.initiallyLoaded&&!this.envelopes.length&&t("div",{key:"2e288350fb0b80e6e5214422750e15435ec8264e",class:"empty-text"},"No matching envelopes found. Please adjust your filters and try again."),this.initiallyLoaded&&this.envelopes.length&&this.showPagination?t("div",{style:{marginTop:"20px"}},t("verdocs-pagination",{selectedPage:this.selectedPage,perPage:this.rowsPerPage,itemCount:this.count,onSelectPage:function(n){e.selectedPage=n.detail.selectedPage}})):t("div",null))};Object.defineProperty(e,"watchers",{get:function(){return{view:[{handleViewUpdated:0}],status:[{handleStatusUpdated:0}],sort:[{handleSortUpdated:0}],match:[{handleMatchUpdated:0}],selectedPage:[{handlePageUpdated:0}]}},enumerable:false,configurable:true});return e}());y.style=x()}}}));
+//# sourceMappingURL=p-4a934b98.system.entry.js.map

package/dist/verdocs-web-sdk/{p-478de2c9.entry.js → p-6ac28b30.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as s,h as i,H as l}from"./p-CjTHbolG.js";import{VerdocsEndpoint as t,getEnvelopes as a,integerSequence as o,getRecipientsWithActions as n,userCanCancelEnvelope as d,userCanAct as r,formatFullName as c,cancelEnvelope as p}from"@verdocs/js-sdk";import{s as h}from"./p-CGsVCy75.js";import{V as v}from"./p-D97GxsI-.js";import{S as f}from"./p-C1sRVZWv.js";import"./p-BglCURB-.js";import"./p-CIxfEdV7.js";const x=()=>`verdocs-envelopes-list{display:-ms-flexbox;display:flex;padding:10px;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-direction:column;flex-direction:column;font-family:"Inter", "Barlow", sans-serif}@media screen and (max-width: 800px){verdocs-envelopes-list{font-size:14px}}verdocs-envelopes-list .envelope-placeholder{height:48px;-ms-flex:0 0 48px;flex:0 0 48px;margin:5px 0;border-radius:5px;background:#f5f5fa}verdocs-envelopes-list .header{width:100%;row-gap:4px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-envelopes-list .header .filter{width:300px}verdocs-envelopes-list .header verdocs-text-input{margin:0}verdocs-envelopes-list .header verdocs-text-input input{height:32px}verdocs-envelopes-list .filter{-ms-flex-align:center;align-items:center}verdocs-envelopes-list .envelope{width:100%;margin:3px 0;background:#ffffff}verdocs-envelopes-list .envelope:hover{cursor:pointer;background:#f5f5fa}verdocs-envelopes-list .envelope .inner{gap:12px;display:-ms-flexbox;display:flex;padding:8px 14px;border-radius:5px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;container-type:inline-size}verdocs-envelopes-list .envelope .inner svg{width:24px;height:24px}verdocs-envelopes-list .vert-spacer{height:50px;display:-ms-flexbox;display:flex;-ms-flex:0 0 1px;flex:0 0 1px;border-right:1px solid #dad8dd}@media screen and (max-width: 800px){verdocs-envelopes-list .vert-spacer{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list .envelope-icon{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-checkbox{display:none}}verdocs-envelopes-list .last-modified{color:#444;display:-ms-flexbox;display:flex;-ms-flex:0 0 180px;flex:0 0 180px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;white-space:nowrap}@media screen and (max-width: 800px){verdocs-envelopes-list .last-modified{display:none}}verdocs-envelopes-list .envelope-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;color:#000000;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .envelope-recipients{color:#4b5563;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .empty-text{text-align:center;margin:16px 0 0 0;padding:80px 80px;border:2px solid #ccc}verdocs-envelopes-list .containing{gap:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-status-indicator{font-size:14px}}`;const b=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#000000" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z" /></svg>`;const m=[{value:"all",label:"All"},{value:"inbox",label:"Inbox"},{value:"sent",label:"Sent"},{value:"completed",label:"Completed"},{value:"action",label:"Action Required"},{value:"waiting",label:"Waiting on Others"}];const u=[{value:"all",label:"All"},{value:"pending",label:"Pending"},{value:"in progress",label:"In Progress"},{value:"complete",label:"Completed"},{value:"declined",label:"Declined"},{value:"canceled",label:"Canceled"}];const w=[{value:"created_at",label:"Created"},{value:"updated_at",label:"Updated"},{value:"canceled_at",label:"Canceled"},{value:"envelope_name",label:"Name"},{value:"envelope_status",label:"Status"}];const g=class{constructor(i){e(this,i);this.changeView=s(this,"changeView");this.changeStatus=s(this,"changeStatus");this.changeSort=s(this,"changeSort");this.changeMatch=s(this,"changeMatch");this.sdkError=s(this,"sdkError");this.viewEnvelope=s(this,"viewEnvelope");this.finishEnvelope=s(this,"finishEnvelope");this.endpoint=t.getDefault();this.view=undefined;this.status="all";this.sort="created_at";this.match="";this.showPagination=true;this.rowsPerPage=10;this.selectedPage=0;this.count=0;this.initiallyLoaded=false;this.loading=true;this.selectedEnvelopes=[];this.envelopes=[]}handleViewUpdated(){return this.queryEnvelopes()}handleStatusUpdated(){return this.queryEnvelopes()}handleSortUpdated(){return this.queryEnvelopes()}handleMatchUpdated(){return this.queryEnvelopes()}handlePageUpdated(){return this.queryEnvelopes()}componentWillLoad(){this.endpoint.onSessionChanged(((e,s,i)=>{console.log("[ENVELOPES_LIST] onSessionChanged",s,i)}));this.endpoint.loadSession()}async componentDidLoad(){await this.queryEnvelopes();this.initiallyLoaded=true}async queryEnvelopes(){var e,s,i;try{this.loading=true;let e={page:this.selectedPage,rows:this.rowsPerPage};switch(this.view){case"all":e={...e,status:this.status==="all"?["pending","in progress","complete","declined","canceled"]:[this.status]};break;case"inbox":e={...e};break;case"sent":e={...e};break;case"action":e={...e,status:["pending","in progress"]};break;case"waiting":e={...e,status:["pending","in progress"]};break;case"completed":e={...e,status:["complete"]};break;default:e={...e,status:this.status==="all"?["pending","in progress","complete","declined","canceled"]:[this.status]}}if(this.view==="all"){if(this.status!=="all"){e.status=[this.status]}}if(this.match.trim());const s=await a(this.endpoint,e);this.envelopes=s.envelopes;this.count=s.count;this.loading=false}catch(l){this.loading=false;console.log("[ENVELOPES] Error listing envelopes",l);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new f(l.message,(s=l.response)===null||s===void 0?void 0:s.status,(i=l.response)===null||i===void 0?void 0:i.data))}}handleDownload(){h(this.endpoint,this.selectedEnvelopes).then((()=>{this.selectedEnvelopes=[]})).catch((e=>{console.log("[ENVELOPES] Download error",e);v("Download error: "+e.message,{style:"error"})}))}downloadEnvelope(e){h(this.endpoint,[e]).catch((e=>{console.log("[ENVELOPES] Download error",e);v("Download error: "+e.message,{style:"error"})}))}render(){return i(l,{key:"461bb47330c34085183ba8a6d5a53769a568fe2c"},i("div",{key:"d19f4b14c54231a4115033a6cdfc7eb5108970eb",class:"header"},i("div",{key:"7b34383202af7753ac3cf752aac8392d226d2a90",class:"filter"},i("verdocs-text-input",{key:"d5f06553bcecaed00a35bbee7927332a6f68070c",id:"verdocs-filter-name",value:this.match,clearable:true,autocomplete:"off",placeholder:"Filter by Name, Recipient, or Field...",onFocusout:e=>{var s;this.match=e.target.value.trim();(s=this.changeMatch)===null||s===void 0?void 0:s.emit(this.match)}})),i("verdocs-quick-filter",{key:"99bbd5506321bdf5a845c27e0d0537cce7b3d880",label:"View",value:this.view,options:m,onOptionSelected:e=>{this.view=e.detail.value}}),this.view==="all"&&i("verdocs-quick-filter",{key:"fdc219197bee7bf34e5d3d5a37ba531e67dce9bc",label:"Status",value:this.status,options:u,onOptionSelected:e=>{this.status=e.detail.value}}),this.view==="all"&&i("verdocs-quick-filter",{key:"7a963b621bf0f98717f7f51e3bb830740a4ffdf4",label:"Sort By",value:this.sort,options:w,onOptionSelected:e=>{this.sort=e.detail.value}}),this.loading&&i("verdocs-spinner",{key:"5f7a1d741ecfc80d1b32b5ae323c2b8ec70f6ec5",mode:"dark",size:24}),i("div",{key:"86540858502cdadc09581db4e62f76d60c9faae3",style:{display:"flex",flex:"1"}}),this.selectedEnvelopes.length>0&&i("verdocs-button",{key:"73328a3668371bdabeb79aaeb2e388621aaa3544",label:`Download (${this.selectedEnvelopes.length})`,onClick:()=>this.handleDownload()})),this.envelopes.map((e=>{var s;const l=n(e);const t=d(this.endpoint.profile,e);const a=l.find((e=>{var s;return e.email===((s=this.endpoint.session)===null||s===void 0?void 0:s.email)||""}));const o=a&&t&&r(((s=this.endpoint.session)===null||s===void 0?void 0:s.email)||"",l);const h=[{label:"View Envelope",id:"view"},{label:"Finish Envelope",id:"finish",disabled:!o},{label:"Download",id:"download"},{label:"Cancel",id:"cancel",disabled:!t}];return i("div",{class:"envelope",key:e.id,onClick:()=>{var s;return(s=this.viewEnvelope)===null||s===void 0?void 0:s.emit({endpoint:this.endpoint,envelope:e})}},i("div",{class:"inner"},i("verdocs-checkbox",{checked:this.selectedEnvelopes.findIndex((s=>s.id===e.id))!==-1,onClick:e=>e.stopPropagation(),onInput:s=>{if(s.target.checked){this.selectedEnvelopes=[...this.selectedEnvelopes,e]}else{this.selectedEnvelopes=this.selectedEnvelopes.filter((s=>s.id!==e.id))}}}),i("div",{class:"vert-spacer"}),i("span",{innerHTML:b,class:"envelope-icon"}),i("div",{class:"envelope-name"},e.name,":  ",i("div",{class:"envelope-recipients"},e.recipients.map((e=>c(e))))),i("div",{class:"vert-spacer"}),i("verdocs-status-indicator",{envelope:e,style:{width:"125px"}}),i("div",{class:"vert-spacer"}),i("div",{class:"last-modified"},new Date(e.updated_at).toLocaleString()),i("div",{class:"vert-spacer"}),i("verdocs-dropdown",{options:h,onOptionSelected:s=>{var i,l;switch(s.detail.id){case"view":(i=this.viewEnvelope)===null||i===void 0?void 0:i.emit({endpoint:this.endpoint,envelope:e});break;case"finish":(l=this.finishEnvelope)===null||l===void 0?void 0:l.emit({endpoint:this.endpoint,envelope:e});break;case"download":this.downloadEnvelope(e);break;case"cancel":if(window.confirm("Are you sure you want to cancel this envelope?")){p(this.endpoint,e.id).then((()=>v("Envelope canceled"))).catch((e=>v("Unable to cancel envelope: "+e.messabge,{style:"error"})));this.queryEnvelopes().catch((()=>{}))}break}}})))})),!this.initiallyLoaded&&i("div",{key:"51bf5804963fa820d9e32532df38e318162f5db8",style:{width:"100%"}},o(0,this.rowsPerPage).map((()=>i("div",{class:"envelope-placeholder"})))),this.initiallyLoaded&&!this.envelopes.length&&i("div",{key:"2e288350fb0b80e6e5214422750e15435ec8264e",class:"empty-text"},"No matching envelopes found. Please adjust your filters and try again."),this.initiallyLoaded&&this.envelopes.length&&this.showPagination?i("div",{style:{marginTop:"20px"}},i("verdocs-pagination",{selectedPage:this.selectedPage,perPage:this.rowsPerPage,itemCount:this.count,onSelectPage:e=>{this.selectedPage=e.detail.selectedPage}})):i("div",null))}static get watchers(){return{view:[{handleViewUpdated:0}],status:[{handleStatusUpdated:0}],sort:[{handleSortUpdated:0}],match:[{handleMatchUpdated:0}],selectedPage:[{handlePageUpdated:0}]}}};g.style=x();export{g as verdocs_envelopes_list};
-//# sourceMappingURL=p-478de2c9.entry.js.map
+import{r as e,c as s,h as i,H as l}from"./p-CjTHbolG.js";import{VerdocsEndpoint as t,getEnvelopes as a,integerSequence as o,getRecipientsWithActions as n,userCanCancelEnvelope as d,userCanAct as r,formatFullName as c,cancelEnvelope as p}from"@verdocs/js-sdk";import{s as h}from"./p-CHdb5wzt.js";import{V as v}from"./p-D97GxsI-.js";import{S as f}from"./p-C1sRVZWv.js";import"./p-BglCURB-.js";import"./p-CIxfEdV7.js";const x=()=>`verdocs-envelopes-list{display:-ms-flexbox;display:flex;padding:10px;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-direction:column;flex-direction:column;font-family:"Inter", "Barlow", sans-serif}@media screen and (max-width: 800px){verdocs-envelopes-list{font-size:14px}}verdocs-envelopes-list .envelope-placeholder{height:48px;-ms-flex:0 0 48px;flex:0 0 48px;margin:5px 0;border-radius:5px;background:#f5f5fa}verdocs-envelopes-list .header{width:100%;row-gap:4px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-envelopes-list .header .filter{width:300px}verdocs-envelopes-list .header verdocs-text-input{margin:0}verdocs-envelopes-list .header verdocs-text-input input{height:32px}verdocs-envelopes-list .filter{-ms-flex-align:center;align-items:center}verdocs-envelopes-list .envelope{width:100%;margin:3px 0;background:#ffffff}verdocs-envelopes-list .envelope:hover{cursor:pointer;background:#f5f5fa}verdocs-envelopes-list .envelope .inner{gap:12px;display:-ms-flexbox;display:flex;padding:8px 14px;border-radius:5px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;container-type:inline-size}verdocs-envelopes-list .envelope .inner svg{width:24px;height:24px}verdocs-envelopes-list .vert-spacer{height:50px;display:-ms-flexbox;display:flex;-ms-flex:0 0 1px;flex:0 0 1px;border-right:1px solid #dad8dd}@media screen and (max-width: 800px){verdocs-envelopes-list .vert-spacer{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list .envelope-icon{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-checkbox{display:none}}verdocs-envelopes-list .last-modified{color:#444;display:-ms-flexbox;display:flex;-ms-flex:0 0 180px;flex:0 0 180px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;white-space:nowrap}@media screen and (max-width: 800px){verdocs-envelopes-list .last-modified{display:none}}verdocs-envelopes-list .envelope-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;color:#000000;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .envelope-recipients{color:#4b5563;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .empty-text{text-align:center;margin:16px 0 0 0;padding:80px 80px;border:2px solid #ccc}verdocs-envelopes-list .containing{gap:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-status-indicator{font-size:14px}}`;const b=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#000000" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z" /></svg>`;const m=[{value:"all",label:"All"},{value:"inbox",label:"Inbox"},{value:"sent",label:"Sent"},{value:"completed",label:"Completed"},{value:"action",label:"Action Required"},{value:"waiting",label:"Waiting on Others"}];const u=[{value:"all",label:"All"},{value:"pending",label:"Pending"},{value:"in progress",label:"In Progress"},{value:"complete",label:"Completed"},{value:"declined",label:"Declined"},{value:"canceled",label:"Canceled"}];const w=[{value:"created_at",label:"Created"},{value:"updated_at",label:"Updated"},{value:"canceled_at",label:"Canceled"},{value:"envelope_name",label:"Name"},{value:"envelope_status",label:"Status"}];const g=class{constructor(i){e(this,i);this.changeView=s(this,"changeView");this.changeStatus=s(this,"changeStatus");this.changeSort=s(this,"changeSort");this.changeMatch=s(this,"changeMatch");this.sdkError=s(this,"sdkError");this.viewEnvelope=s(this,"viewEnvelope");this.finishEnvelope=s(this,"finishEnvelope");this.endpoint=t.getDefault();this.view=undefined;this.status="all";this.sort="created_at";this.match="";this.showPagination=true;this.rowsPerPage=10;this.selectedPage=0;this.count=0;this.initiallyLoaded=false;this.loading=true;this.selectedEnvelopes=[];this.envelopes=[]}handleViewUpdated(){return this.queryEnvelopes()}handleStatusUpdated(){return this.queryEnvelopes()}handleSortUpdated(){return this.queryEnvelopes()}handleMatchUpdated(){return this.queryEnvelopes()}handlePageUpdated(){return this.queryEnvelopes()}componentWillLoad(){this.endpoint.onSessionChanged(((e,s,i)=>{console.log("[ENVELOPES_LIST] onSessionChanged",s,i)}));this.endpoint.loadSession()}async componentDidLoad(){await this.queryEnvelopes();this.initiallyLoaded=true}async queryEnvelopes(){var e,s,i;try{this.loading=true;let e={page:this.selectedPage,rows:this.rowsPerPage};switch(this.view){case"all":e={...e,status:this.status==="all"?["pending","in progress","complete","declined","canceled"]:[this.status]};break;case"inbox":e={...e};break;case"sent":e={...e};break;case"action":e={...e,status:["pending","in progress"]};break;case"waiting":e={...e,status:["pending","in progress"]};break;case"completed":e={...e,status:["complete"]};break;default:e={...e,status:this.status==="all"?["pending","in progress","complete","declined","canceled"]:[this.status]}}if(this.view==="all"){if(this.status!=="all"){e.status=[this.status]}}if(this.match.trim());const s=await a(this.endpoint,e);this.envelopes=s.envelopes;this.count=s.count;this.loading=false}catch(l){this.loading=false;console.log("[ENVELOPES] Error listing envelopes",l);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new f(l.message,(s=l.response)===null||s===void 0?void 0:s.status,(i=l.response)===null||i===void 0?void 0:i.data))}}handleDownload(){h(this.endpoint,this.selectedEnvelopes).then((()=>{this.selectedEnvelopes=[]})).catch((e=>{console.log("[ENVELOPES] Download error",e);v("Download error: "+e.message,{style:"error"})}))}downloadEnvelope(e){h(this.endpoint,[e]).catch((e=>{console.log("[ENVELOPES] Download error",e);v("Download error: "+e.message,{style:"error"})}))}render(){return i(l,{key:"461bb47330c34085183ba8a6d5a53769a568fe2c"},i("div",{key:"d19f4b14c54231a4115033a6cdfc7eb5108970eb",class:"header"},i("div",{key:"7b34383202af7753ac3cf752aac8392d226d2a90",class:"filter"},i("verdocs-text-input",{key:"d5f06553bcecaed00a35bbee7927332a6f68070c",id:"verdocs-filter-name",value:this.match,clearable:true,autocomplete:"off",placeholder:"Filter by Name, Recipient, or Field...",onFocusout:e=>{var s;this.match=e.target.value.trim();(s=this.changeMatch)===null||s===void 0?void 0:s.emit(this.match)}})),i("verdocs-quick-filter",{key:"99bbd5506321bdf5a845c27e0d0537cce7b3d880",label:"View",value:this.view,options:m,onOptionSelected:e=>{this.view=e.detail.value}}),this.view==="all"&&i("verdocs-quick-filter",{key:"fdc219197bee7bf34e5d3d5a37ba531e67dce9bc",label:"Status",value:this.status,options:u,onOptionSelected:e=>{this.status=e.detail.value}}),this.view==="all"&&i("verdocs-quick-filter",{key:"7a963b621bf0f98717f7f51e3bb830740a4ffdf4",label:"Sort By",value:this.sort,options:w,onOptionSelected:e=>{this.sort=e.detail.value}}),this.loading&&i("verdocs-spinner",{key:"5f7a1d741ecfc80d1b32b5ae323c2b8ec70f6ec5",mode:"dark",size:24}),i("div",{key:"86540858502cdadc09581db4e62f76d60c9faae3",style:{display:"flex",flex:"1"}}),this.selectedEnvelopes.length>0&&i("verdocs-button",{key:"73328a3668371bdabeb79aaeb2e388621aaa3544",label:`Download (${this.selectedEnvelopes.length})`,onClick:()=>this.handleDownload()})),this.envelopes.map((e=>{var s;const l=n(e);const t=d(this.endpoint.profile,e);const a=l.find((e=>{var s;return e.email===((s=this.endpoint.session)===null||s===void 0?void 0:s.email)||""}));const o=a&&t&&r(((s=this.endpoint.session)===null||s===void 0?void 0:s.email)||"",l);const h=[{label:"View Envelope",id:"view"},{label:"Finish Envelope",id:"finish",disabled:!o},{label:"Download",id:"download"},{label:"Cancel",id:"cancel",disabled:!t}];return i("div",{class:"envelope",key:e.id,onClick:()=>{var s;return(s=this.viewEnvelope)===null||s===void 0?void 0:s.emit({endpoint:this.endpoint,envelope:e})}},i("div",{class:"inner"},i("verdocs-checkbox",{checked:this.selectedEnvelopes.findIndex((s=>s.id===e.id))!==-1,onClick:e=>e.stopPropagation(),onInput:s=>{if(s.target.checked){this.selectedEnvelopes=[...this.selectedEnvelopes,e]}else{this.selectedEnvelopes=this.selectedEnvelopes.filter((s=>s.id!==e.id))}}}),i("div",{class:"vert-spacer"}),i("span",{innerHTML:b,class:"envelope-icon"}),i("div",{class:"envelope-name"},e.name,":  ",i("div",{class:"envelope-recipients"},e.recipients.map((e=>c(e))))),i("div",{class:"vert-spacer"}),i("verdocs-status-indicator",{envelope:e,style:{width:"125px"}}),i("div",{class:"vert-spacer"}),i("div",{class:"last-modified"},new Date(e.updated_at).toLocaleString()),i("div",{class:"vert-spacer"}),i("verdocs-dropdown",{options:h,onOptionSelected:s=>{var i,l;switch(s.detail.id){case"view":(i=this.viewEnvelope)===null||i===void 0?void 0:i.emit({endpoint:this.endpoint,envelope:e});break;case"finish":(l=this.finishEnvelope)===null||l===void 0?void 0:l.emit({endpoint:this.endpoint,envelope:e});break;case"download":this.downloadEnvelope(e);break;case"cancel":if(window.confirm("Are you sure you want to cancel this envelope?")){p(this.endpoint,e.id).then((()=>v("Envelope canceled"))).catch((e=>v("Unable to cancel envelope: "+e.messabge,{style:"error"})));this.queryEnvelopes().catch((()=>{}))}break}}})))})),!this.initiallyLoaded&&i("div",{key:"51bf5804963fa820d9e32532df38e318162f5db8",style:{width:"100%"}},o(0,this.rowsPerPage).map((()=>i("div",{class:"envelope-placeholder"})))),this.initiallyLoaded&&!this.envelopes.length&&i("div",{key:"2e288350fb0b80e6e5214422750e15435ec8264e",class:"empty-text"},"No matching envelopes found. Please adjust your filters and try again."),this.initiallyLoaded&&this.envelopes.length&&this.showPagination?i("div",{style:{marginTop:"20px"}},i("verdocs-pagination",{selectedPage:this.selectedPage,perPage:this.rowsPerPage,itemCount:this.count,onSelectPage:e=>{this.selectedPage=e.detail.selectedPage}})):i("div",null))}static get watchers(){return{view:[{handleViewUpdated:0}],status:[{handleStatusUpdated:0}],sort:[{handleSortUpdated:0}],match:[{handleMatchUpdated:0}],selectedPage:[{handlePageUpdated:0}]}}};g.style=x();export{g as verdocs_envelopes_list};
+//# sourceMappingURL=p-6ac28b30.entry.js.map