1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[472],{3480:(e,t,l)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/search-hints",function(){return l(45925)}])},45925:(e,t,l)=>{"use strict";l.r(t),l.d(t,{default:()=>c});var s=l(37876),i=l(46263),r=l(26567),n=l(94983),a=l(14232);function c(){let[e,t]=(0,a.useState)(""),[l,i]=(0,a.useState)([]),r=async e=>{var t;let l=await fetch("/api/search/hints?searchTerm=".concat(e)),s=await l.json();i(null!=(t=null==s?void 0:s.Results)?t:[])};(0,a.useEffect)(()=>{r(e)},[e]);let c=l.filter(e=>"Search"!==e.ResultType),d=c.filter(e=>"Recipe"===e.ContentType).slice(0,3),x=c.filter(e=>"Product"===e.ContentType).slice(0,3),p=c.filter(e=>"Article"===e.ContentType).slice(0,3);return(0,s.jsxs)("div",{style:{maxWidth:"1200px",margin:"0 auto"},children:[(0,s.jsx)("div",{style:{padding:"40px 0"},children:(0,s.jsxs)("label",{htmlFor:"searchTerm",children:["Search Term:",(0,s.jsx)("input",{id:"searchTerm",type:"text",value:e,onChange:e=>t(e.target.value)})]})}),l.length>0&&(0,s.jsxs)("div",{style:{display:"flex",flexDirection:"row",gap:"10px"},children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("h3",{children:"Suggested Keywords"}),(0,s.jsx)("ul",{children:l.filter(e=>"Search"===e.ResultType).map(e=>(0,s.jsx)("li",{children:(0,s.jsx)(n.Ay,{value:e.DisplayText})},e.ContentId))})]}),(0,s.jsxs)("div",{style:{display:"flex",flexDirection:"row",gap:"10px"},children:[(0,s.jsx)(h,{title:"Recipes",cards:d}),(0,s.jsx)(h,{title:"Products",cards:x}),(0,s.jsx)(h,{title:"Articles",cards:p})]})]})]})}function h(e){let{title:t,cards:l}=e;return 0===l.length?null:(0,s.jsxs)("div",{style:{borderRight:"3px solid #000",paddingRight:"10px"},children:[(0,s.jsx)("h3",{children:t}),(0,s.jsx)("ul",{style:{listStyle:"none",display:"flex",flexDirection:"column",gap:"10px"},children:l.map(e=>{let t=e.ImagePath.startsWith("//")?"https:".concat(e.ImagePath):e.ImagePath.startsWith("/")?"https://d.bettycrocker.com".concat(e.ImagePath):e.ImagePath;return(0,s.jsx)("li",{children:(0,s.jsx)(i.A,{url:e.Url,ctaStyle:"none",children:(0,s.jsxs)("div",{style:{display:"flex",flexDirection:"row",gap:"10px"},children:[(0,s.jsx)(r.A,{src:t,alt:"",width:100,height:100}),(0,s.jsx)(n.Ay,{value:e.DisplayText})]})})},e.ContentId)})})]})}}},e=>{e.O(0,[636,593,792],()=>e(e.s=3480)),_N_E=e.O()}]); 2//# sourceMappingURL=search-hints-c5a5ec23c755b18b.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.