@verdocs/web-sdk 5.0.75 → 5.3.1

package/dist/collection/components/envelopes/verdocs-envelope-update-recipient/verdocs-envelope-update-recipient.js

@@ -0,0 +1,224 @@
+import { Host, h } from "@stencil/core";
+import { getEnvelope, VerdocsEndpoint } from "@verdocs/js-sdk";
+import { SDKError } from "../../../utils/errors";
+import { Store } from "../../../utils/Datastore";
+/**
+ * Displays a single recipient from an envelope, with the opportunity to copy an in-person
+ * signing link for that recipient to use.
+ */
+export class VerdocsEnvelopeUpdateRecipient {
+    constructor() {
+        this.envelopeListenerId = null;
+        /**
+         * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
+         */
+        this.endpoint = VerdocsEndpoint.getDefault();
+        /**
+         * The envelope ID to edit.
+         */
+        this.envelopeId = '';
+        /**
+         * The role to load.
+         */
+        this.roleName = '';
+        this.gettingLink = true;
+        this.link = '';
+        this.loading = true;
+        this.envelope = null;
+        this.originalRecipient = null;
+        this.updatedRecipient = null;
+    }
+    async componentWillLoad() {
+        var _a, _b, _c;
+        try {
+            this.endpoint.loadSession();
+            if (!this.envelopeId) {
+                console.log(`[UPDATE_RECIPIENT] Missing required envelope ID ${this.envelopeId}`);
+                return;
+            }
+            if (!this.endpoint.session) {
+                console.log('[UPDATE_RECIPIENT] Unable to start session, must be authenticated');
+                return;
+            }
+            this.listenToEnvelope();
+        }
+        catch (e) {
+            console.log('[UPDATE_RECIPIENT] Error loading envelope', 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));
+        }
+    }
+    disconnectedCallback() {
+        this.unlistenToEnvelope();
+    }
+    async listenToEnvelope() {
+        console.log('[UPDATE_RECIPIENT] Loading envelope', this.envelopeId);
+        this.unlistenToEnvelope();
+        Store.subscribe('envelopes', this.envelopeId, () => getEnvelope(this.endpoint, this.envelopeId), false, (envelope) => {
+            var _a;
+            this.envelope = envelope;
+            this.loading = false;
+            const recipient = (((_a = this.envelope) === null || _a === void 0 ? void 0 : _a.recipients) || []).find(r => r.role_name === this.roleName);
+            this.originalRecipient = recipient;
+            this.updatedRecipient = { ...recipient };
+        });
+    }
+    unlistenToEnvelope() {
+        if (this.envelopeListenerId) {
+            Store.store.delListener(this.envelopeListenerId);
+            this.envelopeListenerId = null;
+        }
+    }
+    handleSave(e) {
+        var _a;
+        e.preventDefault();
+        (_a = this.next) === null || _a === void 0 ? void 0 : _a.emit({ action: 'save', originalRecipient: this.originalRecipient, updatedRecipient: this.updatedRecipient });
+    }
+    handleCancel(e) {
+        var _a;
+        e.preventDefault();
+        (_a = this.next) === null || _a === void 0 ? void 0 : _a.emit({ action: 'cancel', originalRecipient: this.originalRecipient, updatedRecipient: this.updatedRecipient });
+    }
+    render() {
+        if (this.loading || !this.updatedRecipient) {
+            return h(Host, null);
+        }
+        return (h(Host, null, h("div", { class: "summary-content" }, h("h1", { class: "summary-title" }, "Update Recipient"), h("div", { class: "summary-rows" }, h("div", { class: "fields" }, h("div", { class: "role-name" }, this.updatedRecipient.role_name), h("div", { class: "field" }, h("div", { class: "fields-row" }, h("verdocs-text-input", { value: this.updatedRecipient.first_name, placeholder: "First Name...", onInput: (e) => (this.updatedRecipient.first_name = e.target.value) }), h("verdocs-text-input", { value: this.updatedRecipient.last_name, placeholder: "Last Name...", onInput: (e) => (this.updatedRecipient.last_name = e.target.value) }))), h("div", { class: "field" }, h("verdocs-text-input", { type: "email", value: this.updatedRecipient.email, placeholder: "Email Address...", onInput: (e) => (this.updatedRecipient.email = e.target.value) })), h("div", { class: "field" }, h("verdocs-text-input", { type: "tel", value: this.updatedRecipient.phone, placeholder: "Phone Number...", onInput: (e) => (this.updatedRecipient.phone = e.target.value) })), h("div", { class: "field" }, h("textarea", { id: "verdocs-contact-picker-message", name: "verdocs-contact-picker-message", "data-lpignore": "true", autocomplete: "blocked", placeholder: "Optional message to include in invitation...", onInput: (e) => (this.updatedRecipient.message = e.target.value) }, this.updatedRecipient.message)), h("div", { class: "note" }, "NOTE: If you change the recipient's email address or invite message, they will receive a new invitation to sign the envelope. This will also reset their status if they have previously declined to sign."))), h("div", { class: "buttons" }, h("verdocs-button", { variant: "outline", size: "small", label: "Cancel", onClick: e => this.handleCancel(e) }), h("verdocs-button", { size: "small", label: "Save", onClick: e => this.handleSave(e) })))));
+    }
+    static get is() { return "verdocs-envelope-update-recipient"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["verdocs-envelope-update-recipient.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["verdocs-envelope-update-recipient.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "endpoint": {
+                "type": "unknown",
+                "attribute": "endpoint",
+                "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."
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "VerdocsEndpoint.getDefault()"
+            },
+            "envelopeId": {
+                "type": "string",
+                "attribute": "envelope-id",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The envelope ID to edit."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "roleName": {
+                "type": "string",
+                "attribute": "role-name",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The role to load."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "''"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isOpen": {},
+            "gettingLink": {},
+            "link": {},
+            "loading": {},
+            "envelope": {},
+            "originalRecipient": {},
+            "updatedRecipient": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "next",
+                "name": "next",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event fired when the user clicks Done to proceed. It is up to the host application\nto save any updates and proceed to the next step."
+                },
+                "complexType": {
+                    "original": "{action: 'cancel' | 'save'; originalRecipient: IRecipient; updatedRecipient: IRecipient}",
+                    "resolved": "{ action: \"cancel\" | \"save\"; originalRecipient: IRecipient; updatedRecipient: IRecipient; }",
+                    "references": {
+                        "IRecipient": {
+                            "location": "import",
+                            "path": "@verdocs/js-sdk",
+                            "id": "node_modules::IRecipient"
+                        }
+                    }
+                }
+            }, {
+                "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"
+                        }
+                    }
+                }
+            }];
+    }
+}
+//# sourceMappingURL=verdocs-envelope-update-recipient.js.map

