https://fanclaws.com/_next/static/chunks/pages/auth/sign-up-d314eb6707da3f22.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4928],{6094:function(e,n,t){"use strict";var s,a=t(67294);function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var s in t)({}).hasOwnProperty.call(t,s)&&(e[s]=t[s])}return e}).apply(null,arguments)}n.Z=function(e){return a.createElement("svg",i({width:25,height:25,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),s||(s=a.createElement("rect",{x:.5,y:.5,width:24,height:24,rx:4.5,fill:"#F2F5FF",stroke:"#214AB3"})))}},49008:function(e,n,t){"use strict";var s,a,i=t(67294);function l(){return(l=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var s in t)({}).hasOwnProperty.call(t,s)&&(e[s]=t[s])}return e}).apply(null,arguments)}n.Z=function(e){return i.createElement("svg",l({width:25,height:25,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),s||(s=i.createElement("rect",{x:.5,y:.5,width:24,height:24,rx:4.5,fill:"#FFF",stroke:"#214AB3"})),a||(a=i.createElement("path",{d:"m6 13.417 5.417 5.416L19.5 7",stroke:"#214AB3",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})))}},3318:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/auth/sign-up",function(){return t(20144)}])},74384:function(e,n,t){"use strict";t.d(n,{Z:function(){return i}});var s=t(85893),a=t(67294);function i(e){let{value:n,ms:t,onFinish:i}=e,[l,r]=(0,a.useState)(t);return(0,a.useEffect)(()=>{let e=n+1,s,a,l,o=()=>{e>0&&(s=--e/3600^0,a=(e-3600*s)/60^0,l=e-3600*s-60*a,r((a<10?"0"+a:a)+":"+(l<10?"0"+l:l))),0===e&&(clearInterval(d),i("Timer is done"))},d=setInterval(o,t);return o(),()=>clearInterval(d)},[t]),(0,s.jsx)("span",{children:l})}},36157:function(e,n,t){"use strict";var s=t(85893),a=t(67294);n.Z=(0,a.memo)(function(e){let{text:n,style:t}=e;return n?(0,s.jsx)("span",{className:"input-item-error",style:t,children:n}):null})},12677:function(e,n,t){"use strict";var s=t(85893),a=t(89552),i=t(67294);n.Z=(0,i.memo)(function(e){let{children:n,title:t,onClick:l,className:r,loading:o,disabled:d}=e,c=(0,i.useCallback)(e=>{d||l(e)},[l,d]);return(0,s.jsxs)("div",{onClick:c,className:[r,d?"btn__disabled":""].join(" "),style:{display:"flex",alignItems:"center",padding:0},children:[t||n,o&&(0,s.jsx)("div",{style:{marginLeft:8,marginRight:4,marginTop:4},children:(0,s.jsx)(a.Z,{})})]})})},61215:function(e,n,t){"use strict";var s=t(85893),a=t(67294),i=t(6094),l=t(49008);n.Z=(0,a.memo)(function(e){let{title:n,onChange:t,value:a,children:r,styleWrap:o,id:d,disabled:c,isError:u}=e;return(0,s.jsx)("div",{className:"input-item__wrap input-item__wrap_checkbox",style:o,children:(0,s.jsxs)("label",{htmlFor:d,children:[(0,s.jsx)("div",{style:{marginRight:8},children:a?(0,s.jsx)(l.Z,{width:"28",height:"28"}):(0,s.jsx)(i.Z,{width:"28",height:"28",style:{color:u?"":"#214AB3"}})}),(0,s.jsx)("input",{disabled:c,checked:a,onChange:t,type:"checkbox",id:d}),n,null!=r?r:null]})})})},66875:function(e,n,t){"use strict";t.d(n,{Z:function(){return p}});var s,a,i=t(85893),l=t(67294),r=t(36157),o=t(76627),d=t.n(o);function c(){return(c=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var s in t)({}).hasOwnProperty.call(t,s)&&(e[s]=t[s])}return e}).apply(null,arguments)}var u=function(e){return l.createElement("svg",c({width:22,height:14,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),s||(s=l.createElement("path",{d:"M11 .443c-4.203 0-8.015 2.3-10.828 6.035a.87.87 0 0 0 0 1.04c2.813 3.74 6.625 6.039 10.828 6.039 4.203 0 8.015-2.3 10.828-6.035a.87.87 0 0 0 0-1.04C19.015 2.742 15.203.442 11 .442Zm.302 11.174a4.63 4.63 0 0 1-4.92-4.919 4.638 4.638 0 0 1 4.316-4.315 4.63 4.63 0 0 1 4.92 4.918c-.15 2.3-2.017 4.168-4.316 4.316Zm-.14-2.133a2.487 2.487 0 0 1-2.646-2.646 2.502 2.502 0 0 1 2.326-2.327 2.488 2.488 0 0 1 2.647 2.646 2.502 2.502 0 0 1-2.327 2.327Z",fill:"#595959"})))};function m(){return(m=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var s in t)({}).hasOwnProperty.call(t,s)&&(e[s]=t[s])}return e}).apply(null,arguments)}var v=function(e){return l.createElement("svg",m({width:22,height:18,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),a||(a=l.createElement("path",{d:"M18.852 1.148a.733.733 0 0 0-1.037 0l-2.328 2.328A10.612 10.612 0 0 0 11 2.4C5.04 2.4.353 8.296.156 8.547a.733.733 0 0 0 0 .905 20.33 20.33 0 0 0 5.004 4.351l-2.012 2.012a.732.732 0 1 0 1.037 1.037L18.852 2.185a.733.733 0 0 0 0-1.037ZM7.333 9A3.671 3.671 0 0 1 11 5.333a3.588 3.588 0 0 1 2.002.628L7.962 11A3.587 3.587 0 0 1 7.332 9ZM21.844 8.547a20.49 20.49 0 0 0-3.752-3.528l-3.477 3.476c.03.167.046.336.051.505A3.671 3.671 0 0 1 11 12.666a3.572 3.572 0 0 1-.505-.05l-2.493 2.492c.9

