@verdocs/web-sdk 4.0.8 → 4.1.2

package/dist/components/verdocs-toggle-button2.js

@@ -25,7 +25,7 @@ const VerdocsToggleButton = /*@__PURE__*/ proxyCustomElement(class VerdocsToggle
         (_a = this.toggle) === null || _a === void 0 ? void 0 : _a.emit({ active: newState });
     }
     render() {
-        return (h(Host, { key: 'f953a03258c2b74858b247a3d206028bf0285f1f', class: `size-${this.size}` }, this.icon ? (h("button", { innerHTML: this.icon, class: { active: this._active }, onClick: e => this.handleToggle(e) })) : (h("button", { class: { active: this._active }, onClick: e => this.handleToggle(e) }, this.label))));
+        return (h(Host, { key: '19b820fa8c54c87afebe8fbd24d70282eab6922c', class: `size-${this.size}` }, this.icon ? (h("button", { innerHTML: this.icon, class: { active: this._active }, onClick: e => this.handleToggle(e) })) : (h("button", { class: { active: this._active }, onClick: e => this.handleToggle(e) }, this.label))));
     }
     static get style() { return VerdocsToggleButtonStyle0; }
 }, [0, "verdocs-toggle-button", {
@@ -48,6 +48,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsToggleButton as V, defineCustomElement as d };

package/dist/components/verdocs-toggle.js

@@ -16,7 +16,7 @@ const VerdocsToggle$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsToggle ext
         this.selectedOption = ((_a = this.options) === null || _a === void 0 ? void 0 : _a.defaultSelection) || 0;
     }
     render() {
-        return (h("div", { key: 'bc1116c5d0c8b9a5096ace164a02c420751cc2ec', class: "container" }, h("span", { key: 'e0346b9aabd5e4fbb29c6f5cc897795870f0643e', class: "label" }, `${this.options.label}:`), h("div", { key: 'd91de7ce4ad8808f4faaa18b2865c0c4c21f7287', class: "buttons" }, this.options.buttons.map((button, index) => (h("button", { id: button.id, key: button.id, innerHTML: button.icon, class: index === this.selectedOption ? 'selected' : '', onClick: () => {
+        return (h("div", { key: '2cffe22d376dc972de87f698e5213c789879978a', class: "container" }, h("span", { key: '9a6ad16cc9814f397284e359d29aa5eac0996517', class: "label" }, `${this.options.label}:`), h("div", { key: '7869d49e9b0c7bf528d0d564baa081834cead545', class: "buttons" }, this.options.buttons.map((button, index) => (h("button", { id: button.id, key: button.id, innerHTML: button.icon, class: index === this.selectedOption ? 'selected' : '', onClick: () => {
                 console.log('clicked', index);
                 this.selectedOption = index;
             } }))))));
@@ -40,7 +40,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 
 const VerdocsToggle = VerdocsToggle$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-toolbar-icon2.js

@@ -41,7 +41,7 @@ const VerdocsToolbarIcon = /*@__PURE__*/ proxyCustomElement(class VerdocsToolbar
     //   this.press?.emit();
     // }
     render() {
-        return (h(Host, { key: 'c12c9e2593bf281d5c0ce60ebffebf974a4a1afb', class: {} }, h("div", { key: '7c03bd3e40eed4fa9966afe926cdc4c490d5a6d7', "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), h("div", { key: 'd757834d1be057de971a7bcbb47158c9c2182907', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, h("div", { key: '0a9e2615fa20a0625b929173dd2705be5165c39a', "data-popper-arrow": "true", class: "arrow" }))));
+        return (h(Host, { key: '81bef5d6b23987730bbeafe741a7fbc52c2d854c', class: {} }, h("div", { key: '87a7fab6e8cb787079f37332bdf8fb188f52157a', "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), h("div", { key: 'f6593f4c1d6b435a80b0a09d6356c383ec78a5c7', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, h("div", { key: 'b13a8c43aa098db8ee6f2e05a53c02f0f3de9358', "data-popper-arrow": "true", class: "arrow" }))));
     }
     static get style() { return VerdocsToolbarIconStyle0; }
 }, [0, "verdocs-toolbar-icon", {
@@ -63,6 +63,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsToolbarIcon as V, defineCustomElement as d };

package/dist/components/verdocs-upload-dialog2.js

@@ -73,7 +73,7 @@ const VerdocsUploadDialog = /*@__PURE__*/ proxyCustomElement(class VerdocsUpload
         this.decodedFiles = await Promise.all(droppedFiles.map(fileToDataUrl));
     }
     render() {
-        return (h(Host, { key: 'e530dd32a2bbd4d4108391bdeeaac3317a5af11f' }, h("div", { key: '9098bbbc2ece28225b303ac4b3260a8f6f56d677', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'f45e3884d3db800b3bce16d7d838154af3ca4f98', class: "dialog" }, h("div", { key: 'ec01206900a5040b124a21863f7e3aafa2f39826', 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: '9563699f3d6860d01f81b4241855dcf26300c1a3', class: "buttons" }, h("verdocs-button", { key: '58fa09358edb6864a611cdf60f36cd1bc89abe39', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: 'c2c0d9f77207c8b7f043017ef9dc0a5d0ddf9b6f', label: "Done", onClick: () => this.handleDone(), disabled: this.decodedFiles.length < 1 }))))));
+        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 }))))));
     }
     static get style() { return VerdocsUploadDialogStyle0; }
 }, [0, "verdocs-upload-dialog", {
@@ -98,6 +98,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsUploadDialog as V, defineCustomElement as d };

package/dist/components/verdocs-view2.js

@@ -227,6 +227,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsView as V, defineCustomElement as d };

package/dist/esm/{EnvelopeStore-fefba6fd.js → EnvelopeStore-9df042b5.js}

@@ -37,6 +37,7 @@ const createEnvelopeStore = (envelopeId) => {
 };
 const envelopeStores = {};
 const getEnvelopeStore = async (endpoint, envelopeId, forceReload = false) => {
+    var _a;
     let created = false;
     if (!envelopeStores[envelopeId]) {
         console.debug('[ENVELOPES] No envelope store found for ID, creating', envelopeId);
@@ -61,6 +62,15 @@ const getEnvelopeStore = async (endpoint, envelopeId, forceReload = false) => {
         store.state.error = undefinedType;
         try {
             const envelope = await getEnvelope(endpoint, envelopeId);
+            // Post-process the envelope to upgrade to new data fields
+            (_a = envelope.documents) === null || _a === void 0 ? void 0 : _a.forEach(document => {
+                if (!document.order) {
+                    document.order = 0;
+                }
+                if (document.page_numbers) {
+                    document.pages = document.page_numbers;
+                }
+            });
             console.debug('[ENVELOPES] Got envelope', envelope);
             Object.assign(store.state, envelope);
             store.state.isLoaded = true;

package/dist/esm/{TemplateFieldStore-d7516adf.js → TemplateFieldStore-32329b5a.js}

@@ -3,18 +3,14 @@ import { c as createStore } from './index-296aabaf.js';
 const templateFieldStores = {};
 const getTemplateFieldStore = (templateId) => {
     if (!templateFieldStores[templateId]) {
+        console.log('Creating template field store', templateId);
         templateFieldStores[templateId] = createStore({ fields: [] });
     }
     return templateFieldStores[templateId];
 };
 const createTemplateFieldStore = (template) => {
     let store = getTemplateFieldStore(template.id);
-    if (!store) {
-        console.log('Creating template field store for template', template);
-        store = createStore({ fields: [] });
-        templateFieldStores[template.id] = store;
-    }
-    store.set('fields', [...template.fields]);
+    store.set('fields', [...template.fields.map(field => ({ ...field, page: field.page || field.page_sequence }))]);
     return store;
 };
 const createTemplateFieldStoreFromEnvelope = (envelope) => {

package/dist/esm/{TemplateRoleStore-ddc3b96f.js → TemplateRoleStore-0a4f98cb.js}

@@ -9,11 +9,6 @@ const getTemplateRoleStore = (templateId) => {
 };
 const createTemplateRoleStore = (template) => {
     let store = getTemplateRoleStore(template.id);
-    if (!store) {
-        console.log('Creating template role store for template', template);
-        store = createStore({ roles: [] });
-        templateRoleStores[template.id] = store;
-    }
     store.set('roles', [...template.roles]);
     return store;
 };

package/dist/esm/{TemplateStore-df5484bb.js → TemplateStore-78ad24d7.js}

@@ -1,7 +1,7 @@
 import { c as createStore } from './index-296aabaf.js';
 import { getTemplate } from '@verdocs/js-sdk';
-import { c as createTemplateRoleStore, g as getTemplateRoleStore } from './TemplateRoleStore-ddc3b96f.js';
-import { c as createTemplateFieldStore, g as getTemplateFieldStore } from './TemplateFieldStore-d7516adf.js';
+import { c as createTemplateRoleStore, g as getTemplateRoleStore } from './TemplateRoleStore-0a4f98cb.js';
+import { c as createTemplateFieldStore, g as getTemplateFieldStore } from './TemplateFieldStore-32329b5a.js';
 import { u as undefinedType } from './index-7456b04f.js';
 
 const createTemplateStore = (templateId) => {
@@ -41,6 +41,7 @@ const createTemplateStore = (templateId) => {
 };
 const templateStores = {};
 const getTemplateStore = async (endpoint, templateId, forceReload = false) => {
+    var _a, _b;
     let created = false;
     if (!templateStores[templateId]) {
         console.debug('[TEMPLATES] No template store found for ID, creating', templateId);
@@ -48,9 +49,6 @@ const getTemplateStore = async (endpoint, templateId, forceReload = false) => {
         created = true;
     }
     const store = templateStores[templateId];
-    // TODO: This can create a race condition if two components call this at the same time.
-    //  For now we can probably defer doing something smart here because it's only a
-    //  double-load issue.
     if (created || forceReload) {
         console.debug('[TEMPLATES] Loading template', { templateId, created, forceReload });
         store.state.isLoading = true;
@@ -59,6 +57,23 @@ const getTemplateStore = async (endpoint, templateId, forceReload = false) => {
         store.state.error = undefinedType;
         try {
             const template = await getTemplate(endpoint, templateId);
+            // Post-process the template to upgrade to new data fields
+            if (!template.documents && template.template_documents) {
+                template.documents = template.template_documents;
+            }
+            (_a = template.documents) === null || _a === void 0 ? void 0 : _a.forEach(document => {
+                if (!document.order) {
+                    document.order = 0;
+                }
+                if (document.page_numbers) {
+                    document.pages = document.page_numbers;
+                }
+            });
+            (_b = template.fields) === null || _b === void 0 ? void 0 : _b.forEach(field => {
+                if (field.setting) {
+                    field.settings = field.setting;
+                }
+            });
             console.debug('[TEMPLATES] Got template', template);
             Object.assign(store.state, template);
             store.state.isLoaded = true;

package/dist/esm/index-b89cf6a4.js

@@ -1517,6 +1517,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
+                case 'verdocs-organization-card_2':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './verdocs-organization-card_2.entry.js').then(processMod, consoleError);
                 case 'verdocs-activity-box':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1529,10 +1533,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './verdocs-build.entry.js').then(processMod, consoleError);
-                case 'verdocs-button-panel':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './verdocs-button-panel.entry.js').then(processMod, consoleError);
                 case 'verdocs-envelope-sidebar':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1545,18 +1545,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './verdocs-field-payment.entry.js').then(processMod, consoleError);
-                case 'verdocs-floating-menu':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './verdocs-floating-menu.entry.js').then(processMod, consoleError);
                 case 'verdocs-kba-dialog':
                     return import(
                       /* webpackMode: "lazy" */
                       './verdocs-kba-dialog.entry.js').then(processMod, consoleError);
-                case 'verdocs-organization-card':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './verdocs-organization-card.entry.js').then(processMod, consoleError);
                 case 'verdocs-search':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1617,6 +1609,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './verdocs-view.entry.js').then(processMod, consoleError);
+                case 'verdocs-button-panel':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './verdocs-button-panel.entry.js').then(processMod, consoleError);
                 case 'verdocs-contact-picker_2':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1637,18 +1633,18 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './verdocs-radio-button_3.entry.js').then(processMod, consoleError);
-                case 'verdocs-dialog_2':
+                case 'verdocs-template-document-page_2':
                     return import(
                       /* webpackMode: "lazy" */
-                      './verdocs-dialog_2.entry.js').then(processMod, consoleError);
-                case 'verdocs-field-attachment_14':
+                      './verdocs-template-document-page_2.entry.js').then(processMod, consoleError);
+                case 'verdocs-dialog_2':
                     return import(
                       /* webpackMode: "lazy" */
-                      './verdocs-field-attachment_14.entry.js').then(processMod, consoleError);
-                case 'verdocs-toolbar-icon':
+                      './verdocs-dialog_2.entry.js').then(processMod, consoleError);
+                case 'verdocs-field-attachment_13':
                     return import(
                       /* webpackMode: "lazy" */
-                      './verdocs-toolbar-icon.entry.js').then(processMod, consoleError);
+                      './verdocs-field-attachment_13.entry.js').then(processMod, consoleError);
                 case 'verdocs-spinner':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1669,10 +1665,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './verdocs-loader.entry.js').then(processMod, consoleError);
-                case 'verdocs-checkbox_5':
+                case 'verdocs-checkbox_3':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './verdocs-checkbox_3.entry.js').then(processMod, consoleError);
+                case 'verdocs-component-error':
                     return import(
                       /* webpackMode: "lazy" */
-                      './verdocs-checkbox_5.entry.js').then(processMod, consoleError);
+                      './verdocs-component-error.entry.js').then(processMod, consoleError);
                 case 'verdocs-button_3':
                     return import(
                       /* webpackMode: "lazy" */

package/dist/esm/{interact.min-b055a9b6.js → interact.min-4fac3f2b.js}

@@ -1,4 +1,4 @@
-import { h as commonjsGlobal } from './utils-61c1093b.js';
+import { h as commonjsGlobal } from './utils-d1c95309.js';
 
 var interact_min = {exports: {}};
 

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"verdocs-build\",[[0,\"verdocs-build\",{\"endpoint\":[16],\"templateId\":[1537,\"template-id\"],\"step\":[1537],\"store\":[32]},null,{\"templateId\":[\"onTemplateIdChanged\"],\"step\":[\"onStepChanged\"]}]]],[\"verdocs-settings\",[[0,\"verdocs-settings\",{\"endpoint\":[16],\"tab\":[32]}]]],[\"verdocs-envelopes-list\",[[0,\"verdocs-envelopes-list\",{\"endpoint\":[16],\"view\":[1537],\"status\":[1537],\"sort\":[1537],\"match\":[1537],\"showPagination\":[4,\"show-pagination\"],\"rowsPerPage\":[2,\"rows-per-page\"],\"selectedPage\":[2,\"selected-page\"],\"count\":[32],\"initiallyLoaded\":[32],\"loading\":[32],\"selectedEnvelopes\":[32],\"envelopes\":[32]},null,{\"view\":[\"handleViewUpdated\"],\"status\":[\"handleStatusUpdated\"],\"sort\":[\"handleSortUpdated\"],\"match\":[\"handleMatchUpdated\"],\"selectedPage\":[\"handlePageUpdated\"]}]]],[\"verdocs-templates-list\",[[0,\"verdocs-templates-list\",{\"endpoint\":[16],\"sharing\":[1537],\"starred\":[1537],\"sort\":[1537],\"name\":[1537],\"allowedActions\":[1040],\"showPagination\":[4,\"show-pagination\"],\"rowsPerPage\":[2,\"rows-per-page\"],\"selectedPage\":[2,\"selected-page\"],\"count\":[32],\"initiallyLoaded\":[32],\"loading\":[32],\"confirmDelete\":[32],\"templates\":[32],\"localNameFilter\":[32]},null,{\"sharing\":[\"handleSharingUpdated\"],\"starred\":[\"handleStarredUpdated\"],\"sort\":[\"handleSortUpdated\"],\"name\":[\"handleNameUpdated\"],\"selectedPage\":[\"handlePageUpdated\"]}]]],[\"verdocs-sign\",[[0,\"verdocs-sign\",{\"envelopeId\":[1,\"envelope-id\"],\"roleId\":[1,\"role-id\"],\"inviteCode\":[1,\"invite-code\"],\"headerTargetId\":[1,\"header-target-id\"],\"envelope\":[32],\"roleNames\":[32],\"sortedRecipients\":[32],\"recipient\":[32],\"signerToken\":[32],\"hasSignature\":[32],\"nextButtonLabel\":[32],\"nextSubmits\":[32],\"errorMessage\":[32],\"focusedField\":[32],\"submitting\":[32],\"isDone\":[32],\"showDone\":[32],\"showLoadError\":[32],\"finishLater\":[32],\"showFinishLater\":[32],\"agreed\":[32],\"documentsSingularPlural\":[32]}]]],[\"verdocs-envelope-sidebar\",[[0,\"verdocs-envelope-sidebar\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"activeTab\":[32],\"panelOpen\":[32],\"showManageDialog\":[32],\"showRecipientDialog\":[32],\"showCancelDialog\":[32],\"loading\":[32]}]]],[\"verdocs-auth\",[[0,\"verdocs-auth\",{\"endpoint\":[16],\"visible\":[4],\"logo\":[1],\"isAuthenticated\":[32],\"displayMode\":[32],\"orgname\":[32],\"first\":[32],\"last\":[32],\"username\":[32],\"phone\":[32],\"password\":[32],\"submitting\":[32],\"activeSession\":[32],\"accountType\":[32],\"howHear\":[32],\"industry\":[32],\"companySize\":[32],\"reason\":[32],\"signupStep\":[32],\"resendDisabled\":[32],\"checkingOrg\":[32]}]]],[\"verdocs-search\",[[0,\"verdocs-search\",{\"endpoint\":[16]}]]],[\"verdocs-activity-box\",[[0,\"verdocs-activity-box\",{\"endpoint\":[16],\"items\":[2],\"view\":[1],\"header\":[1],\"title\":[32],\"count\":[32],\"loading\":[32],\"entries\":[32]},null,{\"items\":[\"handleItemsUpdated\"],\"view\":[\"handleViewUpdated\"]}]]],[\"verdocs-floating-menu\",[[0,\"verdocs-floating-menu\",{\"options\":[16]}]]],[\"verdocs-kba-dialog\",[[0,\"verdocs-kba-dialog\",{\"step\":[2],\"steps\":[2],\"helptitle\":[1],\"helptext\":[1],\"mode\":[1],\"label\":[1],\"placeholder\":[1],\"choices\":[16],\"response\":[32]}]]],[\"verdocs-button-panel\",[[4,\"verdocs-button-panel\",{\"icon\":[1],\"showPanel\":[64],\"hidePanel\":[64],\"toggle\":[64]}]]],[\"verdocs-field-payment\",[[0,\"verdocs-field-payment\",{\"templateid\":[1],\"fieldname\":[1],\"disabled\":[4],\"fields\":[16],\"pageNum\":[2,\"page-num\"],\"roleName\":[1,\"role-name\"],\"fieldId\":[1,\"field-id\"],\"recipients\":[8],\"selectedRoleName\":[1,\"selected-role-name\"],\"pdfPages\":[16],\"currentSignature\":[1,\"current-signature\"],\"currentSignatureId\":[1,\"current-signature-id\"],\"currentInitial\":[1,\"current-initial\"],\"currentInitialId\":[1,\"current-initial-id\"],\"focused\":[4],\"signed\":[4],\"xscale\":[2],\"yscale\":[2],\"pagenumber\":[2],\"roleindex\":[2],\"preparedMessage\":[32],\"signatureUrl\":[32],\"showingProperties\":[32],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-organization-card\",[[0,\"verdocs-organization-card\",{\"organization\":[16]}]]],[\"verdocs-search-tabs\",[[0,\"verdocs-search-tabs\",{\"selected\":[32]}]]],[\"verdocs-template-card\",[[0,\"verdocs-template-card\",{\"template\":[16]}]]],[\"verdocs-template-tags\",[[0,\"verdocs-template-tags\",{\"tags\":[16]}]]],[\"verdocs-toggle\",[[0,\"verdocs-toggle\",{\"options\":[16],\"theme\":[1],\"selectedOption\":[32]}]]],[\"verdocs-button_3\",[[0,\"verdocs-text-input\",{\"value\":[1537],\"label\":[1],\"placeholder\":[1],\"autocomplete\":[1],\"helpText\":[1,\"help-text\"],\"clearable\":[4],\"copyable\":[4],\"type\":[1],\"disabled\":[4],\"required\":[4]}],[0,\"verdocs-help-icon\",{\"text\":[1],\"icon\":[1],\"containerId\":[32]}],[0,\"verdocs-button\",{\"label\":[1],\"startIcon\":[1,\"start-icon\"],\"endIcon\":[1,\"end-icon\"],\"size\":[1],\"type\":[1],\"variant\":[1],\"disabled\":[4]}]]],[\"verdocs-ok-dialog\",[[0,\"verdocs-ok-dialog\",{\"heading\":[1],\"message\":[1],\"buttonLabel\":[1,\"button-label\"],\"showCancel\":[4,\"show-cancel\"],\"closed\":[32]}]]],[\"verdocs-view\",[[0,\"verdocs-view\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"headerTargetId\":[1,\"header-target-id\"],\"canceling\":[32],\"envelope\":[32],\"roleNames\":[32],\"showCancelDone\":[32]}]]],[\"verdocs-status-indicator\",[[0,\"verdocs-status-indicator\",{\"size\":[1],\"theme\":[1],\"status\":[1],\"envelope\":[16],\"isOpen\":[32],\"containerId\":[32]}]]],[\"verdocs-template-star\",[[0,\"verdocs-template-star\",{\"endpoint\":[16],\"template\":[1040],\"updating\":[32]}]]],[\"verdocs-envelope-recipient-link_2\",[[0,\"verdocs-envelope-recipient-link\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"roleName\":[1,\"role-name\"],\"isOpen\":[32],\"loading\":[32],\"gettingLink\":[32],\"link\":[32]}],[0,\"verdocs-envelope-recipient-summary\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"canSendAnother\":[4,\"can-send-another\"],\"canView\":[4,\"can-view\"],\"canDone\":[4,\"can-done\"],\"isOpen\":[32],\"loading\":[32],\"recipientStatusIcons\":[32],\"containerId\":[32],\"gettingLinks\":[32],\"links\":[32]}]]],[\"verdocs-quick-functions_2\",[[0,\"verdocs-quick-functions\",{\"endpoint\":[16]}],[0,\"verdocs-search-box\",{\"endpoint\":[16],\"placeholder\":[1],\"type\":[1],\"query\":[1],\"grabsFocus\":[4,\"grabs-focus\"],\"focusField\":[64]}]]],[\"verdocs-envelope-document-page\",[[0,\"verdocs-envelope-document-page\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"documentId\":[1,\"document-id\"],\"pageNumber\":[2,\"page-number\"],\"virtualWidth\":[2,\"virtual-width\"],\"virtualHeight\":[1026,\"virtual-height\"],\"layers\":[16],\"type\":[1],\"containerId\":[32],\"renderedWidth\":[32],\"renderedHeight\":[32],\"naturalWidth\":[32],\"naturalHeight\":[32],\"aspectRatio\":[32],\"skipFirstNotification\":[32],\"pageDisplayUri\":[32]}]]],[\"verdocs-toolbar-icon\",[[0,\"verdocs-toolbar-icon\",{\"text\":[1],\"icon\":[1],\"placement\":[1],\"containerId\":[32]}]]],[\"verdocs-settings-api-keys_4\",[[0,\"verdocs-settings-members\",{\"endpoint\":[16],\"members\":[32],\"invited\":[32],\"selectedTab\":[32],\"invitingMember\":[32],\"newEmailAddress\":[32],\"newRole\":[32],\"submitting\":[32],\"deletingInvitation\":[32],\"resendingInvitation\":[32],\"deletingMember\":[32]}],[0,\"verdocs-settings-api-keys\",{\"endpoint\":[16],\"keys\":[32],\"creatingKey\":[32],\"createdKey\":[32],\"deletingKey\":[32],\"rotatingKey\":[32],\"newApiKeyName\":[32],\"newApiKeyProfileId\":[32],\"members\":[32]}],[0,\"verdocs-settings-organization\",{\"endpoint\":[16],\"valid\":[32],\"dirty\":[32],\"submitting\":[32],\"name\":[32],\"business_name\":[32],\"contact_email\":[32],\"phone\":[32],\"url\":[32]}],[0,\"verdocs-settings-profile\",{\"endpoint\":[16],\"valid\":[32],\"dirty\":[32],\"submitting\":[32],\"first_name\":[32],\"last_name\":[32],\"email\":[32],\"phone\":[32]}]]],[\"verdocs-pagination_2\",[[0,\"verdocs-pagination\",{\"selectedPage\":[1538,\"selected-page\"],\"itemCount\":[2,\"item-count\"],\"perPage\":[2,\"per-page\"]}],[0,\"verdocs-quick-filter\",{\"options\":[16],\"label\":[1],\"value\":[1537],\"placeholder\":[1],\"open\":[32]}]]],[\"verdocs-spinner\",[[0,\"verdocs-spinner\",{\"size\":[2],\"mode\":[1]}]]],[\"verdocs-tabs\",[[4,\"verdocs-tabs\",{\"tabs\":[16],\"selectedTab\":[2,\"selected-tab\"]}]]],[\"verdocs-contact-picker_2\",[[0,\"verdocs-contact-picker\",{\"endpoint\":[16],\"templateRole\":[16],\"contactSuggestions\":[16],\"name\":[32],\"email\":[32],\"phone\":[32],\"message\":[32],\"showSuggestions\":[32],\"showMessage\":[32],\"delegator\":[32],\"nameFieldId\":[32],\"emailFieldId\":[32],\"phoneFieldId\":[32]}],[0,\"verdocs-toggle-button\",{\"active\":[4],\"icon\":[1],\"label\":[1],\"size\":[1],\"_active\":[32]}]]],[\"verdocs-file-chooser_2\",[[0,\"verdocs-file-chooser\",{\"endpoint\":[16],\"file\":[32]}],[0,\"verdocs-progress-bar\",{\"label\":[1],\"showPercent\":[4,\"show-percent\"],\"percent\":[2]}]]],[\"verdocs-dropdown\",[[0,\"verdocs-dropdown\",{\"options\":[16]},[[9,\"resize\",\"handleResize\"]]]]],[\"verdocs-dialog_2\",[[4,\"verdocs-dialog\"],[0,\"verdocs-table\",{\"columns\":[16],\"data\":[16]}]]],[\"verdocs-checkbox_5\",[[0,\"verdocs-template-field-properties\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"fieldName\":[1025,\"field-name\"],\"helpText\":[1,\"help-text\"],\"dirty\":[32],\"loading\":[32],\"setting\":[32],\"label\":[32],\"type\":[32],\"name\":[32],\"required\":[32],\"roleName\":[32],\"group\":[32],\"fieldType\":[32],\"options\":[32],\"placeholder\":[32],\"value\":[32],\"leading\":[32],\"showingHelp\":[32]}],[4,\"verdocs-portal\",{\"anchor\":[1],\"voffset\":[2],\"align\":[1]},[[11,\"scroll\",\"handleScroll\"],[11,\"resize\",\"handleResize\"],[10,\"click\",\"handleClick\"]]],[0,\"verdocs-checkbox\",{\"checked\":[4],\"name\":[1],\"label\":[1],\"value\":[1],\"theme\":[1],\"disabled\":[4]}],[0,\"verdocs-select-input\",{\"value\":[1],\"label\":[1],\"options\":[16],\"disabled\":[4]}],[0,\"verdocs-component-error\",{\"message\":[1]}]]],[\"verdocs-radio-button_3\",[[0,\"verdocs-template-role-properties\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"roleName\":[1,\"role-name\"],\"sender\":[1],\"dirty\":[32],\"saving\":[32],\"name\":[32],\"type\":[32],\"full_name\":[32],\"email\":[32],\"phone\":[32],\"delegator\":[32]}],[0,\"verdocs-template-sender\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"sender\":[1],\"saving\":[32]}],[0,\"verdocs-radio-button\",{\"checked\":[4],\"name\":[1],\"value\":[1],\"disabled\":[4]}]]],[\"verdocs-loader\",[[0,\"verdocs-loader\"]]],[\"verdocs-field-attachment_14\",[[0,\"verdocs-template-document-page\",{\"endpoint\":[16],\"editable\":[4],\"disabled\":[4],\"done\":[4],\"templateId\":[1,\"template-id\"],\"documentId\":[1,\"document-id\"],\"pageNumber\":[2,\"page-number\"],\"virtualWidth\":[2,\"virtual-width\"],\"virtualHeight\":[1026,\"virtual-height\"],\"layers\":[16],\"containerId\":[32],\"renderedWidth\":[32],\"renderedHeight\":[32],\"naturalWidth\":[32],\"naturalHeight\":[32],\"aspectRatio\":[32],\"skipFirstNotification\":[32],\"pageDisplayUri\":[32],\"xScale\":[32],\"yScale\":[32]}],[0,\"verdocs-field-attachment\",{\"templateid\":[1],\"fieldname\":[1],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"xscale\":[2],\"yscale\":[2],\"pagenumber\":[2],\"showingProperties\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-initial\",{\"templateid\":[1],\"fieldname\":[1],\"disabled\":[4],\"initials\":[1],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"xscale\":[2],\"yscale\":[2],\"pagenumber\":[2],\"showingProperties\":[32],\"focused\":[32],\"tempInitials\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-signature\",{\"templateid\":[1],\"fieldname\":[1],\"name\":[1],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"xscale\":[2],\"yscale\":[2],\"pagenumber\":[2],\"showingProperties\":[32],\"focused\":[32],\"tempSignature\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-checkbox\",{\"templateid\":[1],\"fieldname\":[1],\"option\":[2],\"disabled\":[4],\"done\":[4],\"editable\":[4],\"moveable\":[4],\"xscale\":[2],\"yscale\":[2],\"pagenumber\":[2],\"showingProperties\":[32],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-date\",{\"templateid\":[1],\"fieldname\":[1],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"xscale\":[2],\"yscale\":[2],\"pagenumber\":[2],\"field\":[16],\"containerId\":[32],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-dropdown\",{\"templateid\":[1],\"fieldname\":[1],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"xscale\":[2],\"yscale\":[2],\"pagenumber\":[2],\"showingProperties\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-radio-button\",{\"templateid\":[1],\"fieldname\":[1],\"option\":[2],\"disabled\":[4],\"done\":[4],\"editable\":[4],\"moveable\":[4],\"xscale\":[2],\"yscale\":[2],\"pagenumber\":[2],\"showingProperties\":[32],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-textarea\",{\"endpoint\":[16],\"templateid\":[1],\"fieldname\":[1],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"xscale\":[2],\"yscale\":[2],\"pagenumber\":[2],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-textbox\",{\"endpoint\":[16],\"templateid\":[1],\"fieldname\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[4],\"xscale\":[2],\"yscale\":[2],\"pagenumber\":[2],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-timestamp\",{\"templateid\":[1],\"fieldname\":[1],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"xscale\":[2],\"yscale\":[2],\"pagenumber\":[2],\"showingProperties\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-initial-dialog\",{\"initials\":[1],\"fontLoaded\":[32],\"enteredInitials\":[32],\"mode\":[32]}],[0,\"verdocs-signature-dialog\",{\"name\":[1],\"fontLoaded\":[32],\"enteredName\":[32],\"mode\":[32]}],[0,\"verdocs-upload-dialog\",{\"draggingOver\":[32],\"decodedFiles\":[32]}]]],[\"verdocs-preview_10\",[[0,\"verdocs-template-fields\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"toolbarTargetId\":[1,\"toolbar-target-id\"],\"placing\":[32],\"showMustSelectRole\":[32],\"selectedRoleName\":[32],\"loading\":[32]},[[4,\"keydown\",\"handleKeyDown\"]]],[0,\"verdocs-preview\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"loading\":[32]}],[0,\"verdocs-template-roles\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"showingRoleDialog\":[32],\"showingSenderDialog\":[32],\"sender\":[32],\"loading\":[32]}],[0,\"verdocs-template-attachments\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"uploading\":[32],\"progressLabel\":[32],\"progressPercent\":[32],\"showDeleteError\":[32],\"confirmDeleteDocument\":[32],\"store\":[32]}],[0,\"verdocs-template-reminders\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"showPlanBlocker\":[32],\"sendReminders\":[32],\"firstReminderDays\":[32],\"reminderDays\":[32],\"dirty\":[32]}],[0,\"verdocs-send\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"environment\":[1],\"containerId\":[32],\"rolesAtLevel\":[32],\"showPickerForId\":[32],\"sessionContacts\":[32],\"sending\":[32],\"rolesCompleted\":[32],\"reset\":[64]}],[0,\"verdocs-template-name\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"name\":[32],\"dirty\":[32]}],[0,\"verdocs-template-create\",{\"endpoint\":[16],\"file\":[32],\"creating\":[32],\"progressLabel\":[32],\"progressPercent\":[32]}],[0,\"verdocs-template-visibility\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"dirty\":[32],\"personal\":[32],\"public\":[32]}],[0,\"verdocs-template-build-tabs\",{\"endpoint\":[16],\"templateId\":[1537,\"template-id\"],\"step\":[1537],\"store\":[32]},null,{\"step\":[\"onStepChanged\"]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"verdocs-build\",[[0,\"verdocs-build\",{\"endpoint\":[16],\"templateId\":[1537,\"template-id\"],\"step\":[1537],\"templateStore\":[32]},null,{\"templateId\":[\"onTemplateIdChanged\"],\"step\":[\"onStepChanged\"]}]]],[\"verdocs-settings\",[[0,\"verdocs-settings\",{\"endpoint\":[16],\"tab\":[32]}]]],[\"verdocs-envelopes-list\",[[0,\"verdocs-envelopes-list\",{\"endpoint\":[16],\"view\":[1537],\"status\":[1537],\"sort\":[1537],\"match\":[1537],\"showPagination\":[4,\"show-pagination\"],\"rowsPerPage\":[2,\"rows-per-page\"],\"selectedPage\":[2,\"selected-page\"],\"count\":[32],\"initiallyLoaded\":[32],\"loading\":[32],\"selectedEnvelopes\":[32],\"envelopes\":[32]},null,{\"view\":[\"handleViewUpdated\"],\"status\":[\"handleStatusUpdated\"],\"sort\":[\"handleSortUpdated\"],\"match\":[\"handleMatchUpdated\"],\"selectedPage\":[\"handlePageUpdated\"]}]]],[\"verdocs-templates-list\",[[0,\"verdocs-templates-list\",{\"endpoint\":[16],\"sharing\":[1537],\"starred\":[1537],\"sort\":[1537],\"name\":[1537],\"allowedActions\":[1040],\"showPagination\":[4,\"show-pagination\"],\"rowsPerPage\":[2,\"rows-per-page\"],\"selectedPage\":[2,\"selected-page\"],\"count\":[32],\"initiallyLoaded\":[32],\"loading\":[32],\"confirmDelete\":[32],\"templates\":[32],\"localNameFilter\":[32]},null,{\"sharing\":[\"handleSharingUpdated\"],\"starred\":[\"handleStarredUpdated\"],\"sort\":[\"handleSortUpdated\"],\"name\":[\"handleNameUpdated\"],\"selectedPage\":[\"handlePageUpdated\"]}]]],[\"verdocs-sign\",[[0,\"verdocs-sign\",{\"envelopeId\":[1,\"envelope-id\"],\"roleId\":[1,\"role-id\"],\"inviteCode\":[1,\"invite-code\"],\"headerTargetId\":[1,\"header-target-id\"],\"envelope\":[32],\"roleNames\":[32],\"sortedRecipients\":[32],\"recipient\":[32],\"signerToken\":[32],\"hasSignature\":[32],\"nextButtonLabel\":[32],\"nextSubmits\":[32],\"errorMessage\":[32],\"focusedField\":[32],\"submitting\":[32],\"isDone\":[32],\"showDone\":[32],\"showLoadError\":[32],\"finishLater\":[32],\"showFinishLater\":[32],\"agreed\":[32],\"documentsSingularPlural\":[32]}]]],[\"verdocs-envelope-sidebar\",[[0,\"verdocs-envelope-sidebar\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"activeTab\":[32],\"panelOpen\":[32],\"showManageDialog\":[32],\"showRecipientDialog\":[32],\"showCancelDialog\":[32],\"loading\":[32]}]]],[\"verdocs-auth\",[[0,\"verdocs-auth\",{\"endpoint\":[16],\"visible\":[4],\"logo\":[1],\"isAuthenticated\":[32],\"displayMode\":[32],\"orgname\":[32],\"first\":[32],\"last\":[32],\"username\":[32],\"phone\":[32],\"password\":[32],\"submitting\":[32],\"activeSession\":[32],\"accountType\":[32],\"howHear\":[32],\"industry\":[32],\"companySize\":[32],\"reason\":[32],\"signupStep\":[32],\"resendDisabled\":[32],\"checkingOrg\":[32]}]]],[\"verdocs-search\",[[0,\"verdocs-search\",{\"endpoint\":[16]}]]],[\"verdocs-activity-box\",[[0,\"verdocs-activity-box\",{\"endpoint\":[16],\"items\":[2],\"view\":[1],\"header\":[1],\"title\":[32],\"count\":[32],\"loading\":[32],\"entries\":[32]},null,{\"items\":[\"handleItemsUpdated\"],\"view\":[\"handleViewUpdated\"]}]]],[\"verdocs-kba-dialog\",[[0,\"verdocs-kba-dialog\",{\"step\":[2],\"steps\":[2],\"helptitle\":[1],\"helptext\":[1],\"mode\":[1],\"label\":[1],\"placeholder\":[1],\"choices\":[16],\"response\":[32]}]]],[\"verdocs-field-payment\",[[0,\"verdocs-field-payment\",{\"templateid\":[1],\"fieldname\":[1],\"disabled\":[4],\"fields\":[16],\"pageNum\":[2,\"page-num\"],\"roleName\":[1,\"role-name\"],\"fieldId\":[1,\"field-id\"],\"recipients\":[8],\"selectedRoleName\":[1,\"selected-role-name\"],\"pdfPages\":[16],\"currentSignature\":[1,\"current-signature\"],\"currentSignatureId\":[1,\"current-signature-id\"],\"currentInitial\":[1,\"current-initial\"],\"currentInitialId\":[1,\"current-initial-id\"],\"focused\":[4],\"signed\":[4],\"xscale\":[2],\"yscale\":[2],\"pagenumber\":[2],\"roleindex\":[2],\"preparedMessage\":[32],\"signatureUrl\":[32],\"showingProperties\":[32],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-search-tabs\",[[0,\"verdocs-search-tabs\",{\"selected\":[32]}]]],[\"verdocs-template-card\",[[0,\"verdocs-template-card\",{\"template\":[16]}]]],[\"verdocs-template-tags\",[[0,\"verdocs-template-tags\",{\"tags\":[16]}]]],[\"verdocs-toggle\",[[0,\"verdocs-toggle\",{\"options\":[16],\"theme\":[1],\"selectedOption\":[32]}]]],[\"verdocs-view\",[[0,\"verdocs-view\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"headerTargetId\":[1,\"header-target-id\"],\"canceling\":[32],\"envelope\":[32],\"roleNames\":[32],\"showCancelDone\":[32]}]]],[\"verdocs-status-indicator\",[[0,\"verdocs-status-indicator\",{\"size\":[1],\"theme\":[1],\"status\":[1],\"envelope\":[16],\"isOpen\":[32],\"containerId\":[32]}]]],[\"verdocs-template-star\",[[0,\"verdocs-template-star\",{\"endpoint\":[16],\"template\":[1040],\"updating\":[32]}]]],[\"verdocs-envelope-recipient-link_2\",[[0,\"verdocs-envelope-recipient-link\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"roleName\":[1,\"role-name\"],\"isOpen\":[32],\"loading\":[32],\"gettingLink\":[32],\"link\":[32]}],[0,\"verdocs-envelope-recipient-summary\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"canSendAnother\":[4,\"can-send-another\"],\"canView\":[4,\"can-view\"],\"canDone\":[4,\"can-done\"],\"isOpen\":[32],\"loading\":[32],\"recipientStatusIcons\":[32],\"containerId\":[32],\"gettingLinks\":[32],\"links\":[32]}]]],[\"verdocs-quick-functions_2\",[[0,\"verdocs-quick-functions\",{\"endpoint\":[16]}],[0,\"verdocs-search-box\",{\"endpoint\":[16],\"placeholder\":[1],\"type\":[1],\"query\":[1],\"grabsFocus\":[4,\"grabs-focus\"],\"focusField\":[64]}]]],[\"verdocs-button-panel\",[[4,\"verdocs-button-panel\",{\"icon\":[1],\"showPanel\":[64],\"hidePanel\":[64],\"toggle\":[64]}]]],[\"verdocs-envelope-document-page\",[[0,\"verdocs-envelope-document-page\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"documentId\":[1,\"document-id\"],\"pageNumber\":[2,\"page-number\"],\"virtualWidth\":[2,\"virtual-width\"],\"virtualHeight\":[1026,\"virtual-height\"],\"layers\":[16],\"type\":[1],\"containerId\":[32],\"renderedWidth\":[32],\"renderedHeight\":[32],\"naturalWidth\":[32],\"naturalHeight\":[32],\"aspectRatio\":[32],\"skipFirstNotification\":[32],\"pageDisplayUri\":[32]}]]],[\"verdocs-settings-api-keys_4\",[[0,\"verdocs-settings-members\",{\"endpoint\":[16],\"members\":[32],\"invited\":[32],\"selectedTab\":[32],\"invitingMember\":[32],\"newEmailAddress\":[32],\"newRole\":[32],\"submitting\":[32],\"deletingInvitation\":[32],\"resendingInvitation\":[32],\"deletingMember\":[32]}],[0,\"verdocs-settings-api-keys\",{\"endpoint\":[16],\"keys\":[32],\"creatingKey\":[32],\"createdKey\":[32],\"deletingKey\":[32],\"rotatingKey\":[32],\"newApiKeyName\":[32],\"newApiKeyProfileId\":[32],\"members\":[32]}],[0,\"verdocs-settings-organization\",{\"endpoint\":[16],\"valid\":[32],\"dirty\":[32],\"submitting\":[32],\"name\":[32],\"contact_email\":[32],\"phone\":[32],\"url\":[32]}],[0,\"verdocs-settings-profile\",{\"endpoint\":[16],\"valid\":[32],\"dirty\":[32],\"submitting\":[32],\"first_name\":[32],\"last_name\":[32],\"email\":[32],\"phone\":[32]}]]],[\"verdocs-pagination_2\",[[0,\"verdocs-pagination\",{\"selectedPage\":[1538,\"selected-page\"],\"itemCount\":[2,\"item-count\"],\"perPage\":[2,\"per-page\"]}],[0,\"verdocs-quick-filter\",{\"options\":[16],\"label\":[1],\"value\":[1537],\"placeholder\":[1],\"open\":[32]}]]],[\"verdocs-spinner\",[[0,\"verdocs-spinner\",{\"size\":[2],\"mode\":[1]}]]],[\"verdocs-tabs\",[[4,\"verdocs-tabs\",{\"tabs\":[16],\"selectedTab\":[2,\"selected-tab\"]}]]],[\"verdocs-template-document-page_2\",[[0,\"verdocs-toolbar-icon\",{\"text\":[1],\"icon\":[1],\"placement\":[1],\"containerId\":[32]}],[0,\"verdocs-template-document-page\",{\"endpoint\":[16],\"editable\":[4],\"disabled\":[4],\"done\":[4],\"templateId\":[1,\"template-id\"],\"documentId\":[1,\"document-id\"],\"pageNumber\":[2,\"page-number\"],\"virtualWidth\":[2,\"virtual-width\"],\"virtualHeight\":[1026,\"virtual-height\"],\"layers\":[16],\"containerId\":[32],\"renderedWidth\":[32],\"renderedHeight\":[32],\"naturalWidth\":[32],\"naturalHeight\":[32],\"aspectRatio\":[32],\"skipFirstNotification\":[32],\"pageDisplayUri\":[32],\"xScale\":[32],\"yScale\":[32]}]]],[\"verdocs-contact-picker_2\",[[0,\"verdocs-contact-picker\",{\"endpoint\":[16],\"templateRole\":[16],\"contactSuggestions\":[16],\"name\":[32],\"email\":[32],\"phone\":[32],\"message\":[32],\"showSuggestions\":[32],\"showMessage\":[32],\"delegator\":[32],\"showKba\":[32],\"kbaMethod\":[32],\"pinCode\":[32],\"nameFieldId\":[32],\"emailFieldId\":[32],\"phoneFieldId\":[32]}],[0,\"verdocs-toggle-button\",{\"active\":[4],\"icon\":[1],\"label\":[1],\"size\":[1],\"_active\":[32]}]]],[\"verdocs-file-chooser_2\",[[0,\"verdocs-file-chooser\",{\"endpoint\":[16],\"file\":[32]}],[0,\"verdocs-progress-bar\",{\"label\":[1],\"showPercent\":[4,\"show-percent\"],\"percent\":[2]}]]],[\"verdocs-dropdown\",[[0,\"verdocs-dropdown\",{\"options\":[16]},[[9,\"resize\",\"handleResize\"]]]]],[\"verdocs-dialog_2\",[[4,\"verdocs-dialog\"],[0,\"verdocs-table\",{\"columns\":[16],\"data\":[16]}]]],[\"verdocs-radio-button_3\",[[0,\"verdocs-template-role-properties\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"roleName\":[1,\"role-name\"],\"sender\":[1],\"dirty\":[32],\"saving\":[32],\"name\":[32],\"type\":[32],\"full_name\":[32],\"email\":[32],\"phone\":[32],\"delegator\":[32]}],[0,\"verdocs-template-sender\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"sender\":[1],\"saving\":[32]}],[0,\"verdocs-radio-button\",{\"checked\":[4],\"name\":[1],\"value\":[1],\"disabled\":[4]}]]],[\"verdocs-ok-dialog\",[[0,\"verdocs-ok-dialog\",{\"heading\":[1],\"message\":[1],\"buttonLabel\":[1,\"button-label\"],\"showCancel\":[4,\"show-cancel\"],\"closed\":[32]}]]],[\"verdocs-loader\",[[0,\"verdocs-loader\"]]],[\"verdocs-organization-card_2\",[[0,\"verdocs-organization-card\",{\"organization\":[16],\"hovered\":[32]},[[1,\"mouseover\",\"onMouseOver\"],[1,\"mouseout\",\"onMouseOut\"]]],[4,\"verdocs-portal\",{\"anchor\":[1],\"voffset\":[2],\"align\":[1]},[[11,\"scroll\",\"handleScroll\"],[11,\"resize\",\"handleResize\"],[10,\"click\",\"handleClick\"]]]]],[\"verdocs-component-error\",[[0,\"verdocs-component-error\",{\"message\":[1]}]]],[\"verdocs-button_3\",[[0,\"verdocs-text-input\",{\"value\":[1537],\"label\":[1],\"placeholder\":[1],\"autocomplete\":[1],\"helpText\":[1,\"help-text\"],\"clearable\":[4],\"copyable\":[4],\"type\":[1],\"disabled\":[4],\"required\":[4]}],[0,\"verdocs-help-icon\",{\"text\":[1],\"icon\":[1],\"containerId\":[32]}],[0,\"verdocs-button\",{\"label\":[1],\"startIcon\":[1,\"start-icon\"],\"endIcon\":[1,\"end-icon\"],\"size\":[1],\"type\":[1],\"variant\":[1],\"disabled\":[4]}]]],[\"verdocs-checkbox_3\",[[0,\"verdocs-template-field-properties\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"fieldName\":[1025,\"field-name\"],\"helpText\":[1,\"help-text\"],\"dirty\":[32],\"loading\":[32],\"setting\":[32],\"label\":[32],\"type\":[32],\"name\":[32],\"required\":[32],\"roleName\":[32],\"group\":[32],\"fieldType\":[32],\"options\":[32],\"placeholder\":[32],\"value\":[32],\"leading\":[32],\"showingHelp\":[32]}],[0,\"verdocs-checkbox\",{\"checked\":[4],\"name\":[1],\"label\":[1],\"value\":[1],\"theme\":[1],\"disabled\":[4]}],[0,\"verdocs-select-input\",{\"value\":[1],\"label\":[1],\"options\":[16],\"disabled\":[4]}]]],[\"verdocs-field-attachment_13\",[[0,\"verdocs-field-attachment\",{\"endpoint\":[16],\"templateid\":[513],\"fieldname\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"selectedFile\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-initial\",{\"templateid\":[513],\"fieldname\":[513],\"disabled\":[516],\"initials\":[513],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"tempInitials\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-signature\",{\"templateid\":[513],\"fieldname\":[513],\"name\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"tempSignature\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-checkbox\",{\"templateid\":[513],\"fieldname\":[513],\"option\":[514],\"disabled\":[516],\"done\":[516],\"editable\":[516],\"moveable\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-date\",{\"templateid\":[513],\"fieldname\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"field\":[16],\"containerId\":[32],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-dropdown\",{\"templateid\":[513],\"fieldname\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-radio-button\",{\"templateid\":[513],\"fieldname\":[513],\"option\":[514],\"disabled\":[516],\"done\":[516],\"editable\":[516],\"moveable\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-textarea\",{\"endpoint\":[16],\"templateid\":[513],\"fieldname\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-textbox\",{\"endpoint\":[16],\"templateid\":[513],\"fieldname\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-timestamp\",{\"templateid\":[513],\"fieldname\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[2],\"showingProperties\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-initial-dialog\",{\"initials\":[1],\"fontLoaded\":[32],\"enteredInitials\":[32],\"mode\":[32]}],[0,\"verdocs-signature-dialog\",{\"name\":[1],\"fontLoaded\":[32],\"enteredName\":[32],\"mode\":[32]}],[0,\"verdocs-upload-dialog\",{\"draggingOver\":[32],\"decodedFiles\":[32]}]]],[\"verdocs-preview_10\",[[0,\"verdocs-template-fields\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"toolbarTargetId\":[1,\"toolbar-target-id\"],\"placing\":[32],\"showMustSelectRole\":[32],\"selectedRoleName\":[32],\"loading\":[32]},[[4,\"keydown\",\"handleKeyDown\"]]],[0,\"verdocs-preview\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"loading\":[32]},null,{\"templateId\":[\"onTemplateIdChanged\"]}],[0,\"verdocs-template-roles\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"showingRoleDialog\":[32],\"showingSenderDialog\":[32],\"sender\":[32],\"loading\":[32]}],[0,\"verdocs-send\",{\"endpoint\":[16],\"templateId\":[513,\"template-id\"],\"environment\":[1],\"containerId\":[32],\"rolesAtLevel\":[32],\"showPickerForId\":[32],\"sessionContacts\":[32],\"sending\":[32],\"rolesCompleted\":[32],\"reset\":[64]},null,{\"templateId\":[\"onTemplateIdChanged\"]}],[0,\"verdocs-template-attachments\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"uploading\":[32],\"progressLabel\":[32],\"progressPercent\":[32],\"showDeleteError\":[32],\"confirmDeleteDocument\":[32],\"store\":[32]}],[0,\"verdocs-template-reminders\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"showPlanBlocker\":[32],\"sendReminders\":[32],\"firstReminderDays\":[32],\"reminderDays\":[32],\"dirty\":[32]}],[0,\"verdocs-template-name\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"name\":[32],\"dirty\":[32]}],[0,\"verdocs-template-create\",{\"endpoint\":[16],\"file\":[32],\"creating\":[32],\"progressLabel\":[32],\"progressPercent\":[32]}],[0,\"verdocs-template-build-tabs\",{\"endpoint\":[16],\"templateId\":[1537,\"template-id\"],\"step\":[1537],\"templateStore\":[32]},null,{\"templateId\":[\"onTemplateIdChanged\"],\"step\":[\"onStepChanged\"]}],[0,\"verdocs-template-visibility\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"dirty\":[32],\"personal\":[32],\"public\":[32]}]]]]"), options);
 };
 
 export { defineCustomElements };

package/dist/esm/{utils-61c1093b.js → utils-d1c95309.js}

@@ -182,15 +182,10 @@ const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1) => {
             else {
                 el.setAttribute('tabIndex', tabIndex);
             }
-            if (editable) {
-                el.setAttribute('editable', true);
-            }
-            if (draggable) {
-                el.setAttribute('draggable', true);
-            }
-            if (done) {
-                el.setAttribute('done', true);
-            }
+            console.log(field.name, 'editable', editable);
+            el.setAttribute('editable', editable);
+            el.setAttribute('draggable', draggable);
+            el.setAttribute('done', done);
             setControlStyles(el, field, docPage.xScale, docPage.yScale);
             controlsDiv.appendChild(el);
             return el;
@@ -290,9 +285,7 @@ const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1) => {
             return null;
     }
 };
-// TODO: We can clean this up a lot if we alter the API to emit both setting and settings regardless of the source type,
-//   but then merge the SDK types to encourage developers to use just `settings`.
-const getFieldSettings = (field) => field.settings;
+const getFieldSettings = (field) => (field === null || field === void 0 ? void 0 : field.settings) || {};
 /**
  * Helper function to safely set/update components in a CSS transform attribute. Transform is normally set as a string of
  * `operation1(param) operation2(param) ...` components, which makes updating them a bit of a pain. This will remove the
@@ -397,4 +390,4 @@ const convertToE164 = (input) => {
     return `+1${temp}`;
 };
 
-export { saveAttachment as a, updateCssTransform as b, removeCssTransform as c, getFieldOptionId as d, defaultWidth as e, defaultHeight as f, getFieldId as g, commonjsGlobal as h, convertToE164 as i, renderedTextWidth as j, getFieldSettings as k, getControlStyles as l, renderDocumentField as r, saveEnvelopesAsZip as s, throttle as t, updateDocumentFieldValue as u };
+export { saveAttachment as a, updateCssTransform as b, removeCssTransform as c, getFieldOptionId as d, defaultWidth as e, defaultHeight as f, getFieldId as g, commonjsGlobal as h, convertToE164 as i, renderedTextWidth as j, getControlStyles as k, getFieldSettings as l, renderDocumentField as r, saveEnvelopesAsZip as s, throttle as t, updateDocumentFieldValue as u };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h } from './index-b89cf6a4.js';
-import { VerdocsEndpoint, createBusinessAccount, authenticateUser, decodeAccessTokenBody, resendVerification, resetPassword } from '@verdocs/js-sdk';
+import { VerdocsEndpoint, createAccount, authenticateUser, decodeAccessTokenBody, resendVerification, resetPassword } from '@verdocs/js-sdk';
 import { V as VerdocsToast } from './Toast-b71de686.js';
 import { S as SDKError } from './errors-887f1e88.js';
 
@@ -117,7 +117,7 @@ const VerdocsAuth = class {
     handleSignup() {
         this.submitting = true;
         this.accessTokenForVerification = null;
-        createBusinessAccount(this.endpoint, {
+        createAccount(this.endpoint, {
             email: this.username,
             password: this.password,
             firstName: this.first,

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b89cf6a4.js';
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
-import { g as getTemplateStore } from './TemplateStore-df5484bb.js';
+import { g as getTemplateStore } from './TemplateStore-78ad24d7.js';
 import { S as SDKError } from './errors-887f1e88.js';
 import './index-296aabaf.js';
-import './TemplateRoleStore-ddc3b96f.js';
-import './TemplateFieldStore-d7516adf.js';
+import './TemplateRoleStore-0a4f98cb.js';
+import './TemplateFieldStore-32329b5a.js';
 import './index-7456b04f.js';
 
 const verdocsBuildCss = "@-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-build{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-build .content{-ms-flex:1;flex:1;gap:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}verdocs-build verdocs-template-attachments,verdocs-build verdocs-template-roles{margin:20px}verdocs-build verdocs-template-fields{border-top:1px solid #777777}verdocs-build verdocs-template-attachments{padding:20px;background:#ffffff}verdocs-build verdocs-template-fields{width:100%}verdocs-build verdocs-preview{-ms-flex:1;flex:1}verdocs-build .preview-container{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;width:100%;background-color:#eeeeee;max-height:100%}@media all and (max-width: 450px){verdocs-build .preview-container{-ms-flex-direction:column;flex-direction:column}}verdocs-build .preview-send-wrapper{display:-ms-flexbox;display:flex;-ms-flex:0 0 300px;flex:0 0 300px;background-color:#ffffff;-webkit-box-shadow:1px 1px 6px -2px rgba(0, 0, 0, 0.4980392157);box-shadow:1px 1px 6px -2px rgba(0, 0, 0, 0.4980392157)}@media all and (max-width: 450px){verdocs-build .preview-send-wrapper{-ms-flex:0;flex:0}}verdocs-build .preview-preview-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;overflow-y:scroll}";
@@ -22,45 +22,51 @@ const VerdocsBuild = class {
         this.endpoint = VerdocsEndpoint.getDefault();
         this.templateId = null;
         this.step = 'preview';
-        this.store = null;
+        this.templateStore = null;
     }
-    onTemplateIdChanged(newTemplateId) {
-        console.log('Template ID changed', newTemplateId);
+    onTemplateIdChanged(newTemplateId, oldTemplateId) {
+        if (!oldTemplateId && newTemplateId && this.step === 'attachments') {
+            this.step = 'preview';
+        }
         this.loadTemplate(newTemplateId).catch((e) => console.log('Unknown Error', e));
     }
-    onStepChanged(newStep) {
-        console.log('Step changed', newStep);
+    onStepChanged() {
+        // We reload the template here even if only the step changed in case
+        // we were out of sync before
         this.loadTemplate(this.templateId).catch((e) => console.log('Unknown Error', e));
     }
     async componentWillLoad() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e, _f;
         try {
             this.endpoint.loadSession();
+            if (!this.endpoint.session) {
+                console.log('[BUILD] Unable to start builder session, must be authenticated');
+                return;
+            }
             if (!this.templateId) {
                 console.log(`[BUILD] No template ID, activating upload mode`);
                 this.step = 'attachments';
                 return;
             }
-            if (!this.endpoint.session) {
-                console.log('[BUILD] Unable to start builder session, must be authenticated');
-                return;
+            try {
+                this.loadTemplate(this.templateId).catch(e => console.log('[BUILD] Unable to load template', e));
+            }
+            catch (e) {
+                console.log('[BUILD] Error loading template', e);
+                (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
             }
-            this.loadTemplate(this.templateId).catch(e => console.log('[BUILD] Unable to load template', e));
         }
         catch (e) {
-            console.log('[BUILD] Error loading template', e);
-            (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
+            console.log('[BUILD] Error with builder session', e);
+            (_d = this.sdkError) === null || _d === void 0 ? void 0 : _d.emit(new SDKError(e.message, (_e = e.response) === null || _e === void 0 ? void 0 : _e.status, (_f = e.response) === null || _f === void 0 ? void 0 : _f.data));
         }
     }
     async loadTemplate(templateId) {
         if (templateId) {
-            console.log('Loading store', templateId);
-            this.store = await getTemplateStore(this.endpoint, templateId, false);
-            // forceUpdate(this.el);
+            this.templateStore = await getTemplateStore(this.endpoint, templateId, false);
         }
     }
-    handleCancel(e) {
-        console.log('Cancel', e.detail);
+    handleCancel() {
         this.step = 'preview';
     }
     async handleTemplateCreated(templateId) {
@@ -90,7 +96,6 @@ const VerdocsBuild = class {
     }
     handleStepChanged(step) {
         var _a;
-        console.log('osc', step);
         this.step = step;
         (_a = this.stepChanged) === null || _a === void 0 ? void 0 : _a.emit(step);
     }
@@ -98,12 +103,12 @@ const VerdocsBuild = class {
         if (!this.endpoint.session) {
             return (h(Host, null, h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
         }
-        if (!this.store) {
+        if (!this.templateStore) {
             console.log('[BUILD] No template ID, rendering created view');
-            return (h(Host, null, h("div", { class: "content" }, h("verdocs-template-build-tabs", { endpoint: this.endpoint, templateId: this.templateId, step: "attachments", onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); }, onStepChanged: e => this.handleStepChanged(e.detail) }), h("verdocs-template-create", { endpoint: this.endpoint, onExit: e => this.handleCancel(e), onNext: () => this.handleAttachmentsNext(), onTemplateCreated: e => this.handleTemplateCreated(e.detail.templateId) }))));
+            return (h(Host, null, h("div", { class: "content" }, h("verdocs-template-build-tabs", { endpoint: this.endpoint, templateId: this.templateId, step: "attachments", onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); }, onStepChanged: e => this.handleStepChanged(e.detail) }), h("verdocs-template-create", { endpoint: this.endpoint, onExit: () => this.handleCancel(), onNext: () => this.handleAttachmentsNext(), onTemplateCreated: e => this.handleTemplateCreated(e.detail.templateId) }))));
         }
         console.log('[BUILD] Rendering build view', this.templateId, this.step, ['attachments', 'roles', 'settings', 'fields', 'preview'].indexOf(this.step));
-        return (h(Host, null, h("div", { class: "content" }, h("verdocs-template-build-tabs", { endpoint: this.endpoint, templateId: this.templateId, step: this.step, onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); }, onStepChanged: e => this.handleStepChanged(e.detail) }), this.step === 'attachments' && (h("verdocs-template-attachments", { templateId: this.templateId, endpoint: this.endpoint, onExit: e => this.handleCancel(e), onNext: () => this.handleAttachmentsNext(), onTemplateUpdated: e => this.handleTemplateUpdated(e) })), this.step === 'roles' && (h("verdocs-template-roles", { templateId: this.templateId, endpoint: this.endpoint, onExit: e => this.handleCancel(e), onNext: () => this.handleRolesNext(), onRolesUpdated: e => this.handleRolesUpdated(e) })), this.step === 'settings' && (h("div", { style: { flexDirection: 'column', gap: '20px', display: 'flex', maxWidth: '400px', margin: '20px' } }, h("verdocs-template-name", { templateId: this.templateId, endpoint: this.endpoint, style: { backgroundColor: '#ffffff', padding: '20px' }, onTemplateUpdated: e => this.handleTemplateUpdated(e) }), h("verdocs-template-reminders", { templateId: this.templateId, endpoint: this.endpoint, style: { backgroundColor: '#ffffff', padding: '20px' }, onTemplateUpdated: e => this.handleTemplateUpdated(e) }), h("verdocs-template-visibility", { templateId: this.templateId, endpoint: this.endpoint, style: { backgroundColor: '#ffffff', padding: '20px' }, onTemplateUpdated: e => this.handleTemplateUpdated(e) }))), this.step === 'fields' && h("verdocs-template-fields", { templateId: this.templateId, endpoint: this.endpoint, onTemplateUpdated: e => this.handleTemplateUpdated(e) }), this.step === 'preview' && (h("div", { class: "preview-container" }, h("div", { class: "preview-send-wrapper" }, h("verdocs-send", { templateId: this.templateId, endpoint: this.endpoint, onSend: e => { var _a; return (_a = this.send) === null || _a === void 0 ? void 0 : _a.emit(e.detail); }, style: { width: '100%' } })), h("div", { class: "preview-preview-wrapper" }, h("verdocs-preview", { templateId: this.templateId, endpoint: this.endpoint, style: { display: 'flex', flex: '1', maxWidth: '1000px' } })))))));
+        return (h(Host, null, h("div", { class: "content" }, h("verdocs-template-build-tabs", { endpoint: this.endpoint, templateId: this.templateId, step: this.step, onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); }, onStepChanged: e => this.handleStepChanged(e.detail) }), this.step === 'attachments' && (h("verdocs-template-attachments", { templateId: this.templateId, endpoint: this.endpoint, onExit: () => this.handleCancel(), onNext: () => this.handleAttachmentsNext(), onTemplateUpdated: e => this.handleTemplateUpdated(e) })), this.step === 'roles' && (h("verdocs-template-roles", { templateId: this.templateId, endpoint: this.endpoint, onExit: () => this.handleCancel(), onNext: () => this.handleRolesNext(), onRolesUpdated: e => this.handleRolesUpdated(e) })), this.step === 'settings' && (h("div", { style: { flexDirection: 'column', gap: '20px', display: 'flex', maxWidth: '400px', margin: '20px' } }, h("verdocs-template-name", { templateId: this.templateId, endpoint: this.endpoint, style: { backgroundColor: '#ffffff', padding: '20px' }, onTemplateUpdated: e => this.handleTemplateUpdated(e) }), h("verdocs-template-reminders", { templateId: this.templateId, endpoint: this.endpoint, style: { backgroundColor: '#ffffff', padding: '20px' }, onTemplateUpdated: e => this.handleTemplateUpdated(e) }), h("verdocs-template-visibility", { templateId: this.templateId, endpoint: this.endpoint, style: { backgroundColor: '#ffffff', padding: '20px' }, onTemplateUpdated: e => this.handleTemplateUpdated(e) }))), this.step === 'fields' && h("verdocs-template-fields", { templateId: this.templateId, endpoint: this.endpoint, onTemplateUpdated: e => this.handleTemplateUpdated(e) }), this.step === 'preview' && (h("div", { class: "preview-container" }, h("div", { class: "preview-send-wrapper" }, h("verdocs-send", { templateId: this.templateId, endpoint: this.endpoint, onSend: e => { var _a; return (_a = this.send) === null || _a === void 0 ? void 0 : _a.emit(e.detail); }, style: { width: '100%' } })), h("div", { class: "preview-preview-wrapper" }, h("verdocs-preview", { templateId: this.templateId, endpoint: this.endpoint, style: { display: 'flex', flex: '1', maxWidth: '1000px' } })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/verdocs-button-panel.entry.js

@@ -66,10 +66,10 @@ const VerdocsButtonPanel = class {
         }
     }
     render() {
-        return (h(Host, { key: '875a734696925dd22625880b694e32c4845e1254' }, h("div", { key: 'cc83aef76b34b3e9031160451f9643168d41cf3b', class: "icon", innerHTML: this.icon, onClick: (e) => {
+        return (h(Host, { key: '37ce9f8d7615e703a4a41396d1bba667f25adb97' }, h("div", { key: 'a9f1795df2e640d053361325b2096fdba15f2b1d', class: "icon", innerHTML: this.icon, onClick: (e) => {
                 e.stopPropagation();
                 return this.toggle();
-            }, ref: el => (this.iconEl = el) }), h("div", { key: '136375bb517b9d86327c6fa63b115f3f496df7a4', role: "tooltip", class: "verdocs-button-panel-content", "data-popper-placement": "bottom", ref: el => (this.panelEl = el) }, h("div", { key: '065c60cf39be8a608fbc5e2199b09cb55d8a551b', "data-popper-arrow": "true", class: "arrow" }), h("slot", { key: '85af4ff2a549a5d062fff08bf17d1c6c24c439e5' }))));
+            }, ref: el => (this.iconEl = el) }), h("div", { key: 'fa63de96387644fab4ef5e6047a0687edaec52cc', role: "tooltip", class: "verdocs-button-panel-content", "data-popper-placement": "bottom", ref: el => (this.panelEl = el) }, h("div", { key: '8224a9993d6acca9c0ccfbd4ace02eda803c41bf', "data-popper-arrow": "true", class: "arrow" }), h("slot", { key: '3f3d910f4779e90dd5dd4b8b9c553ee09edc3625' }))));
     }
 };
 VerdocsButtonPanel.style = VerdocsButtonPanelStyle0;