https://web-assets.myfitnesspal.com/web-main/_next/static/chunks/p…/my-goals/meal-goals-e554ed804462e6e2.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2958],{3952:(e,l,a)=>{"use strict";a.d(l,{A:()=>c});var s=a(64255),r=a(37124),n=a(79642),o=a(54698),t=a(73202),i=a(98416),d=a(59674),u=a(77856);let c=(0,o.A)(({children:e,loading:l,loadingSpinnerProps:a,ref:o,...t})=>(0,s.jsx)(r.A,{ref:o,LinkComponent:u.A,...t,children:l?(0,s.jsx)(n.A,{color:"inherit",thickness:4,size:24,...a}):e}))((0,t.A)(i.Ay,d.Ay))},15998:(e,l,a)=>{"use strict";a.r(l),a.d(l,{__N_SSP:()=>ea,default:()=>es});var s=a(64255),r=a(41695),n=a(9243),o=a(10039),t=a(92905),i=a.n(t),d=a(42869),u=a(63826),c=a(21161),g=a(98825),m=a(1179),y=a(26081),x=a(90110),_=a(99790),f=a(18741),h=a(21081),j=a(13879),A=a(61924),p=a(92361),b=a(42631),v=a(7367),k=a(14327),S=a(24378),C=a.n(S),w=a(68559),$=a(35635),z=a(87373),E=a(28845),M=a(52216),N=a(82423),P=a(90999),F=a(33552),I=a(20617),q=a(3952),W=a(48712),B=a(76095);let K={m:{xs:"40px auto"}},L={mb:5},T={display:"flex",justifyContent:"flex-end",mb:3},G={cursor:"pointer",p:0},D={borderBottom:1,borderColor:"divider"},O={px:0},Q={display:"flex"},R={bgcolor:"#f6f6f6",border:"1px solid #e6e6e6",px:4,py:2,alignItems:"center"},U={"& div":{bgcolor:"common.neutrals.inverse","& input":{width:70}},justifyContent:"center",minWidth:110},V={mt:3},H={display:"flex",justifyContent:"flex-end",alignItems:"center"},X={py:3},Y={fontWeight:700},Z={fontSize:20,fontWeight:700},J={mr:1},ee={my:5},el=()=>{let e=(0,w.Vb)(),l=(0,d.jE)(),{formatNumber:a}=(0,k.A)(),{sendAlert:t,isOpen:S}=(0,F.d)(),{push:B,query:el}=(0,n.useRouter)(),{data:ea,isPending:es}=(0,u.I)({queryKey:["user"],queryFn:()=>(0,z.wz)({})}),{data:er,isPending:en}=(0,u.I)({queryKey:["nutrientGoals"],queryFn:()=>(0,M.S)({})}),[eo,et]=(0,r.useState)(null),[ei,ed]=(0,r.useState)(null),[eu,ec]=(0,r.useState)(null),[eg,em]=(0,r.useState)(0),[ey,ex]=(0,r.useState)(el.enabled?"on":"off"),[e_,ef]=(0,r.useState)(ey),[eh,ej]=(0,r.useState)("0"),[eA,ep]=(0,r.useState)(!1),[eb,ev]=(0,r.useState)(!1),[ek]=(0,r.useState)(eb),eS=er&&(0,$.ie)(er),eC=ea?.unit_preferences.energy;(0,r.useEffect)(()=>{ea&&!el.enabled&&(ex(ea.app_preferences.meal_goals_enabled?"on":"off"),ef(ea.app_preferences.meal_goals_enabled?"on":"off"))},[ea,el.enabled]);let ew=(e,l)=>0===l.energy.value?0:Math.round(e.energy.value/l.energy.value*100);(0,r.useEffect)(()=>{if(er&&eC){let e=i()(er);(0,$._P)(e,ea.diary_preferences.meal_names),"kilojoules"===eC&&(0,$.pN)(e,"kilojoules"),(0,$.x0)(e);let{daily_goals:l,default_goal:a}=e;et(i()({daily_goals:l,default_goal:a})),ed({daily_goals:l,default_goal:a}),ec(eS?l[0]:a)}},[eC,eS,er,ea]);let e$=(0,r.useCallback)(e=>0===e.energy.value?0:Math.round((0,$.p2)(e.meal_goals)/e.energy.value*100),[]),ez=(0,r.useCallback)(e=>{eb?em(100-e$(e)):em((0,$.p2)(e.meal_goals)-eu.energy.value)},[eu,e$,eb]);(0,r.useEffect)(()=>{eu&&ez(eu)},[eu,ez]);let eE=(e,l,a)=>{let s=[...eu.meal_goals];if(eb){s[l].energy.value=Math.floor(e*eu.energy.value/100);let a=(0,$.gr)(s);l!==a&&100===e$(eu)&&(s[a].energy.value+=(0,$.ZW)(eu))}else s[l].energy.value=+e;if(eS){let e=[...ei.daily_goals];e[a].meal_goals=s,ed({...ei,daily_goals:e})}else ed({...ei,default_goal:{...eu,meal_goals:s}});ez(eu)},eM=e=>{"0"===e.target.value&&e.target.select()},eN=(0,E.A)(),eP=(0,c.n)({mutationFn:M.y}),eF=async a=>{a.preventDefault(),ep(!0);let s=i()(ei);eS||s.daily_goals.forEach(e=>{e.meal_goals=i()(ei.default_goal.meal_goals)}),"kilojoules"===eC&&(0,$.pN)(s,"calories"),s.valid_from=o.c9.now().toFormat("yyyy-MM-dd");try{await Promise.all([eN.mutateAsync({newUserData:{item:{app_preferences:{meal_goals_enabled:"on"===ey}}}}),eP.mutateAsync({item:s},{onSuccess:()=>{(0,P.dU)([P.YM],"meal_goals_toggled",{status:"on"===ey}),(0,P.dU)([P.YM],"meal_goals_saved",{difference:0}),l.invalidateQueries({queryKey:["nutrientGoals"]})}})]),l.invalidateQueries({queryKey:["diaryNutrientGoals"],refetchType:"all"}),ep(!1),t("success",e("changesSaved")),B("/account/my-goals")}catch(l){ep(!1),t("error",e("reports.error"))}};return es||en?(0,s.jsx)(N.a,{}):(0,s.jsx)(s.Fragment,{children:ei&&(0,s.jsx)(g.A,{component:"main",maxWidth:"lg",sx:K,children:(0,s.jsxs)(m.A,{component:"form",onSubmit:eF,children:[(0,s.jsx)(m.A,{children:(0,s.jsx)(W.A,{sx:ee,children:"calories"===eC?e("mygoals.calories_by_meal"):e("mygoals.

