https://www.marieclaire.it/_assets/fre/scopes/hdm/_next/static/chunks/88526-09f221f92db3fb34.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[88526],{45568:(e,t,r)=>{r.d(t,{MV:()=>O,_M:()=>w,bB:()=>h,dx:()=>v,pq:()=>I});var a=r(93682),o=r(71055),i=r(94263),n=r(27199),c=r(800),l=r(39895),s=r(73063),d=r(56989),u=r(91625),p=r(12625),f=r(61546),y=r(57878),g=r(9954);function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach(function(t){(0,a.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let h=()=>{let e=(0,c.BV)("data.content.0.recipe.id"),t=(0,c.BV)("layoutContextProps.canonicalUrl"),r=(0,c.BV)("titleText")||"",a=(0,c.BV)("data.content.0.media"),i=(0,l.V)(a?.[0]??{},{crop:"1x1",resize:"640:640"});return(0,o.useMemo)(()=>({recipeId:e,url:t,title:r,thumbnailUrl:i}),[e,t,r,i])},O=()=>{let e=(0,n.Qi)(),t=(0,i.useUserToken)(),r=e?.pianoUserToken||t;return{clientId:e?.aid??null,accessToken:r}},w=()=>{let[e,t]=(0,p.fp)(d.Kf),r=(0,p.Xr)(d.dh),{clientId:a,accessToken:i}=O();return{getMadeRecipes:(0,o.useCallback)(async()=>{if(!e){let e=await (0,s.dF)({clientId:a,accessToken:i});return t(e),e}return e},[e,a,i]),updateMadeRecipe:(0,o.useCallback)(({action:e,recipeData:o})=>{let{recipeId:n}=o,c=e===u.ds.ADD,l=e=>[...e||[],n],d=e=>(e||[]).filter(e=>e!==n);t(c?l:d),r(c),(0,s.W6)({shouldAdd:c,recipeData:o,clientId:a,accessToken:i,onError:()=>{t(c?d:l),r(!c)}})},[a,i])}},I=({isRecipeMade:e=!1,isSecondaryImage:t=!1,hdsComponentsEnabled:r=!1,variant:a=u.o1.BUTTON,hdsButtonProps:i={}}={})=>(0,o.useMemo)(()=>{if(a===u.o1.SECTION)return(0,g.Y)(y.Bs,{isRecipeMade:e,displaySecondaryImage:t,eventType:f.Ru.Hover});if(r){let t=e?y.JC:y.E1;return(0,g.Y)(t,null)}let o=e?y.FQ:y.oU;return(0,g.Y)(o,{displaySecondaryImage:t,eventType:f.Ru.Hover})},[e,a,i?.size,t,r]),v=({isRecipeMade:e=!1,variant:t=u.o1.SECTION})=>{let{0:r,1:a}=(0,o.useState)(!1),{0:i,1:n}=(0,o.useState)(()=>(0,s.eo)(u.RM.storageKey));return(0,o.useEffect)(()=>{if(t!==u.o1.SECTION)return;let e=e=>{if(e.key!==u.RM.storageKey)return;let t=(0,s.eo)(u.RM.storageKey);n(e=>JSON.stringify(e)===JSON.stringify(t)?e:t)};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)},[]),(0,o.useEffect)(()=>{a(!0)},[]),{shouldShowTooltip:(0,o.useMemo)(()=>!!r&&!e&&!i.isDismissed&&(i.ignoreCount<u.RM.maxIgnores||(0,s.zq)(i)),[r,e,i]),dismissTooltip:(0,o.useCallback)(()=>{let e=b(b({},i),{},{isDismissed:!0});(0,s.Cm)(u.RM.storageKey,e),n(e)},[i])}}},57878:(e,t,r)=>{r.d(t,{JC:()=>P,E1:()=>A,RJ:()=>h,zp:()=>v,_B:()=>O,FQ:()=>M,oU:()=>E,sl:()=>m,Bs:()=>b,AW:()=>w,c_:()=>I});var a=r(93682),o=r(38536),i=r(28270),n=r(5921),c=r(26282),l=r(1873),s=r(61546),d=r(64781),u=r(9954),p=r(61907),f=r(10420);function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?y(Object(r),!0).forEach(function(t){(0,a.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let m=(0,o.A)("section",{target:"e1jl8ti47"})((0,i.Ay)("madeit-section",{display:"flex",justifyContent:"space-between",alignItems:"center",border:"border-xxs-greyXdark",borderLeft:"unset",borderRight:"unset",margin:"{*sizes.primitive-16} 0",padding:"{*sizes.primitive-18} 0"}),""),b=(0,o.A)(p.A,{target:"e1jl8ti46"})((0,i.Ay)("madeit-section-icon",{cursor:"pointer",primary:({isRecipeMade:e})=>e?"{*colors.green-700}":"{*colors.neutral-300}",transition:"transform 0.2s ease-in-out, color 0.3s ease-in-out",width:"iconSize.m",height:"iconSize.m"}),""),h=(0,o.A)("div",{target:"e1jl8ti45"})((0,i.Ay)("madeit-action",{height:"{*sizes.primitive-36}",border:"none",background:"transparent",padding:0,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",userSelect:"none",[`&:hover ${b}`]:{transform:"scale(1.1)"},[`&:active ${b}`]:{transform:"scale(0.9)"}}),""),O=(0,o.A)("div",{target:"e1jl8ti44"})((0,i.Ay)("madeit-content",{display:"flex",alignItems:"center",gap:"{*sizes.primitive-12}"}),""),w=(0,o.A)("span",{target:"e1jl8ti43"})((0,i.Ay)({display:"inline-grid","&::before":{content:"attr(data-full)",visibility:"hidden",height:0}}),""),I=(0,o.A)("button",{target:"e1jl8ti42"})((0,i.Ay)("rateit-button",{cursor:"pointer",opacity:({isVisible:e})=>+!!e,pointerEvents:({isVisible:e})=>e?"auto":"none"}),""),v=(0,n.A)(c.A,{__themeKey:"madeit-button",sx:{whiteSpace:"nowrap"}}),j={mr:"xs",width:"{*sizes.primitive-16}",height:"{*sizes.primitive-16}"},E=(0,o.A)(f.A,{target:"e1jl8ti41"})((0,i.Ay)("madeit-regular-button-icon",g({},j)),""),M=(0,o.A)(p.A,{target:"e1jl8ti40"})((0,i.Ay)("madeit-fill-button-icon",g({},j)),""),A=function(e){return(0,u.Y)(d.default,(0,l.A)({type:s.PV.Embeddable,relativeUrl:"static/icons/check-circle-regular.svg",primary:"currentcolor",viewBox:"0 0 24 24"},e))},P=function(e){return(0,u.Y)(d.default,(0,l.A)({type:s.PV.Embeddable,relativeUrl:"static/icons/check-circle-fill.svg",primary:"currentcolor",viewBox:"0 0 24 24"},e))}},61907:(e,t,r)=>{r.d(t,{A:()=>c});var a=r(1873),o=r(61546),i=r(64781),n=r(9954);let c=function(e){return(0,n.Y)(i.default,(0,a.A)({type:o.PV.Stylized,relativeUrl:"static/icons/check-circle-fill.svg",alt:"Check icon",width:24,height:24},e))}},73063:(e,t,r)=>{r.d(t,{JF:()=>O,Oi:()=>b,dF:()=>I,FY:()=>M,eo:()=>A,zq:()=>S,Cm:()=>P,W6:()=>E,HH:()=>k}

