@verdocs/web-sdk 1.9.9 → 1.9.14

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2022-12-24T01:05:19",
+  "timestamp": "2023-01-03T03:13:14",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",
@@ -218,7 +218,7 @@
           "verdocs-loader",
           "verdocs-toolbar-icon",
           "verdocs-field-signature",
-          "verdocs-view"
+          "verdocs-document-page"
         ],
         "verdocs-field-signature": [
           "verdocs-signature-dialog",
@@ -229,16 +229,6 @@
         "verdocs-signature-dialog": [
           "verdocs-text-input",
           "verdocs-button"
-        ],
-        "verdocs-view": [
-          "verdocs-view-template-document",
-          "verdocs-view-envelope-document"
-        ],
-        "verdocs-view-template-document": [
-          "verdocs-document-page"
-        ],
-        "verdocs-view-envelope-document": [
-          "verdocs-document-page"
         ]
       }
     },
@@ -246,7 +236,7 @@
       "filePath": "./src/components/controls/verdocs-button/verdocs-button.tsx",
       "encapsulation": "none",
       "tag": "verdocs-button",
-      "docs": "Display a simple button.\n\nThree variants are supported. `standard` and `outline` buttons look like traditional form buttons and are ideal candidates for 'Ok' and\n'Cancel' options in most cases. `text` buttons are intended to be used inline in content blocks or for more subtle button options.\n(Auth uses text buttons for the Forgot Password and Sign Up options.)\n\nFour sizes are also supported. Most use cases will call for the `normal` size, but a `small` size is ideal for more subtle controls, such\nas pagination or other secondary functions. `medium` buttons are slightly larger to provide balance in forms where other items are also\nbigger, and `large` buttons are for cases where the page has mostly white-space and the buttons need to fill more space.\n\nIcons may be placed either before (\"start\") or after (\"end\") the button label. Icons should be SVG objects passed as strings and will\nbe rendered as HTML inside the button label area. It is important that the root <SVG> tag contains a default `fill=\"#ffffff\"` setting\nfor the base color, and that child elements below it do not. This allows the button color to carry into the icon properly.",
+      "docs": "Display a simple button.\n\nThree variants are supported. `standard` and `outline` buttons look like traditional form buttons and are ideal candidates for 'Ok' and\n'Cancel' options in most cases. `text` buttons are intended to be used inline in content blocks or for more subtle button options.\n(Auth uses text buttons for the Forgot Password and Sign Up options.)\n\nFour sizes are also supported. Most use cases will call for the `normal` size, but a `small` size is ideal for more subtle controls, such\nas pagination or other secondary functions. `medium` buttons are slightly larger to provide balance in forms where other items are also\nbigger, and `large` buttons are for cases where the page has mostly white-space and the buttons need to fill more space.\n\nIcons may be placed either before (\"start\") or after (\"end\") the button label. Icons should be SVG objects passed as strings and will\nbe rendered as HTML inside the button label area. It is important that the root <SVG> tag contains a default `fill=\"#ffffff\"` setting\nfor the base color, and that child elements below it do not. This allows the button color to carry into the icon properly.\n\n```html\n<verdocs-button label=\"OK\" onClick={() => (console.log('OK clicked'))} />\n```",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -273,7 +263,7 @@
           "mutable": false,
           "attr": "end-icon",
           "reflectToAttr": false,
-          "docs": "If desired, a suffix icon for the button",
+          "docs": "If desired, a suffix icon for the button.",
           "docsTags": [],
           "default": "null",
           "values": [
@@ -336,7 +326,7 @@
           "mutable": false,
           "attr": "start-icon",
           "reflectToAttr": false,
-          "docs": "If desired, a prefix icon for the button",
+          "docs": "If desired, a prefix icon for the button.",
           "docsTags": [],
           "default": "null",
           "values": [
@@ -401,17 +391,7 @@
         }
       ],
       "methods": [],
-      "events": [
-        {
-          "event": "press",
-          "detail": "any",
-          "bubbles": false,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the button is pressed.",
-          "docsTags": []
-        }
-      ],
+      "events": [],
       "listeners": [],
       "styles": [],
       "slots": [],
@@ -478,7 +458,7 @@
       "filePath": "./src/components/controls/verdocs-button-panel/verdocs-button-panel.tsx",
       "encapsulation": "none",
       "tag": "verdocs-button-panel",
