@verdocs/web-sdk 2.3.88 → 4.0.6

package/dist/collection/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.stories.js

@@ -1,16 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Dialogs/Upload Dialog',
-  component: 'verdocs-upload-dialog',
-  args: {
-    open: true,
-    message: 'Login failed. Please check your username and password and try again.',
-  },
-  argTypes: {
-    onExit: {
-      action: 'exit',
-      table: { disable: true },
-    },
-  },
-};
-export const UploadDialog = ({ message, open, onExit }) => html `<verdocs-upload-dialog .message=${message} .open=${open} @exit=${onExit} />`;

package/dist/collection/components/elements/verdocs-quick-functions/verdocs-quick-functions.stories.js

@@ -1,15 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Search/Quick Functions',
-  component: 'verdocs-quick-functions',
-  args: {
-    options: {
-      title: 'Quick Create',
-    },
-  },
-  argTypes: {
-    createTemplate: { action: 'createTemplate' },
-    createDocument: { action: 'createDocument' },
-  },
-};
-export const QuickFunctions = ({ options, createTemplate, createDocument }) => html `<verdocs-quick-functions .options=${options} @createTemplate=${createTemplate} @createDocument=${createDocument} tall />`;

package/dist/collection/components/elements/verdocs-search-box/verdocs-search-box.stories.js

@@ -1,18 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Search/Search Box',
-  component: 'verdocs-search-box',
-  args: {
-    type: 'all',
-  },
-  argTypes: {
-    searchClicked: { action: 'searchClicked' },
-    typeChanged: { action: 'typeChanged' },
-    queryChanged: { action: 'queryChanged' },
-    type: { type: 'string', control: 'radio', options: ['all', 'document', 'template', 'organization'] },
-  },
-  parameters: {
-    layout: 'fullscreen',
-  },
-};
-export const SearchBox = ({ type, searchClicked, typeChanged, queryChanged }) => html `<verdocs-search-box .type=${type} @searchClicked=${searchClicked} @typeChanged=${typeChanged} @queryChanged=${queryChanged} />`;

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

@@ -1,18 +0,0 @@
-import { html } from 'lit-html';
-import { action } from '@storybook/addon-actions';
-/**
- * Display a set of tabs to filter by searchable content types.
- */
-export default {
-  title: 'Search/Tabs',
-  component: 'verdocs-search-tabs',
-  args: {},
-  argTypes: {},
-};
-const listener = {
-  handleEvent(e) {
-    action('selected', e);
-  },
-  capture: true,
-};
-export const Tabs = ({ options }) => html `<verdocs-search-tabs .options=${options} @optionSelected=${listener} tall />`;

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

@@ -1,24 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Embeds/Auth',
-  component: 'verdocs-auth',
-  args: {
-    visible: true,
-    logo: 'https://app.verdocs.com/assets/blue-logo.svg',
-  },
-  argTypes: {
-    sdkError: {
-      action: 'error',
-      table: {
-        disable: true,
-      },
-    },
-    authenticated: {
-      action: 'authenticated',
-      table: {
-        disable: true,
-      },
-    },
-  },
-};
-export const Auth = ({ visible, logo, authenticated, sdkError }) => html `<verdocs-auth .visible=${visible} .logo=${logo} @authenticated=${authenticated} @sdkError=${sdkError} />`;

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

@@ -1,16 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Embeds/Build',
-  component: 'verdocs-build',
-  args: {
-    templateId: '',
-    step: 'preview',
-  },
-  parameters: {
-    layout: 'fullscreen',
-  },
-};
-export const Build = ({ templateId, step, ...params }) => {
-  console.log('rendering', { templateId, step, params });
-  return html `<verdocs-build .step=${step} .templateId=${templateId} />`;
-};

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

@@ -1,14 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Embeds/Preview',
-  component: 'verdocs-preview',
-  args: {
-    templateId: '',
-  },
-  parameters: {
-    layout: 'fullscreen',
-  },
-};
-export const Preview = ({ templateId }) => !templateId
-  ? html `<img src="https://verdocs-public-assets.s3.amazonaws.com/billofsale-signed.png" alt="Signed document sample" style="display: flex; row-gap: 15px; padding: 15px;" />`
-  : html `<verdocs-preview .templateId=${templateId} />`;

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

