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