https://mleadpro.com/assets/Login-C61j-R0V.js

1import{c as r,j as a}from"./react-vendor-BWT80Oqg.js";import{b as q,u as ye,c as we,d as G,e as X,f as ue,h as je,_ as ee,i as U,j as de,k as $e,m as Re,r as Ce,n as Me,o as L,p as Ne,t as Ie,q as Pe,I as Oe,s as ze,v as Te,w as He,x as Ee,y as Ve}from"./index-C5O4GBzg.js";import{u as ke,a as Fe,p as De,F as x,I as B,R as Q,b as Be,s as N,c as _e,d as Ae}from"./productPortal-CzYTTPK_.js";import{o as Le,u as qe,B as ie}from"./button-BaeeltZU.js";import{R as Z}from"./UserOutlined-z4d1ohR5.js";import{R as Ke}from"./PhoneOutlined-Fk-GUQfl.js";import"./CheckCircleFilled-B9LTw7Ei.js";import"./SearchOutlined-DwJ78DDx.js";import"./CloseOutlined-C34wDHWH.js";var oe=function(e,i){if(!e)return null;var n={left:e.offsetLeft,right:e.parentElement.clientWidth-e.clientWidth-e.offsetLeft,width:e.clientWidth,top:e.offsetTop,bottom:e.parentElement.clientHeight-e.clientHeight-e.offsetTop,height:e.clientHeight};return i?{left:0,right:0,width:0,top:n.top,bottom:n.bottom,height:n.height}:{left:n.left,right:n.right,width:n.width,top:0,bottom:0,height:0}},V=function(e){return e!==void 0?"".concat(e,"px"):void 0};function Ue(t){var e=t.prefixCls,i=t.containerRef,n=t.value,o=t.getValueIndex,$=t.motionName,p=t.onMotionStart,y=t.onMotionEnd,w=t.direction,R=t.vertical,g=R===void 0?!1:R,C=r.useRef(null),T=r.useState(n),b=q(T,2),I=b[0],k=b[1],P=function(j){var f,S=o(j),z=(f=i.current)===null||f===void 0?void 0:f.querySelectorAll(".".concat(e,"-item"))[S];return(z==null?void 0:z.offsetParent)&&z},F=r.useState(null),m=q(F,2),c=m[0],D=m[1],M=r.useState(null),H=q(M,2),u=H[0],h=H[1];ye(function(){if(I!==n){var s=P(I),j=P(n),f=oe(s,g),S=oe(j,g);k(n),D(f),h(S),s&&j?p():y()}},[n]);var E=r.useMemo(function(){if(g){var s;return V((s=c==null?void 0:c.top)!==null&&s!==void 0?s:0)}return V(w==="rtl"?-(c==null?void 0:c.right):c==null?void 0:c.left)},[g,w,c]),O=r.useMemo(function(){if(g){var s;return V((s=u==null?void 0:u.top)!==null&&s!==void 0?s:0)}return V(w==="rtl"?-(u==null?void 0:u.right):u==null?void 0:u.left)},[g,w,u]),_=function(){return g?{transform:"translateY(var(--thumb-start-top))",height:"var(--thumb-start-height)"}:{transform:"translateX(var(--thumb-start-left))",width:"var(--thumb-start-width)"}},l=function(){return g?{transform:"translateY(var(--thumb-active-top))",height:"var(--thumb-active-height)"}:{transform:"translateX(var(--thumb-active-left))",width:"var(--thumb-active-width)"}},d=function(){D(null),h(null),y()};return!c||!u?null:r.createElement(we,{visible:!0,motionName:$,motionAppear:!0,onAppearStart:_,onAppearActive:l,onVisibleChanged:d},function(s,j){var f=s.className,S=s.style,z=G(G({},S),{},{"--thumb-start-left":E,"--thumb-start-width":V(c==null?void 0:c.width),"--thumb-active-left":O,"--thumb-active-width":V(u==null?void 0:u.width),"--thumb-start-top":E,"--thumb-start-height":V(c==null?void 0:c.height),"--thumb-active-top":O,"--thumb-active-height":V(u==null?void 0:u.height)}),W={ref:ue(C,j),style:z,className:X("".concat(e,"-thumb"),f)};return r.createElement("div",W)})}var Xe=["prefixCls","direction","vertical","options","disabled","defaultValue","value","name","onChange","className","motionName"];function We(t){if(typeof t.title<"u")return t.title;if(de(t.label)!=="object"){var e;return(e=t.label)===null||e===void 0?void 0:e.toString()}}function Ge(t){return t.map(function(e){if(de(e)==="object"&&e!==null){var i=We(e);return G(G({},e),{},{title:i})}return{label:e==null?void 0:e.toString(),title:e==null?void 0:e.toString(),value:e}})}var Ye=function(e){var i=e.prefixCls,n=e.className,o=e.disabled,$=e.checked,p=e.label,y=e.title,w=e.value,R=e.name,g=e.onChange,C=e.onFocus,T=e.onBlur,b=e.onKeyDown,I=e.onKeyUp,k=e.onMouseDown,P=function(m){o||g(m,w)};return r.createElement("label",{className:X(n,U({},"".concat(i,"-item-disabled"),o)),onMouseDown:k},r.createElement("input",{name:R,className:"".concat(i,"-item-input"),type:"radio",disabled:o,checked:$,onChange:P,onFocus:C,onBlur:T,onKeyDown:b,onKeyUp:I}),r.createElement("div",{className:"".concat(i,"-item-label"),title:y},p))},Qe=r.forwardRef(function(t,e){var i,n=t.prefixCls,o=n===void 0?"rc-segmented":n,$=t.direction,p=t.vertical,y=t.options,w=y===void 0?[]:y,R=t.disabled,g=t.defaultValue,C=t.value,T=t.name,b=t.onChange,I=t.className,k=I===void 0?"":I,P=t.motionName,F=P===void 0?"thumb-motion":P,m=je(t,Xe),c=r.useRef(null),D=r.useMemo(function(){return ue(c,e)},[c,e]),M=r.useMemo(function(){return Ge(w)},[w]),H=ke((i=M[0])===null||i===void 0?void 0:i.value,{value:C,defaultValue:g}),u=q(H,2),h=u[0],E=u[1],O=r.useState(!1),_=q(O,2),l=_[0],d=_[1],s=function(A,K){E(K),b==null||b(K)},j=Le(m,["children"]),f=r.useState(!1),S=q(f,2),z=S[0],W=S[1],me=r.useState(!1),te=q(me,2),he=te[0],ae=te[1],ge=function(){ae(!0)},fe=function(){ae(!1)},ve=function(){W(!1)}

1,pe=function(A){A.key==="Tab"&&W(!0)},re=function(A){var K=M.findIndex(function(xe){return xe.value===h}),ne=M.length,Se=(K+A+ne)%ne,Y=M[Se];Y&&(E(Y.value),b==null||b(Y.value))},be=function(A){switch(A.key){case"ArrowLeft":case"ArrowUp":re(-1);break;case"ArrowRight":case"ArrowDown":re(1);break}};return r.createElement("div",ee({role:"radiogroup","aria-label":"segmented control",tabIndex:R?void 0:0,"aria-orientation":p?"vertical":"horizontal"},j,{className:X(o,U(U(U({},"".concat(o,"-rtl"),$==="rtl"),"".concat(o,"-disabled"),R),"".concat(o,"-vertical"),p),k),ref:D}),r.createElement("div",{className:"".concat(o,"-group")},r.createElement(Ue,{vertical:p,prefixCls:o,value:h,containerRef:c,motionName:"".concat(o,"-").concat(F),direction:$,getValueIndex:function(A){return M.findIndex(function(K){return K.value===A})},onMotionStart:function(){d(!0)},onMotionEnd:function(){d(!1)}}),M.map(function(v){return r.createElement(Ye,ee({},v,{name:T,key:v.value,prefixCls:o,className:X(v.className,"".concat(o,"-item"),U(U({},"".concat(o,"-item-selected"),v.value===h&&!l),"".concat(o,"-item-focused"),he&&z&&v.value===h)),checked:v.value===h,onChange:s,onFocus:ge,onBlur:fe,onKeyDown:be,onKeyUp:pe,onMouseDown:ve,disabled:!!R||!!v.disabled}))})))}),Ze=Qe;function se(t,e){return{[`${t}, ${t}:hover, ${t}:focus`]:{color:e.colorTextDisabled,cursor:"not-allowed"}}}function le(t){return{background:t.itemSelectedBg,boxShadow:t.boxShadowTertiary}}const Je=Object.assign({overflow:"hidden"},Ie),et=t=>{const{componentCls:e}=t,i=t.calc(t.controlHeight).sub(t.calc(t.trackPadding).mul(2)).equal(),n=t.calc(t.controlHeightLG).sub(t.calc(t.trackPadding).mul(2)).equal(),o=t.calc(t.controlHeightSM).sub(t.calc(t.trackPadding).mul(2)).equal();return{[e]:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},Ce(t)),{display:"inline-block",padding:t.trackPadding,color:t.itemColor,background:t.trackBg,borderRadius:t.borderRadius,transition:`all ${t.motionDurationMid}`}),Me(t)),{[`${e}-group`]:{position:"relative",display:"flex",alignItems:"stretch",justifyItems:"flex-start",flexDirection:"row",width:"100%"},[`&${e}-rtl`]:{direction:"rtl"},[`&${e}-vertical`]:{[`${e}-group`]:{flexDirection:"column"},[`${e}-thumb`]:{width:"100%",height:0,padding:`0 ${L(t.paddingXXS)}`}},[`&${e}-block`]:{display:"flex"},[`&${e}-block ${e}-item`]:{flex:1,minWidth:0},[`${e}-item`]:{position:"relative",textAlign:"center",cursor:"pointer",transition:`color ${t.motionDurationMid}`,borderRadius:t.borderRadiusSM,transform:"translateZ(0)","&-selected":Object.assign(Object.assign({},le(t)),{color:t.itemSelectedColor}),"&-focused":Ne(t),"&::after":{content:'""',position:"absolute",zIndex:-1,width:"100%",height:"100%",top:0,insetInlineStart:0,borderRadius:"inherit",opacity:0,transition:`opacity ${t.motionDurationMid}, background-color ${t.motionDurationMid}`,pointerEvents:"none"},[`&:not(${e}-item-selected):not(${e}-item-disabled)`]:{"&:hover, &:active":{color:t.itemHoverColor},"&:hover::after":{opacity:1,backgroundColor:t.itemHoverBg},"&:active::after":{opacity:1,backgroundColor:t.itemActiveBg}},"&-label":Object.assign({minHeight:i,lineHeight:L(i),padding:`0 ${L(t.segmentedPaddingHorizontal)}`},Je),"&-icon + *":{marginInlineStart:t.calc(t.marginSM).div(2).equal()},"&-input":{position:"absolute",insetBlockStart:0,insetInlineStart:0,width:0,height:0,opacity:0,pointerEvents:"none"}},[`${e}-thumb`]:Object.assign(Object.assign({},le(t)),{position:"absolute",insetBlockStart:0,insetInlineStart:0,width:0,height:"100%",padding:`${L(t.paddingXXS)} 0`,borderRadius:t.borderRadiusSM,[`& ~ ${e}-item:not(${e}-item-selected):not(${e}-item-disabled)::after`]:{backgroundColor:"transparent"}}),[`&${e}-lg`]:{borderRadius:t.borderRadiusLG,[`${e}-item-label`]:{minHeight:n,lineHeight:L(n),padding:`0 ${L(t.segmentedPaddingHorizontal)}`,fontSize:t.fontSizeLG},[`${e}-item, ${e}-thumb`]:{borderRadius:t.borderRadius}},[`&${e}-sm`]:{borderRadius:t.borderRadiusSM,[`${e}-item-label`]:{minHeight:o,lineHeight:L(o),padding:`0 ${L(t.segmentedPaddingHorizontalSM)}`},[`${e}-item, ${e}-thumb`]:{borderRadius:t.borderRadiusXS}}}),se(`&-disabled ${e}-item`,t)),se(`${e}-item-disabled`,t)),{[`${e}-thumb-motion-appear-active`]:{transition:`transform ${t.motionDurationSlow} ${t.motionEaseInOut}, width ${t.motionDurationSlow} ${t.motionEaseInOut}`,willChange:"transform, width"},[`&${e}-shape-round`]:{borderRadius:9999,[`${e}-item, ${e}-thumb`]:{borderRadius:9999}}})}},tt=t=>{const{colorTextLabel:e,colorText:i,colorFillSecondary:n,colorBgElevated:o,colorFill:$,lineWidthBold:p,colorBgLayout:y}=t;return{trackPadding:p,trackBg:y,itemColor:e,itemHoverColor:i,itemHoverBg:n,itemSelectedBg:o,itemActiveBg:$,itemSelectedColor:i}},at=$e("Segmented",t=>{const{lineWidth:e,calc:i}=t,n=Re(t,{segmentedPaddingHorizontal:i(t.controlPaddingHorizontal).sub(e).equal(),segmentedPaddingHorizontalSM:i(t.controlPaddingHorizontalSM).sub(e).equal()});return et(n)},tt);var ce=function(t,e){var i={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0&&(i[n]=t[n]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,n=Object.getOwnPropertySymbols(t);o<n.length;o++)e.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(t,n[o])&&(i[n[o]]=t[n[o]]);return i};function rt(t){return typeof t=="object"&&!!(t!=null&&t.icon)}const nt=r.forwardRef((t,e)=>{const i=Fe(),{prefixCls:n,className:o,rootClassName:$,block:p,options:y=[],size:w="middle",style:R,vertical:g,shape:C="default",name:T=i}=t,b=ce(t,["prefixCls","className","rootClassName","block","options","size","style","vertical","shape","name"]),{getPrefixCls:I,direction:k,className:P,style:F}=Pe("segmented"),m=I("segmented",n),[c,D,M]=at(m),H=qe(w),u=r.useMemo(()=>y.map(O=>{if(rt(O)){const{icon:_,label:l}=O,d=ce(O,["icon","label"]);return Object.assign(Object.assign({},d),{label:r.createElement(r.Fragment,null,r.createElement("span",{className:`${m}-item-icon`},_),l&&r.createElement("span",null,l))})}return O}),[y,m]),h=X(o,$,P,{[`${m}-block`]:p,[`${m}-sm`]:H==="small",[`${m}-lg`]:H==="large",[`${m}-vertical`]:g,[`${m}-shape-${C}`]:C==="round"},D,M),E=Object.assign(Object.assign({},F),R);return c(r.createElement(Ze,Object.assign({},b,{name:T,className:h,style:E,options:u,ref:e,prefixCls:m,direction:k,vertical:g})))}),J=nt;var it={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 110.8V792H136V270.8l-27.6-21.5 39.3-50.5 42.8 33.3h643.1l42.8-33.3 39.3 50.5-27.7 21.5zM833.6 232L512 482 190.4 232l-42.8-33.3-39.3 50.5 27.6 21.5 341.6 265.6a55.99 55.99 0 0068.7 0L888 270.8l27.6-21.5-39.3-50.5-42.7 33.2z"}}]},name:"mail",theme:"outlined"},ot=function(e,i){return r.createElement(Oe,ee({},e,{ref:i,icon:it}))},st=r.forwardRef(ot);const lt=Ae.filter(t=>["scanner","finder"].includes(t.value));function bt({onLoggedIn:t}){const e=De(),i=e?[{label:e.label,value:e.code}]:lt,n=new URLSearchParams(window.location.search),o=n.get("mode")==="register"?"register":"login",$=(e==null?void 0:e.code)||(i.some(l=>l.value===n.get("product"))?n.get("product"):"scanner"),[p,y]=r.useState(o),[w]=x.useForm(),[R]=x.useForm(),[g,C]=r.useState(!1),[T,b]=r.useState($),[I,k]=r.useState($),P=r.useRef(null),F=r.useRef(null),m=r.useRef(null),c=r.useRef(null),D=r.useRef(null),M=r.useRef(null),H=r.useRef(null),u=r.useRef(null),h=l=>{var d,s;return((s=(d=l.current)==null?void 0:d.input)==null?void 0:s.value)||""},E=(l,d)=>{Ve(),localStorage.setItem("client_name",l.name||""),l.product&&localStorage.setItem("client_product",l.product),N.success(d||`Xin chào ${l.name}`),t==null||t(l)},O=async()=>{var j,f;const l=w.getFieldsValue(),d=String(l.username||h(P)).trim(),s=String(l.password||h(F));if(!d){N.error("Nhập user hoặc email");return}if(!s){N.error("Nhập mật khẩu");return}C(!0);try{const S=await ze(d,s,{product:(e==null?void 0:e.code)||T}),z=_e[S.product];

1if(!e&&z){try{await Te()}catch{}He(),N.error(`Tài khoản này đăng nhập tại ${z.host}`);return}E(S)}catch(S){N.error(((f=(j=S==null?void 0:S.response)==null?void 0:j.data)==null?void 0:f.error)||"Đăng nhập thất bại")}finally{C(!1)}},_=async()=>{var s,j;const l=R.getFieldsValue(),d={product:(e==null?void 0:e.code)||I,name:String(l.name||h(m)).trim(),username:String(l.username||h(c)).replace(/\s+/g,"").toLowerCase(),email:String(l.email||h(D)).trim(),phone:String(l.phone||h(M)).trim(),password:String(l.password||h(H)),confirm_password:String(l.confirm_password||h(u))};if(!d.name){N.error("Vui lòng nhập tên khách");return}if(!d.username){N.error("Vui lòng nhập tên user");return}if(!/^[a-z0-9._-]{3,40}$/.test(d.username)){N.error("Tên user chỉ gồm chữ, số, dấu chấm, gạch ngang hoặc gạch dưới");return}if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(d.email)){N.error("Email không hợp lệ");return}if(d.phone.replace(/\D/g,"").length<9){N.error("Số điện thoại không hợp lệ");return}if(d.password.length<6){N.error("Mật khẩu tối thiểu 6 ký tự");return}if(d.password!==d.confirm_password){N.error("Mật khẩu nhập lại không khớp");return}C(!0);try{const f=await Ee(d);E(f,"Tạo tài khoản dùng thử thành công")}catch(f){N.error(((j=(s=f==null?void 0:f.response)==null?void 0:s.data)==null?void 0:j.error)||"Đăng ký thất bại")}finally{C(!1)}};return a.jsx("div",{className:"gct-wrap",style:{minHeight:"100vh"},children:a.jsxs("div",{className:`gct-login ${p==="register"?"gct-login-register":""}`,children:[a.jsx("div",{className:"gct-logo",children:a.jsx("img",{src:"/logo.png",alt:"MleadPro"})}),a.jsx("h2",{children:(e==null?void 0:e.title)||"MleadPro"}),a.jsx("p",{className:"slogan",children:e?e.subtitle:"#1 Quét Khách Hàng Facebook Theo Thời Gian Thực"}),a.jsx("p",{className:"sub",children:p==="login"?"Đăng nhập tài khoản tổ chức của bạn":(e==null?void 0:e.registerLabel)||"Tạo tài khoản dùng thử"}),a.jsx(J,{block:!0,className:"auth-mode",value:p,onChange:y,options:[{label:"Đăng nhập",value:"login"},{label:"Đăng ký",value:"register"}]}),p==="login"?a.jsxs(x,{form:w,layout:"vertical",onFinish:O,requiredMark:!1,children:[!e&&a.jsx(x.Item,{label:"Chọn tool đăng nhập",children:a.jsx(J,{block:!0,value:T,onChange:b,options:i})}),a.jsx(x.Item,{name:"username",rules:[{required:!0,message:"Nhập user hoặc email"}],children:a.jsx(B,{ref:P,prefix:a.jsx(Z,{style:{color:"#bcc6d6"}}),placeholder:"Tên user hoặc email",size:"large",autoComplete:"username"})}),a.jsx(x.Item,{name:"password",rules:[{required:!0,message:"Nhập mật khẩu"}],children:a.jsx(B.Password,{ref:F,prefix:a.jsx(Q,{style:{color:"#bcc6d6"}}),placeholder:"Mật khẩu",size:"large",autoComplete:"current-password"})}),a.jsx(ie,{type:"primary",htmlType:"submit",block:!0,size:"large",className:"gct-btn",loading:g,children:"Đăng nhập"})]}):a.jsxs(x,{form:R,layout:"vertical",onFinish:_,requiredMark:!1,children:[e?a.jsx(x.Item,{label:"Tool đăng ký",children:a.jsx(B,{value:Be(e.code),size:"large",disabled:!0})}):a.jsx(x.Item,{label:"Chọn tool muốn dùng thử",children:a.jsx(J,{block:!0,value:I,onChange:k,options:i})}),a.jsx(x.Item,{name:"name",rules:[{required:!0,message:"Nhập tên khách"}],children:a.jsx(B,{ref:m,prefix:a.jsx(Z,{style:{color:"#bcc6d6"}}),placeholder:"Tên khách",size:"large",autoComplete:"name"})}),a.jsx(x.Item,{name:"username",normalize:l=>String(l||"").replace(/\s+/g,"").toLowerCase(),rules:[{required:!0,message:"Nhập tên user"},{min:3,message:"Tên user tối thiểu 3 ký tự"},{max:40,message:"Tên user tối đa 40 ký tự"},{pattern:/^[a-z0-9._-]+$/,message:"Tên user chỉ gồm chữ, số, dấu chấm, gạch ngang hoặc gạch dưới"}],children:a.jsx(B,{ref:c,prefix:a.jsx(Z,{style:{color:"#bcc6d6"}}),placeholder:"Tên user (không dấu cách)",size:"large",autoComplete:"username"})}),a.jsx(x.Item,{name:"email",rules:[{required:!0,message:"Nhập email"},{type:"email",message:"Email không hợp lệ"}],children:a.jsx(B,{ref:D,prefix:a.jsx(st,{style:{color:"#bcc6d6"}}),placeholder:"Email",size:"large",autoComplete:"email"})}),a.jsx(x.Item,{name:"phone",rules:[{required:!0,message:"Nhập số điện thoại"}],children:a.jsx(B,{ref:M,prefix:a.jsx(Ke,{style:{color:"#bcc6d6"}}),placeholder:"Số điện thoại",size:"large",autoComplete:"tel"})}),a.jsx(x.Item,{name:"password",rules:[{required:!0,message:"Nhập mật khẩu"},{min:6,message:"Mật khẩu tối thiểu 6 ký tự"}],children:a.jsx(B.Password,{ref:H,prefix:a.jsx(Q,{style:{color:"#bcc6d6"}}),placeholder:"Mật khẩu",size:"large",autoComplete:"new-password"})}),a.jsx(x.Item,{name:"confirm_password",dependencies:["password"],rules:[{required:!0,message:"Nhập lại mật khẩu"},({getFieldValue:l})=>({validator(d,s){return!s||l("password")===s?Promise.resolve():Promise.reject(new Error("Mật khẩu nhập lại không khớp"))}})],children:a.jsx(B.Password,{ref:u,prefix:a.jsx(Q,{style:{color:"#bcc6d6"}}),placeholder:"Nhập lại mật khẩu",size:"large",autoComplete:"new-password"})}),a.jsx("p",{className:"register-note",children:"Mỗi máy chỉ tạo được số lượng giới hạn tài khoản trong ngày để tránh spam."}),a.jsx(ie,{type:"primary",htmlType:"submit",block:!0,size:"large",className:"gct-btn",loading:g,children:"Tạo tài khoản dùng thử"})]}),(e==null?void 0:e.storeUrl)&&a.jsxs("a",{className:"gct-install",href:e.storeUrl,target:"_blank",rel:"noopener noreferrer",style:{display:"flex",alignItems:"center",justifyContent:"center",gap:8,marginTop:16,padding:"11px 14px",borderRadius:10,border:"1px solid #cfe0ff",background:"#eef5ff",color:"#1560c4",fontWeight:700,fontSize:14,textDecoration:"none"},children:["🧩 Cài đặt tiện ích ",e.label," trên Chrome"]})]})})}export{bt as default};