@verdocs/web-sdk 4.2.158 → 5.0.0

package/dist/components/p-ea5954bd.js

@@ -0,0 +1,4 @@
+const getRoleNames = (template) => ((template === null || template === void 0 ? void 0 : template.roles) || []).map(role => role.name);
+const getRoleIndex = (template, role_name) => Math.max(getRoleNames(template).findIndex(name => name === role_name), 0);
+
+export { getRoleIndex as a, getRoleNames as g };

package/dist/components/{p-42a676b7.js → p-ec894daf.js}

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-7786799a.js';
-import { b as renderedTextWidth } from './p-b0af9b72.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-324ed895.js';
+import { b as renderedTextWidth } from './p-4bc5ac82.js';
 import { c as createPopper } from './p-68a5aaff.js';
 
 const verdocsQuickFilterCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-quick-filter{position:relative;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-quick-filter .control{outline:0;height:34px;display:-ms-flexbox;display:flex;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;-webkit-transition:all 100ms ease 0s;transition:all 100ms ease 0s;border:1px solid #cccccc}verdocs-quick-filter .title{padding:0 8px;font-size:14px;max-width:100%;overflow:hidden;color:#33364b;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis}verdocs-quick-filter .title .prefix{display:inline;font-weight:700;margin:0 7px 0 0;color:#4c56cb}verdocs-quick-filter .arrow{width:32px;height:32px;border:none;outline:none;cursor:pointer;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;background:#ffffff;-webkit-transition:color 150ms ease 0s;transition:color 150ms ease 0s}verdocs-quick-filter .arrow svg{-webkit-transition:0.3s;transition:0.3s;fill:#cccccc}verdocs-quick-filter .separator{width:1px;display:block;margin-top:8px;margin-bottom:8px;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#cccccc}verdocs-quick-filter .items{display:none;z-index:10000;position:absolute;border-radius:4px;background:#ffffff;-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px}verdocs-quick-filter .items[data-show]{display:block}verdocs-quick-filter .option{width:100%;border:none;display:block;font-size:14px;text-align:left;background:none;padding:10px 20px;color:#1e2031}verdocs-quick-filter .option:hover{cursor:pointer;background:rgba(76, 86, 203, 0.2470588235)}verdocs-quick-filter .option[disabled]{color:#aaaaaa}verdocs-quick-filter .option[disabled]:hover{cursor:inherit;background:transparent;color:#aaaaaa}verdocs-quick-filter.open .items{display:block}verdocs-quick-filter.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1)}";

package/dist/components/{p-556596e4.js → p-f72b9c45.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-7786799a.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-324ed895.js';
 
 const verdocsProgressBarCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-progress-bar{font-family:\"Inter\", \"Barlow\", sans-serif;width:100%;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-progress-bar .labels{display:-ms-flexbox;display:flex;margin:0 0 8px 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}verdocs-progress-bar .labels .label{display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;margin-right:8px;color:#33364b}verdocs-progress-bar .bar{display:-ms-flexbox;display:flex;-ms-flex:0 0 10px;flex:0 0 10px;border-radius:5px;background-color:#cccccc}verdocs-progress-bar .bar .slider{display:-ms-flexbox;display:flex;border-radius:5px;background-color:#55bc81}";
 const VerdocsProgressBarStyle0 = verdocsProgressBarCss;

package/dist/components/{p-a7bbe96b.js → p-f990140a.js}

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-7786799a.js';
-import { d as defineCustomElement$2 } from './p-ac7578f6.js';
-import { d as defineCustomElement$1 } from './p-83245875.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-324ed895.js';
+import { d as defineCustomElement$2 } from './p-0e332769.js';
+import { d as defineCustomElement$1 } from './p-cf6ea837.js';
 
 const verdocsUploadDialogCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-upload-dialog{position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-upload-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-upload-dialog .background-overlay{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}verdocs-upload-dialog .upload-dialog-content{width:320px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-upload-dialog .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-upload-dialog .buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-upload-dialog .buttons verdocs-button{margin-left:16px}verdocs-upload-dialog .current-label{margin:20px 0 5px 0}verdocs-upload-dialog .drop-target{opacity:1;width:100%;display:-ms-flexbox;display:flex;margin:20px 0;min-height:260px;padding:30px 15px;text-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;background-color:#f5f5f5;color:#33364b;border:2px dashed #979797}verdocs-upload-dialog .drop-target p{margin:12px 0;font-weight:500}verdocs-upload-dialog .drop-target p.subscript{margin:20px;color:#5c6575;font-size:14px}verdocs-upload-dialog .drop-target.dragging-over{border:5px solid #4c56cb}verdocs-upload-dialog .drop-target>verdocs-button{margin:12px 0;display:inline-block}verdocs-upload-dialog .attachments{height:56px;font-size:0;margin:20px 0;padding:0 16px;line-height:56px;white-space:normal;-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)}verdocs-upload-dialog .attachments .attachment{gap:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-upload-dialog .attachments .attachment .icon{width:18px;height:18px;line-height:18px}verdocs-upload-dialog .attachments .attachment .icon.trash{cursor:pointer}verdocs-upload-dialog .attachments .attachment .name{-ms-flex:1;flex:1;font-size:14px;overflow:hidden;font-weight:400;white-space:nowrap;text-overflow:ellipsis}verdocs-upload-dialog .error{margin:20px 0;color:#cc0000}";
 const VerdocsUploadDialogStyle0 = verdocsUploadDialogCss;

package/dist/components/{p-db4a15fd.js → p-fcad60f5.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-7786799a.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-324ed895.js';
 
 const verdocsSwitchCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-switch{font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-switch .switch{display:-ms-inline-flexbox;display:inline-flex;height:24px;width:44px;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:12px;border:transparent;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .switch.primary[data-state=checked]{background:#55bc81}verdocs-switch .switch.primary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .switch.secondary[data-state=checked]{background:#4c56cb}verdocs-switch .switch.secondary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .slider{display:block;width:20px;height:20px;border-radius:20px;background:#ffffff;-webkit-box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .slider[data-state=checked]{-webkit-transform:translateX(22px);transform:translateX(22px)}verdocs-switch .slider[data-state=unchecked]{-webkit-transform:translateX(2px);transform:translateX(2px)}verdocs-switch .switch.disabled.primary,verdocs-switch .switch.disabled.secondary{cursor:not-allowed;background:#666666}";
 const VerdocsSwitchStyle0 = verdocsSwitchCss;

package/dist/components/verdocs-auth.js

@@ -1,10 +1,10 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-7786799a.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-324ed895.js';
 import { VerdocsEndpoint, createProfile, verifyEmail, authenticate, getMyUser, resendVerification, resetPassword } from '@verdocs/js-sdk';
 import { V as VerdocsToast } from './p-04c07b7b.js';
 import { S as SDKError } from './p-fd97809c.js';
-import { d as defineCustomElement$4 } from './p-ac7578f6.js';
-import { d as defineCustomElement$3 } from './p-69881420.js';
-import { d as defineCustomElement$2 } from './p-e4a852b5.js';
+import { d as defineCustomElement$4 } from './p-0e332769.js';
+import { d as defineCustomElement$3 } from './p-0ca7012b.js';
+import { d as defineCustomElement$2 } from './p-c8fedb4e.js';
 
 const verdocsAuthCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-auth{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}verdocs-auth .form{width:320px;display:-ms-flexbox;display:flex;padding:20px;max-width:90%;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-pack:center;justify-content:center;background:#ffffff}verdocs-auth .logo{width:128px;max-width:100%;margin:20px 0 30px}verdocs-auth h3{text-align:center;font-weight:400;font-size:18px;line-height:1.75;margin:0}verdocs-auth em{font-size:14px;margin:15px 0}verdocs-auth .buttons{gap:20px;margin:20px 0 0 0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}verdocs-auth .status-result{display:none}verdocs-auth .status-result.debug{white-space:pre-wrap;font-size:14px;background:#fff;padding:10px;display:block;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}verdocs-auth form{width:100%}verdocs-auth verdocs-text-input{margin-bottom:10px}verdocs-auth .account-option{gap:8px;margin:20px 0 8px 0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-auth p{margin:1em 0;font-size:14px}verdocs-auth p+p{margin-top:0}verdocs-auth verdocs-help-icon{margin-top:18px;display:-ms-flexbox;display:flex;width:32px;height:32px;-ms-flex:0 0 32px;flex:0 0 32px}verdocs-auth .already-have{margin:0.5em 0;font-size:14px}";
 const VerdocsAuthStyle0 = verdocsAuthCss;

package/dist/components/verdocs-build.js

@@ -1,49 +1,43 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-7786799a.js';
-import { VerdocsEndpoint } from '@verdocs/js-sdk';
-import { g as getTemplateStore } from './p-09d28afd.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-324ed895.js';
+import { VerdocsEndpoint, getTemplate } from '@verdocs/js-sdk';
 import { S as SDKError } from './p-fd97809c.js';
-import { d as defineCustomElement$H } from './p-ac7578f6.js';
-import { d as defineCustomElement$G } from './p-3044c9cb.js';
-import { d as defineCustomElement$F } from './p-4dc4418a.js';
-import { d as defineCustomElement$E } from './p-921297ba.js';
-import { d as defineCustomElement$D } from './p-a655b737.js';
-import { d as defineCustomElement$C } from './p-12594438.js';
-import { d as defineCustomElement$B } from './p-03660739.js';
-import { d as defineCustomElement$A } from './p-0162bdd3.js';
-import { d as defineCustomElement$z } from './p-1b60debe.js';
-import { d as defineCustomElement$y } from './p-b679d760.js';
-import { d as defineCustomElement$x } from './p-72e959a7.js';
-import { d as defineCustomElement$w } from './p-6e8c00bc.js';
-import { d as defineCustomElement$v } from './p-8f942993.js';
-import { d as defineCustomElement$u } from './p-b8cd75c0.js';
-import { d as defineCustomElement$t } from './p-cdf871dd.js';
-import { d as defineCustomElement$s } from './p-fe2dca8c.js';
-import { d as defineCustomElement$r } from './p-69881420.js';
-import { d as defineCustomElement$q } from './p-3518350d.js';
-import { d as defineCustomElement$p } from './p-90540412.js';
-import { d as defineCustomElement$o } from './p-83245875.js';
-import { d as defineCustomElement$n } from './p-8b27ce22.js';
-import { d as defineCustomElement$m } from './p-c7db1c7d.js';
-import { d as defineCustomElement$l } from './p-556596e4.js';
-import { d as defineCustomElement$k } from './p-263dc67d.js';
-import { d as defineCustomElement$j } from './p-1e66385b.js';
-import { d as defineCustomElement$i } from './p-d3170dcd.js';
-import { d as defineCustomElement$h } from './p-6b369b14.js';
-import { d as defineCustomElement$g } from './p-ffe8b41d.js';
-import { d as defineCustomElement$f } from './p-ed9a1a21.js';
-import { d as defineCustomElement$e } from './p-85ef4d07.js';
-import { d as defineCustomElement$d } from './p-f9cc62a7.js';
-import { d as defineCustomElement$c } from './p-fe533b11.js';
-import { d as defineCustomElement$b } from './p-b2bf338f.js';
-import { d as defineCustomElement$a } from './p-945d225a.js';
-import { d as defineCustomElement$9 } from './p-0933fb2d.js';
-import { d as defineCustomElement$8 } from './p-c7a21595.js';
-import { d as defineCustomElement$7 } from './p-83a2fa2f.js';
-import { d as defineCustomElement$6 } from './p-3555cef1.js';
-import { d as defineCustomElement$5 } from './p-e4a852b5.js';
-import { d as defineCustomElement$4 } from './p-0e64ccc3.js';
-import { d as defineCustomElement$3 } from './p-4d2f2954.js';
-import { d as defineCustomElement$2 } from './p-a7bbe96b.js';
+import { S as Store } from './p-da4d4eed.js';
+import { d as defineCustomElement$B } from './p-0e332769.js';
+import { d as defineCustomElement$A } from './p-070bebd7.js';
+import { d as defineCustomElement$z } from './p-3201d529.js';
+import { d as defineCustomElement$y } from './p-84ae0283.js';
+import { d as defineCustomElement$x } from './p-15d530b8.js';
+import { d as defineCustomElement$w } from './p-1030e0b1.js';
+import { d as defineCustomElement$v } from './p-649a2ae7.js';
+import { d as defineCustomElement$u } from './p-caa41754.js';
+import { d as defineCustomElement$t } from './p-82a3f92e.js';
+import { d as defineCustomElement$s } from './p-4e08dcdd.js';
+import { d as defineCustomElement$r } from './p-1fc15f94.js';
+import { d as defineCustomElement$q } from './p-642af221.js';
+import { d as defineCustomElement$p } from './p-bdc03b91.js';
+import { d as defineCustomElement$o } from './p-b9a18099.js';
+import { d as defineCustomElement$n } from './p-81794664.js';
+import { d as defineCustomElement$m } from './p-0ca7012b.js';
+import { d as defineCustomElement$l } from './p-b9034018.js';
+import { d as defineCustomElement$k } from './p-1ae5d7e0.js';
+import { d as defineCustomElement$j } from './p-cf6ea837.js';
+import { d as defineCustomElement$i } from './p-5d4bbcd0.js';
+import { d as defineCustomElement$h } from './p-5d1dec61.js';
+import { d as defineCustomElement$g } from './p-315d6592.js';
+import { d as defineCustomElement$f } from './p-5d82a9f3.js';
+import { d as defineCustomElement$e } from './p-5a9cea40.js';
+import { d as defineCustomElement$d } from './p-b16c202a.js';
+import { d as defineCustomElement$c } from './p-4dd750e9.js';
+import { d as defineCustomElement$b } from './p-2548f3f0.js';
+import { d as defineCustomElement$a } from './p-258c3c53.js';
+import { d as defineCustomElement$9 } from './p-0d063bf9.js';
+import { d as defineCustomElement$8 } from './p-94065def.js';
+import { d as defineCustomElement$7 } from './p-1e67ebdf.js';
+import { d as defineCustomElement$6 } from './p-8fbc64e9.js';
+import { d as defineCustomElement$5 } from './p-c8fedb4e.js';
+import { d as defineCustomElement$4 } from './p-9bb47a5a.js';
+import { d as defineCustomElement$3 } from './p-1e2e8b1c.js';
+import { d as defineCustomElement$2 } from './p-f990140a.js';
 
 const verdocsBuildCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-build{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-build .content{-ms-flex:1;flex:1;gap:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}verdocs-build verdocs-template-attachments,verdocs-build verdocs-template-roles{margin:20px}verdocs-build verdocs-template-fields{border-top:1px solid #777777}verdocs-build verdocs-template-attachments{padding:20px;background:#ffffff}verdocs-build verdocs-template-fields{width:100%}verdocs-build verdocs-preview{-ms-flex:1;flex:1}verdocs-build .preview-container{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;width:100%;background-color:#eeeeee;max-height:100%}@media all and (max-width: 450px){verdocs-build .preview-container{-ms-flex-direction:column;flex-direction:column}}verdocs-build .preview-send-wrapper{display:-ms-flexbox;display:flex;-ms-flex:0 0 300px;flex:0 0 300px;background-color:#ffffff;-webkit-box-shadow:1px 1px 6px -2px rgba(0, 0, 0, 0.4980392157);box-shadow:1px 1px 6px -2px rgba(0, 0, 0, 0.4980392157)}@media all and (max-width: 450px){verdocs-build .preview-send-wrapper{-ms-flex:0;flex:0}}verdocs-build .preview-preview-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;overflow-y:scroll}";
 const VerdocsBuildStyle0 = verdocsBuildCss;
@@ -58,10 +52,12 @@ const VerdocsBuild$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsBuild exten
         this.templateUpdated = createEvent(this, "templateUpdated", 7);
         this.templateCreated = createEvent(this, "templateCreated", 7);
         this.rolesUpdated = createEvent(this, "rolesUpdated", 7);
+        this.templateListenerId = null;
         this.endpoint = VerdocsEndpoint.getDefault();
         this.templateId = null;
         this.step = 'preview';
-        this.templateStore = null;
+        this.loading = true;
+        this.template = null;
     }
     onTemplateIdChanged(newTemplateId, oldTemplateId) {
         if (!oldTemplateId && newTemplateId && this.step === 'attachments') {
@@ -102,7 +98,20 @@ const VerdocsBuild$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsBuild exten
     }
     async loadTemplate(templateId) {
         if (templateId) {
-            this.templateStore = await getTemplateStore(this.endpoint, templateId, false);
+            Store.subscribe('templates', this.templateId, () => getTemplate(this.endpoint, this.templateId), false, (template) => {
+                this.template = template;
+                this.loading = false;
+            });
+        }
+    }
+    disconnectedCallback() {
+        console.log('[BUILD] Disconnected');
+        this.unlistenToTemplate();
+    }
+    unlistenToTemplate() {
+        if (this.templateListenerId) {
+            Store.store.delListener(this.templateListenerId);
+            this.templateListenerId = null;
         }
     }
     handleCancel() {
@@ -139,14 +148,12 @@ const VerdocsBuild$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsBuild exten
         (_a = this.stepChanged) === null || _a === void 0 ? void 0 : _a.emit(step);
     }
     render() {
+        if (this.loading) {
+            return (h(Host, { class: "loading" }, h("verdocs-loader", null)));
+        }
         if (!this.endpoint.session) {
             return (h(Host, null, h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
         }
-        if (!this.templateStore) {
-            console.log('[BUILD] No template ID, rendering created view');
-            return (h(Host, null, h("div", { class: "content" }, h("verdocs-template-build-tabs", { endpoint: this.endpoint, templateId: this.templateId, step: "attachments", onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); }, onStepChanged: e => this.handleStepChanged(e.detail) }), h("verdocs-template-create", { endpoint: this.endpoint, onExit: () => this.handleCancel(), onNext: () => this.handleAttachmentsNext(), onTemplateCreated: e => this.handleTemplateCreated(e.detail.templateId) }))));
-        }
-        console.log('[BUILD] Rendering build view', this.templateId, this.step, ['attachments', 'roles', 'settings', 'fields', 'preview'].indexOf(this.step));
         return (h(Host, null, h("div", { class: "content" }, h("verdocs-template-build-tabs", { endpoint: this.endpoint, templateId: this.templateId, step: this.step, onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); }, onStepChanged: e => this.handleStepChanged(e.detail) }), this.step === 'attachments' && (h("verdocs-template-attachments", { templateId: this.templateId, endpoint: this.endpoint, onExit: () => this.handleCancel(), onNext: () => this.handleAttachmentsNext(), onTemplateUpdated: e => this.handleTemplateUpdated(e) })), this.step === 'roles' && (h("verdocs-template-roles", { templateId: this.templateId, endpoint: this.endpoint, onExit: () => this.handleCancel(), onNext: () => this.handleRolesNext(), onRolesUpdated: e => this.handleRolesUpdated(e) })), this.step === 'settings' && (h("div", { style: { flexDirection: 'column', gap: '20px', display: 'flex', maxWidth: '400px', margin: '20px' } }, h("verdocs-template-name", { templateId: this.templateId, endpoint: this.endpoint, style: { backgroundColor: '#ffffff', padding: '20px' }, onTemplateUpdated: e => this.handleTemplateUpdated(e) }), h("verdocs-template-reminders", { templateId: this.templateId, endpoint: this.endpoint, style: { backgroundColor: '#ffffff', padding: '20px' }, onTemplateUpdated: e => this.handleTemplateUpdated(e) }), h("verdocs-template-visibility", { templateId: this.templateId, endpoint: this.endpoint, style: { backgroundColor: '#ffffff', padding: '20px' }, onTemplateUpdated: e => this.handleTemplateUpdated(e) }))), this.step === 'fields' && h("verdocs-template-fields", { templateId: this.templateId, endpoint: this.endpoint, onTemplateUpdated: e => this.handleTemplateUpdated(e) }), this.step === 'preview' && (h("div", { class: "preview-container" }, h("div", { class: "preview-send-wrapper" }, h("verdocs-send", { templateId: this.templateId, endpoint: this.endpoint, onSend: e => { var _a; return (_a = this.send) === null || _a === void 0 ? void 0 : _a.emit(e.detail); }, style: { width: '100%' } })), h("div", { class: "preview-preview-wrapper" }, h("verdocs-preview", { templateId: this.templateId, endpoint: this.endpoint, style: { display: 'flex', flex: '1', maxWidth: '1000px' } })))))));
     }
     get el() { return this; }
@@ -159,7 +166,8 @@ const VerdocsBuild$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsBuild exten
         "endpoint": [16],
         "templateId": [1537, "template-id"],
         "step": [1537],
-        "templateStore": [32]
+        "loading": [32],
+        "template": [32]
     }, undefined, {
         "templateId": ["onTemplateIdChanged"],
         "step": ["onStepChanged"]
@@ -168,7 +176,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["verdocs-build", "verdocs-button", "verdocs-button-panel", "verdocs-checkbox", "verdocs-component-error", "verdocs-contact-picker", "verdocs-field-attachment", "verdocs-field-checkbox", "verdocs-field-date", "verdocs-field-dropdown", "verdocs-field-initial", "verdocs-field-radio", "verdocs-field-signature", "verdocs-field-textarea", "verdocs-field-textbox", "verdocs-field-timestamp", "verdocs-file-chooser", "verdocs-help-icon", "verdocs-initial-dialog", "verdocs-loader", "verdocs-ok-dialog", "verdocs-portal", "verdocs-preview", "verdocs-progress-bar", "verdocs-select-input", "verdocs-send", "verdocs-signature-dialog", "verdocs-spinner", "verdocs-tabs", "verdocs-template-attachments", "verdocs-template-build-tabs", "verdocs-template-create", "verdocs-template-document-page", "verdocs-template-field-properties", "verdocs-template-fields", "verdocs-template-name", "verdocs-template-role-properties", "verdocs-template-roles", "verdocs-template-visibility", "verdocs-text-input", "verdocs-toggle-button", "verdocs-toolbar-icon", "verdocs-upload-dialog"];
+    const components = ["verdocs-build", "verdocs-button", "verdocs-button-panel", "verdocs-checkbox", "verdocs-component-error", "verdocs-contact-picker", "verdocs-field-attachment", "verdocs-field-checkbox", "verdocs-field-date", "verdocs-field-dropdown", "verdocs-field-initial", "verdocs-field-radio", "verdocs-field-signature", "verdocs-field-textarea", "verdocs-field-textbox", "verdocs-field-timestamp", "verdocs-help-icon", "verdocs-initial-dialog", "verdocs-loader", "verdocs-ok-dialog", "verdocs-portal", "verdocs-preview", "verdocs-select-input", "verdocs-send", "verdocs-signature-dialog", "verdocs-spinner", "verdocs-tabs", "verdocs-template-build-tabs", "verdocs-template-document-page", "verdocs-template-field-properties", "verdocs-template-fields", "verdocs-template-role-properties", "verdocs-template-roles", "verdocs-text-input", "verdocs-toggle-button", "verdocs-toolbar-icon", "verdocs-upload-dialog"];
     components.forEach(tagName => { switch (tagName) {
         case "verdocs-build":
             if (!customElements.get(tagName)) {
@@ -176,191 +184,161 @@ function defineCustomElement$1() {
             }
             break;
         case "verdocs-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$H();
-            }
-            break;
-        case "verdocs-button-panel":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$G();
-            }
-            break;
-        case "verdocs-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$F();
-            }
-            break;
-        case "verdocs-component-error":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$E();
-            }
-            break;
-        case "verdocs-contact-picker":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$D();
-            }
-            break;
-        case "verdocs-field-attachment":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$C();
-            }
-            break;
-        case "verdocs-field-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$B();
             }
             break;
-        case "verdocs-field-date":
+        case "verdocs-button-panel":
             if (!customElements.get(tagName)) {
                 defineCustomElement$A();
             }
             break;
-        case "verdocs-field-dropdown":
+        case "verdocs-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$z();
             }
             break;
-        case "verdocs-field-initial":
+        case "verdocs-component-error":
             if (!customElements.get(tagName)) {
                 defineCustomElement$y();
             }
             break;
-        case "verdocs-field-radio":
+        case "verdocs-contact-picker":
             if (!customElements.get(tagName)) {
                 defineCustomElement$x();
             }
             break;
-        case "verdocs-field-signature":
+        case "verdocs-field-attachment":
             if (!customElements.get(tagName)) {
                 defineCustomElement$w();
             }
             break;
-        case "verdocs-field-textarea":
+        case "verdocs-field-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$v();
             }
             break;
-        case "verdocs-field-textbox":
+        case "verdocs-field-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$u();
             }
             break;
-        case "verdocs-field-timestamp":
+        case "verdocs-field-dropdown":
             if (!customElements.get(tagName)) {
                 defineCustomElement$t();
             }
             break;
-        case "verdocs-file-chooser":
+        case "verdocs-field-initial":
             if (!customElements.get(tagName)) {
                 defineCustomElement$s();
             }
             break;
-        case "verdocs-help-icon":
+        case "verdocs-field-radio":
             if (!customElements.get(tagName)) {
                 defineCustomElement$r();
             }
             break;
-        case "verdocs-initial-dialog":
+        case "verdocs-field-signature":
             if (!customElements.get(tagName)) {
                 defineCustomElement$q();
             }
             break;
-        case "verdocs-loader":
+        case "verdocs-field-textarea":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }
             break;
-        case "verdocs-ok-dialog":
+        case "verdocs-field-textbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "verdocs-portal":
+        case "verdocs-field-timestamp":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "verdocs-preview":
+        case "verdocs-help-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "verdocs-progress-bar":
+        case "verdocs-initial-dialog":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "verdocs-select-input":
+        case "verdocs-loader":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "verdocs-send":
+        case "verdocs-ok-dialog":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "verdocs-signature-dialog":
+        case "verdocs-portal":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "verdocs-spinner":
+        case "verdocs-preview":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "verdocs-tabs":
+        case "verdocs-select-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "verdocs-template-attachments":
+        case "verdocs-send":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "verdocs-template-build-tabs":
+        case "verdocs-signature-dialog":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "verdocs-template-create":
+        case "verdocs-spinner":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "verdocs-template-document-page":
+        case "verdocs-tabs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "verdocs-template-field-properties":
+        case "verdocs-template-build-tabs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "verdocs-template-fields":
+        case "verdocs-template-document-page":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "verdocs-template-name":
+        case "verdocs-template-field-properties":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "verdocs-template-role-properties":
+        case "verdocs-template-fields":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "verdocs-template-roles":
+        case "verdocs-template-role-properties":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "verdocs-template-visibility":
+        case "verdocs-template-roles":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }

package/dist/components/verdocs-button-panel.js

@@ -1,4 +1,4 @@
-import { V as VerdocsButtonPanel$1, d as defineCustomElement$1 } from './p-3044c9cb.js';
+import { V as VerdocsButtonPanel$1, d as defineCustomElement$1 } from './p-070bebd7.js';
 
 const VerdocsButtonPanel = VerdocsButtonPanel$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-button.js

@@ -1,4 +1,4 @@
-import { V as VerdocsButton$1, d as defineCustomElement$1 } from './p-ac7578f6.js';
+import { V as VerdocsButton$1, d as defineCustomElement$1 } from './p-0e332769.js';
 
 const VerdocsButton = VerdocsButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-checkbox.js

@@ -1,4 +1,4 @@
-import { V as VerdocsCheckbox$1, d as defineCustomElement$1 } from './p-4dc4418a.js';
+import { V as VerdocsCheckbox$1, d as defineCustomElement$1 } from './p-3201d529.js';
 
 const VerdocsCheckbox = VerdocsCheckbox$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-component-error.js

@@ -1,4 +1,4 @@
-import { V as VerdocsComponentError$1, d as defineCustomElement$1 } from './p-921297ba.js';
+import { V as VerdocsComponentError$1, d as defineCustomElement$1 } from './p-84ae0283.js';
 
 const VerdocsComponentError = VerdocsComponentError$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-contact-picker.js

@@ -1,4 +1,4 @@
-import { V as VerdocsContactPicker$1, d as defineCustomElement$1 } from './p-a655b737.js';
+import { V as VerdocsContactPicker$1, d as defineCustomElement$1 } from './p-15d530b8.js';
 
 const VerdocsContactPicker = VerdocsContactPicker$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-dialog.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-7786799a.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-324ed895.js';
 
 const verdocsDialogCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-dialog{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-dialog .background-overlay{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:absolute;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}verdocs-dialog .dialog{width:420px;display:-ms-flexbox;display:flex;max-width:100%;overflow:hidden;border-radius:4px;-ms-flex-direction:column;flex-direction:column;background:#ffffff;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-dialog .heading{display:-ms-flexbox;display:flex;font-size:16px;font-weight:500;padding:8px 16px;-ms-flex-direction:row;flex-direction:row;color:#ffffff;background:#46497d}verdocs-dialog .content{padding:16px}verdocs-dialog .content p{margin:0 0 1em 0}verdocs-dialog .buttons{gap:14px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}";
 const VerdocsDialogStyle0 = verdocsDialogCss;

package/dist/components/verdocs-dropdown.js

@@ -1,4 +1,4 @@
-import { V as VerdocsDropdown$1, d as defineCustomElement$1 } from './p-df4ac086.js';
+import { V as VerdocsDropdown$1, d as defineCustomElement$1 } from './p-a3e12c74.js';
 
 const VerdocsDropdown = VerdocsDropdown$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-envelope-document-page.js

@@ -1,4 +1,4 @@
-import { V as VerdocsEnvelopeDocumentPage$1, d as defineCustomElement$1 } from './p-7927a846.js';
+import { V as VerdocsEnvelopeDocumentPage$1, d as defineCustomElement$1 } from './p-8d3c0b4c.js';
 
 const VerdocsEnvelopeDocumentPage = VerdocsEnvelopeDocumentPage$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-envelope-recipient-link.js

@@ -1,4 +1,4 @@
-import { V as VerdocsEnvelopeRecipientLink$1, d as defineCustomElement$1 } from './p-4535a9fd.js';
+import { V as VerdocsEnvelopeRecipientLink$1, d as defineCustomElement$1 } from './p-c7b00ce6.js';
 
 const VerdocsEnvelopeRecipientLink = VerdocsEnvelopeRecipientLink$1;
 const defineCustomElement = defineCustomElement$1;