@verdocs/web-sdk 2.3.62 → 2.3.64

package/dist/cjs/verdocs-signature-dialog.cjs.entry.js

@@ -1,227 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5463795e.js');
-
-const verdocsSignatureDialogCss = "verdocs-signature-dialog{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-signature-dialog .dialog{width:100%;max-width:340px;border-radius:4px;overflow:hidden;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);background:#f9f9f9}verdocs-signature-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:20px 20px 0 20px;line-height:28px;font-size:20px;font-weight:500}verdocs-signature-dialog .content{font-size:14px;padding:20px}verdocs-signature-dialog .buttons{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}verdocs-signature-dialog .buttons verdocs-button{margin-left:16px}verdocs-signature-dialog canvas{background:#ffffff;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;width:300px;height:79px;max-width:100%;-webkit-box-shadow:0 0 6px 0 #0000001f;box-shadow:0 0 6px 0 #0000001f}verdocs-signature-dialog .disclaimer{text-align:justify;padding:8px 0;font-size:11px;line-height:14px;color:rgba(0, 0, 0, 0.54)}verdocs-signature-dialog .as-shown{font-size:11px;margin:4px 0 20px 4px;color:rgba(0, 0, 0, 0.54)}verdocs-signature-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-signature-dialog .tabs .tab{padding:8px 15px;cursor:pointer}verdocs-signature-dialog .tabs .tab.active{border-bottom:2px solid #cccccc}verdocs-signature-dialog .tabs .tab:hover{color:#55bc81}";
-
-const VerdocsSignatureDialog = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.next = index.createEvent(this, "next", 7);
-    this.exit = index.createEvent(this, "exit", 7);
-    this.name = '';
-    this.fontLoaded = false;
-    this.enteredName = '';
-    this.mode = 'type';
-  }
-  componentWillLoad() {
-    this.enteredName = this.name;
-    const ds = new FontFace('Dancing Script', 'url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)');
-    ds.load().then(font => {
-      document.fonts.add(font);
-      this.fontLoaded = true;
-    });
-  }
-  componentDidLoad() {
-    this.redrawSignature();
-  }
-  componentDidUpdate() {
-    this.redrawSignature();
-  }
-  redrawSignature() {
-    if (!this.canvasElement) {
-      return;
-    }
-    const canvasWidth = this.canvasElement.width;
-    const context = this.canvasElement.getContext('2d');
-    context.clearRect(0, 0, this.canvasElement.width, this.canvasElement.height);
-    let fontSize = 100;
-    do {
-      fontSize -= 2;
-      context.font = `${fontSize}px Dancing Script`;
-    } while (context.measureText(this.enteredName).width > canvasWidth - 32); // 32px padding each side
-    context.textAlign = 'center';
-    context.textBaseline = 'middle';
-    context.font = `${fontSize}px Dancing Script`;
-    context.fillText(this.enteredName, this.canvasElement.width / 2, this.canvasElement.height / 2);
-  }
-  handleNameChange(e) {
-    this.enteredName = e.target.value;
-  }
-  handleCancel(e) {
-    e.stopPropagation();
-    e.preventDefault();
-    this.exit.emit();
-  }
-  handleAdopt(e) {
-    e.stopPropagation();
-    e.preventDefault();
-    const data = this.canvasElement.toDataURL('image/png');
-    this.next.emit(data);
-  }
-  /*
-  selColor(hex: string) {
-    this.color = hex;
-    this.animateDraw();
-  }
-
-  stopDraw() {
-    this.paint = false;
-    this.adoptedAndSigned = !this.hasSignature();
-  }
-
-  draw(e) {
-    this.paint = true;
-    this.addPoints(e, false);
-    this.animateDraw();
-  }
-
-  recordPoints(e) {
-    if (this.paint) {
-      this.addPoints(e, true);
-      this.animateDraw();
-    }
-  }
-
-  animateDraw() {
-    this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);
-
-    this.canvas.strokeStyle = this.color || '#000000';
-    this.canvas.lineJoin = 'round';
-    this.canvas.lineWidth = 3;
-
-    for (let i = 0; i < this.points.length; i++) {
-      this.canvas.beginPath();
-      if (this.points[i].drag && i) {
-        this.canvas.moveTo(this.points[i - 1].x, this.points[i - 1].y);
-        // this.canvas.arc(this.points[i - 1].x, this.points[i - 1].y, 2, 0, 2 * Math.PI, false);
-      } else {
-        this.canvas.moveTo(this.points[i].x - 1, this.points[i].y);
-        // this.canvas.arc(this.points[i].x, this.points[i].y, 2, 0, 2 * Math.PI, false);
-      }
-
-      this.canvas.lineTo(this.points[i].x, this.points[i].y);
-      this.canvas.closePath();
-      this.canvas.stroke();
-    }
-  }
-
-  drawCurve(color: string, curve: number) {
-    this.canvas.beginPath();
-  }
-
-
-
-  addPoints(e, drag: boolean) {
-    if (window) {
-      let x;
-      let y;
-      e.preventDefault();
-      if (e.touches && e.touches.length > 0) {
-        x = e.touches[0].clientX;
-      } else {
-        x = e.clientX;
-      }
-
-      if (e.touches && e.touches.length > 0) {
-        y = e.touches[0].clientY;
-      } else {
-        y = e.clientY;
-      }
-      const rect = this.signatureCanvas.nativeElement.getBoundingClientRect();
-      this.points.push({
-        x: x - rect.left,
-        y: y - rect.top,
-        drag: drag
-      });
-    }
-  }
-
-  clearPad() {
-    this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);
-    this.points = [];
-    this.adoptedAndSigned = !this.hasSignature();
-  }
-
-    async adoptAndSign() {
-    try {
-      this.adoptedAndSigned = true;
-      await this.updateFullName();
-      await this.captureSignatureFromCanvas();
-      const message = this.signatureMode === 'Signature' ? 'Saving Signature' : 'Saving Initial';
-      this.snackbarService.open(message, 'OK', this.snackbarService.initConfig(null, 'bottom'));
-      this.handleMode();
-    } catch (err) {
-      this.snackbarService.open('Failed to apply signature', 'OK', this.snackbarService.initConfig(null, 'bottom'));
-    }
-  }
-
-  handleMode() {
-    let currentField;
-    switch (this.mode) {
-      case 'signerview':
-        if (this.signatureMode === 'Signature') {
-          this.signatureService.postSignatureBlob().then(result => {
-            if (result && result.id && result.url) {
-              currentField = this.signatureService.currField;
-              this.signatureService.updateSigned(currentField.fName, true);
-              this.signatureService.toggleSig(false);
-              this.signatureService.setSignatureId(result.id);
-              this.signatureService.putSignatureField(this.envelopeId, this.fieldName, result.id).then(res => {
-                this.eventTracker.createEvent({
-                  category: 'verdoc',
-                  action: 'verdoc signed',
-                  label: `verdoc id: ${this.envelopeId}`
-                })
-                if (res && res.settings) {
-                  this.signatureService.setSignatureData(res.settings.base64);
-                  this.signatureService.setSignatureId(res.settings.signature_id);
-                }
-                this.snackbarService.dismiss();
-                this.dialog.close({ status: 'saved', temp_sig: res.settings.base64, sig_id: res.settings.signature_id });
-              }).catch(err => {
-                this.snackbarService.open('Failed to save signature. Please try again.', 'DISMISS', {
-                  duration: 3000
-                });
-                this.adoptedAndSigned = false;
-                return err;
-              });
-            }
-          });
-        } else {
-          this.signatureService.postInitialBlob().then(result => {
-            if (result && result.id && result.url) {
-              currentField = this.signatureService.currField;
-              this.signatureService.updateInitialed(currentField.fName, true);
-              this.signatureService.setInitialId(result.id);
-              this.signatureService.toggleSig(false);
-              this.signatureService.putInitialField(this.envelopeId, this.fieldName, result.id).then(res => {
-                if (res && res.settings) {
-                  this.signatureService.setInitialData(res.settings.base64);
-                  this.signatureService.setInitialId(res.settings.initial_id);
-                }
-                this.snackbarService.dismiss();
-                this.dialog.close({ status: 'saved', temp_int: res.settings.base64, int_id: res.settings.initial_id });
-              }).catch(err => {
-                this.snackbarService.open('Failed to save initial. Please try again.', 'DISMISS', {
-                  duration: 3000
-                });
-                this.adoptedAndSigned = false;
-                return err;
-              });
-            }
-          });
-        }
-        break;
-    }
-  }
-   */
-  render() {
-    return (index.h(index.Host, { onClick: e => this.handleCancel(e) }, index.h("div", { class: "dialog" }, index.h("div", { class: "heading" }, "Create Your Signature"), index.h("div", { class: "content" }, index.h("verdocs-text-input", { placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), index.h("div", { class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? index.h("canvas", { ref: el => (this.canvasElement = el) }) : index.h("div", { style: { display: 'none' } }), index.h("div", { class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), index.h("div", { class: "buttons" }, index.h("verdocs-button", { label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
-  }
-};
-VerdocsSignatureDialog.style = verdocsSignatureDialogCss;
-
-exports.verdocs_signature_dialog = VerdocsSignatureDialog;

package/dist/cjs/verdocs-template-document-page_2.cjs.entry.js

@@ -1,150 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5463795e.js');
-require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
-const TemplateDocuments = require('./TemplateDocuments-e2e0e6b7.js');
-const utils = require('./utils-31385d19.js');
-const popper = require('./popper-d7adcfc6.js');
-require('./_commonjsHelpers-0c557e26.js');
-require('./Envelopes-0b9deb2c.js');
-require('./Files-4bdc0c0f.js');
-require('./Types-fb95ed6b.js');
-require('./index-7c19ba1d.js');
-
-const verdocsTemplateDocumentPageCss = "verdocs-template-document-page{width:100%;position:relative}verdocs-template-document-page .verdocs-template-document-page-layer{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-box-shadow:0 0 10px 5px #0000000f;box-shadow:0 0 10px 5px #0000000f}verdocs-template-document-page .verdocs-template-document-page-layer.img{width:100%}";
-
-const VerdocsTemplateDocumentPage = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.pageRendered = index.createEvent(this, "pageRendered", 7);
-    this.endpoint = VerdocsEndpoint.VerdocsEndpoint.getDefault();
-    this.templateId = '';
-    this.documentId = '';
-    this.pageNumber = 1;
-    this.virtualWidth = 612;
-    this.virtualHeight = 792;
-    this.layers = [{ name: 'page', type: 'canvas' }];
-    this.containerId = `verdocs-document-page-${Math.random().toString(36).substring(2, 11)}`;
-    this.renderedWidth = this.virtualWidth;
-    this.renderedHeight = this.virtualHeight;
-    this.naturalWidth = this.virtualWidth;
-    this.naturalHeight = this.virtualHeight;
-    this.aspectRatio = this.virtualWidth / this.virtualHeight;
-    this.skipFirstNotification = true;
-    this.pageDisplayUri = '';
-  }
-  async componentWillLoad() {
-    this.pageDisplayUri = await TemplateDocuments.getTemplateDocumentPageDisplayUri(this.endpoint, this.templateId, this.documentId, this.pageNumber);
-  }
-  componentDidLoad() {
-    this.resizeObserver = new ResizeObserver(utils.throttle(entries => {
-      for (const entry of entries) {
-        const renderedWidth = entry.contentRect.width;
-        this.renderedWidth = renderedWidth;
-        this.renderedHeight = this.virtualHeight * (renderedWidth / this.virtualWidth);
-      }
-      this.notifyRenderedSize();
-    }, 100));
-    this.resizeObserver.observe(this.container);
-  }
-  disconnectedCallback() {
-    var _a;
-    (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-  }
-  // Left here for documentation purposes in case we find an edge case where this isn't true. But we apparently don't need this.
-  // When we add the resize observer it will always be triggered at least once so notifying here as well is just a dupe.
-  // componentDidRender() {
-  //   this.notifyRenderedSize();
-  // }
-  notifyRenderedSize() {
-    // We skip one notification because by default we will always get at least two, one when rendering the initial size
-    // and a second once we're able to compute the scale size, when the resizeObserver sets renderedWidth/renderedHeight.
-    if (this.skipFirstNotification) {
-      this.skipFirstNotification = false;
-      return;
-    }
-    this.pageRendered.emit({
-      // container: this.container,
-      containerId: this.containerId,
-      documentId: this.documentId,
-      pageNumber: this.pageNumber,
-      virtualWidth: this.virtualWidth,
-      virtualHeight: this.virtualHeight,
-      renderedWidth: this.renderedWidth,
-      renderedHeight: this.renderedHeight,
-      naturalWidth: this.naturalWidth,
-      naturalHeight: this.naturalHeight,
-      aspectRatio: this.aspectRatio,
-      xScale: this.renderedWidth / this.virtualWidth,
-      yScale: this.renderedHeight / this.virtualHeight,
-    });
-  }
-  render() {
-    const height = `${this.renderedHeight}px`;
-    return (index.h(index.Host, { id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (index.h("div", { class: "verdocs-template-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (index.h("img", { class: "verdocs-template-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
-        // Note that all we really care about is the aspect ratio. We track the natural Width and Height but they aren't really that
-        // useful as individual values. The image will already have been scaled down to fit a DIV for display (100%, auto height).
-        // Builder places fields offset into the rendered display area, not the original document's dimensions. So its X/Y values
-        // for a field are based on the responsive Web view the Template editor was seeing. The IMG was scaled down there in the
-        // exact same way, so we just honor it. We capture the natural width and height here more as information. Then we use the
-        // aspect ratio to adjust the "virtual" height in case the page is not 8.5"x11".
-        // TODO: Store this in the DB with each page.
-        this.naturalWidth = e.target.naturalWidth;
-        this.naturalHeight = e.target.naturalHeight;
-        this.aspectRatio = this.naturalWidth / this.naturalHeight;
-        this.virtualHeight = this.virtualWidth / this.aspectRatio;
-        this.renderedHeight = e.target.offsetWidth / this.aspectRatio;
-      } })) : (index.h("div", null)))));
-  }
-  get container() { return index.getElement(this); }
-};
-VerdocsTemplateDocumentPage.style = verdocsTemplateDocumentPageCss;
-
-const verdocsToolbarIconCss = "verdocs-toolbar-icon{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:inline-block}verdocs-toolbar-icon .icon{display:inline-block;cursor:pointer}verdocs-toolbar-icon .icon svg{fill:#5c6575}verdocs-toolbar-icon .tooltip{display:none;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:bold;padding:5px 10px;font-size:13px;position:relative;border-radius:4px;z-index:20000;white-space:nowrap}verdocs-toolbar-icon .tooltip .arrow,verdocs-toolbar-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-toolbar-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-toolbar-icon .tooltip .arrow::before{visibility:visible;content:\"\";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-toolbar-icon .tooltip[data-show]{display:block}verdocs-toolbar-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]{padding:3px 10px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-1px}";
-
-const VerdocsToolbarIcon = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.text = '';
-    this.icon = '';
-    this.placement = 'bottom';
-    this.containerId = `verdocs-toolbar-icon-${Math.random().toString(36).substring(2, 11)}`;
-  }
-  componentDidLoad() {
-    this.popperInstance = popper.createPopper(this.iconEl, this.tooltip, {
-      placement: this.placement,
-      modifiers: this.placement === 'left' ? [{ name: 'offset', options: { offset: [0, 20] } }] : [],
-    });
-    // placement: 'top-end',
-    // modifiers: [{name: 'offset', options: {offset: [0, 10]}}],
-    // });
-  }
-  disconnectedCallback() {
-    if (this.popperInstance) {
-      this.popperInstance.destroy();
-      this.popperInstance = null;
-    }
-  }
-  show() {
-    var _a, _b;
-    (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.setAttribute('data-show', '');
-    (_b = this.popperInstance) === null || _b === void 0 ? void 0 : _b.update().catch(() => { });
-  }
-  hide() {
-    var _a;
-    (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-show');
-  }
-  // handlePress() {
-  //   this.press?.emit();
-  // }
-  render() {
-    return (index.h(index.Host, { class: {} }, index.h("div", { "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), index.h("div", { id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, index.h("div", { "data-popper-arrow": "true", class: "arrow" }))));
-  }
-};
-VerdocsToolbarIcon.style = verdocsToolbarIconCss;
-
-exports.verdocs_template_document_page = VerdocsTemplateDocumentPage;
-exports.verdocs_toolbar_icon = VerdocsToolbarIcon;

package/dist/cjs/verdocs-upload-dialog.cjs.entry.js

@@ -1,82 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5463795e.js');
-const Files = require('./Files-4bdc0c0f.js');
-
-const verdocsUploadDialogCss = "verdocs-upload-dialog{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-upload-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-upload-dialog .background-overlay{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:absolute;-ms-flex-align:center;align-items:center;background:#0000007f;-ms-flex-pack:center;justify-content:center}verdocs-upload-dialog .dialog{width:320px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-upload-dialog .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-upload-dialog .buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-upload-dialog .buttons verdocs-button{margin-left:16px}verdocs-upload-dialog .drop-target{opacity:1;width:100%;display:-ms-flexbox;display:flex;margin:20px 0;min-height:260px;padding:30px 15px;text-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;background-color:#f5f5f5;color:rgba(0, 0, 0, 0.54);border:2px dashed #979797}verdocs-upload-dialog .drop-target p{margin:12px 0}verdocs-upload-dialog .drop-target.dragging-over{border:5px solid #4c56cb}verdocs-upload-dialog .drop-target>verdocs-button{margin:12px 0;display:inline-block}verdocs-upload-dialog .attachments{height:56px;font-size:0;margin:20px 0;padding:0 16px;line-height:56px;white-space:normal;-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)}verdocs-upload-dialog .attachments .attachment{gap:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-upload-dialog .attachments .attachment .icon{width:18px;height:18px;line-height:18px}verdocs-upload-dialog .attachments .attachment .icon.trash{cursor:pointer}verdocs-upload-dialog .attachments .attachment .name{-ms-flex:1;flex:1;font-size:14px;overflow:hidden;font-weight:400;white-space:nowrap;text-overflow:ellipsis}";
-
-const TrashIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" /></svg>`;
-const PaperclipIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" /></svg>`;
-const VerdocsUploadDialog = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.exit = index.createEvent(this, "exit", 7);
-    this.next = index.createEvent(this, "next", 7);
-    this.draggingOver = false;
-    this.decodedFiles = [];
-  }
-  handleCancel() {
-    this.exit.emit();
-  }
-  // We need a separate event handler for clicking the background because it can receive events "through" other child components
-  handleDismiss(e) {
-    if (e.target.className === 'background-overlay') {
-      e.preventDefault();
-      this.handleCancel();
-    }
-  }
-  handleDone() {
-    this.next.emit(this.decodedFiles);
-  }
-  handleDragOver(e) {
-    e.preventDefault();
-    this.draggingOver = true;
-  }
-  handleDragLeave(e) {
-    e.preventDefault();
-    this.draggingOver = false;
-  }
-  async handleDrop(e) {
-    e.preventDefault();
-    this.draggingOver = false;
-    // Required for cross-browser support. Note that dataTransfer.items is of type DataTransferItemList and is not an array.
-    let droppedFiles = [];
-    if (e.dataTransfer.items) {
-      for (let i = 0; i < e.dataTransfer.items.length; i++) {
-        if (e.dataTransfer.items[i].kind === 'file') {
-          const file = e.dataTransfer.items[i].getAsFile();
-          droppedFiles.push(file);
-        }
-      }
-    }
-    else {
-      droppedFiles = e.dataTransfer.files;
-    }
-    this.decodedFiles = await Promise.all(droppedFiles.map(Files.fileToDataUrl));
-  }
-  handleRemoveAttachment(index) {
-    const newFiles = [...this.decodedFiles];
-    newFiles.splice(index, 1);
-    this.decodedFiles = newFiles;
-  }
-  handleSelectFile() {
-    var _a;
-    (_a = this.fileInput) === null || _a === void 0 ? void 0 : _a.click();
-  }
-  async handleFileChange() {
-    var _a, _b;
-    let droppedFiles = [];
-    for (let i = 0; i < ((_a = this.fileInput) === null || _a === void 0 ? void 0 : _a.files.length); i++) {
-      droppedFiles.push((_b = this.fileInput) === null || _b === void 0 ? void 0 : _b.files[i]);
-    }
-    this.decodedFiles = await Promise.all(droppedFiles.map(Files.fileToDataUrl));
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { class: "dialog" }, index.h("div", { class: "heading" }, "Upload attachment"), this.decodedFiles.length < 1 ? (index.h("div", { class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, index.h("p", null, "Drag and drop a file here..."), index.h("p", null, "- or -"), index.h("verdocs-button", { label: "Select a file...", onClick: () => this.handleSelectFile() }), index.h("input", { type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, onChange: () => this.handleFileChange() }))) : (index.h("div", { class: "attachments" }, this.decodedFiles.map((file, index$1) => (index.h("div", { class: "attachment" }, index.h("div", { class: "icon", innerHTML: PaperclipIcon }), index.h("div", { class: "name" }, file.name), index.h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index$1) })))))), index.h("div", { class: "buttons" }, index.h("verdocs-button", { label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), index.h("verdocs-button", { label: "Done", onClick: () => this.handleDone(), disabled: this.decodedFiles.length < 1 }))))));
-  }
-};
-VerdocsUploadDialog.style = verdocsUploadDialogCss;
-
-exports.verdocs_upload_dialog = VerdocsUploadDialog;

package/dist/components/Fields.js

@@ -1,26 +0,0 @@
-/**
- * Add a field to a template.
- */
-var createField = function (endpoint, templateId, params) {
-    return endpoint.api //
-        .post("/templates/".concat(templateId, "/fields"), params)
-        .then(function (r) { return r.data; });
-};
-/**
- * Update a template field.
- */
-var updateField = function (endpoint, templateId, fieldName, params) {
-    return endpoint.api //
-        .put("/templates/".concat(templateId, "/fields/").concat(fieldName), params)
-        .then(function (r) { return r.data; });
-};
-/**
- * REmove a field from a template.
- */
-var deleteField = function (endpoint, templateId, fieldName) {
-    return endpoint.api //
-        .delete("/templates/".concat(templateId, "/fields/").concat(fieldName))
-        .then(function (r) { return r.data; });
-};
-
-export { createField as c, deleteField as d, updateField as u };