@verdocs/web-sdk 1.13.4 → 1.13.6

package/dist/esm-es5/verdocs-template-visibility.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,o){function s(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function l(e){try{a(o.next(e))}catch(e){r(e)}}function n(e){try{a(o["throw"](e))}catch(e){r(e)}}function a(e){e.done?i(e.value):s(e.value).then(l,n)}a((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,s,r,l;return l={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function n(e){return function(t){return a([e,t])}}function a(l){if(o)throw new TypeError("Generator is already executing.");while(i)try{if(o=1,s&&(r=l[0]&2?s["return"]:l[0]?s["throw"]||((r=s["return"])&&r.call(s),0):s.next)&&!(r=r.call(s,l[1])).done)return r;if(s=0,r)l=[l[0]&2,r.value];switch(l[0]){case 0:case 1:r=l;break;case 4:i.label++;return{value:l[1],done:false};case 5:i.label++;s=l[1];l=[0];continue;case 7:l=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(l[0]===6||l[0]===2)){i=0;continue}if(l[0]===3&&(!r||l[1]>r[0]&&l[1]<r[3])){i.label=l[1];break}if(l[0]===6&&i.label<r[1]){i.label=r[1];r=l;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(l);break}if(r[2])i.ops.pop();i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e];s=0}finally{o=r=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host}from"./index-5260ed60.js";import"./Types-5f31149e.js";import{u as updateTemplate}from"./Templates-ca52ef90.js";import{V as VerdocsEndpoint}from"./VerdocsEndpoint-4367eb13.js";import{g as getTemplateStore}from"./TemplateStore-91a71f46.js";import{S as SDKError}from"./errors-9b5498c8.js";var verdocsTemplateVisibilityCss='verdocs-template-visibility{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-template-visibility.loading{min-height:300px;position:relative;display:block}verdocs-template-visibility.empty{display:none}verdocs-template-visibility form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-visibility form .description{font-size:14px;text-align:justify;color:#5c6575}verdocs-template-visibility form h5{font-size:16px;font-weight:bold;color:#4c56cb;margin:0}verdocs-template-visibility form label{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:16px;font-weight:500;margin:0 0 4px 0;color:#33364b}verdocs-template-visibility form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-template-visibility form input:focus{outline:none}verdocs-template-visibility form .input-row{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-visibility form .input-row verdocs-text-input{margin:0;display:-ms-flexbox;display:flex;-ms-flex:0 0 40px;flex:0 0 40px}verdocs-template-visibility form .input-row verdocs-text-input input{text-align:center}verdocs-template-visibility form .input-row verdocs-checkbox{-ms-flex:0;flex:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}verdocs-template-visibility form .input-row verdocs-checkbox label>input[type=checkbox]+*::before{margin-right:0}verdocs-template-visibility .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:25px;-ms-flex-direction:row;flex-direction:row}verdocs-template-visibility ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::-moz-placeholder{color:#aaaaaa}verdocs-template-visibility :-ms-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::placeholder{color:#aaaaaa}';var VerdocsTemplateVisibility=function(){function e(e){registerInstance(this,e);this.close=createEvent(this,"close",7);this.sdkError=createEvent(this,"sdkError",7);this.store=null;this.endpoint=VerdocsEndpoint.getDefault();this.templateId="";this.dirty=false;this.personal=false;this.public=false}e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,o,s,r,l,n,a;return __generator(this,(function(c){switch(c.label){case 0:c.trys.push([0,2,,3]);this.endpoint.loadSession();if(!this.templateId){console.log("[VISIBILITY] Missing required template ID ".concat(this.templateId));return[2]}if(!this.endpoint.session){console.log("[VISIBILITY] Unable to start builder session, must be authenticated");return[2]}n=this;return[4,getTemplateStore(this.endpoint,this.templateId,false)];case 1:n.store=c.sent();this.personal=((t=(e=this.store)===null||e===void 0?void 0:e.state)===null||t===void 0?void 0:t.is_personal)||true;this.public=((o=(i=this.store)===null||i===void 0?void 0:i.state)===null||o===void 0?void 0:o.is_public)||false;this.dirty=false;return[3,3];case 2:a=c.sent();console.log("[TEMPLATE VISIBILITY] Error loading template",a);(s=this.sdkError)===null||s===void 0?void 0:s.emit(new SDKError(a.message,(r=a.response)===null||r===void 0?void 0:r.status,(l=a.response)===null||l===void 0?void 0:l.data));return[3,3];case 3:return[2]}}))}))};e.prototype.handleCancel=function(e){var t,i,o,s,r;e.stopPropagation();this.personal=(i=(t=this.store)===null||t===void 0?void 0:t.state)===null||i===void 0?void 0:i.is_personal;this.public=(s=(o=this.store)===null||o===void 0?void 0:o.state)===null||s===void 0?void 0:s.is_public;this.dirty=false;(r=this.close)===null||r===void 0?void 0:r.emit()};e.prototype.handleSave=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(o){switch(o.label){case 0:e.stopPropagation();return[4,updateTemplate(this.endpoint,this.templateId,{is_personal:this.personal,is_public:this.public})];case 1:o.sent();if((t=this.store)===null||t===void 0?void 0:t.state){this.store.state.is_personal=this.personal;this.store.state.is_public=this.public}this.dirty=false;(i=this.close)===null||i===void 0?void 0:i.emit();return[2]}}))}))};e.prototype.render=function(){var e=this;var t,i;if(!this.endpoint.session){return h(Host,null,h("verdocs-component-error",{message:"You must be authenticated to use this module."}))}if(!this.endpoint.session||!((i=(t=this.store)===null||t===void 0?void 0:t.state)===null||i===void 0?void 0:i.isLoaded)){return h(Host,{class:"empty"})}return h(Host,null,h("form",{onSubmit:function(e){return e.preventDefault()},onClick:function(e){return e.stopPropagation()},autocomplete:"off"},h("h5",null,"Visibility"),h("div",{class:"input-row"},h("label",{htmlFor:"verdocs-is-shared"},"Shared"),h("verdocs-checkbox",{id:"verdocs-is-shared",name:"is-shared",checked:!this.personal,value:"on",onInput:function(t){e.personal=!t.target.checked;e.dirty=true}})),h("div",{class:"description"},"Shared templates are visible to other members of your Organization (if any)."),h("div",{class:"input-row"},h("label",{htmlFor:"verdocs-is-public"},"Public"),h("verdocs-checkbox",{id:"verdocs-is-public",name:"is-public",checked:this.public,value:"on",onInput:function(t){e.public=t.target.checked;e.dirty=true}})),h("div",{class:"description"},"Public templates may appear in results when any other user searches for templates. Note that a template may be both Personal and Public, which may be useful if you want your template to be found via search but not otherwise displayed to other members of your Organization (if any)."),h("div",{class:"buttons"},h("verdocs-button",{size:"small",variant:"outline",label:"Cancel",disabled:!this.dirty,onClick:function(t){return e.handleCancel(t)}}),h("verdocs-button",{size:"small",label:"Save",disabled:!this.dirty,onClick:function(t){return e.handleSave(t)}}))))};return e}();VerdocsTemplateVisibility.style=verdocsTemplateVisibilityCss;export{VerdocsTemplateVisibility as verdocs_template_visibility};
+var __awaiter=this&&this.__awaiter||function(e,t,i,o){function s(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function l(e){try{a(o.next(e))}catch(e){r(e)}}function n(e){try{a(o["throw"](e))}catch(e){r(e)}}function a(e){e.done?i(e.value):s(e.value).then(l,n)}a((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,s,r,l;return l={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function n(e){return function(t){return a([e,t])}}function a(l){if(o)throw new TypeError("Generator is already executing.");while(i)try{if(o=1,s&&(r=l[0]&2?s["return"]:l[0]?s["throw"]||((r=s["return"])&&r.call(s),0):s.next)&&!(r=r.call(s,l[1])).done)return r;if(s=0,r)l=[l[0]&2,r.value];switch(l[0]){case 0:case 1:r=l;break;case 4:i.label++;return{value:l[1],done:false};case 5:i.label++;s=l[1];l=[0];continue;case 7:l=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(l[0]===6||l[0]===2)){i=0;continue}if(l[0]===3&&(!r||l[1]>r[0]&&l[1]<r[3])){i.label=l[1];break}if(l[0]===6&&i.label<r[1]){i.label=r[1];r=l;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(l);break}if(r[2])i.ops.pop();i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e];s=0}finally{o=r=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host}from"./index-5260ed60.js";import"./Types-5f31149e.js";import{u as updateTemplate}from"./Templates-67172396.js";import{V as VerdocsEndpoint}from"./VerdocsEndpoint-4367eb13.js";import{g as getTemplateStore}from"./TemplateStore-373c72a8.js";import{S as SDKError}from"./errors-9b5498c8.js";var verdocsTemplateVisibilityCss='verdocs-template-visibility{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-template-visibility.loading{min-height:300px;position:relative;display:block}verdocs-template-visibility.empty{display:none}verdocs-template-visibility form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-visibility form .description{font-size:14px;text-align:justify;color:#5c6575}verdocs-template-visibility form h5{font-size:16px;font-weight:bold;color:#4c56cb;margin:0}verdocs-template-visibility form label{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:16px;font-weight:500;margin:0 0 4px 0;color:#33364b}verdocs-template-visibility form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-template-visibility form input:focus{outline:none}verdocs-template-visibility form .input-row{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-visibility form .input-row verdocs-text-input{margin:0;display:-ms-flexbox;display:flex;-ms-flex:0 0 40px;flex:0 0 40px}verdocs-template-visibility form .input-row verdocs-text-input input{text-align:center}verdocs-template-visibility form .input-row verdocs-checkbox{-ms-flex:0;flex:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}verdocs-template-visibility form .input-row verdocs-checkbox label>input[type=checkbox]+*::before{margin-right:0}verdocs-template-visibility .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:25px;-ms-flex-direction:row;flex-direction:row}verdocs-template-visibility ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::-moz-placeholder{color:#aaaaaa}verdocs-template-visibility :-ms-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::placeholder{color:#aaaaaa}';var VerdocsTemplateVisibility=function(){function e(e){registerInstance(this,e);this.close=createEvent(this,"close",7);this.sdkError=createEvent(this,"sdkError",7);this.store=null;this.endpoint=VerdocsEndpoint.getDefault();this.templateId="";this.dirty=false;this.personal=false;this.public=false}e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,o,s,r,l,n,a;return __generator(this,(function(c){switch(c.label){case 0:c.trys.push([0,2,,3]);this.endpoint.loadSession();if(!this.templateId){console.log("[VISIBILITY] Missing required template ID ".concat(this.templateId));return[2]}if(!this.endpoint.session){console.log("[VISIBILITY] Unable to start builder session, must be authenticated");return[2]}n=this;return[4,getTemplateStore(this.endpoint,this.templateId,false)];case 1:n.store=c.sent();this.personal=((t=(e=this.store)===null||e===void 0?void 0:e.state)===null||t===void 0?void 0:t.is_personal)||true;this.public=((o=(i=this.store)===null||i===void 0?void 0:i.state)===null||o===void 0?void 0:o.is_public)||false;this.dirty=false;return[3,3];case 2:a=c.sent();console.log("[TEMPLATE VISIBILITY] Error loading template",a);(s=this.sdkError)===null||s===void 0?void 0:s.emit(new SDKError(a.message,(r=a.response)===null||r===void 0?void 0:r.status,(l=a.response)===null||l===void 0?void 0:l.data));return[3,3];case 3:return[2]}}))}))};e.prototype.handleCancel=function(e){var t,i,o,s,r;e.stopPropagation();this.personal=(i=(t=this.store)===null||t===void 0?void 0:t.state)===null||i===void 0?void 0:i.is_personal;this.public=(s=(o=this.store)===null||o===void 0?void 0:o.state)===null||s===void 0?void 0:s.is_public;this.dirty=false;(r=this.close)===null||r===void 0?void 0:r.emit()};e.prototype.handleSave=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(o){switch(o.label){case 0:e.stopPropagation();return[4,updateTemplate(this.endpoint,this.templateId,{is_personal:this.personal,is_public:this.public})];case 1:o.sent();if((t=this.store)===null||t===void 0?void 0:t.state){this.store.state.is_personal=this.personal;this.store.state.is_public=this.public}this.dirty=false;(i=this.close)===null||i===void 0?void 0:i.emit();return[2]}}))}))};e.prototype.render=function(){var e=this;var t,i;if(!this.endpoint.session){return h(Host,null,h("verdocs-component-error",{message:"You must be authenticated to use this module."}))}if(!this.endpoint.session||!((i=(t=this.store)===null||t===void 0?void 0:t.state)===null||i===void 0?void 0:i.isLoaded)){return h(Host,{class:"empty"})}return h(Host,null,h("form",{onSubmit:function(e){return e.preventDefault()},onClick:function(e){return e.stopPropagation()},autocomplete:"off"},h("h5",null,"Visibility"),h("div",{class:"input-row"},h("label",{htmlFor:"verdocs-is-shared"},"Shared"),h("verdocs-checkbox",{id:"verdocs-is-shared",name:"is-shared",checked:!this.personal,value:"on",onInput:function(t){e.personal=!t.target.checked;e.dirty=true}})),h("div",{class:"description"},"Shared templates are visible to other members of your Organization (if any)."),h("div",{class:"input-row"},h("label",{htmlFor:"verdocs-is-public"},"Public"),h("verdocs-checkbox",{id:"verdocs-is-public",name:"is-public",checked:this.public,value:"on",onInput:function(t){e.public=t.target.checked;e.dirty=true}})),h("div",{class:"description"},"Public templates may appear in results when any other user searches for templates. Note that a template may be both Personal and Public, which may be useful if you want your template to be found via search but not otherwise displayed to other members of your Organization (if any)."),h("div",{class:"buttons"},h("verdocs-button",{size:"small",variant:"outline",label:"Cancel",disabled:!this.dirty,onClick:function(t){return e.handleCancel(t)}}),h("verdocs-button",{size:"small",label:"Save",disabled:!this.dirty,onClick:function(t){return e.handleSave(t)}}))))};return e}();VerdocsTemplateVisibility.style=verdocsTemplateVisibilityCss;export{VerdocsTemplateVisibility as verdocs_template_visibility};

