@verdocs/web-sdk 1.0.23 → 1.2.0

package/dist/collection/components/elements/search-recent/search-recent.css

@@ -1,65 +0,0 @@
-search-recent {
-  /* Fallback font for old browsers */
-  font-family: sans-serif;
-  font-family: var(--verdocs-font);
-}
-search-recent .container {
-  display: flex;
-  flex-direction: column;
-  flex-wrap: nowrap;
-  width: 240px;
-  background-color: var(--verdocs-background-dark);
-  text-transform: uppercase;
-  padding: 10px 10px 20px 10px;
-  font-family: sans-serif;
-  color: #ffffff;
-}
-search-recent .title {
-  font-size: 22px;
-  font-weight: 700;
-  line-height: 30px;
-}
-search-recent .items {
-  display: flex;
-  flex-direction: column;
-  flex-wrap: nowrap;
-  align-items: flex-start;
-  margin-top: 20px;
-}
-search-recent .button {
-  background: transparent;
-  border: none;
-  height: 20px;
-  font-size: 16px;
-  font-family: sans-serif;
-  color: #ffffff;
-  line-height: 26px;
-  display: flex;
-  align-items: center;
-}
-search-recent .button:hover {
-  cursor: pointer;
-}
-search-recent .button:not(:last-child) {
-  margin-bottom: 36px;
-}
-search-recent .button svg {
-  fill: #707ae5;
-  width: 28px;
-  height: 28px;
-  margin-right: 26px;
-}
-search-recent .pill {
-  font-size: 14px;
-  display: inline-flex;
-  padding: 3px 8px;
-  border-radius: 6px;
-  margin-right: 8px;
-  background-color: #999999;
-  color: #333;
-}
-search-recent .empty {
-  text-transform: none;
-  line-height: 22px;
-  color: #ccc;
-}

package/dist/collection/components/elements/search-recent/search-recent.js

@@ -1,90 +0,0 @@
-import { getSearchHistory } from '@verdocs/js-sdk/Search/Content';
-import { Component, Host, h, Prop, State, Event } from '@stencil/core';
-import SearchIcon from './search-icon.svg';
-/**
- * Display a list of recent searches. Note that only some types of searches are automatically saved in the
- * user's history (those that contain a unique `q` query string from the next-most-recent search.
- */
-export class SearchRecent {
-  constructor() {
-    /**
-     * If set, limits the number of entries that will be shown. Note that there is a server-imposed limit of 20 entries
-     * that cannot currently be increased (only reduced).
-     */
-    this.limit = 10;
-    this.recent = [];
-  }
-  componentDidLoad() {
-    getSearchHistory()
-      .then(r => {
-      this.recent = r.recent;
-    })
-      .catch(e => console.warn('[Verdocs/search-recent] Error getting search history', e));
-  }
-  handleSelectEntry(entry) {
-    this.entrySelected.emit(entry);
-  }
-  render() {
-    return (h(Host, null,
-      h("div", { class: "container" },
-        h("p", { class: "title" }, "Recent Searches"),
-        h("div", { class: "items" },
-          this.recent.slice(0, this.limit).map(entry => (h("button", { class: "button", innerHTML: SearchIcon, onClick: () => this.handleSelectEntry(entry) },
-            entry.params.type && h("span", { class: "pill" },
-              "type: ",
-              entry.params.type),
-            entry.params.q))),
-          this.recent.length < 1 && h("div", { class: "empty" }, "You do not have any recent searches.")))));
-  }
-  static get is() { return "search-recent"; }
-  static get originalStyleUrls() { return {
-    "$": ["search-recent.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["search-recent.css"]
-  }; }
-  static get properties() { return {
-    "limit": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "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)."
-      },
-      "attribute": "limit",
-      "reflect": false,
-      "defaultValue": "10"
-    }
-  }; }
-  static get states() { return {
-    "recent": {}
-  }; }
-  static get events() { return [{
-      "method": "entrySelected",
-      "name": "entrySelected",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Event fired when an entry is clicked."
-      },
-      "complexType": {
-        "original": "IRecentSearch",
-        "resolved": "IRecentSearch",
-        "references": {
-          "IRecentSearch": {
-            "location": "import",
-            "path": "@verdocs/js-sdk/Search/Types"
-          }
-        }
-      }
-    }]; }
-}

package/dist/collection/components/elements/search-recent/search-recent.stories.js

