@verdocs/web-sdk 1.14.8 → 1.14.10

package/dist/components/verdocs-field-textbox.js

@@ -1,10 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { i as interact } from './interact.min.js';
-import { g as getRGBA } from './Colors.js';
-import { g as getFieldSettings } from './utils.js';
-import { u as updateField } from './Fields.js';
 import './Types.js';
+import { u as updateField } from './Fields.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
+import { g as getRGBA } from './Colors.js';
+import { g as getFieldSettings } from './utils.js';
 import { d as defineCustomElement$9 } from './verdocs-button2.js';
 import { d as defineCustomElement$8 } from './verdocs-button-panel2.js';
 import { d as defineCustomElement$7 } from './verdocs-checkbox2.js';
@@ -31,6 +31,8 @@ const VerdocsFieldTextbox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
     this.moveable = false;
     this.done = false;
     this.roleindex = 0;
+    this.xscale = 1;
+    this.yscale = 1;
     this.rerender = 0;
   }
   async focusField() {
@@ -67,26 +69,31 @@ const VerdocsFieldTextbox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
     e.stopPropagation();
   }
   handleResize(e) {
-    console.log('resize', e);
-    const oldX = +(e.target.getAttribute('resizeX') || 0);
-    const oldY = +(e.target.getAttribute('resizeY') || 0);
-    const newX = e.dx + oldX;
-    const newY = e.dy + oldY;
-    this.el.style.width = `${parseFloat(this.el.style.width || '0') + e.dx}px`;
-    // Single line text fields are not resizeable in height
-    // this.el.style.height = `${parseFloat(this.el.style.height || '0') + event.dy}px`;
-    e.target.setAttribute('resizeX', newX);
-    e.target.setAttribute('resizeY', newY);
+    let { x = 0, y = 0, h = 0 } = e.target.dataset;
+    let { width, height } = e.rect;
+    x = (parseFloat(x) || 0) + e.deltaRect.left;
+    y = (parseFloat(y) || 0) + e.deltaRect.top;
+    h = (parseFloat(h) || 0) + e.deltaRect.height;
+    Object.assign(e.target.style, {
+      width: `${width}px`,
+      height: `${height}px`,
+      transform: `translate(${x}px, ${y + h}px)`,
+    });
+    Object.assign(e.target.dataset, { x, y, h });
   }
   handleResizeEnd(e) {
-    console.log('resizeEnd', e);
-    const resizeWidth = +(e.target.getAttribute('resizeX') || 0);
-    const settings = getFieldSettings(this.field);
-    const newWidth = (settings.width || 150) + resizeWidth;
-    const newSettings = { ...getFieldSettings(this.field), width: Math.round(newWidth) };
-    delete newSettings['result'];
+    const newSettings = { ...getFieldSettings(this.field) };
+    const [translateX, translateY] = e.target.style.transform.split('(')[1].split(')')[0].split(',').map(parseFloat);
+    newSettings.width = Math.round(parseFloat(e.target.style.width) / this.xscale);
+    newSettings.height = Math.round(parseFloat(e.target.style.height) / this.yscale);
+    newSettings.x = Math.round(newSettings.x + translateX / this.xscale);
+    newSettings.y = Math.round(newSettings.y - translateY / this.yscale);
     updateField(this.endpoint, this.templateid, this.field.name, { setting: newSettings })
-      .then(() => { var _a; return (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.field.name, settings: newSettings }); })
+      .then(() => {
+      var _a;
+      (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.field.name, settings: newSettings });
+      Object.assign(e.target.dataset, { x: 0, y: 0, h: 0 });
+    })
       .catch(e => console.log('Field update failed', e));
   }
   render() {
@@ -122,6 +129,8 @@ const VerdocsFieldTextbox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
     "moveable": [4],
     "done": [4],
     "roleindex": [2],
+    "xscale": [2],
+    "yscale": [2],
     "rerender": [2],
     "focusField": [64],
     "showSettingsPanel": [64],

package/dist/components/verdocs-sign.js

@@ -1,13 +1,14 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
 import { g as getSigningSession, t as throttledGetEnvelope, u as updateEnvelopeField, a as updateEnvelopeFieldSignature, b as updateEnvelopeFieldInitials } from './Envelopes.js';
 import { R as RecipientStates } from './Types.js';
-import { e as envelopeRecipientAgree, a as envelopeRecipientDecline, V as VerdocsToast, b as envelopeRecipientSubmit } from './Toast.js';
+import { e as envelopeRecipientAgree, a as envelopeRecipientDecline, b as envelopeRecipientSubmit } from './Recipients.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 import { a as isValidPhone, i as isValidEmail } from './Validators.js';
 import { f as fullNameToInitials, i as integerSequence } from './Primitives.js';
 import { s as saveAttachment, u as updateDocumentFieldValue, a as getRoleIndex, r as renderDocumentField, b as getFieldId } from './utils.js';
 import { a as FORMAT_DATE } from './Types2.js';
 import { S as SDKError } from './errors.js';
+import { V as VerdocsToast } from './Toast.js';
 import { d as defineCustomElement$8 } from './verdocs-button2.js';
 import { d as defineCustomElement$7 } from './verdocs-checkbox2.js';
 import { d as defineCustomElement$6 } from './verdocs-dropdown2.js';

package/dist/components/verdocs-status-indicator.js

@@ -7199,7 +7199,7 @@ function RecipientFlow() {
   };
 }
 
