@verdocs/web-sdk 1.0.25 → 1.4.0

package/dist/types/components/elements/verdocs-field-attachment/verdocs-field-attachment.d.ts

@@ -0,0 +1,33 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+/**
+ * Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as
+ * input types like text and checkbox.
+ */
+export declare class VerdocsFieldAttachment {
+  /**
+   * Sets the tabIndex of the input element.
+   */
+  order: number;
+  /**
+   * Sets the value of the input element.
+   */
+  value: string;
+  /**
+   * If true, the field will be marked required.
+   */
+  required: boolean;
+  /**
+   * Sets the disabled attribute of the input element.
+   */
+  disabled: boolean;
+  /**
+   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.
+   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every
+   * keypress.
+   */
+  fieldChange: EventEmitter<string>;
+  focusField(): Promise<void>;
+  private dialog?;
+  handleShow(): void;
+  render(): any;
+}

package/dist/types/components/elements/verdocs-field-attachment/verdocs-field-attachment.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/web-components';
+declare const _default: Meta<import("@storybook/web-components").Args>;
+export default _default;
+export declare const Attachment: ({}: {}) => import("lit-html").TemplateResult<1>;

package/dist/types/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+/**
+ * Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as
+ * input types like text and checkbox.
+ */
+export declare class VerdocsFieldCheckbox {
+  /**
+   * Sets the tabIndex of the input element.
+   */
+  order: number;
+  /**
+   * Sets the value of the input element.
+   */
+  value: boolean;
+  /**
+   * If true, the field will be marked required.
+   */
+  required: boolean;
+  /**
+   * Sets the disabled attribute of the input element.
+   */
+  disabled: boolean;
+  /**
+   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.
+   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every
+   * keypress.
+   */
+  fieldChange: EventEmitter<string>;
+  handleChange(e: any): void;
+  render(): any;
+}

package/dist/types/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/web-components';
+declare const _default: Meta<import("@storybook/web-components").Args>;
+export default _default;
+export declare const Checkbox: ({ required, value }: {
+  required: any;
+  value: any;
+}) => import("lit-html").TemplateResult<1>;

package/dist/types/components/elements/verdocs-field-date/verdocs-field-date.d.ts

@@ -0,0 +1,53 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+/**
+ * Displays a date field. When tapped or clicked, the input element will display a date picker component.
+ */
+export declare class VerdocsFieldDate {
+  private el;
+  /**
+   * A placeholder to assist the user in completing the field.
+   */
+  placeholder: string;
+  /**
+   * Sets the tabIndex of the input element.
+   */
+  order: number;
+  /**
+   * Sets the value of the input element.
+   */
+  value: string;
+  /**
+   * If true, the field will be marked required.
+   */
+  required: boolean;
+  /**
+   * Sets the disabled attribute of the input element.
+   */
+  disabled: boolean;
+  /**
+   * Event fired when the input field loses focus.
+   */
+  fieldFocus: EventEmitter<boolean>;
+  /**
+   * Event fired when the input field gains focus.
+   */
+  fieldBlur: EventEmitter<boolean>;
+  /**
+   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.
+   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every
+   * keypress.
+   */
+  fieldChange: EventEmitter<string>;
+  /**
+   * Event fired on every character entered into / deleted from the field.
+   */
+  fieldInput: EventEmitter<string>;
+  focused: boolean;
+  focusField(): Promise<void>;
+  componentDidLoad(): void;
+  handleBlur(): void;
+  handleFocus(): void;
+  handleChange(e: any): void;
+  handleInput(e: any): void;
+  render(): any;
+}

package/dist/types/components/elements/verdocs-field-date/verdocs-field-date.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta } from '@storybook/web-components';
+declare const _default: Meta<import("@storybook/web-components").Args>;
+export default _default;
+export declare const Date: ({ placeholder, order, value, required, disabled }: {
+  placeholder: any;
+  order: any;
+  value: any;
+  required: any;
+  disabled: any;
+}) => import("lit-html").TemplateResult<1>;

