@verdocs/web-sdk 4.2.43 → 4.2.47

package/dist/esm/{verdocs-field-attachment_13.entry.js → verdocs-field-attachment_12.entry.js}

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment, g as getElement } from './index-3476681c.js';
-import { i as interact } from './interact.min-18f44045.js';
+import { i as interact } from './interact.min-a71beb3d.js';
 import { VerdocsEndpoint, updateField, getRGBA, fileToDataUrl } from '@verdocs/js-sdk';
-import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore-69e28e18.js';
 import { g as getTemplateFieldStore, u as updateStoreField } from './TemplateFieldStore-002f3d4c.js';
-import { g as getFieldSettings, h as commonjsGlobal } from './utils-7d128d3c.js';
+import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore-69e28e18.js';
 import { S as SettingsIcon } from './Icons-faf0377f.js';
+import { c as commonjsGlobal } from './_commonjsHelpers-bdec4bbd.js';
 import { a as FORMAT_DATE, F as FORMAT_TIMESTAMP } from './Types-e4a6eba5.js';
 import { d as dateFns } from './index-0329eed3.js';
 import { n as format } from './format-2bf71189.js';
@@ -88,15 +88,13 @@ const VerdocsFieldAttachment = class {
         Object.assign(e.target.dataset, { x, y, h });
     }
     handleResizeEnd(e) {
-        const field = this.fieldStore.get('fields').find(field => field.name === this.fieldname);
-        const newSettings = { ...getFieldSettings(field) };
-        newSettings.width = Math.round(parseFloat(e.target.style.width));
-        newSettings.height = Math.round(parseFloat(e.target.style.height));
-        updateField(this.endpoint, this.templateid, this.fieldname, { settings: newSettings })
+        const width = Math.round(parseFloat(e.target.style.width));
+        const height = Math.round(parseFloat(e.target.style.height));
+        updateField(this.endpoint, this.templateid, this.fieldname, { width, height })
             .then(field => {
             var _a;
             updateStoreField(this.fieldStore, this.fieldname, field);
-            (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: field.name, settings: newSettings, field });
+            (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: field.name, field });
             Object.assign(e.target.dataset, { x: 0, y: 0, h: 0 });
         })
             .catch(e => console.log('Field update failed', e));
