@verdocs/web-sdk 1.0.25 → 1.4.0

package/dist/esm-es5/verdocs-web-sdk.js

@@ -1 +1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-792f07a6.js";var patchBrowser=function(){var e=import.meta.url;var t={};if(e!==""){t.resourcesUrl=new URL(".",e).href}return promiseResolve(t)};patchBrowser().then((function(e){return bootstrapLazy([["document-status-indicator",[[0,"document-status-indicator",{status:[1]}]]],["dropdown-menu",[[0,"dropdown-menu",{options:[16],open:[4],tall:[4],isOpen:[32]}]]],["org-popup",[[0,"org-popup",{organization:[8],theme:[1]}]]],["pdf-viewer",[[0,"pdf-viewer",{rotation:[2],src:[1]}]]],["search-box",[[0,"search-box",{placeholder:[1],type:[1],query:[1]}]]],["search-embed",[[1,"search-embed"]]],["search-quick-functions",[[0,"search-quick-functions"]]],["search-recent",[[0,"search-recent",{limit:[2],recent:[32]}]]],["search-saved",[[0,"search-saved",{limit:[2],saved:[32]}]]],["search-starred",[[0,"search-starred",{options:[8]}]]],["search-tabs",[[4,"search-tabs",{selected:[32]}]]],["tags-indicator",[[0,"tags-indicator",{tags:[16],theme:[1]}]]],["template-card",[[0,"template-card",{template:[8],theme:[1]}]]],["toggle-icon-buttons",[[0,"toggle-icon-buttons",{options:[16],theme:[1]},[[6,"click","handleClick"]]]]]],e)}));
+import{B as BUILD,c as consoleDevInfo,p as plt,w as win,H,d as doc,N as NAMESPACE,a as promiseResolve,b as bootstrapLazy}from"./index-ddbd60b5.js";import{g as globalScripts}from"./app-globals-0f993ce5.js";var getDynamicImportFunction=function(e){return"__sc_import_".concat(e.replace(/\s|-/g,"_"))};var patchBrowser=function(){if(BUILD.isDev&&!BUILD.isTesting){consoleDevInfo("Running in development mode.")}if(BUILD.cssVarShim){plt.$cssShim$=win.__cssshim}if(BUILD.cloneNodeFix){patchCloneNodeFix(H.prototype)}if(BUILD.profile&&!performance.mark){performance.mark=performance.measure=function(){};performance.getEntriesByName=function(){return[]}}var e=BUILD.scriptDataOpts||BUILD.safari10||BUILD.dynamicImportShim?Array.from(doc.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(NAMESPACE,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===NAMESPACE})):null;var r=import.meta.url;var o=BUILD.scriptDataOpts?e["data-opts"]||{}:{};if(BUILD.safari10&&"onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}if(!BUILD.safari10&&r!==""){o.resourcesUrl=new URL(".",r).href}else if(BUILD.dynamicImportShim||BUILD.safari10){o.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,win.location.href)).href;if(BUILD.dynamicImportShim){patchDynamicImport(o.resourcesUrl,e)}if(BUILD.dynamicImportShim&&!win.customElements){return import("./dom-4eeb3fee.js").then((function(){return o}))}}return promiseResolve(o)};var patchDynamicImport=function(e,r){var o=getDynamicImportFunction(NAMESPACE);try{win[o]=new Function("w","return import(w);//".concat(Math.random()))}catch(i){var t=new Map;win[o]=function(i){var a=new URL(i,e).href;var d=t.get(a);if(!d){var s=doc.createElement("script");s.type="module";s.crossOrigin=r.crossOrigin;s.src=URL.createObjectURL(new Blob(["import * as m from '".concat(a,"'; window.").concat(o,".m = m;")],{type:"application/javascript"}));d=new Promise((function(e){s.onload=function(){e(win[o].m);s.remove()}}));t.set(a,d);doc.head.appendChild(s)}return d}}};var patchCloneNodeFix=function(e){var r=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return r.call(this,e)}var o=r.call(this,false);var t=this.childNodes;if(e){for(var i=0;i<t.length;i++){if(t[i].nodeType!==2){o.appendChild(t[i].cloneNode(true))}}}return o}};patchBrowser().then((function(e){globalScripts();return bootstrapLazy([["verdocs-sign",[[0,"verdocs-sign",{documentid:[1],roleid:[1],invitecode:[1],endpoint:[32],recipient:[32],signerToken:[32],pdfUrl:[32],recipientIndex:[32],document:[32],fields:[32],pdfPageInfo:[32],hasSignature:[32],nextButtonLabel:[32],focusedField:[32]}]]],["verdocs-auth",[[0,"verdocs-auth",{visible:[4],logo:[1],debug:[4],isAuthenticated:[32],displayMode:[32],username:[32],password:[32],loggingIn:[32],activeSession:[32],loginError:[32]}]]],["verdocs-search",[[0,"verdocs-search"]]],["verdocs-kba-dialog",[[0,"verdocs-kba-dialog",{step:[2],steps:[2],helptitle:[1],helptext:[1],mode:[1],label:[1],placeholder:[1],choices:[16],open:[4],response:[32]}]]],["verdocs-organization-card",[[0,"verdocs-organization-card",{organization:[16]}]]],["verdocs-quick-functions",[[0,"verdocs-quick-functions"]]],["verdocs-search-tabs",[[0,"verdocs-search-tabs",{selected:[32]}]]],["verdocs-status-indicator",[[0,"verdocs-status-indicator",{size:[1],theme:[1],status:[1],document:[16],isOpen:[32],recipientStatusIcons:[32]}]]],["verdocs-template-card",[[0,"verdocs-template-card",{template:[16]}]]],["verdocs-template-tags",[[0,"verdocs-template-tags",{tags:[16]}]]],["verdocs-toggle",[[0,"verdocs-toggle",{options:[16],theme:[1]},[[6,"click","handleClick"]]]]],["verdocs-field-initial",[[0,"verdocs-field-initial",{required:[4],fullName:[1,"full-name"],value:[1],focusField:[64]}]]],["verdocs-field-signature",[[0,"verdocs-field-signature",{required:[4],fullName:[1,"full-name"],value:[1],focusField:[64]}]]],["verdocs-field-attachment",[[0,"verdocs-field-attachment",{order:[2],value:[1],required:[4],disabled:[4],focusField:[64]}]]],["verdocs-ok-dialog",[[0,"verdocs-ok-dialog",{heading:[1],message:[1],open:[4],cancel:[4]}]]],["verdocs-view",[[0,"verdocs-view",{rotation:[2],source:[1],token:[1],loadProgress:[32]}]]],["verdocs-dropdown",[[0,"verdocs-dropdown",{options:[16],open:[4],isOpen:[32]}]]],["verdocs-field-checkbox",[[0,"verdocs-field-checkbox",{order:[2],value:[4],required:[4],disabled:[4]}]]],["verdocs-field-date",[[0,"verdocs-field-date",{placeholder:[1],order:[2],value:[1],required:[4],disabled:[4],focused:[32],focusField:[64]}]]],["verdocs-field-dropdown",[[0,"verdocs-field-dropdown",{options:[16],required:[4],order:[2],disabled:[4],value:[1],focused:[32],focusField:[64]}]]],["verdocs-field-payment",[[0,"verdocs-field-payment",{field:[16],fields:[16],pageNum:[2,"page-num"],roleName:[1,"role-name"],fieldId:[1,"field-id"],recipients:[8],selectedRoleName:[1,"selected-role-name"],pdfPages:[16],currentSignature:[1,"current-signature"],currentSignatureId:[1,"current-signature-id"],currentInitial:[1,"current-initial"],currentInitialId:[1,"current-initial-id"],focused:[4],signed:[4],preparedMessage:[32],signatureUrl:[32]}]]],["verdocs-field-radio-button",[[0,"verdocs-field-radio-button",{order:[2],checked:[4],value:[1],name:[1],required:[4],disabled:[4]}]]],["verdocs-field-textarea",[[0,"verdocs-field-textarea",{placeholder:[1],order:[2],value:[1],required:[4],disabled:[4],focused:[32],focusField:[64]}]]],["verdocs-field-textbox",[[0,"verdocs-field-textbox",{placeholder:[1],order:[2],value:[1],required:[4],disabled:[4],focused:[32],focusField:[64]}]]],["verdocs-search-activity",[[0,"verdocs-search-activity",{type:[1],options:[8],emptyMessage:[32],authFailure:[32],title:[32],recent:[32],saved:[32],starred:[32]}]]],["verdocs-search-box",[[0,"verdocs-search-box",{placeholder:[1],type:[1],query:[1]}]]],["verdocs-text-input",[[0,"verdocs-text-input",{value:[1],label:[1],placeholder:[1],autocomplete:[1],type:[1],disabled:[4],_value:[32]}]]],["verdocs-button",[[0,"verdocs-button",{label:[1],startIcon:[1,"start-icon"],endIcon:[1,"end-icon"],size:[1],type:[1],variant:[1],disabled:[4]}]]],["verdocs-initial-dialog",[[0,"verdocs-initial-dialog",{fullname:[1],open:[4],fontLoaded:[32],enteredInitials:[32],mode:[32]}]]],["verdocs-signature-dialog",[[0,"verdocs-signature-dialog",{fullname:[1],open:[4],fontLoaded:[32],enteredName:[32],mode:[32]}]]],["verdocs-upload-dialog",[[0,"verdocs-upload-dialog",{open:[4],draggingOver:[32],decodedFiles:[32]}]]],["verdocs-loader",[[0,"verdocs-loader"]]]],e)}));

package/dist/types/components/controls/verdocs-button/verdocs-button.d.ts

@@ -0,0 +1,52 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+/**
+ * Display a simple button.
+ *
+ * Three variants are supported. `standard` and `outline` buttons look like traditional form buttons and are ideal candidates for 'Ok' and
+ * 'Cancel' options in most cases. `text` buttons are intended to be used inline in content blocks or for more subtle button options.
+ * (Auth uses text buttons for the Forgot Password and Sign Up options.)
+ *
+ * Four sizes are also supported. Most use cases will call for the `normal` size, but a `small` size is ideal for more subtle controls, such
+ * as pagination or other secondary functions. `medium` buttons are slightly larger to provide balance in forms where other items are also
+ * bigger, and `large` buttons are for cases where the page has mostly white-space and the buttons need to fill more space.
+ *
+ * Icons may be placed either before ("start") or after ("end") the button label. Icons should be SVG objects passed as strings and will
+ * be rendered as HTML inside the button label area. It is important that the root <SVG> tag contains a default `fill="#ffffff"` setting
+ * for the base color, and that child elements below it do not. This allows the button color to carry into the icon properly.
+ */
+export declare class VerdocsButton {
+  /**
+   * The label for the button.
+   */
+  label: string;
+  /**
+   * If desired, a prefix icon for the button
+   */
+  startIcon: string | null;
+  /**
+   * If desired, a suffix icon for the button
+   */
+  endIcon: string | null;
+  /**
+   * The size (height) of the button.
+   */
+  size: 'small' | 'normal' | 'medium' | 'large';
+  /**
+   * The type of the button.
+   */
+  type: 'button' | 'submit' | 'reset';
+  /**
+   * The display variant of the button.
+   */
+  variant: 'standard' | 'text' | 'outline';
+  /**
+   * Whether the button should be disabled.
+   */
+  disabled: boolean;
+  /**
+   * Event fired when the button is pressed.
+   */
+  press: EventEmitter;
+  handleClick(e: any): void;
+  render(): any;
+}

package/dist/types/components/controls/verdocs-button/verdocs-button.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta } from '@storybook/web-components';
+declare const _default: Meta<import("@storybook/web-components").Args>;
+export default _default;
+export declare const Button: ({ label, size, variant, disabled, startIcon, endIcon, press }: {
+  label: any;
+  size: any;
+  variant: any;
+  disabled: any;
+  startIcon: any;
+  endIcon: any;
+  press: any;
+}) => import("lit-html").TemplateResult<1>;