package/dist/types/components/elements/verdocs-field-dropdown/verdocs-field-dropdown.d.ts

@@ -0,0 +1,48 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+/**
+ * Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as
+ * input types like text and checkbox.
+ */
+export declare class VerdocsFieldDropdown {
+  private el;
+  /**
+   * The optoins to choose from.
+   */
+  options: any[];
+  /**
+   * If true, the field will be marked required.
+   */
+  required: boolean;
+  /**
+   * Sets the tabIndex of the input element.
+   */
+  order: number;
+  /**
+   * Sets the disabled attribute of the input element.
+   */
+  disabled: boolean;
+  /**
+   * The currently selected value.
+   */
+  value: string;
+  /**
+   * Event fired when the input field loses focus.
+   */
+  fieldFocus: EventEmitter<boolean>;
+  /**
+   * Event fired when the input field gains focus.
+   */
+  fieldBlur: EventEmitter<boolean>;
+  /**
+   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.
+   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every
+   * keypress.
+   */
+  fieldChange: EventEmitter<string>;
+  focused: boolean;
+  focusField(): Promise<void>;
+  handleBlur(): void;
+  handleFocus(): void;
+  handleChange(e: any): void;
+  render(): any;
+}

package/dist/types/components/elements/verdocs-field-dropdown/verdocs-field-dropdown.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta } from '@storybook/web-components';
+declare const _default: Meta<import("@storybook/web-components").Args>;
+export default _default;
+export declare const Dropdown: ({ order, value, required, disabled, options }: {
+  order: any;
+  value: any;
+  required: any;
+  disabled: any;
+  options: any;
+}) => import("lit-html").TemplateResult<1>;

package/dist/types/components/elements/verdocs-field-initial/verdocs-field-initial.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+/**
+ * Displays an initial field. If an initial already exists, it will be displayed and the field will be disabled. Otherwise, a placeholder
+ * button will be shown. Clicking the button will show a dialog to adopt an initial.
+ */
+export declare class VerdocsFieldInitial {
+  /**
+   * Whether the field is required.
+   */
+  required: boolean;
+  /**
+   * The user's full name.
+   */
+  fullName: string;
+  /**
+   * The base64 signature value.
+   */
+  value: string;
+  /**
+   * Event emitted when an initial block is adopted by the user. The event detail will contain the base64 string of the initial image.
+   */
+  adopt: EventEmitter<string>;
+  /**
+   * Event emitted when the user cancels the process.
+   */
+  cancel: EventEmitter;
+  focusField(): Promise<void>;
+  private dialog?;
+  handleShow(): void;
+  render(): any;
+}

package/dist/types/components/elements/verdocs-field-initial/verdocs-field-initial.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/web-components';
+declare const _default: Meta<import("@storybook/web-components").Args>;
+export default _default;
+export declare const Initial: ({ required }: {
+  required: any;
+}) => import("lit-html").TemplateResult<1>;

package/dist/types/components/elements/verdocs-field-payment/verdocs-field-payment.d.ts

@@ -0,0 +1,53 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { IDocumentField } from '@verdocs/js-sdk/Documents/Documents';
+/**
+ * Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as
+ * input types like text and checkbox.
+ */
+export declare class VerdocsFieldPayment {
+  /**
+   * The field to display.
+   */
+  field: IDocumentField;
+  fields: any[];
+  pageNum: number;
+  roleName: string;
+  fieldId: string;
+  recipients: any;
+  selectedRoleName: string;
+  pdfPages: any[];
+  currentSignature: string;
+  currentSignatureId: string;
+  currentInitial: string;
+  currentInitialId: string;
+  focused: boolean;
+  signed: boolean;
+  signatureComplete: EventEmitter<string>;
+  initialComplete: EventEmitter<string>;
+  preparedMessage: string;
+  signatureUrl: string;
+  _fields: any[];
+  signatureFile: any;
+  initialFile: any;
+  today: string;
+  focusOrderNumber: number;
+  focusFieldName: string;
+  timer: any;
+  activeElement: any;
+  showError: {
+    pageNum: number;
+    fieldIndex: number;
+    type: any;
+  };
+  dialogOpened: boolean;
+  closeAllErrors: boolean;
+  fieldsMap: any;
+  mode: string;
+  fieldsForCurrentSigner: any[];
+  validators: any;
+  fontSize: number;
+  averageFontWidth: number;
+  requiredFields: any[];
+  componentWillLoad(): void;
+  render(): any;
+}

