@verdocs/web-sdk 2.2.8 → 2.2.10

package/dist/cjs/verdocs-send.cjs.entry.js

@@ -1,134 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-1d5fc518.js');
-require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
-const Validators = require('./Validators-16e6d7d1.js');
-const Colors = require('./Colors-e809dcc9.js');
-const TemplateStore = require('./TemplateStore-4041d8af.js');
-const utils = require('./utils-fe5b1d83.js');
-const errors = require('./errors-0396da3d.js');
-require('./index-f664e4d0.js');
-require('./Templates-f6e75719.js');
-require('./_commonjsHelpers-0c557e26.js');
-require('./Envelopes-19ff627a.js');
-require('./Files-4bdc0c0f.js');
-require('./Types-ee5afdf8.js');
-require('./index-7c19ba1d.js');
-
-const verdocsSendCss = "verdocs-send{padding:10px;position:relative;background:#ffffff;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:none}verdocs-send.sendable{display:-ms-flexbox;display:flex}verdocs-send .recipients{position:relative}verdocs-send .left-line{top:32px;left:20px;z-index:1;width:12px;bottom:30px;position:absolute;background:#ffffff;border-left:3px dotted #9b9b9b}verdocs-send .level{display:-ms-flexbox;display:flex;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;margin-left:50px;position:relative;-ms-flex-direction:row;flex-direction:row;padding:8px 0 4px 0;border-bottom:1px solid #97979744}verdocs-send .level .level-icon{top:14px;z-index:2;left:-40px;width:24px;height:24px;position:absolute;background:#ffffff}verdocs-send .level .level-icon svg{fill:#00000089}verdocs-send .level .recipient{height:30px;display:-ms-flexbox;display:flex;-ms-flex:0 0 30px;flex:0 0 30px;color:#000000;cursor:pointer;font-size:14px;-ms-flex-align:center;align-items:center;border-radius:30px;-ms-flex-direction:row;flex-direction:row;background:#dddddd;white-space:nowrap;border:2px solid #dddddd;padding:2px 10px 2px 14px}verdocs-send .level .recipient .icon{width:22px;height:22px;-ms-flex:0 0 22px;flex:0 0 22px;margin:0 0 0 10px}verdocs-send .level .recipient .icon svg{width:22px;height:22px;fill:#333333;outline:none}verdocs-send .level .complete{-ms-flex:1;flex:1;height:30px;display:-ms-flexbox;display:flex;color:#000000;font-size:14px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;padding:3px 10px 3px 2px}verdocs-send .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-direction:row;flex-direction:row}verdocs-send verdocs-contact-picker{left:0;top:41px;z-index:10;position:absolute;border:1px solid #dddddd;-webkit-box-shadow:0 0 6px 3px rgba(0, 0, 0, 0.1);box-shadow:0 0 6px 3px rgba(0, 0, 0, 0.1)}";
-
-const editIcon = '<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></svg>';
-const startIcon = '<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="M2 12C2 6.48 6.48 2 12 2s10 4.48 10 10-4.48 10-10 10S2 17.52 2 12zm10 6c3.31 0 6-2.69 6-6s-2.69-6-6-6-6 2.69-6 6 2.69 6 6 6z"></path></svg>';
-const stepIcon = '<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"></path></svg>';
-const doneIcon = '<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="m18 7-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41 6 19l1.41-1.41L1.83 12 .41 13.41z"></path></svg>';
-const VerdocsSend = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.send = index.createEvent(this, "send", 7);
-    this.exit = index.createEvent(this, "exit", 7);
-    this.sdkError = index.createEvent(this, "sdkError", 7);
-    this.searchContacts = index.createEvent(this, "searchContacts", 7);
-    this.levels = [];
-    this.store = null;
-    this.endpoint = VerdocsEndpoint.VerdocsEndpoint.getDefault();
-    this.templateId = null;
-    this.containerId = `verdocs-send-${Math.random().toString(36).substring(2, 11)}`;
-    this.rolesAtLevel = {};
-    this.showPickerForId = '';
-    this.sessionContacts = [];
-    this.rolesCompleted = {};
-  }
-  async reset() {
-    this.rolesCompleted = {};
-  }
-  async componentWillLoad() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    try {
-      const loadSessionResult = this.endpoint.loadSession();
-      if (!this.templateId) {
-        console.log(`[SEND] Missing required template ID ${this.templateId}`);
-        return;
-      }
-      if (!this.endpoint.session) {
-        console.log('[SEND] Unable to start builder session, must be authenticated');
-        return;
-      }
-      this.store = await TemplateStore.getTemplateStore(this.endpoint, this.templateId, true);
-      if (!((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.is_sendable)) {
-        console.warn(`[SEND] Template is not sendable`, this.templateId);
-      }
-      if ((_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.roles) {
-        const rolesAtLevel = {};
-        this.rolesCompleted = {};
-        (_f = (_e = this.store) === null || _e === void 0 ? void 0 : _e.state) === null || _f === void 0 ? void 0 : _f.roles.forEach(role => {
-          const level = role.sequence - 1;
-          rolesAtLevel[level] || (rolesAtLevel[level] = []);
-          const id = `r-${level}-${rolesAtLevel[level].length}`;
-          rolesAtLevel[level].push({ ...role, id });
-        });
-        this.rolesAtLevel = rolesAtLevel;
-        this.levels = Object.keys(rolesAtLevel).map(levelStr => +levelStr);
-        this.levels.sort((a, b) => a - b);
-      }
-      if ((_g = loadSessionResult === null || loadSessionResult === void 0 ? void 0 : loadSessionResult.session) === null || _g === void 0 ? void 0 : _g.profile) {
-        this.sessionContacts.push({
-          id: loadSessionResult.session.profile.id,
-          name: `${loadSessionResult.session.profile.first_name} ${loadSessionResult.session.profile.last_name}`,
-          email: loadSessionResult.session.profile.email,
-          phone: loadSessionResult.session.profile.phone,
-        });
-      }
-    }
-    catch (e) {
-      console.log('[SEND] Error with preview session', e);
-      (_h = this.sdkError) === null || _h === void 0 ? void 0 : _h.emit(new errors.SDKError(e.message, (_j = e.response) === null || _j === void 0 ? void 0 : _j.status, (_k = e.response) === null || _k === void 0 ? void 0 : _k.data));
-    }
-  }
-  getLevelIcon(level) {
-    if (level < 0) {
-      return index.h("div", { class: "level-icon", innerHTML: startIcon });
-    }
-    else if (level >= this.levels.length) {
-      return index.h("div", { class: "level-icon", innerHTML: doneIcon });
-    }
-    else {
-      return index.h("div", { class: "level-icon", innerHTML: stepIcon });
-    }
-  }
-  handleSelectContact(e, role) {
-    e.preventDefault();
-    this.rolesCompleted[role.id] = { ...role, ...e.detail };
-    this.showPickerForId = '';
-  }
-  handleClickRole(e, role) {
-    e.stopPropagation();
-    this.showPickerForId = role.id;
-  }
-  handleSend(e) {
-    var _a, _b, _c;
-    e.stopPropagation();
-    (_a = this.send) === null || _a === void 0 ? void 0 : _a.emit({ roles: Object.values(this.rolesCompleted), name: (_c = (_b = this.store) === null || _b === void 0 ? void 0 : _b.state) === null || _c === void 0 ? void 0 : _c.name, template_id: this.templateId });
-  }
-  handleCancel(e) {
-    var _a;
-    e.stopPropagation();
-    (_a = this.exit) === null || _a === void 0 ? void 0 : _a.emit();
-  }
-  render() {
-    var _a, _b, _c, _d;
-    const roleNames = (((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.roles) || []).map(role => role.name) || [];
-    const rolesAssigned = Object.values(this.rolesCompleted).filter(recipient => Validators.isValidEmail(recipient.email) || Validators.isValidPhone(recipient.phone));
-    const allRolesAssigned = rolesAssigned.length >= roleNames.length;
-    return (index.h(index.Host, { class: { sendable: (_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.is_sendable } }, index.h("div", { class: "recipients" }, index.h("div", { class: "left-line" }), index.h("div", { class: `level level-start` }, this.getLevelIcon(-1), index.h("div", { class: "complete" }, "Send Envelope")), this.levels.map(level => (index.h("div", { class: `level level-${level}` }, this.getLevelIcon(level), this.rolesAtLevel[level].map(role => {
-      var _a, _b, _c, _d, _e, _f;
-      const unknown = !role.email;
-      return unknown ? (index.h("div", { class: "recipient", style: { backgroundColor: Colors.getRGBA(utils.getRoleIndex(roleNames, role.name)) }, onClick: e => this.handleClickRole(e, role) }, (_b = (_a = this.rolesCompleted[role.id]) === null || _a === void 0 ? void 0 : _a.full_name) !== null && _b !== void 0 ? _b : role.name, index.h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (index.h("verdocs-contact-picker", { onExit: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: (_c = this.rolesCompleted[role.id]) !== null && _c !== void 0 ? _c : role, onSearchContacts: e => { var _a; return (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } })))) : (index.h("div", { class: "recipient", style: { borderColor: Colors.getRGBA(utils.getRoleIndex(roleNames, role.name)) }, onClick: e => this.handleClickRole(e, role) }, (_e = (_d = this.rolesCompleted[role.id]) === null || _d === void 0 ? void 0 : _d.full_name) !== null && _e !== void 0 ? _e : role.full_name, index.h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (index.h("verdocs-contact-picker", { onExit: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: (_f = this.rolesCompleted[role.id]) !== null && _f !== void 0 ? _f : role, onSearchContacts: e => { var _a; return (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } }))));
-    })))), index.h("div", { class: `level level-done` }, this.getLevelIcon(this.levels.length), index.h("div", { class: "complete" }, "Signing Complete"))), index.h("div", { class: "buttons" }, index.h("verdocs-button", { label: "Cancel", size: "small", variant: "outline", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { label: "Send", size: "small", disabled: !allRolesAssigned, onClick: e => this.handleSend(e) }))));
-  }
-};
-VerdocsSend.style = verdocsSendCss;
-
-exports.verdocs_send = VerdocsSend;

package/dist/cjs/verdocs-template-attachments_2.cjs.entry.js

@@ -1,236 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-1d5fc518.js');
-require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
-const TemplateDocuments = require('./TemplateDocuments-e2e0e6b7.js');
-const Icons = require('./Icons-a11fb3fc.js');
-const TemplateStore = require('./TemplateStore-4041d8af.js');
-const errors = require('./errors-0396da3d.js');
-const Templates = require('./Templates-f6e75719.js');
-require('./index-f664e4d0.js');
-
-const verdocsTemplateAttachmentsCss = "verdocs-template-attachments{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-template-attachments h5{font-size:16px;font-weight:bold;margin:0 0 10px 0;color:#46497d}verdocs-template-attachments .attachments{margin:0 0 40px 0}verdocs-template-attachments .attachment{display:-ms-flexbox;display:flex;padding:5px 0;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;color:#33364b}verdocs-template-attachments .attachment:hover .trash-icon{display:-ms-flexbox;display:flex}verdocs-template-attachments .attachment:hover .pages{display:none}verdocs-template-attachments svg{width:28px;height:28px;fill:#5c6575;margin:2px 0 0 0}verdocs-template-attachments .file-icon{-ms-flex:0;flex:0}verdocs-template-attachments .pages{width:24px;height:24px;-ms-flex:0 0 24px;flex:0 0 24px;padding-left:4px;position:relative;margin:-10px 0 0 0}verdocs-template-attachments .pages .pages-icon{top:0;left:0;width:24px;height:24px;position:absolute}verdocs-template-attachments .pages .count{top:11px;left:7px;z-index:1;width:18px;font-size:12px;font-weight:500;position:absolute;text-align:center;letter-spacing:-2px}verdocs-template-attachments .filename{-ms-flex:1;flex:1;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px dotted #cccccc}verdocs-template-attachments .trash-icon{-ms-flex:0;flex:0;display:none}verdocs-template-attachments .trash-icon:hover{cursor:pointer}verdocs-template-attachments verdocs-file-chooser{margin:10px 0;border:2px dashed #979797}verdocs-template-attachments .loader-wrapper{background-color:#ffffff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:320px;height:320px;text-align:center;border:2px dashed #979797;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-attachments .progress-wrapper{padding:20px}verdocs-template-attachments .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-attachments .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-template-attachments ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-attachments ::-moz-placeholder{color:#aaaaaa}verdocs-template-attachments :-ms-input-placeholder{color:#aaaaaa}verdocs-template-attachments ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-attachments ::placeholder{color:#aaaaaa}";
-
-const VerdocsTemplateAttachments = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.exit = index.createEvent(this, "exit", 7);
-    this.next = index.createEvent(this, "next", 7);
-    this.templateUpdate = index.createEvent(this, "templateUpdate", 7);
-    this.sdkError = index.createEvent(this, "sdkError", 7);
-    this.endpoint = VerdocsEndpoint.VerdocsEndpoint.getDefault();
-    this.templateId = '';
-    this.uploading = false;
-    this.progressLabel = 'Uploading...';
-    this.progressPercent = 0;
-    this.showDeleteError = false;
-    this.confirmDeleteDocument = null;
-    this.store = null;
-  }
-  async componentWillLoad() {
-    var _a, _b, _c;
-    try {
-      this.endpoint.loadSession();
-      if (!this.templateId) {
-        console.log(`[ROLES] Missing required template ID ${this.templateId}`);
-        return;
-      }
-      if (!this.endpoint.session) {
-        console.log('[ROLES] Unable to start builder session, must be authenticated');
-        return;
-      }
-      this.store = await TemplateStore.getTemplateStore(this.endpoint, this.templateId, false);
-    }
-    catch (e) {
-      console.log('[TEMPLATE ATTACHMENTS] Error loading template', e);
-      (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new errors.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));
-    }
-  }
-  handleCancel(e) {
-    e.stopPropagation();
-    this.exit.emit();
-  }
-  handleUploadProgress(percent) {
-    if (percent >= 99) {
-      this.progressPercent = 100;
-      this.progressLabel = 'Processing...';
-    }
-    else {
-      this.progressPercent = percent;
-    }
-  }
-  async handleUpload(e) {
-    var _a, _b, _c;
-    e.stopPropagation();
-    const file = e.detail.file;
-    if (!file) {
-      return;
-    }
-    console.log('[ATTACHMENTS] Uploading...', file);
-    this.uploading = true;
-    this.progressLabel = 'Uploading...';
-    try {
-      const template = await TemplateDocuments.createTemplateDocument(this.endpoint, this.templateId, file, this.handleUploadProgress.bind(this));
-      console.log('[ATTACHMENTS] Created attachment', template);
-      this.store = await TemplateStore.getTemplateStore(this.endpoint, this.templateId, true);
-      console.log('[ATTACHMENTS] New template', this.store.state);
-      this.uploading = false;
-      this.progressLabel = '';
-      this.progressPercent = 0;
-    }
-    catch (e) {
-      console.log('[ATTACHMENTS] Error creating template', e);
-      (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new errors.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));
-      this.uploading = false;
-    }
-  }
-  handleNext(e) {
-    var _a;
-    e.stopPropagation();
-    this.uploading = false;
-    this.progressLabel = '';
-    this.progressPercent = 0;
-    (_a = this.next) === null || _a === void 0 ? void 0 : _a.emit({ template: this.store.state });
-  }
-  async confirmDelete() {
-    await TemplateDocuments.deleteTemplateDocument(this.endpoint, this.templateId, this.confirmDeleteDocument.id);
-    this.store = await TemplateStore.getTemplateStore(this.endpoint, this.templateId, true);
-    console.log('[ATTACHMENTS] New template', this.store.state);
-    this.confirmDeleteDocument = null;
-  }
-  async handleDelete(document) {
-    var _a;
-    if (((_a = this.store.state) === null || _a === void 0 ? void 0 : _a.template_documents.length) > 1) {
-      this.confirmDeleteDocument = document;
-    }
-    else {
-      this.showDeleteError = true;
-    }
-  }
-  getFileIcon(document) {
-    switch (document.mime) {
-      case 'application/pdf':
-        return Icons.PdfIcon;
-      case 'image/jpeg':
-        return Icons.JpgIcon;
-      case 'image/png':
-        return Icons.PngIcon;
-      case 'application/msword':
-      case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':
-        return Icons.DocIcon;
-    }
-    return Icons.FileIcon;
-  }
-  render() {
-    var _a, _b, _c;
-    if (!this.endpoint.session) {
-      return (index.h(index.Host, null, index.h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
-    }
-    const templateState = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state;
-    if (!templateState.isLoaded) {
-      return (index.h(index.Host, { class: "loading" }, index.h("verdocs-loader", null)));
-    }
-    // This is meant to be a companion for larger visual experiences so we just go blank on errors for now.
-    if (!this.endpoint.session || !templateState.profile_id) {
-      return index.h(index.Host, { class: "empty" });
-    }
-    return (index.h(index.Host, null, index.h("h5", null, "Existing Attachments"), index.h("div", { class: "attachments" }, (_b = this.store) === null || _b === void 0 ? void 0 : _b.state.template_documents.map(document => (index.h("div", { class: "attachment" }, index.h("div", { class: "file-icon", innerHTML: this.getFileIcon(document) }), index.h("div", { class: "filename", title: document.name }, document.name), index.h("div", { class: "pages" }, index.h("div", { class: "count" }, document.page_numbers), index.h("div", { class: "pages-icon", innerHTML: Icons.PageCountIcon })), index.h("div", { class: "trash-icon", innerHTML: Icons.TrashIcon, onClick: () => this.handleDelete(document) }))))), index.h("h5", null, "Attach a New Document"), this.uploading ? (index.h("div", { class: "loader-wrapper" }, index.h("verdocs-loader", null), this.progressLabel && (index.h("div", { class: "progress-wrapper" }, index.h("verdocs-progress-bar", { showPercent: true, percent: this.progressPercent, label: this.progressLabel }))))) : (index.h("verdocs-file-chooser", { onFileSelected: e => this.handleUpload(e) })), index.h("div", { class: "buttons" }, index.h("verdocs-button", { variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e), disabled: this.uploading }), index.h("verdocs-button", { label: "Next", size: "small", onClick: e => this.handleNext(e), disabled: !((_c = this.store) === null || _c === void 0 ? void 0 : _c.state.template_documents.length) || this.uploading })), this.showDeleteError && (index.h("verdocs-ok-dialog", { heading: "Unable to Delete Attachment", message: "Templates must contain at least one attachment.", onNext: () => (this.showDeleteError = false) })), this.confirmDeleteDocument && (index.h("verdocs-ok-dialog", { heading: "Delete this Attachment?", message: "This operation cannot be undone. All fields placed<br />on the deleted attachment will also be removed.", onNext: () => this.confirmDelete(), showCancel: true, onExit: () => {
-        this.confirmDeleteDocument = null;
-      } }))));
-  }
-};
-VerdocsTemplateAttachments.style = verdocsTemplateAttachmentsCss;
-
-const verdocsTemplateCreateCss = "verdocs-template-create{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-template-create form{background-color:#ffffff;padding:12px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-create form .upload-box{-webkit-box-sizing:border-box;box-sizing:border-box;width:320px;text-align:center;padding:44px 18px 66px;border:2px dashed #979797;color:rgba(0, 0, 0, 0.54)}verdocs-template-create form .upload-box.drag-over{border:2px solid #4c56cb}verdocs-template-create form .upload-box svg{width:64px;fill:#5c6575}verdocs-template-create .loader-wrapper{background-color:#ffffff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:320px;height:320px;text-align:center;border:2px dashed #979797;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-create .progress-wrapper{padding:20px}verdocs-template-create .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-create .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-template-create ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-create ::-moz-placeholder{color:#aaaaaa}verdocs-template-create :-ms-input-placeholder{color:#aaaaaa}verdocs-template-create ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-create ::placeholder{color:#aaaaaa}";
-
-const unicodeNBSP = ' ';
-const FileIcon = '<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z"></path></svg>';
-const VerdocsTemplateCreate = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.exit = index.createEvent(this, "exit", 7);
-    this.next = index.createEvent(this, "next", 7);
-    this.sdkError = index.createEvent(this, "sdkError", 7);
-    this.endpoint = VerdocsEndpoint.VerdocsEndpoint.getDefault();
-    this.file = undefined;
-    this.creating = false;
-    this.progressLabel = 'Uploading...';
-    this.progressPercent = 0;
-  }
-  componentWillLoad() {
-    this.endpoint.setTimeout(30000);
-    this.endpoint.loadSession();
-  }
-  handleFileChanged(e) {
-    var _a;
-    this.file = ((_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0]) || null;
-    console.log('[CREATE] Selected file', this.file);
-    // this.filePath = e.target.files?.[0]?.name;
-  }
-  handleUpload(e) {
-    e.stopPropagation();
-    const fileElem = document.getElementById('verdocs-template-create-file');
-    fileElem.click();
-  }
-  handleCancel(e) {
-    e.stopPropagation();
-    this.exit.emit();
-  }
-  async handleSubmit(e) {
-    var _a, _b, _c, _d;
-    e.stopPropagation();
-    console.log('Submitting');
-    // Should be true if we're here because onClick is only enabled then. We're just guarding this for Typescript.
-    if (!this.file) {
-      return;
-    }
-    this.creating = true;
-    this.progressLabel = 'Uploading...';
-    try {
-      const template = await Templates.createTemplate(this.endpoint, { name: this.file.name, documents: [this.file] }, percent => {
-        if (percent >= 99) {
-          this.progressLabel = 'Processing...';
-          this.progressPercent = 100;
-        }
-        else {
-          this.progressPercent = percent;
-        }
-      });
-      console.log('[CREATE] Created template', template);
-      (_a = this.next) === null || _a === void 0 ? void 0 : _a.emit(template);
-      this.creating = false;
-      this.progressLabel = '';
-      this.progressPercent = 0;
-    }
-    catch (e) {
-      console.log('[CREATE] Error creating template', e);
-      (_b = this.sdkError) === null || _b === void 0 ? void 0 : _b.emit(new errors.SDKError(e.message, (_c = e.response) === null || _c === void 0 ? void 0 : _c.status, (_d = e.response) === null || _d === void 0 ? void 0 : _d.data));
-      this.creating = false;
-    }
-  }
-  render() {
-    if (!this.endpoint.session) {
-      return (index.h(index.Host, null, index.h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
-    }
-    return (index.h(index.Host, null, index.h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("input", { type: "file", id: "verdocs-template-create-file", multiple: true, accept: "application/pdf", style: { display: 'none' }, onChange: e => this.handleFileChanged(e) }), this.creating ? (index.h("div", { class: "loader-wrapper" }, index.h("verdocs-loader", null), this.progressLabel && (index.h("div", { class: "progress-wrapper" }, index.h("verdocs-progress-bar", { showPercent: true, percent: this.progressPercent, label: this.progressLabel }))))) : (index.h("div", { class: "upload-box", onDrop: (e) => {
-        e.preventDefault();
-        e.target.classList.remove('drag-over');
-        this.file = e.dataTransfer.files[0];
-      }, onDragOver: (e) => {
-        e.preventDefault();
-        e.dataTransfer.dropEffect = 'copy';
-      }, onDragEnter: (e) => e.target.classList.add('drag-over'), onDragLeave: (e) => e.target.classList.remove('drag-over') }, index.h("div", null, index.h("span", { innerHTML: FileIcon })), index.h("div", { style: { marginTop: '20px', fontSize: '20px', fontWeight: 'bold', overflowWrap: 'anywhere' } }, this.file ? this.file.name : 'Drag a file here'), index.h("div", { style: {
-        marginTop: '20px',
-        marginBottom: '20px',
-        fontSize: '16px',
-        height: '20px',
-      } }, this.file ? unicodeNBSP : 'Or, if you prefer...'), index.h("verdocs-button", { label: this.file ? 'Select a different file' : 'Select a file from your computer', size: "small", onClick: e => this.handleUpload(e) }))), index.h("div", { class: "buttons" }, index.h("verdocs-button", { variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e), disabled: this.creating }), index.h("verdocs-button", { label: "Next", size: "small", onClick: e => this.handleSubmit(e), disabled: !this.file || this.creating })))));
-  }
-};
-VerdocsTemplateCreate.style = verdocsTemplateCreateCss;
-
-exports.verdocs_template_attachments = VerdocsTemplateAttachments;
-exports.verdocs_template_create = VerdocsTemplateCreate;

