https://www.hellofresh.nl/_next/static/chunks/21334.419b6949e142094f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[21334],{921334:function(t,e,n){n.d(e,{Z:function(){return R}});var r=n(687800),o=n(827378),i=n(768587),a=n(184883),c=n(602307),u=n(927779),l=n(273656),s=n(617947);function f(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n<e;n++)r[n]=t[n];return r}function d(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n,r,o=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=o){var i=[],a=!0,c=!1;try{for(o=o.call(t);!(a=(n=o.next()).done)&&(i.push(n.value),!e||i.length!==e);a=!0);}catch(t){c=!0,r=t}finally{try{a||null==o.return||o.return()}finally{if(c)throw r}}return i}}(t,e)||function(t,e){if(t){if("string"==typeof t)return f(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);if("Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return f(t,e)}}(t,e)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function p(t){return t&&"undefined"!=typeof Symbol&&t.constructor===Symbol?"symbol":typeof t}var y=["freecategory2","cpj","modularity"],v=function(t){var e=t.toLowerCase();return e.includes("addon")&&!y.some(function(t){return e.includes(t)})},b=function(t){var e=t.targetCoords,n=t.tags,a=(0,s.Z)(),c=(0,l.rS)({weeks:a,exclude:[]},{suspense:!1}).data,u=(0,o.useMemo)(function(){return(null==c?void 0:c.items)?c.items.filter(function(t){return t.product&&v(t.product)}).map(function(t){return{id:t.product||"",displayName:(t.product||"").replace("menu-addons-","").replace(/-/g," ").split(" ").map(function(t){return t.charAt(0).toUpperCase()+t.slice(1)}).join(" ")}}).filter(function(t,e,n){var r=t.displayName.toLowerCase();return!n.slice(0,e).some(function(t){var e=t.displayName.toLowerCase();return r.includes(e)||e.includes(r)})}).slice(0,3).map(function(t){return{id:t.id,displayName:t.displayName}}):[]},[null==c?void 0:c.items]),f=(0,o.useMemo)(function(){return(null==n?void 0:n.length)?n.map(function(t,e){return{id:"tag-".concat(e),displayName:t}}):u},[n,u]),y=(0,o.useMemo)(function(){return function(t){if(!t||(void 0===t?"undefined":p(t))!=="object")return[];var e=Object.entries(t);if(0===e.length)return[];if(e.every(function(t){var e=d(t,1)[0];return/^\d+$/.test(e)}))return e.sort(function(t,e){var n=d(t,1)[0],r=d(e,1)[0];return parseInt(n,10)-parseInt(r,10)}).map(function(t){var e=d(t,2)[1];return e&&(void 0===e?"undefined":p(e))==="object"&&!Array.isArray(e)?Object.fromEntries(Object.entries(e).filter(function(t){return"string"==typeof d(t,2)[1]})):{}});var n=Object.fromEntries(Object.entries(t).filter(function(t){return"string"==typeof d(t,2)[1]}));return n&&Object.keys(n).length>0?[n]:[]}(e)},[e]);return 0===f.length?null:(0,r.tZ)(r.HY,{children:f.map(function(t,e){var n,o,a,c,u=null!==(c=null!==(a=y[e])&&void 0!==a?a:y[0])&&void 0!==c?c:{};return(0,r.tZ)(i.xu,(n=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){var r;r=n[e],e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r})}return t}({position:"absolute",display:"inline-flex",alignItems:"center",justifyContent:"center",paddingX:"global.xs",paddingY:"global.xxs",backgroundColor:"global.factor.accent-safron.500",borderRadius:"border-radius-md",zIndex:2,"data-test-id":"ffl-addon-pill-".concat(t.id),"aria-label":"Free add-ons option: ".concat(t.displayName)},u),o=o={children:(0,r.tZ)(i.xv,{type:"body-md-bold",color:"global.black",children:t.displayName})},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):(function(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);n.push.apply(n,r)}return n}