1);var a=r(93682),o=r(47382),i=r(81718),n=r(82511),c=r(10848),l=r(91625);let s=`
2	query GetMadeIt {
3		allUserData(
4			dataKey: "${l.B_}"
5		) {
6			data {
7				id
8				userId
9				dataKey
10				data
11			}
12		}
13	}
14`,d=`
15	mutation SetMadeIt(
16		$data: JSON!
17	) {
18		updateOrCreateUserData(
19			dataKey: "${l.B_}"
20			data: $data
21		) {
22			id
23			data
24			dataKey
25		}
26	}
27`,u=`
28	query GetIMadeItBookmarks($collectionId: ID!) {
29		bookmarksPage(collectionId: $collectionId) {
30			data {
31				id
32				contentId
33			}
34			totalCount
35		}
36	}
37`;var p=r(51230);function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach(function(t){(0,a.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let g=new o.default("I Made It Utils"),m=null,b=async({clientId:e,accessToken:t})=>{if(m)return m;try{let r=await (0,p.An)(e,t),a=((0,n.J)(r,"data.collectionsPage.data")??[]).find(e=>e.name===l.Y1);return m=a?.id??null}catch(e){throw g.error(`Error finding I Made It collection: ${e?.message}`),e}},h=async({clientId:e,accessToken:t})=>{try{let r=await (0,p.No)(e,t,l.Y1),a=(0,n.J)(r,"data.addCollection.id",null);return a&&(m=a),a}catch(e){throw g.error(`Error creating I Made It collection: ${e?.message}`),e}},O=async({clientId:e,accessToken:t})=>{try{let r=await b({clientId:e,accessToken:t});if(!r)return[];let a=await (0,i.z)(e,t,u,{collectionId:r});return(0,n.J)(a,"data.bookmarksPage.data")??[]}catch(e){throw g.error(`Error fetching I Made It bookmarks: ${e?.message}`),e}},w=async({clientId:e,accessToken:t})=>{try{let r=await (0,i.z)(e,t,s);return(0,n.J)(r,"data.allUserData.data.0.data")??[]}catch(e){throw g.error(`Error fetching legacy I Made It data: ${e?.message}`),e}},I=async({clientId:e,accessToken:t})=>{try{let[r,a]=await Promise.all([O({clientId:e,accessToken:t}),w({clientId:e,accessToken:t})]),o=r.map(e=>e.contentId);return[...new Set([...o,...a])]}catch(e){return g.error(`Error getting I Made It list: ${e?.message}`),[]}},v=async({clientId:e,accessToken:t,recipeData:r={}})=>{try{let a=await b({clientId:e,accessToken:t})||await h({clientId:e,accessToken:t});if(!a)throw Error("Failed to find or create I Made It collection");if(!await (0,p._J)(e,t,{contentId:r.recipeId,contentUrl:r.url||"",contentTitle:r.title||"",contentThumbnailUrl:r.thumbnailUrl||"",collectionIds:[a]}))throw Error("Failed to save bookmark to I Made It collection")}catch(e){throw g.error(`Error adding recipe to I Made It: ${e?.message}`),e}},j=async({clientId:e,accessToken:t,recipeId:r})=>{try{let[a,o]=await Promise.all([O({clientId:e,accessToken:t}),w({clientId:e,accessToken:t})]),n=[],c=a.find(e=>e.contentId===r);if(c&&n.push((0,p.r7)(e,t,c.id).then(e=>{if(e?.error)throw Error("Failed to remove bookmark")})),o.includes(r)){let a=o.filter(e=>e!==r);n.push((0,i.z)(e,t,d,{data:a}))}if((await Promise.allSettled(n)).some(e=>"rejected"===e.status))throw Error("Failed to remove recipe from one or more sources")}catch(e){throw g.error(`Error removing recipe from I Made It: ${e?.message}`),e}},E=(0,c.A)(async({shouldAdd:e,recipeData:t,clientId:r,accessToken:a,onError:o})=>{try{e?await v({clientId:r,accessToken:a,recipeData:t}):await j({clientId:r,accessToken:a,recipeId:t.recipeId})}catch(e){o?.(e)}},300),M=({bookmarksPages:e,collectionId:t})=>t?e.reduce((e,r)=>e+(r?.data?.bookmarksPage?.data??[]).filter(e=>e?.collections?.includes(t)).length,0):0;function A(e){try{let t=localStorage.getItem(e);if(!t)return l.RM.defaultState;let{isDismissed:r,ignoreCount:a,lastIgnoredAt:o}=JSON.parse(t);return"boolean"==typeof r&&Number.isFinite(a)&&(null===o||Number.isFinite(o)&&o>0)?{isDismissed:r,ignoreCount:a,lastIgnoredAt:o}:l.RM.defaultState}catch(e){return g.error(`[${A.name}] Malformed tooltip state: ${e}`),l.RM.defaultState}}function P(e,t){try{localStorage.setItem(e,JSON.stringify(t))}catch(e){g.error(`[${P.name}] Malformed tooltip state: ${e}`)}}function S(e){let{lastIgnoredAt:t}=e;return null!==t&&Date.now()-t>=l.RM.ignoreCooldownMs}function k(e){let t=A(e);S(t)?P(e,l.RM.defaultState):P(e,y(y({},t),{},{ignoreCount:t.ignoreCount+1,lastIgnoredAt:Date.now()}))}},88526:(e,t,r)=>{r.d(t,{A:()=>s});var a=r(71055),o=r(12625),i=r(45568),n=r(73063),c=r(56989);let l=!1;function s(){let{clientId:e,accessToken:t}=(0,i.MV)(),r=(0,o.Xr)(c.GQ);return(0,a.useEffect)(()=>{!t||l||(l=!0,(async()=>{try{let a=await (0,n.Oi)({clientId:e,accessToken:t});if(!a)return void r({count:0,collectionId:null,isReady:!0});let o=await (0,n.JF)({clientId:e,accessToken:t});r({count:o.length,collectionId:a,isReady:!0})}catch{l=!1,r({count:0,collectionId:null,isReady:!0})}})())},[t]),null}},91625:(e,t,r)=>{r.d(t,{B_:()=>a,GR:()=>s,RM:()=>l,Y1:()=>o,ds:()=>c,o1:()=>n,sC:()=>i});let a="recipesmade",o="I Made It",i="madeit_temp_recipe_id",n={BUTTON:"button",SECTION:"section"},c={ADD:"add",REMOVE:"remove"},l={anchorId:"madeit-button",placement:"top-start",storageKey:"madeit-tooltip-state",maxIgnores:3,ignoreCooldownMs:6048e5,defaultState:{isDismissed:!1,ignoreCount:0,lastIgnoredAt:null}},s={MINOR_SOURCE:"MADE-RECIPE",GA_EVENT_NAME:"made_recipe"}}}]);