@verdocs/web-sdk 1.2.0 → 1.4.0

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

@@ -1 +1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-ade0ef1e.js";var patchBrowser=function(){var e=import.meta.url;var d={};if(e!==""){d.resourcesUrl=new URL(".",e).href}return promiseResolve(d)};patchBrowser().then((function(e){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-document-status",[[0,"verdocs-document-status",{status:[1]}]]],["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-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-button_2",[[0,"verdocs-text-input",{value:[1],label:[1],placeholder:[1],autocomplete:[1],type:[1],disabled:[4],_value:[32]}],[0,"verdocs-button",{label:[1],type:[1],variant:[1],disabled:[4]}]]],["verdocs-ok-dialog",[[0,"verdocs-ok-dialog",{heading:[1],message:[1],open:[4],cancel:[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-search-activity_2",[[0,"verdocs-search-activity",{type:[1],options:[8],emptyMessage:[32],authFailure:[32],title:[32],recent:[32],saved:[32],starred:[32]}],[0,"verdocs-search-box",{placeholder:[1],type:[1],query:[1]}]]],["verdocs-loader",[[0,"verdocs-loader"]]],["verdocs-dropdown_12",[[0,"verdocs-field-initial",{required:[4],fullName:[1,"full-name"],value:[1],focusField:[64]}],[0,"verdocs-field-signature",{required:[4],fullName:[1,"full-name"],value:[1],focusField:[64]}],[0,"verdocs-field-attachment",{order:[2],value:[1],required:[4],disabled:[4],focusField:[64]}],[0,"verdocs-view",{rotation:[2],source:[1],token:[1],loadProgress:[32]}],[0,"verdocs-dropdown",{options:[16],open:[4],isOpen:[32]}],[0,"verdocs-field-checkbox",{order:[2],value:[4],required:[4],disabled:[4]}],[0,"verdocs-field-date",{placeholder:[1],order:[2],value:[1],required:[4],disabled:[4],focused:[32],focusField:[64]}],[0,"verdocs-field-dropdown",{options:[16],required:[4],order:[2],disabled:[4],value:[1],focused:[32],focusField:[64]}],[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]}],[0,"verdocs-field-radio-button",{order:[2],checked:[4],value:[1],name:[1],required:[4],disabled:[4]}],[0,"verdocs-field-textarea",{placeholder:[1],order:[2],value:[1],required:[4],disabled:[4],focused:[32],focusField:[64]}],[0,"verdocs-field-textbox",{placeholder:[1],order:[2],value:[1],required:[4],disabled:[4],focused:[32],focusField:[64]}]]]],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

@@ -1,14 +1,36 @@
 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.)
+ * 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.
+   * 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.
    */
@@ -25,8 +47,6 @@ export declare class VerdocsButton {
    * Event fired when the button is pressed.
    */
   press: EventEmitter;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
   handleClick(e: any): void;
   render(): any;
 }

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

@@ -1,9 +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, variant, disabled, press }: {
+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/verdocs-dropdown/verdocs-dropdown.d.ts

@@ -8,20 +8,6 @@ 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 VerdocsDropdown {
   private dropdownButton?;

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

@@ -1,3 +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-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-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>;