@verdocs/web-sdk 2.3.88 → 4.0.6

package/dist/esm/verdocs-envelope-document-page.entry.js

@@ -1,101 +1,99 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-172625c5.js';
-import { m as getEnvelopeDocumentPageDisplayUri } from './Envelopes-627c5239.js';
-import './Types-5f31149e.js';
-import { V as VerdocsEndpoint } from './VerdocsEndpoint-8196ff47.js';
-import { t as throttle } from './utils-f35325fe.js';
-import './_commonjsHelpers-5ec8f9b7.js';
-import './Types-086facf7.js';
-import './index-914ed6f7.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b89cf6a4.js';
+import { VerdocsEndpoint, getEnvelopeDocumentPageDisplayUri } from '@verdocs/js-sdk';
+import { t as throttle } from './utils-61c1093b.js';
+import './Types-e4a6eba5.js';
+import './index-0329eed3.js';
 
-const verdocsEnvelopeDocumentPageCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-envelope-document-page{width:100%;position:relative}verdocs-envelope-document-page .verdocs-envelope-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-envelope-document-page .verdocs-envelope-document-page-layer.img{width:100%}";
+const verdocsEnvelopeDocumentPageCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-envelope-document-page{width:100%;position:relative}verdocs-envelope-document-page .verdocs-envelope-document-page-layer{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}verdocs-envelope-document-page .verdocs-envelope-document-page-layer.img{width:100%}";
+const VerdocsEnvelopeDocumentPageStyle0 = verdocsEnvelopeDocumentPageCss;
 
 const VerdocsEnvelopeDocumentPage = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.pageRendered = createEvent(this, "pageRendered", 7);
-    this.endpoint = VerdocsEndpoint.getDefault();
-    this.envelopeId = '';
-    this.documentId = '';
-    this.pageNumber = 1;
-    this.virtualWidth = 612;
-    this.virtualHeight = 792;
-    this.layers = [{ name: 'page', type: 'canvas' }];
-    this.type = 'original';
-    this.containerId = `verdocs-envelope-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 = 'https://verdocs-public-assets.s3.amazonaws.com/page-loading-placeholder.png';
-  }
-  async componentWillLoad() {
-    this.pageDisplayUri = await getEnvelopeDocumentPageDisplayUri(this.endpoint, this.envelopeId, this.documentId, this.pageNumber, this.type);
-  }
-  componentDidLoad() {
-    this.resizeObserver = new ResizeObserver(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();
-    console.log('[PAGE] Disconnected', this.containerId);
-  }
-  // 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;
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.pageRendered = createEvent(this, "pageRendered", 7);
+        this.endpoint = VerdocsEndpoint.getDefault();
+        this.envelopeId = '';
+        this.documentId = '';
+        this.pageNumber = 1;
+        this.virtualWidth = 612;
+        this.virtualHeight = 792;
+        this.layers = [{ name: 'page', type: 'canvas' }];
+        this.type = 'original';
+        this.containerId = `verdocs-envelope-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 = 'https://verdocs-public-assets.s3.amazonaws.com/page-loading-placeholder.png';
     }
-    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 (h(Host, { id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-envelope-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;
-      } })) : (h("div", null)))));
-  }
-  get container() { return getElement(this); }
+    async componentWillLoad() {
+        this.pageDisplayUri = await getEnvelopeDocumentPageDisplayUri(this.endpoint, this.envelopeId, this.documentId, this.pageNumber, this.type);
+    }
+    componentDidLoad() {
+        this.resizeObserver = new ResizeObserver(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();
+        console.log('[PAGE] Disconnected', this.containerId);
+    }
+    // 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 (h(Host, { key: 'ffde44b0a64fd3d3859ab4d87938f9a442d36cda', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-envelope-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;
+            } })) : (h("div", null)))));
+    }
+    get container() { return getElement(this); }
 };
-VerdocsEnvelopeDocumentPage.style = verdocsEnvelopeDocumentPageCss;
+VerdocsEnvelopeDocumentPage.style = VerdocsEnvelopeDocumentPageStyle0;
 
 export { VerdocsEnvelopeDocumentPage as verdocs_envelope_document_page };