-      "docs": "Displays a clickable icon. When clicked, a customizable drop-down panel will be displayed.",
+      "docs": "Displays a clickable icon suitable for display in a toolbar. When clicked, a customizable drop-down panel will be\ndisplayed.\n\n*\n```html\n<verdocs-button-panel icon=\"<svg.../>\">\n  <form>...</form>\n</verdocs-button-panel>\n```",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -540,7 +520,7 @@
       "filePath": "./src/components/controls/verdocs-checkbox/verdocs-checkbox.tsx",
       "encapsulation": "none",
       "tag": "verdocs-checkbox",
-      "docs": "Displays a check box. Note that this is different from the `verdocs-field-checkbox` component, which is designed\nto be used in signing experiences and contains settings that connect to template fields. This is just a simple check box\nfor UI displays e.g. dialog boxes.",
+      "docs": "Displays a check box. Note that this is different from the `verdocs-field-checkbox` component, which is designed\nto be used in signing experiences and contains settings that connect to template fields. This is just a simple check\nbox for UI displays e.g. dialog boxes.\n\nThis control encapsulates a standard HTML checkbox. To subscribe to change events, connect an `onChange`\nhandler. Sample usage:\n\n```html\n<verdocs-checkbox\n   value=\"on\"\n   name=\"thingEnabled\"\n   checked={this.thingEnabled}\n   onInput={(e: any) => (this.thingEnabled = e.target.checked)}\n/>\n```",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -614,17 +594,7 @@
         }
       ],
       "methods": [],
-      "events": [
-        {
-          "event": "selected",
-          "detail": "{ value: string; }",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\nIt is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\nkeypress.",
-          "docsTags": []
-        }
-      ],
+      "events": [],
       "listeners": [],
       "styles": [],
       "slots": [],
@@ -711,7 +681,7 @@
           "docsTags": []
         },
         {
-          "event": "contactSelected",
+          "event": "next",
           "detail": "IContactSelectEvent",
           "bubbles": true,
           "cancelable": true,
@@ -860,15 +830,23 @@
       "slots": [],
       "parts": [],
       "dependents": [
-        "verdocs-view-envelope-document",
-        "verdocs-view-template-document"
+        "verdocs-preview",
+        "verdocs-sign",
+        "verdocs-template-fields",
+        "verdocs-view"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "verdocs-view-envelope-document": [
+        "verdocs-preview": [
+          "verdocs-document-page"
+        ],
+        "verdocs-sign": [
+          "verdocs-document-page"
+        ],
+        "verdocs-template-fields": [
           "verdocs-document-page"
         ],
-        "verdocs-view-template-document": [
+        "verdocs-view": [
           "verdocs-document-page"
         ]
       }
@@ -877,26 +855,10 @@
       "filePath": "./src/components/controls/verdocs-dropdown/verdocs-dropdown.tsx",
       "encapsulation": "none",
       "tag": "verdocs-dropdown",
-      "docs": "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\nwhen the button is pressed again, or an option is selected.",
+      "docs": "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\nwhen the button is pressed again, or an option is selected.\n\n```html\n<verdocs-dropdown\n  options={[\n    {label: 'Option 1', disabled: true},\n    {label: 'Option 2', id: '2'}\n  ]}\n  label=\"OK\" onClick={() => (console.log('OK clicked'))}\n/>\n```",
       "docsTags": [],
       "usage": {},
       "props": [
-        {
-          "name": "open",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "open",
-          "reflectToAttr": false,
-          "docs": "If set, the component will be open by default. This is primarily intended to be used for testing.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "options",
           "type": "IMenuOption[]",
@@ -1013,17 +975,7 @@
           "docsTags": []
         }
       ],
-      "events": [
-        {
-          "event": "fieldChange",
-          "detail": "string",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\nIt is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\nkeypress.",
-          "docsTags": []
-        }
-      ],
+      "events": [],
       "listeners": [],
       "styles": [],
       "slots": [],
@@ -1045,7 +997,7 @@
       "filePath": "./src/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.tsx",
       "encapsulation": "none",
       "tag": "verdocs-field-checkbox",
-      "docs": "Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as\ninput types like text and checkbox.",
+      "docs": "Displays a checkbox.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -1119,17 +1071,7 @@
         }
       ],
       "methods": [],
-      "events": [
-        {
-          "event": "fieldChange",
-          "detail": "{ option: number; value: boolean; }",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\nIt is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\nkeypress.",
-          "docsTags": []
-        }
-      ],
+      "events": [],
       "listeners": [],
       "styles": [],
       "slots": [],
@@ -1269,42 +1211,6 @@
         }
       ],
       "events": [
-        {
-          "event": "fieldBlur",
-          "detail": "boolean",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the input field gains focus.",
-          "docsTags": []
-        },
-        {
-          "event": "fieldChange",
-          "detail": "string",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\nIt is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\nkeypress.",
-          "docsTags": []
-        },
-        {
-          "event": "fieldFocus",
-          "detail": "boolean",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the input field loses focus.",
-          "docsTags": []
-        },
-        {
-          "event": "fieldInput",
-          "detail": "string",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired on every character entered into / deleted from the field.",
-          "docsTags": []
-        },
         {
           "event": "settingsPress",
           "detail": "any",
@@ -2860,43 +2766,26 @@
           ],
           "optional": false,
           "required": false
-        },
-        {
-          "name": "open",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "open",
-          "reflectToAttr": false,
-          "docs": "Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
         }
       ],
       "methods": [],
       "events": [
         {
-          "event": "adopt",
-          "detail": "string",
+          "event": "cancel",
+          "detail": "any",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the initials are adopted.",
+          "docs": "Event fired when the step is cancelled.",
           "docsTags": []
         },
         {
-          "event": "cancel",
-          "detail": "any",
+          "event": "next",
+          "detail": "string",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the step is cancelled.",
+          "docs": "Event fired when the initials are adopted.",
           "docsTags": []
         }
       ],