-const verdocsStatusIndicatorCss = "verdocs-status-indicator{display:-ms-flexbox;display:flex;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:4px 12px;border-radius:6px;color:#33364b;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-status-indicator.has-document:hover{cursor:pointer;background:rgba(0, 0, 0, 0.1)}verdocs-status-indicator .icon{width:25px;height:25px;margin:0 10px -4px 0}verdocs-status-indicator.dark{color:#ffffff}verdocs-status-indicator.small{font-size:16px}verdocs-status-indicator.small .icon{width:20px;height:20px;margin:0 8px -4px 0}verdocs-status-indicator .detail-panel{display:none;background:#ffffff;border:1px solid #1e2031;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;border-radius:10px;font-weight:500}verdocs-status-indicator .detail-panel h1{font-size:44px;color:#092c4c}verdocs-status-indicator .detail-panel[data-show]{display:-ms-flexbox;display:flex}";
+const verdocsStatusIndicatorCss = "verdocs-status-indicator{display:-ms-flexbox;display:flex;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-status-indicator.has-document:hover{cursor:pointer;background:rgba(0, 0, 0, 0.1)}verdocs-status-indicator .icon{width:25px;height:25px;margin:0 10px 0 0}verdocs-status-indicator.dark{color:#ffffff}verdocs-status-indicator.small{font-size:16px}verdocs-status-indicator.small .icon{width:20px;height:20px;margin:0 8px 0 0}verdocs-status-indicator .detail-panel{display:none;background:#ffffff;border:1px solid #1e2031;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;border-radius:10px;font-weight:500}verdocs-status-indicator .detail-panel h1{font-size:44px;color:#092c4c}verdocs-status-indicator .detail-panel[data-show]{display:-ms-flexbox;display:flex}";
 
 const AcceptedDark = `<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12.5" cy="12.5" r="11.5" stroke="white" stroke-width="2"/><path d="M11.728 15.968C11.7067 15.9893 11.7013 16.0107 11.712 16.032C11.7227 16.0533 11.744 16.064 11.776 16.064H16.112C16.1653 16.064 16.208 16.0853 16.24 16.128C16.2827 16.16 16.304 16.2027 16.304 16.256V17.808C16.304 17.8613 16.2827 17.9093 16.24 17.952C16.208 17.984 16.1653 18 16.112 18H8.912C8.85867 18 8.81067 17.984 8.768 17.952C8.736 17.9093 8.72 17.8613 8.72 17.808V16.336C8.72 16.24 8.752 16.16 8.816 16.096C9.33867 15.584 9.872 15.0293 10.416 14.432C10.96 13.824 11.3013 13.4453 11.44 13.296C11.7387 12.944 12.0427 12.608 12.352 12.288C13.3227 11.2107 13.808 10.4107 13.808 9.888C13.808 9.51467 13.6747 9.21067 13.408 8.976C13.1413 8.73067 12.7947 8.608 12.368 8.608C11.9413 8.608 11.5947 8.73067 11.328 8.976C11.0613 9.21067 10.928 9.52533 10.928 9.92V10.32C10.928 10.3733 10.9067 10.4213 10.864 10.464C10.832 10.496 10.7893 10.512 10.736 10.512H8.848C8.79467 10.512 8.74667 10.496 8.704 10.464C8.672 10.4213 8.656 10.3733 8.656 10.32V9.568C8.688 8.992 8.86933 8.48533 9.2 8.048C9.53067 7.6 9.968 7.25867 10.512 7.024C11.0667 6.78933 11.6853 6.672 12.368 6.672C13.1253 6.672 13.7813 6.816 14.336 7.104C14.9013 7.38133 15.3333 7.76 15.632 8.24C15.9413 8.72 16.096 9.25333 16.096 9.84C16.096 10.288 15.984 10.7467 15.76 11.216C15.536 11.6853 15.2 12.192 14.752 12.736C14.4213 13.152 14.064 13.5627 13.68 13.968C13.296 14.3733 12.7253 14.96 11.968 15.728L11.728 15.968Z" fill="white"/></svg>`;
 const AcceptedLight = `<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12.5" cy="12.5" r="11.5" stroke="#654DCB" stroke-width="2"/><path d="M11.728 15.968C11.7067 15.9893 11.7013 16.0107 11.712 16.032C11.7227 16.0533 11.744 16.064 11.776 16.064H16.112C16.1653 16.064 16.208 16.0853 16.24 16.128C16.2827 16.16 16.304 16.2027 16.304 16.256V17.808C16.304 17.8613 16.2827 17.9093 16.24 17.952C16.208 17.984 16.1653 18 16.112 18H8.912C8.85867 18 8.81067 17.984 8.768 17.952C8.736 17.9093 8.72 17.8613 8.72 17.808V16.336C8.72 16.24 8.752 16.16 8.816 16.096C9.33867 15.584 9.872 15.0293 10.416 14.432C10.96 13.824 11.3013 13.4453 11.44 13.296C11.7387 12.944 12.0427 12.608 12.352 12.288C13.3227 11.2107 13.808 10.4107 13.808 9.888C13.808 9.51467 13.6747 9.21067 13.408 8.976C13.1413 8.73067 12.7947 8.608 12.368 8.608C11.9413 8.608 11.5947 8.73067 11.328 8.976C11.0613 9.21067 10.928 9.52533 10.928 9.92V10.32C10.928 10.3733 10.9067 10.4213 10.864 10.464C10.832 10.496 10.7893 10.512 10.736 10.512H8.848C8.79467 10.512 8.74667 10.496 8.704 10.464C8.672 10.4213 8.656 10.3733 8.656 10.32V9.568C8.688 8.992 8.86933 8.48533 9.2 8.048C9.53067 7.6 9.968 7.25867 10.512 7.024C11.0667 6.78933 11.6853 6.672 12.368 6.672C13.1253 6.672 13.7813 6.816 14.336 7.104C14.9013 7.38133 15.3333 7.76 15.632 8.24C15.9413 8.72 16.096 9.25333 16.096 9.84C16.096 10.288 15.984 10.7467 15.76 11.216C15.536 11.6853 15.2 12.192 14.752 12.736C14.4213 13.152 14.064 13.5627 13.68 13.968C13.296 14.3733 12.7253 14.96 11.968 15.728L11.728 15.968Z" fill="#654DCB"/></svg>`;

