\n
\n \n );\n};\n\nexport default FeatureGenericContentBundaFeaturedArea;\n","import React, { Component } from \"react\";\nimport { RichText } from \"@sitecore-jss/sitecore-jss-react\";\nimport defaultImg from \"../../../../assets/image/gray.png\";\n\nclass FeatureGenericContentBundaHero extends Component {\n constructor(props) {\n super(props);\n this.state = { isPaused: true };\n }\n\n componentDidMount() {\n if (document) {\n const vid = document.querySelector(\"video.bunda-hero__image\");\n if (vid) {\n vid.onplaying = () => {\n this.setState({ isPaused: false });\n };\n vid.onpause = () => {\n this.setState({ isPaused: true });\n };\n }\n }\n }\n\n renderHeroBanner = (props) => {\n const {\n HeroImage: heroImage = null,\n HeroImageAlt: heroImageAlt = null,\n HeroVideo: heroVideo = null,\n HeroSource: heroSource = null,\n } = props.fields || {};\n\n let heroBannerLayout = null;\n if (\n heroSource &&\n heroSource.value &&\n heroSource.value.toLowerCase() === \"image\" &&\n heroImage &&\n heroImage.value\n ) {\n heroBannerLayout = (\n \n
\n \n
\n \n
\n \n
\n {area && area.length ? renderArea(area[0], \"first\") : null}\n \n {area && area.length\n ? area.slice(1).map((item, index) => renderArea(item, index))\n : null}\n
\n \n \n {this.renderHeroBanner(this.props)}\n {isPaused && (\n
\n \n );\n }\n}\n\nexport default FeatureGenericContentBundaHero;\n","import React from \"react\";\nimport { RichText, Text } from \"@sitecore-jss/sitecore-jss-react\";\nimport Flickity from \"react-flickity-component\";\nimport { getBgColor } from \"../../../../helper/Color\";\n\nconst FeatureGenericContentBundaImageCarousel = (props) => {\n const {\n Title: title = null,\n Subtext: subtitle = null,\n Images: images = null,\n Features: features = null,\n BackgroundColor: backgroundColor = null,\n } = props.fields;\n\n return (\n \n
\n )}\n \n
\n \n
\n {images && images.length && (\n \n
\n \n
\n \n
\n ) : (\n \"\"\n )}\n \n );\n};\n\nexport default FeatureGenericContentBundaImageCarousel;\n","import React from \"react\";\nimport { Text } from \"@sitecore-jss/sitecore-jss-react\";\nimport defaultImg from \"../../../../assets/image/gray.png\";\nimport { getBgColor } from \"../../../../helper/Color\";\n\nconst FeatureGenericContentBundaImageTextBlock = (props) => {\n const {\n Image = null,\n ImageAltText = null,\n Title = null,\n Description = null,\n ImagePosition = null,\n BackgroundColor = null,\n Link = null,\n } = props.fields || {};\n\n let imageTextBlockLayout = \"\";\n\n if (\n (Image && Image.value) ||\n (Title && Title.value) ||\n (Description && Description.value)\n ) {\n imageTextBlockLayout = (\n \n
\n Features
\n \n {features.map((item, index) => {\n const {\n IconClass: icon = null,\n Name: name = null,\n } = item.fields;\n if (icon && icon.value) {\n return (\n
\n \n
\n );\n } else return null;\n })}\n \n
\n \n \n
\n \n
\n \n \n
\n \n );\n }\n\n return imageTextBlockLayout;\n};\n\nexport default FeatureGenericContentBundaImageTextBlock;\n","import React from 'react';\nimport { Text } from '@sitecore-jss/sitecore-jss-react';\nimport { getBgColor } from \"../../../../helper/Color\";\nimport defaultImg from \"../../../../assets/image/gray.png\";\n\nconst FeatureGenericContentBundaLeasingContacts = (props) => {\n const {\n LogoImage = null,\n LogoImageAlt = null,\n Address = null,\n Contacts = null,\n Button = null,\n BackgroundColor = null,\n } = props.fields || {};\n\n if ((LogoImage && LogoImage.value) ||\n (Address && Address.value) ||\n (Contacts && Contacts.length > 0)) {\n return (\n \n
\n \n
\n \n {Image && Image.value && (\n
\n \n
\n \n \n
\n \n
\n \n
\n {Link && Link.value && Link.value.href && Link.value.text && (\n \n \n
\n )}\n \n
\n )\n }\n else {\n return null\n }\n};\n\nexport default FeatureGenericContentBundaLeasingContacts;","import $ from \"jquery\";\n\nexport const disableScroll = () => {\n if (($(document) && $(document).height()) > $(window).height()) {\n var scrollTop = $(\"html\").scrollTop()\n ? $(\"html\").scrollTop()\n : $(\"body\").scrollTop();\n $(\"html\")\n .addClass(\"noscroll\")\n .css(\"top\", -scrollTop);\n }\n};\n\nexport const enableScroll = () => {\n var scrollTop = parseInt($(\"html\").css(\"top\"));\n $(\"html\").removeClass(\"noscroll\");\n $(\"html,body\").scrollTop(-scrollTop);\n};\n","import React, { Component } from \"react\";\nimport { Link, Text } from \"@sitecore-jss/sitecore-jss-react\";\nimport { disableScroll, enableScroll } from \"../../../../helper/ScrollHelper\";\n\nclass FeatureGenericContentBundaNavigation extends Component {\n constructor(props) {\n super(props);\n this.state = { showNav: false };\n }\n\n componentDidMount() {\n this.handleResize();\n window.addEventListener(\"resize\", this.handleResize);\n }\n\n handleResize = () => {\n if (window && window.innerWidth > 991 && this.state.showNav) {\n this.setState({ showNav: false });\n }\n };\n\n render() {\n const { showNav } = this.state;\n const { NavigationFields: nav } = this.props.fields;\n if (nav && nav.length) {\n return (\n \n {LogoImage &&\n LogoImage.value &&\n \n
\n \n
\n }\n {Address && Address.value &&\n \n
\n }\n {Contacts &&\n Contacts.length > 0 &&\n \n {Contacts.map((item, index) => {\n const {\n ContactName = null,\n ContactImageUrl = null,\n ContactImageAltText = null,\n ContactNumber = null,\n ContactEmail = null\n } = item.fields;\n\n let phoneNumberLayout = \"\";\n\n if (ContactNumber && ContactNumber.value) {\n let numberVal;\n if (/;/g.test(ContactNumber.value)) {\n numberVal = ContactNumber.value.split(\";\");\n phoneNumberLayout =\n numberVal.map((number, index) => {\n return (\n
\n }\n\n {Button && Button.value && Button.value.href && Button.value.text && (\n \n
\n )\n })\n } else {\n phoneNumberLayout =\n \n
\n }\n }\n if ((ContactName && ContactName.value) ||\n (ContactImageUrl && ContactImageUrl.value) ||\n (ContactNumber && ContactNumber.value) ||\n (ContactEmail && ContactEmail.value)) {\n return (\n \n\n {ContactImageUrl && ContactImageUrl.value &&\n
\n )\n }\n else {\n return null\n }\n })\n }\n \n
\n }\n {ContactName && ContactName.value &&\n \n
\n }\n \n {phoneNumberLayout}\n {ContactEmail &&\n ContactEmail.value &&\n
\n \n \n
\n }\n \n \n this.setState({ showNav: !showNav }, () =>\n showNav ? enableScroll() : disableScroll()\n )\n }\n />\n
\n \n \n );\n } else return null;\n }\n}\n\nexport default FeatureGenericContentBundaNavigation;\n","import React from 'react';\nimport { RichText } from '@sitecore-jss/sitecore-jss-react';\nimport { getBgColor } from \"../../../../helper/Color\";\n\nconst FeatureGenericContentBundaRichText = (props) => {\n const {\n BackgroundColor = null,\n Details = null\n } = props.fields;\n\n return (\n \n
\n \n {nav.map((item, index) => {\n const {\n Link: link,\n LinkName: name,\n IsActive: isActive,\n } = item.fields;\n if (\n name &&\n name.value &&\n link &&\n link.value &&\n link.value.href\n ) {\n return (\n \n \n
\n );\n } else return null;\n })}\n \n
\n );\n\n};\n\nexport default FeatureGenericContentBundaRichText;\n","import React, { Component } from \"react\";\nimport { RichText, Text } from \"@sitecore-jss/sitecore-jss-react\";\nimport Flickity from \"react-flickity-component\";\nimport { disableScroll, enableScroll } from \"../../../../helper/ScrollHelper\";\nimport defaultImg from \"../../../../assets/image/gray.png\";\nimport { addClassLazyload } from \"../../../../helper/AddClassLazyloadHelper\";\n\nclass FeatureGenericContentBundaRoomListing extends Component {\n constructor(props) {\n super(props);\n this.state = {\n activeFilter: \"\",\n activeValue: \"\",\n show: false,\n isDesktop: false,\n openGallery: false,\n photos: [],\n filters: [],\n };\n }\n\n componentDidMount() {\n this.handleResize();\n window.addEventListener(\"resize\", this.handleResize);\n this.handleCategories();\n }\n\n componentWillUnmount() {\n document.removeEventListener(\"mousedown\", this.handleClick, false);\n }\n\n getUrlParameter(querystringParam) {\n querystringParam = querystringParam\n .replace(/[\\[]/, \"\\\\[\")\n .replace(/[\\]]/, \"\\\\]\");\n var regex = new RegExp(\"[\\\\?&]\" + querystringParam + \"=([^&#]*)\");\n var results = regex.exec(window.location.search);\n return results === null\n ? \"\"\n : decodeURIComponent(results[1].replace(/\\+/g, \" \"));\n }\n\n handleCategories = () => {\n const { RoomCategories: categories = null } = this.props.fields;\n const { filters } = this.state;\n if (categories && categories.length) {\n categories.map((item, index) => {\n const {\n CategoryFilterValue: filter = null,\n CategoryName: name = null,\n RoomCount: count = null,\n CategoryDescription: description = null,\n } = item.fields;\n if (\n name &&\n name.value &&\n filter &&\n filter.value &&\n count &&\n count.value\n ) {\n filters.push({\n name: name.value + \" (\" + count.value + \")\",\n value: filter.value,\n headerName: name.value,\n description: (description && description.value) || \"\",\n });\n }\n });\n }\n\n if (filters && filters.length && filters[0]) {\n let index = 0;\n\n for (const filter in filters) {\n if (\n filters[filter].value\n .toLowerCase()\n .indexOf(this.getUrlParameter(\"filter_cat\").toLowerCase()) > -1\n ) {\n index = filter;\n break;\n }\n }\n\n const { name = null, value = null } = filters[index];\n\n this.setState({\n activeFilter: name,\n activeValue: value,\n });\n }\n };\n\n handleResize = () => {\n if (window && window.innerWidth < 992) {\n this.setState({ isDesktop: false });\n document.addEventListener(\"mousedown\", this.handleClick, false);\n } else {\n this.setState({ isDesktop: true });\n document.removeEventListener(\"mousedown\", this.handleClick, false);\n }\n };\n\n handleClick = (e) => {\n if (this.state.show) {\n if (this.node.contains(e.target)) {\n return;\n } else {\n this.handleBlur();\n }\n }\n };\n\n handleBlur = () => {\n setTimeout(() => {\n this.setState({ show: false });\n }, 120);\n };\n\n renderFilters = () => {\n const { activeFilter, activeValue, show, filters, isDesktop } = this.state;\n if (filters && filters.length) {\n return (\n \n
\n \n
\n (this.node = node)}>\n this.setState({ show: !show })}\n >\n
\n {(show || isDesktop) && (\n {activeFilter}
\n \n - \n {filters.map((item, index) => {\n const { name = null, value = null } = item;\n return (\n
{name}
\n \n );\n })}\n \n
\n );\n } else return null;\n };\n renderRooms = () => {\n const {\n RoomBookingHeader: headerText = null,\n Rooms: rooms = null,\n } = this.props.fields;\n const { activeValue } = this.state;\n let list = rooms;\n if (activeValue) {\n list = rooms.filter(\n (el) =>\n el.fields.RoomType.value.toLowerCase() === activeValue.toLowerCase()\n );\n }\n if (list && list.length) {\n return list.map((item, index) => {\n const {\n RoomImage: image = null,\n RoomImageAltText: alt = null,\n RoomName: name = null,\n RoomType: type = null,\n RoomDescription: description = null,\n RoomCapacity: capacity = null,\n RoomCostPerHour: cost = null,\n RoomBookingText: buttonText = null,\n RoomBookingUrl: url = null,\n RoomAmenities: amenities = null,\n RoomImageGallery: gallery = null,\n } = item.fields;\n\n let images = [];\n\n if (gallery && gallery.length) {\n gallery.map((item) => {\n const { Image: imageGallery } = item.fields;\n if (imageGallery && imageGallery.value) {\n images.push(item);\n }\n });\n }\n\n let hasImageGallery = images && images.length;\n\n if (image && image.value) {\n images.unshift({\n fields: {\n Image: image,\n ImageAltText: alt,\n },\n });\n }\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n \n images &&\n images.length &&\n this.setState({ photos: images, openGallery: true }, () =>\n disableScroll()\n )\n }\n style={images && images.length ? { cursor: \"pointer\" } : {}}\n >\n {hasImageGallery ? (\n
\n \n
\n ) : (\n \"\"\n )}\n\n \n \n Show all photos\n
\n \n \n 1/\n {images.length}\n
\n \n {name && name.value && (\n
\n \n
\n )}\n {type && type.value && (\n \n
\n )}\n {description && description.value && (\n \n
\n )}\n \n
\n \n \n );\n });\n } else return null;\n };\n renderGallery = () => {\n const { photos } = this.state;\n return (\n \n
\n \n {amenities && amenities.length ? (\n \n
\n \n {capacity && capacity.value && (\n
\n {buttonText && buttonText.value && url && url.value && (\n \n
\n )}\n {cost && cost.value && (\n Capacity
\n \n
\n \n
\n \n \n
\n )}\n From
\n\n \n
\n \n $
\n /hour
\n \n \n {buttonText.value}\n \n \n
\n )}\n \n
\n ) : (\n \"\"\n )}\n Amenities
\n {amenities.map((item, index) => {\n const {\n IconClass: icon = null,\n Name: name = null,\n } = item.fields;\n if (icon && icon.value && name && name.value) {\n return (\n \n
\n );\n } else return null;\n })}\n \n \n
\n \n
\n \n \n this.setState({ openGallery: false }, () => enableScroll())\n }\n />\n \n {photos.map((item, index) => {\n const { Image: url, ImageAltText: alt } = item.fields;\n if (url && url.value) {\n return (\n \n
\n );\n };\n\n render() {\n const { Rooms: rooms = null } = this.props.fields;\n const { openGallery } = this.state;\n if (rooms && rooms.length) {\n return (\n \n {openGallery && this.renderGallery()}\n {this.renderFilters()}\n
\n );\n } else return null;\n }\n}\n\nexport default FeatureGenericContentBundaRoomListing;\n","export const addClassLazyload = (parentClass) => {\n const parentWrapper = document.getElementsByClassName(parentClass)[0];\n let imageList = \"\";\n if (parentWrapper) {\n imageList = parentWrapper.querySelectorAll(\"img\");\n if (imageList.length > 0) {\n imageList.forEach((el) => {\n el.classList.add(\"lazyload\");\n });\n }\n }\n};\n","import React, { Component } from \"react\";\r\n\r\nclass BaseComponent extends Component {\r\n render() {\r\n const {\r\n margin = null\r\n } = this.props || {};\r\n\r\n return (\r\n \n {this.renderHeader()}\n {this.renderRooms()}\n
\n \r\n {this.props.children}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default BaseComponent;\r\n","import React from \"react\";\nimport { Text, RichText } from \"@sitecore-jss/sitecore-jss-react\";\nimport BaseComponent from \"../../../Common/BaseComponent\";\nimport { getBgColor } from \"../../../../helper/Color\";\n\nconst FeatureGenericContentBundaSummary = (props) => {\n const {\n ComponentTitle = null,\n SummaryItems = null,\n // BackgroundColor = null\n } = props.fields || {};\n\n let summaryLayout = \"\";\n\n // TODO: Remove if the BE implemented the \"BackgroundColor\" field\n let BackgroundColor = {\n \"fields\": {\n \"Colour\": {\n \"value\": \"White\"\n },\n \"Hex\": {\n \"value\": \"#ffffff\"\n }\n }\n }\n\n if (SummaryItems && SummaryItems.length > 0) {\n summaryLayout = (\n \n
\n \n \n \n {ComponentTitle && ComponentTitle.value && (\n
\n );\n }\n return summaryItemLayout;\n })}\n \n
\n )}\n \n {SummaryItems.map((item, index) => {\n const { Title = null, Subtext = null, Icon = null } =\n item.fields || {};\n\n let summaryItemLayout;\n\n if (\n (Title && Title.value) ||\n (Subtext && Subtext.value) ||\n (Icon && Icon.value)\n ) {\n summaryItemLayout = (\n \n
\n \n
\n \n {Icon && Icon.value && (\n \n {Title && Title.value && (\n
\n \n \n
\n )}\n \n
\n )}\n {Subtext && Subtext.value && (\n \n
\n )}\n \n
\n )\n }\n else {\n return null\n }\n};\n\nexport default FeatureGenericContentBundaSummaryList;\n","import React from \"react\";\nimport { Text } from \"@sitecore-jss/sitecore-jss-react\";\nimport defaultImg from \"../../../../assets/image/gray.png\";\nimport BaseComponent from \"../../../Common/BaseComponent\";\nimport { getBgColor } from \"../../../../helper/Color\";\n\nconst FeatureGenericContentBundaThirdPartyList = (props) => {\n const {\n Title = null,\n ThirdParties = null,\n // BackgroundColor = null\n } = props.fields || {};\n\n let bundaThirdPartyLayout = \"\";\n\n // TODO: Remove if the BE implemented the \"BackgroundColor\" field\n let BackgroundColor = {\n \"fields\": {\n \"Colour\": {\n \"value\": \"White\"\n },\n \"Hex\": {\n \"value\": \"#ffffff\"\n }\n }\n }\n\n if (ThirdParties && ThirdParties.length > 0) {\n bundaThirdPartyLayout = (\n \n {Header &&\n Header.value &&\n
\n \n
\n }\n {Description &&\n Description.value &&\n \n
\n }\n \n {ListItems.map((item, index) => {\n const {\n Title = null,\n Description = null,\n Link = null,\n Icon = null,\n ReverseTitleDescription = null\n } = item.fields\n\n let summaryDetailsLayout = \"\";\n if (!(ReverseTitleDescription && ReverseTitleDescription.value)) {\n summaryDetailsLayout =\n
\n\n \n
\n } else {\n summaryDetailsLayout =\n \n {Icon &&\n Icon.value &&\n \n }\n
\n \n {Title &&\n Title.value &&\n \n
\n \n
\n\n }\n {Description &&\n Description.value &&\n \n
\n\n }\n {Link &&\n Link.value &&\n Link.value.href &&\n Link.value.text &&\n \n
\n }\n\n return summaryDetailsLayout;\n })}\n \n {Icon &&\n Icon.value &&\n \n }\n
\n \n {Description &&\n Description.value &&\n \n
\n \n
\n\n }\n {Title &&\n Title.value &&\n \n
\n\n }\n {Link &&\n Link.value &&\n Link.value.href &&\n Link.value.text &&\n \n
\n \n \n
\n\n \n {ThirdParties.map((item, index) => {\n const {\n ThirdPartyLogo = null,\n ThirdPartyLogoAltText = null,\n ThirdPartyLogoLink = null,\n } = item.fields || {};\n\n let logoLayout = \"\";\n\n if (ThirdPartyLogo && ThirdPartyLogo.value) {\n if (ThirdPartyLogoLink && ThirdPartyLogoLink.value && ThirdPartyLogoLink.value.href) {\n logoLayout = (\n \n 
\n \n );\n } else {\n logoLayout = (\n
\n \n
\n \n );\n } else return null;\n};\n\nexport default FeatureGenericContentDiscoverSpaces;\n","import React from \"react\";\nimport defaultImg from \"../../../../assets/image/gray.png\";\n\nclass FeatureHeaderBundaGenericPageHeader extends React.Component {\n constructor(props) {\n super(props);\n this.state = { showNav: false };\n }\n\n componentDidMount() {}\n\n renderLogo = () => {\n const { Logo = null, LogoAltText = null, LogoLink = null } =\n this.props.fields || {};\n\n let imageLayout = \"\",\n logoLayout = \"\";\n\n if (Logo && Logo.value) {\n logoLayout = imageLayout = (\n \n {Title && Title.value && (\n
\n\n {CTALink &&\n CTALink.value &&\n CTALink.value.href &&\n CTALink.value.text && (\n \n
\n )}\n\n {Description && Description.value && (\n \n
\n )}\n\n \n
\n \n {RoomTypes.map((item, index) => {\n const {\n RoomTypeImage = null,\n RoomTypeImageAltText = null,\n RoomTypeName = null,\n RoomTypeDescription = null,\n } = item.fields || {};\n return (\n \n
\n );\n })}\n \n
\n \n {RoomTypeImage && RoomTypeImage.value ? (\n 
\n )}\n
\n \n
\n \n
\n \n
\n \n
\n )}\n \n
\n \n );\n }\n}\n\nexport default FeatureHeaderBundaGenericPageHeader;\n","import React from \"react\";\nimport { Text, RichText } from \"@sitecore-jss/sitecore-jss-react\";\nimport defaultImg from \"../../../../assets/image/gray.png\";\nimport { getBgColor } from \"../../../../helper/Color\";\n\nconst FeatureHeaderBundaPageHeader = (props) => {\n const {\n Logo: logo = null,\n LogoLink: logoLink = null,\n LogoAlt: logoAlt = null,\n HeroImage: heroImage = null,\n HeroImageAlt: heroImageAlt = null,\n HeroVideo: heroVideo = null,\n HeroSource: heroSource = null,\n HeroTitle: heroTitle = null,\n Content: content = null,\n // BackgroundColor = null,\n } = props.fields;\n\n let isImage = true;\n\n function renderHeroBanner() {\n let heroBannerLayout = null;\n if (\n heroSource &&\n heroSource.value &&\n heroSource.value.toLowerCase() === \"image\" &&\n heroImage &&\n heroImage.value\n ) {\n heroBannerLayout = (\n \n
*/}\n \n {this.renderLogo()}\n
\n {/* \n this.setState({ showNav: !showNav })}\n />\n \n
\n About
\n Conference Centre
\n Location
\n Building services
\n Leasing
\n Contact
\n \n
\n )}\n \n {/* \n
\n */}\n
*/}\n \n );\n};\n\nexport default FeatureHeaderBundaPageHeader;\n","import React from 'react';\nimport defaultImg from \"../../../../assets/image/gray.png\";\n\nconst FeatureMapsBundaLocationMap = (props) => {\n const {\n MapDetailsImageUrl = null,\n MapDetailsImageAltText = null,\n MapImageUrl = null,\n MapImageAltText = null\n } = props.fields || {};\n\n if (MapDetailsImageUrl && MapDetailsImageUrl.value &&\n MapImageUrl && MapImageUrl.value) {\n\n return (\n \n
\n {/* \n
\n \n
\n )\n }\n else {\n return null;\n }\n\n};\n\nexport default FeatureMapsBundaLocationMap;\n","import React from \"react\";\nimport { Text } from \"@sitecore-jss/sitecore-jss-react\";\nimport axios from \"axios\";\nimport BaseComponent from \"../../../Common/BaseComponent\";\nimport TagManager from \"react-gtm-module\";\nimport { getBgColor } from \"../../../../helper/Color\";\n\nclass FeatureSubscriptionBundaSubscribe extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n formData: {\n pageId: \"\",\n dbName: \"\",\n emailAddress: \"\",\n },\n message: \"\",\n error: false,\n };\n }\n\n componentDidMount() {\n let contextInfo = window.document.getElementsByName(\"ContextItem\")[0];\n let pageId = contextInfo.value;\n let dbName = contextInfo.dataset.targetDb;\n\n this.setState({\n ...this.state,\n formData: {\n pageId: pageId,\n dbName: dbName,\n emailAddress: \"\",\n },\n });\n }\n\n subscribe = async () => {\n const url = `/api/sitecore/subscription/subscribe`;\n let data = { ...this.state.formData };\n\n if (this.state.formData.emailAddress !== \"\") {\n if (!this.validateFormat(this.state.formData.emailAddress)) {\n this.setState({\n ...this.state,\n message: \"Please enter a valid email.\",\n error: true,\n });\n } else {\n let response = await axios({\n method: \"POST\",\n url,\n data: data,\n });\n\n if (response && response.data) {\n if (response.data.IsSuccessful) {\n TagManager.dataLayer({\n dataLayer: {\n event: \"subscribe\",\n },\n dataLayerName: \"dataLayer\",\n });\n this.setState({\n ...this.state,\n message: response.data.Message,\n error: false,\n });\n } else {\n this.setState({\n ...this.state,\n message: response.data.Message,\n error: false,\n });\n }\n }\n }\n } else {\n this.setState({\n ...this.state,\n message: \"Please enter a valid email.\",\n error: true,\n });\n }\n };\n\n handleEmailChange = (e) => {\n let message = \"\";\n let error = false;\n\n if (this.state.error && !this.validateFormat(e.target.value)) {\n message = \"Please enter a valid email.\";\n error = true;\n }\n\n this.setState({\n ...this.state,\n formData: {\n ...this.state.formData,\n emailAddress: e.target.value,\n },\n message: message,\n error: error,\n });\n };\n\n validateFormat = (value) => {\n let re = new RegExp(\"^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\\\\.[a-zA-Z0-9-.]+$\");\n return re.test(String(value).toLowerCase());\n };\n\n\n render() {\n const {\n Description: subtitle = null,\n // BackgroundColor: backgroundColor = null,\n } = this.props.fields || {};\n\n // TODO: Remove if the BE implemented the \"BackgroundColor\" field\n let backgroundColor = {\n \"fields\": {\n \"Colour\": {\n \"value\": \"White\"\n },\n \"Hex\": {\n \"value\": \"#ffffff\"\n }\n }\n }\n\n return (\n \n
\n \n
\n \n
\n \n \n {\n this.subscribe();\n }}\n >\n Submit\n \n
\n \n
\n\n \n
\n \n {\n this.handleEmailChange(e);\n }}\n />\n {this.state.message !== \"\" && (\n \n {this.state.message}\n
\n )}\n \n
\n );\n }\n}\n\nexport default FoundationLayoutMain;\n","/* eslint-disable */\n// Do not edit this file, it is auto-generated at build time!\n// See scripts/generate-component-factory.js to modify the generation of this file.\nimport FeatureFooterBundaFooter from '../components/Feature/Footer/BundaFooter';\nimport FeatureGenericContentBundaContactList from '../components/Feature/GenericContent/BundaContactList';\nimport FeatureGenericContentBundaFeaturedArea from '../components/Feature/GenericContent/BundaFeaturedArea';\nimport FeatureGenericContentBundaHero from '../components/Feature/GenericContent/BundaHero';\nimport FeatureGenericContentBundaImageCarousel from '../components/Feature/GenericContent/BundaImageCarousel';\nimport FeatureGenericContentBundaImageTextBlock from '../components/Feature/GenericContent/BundaImageTextBlock';\nimport FeatureGenericContentBundaLeasingContacts from '../components/Feature/GenericContent/BundaLeasingContacts';\nimport FeatureGenericContentBundaNavigation from '../components/Feature/GenericContent/BundaNavigation';\nimport FeatureGenericContentBundaRichText from '../components/Feature/GenericContent/BundaRichText';\nimport FeatureGenericContentBundaRoomListing from '../components/Feature/GenericContent/BundaRoomListing';\nimport FeatureGenericContentBundaSummary from '../components/Feature/GenericContent/BundaSummary';\nimport FeatureGenericContentBundaSummaryList from '../components/Feature/GenericContent/BundaSummaryList';\nimport FeatureGenericContentBundaThirdPartyList from '../components/Feature/GenericContent/BundaThirdPartyList';\nimport FeatureGenericContentDiscoverSpaces from '../components/Feature/GenericContent/DiscoverSpaces';\nimport FeatureHeaderBundaGenericPageHeader from '../components/Feature/Header/BundaGenericPageHeader';\nimport FeatureHeaderBundaPageHeader from '../components/Feature/Header/BundaPageHeader';\nimport FeatureMapsBundaLocationMap from '../components/Feature/Maps/BundaLocationMap';\nimport FeatureSubscriptionBundaSubscribe from '../components/Feature/Subscription/BundaSubscribe';\nimport FoundationLayoutMain from '../components/Foundation/Layout/Main';\n\nconst components = new Map();\ncomponents.set('Feature-Footer-BundaFooter', FeatureFooterBundaFooter);\ncomponents.set('Feature-GenericContent-BundaContactList', FeatureGenericContentBundaContactList);\ncomponents.set('Feature-GenericContent-BundaFeaturedArea', FeatureGenericContentBundaFeaturedArea);\ncomponents.set('Feature-GenericContent-BundaHero', FeatureGenericContentBundaHero);\ncomponents.set('Feature-GenericContent-BundaImageCarousel', FeatureGenericContentBundaImageCarousel);\ncomponents.set('Feature-GenericContent-BundaImageTextBlock', FeatureGenericContentBundaImageTextBlock);\ncomponents.set('Feature-GenericContent-BundaLeasingContacts', FeatureGenericContentBundaLeasingContacts);\ncomponents.set('Feature-GenericContent-BundaNavigation', FeatureGenericContentBundaNavigation);\ncomponents.set('Feature-GenericContent-BundaRichText', FeatureGenericContentBundaRichText);\ncomponents.set('Feature-GenericContent-BundaRoomListing', FeatureGenericContentBundaRoomListing);\ncomponents.set('Feature-GenericContent-BundaSummary', FeatureGenericContentBundaSummary);\ncomponents.set('Feature-GenericContent-BundaSummaryList', FeatureGenericContentBundaSummaryList);\ncomponents.set('Feature-GenericContent-BundaThirdPartyList', FeatureGenericContentBundaThirdPartyList);\ncomponents.set('Feature-GenericContent-DiscoverSpaces', FeatureGenericContentDiscoverSpaces);\ncomponents.set('Feature-Header-BundaGenericPageHeader', FeatureHeaderBundaGenericPageHeader);\ncomponents.set('Feature-Header-BundaPageHeader', FeatureHeaderBundaPageHeader);\ncomponents.set('Feature-Maps-BundaLocationMap', FeatureMapsBundaLocationMap);\ncomponents.set('Feature-Subscription-BundaSubscribe', FeatureSubscriptionBundaSubscribe);\ncomponents.set('Foundation-Layout-Main', FoundationLayoutMain);\n\nexport default function componentFactory(componentName) {\n return components.get(componentName);\n};\n","import axios from 'axios';\n\n/**\n * Implements a data fetcher using Axios - replace with your favorite\n * SSR-capable HTTP or fetch library if you like. See HttpJsonFetcherPage not found
\nThis page does not exist.
\n\n Site: {context.site && context.site.name}\n
\n Language: {context.language}\n
\n \n {'Page not found'} \n \n
\n );\n }\n // Don't render anything if the route data or dictionary data is not fully loaded yet.\n // This is a good place for a \"Loading\" component, if one is needed.\n if (!routeData || this.languageIsChanging) {\n return null;\n }\n // Render the app's root structural layout\n return