@verdocs/web-sdk 1.9.6 → 1.9.9

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

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/elements/verdocs-document-page/verdocs-document-page.scss?tag=verdocs-document-page","src/components/elements/verdocs-document-page/verdocs-document-page.tsx","src/components/controls/verdocs-loader/verdocs-loader.scss?tag=verdocs-loader","src/components/controls/verdocs-loader/verdocs-loader.tsx","src/components/embeds/verdocs-view/verdocs-view.scss?tag=verdocs-view","src/components/embeds/verdocs-view/verdocs-view.tsx"],"names":["verdocsDocumentPageCss","VerdocsDocumentPage","exports","name","type","concat","Math","random","toString","substring","class_1","prototype","componentDidLoad","_this","this","resizeObserver","ResizeObserver","entries","_i","entries_1","length","entry","renderedWidth","contentRect","width","renderedHeight","virtualHeight","virtualWidth","notifyRenderedSize","observe","container","disconnectedCallback","_a","disconnect","skipFirstNotification","pageRendered","emit","containerId","pageNumber","xScale","yScale","render","height","h","Host","id","style","layers","map","layer","class","src","pageImageUri","alt","verdocsLoaderCss","VerdocsLoader","class_2","verdocsViewCss","VerdocsView","domPages","sourcePageMetrics","VerdocsEndpoint","getDefault","class_3","componentWillLoad","endpoint","loadSession","templateId","console","log","getTemplate","template","_g","sent","pageNumbers","integerSequence","pages","pageUris","_e","__asyncValues","page","_f","value","getPageImage","sequence","image","url","loadProgress","e_2","sdkError","SDKError","message","_b","response","status","_c","data","renderPage","domPage","pageMetrics","renderedPage","e","warn","handlePageRendered","stopPropagation","detail","_d","pageLayers","onPageRendered","p"],"mappings":"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","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-document-page {\n  width: 100%;\n  position: relative;\n\n  .verdocs-document-page-layer {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    //background: #fff;\n    box-shadow: 0 0 10px 5px #0000000f;\n\n    //&.background {\n    //  background: #fff;\n    //  box-shadow: 0 0 10px 5px #0000000f;\n    //}\n  }\n}\n","// NOTE: This component does not have a story because it's not intended for external use.\n\nimport {Component, h, Host, Prop, Event, EventEmitter, State, Element} from '@stencil/core';\nimport {IDocumentPageInfo, IPageLayer} from '../../../utils/Types';\n\n/**\n * Represents one document page. This is primarily a layout container used to coordinate positions of\n * page-related layers such as the page itself, signature fields, etc.\n */\n@Component({\n  tag: 'verdocs-document-page',\n  styleUrl: 'verdocs-document-page.scss',\n  shadow: false,\n})\nexport class VerdocsDocumentPage {\n  @Element() container: HTMLElement;\n  private resizeObserver: ResizeObserver;\n\n  /**\n   * The URL of the image to render as the page background.\n   */\n  @Prop() pageImageUri: string = '';\n\n  /**\n   * The page number being rendered. Not used internally but included in callbacks/events beacuse page numbers\n   * are used everywhere in document handling.\n   */\n  @Prop() pageNumber: number = 1;\n\n  /**\n   * The \"virtual\" width of the page canvas. Defaults to 612 which at 72dpi is 8.5\" wide. This is used to compute\n   * the aspect ratio of the final rendered element.\n   */\n  @Prop() virtualWidth: number = 612;\n\n  /**\n   * The \"virtual\" height of the page canvas.  Defaults to 792 which at 72dpi is 11\" tall. This is used to compute\n   * the aspect ratio of the final rendered element.\n   */\n  @Prop() virtualHeight: number = 792;\n\n  /**\n   * The layers that will be rendered. The DOM structure will be a DIV container with one child DIV for each layer.\n   * The parent DIV will have a unique ID, and each child DIV will have that ID with the layer name appended, e.g.\n   * if `pages` was ['page', 'fields'] the structure will be:\n   *\n   * ```\n   *     <div id=\"verdocs-document-page-ker2fr1p9\">\n   *       <div id=\"verdocs-document-page-ker2fr1p9-page\"></div>\n   *       <div id=\"verdocs-document-page-ker2fr1p9-fields\"></div>\n   *     </div>\n   * ```\n   */\n  @Prop() layers: IPageLayer[] = [{name: 'page', type: 'canvas'}];\n\n  /**\n   * Fired when a page has been rendered. This is also fired when the page is resized.\n   */\n  @Event() pageRendered: EventEmitter<IDocumentPageInfo>;\n\n  @State() containerId = `verdocs-document-page-${Math.random().toString(36).substring(2, 11)}`;\n\n  @State() renderedWidth: number = 612;\n\n  @State() renderedHeight: number = 792;\n\n  @State() skipFirstNotification = true;\n\n  componentDidLoad(): void {\n    this.resizeObserver = new ResizeObserver(entries => {\n      for (const entry of entries) {\n        const renderedWidth = entry.contentRect.width;\n        this.renderedWidth = renderedWidth;\n        this.renderedHeight = this.virtualHeight * (renderedWidth / this.virtualWidth);\n      }\n\n      this.notifyRenderedSize();\n    });\n\n    this.resizeObserver.observe(this.container);\n  }\n\n  disconnectedCallback() {\n    this.resizeObserver?.disconnect();\n  }\n\n  // Left here for documentation purposes in case we find an edge case where this isn't true. But we apparently don't need this.\n  // When we add the resize observer it will always be triggered at least once so notifying here as well is just a dupe.\n  // componentDidRender() {\n  //   this.notifyRenderedSize();\n  // }\n\n  notifyRenderedSize() {\n    // We skip one notification because by default we will always get at least two, one when rendering the initial size\n    // and a second once we're able to compute the scale size, when the resizeObserver sets renderedWidth/renderedHeight.\n    if (this.skipFirstNotification) {\n      this.skipFirstNotification = false;\n      return;\n    }\n\n    this.pageRendered.emit({\n      container: this.container,\n      containerId: this.containerId,\n      pageNumber: this.pageNumber,\n      virtualWidth: this.virtualWidth,\n      virtualHeight: this.virtualHeight,\n      renderedWidth: this.renderedWidth,\n      renderedHeight: this.renderedHeight,\n      xScale: this.renderedWidth / this.virtualWidth,\n      yScale: this.renderedHeight / this.virtualHeight,\n    });\n  }\n\n  render() {\n    const height = this.renderedHeight + 'px';\n\n    return (\n      <Host id={`${this.containerId}`} style={{height}}>\n        {this.layers.map(layer =>\n          layer.type === 'div' ? (\n            <div class=\"verdocs-document-page-layer\" id={`${this.containerId}-${layer.name}`} style={{height}} />\n          ) : (\n            <img class=\"verdocs-document-page-layer\" id={`${this.containerId}-${layer.name}`} style={{height}} src={this.pageImageUri} alt={`Page ${this.pageNumber}`} />\n            // <canvas class=\"verdocs-document-page-layer\" id={`${this.containerId}-${layer.name}`} style={{height}} />\n          ),\n        )}\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-loader {\n  display: block;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-left: -20px;\n  margin-top: -20px;\n  font-size: 24px;\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  text-indent: -9999em;\n  -webkit-animation: load5 1.1s infinite ease;\n  animation: verdocs-loader-kf 1.1s infinite ease;\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n}\n\n@keyframes verdocs-loader-kf {\n  0%,\n  100% {\n    box-shadow: 0em -2.6em 0em 0em $verdocs-bg-2, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.3), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4);\n  }\n  12.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.4), 1.8em -1.8em 0 0em $verdocs-bg-2, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3);\n  }\n  25% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.3), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4), 2.5em 0em 0 0em $verdocs-bg-2, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n  }\n  37.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3), 2.5em 0em 0 0em rgba(0, 0, 0, 0.4), 1.75em 1.75em 0 0em $verdocs-bg-2,\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n  }\n  50% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.3), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.4),\n      0em 2.5em 0 0em $verdocs-bg-2, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n  }\n  62.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.3),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.4), -1.8em 1.8em 0 0em $verdocs-bg-2, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n  }\n  75% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.3), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.4), -2.6em 0em 0 0em $verdocs-bg-2, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n  }\n  87.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.3), -2.6em 0em 0 0em rgba(0, 0, 0, 0.4), -1.8em -1.8em 0 0em $verdocs-bg-2;\n  }\n}\n","import {Component, h, Host} from '@stencil/core';\n\n/**\n * Animated loader placeholder. There are currently no configuration options for this control.\n */\n@Component({\n  tag: 'verdocs-loader',\n  styleUrl: 'verdocs-loader.scss',\n  shadow: false,\n})\nexport class VerdocsLoader {\n  render() {\n    return <Host />;\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-view {\n  font-family: $verdocs-primary-font;\n  display: flex;\n  padding: 15px;\n  row-gap: 15px;\n  min-height: 200px;\n  position: relative;\n  align-items: center;\n  box-sizing: border-box;\n  flex-direction: column;\n\n  div,\n  canvas {\n    box-sizing: border-box;\n  }\n}\n","// import pdf from 'pdfjs-dist';\nimport {VerdocsEndpoint} from '@verdocs/js-sdk';\n// import * as pdfjsLib from 'pdfjs-dist/legacy/build/pdf';\n// import PDFJSWorker from 'pdfjs-dist/legacy/build/pdf.worker.entry';\n// import {DocumentInitParameters, OnProgressParameters} from 'pdfjs-dist/types/src/display/api';\nimport {Component, h, Element, Event, Host, Prop, EventEmitter, State} from '@stencil/core';\n// import {Component, h, Element, Event, Host, Prop, Watch, EventEmitter, State} from '@stencil/core';\n// import {integerSequence} from '../../../utils/utils';\nimport {IDocumentPageInfo, IPageLayer} from '../../../utils/Types';\nimport {SDKError} from '../../../utils/errors';\nimport {getTemplate} from '@verdocs/js-sdk/Templates/Templates';\nimport {getPageImage} from '@verdocs/js-sdk/Templates/Pages';\nimport {ITemplate} from '@verdocs/js-sdk/Templates/Types';\nimport {integerSequence} from '../../../utils/utils';\n\n// const CMAPS_URL = `https://unpkg.com/pdfjs-dist@${pdfjsLib.version}/cmaps/`;\n\n// pdfjsLib.GlobalWorkerOptions.workerSrc = PDFJSWorker;\n\nexport interface ISourcePageMetrics {\n  width: number;\n  height: number;\n}\n\nexport interface IPageRenderEvent {\n  renderedPage: IDocumentPageInfo;\n  sourcePageMetrics: ISourcePageMetrics;\n  pages: Record<number, IDocumentPageInfo>;\n}\n\n@Component({\n  tag: 'verdocs-view',\n  styleUrl: 'verdocs-view.scss',\n  shadow: false,\n})\nexport class VerdocsView {\n  @Element() component: HTMLElement;\n\n  // private pdfDocument: pdfjsLib.PDFDocumentProxy;\n  // private fingerprints = [] as string[];\n\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The template ID to render\n   */\n  @Prop() templateId: string = '';\n\n  /**\n   * Rotate the PDF in degrees\n   */\n  @Prop() rotation: 0 | 90 | 180 | 270 = 0;\n\n  /**\n   * Layers will be passed through to the individual pages inside this component.\n   */\n  @Prop() pageLayers: IPageLayer[] = [\n    {name: 'page', type: 'canvas'},\n    {name: 'controls', type: 'div'},\n  ];\n\n  /**\n   * Src of the PDF to load and render\n   */\n  @Prop() source: string;\n\n  /**\n   * Listen for changes to src\n   */\n  // @Watch('source')\n  // doSrc(newValue: string | null, oldValue: string | null): void {\n  //   if (newValue === oldValue) {\n  //     return;\n  //   }\n  //   this.loadAndRender(newValue);\n  // }\n\n  /**\n   * Fired when a page has been rendered\n   */\n  @Event() pageRendered: EventEmitter<IPageRenderEvent>;\n\n  /**\n   * Fired when a page has been changed\n   */\n  @Event() pageLoaded: EventEmitter<number>;\n\n  /**\n   * Fired when a page has been changed\n   */\n  @Event() pageChange: EventEmitter<number>;\n\n  /**\n   * Fired when a page has been initialized\n   */\n  @Event() pageInit: EventEmitter<number>;\n\n  /**\n   * Fired when a page has been scaled\n   */\n  @Event() scaleChange: EventEmitter<number>;\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() loadProgress = 0;\n  @State() template: ITemplate | null = null;\n  @State() pageNumbers: number[] = [];\n  @State() pageUris: Record<number, string> = {};\n\n  @State()\n  numPages = 0;\n\n  domPages: Record<number, IDocumentPageInfo> = {};\n\n  sourcePageMetrics: Record<number, {width: number; height: number}> = {};\n\n  componentWillLoad() {\n    this.endpoint.loadSession();\n  }\n\n  // TODO: Handling signing vs preview-as-user cases\n  // TODO: Handle anonymous case and failure to load due to not being logged in\n  async componentDidLoad() {\n    this.endpoint.loadSession();\n\n    if (!this.templateId) {\n      console.log(`[VIEW] Missing required template ID ${this.templateId}`);\n      return;\n    }\n\n    try {\n      console.log(`[VIEW] Loading template ${this.templateId}`);\n      const template = await getTemplate(this.endpoint, this.templateId);\n\n      console.log('[VIEW] Got template', this.template);\n      this.template = template;\n      this.pageNumbers = integerSequence(1, template.pages.length);\n\n      const pageUris: Record<number, string> = {};\n      for await (let page of template.pages) {\n        console.log('[VIEW] Loading page', page);\n        // TODO: Make an endpoint to get all of the pages for a template\n        // TODO: When uploading a new template, pre-process its pages into images and comment that the individual page-loader is a utility,\n        //  not the primary mechanism.\n        const image = await getPageImage(this.endpoint, this.templateId, page.sequence);\n        // TODO: Make this uri to match the rest of the terminology?\n        pageUris[page.sequence] = image.url;\n        console.log('[VIEW] Got image Uri', image.url);\n        this.loadProgress = page.sequence / template.pages.length;\n      }\n\n      this.pageUris = pageUris;\n      this.loadProgress = 100;\n\n      // this.pdfUrl = `${this.endpoint.getBaseURL()}/templates/${this.templateId}/documents/${template.template_document?.id}?file=true`;\n    } catch (e) {\n      console.log('[VIEW] Error loading template', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n    // if (this.source) {\n    //   this.loadAndRender(this.source);\n    // }\n  }\n\n  // Determine whether a page is \"rotated\" (in either direction)\n  // isRotated(rotation) {\n  //   return rotation !== 0 && rotation % 180 !== 0;\n  // }\n\n  // Render one document page. Note that pageNumber is 1-based.\n  async renderPage(pageNumber: number): Promise<void> {\n    const domPage = this.domPages[pageNumber];\n\n    // Two async operations happen here, loading the PDF and rendering the DOM div/canvas placeholders to draw the pages on.\n    if (!domPage) {\n      console.log('[VIEW] Skipping rendering page not yet in DOM', {pageNumber});\n      return;\n    }\n\n    const pageMetrics = this.sourcePageMetrics[pageNumber];\n\n    console.log('[VIEW] Rendering page', {pageNumber, pageMetrics, domPage});\n    try {\n      // const pdfPage = await this.pdfDocument.getPage(pageNumber);\n      // const viewport = pdfPage.getViewport({scale: domPage.xScale});\n      // console.log('[VIEW] Page viewport', domPage.xScale, viewport);\n\n      // const canvas = document.getElementById(`${domPage.containerId}-page`) as HTMLCanvasElement | null;\n      // if (!canvas) {\n      //   console.log('[VIEW] Unable to find canvas element');\n      //   return;\n      // }\n      //\n      // canvas.width = domPage.renderedWidth;\n      // canvas.height = domPage.renderedHeight;\n      // const canvasContext = canvas.getContext('2d');\n      // canvasContext.clearRect(0, 0, domPage.renderedWidth, domPage.renderedHeight);\n      // await pdfPage.render({canvasContext, viewport});\n\n      this.pageRendered.emit({\n        renderedPage: domPage,\n        sourcePageMetrics: pageMetrics,\n        pages: this.domPages,\n      });\n    } catch (e) {\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      console.warn('[VIEW] Error rendering page', e);\n    }\n  }\n\n  // async renderPages(): Promise<void> {\n  //   const pageNumbersToRender = integerSequence(1, this.numPages);\n  //   for await (let pageNumber of pageNumbersToRender) {\n  //     try {\n  //       await this.renderPage(pageNumber);\n  //     } catch (e) {\n  //       this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n  //       console.warn('[VIEW] Error rendering pages', e);\n  //     }\n  //   }\n  // }\n\n  // onProgress(progress: OnProgressParameters) {\n  //   console.log(`[VIEW] Progress ${Math.floor((progress.loaded / progress.total) * 100)} (${progress.loaded} / ${progress.total})`);\n  //   this.loadProgress = Math.floor((100 * progress.loaded) / progress.total);\n  // }\n\n  // After a document is done loading, go through its pages to get their dimensions\n  // async parsePageMetrics(pdfDocument: pdfjsLib.PDFDocumentProxy) {\n  //   const pageNumbersToRender = integerSequence(1, pdfDocument.numPages);\n  //\n  //   for await (let pageNumber of pageNumbersToRender) {\n  //     const pdfPage = await pdfDocument.getPage(1);\n  //     const [pageX0, pageY0, pageX1, pageY1] = pdfPage.view;\n  //     this.sourcePageMetrics[pageNumber] = {width: pageX1 - pageX0, height: pageY1 - pageY0};\n  //   }\n  //\n  //   console.log('[VIEW] Parsed page metrics', this.sourcePageMetrics);\n  // }\n\n  // loadAndRender(src: string): void {\n  //   console.log('[VIEW] Loading', src);\n  //\n  //   const token = this.endpoint.getToken();\n  //   const httpHeaders = token ? {Authorization: `Bearer ${token}`} : {};\n  //\n  //   const source = {\n  //     url: src,\n  //     cMapUrl: CMAPS_URL,\n  //     cMapPacked: true,\n  //     httpHeaders,\n  //     withCredentials: true,\n  //     stopAtErrors: true,\n  //     verbosity: pdfjsLib.VerbosityLevel.WARNINGS,\n  //     // verbosity: pdfjsLib.VerbosityLevel.INFOS,\n  //   } as DocumentInitParameters;\n  //\n  //   // @ts-ignore\n  //   const loadingTask = pdf.getDocument(source, null, null, this.onProgress);\n  //   loadingTask.onProgress = this.onProgress;\n  //   loadingTask.promise\n  //     .then(async (pdfDocument: pdfjsLib.PDFDocumentProxy) => {\n  //       await this.parsePageMetrics(pdfDocument);\n  //\n  //       this.pdfDocument = pdfDocument;\n  //       this.numPages = pdfDocument.numPages;\n  //       this.fingerprints = pdfDocument.fingerprints;\n  //       console.log(`[VIEW] Got PDF document fingerprints \"${this.fingerprints.join(', ')}\", ${this.numPages} page(s)`);\n  //\n  //       // We don't try to render the pages here, setting loadProtress triggers that by adding the individual page entries in\n  //       // DOM in render() below. Each page then fires onPageRendered when it is ready to receive content.\n  //       this.loadProgress = 100;\n  //     })\n  //     .catch(e => {\n  //       this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n  //       console.log('[VIEW] Loading error', e);\n  //     });\n  // }\n\n  async handlePageRendered(e: any) {\n    e.stopPropagation();\n\n    const domPage = e.detail as IDocumentPageInfo;\n    this.domPages[domPage.pageNumber] = domPage;\n    await this.renderPage(domPage.pageNumber);\n  }\n\n  render() {\n    console.log('[VIEW] Loading...', this.loadProgress);\n    if (this.loadProgress < 100) {\n      return (\n        <Host>\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    console.log('[VIEW] Rendering pages', this.pageNumbers, this.pageUris);\n\n    // TODO: Error handling for missing pages. Is it better to skip the page or show a placeholder?\n    return (\n      <Host>\n        {this.pageNumbers.map(pageNumber => (\n          <verdocs-document-page\n            pageImageUri={this.pageUris[pageNumber]}\n            virtualWidth={this.sourcePageMetrics[pageNumber]?.width || 612}\n            virtualHeight={this.sourcePageMetrics[pageNumber]?.height || 792}\n            pageNumber={pageNumber}\n            layers={this.pageLayers}\n            onPageRendered={p => this.handlePageRendered(p)}\n          />\n        ))}\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,n){function o(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function l(e){try{a(n.next(e))}catch(e){r(e)}}function s(e){try{a(n["throw"](e))}catch(e){r(e)}}function a(e){e.done?i(e.value):o(e.value).then(l,s)}a((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,o,r,l;return l={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function s(e){return function(t){return a([e,t])}}function a(l){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,o&&(r=l[0]&2?o["return"]:l[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,l[1])).done)return r;if(o=0,r)l=[l[0]&2,r.value];switch(l[0]){case 0:case 1:r=l;break;case 4:i.label++;return{value:l[1],done:false};case 5:i.label++;o=l[1];l=[0];continue;case 7:l=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(l[0]===6||l[0]===2)){i=0;continue}if(l[0]===3&&(!r||l[1]>r[0]&&l[1]<r[3])){i.label=l[1];break}if(l[0]===6&&i.label<r[1]){i.label=r[1];r=l;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(l);break}if(r[2])i.ops.pop();i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e];o=0}finally{n=r=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-97329951.system.js","./p-05eb4fed.system.js","./p-a4041773.system.js","./p-3035b6c5.system.js"],(function(e){"use strict";var t,i,n,o,r,l,s,a;return{setters:[function(e){t=e.r;i=e.c;n=e.h;o=e.H},function(e){r=e.g},function(e){l=e.a;s=e.g},function(e){a=e.s}],execute:function(){var u='verdocs-field-textbox{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:150px;height:15px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-textbox.disabled{opacity:0.5}verdocs-field-textbox input{width:100%;height:100%;font-size:11px;background:none;font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-textbox input:focus{outline:none}verdocs-field-textbox input.hide{display:none}verdocs-field-textbox.required{border:1px solid #cc0000}verdocs-field-textbox.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-textbox verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-textbox verdocs-button-panel[data-active],verdocs-field-textbox verdocs-button-panel:hover{opacity:1}verdocs-field-textbox verdocs-button-panel .icon svg{fill:#333333}verdocs-field-textbox verdocs-button-panel .icon:hover svg{fill:#000000}';var d='<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>';var c=e("verdocs_field_textbox",function(){function e(e){t(this,e);this.fieldFocus=i(this,"fieldFocus",7);this.fieldBlur=i(this,"fieldBlur",7);this.fieldChange=i(this,"fieldChange",7);this.fieldInput=i(this,"fieldInput",7);this.recipientChanged=i(this,"recipientChanged",7);this.field=null;this.recipient=undefined;this.disabled=false;this.editable=false;this.moveable=false;this.roleindex=0;this.focused=false}e.prototype.focusField=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.focused=true;this.el.focus();this.fieldFocus.emit(true);return[2]}))}))};e.prototype.handleBlur=function(){this.focused=false;this.fieldBlur.emit(true)};e.prototype.handleFocus=function(){this.focused=true;this.fieldFocus.emit(true)};e.prototype.handleChange=function(e){this.fieldChange.emit(e.target.value)};e.prototype.handleInput=function(e){this.fieldInput.emit(e.target.value)};e.prototype.handleChangeRecipient=function(e){var t;console.log("recipient changed",e.detail);(t=this.recipientChanged)===null||t===void 0?void 0:t.emit(e.detail)};e.prototype.render=function(){var e=this;var t,i,u,c;var f=s(this.field);var h=(i=(t=this.disabled)!==null&&t!==void 0?t:f.disabled)!==null&&i!==void 0?i:false;var p=this.field["rgba"]||r(l(a.roleNames,""));return n(o,{class:{focused:this.focused,required:(u=this.field)===null||u===void 0?void 0:u.required,disabled:h},style:{backgroundColor:p}},n("input",{type:"text",placeholder:f===null||f===void 0?void 0:f.placeholder,tabIndex:f===null||f===void 0?void 0:f.order,value:f===null||f===void 0?void 0:f.result,disabled:h,required:(c=this.field)===null||c===void 0?void 0:c.required,ref:function(t){return e.el=t},onBlur:function(){return e.handleBlur()},onFocus:function(){return e.handleFocus()},onChange:function(t){return e.handleChange(t)},onInput:function(t){return e.handleInput(t)}}),this.editable&&n("verdocs-button-panel",{icon:d},n("h6",null,"Field Settings"),n("form",null,n("verdocs-select-input",{label:"Recipient",value:a.roleNames[this.roleindex],options:a.roleNames.map((function(e){return{label:e,value:e}})),onFieldChange:function(t){return e.handleChangeRecipient(t)}}),n("verdocs-text-input",{label:"Field Name",value:"",placeholder:"Stored field name...",onInput:function(e){return console.log("ipt",e)}}),n("verdocs-text-input",{label:"Placeholder",value:"",placeholder:"Placeholder text...",onInput:function(e){return console.log("ipt",e)}}))))};return e}());c.style=u}}}));
-//# sourceMappingURL=p-1ec3941b.system.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/elements/verdocs-field-textbox/verdocs-field-textbox.scss?tag=verdocs-field-textbox","src/components/elements/verdocs-field-textbox/verdocs-field-textbox.tsx"],"names":["verdocsFieldTextboxCss","settingsIcon","VerdocsFieldTextbox","exports","class_1","prototype","focusField","this","focused","el","focus","fieldFocus","emit","handleBlur","fieldBlur","handleFocus","handleChange","e","fieldChange","target","value","handleInput","fieldInput","handleChangeRecipient","console","log","detail","_a","recipientChanged","render","_this","settings","getFieldSettings","field","disabled","_b","backgroundColor","getRGBA","getRoleIndex","TemplateStore","roleNames","h","Host","class","required","_c","style","type","placeholder","tabIndex","order","result","_d","ref","onBlur","onFocus","onChange","onInput","editable","icon","label","roleindex","options","map","role","onFieldChange"],"mappings":"quDAAA,IAAMA,EAAyB,qvCCO/B,IAAMC,EACJ,6rCAUWC,EAAmBC,EAAA,wBAAA,6PAM0B,4CAU3B,oBAMA,oBAKA,qBAKA,eA6BV,MAEHC,EAAAC,UAAAC,WAAN,gGACRC,KAAKC,QAAU,KACfD,KAAKE,GAAGC,QACRH,KAAKI,WAAWC,KAAK,uBAGvBR,EAAAC,UAAAQ,WAAA,WACEN,KAAKC,QAAU,MACfD,KAAKO,UAAUF,KAAK,OAGtBR,EAAAC,UAAAU,YAAA,WACER,KAAKC,QAAU,KACfD,KAAKI,WAAWC,KAAK,OAGvBR,EAAAC,UAAAW,aAAA,SAAaC,GACXV,KAAKW,YAAYN,KAAKK,EAAEE,OAAOC,QAGjChB,EAAAC,UAAAgB,YAAA,SAAYJ,GACVV,KAAKe,WAAWV,KAAKK,EAAEE,OAAOC,QAGhChB,EAAAC,UAAAkB,sBAAA,SAAsBN,SACpBO,QAAQC,IAAI,oBAAqBR,EAAES,SACnCC,EAAApB,KAAKqB,oBAAgB,MAAAD,SAAA,OAAA,EAAAA,EAAEf,KAAKK,EAAES,SAGhCtB,EAAAC,UAAAwB,OAAA,WAAA,IAAAC,EAAAvB,iBACE,IAAMwB,EAAWC,EAAiBzB,KAAK0B,OACvC,IAAIC,GAAWC,GAAAR,EAAApB,KAAK2B,YAAQ,MAAAP,SAAA,EAAAA,EAAII,EAASG,YAAQ,MAAAC,SAAA,EAAAA,EAAI,MAErD,IAAMC,EAAkB7B,KAAK0B,MAAM,SAAWI,EAAQC,EAAaC,EAAcC,UAAW,KAE5F,OACEC,EAACC,EAAI,CAACC,MAAO,CAACnC,QAASD,KAAKC,QAASoC,UAAUC,EAAAtC,KAAK0B,SAAK,MAAAY,SAAA,OAAA,EAAAA,EAAED,SAAUV,SAAQA,GAAGY,MAAO,CAACV,gBAAeA,IACrGK,EAAA,QAAA,CACEM,KAAK,OACLC,YAAajB,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUiB,YACvBC,SAAUlB,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUmB,MACpB9B,MAAOW,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUoB,OACjBjB,SAAUA,EACVU,UAAUQ,EAAA7C,KAAK0B,SAAK,MAAAmB,SAAA,OAAA,EAAAA,EAAER,SACtBS,IAAK,SAAA5C,GAAE,OAAKqB,EAAKrB,GAAKA,GACtB6C,OAAQ,WAAM,OAAAxB,EAAKjB,cACnB0C,QAAS,WAAM,OAAAzB,EAAKf,eACpByC,SAAU,SAAAvC,GAAK,OAAAa,EAAKd,aAAaC,IACjCwC,QAAS,SAAAxC,GAAK,OAAAa,EAAKT,YAAYJ,MAGhCV,KAAKmD,UACJjB,EAAA,uBAAA,CAAsBkB,KAAM1D,GAC1BwC,EAAA,KAAA,KAAA,kBACAA,EAAA,OAAA,KACEA,EAAA,uBAAA,CACEmB,MAAM,YACNxC,MAAOmB,EAAcC,UAAUjC,KAAKsD,WACpCC,QAASvB,EAAcC,UAAUuB,KAAI,SAAAC,GAAI,MAAA,CAAMJ,MAAOI,EAAM5C,MAAO4C,MACnEC,cAAe,SAAAhD,GAAK,OAAAa,EAAKP,sBAAsBN,MAGjDwB,EAAA,qBAAA,CAAoBmB,MAAM,aAAaxC,MAAM,GAAG4B,YAAY,uBAAuBS,QAAS,SAAAxC,GAAK,OAAAO,QAAQC,IAAI,MAAOR,MACpHwB,EAAA,qBAAA,CAAoBmB,MAAM,cAAcxC,MAAM,GAAG4B,YAAY,sBAAsBS,QAAS,SAAAxC,GAAK,OAAAO,QAAQC,IAAI,MAAOR,mBA9HlG","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-field-textbox {\n  font-family: $verdocs-primary-font;\n  width: 150px;\n  height: 15px;\n  display: block;\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  input {\n    width: 100%;\n    height: 100%;\n    font-size: 11px;\n    background: none;\n    font-weight: 500;\n    transform-origin: 0 0;\n    box-sizing: border-box;\n    color: rgba(0, 0, 0, 0.87);\n    border: 1px solid rgba(0, 0, 0, 0.2);\n\n    &:focus {\n      outline: none;\n    }\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 {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField, IRecipient} from '@verdocs/js-sdk/Documents/Types';\nimport {Component, h, Host, Prop, Event, EventEmitter, State, Method} from '@stencil/core';\nimport {getFieldSettings, getRoleIndex} from '../../../utils/utils';\nimport TemplateStore from '../../../utils/templateStore';\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 * Display a text input field.\n */\n@Component({\n  tag: 'verdocs-field-textbox',\n  styleUrl: 'verdocs-field-textbox.scss',\n  shadow: false,\n})\nexport class VerdocsFieldTextbox {\n  private el: HTMLInputElement;\n\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   * 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 fired when the input field loses focus.\n   */\n  @Event({composed: true}) fieldFocus: EventEmitter<boolean>;\n\n  /**\n   * Event fired when the input field gains focus.\n   */\n  @Event({composed: true}) fieldBlur: EventEmitter<boolean>;\n\n  /**\n   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\n   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\n   * keypress.\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<string>;\n\n  /**\n   * Event fired on every character entered into / deleted from the field.\n   */\n  @Event({composed: true}) fieldInput: EventEmitter<string>;\n\n  /**\n   * Event fired if the field is configurable when the recipient has changed.\n   */\n  @Event({composed: true}) recipientChanged: EventEmitter<string>;\n\n  @State() focused = false;\n\n  @Method() async focusField() {\n    this.focused = true;\n    this.el.focus();\n    this.fieldFocus.emit(true);\n  }\n\n  handleBlur() {\n    this.focused = false;\n    this.fieldBlur.emit(true);\n  }\n\n  handleFocus() {\n    this.focused = true;\n    this.fieldFocus.emit(true);\n  }\n\n  handleChange(e: any) {\n    this.fieldChange.emit(e.target.value);\n  }\n\n  handleInput(e: any) {\n    this.fieldInput.emit(e.target.value);\n  }\n\n  handleChangeRecipient(e: any) {\n    console.log('recipient changed', e.detail);\n    this.recipientChanged?.emit(e.detail);\n  }\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    let disabled = this.disabled ?? settings.disabled ?? false;\n    // this.roleindex\n    const backgroundColor = this.field['rgba'] || getRGBA(getRoleIndex(TemplateStore.roleNames, ''));\n\n    return (\n      <Host class={{focused: this.focused, required: this.field?.required, disabled}} style={{backgroundColor}}>\n        <input\n          type=\"text\"\n          placeholder={settings?.placeholder}\n          tabIndex={settings?.order}\n          value={settings?.result}\n          disabled={disabled}\n          required={this.field?.required}\n          ref={el => (this.el = el)}\n          onBlur={() => this.handleBlur()}\n          onFocus={() => this.handleFocus()}\n          onChange={e => this.handleChange(e)}\n          onInput={e => this.handleInput(e)}\n        />\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                value={TemplateStore.roleNames[this.roleindex]}\n                options={TemplateStore.roleNames.map(role => ({label: role, value: role}))}\n                onFieldChange={e => this.handleChangeRecipient(e)}\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"]}

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

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,r){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function s(e){try{l(r["throw"](e))}catch(e){i(e)}}function l(e){e.done?n(e.value):o(e.value).then(a,s)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,o,i,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 l([e,t])}}function l(a){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,o&&(i=a[0]&2?o["return"]:a[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,a[1])).done)return i;if(o=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;o=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){n.label=a[1];break}if(a[0]===6&&n.label<i[1]){n.label=i[1];i=a;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(a);break}if(i[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(e){a=[6,e];o=0}finally{r=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-97329951.system.js","./p-a7433630.system.js","./p-7a63bdd1.system.js","./p-a4041773.system.js","./p-3035b6c5.system.js","./p-db54004b.system.js","./p-187b20b7.system.js","./p-d84dbdf9.system.js","./p-df878df9.system.js"],(function(e){"use strict";var t,n,r,o,i,a,s,l,u,c;return{setters:[function(e){t=e.r;n=e.c;r=e.h;o=e.H},function(){},function(e){i=e.V},function(e){a=e.r;s=e.a},function(e){l=e.s},function(e){u=e.l},function(e){c=e.S},function(){},function(){}],execute:function(){var d="";var p=e("verdocs_preview",function(){function e(e){t(this,e);this.sdkError=n(this,"sdkError",7);this.endpoint=i.getDefault();this.templateId=null}e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,n,r;return __generator(this,(function(o){switch(o.label){case 0:this.endpoint.loadSession();if(!this.templateId){console.log("[PREVIEW] Missing required template ID ".concat(this.templateId));return[2]}o.label=1;case 1:o.trys.push([1,3,,4]);console.log("[PREVIEW] Loading template ".concat(this.templateId));return[4,u(this.endpoint,this.templateId)];case 2:o.sent();return[3,4];case 3:r=o.sent();console.log("[PREVIEW] Error loading template",r);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new c(r.message,(t=r.response)===null||t===void 0?void 0:t.status,(n=r.response)===null||n===void 0?void 0:n.data));return[3,4];case 4:return[2]}}))}))};e.prototype.handleFieldChange=function(e,t,n){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){console.log("[PREVIEW] handleFieldChange",e,t,n);return[2]}))}))};e.prototype.handlePageRendered=function(e){var t=this;var n=e.detail;console.log("[PREVIEW] Page rendered",n);var r=l.fields.filter((function(e){return e.page_sequence===n.renderedPage.pageNumber}));console.log("[PREVIEW] Fields on page",r);r.forEach((function(e){return a(e,n.renderedPage,s(l.roleNames,e.role_name),t.handleFieldChange,true)}))};e.prototype.render=function(){var e=this;if(l.loading){return r(o,null,r("verdocs-loader",null))}return r(o,null,l.template?r("div",{class:"inner"},r("verdocs-view",{templateId:this.templateId,endpoint:this.endpoint,onPageRendered:function(t){return e.handlePageRendered(t)},pageLayers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})):r("div",null,"Error loading Template. Please try again later."))};return e}());p.style=d}}}));
-//# sourceMappingURL=p-2f4c5964.system.entry.js.map

package/dist/verdocs-web-sdk/p-42ee012b.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-97329951.system.js","./p-a7433630.system.js","./p-7a63bdd1.system.js"],(function(e){"use strict";var t,o,n,a;return{setters:[function(e){t=e.r;o=e.c;n=e.h},function(){},function(e){a=e.V}],execute:function(){var s='verdocs-contact-picker{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-contact-picker form{background-color:#f5f5fa;padding:12px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-contact-picker form .row{width:300px;display:-ms-flexbox;display:flex;position:relative;margin:0 0 20px 0;-ms-flex-direction:column;flex-direction:column}verdocs-contact-picker form label{display:block;font-size:14px;font-weight:500;margin:0 0 4px 0;color:#5c6575}verdocs-contact-picker form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-contact-picker form input:focus{outline:none}verdocs-contact-picker form .dropdown{left:0;right:0;top:49px;z-index:100;position:absolute;background:#ffffff;-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1)}verdocs-contact-picker form .dropdown .suggestion{display:-ms-flexbox;display:flex;padding:6px 12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .dropdown .suggestion svg{fill:#666666}verdocs-contact-picker form .dropdown .suggestion .avatar{width:48px;height:48px;-ms-flex:0 0 48px;flex:0 0 48px;margin-right:8px;border-radius:100%}verdocs-contact-picker form .dropdown .suggestion .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-contact-picker form .dropdown .suggestion .name{font-size:16px;font-weight:500;margin-bottom:3px;color:#092c4c}verdocs-contact-picker form .dropdown .suggestion .destination{font-size:14px;margin-bottom:3px;color:#33364b}verdocs-contact-picker form .dropdown .suggestion:hover{background:#eee;cursor:pointer}verdocs-contact-picker .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-contact-picker ::-webkit-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-moz-placeholder{color:#aaaaaa}verdocs-contact-picker :-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::placeholder{color:#aaaaaa}';var i='<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiBox-root css-1om0hkc" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"></path></svg>';var c='<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSvgIcon-root MuiSvgIcon-fontSizeLarge css-zjt8k" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="AssignmentIndIcon" tabindex="-1" title="AssignmentInd"><path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0 4c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H6v-1.4c0-2 4-3.1 6-3.1s6 1.1 6 3.1V19z"></path></svg>';var r='<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSvgIcon-root MuiSvgIcon-fontSizeLarge css-zjt8k" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="AccountCircleIcon" tabindex="-1" title="AccountCircle"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm0 14c-2.03 0-4.43-.82-6.14-2.88C7.55 15.8 9.68 15 12 15s4.45.8 6.14 2.12C16.43 19.18 14.03 20 12 20z"></path></svg>';var l=e("verdocs_contact_picker",function(){function e(e){t(this,e);this.searchContacts=o(this,"searchContacts",7);this.cancel=o(this,"cancel",7);this.contactSelected=o(this,"contactSelected",7);this.endpoint=a.getDefault();this.templateRole=null;this.contactSuggestions=[];this.name=undefined;this.email=undefined;this.phone=undefined;this.message=undefined;this.showSuggestions=false;this.showMessage=false;this.delegator=false}e.prototype.componentWillLoad=function(){if(this.templateRole){this.name=this.templateRole.full_name||"";this.email=this.templateRole.email||"";this.phone=this.templateRole.phone||"";this.delegator=this.templateRole.delegator||false;this.message=this.templateRole.message||"";this.showMessage=this.message!==""}};e.prototype.handleNameChange=function(e){var t;this.name=e.target.value;(t=this.searchContacts)===null||t===void 0?void 0:t.emit({query:this.name})};e.prototype.handleEmailChange=function(e){this.email=e.target.value};e.prototype.handlePhoneChange=function(e){this.phone=e.target.value};e.prototype.handleMessageChange=function(e){this.message=e.target.value};e.prototype.handleCancel=function(e){var t;e.stopPropagation();this.showSuggestions=false;(t=this.cancel)===null||t===void 0?void 0:t.emit()};e.prototype.handleSubmit=function(e){var t;e.stopPropagation();this.showSuggestions=false;(t=this.contactSelected)===null||t===void 0?void 0:t.emit({full_name:this.name,email:this.email,phone:this.phone,message:this.message,delegator:this.delegator})};e.prototype.handleSelectSuggestion=function(e,t){e.stopPropagation();this.name=t.name;this.email=t.email;this.phone=t.phone;this.showSuggestions=false};e.prototype.render=function(){var e=this;return n("form",{onSubmit:function(e){return e.preventDefault()},onClick:function(e){return e.stopPropagation()},autocomplete:"off"},n("div",{class:"row"},n("label",{htmlFor:"verdocs-contact-picker-name"},"Name:"),n("input",{id:"verdocs-contact-picker-name",name:"verdocs-contact-picker-name",type:"text","data-lpignore":"true",autocomplete:"off",value:this.name,placeholder:"Recipient Name...",onFocus:function(){var t;return e.showSuggestions=((t=e.contactSuggestions)===null||t===void 0?void 0:t.length)>0},onInput:function(t){return e.handleNameChange(t)}}),this.showSuggestions&&n("div",{class:"dropdown"},this.contactSuggestions.map((function(t){var o;return n("div",{key:(o=t.id)!==null&&o!==void 0?o:t.name,class:"suggestion",onClick:function(o){return e.handleSelectSuggestion(o,t)}},t.avatar?n("img",{alt:"Avatar",class:"avatar",src:t.avatar}):n("div",{class:"avatar",innerHTML:r}),n("div",{class:"details"},n("div",{class:"name"},t.name),t.email&&n("div",{class:"destination"},t.email),t.phone&&n("div",{class:"destination"},t.phone)))})))),n("div",{class:"row"},n("label",{htmlFor:"verdocs-contact-picker-email"},"Email:"),n("input",{id:"verdocs-contact-picker-email",name:"verdocs-contact-picker-email",type:"text","data-lpignore":"true",autocomplete:"off",value:this.email,placeholder:"Email Address...",onFocus:function(){return e.showSuggestions=false},onInput:function(t){return e.handleEmailChange(t)}})),n("div",{class:"row"},n("label",{htmlFor:"verdocs-contact-picker-phone"},"Phone:"),n("input",{id:"verdocs-contact-picker-phone",name:"verdocs-contact-picker-phone",type:"text","data-lpignore":"true",autocomplete:"off",value:this.phone,placeholder:"Phone Number...",onFocus:function(){return e.showSuggestions=false},onInput:function(t){return e.handlePhoneChange(t)}})),this.showMessage&&n("div",{class:"row"},n("label",{htmlFor:"verdocs-contact-picker-message"},"Message:"),n("input",{id:"verdocs-contact-picker-message",name:"verdocs-contact-picker-message",type:"text","data-lpignore":"true",autocomplete:"off",value:this.message,placeholder:"Invitation Message...",onFocus:function(){return e.showSuggestions=false},onInput:function(t){return e.handleMessageChange(t)}})),n("div",{class:"buttons"},n("verdocs-toggle-button",{icon:i,size:"small",active:this.showMessage,onToggle:function(t){e.showMessage=t.detail.active;e.showSuggestions=false}}),n("verdocs-toggle-button",{icon:c,size:"small",active:this.delegator,onToggle:function(t){e.delegator=t.detail.active;e.showSuggestions=false}}),n("div",{class:"flex-fill"}),n("verdocs-button",{variant:"outline",label:"Cancel",size:"small",onPress:function(t){return e.handleCancel(t)}}),n("verdocs-button",{label:"OK",size:"small",onPress:function(t){return e.handleSubmit(t)}})))};return e}());l.style=s}}}));
-//# sourceMappingURL=p-42ee012b.system.entry.js.map

package/dist/verdocs-web-sdk/p-42ee012b.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/elements/verdocs-contact-picker/verdocs-contact-picker.scss?tag=verdocs-contact-picker","src/components/elements/verdocs-contact-picker/verdocs-contact-picker.tsx"],"names":["verdocsContactPickerCss","messageIcon","delegateIcon","placeholderIcon","VerdocsContactPicker","exports","VerdocsEndpoint","getDefault","class_1","prototype","componentWillLoad","this","templateRole","name","full_name","email","phone","delegator","message","showMessage","handleNameChange","e","target","value","_a","searchContacts","emit","query","handleEmailChange","handlePhoneChange","handleMessageChange","handleCancel","stopPropagation","showSuggestions","cancel","handleSubmit","contactSelected","handleSelectSuggestion","suggestion","render","_this","h","onSubmit","preventDefault","onClick","autocomplete","class","htmlFor","id","type","data-lpignore","placeholder","onFocus","contactSuggestions","length","onInput","map","key","avatar","alt","src","innerHTML","icon","size","active","onToggle","detail","variant","label","onPress"],"mappings":"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","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-contact-picker {\n  font-family: $verdocs-primary-font;\n\n  form {\n    background-color: $verdocs-grey-3;\n    padding: 12px;\n    display: flex;\n    flex-direction: column;\n\n    .row {\n      width: 300px;\n      display: flex;\n      position: relative;\n      margin: 0 0 20px 0;\n      flex-direction: column;\n    }\n\n    label {\n      display: block;\n      font-size: 14px;\n      font-weight: 500;\n      margin: 0 0 4px 0;\n      color: $verdocs-bg-4;\n    }\n\n    input {\n      border: none;\n      font-size: 18px;\n      padding: 3px 6px 3px 0;\n      background: transparent;\n      border-bottom: 1px solid $verdocs-dark-blue;\n\n      &:focus {\n        outline: none;\n      }\n    }\n\n    .dropdown {\n      left: 0;\n      right: 0;\n      top: 49px;\n      z-index: 100;\n      position: absolute;\n      background: #ffffff;\n      box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);\n\n      .suggestion {\n        display: flex;\n        padding: 6px 12px;\n        align-items: center;\n        flex-direction: row;\n\n        svg {\n          fill: #666666;\n        }\n\n        .avatar {\n          width: 48px;\n          height: 48px;\n          flex: 0 0 48px;\n          margin-right: 8px;\n          border-radius: 100%;\n        }\n\n        .details {\n          display: flex;\n          flex-direction: column;\n        }\n\n        .name {\n          font-size: 16px;\n          font-weight: 500;\n          margin-bottom: 3px;\n          color: $verdocs-grey-0;\n        }\n\n        .destination {\n          font-size: 14px;\n          margin-bottom: 3px;\n          color: $verdocs-grey-1;\n        }\n\n        &:hover {\n          background: #eee;\n          cursor: pointer;\n        }\n      }\n    }\n  }\n\n  .buttons {\n    display: flex;\n    column-gap: 8px;\n    margin-top: 16px;\n    flex-direction: row;\n\n    .flex-fill {\n      flex: 1;\n    }\n  }\n\n  ::placeholder {\n    color: $verdocs-bg-2;\n  }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {IRole} from '@verdocs/js-sdk/Templates/Types';\nimport {Component, h, Event, EventEmitter, Prop, State} from '@stencil/core';\n\nconst messageIcon =\n  '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiBox-root css-1om0hkc\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z\"></path></svg>';\n\nconst delegateIcon =\n  '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSvgIcon-root MuiSvgIcon-fontSizeLarge css-zjt8k\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" data-testid=\"AssignmentIndIcon\" tabindex=\"-1\" title=\"AssignmentInd\"><path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0 4c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H6v-1.4c0-2 4-3.1 6-3.1s6 1.1 6 3.1V19z\"></path></svg>';\n\nconst placeholderIcon =\n  '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSvgIcon-root MuiSvgIcon-fontSizeLarge css-zjt8k\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" data-testid=\"AccountCircleIcon\" tabindex=\"-1\" title=\"AccountCircle\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm0 14c-2.03 0-4.43-.82-6.14-2.88C7.55 15.8 9.68 15 12 15s4.45.8 6.14 2.12C16.43 19.18 14.03 20 12 20z\"></path></svg>';\n\nexport interface IContactSearchEvent {\n  // The text the user has entered in the search field\n  query: string;\n}\n\nexport interface IContactSelectEvent {\n  full_name: string;\n  email: string;\n  phone: string;\n  message: string;\n  delegator: boolean;\n}\n\nexport interface IEmailContact {\n  // Optional but recommended. An internal identifier used to identify the contact in the calling system.\n  id?: any;\n\n  // The user's avatar. If not set, a placeholder will be shown. To hide avatars entirely, use CSS to set\n  // `verdocs-contact-picker .avatar { display: none; }`\n  avatar?: string;\n\n  // The recipient's name, as it should be displayed to the user.\n  name: string;\n\n  // The email address for the contact.\n  email: string;\n\n  // An optional phone number for the contact. This number must be able SMS messages. If both email and phone are provided,\n  // notifications will be sent to both locations.\n  phone?: string;\n\n  [key: string]: any;\n}\n\nexport interface IPhoneContact {\n  // Optional but recommended. An internal identifier used to identify the contact in the calling system.\n  id?: any;\n\n  // The user's avatar. If not set, a placeholder will be shown. To hide avatars entirely, use CSS to set\n  // `verdocs-contact-picker .avatar { display: none; }`\n  avatar?: string;\n\n  // The recipient's name, as it should be displayed to the user.\n  name: string;\n\n  // The email address for the contact.\n  email?: string;\n\n  // An optional phone number for the contact. This number must be able SMS messages. If both email and phone are provided,\n  // notifications will be sent to both locations.\n  phone: string;\n\n  [key: string]: any;\n}\n\n/**\n * Displays a contact picker suitable for filling out Recipient objects when sending Documents.\n *\n * This picker can also be integrated with a backend to provide contact list / suggestion / address-book style behavior. As the\n * user interacts with the component, the text entered in the name field is sent back to the parent via the `searchContacts` event.\n * The parent can use that text as a query string to call a backend to obtain appropriate contacts to show. This list may also be\n * hard-coded ahead of time to provide the user with smart suggestions on initial display, such as \"Recently Used\" contacts, or\n * to always display the user's own contact record.\n */\n@Component({\n  tag: 'verdocs-contact-picker',\n  styleUrl: 'verdocs-contact-picker.scss',\n  shadow: false,\n})\nexport class VerdocsContactPicker {\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 role that this contact will be assigned to.\n   */\n  @Prop() templateRole: IRole | null = null;\n\n  /**\n   * If set, suggestions will be displayed in a drop-down list to the user. It is recommended that the number\n   * of suggestions be limited to the 5 best matching records.\n   */\n  @Prop() contactSuggestions: (IEmailContact | IPhoneContact)[] = [];\n\n  /**\n   * Event fired when the user enters text in the search field. The calling application may use this to update\n   * the `contactSuggestions` property.\n   */\n  @Event({composed: true}) searchContacts: EventEmitter<IContactSearchEvent>;\n\n  /**\n   * Event fired when the user cancels the dialog.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  /**\n   * Event fired when the user changes the type.\n   */\n  @Event({composed: true}) contactSelected: EventEmitter<IContactSelectEvent>;\n\n  @State() name: string;\n  @State() email: string;\n  @State() phone: string;\n  @State() message: string;\n  @State() showSuggestions: boolean = false;\n  @State() showMessage: boolean = false;\n  @State() delegator: boolean = false;\n\n  componentWillLoad() {\n    if (this.templateRole) {\n      this.name = this.templateRole.full_name || '';\n      this.email = this.templateRole.email || '';\n      this.phone = this.templateRole.phone || '';\n      this.delegator = this.templateRole.delegator || false;\n      this.message = this.templateRole.message || '';\n      this.showMessage = this.message !== '';\n    }\n  }\n\n  handleNameChange(e: any) {\n    this.name = e.target.value;\n    this.searchContacts?.emit({query: this.name});\n  }\n\n  handleEmailChange(e: any) {\n    this.email = e.target.value;\n  }\n\n  handlePhoneChange(e: any) {\n    this.phone = e.target.value;\n  }\n\n  handleMessageChange(e: any) {\n    this.message = e.target.value;\n  }\n\n  handleCancel(e) {\n    e.stopPropagation();\n    this.showSuggestions = false;\n    this.cancel?.emit();\n  }\n\n  handleSubmit(e) {\n    e.stopPropagation();\n\n    this.showSuggestions = false;\n    this.contactSelected?.emit({\n      full_name: this.name,\n      email: this.email,\n      phone: this.phone,\n      message: this.message,\n      delegator: this.delegator,\n    });\n  }\n\n  handleSelectSuggestion(e: any, suggestion: IEmailContact | IPhoneContact) {\n    e.stopPropagation();\n\n    this.name = suggestion.name;\n    this.email = suggestion.email;\n    this.phone = suggestion.phone;\n    this.showSuggestions = false;\n  }\n\n  render() {\n    return (\n      <form onSubmit={e => e.preventDefault()} onClick={e => e.stopPropagation()} autocomplete=\"off\">\n        <div class=\"row\">\n          <label htmlFor=\"verdocs-contact-picker-name\">Name:</label>\n          <input\n            id=\"verdocs-contact-picker-name\"\n            name=\"verdocs-contact-picker-name\"\n            type=\"text\"\n            data-lpignore=\"true\"\n            autocomplete=\"off\"\n            value={this.name}\n            placeholder=\"Recipient Name...\"\n            onFocus={() => (this.showSuggestions = this.contactSuggestions?.length > 0)}\n            // onBlur={() => (this.showSuggestions = false)}\n            onInput={e => this.handleNameChange(e)}\n          />\n\n          {this.showSuggestions && (\n            <div class=\"dropdown\">\n              {this.contactSuggestions.map(suggestion => (\n                <div key={suggestion.id ?? suggestion.name} class=\"suggestion\" onClick={e => this.handleSelectSuggestion(e, suggestion)}>\n                  {suggestion.avatar ? <img alt=\"Avatar\" class=\"avatar\" src={suggestion.avatar} /> : <div class=\"avatar\" innerHTML={placeholderIcon} />}\n                  <div class=\"details\">\n                    <div class=\"name\">{suggestion.name}</div>\n                    {suggestion.email && <div class=\"destination\">{suggestion.email}</div>}\n                    {suggestion.phone && <div class=\"destination\">{suggestion.phone}</div>}\n                  </div>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n\n        <div class=\"row\">\n          <label htmlFor=\"verdocs-contact-picker-email\">Email:</label>\n          <input\n            id=\"verdocs-contact-picker-email\"\n            name=\"verdocs-contact-picker-email\"\n            type=\"text\"\n            data-lpignore=\"true\"\n            autocomplete=\"off\"\n            value={this.email}\n            placeholder=\"Email Address...\"\n            onFocus={() => (this.showSuggestions = false)}\n            onInput={e => this.handleEmailChange(e)}\n          />\n        </div>\n\n        <div class=\"row\">\n          <label htmlFor=\"verdocs-contact-picker-phone\">Phone:</label>\n          <input\n            id=\"verdocs-contact-picker-phone\"\n            name=\"verdocs-contact-picker-phone\"\n            type=\"text\"\n            data-lpignore=\"true\"\n            autocomplete=\"off\"\n            value={this.phone}\n            placeholder=\"Phone Number...\"\n            onFocus={() => (this.showSuggestions = false)}\n            onInput={e => this.handlePhoneChange(e)}\n          />\n        </div>\n\n        {this.showMessage && (\n          <div class=\"row\">\n            <label htmlFor=\"verdocs-contact-picker-message\">Message:</label>\n            <input\n              id=\"verdocs-contact-picker-message\"\n              name=\"verdocs-contact-picker-message\"\n              type=\"text\"\n              data-lpignore=\"true\"\n              autocomplete=\"off\"\n              value={this.message}\n              placeholder=\"Invitation Message...\"\n              onFocus={() => (this.showSuggestions = false)}\n              onInput={e => this.handleMessageChange(e)}\n            />\n          </div>\n        )}\n\n        <div class=\"buttons\">\n          <verdocs-toggle-button\n            icon={messageIcon}\n            size=\"small\"\n            active={this.showMessage}\n            onToggle={e => {\n              this.showMessage = e.detail.active;\n              this.showSuggestions = false;\n            }}\n          />\n          <verdocs-toggle-button\n            icon={delegateIcon}\n            size=\"small\"\n            active={this.delegator}\n            onToggle={e => {\n              this.delegator = e.detail.active;\n              this.showSuggestions = false;\n            }}\n          />\n\n          <div class=\"flex-fill\" />\n\n          <verdocs-button variant=\"outline\" label=\"Cancel\" size=\"small\" onPress={e => this.handleCancel(e)} />\n          <verdocs-button label=\"OK\" size=\"small\" onPress={e => this.handleSubmit(e)} />\n        </div>\n      </form>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-476f20a0.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as s,H as o}from"./p-ff1278ed.js";const a=`<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>`;const i='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%}';const n=class{constructor(s){e(this,s);this.organization=undefined}render(){console.log("org",JSON.stringify(this.organization,null,2));return s(o,null,s("span",{class:"icon",innerHTML:a}),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"))))}};n.style=i;export{n as verdocs_organization_card};
-//# sourceMappingURL=p-476f20a0.entry.js.map

package/dist/verdocs-web-sdk/p-476f20a0.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","[object Object]","console","log","JSON","stringify","this","organization","h","Host","class","innerHTML","UserGroup","name"],"mappings":"okCAAA,MAAMA,EAA6B,8iDCWtBC,EAAuB,2DAMlCC,SACEC,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","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-4b89126c.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as s,h as o,H as r}from"./p-ff1278ed.js";import"./p-8efc9749.js";import{V as t}from"./p-10d804cf.js";import{r as i,a}from"./p-7ce27ce2.js";import{s as n}from"./p-8fd9dc5a.js";import{l as d}from"./p-8cb4e511.js";import{S as l}from"./p-7a1b2643.js";import"./p-6de53dcc.js";import"./p-d534fffb.js";const c="";const p=class{constructor(o){e(this,o);this.sdkError=s(this,"sdkError",7);this.endpoint=t.getDefault();this.templateId=null}async componentDidLoad(){var e,s,o;this.endpoint.loadSession();if(!this.templateId){console.log(`[PREVIEW] Missing required template ID ${this.templateId}`);return}try{console.log(`[PREVIEW] Loading template ${this.templateId}`);await d(this.endpoint,this.templateId)}catch(r){console.log("[PREVIEW] Error loading template",r);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new l(r.message,(s=r.response)===null||s===void 0?void 0:s.status,(o=r.response)===null||o===void 0?void 0:o.data))}}async handleFieldChange(e,s,o){console.log("[PREVIEW] handleFieldChange",e,s,o)}handlePageRendered(e){const s=e.detail;console.log("[PREVIEW] Page rendered",s);const o=n.fields.filter((e=>e.page_sequence===s.renderedPage.pageNumber));console.log("[PREVIEW] Fields on page",o);o.forEach((e=>i(e,s.renderedPage,a(n.roleNames,e.role_name),this.handleFieldChange,true)))}render(){if(n.loading){return o(r,null,o("verdocs-loader",null))}return o(r,null,n.template?o("div",{class:"inner"},o("verdocs-view",{templateId:this.templateId,endpoint:this.endpoint,onPageRendered:e=>this.handlePageRendered(e),pageLayers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})):o("div",null,"Error loading Template. Please try again later."))}};p.style=c;export{p as verdocs_preview};
-//# sourceMappingURL=p-4b89126c.entry.js.map

package/dist/verdocs-web-sdk/p-513168f7.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as s,h as t,H as o}from"./p-ff1278ed.js";const i='verdocs-checkbox{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-checkbox.disabled{opacity:0.5}verdocs-checkbox.hide{display:none}verdocs-checkbox.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-checkbox input[type=checkbox]{width:18px;height:18px}';const c=class{constructor(t){e(this,t);this.selected=s(this,"selected",7);this.checked=false;this.name="";this.value="";this.disabled=false}handleChange(e){console.log("changed",e.target.checked);this.selected.emit({value:this.value})}render(){return t(o,{class:{disabled:this.disabled}},t("input",{type:"checkbox",value:this.value,name:this.name,id:`verdocs-checkbox-${this.name}-${this.value}`,checked:this.checked,disabled:this.disabled,onChange:e=>this.handleChange(e)}))}};c.style=i;export{c as verdocs_checkbox};
-//# sourceMappingURL=p-513168f7.entry.js.map

package/dist/verdocs-web-sdk/p-513168f7.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/controls/verdocs-checkbox/verdocs-checkbox.scss?tag=verdocs-checkbox","src/components/controls/verdocs-checkbox/verdocs-checkbox.tsx"],"names":["verdocsCheckboxCss","VerdocsCheckbox","[object Object]","e","console","log","target","checked","this","selected","emit","value","h","Host","class","disabled","type","name","id","onChange","handleChange"],"mappings":"yDAAA,MAAMA,EAAqB,4hBCYdC,EAAe,+EAIC,gBAKJ,cAKC,iBAKK,MAS7BC,aAAaC,GACXC,QAAQC,IAAI,UAAWF,EAAEG,OAAOC,SAChCC,KAAKC,SAASC,KAAK,CAACC,MAAOH,KAAKG,QAGlCT,SACE,OACEU,EAACC,EAAI,CAACC,MAAO,CAACC,SAAUP,KAAKO,WAC3BH,EAAA,QAAA,CACEI,KAAK,WACLL,MAAOH,KAAKG,MACZM,KAAMT,KAAKS,KACXC,GAAI,oBAAoBV,KAAKS,QAAQT,KAAKG,QAC1CJ,QAASC,KAAKD,QACdQ,SAAUP,KAAKO,SACfI,SAAUhB,GAAKK,KAAKY,aAAajB","sourcesContent":["@import '../../../theme.scss';\n\n// See https://www.sliderrevolution.com/resources/styling-radio-buttons/\nverdocs-checkbox {\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  &.hide {\n    display: none;\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n\n  input[type='checkbox'] {\n    width: 18px;\n    height: 18px;\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-checkbox',\n  styleUrl: 'verdocs-checkbox.scss',\n  shadow: false,\n})\nexport class VerdocsCheckbox {\n  /**\n   * Whether the radio button is currently selected.\n   */\n  @Prop() checked: boolean = false;\n\n  /**\n   * HTML form field name for the input.\n   */\n  @Prop() name: string = '';\n\n  /**\n   * 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=\"checkbox\"\n          value={this.value}\n          name={this.name}\n          id={`verdocs-checkbox-${this.name}-${this.value}`}\n          checked={this.checked}\n          disabled={this.disabled}\n          onChange={e => this.handleChange(e)}\n        />\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,2 +0,0 @@
-System.register(["./p-97329951.system.js"],(function(t){"use strict";var e,i,o,n;return{setters:[function(t){e=t.r;i=t.c;o=t.h;n=t.H}],execute:function(){var s='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}';var c=t("verdocs_toggle_button",function(){function t(t){e(this,t);this.toggle=i(this,"toggle",7);this.active=false;this.icon=null;this.label=null;this.size="normal";this._active=false}t.prototype.componentWillLoad=function(){this._active=this.active};t.prototype.handleToggle=function(t){var e;t.stopPropagation();var i=!this._active;this._active=i;(e=this.toggle)===null||e===void 0?void 0:e.emit({active:i})};t.prototype.render=function(){var t=this;return o(n,{class:"size-".concat(this.size)},this.icon?o("button",{innerHTML:this.icon,class:{active:this._active},onClick:function(e){return t.handleToggle(e)}}):o("button",{class:{active:this._active},onClick:function(e){return t.handleToggle(e)}},this.label))};return t}());c.style=s}}}));
-//# sourceMappingURL=p-51353418.system.entry.js.map

package/dist/verdocs-web-sdk/p-51353418.system.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","exports","class_1","prototype","componentWillLoad","this","_active","active","handleToggle","e","stopPropagation","newState","_a","toggle","emit","render","_this","h","Host","class","concat","size","icon","innerHTML","onClick","label"],"mappings":"0JAAA,IAAMA,EAAyB,6pBCSlBC,EAAmBC,EAAA,wBAAA,8EACb,gBAKc,gBAKC,eAKI,sBAOjB,MAEnBC,EAAAC,UAAAC,kBAAA,WACEC,KAAKC,QAAUD,KAAKE,QAGtBL,EAAAC,UAAAK,aAAA,SAAaC,SACXA,EAAEC,kBAEF,IAAMC,GAAYN,KAAKC,QACvBD,KAAKC,QAAUK,GACfC,EAAAP,KAAKQ,UAAM,MAAAD,SAAA,OAAA,EAAAA,EAAEE,KAAK,CAACP,OAAQI,KAG7BT,EAAAC,UAAAY,OAAA,WAAA,IAAAC,EAAAX,KACE,OACEY,EAACC,EAAI,CAACC,MAAO,QAAAC,OAAQf,KAAKgB,OACvBhB,KAAKiB,KACJL,EAAA,SAAA,CAAQM,UAAWlB,KAAKiB,KAAMH,MAAO,CAACZ,OAAQF,KAAKC,SAAUkB,QAAS,SAAAf,GAAK,OAAAO,EAAKR,aAAaC,MAE7FQ,EAAA,SAAA,CAAQE,MAAO,CAACZ,OAAQF,KAAKC,SAAUkB,QAAS,SAAAf,GAAK,OAAAO,EAAKR,aAAaC,KACpEJ,KAAKoB,kBA5Cc","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-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