package/dist/components/verdocs-template-reminders.js

@@ -3,6 +3,7 @@ import './Types.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 import { g as getTemplateStore } from './TemplateStore.js';
 import { S as SDKError } from './errors.js';
+import { V as VerdocsToast } from './Toast.js';
 import { d as defineCustomElement$7 } from './verdocs-button2.js';
 import { d as defineCustomElement$6 } from './verdocs-checkbox2.js';
 import { d as defineCustomElement$5 } from './verdocs-component-error2.js';
@@ -10,16 +11,26 @@ import { d as defineCustomElement$4 } from './verdocs-help-icon2.js';
 import { d as defineCustomElement$3 } from './verdocs-ok-dialog2.js';
 import { d as defineCustomElement$2 } from './verdocs-text-input2.js';
 
+/**
+ * Enable automatic reminders. setup_time is the number of days after the envelope is sent that the first reminder
+ * should be sent. interval_time is the number of days between reminders.
+ */
 var createReminder = function (endpoint, templateId, params) {
     return endpoint.api //
         .post("/templates/".concat(templateId, "/reminder/"), params)
         .then(function (r) { return r.data; });
 };
+/**
+ * Update the reminder configuration for a template.
+ */
 var updateReminder = function (endpoint, templateId, reminderId, params) {
     return endpoint.api //
         .put("/templates/".concat(templateId, "/reminder/").concat(reminderId), params)
         .then(function (r) { return r.data; });
 };
