@verdocs/web-sdk 4.2.43 → 4.2.47

package/dist/collection/components/envelopes/verdocs-activity-box/verdocs-activity-box.js

@@ -1,252 +0,0 @@
-import { formatShortTimeAgo, getEnvelopesSummary, integerSequence, VerdocsEndpoint } from "@verdocs/js-sdk";
-import { Host, h } from "@stencil/core";
-import { SDKError } from "../../../utils/errors";
-const EmptyImage = 'https://verdocs-public-assets.s3.amazonaws.com/no-verdocs.png';
-/**
- * Displays a box showing summaries of envelopes matching specified conditions. Activity Boxes show a fixed number
- * of items because they are meant to be laid out horizontally (if the user's screen is large enough) and this helps
- * them appear more visually balanced.
- */
-export class VerdocsActivityBox {
-    constructor() {
-        this.endpoint = VerdocsEndpoint.getDefault();
-        this.items = 5;
-        this.view = undefined;
-        this.header = undefined;
-        this.title = '';
-        this.count = 0;
-        this.loading = true;
-        this.entries = [];
-    }
-    async componentWillLoad() {
-        var _a, _b, _c;
-        try {
-            this.endpoint.loadSession();
-            if (!this.endpoint.session) {
-                console.log('[ACTIVITIES] Must be authenticated');
-                return;
-            }
-            this.loadActivity();
-        }
-        catch (e) {
-            console.log('[ACTIVITIES] Error with preview session', e);
-            (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
-        }
-    }
-    handleItemsUpdated() {
-        return this.loadActivity();
-    }
-    handleViewUpdated() {
-        return this.loadActivity();
-    }
-    async loadActivity() {
-        this.loading = true;
-        const r = await getEnvelopesSummary(this.endpoint, 0);
-        let defaultHeader;
-        if (this.view === 'action') {
-            defaultHeader = 'Action Required';
-            this.entries = r.action_required.result;
-            this.count = r.action_required.total;
-        }
-        else if (this.view === 'waiting') {
-            defaultHeader = 'Waiting on Others';
-            this.entries = r.waiting_others.result;
-            this.count = r.waiting_others.total;
-        }
-        else if (this.view === 'completed') {
-            defaultHeader = 'Completed';
-            this.entries = r.completed.result;
-            this.count = r.completed.total;
-        }
-        this.title = this.header !== undefined ? this.header : defaultHeader;
-        this.loading = false;
-    }
-    render() {
-        if (this.loading) {
-            return (h(Host, { style: { minHeight: '300px' } }, this.title && (h("div", { class: "box-title" }, this.title, " ", h("span", { class: "count" }, "(0)"))), integerSequence(0, this.items).map(() => (h("div", { class: "loading-placeholder" }, h("div", { class: "loading-placeholder-bg" }))))));
-        }
-        return (h(Host, null, this.title && (h("div", { class: "box-title" }, this.title, " ", h("span", { class: "count" }, "(", this.count, ")"), h("div", { class: "spacer" }), h("verdocs-button", { label: "View All", size: "small", onClick: () => { var _a; return (_a = this.viewAll) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, view: this.view }); } }))), this.count > 0 ? (this.entries.slice(0, Math.max(this.items, 1)).map(entry => (h("div", { class: "activity-entry", onClick: () => {
-                var _a;
-                (_a = this.viewEnvelope) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, entry });
-            } }, h("div", { class: "title" }, entry.name), h("div", { class: "time-ago" }, formatShortTimeAgo(entry.updated_at)))))) : (h("img", { src: EmptyImage, alt: "No documents to show", style: { width: '190px', margin: '0 auto' } }))));
-    }
-    static get is() { return "verdocs-activity-box"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["verdocs-activity-box.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["verdocs-activity-box.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "endpoint": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "VerdocsEndpoint",
-                    "resolved": "VerdocsEndpoint",
-                    "references": {
-                        "VerdocsEndpoint": {
-                            "location": "import",
-                            "path": "@verdocs/js-sdk",
-                            "id": "node_modules::VerdocsEndpoint"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used."
-                },
-                "defaultValue": "VerdocsEndpoint.getDefault()"
-            },
-            "items": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The number of items to display."
-                },
-                "attribute": "items",
-                "reflect": false,
-                "defaultValue": "5"
-            },
-            "view": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'completed' | 'action' | 'waiting'",
-                    "resolved": "\"action\" | \"completed\" | \"waiting\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "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."
-                },
-                "attribute": "view",
-                "reflect": false,
-                "defaultValue": "undefined"
-            },
-            "header": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string | undefined",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "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."
-                },
-                "attribute": "header",
-                "reflect": false,
-                "defaultValue": "undefined"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "title": {},
-            "count": {},
-            "loading": {},
-            "entries": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "sdkError",
-                "name": "sdkError",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "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."
-                },
-                "complexType": {
-                    "original": "SDKError",
-                    "resolved": "SDKError",
-                    "references": {
-                        "SDKError": {
-                            "location": "import",
-                            "path": "../../../utils/errors",
-                            "id": "src/utils/errors.ts::SDKError"
-                        }
-                    }
-                }
-            }, {
-                "method": "viewEnvelope",
-                "name": "viewEnvelope",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Event fired when the user clicks an activity entry. Typically the host application will use this to navigate\nto the envelope detail view."
-                },
-                "complexType": {
-                    "original": "{endpoint: VerdocsEndpoint; entry: IEnvelope}",
-                    "resolved": "{ endpoint: VerdocsEndpoint; entry: IEnvelope; }",
-                    "references": {
-                        "VerdocsEndpoint": {
-                            "location": "import",
-                            "path": "@verdocs/js-sdk",
-                            "id": "node_modules::VerdocsEndpoint"
-                        },
-                        "IEnvelope": {
-                            "location": "import",
-                            "path": "@verdocs/js-sdk",
-                            "id": "node_modules::IEnvelope"
-                        }
-                    }
-                }
-            }, {
-                "method": "viewAll",
-                "name": "viewAll",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "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."
-                },
-                "complexType": {
-                    "original": "{endpoint: VerdocsEndpoint; view: string}",
-                    "resolved": "{ endpoint: VerdocsEndpoint; view: string; }",
-                    "references": {
-                        "VerdocsEndpoint": {
-                            "location": "import",
-                            "path": "@verdocs/js-sdk",
-                            "id": "node_modules::VerdocsEndpoint"
-                        }
-                    }
-                }
-            }];
-    }
-    static get watchers() {
-        return [{
-                "propName": "items",
-                "methodName": "handleItemsUpdated"
-            }, {
-                "propName": "view",
-                "methodName": "handleViewUpdated"
-            }];
-    }
-}

