@verdocs/web-sdk 2.3.36 → 2.3.38

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

@@ -7,12 +7,12 @@ const getTemplateFieldStore = (templateId) => templateFieldStores[templateId];
 const createTemplateFieldStore = (template) => {
   let store = getTemplateFieldStore(template.id);
   if (!store) {
-    console.log('Creating template field store for template', template.id);
+    console.log('Creating template field store for template', template);
     store = index.createStore({ fields: [] });
     templateFieldStores[template.id] = store;
   }
   else {
-    console.log('Resetting template field store for template', template.id);
+    console.log('Resetting template field store for template', template);
     store.reset();
   }
   store.set('fields', [...template.fields]);

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

@@ -7,12 +7,12 @@ const getTemplateRoleStore = (templateId) => templateRoleStores[templateId];
 const createTemplateRoleStore = (template) => {
   let store = getTemplateRoleStore(template.id);
   if (!store) {
-    console.log('Creating template role store for template', template.id);
+    console.log('Creating template role store for template', template);
     store = index.createStore({ roles: [] });
     templateRoleStores[template.id] = store;
   }
   else {
-    console.log('Resetting template role store for template', template.id);
+    console.log('Resetting template role store for template', template);
     store.reset();
   }
   store.set('roles', [...template.roles]);

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

@@ -2,8 +2,8 @@
 
 const index = require('./index-f712049c.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
-const TemplateRoleStore = require('./TemplateRoleStore-e17bb006.js');
-const TemplateFieldStore = require('./TemplateFieldStore-ecf695a7.js');
+const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
+const TemplateFieldStore = require('./TemplateFieldStore-5543516d.js');
 
 const createTemplateStore = (templateId) => {
   const now = new Date().toISOString();
@@ -47,19 +47,11 @@ const getTemplateStore = async (endpoint, templateId, forceReload = false) => {
     created = true;
   }
   const store = templateStores[templateId];
-  // NOTE: If we need it, store.use() returns an unsubcribe function
-  // See https://github.com/ionic-team/stencil-store#storeusesubscriptions
-  store.use({
-    // get: key => console.log(`Someone's reading prop ${key}`),
-    // set: (key, newValue, oldValue) => console.log(`Prop ${key} changed from ${oldValue} to ${newValue}`),
-    reset: () => console.debug('[TEMPLATES] Store got reset'),
-    dispose: () => console.debug('[TEMPLATES] Store got disposed'),
-  });
   // 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] Reloading template', { templateId, created, forceReload });
+    console.debug('[TEMPLATES] Loading template', { templateId, created, forceReload });
     store.state.isLoading = true;
     store.state.isLoaded = false;
     store.state.isError = false;

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-e62c16a8.js');
+const TemplateStore = require('./TemplateStore-0ecb6701.js');
 require('./index-f712049c.js');
-require('./TemplateRoleStore-e17bb006.js');
-require('./TemplateFieldStore-ecf695a7.js');
+require('./TemplateRoleStore-ef940afc.js');
+require('./TemplateFieldStore-5543516d.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-e62c16a8.js');
+const TemplateStore = require('./TemplateStore-0ecb6701.js');
 const errors = require('./errors-0396da3d.js');
 require('./index-f712049c.js');
-require('./TemplateRoleStore-e17bb006.js');
-require('./TemplateFieldStore-ecf695a7.js');
+require('./TemplateRoleStore-ef940afc.js');
+require('./TemplateFieldStore-5543516d.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-e17bb006.js');
-const TemplateFieldStore = require('./TemplateFieldStore-ecf695a7.js');
+const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
+const TemplateFieldStore = require('./TemplateFieldStore-5543516d.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-e17bb006.js');
-const TemplateFieldStore = require('./TemplateFieldStore-ecf695a7.js');
+const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
+const TemplateFieldStore = require('./TemplateFieldStore-5543516d.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-e17bb006.js');
-const TemplateFieldStore = require('./TemplateFieldStore-ecf695a7.js');
+const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
+const TemplateFieldStore = require('./TemplateFieldStore-5543516d.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-e17bb006.js');
-const TemplateFieldStore = require('./TemplateFieldStore-ecf695a7.js');
+const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
+const TemplateFieldStore = require('./TemplateFieldStore-5543516d.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-e17bb006.js');
-const TemplateFieldStore = require('./TemplateFieldStore-ecf695a7.js');
+const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
+const TemplateFieldStore = require('./TemplateFieldStore-5543516d.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-e17bb006.js');
-const TemplateFieldStore = require('./TemplateFieldStore-ecf695a7.js');
+const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
+const TemplateFieldStore = require('./TemplateFieldStore-5543516d.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-e17bb006.js');
-const TemplateFieldStore = require('./TemplateFieldStore-ecf695a7.js');
+const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
+const TemplateFieldStore = require('./TemplateFieldStore-5543516d.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-e17bb006.js');
-const TemplateFieldStore = require('./TemplateFieldStore-ecf695a7.js');
+const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
+const TemplateFieldStore = require('./TemplateFieldStore-5543516d.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-ecf695a7.js');
-const TemplateRoleStore = require('./TemplateRoleStore-e17bb006.js');
+const TemplateFieldStore = require('./TemplateFieldStore-5543516d.js');
+const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.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-e17bb006.js');
-const TemplateFieldStore = require('./TemplateFieldStore-ecf695a7.js');
+const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
+const TemplateFieldStore = require('./TemplateFieldStore-5543516d.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-e17bb006.js');
-const TemplateFieldStore = require('./TemplateFieldStore-ecf695a7.js');
+const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
+const TemplateFieldStore = require('./TemplateFieldStore-5543516d.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-ecf695a7.js');
-const TemplateRoleStore = require('./TemplateRoleStore-e17bb006.js');
-const TemplateStore = require('./TemplateStore-e62c16a8.js');
+const TemplateFieldStore = require('./TemplateFieldStore-5543516d.js');
+const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
+const TemplateStore = require('./TemplateStore-0ecb6701.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-ecf695a7.js');
-const TemplateRoleStore = require('./TemplateRoleStore-e17bb006.js');
-const TemplateStore = require('./TemplateStore-e62c16a8.js');
+const TemplateFieldStore = require('./TemplateFieldStore-5543516d.js');
+const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
+const TemplateStore = require('./TemplateStore-0ecb6701.js');
 const utils = require('./utils-ac526133.js');
 const errors = require('./errors-0396da3d.js');
 const Envelopes = require('./Envelopes-0b9deb2c.js');
@@ -73,6 +73,7 @@ const VerdocsPreview = class {
         return;
       }
       this.templateStore = await TemplateStore.getTemplateStore(this.endpoint, this.templateId, false);
+      console.log('[PREVIEW] Loaded Template Store', this.templateStore.state);
       this.fieldStore = TemplateFieldStore.getTemplateFieldStore(this.templateId);
       this.roleStore = TemplateRoleStore.getTemplateRoleStore(this.templateId);
       console.log('RS', (_a = this.roleStore) === null || _a === void 0 ? void 0 : _a.state);

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-ecf695a7.js');
+const TemplateFieldStore = require('./TemplateFieldStore-5543516d.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-ecf695a7.js');
+const TemplateFieldStore = require('./TemplateFieldStore-5543516d.js');
 const utils = require('./utils-ac526133.js');
-const TemplateRoleStore = require('./TemplateRoleStore-e17bb006.js');
-const TemplateStore = require('./TemplateStore-e62c16a8.js');
+const TemplateRoleStore = require('./TemplateRoleStore-ef940afc.js');
+const TemplateStore = require('./TemplateStore-0ecb6701.js');
 const errors = require('./errors-0396da3d.js');
 const Colors = require('./Colors-e809dcc9.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
@@ -77,6 +77,7 @@ const VerdocsTemplateFields = class {
     index.registerInstance(this, hostRef);
     this.sdkError = index.createEvent(this, "sdkError", 7);
     this.templateUpdated = index.createEvent(this, "templateUpdated", 7);
+    this.fieldsUpdated = index.createEvent(this, "fieldsUpdated", 7);
     this.pageHeights = {};
     this.templateStore = null;
     this.fieldStore = null;
@@ -106,6 +107,11 @@ const VerdocsTemplateFields = class {
       this.roleStore = TemplateRoleStore.getTemplateRoleStore(this.templateId);
       this.selectedRoleName = ((_b = (_a = this.roleStore.get('roles')) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.name) || '';
       console.log('Sel role', this.selectedRoleName);
+      this.fieldStore.onChange('fields', fields => {
+        var _a;
+        console.log('[FIELDS] Fields changed', { fields });
+        (_a = this.fieldsUpdated) === null || _a === void 0 ? void 0 : _a.emit({ event: 'updated', endpoint: this.endpoint, templateId: this.templateId, fields });
+      });
     }
     catch (e) {
       console.log('[FIELDS] Error with preview session', e);
@@ -594,6 +600,11 @@ const VerdocsTemplateRoles = class {
       }
       this.templateStore = await TemplateStore.getTemplateStore(this.endpoint, this.templateId, false);
       this.roleStore = TemplateRoleStore.getTemplateRoleStore(this.templateId);
+      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 });
+      });
     }
     catch (e) {
       console.log('[FIELDS] Error with preview session', e);

package/dist/collection/components/embeds/verdocs-preview/verdocs-preview.js

@@ -32,6 +32,7 @@ export class VerdocsPreview {
         return;
       }
       this.templateStore = await getTemplateStore(this.endpoint, this.templateId, false);
+      console.log('[PREVIEW] Loaded Template Store', this.templateStore.state);
       this.fieldStore = getTemplateFieldStore(this.templateId);
       this.roleStore = getTemplateRoleStore(this.templateId);
       console.log('RS', (_a = this.roleStore) === null || _a === void 0 ? void 0 : _a.state);

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

@@ -69,6 +69,11 @@ export class VerdocsTemplateFields {
       this.roleStore = getTemplateRoleStore(this.templateId);
       this.selectedRoleName = ((_b = (_a = this.roleStore.get('roles')) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.name) || '';
       console.log('Sel role', this.selectedRoleName);
+      this.fieldStore.onChange('fields', fields => {
+        var _a;
+        console.log('[FIELDS] Fields changed', { fields });
+        (_a = this.fieldsUpdated) === null || _a === void 0 ? void 0 : _a.emit({ event: 'updated', endpoint: this.endpoint, templateId: this.templateId, fields });
+      });
     }
     catch (e) {
       console.log('[FIELDS] Error with preview session', e);
@@ -492,6 +497,30 @@ export class VerdocsTemplateFields {
             }
           }
         }
+      }, {
+        "method": "fieldsUpdated",
+        "name": "fieldsUpdated",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "{endpoint: VerdocsEndpoint; templateId: string; event: 'added' | 'deleted' | 'updated'; fields: ITemplateField[]}",
+          "resolved": "{ endpoint: VerdocsEndpoint; templateId: string; event: \"added\" | \"deleted\" | \"updated\"; fields: ITemplateField[]; }",
+          "references": {
+            "VerdocsEndpoint": {
+              "location": "import",
+              "path": "@verdocs/js-sdk"
+            },
+            "ITemplateField": {
+              "location": "import",
+              "path": "@verdocs/js-sdk/Templates/Types"
+            }
+          }
+        }
       }];
   }
   static get listeners() {

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

@@ -49,6 +49,11 @@ export class VerdocsTemplateRoles {
       }
       this.templateStore = await getTemplateStore(this.endpoint, this.templateId, false);
       this.roleStore = getTemplateRoleStore(this.templateId);
+      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 });
+      });
     }
     catch (e) {
       console.log('[FIELDS] Error with preview session', e);

package/dist/collection/utils/TemplateFieldStore.js

@@ -4,12 +4,12 @@ export const getTemplateFieldStore = (templateId) => templateFieldStores[templat
 export const createTemplateFieldStore = (template) => {
   let store = getTemplateFieldStore(template.id);
   if (!store) {
-    console.log('Creating template field store for template', template.id);
+    console.log('Creating template field store for template', template);
     store = createStore({ fields: [] });
     templateFieldStores[template.id] = store;
   }
   else {
-    console.log('Resetting template field store for template', template.id);
+    console.log('Resetting template field store for template', template);
     store.reset();
   }
   store.set('fields', [...template.fields]);

package/dist/collection/utils/TemplateRoleStore.js

@@ -4,12 +4,12 @@ export const getTemplateRoleStore = (templateId) => templateRoleStores[templateI
 export const createTemplateRoleStore = (template) => {
   let store = getTemplateRoleStore(template.id);
   if (!store) {
-    console.log('Creating template role store for template', template.id);
+    console.log('Creating template role store for template', template);
     store = createStore({ roles: [] });
     templateRoleStores[template.id] = store;
   }
   else {
-    console.log('Resetting template role store for template', template.id);
+    console.log('Resetting template role store for template', template);
     store.reset();
   }
   store.set('roles', [...template.roles]);

package/dist/collection/utils/TemplateStore.js

@@ -45,19 +45,11 @@ export const getTemplateStore = async (endpoint, templateId, forceReload = false
     created = true;
   }
   const store = templateStores[templateId];
-  // NOTE: If we need it, store.use() returns an unsubcribe function
-  // See https://github.com/ionic-team/stencil-store#storeusesubscriptions
-  store.use({
-    // get: key => console.log(`Someone's reading prop ${key}`),
-    // set: (key, newValue, oldValue) => console.log(`Prop ${key} changed from ${oldValue} to ${newValue}`),
-    reset: () => console.debug('[TEMPLATES] Store got reset'),
-    dispose: () => console.debug('[TEMPLATES] Store got disposed'),
-  });
   // 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] Reloading template', { templateId, created, forceReload });
+    console.debug('[TEMPLATES] Loading template', { templateId, created, forceReload });
     store.state.isLoading = true;
     store.state.isLoaded = false;
     store.state.isError = false;

package/dist/components/TemplateFieldStore.js

@@ -5,12 +5,12 @@ const getTemplateFieldStore = (templateId) => templateFieldStores[templateId];
 const createTemplateFieldStore = (template) => {
   let store = getTemplateFieldStore(template.id);
   if (!store) {
-    console.log('Creating template field store for template', template.id);
+    console.log('Creating template field store for template', template);
     store = createStore({ fields: [] });
     templateFieldStores[template.id] = store;
   }
   else {
-    console.log('Resetting template field store for template', template.id);
+    console.log('Resetting template field store for template', template);
     store.reset();
   }
   store.set('fields', [...template.fields]);

package/dist/components/TemplateRoleStore.js

@@ -5,12 +5,12 @@ const getTemplateRoleStore = (templateId) => templateRoleStores[templateId];
 const createTemplateRoleStore = (template) => {
   let store = getTemplateRoleStore(template.id);
   if (!store) {
-    console.log('Creating template role store for template', template.id);
+    console.log('Creating template role store for template', template);
     store = createStore({ roles: [] });
     templateRoleStores[template.id] = store;
   }
   else {
-    console.log('Resetting template role store for template', template.id);
+    console.log('Resetting template role store for template', template);
     store.reset();
   }
   store.set('roles', [...template.roles]);

package/dist/components/TemplateStore.js

@@ -45,19 +45,11 @@ const getTemplateStore = async (endpoint, templateId, forceReload = false) => {
     created = true;
   }
   const store = templateStores[templateId];
-  // NOTE: If we need it, store.use() returns an unsubcribe function
-  // See https://github.com/ionic-team/stencil-store#storeusesubscriptions
-  store.use({
-    // get: key => console.log(`Someone's reading prop ${key}`),
-    // set: (key, newValue, oldValue) => console.log(`Prop ${key} changed from ${oldValue} to ${newValue}`),
-    reset: () => console.debug('[TEMPLATES] Store got reset'),
-    dispose: () => console.debug('[TEMPLATES] Store got disposed'),
-  });
   // 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] Reloading template', { templateId, created, forceReload });
+    console.debug('[TEMPLATES] Loading template', { templateId, created, forceReload });
     store.state.isLoading = true;
     store.state.isLoaded = false;
     store.state.isError = false;

package/dist/components/verdocs-preview2.js

@@ -35,6 +35,7 @@ const VerdocsPreview = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
         return;
       }
       this.templateStore = await getTemplateStore(this.endpoint, this.templateId, false);
+      console.log('[PREVIEW] Loaded Template Store', this.templateStore.state);
       this.fieldStore = getTemplateFieldStore(this.templateId);
       this.roleStore = getTemplateRoleStore(this.templateId);
       console.log('RS', (_a = this.roleStore) === null || _a === void 0 ? void 0 : _a.state);

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

@@ -51,6 +51,7 @@ const VerdocsTemplateFields = /*@__PURE__*/ proxyCustomElement(class extends HTM
     this.__registerHost();
     this.sdkError = createEvent(this, "sdkError", 7);
     this.templateUpdated = createEvent(this, "templateUpdated", 7);
+    this.fieldsUpdated = createEvent(this, "fieldsUpdated", 7);
     this.pageHeights = {};
     this.templateStore = null;
     this.fieldStore = null;
@@ -80,6 +81,11 @@ const VerdocsTemplateFields = /*@__PURE__*/ proxyCustomElement(class extends HTM
       this.roleStore = getTemplateRoleStore(this.templateId);
       this.selectedRoleName = ((_b = (_a = this.roleStore.get('roles')) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.name) || '';
       console.log('Sel role', this.selectedRoleName);
+      this.fieldStore.onChange('fields', fields => {
+        var _a;
+        console.log('[FIELDS] Fields changed', { fields });
+        (_a = this.fieldsUpdated) === null || _a === void 0 ? void 0 : _a.emit({ event: 'updated', endpoint: this.endpoint, templateId: this.templateId, fields });
+      });
     }
     catch (e) {
       console.log('[FIELDS] Error with preview session', e);

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

@@ -64,6 +64,11 @@ const VerdocsTemplateRoles = /*@__PURE__*/ proxyCustomElement(class extends HTML
       }
       this.templateStore = await getTemplateStore(this.endpoint, this.templateId, false);
       this.roleStore = getTemplateRoleStore(this.templateId);
+      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 });
+      });
     }
     catch (e) {
       console.log('[FIELDS] Error with preview session', e);

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-01-17T05:21:09",
+  "timestamp": "2024-01-17T14:19:50",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",
@@ -8605,6 +8605,15 @@
       ],
       "methods": [],
       "events": [
+        {
+          "event": "fieldsUpdated",
+          "detail": "{ endpoint: VerdocsEndpoint; templateId: string; event: \"added\" | \"deleted\" | \"updated\"; fields: ITemplateField[]; }",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "sdkError",
           "detail": "SDKError",

package/dist/esm/{TemplateFieldStore-0516a7ec.js → TemplateFieldStore-2a04af9c.js}

@@ -5,12 +5,12 @@ const getTemplateFieldStore = (templateId) => templateFieldStores[templateId];
 const createTemplateFieldStore = (template) => {
   let store = getTemplateFieldStore(template.id);
   if (!store) {
-    console.log('Creating template field store for template', template.id);
+    console.log('Creating template field store for template', template);
     store = createStore({ fields: [] });
     templateFieldStores[template.id] = store;
   }
   else {
-    console.log('Resetting template field store for template', template.id);
+    console.log('Resetting template field store for template', template);
     store.reset();
   }
   store.set('fields', [...template.fields]);

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

@@ -5,12 +5,12 @@ const getTemplateRoleStore = (templateId) => templateRoleStores[templateId];
 const createTemplateRoleStore = (template) => {
   let store = getTemplateRoleStore(template.id);
   if (!store) {
-    console.log('Creating template role store for template', template.id);
+    console.log('Creating template role store for template', template);
     store = createStore({ roles: [] });
     templateRoleStores[template.id] = store;
   }
   else {
-    console.log('Resetting template role store for template', template.id);
+    console.log('Resetting template role store for template', template);
     store.reset();
   }
   store.set('roles', [...template.roles]);