@verdocs/web-sdk 1.14.2 → 1.14.4

package/README.md

@@ -6,16 +6,3 @@ This is the core component library for a set of framework-specific SDKs to quick
 For more information, please see one of the following for your specific framework:
 
   - [Verdocs Web for React](https://www.npmjs.com/package/@verdocs/web-sdk-react)
-
-
-RTSP cameras, proprietary device from US Army
-No access to physical hardware, need to build against spec and test remotely
-Demo coming up, soft deadline
-App will be separate module, not modifying their current code
-Call documented APIs and Websocket
-Good docs
-Not a SBIR, soft deadlines but "soon" (May)
-Possible Redis connection
-RTSP streaming H.264 encoding, basic data from camera (pan/tilt/zoom/FOV)
-Air Scout server
-Python pref. C/C++ nice to have. Performance is P2

package/dist/cjs/{Toast-26bf925e.js → Toast-06880504.js}

@@ -47,7 +47,7 @@ const VerdocsToast = (text, config = {}) => {
   const toastBody = `
     ${icon}
     <div class="verdocs-toast-text" style="padding: 12px 12px 12px 0;">${text}</div>
-    <div class="verdocs-toast-close" style="padding: 12px 8px; background: rgba(0,0,0,0.25); cursor: pointer;">✕</div>
+    <div class="verdocs-toast-close" style="padding: 12px 10px; background: rgba(0, 0, 0, 0.2); cursor: pointer;">✕</div>
   `;
   const toast = document.createElement('div');
   toast.className = 'verdocs-toast';

package/dist/cjs/{utils-a9022729.js → utils-e018339d.js}

@@ -142,9 +142,7 @@ const renderDocumentField = (field, docPage, roleIndex, fieldOptions) => {
       }
       let { type } = field;
       if (type === 'textbox') {
-        console.log('Rendering text box', field);
         if (((_a = field['setting']) === null || _a === void 0 ? void 0 : _a.leading) > 0 || ((_b = field['settings']) === null || _b === void 0 ? void 0 : _b.leading) > 0) {
-          console.log('Switching to text area', field);
           type = 'textarea';
         }
       }

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

@@ -7,7 +7,7 @@ const popper = require('./popper-9def2535.js');
 const Envelopes = require('./Envelopes-e5ffb6a5.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
-const utils = require('./utils-a9022729.js');
+const utils = require('./utils-e018339d.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Files-4bdc0c0f.js');
 require('./index-6528b430.js');

package/dist/cjs/verdocs-envelope-recipient-summary.cjs.entry.js

@@ -9,7 +9,7 @@ require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
 const index = require('./index-e84e0687.js');
 const Envelopes = require('./Envelopes-e5ffb6a5.js');
-const Toast = require('./Toast-26bf925e.js');
+const Toast = require('./Toast-06880504.js');
 const errors = require('./errors-0396da3d.js');
 
 const createEnvelopeStore = (envelopeId) => {
@@ -89,7 +89,7 @@ const getEnvelopeStore = async (endpoint, envelopeId, forceReload = false) => {
   return store;
 };
 
-const verdocsEnvelopeRecipientSummaryCss = "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 .label{color:#ffffff}verdocs-envelope-recipient-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 .content .title{font-size:20px;margin:0 0 10px 0;color:#33364b}verdocs-envelope-recipient-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 .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 .recipient .role-info{gap:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-recipient-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 .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 .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 .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 = "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}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 VerdocsEnvelopeRecipientSummary = class {
   constructor(hostRef) {
@@ -162,27 +162,27 @@ const VerdocsEnvelopeRecipientSummary = class {
     });
   }
   getLink(recipient) {
-    this.gettingLinks[recipient.role_name] = true;
+    this.gettingLinks = { ...this.gettingLinks, [recipient.role_name]: true };
     Recipients.getInPersonLink(this.endpoint, recipient.envelope_id, recipient.role_name)
       .then(response => {
-      this.gettingLinks[recipient.role_name] = false;
+      this.gettingLinks = { ...this.gettingLinks, [recipient.role_name]: false };
       this.links = { ...this.links, [recipient.role_name]: response.link };
       this.copyLink(response.link);
     })
       .catch(e => {
-      this.gettingLinks[recipient.role_name] = false;
+      this.gettingLinks = { ...this.gettingLinks, [recipient.role_name]: false };
       console.log('[RECIPIENTS] Error getting link', e);
       Toast.VerdocsToast('Unable to get link: ' + e.message, { style: 'error' });
     });
   }
   render() {
     var _a;
-    return (index$1.h(index$1.Host, null, index$1.h("div", { class: "content" }, index$1.h("h1", { class: "title" }, "Recipient Summary"), index$1.h("div", { class: "rows" }, (_a = this.store.state) === null || _a === void 0 ? void 0 : _a.recipients.map(recipient => {
+    return (index$1.h(index$1.Host, null, index$1.h("div", { class: "summary-content" }, index$1.h("h1", { class: "summary-title" }, "Recipient Summary"), index$1.h("div", { class: "summary-rows" }, (_a = this.store.state) === null || _a === void 0 ? void 0 : _a.recipients.map(recipient => {
       const recipientsWithActions = Permissions.getRecipientsWithActions(this.store.state);
       const showLinkButton = Permissions.recipientCanAct(recipient, recipientsWithActions);
       const link = this.links[recipient.role_name];
       const gettingLink = this.gettingLinks[recipient.role_name];
-      return (index$1.h("div", { class: "recipient" }, index$1.h("div", { class: "role-name" }, recipient.role_name), index$1.h("div", { class: "role-details" }, index$1.h("div", { class: "role-info" }, index$1.h("div", { class: "role-full-name" }, recipient.full_name, " (", recipient.email || recipient.phone, ")"), showLinkButton && !link && index$1.h("verdocs-button", { size: "small", variant: "outline", label: "Get Link", disabled: gettingLink, onClick: () => this.getLink(recipient) })), link && (index$1.h("div", { class: "link-wrapper" }, index$1.h("div", { class: "link" }, link), index$1.h("verdocs-button", { size: "small", variant: "outline", label: "Copy", onClick: () => this.copyLink(link) }))))));
+      return (index$1.h("div", { class: "summary-recipient" }, index$1.h("div", { class: "role-name" }, recipient.role_name), index$1.h("div", { class: "role-details" }, index$1.h("div", { class: "role-info" }, index$1.h("div", { class: "role-full-name" }, recipient.full_name, " (", recipient.email || recipient.phone, ")"), showLinkButton && !link && index$1.h("verdocs-button", { size: "small", variant: "outline", label: "Get Link", disabled: gettingLink, onClick: () => this.getLink(recipient) })), link && (index$1.h("div", { class: "link-wrapper" }, index$1.h("div", { class: "link" }, link), index$1.h("verdocs-button", { size: "small", variant: "outline", label: "Copy", onClick: () => this.copyLink(link) }))))));
     })), (this.canSendAnother || this.canView || this.canDone) && (index$1.h("div", { class: "buttons" }, this.canSendAnother && index$1.h("verdocs-button", { size: "small", label: "Send Another", onClick: e => this.handleAnother(e) }), this.canView && index$1.h("verdocs-button", { size: "small", label: "View Now", onClick: e => this.handleView(e) }), this.canDone && index$1.h("verdocs-button", { size: "small", label: "Done", onClick: e => this.handleDone(e) }))))));
   }
 };

package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js

@@ -7,11 +7,11 @@ const Envelopes = require('./Envelopes-e5ffb6a5.js');
 const Permissions = require('./Permissions-4b710db2.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
-const Toast = require('./Toast-26bf925e.js');
+const Toast = require('./Toast-06880504.js');
 const errors = require('./errors-0396da3d.js');
 const index$1 = require('./index-6528b430.js');
 
-const verdocsEnvelopeSidebarCss = "verdocs-envelope-sidebar{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;-ms-flex:0 0 56px;flex:0 0 56px;width:56px;min-height:400px;height:100%;background:#41435e;-webkit-transition:0.5s cubic-bezier(0.35, 0, 0.25, 1);transition:0.5s cubic-bezier(0.35, 0, 0.25, 1)}verdocs-envelope-sidebar.open{-ms-flex:0 0 400px;flex:0 0 400px;width:400px}verdocs-envelope-sidebar .buttons{-ms-flex-direction:column;flex-direction:column;-ms-flex:0 0 56px;flex:0 0 56px;display:-ms-flexbox;display:flex}verdocs-envelope-sidebar .buttons button{height:50px;outline:none;border:none;border-left:2px solid transparent;background:none;width:100%}verdocs-envelope-sidebar .buttons button.active{border-left:2px solid #50bd80}verdocs-envelope-sidebar .buttons button svg{color:white;width:24px;height:24px}verdocs-envelope-sidebar .content{-ms-flex:1;flex:1;display:none;color:white;-ms-flex-direction:column;flex-direction:column;padding:12px 16px 16px}verdocs-envelope-sidebar.open .content{display:-ms-flexbox;display:flex;overflow-y:scroll}verdocs-envelope-sidebar .title{margin-bottom:12px;font-size:16px;line-height:24px;font-weight:400;-ms-flex:0;flex:0}verdocs-envelope-sidebar .label{font-size:12px;line-height:16px;color:rgba(255, 255, 255, 0.54);-ms-flex:0;flex:0}verdocs-envelope-sidebar .value{margin-bottom:14px;font-size:14px;font-weight:500;line-height:16px;color:#fff;-ms-flex:0;flex:0}verdocs-envelope-sidebar .manage-recipients-button{-ms-flex-item-align:center;align-self:center;white-space:nowrap}verdocs-envelope-sidebar .manage-recipients-button .label{color:#ffffff;font-size:14px}verdocs-envelope-sidebar .recipient-detail{-ms-flex:0;flex:0;padding:8px;position:relative;-ms-flex-direction:column;flex-direction:column;border:solid 1px #979797;margin-bottom:16px}verdocs-envelope-sidebar .recipient-header{-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;place-content:center space-between;-ms-flex-align:center;align-items:center;margin-bottom:4px}verdocs-envelope-sidebar .recipient-number{width:24px;height:24px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:24px;font-size:14px;font-weight:500;margin-right:10px;border:solid 1px #979797}verdocs-envelope-sidebar .recipient-type{-ms-flex:1 1 88px;flex:1 1 88px;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:88px;min-width:88px;text-transform:capitalize}verdocs-envelope-sidebar .recipient-status{-ms-flex:1 1 100px;flex:1 1 100px;border-radius:5px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100px;min-width:100px;background-color:#616161;text-transform:capitalize}verdocs-envelope-sidebar .recipient-status.invited{background-color:#ff8f00}verdocs-envelope-sidebar .recipient-status.opened{background-color:#616161}verdocs-envelope-sidebar .recipient-status.signed,verdocs-envelope-sidebar .recipient-status.submitted{background-color:#2e7d32}verdocs-envelope-sidebar .recipient-status.pending{background-color:#0277bd}verdocs-envelope-sidebar .recipient-status.canceled,verdocs-envelope-sidebar .recipient-status.declined{background-color:#c62828}verdocs-envelope-sidebar .recipient-content{-ms-flex-direction:column;flex-direction:column}verdocs-envelope-sidebar .history-entry{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;padding:8px 0 0;margin:8px 0 0;border-top:1px solid #dddddd}verdocs-envelope-sidebar .history-entry .activity-icon{margin-right:14px}verdocs-envelope-sidebar .history-entry .activity-icon svg{width:24px;height:24px;fill:#ffffff}verdocs-envelope-sidebar .history-entry .activity-text{font-size:14px;line-height:16px;margin-bottom:4px}verdocs-envelope-sidebar .history-entry .activity-date{font-size:12px;line-height:16px;color:rgba(255, 255, 255, 0.54)}verdocs-envelope-sidebar .content .history-entry:first-of-type{border-top:none}";
+const verdocsEnvelopeSidebarCss = "verdocs-envelope-sidebar{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;-ms-flex:0 0 56px;flex:0 0 56px;width:56px;min-height:400px;height:100%;background:#41435e;-webkit-transition:0.5s cubic-bezier(0.35, 0, 0.25, 1);transition:0.5s cubic-bezier(0.35, 0, 0.25, 1)}verdocs-envelope-sidebar.open{-ms-flex:0 0 400px;flex:0 0 400px;width:400px}verdocs-envelope-sidebar .side-buttons{-ms-flex-direction:column;flex-direction:column;-ms-flex:0 0 56px;flex:0 0 56px;display:-ms-flexbox;display:flex}verdocs-envelope-sidebar .side-buttons button{height:50px;outline:none;border:none;border-left:2px solid transparent;background:none;width:100%}verdocs-envelope-sidebar .side-buttons button.active{border-left:2px solid #50bd80}verdocs-envelope-sidebar .side-buttons button svg{color:white;width:24px;height:24px}verdocs-envelope-sidebar .content{-ms-flex:1;flex:1;display:none;color:white;-ms-flex-direction:column;flex-direction:column;padding:12px 16px 16px}verdocs-envelope-sidebar.open .content{display:-ms-flexbox;display:flex;overflow-y:scroll}verdocs-envelope-sidebar .title{margin-bottom:12px;font-size:16px;line-height:24px;font-weight:400;-ms-flex:0;flex:0}verdocs-envelope-sidebar .label{font-size:12px;line-height:16px;color:rgba(255, 255, 255, 0.54);-ms-flex:0;flex:0}verdocs-envelope-sidebar .value{margin-bottom:14px;font-size:14px;font-weight:500;line-height:16px;color:#fff;-ms-flex:0;flex:0}verdocs-envelope-sidebar .manage-recipients-button{-ms-flex-item-align:center;align-self:center;white-space:nowrap}verdocs-envelope-sidebar .manage-recipients-button .label{color:#ffffff;font-size:14px}verdocs-envelope-sidebar .recipient-detail{-ms-flex:0;flex:0;padding:8px;position:relative;-ms-flex-direction:column;flex-direction:column;border:solid 1px #979797;margin-bottom:16px}verdocs-envelope-sidebar .recipient-header{-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;place-content:center space-between;-ms-flex-align:center;align-items:center;margin-bottom:4px}verdocs-envelope-sidebar .recipient-number{width:24px;height:24px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:24px;font-size:14px;font-weight:500;margin-right:10px;border:solid 1px #979797}verdocs-envelope-sidebar .recipient-type{-ms-flex:1 1 88px;flex:1 1 88px;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:88px;min-width:88px;text-transform:capitalize}verdocs-envelope-sidebar .recipient-status{-ms-flex:1 1 100px;flex:1 1 100px;border-radius:5px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100px;min-width:100px;background-color:#616161;text-transform:capitalize}verdocs-envelope-sidebar .recipient-status.invited{background-color:#ff8f00}verdocs-envelope-sidebar .recipient-status.opened{background-color:#616161}verdocs-envelope-sidebar .recipient-status.signed,verdocs-envelope-sidebar .recipient-status.submitted{background-color:#2e7d32}verdocs-envelope-sidebar .recipient-status.pending{background-color:#0277bd}verdocs-envelope-sidebar .recipient-status.canceled,verdocs-envelope-sidebar .recipient-status.declined{background-color:#c62828}verdocs-envelope-sidebar .recipient-content{-ms-flex-direction:column;flex-direction:column}verdocs-envelope-sidebar .history-entry{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;padding:8px 0 0;margin:8px 0 0;border-top:1px solid #dddddd}verdocs-envelope-sidebar .history-entry .activity-icon{margin-right:14px}verdocs-envelope-sidebar .history-entry .activity-icon svg{width:24px;height:24px;fill:#ffffff}verdocs-envelope-sidebar .history-entry .activity-text{font-size:14px;line-height:16px;margin-bottom:4px}verdocs-envelope-sidebar .history-entry .activity-date{font-size:12px;line-height:16px;color:rgba(255, 255, 255, 0.54)}verdocs-envelope-sidebar .content .history-entry:first-of-type{border-top:none}";
 
 const InformationCircle = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff"><path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" /></svg>`;
 const Users = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z" /></svg>`;
@@ -215,7 +215,7 @@ const VerdocsEnvelopeSidebar = class {
           entries.push({ icon: 'link', message: `Owner accessed the In-person link for ${user}.`, date: new Date(history.created_at) });
           break;
         default:
-          console.log('unknown', history);
+          console.log('[SIDEBAR] Unknown history type', history);
           break;
       }
     });
@@ -230,8 +230,7 @@ const VerdocsEnvelopeSidebar = class {
     const session = this.endpoint.getSession();
     const isEnvelopeOwner = Permissions.userIsEnvelopeOwner(session, this.envelope);
     const historyEntries = this.prepareHistoryEntries();
-    console.log('e', this.envelope);
-    return (index.h(index.Host, { class: this.panelOpen ? 'open' : '' }, index.h("div", { class: "buttons" }, index.h("button", { class: this.activeTab === 1 ? 'active' : '', onClick: () => this.setTab(1), innerHTML: InformationCircle }), index.h("button", { class: this.activeTab === 2 ? 'active' : '', onClick: () => this.setTab(2), innerHTML: Users }), index.h("button", { class: this.activeTab === 3 ? 'active' : '', onClick: () => this.setTab(3), innerHTML: ClipboardDocuments })), this.activeTab === 1 && (index.h("div", { class: "content" }, index.h("div", { class: "title" }, "Details"), index.h("div", { class: "label" }, "Envelope ID"), index.h("div", { class: "value" }, this.envelope.id), index.h("div", { class: "label" }, "Date Created"), index.h("div", { class: "value" }, index$1.format(new Date(this.envelope.created_at), 'PP pp')), index.h("div", { class: "label" }, "Last Modified"), index.h("div", { class: "value" }, index$1.format(new Date(this.envelope.updated_at), 'PP pp')), index.h("div", { class: "label" }, "Status"), index.h("div", { class: "value" }, this.envelope.status), index.h("div", { class: "label" }, "Verdoc Owner ID"), index.h("div", { class: "value" }, this.envelope.profile_id), index.h("div", { class: "label" }, "Verdoc Owner Name"), index.h("div", { class: "value" }, (_a = this.envelope.profile) === null || _a === void 0 ? void 0 :
+    return (index.h(index.Host, { class: this.panelOpen ? 'open' : '' }, index.h("div", { class: "side-buttons" }, index.h("button", { class: this.activeTab === 1 ? 'active' : '', onClick: () => this.setTab(1), innerHTML: InformationCircle }), index.h("button", { class: this.activeTab === 2 ? 'active' : '', onClick: () => this.setTab(2), innerHTML: Users }), index.h("button", { class: this.activeTab === 3 ? 'active' : '', onClick: () => this.setTab(3), innerHTML: ClipboardDocuments })), this.activeTab === 1 && (index.h("div", { class: "content" }, index.h("div", { class: "title" }, "Details"), index.h("div", { class: "label" }, "Envelope ID"), index.h("div", { class: "value" }, this.envelope.id), index.h("div", { class: "label" }, "Date Created"), index.h("div", { class: "value" }, index$1.format(new Date(this.envelope.created_at), 'PP pp')), index.h("div", { class: "label" }, "Last Modified"), index.h("div", { class: "value" }, index$1.format(new Date(this.envelope.updated_at), 'PP pp')), index.h("div", { class: "label" }, "Status"), index.h("div", { class: "value" }, this.envelope.status), index.h("div", { class: "label" }, "Verdoc Owner ID"), index.h("div", { class: "value" }, this.envelope.profile_id), index.h("div", { class: "label" }, "Verdoc Owner Name"), index.h("div", { class: "value" }, (_a = this.envelope.profile) === null || _a === void 0 ? void 0 :
       _a.first_name, " ", (_b = this.envelope.profile) === null || _b === void 0 ? void 0 :
       _b.last_name), index.h("div", { class: "label" }, "Verdoc Owner Email"), index.h("div", { class: "value" }, (_c = this.envelope.profile) === null || _c === void 0 ? void 0 : _c.email))), this.activeTab === 2 && (index.h("div", { class: "content" }, index.h("div", { class: "title" }, "Recipients"), this.sortedRecipients.map((recipient, index$1) => (index.h("div", { class: "recipient-detail" }, index.h("div", { class: "recipient-header" }, index.h("div", { class: "recipient-number" }, index$1 + 1), index.h("div", { class: "recipient-type" }, recipient.role_name), index.h("div", { class: { 'recipient-status': true, [recipient.status]: true } }, recipient.status), isEnvelopeOwner && (index.h("verdocs-dropdown", { onOptionSelected: item => this.handleRecipientAction(recipient, item.detail.id), options: [
         { id: 'reminder', label: 'Send Reminder', disabled: !this.canResendRecipient(recipient) },

package/dist/cjs/verdocs-field-checkbox.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70677d67.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-a9022729.js');
+const utils = require('./utils-e018339d.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-e5ffb6a5.js');
 require('./Types-f89f9116.js');

package/dist/cjs/verdocs-field-date.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70677d67.js');
-const utils = require('./utils-a9022729.js');
+const utils = require('./utils-e018339d.js');
 const Colors = require('./Colors-e809dcc9.js');
 const index$1 = require('./index-6528b430.js');
 require('./_commonjsHelpers-0c557e26.js');

package/dist/cjs/verdocs-field-dropdown.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70677d67.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-a9022729.js');
+const utils = require('./utils-e018339d.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-e5ffb6a5.js');
 require('./Types-f89f9116.js');

package/dist/cjs/verdocs-field-initial.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70677d67.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-a9022729.js');
+const utils = require('./utils-e018339d.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-e5ffb6a5.js');
 require('./Types-f89f9116.js');

package/dist/cjs/verdocs-field-payment.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70677d67.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-a9022729.js');
+const utils = require('./utils-e018339d.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-e5ffb6a5.js');
 require('./Types-f89f9116.js');

package/dist/cjs/verdocs-field-radio-button.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70677d67.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-a9022729.js');
+const utils = require('./utils-e018339d.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-e5ffb6a5.js');
 require('./Types-f89f9116.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70677d67.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-a9022729.js');
+const utils = require('./utils-e018339d.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-e5ffb6a5.js');
 require('./Types-f89f9116.js');

package/dist/cjs/verdocs-field-textarea.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70677d67.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-a9022729.js');
+const utils = require('./utils-e018339d.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-e5ffb6a5.js');
 require('./Types-f89f9116.js');

package/dist/cjs/verdocs-field-textbox.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-70677d67.js');
 const interact_min = require('./interact.min-ba5cc513.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-a9022729.js');
+const utils = require('./utils-e018339d.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-e5ffb6a5.js');
 require('./Types-f89f9116.js');

package/dist/cjs/verdocs-field-timestamp.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70677d67.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-a9022729.js');
+const utils = require('./utils-e018339d.js');
 const index$1 = require('./index-6528b430.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-e5ffb6a5.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-70677d67.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
-const utils = require('./utils-a9022729.js');
+const utils = require('./utils-e018339d.js');
 const TemplateStore = require('./TemplateStore-19f84862.js');
 const errors = require('./errors-0396da3d.js');
 require('./_commonjsHelpers-0c557e26.js');

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

@@ -8,7 +8,7 @@ const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
 const Validators = require('./Validators-16e6d7d1.js');
 const Colors = require('./Colors-e809dcc9.js');
 const TemplateStore = require('./TemplateStore-19f84862.js');
-const utils = require('./utils-a9022729.js');
+const utils = require('./utils-e018339d.js');
 const errors = require('./errors-0396da3d.js');
 require('./index-e84e0687.js');
 require('./Templates-24580a13.js');

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

@@ -9,9 +9,9 @@ const Recipients = require('./Recipients-2b21fdea.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
 const Validators = require('./Validators-16e6d7d1.js');
 const Primitives = require('./Primitives-be5088cb.js');
-const utils = require('./utils-a9022729.js');
+const utils = require('./utils-e018339d.js');
 const errors = require('./errors-0396da3d.js');
-const Toast = require('./Toast-26bf925e.js');
+const Toast = require('./Toast-06880504.js');
 const index$1 = require('./index-6528b430.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Files-4bdc0c0f.js');

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

@@ -6,7 +6,7 @@ const index = require('./index-70677d67.js');
 require('./Types-f89f9116.js');
 const TemplateDocuments = require('./TemplateDocuments-e2e0e6b7.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
-const utils = require('./utils-a9022729.js');
+const utils = require('./utils-e018339d.js');
 const popper = require('./popper-9def2535.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-e5ffb6a5.js');

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

@@ -8,7 +8,7 @@ require('./Types-f89f9116.js');
 const Fields = require('./Fields-705a2168.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
 const Primitives = require('./Primitives-be5088cb.js');
-const utils = require('./utils-a9022729.js');
+const utils = require('./utils-e018339d.js');
 const TemplateStore = require('./TemplateStore-19f84862.js');
 const errors = require('./errors-0396da3d.js');
 const Colors = require('./Colors-e809dcc9.js');

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

@@ -8,7 +8,7 @@ const Permissions = require('./Permissions-4b710db2.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
 const Primitives = require('./Primitives-be5088cb.js');
-const utils = require('./utils-a9022729.js');
+const utils = require('./utils-e018339d.js');
 const errors = require('./errors-0396da3d.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Files-4bdc0c0f.js');

package/dist/collection/components/envelopes/verdocs-envelope-recipient-summary/verdocs-envelope-recipient-summary.css

@@ -11,10 +11,7 @@ verdocs-envelope-recipient-summary {
   font-family: "Inter", "Barlow", sans-serif;
   background-color: #0000007f;
 }
-verdocs-envelope-recipient-summary .label {
-  color: #ffffff;
-}
-verdocs-envelope-recipient-summary .content {
+verdocs-envelope-recipient-summary .summary-content {
   width: 600px;
   display: flex;
   max-width: 90%;
@@ -25,18 +22,19 @@ verdocs-envelope-recipient-summary .content {
   flex-direction: column;
   padding: 30px 20px 20px;
 }
-verdocs-envelope-recipient-summary .content .title {
+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 .recipient {
+verdocs-envelope-recipient-summary .summary-recipient {
   display: flex;
   color: #33364b;
   margin: 8px 0 24px 0;
   flex-direction: column;
 }
-verdocs-envelope-recipient-summary .recipient .role-name {
+verdocs-envelope-recipient-summary .summary-recipient .role-name {
   flex: 1;
   display: flex;
   font-size: 14px;
@@ -44,12 +42,12 @@ verdocs-envelope-recipient-summary .recipient .role-name {
   margin: 0 0 8px 0;
   color: #092c4c;
 }
-verdocs-envelope-recipient-summary .recipient .role-info {
+verdocs-envelope-recipient-summary .summary-recipient .role-info {
   gap: 5px;
   display: flex;
   flex-direction: row;
 }
-verdocs-envelope-recipient-summary .recipient .role-full-name {
+verdocs-envelope-recipient-summary .summary-recipient .role-full-name {
   flex: 1;
   height: 34px;
   display: flex;
@@ -60,7 +58,7 @@ verdocs-envelope-recipient-summary .recipient .role-full-name {
   border: 1px solid #cccccc;
   background: #f9fafb;
 }
-verdocs-envelope-recipient-summary .recipient .recipient-link {
+verdocs-envelope-recipient-summary .summary-recipient .recipient-link {
   width: 120px;
   padding: 0 16px;
   font-weight: 500;
@@ -73,13 +71,13 @@ verdocs-envelope-recipient-summary .recipient .recipient-link {
   background-color: #d8d8d8;
   border: 2px solid #9ca3af;
 }
-verdocs-envelope-recipient-summary .recipient .link-wrapper {
+verdocs-envelope-recipient-summary .summary-recipient .link-wrapper {
   gap: 5px;
   display: flex;
   margin: 4px 0 0 0;
   flex-direction: row;
 }
-verdocs-envelope-recipient-summary .recipient .link-wrapper .link {
+verdocs-envelope-recipient-summary .summary-recipient .link-wrapper .link {
   flex: 1;
   height: 34px;
   display: flex;

package/dist/collection/components/envelopes/verdocs-envelope-recipient-summary/verdocs-envelope-recipient-summary.js

@@ -80,27 +80,27 @@ export class VerdocsEnvelopeRecipientSummary {
     });
   }
   getLink(recipient) {
-    this.gettingLinks[recipient.role_name] = true;
+    this.gettingLinks = { ...this.gettingLinks, [recipient.role_name]: true };
     getInPersonLink(this.endpoint, recipient.envelope_id, recipient.role_name)
       .then(response => {
-      this.gettingLinks[recipient.role_name] = false;
+      this.gettingLinks = { ...this.gettingLinks, [recipient.role_name]: false };
       this.links = { ...this.links, [recipient.role_name]: response.link };
       this.copyLink(response.link);
     })
       .catch(e => {
-      this.gettingLinks[recipient.role_name] = false;
+      this.gettingLinks = { ...this.gettingLinks, [recipient.role_name]: false };
       console.log('[RECIPIENTS] Error getting link', e);
       VerdocsToast('Unable to get link: ' + e.message, { style: 'error' });
     });
   }
   render() {
     var _a;
-    return (h(Host, null, h("div", { class: "content" }, h("h1", { class: "title" }, "Recipient Summary"), h("div", { class: "rows" }, (_a = this.store.state) === null || _a === void 0 ? void 0 : _a.recipients.map(recipient => {
+    return (h(Host, null, h("div", { class: "summary-content" }, h("h1", { class: "summary-title" }, "Recipient Summary"), h("div", { class: "summary-rows" }, (_a = this.store.state) === null || _a === void 0 ? void 0 : _a.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: "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) }))))));
+      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) }))))));
   }
   static get is() { return "verdocs-envelope-recipient-summary"; }

package/dist/collection/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.css

@@ -13,12 +13,12 @@ verdocs-envelope-sidebar.open {
   flex: 0 0 400px;
   width: 400px;
 }
-verdocs-envelope-sidebar .buttons {
+verdocs-envelope-sidebar .side-buttons {
   flex-direction: column;
   flex: 0 0 56px;
   display: flex;
 }
-verdocs-envelope-sidebar .buttons button {
+verdocs-envelope-sidebar .side-buttons button {
   height: 50px;
   outline: none;
   border: none;
@@ -26,10 +26,10 @@ verdocs-envelope-sidebar .buttons button {
   background: none;
   width: 100%;
 }
-verdocs-envelope-sidebar .buttons button.active {
+verdocs-envelope-sidebar .side-buttons button.active {
   border-left: 2px solid #50bd80;
 }
-verdocs-envelope-sidebar .buttons button svg {
+verdocs-envelope-sidebar .side-buttons button svg {
   color: white;
   width: 24px;
   height: 24px;

package/dist/collection/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.js

@@ -206,7 +206,7 @@ export class VerdocsEnvelopeSidebar {
           entries.push({ icon: 'link', message: `Owner accessed the In-person link for ${user}.`, date: new Date(history.created_at) });
           break;
         default:
-          console.log('unknown', history);
+          console.log('[SIDEBAR] Unknown history type', history);
           break;
       }
     });
@@ -221,8 +221,7 @@ export class VerdocsEnvelopeSidebar {
     const session = this.endpoint.getSession();
     const isEnvelopeOwner = userIsEnvelopeOwner(session, this.envelope);
     const historyEntries = this.prepareHistoryEntries();
-    console.log('e', this.envelope);
-    return (h(Host, { class: this.panelOpen ? 'open' : '' }, h("div", { class: "buttons" }, h("button", { class: this.activeTab === 1 ? 'active' : '', onClick: () => this.setTab(1), innerHTML: InformationCircle }), h("button", { class: this.activeTab === 2 ? 'active' : '', onClick: () => this.setTab(2), innerHTML: Users }), h("button", { class: this.activeTab === 3 ? 'active' : '', onClick: () => this.setTab(3), innerHTML: ClipboardDocuments })), this.activeTab === 1 && (h("div", { class: "content" }, h("div", { class: "title" }, "Details"), h("div", { class: "label" }, "Envelope ID"), h("div", { class: "value" }, this.envelope.id), h("div", { class: "label" }, "Date Created"), h("div", { class: "value" }, format(new Date(this.envelope.created_at), 'PP pp')), h("div", { class: "label" }, "Last Modified"), h("div", { class: "value" }, format(new Date(this.envelope.updated_at), 'PP pp')), h("div", { class: "label" }, "Status"), h("div", { class: "value" }, this.envelope.status), h("div", { class: "label" }, "Verdoc Owner ID"), h("div", { class: "value" }, this.envelope.profile_id), h("div", { class: "label" }, "Verdoc Owner Name"), h("div", { class: "value" }, (_a = this.envelope.profile) === null || _a === void 0 ? void 0 :
+    return (h(Host, { class: this.panelOpen ? 'open' : '' }, h("div", { class: "side-buttons" }, h("button", { class: this.activeTab === 1 ? 'active' : '', onClick: () => this.setTab(1), innerHTML: InformationCircle }), h("button", { class: this.activeTab === 2 ? 'active' : '', onClick: () => this.setTab(2), innerHTML: Users }), h("button", { class: this.activeTab === 3 ? 'active' : '', onClick: () => this.setTab(3), innerHTML: ClipboardDocuments })), this.activeTab === 1 && (h("div", { class: "content" }, h("div", { class: "title" }, "Details"), h("div", { class: "label" }, "Envelope ID"), h("div", { class: "value" }, this.envelope.id), h("div", { class: "label" }, "Date Created"), h("div", { class: "value" }, format(new Date(this.envelope.created_at), 'PP pp')), h("div", { class: "label" }, "Last Modified"), h("div", { class: "value" }, format(new Date(this.envelope.updated_at), 'PP pp')), h("div", { class: "label" }, "Status"), h("div", { class: "value" }, this.envelope.status), h("div", { class: "label" }, "Verdoc Owner ID"), h("div", { class: "value" }, this.envelope.profile_id), h("div", { class: "label" }, "Verdoc Owner Name"), h("div", { class: "value" }, (_a = this.envelope.profile) === null || _a === void 0 ? void 0 :
       _a.first_name, " ", (_b = this.envelope.profile) === null || _b === void 0 ? void 0 :
       _b.last_name), h("div", { class: "label" }, "Verdoc Owner Email"), h("div", { class: "value" }, (_c = this.envelope.profile) === null || _c === void 0 ? void 0 : _c.email))), this.activeTab === 2 && (h("div", { class: "content" }, h("div", { class: "title" }, "Recipients"), this.sortedRecipients.map((recipient, index) => (h("div", { class: "recipient-detail" }, h("div", { class: "recipient-header" }, h("div", { class: "recipient-number" }, index + 1), h("div", { class: "recipient-type" }, recipient.role_name), h("div", { class: { 'recipient-status': true, [recipient.status]: true } }, recipient.status), isEnvelopeOwner && (h("verdocs-dropdown", { onOptionSelected: item => this.handleRecipientAction(recipient, item.detail.id), options: [
         { id: 'reminder', label: 'Send Reminder', disabled: !this.canResendRecipient(recipient) },

package/dist/collection/utils/Toast.js

@@ -45,7 +45,7 @@ export const VerdocsToast = (text, config = {}) => {
   const toastBody = `
     ${icon}
     <div class="verdocs-toast-text" style="padding: 12px 12px 12px 0;">${text}</div>
-    <div class="verdocs-toast-close" style="padding: 12px 8px; background: rgba(0,0,0,0.25); cursor: pointer;">✕</div>
+    <div class="verdocs-toast-close" style="padding: 12px 10px; background: rgba(0, 0, 0, 0.2); cursor: pointer;">✕</div>
   `;
   const toast = document.createElement('div');
   toast.className = 'verdocs-toast';

package/dist/collection/utils/utils.js

@@ -119,9 +119,7 @@ export const renderDocumentField = (field, docPage, roleIndex, fieldOptions) =>
       }
       let { type } = field;
       if (type === 'textbox') {
-        console.log('Rendering text box', field);
         if (((_a = field['setting']) === null || _a === void 0 ? void 0 : _a.leading) > 0 || ((_b = field['settings']) === null || _b === void 0 ? void 0 : _b.leading) > 0) {
-          console.log('Switching to text area', field);
           type = 'textarea';
         }
       }

package/dist/components/Toast.js

@@ -118,7 +118,7 @@ const VerdocsToast = (text, config = {}) => {
   const toastBody = `
     ${icon}
     <div class="verdocs-toast-text" style="padding: 12px 12px 12px 0;">${text}</div>
-    <div class="verdocs-toast-close" style="padding: 12px 8px; background: rgba(0,0,0,0.25); cursor: pointer;">✕</div>
+    <div class="verdocs-toast-close" style="padding: 12px 10px; background: rgba(0, 0, 0, 0.2); cursor: pointer;">✕</div>
   `;
   const toast = document.createElement('div');
   toast.className = 'verdocs-toast';

package/dist/components/utils.js

@@ -140,9 +140,7 @@ const renderDocumentField = (field, docPage, roleIndex, fieldOptions) => {
       }
       let { type } = field;
       if (type === 'textbox') {
-        console.log('Rendering text box', field);
         if (((_a = field['setting']) === null || _a === void 0 ? void 0 : _a.leading) > 0 || ((_b = field['settings']) === null || _b === void 0 ? void 0 : _b.leading) > 0) {
-          console.log('Switching to text area', field);
           type = 'textarea';
         }
       }

package/dist/components/verdocs-envelope-recipient-summary2.js

@@ -85,7 +85,7 @@ const getEnvelopeStore = async (endpoint, envelopeId, forceReload = false) => {
   return store;
 };
 
-const verdocsEnvelopeRecipientSummaryCss = "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 .label{color:#ffffff}verdocs-envelope-recipient-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 .content .title{font-size:20px;margin:0 0 10px 0;color:#33364b}verdocs-envelope-recipient-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 .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 .recipient .role-info{gap:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-recipient-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 .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 .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 .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 = "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}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 VerdocsEnvelopeRecipientSummary = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -159,27 +159,27 @@ const VerdocsEnvelopeRecipientSummary = /*@__PURE__*/ proxyCustomElement(class e
     });
   }
   getLink(recipient) {
-    this.gettingLinks[recipient.role_name] = true;
+    this.gettingLinks = { ...this.gettingLinks, [recipient.role_name]: true };
     getInPersonLink(this.endpoint, recipient.envelope_id, recipient.role_name)
       .then(response => {
-      this.gettingLinks[recipient.role_name] = false;
+      this.gettingLinks = { ...this.gettingLinks, [recipient.role_name]: false };
       this.links = { ...this.links, [recipient.role_name]: response.link };
       this.copyLink(response.link);
     })
       .catch(e => {
-      this.gettingLinks[recipient.role_name] = false;
+      this.gettingLinks = { ...this.gettingLinks, [recipient.role_name]: false };
       console.log('[RECIPIENTS] Error getting link', e);
       VerdocsToast('Unable to get link: ' + e.message, { style: 'error' });
     });
   }
   render() {
     var _a;
-    return (h(Host, null, h("div", { class: "content" }, h("h1", { class: "title" }, "Recipient Summary"), h("div", { class: "rows" }, (_a = this.store.state) === null || _a === void 0 ? void 0 : _a.recipients.map(recipient => {
+    return (h(Host, null, h("div", { class: "summary-content" }, h("h1", { class: "summary-title" }, "Recipient Summary"), h("div", { class: "summary-rows" }, (_a = this.store.state) === null || _a === void 0 ? void 0 : _a.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: "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) }))))));
+      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) }))))));
   }
   static get style() { return verdocsEnvelopeRecipientSummaryCss; }