package/dist/esm-es5/verdocs-toolbar-icon.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-5260ed60.js";import{c as createPopper}from"./popper-f860750c.js";var verdocsToolbarIconCss='verdocs-toolbar-icon{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block}verdocs-toolbar-icon .icon{display:inline-block;cursor:pointer}verdocs-toolbar-icon .icon svg{fill:#5c6575}verdocs-toolbar-icon .tooltip{display:none;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:bold;padding:5px 10px;font-size:13px;position:relative;border-radius:4px;z-index:20000;white-space:nowrap}verdocs-toolbar-icon .tooltip .arrow,verdocs-toolbar-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-toolbar-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-toolbar-icon .tooltip .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-toolbar-icon .tooltip[data-show]{display:block}verdocs-toolbar-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]{padding:3px 10px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-1px}';var VerdocsToolbarIcon=function(){function o(o){registerInstance(this,o);this.text="";this.icon="";this.placement="bottom";this.containerId="verdocs-toolbar-icon-".concat(Math.random().toString(36).substring(2,11))}o.prototype.componentDidLoad=function(){this.popperInstance=createPopper(this.iconEl,this.tooltip,{placement:this.placement,modifiers:this.placement==="left"?[{name:"offset",options:{offset:[0,20]}}]:[]})};o.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}};o.prototype.show=function(){var o,t;(o=this.tooltip)===null||o===void 0?void 0:o.setAttribute("data-show","");(t=this.popperInstance)===null||t===void 0?void 0:t.update().catch((function(){}))};o.prototype.hide=function(){var o;(o=this.tooltip)===null||o===void 0?void 0:o.removeAttribute("data-show")};o.prototype.render=function(){var o=this;return h(Host,{class:{}},h("div",{"aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:function(){return o.show()},onFocus:function(){return o.show()},onMouseLeave:function(){return o.hide()},onBlur:function(){return o.hide()},ref:function(t){return o.iconEl=t}}),h("div",{id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":this.placement,ref:function(t){return o.tooltip=t}},this.text,h("div",{"data-popper-arrow":"true",class:"arrow"})))};return o}();VerdocsToolbarIcon.style=verdocsToolbarIconCss;export{VerdocsToolbarIcon as verdocs_toolbar_icon};
+import{r as registerInstance,h,H as Host}from"./index-5260ed60.js";import{c as createPopper}from"./popper-bfa25c7f.js";var verdocsToolbarIconCss='verdocs-toolbar-icon{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block}verdocs-toolbar-icon .icon{display:inline-block;cursor:pointer}verdocs-toolbar-icon .icon svg{fill:#5c6575}verdocs-toolbar-icon .tooltip{display:none;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:bold;padding:5px 10px;font-size:13px;position:relative;border-radius:4px;z-index:20000;white-space:nowrap}verdocs-toolbar-icon .tooltip .arrow,verdocs-toolbar-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-toolbar-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-toolbar-icon .tooltip .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-toolbar-icon .tooltip[data-show]{display:block}verdocs-toolbar-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]{padding:3px 10px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-1px}';var VerdocsToolbarIcon=function(){function o(o){registerInstance(this,o);this.text="";this.icon="";this.placement="bottom";this.containerId="verdocs-toolbar-icon-".concat(Math.random().toString(36).substring(2,11))}o.prototype.componentDidLoad=function(){this.popperInstance=createPopper(this.iconEl,this.tooltip,{placement:this.placement,modifiers:this.placement==="left"?[{name:"offset",options:{offset:[0,20]}}]:[]})};o.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}};o.prototype.show=function(){var o,t;(o=this.tooltip)===null||o===void 0?void 0:o.setAttribute("data-show","");(t=this.popperInstance)===null||t===void 0?void 0:t.update().catch((function(){}))};o.prototype.hide=function(){var o;(o=this.tooltip)===null||o===void 0?void 0:o.removeAttribute("data-show")};o.prototype.render=function(){var o=this;return h(Host,{class:{}},h("div",{"aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:function(){return o.show()},onFocus:function(){return o.show()},onMouseLeave:function(){return o.hide()},onBlur:function(){return o.hide()},ref:function(t){return o.iconEl=t}}),h("div",{id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":this.placement,ref:function(t){return o.tooltip=t}},this.text,h("div",{"data-popper-arrow":"true",class:"arrow"})))};return o}();VerdocsToolbarIcon.style=verdocsToolbarIconCss;export{VerdocsToolbarIcon as verdocs_toolbar_icon};

