@verdocs/web-sdk 1.14.11 → 1.15.0

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-05-31T11:39:05",
+  "timestamp": "2023-06-07T21:48:16",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",
@@ -99,6 +99,135 @@
         ]
       }
     },
+    {
+      "filePath": "./src/components/envelopes/verdocs-activity-box/verdocs-activity-box.tsx",
+      "encapsulation": "none",
+      "tag": "verdocs-activity-box",
+      "docs": "Displays a box showing summaries of envelopes matching specified conditions. Activity Boxes show a fixed number\nof items because they are meant to be laid out horizontally (if the user's screen is large enough) and this helps\nthem appear more visually balanced.",
+      "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": "header",
+          "type": "string",
+          "mutable": false,
+          "attr": "header",
+          "reflectToAttr": false,
+          "docs": "The title to display on the box (\"title\" is a reserved word). This is optional, and if not set, the title\nwill be derived from the view. Set this to an empty string to hide the header.",
+          "docsTags": [],
+          "default": "undefined",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "items",
+          "type": "number",
+          "mutable": false,
+          "attr": "items",
+          "reflectToAttr": false,
+          "docs": "The number of items to display.",
+          "docsTags": [],
+          "default": "5",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "view",
+          "type": "\"action\" | \"completed\" | \"waiting\"",
+          "mutable": false,
+          "attr": "view",
+          "reflectToAttr": false,
+          "docs": "The filtered view to display. \"completed\" will show envelopes that have been submitted. \"action\" will\nshow envelopes where the user is a recipient and the envelope is not completed. \"waiting\" will show\nonly envelopes where the user is the sender and the envelope is not completed.",
+          "docsTags": [],
+          "default": "undefined",
+          "values": [
+            {
+              "value": "action",
+              "type": "string"
+            },
+            {
+              "value": "completed",
+              "type": "string"
+            },
+            {
+              "value": "waiting",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "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": []
+        },
+        {
+          "event": "viewAll",
+          "detail": "{ endpoint: VerdocsEndpoint; view: string; }",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the user clicks View All in the title bar. The current view will be included in the event\ndetails to help the host application navigate the user to the appropriate screen for the request. Note that\nthe verdocs-envelopes-list control uses the same \"view\" parameter, so host applications can typically pass\nthis value through directly. This button is not visible if the header is hidden.",
+          "docsTags": []
+        },
+        {
+          "event": "viewEnvelope",
+          "detail": "{ endpoint: VerdocsEndpoint; envelope: IEnvelope; }",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the user clicks an activity entry. Typically the host application will use this to navigate\nto the envelope detail view.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "verdocs-button"
+      ],
+      "dependencyGraph": {
+        "verdocs-activity-box": [
+          "verdocs-button"
+        ]
+      }
+    },
     {
       "filePath": "./src/components/embeds/verdocs-auth/verdocs-auth.tsx",
       "encapsulation": "none",
@@ -536,10 +665,12 @@
       "slots": [],
       "parts": [],
       "dependents": [
+        "verdocs-activity-box",
         "verdocs-auth",
         "verdocs-contact-picker",
         "verdocs-envelope-recipient-summary",
         "verdocs-envelope-sidebar",
+        "verdocs-envelopes-list",
         "verdocs-file-chooser",
         "verdocs-initial-dialog",
         "verdocs-kba-dialog",
@@ -556,10 +687,14 @@
         "verdocs-template-roles",
         "verdocs-template-sender",
         "verdocs-template-visibility",
+        "verdocs-templates-list",
         "verdocs-upload-dialog"
       ],
       "dependencies": [],
       "dependencyGraph": {
+        "verdocs-activity-box": [
+          "verdocs-button"
+        ],
         "verdocs-auth": [
           "verdocs-button"
         ],
@@ -572,6 +707,9 @@
         "verdocs-envelope-sidebar": [
           "verdocs-button"
         ],
+        "verdocs-envelopes-list": [
+          "verdocs-button"
+        ],
         "verdocs-file-chooser": [
           "verdocs-button"
         ],
@@ -620,6 +758,9 @@
         "verdocs-template-visibility": [
           "verdocs-button"
         ],
+        "verdocs-templates-list": [
+          "verdocs-button"
+        ],
         "verdocs-upload-dialog": [
           "verdocs-button"
         ]
@@ -856,6 +997,7 @@
       "slots": [],
       "parts": [],
       "dependents": [
+        "verdocs-envelopes-list",
         "verdocs-sign",
         "verdocs-template-field-properties",
         "verdocs-template-reminders",
@@ -864,6 +1006,9 @@
       ],
       "dependencies": [],
       "dependencyGraph": {
+        "verdocs-envelopes-list": [
+          "verdocs-checkbox"
+        ],
         "verdocs-sign": [
           "verdocs-checkbox"
         ],
@@ -1109,6 +1254,7 @@
       "parts": [],
       "dependents": [
         "verdocs-envelope-sidebar",
+        "verdocs-envelopes-list",
         "verdocs-sign",
         "verdocs-view"
       ],
@@ -1117,6 +1263,9 @@
         "verdocs-envelope-sidebar": [
           "verdocs-dropdown"
         ],
+        "verdocs-envelopes-list": [
+          "verdocs-dropdown"
+        ],
         "verdocs-sign": [
           "verdocs-dropdown"
         ],
@@ -1580,6 +1729,241 @@
         ]
       }
     },
+    {
+      "filePath": "./src/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.tsx",
+      "encapsulation": "none",
+      "tag": "verdocs-envelopes-list",
+      "docs": "Displays a list of envelopes matching specified conditions.",
+      "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": "items",
+          "type": "number",
+          "mutable": false,
+          "attr": "items",
+          "reflectToAttr": false,
+          "docs": "The number of items to display.",
+          "docsTags": [],
+          "default": "5",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "page",
+          "type": "number",
+          "mutable": false,
+          "attr": "page",
+          "reflectToAttr": true,
+          "docs": "The first page nymbver to display (0-based)",
+          "docsTags": [],
+          "default": "0",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "sortBy",
+          "type": "\"canceled_at\" | \"created_at\" | \"envelope_name\" | \"envelope_status\" | \"updated_at\"",
+          "mutable": false,
+          "attr": "sort-by",
+          "reflectToAttr": true,
+          "docs": "The sort field to use",
+          "docsTags": [],
+          "default": "'updated_at'",
+          "values": [
+            {
+              "value": "canceled_at",
+              "type": "string"
+            },
+            {
+              "value": "created_at",
+              "type": "string"
+            },
+            {
+              "value": "envelope_name",
+              "type": "string"
+            },
+            {
+              "value": "envelope_status",
+              "type": "string"
+            },
+            {
+              "value": "updated_at",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "status",
+          "type": "\"all\" | \"canceled\" | \"complete\" | \"declined\" | \"in progress\" | \"pending\"",
+          "mutable": false,
+          "attr": "status",
+          "reflectToAttr": true,
+          "docs": "The status value to filter by",
+          "docsTags": [],
+          "default": "'all'",
+          "values": [
+            {
+              "value": "all",
+              "type": "string"
+            },
+            {
+              "value": "canceled",
+              "type": "string"
+            },
+            {
+              "value": "complete",
+              "type": "string"
+            },
+            {
+              "value": "declined",
+              "type": "string"
+            },
+            {
+              "value": "in progress",
+              "type": "string"
+            },
+            {
+              "value": "pending",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "view",
+          "type": "\"action\" | \"all\" | \"completed\" | \"inbox\" | \"sent\" | \"waiting\"",
+          "mutable": false,
+          "attr": "view",
+          "reflectToAttr": true,
+          "docs": "The filtered view to display. \"completed\" will show envelopes that have been submitted. \"action\" will\nshow envelopes where the user is a recipient and the envelope is not completed. \"waiting\" will show\nonly envelopes where the user is the sender and the envelope is not completed.",
+          "docsTags": [],
+          "default": "undefined",
+          "values": [
+            {
+              "value": "action",
+              "type": "string"
+            },
+            {
+              "value": "all",
+              "type": "string"
+            },
+            {
+              "value": "completed",
+              "type": "string"
+            },
+            {
+              "value": "inbox",
+              "type": "string"
+            },
+            {
+              "value": "sent",
+              "type": "string"
+            },
+            {
+              "value": "waiting",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "finishLater",
+          "detail": "{ endpoint: VerdocsEndpoint; envelope: IEnvelope; }",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the user clicks to finish signing later. Typically the host application should redirect\nthe user to another page.",
+          "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": []
+        },
+        {
+          "event": "viewAll",
+          "detail": "{ endpoint: VerdocsEndpoint; view: string; }",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the user clicks View All in the title bar. The current view will be included in the event\ndetails to help the host application navigate the user to the appropriate screen for the request. Note that\nthe verdocs-envelopes-list control uses the same \"view\" parameter, so host applications can typically pass\nthis value through directly. This button is not visible if the header is hidden.",
+          "docsTags": []
+        },
+        {
+          "event": "viewEnvelope",
+          "detail": "{ endpoint: VerdocsEndpoint; envelope: IEnvelope; }",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the user clicks an activity entry. Typically the host application will use this to navigate\nto the envelope detail view.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "verdocs-loader",
+        "verdocs-text-input",
+        "verdocs-button",
+        "verdocs-checkbox",
+        "verdocs-status-indicator",
+        "verdocs-dropdown"
+      ],
+      "dependencyGraph": {
+        "verdocs-envelopes-list": [
+          "verdocs-loader",
+          "verdocs-text-input",
+          "verdocs-button",
+          "verdocs-checkbox",
+          "verdocs-status-indicator",
+          "verdocs-dropdown"
+        ],
+        "verdocs-text-input": [
+          "verdocs-help-icon"
+        ]
+      }
+    },
     {
       "filePath": "./src/components/fields/verdocs-field-attachment/verdocs-field-attachment.tsx",
       "encapsulation": "none",
@@ -4822,6 +5206,7 @@
       "slots": [],
       "parts": [],
       "dependents": [
+        "verdocs-envelopes-list",
         "verdocs-preview",
         "verdocs-sign",
         "verdocs-template-attachments",
@@ -4833,6 +5218,9 @@
       ],
       "dependencies": [],
       "dependencyGraph": {
+        "verdocs-envelopes-list": [
+          "verdocs-loader"
+        ],
         "verdocs-preview": [
           "verdocs-loader"
         ],
@@ -6186,9 +6574,15 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "verdocs-envelopes-list"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "verdocs-envelopes-list": [
+          "verdocs-status-indicator"
+        ]
+      }
     },
     {
       "filePath": "./src/components/templates/verdocs-template-attachments/verdocs-template-attachments.tsx",
@@ -7568,6 +7962,135 @@
         ]
       }
     },
+    {
+      "filePath": "./src/components/templates/verdocs-templates-list/verdocs-templates-list.tsx",
+      "encapsulation": "none",
+      "tag": "verdocs-templates-list",
+      "docs": "Displays a box showing summaries of envelopes matching specified conditions. Activity Boxes show a fixed number\nof items because they are meant to be laid out horizontally (if the user's screen is large enough) and this helps\nthem appear more visually balanced.",
+      "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": "header",
+          "type": "string",
+          "mutable": false,
+          "attr": "header",
+          "reflectToAttr": false,
+          "docs": "The title to display on the box (\"title\" is a reserved word). This is optional, and if not set, the title\nwill be derived from the view. Set this to an empty string to hide the header.",
+          "docsTags": [],
+          "default": "undefined",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "items",
+          "type": "number",
+          "mutable": false,
+          "attr": "items",
+          "reflectToAttr": false,
+          "docs": "The number of items to display.",
+          "docsTags": [],
+          "default": "5",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "view",
+          "type": "\"action\" | \"completed\" | \"waiting\"",
+          "mutable": false,
+          "attr": "view",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "undefined",
+          "values": [
+            {
+              "value": "action",
+              "type": "string"
+            },
+            {
+              "value": "completed",
+              "type": "string"
+            },
+            {
+              "value": "waiting",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "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": []
+        },
+        {
+          "event": "viewAll",
+          "detail": "{ endpoint: VerdocsEndpoint; view: string; }",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the user clicks View All in the title bar. The current view will be included in the event\ndetails to help the host application navigate the user to the appropriate screen for the request. Note that\nthe verdocs-envelopes-list control uses the same \"view\" parameter, so host applications can typically pass\nthis value through directly. This button is not visible if the header is hidden.",
+          "docsTags": []
+        },
+        {
+          "event": "viewEnvelope",
+          "detail": "{ endpoint: VerdocsEndpoint; envelope: IEnvelope; }",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the user clicks an activity entry. Typically the host application will use this to navigate\nto the envelope detail view.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "verdocs-button"
+      ],
+      "dependencyGraph": {
+        "verdocs-templates-list": [
+          "verdocs-button"
+        ]
+      }
+    },
     {
       "filePath": "./src/components/controls/verdocs-text-input/verdocs-text-input.tsx",
       "encapsulation": "none",
@@ -7729,6 +8252,7 @@
       "parts": [],
       "dependents": [
         "verdocs-auth",
+        "verdocs-envelopes-list",
         "verdocs-initial-dialog",
         "verdocs-signature-dialog",
         "verdocs-template-field-properties",
@@ -7746,6 +8270,9 @@
         "verdocs-auth": [
           "verdocs-text-input"
         ],
+        "verdocs-envelopes-list": [
+          "verdocs-text-input"
+        ],
         "verdocs-initial-dialog": [
           "verdocs-text-input"
         ],

package/dist/esm/DateTime-402fe7ca.js

@@ -0,0 +1,43 @@
+var YEAR = 365 * 24 * 60 * 60;
+var MONTH = 30 * 24 * 60 * 60;
+var WEEK = 7 * 24 * 60 * 60;
+var DAY = 24 * 60 * 60;
+var HOUR = 60 * 60;
+var MINUTE = 60;
+var formatShortTimeAgo = function (val) {
+    if (val === undefined || val === null) {
+        return '';
+    }
+    var dateInput;
+    if (typeof val === 'string' || typeof val === 'number') {
+        dateInput = new Date(val);
+    }
+    else if (typeof val === 'object') {
+        dateInput = val;
+    }
+    else {
+        return '';
+    }
+    var timeDiff = Math.floor((new Date().getTime() - dateInput.getTime()) / 1000);
+    if (timeDiff >= YEAR) {
+        return Math.floor(timeDiff / YEAR) + 'Y';
+    }
+    if (timeDiff >= MONTH) {
+        return Math.floor(timeDiff / MONTH) + 'M';
+    }
+    if (timeDiff >= WEEK) {
+        return Math.floor(timeDiff / WEEK) + 'W';
+    }
+    if (timeDiff >= DAY) {
+        return Math.floor(timeDiff / DAY) + 'Y';
+    }
+    if (timeDiff >= HOUR) {
+        return Math.floor(timeDiff / HOUR) + 'Y';
+    }
+    if (timeDiff >= MINUTE) {
+        return Math.floor(timeDiff / MINUTE) + 'Y';
+    }
+    return "".concat(timeDiff, "S");
+};
+
+export { formatShortTimeAgo as f };