168.317 1.98.483 2.998.492 5.959 0 10.647-5.897 10.844-6.148a.733.733 0 0 0 0-.905Z",fill:"#595959"})))};let h=(0,l.forwardRef)((e,n)=>{var t;let{error:s,label:a,classNameWrap:o,styleContainer:c,modalBlock:m,prefix:h}=e,[p,_]=(0,l.useState)(null==e?void 0:e.type);return(0,i.jsxs)("div",{className:"input-item",style:null!=c?c:{},children:[a&&(0,i.jsx)("div",{className:"input-item__title",children:a}),(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:"d-flex align-items-center input-item__wrap ".concat(null!=o?o:"").concat(s?" input-item-error":""),children:[(null==e?void 0:e.type)==="password"&&(0,i.jsx)("div",{className:"input-item_password",onClick:()=>_(e=>"text"===e?"password":"text"),children:"text"===p?(0,i.jsx)(v,{}):(0,i.jsx)(u,{})}),h,(0,i.jsx)(d(),{...e,inputRef:e=>{n||(n=e)},className:s?"error":void 0,type:null!=p?p:"text",value:null!==(t=null==e?void 0:e.value)&&void 0!==t?t:""}),m]}),(0,i.jsx)(r.Z,{text:s})]})]})});var p=(0,l.memo)(h)},20144:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return E}});var s=t(85893),a=t(13433),i=t(67294),l=t(75600),r=t(59168),o=t(58829),d=t(65243),c=(0,i.memo)(()=>{let e=(0,o.T)(),n=(0,a.l)(l.mb),{query:t,push:i}=(0,d.Z)(),c=(0,r.z)(e=>{(0,l.mb)({...n,type:e}),i((null==t?void 0:t.refer)?"/auth/sign-up?page=basic-info&refer=".concat(t.refer):"/auth/sign-up?page=basic-info")});return(null==t?void 0:t.page)==="type"?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("h1",{children:e("account_type")}),(0,s.jsxs)("div",{className:"input-item",children:[(0,s.jsxs)("div",{className:"input-item__wrap input-item__wrap_choose-account",onClick:()=>c("owner"),children:[(0,s.jsx)("input",{type:"radio",name:"choose-account",id:"account-owner"}),(0,s.jsx)("label",{for:"account-owner",children:(0,s.jsxs)("div",{className:"d-flex",children:[(0,s.jsx)("div",{className:"account-icon account-icon_owner",children:(0,s.jsx)("span",{className:"icon icon-choose-owner"})}),(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"title",children:e("owner")}),(0,s.jsx)("div",{className:"text",children:e("want_my_pet")})]})]})})]}),(0,s.jsxs)("div",{className:"input-item__wrap input-item__wrap_choose-account",onClick:()=>c("sitter"),children:[(0,s.jsx)("input",{type:"radio",name:"choose-account",id:"account-sitter"}),(0,s.jsx)("label",{for:"account-sitter",children:(0,s.jsxs)("div",{className:"d-flex",children:[(0,s.jsx)("div",{className:"account-icon account-icon_sitter",children:(0,s.jsx)("span",{className:"icon icon-choose-sitter"})}),(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"title",children:e("sitter_or_walker")}),(0,s.jsx)("div",{className:"text",children:e("want_to_take_care")})]})]})})]})]})]}):null}),u=t(50319),m=t(73359),v=t(87445),h=t(77079),p=t(12677),_=t(61215),g=t(66875),f=t(26250),x=t(34853),j=(0,i.memo)(()=>{var e,n,t,c,x,j,w;let y=(0,o.T)(),{query:b,push:N,lang:Z}=(0,d.Z)(),V=(0,a.l)(l.mb),[k,C]=(0,i.useState)({}),[E,O]=(0,i.useState)(!1),[A,S]=(0,i.useState)(!1),[L,F]=(0,u.D)(v.lU),[z,{loading:T}]=(0,m.t)(v.D4,{fetchPolicy:"network-only"}),D=(0,r.z)(e=>{let{target:{name:n,value:t}}=e,s="";("first_name"===n||"last_name"===n)&&(s=t.trimStart(),t.length>100)||((0,l.mb)({...V,[n]:s||t}),(null==h?void 0:h[n])&&C({...k,[n]:h[n](s||t)}),"second_password"===n&&t!==(null==V?void 0:V.password)?k.second_password={isValidate:!1,message:"passwords_do_not_match"}:k.second_password={isValidate:!0,message:""})}),P=(0,r.z)(async()=>{var e,n;let t={},{password:s,second_password:a,email:i}=V;Object.entries(V).forEach(e=>{let[n,s]=e;(null==h?void 0:h[n])&&(t[n]=h[n](s))});let r={isValidate:!0,message:""};if((null==t?void 0:null===(e=t.password)||void 0===e?void 0:e.isValidate)&&(a!==s?(t.password={isValidate:!1,message:"passwords_do_not_match"},t.second_password={isValidate:!1,message:"passwords_do_not_match"}):(t.password=r,t.second_password=r)),Object.values(t).some(e=>!(null==e?void 0:e.isValidate))){C(t);return}let{data:o}=await L({variables:{input:{email:i}}});if(null===(n=o.checkEmail)||void 0===n?void 0:n.email){t.email={isValidate:!1,message:"email_exists"},C(t);return}if(t.email=r,Object.values(t).some(e=>!(null==e?void 0:e.isValidate))){C(t);return}await z({variables:{email:i,lang:Z}}),N((null==b?void 0:b.refer)?"/auth/sign-up?page=confirm&refer=".concat(b.refer):"/auth/sign-up?page=confirm"),setTimeout(()=>{(0,l.fs)({isShow:!0,sitterText:"profile_not_shown_search",ownerText:"owner_profile_not_activated"})},3e3)}),q=(0,i.useMemo)(()=>Object.values(V||{}).some(e=>""===e),[V]);if((0,i.useEffect)(()=>{let e=e=>{("Enter"===e.code||"NumpadEnter"===e.code)&&(e.preventDefault(),P())};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[]),(null==b?void 0:b.page)==="basic-info"){let[a,i]=(null===(e=y("auth_privacy_policy"))||void 0===e?void 0:e.split("%sep1%"))||[],[l,r]=(null==i?void 0:i.split("%sep2%"))||[],[o,d]=(null==r?void 0:r.split("%sep3%"))||[],[u,m]=(null==d?void 0:d.split("%sep4%"))||[],[v,h]=(null===(n=y("user_agreement"))||void 0===n?void 0:n.split("%sep1%"))||[],b=T||F.loading;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("h1",{children:y("sign_up")}),(0,s.jsxs)("div",{className:"form",children:[(0,s.jsx)(g.Z,{label:y("first_name"),error:y(null==k?void 0:null===(t=k.first_name)||void 0===t?void 0:t.message),value:null==V?void 0:V.first_name,type:"text",placeholder:y("placeholder_your_first_name"),name:"first_name",onChange:D}),(0,s.jsx)(g.Z,{label:y("last_name"),value:null==V?void 0:V.last_name,type:"text",placeholder:y("placeholder_your_last_name"),name:"last_name",onChange:D,maxLength:"100",error:y(null==k?void 0:null===(c=k.last_name)||void 0===c?void 0:c.message)}),(0,s.jsx)(g.Z,{label:y("email"),error:y(null==k?void 0:null===(x=k.email)||void 0===x?void 0:x.message),value:null==V?void 0:V.email,type:"text",placeholder:y("placeholder_your_email"),name:"email",onChange:D,maxLength:"250"}),(0,s.jsx)(g.Z,{label:y("create_password"),error:y(null==k?void 0:null===(j=k.password)||void 0===j?void 0:j.message),value:null==V?void 0:V.password,type:"password",placeholder:y("placeholder_create_your_password"),name:"password",onChange:D,maxLength:"32",minLength:"8"}),(0,s.jsx)(g.Z,{label:y("confirm_password"),error:y(null==k?void 0:null===(w=k.second_password)||void 0===w?void 0:w.message),value:null==V?void 0:V.second_password,type:"password",placeholder:y("placeholder_confirm_your_password"),name:"second_password",onChange:D,maxLength:"32",minLength:"8"}),(0,s.jsx)("div",{children:(0,s.jsx)(_.Z,{id:"privacyPolicy",onChange:()=>S(!A),value:A,children:(0,s.jsxs)("div",{className:"sign-up__small-text",children:[a,(0,s.jsxs)(f.Z,{href:"/privacy-policy",children:["\xa0",u]}),m]})})}),(0,s.jsx)("div",{className:"mt-2",children:(0,s.jsx)(_.Z,{id:"agreement",onChange:()=>O(!E),value:E,children:(0,s.jsxs)("div",{className:"sign-up__small-text",children:[v,(0,s.jsxs)(f.Z,{href:"/user-agreement",children:["\xa0",h]})]})})}),(0,s.jsx)(p.Z,{disabled:q||b||!A||!E,loading:b,children:y("btn_text_sign_up"),onClick:P,className:"btn btn__sign-up btn__orange mt-3"})]})]})}return null}),w=t(89552),y=t(15580),b=t(74384),N=t(36157),Z=(0,i.memo)(()=>{var e,n;let t=(0,o.T)(),c=(0,a.l)(l.mb),{lang:p,back:_,query:f,push:j}=(0,d.Z)(),[Z,V]=(0,i.useState)({}),[k,C]=(0,i.useState)(""),[E,O]=(0,i.useState)(""),[A,S]=(0,i.useState)(!0),[L,{loading:F}]=(0,u.D)(v.yz),[z,{loading:T}]=(0,m.t)(v.D4,{fetchPolicy:"network-only"}),[D,P]=(0,u.D)(v._5,{update(e,n){var t,s;let{data:a}=n;(null===(t=a.userSignUp)||void 0===t?void 0:t.active)&&(e.writeQuery({query:y.JA,data:{user:{...a.userSignUp}}}),(0,l.mb)(null),j((null==f?void 0:f.refer)?"/".concat(null===(s=f.refer)||void 0===s?void 0:s.toString()):"/"))}}),q=(0,r.z)(async()=>{S(!0),await z({variables:{email:c.email,lang:p}})}),B=(0,r.z)(e=>{let{target:{name:n,value:t}}=e;(null==h?void 0:h[n])&&V({[n]:h[n](t)}

