(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2362,4736],{83151:function(e,i,n){"use strict";var t,r=n(67294);function a(){return(a=Object.assign?Object.assign.bind():function(e){for(var i=1;i<arguments.length;i++){var n=arguments[i];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e}).apply(this,arguments)}var s=function(e){return r.createElement("svg",a({width:6,height:8,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t||(t=r.createElement("path",{d:"m1 1 3.429 3L1 7",stroke:"#ED1C24",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})))};i.Z=s},74736:function(e,i,n){"use strict";n.r(i);var t=n(26042),r=n(69396),a=n(99534),s=n(85893);n(67294);var o=n(40450),l=function(e){var i=e.label,n=e.size,l=void 0===n?"small":n,c=e.icon,d=e.iconUrl,h=void 0===d?null:d,$=e.iconWidth,g=void 0===$?24:$,u=e.iconHeight,p=void 0===u?24:u,m=e.paddingLeft,v=e.iconMargin,x=void 0===v?8:v,f=e.paddingRight,b=e.paddingBottom,y=e.paddingTop,_=e.iconPosition,j=void 0===_?"left":_,k=(e.iconClass,e.isShadowRequired),S=e.width,w=e.color,N=e.borderColor,Z=e.isTransparent,C=e.backgroundColor,R=e.marginTop,E=e.style,H=void 0===E?{}:E,T=e.clickHandler,L=e.isSticky,B=void 0!==L&&L,I=e.stickyPosition,M=e.className,q=e.labelclassName,z=e.iconMarginLeft,P=e.iconMarginRight;return(0,a.Z)(e,["label","size","icon","iconUrl","iconWidth","iconHeight","paddingLeft","iconMargin","paddingRight","paddingBottom","paddingTop","iconPosition","iconClass","isShadowRequired","width","color","borderColor","isTransparent","backgroundColor","marginTop","style","clickHandler","isSticky","stickyPosition","className","labelclassName","iconMarginLeft","iconMarginRight"]),(0,s.jsxs)("button",{style:(0,t.Z)({flexDirection:"left"===j?"row":"row-reverse",backgroundColor:void 0!==Z&&Z?void 0:void 0===C?"var(--primary-white-color)":C,color:void 0===w?"var(--primary-red-color)":w,width:void 0===S?"fit-content":S,border:"1px solid ".concat(void 0===N?"var(--primary-red-color)":N),marginTop:R,position:B?"sticky":"unset",zIndex:B?10:"unset"},B?void 0===I?{bottom:20}:I:{},H),onClick:void 0===T?function(){console.error("Provide the clickHandler property")}:T,className:"btn_container ".concat(void 0===k||k?"shadow_glow_red":""," ").concat(M),children:[c?(0,s.jsx)(o.Z,{style:{width:g,height:p,marginLeft:"right"===j?x:z||"0",marginRight:"left"===j?x:P||"0"},children:c}):h?(0,s.jsx)(o.Z,{style:{width:g,height:p,marginLeft:"right"===j?x:z||"0",marginRight:"left"===j?x:P||"0"},mediaUrl:h}):void 0,(0,s.jsx)("div",{style:(0,r.Z)((0,t.Z)({},H),{paddingLeft:m,paddingRight:f,paddingBottom:b,paddingTop:y}),className:"".concat("small"===l?"small_btn small_btn_padding":"large"===l?"large_btn large_btn_padding":"small_btn small_btn_padding ".concat(q)),children:void 0===i?"Your Label":i})]})};i.default=l},52362:function(e,i,n){"use strict";n.r(i),n.d(i,{default:function(){return m}});var t=n(29815),r=n(85893),a=n(65350),s=n.n(a),o=n(67294),l=n(59943),c=n(40450),d=n(1736),h=n(74595),$=n(74736),g=function(e){var i=e.recentSearches;return(0,r.jsxs)("div",{className:s().recent_search,children:[(0,r.jsx)("p",{children:"Recent Searches"}),i.length>0&&i.map(function(e,i){return(0,r.jsxs)("div",{style:{marginBottom:"41px"},children:[(0,r.jsx)(c.Z,{style:{width:18,height:18,display:"inline-flex"},children:(0,r.jsx)(l.Z,{})}),(0,r.jsx)("span",{children:e})]},i+"")})]})},u=n(83151),p=function(e){return(0,r.jsxs)("div",{className:s().search_result_container,children:[(0,r.jsxs)("div",{className:s().result_item,children:[(0,r.jsx)("p",{className:"body2",children:"Having signal issues or not getting service? "}),(0,r.jsx)(c.Z,{children:(0,r.jsx)(u.Z,{})})]}),(0,r.jsxs)("div",{className:s().result_item,children:[(0,r.jsx)("p",{className:"body2",children:"Having signal issues or not getting service? "}),(0,r.jsx)(c.Z,{children:(0,r.jsx)(u.Z,{})})]}),(0,r.jsxs)("div",{className:s().result_item,children:[(0,r.jsx)("p",{className:"body2",children:"Having signal issues or not getting service? "}),(0,r.jsx)(c.Z,{children:(0,r.jsx)(u.Z,{})})]})]})},m=function(e){var i=(0,o.useState)(!1),n=i[0],a=i[1],u=(0,o.useState)(""),m=u[0],v=u[1],x=(0,o.useState)(69),f=x[0];x[1];var b=(0,o.useState)(!1),y=b[0];b[1];var _=(0,o.useState)(!1),j=_[0];_[1];var k=(0,o.useState)(""),S=k[0],w=k[1],N=(0,o.useState)(!1),Z=N[0],C=N[1],R=e.placeholder,E=e.title,H=e.id,T=e.suggestions,L=void 0===T?["Mobile","Faseyha Airfibre","Data","Netu Heyo SuperNet"]:T;(0,o.useEffect)(function(){var e=function(){a(!0)};return document.getElementById(H)&&document.getElementById(H).addEventListener("focusin",e),function(){document.getElementById(H)&&document.getElementById(H).removeEventListener("focusin",e)}},[]);var B=function(e){C(!1),w(""),v(e.target.value)},I=function(){a(!1),v(""),e.cancelSearch()},M=function(i){i==S&&Z?(C(!1),a(!0),e.handleSuggestionClick("")):i!=S||Z?(C(!0),a(!0),w(i),e.handleSuggestionClick(i)):(C(!0),a(!0),e.handleSuggestionClick(i))},q=function(){a(!0),window.scrollTo(0,0),e.handleShopSearch(m)};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:!y&&s().search_container,children:[(0,r.jsx)("p",{className:s().search_title,children:E}),(0,r.jsxs)("div",{className:s().searchInput,children:[(0,r.jsx)("input",{type:"text",id:H,required:!1,placeholder:R,name:H,value:m,onChange:B,style:{borderRadius:"50px",border:"none",paddingTop:"10px",paddingBottom:"10px",width:"100%",paddingLeft:"40px",paddingRight:"120px",background:"var(--bg-lighter-color)"}}),(0,r.jsx)("div",{style:{position:"absolute",left:14,top:16},children:(0,r.jsx)(c.Z,{style:{width:14,height:12},children:(0,r.jsx)(l.Z,{})})}),n&&m.length>0&&(0,r.jsx)("div",{className:s().search_button,children:(0,r.jsx)(d.Z,{type:h.Z.TEXT,style:{background:"var(--primary-white-color)"},label:"SEARCH",isShadowRequired:!0,clickHandler:q})}),n&&m.length>0&&(0,r.jsx)(d.Z,{type:h.Z.TEXT,label:"CANCEL",isShadowRequired:!1,isHoverEnabled:!1,paddingRight:0,backgroundColor:void 0,clickHandler:I})]}),L.length>0&&!y&&(0,r.jsx)("div",{className:s().suggestions,children:(0,t.Z)(new Set((0,t.Z)(L))).map(function(e,i){return(0,r.jsx)($.default,{size:"normal",style:{fontFamily:"Noto Sans",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"19px",textTransform:"initial",padding:"3px 6px"},clickHandler:function(){return M(e)},label:e,labelclassName:"findstoresearchbtn",backgroundColor:e==S&&Z?"var(--bg-light-color)":"var(--primary-white-color)",isShadowRequired:!1,borderColor:"var(--stroke-gray-color)",color:"var(--primary-black-color)"},i+"")})}),y&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("p",{className:"h3_headline_Ooredo",style:{marginTop:"26px"},children:["Showing results for ",m]}),(0,r.jsxs)("p",{className:"body1_light",style:{marginBottom:"50px"},children:[f," results for ",m]})]})]}),y&&(0,r.jsx)(p,{resultItemCount:f}),j&&(0,r.jsx)(g,{recentSearches:["SuperNet","Mobile Hotspots","Moolee"]})]})}},65350:function(e){e.exports={search_container:"searchcontainer_search_container__nbrnl",searchInput:"searchcontainer_searchInput__ZvlLH",search_title:"searchcontainer_search_title__n3R8B",search_button:"searchcontainer_search_button__oS48x",result_item:"searchcontainer_result_item__Vh2zI",search_result_container:"searchcontainer_search_result_container__B_T7f",suggestions:"searchcontainer_suggestions__vBhBn",recent_search:"searchcontainer_recent_search__jboOW"}}}]);