2 lines
9.7 KiB
JavaScript
2 lines
9.7 KiB
JavaScript
import{ah as F,q as N,D as B,ai as z,_ as J,ae as K,ag as W,s as X,K as Z,J as g,N as ee,v as te,b as re,r as O,e as d,f as o,g as E,t as u,O as b,P as C,h as t,n as T,F as I,i as A,j as w,ac as oe,aj as P,M as j,l as ae,E as ne,w as se,a as le,c,k as ie}from"./index.0b47dc01.js";import{c as _,r as $,m as U,e as ce,u as de}from"./index.esm.5f6f033e.js";import"./Main.422a302f.js";import{_ as ue}from"./Main.204acefb.js";import{_ as me}from"./Main.36bccfe8.js";function D(){return D=Object.assign?Object.assign.bind():function(y){for(var a=1;a<arguments.length;a++){var n=arguments[a];for(var p in n)Object.prototype.hasOwnProperty.call(n,p)&&(y[p]=n[p])}return y},D.apply(this,arguments)}var pe=function(){var a=!1,n=[],p=function(){if(!a){a=!0;for(var v=0,k=n.length;v<k;v++)n[v]()}},m=function(v){if(!a){n.push(v);return}v()},x={resolved:function(){return a},resolve:p,promise:{then:m}};return x},q=Object.prototype.hasOwnProperty;function fe(){var y=pe();return{notify:function(){y.resolve()},wait:function(){return y.promise},render:function(n,p,m){this.wait().then(function(){m(window.grecaptcha.render(n,p))})},reset:function(n){typeof n!="undefined"&&(this.assertLoaded(),this.wait().then(function(){return window.grecaptcha.reset(n)}))},execute:function(n){typeof n!="undefined"&&(this.assertLoaded(),this.wait().then(function(){return window.grecaptcha.execute(n)}))},checkRecaptchaLoad:function(){q.call(window,"grecaptcha")&&q.call(window.grecaptcha,"render")&&this.notify()},assertLoaded:function(){if(!y.resolved())throw new Error("ReCAPTCHA has not been loaded")}}}var S=fe();typeof window!="undefined"&&(window.vueRecaptchaApiLoaded=S.notify);var he=F({name:"VueRecaptcha",props:{sitekey:{type:String,required:!0},theme:{type:String},badge:{type:String},type:{type:String},size:{type:String},tabindex:{type:String},loadRecaptchaScript:{type:Boolean,default:!0},recaptchaScriptId:{type:String,default:"__RECAPTCHA_SCRIPT"},recaptchaHost:{type:String,default:"www.google.com"},language:{type:String,default:""}},emits:["render","verify","expired","error"],setup:function(a,n){var p=n.slots,m=n.emit,x=N(null),s=N(null),v=function(e){m("verify",e)},k=function(){m("expired")},M=function(){m("error")};return B(function(){if(S.checkRecaptchaLoad(),a.loadRecaptchaScript&&!document.getElementById(a.recaptchaScriptId)){var f=document.createElement("script");f.id=a.recaptchaScriptId,f.src="https://"+a.recaptchaHost+"/recaptcha/api.js?onload=vueRecaptchaApiLoaded&render=explicit&hl="+a.language,f.async=!0,f.defer=!0,document.head.appendChild(f)}var e=D({},a,{callback:v,"expired-callback":k,"error-callback":M}),L=x.value,V=p.default?L.children[0]:L;S.render(V,e,function(R){s.value=R,m("render",R)})}),{root:x,widgetId:s,reset:function(){S.reset(s.value)},execute:function(){S.execute(s.value)}}},render:function(){var a=this.$slots.default,n;return typeof a=="function"?n=a():n=a,z("div",{ref:"root"},n)}});const ye={class:"container"},ve={class:"block xl:grid grid-cols-2 gap-4"},ge={class:"h-screen xl:h-auto flex py-5 xl:py-0 my-10 xl:my-0"},_e={class:"my-auto mx-auto xl:ml-20 bg-white dark:bg-darkmode-600 xl:bg-transparent px-5 sm:px-8 py-8 xl:p-0 rounded-md shadow-md xl:shadow-none w-full sm:w-3/4 lg:w-2/4 xl:w-auto"},xe={class:"flex items-center justify-between"},we={class:"intro-x font-bold text-2xl xl:text-3xl text-center xl:text-left"},be={class:"intro-x mt-2 text-slate-400 dark:text-slate-400 xl:hidden text-center"},Ie={class:"intro-x mt-8"},Ae=["placeholder"],$e=["placeholder"],ke=["placeholder"],Ee={class:"relative"},Te=["placeholder"],Se={value:"",disabled:""},Ne=["value"],Le={class:"mt-3"},Re={class:"flex flex-col sm:flex-row mt-2"},Ce={class:"form-check mr-5"},Me={class:"form-check-label",for:"radio-switch-4"},Ve={class:"form-check mr-2 mt-2 sm:mt-0"},Oe={class:"form-check-label",for:"radio-switch-6"},Ue={class:"intro-x mt-5 xl:mt-8 text-primary xl:text-left"},De={class:"intro-x mt-5 xl:mt-8 text-center xl:text-left"},Pe=["onClick","disabled"],je={class:"intro-x mt-5 xl:mt-8 text-primary xl:text-left"},qe=["onClick"],Be={__name:"Main",setup(y){const a="6Lc-pkkjAAAAAAtNAVArgjEzsn9E8bLlXjJsRdLd",n=K();W();const{countries:p}=X(n),m=N(!1),x=N(!1),s=Z({firstname:"",lastname:"",email:"",password:"",country:"",accountType:""});N(null);const v=l=>{console("recaptcha error"),console(l),x.value=!1,f(),alert("Recaptcha Error: The page will be refreshed in 5 seconds.")},k=async l=>{console.log("recaptcha response"),console.log(l),x.value=!0},M={firstname:{required:_.withMessage(g.global.t("REQUIRED_VALIDATION"),$),minLength:_.withMessage(g.global.t("MIN_LENGTH_VALIDATION",{min:2}),U(2))},lastname:{required:_.withMessage(g.global.t("REQUIRED_VALIDATION"),$),minLength:_.withMessage(g.global.t("MIN_LENGTH_VALIDATION",{min:2}),U(2))},email:{required:_.withMessage(g.global.t("REQUIRED_VALIDATION"),$),email:_.withMessage(g.global.t("EMAIL_VALIDATION"),ce)},password:{required:_.withMessage(g.global.t("REQUIRED_VALIDATION"),$),minLength:_.withMessage(g.global.t("MIN_LENGTH_VALIDATION",{min:8}),U(8))},country:{required:_.withMessage(g.global.t("REQUIRED_VALIDATION"),$)},accountType:{required:_.withMessage(g.global.t("ACCOUNT_TYPE_REQUIRED"),$)}},f=()=>{setTimeout(()=>document.location.reload(),5e3)},e=de(M,ee(s)),L=async()=>{const l=le();if(e.value.$touch(),!e.value.$invalid){let i={firstname:s.firstname,lastname:s.lastname,email:s.email,password:s.password,account_type:s.accountType,country:s.country};m.value=!0,await l.register(i),m.value=!1}},V=()=>ie.push({path:"/login"}),R=()=>{document.querySelector("input[name='password']").type="text"},G=()=>{document.querySelector("input[name='password']").type="password"};return B(()=>{te("body").removeClass("main").removeClass("error-page").addClass("login")}),re(async()=>{await n.getAll()}),(l,i)=>{const H=O("EyeIcon"),Y=O("LoadingIcon"),Q=O("i18n-t");return c(),d("div",null,[o("div",ye,[o("div",ve,[E(ue),o("div",ge,[o("div",_e,[o("div",xe,[o("h2",we,u(l.$t("SIGN_UP")),1),E(me)]),o("div",be,u(l.$t("SING_IN_MOTIVATION_MOBILE")),1),o("div",Ie,[b(o("input",{type:"text","onUpdate:modelValue":i[0]||(i[0]=r=>t(e).firstname.$model=r),class:T(["intro-x login__input form-control py-3 px-4 block",{"border-danger":t(e).firstname.$error}]),placeholder:l.$t("FIRSTNAME")},null,10,Ae),[[C,t(e).firstname.$model,void 0,{trim:!0}]]),t(e).firstname.$error?(c(!0),d(I,{key:0},A(t(e).firstname.$errors,(r,h)=>(c(),d("div",{key:h,class:"text-danger mt-2"},u(r.$message),1))),128)):w("",!0),b(o("input",{type:"text","onUpdate:modelValue":i[1]||(i[1]=r=>t(e).lastname.$model=r),class:T(["intro-x login__input form-control py-3 px-4 block mt-4",{"border-danger":t(e).lastname.$error}]),placeholder:l.$t("LASTNAME")},null,10,$e),[[C,t(e).lastname.$model,void 0,{trim:!0}]]),t(e).lastname.$error?(c(!0),d(I,{key:1},A(t(e).lastname.$errors,(r,h)=>(c(),d("div",{key:h,class:"text-danger mt-2"},u(r.$message),1))),128)):w("",!0),b(o("input",{type:"text","onUpdate:modelValue":i[2]||(i[2]=r=>t(e).email.$model=r),class:T(["intro-x login__input form-control py-3 px-4 block mt-4",{"border-danger":t(e).email.$error}]),placeholder:l.$t("EMAIL")},null,10,ke),[[C,t(e).email.$model,void 0,{trim:!0}]]),t(e).email.$error?(c(!0),d(I,{key:2},A(t(e).email.$errors,(r,h)=>(c(),d("div",{key:h,class:"text-danger mt-2"},u(r.$message),1))),128)):w("",!0),o("div",Ee,[b(o("input",{type:"password","onUpdate:modelValue":i[3]||(i[3]=r=>t(e).password.$model=r),class:T(["login__input form-control py-3 px-4 block mt-4",{"border-danger":t(e).password.$error}]),placeholder:l.$t("PASSWORD"),name:"password"},null,10,Te),[[C,t(e).password.$model,void 0,{trim:!0}]]),E(H,{class:"block mx-auto absolute top-1/2 transform -translate-y-1/2 right-3 text-slate-400 cursor-pointer",onMousedown:R,onMouseup:G})]),t(e).password.$error?(c(!0),d(I,{key:3},A(t(e).password.$errors,(r,h)=>(c(),d("div",{key:h,class:"text-danger mt-2"},u(r.$message),1))),128)):w("",!0),b(o("select",{class:T(["form-select py-3 px-4 block mt-4 sm:mr-2",{"border-danger":t(e).country.$error}]),"aria-label":"Default select example","onUpdate:modelValue":i[4]||(i[4]=r=>t(e).country.$model=r),name:"country"},[o("option",Se,u(l.$t("SELECT_COUNTRY")),1),t(p).length?(c(!0),d(I,{key:0},A(t(p),r=>(c(),d("option",{key:r.id,value:r.id},u(r.name),9,Ne))),128)):w("",!0)],2),[[oe,t(e).country.$model]]),t(e).country.$error?(c(!0),d(I,{key:4},A(t(e).country.$errors,(r,h)=>(c(),d("div",{key:h,class:"text-danger mt-2"},u(r.$message),1))),128)):w("",!0),o("div",Le,[o("label",null,u(l.$t("ACCOUNT_TYPE")),1),o("div",Re,[o("div",Ce,[b(o("input",{id:"radio-switch-4",class:"form-check-input",type:"radio","onUpdate:modelValue":i[5]||(i[5]=r=>s.accountType=r),name:"accountType",value:"business"},null,512),[[P,s.accountType]]),o("label",Me,u(l.$t("ACCOUNT_TYPE_BUSINESS")),1)]),o("div",Ve,[b(o("input",{id:"radio-switch-6",class:"form-check-input",type:"radio","onUpdate:modelValue":i[6]||(i[6]=r=>s.accountType=r),name:"accountType",value:"company"},null,512),[[P,s.accountType]]),o("label",Oe,u(l.$t("ACCOUNT_TYPE_COMPANY")),1)])])]),t(e).accountType.$error?(c(!0),d(I,{key:5},A(t(e).accountType.$errors,(r,h)=>(c(),d("div",{key:h,class:"text-danger mt-2"},u(r.$message),1))),128)):w("",!0)]),o("div",Ue,[E(t(he),{sitekey:t(a),"load-recaptcha-script":!0,onVerify:k,onError:v},null,8,["sitekey"])]),o("div",De,[o("button",{class:"btn btn-primary py-3 px-4 xl:mr-3 align-top w-full custom-btns",onClick:j(L,["prevent"]),disabled:m.value||!x.value},[ae(u(l.$t("SIGN_UP"))+" ",1),m.value?(c(),ne(Y,{key:0,icon:"oval",color:"white",class:"w-4 h-4 ml-2"})):w("",!0)],8,Pe)]),o("div",je,[E(Q,{keypath:"ALREADY_HAS_ACCOUNT",for:"SIGN_IN",class:"w-full text-center",tag:"p"},{default:se(()=>[o("a",{onClick:j(V,["prevent"]),href:"#",class:"font-bold underline"},u(l.$t("SIGN_IN")),9,qe)]),_:1})])])])])])])}}};var ze=J(Be,[["__scopeId","data-v-3c791210"]]);export{ze as default};
|