https://clipchamp.com/_next/static/chunks/30g2yo0wpdnfu.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,967361,e=>{e.v({AriaAlert:"ContentSearchPage-module__BgiUfa__AriaAlert",LoadingBubblesContainer:"ContentSearchPage-module__BgiUfa__LoadingBubblesContainer",ResultsContainer:"ContentSearchPage-module__BgiUfa__ResultsContainer",SearchContainer:"ContentSearchPage-module__BgiUfa__SearchContainer"})},212233,e=>{"use strict";var t=e.i(843476),a=e.i(343794),s=e.i(271645),r=e.i(108331),i=e.i(967361);e.i(766876);var l=e.i(775882),n=e.i(156535),o=e.i(434905),c=e.i(339820),u=e.i(820331);let d=(e,t)=>{switch(t.type){case"search":return{...e,isLoading:!0,assets:[],depleted:!1,page:0,term:t.term};case"update-type":return{...e,isLoading:e.isLoading||e.assets.length>0,depleted:!1,page:0,type:t.value,columns:e.columns,assets:[]};case"next-page":return{...e,page:e.isLoading||e.depleted?e.page:e.page+1,isLoading:!e.depleted};case"search-complete":var a,s;let r;return{...e,isLoading:!1,assets:0===e.page?[...t.assets]:(a=e.assets,s=t.assets,r=new Set(a.map(({id:e})=>e)),[...a,...s.filter(({id:e})=>!r.has(e)&&(r.add(e),!0))]),depleted:t.assets.length<u.SEARCH_PAGE_SIZE};case"search-failed":case"reset":return{...e,isLoading:!1,term:"",page:0,assets:[],depleted:!1};case"update-columns":return{...e,columns:t.columns};default:throw Error("Invalid action!")}};var p=e.i(629058),m=e.i(912598),h=e.i(266027),g=e.i(95187);let S=(0,g.createServerReference)("60e0d9b5252bf8c52c6bbc9627297c4bed543fec5a",g.callServer,void 0,g.findSourceMapURL,"getSearchContentById"),f=(0,g.createServerReference)("789da85b2a625489b8d120f71e3b533b43b23cc917",g.callServer,void 0,g.findSourceMapURL,"searchContent");var y=e.i(500785),v=e.i(618566),_=e.i(203778),C=e.i(762135),N=e.i(541971),E=e.i(897046);let P=u.SEARCHABLE_CONTENT_TYPES;var T=e.i(754797);let b=(e,t=3)=>"audio"===e?1:t,L=({locale:e,searchPlaceholderText:u,searchResultsAnnouncement:m,searchResultCountAnnouncement:g,searchResultZeroCountAnnouncement:y,defaultType:L,header:R,searchParams:I})=>{let A=(0,v.useRouter)(),[x,j]=(0,p.useSearchInfo)(I,L),[B,W]=(0,p.useAssetInfo)(I),k=(0,o.useGridColumnCount)(),[U,w]=(0,s.useReducer)(d,{isLoading:!0,depleted:!1,term:x,type:j,page:0,assets:[],columns:b(j,k)}),$=(0,s.useMemo)(()=>new l.ContentIntervalArray(U.assets,T.getSearchItemSize,U.columns),[U.assets,U.columns]),[O,H]=(0,s.useState)(""),M=(0,s.useRef)(null);(0,s.useEffect)(()=>{w({type:"update-columns",columns:b(j,k)})},[k,j]),(0,s.useEffect)(()=>{H(0===U.assets.length?y:g.replace("${count}",U.assets.length.toString()))},[g,y,U.assets.length]),(0,s.useEffect)(()=>{w({type:"update-type",value:j})},[j]),(0,s.useEffect)(()=>{w({type:"search",term:x})},[x]),(0,s.useLayoutEffect)(()=>{let e=M?.current?M.current.getBoundingClientRect().bottom+window.scrollY:300,t=()=>{0!==U.assets.length&&window.scrollY+window.innerHeight>=e&&w({type:"next-page"})};return t(),document.addEventListener("scroll",t),()=>document.removeEventListener("scroll",t)},[U.assets.length]);let[F,D]=(0,s.useState)();(0,s.useEffect)(()=>{B&&S(B,W).then(e=>D(e)).catch(e=>{"name"in e&&"AbortError"===e.name||w({type:"search-failed"})})},[B,W]),(0,h.useQuery)({queryKey:["content-search",U.type,U.term,U.page],queryFn:()=>f(U.term,U.type,U.page).then(e=>(w({type:"search-complete",assets:e.result}),e)).catch(()=>{w({type:"search-failed"})})});let G=F?(0,T.toContentDetailsPresentation)(F):void 0,q=F?(0,T.buildSearchDirectLink)(F):void 0;return(0,t.jsxs)(N.FluentProvider,{theme:E.clipchampLightTheme,children:[(0,t.jsx)(C.ContentDetailsDialog,{content:G,directLink:q,launchUrl:F?.launchUrl,onClose:()=>{D(void 0)}}),(0,t.jsx)(_.SearchNavigation,{searchParams:I,onType:e=>{if(e&&P.includes(e))if(U.term){let t=new URLSearchParams;t.set("q",U.term),t.set("type",e),A.push(`/content/search/?${t}`)}else A.push(`/content/search/${e}/`)},locale:e,defaultType:L,placeholderText:u}),R,(0,t.jsx)("div",{className:(0,a.default)(r.default.Container,i.default.SearchContainer),ref:M,children:(0,t.jsxs)("div",{className:i.default.ResultsContainer,children:[0===U.assets.length&&U.isLoading?(0,t.jsx)("div",{className:i.default.LoadingBubblesContainer,children:(0,t.jsx)(n.LoadingBubbles,{})}):(0,t.jsx)("div",{className:i.default.AriaAlert,role:"alert","aria-live":"polite",children:U.term?`${m} "${U.term}". ${O}`:O}),(0,t.jsx)(c.SearchContentGrid,{type:U.type,loading:U.isLoading,data:$,searchTerm:U.term,columnCount:U.columns,setSelectedContent:D}),U.assets.length>0&&U.isLoading&&(0,t.jsx)("div",{className:i.default.LoadingBubblesContainer,children:(0,t.jsx)(n.LoadingBubbles,{})})]})})]})};e.s(["ContentSearchPage",0,({...e})=>{let a=(0,y.useQueryClient)(),s=(0,v.useSearchParams)();return(0,t.jsx)(m.QueryClientProvider,{client:a,children:(0,t.jsx)(L,{searchParams:s??void 0,...e})})}],212233)},425316,e=>{e.v({SearchIcon:"SearchBar-module__0WC8iW__SearchIcon",SearchInput:"SearchBar-module__0WC8iW__SearchInput",SearchWra