@@ -1,12 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Elements/Search/Recent',
-  component: 'search-recent',
-  args: {
-    limit: 10,
-  },
-  argTypes: {
-    entrySelected: { action: 'entrySelected' },
-  },
-};
-export const Default = ({ limit, entrySelected }) => html `<search-recent .limit=${limit} @entrySelected=${entrySelected} />`;

package/dist/collection/components/elements/search-saved/search-icon.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>

package/dist/collection/components/elements/search-saved/search-saved.css

@@ -1,56 +0,0 @@
-search-saved {
-  /* Fallback font for old browsers */
-  font-family: sans-serif;
-  font-family: var(--verdocs-font);
-}
-search-saved .container {
-  display: flex;
-  flex-direction: column;
-  flex-wrap: nowrap;
-  width: 240px;
-  background-color: var(--verdocs-background-dark);
-  text-transform: uppercase;
-  padding: 10px 10px 20px 10px;
-  font-family: sans-serif;
-  color: #ffffff;
-}
-search-saved .title {
-  font-size: 22px;
-  font-weight: 700;
-  line-height: 30px;
-}
-search-saved .items {
-  display: flex;
-  flex-direction: column;
-  flex-wrap: nowrap;
-  align-items: flex-start;
-  margin-top: 20px;
-}
-search-saved .button {
-  background: transparent;
-  border: none;
-  height: 20px;
-  font-size: 16px;
-  font-family: sans-serif;
-  color: #ffffff;
-  line-height: 26px;
-  display: flex;
-  align-items: center;
-}
-search-saved .button:hover {
-  cursor: pointer;
-}
-search-saved .button:not(:last-child) {
-  margin-bottom: 36px;
-}
-search-saved .button svg {
-  fill: #707ae5;
-  width: 28px;
-  height: 28px;
-  margin-right: 26px;
-}
-search-saved .empty {
-  text-transform: none;
-  line-height: 22px;
-  color: #ccc;
-}

package/dist/collection/components/elements/search-saved/search-saved.js

@@ -1,86 +0,0 @@
-import { getSearchHistory } from '@verdocs/js-sdk/Search/Content';
-import { Component, Host, h, Prop, State, Event } from '@stencil/core';
-import SearchIcon from './search-icon.svg';
-/**
- * Display a list of saved searches. Note that only some types of searches are automatically saved in the
- * user's history (those that contain a unique `q` query string from the next-most-recent search.
- */
-export class SearchSaved {
-  constructor() {
-    /**
-     * If set, limits the number of entries that will be shown. Note that there is a server-imposed limit of 20 entries
-     * that cannot currently be increased (only reduced).
-     */
-    this.limit = 10;
-    this.saved = [];
-  }
-  componentDidLoad() {
-    getSearchHistory()
-      .then(r => {
-      this.saved = r.saved;
-    })
-      .catch(e => console.warn('[Verdocs/search-saved] Error getting search history', e));
-  }
-  handleSelectEntry(entry) {
-    this.entrySelected.emit(entry);
-  }
-  render() {
-    return (h(Host, null,
-      h("div", { class: "container" },
-        h("p", { class: "title" }, "Saved Searches"),
-        h("div", { class: "items" },
-          this.saved.slice(0, this.limit).map(entry => (h("button", { class: "button", innerHTML: SearchIcon, onClick: () => this.handleSelectEntry(entry) }, entry.name))),
-          this.saved.length < 1 && h("div", { class: "empty" }, "You do not have any saved searches.")))));
-  }
-  static get is() { return "search-saved"; }
-  static get originalStyleUrls() { return {
-    "$": ["search-saved.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["search-saved.css"]
-  }; }
-  static get properties() { return {
-    "limit": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "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)."
-      },
-      "attribute": "limit",
-      "reflect": false,
-      "defaultValue": "10"
-    }
-  }; }
-  static get states() { return {
-    "saved": {}
-  }; }
-  static get events() { return [{
-      "method": "entrySelected",
-      "name": "entrySelected",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Event fired when an entry is clicked."
-      },
-      "complexType": {
-        "original": "ISavedSearch",
-        "resolved": "ISavedSearch",
-        "references": {
-          "ISavedSearch": {
-            "location": "import",
-            "path": "@verdocs/js-sdk/Search/Types"
-          }
-        }
-      }
-    }]; }
-}

package/dist/collection/components/elements/search-saved/search-saved.stories.js