package/dist/types/components/elements/verdocs-field-payment/verdocs-field-payment.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/web-components';
+declare const _default: Meta<import("@storybook/web-components").Args>;
+export default _default;
+export declare const Payment: ({}: {}) => import("lit-html").TemplateResult<1>;

package/dist/types/components/elements/verdocs-field-radio-button-group/verdocs-field-radio-button.d.ts

@@ -0,0 +1,38 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+/**
+ * Displays a radio button.
+ */
+export declare class VerdocsFieldRadioButton {
+  /**
+   * Sets the tabIndex of the input element.
+   */
+  order: number;
+  /**
+   * Sets the value of the input element.
+   */
+  checked: boolean;
+  /**
+   * Sets the value of the input element.
+   */
+  value: string;
+  /**
+   * Sets the name of the input element.
+   */
+  name: string;
+  /**
+   * If true, the field will be marked required.
+   */
+  required: boolean;
+  /**
+   * Sets the disabled attribute of the input element.
+   */
+  disabled: boolean;
+  /**
+   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.
+   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every
+   * keypress.
+   */
+  fieldChange: EventEmitter<string>;
+  handleChange(e: any): void;
+  render(): any;
+}

package/dist/types/components/elements/verdocs-field-radio-button-group/verdocs-field-radio-button.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/web-components';
+declare const _default: Meta<import("@storybook/web-components").Args>;
+export default _default;
+export declare const RadioButton: ({ required, value, checked, name }: {
+  required: any;
+  value: any;
+  checked: any;
+  name: any;
+}) => import("lit-html").TemplateResult<1>;

package/dist/types/components/elements/verdocs-field-signature/verdocs-field-signature.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+/**
+ * Displays a signature field. If a signature already exists, it will be displayed and the field will be disabled. Otherwise, a placeholder
+ * button will be shown. Clicking the button will show a dialog to adopt a signature.
+ */
+export declare class VerdocsFieldSignature {
+  /**
+   * Whether the field is required.
+   */
+  required: boolean;
+  /**
+   * The user's full name.
+   */
+  fullName: string;
+  /**
+   * The base64 signature value.
+   */
+  value: string;
+  /**
+   * Event emitted when an initial block is adopted by the user. The event detail will contain the base64 string of the initial image.
+   */
+  adopt: EventEmitter<string>;
+  /**
+   * Event emitted when the user cancels the process.
+   */
+  cancel: EventEmitter;
+  focusField(): Promise<void>;
+  private dialog?;
+  handleShow(): void;
+  render(): any;
+}

package/dist/types/components/elements/verdocs-field-signature/verdocs-field-signature.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/web-components';
+declare const _default: Meta<import("@storybook/web-components").Args>;
+export default _default;
+export declare const Signature: ({ required }: {
+  required: any;
+}) => import("lit-html").TemplateResult<1>;

package/dist/types/components/elements/verdocs-field-textarea/verdocs-field-textarea.d.ts