@@ -3018,23 +2907,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "open",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "open",
-          "reflectToAttr": false,
-          "docs": "Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "placeholder",
           "type": "string",
@@ -3099,12 +2971,12 @@
           "docsTags": []
         },
         {
-          "event": "done",
+          "event": "next",
           "detail": "string",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the dialog is closed. The event data will contain the closure reason.",
+          "docs": "Event fired when the dialog is closed. The event data will contain the value selected.",
           "docsTags": []
         }
       ],
@@ -3138,18 +3010,18 @@
       "parts": [],
       "dependents": [
         "verdocs-preview",
-        "verdocs-sign",
-        "verdocs-template-fields"
+        "verdocs-template-fields",
+        "verdocs-view"
       ],
       "dependencies": [],
       "dependencyGraph": {
         "verdocs-preview": [
           "verdocs-loader"
         ],
-        "verdocs-sign": [
+        "verdocs-template-fields": [
           "verdocs-loader"
         ],
-        "verdocs-template-fields": [
+        "verdocs-view": [
           "verdocs-loader"
         ]
       }
@@ -3162,23 +3034,6 @@
       "docsTags": [],
       "usage": {},
       "props": [
-        {
-          "name": "cancel",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "cancel",
-          "reflectToAttr": false,
-          "docs": "If set, a cancel button will also be displayed. Note that the dialog is always cancelable by clicking the background\noverlay to dismiss it.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "heading",
           "type": "string",
@@ -3214,12 +3069,12 @@
           "required": false
         },
         {
-          "name": "open",
+          "name": "showCancel",
           "type": "boolean",
           "mutable": false,
-          "attr": "open",
+          "attr": "show-cancel",
           "reflectToAttr": false,
-          "docs": "Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.",
+          "docs": "If set, a cancel button will also be displayed. Note that the dialog is always cancelable by clicking the background\noverlay to dismiss it.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -3234,12 +3089,21 @@
       "methods": [],
       "events": [
         {
-          "event": "closed",
-          "detail": "\"cancel\" | \"ok\"",
+          "event": "cancel",
+          "detail": "any",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the dialog is closed. The event data will contain the closure reason.",
+          "docs": "Event fired when the user clicks the background overlay or Cancel button.",
+          "docsTags": []
+        },
+        {
+          "event": "next",
+          "detail": "any",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the user clicks the OK button.",
           "docsTags": []
         }
       ],
@@ -3300,7 +3164,7 @@
       "filePath": "./src/components/embeds/verdocs-preview/verdocs-preview.tsx",
       "encapsulation": "none",
       "tag": "verdocs-preview",
-      "docs": "Display a template preview experience.",
+      "docs": "Display a template preview experience. This will display the template's attached\ndocuments with signing fields overlaid on each page. Fields will be color-coded\nby recipient, and will be read-only (cannot be filled, moved, or altered).",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -3357,21 +3221,11 @@
       "dependents": [],
       "dependencies": [
         "verdocs-loader",
-        "verdocs-view"
+        "verdocs-document-page"
       ],
       "dependencyGraph": {
         "verdocs-preview": [
           "verdocs-loader",
-          "verdocs-view"
-        ],
-        "verdocs-view": [
-          "verdocs-view-template-document",
-          "verdocs-view-envelope-document"
-        ],
-        "verdocs-view-template-document": [
-          "verdocs-document-page"
-        ],
-        "verdocs-view-envelope-document": [
           "verdocs-document-page"
         ]
       }
@@ -3440,7 +3294,7 @@
       "filePath": "./src/components/controls/verdocs-radio-button/verdocs-radio-button.tsx",
       "encapsulation": "none",
       "tag": "verdocs-radio-button",
-      "docs": "Displays a radio button. Note that this is different from the `verdocs-field-radio-button` component, which is designed\nto be used in signing experiences and contains settings that connect to template fields. This is just a simple radio\nbutton for UI displays e.g. dialogs and .",
+      "docs": "Displays a radio button. Note that this is different from the `verdocs-field-radio-button` component, which is\ndesigned to be used in signing experiences and contains settings that connect to template fields. This is just a\nsimple radio button for UI displays e.g. dialog boxes.\n\nThis control encapsulates a standard HTML radio button. To subscribe to change events, connect an `onChange`\nhandler. Sample usage:\n\n```html\n<verdocs-radio-button\n   value=\"val1\"\n   name=\"someProperty\"\n   checked={this.someProperty === 'val1'}\n   onInput={(e: any) => { this.someProperty = 'val1' }}\n   disabled={false}\n/>\n```",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -3514,17 +3368,7 @@
         }
       ],
       "methods": [],
-      "events": [
-        {
-          "event": "selected",
-          "detail": "{ value: string; }",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\nIt is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\nkeypress.",
-          "docsTags": []
-        }
-      ],
+      "events": [],
       "listeners": [],
       "styles": [],
       "slots": [],
@@ -3937,17 +3781,7 @@
         }
       ],
       "methods": [],
