https://fanclaws.com/_next/static/chunks/pages/profile/pets-29e7220d85f27196.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2766],{89517:function(e,t,n){"use strict";var r,s=n(67294);function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}t.Z=function(e){return s.createElement("svg",i({width:39,height:35,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),r||(r=s.createElement("path",{d:"M28.717 20.138c-2.59-3.136-5.863-4.862-9.217-4.862-3.355 0-6.628 1.727-9.218 4.862-2.327 2.818-3.717 6.37-3.717 9.5 0 1.521.464 2.68 1.378 3.444.903.754 2.094 1.009 3.424 1.009 1.414 0 2.985-.289 4.528-.573 1.35-.248 2.623-.482 3.605-.482.847 0 2.042.222 3.307.457 2.956.55 6.306 1.174 8.241-.44.92-.766 1.387-1.915 1.387-3.415 0-3.13-1.39-6.682-3.718-9.5ZM28.982 3.113C28.034 1.713 26.677.91 25.259.91c-1.418 0-2.775.804-3.723 2.204-.87 1.287-1.35 2.977-1.35 4.759 0 1.781.48 3.471 1.35 4.758.948 1.4 2.305 2.204 3.723 2.204 1.418 0 2.775-.803 3.723-2.204.87-1.287 1.35-2.977 1.35-4.758 0-1.782-.48-3.472-1.35-4.759ZM17.462 3.113C16.515 1.713 15.158.91 13.74.91c-1.418 0-2.775.804-3.723 2.204-.87 1.287-1.35 2.977-1.35 4.759 0 1.781.48 3.471 1.35 4.758.948 1.4 2.305 2.204 3.723 2.204 1.418 0 2.775-.803 3.722-2.204.87-1.287 1.35-2.977 1.35-4.758 0-1.782-.48-3.472-1.35-4.759ZM38.521 14.043c-.382-1.303-1.2-2.25-2.305-2.666-.89-.335-1.893-.278-2.826.16-1.286.603-2.337 1.85-2.883 3.418-.447 1.282-.503 2.637-.157 3.816.382 1.303 1.2 2.25 2.305 2.666.383.144.786.215 1.196.215.543 0 1.098-.126 1.63-.375 1.286-.604 2.337-1.85 2.883-3.418.447-1.282.503-2.638.157-3.816ZM8.493 14.955c-.547-1.569-1.598-2.815-2.884-3.418-.933-.438-1.936-.495-2.825-.16C1.679 11.793.86 12.74.478 14.043c-.345 1.178-.29 2.534.157 3.816.547 1.569 1.598 2.814 2.884 3.418a3.84 3.84 0 0 0 1.63.375c.41 0 .813-.072 1.195-.215 1.105-.417 1.924-1.363 2.306-2.666.345-1.179.29-2.534-.157-3.816Z",fill:"#A9A9A9"})))}},22516:function(e,t,n){"use strict";var r,s=n(67294);function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}t.Z=function(e){return s.createElement("svg",i({width:18,height:19,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),r||(r=s.createElement("path",{d:"M16.393 7.893h-5.464a.322.322 0 0 1-.322-.322V2.107a1.607 1.607 0 0 0-3.214 0v5.464a.321.321 0 0 1-.322.322H1.607a1.607 1.607 0 0 0 0 3.214h5.464c.178 0 .322.144.322.322v5.464a1.607 1.607 0 0 0 3.214 0v-5.464c0-.178.144-.322.322-.322h5.464a1.607 1.607 0 0 0 0-3.214Z",fill:"currentColor"})))}},54387:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/profile/pets",function(){return n(59519)}])},14902:function(e,t,n){"use strict";n.d(t,{r:function(){return r}});let r=JSON.stringify(["pet_name","pet_main_image","pet_size","pet_age","pet_breed","pet_gender","pet_type"])},74581:function(e,t,n){"use strict";n.d(t,{g:function(){return a},t:function(){return l}});var r=n(85893),s=n(67294);let i=(0,s.createContext)(!1),l=(0,s.memo)(e=>{let{value:t,children:n}=e;return(0,r.jsx)(i.Provider,{value:t,children:n})});function a(){return(0,s.useContext)(i)}},80448:function(e,t,n){"use strict";n.d(t,{UD:function(){return x}});var r,s,i,l,a=n(85893),c=n(67294);function o(){return(o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}var u=function(e){return c.createElement("svg",o({width:14,height:14,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),r||(r=c.createElement("path",{d:"M12.657 10.636 9.222 7.202a.286.286 0 0 1 0-.404l3.435-3.435a1.429 1.429 0 1 0-2.02-2.02L7.201 4.778a.286.286 0 0 1-.404 0L3.363 1.343a1.429 1.429 0 0 0-2.02 2.02l3.434 3.435a.286.286 0 0 1 0 .404l-3.434 3.434a1.429 1.429 0 0 0 2.02 2.02l3.435-3.434a.286.286 0 0 1 .404 0l3.434 3.435a1.429 1.429 0 1 0 2.02-2.02Z",fill:"#C6C6C6"})))};function d(){return(d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}var f=function(e){return c.createElement("svg",d({width:30,height:31,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),s||(s=c.createElement("circle",{cx:15,cy:15.5,r:15,fill:"#78D793"})),i||(i=c.createElement("g",{clipPath:"url(#MessageSuccess_svg__a)"},c.createElement("path",{d:"m15.515 19.767 5.874-5.874a.717.717 0 0 0 .211-.51.717.717 0 0 0-.21-.511l-.433-.433a.723.723 0 0 0-1.021 0l-4.933 4.933-4.938-4.939a.717.717 0 0 0-.51-.21.718.718 0 0 0-.512.21l-.432.433a.717.717 0 0 0-.21.51c0 .194.074.375.21.511l5.88 5.88c.136.136.318.21.511.21a.718.718 0 0 0 .513-.21Z",fill:"#fff"}))),l||(l=c.createElement("defs",null,c.createElement("clipPath",{id:"MessageSuccess_svg__a"},c.createElement("path",{fill:"#fff",transform:"rotate(90 6.05 15.55)",d:"M0 0h13.2v13.2H0z"})))))},p=n(59168);let h={},v=()=>{h.setMessage(null)},m=e=>{let{timeoutClose:t=5e3}=e,[n,r]=(0,c.useState)(null),s=function(){let[e,t]=(0,c.useState)();return(0,c.useEffect)(()=>{function e(){t({y:window.scrollY})}return e(),window.addEventListener("scroll",e),()=>window.removeEventListener("scroll",e)},[]),e}(),i=(0,p.z)(()=>{r(null);let e=null==n?void 0:n[1];(null==e?void 0:e.onAfterClose)&&(null==e||e.onAfterClose())});return((0,c.useEffect)(()=>{n&&setTimeout(i,t)},[n]),(0,c.useEffect)(()=>(h.setMessage=r,v),[]),n)?(0,a.jsxs)("div",{className:"message",style:{position:s.y<70?"absolute":"fixed",top:s.y<70?70:0},children:[(0,a.jsx)("div",{className:"message__icon",children:(0,a.jsx)(f,{})}),(0,a.jsx)("div",{className:"message__body",children:n[0]}),(0,a.jsx)("div",{className:"message__cross",onClick:i,children:(0,a.jsx)(u,{})})]}):null},g=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];h.setMessage(t)};function x(){return[g,m]}},59519:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return z}});var r,s=n(85893),i=n(61925),l=n(50013),a=n(18676),c=n(25704),o=n(67294),u=n(45962),d=n(58829),f=n(22516),p=n(26250),h=n(13433),v=n(6388),m=n(15580),g=n(14902),x=n(74581);function j(){return(j=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}var w=function(e){return o.createElement("svg",j({width:66,height:57,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),r||(r=o.createElement("path",{d:"M48.565 32.942c-4.374-5.28-9.901-8.188-15.566-8.188-5.664 0-11.192 2.908-15.565 8.188-3.931 4.746-6.278 10.728-6.278 16 0 2.562.783 4.513 2.328 5.8 1.524 1.27 3.536 1.7 5.781 1.7 2.389 0 5.042-.487 7.648-.965 2.277-.418 4.428-.813 6.086-.813 1.431 0 3.449.375 5.585.771 4.991.927 10.649 1.977 13.917-.74 1.553-1.292 2.341-3.227 2.341-5.752 0-5.273-2.346-11.255-6.277-16ZM49.012 4.27C47.412 1.913 45.121.56 42.726.56c-2.395 0-4.686 1.353-6.286 3.712-1.47 2.167-2.28 5.013-2.28 8.014 0 3 .81 5.846 2.28 8.014 1.6 2.359 3.891 3.712 6.286 3.712 2.395 0 4.686-1.353 6.286-3.712 1.47-2.168 2.28-5.014 2.28-8.014 0-3.001-.81-5.847-2.28-8.014ZM29.56 4.27C27.958 1.913 25.667.56 23.272.56s-4.686 1.353-6.287 3.712c-1.47 2.167-2.279 5.013-2.279 8.014 0 3 .81 5.846 2.28 8.014 1.6 2.359 3.89 3.712 6.286 3.712 2.395 0 4.686-1.353 6.286-3.712 1.47-2.168 2.28-5.014 2.28-8.014 0-3.001-.81-5.847-2.28-8.014ZM65.122 22.677c-.645-2.195-2.028-3.79-3.893-4.49-1.501-.564-3.196-.468-4.771.27-2.172 1.015-3.947 3.114-4.87 5.756-.754 2.16-.848 4.442-.264 6.427.645 2.194 2.027 3.788 3.893 4.489a5.726 5.726 0 0 0 2.019.363c.917 0 1.854-.212 2.752-.632 2.172-1.016 3.947-3.115 4.87-5.757.754-2.159.848-4.441.264-6.427ZM14.412 24.213c-.923-2.642-2.698-4.74-4.87-5.757-1.575-.737-3.27-.833-4.77-.269-1.866.7-3.249 2.295-3.894 4.49-.583 1.985-.49 4.267.265 6.426.923 2.642 2.698 4.74 4.87 5.757.898.42 1.835.632 2.752.632a5.73 5.73 0 0 0 2.019-.363c1.866-.7 3.248-2.295 3.893-4.49.584-1.984.49-4.267-.265-6.426Z",fill:"#7498F5"})))},_=(0,o.memo)(function(){let e=(0,d.T)();return(0,s.jsxs)("div",{className:"profile-page__no-have-pets",children:[(0,s.jsx)(w,{}),(0,s.jsx)("span",{children:e("no_pets")})]})}),y=n(25675),b=n.n(y),E=n(33401),C=n(65243),Z=n(89517),N=n(44427),M=n(50319),O=n(50980),P=n(87445),T=n(59168),R=n(75270),k=(0,o.memo)(function(){let e=(0,d.T)(),{id:t}=(0,x.g)(),[n,r]=(0,o.useState)(!1),[i,{loading:l}]=(0,M.D)(P.CO,{refetchQueries:["GET_USER_PETS","GET_USER_PROGRESS"],awaitRefetchQueries:!0}),a=(0,T.z)(async e=>{r(!1),await i({variables:{input:{pet_id:t}}})});return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(O.Z,{align:"end",children:[(0,s.jsx)(O.Z.Toggle,{as:(0,o.forwardRef)((e,t)=>{let{onClick:n}=e;return(0,s.jsx)("div",{className:"icon icon-points dropdown-toggle",ref:t,onClick:e=>{null==e||e.stopPropagation(),e.preventDefault(),n(e)}})})}),(0,s.jsx)(O.Z.Menu,{popperConfig:{strategy:"fixed",onFirstUpdate:()=>window.dispatchEvent(new CustomEvent("scroll"))},children:(0,s.jsx)(O.Z.Item,{as:(0,o.forwardRef)((t,n)=>{let{onClick:i}=t;return(0,s.jsxs)("div",{className:"pet-edit__btn pet-edit__btn_delete",ref:n,onClick:e=>{e.preventDefault(),i(e),r(!0)},children:[(0,s.jsx)("span",{className:"icon icon-bin"}),e("delete")]})})})})]}),(0,s.jsx)(R.Z,{prefixClass:"attention",centered:!0,backdrop:"static",onConfirm:a,show:n,onCancel:e=>{r(!1)},children:(0,s.jsx)(s.Fragment,{children:(0,s.jsx)("div",{className:"text",dangerouslySetInnerHTML:{__html:e("alert_pet_delete")}})}),loading:l})]})}),S=(0,o.memo)(e=>{var t,n,r;let{isShowMore:i,canDelete:l}=e,{query:a,lang:c}=(0,C.Z)(),u=(0,d.T)(),{pet_main_image:f,pet_name:h,id:v,pet_breed:m,pet_gender:g,pet_size:j,pet_age:w,status:_}=(0,x.g)(),y=[null==g?void 0:null===(t=g.title)||void 0===t?void 0:t[c],null==j?void 0:null===(n=j.title)||void 0===n?void 0:n.en,w?"".concat(w," y.o."):null].filter(e=>e),M=(0,N.Y)(null==m?void 0:m.title,c),O=null==f?void 0:null===(r=f[0])||void 0===r?void 0:r.id,P=(0,o.useMemo)(()=>({src:E.W1+O,isEmpty:!!O}),[O,v]);return(0,s.jsxs)("div",{className:"pets-item",style:{},children:[(0,s.jsx)(p.Z,{href:"/profile/pets/".concat(v),style:{position:"absolute",inset:0}}),(0,s.jsxs)("div",{className:"pets-item-avatar",children:[(null==P?void 0:P.isEmpty)&&(0,s.jsx)(b(),{src:null==P?void 0:P.src,alt:h,width:88,height:88}),!(null==P?void 0:P.isEmpty)&&(0,s.jsx)(Z.Z,{})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"pets-item-name",children:null!=h?h:u("no_name")}),(0,s.jsxs)("div",{className:"pets-item-description",children:[!y.length&&!M&&(0,s.jsx)("div",{children:u("no_information")}),M&&(0,s.jsxs)(s.Fragment,{children:[M,(0,s.jsx)("br",{})]}

