"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[72],{889:(e,r,s)=>{s.r(r),s.d(r,{default:()=>n});const n={wrapper:"ZgHqtppu",wrapperDetail:"w3py30_8",wrapperDetailIcon:"aS9FW2yW"}},887:(e,r,s)=>{s.r(r),s.d(r,{default:()=>n});const n={wrapper:"aVdkEpxH",wrapperContainer:"f8YNxFdy",wrapperContainerError:"AP6G4mNI",wrapperContainerLabel:"q2pJQBxg",wrapperContainerLabelActive:"oJw2CNt8",wrapperContainerInput:"mzKHV0iM",wrapperContainerInputActive:"lcUKahxi",wrapperError:"iwhWMtsL",wrapperContainerLablel:"tYP19z0o"}},886:(e,r,s)=>{s.r(r),s.d(r,{default:()=>n});const n={noPrint:"uHbJd8Cb",wrapper:"Hkk8Lvhr",wrapperActions:"q8hdENKM",wrapperActionsShare:"r9tbMOYq",wrapperModal:"XTea2QEi",showUpAnimation:"NSzJ8sFR",wrapperModalTitle:"k0kDYZnD",wrapperModalButtons:"HCV4QlvF",wrapperModalButtonsConfirm:"eqKXFMgY",wrapperModalButtonsCancel:"JED5MtIb",wrapperActionsShareHide:"Rh8U5t7T"}},891:(e,r,s)=>{s.r(r),s.d(r,{default:()=>n});const n={wrapper:"gqpPidhW",wrapperVideo:"Ar4ReuUu",wrapperImage:"E4YYCi9k",wrapperContentMobile:"LGJbHpUa",wrapperContentMobileTitle:"_V1HHbzf",wrapperContentMobileDescription:"I22yORWI",wrapperContentDesktop:"l9G4EEte",wrapperContentDesktopLeft:"ILIbLIiV",wrapperContentDesktopLeftCentered:"SOid3bvf",wrapperContentDesktopLeftFixed:"_ZXfi5Yc"}},492:(e,r,s)=>{s.r(r),s.d(r,{default:()=>n});const n={wrapper:"x1WXW6uJ",wrapperName:"Wr2F6IlJ",wrapperAmount:"_fLSACJi"}},493:(e,r,s)=>{s.r(r),s.d(r,{default:()=>n});const n={wrapper:"iAbz2ooK",wrapperTitle:"cTWQwuSS",wrapperIngredients:"MII9Shk_",wrapperBtns:"YNRoBzEq",wrapperBtnsBtn:"aALwM9Wy",wrapperBtnsBtnIcon:"nLfcLkdI",wrapperBtnsBtnIconInactive:"u6vZ_dWZ",wrapperBtnsCopy:"Cw080xi_",popup:"gcTAt0dO",popupActive:"prpk0RKH"}},8:(e,r,s)=>{s.r(r),s.d(r,{default:()=>n});const n={wrapper:"jeoYiegV",wrapperRight:"AIokLt1C",wrapperLeft:"NihyFReM"}},7:(e,r,s)=>{s.r(r),s.d(r,{default:()=>n});const n={wrapper:"NxzIhXo4"}},885:(e,r,s)=>{const n=s(322);(0,s(5).createEntrypoint)("heroV2",n.Hero)},325:function(e,r,s){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(r,"__esModule",{value:!0}),r.Details=void 0;const a=s(0),t=s(4),i=n(s(889)),{wrapper:l,wrapperDetail:o,wrapperDetailIcon:p}=i.default;r.Details=({servingSize:e,totalTime:r})=>(0,a.jsxs)("div",Object.assign({className:l},{children:[r&&(0,a.jsxs)("div",Object.assign({className:o},{children:[(0,a.jsx)("div",Object.assign({className:p},{children:(0,a.jsx)(t.Icons.TimeIcon,{})})),(0,a.jsx)("p",{children:r})]})),e&&(0,a.jsxs)("div",Object.assign({className:o},{children:[(0,a.jsx)("div",Object.assign({className:p},{children:(0,a.jsx)(t.Icons.ServingIcon,{})})),(0,a.jsx)("p",{children:"1 serving"}),(0,a.jsx)("span",{children:`(${e})`})]}))]}))},324:function(e,r,s){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(r,"__esModule",{value:!0}),r.PhoneNumberInput=void 0;const a=s(0),t=s(2),i=n(s(887)),{wrapper:l,wrapperContainer:o,wrapperContainerError:p,wrapperContainerLabel:c,wrapperContainerInput:d,wrapperContainerInputActive:u,wrapperContainerLabelActive:h,wrapperError:j}=i.default;r.PhoneNumberInput=({isActive:e,handleFocus:r,phoneNumber:s,handlePhoneNumberInput:n,errorLabel:i,inputPlaceholder:m,handleBlur:b,isError:w})=>(0,a.jsxs)("div",Object.assign({className:l},{children:[(0,a.jsxs)("div",Object.assign({className:(0,t.cx)(o,w&&p)},{children:[(0,a.jsx)("label",Object.assign({className:(0,t.cx)(c,e&&h)},{children:(0,a.jsx)("span",Object.assign({style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"block",width:"100%",maxHeight:"18px"},className:"no-translate"},{children:m}))})),(0,a.jsx)("input",{className:(0,t.cx)(d,e&&u),onChange:n,onFocus:r,onBlur:b,value:s,type:"text",autoComplete:"no",inputMode:"tel"})]})),w&&(0,a.jsx)("p",Object.assign({class:j},{children:i}))]}))},888:(e,r,s)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.usePhoneNumber=void 0;const n=s(3);r.usePhoneNumber=({link:e,noPrint:r})=>{const s=`Check out this recipe: ${e}`,[a,t]=(0,n.useState)(""),[i,l]=(0,n.useState)(!1),o=`sms:${a}?&body=${encodeURIComponent(s)}`,[p,c]=(0,n.useState)(null),[d,u]=(0,n.useState)(!1);return{smsPhoneNumber:a,smsHref:o,smsModal:i,phoneNumberError:p,isInputActive:d,handleFocus:()=>{u(!0)},handleBlur:()=>{a||u(!1)},handlePhoneNumberInput:e=>{const{value:r}=e.currentTarget;t(r),p&&!/^\+(?:[0-9] ?){6,14}[0-9]$/.test(r)?c("Please enter a valid phone number"):c(null)},handleConfirm:()=>{var e;/^\+(?:[0-9] ?){6,14}[0-9]$/.test(a)?(l(!1),null===(e=document.getElementById("sms"))||void 0===e||e.click()):c("Please enter a valid phone number")},handlePrint:()=>{var e;null===(e=document.getElementById("footer"))||void 0===e||e.classList.add(r),window.print()},handleCancel:()=>{t(""),c(null),l(!1)},setSmsModal:l}}},323:function(e,r,s){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(r,"__esModule",{value:!0}),r.Share=void 0;const a=s(0),t=s(490),i=s(4),l=s(2),o=n(s(886)),p=s(324),c=s(888),{wrapper:d,wrapperActions:u,wrapperActionsShare:h,wrapperActionsShareHide:j,wrapperModal:m,wrapperModalTitle:b,wrapperModalButtons:w,wrapperModalButtonsCancel:x,wrapperModalButtonsConfirm:g,noPrint:v}=o.default;r.Share=({link:e,teaserImage:r,title:s,isUs:n})=>{const{smsPhoneNumber:o,smsHref:f,smsModal:I,phoneNumberError:N,isInputActive:C,handleFocus:O,handleBlur:M,handlePhoneNumberInput:k,handleConfirm:S,handlePrint:_,handleCancel:P,setSmsModal:B}=(0,c.usePhoneNumber)({link:e,noPrint:v});return(0,a.jsxs)("div",Object.assign({className:d},{children:[(0,a.jsx)("p",Object.assign({className:"no-translate"},{children:"share on"})),(0,a.jsxs)("div",Object.assign({className:u},{children:[n?(0,a.jsx)("div",Object.assign({onClick:e=>{e.isTrusted&&(B(!0),e.preventDefault())}},{children:(0,a.jsx)("a",Object.assign({id:"sms",href:f,className:(0,l.cx)(h,j),target:"_blank",rel:"noreferrer"},{children:(0,a.jsx)(i.Icons.SMSIcon,{})}))})):(0,a.jsx)("div",Object.assign({className:(0,l.cx)(h,j)},{children:(0,a.jsx)(t.WhatsappShareButton,Object.assign({url:e},{children:(0,a.jsx)(i.Icons.WhatsApp,{})}))})),(0,a.jsx)("div",Object.assign({className:h},{children:(0,a.jsx)(t.EmailShareButton,Object.assign({url:e},{children:(0,a.jsx)(i.Icons.EmailIcon,{})}))})),(0,a.jsx)("div",Object.assign({className:h},{children:(0,a.jsx)(t.FacebookShareButton,Object.assign({quote:s,url:e},{children:(0,a.jsx)(i.Icons.FacebookIcon,{})}))})),(0,a.jsx)("div",Object.assign({className:h},{children:(0,a.jsx)(t.PinterestShareButton,Object.assign({url:e,media:r},{children:(0,a.jsx)(i.Icons.PinterestIcon,{})}))})),(0,a.jsx)("div",Object.assign({className:h},{children:(0,a.jsx)(t.TwitterShareButton,Object.assign({url:e,via:"blendjet",hashtags:["blendjet"]},{children:(0,a.jsx)(i.Icons.XIcon,{})}))})),(0,a.jsx)("div",Object.assign({className:h,onClick:_},{children:(0,a.jsx)(i.Icons.PrintIcon,{})}))]})),I&&(0,a.jsxs)("div",Object.assign({className:m},{children:[(0,a.jsx)("div",Object.assign({className:b},{children:"Text this recipe"})),(0,a.jsx)(p.PhoneNumberInput,{isActive:C,handleFocus:O,phoneNumber:o,handlePhoneNumberInput:k,errorLabel:null!=N?N:"",inputPlaceholder:"Phone Number",handleBlur:M,isError:!!N}),(0,a.jsxs)("div",Object.assign({className:w},{children:[(0,a.jsx)("div",Object.assign({className:x,onClick:P},{children:"Cancel"})),(0,a.jsx)("div",Object.assign({className:g,onClick:S},{children:"Confirm"}))]}))]}))]}))}},322:function(e,r,s){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(r,"__esModule",{value:!0}),r.Hero=void 0;const a=s(0),t=s(323),i=s(325),l=s(133),o=s(2),p=n(s(891)),{wrapper:c,wrapperImage:d,wrapperVideo:u,wrapperContentMobile:h,wrapperContentMobileTitle:j,wrapperContentMobileDescription:m,wrapperContentDesktop:b,wrapperContentDesktopLeft:w,wrapperContentDesktopLeftCentered:x,wrapperContentDesktopLeftFixed:g}=p.default;r.Hero=({title:e,description:r,link:s,teaserImage:n,heroImage:p,heroVideoUrl:v,isUs:f,servingSize:I,totalTime:N,ingredients:C,isMainInfoCentered:O,isMainInfoFixed:M})=>{const k=C.ingredients.length;return(0,a.jsxs)("div",Object.assign({className:c},{children:[v&&(0,a.jsx)("div",Object.assign({className:u},{children:(0,a.jsx)("iframe",{src:v,frameBorder:"0"})})),!v&&p&&(0,a.jsx)("div",{className:d,style:`background-image: url('${p}')`}),(0,a.jsxs)("div",Object.assign({className:h},{children:[(0,a.jsx)("h1",Object.assign({className:j},{children:e})),(0,a.jsx)(t.Share,{link:s,teaserImage:n,title:e,isUs:f}),(0,a.jsx)("div",{className:m,dangerouslySetInnerHTML:{__html:r}}),(0,a.jsx)(i.Details,{servingSize:I,totalTime:N})]})),(0,a.jsxs)("div",Object.assign({className:b},{children:[(0,a.jsxs)("div",Object.assign({className:(0,o.cx)(w,O&&k>6&&x,M&&k>6&&g)},{children:[(0,a.jsx)("h1",Object.assign({className:j},{children:e})),(0,a.jsx)(t.Share,{link:s,teaserImage:n,title:e,isUs:f}),(0,a.jsx)("div",{className:m,dangerouslySetInnerHTML:{__html:r}}),(0,a.jsx)(i.Details,{servingSize:I,totalTime:N}),(0,a.jsx)(t.Share,{link:s,teaserImage:n,title:e,isUs:f})]})),(0,a.jsx)(l.Ingredients,Object.assign({},C,{servingSize:I}))]}))]}))}}},e=>{e.O(0,[1,2,4,3,5,6,43,39],(()=>(885,e(e.s=885)))),e.O()}]);