-      "events": [
-        {
-          "event": "fieldChange",
-          "detail": "string",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the selection has changed",
-          "docsTags": []
-        }
-      ],
+      "events": [],
       "listeners": [],
       "styles": [],
       "slots": [],
@@ -4078,26 +3912,10 @@
       "filePath": "./src/components/embeds/verdocs-sign/verdocs-sign.tsx",
       "encapsulation": "none",
       "tag": "verdocs-sign",
-      "docs": "Display a document signing experience.\n\n***NOTE: This sample document will reset every 10 minutes...***",
+      "docs": "Display an envelope signing experience. This will display the envelope's attached\ndocuments with signing fields overlaid on each page.\n\nThe component will attempt to initiate a signing session and load the specified\nenvelope. If successful, the recipient's fields will be enabled and the user will\nbe able to sign the envelope's attached documents. If not, an `sdkError` will be\nthrown and the component will be blank/empty. To provide the best user experience,\napplications should capture and handle this error to provide the user with\ninstructions/options for next steps based on the application's design and workflow.\n\nUnlike other components, this will always create its own endpoint to manage the\nsession session. This endpoint will be included in event callbacks for the\nconvenience of host applications that may wish to make server calls using the\nsigner's credentials once signing is complete (e.g. to obtain copies of\nthe signed attachments.)",
       "docsTags": [],
       "usage": {},
       "props": [
-        {
-          "name": "endpoint",
-          "type": "VerdocsEndpoint",
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.",
-          "docsTags": [],
-          "default": "VerdocsEndpoint.getDefault()",
-          "values": [
-            {
-              "type": "VerdocsEndpoint"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "envelopeId",
           "type": "string",
@@ -4138,7 +3956,7 @@
           "mutable": false,
           "attr": "role-id",
           "reflectToAttr": false,
-          "docs": "The name of the role that will be signing.",
+          "docs": "The ID of the role that will be signing e.g. 'Recipient 1'",
           "docsTags": [],
           "default": "null",
           "values": [
@@ -4152,6 +3970,15 @@
       ],
       "methods": [],
       "events": [
+        {
+          "event": "fieldUpdated",
+          "detail": "{ endpoint: VerdocsEndpoint; }",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when any field is updated. Note that the current active endpoint is\nprovided as a parameter as a convenience for callers when this coimponent",
+          "docsTags": []
+        },
         {
           "event": "sdkError",
           "detail": "SDKError",
@@ -4172,8 +3999,7 @@
         "verdocs-field-radio-button",
         "verdocs-dropdown",
         "verdocs-button",
-        "verdocs-view",
-        "verdocs-loader"
+        "verdocs-document-page"
       ],
       "dependencyGraph": {
         "verdocs-sign": [
@@ -4181,17 +4007,6 @@
           "verdocs-field-radio-button",
           "verdocs-dropdown",
           "verdocs-button",
-          "verdocs-view",
-          "verdocs-loader"
-        ],
-        "verdocs-view": [
-          "verdocs-view-template-document",
-          "verdocs-view-envelope-document"
-        ],
-        "verdocs-view-template-document": [
-          "verdocs-document-page"
-        ],
-        "verdocs-view-envelope-document": [
           "verdocs-document-page"
         ]
       }
@@ -4220,43 +4035,26 @@
           ],
           "optional": false,
           "required": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "cancel",
+          "detail": "any",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fired if the user cancels the dialog.",
+          "docsTags": []
         },
         {
-          "name": "open",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "open",
-          "reflectToAttr": false,
-          "docs": "Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [
-        {
-          "event": "adopt",
+          "event": "next",
           "detail": "string",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when a signature is adopted.",
-          "docsTags": []
-        },
-        {
-          "event": "cancel",
-          "detail": "any",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the step is cancelled.",
+          "docs": "Fired when the user completes the dialog and clicks Adopt. The event detail will contain a base64-encoded string\nrepresentation of the signature adopted.",
           "docsTags": []
         }
       ],
@@ -4450,7 +4248,7 @@
       "filePath": "./src/components/elements/verdocs-template-create/verdocs-template-create.tsx",
       "encapsulation": "none",
       "tag": "verdocs-template-create",
-      "docs": "Displays a file upload mechanism suitable for the first step of creating a template.",
+      "docs": "Displays a file upload mechanism suitable for the first step of creating a template.\nThis is typically the first step in a template creation workflow.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -4483,21 +4281,21 @@
           "docsTags": []
         },
         {
-          "event": "sdkError",
-          "detail": "SDKError",
+          "event": "next",
+          "detail": "ITemplate",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired if an error occurs. The event details will contain information about the error. Most errors will\nterminate the process, and the calling application should correct the condition and re-render the component.",
+          "docs": "Event fired when the user changes the type.",
           "docsTags": []
         },
         {
-          "event": "templateCreated",
-          "detail": "{ template: ITemplate; template_document: ITemplateDocument; }",
+          "event": "sdkError",
+          "detail": "SDKError",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the user changes the type.",
+          "docs": "Event fired if an error occurs. The event details will contain information about the error. Most errors will\nterminate the process, and the calling application should correct the condition and re-render the component.",
           "docsTags": []
         }
       ],
@@ -4574,21 +4372,21 @@
           "docsTags": []
         },
         {
-          "event": "sdkError",
-          "detail": "SDKError",
+          "event": "next",
+          "detail": "ITemplate",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired if an error occurs. The event details will contain information about the error. Most errors will\nterminate the process, and the calling application should correct the condition and re-render the component.",
+          "docs": "Event fired when the user completes the step.",
           "docsTags": []
         },
         {
-          "event": "settingsUpdated",
-          "detail": "any",
+          "event": "sdkError",
+          "detail": "SDKError",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the user completes the step.",
+          "docs": "Event fired if an error occurs. The event details will contain information about the error. Most errors will\nterminate the process, and the calling application should correct the condition and re-render the component.",
           "docsTags": []
         }
       ],