@@ -1,15 +0,0 @@
-import { html } from 'lit-html';
-import { action } from '@storybook/addon-actions';
-export default {
-  title: 'Embeds/Search',
-  component: 'verdocs-search',
-  args: {},
-  argTypes: {},
-};
-const listener = {
-  handleEvent(e) {
-    action('selected', e);
-  },
-  capture: true,
-};
-export const Search = ({ options }) => html `<verdocs-search .options=${options} @optionSelected=${listener} tall />`;

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

@@ -1,15 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Embeds/Send',
-  component: 'verdocs-send',
-  args: {
-    templateId: '',
-  },
-  argTypes: {
-    onSend: { action: 'send' },
-  },
-  parameters: {
-    layout: 'fullscreen',
-  },
-};
-export const Send = ({ templateId, onSend }) => html `<verdocs-send .templateId=${templateId} @send=${onSend} />`;

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

@@ -1,10 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Embeds/Settings',
-  component: 'verdocs-settings',
-  args: {},
-  parameters: {
-    layout: 'fullscreen',
-  },
-};
-export const Settings = ({}) => html `<verdocs-settings />`;

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

@@ -1,27 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Embeds/Sign',
-  component: 'verdocs-sign',
-  args: {
-    envelopeId: 'f2de9204-c56f-4fe7-9348-0736bc14bbcd',
-    roleId: 'Recipient 1',
-    inviteCode: '817ce4e62d747611388276555afc0016',
-  },
-  argTypes: {
-    envelopeId: {
-      name: 'envelopeId',
-    },
-    roleId: {
-      name: 'roleId',
-    },
-    inviteCode: {
-      name: 'inviteCode',
-    },
-  },
-  parameters: {
-    layout: 'fullscreen',
-  },
-};
-export const Sign = ({ envelopeId, roleId, inviteCode }) => !envelopeId || !roleId || !inviteCode
-  ? html `<img src="https://verdocs-public-assets.s3.amazonaws.com/sample-signing-envelope.png" alt="Document sample" />`
-  : html `<verdocs-sign .envelopeId=${envelopeId} .roleId=${roleId} .inviteCode=${inviteCode} />`;

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

@@ -1,19 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Embeds/View',
-  component: 'verdocs-view',
-  args: {
-    envelopeId: '',
-  },
-  argTypes: {
-    envelopeId: {
-      name: 'envelopeId',
-    },
-  },
-  parameters: {
-    layout: 'fullscreen',
-  },
-};
-export const View = ({ envelopeId }) => !envelopeId
-  ? html `<img src="https://verdocs-public-assets.s3.amazonaws.com/billofsale-signed.png" alt="Signed document sample" style="display: flex; row-gap: 15px; padding: 15px;" />`
-  : html `<verdocs-view .envelopeId=${envelopeId} />`;

package/dist/collection/components/envelopes/verdocs-activity-box/verdocs-activity-box.stories.js

@@ -1,15 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Envelopes/Activity Box',
-  component: 'verdocs-activity-box',
-  args: {
-    items: 5,
-    view: 'completed',
-    header: undefined,
-  },
-  argTypes: {
-    onViewEnvelope: { action: 'viewEnvelope' },
-    onViewAll: { action: 'viewAll' },
-  },
-};
-export const ActivityBox = ({ items, view, header, onViewEnvelope, onViewAll }) => html `<verdocs-activity-box .items="${items}" .view="${view}" .header="${header}" @viewEnvelope=${onViewEnvelope} @viewAll=${onViewAll} />`;

package/dist/collection/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.stories.js

@@ -1,29 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Envelopes/Contact Picker',
-  component: 'verdocs-contact-picker',
-  args: {
-    templateRole: {
-      template_id: '65cbba07-d0ac-4b62-afe3-25d186238938',
-      name: 'Recipient 1',
-      full_name: '',
-      email: '',
-      phone: '',
-      type: 'signer',
-      sequence: 1,
-      message: '',
-    },
-    contactSuggestions: [
-      { name: 'Me', email: 'myuser@nomail.com', phone: '212-555-6664' },
-      { name: 'Will Power', email: 'will.power@nomail.com', avatar: 'https://i.pravatar.cc/48?img=59' },
-      { name: 'Paige Turner', email: 'paige.turner@nomail.com', phone: '212-555-6664', avatar: 'https://i.pravatar.cc/48?img=41' },
-      { name: 'Bill Board', phone: '212-555-6664' },
-    ],
-  },
-  argTypes: {
-    searchContacts: { action: 'searchContacts' },
-    onExit: { action: 'exit' },
-    onNext: { action: 'next' },
-  },
-};
-export const ContactPicker = ({ templateRole, contactSuggestions, searchContacts, onExit, onNext }) => html `<verdocs-contact-picker .templateRole=${templateRole} .contactSuggestions=${contactSuggestions} @searchContacts=${searchContacts} @exit=${onExit} @next=${onNext} />`;

