@verdocs/web-sdk 1.0.23 → 1.2.0

package/dist/collection/components/embeds/search-embed/search-embed.js

@@ -1,15 +0,0 @@
-import { Component, Host, h } from '@stencil/core';
-export class SearchEmbed {
-  render() {
-    return (h(Host, null,
-      h("slot", null)));
-  }
-  static get is() { return "search-embed"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["search-embed.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["search-embed.css"]
-  }; }
-}

package/dist/collection/components/pdf-viewer/pdf-viewer.css

@@ -1,20 +0,0 @@
-pdf-viewer {
-  /* Fallback font for old browsers */
-  font-family: sans-serif;
-  font-family: var(--verdocs-font);
-  display: flex;
-  flex-direction: column;
-}
-
-pdf-viewer button.test {
-  color: #fff;
-  cursor: pointer;
-  padding: 5px 10px;
-  border-radius: 4px;
-  background: #5a5767;
-  border: 1px solid #ccc;
-}
-
-pdf-viewer #pdf-container canvas {
-  max-width: 100%;
-}

package/dist/collection/components/pdf-viewer/pdf-viewer.js

@@ -1,278 +0,0 @@
-import pdf from 'pdfjs-dist/build/pdf';
-import { VerbosityLevel, version as PDFJSversion } from 'pdfjs-dist';
-import { Component, Host, h, Element, Event, Prop, Watch } from '@stencil/core';
-// import {PDFDocumentProxy, PDFPageProxy, PDFPageViewport, PDFRenderParams, PDFRenderTask} from 'pdfjs-dist';
-// import * as PDFJSViewer from 'pdfjs-dist/web/pdf_viewer';
-import { integerSequence } from '../../utils/utils';
-const PDF_WORKER_URL = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${PDFJSversion}/pdf.worker.min.js`;
-const CMAPS_URL = `https://unpkg.com/pdfjs-dist@${PDFJSversion}/cmaps/`;
-// https://unpkg.com/pdfjs-dist@2.0.550/cmaps/78-EUC-H.bcmap
-console.log('[PDFVIEWER] Loading PDF-JS', { PDF_WORKER_URL, CMAPS_URL });
-// pdf.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.worker.min.js';
-// pdf.GlobalWorkerOptions.workerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${PDFJSversion}/pdf.worker.min.js`;
-// TODO: Re-enable this
-pdf.GlobalWorkerOptions.workerSrc = PDF_WORKER_URL;
-// export interface PDFViewerEvent {
-//   type: 'click';
-//   pdfDocument: any;
-// }
-export class PdfViewer {
-  constructor() {
-    // private canvas: HTMLCanvasElement;
-    // private ctx: CanvasRenderingContext2D;
-    // private scale = 1.319852941176471;
-    // private scale = 2;
-    // private pageNum = 1;
-    this.numPages = 1;
-    this.fingerprint = null;
-    /**
-     * Rotate the PDF in degrees
-     * {number}
-     */
-    this.rotation = 0;
-  }
-  // @Event() pdfClicked: EventEmitter<PDFViewerEvent>;
-  buttonClicked() {
-    console.log('PDF clicked', this);
-    // this.pdfClicked.emit({type: 'click', pdfDocument: {name: 'test', active: true}});
-  }
-  /**
-   * Listen for changes to src
-   * @param newValue
-   * @param oldValue
-   */
-  doSrc(newValue, oldValue) {
-    if (newValue === oldValue) {
-      return;
-    }
-    this.loadAndRender(newValue);
-  }
-  // @Method()
-  // async pageNext(e: MouseEvent) {
-  //   e.preventDefault();
-  //
-  //   if (this.pageNum >= this.pdfDocument.numPages) {
-  //     return;
-  //   }
-  //   this.pageNum += 1;
-  //   this.queueRenderPage(this.pageNum);
-  // }
-  /**
-   * Page backward
-   * e
-   */
-  // @Method()
-  // async pagePrev(e: MouseEvent) {
-  //   e.preventDefault();
-  //
-  //   if (this.pageNum <= 1) {
-  //     return;
-  //   }
-  //
-  //   this.pageNum -= 1;
-  //   this.queueRenderPage(this.pageNum);
-  // }
-  async renderPages() {
-    // async renderPage(pageNumber: number): Promise<void> {
-    // this.isPageRendering = true;
-    console.log('offset width', this.component.offsetWidth);
-    // const numPages = this.pdf._pdfInfo.numPages;
-    // const offsetWidth = 10;
-    //this.container.offsetWidth;
-    // let largestWidth = 0;
-    // let scale = 1;
-    // let stickToPage = true;
-    console.log('n', this.numPages);
-    const pageNumbersToRender = integerSequence(1, this.numPages);
-    console.log('Page numbers to render', pageNumbersToRender);
-    for await (let pageNum of pageNumbersToRender) {
-      console.log('Rendering page', pageNum);
-      const page = await this.pdfDocument.getPage(pageNum);
-      const viewport = page.getViewport({ scale: 2 });
-      const canvas = document.createElement('canvas');
-      const canvasContext = canvas.getContext('2d');
-      canvas.height = viewport.height;
-      canvas.width = viewport.width;
-      if (pageNum > 1) {
-        canvas.style.marginTop = '10px';
-        // canvas.style.maxWidth = '100%';
-      }
-      await page.render({ canvasContext, viewport });
-      this.pdfContainer.appendChild(canvas);
-    }
-    // for (let pageNum = 1; pageNum <= this.numPages; pageNum++) {
-    //   await this.pdfDocument.getPage(pageNum).then(page => {
-    //     // { width: 816, height: 1056, offsetX: 0, offsetY: 0, rotation: 0, scale: 1.3333333333333333,
-    //     //   viewBox: [0, 0, 612, 792], transform: [1.3333333333333333, 0, 0, -11.3333333333333333, 0, 1056] }
-    //     // const viewport = page.getViewport({scale: 2});
-    //     // console.log('Viewport', pageNum, viewport);
-    //     // largestWidth = largestWidth === 0 || viewport.width > largestWidth ? viewport.width : largestWidth;
-    //     // const viewportWidth = largestWidth > viewport.width ? largestWidth : viewport.width;
-    //     // if (viewport.width > offsetWidth) {
-    //     //   scale = offsetWidth / viewportWidth;
-    //     //   stickToPage = false;
-    //     // }
-    //
-    //     // var scale = pageScale;
-    //     const viewport = page.getViewport({scale: 2});
-    //     const canvas = document.createElement('canvas');
-    //     const canvasContext = canvas.getContext('2d');
-    //     canvas.height = viewport.height;
-    //     canvas.width = viewport.width;
-    //     page.render({canvasContext, viewport});
-    //     document.body.appendChild(canvas);
-    //   });
-    // }
-    // console.log({largestWidth, scale, stickToPage});
-    // this.pdfDocument.setScale()
-    // this.pdfViewer._setScale(scale, stickToPage);
-    // console.log('Rendering page', pageNumber);
-    // this.pdfDocument.getPage(pageNumber).then((page: PDFPageProxy) => {
-    //   const viewport: PDFPageViewport = page.getViewport({scale: this.scale, rotation: this.rotation});
-    //   // const viewport: PDFPageViewport = page.getViewport({scale: this.scale, rotation: this.rotation});
-    //   this.canvas.height = viewport.height;
-    //   this.canvas.width = viewport.width;
-    //
-    //   // Render PDF page into canvas context
-    //   const renderContext: PDFRenderParams = {
-    //     viewport,
-    //     canvasContext: this.ctx,
-    //   };
-    //
-    //   // Render page method
-    //   const renderTask: PDFRenderTask = page.render(renderContext);
-    //
-    //   // Wait for rendering to finish
-    //   renderTask.promise.then(() => {
-    //     this.isPageRendering = false;
-    //     this.pageRendered.emit(this.pageNum);
-    //
-    //     if (this.pageNumPending !== null) {
-    //       this.renderPage(this.pageNumPending); // New page rendering is pending
-    //       this.pageChange.emit(this.pageNumPending); // emit
-    //       this.pageNumPending = null;
-    //     }
-    //   });
-    // });
-  }
-  // private queueRenderPage(pageNumber: number): void {
-  //   if (this.isPageRendering) {
-  //     this.pageNumPending = pageNumber;
-  //   } else {
-  //     this.renderPage(pageNumber);
-  //   }
-  // }
-  componentDidLoad() {
-    this.pdfContainer = document.getElementById('verdocs-pdf-viewer-container');
-    // this.canvas = this.component.shadowRoot.getElementById('pdf-canvas') as HTMLCanvasElement;
-    // this.ctx = this.canvas.getContext('2d');
-    if (this.src) {
-      this.loadAndRender(this.src);
-    }
-  }
-  onProgress(progress) {
-    console.log('Loading progress', progress);
-  }
-  loadAndRender(src) {
-    console.log('[PDF-VIEWER] Loading', src);
-    const source = {
-      url: src,
-      withCredentials: true,
-      cMapUrl: CMAPS_URL,
-      cMapPacked: true,
-      verbosity: VerbosityLevel.INFOS,
-    };
-    pdf.getDocument(source, null, null, this.onProgress).promise.then((pdfDocument) => {
-      this.numPages = pdfDocument.numPages;
-      this.fingerprint = pdfDocument.fingerprint;
-      console.log(`[PDF-VIEWER] Got PDF document fingerprint "${this.fingerprint}, ${this.numPages} pages`);
-      this.pdfDocument = pdfDocument;
-      this.renderPages().catch(e => console.log('Rendering error', e));
-      // this.renderPage(this.pageNum);
-    });
-  }
-  render() {
-    return (h(Host, null,
-      h("div", { id: "verdocs-pdf-viewer-container" })));
-  }
-  static get is() { return "pdf-viewer"; }
-  static get originalStyleUrls() { return {
-    "$": ["pdf-viewer.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["pdf-viewer.css"]
-  }; }
-  static get properties() { return {
-    "rotation": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "0 | 90 | 180 | 270 | 360",
-        "resolved": "0 | 180 | 270 | 360 | 90",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Rotate the PDF in degrees\n{number}"
-      },
-      "attribute": "rotation",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "src": {
-      "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\n{number}"
-      },
-      "attribute": "src",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "pageRendered",
-      "name": "pageRendered",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      }
-    }, {
-      "method": "pageChange",
-      "name": "pageChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      }
-    }]; }
-  static get elementRef() { return "component"; }
-  static get watchers() { return [{
-      "propName": "src",
-      "methodName": "doSrc"
-    }]; }
-}

