@verdocs/web-sdk 2.2.9 → 2.2.11

package/dist/{esm/verdocs-template-reminders.entry.js → components/verdocs-template-reminders2.js}

@@ -1,11 +1,15 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-151c0874.js';
-import './Types-5f31149e.js';
-import { V as VerdocsEndpoint } from './VerdocsEndpoint-d58d5544.js';
-import { g as getTemplateStore } from './TemplateStore-01a9d18f.js';
-import { S as SDKError } from './errors-9b5498c8.js';
-import { V as VerdocsToast } from './Toast-f3b8fd46.js';
-import './index-38d7bc0b.js';
-import './Templates-f90883f7.js';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+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$6 } from './verdocs-button2.js';
+import { d as defineCustomElement$5 } from './verdocs-checkbox2.js';
+import { d as defineCustomElement$4 } from './verdocs-component-error2.js';
+import { d as defineCustomElement$3 } from './verdocs-help-icon2.js';
+import { d as defineCustomElement$2 } from './verdocs-ok-dialog2.js';
+import { d as defineCustomElement$1 } from './verdocs-text-input2.js';
 
 /**
  * Enable automatic reminders. setup_time is the number of days after the envelope is sent that the first reminder
@@ -35,9 +39,10 @@ var deleteReminder = function (endpoint, templateId, reminderId) {
 
 const verdocsTemplateRemindersCss = "verdocs-template-reminders{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-template-reminders.loading{min-height:300px;position:relative;display:block}verdocs-template-reminders.empty{display:none}verdocs-template-reminders form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-reminders form h5{font-size:16px;font-weight:bold;color:#4c56cb;margin:0 0 20px 0}verdocs-template-reminders form label{font-size:16px;font-weight:500;margin:0 0 6px 0;color:#33364b}verdocs-template-reminders form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-template-reminders form input:focus{outline:none}verdocs-template-reminders form .input-row{display:-ms-flexbox;display:flex;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-reminders form .input-row label{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-reminders form .input-row verdocs-text-input{margin:0;display:-ms-flexbox;display:flex;-ms-flex:0 0 60px;flex:0 0 60px}verdocs-template-reminders form .input-row verdocs-text-input input{text-align:center}verdocs-template-reminders form .input-row verdocs-checkbox{display:-ms-flexbox;display:flex;-ms-flex:0 0 40px;flex:0 0 40px;-ms-flex-pack:center;justify-content:center}verdocs-template-reminders .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-template-reminders ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-reminders ::-moz-placeholder{color:#aaaaaa}verdocs-template-reminders :-ms-input-placeholder{color:#aaaaaa}verdocs-template-reminders ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-reminders ::placeholder{color:#aaaaaa}";
 
-const VerdocsTemplateReminders = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
+const VerdocsTemplateReminders = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
     this.close = createEvent(this, "close", 7);
     this.sdkError = createEvent(this, "sdkError", 7);
     this.store = null;
@@ -133,7 +138,59 @@ const VerdocsTemplateReminders = class {
         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) }))));
   }
-};
-VerdocsTemplateReminders.style = verdocsTemplateRemindersCss;
+  static get style() { return verdocsTemplateRemindersCss; }
+}, [0, "verdocs-template-reminders", {
+    "endpoint": [16],
+    "templateId": [1, "template-id"],
+    "showPlanBlocker": [32],
+    "sendReminders": [32],
+    "firstReminderDays": [32],
+    "reminderDays": [32],
+    "dirty": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["verdocs-template-reminders", "verdocs-button", "verdocs-checkbox", "verdocs-component-error", "verdocs-help-icon", "verdocs-ok-dialog", "verdocs-text-input"];
+  components.forEach(tagName => { switch (tagName) {
+    case "verdocs-template-reminders":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, VerdocsTemplateReminders);
+      }
+      break;
+    case "verdocs-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "verdocs-checkbox":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "verdocs-component-error":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "verdocs-help-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "verdocs-ok-dialog":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "verdocs-text-input":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+defineCustomElement();
 
-export { VerdocsTemplateReminders as verdocs_template_reminders };
+export { VerdocsTemplateReminders as V, defineCustomElement as d };

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

@@ -5,7 +5,7 @@ import { V as VerdocsEndpoint, a as TemplateSenderTypes } from './VerdocsEndpoin
 import { u as updateRole, c as createRole, d as defineCustomElement$3 } from './verdocs-template-role-properties2.js';
 import { g as getRGBA } from './Colors.js';
 import { g as getTemplateStore } from './TemplateStore.js';
-import { a as getRoleIndex } from './utils.js';
+import { b as getRoleIndex } from './utils.js';
 import { S as SDKError } from './errors.js';
 import { d as defineCustomElement$a } from './verdocs-button2.js';
 import { d as defineCustomElement$9 } from './verdocs-checkbox2.js';
@@ -17,7 +17,7 @@ import { d as defineCustomElement$4 } from './verdocs-select-input2.js';
 import { d as defineCustomElement$2 } from './verdocs-template-sender2.js';
 import { d as defineCustomElement$1 } from './verdocs-text-input2.js';
 
-const verdocsTemplateRolesCss = "verdocs-template-roles{display:block;min-width:400px;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-template-roles>form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff;padding:12px}verdocs-template-roles>form h5{font-size:16px;font-weight:bold;color:#4c56cb;margin:0 0 10px 0}verdocs-template-roles>form .participants{position:relative}verdocs-template-roles>form .left-line{top:32px;left:11px;z-index:1;width:12px;bottom:30px;position:absolute;background:#ffffff;border-left:3px dotted #9b9b9b}verdocs-template-roles>form .row{display:-ms-flexbox;display:flex;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;min-height:35px;margin-left:40px;position:relative;-ms-flex-direction:row;flex-direction:row;padding:6px 0 4px 0}verdocs-template-roles>form .row .row-roles{-ms-flex:1;flex:1;gap:10px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row}verdocs-template-roles>form .row .icon{top:14px;z-index:2;left:-40px;width:24px;height:24px;position:absolute;background:#ffffff}verdocs-template-roles>form .row .sender{height:30px;display:-ms-flexbox;display:flex;font-size:14px;line-height:30px;-ms-flex-align:center;align-items:center;border-radius:30px;-ms-flex-direction:row;flex-direction:row;padding:0 5px 0 15px;border:1px solid #c6c9cc;background-color:#f5f5fa}verdocs-template-roles>form .row .complete{height:30px;display:-ms-flexbox;display:flex;font-size:14px;padding:0 15px;line-height:30px;-ms-flex-direction:row;flex-direction:row;border-radius:30px;background-color:#f5f5fa;border:1px solid #aeb4bf}verdocs-template-roles>form .row .label{font-weight:bold;margin-right:6px;color:#33364b}verdocs-template-roles>form .row .settings-button{display:-ms-flexbox;display:flex;cursor:pointer;margin:0 0 0 9px}verdocs-template-roles>form .row .recipient{height:30px;display:-ms-flexbox;display:flex;font-size:14px;border-radius:30px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;padding:0 5px 0 6px;white-space:nowrap;border:2px solid #aeb4bf}verdocs-template-roles>form .row .recipient .type-icon{width:24px;height:24px;-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0.6;margin:0 12px 0 0}verdocs-template-roles>form .row .recipient.dragging{position:absolute}verdocs-template-roles>form .row .recipient.dragging+.dropzone{display:none !important}verdocs-template-roles>form .row .dropzone{width:14px;height:30px;display:none}verdocs-template-roles>form .row .dropzone svg{fill:#cccccc}verdocs-template-roles>form .row .dropzone.visible{margin:0 7px;display:-ms-flexbox;display:flex;-ms-flex:0 0 14px;flex:0 0 14px}verdocs-template-roles>form .row .dropzone.active{-ms-flex:0 0 120px;flex:0 0 120px;border-radius:30px;background:#654dcb7f;border:1px dashed #654dcb}verdocs-template-roles>form label{display:block;font-size:14px;font-weight:500;margin:0 0 4px 0;color:#5c6575}verdocs-template-roles>form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-template-roles>form input:focus{outline:none}verdocs-template-roles .row.add-sequence{display:none}verdocs-template-roles .add-role{margin:0;padding:0;border:none;opacity:0.5;cursor:pointer;background:none}verdocs-template-roles .add-role:hover{opacity:1}verdocs-template-roles .add-role svg{width:32px;height:32px}verdocs-template-roles .add-step{margin:0;padding:0;border:none;opacity:0.5;cursor:pointer;background:none}verdocs-template-roles .add-step:hover{opacity:1}verdocs-template-roles .add-step svg{width:32px;height:32px}verdocs-template-roles.dragging .add-role{display:none}verdocs-template-roles.dragging form .row .recipient+.dropzone{display:-ms-flexbox;display:flex}verdocs-template-roles.dragging .row.add-sequence{display:-ms-flexbox;display:flex}verdocs-template-roles.dragging .row.add-sequence .dropzone{opacity:0.5;-ms-flex:0 0 120px;flex:0 0 120px;border-radius:30px;-ms-flex-align:center;align-items:center;background:#654dcb7f;-ms-flex-pack:center;justify-content:center;border:1px dashed #654dcb}verdocs-template-roles.dragging .row.add-sequence .dropzone.active{opacity:1}verdocs-template-roles .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-template-roles .empty{font-size:13px;margin-top:15px;margin-bottom:5px}verdocs-template-roles .empty svg{width:20px;height:20px;stroke:#666666;margin-bottom:-5px}verdocs-template-roles ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-roles ::-moz-placeholder{color:#aaaaaa}verdocs-template-roles :-ms-input-placeholder{color:#aaaaaa}verdocs-template-roles ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-roles ::placeholder{color:#aaaaaa}";
+const verdocsTemplateRolesCss = "verdocs-template-roles{display:block;min-width:400px;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-template-roles>form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff;padding:12px}verdocs-template-roles>form h5{font-size:16px;font-weight:bold;color:#46497d;margin:0 0 10px 0}verdocs-template-roles>form .participants{position:relative}verdocs-template-roles>form .left-line{top:32px;left:11px;z-index:1;width:12px;bottom:30px;position:absolute;background:#ffffff;border-left:3px dotted #9b9b9b}verdocs-template-roles>form .row{display:-ms-flexbox;display:flex;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;min-height:35px;margin-left:40px;position:relative;-ms-flex-direction:row;flex-direction:row;padding:6px 0 4px 0}verdocs-template-roles>form .row .row-roles{-ms-flex:1;flex:1;gap:10px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row}verdocs-template-roles>form .row .icon{top:14px;z-index:2;left:-40px;width:24px;height:24px;position:absolute;background:#ffffff}verdocs-template-roles>form .row .sender{height:30px;display:-ms-flexbox;display:flex;font-size:14px;line-height:30px;-ms-flex-align:center;align-items:center;border-radius:30px;-ms-flex-direction:row;flex-direction:row;padding:0 5px 0 15px;border:1px solid #c6c9cc;background-color:#f5f5fa}verdocs-template-roles>form .row .complete{height:30px;display:-ms-flexbox;display:flex;font-size:14px;padding:0 15px;line-height:30px;-ms-flex-direction:row;flex-direction:row;border-radius:30px;background-color:#f5f5fa;border:1px solid #aeb4bf}verdocs-template-roles>form .row .label{font-weight:bold;margin-right:6px;color:#33364b}verdocs-template-roles>form .row .settings-button{display:-ms-flexbox;display:flex;cursor:pointer;margin:0 0 0 9px}verdocs-template-roles>form .row .recipient{height:30px;display:-ms-flexbox;display:flex;font-size:14px;border-radius:30px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;padding:0 5px 0 6px;white-space:nowrap;border:2px solid #aeb4bf}verdocs-template-roles>form .row .recipient .type-icon{width:24px;height:24px;-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0.6;margin:0 12px 0 0}verdocs-template-roles>form .row .recipient.dragging{position:absolute}verdocs-template-roles>form .row .recipient.dragging+.dropzone{display:none !important}verdocs-template-roles>form .row .dropzone{width:14px;height:30px;display:none}verdocs-template-roles>form .row .dropzone svg{fill:#cccccc}verdocs-template-roles>form .row .dropzone.visible{margin:0 7px;display:-ms-flexbox;display:flex;-ms-flex:0 0 14px;flex:0 0 14px}verdocs-template-roles>form .row .dropzone.active{-ms-flex:0 0 120px;flex:0 0 120px;border-radius:30px;background:#654dcb7f;border:1px dashed #654dcb}verdocs-template-roles>form label{display:block;font-size:14px;font-weight:500;margin:0 0 4px 0;color:#5c6575}verdocs-template-roles>form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-template-roles>form input:focus{outline:none}verdocs-template-roles .row.add-sequence{display:none}verdocs-template-roles .add-role{margin:0;padding:0;border:none;opacity:0.5;cursor:pointer;background:none}verdocs-template-roles .add-role:hover{opacity:1}verdocs-template-roles .add-role svg{width:32px;height:32px}verdocs-template-roles .add-step{margin:0;padding:0;border:none;opacity:0.5;cursor:pointer;background:none}verdocs-template-roles .add-step:hover{opacity:1}verdocs-template-roles .add-step svg{width:32px;height:32px}verdocs-template-roles.dragging .add-role{display:none}verdocs-template-roles.dragging form .row .recipient+.dropzone{display:-ms-flexbox;display:flex}verdocs-template-roles.dragging .row.add-sequence{display:-ms-flexbox;display:flex}verdocs-template-roles.dragging .row.add-sequence .dropzone{opacity:0.5;-ms-flex:0 0 120px;flex:0 0 120px;border-radius:30px;-ms-flex-align:center;align-items:center;background:#654dcb7f;-ms-flex-pack:center;justify-content:center;border:1px dashed #654dcb}verdocs-template-roles.dragging .row.add-sequence .dropzone.active{opacity:1}verdocs-template-roles .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-template-roles .empty{font-size:13px;margin-top:15px;margin-bottom:5px}verdocs-template-roles .empty svg{width:20px;height:20px;stroke:#666666;margin-bottom:-5px}verdocs-template-roles ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-roles ::-moz-placeholder{color:#aaaaaa}verdocs-template-roles :-ms-input-placeholder{color:#aaaaaa}verdocs-template-roles ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-roles ::placeholder{color:#aaaaaa}";
 
 const senderLabels = {
   [TemplateSenderTypes.EVERYONE]: 'Everyone',

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

@@ -1,123 +1,4 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import './Types.js';
-import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
-import { u as updateTemplate } from './Templates.js';
-import { g as getTemplateStore } from './TemplateStore.js';
-import { S as SDKError } from './errors.js';
-import { d as defineCustomElement$4 } from './verdocs-button2.js';
-import { d as defineCustomElement$3 } from './verdocs-checkbox2.js';
-import { d as defineCustomElement$2 } from './verdocs-component-error2.js';
-
-const verdocsTemplateVisibilityCss = "verdocs-template-visibility{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-template-visibility.loading{min-height:300px;position:relative;display:block}verdocs-template-visibility.empty{display:none}verdocs-template-visibility form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-visibility form .description{font-size:14px;text-align:justify;color:#5c6575}verdocs-template-visibility form h5{font-size:16px;font-weight:bold;color:#4c56cb;margin:0}verdocs-template-visibility form label{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:16px;font-weight:500;margin:0 0 4px 0;color:#33364b}verdocs-template-visibility form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-template-visibility form input:focus{outline:none}verdocs-template-visibility form .input-row{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-visibility form .input-row verdocs-text-input{margin:0;display:-ms-flexbox;display:flex;-ms-flex:0 0 40px;flex:0 0 40px}verdocs-template-visibility form .input-row verdocs-text-input input{text-align:center}verdocs-template-visibility form .input-row verdocs-checkbox{-ms-flex:0;flex:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}verdocs-template-visibility form .input-row verdocs-checkbox label>input[type=checkbox]+*::before{margin-right:0}verdocs-template-visibility .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:25px;-ms-flex-direction:row;flex-direction:row}verdocs-template-visibility ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::-moz-placeholder{color:#aaaaaa}verdocs-template-visibility :-ms-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::placeholder{color:#aaaaaa}";
-
-const VerdocsTemplateVisibility$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.close = createEvent(this, "close", 7);
-    this.sdkError = createEvent(this, "sdkError", 7);
-    this.store = null;
-    this.endpoint = VerdocsEndpoint.getDefault();
-    this.templateId = '';
-    this.dirty = false;
-    this.personal = false;
-    this.public = false;
-  }
-  async componentWillLoad() {
-    var _a, _b, _c, _d, _e, _f, _g;
-    try {
-      this.endpoint.loadSession();
-      if (!this.templateId) {
-        console.log(`[VISIBILITY] Missing required template ID ${this.templateId}`);
-        return;
-      }
-      if (!this.endpoint.session) {
-        console.log('[VISIBILITY] Unable to start builder session, must be authenticated');
-        return;
-      }
-      this.store = await getTemplateStore(this.endpoint, this.templateId, false);
-      this.personal = ((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.is_personal) || true;
-      this.public = ((_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.is_public) || false;
-      this.dirty = false;
-    }
-    catch (e) {
-      console.log('[TEMPLATE VISIBILITY] Error loading template', e);
-      (_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));
-    }
-  }
-  handleCancel(e) {
-    var _a, _b, _c, _d, _e;
-    e.stopPropagation();
-    this.personal = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.is_personal;
-    this.public = (_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.is_public;
-    this.dirty = false;
-    (_e = this.close) === null || _e === void 0 ? void 0 : _e.emit();
-  }
-  async handleSave(e) {
-    var _a, _b;
-    e.stopPropagation();
-    await updateTemplate(this.endpoint, this.templateId, { is_personal: this.personal, is_public: this.public });
-    if ((_a = this.store) === null || _a === void 0 ? void 0 : _a.state) {
-      this.store.state.is_personal = this.personal;
-      this.store.state.is_public = this.public;
-    }
-    this.dirty = false;
-    (_b = this.close) === null || _b === void 0 ? void 0 : _b.emit();
-  }
-  render() {
-    var _a, _b;
-    if (!this.endpoint.session) {
-      return (h(Host, null, h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
-    }
-    // This is meant to be a companion for larger visual experiences so we just go blank on errors for now.
-    if (!this.endpoint.session || !((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.isLoaded)) {
-      return h(Host, { class: "empty" });
-    }
-    return (h(Host, null, h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("h5", null, "Visibility"), h("div", { class: "input-row" }, h("label", { htmlFor: "verdocs-is-shared" }, "Shared"), h("verdocs-checkbox", { id: "verdocs-is-shared", name: "is-shared", checked: !this.personal, value: "on", onInput: (e) => {
-        this.personal = !e.target.checked;
-        this.dirty = true;
-      } })), h("div", { class: "description" }, "Shared templates are visible to other members of your Organization (if any)."), h("div", { class: "input-row" }, h("label", { htmlFor: "verdocs-is-public" }, "Public"), h("verdocs-checkbox", { id: "verdocs-is-public", name: "is-public", checked: this.public, value: "on", onInput: (e) => {
-        this.public = e.target.checked;
-        this.dirty = true;
-      } })), h("div", { class: "description" }, "Public templates may appear in results when any other user searches for templates. Note that a template may be both Personal and Public, which may be useful if you want your template to be found via search but not otherwise displayed to other members of your Organization (if any)."), 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) })))));
-  }
-  static get style() { return verdocsTemplateVisibilityCss; }
-}, [0, "verdocs-template-visibility", {
-    "endpoint": [16],
-    "templateId": [1, "template-id"],
-    "dirty": [32],
-    "personal": [32],
-    "public": [32]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["verdocs-template-visibility", "verdocs-button", "verdocs-checkbox", "verdocs-component-error"];
-  components.forEach(tagName => { switch (tagName) {
-    case "verdocs-template-visibility":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, VerdocsTemplateVisibility$1);
-      }
-      break;
-    case "verdocs-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "verdocs-checkbox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "verdocs-component-error":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
+import { V as VerdocsTemplateVisibility$1, d as defineCustomElement$1 } from './verdocs-template-visibility2.js';
 
 const VerdocsTemplateVisibility = VerdocsTemplateVisibility$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/{esm/verdocs-template-visibility.entry.js → components/verdocs-template-visibility2.js}

@@ -1,16 +1,19 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-151c0874.js';
-import './Types-5f31149e.js';
-import { V as VerdocsEndpoint } from './VerdocsEndpoint-d58d5544.js';
-import { u as updateTemplate } from './Templates-f90883f7.js';
-import { g as getTemplateStore } from './TemplateStore-01a9d18f.js';
-import { S as SDKError } from './errors-9b5498c8.js';
-import './index-38d7bc0b.js';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import './Types.js';
+import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
+import { u as updateTemplate } from './Templates.js';
+import { g as getTemplateStore } from './TemplateStore.js';
+import { S as SDKError } from './errors.js';
+import { d as defineCustomElement$3 } from './verdocs-button2.js';
+import { d as defineCustomElement$2 } from './verdocs-checkbox2.js';
+import { d as defineCustomElement$1 } from './verdocs-component-error2.js';
 
 const verdocsTemplateVisibilityCss = "verdocs-template-visibility{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-template-visibility.loading{min-height:300px;position:relative;display:block}verdocs-template-visibility.empty{display:none}verdocs-template-visibility form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-visibility form .description{font-size:14px;text-align:justify;color:#5c6575}verdocs-template-visibility form h5{font-size:16px;font-weight:bold;color:#4c56cb;margin:0}verdocs-template-visibility form label{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:16px;font-weight:500;margin:0 0 4px 0;color:#33364b}verdocs-template-visibility form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-template-visibility form input:focus{outline:none}verdocs-template-visibility form .input-row{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-visibility form .input-row verdocs-text-input{margin:0;display:-ms-flexbox;display:flex;-ms-flex:0 0 40px;flex:0 0 40px}verdocs-template-visibility form .input-row verdocs-text-input input{text-align:center}verdocs-template-visibility form .input-row verdocs-checkbox{-ms-flex:0;flex:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}verdocs-template-visibility form .input-row verdocs-checkbox label>input[type=checkbox]+*::before{margin-right:0}verdocs-template-visibility .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:25px;-ms-flex-direction:row;flex-direction:row}verdocs-template-visibility ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::-moz-placeholder{color:#aaaaaa}verdocs-template-visibility :-ms-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::placeholder{color:#aaaaaa}";
 
-const VerdocsTemplateVisibility = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
+const VerdocsTemplateVisibility = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
     this.close = createEvent(this, "close", 7);
     this.sdkError = createEvent(this, "sdkError", 7);
     this.store = null;
@@ -78,7 +81,42 @@ const VerdocsTemplateVisibility = class {
         this.dirty = true;
       } })), h("div", { class: "description" }, "Public templates may appear in results when any other user searches for templates. Note that a template may be both Personal and Public, which may be useful if you want your template to be found via search but not otherwise displayed to other members of your Organization (if any)."), 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) })))));
   }
-};
-VerdocsTemplateVisibility.style = verdocsTemplateVisibilityCss;
+  static get style() { return verdocsTemplateVisibilityCss; }
+}, [0, "verdocs-template-visibility", {
+    "endpoint": [16],
+    "templateId": [1, "template-id"],
+    "dirty": [32],
+    "personal": [32],
+    "public": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["verdocs-template-visibility", "verdocs-button", "verdocs-checkbox", "verdocs-component-error"];
+  components.forEach(tagName => { switch (tagName) {
+    case "verdocs-template-visibility":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, VerdocsTemplateVisibility);
+      }
+      break;
+    case "verdocs-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "verdocs-checkbox":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "verdocs-component-error":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+defineCustomElement();
 
-export { VerdocsTemplateVisibility as verdocs_template_visibility };
+export { VerdocsTemplateVisibility as V, defineCustomElement as d };

package/dist/components/verdocs-view2.js

@@ -4,7 +4,7 @@ import { b as userCanCancelEnvelope } from './Permissions.js';
 import './Types.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 import { i as integerSequence } from './Primitives.js';
-import { s as saveEnvelopesAsZip, j as saveCertificate, b as saveAttachment } from './utils.js';
+import { s as saveEnvelopesAsZip, j as saveCertificate, a as saveAttachment } from './utils.js';
 import { S as SDKError } from './errors.js';
 import { d as defineCustomElement$5 } from './verdocs-button2.js';
 import { d as defineCustomElement$4 } from './verdocs-dropdown2.js';

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-09-27T20:57:32",
+  "timestamp": "2023-10-02T22:21:20",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",
@@ -359,7 +359,7 @@
         },
         {
           "name": "step",
-          "type": "\"attachments\" | \"create\" | \"fields\" | \"preview\" | \"roles\" | \"settings\"",
+          "type": "\"attachments\" | \"fields\" | \"preview\" | \"roles\" | \"settings\"",
           "mutable": false,
           "attr": "step",
           "reflectToAttr": true,
@@ -371,10 +371,6 @@
               "value": "attachments",
               "type": "string"
             },
-            {
-              "value": "create",
-              "type": "string"
-            },
             {
               "value": "fields",
               "type": "string"
@@ -441,24 +437,26 @@
       "dependents": [],
       "dependencies": [
         "verdocs-component-error",
-        "verdocs-template-create",
         "verdocs-template-attachments",
         "verdocs-template-roles",
-        "verdocs-template-fields"
+        "verdocs-template-name",
+        "verdocs-template-reminders",
+        "verdocs-template-visibility",
+        "verdocs-template-fields",
+        "verdocs-send",
+        "verdocs-preview"
       ],
       "dependencyGraph": {
         "verdocs-build": [
           "verdocs-component-error",
-          "verdocs-template-create",
           "verdocs-template-attachments",
           "verdocs-template-roles",
-          "verdocs-template-fields"
-        ],
-        "verdocs-template-create": [
-          "verdocs-component-error",
-          "verdocs-loader",
-          "verdocs-progress-bar",
-          "verdocs-button"
+          "verdocs-template-name",
+          "verdocs-template-reminders",
+          "verdocs-template-visibility",
+          "verdocs-template-fields",
+          "verdocs-send",
+          "verdocs-preview"
         ],
         "verdocs-template-attachments": [
           "verdocs-component-error",
@@ -496,6 +494,24 @@
           "verdocs-help-icon",
           "verdocs-button"
         ],
+        "verdocs-template-name": [
+          "verdocs-component-error",
+          "verdocs-loader",
+          "verdocs-text-input",
+          "verdocs-button"
+        ],
+        "verdocs-template-reminders": [
+          "verdocs-component-error",
+          "verdocs-checkbox",
+          "verdocs-text-input",
+          "verdocs-button",
+          "verdocs-ok-dialog"
+        ],
+        "verdocs-template-visibility": [
+          "verdocs-component-error",
+          "verdocs-checkbox",
+          "verdocs-button"
+        ],
         "verdocs-template-fields": [
           "verdocs-component-error",
           "verdocs-loader",
@@ -503,6 +519,18 @@
           "verdocs-toolbar-icon",
           "verdocs-template-document-page",
           "verdocs-ok-dialog"
+        ],
+        "verdocs-send": [
+          "verdocs-contact-picker",
+          "verdocs-button"
+        ],
+        "verdocs-contact-picker": [
+          "verdocs-toggle-button",
+          "verdocs-button"
+        ],
+        "verdocs-preview": [
+          "verdocs-loader",
+          "verdocs-template-document-page"
         ]
       }
     },
@@ -1312,7 +1340,14 @@
           "docsTags": []
         }
       ],
-      "listeners": [],
+      "listeners": [
+        {
+          "event": "resize",
+          "target": "window",
+          "capture": false,
+          "passive": true
+        }
+      ],
       "styles": [],
       "slots": [],
       "parts": [],
@@ -5913,7 +5948,9 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "verdocs-build"
+      ],
       "dependencies": [
         "verdocs-loader",
         "verdocs-template-document-page"
@@ -5922,6 +5959,9 @@
         "verdocs-preview": [
           "verdocs-loader",
           "verdocs-template-document-page"
+        ],
+        "verdocs-build": [
+          "verdocs-preview"
         ]
       }
     },
@@ -6794,7 +6834,9 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "verdocs-build"
+      ],
       "dependencies": [
         "verdocs-contact-picker",
         "verdocs-button"
@@ -6807,6 +6849,9 @@
         "verdocs-contact-picker": [
           "verdocs-toggle-button",
           "verdocs-button"
+        ],
+        "verdocs-build": [
+          "verdocs-send"
         ]
       }
     },
@@ -8010,9 +8055,7 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [
-        "verdocs-build"
-      ],
+      "dependents": [],
       "dependencies": [
         "verdocs-component-error",
         "verdocs-loader",
@@ -8025,9 +8068,6 @@
           "verdocs-loader",
           "verdocs-progress-bar",
           "verdocs-button"
-        ],
-        "verdocs-build": [
-          "verdocs-template-create"
         ]
       }
     },
@@ -8558,7 +8598,9 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "verdocs-build"
+      ],
       "dependencies": [
         "verdocs-component-error",
         "verdocs-loader",
@@ -8574,6 +8616,9 @@
         ],
         "verdocs-text-input": [
           "verdocs-help-icon"
+        ],
+        "verdocs-build": [
+          "verdocs-template-name"
         ]
       }
     },
@@ -8644,7 +8689,9 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "verdocs-build"
+      ],
       "dependencies": [
         "verdocs-component-error",
         "verdocs-checkbox",
@@ -8665,6 +8712,9 @@
         ],
         "verdocs-ok-dialog": [
           "verdocs-button"
+        ],
+        "verdocs-build": [
+          "verdocs-template-reminders"
         ]
       }
     },
@@ -9244,7 +9294,9 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "verdocs-build"
+      ],
       "dependencies": [
         "verdocs-component-error",
         "verdocs-checkbox",
@@ -9255,6 +9307,9 @@
           "verdocs-component-error",
           "verdocs-checkbox",
           "verdocs-button"
+        ],
+        "verdocs-build": [
+          "verdocs-template-visibility"
         ]
       }
     },

package/dist/esm/{EnvelopeStore-ca60f0ab.js → EnvelopeStore-7f484014.js}

@@ -1,4 +1,4 @@
-import { c as createStore } from './index-38d7bc0b.js';
+import { c as createStore } from './index-4439b0d1.js';
 import { a as getEnvelope } from './Envelopes-5e32159f.js';
 
 const createEnvelopeStore = (envelopeId) => {

package/dist/esm/{TemplateStore-01a9d18f.js → TemplateStore-e8cf5a15.js}

@@ -1,4 +1,4 @@
-import { c as createStore } from './index-38d7bc0b.js';
+import { c as createStore } from './index-4439b0d1.js';
 import { g as getTemplate } from './Templates-f90883f7.js';
 import { T as TemplateSenderTypes } from './VerdocsEndpoint-d58d5544.js';
 

package/dist/esm/{Validators-f110bae2.js → Validators-16a2a43b.js}

@@ -13,4 +13,4 @@ var isValidEmail = function (email) { return !!email && EMAIL_REGEX.test(email);
 var PHONE_REGEX = /((?:\+|00)[17](?: |\-)?|(?:\+|00)[1-9]\d{0,2}(?: |\-)?|(?:\+|00)1\-\d{3}(?: |\-)?)?(0\d|\([0-9]{3}\)|[1-9]{0,3})(?:((?: |\-)[0-9]{2}){4}|((?:[0-9]{2}){4})|((?: |\-)[0-9]{3}(?: |\-)[0-9]{4})|([0-9]{7}))/;
 var isValidPhone = function (phone) { return !!phone && PHONE_REGEX.test(phone); };
 
-export { isValidPhone as a, isValidEmail as i };
+export { isValidEmail as a, isValidPhone as i };

package/dist/esm/{index-151c0874.js → index-172625c5.js}

@@ -1831,6 +1831,8 @@ const hostListenerProxy = (hostRef, methodName) => (ev) => {
 const getHostListenerTarget = (elm, flags) => {
     if (flags & 4 /* LISTENER_FLAGS.TargetDocument */)
         return doc;
+    if (flags & 8 /* LISTENER_FLAGS.TargetWindow */)
+        return win;
     return elm;
 };
 // prettier-ignore

package/dist/esm/{index-38d7bc0b.js → index-4439b0d1.js}

@@ -1,4 +1,4 @@
-import { g as getRenderingRef, f as forceUpdate } from './index-151c0874.js';
+import { g as getRenderingRef, f as forceUpdate } from './index-172625c5.js';
 
 const appendToMap = (map, propName, value) => {
     const items = map.get(propName);

package/dist/esm/ipc-test.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, H as Host } from './index-151c0874.js';
+import { r as registerInstance, h, H as Host } from './index-172625c5.js';
 import './Types-5f31149e.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-d58d5544.js';
-import { g as getTemplateStore } from './TemplateStore-01a9d18f.js';
-import './index-38d7bc0b.js';
+import { g as getTemplateStore } from './TemplateStore-e8cf5a15.js';
+import './index-4439b0d1.js';
 import './Templates-f90883f7.js';
 
 const ipcTestCss = "ipc-test{max-width:800px;display:block}";