+/**
+ * Delete the reminder configuration for a template.
+ */
 var deleteReminder = function (endpoint, templateId, reminderId) {
     return endpoint.api //
         .delete("/templates/".concat(templateId, "/reminder/").concat(reminderId))
@@ -43,6 +54,9 @@ const VerdocsTemplateReminders$1 = /*@__PURE__*/ proxyCustomElement(class extend
     this.reminderDays = '1';
     this.dirty = false;
   }
+  // POST https://api.verdocs.com/templates/8337af06-3b5a-4e1b-98be-67d82bc7ecd1/reminder
+  // interval_time: 1,
+  // setup_time:1,
   async componentWillLoad() {
     var _a, _b, _c, _d, _e;
     try {
@@ -72,25 +86,35 @@ const VerdocsTemplateReminders$1 = /*@__PURE__*/ proxyCustomElement(class extend
     (_c = this.close) === null || _c === void 0 ? void 0 : _c.emit();
   }
   async handleSave(e) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     e.stopPropagation();
-    if (this.sendReminders) {
-      const params = {
-        setup_time: 86400000 * +this.firstReminderDays,
-        interval_time: 86400000 * +this.reminderDays,
-      };
-      if (!((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.reminder_id)) {
-        await createReminder(this.endpoint, this.templateId, params);
+    try {
+      if (this.sendReminders) {
+        const params = {
+          setup_time: +this.firstReminderDays,
+          interval_time: +this.reminderDays,
+        };
+        if (!((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.reminder_id)) {
+          await createReminder(this.endpoint, this.templateId, params);
+          this.store = await getTemplateStore(this.endpoint, this.templateId, true);
+        }
+        else {
+          await updateReminder(this.endpoint, this.templateId, (_c = this.store) === null || _c === void 0 ? void 0 : _c.state.reminder_id, params);
+          this.store = await getTemplateStore(this.endpoint, this.templateId, true);
+        }
       }
       else {
-        await updateReminder(this.endpoint, this.templateId, (_c = this.store) === null || _c === void 0 ? void 0 : _c.state.reminder_id, params);
+        await deleteReminder(this.endpoint, this.templateId, (_d = this.store) === null || _d === void 0 ? void 0 : _d.state.reminder_id);
+        this.store = await getTemplateStore(this.endpoint, this.templateId, true);
       }
     }
-    else {
-      await deleteReminder(this.endpoint, this.templateId, (_d = this.store) === null || _d === void 0 ? void 0 : _d.state.reminder_id);
+    catch (e) {
+      console.log('[TEMPLATE REMINDERS] Unable to update reminders', e);
+      VerdocsToast(e.message);
+      (_e = this.sdkError) === null || _e === void 0 ? void 0 : _e.emit(new SDKError(e.message, (_f = e.response) === null || _f === void 0 ? void 0 : _f.status, (_g = e.response) === null || _g === void 0 ? void 0 : _g.data));
     }
     this.dirty = false;
-    (_e = this.close) === null || _e === void 0 ? void 0 : _e.emit();
+    (_h = this.close) === null || _h === void 0 ? void 0 : _h.emit();
   }
   render() {
     var _a, _b;
@@ -102,11 +126,17 @@ const VerdocsTemplateReminders$1 = /*@__PURE__*/ proxyCustomElement(class extend
       return h(Host, { class: "empty" });
     }
     return (h(Host, null, h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("h5", null, "Reminders"), h("div", { class: "input-row" }, h("label", { htmlFor: "verdocs-send-reminders" }, "Send Automatic Reminders"), h("verdocs-checkbox", { id: "verdocs-send-reminders", name: "automatic-reminders", checked: this.sendReminders, value: "on", onInput: (e) => {
-        this.showPlanBlocker = true;
-        e.target.checked = false;
-        // this.sendReminders = e.target.checked;
-        // this.dirty = true;
-      } })), h("div", { class: "input-row" }, h("label", { htmlFor: "verdocs-first-reminder-days" }, "Days Before First Reminder"), h("verdocs-text-input", { id: "verdocs-first-reminder-days", type: "number", value: this.firstReminderDays, onInput: (e) => (this.firstReminderDays = e.target.value), disabled: !this.sendReminders })), h("div", { class: "input-row" }, h("label", { htmlFor: "verdocs-days-between-reminders" }, "Days Between Reminders"), h("verdocs-text-input", { id: "verdocs-days-between-reminders", type: "number", value: this.reminderDays, onInput: (e) => (this.reminderDays = e.target.value), disabled: !this.sendReminders })), h("div", { class: "buttons" }, h("verdocs-button", { size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) }))), this.showPlanBlocker && (h("verdocs-ok-dialog", { heading: "Upgrade to access this feature", message: "Please upgrade your plan to access this feature.", onNext: () => (this.showPlanBlocker = false) }))));
+        // this.showPlanBlocker = true;
+        // e.target.checked = false;
+        this.sendReminders = e.target.checked;
+        this.dirty = true;
+      } })), h("div", { class: "input-row" }, h("label", { htmlFor: "verdocs-first-reminder-days" }, "Days Before First Reminder"), h("verdocs-text-input", { id: "verdocs-first-reminder-days", type: "number", value: this.firstReminderDays, onInput: (e) => {
+        this.firstReminderDays = e.target.value;
+        this.dirty = true;
+      }, disabled: !this.sendReminders })), h("div", { class: "input-row" }, h("label", { htmlFor: "verdocs-days-between-reminders" }, "Days Between Reminders"), h("verdocs-text-input", { id: "verdocs-days-between-reminders", type: "number", value: this.reminderDays, onInput: (e) => {
+        this.reminderDays = e.target.value;
+        this.dirty = true;
+      }, disabled: !this.sendReminders })), h("div", { class: "buttons" }, h("verdocs-button", { size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) }))), this.showPlanBlocker && (h("verdocs-ok-dialog", { heading: "Upgrade to access this feature", message: "Please upgrade your plan to access this feature.", onNext: () => (this.showPlanBlocker = false) }))));
   }
   static get style() { return verdocsTemplateRemindersCss; }
 }, [0, "verdocs-template-reminders", {

package/dist/components/verdocs-view2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
-import { t as throttledGetEnvelope, e as cancelEnvelope } from './Envelopes.js';
+import { t as throttledGetEnvelope, c as cancelEnvelope } from './Envelopes.js';
 import { a as userCanCancelEnvelope } from './Permissions.js';
 import './Types.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';

package/dist/custom-elements.json

@@ -672,6 +672,14 @@
         {
           "name": "templateid",
           "description": "The template the field is for/from. Only required in Builder mode, to support the Field Properties dialog."
+        },
+        {
+          "name": "xscale",
+          "description": "If set, the field will be be scaled horizontally by this factor."
+        },
+        {
+          "name": "yscale",
+          "description": "If set, the field will be be scaled vertically by this factor."
         }
       ]
     },