@@ -116,10 +114,9 @@ const VerdocsFieldAttachment = class {
     render() {
         const { templateid, fieldname = '', editable = false, done = false, disabled = false, xscale = 1, yscale = 1 } = this;
         const field = this.fieldStore.get('fields').find(field => field.name === fieldname);
-        const { required = false, role_name = '' } = field || {};
-        const { result: url = '' } = getFieldSettings(field);
+        const { required = false, role_name = '', value = '' } = field || {};
         const backgroundColor = getRGBA(getRoleIndex(this.roleStore, role_name));
-        const hasFile = url || !!this.selectedFile;
+        const hasFile = value || !!this.selectedFile;
         if (done) {
             return (h(Host, { class: { done } }, h("span", { innerHTML: hasFile ? AttachedIcon : PaperclipIcon$1 })));
         }
@@ -152,7 +149,6 @@ const VerdocsFieldCheckbox = class {
         this.roleStore = null;
         this.templateid = '';
         this.fieldname = '';
-        this.option = 0;
         this.disabled = false;
         this.done = false;
         this.editable = false;
@@ -179,12 +175,13 @@ const VerdocsFieldCheckbox = class {
         this.roleStore = getTemplateRoleStore(this.templateid);
     }
     render() {
-        const { templateid, fieldname = '', option, editable = false, done = false, disabled = false, xscale = 1, yscale = 1 } = this;
+        const { templateid, fieldname = '', editable = false, done = false, disabled = false, xscale = 1, yscale = 1 } = this;
         const field = this.fieldStore.get('fields').find(field => field.name === fieldname);
         const { required = false, role_name = '' } = field || {};
-        const { options = [] } = getFieldSettings(field);
         const backgroundColor = getRGBA(getRoleIndex(this.roleStore, role_name));
-        const { id = 'option1', checked = false } = options[option] || {};
+        // TODO
+        const { id = 'option1', checked = false } = {};
+        // const {id = 'option1', checked = false} = options[option] || {};
         const fieldId = `${fieldname}-${id}`;
         if (done) {
             return h(Host, { class: { done } }, checked ? '✓' : '☐');
@@ -298,8 +295,7 @@ const VerdocsFieldDate = class {
     render() {
         const { templateid, fieldname = '', containerId = '', editable = false, focused, done = false, disabled = false, xscale = 1, yscale = 1 } = this;
         const field = this.fieldStore.get('fields').find(field => field.name === fieldname);
-        const { required = false, role_name = '', placeholder = 'Date...' } = field || {};
-        const { result: value = '' } = getFieldSettings(field);
+        const { required = false, role_name = '', placeholder = 'Date...', value = '' } = field || {};
         const backgroundColor = getRGBA(getRoleIndex(this.roleStore, role_name));
         const formattedValue = value ? dateFns.format(new Date(value), FORMAT_DATE) : '';
         if (this.done) {
@@ -369,8 +365,9 @@ const VerdocsFieldDropdown = class {
     render() {
         const { templateid, fieldname = '', editable = false, done = false, disabled = false, xscale = 1, yscale = 1 } = this;
         const field = this.fieldStore.get('fields').find(field => field.name === fieldname);
-        const { required = false, role_name = '' } = field || {};
-        const { result: value = '', options = [] } = getFieldSettings(field);
+        const { required = false, role_name = '', value = '' } = field || {};
+        // TODO:
+        const options = [];
         const backgroundColor = getRGBA(getRoleIndex(this.roleStore, role_name));
         if (done) {
             return h(Host, { class: { done } }, value);
@@ -444,7 +441,7 @@ const VerdocsFieldInitial = class {
         this.dialog.setAttribute('initials', this.initials);
         // this.dialog.setAttribute('roleindex', this.roleindex);
         this.dialog.addEventListener('exit', () => this.hideDialog());
-        this.dialog.addEventListener('next', e => this.handleAdopt(e));
+        this.dialog.addEventListener('next', (e) => this.handleAdopt(e));
         document.body.append(this.dialog);
         this.focused = true;
     }
@@ -463,8 +460,7 @@ const VerdocsFieldInitial = class {
     render() {
         const { templateid, fieldname = '', editable = false, focused, done = false, disabled = false, xscale = 1, yscale = 1 } = this;
         const field = this.fieldStore.get('fields').find(field => field.name === fieldname);
-        const { required = false, role_name = '' } = field || {};
-        const { result: value = '' } = getFieldSettings(field);
+        const { required = false, role_name = '', value = '' } = field || {};
         const backgroundColor = getRGBA(getRoleIndex(this.roleStore, role_name));
         if (done) {
             return h(Host, { class: { done } }, value && h("img", { src: value, alt: "Initial" }));
@@ -485,73 +481,6 @@ const VerdocsFieldInitial = class {
 };
 VerdocsFieldInitial.style = VerdocsFieldInitialStyle0;
 
-const verdocsFieldRadioButtonCss = "@-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-field-radio-button{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:12px;height:12px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-field-radio-button svg{margin-top:4px}verdocs-field-radio-button.disabled{opacity:0.5}verdocs-field-radio-button.disabled.done{opacity:1}verdocs-field-radio-button input{cursor:inherit}verdocs-field-radio-button.done input[type=radio]{margin:0;padding:0;width:10px;height:10px}verdocs-field-radio-button:not(.done) input[type=radio]{position:absolute;opacity:0}verdocs-field-radio-button:not(.done) input[type=radio]+label:before{content:\"\";border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:10px;height:10px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-field-radio-button:not(.done) input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-field-radio-button:not(.done) input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-field-radio-button:not(.done) input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-field-radio-button:not(.done) input[type=radio]+label:empty:before{margin-right:0}verdocs-field-radio-button.required{border:1px solid #cc0000}verdocs-field-radio-button.hide{display:none}verdocs-field-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-radio-button verdocs-button-panel{margin-left:-20px;margin-top:-7px;-webkit-transform:scale(0.7);transform:scale(0.7)}verdocs-field-radio-button .settings-icon{position:absolute;top:-6px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-radio-button .settings-icon svg{fill:#707ae5}verdocs-field-radio-button .settings-icon:hover{opacity:1}";
-const VerdocsFieldRadioButtonStyle0 = verdocsFieldRadioButtonCss;
-
-const RadioIconUnselected = `<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg>`;
-const RadioIconSelected = `<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg>`;
-const VerdocsFieldRadioButton = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.settingsChanged = createEvent(this, "settingsChanged", 7);
-        this.deleted = createEvent(this, "deleted", 7);
-        this.fieldStore = null;
-        this.roleStore = null;
-        this.templateid = '';
-        this.fieldname = '';
-        this.option = 0;
-        this.disabled = false;
-        this.done = false;
-        this.editable = false;
-        this.moveable = false;
-        this.xscale = 1;
-        this.yscale = 1;
-        this.pagenumber = 1;
-        this.showingProperties = false;
-    }
-    async showSettingsPanel() {
-        const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
-        if (settingsPanel && settingsPanel.showPanel) {
-            settingsPanel.showPanel();
-        }
-    }
-    async hideSettingsPanel() {
-        const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
-        if (settingsPanel && settingsPanel.hidePanel) {
-            settingsPanel.hidePanel();
-        }
-    }
-    async componentWillLoad() {
-        this.fieldStore = getTemplateFieldStore(this.templateid);
-        this.roleStore = getTemplateRoleStore(this.templateid);
-    }
-    render() {
-        const { templateid, fieldname = '', option, editable = false, done = false, disabled = false, xscale = 1, yscale = 1 } = this;
-        const field = this.fieldStore.get('fields').find(field => field.name === fieldname);
-        const { required = false, role_name = '' } = field || {};
-        const { options = [] } = getFieldSettings(field);
-        const backgroundColor = getRGBA(getRoleIndex(this.roleStore, role_name));
-        const { id = 'option1', selected = false } = options[option] || {};
-        const fieldId = `${fieldname}-${id}`;
-        if (done) {
-            return (h(Host, { class: { done }, style: { maxWidth: '10px' } }, h("span", { innerHTML: selected ? RadioIconSelected : RadioIconUnselected })));
-        }
-        return (h(Host, { class: { required, disabled, done }, style: { backgroundColor } }, h("input", { id: fieldId, type: "radio", name: fieldname, value: id, checked: !!selected, disabled: disabled, required: required }), h("label", { htmlFor: fieldId }), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
-                e.stopPropagation();
-                this.showingProperties = !this.showingProperties;
-            } }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => (this.showingProperties = false), onDelete: () => {
-                var _a;
-                (_a = this.deleted) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: fieldname });
-                return this.hideSettingsPanel();
-            }, onSettingsChanged: e => {
-                var _a;
-                (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit(e.detail);
-                return this.hideSettingsPanel();
-            }, helpText: "Radio buttons capture the recipient's selection of just one of several related (exclusive) options." })))))));
-    }
-};
-VerdocsFieldRadioButton.style = VerdocsFieldRadioButtonStyle0;
-
 const verdocsFieldSignatureCss = "@-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-field-signature{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:83px;height:36px;display:block;font-size:11px;position:relative;letter-spacing:0.3px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-signature.disabled{opacity:0.5}verdocs-field-signature.done{border:none;opacity:1}verdocs-field-signature img{display:block;max-width:100%;max-height:100%}verdocs-field-signature button{cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-signature button.hide{display:none}verdocs-field-signature.required{border:1px solid rgb(204, 0, 0)}verdocs-field-signature.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-signature verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-signature verdocs-button-panel[data-active],verdocs-field-signature verdocs-button-panel:hover{opacity:1}verdocs-field-signature verdocs-button-panel .icon svg{fill:#333333}verdocs-field-signature verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-signature .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-signature .settings-icon svg{fill:#707ae5}verdocs-field-signature .settings-icon:hover{opacity:1}";
 const VerdocsFieldSignatureStyle0 = verdocsFieldSignatureCss;
 
@@ -599,7 +528,7 @@ const VerdocsFieldSignature = class {
         this.dialog.setAttribute('name', this.name);
         // this.dialog.setAttribute('roleindex', this.roleindex);
         this.dialog.addEventListener('exit', () => this.hideDialog());
-        this.dialog.addEventListener('next', e => this.handleAdopt(e));
+        this.dialog.addEventListener('next', (e) => this.handleAdopt(e));
         document.body.append(this.dialog);
         this.focused = true;
     }
@@ -622,8 +551,7 @@ const VerdocsFieldSignature = class {
     render() {
         const { templateid, fieldname = '', editable = false, focused, done = false, disabled = false, xscale = 1, yscale = 1 } = this;
         const field = this.fieldStore.get('fields').find(field => field.name === fieldname);
-        const { required = false, role_name = '' } = field || {};
-        const { result: value = '' } = getFieldSettings(field);
+        const { required = false, role_name = '', value = '' } = field || {};
         const backgroundColor = getRGBA(getRoleIndex(this.roleStore, role_name));
         if (done) {
             return h(Host, { class: { done } }, value && h("img", { src: value, alt: "Signature" }));
@@ -721,16 +649,15 @@ const VerdocsFieldTextarea = class {
         if (!field) {
             return h(Fragment, null);
         }
-        const newSettings = { ...getFieldSettings(field) };
         const [translateX, translateY] = e.target.style.transform.split('(')[1].split(')')[0].split(',').map(parseFloat);
-        newSettings.width = Math.round(parseFloat(e.target.style.width) / this.xscale);
-        newSettings.height = Math.round(parseFloat(e.target.style.height) / this.yscale);
-        newSettings.x = Math.round(newSettings.x + translateX / this.xscale);
-        newSettings.y = Math.round(newSettings.y - translateY / this.yscale);
-        updateField(this.endpoint, this.templateid, this.fieldname, { settings: newSettings })
+        const width = Math.round(parseFloat(e.target.style.width) / this.xscale);
+        const height = Math.round(parseFloat(e.target.style.height) / this.yscale);
+        const x = Math.round(field.x + translateX / this.xscale);
+        const y = Math.round(field.y - translateY / this.yscale);
+        updateField(this.endpoint, this.templateid, this.fieldname, { x, y, width, height })
             .then(field => {
             var _a;
-            (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.fieldname, settings: newSettings, field });
+            (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.fieldname, field });
             Object.assign(e.target.dataset, { x: 0, y: 0, h: 0 });
         })
             .catch(e => console.log('Field update failed', e));
@@ -738,8 +665,7 @@ const VerdocsFieldTextarea = class {
     render() {
         const { templateid, fieldname = '', editable = false, focused, done = false, disabled = false, xscale = 1, yscale = 1 } = this;
         const field = this.fieldStore.get('fields').find(field => field.name === fieldname);
-        const { required = false, role_name = '', placeholder = '' } = field || {};
-        const { result: value = '' } = getFieldSettings(field);
+        const { required = false, role_name = '', placeholder = '', value = '' } = field || {};
         const backgroundColor = getRGBA(getRoleIndex(this.roleStore, role_name));
         if (done) {
             return h(Host, { class: { done } }, value);
@@ -838,15 +764,13 @@ const VerdocsFieldTextbox = class {
     }
     handleResizeEnd(e) {
         const { fieldname = '' } = this;
-        const field = this.fieldStore.get('fields').find(field => field.name === fieldname);
-        const newSettings = { ...getFieldSettings(field) };
-        newSettings.width = Math.round(parseFloat(e.target.style.width));
-        newSettings.height = Math.round(parseFloat(e.target.style.height));
-        updateField(this.endpoint, this.templateid, this.fieldname, { settings: newSettings })
+        const width = Math.round(parseFloat(e.target.style.width));
+        const height = Math.round(parseFloat(e.target.style.height));
+        updateField(this.endpoint, this.templateid, this.fieldname, { width, height })
             .then(field => {
             var _a;
             updateStoreField(this.fieldStore, this.fieldname, field);
-            (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: fieldname, settings: newSettings, field });
+            (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: fieldname, field });
             Object.assign(e.target.dataset, { x: 0, y: 0, h: 0 });
         })
             .catch(e => console.log('Field update failed', e));
@@ -926,8 +850,7 @@ const VerdocsFieldTimestamp = class {
     render() {
         const { templateid, fieldname = '', editable = false, done = false, disabled = false, xscale = 1, yscale = 1 } = this;
         const field = this.fieldStore.get('fields').find(field => field.name === fieldname);
-        const { required = false, role_name = '', placeholder = '' } = field || {};
-        const { value = '' } = getFieldSettings(field);
+        const { required = false, role_name = '', placeholder = '', value = '' } = field || {};
         const backgroundColor = getRGBA(getRoleIndex(this.roleStore, role_name));
         const formatted = format.format(new Date(value || new Date().toISOString()), FORMAT_TIMESTAMP);
         if (done) {
@@ -1168,7 +1091,7 @@ const VerdocsInitialDialog = class {
     }
      */
     render() {
-        return (h(Host, { key: '9006cdf73a61c1d98c81bdebbdf18f4b556ddeb9', onClick: e => this.handleCancel(e) }, h("div", { key: 'cbd4bb1d98fd49e3874ddbd747c7cee69cb5c39e', class: "dialog" }, h("div", { key: 'c751dcfa414370fd1eb9adc8eb8e9b22af8383ae', class: "heading" }, "Create Your Initial"), h("div", { key: '3bf621f90c954b626c90925b50b65a08b2a5bf37', class: "content" }, h("verdocs-text-input", { key: 'f66fa605b16228d389231908825483594e3872bf', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), h("div", { key: '42b8206f41b9acf5220d3b132fc1ab8f038a1522', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { key: '64c1da383cc7f6fc6d34af5bcced3caa623eae02', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), h("div", { key: '0c8621ee304a5819607612ceeae0276a8a3f84dd', class: "buttons" }, h("verdocs-button", { key: '84b4ea8e03a58be3719d6e5c54227db2538a1753', label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '64a5480d9b29fbb1d17c5735259f486693dc6cea', label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
+        return (h(Host, { key: '98f8bc6b29579e346c77c0d95f411856d1ac9574', onClick: e => this.handleCancel(e) }, h("div", { key: 'f5523f0097065f6bb98ae3dafa5597c9c838bdb1', class: "dialog" }, h("div", { key: 'd02d5974a2e4cd5c4a902eb50ffc3eb266d8581a', class: "heading" }, "Create Your Initial"), h("div", { key: 'bcc0f0c0576e2d04368b343ffe2ab068adbccad7', class: "content" }, h("verdocs-text-input", { key: '59d99f2d65a80f0b026e2b7437124ee451646ce9', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), h("div", { key: '74bea0970b5a0cb3e8ba0b1161831ca2ee5c4df5', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { key: '1964a8a425a78881257c7c649e86b55d2d4d1f44', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), h("div", { key: '8032dbe137f00c09ac4416901dbe9fef27cfb961', class: "buttons" }, h("verdocs-button", { key: 'f6151fbecf531ee7c1d0d257bf9e72a24f00deca', label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '2ab798869462bd942a37c34bbbe7c35a27927044', label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
     }
 };
 VerdocsInitialDialog.style = VerdocsInitialDialogStyle0;
@@ -1389,7 +1312,7 @@ const VerdocsSignatureDialog = class {
     }
      */
     render() {
-        return (h(Host, { key: '88ef514634fef3e3773f13efeeb2b22cbaf9ff0a', onClick: e => this.handleCancel(e) }, h("div", { key: '31369669f68670330cb2f54ec9be44ff6100ac83', class: "dialog" }, h("div", { key: 'd161b9a0e0945cda909eabbd0404448a03e29198', class: "heading" }, "Create Your Signature"), h("div", { key: '9777dd4289072f0be511bb1ec828ed540011e6be', class: "content" }, h("verdocs-text-input", { key: 'afed3547dd47d4883ac84d83d4d05eca9a30d5a2', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), h("div", { key: '728f24c1a88a395f940df350169ed6ba628d2685', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { key: 'abafa624e941b6f6e758fbd75ddd7e0044a377dc', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), h("div", { key: 'fbcc0705c21b7ed206222a9b7382a5562ee7f83d', class: "buttons" }, h("verdocs-button", { key: '5f921b4dfc7df16867071b117a9b055a8aeee8da', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'dbf88043b9deedb378181bf48d7a04428a32e653', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
+        return (h(Host, { key: '473acd8e7140c4f43b62a621a593fc20005ebe4e', onClick: e => this.handleCancel(e) }, h("div", { key: 'b9a66a9135857b2bbcc6afaaa9beaaae4eb64256', class: "dialog" }, h("div", { key: 'f89321f14c13eebde00ffa94c0d22d965000b8fe', class: "heading" }, "Create Your Signature"), h("div", { key: 'ca4ca07c5edcbd64cf2ade7b00e2ad73ca27099e', class: "content" }, h("verdocs-text-input", { key: 'c58ef162f417e8641928e501e1049155a2281537', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), h("div", { key: 'ad45ecc444bebd5148a2ba83fcff151173dcba49', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { key: '49cf09bf30308ad8f2f6d532d79663e22d02b0d7', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), h("div", { key: '322a98f49bfef63474ec02ee04c3655310d730e8', class: "buttons" }, h("verdocs-button", { key: 'fd32bb8d435469f40e7ac371e0b0e5e67138f2e5', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'b7c57d29e5392e90bd5374b3078abf4d78ffbfb4', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
     }
 };
 VerdocsSignatureDialog.style = VerdocsSignatureDialogStyle0;
@@ -1464,9 +1387,9 @@ const VerdocsUploadDialog = class {
         this.decodedFiles = await Promise.all(droppedFiles.map(fileToDataUrl));
     }
     render() {
-        return (h(Host, { key: '00cddffd15d81c343c9f23ca79a26fd7b7c607ec' }, h("div", { key: '30308c5289e2bed777fb8d3bcbbfa4c5da71f967', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '667874e38d9b7c4be180e6097205c829e7bc497c', class: "dialog" }, h("div", { key: '25f97a72a7541feecf123a2c7a202024220c8a19', class: "heading" }, "Upload attachment"), this.decodedFiles.length < 1 ? (h("div", { class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, h("p", null, "Drag and drop a file here..."), h("p", null, "- or -"), h("verdocs-button", { label: "Select a file...", onClick: () => this.handleSelectFile() }), h("input", { type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, onChange: () => this.handleFileChange() }))) : (h("div", { class: "attachments" }, this.decodedFiles.map((file, index) => (h("div", { class: "attachment" }, h("div", { class: "icon", innerHTML: PaperclipIcon }), h("div", { class: "name" }, file.name), h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index) })))))), h("div", { key: 'a5fa38c5fdba79aef2f52b01a264ac9552190c78', class: "buttons" }, h("verdocs-button", { key: '07978b71c5a0293beca4eefebf3b7b280be914f8', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: 'c16e03120a392673aa656e7d6c6dfec599127f36', label: "Done", onClick: () => this.handleDone(), disabled: this.decodedFiles.length < 1 }))))));
+        return (h(Host, { key: '2cd98783a0cba44f723273fe01518cc96d6b0618' }, h("div", { key: '118f116c01a7a555564d95e42472333c59476e64', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '73f17cb245b77d8b67a4bca73599bb0cd4a527da', class: "dialog" }, h("div", { key: '4047027eea9e427cca5b6e70d4173b254952995a', class: "heading" }, "Upload attachment"), this.decodedFiles.length < 1 ? (h("div", { class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, h("p", null, "Drag and drop a file here..."), h("p", null, "- or -"), h("verdocs-button", { label: "Select a file...", onClick: () => this.handleSelectFile() }), h("input", { type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, onChange: () => this.handleFileChange() }))) : (h("div", { class: "attachments" }, this.decodedFiles.map((file, index) => (h("div", { class: "attachment" }, h("div", { class: "icon", innerHTML: PaperclipIcon }), h("div", { class: "name" }, file.name), h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index) })))))), h("div", { key: 'c406436cf2827cb59da7acc8e0f023aa16870c2f', class: "buttons" }, h("verdocs-button", { key: '8d12c1a94e3981148d09888bf17926e07606b1ed', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: '581b0253772c130efbee4f6ef8a65c38bbf3ea62', label: "Done", onClick: () => this.handleDone(), disabled: this.decodedFiles.length < 1 }))))));
     }
 };
 VerdocsUploadDialog.style = VerdocsUploadDialogStyle0;
 
-export { VerdocsFieldAttachment as verdocs_field_attachment, VerdocsFieldCheckbox as verdocs_field_checkbox, VerdocsFieldDate as verdocs_field_date, VerdocsFieldDropdown as verdocs_field_dropdown, VerdocsFieldInitial as verdocs_field_initial, VerdocsFieldRadioButton as verdocs_field_radio_button, VerdocsFieldSignature as verdocs_field_signature, VerdocsFieldTextarea as verdocs_field_textarea, VerdocsFieldTextbox as verdocs_field_textbox, VerdocsFieldTimestamp as verdocs_field_timestamp, VerdocsInitialDialog as verdocs_initial_dialog, VerdocsSignatureDialog as verdocs_signature_dialog, VerdocsUploadDialog as verdocs_upload_dialog };
+export { VerdocsFieldAttachment as verdocs_field_attachment, VerdocsFieldCheckbox as verdocs_field_checkbox, VerdocsFieldDate as verdocs_field_date, VerdocsFieldDropdown as verdocs_field_dropdown, VerdocsFieldInitial as verdocs_field_initial, VerdocsFieldSignature as verdocs_field_signature, VerdocsFieldTextarea as verdocs_field_textarea, VerdocsFieldTextbox as verdocs_field_textbox, VerdocsFieldTimestamp as verdocs_field_timestamp, VerdocsInitialDialog as verdocs_initial_dialog, VerdocsSignatureDialog as verdocs_signature_dialog, VerdocsUploadDialog as verdocs_upload_dialog };

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

@@ -47,7 +47,7 @@ const VerdocsFieldPayment = class {
         // Load fields
         // Get role names
         if (this.recipients && this.recipients.length > 0) {
-            const preparer = this.recipients.find(r => r.type === 'preparer');
+            const preparer = this.recipients.find((r) => r.type === 'preparer');
             console.log('Found preparer', preparer);
             if (preparer) {
                 this.preparedMessage = `Prepared by ${preparer['full_name']}`;

package/dist/esm/verdocs-field-radio.entry.js

@@ -2,11 +2,8 @@ import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment }
 import { getRGBA } from '@verdocs/js-sdk';
 import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore-69e28e18.js';
 import { g as getTemplateFieldStore } from './TemplateFieldStore-002f3d4c.js';
-import { g as getFieldSettings } from './utils-7d128d3c.js';
 import { S as SettingsIcon } from './Icons-faf0377f.js';
 import './index-e58b15f6.js';
-import './Types-e4a6eba5.js';
-import './index-0329eed3.js';
 
 const verdocsFieldRadioCss = "@-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-field-radio-button{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:12px;height:12px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-field-radio-button svg{margin-top:4px}verdocs-field-radio-button.disabled{opacity:0.5}verdocs-field-radio-button.disabled.done{opacity:1}verdocs-field-radio-button input{cursor:inherit}verdocs-field-radio-button.done input[type=radio]{margin:0;padding:0;width:10px;height:10px}verdocs-field-radio-button:not(.done) input[type=radio]{position:absolute;opacity:0}verdocs-field-radio-button:not(.done) input[type=radio]+label:before{content:\"\";border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:10px;height:10px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-field-radio-button:not(.done) input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-field-radio-button:not(.done) input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-field-radio-button:not(.done) input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-field-radio-button:not(.done) input[type=radio]+label:empty:before{margin-right:0}verdocs-field-radio-button.required{border:1px solid #cc0000}verdocs-field-radio-button.hide{display:none}verdocs-field-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-radio-button verdocs-button-panel{margin-left:-20px;margin-top:-7px;-webkit-transform:scale(0.7);transform:scale(0.7)}verdocs-field-radio-button .settings-icon{position:absolute;top:-6px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-radio-button .settings-icon svg{fill:#707ae5}verdocs-field-radio-button .settings-icon:hover{opacity:1}";
 const VerdocsFieldRadioStyle0 = verdocsFieldRadioCss;
@@ -22,7 +19,6 @@ const VerdocsFieldRadio = class {
         this.roleStore = null;
         this.templateid = '';
         this.fieldname = '';
-        this.option = 0;
         this.disabled = false;
         this.done = false;
         this.editable = false;
@@ -49,12 +45,13 @@ const VerdocsFieldRadio = class {
         this.roleStore = getTemplateRoleStore(this.templateid);
     }
     render() {
-        const { templateid, fieldname = '', option, editable = false, done = false, disabled = false, xscale = 1, yscale = 1 } = this;
+        const { templateid, fieldname = '', editable = false, done = false, disabled = false, xscale = 1, yscale = 1 } = this;
         const field = this.fieldStore.get('fields').find(field => field.name === fieldname);
         const { required = false, role_name = '' } = field || {};
-        const { options = [] } = getFieldSettings(field);
         const backgroundColor = getRGBA(getRoleIndex(this.roleStore, role_name));
-        const { id = 'option1', selected = false } = options[option] || {};
+        // TODO
+        const { id = 'option1', selected = false } = {};
+        // const {id = 'option1', selected = false} = options[option] || {};
         const fieldId = `${fieldname}-${id}`;
         if (done) {
             return (h(Host, { class: { done }, style: { maxWidth: '10px' } }, h("span", { innerHTML: selected ? RadioIconSelected : RadioIconUnselected })));

package/dist/esm/verdocs-file-chooser_2.entry.js

@@ -27,7 +27,7 @@ const VerdocsFileChooser = class {
     }
     render() {
         const buttonlabel = this.file ? 'Select a different file' : 'Select a file from your computer';
-        return (h(Host, { key: 'c5a0f7286477e1abb1e9211fa44317b1e10fbad7' }, h("input", { key: '26a1aec574872d2dd3406c54c434503c3b81ff6a', type: "file", multiple: true, id: "verdocs-file-chooser", accept: "application/pdf,.pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document", style: { display: 'none' }, onChange: e => this.handleFileChanged(e) }), h("div", { key: 'e470dcabda5905509ee5c14a57c2a91585f0ce90', class: "upload-box" }, h("div", { key: 'faf9f0babd52c256126a9a49a0a7c3ad3b293257', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), h("div", { key: '8c4d46193b78c39e1ebdf82e4d9748991d87f415', class: "or-prefer" }, this.file ? unicodeNBSP : 'Or, if you prefer...'), h("verdocs-button", { key: 'e9616e665a5b3c9e4d04055993e1bbcae66d8322', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
+        return (h(Host, { key: '3c8755723e41e7878c0b11e8667ba7f3af70dc57' }, h("input", { key: 'a93020ee87c7bc31114899bc163f31d24da9f990', type: "file", multiple: true, id: "verdocs-file-chooser", accept: "application/pdf,.pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document", style: { display: 'none' }, onChange: e => this.handleFileChanged(e) }), h("div", { key: '22ad1f874ee4d785bbc96d9124a8e569d795a66b', class: "upload-box" }, h("div", { key: '6e8d2fbf0e69381ca89b9cfa81fc160b2f7857d3', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), h("div", { key: '76712ca0fbb5ca76d923931c638991e89ced755e', class: "or-prefer" }, this.file ? unicodeNBSP : 'Or, if you prefer...'), h("verdocs-button", { key: 'f1c93ee91e36bc312c01ad9b8561948a642ba10f', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
     }
 };
 VerdocsFileChooser.style = VerdocsFileChooserStyle0;
@@ -45,7 +45,7 @@ const VerdocsProgressBar = class {
     render() {
         const widthPercent = Math.ceil((100 * Math.min(this.percent, 100)) / 100);
         console.log('Rendering progress bar', { widthPercent, label: this.label, showPercent: this.showPercent, percent: this.percent });
-        return (h(Host, { key: '8b1b66e6fea674c6dbd31ae8de842ad07a411118' }, h("div", { key: '384af4301fbe9f8668688551f60da9ea5175f5a9', class: "labels" }, this.label && h("div", { key: 'af1578e6c2e5c9993613b43a24416bfd62f7da3d', class: "label" }, this.label), this.showPercent && h("div", { key: '174b1e878eec204af82dba5f60bab3699e3ba435', class: "label" }, this.percent, "%")), h("div", { key: 'c9c0a875d37ec0de10184143e4239ede8d7d208c', class: "bar" }, h("div", { key: '9e2f3c25d5cb38b5eedf77010b05a393c74fd07e', class: "slider", style: { width: `${widthPercent}%` } }))));
+        return (h(Host, { key: '26db36f7031e869a43d70fd159c7acd9872ae379' }, h("div", { key: '2fdb0235a24303c15edc3adb620c0c7ebc8d1291', class: "labels" }, this.label && h("div", { key: '6e9ae22da5da7bfa5daf25d310c3ec0f64d994ff', class: "label" }, this.label), this.showPercent && h("div", { key: 'f7d2a00f352199cd78d51e6003897bb000fbfeb5', class: "label" }, this.percent, "%")), h("div", { key: 'de9ef450a7dfc69b88c47491e07463804fa419b4', class: "bar" }, h("div", { key: '7adc0673eba1bbd7dd4f2227c5f508e3a8b87e4d', class: "slider", style: { width: `${widthPercent}%` } }))));
     }
 };
 VerdocsProgressBar.style = VerdocsProgressBarStyle0;

package/dist/esm/verdocs-kba-dialog.entry.js

@@ -33,9 +33,9 @@ const VerdocsKbaDialog = class {
         this.next.emit(this.response);
     }
     render() {
-        return (h(Host, { key: 'c82a5d8b5257732255861a67a51ed6a0b2675b77' }, h("div", { key: 'c102ab713567ed43cef7c344df8a0936274b6f6e', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'e932de4a3ca2402a965744ab02f9d6c3b8f86645', class: "dialog" }, h("div", { key: '569f5420ada83b65ecc93147aed387086f659b34', class: "heading" }, "Confirm Your Identity", this.steps > 1 ? (h("span", { class: "step" }, "(", this.step, "/", this.steps, ")")) : (h(Fragment, null))), h("div", { key: '2ffd440933f4e7c44a72eab3fdfd36f8e8a630c8', class: "help-box" }, h("div", { key: '79b7cba2e72d7fd7e576b1f965014e67759727e5', class: "help-icon", innerHTML: QuestionIcon }), h("div", { key: '5ccf156e49de25f88804641ab4b67536838f2876', class: "help-details" }, h("div", { key: '857feb344fd1ba7fdabda6c090e64b03ea1150bb', class: "help-title" }, this.helptitle), h("div", { key: 'b0f0bde18492545dcb767a6a73b70fbebb497ecb', class: "help-text" }, this.helptext))), this.mode === 'choice' ? (h("div", { class: "choices" }, this.choices.map(choice => (h("div", { class: `choice ${choice === this.response ? 'selected' : ''}`, onClick: () => {
+        return (h(Host, { key: 'da8054400603e7418a3d242a9748bf7ffef16d3d' }, h("div", { key: '792bf0a4b01debcd3d9c7bb463e231e2eb484bcd', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'e45a0b6afa03b2f0accf8e6482d17b46030e126d', class: "dialog" }, h("div", { key: 'e847058eaa84b95a5e4280cd97d7dc836ee0d440', class: "heading" }, "Confirm Your Identity", this.steps > 1 ? (h("span", { class: "step" }, "(", this.step, "/", this.steps, ")")) : (h(Fragment, null))), h("div", { key: 'e5c56390905ddb76306c61e0c6b0d1bdef2711c4', class: "help-box" }, h("div", { key: '09884fd5082b7c8f486cbdfb77600c0880fd27e4', class: "help-icon", innerHTML: QuestionIcon }), h("div", { key: '7a616300c3f63eab801e50058a0e7af05b78a480', class: "help-details" }, h("div", { key: 'cfd964d86c1a9613514c3aa287aa9054628e52f5', class: "help-title" }, this.helptitle), h("div", { key: 'bbbc656fbde278951af5dc9a584f87f9ebc8c774', class: "help-text" }, this.helptext))), this.mode === 'choice' ? (h("div", { class: "choices" }, this.choices.map(choice => (h("div", { class: `choice ${choice === this.response ? 'selected' : ''}`, onClick: () => {
                 this.response = choice;
-            } }, choice))))) : (h("div", { class: "input" }, h("label", { htmlFor: "verdocs-kba-input" }, this.label), h("input", { type: "text", id: "verdocs-kba-input", name: "verdocs-kba-input", placeholder: this.placeholder }))), h("div", { key: 'b76320da31947aa982e3d93c766e395b4133d15f', class: "buttons" }, h("verdocs-button", { key: 'bc7c181fc05366341cc4c4e2e2f00749b5ac377e', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: 'dbd938075496f58916586ae1ab89290ab73d129a', label: "Done", onClick: () => this.handleDone(), disabled: !this.response }))))));
+            } }, choice))))) : (h("div", { class: "input" }, h("label", { htmlFor: "verdocs-kba-input" }, this.label), h("input", { type: "text", id: "verdocs-kba-input", name: "verdocs-kba-input", placeholder: this.placeholder }))), h("div", { key: '292ba4aeeb659c074ca6bf7cf140509eef3bae72', class: "buttons" }, h("verdocs-button", { key: '66d145fd7aa347f7fadb14a4242626a85961bb11', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: 'e27794562d12fb066509df1c28836b2292e85e4e', label: "Done", onClick: () => this.handleDone(), disabled: !this.response }))))));
     }
 };
 VerdocsKbaDialog.style = VerdocsKbaDialogStyle0;

package/dist/esm/verdocs-loader.entry.js

@@ -8,7 +8,7 @@ const VerdocsLoader = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h(Host, { key: 'ed5515379a667ba9187a662d42ec3d96148f4536' });
+        return h(Host, { key: 'e62911490bdee24308a18ef52651393469dd6e5b' });
     }
 };
 VerdocsLoader.style = VerdocsLoaderStyle0;

package/dist/esm/verdocs-ok-dialog.entry.js

@@ -29,7 +29,7 @@ const VerdocsOkDialog = class {
         }
     }
     render() {
-        return (h(Host, { key: 'c1505d930741a4a0e1eb9a9832de8e55d09b207c', class: this.closed ? 'closed' : '' }, h("div", { key: 'f4c1ce92701f56a3b839bc49a0beb38665a65556', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '0fe99745209ca40287512f114122d1a0f0c4e597', class: "dialog" }, h("div", { key: '93deffa53c92913b65109f3c9826e61561f91c68', class: "heading" }, this.heading), h("div", { key: 'b0a64c6f2072655ce439d5008ecfe55651d48d8f', class: "content" }, h("div", { key: '3f89fd4b54dfa1c8437c2aa7dd21310827516004', class: "message", innerHTML: this.message }), h("div", { key: 'a86843d9915f72bcc00810c87f3311c77cf3b566', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: 'd160170c8a58dde135ba4c5ae4dac35ac79c24a1', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
+        return (h(Host, { key: 'd1e3ae19b392dc0b6d72d7f556dcd7e3563bfdf0', class: this.closed ? 'closed' : '' }, h("div", { key: '7ebf997fa041a6dc46db786a907892f2e453dae0', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '5b1942996241c78ba43d69d3cfc524122fb61a34', class: "dialog" }, h("div", { key: 'f2f4a909de8fffe96deb3b8e5dd40c33eabb8f7b', class: "heading" }, this.heading), h("div", { key: 'be340ff6b4505a2e4860dedaf45ee96a8a163fb4', class: "content" }, h("div", { key: '96ca69ddc741ba55a29084d5acb06297b92542e3', class: "message", innerHTML: this.message }), h("div", { key: '380641fb9acafc35508a8099a4aca16849b24631', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: '783c61e0ef96346d18923a4961988efa762c360f', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
     }
 };
 VerdocsOkDialog.style = VerdocsOkDialogStyle0;

package/dist/esm/verdocs-organization-card_2.entry.js

@@ -16085,7 +16085,7 @@ const VerdocsOrganizationCard = class {
         console.log('Rendering org card', this.organization.thumbnail_url, this.organization);
         const fallbackIcon = BusinessIcon;
         const portalId = `verdocs-org-card-${this.organization.id}`;
-        return (h(Host, { key: '984cc4f5ae5a5bd8be25812d23e2137b86b8cb53', id: portalId }, this.organization.thumbnail_url ? h("img", { class: "icon", src: this.organization.thumbnail_url, alt: "Logo" }) : h("span", { class: "icon", innerHTML: fallbackIcon }), h("span", { key: 'ef2b5647ef244a490b453ab4cfea637c817b6250', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), h("verdocs-portal", { key: 'be131ea49f16eda6400b7fae51c137b6c765ba1f', anchor: portalId }, h("div", { key: 'cf1f7f9c1bb9a9f2725ee610c5ad7d338e102948', class: "verdocs-org-card-popup", style: { display: this.hovered ? 'block' : 'none' } }, this.organization.full_logo_url ? (h("div", { class: "popup-header-with-logo" }, h("img", { src: this.organization.full_logo_url, alt: "Logo" }), h("div", { class: "title" }, (_b = this.organization) === null || _b === void 0 ? void 0 : _b.name))) : (h("div", { class: "popup-header" }, h("span", { class: "status" }, h("span", { class: "icon", innerHTML: fallbackIcon })), h("span", { class: "title" }, (_c = this.organization) === null || _c === void 0 ? void 0 : _c.name))), h("div", { key: '1757748b560ed3ce222ff2ebff898c70898cc0e2', class: "popup-body" }, h("div", { key: '49fb111697b12303c2aa261dba15f68a316cc6e3', class: "field" }, h("strong", { key: 'e75239eec42a1bd06332f41ad4273c9f5cc33879' }, "Joined"), dateFns.format(new Date(((_d = this.organization) === null || _d === void 0 ? void 0 : _d.created_at) || undefined), 'LLL d, Y')), this.organization.url && (h("div", { key: '6f2445fe7b9b283e9d13b77e5c45da8dfaeff54b', class: "field" }, h("strong", { key: '2742ec20318bbb3f2ba0d71aea75d3778aa82d6f' }, "Website"), h("a", { key: 'dac897696dabd8c46c26294846b08f64026150fc', href: (_e = this.organization) === null || _e === void 0 ? void 0 : _e.url, target: "_blank", rel: "nofollow" }, (_f = this.organization) === null || _f === void 0 ? void 0 : _f.url))))))));
+        return (h(Host, { key: '2d1a8c0b8be06ec11e8d3f54b94e9c5f45ecbdf2', id: portalId }, this.organization.thumbnail_url ? h("img", { class: "icon", src: this.organization.thumbnail_url, alt: "Logo" }) : h("span", { class: "icon", innerHTML: fallbackIcon }), h("span", { key: '7a5984b3e888d5f5f31d557276aa88ddd0578d9d', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), h("verdocs-portal", { key: '4edbb7c0add1ef329c3892bfe0457b74137c5249', anchor: portalId }, h("div", { key: 'ea1356877ef8e4be7ecd405c882131d6a85373a4', class: "verdocs-org-card-popup", style: { display: this.hovered ? 'block' : 'none' } }, this.organization.full_logo_url ? (h("div", { class: "popup-header-with-logo" }, h("img", { src: this.organization.full_logo_url, alt: "Logo" }), h("div", { class: "title" }, (_b = this.organization) === null || _b === void 0 ? void 0 : _b.name))) : (h("div", { class: "popup-header" }, h("span", { class: "status" }, h("span", { class: "icon", innerHTML: fallbackIcon })), h("span", { class: "title" }, (_c = this.organization) === null || _c === void 0 ? void 0 : _c.name))), h("div", { key: '9b5d314f138922acb826652f41b384c2b29f0df1', class: "popup-body" }, h("div", { key: '625520444f54f9433e882a14a58932eb4a78676f', class: "field" }, h("strong", { key: '5a5d0fa10a4d843997e0555d57b165aeec7495aa' }, "Joined"), dateFns.format(new Date(((_d = this.organization) === null || _d === void 0 ? void 0 : _d.created_at) || undefined), 'LLL d, Y')), this.organization.url && (h("div", { key: '3f5e5d5e5fd863743fc3ac20ef855ccbea8be63d', class: "field" }, h("strong", { key: 'ab2e95fd59304dda6ac5190ea9421c6429e46814' }, "Website"), h("a", { key: 'd06cff21c159e9c1b7d051e762f2687ae2a94b7b', href: (_e = this.organization) === null || _e === void 0 ? void 0 : _e.url, target: "_blank", rel: "nofollow" }, (_f = this.organization) === null || _f === void 0 ? void 0 : _f.url))))))));
     }
 };
 VerdocsOrganizationCard.style = VerdocsOrganizationCardStyle0;
@@ -16157,7 +16157,7 @@ const VerdocsPortal = class {
         this.moved ? this.portal.remove() : (this.moved = true);
     }
     render() {
-        return (h(Host, { key: 'd92c3751ccd809986670dd9a7f47a5e6bbcec022', ref: el => (this.element = el) }, h("slot", { key: '50c70872a6bd88ea41d987b14c80731e0bb23e76' })));
+        return (h(Host, { key: '6ca1f82e243b2f1892595a9e0f7127a9c5c0e018', ref: el => (this.element = el) }, h("slot", { key: 'e16bdeda7ac210db095242e94e0128f4bab8010f' })));
     }
 };
 VerdocsPortal.style = VerdocsPortalStyle0;

package/dist/esm/verdocs-pagination_2.entry.js

@@ -1,7 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3476681c.js';
 import { integerSequence } from '@verdocs/js-sdk';
-import { j as renderedTextWidth } from './utils-7d128d3c.js';
+import { h as renderedTextWidth } from './utils-467fcc6a.js';
 import { c as createPopper } from './popper-0fbeff6d.js';
+import './_commonjsHelpers-bdec4bbd.js';
 import './Types-e4a6eba5.js';
 import './index-0329eed3.js';
 
@@ -41,7 +42,7 @@ const VerdocsQuickFilter$1 = class {
         const firstPage = Math.max(0, this.selectedPage - 2);
         const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;
         const pagesToDisplay = integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);
-        return (h(Host, { key: 'da7fa58179d4dfab9131ab65bfd801e3e8e4c4c8' }, this.selectedPage > 0 && h(PageButton, { key: 'ce00b9a669d7db36a2b788ff9d3a438eaae4d9e0', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && h("div", { key: 'b72cbbc77a95104828e7a2d5439b1f73a8370316', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && h("div", { key: 'a6fdc04b9a307c8240edf80b14a96c6b892055b1', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && h(PageButton, { key: '843dcb794dfbb81a0909bea199591f64a6b0ff91', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
+        return (h(Host, { key: '7f48438c1719d818a477d05970c83b71d1bfb46b' }, this.selectedPage > 0 && h(PageButton, { key: '04d4a5306146aa3e1e15a429f91030a423d74620', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && h("div", { key: '4cd4b28c503989aa2ae9af13c1cec3a5819cd19c', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && h("div", { key: '7aeadf3f795bb8d22911de8a897687a7d75b43d3', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && h(PageButton, { key: '5c886e32ea166539d84c24f33446337afc462ee6', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
     }
     get el() { return getElement(this); }
 };
@@ -129,7 +130,7 @@ const VerdocsQuickFilter = class {
         const longestLabelWidth = renderedTextWidth((longestOption === null || longestOption === void 0 ? void 0 : longestOption.label) || 'FILLER', '14px Inter, Barlow, sans-serif');
         const prefixWidth = renderedTextWidth(this.label, '14px Inter, Barlow, sans-serif');
         const minWidth = `${longestLabelWidth + prefixWidth + 40}px`;
-        return (h(Host, { key: '8fbd487bc5f44471f7fc1ba41b3e9590294791a1', class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, h("div", { key: '63cd83e83fdf8ef46d50b5950461ff2a0fde19ea', class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, h("div", { key: '2f660abf210127da67b76266bb5454f0267712cd', class: "title", ref: el => (this.dropdownButton = el) }, h("span", { key: '3cafd0d1edebc9449b3c9d2f0d60cb873ca4231c', class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), h("div", { key: 'ee4828fb55b904e1eaceb832db83706edd2b78da', style: { flex: '1' } }), h("div", { key: '79ec0e1054f8db50a7058e5169c503bd34ab8f45', class: "separator" }), h("div", { key: 'ce09c9523f6e1678b967edfba7e876e0d4fa4ec3', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), h("div", { key: '3bf62283431384863acc497fb18a9f74dd12a044', class: "items", "aria-hidden": !this.open, ref: el => (this.dropdownMenu = el), style: { minWidth } }, (_c = this.options) === null || _c === void 0 ? void 0 : _c.map(option => option.label ? (h("button", { onClick: e => this.handleSelectOption(e, option), class: `option ${option.value === this.value ? 'selected' : ''}`, disabled: option.disabled }, option.label)) : (h("div", { class: "separator" }))))));
+        return (h(Host, { key: 'b77a669e01ef8634d3fb5600146e95bcd58a5bf6', class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, h("div", { key: 'e0eeab46c9f243ef7a189c7fdef267d8f3980625', class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, h("div", { key: '7494c30a6c5120d2617b239fb5114ddd6d338704', class: "title", ref: el => (this.dropdownButton = el) }, h("span", { key: '4861fef690eb5cd981a895337b81cd715cd8af1b', class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), h("div", { key: 'a4d2d8b76735232cde5ba1c659b83be452f919f3', style: { flex: '1' } }), h("div", { key: '9f8933c5343f8e188ec25447f9b19d3cb8b781ae', class: "separator" }), h("div", { key: 'e66a6fd2dd00cebb3f91e6e8269a68b1f21b5719', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), h("div", { key: '84ebf56cc3ddb543dd43e818c9571230353cc313', class: "items", "aria-hidden": !this.open, ref: el => (this.dropdownMenu = el), style: { minWidth } }, (_c = this.options) === null || _c === void 0 ? void 0 : _c.map(option => option.label ? (h("button", { onClick: e => this.handleSelectOption(e, option), class: `option ${option.value === this.value ? 'selected' : ''}`, disabled: option.disabled }, option.label)) : (h("div", { class: "separator" }))))));
     }
     get el() { return getElement(this); }
 };