package/dist/types/components/controls/{dropdown-menu/dropdown-menu.d.ts → verdocs-dropdown/verdocs-dropdown.d.ts}

@@ -8,22 +8,8 @@ export interface IMenuOption {
 /**
  * Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden
  * when the button is pressed again, or an option is selected.
- *
- * ```typescript
- * interface IMenuOption {
- *   // The label to display on the menu option.
- *   label: string;
- *   // Optional icon to display next to the option's label. Specify icons as SVG strings.
- *   icon?: string;
- *   // If true, the option will be shown disabled (dimmed and not clickable).
- *   disabled?: boolean;
- *   // Optional additional fields such as IDs or other data. When a menu option is clicked/tapped, the associated
- *   // IMenuOptionwill be passed to the event handler. This data may be used to help identify the option selected.
- *   [key: string]: any;
- * }
- * ```
  */
-export declare class DropdownMenu {
+export declare class VerdocsDropdown {
   private dropdownButton?;
   private dropdownMenu?;
   private popper?;
@@ -35,10 +21,6 @@ export declare class DropdownMenu {
    * If set, the component will be open by default. This is primarily intended to be used for testing.
    */
   open: boolean;
-  /**
-   * If set, the component will reserve space for Storybook-display purposes.
-   */
-  tall: boolean;
   /**
    * If set, the component will be open by default.
    */
@@ -52,7 +34,8 @@ export declare class DropdownMenu {
   componentDidLoad(): void;
   handleSelectOption(option: IMenuOption): void;
   showDropdown(): void;
-  hideDropdown(): void;
+  handleHideDropdown(e: any): void;
   toggleDropdown(): void;
+  hide(): void;
   render(): any;
 }

package/dist/types/components/{elements/search-recent/search-recent.stories.d.ts → controls/verdocs-dropdown/verdocs-dropdown.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: ({ limit, entrySelected }: {
-  limit: any;
-  entrySelected: any;
+export declare const DropdownMenu: ({ options, optionSelected }: {
+  options: any;
+  optionSelected: any;
 }) => import("lit-html").TemplateResult<1>;

package/dist/types/components/controls/verdocs-loader/verdocs-loader.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Animated loader placeholder. There are currently no configuration options for this control.
+ */
+export declare class VerdocsLoader {
+  render(): any;
+}

package/dist/types/components/controls/verdocs-loader/verdocs-loader.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 Loader: ({}: {}) => import("lit-html").TemplateResult<1>;

package/dist/types/components/controls/verdocs-organization-card/verdocs-organization-card.d.ts

@@ -0,0 +1,11 @@
+import { IOrganization } from '@verdocs/js-sdk/Organizations/Types';
+/**
+ * Display a pop-up describing the company that was hovered over
+ */
+export declare class VerdocsOrganizationCard {
+  /**
+   * The organization to display
+   */
+  organization: IOrganization;
+  render(): any;
+}

package/dist/types/components/controls/verdocs-organization-card/verdocs-organization-card.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 OrganizationCard: ({ organization }: {
+  organization: any;
+}) => import("lit-html").TemplateResult<1>;

package/dist/types/components/controls/verdocs-status-indicator/recipient-flow.d.ts

@@ -0,0 +1,4 @@
+export declare function RecipientFlow(): {
+  initalize: (id: any, width: any, height: any) => void;
+  update: (json: any) => void;
+};

package/dist/types/components/controls/verdocs-status-indicator/verdocs-status-indicator.d.ts

@@ -0,0 +1,42 @@
+import { IDocument, TDocumentStatus, TRecipientStatus } from '@verdocs/js-sdk/Documents/Documents';
+/**
+ * Displays an icon and message describing a document's completion status. For convenience, the status may be passed in either
+ * directly as a status field or the whole document object may be passed in.
+ *
+ * If the document is provided, the status flag will indicate the document's overall status. This also makes the component clickable
+ * to display a popup panel with per-recipient status data.
+ *
+ * If the status is provided as a string it can be either a `TRecipientStatus` or `TDocumentStatus` value.
+ */
+export declare class VerdocsStatusIndicator {
+  private summaryComponent?;
+  private detailPanel?;
+  private popper?;
+  /**
+   * The size (height) of the indicator. The small variant is suitable for use in densely populated components such as table rows.
+   */
+  size: 'small' | 'normal';
+  /**
+   * The theme to use for diplay.
+   */
+  theme?: 'dark' | 'light';
+  /**
+   * The status to display.
+   */
+  status?: TDocumentStatus | TRecipientStatus | 'accepted';
+  /**
+   * The document to display status for. Ignored if `status` is set directly.
+   */
+  document?: IDocument;
+  isOpen: boolean;
+  recipientStatusIcons: any[];
+  componentDidLoad(): void;
+  showDropdown(): void;
+  handleHideDropdown(e: any): void;
+  toggleDropdown(): void;
+  hide(): void;
+  getStatusColor(status: string): "#654dcb" | "#55bc81" | "#ff0000" | "#999999";
+  getStatusIcon(status: string): string;
+  getStatusMessage(status: string): "Pending" | "In Progress" | "Declined" | "Invited" | "Opened" | "Accepted" | "Signed" | "Submitted" | "Completed" | "Cancelled" | "Partly Signed";
+  render(): any;
+}

package/dist/types/components/controls/verdocs-status-indicator/verdocs-status-indicator.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 StatusIndicator: ({ theme, size, status, document }: {
+  theme: any;
+  size: any;
+  status: any;
+  document: any;
+}) => import("lit-html").TemplateResult<1>;

package/dist/types/components/controls/verdocs-template-card/verdocs-template-card.d.ts

@@ -0,0 +1,11 @@
+import { ITemplate } from '@verdocs/js-sdk/Templates/Types';
+/**
+ * Displays a summary of a template
+ */
+export declare class VerdocsTemplateCard {
+  /**
+   * The template for which the card will be rendered.
+   */
+  template: ITemplate;
+  render(): any;
+}

package/dist/types/components/{elements/template-card/template-card.stories.d.ts → controls/verdocs-template-card/verdocs-template-card.stories.d.ts}

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

package/dist/types/components/controls/verdocs-template-tags/verdocs-template-tags.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Displays a message listing a template's tags.
+ */
+export declare class VerdocsTemplateTags {
+  /**
+   * The tags to display
+   */
+  tags: any[];
+  render(): any;
+}

package/dist/types/components/controls/{tags-indicator/tags-indicator.stories.d.ts → verdocs-template-tags/verdocs-template-tags.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: ({ tags, theme }: {
+export declare const TemplateTags: ({ tags, theme }: {
   tags: any;
   theme: any;
 }) => import("lit-html").TemplateResult<1>;

package/dist/types/components/controls/verdocs-text-input/test/verdocs-text-input.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/controls/verdocs-text-input/verdocs-text-input.d.ts

@@ -0,0 +1,54 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+/**
+ * Display a text input field. This is just a standard HTML input field with minimal markup to fit the
+ * visual styles of the other components. Bear in mind Stencil does not currently support emitting events
+ * with the same names as native DOM events, so rather than `input` or `blur` we have `tinput`, `tblur`,
+ * etc. We used a temporary prefix here to mark this as a temporary API, because we hope this will change
+ * in a future Stencil release. See https://github.com/ionic-team/stencil/issues/2822.
+ */
+export declare class VerdocsTextInput {
+  /**
+   * The value for the input field.
+   */
+  value: string;
+  /**
+   * The label for the field.
+   */
+  label: string;
+  /**
+   * The placeholder for the field.
+   */
+  placeholder: string;
+  /**
+   * If desired, the autocomplete attribute to set.
+   */
+  autocomplete: string;
+  /**
+   * The type of field to render. Only text-type fields are allowed here for the current styling. Additional types
+   * (e.g. a date picker) will be supported by other controls in the future.
+   */
+  type: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url';
+  /**
+   * Should the field be disabled?
+   */
+  disabled: boolean;
+  _value: string;
+  /**
+   * Event fired when the input value changes.
+   */
+  fieldInput: EventEmitter<string>;
+  /**
+   * Event fired when the field receives focus.
+   */
+  fieldFocus: EventEmitter;
+  /**
+   * Event fired when the field loses focus.
+   */
+  fieldBlur: EventEmitter;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  handleInput(event: any): void;
+  handleFocus(event: any): void;
+  handleBlur(event: any): void;
+  render(): any;
+}

package/dist/types/components/controls/verdocs-text-input/verdocs-text-input.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta } from '@storybook/web-components';
+declare const _default: Meta<import("@storybook/web-components").Args>;
+export default _default;
+export declare const TextInput: ({ type, label, value, placeholder, disabled, tinput, tfocus, tblur }: {
+  type: any;
+  label: any;
+  value: any;
+  placeholder: any;
+  disabled: any;
+  tinput: any;
+  tfocus: any;
+  tblur: any;
+}) => import("lit-html").TemplateResult<1>;

package/dist/types/components/controls/{toggle-icon-buttons/toggle-icon-buttons.d.ts → verdocs-toggle/verdocs-toggle.d.ts}

@@ -14,7 +14,7 @@ export interface IToggleIconButtons {
  *
  * ```
  */
-export declare class ToggleIconButtons {
+export declare class VerdocsToggle {
   /**
    * The tags to display
    */
@@ -22,7 +22,7 @@ export declare class ToggleIconButtons {
   /**
    * The "theme" to be used
    */
-  theme: "light" | "dark";
+  theme: 'light' | 'dark';
   handleClick(event: any): void;
   render(): any;
 }

package/dist/types/components/controls/{toggle-icon-buttons/toggle-icon-buttons.stories.d.ts → verdocs-toggle/verdocs-toggle.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, theme }: {
+export declare const Toggle: ({ options, theme }: {
   options: any;
   theme: any;
 }) => import("lit-html").TemplateResult<1>;

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

@@ -0,0 +1,36 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+/**
+ * Display a dialog that allows the user to specify an initials image, either by using a signature-font-generated image
+ * based on their full name, or by hand-drawing their initials with a mouse or tablet.
+ */
+export declare class VerdocsInitialDialog {
+  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;
+  enteredInitials: 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-initial-dialog/verdocs-initial-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 InitialDialog: ({ fullname, open, closed }: {
+  fullname: any;
+  open: any;
+  closed: any;
+}) => import("lit-html").TemplateResult<1>;

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

@@ -0,0 +1,57 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+/**
+ * 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 VerdocsKbaDialog {
+  /**
+   * Which step this confirmation is for, in a multi-step process. Ignored if `steps` is < 2.
+   */
+  step: number;
+  /**
+   * How many steps exist in a multi-step process. Set to 1 for a single-step process (hides the indicator).
+   */
+  steps: number;
+  /**
+   * If set, a help/instructions box will be displayed with this title
+   */
+  helptitle: string;
+  /**
+   * If set, a help/instructions box will be displayed with this text
+   */
+  helptext: string;
+  /**
+   * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
+   */
+  mode: 'text' | 'choice';
+  /**
+   * For text input challenges, the label to display next to the input field.
+   */
+  label: string;
+  /**
+   * For text input challenges, the placeholder to display inside the input field.
+   */
+  placeholder: string;
+  /**
+   * For choice challenges, a set of choices to choose from. 6 choices is recommended to fit most screen sizes.
+   */
+  choices: 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 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<string>;
+  response: string;
+  handleCancel(): void;
+  handleDismiss(e: any): void;
+  handleDone(): void;
+  render(): any;
+}

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

@@ -0,0 +1,15 @@
+import { Meta } from '@storybook/web-components';
+declare const _default: Meta<import("@storybook/web-components").Args>;
+export default _default;
+export declare const KBADialog: ({ helptitle, helptext, label, placeholder, mode, step, steps, choices, open, closed }: {
+  helptitle: any;
+  helptext: any;
+  label: any;
+  placeholder: any;
+  mode: any;
+  step: any;
+  steps: any;
+  choices: any;
+  open: any;
+  closed: any;
+}) => import("lit-html").TemplateResult<1>;

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