https://partners.meridianbet.pe/build/assets/Register-DcS8SGUi.js

1import{u as Q,j as e,S as X,a as Z,b as J,s as R}from"./main-B85zqRjd.js";import{a as h,L as ee,d as ae}from"./vendor-react-Bjxsyr_G.js";import{I as v}from"./Input-D8QKTzdn.js";import{D as te}from"./DatePicker-CrQzRYM7.js";import{u as O}from"./vendor-i18n-CmmgQqfv.js";import{C as K}from"./Checkbox-D6300evD.js";import{c as se,b as ne,a as k}from"./vendor-forms-Chlqk9RW.js";import{f as A,p as re,m as ie,i as oe,a as le}from"./customRules-DYikBkCr.js";import{c as me,v as U}from"./validation-g0OSJvn7.js";import{D as ce}from"./vendor-redux-CkTbKByD.js";import{u as de}from"./countriesApi-DBRMd5g-.js";const pe=({t:r,data:n,errors:t,onChange:a,onUsernameError:u,showErrors:l=!1,touched:o={}})=>{const[f]=Q(),[p,y]=h.useState(!1),s=async()=>{const i=(n.username||"").trim();if(!(!i||i.length<3)){y(!0);try{const x=await f(i).unwrap(),N=!!((x==null?void 0:x.is_reserved)??x);N&&u?u("username",r("VALIDATION.UNIQUE_USERNAME")):!N&&u&&u("username",null)}catch{}finally{y(!1)}}};return e.jsx("div",{children:e.jsxs("div",{className:"grid grid-cols-1 min-[961px]:grid-cols-3 gap-6",children:[e.jsx("div",{className:"mb-5",children:e.jsx(v,{label:r("AFFILIATES.USERNAME"),name:"username",value:n.username,onChange:i=>a("username",i.target.value),onBlur:s,error:l||o.username?t.username:void 0,variant:"float",size:"sm",underlineAnimation:!0})}),e.jsx("div",{className:"mb-5",children:e.jsx(v,{label:r("AFFILIATES.PASSWORD"),type:"password",name:"password",value:n.password,onChange:i=>a("password",i.target.value),autoComplete:"new-password",error:l||o.password?t.password:void 0,variant:"float",size:"sm",showPasswordToggle:!0,underlineAnimation:!0})}),e.jsx("div",{className:"mb-5",children:e.jsx(v,{label:r("AFFILIATES.CONFIRM_PASSWORD"),type:"password",name:"password_confirmation",value:n.password_confirmation,onChange:i=>a("password_confirmation",i.target.value),autoComplete:"new-password",error:l||o.password_confirmation?t.password_confirmation:void 0,variant:"float",size:"sm",showPasswordToggle:!0,underlineAnimation:!0})})]})})},ue=({t:r,data:n,errors:t,onChange:a,countries:u=[],showErrors:l=!1,touched:o={}})=>{const{t:f}=O(),p=new Date;p.setFullYear(p.getFullYear()-18);const y=`${p.getFullYear()}-${String(p.getMonth()+1).padStart(2,"0")}-${String(p.getDate()).padStart(2,"0")}`;return e.jsxs("div",{children:[e.jsxs("div",{className:"grid grid-cols-1 min-[961px]:grid-cols-3 gap-4 min-[961px]:gap-x-4 min-[961px]:mb-[60px] mb-6",children:[e.jsx("div",{className:"mb-5 min-[961px]:mb-0",children:e.jsx(v,{label:r("AFFILIATES.FIRST_NAME"),name:"firstName",value:n.firstName,onChange:s=>a("firstName",s.target.value),error:l||o.firstName?t.firstName:void 0,variant:"float",size:"sm",underlineAnimation:!0})}),e.jsx("div",{className:"mb-5 min-[961px]:mb-0",children:e.jsx(v,{label:r("AFFILIATES.LAST_NAME"),name:"lastName",value:n.lastName,onChange:s=>a("lastName",s.target.value),error:l||o.lastName?t.lastName:void 0,variant:"float",size:"sm",underlineAnimation:!0})}),e.jsxs("div",{className:"mb-5 min-[961px]:mb-0",children:[e.jsx(te,{value:n.dateOfBirth,onChange:s=>a("dateOfBirth",s),floatLabelKey:"AFFILIATES.BIRTHDAY",menuWidthClass:"w-[296px]",controlHeight:"h-8",floatLabelActiveTranslateClass:"-translate-y-[58%]",floatContentPaddingTopClass:"pt-1.5",maxDate:y,highlightMaxDate:!0}),(l||o.dateOfBirth)&&t.dateOfBirth?e.jsx("div",{className:"mt-1 text-xs text-red-600",children:t.dateOfBirth}):null]})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 md:gap-4 min-[961px]:gap-x-4 min-[961px]:mb-[60px] mb-6",children:[e.jsx("div",{className:"mb-5 min-[961px]:mb-0",children:e.jsx(v,{label:r("AFFILIATES.EMAIL"),type:"email",name:"email",value:n.email,onChange:s=>a("email",s.target.value),error:l||o.email?t.email:void 0,variant:"float",size:"sm",underlineAnimation:!0})}),e.jsx("div",{className:"mb-5 min-[961px]:mb-0",children:e.jsx(v,{label:r("AFFILIATES.PHONE_NUMBER"),type:"tel",name:"phone",value:n.phone,onChange:s=>a("phone",s.target.value),error:l||o.phone?t.phone:void 0,variant:"float",size:"sm",underlineAnimation:!0})})]}),e.jsxs("div",{className:"grid grid-cols-1 min-[961px]:grid-cols-3 gap-4 min-[961px]:gap-x-4",children:[e.jsxs("div",{className:"mb-5 min-[961px]:mb-0",children:[e.jsx(X,{items:u,value:n.countryId,onChange:s=>a("countryId",s),className:"w-full",placeholderKey:"AFFILIATES.COUNTRY",floatLabelKey:"AFFILIATES.COUNTRY",controlHeight:"h-7",roundedClassName:"rounded-[4px]",wrapperClassName:"min-[961px]:bottom-[15px]",floatLabelActiveTranslateClass:"-translate-y-[58%]",searchable:!0,searchByStartsWith:!1,searchPlaceholderKey:"COMMON.SEARCH",typeToOpen:!0,buttonClassName:`h-14 roun

1ded-[4px] w-full ${(l||o.countryId)&&t.countryId?"border-[var(--mdn-red-d2)] border-2":"border border-[var(--mdn-text-38)]"}`,floatLabelClassName:(l||o.countryId)&&t.countryId?"text-[var(--mdn-red-d2)]":"",iconClassName:"text-[24px] text-[var(--mdn-text-38)]",autoHighlightFirst:!1,scrollBehavior:"instant"}),(l||o.countryId)&&t.countryId&&e.jsx("p",{className:"mt-1 text-xs text-[var(--mdn-red-d2)]",children:t.countryId})]}),e.jsx("div",{className:"mb-5 min-[961px]:mb-0",children:e.jsx(v,{label:r("AFFILIATES.CITY"),name:"city",value:n.city,onChange:s=>a("city",s.target.value),error:l||o.city?t.city:void 0,variant:"float",size:"sm",underlineAnimation:!0})}),e.jsx("div",{className:"mb-5 min-[961px]:mb-0",children:e.jsx(v,{label:r("REGISTER.COMPANY"),name:"company",value:n.company,onChange:s=>a("company",s.target.value),error:l||o.company?t.company:void 0,variant:"float",size:"sm",underlineAnimation:!0})})]})]})},xe=({t:r,data:n,errors:t,onChange:a,onAddChannel:u,onRemoveChannel:l,onChangeChannel:o,showErrors:f=!1,touched:p={}})=>{const y=()=>{const s=n.marketingChannels||[],i=s[s.length-1];i!==void 0&&!String(i).trim()||u()};return e.jsxs("div",{children:[e.jsxs("div",{className:"grid grid-cols-1 min-[961px]:grid-cols-5 gap-6 mb-6",children:[e.jsxs("div",{className:"min-[961px]:col-span-3",children:[n.marketingChannels.map((s,i)=>e.jsx("div",{className:"mb-4",children:e.jsxs("div",{className:"flex items-baseline justify-between mr-10",children:[e.jsx("div",{className:"flex-1",children:e.jsx(v,{name:`marketing_channel_${i}`,value:s,onChange:x=>o(i,x.target.value),size:"sm",inputClassName:"h-[40px] rounded-none",error:(f||p.marketingChannels)&&!String(s).trim()?t[`marketingChannels[${i}]`]||t.marketingChannels:void 0})}),e.jsxs("button",{type:"button",onClick:()=>l(i),className:"ml-4 text-[14px] text-gray-700 hover:text-gray-900 underline",children:["X ",r("AFFILIATES.DELETE")]})]})},i)),e.jsx("div",{className:"mt-4",children:e.jsxs("button",{type:"button",onClick:y,className:"inline-flex items-center px-4 py-2 rounded text-white shadow-md uppercase tracking-wide text-[14px] hover:opacity-90",style:{backgroundColor:"var(--mdn-primary-dark, rgb(36, 49, 56))"},children:["+ ",r("AFFILIATES.ADD_MORE")]})}),e.jsxs("div",{className:"mt-8 text-gray-800",style:{fontFamily:"Roboto, sans-serif"},children:[e.jsx("div",{className:"mb-2 text-[14.4px] font-normal",children:"Website/Social Media Page/Offline location/Description"}),e.jsxs("div",{className:"text-[14.4px] font-normal",children:["* ",r("AFFILIATES.MINIMUM_1_CHANNEL_REQUIRED")]})]})]}),e.jsxs("div",{className:"min-[961px]:col-span-2",style:{fontFamily:"Roboto, sans-serif"},children:[e.jsxs("div",{className:"text-gray-800 mb-2 text-[14.4px] font-normal",children:[r("AFFILIATES.EXAMPLES"),":"]}),e.jsxs("ul",{className:"list-disc pl-6 text-gray-800 space-y-1 text-[14.4px] font-normal",children:[e.jsx("li",{children:"https://sportsblonglink.com"}),e.jsx("li",{children:"https://www.instagram.com/ui.interceptor/?hl=en"}),e.jsx("li",{children:"https://www.facebook.com/search/top?q=meridianbet%20tanzania"}),e.jsx("li",{children:"Bulk Email Campagns"}),e.jsx("li",{children:"Viber Bulk Messaging"}),e.jsx("li",{children:"SMS Campaigns"}),e.jsx("li",{children:"Shop / Offline Promo Code promotions"}),e.jsx("li",{children:"..."})]})]})]}),e.jsx("div",{className:"mb-6 md:w-1/3",children:e.jsx(v,{label:r("REGISTER.COMMENT"),name:"comment",value:n.comment,onChange:s=>a("comment",s.target.value),placeholder:r("REGISTER.COMMENT_PLACEHOLDER"),error:f||p.comment?t.comment:void 0,variant:"float",size:"sm",underlineAnimation:!0})}),e.jsx("div",{className:"mb-4",children:e.jsx(K,{checked:n.isSubscribed,onChange:s=>a("isSubscribed",s.target.checked),label:r("REGISTER.NEWSLETTER"),colorVariant:"dark",labelClassName:"text-[var(--mdn-text-60)] text-[16px] font-normal"})}),e.jsxs("div",{className:"mb-2",children:[e.jsx(K,{checked:n.termsAgree,onChange:s=>a("termsAgree",s.target.checked),colorVariant:"dark",label:e.jsxs("span",{className:"text-[var(--mdn-text-60)] text-[16px] font-normal",children:[r("REGISTER.AGREE")," ",e.jsx(ee,{to:"/terms-and-conditions",className:"text-[var(--mdn-primary-dark,_rgb(36,49,56))] cursor-pointer inline text-[16px] font-normal [font-family:Roboto,_sans-serif]",onClick:s=>s.stopPropagation(),children:r("REGISTER.TERMS")})]}),labelClassName:"text-[14px] font-normal text-gray-800"}),(f||p.termsAgree)&&t.termsAgree?e.jsx("div",{className:"mt-1 ml-6 text-xs text-[var(--mdn-red-d2)]",children:t.termsAgree}):null]})]})},L=se().shape({username:k().min(3).required(),password:A.password(),password_confirmation:A.confirmPassword(),firstName:A.firstName(),lastName:A.lastName(),dateOfBirth:k().required().test("adult",ie(le.MUST_BE_18),oe),email:A.email(),phone:k().required().matches(re.phone).min(6).max(20),countryId:A.countryId(),city:k().required(),company:A.company(),marketingChannels:A.marketingChannels(),comment:A.comment(),isSubscribed:ne(),termsAgree:A.termsAgree()}),he={username:"",password:"",password_confirmation:"",firstName:"",lastName:"",dateOfBirth:"",email:"",ph

1one:"",countryId:"",city:"",company:"",marketingChannels:[""],comment:"",isSubscribed:!1,termsAgree:!1},M={username:"AFFILIATES.USERNAME",password:"AFFILIATES.PASSWORD",password_confirmation:"AFFILIATES.CONFIRM_PASSWORD",firstName:"AFFILIATES.FIRST_NAME",lastName:"AFFILIATES.LAST_NAME",dateOfBirth:"AFFILIATES.BIRTHDAY",email:"AFFILIATES.EMAIL",phone:"AFFILIATES.PHONE_NUMBER",countryId:"AFFILIATES.COUNTRY",city:"AFFILIATES.CITY",company:"REGISTER.COMPANY",marketingChannels:"AFFILIATES.CHANNEL",comment:"REGISTER.COMMENT",isSubscribed:"REGISTER.NEWSLETTER"};function fe({steps:r=[],activeStep:n=0,onStepClick:t,className:a="",invalidSteps:u=[]}){const{t:l}=O(),o="var(--mdn-primary-dark, rgb(36, 49, 56))",f="var(--mdn-error, rgb(150, 12, 18))",p="var(--mdn-disabled-bg, #0000001F)",y="var(--mdn-border-38, #00000061)";return e.jsx("div",{className:`w-full bg-[var(--mdn-surface)] border border-[var(--mdn-grey-3)] shadow-[0_3px_1px_-2px_var(--mdn-shadow-20),_0_2px_2px_0_var(--mdn-shadow-14),_0_1px_5px_0_var(--mdn-shadow-12)] p-6 ${a}`,children:e.jsx("div",{className:"flex items-center",children:r.map((s,i)=>{const x=i===n,N=i<n,I=Array.isArray(u)&&u[i];return e.jsxs("div",{className:"flex items-center w-full",children:[i>0&&e.jsx("div",{className:"flex-1 h-px",style:{backgroundColor:p}}),e.jsx("button",{type:"button",onClick:()=>t&&t(i),className:"mx-2 flex h-6 w-6 items-center justify-center rounded-full text-[12px] font-medium focus:outline-none text-[var(--mdn-white)]",style:{backgroundColor:I?f:N||x?o:y},"aria-current":x?"step":void 0,children:I?"!":N?e.jsx("i",{className:"mdi mdi-check text-[14px]","aria-hidden":"true"}):i+1}),e.jsx("button",{type:"button",onClick:()=>t&&t(i),className:`mx-2 text-sm focus:outline-none ${x?"font-medium":""}`,style:{color:I?f:N||x?o:y},children:l?l(s.labelKey):s.labelKey}),i<r.length-1&&e.jsx("div",{className:"flex-1 h-px",style:{backgroundColor:p}})]},s.key??i)})})})}const ge={};var H={};const P=typeof import.meta<"u"&&ge?"6LepQFMtAAAAACRZOmk6hZK3ncbpXou_l8y6W4tV":typeof process<"u"&&H?H.MIX_INVISIBLE_RECAPTCHA_SITEKEY:"";function be(){return document.getElementById("recaptcha-v3-script")?Promise.resolve():new Promise((r,n)=>{const t=document.createElement("script");t.id="recaptcha-v3-script",t.src=`https://www.google.com/recaptcha/api.js?render=${P}`,t.async=!0,t.onload=r,t.onerror=n,document.head.appendChild(t)})}function ye(){return new Promise((r,n)=>{if(!window.grecaptcha)return n(new Error("reCAPTCHA not loaded"));window.grecaptcha.ready(()=>{window.grecaptcha.execute(P,{action:"register"}).then(r).catch(n)})})}function Re(){const{t:r}=O(),[n,t]=h.useState(0),[a,u]=h.useState(he),[l,o]=h.useState({}),[f,p]=h.useState([!1,!1,!1]),[y,s]=h.useState([!1,!1,!1]),[i,x]=h.useState({}),N=h.useMemo(()=>me(L,M,o),[]);h.useEffect(()=>{P&&be()},[]);const I=h.useCallback((m,g)=>{const c={...a,[m]:g};u(c),x(b=>b[m]?b:{...b,[m]:!0}),N(m,c)},[a,N]),[Y,{isLoading:B}]=Z(),S=ce(),z=ae(),{data:C=[]}=de(),V=h.useMemo(()=>Array.isArray(C)?C.map(m=>({id:m.id,name:m.name})):[],[C]);h.useEffect(()=>{Array.isArray(C)&&S(J(C))},[C,S]);const j=h.useMemo(()=>[{key:"basic",labelKey:"REGISTER.BASIC"},{key:"personal",labelKey:"REGISTER.PERSONAL"},{key:"contact",labelKey:"REGISTER.CONTACT"}],[]),D=h.useMemo(()=>[["username","password","password_confirmation"],["firstName","lastName","dateOfBirth","email","phone","countryId","city","company"],["marketingChannels","comment","isSubscribed","termsAgree"]],[]),$=async()=>{const m=D[n]||[],g=L.pick(m),{isValid:c,errors:b}=await U(g,a,{labelKeys:M,abortEarly:!1}),T={...l,...b};m.some(E=>!!T[E])?(o(T),p(E=>E.map((_,d)=>d===n?!0:_))):(o(T),p(E=>E.map(()=>!1)),t(E=>Math.min(E+1,j.length-1)))},W=m=>{const g=Math.max(0,Math.min(m,j.length-1));t(g)},q=()=>{t(m=>Math.max(m-1,0))},G=async m=>{var _;m.preventDefault();const c=(await U(L,a,{labelKeys:M,abortEarly:!1})).errors||{},b=D.map(d=>d.some(w=>!!c[w]));if(s(b),o(c),!(Object.keys(c).length===0)){p(d=>d.map(()=>!0));return}let F="";try{F=await ye()}catch{S(R({notification:"reCAPTCHA verification failed. Please try again.",notificationColor:"red"}));return}const E={username:a.username,password:a.password,password_confirmation:a.password_confirmation,first_name:a.firstName,last_name:a.lastName,date_of_birth:a.dateOfBirth,email:a.email,phone:a.phone,country_id:a.countryId,city:a.city,company:a.company,comment:a.comment,marketing_channels:(a.marketingChannels||[]).filter(d=>d&&d.trim().length>0).map(d=>({link:d.trim()})),is_subscribed:a.isSubscribed?1:0,status:"pending","g-recaptcha-response":F};try{await Y(E).unwrap(),S(R({notification:"REGISTER.SUCCESSFUL_REGISTRATION",notificationColor:"green",forTranslation:!0})),z("/login")}catch(d){const w=((_=d==null?void 0:d.data)==null?void 0:_.message)||(d==null?void 0:d.error)||"";S(w?R({notification:w,notificationColor:"red",forTranslation:!1}):R({notification:"REGISTER.FAILED",notificationColor:"red",forTranslation:!0}))}};return e.jsx("div",{className:"w-full flex justify-center",children:e.jsxs("div",{className:"w-full max-w-[1200px] px-4 py-1",children:[e.jsx("div",{className:"mb-1",children:e.jsx(fe,{steps:j,activeStep:n,onStepClick:W,invali

1dSteps:y})}),e.jsx("div",{className:"w-full bg-[var(--mdn-surface)] border border-[var(--mdn-grey-3)] shadow-[0_3px_1px_-2px_var(--mdn-shadow-20),_0_2px_2px_0_var(--mdn-shadow-14),_0_1px_5px_0_var(--mdn-shadow-12)] p-10",children:e.jsxs("form",{onSubmit:G,children:[n===0&&e.jsx(pe,{t:r,data:{username:a.username,password:a.password,password_confirmation:a.password_confirmation},errors:l,onChange:I,onUsernameError:(m,g)=>{o(c=>{if(!g){const b={...c};return delete b[m],b}return{...c,[m]:g}}),g&&x(c=>({...c,[m]:!0}))},showErrors:f[0],touched:i}),n===1&&e.jsx(ue,{t:r,data:{firstName:a.firstName,lastName:a.lastName,dateOfBirth:a.dateOfBirth,email:a.email,phone:a.phone,countryId:a.countryId,city:a.city,company:a.company},errors:l,onChange:I,countries:V,showErrors:f[1],touched:i}),n===2&&e.jsx(xe,{t:r,data:{marketingChannels:a.marketingChannels,comment:a.comment,isSubscribed:a.isSubscribed,termsAgree:a.termsAgree},errors:l,onChange:I,onAddChannel:()=>u({...a,marketingChannels:[...a.marketingChannels||[],""]}),onRemoveChannel:m=>u({...a,marketingChannels:(a.marketingChannels||[]).filter((g,c)=>c!==m)}),onChangeChannel:(m,g)=>{x(c=>c.marketingChannels?c:{...c,marketingChannels:!0}),u({...a,marketingChannels:(a.marketingChannels||[]).map((c,b)=>b===m?g:c)})},showErrors:f[2],touched:i}),e.jsxs("div",{className:"mt-8 flex items-center justify-center gap-3",children:[n===j.length-1?e.jsx("button",{type:"button",onClick:G,disabled:B,className:"px-6 h-9 uppercase text-[14px] font-medium rounded text-white hover:opacity-90 disabled:opacity-50",style:{backgroundColor:"var(--mdn-primary-dark, rgb(36, 49, 56))"},children:r("REGISTER.REGISTER")}):e.jsx("button",{type:"button",onClick:$,disabled:B,className:"px-6 h-9 uppercase text-[14px] font-medium rounded text-white hover:opacity-90 disabled:opacity-50",style:{backgroundColor:"var(--mdn-primary-dark, rgb(36, 49, 56))"},children:r("REGISTER.CONTINUE")}),n>0&&e.jsx("button",{type:"button",onClick:q,className:"px-4 h-9 uppercase text-[14px] font-medium rounded border text-sm border-gray-300 text-gray-700 hover:bg-gray-50",children:r("REGISTER.BACK")})]})]})})]})})}export{Re as default};