1),!!y.length&&y.join(", ")]}),i&&(0,s.jsxs)(p.Z,{href:"/sitters/".concat(a.sitter,"/pets/").concat(v),children:[u("show_more")," ",(0,s.jsx)("span",{className:"icon icon-arrow-right"})]})]}),l&&(0,s.jsx)(k,{})]})}),D=n(75600),F=n(80448),A=(0,o.memo)(function(){var e;let t=(0,h.l)(D.OW),[n,r]=(0,F.UD)(),i=(0,d.T)(),{data:l}=(0,v.aM)(m.K6,{variables:{nameTypes:g.r},fetchPolicy:"cache-and-network"});(0,o.useEffect)(()=>{t&&n("".concat(i("data_saved")[0].toUpperCase()+i("data_saved").slice(1).toLowerCase())),(0,D.OW)(!1)},[]);let a=(null==l?void 0:l.pets)||[];return(null==l?void 0:null===(e=l.pets)||void 0===e?void 0:e.length)?(0,s.jsxs)("div",{className:"my-pets row",children:[(0,s.jsx)(r,{}),a.map(e=>(0,s.jsx)("div",{className:"col-md-12 col-lg-6",children:(0,s.jsx)(x.t,{value:e,children:(0,s.jsx)(S,{canDelete:!0})})},e.id))]}):(0,s.jsx)("div",{className:"my-pets row",children:(0,s.jsx)(_,{})})}),L=(0,o.memo)(function(){var e;let t=(0,d.T)(),{breakpoint:n}=(0,u.G)(),r=(0,o.useRef)(null),[i,l]=(0,o.useState)(0);return(0,o.useEffect)(()=>

1{l(r.current.clientHeight)},[n]),(0,s.jsxs)("div",{className:"my-pets",children:[(0,s.jsxs)("div",{className:"my-pets__header",children:[(0,s.jsx)("h3",{children:t("my_pets")}),(0,s.jsx)("div",{children:(0,s.jsx)(p.Z,{href:"/profile/pets/add",className:"my-pets__btn-add",children:(0,s.jsxs)("span",{ref:r,children:[(0,s.jsx)(f.Z,{style:{marginRight:10,color:"#214AB3",marginBottom:"-".concat(54===i?27:0,"px")}}),t("add")," ",null===(e=t("pet"))||void 0===e?void 0:e.toLowerCase()]})})})]}),(0,s.jsx)(A,{})]})}),H=n(49157),U=n(36482),Q=n(7588);function z(){var e;let t=(0,d.T)(),n=(0,Q.a)({redirectTo:"/auth"});return n.isMeAuth?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.Z,{title:"FanClaws | ".concat(t("profile")," ").concat(null===(e=t("page"))||void 0===e?void 0:e.toLowerCase())}),(0,s.jsxs)("div",{className:"full-height",children:[(0,s.jsx)(l.Z,{}),(0,s.jsx)("div",{className:"container",children:(0,s.jsxs)("div",{className:"profile-page",children:[(0,s.jsx)("div",{className:"d-none d-md-block",children:(0,s.jsx)(U.Z,{})}),(0,s.jsx)(c.Z,{}),(0,s.jsx)("div",{className:"d-block d-md-none",children:(0,s.jsx)(U.Z,{})}),(0,s.jsx)(H.Z,{children:(0,s.jsx)(L,{})})]})}),(0,s.jsx)(i.Z,{})]})]}):null}},74169:function(){},73359:function(e,t,n){"use strict";n.d(t,{t:function(){return o}});var r=n(97582),s=n(73914),i=n(14012),l=n(6388),a=n(770),c=["refetch","reobserve","fetchMore","updateQuery","startPolling","stopPolling","subscribeToMore"];function o(e,t){var n,o=s.useRef(),u=s.useRef(),d=s.useRef(),f=(0,i.J)(t,o.current||{}),p=null!==(n=null==f?void 0:f.query)&&void 0!==n?n:e;u.current=t,d.current=p;var h=(0,r.pi)((0,r.pi)({},f),{skip:!o.current}),v=(0,l.p1)(p,h),m=v.obsQueryFields,g=v.result,x=v.client,j=v.resultData,w=v.observable,_=v.onQueryExecuted,y=w.options.initialFetchPolicy||(0,l._F)(h.defaultOptions,x.defaultOptions),b=s.useReducer(function(e){return e+1},0)[1],E=s.useMemo(function(){for(var e={},t=0;t<c.length;t++)!function(t){var n=m[t];e[t]=function(){return o.current||(o.current=Object.create(null),b()),n.apply(this,arguments)}}(c[t]);return e},[b,m]),C=!!o.current,Z=s.useMemo(function(){return(0,r.pi)((0,r.pi)((0,r.pi)({},g),E),{called:C})},[g,E,C]),N=s.useCallback(function(e){o.current=e?(0,r.pi)((0,r.pi)({},e),{fetchPolicy:e.fetchPolicy||y}):{fetchPolicy:y};var t,n,s,a,c=(0,i.J)(u.current,(0,r.pi)({query:d.current},o.current)),f=(n=(t=(0,r.pi)((0,r.pi)({},c),{skip:!1})).query||p,s=(0,l.mp)(x,n,t,!1)(w),a=w.reobserveAsConcast((0,l.RN)(w,x,t,s)),_(s),new Promise(function(e){var t;a.subscribe({next:function(e){t=e},error:function(){e((0,l.KH)(w.getCurrentResult(),j.previousData,w,x))},complete:function(){e((0,l.KH)(t,j.previousData,w,x))}})})).then(function(e){return Object.assign(e,E)});return f.catch(function(){}),f},[x,p,E,y,w,j,_]),M=s.useRef(N);return(0,a.L)(function(){M.current=N}),[s.useCallback(function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return M.current.apply(M,e)},[]),Z]}}},function(e){e.O(0,[6580,7125,5675,7683,1925,272,9774,2888,179],function(){return e(e.s=54387)}),_N_E=e.O()}]);