https://visitabudhabi.ae/dist/vad/static/js/Notification.051d81e9.chunk.js

1(this.webpackJsonpvad=this.webpackJsonpvad||[]).push([[147],{1307:function(e,a,t){"use strict";t.r(a),t.d(a,"Notification",(function(){return B}));var i=t(19),n=t(9),r=t(0),o=t.n(r),s=t(238),d=t(84),c=t(93),l=t.n(c),m=t(31),u=t(1570),b=t(548),p=t(209),v=t(2),h=t(3),f=t(865),g=t(1),O=Object(f.a)((function(e){return{"@global":{'body.hasCrisisHeaderToast:has(.headerCrisisNotificationBannerContainer > *) [role="main"]':{marginTop:Object(g.p)(48),"@media (max-width: 1024px)":{marginTop:Object(g.q)(64)}},'body.hasCrisisHeaderToast.allCrisisHeaderToastDismissed [role="main"], body.hasCrisisHeaderToast.allCrisisHeaderToastDismissed .megaNavMainContainer .headerMegaNavMainWrapper':{transition:"margin-top 225ms cubic-bezier(0, 0, 0.2, 1)",marginTop:0},'body.hasCrisisHeaderToast [class*="crisisHeaderToastDismissing"][class*="headerToastContainer"], body.hasCrisisHeaderToast.allCrisisHeaderToastDismissed .headerCrisisNotificationBannerContainer':{transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1)",transform:"translateY(-101%)"},'html[style*="overflow: hidden"] [class*="headerToastContainer"]':Object(h.a)({},e.mixins.paddingRight("var(--scrollbar-width, 0px)")),"body.hasCrisisHeaderToast:not(.allCrisisHeaderToastDismissed) #map-filter-container .filterBarSticky, body.hasCrisisHeaderToast:not(.allCrisisHeaderToastDismissed) #category-filter-bar .categoryBtnTabSticky":{marginTop:Object(g.p)(48),"@media (max-width: 1024px)":{marginTop:Object(g.q)(64)}},"body.hasCrisisHeaderToast:not(.allCrisisHeaderToastDismissed) #fav-listing-upd .listing-tab-mobile":{"@media (max-width: 1024px)":{marginTop:Object(g.q)(64)}},"body.hasCrisisHeaderToast.allCrisisHeaderToastDismissed #map-filter-container .filterBarSticky":{transition:"margin-top 225ms cubic-bezier(0, 0, 0.2, 1)",marginTop:0},"body.hasCrisisHeaderToast:has(#cards-list-container .mapVisible) .headerCrisisNotificationBannerContainer, body.hasCrisisHeaderToast.drawerOpen:has(#marine-map-mapbox-container .filterActivitiesModalUpd.active, .detailPanelUpd.active, .filterLocationModalUpd.active) .headerCrisisNotificationBannerContainer, body.hasCrisisHeaderToast:has(#generic-map-mfd-variant .adMapMain .fullScreenMapWrapper) .headerCrisisNotificationBannerContainer":{"@media (max-width: 1024px)":{display:"none"}},".headerCrisisNotificationBannerContainer.menuOrSearchOpened + .megaNavMainContainer .headerMegaNavMainWrapper":{marginTop:0},".body.hasCrisisHeaderToast .megaNavMainContainer .headerMegaNavMainWrapper.megaNavSearchOpened":{"@media (min-width: 1025px)":{marginTop:0}},".megaNavMainContainer":{"& .headerMegaNavMainWrapper.megaNavSearchOpened":{transition:"none","@media (min-width: 1025px)":{marginTop:"0 !important"}},"&.isPanelOpened .headerMegaNavMainWrapper":{"@media (max-width: 1024px)":{marginTop:0}},"body.hasCrisisHeaderToast:not(.allCrisisHeaderToastDismissed):has(.headerCrisisNotificationBannerContainer > *) &:not(.isPanelOpened).MuiContainer-root":{"& .headerMegaNavMainWrapper":{marginTop:Object(g.p)(48),"@media (max-width: 1024px)":{marginTop:Object(g.q)(64)}}}}},root:{"&.headerCrisisNotificationBannerContainer":{overflow:"hidden",backgroundColor:"transparent",width:"100%",position:"fixed",top:0,zIndex:15,minHeight:Object(g.p)(48),"@media (max-width: 1024px)":{minHeight:Object(g.q)(64)},"&.menuOrSearchOpened":{"@media (max-width: 1024px)":{display:"none"}}},'& [class*="headerToastContainer"]':{position:"absolute",top:0,width:"100%",transform:"translateY(0)",backgroundColor:e.palette.common.WhiteUpd()},"& .notificationCardWrapper":{width:"100%",height:Object(g.p)(48),"@media (max-width: 1024px)":{height:Object(g.q)(64),"& .MuiAlert-root":{height:Object(g.q)(64),borderRadius:0}},"& .left-container":{display:"flex",alignItems:"center","& .text-link":{display:"flex",alignItems:"center","@media (max-width: 1024px)":{flexDirection:"column",alignItems:"flex-start"},"& .text-container":{"& .text":{fontSize:Object(g.p)(14),"@media (max-width: 1024px)":{fontSize:Object(g.q)(14)}}},"& .link":Object(h.a)(Object(h.a)({},e.mixins.marginLeft(Object(g.p)(8))),{},{"& .buttonText":{lineHeight:"1.4 !important",textTransform:"none",fontFamily:e.custom.fontFamily.primaryRegular,marginTop:"0 !important",letterSpacing:0},"& .endIcon":Object(h.a)({},e.mixins.marginLeft(Object(g.p)(4))),"@media (max-width: 1024px)":Object(h.a)({},e.mixins.marginLeft(Object(g.p)(0)))}),"& .icon-text":{display:"flex",alignItems:"center","& .text":{fontSize:Object(g.p)(18)}}},"& .icon-bg":Object(h.a)(Object(h.a)({},e.mixins.marginRight(Object(g.p)(12))),{},{width:Object(g.p)(32),height:Object(g.p)(32),display:"flex",alignItems:"center",justifyContent:"center",borderRadius:Object(g.p)(8),"@media (max-width: 1024px)":Object(h.a)(Object(h.a)({},e.mixins.marginRight(Object(g.q)(8))),{},{borderRadius:Object(g.q)(8),width:Object(g.q)(36),height:Object(g.q)(36)})}),"& .icon":{width:Object(g.p)(20),height:Object(g.p)(20),"@media (max-width: 1024px)":{width:Object(g.q)(20),height:Object(g.q)(20)}}},"& .MuiAlert-action":{marginLeft:0,marginRight:0,"& .closeIcon":{cursor:"pointer",display:"flex"}},"& .mobileNotification":Object(v.a)({},e.breakpoints.up("lg"),{display:"none"}),"& .desktopNotification":{"@media (max-width: 1024px)":{display:"none"}},"& .MuiAlert-root":{paddingLeft:"var(--mfd-container)",paddingRight:"var(--mfd-container)",paddingTop:Object(g.p)(8),paddingBottom:Object(g.p)(8),maxHeight:Object(g.p)(48),display:"flex",alignItems:"center",justifyContent:"space-between",minHeight:"auto",backgroundColor:e.palette.common.WhiteUpd(),"@media (max-width: 1024px)":{maxHeight:Object(g.q)(64),paddingLeft:Object(g.q)(12),paddingRight:Object(g.q)(12),paddingTop:Object(g.q)(12),paddingBottom:Object(g.q)(12)}}}}}})),j=t(47),x=t(27),C=t(1519),y=t(50),N=t(112),T=t(120),w=t(12),k=t(539),H=t(76),E=t(353),M=t(138),D=t(15),L=t(1618),B=function(e){var a=Object(x.B)(e),t=e.fields||{notificationsList:[],isBannerPersist:{}},s=t.notificationsList,d=t.isBannerPersist,c=t.isActive,p=(null===d||void 0===d?void 0:d.value)||!1,v=Object(r.useState)(!1),h=Object(n.a)(v,2),f=h[0],g=h[1],B=Object(r.useCallback)((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(D.a){var a=0,t=e||JSON.parse(Object(H.a)(k.c)||"{}")||null,i=JSON.parse(Object(H.a)(k.b)||"[]");return l()(t)||(a+=Object.keys(t).length),i&&Array.isArray(i)&&i.length>0&&(a+=i.length),a}}),[]),S=Object(r.useCallback)((function(){if(!D.a)return null;var e=Object(M.d)();return e?(l()(e)?Object(H.b)(k.c):Object(H.c)(k.c,JSON.stringify(e)),l()(e)?null:e):null}),[]);Object(r.useLayoutEffect)((function(){if(g((null===c||void 0===c?void 0:c.value)||!1),D.a&&f){var e=S(),a=B(e);

1if("true"===Object(H.a)(k.a)){if(!(s.length>a))return void(document.getElementById(L.h).style.display="none");Object(H.b)(k.a)}return document.body.classList.add("hasCrisisHeaderToast"),function(){document.body.classList.remove("hasCrisisHeaderToast")}}}),[f]);var W=Object(r.useCallback)((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];e.length<1&&D.a&&document.body.classList.add("allCrisisHeaderToastDismissed")}),[]),q=s,I=Object(r.useMemo)((function(){if(!Array.isArray(q)||q.length<1||!D.a)return[];var e=Object(M.d)(),a=JSON.parse(Object(H.a)(k.b)||"[]"),t=q.filter((function(e){var t,i,n,r,o={startDate:(null===e||void 0===e||null===(t=e.fields)||void 0===t||null===(i=t.startDate)||void 0===i?void 0:i.value)||"",endDate:(null===e||void 0===e||null===(n=e.fields)||void 0===n||null===(r=n.expiryDate)||void 0===r?void 0:r.value)||""},s=a.includes(null===e||void 0===e?void 0:e.id),d=!!p||!s;return Object(M.a)(o)&&d}));if(l()(e))return W(t),t.slice().reverse();var i=new Date,n=t.filter((function(a){var t,n,r,o,s=(null===a||void 0===a?void 0:a.id)||"",d={startDate:(null===a||void 0===a||null===(t=a.fields)||void 0===t||null===(n=t.startDate)||void 0===n?void 0:n.value)||"",endDate:(null===a||void 0===a||null===(r=a.fields)||void 0===r||null===(o=r.expiryDate)||void 0===o?void 0:o.value)||""};if(!Object(M.a)(d))return!1;var c=e[s],l=new Date(c);return!!Number.isNaN(l.getTime())||l<=i}));return W(n),n.slice().reverse()}),[]),A=Object(r.useCallback)((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";switch(e){case"cr":return o.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none"},o.a.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1.64645 1.64645C1.84171 1.45118 2.15829 1.45118 2.35355 1.64645L6 5.29289L9.64645 1.64645C9.84171 1.45118 10.1583 1.45118 10.3536 1.64645C10.5488 1.84171 10.5488 2.15829 10.3536 2.35355L6.70711 6L10.3536 9.64645C10.5488 9.84171 10.5488 10.1583 10.3536 10.3536C10.1583 10.5488 9.84171 10.5488 9.64645 10.3536L6 6.70711L2.35355 10.3536C2.15829 10.5488 1.84171 10.5488 1.64645 10.3536C1.45118 10.1583 1.45118 9.84171 1.64645 9.64645L5.29289 6L1.64645 2.35355C1.45118 2.15829 1.45118 1.84171 1.64645 1.64645Z",fill:"#565A5C"}));default:return o.a.createElement(o.a.Fragment,null)}}),[]),R=O(),J=Object(r.useCallback)((function(e){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:new Date,t=new Date(a);return t.setDate(t.getDate()+Number(e)),Object(E.c)(t)}),[]),z=Object(r.useCallback)((function(e,a){var t,n,r=(null===a||void 0===a?void 0:a.id)||"",o=(null===a||void 0===a||null===(t=a.fields)||void 0===t||null===(n=t.inactiveDaysCount)||void 0===n?void 0:n.value)||0;if(o>0){var s=J(o),d=r||"notification-".concat(e+1),c=JSON.parse(Object(H.a)(k.c)||"{}");c[d]=s,Object(H.c)(k.c,JSON.stringify(c))}else{var l=JSON.parse(Object(H.a)(k.b)||"[]"),m=Array.from(new Set([].concat(Object(i.a)(l),[r]).filter(Boolean)));Object(H.c)(k.b,JSON.stringify(m))}var u=e,b=e===I.length;if(document.getElementById("header-infobanner-container-"+u).classList.add("crisisHeaderToastDismissing"+u),b){var v=Boolean(Object(H.a)(k.c));document.body.classList.add("allCrisisHeaderToastDismissed"),window.dispatchEvent(new CustomEvent("headerNotificationBarDismissed")),p||v||Object(H.c)(k.a,"true")}}),[]),F=Object(r.useCallback)((function(t){var i,n,r,s,d,c,l,p,v,h,f,g,O=t.isActive,x=t.notification,k=t.ind,H=(x||{fields:{}}).fields,E=null===H||void 0===H||null===(i=H.iconBgColor)||void 0===i||null===(n=i.fields)||void 0===n||null===(r=n.colorCode)||void 0===r?void 0:r.value;return o.a.createElement(C.a,null,O&&o.a.createElement(u.a,{className:"notificationCardWrapper","data-locator":"Notification",uid:a},o.a.createElement(b.a,{icon:!1,ariaLabel:e.t&&e.t("close")||j.m,action:o.a.createElement("span",{className:"closeIcon",onClick:function(){return z(k,x)}}," ",A("cr")," ")},o.a.createElement(C.a,{className:"left-container"},o.a.createElement(C.a,{className:"icon-bg",style:{backgroundColor:E}},o.a.createElement(C.a,{className:"icon"},o.a.createElement(T.a,{media:{image:null===H||void 0===H?void 0:H.iconImage,disableLazyLoad:!0,fallbackBackgroun

1dNeeded:!1},alt:(null===H||void 0===H||null===(s=H.iconImage)||void 0===s||null===(d=s.value)||void 0===d?void 0:d.alt)||"",isParalax:!1,className:"icon"}))),o.a.createElement(C.a,{className:"text-link"},(null===H||void 0===H?void 0:H.message)&&o.a.createElement(C.a,{className:"text-container"},o.a.createElement(m.a,{className:"text",variant:"body3Upd",component:"p"},null===H||void 0===H||null===(c=H.message)||void 0===c?void 0:c.value)),o.a.createElement(C.a,{className:"link"},(null===H||void 0===H||null===(l=H.link)||void 0===l||null===(p=l.value)||void 0===p?void 0:p.href)&&o.a.createElement(y.a,{href:null===H||void 0===H||null===(v=H.link)||void 0===v||null===(h=v.value)||void 0===h?void 0:h.href,target:"external"===(null===H||void 0===H||null===(f=H.link)||void 0===f||null===(g=f.value)||void 0===g?void 0:g.linktype)?"_blank":"",variant:"withoutBorder",btnText:Object(w.a)("readmore"),endIcon:o.a.createElement(N.a,{name:"cheveronupd"}),rotateIconOnRTL:!0})))))))}),[]),P=Object(r.useCallback)((function(e){var a=e.notificationsItems,t=void 0===a?[]:a;return o.a.createElement(o.a.Fragment,null,o.a.createElement(C.a,{id:"header-crisis-notification-banner",className:"".concat(R.root," headerCrisisNotificationBannerContainer")},Array.isArray(t)&&t.map((function(e,a){var i=t.length-a;return o.a.createElement(C.a,{id:"header-infobanner-container-"+i,className:"headerToastContainer".concat(i," headerCrisisNotificationBanner")},o.a.createElement(F,{isActive:!0,notification:e,ind:i}))}))))}),[]);return o.a.createElement(o.a.Fragment,null,f&&o.a.createElement(o.a.Fragment,null,o.a.createElement(C.a,{className:R.root},o.a.createElement(P,{notificationsItems:I}))))};a.default=Object(p.a)(Object(d.withSitecoreContext)()(Object(s.b)()(B)))},1570:function(e,a,t){"use strict";var i=t(2),n=t(106),r=t(0),o=t.n(r),s=t(20),d=t(35),c=t(301),l=t.n(c),m=t(3),u=["classes","className","component","fixed","maxWidth","useContainer","overflowHidden"],b=o.a.forwardRef((function(e,a){var t,r=e.classes,d=e.className,c=void 0===d?"":d,m=e.component,b=void 0===m?"div":m,p=e.fixed,v=void 0!==p&&p,h=e.maxWidth,f=void 0===h?"xl":h,g=e.useContainer,O=void 0===g||g,j=e.overflowHidden,x=void 0!==j&&j,C=Object(n.a)(e,u),y=o.a.createElement(b,Object.assign({className:Object(s.a)(r.root,(t={},Object(i.a)(t,r.fixed,v),Object(i.a)(t,r["maxWidth".concat(l()(String(f)))],!1!==f),t),c),ref:a},C));return O?o.a.createElement("section",{className:Object(s.a)(r.root,Object(i.a)({},r.overflowHidden,x))},y):e.children}));a.a=Object(d.a)((function(e){return Object(m.a)(Object(m.a)({root:{width:"100%",marginLeft:"auto",boxSizing:"border-box",marginRight:"auto",paddingLeft:"0",paddingRight:"0"}},{}),{},{fixed:Object.keys(e.breakpoints.values).reduce((function(a,t){var i=e.breakpoints.values[t];return 0!==i&&(a[e.breakpoints.up(t)]={maxWidth:i}),a}),{}),maxWidthXs:Object(i.a)({},e.breakpoints.up("xs"),{maxWidth:Math.max(e.breakpoints.values.xs,444)}),maxWidthSm:Object(i.a)({},e.breakpoints.up("sm"),{maxWidth:e.breakpoints.values.sm}),maxWidthMd:Object(i.a)({},e.breakpoints.up("md"),{maxWidth:e.breakpoints.values.md}),maxWidthLg:Object(i.a)({},e.breakpoints.up("lg"),{maxWidth:e.breakpoints.values.lg}),maxWidthXl:Object(i.a)({},e.breakpoints.up("xl"),{maxWidth:"100%"}),overflowHidden:{overflow:"hidden"}})}),{name:"MuiContainer"})(b)},1618:function(e,a,t){"use strict";t.d(a,"a",(function(){return i})),t.d(a,"h",(function(){return n})),t.d(a,"g",(function(){return r})),t.d(a,"d",(function(){return o})),t.d(a,"b",(function(){return s})),t.d(a,"c",(function(){return d})),t.d(a,"e",(function(){return c})),t.d(a,"f",(function(){return l})),t.d(a,"o",(function(){return m})),t.d(a,"j",(function(){return u})),t.d(a,"i",(function(){return b})),t.d(a,"n",(function(){return p})),t.d(a,"l",(function(){return v})),t.d(a,"m",(function(){return h})),t.d(a,"k",(function(){return f})),t.d(a,"p",(function(){return g}));var i="header-component-container",n="header-crisis-notification-banner",r="header-component-slider",o="header-component-header-section",s="HeaderComponent-GridBlock",d="header-component-grid-container",c="header-component-grid-item-logo",l="header-component-grid-item-mobile-nav",m="MFD Header",u="CTA",b="Back",p="Transparent",v="nonTransparentHeader",h="Transparent",f="Itinerary",g="Notification"}}]);