@@ -4603,14 +4401,14 @@
         "verdocs-loader",
         "verdocs-toolbar-icon",
         "verdocs-field-signature",
-        "verdocs-view"
+        "verdocs-document-page"
       ],
       "dependencyGraph": {
         "verdocs-template-fields": [
           "verdocs-loader",
           "verdocs-toolbar-icon",
           "verdocs-field-signature",
-          "verdocs-view"
+          "verdocs-document-page"
         ],
         "verdocs-field-signature": [
           "verdocs-signature-dialog",
@@ -4622,16 +4420,6 @@
           "verdocs-text-input",
           "verdocs-button"
         ],
-        "verdocs-view": [
-          "verdocs-view-template-document",
-          "verdocs-view-envelope-document"
-        ],
-        "verdocs-view-template-document": [
-          "verdocs-document-page"
-        ],
-        "verdocs-view-envelope-document": [
-          "verdocs-document-page"
-        ],
         "verdocs-build": [
           "verdocs-template-fields"
         ]
@@ -4691,21 +4479,21 @@
           "docsTags": []
         },
         {
-          "event": "sdkError",
-          "detail": "SDKError",
+          "event": "next",
+          "detail": "{ name: string; sendReminders: boolean; firstReminderDays: number; reminderDays: number; }",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired if an error occurs. The event details will contain information about the error. Most errors will\nterminate the process, and the calling application should correct the condition and re-render the component.",
+          "docs": "Event fired when the user completes the step.",
           "docsTags": []
         },
         {
-          "event": "settingsUpdated",
-          "detail": "{ name: string; sendReminders: boolean; firstReminderDays: number; reminderDays: number; }",
+          "event": "sdkError",
+          "detail": "SDKError",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the user completes the step.",
+          "docs": "Event fired if an error occurs. The event details will contain information about the error. Most errors will\nterminate the process, and the calling application should correct the condition and re-render the component.",
           "docsTags": []
         }
       ],