1pper:"SearchBar-module__0WC8iW__SearchWrapper",Separator:"SearchBar-module__0WC8iW__Separator",StyledSelectorInput:"SearchBar-module__0WC8iW__StyledSelectorInput",StyledSelectorWrapper:"SearchBar-module__0WC8iW__StyledSelectorWrapper"})},629058,820331,e=>{"use strict";var t=e.i(843476),a=e.i(271645),s=e.i(425316);e.i(559764);var r=e.i(970728),i=e.i(58468),l=e.i(80900);let n=["video","audio","image","element","template"];function o(e){return!!e&&n.includes(e)}e.s(["SEARCHABLE_CONTENT_TYPES",0,n,"SEARCH_PAGE_SIZE",0,20,"isSearchableContentType",0,o],820331);var c=e.i(618566);let u=(e,t,a)=>{let s=e?.get("type")||"",r=(o(s)?s:o(t)?t:void 0)||"template";return[e?.get(a||"q")||"",r]};e.s(["SearchBar",0,({locale:e,placeholderText:o,searchParams:d,defaultType:p,onType:m,className:h,...g})=>{var S;let f,[y,v]=u(d,p),[_,C]=(0,a.useState)(y),N=(0,a.useRef)(null),E=(S=l.CONTENT_SEARCH_PREFIX,f=(0,c.useRouter)(),(e,t)=>{let a=t?`type=${t}`:"";e?f.push(`${S}?q=${encodeURIComponent(e)}${a&&"&"+a}`):f.push(`${S}${t&&"?"+a}`)}),[P,T]=(0,a.useState)(v);return(0,a.useEffect)(()=>{T(v)},[v]),(0,a.useEffect)(()=>{C(y)},[y]),(0,a.useEffect)(()=>{let e=_.trim();if(y!==e){let t=setTimeout(()=>E(e,P),400);return()=>clearTimeout(t)}},[_,y,P]),(0,a.useEffect)(()=>{N.current&&_&&N.current.focus()},[]),(0,t.jsxs)("div",{...g,className:[s.default.SearchWrapper,...h?.split(" ")??[]].join(" "),children:[(0,t.jsx)(i.SearchSvg,{className:s.default.SearchIcon}),(0,t.jsx)("input",{className:s.default.SearchInput,value:_,onChange:e=>C(e.target.value),placeholder:o,ref:N,"aria-label":"search"}),(0,t.jsx)("div",{className:s.default.Separator}),(0,t.jsxs)("div",{className:s.default.StyledSelectorWrapper,children:[(0,t.jsx)(r.ChevronDownSvg,{className:"chevron"}),(0,t.jsx)("select",{className:s.default.StyledSelectorInput,onChange:e=>{let t=e.target.value;T(t),m&&m(t)},value:P,"aria-label":"select content type",children:n.map(e=>(0,t.jsx)("option",{value:e,children:e.split("-").map(e=>e[0].toUpperCase()+e.slice(1)).join(" ")},e))})]})]})},"useAssetInfo",0,e=>{let t=e?.get("content")||"",a=e?.get("provider");return[t,"hubble"===a||"cgs"===a?a:void 0]},"useSearchInfo",0,u],629058)},80900,e=>{"use strict";e.i(247167);let t="/content/",a=`${t}search/`;e.s(["CLIPCHAMP_APP_ENDPOINT",0,"https://app.clipchamp.com/","CONTENT_ITEM_URL",0,"https://app.clipchamp.com/?content=","CONTENT_PREFIX",0,t,"CONTENT_SEARCH_PREFIX",0,a,"SITE_BASE_URL",0,"https://clipchamp.com"])},73906,e=>{"use strict";let t=[{id:"audio",token:"a",displayName:"Audio",displayNamePlural:"Audio",categories:["music","sfx"]},{id:"video",token:"v",displayName:"Video",displayNamePlural:"Video",categories:["footage","motion-bg"]},{id:"image",token:"i",displayName:"Image",displayNamePlural:"Images",categories:["illustration","photograph","vector"]},{id:"graphic-element",token:"g",displayName:"Graphic Element",displayNamePlural:"Graphic Elements",categories:["overlay"]},{id:"template",token:"t",displayName:"Template",displayNamePlural:"Templates",categories:["project","component"]},{id:"motion-title",token:"m",displayName:"Motion Title",displayNamePlural:"Motion Titles",categories:["text","title","twoline","caption","special","intro/outro"]},{id:"filter",token:"f",displayName:"Filter",displayNamePlural:"Filters",categories:["colour-filter","effect-filter"]},{id:"transition",token:"x",displayName:"Transition",displayNamePlural:"Transitions",categories:["mask"]},{id:"element",token:"e",displayName:"Element",displayNamePlural:"Elements",categories:["background","sticker","annotation","shape","icon","overlay","frame"]}];t.map(e=>[e.id,[...e.categories]]),t.reduce((e,t)=>(e.push(...t.categories),e),[]),t.map(e=>e.id),t.map(e=>e.token),t.map(e=>[e.id,e.displayName]),t.map(e=>[e.id,e.displayNamePlural]),t.map(e=>[e.id,e.token]),t.map(e=>[e.token,e.id]),e.s(["hasAspectRatio",0,function(e){return"aspectRatio"in e&&!!e.aspectRatio},"isMotionTitle",0,function(e){return"motion-title"===e.type}])}]);