package/dist/collection/components/envelopes/verdocs-envelope-recipient-link/verdocs-envelope-recipient-link.stories.js

@@ -1,13 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Envelopes/Recipient Link',
-  component: 'verdocs-envelope-recipient-link',
-  args: {
-    envelopeId: 'c64b09c1-23d8-4612-bc66-86723ab7ede3',
-    roleName: 'Buyer',
-  },
-  argTypes: {
-    next: { action: 'next' },
-  },
-};
-export const recipientLink = ({ envelopeId, roleName, next }) => html `<verdocs-envelope-recipient-link .envelopeId="${envelopeId}" .roleName="${roleName}" @next=${next} />`;

package/dist/collection/components/envelopes/verdocs-envelope-recipient-summary/verdocs-envelope-recipient-summary.stories.js

@@ -1,25 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Envelopes/Recipient Summary',
-  component: 'verdocs-envelope-recipient-summary',
-  args: {
-    envelopeId: 'af083350-0202-4c00-ac90-5346914fa6ff',
-    canView: true,
-    canDone: true,
-    canSendAnother: true,
-  },
-  argTypes: {
-    another: { action: 'another' },
-    view: { action: 'view' },
-    next: { action: 'next' },
-  },
-};
-export const RecipientSummary = ({ envelopeId, another, view, next, canView, canDone, canSendAnother }) => html `<verdocs-envelope-recipient-summary
-  .envelopeId="${envelopeId}"
-  .canView="${canView}"
-  .canDone="${canDone}"
-  .canSendAnother="${canSendAnother}"
-  @another=${another}
-  @view=${view}
-  @next=${next}
-/>`;

package/dist/collection/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.stories.js

@@ -1,15 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Envelopes/Envelope Sidebar',
-  component: 'verdocs-envelope-sidebar',
-  args: {
-    envelopeId: '',
-  },
-  argTypes: {
-    envelopeId: { name: 'envelopeId' },
-    toggle: { action: 'toggle' },
-    another: { action: 'another' },
-    envelopeUpdated: { action: 'envelopeUpdated' },
-  },
-};
-export const EnvelopeSidebar = ({ envelopeId, toggle, another, envelopeUpdated }) => html `<verdocs-envelope-sidebar .envelopeId=${envelopeId} @toggle=${toggle} @envelopeUpdated=${envelopeUpdated} @another=${another} />`;

package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.stories.js

@@ -1,18 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Envelopes/Envelopes List',
-  component: 'verdocs-envelopes-list',
-  args: {
-    items: 10,
-    view: 'all',
-    sortBy: 'updated_at',
-  },
-  argTypes: {
-    onViewEnvelope: { action: 'viewEnvelope' },
-    onFinishLater: { action: 'finishLater' },
-  },
-  parameters: {
-    layout: 'fullscreen',
-  },
-};
-export const EnvelopesList = ({ items, view, sortBy, onViewEnvelope, onFinishLater }) => html `<verdocs-envelopes-list .items="${items}" .view="${view}" .sortBy="${sortBy}" @viewEnvelope=${onViewEnvelope} @finishlater=${onFinishLater} />`;

package/dist/collection/components/envelopes/verdocs-status-indicator/verdocs-status-indicator.stories.js