package/dist/collection/components/fields/verdocs-field-radio-button-group/verdocs-field-radio-button.css

@@ -1,102 +0,0 @@
-@keyframes verdocs-field-pulse {
-  0% {
-    background-color: rgba(0, 0, 0, 0.35);
-  }
-  50% {
-    background-color: rgba(0, 0, 0, 0);
-  }
-  100% {
-    background-color: rgba(0, 0, 0, 0.35);
-  }
-}
-verdocs-field-radio-button {
-  font-family: "Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
-  width: 12px;
-  height: 12px;
-  display: block;
-  font-size: 11px;
-  position: relative;
-  background-color: transparent;
-  transform-origin: bottom left;
-  border-radius: 100%;
-}
-verdocs-field-radio-button svg {
-  margin-top: 4px;
-}
-verdocs-field-radio-button.disabled {
-  opacity: 0.5;
-}
-verdocs-field-radio-button.disabled.done {
-  opacity: 1;
-}
-verdocs-field-radio-button input {
-  cursor: inherit;
-}
-verdocs-field-radio-button.done input[type=radio] {
-  margin: 0;
-  padding: 0;
-  width: 10px;
-  height: 10px;
-}
-verdocs-field-radio-button:not(.done) input[type=radio] {
-  position: absolute;
-  opacity: 0;
-}
-verdocs-field-radio-button:not(.done) input[type=radio] + label:before {
-  content: "";
-  border-radius: 100%;
-  border: 1px solid rgba(0, 0, 0, 0.6);
-  display: inline-block;
-  width: 10px;
-  height: 10px;
-  position: absolute;
-  left: 1px;
-  top: 1px;
-  cursor: pointer;
-  text-align: center;
-  transition: all 250ms ease;
-}
-verdocs-field-radio-button:not(.done) input[type=radio]:checked + label:before {
-  background-color: #55bc81;
-  box-shadow: inset 0 0 0 2px #f5f5fa;
-}
-verdocs-field-radio-button:not(.done) input[type=radio]:focus + label:before {
-  outline: none;
-  border-color: #55bc81;
-}
-verdocs-field-radio-button:not(.done) input[type=radio]:disabled + label:before {
-  box-shadow: inset 0 0 0 4px #f5f5fa;
-  border-color: #a0a0d0;
-  background: #a0a0d0;
-}
-verdocs-field-radio-button:not(.done) input[type=radio] + label:empty:before {
-  margin-right: 0;
-}
-verdocs-field-radio-button.required {
-  border: 1px solid #cc0000;
-}
-verdocs-field-radio-button.hide {
-  display: none;
-}
-verdocs-field-radio-button.focused {
-  animation: verdocs-field-pulse 0.4s 1;
-}
-verdocs-field-radio-button verdocs-button-panel {
-  margin-left: -20px;
-  margin-top: -7px;
-  transform: scale(0.7);
-}
-verdocs-field-radio-button .settings-icon {
-  position: absolute;
-  top: -6px;
-  left: -20px;
-  display: inline-block;
-  cursor: pointer;
-  opacity: 0.3;
-}
-verdocs-field-radio-button .settings-icon svg {
-  fill: #707ae5;
-}
-verdocs-field-radio-button .settings-icon:hover {
-  opacity: 1;
-}