2 lines
9.7 KiB
JavaScript
2 lines
9.7 KiB
JavaScript
import{ai as z,q as L,D as H,aj 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,g as $,f as r,t as d,O as A,P as R,h as t,n as E,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.02ecb8e1.js";import{c as y,r as k,m as D,e as ce,u as de}from"./index.esm.fa2c40ed.js";import"./Main.ecfb53bb.js";import{_ as ue}from"./Main.7fd78958.js";import{_ as pe}from"./Main.60304241.js";import{_ as me}from"./Main.a1ed0420.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 fe=function(){var o=!1,n=[],m=function(){if(!o){o=!0;for(var v=0,T=n.length;v<T;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 he(){var _=fe();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=he();typeof window!="undefined"&&(window.vueRecaptchaApiLoaded=S.notify);var _e=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(N){p("verify",N)},T=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 N=U({},o,{callback:v,"expired-callback":T,"error-callback":M}),e=x.value,O=m.default?e.children[0]:e;S.render(O,N,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 ve={class:"container"},ge={class:"block xl:grid grid-cols-2 gap-4"},ye={class:"h-screen xl:h-auto flex py-5 xl:py-0 my-10 xl:my-0"},xe={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"},we={class:"flex items-center justify-between"},be={class:"intro-x font-bold text-2xl xl:text-3xl text-center xl:text-left"},Ie={class:"intro-x mt-2 text-slate-400 dark:text-slate-400 xl:hidden text-center"},$e={class:"intro-x mt-8 flex flex-wrap justify-between"},Ae={class:"input-form-item"},Ee=["placeholder"],ke={class:"input-form-item"},Te=["placeholder"],Ne={class:"input-form-item"},Se={class:"mt-4"},Le={value:"",disabled:""},Ce=["value"],Re={class:"input-form-item"},Me={class:"mt-4"},Oe={value:"",disabled:""},Ve={value:"business"},De={value:"company"},Ue={class:"input-form-item"},Pe=["placeholder"],je={class:"input-form-item"},qe={class:"relative"},He=["placeholder"],Be={class:"intro-x mt-5 xl:mt-8 text-primary xl:text-left"},Ge={class:"intro-x mt-5 xl:mt-8 text-center xl:text-left"},Ye=["onClick","disabled"],Qe={class:"intro-x mt-5 xl:mt-8 text-primary xl:text-left"},Fe=["onClick"],ze={__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,N(),alert("Recaptcha Error: The page will be refreshed in 5 seconds.")},T=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"),k),minLength:y.withMessage(g.global.t("MIN_LENGTH_VALIDATION",{min:2}),D(2))},lastname:{required:y.withMessage(g.global.t("REQUIRED_VALIDATION"),k),minLength:y.withMessage(g.global.t("MIN_LENGTH_VALIDATION",{min:2}),D(2))},email:{required:y.withMessage(g.global.t("REQUIRED_VALIDATION"),k),email:y.withMessage(g.global.t("EMAIL_VALIDATION"),ce)},password:{required:y.withMessage(g.global.t("REQUIRED_VALIDATION"),k),minLength:y.withMessage(g.global.t("MIN_LENGTH_VALIDATION",{min:8}),D(8))},country:{required:y.withMessage(g.global.t("REQUIRED_VALIDATION"),k)},accountType:{required:y.withMessage(g.global.t("ACCOUNT_TYPE_REQUIRED"),k)}},N=()=>{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,[$(me),r("div",ve,[r("div",ge,[$(ue),r("div",ye,[r("div",xe,[r("div",we,[r("h2",be,d(s.$t("SIGN_UP")),1),$(pe)]),r("div",Ie,d(s.$t("SING_IN_MOTIVATION_MOBILE")),1),r("div",$e,[r("div",Ae,[A(r("input",{type:"text","onUpdate:modelValue":u[0]||(u[0]=a=>t(e).firstname.$model=a),class:E(["intro-x login__input form-control py-3 px-4 block",{"border-danger":t(e).firstname.$error}]),placeholder:s.$t("FIRSTNAME")},null,10,Ee),[[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",ke,[A(r("input",{type:"text","onUpdate:modelValue":u[1]||(u[1]=a=>t(e).lastname.$model=a),class:E(["intro-x login__input form-control py-3 px-4 block",{"border-danger":t(e).lastname.$error}]),placeholder:s.$t("LASTNAME")},null,10,Te),[[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",Ne,[r("div",Se,[A(r("select",{class:E(["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",Le,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,Ce))),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",Re,[r("div",Me,[A(r("select",{class:E(["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",Oe,d(s.$t("ACCOUNT_TYPE")),1),r("option",Ve,d(s.$t("ACCOUNT_TYPE_BUSINESS")),1),r("option",De,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",Ue,[A(r("input",{type:"text","onUpdate:modelValue":u[4]||(u[4]=a=>t(e).email.$model=a),class:E(["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,Pe),[[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",je,[r("div",qe,[A(r("input",{type:"password","onUpdate:modelValue":u[5]||(u[5]=a=>t(e).password.$model=a),class:E(["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,He),[[R,t(e).password.$model,void 0,{trim:!0}]]),$(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",Be,[$(t(_e),{sitekey:t(o),"load-recaptcha-script":!0,onVerify:T,onError:v,onExpired:M},null,8,["sitekey"])]),r("div",Ge,[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,Ye)]),r("div",Qe,[$(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,Fe)]),_:1})])])])])])])}}};var tt=K(ze,[["__scopeId","data-v-79289d68"]]);export{tt as default};
|