@@ -0,0 +1,52 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+/**
+ * Display a multi-line text input field.
+ */
+export declare class VerdocsFieldTextarea {
+  private el;
+  /**
+   * A placeholder to assist the user in completing the field.
+   */
+  placeholder: string;
+  /**
+   * Sets the tabIndex of the input element.
+   */
+  order: number;
+  /**
+   * Sets the value of the input element.
+   */
+  value: string;
+  /**
+   * If true, the field will be marked required.
+   */
+  required: boolean;
+  /**
+   * Sets the disabled attribute of the input element.
+   */
+  disabled: boolean;
+  /**
+   * Event fired when the input field loses focus.
+   */
+  fieldFocus: EventEmitter<boolean>;
+  /**
+   * Event fired when the input field gains focus.
+   */
+  fieldBlur: EventEmitter<boolean>;
+  /**
+   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.
+   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every
+   * keypress.
+   */
+  fieldChange: EventEmitter<string>;
+  /**
+   * Event fired on every character entered into / deleted from the field.
+   */
+  fieldInput: EventEmitter<string>;
+  focused: boolean;
+  focusField(): Promise<void>;
+  handleBlur(): void;
+  handleFocus(): void;
+  handleChange(e: any): void;
+  handleInput(e: any): void;
+  render(): any;
+}

package/dist/types/components/elements/verdocs-field-textarea/verdocs-field-textarea.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta } from '@storybook/web-components';
+declare const _default: Meta<import("@storybook/web-components").Args>;
+export default _default;
+export declare const Textarea: ({ placeholder, order, value, required, disabled }: {
+  placeholder: any;
+  order: any;
+  value: any;
+  required: any;
+  disabled: any;
+}) => import("lit-html").TemplateResult<1>;

package/dist/types/components/elements/verdocs-field-textbox/verdocs-field-textbox.d.ts

@@ -0,0 +1,52 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+/**
+ * Display a text input field.
+ */
+export declare class VerdocsFieldTextbox {
+  private el;
+  /**
+   * A placeholder to assist the user in completing the field.
+   */
+  placeholder: string;
+  /**
+   * Sets the tabIndex of the input element.
+   */
+  order: number;
+  /**
+   * Sets the value of the input element.
+   */
+  value: string;
+  /**
+   * If true, the field will be marked required.
+   */
+  required: boolean;
+  /**
+   * Sets the disabled attribute of the input element.
+   */
+  disabled: boolean;
+  /**
+   * Event fired when the input field loses focus.
+   */
+  fieldFocus: EventEmitter<boolean>;
+  /**
+   * Event fired when the input field gains focus.
+   */
+  fieldBlur: EventEmitter<boolean>;
+  /**
+   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.
+   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every
+   * keypress.
+   */
+  fieldChange: EventEmitter<string>;
+  /**
+   * Event fired on every character entered into / deleted from the field.
+   */
+  fieldInput: EventEmitter<string>;
+  focused: boolean;
+  focusField(): Promise<void>;
+  handleBlur(): void;
+  handleFocus(): void;
+  handleChange(e: any): void;
+  handleInput(e: any): void;
+  render(): any;
+}

package/dist/types/components/elements/{org-popup/org-popup.stories.d.ts → verdocs-field-textbox/verdocs-field-textbox.stories.d.ts}

@@ -1,8 +1,10 @@
 import { Meta } from '@storybook/web-components';
 declare const _default: Meta<import("@storybook/web-components").Args>;
 export default _default;