package/dist/cjs/verdocs-template-name.cjs.entry.js

@@ -1,83 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-1d5fc518.js');
-require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
-const Templates = require('./Templates-f6e75719.js');
-const TemplateStore = require('./TemplateStore-4041d8af.js');
-const errors = require('./errors-0396da3d.js');
-require('./index-f664e4d0.js');
-
-const verdocsTemplateNameCss = "";
-
-const VerdocsTemplateName = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.close = index.createEvent(this, "close", 7);
-    this.sdkError = index.createEvent(this, "sdkError", 7);
-    this.store = null;
-    this.endpoint = VerdocsEndpoint.VerdocsEndpoint.getDefault();
-    this.templateId = '';
-    this.name = '';
-    this.dirty = false;
-  }
-  async componentWillLoad() {
-    var _a, _b, _c, _d, _e;
-    try {
-      this.endpoint.loadSession();
-      if (!this.templateId) {
-        console.log(`[ROLES] Missing required template ID ${this.templateId}`);
-        return;
-      }
-      if (!this.endpoint.session) {
-        console.log('[ROLES] Unable to start builder session, must be authenticated');
-        return;
-      }
-      this.store = await TemplateStore.getTemplateStore(this.endpoint, this.templateId, false);
-      this.name = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.name;
-      this.dirty = false;
-    }
-    catch (e) {
-      console.log('[TEMPLATE NAME] Error loading template', e);
-      (_c = this.sdkError) === null || _c === void 0 ? void 0 : _c.emit(new errors.SDKError(e.message, (_d = e.response) === null || _d === void 0 ? void 0 : _d.status, (_e = e.response) === null || _e === void 0 ? void 0 : _e.data));
-    }
-  }
-  handleCancel(e) {
-    var _a, _b, _c;
-    e.stopPropagation();
-    this.name = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.name;
-    this.dirty = false;
-    console.log('Closing');
-    (_c = this.close) === null || _c === void 0 ? void 0 : _c.emit();
-  }
-  async handleSave(e) {
-    var _a, _b;
-    e.stopPropagation();
-    await Templates.updateTemplate(this.endpoint, this.templateId, { name: this.name });
-    if ((_a = this.store) === null || _a === void 0 ? void 0 : _a.state) {
-      this.store.state.name = this.name;
-    }
-    this.dirty = false;
-    console.log('Closing');
-    (_b = this.close) === null || _b === void 0 ? void 0 : _b.emit();
-  }
-  render() {
-    var _a, _b;
-    if (!this.endpoint.session) {
-      return (index.h(index.Host, null, index.h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
-    }
-    if ((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.isLoading) {
-      return (index.h(index.Host, { class: "loading" }, index.h("verdocs-loader", null)));
-    }
-    return (index.h(index.Host, null, index.h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("label", { htmlFor: "verdocs-template-name" }, "Template Name"), index.h("verdocs-text-input", { id: "verdocs-template-name", value: this.name, autocomplete: "off", placeholder: "Template Name...", onInput: (e) => {
-        var _a, _b;
-        this.name = e.target.value;
-        this.dirty = this.name !== ((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.name);
-      } }), index.h("div", { class: "buttons" }, index.h("verdocs-button", { size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))));
-  }
-};
-VerdocsTemplateName.style = verdocsTemplateNameCss;
-
-exports.verdocs_template_name = VerdocsTemplateName;

package/dist/cjs/verdocs-template-reminders.cjs.entry.js

@@ -1,143 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-1d5fc518.js');
-require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
-const TemplateStore = require('./TemplateStore-4041d8af.js');
-const errors = require('./errors-0396da3d.js');
-const Toast = require('./Toast-06880504.js');
-require('./index-f664e4d0.js');
-require('./Templates-f6e75719.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))
-        .then(function (r) { return r.data; });
-};
-
-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) {
-    index.registerInstance(this, hostRef);
-    this.close = index.createEvent(this, "close", 7);
-    this.sdkError = index.createEvent(this, "sdkError", 7);
-    this.store = null;
-    this.endpoint = VerdocsEndpoint.VerdocsEndpoint.getDefault();
-    this.templateId = '';
-    this.showPlanBlocker = false;
-    this.sendReminders = false;
-    this.firstReminderDays = '1';
-    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 {
-      this.endpoint.loadSession();
-      if (!this.templateId) {
-        console.log(`[ROLES] Missing required template ID ${this.templateId}`);
-        return;
-      }
-      if (!this.endpoint.session) {
-        console.log('[ROLES] Unable to start builder session, must be authenticated');
-        return;
-      }
-      this.store = await TemplateStore.getTemplateStore(this.endpoint, this.templateId, true);
-      this.sendReminders = !!((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.reminder_id);
-      this.dirty = false;
-    }
-    catch (e) {
-      console.log('[TEMPLATE REMINDERS] Error loading template', e);
-      (_c = this.sdkError) === null || _c === void 0 ? void 0 : _c.emit(new errors.SDKError(e.message, (_d = e.response) === null || _d === void 0 ? void 0 : _d.status, (_e = e.response) === null || _e === void 0 ? void 0 : _e.data));
-    }
-  }
-  handleCancel(e) {
-    var _a, _b, _c;
-    e.stopPropagation();
-    this.sendReminders = !!((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.reminder_id);
-    this.dirty = false;
-    (_c = this.close) === null || _c === void 0 ? void 0 : _c.emit();
-  }
-  async handleSave(e) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    e.stopPropagation();
-    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 TemplateStore.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 TemplateStore.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);
-        this.store = await TemplateStore.getTemplateStore(this.endpoint, this.templateId, true);
-      }
-    }
-    catch (e) {
-      console.log('[TEMPLATE REMINDERS] Unable to update reminders', e);
-      Toast.VerdocsToast(e.message);
-      (_e = this.sdkError) === null || _e === void 0 ? void 0 : _e.emit(new errors.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;
-    (_h = this.close) === null || _h === void 0 ? void 0 : _h.emit();
-  }
-  render() {
-    var _a, _b;
-    if (!this.endpoint.session) {
-      return (index.h(index.Host, null, index.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 index.h(index.Host, { class: "empty" });
-    }
-    return (index.h(index.Host, null, index.h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("h5", null, "Reminders"), index.h("div", { class: "input-row" }, index.h("label", { htmlFor: "verdocs-send-reminders" }, "Send Automatic Reminders"), index.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;
-      } })), index.h("div", { class: "input-row" }, index.h("label", { htmlFor: "verdocs-first-reminder-days" }, "Days Before First Reminder"), index.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 })), index.h("div", { class: "input-row" }, index.h("label", { htmlFor: "verdocs-days-between-reminders" }, "Days Between Reminders"), index.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 })), index.h("div", { class: "buttons" }, index.h("verdocs-button", { size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) }))), this.showPlanBlocker && (index.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;
-
-exports.verdocs_template_reminders = VerdocsTemplateReminders;