https://www.cipd.org/static/js/chunks/757.abeb628e8b4110210950.js

1"use strict";(self.webpackChunkcipd_front_end=self.webpackChunkcipd_front_end||[]).push([[757],{757:(e,t,n)=>{n.r(t),n.d(t,{default:()=>y});var r=n(4533),a=n(7294),l=n(8102);const o=function(e){var t=e.heading;return t?a.createElement("header",{className:"countdown-header"},a.createElement("h2",{id:(0,l.Y)(t)},t)):null};var u=n(5935);const i=function(e){var t=e.introText;return t?a.createElement("div",{className:"countdown-intro"},(0,u.ZP)(t)):null},s=function(e){var t=e.value,n=e.label,r=e.colour;return a.createElement("div",{className:"countdown-box"},a.createElement("span",{className:"value",style:{color:r},"aria-label":"".concat(t," ").concat(n)},t),a.createElement("span",{className:"label",style:{color:r}},n))};var c=function(e){return{white:{bgClass:"bg-white"},"neutral-3":{bgClass:"bg-neutral-3"}}[null==e?void 0:e.toLowerCase()]||{bgClass:"bg-neutral-3"}};const d=function(e){var t,n,r=e.timeLeft,l=e.labels,o={"bright-green":{bgClass:"bg-green",textColor:n="#3d1152"},"bright-orange":{bgClass:"bg-orange",textColor:n},"bright-yellow":{bgClass:"bg-yellow",textColor:n},"bright-blue":{bgClass:"bg-blue-light",textColor:n},"neutral-1":{bgClass:"bg-neutral-1",textColor:n},"neutral-2":{bgClass:"bg-neutral-2",textColor:n},"dark-purple":{bgClass:"bg-purple",textColor:"white"},"dark-blue":{bgClass:"bg-blue",textColor:"white"}}[null==(t=e.countdownColour)?void 0:t.toLowerCase()]||{bgClass:"bg-green",textColor:n},u=o.bgClass,i=o.textColor,c=function(e,t){return 1===e?t.singular:t.default};return a.createElement("div",{className:"".concat(u," countdown-wrapper"),role:"timer","aria-label":"Time remaining countdown","aria-live":"polite"},a.createElement(s,{value:r.weeks,label:c(r.weeks,l.weeks),colour:i}),a.createElement(s,{value:r.days,label:c(r.days,l.days),colour:i}),a.createElement(s,{value:r.hours,label:c(r.hours,l.hours),colour:i}),a.createElement(s,{value:r.minutes,label:c(r.minutes,l.minutes),colour:i}),a.createElement("div",{className:"image-wrapper-mask","aria-hidden":"true"},a.createElement("img",{src:"/static/images/image-mask-countdown.png",alt:""})))},m=function(e){var t=e.heading,n=e.text,r=e.backgroundColor;return t||n?a.createElement("div",{className:"milestone-banner ".concat(r)},t&&a.createElement("p",{className:"milestone-banner-heading h4"},t),n&&a.createElement("div",{className:"milestone-banner-text"},(0,u.ZP)(n)),a.createElement("div",{className:"image-wrapper-mask","aria-hidden":"true"},a.createElement("img",{src:"/static/images/image-mask-countdown.png",alt:"Image mask"}))):null},g=function(e){var t=e.currentBanner,n=e.isExpired;return t?n?a.createElement(m,{heading:null==t?void 0:t.endBannerHeading,text:null==t?void 0:t.endBannerText,backgroundColor:c(null==t?void 0:t.endBannerBackgroundColour).bgClass}):a.createElement(m,{heading:t.bannerHeading,text:t.bannerText,backgroundColor:c(null==t?void 0:t.backgroundColour).bgClass}):null};var b=function(e){var t,n=e.buttonData,r=e.className;return n?a.createElement("a",{className:r,href:n.link,target:n.target,rel:"_blank"===n.target?"noopener noreferrer":void 0,role:"button","aria-label":null!==(t=n.title)&&void 0!==t?t:n.text,style:{justifyContent:"center"}},a.createElement("span",null,n.text),a.createElement("svg",{"aria-hidden":"true",focusable:"false",role:"presentation"},a.createElement("use",{xlinkHref:"/static/images/sprites.svg#arrow-right"}))):null};const v=function(e){var t=e.primaryCtaLink,n=e.secondaryCtaLink;return t||n?a.createElement("div",{className:"step-container",style:{maxWidth:"100%"}},a.createElement("div",{className:"callout__buttons"},a.createElement(b,{buttonData:t,className:"button"}),a.createElement(b,{buttonData:n,className:"button button--secondary"}))):null};var f=n(1892);function p(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,u=[],i=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);i=!0);}catch(e){s=!0,a=e}

1finally{try{if(!i&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return u}}(e,t)||function(e,t){if(e){if("string"==typeof e)return C(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?C(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function C(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var h=n(3340);const E=function(e){var t=e.blockId,n=void 0===t?7619:t,r=(0,h.Z)("/api/v1/countdownblock?countdownBlockId=".concat(n)),l=r.data,u=r.loading,s=r.error,c=(0,a.useMemo)((function(){return(null==l?void 0:l.milestoneBanners)||[]}),[null==l?void 0:l.milestoneBanners]),m=(0,a.useMemo)((function(){return{endBannerHeading:null==l?void 0:l.endBannerHeading,endBannerText:null==l?void 0:l.endBannerText,endBannerBackgroundColour:null==l?void 0:l.endBannerBackgroundColour}}),[l]),b=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=p((0,a.useState)({weeks:0,days:0,hours:0,minutes:0}),2),l=r[0],o=r[1],u=p((0,a.useState)(!1),2),i=u[0],s=u[1],c=p((0,a.useState)(null),2),d=c[0],m=c[1];return(0,a.useEffect)((function(){var r=function(){var t=(0,f.fY)(e),n=t.weeks,r=t.days,a=t.hours,l=t.minutes,u=t.isExpired;o({weeks:n,days:r,hours:a,minutes:l}),s(u)},a=function(){var r=new Date;if(i)m(n);else{var a=t.filter((function(t){var n=(0,f.xk)(null==t?void 0:t.displayDate),a=null!=t&&t.endDisplayDate?(0,f.xk)(t.endDisplayDate):(0,f.xk)(e);return null!=t&&t.endDisplayDate?r>=n&&r<=a:r>=n&&!i})).sort((function(e,t){var n=(0,f.xk)(e.displayDate);return(0,f.xk)(t.displayDate)-n}))[0];m(a||null)}};r(),a();var l=setInterval((function(){r(),a()}),1e3);return function(){return clearInterval(l)}}),[e,t,n,i]),{timeLeft:l,isExpired:i,currentBanner:d}}((null==l?void 0:l.endDate)||"2099-05-29T18:35:00+01:00",c,m),C=b.timeLeft,E=b.isExpired,y=b.currentBanner;if(u)return a.createElement("div",{className:"countdown-loader"},a.createElement("span",null));if(s)return a.createElement("div",null,"Error: ",s);if(!l)return null;var k=l.heading,w=l.introText,x=l.labels,B=l.countdownColour,N=l.primaryCtaLink,D=l.secondaryCtaLink;return a.createElement("div",{className:"countdown"},a.createElement(o,{heading:k}),a.createElement(i,{introText:w}),a.createElement(d,{timeLeft:C,labels:x,countdownColour:B}),a.createElement(g,{currentBanner:y,isExpired:E}),a.createElement(v,{primaryCtaLink:N,secondaryCtaLink:D}))},y=function(e){(0,r.Z)(e,E)}}}]);