-export declare const Default: ({ organization, theme }: {
-  organization: any;
-  theme: any;
+export declare const Textbox: ({ placeholder, order, value, required, disabled }: {
+  placeholder: any;
+  order: any;
+  value: any;
+  required: any;
+  disabled: any;
 }) => import("lit-html").TemplateResult<1>;
-export declare const Test: () => import("lit-html").TemplateResult<1>;

package/dist/types/components/elements/{search-quick-functions/search-quick-functions.d.ts → verdocs-quick-functions/verdocs-quick-functions.d.ts}

@@ -1,8 +1,11 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 /**
  * Display quick-function buttons for creating templates and documents.
+ *
+ * Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth
+ * embed. This Element will reuse the same session produced by logging in via that Embed.
  */
-export declare class SearchQuickFunctions {
+export declare class VerdocsQuickFunctions {
   /**
    * Event fired when an entry is clicked.
    */

package/dist/types/components/elements/{search-quick-functions/search-quick-functions.stories.d.ts → verdocs-quick-functions/verdocs-quick-functions.stories.d.ts}

@@ -1,7 +1,7 @@
 import { Meta } from '@storybook/web-components';
 declare const _default: Meta<import("@storybook/web-components").Args>;
 export default _default;
-export declare const Default: ({ options, createTemplate, createDocument }: {
+export declare const QuickFunctions: ({ options, createTemplate, createDocument }: {
   options: any;
   createTemplate: any;
   createDocument: any;

package/dist/types/components/elements/verdocs-search-activity/verdocs-search-activity.d.ts

@@ -0,0 +1,28 @@
+import { ITemplate } from '@verdocs/js-sdk/Templates/Types';
+import { IRecentSearch, ISavedSearch } from '@verdocs/js-sdk/Search/Types';
+import { EventEmitter } from '../../../stencil-public-runtime';
+/**
+ * Display a list of starred items.
+ *
+ * Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth
+ * embed. This Element will reuse the same session produced by logging in via that Embed.
+ */
+export declare class VerdocsSearchActivity {
+  type: 'recent' | 'saved' | 'starred';
+  options: any;
+  /**
+   * Event fired when an entry is clicked.
+   */
+  entrySelected: EventEmitter<IRecentSearch>;
+  emptyMessage: string;
+  authFailure: boolean;
+  title: string;
+  recent: IRecentSearch[];
+  saved: ISavedSearch[];
+  starred: ITemplate[];
+  componentWillLoad(): void;
+  handleSelectEntry(entry: any): void;
+  computePagesText(pages: any): string;
+  computeRecipientsText(recipients: any): any;
+  render(): any;
+}

package/dist/types/components/elements/{search-starred/search-starred.stories.d.ts → verdocs-search-activity/verdocs-search-activity.stories.d.ts}

@@ -4,7 +4,7 @@ declare const _default: Meta<import("@storybook/web-components").Args>;
  * Display a list of starred items (favorite templates).
  */
 export default _default;
-export declare const Default: ({ options, entrySelected }: {
-  options: any;
+export declare const SearchActivity: ({ type, entrySelected }: {
+  type: any;
   entrySelected: any;
 }) => import("lit-html").TemplateResult<1>;

package/dist/types/components/elements/{search-box/search-box.d.ts → verdocs-search-box/verdocs-search-box.d.ts}

@@ -6,8 +6,11 @@ export interface ISearchEvent {
 }
 /**
  * Displays a customizable input box for search queries.
+ *
+ * Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth
+ * embed. This Element will reuse the same session produced by logging in via that Embed.
  */
-export declare class SearchBox {
+export declare class VerdocsSearchBox {
   /**
    * The placeholder to display in the input field.
    */

package/dist/types/components/elements/{search-box/search-box.stories.d.ts → verdocs-search-box/verdocs-search-box.stories.d.ts}

@@ -1,7 +1,7 @@
 import { Meta } from '@storybook/web-components';
 declare const _default: Meta<import("@storybook/web-components").Args>;
 export default _default;
-export declare const Default: ({ type, searchClicked, typeChanged, queryChanged }: {
+export declare const SearchBox: ({ type, searchClicked, typeChanged, queryChanged }: {
   type: any;
   searchClicked: any;
   typeChanged: any;

package/dist/types/components/elements/{search-tabs/search-tabs.d.ts → verdocs-search-tabs/verdocs-search-tabs.d.ts}

@@ -1,5 +1,5 @@
 export declare type TContentType = 'all' | 'document' | 'template' | 'organization';
-export declare class SearchTabs {
+export declare class VerdocsSearchTabs {
   selected: TContentType;
   render(): any;
 }

package/dist/types/components/elements/{search-tabs/search-tabs.stories.d.ts → verdocs-search-tabs/verdocs-search-tabs.stories.d.ts}

@@ -4,6 +4,6 @@ declare const _default: Meta<import("@storybook/web-components").Args>;
  * Display a set of tabs to filter by searchable content types.
  */
 export default _default;
-export declare const Default: ({ options }: {
+export declare const Tabs: ({ options }: {
   options: any;
 }) => import("lit-html").TemplateResult<1>;