@@ -1,69 +0,0 @@
-import { html } from 'lit-html';
-const SampleDocument = {
-  // Skipping non-essential fields 9that the widget doesn't care about). But this is an IDocument.
-  id: '1234',
-  status: 'complete',
-  recipients: [
-    { role_name: 'Tax Preparer', status: 'submitted', full_name: 'Bill Board', sequence: 1, type: 'signer' },
-    { role_name: 'Recipient 1', status: 'submitted', full_name: 'Ante Bellum', sequence: 2, type: 'signer' },
-    { role_name: 'Recipient 2', status: 'opened', full_name: 'Sarah Bellum', sequence: 2, type: 'signer' },
-    { role_name: 'Office Manager', status: 'pending', full_name: 'Paige Turner', sequence: 3, type: 'approver' },
-  ],
-};
-export default {
-  title: 'Envelopes/Status Indicator',
-  component: 'verdocs-status-indicator',
-  args: {
-    document: 0,
-    status: 'complete',
-    theme: 'light',
-    size: 'normal',
-  },
-  argTypes: {
-    document: {
-      options: [0, 1],
-      mapping: { 0: SampleDocument, 1: null },
-      control: {
-        type: 'select',
-        labels: {
-          0: 'Sample Document',
-          1: 'Not Set',
-        },
-      },
-    },
-    status: {
-      defaultValue: '',
-      options: [0, 'complete', 'pending', 'in progress', 'declined', 'canceled', 'invited', 'opened', 'accepted', 'signed', 'submitted'],
-      mapping: {
-        0: null,
-        'complete': 'complete',
-        'pending': 'pending',
-        'in progress': 'in progress',
-        'declined': 'declined',
-        'canceled': 'canceled',
-        'invited': 'invited',
-        'opened': 'opened',
-        'accepted': 'accepted',
-        'signed': 'signed',
-        'submitted': 'submitted',
-      },
-      control: {
-        type: 'select',
-        labels: {
-          0: 'Not Set',
-          'complete': 'Complete',
-          'pending': 'Pending',
-          'in progress': 'In Progress',
-          'declined': 'Declined',
-          'canceled': 'Canceled',
-          'invited': 'Invited',
-          'opened': 'Opened',
-          'accepted': 'Accepted',
-          'signed': 'Signed',
-          'submitted': 'Submitted',
-        },
-      },
-    },
-  },
-};
-export const StatusIndicator = ({ theme, size, status, envelope }) => html `<verdocs-status-indicator .theme="${theme}" .size="${size}" .status="${status}" .envelope="${envelope}" />`;

package/dist/collection/components/fields/verdocs-field-attachment/verdocs-field-attachment.stories.js

@@ -1,14 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Fields/Attachment',
-  component: 'verdocs-field-attachment',
-  args: {
-    field: {
-      x: 0,
-      y: 0,
-    },
-    disabled: false,
-  },
-  argTypes: {},
-};
-export const Attachment = ({ field, disabled }) => html `<verdocs-field-attachment .field=${field} .disabled=${disabled} />`;

package/dist/collection/components/fields/verdocs-field-checkbox/verdocs-field-checkbox.stories.js

@@ -1,17 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Fields/Checkbox',
-  component: 'verdocs-field-checkbox',
-  args: {
-    field: {
-      settings: {
-        x: 0,
-        y: 0,
-      },
-    },
-    option: 0,
-    disabled: false,
-  },
-  argTypes: {},
-};
-export const Checkbox = ({ field, option, disabled }) => html `<verdocs-field-checkbox .field=${field} .option=${option} .disabled=${disabled} />`;

package/dist/collection/components/fields/verdocs-field-date/verdocs-field-date.stories.js

@@ -1,27 +0,0 @@
-import { html } from 'lit-html';
-const templateId = 'd501d2df-b604-455d-a2fc-953d947cf79d';
-export default {
-  title: 'Fields/Date',
-  component: 'verdocs-field-date',
-  args: {
-    field: {
-      template_id: templateId,
-      document_id: templateId,
-      type: 'date',
-      required: true,
-      page_sequence: 1,
-      tabindex: 0,
-      x: 0,
-      y: 0,
-      width: 100,
-      height: 50,
-      role_name: 'storybook',
-      name: 'date',
-      setting: { x: 0, y: 0, required: true },
-    },
-    disabled: false,
-    roles: [{ template_id: templateId, name: 'date', type: 'signer', sequence: 1, order: 1 }],
-  },
-  argTypes: {},
-};
-export const Date = ({ field, roles, disabled }) => html `<verdocs-field-date .templateid="${templateId}" .field="${field}" .roles="${roles}" .disabled="${disabled}" />`;

package/dist/collection/components/fields/verdocs-field-dropdown/verdocs-field-dropdown.stories.js

@@ -1,16 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Fields/Dropdown',
-  component: 'verdocs-field-dropdown',
-  args: {
-    field: {
-      settings: {
-        x: 0,
-        y: 0,
-        options: [{ id: 'id1', value: 'Option 1' }],
-      },
-    },
-  },
-  argTypes: {},
-};
-export const Dropdown = ({ field }) => html `<verdocs-field-dropdown .field=${field} />`;

package/dist/collection/components/fields/verdocs-field-initial/verdocs-field-initial.stories.js