1kilojoules_by_meal")})}),(0,s.jsxs)(y.A,{container:!0,sx:[R,L],children:[(0,s.jsx)(y.A,{size:10,children:(0,s.jsx)(x.A,{children:e("mygoals.meal.goals.meal_goals")})}),(0,s.jsx)(y.A,{size:2,sx:H,children:(0,s.jsxs)(_.A,{value:ey,onChange:e=>(e=>{if(ex(e),"on"===e)eS?ec(ei.daily_goals[eh]):ec(ei.default_goal);else{let e;ed(e=i()(eo)),ec(eS?e.daily_goals[eh]:e.default_goal),em(0)}})(e.target.value),sx:U,children:[(0,s.jsx)(f.A,{value:"on",children:e("mygoals.meal.goals.on")}),(0,s.jsx)(f.A,{value:"off",children:e("mygoals.meal.goals.off")})]})})]}),"on"===ey&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(m.A,{sx:T,children:(0,s.jsx)(q.A,{color:"primary",variant:"text",sx:G,onClick:()=>{if(!eb&&100===e$(eu)){let e=[...eu.meal_goals],l=(0,$.gr)(e);e[l].energy.value+=(0,$.ZW)(eu),ed({...ei,default_goal:{...eu,meal_goals:e}})}ev(!eb),ez(eu)},children:eb&&"calories"===eC?e("mygoals.meal.goals.set_by_calories"):eb&&"kilojoules"===eC?e("mygoals.meal.goals.set_by_kilojoules"):e("mygoals.daily.nutrition.goals.set_by_percentage")})}),eS?(0,s.jsxs)(p.Ay,{value:eh,children:[(0,s.jsx)(m.A,{sx:D,children:(0,s.jsx)(b.A,{onChange:(e,l)=>{0!==eg&&(e=>{let{daily_goals:l,default_goal:a}=i()(eo);if(e){let a=[...ei.daily_goals];a[e].meal_goals=l[e].meal_goals,ed({...ei,daily_goals:a})}else ed({...ei,default_goal:a});em(0)})(eh),ec(ei.daily_goals[l]),ej(l)},"aria-label":"meal goals form",variant:"scrollable",children:ei.daily_goals.map((l,a)=>(0,s.jsx)(h.A,{label:e(l.day_of_week),value:`${a}`},`${a}-${l.day_of_week}`))})}),ei.daily_goals.map((l,r)=>(0,s.jsx)(v.A,{value:`${r}`,sx:O,children:(0,s.jsxs)(s.Fragment,{children:[l.meal_goals.map((l,a)=>(0,s.jsxs)(y.A,{container:!0,sx:{...R,borderTopStyle:0===a?"solid":"none"},children:[(0,s.jsxs)(y.A,{size:10,sx:Q,children:[(0,s.jsx)(x.A,{sx:J,children:ea.diary_preferences.meal_names[a]}),(0,s.jsx)(x.A,{children:eb?`(${l.energy.value} ${e("kilojoules"===eC?"kilojoulesAbbreviated":"kilocaloriesAbbreviated")})`:`(${ew(l,eu)}%)`})]}),(0,s.jsx)(y.A,{size:2,sx:H,children:(0,s.jsx)(j.A,{type:"number",name:ea.diary_preferences.meal_names[a],value:eb?Number(ew(l,eu)).toString():Number(eu.meal_goals[a].energy.value).toString(),onChange:e=>eE(e.target.value,a,r),onFocus:eM,autoComplete:"off",sx:U,slotProps:{input:{endAdornment:(0,s.jsx)(A.A,{position:"end",children:eb?"%":"kilojoules"===eC?e("kilojoulesAbbreviated"):e("kilocaloriesAbbreviated")})},htmlInput:{min:0}}})})]},ea.diary_preferences.meal_names[a])),(0,s.jsxs)(y.A,{container:!0,sx:[R,X],children:[(0,s.jsx)(y.A,{size:9,children:(0,s.jsx)(x.A,{sx:Y,children:`${e("mygoals.meal.goals.total_daily_goal")}: ${a(eu.energy.value)}`})}),(0,s.jsx)(y.A,{size:3,sx:H,children:(0,s.jsx)(x.A,{color:0===eg?"text":"error",sx:Z,children:eb?e$(eu):a((0,$.p2)(eu.meal_goals))})})]})]})},`${r}-${l.day_of_week}`))]}):(0,s.jsxs)(m.A,{children:[ei.default_goal.meal_goals.map((l,a)=>(0,s.jsxs)(y.A,{container:!0,sx:{...R,borderTopStyle:0===a?"solid":"none"},children:[(0,s.jsxs)(y.A,{size:8,sx:Q,children:[(0,s.jsx)(x.A,{sx:J,children:ea.diary_preferences.meal_names[a]}),(0,s.jsx)(x.A,{children:eb?`(${l.energy.value} ${e("kilojoules"===eC?"kilojoulesAbbreviated":"kilocaloriesAbbreviated")})`:`(${ew(l,eu)}%)`})]}),(0,s.jsx)(y.A,{size:4,sx:{display:"flex",justifyContent:"flex-end",alignItems:"center"},children:(0,s.jsx)(j.A,{type:"number",name:ea.diary_preferences.meal_names[a],value:eb?Number(ew(l,eu)).toString():Number(l.energy.value).toString(),onChange:e=>eE(e.target.value,a),onFocus:eM,autoComplete:"off",sx:U,slotProps:{input:{endAdornment:(0,s.jsx)(A.A,{position:"end",children:eb?"%":"kilojoules"===eC?e("kilojoulesAbbreviated"):e("kilocaloriesAbbreviated")})},htmlInput:{min:0}}})})]},ea.diary_preferences.meal_names[a])),(0,s.jsxs)(y.A,{container:!0,sx:R,children:[(0,s.jsx)(y.A,{size:9,children:(0,s.jsx)(x.A,{sx:Y,children:`${e("mygoals.meal.goals.total_daily_goal")}: ${a(eu.energy.value)}`})}),(0,s.jsx)(y.A,{size:3,sx:H,children:(0,s.jsx)(x.A,{color:0===eg?"text":"error",sx:Z,children:eb?e$(eu):a((0,$.p2)(eu.meal_goals))})})]})]}),0!==eg&&(0,s.jsx)(x.A,{color:"error",sx:V,children:eb&&eg<0?e("mygoals.meal.goals.over_daily_goal",{number:Math.abs(eg)}):eb&&eg>0?e("mygoals.meal.goals.under_daily_goal",{number:eg}):"calories"===eC&&eg>0?e("mygoals.meal.goals.over_calorie_goal",{number:eg}):"calories"===eC&&eg<0?e("mygoals.meal.goals.under_calorie_goal",{number:Math.abs(eg)}):"kilojoules"===eC&&eg>0?e("mygoals.meal.goals.over_kilojoule_goal",{number:eg}):e("mygoals.meal.goals.under_kilojoule_goal",{number:Math.abs(eg)})})]}),(0,s.jsx)(I.A,{isSaving:eA,backPath:"/account/my-goals",isSaveDisabled:0!==eg||S||eA||(()=>{let e=eu,l=eo?.daily_goals.find(e=>e.day_of_week===eu.day_of_week),{default_goal:a}=er,s=void 0===a.meal_goals;return s&&(e=eo?.default_goal),C()(eu,l)&&C()(eb,ek)&&C()(ey,e_)||!eS&&C()(a,eu)&&C()(eb,ek)&&C()(ey,e_)||s&&C()(e,eu)&&C()(eb,ek)&&C()(ey,e_)})(),children:e("saveChanges")}