@@ -709,6 +717,14 @@
         {
           "name": "templateid",
           "description": "The template the field is for/from. Only required in Builder mode, to support the Field Properties dialog."
+        },
+        {
+          "name": "xscale",
+          "description": "If set, the field will be be scaled horizontally by this factor."
+        },
+        {
+          "name": "yscale",
+          "description": "If set, the field will be be scaled vertically by this factor."
         }
       ]
     },
@@ -1273,19 +1289,6 @@
         }
       ]
     },
-    {
-      "name": "verdocs-template-properties",
-      "description": {
-        "kind": "markdown",
-        "value": "Displays a collection of settings boxes that allow a user to configure a template's behavior."
-      },
-      "attributes": [
-        {
-          "name": "template-id",
-          "description": "The template ID to edit."
-        }
-      ]
-    },
     {
       "name": "verdocs-template-reminders",
       "description": {

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-05-18T13:00:42",
+  "timestamp": "2023-05-30T04:54:32",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",
@@ -186,20 +186,15 @@
       "dependents": [],
       "dependencies": [
         "verdocs-button",
-        "verdocs-text-input",
-        "verdocs-ok-dialog"
+        "verdocs-text-input"
       ],
       "dependencyGraph": {
         "verdocs-auth": [
           "verdocs-button",
-          "verdocs-text-input",
-          "verdocs-ok-dialog"
+          "verdocs-text-input"
         ],
         "verdocs-text-input": [
           "verdocs-help-icon"
-        ],
-        "verdocs-ok-dialog": [
-          "verdocs-button"
         ]
       }
     },
@@ -556,7 +551,6 @@
         "verdocs-template-create",
         "verdocs-template-field-properties",
         "verdocs-template-name",
-        "verdocs-template-properties",
         "verdocs-template-reminders",
         "verdocs-template-role-properties",
         "verdocs-template-roles",
@@ -611,9 +605,6 @@
         "verdocs-template-name": [
           "verdocs-button"
         ],
-        "verdocs-template-properties": [
-          "verdocs-button"
-        ],
         "verdocs-template-reminders": [
           "verdocs-button"
         ],
@@ -867,7 +858,6 @@
       "dependents": [
         "verdocs-sign",
         "verdocs-template-field-properties",
-        "verdocs-template-properties",
         "verdocs-template-reminders",
         "verdocs-template-role-properties",
         "verdocs-template-visibility"
@@ -880,9 +870,6 @@
         "verdocs-template-field-properties": [
           "verdocs-checkbox"
         ],
-        "verdocs-template-properties": [
-          "verdocs-checkbox"
-        ],
         "verdocs-template-reminders": [
           "verdocs-checkbox"
         ],
@@ -933,7 +920,6 @@
         "verdocs-template-field-properties",
         "verdocs-template-fields",
         "verdocs-template-name",
-        "verdocs-template-properties",
         "verdocs-template-reminders",
         "verdocs-template-roles",
         "verdocs-template-visibility"
@@ -958,9 +944,6 @@
         "verdocs-template-name": [
           "verdocs-component-error"
         ],
-        "verdocs-template-properties": [
-          "verdocs-component-error"
-        ],
         "verdocs-template-reminders": [
           "verdocs-component-error"
         ],
@@ -1579,16 +1562,21 @@
       "dependencies": [
         "verdocs-dropdown",
         "verdocs-button",
-        "verdocs-envelope-recipient-summary"
+        "verdocs-envelope-recipient-summary",
+        "verdocs-ok-dialog"
       ],
       "dependencyGraph": {
         "verdocs-envelope-sidebar": [
           "verdocs-dropdown",
           "verdocs-button",
-          "verdocs-envelope-recipient-summary"
+          "verdocs-envelope-recipient-summary",
+          "verdocs-ok-dialog"
         ],
         "verdocs-envelope-recipient-summary": [
           "verdocs-button"
+        ],
+        "verdocs-ok-dialog": [
+          "verdocs-button"
         ]
       }
     },
@@ -3682,6 +3670,22 @@
           "optional": true,
           "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.\nThis component self-manages its resize (width) behavior when in edit-template mode, and uses\nthis endpoint to save changes.",
+          "docsTags": [],
+          "default": "VerdocsEndpoint.getDefault()",
+          "values": [
+            {
+              "type": "VerdocsEndpoint"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "field",
           "type": "IEnvelopeField | ITemplateField",
@@ -3768,6 +3772,40 @@
           ],
           "optional": false,
           "required": false
+        },
+        {
+          "name": "xscale",
+          "type": "number",
+          "mutable": false,
+          "attr": "xscale",
+          "reflectToAttr": false,
+          "docs": "If set, the field will be be scaled horizontally by this factor.",
+          "docsTags": [],
+          "default": "1",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "yscale",
+          "type": "number",
+          "mutable": false,
+          "attr": "yscale",
+          "reflectToAttr": false,
+          "docs": "If set, the field will be be scaled vertically by this factor.",
+          "docsTags": [],
+          "default": "1",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false
         }
       ],
       "methods": [
@@ -4012,6 +4050,40 @@
           ],
           "optional": false,
           "required": false
