@verdocs/web-sdk 1.0.22 → 1.1.0

package/dist/collection/components/elements/template-card/template-card.css

@@ -1,90 +0,0 @@
-template-card {
-  /* Fallback font for old browsers */
-  font-family: sans-serif;
-  font-family: var(--verdocs-font);
-}
-
-template-card .container {
-  height: 640px;
-  width: 645px;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  flex-wrap: nowrap;
-  background-color: #ffffff;
-  box-shadow: 2px 2px 5px rgba(51, 54, 75, 0.05);
-  padding: 52px 50px 20px 50px;
-}
-
-template-card .template-img {
-  width: 545px;
-  height: 315px;
-  background-color: salmon;
-  margin-bottom: 22px;
-}
-
-template-card .template-name {
-  font-size: 28px;
-  font-family: sans-serif;
-  font-weight: 700;
-  margin-bottom: 13px;
-}
-
-template-card .template-org-bname {
-  font-size: 24px;
-  font-family: sans-serif;
-  font-weight: 700;
-  margin-bottom: 12px;
-}
-
-template-card .template-org-name {
-  margin-bottom: 34px;
-}
-
-template-card .template-org-name label {
-  font-size: 24px;
-  font-family: sans-serif;
-  font-weight: 700;
-  color: #666666;
-}
-
-template-card hr {
-  width: 100%;
-  margin-bottom: 17px;
-  color: #aeb4bf;
-}
-
-template-card .template-controls {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  justify-content: space-between;
-  text-align: center;
-  font-size: 21px;
-}
-
-template-card .template-controls span:nth-child(-n+3) {
-  border-right: 1px solid #adb6bd;
-}
-
-template-card .template-controls svg {
-  fill: #adb6bd;
-  height: 30px;
-  width: 30px;
-  margin-bottom: -8px;
-  margin-right: 18px;
-}
-
-template-card .additional-controls svg {
-  margin-right: 0;
-}
-
-template-card .additional-controls {
-  flex: 1;
-}
-
-template-card .pages,
-template-card .star-counter,
-template-card .counter {
-  flex: 2;
-}

package/dist/collection/components/elements/template-card/template-card.js

@@ -1,74 +0,0 @@
-import { Component, Prop, h, getAssetPath } from '@stencil/core';
-import EmailIcon from './email-icon.svg';
-import ActionsIcon from './actions-icon.svg';
-import PagesIcon from './pages-icon.svg';
-import StarIcon from './star-icon.svg';
-/**
- * Displays the overview of a template
- *
- * ```typescript
- *
- * ```
- */
-export class TemplateCard {
-  render() {
-    return (h("div", { class: "container" },
-      h("div", { class: "template-img" },
-        h("img", { src: getAssetPath('template-card/dummy-image.png'), alt: "Dummy Image" })),
-      h("span", { class: "template-name" }, this.template.name),
-      h("span", { class: "template-org-bname" }, this.template.organization_business_name),
-      h("div", { class: "template-org-name" },
-        h("input", { type: "checkbox", id: "org-name", name: "org-name", checked: true }),
-        h("label", { htmlFor: "org-name" }, this.template.organization_name)),
-      h("hr", null),
-      h("div", { class: "template-controls" },
-        h("span", { class: "star-counter", innerHTML: StarIcon }, this.template.star_counter),
-        h("span", { class: "pages", innerHTML: PagesIcon }, this.template.pages),
-        h("span", { class: "counter", innerHTML: EmailIcon }, this.template.counter),
-        h("span", { class: "additional-controls", innerHTML: ActionsIcon }))));
-  }
-  static get is() { return "template-card"; }
-  static get originalStyleUrls() { return {
-    "$": ["template-card.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["template-card.css"]
-  }; }
-  static get assetsDirs() { return ["template-card"]; }
-  static get properties() { return {
-    "template": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The template whose information is gonna be displayed"
-      },
-      "attribute": "template",
-      "reflect": false
-    },
-    "theme": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'light' | 'dark'",
-        "resolved": "\"dark\" | \"light\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The \"theme\" to be used"
-      },
-      "attribute": "theme",
-      "reflect": false
-    }
-  }; }
-}

package/dist/collection/components/elements/template-card/template-card.stories.js

@@ -1,21 +0,0 @@
-import { html } from 'lit-html';
-const dummyTemplate = {
-  name: 'Lorem Ipsum',
-  organization_business_name: 'John Doe, Inc.',
-  organization_name: 'John Doe',
-  star_counter: 52,
-  pages: 409,
-  counter: 19
-};
-export default {
-  title: 'Controls/Template Card',
-  component: 'template-card',
-  args: {
-    template: dummyTemplate
-  },
-  argTypes: {
-    template: { type: 'object', control: 'object' },
-    theme: { type: 'string', control: 'radio', options: ['light', 'dark'], defaultValue: 'light' }
-  },
-};
-export const Default = ({ template, theme }) => html `<template-card .template="${template}" .theme="${theme}"></template-card>`;

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

@@ -1,3 +0,0 @@
-:host {
-  display: block;
-}

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/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 };