package/dist/custom-elements.json

@@ -1,259 +0,0 @@
-{
-  "version": 1.1,
-  "tags": [
-    {
-      "name": "document-status-indicator",
-      "description": {
-        "kind": "markdown",
-        "value": "Displays an icon and message describing a document's status of completion."
-      },
-      "attributes": [
-        {
-          "name": "status",
-          "description": "The status to display",
-          "values": [
-            {
-              "name": "canceled"
-            },
-            {
-              "name": "complete"
-            },
-            {
-              "name": "declined"
-            },
-            {
-              "name": "in progress"
-            },
-            {
-              "name": "pending"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "dropdown-menu",
-      "description": {
-        "kind": "markdown",
-        "value": "Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden\nwhen the button is pressed again, or an option is selected.\n\n```typescript\ninterface IMenuOption {\n  // The label to display on the menu option.\n  label: string;\n  // Optional icon to display next to the option's label. Specify icons as SVG strings.\n  icon?: string;\n  // If true, the option will be shown disabled (dimmed and not clickable).\n  disabled?: boolean;\n  // Optional additional fields such as IDs or other data. When a menu option is clicked/tapped, the associated\n  // IMenuOptionwill be passed to the event handler. This data may be used to help identify the option selected.\n  [key: string]: any;\n}\n```"
-      },
-      "attributes": [
-        {
-          "name": "open",
-          "description": "If set, the component will be open by default. This is primarily intended to be used for testing."
-        },
-        {
-          "name": "tall",
-          "description": "If set, the component will reserve space for Storybook-display purposes."
-        }
-      ]
-    },
-    {
-      "name": "org-popup",
-      "description": {
-        "kind": "markdown",
-        "value": "Display a pop-up describing the company that was hovered over\n\n```typescript\n\n```"
-      },
-      "attributes": [
-        {
-          "name": "organization",
-          "description": "The organization to display"
-        },
-        {
-          "name": "theme",
-          "description": "The \"theme\" to be used",
-          "values": [
-            {
-              "name": "dark"
-            },
-            {
-              "name": "light"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "pdf-viewer",
-      "description": {
-        "kind": "markdown",
-        "value": "Test"
-      },
-      "attributes": [
-        {
-          "name": "rotation",
-          "description": "Rotate the PDF in degrees\n{number}"
-        },
-        {
-          "name": "src",
-          "description": "Src of the PDF to load and render\n{number}"
-        }
-      ]
-    },
-    {
-      "name": "search-box",
-      "description": {
-        "kind": "markdown",
-        "value": "Displays a customizable input box for search queries."
-      },
-      "attributes": [
-        {
-          "name": "placeholder",
-          "description": "The placeholder to display in the input field."
-        },
-        {
-          "name": "query",
-          "description": "The text search string entered by the user."
-        },
-        {
-          "name": "type",
-          "description": "If set to a value other than 'all', a removeable filter indicator will be displayed.",
-          "values": [
-            {
-              "name": "all"
-            },
-            {
-              "name": "document"
-            },
-            {
-              "name": "organization"
-            },
-            {
-              "name": "template"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "search-embed",
-      "description": {
-        "kind": "markdown",
-        "value": ""
-      },
-      "attributes": []
-    },
-    {
-      "name": "search-quick-functions",
-      "description": {
-        "kind": "markdown",
-        "value": "Display quick-function buttons for creating templates and documents."
-      },
-      "attributes": []
-    },
-    {
-      "name": "search-recent",
-      "description": {
-        "kind": "markdown",
-        "value": "Display a list of recent searches. Note that only some types of searches are automatically saved in the\nuser's history (those that contain a unique `q` query string from the next-most-recent search."
-      },
-      "attributes": [
-        {
-          "name": "limit",
-          "description": "If set, limits the number of entries that will be shown. Note that there is a server-imposed limit of 20 entries\nthat cannot currently be increased (only reduced)."
-        }
-      ]
-    },
-    {
-      "name": "search-saved",
-      "description": {
-        "kind": "markdown",
-        "value": "Display a list of saved searches. Note that only some types of searches are automatically saved in the\nuser's history (those that contain a unique `q` query string from the next-most-recent search."
-      },
-      "attributes": [
-        {
-          "name": "limit",
-          "description": "If set, limits the number of entries that will be shown. Note that there is a server-imposed limit of 20 entries\nthat cannot currently be increased (only reduced)."
-        }
-      ]
-    },
-    {
-      "name": "search-starred",
-      "description": {
-        "kind": "markdown",
-        "value": "Display a list of starred items."
-      },
-      "attributes": [
-        {
-          "name": "options",
-          "description": ""
-        }
-      ]
-    },
-    {
-      "name": "search-tabs",
-      "description": {
-        "kind": "markdown",
-        "value": ""
-      },
-      "attributes": []
-    },
-    {
-      "name": "tags-indicator",
-      "description": {
-        "kind": "markdown",
-        "value": "Displays a message describing a document's status of completion\n\n```typescript\n\n```"
-      },
-      "attributes": [
-        {
-          "name": "theme",
-          "description": "The \"theme\" to be used",
-          "values": [
-            {
-              "name": "dark"
-            },
-            {
-              "name": "light"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "template-card",
-      "description": {
-        "kind": "markdown",
-        "value": "Displays the overview of a template\n\n```typescript\n\n```"
-      },
-      "attributes": [
-        {
-          "name": "template",
-          "description": "The template whose information is gonna be displayed"
-        },
-        {
-          "name": "theme",
-          "description": "The \"theme\" to be used",
-          "values": [
-            {
-              "name": "dark"
-            },
-            {
-              "name": "light"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "toggle-icon-buttons",
-      "description": {
-        "kind": "markdown",
-        "value": "Displays a label and a set of buttons, also allowing a default selection of a button\n\n```typescript\n\n```"
-      },
-      "attributes": [
-        {
-          "name": "theme",
-          "description": "The \"theme\" to be used",
-          "values": [
-            {
-              "name": "dark"
-            },
-            {
-              "name": "light"
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}

package/dist/esm/document-status-indicator.entry.js

@@ -1,47 +0,0 @@
-import { r as registerInstance, h } from './index-792f07a6.js';
-
-const CancelledIcon = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#ffffff"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12zm8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8z"/></svg>`;
-
-const DeclinedIcon = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#ffffff"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg>`;
-
-const FinishedIcon = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#ffffff"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/></svg>`;
-
-const PendingIcon = `<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"><g><rect fill="none" height="24" width="24"/></g><g><g><path d="M12,2C6.48,2,2,6.48,2,12c0,5.52,4.48,10,10,10s10-4.48,10-10C22,6.48,17.52,2,12,2z M12,20c-4.42,0-8-3.58-8-8 c0-4.42,3.58-8,8-8s8,3.58,8,8C20,16.42,16.42,20,12,20z"/><circle cx="7" cy="12" r="1.5"/><circle cx="12" cy="12" r="1.5"/><circle cx="17" cy="12" r="1.5"/></g></g></svg>`;
-
-const documentStatusIndicatorCss = "document-status-indicator{font-family:sans-serif;font-family:var(--verdocs-font)}document-status-indicator .container{width:140px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background-color:var(--verdocs-background-dark);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-size:16px;color:#ffffff}document-status-indicator .icon{margin-right:8px}document-status-indicator svg{height:20px;width:20px}";
-
-let DocumentStatusIndicator = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    let icon;
-    let statusMessage;
-    switch (this.status) {
-      case 'complete':
-        icon = FinishedIcon;
-        statusMessage = 'Complete';
-        break;
-      case 'pending':
-        icon = PendingIcon;
-        statusMessage = 'Pending';
-        break;
-      case 'in progress':
-        icon = PendingIcon;
-        statusMessage = 'In Progress';
-        break;
-      case 'canceled':
-        icon = CancelledIcon;
-        statusMessage = 'Cancelled';
-        break;
-      case 'declined':
-        icon = DeclinedIcon;
-        statusMessage = 'Declined';
-        break;
-    }
-    return (h("div", { class: "container" }, h("span", { class: "icon", innerHTML: icon }), h("span", { class: "content" }, statusMessage)));
-  }
-};
-DocumentStatusIndicator.style = documentStatusIndicatorCss;
-
-export { DocumentStatusIndicator as document_status_indicator };