+        },
+        {
+          "name": "xscale",
+          "type": "number",
+          "mutable": false,
+          "attr": "xscale",
+          "reflectToAttr": false,
+          "docs": "If set, the field will be be scaled horizontally by this factor.",
+          "docsTags": [],
+          "default": "1",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "yscale",
+          "type": "number",
+          "mutable": false,
+          "attr": "yscale",
+          "reflectToAttr": false,
+          "docs": "If set, the field will be be scaled vertically by this factor.",
+          "docsTags": [],
+          "default": "1",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false
         }
       ],
       "methods": [
@@ -4873,7 +4945,7 @@
       "slots": [],
       "parts": [],
       "dependents": [
-        "verdocs-auth",
+        "verdocs-envelope-sidebar",
         "verdocs-sign",
         "verdocs-template-attachments",
         "verdocs-template-fields",
@@ -4887,7 +4959,7 @@
         "verdocs-ok-dialog": [
           "verdocs-button"
         ],
-        "verdocs-auth": [
+        "verdocs-envelope-sidebar": [
           "verdocs-ok-dialog"
         ],
         "verdocs-sign": [
@@ -5235,14 +5307,10 @@
       "slots": [],
       "parts": [],
       "dependents": [
-        "verdocs-template-properties",
         "verdocs-template-sender"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "verdocs-template-properties": [
-          "verdocs-radio-button"
-        ],
         "verdocs-template-sender": [
           "verdocs-radio-button"
         ]
@@ -6894,103 +6962,6 @@
         ]
       }
     },
-    {
-      "filePath": "./src/components/templates/verdocs-template-properties/verdocs-template-properties.tsx",
-      "encapsulation": "none",
-      "tag": "verdocs-template-properties",
-      "docs": "Displays a collection of settings boxes that allow a user to configure a template's behavior.",
-      "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": "templateId",
-          "type": "string",
-          "mutable": false,
-          "attr": "template-id",
-          "reflectToAttr": false,
-          "docs": "The template ID to edit.",
-          "docsTags": [],
-          "default": "''",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [
-        {
-          "event": "exit",
-          "detail": "any",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.",
-          "docsTags": []
-        },
-        {
-          "event": "next",
-          "detail": "{ name: string; sendReminders: boolean; firstReminderDays: number; reminderDays: number; }",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the user completes the step.",
-          "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": [],
-      "dependencies": [
-        "verdocs-component-error",
-        "verdocs-text-input",
-        "verdocs-checkbox",
-        "verdocs-radio-button",
-        "verdocs-button"
-      ],
-      "dependencyGraph": {
-        "verdocs-template-properties": [
-          "verdocs-component-error",
-          "verdocs-text-input",
-          "verdocs-checkbox",
-          "verdocs-radio-button",
-          "verdocs-button"
-        ],
-        "verdocs-text-input": [
-          "verdocs-help-icon"
-        ]
-      }
-    },
     {
       "filePath": "./src/components/templates/verdocs-template-reminders/verdocs-template-reminders.tsx",
       "encapsulation": "none",
@@ -7762,7 +7733,6 @@
         "verdocs-signature-dialog",
         "verdocs-template-field-properties",
         "verdocs-template-name",
-        "verdocs-template-properties",
         "verdocs-template-reminders",
         "verdocs-template-role-properties"
       ],
@@ -7788,9 +7758,6 @@
         "verdocs-template-name": [
           "verdocs-text-input"
         ],
-        "verdocs-template-properties": [
-          "verdocs-text-input"
-        ],
         "verdocs-template-reminders": [
           "verdocs-text-input"
         ],