@@ -4806,12 +4594,12 @@
           "docsTags": []
         },
         {
-          "event": "contactSelected",
+          "event": "next",
           "detail": "IContactSelectEvent",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the user changes the type.",
+          "docs": "Event fired when the user selects a contact.",
           "docsTags": []
         },
         {
@@ -4822,15 +4610,6 @@
           "composed": true,
           "docs": "Event fired when the user enters text in the search field. The calling application may use this to update\nthe `contactSuggestions` property.",
           "docsTags": []
-        },
-        {
-          "event": "settingsUpdated",
-          "detail": "any",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the user completes the step.",
-          "docsTags": []
         }
       ],
       "listeners": [],
@@ -4867,23 +4646,6 @@
       "docsTags": [],
       "usage": {},
       "props": [
-        {
-          "name": "open",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "open",
-          "reflectToAttr": false,
-          "docs": "Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "value",
           "type": "TemplateSenderTypes.CREATOR | TemplateSenderTypes.EVERYONE | TemplateSenderTypes.EVERYONE_AS_CREATOR | TemplateSenderTypes.ORGANIZATION_MEMBER | TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR",
@@ -4926,12 +4688,12 @@
           "docsTags": []
         },
         {
-          "event": "done",
-          "detail": "{ sender: TemplateSenderTypes; }",
+          "event": "next",
+          "detail": "TemplateSenderTypes.CREATOR | TemplateSenderTypes.EVERYONE | TemplateSenderTypes.EVERYONE_AS_CREATOR | TemplateSenderTypes.ORGANIZATION_MEMBER | TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the dialog is closed. The event data will contain the closure reason.",
+          "docs": "Event fired when the dialog is closed. The event data will contain the selected value.",
           "docsTags": []
         }
       ],
@@ -5184,7 +4946,7 @@
       "filePath": "./src/components/controls/verdocs-toggle/verdocs-toggle.tsx",
       "encapsulation": "none",
       "tag": "verdocs-toggle",
-      "docs": "Displays a label and a set of buttons, also allowing a default selection of a button\n\n```typescript\n\n```",
+      "docs": "Displays a label and a set of buttons, also allowing a default selection of a button",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -5387,17 +5149,7 @@
         }
       ],
       "methods": [],
-      "events": [
-        {
-          "event": "press",
-          "detail": "any",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Triggered when the icon is pressed",
-          "docsTags": []
-        }
-      ],
+      "events": [],
       "listeners": [],
       "styles": [],
       "slots": [],
@@ -5416,28 +5168,10 @@
       "filePath": "./src/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.tsx",
       "encapsulation": "none",
       "tag": "verdocs-upload-dialog",
-      "docs": "Display a file upload experience.",
+      "docs": "Display a file upload tool. Note that the file is not actually transmitted, so it may be used by\ncallers with a variety of workflows. Instead, data about the chosen file will be passed to the\ncaller via the onNext event handler.",
       "docsTags": [],
       "usage": {},
-      "props": [
-        {
-          "name": "open",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "open",
-          "reflectToAttr": false,
-          "docs": "Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        }
-      ],
+      "props": [],
       "methods": [],
       "events": [
         {
@@ -5446,16 +5180,16 @@
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the dialog is closed. The event data will contain the closure reason.",
+          "docs": "Event fired when the dialog is cancelled.",
           "docsTags": []
         },
         {
-          "event": "done",
+          "event": "next",
           "detail": "FileWithData[]",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the dialog is closed. The event data will contain the closure reason.",
+          "docs": "Event fired when the dialog is closed. The event data will contain the file selected.",
           "docsTags": []
         }
       ],
@@ -5482,7 +5216,7 @@
       "filePath": "./src/components/embeds/verdocs-view/verdocs-view.tsx",
       "encapsulation": "none",
       "tag": "verdocs-view",
-      "docs": "View all of the documents attached to a template or envelope. All documents are displayed, in order. This embed wraps\nverdocs-view-envelope-document or verdocs-view-template-document, as appropriate, and those controls may be used if\nfine-grained control over which documents are displayed (or their order) is required.",
+      "docs": "Render the documents attached to an envelope in read-only (view) mode. All documents are displayed in order.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -5518,118 +5252,10 @@
           ],
           "optional": false,
           "required": false
