@verdocs/web-sdk 2.3.43 → 2.3.45

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');
@@ -529,7 +529,7 @@ const VerdocsTemplateCreate = class {
     this.exit.emit();
   }
   async handleSubmit(e) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c;
     e.stopPropagation();
     console.log('Submitting');
     // Should be true if we're here because onClick is only enabled then. We're just guarding this for Typescript.
@@ -549,15 +549,22 @@ const VerdocsTemplateCreate = class {
         }
       });
       console.log('[CREATE] Created template', template);
-      (_a = this.templateCreated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template, templateId: template.id });
-      (_b = this.next) === null || _b === void 0 ? void 0 : _b.emit(template);
-      this.creating = false;
-      this.progressLabel = '';
-      this.progressPercent = 0;
+      TemplateStore.getTemplateStore(this.endpoint, template.id, true)
+        .then(() => {
+        var _a, _b;
+        (_a = this.templateCreated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template, templateId: template.id });
+        (_b = this.next) === null || _b === void 0 ? void 0 : _b.emit(template);
+        this.creating = false;
+        this.progressLabel = '';
+        this.progressPercent = 0;
+      })
+        .catch(e => {
+        console.log(e);
+      });
     }
     catch (e) {
       console.log('[CREATE] Error creating template', e);
-      (_c = this.sdkError) === null || _c === void 0 ? void 0 : _c.emit(new errors.SDKError(e.message, (_d = e.response) === null || _d === void 0 ? void 0 : _d.status, (_e = e.response) === null || _e === void 0 ? void 0 : _e.data));
+      (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new errors.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.creating = false;
     }
   }

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');

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

@@ -2,6 +2,7 @@ import { VerdocsEndpoint } from '@verdocs/js-sdk';
 import { createTemplatev2 } from '@verdocs/js-sdk/Templates/Templates';
 import { h, Host } from '@stencil/core';
 import { SDKError } from '../../../utils/errors';
+import { getTemplateStore } from '../../../utils/TemplateStore';
 const unicodeNBSP = ' ';
 const FileIcon = '<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z"></path></svg>';
 /**
@@ -36,7 +37,7 @@ export class VerdocsTemplateCreate {
     this.exit.emit();
   }
   async handleSubmit(e) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c;
     e.stopPropagation();
     console.log('Submitting');
     // Should be true if we're here because onClick is only enabled then. We're just guarding this for Typescript.
@@ -56,15 +57,22 @@ export class VerdocsTemplateCreate {
         }
       });
       console.log('[CREATE] Created template', template);
-      (_a = this.templateCreated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template, templateId: template.id });
-      (_b = this.next) === null || _b === void 0 ? void 0 : _b.emit(template);
-      this.creating = false;
-      this.progressLabel = '';
-      this.progressPercent = 0;
+      getTemplateStore(this.endpoint, template.id, true)
+        .then(() => {
+        var _a, _b;
+        (_a = this.templateCreated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template, templateId: template.id });
+        (_b = this.next) === null || _b === void 0 ? void 0 : _b.emit(template);
+        this.creating = false;
+        this.progressLabel = '';
+        this.progressPercent = 0;
+      })
+        .catch(e => {
+        console.log(e);
+      });
     }
     catch (e) {
       console.log('[CREATE] Error creating template', e);
-      (_c = this.sdkError) === null || _c === void 0 ? void 0 : _c.emit(new SDKError(e.message, (_d = e.response) === null || _d === void 0 ? void 0 : _d.status, (_e = e.response) === null || _e === void 0 ? void 0 : _e.data));
+      (_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.creating = false;
     }
   }

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-create2.js

@@ -2,6 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import './Types.js';
 import { V as VerdocsEndpoint, a as createTemplatev2 } from './VerdocsEndpoint.js';
 import { S as SDKError } from './errors.js';
+import { g as getTemplateStore } from './TemplateStore.js';
 import { d as defineCustomElement$4 } from './verdocs-button2.js';
 import { d as defineCustomElement$3 } from './verdocs-component-error2.js';
 import { d as defineCustomElement$2 } from './verdocs-loader2.js';
@@ -45,7 +46,7 @@ const VerdocsTemplateCreate = /*@__PURE__*/ proxyCustomElement(class extends HTM
     this.exit.emit();
   }
   async handleSubmit(e) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c;
     e.stopPropagation();
     console.log('Submitting');
     // Should be true if we're here because onClick is only enabled then. We're just guarding this for Typescript.
@@ -65,15 +66,22 @@ const VerdocsTemplateCreate = /*@__PURE__*/ proxyCustomElement(class extends HTM
         }
       });
       console.log('[CREATE] Created template', template);
-      (_a = this.templateCreated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template, templateId: template.id });
-      (_b = this.next) === null || _b === void 0 ? void 0 : _b.emit(template);
-      this.creating = false;
-      this.progressLabel = '';
-      this.progressPercent = 0;
+      getTemplateStore(this.endpoint, template.id, true)
+        .then(() => {
+        var _a, _b;
+        (_a = this.templateCreated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template, templateId: template.id });
+        (_b = this.next) === null || _b === void 0 ? void 0 : _b.emit(template);
+        this.creating = false;
+        this.progressLabel = '';
+        this.progressPercent = 0;
+      })
+        .catch(e => {
+        console.log(e);
+      });
     }
     catch (e) {
       console.log('[CREATE] Error creating template', e);
-      (_c = this.sdkError) === null || _c === void 0 ? void 0 : _c.emit(new SDKError(e.message, (_d = e.response) === null || _d === void 0 ? void 0 : _d.status, (_e = e.response) === null || _e === void 0 ? void 0 : _e.data));
+      (_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.creating = false;
     }
   }

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-01-17T23:32:33",
+  "timestamp": "2024-01-18T03:18:49",
   "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';

package/dist/esm/verdocs-field-checkbox.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';

package/dist/esm/verdocs-field-date.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 { a as FORMAT_DATE } from './Types-1628dc71.js';