1)]})})})};el.Layout=B.A;var ea=!0;let es=el},20617:(e,l,a)=>{"use strict";a.d(l,{A:()=>g});var s=a(64255),r=a(1179),n=a(90110),o=a(68559),t=a(3952);let i={bgcolor:"common.neutrals.inverse",color:"common.brand.primary",border:"1px solid #0066EE","&:hover":{bgcolor:"common.brand.primary",color:"common.neutrals.inverse"}},d={ml:4},u={display:"flex",justifyContent:"center",mt:5},c={textAlign:"center"};function g({isSaving:e,isSaveDisabled:l,isDeleteDisabled:a=!1,backPath:m,isDeleteActive:y=!1,handleDelete:x=()=>{}}){let _=(0,o.Vb)();return(0,s.jsxs)(r.A,{sx:u,children:[(0,s.jsx)(t.A,{href:m,sx:i,children:(0,s.jsx)(n.A,{variant:"Body/Regular/SM",sx:c,children:_("mygoals.daily.nutrition.goals.back_to_goals")})}),y&&(0,s.jsx)(t.A,{onClick:x,disabled:a,sx:[i,d],children:_("delete")}),(0,s.jsx)(t.A,{disabled:l,loading:e,sx:d,type:"submit",children:(0,s.jsx)(n.A,{variant:"Body/Regular/SM",sx:c,children:_("saveChanges")})})]})}},23984:(e,l,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/account/my-goals/meal-goals",function(){return a(15998)}])},28845:(e,l,a)=>{"use strict";a.d(l,{A:()=>o});var s=a(42869),r=a(21161),n=a(87373);let o=()=>{let e=(0,s.jE)();return(0,r.n)({mutationFn:n.WJ,onMutate:async()=>{await e.cancelQueries({queryKey:["user"]})}})}},38782:(e,l,a)=>{"use strict";a.d(l,{A:()=>i});var s=a(64255),r=a(1179),n=a(79642),o=a(68559);let t={display:"flex","& > * + *":{marginLeft:2}};function i(e){let l=(0,o.Vb)();return(0,s.jsx)(r.A,{sx:t,children:(0,s.jsx)(n.A,{disableShrink:!0,title:l("circularProgressBarLabel"),...e})})}},48712:(e,l,a)=>{"use strict";a.d(l,{A:()=>n});var s=a(64255),r=a(90110);function n({children:e,...l}){return(0,s.jsx)(r.A,{variant:"Heading/Bold/LG",component:"h1",sx:{mb:4},...l,children:e})}},52216:(e,l,a)=>{"use strict";a.d(l,{S:()=>r,y:()=>n});var s=a(82726);async function r({client:e=s.w}){let{data:l}=await e.get("/api/services/nutrient-goals");return l[0]}async function n({item:e,client:l=s.w}){let{data:a}=await l.post("/api/services/nutrient-goals",{item:e});return a}},82423:(e,l,a)=>{"use strict";a.d(l,{a:()=>t});var s=a(64255),r=a(1179);a(41695);var n=a(38782);let o={display:"flex",justifyContent:"center",alignItems:"center",minHeight:{xs:"calc(100vh - 283px)",md:"calc(100vh - 240px)"}};function t({sx:e={},size:l=40}){return(0,s.jsx)(r.A,{sx:[o,...Array.isArray(e)?e:[e]],children:(0,s.jsx)(n.A,{size:l})})}}},e=>{e.O(0,[7124,3849,3879,8352,768,636,6593,8792],()=>e(e.s=23984)),_N_E=e.O()}]);
2//# sourceMappingURL=meal-goals-e554ed804462e6e2.js.map