1),C(e.target.value.replace(/[^0-9]/g,""))}),M=(0,r.z)(async()=>{var e,n,t;let{data:s}=await L({variables:{input:{code:k,email:c.email}}});if((null==s?void 0:null===(e=s.verifyCode)||void 0===e?void 0:e.status)==="error"){V({code:{isValidate:!1,message:s.verifyCode.message}});return}if((null==s?void 0:null===(n=s.verifyCode)||void 0===n?void 0:n.status)==="success"){(null==c?void 0:c.type)==="sitter"&&(ym(94057530,"reachGoal","registr_sitter"),gtag("event","registr_sitter")),(null==c?void 0:c.type)==="owner"&&(ym(94057530,"reachGoal","registr_owner"),gtag("event","registr_owner"));let{data:e}=await D({variables:{input:{...c,captcha:E,lang:p}}});if((null==e?void 0:null===(t=e.userSignUp)||void 0===t?void 0:t.status)==="error"){V({invalidData:{isValidate:!1,message:e.userSignUp.message}});return}}V({})}),R=(0,r.z)(()=>{(0,l.mb)(null),_()});return(null==f?void 0:f.page)==="confirm"?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("h1",{children:t("sign_up")}),(0,s.jsx)("div",{className:"form",children:(0,s.jsxs)("div",{className:"verify",children:[(0,s.jsxs)("p",{children:[t("sent_code_to_email")," ".concat(null==c?void 0:c.email)]}),(0,s.jsxs)("div",{className:"d-flex align-items-end mt-4 flex-wrap",children:[(0,s.jsx)("div",{className:"code",children:(0,s.jsx)(g.Z,{error:t(null==Z?void 0:null===(e=Z.code)||void 0===e?void 0:e.message),value:k,type:"text",placeholder:"",label:t("enter_code"),name:"code",maxLength:"4",onChange:B})}),(0,s.jsx)("p",{children:t("code_description")})]}),(0,s.jsxs)("div",{className:"d-flex timer justify-content-between align-items-center",children:[A&&(0,s.jsx)(b.Z,{value:60,ms:1e3,onFinish:()=>S(!1)}),(0,s.jsx)("div",{className:"btn-resend".concat(A?" disabled":""),onClick:A?void 0:q,children:t("resend_sms")})]}),(0,s.jsx)("div",{className:"mt-4 d-flex justify-content-center",children:(0,s.jsx)(x.Z,{sitekey:"6Lfkj5YqAAAAAG4RanEkaDe8sOxEPMYtzF9WTn2S",onChange:O})}),(0,s.jsx)(N.Z,{text:t(null==Z?void 0:null===(n=Z.invalidData)||void 0===n?void 0:n.message)}),(0,s.jsxs)("div",{className:"btn btn__orange ".concat(P.loading?"btn__disabled":""," mt-4"),onClick:M,children:[!P.loading&&t("verify"),P.loading&&(0,s.jsx)(w.Z,{})]}),(0,s.jsx)("div",{className:"back mt-4",onClick:R,children:t("back")})]})})]}):null}),V=t(61925),k=t(50013),C=t(18676);function E(){let e=(0,o.T)();return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(C.Z,{title:"FanClaws | ".concat(e("sign_up"))}),(0,s.jsx)(k.Z,{}),(0,s.jsxs)("div",{style:{display:"flex",flexDirection:"column",height:"100vh"},children:[(0,s.jsx)("main",{className:"sign-up-page",children:(0,s.jsx)("div",{className:"container",children:(0,s.jsx)("div",{className:"row",children:(0,s.jsx)("div",{className:"col-12 offset-lg-3 col-lg-6",children:(0,s.jsxs)("div",{className:"sign-up__card",children:[(0,s.jsx)(c,{}),(0,s.jsx)(j,{}),(0,s.jsx)(Z,{}),(0,s.jsxs)("div",{className:"sign-up__card-bottom",children:[(0,s.jsx)("div",{children:e("already_have_an_account")}

1),(0,s.jsx)("div",{className:"d-flex justify-content-center",children:(0,s.jsx)(f.Z,{href:"/auth",className:"btn btn__yellow",children:e("sing_in_btn_text")})})]})]})})})})}),(0,s.jsx)(V.Z,{})]})]})}},44100:function(e,n,t){"use strict";t.d(n,{T:function(){return s}});let s=e=>0===e.length?{isValidate:!1,message:"required_field"}:e.length<4?{isValidate:!1,message:"wrong_format"}:{isValidate:!0,message:""}},63285:function(e,n,t){"use strict";t.d(n,{D:function(){return s}});let s=e=>0===e.length?{isValidate:!1,message:"required_field"}:e.includes("@")?/^([a-zA-Z0-9_-]+\.)*[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)*\.[a-zA-Z]{2,6}$/.test(e)?{isValidate:!0,message:""}:{isValidate:!1,message:"incorrect_input"}:{isValidate:!1,message:"email_must_contain"}},77079:function(e,n,t){"use strict";t.r(n),t.d(n,{code:function(){return o.T},email:function(){return s.D},first_name:function(){return l},last_name:function(){return l},location:function(){return r},password:function(){return a.B},password_new:function(){return a.B},password_new2:function(){return a.B},pet_age:function(){return d},pet_name:function(){return l},phone_number:function(){return i}});var s=t(63285),a=t(12880);let i=e=>0===e.length?{isValidate:!1,message:"required_field"}:e.replace(/[\s()+_-]/g,"").length<11?{isValidate:!1,message:"wrong_format"}:{isValidate:!0,message:""},l=(e,n)=>0===e.length?{isValidate:!1,message:"required_field"}:"pet_name"===n&&e.length>20||("first_name"===n||"last_name"===n)&&e.length>50?{isValidate:!1,message:"exceeded_number_of_characters"}:(/[,\\.:;!'")({}[\]№%*+=_/@#$^~&<\->|\'`?/0-9]/.test(e)||/^\s+/.test(e))&&"pet_name"!==n?{isValidate:!1,message:"validation_error"}:{isValidate:!0,message:""},r=e=>{var n,t,s;return 0===Object.values(e).length?{isValidate:!1,message:"required_field"}:(null==e?void 0:null===(n=e.place_type)||void 0===n?void 0:n[0])==="country"?{isValidate:!1,message:"enter_the_city"}:(null==e?void 0:null===(t=e.place_type)||void 0===t?void 0:t[0])==="place"?{isValidate:!1,message:"enter_the_street"}:(null===(s=Object)||void 0===s?void 0:s.values(e).length)<2?{isValidate:!1,message:"address_entered_incorrectly"}:{isValidate:!0,message:""}};var o=t(44100);let d=e=>0===e.length?{isValidate:!1,message:"required_field"}:/[^0-9]/.test(e)?{isValidate:!1,message:"use_number_characters"}:{isValidate:!0,message:""}},12880:function(e,n,t){"use strict";t.d(n,{B:function(){return s}});let s=e=>e.length<8?{isValidate:!1,message:"password_length"}:{isValidate:!0,message:""}}},function(e){e.O(0,[7125,4853,8751,7683,1925,9774,2888,179],function(){return e(e.s=3318)}),_N_E=e.O()}]);