@@ -1,16 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Fields/Initial',
-  component: 'verdocs-field-initial',
-  args: {
-    initials: 'PT',
-    field: {
-      settings: {
-        x: 0,
-        y: 0,
-      },
-    },
-  },
-  argTypes: {},
-};
-export const Initial = ({ initials, field }) => html `<verdocs-field-initial .field=${field} .initials=${initials} />`;

package/dist/collection/components/fields/verdocs-field-payment/verdocs-field-payment.stories.js

@@ -1,15 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Fields/Payment',
-  component: 'verdocs-field-payment',
-  args: {
-    field: {
-      settings: {
-        x: 0,
-        y: 0,
-      },
-    },
-  },
-  argTypes: {},
-};
-export const Payment = ({ field }) => html `<verdocs-field-payment .field=${field} />`;

package/dist/collection/components/fields/verdocs-field-radio-button-group/verdocs-field-radio-button.stories.js

@@ -1,17 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Fields/Radio Button',
-  component: 'verdocs-field-radio-button',
-  args: {
-    field: {
-      settings: {
-        x: 0,
-        y: 0,
-        checked: false,
-        name: 'radio-1',
-      },
-    },
-  },
-  argTypes: {},
-};
-export const RadioButton = ({ field }) => html `<verdocs-field-radio-button .field=${field} />`;

package/dist/collection/components/fields/verdocs-field-signature/verdocs-field-signature.stories.js

@@ -1,16 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Fields/Signature',
-  component: 'verdocs-field-signature',
-  args: {
-    name: 'Paige Turner',
-    field: {
-      settings: {
-        x: 0,
-        y: 0,
-      },
-    },
-  },
-  argTypes: {},
-};
-export const Signature = ({ name, field }) => html `<verdocs-field-signature .name=${name} .field=${field} />`;

package/dist/collection/components/fields/verdocs-field-textarea/verdocs-field-textarea.stories.js

@@ -1,16 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Fields/Textarea',
-  component: 'verdocs-field-textarea',
-  args: {
-    field: {
-      settings: {
-        placeholder: 'Email address...',
-        x: 0,
-        y: 0,
-      },
-    },
-  },
-  argTypes: {},
-};
-export const Textarea = ({ field }) => html `<verdocs-field-textarea .field=${field} />`;

package/dist/collection/components/fields/verdocs-field-textbox/verdocs-field-textbox.stories.js

@@ -1,40 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Fields/Textbox',
-  component: 'verdocs-field-textbox',
-  args: {
-    disabled: false,
-    editable: true,
-    moveable: true,
-    done: false,
-    roleindex: 0,
-    field: {
-      name: 'textbox-1',
-      role_name: 'Recipient 1',
-      template_id: '0239fe5f-1b89-499a-bd83-098a2e1b4b9c',
-      type: 'textbox',
-      required: false,
-      setting: {
-        x: 0,
-        y: 0,
-      },
-      page_sequence: 1,
-    },
-  },
-  argTypes: {
-    input: {
-      action: 'input',
-      description: 'Fired for each character entered in the field. e.target.value will contain the current text value.',
-    },
-  },
-};
-export const Textbox = ({ field, disabled, editable, moveable, done, roleindex, input }) => html `<verdocs-field-textbox
-  style="transform: scale(1.5); width: 150px; height: 15px;"
-  .field=${field}
-  .disabled=${disabled}
-  .editable=${editable}
-  .moveable=${moveable}
-  .done=${done}
-  .roleindex=${roleindex}
-  @input=${input}
-/>`;

package/dist/collection/components/fields/verdocs-field-timestamp/verdocs-field-timestamp.stories.js

@@ -1,27 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Fields/Timestamp',
-  component: 'verdocs-field-timestamp',
-  args: {
-    field: {
-      name: 'timestampP1-8',
-      recipient_role: 'Recipient 2',
-      envelope_id: '96ccc2e9-1bb8-4be8-9dbd-7113107383ee',
-      page: 1,
-      type: 'timestamp',
-      required: true,
-      settings: {
-        x: 426.99999999999994,
-        y: 493.25,
-        width: 64,
-        height: 15,
-      },
-      validator: null,
-      label: null,
-      prepared: false,
-      recipients: [],
-    },
-  },
-  argTypes: {},
-};
-export const Timestamp = ({ field }) => html `<verdocs-field-timestamp .field=${field} />`;