package/dist/collection/components/envelopes/verdocs-envelope-update-recipient/verdocs-envelope-update-recipient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-envelope-update-recipient.js","sourceRoot":"","sources":["../../../../src/components/envelopes/verdocs-envelope-update-recipient/verdocs-envelope-update-recipient.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Prop, Host, h, State, Event, EventEmitter} from '@stencil/core';\nimport {getEnvelope, IEnvelope, IRecipient, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\n/**\n * Displays a single recipient from an envelope, with the opportunity to copy an in-person\n * signing link for that recipient to use.\n */\n@Component({\n  tag: 'verdocs-envelope-update-recipient',\n  styleUrl: 'verdocs-envelope-update-recipient.scss',\n})\nexport class VerdocsEnvelopeUpdateRecipient {\n  private envelopeListenerId = null;\n\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The envelope ID to edit.\n   */\n  @Prop() envelopeId: string = '';\n\n  /**\n   * The role to load.\n   */\n  @Prop() roleName: string = '';\n\n  /**\n   * Event fired when the user clicks Done to proceed. It is up to the host application\n   * to save any updates and proceed to the next step.\n   */\n  @Event({composed: true}) next: EventEmitter<{action: 'cancel' | 'save'; originalRecipient: IRecipient; updatedRecipient: IRecipient}>;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  @State() isOpen: boolean;\n  @State() gettingLink = true;\n  @State() link = '';\n\n  @State() loading = true;\n  @State() envelope: IEnvelope | null = null;\n  @State() originalRecipient: IRecipient | null = null;\n  @State() updatedRecipient: IRecipient | null = null;\n\n  async componentWillLoad() {\n    try {\n      this.endpoint.loadSession();\n\n      if (!this.envelopeId) {\n        console.log(`[UPDATE_RECIPIENT] Missing required envelope ID ${this.envelopeId}`);\n        return;\n      }\n\n      if (!this.endpoint.session) {\n        console.log('[UPDATE_RECIPIENT] Unable to start session, must be authenticated');\n        return;\n      }\n\n      this.listenToEnvelope();\n    } catch (e) {\n      console.log('[UPDATE_RECIPIENT] Error loading envelope', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  disconnectedCallback() {\n    this.unlistenToEnvelope();\n  }\n\n  async listenToEnvelope() {\n    console.log('[UPDATE_RECIPIENT] Loading envelope', this.envelopeId);\n    this.unlistenToEnvelope();\n    Store.subscribe(\n      'envelopes',\n      this.envelopeId,\n      () => getEnvelope(this.endpoint, this.envelopeId),\n      false,\n      (envelope: IEnvelope) => {\n        this.envelope = envelope;\n        this.loading = false;\n\n        const recipient = (this.envelope?.recipients || []).find(r => r.role_name === this.roleName);\n        this.originalRecipient = recipient;\n        this.updatedRecipient = {...recipient};\n      },\n    );\n  }\n\n  unlistenToEnvelope() {\n    if (this.envelopeListenerId) {\n      Store.store.delListener(this.envelopeListenerId);\n      this.envelopeListenerId = null;\n    }\n  }\n\n  handleSave(e: any) {\n    e.preventDefault();\n    this.next?.emit({action: 'save', originalRecipient: this.originalRecipient, updatedRecipient: this.updatedRecipient});\n  }\n\n  handleCancel(e: any) {\n    e.preventDefault();\n    this.next?.emit({action: 'cancel', originalRecipient: this.originalRecipient, updatedRecipient: this.updatedRecipient});\n  }\n\n  render() {\n    if (this.loading || !this.updatedRecipient) {\n      return <Host />;\n    }\n\n    return (\n      <Host>\n        <div class=\"summary-content\">\n          <h1 class=\"summary-title\">Update Recipient</h1>\n          <div class=\"summary-rows\">\n            <div class=\"fields\">\n              <div class=\"role-name\">{this.updatedRecipient.role_name}</div>\n\n              <div class=\"field\">\n                <div class=\"fields-row\">\n                  <verdocs-text-input\n                    value={this.updatedRecipient.first_name}\n                    placeholder=\"First Name...\"\n                    onInput={(e: any) => (this.updatedRecipient.first_name = e.target.value)}\n                  />\n                  <verdocs-text-input value={this.updatedRecipient.last_name} placeholder=\"Last Name...\" onInput={(e: any) => (this.updatedRecipient.last_name = e.target.value)} />\n                </div>\n              </div>\n\n              <div class=\"field\">\n                <verdocs-text-input\n                  type=\"email\"\n                  value={this.updatedRecipient.email}\n                  placeholder=\"Email Address...\"\n                  onInput={(e: any) => (this.updatedRecipient.email = e.target.value)}\n                />\n              </div>\n\n              <div class=\"field\">\n                <verdocs-text-input\n                  type=\"tel\"\n                  value={this.updatedRecipient.phone}\n                  placeholder=\"Phone Number...\"\n                  onInput={(e: any) => (this.updatedRecipient.phone = e.target.value)}\n                />\n              </div>\n\n              <div class=\"field\">\n                <textarea\n                  id=\"verdocs-contact-picker-message\"\n                  name=\"verdocs-contact-picker-message\"\n                  data-lpignore=\"true\"\n                  autocomplete=\"blocked\"\n                  placeholder=\"Optional message to include in invitation...\"\n                  onInput={(e: any) => (this.updatedRecipient.message = e.target.value)}\n                >\n                  {this.updatedRecipient.message}\n                </textarea>\n              </div>\n\n              <div class=\"note\">\n                NOTE: If you change the recipient's email address or invite message, they will receive a new invitation to sign the envelope. This will also reset their status if\n                they have previously declined to sign.\n              </div>\n            </div>\n          </div>\n\n          <div class=\"buttons\">\n            <verdocs-button variant=\"outline\" size=\"small\" label=\"Cancel\" onClick={e => this.handleCancel(e)} />\n            <verdocs-button size=\"small\" label=\"Save\" onClick={e => this.handleSave(e)} />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -96,8 +96,8 @@ verdocs-field-radio:not(.done) input[type=radio]:focus + label:before {
 }
 verdocs-field-radio:not(.done) input[type=radio]:disabled + label:before {
   box-shadow: inset 0 0 0 4px #f5f5fa;
-  border-color: rgb(160, 160, 207.5);
-  background: rgb(160, 160, 207.5);
+  border-color: #f3f3fc;
+  background: #f3f3fc;
 }
 verdocs-field-radio:not(.done) input[type=radio] + label:empty:before {
   margin-right: 0;

package/dist/collection/utils/Datastore.js

@@ -1,5 +1,5 @@
 import { createStore } from "tinybase";
-import { getTemplate } from "@verdocs/js-sdk";
+import { getEnvelope, getTemplate } from "@verdocs/js-sdk";
 const store = createStore();
 // For now, we clear the database every page load to keep it clean and small.
 // We're only using it to synchronize data between isolated components. e-Signing
@@ -107,7 +107,7 @@ export const Store = {
             const row = store.getRow('envelopes', envelopeId);
             return rowToObject(row);
         }
-        const envelope = await getTemplate(endpoint, envelopeId);
+        const envelope = await getEnvelope(endpoint, envelopeId);
         store.setRow('envelopes', envelopeId, objectToRow(envelope));
         return envelope;
     },

package/dist/collection/utils/Datastore.js.map

@@ -1 +1 @@
-{"version":3,"file":"Datastore.js","sourceRoot":"","sources":["../../src/utils/Datastore.ts"],"names":[],"mappings":"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","sourcesContent":["import {createStore, Row} from 'tinybase';\nimport {getTemplate, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport type {IEnvelope, IEnvelopeField, ITemplate, ITemplateField} from '@verdocs/js-sdk';\n\nconst store = createStore();\n\n// For now, we clear the database every page load to keep it clean and small.\n// We're only using it to synchronize data between isolated components. e-Signing\n// flows don't really benefit from \"offline-first\" approaches anyway, since most\n// of a user's interactions need to go through our servers anyway.\nstore.delTables();\nstore.delValues();\n\nexport const safeJsonParse = (val: any, fallback?: any) => {\n  try {\n    return JSON.parse(val);\n  } catch (e) {\n    return fallback || null;\n  }\n};\n\nexport const objectToRow = (obj: Object): Row => {\n  const row: Row = {};\n  for (let key in obj) {\n    if (typeof obj[key] === 'string' || typeof obj[key] === 'number' || typeof obj[key] === 'boolean') {\n      row[key] = obj[key];\n    } else if (obj[key] === null) {\n      row[`__null__${key}`] = '';\n    } else if (Array.isArray(obj[key])) {\n      row[`__array__${key}`] = JSON.stringify(obj[key]);\n    } else if (typeof obj[key] === 'object') {\n      row[`__object__${key}`] = JSON.stringify(obj[key]);\n    }\n  }\n\n  return row;\n};\n\nexport const rowToObject = <T extends {}>(row: Row): T => {\n  const obj = {} as T;\n\n  for (let key in row) {\n    if (key.startsWith('__null__')) {\n      obj[key.replace('__null__', '')] = null;\n    } else if (typeof row[key] === 'string' && key.startsWith('__array__')) {\n      obj[key.replace('__array__', '')] = safeJsonParse(row[key]);\n    } else if (typeof row[key] === 'string' && key.startsWith('__object__')) {\n      obj[key.replace('__object__', '')] = safeJsonParse(row[key]);\n    } else {\n      obj[key] = row[key];\n    }\n  }\n\n  return obj;\n};\n\nexport type TRowUpdatedCallback<T> = (row: T) => void;\nexport type TRowGetter<T> = () => Promise<T>;\n\nexport const Store = {\n  store,\n\n  // Extends the store's listener mechanism with two features:\n  // 1. Apply typing to the return result, and pass the whole updated value to the callback instead\n  //    of just the \"changes\".\n  // 2. Fire the callback immediately with the current value, so that the component can initialize.\n  subscribe<T extends object>(tableId: string, rowId: string, getter: TRowGetter<T>, forceReload: boolean, callback: TRowUpdatedCallback<T>): string {\n    // We call the callback immediately if the row exists so we get an SWR-like behavior.\n    if (store.hasRow(tableId, rowId)) {\n      callback(rowToObject<T>(store.getRow(tableId, rowId)));\n    }\n\n    const listenerId = store.addRowListener(tableId, rowId, () => {\n      const row = store.getRow(tableId, rowId);\n      callback(rowToObject<T>(row));\n    });\n\n    if (!store.hasRow(tableId, rowId) || forceReload) {\n      console.log('[STORE] Loading/reloading', {tableId, rowId});\n      getter()\n        .then(result => {\n          // We don't need to call the callback because it's already listening\n          store.setRow(tableId, rowId, objectToRow(result));\n        })\n        .catch(e => {\n          console.error('[STORE] Error getting row', {tableId, rowId, forceReload}, e);\n        });\n    }\n\n    return listenerId;\n  },\n\n  unsubscribe(listenerId: string) {\n    store.delListener(listenerId);\n  },\n\n  async getTemplate(endpoint: VerdocsEndpoint, templateId: string, reload: boolean = false): Promise<ITemplate | null> {\n    if (!reload) {\n      if (!store.hasRow('templates', templateId)) {\n        return null;\n      }\n\n      const row = store.getRow('templates', templateId);\n      return rowToObject<ITemplate>(row);\n    }\n\n    const template = await getTemplate(endpoint, templateId);\n    console.log('[STORE] Reloading template', template);\n    store.setRow('templates', templateId, objectToRow(template));\n    return template;\n  },\n\n  updateTemplate(templateId: string, template: ITemplate) {\n    store.setRow('templates', templateId, objectToRow(template));\n    return template;\n  },\n\n  async getEnvelope(endpoint: VerdocsEndpoint, envelopeId: string, reload: boolean = false): Promise<ITemplate | null> {\n    if (!reload) {\n      if (!store.hasRow('envelopes', envelopeId)) {\n        return null;\n      }\n\n      const row = store.getRow('envelopes', envelopeId);\n      return rowToObject<ITemplate>(row);\n    }\n\n    const envelope = await getTemplate(endpoint, envelopeId);\n    store.setRow('envelopes', envelopeId, objectToRow(envelope));\n    return envelope;\n  },\n\n  updateEnvelope(envelopeId: string, envelope: IEnvelope) {\n    store.setRow('envelopes', envelopeId, objectToRow(envelope));\n    return envelope;\n  },\n\n  // Get a field from an already-loaded envelope or template. Intended to be\n  // called by the verdocs-field-* components themselves which are only rendered\n  // after a template or envelope is already loaded and cached in the store, so\n  // no attempt is made to load the parent record if it isn't already known.\n  getField(source: 'template' | 'envelope', sourceId: string, fieldName: string, fieldOverride: ITemplateField | IEnvelopeField | null | undefined) {\n    if (source === 'template') {\n      const row = store.getRow('templates', sourceId);\n      const template = rowToObject<ITemplate>(row);\n      const field = (template.fields || []).find(field => field.name === fieldName);\n\n      const roleNames = (template.roles || []).map(role => role.name);\n      const index = roleNames.findIndex(name => name === field.role_name);\n\n      return {index: Math.max(index, 0), field: fieldOverride || field};\n    } else {\n      const row = store.getRow('envelopes', sourceId);\n      const envelope = rowToObject<IEnvelope>(row);\n      const field = (envelope.fields || []).find(field => field.name === fieldName);\n\n      const roleNames = (envelope.recipients || []).map(recipient => recipient.role_name);\n      const index = roleNames.findIndex(name => name === field.role_name);\n\n      return {index, field: fieldOverride || field};\n    }\n  },\n};\n"]}
+{"version":3,"file":"Datastore.js","sourceRoot":"","sources":["../../src/utils/Datastore.ts"],"names":[],"mappings":"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","sourcesContent":["import {createStore, Row} from 'tinybase';\nimport {getEnvelope, getTemplate, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport type {IEnvelope, IEnvelopeField, ITemplate, ITemplateField} from '@verdocs/js-sdk';\n\nconst store = createStore();\n\n// For now, we clear the database every page load to keep it clean and small.\n// We're only using it to synchronize data between isolated components. e-Signing\n// flows don't really benefit from \"offline-first\" approaches anyway, since most\n// of a user's interactions need to go through our servers anyway.\nstore.delTables();\nstore.delValues();\n\nexport const safeJsonParse = (val: any, fallback?: any) => {\n  try {\n    return JSON.parse(val);\n  } catch (e) {\n    return fallback || null;\n  }\n};\n\nexport const objectToRow = (obj: Object): Row => {\n  const row: Row = {};\n  for (let key in obj) {\n    if (typeof obj[key] === 'string' || typeof obj[key] === 'number' || typeof obj[key] === 'boolean') {\n      row[key] = obj[key];\n    } else if (obj[key] === null) {\n      row[`__null__${key}`] = '';\n    } else if (Array.isArray(obj[key])) {\n      row[`__array__${key}`] = JSON.stringify(obj[key]);\n    } else if (typeof obj[key] === 'object') {\n      row[`__object__${key}`] = JSON.stringify(obj[key]);\n    }\n  }\n\n  return row;\n};\n\nexport const rowToObject = <T extends {}>(row: Row): T => {\n  const obj = {} as T;\n\n  for (let key in row) {\n    if (key.startsWith('__null__')) {\n      obj[key.replace('__null__', '')] = null;\n    } else if (typeof row[key] === 'string' && key.startsWith('__array__')) {\n      obj[key.replace('__array__', '')] = safeJsonParse(row[key]);\n    } else if (typeof row[key] === 'string' && key.startsWith('__object__')) {\n      obj[key.replace('__object__', '')] = safeJsonParse(row[key]);\n    } else {\n      obj[key] = row[key];\n    }\n  }\n\n  return obj;\n};\n\nexport type TRowUpdatedCallback<T> = (row: T) => void;\nexport type TRowGetter<T> = () => Promise<T>;\n\nexport const Store = {\n  store,\n\n  // Extends the store's listener mechanism with two features:\n  // 1. Apply typing to the return result, and pass the whole updated value to the callback instead\n  //    of just the \"changes\".\n  // 2. Fire the callback immediately with the current value, so that the component can initialize.\n  subscribe<T extends object>(tableId: string, rowId: string, getter: TRowGetter<T>, forceReload: boolean, callback: TRowUpdatedCallback<T>): string {\n    // We call the callback immediately if the row exists so we get an SWR-like behavior.\n    if (store.hasRow(tableId, rowId)) {\n      callback(rowToObject<T>(store.getRow(tableId, rowId)));\n    }\n\n    const listenerId = store.addRowListener(tableId, rowId, () => {\n      const row = store.getRow(tableId, rowId);\n      callback(rowToObject<T>(row));\n    });\n\n    if (!store.hasRow(tableId, rowId) || forceReload) {\n      console.log('[STORE] Loading/reloading', {tableId, rowId});\n      getter()\n        .then(result => {\n          // We don't need to call the callback because it's already listening\n          store.setRow(tableId, rowId, objectToRow(result));\n        })\n        .catch(e => {\n          console.error('[STORE] Error getting row', {tableId, rowId, forceReload}, e);\n        });\n    }\n\n    return listenerId;\n  },\n\n  unsubscribe(listenerId: string) {\n    store.delListener(listenerId);\n  },\n\n  async getTemplate(endpoint: VerdocsEndpoint, templateId: string, reload: boolean = false): Promise<ITemplate | null> {\n    if (!reload) {\n      if (!store.hasRow('templates', templateId)) {\n        return null;\n      }\n\n      const row = store.getRow('templates', templateId);\n      return rowToObject<ITemplate>(row);\n    }\n\n    const template = await getTemplate(endpoint, templateId);\n    console.log('[STORE] Reloading template', template);\n    store.setRow('templates', templateId, objectToRow(template));\n    return template;\n  },\n\n  updateTemplate(templateId: string, template: ITemplate) {\n    store.setRow('templates', templateId, objectToRow(template));\n    return template;\n  },\n\n  async getEnvelope(endpoint: VerdocsEndpoint, envelopeId: string, reload: boolean = false): Promise<IEnvelope | null> {\n    if (!reload) {\n      if (!store.hasRow('envelopes', envelopeId)) {\n        return null;\n      }\n\n      const row = store.getRow('envelopes', envelopeId);\n      return rowToObject<IEnvelope>(row);\n    }\n\n    const envelope = await getEnvelope(endpoint, envelopeId);\n    store.setRow('envelopes', envelopeId, objectToRow(envelope));\n    return envelope;\n  },\n\n  updateEnvelope(envelopeId: string, envelope: IEnvelope) {\n    store.setRow('envelopes', envelopeId, objectToRow(envelope));\n    return envelope;\n  },\n\n  // Get a field from an already-loaded envelope or template. Intended to be\n  // called by the verdocs-field-* components themselves which are only rendered\n  // after a template or envelope is already loaded and cached in the store, so\n  // no attempt is made to load the parent record if it isn't already known.\n  getField(source: 'template' | 'envelope', sourceId: string, fieldName: string, fieldOverride: ITemplateField | IEnvelopeField | null | undefined) {\n    if (source === 'template') {\n      const row = store.getRow('templates', sourceId);\n      const template = rowToObject<ITemplate>(row);\n      const field = (template.fields || []).find(field => field.name === fieldName);\n\n      const roleNames = (template.roles || []).map(role => role.name);\n      const index = roleNames.findIndex(name => name === field.role_name);\n\n      return {index: Math.max(index, 0), field: fieldOverride || field};\n    } else {\n      const row = store.getRow('envelopes', sourceId);\n      const envelope = rowToObject<IEnvelope>(row);\n      const field = (envelope.fields || []).find(field => field.name === fieldName);\n\n      const roleNames = (envelope.recipients || []).map(recipient => recipient.role_name);\n      const index = roleNames.findIndex(name => name === field.role_name);\n\n      return {index, field: fieldOverride || field};\n    }\n  },\n};\n"]}

package/dist/components/index.js

@@ -12,6 +12,7 @@ import { VerdocsEnvelopeDocumentPage } from './verdocs-envelope-document-page.js
 import { VerdocsEnvelopeRecipientLink } from './verdocs-envelope-recipient-link.js';
 import { VerdocsEnvelopeRecipientSummary } from './verdocs-envelope-recipient-summary.js';
 import { VerdocsEnvelopeSidebar } from './verdocs-envelope-sidebar.js';
+import { VerdocsEnvelopeUpdateRecipient } from './verdocs-envelope-update-recipient.js';
 import { VerdocsEnvelopesList } from './verdocs-envelopes-list.js';
 import { VerdocsFieldAttachment } from './verdocs-field-attachment.js';
 import { VerdocsFieldCheckbox } from './verdocs-field-checkbox.js';
@@ -90,6 +91,7 @@ const defineCustomElements = (opts) => {
             VerdocsEnvelopeRecipientLink,
             VerdocsEnvelopeRecipientSummary,
             VerdocsEnvelopeSidebar,
+            VerdocsEnvelopeUpdateRecipient,
             VerdocsEnvelopesList,
             VerdocsFieldAttachment,
             VerdocsFieldCheckbox,

package/dist/components/index.js.map

@@ -1 +1 @@
-{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
+{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/{p-CWHHlD3o.js → p-B3jMBr0M.js}

@@ -7,7 +7,7 @@ import { d as defineCustomElement$3 } from './p-DxZzj3bW.js';
 import { d as defineCustomElement$2 } from './p-DBr1-dfD.js';
 import { d as defineCustomElement$1 } from './p-BPaxQrtW.js';
 
-/*! Axios v1.9.0 Copyright (c) 2025 Matt Zabriskie and contributors */
+/*! Axios v1.10.0 Copyright (c) 2025 Matt Zabriskie and contributors */
 
 var axios_1;
 var hasRequiredAxios;
@@ -979,6 +979,10 @@ function requireAxios () {
 	      return value.toISOString();
 	    }
 
+	    if (utils$1.isBoolean(value)) {
+	      return value.toString();
+	    }
+
 	    if (!useBlob && utils$1.isBlob(value)) {
 	      throw new AxiosError('Blob is not supported. Use a Buffer instead.');
 	    }
@@ -2895,7 +2899,7 @@ function requireAxios () {
 	      credentials: isCredentialsSupported ? withCredentials : undefined
 	    });
 
-	    let response = await fetch(request);
+	    let response = await fetch(request, fetchOptions);
 
 	    const isStreamResponse = supportsResponseStream && (responseType === 'stream' || responseType === 'response');
 
@@ -3101,7 +3105,7 @@ function requireAxios () {
 	  });
 	}
 
-	const VERSION = "1.9.0";
+	const VERSION = "1.10.0";
 
 	const validators$1 = {};
 
@@ -3985,6 +3989,6 @@ function defineCustomElement() {
 }
 
 export { VerdocsContactPicker as V, defineCustomElement as d };
-//# sourceMappingURL=p-CWHHlD3o.js.map
+//# sourceMappingURL=p-B3jMBr0M.js.map
 
-//# sourceMappingURL=p-CWHHlD3o.js.map
+//# sourceMappingURL=p-B3jMBr0M.js.map