@verdocs/web-sdk 1.9.6 → 1.9.10

package/dist/verdocs-web-sdk/p-5c40246d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/controls/verdocs-dropdown/verdocs-dropdown.scss?tag=verdocs-dropdown","src/components/controls/verdocs-dropdown/verdocs-dropdown.tsx","src/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.scss?tag=verdocs-field-checkbox","src/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.tsx","src/components/elements/verdocs-field-radio-button-group/verdocs-field-radio-button.scss?tag=verdocs-field-radio-button","src/components/elements/verdocs-field-radio-button-group/verdocs-field-radio-button.tsx"],"names":["verdocsDropdownCss","VerdocsDropdown","[object Object]","this","isOpen","open","popper","createPopper","dropdownButton","dropdownMenu","placement","modifiers","name","options","offset","e","option","stopPropagation","optionSelected","emit","hide","setAttribute","removeAttribute","_a","setOptions","enabled","_b","update","target","localName","className","showDropdown","h","Host","class","storybook","window","innerHTML","SortDown","aria-label","onClick","toggleDropdown","onBlur","handleHideDropdown","ref","el","aria-hidden","map","handleSelectOption","disabled","label","verdocsFieldCheckboxCss","VerdocsFieldCheckbox","fieldChange","value","checked","settings","getFieldSettings","field","_d","_c","required","type","tabIndex","order","onChange","handleChange","verdocsFieldRadioButtonCss","VerdocsFieldRadioButton","console","log","id","htmlFor"],"mappings":"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","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-dropdown {\n  font-family: $primary-font;\n  display: block;\n\n  .arrow {\n    width: 32px;\n    height: 26px;\n    background: #fff;\n    cursor: pointer;\n    border-radius: 4px;\n    align-items: center;\n    display: inline-flex;\n    border: 1px solid $light-border-color;\n    justify-content: center;\n  }\n\n  .arrow svg {\n    fill: $primary-color;\n    transition: 0.3s;\n  }\n\n  .items {\n    width: 200px;\n    display: none;\n    z-index: 10000;\n    border-radius: 5px;\n    background: $medium-bg;\n    border: 1px solid $item-border-color;\n  }\n\n  .items[data-show] {\n    display: block;\n  }\n\n  .option {\n    width: 100%;\n    color: #fff;\n    border: none;\n    display: block;\n    text-align: left;\n    background: none;\n    padding: 10px 20px;\n  }\n\n  .option:hover {\n    cursor: pointer;\n    background: $primary-color;\n  }\n\n  .option[disabled] {\n    color: $light-disabled-color;\n  }\n\n  .option[disabled]:hover {\n    color: $light-disabled-color;\n    cursor: inherit;\n    background: transparent;\n  }\n\n  &.open {\n    .items {\n      display: block;\n    }\n\n    .arrow {\n      background: $secondary-color;\n      border: 1px solid $border-color;\n    }\n\n    .arrow svg {\n      transform: scaleY(-1);\n      fill: #fff;\n    }\n  }\n}\n","import {Host} from '@stencil/core';\nimport {createPopper, Instance} from '@popperjs/core';\nimport {Component, Prop, State, h, Event, EventEmitter} from '@stencil/core';\nimport SortDown from './down-arrow.svg';\n\nexport interface IMenuOption {\n  label: string;\n  id?: any;\n  faIcon?: any;\n  disabled?: boolean;\n}\n\n/**\n * Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden\n * when the button is pressed again, or an option is selected.\n */\n@Component({\n  tag: 'verdocs-dropdown',\n  styleUrl: 'verdocs-dropdown.scss',\n})\nexport class VerdocsDropdown {\n  private dropdownButton?: HTMLButtonElement;\n  private dropdownMenu?: HTMLDivElement;\n  private popper?: Instance;\n\n  /**\n   * The menu options to display.\n   */\n  @Prop() options: IMenuOption[] = [];\n\n  /**\n   * If set, the component will be open by default. This is primarily intended to be used for testing.\n   */\n  @Prop() open: boolean;\n\n  /**\n   * If set, the component will be open by default.\n   */\n  @State() isOpen: boolean;\n\n  /**\n   * Event fired when a menu option is clicked.\n   * Web Component events need to be \"composed\" to cross the Shadow DOM and be received by parent frameworks.\n   */\n  @Event({composed: true}) optionSelected: EventEmitter<IMenuOption>;\n\n  componentWillLoad() {\n    this.isOpen = !!this.open;\n  }\n\n  componentDidLoad() {\n    this.popper = createPopper(this.dropdownButton, this.dropdownMenu, {placement: 'bottom-start', modifiers: [{name: 'offset', options: {offset: [0, 6]}}]});\n  }\n\n  handleSelectOption(e: any, option: IMenuOption) {\n    e.stopPropagation();\n    this.isOpen = false;\n    this.optionSelected.emit(option);\n    this.hide();\n  }\n\n  // See https://popper.js.org/docs/v2/tutorial/\n  // What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists\n  showDropdown() {\n    this.isOpen = true;\n    this.dropdownMenu.setAttribute('data-show', '');\n    this.dropdownMenu.removeAttribute('aria-hidden');\n\n    this.popper?.setOptions(options => ({\n      ...options,\n      modifiers: [...options.modifiers, {name: 'eventListeners', enabled: true}],\n    }));\n\n    this.popper?.update();\n  }\n\n  handleHideDropdown(e: any) {\n    if (e?.target?.localName === 'button' && e?.target?.className === 'arrow') {\n      // This event is fired when a menu element is clicked because the button \"loses focus\" then too\n      return;\n    }\n\n    this.hide();\n  }\n\n  toggleDropdown(e: any) {\n    e.stopPropagation();\n\n    if (this.isOpen) {\n      this.hide();\n    } else {\n      this.showDropdown();\n    }\n  }\n\n  hide() {\n    this.isOpen = false;\n    this.dropdownMenu.removeAttribute('data-show');\n    this.dropdownMenu.setAttribute('aria-hidden', 'true');\n    this.popper?.setOptions(options => ({\n      ...options,\n      modifiers: [...options.modifiers, {name: 'eventListeners', enabled: false}],\n    }));\n  }\n\n  render() {\n    return (\n      <Host class={{storybook: !!window?.['STORYBOOK_ENV'], open: !!this.isOpen}}>\n        <button\n          class=\"arrow\"\n          innerHTML={SortDown}\n          aria-label=\"Open Menu\"\n          onClick={e => this.toggleDropdown(e)}\n          onBlur={e => this.handleHideDropdown(e)}\n          ref={el => (this.dropdownButton = el as HTMLButtonElement)}\n        />\n\n        <div class=\"items\" aria-hidden={!this.open} ref={el => (this.dropdownMenu = el as HTMLDivElement)}>\n          {this.options?.map(option => (\n            <button onClick={e => this.handleSelectOption(e, option)} class=\"option\" disabled={option.disabled}>\n              {option.label}\n            </button>\n          ))}\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\n// See https://www.kallmanation.com/styling-a-checkbox-with-only-css\nverdocs-field-checkbox {\n  font-family: $verdocs-primary-font;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  label > input[type='checkbox'] {\n    display: none;\n  }\n\n  label > input[type='checkbox'] + *::before {\n    content: '';\n    position: absolute;\n    display: block;\n    top: 1px;\n    left: 1px;\n    width: 10px;\n    height: 10px;\n    border-radius: 2px;\n    background: $verdocs-grey-3;\n    border: 1px solid rgba(0, 0, 0, 0.7);\n  }\n\n  label > input[type='checkbox']:checked + * {\n    color: $verdocs-green;\n  }\n\n  label > input[type='checkbox']:checked + *::before {\n    content: '✓';\n    color: white;\n    text-align: center;\n    background: $verdocs-green;\n    border-color: $verdocs-green;\n  }\n\n  &.required {\n    label > input[type='checkbox'] + *::before {\n      border: 1px solid $verdocs-red-1;\n    }\n  }\n\n  &.hide {\n    display: none;\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n}\n","import {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField, IRecipient} from '@verdocs/js-sdk/Documents/Types';\nimport {Component, h, Host, Prop, Event, EventEmitter} from '@stencil/core';\nimport {getFieldSettings} from '../../../utils/utils';\n\n/**\n * Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as\n * input types like text and checkbox.\n */\n@Component({\n  tag: 'verdocs-field-checkbox',\n  styleUrl: 'verdocs-field-checkbox.scss',\n  shadow: false,\n})\nexport class VerdocsFieldCheckbox {\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * The recipient completing the form, if known.\n   */\n  @Prop() recipient?: IRecipient;\n\n  /**\n   * The index of the settings option this particular checkbox is for\n   */\n  @Prop() option: number = 0;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\n   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\n   * keypress.\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<{option: number; value: boolean}>;\n\n  handleChange(e: any) {\n    this.fieldChange.emit({option: this.option, value: e.target.checked});\n  }\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const option = settings.options?.[this.option] ?? {checked: false};\n\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    return (\n      <Host class={{required: settings.required, disabled}}>\n        <label>\n          <input type=\"checkbox\" tabIndex={settings.order} checked={option.checked} disabled={disabled} required={settings.required} onChange={e => this.handleChange(e)} />\n          <span />\n        </label>\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\n// See https://www.sliderrevolution.com/resources/styling-radio-buttons/\nverdocs-field-radio-button {\n  font-family: $verdocs-primary-font;\n  width: 14px;\n  height: 14px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n  border-radius: 100%;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  input[type='radio'] {\n    position: absolute;\n    opacity: 0;\n\n    + label {\n      &:before {\n        content: '';\n        background: $verdocs-grey-3;\n        border-radius: 100%;\n        border: 1px solid rgba(0, 0, 0, 0.6);\n        display: inline-block;\n        width: 10px;\n        height: 10px;\n        position: absolute;\n        left: 1px;\n        top: 1px;\n        cursor: pointer;\n        text-align: center;\n        transition: all 250ms ease;\n      }\n    }\n\n    &:checked {\n      + label {\n        &:before {\n          background-color: $verdocs-green;\n          box-shadow: inset 0 0 0 2px $verdocs-grey-3;\n        }\n      }\n    }\n\n    &:focus {\n      + label {\n        &:before {\n          outline: none;\n          border-color: $verdocs-green;\n        }\n      }\n    }\n\n    &:disabled {\n      + label {\n        &:before {\n          box-shadow: inset 0 0 0 4px $verdocs-grey-3;\n          border-color: darken($verdocs-grey-3, 25%);\n          background: darken($verdocs-grey-3, 25%);\n        }\n      }\n    }\n\n    + label {\n      &:empty {\n        &:before {\n          margin-right: 0;\n        }\n      }\n    }\n  }\n\n  &.required {\n    input[type='radio'] {\n      + label {\n        &:before {\n          border: 1px solid $verdocs-red-1;\n        }\n      }\n    }\n  }\n\n  &.hide {\n    display: none;\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n}\n","import {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField, IRecipient} from '@verdocs/js-sdk/Documents/Types';\nimport {Component, h, Host, Prop, Event, EventEmitter} from '@stencil/core';\nimport {getFieldSettings} from '../../../utils/utils';\n\n/**\n * Displays a radio button.\n */\n@Component({\n  tag: 'verdocs-field-radio-button',\n  styleUrl: 'verdocs-field-radio-button.scss',\n  shadow: false,\n})\nexport class VerdocsFieldRadioButton {\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * The recipient completing the form, if known.\n   */\n  @Prop() recipient?: IRecipient;\n\n  /**\n   * The index of the settings option this particular checkbox is for\n   */\n  @Prop() option: number = 0;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\n   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\n   * keypress.\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<{option: number; value: boolean}>;\n\n  handleChange(e: any) {\n    console.log('changed', e);\n    this.fieldChange.emit({option: this.option, value: e.target.checked});\n  }\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    return (\n      <Host class={{required: settings.required, disabled}}>\n        <input\n          type=\"radio\"\n          tabIndex={settings.order}\n          value={settings.value}\n          name={settings.name}\n          id={`${settings.name}=${settings.value}`}\n          checked={settings.checked}\n          disabled={disabled}\n          required={settings.required}\n          onChange={e => this.handleChange(e)}\n        />\n        <label htmlFor={`${settings.name}=${settings.value}`} />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-60f92123.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/controls/verdocs-help-icon/verdocs-help-icon.scss?tag=verdocs-help-icon","src/components/controls/verdocs-help-icon/verdocs-help-icon.tsx","src/components/dialogs/verdocs-template-sender-dialog/verdocs-template-sender-dialog.scss?tag=verdocs-template-sender-dialog","src/components/dialogs/verdocs-template-sender-dialog/verdocs-template-sender-dialog.tsx"],"names":["verdocsHelpIconCss","helpIcon","VerdocsHelpIcon","exports","concat","Math","random","toString","substring","class_1","prototype","componentDidLoad","this","popperInstance","createPopper","icon","tooltip","disconnectedCallback","destroy","show","_a","setAttribute","_b","update","catch","hide","removeAttribute","render","_this","h","Host","class","aria-describedby","containerId","innerHTML","onMouseEnter","onFocus","onMouseLeave","onBlur","ref","el","id","role","data-popper-placement","text","data-popper-arrow","verdocsTemplateSenderDialogCss","VerdocsTemplateSenderDialog","TemplateSenderTypes","EVERYONE","class_2","componentWillLoad","newValue","value","handleCancel","cancel","emit","open","handleDismiss","e","target","className","preventDefault","handleDone","done","sender","handleSelectSetting","style","display","onClick","checked","name","onSelected","EVERYONE_AS_CREATOR","ORGANIZATION_MEMBER","ORGANIZATION_MEMBER_AS_CREATOR","CREATOR","label","variant","onPress"],"mappings":"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","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-help-icon {\n  font-family: $verdocs-primary-font;\n  display: inline-block;\n\n  .icon {\n    display: inline-block;\n\n    svg {\n      fill: $choice-available-color;\n    }\n  }\n\n  .tooltip {\n    display: none;\n    box-shadow: 0 0 10px 1px #999999;\n    background: #ffffff;\n    color: $label-color;\n    max-width: 240px;\n    font-weight: bold;\n    position: relative;\n    padding: 5px 10px;\n    font-size: 13px;\n    border-radius: 4px;\n    z-index: 10000;\n\n    .arrow,\n    .arrow::before {\n      position: absolute;\n      width: 8px;\n      height: 8px;\n      background: inherit;\n    }\n\n    .arrow {\n      visibility: hidden;\n      top: -4px;\n    }\n\n    .arrow::before {\n      visibility: visible;\n      content: '';\n      transform: rotate(45deg);\n    }\n\n    &[data-show] {\n      display: block;\n    }\n\n    &[data-popper-placement^='top'] > .arrow {\n      bottom: -4px;\n    }\n\n    &[data-popper-placement^='bottom'] > .arrow {\n      top: -4px;\n    }\n\n    &[data-popper-placement^='left'] > .arrow {\n      right: -4px;\n    }\n\n    &[data-popper-placement^='right'] > .arrow {\n      left: -4px;\n    }\n  }\n}\n","import {createPopper, Instance} from '@popperjs/core';\nimport {Component, h, Host, Prop, State} from '@stencil/core';\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 a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.\n */\n@Component({\n  tag: 'verdocs-help-icon',\n  styleUrl: 'verdocs-help-icon.scss',\n  shadow: false,\n})\nexport class VerdocsHelpIcon {\n  icon: HTMLDivElement;\n  tooltip: HTMLDivElement;\n  popperInstance: Instance;\n\n  /**\n   * Help text to display on hover/focus\n   */\n  @Prop() text: string = '';\n\n  @State() containerId = `verdocs-help-icon-${Math.random().toString(36).substring(2, 11)}`;\n\n  componentDidLoad() {\n    this.popperInstance = createPopper(this.icon, this.tooltip, {\n      // placement: 'top-end',\n      // modifiers: [{name: 'offset', options: {offset: [0, 10]}}],\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  }\n\n  show() {\n    this.tooltip?.setAttribute('data-show', '');\n    this.popperInstance?.update().catch(() => {});\n  }\n\n  hide() {\n    this.tooltip?.removeAttribute('data-show');\n  }\n\n  render() {\n    return (\n      <Host class={{}}>\n        <div\n          aria-describedby={this.containerId}\n          class=\"icon\"\n          innerHTML={helpIcon}\n          onMouseEnter={() => this.show()}\n          onFocus={() => this.show()}\n          onMouseLeave={() => this.hide()}\n          onBlur={() => this.hide()}\n          ref={el => (this.icon = el as HTMLDivElement)}\n        />\n        <div\n          id={this.containerId}\n          role=\"tooltip\"\n          class=\"tooltip\"\n          // style=\"display: none; visibility: visible; margin: 0px; position: absolute; inset: 0px auto auto 0px; transform: translate(951px, 5510px);\"\n          data-popper-placement=\"bottom\"\n          ref={el => (this.tooltip = el as HTMLDivElement)}\n        >\n          {this.text}\n          <div data-popper-arrow=\"true\" class=\"arrow\" />\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-template-sender-dialog {\n  font-family: $primary-font;\n  box-sizing: border-box;\n\n  div {\n    box-sizing: border-box;\n  }\n\n  .background-overlay {\n    position: absolute;\n    z-index: 10000;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #0000007f;\n  }\n\n  .dialog {\n    width: 340px;\n    display: flex;\n    flex-direction: column;\n    border-radius: 4px;\n    overflow: hidden;\n    background: $verdocs-grey-4;\n    padding: 16px;\n    box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n  }\n\n  .heading {\n    display: flex;\n    flex-direction: row;\n    font-size: 20px;\n    font-weight: 500;\n  }\n\n  .buttons {\n    display: flex;\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  .options {\n    row-gap: 10px;\n\n    .option {\n      display: flex;\n      flex-direction: row;\n\n      .description {\n        margin-left: 10px;\n\n        .name {\n          display: inline-block;\n          vertical-align: top;\n          margin-top: 4px;\n          margin-right: 4px;\n        }\n      }\n    }\n  }\n}\n","import {TemplateSenderTypes} from '@verdocs/js-sdk/Templates/Types';\nimport {Component, Prop, h, Event, EventEmitter, Host, State} from '@stencil/core';\n\n/**\n * Display a dialog that allows a template sender to be selected.\n */\n@Component({\n  tag: 'verdocs-template-sender-dialog',\n  styleUrl: 'verdocs-template-sender-dialog.scss',\n})\nexport class VerdocsTemplateSenderDialog {\n  /**\n   * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.\n   */\n  @Prop() value: TemplateSenderTypes = TemplateSenderTypes.EVERYONE;\n\n  /**\n   * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.\n   */\n  @Prop() open: boolean = false;\n\n  /**\n   * Event fired when the dialog is closed. The event data will contain the closure reason.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  /**\n   * Event fired when the dialog is closed. The event data will contain the closure reason.\n   */\n  @Event({composed: true}) done: EventEmitter<{sender: TemplateSenderTypes}>;\n\n  @State() newValue: TemplateSenderTypes = TemplateSenderTypes.EVERYONE;\n\n  componentWillLoad() {\n    this.newValue = this.value;\n  }\n\n  handleCancel() {\n    this.cancel.emit();\n    this.open = false;\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.handleCancel();\n    }\n  }\n\n  handleDone() {\n    this.done.emit({sender: this.newValue});\n    this.open = false;\n  }\n\n  handleSelectSetting(value: TemplateSenderTypes) {\n    this.newValue = value;\n  }\n\n  render() {\n    return (\n      <Host style={{display: this.open ? 'block' : 'none'}}>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"options\">\n              <div class=\"option\">\n                <verdocs-radio-button\n                  checked={this.value === TemplateSenderTypes.EVERYONE}\n                  name=\"template-sender\"\n                  value={TemplateSenderTypes.EVERYONE}\n                  onSelected={() => this.handleSelectSetting(TemplateSenderTypes.EVERYONE)}\n                />\n                <div class=\"description\">\n                  <div class=\"name\">Anyone on the Web</div>\n                  <verdocs-help-icon text=\"Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)\" />\n                </div>\n              </div>\n              <div class=\"option\">\n                <verdocs-radio-button\n                  checked={this.value === TemplateSenderTypes.EVERYONE_AS_CREATOR}\n                  name=\"template-sender\"\n                  value={TemplateSenderTypes.EVERYONE_AS_CREATOR}\n                  onSelected={() => this.handleSelectSetting(TemplateSenderTypes.EVERYONE_AS_CREATOR)}\n                />\n                <div class=\"description\">\n                  <div class=\"name\">Anyone on the Web as me</div>\n                  <verdocs-help-icon text=\"Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)\" />\n                </div>\n              </div>\n              <div class=\"option\">\n                <verdocs-radio-button\n                  checked={this.value === TemplateSenderTypes.ORGANIZATION_MEMBER}\n                  name=\"template-sender\"\n                  value={TemplateSenderTypes.ORGANIZATION_MEMBER}\n                  onSelected={() => this.handleSelectSetting(TemplateSenderTypes.ORGANIZATION_MEMBER)}\n                />\n                <div class=\"description\">\n                  <div class=\"name\">Anyone in my organization</div>\n                  <verdocs-help-icon text=\"Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')\" />\n                </div>\n              </div>\n              <div class=\"option\">\n                <verdocs-radio-button\n                  checked={this.value === TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR}\n                  name=\"template-sender\"\n                  value={TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR}\n                  onSelected={() => this.handleSelectSetting(TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR)}\n                />\n                <div class=\"description\">\n                  <div class=\"name\">Anyone in my organization as me</div>\n                  <verdocs-help-icon text=\"Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)\" />\n                </div>\n              </div>\n              <div class=\"option\">\n                <verdocs-radio-button\n                  checked={this.value === TemplateSenderTypes.CREATOR}\n                  name=\"template-sender\"\n                  value={TemplateSenderTypes.CREATOR}\n                  onSelected={() => this.handleSelectSetting(TemplateSenderTypes.CREATOR)}\n                />\n                <div class=\"description\">\n                  <div class=\"name\">Me</div>\n                  <verdocs-help-icon text=\"Only I can use this template.\" />\n                </div>\n              </div>\n            </div>\n\n            <div class=\"buttons\">\n              <verdocs-button label=\"Cancel\" variant=\"outline\" onPress={() => this.handleCancel()} />\n              <verdocs-button label=\"Done\" onPress={() => this.handleDone()} />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-6258ec3f.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-97329951.system.js"],(function(e){"use strict";var t,o,i,a;return{setters:[function(e){t=e.r;o=e.c;i=e.h;a=e.H}],execute:function(){var r='verdocs-radio-button{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:20px;height:20px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-radio-button.disabled{opacity:0.5}verdocs-radio-button input[type=radio]{position:absolute;opacity:0}verdocs-radio-button input[type=radio]+label:before{content:"";background:#f5f5fa;border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:16px;height:16px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-radio-button input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-radio-button input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-radio-button input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-radio-button input[type=radio]+label:empty:before{margin-right:0}verdocs-radio-button.required input[type=radio]+label:before{border:1px solid #cc0000}verdocs-radio-button.hide{display:none}verdocs-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}';var n=e("verdocs_radio_button",function(){function e(e){t(this,e);this.selected=o(this,"selected",7);this.checked=false;this.name="";this.value="";this.disabled=false}e.prototype.handleChange=function(e){console.log("changed",e.target.checked);this.selected.emit({value:this.value})};e.prototype.render=function(){var e=this;return i(a,{class:{disabled:this.disabled}},i("input",{type:"radio",value:this.value,name:this.name,id:"verdocs-radio-button-".concat(this.name,"-").concat(this.value),checked:this.checked,disabled:this.disabled,onChange:function(t){return e.handleChange(t)}}),i("label",{htmlFor:"verdocs-radio-button-".concat(this.name,"-").concat(this.value)}))};return e}());n.style=r}}}));
-//# sourceMappingURL=p-6258ec3f.system.entry.js.map

package/dist/verdocs-web-sdk/p-6258ec3f.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/controls/verdocs-radio-button/verdocs-radio-button.scss?tag=verdocs-radio-button","src/components/controls/verdocs-radio-button/verdocs-radio-button.tsx"],"names":["verdocsRadioButtonCss","VerdocsRadioButton","exports","class_1","prototype","handleChange","e","console","log","target","checked","this","selected","emit","value","render","_this","h","Host","class","disabled","type","name","id","concat","onChange","htmlFor"],"mappings":"0JAAA,IAAMA,EAAwB,s7CCYjBC,EAAkBC,EAAA,uBAAA,mFAIF,gBAKJ,cAKC,iBAKK,MAS7BC,EAAAC,UAAAC,aAAA,SAAaC,GACXC,QAAQC,IAAI,UAAWF,EAAEG,OAAOC,SAChCC,KAAKC,SAASC,KAAK,CAACC,MAAOH,KAAKG,SAGlCX,EAAAC,UAAAW,OAAA,WAAA,IAAAC,EAAAL,KACE,OACEM,EAACC,EAAI,CAACC,MAAO,CAACC,SAAUT,KAAKS,WAC3BH,EAAA,QAAA,CACEI,KAAK,QACLP,MAAOH,KAAKG,MACZQ,KAAMX,KAAKW,KACXC,GAAI,wBAAAC,OAAwBb,KAAKW,KAAI,KAAAE,OAAIb,KAAKG,OAC9CJ,QAASC,KAAKD,QACdU,SAAUT,KAAKS,SACfK,SAAU,SAAAnB,GAAK,OAAAU,EAAKX,aAAaC,MAEnCW,EAAA,QAAA,CAAOS,QAAS,wBAAAF,OAAwBb,KAAKW,KAAI,KAAAE,OAAIb,KAAKG,oBA7CnC","sourcesContent":["@import '../../../theme.scss';\n\n// See https://www.sliderrevolution.com/resources/styling-radio-buttons/\nverdocs-radio-button {\n  font-family: $verdocs-primary-font;\n  width: 20px;\n  height: 20px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n  border-radius: 100%;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  input[type='radio'] {\n    position: absolute;\n    opacity: 0;\n\n    + label {\n      &:before {\n        content: '';\n        background: $verdocs-grey-3;\n        border-radius: 100%;\n        border: 1px solid rgba(0, 0, 0, 0.6);\n        display: inline-block;\n        width: 16px;\n        height: 16px;\n        position: absolute;\n        left: 1px;\n        top: 1px;\n        cursor: pointer;\n        text-align: center;\n        transition: all 250ms ease;\n      }\n    }\n\n    &:checked {\n      + label {\n        &:before {\n          background-color: $verdocs-green;\n          box-shadow: inset 0 0 0 2px $verdocs-grey-3;\n        }\n      }\n    }\n\n    &:focus {\n      + label {\n        &:before {\n          outline: none;\n          border-color: $verdocs-green;\n        }\n      }\n    }\n\n    &:disabled {\n      + label {\n        &:before {\n          box-shadow: inset 0 0 0 4px $verdocs-grey-3;\n          border-color: darken($verdocs-grey-3, 25%);\n          background: darken($verdocs-grey-3, 25%);\n        }\n      }\n    }\n\n    + label {\n      &:empty {\n        &:before {\n          margin-right: 0;\n        }\n      }\n    }\n  }\n\n  &.required {\n    input[type='radio'] {\n      + label {\n        &:before {\n          border: 1px solid $verdocs-red-1;\n        }\n      }\n    }\n  }\n\n  &.hide {\n    display: none;\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n}\n","import {Component, h, Host, Prop, Event, EventEmitter} from '@stencil/core';\n\n/**\n * Displays a radio button. Note that this is different from the `verdocs-field-radio-button` component, which is designed\n * to be used in signing experiences and contains settings that connect to template fields. This is just a simple radio\n * button for UI displays e.g. dialogs and .\n */\n@Component({\n  tag: 'verdocs-radio-button',\n  styleUrl: 'verdocs-radio-button.scss',\n  shadow: false,\n})\nexport class VerdocsRadioButton {\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   * Value to track with the input.\n   */\n  @Prop() value: string = '';\n\n  /**\n   * If set, the button will still be displayed but not selectable.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\n   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\n   * keypress.\n   */\n  @Event({composed: true}) selected: EventEmitter<{value: string}>;\n\n  handleChange(e: any) {\n    console.log('changed', e.target.checked);\n    this.selected.emit({value: this.value});\n  }\n\n  render() {\n    return (\n      <Host class={{disabled: this.disabled}}>\n        <input\n          type=\"radio\"\n          value={this.value}\n          name={this.name}\n          id={`verdocs-radio-button-${this.name}-${this.value}`}\n          checked={this.checked}\n          disabled={this.disabled}\n          onChange={e => this.handleChange(e)}\n        />\n        <label htmlFor={`verdocs-radio-button-${this.name}-${this.value}`} />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-62ffe7a3.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/elements/verdocs-field-signature/verdocs-field-signature.scss?tag=verdocs-field-signature","src/components/elements/verdocs-field-signature/verdocs-field-signature.tsx","src/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.scss?tag=verdocs-signature-dialog","src/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.tsx","src/components/controls/verdocs-toolbar-icon/verdocs-toolbar-icon.scss?tag=verdocs-toolbar-icon","src/components/controls/verdocs-toolbar-icon/verdocs-toolbar-icon.tsx"],"names":["verdocsFieldSignatureCss","settingsIcon","VerdocsFieldSignature","exports","class_1","prototype","focusField","this","handleShow","console","log","hideDialog","_a","dialog","remove","handleAdopt","e","tempSignature","detail","fieldChange","emit","_this","document","createElement","open","fullName","recipient","full_name","name","addEventListener","body","append","render","settings","getFieldSettings","field","value","base64","disabled","_b","backgroundColor","getRGBA","roleindex","h","Host","class","required","_c","style","src","alt","onClick","editable","icon","label","options","placeholder","onInput","verdocsSignatureDialogCss","VerdocsSignatureDialog","class_2","componentWillLoad","enteredName","ds","FontFace","load","then","font","fonts","add","fontLoaded","componentDidLoad","redrawSignature","componentDidUpdate","canvasElement","canvasWidth","width","context","getContext","clearRect","height","fontSize","concat","measureText","textAlign","textBaseline","fillText","handleCancel","stopPropagation","cancel","handleNameChange","target","preventDefault","data","toDataURL","adopt","tab","active","mode","ref","el","display","size","variant","onPress","verdocsToolbarIconCss","VerdocsToolbarIcon","Math","random","toString","substring","class_3","popperInstance","createPopper","iconEl","tooltip","disconnectedCallback","destroy","show","setAttribute","update","catch","hide","removeAttribute","handlePress","press","aria-describedby","containerId","innerHTML","onMouseEnter","onFocus","onMouseLeave","onBlur","id","role","data-popper-placement","text","data-popper-arrow"],"mappings":"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","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-field-signature {\n  font-family: $verdocs-primary-font;\n  width: 83px;\n  height: 36px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  letter-spacing: 0.3px;\n  background-color: transparent;\n  transform-origin: bottom left;\n  border: 1px solid rgba(0, 0, 0, 0.2);\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  img {\n    display: block;\n    max-width: 100%;\n    max-height: 100%;\n  }\n\n  button {\n    box-sizing: border-box;\n    border: none;\n    color: rgba(0, 0, 0, 0.87);\n    font-weight: 500;\n    transform-origin: 0 0;\n    height: 100%;\n    width: 100%;\n    background: none;\n    font-size: 11px;\n\n    &.hide {\n      display: none;\n    }\n  }\n\n  &.required {\n    border: 1px solid rgb(204, 0, 0);\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n\n  verdocs-button-panel {\n    top: -3px;\n    left: -2px;\n    opacity: 0.5;\n    z-index: 1000;\n    cursor: pointer;\n    position: absolute;\n    transform: scale(0.6);\n\n    &[data-active],\n    &:hover {\n      opacity: 1;\n    }\n\n    .icon {\n      svg {\n        fill: #333333;\n      }\n\n      &:hover {\n        svg {\n          fill: #000000;\n        }\n      }\n    }\n  }\n}\n","import {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField, IRecipient} from '@verdocs/js-sdk/Documents/Types';\nimport {Component, h, Host, Prop, Event, EventEmitter, Method, State} from '@stencil/core';\nimport {getFieldSettings} from '../../../utils/utils';\nimport {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\n\nconst settingsIcon =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"20\" width=\"20\"><path d=\"m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z\"/></svg>';\n\n/**\n * Displays a signature field. If a signature already exists, it will be displayed and the field will be disabled. Otherwise, a placeholder\n * button will be shown. Clicking the button will show a dialog to adopt a signature.\n */\n@Component({\n  tag: 'verdocs-field-signature',\n  styleUrl: 'verdocs-field-signature.scss',\n  shadow: false,\n})\nexport class VerdocsFieldSignature {\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * If set, the signature creation dialog will be initialized with this text.\n   */\n  @Prop() name?: string = '';\n\n  /**\n   * If set, the signature creation dialog will be initialized from this object.\n   */\n  @Prop() recipient?: IRecipient;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\n   * changed, so it should typically only be enabled in the Builder.\n   */\n  @Prop() editable?: boolean = false;\n\n  /**\n   * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.\n   */\n  @Prop() moveable?: boolean = false;\n\n  /**\n   * If set, the field will be colored using this index value to select the background color.\n   */\n  @Prop() roleindex?: number = 0;\n\n  /**\n   * Event emitted when the field has changed.\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<string>;\n\n  /**\n   * Event fired on every character entered into / deleted from the field.\n   */\n  @Event({composed: true}) settingsPress: EventEmitter;\n\n  @Method() async focusField() {\n    this.handleShow();\n    console.log('focused', this);\n  }\n\n  @State()\n  tempSignature: string = '';\n\n  private dialog?: any;\n\n  hideDialog() {\n    this.dialog?.remove();\n    this.dialog = null;\n  }\n\n  handleAdopt(e: any) {\n    console.log('[SIGNATURE] Adopted signature');\n    this.tempSignature = e.detail;\n    this.fieldChange?.emit(this.tempSignature);\n    this.hideDialog();\n  }\n\n  handleShow() {\n    this.dialog = document.createElement('verdocs-signature-dialog');\n    this.dialog.open = true;\n    this.dialog.fullName = this.recipient?.full_name || this.name;\n    this.dialog.addEventListener('cancel', () => this.hideDialog());\n    this.dialog.addEventListener('adopt', e => this.handleAdopt(e));\n    document.body.append(this.dialog);\n  }\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const value = this.tempSignature || settings.base64;\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    const backgroundColor = this.field['rgba'] || getRGBA(this.roleindex);\n\n    return (\n      <Host class={{required: this.field?.required, disabled}} style={{backgroundColor}}>\n        {value ? <img src={this.tempSignature || settings.base64} alt=\"Signature\" /> : <button onClick={() => !disabled && this.handleShow()}>Signature</button>}\n\n        {this.editable && (\n          <verdocs-button-panel icon={settingsIcon}>\n            <h6>Field Settings</h6>\n            <form>\n              <verdocs-select-input\n                label=\"Recipient\"\n                options={[\n                  {label: 'Buyer', value: 'Buyer'},\n                  {label: 'Seller', value: 'Seller'},\n                ]}\n              />\n\n              <verdocs-text-input label=\"Field Name\" value=\"\" placeholder=\"Stored field name...\" onInput={e => console.log('ipt', e)} />\n              <verdocs-text-input label=\"Placeholder\" value=\"\" placeholder=\"Placeholder text...\" onInput={e => console.log('ipt', e)} />\n            </form>\n          </verdocs-button-panel>\n        )}\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-signature-dialog {\n  font-family: $primary-font;\n  box-sizing: border-box;\n  position: absolute;\n  z-index: 10000;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #0000007f;\n\n  .dialog {\n    width: 100%;\n    max-width: 340px;\n    border-radius: 4px;\n    overflow: hidden;\n    box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n    background: $verdocs-grey-3;\n  }\n\n  .heading {\n    display: flex;\n    flex-direction: row;\n    padding: 20px 20px 0 20px;\n    line-height: 28px;\n    font-size: 20px;\n    font-weight: 500;\n  }\n\n  .content {\n    font-size: 14px;\n    padding: 20px;\n  }\n\n  .buttons {\n    display: flex;\n    margin: 20px 0 0 0;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n\n    verdocs-button {\n      margin-left: 16px;\n    }\n  }\n\n  canvas {\n    background: $verdocs-grey-4;\n    box-sizing: border-box;\n    margin: 0 auto;\n    width: 300px;\n    // TODO: The original app had an aspect ratio of (80 / 305) * (signatureBodyWidth - 20)\n    height: 79px;\n    max-width: 100%;\n    box-shadow: 0 0 6px 0 #0000001f;\n  }\n\n  .disclaimer {\n    text-align: justify;\n    padding: 8px 0;\n    font-size: 11px;\n    line-height: 14px;\n    color: rgba(0, 0, 0, 0.54);\n  }\n\n  .as-shown {\n    font-size: 11px;\n    margin: 4px 0 20px 4px;\n    color: rgba(0, 0, 0, 0.54);\n  }\n\n  .tabs {\n    display: flex;\n    flex-direction: row;\n\n    .tab {\n      padding: 8px 15px;\n      cursor: pointer;\n\n      &.active {\n        border-bottom: 2px solid $light-border-color;\n      }\n\n      &:hover {\n        color: $primary-color;\n      }\n    }\n  }\n}\n","import {Component, Prop, h, Event, EventEmitter, State, Host} from '@stencil/core';\n\n/**\n * Display a dialog that allows the user to specify a signature image, either by using a signature-font-generated image\n * based on their full name, or by hand-drawing their signature with a mouse or tablet.\n */\n@Component({\n  tag: 'verdocs-signature-dialog',\n  styleUrl: 'verdocs-signature-dialog.scss',\n})\nexport class VerdocsSignatureDialog {\n  private canvasElement?: HTMLCanvasElement;\n\n  /**\n   * Initial signature text\n   */\n  @Prop() name: string = '';\n\n  /**\n   * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.\n   */\n  @Prop() open: boolean = false;\n\n  /**\n   * Event fired when a signature is adopted.\n   */\n  @Event({composed: true}) adopt: EventEmitter<string>;\n\n  /**\n   * Event fired when the step is cancelled.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  @State() fontLoaded = false;\n\n  @State() enteredName: string = '';\n\n  @State() mode: string = 'type';\n\n  componentWillLoad() {\n    this.enteredName = this.name;\n\n    const ds = new FontFace('Dancing Script', 'url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)');\n    ds.load().then(font => {\n      document.fonts.add(font);\n      this.fontLoaded = true;\n    });\n  }\n\n  componentDidLoad() {\n    this.redrawSignature();\n  }\n\n  componentDidUpdate() {\n    this.redrawSignature();\n  }\n\n  redrawSignature() {\n    if (!this.canvasElement) {\n      return;\n    }\n\n    const canvasWidth = this.canvasElement.width;\n\n    const context = this.canvasElement.getContext('2d');\n    context.clearRect(0, 0, this.canvasElement.width, this.canvasElement.height);\n\n    let fontSize = 100;\n    do {\n      fontSize -= 2;\n      context.font = `${fontSize}px Dancing Script`;\n    } while (context.measureText(this.enteredName).width > canvasWidth - 32); // 32px padding each side\n\n    context.textAlign = 'center';\n    context.textBaseline = 'middle';\n    context.font = `${fontSize}px Dancing Script`;\n    context.fillText(this.enteredName, this.canvasElement.width / 2, this.canvasElement.height / 2);\n  }\n\n  handleCancel(e: any) {\n    e.stopPropagation();\n    this.cancel.emit();\n  }\n\n  handleNameChange(e: any) {\n    this.enteredName = e.target.value;\n  }\n\n  handleAdopt(e: any) {\n    e.stopPropagation();\n    e.preventDefault();\n    const data = this.canvasElement.toDataURL('image/png');\n    this.adopt.emit(data);\n  }\n\n  /*\n  selColor(hex: string) {\n    this.color = hex;\n    this.animateDraw();\n  }\n\n  stopDraw() {\n    this.paint = false;\n    this.adoptedAndSigned = !this.hasSignature();\n  }\n\n  draw(e) {\n    this.paint = true;\n    this.addPoints(e, false);\n    this.animateDraw();\n  }\n\n  recordPoints(e) {\n    if (this.paint) {\n      this.addPoints(e, true);\n      this.animateDraw();\n    }\n  }\n\n  animateDraw() {\n    this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);\n\n    this.canvas.strokeStyle = this.color || '#000000';\n    this.canvas.lineJoin = 'round';\n    this.canvas.lineWidth = 3;\n\n    for (let i = 0; i < this.points.length; i++) {\n      this.canvas.beginPath();\n      if (this.points[i].drag && i) {\n        this.canvas.moveTo(this.points[i - 1].x, this.points[i - 1].y);\n        // this.canvas.arc(this.points[i - 1].x, this.points[i - 1].y, 2, 0, 2 * Math.PI, false);\n      } else {\n        this.canvas.moveTo(this.points[i].x - 1, this.points[i].y);\n        // this.canvas.arc(this.points[i].x, this.points[i].y, 2, 0, 2 * Math.PI, false);\n      }\n\n      this.canvas.lineTo(this.points[i].x, this.points[i].y);\n      this.canvas.closePath();\n      this.canvas.stroke();\n    }\n  }\n\n  drawCurve(color: string, curve: number) {\n    this.canvas.beginPath();\n  }\n\n\n\n  addPoints(e, drag: boolean) {\n    if (window) {\n      let x;\n      let y;\n      e.preventDefault();\n      if (e.touches && e.touches.length > 0) {\n        x = e.touches[0].clientX;\n      } else {\n        x = e.clientX;\n      }\n\n      if (e.touches && e.touches.length > 0) {\n        y = e.touches[0].clientY;\n      } else {\n        y = e.clientY;\n      }\n      const rect = this.signatureCanvas.nativeElement.getBoundingClientRect();\n      this.points.push({\n        x: x - rect.left,\n        y: y - rect.top,\n        drag: drag\n      });\n    }\n  }\n\n  clearPad() {\n    this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);\n    this.points = [];\n    this.adoptedAndSigned = !this.hasSignature();\n  }\n\n    async adoptAndSign() {\n    try {\n      this.adoptedAndSigned = true;\n      await this.updateFullName();\n      await this.captureSignatureFromCanvas();\n      const message = this.signatureMode === 'Signature' ? 'Saving Signature' : 'Saving Initial';\n      this.snackbarService.open(message, 'OK', this.snackbarService.initConfig(null, 'bottom'));\n      this.handleMode();\n    } catch (err) {\n      this.snackbarService.open('Failed to apply signature', 'OK', this.snackbarService.initConfig(null, 'bottom'));\n    }\n  }\n\n  handleMode() {\n    let currentField;\n    switch (this.mode) {\n      case 'signerview':\n        if (this.signatureMode === 'Signature') {\n          this.signatureService.postSignatureBlob().then(result => {\n            if (result && result.id && result.url) {\n              currentField = this.signatureService.currField;\n              this.signatureService.updateSigned(currentField.fName, true);\n              this.signatureService.toggleSig(false);\n              this.signatureService.setSignatureId(result.id);\n              this.signatureService.putSignatureField(this.envelopeId, this.fieldName, result.id).then(res => {\n                this.eventTracker.createEvent({\n                  category: 'verdoc',\n                  action: 'verdoc signed',\n                  label: `verdoc id: ${this.envelopeId}`\n                })\n                if (res && res.settings) {\n                  this.signatureService.setSignatureData(res.settings.base64);\n                  this.signatureService.setSignatureId(res.settings.signature_id);\n                }\n                this.snackbarService.dismiss();\n                this.dialog.close({ status: 'saved', temp_sig: res.settings.base64, sig_id: res.settings.signature_id });\n              }).catch(err => {\n                this.snackbarService.open('Failed to save signature. Please try again.', 'DISMISS', {\n                  duration: 3000\n                });\n                this.adoptedAndSigned = false;\n                return err;\n              });\n            }\n          });\n        } else {\n          this.signatureService.postInitialBlob().then(result => {\n            if (result && result.id && result.url) {\n              currentField = this.signatureService.currField;\n              this.signatureService.updateInitialed(currentField.fName, true);\n              this.signatureService.setInitialId(result.id);\n              this.signatureService.toggleSig(false);\n              this.signatureService.putInitialField(this.envelopeId, this.fieldName, result.id).then(res => {\n                if (res && res.settings) {\n                  this.signatureService.setInitialData(res.settings.base64);\n                  this.signatureService.setInitialId(res.settings.initial_id);\n                }\n                this.snackbarService.dismiss();\n                this.dialog.close({ status: 'saved', temp_int: res.settings.base64, int_id: res.settings.initial_id });\n              }).catch(err => {\n                this.snackbarService.open('Failed to save initial. Please try again.', 'DISMISS', {\n                  duration: 3000\n                });\n                this.adoptedAndSigned = false;\n                return err;\n              });\n            }\n          });\n        }\n        break;\n    }\n  }\n   */\n\n  render() {\n    return (\n      <Host class={{open: this.open}} onClick={e => this.handleCancel(e)}>\n        <div class=\"dialog\">\n          <div class=\"heading\">Create Your Signature</div>\n\n          <div class=\"content\">\n            <verdocs-text-input placeholder=\"Full Name...\" label=\"Full Name\" value={this.enteredName} onInput={e => this.handleNameChange(e)} onClick={e => e.stopPropagation()} />\n            <div class=\"as-shown\">As shown on driver's license or govt. ID card.</div>\n\n            <div class=\"tabs\">\n              <div class={{tab: true, active: this.mode === 'type'}} onClick={() => (this.mode = 'type')}>\n                Type\n              </div>\n              <div class={{tab: true, active: this.mode === 'draw'}} onClick={() => (this.mode = 'draw')}>\n                Draw\n              </div>\n            </div>\n\n            {this.fontLoaded ? <canvas ref={el => (this.canvasElement = el as HTMLCanvasElement)} /> : <div style={{display: 'none'}} />}\n\n            <div class=\"disclaimer\">\n              By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents,\n              including legally binding contracts &mdash; just the same as a pen-and-paper signature or initial.\n            </div>\n\n            <div class=\"buttons\">\n              <verdocs-button label=\"CANCEL\" size=\"normal\" variant=\"outline\" onPress={e => this.handleCancel(e)} />\n              <verdocs-button label=\"Adopt & Sign\" size=\"normal\" onPress={e => this.handleAdopt(e)} />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-toolbar-icon {\n  font-family: $verdocs-primary-font;\n  display: inline-block;\n\n  .icon {\n    display: inline-block;\n    cursor: pointer;\n\n    svg {\n      fill: $choice-available-color;\n    }\n  }\n\n  .tooltip {\n    display: none;\n    box-shadow: 0 0 10px 1px #999999;\n    background: #ffffff;\n    color: $label-color;\n    max-width: 240px;\n    font-weight: bold;\n    padding: 5px 10px;\n    font-size: 13px;\n    position: relative;\n    border-radius: 4px;\n    z-index: 10000;\n\n    .arrow,\n    .arrow::before {\n      position: absolute;\n      width: 8px;\n      height: 8px;\n      background: inherit;\n    }\n\n    .arrow {\n      visibility: hidden;\n      top: -4px;\n    }\n\n    .arrow::before {\n      visibility: visible;\n      content: '';\n      transform: rotate(45deg);\n    }\n\n    &[data-show] {\n      display: block;\n    }\n\n    &[data-popper-placement^='top'] > .arrow {\n      bottom: -4px;\n    }\n\n    &[data-popper-placement^='bottom'] > .arrow {\n      top: -4px;\n    }\n\n    &[data-popper-placement^='left'] > .arrow {\n      right: -4px;\n    }\n\n    &[data-popper-placement^='right'] > .arrow {\n      left: -4px;\n    }\n  }\n}\n","import {createPopper, Instance} from '@popperjs/core';\nimport {Component, Event, EventEmitter, h, Host, Prop, State} from '@stencil/core';\n\n/**\n * Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.\n */\n@Component({\n  tag: 'verdocs-toolbar-icon',\n  styleUrl: 'verdocs-toolbar-icon.scss',\n  shadow: false,\n})\nexport class VerdocsToolbarIcon {\n  iconEl: HTMLDivElement;\n  tooltip: HTMLDivElement;\n  popperInstance: Instance;\n\n  /**\n   * Help text to display on hover/focus\n   */\n  @Prop() text: string = '';\n\n  /**\n   * SVG icon to display\n   */\n  @Prop() icon: string = '';\n\n  /**\n   * Triggered when the icon is pressed\n   */\n  @Event({composed: true}) press: EventEmitter;\n\n  @State() containerId = `verdocs-toolbar-icon-${Math.random().toString(36).substring(2, 11)}`;\n\n  componentDidLoad() {\n    this.popperInstance = createPopper(this.iconEl, this.tooltip, {\n      // placement: 'top-end',\n      // modifiers: [{name: 'offset', options: {offset: [0, 10]}}],\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  }\n\n  show() {\n    this.tooltip?.setAttribute('data-show', '');\n    this.popperInstance?.update().catch(() => {});\n  }\n\n  hide() {\n    this.tooltip?.removeAttribute('data-show');\n  }\n\n  handlePress() {\n    this.press?.emit();\n  }\n\n  render() {\n    return (\n      <Host class={{}}>\n        <div\n          aria-describedby={this.containerId}\n          class=\"icon\"\n          innerHTML={this.icon}\n          onMouseEnter={() => this.show()}\n          onFocus={() => this.show()}\n          onMouseLeave={() => this.hide()}\n          onBlur={() => this.hide()}\n          onClick={() => this.handlePress()}\n          ref={el => (this.iconEl = el as HTMLDivElement)}\n        />\n        <div\n          id={this.containerId}\n          role=\"tooltip\"\n          class=\"tooltip\"\n          // style=\"display: none; visibility: visible; margin: 0px; position: absolute; inset: 0px auto auto 0px; transform: translate(951px, 5510px);\"\n          data-popper-placement=\"bottom\"\n          ref={el => (this.tooltip = el as HTMLDivElement)}\n        >\n          {this.text}\n          <div data-popper-arrow=\"true\" class=\"arrow\" />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-656369a3.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as o,h as n}from"./p-ff1278ed.js";const e='verdocs-button button{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;text-transform:uppercase;-ms-flex-pack:center;justify-content:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-weight:700;cursor:pointer;margin:0}verdocs-button button .icon{margin:0 12px}verdocs-button button .icon svg{fill:#ffffff;display:block}verdocs-button button .label{padding:0 12px}verdocs-button button:disabled{cursor:none}verdocs-button button.small{height:34px;font-size:13px}verdocs-button button.small .icon{margin:0 4px}verdocs-button button.small .icon svg{margin:2px 0 0 0;height:20px}verdocs-button button.small .label{padding:0 4px}verdocs-button button.normal{height:44px;font-size:14px}verdocs-button button.normal .icon.start{margin:0 4px 0 8px}verdocs-button button.normal .icon.end{margin:0 8px 0 4px}verdocs-button button.normal .icon svg{margin:2px 0 0 0;height:22px}verdocs-button button.normal .label{padding:0 10px}verdocs-button button.medium{height:52px;font-size:16px}verdocs-button button.medium .icon.start{margin:0 0 0 18px}verdocs-button button.medium .icon.end{margin:0 18px 0 0}verdocs-button button.medium .icon svg{margin:2px 0 0 0;height:26px}verdocs-button button.medium .label{padding:0 20px}verdocs-button button.large{height:60px;font-size:20px}verdocs-button button.large .icon.start{margin:0 0 0 24px}verdocs-button button.large .icon.end{margin:0 24px 0 0}verdocs-button button.large .icon svg{margin:2px 0 0 0;height:32px}verdocs-button button.large .label{padding:0 34px}verdocs-button button.standard{background:#55bc81;border-radius:4px;outline:none;border:none;color:white}verdocs-button button.standard:disabled{background-color:#999999;cursor:default}verdocs-button button.standard:active:not([disabled]){-webkit-filter:brightness(110%);filter:brightness(110%)}verdocs-button button.text{color:#4c56cb;background:transparent;font-weight:500;padding:0 4px;outline:none;border:none}verdocs-button button.text:disabled{color:#999999;cursor:none}verdocs-button button.text:active:not([disabled]){-webkit-filter:brightness(130%);filter:brightness(130%)}verdocs-button button.text .icon svg{fill:#4c56cb}verdocs-button button.outline{border:1px solid #4c56cb;color:#4c56cb;outline:none;background:transparent;border-radius:4px;padding:0 20px}verdocs-button button.outline:disabled{color:#999999;cursor:none;border:1px solid #999999}verdocs-button button.outline:active{background:#4c56cb;color:white}verdocs-button button.outline .icon svg{fill:#4c56cb}';const s=class{constructor(n){t(this,n);this.press=o(this,"press",3);this.label=undefined;this.startIcon=null;this.endIcon=null;this.size="normal";this.type="button";this.variant="standard";this.disabled=false}handleClick(t){var o;t.stopPropagation();(o=this.press)===null||o===void 0?void 0:o.emit()}render(){return n("button",{disabled:this.disabled,type:this.type,onClick:t=>this.handleClick(t),class:`${this.variant} ${this.size} ${this.type}`},this.startIcon?n("span",{class:"icon start",innerHTML:this.startIcon}):null,n("span",{class:"label"},this.label),this.endIcon?n("span",{class:"icon end",innerHTML:this.endIcon}):null)}};s.style=e;export{s as verdocs_button};
-//# sourceMappingURL=p-656369a3.entry.js.map

package/dist/verdocs-web-sdk/p-656369a3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/controls/verdocs-button/verdocs-button.scss?tag=verdocs-button","src/components/controls/verdocs-button/verdocs-button.tsx"],"names":["verdocsButtonCss","VerdocsButton","[object Object]","e","stopPropagation","_a","this","press","emit","h","disabled","type","onClick","handleClick","class","variant","size","startIcon","innerHTML","label","endIcon"],"mappings":"kDAAA,MAAMA,EAAmB,4gFCqBZC,EAAa,gGASW,kBAKF,eAKuB,mBAKV,sBAKK,yBAKvB,MAO5BC,YAAYC,SACVA,EAAEC,mBACFC,EAAAC,KAAKC,SAAK,MAAAF,SAAA,OAAA,EAAAA,EAAEG,OAGdN,SACE,OACEO,EAAA,SAAA,CAAQC,SAAUJ,KAAKI,SAAUC,KAAML,KAAKK,KAAMC,QAAST,GAAKG,KAAKO,YAAYV,GAAIW,MAAO,GAAGR,KAAKS,WAAWT,KAAKU,QAAQV,KAAKK,QAC9HL,KAAKW,UAAYR,EAAA,OAAA,CAAMK,MAAM,aAAaI,UAAWZ,KAAKW,YAAgB,KAC3ER,EAAA,OAAA,CAAMK,MAAM,SAASR,KAAKa,OACzBb,KAAKc,QAAUX,EAAA,OAAA,CAAMK,MAAM,WAAWI,UAAWZ,KAAKc,UAAc","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-button {\n  button {\n    font-family: $verdocs-primary-font;\n    text-transform: uppercase;\n    justify-content: center;\n    display: inline-flex;\n    align-items: center;\n    font-weight: 700;\n    cursor: pointer;\n    margin: 0;\n\n    .icon {\n      margin: 0 12px;\n\n      svg {\n        fill: $verdocs-grey-4;\n        display: block;\n      }\n    }\n\n    .label {\n      padding: 0 12px;\n    }\n\n    &:disabled {\n      cursor: none;\n    }\n\n    // Small-sized button size adjustments\n    &.small {\n      height: 34px;\n      font-size: 13px;\n\n      .icon {\n        margin: 0 4px;\n\n        svg {\n          margin: 2px 0 0 0;\n          height: 20px;\n        }\n      }\n\n      .label {\n        padding: 0 4px;\n      }\n    }\n\n    // Normal-sized button size adjustments\n    &.normal {\n      height: 44px;\n      font-size: 14px;\n\n      .icon.start {\n        margin: 0 4px 0 8px;\n      }\n\n      .icon.end {\n        margin: 0 8px 0 4px;\n      }\n\n      .icon {\n        svg {\n          margin: 2px 0 0 0;\n          height: 22px;\n        }\n      }\n\n      .label {\n        padding: 0 10px;\n      }\n    }\n\n    // Medium-sized button size adjustments\n    &.medium {\n      height: 52px;\n      font-size: 16px;\n\n      .icon.start {\n        margin: 0 0 0 18px;\n      }\n\n      .icon.end {\n        margin: 0 18px 0 0;\n      }\n\n      .icon {\n        svg {\n          margin: 2px 0 0 0;\n          height: 26px;\n        }\n      }\n\n      .label {\n        padding: 0 20px;\n      }\n    }\n\n    // Large-sized button size adjustments\n    &.large {\n      height: 60px;\n      font-size: 20px;\n\n      .icon.start {\n        margin: 0 0 0 24px;\n      }\n\n      .icon.end {\n        margin: 0 24px 0 0;\n      }\n\n      .icon {\n        svg {\n          margin: 2px 0 0 0;\n          height: 32px;\n        }\n      }\n\n      .label {\n        padding: 0 34px;\n      }\n    }\n\n    // Standard variant is a solid color\n    &.standard {\n      background: $verdocs-green;\n      border-radius: 4px;\n      outline: none;\n      border: none;\n      color: white;\n\n      &:disabled {\n        background-color: $disabled-color;\n        cursor: default;\n      }\n\n      &:active:not([disabled]) {\n        filter: brightness(110%);\n      }\n    }\n\n    // Text variant is just a label\n    &.text {\n      color: $secondary-color;\n      background: transparent;\n      font-weight: 500;\n      padding: 0 4px;\n      outline: none;\n      border: none;\n\n      &:disabled {\n        color: $disabled-color;\n        cursor: none;\n      }\n\n      &:active:not([disabled]) {\n        filter: brightness(130%);\n      }\n\n      .icon {\n        svg {\n          fill: $secondary-color;\n        }\n      }\n    }\n\n    // Standard variant is a solid color\n    &.outline {\n      border: 1px solid $secondary-color;\n      color: $secondary-color;\n      outline: none;\n      background: transparent;\n      border-radius: 4px;\n      padding: 0 20px;\n\n      &:disabled {\n        color: $disabled-color;\n        cursor: none;\n        border: 1px solid $disabled-color;\n      }\n\n      &:active {\n        background: $secondary-color;\n        color: white;\n      }\n\n      .icon {\n        svg {\n          fill: $secondary-color;\n        }\n      }\n    }\n  }\n}\n","import {Component, Prop, h, Event, EventEmitter} from '@stencil/core';\n\n/**\n * Display a simple button.\n *\n * Three variants are supported. `standard` and `outline` buttons look like traditional form buttons and are ideal candidates for 'Ok' and\n * 'Cancel' options in most cases. `text` buttons are intended to be used inline in content blocks or for more subtle button options.\n * (Auth uses text buttons for the Forgot Password and Sign Up options.)\n *\n * Four sizes are also supported. Most use cases will call for the `normal` size, but a `small` size is ideal for more subtle controls, such\n * as pagination or other secondary functions. `medium` buttons are slightly larger to provide balance in forms where other items are also\n * bigger, and `large` buttons are for cases where the page has mostly white-space and the buttons need to fill more space.\n *\n * Icons may be placed either before (\"start\") or after (\"end\") the button label. Icons should be SVG objects passed as strings and will\n * be rendered as HTML inside the button label area. It is important that the root <SVG> tag contains a default `fill=\"#ffffff\"` setting\n * for the base color, and that child elements below it do not. This allows the button color to carry into the icon properly.\n */\n@Component({\n  tag: 'verdocs-button',\n  styleUrl: 'verdocs-button.scss',\n})\nexport class VerdocsButton {\n  /**\n   * The label for the button.\n   */\n  @Prop() label!: string;\n\n  /**\n   * If desired, a prefix icon for the button\n   */\n  @Prop() startIcon: string | null = null;\n\n  /**\n   * If desired, a suffix icon for the button\n   */\n  @Prop() endIcon: string | null = null;\n\n  /**\n   * The size (height) of the button.\n   */\n  @Prop() size: 'small' | 'normal' | 'medium' | 'large' = 'normal';\n\n  /**\n   * The type of the button.\n   */\n  @Prop() type: 'button' | 'submit' | 'reset' = 'button';\n\n  /**\n   * The display variant of the button.\n   */\n  @Prop() variant: 'standard' | 'text' | 'outline' = 'standard';\n\n  /**\n   * Whether the button should be disabled.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Event fired when the button is pressed.\n   */\n  @Event({composed: true, bubbles: false}) press!: EventEmitter;\n\n  handleClick(e: any) {\n    e.stopPropagation();\n    this.press?.emit();\n  }\n\n  render() {\n    return (\n      <button disabled={this.disabled} type={this.type} onClick={e => this.handleClick(e)} class={`${this.variant} ${this.size} ${this.type}`}>\n        {this.startIcon ? <span class=\"icon start\" innerHTML={this.startIcon} /> : null}\n        <span class=\"label\">{this.label}</span>\n        {this.endIcon ? <span class=\"icon end\" innerHTML={this.endIcon} /> : null}\n      </button>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-69a5099d.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as o,h as s,H as e}from"./p-ff1278ed.js";const i='verdocs-toggle-button{font-family:"Barlow", sans-serif}verdocs-toggle-button button{border:none;cursor:pointer;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;background:#cccccc;color:#33364b}verdocs-toggle-button button svg{max-width:100%;max-height:100%;fill:#33364b}verdocs-toggle-button button.active{background:#55bc81;color:#f5f5fa}verdocs-toggle-button button.active svg{fill:#f5f5fa}verdocs-toggle-button.size-normal button{width:40px;height:40px;padding:6px;border-radius:4px}verdocs-toggle-button.size-small button{width:34px;height:34px;padding:4px;border-radius:2px}';const n=class{constructor(s){t(this,s);this.toggle=o(this,"toggle",7);this.active=false;this.icon=null;this.label=null;this.size="normal";this._active=false}componentWillLoad(){this._active=this.active}handleToggle(t){var o;t.stopPropagation();const s=!this._active;this._active=s;(o=this.toggle)===null||o===void 0?void 0:o.emit({active:s})}render(){return s(e,{class:`size-${this.size}`},this.icon?s("button",{innerHTML:this.icon,class:{active:this._active},onClick:t=>this.handleToggle(t)}):s("button",{class:{active:this._active},onClick:t=>this.handleToggle(t)},this.label))}};n.style=i;export{n as verdocs_toggle_button};
-//# sourceMappingURL=p-69a5099d.entry.js.map

package/dist/verdocs-web-sdk/p-69a5099d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/controls/verdocs-toggle-button/verdocs-toggle-button.scss?tag=verdocs-toggle-button","src/components/controls/verdocs-toggle-button/verdocs-toggle-button.tsx"],"names":["verdocsToggleButtonCss","VerdocsToggleButton","[object Object]","this","_active","active","e","stopPropagation","newState","_a","toggle","emit","h","Host","class","size","icon","innerHTML","onClick","handleToggle","label"],"mappings":"yDAAA,MAAMA,EAAyB,+pBCSlBC,EAAmB,0EACb,gBAKc,gBAKC,eAKI,sBAOjB,MAEnBC,oBACEC,KAAKC,QAAUD,KAAKE,OAGtBH,aAAaI,SACXA,EAAEC,kBAEF,MAAMC,GAAYL,KAAKC,QACvBD,KAAKC,QAAUI,GACfC,EAAAN,KAAKO,UAAM,MAAAD,SAAA,OAAA,EAAAA,EAAEE,KAAK,CAACN,OAAQG,IAG7BN,SACE,OACEU,EAACC,EAAI,CAACC,MAAO,QAAQX,KAAKY,QACvBZ,KAAKa,KACJJ,EAAA,SAAA,CAAQK,UAAWd,KAAKa,KAAMF,MAAO,CAACT,OAAQF,KAAKC,SAAUc,QAASZ,GAAKH,KAAKgB,aAAab,KAE7FM,EAAA,SAAA,CAAQE,MAAO,CAACT,OAAQF,KAAKC,SAAUc,QAASZ,GAAKH,KAAKgB,aAAab,IACpEH,KAAKiB","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-toggle-button {\n  font-family: $primary-font;\n\n  button {\n    border: none;\n    cursor: pointer;\n    align-items: center;\n    display: inline-flex;\n    justify-content: center;\n    background: $verdocs-bg-1;\n    color: $verdocs-dark-blue;\n\n    svg {\n      max-width: 100%;\n      max-height: 100%;\n      fill: $verdocs-dark-blue;\n    }\n\n    &.active {\n      background: $verdocs-green;\n      color: $verdocs-grey-3;\n\n      svg {\n        fill: $verdocs-grey-3;\n      }\n    }\n  }\n\n  &.size-normal button {\n    width: 40px;\n    height: 40px;\n    padding: 6px;\n    border-radius: 4px;\n  }\n\n  &.size-small button {\n    width: 34px;\n    height: 34px;\n    padding: 4px;\n    border-radius: 2px;\n  }\n}\n","import {Component, Prop, h, State, Event, EventEmitter, Host} from '@stencil/core';\n\n/**\n * Displays a single button that can be toggled on or off by clicking it.\n */\n@Component({\n  tag: 'verdocs-toggle-button',\n  styleUrl: 'verdocs-toggle-button.scss',\n})\nexport class VerdocsToggleButton {\n  @Prop() active = false;\n\n  /**\n   * If set, should be an SVG object. This will be rendered as the button's visible element. If icon is supplied, label is ignored.\n   */\n  @Prop() icon?: string | null = null;\n\n  /**\n   * If set, should be an SVG object. This will be rendered as the button's visible element. If icon is supplied, label is ignored.\n   */\n  @Prop() label?: string | null = null;\n\n  /**\n   * How large the button should be. Small buttons are intended for dialog boxes and other smaller scale UI regions.\n   */\n  @Prop() size?: 'small' | 'normal' = 'normal';\n\n  /**\n   * Event fired when the button is pressed.\n   */\n  @Event({composed: true}) toggle!: EventEmitter<{active: boolean}>;\n\n  @State() _active = false;\n\n  componentWillLoad() {\n    this._active = this.active;\n  }\n\n  handleToggle(e: any) {\n    e.stopPropagation();\n\n    const newState = !this._active;\n    this._active = newState;\n    this.toggle?.emit({active: newState});\n  }\n\n  render() {\n    return (\n      <Host class={`size-${this.size}`}>\n        {this.icon ? (\n          <button innerHTML={this.icon} class={{active: this._active}} onClick={e => this.handleToggle(e)} />\n        ) : (\n          <button class={{active: this._active}} onClick={e => this.handleToggle(e)}>\n            {this.label}\n          </button>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-6de53dcc.js

@@ -1,2 +0,0 @@
-var t=function(t,e,n){return t.api.post("/templates/".concat(e,"/pages"),n).then((function(t){return t.data}))};var e=function(t,e,n){return t.api.get("/templates/".concat(e,"/pages/").concat(n,"/image")).then((function(t){return t.data}))};export{t as c,e as g};
-//# sourceMappingURL=p-6de53dcc.js.map

package/dist/verdocs-web-sdk/p-6de53dcc.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@verdocs/js-sdk/Templates/Pages.js"],"names":["createPage","endpoint","templateId","params","api","post","concat","then","r","data","getPageImage","sequence","get"],"mappings":"AAGU,IAACA,EAAa,SAAUC,EAAUC,EAAYC,GACpD,OAAOF,EAASG,IACXC,KAAK,cAAcC,OAAOJ,EAAY,UAAWC,GACjDI,MAAK,SAAUC,GAAK,OAAOA,EAAEC,SAsB5B,IAACC,EAAe,SAAUT,EAAUC,EAAYS,GACtD,OAAOV,EAASG,IACXQ,IAAI,cAAcN,OAAOJ,EAAY,WAAWI,OAAOK,EAAU,WACjEJ,MAAK,SAAUC,GAAK,OAAOA,EAAEC","sourcesContent":["/**\n * Add a page to a template.\n */\nexport var createPage = function (endpoint, templateId, params) {\n    return endpoint.api //\n        .post(\"/templates/\".concat(templateId, \"/pages\"), params)\n        .then(function (r) { return r.data; });\n};\n/**\n * Update a template page.\n */\nexport var editPage = function (endpoint, templateId, sequence) {\n    return endpoint.api //\n        .put(\"/templates/\".concat(templateId, \"/pages/\").concat(sequence))\n        .then(function (r) { return r.data; });\n};\n/**\n * Get a page from a template.\n */\nexport var getPage = function (endpoint, templateId, sequence, thumbnail) {\n    if (thumbnail === void 0) { thumbnail = false; }\n    return endpoint.api //\n        .get(\"/templates/\".concat(templateId, \"/pages/\").concat(sequence).concat(thumbnail ? '?thumbnail=true' : ''))\n        .then(function (r) { return r.data; });\n};\n/**\n * Get a page image (PNG format) from a template.\n */\nexport var getPageImage = function (endpoint, templateId, sequence) {\n    return endpoint.api //\n        .get(\"/templates/\".concat(templateId, \"/pages/\").concat(sequence, \"/image\"))\n        .then(function (r) { return r.data; });\n};\n/**\n * Delete a page from a template\n */\nexport var deletePage = function (endpoint, templateId, sequence) {\n    return endpoint.api //\n        .delete(\"/templates/\".concat(templateId, \"/pages/\").concat(sequence))\n        .then(function (r) { return r.data; });\n};\n"]}

package/dist/verdocs-web-sdk/p-741b882d.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-97329951.system.js"],(function(e){"use strict";var o,s,n;return{setters:[function(e){o=e.r;s=e.h;n=e.H}],execute:function(){var i='<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#ffffff"><rect fill="none" height="24" width="24"/><g><path d="M4,13c1.1,0,2-0.9,2-2c0-1.1-0.9-2-2-2s-2,0.9-2,2C2,12.1,2.9,13,4,13z M5.13,14.1C4.76,14.04,4.39,14,4,14 c-0.99,0-1.93,0.21-2.78,0.58C0.48,14.9,0,15.62,0,16.43V18l4.5,0v-1.61C4.5,15.56,4.73,14.78,5.13,14.1z M20,13c1.1,0,2-0.9,2-2 c0-1.1-0.9-2-2-2s-2,0.9-2,2C18,12.1,18.9,13,20,13z M24,16.43c0-0.81-0.48-1.53-1.22-1.85C21.93,14.21,20.99,14,20,14 c-0.39,0-0.76,0.04-1.13,0.1c0.4,0.68,0.63,1.46,0.63,2.29V18l4.5,0V16.43z M16.24,13.65c-1.17-0.52-2.61-0.9-4.24-0.9 c-1.63,0-3.07,0.39-4.24,0.9C6.68,14.13,6,15.21,6,16.39V18h12v-1.61C18,15.21,17.32,14.13,16.24,13.65z M8.07,16 c0.09-0.23,0.13-0.39,0.91-0.69c0.97-0.38,1.99-0.56,3.02-0.56s2.05,0.18,3.02,0.56c0.77,0.3,0.81,0.46,0.91,0.69H8.07z M12,8 c0.55,0,1,0.45,1,1s-0.45,1-1,1s-1-0.45-1-1S11.45,8,12,8 M12,6c-1.66,0-3,1.34-3,3c0,1.66,1.34,3,3,3s3-1.34,3-3 C15,7.34,13.66,6,12,6L12,6z"/></g></svg>';var a='verdocs-organization-card{font-family:"Barlow", sans-serif;width:242px;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-organization-card:hover>.popup{display:-ms-flexbox;display:flex;background:#ffffff;color:#33354c}verdocs-organization-card .icon{-ms-flex:0;flex:0;margin:0 7px 0 0}verdocs-organization-card .icon svg{fill:#aeb4bf;width:24px;margin-bottom:-5px}verdocs-organization-card .popup{position:absolute;top:-1px;left:-4px;display:none;border:1px solid #1e2031;border-radius:10px;width:326px;height:220px;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:space-evenly;justify-content:space-evenly;font-family:sans-serif}verdocs-organization-card .popup-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;width:242px;height:69px;-ms-flex-pack:justify;justify-content:space-between;font-size:21px;color:#4c56cb}verdocs-organization-card .popup-body{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;width:256.2px;height:95px;-ms-flex-pack:space-evenly;justify-content:space-evenly;font-size:13px;text-transform:uppercase}verdocs-organization-card .popup-body span{display:block;-ms-flex:2 80px;flex:2 80px;margin-left:7px}verdocs-organization-card .popup-body span:last-child{margin-top:5px}verdocs-organization-card .status{width:29px;height:29px;background-color:#aeb4bf;border-radius:50%}';var t=e("verdocs_organization_card",function(){function e(e){o(this,e);this.organization=undefined}e.prototype.render=function(){console.log("org",JSON.stringify(this.organization,null,2));return s(n,null,s("span",{class:"icon",innerHTML:i}),s("span",{class:"content"},this.organization.name),s("div",{class:"popup"},s("div",{class:"popup-header"},s("span",{class:"status"}),s("span",{class:"title"},this.organization.name)),s("div",{class:"popup-body"},s("span",{class:"joined"},s("b",null,"Joined")," ","Jan 1 2022"),s("span",{class:"followers"},s("b",null,"Followers")," 57"),s("span",{class:"website"},s("b",null,"Website")),s("span",{class:"templates"},s("b",null,"Templates")," 7"),s("span",null,"https://www.google.com"))))};return e}());t.style=a}}}));
-//# sourceMappingURL=p-741b882d.system.entry.js.map

package/dist/verdocs-web-sdk/p-741b882d.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/controls/verdocs-organization-card/verdocs-organization-card.scss?tag=verdocs-organization-card","src/components/controls/verdocs-organization-card/verdocs-organization-card.tsx"],"names":["verdocsOrganizationCardCss","VerdocsOrganizationCard","exports","class_1","prototype","render","console","log","JSON","stringify","this","organization","h","Host","class","innerHTML","UserGroup","name"],"mappings":"kqCAAA,IAAMA,EAA6B,4iDCWtBC,EAAuBC,EAAA,4BAAA,+DAMlCC,EAAAC,UAAAC,OAAA,WACEC,QAAQC,IAAI,MAAOC,KAAKC,UAAUC,KAAKC,aAAc,KAAM,IAC3D,OACEC,EAACC,EAAI,KACHD,EAAA,OAAA,CAAME,MAAM,OAAOC,UAAWC,IAE9BJ,EAAA,OAAA,CAAME,MAAM,WAAWJ,KAAKC,aAAaM,MAEzCL,EAAA,MAAA,CAAKE,MAAM,SACTF,EAAA,MAAA,CAAKE,MAAM,gBACTF,EAAA,OAAA,CAAME,MAAM,WACZF,EAAA,OAAA,CAAME,MAAM,SAASJ,KAAKC,aAAaM,OAEzCL,EAAA,MAAA,CAAKE,MAAM,cACTF,EAAA,OAAA,CAAME,MAAM,UACVF,EAAA,IAAA,KAAA,UAAa,IAAE,cAEjBA,EAAA,OAAA,CAAME,MAAM,aACVF,EAAA,IAAA,KAAA,aAAgB,OAElBA,EAAA,OAAA,CAAME,MAAM,WACVF,EAAA,IAAA,KAAA,YAEFA,EAAA,OAAA,CAAME,MAAM,aACVF,EAAA,IAAA,KAAA,aAAgB,MAElBA,EAAA,OAAA,KAAA,uCAhCwB","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-organization-card {\n  font-family: $primary-font;\n  width: 242px;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n\n  &:hover > .popup {\n    display: flex;\n    background: #ffffff;\n    color: $medium-bg;\n  }\n\n  .icon {\n    flex: 0;\n    margin: 0 7px 0 0;\n\n    svg {\n      fill: $icon-color;\n      width: 24px;\n      margin-bottom: -5px;\n    }\n  }\n\n  .popup {\n    position: absolute;\n    top: -1px;\n    left: -4px;\n    display: none;\n    border: 1px solid $dark-bg;\n    border-radius: 10px;\n    width: 326px;\n    height: 220px;\n    flex-direction: column;\n    flex-wrap: nowrap;\n    align-items: center;\n    justify-content: space-evenly;\n    font-family: sans-serif;\n  }\n\n  .popup-header {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    width: 242px;\n    height: 69px;\n    justify-content: space-between;\n    font-size: 21px;\n    color: $secondary-color;\n  }\n\n  .popup-body {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    width: 256.2px;\n    height: 95px;\n    justify-content: space-evenly;\n    font-size: 13px;\n    text-transform: uppercase;\n\n    span {\n      display: block;\n      flex: 2 80px;\n      margin-left: 7px;\n\n      &:last-child {\n        margin-top: 5px;\n      }\n    }\n  }\n\n  .status {\n    width: 29px;\n    height: 29px;\n    background-color: $icon-color;\n    border-radius: 50%;\n  }\n}\n","import {Component, Prop, h, Host} from '@stencil/core';\nimport {IOrganization} from '@verdocs/js-sdk/Organizations/Types';\nimport UserGroup from './user-group.svg';\n\n/**\n * Display a pop-up describing the company that was hovered over\n */\n@Component({\n  tag: 'verdocs-organization-card',\n  styleUrl: 'verdocs-organization-card.scss',\n})\nexport class VerdocsOrganizationCard {\n  /**\n   * The organization to display\n   */\n  @Prop() organization: IOrganization;\n\n  render() {\n    console.log('org', JSON.stringify(this.organization, null, 2));\n    return (\n      <Host>\n        <span class=\"icon\" innerHTML={UserGroup} />\n\n        <span class=\"content\">{this.organization.name}</span>\n\n        <div class=\"popup\">\n          <div class=\"popup-header\">\n            <span class=\"status\" />\n            <span class=\"title\">{this.organization.name}</span>\n          </div>\n          <div class=\"popup-body\">\n            <span class=\"joined\">\n              <b>Joined</b> {'Jan 1 2022'}\n            </span>\n            <span class=\"followers\">\n              <b>Followers</b> 57\n            </span>\n            <span class=\"website\">\n              <b>Website</b>\n            </span>\n            <span class=\"templates\">\n              <b>Templates</b> 7\n            </span>\n            <span>https://www.google.com</span>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-7999a83a.system.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,i){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,r){function s(e){try{l(i.next(e))}catch(e){r(e)}}function a(e){try{l(i["throw"](e))}catch(e){r(e)}}function l(e){e.done?n(e.value):o(e.value).then(s,a)}l((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,o,r,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return l([e,t])}}function l(s){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,o&&(r=s[0]&2?o["return"]:s[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,s[1])).done)return r;if(o=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;o=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=t.call(e,n)}catch(e){s=[6,e];o=0}finally{i=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-97329951.system.js","./p-7a63bdd1.system.js","./p-a7433630.system.js","./p-7efdefa3.system.js","./p-05eb4fed.system.js","./p-a4041773.system.js","./p-187b20b7.system.js"],(function(e){"use strict";var t,n,i,o,r,s,a,l,d,c,u,p,h,f,g,v,x;return{setters:[function(e){t=e.r;n=e.c;i=e.h;o=e.H},function(e){r=e.V;s=e.g;a=e.a;l=e.u;d=e.b;c=e.c},function(){},function(e){u=e.a;p=e.i},function(e){h=e.g},function(e){f=e.s;g=e.b;v=e.c},function(e){x=e.S}],execute:function(){var m='verdocs-sign{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-sign div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign .header{-ms-flex:0;flex:0;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.25s;transition:all 0.25s;-ms-flex-pack:center;justify-content:center;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}verdocs-sign .header .inner{width:100%;max-width:1028px}verdocs-sign .intro{width:100%;height:60px;display:-ms-flexbox;display:flex;background:#ffffff;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-sign .intro .inner{width:100%;color:#111111;padding:0 14px;font-size:20px;font-weight:500;line-height:28px;max-width:1024px}verdocs-sign .toolbar{width:100%;margin:0 auto;padding:0 14px;position:relative}verdocs-sign .tools{width:100%;color:#fff;height:56px;display:-ms-flexbox;display:flex;font-size:12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;background-color:#33354c}verdocs-sign .cover{top:0;left:0;right:0;bottom:0;z-index:999;position:absolute;background:rgba(0, 0, 0, 0.5)}verdocs-sign .document{-ms-flex:1;flex:1;height:100%;display:-ms-flexbox;display:flex;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}verdocs-sign .document .inner{width:100%;max-width:1028px}verdocs-sign .agree{-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:10px}verdocs-sign .agree .intro{display:none}verdocs-sign .agree .header{-ms-flex:0 0 56px;flex:0 0 56px}verdocs-sign .agree .agree-checkbox{background:#ccc;-ms-flex:0 0 20px;flex:0 0 20px;display:-ms-flexbox;display:flex;width:20px;height:20px;border-radius:3px;position:relative;margin:0 10px 0 14px}verdocs-sign .agree .agree-checkbox input[type=checkbox]:checked+label:after{filter:alpha(opacity=100);opacity:1}verdocs-sign .agree .agree-checkbox label{left:2px;top:2px;width:16px;height:16px;cursor:pointer;position:absolute;background:#33354c;-webkit-box-shadow:inset 0 -1px 1px rgba(255, 255, 255, 0.8);box-shadow:inset 0 -1px 1px rgba(255, 255, 255, 0.8)}verdocs-sign .agree .agree-checkbox label .agree-checkbox label:hover::after{filter:alpha(opacity=30);opacity:0.3}verdocs-sign .agree .agree-checkbox label:after{top:2px;left:3px;width:8px;opacity:0;height:5px;content:"";position:absolute;background:transparent;filter:alpha(opacity=0);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border:2px solid #fcfff4;border-top:none;border-right:none}';var b=e("verdocs_sign",function(){function e(e){t(this,e);this.sdkError=n(this,"sdkError",7);this.endpoint=r.getDefault();this.documentId=null;this.roleId=null;this.inviteCode=null;this.recipient=null;this.signerToken=null;this.pdfUrl=null;this.recipientIndex=-1;this.document=null;this.fields=[];this.hasSignature=false;this.nextButtonLabel="Start";this.focusedField=""}e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,n,i,o,r,l,d,c;var u=this;return __generator(this,(function(p){switch(p.label){case 0:p.trys.push([0,3,,4]);console.log("[SIGN] Processing invite code for ".concat(this.documentId," / ").concat(this.documentId));return[4,s(this.endpoint,{documentId:this.documentId,roleId:this.roleId,inviteCode:this.inviteCode})];case 1:i=p.sent(),o=i.session,r=i.recipient,l=i.signerToken;console.log("[SIGN] Got signing session ".concat(o.email," / ").concat(o.profile_id));this.recipient=r;this.signerToken=l;this.endpoint.setToken(l);if(this.recipient.agreed){this.nextButtonLabel="Next"}return[4,a(this.endpoint,this.documentId)];case 2:d=p.sent();this.document=d;console.log("[SIGN] Signing document",d);this.pdfUrl="".concat(this.endpoint.getBaseURL(),"/documents/").concat(this.documentId,"/envelope_documents/").concat(d.envelope_document_id,"?file=true");this.recipientIndex=this.document.recipients.findIndex((function(e){return e.role_name==u.roleId}));if(this.recipientIndex>-1){console.log("Found recipient",this.document.recipients[this.recipientIndex])}this.fields=this.document.fields.filter((function(e){return e.recipient_role===u.roleId}));console.log("Loaded fields",this.fields);return[3,4];case 3:c=p.sent();console.log("Error with signing session",c);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new x(c.message,(t=c.response)===null||t===void 0?void 0:t.status,(n=c.response)===null||n===void 0?void 0:n.data));return[3,4];case 4:return[2]}}))}))};e.prototype.handleClickAgree=function(){var e=this;console.log("agree clicked");l(this.endpoint,this.documentId,this.roleId,"update",{agreed:true}).then((function(t){console.log("update result",t);e.nextButtonLabel="Next";e.recipient=t})).catch((function(t){var n,i,o;console.log("update failure",t);(n=e.sdkError)===null||n===void 0?void 0:n.emit(new x(t.message,(i=t.response)===null||i===void 0?void 0:i.status,(o=t.response)===null||o===void 0?void 0:o.data))}))};e.prototype.savePDF=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,n,i;return __generator(this,(function(o){switch(o.label){case 0:e="".concat(this.document.name," - ").concat(this.document.updated_at.split("T")[0],".pdf");return[4,d(this.endpoint,this.documentId,this.document.envelope_document_id)];case 1:t=o.sent();n=new XMLHttpRequest;n.responseType="blob";n.onload=function(){var t=document.createElement("a");t.href=window.URL.createObjectURL(n.response);t.download=e;t.style.display="none";document.body.appendChild(t);t.click();t.remove()};i="data:application/pdf;base64,".concat(t);console.log("url",i.length,i);n.open("GET","data:application/pdf;base64,".concat(t));n.send();return[2]}}))}))};e.prototype.handleOptionSelected=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(e.detail.id){case"later":if(!(window===null||window===void 0?void 0:window["STORYBOOK_ENV"])){window.alert("User intends to sign later.")}break;case"claim":break;case"decline":break;case"print":break;case"download":this.savePDF().catch((function(){}));break}return[2]}))}))};e.prototype.handleFieldChange=function(e,t,n){return __awaiter(this,void 0,void 0,(function(){var i;var o=this;return __generator(this,(function(r){console.log("fieldChange",e,t.detail);switch(e.type){case"textbox":c(this.endpoint,this.documentId,e.name,{prepared:false,value:t.detail}).then((function(e){return console.log("Update result",e)})).catch((function(e){var t,n,i,r,s,a;(t=o.sdkError)===null||t===void 0?void 0:t.emit(new x(e.message,(n=e.response)===null||n===void 0?void 0:n.status,(i=e.response)===null||i===void 0?void 0:i.data));if(((r=e.response)===null||r===void 0?void 0:r.status)===401&&((a=(s=e.response)===null||s===void 0?void 0:s.data)===null||a===void 0?void 0:a.error)==="jwt expired"){console.log("jwt expired")}console.log("Error updating",e)}));break;case"checkbox_group":c(this.endpoint,this.documentId,e.name,{prepared:false,value:{options:[{id:n,checked:t.detail}]}}).then((function(e){return console.log("Update result",e)})).catch((function(e){var t,n,i;(t=o.sdkError)===null||t===void 0?void 0:t.emit(new x(e.message,(n=e.response)===null||n===void 0?void 0:n.status,(i=e.response)===null||i===void 0?void 0:i.data));console.log("Error updating",e)}));break;case"radio_button_group":i=e.settings.options.map((function(e){return{id:e.id,selected:n===e.id}}));c(this.endpoint,this.documentId,e.name,{prepared:false,value:{options:i}}).then((function(e){return console.log("Update result",e)})).catch((function(e){var t,n,i;(t=o.sdkError)===null||t===void 0?void 0:t.emit(new x(e.message,(n=e.response)===null||n===void 0?void 0:n.status,(i=e.response)===null||i===void 0?void 0:i.data));console.log("Error updating",e)}));break;case"dropdown":c(this.endpoint,this.documentId,e.name,{prepared:false,value:t.detail}).then((function(e){return console.log("Update result",e)})).catch((function(e){var t,n,i;(t=o.sdkError)===null||t===void 0?void 0:t.emit(new x(e.message,(n=e.response)===null||n===void 0?void 0:n.status,(i=e.response)===null||i===void 0?void 0:i.data));console.log("Error updating",e)}));break;case"initial":console.log("Got initial",t.detail);break;case"signature":console.log("Got signature",t.detail);break}return[2]}))}))};e.prototype.renderCheckboxGroupOption=function(e,t,n){var o=this;var r=v(e.xScale,n.x);var s=v(e.yScale,n.y);var a={left:"".concat(r,"px"),bottom:"".concat(s,"px"),position:"absolute",transform:"scale(".concat(e.xScale,", ").concat(e.yScale,")"),backgroundColor:h(this.recipientIndex)};return i("verdocs-field-checkbox",{style:a,field:t,onFieldChange:function(e){return o.handleFieldChange(t,e,n.id)}})};e.prototype.renderRadioGroupOption=function(e,t,n){var o=this;var r=v(e.xScale,n.x);var s=v(e.yScale,n.y);var a={left:"".concat(r,"px"),bottom:"".concat(s,"px"),position:"absolute",transform:"scale(".concat(e.xScale,", ").concat(e.yScale,")"),backgroundColor:h(this.recipientIndex)};return i("verdocs-field-radio-button",{style:a,field:t,onFieldChange:function(e){return o.handleFieldChange(t,e,n.id)}})};e.prototype.isFieldValid=function(e){var t,n,i,o,r,s,a,l,d,c,h,f;switch(e.type){case"textbox":switch(((t=e.settings)===null||t===void 0?void 0:t.validator)||""){case"email":return p(((n=e.settings)===null||n===void 0?void 0:n.result)||"");case"phone":return u(((i=e.settings)===null||i===void 0?void 0:i.result)||"");default:return!!((o=e.settings)===null||o===void 0?void 0:o.result)}case"signature":case"initial":case"textarea":case"date":case"timestamp":case"attachment":return!!((r=e.settings)===null||r===void 0?void 0:r.result);case"dropdown":return!!((s=e.settings)===null||s===void 0?void 0:s.value);case"checkbox_group":var g=(((l=(a=e.settings)===null||a===void 0?void 0:a.options)===null||l===void 0?void 0:l.filter((function(e){return e.checked})))||[]).length;return g>=(((d=e.settings)===null||d===void 0?void 0:d.minimum_checked)||0)&&g<=(((c=e.settings)===null||c===void 0?void 0:c.maximum_checked)||999);case"radio_button_group":return(((f=(h=e.settings)===null||h===void 0?void 0:h.options)===null||f===void 0?void 0:f.filter((function(e){return e.selected})))||[]).length>0;default:return false}};e.prototype.handleNext=function(){var e=this;var t=this.fields.filter((function(e){return e.required}));console.log("required Fields",t);var n=t.findIndex((function(t){return t.name===e.focusedField}));console.log("focused Index",n);var i=n+1;if(i>=t.length){i=0}var o=t[i];console.log("next required field",o);if(o){var r=g(o);var s=document.getElementById(r);console.log("focusing",r,s);s===null||s===void 0?void 0:s.focusField();this.focusedField=o.name}};e.prototype.renderField=function(e,t){var n=this;var i=document.getElementById(t.containerId+"-controls");if(!i){return}var o=g(e);var r=document.getElementById(o);if(r){f(r,e,t.xScale,t.yScale,this.recipientIndex);return}var s;switch(e.type){case"attachment":case"checkbox_group":case"date":case"dropdown":case"initial":case"payment":case"signature":case"timestamp":case"textarea":case"textbox":s=document.createElement("verdocs-field-".concat(e.type));break;case"radio_button_group":break;default:console.log("[SIGN] Skipping unsupported field type",e)}if(s){s.field=e;s.recipient=this.recipient;s.setAttribute("id",o);s.setAttribute("roleindex",this.recipientIndex);s.addEventListener("fieldChange",(function(t){return n.handleFieldChange(e,t)}));f(r,e,t.xScale,t.yScale,this.recipientIndex);i.appendChild(s)}};e.prototype.handlePageRendered=function(e){var t=this;var n=e.detail;console.log("[SIGN] Page rendered",n);var i=this.fields.filter((function(e){return e.page===n.renderedPage.pageNumber}));console.log("[SIGN] Fields on page",i);i.forEach((function(e){return t.renderField(e,n.renderedPage)}))};e.prototype.render=function(){var e=this;var t,n,r,s;var a=[{id:"later",label:"Finish Later"},{id:"claim",label:"Claim the Document",disabled:true},{id:"decline",label:"Decline to Sign"},{id:"print",label:"Print Without Signing"},{id:"download",label:"Download"}];return i(o,{class:{storybook:!!(window===null||window===void 0?void 0:window["STORYBOOK_ENV"]),agreed:(t=this.recipient)===null||t===void 0?void 0:t.agreed}},i("div",{class:"intro"},i("div",{class:"inner"},"Please review and act on these documents.")),i("div",{class:"header"},i("div",{class:"inner"},i("div",{class:"toolbar"},i("div",{class:"tools"},i("verdocs-dropdown",{options:a,onOptionSelected:function(t){return e.handleOptionSelected(t)}}),!((n=this.recipient)===null||n===void 0?void 0:n.agreed)?i("div",{class:"agree"},i("div",{class:"agree-checkbox"},i("input",{type:"checkbox",value:"None",id:"agree-checkbox-element",name:"agree",onChange:function(){return e.handleClickAgree()}}),i("label",{htmlFor:"agree-checkbox-element"})),i("span",null,"I agree to use electronic records and signatures.")):i("div",{style:{flex:"1"}}),i("verdocs-button",{size:"small",label:this.nextButtonLabel,disabled:!((r=this.recipient)===null||r===void 0?void 0:r.agreed),onClick:function(){return e.handleNext()}}))))),!((s=this.recipient)===null||s===void 0?void 0:s.agreed)?i("div",{class:"cover"}):i("div",{style:{display:"none"}}),i("div",{class:"document"},this.pdfUrl?i("div",{class:"inner"},i("verdocs-view",{source:this.pdfUrl,endpoint:this.endpoint,onPageRendered:function(t){return e.handlePageRendered(t)},pageLayers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})):i("verdocs-loader",null)))};return e}());b.style=m}}}));
-//# sourceMappingURL=p-7999a83a.system.entry.js.map

package/dist/verdocs-web-sdk/p-7999a83a.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/embeds/verdocs-sign/verdocs-sign.scss?tag=verdocs-sign","src/components/embeds/verdocs-sign/verdocs-sign.tsx"],"names":["verdocsSignCss","VerdocsSign","exports","VerdocsEndpoint","getDefault","class_1","prototype","componentDidLoad","console","log","concat","this","documentId","Documents.getSigningSession","endpoint","roleId","inviteCode","_o","_p","sent","session","recipient","signerToken","email","profile_id","setToken","agreed","nextButtonLabel","Documents.getDocument","document","pdfUrl","getBaseURL","envelope_document_id","recipientIndex","recipients","findIndex","role_name","_this","fields","filter","field","recipient_role","e_1","_a","sdkError","emit","SDKError","message","_b","response","status","_c","data","handleClickAgree","updateRecipientStatus","then","r","catch","e","savePDF","fileName","name","updated_at","split","Documents.getDocumentFile","xhr","XMLHttpRequest","responseType","onload","a","createElement","href","window","URL","createObjectURL","download","style","display","body","appendChild","click","remove","url","length","open","send","handleOptionSelected","detail","id","alert","handleFieldChange","optionId","type","Documents.updateDocumentField","prepared","value","_d","_f","_e","error","options","checked","settings","map","option","selected","renderCheckboxGroupOption","page","left","rescale","xScale","x","bottom","yScale","y","position","transform","backgroundColor","getRGBA","h","onFieldChange","renderRadioGroupOption","isFieldValid","validator","isValidEmail","result","isValidPhone","_h","_g","_j","minimum_checked","_k","maximum_checked","_m","_l","handleNext","requiredFields","required","focusedIndex","focusedField","nextFocusedIndex","nextRequiredField","getFieldId","el","getElementById","focusField","renderField","docPage","controlsDiv","containerId","existingField","setControlStyles","setAttribute","addEventListener","handlePageRendered","pageInfo","renderedPage","pageNumber","forEach","render","menuOptions","label","disabled","Host","class","storybook","onOptionSelected","onChange","htmlFor","flex","size","onClick","source","onPageRendered","pageLayers"],"mappings":"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","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-sign {\n  display: flex;\n  overflow: hidden;\n  position: relative;\n  min-height: 600px;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: $verdocs-primary-font;\n\n  div {\n    box-sizing: border-box;\n  }\n\n  .header {\n    flex: 0;\n    display: flex;\n    z-index: 1000;\n    align-items: center;\n    transition: all 0.25s;\n    justify-content: center;\n    background-color: $medium-bg;\n    box-shadow: 0 4px 4px 0 rgb(0 0 0 / 24%), 0 0 4px 0 rgb(0 0 0 / 12%);\n\n    .inner {\n      width: 100%;\n      max-width: 1028px;\n    }\n  }\n\n  .intro {\n    width: 100%;\n    height: 60px;\n    display: flex;\n    background: #ffffff;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n\n    .inner {\n      width: 100%;\n      color: #111111;\n      padding: 0 14px;\n      font-size: 20px;\n      font-weight: 500;\n      line-height: 28px;\n      max-width: 1024px;\n    }\n  }\n\n  &.agreed {\n    .intro {\n      //display: none;\n    }\n  }\n\n  .toolbar {\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 14px;\n    position: relative;\n  }\n\n  .tools {\n    width: 100%;\n    color: #fff;\n    height: 56px;\n    display: flex;\n    font-size: 12px;\n    align-items: center;\n    flex-direction: row;\n    background-color: $medium-bg;\n  }\n\n  .cover {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 999;\n    position: absolute;\n    background: rgba(0, 0, 0, 0.5);\n  }\n\n  .document {\n    flex: 1;\n    height: 100%;\n    display: flex;\n    position: relative;\n    overflow-y: scroll;\n    align-items: center;\n    flex-direction: column;\n    justify-content: center;\n\n    .inner {\n      width: 100%;\n      max-width: 1028px;\n    }\n  }\n\n  .agree {\n    flex: 1;\n    flex-direction: row;\n    display: flex;\n    align-items: center;\n    margin-right: 10px;\n\n    .intro {\n      display: none;\n    }\n\n    .header {\n      flex: 0 0 56px;\n    }\n\n    .agree-checkbox {\n      background: #ccc;\n      flex: 0 0 20px;\n      display: flex;\n      width: 20px;\n      height: 20px;\n      border-radius: 3px;\n      position: relative;\n      margin: 0 10px 0 14px;\n\n      input[type='checkbox']:checked + label:after {\n        filter: alpha(opacity=100);\n        opacity: 1;\n      }\n\n      label {\n        left: 2px;\n        top: 2px;\n        width: 16px;\n        height: 16px;\n        cursor: pointer;\n        position: absolute;\n        background: #33354c;\n        box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.8);\n\n        .agree-checkbox label:hover::after {\n          filter: alpha(opacity=30);\n          opacity: 0.3;\n        }\n\n        &:after {\n          top: 2px;\n          left: 3px;\n          width: 8px;\n          opacity: 0;\n          height: 5px;\n          content: '';\n          position: absolute;\n          background: transparent;\n          filter: alpha(opacity=0);\n          transform: rotate(-45deg);\n          border: 2px solid #fcfff4;\n          border-top: none;\n          border-right: none;\n        }\n      }\n    }\n  }\n}\n","import {Event, EventEmitter, Host} from '@stencil/core';\nimport {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Documents} from '@verdocs/js-sdk/Documents';\nimport {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {rescale} from '@verdocs/js-sdk/Utils/Fields';\nimport {Component, Prop, State, h} from '@stencil/core';\nimport {updateRecipientStatus} from '@verdocs/js-sdk/Documents/Recipients';\nimport {isValidEmail, isValidPhone} from '@verdocs/js-sdk/Templates/Validators';\nimport {IDocument, IDocumentField, IRecipient} from '@verdocs/js-sdk/Documents/Types';\nimport {IPageRenderEvent} from '../verdocs-view/verdocs-view';\nimport {getFieldId, setControlStyles} from '../../../utils/utils';\nimport {IDocumentPageInfo} from '../../../utils/Types';\nimport {SDKError} from '../../../utils/errors';\n\n/**\n * Display a document signing experience.\n *\n * ***NOTE: This sample document will reset every 10 minutes...***\n */\n@Component({\n  tag: 'verdocs-sign',\n  styleUrl: 'verdocs-sign.scss',\n  shadow: false,\n})\nexport class VerdocsSign {\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 ID of the document to sign.\n   */\n  @Prop() documentId: string | null = null;\n\n  /**\n   * The name of the role that will be signing.\n   */\n  @Prop() roleId: string | null = null;\n\n  /**\n   * The invite code for the signer.\n   */\n  @Prop() inviteCode: string | null = null;\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() recipient: IRecipient | null = null;\n\n  @State() signerToken = null;\n  @State() pdfUrl = null;\n  @State() recipientIndex: number = -1;\n  @State() document: IDocument | null = null;\n  @State() fields: IDocumentField[] = [];\n\n  @State() hasSignature = false;\n\n  @State() nextButtonLabel = 'Start';\n\n  @State() focusedField = '';\n\n  async componentDidLoad() {\n    try {\n      console.log(`[SIGN] Processing invite code for ${this.documentId} / ${this.documentId}`);\n      const {session, recipient, signerToken} = await Documents.getSigningSession(this.endpoint, {\n        documentId: this.documentId,\n        roleId: this.roleId,\n        inviteCode: this.inviteCode,\n      });\n\n      console.log(`[SIGN] Got signing session ${session.email} / ${session.profile_id}`);\n\n      this.recipient = recipient;\n      this.signerToken = signerToken;\n      this.endpoint.setToken(signerToken);\n\n      if (this.recipient.agreed) {\n        this.nextButtonLabel = 'Next';\n      }\n\n      const document = await Documents.getDocument(this.endpoint, this.documentId);\n      this.document = document;\n      console.log('[SIGN] Signing document', document);\n\n      this.pdfUrl = `${this.endpoint.getBaseURL()}/documents/${this.documentId}/envelope_documents/${document.envelope_document_id}?file=true`;\n\n      this.recipientIndex = this.document.recipients.findIndex(recipient => recipient.role_name == this.roleId);\n      if (this.recipientIndex > -1) {\n        console.log('Found recipient', this.document.recipients[this.recipientIndex]);\n      }\n\n      this.fields = this.document.fields.filter(field => field.recipient_role === this.roleId);\n      console.log('Loaded fields', this.fields);\n\n      // TODO: Fix service to allow this?\n      // const sigs = await getSignatures();\n      // console.log('sigs', sigs);\n    } catch (e) {\n      console.log('Error with signing session', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  handleClickAgree() {\n    console.log('agree clicked');\n    updateRecipientStatus(this.endpoint, this.documentId, this.roleId, 'update', {agreed: true})\n      .then(r => {\n        console.log('update result', r);\n        this.nextButtonLabel = 'Next';\n        this.recipient = r;\n      })\n      .catch(e => {\n        console.log('update failure', e);\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      });\n  }\n\n  async savePDF() {\n    const fileName = `${this.document.name} - ${this.document.updated_at.split('T')[0]}.pdf`;\n    const data = await Documents.getDocumentFile(this.endpoint, this.documentId, this.document.envelope_document_id);\n\n    // This is better in React than doing window.href= or similar to trigger a download. For a description of the technique\n    // see https://stackoverflow.com/questions/8126623/downloading-canvas-element-to-an-image\n    let xhr = new XMLHttpRequest();\n    xhr.responseType = 'blob';\n    xhr.onload = function () {\n      let a = document.createElement('a');\n      a.href = window.URL.createObjectURL(xhr.response);\n      a.download = fileName;\n      a.style.display = 'none';\n      document.body.appendChild(a);\n      a.click();\n      a.remove();\n    };\n\n    const url = `data:application/pdf;base64,${data}`;\n    console.log('url', url.length, url);\n    xhr.open('GET', `data:application/pdf;base64,${data}`);\n    xhr.send();\n  }\n\n  async handleOptionSelected(e) {\n    switch (e.detail.id) {\n      case 'later':\n        // this.router.navigate([`view/sign/${this.envelopeId}/role/${this.roleName}/saved`]);\n        if (!window?.['STORYBOOK_ENV']) {\n          window.alert('User intends to sign later.');\n        }\n        break;\n      case 'claim':\n        break;\n      case 'decline':\n        break;\n      case 'print':\n        break;\n      case 'download':\n        this.savePDF().catch(() => {});\n        break;\n    }\n  }\n\n  async handleFieldChange(field: IDocumentField, e: any, optionId?: string) {\n    console.log('fieldChange', field, e.detail);\n    switch (field.type) {\n      case 'textbox':\n        Documents.updateDocumentField(this.endpoint, this.documentId, field.name, {prepared: false, value: e.detail})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            if (e.response?.status === 401 && e.response?.data?.error === 'jwt expired') {\n              console.log('jwt expired');\n            }\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'checkbox_group':\n        Documents.updateDocumentField(this.endpoint, this.documentId, field.name, {prepared: false, value: {options: [{id: optionId, checked: e.detail}]}})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'radio_button_group':\n        const options = field.settings.options.map(option => ({id: option.id, selected: optionId === option.id}));\n        Documents.updateDocumentField(this.endpoint, this.documentId, field.name, {prepared: false, value: {options}})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'dropdown':\n        Documents.updateDocumentField(this.endpoint, this.documentId, field.name, {prepared: false, value: e.detail})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'initial':\n        console.log('Got initial', e.detail);\n        break;\n\n      case 'signature':\n        console.log('Got signature', e.detail);\n        break;\n    }\n  }\n\n  renderCheckboxGroupOption(page: IDocumentPageInfo, field: IDocumentField, option: any) {\n    const left = rescale(page.xScale, option.x);\n    const bottom = rescale(page.yScale, option.y);\n\n    const style = {\n      left: `${left}px`,\n      bottom: `${bottom}px`,\n      position: 'absolute',\n      transform: `scale(${page.xScale}, ${page.yScale})`,\n      backgroundColor: getRGBA(this.recipientIndex),\n    } as any;\n\n    return <verdocs-field-checkbox style={style} field={field} onFieldChange={e => this.handleFieldChange(field, e, option.id)} />;\n  }\n\n  renderRadioGroupOption(page: IDocumentPageInfo, field: IDocumentField, option: any) {\n    const left = rescale(page.xScale, option.x);\n    const bottom = rescale(page.yScale, option.y);\n\n    const style = {\n      left: `${left}px`,\n      bottom: `${bottom}px`,\n      position: 'absolute',\n      transform: `scale(${page.xScale}, ${page.yScale})`,\n      backgroundColor: getRGBA(this.recipientIndex),\n    } as any;\n\n    return <verdocs-field-radio-button style={style} field={field} onFieldChange={e => this.handleFieldChange(field, e, option.id)} />;\n  }\n\n  isFieldValid(field: IDocumentField) {\n    switch (field.type) {\n      case 'textbox':\n        switch (field.settings?.validator || '') {\n          case 'email':\n            return isValidEmail(field.settings?.result || '');\n          case 'phone':\n            return isValidPhone(field.settings?.result || '');\n          default:\n            return !!field.settings?.result;\n        }\n\n      case 'signature':\n      case 'initial':\n      case 'textarea':\n      case 'date':\n      case 'timestamp':\n      case 'attachment':\n        return !!field.settings?.result;\n      case 'dropdown':\n        return !!field.settings?.value;\n      case 'checkbox_group':\n        const checked = (field.settings?.options?.filter(option => option.checked) || []).length;\n        return checked >= (field.settings?.minimum_checked || 0) && checked <= (field.settings?.maximum_checked || 999);\n      case 'radio_button_group':\n        return (field.settings?.options?.filter(option => option.selected) || []).length > 0;\n      // TODO\n      // case 'checkbox':\n      //   return <verdocs-field-checkbox style={style} value={result || ''} id={id} />;\n      // case 'payment':\n      //   return <verdocs-field-payment style={style} field={field} id={id} />;\n      default:\n        return false;\n    }\n  }\n\n  // (async () => {\n  //   await customElements.whenDefined('verdocs-field-signature');\n  //   const els = document.getElementById('verdocs-field-signature');\n  //   await els.focusField();\n  // })();\n\n  handleNext() {\n    // Find and focus the next incomplete required field\n    const requiredFields = this.fields.filter(field => field.required);\n    console.log('required Fields', requiredFields);\n\n    const focusedIndex = requiredFields.findIndex(field => field.name === this.focusedField);\n    console.log('focused Index', focusedIndex);\n\n    let nextFocusedIndex = focusedIndex + 1;\n    if (nextFocusedIndex >= requiredFields.length) {\n      nextFocusedIndex = 0;\n    }\n\n    const nextRequiredField = requiredFields[nextFocusedIndex];\n    console.log('next required field', nextRequiredField);\n\n    if (nextRequiredField) {\n      const id = getFieldId(nextRequiredField);\n      const el = document.getElementById(id) as any;\n      console.log('focusing', id, el);\n      el?.focusField();\n      this.focusedField = nextRequiredField.name;\n    }\n  }\n\n  renderField(field: IDocumentField, docPage: IDocumentPageInfo /*, index: number*/) {\n    const controlsDiv = document.getElementById(docPage.containerId + '-controls');\n    if (!controlsDiv) {\n      return;\n    }\n\n    const id = getFieldId(field);\n    const existingField = document.getElementById(id);\n    if (existingField) {\n      setControlStyles(existingField, field, docPage.xScale, docPage.yScale, this.recipientIndex);\n      return;\n    }\n\n    let el;\n    switch (field.type) {\n      case 'attachment':\n      case 'checkbox_group':\n      case 'date':\n      case 'dropdown':\n      case 'initial':\n      case 'payment':\n      case 'signature':\n      case 'timestamp':\n      case 'textarea':\n      case 'textbox':\n        el = document.createElement(`verdocs-field-${field.type}`);\n        break;\n      //   return field.settings.options.map((option: any, index) => this.renderCheckboxGroupOption(renderOnPage, field, option, index));\n      case 'radio_button_group':\n        //   el = document.createElement('verdocs-field-signature');\n        //   el.setAttribute('value', base64);\n        break;\n      //   return field.settings.options.map((option: any, index) => this.renderRadioGroupOption(renderOnPage, field, option, index));\n      // case 'attachment':\n      //   el = document.createElement('verdocs-field-attachment');\n      //   el.setAttribute('value', result || '');\n      //   break;\n      // case 'payment':\n      //   el = document.createElement('verdocs-field-payment');\n      //   break;\n      default:\n        console.log('[SIGN] Skipping unsupported field type', field);\n    }\n\n    if (el) {\n      el.field = field;\n      el.recipient = this.recipient;\n      el.setAttribute('id', id);\n      el.setAttribute('roleindex', this.recipientIndex);\n      el.addEventListener('fieldChange', e => this.handleFieldChange(field, e));\n      setControlStyles(existingField, field, docPage.xScale, docPage.yScale, this.recipientIndex);\n      controlsDiv.appendChild(el);\n    }\n  }\n\n  handlePageRendered(e) {\n    const pageInfo = e.detail as IPageRenderEvent;\n    console.log('[SIGN] Page rendered', pageInfo);\n\n    const fields = this.fields.filter(field => field.page === pageInfo.renderedPage.pageNumber);\n    console.log('[SIGN] Fields on page', fields);\n    fields.forEach(field => this.renderField(field, pageInfo.renderedPage));\n    // .map((field, index) => this.renderField(field, index));\n    // this.pdfPageInfo = e.detail;\n  }\n\n  render() {\n    const menuOptions = [\n      {id: 'later', label: 'Finish Later'}, //\n      {id: 'claim', label: 'Claim the Document', disabled: true},\n      {id: 'decline', label: 'Decline to Sign'},\n      {id: 'print', label: 'Print Without Signing'},\n      {id: 'download', label: 'Download'},\n    ];\n\n    return (\n      <Host class={{storybook: !!window?.['STORYBOOK_ENV'], agreed: this.recipient?.agreed}}>\n        <div class=\"intro\">\n          <div class=\"inner\">Please review and act on these documents.</div>\n        </div>\n\n        <div class=\"header\">\n          <div class=\"inner\">\n            <div class=\"toolbar\">\n              <div class=\"tools\">\n                <verdocs-dropdown options={menuOptions} onOptionSelected={e => this.handleOptionSelected(e)} />\n\n                {!this.recipient?.agreed ? (\n                  <div class=\"agree\">\n                    <div class=\"agree-checkbox\">\n                      <input type=\"checkbox\" value=\"None\" id=\"agree-checkbox-element\" name=\"agree\" onChange={() => this.handleClickAgree()} />\n                      <label htmlFor=\"agree-checkbox-element\" />\n                    </div>\n                    <span>I agree to use electronic records and signatures.</span>\n                  </div>\n                ) : (\n                  <div style={{flex: '1'}} />\n                )}\n                <verdocs-button size=\"small\" label={this.nextButtonLabel} disabled={!this.recipient?.agreed} onClick={() => this.handleNext()} />\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {!this.recipient?.agreed ? <div class=\"cover\" /> : <div style={{display: 'none'}} />}\n\n        <div class=\"document\">\n          {this.pdfUrl ? (\n            <div class=\"inner\">\n              <verdocs-view\n                source={this.pdfUrl}\n                endpoint={this.endpoint}\n                onPageRendered={e => this.handlePageRendered(e)}\n                pageLayers={[\n                  {name: 'page', type: 'canvas'},\n                  {name: 'controls', type: 'div'},\n                ]}\n              />\n            </div>\n          ) : (\n            <verdocs-loader />\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-7a63bdd1.system.js

@@ -1,2 +0,0 @@
-System.register([],(function(e){"use strict";return{execute:function(){var t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";var n=/^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/;var r=function(e){e=String(e).replace(/[\t\n\f\r ]+/g,"");if(!n.test(e))throw new TypeError("Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded.");e+="==".slice(2-(e.length&3));var r;var i="";var o;var a;var s=0;for(;s<e.length;){r=t.indexOf(e.charAt(s++))<<18|t.indexOf(e.charAt(s++))<<12|(o=t.indexOf(e.charAt(s++)))<<6|(a=t.indexOf(e.charAt(s++)));i+=o===64?String.fromCharCode(r>>16&255):a===64?String.fromCharCode(r>>16&255,r>>8&255):String.fromCharCode(r>>16&255,r>>8&255,r&255)}return i};var i=function(e){return JSON.parse(r((e||"").split(".")[1]||""))};var o=function(e){var t;try{t=i(e);if(t===null){return null}}catch(e){return null}Object.keys(t).forEach((function(e){if(typeof e==="string"&&e.startsWith("https://verdocs.com/")){t[e.replace("https://verdocs.com/","")]=t[e];delete t[e]}}));return t};var a=undefined&&undefined.__awaiter||function(e,t,n,r){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function a(e){try{u(r.next(e))}catch(e){o(e)}}function s(e){try{u(r["throw"](e))}catch(e){o(e)}}function u(e){e.done?n(e.value):i(e.value).then(a,s)}u((r=r.apply(e,t||[])).next())}))};var s=undefined&&undefined.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return u([e,t])}}function u(a){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,i&&(o=a[0]&2?i["return"]:a[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,a[1])).done)return o;if(i=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;i=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){n.label=a[1];break}if(a[0]===6&&n.label<o[1]){n.label=o[1];o=a;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(a);break}if(o[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(e){a=[6,e];i=0}finally{r=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var u=function(e,t){return a(void 0,void 0,void 0,(function(){return s(this,(function(n){return[2,e.api.post("/documents",t).then((function(e){return e.data}))]}))}))};var c=function(e,t){return a(void 0,void 0,void 0,(function(){return s(this,(function(n){return[2,e.api.post("/documents/summary",{page:t}).then((function(e){return e.data}))]}))}))};var f=function(e,t){return a(void 0,void 0,void 0,(function(){return s(this,(function(n){return[2,e.api.post("/documents/search",t).then((function(e){return e.data}))]}))}))};var l=e("g",(function(e,t){return a(void 0,void 0,void 0,(function(){return s(this,(function(n){return[2,e.api.get("/documents/".concat(t.documentId,"/recipients/").concat(encodeURIComponent(t.roleId),"/invitation/").concat(t.inviteCode)).then((function(t){var n,r;var i=((n=t.headers)===null||n===void 0?void 0:n.signer_token)||"";var a=o(i);e.setToken((r=t.headers)===null||r===void 0?void 0:r.signer_token);return{recipient:t.data,session:a,signerToken:i}}))]}))}))}));var d=function(e,t){return a(void 0,void 0,void 0,(function(){return s(this,(function(n){return[2,e.api.get("/documents/".concat(t,"/recipients")).then((function(e){return e.data}))]}))}))};var p=e("a",(function(e,t){return a(void 0,void 0,void 0,(function(){return s(this,(function(n){return[2,e.api.get("/documents/".concat(t)).then((function(e){return e.data}))]}))}))}));var h=function(e,t){return a(void 0,void 0,void 0,(function(){return s(this,(function(n){return[2,e.api.put("/documents/".concat(t),{action:"cancel"}).then((function(e){return e.data}))]}))}))};var v=function(e){return!["submitted","canceled","declined"].includes(e.status)};var m=function(e){return((e===null||e===void 0?void 0:e.recipients)||[]).filter(v)};var g=function(e,t){var n;return e.sequence===((n=t===null||t===void 0?void 0:t[0])===null||n===void 0?void 0:n.sequence)};var y=function(e,t){var n;var r=t.find((function(t){return t.email===e}));return r&&r.sequence===((n=t===null||t===void 0?void 0:t[0])===null||n===void 0?void 0:n.sequence)};var b=e("b",(function(e,t,n){return a(void 0,void 0,void 0,(function(){return s(this,(function(r){return[2,e.api.get("/documents/".concat(t,"/envelope_documents/").concat(n,"?file=true"),{responseType:"arraybuffer"}).then((function(e){return Buffer.from(e.data,"binary").toString("base64")}))]}))}))}));var w=e("c",(function(e,t,n,r){return a(void 0,void 0,void 0,(function(){return s(this,(function(i){return[2,e.api.put("/documents/".concat(t,"/fields/").concat(n),r).then((function(e){return e.data}))]}))}))}));var E=function(e,t,n,r){return a(void 0,void 0,void 0,(function(){return s(this,(function(i){return[2,e.api.put("/documents/".concat(t,"/fields/").concat(n,"/signature/").concat(r)).then((function(e){return e.data}))]}))}))};var S=Object.freeze({__proto__:null,createDocument:u,getSummary:c,searchDocuments:f,getSigningSession:l,getDocumentRecipients:d,getDocument:p,cancelDocument:h,recipientHasAction:v,getRecipientsWithActions:m,recipientCanAct:g,userCanAct:y,getDocumentFile:b,updateDocumentField:w,updateDocumentFieldSignature:E});var O=undefined&&undefined.__assign||function(){O=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))e[i]=t[i]}return e};return O.apply(this,arguments)};var _=undefined&&undefined.__awaiter||function(e,t,n,r){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function a(e){try{u(r.next(e))}catch(e){o(e)}}function s(e){try{u(r["throw"](e))}catch(e){o(e)}}function u(e){e.done?n(e.value):i(e.value).then(a,s)}u((r=r.apply(e,t||[])).next())}))};var R=undefined&&undefined.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return u([e,t])}}function u(a){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,i&&(o=a[0]&2?i["return"]:a[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,a[1])).done)return o;if(i=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;i=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){n.label=a[1];break}if(a[0]===6&&n.label<o[1]){n.label=o[1];o=a;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(a);break}if(o[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(e){a=[6,e];i=0}finally{r=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var T=e("u",(function(e,t,n,r,i){return _(void 0,void 0,void 0,(function(){return R(this,(function(o){return[2,e.api.put("/documents/".concat(t,"/recipients/").concat(n),O({role_name:n,action:r},i||{})).then((function(e){return e.data}))]}))}))}));var A=function(e,t,n){return e.api.get("/documents/".concat(t,"/recipients/").concat(encodeURIComponent(n),"/signer-token")).then((function(e){return e.data}))};var C=function(e,t,n){return e.api.get("/documents/".concat(t,"/recipients/").concat(encodeURIComponent(n),"?in_person_link=true")).then((function(e){return e.data}))};var j=Object.freeze({__proto__:null,updateRecipientStatus:T,getSignerToken:A,getInPersonLink:C});var x=function(e,t,n){var r=new FormData;r.append("signature",n,t);return e.api.post("/signatures",r).then((function(e){return e.data}))};var D=function(e){return e.api.get("/signatures").then((function(e){return e.data}))};var L=function(e,t){return e.api.get("/signatures/".concat(t)).then((function(e){return e.data}))};var U=function(e,t){return e.api.delete("/signatures/".concat(t)).then((function(e){return e.data}))};var N=Object.freeze({__proto__:null,createSignature:x,getSignatures:D,getSignature:L,deleteSignature:U});var k=function(e,t,n){var r=new FormData;r.append("initial",n,t);return e.api.post("/initials",r).then((function(e){return e.data}))};var P=Object.freeze({__proto__:null,createInitials:k});var B=Object.freeze({__proto__:null});var I=Object.freeze({__proto__:null,Documents:S,Recipients:j,Signatures:N,Initials:P,Types:B});var q=function e(t,n){return function e(){var r=new Array(arguments.length);for(var i=0;i<r.length;i++){r[i]=arguments[i]}return t.apply(n,r)}};var F=Object.prototype.toString;var z=function(e){return function(t){var n=F.call(t);return e[n]||(e[n]=n.slice(8,-1).toLowerCase())}}(Object.create(null));function J(e){e=e.toLowerCase();return function t(n){return z(n)===e}}function M(e){return Array.isArray(e)}function W(e){return typeof e==="undefined"}function H(e){return e!==null&&!W(e)&&e.constructor!==null&&!W(e.constructor)&&typeof e.constructor.isBuffer==="function"&&e.constructor.isBuffer(e)}var K=J("ArrayBuffer");function V(e){var t;if(typeof ArrayBuffer!=="undefined"&&ArrayBuffer.isView){t=ArrayBuffer.isView(e)}else{t=e&&e.buffer&&K(e.buffer)}return t}function X(e){return typeof e==="string"}function $(e){return typeof e==="number"}function G(e){return e!==null&&typeof e==="object"}function Q(e){if(z(e)!=="object"){return false}var t=Object.getPrototypeOf(e);return t===null||t===Object.prototype}var Z=J("Date");var Y=J("File");var ee=J("Blob");var te=J("FileList");function ne(e){return F.call(e)==="[object Function]"}function re(e){return G(e)&&ne(e.pipe)}function ie(e){var t="[object FormData]";return e&&(typeof FormData==="function"&&e instanceof FormData||F.call(e)===t||ne(e.toString)&&e.toString()===t)}var oe=J("URLSearchParams");function ae(e){return e.trim?e.trim():e.replace(/^\s+|\s+$/g,"")}function se(){if(typeof navigator!=="undefined"&&(navigator.product==="ReactNative"||navigator.product==="NativeScript"||navigator.product==="NS")){return false}return typeof window!=="undefined"&&typeof document!=="undefined"}function ue(e,t){if(e===null||typeof e==="undefined"){return}if(typeof e!=="object"){e=[e]}if(M(e)){for(var n=0,r=e.length;n<r;n++){t.call(null,e[n],n,e)}}else{for(var i in e){if(Object.prototype.hasOwnProperty.call(e,i)){t.call(null,e[i],i,e)}}}}function ce(){var e={};function t(t,n){if(Q(e[n])&&Q(t)){e[n]=ce(e[n],t)}else if(Q(t)){e[n]=ce({},t)}else if(M(t)){e[n]=t.slice()}else{e[n]=t}}for(var n=0,r=arguments.length;n<r;n++){ue(arguments[n],t)}return e}function fe(e,t,n){ue(t,(function t(r,i){if(n&&typeof r==="function"){e[i]=q(r,n)}else{e[i]=r}}));return e}function le(e){if(e.charCodeAt(0)===65279){e=e.slice(1)}return e}function de(e,t,n,r){e.prototype=Object.create(t.prototype,r);e.prototype.constructor=e;n&&Object.assign(e.prototype,n)}function pe(e,t,n){var r;var i;var o;var a={};t=t||{};do{r=Object.getOwnPropertyNames(e);i=r.length;while(i-- >0){o=r[i];if(!a[o]){t[o]=e[o];a[o]=true}}e=Object.getPrototypeOf(e)}while(e&&(!n||n(e,t))&&e!==Object.prototype);return t}function he(e,t,n){e=String(e);if(n===undefined||n>e.length){n=e.length}n-=t.length;var r=e.indexOf(t,n);return r!==-1&&r===n}function ve(e){if(!e)return null;var t=e.length;if(W(t))return null;var n=new Array(t);while(t-- >0){n[t]=e[t]}return n}var me=function(e){return function(t){return e&&t instanceof e}}(typeof Uint8Array!=="undefined"&&Object.getPrototypeOf(Uint8Array));var ge={isArray:M,isArrayBuffer:K,isBuffer:H,isFormData:ie,isArrayBufferView:V,isString:X,isNumber:$,isObject:G,isPlainObject:Q,isUndefined:W,isDate:Z,isFile:Y,isBlob:ee,isFunction:ne,isStream:re,isURLSearchParams:oe,isStandardBrowserEnv:se,forEach:ue,merge:ce,extend:fe,trim:ae,stripBOM:le,inherits:de,toFlatObject:pe,kindOf:z,kindOfTest:J,endsWith:he,toArray:ve,isTypedArray:me,isFileList:te};function ye(e){return encodeURIComponent(e).replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}var be=function e(t,n,r){if(!n){return t}var i;if(r){i=r(n)}else if(ge.isURLSearchParams(n)){i=n.toString()}else{var o=[];ge.forEach(n,(function e(t,n){if(t===null||typeof t==="undefined"){return}if(ge.isArray(t)){n=n+"[]"}else{t=[t]}ge.forEach(t,(function e(t){if(ge.isDate(t)){t=t.toISOString()}else if(ge.isObject(t)){t=JSON.stringify(t)}o.push(ye(n)+"="+ye(t))}))}));i=o.join("&")}if(i){var a=t.indexOf("#");if(a!==-1){t=t.slice(0,a)}t+=(t.indexOf("?")===-1?"?":"&")+i}return t};function we(){this.handlers=[]}we.prototype.use=function e(t,n,r){this.handlers.push({fulfilled:t,rejected:n,synchronous:r?r.synchronous:false,runWhen:r?r.runWhen:null});return this.handlers.length-1};we.prototype.eject=function e(t){if(this.handlers[t]){this.handlers[t]=null}};we.prototype.forEach=function e(t){ge.forEach(this.handlers,(function e(n){if(n!==null){t(n)}}))};var Ee=we;var Se=function e(t,n){ge.forEach(t,(function e(r,i){if(i!==n&&i.toUpperCase()===n.toUpperCase()){t[n]=r;delete t[i]}}))};function Oe(e,t,n,r,i){Error.call(this);this.message=e;this.name="AxiosError";t&&(this.code=t);n&&(this.config=n);r&&(this.request=r);i&&(this.response=i)}ge.inherits(Oe,Error,{toJSON:function e(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:this.config,code:this.code,status:this.response&&this.response.status?this.response.status:null}}});var _e=Oe.prototype;var Re={};["ERR_BAD_OPTION_VALUE","ERR_BAD_OPTION","ECONNABORTED","ETIMEDOUT","ERR_NETWORK","ERR_FR_TOO_MANY_REDIRECTS","ERR_DEPRECATED","ERR_BAD_RESPONSE","ERR_BAD_REQUEST","ERR_CANCELED"].forEach((function(e){Re[e]={value:e}}));Object.defineProperties(Oe,Re);Object.defineProperty(_e,"isAxiosError",{value:true});Oe.from=function(e,t,n,r,i,o){var a=Object.create(_e);ge.toFlatObject(e,a,(function e(t){return t!==Error.prototype}));Oe.call(a,e.message,t,n,r,i);a.name=e.name;o&&Object.assign(a,o);return a};var Te=Oe;var Ae={silentJSONParsing:true,forcedJSONParsing:true,clarifyTimeoutError:false};function Ce(e,t){t=t||new FormData;var n=[];function r(e){if(e===null)return"";if(ge.isDate(e)){return e.toISOString()}if(ge.isArrayBuffer(e)||ge.isTypedArray(e)){return typeof Blob==="function"?new Blob([e]):Buffer.from(e)}return e}function i(e,o){if(ge.isPlainObject(e)||ge.isArray(e)){if(n.indexOf(e)!==-1){throw Error("Circular reference detected in "+o)}n.push(e);ge.forEach(e,(function e(n,a){if(ge.isUndefined(n))return;var s=o?o+"."+a:a;var u;if(n&&!o&&typeof n==="object"){if(ge.endsWith(a,"{}")){n=JSON.stringify(n)}else if(ge.endsWith(a,"[]")&&(u=ge.toArray(n))){u.forEach((function(e){!ge.isUndefined(e)&&t.append(s,r(e))}));return}}i(n,s)}));n.pop()}else{t.append(o,r(e))}}i(e);return t}var je=Ce;var xe=function e(t,n,r){var i=r.config.validateStatus;if(!r.status||!i||i(r.status)){t(r)}else{n(new Te("Request failed with status code "+r.status,[Te.ERR_BAD_REQUEST,Te.ERR_BAD_RESPONSE][Math.floor(r.status/100)-4],r.config,r.request,r))}};var De=ge.isStandardBrowserEnv()?function e(){return{write:function e(t,n,r,i,o,a){var s=[];s.push(t+"="+encodeURIComponent(n));if(ge.isNumber(r)){s.push("expires="+new Date(r).toGMTString())}if(ge.isString(i)){s.push("path="+i)}if(ge.isString(o)){s.push("domain="+o)}if(a===true){s.push("secure")}document.cookie=s.join("; ")},read:function e(t){var n=document.cookie.match(new RegExp("(^|;\\s*)("+t+")=([^;]*)"));return n?decodeURIComponent(n[3]):null},remove:function e(t){this.write(t,"",Date.now()-864e5)}}}():function e(){return{write:function e(){},read:function e(){return null},remove:function e(){}}}();var Le=function e(t){return/^([a-z][a-z\d+\-.]*:)?\/\//i.test(t)};var Ue=function e(t,n){return n?t.replace(/\/+$/,"")+"/"+n.replace(/^\/+/,""):t};var Ne=function e(t,n){if(t&&!Le(n)){return Ue(t,n)}return n};var ke=["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"];var Pe=function e(t){var n={};var r;var i;var o;if(!t){return n}ge.forEach(t.split("\n"),(function e(t){o=t.indexOf(":");r=ge.trim(t.substr(0,o)).toLowerCase();i=ge.trim(t.substr(o+1));if(r){if(n[r]&&ke.indexOf(r)>=0){return}if(r==="set-cookie"){n[r]=(n[r]?n[r]:[]).concat([i])}else{n[r]=n[r]?n[r]+", "+i:i}}}));return n};var Be=ge.isStandardBrowserEnv()?function e(){var t=/(msie|trident)/i.test(navigator.userAgent);var n=document.createElement("a");var r;function i(e){var r=e;if(t){n.setAttribute("href",r);r=n.href}n.setAttribute("href",r);return{href:n.href,protocol:n.protocol?n.protocol.replace(/:$/,""):"",host:n.host,search:n.search?n.search.replace(/^\?/,""):"",hash:n.hash?n.hash.replace(/^#/,""):"",hostname:n.hostname,port:n.port,pathname:n.pathname.charAt(0)==="/"?n.pathname:"/"+n.pathname}}r=i(window.location.href);return function e(t){var n=ge.isString(t)?i(t):t;return n.protocol===r.protocol&&n.host===r.host}}():function e(){return function e(){return true}}();function Ie(e){Te.call(this,e==null?"canceled":e,Te.ERR_CANCELED);this.name="CanceledError"}ge.inherits(Ie,Te,{__CANCEL__:true});var qe=Ie;var Fe=function e(t){var n=/^([-+\w]{1,25})(:?\/\/|:)/.exec(t);return n&&n[1]||""};var ze=function e(t){return new Promise((function e(n,r){var i=t.data;var o=t.headers;var a=t.responseType;var s;function u(){if(t.cancelToken){t.cancelToken.unsubscribe(s)}if(t.signal){t.signal.removeEventListener("abort",s)}}if(ge.isFormData(i)&&ge.isStandardBrowserEnv()){delete o["Content-Type"]}var c=new XMLHttpRequest;if(t.auth){var f=t.auth.username||"";var l=t.auth.password?unescape(encodeURIComponent(t.auth.password)):"";o.Authorization="Basic "+btoa(f+":"+l)}var d=Ne(t.baseURL,t.url);c.open(t.method.toUpperCase(),be(d,t.params,t.paramsSerializer),true);c.timeout=t.timeout;function p(){if(!c){return}var e="getAllResponseHeaders"in c?Pe(c.getAllResponseHeaders()):null;var i=!a||a==="text"||a==="json"?c.responseText:c.response;var o={data:i,status:c.status,statusText:c.statusText,headers:e,config:t,request:c};xe((function e(t){n(t);u()}),(function e(t){r(t);u()}),o);c=null}if("onloadend"in c){c.onloadend=p}else{c.onreadystatechange=function e(){if(!c||c.readyState!==4){return}if(c.status===0&&!(c.responseURL&&c.responseURL.indexOf("file:")===0)){return}setTimeout(p)}}c.onabort=function e(){if(!c){return}r(new Te("Request aborted",Te.ECONNABORTED,t,c));c=null};c.onerror=function e(){r(new Te("Network Error",Te.ERR_NETWORK,t,c,c));c=null};c.ontimeout=function e(){var n=t.timeout?"timeout of "+t.timeout+"ms exceeded":"timeout exceeded";var i=t.transitional||Ae;if(t.timeoutErrorMessage){n=t.timeoutErrorMessage}r(new Te(n,i.clarifyTimeoutError?Te.ETIMEDOUT:Te.ECONNABORTED,t,c));c=null};if(ge.isStandardBrowserEnv()){var h=(t.withCredentials||Be(d))&&t.xsrfCookieName?De.read(t.xsrfCookieName):undefined;if(h){o[t.xsrfHeaderName]=h}}if("setRequestHeader"in c){ge.forEach(o,(function e(t,n){if(typeof i==="undefined"&&n.toLowerCase()==="content-type"){delete o[n]}else{c.setRequestHeader(n,t)}}))}if(!ge.isUndefined(t.withCredentials)){c.withCredentials=!!t.withCredentials}if(a&&a!=="json"){c.responseType=t.responseType}if(typeof t.onDownloadProgress==="function"){c.addEventListener("progress",t.onDownloadProgress)}if(typeof t.onUploadProgress==="function"&&c.upload){c.upload.addEventListener("progress",t.onUploadProgress)}if(t.cancelToken||t.signal){s=function(e){if(!c){return}r(!e||e&&e.type?new qe:e);c.abort();c=null};t.cancelToken&&t.cancelToken.subscribe(s);if(t.signal){t.signal.aborted?s():t.signal.addEventListener("abort",s)}}if(!i){i=null}var v=Fe(d);if(v&&["http","https","file"].indexOf(v)===-1){r(new Te("Unsupported protocol "+v+":",Te.ERR_BAD_REQUEST,t));return}c.send(i)}))};var Je=null;var Me={"Content-Type":"application/x-www-form-urlencoded"};function We(e,t){if(!ge.isUndefined(e)&&ge.isUndefined(e["Content-Type"])){e["Content-Type"]=t}}function He(){var e;if(typeof XMLHttpRequest!=="undefined"){e=ze}else if(typeof process!=="undefined"&&Object.prototype.toString.call(process)==="[object process]"){e=ze}return e}function Ke(e,t,n){if(ge.isString(e)){try{(t||JSON.parse)(e);return ge.trim(e)}catch(e){if(e.name!=="SyntaxError"){throw e}}}return(n||JSON.stringify)(e)}var Ve={transitional:Ae,adapter:He(),transformRequest:[function e(t,n){Se(n,"Accept");Se(n,"Content-Type");if(ge.isFormData(t)||ge.isArrayBuffer(t)||ge.isBuffer(t)||ge.isStream(t)||ge.isFile(t)||ge.isBlob(t)){return t}if(ge.isArrayBufferView(t)){return t.buffer}if(ge.isURLSearchParams(t)){We(n,"application/x-www-form-urlencoded;charset=utf-8");return t.toString()}var r=ge.isObject(t);var i=n&&n["Content-Type"];var o;if((o=ge.isFileList(t))||r&&i==="multipart/form-data"){var a=this.env&&this.env.FormData;return je(o?{"files[]":t}:t,a&&new a)}else if(r||i==="application/json"){We(n,"application/json");return Ke(t)}return t}],transformResponse:[function e(t){var n=this.transitional||Ve.transitional;var r=n&&n.silentJSONParsing;var i=n&&n.forcedJSONParsing;var o=!r&&this.responseType==="json";if(o||i&&ge.isString(t)&&t.length){try{return JSON.parse(t)}catch(e){if(o){if(e.name==="SyntaxError"){throw Te.from(e,Te.ERR_BAD_RESPONSE,this,null,this.response)}throw e}}}return t}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,maxBodyLength:-1,env:{FormData:Je},validateStatus:function e(t){return t>=200&&t<300},headers:{common:{Accept:"application/json, text/plain, */*"}}};ge.forEach(["delete","get","head"],(function e(t){Ve.headers[t]={}}));ge.forEach(["post","put","patch"],(function e(t){Ve.headers[t]=ge.merge(Me)}));var Xe=Ve;var $e=function e(t,n,r){var i=this||Xe;ge.forEach(r,(function e(r){t=r.call(i,t,n)}));return t};var Ge=function e(t){return!!(t&&t.__CANCEL__)};function Qe(e){if(e.cancelToken){e.cancelToken.throwIfRequested()}if(e.signal&&e.signal.aborted){throw new qe}}var Ze=function e(t){Qe(t);t.headers=t.headers||{};t.data=$e.call(t,t.data,t.headers,t.transformRequest);t.headers=ge.merge(t.headers.common||{},t.headers[t.method]||{},t.headers);ge.forEach(["delete","get","head","post","put","patch","common"],(function e(n){delete t.headers[n]}));var n=t.adapter||Xe.adapter;return n(t).then((function e(n){Qe(t);n.data=$e.call(t,n.data,n.headers,t.transformResponse);return n}),(function e(n){if(!Ge(n)){Qe(t);if(n&&n.response){n.response.data=$e.call(t,n.response.data,n.response.headers,t.transformResponse)}}return Promise.reject(n)}))};var Ye=function e(t,n){n=n||{};var r={};function i(e,t){if(ge.isPlainObject(e)&&ge.isPlainObject(t)){return ge.merge(e,t)}else if(ge.isPlainObject(t)){return ge.merge({},t)}else if(ge.isArray(t)){return t.slice()}return t}function o(e){if(!ge.isUndefined(n[e])){return i(t[e],n[e])}else if(!ge.isUndefined(t[e])){return i(undefined,t[e])}}function a(e){if(!ge.isUndefined(n[e])){return i(undefined,n[e])}}function s(e){if(!ge.isUndefined(n[e])){return i(undefined,n[e])}else if(!ge.isUndefined(t[e])){return i(undefined,t[e])}}function u(e){if(e in n){return i(t[e],n[e])}else if(e in t){return i(undefined,t[e])}}var c={url:a,method:a,data:a,baseURL:s,transformRequest:s,transformResponse:s,paramsSerializer:s,timeout:s,timeoutMessage:s,withCredentials:s,adapter:s,responseType:s,xsrfCookieName:s,xsrfHeaderName:s,onUploadProgress:s,onDownloadProgress:s,decompress:s,maxContentLength:s,maxBodyLength:s,beforeRedirect:s,transport:s,httpAgent:s,httpsAgent:s,cancelToken:s,socketPath:s,responseEncoding:s,validateStatus:u};ge.forEach(Object.keys(t).concat(Object.keys(n)),(function e(t){var n=c[t]||o;var i=n(t);ge.isUndefined(i)&&n!==u||(r[t]=i)}));return r};var et={version:"0.27.2"};var tt=et.version;var nt={};["object","boolean","number","function","string","symbol"].forEach((function(e,t){nt[e]=function n(r){return typeof r===e||"a"+(t<1?"n ":" ")+e}}));var rt={};nt.transitional=function e(t,n,r){function i(e,t){return"[Axios v"+tt+"] Transitional option '"+e+"'"+t+(r?". "+r:"")}return function(e,r,o){if(t===false){throw new Te(i(r," has been removed"+(n?" in "+n:"")),Te.ERR_DEPRECATED)}if(n&&!rt[r]){rt[r]=true;console.warn(i(r," has been deprecated since v"+n+" and will be removed in the near future"))}return t?t(e,r,o):true}};function it(e,t,n){if(typeof e!=="object"){throw new Te("options must be an object",Te.ERR_BAD_OPTION_VALUE)}var r=Object.keys(e);var i=r.length;while(i-- >0){var o=r[i];var a=t[o];if(a){var s=e[o];var u=s===undefined||a(s,o,e);if(u!==true){throw new Te("option "+o+" must be "+u,Te.ERR_BAD_OPTION_VALUE)}continue}if(n!==true){throw new Te("Unknown option "+o,Te.ERR_BAD_OPTION)}}}var ot={assertOptions:it,validators:nt};var at=ot.validators;function st(e){this.defaults=e;this.interceptors={request:new Ee,response:new Ee}}st.prototype.request=function e(t,n){if(typeof t==="string"){n=n||{};n.url=t}else{n=t||{}}n=Ye(this.defaults,n);if(n.method){n.method=n.method.toLowerCase()}else if(this.defaults.method){n.method=this.defaults.method.toLowerCase()}else{n.method="get"}var r=n.transitional;if(r!==undefined){ot.assertOptions(r,{silentJSONParsing:at.transitional(at.boolean),forcedJSONParsing:at.transitional(at.boolean),clarifyTimeoutError:at.transitional(at.boolean)},false)}var i=[];var o=true;this.interceptors.request.forEach((function e(t){if(typeof t.runWhen==="function"&&t.runWhen(n)===false){return}o=o&&t.synchronous;i.unshift(t.fulfilled,t.rejected)}));var a=[];this.interceptors.response.forEach((function e(t){a.push(t.fulfilled,t.rejected)}));var s;if(!o){var u=[Ze,undefined];Array.prototype.unshift.apply(u,i);u=u.concat(a);s=Promise.resolve(n);while(u.length){s=s.then(u.shift(),u.shift())}return s}var c=n;while(i.length){var f=i.shift();var l=i.shift();try{c=f(c)}catch(e){l(e);break}}try{s=Ze(c)}catch(e){return Promise.reject(e)}while(a.length){s=s.then(a.shift(),a.shift())}return s};st.prototype.getUri=function e(t){t=Ye(this.defaults,t);var n=Ne(t.baseURL,t.url);return be(n,t.params,t.paramsSerializer)};ge.forEach(["delete","get","head","options"],(function e(t){st.prototype[t]=function(e,n){return this.request(Ye(n||{},{method:t,url:e,data:(n||{}).data}))}}));ge.forEach(["post","put","patch"],(function e(t){function n(e){return function n(r,i,o){return this.request(Ye(o||{},{method:t,headers:e?{"Content-Type":"multipart/form-data"}:{},url:r,data:i}))}}st.prototype[t]=n();st.prototype[t+"Form"]=n(true)}));var ut=st;function ct(e){if(typeof e!=="function"){throw new TypeError("executor must be a function.")}var t;this.promise=new Promise((function e(n){t=n}));var n=this;this.promise.then((function(e){if(!n._listeners)return;var t;var r=n._listeners.length;for(t=0;t<r;t++){n._listeners[t](e)}n._listeners=null}));this.promise.then=function(e){var t;var r=new Promise((function(e){n.subscribe(e);t=e})).then(e);r.cancel=function e(){n.unsubscribe(t)};return r};e((function e(r){if(n.reason){return}n.reason=new qe(r);t(n.reason)}))}ct.prototype.throwIfRequested=function e(){if(this.reason){throw this.reason}};ct.prototype.subscribe=function e(t){if(this.reason){t(this.reason);return}if(this._listeners){this._listeners.push(t)}else{this._listeners=[t]}};ct.prototype.unsubscribe=function e(t){if(!this._listeners){return}var n=this._listeners.indexOf(t);if(n!==-1){this._listeners.splice(n,1)}};ct.source=function e(){var t;var n=new ct((function e(n){t=n}));return{token:n,cancel:t}};var ft=ct;var lt=function e(t){return function e(n){return t.apply(null,n)}};var dt=function e(t){return ge.isObject(t)&&t.isAxiosError===true};function pt(e){var t=new ut(e);var n=q(ut.prototype.request,t);ge.extend(n,ut.prototype,t);ge.extend(n,t);n.create=function t(n){return pt(Ye(e,n))};return n}var ht=pt(Xe);ht.Axios=ut;ht.CanceledError=qe;ht.CancelToken=ft;ht.isCancel=Ge;ht.VERSION=et.version;ht.toFormData=je;ht.AxiosError=Te;ht.Cancel=ht.CanceledError;ht.all=function e(t){return Promise.all(t)};ht.spread=lt;ht.isAxiosError=dt;var vt=ht;var mt=ht;vt.default=mt;var gt=vt;var yt=function(){if(typeof self==="object"&&self)return self;if(typeof window==="object"&&window)return window;throw new Error("Unable to resolve global `this`")};var bt=function(){if(this)return this;if(typeof globalThis==="object"&&globalThis)return globalThis;try{Object.defineProperty(Object.prototype,"__global__",{get:function(){return this},configurable:true})}catch(e){return yt()}try{if(!__global__)return yt();return __global__}finally{delete Object.prototype.__global__}}();var wt=Symbol.for("verdocs-default-endpoint");var Et=function(e){console.debug("[JS-SDK] ".concat(e.method.toUpperCase()," ").concat(e.baseURL).concat(e.url),e.data?JSON.stringify(e.data):"");return e};var St=e("V",function(){function e(e){this.environment="verdocs";this.sessionType="user";this.baseURL="https://api.verdocs.com";this.clientID="not-set";this.timeout=3e3;this.token=null;this.nextListenerId=0;this.sessionListeners=new Map;this.requestLoggerId=null;this.session=null;this.Documents=I;this.baseURL=(e===null||e===void 0?void 0:e.baseURL)||"https://api.verdocs.com";this.timeout=(e===null||e===void 0?void 0:e.timeout)||3e3;this.environment=(e===null||e===void 0?void 0:e.environment)||"verdocs";this.sessionType=(e===null||e===void 0?void 0:e.sessionType)||"user";this.clientID=(e===null||e===void 0?void 0:e.clientID)||"not-set";this.api=gt.create({baseURL:this.baseURL,timeout:this.timeout})}e.prototype.setDefault=function(){bt[wt]=this};e.getDefault=function(){if(!bt[wt]){bt[wt]=new e;window.console.debug("[JS_SDK] Created default endpoint",bt[wt])}return bt[wt]};e.prototype.getEnvironment=function(){return this.environment};e.prototype.getSessionType=function(){return this.sessionType};e.prototype.getBaseURL=function(){return this.baseURL};e.prototype.getClientID=function(){return this.clientID};e.prototype.getTimeout=function(){return this.timeout};e.prototype.getSession=function(){return this.session};e.prototype.setEnvironment=function(e){this.environment=e;return this};e.prototype.setSessionType=function(e){this.sessionType=e;return this};e.prototype.setBaseURL=function(e){this.api.defaults.baseURL=e;return this};e.prototype.setClientID=function(e){this.clientID=e;this.api.defaults.headers.common["X-Client-ID"]=e;return this};e.prototype.setTimeout=function(e){this.timeout=e;this.api.defaults.timeout=e;return this};e.prototype.logRequests=function(e){if(e&&this.requestLoggerId===null){this.requestLoggerId=this.api.interceptors.request.use(Et)}else if(!e&&this.requestLoggerId!==null){this.api.interceptors.request.eject(this.requestLoggerId)}return this};e.prototype.setToken=function(e){if(!e){return this.clearSession()}var t=o(e);if(t===null||t.exp&&t.exp*1e3<(new Date).getTime()){return this.clearSession()}this.token=e;this.session=t;this.api.defaults.headers.common.Authorization="Bearer ".concat(e);localStorage.setItem(this.sessionStorageKey(),e);this.notifySessionListeners();return this};e.prototype.getToken=function(){return this.token};e.prototype.sessionStorageKey=function(){return"verdocs-session-".concat(this.getSessionType(),"-").concat(this.getEnvironment())};e.prototype.clearSession=function(){localStorage.removeItem(this.sessionStorageKey());delete this.api.defaults.headers.common.Authorization;this.session=null;this.token=null;this.notifySessionListeners();return this};e.prototype.notifySessionListeners=function(){var e=this;this.sessionListeners.forEach((function(t){try{t(e,e.session)}catch(e){}}))};e.prototype.onSessionChanged=function(e){var t=this;this.nextListenerId++;var n=Symbol.for(""+this.nextListenerId);this.sessionListeners.set(n,e);return function(){t.sessionListeners.delete(n)}};e.prototype.loadSession=function(){var e=localStorage.getItem(this.sessionStorageKey());if(!e){return this.clearSession()}return this.setToken(e)};return e}())}}}));
-//# sourceMappingURL=p-7a63bdd1.system.js.map