package/dist/esm/verdocs-envelope-recipient-link_2.entry.js

@@ -1,203 +1,202 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-172625c5.js';
-import './Types-5f31149e.js';
-import { g as getInPersonLink } from './Recipients-4ec2138c.js';
-import { V as VerdocsEndpoint } from './VerdocsEndpoint-8196ff47.js';
-import { g as getEnvelopeStore } from './EnvelopeStore-24a1f38f.js';
-import { V as VerdocsToast } from './Toast-f3b8fd46.js';
-import { S as SDKError } from './errors-9b5498c8.js';
-import { g as getRecipientsWithActions, r as recipientCanAct } from './Permissions-f2eb0421.js';
-import './index-4439b0d1.js';
-import './Envelopes-627c5239.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-b89cf6a4.js';
+import { VerdocsEndpoint, getInPersonLink, getRecipientsWithActions, recipientCanAct } from '@verdocs/js-sdk';
+import { g as getEnvelopeStore } from './EnvelopeStore-fefba6fd.js';
+import { V as VerdocsToast } from './Toast-b71de686.js';
+import { S as SDKError } from './errors-887f1e88.js';
+import './index-296aabaf.js';
+import './index-7456b04f.js';
 
-const verdocsEnvelopeRecipientLinkCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-envelope-recipient-link{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:100000;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-family:\"Inter\", \"Barlow\", sans-serif;background-color:#0000007f}verdocs-envelope-recipient-link .summary-content{width:600px;display:-ms-flexbox;display:flex;max-width:90%;font-size:18px;-ms-flex:0 0 600px;flex:0 0 600px;border-radius:6px;background:#ffffff;-ms-flex-direction:column;flex-direction:column;padding:30px 20px 20px}verdocs-envelope-recipient-link .summary-content .summary-title{font-size:20px;font-weight:700;margin:0 0 10px 0;color:#33364b}verdocs-envelope-recipient-link .summary-recipient{display:-ms-flexbox;display:flex;color:#33364b;margin:8px 0 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-envelope-recipient-link .summary-recipient .role-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;margin:0 0 8px 0;color:#092c4c}verdocs-envelope-recipient-link .summary-recipient .role-info{gap:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}verdocs-envelope-recipient-link .summary-recipient .role-full-name{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:#f9fafb}verdocs-envelope-recipient-link .summary-recipient .recipient-link{width:120px;padding:0 16px;font-weight:500;margin:0 0 0 8px;text-align:center;font-size:0.875rem;border-radius:100%;color:#374151;line-height:1.25rem;background-color:#d8d8d8;border:2px solid #9ca3af}verdocs-envelope-recipient-link .summary-recipient .link-wrapper{gap:5px;display:-ms-flexbox;display:flex;margin:4px 0 0 0;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-recipient-link .summary-recipient .link-wrapper .link{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:#f9fafb}verdocs-envelope-recipient-link .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:10px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-envelope-recipient-link .buttons verdocs-button{-ms-flex:0 0 120px;flex:0 0 120px;margin-left:10px;white-space:nowrap}verdocs-envelope-recipient-link .buttons verdocs-button button{width:100%}";
+const verdocsEnvelopeRecipientLinkCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-envelope-recipient-link{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:100000;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-family:\"Inter\", \"Barlow\", sans-serif;background-color:rgba(0, 0, 0, 0.4980392157)}verdocs-envelope-recipient-link .summary-content{width:600px;display:-ms-flexbox;display:flex;max-width:90%;font-size:18px;-ms-flex:0 0 600px;flex:0 0 600px;border-radius:6px;background:#ffffff;-ms-flex-direction:column;flex-direction:column;padding:30px 20px 20px}verdocs-envelope-recipient-link .summary-content .summary-title{font-size:20px;font-weight:700;margin:0 0 10px 0;color:#33364b}verdocs-envelope-recipient-link .summary-recipient{display:-ms-flexbox;display:flex;color:#33364b;margin:8px 0 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-envelope-recipient-link .summary-recipient .role-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;margin:0 0 8px 0;color:#092c4c}verdocs-envelope-recipient-link .summary-recipient .role-info{gap:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}verdocs-envelope-recipient-link .summary-recipient .role-full-name{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-link .summary-recipient .recipient-link{width:120px;padding:0 16px;font-weight:500;margin:0 0 0 8px;text-align:center;font-size:0.875rem;border-radius:100%;color:rgb(55, 65, 81);line-height:1.25rem;background-color:#d8d8d8;border:2px solid rgb(156, 163, 175)}verdocs-envelope-recipient-link .summary-recipient .link-wrapper{gap:5px;display:-ms-flexbox;display:flex;margin:4px 0 0 0;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-recipient-link .summary-recipient .link-wrapper .link{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-link .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:10px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-envelope-recipient-link .buttons verdocs-button{-ms-flex:0 0 120px;flex:0 0 120px;margin-left:10px;white-space:nowrap}verdocs-envelope-recipient-link .buttons verdocs-button button{width:100%}";
+const VerdocsEnvelopeRecipientLinkStyle0 = verdocsEnvelopeRecipientLinkCss;
 
 const VerdocsEnvelopeRecipientLink = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.next = createEvent(this, "next", 7);
-    this.sdkError = createEvent(this, "sdkError", 7);
-    this.store = null;
-    this.recipient = null;
-    this.endpoint = VerdocsEndpoint.getDefault();
-    this.envelopeId = '';
-    this.roleName = '';
-    this.isOpen = undefined;
-    this.loading = true;
-    this.gettingLink = true;
-    this.link = '';
-  }
-  async componentWillLoad() {
-    var _a, _b, _c, _d, _e, _f;
-    try {
-      this.endpoint.loadSession();
-      if (!this.envelopeId) {
-        console.log(`[RECIPIENT_LINK] Missing required envelope ID ${this.envelopeId}`);
-        return;
-      }
-      if (!this.endpoint.session) {
-        console.log('[RECIPIENT_LINK] Unable to start session, must be authenticated');
-        return;
-      }
-      this.store = await getEnvelopeStore(this.endpoint, this.envelopeId, true);
-      this.loading = false;
-      this.gettingLink = true;
-      this.recipient = (_c = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.recipients) === null || _c === void 0 ? void 0 : _c.find(r => r.role_name === this.roleName);
-      this.getLink(this.recipient);
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.next = createEvent(this, "next", 7);
+        this.sdkError = createEvent(this, "sdkError", 7);
+        this.store = null;
+        this.recipient = null;
+        this.endpoint = VerdocsEndpoint.getDefault();
+        this.envelopeId = '';
+        this.roleName = '';
+        this.isOpen = undefined;
+        this.loading = true;
+        this.gettingLink = true;
+        this.link = '';
     }
-    catch (e) {
-      console.log('[RECIPIENT_LINK] Error loading envelope', e);
-      (_d = this.sdkError) === null || _d === void 0 ? void 0 : _d.emit(new SDKError(e.message, (_e = e.response) === null || _e === void 0 ? void 0 : _e.status, (_f = e.response) === null || _f === void 0 ? void 0 : _f.data));
+    async componentWillLoad() {
+        var _a, _b, _c, _d, _e, _f;
+        try {
+            this.endpoint.loadSession();
+            if (!this.envelopeId) {
+                console.log(`[RECIPIENT_LINK] Missing required envelope ID ${this.envelopeId}`);
+                return;
+            }
+            if (!this.endpoint.session) {
+                console.log('[RECIPIENT_LINK] Unable to start session, must be authenticated');
+                return;
+            }
+            this.store = await getEnvelopeStore(this.endpoint, this.envelopeId, true);
+            this.loading = false;
+            this.gettingLink = true;
+            this.recipient = (_c = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.recipients) === null || _c === void 0 ? void 0 : _c.find(r => r.role_name === this.roleName);
+            this.getLink(this.recipient);
+        }
+        catch (e) {
+            console.log('[RECIPIENT_LINK] Error loading envelope', e);
+            (_d = this.sdkError) === null || _d === void 0 ? void 0 : _d.emit(new SDKError(e.message, (_e = e.response) === null || _e === void 0 ? void 0 : _e.status, (_f = e.response) === null || _f === void 0 ? void 0 : _f.data));
+        }
     }
-  }
-  handleDone(e) {
-    var _a;
-    e.preventDefault();
-    (_a = this.next) === null || _a === void 0 ? void 0 : _a.emit({ envelope: this.store.state });
-  }
-  copyLink(link) {
-    navigator.clipboard
-      .writeText(link)
-      .then(() => VerdocsToast('Link copied to clipboard!', { style: 'success', duration: 3000 }))
-      .catch(e => {
-      console.warn('[RECIPIENT_LINK] Error copying to clipboard', e);
-      VerdocsToast(`Unable to copy to clipboard: ${e.message}`, { style: 'error' });
-    });
-  }
-  getLink(recipient) {
-    this.gettingLink = true;
-    getInPersonLink(this.endpoint, recipient.envelope_id, recipient.role_name)
-      .then(response => {
-      this.gettingLink = false;
-      this.link = response.link;
-      // NOTE: Left here for documentation purposes. We don't auto-copy the link because many browsers now
-      // error on that because we aren't the focus/gesture-initiator since we're a new component just being
-      // drawn in the DOM. So we let the user click to trigger that.
-      // this.copyLink(response.link);
-    })
-      .catch(e => {
-      this.gettingLink = false;
-      console.log('[RECIPIENT_LINK] Error getting link', e);
-      VerdocsToast('Unable to get link: ' + e.message, { style: 'error' });
-    });
-  }
-  render() {
-    if (this.loading || !this.recipient) {
-      return h(Host, null);
+    handleDone(e) {
+        var _a;
+        e.preventDefault();
+        (_a = this.next) === null || _a === void 0 ? void 0 : _a.emit({ envelope: this.store.state });
+    }
+    copyLink(link) {
+        navigator.clipboard
+            .writeText(link)
+            .then(() => VerdocsToast('Link copied to clipboard!', { style: 'success', duration: 3000 }))
+            .catch(e => {
+            console.warn('[RECIPIENT_LINK] Error copying to clipboard', e);
+            VerdocsToast(`Unable to copy to clipboard: ${e.message}`, { style: 'error' });
+        });
+    }
+    getLink(recipient) {
+        this.gettingLink = true;
+        getInPersonLink(this.endpoint, recipient.envelope_id, recipient.role_name)
+            .then(response => {
+            this.gettingLink = false;
+            this.link = response.link;
+            // NOTE: Left here for documentation purposes. We don't auto-copy the link because many browsers now
+            // error on that because we aren't the focus/gesture-initiator since we're a new component just being
+            // drawn in the DOM. So we let the user click to trigger that.
+            // this.copyLink(response.link);
+        })
+            .catch(e => {
+            this.gettingLink = false;
+            console.log('[RECIPIENT_LINK] Error getting link', e);
+            VerdocsToast('Unable to get link: ' + e.message, { style: 'error' });
+        });
+    }
+    render() {
+        if (this.loading || !this.recipient) {
+            return h(Host, null);
+        }
+        // const recipientsWithActions = getRecipientsWithActions(this.store.state); const showLinkButton = recipientCanAct(recipient, recipientsWithActions); const link =
+        //   this.links[recipient.role_name]; const gettingLink = this.gettingLinks[recipient.role_name]; return (
+        return (h(Host, null, h("div", { class: "summary-content" }, h("h1", { class: "summary-title" }, "In-Person Signing Link"), h("div", { class: "summary-rows" }, h("div", { class: "summary-recipient" }, h("div", { class: "role-name" }, this.recipient.role_name), h("div", { class: "role-details" }, h("div", { class: "role-info" }, h("div", { class: "role-full-name" }, this.recipient.full_name, " (", this.recipient.email || this.recipient.phone, ")"), !this.link && (h("verdocs-button", { size: "small", variant: "outline", label: this.gettingLink ? 'Loading...' : 'Get Link', disabled: this.gettingLink, onClick: () => this.getLink(this.recipient) }))), this.link && (h("div", { class: "link-wrapper" }, h("div", { class: "link" }, this.link), h("verdocs-button", { size: "small", variant: "outline", label: "Copy", onClick: () => this.copyLink(this.link) })))))), h("div", { class: "buttons" }, h("verdocs-button", { size: "small", label: "Done", onClick: e => this.handleDone(e) })))));
     }
-    // const recipientsWithActions = getRecipientsWithActions(this.store.state); const showLinkButton = recipientCanAct(recipient, recipientsWithActions); const link =
-    //   this.links[recipient.role_name]; const gettingLink = this.gettingLinks[recipient.role_name]; return (
-    return (h(Host, null, h("div", { class: "summary-content" }, h("h1", { class: "summary-title" }, "In-Person Signing Link"), h("div", { class: "summary-rows" }, h("div", { class: "summary-recipient" }, h("div", { class: "role-name" }, this.recipient.role_name), h("div", { class: "role-details" }, h("div", { class: "role-info" }, h("div", { class: "role-full-name" }, this.recipient.full_name, " (", this.recipient.email || this.recipient.phone, ")"), !this.link && (h("verdocs-button", { size: "small", variant: "outline", label: this.gettingLink ? 'Loading...' : 'Get Link', disabled: this.gettingLink, onClick: () => this.getLink(this.recipient) }))), this.link && (h("div", { class: "link-wrapper" }, h("div", { class: "link" }, this.link), h("verdocs-button", { size: "small", variant: "outline", label: "Copy", onClick: () => this.copyLink(this.link) })))))), h("div", { class: "buttons" }, h("verdocs-button", { size: "small", label: "Done", onClick: e => this.handleDone(e) })))));
-  }
 };
-VerdocsEnvelopeRecipientLink.style = verdocsEnvelopeRecipientLinkCss;
+VerdocsEnvelopeRecipientLink.style = VerdocsEnvelopeRecipientLinkStyle0;
 
-const verdocsEnvelopeRecipientSummaryCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-envelope-recipient-summary{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:100000;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-family:\"Inter\", \"Barlow\", sans-serif;background-color:#0000007f}verdocs-envelope-recipient-summary .summary-content{width:600px;display:-ms-flexbox;display:flex;max-width:90%;font-size:18px;-ms-flex:0 0 600px;flex:0 0 600px;border-radius:6px;background:#ffffff;-ms-flex-direction:column;flex-direction:column;padding:30px 20px 20px}verdocs-envelope-recipient-summary .summary-content .summary-title{font-size:20px;font-weight:700;margin:0 0 10px 0;color:#33364b}verdocs-envelope-recipient-summary .summary-recipient{display:-ms-flexbox;display:flex;color:#33364b;margin:8px 0 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-envelope-recipient-summary .summary-recipient .role-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;margin:0 0 8px 0;color:#092c4c}verdocs-envelope-recipient-summary .summary-recipient .role-info{gap:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}verdocs-envelope-recipient-summary .summary-recipient .role-full-name{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:#f9fafb}verdocs-envelope-recipient-summary .summary-recipient .recipient-link{width:120px;padding:0 16px;font-weight:500;margin:0 0 0 8px;text-align:center;font-size:0.875rem;border-radius:100%;color:#374151;line-height:1.25rem;background-color:#d8d8d8;border:2px solid #9ca3af}verdocs-envelope-recipient-summary .summary-recipient .link-wrapper{gap:5px;display:-ms-flexbox;display:flex;margin:4px 0 0 0;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-recipient-summary .summary-recipient .link-wrapper .link{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:#f9fafb}verdocs-envelope-recipient-summary .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:10px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-envelope-recipient-summary .buttons verdocs-button{-ms-flex:0 0 120px;flex:0 0 120px;margin-left:10px;white-space:nowrap}verdocs-envelope-recipient-summary .buttons verdocs-button button{width:100%}";
+const verdocsEnvelopeRecipientSummaryCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-envelope-recipient-summary{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:100000;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-family:\"Inter\", \"Barlow\", sans-serif;background-color:rgba(0, 0, 0, 0.4980392157)}verdocs-envelope-recipient-summary .summary-content{width:600px;display:-ms-flexbox;display:flex;max-width:90%;font-size:18px;-ms-flex:0 0 600px;flex:0 0 600px;border-radius:6px;background:#ffffff;-ms-flex-direction:column;flex-direction:column;padding:30px 20px 20px}verdocs-envelope-recipient-summary .summary-content .summary-title{font-size:20px;font-weight:700;margin:0 0 10px 0;color:#33364b}verdocs-envelope-recipient-summary .summary-recipient{display:-ms-flexbox;display:flex;color:#33364b;margin:8px 0 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-envelope-recipient-summary .summary-recipient .role-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;margin:0 0 8px 0;color:#092c4c}verdocs-envelope-recipient-summary .summary-recipient .role-info{gap:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}verdocs-envelope-recipient-summary .summary-recipient .role-full-name{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-summary .summary-recipient .recipient-link{width:120px;padding:0 16px;font-weight:500;margin:0 0 0 8px;text-align:center;font-size:0.875rem;border-radius:100%;color:rgb(55, 65, 81);line-height:1.25rem;background-color:#d8d8d8;border:2px solid rgb(156, 163, 175)}verdocs-envelope-recipient-summary .summary-recipient .link-wrapper{gap:5px;display:-ms-flexbox;display:flex;margin:4px 0 0 0;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-recipient-summary .summary-recipient .link-wrapper .link{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-summary .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:10px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-envelope-recipient-summary .buttons verdocs-button{-ms-flex:0 0 120px;flex:0 0 120px;margin-left:10px;white-space:nowrap}verdocs-envelope-recipient-summary .buttons verdocs-button button{width:100%}";
+const VerdocsEnvelopeRecipientSummaryStyle0 = verdocsEnvelopeRecipientSummaryCss;
 
 const VerdocsEnvelopeRecipientSummary = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.another = createEvent(this, "another", 7);
-    this.view = createEvent(this, "view", 7);
-    this.next = createEvent(this, "next", 7);
-    this.sdkError = createEvent(this, "sdkError", 7);
-    this.store = null;
-    this.endpoint = VerdocsEndpoint.getDefault();
-    this.envelopeId = '';
-    this.canSendAnother = true;
-    this.canView = true;
-    this.canDone = true;
-    this.isOpen = undefined;
-    this.loading = true;
-    this.recipientStatusIcons = [];
-    this.containerId = `verdocs-status-indicator-${Math.random().toString(36).substring(2, 11)}`;
-    this.gettingLinks = {};
-    this.links = {};
-  }
-  async componentWillLoad() {
-    var _a, _b, _c;
-    try {
-      this.endpoint.loadSession();
-      if (!this.envelopeId) {
-        console.log(`[RECIPIENTS] Missing required envelope ID ${this.envelopeId}`);
-        return;
-      }
-      if (!this.endpoint.session) {
-        console.log('[RECIPIENTS] Unable to start session, must be authenticated');
-        return;
-      }
-      this.store = await getEnvelopeStore(this.endpoint, this.envelopeId, true);
-      this.sortEnvelopeRecipients();
-      this.loading = false;
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.another = createEvent(this, "another", 7);
+        this.view = createEvent(this, "view", 7);
+        this.next = createEvent(this, "next", 7);
+        this.sdkError = createEvent(this, "sdkError", 7);
+        this.store = null;
+        this.endpoint = VerdocsEndpoint.getDefault();
+        this.envelopeId = '';
+        this.canSendAnother = true;
+        this.canView = true;
+        this.canDone = true;
+        this.isOpen = undefined;
+        this.loading = true;
+        this.recipientStatusIcons = [];
+        this.containerId = `verdocs-status-indicator-${Math.random().toString(36).substring(2, 11)}`;
+        this.gettingLinks = {};
+        this.links = {};
+    }
+    async componentWillLoad() {
+        var _a, _b, _c;
+        try {
+            this.endpoint.loadSession();
+            if (!this.envelopeId) {
+                console.log(`[RECIPIENTS] Missing required envelope ID ${this.envelopeId}`);
+                return;
+            }
+            if (!this.endpoint.session) {
+                console.log('[RECIPIENTS] Unable to start session, must be authenticated');
+                return;
+            }
+            this.store = await getEnvelopeStore(this.endpoint, this.envelopeId, true);
+            this.sortEnvelopeRecipients();
+            this.loading = false;
+        }
+        catch (e) {
+            console.log('[RECIPIENTS] Error loading envelope', e);
+            (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
+        }
+    }
+    sortEnvelopeRecipients() {
+        var _a, _b;
+        (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.recipients.sort((a, b) => {
+            return a.sequence === b.sequence ? a.order - b.order : a.sequence - b.sequence;
+        });
+    }
+    handleAnother(e) {
+        var _a;
+        e.preventDefault();
+        (_a = this.another) === null || _a === void 0 ? void 0 : _a.emit({ envelope: this.store.state });
+    }
+    handleView(e) {
+        var _a;
+        e.preventDefault();
+        (_a = this.view) === null || _a === void 0 ? void 0 : _a.emit({ envelope: this.store.state });
+    }
+    handleDone(e) {
+        var _a;
+        e.preventDefault();
+        (_a = this.next) === null || _a === void 0 ? void 0 : _a.emit({ envelope: this.store.state });
+    }
+    copyLink(link) {
+        navigator.clipboard
+            .writeText(link)
+            .then(() => {
+            // VerdocsToast('Link copied to clipboard!', {style: 'success', duration: 3000});
+        })
+            .catch(e => {
+            var _a;
+            console.warn('[RECIPIENTS] Error copying to clipboard', e);
+            (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e);
+            // VerdocsToast(`Unable to copy to clipboard: ${e.message}`, {style: 'error'});
+        });
     }
-    catch (e) {
-      console.log('[RECIPIENTS] Error loading envelope', e);
-      (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
+    getLink(recipient) {
+        this.gettingLinks = { ...this.gettingLinks, [recipient.role_name]: true };
+        getInPersonLink(this.endpoint, recipient.envelope_id, recipient.role_name)
+            .then(response => {
+            this.gettingLinks = { ...this.gettingLinks, [recipient.role_name]: false };
+            this.links = { ...this.links, [recipient.role_name]: response.link };
+            this.copyLink(response.link);
+        })
+            .catch(e => {
+            var _a;
+            this.gettingLinks = { ...this.gettingLinks, [recipient.role_name]: false };
+            console.log('[RECIPIENTS] Error getting link', e);
+            (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e);
+            // VerdocsToast('Unable to get link: ' + e.message, {style: 'error'});
+        });
     }
-  }
-  sortEnvelopeRecipients() {
-    var _a, _b;
-    (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.recipients.sort((a, b) => {
-      return a.sequence === b.sequence ? a.order - b.order : a.sequence - b.sequence;
-    });
-  }
-  handleAnother(e) {
-    var _a;
-    e.preventDefault();
-    (_a = this.another) === null || _a === void 0 ? void 0 : _a.emit({ envelope: this.store.state });
-  }
-  handleView(e) {
-    var _a;
-    e.preventDefault();
-    (_a = this.view) === null || _a === void 0 ? void 0 : _a.emit({ envelope: this.store.state });
-  }
-  handleDone(e) {
-    var _a;
-    e.preventDefault();
-    (_a = this.next) === null || _a === void 0 ? void 0 : _a.emit({ envelope: this.store.state });
-  }
-  copyLink(link) {
-    navigator.clipboard
-      .writeText(link)
-      .then(() => {
-      // VerdocsToast('Link copied to clipboard!', {style: 'success', duration: 3000});
-    })
-      .catch(e => {
-      var _a;
-      console.warn('[RECIPIENTS] Error copying to clipboard', e);
-      (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e);
-      // VerdocsToast(`Unable to copy to clipboard: ${e.message}`, {style: 'error'});
-    });
-  }
-  getLink(recipient) {
-    this.gettingLinks = { ...this.gettingLinks, [recipient.role_name]: true };
-    getInPersonLink(this.endpoint, recipient.envelope_id, recipient.role_name)
-      .then(response => {
-      this.gettingLinks = { ...this.gettingLinks, [recipient.role_name]: false };
-      this.links = { ...this.links, [recipient.role_name]: response.link };
-      this.copyLink(response.link);
-    })
-      .catch(e => {
-      var _a;
-      this.gettingLinks = { ...this.gettingLinks, [recipient.role_name]: false };
-      console.log('[RECIPIENTS] Error getting link', e);
-      (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e);
-      // VerdocsToast('Unable to get link: ' + e.message, {style: 'error'});
-    });
-  }
-  render() {
-    var _a, _b;
-    if (this.loading) {
-      return h(Host, null);
+    render() {
+        var _a, _b;
+        if (this.loading) {
+            return h(Host, null);
+        }
+        return (h(Host, null, h("div", { class: "summary-content" }, h("h1", { class: "summary-title" }, "Recipient Summary"), h("div", { class: "summary-rows" }, (((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.recipients) || []).map(recipient => {
+            const recipientsWithActions = getRecipientsWithActions(this.store.state);
+            const showLinkButton = recipientCanAct(recipient, recipientsWithActions);
+            const link = this.links[recipient.role_name];
+            const gettingLink = this.gettingLinks[recipient.role_name];
+            return (h("div", { class: "summary-recipient" }, h("div", { class: "role-name" }, recipient.role_name), h("div", { class: "role-details" }, h("div", { class: "role-info" }, h("div", { class: "role-full-name" }, recipient.full_name, " (", recipient.email || recipient.phone, ")"), showLinkButton && !link && h("verdocs-button", { size: "small", variant: "outline", label: "Get Link", disabled: gettingLink, onClick: () => this.getLink(recipient) })), link && (h("div", { class: "link-wrapper" }, h("div", { class: "link" }, link), h("verdocs-button", { size: "small", variant: "outline", label: "Copy", onClick: () => this.copyLink(link) }))))));
+        })), (this.canSendAnother || this.canView || this.canDone) && (h("div", { class: "buttons" }, this.canSendAnother && h("verdocs-button", { size: "small", label: "Send Another", onClick: e => this.handleAnother(e) }), this.canView && h("verdocs-button", { size: "small", label: "View Now", onClick: e => this.handleView(e) }), this.canDone && h("verdocs-button", { size: "small", label: "Done", onClick: e => this.handleDone(e) }))))));
     }
-    return (h(Host, null, h("div", { class: "summary-content" }, h("h1", { class: "summary-title" }, "Recipient Summary"), h("div", { class: "summary-rows" }, (((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.recipients) || []).map(recipient => {
-      const recipientsWithActions = getRecipientsWithActions(this.store.state);
-      const showLinkButton = recipientCanAct(recipient, recipientsWithActions);
-      const link = this.links[recipient.role_name];
-      const gettingLink = this.gettingLinks[recipient.role_name];
-      return (h("div", { class: "summary-recipient" }, h("div", { class: "role-name" }, recipient.role_name), h("div", { class: "role-details" }, h("div", { class: "role-info" }, h("div", { class: "role-full-name" }, recipient.full_name, " (", recipient.email || recipient.phone, ")"), showLinkButton && !link && h("verdocs-button", { size: "small", variant: "outline", label: "Get Link", disabled: gettingLink, onClick: () => this.getLink(recipient) })), link && (h("div", { class: "link-wrapper" }, h("div", { class: "link" }, link), h("verdocs-button", { size: "small", variant: "outline", label: "Copy", onClick: () => this.copyLink(link) }))))));
-    })), (this.canSendAnother || this.canView || this.canDone) && (h("div", { class: "buttons" }, this.canSendAnother && h("verdocs-button", { size: "small", label: "Send Another", onClick: e => this.handleAnother(e) }), this.canView && h("verdocs-button", { size: "small", label: "View Now", onClick: e => this.handleView(e) }), this.canDone && h("verdocs-button", { size: "small", label: "Done", onClick: e => this.handleDone(e) }))))));
-  }
 };
-VerdocsEnvelopeRecipientSummary.style = verdocsEnvelopeRecipientSummaryCss;
+VerdocsEnvelopeRecipientSummary.style = VerdocsEnvelopeRecipientSummaryStyle0;
 
 export { VerdocsEnvelopeRecipientLink as verdocs_envelope_recipient_link, VerdocsEnvelopeRecipientSummary as verdocs_envelope_recipient_summary };