package/dist/types/components/embeds/verdocs-build/utils.d.ts

@@ -1,5 +1,5 @@
-import { IDocumentField } from '@verdocs/js-sdk/Envelopes/Types';
-export declare function getInputStyle(field: IDocumentField, mode: any, browserType: string): {
+import { IEnvelopeField } from '@verdocs/js-sdk/Envelopes/Types';
+export declare function getInputStyle(field: IEnvelopeField, mode: any, browserType: string): {
   height: string;
   width: string;
   background: string;

package/dist/types/components/embeds/verdocs-sign/utils.d.ts

@@ -1,5 +1,5 @@
-import { IDocumentField } from '@verdocs/js-sdk/Envelopes/Types';
-export declare function getInputStyle(field: IDocumentField, mode: any, browserType: string): {
+import { IEnvelopeField } from '@verdocs/js-sdk/Envelopes/Types';
+export declare function getInputStyle(field: IEnvelopeField, mode: any, browserType: string): {
   height: string;
   width: string;
   background: string;

package/dist/types/components/embeds/verdocs-sign/verdocs-sign.d.ts

@@ -1,6 +1,6 @@
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { IDocumentField, IEnvelope, IRecipient } from '@verdocs/js-sdk/Envelopes/Types';
+import { IEnvelopeField, IEnvelope, IRecipient } from '@verdocs/js-sdk/Envelopes/Types';
 import { SDKError } from '../../../utils/errors';
 /**
  * Display an envelope signing experience. This will display the envelope's attached
@@ -87,8 +87,8 @@ export declare class VerdocsSign {
   handleOptionSelected(e: any): Promise<void>;
   updateRecipientFieldValue(fieldName: string, updateResult: any): void;
   saveFieldChange(fieldName: string, fields: Record<string, any>): void;
-  handleFieldChange(field: IDocumentField, e: any): Promise<void>;
-  isFieldValid(field: IDocumentField): boolean;
+  handleFieldChange(field: IEnvelopeField, e: any): Promise<void>;
+  isFieldValid(field: IEnvelopeField): boolean;
   handleNext(): Promise<void>;
   checkRecipientFields(): void;
   attachFieldAttributes(pageInfo: any, field: any, roleIndex: any, el: any): void;

package/dist/types/components/fields/verdocs-field-attachment/verdocs-field-attachment.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { ITemplateField } from '@verdocs/js-sdk/Templates/Types';
-import { IDocumentField } from '@verdocs/js-sdk/Envelopes/Types';
+import { IEnvelopeField } from '@verdocs/js-sdk/Envelopes/Types';
 /**
  * Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as
  * input types like text and checkbox.
@@ -13,7 +13,7 @@ export declare class VerdocsFieldAttachment {
   /**
    * The document or template field to display.
    */
-  field: IDocumentField | ITemplateField | null;
+  field: IEnvelopeField | ITemplateField | null;
   /**
    * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
    */

package/dist/types/components/fields/verdocs-field-checkbox/verdocs-field-checkbox.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { ITemplateField } from '@verdocs/js-sdk/Templates/Types';
-import { IDocumentField } from '@verdocs/js-sdk/Envelopes/Types';
+import { IEnvelopeField } from '@verdocs/js-sdk/Envelopes/Types';
 /**
  * Displays a checkbox.
  */
@@ -12,7 +12,7 @@ export declare class VerdocsFieldCheckbox {
   /**
    * The document or template field to display.
    */
-  field: IDocumentField | ITemplateField | null;
+  field: IEnvelopeField | ITemplateField | null;
   /**
    * The index of the settings option this particular checkbox is for
    */

package/dist/types/components/fields/verdocs-field-date/verdocs-field-date.d.ts

@@ -1,5 +1,5 @@
 import { ITemplateField } from '@verdocs/js-sdk/Templates/Types';
-import { IDocumentField } from '@verdocs/js-sdk/Envelopes/Types';
+import { IEnvelopeField } from '@verdocs/js-sdk/Envelopes/Types';
 import { EventEmitter } from '../../../stencil-public-runtime';
 /**
  * Displays a date field. When tapped or clicked, the input element will display a date picker component.
@@ -13,7 +13,7 @@ export declare class VerdocsFieldDate {
   /**
    * The document or template field to display.
    */
-  field: IDocumentField | ITemplateField | null;
+  field: IEnvelopeField | ITemplateField | null;
   /**
    * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
    */

package/dist/types/components/fields/verdocs-field-dropdown/verdocs-field-dropdown.d.ts

@@ -1,5 +1,5 @@
 import { ITemplateField } from '@verdocs/js-sdk/Templates/Types';
-import { IDocumentField } from '@verdocs/js-sdk/Envelopes/Types';
+import { IEnvelopeField } from '@verdocs/js-sdk/Envelopes/Types';
 import { EventEmitter } from '../../../stencil-public-runtime';
 /**
  * Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as
@@ -14,7 +14,7 @@ export declare class VerdocsFieldDropdown {
   /**
    * The document or template field to display.
    */
-  field: IDocumentField | ITemplateField | null;
+  field: IEnvelopeField | ITemplateField | null;
   /**
    * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
    */

package/dist/types/components/fields/verdocs-field-initial/verdocs-field-initial.d.ts

@@ -1,5 +1,5 @@
 import { ITemplateField } from '@verdocs/js-sdk/Templates/Types';
-import { IDocumentField } from '@verdocs/js-sdk/Envelopes/Types';
+import { IEnvelopeField } from '@verdocs/js-sdk/Envelopes/Types';
 import { EventEmitter } from '../../../stencil-public-runtime';
 /**
  * Displays an initial field. If an initial already exists, it will be displayed and the field will be disabled. Otherwise, a placeholder
@@ -13,7 +13,7 @@ export declare class VerdocsFieldInitial {
   /**
    * The document or template field to display.
    */
-  field: IDocumentField | ITemplateField | null;
+  field: IEnvelopeField | ITemplateField | null;
   /**
    * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
    */

package/dist/types/components/fields/verdocs-field-payment/verdocs-field-payment.d.ts

@@ -1,5 +1,5 @@
 import { ITemplateField } from '@verdocs/js-sdk/Templates/Types';
-import { IDocumentField } from '@verdocs/js-sdk/Envelopes/Types';
+import { IEnvelopeField } from '@verdocs/js-sdk/Envelopes/Types';
 import { EventEmitter } from '../../../stencil-public-runtime';
 /**
  * Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as
@@ -13,7 +13,7 @@ export declare class VerdocsFieldPayment {
   /**
    * The document or template field to display.
    */
-  field: IDocumentField | ITemplateField | null;
+  field: IEnvelopeField | ITemplateField | null;
   /**
    * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
    */

package/dist/types/components/fields/verdocs-field-radio-button-group/verdocs-field-radio-button.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { ITemplateField } from '@verdocs/js-sdk/Templates/Types';
-import { IDocumentField } from '@verdocs/js-sdk/Envelopes/Types';
+import { IEnvelopeField } from '@verdocs/js-sdk/Envelopes/Types';
 /**
  * Displays a radio button.
  */
@@ -12,7 +12,7 @@ export declare class VerdocsFieldRadioButton {
   /**
    * The document or template field to display.
    */
-  field: IDocumentField | ITemplateField | null;
+  field: IEnvelopeField | ITemplateField | null;
   /**
    * The index of the settings option this particular checkbox is for
    */

package/dist/types/components/fields/verdocs-field-signature/verdocs-field-signature.d.ts

@@ -1,5 +1,5 @@
 import { ITemplateField } from '@verdocs/js-sdk/Templates/Types';
-import { IDocumentField } from '@verdocs/js-sdk/Envelopes/Types';
+import { IEnvelopeField } from '@verdocs/js-sdk/Envelopes/Types';
 import { EventEmitter } from '../../../stencil-public-runtime';
 /**
  * Displays a signature field. If a signature already exists, it will be displayed and the field will be disabled. Otherwise, a placeholder
@@ -13,7 +13,7 @@ export declare class VerdocsFieldSignature {
   /**
    * The document or template field to display.
    */
-  field: IDocumentField | ITemplateField | null;
+  field: IEnvelopeField | ITemplateField | null;
   /**
    * If set, the signature creation dialog will be initialized with this text.
    */

package/dist/types/components/fields/verdocs-field-textarea/verdocs-field-textarea.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { IDocumentField } from '@verdocs/js-sdk/Envelopes/Types';
+import { IEnvelopeField } from '@verdocs/js-sdk/Envelopes/Types';
 import { ITemplateField } from '@verdocs/js-sdk/Templates/Types';
 /**
  * Display a multi-line text input field.
@@ -13,7 +13,7 @@ export declare class VerdocsFieldTextarea {
   /**
    * The document or template field to display.
    */
-  field: IDocumentField | ITemplateField | null;
+  field: IEnvelopeField | ITemplateField | null;
   /**
    * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
    */

package/dist/types/components/fields/verdocs-field-textbox/verdocs-field-textbox.d.ts

@@ -1,5 +1,5 @@
 import { ITemplateField } from '@verdocs/js-sdk/Templates/Types';
-import { IDocumentField } from '@verdocs/js-sdk/Envelopes/Types';
+import { IEnvelopeField } from '@verdocs/js-sdk/Envelopes/Types';
 import { EventEmitter } from '../../../stencil-public-runtime';
 /**
  * Display a text input field.
@@ -15,7 +15,7 @@ export declare class VerdocsFieldTextbox {
   /**
    * The document or template field to display.
    */
-  field: IDocumentField | ITemplateField | null;
+  field: IEnvelopeField | ITemplateField | null;
   /**
    * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
    */

package/dist/types/components/fields/verdocs-field-timestamp/verdocs-field-timestamp.d.ts

@@ -1,5 +1,5 @@
 import { ITemplateField } from '@verdocs/js-sdk/Templates/Types';
-import { IDocumentField } from '@verdocs/js-sdk/Envelopes/Types';
+import { IEnvelopeField } from '@verdocs/js-sdk/Envelopes/Types';
 import { EventEmitter } from '../../../stencil-public-runtime';
 /**
  * Display a timestamp field.
@@ -13,7 +13,7 @@ export declare class VerdocsFieldTimestamp {
   /**
    * The document or template field to display.
    */
-  field: IDocumentField | ITemplateField | null;
+  field: IEnvelopeField | ITemplateField | null;
   /**
    * If set, overrides the field's settings object. Primarily used to support "preview" modes where all fields are disabled.
    */

package/dist/types/components.d.ts

@@ -12,7 +12,7 @@ import { IRole, ITemplate, ITemplateField, TTemplateSender } from "@verdocs/js-s
 import { IContactSearchEvent, IContactSelectEvent, IEmailContact, IPhoneContact } from "./components/elements/verdocs-contact-picker/verdocs-contact-picker";
 import { IMenuOption } from "./components/controls/verdocs-dropdown/verdocs-dropdown";
 import { IDocumentPageInfo, IPageLayer } from "./utils/Types";
-import { IDocumentField, IEnvelope, TEnvelopeStatus, TRecipientStatus } from "@verdocs/js-sdk/Envelopes/Types";
+import { IEnvelope, IEnvelopeField, TEnvelopeStatus, TRecipientStatus } from "@verdocs/js-sdk/Envelopes/Types";
 import { IOption } from "./components/controls/verdocs-floating-menu/verdocs-floating-menu";
 import { IOrganization } from "@verdocs/js-sdk/Organizations/Types";
 import { IRecentSearch } from "@verdocs/js-sdk/Search/Types";
@@ -186,7 +186,7 @@ export namespace Components {
         /**
           * The document or template field to display.
          */
-        "field": IDocumentField | ITemplateField | null;
+        "field": IEnvelopeField | ITemplateField | null;
         "focusField": () => Promise<void>;
         "hideSettingsPanel": () => Promise<void>;
         /**
@@ -219,7 +219,7 @@ export namespace Components {
         /**
           * The document or template field to display.
          */
-        "field": IDocumentField | ITemplateField | null;
+        "field": IEnvelopeField | ITemplateField | null;
         "hideSettingsPanel": () => Promise<void>;
         /**
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
@@ -259,7 +259,7 @@ export namespace Components {
         /**
           * The document or template field to display.
          */
-        "field": IDocumentField | ITemplateField | null;
+        "field": IEnvelopeField | ITemplateField | null;
         "focusField": () => Promise<void>;
         "hideSettingsPanel": () => Promise<void>;
         /**
@@ -296,7 +296,7 @@ export namespace Components {
         /**
           * The document or template field to display.
          */
-        "field": IDocumentField | ITemplateField | null;
+        "field": IEnvelopeField | ITemplateField | null;
         "focusField": () => Promise<void>;
         "hideSettingsPanel": () => Promise<void>;
         /**
@@ -333,7 +333,7 @@ export namespace Components {
         /**
           * The document or template field to display.
          */
-        "field": IDocumentField | ITemplateField | null;
+        "field": IEnvelopeField | ITemplateField | null;
         "focusField": () => Promise<void>;
         "hideSettingsPanel": () => Promise<void>;
         /**
@@ -370,7 +370,7 @@ export namespace Components {
         /**
           * The document or template field to display.
          */
-        "field": IDocumentField | ITemplateField | null;
+        "field": IEnvelopeField | ITemplateField | null;
         "fieldId": string;
         "fields": any[];
         "focused": boolean;
@@ -411,7 +411,7 @@ export namespace Components {
         /**
           * The document or template field to display.
          */
-        "field": IDocumentField | ITemplateField | null;
+        "field": IEnvelopeField | ITemplateField | null;
         "hideSettingsPanel": () => Promise<void>;
         /**
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
@@ -451,7 +451,7 @@ export namespace Components {
         /**
           * The document or template field to display.
          */
-        "field": IDocumentField | ITemplateField | null;
+        "field": IEnvelopeField | ITemplateField | null;
         "focusField": () => Promise<void>;
         "hideSettingsPanel": () => Promise<void>;
         /**
@@ -492,7 +492,7 @@ export namespace Components {
         /**
           * The document or template field to display.
          */
-        "field": IDocumentField | ITemplateField | null;
+        "field": IEnvelopeField | ITemplateField | null;
         "focusField": () => Promise<void>;
         "hideSettingsPanel": () => Promise<void>;
         /**
@@ -529,7 +529,7 @@ export namespace Components {
         /**
           * The document or template field to display.
          */
-        "field": IDocumentField | ITemplateField | null;
+        "field": IEnvelopeField | ITemplateField | null;
         "focusField": () => Promise<void>;
         "hideSettingsPanel": () => Promise<void>;
         /**
@@ -566,7 +566,7 @@ export namespace Components {
         /**
           * The document or template field to display.
          */
-        "field": IDocumentField | ITemplateField | null;
+        "field": IEnvelopeField | ITemplateField | null;
         "focusField": () => Promise<void>;
         "hideSettingsPanel": () => Promise<void>;
         /**
@@ -1890,7 +1890,7 @@ declare namespace LocalJSX {
         /**
           * The document or template field to display.
          */
-        "field"?: IDocumentField | ITemplateField | null;
+        "field"?: IEnvelopeField | ITemplateField | null;
         /**
           * Event fired when the field's settings are changed.
          */
@@ -1924,7 +1924,7 @@ declare namespace LocalJSX {
         /**
           * The document or template field to display.
          */
-        "field"?: IDocumentField | ITemplateField | null;
+        "field"?: IEnvelopeField | ITemplateField | null;
         /**
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
@@ -1970,7 +1970,7 @@ declare namespace LocalJSX {
         /**
           * The document or template field to display.
          */
-        "field"?: IDocumentField | ITemplateField | null;
+        "field"?: IEnvelopeField | ITemplateField | null;
         /**
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
@@ -2016,7 +2016,7 @@ declare namespace LocalJSX {
         /**
           * The document or template field to display.
          */
-        "field"?: IDocumentField | ITemplateField | null;
+        "field"?: IEnvelopeField | ITemplateField | null;
         /**
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
@@ -2062,7 +2062,7 @@ declare namespace LocalJSX {
         /**
           * The document or template field to display.
          */
-        "field"?: IDocumentField | ITemplateField | null;
+        "field"?: IEnvelopeField | ITemplateField | null;
         /**
           * The document or template field to display.
          */
@@ -2120,7 +2120,7 @@ declare namespace LocalJSX {
         /**
           * The document or template field to display.
          */
-        "field"?: IDocumentField | ITemplateField | null;
+        "field"?: IEnvelopeField | ITemplateField | null;
         "fieldId"?: string;
         "fields"?: any[];
         "focused"?: boolean;
@@ -2169,7 +2169,7 @@ declare namespace LocalJSX {
         /**
           * The document or template field to display.
          */
-        "field"?: IDocumentField | ITemplateField | null;
+        "field"?: IEnvelopeField | ITemplateField | null;
         /**
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
@@ -2215,7 +2215,7 @@ declare namespace LocalJSX {
         /**
           * The document or template field to display.
          */
-        "field"?: IDocumentField | ITemplateField | null;
+        "field"?: IEnvelopeField | ITemplateField | null;
         /**
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
@@ -2269,7 +2269,7 @@ declare namespace LocalJSX {
         /**
           * The document or template field to display.
          */
-        "field"?: IDocumentField | ITemplateField | null;
+        "field"?: IEnvelopeField | ITemplateField | null;
         /**
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
@@ -2311,7 +2311,7 @@ declare namespace LocalJSX {
         /**
           * The document or template field to display.
          */
-        "field"?: IDocumentField | ITemplateField | null;
+        "field"?: IEnvelopeField | ITemplateField | null;
         /**
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
@@ -2353,7 +2353,7 @@ declare namespace LocalJSX {
         /**
           * The document or template field to display.
          */
-        "field"?: IDocumentField | ITemplateField | null;
+        "field"?: IEnvelopeField | ITemplateField | null;
         /**
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */

package/dist/types/utils/utils.d.ts

@@ -1,22 +1,22 @@
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
 import { ITemplateField } from '@verdocs/js-sdk/Templates/Types';
-import { IDocumentField, IEnvelope, TDocumentFieldType } from '@verdocs/js-sdk/Envelopes/Types';
+import { IEnvelopeField, IEnvelope, TDocumentFieldType } from '@verdocs/js-sdk/Envelopes/Types';
 import { IDocumentPageInfo } from './Types';
 export declare const defaultWidth: (type: TDocumentFieldType) => 14 | 150 | 64 | 84 | 85 | 24 | 71;
 export declare const defaultHeight: (type: TDocumentFieldType) => 36 | 14 | 15 | 20 | 24 | 41 | 50;
-export declare const setControlStyles: (el: HTMLElement, field: ITemplateField | IDocumentField, xScale: number, yScale: number, option?: number) => void;
-export declare const getFieldId: (field: ITemplateField | IDocumentField) => string;
-export declare const getFieldOptionId: (field: ITemplateField | IDocumentField, index: number) => string;
+export declare const setControlStyles: (el: HTMLElement, field: ITemplateField | IEnvelopeField, xScale: number, yScale: number, option?: number) => void;
+export declare const getFieldId: (field: ITemplateField | IEnvelopeField) => string;
+export declare const getFieldOptionId: (field: ITemplateField | IEnvelopeField, index: number) => string;
 interface IFieldOptions {
   disabled?: boolean;
   editable?: boolean;
   draggable?: boolean;
   done?: boolean;
 }
-export declare const updateDocumentFieldValue: (field: ITemplateField | IDocumentField) => void;
-export declare const renderDocumentField: (field: ITemplateField | IDocumentField, docPage: IDocumentPageInfo, roleIndex: number, fieldOptions: IFieldOptions) => any;
+export declare const updateDocumentFieldValue: (field: ITemplateField | IEnvelopeField) => void;
+export declare const renderDocumentField: (field: ITemplateField | IEnvelopeField, docPage: IDocumentPageInfo, roleIndex: number, fieldOptions: IFieldOptions) => any;
 export declare const getRoleIndex: (roles: string[], role: string) => number;
-export declare const getFieldSettings: (field: ITemplateField | IDocumentField) => import("@verdocs/js-sdk/Envelopes/Types").IDocumentFieldSettings | import("@verdocs/js-sdk/Templates/Types").ITemplateFieldSetting;
+export declare const getFieldSettings: (field: ITemplateField | IEnvelopeField) => import("@verdocs/js-sdk/Envelopes/Types").IEnvelopeFieldSettings | import("@verdocs/js-sdk/Templates/Types").ITemplateFieldSetting;
 /**
  * Helper function to safely set/update components in a CSS transform attribute. Transform is normally set as a string of
  * `operation1(param) operation2(param) ...` components, which makes updating them a bit of a pain. This will remove the
@@ -33,4 +33,8 @@ export declare const saveEnvelopesAsZip: (endpoint: VerdocsEndpoint, envelopes:
  * Throttle a given function by a delay value. Useful for things like resizeObserver.
  */
 export declare const throttle: (f: any, delay: any) => (...args: any[]) => void;
+/**
+ * Convert a browser File object's data into a base64-encoded string.
+ */
+export declare const fileToBase64: (file: File) => Promise<string>;
 export {};

package/dist/verdocs-web-sdk/{p-de4c38a1.entry.js → p-068e6212.entry.js}

@@ -1 +1 @@
-import{r as i,c as e,h as t,H as s}from"./p-e035df4b.js";import"./p-05788c2b.js";import{u as o}from"./p-b86b362a.js";import{V as l}from"./p-c2c49441.js";import{g as a}from"./p-c25d965d.js";import{S as r}from"./p-7a1b2643.js";const n=class{constructor(t){i(this,t),this.close=e(this,"close",7),this.sdkError=e(this,"sdkError",7),this.store=null,this.endpoint=l.getDefault(),this.templateId="",this.dirty=!1,this.personal=!1,this.public=!1}async componentWillLoad(){var i,e,t,s,o,l,n;try{if(this.endpoint.loadSession(),!this.templateId)return void console.log(`[VISIBILITY] Missing required template ID ${this.templateId}`);if(!this.endpoint.session)return void console.log("[VISIBILITY] Unable to start builder session, must be authenticated");this.store=await a(this.endpoint,this.templateId,!1),this.personal=(null===(e=null===(i=this.store)||void 0===i?void 0:i.state)||void 0===e?void 0:e.is_personal)||!0,this.public=(null===(s=null===(t=this.store)||void 0===t?void 0:t.state)||void 0===s?void 0:s.is_public)||!1,this.dirty=!1}catch(i){console.log("[TEMPLATE VISIBILITY] Error loading template",i),null===(o=this.sdkError)||void 0===o||o.emit(new r(i.message,null===(l=i.response)||void 0===l?void 0:l.status,null===(n=i.response)||void 0===n?void 0:n.data))}}handleCancel(i){var e,t,s,o,l;i.stopPropagation(),this.personal=null===(t=null===(e=this.store)||void 0===e?void 0:e.state)||void 0===t?void 0:t.is_personal,this.public=null===(o=null===(s=this.store)||void 0===s?void 0:s.state)||void 0===o?void 0:o.is_public,this.dirty=!1,null===(l=this.close)||void 0===l||l.emit()}async handleSave(i){var e,t;i.stopPropagation(),await o(this.endpoint,this.templateId,{is_personal:this.personal,is_public:this.public}),(null===(e=this.store)||void 0===e?void 0:e.state)&&(this.store.state.is_personal=this.personal,this.store.state.is_public=this.public),this.dirty=!1,null===(t=this.close)||void 0===t||t.emit()}render(){var i,e;return this.endpoint.session?this.endpoint.session&&(null===(e=null===(i=this.store)||void 0===i?void 0:i.state)||void 0===e?void 0:e.isLoaded)?t(s,null,t("form",{onSubmit:i=>i.preventDefault(),onClick:i=>i.stopPropagation(),autocomplete:"off"},t("h5",null,"Visibility"),t("div",{class:"input-row"},t("label",{htmlFor:"verdocs-is-shared"},"Shared"),t("verdocs-checkbox",{id:"verdocs-is-shared",name:"is-shared",checked:!this.personal,value:"on",onInput:i=>{this.personal=!i.target.checked,this.dirty=!0}})),t("div",{class:"description"},"Shared templates are visible to other members of your Organization (if any)."),t("div",{class:"input-row"},t("label",{htmlFor:"verdocs-is-public"},"Public"),t("verdocs-checkbox",{id:"verdocs-is-public",name:"is-public",checked:this.public,value:"on",onInput:i=>{this.public=i.target.checked,this.dirty=!0}})),t("div",{class:"description"},"Public templates may appear in results when any other user searches for templates. Note that a template may be both Personal and Public, which may be useful if you want your template to be found via search but not otherwise displayed to other members of your Organization (if any)."),t("div",{class:"buttons"},t("verdocs-button",{size:"small",variant:"outline",label:"Cancel",disabled:!this.dirty,onClick:i=>this.handleCancel(i)}),t("verdocs-button",{size:"small",label:"Save",disabled:!this.dirty,onClick:i=>this.handleSave(i)})))):t(s,{class:"empty"}):t(s,null,t("verdocs-component-error",{message:"You must be authenticated to use this module."}))}};n.style='verdocs-template-visibility{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-template-visibility.loading{min-height:300px;position:relative;display:block}verdocs-template-visibility.empty{display:none}verdocs-template-visibility form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-visibility form .description{font-size:14px;text-align:justify;color:#5c6575}verdocs-template-visibility form h5{font-size:16px;font-weight:bold;color:#4c56cb;margin:0}verdocs-template-visibility form label{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:16px;font-weight:500;margin:0 0 4px 0;color:#33364b}verdocs-template-visibility form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-template-visibility form input:focus{outline:none}verdocs-template-visibility form .input-row{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-visibility form .input-row verdocs-text-input{margin:0;display:-ms-flexbox;display:flex;-ms-flex:0 0 40px;flex:0 0 40px}verdocs-template-visibility form .input-row verdocs-text-input input{text-align:center}verdocs-template-visibility form .input-row verdocs-checkbox{-ms-flex:0;flex:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}verdocs-template-visibility form .input-row verdocs-checkbox label>input[type=checkbox]+*::before{margin-right:0}verdocs-template-visibility .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:25px;-ms-flex-direction:row;flex-direction:row}verdocs-template-visibility ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::-moz-placeholder{color:#aaaaaa}verdocs-template-visibility :-ms-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::placeholder{color:#aaaaaa}';export{n as verdocs_template_visibility}
+import{r as i,c as e,h as t,H as s}from"./p-e035df4b.js";import"./p-05788c2b.js";import{u as o}from"./p-822ba467.js";import{V as l}from"./p-c2c49441.js";import{g as a}from"./p-2fc46a8b.js";import{S as r}from"./p-7a1b2643.js";const n=class{constructor(t){i(this,t),this.close=e(this,"close",7),this.sdkError=e(this,"sdkError",7),this.store=null,this.endpoint=l.getDefault(),this.templateId="",this.dirty=!1,this.personal=!1,this.public=!1}async componentWillLoad(){var i,e,t,s,o,l,n;try{if(this.endpoint.loadSession(),!this.templateId)return void console.log(`[VISIBILITY] Missing required template ID ${this.templateId}`);if(!this.endpoint.session)return void console.log("[VISIBILITY] Unable to start builder session, must be authenticated");this.store=await a(this.endpoint,this.templateId,!1),this.personal=(null===(e=null===(i=this.store)||void 0===i?void 0:i.state)||void 0===e?void 0:e.is_personal)||!0,this.public=(null===(s=null===(t=this.store)||void 0===t?void 0:t.state)||void 0===s?void 0:s.is_public)||!1,this.dirty=!1}catch(i){console.log("[TEMPLATE VISIBILITY] Error loading template",i),null===(o=this.sdkError)||void 0===o||o.emit(new r(i.message,null===(l=i.response)||void 0===l?void 0:l.status,null===(n=i.response)||void 0===n?void 0:n.data))}}handleCancel(i){var e,t,s,o,l;i.stopPropagation(),this.personal=null===(t=null===(e=this.store)||void 0===e?void 0:e.state)||void 0===t?void 0:t.is_personal,this.public=null===(o=null===(s=this.store)||void 0===s?void 0:s.state)||void 0===o?void 0:o.is_public,this.dirty=!1,null===(l=this.close)||void 0===l||l.emit()}async handleSave(i){var e,t;i.stopPropagation(),await o(this.endpoint,this.templateId,{is_personal:this.personal,is_public:this.public}),(null===(e=this.store)||void 0===e?void 0:e.state)&&(this.store.state.is_personal=this.personal,this.store.state.is_public=this.public),this.dirty=!1,null===(t=this.close)||void 0===t||t.emit()}render(){var i,e;return this.endpoint.session?this.endpoint.session&&(null===(e=null===(i=this.store)||void 0===i?void 0:i.state)||void 0===e?void 0:e.isLoaded)?t(s,null,t("form",{onSubmit:i=>i.preventDefault(),onClick:i=>i.stopPropagation(),autocomplete:"off"},t("h5",null,"Visibility"),t("div",{class:"input-row"},t("label",{htmlFor:"verdocs-is-shared"},"Shared"),t("verdocs-checkbox",{id:"verdocs-is-shared",name:"is-shared",checked:!this.personal,value:"on",onInput:i=>{this.personal=!i.target.checked,this.dirty=!0}})),t("div",{class:"description"},"Shared templates are visible to other members of your Organization (if any)."),t("div",{class:"input-row"},t("label",{htmlFor:"verdocs-is-public"},"Public"),t("verdocs-checkbox",{id:"verdocs-is-public",name:"is-public",checked:this.public,value:"on",onInput:i=>{this.public=i.target.checked,this.dirty=!0}})),t("div",{class:"description"},"Public templates may appear in results when any other user searches for templates. Note that a template may be both Personal and Public, which may be useful if you want your template to be found via search but not otherwise displayed to other members of your Organization (if any)."),t("div",{class:"buttons"},t("verdocs-button",{size:"small",variant:"outline",label:"Cancel",disabled:!this.dirty,onClick:i=>this.handleCancel(i)}),t("verdocs-button",{size:"small",label:"Save",disabled:!this.dirty,onClick:i=>this.handleSave(i)})))):t(s,{class:"empty"}):t(s,null,t("verdocs-component-error",{message:"You must be authenticated to use this module."}))}};n.style='verdocs-template-visibility{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-template-visibility.loading{min-height:300px;position:relative;display:block}verdocs-template-visibility.empty{display:none}verdocs-template-visibility form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-visibility form .description{font-size:14px;text-align:justify;color:#5c6575}verdocs-template-visibility form h5{font-size:16px;font-weight:bold;color:#4c56cb;margin:0}verdocs-template-visibility form label{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:16px;font-weight:500;margin:0 0 4px 0;color:#33364b}verdocs-template-visibility form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-template-visibility form input:focus{outline:none}verdocs-template-visibility form .input-row{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-visibility form .input-row verdocs-text-input{margin:0;display:-ms-flexbox;display:flex;-ms-flex:0 0 40px;flex:0 0 40px}verdocs-template-visibility form .input-row verdocs-text-input input{text-align:center}verdocs-template-visibility form .input-row verdocs-checkbox{-ms-flex:0;flex:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}verdocs-template-visibility form .input-row verdocs-checkbox label>input[type=checkbox]+*::before{margin-right:0}verdocs-template-visibility .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:25px;-ms-flex-direction:row;flex-direction:row}verdocs-template-visibility ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::-moz-placeholder{color:#aaaaaa}verdocs-template-visibility :-ms-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::placeholder{color:#aaaaaa}';export{n as verdocs_template_visibility}