@inleads/inleads-widgets/dist/inleads-widgets/p-a5cfab9a.entry.js

Widgets for chatbot, WhatsApp, nps, contact-form

import{r as e,h as t}from"./p-8a8e24ee.js";const a=":host{display:block !important;all:initial}.contact-form-container{width:100%;position:relative}.material-input .form-group{position:relative;margin-bottom:12px}.material-input .form-group .form-control{letter-spacing:0.5px;transition:0.2s ease all;height:54px;font-weight:400;border-radius:4px;border:1px solid #D8D8D8;background:#fff;color:#14193A;font-size:14px;padding:32px 12px 20px !important;box-shadow:0 0 24px rgba(91, 94, 222, 0.16);box-sizing:border-box}.material-input .form-group .form-control:focus,.material-input .form-group .form-control:not(:placeholder-shown){outline:none}.material-input .form-group .form-control~label{color:#70738C;font-size:16px;position:absolute;left:12px;top:10px;pointer-events:none;transition:0.2s ease all}.material-input .form-group .form-control:focus~label,.material-input .form-group .form-control:not(:placeholder-shown)~label{font-size:12px;top:6px;left:10px;font-weight:500}input,textarea{width:100%;font-family:'system-ui'}label{font-family:'system-ui'}textarea{height:110px !important;padding:-10px 12px 20px !important}.timeline-section{padding:10px 0}button.submitBTN,button.btn-close{background-color:#2196f3;color:#fff;box-shadow:0 5px 45px rgba(0, 0, 0, 0.2);transition:all 0.3s linear;padding:14px 40px;border-radius:50px;font-size:16px;font-weight:500;text-transform:uppercase;border:none;font-family:'system-ui';cursor:pointer}form{max-width:100%;margin:20px auto}.submit-message{text-align:center;font-family:'system-ui'}.showModal{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(186, 202, 216, 0.9)}.modal-body{text-align:center;font-family:'system-ui';padding:20px 40px;font-size:18px;background-color:#fff;border-radius:4px}.submit-message{font-family:'system-ui';font-size:16px;font-weight:400}";const o=a;const i=class{constructor(t){e(this,t);this.handleInputChange=(e,t)=>{const a=e.target;this[t]=a.value};this.handleSubmit=e=>{e.preventDefault();if(this.name===""){alert("Please enter your name");return}if(this.email===""||!this.validateEmail(this.email)){alert("Please enter a valid email address");return}if(this.phoneNumber===""||this.phoneNumber.length<8){alert("Please enter a valid phone number");return}if(this.message===""){alert("Please enter a message");return}this.isSubmitting=true;const t=window.inleadsEvents;t.setUser(this.email,this.name,{phoneNumber:this.phoneNumber,description:this.message});setTimeout((()=>{this.isSubmitting=false;this.showModal=true;this.name="";this.email="";this.phoneNumber="";this.message="";setTimeout(this.closeModal,2e3)}),2e3)};this.closeModal=()=>{this.showModal=false};this.apiKey=undefined;this.name="";this.email="";this.phoneNumber="";this.message="";this.isSubmitting=false;this.showModal=false}componentDidLoad(){const e=document.createElement("script");e.src="https://cdn.jsdelivr.net/npm/@inleads/event-logger/dist/events.js";e.type="text/javascript";e.onload=()=>{const e=window.inleadsEvents;e.init(this.apiKey)};document.body.appendChild(e)}validateEmail(e){const t=/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@(([^<>()[\]\\.,;:\s@"]+\.)+[^<>()[\]\\.,;:\s@"]{2,})$/i;return t.test(e)}render(){return t("div",{key:"102365004099bfbf44ef5a604eb10cda7f9fe101",class:"contact-form-container"},t("form",{key:"f150005f1bcc20ee2b3e28501c7823aec054460d",onSubmit:this.handleSubmit,id:"contact-form",novalidate:true},t("div",{key:"a6bb8b6594b4495c3f3b80ba36345d091d565b0a",class:"contact-widget-entireSection"},t("div",{key:"9a350699624e11afc5ac03740e5a7b7fa7a7f548",class:"screen-one screens"},t("div",{key:"7241499d39564d155df8c240b9aaa063cb825f3e",class:"body-content"},t("div",{key:"5d4c83f5811eeb014a34dd522b31f67051f131cc",class:"material-input"},t("div",{key:"58f3962d9c77bb0314e5ed93d3cbfff288aae2bf",class:"form-group"},t("input",{key:"c999706db5722bce588683c81bf448f42e80a3bb",type:"text",id:"contact-name",class:"form-control",placeholder:" ",value:this.name,onInput:e=>this.handleInputChange(e,"name")}),t("label",{key:"24db579b7990b17ba910297ae38cd9a543105289",htmlFor:"contact-name"},"Name")),t("div",{key:"6070a8601949f0de15cd13d8da3fd45d1a3de268",class:"form-group"},t("input",{key:"5f13bed8e5ae3ede1694a84d4157123b72046341",type:"email",id:"contact-email",class:"form-control",placeholder:" ",value:this.email,onInput:e=>this.handleInputChange(e,"email")}),t("label",{key:"78beef4e346bbc8536d0eb2d00b6ff5368f683b5",htmlFor:"contact-email"},"Email")),t("div",{key:"f04a9b5a88388c413ffe1a76c8ad89aa3ab80a37",class:"form-group"},t("input",{key:"c43df1fdaa332ad0f0aad118136cc709488f7222",type:"text",id:"contact-phonenumber",class:"form-control",placeholder:" ",value:this.phoneNumber,onInput:e=>this.handleInputChange(e,"phoneNumber")}),t("label",{key:"fb2ab6a7b3c51cb74155f888eb7b7e93ee46ba45",htmlFor:"contact-phonenumber"},"Phone Number")),t("div",{key:"caff9de2a8b1bcf1eda0514c376db3430d007a75",class:"description-section"},t("div",{key:"7015f9886259c6266c493d86b85623b87e9ce2fa",class:"form-group"},t("textarea",{key:"16d5675a65c4d9a4b303ce826cba3e2d01a19b40",maxlength:"10000",class:"form-control descriptionText",placeholder:" ",id:"contact-description",value:this.message,onInput:e=>this.handleInputChange(e,"message")}),t("label",{key:"6c9b916fa85d17c1e58dce39341af11b3ac0d586",htmlFor:"contact-description"},"Message")))),t("div",{key:"07eee7fdd0e155b4719668fab1c6b9d8ded619bd",class:"timeline-section"},t("div",{key:"ee249af99f370a863f0367574a93bc4f67c944c8",class:"screen1"},t("button",{key:"bf61b039c7df7972501c4a4962bf468c4a832466",type:"submit",class:"btn btn-primary submitBTN",disabled:this.isSubmitting},this.isSubmitting?"Submitting...":"SUBMIT")))))),this.showModal&&t("div",{key:"d423e8caf061d57d8ed46e830e6b023aea434bbd",class:"showModal",id:"successModal",role:"dialog"},t("div",{key:"0d6a29062a806d99ef1678d5e3542ffefeca8938",class:"modal-body text-center"},t("p",{key:"87906c464087d2c08197bc10c667482e58d77995",class:"submit-message"},"Thanks for contacting. We will get back to you shortly.")))))}};i.style=o;export{i as contact_form_widget};
//# sourceMappingURL=p-a5cfab9a.entry.js.map