1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2707,8487],{69226:function(e,t,n){"use strict";var o=n(26042),r=n(99534),i=n(85893),l=n(67294),a=n(73935),s=n(47865),c=n(78550);t.Z=function(e){var t=e.backdropColor,n=e.width,d=void 0===n?"100%":n,u=e.height,h=e.border,p=e.borderRadius,g=e.boxShadow,f=e.backgroundColor,m=(e.margin,e.padding),v=void 0===m?42:m,b=e.maxWidth,y=e.id,w=e.style,x=e.clickHandler,_=void 0===x?function(){}:x,S=(0,r.Z)(e,["backdropColor","width","height","border","borderRadius","boxShadow","backgroundColor","margin","padding","maxWidth","id","style","clickHandler"]),E=(0,l.useState)(!1),T=E[0],L=E[1],j=(0,s.Z)({breakpoint:576});(0,l.useEffect)(function(){return document.getElementById("overlay")&&(document.getElementById("overlay").style.visibility="visible"),function(){return document.getElementById("overlay").style.visibility="hidden"}},[]),(0,l.useEffect)(function(){return L(!0),function(){L(!1)}});var k=function(e){e.target===e.currentTarget&&(_(),e.stopPropagation())};return T?(0,a.createPortal)((0,i.jsx)(c.Z,{children:(0,i.jsx)("div",{className:"overlay_ooredoo",id:y?y+"_overlay":void 0,style:{display:"flex",alignItems:"center",boxSizing:"border-box",position:"fixed",top:0,zIndex:1045,width:"100%",height:"100%",backgroundColor:void 0===t?"rgb(126, 127, 127,0.5)":t,padding:j?"54px 0":54,overflow:"auto"},onClick:k,children:(0,i.jsx)("div",{className:"modalBody",style:(0,o.Z)({height:void 0===u?"fit-content":u,border:void 0===h?"1px solid var(--stroke-gray-color)":h,backgroundColor:void 0===f?"var(--primary-white-color)":f,borderRadius:void 0===p?8:p,boxShadow:void 0===g?"0px 4px 8px -4px rgba(22, 34, 51, 0.08),0px 16px 24px rgba(22, 34, 51, 0.08)":g,padding:j?"".concat(v/2,"px"):v,width:j?"calc(".concat(d," - ").concat(2*v/2,"px)"):"calc(".concat(d," - ").concat(2*v,"px)"),maxWidth:"calc(".concat(void 0===b?845:b,"px - ").concat(2*v,"px)"),margin:"auto"},void 0===w?{}:w),children:S.children})})}),document.getElementById("overlay")):null}},68752:function(e,t,n){"use strict";n.r(t);var o=n(85893),r=n(69226),i=n(58876),l=n(67294),a=n(8094),s=n(40450),c=n(67974);t.default=function(e){var t=(0,l.useState)(e.multiMediaLibId),n=t[0];t[1];var d=(0,l.useState)({}),u=d[0],h=d[1];return(0,l.useEffect)(function(){try{(0,a.r3)(1,n).then(function(e){if(e)try{h(JSON.parse(e.multimediaContent[0].mediaUrl))}catch(t){}})}catch(e){}},[n]),(0,o.jsx)(o.Fragment,{children:(0,o.jsxs)(r.Z,{backdropColor:"rgba(0,0,0,0.5",backgroundColor:"transparent",border:"none",padding:0,children:[(0,o.jsx)("div",{style:{marginLeft:"auto",position:"fixed",right:"1rem",top:"1rem"},children:(0,o.jsx)(s.Z,{style:{width:29,height:29},children:(0,o.jsx)(c.Z,{onClick:e.closeOverlay})})}),(0,o.jsx)(i.Z,{style:{padding:"1rem",width:"calc(100% - 2rem)"},videoUrl:u.url})]})})}},80494:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return k}});var o,r,i=n(85893),l=n(67294),a=n(86487),s=n(59320),c=n(53416),d=n(58533),u=n(88819),h=n.n(u),p=n(1736),g=n(74595);function f(){return(f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(null,arguments)}var m=function(e){return l.createElement("svg",f({width:6,height:10,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o||(o=l.createElement("path",{d:"M4.312 8.312 1 5l3.312-3.313",stroke:"#898989",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})))};function v(){return(v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(null,arguments)}var b=function(e){return l.createElement("svg",v({width:6,height:10,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),r||(r=l.createElement("path",{d:"M1.313 1.688 4.625 5 1.313 8.313",stroke:"#898989",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})))},y=function(e){var t,n,o,r=e.totalCount;return Array.from({length:(n=Math.ceil(r/e.pageSize))-1+1},function(e,t){return t+1})},w=function(e){var t=e.onPageChange,n=e.totalCount,o=e.currentPage,r=y({totalCount:n,pageSize:e.pageSize});if(0===o||r.length<2)return null;var l=function(){t(o+1)},a=function(){t(o-1)},s=r.length;return(0,i.jsxs)("ul",{className:h().pagination_container,children:[(0,i.jsx)("li",{children:(0,i.jsx)(p.Z,{type:g.Z.TEXT,label:"PREVIOUS",paddingLeft:0,paddingRight:20,iconMargin:0,iconPosition:"left",size:"small",isShadowRequired:!1,className:"".concat(h().viewMore," ").concat(1===o&&h().disabled),icon:(0,i.jsx)(m,{}),backgroundColor:"var(--bg-light-color)",color:"var(--text-darker-color)",clickHandler:a})}),r.map(function(e){return(0,i.jsx)("li",{className:"subtitle4 ".concat(h().pageNumber," ").concat(e===o&&h().selected),onClick:function(){return t(e)},children:(0,i.jsx)("span",{children:e})},(0,c.x0)())}),(0,i.jsx)("li",{children:(0,i.jsx)(p.Z,{type:g.Z.TEXT,label:"NEXT",paddingLeft:20,paddingRight:0,iconMargin:0,iconPosition:"right",size:"small",isShadowRequired:!1,className:"".concat(h().viewMore," ").concat(o===s&&h().disabled),icon:(0,i.jsx)(b,{}),backgroundColor:"var(--bg-light-color)",color:"var(--text-darker-color)",clickHandler:l})})]})},x=n(47865),_=n(51580),S=n(94798),E=n(73513),T=n.n(E),L=n(8094),j=n(68752),k=function(e){var e=null!==e?e:function(e){throw e}(TypeError("Cannot destructure undefined")),t=(0,x.Z)({breakpoint:669}),n=(0,l.useState)(1),o=n[0],r=n[1],u=(0,l.useState)(),h=u[0],p=u[1],g=(0,l.useState)([]),f=g[0],m=g[1],v=(0,l.useState)(!1),b=v[0],y=v[1],E=(0,l.useState)(0),k=E[0],M=E[1],C=(0,l.useState)(!0),N=C[0],P=C[1],D=(0,l.useState)(""),R=D[0],Y=D[1];(0,l.useEffect)(function(){try{(0,L.ju)({langId:1,pageNumber:o,pageSize:6}).then(function(e){e?(m(function(n){return t?n.concat(e.multiMediaList):e.multiMediaList}),p(e.totalItems),P(e.totalPages>e.currentPage)):m([])})}catch(e){}},[o,t]);var O=function(e,t){M(e),Y(t),y(!0)},F=function(){y(!1)};return(0,i.jsxs)("div",{className:T().ViewMoreMultimediaSection,id:"view-more-multimedia-library",children:[b?(0,i.jsxs)(i.Fragment,{children:[" ","photos"===R?(0,i.jsx)(S.default,{multiMediaLibId:k,closeOverlay:F}):(0,i.jsx)(j.default,{multiMediaLibId:k,closeOverlay:F})," "]}):null,t?h&&(0,i.jsx)(d.Z,{dataLength:h,hasMore:N,next:function(){return r(function(e){return e+1})},height:600,loader:(0,i.jsx)(_.g4,{height:"56",width:"56",radius:"4",color:"var(--primary-red-color)",ariaLabel:"loading",wrapperStyle:{position:"absolute",bottom:"0",left:"0",width:"100%",height:"15%",justifyContent:"center",alignItems:"flex-end",background:"linear-gradient(180deg, rgba(255,255,255,0) 0%, #FFFFFF 59.37%, #FFFFFF 100%)",paddingBottom:"60px"},wrapperClassName:"loader",visible:!0}),children:(0,i.jsx)("div",{className:T().banners,children:f.map(function(e,t){var n;try{n=JSON.parse(e.coverImageUrl)}catch(o){}return(0,i.jsx)("div",{onClick:function(){return O(e.multimediaLibraryId)},children:(0,i.jsx)(a.Z,{type:s.Z.MULTIMEDIA_TRANSPARENT_BANNER,image:n,category:e.type,title:e.subtitle,subtitle:e.title,de
1scription:void 0,containerClass:T().multimedia_container},(0,c.x0)())},t+"")})})}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:T().banners,children:f.map(function(e){var t;try{t=JSON.parse(e.coverImageUrl)}catch(n){}return(0,i.jsx)(i.Fragment,{children:(0,i.jsx)("div",{onClick:function(){return O(e.multimediaLibraryId,e.type)},children:(0,i.jsx)(a.Z,{image:t,category:e.type,title:e.subtitle,subtitle:e.title,type:s.Z.MULTIMEDIA_TRANSPARENT_BANNER,description:void 0,containerClass:T().multimedia_container},(0,c.x0)())})})})}),(0,i.jsx)(w,{className:"pagination-bar",currentPage:o,totalCount:h,pageSize:6,onPageChange:function(e){return r(e)}})]})]})}},88819:function(e){e.exports={pagination_container:"pagination_pagination_container__mM_gT",pageNumber:"pagination_pageNumber__ooYNu",disabled:"pagination_disabled___In1z",selected:"pagination_selected__JXKkk"}},73513:function(e){e.exports={ViewMoreMultimediaSection:"view-more-on-multimedia-section_ViewMoreMultimediaSection__RhEC9",h4_headline:"view-more-on-multimedia-section_h4_headline__fTAkT",banners:"view-more-on-multimedia-section_banners__IR44_",multimedia_container:"view-more-on-multimedia-section_multimedia_container__BCwf8"}},58533:function(e,t,n){"use strict";var o=n(67294),r=function(e,t){return(r=Object.setPrototypeOf||({__proto__:[]})instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},i=function(){return(i=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},l={Pixel:"Pixel",Percent:"Percent"},a={unit:l.Percent,value:.8};function s(e){return"number"==typeof e?{unit:l.Percent,value:100*e}:"string"==typeof e?e.match(/^(\d*(\.\d+)?)px$/)?{unit:l.Pixel,value:parseFloat(e)}:e.match(/^(\d*(\.\d+)?)%$/)?{unit:l.Percent,value:parseFloat(e)}:(console.warn('scrollThreshold format is invalid. Valid formats: "120px", "50%"...'),a):(console.warn("scrollThreshold should be string or number"),a)}var c=function(e){function t(t){var n=e.call(this,t)||this;return n.lastScrollTop=0,n.actionTriggered=!1,n.startY=0,n.currentY=0,n.dragging=!1,n.maxPullDownDistance=0,n.getScrollableTarget=function(){return n.props.scrollableTarget instanceof HTMLElement?n.props.scrollableTarget:"string"==typeof n.props.scrollableTarget?document.getElementById(n.props.scrollableTarget):(null===n.props.scrollableTarget&&console.warn("You are trying to pass scrollableTarget but it is null. This might\n happen because the element may not have been added to DOM yet.\n See https://github.com/ankeetmaini/react-infinite-scroll-component/issues/59 for more info.\n "),null)},n.onStart=function(e){!n.lastScrollTop&&(n.dragging=!0,e instanceof MouseEvent?n.startY=e.pageY:e instanceof TouchEvent&&(n.startY=e.touches[0].pageY),n.currentY=n.startY,n._infScroll&&(n._infScroll.style.willChange="transform",n._infScroll.style.transition="transform 0.2s cubic-bezier(0,0,0.31,1)"))},n.onMove=function(e){if(n.dragging)e instanceof MouseEvent?n.currentY=e.pageY:e instanceof TouchEvent&&(n.currentY=e.touches[0].pageY),!(n.currentY<n.startY)&&(n.currentY-n.startY>=Number(n.props.pullDownToRefreshThreshold)&&n.setState({pullToRefreshThresholdBreached:!0}),!(n.currentY-n.startY>1.5*n.maxPullDownDistance)&&n._infScroll&&(n._infScroll.style.overflow="visible",n._infScroll.style.transform="translate3d(0px, "+(n.currentY-n.startY)+"px, 0px)"))},n.onEnd=function(){n.startY=0,n.currentY=0,n.dragging=!1,n.state.pullToRefreshThresholdBreached&&(n.props.refreshFunction&&n.props.refreshFunction(),n.setState({pullToRefreshThresholdBreached:!1})),requestAnimationFrame(function(){n._infScroll&&(n._infScroll.style.overflow="auto",n._infScroll.style.transform="none",n._infScroll.style.willChange="unset")})},n.onScrollListener=function(e){"function"==typeof n.props.onScroll&&setTimeout(function(){return n.props.onScroll&&n.props.onScroll(e)},0);var t=n.props.height||n._scrollableNode?e.target:document.documentElement.scrollTop?document.documentElement:document.body;!n.actionTriggered&&((n.props.inverse?n.isElementAtTop(t,n.props.scrollThreshold):n.isElementAtBottom(t,n.props.scrollThreshold))&&n.props.hasMore&&(n.actionTriggered=!0,n.setState({showLoader:!0}),n.props.next&&n.props.next()),n.lastScrollTop=t.scrollTop)},n.state={showLoader:!1,pullToRefreshThresholdBreached:!1,prevDataLength:t.dataLength},n.throttledOnScrollListener=(function(e,t,n,o){var r,i=!1,l=0;function a(){r&&clearTimeout(r)}function s(){var s=this,c=Date.now()-l,d=arguments;function u(){l=Date.now(),n.apply(s,d)}!i&&(o&&!r&&u(),a(),void 0===o&&c>e?u():!0!==t&&(r=setTimeout(o?function(){r=void 0}:u,void 0===o?e-c:e)))}return"boolean"!=typeof t&&(o=n,n=t,t=void 0),s.cancel=function(){a(),i=!0},s})(150,n.onScrollListener).bind(n),n.onStart=n.onStart.bind(n),n.onMove=n.onMove.bind(n),n.onEnd=n.onEnd.bind(n),n}return!function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(t,e),t.prototype.componentDidMount=function(){if(void 0===this.props.dataLength)throw Error('mandatory prop "dataLength" is missing. The prop is needed when loading more content. Check README.md for usage');
1if(this._scrollableNode=this.getScrollableTarget(),this.el=this.props.height?this._infScroll:this._scrollableNode||window,this.el&&this.el.addEventListener("scroll",this.throttledOnScrollListener),"number"==typeof this.props.initialScrollY&&this.el&&this.el instanceof HTMLElement&&this.el.scrollHeight>this.props.initialScrollY&&this.el.scrollTo(0,this.props.initialScrollY),this.props.pullDownToRefresh&&this.el&&(this.el.addEventListener("touchstart",this.onStart),this.el.addEventListener("touchmove",this.onMove),this.el.addEventListener("touchend",this.onEnd),this.el.addEventListener("mousedown",this.onStart),this.el.addEventListener("mousemove",this.onMove),this.el.addEventListener("mouseup",this.onEnd),this.maxPullDownDistance=this._pullDown&&this._pullDown.firstChild&&this._pullDown.firstChild.getBoundingClientRect().height||0,this.forceUpdate(),"function"!=typeof this.props.refreshFunction))throw Error('Mandatory prop "refreshFunction" missing.\n Pull Down To Refresh functionality will not work\n as expected. Check README.md for usage\'')},t.prototype.componentWillUnmount=function(){this.el&&(this.el.removeEventListener("scroll",this.throttledOnScrollListener),this.props.pullDownToRefresh&&(this.el.removeEventListener("touchstart",this.onStart),this.el.removeEventListener("touchmove",this.onMove),this.el.removeEventListener("touchend",this.onEnd),this.el.removeEventListener("mousedown",this.onStart),this.el.removeEventListener("mousemove",this.onMove),this.el.removeEventListener("mouseup",this.onEnd)))},t.prototype.componentDidUpdate=function(e){this.props.dataLength!==e.dataLength&&(this.actionTriggered=!1,this.setState({showLoader:!1}))},t.getDerivedStateFromProps=function(e,t){return e.dataLength!==t.prevDataLength?i(i({},t),{prevDataLength:e.dataLength}):null},t.prototype.isElementAtTop=function(e,t){void 0===t&&(t=.8);var n=e===document.body||e===document.documentElement?window.screen.availHeight:e.clientHeight,o=s(t);return o.unit===l.Pixel?e.scrollTop<=o.value+n-e.scrollHeight+1:e.scrollTop<=o.value/100+n-e.scrollHeight+1},t.prototype.isElementAtBottom=function(e,t){void 0===t&&(t=.8);var n=e===document.body||e===document.documentElement?window.screen.availHeight:e.clientHeight,o=s(t);return o.unit===l.Pixel?e.scrollTop+n>=e.scrollHeight-o.value:e.scrollTop+n>=o.value/100*e.scrollHeight},t.prototype.render=function(){var e=this,t=i({height:this.props.height||"auto",overflow:"auto",WebkitOverflowScrolling:"touch"},this.props.style),n=this.props.hasChildren||!!(this.props.children&&this.props.children instanceof Array&&this.props.children.length),r=this.props.pullDownToRefresh&&this.props.height?{overflow:"auto"}:{};return o.createElement("div",{style:r,className:"infinite-scroll-component__outerdiv"},o.createElement("div",{className:"infinite-scroll-component "+(this.props.className||""),ref:function(t){return e._infScroll=t},style:t},this.props.pullDownToRefresh&&o.createElement("div",{style:{position:"relative"},ref:function(t){return e._pullDown=t}},o.createElement("div",{style:{position:"absolute",left:0,right:0,top:-1*this.maxPullDownDistance}},this.state.pullToRefreshThresholdBreached?this.props.releaseToRefreshContent:this.props.pullDownToRefreshContent)),this.props.children,!this.state.showLoader&&!n&&this.props.hasMore&&this.props.loader,this.state.showLoader&&this.props.hasMore&&this.props.loader,!this.props.hasMore&&this.props.endMessage))},t}(o.Component);t.Z=c}}]);
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.