@verdocs/web-sdk 5.0.12 → 5.0.14

package/dist/esm-es5/verdocs-auth.entry.js

@@ -1 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,s,r){function i(e){return e instanceof s?e:new s((function(t){t(e)}))}return new(s||(s=Promise))((function(s,o){function n(e){try{l(r.next(e))}catch(e){o(e)}}function a(e){try{l(r["throw"](e))}catch(e){o(e)}}function l(e){e.done?s(e.value):i(e.value).then(n,a)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var s={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,n;return n={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function a(e){return function(t){return l([e,t])}}function l(a){if(r)throw new TypeError("Generator is already executing.");while(n&&(n=0,a[0]&&(s=0)),s)try{if(r=1,i&&(o=a[0]&2?i["return"]:a[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,a[1])).done)return o;if(i=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:s.label++;return{value:a[1],done:false};case 5:s.label++;i=a[1];a=[0];continue;case 7:a=s.ops.pop();s.trys.pop();continue;default:if(!(o=s.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){s=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){s.label=a[1];break}if(a[0]===6&&s.label<o[1]){s.label=o[1];o=a;break}if(o&&s.label<o[2]){s.label=o[2];s.ops.push(a);break}if(o[2])s.ops.pop();s.trys.pop();continue}a=t.call(e,s)}catch(e){a=[6,e];i=0}finally{r=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h}from"./index-272d51a4.js";import{VerdocsEndpoint,createProfile,verifyEmail,authenticate,getMyUser,resendVerification,resetPassword}from"@verdocs/js-sdk";import{V as VerdocsToast}from"./Toast-c4843828.js";import{S as SDKError}from"./errors-887f1e88.js";var 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}';var VerdocsAuthStyle0=verdocsAuthCss;var VerdocsAuth=function(){function e(e){registerInstance(this,e);this.authenticated=createEvent(this,"authenticated",7);this.sdkError=createEvent(this,"sdkError",7);this.resendDisabledTimer=null;this.tempAuthEndpoint=new VerdocsEndpoint({baseURL:VerdocsEndpoint.getDefault().getBaseURL(),persist:false});this.endpoint=VerdocsEndpoint.getDefault();this.visible=true;this.logo="https://app.verdocs.com/assets/blue-logo.svg";this.displayMode="login";this.org_name="";this.first_name="";this.last_name="";this.email="";this.verificationCode="";this.newPassword="";this.password="";this.confirmpass="";this.submitting=false;this.resendDisabled=false;this.session=null;this.profile=null}e.prototype.componentWillLoad=function(){var e=this;this.endpoint.loadSession();VerdocsEndpoint.getDefault().onSessionChanged((function(t,s,r){var i,o;e.session=s;e.profile=r;if(s){(i=e.authenticated)===null||i===void 0?void 0:i.emit({authenticated:true,session:s,profile:r})}else{(o=e.authenticated)===null||o===void 0?void 0:o.emit({authenticated:false,session:s,profile:r})}}))};e.prototype.isPasswordComplex=function(e){var t=function(e){return/[A-Z]/.test(e)};var s=function(e){return/[a-z]/.test(e)};var r=function(e){return/[`!@#$%^&*()_\-+=\[\]{};':"\\|,.<>\/?~ ]/.test(e)};var i=0,o=0,n=0;for(var a=0;a<e.length;a++){var l=e.charAt(a);if(t(l))i++;else if(s(l))o++;else if(r(l))n++}return e.length>=8&&o>0&&i>0&&n>0};e.prototype.handleSignup=function(){var e=this;if(!this.isPasswordComplex(this.password)){VerdocsToast("Password must be at least 8 characters long and contain at least one uppercase, one lowercase, and one special character.",{style:"error"});return}if(this.password!==this.confirmpass){VerdocsToast("Passwords do not match.",{style:"error"});return}this.submitting=true;this.tempAuthEndpoint.clearSession();createProfile(this.tempAuthEndpoint,{email:this.email,password:this.password,first_name:this.first_name,last_name:this.last_name,org_name:this.org_name}).then((function(t){console.log("[AUTH] Profile creation result",t);e.tempAuthEndpoint.setToken(t.access_token);e.password="";e.first_name="";e.last_name="";e.org_name="";e.displayMode="verify";e.submitting=false})).catch((function(t){var s,r,i,o,n,a;console.log("[AUTH] Signup error",t.response);e.submitting=false;(s=e.authenticated)===null||s===void 0?void 0:s.emit({authenticated:false,profile:null,session:null});(r=e.sdkError)===null||r===void 0?void 0:r.emit(new SDKError(t.message,(i=t.response)===null||i===void 0?void 0:i.status,(o=t.response)===null||o===void 0?void 0:o.data));VerdocsToast("Signup failed: "+((a=(n=t.response)===null||n===void 0?void 0:n.data)===null||a===void 0?void 0:a.error)||"Unknown Error",{style:"error"})}))};e.prototype.handleVerification=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(s){switch(s.label){case 0:this.submitting=true;s.label=1;case 1:s.trys.push([1,3,,4]);this.submitting=false;return[4,verifyEmail(this.tempAuthEndpoint,{email:this.email,token:this.verificationCode})];case 2:e=s.sent();VerdocsToast("Thank you for verifying your email address.",{style:"success"});this.completeLogin(e);return[3,4];case 3:t=s.sent();this.submitting=false;console.log("Verification error",t);VerdocsToast("Verification error, please check the code and try again.");return[3,4];case 4:return[2]}}))}))};e.prototype.completeLogin=function(e){this.clearForms();this.tempAuthEndpoint.clearSession();this.endpoint.setToken(e.access_token)};e.prototype.loginAndCheckVerification=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,s,r;return __generator(this,(function(i){switch(i.label){case 0:if(this.submitting){return[2]}this.submitting=true;this.tempAuthEndpoint.clearSession();i.label=1;case 1:i.trys.push([1,4,,5]);this.submitting=false;return[4,authenticate(this.tempAuthEndpoint,{username:this.email,password:this.password,grant_type:"password"})];case 2:t=i.sent();console.log("[AUTH] Authenticated, checking email verification");this.tempAuthEndpoint.setToken(t.access_token);return[4,getMyUser(this.tempAuthEndpoint)];case 3:s=i.sent();console.log("Got user",s);if(!s.email_verified){console.log("[AUTH] Logged in, pending email address verification");this.displayMode="verify"}else{console.log("[AUTH] Email address is verified, completing login");this.completeLogin(t)}return[3,5];case 4:r=i.sent();this.submitting=false;console.log("[AUTH] Auth failure",((e=r.response)===null||e===void 0?void 0:e.data)||r);VerdocsToast("Login failed. Please check your credentials and try again.",{style:"error"});return[3,5];case 5:return[2]}}))}))};e.prototype.clearForms=function(){this.submitting=false;this.resendDisabled=false;this.email="";this.password="";this.newPassword="";this.confirmpass="";this.verificationCode="";this.first_name="";this.last_name="";this.org_name=""};e.prototype.handleLogout=function(){console.log("logging out");this.endpoint.clearSession();this.tempAuthEndpoint.clearSession();this.clearForms();this.displayMode="login"};e.prototype.handleResendVerification=function(){var e=this;this.resendDisabled=true;this.resendDisabledTimer=setTimeout((function(){e.resendDisabled=false;e.resendDisabledTimer=null}),3e4);resendVerification(this.tempAuthEndpoint).then((function(e){console.log("[AUTH] Verification request resent",e);VerdocsToast("Please check your email for a verification code.",{style:"info"})})).catch((function(e){console.log("[AUTH] Unable to resend verification",e);VerdocsToast("Unable to resend code. Please try again later.",{style:"error"})}))};e.prototype.handleResendReset=function(){var e=this;this.resendDisabled=true;this.resendDisabledTimer=setTimeout((function(){e.resendDisabled=false;e.resendDisabledTimer=null}),3e4);resetPassword(this.tempAuthEndpoint,{email:this.email}).then((function(e){console.log("[AUTH] Resend-code request resent",e);VerdocsToast("Please check your email again for a verification code.",{style:"info"})})).catch((function(e){console.log("[AUTH] Unable to resend reset request",e);VerdocsToast("Unable to resend code. Please try again later.",{style:"error"})}))};e.prototype.handleResetGetCode=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(s){switch(s.label){case 0:this.submitting=true;this.confirmpass="";this.newPassword="";s.label=1;case 1:s.trys.push([1,3,,4]);this.submitting=false;return[4,resetPassword(this.endpoint,{email:this.email})];case 2:e=s.sent();console.log("[AUTH] Reset result",e);VerdocsToast("Please check your email inbox for a password reset code.",{style:"success"});this.verificationCode="";this.confirmpass="";this.newPassword="";this.displayMode="reset";return[3,4];case 3:t=s.sent();this.submitting=false;console.log("Reset request error",t);VerdocsToast("Request failed. Please check your email address and try again.");return[3,4];case 4:return[2]}}))}))};e.prototype.handleResetPassword=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(s){switch(s.label){case 0:if(!this.isPasswordComplex(this.newPassword)){VerdocsToast("Password must be at least 8 characters long and contain at least one uppercase, one lowercase, and one special character.",{style:"error"});return[2]}if(this.newPassword!==this.confirmpass){VerdocsToast("Passwords do not match.",{style:"error"});return[2]}this.submitting=true;s.label=1;case 1:s.trys.push([1,3,,4]);this.submitting=false;return[4,resetPassword(this.endpoint,{email:this.email,code:this.verificationCode,new_password:this.newPassword})];case 2:e=s.sent();console.log("reset result",e);VerdocsToast("Your password has been reset. You may now use your new password to login.",{style:"success"});this.verificationCode="";this.confirmpass="";this.newPassword="";this.password="";this.displayMode="login";return[3,4];case 3:t=s.sent();this.submitting=false;console.log("Verification error",t);VerdocsToast("Verification error, please check the code and try again.");return[3,4];case 4:return[2]}}))}))};e.prototype.handleReset=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(s){switch(s.label){case 0:this.submitting=true;s.label=1;case 1:s.trys.push([1,3,,4]);return[4,resetPassword(this.endpoint,{email:this.email})];case 2:e=s.sent();console.log("[AUTH] Reset sent",e);this.submitting=false;this.displayMode="login";VerdocsToast("If your email address is registered, you will receive instructions on resetting your password shortly.",{style:"info"});return[3,4];case 3:t=s.sent();console.log("[AUTH] Unable to reset password",t);this.submitting=false;VerdocsToast("Unable to reset password. Please check your email address and try again.",{style:"error"});return[3,4];case 4:return[2]}}))}))};e.prototype.render=function(){var e=this;if(!this.visible){return h("div",{style:{display:"none"}},"Authenticated")}if(this.session){return h("verdocs-button",{label:"Sign Out",disabled:this.submitting,onClick:function(){return e.handleLogout()},style:{display:"flex",justifyContent:"center",margin:"30px auto 0"}})}if(this.displayMode==="signup"){var t=this.submitting||!this.first_name||!this.last_name||!this.email||!this.password||!this.confirmpass||!this.org_name;return h("div",{class:"form"},h("a",{href:"https://verdocs.com/en/"},h("img",{src:this.logo,alt:"Verdocs Logo",class:"logo"})),h("h3",null,"Sign up for a free account"),h("div",{class:"already-have"},"Already have an account?",h("verdocs-button",{label:"Log In",variant:"text",onClick:function(){return e.displayMode="login"},disabled:this.submitting})),h("form",{onSubmit:function(){return e.handleSignup()}},h("div",{style:{display:"flex",flexDirection:"row",columnGap:"20px"}},h("verdocs-text-input",{label:"First Name",autocomplete:"first",required:true,value:this.first_name,onInput:function(t){return e.first_name=t.target.value},disabled:this.submitting}),h("verdocs-text-input",{label:"Last Name",autocomplete:"last",required:true,value:this.last_name,onInput:function(t){return e.last_name=t.target.value},disabled:this.submitting})),h("verdocs-text-input",{label:"Email Address",autocomplete:"email",required:true,value:this.email,onInput:function(t){return e.email=t.target.value},disabled:this.submitting}),h("verdocs-text-input",{label:"Password",type:"password",required:true,autocomplete:"new-password",value:this.password,onInput:function(t){return e.password=t.target.value},disabled:this.submitting}),h("verdocs-text-input",{label:"Confirm Password",type:"password",required:true,autocomplete:"off",value:this.confirmpass,onInput:function(t){return e.confirmpass=t.target.value},disabled:this.submitting}),h("verdocs-text-input",{label:"Organization Name",autocomplete:"org",required:true,value:this.org_name,onInput:function(t){return e.org_name=t.target.value},disabled:this.submitting,style:{flex:"1"}}),h("div",{style:{marginTop:"30px"}}),h("verdocs-button",{label:"Next",disabled:t,onClick:t?function(){}:function(){return e.handleSignup()},style:{display:"flex",justifyContent:"center",margin:"30px auto 0"}})))}if(this.displayMode==="verify"){return h("div",{class:"form"},h("form",{onSubmit:function(){return e.handleVerification()}},h("p",null,"Please check your e-mail inbox for a verification code and enter it below."),h("verdocs-text-input",{label:"Verification Code",required:true,value:this.verificationCode,onInput:function(t){return e.verificationCode=t.target.value},disabled:this.submitting}),h("div",{class:"buttons"},h("verdocs-button",{label:"Sign Out",variant:"outline",disabled:this.submitting,onClick:function(){return e.handleLogout()}}),h("verdocs-button",{label:"Verify",disabled:this.submitting||!this.verificationCode||this.verificationCode.length!==6,onClick:function(){return e.handleVerification()}})),h("div",{class:"buttons"},h("verdocs-button",{variant:"text",label:"Resend Code",disabled:this.resendDisabled||this.submitting,onClick:function(){return e.handleResendVerification()}}))))}if(this.displayMode==="forgot"){return h("div",{class:"form"},h("a",{href:"https://verdocs.com/en/"},h("img",{src:this.logo,alt:"Verdocs Logo",class:"logo"})),h("h3",null,"Forgot your password?"),h("p",null,"Enter your e-mail address below. If the e-mail address is valid, a password reset code will be sent to your inbox. Please allow up to 15 minutes to arrive, and check your spam folder if you do not receive the message."),h("form",{onSubmit:function(){return e.handleResetGetCode()}},h("verdocs-text-input",{label:"Email Address",autocomplete:"email",required:true,value:this.email,onInput:function(t){return e.email=t.target.value},disabled:this.submitting}),h("div",{style:{marginTop:"30px"}}),h("div",{class:"buttons"},h("verdocs-button",{size:"small",label:"Cancel",variant:"outline",disabled:this.submitting,onClick:function(){return e.displayMode="login"}}),h("verdocs-button",{size:"small",label:"Request Code",disabled:this.submitting,onClick:function(){return e.handleResetGetCode()}}))))}if(this.displayMode==="reset"){return h("div",{class:"form"},h("a",{href:"https://verdocs.com/en/"},h("img",{src:this.logo,alt:"Verdocs Logo",class:"logo"})),h("h3",null,"Forgot your password?"),h("p",null,"Enter your e-mail address below, and reset instructions will be sent to your Inbox. Please allow up to 15 minutes to arrive. Check your spam folder if you do not receive the message."),h("form",{onSubmit:function(){return e.handleResetPassword()}},h("verdocs-text-input",{label:"Verification Code",required:true,value:this.verificationCode,onInput:function(t){return e.verificationCode=t.target.value},disabled:this.submitting}),h("verdocs-text-input",{label:"Password",type:"password",required:true,autocomplete:"off",value:this.newPassword,onInput:function(t){return e.newPassword=t.target.value},disabled:this.submitting}),h("verdocs-text-input",{label:"Confirm Password",type:"password",required:true,autocomplete:"off",value:this.confirmpass,onInput:function(t){return e.confirmpass=t.target.value},disabled:this.submitting}),h("div",{style:{marginTop:"30px"}}),h("div",{class:"buttons"},h("verdocs-button",{label:"Cancel",variant:"outline",disabled:this.submitting,onClick:function(){return e.displayMode="login"}}),h("verdocs-button",{label:"Reset",disabled:this.submitting,onClick:function(){return e.handleResetPassword()}})),h("div",{class:"buttons"},h("verdocs-button",{variant:"text",label:"Resend Code",disabled:this.resendDisabled||this.submitting,onClick:function(){return e.handleResendReset()}}))))}return h("div",{class:"form"},h("a",{href:"https://verdocs.com/en/"},h("img",{src:this.logo,alt:"Verdocs Logo",class:"logo"})),h("h3",null,"Log in to your account"),h("div",{class:"already-have"},"Don't have an account?",h("verdocs-button",{label:"Sign Up",variant:"text",onClick:function(){return e.displayMode="signup"},disabled:this.submitting})),h("form",{onSubmit:function(){return e.loginAndCheckVerification()}},h("verdocs-text-input",{label:"Email",autocomplete:"username",value:this.email,onInput:function(t){return e.email=t.target.value},disabled:this.submitting}),h("verdocs-text-input",{label:"Password",type:"password",autocomplete:"current-password",value:this.password,onInput:function(t){return e.password=t.target.value},disabled:this.submitting}),h("verdocs-button",{label:"Forgot Your Password?",variant:"text",onClick:function(){return e.displayMode="forgot"},disabled:this.submitting,style:{display:"flex",justifyContent:"center",margin:"10px auto 20px"}}),h("verdocs-button",{label:"Login",disabled:this.submitting,onClick:function(){return e.loginAndCheckVerification()},style:{display:"flex",justifyContent:"center",margin:"10px auto 0"}})))};return e}();VerdocsAuth.style=VerdocsAuthStyle0;export{VerdocsAuth as verdocs_auth};
+var __awaiter=this&&this.__awaiter||function(e,t,s,r){function i(e){return e instanceof s?e:new s((function(t){t(e)}))}return new(s||(s=Promise))((function(s,o){function n(e){try{l(r.next(e))}catch(e){o(e)}}function a(e){try{l(r["throw"](e))}catch(e){o(e)}}function l(e){e.done?s(e.value):i(e.value).then(n,a)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var s={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,n;return n={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function a(e){return function(t){return l([e,t])}}function l(a){if(r)throw new TypeError("Generator is already executing.");while(n&&(n=0,a[0]&&(s=0)),s)try{if(r=1,i&&(o=a[0]&2?i["return"]:a[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,a[1])).done)return o;if(i=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:s.label++;return{value:a[1],done:false};case 5:s.label++;i=a[1];a=[0];continue;case 7:a=s.ops.pop();s.trys.pop();continue;default:if(!(o=s.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){s=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){s.label=a[1];break}if(a[0]===6&&s.label<o[1]){s.label=o[1];o=a;break}if(o&&s.label<o[2]){s.label=o[2];s.ops.push(a);break}if(o[2])s.ops.pop();s.trys.pop();continue}a=t.call(e,s)}catch(e){a=[6,e];i=0}finally{r=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h}from"./index-272d51a4.js";import{VerdocsEndpoint,createProfile,verifyEmail,authenticate,getMyUser,resendVerification,resetPassword}from"@verdocs/js-sdk";import{V as VerdocsToast}from"./Toast-c4843828.js";import{S as SDKError}from"./errors-887f1e88.js";var 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}';var VerdocsAuthStyle0=verdocsAuthCss;var VerdocsAuth=function(){function e(e){registerInstance(this,e);this.authenticated=createEvent(this,"authenticated",7);this.sdkError=createEvent(this,"sdkError",7);this.resendDisabledTimer=null;this.tempAuthEndpoint=new VerdocsEndpoint({baseURL:VerdocsEndpoint.getDefault().getBaseURL(),persist:false});this.endpoint=VerdocsEndpoint.getDefault();this.visible=true;this.logo="https://app.verdocs.com/assets/blue-logo.svg";this.displayMode="login";this.org_name="";this.first_name="";this.last_name="";this.email="";this.verificationCode="";this.newPassword="";this.password="";this.confirmpass="";this.submitting=false;this.resendDisabled=false;this.session=null;this.profile=null}e.prototype.componentWillLoad=function(){var e=this;this.endpoint.loadSession();VerdocsEndpoint.getDefault().onSessionChanged((function(t,s,r){var i,o;e.session=s;e.profile=r;if(s){(i=e.authenticated)===null||i===void 0?void 0:i.emit({authenticated:true,session:s,profile:r})}else{(o=e.authenticated)===null||o===void 0?void 0:o.emit({authenticated:false,session:s,profile:r})}}))};e.prototype.isPasswordComplex=function(e){var t=function(e){return/[A-Z]/.test(e)};var s=function(e){return/[a-z]/.test(e)};var r=function(e){return/[`!@#$%^&*()_\-+=\[\]{};':"\\|,.<>\/?~ ]/.test(e)};var i=0,o=0,n=0;for(var a=0;a<e.length;a++){var l=e.charAt(a);if(t(l))i++;else if(s(l))o++;else if(r(l))n++}return e.length>=8&&o>0&&i>0&&n>0};e.prototype.handleSignup=function(){var e=this;if(!this.isPasswordComplex(this.password)){VerdocsToast("Password must be at least 8 characters long and contain at least one uppercase, one lowercase, and one special character.",{style:"error"});return}if(this.password!==this.confirmpass){VerdocsToast("Passwords do not match.",{style:"error"});return}this.submitting=true;this.tempAuthEndpoint.clearSession();createProfile(this.tempAuthEndpoint,{email:this.email,password:this.password,first_name:this.first_name,last_name:this.last_name,org_name:this.org_name}).then((function(t){console.log("[AUTH] Profile creation result",t);e.tempAuthEndpoint.setToken(t.access_token);e.password="";e.first_name="";e.last_name="";e.org_name="";e.displayMode="verify";e.submitting=false})).catch((function(t){var s,r,i,o,n,a;console.log("[AUTH] Signup error",t.response);e.submitting=false;(s=e.authenticated)===null||s===void 0?void 0:s.emit({authenticated:false,profile:null,session:null});(r=e.sdkError)===null||r===void 0?void 0:r.emit(new SDKError(t.message,(i=t.response)===null||i===void 0?void 0:i.status,(o=t.response)===null||o===void 0?void 0:o.data));VerdocsToast("Signup failed: "+((a=(n=t.response)===null||n===void 0?void 0:n.data)===null||a===void 0?void 0:a.error)||"Unknown Error",{style:"error"})}))};e.prototype.handleVerification=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(s){switch(s.label){case 0:this.submitting=true;s.label=1;case 1:s.trys.push([1,3,,4]);this.submitting=false;return[4,verifyEmail(this.tempAuthEndpoint,{email:this.email,token:this.verificationCode})];case 2:e=s.sent();VerdocsToast("Thank you for verifying your email address.",{style:"success"});this.completeLogin(e);return[3,4];case 3:t=s.sent();this.submitting=false;console.log("Verification error",t);VerdocsToast("Verification error, please check the code and try again.");return[3,4];case 4:return[2]}}))}))};e.prototype.completeLogin=function(e){this.clearForms();this.tempAuthEndpoint.clearSession();this.endpoint.setToken(e.access_token)};e.prototype.loginAndCheckVerification=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,s,r;return __generator(this,(function(i){switch(i.label){case 0:if(this.submitting){return[2]}this.submitting=true;this.tempAuthEndpoint.clearSession();i.label=1;case 1:i.trys.push([1,4,,5]);this.submitting=false;return[4,authenticate(this.tempAuthEndpoint,{username:this.email,password:this.password,grant_type:"password"})];case 2:t=i.sent();console.log("[AUTH] Authenticated, checking email verification");this.tempAuthEndpoint.setToken(t.access_token);return[4,getMyUser(this.tempAuthEndpoint)];case 3:s=i.sent();console.log("Got user",s);if(!s.email_verified){console.log("[AUTH] Logged in, pending email address verification");this.displayMode="verify"}else{console.log("[AUTH] Email address is verified, completing login");this.completeLogin(t)}return[3,5];case 4:r=i.sent();this.submitting=false;console.log("[AUTH] Auth failure",((e=r.response)===null||e===void 0?void 0:e.data)||r);VerdocsToast("Login failed. Please check your credentials and try again.",{style:"error"});return[3,5];case 5:return[2]}}))}))};e.prototype.clearForms=function(){this.submitting=false;this.resendDisabled=false;this.email="";this.password="";this.newPassword="";this.confirmpass="";this.verificationCode="";this.first_name="";this.last_name="";this.org_name=""};e.prototype.handleLogout=function(){console.log("logging out");this.endpoint.clearSession();this.tempAuthEndpoint.clearSession();this.clearForms();this.displayMode="login"};e.prototype.handleResendVerification=function(){var e=this;this.resendDisabled=true;this.resendDisabledTimer=setTimeout((function(){e.resendDisabled=false;e.resendDisabledTimer=null}),3e4);resendVerification(this.tempAuthEndpoint).then((function(e){console.log("[AUTH] Verification request resent",e);VerdocsToast("Please check your email for a verification code.",{style:"info"})})).catch((function(e){console.log("[AUTH] Unable to resend verification",e);VerdocsToast("Unable to resend code. Please try again later.",{style:"error"})}))};e.prototype.handleResendReset=function(){var e=this;this.resendDisabled=true;this.resendDisabledTimer=setTimeout((function(){e.resendDisabled=false;e.resendDisabledTimer=null}),3e4);resetPassword(this.tempAuthEndpoint,{email:this.email}).then((function(e){console.log("[AUTH] Resend-code request resent",e);VerdocsToast("Please check your email again for a verification code.",{style:"info"})})).catch((function(e){console.log("[AUTH] Unable to resend reset request",e);VerdocsToast("Unable to resend code. Please try again later.",{style:"error"})}))};e.prototype.handleResetGetCode=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(s){switch(s.label){case 0:this.submitting=true;this.confirmpass="";this.newPassword="";s.label=1;case 1:s.trys.push([1,3,,4]);this.submitting=false;return[4,resetPassword(this.endpoint,{email:this.email})];case 2:e=s.sent();console.log("[AUTH] Reset result",e);VerdocsToast("Please check your email inbox for a password reset code.",{style:"success"});this.verificationCode="";this.confirmpass="";this.newPassword="";this.displayMode="reset";return[3,4];case 3:t=s.sent();this.submitting=false;console.log("Reset request error",t);VerdocsToast("Request failed. Please check your email address and try again.");return[3,4];case 4:return[2]}}))}))};e.prototype.handleResetPassword=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(s){switch(s.label){case 0:if(!this.isPasswordComplex(this.newPassword)){VerdocsToast("Password must be at least 8 characters long and contain at least one uppercase, one lowercase, and one special character.",{style:"error"});return[2]}if(this.newPassword!==this.confirmpass){VerdocsToast("Passwords do not match.",{style:"error"});return[2]}this.submitting=true;s.label=1;case 1:s.trys.push([1,3,,4]);this.submitting=false;return[4,resetPassword(this.endpoint,{email:this.email,code:this.verificationCode,new_password:this.newPassword})];case 2:e=s.sent();console.log("reset result",e);VerdocsToast("Your password has been reset. You may now use your new password to login.",{style:"success"});this.verificationCode="";this.confirmpass="";this.newPassword="";this.password="";this.displayMode="login";return[3,4];case 3:t=s.sent();this.submitting=false;console.log("Verification error",t);VerdocsToast("Verification error, please check the code and try again.");return[3,4];case 4:return[2]}}))}))};e.prototype.handleReset=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(s){switch(s.label){case 0:this.submitting=true;s.label=1;case 1:s.trys.push([1,3,,4]);return[4,resetPassword(this.endpoint,{email:this.email})];case 2:e=s.sent();console.log("[AUTH] Reset sent",e);this.submitting=false;this.displayMode="login";VerdocsToast("If your email address is registered, you will receive instructions on resetting your password shortly.",{style:"info"});return[3,4];case 3:t=s.sent();console.log("[AUTH] Unable to reset password",t);this.submitting=false;VerdocsToast("Unable to reset password. Please check your email address and try again.",{style:"error"});return[3,4];case 4:return[2]}}))}))};e.prototype.render=function(){var e=this;if(!this.visible){return h("div",{style:{display:"none"}},"Authenticated")}if(this.session){return h("verdocs-button",{label:"Sign Out",disabled:this.submitting,onClick:function(){return e.handleLogout()},style:{display:"flex",justifyContent:"center",margin:"30px auto 0"}})}if(this.displayMode==="signup"){var t=this.submitting||!this.first_name||!this.last_name||!this.email||!this.password||!this.confirmpass||!this.org_name;return h("div",{class:"form"},h("a",{href:"https://verdocs.com/en/"},h("img",{src:this.logo,alt:"Verdocs Logo",class:"logo"})),h("h3",null,"Sign up for a free account"),h("div",{class:"already-have"},"Already have an account?",h("verdocs-button",{label:"Log In",variant:"text",onClick:function(){return e.displayMode="login"},disabled:this.submitting})),h("form",{onSubmit:function(){return e.handleSignup()}},h("div",{style:{display:"flex",flexDirection:"row",columnGap:"20px"}},h("verdocs-text-input",{label:"First Name",autocomplete:"first",required:true,value:this.first_name,onInput:function(t){return e.first_name=t.target.value},disabled:this.submitting}),h("verdocs-text-input",{label:"Last Name",autocomplete:"last",required:true,value:this.last_name,onInput:function(t){return e.last_name=t.target.value},disabled:this.submitting})),h("verdocs-text-input",{label:"Email Address",autocomplete:"email",required:true,value:this.email,onInput:function(t){return e.email=t.target.value},disabled:this.submitting}),h("verdocs-text-input",{label:"Password",type:"password",required:true,autocomplete:"new-password",value:this.password,onInput:function(t){return e.password=t.target.value},disabled:this.submitting}),h("verdocs-text-input",{label:"Confirm Password",type:"password",required:true,autocomplete:"off",value:this.confirmpass,onInput:function(t){return e.confirmpass=t.target.value},disabled:this.submitting}),h("verdocs-text-input",{label:"Organization Name",autocomplete:"org",required:true,value:this.org_name,onInput:function(t){return e.org_name=t.target.value},disabled:this.submitting,style:{flex:"1"}}),h("div",{style:{marginTop:"30px"}}),h("verdocs-button",{label:"Next",disabled:t,onClick:t?function(){}:function(){return e.handleSignup()},style:{display:"flex",justifyContent:"center",margin:"30px auto 0"}})))}if(this.displayMode==="verify"){return h("div",{class:"form"},h("form",{onSubmit:function(){return e.handleVerification()}},h("p",null,"Please check your e-mail inbox for a verification code and enter it below."),h("verdocs-text-input",{label:"Verification Code",required:true,value:this.verificationCode,onInput:function(t){return e.verificationCode=t.target.value},disabled:this.submitting}),h("div",{class:"buttons"},h("verdocs-button",{label:"Sign Out",variant:"outline",disabled:this.submitting,onClick:function(){return e.handleLogout()}}),h("verdocs-button",{label:"Verify",disabled:this.submitting||!this.verificationCode||this.verificationCode.length!==6,onClick:function(){return e.handleVerification()}})),h("div",{class:"buttons"},h("verdocs-button",{variant:"text",label:"Resend Code",disabled:this.resendDisabled||this.submitting,onClick:function(){return e.handleResendVerification()}}))))}if(this.displayMode==="forgot"){return h("div",{class:"form"},h("a",{href:"https://verdocs.com/en/"},h("img",{src:this.logo,alt:"Verdocs Logo",class:"logo"})),h("h3",null,"Forgot your password?"),h("p",null,"Enter your e-mail address below. If the e-mail address is valid, a password reset code will be sent to your inbox. Please allow up to 15 minutes to arrive, and check your spam folder if you do not receive the message."),h("form",{onSubmit:function(){return e.handleResetGetCode()}},h("verdocs-text-input",{label:"Email Address",autocomplete:"email",required:true,value:this.email,onInput:function(t){return e.email=t.target.value},disabled:this.submitting}),h("div",{style:{marginTop:"30px"}}),h("div",{class:"buttons"},h("verdocs-button",{size:"small",label:"Cancel",variant:"outline",disabled:this.submitting,onClick:function(){return e.displayMode="login"}}),h("verdocs-button",{size:"small",label:"Request Code",disabled:this.submitting,onClick:function(){return e.handleResetGetCode()}}))))}if(this.displayMode==="reset"){return h("div",{class:"form"},h("a",{href:"https://verdocs.com/en/"},h("img",{src:this.logo,alt:"Verdocs Logo",class:"logo"})),h("h3",null,"Forgot your password?"),h("p",null,"Enter your e-mail address below, and reset instructions will be sent to your Inbox. Please allow up to 15 minutes to arrive. Check your spam folder if you do not receive the message."),h("form",{onSubmit:function(){return e.handleResetPassword()}},h("verdocs-text-input",{label:"Verification Code",required:true,value:this.verificationCode,onInput:function(t){return e.verificationCode=t.target.value},disabled:this.submitting}),h("verdocs-text-input",{label:"Password",type:"password",required:true,autocomplete:"off",value:this.newPassword,onInput:function(t){return e.newPassword=t.target.value},disabled:this.submitting}),h("verdocs-text-input",{label:"Confirm Password",type:"password",required:true,autocomplete:"off",value:this.confirmpass,onInput:function(t){return e.confirmpass=t.target.value},disabled:this.submitting}),h("div",{style:{marginTop:"30px"}}),h("div",{class:"buttons"},h("verdocs-button",{label:"Cancel",variant:"outline",disabled:this.submitting,onClick:function(){return e.displayMode="login"}}),h("verdocs-button",{label:"Reset",disabled:this.submitting,onClick:function(){return e.handleResetPassword()}})),h("div",{class:"buttons"},h("verdocs-button",{variant:"text",label:"Resend Code",disabled:this.resendDisabled||this.submitting,onClick:function(){return e.handleResendReset()}}))))}return h("div",{class:"form"},h("a",{href:"https://verdocs.com/en/"},h("img",{src:this.logo,alt:"Verdocs Logo",class:"logo"})),h("h3",null,"Log in to your account"),h("div",{class:"already-have"},"Don't have an account?",h("verdocs-button",{label:"Sign Up",variant:"text",onClick:function(){return e.displayMode="signup"},disabled:this.submitting})),h("form",{onSubmit:function(){return e.loginAndCheckVerification()}},h("verdocs-text-input",{label:"Email",autocomplete:"username",value:this.email,onInput:function(t){return e.email=t.target.value},disabled:this.submitting}),h("verdocs-text-input",{label:"Password",type:"password",autocomplete:"current-password",value:this.password,onInput:function(t){return e.password=t.target.value},disabled:this.submitting}),h("verdocs-button",{label:"Forgot Your Password?",variant:"text",onClick:function(){return e.displayMode="forgot"},disabled:this.submitting,style:{display:"flex",justifyContent:"center",margin:"10px auto 20px"}}),h("verdocs-button",{label:"Login",disabled:this.submitting,onClick:function(){return e.loginAndCheckVerification()},style:{display:"flex",justifyContent:"center",margin:"10px auto 0"}})))};return e}();VerdocsAuth.style=VerdocsAuthStyle0;export{VerdocsAuth as verdocs_auth};
+//# sourceMappingURL=verdocs-auth.entry.js.map

package/dist/esm-es5/verdocs-auth.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsAuthCss","VerdocsAuthStyle0","VerdocsAuth","this","resendDisabledTimer","tempAuthEndpoint","VerdocsEndpoint","baseURL","getDefault","getBaseURL","persist","class_1","prototype","componentWillLoad","_this","endpoint","loadSession","onSessionChanged","_endpoint","session","profile","_a","authenticated","emit","_b","isPasswordComplex","password","isUppercase","ch","test","isLowercase","isSpecialChar","countOfUpperCase","countOfLowerCase","countOfSpecialChar","i","length","charAt","handleSignup","VerdocsToast","style","confirmpass","submitting","clearSession","createProfile","email","first_name","last_name","org_name","then","r","console","log","setToken","access_token","displayMode","catch","e","response","sdkError","SDKError","message","_c","status","_d","data","_f","_e","error","handleVerification","verifyEmail","token","verificationCode","verificationResult","_g","sent","completeLogin","e_1","result","clearForms","loginAndCheckVerification","authenticate","username","grant_type","authResult","getMyUser","user","email_verified","e_2","resendDisabled","newPassword","handleLogout","handleResendVerification","setTimeout","resendVerification","handleResendReset","resetPassword","handleResetGetCode","e_3","handleResetPassword","code","new_password","resetResult","e_4","handleReset","e_5","render","visible","h","display","label","disabled","onClick","justifyContent","margin","invalid","class","href","src","logo","alt","variant","onSubmit","flexDirection","columnGap","autocomplete","required","value","onInput","target","type","flex","marginTop","size"],"sources":["src/components/embeds/verdocs-auth/verdocs-auth.scss?tag=verdocs-auth","src/components/embeds/verdocs-auth/verdocs-auth.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-auth {\n  font-family: $verdocs-primary-font;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n\n  .form {\n    width: 320px;\n    display: flex;\n    padding: 20px;\n    max-width: 90%;\n    align-items: center;\n    flex-direction: column;\n    box-sizing: border-box;\n    justify-content: center;\n    background: $verdocs-grey-4;\n  }\n\n  .logo {\n    width: 128px;\n    max-width: 100%;\n    margin: 20px 0 30px;\n  }\n\n  h3 {\n    text-align: center;\n    font-weight: 400;\n    font-size: 18px;\n    line-height: 1.75;\n    margin: 0;\n  }\n\n  em {\n    font-size: 14px;\n    margin: 15px 0;\n  }\n\n  .buttons {\n    gap: 20px;\n    margin: 20px 0 0 0;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n  }\n\n  .status-result {\n    display: none;\n\n    &.debug {\n      white-space: pre-wrap;\n      font-size: 14px;\n      background: #fff;\n      padding: 10px;\n      display: block;\n      flex-direction: row;\n      justify-content: center;\n    }\n  }\n\n  form {\n    width: 100%;\n  }\n\n  verdocs-text-input {\n    margin-bottom: 10px;\n  }\n\n  .account-option {\n    gap: 8px;\n    margin: 20px 0 8px 0;\n    display: flex;\n    flex-direction: row;\n  }\n\n  p {\n    margin: 1em 0;\n    font-size: 14px;\n  }\n\n  // Our <p>s are in a flex layout which prevents margins from collapsing because each item creates its own row\n  p + p {\n    margin-top: 0;\n  }\n\n  verdocs-help-icon {\n    margin-top: 18px;\n    display: flex;\n    width: 32px;\n    height: 32px;\n    flex: 0 0 32px;\n  }\n\n  .already-have {\n    margin: 0.5em 0;\n    font-size: 14px;\n  }\n}\n","import {TSession, VerdocsEndpoint, createProfile, authenticate, resendVerification, resetPassword, verifyEmail, IAuthenticateResponse, getMyUser, IProfile} from '@verdocs/js-sdk';\nimport {Component, Prop, State, h, Event, EventEmitter} from '@stencil/core';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\n\nexport interface IAuthStatus {\n  authenticated: boolean;\n  session: TSession;\n  profile: IProfile | null;\n}\n\n/**\n * Display an authentication dialog that allows the user to login or sign up. If the user is\n * already authenticated with a valid session, this component will hide itself and fire the\n * success callback immediately. It is up to the host application to render the next appropriate\n * view for the application.\n *\n * To simplify UI development, a visibility flag can force this component to never display. This\n * allows you to subscribe to notifications from client apps without calling the lower-level JS SDK.\n *\n * This embed is responsive / mobile-friendly, but the calling application should provide at\n * least a 300px wide container to allow sufficient space for the required forms.\n *\n * ```ts\n * interface IAuthStatus {\n *   authenticated: boolean;\n *   session: TSession;\n *   profile: IProfile | null;\n * }\n *\n * <verdocs-auth\n *   onAuthenticated={({ detail }: { detail: IAuthStatus }) => console.log('Authentication state:', detail) }\n *   onSdkError={({ detail }) => { console.log('SDK error', detail) }\n *   />\n * ```\n */\n@Component({\n  tag: 'verdocs-auth',\n  styleUrl: 'verdocs-auth.scss',\n  shadow: false,\n})\nexport class VerdocsAuth {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * Normally, if the user has a valid session, this embed will be invisible, otherwise it will display\n   * login / signup forms. If this is set to false, this embed will be invisible in both cases. Apps may\n   * use this to verify if a user has a valid session without needing a separate call to Verdocs JS SDK.\n   */\n  @Prop() visible: boolean = true;\n\n  /**\n   * By default, a Verdocs logo will be displayed above the login/signup forms. This may be used to\n   * override its source. (Alternatively, you may simply hide it via CSS overrides.) Logos should be\n   * in SVG format for best results.\n   */\n  @Prop() logo: string = 'https://app.verdocs.com/assets/blue-logo.svg';\n\n  /**\n   * The display mode to start in.\n   */\n  @Prop({mutable: true}) displayMode: 'login' | 'forgot' | 'reset' | 'signup' | 'verify' = 'login';\n\n  /**\n   * Event fired when session authentication process has completed. Check the event\n   * contents for completion status. This event will always be called at least once,\n   * when the component is first rendered.\n   */\n  @Event({composed: true}) authenticated: EventEmitter<IAuthStatus>;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  @State() org_name: string = '';\n  @State() first_name: string = '';\n  @State() last_name: string = '';\n  @State() email: string = '';\n  @State() verificationCode: string = '';\n  @State() newPassword: string = '';\n  @State() password: string = '';\n  @State() confirmpass: string = '';\n  @State() submitting: boolean = false;\n  @State() resendDisabled = false;\n  @State() session: TSession = null;\n  @State() profile: IProfile | null = null;\n\n  resendDisabledTimer = null;\n\n  // We can't instantly log in on the default endpoint because other listeners might see\n  // its events and incorrectly trigger before we're done. So we manage our own temp\n  // endpoint and pass the final tokens to the default once we're ready.\n  tempAuthEndpoint = new VerdocsEndpoint({\n    baseURL: VerdocsEndpoint.getDefault().getBaseURL(),\n    persist: false,\n  });\n\n  componentWillLoad() {\n    this.endpoint.loadSession();\n    VerdocsEndpoint.getDefault().onSessionChanged((_endpoint, session, profile) => {\n      this.session = session;\n      this.profile = profile;\n      if (session) {\n        this.authenticated?.emit({authenticated: true, session, profile});\n      } else {\n        this.authenticated?.emit({authenticated: false, session, profile});\n      }\n    });\n  }\n\n  isPasswordComplex(password: string) {\n    const isUppercase = (ch: string) => /[A-Z]/.test(ch);\n    const isLowercase = (ch: string) => /[a-z]/.test(ch);\n    const isSpecialChar = (ch: string) => /[`!@#$%^&*()_\\-+=\\[\\]{};':\"\\\\|,.<>\\/?~ ]/.test(ch);\n    let countOfUpperCase = 0,\n      countOfLowerCase = 0,\n      countOfSpecialChar = 0;\n    for (let i = 0; i < password.length; i++) {\n      let ch = password.charAt(i);\n      if (isUppercase(ch)) countOfUpperCase++;\n      else if (isLowercase(ch)) countOfLowerCase++;\n      else if (isSpecialChar(ch)) countOfSpecialChar++;\n    }\n    return password.length >= 8 && countOfLowerCase > 0 && countOfUpperCase > 0 && countOfSpecialChar > 0;\n  }\n\n  handleSignup() {\n    if (!this.isPasswordComplex(this.password)) {\n      VerdocsToast('Password must be at least 8 characters long and contain at least one uppercase, one lowercase, and one special character.', {style: 'error'});\n      return;\n    }\n\n    if (this.password !== this.confirmpass) {\n      VerdocsToast('Passwords do not match.', {style: 'error'});\n      return;\n    }\n\n    this.submitting = true;\n    this.tempAuthEndpoint.clearSession();\n    createProfile(this.tempAuthEndpoint, {\n      email: this.email,\n      password: this.password,\n      first_name: this.first_name,\n      last_name: this.last_name,\n      org_name: this.org_name,\n    })\n      .then(r => {\n        console.log('[AUTH] Profile creation result', r);\n        this.tempAuthEndpoint.setToken(r.access_token);\n        // We can't clearForms because we need email to stick around\n        this.password = '';\n        this.first_name = '';\n        this.last_name = '';\n        this.org_name = '';\n        this.displayMode = 'verify';\n        this.submitting = false;\n      })\n      .catch(e => {\n        console.log('[AUTH] Signup error', e.response);\n        this.submitting = false;\n        this.authenticated?.emit({authenticated: false, profile: null, session: null});\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n\n        VerdocsToast('Signup failed: ' + e.response?.data?.error || 'Unknown Error', {style: 'error'});\n      });\n  }\n\n  async handleVerification() {\n    this.submitting = true;\n\n    try {\n      this.submitting = false;\n      const verificationResult = await verifyEmail(this.tempAuthEndpoint, {email: this.email, token: this.verificationCode});\n      VerdocsToast('Thank you for verifying your email address.', {style: 'success'});\n      this.completeLogin(verificationResult);\n    } catch (e) {\n      this.submitting = false;\n      console.log('Verification error', e);\n      VerdocsToast('Verification error, please check the code and try again.');\n    }\n  }\n\n  completeLogin(result: IAuthenticateResponse) {\n    this.clearForms();\n    this.tempAuthEndpoint.clearSession();\n    this.endpoint.setToken(result.access_token);\n  }\n\n  async loginAndCheckVerification() {\n    if (this.submitting) {\n      return;\n    }\n\n    this.submitting = true;\n    this.tempAuthEndpoint.clearSession();\n\n    try {\n      this.submitting = false;\n      const authResult = await authenticate(this.tempAuthEndpoint, {username: this.email, password: this.password, grant_type: 'password'});\n      console.log('[AUTH] Authenticated, checking email verification');\n      this.tempAuthEndpoint.setToken(authResult.access_token);\n\n      const user = await getMyUser(this.tempAuthEndpoint);\n      console.log('Got user', user);\n\n      if (!user.email_verified) {\n        console.log('[AUTH] Logged in, pending email address verification');\n        this.displayMode = 'verify';\n      } else {\n        console.log('[AUTH] Email address is verified, completing login');\n        this.completeLogin(authResult);\n      }\n    } catch (e) {\n      this.submitting = false;\n      console.log('[AUTH] Auth failure', e.response?.data || e);\n      VerdocsToast('Login failed. Please check your credentials and try again.', {style: 'error'});\n    }\n  }\n\n  clearForms() {\n    this.submitting = false;\n    this.resendDisabled = false;\n    this.email = '';\n    this.password = '';\n    this.newPassword = '';\n    this.confirmpass = '';\n    this.verificationCode = '';\n    this.first_name = '';\n    this.last_name = '';\n    this.org_name = '';\n  }\n\n  handleLogout() {\n    console.log('logging out');\n    this.endpoint.clearSession();\n    this.tempAuthEndpoint.clearSession();\n    this.clearForms();\n    this.displayMode = 'login';\n  }\n\n  handleResendVerification() {\n    // Avoid the user just click-spamming this pathway. The server rate-limits this anyway so it's not a\n    // security issue but it's a poor user experience to allow it.\n    this.resendDisabled = true;\n    this.resendDisabledTimer = setTimeout(() => {\n      this.resendDisabled = false;\n      this.resendDisabledTimer = null;\n    }, 30000);\n\n    resendVerification(this.tempAuthEndpoint)\n      .then(r => {\n        console.log('[AUTH] Verification request resent', r);\n        VerdocsToast('Please check your email for a verification code.', {style: 'info'});\n      })\n      .catch((e: any) => {\n        console.log('[AUTH] Unable to resend verification', e);\n        VerdocsToast('Unable to resend code. Please try again later.', {style: 'error'});\n      });\n  }\n\n  handleResendReset() {\n    // Avoid the user just click-spamming this pathway. The server rate-limits this anyway so it's not a\n    // security issue but it's a poor user experience to allow it.\n    this.resendDisabled = true;\n    this.resendDisabledTimer = setTimeout(() => {\n      this.resendDisabled = false;\n      this.resendDisabledTimer = null;\n    }, 30000);\n\n    resetPassword(this.tempAuthEndpoint, {email: this.email})\n      .then(r => {\n        console.log('[AUTH] Resend-code request resent', r);\n        VerdocsToast('Please check your email again for a verification code.', {style: 'info'});\n      })\n      .catch((e: any) => {\n        console.log('[AUTH] Unable to resend reset request', e);\n        VerdocsToast('Unable to resend code. Please try again later.', {style: 'error'});\n      });\n  }\n\n  async handleResetGetCode() {\n    this.submitting = true;\n    this.confirmpass = '';\n    this.newPassword = '';\n\n    try {\n      this.submitting = false;\n      const result = await resetPassword(this.endpoint, {email: this.email});\n      console.log('[AUTH] Reset result', result);\n      VerdocsToast('Please check your email inbox for a password reset code.', {style: 'success'});\n      this.verificationCode = '';\n      this.confirmpass = '';\n      this.newPassword = '';\n      this.displayMode = 'reset';\n    } catch (e) {\n      this.submitting = false;\n      console.log('Reset request error', e);\n      VerdocsToast('Request failed. Please check your email address and try again.');\n    }\n  }\n\n  async handleResetPassword() {\n    if (!this.isPasswordComplex(this.newPassword)) {\n      VerdocsToast('Password must be at least 8 characters long and contain at least one uppercase, one lowercase, and one special character.', {style: 'error'});\n      return;\n    }\n\n    if (this.newPassword !== this.confirmpass) {\n      VerdocsToast('Passwords do not match.', {style: 'error'});\n      return;\n    }\n\n    this.submitting = true;\n    try {\n      this.submitting = false;\n      const resetResult = await resetPassword(this.endpoint, {email: this.email, code: this.verificationCode, new_password: this.newPassword});\n      console.log('reset result', resetResult);\n      VerdocsToast('Your password has been reset. You may now use your new password to login.', {style: 'success'});\n      this.verificationCode = '';\n      this.confirmpass = '';\n      this.newPassword = '';\n      this.password = '';\n      this.displayMode = 'login';\n    } catch (e) {\n      this.submitting = false;\n      console.log('Verification error', e);\n      VerdocsToast('Verification error, please check the code and try again.');\n    }\n  }\n\n  async handleReset() {\n    this.submitting = true;\n\n    try {\n      const result = await resetPassword(this.endpoint, {email: this.email});\n      console.log('[AUTH] Reset sent', result);\n      this.submitting = false;\n      this.displayMode = 'login';\n      VerdocsToast('If your email address is registered, you will receive instructions on resetting your password shortly.', {style: 'info'});\n    } catch (e) {\n      console.log('[AUTH] Unable to reset password', e);\n      this.submitting = false;\n      VerdocsToast('Unable to reset password. Please check your email address and try again.', {style: 'error'});\n    }\n  }\n\n  render() {\n    if (!this.visible) {\n      return <div style={{display: 'none'}}>Authenticated</div>;\n    }\n\n    if (this.session) {\n      return (\n        <verdocs-button\n          label=\"Sign Out\"\n          disabled={this.submitting}\n          onClick={() => this.handleLogout()}\n          style={{display: 'flex', justifyContent: 'center', margin: '30px auto 0'}}\n        />\n      );\n    }\n\n    if (this.displayMode === 'signup') {\n      const invalid = this.submitting || !this.first_name || !this.last_name || !this.email || !this.password || !this.confirmpass || !this.org_name;\n\n      return (\n        <div class=\"form\">\n          <a href=\"https://verdocs.com/en/\">\n            <img src={this.logo} alt=\"Verdocs Logo\" class=\"logo\" />\n          </a>\n\n          <h3>Sign up for a free account</h3>\n          <div class=\"already-have\">\n            Already have an account?\n            <verdocs-button label=\"Log In\" variant=\"text\" onClick={() => (this.displayMode = 'login')} disabled={this.submitting} />\n          </div>\n\n          <form onSubmit={() => this.handleSignup()}>\n            <div style={{display: 'flex', flexDirection: 'row', columnGap: '20px'}}>\n              <verdocs-text-input\n                label=\"First Name\"\n                autocomplete=\"first\"\n                required={true}\n                value={this.first_name}\n                onInput={(e: any) => (this.first_name = e.target.value)}\n                disabled={this.submitting}\n              />\n              <verdocs-text-input\n                label=\"Last Name\"\n                autocomplete=\"last\"\n                required={true}\n                value={this.last_name}\n                onInput={(e: any) => (this.last_name = e.target.value)}\n                disabled={this.submitting}\n              />\n            </div>\n            <verdocs-text-input\n              label=\"Email Address\"\n              autocomplete=\"email\"\n              required={true}\n              value={this.email}\n              onInput={(e: any) => (this.email = e.target.value)}\n              disabled={this.submitting}\n            />\n            <verdocs-text-input\n              label=\"Password\"\n              type=\"password\"\n              required={true}\n              autocomplete=\"new-password\"\n              value={this.password}\n              onInput={(e: any) => (this.password = e.target.value)}\n              disabled={this.submitting}\n            />\n            <verdocs-text-input\n              label=\"Confirm Password\"\n              type=\"password\"\n              required={true}\n              autocomplete=\"off\"\n              value={this.confirmpass}\n              onInput={(e: any) => (this.confirmpass = e.target.value)}\n              disabled={this.submitting}\n            />\n            <verdocs-text-input\n              label=\"Organization Name\"\n              autocomplete=\"org\"\n              required={true}\n              value={this.org_name}\n              onInput={(e: any) => (this.org_name = e.target.value)}\n              disabled={this.submitting}\n              style={{flex: '1'}}\n            />\n\n            <div style={{marginTop: '30px'}} />\n\n            <verdocs-button\n              label=\"Next\"\n              disabled={invalid}\n              onClick={invalid ? () => {} : () => this.handleSignup()}\n              style={{display: 'flex', justifyContent: 'center', margin: '30px auto 0'}}\n            />\n          </form>\n        </div>\n      );\n    }\n\n    if (this.displayMode === 'verify') {\n      return (\n        <div class=\"form\">\n          <form onSubmit={() => this.handleVerification()}>\n            <p>Please check your e-mail inbox for a verification code and enter it below.</p>\n\n            <verdocs-text-input\n              label=\"Verification Code\"\n              required={true}\n              value={this.verificationCode}\n              onInput={(e: any) => (this.verificationCode = e.target.value)}\n              disabled={this.submitting}\n            />\n\n            <div class=\"buttons\">\n              <verdocs-button label=\"Sign Out\" variant=\"outline\" disabled={this.submitting} onClick={() => this.handleLogout()} />\n              <verdocs-button label=\"Verify\" disabled={this.submitting || !this.verificationCode || this.verificationCode.length !== 6} onClick={() => this.handleVerification()} />\n            </div>\n            <div class=\"buttons\">\n              <verdocs-button variant=\"text\" label=\"Resend Code\" disabled={this.resendDisabled || this.submitting} onClick={() => this.handleResendVerification()} />\n            </div>\n          </form>\n        </div>\n      );\n    }\n\n    if (this.displayMode === 'forgot') {\n      return (\n        <div class=\"form\">\n          <a href=\"https://verdocs.com/en/\">\n            <img src={this.logo} alt=\"Verdocs Logo\" class=\"logo\" />\n          </a>\n\n          <h3>Forgot your password?</h3>\n\n          <p>\n            Enter your e-mail address below. If the e-mail address is valid, a password reset code will be sent to your inbox. Please allow up to 15 minutes to arrive, and check\n            your spam folder if you do not receive the message.\n          </p>\n\n          <form onSubmit={() => this.handleResetGetCode()}>\n            <verdocs-text-input\n              label=\"Email Address\"\n              autocomplete=\"email\"\n              required={true}\n              value={this.email}\n              onInput={(e: any) => (this.email = e.target.value)}\n              disabled={this.submitting}\n            />\n\n            <div style={{marginTop: '30px'}} />\n\n            <div class=\"buttons\">\n              <verdocs-button size=\"small\" label=\"Cancel\" variant=\"outline\" disabled={this.submitting} onClick={() => (this.displayMode = 'login')} />\n              <verdocs-button size=\"small\" label=\"Request Code\" disabled={this.submitting} onClick={() => this.handleResetGetCode()} />\n            </div>\n          </form>\n        </div>\n      );\n    }\n\n    if (this.displayMode === 'reset') {\n      return (\n        <div class=\"form\">\n          <a href=\"https://verdocs.com/en/\">\n            <img src={this.logo} alt=\"Verdocs Logo\" class=\"logo\" />\n          </a>\n\n          <h3>Forgot your password?</h3>\n\n          <p>\n            Enter your e-mail address below, and reset instructions will be sent to your Inbox. Please allow up to 15 minutes to arrive. Check your spam folder if you do not\n            receive the message.\n          </p>\n\n          <form onSubmit={() => this.handleResetPassword()}>\n            <verdocs-text-input\n              label=\"Verification Code\"\n              required={true}\n              value={this.verificationCode}\n              onInput={(e: any) => (this.verificationCode = e.target.value)}\n              disabled={this.submitting}\n            />\n            <verdocs-text-input\n              label=\"Password\"\n              type=\"password\"\n              required={true}\n              autocomplete=\"off\"\n              value={this.newPassword}\n              onInput={(e: any) => (this.newPassword = e.target.value)}\n              disabled={this.submitting}\n            />\n            <verdocs-text-input\n              label=\"Confirm Password\"\n              type=\"password\"\n              required={true}\n              autocomplete=\"off\"\n              value={this.confirmpass}\n              onInput={(e: any) => (this.confirmpass = e.target.value)}\n              disabled={this.submitting}\n            />\n\n            <div style={{marginTop: '30px'}} />\n\n            <div class=\"buttons\">\n              <verdocs-button label=\"Cancel\" variant=\"outline\" disabled={this.submitting} onClick={() => (this.displayMode = 'login')} />\n              <verdocs-button label=\"Reset\" disabled={this.submitting} onClick={() => this.handleResetPassword()} />\n            </div>\n\n            <div class=\"buttons\">\n              <verdocs-button variant=\"text\" label=\"Resend Code\" disabled={this.resendDisabled || this.submitting} onClick={() => this.handleResendReset()} />\n            </div>\n          </form>\n        </div>\n      );\n    }\n\n    return (\n      <div class=\"form\">\n        <a href=\"https://verdocs.com/en/\">\n          <img src={this.logo} alt=\"Verdocs Logo\" class=\"logo\" />\n        </a>\n\n        <h3>Log in to your account</h3>\n        <div class=\"already-have\">\n          Don't have an account?\n          <verdocs-button label=\"Sign Up\" variant=\"text\" onClick={() => (this.displayMode = 'signup')} disabled={this.submitting} />\n        </div>\n\n        <form onSubmit={() => this.loginAndCheckVerification()}>\n          <verdocs-text-input label=\"Email\" autocomplete=\"username\" value={this.email} onInput={(e: any) => (this.email = e.target.value)} disabled={this.submitting} />\n          <verdocs-text-input\n            label=\"Password\"\n            type=\"password\"\n            autocomplete=\"current-password\"\n            value={this.password}\n            onInput={(e: any) => (this.password = e.target.value)}\n            disabled={this.submitting}\n          />\n\n          <verdocs-button\n            label=\"Forgot Your Password?\"\n            variant=\"text\"\n            onClick={() => (this.displayMode = 'forgot')}\n            disabled={this.submitting}\n            style={{display: 'flex', justifyContent: 'center', margin: '10px auto 20px'}}\n          />\n\n          <verdocs-button\n            label=\"Login\"\n            disabled={this.submitting}\n            onClick={() => this.loginAndCheckVerification()}\n            style={{display: 'flex', justifyContent: 'center', margin: '10px auto 0'}}\n          />\n        </form>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,n){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,o){function s(e){try{d(n.next(e))}catch(e){o(e)}}function l(e){try{d(n["throw"](e))}catch(e){o(e)}}function d(e){e.done?i(e.value):r(e.value).then(s,l)}d((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,r,o,s;return s={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function l(e){return function(t){return d([e,t])}}function d(l){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,l[0]&&(i=0)),i)try{if(n=1,r&&(o=l[0]&2?r["return"]:l[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;if(r=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:i.label++;return{value:l[1],done:false};case 5:i.label++;r=l[1];l=[0];continue;case 7:l=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){i=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(l[0]===6&&i.label<o[1]){i.label=o[1];o=l;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(l);break}if(o[2])i.ops.pop();i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e];r=0}finally{n=o=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,g as getElement}from"./index-272d51a4.js";import{VerdocsEndpoint,getTemplate}from"@verdocs/js-sdk";import{S as SDKError}from"./errors-887f1e88.js";import{S as Store}from"./Datastore-b55570ff.js";var 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}';var VerdocsBuildStyle0=verdocsBuildCss;var VerdocsBuild=function(){function e(e){registerInstance(this,e);this.sdkError=createEvent(this,"sdkError",7);this.stepChanged=createEvent(this,"stepChanged",7);this.send=createEvent(this,"send",7);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.loading=true;this.template=null}e.prototype.onTemplateIdChanged=function(e,t){if(!t&&e&&this.step==="attachments"){this.step="preview"}this.loadTemplate(e).catch((function(e){return console.log("Unknown Error",e)}))};e.prototype.onStepChanged=function(){this.loadTemplate(this.templateId).catch((function(e){return console.log("Unknown Error",e)}))};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,n,r,o;return __generator(this,(function(s){try{this.endpoint.loadSession();if(!this.endpoint.session){console.log("[BUILD] Unable to start builder session, must be authenticated");return[2]}if(!this.templateId){console.log("[BUILD] No template ID, activating upload mode");this.step="attachments";return[2]}try{this.loadTemplate(this.templateId).catch((function(e){return console.log("[BUILD] Unable to load template",e)}))}catch(n){console.log("[BUILD] Error loading template",n);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new SDKError(n.message,(t=n.response)===null||t===void 0?void 0:t.status,(i=n.response)===null||i===void 0?void 0:i.data))}}catch(e){console.log("[BUILD] Error with builder session",e);(n=this.sdkError)===null||n===void 0?void 0:n.emit(new SDKError(e.message,(r=e.response)===null||r===void 0?void 0:r.status,(o=e.response)===null||o===void 0?void 0:o.data))}return[2]}))}))};e.prototype.loadTemplate=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){if(e){Store.subscribe("templates",this.templateId,(function(){return getTemplate(t.endpoint,t.templateId)}),false,(function(e){t.template=e;t.loading=false}))}return[2]}))}))};e.prototype.disconnectedCallback=function(){console.log("[BUILD] Disconnected");this.unlistenToTemplate()};e.prototype.unlistenToTemplate=function(){if(this.templateListenerId){Store.store.delListener(this.templateListenerId);this.templateListenerId=null}};e.prototype.handleCancel=function(){this.step="preview"};e.prototype.handleTemplateCreated=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.loadTemplate(e)];case 1:i.sent();this.templateId=e;this.step="roles";(t=this.stepChanged)===null||t===void 0?void 0:t.emit("roles");return[2]}}))}))};e.prototype.handleRolesUpdated=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){(t=this.templateUpdated)===null||t===void 0?void 0:t.emit(e.detail);return[2]}))}))};e.prototype.handleTemplateUpdated=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){(t=this.templateUpdated)===null||t===void 0?void 0:t.emit(e.detail);return[2]}))}))};e.prototype.handleAttachmentsNext=function(){var e;this.step="roles";(e=this.stepChanged)===null||e===void 0?void 0:e.emit("roles")};e.prototype.handleRolesNext=function(){var e;this.step="fields";(e=this.stepChanged)===null||e===void 0?void 0:e.emit("fields")};e.prototype.handleStepChanged=function(e){var t;this.step=e;(t=this.stepChanged)===null||t===void 0?void 0:t.emit(e)};e.prototype.render=function(){var e=this;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."}))}return h(Host,null,h("div",{class:"content"},h("verdocs-template-build-tabs",{endpoint:this.endpoint,templateId:this.templateId,step:this.step,onSdkError:function(t){var i;return(i=e.sdkError)===null||i===void 0?void 0:i.emit(t.detail)},onStepChanged:function(t){return e.handleStepChanged(t.detail)}}),this.step==="attachments"&&h("verdocs-template-attachments",{templateId:this.templateId,endpoint:this.endpoint,onExit:function(){return e.handleCancel()},onNext:function(){return e.handleAttachmentsNext()},onTemplateUpdated:function(t){return e.handleTemplateUpdated(t)}}),this.step==="roles"&&h("verdocs-template-roles",{templateId:this.templateId,endpoint:this.endpoint,onExit:function(){return e.handleCancel()},onNext:function(){return e.handleRolesNext()},onRolesUpdated:function(t){return e.handleRolesUpdated(t)}}),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:function(t){return e.handleTemplateUpdated(t)}}),h("verdocs-template-reminders",{templateId:this.templateId,endpoint:this.endpoint,style:{backgroundColor:"#ffffff",padding:"20px"},onTemplateUpdated:function(t){return e.handleTemplateUpdated(t)}}),h("verdocs-template-visibility",{templateId:this.templateId,endpoint:this.endpoint,style:{backgroundColor:"#ffffff",padding:"20px"},onTemplateUpdated:function(t){return e.handleTemplateUpdated(t)}})),this.step==="fields"&&h("verdocs-template-fields",{templateId:this.templateId,endpoint:this.endpoint,onTemplateUpdated:function(t){return e.handleTemplateUpdated(t)}}),this.step==="preview"&&h("div",{class:"preview-container"},h("div",{class:"preview-send-wrapper"},h("verdocs-send",{templateId:this.templateId,endpoint:this.endpoint,onSend:function(t){var i;return(i=e.send)===null||i===void 0?void 0:i.emit(t.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"}})))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{templateId:["onTemplateIdChanged"],step:["onStepChanged"]}},enumerable:false,configurable:true});return e}();VerdocsBuild.style=VerdocsBuildStyle0;export{VerdocsBuild as verdocs_build};
+var __awaiter=this&&this.__awaiter||function(e,t,i,n){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,o){function s(e){try{d(n.next(e))}catch(e){o(e)}}function l(e){try{d(n["throw"](e))}catch(e){o(e)}}function d(e){e.done?i(e.value):r(e.value).then(s,l)}d((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,r,o,s;return s={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function l(e){return function(t){return d([e,t])}}function d(l){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,l[0]&&(i=0)),i)try{if(n=1,r&&(o=l[0]&2?r["return"]:l[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;if(r=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:i.label++;return{value:l[1],done:false};case 5:i.label++;r=l[1];l=[0];continue;case 7:l=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){i=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(l[0]===6&&i.label<o[1]){i.label=o[1];o=l;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(l);break}if(o[2])i.ops.pop();i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e];r=0}finally{n=o=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,g as getElement}from"./index-272d51a4.js";import{VerdocsEndpoint,getTemplate}from"@verdocs/js-sdk";import{S as SDKError}from"./errors-887f1e88.js";import{S as Store}from"./Datastore-b55570ff.js";var 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}';var VerdocsBuildStyle0=verdocsBuildCss;var VerdocsBuild=function(){function e(e){registerInstance(this,e);this.sdkError=createEvent(this,"sdkError",7);this.stepChanged=createEvent(this,"stepChanged",7);this.send=createEvent(this,"send",7);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.loading=true;this.template=null}e.prototype.onTemplateIdChanged=function(e,t){if(!t&&e&&this.step==="attachments"){this.step="preview"}this.loadTemplate(e).catch((function(e){return console.log("Unknown Error",e)}))};e.prototype.onStepChanged=function(){this.loadTemplate(this.templateId).catch((function(e){return console.log("Unknown Error",e)}))};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,n,r,o;return __generator(this,(function(s){try{this.endpoint.loadSession();if(!this.endpoint.session){console.log("[BUILD] Unable to start builder session, must be authenticated");return[2]}if(!this.templateId){console.log("[BUILD] No template ID, activating upload mode");this.step="attachments";return[2]}try{this.loadTemplate(this.templateId).catch((function(e){return console.log("[BUILD] Unable to load template",e)}))}catch(n){console.log("[BUILD] Error loading template",n);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new SDKError(n.message,(t=n.response)===null||t===void 0?void 0:t.status,(i=n.response)===null||i===void 0?void 0:i.data))}}catch(e){console.log("[BUILD] Error with builder session",e);(n=this.sdkError)===null||n===void 0?void 0:n.emit(new SDKError(e.message,(r=e.response)===null||r===void 0?void 0:r.status,(o=e.response)===null||o===void 0?void 0:o.data))}return[2]}))}))};e.prototype.loadTemplate=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){if(e){Store.subscribe("templates",this.templateId,(function(){return getTemplate(t.endpoint,t.templateId)}),false,(function(e){t.template=e;t.loading=false}))}return[2]}))}))};e.prototype.disconnectedCallback=function(){console.log("[BUILD] Disconnected");this.unlistenToTemplate()};e.prototype.unlistenToTemplate=function(){if(this.templateListenerId){Store.store.delListener(this.templateListenerId);this.templateListenerId=null}};e.prototype.handleCancel=function(){this.step="preview"};e.prototype.handleTemplateCreated=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.loadTemplate(e)];case 1:i.sent();this.templateId=e;this.step="roles";(t=this.stepChanged)===null||t===void 0?void 0:t.emit("roles");return[2]}}))}))};e.prototype.handleRolesUpdated=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){(t=this.templateUpdated)===null||t===void 0?void 0:t.emit(e.detail);return[2]}))}))};e.prototype.handleTemplateUpdated=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){(t=this.templateUpdated)===null||t===void 0?void 0:t.emit(e.detail);return[2]}))}))};e.prototype.handleAttachmentsNext=function(){var e;this.step="roles";(e=this.stepChanged)===null||e===void 0?void 0:e.emit("roles")};e.prototype.handleRolesNext=function(){var e;this.step="fields";(e=this.stepChanged)===null||e===void 0?void 0:e.emit("fields")};e.prototype.handleStepChanged=function(e){var t;this.step=e;(t=this.stepChanged)===null||t===void 0?void 0:t.emit(e)};e.prototype.render=function(){var e=this;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."}))}return h(Host,null,h("div",{class:"content"},h("verdocs-template-build-tabs",{endpoint:this.endpoint,templateId:this.templateId,step:this.step,onSdkError:function(t){var i;return(i=e.sdkError)===null||i===void 0?void 0:i.emit(t.detail)},onStepChanged:function(t){return e.handleStepChanged(t.detail)}}),this.step==="attachments"&&h("verdocs-template-attachments",{templateId:this.templateId,endpoint:this.endpoint,onExit:function(){return e.handleCancel()},onNext:function(){return e.handleAttachmentsNext()},onTemplateUpdated:function(t){return e.handleTemplateUpdated(t)}}),this.step==="roles"&&h("verdocs-template-roles",{templateId:this.templateId,endpoint:this.endpoint,onExit:function(){return e.handleCancel()},onNext:function(){return e.handleRolesNext()},onRolesUpdated:function(t){return e.handleRolesUpdated(t)}}),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:function(t){return e.handleTemplateUpdated(t)}}),h("verdocs-template-reminders",{templateId:this.templateId,endpoint:this.endpoint,style:{backgroundColor:"#ffffff",padding:"20px"},onTemplateUpdated:function(t){return e.handleTemplateUpdated(t)}}),h("verdocs-template-visibility",{templateId:this.templateId,endpoint:this.endpoint,style:{backgroundColor:"#ffffff",padding:"20px"},onTemplateUpdated:function(t){return e.handleTemplateUpdated(t)}})),this.step==="fields"&&h("verdocs-template-fields",{templateId:this.templateId,endpoint:this.endpoint,onTemplateUpdated:function(t){return e.handleTemplateUpdated(t)}}),this.step==="preview"&&h("div",{class:"preview-container"},h("div",{class:"preview-send-wrapper"},h("verdocs-send",{templateId:this.templateId,endpoint:this.endpoint,onSend:function(t){var i;return(i=e.send)===null||i===void 0?void 0:i.emit(t.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"}})))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{templateId:["onTemplateIdChanged"],step:["onStepChanged"]}},enumerable:false,configurable:true});return e}();VerdocsBuild.style=VerdocsBuildStyle0;export{VerdocsBuild as verdocs_build};
+//# sourceMappingURL=verdocs-build.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsBuildCss","VerdocsBuildStyle0","VerdocsBuild","this","templateListenerId","VerdocsEndpoint","getDefault","class_1","prototype","onTemplateIdChanged","newTemplateId","oldTemplateId","step","loadTemplate","catch","e","console","log","onStepChanged","templateId","componentWillLoad","endpoint","loadSession","session","_a","sdkError","emit","SDKError","message","_b","response","status","_c","data","_d","_e","_f","Store","subscribe","getTemplate","_this","template","loading","disconnectedCallback","unlistenToTemplate","store","delListener","handleCancel","handleTemplateCreated","_g","sent","stepChanged","handleRolesUpdated","templateUpdated","detail","handleTemplateUpdated","handleAttachmentsNext","handleRolesNext","handleStepChanged","render","h","Host","class","onSdkError","onExit","onNext","onTemplateUpdated","onRolesUpdated","style","flexDirection","gap","display","maxWidth","margin","backgroundColor","padding","onSend","send","width","flex"],"sources":["src/components/embeds/verdocs-build/verdocs-build.scss?tag=verdocs-build","src/components/embeds/verdocs-build/verdocs-build.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-build {\n  display: flex;\n  flex-direction: column;\n  font-family: $verdocs-primary-font;\n\n  .content {\n    flex: 1;\n    gap: 20px;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    //box-shadow: 0 0 7px -3px #000000cc;\n  }\n\n  verdocs-template-attachments,\n  verdocs-template-roles {\n    margin: 20px;\n  }\n\n  verdocs-template-fields {\n    border-top: 1px solid #777777;\n  }\n\n  verdocs-template-attachments {\n    padding: 20px;\n    background: #ffffff;\n  }\n\n  verdocs-template-fields {\n    width: 100%;\n  }\n\n  verdocs-preview {\n    flex: 1;\n  }\n\n  .preview-container {\n    flex-direction: row;\n    display: flex;\n    width: 100%;\n    background-color: #eeeeee;\n    max-height: 100%;\n\n    @media all and (max-width: 450px) {\n      flex-direction: column;\n    }\n  }\n\n  .preview-send-wrapper {\n    display: flex;\n    flex: 0 0 300px;\n    background-color: #ffffff;\n    box-shadow: 1px 1px 6px -2px #0000007f;\n\n    @media all and (max-width: 450px) {\n      flex: 0;\n    }\n  }\n\n  .preview-preview-wrapper {\n    display: flex;\n    flex: 1;\n    justify-content: center;\n    overflow-y: scroll;\n  }\n}\n","import {getTemplate, ICreateEnvelopeRecipient, IRole, ITemplate, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, Prop, h, Element, Event, EventEmitter, Host, Watch, State} from '@stencil/core';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nexport type TVerdocsBuildStep = 'attachments' | 'roles' | 'settings' | 'fields' | 'preview';\n\n/**\n * Display a template building experience. Several event callbacks provide status updates to the\n * parent application to support interface updates.\n *\n * ```ts\n * <verdocs-build templateId={templateId} step=\"preview\" onSend={(detail) => {\n *   console.log('Sent envelope from template', detail);\n * }} />\n * ```\n */\n@Component({\n  tag: 'verdocs-build',\n  styleUrl: 'verdocs-build.scss',\n  shadow: false,\n})\nexport class VerdocsBuild {\n  private templateListenerId = null;\n\n  @Element() el!: any;\n\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The ID of the template to create the document from. Unlike most other components, this is an optional parameter here.\n   * If the template ID is known, `step` may also be specified to force displaying a specific step in the creation process.\n   * If it is not specified, `step` will be ignored and the create step will be shown.\n   */\n  @Prop({reflect: true, mutable: true}) templateId: string | null = null;\n\n  /**\n   * The step in the creation process to display.\n   */\n  @Prop({reflect: true, mutable: true}) step: TVerdocsBuildStep = 'preview';\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  /**\n   * Event fired when the user selects a different step.\n   */\n  @Event({composed: true}) stepChanged: EventEmitter<TVerdocsBuildStep>;\n\n  /**\n   * The user completed the Send form and clicked send.\n   */\n  @Event({composed: true}) send: EventEmitter<{recipients: ICreateEnvelopeRecipient[]; name: string; template_id: string}>;\n\n  /**\n   * Event fired when the template is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.\n   */\n  @Event({composed: true}) templateUpdated: EventEmitter<{endpoint: VerdocsEndpoint; template: ITemplate; event: string}>;\n\n  /**\n   * Event fired when the template is created by the upload step.\n   */\n  @Event({composed: true}) templateCreated: EventEmitter<{endpoint: VerdocsEndpoint; template: ITemplate; event: string}>;\n\n  /**\n   * Event fired when roles are updated in the roles step.\n   */\n  @Event({composed: true}) rolesUpdated: EventEmitter<{endpoint: VerdocsEndpoint; templateId: string; event: 'added' | 'deleted' | 'updated'; roles: IRole[]}>;\n\n  @State() loading = true;\n  @State() template: ITemplate | null = null;\n\n  @Watch('templateId')\n  onTemplateIdChanged(newTemplateId: string, oldTemplateId: string) {\n    if (!oldTemplateId && newTemplateId && this.step === 'attachments') {\n      this.step = 'preview';\n    }\n\n    this.loadTemplate(newTemplateId).catch((e: any) => console.log('Unknown Error', e));\n  }\n\n  @Watch('step')\n  onStepChanged() {\n    // We reload the template here even if only the step changed in case\n    // we were out of sync before\n    this.loadTemplate(this.templateId).catch((e: any) => console.log('Unknown Error', e));\n  }\n\n  async componentWillLoad() {\n    try {\n      this.endpoint.loadSession();\n      if (!this.endpoint.session) {\n        console.log('[BUILD] Unable to start builder session, must be authenticated');\n        return;\n      }\n\n      if (!this.templateId) {\n        console.log(`[BUILD] No template ID, activating upload mode`);\n        this.step = 'attachments';\n        return;\n      }\n\n      try {\n        this.loadTemplate(this.templateId).catch(e => console.log('[BUILD] Unable to load template', e));\n      } catch (e) {\n        console.log('[BUILD] Error loading template', e);\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      }\n    } catch (e) {\n      console.log('[BUILD] Error with builder session', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  async loadTemplate(templateId: string) {\n    if (templateId) {\n      Store.subscribe(\n        'templates',\n        this.templateId,\n        () => getTemplate(this.endpoint, this.templateId),\n        false,\n        (template: ITemplate) => {\n          this.template = template;\n          this.loading = false;\n        },\n      );\n    }\n  }\n\n  disconnectedCallback() {\n    console.log('[BUILD] Disconnected');\n    this.unlistenToTemplate();\n  }\n\n  unlistenToTemplate() {\n    if (this.templateListenerId) {\n      Store.store.delListener(this.templateListenerId);\n      this.templateListenerId = null;\n    }\n  }\n\n  handleCancel() {\n    this.step = 'preview';\n  }\n\n  async handleTemplateCreated(templateId: string) {\n    await this.loadTemplate(templateId);\n    this.templateId = templateId;\n    this.step = 'roles';\n    this.stepChanged?.emit('roles');\n  }\n\n  async handleRolesUpdated(e: any) {\n    this.templateUpdated?.emit(e.detail);\n  }\n\n  async handleTemplateUpdated(e: any) {\n    this.templateUpdated?.emit(e.detail);\n  }\n\n  handleAttachmentsNext() {\n    this.step = 'roles';\n    this.stepChanged?.emit('roles');\n  }\n\n  handleRolesNext() {\n    this.step = 'fields';\n    this.stepChanged?.emit('fields');\n  }\n\n  handleStepChanged(step: TVerdocsBuildStep) {\n    this.step = step;\n    this.stepChanged?.emit(step);\n  }\n\n  render() {\n    if (this.loading) {\n      return (\n        <Host class=\"loading\">\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    if (!this.endpoint.session) {\n      return (\n        <Host>\n          <verdocs-component-error message=\"You must be authenticated to use this module.\" />\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <div class=\"content\">\n          <verdocs-template-build-tabs\n            endpoint={this.endpoint}\n            templateId={this.templateId}\n            step={this.step}\n            onSdkError={e => this.sdkError?.emit(e.detail)}\n            onStepChanged={e => this.handleStepChanged(e.detail)}\n          />\n\n          {this.step === 'attachments' && (\n            <verdocs-template-attachments\n              templateId={this.templateId}\n              endpoint={this.endpoint}\n              onExit={() => this.handleCancel()}\n              onNext={() => this.handleAttachmentsNext()}\n              onTemplateUpdated={e => this.handleTemplateUpdated(e)}\n            />\n          )}\n\n          {this.step === 'roles' && (\n            <verdocs-template-roles\n              templateId={this.templateId}\n              endpoint={this.endpoint}\n              onExit={() => this.handleCancel()}\n              onNext={() => this.handleRolesNext()}\n              onRolesUpdated={e => this.handleRolesUpdated(e)}\n            />\n          )}\n\n          {this.step === 'settings' && (\n            <div style={{flexDirection: 'column', gap: '20px', display: 'flex', maxWidth: '400px', margin: '20px'}}>\n              <verdocs-template-name\n                templateId={this.templateId}\n                endpoint={this.endpoint}\n                style={{backgroundColor: '#ffffff', padding: '20px'}}\n                onTemplateUpdated={e => this.handleTemplateUpdated(e)}\n              />\n              <verdocs-template-reminders\n                templateId={this.templateId}\n                endpoint={this.endpoint}\n                style={{backgroundColor: '#ffffff', padding: '20px'}}\n                onTemplateUpdated={e => this.handleTemplateUpdated(e)}\n              />\n              <verdocs-template-visibility\n                templateId={this.templateId}\n                endpoint={this.endpoint}\n                style={{backgroundColor: '#ffffff', padding: '20px'}}\n                onTemplateUpdated={e => this.handleTemplateUpdated(e)}\n              />\n            </div>\n          )}\n\n          {this.step === 'fields' && <verdocs-template-fields templateId={this.templateId} endpoint={this.endpoint} onTemplateUpdated={e => this.handleTemplateUpdated(e)} />}\n\n          {this.step === 'preview' && (\n            <div class=\"preview-container\">\n              <div class=\"preview-send-wrapper\">\n                <verdocs-send templateId={this.templateId} endpoint={this.endpoint} onSend={e => this.send?.emit(e.detail)} style={{width: '100%'}} />\n              </div>\n              <div class=\"preview-preview-wrapper\">\n                <verdocs-preview templateId={this.templateId} endpoint={this.endpoint} style={{display: 'flex', flex: '1', maxWidth: '1000px'}} />\n              </div>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm-es5/verdocs-button-panel_2.entry.js

@@ -1 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(t,e,o,n){function r(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,a){function i(t){try{c(n.next(t))}catch(t){a(t)}}function s(t){try{c(n["throw"](t))}catch(t){a(t)}}function c(t){t.done?o(t.value):r(t.value).then(i,s)}c((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,r,a,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(t){return function(e){return c([t,e])}}function c(s){if(n)throw new TypeError("Generator is already executing.");while(i&&(i=0,s[0]&&(o=0)),o)try{if(n=1,r&&(a=s[0]&2?r["return"]:s[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,s[1])).done)return a;if(r=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:o.label++;return{value:s[1],done:false};case 5:o.label++;r=s[1];s=[0];continue;case 7:s=o.ops.pop();o.trys.pop();continue;default:if(!(a=o.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){o=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){o.label=s[1];break}if(s[0]===6&&o.label<a[1]){o.label=a[1];a=s;break}if(a&&o.label<a[2]){o.label=a[2];o.ops.push(s);break}if(a[2])o.ops.pop();o.trys.pop();continue}s=e.call(t,o)}catch(t){s=[6,t];r=0}finally{n=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host,c as createEvent}from"./index-272d51a4.js";import{c as createPopper}from"./popper-0fbeff6d.js";var verdocsButtonPanelCss='@-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-button-panel{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block}verdocs-button-panel .icon{display:inline-block;cursor:pointer;opacity:0.6}verdocs-button-panel .icon svg{fill:#707ae5}verdocs-button-panel .icon:hover{opacity:1}.verdocs-button-panel-content{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;display:none;background:#ffffff;color:#33364b;width:320px;font-weight:bold;padding:15px;font-size:14px;position:relative;border-radius:4px;z-index:10000}.verdocs-button-panel-content .arrow,.verdocs-button-panel-content .arrow::before{position:absolute;width:8px;height:8px;background:inherit}.verdocs-button-panel-content .arrow{visibility:hidden;top:-4px}.verdocs-button-panel-content .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.verdocs-button-panel-content[data-show]{display:block}.verdocs-button-panel-content[data-popper-placement^=top]>.arrow{bottom:-4px}.verdocs-button-panel-content[data-popper-placement^=bottom]>.arrow{top:-4px}.verdocs-button-panel-content[data-popper-placement^=left]>.arrow{right:-4px}.verdocs-button-panel-content[data-popper-placement^=right]>.arrow{left:-4px}.verdocs-button-panel-content h6{font-size:16px;font-weight:bold;margin:0 0 16px 0;color:#092c4c;border-bottom:1px solid #cccccc}';var VerdocsButtonPanelStyle0=verdocsButtonPanelCss;var VerdocsButtonPanel=function(){function t(t){registerInstance(this,t);this.showing=false;this.icon=""}t.prototype.componentDidRender=function(){document.body.appendChild(this.panelEl);if(this.popperInstance){this.popperInstance.destroy()}this.popperInstance=createPopper(this.iconEl,this.panelEl,{})};t.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}if(this.panelEl){this.panelEl.remove()}};t.prototype.showPanel=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;var o=this;return __generator(this,(function(n){(t=this.panelEl)===null||t===void 0?void 0:t.setAttribute("data-show","");(e=this.popperInstance)===null||e===void 0?void 0:e.update().catch((function(){}));this.showing=true;this.hiderEl=document.createElement("div");this.hiderEl.id="verdocs-button-panel-hider";this.hiderEl.style.zIndex="100";this.hiderEl.style.position="absolute";this.hiderEl.style.top="0px";this.hiderEl.style.left="0px";this.hiderEl.style.right="0px";this.hiderEl.style.bottom="0px";this.hiderEl.onclick=function(t){t.stopPropagation();o.toggle()};document.body.appendChild(this.hiderEl);return[2]}))}))};t.prototype.hidePanel=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){Array.from(document.getElementsByClassName("verdocs-button-panel-content")).forEach((function(t){t.removeAttribute("data-show")}));(t=document.getElementById("verdocs-button-panel-hider"))===null||t===void 0?void 0:t.remove();this.showing=false;return[2]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.showing)return[3,2];return[4,this.hidePanel()];case 1:t.sent();return[3,4];case 2:return[4,this.showPanel()];case 3:t.sent();t.label=4;case 4:return[2]}}))}))};t.prototype.render=function(){var t=this;return h(Host,{key:"2328093cde073dbec39bd31f3d63dd677e1ffa24"},h("div",{key:"3063d313220631924c881a0f028a8c066a467340",class:"icon",innerHTML:this.icon,onClick:function(e){e.stopPropagation();return t.toggle()},ref:function(e){return t.iconEl=e}}),h("div",{key:"eb1d15cae3db271014ba9c05f7749ec0fb48435a",role:"tooltip",class:"verdocs-button-panel-content","data-popper-placement":"bottom",ref:function(e){return t.panelEl=e}},h("div",{key:"4d4e81de6a905f2145f51537149ae8874c9e2855","data-popper-arrow":"true",class:"arrow"}),h("slot",{key:"0118fddf566568d318e9496adbfcd49686969194"})))};return t}();VerdocsButtonPanel.style=VerdocsButtonPanelStyle0;var verdocsTabsCss='@-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-tabs{gap:10px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row;font-family:"Inter", "Barlow", sans-serif}verdocs-tabs .tab{display:-ms-flexbox;display:flex;color:#111111;cursor:pointer;font-size:14px;font-weight:400;padding:5px 10px;-ms-flex-align:center;align-items:center;text-transform:none;-ms-flex-pack:center;justify-content:center;border-bottom:4px solid transparent}verdocs-tabs .tab:focus{border:none;outline:none}verdocs-tabs .tab.active{color:#000000;font-weight:500;border-bottom:4px solid #654dcb}verdocs-tabs .tab.disabled{color:#aaaaaa;cursor:default}';var VerdocsTabsStyle0=verdocsTabsCss;var VerdocsTabs=function(){function t(t){registerInstance(this,t);this.selectTab=createEvent(this,"selectTab",7);this.tabs=[];this.selectedTab=0}t.prototype.handleSelectTab=function(t){var e;(e=this.selectTab)===null||e===void 0?void 0:e.emit({tab:this.tabs[t],index:t})};t.prototype.render=function(){var t=this;return h(Host,{key:"5e7051e19f0c1fb073f10f06444fb337a23748a2"},this.tabs.map((function(e,o){return h("div",{class:"tab ".concat(o===t.selectedTab?"active":""," ").concat(e.disabled?"disabled":""),onClick:e.disabled?function(){}:function(){return t.handleSelectTab(o)}},e.label)})),h("div",{key:"f4b3a80b48a4a30e66110277a28eb448a63a7978",class:"flex flex-1"}),h("slot",{key:"d4b4a76900d92bb044e8fe1777a1f096d58631f0"},h("div",{key:"cb5e9561a73f9044c94282cfb880ba68710a6de8"})))};return t}();VerdocsTabs.style=VerdocsTabsStyle0;export{VerdocsButtonPanel as verdocs_button_panel,VerdocsTabs as verdocs_tabs};
+var __awaiter=this&&this.__awaiter||function(t,e,o,n){function r(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,a){function i(t){try{c(n.next(t))}catch(t){a(t)}}function s(t){try{c(n["throw"](t))}catch(t){a(t)}}function c(t){t.done?o(t.value):r(t.value).then(i,s)}c((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,r,a,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(t){return function(e){return c([t,e])}}function c(s){if(n)throw new TypeError("Generator is already executing.");while(i&&(i=0,s[0]&&(o=0)),o)try{if(n=1,r&&(a=s[0]&2?r["return"]:s[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,s[1])).done)return a;if(r=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:o.label++;return{value:s[1],done:false};case 5:o.label++;r=s[1];s=[0];continue;case 7:s=o.ops.pop();o.trys.pop();continue;default:if(!(a=o.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){o=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){o.label=s[1];break}if(s[0]===6&&o.label<a[1]){o.label=a[1];a=s;break}if(a&&o.label<a[2]){o.label=a[2];o.ops.push(s);break}if(a[2])o.ops.pop();o.trys.pop();continue}s=e.call(t,o)}catch(t){s=[6,t];r=0}finally{n=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host,c as createEvent}from"./index-272d51a4.js";import{c as createPopper}from"./popper-0fbeff6d.js";var verdocsButtonPanelCss='@-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-button-panel{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block}verdocs-button-panel .icon{display:inline-block;cursor:pointer;opacity:0.6}verdocs-button-panel .icon svg{fill:#707ae5}verdocs-button-panel .icon:hover{opacity:1}.verdocs-button-panel-content{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;display:none;background:#ffffff;color:#33364b;width:320px;font-weight:bold;padding:15px;font-size:14px;position:relative;border-radius:4px;z-index:10000}.verdocs-button-panel-content .arrow,.verdocs-button-panel-content .arrow::before{position:absolute;width:8px;height:8px;background:inherit}.verdocs-button-panel-content .arrow{visibility:hidden;top:-4px}.verdocs-button-panel-content .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.verdocs-button-panel-content[data-show]{display:block}.verdocs-button-panel-content[data-popper-placement^=top]>.arrow{bottom:-4px}.verdocs-button-panel-content[data-popper-placement^=bottom]>.arrow{top:-4px}.verdocs-button-panel-content[data-popper-placement^=left]>.arrow{right:-4px}.verdocs-button-panel-content[data-popper-placement^=right]>.arrow{left:-4px}.verdocs-button-panel-content h6{font-size:16px;font-weight:bold;margin:0 0 16px 0;color:#092c4c;border-bottom:1px solid #cccccc}';var VerdocsButtonPanelStyle0=verdocsButtonPanelCss;var VerdocsButtonPanel=function(){function t(t){registerInstance(this,t);this.showing=false;this.icon=""}t.prototype.componentDidRender=function(){document.body.appendChild(this.panelEl);if(this.popperInstance){this.popperInstance.destroy()}this.popperInstance=createPopper(this.iconEl,this.panelEl,{})};t.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}if(this.panelEl){this.panelEl.remove()}};t.prototype.showPanel=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;var o=this;return __generator(this,(function(n){(t=this.panelEl)===null||t===void 0?void 0:t.setAttribute("data-show","");(e=this.popperInstance)===null||e===void 0?void 0:e.update().catch((function(){}));this.showing=true;this.hiderEl=document.createElement("div");this.hiderEl.id="verdocs-button-panel-hider";this.hiderEl.style.zIndex="100";this.hiderEl.style.position="absolute";this.hiderEl.style.top="0px";this.hiderEl.style.left="0px";this.hiderEl.style.right="0px";this.hiderEl.style.bottom="0px";this.hiderEl.onclick=function(t){t.stopPropagation();o.toggle()};document.body.appendChild(this.hiderEl);return[2]}))}))};t.prototype.hidePanel=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){Array.from(document.getElementsByClassName("verdocs-button-panel-content")).forEach((function(t){t.removeAttribute("data-show")}));(t=document.getElementById("verdocs-button-panel-hider"))===null||t===void 0?void 0:t.remove();this.showing=false;return[2]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.showing)return[3,2];return[4,this.hidePanel()];case 1:t.sent();return[3,4];case 2:return[4,this.showPanel()];case 3:t.sent();t.label=4;case 4:return[2]}}))}))};t.prototype.render=function(){var t=this;return h(Host,{key:"2328093cde073dbec39bd31f3d63dd677e1ffa24"},h("div",{key:"3063d313220631924c881a0f028a8c066a467340",class:"icon",innerHTML:this.icon,onClick:function(e){e.stopPropagation();return t.toggle()},ref:function(e){return t.iconEl=e}}),h("div",{key:"eb1d15cae3db271014ba9c05f7749ec0fb48435a",role:"tooltip",class:"verdocs-button-panel-content","data-popper-placement":"bottom",ref:function(e){return t.panelEl=e}},h("div",{key:"4d4e81de6a905f2145f51537149ae8874c9e2855","data-popper-arrow":"true",class:"arrow"}),h("slot",{key:"0118fddf566568d318e9496adbfcd49686969194"})))};return t}();VerdocsButtonPanel.style=VerdocsButtonPanelStyle0;var verdocsTabsCss='@-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-tabs{gap:10px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row;font-family:"Inter", "Barlow", sans-serif}verdocs-tabs .tab{display:-ms-flexbox;display:flex;color:#111111;cursor:pointer;font-size:14px;font-weight:400;padding:5px 10px;-ms-flex-align:center;align-items:center;text-transform:none;-ms-flex-pack:center;justify-content:center;border-bottom:4px solid transparent}verdocs-tabs .tab:focus{border:none;outline:none}verdocs-tabs .tab.active{color:#000000;font-weight:500;border-bottom:4px solid #654dcb}verdocs-tabs .tab.disabled{color:#aaaaaa;cursor:default}';var VerdocsTabsStyle0=verdocsTabsCss;var VerdocsTabs=function(){function t(t){registerInstance(this,t);this.selectTab=createEvent(this,"selectTab",7);this.tabs=[];this.selectedTab=0}t.prototype.handleSelectTab=function(t){var e;(e=this.selectTab)===null||e===void 0?void 0:e.emit({tab:this.tabs[t],index:t})};t.prototype.render=function(){var t=this;return h(Host,{key:"5e7051e19f0c1fb073f10f06444fb337a23748a2"},this.tabs.map((function(e,o){return h("div",{class:"tab ".concat(o===t.selectedTab?"active":""," ").concat(e.disabled?"disabled":""),onClick:e.disabled?function(){}:function(){return t.handleSelectTab(o)}},e.label)})),h("div",{key:"f4b3a80b48a4a30e66110277a28eb448a63a7978",class:"flex flex-1"}),h("slot",{key:"d4b4a76900d92bb044e8fe1777a1f096d58631f0"},h("div",{key:"cb5e9561a73f9044c94282cfb880ba68710a6de8"})))};return t}();VerdocsTabs.style=VerdocsTabsStyle0;export{VerdocsButtonPanel as verdocs_button_panel,VerdocsTabs as verdocs_tabs};
+//# sourceMappingURL=verdocs-button-panel_2.entry.js.map

package/dist/esm-es5/verdocs-button-panel_2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsButtonPanelCss","VerdocsButtonPanelStyle0","VerdocsButtonPanel","this","showing","class_1","prototype","componentDidRender","document","body","appendChild","panelEl","popperInstance","destroy","createPopper","iconEl","disconnectedCallback","remove","showPanel","_a","setAttribute","_b","update","catch","hiderEl","createElement","id","style","zIndex","position","top","left","right","bottom","onclick","e","stopPropagation","_this","toggle","hidePanel","Array","from","getElementsByClassName","forEach","el","removeAttribute","getElementById","_c","sent","render","h","Host","key","class","innerHTML","icon","onClick","ref","role","verdocsTabsCss","VerdocsTabsStyle0","VerdocsTabs","handleSelectTab","index","selectTab","emit","tab","tabs","map","concat","selectedTab","disabled","label"],"sources":["src/components/controls/verdocs-button-panel/verdocs-button-panel.scss?tag=verdocs-button-panel","src/components/controls/verdocs-button-panel/verdocs-button-panel.tsx","src/components/controls/verdocs-tabs/verdocs-tabs.scss?tag=verdocs-tabs","src/components/controls/verdocs-tabs/verdocs-tabs.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-button-panel {\n  font-family: $verdocs-primary-font;\n  display: inline-block;\n\n  .icon {\n    display: inline-block;\n    cursor: pointer;\n    opacity: 0.6;\n\n    svg {\n      fill: $border-color;\n    }\n\n    &:hover {\n      opacity: 1;\n    }\n  }\n}\n\n.verdocs-button-panel-content {\n  font-family: $verdocs-primary-font;\n  box-shadow: 0 0 10px 1px #999999;\n  display: none;\n  background: #ffffff;\n  color: $label-color;\n  width: 320px;\n  font-weight: bold;\n  padding: 15px;\n  font-size: 14px;\n  position: relative;\n  border-radius: 4px;\n  z-index: 10000;\n\n  .arrow,\n  .arrow::before {\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    background: inherit;\n  }\n\n  .arrow {\n    visibility: hidden;\n    top: -4px;\n  }\n\n  .arrow::before {\n    visibility: visible;\n    content: '';\n    transform: rotate(45deg);\n  }\n\n  &[data-show] {\n    display: block;\n  }\n\n  &[data-popper-placement^='top'] > .arrow {\n    bottom: -4px;\n  }\n\n  &[data-popper-placement^='bottom'] > .arrow {\n    top: -4px;\n  }\n\n  &[data-popper-placement^='left'] > .arrow {\n    right: -4px;\n  }\n\n  &[data-popper-placement^='right'] > .arrow {\n    left: -4px;\n  }\n\n  h6 {\n    font-size: 16px;\n    font-weight: bold;\n    margin: 0 0 16px 0;\n    color: $verdocs-grey-0;\n    border-bottom: 1px solid #cccccc;\n  }\n}\n","import {createPopper, Instance} from '@popperjs/core';\nimport {Component, h, Host, Method, Prop} from '@stencil/core';\n\n/**\n * Display an icon button that triggers a drop-down panel that can display\n * arbitrary child content, such as metadata, forms, or other controls.\n *\n * ```ts\n *   <verdocs-button-panel .icon=${icon}>\n *     <h6>Field Settings</h6>\n *     <form>\n *     <p>\n *       <label>Field Name</label>\n *       <input type=\"text\" placeholder=\"Field Name...\" />\n *     </p>\n *     </form>\n *   </verdocs-button-panel>\n * ```\n */\n@Component({\n  tag: 'verdocs-button-panel',\n  styleUrl: 'verdocs-button-panel.scss',\n  shadow: false,\n})\nexport class VerdocsButtonPanel {\n  iconEl: HTMLDivElement;\n  panelEl: HTMLDivElement;\n  hiderEl?: HTMLDivElement;\n  popperInstance: Instance;\n\n  /**\n   * SVG icon to display\n   */\n  @Prop() icon: string = '';\n\n  componentDidRender() {\n    document.body.appendChild(this.panelEl);\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n    }\n\n    this.popperInstance = createPopper(this.iconEl, this.panelEl, {\n      // placement: 'top-end',\n      // modifiers: [{name: 'offset', options: {offset: [0, 10]}}],\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n\n    if (this.panelEl) {\n      this.panelEl.remove();\n    }\n  }\n\n  // Not marked as @State because it's not the thing that controls our rendering\n  showing = false;\n\n  @Method()\n  async showPanel() {\n    this.panelEl?.setAttribute('data-show', '');\n    this.popperInstance?.update().catch(() => {});\n    this.showing = true;\n\n    this.hiderEl = document.createElement('div');\n    this.hiderEl.id = 'verdocs-button-panel-hider';\n    this.hiderEl.style.zIndex = '100';\n    this.hiderEl.style.position = 'absolute';\n    this.hiderEl.style.top = '0px';\n    this.hiderEl.style.left = '0px';\n    this.hiderEl.style.right = '0px';\n    this.hiderEl.style.bottom = '0px';\n    this.hiderEl.onclick = (e: any) => {\n      e.stopPropagation();\n      this.toggle();\n    };\n    document.body.appendChild(this.hiderEl);\n  }\n\n  @Method()\n  async hidePanel() {\n    Array.from(document.getElementsByClassName('verdocs-button-panel-content')).forEach(el => {\n      el.removeAttribute('data-show');\n    });\n    document.getElementById('verdocs-button-panel-hider')?.remove();\n    this.showing = false;\n  }\n\n  @Method()\n  async toggle() {\n    if (this.showing) {\n      await this.hidePanel();\n    } else {\n      await this.showPanel();\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          class=\"icon\"\n          innerHTML={this.icon}\n          onClick={(e: any) => {\n            e.stopPropagation();\n            return this.toggle();\n          }}\n          ref={el => (this.iconEl = el)}\n        />\n        <div role=\"tooltip\" class=\"verdocs-button-panel-content\" data-popper-placement=\"bottom\" ref={el => (this.panelEl = el as HTMLDivElement)}>\n          <div data-popper-arrow=\"true\" class=\"arrow\" />\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-tabs {\n  gap: 10px;\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n  font-family: $primary-font;\n\n  .tab {\n    display: flex;\n    color: #111111;\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 400;\n    padding: 5px 10px;\n    align-items: center;\n    text-transform: none;\n    justify-content: center;\n    border-bottom: 4px solid transparent;\n\n    &:focus {\n      border: none;\n      outline: none;\n    }\n\n    &.active {\n      color: #000000;\n      font-weight: 500;\n      border-bottom: 4px solid #654dcb;\n    }\n\n    &.disabled {\n      color: #aaaaaa;\n      cursor: default;\n    }\n  }\n}\n","import {Component, Prop, Host, h, Event, EventEmitter} from '@stencil/core';\n\nexport interface ITab {\n  id?: string;\n  label: string;\n  disabled?: boolean;\n  // TODO: Tooltips?\n}\n\n/**\n * Display a simple row of selectable tabs. This is a controlled element.\n * The parent must adjust selectedTab as selection events are fired.\n *\n * ```ts\n * <verdocs-tabs tabs={[...tabs]} />\n * ```\n */\n@Component({\n  tag: 'verdocs-tabs',\n  styleUrl: 'verdocs-tabs.scss',\n})\nexport class VerdocsTabs {\n  /**\n   * The tabs to display\n   */\n  @Prop() tabs: ITab[] = [];\n\n  /**\n   * The index of the tab to show selected.\n   */\n  @Prop() selectedTab: number = 0;\n\n  /**\n   * Event fired when the user clicks a template to view it. Typically the host application will use this to navigate\n   * to the template preview. This is also fired when the user selects \"Preview/Send\" fropm the dropdown menu.\n   */\n  @Event({composed: true}) selectTab: EventEmitter<{tab: ITab; index: number}>;\n\n  handleSelectTab(index: number) {\n    this.selectTab?.emit({tab: this.tabs[index], index});\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.tabs.map((tab, index) => (\n          <div class={`tab ${index === this.selectedTab ? 'active' : ''} ${tab.disabled ? 'disabled' : ''}`} onClick={tab.disabled ? () => {} : () => this.handleSelectTab(index)}>\n            {tab.label}\n          </div>\n        ))}\n\n        <div class=\"flex flex-1\" />\n\n        <slot>\n          <div />\n        </slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm-es5/verdocs-button_2.entry.js

@@ -1 +1,2 @@
-import{r as registerInstance,h,H as Host}from"./index-272d51a4.js";import{c as createPopper}from"./popper-0fbeff6d.js";var verdocsButtonCss='@-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-button button{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;text-transform:uppercase;-ms-flex-pack:center;justify-content:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-weight:700;cursor:pointer;margin:0}verdocs-button button:disabled{cursor:inherit;pointer-events:none}verdocs-button button .icon{margin:0 12px}verdocs-button button .icon svg{fill:#ffffff;display:block}verdocs-button button .button-label{padding:0 12px}verdocs-button button.xsmall{height:26px;font-size:12px}verdocs-button button.xsmall .icon{margin:0 3px}verdocs-button button.xsmall .icon svg{margin:2px 0 0 0;height:18px}verdocs-button button.xsmall .button-label{padding:0 4px}verdocs-button button.small{height:34px;font-size:13px}verdocs-button button.small .icon{margin:0 4px}verdocs-button button.small .icon svg{margin:2px 0 0 0;height:20px}verdocs-button button.small .button-label{padding:0 4px}verdocs-button button.normal{height:44px;font-size:14px}verdocs-button button.normal .icon.start{margin:0 4px 0 8px}verdocs-button button.normal .icon.end{margin:0 8px 0 4px}verdocs-button button.normal .icon svg{margin:2px 0 0 0;height:22px}verdocs-button button.normal .button-label{padding:0 10px}verdocs-button button.medium{height:52px;font-size:16px}verdocs-button button.medium .icon.start{margin:0 0 0 18px}verdocs-button button.medium .icon.end{margin:0 18px 0 0}verdocs-button button.medium .icon svg{margin:2px 0 0 0;height:26px}verdocs-button button.medium .button-label{padding:0 20px}verdocs-button button.large{height:60px;font-size:20px}verdocs-button button.large .icon.start{margin:0 0 0 24px}verdocs-button button.large .icon.end{margin:0 24px 0 0}verdocs-button button.large .icon svg{margin:2px 0 0 0;height:32px}verdocs-button button.large .button-label{padding:0 34px}verdocs-button button.standard{background:#55bc81;border-radius:4px;outline:none;border:none;color:white}verdocs-button button.standard:disabled{background-color:#999999;cursor:default}verdocs-button button.standard:active:not([disabled]){-webkit-filter:brightness(110%);filter:brightness(110%)}verdocs-button button.text{color:#4c56cb;background:transparent;font-weight:500;padding:0 4px;outline:none;border:none}verdocs-button button.text:disabled{color:#999999}verdocs-button button.text:active:not([disabled]){-webkit-filter:brightness(130%);filter:brightness(130%)}verdocs-button button.text .icon svg{fill:#4c56cb}verdocs-button button.outline{border:1px solid #4c56cb;color:#4c56cb;outline:none;background:transparent;border-radius:4px;padding:0 20px}verdocs-button button.outline:disabled{color:#999999;border:1px solid #999999}verdocs-button button.outline:active{background:#4c56cb;color:white}verdocs-button button.outline .icon svg{fill:#4c56cb}';var VerdocsButtonStyle0=verdocsButtonCss;var VerdocsButton=function(){function t(t){registerInstance(this,t);this.label=undefined;this.startIcon=null;this.endIcon=null;this.size="normal";this.type="button";this.variant="standard";this.disabled=false}t.prototype.render=function(){return h("button",{key:"1a6d3fe8be68d100ca27cfe11ca8a94c4973ed12",disabled:this.disabled,type:this.type,class:"".concat(this.variant," ").concat(this.size," ").concat(this.type)},this.startIcon?h("span",{class:"icon start",innerHTML:this.startIcon}):null,h("span",{key:"0b97033c8aec172b908231b16937670b0e998774",class:"button-label"},this.label),this.endIcon?h("span",{class:"icon end",innerHTML:this.endIcon}):null)};return t}();VerdocsButton.style=VerdocsButtonStyle0;var verdocsHelpIconCss='@-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-help-icon{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block;opacity:0.3;position:relative}verdocs-help-icon:hover{opacity:1}verdocs-help-icon .icon{display:inline-block}verdocs-help-icon .tooltip{display:none;min-width:200px;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:500;position:absolute;padding:5px 10px;font-size:12px;border-radius:4px;z-index:10005}verdocs-help-icon .tooltip .arrow,verdocs-help-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-help-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-help-icon .tooltip .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-help-icon .tooltip[data-show]{display:block}verdocs-help-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-help-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-help-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-help-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}';var VerdocsHelpIconStyle0=verdocsHelpIconCss;var helpIcon='<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" fill="#5c6575"><path d="M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z"/></svg>';var VerdocsHelpIcon=function(){function t(t){registerInstance(this,t);this.text="";this.icon=helpIcon;this.containerId="verdocs-help-icon-".concat(Math.random().toString(36).substring(2,11))}t.prototype.componentDidLoad=function(){this.popperInstance=createPopper(this.iconEl,this.tooltipEl,{})};t.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}};t.prototype.show=function(){var t,o;(t=this.tooltipEl)===null||t===void 0?void 0:t.setAttribute("data-show","");(o=this.popperInstance)===null||o===void 0?void 0:o.update().catch((function(){}))};t.prototype.hide=function(){var t;(t=this.tooltipEl)===null||t===void 0?void 0:t.removeAttribute("data-show")};t.prototype.render=function(){var t=this;return h(Host,{key:"7db54f180fe741e77a9c1a3d07c745a8a4a31672",class:{}},h("div",{key:"5da20e898e508ca3fe91ccea6385872454829399","aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:function(){return t.show()},onFocus:function(){return t.show()},onMouseLeave:function(){return t.hide()},onBlur:function(){return t.hide()},ref:function(o){return t.iconEl=o}}),h("div",{key:"12dea5502a7be46ed7c653f6eb905c1d08f6c324",id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":"bottom",ref:function(o){return t.tooltipEl=o}},h("span",{key:"95cec4986d56c2607eba97f74a0e13cb9e8d6ee1",innerHTML:this.text}),h("div",{key:"d26beeef752f5680c92153b56b486a16105c2a7c","data-popper-arrow":"true",class:"arrow"})))};return t}();VerdocsHelpIcon.style=VerdocsHelpIconStyle0;export{VerdocsButton as verdocs_button,VerdocsHelpIcon as verdocs_help_icon};
+import{r as registerInstance,h,H as Host}from"./index-272d51a4.js";import{c as createPopper}from"./popper-0fbeff6d.js";var verdocsButtonCss='@-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-button button{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;text-transform:uppercase;-ms-flex-pack:center;justify-content:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-weight:700;cursor:pointer;margin:0}verdocs-button button:disabled{cursor:inherit;pointer-events:none}verdocs-button button .icon{margin:0 12px}verdocs-button button .icon svg{fill:#ffffff;display:block}verdocs-button button .button-label{padding:0 12px}verdocs-button button.xsmall{height:26px;font-size:12px}verdocs-button button.xsmall .icon{margin:0 3px}verdocs-button button.xsmall .icon svg{margin:2px 0 0 0;height:18px}verdocs-button button.xsmall .button-label{padding:0 4px}verdocs-button button.small{height:34px;font-size:13px}verdocs-button button.small .icon{margin:0 4px}verdocs-button button.small .icon svg{margin:2px 0 0 0;height:20px}verdocs-button button.small .button-label{padding:0 4px}verdocs-button button.normal{height:44px;font-size:14px}verdocs-button button.normal .icon.start{margin:0 4px 0 8px}verdocs-button button.normal .icon.end{margin:0 8px 0 4px}verdocs-button button.normal .icon svg{margin:2px 0 0 0;height:22px}verdocs-button button.normal .button-label{padding:0 10px}verdocs-button button.medium{height:52px;font-size:16px}verdocs-button button.medium .icon.start{margin:0 0 0 18px}verdocs-button button.medium .icon.end{margin:0 18px 0 0}verdocs-button button.medium .icon svg{margin:2px 0 0 0;height:26px}verdocs-button button.medium .button-label{padding:0 20px}verdocs-button button.large{height:60px;font-size:20px}verdocs-button button.large .icon.start{margin:0 0 0 24px}verdocs-button button.large .icon.end{margin:0 24px 0 0}verdocs-button button.large .icon svg{margin:2px 0 0 0;height:32px}verdocs-button button.large .button-label{padding:0 34px}verdocs-button button.standard{background:#55bc81;border-radius:4px;outline:none;border:none;color:white}verdocs-button button.standard:disabled{background-color:#999999;cursor:default}verdocs-button button.standard:active:not([disabled]){-webkit-filter:brightness(110%);filter:brightness(110%)}verdocs-button button.text{color:#4c56cb;background:transparent;font-weight:500;padding:0 4px;outline:none;border:none}verdocs-button button.text:disabled{color:#999999}verdocs-button button.text:active:not([disabled]){-webkit-filter:brightness(130%);filter:brightness(130%)}verdocs-button button.text .icon svg{fill:#4c56cb}verdocs-button button.outline{border:1px solid #4c56cb;color:#4c56cb;outline:none;background:transparent;border-radius:4px;padding:0 20px}verdocs-button button.outline:disabled{color:#999999;border:1px solid #999999}verdocs-button button.outline:active{background:#4c56cb;color:white}verdocs-button button.outline .icon svg{fill:#4c56cb}';var VerdocsButtonStyle0=verdocsButtonCss;var VerdocsButton=function(){function t(t){registerInstance(this,t);this.label=undefined;this.startIcon=null;this.endIcon=null;this.size="normal";this.type="button";this.variant="standard";this.disabled=false}t.prototype.render=function(){return h("button",{key:"1a6d3fe8be68d100ca27cfe11ca8a94c4973ed12",disabled:this.disabled,type:this.type,class:"".concat(this.variant," ").concat(this.size," ").concat(this.type)},this.startIcon?h("span",{class:"icon start",innerHTML:this.startIcon}):null,h("span",{key:"0b97033c8aec172b908231b16937670b0e998774",class:"button-label"},this.label),this.endIcon?h("span",{class:"icon end",innerHTML:this.endIcon}):null)};return t}();VerdocsButton.style=VerdocsButtonStyle0;var verdocsHelpIconCss='@-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-help-icon{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block;opacity:0.3;position:relative}verdocs-help-icon:hover{opacity:1}verdocs-help-icon .icon{display:inline-block}verdocs-help-icon .tooltip{display:none;min-width:200px;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:500;position:absolute;padding:5px 10px;font-size:12px;border-radius:4px;z-index:10005}verdocs-help-icon .tooltip .arrow,verdocs-help-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-help-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-help-icon .tooltip .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-help-icon .tooltip[data-show]{display:block}verdocs-help-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-help-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-help-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-help-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}';var VerdocsHelpIconStyle0=verdocsHelpIconCss;var helpIcon='<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" fill="#5c6575"><path d="M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z"/></svg>';var VerdocsHelpIcon=function(){function t(t){registerInstance(this,t);this.text="";this.icon=helpIcon;this.containerId="verdocs-help-icon-".concat(Math.random().toString(36).substring(2,11))}t.prototype.componentDidLoad=function(){this.popperInstance=createPopper(this.iconEl,this.tooltipEl,{})};t.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}};t.prototype.show=function(){var t,o;(t=this.tooltipEl)===null||t===void 0?void 0:t.setAttribute("data-show","");(o=this.popperInstance)===null||o===void 0?void 0:o.update().catch((function(){}))};t.prototype.hide=function(){var t;(t=this.tooltipEl)===null||t===void 0?void 0:t.removeAttribute("data-show")};t.prototype.render=function(){var t=this;return h(Host,{key:"7db54f180fe741e77a9c1a3d07c745a8a4a31672",class:{}},h("div",{key:"5da20e898e508ca3fe91ccea6385872454829399","aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:function(){return t.show()},onFocus:function(){return t.show()},onMouseLeave:function(){return t.hide()},onBlur:function(){return t.hide()},ref:function(o){return t.iconEl=o}}),h("div",{key:"12dea5502a7be46ed7c653f6eb905c1d08f6c324",id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":"bottom",ref:function(o){return t.tooltipEl=o}},h("span",{key:"95cec4986d56c2607eba97f74a0e13cb9e8d6ee1",innerHTML:this.text}),h("div",{key:"d26beeef752f5680c92153b56b486a16105c2a7c","data-popper-arrow":"true",class:"arrow"})))};return t}();VerdocsHelpIcon.style=VerdocsHelpIconStyle0;export{VerdocsButton as verdocs_button,VerdocsHelpIcon as verdocs_help_icon};
+//# sourceMappingURL=verdocs-button_2.entry.js.map

package/dist/esm-es5/verdocs-button_2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsButtonCss","VerdocsButtonStyle0","VerdocsButton","prototype","render","h","key","disabled","this","type","class","concat","variant","size","startIcon","innerHTML","label","endIcon","verdocsHelpIconCss","VerdocsHelpIconStyle0","helpIcon","VerdocsHelpIcon","Math","random","toString","substring","componentDidLoad","popperInstance","createPopper","iconEl","tooltipEl","disconnectedCallback","destroy","show","_a","setAttribute","_b","update","catch","hide","removeAttribute","_this","Host","containerId","icon","onMouseEnter","onFocus","onMouseLeave","onBlur","ref","el","id","role","text"],"sources":["src/components/controls/verdocs-button/verdocs-button.scss?tag=verdocs-button","src/components/controls/verdocs-button/verdocs-button.tsx","src/components/controls/verdocs-help-icon/verdocs-help-icon.scss?tag=verdocs-help-icon","src/components/controls/verdocs-help-icon/verdocs-help-icon.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-button {\n  button {\n    font-family: $verdocs-primary-font;\n    text-transform: uppercase;\n    justify-content: center;\n    display: inline-flex;\n    align-items: center;\n    font-weight: 700;\n    cursor: pointer;\n    margin: 0;\n\n    &:disabled {\n      cursor: inherit;\n      pointer-events: none;\n    }\n\n    .icon {\n      margin: 0 12px;\n\n      svg {\n        fill: $verdocs-grey-4;\n        display: block;\n      }\n    }\n\n    .button-label {\n      padding: 0 12px;\n    }\n\n    // Small-sized button size adjustments\n    &.xsmall {\n      height: 26px;\n      font-size: 12px;\n\n      .icon {\n        margin: 0 3px;\n\n        svg {\n          margin: 2px 0 0 0;\n          height: 18px;\n        }\n      }\n\n      .button-label {\n        padding: 0 4px;\n      }\n    }\n\n    // Small-sized button size adjustments\n    &.small {\n      height: 34px;\n      font-size: 13px;\n\n      .icon {\n        margin: 0 4px;\n\n        svg {\n          margin: 2px 0 0 0;\n          height: 20px;\n        }\n      }\n\n      .button-label {\n        padding: 0 4px;\n      }\n    }\n\n    // Normal-sized button size adjustments\n    &.normal {\n      height: 44px;\n      font-size: 14px;\n\n      .icon.start {\n        margin: 0 4px 0 8px;\n      }\n\n      .icon.end {\n        margin: 0 8px 0 4px;\n      }\n\n      .icon {\n        svg {\n          margin: 2px 0 0 0;\n          height: 22px;\n        }\n      }\n\n      .button-label {\n        padding: 0 10px;\n      }\n    }\n\n    // Medium-sized button size adjustments\n    &.medium {\n      height: 52px;\n      font-size: 16px;\n\n      .icon.start {\n        margin: 0 0 0 18px;\n      }\n\n      .icon.end {\n        margin: 0 18px 0 0;\n      }\n\n      .icon {\n        svg {\n          margin: 2px 0 0 0;\n          height: 26px;\n        }\n      }\n\n      .button-label {\n        padding: 0 20px;\n      }\n    }\n\n    // Large-sized button size adjustments\n    &.large {\n      height: 60px;\n      font-size: 20px;\n\n      .icon.start {\n        margin: 0 0 0 24px;\n      }\n\n      .icon.end {\n        margin: 0 24px 0 0;\n      }\n\n      .icon {\n        svg {\n          margin: 2px 0 0 0;\n          height: 32px;\n        }\n      }\n\n      .button-label {\n        padding: 0 34px;\n      }\n    }\n\n    // Standard variant is a solid color\n    &.standard {\n      background: $verdocs-green;\n      border-radius: 4px;\n      outline: none;\n      border: none;\n      color: white;\n\n      &:disabled {\n        background-color: $disabled-color;\n        cursor: default;\n      }\n\n      &:active:not([disabled]) {\n        filter: brightness(110%);\n      }\n    }\n\n    // Text variant is just a label\n    &.text {\n      color: $secondary-color;\n      background: transparent;\n      font-weight: 500;\n      padding: 0 4px;\n      outline: none;\n      border: none;\n\n      &:disabled {\n        color: $disabled-color;\n      }\n\n      &:active:not([disabled]) {\n        filter: brightness(130%);\n      }\n\n      .icon {\n        svg {\n          fill: $secondary-color;\n        }\n      }\n    }\n\n    // Standard variant is a solid color\n    &.outline {\n      border: 1px solid $secondary-color;\n      color: $secondary-color;\n      outline: none;\n      background: transparent;\n      border-radius: 4px;\n      padding: 0 20px;\n\n      &:disabled {\n        color: $disabled-color;\n        border: 1px solid $disabled-color;\n      }\n\n      &:active {\n        background: $secondary-color;\n        color: white;\n      }\n\n      .icon {\n        svg {\n          fill: $secondary-color;\n        }\n      }\n    }\n  }\n}\n","import {Component, Prop, h} from '@stencil/core';\n\n/**\n * A simple button, with consistent styling to other controls in the design system.\n *\n * ```ts\n * <verdocs-button label=\"Click Me\" size=\"normal\" variant=\"standard\" />\n * ```\n */\n@Component({\n  tag: 'verdocs-button',\n  styleUrl: 'verdocs-button.scss',\n})\nexport class VerdocsButton {\n  /**\n   * The label for the button.\n   */\n  @Prop() label!: string;\n\n  /**\n   * If desired, a prefix icon for the button.\n   */\n  @Prop() startIcon: string | null = null;\n\n  /**\n   * If desired, a suffix icon for the button.\n   */\n  @Prop() endIcon: string | null = null;\n\n  /**\n   * The size (height) of the button.\n   */\n  @Prop() size: 'xsmall' | 'small' | 'normal' | 'medium' | 'large' = 'normal';\n\n  /**\n   * The type of the button.\n   */\n  @Prop() type: 'button' | 'submit' | 'reset' = 'button';\n\n  /**\n   * The display variant of the button.\n   */\n  @Prop() variant: 'standard' | 'text' | 'outline' = 'standard';\n\n  /**\n   * Whether the button should be disabled.\n   */\n  @Prop() disabled: boolean = false;\n\n  render() {\n    return (\n      <button disabled={this.disabled} type={this.type} class={`${this.variant} ${this.size} ${this.type}`}>\n        {this.startIcon ? <span class=\"icon start\" innerHTML={this.startIcon} /> : null}\n        <span class=\"button-label\">{this.label}</span>\n        {this.endIcon ? <span class=\"icon end\" innerHTML={this.endIcon} /> : null}\n      </button>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-help-icon {\n  font-family: $verdocs-primary-font;\n  display: inline-block;\n  opacity: 0.3;\n  position: relative;\n\n  &:hover {\n    opacity: 1;\n  }\n\n  .icon {\n    display: inline-block;\n  }\n\n  .tooltip {\n    display: none;\n    min-width: 200px;\n    box-shadow: 0 0 10px 1px #999999;\n    background: #ffffff;\n    color: $label-color;\n    max-width: 240px;\n    font-weight: 500;\n    position: absolute;\n    padding: 5px 10px;\n    font-size: 12px;\n    border-radius: 4px;\n    z-index: 10005;\n\n    .arrow,\n    .arrow::before {\n      position: absolute;\n      width: 8px;\n      height: 8px;\n      background: inherit;\n    }\n\n    .arrow {\n      visibility: hidden;\n      top: -4px;\n    }\n\n    .arrow::before {\n      visibility: visible;\n      content: '';\n      transform: rotate(45deg);\n    }\n\n    &[data-show] {\n      display: block;\n    }\n\n    &[data-popper-placement^='top'] > .arrow {\n      bottom: -4px;\n    }\n\n    &[data-popper-placement^='bottom'] > .arrow {\n      top: -4px;\n    }\n\n    &[data-popper-placement^='left'] > .arrow {\n      right: -4px;\n    }\n\n    &[data-popper-placement^='right'] > .arrow {\n      left: -4px;\n    }\n  }\n}\n","import {createPopper, Instance} from '@popperjs/core';\nimport {Component, h, Host, Prop, State} from '@stencil/core';\n\nconst helpIcon =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" width=\"24\" fill=\"#5c6575\"><path d=\"M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z\"/></svg>';\n\n/**\n * Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.\n *\n * ```ts\n * <verdocs-help-icon text=\"Sample help text\" />\n * ```\n */\n@Component({\n  tag: 'verdocs-help-icon',\n  styleUrl: 'verdocs-help-icon.scss',\n  shadow: false,\n})\nexport class VerdocsHelpIcon {\n  iconEl: HTMLDivElement;\n  tooltipEl: HTMLDivElement;\n  popperInstance: Instance;\n\n  /**\n   * Help text to display on hover/focus\n   */\n  @Prop() text: string = '';\n\n  /**\n   * Optional icon to display. If not supplied, a standard help icon will be shown.\n   */\n  @Prop() icon: string = helpIcon;\n\n  @State() containerId = `verdocs-help-icon-${Math.random().toString(36).substring(2, 11)}`;\n\n  componentDidLoad() {\n    this.popperInstance = createPopper(this.iconEl, this.tooltipEl, {\n      // placement: 'top-end',\n      // modifiers: [{name: 'offset', options: {offset: [0, 10]}}],\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  }\n\n  show() {\n    this.tooltipEl?.setAttribute('data-show', '');\n    this.popperInstance?.update().catch(() => {});\n  }\n\n  hide() {\n    this.tooltipEl?.removeAttribute('data-show');\n  }\n\n  render() {\n    return (\n      <Host class={{}}>\n        <div\n          aria-describedby={this.containerId}\n          class=\"icon\"\n          innerHTML={this.icon}\n          onMouseEnter={() => this.show()}\n          onFocus={() => this.show()}\n          onMouseLeave={() => this.hide()}\n          onBlur={() => this.hide()}\n          ref={el => (this.iconEl = el as HTMLDivElement)}\n        />\n        <div\n          id={this.containerId}\n          role=\"tooltip\"\n          class=\"tooltip\"\n          data-popper-placement=\"bottom\"\n          ref={el => (this.tooltipEl = el as HTMLDivElement)}\n        >\n          <span innerHTML={this.text} />\n          <div data-popper-arrow=\"true\" class=\"arrow\" />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"uHAAA,IAAMA,iBAAmB,qkGACzB,IAAAC,oBAAeD,iB,ICYFE,cAAa,W,2EASW,K,aAKF,K,UAKkC,S,UAKrB,S,aAKK,W,cAKvB,K,CAE5BA,EAAAC,UAAAC,OAAA,WACE,OACEC,EAAA,UAAAC,IAAA,2CAAQC,SAAUC,KAAKD,SAAUE,KAAMD,KAAKC,KAAMC,MAAO,GAAAC,OAAGH,KAAKI,QAAO,KAAAD,OAAIH,KAAKK,KAAI,KAAAF,OAAIH,KAAKC,OAC3FD,KAAKM,UAAYT,EAAA,QAAMK,MAAM,aAAaK,UAAWP,KAAKM,YAAgB,KAC3ET,EAAA,QAAAC,IAAA,2CAAMI,MAAM,gBAAgBF,KAAKQ,OAChCR,KAAKS,QAAUZ,EAAA,QAAMK,MAAM,WAAWK,UAAWP,KAAKS,UAAc,K,WAzCnD,G,wCCb1B,IAAMC,mBAAqB,w9CAC3B,IAAAC,sBAAeD,mBCEf,IAAME,SACJ,s7B,IAcWC,gBAAe,W,iDAQH,G,UAKAD,S,iBAEA,qBAAAT,OAAqBW,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,I,CAEpFJ,EAAAlB,UAAAuB,iBAAA,WACElB,KAAKmB,eAAiBC,aAAapB,KAAKqB,OAAQrB,KAAKsB,UAAW,C,IAMlET,EAAAlB,UAAA4B,qBAAA,WACE,GAAIvB,KAAKmB,eAAgB,CACvBnB,KAAKmB,eAAeK,UACpBxB,KAAKmB,eAAiB,I,GAI1BN,EAAAlB,UAAA8B,KAAA,W,SACEC,EAAA1B,KAAKsB,aAAS,MAAAI,SAAA,SAAAA,EAAEC,aAAa,YAAa,KAC1CC,EAAA5B,KAAKmB,kBAAc,MAAAS,SAAA,SAAAA,EAAEC,SAASC,OAAM,c,EAGtCjB,EAAAlB,UAAAoC,KAAA,W,OACEL,EAAA1B,KAAKsB,aAAS,MAAAI,SAAA,SAAAA,EAAEM,gBAAgB,Y,EAGlCnB,EAAAlB,UAAAC,OAAA,eAAAqC,EAAAjC,KACE,OACEH,EAACqC,KAAI,CAAApC,IAAA,2CAACI,MAAO,IACXL,EAAA,OAAAC,IAAA,8DACoBE,KAAKmC,YACvBjC,MAAM,OACNK,UAAWP,KAAKoC,KAChBC,aAAc,WAAM,OAAAJ,EAAKR,MAAL,EACpBa,QAAS,WAAM,OAAAL,EAAKR,MAAL,EACfc,aAAc,WAAM,OAAAN,EAAKF,MAAL,EACpBS,OAAQ,WAAM,OAAAP,EAAKF,MAAL,EACdU,IAAK,SAAAC,GAAE,OAAKT,EAAKZ,OAASqB,CAAnB,IAET7C,EAAA,OAAAC,IAAA,2CACE6C,GAAI3C,KAAKmC,YACTS,KAAK,UACL1C,MAAM,UAAS,wBACO,SACtBuC,IAAK,SAAAC,GAAE,OAAKT,EAAKX,UAAYoB,CAAtB,GAEP7C,EAAA,QAAAC,IAAA,2CAAMS,UAAWP,KAAK6C,OACtBhD,EAAA,OAAAC,IAAA,+DAAuB,OAAOI,MAAM,W,WA7DlB,G","ignoreList":[]}