Mini Kabibi Habibi

"use strict";(self.webpackChunkCCDStock=self.webpackChunkCCDStock||[]).push([[947],{16236:(e,s,t)=>{t.r(s),t.d(s,{default:()=>P});var c=t(83348),a=t(23469),r=t.n(a),d=t(28216),o=t(4293),l=t(45697),n=t(79790),i=t(14257),f=t(18010),p=t(16760),g=t(22643),h=t(24910),u=t(83889),m=t(98820),b=t(45968),w=t(93256);const S=h.ZP.div`
  background-color: ${m.S};
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.15);
  border: 1px solid ${b.wD};
  border-radius: 4px;
  color: ${m.V};
  display: flex;
  position: absolute;
  margin-top: 6px;
  padding-top: 25px;
  padding-bottom: 26px;
  top: 100%;
  left: 0px;
  width: 100%;
`,x=h.ZP.div`
  border-right: 1px solid ${b.L0};
  margin-left: 27px;
  padding: 0 10px 0 0;
  width: 25%;
`,C=h.ZP.ul`
  list-style-type: none;
  margin-top: 22px;
  padding-left: 0;
`,T=(0,h.ZP)(u.Vp)`
   font-size: ${w.PS}px;

   &&& {
    display: block;
    width: fit-content;
    margin: 8px 0 8px 0;
    overflow-x: hidden;
    text-overflow: ellipsis;
    cursor: pointer;

    .spectrum-Tags-itemLabel {
      cursor: pointer;
    }
  }
`,R=h.ZP.div`
  margin-left: 25.5px;
  padding-right: 25px;
  width: 75%;
`,v=h.ZP.p`
  color: ${b.SW};
  font-size: ${w.PS}px;
  cursor: pointer;
`,E=h.ZP.h2`
  color: ${b.RX};
  font-weight: ${w.DC};
  font-size: ${w.Pl}px;
`,k={"column1Row1-Tall":{fillColor:"#678978",collectionId:"MFNBo2A9faStgCHYWwa0M4maE1tLIeGV",sameTab:!0,imageUrl:"https://as.ftcdn.net/r/v1/pics/f0e6a090f541fc97c84fb757731dcea8676175d7/suggested_searches/202528233.jpeg",webpUrl:"https://as.ftcdn.net/r/v1/pics/7ded04cc10a28cc7f9b5c09da45df5fa15ad99c2/suggested_searches/202528233.webp"},"column1Row2-Short":{fillColor:"#29CCE3",collectionId:"d5i3w1XxwEPzxC05SyM8cInDSHhQzfBS",sameTab:!0,imageUrl:"https://as.ftcdn.net/r/v1/pics/f0e6a090f541fc97c84fb757731dcea8676175d7/suggested_searches/405366015.jpeg",webpUrl:"https://as.ftcdn.net/r/v1/pics/7ded04cc10a28cc7f9b5c09da45df5fa15ad99c2/suggested_searches/405366015.webp"},"column2Row1-Short":{fillColor:"#1E1235",collectionId:"GAENm0L6V3CxXmANSI2CjEisrQeY53bB",sameTab:!0,imageUrl:"https://as.ftcdn.net/r/v1/pics/f0e6a090f541fc97c84fb757731dcea8676175d7/suggested_searches/336200260.jpeg",webpUrl:"https://as.ftcdn.net/r/v1/pics/7ded04cc10a28cc7f9b5c09da45df5fa15ad99c2/suggested_searches/336200260.webp"},"column2Row2-Tall":{fillColor:"#686986",collectionId:"YPxPbTaY8i27Y7UhLLsYhOH5tlYFtSEI",sameTab:!0,imageUrl:"https://as.ftcdn.net/r/v1/pics/f0e6a090f541fc97c84fb757731dcea8676175d7/suggested_searches/321668609.jpeg",webpUrl:"https://as.ftcdn.net/r/v1/pics/7ded04cc10a28cc7f9b5c09da45df5fa15ad99c2/suggested_searches/321668609.webp"},"column3Row1-Tall":{fillColor:"#A18887",collectionId:"ex0J1MoQ6QHXCUVVzsciUgurxhKmANse",sameTab:!0,imageUrl:"https://as.ftcdn.net/r/v1/pics/f0e6a090f541fc97c84fb757731dcea8676175d7/suggested_searches/202294176.jpeg",webpUrl:"https://as.ftcdn.net/r/v1/pics/7ded04cc10a28cc7f9b5c09da45df5fa15ad99c2/suggested_searches/202294176.webp"},"column3Row2-Short":{fillColor:"#EFE9D9",collectionId:"MFNBo2A9faStgCHYWwa0M4maE1tLIeGV",sameTab:!0,imageUrl:"https://as.ftcdn.net/r/v1/pics/f0e6a090f541fc97c84fb757731dcea8676175d7/suggested_searches/209461972.jpeg",webpUrl:"https://as.ftcdn.net/r/v1/pics/7ded04cc10a28cc7f9b5c09da45df5fa15ad99c2/suggested_searches/209461972.webp"},"column4Row1-Short":{fillColor:"#1D4B6E",collectionId:"d5i3w1XxwEPzxC05SyM8cInDSHhQzfBS",sameTab:!0,imageUrl:"https://as.ftcdn.net/r/v1/pics/623cc454b3b506eb370f00a7c64042393e20f2f2/suggested_searches/408637896.jpeg",webpUrl:"https://as.ftcdn.net/r/v1/pics/813077ed91926fc6932f95d419458abeeb2b348c/suggested_searches/408637896.webp"},"column4Row2-Tall":{fillColor:"#e6ad95",collectionId:"TRFpkcS7PLA958w246D5RnBfsr5sjHe3",sameTab:!0,imageUrl:"https://as.ftcdn.net/r/v1/pics/f0e6a090f541fc97c84fb757731dcea8676175d7/suggested_searches/360905345.jpeg",webpUrl:"https://as.ftcdn.net/r/v1/pics/7ded04cc10a28cc7f9b5c09da45df5fa15ad99c2/suggested_searches/360905345.webp"}};function U(e){const{shouldShow:s,recentTerms:t,onSetTermFromRecentSearches:c,onClearRecentSearchesTerms:d,onSelectTerm:l,onSearchInputLostFocus:p,suggestedSearchTerms:h,suggestedSearchCollections:u}=e,m=(0,o.rS)(),b=(0,a.useRef)(null);(0,n.Z)(b,(()=>{s&&p()}));let w=h.length?h:["Background","Summer","Fourth of july","Business","Texture","Nature","Pattern","Beach"],U="Try searching for",P=!1;t&&t.length>=4&&(U="Recent searches",w=t.slice(0,Math.min(t.length,8)),P=!0);const y=Object.keys(u).length?u:k,I=(0,a.useCallback)((e=>{c(e),l({source:f.tX,term:e})}),[l,c]),_=(0,a.useCallback)((({index:e})=>{m.trackEvent({workflow:"stock-search",subtype:`${f.tX}-card-${e}`})}),[m]),$=(0,a.useCallback)((()=>{(0,g.lU)(d)}),[d]);return s?r().createElement(S,{tabIndex:"0",ref:b},r().createElement(x,null,r().createElement(E,{"data-t":"suggested-searches-dropdown-header-text"},U),r().createElement(C,{"data-t":"suggested-searches-dropdown-ul"},w.map(((e,s)=>r().createElement(T,{key:e,"data-t":`suggested-searches-dropdown-term-${s}`,onClick:()=>I(e)},e)))),P&&r().createElement(v,{onClick:$,"data-t":"suggested-searches-dropdown-clear-all"},"Clear all")),r().createElement(R,null,r().createElement(E,{"data-t":"suggested-collections-text"},"Suggested Collections"),r().createElement(i.Z,{cards:y,dataTPrefix:"suggested-searches-dropdown-card",gutterSize:8,isFixed4Columns:!0,lazy:!0,onClick:_,zoom:!0}))):null}U.propTypes={onClearRecentSearchesTerms:l.func.isRequired,onSelectTerm:l.func.isRequired,onSetTermFromRecentSearches:l.func.isRequired,shouldShow:l.bool,recentTerms:(0,l.arrayOf)(l.string).isRequired,onSearchInputLostFocus:l.func.isRequired,suggestedSearchTerms:(0,l.arrayOf)(l.string),suggestedSearchCollections:(0,l.arrayOf)(p.yZ)},U.defaultProps={shouldShow:!1,suggestedSearchTerms:[],suggestedSearchCollections:[]};const P=(0,d.$j)((function(e){return{shouldShow:(0,c.e9)(e),recentTerms:e.search.searchDropdown.recentSearches.terms}}),(function(e){return{onSetTermFromRecentSearches:s=>e((0,c.Oi)(s)),onClearRecentSearchesTerms:()=>e((0,c.mR)())}}))(U)}}]);