@verdocs/web-sdk 1.1.0 → 1.4.2

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-document-status/verdocs-document-status.stories.d.ts → verdocs-status-indicator/verdocs-status-indicator.stories.d.ts}

@@ -1,6 +1,9 @@
 import { Meta } from '@storybook/web-components';
 declare const _default: Meta<import("@storybook/web-components").Args>;
 export default _default;
-export declare const DocumentStatus: ({ status }: {
+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/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/elements/{search-quick-functions/search-quick-functions.d.ts → verdocs-quick-functions/verdocs-quick-functions.d.ts}

@@ -5,7 +5,7 @@ import { EventEmitter } from '../../../stencil-public-runtime';
  * 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-starred/search-starred.d.ts → verdocs-search-activity/verdocs-search-activity.d.ts}

@@ -1,4 +1,5 @@
-import { IRecentSearch } from '@verdocs/js-sdk/Search/Types';
+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.
@@ -6,14 +7,20 @@ import { EventEmitter } from '../../../stencil-public-runtime';
  * 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 SearchStarred {
+export declare class VerdocsSearchActivity {
+  type: 'recent' | 'saved' | 'starred';
   options: any;
   /**
    * Event fired when an entry is clicked.
    */
   entrySelected: EventEmitter<IRecentSearch>;
   emptyMessage: string;
-  componentDidLoad(): void;
+  authFailure: boolean;
+  title: string;
+  recent: IRecentSearch[];
+  saved: ISavedSearch[];
+  starred: ITemplate[];
+  componentWillLoad(): void;
   handleSelectEntry(entry: any): void;
   computePagesText(pages: any): string;
   computeRecipientsText(recipients: any): 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 StarredItems: ({ 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}

@@ -10,7 +10,7 @@ export interface ISearchEvent {
  * 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-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;
 }