@@ -1,12 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Elements/Search/Saved',
-  component: 'search-saved',
-  args: {
-    limit: 10,
-  },
-  argTypes: {
-    entrySelected: { action: 'entrySelected' },
-  },
-};
-export const Default = ({ limit, entrySelected }) => html `<search-saved .limit=${limit} @entrySelected=${entrySelected} />`;

package/dist/collection/components/elements/search-starred/search-starred.js

@@ -1,91 +0,0 @@
-import { Component, Host, h, Prop, Event } from '@stencil/core';
-import DocumentIcon from './document-icon.svg';
-/**
- * Display a list of starred items.
- */
-export class SearchStarred {
-  handleSelectEntry(entry) {
-    this.entrySelected.emit(entry);
-  }
-  computePagesText(pages) {
-    if (pages < 2) {
-      return `${pages} Page`;
-    }
-    else {
-      return `${pages} Pages`;
-    }
-  }
-  computeRecipientsText(recipients) {
-    if (typeof recipients === 'object') {
-      return recipients.join(', ');
-    }
-    else if (recipients > 1) {
-      return `${recipients} Recipients`;
-    }
-    else {
-      return `${recipients} Recipient`;
-    }
-  }
-  render() {
-    var _a, _b;
-    return (h(Host, null,
-      h("div", { class: "container" },
-        h("p", { class: "title" }, "My Starred Items"),
-        h("div", { class: "items" }, (_a = this.options) === null || _a === void 0 ? void 0 :
-          _a.map(option => (h("button", { class: "item", onClick: () => this.handleSelectEntry(option) },
-            h("div", { class: "icon", innerHTML: DocumentIcon }),
-            h("div", { class: "details" },
-              h("div", { class: "item-title" }, option.params.q),
-              h("div", { class: "info" },
-                option.pages ? `${this.computePagesText(option.pages)} ` : '',
-                option.recipients ? this.computeRecipientsText(option.recipients) : ''))))),
-          (((_b = this.options) === null || _b === void 0 ? void 0 : _b.length) || []) < 1 && h("div", { class: "empty" }, "You do not have any starred items.")))));
-  }
-  static get is() { return "search-starred"; }
-  static get originalStyleUrls() { return {
-    "$": ["search-starred.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["search-starred.css"]
-  }; }
-  static get properties() { return {
-    "options": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "options",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "entrySelected",
-      "name": "entrySelected",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Event fired when an entry is clicked."
-      },
-      "complexType": {
-        "original": "IRecentSearch",
-        "resolved": "IRecentSearch",
-        "references": {
-          "IRecentSearch": {
-            "location": "import",
-            "path": "@verdocs/js-sdk/Search/Types"
-          }
-        }
-      }
-    }]; }
-}

package/dist/collection/components/elements/search-starred/search-starred.stories.js

@@ -1,35 +0,0 @@
-import { html } from 'lit-html';
-const dummyData = [
-  {
-    params: { q: 'COVID-19 Verdocs Health Certificate' },
-    pages: 1,
-    recipients: 1,
-  },
-  {
-    params: { q: 'Verdocs NDA', type: 'template' },
-    pages: 1,
-    recipients: 2,
-  },
-  {
-    params: { q: 'AGNT Verdocs MSA', type: 'template' },
-    recipients: ['Pierce Alizadeh', 'Patrick Haney'],
-  },
-  {
-    params: { q: 'Verdocs Template', type: 'template' },
-    pages: 2,
-  },
-];
-/**
- * Display a list of starred items (favorite templates).
- */
-export default {
-  title: 'Elements/Search/Starred',
-  component: 'search-starred',
-  args: {
-    options: dummyData,
-  },
-  argTypes: {
-    entrySelected: { action: 'entrySelected' },
-  },
-};
-export const Default = ({ options, entrySelected }) => html `<search-starred .options=${options} @entrySelected=${entrySelected} tall />`;

package/dist/collection/components/elements/search-tabs/search-tabs.css

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

package/dist/collection/components/elements/search-tabs/search-tabs.js

@@ -1,20 +0,0 @@
-import { Component, Host, h, State } from '@stencil/core';
-export class SearchTabs {
-  constructor() {
-    this.selected = 'all';
-  }
-  render() {
-    return (h(Host, null,
-      h("slot", null)));
-  }
-  static get is() { return "search-tabs"; }
-  static get originalStyleUrls() { return {
-    "$": ["search-tabs.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["search-tabs.css"]
-  }; }
-  static get states() { return {
-    "selected": {}
-  }; }
-}

package/dist/collection/components/elements/template-card/star-icon.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"/></svg>

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