https://contently.com/tev2/static/js/251.247e4ca0.chunk.js

1"use strict";(self.webpackChunkplatform_web=self.webpackChunkplatform_web||[]).push([[251],{80251:function(n,e,t){t.r(e),t.d(e,{SearchPage:function(){return pn}});var r,a,i,o,c,l,s,d,u,p,f,h,x,g,b,v,m,Z,w,y,j,k,_,P=t(4942),S=t(1413),z=t(74165),$=t(15861),C=t(29439),F=t(30168),D=t(50390),N=t(75400),q=t(96692),E=t(32804),M=t(62559),B=[{value:"relevance|desc",label:"Relevance"},{value:"newest|desc",label:"Recently Published"},{value:"oldest|asc",label:"Oldest Published"},{value:"recently_updated|desc",label:"Recently Updated"}],R=q.ZP.div(r||(r=(0,F.Z)(["\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n"]))),U=q.ZP.div(a||(a=(0,F.Z)(["\n  flex: 1;\n  max-width: 720px;\n  width: 100%;\n  margin: 0 auto;\n  padding: 32px 20px 60px;\n"]))),A=q.ZP.h1(i||(i=(0,F.Z)(["\n  font-size: 24px;\n  font-weight: 300;\n  color: #333;\n  margin: 0 0 20px;\n  text-align: center;\n  line-height: 1.3;\n  strong { font-weight: 600; }\n"]))),I=q.ZP.h3(o||(o=(0,F.Z)(["\n  font-size: 18px;\n  font-weight: 300;\n  color: #666;\n  margin: 0 0 20px;\n  text-align: center;\n  line-height: 1.4;\n"]))),L=q.ZP.form(c||(c=(0,F.Z)(["\n  display: flex;\n  gap: 0;\n  margin-bottom: 20px;\n"]))),T=q.ZP.input(l||(l=(0,F.Z)(["\n  flex: 1;\n  padding: 8px 12px;\n  font-size: 14px;\n  border: 1px solid #ccc;\n  border-right: none;\n  border-radius: 3px 0 0 3px;\n  box-sizing: border-box;\n  &:focus { outline: none; border-color: #00a6c2; }\n"]))),G=q.ZP.button(s||(s=(0,F.Z)(["\n  padding: 8px 24px;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n  background: #00a6c2;\n  color: white;\n  border: 1px solid #00a6c2;\n  border-radius: 0 3px 3px 0;\n  cursor: pointer;\n  &:hover { background: #0094ab; border-color: #0094ab; }\n  &:disabled { background: #ccc; border-color: #ccc; cursor: not-allowed; }\n"]))),O=q.ZP.div(d||(d=(0,F.Z)(["\n  border-top: 1px solid #e5e5e5;\n"]))),V=q.ZP.a(u||(u=(0,F.Z)(["\n  display: block;\n  padding: 14px 0;\n  border-bottom: 1px solid #e5e5e5;\n  text-decoration: none;\n  color: inherit;\n"]))),W=q.ZP.div(p||(p=(0,F.Z)(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 6px;\n"]))),H=q.ZP.span(f||(f=(0,F.Z)(["\n  display: inline-block;\n  padding: 2px 8px;\n  font-size: 10px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: white;\n  border-radius: 2px;\n  background: ",";\n"])),(function(n){switch(n.$variant){case"positive":return"#5cb85c";case"in_progress":return"#f0ad4e";case"on_hold":return"#d9534f";default:return"#999"}})),J=q.ZP.span(h||(h=(0,F.Z)(["\n  font-size: 12px;\n  color: #999;\n"]))),K=q.ZP.div(x||(x=(0,F.Z)(["\n  font-size: 15px;\n  font-weight: 600;\n  color: #00a6c2;\n  margin-bottom: 4px;\n  mark { background: #ffeb3b; padding: 0 2px; color: inherit; }\n"]))),Q=q.ZP.div(g||(g=(0,F.Z)(["\n  font-size: 13px;\n  color: #666;\n  margin-bottom: 4px;\n  .dot { margin: 0 6px; color: #bbb; }\n"]))),X=q.ZP.p(b||(b=(0,F.Z)(["\n  font-size: 13px;\n  color: #555;\n  line-height: 1.5;\n  margin: 0;\n  mark { background: #ffeb3b; padding: 0 2px; color: inherit; }\n"]))),Y=q.ZP.nav(v||(v=(0,F.Z)(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 4px;\n  margin: 24px 0 0;\n  font-size: 13px;\n"]))),nn=q.ZP.a(m||(m=(0,F.Z)(["\n  padding: 6px 12px;\n  flex-shrink: 0;\n  white-space: nowrap;\n  color: ",";\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 3px;\n  text-decoration: none;\n  cursor: ",";\n  pointer-events: ",";\n  &:hover {\n    background: ",";\n  }\n"])),(function(n){var e=n.$active;return n.$disabled?"#ccc":e?"#fff":"#00a6c2"}),(function(n){return n.$active?"#00a6c2":"transparent"}),(function(n){return n.$active?"#00a6c2":"transparent"}),(function(n){return n.$disabled?"default":"pointer"}),(function(n){return n.$disabled?"none":"auto"}),(function(n){var e=n.$active;return n.$disabled?"transparent":e?"#0094ab":"#f5f5f5"})),en=q.ZP.span(Z||(Z=(0,F.Z)(["\n  padding: 6px 4px;\n  flex-shrink: 0;\n  color: #999;\n"]))),tn=q.ZP.div(w||(w=(0,F.Z)(["\n  display: flex;\n  gap: 6px;\n  margin-bottom: 16px;\n  font-size: 12px;\n  color: #666;\n  align-items: center;

1\n"]))),rn=q.ZP.div(y||(y=(0,F.Z)(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-bottom: 16px;\n"]))),an=q.ZP.select(j||(j=(0,F.Z)(["\n  /* Suppress browser-default <select> chrome (oversized fonts, native chevron\n     glyph that varies across Chrome/Firefox/Safari) so we can render a\n     consistent, compact dropdown matching the legacy select2-themed filters\n     on prod. Lisa Farino reported (sheet row 67) that the canary search\n     filters showed no dropdown affordance, were oversized, and stacked\n     vertically \u2014 all symptoms of unstyled native <select>. */\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  padding: 6px 28px 6px 10px;\n  font-size: 13px;\n  color: #333;\n  background-color: #fff;\n  /* Inline SVG chevron (down-arrow) \u2014 sized to match the 28px right padding\n     so the arrow sits cleanly in the reserved space. */\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%23666' d='M0 0l5 6 5-6z'/></svg>\");\n  background-repeat: no-repeat;\n  background-position: right 10px center;\n  border: 1px solid #ccc;\n  border-radius: 3px;\n  cursor: pointer;\n  /* Bound the width so the four filters stay on a single row in the\n     viewport-typical 1280-1440px range and don't blow out to fit\n     long contributor/publication names. */\n  min-width: 140px;\n  max-width: 220px;\n  &:focus {\n    outline: none;\n    border-color: #00a6c2;\n  }\n"]))),on=q.ZP.button(k||(k=(0,F.Z)(["\n  padding: 4px 10px;\n  border: 1px solid ",";\n  border-radius: 3px;\n  background: ",";\n  color: ",";\n  cursor: pointer;\n  font-size: 12px;\n  &:hover { background: ","; }\n"])),(function(n){return n.$active?"#00a6c2":"#ddd"}),(function(n){return n.$active?"#00a6c2":"#f8f9fa"}),(function(n){return n.$active?"#fff":"#333"}),(function(n){return n.$active?"#0094ab":"#e9ecef"})),cn=q.ZP.div(_||(_=(0,F.Z)(["\n  text-align: center;\n  padding: 40px;\n  color: #999;\n  font-size: 13px;\n"])));function ln(n){if(!n)return"";var e=new Date(n);return Number.isNaN(e.getTime())?"":e.toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})}function sn(n,e){return n&&0!==n.length?n.map((function(n,e){return(0,M.jsx)(D.Fragment,{children:n.highlighted?(0,M.jsx)("mark",{children:n.text}):n.text},e)})):null!==e&&void 0!==e?e:null}var dn=["status","contributor","publication"];function un(n,e){if(e<=7)return Array.from({length:e},(function(n,e){return e+1}));var t=[];t.push(1),n>3&&t.push("...");for(var r=Math.max(2,n-1);r<=Math.min(e-1,n+1);r++)t.push(r);return n<e-2&&t.push("..."),t.push(e),t}var pn=function(){var n,e,t=(0,N.lr)(),r=(0,C.Z)(t,2),a=r[0],i=r[1],o=a.get("query")||a.get("q")||"",c=parseInt(a.get("page")||"1",10)||1,l="".concat(a.get("sort_by")||"relevance","|").concat(a.get("sort_direction")||"desc"),s={status:a.get("status")||"",contributor:a.get("contributor")||"",publication:a.get("publication")||""},d=(0,D.useState)(o),u=(0,C.Z)(d,2),p=u[0],f=u[1],h=(0,D.useState)(o),x=(0,C.Z)(h,2),g=x[0],b=x[1],v=(0,D.useState)(a.get("mode")||"advanced"),m=(0,C.Z)(v,2),Z=m[0],w=m[1],y=(0,D.useState)(c),j=(0,C.Z)(y,2),k=j[0],_=j[1],F=(0,D.useState)(l),q=(0,C.Z)(F,2),pn=q[0],fn=q[1],hn=(0,D.useState)(s),xn=(0,C.Z)(hn,2),gn=xn[0],bn=xn[1],vn=(0,D.useState)(null),mn=(0,C.Z)(vn,2),Zn=mn[0],wn=mn[1],yn=(0,D.useState)(!1),jn=(0,C.Z)(yn,2),kn=jn[0],_n=jn[1],Pn=(0,D.useCallback)(function(){var n=(0,$.Z)((0,z.Z)().mark((function n(e,t,r,a,i){var o,c,l,s,d,u,p;return(0,z.Z)().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(e.trim()){n.next=2;break}return n.abrupt("return");case 2:return _n(!0),o=a.split("|"),c=(0,C.Z)(o,2),l=c[0],s=c[1],d={query:e,mode:t,page:r,sort_by:l,sort_direction:s},dn.forEach((function(n){i[n]&&(d[n]=i[n])})),n.prev=6,n.next=9,E.ZP.get("/search.json",{params:d});case 9:u=n.sent,p=u.data,wn(p),n.next=18;break;case 14:n.prev=14,n.t0=n.catch(6),console.error("Search failed:",n.t0),wn(null);case 18:return n.prev=18,_n(!1),n.finish(18);case 21:case"end":return n.stop()}}),n,null,[[6,14,18,21]])})));return function(e,t,r,a,i){return n.apply(this,arguments)}}(),[]);(0,D.useEffect)((function(){p&&Pn(p,Z,k,pn,gn)}),[p,Z,k,pn,gn,Pn]);var Sn=(0,D.useCallback)((function(n,e,t,r,a){var o=r.split("|"),c=(0,C.Z)(o,2),l=c[0],s=c[1],d={query:n,mode:e,page:String(t),sort_by:l,sort_direction:s};dn.forEach((function(n){a[n]&&(d[n]=a[n])})),i(d)}),[i]),zn=function(n){w(n),_(1),Sn(p,n,1,pn,gn)},$n=function(n){Zn&&(n<1||n>Zn.total_pages||(_(n),Sn(p,Z,n,pn,gn),window.scrollTo(0,0)))};(0,D.useEffect)((function(){return document.title=null!==Zn&&void 0!==Zn&&Zn.total_count?"Search results : Contently":"Search : Contently",function(){document.title="Contently"}}),[Zn]);var Cn=null!==(n=null===Zn||void 0===Zn?void 0:Zn.total_count)&&void 0!==n?n:0,Fn=Cn>0;return(0,M.jsx)(R,{children:(0,M.jsxs)(U,{children:[Fn?(0,M.jsxs)(A,{children:["We found ",(0,M.jsx)("strong",{children:Cn})," stor",1===Cn?"y":"ies"," matching your search"]}):Zn&&p?(0,M.jsxs)(I,{children:["Sorry, we couldn\u2019t find anything that matches \u2018",p,"\u2019. Please give it another try."]}):(0,M.jsx)(A,{children:"Search"}),(0,M.jsxs)(L,{onSubmit:function(n){n.preventDefault();var e=g.trim();e&&(f(e),_(1),Sn(e,Z,1,pn,gn))},children:[(0,M.jsx)(T,{type:"text",value:g,onChange:function(n){return b(n.target.value)},placeholder:"Search stories...",autoFocus:!0}),(0,M.jsx)(G,{type:"submit",disabled:!g.trim()||kn,children:"Find"})]}),(null===Zn||void 0===Zn?void 0:Zn.simple_search_enabled)&&(0,M.jsxs)(tn,{children:[(0,M.jsx)("span",{children:"Mode:"}),(0,M.jsx)(on,{$active:"simple"===Z,onClick:function(){return zn("simple")},children:"Simple"}),(0,M.jsx)(on,{$active:"advanced"===Z,onClick:function(){return zn("advanced")},children:"Advanced"})]}),Fn&&Zn&&(0,M.jsxs)(rn,{children:[(0,M.jsx)(an,{"aria-label":"Sort results",value:pn,onChange:function(n){return e=n.target.value,fn(e),_(1),void Sn(p,Z,1,e,gn);var e},children:B.map((function(n){return(0,M.jsx)("option",{value:n.value,children:n.label},n.value)}))}),null===(e=Zn.filters)||void 0===e?void 0:e.map((function(n){return(0,M.jsxs)(an,{"aria-label":n.label,value:gn[n.param]||"",onChange:function(e){return function(n,e){var t=(0,S.Z)((0,S.Z)({},gn),{},(0,P.Z)({},n,e));bn(t),_(1),Sn(p,Z,1,pn,t)}(n.param,e.target.value)},children:[(0,M.jsx)("option",{value:"",children:n.label}),n.options.map((function(n){return(0,M.jsx)("option",{value:n.value,children:n.label},n.value)}))]},n.param)}))]}),kn?(0,M.jsx)(cn,{children:"Searching\u2026"}):Fn&&Zn?(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(O,{children:Zn.results.map((function(n){return(0,M.jsxs)(V,{href:n.url,children:[(0,M.jsxs)(W,{children:[n.status_variant&&n.status_label?(0,M.jsx)(H,{$variant:n.status_variant,children:n.status_label}):(0,M.jsx)("span",{}),(0,M.jsx)(J,{children:ln(n.date)})]}),(0,M.jsx)(K,{children:sn(n.title_segments,n.title||"(Untitled)")}),(n.byline||n.publication_name)&&(0,M.jsxs)(Q,{children:[n.byline&&(0,M.jsxs)(M.Fragment,{children:["By ",n.byline]}),n.byline&&n.publication_name&&(0,M.jsx)("span",{className:"dot",children:"\xb7"}),n.publication_name]}),n.excerpt_segments&&n.excerpt_segments.length>0&&(0,M.jsx)(X,{children:sn(n.excerpt_segments)})]},n.id)}))}),Zn.total_pages>1&&(0,M.jsxs)(Y,{children:[(0,M.jsx)(nn,{$disabled:Zn.current_page<=1,onClick:function(n){n.preventDefault(),$n(Zn.current_page-1)},href:"#",children:"\u2039 Prev"}),un(Zn.current_page,Zn.total_pages).map((function(n,e){return"..."===n?(0,M.jsx)(en,{children:"\u2026"},"ellipsis-".concat(e)):(0,M.jsx)(nn,{$active:n===Zn.current_page,onClick:function(e){e.preventDefault(),$n(n)},href:"#",children:n},n)})),(0,M.jsx)(nn,{$disabled:Zn.current_page>

1=Zn.total_pages,onClick:function(n){n.preventDefault(),$n(Zn.current_page+1)},href:"#",children:"Next \u203a"})]})]}):null]})})}}}]);
2//# sourceMappingURL=251.247e4ca0.chunk.js.map