https://www.unsw.edu.au/etc.clientlibs/unsw-common/clientlibs/clie…/cmp-service-status-5ed2493948d017014b5b.js

1"use strict";(self.webpackChunkunsw_common_ui_frontend=self.webpackChunkunsw_common_ui_frontend||[]).push([[7966],{343:(function(P,g,l){l.r(g),l.d(g,{ServiceStatusComponent:function(){return p}});var a=l(2138),o=l(6540),c=l(5338),u=l(4164),m=l(211),i=l(2050),s={container:"cmp-src-main-webpack-components-ServiceStatus-ServiceStatus-module__container",hide:"cmp-src-main-webpack-components-ServiceStatus-ServiceStatus-module__hide",red:"cmp-src-main-webpack-components-ServiceStatus-ServiceStatus-module__red",green:"cmp-src-main-webpack-components-ServiceStatus-ServiceStatus-module__green",amber:"cmp-src-main-webpack-components-ServiceStatus-ServiceStatus-module__amber",fullWidth:"cmp-src-main-webpack-components-ServiceStatus-ServiceStatus-module__fullWidth",textContainer:"cmp-src-main-webpack-components-ServiceStatus-ServiceStatus-module__textContainer",buttonContainer:"cmp-src-main-webpack-components-ServiceStatus-ServiceStatus-module__buttonContainer",ctaButton:"cmp-src-main-webpack-components-ServiceStatus-ServiceStatus-module__ctaButton",closeButton:"cmp-src-main-webpack-components-ServiceStatus-ServiceStatus-module__closeButton",desktopOnly:"cmp-src-main-webpack-components-ServiceStatus-ServiceStatus-module__desktopOnly",mobileOnly:"cmp-src-main-webpack-components-ServiceStatus-ServiceStatus-module__mobileOnly"},h=({heading:w,description:f,statusLevel:v,serviceStatusId:b,buttonLabel:d,linkUrl:E,openInNewTab:C=!1,editMode:H,hideCloseButton:R=!1,fullWidth:k=!1})=>{var L;const j="unsw-service-status-"+b,x=(0,o.useId)(),_=(0,o.useRef)(null),[D,N]=(0,o.useState)(),[B,M]=(0,o.useState)(!1),A=(0,o.useCallback)(()=>{window.sessionStorage.getItem(j)&&M(!0)},[j]);return(0,o.useEffect)(()=>{A()},[A]),(0,o.useEffect)(()=>(window.addEventListener("storage",A),()=>{window.removeEventListener("storage",A)}),[A]),(0,o.useEffect)(()=>{var y;N((y=_==null?void 0:_.current)==null?void 0:y.clientHeight)},[(L=_==null?void 0:_.current)==null?void 0:L.clientHeight]),(0,o.useEffect)(()=>{let y=[];const z=[],I=new ResizeObserver(O=>{y=O;for(const T of O){const U=setTimeout(()=>{N(T.target.clientHeight)},100);z.push(U)}});return _.current&&I.observe(_.current),()=>{y.forEach(O=>O.target.remove()),I.disconnect(),z.forEach(O=>{clearTimeout(O)})}},[]),o.createElement(o.Fragment,null,k&&o.createElement("div",{className:(0,u.A)(s.fullWidth,{[s.red]:v==="red"},{[s.green]:v==="green"},{[s.amber]:v==="amber"},{[s.hide]:B&&!H}),style:{height:D}}),o.createElement("div",{className:(0,u.A)(s.container,{[s.red]:v==="red"&&!k},{[s.green]:v==="green"&&!k},{[s.amber]:v==="amber"&&!k},{[s.hide]:B&&!H}),ref:_},o.createElement("div",{className:s.textContainer},o.createElement("div",{"aria-atomic":"true",role:B?void 0:v==="green"?"status":"alert"},o.createElement("h5",{id:x},w),o.createElement("div",{dangerouslySetInnerHTML:{__html:f}})),d&&E&&o.createElement("div",{className:s.mobileOnly},o.createElement(i.s,{linkText:d,theme:"light",size:"small",emphasis:"border",labelOption:"text-icon-divorced",fontAwesomeIcon:"arrow-right",openNewTab:C,className:s.ctaButton,link:E,"aria-describedby":x}))),o.createElement("div",{className:s.buttonContainer},d&&E&&o.createElement("div",{className:s.desktopOnly},o.createElement(i.s,{linkText:d,theme:"light",size:"small",emphasis:"border",labelOption:"text-icon-divorced",fontAwesomeIcon:"arrow-right",openNewTab:C,className:s.ctaButton,link:E,"aria-describedby":x})),!R&&o.createElement("button",{className:s.closeButton,"aria-label":"Close",onClick:()=>{M(!0),window.sessionStorage.setItem(j,"true")}},o.createElement(m.I,{name:"close-thin"})))))};class p extends a.A{constructor(){super(),this.$els=null,this.selector='[data-cmp-is="unsw-service-status"]',this.$appRoot=".unsw-service-status",this.init(),this.observe(),this.onAemUpdate=()=>this.init()}init(){this.$els=document.querySelectorAll(this.selector),this.$els.forEach(f=>{f.removeAttribute("data-cmp-is");const v=f.querySelector(this.$appRoot);if(v){const b=(0,c.createRoot)(v),d=f.dataset.config?JSON.parse(f.dataset.config):{};b.render(o.createElement(o.StrictMode,null,o.createElement(h,{...d})))}})}}new p}),2613:(function(P,g,l){l.d(g,{A:function(){return me}});var a=l(6540),o;function c(){return c=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)({}).hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},c.apply(null,arguments)}var u=function(e){return a.createElement("svg",c({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 64 114"},e),o||(o=a.createElement("path",{stroke:"currentColor",strokeLinejoin:"round",strokeWidth:14,d:"M59 109 7 57 59 5"})))},m=u,i;function s(){return s=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)({}).hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},s.apply(null,arguments)}var S=function(e){return a.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none"},e),i||(i=a.createElement("path",{stroke:"currentColor",d:"M24 12.5H0M15.5 20l8-7.5-8-8"})))},h=S,p;function w(){return w=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)({}).hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},w.apply(null,arguments)}var f=function(e){return a.createElement("svg",w({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 64 114"},e),p||(p=a.createElement("path",{stroke:"currentColor",strokeLinejoin:"round",strokeWidth:14,d:"m5 5 52 52-52 52"})))},v=f,b;function d(){return d=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)({}).hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},d.apply(null,arguments)}var E=function(e){return a.createElement("svg",d({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 22 22"},e),b||(b=a.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M20.707 0 22 1.293 12.293 11 22 20.707 20.707 22 11 12.293 1.295 22 0 20.707 9.705 11 0 1.293 1.295 0 11 9.705z",clipRule:"evenodd"})))},C=E,H;function R(){return R=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)({}).hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},R.apply(null,arguments)}var k=function(e){return a.createElement("svg",R({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 10 10"},e),H||(H=a.createElement("path",{fill:"currentColor",d:"m9.966 1.273-.94-.94L5.3 4.06 1.573.333l-.94.94L4.359 5 .633 8.727l.94.94L5.299 5.94l3.727 3.727.94-.94L6.24 5z"})))},L=k,j;function x(){return x=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)({}).hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},x.apply(null,arguments)}var _=function(e){return a.createElement("svg",x({xmlns:"http://www.w3.org/2000/svg",width:12,viewBox:"0 0 20 20"},e),j||(j=a.createElement("path",{fill:"currentColor",d:"M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2m0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8m0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14m6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6m0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8m0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14"})))},D=_,N,B;function M(){return M=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)({}).hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},M.apply(null,arguments)}var A=function(e){return a.createElement("svg",M({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},e),N||(N=a.createElement("path",{fill:"#DADADA",d:"M10 0a10 10 0 1 0 10 10A10.01 10.01 0 0 0 10 0m.208 4.167a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5m1.875 11.25H8.75a.833.833 0 1 1 0-1.667h.625a.21.21 0 0 0 .208-.208v-3.75a.21.21 0 0 0-.208-.209H8.75a.833.833 0 1 1 0-1.666h.833a1.666 1.666 0 0 1 1.667 1.666v3.959a.21.21 0 0 0 .208.208h.625a.833.833 0 1 1 0 1.667"})),B||(B=a.createElement("path",{fill:"#333",d:"M12.083 15.417H8.75a.833.833 0 1 1 0-1.667h.625a.21.21 0 0 0 .208-.208v-3.75a.21.21 0 0 0-.208-.209H8.75a.833.833 0 1 1 0-1.666h.833a1.666 1.666 0 0 1 1.667 1.666v3.959a.21.21 0 0 0 .208.208h.625a.833.833 0 1 1 0 1.667M10.208 4.167a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5"})))},y=A,z;function I(){return I=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)({}).hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},I.apply(null,arguments)}var O=function(e){return a.createElement("svg",I({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),z||(z=a.createElement("path",{stroke:"currentColor",strokeWidth:2,d:"M16 8H0"})))},T=O,U;function W(){return W=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)({}).hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},W.apply(null,arguments)}var ee=function(e){return a.createElement("svg",W({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 11 16"},e),U||(U=a.createElement("path",{fill:"currentColor",d:"m8.58 7.84 1.72 1.54v1.2H6.1v4.82l-.6.6-.6-.6v-4.82H.7v-1.2l1.6-1.54V1.2h-1V0h8.28v1.2h-1zM2.32 9.38h6.24l-1.18-1.1V1.2H3.5v7.08z"})))},te=ee,K;function $(){return $=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)({}).hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},$.apply(null,arguments)}var ne=function(e){return a.createElement("svg",$({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),K||(K=a.createElement("path",{stroke:"currentColor",strokeWidth:2,d:"M8 0v16M16 8H0"})))},re=ne,Z;function F(){return F=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)({}).hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},F.apply(null,arguments)}var ae=function(e){return a.createElement("svg",F({xmlns:"http://www.w3.org/2000/svg",width:15,height:9,fill:"none"},e),Z||(Z=a.createElement("path",{fill:"currentColor",d:"M6.762.807a1 1 0 0 1 1.476 0l5.958 6.518c.587.642.132 1.675-.738 1.675H1.542C.672 9 .217 7.967.804 7.325z"})))},oe=ae,G;function V(){return V=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)({}).hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},V.apply(null,arguments)}var se=function(e){return a.createElement("svg",V({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},e),G||(G=a.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M3.552 3.189a8.083 8.083 0 0 1 11.62 11.21L23 22.225l-.774.774-7.828-7.828A8.083 8.083 0 0 1 3.17 3.573l.198-.204zm10.565.86A7.118 7.118 0 1 0 4.049 14.117a7.12 7.12 0 0 0 10.067 0 7.12 7.12 0 0 0 0-10.068",clipRule:"evenodd"})))},ce=se,Q,X;function J(){return J=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)({}).hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},J.apply(null,arguments)}var ie=function(e){return a.createElement("svg",J({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},e),Q||(Q=a.createElement("path",{d:"M23.888 5.832a.18.18 0 0 0-.2.039l-9.747 9.745a2.75 2.75 0 0 1-3.888 0L.31 5.871a.18.18 0 0 0-.2-.039A.18.18 0 0 0 0 6v12a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2V6a.18.18 0 0 0-.112-.168"}

1)),X||(X=a.createElement("path",{d:"M11.115 14.556a1.25 1.25 0 0 0 1.768 0l9.686-9.686a.5.5 0 0 0 .121-.511C22.58 4.03 22.274 4 22 4H2c-.275 0-.583.03-.691.359a.5.5 0 0 0 .121.511Z"})))},le=ie;const Y={pin:te,close:L,"arrow-left":m,"arrow-right":v,info:y,drag:D,plus:re,minus:T,polygon:oe,"arrow-right-long":h,"close-thin":C,search:ce,email_action_unread:le},ge=Object.keys(Y);var ue=Y;const q=(0,a.forwardRef)(({name:t,className:e="",...n},r)=>{const ve=ue[t];return a.createElement(ve,{ref:r,className:e,...n})});q.displayName="Icon";var me=q}),211:(function(P,g,l){l.d(g,{I:function(){return a.A}});var a=l(2613)}),2050:(function(P,g,l){l.d(g,{s:function(){return u}});var a=l(6540),o=l(4164);const c=(0,a.forwardRef)(({linkText:m,linkSr:i,link:s,openNewTab:S=!1,theme:h,labelOption:p="text-only",fontAwesomeIcon:w="check",emphasis:f="fill",size:v,align:b,className:d="",...E},C)=>a.createElement("a",{href:s,ref:C,className:(0,o.A)("uds-brand-button",h,{[`${f}`]:!!f,[p]:p!=="text-icon-divorced",[v]:!!v,[b]:!!b},d),rel:S?"noopener":void 0,target:S?"_blank":void 0,...E},a.createElement("div",{className:"inner"},p!=="text-only"&&a.createElement("div",{className:"icon"},a.createElement("i",{role:"img",className:(0,o.A)("fa",`fa-${w}`),"aria-label":S?"opens in a new window":void 0})),a.createElement("div",{className:"text"},m,i&&a.createElement("span",{className:"sr-only"},i)))));c.displayName="UdsBrandButton";var u=c}),2138:(function(P,g,l){l.d(g,{A:function(){return a}});class a{constructor(){this.selector="",this.onAemUpdate=()=>{}}observe(){if(!this.selector)throw new Error("A selector needs to be assigned");const c=window.MutationObserver,u=document.querySelector("body");new c(i=>{i.forEach(s=>{const S=[].slice.call(s.addedNodes);S.length>0&&S.forEach(h=>{h instanceof Element&&h.matches(this.selector)&&this.onAemUpdate(h),h.querySelectorAll&&[].slice.call(h.querySelectorAll(this.selector)).forEach(w=>{this.onAemUpdate(w)})})})}).observe(u,{subtree:!0,childList:!0,characterData:!0})}}}),4164:(function(P,g,l){function a(c){var u,m,i="";if(typeof c=="string"||typeof c=="number")i+=c;else if(typeof c=="object")if(Array.isArray(c)){var s=c.length;for(u=0;u<s;u++)c[u]&&(m=a(c[u]))&&(i&&(i+=" "),i+=m)}else for(m in c)c[m]&&(i&&(i+=" "),i+=m);return i}function o(){for(var c,u,m=0,i="",s=arguments.length;m<s;m++)(c=arguments[m])&&(u=a(c))&&(i&&(i+=" "),i+=u);return i}g.A=o})}]);