@verdocs/web-sdk 1.0.25 → 1.4.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/custom-elements/index.d.ts

@@ -1,123 +0,0 @@
-/* VerdocsWebSdk custom elements bundle */
-
-import type { Components, JSX } from "../types/components";
-
-interface DocumentStatusIndicator extends Components.DocumentStatusIndicator, HTMLElement {}
-export const DocumentStatusIndicator: {
-  prototype: DocumentStatusIndicator;
-  new (): DocumentStatusIndicator;
-};
-
-interface DropdownMenu extends Components.DropdownMenu, HTMLElement {}
-export const DropdownMenu: {
-  prototype: DropdownMenu;
-  new (): DropdownMenu;
-};
-
-interface OrgPopup extends Components.OrgPopup, HTMLElement {}
-export const OrgPopup: {
-  prototype: OrgPopup;
-  new (): OrgPopup;
-};
-
-interface PdfViewer extends Components.PdfViewer, HTMLElement {}
-export const PdfViewer: {
-  prototype: PdfViewer;
-  new (): PdfViewer;
-};
-
-interface SearchBox extends Components.SearchBox, HTMLElement {}
-export const SearchBox: {
-  prototype: SearchBox;
-  new (): SearchBox;
-};
-
-interface SearchEmbed extends Components.SearchEmbed, HTMLElement {}
-export const SearchEmbed: {
-  prototype: SearchEmbed;
-  new (): SearchEmbed;
-};
-
-interface SearchQuickFunctions extends Components.SearchQuickFunctions, HTMLElement {}
-export const SearchQuickFunctions: {
-  prototype: SearchQuickFunctions;
-  new (): SearchQuickFunctions;
-};
-
-interface SearchRecent extends Components.SearchRecent, HTMLElement {}
-export const SearchRecent: {
-  prototype: SearchRecent;
-  new (): SearchRecent;
-};
-
-interface SearchSaved extends Components.SearchSaved, HTMLElement {}
-export const SearchSaved: {
-  prototype: SearchSaved;
-  new (): SearchSaved;
-};
-
-interface SearchStarred extends Components.SearchStarred, HTMLElement {}
-export const SearchStarred: {
-  prototype: SearchStarred;
-  new (): SearchStarred;
-};
-
-interface SearchTabs extends Components.SearchTabs, HTMLElement {}
-export const SearchTabs: {
-  prototype: SearchTabs;
-  new (): SearchTabs;
-};
-
-interface TagsIndicator extends Components.TagsIndicator, HTMLElement {}
-export const TagsIndicator: {
-  prototype: TagsIndicator;
-  new (): TagsIndicator;
-};
-
-interface TemplateCard extends Components.TemplateCard, HTMLElement {}
-export const TemplateCard: {
-  prototype: TemplateCard;
-  new (): TemplateCard;
-};
-
-interface ToggleIconButtons extends Components.ToggleIconButtons, HTMLElement {}
-export const ToggleIconButtons: {
-  prototype: ToggleIconButtons;
-  new (): ToggleIconButtons;
-};
-
-/**
- * Utility to define all custom elements within this package using the tag name provided in the component's source. 
- * When defining each custom element, it will also check it's safe to define by:
- *
- * 1. Ensuring the "customElements" registry is available in the global context (window).
- * 2. The component tag name is not already defined.
- *
- * Use the standard [customElements.define()](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/define) 
- * method instead to define custom elements individually, or to provide a different tag name.
- */
-export declare const defineCustomElements: (opts?: any) => void;
-
-/**
- * Used to manually set the base path where assets can be found.
- * If the script is used as "module", it's recommended to use "import.meta.url",
- * such as "setAssetPath(import.meta.url)". Other options include
- * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
- * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
- * But do note that this configuration depends on how your script is bundled, or lack of
- * bunding, and where your assets can be loaded from. Additionally custom bundling
- * will have to ensure the static assets are copied to its build directory.
- */
-export declare const setAssetPath: (path: string) => void;
-
-export interface SetPlatformOptions {
-  raf?: (c: FrameRequestCallback) => number;
-  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-  ce?: (eventName: string, opts?: any) => CustomEvent;
-}
-export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
-
-export type { Components, JSX };
-
-export * from '../types';