1)(Object(o)).forEach(function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(o,t))}),n),t.id)})})},m=n(318066),h=n(277425);function g(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n<e;n++)r[n]=t[n];return r}var w=function(){return{id:"default",scale:1,focusX:50,focusY:50,transitionDuration:600,transitionEasing:"ease-in-out"}},j=function(t,e){var n=t.scale,r=t.focusX,o=t.focusY,i=t.transitionDuration,a=t.transitionEasing;return{scale:n,translateX:"".concat((.5-r/100)*100,"%"),translateY:"".concat((.5-o/100)*100,"%"),transition:e?"none":"transform ".concat(void 0===i?600:i,"ms ").concat(void 0===a?"ease-in-out":a)}},O=function(t,e){if(!t||!t[e])return null;var n=t[e];return{id:e,scale:"number"==typeof n.scale?n.scale:1,focusX:"number"==typeof n.focusX?n.focusX:50,focusY:"number"==typeof n.focusY?n.focusY:50,transitionDuration:"number"==typeof n.transitionDuration?n.transitionDuration:600,transitionEasing:"string"==typeof n.transitionEasing?n.transitionEasing:"ease-in-out"}},Z=function(t){var e,n=t.src,a=t.altText,c=t.aspectRatio,u=t.targetCoords,l=t.activeTarget,s=t.layout,f=window.matchMedia("(prefers-reduced-motion: reduce)").matches,d=function(t){if(Array.isArray(t))return t}(e=(0,o.useState)(function(){return j((l?O(u,l):null)||w(),f)}))||function(t,e){var n,r,o=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=o){var i=[],a=!0,c=!1;try{for(o=o.call(t);!(a=(n=o.next()).done)&&(i.push(n.value),2!==i.length);a=!0);}catch(t){c=!0,r=t}finally{try{a||null==o.return||o.return()}finally{if(c)throw r}}return i}}(e,2)||function(t,e){if(t){if("string"==typeof t)return g(t,2);var n=Object.prototype.toString.call(t).slice(8,-1);if("Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return g(t,2)}}(e,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),p=d[0],y=d[1];(0,o.useEffect)(function(){y(j((l?O(u,l):null)||w(),f))},[l,u,f]);var v="side-panel"===(void 0===s?"banner":s);return(0,r.tZ)(i.xu,{width:"100%",height:v?"100%":void 0,position:"relative",overflow:"hidden",aspectRatio:v?void 0:c,children:(0,r.tZ)(m.ZP,{src:(0,h.Z)(n),alt:a,fill:!0,sizes:v?"(min-width: 1200px) 50vw, 100vw":"100vw",quality:"100",style:{objectFit:"cover",objectPosition:"center center",transform:"scale(".concat(p.scale,") translate(").concat(p.translateX,", ").concat(p.translateY,")"),transition:p.transition,transformOrigin:"center center"},priority:!0})})},x=n(188038),P=n.n(x),S=n(527157),E="(prefers-reduced-motion: reduce)",k=function(t){var e=window.matchMedia(E);return e.addEventListener("change",t),function(){return e.removeEventListener("change",t)}},C=function(){return window.matchMedia(E).matches},A=function(){return!1},T=function(t){var e=t.src,n=t.altText,o=t.aspectRatio,a=t.layout,c="side-panel"===(void 0===a?"banner":a);return(0,r.tZ)(i.xu,{width:"100%",height:c?"100%":void 0,position:"relative",overflow:"hidden",aspectRatio:c?void 0:o,children:(0,r.tZ)(m.ZP,{src:(0,h.Z)(e),alt:n,fill:!0,sizes:c?"(min-width: 1024px) 50vw, 100vw":"100vw",style:{objectFit:"cover",objectPosition:"center"},priority:!0})})},I=function(t){var e=t.src,n=t.aspectRatio,a=t.altText,c=t.poster,u=t.layout,l="side-panel"===(void 0===u?"banner":u),s=(0,S.Z)(),f=(0,o.useSyncExternalStore)(k,C,A),d=c?"".concat((0,m.PE)(s),"/w_640,q_auto,f_auto,c_limit,fl_lossy").concat((0,h.Z)(c)):void 0,p=(0,o.useRef)(null);return(0,o.useEffect)(function(){var t=p.current;if(t){if(t.muted=!0,f){t.pause();return}var e=!1;return t.play().then(function(){e&&t.pause()}).catch(function(){}),function(){e=!0}}},[f]),(0,r.BX)(i.xu,{width:"100%",height:l?"100%":void 0,position:"relative",overflow:"hidden",aspectRatio:l?void 0:n,children:[d&&(0,r.tZ)(P(),{children:(0,r.tZ)("link",{rel:"preload",as:"image",href:d,fetchpriority:"high"})}),f&&c?(0,r.tZ)(m.ZP,{src:(0,h.Z)(c),alt:a||"",fill:!0,sizes:l?"(min-width: 1024px) 50vw, 100vw":"100vw",style:{objectFit:"cover",objectPosition:"center"},priority:!0}):(0,r.tZ)("video",function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){var r;r=n[e],e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r})}return t}

1({ref:p,src:e,poster:d,loop:!f,playsInline:!0,autoPlay:!f,muted:!0,"aria-hidden":"true",tabIndex:-1,style:{width:"100%",height:"100%",objectFit:"cover",position:"absolute",inset:0,touchAction:"pan-y",pointerEvents:"none"}},{allowsInlineMediaPlayback:!0}))]})},R=function(t){var e=t.id,n=t.type,o=t.src,l=t.altText,s=t.poster,f=t.aspectRatio,d=t.uiVariant,p=t.targetCoords,y=t.tags,v=t.activeTarget,m=t.layout,h=void 0===m?"banner":m,g="side-panel"===h;return(0,r.tZ)(c.Z,{claim:{name:"conversion-comms",githubTeam:"hellofresh/squad-conversion-comms",tribe:"conversions",alliance:"growth",jiraPrefix:"CCOMMS",slackChannel:"#squad-conversion-comms",slackAlertsChannel:"#squad-conversion-comms",skipLabelsOnPR:!1,teamIdentifier:"conversion-comms"},children:(0,r.tZ)(a.Z,{scope:"funnel-media-banner-feature",fallback:(0,r.tZ)(r.HY,{}),children:(0,r.tZ)(u.Z.ProjectConfigProvider,{children:(0,r.tZ)(i.xu,{width:"100%",height:g?"100%":void 0,position:g?"absolute":void 0,style:g?{inset:0}:void 0,"data-testid":"funnel-media-banner-".concat(e),children:(0,r.BX)(i.xu,{position:"relative",width:"100%",height:g?"100%":void 0,children:[function(){switch(null==n?void 0:n.toLowerCase()){case"image":if("zoomable-image"===d)return(0,r.tZ)(Z,{src:o,altText:l,aspectRatio:f,targetCoords:p,activeTarget:v,layout:h});return(0,r.tZ)(T,{src:o,altText:l,aspectRatio:f,layout:h});case"video":return(0,r.tZ)(I,{src:o,aspectRatio:f,altText:l,poster:s,layout:h});default:return(0,r.tZ)(T,{src:o,altText:l,aspectRatio:f,layout:h})}}(),"image-with-ffl-tags"===d&&(0,r.tZ)(b,{targetCoords:p,tags:y})]})})})})})}},927779:function(t,e,n){function r(t,e,n,r,o,i,a){try{var c=t[i](a),u=c.value}catch(t){n(t);return}c.done?e(u):Promise.resolve(u).then(r,o)}var o,i=(0,n(575085).Z)("funnel-media-banner-feature-config",(o=function(){return function(t,e){var n,r,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function c(i){return function(c){return function(i){if(n)throw TypeError("Generator is already executing.");for(;a;)try{if(n=1,r&&(o=2&i[0]?r.return:i[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;switch(r=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,r=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(o=(o=a.trys).length>0&&o[o.length-1])&&(6===i[0]||2===i[0])){a=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(6===i[0]&&a.label<o[1]){a.label=o[1],o=i;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(i);break}o[2]&&a.ops.pop(),a.trys.pop();continue}i=e.call(t,a)}catch(t){i=[6,t],r=0}finally{n=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,c])}}}(this,function(t){return[2,n.e(13317).then(n.bind(n,713317))]})},function(){var t=this,e=arguments;return new Promise(function(n,i){var a=o.apply(t,e);function c(t){r(a,n,i,c,u,"next",t)}function u(t){r(a,n,i,c,u,"throw",t)}c(void 0)})}));e.Z=i}}]);