-        },
-        {
-          "name": "pageLayers",
-          "type": "IPageLayer[]",
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "Layers will be passed through to the individual pages inside this component.",
-          "docsTags": [],
-          "default": "[\n    {name: 'page', type: 'canvas'},\n    {name: 'controls', type: 'div'},\n  ]",
-          "values": [
-            {
-              "type": "IPageLayer[]"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "rotation",
-          "type": "0 | 180 | 270 | 90",
-          "mutable": false,
-          "attr": "rotation",
-          "reflectToAttr": false,
-          "docs": "Rotate the PDF in degrees",
-          "docsTags": [],
-          "default": "0",
-          "values": [
-            {
-              "value": "0",
-              "type": "number"
-            },
-            {
-              "value": "180",
-              "type": "number"
-            },
-            {
-              "value": "270",
-              "type": "number"
-            },
-            {
-              "value": "90",
-              "type": "number"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "templateId",
-          "type": "string",
-          "mutable": false,
-          "attr": "template-id",
-          "reflectToAttr": false,
-          "docs": "The template ID to render. Set ONE OF templateId or envelopeId.",
-          "docsTags": [],
-          "default": "''",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
         }
       ],
       "methods": [],
       "events": [
-        {
-          "event": "pageChange",
-          "detail": "number",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Fired when a page has been changed",
-          "docsTags": []
-        },
-        {
-          "event": "pageInit",
-          "detail": "number",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Fired when a page has been initialized",
-          "docsTags": []
-        },
-        {
-          "event": "pageLoaded",
-          "detail": "number",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Fired when a page has been changed",
-          "docsTags": []
-        },
-        {
-          "event": "pageRendered",
-          "detail": "IPageRenderEvent",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Fired when a page has been rendered",
-          "docsTags": []
-        },
-        {
-          "event": "scaleChange",
-          "detail": "number",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Fired when a page has been scaled",
-          "docsTags": []
-        },
         {
           "event": "sdkError",
           "detail": "SDKError",
@@ -5644,396 +5270,15 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [
-        "verdocs-preview",
-        "verdocs-sign",
-        "verdocs-template-fields"
-      ],
-      "dependencies": [
-        "verdocs-view-template-document",
-        "verdocs-view-envelope-document"
-      ],
-      "dependencyGraph": {
-        "verdocs-view": [
-          "verdocs-view-template-document",
-          "verdocs-view-envelope-document"
-        ],
-        "verdocs-view-template-document": [
-          "verdocs-document-page"
-        ],
-        "verdocs-view-envelope-document": [
-          "verdocs-document-page"
-        ],
-        "verdocs-preview": [
-          "verdocs-view"
-        ],
-        "verdocs-sign": [
-          "verdocs-view"
-        ],
-        "verdocs-template-fields": [
-          "verdocs-view"
-        ]
-      }
-    },
-    {
-      "filePath": "./src/components/elements/verdocs-view-envelope-document/verdocs-view-envelope-document.tsx",
-      "encapsulation": "none",
-      "tag": "verdocs-view-envelope-document",
-      "docs": "View a single document attached to an envelope. Note that envelopes always require authentication to access them. If you are viewing\nthis component in Storybook, visit Embeds > Auth first to log in, then paste a valid envelopeId and documentId in the properties\nbelow from your account to view that envelope. If you want to see an anonymous-access use case, this component is functionally similar\nto ViewTemplateDocument, which is pre-configured to display a public template.",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "documentId",
-          "type": "string",
-          "mutable": false,
-          "attr": "document-id",
-          "reflectToAttr": false,
-          "docs": "The document ID to render",
-          "docsTags": [],
-          "default": "''",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "endpoint",
-          "type": "VerdocsEndpoint",
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.",
-          "docsTags": [],
-          "default": "VerdocsEndpoint.getDefault()",
-          "values": [
-            {
-              "type": "VerdocsEndpoint"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "envelopeId",
-          "type": "string",
-          "mutable": false,
-          "attr": "envelope-id",
-          "reflectToAttr": false,
-          "docs": "The envelope ID to render",
-          "docsTags": [],
-          "default": "''",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "pageLayers",
-          "type": "IPageLayer[]",
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "Layers will be passed through to the individual pages inside this component.",
-          "docsTags": [],
-          "default": "[\n    {name: 'page', type: 'canvas'},\n    {name: 'controls', type: 'div'},\n  ]",
-          "values": [
-            {
-              "type": "IPageLayer[]"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "rotation",
-          "type": "0 | 180 | 270 | 90",
-          "mutable": false,
-          "attr": "rotation",
-          "reflectToAttr": false,
-          "docs": "Rotate the PDF in degrees",
-          "docsTags": [],
-          "default": "0",
-          "values": [
-            {
-              "value": "0",
-              "type": "number"
-            },
-            {
-              "value": "180",
-              "type": "number"
-            },
-            {
-              "value": "270",
-              "type": "number"
-            },
-            {
-              "value": "90",
-              "type": "number"
-            }
-          ],
-          "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [
-        {
-          "event": "pageChange",
-          "detail": "number",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Fired when a page has been changed",
-          "docsTags": []
-        },
-        {
-          "event": "pageInit",
-          "detail": "number",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Fired when a page has been initialized",
-          "docsTags": []
-        },
-        {
-          "event": "pageLoaded",
-          "detail": "number",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Fired when a page has been changed",
-          "docsTags": []
-        },
-        {
-          "event": "pageRendered",
-          "detail": "IPageRenderEvent",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Fired when a page has been rendered",
-          "docsTags": []
-        },
-        {
-          "event": "scaleChange",
-          "detail": "number",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Fired when a page has been scaled",
-          "docsTags": []
-        },
-        {
-          "event": "sdkError",
-          "detail": "SDKError",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired if an error occurs. The event details will contain information about the error. Most errors will\nterminate the process, and the calling application should correct the condition and re-render the component.",
-          "docsTags": []
-        }
-      ],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "verdocs-view"
-      ],
+      "dependents": [],
       "dependencies": [
+        "verdocs-loader",
         "verdocs-document-page"
       ],
       "dependencyGraph": {
-        "verdocs-view-envelope-document": [
-          "verdocs-document-page"
-        ],
         "verdocs-view": [
-          "verdocs-view-envelope-document"
-        ]
-      }
-    },
-    {
-      "filePath": "./src/components/elements/verdocs-view-template-document/verdocs-view-template-document.tsx",
-      "encapsulation": "none",
-      "tag": "verdocs-view-template-document",
-      "docs": "View a single document attached to a template. Note that if you are accessing a template that is not public, you must be authenticated.\nYou can authenticate within this Storybook via the Embeds > Auth control.",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "documentId",
-          "type": "string",
-          "mutable": false,
-          "attr": "document-id",
-          "reflectToAttr": false,
-          "docs": "The document ID to render within the template",
-          "docsTags": [],
-          "default": "''",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "endpoint",
-          "type": "VerdocsEndpoint",
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.",
-          "docsTags": [],
-          "default": "VerdocsEndpoint.getDefault()",
-          "values": [
-            {
-              "type": "VerdocsEndpoint"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "pageLayers",
-          "type": "IPageLayer[]",
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "Layers will be passed through to the individual pages inside this component.",
-          "docsTags": [],
-          "default": "[\n    {name: 'page', type: 'canvas'},\n    {name: 'controls', type: 'div'},\n  ]",
-          "values": [
-            {
-              "type": "IPageLayer[]"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "rotation",
-          "type": "0 | 180 | 270 | 90",
-          "mutable": false,
-          "attr": "rotation",
-          "reflectToAttr": false,
-          "docs": "Rotate the PDF in degrees",
-          "docsTags": [],
-          "default": "0",
-          "values": [
-            {
-              "value": "0",
-              "type": "number"
-            },
-            {
-              "value": "180",
-              "type": "number"
-            },
-            {
-              "value": "270",
-              "type": "number"
-            },
-            {
-              "value": "90",
-              "type": "number"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "templateId",
-          "type": "string",
-          "mutable": false,
-          "attr": "template-id",
-          "reflectToAttr": false,
-          "docs": "The template ID to render",
-          "docsTags": [],
-          "default": "''",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [
-        {
-          "event": "pageChange",
-          "detail": "number",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Fired when a page has been changed",
-          "docsTags": []
-        },
-        {
-          "event": "pageInit",
-          "detail": "number",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Fired when a page has been initialized",
-          "docsTags": []
-        },
-        {
-          "event": "pageLoaded",
-          "detail": "number",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Fired when a page has been changed",
-          "docsTags": []
-        },
-        {
-          "event": "pageRendered",
-          "detail": "IPageRenderEvent",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Fired when a page has been rendered",
-          "docsTags": []
-        },
-        {
-          "event": "scaleChange",
-          "detail": "number",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Fired when a page has been scaled",
-          "docsTags": []
-        },
-        {
-          "event": "sdkError",
-          "detail": "SDKError",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired if an error occurs. The event details will contain information about the error. Most errors will\nterminate the process, and the calling application should correct the condition and re-render the component.",
-          "docsTags": []
-        }
-      ],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "verdocs-view"
-      ],
-      "dependencies": [
-        "verdocs-document-page"
-      ],
-      "dependencyGraph": {
-        "verdocs-view-template-document": [
+          "verdocs-loader",
           "verdocs-document-page"
-        ],
-        "verdocs-view": [
-          "verdocs-view-template-document"
         ]
       }
     }