@verdocs/web-sdk 1.9.6 → 1.9.9

package/dist/collection/components/embeds/verdocs-view/verdocs-view.js

@@ -1,30 +1,25 @@
-// import pdf from 'pdfjs-dist';
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
-// import * as pdfjsLib from 'pdfjs-dist/legacy/build/pdf';
-// import PDFJSWorker from 'pdfjs-dist/legacy/build/pdf.worker.entry';
-// import {DocumentInitParameters, OnProgressParameters} from 'pdfjs-dist/types/src/display/api';
+import { getTemplate } from '@verdocs/js-sdk/Templates/Templates';
+import { getEnvelope } from '@verdocs/js-sdk/Envelopes/Envelopes';
 import { h, Host } from '@stencil/core';
 import { SDKError } from '../../../utils/errors';
-import { getTemplate } from '@verdocs/js-sdk/Templates/Templates';
-import { getPageImage } from '@verdocs/js-sdk/Templates/Pages';
-import { integerSequence } from '../../../utils/utils';
+/**
+ * View all of the documents attached to a template or envelope. All documents are displayed, in order. This embed wraps
+ * verdocs-view-envelope-document or verdocs-view-template-document, as appropriate, and those controls may be used if
+ * fine-grained control over which documents are displayed (or their order) is required.
+ */
 export class VerdocsView {
   constructor() {
-    this.domPages = {};
-    this.sourcePageMetrics = {};
     this.endpoint = VerdocsEndpoint.getDefault();
     this.templateId = '';
+    this.envelopeId = '';
     this.rotation = 0;
     this.pageLayers = [
       { name: 'page', type: 'canvas' },
       { name: 'controls', type: 'div' },
     ];
-    this.source = undefined;
-    this.loadProgress = 0;
     this.template = null;
-    this.pageNumbers = [];
-    this.pageUris = {};
-    this.numPages = 0;
+    this.envelope = null;
   }
   componentWillLoad() {
     this.endpoint.loadSession();
@@ -33,82 +28,98 @@ export class VerdocsView {
   // TODO: Handle anonymous case and failure to load due to not being logged in
   async componentDidLoad() {
     var _a, _b, _c;
-    this.endpoint.loadSession();
-    if (!this.templateId) {
-      console.log(`[VIEW] Missing required template ID ${this.templateId}`);
+    if (!this.templateId && !this.envelopeId) {
+      console.error(`[VIEW] Must specify one of templateId or envelopeId`);
       return;
     }
+    if (this.templateId && this.envelopeId) {
+      console.warn(`[VIEW] Both templateId and envelopeId specified, using templateId`);
+    }
     try {
-      console.log(`[VIEW] Loading template ${this.templateId}`);
-      const template = await getTemplate(this.endpoint, this.templateId);
-      console.log('[VIEW] Got template', this.template);
-      this.template = template;
-      this.pageNumbers = integerSequence(1, template.pages.length);
-      const pageUris = {};
-      for await (let page of template.pages) {
-        console.log('[VIEW] Loading page', page);
-        // TODO: Make an endpoint to get all of the pages for a template
-        // TODO: When uploading a new template, pre-process its pages into images and comment that the individual page-loader is a utility,
-        //  not the primary mechanism.
-        const image = await getPageImage(this.endpoint, this.templateId, page.sequence);
-        // TODO: Make this uri to match the rest of the terminology?
-        pageUris[page.sequence] = image.url;
-        console.log('[VIEW] Got image Uri', image.url);
-        this.loadProgress = page.sequence / template.pages.length;
+      if (this.templateId) {
+        console.log('[VIEW] Loading template', this.templateId);
+        this.template = await getTemplate(this.endpoint, this.templateId);
+        console.log('[VIEW] Loaded template', this.template);
       }
-      this.pageUris = pageUris;
-      this.loadProgress = 100;
-      // this.pdfUrl = `${this.endpoint.getBaseURL()}/templates/${this.templateId}/documents/${template.template_document?.id}?file=true`;
+      else if (this.envelopeId) {
+        console.log('[VIEW] Loading envelope', this.envelopeId);
+        this.envelope = await getEnvelope(this.endpoint, this.envelopeId);
+        console.log('[VIEW] Loaded envelope', this.envelope);
+      }
+      // console.log(`[VIEW] Loading template ${this.templateId}`);
+      // const template = await getTemplate(this.endpoint, this.templateId);
+      //
+      // console.log('[VIEW] Got template', this.template);
+      // this.template = template;
+      // this.pageNumbers = integerSequence(1, template.pages.length);
+      //
+      // const pageUris: Record<number, string> = {};
+      // for await (let page of template.pages) {
+      //   console.log('[VIEW] Loading page', page);
+      //   // TODO: Make an endpoint to get all of the pages for a template
+      //   // TODO: When uploading a new template, pre-process its pages into images and comment that the individual page-loader is a utility,
+      //   //  not the primary mechanism.
+      //   const image = await getPageImage(this.endpoint, this.templateId, page.sequence);
+      //   // TODO: Make this uri to match the rest of the terminology?
+      //   pageUris[page.sequence] = image.url;
+      //   console.log('[VIEW] Got image Uri', image.url);
+      //   this.loadProgress = page.sequence / template.pages.length;
+      // }
+      //
+      // this.pageUris = pageUris;
+      // this.loadProgress = 100;
+      //
+      // // this.pdfUrl = `${this.endpoint.getBaseURL()}/templates/${this.templateId}/documents/${template.template_document?.id}?file=true`;
     }
     catch (e) {
-      console.log('[VIEW] Error loading template', e);
+      console.log('[VIEW] Error loading data', e);
       (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
     }
-    // if (this.source) {
-    //   this.loadAndRender(this.source);
-    // }
   }
   // Determine whether a page is "rotated" (in either direction)
   // isRotated(rotation) {
   //   return rotation !== 0 && rotation % 180 !== 0;
   // }
   // Render one document page. Note that pageNumber is 1-based.
-  async renderPage(pageNumber) {
-    var _a, _b, _c;
-    const domPage = this.domPages[pageNumber];
-    // Two async operations happen here, loading the PDF and rendering the DOM div/canvas placeholders to draw the pages on.
-    if (!domPage) {
-      console.log('[VIEW] Skipping rendering page not yet in DOM', { pageNumber });
-      return;
-    }
-    const pageMetrics = this.sourcePageMetrics[pageNumber];
-    console.log('[VIEW] Rendering page', { pageNumber, pageMetrics, domPage });
-    try {
-      // const pdfPage = await this.pdfDocument.getPage(pageNumber);
-      // const viewport = pdfPage.getViewport({scale: domPage.xScale});
-      // console.log('[VIEW] Page viewport', domPage.xScale, viewport);
-      // const canvas = document.getElementById(`${domPage.containerId}-page`) as HTMLCanvasElement | null;
-      // if (!canvas) {
-      //   console.log('[VIEW] Unable to find canvas element');
-      //   return;
-      // }
-      //
-      // canvas.width = domPage.renderedWidth;
-      // canvas.height = domPage.renderedHeight;
-      // const canvasContext = canvas.getContext('2d');
-      // canvasContext.clearRect(0, 0, domPage.renderedWidth, domPage.renderedHeight);
-      // await pdfPage.render({canvasContext, viewport});
-      this.pageRendered.emit({
-        renderedPage: domPage,
-        sourcePageMetrics: pageMetrics,
-        pages: this.domPages,
-      });
-    }
-    catch (e) {
-      (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
-      console.warn('[VIEW] Error rendering page', e);
-    }
-  }
+  // async renderPage(pageNumber: number): Promise<void> {
+  //   const domPage = this.domPages[pageNumber];
+  //
+  //   // Two async operations happen here, loading the PDF and rendering the DOM div/canvas placeholders to draw the pages on.
+  //   if (!domPage) {
+  //     console.log('[VIEW] Skipping rendering page not yet in DOM', {pageNumber});
+  //     return;
+  //   }
+  //
+  //   const pageMetrics = this.sourcePageMetrics[pageNumber];
+  //
+  //   console.log('[VIEW] Rendering page', {pageNumber, pageMetrics, domPage});
+  //   try {
+  //     // const pdfPage = await this.pdfDocument.getPage(pageNumber);
+  //     // const viewport = pdfPage.getViewport({scale: domPage.xScale});
+  //     // console.log('[VIEW] Page viewport', domPage.xScale, viewport);
+  //
+  //     // const canvas = document.getElementById(`${domPage.containerId}-page`) as HTMLCanvasElement | null;
+  //     // if (!canvas) {
+  //     //   console.log('[VIEW] Unable to find canvas element');
+  //     //   return;
+  //     // }
+  //     //
+  //     // canvas.width = domPage.renderedWidth;
+  //     // canvas.height = domPage.renderedHeight;
+  //     // const canvasContext = canvas.getContext('2d');
+  //     // canvasContext.clearRect(0, 0, domPage.renderedWidth, domPage.renderedHeight);
+  //     // await pdfPage.render({canvasContext, viewport});
+  //
+  //     this.pageRendered.emit({
+  //       renderedPage: domPage,
+  //       sourcePageMetrics: pageMetrics,
+  //       pages: this.domPages,
+  //     });
+  //   } catch (e) {
+  //     this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));
+  //     console.warn('[VIEW] Error rendering page', e);
+  //   }
+  // }
   // async renderPages(): Promise<void> {
   //   const pageNumbersToRender = integerSequence(1, this.numPages);
   //   for await (let pageNumber of pageNumbersToRender) {
@@ -174,23 +185,18 @@ export class VerdocsView {
   //       console.log('[VIEW] Loading error', e);
   //     });
   // }
-  async handlePageRendered(e) {
-    e.stopPropagation();
-    const domPage = e.detail;
-    this.domPages[domPage.pageNumber] = domPage;
-    await this.renderPage(domPage.pageNumber);
-  }
+  // async handlePageRendered(e: any) {
+  //   e.stopPropagation();
+  //
+  //   const domPage = e.detail as IDocumentPageInfo;
+  //   this.domPages[domPage.pageNumber] = domPage;
+  //   await this.renderPage(domPage.pageNumber);
+  // }
   render() {
-    console.log('[VIEW] Loading...', this.loadProgress);
-    if (this.loadProgress < 100) {
-      return (h(Host, null, h("verdocs-loader", null)));
-    }
-    console.log('[VIEW] Rendering pages', this.pageNumbers, this.pageUris);
+    var _a;
+    console.log('[VIEW] Rendering', this.templateId, this.envelopeId);
     // TODO: Error handling for missing pages. Is it better to skip the page or show a placeholder?
-    return (h(Host, null, this.pageNumbers.map(pageNumber => {
-      var _a, _b;
-      return (h("verdocs-document-page", { pageImageUri: this.pageUris[pageNumber], virtualWidth: ((_a = this.sourcePageMetrics[pageNumber]) === null || _a === void 0 ? void 0 : _a.width) || 612, virtualHeight: ((_b = this.sourcePageMetrics[pageNumber]) === null || _b === void 0 ? void 0 : _b.height) || 792, pageNumber: pageNumber, layers: this.pageLayers, onPageRendered: p => this.handlePageRendered(p) }));
-    })));
+    return (h(Host, null, this.template && (h("verdocs-view-template-document", { endpoint: this.endpoint, templateId: this.templateId, documentId: (_a = this.template.template_document) === null || _a === void 0 ? void 0 : _a.id, onPageRendered: p => { var _a; return (_a = this.pageRendered) === null || _a === void 0 ? void 0 : _a.emit(p.detail); } })), this.envelope && (h("verdocs-view-envelope-document", { endpoint: this.endpoint, envelopeId: this.envelopeId, documentId: this.envelope.envelope_document_id, onPageRendered: p => { var _a; return (_a = this.pageRendered) === null || _a === void 0 ? void 0 : _a.emit(p.detail); } }))));
   }
   static get is() { return "verdocs-view"; }
   static get originalStyleUrls() {
@@ -238,12 +244,30 @@ export class VerdocsView {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "The template ID to render"
+          "text": "The template ID to render. Set ONE OF templateId or envelopeId."
         },
         "attribute": "template-id",
         "reflect": false,
         "defaultValue": "''"
       },
+      "envelopeId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The envelope ID to render. Set ONE OF templateId or envelopeId. If both are set, envelopeId will be ignored."
+        },
+        "attribute": "envelope-id",
+        "reflect": false,
+        "defaultValue": "''"
+      },
       "rotation": {
         "type": "number",
         "mutable": false,
@@ -282,33 +306,13 @@ export class VerdocsView {
           "text": "Layers will be passed through to the individual pages inside this component."
         },
         "defaultValue": "[\n    {name: 'page', type: 'canvas'},\n    {name: 'controls', type: 'div'},\n  ]"
-      },
-      "source": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Src of the PDF to load and render"
-        },
-        "attribute": "source",
-        "reflect": false
       }
     };
   }
   static get states() {
     return {
-      "loadProgress": {},
       "template": {},
-      "pageNumbers": {},
-      "pageUris": {},
-      "numPages": {}
+      "envelope": {}
     };
   }
   static get events() {

package/dist/collection/components/embeds/verdocs-view/verdocs-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"verdocs-view.js","sourceRoot":"","sources":["../../../../src/components/embeds/verdocs-view/verdocs-view.tsx"],"names":[],"mappings":"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","sourcesContent":["// 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"]}
+{"version":3,"file":"verdocs-view.js","sourceRoot":"","sources":["../../../../src/components/embeds/verdocs-view/verdocs-view.tsx"],"names":[],"mappings":"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","sourcesContent":["import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {IEnvelope} from '@verdocs/js-sdk/Envelopes/Types';\nimport {ITemplate} from '@verdocs/js-sdk/Templates/Types';\nimport {getTemplate} from '@verdocs/js-sdk/Templates/Templates';\nimport {getEnvelope} from '@verdocs/js-sdk/Envelopes/Envelopes';\nimport {Component, h, Element, Event, Host, Prop, EventEmitter, State} from '@stencil/core';\nimport {IDocumentPageInfo, IPageLayer} from '../../../utils/Types';\nimport {SDKError} from '../../../utils/errors';\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/**\n * View all of the documents attached to a template or envelope. All documents are displayed, in order. This embed wraps\n * verdocs-view-envelope-document or verdocs-view-template-document, as appropriate, and those controls may be used if\n * fine-grained control over which documents are displayed (or their order) is required.\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  /**\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. Set ONE OF templateId or envelopeId.\n   */\n  @Prop() templateId: string = '';\n\n  /**\n   * The envelope ID to render. Set ONE OF templateId or envelopeId. If both are set, envelopeId will be ignored.\n   */\n  @Prop() envelopeId: 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   * 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() template?: ITemplate = null;\n  @State() envelope?: IEnvelope = null;\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    if (!this.templateId && !this.envelopeId) {\n      console.error(`[VIEW] Must specify one of templateId or envelopeId`);\n      return;\n    }\n\n    if (this.templateId && this.envelopeId) {\n      console.warn(`[VIEW] Both templateId and envelopeId specified, using templateId`);\n    }\n\n    try {\n      if (this.templateId) {\n        console.log('[VIEW] Loading template', this.templateId);\n        this.template = await getTemplate(this.endpoint, this.templateId);\n        console.log('[VIEW] Loaded template', this.template);\n      } else if (this.envelopeId) {\n        console.log('[VIEW] Loading envelope', this.envelopeId);\n        this.envelope = await getEnvelope(this.endpoint, this.envelopeId);\n        console.log('[VIEW] Loaded envelope', this.envelope);\n      }\n\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 data', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\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] Rendering', this.templateId, this.envelopeId);\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.template && (\n          <verdocs-view-template-document\n            endpoint={this.endpoint}\n            templateId={this.templateId}\n            documentId={this.template.template_document?.id}\n            onPageRendered={p => this.pageRendered?.emit(p.detail)}\n          />\n        )}\n        {this.envelope && (\n          <verdocs-view-envelope-document\n            endpoint={this.endpoint}\n            envelopeId={this.envelopeId}\n            documentId={this.envelope.envelope_document_id}\n            onPageRendered={p => this.pageRendered?.emit(p.detail)}\n          />\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/embeds/verdocs-view/verdocs-view.stories.js

@@ -1,15 +1,15 @@
 import { html } from 'lit-html';
-const localSource = 'https://stage-api.verdocs.com/envelopes/64d7eb5a-a4fb-4044-accf-a0b9ba530e42/envelope_documents/bd92fcfa-63fd-4b94-856e-e7f4c7c0b2e1?file=true';
 export default {
   title: 'Embeds/View',
   component: 'verdocs-view',
   args: {
-    source: localSource,
+    templateId: '056b837f-b183-4039-b50a-d68acbf81b67',
+    envelopeId: '',
   },
   argTypes: {},
   parameters: {
     layout: 'fullscreen',
   },
 };
-export const View = ({ source }) => html `<verdocs-view .source=${source} />`;
+export const View = ({ templateId, envelopeId }) => html `<verdocs-view .templateId=${templateId} .envelopeId=${envelopeId} />`;
 //# sourceMappingURL=verdocs-view.stories.js.map

package/dist/collection/components/embeds/verdocs-view/verdocs-view.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"verdocs-view.stories.js","sourceRoot":"","sources":["../../../../src/components/embeds/verdocs-view/verdocs-view.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAG9B,MAAM,WAAW,GAAG,gJAAgJ,CAAC;AAErK,eAAe;EACb,KAAK,EAAE,aAAa;EACpB,SAAS,EAAE,cAAc;EACzB,IAAI,EAAE;IACJ,MAAM,EAAE,WAAW;GACpB;EACD,QAAQ,EAAE,EAAE;EACZ,UAAU,EAAE;IACV,MAAM,EAAE,YAAY;GACrB;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,IAAI,CAAA,yBAAyB,MAAM,KAAK,CAAC","sourcesContent":["import {html} from 'lit-html';\nimport {Meta} from '@storybook/web-components';\n\nconst localSource = 'https://stage-api.verdocs.com/envelopes/64d7eb5a-a4fb-4044-accf-a0b9ba530e42/envelope_documents/bd92fcfa-63fd-4b94-856e-e7f4c7c0b2e1?file=true';\n\nexport default {\n  title: 'Embeds/View',\n  component: 'verdocs-view',\n  args: {\n    source: localSource,\n  },\n  argTypes: {},\n  parameters: {\n    layout: 'fullscreen',\n  },\n} as Meta;\n\nexport const View = ({source}) => html`<verdocs-view .source=${source} />`;\n"]}
+{"version":3,"file":"verdocs-view.stories.js","sourceRoot":"","sources":["../../../../src/components/embeds/verdocs-view/verdocs-view.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAG9B,eAAe;EACb,KAAK,EAAE,aAAa;EACpB,SAAS,EAAE,cAAc;EACzB,IAAI,EAAE;IACJ,UAAU,EAAE,sCAAsC;IAClD,UAAU,EAAE,EAAE;GACf;EACD,QAAQ,EAAE,EAAE;EACZ,UAAU,EAAE;IACV,MAAM,EAAE,YAAY;GACrB;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAC,UAAU,EAAE,UAAU,EAAC,EAAE,EAAE,CAAC,IAAI,CAAA,6BAA6B,UAAU,gBAAgB,UAAU,KAAK,CAAC","sourcesContent":["import {html} from 'lit-html';\nimport {Meta} from '@storybook/web-components';\n\nexport default {\n  title: 'Embeds/View',\n  component: 'verdocs-view',\n  args: {\n    templateId: '056b837f-b183-4039-b50a-d68acbf81b67',\n    envelopeId: '',\n  },\n  argTypes: {},\n  parameters: {\n    layout: 'fullscreen',\n  },\n} as Meta;\n\nexport const View = ({templateId, envelopeId}) => html`<verdocs-view .templateId=${templateId} .envelopeId=${envelopeId} />`;\n"]}

package/dist/collection/utils/Types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Types.js","sourceRoot":"","sources":["../../src/utils/Types.ts"],"names":[],"mappings":"","sourcesContent":["export interface IDocumentPageInfo {\n  container: HTMLElement;\n  containerId: string;\n  pageNumber: number;\n  virtualWidth: number;\n  virtualHeight: number;\n  renderedWidth: number;\n  renderedHeight: number;\n  xScale: number;\n  yScale: number;\n}\n\nexport interface IPageLayer {\n  name: string;\n  type: 'div' | 'canvas';\n}\n"]}
+{"version":3,"file":"Types.js","sourceRoot":"","sources":["../../src/utils/Types.ts"],"names":[],"mappings":"","sourcesContent":["export interface IDocumentPageInfo {\n  container: HTMLElement;\n  containerId: string;\n  pageNumber: number;\n  virtualWidth: number;\n  virtualHeight: number;\n  renderedWidth: number;\n  renderedHeight: number;\n  naturalWidth: number;\n  naturalHeight: number;\n  xScale: number;\n  yScale: number;\n}\n\nexport interface IPageLayer {\n  name: string;\n  type: 'div' | 'canvas';\n}\n"]}

package/dist/collection/utils/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,2CAA2C;AAC3C,OAAO,EAAC,OAAO,EAAC,MAAM,8BAA8B,CAAC;AAMrD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,KAAa,EAAY,EAAE,CACxE,KAAK,CAAC,KAAK,CAAC;GACT,IAAI,CAAC,CAAC,CAAC;GACP,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAY,EAAE,EAAE,CACjD,IAAI;GACD,KAAK,CAAC,GAAG,CAAC;GACV,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;GACpB,IAAI,CAAC,EAAE,CAAC,CAAC;AAEd,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAsC,EAAE,EAAE;EACrE,QAAQ,KAAK,CAAC,IAAI,EAAE;IAClB,KAAK,YAAY,CAAC;IAClB,KAAK,SAAS;MACZ,OAAO,EAAE,CAAC;IACZ,KAAK,UAAU,CAAC;IAChB,KAAK,gBAAgB,CAAC;IACtB,KAAK,oBAAoB;MACvB,OAAO,EAAE,CAAC;IACZ,KAAK,WAAW,CAAC;IACjB,KAAK,SAAS;MACZ,OAAO,EAAE,CAAC;GACb;EAED,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAsC,EAAE,EAAE;EACtE,QAAQ,KAAK,CAAC,IAAI,EAAE;IAClB,KAAK,YAAY,CAAC;IAClB,KAAK,SAAS;MACZ,OAAO,EAAE,CAAC;IACZ,KAAK,UAAU,CAAC;IAChB,KAAK,gBAAgB,CAAC;IACtB,KAAK,oBAAoB;MACvB,OAAO,EAAE,CAAC;IACZ,KAAK,WAAW,CAAC;IACjB,KAAK,SAAS;MACZ,OAAO,EAAE,CAAC;GACb;EAED,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAe,EAAE,KAAsC,EAAE,MAAc,EAAE,MAAc,EAAE,MAAe,EAAE,EAAE;;EAC3I,MAAM,QAAQ,GAAI,KAAwB,CAAC,OAAO,IAAK,KAAwB,CAAC,QAAQ,CAAC;EACzF,IAAI,EAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC,KAAK,CAAC,EAAC,GAAG,QAAQ,CAAC;EAE1F,MAAM,cAAc,GAAG,MAAM,KAAK,SAAS,IAAI,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;EAC1G,IAAI,cAAc,EAAE;IAClB,CAAC,GAAG,MAAA,cAAc,CAAC,CAAC,mCAAI,CAAC,CAAC;IAC1B,CAAC,GAAG,MAAA,cAAc,CAAC,CAAC,mCAAI,CAAC,CAAC;IAC1B,KAAK,GAAG,MAAA,cAAc,CAAC,KAAK,mCAAI,KAAK,CAAC;IACtC,MAAM,GAAG,MAAA,cAAc,CAAC,MAAM,mCAAI,MAAM,CAAC;GAC1C;EAED,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,IAAI,CAAC;EAC9B,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC;EAChC,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;EAC/B,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC;EAC1C,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC;EAC5C,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,SAAS,MAAM,KAAK,MAAM,GAAG,CAAC;EACnD,kEAAkE;AACpE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsC,EAAE,EAAE;EACnE,OAAO,mBAAmB,KAAK,CAAC,IAAI,EAAE,CAAC;AACzC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAqB,EAAE,KAAa,EAAE,EAAE;EACvE,OAAO,mBAAmB,KAAK,CAAC,IAAI,IAAI,KAAK,EAAE,CAAC;AAClD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,KAAqB,EACrB,OAA0B,EAC1B,SAAiB,EACjB,iBAA6E,EAC7E,QAAiB,EACjB,WAAoB,KAAK,EACzB,YAAqB,KAAK,EAC1B,EAAE;EACF,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,WAAW,GAAG,WAAW,CAAC,CAAC;EAC/E,IAAI,CAAC,WAAW,EAAE;IAChB,OAAO;GACR;EAED,QAAQ,KAAK,CAAC,IAAI,EAAE;IAClB,KAAK,YAAY,CAAC;IAClB,KAAK,MAAM,CAAC;IACZ,KAAK,UAAU,CAAC;IAChB,KAAK,SAAS,CAAC;IACf,KAAK,SAAS,CAAC;IACf,KAAK,WAAW,CAAC;IACjB,KAAK,WAAW,CAAC;IACjB,KAAK,UAAU,CAAC;IAChB,KAAK,SAAS,CAAC,CAAC;MACd,MAAM,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;MAC7B,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;MAClD,IAAI,aAAa,EAAE;QACjB,gBAAgB,CAAC,aAAa,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;QACvE,OAAO;OACR;MAED,MAAM,EAAE,GAAQ,QAAQ,CAAC,aAAa,CAAC,iBAAiB,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;MACtE,EAAE,CAAC,KAAK,GAAG,KAAK,CAAC;MACjB,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;MAC1B,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;MACxC,IAAI,QAAQ,EAAE;QACZ,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;OACnC;MACD,IAAI,QAAQ,EAAE;QACZ,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;OACnC;MACD,IAAI,SAAS,EAAE;QACb,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;OACpC;MACD,EAAE,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;MACrE,gBAAgB,CAAC,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;MAC5D,WAAW,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;MAE5B,OAAO,EAAE,CAAC;KACX;IAED,KAAK,gBAAgB;MACnB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,EAAE;QACjD,MAAM,EAAE,GAAG,gBAAgB,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;QAClD,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;QAClD,IAAI,aAAa,EAAE;UACjB,gBAAgB,CAAC,aAAa,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;UACvE,OAAO;SACR;QAED,MAAM,IAAI,GAAQ,QAAQ,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;QACnE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAC5B,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;QAC1C,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;QAC3C,IAAI,QAAQ,EAAE;UACZ,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;SACrC;QACD,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QACvE,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;QAC9D,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAE9B,OAAO,IAAI,CAAC;MACd,CAAC,CAAC,CAAC;MAEH,MAAM;IAER,KAAK,oBAAoB;MACvB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,EAAE;QAC/C,MAAM,EAAE,GAAG,gBAAgB,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;QAChD,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;QAClD,IAAI,aAAa,EAAE;UACjB,gBAAgB,CAAC,aAAa,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;UACvE,OAAO;SACR;QAED,MAAM,IAAI,GAAQ,QAAQ,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;QACvE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAC5B,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;QAC1C,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;QACzC,IAAI,QAAQ,EAAE;UACZ,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;SACrC;QACD,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QACvE,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;QAC3E,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAE9B,OAAO,IAAI,CAAC;MACd,CAAC,CAAC,CAAC;MAEH,MAAM;IAER,qBAAqB;IACrB,6DAA6D;IAC7D,4CAA4C;IAC5C,WAAW;IACX,kBAAkB;IAClB,0DAA0D;IAC1D,WAAW;IACX;MACE,OAAO,CAAC,GAAG,CAAC,2CAA2C,EAAE,KAAK,CAAC,CAAC;MAChE,OAAO,IAAI,CAAC;GACf;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAe,EAAE,IAAY,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAExF,wHAAwH;AACxH,iFAAiF;AACjF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAsC,EAAE,EAAE;EACzE,IAAK,KAAwB,CAAC,OAAO,EAAE;IACrC,OAAQ,KAAwB,CAAC,OAAO,CAAC;GAC1C;EAED,IAAK,KAAwB,CAAC,QAAQ,EAAE;IACtC,OAAQ,KAAwB,CAAC,QAAQ,CAAC;GAC3C;EAED,OAAO,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAC,CAAC;AAC/E,CAAC,CAAC","sourcesContent":["// These should probably all move to JS-SDK\nimport {rescale} from '@verdocs/js-sdk/Utils/Fields';\n// import {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField} from '@verdocs/js-sdk/Documents/Types';\nimport {IDocumentPageInfo} from './Types';\n\nexport const integerSequence = (start: number, count: number): number[] =>\n  Array(count)\n    .fill(1)\n    .map((_, index) => index + start);\n\nexport const fullNameToInitials = (name: string) =>\n  name\n    .split(' ')\n    .map(word => word[0])\n    .join('');\n\nexport const defaultWidth = (field: ITemplateField | IDocumentField) => {\n  switch (field.type) {\n    case 'attachment':\n    case 'payment':\n      return 24;\n    case 'checkbox':\n    case 'checkbox_group':\n    case 'radio_button_group':\n      return 14;\n    case 'signature':\n    case 'initial':\n      return 82;\n  }\n\n  return 150;\n};\n\nexport const defaultHeight = (field: ITemplateField | IDocumentField) => {\n  switch (field.type) {\n    case 'attachment':\n    case 'payment':\n      return 24;\n    case 'checkbox':\n    case 'checkbox_group':\n    case 'radio_button_group':\n      return 14;\n    case 'signature':\n    case 'initial':\n      return 41;\n  }\n\n  return 50;\n};\n\nexport const setControlStyles = (el: HTMLElement, field: ITemplateField | IDocumentField, xScale: number, yScale: number, option?: number) => {\n  const settings = (field as ITemplateField).setting || (field as IDocumentField).settings;\n  let {x = 0, y = 0, width = defaultWidth(field), height = defaultHeight(field)} = settings;\n\n  const optionSettings = option !== undefined && settings.options[option] ? settings.options[option] : null;\n  if (optionSettings) {\n    x = optionSettings.x ?? x;\n    y = optionSettings.y ?? y;\n    width = optionSettings.width ?? width;\n    height = optionSettings.height ?? height;\n  }\n\n  el.style.width = `${width}px`;\n  el.style.height = `${height}px`;\n  el.style.position = 'absolute';\n  el.style.left = `${rescale(xScale, x)}px`;\n  el.style.bottom = `${rescale(yScale, y)}px`;\n  el.style.transform = `scale(${xScale}, ${yScale})`;\n  // el.style.backgroundColor = field['rgba'] || getRGBA(roleIndex);\n};\n\nexport const getFieldId = (field: ITemplateField | IDocumentField) => {\n  return `verdocs-doc-fld-${field.name}`;\n};\n\nexport const getFieldOptionId = (field: ITemplateField, index: number) => {\n  return `verdocs-doc-fld-${field.name}-${index}`;\n};\n\nexport const renderDocumentField = (\n  field: ITemplateField,\n  docPage: IDocumentPageInfo,\n  roleIndex: number,\n  handleFieldChange: (field: ITemplateField, e: any, optionId?: string) => void,\n  disabled: boolean,\n  editable: boolean = false,\n  draggable: boolean = false,\n) => {\n  const controlsDiv = document.getElementById(docPage.containerId + '-controls');\n  if (!controlsDiv) {\n    return;\n  }\n\n  switch (field.type) {\n    case 'attachment':\n    case 'date':\n    case 'dropdown':\n    case 'initial':\n    case 'payment':\n    case 'signature':\n    case 'timestamp':\n    case 'textarea':\n    case 'textbox': {\n      const id = getFieldId(field);\n      const existingField = document.getElementById(id);\n      if (existingField) {\n        setControlStyles(existingField, field, docPage.xScale, docPage.yScale);\n        return;\n      }\n\n      const el: any = document.createElement(`verdocs-field-${field.type}`);\n      el.field = field;\n      el.setAttribute('id', id);\n      el.setAttribute('roleindex', roleIndex);\n      if (disabled) {\n        el.setAttribute('disabled', true);\n      }\n      if (editable) {\n        el.setAttribute('editable', true);\n      }\n      if (draggable) {\n        el.setAttribute('draggable', true);\n      }\n      el.addEventListener('fieldChange', e => handleFieldChange(field, e));\n      setControlStyles(el, field, docPage.xScale, docPage.yScale);\n      controlsDiv.appendChild(el);\n\n      return el;\n    }\n\n    case 'checkbox_group':\n      field.setting.options.forEach((_, checkboxIndex) => {\n        const id = getFieldOptionId(field, checkboxIndex);\n        const existingField = document.getElementById(id);\n        if (existingField) {\n          setControlStyles(existingField, field, docPage.xScale, docPage.yScale);\n          return;\n        }\n\n        const cbEl: any = document.createElement(`verdocs-field-checkbox`);\n        cbEl.field = field;\n        cbEl.setAttribute('id', id);\n        cbEl.setAttribute('roleindex', roleIndex);\n        cbEl.setAttribute('option', checkboxIndex);\n        if (disabled) {\n          cbEl.setAttribute('disabled', true);\n        }\n        cbEl.addEventListener('fieldChange', e => handleFieldChange(field, e));\n        setControlStyles(cbEl, field, docPage.xScale, docPage.yScale);\n        controlsDiv.appendChild(cbEl);\n\n        return cbEl;\n      });\n\n      break;\n\n    case 'radio_button_group':\n      field.setting.options.forEach((_, buttonIndex) => {\n        const id = getFieldOptionId(field, buttonIndex);\n        const existingField = document.getElementById(id);\n        if (existingField) {\n          setControlStyles(existingField, field, docPage.xScale, docPage.yScale);\n          return;\n        }\n\n        const cbEl: any = document.createElement(`verdocs-field-radio-button`);\n        cbEl.field = field;\n        cbEl.setAttribute('id', id);\n        cbEl.setAttribute('roleindex', roleIndex);\n        cbEl.setAttribute('option', buttonIndex);\n        if (disabled) {\n          cbEl.setAttribute('disabled', true);\n        }\n        cbEl.addEventListener('fieldChange', e => handleFieldChange(field, e));\n        setControlStyles(cbEl, field, docPage.xScale, docPage.yScale, buttonIndex);\n        controlsDiv.appendChild(cbEl);\n\n        return cbEl;\n      });\n\n      break;\n\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('[PREVIEW] Skipping unsupported field type', field);\n      return null;\n  }\n};\n\nexport const getRoleIndex = (roles: string[], role: string) => roles.indexOf(role) || 0;\n\n// TODO: We can clean this up a lot if we alter the API to emit both setting and settings regardless of the source type,\n//   but then merge the SDK types to encourage developers to use just `settings`.\nexport const getFieldSettings = (field: ITemplateField | IDocumentField) => {\n  if ((field as ITemplateField).setting) {\n    return (field as ITemplateField).setting;\n  }\n\n  if ((field as IDocumentField).settings) {\n    return (field as IDocumentField).settings;\n  }\n\n  return {x: 0, y: 0, required: false, disabled: false, result: '', value: ''};\n};\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,2CAA2C;AAC3C,OAAO,EAAC,OAAO,EAAC,MAAM,8BAA8B,CAAC;AAMrD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,KAAa,EAAY,EAAE,CACxE,KAAK,CAAC,KAAK,CAAC;GACT,IAAI,CAAC,CAAC,CAAC;GACP,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAY,EAAE,EAAE,CACjD,IAAI;GACD,KAAK,CAAC,GAAG,CAAC;GACV,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;GACpB,IAAI,CAAC,EAAE,CAAC,CAAC;AAEd,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAsC,EAAE,EAAE;EACrE,QAAQ,KAAK,CAAC,IAAI,EAAE;IAClB,KAAK,YAAY,CAAC;IAClB,KAAK,SAAS;MACZ,OAAO,EAAE,CAAC;IACZ,KAAK,UAAU,CAAC;IAChB,KAAK,gBAAgB,CAAC;IACtB,KAAK,oBAAoB;MACvB,OAAO,EAAE,CAAC;IACZ,KAAK,WAAW,CAAC;IACjB,KAAK,SAAS;MACZ,OAAO,EAAE,CAAC;GACb;EAED,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAsC,EAAE,EAAE;EACtE,QAAQ,KAAK,CAAC,IAAI,EAAE;IAClB,KAAK,YAAY,CAAC;IAClB,KAAK,SAAS;MACZ,OAAO,EAAE,CAAC;IACZ,KAAK,UAAU,CAAC;IAChB,KAAK,gBAAgB,CAAC;IACtB,KAAK,oBAAoB;MACvB,OAAO,EAAE,CAAC;IACZ,KAAK,WAAW,CAAC;IACjB,KAAK,SAAS;MACZ,OAAO,EAAE,CAAC;GACb;EAED,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAe,EAAE,KAAsC,EAAE,MAAc,EAAE,MAAc,EAAE,MAAe,EAAE,EAAE;;EAC3I,MAAM,QAAQ,GAAI,KAAwB,CAAC,OAAO,IAAK,KAAwB,CAAC,QAAQ,CAAC;EACzF,IAAI,EAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC,KAAK,CAAC,EAAC,GAAG,QAAQ,CAAC;EAE1F,MAAM,cAAc,GAAG,MAAM,KAAK,SAAS,IAAI,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;EAC1G,IAAI,cAAc,EAAE;IAClB,CAAC,GAAG,MAAA,cAAc,CAAC,CAAC,mCAAI,CAAC,CAAC;IAC1B,CAAC,GAAG,MAAA,cAAc,CAAC,CAAC,mCAAI,CAAC,CAAC;IAC1B,KAAK,GAAG,MAAA,cAAc,CAAC,KAAK,mCAAI,KAAK,CAAC;IACtC,MAAM,GAAG,MAAA,cAAc,CAAC,MAAM,mCAAI,MAAM,CAAC;GAC1C;EAED,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,IAAI,CAAC;EAC9B,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC;EAChC,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;EAC/B,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC;EAC1C,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC;EAC5C,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,SAAS,MAAM,KAAK,MAAM,GAAG,CAAC;EACnD,kEAAkE;AACpE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsC,EAAE,EAAE;EACnE,OAAO,mBAAmB,KAAK,CAAC,IAAI,EAAE,CAAC;AACzC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAqB,EAAE,KAAa,EAAE,EAAE;EACvE,OAAO,mBAAmB,KAAK,CAAC,IAAI,IAAI,KAAK,EAAE,CAAC;AAClD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,KAAqB,EACrB,OAA0B,EAC1B,SAAiB,EACjB,iBAA6E,EAC7E,QAAiB,EACjB,WAAoB,KAAK,EACzB,YAAqB,KAAK,EAC1B,EAAE;EACF,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,WAAW,GAAG,WAAW,CAAC,CAAC;EAC/E,IAAI,CAAC,WAAW,EAAE;IAChB,OAAO;GACR;EAED,QAAQ,KAAK,CAAC,IAAI,EAAE;IAClB,KAAK,YAAY,CAAC;IAClB,KAAK,MAAM,CAAC;IACZ,KAAK,UAAU,CAAC;IAChB,KAAK,SAAS,CAAC;IACf,KAAK,SAAS,CAAC;IACf,KAAK,WAAW,CAAC;IACjB,KAAK,WAAW,CAAC;IACjB,KAAK,UAAU,CAAC;IAChB,KAAK,SAAS,CAAC,CAAC;MACd,MAAM,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;MAC7B,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;MAClD,IAAI,aAAa,EAAE;QACjB,gBAAgB,CAAC,aAAa,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;QACvE,OAAO;OACR;MAED,MAAM,EAAE,GAAQ,QAAQ,CAAC,aAAa,CAAC,iBAAiB,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;MACtE,EAAE,CAAC,KAAK,GAAG,KAAK,CAAC;MACjB,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;MAC1B,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;MACxC,IAAI,QAAQ,EAAE;QACZ,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;OACnC;MACD,IAAI,QAAQ,EAAE;QACZ,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;OACnC;MACD,IAAI,SAAS,EAAE;QACb,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;OACpC;MACD,EAAE,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;MACrE,gBAAgB,CAAC,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;MAC5D,WAAW,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;MAE5B,OAAO,EAAE,CAAC;KACX;IAED,KAAK,gBAAgB;MACnB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,EAAE;QACjD,MAAM,EAAE,GAAG,gBAAgB,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;QAClD,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;QAClD,IAAI,aAAa,EAAE;UACjB,gBAAgB,CAAC,aAAa,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;UACvE,OAAO;SACR;QAED,MAAM,IAAI,GAAQ,QAAQ,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;QACnE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAC5B,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;QAC1C,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;QAC3C,IAAI,QAAQ,EAAE;UACZ,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;SACrC;QACD,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QACvE,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;QAC9D,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAE9B,OAAO,IAAI,CAAC;MACd,CAAC,CAAC,CAAC;MAEH,MAAM;IAER,KAAK,oBAAoB;MACvB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,EAAE;QAC/C,MAAM,EAAE,GAAG,gBAAgB,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;QAChD,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;QAClD,IAAI,aAAa,EAAE;UACjB,gBAAgB,CAAC,aAAa,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;UACvE,OAAO;SACR;QAED,MAAM,IAAI,GAAQ,QAAQ,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;QACvE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAC5B,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;QAC1C,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;QACzC,IAAI,QAAQ,EAAE;UACZ,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;SACrC;QACD,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QACvE,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;QAC3E,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAE9B,OAAO,IAAI,CAAC;MACd,CAAC,CAAC,CAAC;MAEH,MAAM;IAER,qBAAqB;IACrB,6DAA6D;IAC7D,4CAA4C;IAC5C,WAAW;IACX,kBAAkB;IAClB,0DAA0D;IAC1D,WAAW;IACX;MACE,OAAO,CAAC,GAAG,CAAC,2CAA2C,EAAE,KAAK,CAAC,CAAC;MAChE,OAAO,IAAI,CAAC;GACf;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAe,EAAE,IAAY,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAExF,wHAAwH;AACxH,iFAAiF;AACjF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAsC,EAAE,EAAE;EACzE,IAAK,KAAwB,CAAC,OAAO,EAAE;IACrC,OAAQ,KAAwB,CAAC,OAAO,CAAC;GAC1C;EAED,IAAK,KAAwB,CAAC,QAAQ,EAAE;IACtC,OAAQ,KAAwB,CAAC,QAAQ,CAAC;GAC3C;EAED,OAAO,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAC,CAAC;AAC/E,CAAC,CAAC","sourcesContent":["// These should probably all move to JS-SDK\nimport {rescale} from '@verdocs/js-sdk/Utils/Fields';\n// import {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField} from '@verdocs/js-sdk/Envelopes/Types';\nimport {IDocumentPageInfo} from './Types';\n\nexport const integerSequence = (start: number, count: number): number[] =>\n  Array(count)\n    .fill(1)\n    .map((_, index) => index + start);\n\nexport const fullNameToInitials = (name: string) =>\n  name\n    .split(' ')\n    .map(word => word[0])\n    .join('');\n\nexport const defaultWidth = (field: ITemplateField | IDocumentField) => {\n  switch (field.type) {\n    case 'attachment':\n    case 'payment':\n      return 24;\n    case 'checkbox':\n    case 'checkbox_group':\n    case 'radio_button_group':\n      return 14;\n    case 'signature':\n    case 'initial':\n      return 82;\n  }\n\n  return 150;\n};\n\nexport const defaultHeight = (field: ITemplateField | IDocumentField) => {\n  switch (field.type) {\n    case 'attachment':\n    case 'payment':\n      return 24;\n    case 'checkbox':\n    case 'checkbox_group':\n    case 'radio_button_group':\n      return 14;\n    case 'signature':\n    case 'initial':\n      return 41;\n  }\n\n  return 50;\n};\n\nexport const setControlStyles = (el: HTMLElement, field: ITemplateField | IDocumentField, xScale: number, yScale: number, option?: number) => {\n  const settings = (field as ITemplateField).setting || (field as IDocumentField).settings;\n  let {x = 0, y = 0, width = defaultWidth(field), height = defaultHeight(field)} = settings;\n\n  const optionSettings = option !== undefined && settings.options[option] ? settings.options[option] : null;\n  if (optionSettings) {\n    x = optionSettings.x ?? x;\n    y = optionSettings.y ?? y;\n    width = optionSettings.width ?? width;\n    height = optionSettings.height ?? height;\n  }\n\n  el.style.width = `${width}px`;\n  el.style.height = `${height}px`;\n  el.style.position = 'absolute';\n  el.style.left = `${rescale(xScale, x)}px`;\n  el.style.bottom = `${rescale(yScale, y)}px`;\n  el.style.transform = `scale(${xScale}, ${yScale})`;\n  // el.style.backgroundColor = field['rgba'] || getRGBA(roleIndex);\n};\n\nexport const getFieldId = (field: ITemplateField | IDocumentField) => {\n  return `verdocs-doc-fld-${field.name}`;\n};\n\nexport const getFieldOptionId = (field: ITemplateField, index: number) => {\n  return `verdocs-doc-fld-${field.name}-${index}`;\n};\n\nexport const renderDocumentField = (\n  field: ITemplateField,\n  docPage: IDocumentPageInfo,\n  roleIndex: number,\n  handleFieldChange: (field: ITemplateField, e: any, optionId?: string) => void,\n  disabled: boolean,\n  editable: boolean = false,\n  draggable: boolean = false,\n) => {\n  const controlsDiv = document.getElementById(docPage.containerId + '-controls');\n  if (!controlsDiv) {\n    return;\n  }\n\n  switch (field.type) {\n    case 'attachment':\n    case 'date':\n    case 'dropdown':\n    case 'initial':\n    case 'payment':\n    case 'signature':\n    case 'timestamp':\n    case 'textarea':\n    case 'textbox': {\n      const id = getFieldId(field);\n      const existingField = document.getElementById(id);\n      if (existingField) {\n        setControlStyles(existingField, field, docPage.xScale, docPage.yScale);\n        return;\n      }\n\n      const el: any = document.createElement(`verdocs-field-${field.type}`);\n      el.field = field;\n      el.setAttribute('id', id);\n      el.setAttribute('roleindex', roleIndex);\n      if (disabled) {\n        el.setAttribute('disabled', true);\n      }\n      if (editable) {\n        el.setAttribute('editable', true);\n      }\n      if (draggable) {\n        el.setAttribute('draggable', true);\n      }\n      el.addEventListener('fieldChange', e => handleFieldChange(field, e));\n      setControlStyles(el, field, docPage.xScale, docPage.yScale);\n      controlsDiv.appendChild(el);\n\n      return el;\n    }\n\n    case 'checkbox_group':\n      field.setting.options.forEach((_, checkboxIndex) => {\n        const id = getFieldOptionId(field, checkboxIndex);\n        const existingField = document.getElementById(id);\n        if (existingField) {\n          setControlStyles(existingField, field, docPage.xScale, docPage.yScale);\n          return;\n        }\n\n        const cbEl: any = document.createElement(`verdocs-field-checkbox`);\n        cbEl.field = field;\n        cbEl.setAttribute('id', id);\n        cbEl.setAttribute('roleindex', roleIndex);\n        cbEl.setAttribute('option', checkboxIndex);\n        if (disabled) {\n          cbEl.setAttribute('disabled', true);\n        }\n        cbEl.addEventListener('fieldChange', e => handleFieldChange(field, e));\n        setControlStyles(cbEl, field, docPage.xScale, docPage.yScale);\n        controlsDiv.appendChild(cbEl);\n\n        return cbEl;\n      });\n\n      break;\n\n    case 'radio_button_group':\n      field.setting.options.forEach((_, buttonIndex) => {\n        const id = getFieldOptionId(field, buttonIndex);\n        const existingField = document.getElementById(id);\n        if (existingField) {\n          setControlStyles(existingField, field, docPage.xScale, docPage.yScale);\n          return;\n        }\n\n        const cbEl: any = document.createElement(`verdocs-field-radio-button`);\n        cbEl.field = field;\n        cbEl.setAttribute('id', id);\n        cbEl.setAttribute('roleindex', roleIndex);\n        cbEl.setAttribute('option', buttonIndex);\n        if (disabled) {\n          cbEl.setAttribute('disabled', true);\n        }\n        cbEl.addEventListener('fieldChange', e => handleFieldChange(field, e));\n        setControlStyles(cbEl, field, docPage.xScale, docPage.yScale, buttonIndex);\n        controlsDiv.appendChild(cbEl);\n\n        return cbEl;\n      });\n\n      break;\n\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('[PREVIEW] Skipping unsupported field type', field);\n      return null;\n  }\n};\n\nexport const getRoleIndex = (roles: string[], role: string) => roles.indexOf(role) || 0;\n\n// TODO: We can clean this up a lot if we alter the API to emit both setting and settings regardless of the source type,\n//   but then merge the SDK types to encourage developers to use just `settings`.\nexport const getFieldSettings = (field: ITemplateField | IDocumentField) => {\n  if ((field as ITemplateField).setting) {\n    return (field as ITemplateField).setting;\n  }\n\n  if ((field as IDocumentField).settings) {\n    return (field as IDocumentField).settings;\n  }\n\n  return {x: 0, y: 0, required: false, disabled: false, result: '', value: ''};\n};\n"]}

package/dist/components/TemplateDocuments.js

@@ -0,0 +1,42 @@
+/**
+ * A TemplateDocument represents a PDF or other attachment in a Template.
+ *
+ * @module
+ */
+/**
+ * Get a specific Document.
+ *
+ * ```typescript
+ * import {TemplateDocument} from '@verdocs/js-sdk/Templates';
+ *
+ * await TemplateDocument.geTemplateDocument((VerdocsEndpoint.getDefault(), templateId,documentId);
+ * ```
+ */
+var getTemplateDocument = function (endpoint, templateId, documentId) {
+    return endpoint.api //
+        .get("/templates/".concat(templateId, "/documents/").concat(documentId))
+        .then(function (r) { return r.data; });
+};
+/**
+ * Create a Document for a particular Template.
+ *
+ * ```typescript
+ * import {TemplateDocument} from '@verdocs/js-sdk/Templates';
+ *
+ * await TemplateDocument.createDocument((VerdocsEndpoint.getDefault(), templateID, params);
+ * ```
+ */
+var createTemplateDocument = function (endpoint, templateId, file, onUploadProgress) {
+    var formData = new FormData();
+    formData.append('document', file, file.name);
+    return endpoint.api //
+        .post("/templates/".concat(templateId, "/documents"), formData, {
+        timeout: 10000,
+        onUploadProgress: function (event) { return onUploadProgress === null || onUploadProgress === void 0 ? void 0 : onUploadProgress(Math.floor((event.loaded * 100) / event.total), event.loaded, event.total); },
+    })
+        .then(function (r) { return r.data; });
+};
+
+export { createTemplateDocument as c, getTemplateDocument as g };
+
+//# sourceMappingURL=TemplateDocuments.js.map

package/dist/components/TemplateDocuments.js.map

@@ -0,0 +1 @@
+{"file":"TemplateDocuments.js","mappings":"AAAA;AACA;AACA;AACA;AACA;AAmDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACU,IAAC,mBAAmB,GAAG,UAAU,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE;AAC7E,IAAI,OAAO,QAAQ,CAAC,GAAG;AACvB,SAAS,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;AAChF,SAAS,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C,EAAE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACU,IAAC,sBAAsB,GAAG,UAAU,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE;AAC5F,IAAI,IAAI,QAAQ,GAAG,IAAI,QAAQ,EAAE,CAAC;AAClC,IAAI,QAAQ,CAAC,MAAM,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;AACjD,IAAI,OAAO,QAAQ,CAAC,GAAG;AACvB,SAAS,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,EAAE,QAAQ,EAAE;AACxE,QAAQ,OAAO,EAAE,KAAK;AACtB,QAAQ,gBAAgB,EAAE,UAAU,KAAK,EAAE,EAAE,OAAO,gBAAgB,KAAK,IAAI,IAAI,gBAAgB,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE;AACtN,KAAK,CAAC;AACN,SAAS,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C;;;;","names":[],"sources":["./node_modules/@verdocs/js-sdk/Templates/TemplateDocuments.js"],"sourcesContent":["/**\n * A TemplateDocument represents a PDF or other attachment in a Template.\n *\n * @module\n */\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\n/**\n * Get all the Template Documents associated to a particular Template.\n *\n * ```typescript\n * import {TemplateDocument} from '@verdocs/js-sdk/Templates';\n *\n * await TemplateDocument.geTemplateDocuments((VerdocsEndpoint.getDefault(), templateId);\n * ```\n */\nexport var getTemplateDocuments = function (endpoint, templateId) {\n    return endpoint.api //\n        .get(\"/templates/\".concat(templateId, \"/documents/\"))\n        .then(function (r) { return r.data; });\n};\n/**\n * Get a specific Document.\n *\n * ```typescript\n * import {TemplateDocument} from '@verdocs/js-sdk/Templates';\n *\n * await TemplateDocument.geTemplateDocument((VerdocsEndpoint.getDefault(), templateId,documentId);\n * ```\n */\nexport var getTemplateDocument = function (endpoint, templateId, documentId) {\n    return endpoint.api //\n        .get(\"/templates/\".concat(templateId, \"/documents/\").concat(documentId))\n        .then(function (r) { return r.data; });\n};\n/**\n * Create a Document for a particular Template.\n *\n * ```typescript\n * import {TemplateDocument} from '@verdocs/js-sdk/Templates';\n *\n * await TemplateDocument.createDocument((VerdocsEndpoint.getDefault(), templateID, params);\n * ```\n */\nexport var createTemplateDocument = function (endpoint, templateId, file, onUploadProgress) {\n    var formData = new FormData();\n    formData.append('document', file, file.name);\n    return endpoint.api //\n        .post(\"/templates/\".concat(templateId, \"/documents\"), formData, {\n        timeout: 10000,\n        onUploadProgress: function (event) { return onUploadProgress === null || onUploadProgress === void 0 ? void 0 : onUploadProgress(Math.floor((event.loaded * 100) / event.total), event.loaded, event.total); },\n    })\n        .then(function (r) { return r.data; });\n};\n/**\n * Delete a specific Document.\n *\n * ```typescript\n * import {TemplateDocument} from '@verdocs/js-sdk/Templates';\n *\n * await TemplateDocument.deleteDocument((VerdocsEndpoint.getDefault(), templateID, documentID);\n * ```\n */\nexport var deleteTemplateDocument = function (endpoint, templateId, documentId) {\n    return endpoint.api //\n        .delete(\"/templates/\".concat(templateId, \"/documents/\").concat(documentId))\n        .then(function (r) { return r.data; });\n};\n/**\n * Get (binary download) a file attached to a Template. It is important to use this method\n * rather than a direct A HREF or similar link to set the authorization headers for the\n * request.\n */\nexport var getTemplateDocumentFile = function (endpoint, templateId, documentId) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .get(\"/templates/\".concat(templateId, \"/documents/\").concat(documentId, \"?file=true\"), {\n                responseType: 'arraybuffer',\n            })\n                .then(function (r) { return Buffer.from(r.data, 'binary').toString('base64'); })];\n    });\n}); };\n/**\n * Get (binary download) a file attached to a Template. It is important to use this method\n * rather than a direct A HREF or similar link to set the authorization headers for the\n * request.\n */\nexport var getTemplateDocumentThumbnail = function (endpoint, templateId, documentId) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .get(\"/templates/\".concat(templateId, \"/documents/\").concat(documentId, \"?thumbnail=true\"), {\n                responseType: 'arraybuffer',\n            })\n                .then(function (r) { return Buffer.from(r.data, 'binary').toString('base64'); })];\n    });\n}); };\n"],"version":3}