@verdocs/web-sdk 2.3.44 → 2.3.46

package/dist/cjs/{TemplateFieldStore-5543516d.js → TemplateFieldStore-fbc03ef8.js}

@@ -3,7 +3,12 @@
 const index = require('./index-f712049c.js');
 
 const templateFieldStores = {};
-const getTemplateFieldStore = (templateId) => templateFieldStores[templateId];
+const getTemplateFieldStore = (templateId) => {
+  if (!templateFieldStores[templateId]) {
+    templateFieldStores[templateId] = index.createStore({ fields: [] });
+  }
+  return templateFieldStores[templateId];
+};
 const createTemplateFieldStore = (template) => {
   let store = getTemplateFieldStore(template.id);
   if (!store) {

package/dist/cjs/{TemplateRoleStore-ef940afc.js → TemplateRoleStore-3b2ea92e.js}

@@ -3,7 +3,12 @@
 const index = require('./index-f712049c.js');
 
 const templateRoleStores = {};
-const getTemplateRoleStore = (templateId) => templateRoleStores[templateId];
+const getTemplateRoleStore = (templateId) => {
+  if (!templateRoleStores[templateId]) {
+    templateRoleStores[templateId] = index.createStore({ roles: [] });
+  }
+  return templateRoleStores[templateId];
+};
 const createTemplateRoleStore = (template) => {
   let store = getTemplateRoleStore(template.id);
   if (!store) {

package/dist/cjs/{TemplateStore-0ecb6701.js → TemplateStore-42660916.js}

@@ -2,8 +2,8 @@
 
 const index = require('./index-f712049c.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
-const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
-const TemplateFieldStore = require('./TemplateFieldStore-5543516d.js');
+const TemplateRoleStore = require('./TemplateRoleStore-3b2ea92e.js');
+const TemplateFieldStore = require('./TemplateFieldStore-fbc03ef8.js');
 
 const createTemplateStore = (templateId) => {
   const now = new Date().toISOString();
@@ -75,6 +75,11 @@ const getTemplateStore = async (endpoint, templateId, forceReload = false) => {
     }
     store.state.isLoading = false;
   }
+  else {
+    // Just make sure they exist
+    TemplateRoleStore.getTemplateRoleStore(templateId);
+    TemplateFieldStore.getTemplateFieldStore(templateId);
+  }
   return store;
 };
 

package/dist/cjs/ipc-test.cjs.entry.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5463795e.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
-const TemplateStore = require('./TemplateStore-0ecb6701.js');
+const TemplateStore = require('./TemplateStore-42660916.js');
 require('./index-f712049c.js');
-require('./TemplateRoleStore-ef940afc.js');
-require('./TemplateFieldStore-5543516d.js');
+require('./TemplateRoleStore-3b2ea92e.js');
+require('./TemplateFieldStore-fbc03ef8.js');
 
 const ipcTestCss = "ipc-test{max-width:800px;display:block}";
 

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5463795e.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
-const TemplateStore = require('./TemplateStore-0ecb6701.js');
+const TemplateStore = require('./TemplateStore-42660916.js');
 const errors = require('./errors-0396da3d.js');
 require('./index-f712049c.js');
-require('./TemplateRoleStore-ef940afc.js');
-require('./TemplateFieldStore-5543516d.js');
+require('./TemplateRoleStore-3b2ea92e.js');
+require('./TemplateFieldStore-fbc03ef8.js');
 
 const verdocsBuildCss = "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 #0000007f;box-shadow:1px 1px 6px -2px #0000007f}@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}";
 

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
-const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
-const TemplateFieldStore = require('./TemplateFieldStore-5543516d.js');
+const TemplateRoleStore = require('./TemplateRoleStore-3b2ea92e.js');
+const TemplateFieldStore = require('./TemplateFieldStore-fbc03ef8.js');
 const utils = require('./utils-ac526133.js');
 const Icons = require('./Icons-3286d014.js');
 require('./index-f712049c.js');

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
-const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
-const TemplateFieldStore = require('./TemplateFieldStore-5543516d.js');
+const TemplateRoleStore = require('./TemplateRoleStore-3b2ea92e.js');
+const TemplateFieldStore = require('./TemplateFieldStore-fbc03ef8.js');
 const utils = require('./utils-ac526133.js');
 const Icons = require('./Icons-3286d014.js');
 require('./index-f712049c.js');

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
-const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
-const TemplateFieldStore = require('./TemplateFieldStore-5543516d.js');
+const TemplateRoleStore = require('./TemplateRoleStore-3b2ea92e.js');
+const TemplateFieldStore = require('./TemplateFieldStore-fbc03ef8.js');
 const utils = require('./utils-ac526133.js');
 const Icons = require('./Icons-3286d014.js');
 const Types = require('./Types-fb95ed6b.js');

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
-const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
-const TemplateFieldStore = require('./TemplateFieldStore-5543516d.js');
+const TemplateRoleStore = require('./TemplateRoleStore-3b2ea92e.js');
+const TemplateFieldStore = require('./TemplateFieldStore-fbc03ef8.js');
 const utils = require('./utils-ac526133.js');
 const Icons = require('./Icons-3286d014.js');
 require('./index-f712049c.js');

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
-const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
-const TemplateFieldStore = require('./TemplateFieldStore-5543516d.js');
+const TemplateRoleStore = require('./TemplateRoleStore-3b2ea92e.js');
+const TemplateFieldStore = require('./TemplateFieldStore-fbc03ef8.js');
 const utils = require('./utils-ac526133.js');
 const Icons = require('./Icons-3286d014.js');
 require('./index-f712049c.js');

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
-const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
-const TemplateFieldStore = require('./TemplateFieldStore-5543516d.js');
+const TemplateRoleStore = require('./TemplateRoleStore-3b2ea92e.js');
+const TemplateFieldStore = require('./TemplateFieldStore-fbc03ef8.js');
 const utils = require('./utils-ac526133.js');
 require('./index-f712049c.js');
 require('./_commonjsHelpers-1fbbf0eb.js');

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
-const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
-const TemplateFieldStore = require('./TemplateFieldStore-5543516d.js');
+const TemplateRoleStore = require('./TemplateRoleStore-3b2ea92e.js');
+const TemplateFieldStore = require('./TemplateFieldStore-fbc03ef8.js');
 const utils = require('./utils-ac526133.js');
 const Icons = require('./Icons-3286d014.js');
 require('./index-f712049c.js');

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
-const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
-const TemplateFieldStore = require('./TemplateFieldStore-5543516d.js');
+const TemplateRoleStore = require('./TemplateRoleStore-3b2ea92e.js');
+const TemplateFieldStore = require('./TemplateFieldStore-fbc03ef8.js');
 const utils = require('./utils-ac526133.js');
 const Icons = require('./Icons-3286d014.js');
 require('./index-f712049c.js');

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

@@ -8,8 +8,8 @@ require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
 const Fields = require('./Fields-705a2168.js');
 const Colors = require('./Colors-e809dcc9.js');
-const TemplateFieldStore = require('./TemplateFieldStore-5543516d.js');
-const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
+const TemplateFieldStore = require('./TemplateFieldStore-fbc03ef8.js');
+const TemplateRoleStore = require('./TemplateRoleStore-3b2ea92e.js');
 const utils = require('./utils-ac526133.js');
 const Icons = require('./Icons-3286d014.js');
 require('./_commonjsHelpers-1fbbf0eb.js');

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

@@ -8,8 +8,8 @@ require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
 const Fields = require('./Fields-705a2168.js');
 const Colors = require('./Colors-e809dcc9.js');
-const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
-const TemplateFieldStore = require('./TemplateFieldStore-5543516d.js');
+const TemplateRoleStore = require('./TemplateRoleStore-3b2ea92e.js');
+const TemplateFieldStore = require('./TemplateFieldStore-fbc03ef8.js');
 const utils = require('./utils-ac526133.js');
 const Icons = require('./Icons-3286d014.js');
 require('./_commonjsHelpers-1fbbf0eb.js');

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
-const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
-const TemplateFieldStore = require('./TemplateFieldStore-5543516d.js');
+const TemplateRoleStore = require('./TemplateRoleStore-3b2ea92e.js');
+const TemplateFieldStore = require('./TemplateFieldStore-fbc03ef8.js');
 const utils = require('./utils-ac526133.js');
 const Types = require('./Types-fb95ed6b.js');
 const Icons = require('./Icons-3286d014.js');

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

@@ -7,9 +7,9 @@ const _commonjsHelpers = require('./_commonjsHelpers-1fbbf0eb.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
 const Fields = require('./Fields-705a2168.js');
-const TemplateFieldStore = require('./TemplateFieldStore-5543516d.js');
-const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
-const TemplateStore = require('./TemplateStore-0ecb6701.js');
+const TemplateFieldStore = require('./TemplateFieldStore-fbc03ef8.js');
+const TemplateRoleStore = require('./TemplateRoleStore-3b2ea92e.js');
+const TemplateStore = require('./TemplateStore-42660916.js');
 const errors = require('./errors-0396da3d.js');
 require('./index-f712049c.js');
 

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5463795e.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
-const TemplateFieldStore = require('./TemplateFieldStore-5543516d.js');
-const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
-const TemplateStore = require('./TemplateStore-0ecb6701.js');
+const TemplateFieldStore = require('./TemplateFieldStore-fbc03ef8.js');
+const TemplateRoleStore = require('./TemplateRoleStore-3b2ea92e.js');
+const TemplateStore = require('./TemplateStore-42660916.js');
 const utils = require('./utils-ac526133.js');
 const errors = require('./errors-0396da3d.js');
 const Envelopes = require('./Envelopes-0b9deb2c.js');

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

@@ -10,7 +10,7 @@ const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
 const Validators = require('./Validators-16e6d7d1.js');
 const Primitives = require('./Primitives-a59870a2.js');
 const utils = require('./utils-ac526133.js');
-const TemplateFieldStore = require('./TemplateFieldStore-5543516d.js');
+const TemplateFieldStore = require('./TemplateFieldStore-fbc03ef8.js');
 const Types = require('./Types-fb95ed6b.js');
 const Toast = require('./Toast-06880504.js');
 const errors = require('./errors-0396da3d.js');

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

@@ -8,10 +8,10 @@ require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
 const Fields = require('./Fields-705a2168.js');
 const Primitives = require('./Primitives-a59870a2.js');
-const TemplateFieldStore = require('./TemplateFieldStore-5543516d.js');
+const TemplateFieldStore = require('./TemplateFieldStore-fbc03ef8.js');
 const utils = require('./utils-ac526133.js');
-const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
-const TemplateStore = require('./TemplateStore-0ecb6701.js');
+const TemplateRoleStore = require('./TemplateRoleStore-3b2ea92e.js');
+const TemplateStore = require('./TemplateStore-42660916.js');
 const errors = require('./errors-0396da3d.js');
 const Colors = require('./Colors-e809dcc9.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
@@ -617,11 +617,11 @@ const VerdocsTemplateRoles = class {
         this.templateStore = ts;
         this.roleStore = TemplateRoleStore.getTemplateRoleStore(this.templateId);
         console.log('RS', (_a = this.roleStore) === null || _a === void 0 ? void 0 : _a.state);
+        this.loading = false;
         this.roleStore.onChange('roles', roles => {
           var _a;
           console.log('[ROLES] Roles changed', { roles });
           (_a = this.rolesUpdated) === null || _a === void 0 ? void 0 : _a.emit({ event: 'updated', endpoint: this.endpoint, templateId: this.templateId, roles });
-          this.loading = false;
         });
       })
         .catch(e => {
@@ -794,18 +794,19 @@ const VerdocsTemplateRoles = class {
     this.callCreateRole(name, sequence, order);
   }
   render() {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     if (!this.endpoint.session) {
       return (index.h(index.Host, null, index.h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
     }
     if (this.loading || !((_a = this.templateStore) === null || _a === void 0 ? void 0 : _a.state.isLoaded)) {
+      console.log('Loading', this.loading, (_b = this.templateStore) === null || _b === void 0 ? void 0 : _b.state.isLoaded);
       return (index.h(index.Host, { class: "loading" }, index.h("verdocs-loader", null)));
     }
     console.log('Rendering roles', this.roleStore.get('roles'));
     const roleNames = this.getRoleNames();
     const sequences = this.getSequenceNumbers();
     console.log('Rendering', roleNames, sequences);
-    return (index.h(index.Host, null, index.h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("h5", null, "Roles and Workflow"), index.h("div", { class: "participants" }, index.h("div", { class: "left-line" }), index.h("div", { class: "row" }, index.h("div", { class: "icon", innerHTML: startIcon }), index.h("div", { class: "row-roles" }, index.h("div", { class: "sender" }, index.h("span", { class: "label" }, "Sender:"), " ", senderLabels[(_c = (_b = this.templateStore) === null || _b === void 0 ? void 0 : _b.state) === null || _c === void 0 ? void 0 : _c.sender], ' ', index.h("div", { class: "settings-button", innerHTML: settingsIcon, onClick: () => (this.showingSenderDialog = true), "aria-role": "button" })))), index.h("div", { class: "row add-sequence", "data-sequence": 0 }, index.h("div", { class: "icon", innerHTML: plusIcon }), index.h("div", { class: "row-roles" }, index.h("div", { class: "dropzone", "data-sequence": 0, "data-order": 1 }, "Add Step"))), sequences.map(sequence => (index.h(index.Fragment, null, index.h("div", { class: "row" }, index.h("div", { class: "icon", innerHTML: stepIcon }), index.h("div", { class: "row-roles" }, index.h("div", { class: "dropzone", "data-order": 0.5, "data-sequence": sequence }), this.getRolesAtSequence(sequence).map(role => {
+    return (index.h(index.Host, null, index.h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("h5", null, "Roles and Workflow"), index.h("div", { class: "participants" }, index.h("div", { class: "left-line" }), index.h("div", { class: "row" }, index.h("div", { class: "icon", innerHTML: startIcon }), index.h("div", { class: "row-roles" }, index.h("div", { class: "sender" }, index.h("span", { class: "label" }, "Sender:"), " ", senderLabels[(_d = (_c = this.templateStore) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.sender], ' ', index.h("div", { class: "settings-button", innerHTML: settingsIcon, onClick: () => (this.showingSenderDialog = true), "aria-role": "button" })))), index.h("div", { class: "row add-sequence", "data-sequence": 0 }, index.h("div", { class: "icon", innerHTML: plusIcon }), index.h("div", { class: "row-roles" }, index.h("div", { class: "dropzone", "data-sequence": 0, "data-order": 1 }, "Add Step"))), sequences.map(sequence => (index.h(index.Fragment, null, index.h("div", { class: "row" }, index.h("div", { class: "icon", innerHTML: stepIcon }), index.h("div", { class: "row-roles" }, index.h("div", { class: "dropzone", "data-order": 0.5, "data-sequence": sequence }), this.getRolesAtSequence(sequence).map(role => {
       const unknown = !role.email;
       return unknown ? (index.h(index.Fragment, null, index.h("div", { class: "recipient", style: { backgroundColor: Colors.getRGBA(TemplateRoleStore.getRoleIndex(this.roleStore, role.name)) }, "data-rolename": role.name, "data-sequence": sequence, "data-order": role.order }, index.h("span", { class: "type-icon", innerHTML: role.type === 'signer' ? iconSigner : role.type === 'cc' ? iconCC : iconApprover }), role.name, " ", index.h("div", { class: "settings-button", innerHTML: settingsIcon, onClick: () => (this.showingRoleDialog = role.name), "aria-role": "button" })), index.h("div", { class: "dropzone", "data-order": role.order + 0.5, "data-sequence": sequence }))) : (index.h(index.Fragment, null, index.h("div", { class: "recipient", style: { borderColor: Colors.getRGBA(TemplateRoleStore.getRoleIndex(this.roleStore, role.name)) }, "data-rolename": role.name, "data-sequence": sequence, "data-order": role.order }, index.h("span", { class: "type-icon", innerHTML: role.type === 'signer' ? iconSigner : role.type === 'cc' ? iconCC : iconApprover }), role.full_name, " ", index.h("div", { class: "settings-button", innerHTML: settingsIcon, onClick: () => (this.showingRoleDialog = role.name), "aria-role": "button" })), index.h("div", { class: "dropzone", "data-order": role.order + 0.5, "data-sequence": sequence })));
     }), index.h("button", { class: "add-role", innerHTML: plusIcon, onClick: e => this.handleAddRole(e, sequence) }))), sequences.length > 0 && (index.h("div", { class: "row add-sequence", "data-sequence": sequence }, index.h("div", { class: "row-roles" }, index.h("div", { class: "icon", innerHTML: plusIcon }), index.h("div", { class: "dropzone", "data-sequence": sequence + 1, "data-order": 1 }, "Add Step"))))))), index.h("div", { class: "row", "data-sequence": sequences.length + 1 }, index.h("div", { class: "row-roles" }, index.h("div", { class: "icon", innerHTML: plusIcon }), index.h("button", { class: "add-step", innerHTML: plusIcon, onClick: e => this.handleAddStep(e, sequences.length + 1) }))), index.h("div", { class: "row" }, index.h("div", { class: "icon", innerHTML: doneIcon }), index.h("div", { class: "row-roles" }, index.h("div", { class: "complete" }, "Document Complete")))), roleNames.length < 1 && (index.h("div", { class: "empty" }, "You must add at least one Role before proceeding.", index.h("br", null), " Click the ", index.h("span", { innerHTML: plusIcon }), " Add button above to get started.")), index.h("div", { class: "buttons" }, index.h("div", { class: "flex-fill" }), index.h("verdocs-button", { variant: "outline", label: "Cancel", size: "small", onClick: () => this.handleCancel() }), index.h("verdocs-button", { label: "OK", size: "small", onClick: () => this.handleSubmit(), disabled: roleNames.length < 1 }))), this.showingRoleDialog && (index.h("verdocs-template-role-properties", { endpoint: this.endpoint, templateId: this.templateId, roleName: this.showingRoleDialog, onClose: () => {

package/dist/collection/components/templates/verdocs-template-roles/verdocs-template-roles.js

@@ -54,11 +54,11 @@ export class VerdocsTemplateRoles {
         this.templateStore = ts;
         this.roleStore = getTemplateRoleStore(this.templateId);
         console.log('RS', (_a = this.roleStore) === null || _a === void 0 ? void 0 : _a.state);
+        this.loading = false;
         this.roleStore.onChange('roles', roles => {
           var _a;
           console.log('[ROLES] Roles changed', { roles });
           (_a = this.rolesUpdated) === null || _a === void 0 ? void 0 : _a.emit({ event: 'updated', endpoint: this.endpoint, templateId: this.templateId, roles });
-          this.loading = false;
         });
       })
         .catch(e => {
@@ -231,18 +231,19 @@ export class VerdocsTemplateRoles {
     this.callCreateRole(name, sequence, order);
   }
   render() {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     if (!this.endpoint.session) {
       return (h(Host, null, h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
     }
     if (this.loading || !((_a = this.templateStore) === null || _a === void 0 ? void 0 : _a.state.isLoaded)) {
+      console.log('Loading', this.loading, (_b = this.templateStore) === null || _b === void 0 ? void 0 : _b.state.isLoaded);
       return (h(Host, { class: "loading" }, h("verdocs-loader", null)));
     }
     console.log('Rendering roles', this.roleStore.get('roles'));
     const roleNames = this.getRoleNames();
     const sequences = this.getSequenceNumbers();
     console.log('Rendering', roleNames, sequences);
-    return (h(Host, null, h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("h5", null, "Roles and Workflow"), h("div", { class: "participants" }, h("div", { class: "left-line" }), h("div", { class: "row" }, h("div", { class: "icon", innerHTML: startIcon }), h("div", { class: "row-roles" }, h("div", { class: "sender" }, h("span", { class: "label" }, "Sender:"), " ", senderLabels[(_c = (_b = this.templateStore) === null || _b === void 0 ? void 0 : _b.state) === null || _c === void 0 ? void 0 : _c.sender], ' ', h("div", { class: "settings-button", innerHTML: settingsIcon, onClick: () => (this.showingSenderDialog = true), "aria-role": "button" })))), h("div", { class: "row add-sequence", "data-sequence": 0 }, h("div", { class: "icon", innerHTML: plusIcon }), h("div", { class: "row-roles" }, h("div", { class: "dropzone", "data-sequence": 0, "data-order": 1 }, "Add Step"))), sequences.map(sequence => (h(Fragment, null, h("div", { class: "row" }, h("div", { class: "icon", innerHTML: stepIcon }), h("div", { class: "row-roles" }, h("div", { class: "dropzone", "data-order": 0.5, "data-sequence": sequence }), this.getRolesAtSequence(sequence).map(role => {
+    return (h(Host, null, h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("h5", null, "Roles and Workflow"), h("div", { class: "participants" }, h("div", { class: "left-line" }), h("div", { class: "row" }, h("div", { class: "icon", innerHTML: startIcon }), h("div", { class: "row-roles" }, h("div", { class: "sender" }, h("span", { class: "label" }, "Sender:"), " ", senderLabels[(_d = (_c = this.templateStore) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.sender], ' ', h("div", { class: "settings-button", innerHTML: settingsIcon, onClick: () => (this.showingSenderDialog = true), "aria-role": "button" })))), h("div", { class: "row add-sequence", "data-sequence": 0 }, h("div", { class: "icon", innerHTML: plusIcon }), h("div", { class: "row-roles" }, h("div", { class: "dropzone", "data-sequence": 0, "data-order": 1 }, "Add Step"))), sequences.map(sequence => (h(Fragment, null, h("div", { class: "row" }, h("div", { class: "icon", innerHTML: stepIcon }), h("div", { class: "row-roles" }, h("div", { class: "dropzone", "data-order": 0.5, "data-sequence": sequence }), this.getRolesAtSequence(sequence).map(role => {
       const unknown = !role.email;
       return unknown ? (h(Fragment, null, h("div", { class: "recipient", style: { backgroundColor: getRGBA(getRoleIndex(this.roleStore, role.name)) }, "data-rolename": role.name, "data-sequence": sequence, "data-order": role.order }, h("span", { class: "type-icon", innerHTML: role.type === 'signer' ? iconSigner : role.type === 'cc' ? iconCC : iconApprover }), role.name, " ", h("div", { class: "settings-button", innerHTML: settingsIcon, onClick: () => (this.showingRoleDialog = role.name), "aria-role": "button" })), h("div", { class: "dropzone", "data-order": role.order + 0.5, "data-sequence": sequence }))) : (h(Fragment, null, h("div", { class: "recipient", style: { borderColor: getRGBA(getRoleIndex(this.roleStore, role.name)) }, "data-rolename": role.name, "data-sequence": sequence, "data-order": role.order }, h("span", { class: "type-icon", innerHTML: role.type === 'signer' ? iconSigner : role.type === 'cc' ? iconCC : iconApprover }), role.full_name, " ", h("div", { class: "settings-button", innerHTML: settingsIcon, onClick: () => (this.showingRoleDialog = role.name), "aria-role": "button" })), h("div", { class: "dropzone", "data-order": role.order + 0.5, "data-sequence": sequence })));
     }), h("button", { class: "add-role", innerHTML: plusIcon, onClick: e => this.handleAddRole(e, sequence) }))), sequences.length > 0 && (h("div", { class: "row add-sequence", "data-sequence": sequence }, h("div", { class: "row-roles" }, h("div", { class: "icon", innerHTML: plusIcon }), h("div", { class: "dropzone", "data-sequence": sequence + 1, "data-order": 1 }, "Add Step"))))))), h("div", { class: "row", "data-sequence": sequences.length + 1 }, h("div", { class: "row-roles" }, h("div", { class: "icon", innerHTML: plusIcon }), h("button", { class: "add-step", innerHTML: plusIcon, onClick: e => this.handleAddStep(e, sequences.length + 1) }))), h("div", { class: "row" }, h("div", { class: "icon", innerHTML: doneIcon }), h("div", { class: "row-roles" }, h("div", { class: "complete" }, "Document Complete")))), roleNames.length < 1 && (h("div", { class: "empty" }, "You must add at least one Role before proceeding.", h("br", null), " Click the ", h("span", { innerHTML: plusIcon }), " Add button above to get started.")), h("div", { class: "buttons" }, h("div", { class: "flex-fill" }), h("verdocs-button", { variant: "outline", label: "Cancel", size: "small", onClick: () => this.handleCancel() }), h("verdocs-button", { label: "OK", size: "small", onClick: () => this.handleSubmit(), disabled: roleNames.length < 1 }))), this.showingRoleDialog && (h("verdocs-template-role-properties", { endpoint: this.endpoint, templateId: this.templateId, roleName: this.showingRoleDialog, onClose: () => {

package/dist/collection/utils/TemplateFieldStore.js

@@ -1,6 +1,11 @@
 import { createStore } from '@stencil/store';
 const templateFieldStores = {};
-export const getTemplateFieldStore = (templateId) => templateFieldStores[templateId];
+export const getTemplateFieldStore = (templateId) => {
+  if (!templateFieldStores[templateId]) {
+    templateFieldStores[templateId] = createStore({ fields: [] });
+  }
+  return templateFieldStores[templateId];
+};
 export const createTemplateFieldStore = (template) => {
   let store = getTemplateFieldStore(template.id);
   if (!store) {

package/dist/collection/utils/TemplateRoleStore.js

@@ -1,6 +1,11 @@
 import { createStore } from '@stencil/store';
 const templateRoleStores = {};
-export const getTemplateRoleStore = (templateId) => templateRoleStores[templateId];
+export const getTemplateRoleStore = (templateId) => {
+  if (!templateRoleStores[templateId]) {
+    templateRoleStores[templateId] = createStore({ roles: [] });
+  }
+  return templateRoleStores[templateId];
+};
 export const createTemplateRoleStore = (template) => {
   let store = getTemplateRoleStore(template.id);
   if (!store) {

package/dist/components/TemplateFieldStore.js

@@ -1,7 +1,12 @@
 import { c as createStore } from './index4.js';
 
 const templateFieldStores = {};
-const getTemplateFieldStore = (templateId) => templateFieldStores[templateId];
+const getTemplateFieldStore = (templateId) => {
+  if (!templateFieldStores[templateId]) {
+    templateFieldStores[templateId] = createStore({ fields: [] });
+  }
+  return templateFieldStores[templateId];
+};
 const createTemplateFieldStore = (template) => {
   let store = getTemplateFieldStore(template.id);
   if (!store) {

package/dist/components/TemplateRoleStore.js

@@ -1,7 +1,12 @@
 import { c as createStore } from './index4.js';
 
 const templateRoleStores = {};
-const getTemplateRoleStore = (templateId) => templateRoleStores[templateId];
+const getTemplateRoleStore = (templateId) => {
+  if (!templateRoleStores[templateId]) {
+    templateRoleStores[templateId] = createStore({ roles: [] });
+  }
+  return templateRoleStores[templateId];
+};
 const createTemplateRoleStore = (template) => {
   let store = getTemplateRoleStore(template.id);
   if (!store) {

package/dist/components/TemplateStore.js

@@ -1,7 +1,7 @@
 import { c as createStore } from './index4.js';
 import { g as getTemplate, b as TemplateSenderTypes } from './VerdocsEndpoint.js';
-import { c as createTemplateRoleStore } from './TemplateRoleStore.js';
-import { a as createTemplateFieldStore } from './TemplateFieldStore.js';
+import { c as createTemplateRoleStore, g as getTemplateRoleStore } from './TemplateRoleStore.js';
+import { a as createTemplateFieldStore, g as getTemplateFieldStore } from './TemplateFieldStore.js';
 
 const createTemplateStore = (templateId) => {
   const now = new Date().toISOString();
@@ -73,6 +73,11 @@ const getTemplateStore = async (endpoint, templateId, forceReload = false) => {
     }
     store.state.isLoading = false;
   }
+  else {
+    // Just make sure they exist
+    getTemplateRoleStore(templateId);
+    getTemplateFieldStore(templateId);
+  }
   return store;
 };
 

package/dist/components/verdocs-template-roles2.js

@@ -69,11 +69,11 @@ const VerdocsTemplateRoles = /*@__PURE__*/ proxyCustomElement(class extends HTML
         this.templateStore = ts;
         this.roleStore = getTemplateRoleStore(this.templateId);
         console.log('RS', (_a = this.roleStore) === null || _a === void 0 ? void 0 : _a.state);
+        this.loading = false;
         this.roleStore.onChange('roles', roles => {
           var _a;
           console.log('[ROLES] Roles changed', { roles });
           (_a = this.rolesUpdated) === null || _a === void 0 ? void 0 : _a.emit({ event: 'updated', endpoint: this.endpoint, templateId: this.templateId, roles });
-          this.loading = false;
         });
       })
         .catch(e => {
@@ -246,18 +246,19 @@ const VerdocsTemplateRoles = /*@__PURE__*/ proxyCustomElement(class extends HTML
     this.callCreateRole(name, sequence, order);
   }
   render() {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     if (!this.endpoint.session) {
       return (h(Host, null, h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
     }
     if (this.loading || !((_a = this.templateStore) === null || _a === void 0 ? void 0 : _a.state.isLoaded)) {
+      console.log('Loading', this.loading, (_b = this.templateStore) === null || _b === void 0 ? void 0 : _b.state.isLoaded);
       return (h(Host, { class: "loading" }, h("verdocs-loader", null)));
     }
     console.log('Rendering roles', this.roleStore.get('roles'));
     const roleNames = this.getRoleNames();
     const sequences = this.getSequenceNumbers();
     console.log('Rendering', roleNames, sequences);
-    return (h(Host, null, h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("h5", null, "Roles and Workflow"), h("div", { class: "participants" }, h("div", { class: "left-line" }), h("div", { class: "row" }, h("div", { class: "icon", innerHTML: startIcon }), h("div", { class: "row-roles" }, h("div", { class: "sender" }, h("span", { class: "label" }, "Sender:"), " ", senderLabels[(_c = (_b = this.templateStore) === null || _b === void 0 ? void 0 : _b.state) === null || _c === void 0 ? void 0 : _c.sender], ' ', h("div", { class: "settings-button", innerHTML: settingsIcon, onClick: () => (this.showingSenderDialog = true), "aria-role": "button" })))), h("div", { class: "row add-sequence", "data-sequence": 0 }, h("div", { class: "icon", innerHTML: plusIcon }), h("div", { class: "row-roles" }, h("div", { class: "dropzone", "data-sequence": 0, "data-order": 1 }, "Add Step"))), sequences.map(sequence => (h(Fragment, null, h("div", { class: "row" }, h("div", { class: "icon", innerHTML: stepIcon }), h("div", { class: "row-roles" }, h("div", { class: "dropzone", "data-order": 0.5, "data-sequence": sequence }), this.getRolesAtSequence(sequence).map(role => {
+    return (h(Host, null, h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("h5", null, "Roles and Workflow"), h("div", { class: "participants" }, h("div", { class: "left-line" }), h("div", { class: "row" }, h("div", { class: "icon", innerHTML: startIcon }), h("div", { class: "row-roles" }, h("div", { class: "sender" }, h("span", { class: "label" }, "Sender:"), " ", senderLabels[(_d = (_c = this.templateStore) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.sender], ' ', h("div", { class: "settings-button", innerHTML: settingsIcon, onClick: () => (this.showingSenderDialog = true), "aria-role": "button" })))), h("div", { class: "row add-sequence", "data-sequence": 0 }, h("div", { class: "icon", innerHTML: plusIcon }), h("div", { class: "row-roles" }, h("div", { class: "dropzone", "data-sequence": 0, "data-order": 1 }, "Add Step"))), sequences.map(sequence => (h(Fragment, null, h("div", { class: "row" }, h("div", { class: "icon", innerHTML: stepIcon }), h("div", { class: "row-roles" }, h("div", { class: "dropzone", "data-order": 0.5, "data-sequence": sequence }), this.getRolesAtSequence(sequence).map(role => {
       const unknown = !role.email;
       return unknown ? (h(Fragment, null, h("div", { class: "recipient", style: { backgroundColor: getRGBA(getRoleIndex(this.roleStore, role.name)) }, "data-rolename": role.name, "data-sequence": sequence, "data-order": role.order }, h("span", { class: "type-icon", innerHTML: role.type === 'signer' ? iconSigner : role.type === 'cc' ? iconCC : iconApprover }), role.name, " ", h("div", { class: "settings-button", innerHTML: settingsIcon, onClick: () => (this.showingRoleDialog = role.name), "aria-role": "button" })), h("div", { class: "dropzone", "data-order": role.order + 0.5, "data-sequence": sequence }))) : (h(Fragment, null, h("div", { class: "recipient", style: { borderColor: getRGBA(getRoleIndex(this.roleStore, role.name)) }, "data-rolename": role.name, "data-sequence": sequence, "data-order": role.order }, h("span", { class: "type-icon", innerHTML: role.type === 'signer' ? iconSigner : role.type === 'cc' ? iconCC : iconApprover }), role.full_name, " ", h("div", { class: "settings-button", innerHTML: settingsIcon, onClick: () => (this.showingRoleDialog = role.name), "aria-role": "button" })), h("div", { class: "dropzone", "data-order": role.order + 0.5, "data-sequence": sequence })));
     }), h("button", { class: "add-role", innerHTML: plusIcon, onClick: e => this.handleAddRole(e, sequence) }))), sequences.length > 0 && (h("div", { class: "row add-sequence", "data-sequence": sequence }, h("div", { class: "row-roles" }, h("div", { class: "icon", innerHTML: plusIcon }), h("div", { class: "dropzone", "data-sequence": sequence + 1, "data-order": 1 }, "Add Step"))))))), h("div", { class: "row", "data-sequence": sequences.length + 1 }, h("div", { class: "row-roles" }, h("div", { class: "icon", innerHTML: plusIcon }), h("button", { class: "add-step", innerHTML: plusIcon, onClick: e => this.handleAddStep(e, sequences.length + 1) }))), h("div", { class: "row" }, h("div", { class: "icon", innerHTML: doneIcon }), h("div", { class: "row-roles" }, h("div", { class: "complete" }, "Document Complete")))), roleNames.length < 1 && (h("div", { class: "empty" }, "You must add at least one Role before proceeding.", h("br", null), " Click the ", h("span", { innerHTML: plusIcon }), " Add button above to get started.")), h("div", { class: "buttons" }, h("div", { class: "flex-fill" }), h("verdocs-button", { variant: "outline", label: "Cancel", size: "small", onClick: () => this.handleCancel() }), h("verdocs-button", { label: "OK", size: "small", onClick: () => this.handleSubmit(), disabled: roleNames.length < 1 }))), this.showingRoleDialog && (h("verdocs-template-role-properties", { endpoint: this.endpoint, templateId: this.templateId, roleName: this.showingRoleDialog, onClose: () => {

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-01-18T02:49:13",
+  "timestamp": "2024-01-18T03:42:26",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",

package/dist/esm/{TemplateFieldStore-2a04af9c.js → TemplateFieldStore-76da1f7c.js}

@@ -1,7 +1,12 @@
 import { c as createStore } from './index-4439b0d1.js';
 
 const templateFieldStores = {};
-const getTemplateFieldStore = (templateId) => templateFieldStores[templateId];
+const getTemplateFieldStore = (templateId) => {
+  if (!templateFieldStores[templateId]) {
+    templateFieldStores[templateId] = createStore({ fields: [] });
+  }
+  return templateFieldStores[templateId];
+};
 const createTemplateFieldStore = (template) => {
   let store = getTemplateFieldStore(template.id);
   if (!store) {

package/dist/esm/{TemplateRoleStore-125da8af.js → TemplateRoleStore-8c34bafd.js}

@@ -1,7 +1,12 @@
 import { c as createStore } from './index-4439b0d1.js';
 
 const templateRoleStores = {};
-const getTemplateRoleStore = (templateId) => templateRoleStores[templateId];
+const getTemplateRoleStore = (templateId) => {
+  if (!templateRoleStores[templateId]) {
+    templateRoleStores[templateId] = createStore({ roles: [] });
+  }
+  return templateRoleStores[templateId];
+};
 const createTemplateRoleStore = (template) => {
   let store = getTemplateRoleStore(template.id);
   if (!store) {

package/dist/esm/{TemplateStore-adbb27df.js → TemplateStore-0804c8ee.js}

@@ -1,7 +1,7 @@
 import { c as createStore } from './index-4439b0d1.js';
 import { g as getTemplate, T as TemplateSenderTypes } from './VerdocsEndpoint-56fa3371.js';
-import { c as createTemplateRoleStore } from './TemplateRoleStore-125da8af.js';
-import { c as createTemplateFieldStore } from './TemplateFieldStore-2a04af9c.js';
+import { c as createTemplateRoleStore, g as getTemplateRoleStore } from './TemplateRoleStore-8c34bafd.js';
+import { c as createTemplateFieldStore, g as getTemplateFieldStore } from './TemplateFieldStore-76da1f7c.js';
 
 const createTemplateStore = (templateId) => {
   const now = new Date().toISOString();
@@ -73,6 +73,11 @@ const getTemplateStore = async (endpoint, templateId, forceReload = false) => {
     }
     store.state.isLoading = false;
   }
+  else {
+    // Just make sure they exist
+    getTemplateRoleStore(templateId);
+    getTemplateFieldStore(templateId);
+  }
   return store;
 };
 

package/dist/esm/ipc-test.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, h, H as Host } from './index-172625c5.js';
 import './Types-5f31149e.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-56fa3371.js';
-import { g as getTemplateStore } from './TemplateStore-adbb27df.js';
+import { g as getTemplateStore } from './TemplateStore-0804c8ee.js';
 import './index-4439b0d1.js';
-import './TemplateRoleStore-125da8af.js';
-import './TemplateFieldStore-2a04af9c.js';
+import './TemplateRoleStore-8c34bafd.js';
+import './TemplateFieldStore-76da1f7c.js';
 
 const ipcTestCss = "ipc-test{max-width:800px;display:block}";
 

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

@@ -1,11 +1,11 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, a as getElement } from './index-172625c5.js';
 import './Types-5f31149e.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-56fa3371.js';
-import { g as getTemplateStore } from './TemplateStore-adbb27df.js';
+import { g as getTemplateStore } from './TemplateStore-0804c8ee.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import './index-4439b0d1.js';
-import './TemplateRoleStore-125da8af.js';
-import './TemplateFieldStore-2a04af9c.js';
+import './TemplateRoleStore-8c34bafd.js';
+import './TemplateFieldStore-76da1f7c.js';
 
 const verdocsBuildCss = "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 #0000007f;box-shadow:1px 1px 6px -2px #0000007f}@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}";
 

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-172625c5.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore-125da8af.js';
-import { g as getTemplateFieldStore } from './TemplateFieldStore-2a04af9c.js';
+import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore-8c34bafd.js';
+import { g as getTemplateFieldStore } from './TemplateFieldStore-76da1f7c.js';
 import { g as getFieldSettings } from './utils-d081a2b9.js';
 import { S as SettingsIcon } from './Icons-ddea87bf.js';
 import './index-4439b0d1.js';