@verdocs/web-sdk 1.0.23 → 1.2.0

package/dist/types/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.d.ts

@@ -0,0 +1,32 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+/**
+ * Display a simple text dialog box with an Ok button. This adds a partially-transparent overlay and screen-centered dialog
+ * box with a message and optional header/title. An OK button is shown that will dismiss the message.
+ * It can also be dismissed by clicking the background overlay.
+ */
+export declare class VerdocsOkDialog {
+  /**
+   * The title of the dialog. "title" is a reserved word, so we use heading.
+   */
+  heading: string;
+  /**
+   * The message content to display.
+   */
+  message: string;
+  /**
+   * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
+   */
+  open: boolean;
+  /**
+   * If set, a cancel button will also be displayed. Note that the dialog is always cancelable by clicking the background
+   * overlay to dismiss it.
+   */
+  cancel: boolean;
+  /**
+   * Event fired when the dialog is closed. The event data will contain the closure reason.
+   */
+  closed: EventEmitter<'cancel' | 'ok'>;
+  handleClose(reason: 'cancel' | 'ok'): void;
+  handleDismiss(e: any): void;
+  render(): any;
+}

package/dist/types/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.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 OkDialog: ({ heading, message, open, cancel, closed }: {
+  heading: any;
+  message: any;
+  open: any;
+  cancel: any;
+  closed: any;
+}) => import("lit-html").TemplateResult<1>;

package/dist/types/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.d.ts

@@ -0,0 +1,36 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+/**
+ * Display a dialog that allows the user to specify a signature image, either by using a signature-font-generated image
+ * based on their full name, or by hand-drawing their signature with a mouse or tablet.
+ */
+export declare class VerdocsSignatureDialog {
+  private canvasElement?;
+  /**
+   * Initial signature text
+   */
+  fullname: string;
+  /**
+   * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
+   */
+  open: boolean;
+  /**
+   * Event fired when the initials are adopted.
+   */
+  adopt: EventEmitter<string>;
+  /**
+   * Event fired when the step is cancelled.
+   */
+  cancel: EventEmitter;
+  fontLoaded: boolean;
+  enteredName: string;
+  mode: string;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentDidUpdate(): void;
+  redrawSignature(): void;
+  handleDismiss(e: any): void;
+  handleNameChange(e: any): void;
+  handleAdopt(): void;
+  handleCancel(): void;
+  render(): any;
+}

package/dist/types/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.stories.d.ts

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

package/dist/types/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.d.ts

@@ -0,0 +1,34 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { FileWithData } from '@verdocs/js-sdk/Utils/Files';
+/**
+ * Display a text input field. This adds a partially-transparent overlay and screen-centered dialog
+ * box with a message and optional header/title. An OK button is shown that will dismiss the message.
+ * It can also be dismissed by clicking the background overlay.
+ */
+export declare class VerdocsUploadDialog {
+  private fileInput?;
+  /**
+   * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
+   */
+  open: boolean;
+  /**
+   * Event fired when the dialog is closed. The event data will contain the closure reason.
+   */
+  cancel: EventEmitter;
+  /**
+   * Event fired when the dialog is closed. The event data will contain the closure reason.
+   */
+  done: EventEmitter<FileWithData[]>;
+  draggingOver: boolean;
+  decodedFiles: FileWithData[];
+  handleCancel(): void;
+  handleDismiss(e: any): void;
+  handleDone(): void;
+  handleDragOver(e: any): void;
+  handleDragLeave(e: any): void;
+  handleDrop(e: any): Promise<void>;
+  handleRemoveAttachment(index: number): void;
+  handleSelectFile(): void;
+  handleFileChange(e: any): Promise<void>;
+  render(): any;
+}

package/dist/types/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.stories.d.ts

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

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