(this.editorContainer = el)} class={this.props.cssClass} />\r\n\r\n {/* the hidden field gets posted to the server */}\r\n \r\n\r\n \r\n }\r\n {\r\n (this.props.editMode == false) &&\r\n this.props.field.value\r\n }\r\n \r\n );\r\n }\r\n\r\n}\r\n","import React from 'react';\r\nexport class HiddenInput extends React.Component {\r\n\r\n onValueChanged = (event) => {\r\n this.props.field.setValue(event.target.value, this.props.userEditKey);\r\n this.props.onValueChanged(this.props.field);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n\r\n}\r\n","import React from 'react';\r\nimport { Fragment } from 'preact';\r\nexport class BooleanInput extends React.Component {\r\n\r\n onValueChanged = (event) => {\r\n this.props.field.setValue(event.target.checked, this.props.userEditKey);\r\n this.props.onValueChanged(this.props.field);\r\n }\r\n\r\n render() {\r\n var checked = this.props.field.value == true ? \"checked\" : \"\";\r\n return (\r\n \r\n {\r\n (this.props.editMode == true) &&\r\n \r\n }\r\n {\r\n (this.props.editMode == false) &&\r\n \r\n }\r\n \r\n );\r\n }\r\n\r\n}\r\n","import React from 'react';\r\nimport { Fragment } from 'preact';\r\nexport class HyperlinkInput extends React.Component {\r\n\r\n onValueChanged = (event) => {\r\n this.props.field.setValue(event.target.value, this.props.userEditKey);\r\n this.props.onValueChanged(this.props.field);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {\r\n (this.props.editMode == true) &&\r\n \r\n }\r\n {\r\n (this.props.editMode == false) &&\r\n {this.props.field.value}\r\n }\r\n \r\n );\r\n }\r\n\r\n}\r\n","import React from 'react';\r\n\r\nexport class MultiSelectBase extends React.Component {\r\n\r\n onItemClick = (event) => {\r\n\r\n var checked = event.target.checked;\r\n\r\n var treeViewItem = this.getTreeViewItemById(event.target.id);\r\n\r\n if (treeViewItem == undefined && event.target.id != undefined) {\r\n // parse the field id to pluck the selected option id from the field id\r\n // e.g. take 'mobile' from 'preferredMethodsOfContact#mobile'\r\n var indexOfHash = event.target.id.indexOf(\"#\");\r\n var optionId = event.target.id.substring(indexOfHash + 1);\r\n treeViewItem = this.getTreeViewItemById(optionId);\r\n }\r\n\r\n if (treeViewItem != undefined) {\r\n\r\n if (checked) {\r\n this.props.field.pushArrayValue(treeViewItem, this.props.userEditKey);\r\n }\r\n else {\r\n this.props.field.removeArrayValue(treeViewItem.id, this.props.userEditKey);\r\n }\r\n this.props.onValueChanged(this.props.field);\r\n }\r\n\r\n }\r\n\r\n getTreeViewItemById = (id) => {\r\n\r\n var items = this.props.treeViewItem.children;\r\n\r\n for (var i = 0; i < items.length; i++) {\r\n\r\n if (items[i].id == id) {\r\n\r\n return this.props.treeViewItem.children[i];\r\n\r\n }\r\n else if (items[i].children != undefined && items[i].children.length > 0) {\r\n var childItems = items[i].children;\r\n for (var x = 0; x < childItems.length; x++) {\r\n if (childItems[x].id == id) {\r\n return childItems[x];\r\n }\r\n }\r\n }\r\n }\r\n return undefined;\r\n }\r\n\r\n createCheckboxId(option) {\r\n if (option != undefined) {\r\n if (option.id != undefined) {\r\n return this.props.field.inputElementName + \"#\" + option.id;\r\n }\r\n else {\r\n return this.props.field.inputElementName + \"#\" + option;\r\n }\r\n } \r\n }\r\n\r\n}\r\n","import React from 'react';\r\nimport { Fragment } from 'preact';\r\nimport { MultiSelectBase } from './multi-select-base.jsx';\r\nexport class MultiSelectDropdown extends MultiSelectBase {\r\n\r\n state = { iconClass: \"dropdown-icon\", submenuClass: \"form-field dropdown__submenu\" }\r\n\r\n componentDidMount() {\r\n\r\n this.detectSelectedItem();\r\n }\r\n\r\n onDropdownIconClick = () => {\r\n\r\n if (this.state.iconClass.indexOf('active') > 0) {\r\n this.state.iconClass = this.state.iconClass.replace('active', '');\r\n } else {\r\n this.state.iconClass += ' active';\r\n }\r\n\r\n if (this.state.submenuClass.indexOf('active') > 0) {\r\n this.state.submenuClass = this.state.submenuClass.replace('active', '');\r\n } else {\r\n this.state.submenuClass += ' active';\r\n }\r\n\r\n this.setState({\r\n iconClass: this.state.iconClass,\r\n submenuClass: this.state.submenuClass\r\n });\r\n\r\n }\r\n\r\n detectSelectedItem = () => {\r\n\r\n var treeViewItem = this.props.treeViewItem;\r\n\r\n for (var i = 0; i < treeViewItem.children.length; i++) {\r\n\r\n var option = treeViewItem.children[i];\r\n var isOptionSelected = this.props.field.isOptionSelected(option);\r\n\r\n if (isOptionSelected) {\r\n\r\n var val = this.state.iconClass.indexOf('active');\r\n\r\n if (this.state.iconClass.indexOf('active') == -1) {\r\n this.state.iconClass += ' active';\r\n }\r\n if (this.state.submenuClass.indexOf('active') == -1) {\r\n this.state.submenuClass += ' active';\r\n }\r\n\r\n }\r\n }\r\n\r\n }\r\n \r\n render() {\r\n var fieldName = this.props.field.name + \"#\" + this.props.field.dataObjectId;\r\n var treeViewItem = this.props.treeViewItem;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n\r\n}\r\n","\r\nexport class NasFormFunctions {\r\n\r\n constructor() {\r\n }\r\n\r\n getOptionById(id, option) {\r\n\r\n\r\n if (option.id != undefined && option.id == id) {\r\n\r\n return option;\r\n\r\n }\r\n\r\n else if (option.children != undefined) {\r\n\r\n for (var i = 0; i < option.children.length; i++) {\r\n\r\n var childOption = option.children[i];\r\n\r\n if (childOption.id == id) {\r\n return childOption;\r\n }\r\n\r\n else if (childOption.children != undefined) {\r\n var childOption = this.getOptionById(id, childOption);\r\n if (childOption != undefined) {\r\n return childOption;\r\n }\r\n }\r\n }\r\n\r\n }\r\n\r\n return undefined;\r\n\r\n }\r\n\r\n markOptionSelected(name, option, deselectOtherOptions) {\r\n if (option.name == name) {\r\n option.selected = true;\r\n }\r\n else if (deselectOtherOptions && option.selected) {\r\n option.selected = false;\r\n }\r\n else if (option.children != undefined) {\r\n\r\n for (var i = 0; i < option.children.length; i++) {\r\n\r\n var childOption = option.children[i];\r\n this.markOptionSelected(name, childOption, deselectOtherOptions);\r\n }\r\n }\r\n }\r\n}\r\n","import React from 'react';\r\nimport { Fragment } from 'preact';\r\nimport { MultiSelectBase } from './multi-select-base.jsx';\r\nimport { MultiSelectDropdown } from './multi-select-dropdown.jsx';\r\nimport { NasFormFunctions } from '../../classes/nas-form-functions';\r\nexport class MultiSelectInput extends MultiSelectBase {\r\n\r\n renderSelectedOptions() {\r\n\r\n var array = [];\r\n this.nasFormFunctions = new NasFormFunctions();\r\n var formField = this.props.field;\r\n if (Array.isArray(formField.value)) {\r\n formField.value.map((arrayItem) => {\r\n var option = this.nasFormFunctions.getOptionById(arrayItem.id, formField.property.options);\r\n if (option != undefined) {\r\n array.push(option.displayName);\r\n }\r\n })\r\n }\r\n\r\n var output = array.toString();\r\n output = output.replaceAll(\",\", \", \");\r\n return output;\r\n\r\n }\r\n\r\n render() {\r\n var fieldName = this.props.field.name + \"#\" + this.props.field.dataObjectId;\r\n var options = this.props.treeViewItem.children;\r\n var inputCss = \"form-field__checkbox\";\r\n return (\r\n \r\n\r\n {\r\n (this.props.editMode == true) &&\r\n options.map((option) => {\r\n\r\n var isOptionSelected = this.props.field.isOptionSelected(option);\r\n var checkBoxId = this.createCheckboxId(option);\r\n\r\n return (\r\n \r\n\r\n {\r\n // If this option has no children, create a single checkbox for the option\r\n (option.children == undefined || option.children.length == 0) &&\r\n \r\n \r\n }\r\n\r\n {\r\n // If this option has children, create a multi-select dropdown for the child options\r\n (option.children != undefined && option.children.length > 0) &&\r\n \r\n {\r\n \r\n }\r\n\r\n \r\n\r\n )\r\n })\r\n\r\n }\r\n {\r\n (this.props.editMode == false) &&\r\n this.renderSelectedOptions()\r\n }\r\n\r\n \r\n );\r\n }\r\n\r\n}\r\n","import React from 'react';\r\nimport { Fragment } from 'preact';\r\nimport { NasFormFunctions } from '../classes/nas-form-functions';\r\n\r\nexport class DropDownInput extends React.Component {\r\n\r\n #nasFormFunctions = undefined;\r\n nasFormFunctions = () => {\r\n if (this.#nasFormFunctions == undefined) {\r\n this.#nasFormFunctions = new NasFormFunctions();\r\n }\r\n return this.#nasFormFunctions;\r\n }\r\n\r\n onValueChanged = (event) => {\r\n this.props.field.setValue(event.target.value, this.props.userEditKey);\r\n this.nasFormFunctions().markOptionSelected(this.props.field.value, this.props.field.property.options, true);\r\n this.props.onValueChanged(this.props.field);\r\n }\r\n\r\n render() {\r\n var options = this.props.treeViewItem.children;\r\n\r\n return (\r\n\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport { Fragment } from 'preact';\r\nimport { NasFormFunctions } from '../classes/nas-form-functions';\r\n\r\nexport class RadioButtonInput extends React.Component {\r\n\r\n #nasFormFunctions = undefined;\r\n nasFormFunctions = () => {\r\n if (this.#nasFormFunctions == undefined) {\r\n this.#nasFormFunctions = new NasFormFunctions();\r\n }\r\n return this.#nasFormFunctions;\r\n }\r\n\r\n onValueChanged = (event) => {\r\n this.props.field.setValue(event.target.value, this.props.userEditKey);\r\n this.nasFormFunctions().markOptionSelected(this.props.field.value, this.props.field.property.options, true);\r\n this.props.onValueChanged(this.props.field);\r\n }\r\n\r\n render() {\r\n var options = this.props.treeViewItem.children;\r\n return (\r\n \r\n \r\n\r\n );\r\n }\r\n\r\n}\r\n","import React from 'react';\r\n\r\nexport class SubformController extends React.Component {\r\n\r\n onReset = () => {\r\n // Set location databack to the initial values\r\n if (this.state.formFields != undefined) {\r\n let dataObject = this.props.dataObject;\r\n var fieldNames = Object.keys(this.state.formFields);\r\n for (var i = 0; i < fieldNames.length; i++) {\r\n var field = this.state.formFields[fieldNames[i]];\r\n if (field.isDirty()) {\r\n field.revertToOriginalValue();\r\n dataObject[field.name] = field.value;\r\n }\r\n }\r\n }\r\n this.setState({ formFields: this.state.formFields });\r\n this.setState({ subformEditMode: false });\r\n }\r\n\r\n isDirty() {\r\n if (this.state.formFields != undefined) {\r\n var fieldNames = Object.keys(this.state.formFields);\r\n for (var i = 0; i < fieldNames.length; i++) {\r\n var field = this.state.formFields[fieldNames[i]];\r\n if (field.isDirty()) {\r\n return true;\r\n }\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n isNullorEmpty(value) {\r\n if (value == undefined) {\r\n return true;\r\n }\r\n else if (value == \"\") {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n}\r\n","import React from 'react';\r\nimport { Fragment } from 'preact';\r\nimport { Loader } from '@googlemaps/js-api-loader';\r\n\r\nconst Marker = `\r\n`;\r\n\r\nexport class Map extends React.Component {\r\n state = {\r\n zoomLevel: 14,\r\n };\r\n\r\n loader;\r\n\r\n handleMarkerMoved(event, id, lat, lng) {\r\n this.props.onMarkerMoved(id, lat, lng);\r\n }\r\n\r\n handleZoomChanged(zoomLevel) {\r\n this.setState({ zoomLevel });\r\n }\r\n\r\n getMapOptions() {\r\n return {\r\n center: {\r\n lat: 0,\r\n lng: 0,\r\n },\r\n zoom: this.state.zoomLevel,\r\n streetViewControl: this.props.streetViewControl || false,\r\n mapTypeControl: this.props.mapTypeControl || false,\r\n fullscreenControl: this.props.fullscreenControl || false,\r\n };\r\n }\r\n\r\n getLocations() {\r\n const { locations } = this.props;\r\n\r\n if (!locations || (Array.isArray(locations) && locations.length === 0)) {\r\n return [];\r\n }\r\n\r\n if (!Array.isArray(locations)) {\r\n const { latitude, longitude } = locations;\r\n if (latitude && longitude) {\r\n return [{ ...locations }];\r\n } else {\r\n console.error(\"Invalid location object: missing latitude or longitude.\");\r\n return [];\r\n }\r\n }\r\n\r\n return locations.filter(location => location.latitude && location.longitude);\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.locations !== this.props.locations || this.state.zoomLevel !== prevProps.zoomLevel) {\r\n this.drawMap();\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.loader = new Loader({\r\n apiKey: this.props.apiKey,\r\n version: \"weekly\",\r\n libraries: [\"places\"],\r\n });\r\n\r\n this.loader.loadCallback((e) => {\r\n if (e) {\r\n console.error(e);\r\n } else {\r\n this.drawMap();\r\n }\r\n });\r\n }\r\n\r\n drawMap() {\r\n if (this.loader && this.loader.done) {\r\n const mapElement = document.getElementById(this.props.id);\r\n const map = new google.maps.Map(mapElement, this.getMapOptions());\r\n const mapBounds = new google.maps.LatLngBounds();\r\n const locations = this.getLocations();\r\n\r\n locations.forEach((location, i) => {\r\n const latLng = {\r\n lat: parseFloat(location.latitude),\r\n lng: parseFloat(location.longitude),\r\n };\r\n\r\n mapBounds.extend(latLng);\r\n\r\n const svgIconUrl = `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(Marker)}`;\r\n\r\n const marker = new google.maps.Marker({\r\n position: latLng,\r\n map,\r\n draggable: this.props.draggable,\r\n title: `Marker ${i + 1}`,\r\n icon: {\r\n url: svgIconUrl,\r\n scaledSize: new google.maps.Size(40,40),\r\n }\r\n });\r\n\r\n const infoWindowContent = `\r\n \r\n ,\r\n this.props.engagementModalPlaceholder\r\n );\r\n }\r\n\r\n onShareCloseClick = () => {\r\n this.props.engagementModalPlaceholder.innerHTML = \"\";\r\n }\r\n\r\n onShared = () => {\r\n this.props.engagementFunctions.onShare(this.props.itemId);\r\n }\r\n\r\n onLikeProcessed = (likeResponse) => {\r\n if (!isNaN(likeResponse?.likeCount)) {\r\n this.setState({ likes: likeResponse.likeCount, userHasLiked: likeResponse.like });\r\n }\r\n }\r\n\r\n render() {\r\n\r\n var likeClass = this.state.userHasLiked ? \"liked\" : \"\";\r\n var likeIconUrl = this.props.engagementFunctions.getLikeIconUrl();\r\n var shareIconUrl = this.props.engagementFunctions.getShareIconUrl();\r\n\r\n return (\r\n \",h)||this.op(b,\"<\",g)&&this.op(b,\">\",h))&&i.push(c);this.$stage.children(\".active\").removeClass(\"active\"),this.$stage.children(\":eq(\"+i.join(\"), :eq(\")+\")\").addClass(\"active\"),this.$stage.children(\".center\").removeClass(\"center\"),this.settings.center&&this.$stage.children().eq(this.current()).addClass(\"center\")}}],e.prototype.initializeStage=function(){this.$stage=this.$element.find(\".\"+this.settings.stageClass),this.$stage.length||(this.$element.addClass(this.options.loadingClass),this.$stage=a(\"<\"+this.settings.stageElement+\">\",{class:this.settings.stageClass}).wrap(a(\"\",{class:this.settings.stageOuterClass})),this.$element.append(this.$stage.parent()))},e.prototype.initializeItems=function(){var b=this.$element.find(\".owl-item\");if(b.length)return this._items=b.get().map(function(b){return a(b)}),this._mergers=this._items.map(function(){return 1}),void this.refresh();this.replace(this.$element.children().not(this.$stage.parent())),this.isVisible()?this.refresh():this.invalidate(\"width\"),this.$element.removeClass(this.options.loadingClass).addClass(this.options.loadedClass)},e.prototype.initialize=function(){if(this.enter(\"initializing\"),this.trigger(\"initialize\"),this.$element.toggleClass(this.settings.rtlClass,this.settings.rtl),this.settings.autoWidth&&!this.is(\"pre-loading\")){var a,b,c;a=this.$element.find(\"img\"),b=this.settings.nestedItemSelector?\".\"+this.settings.nestedItemSelector:d,c=this.$element.children(b).width(),a.length&&c<=0&&this.preloadAutoWidthImages(a)}this.initializeStage(),this.initializeItems(),this.registerEventHandlers(),this.leave(\"initializing\"),this.trigger(\"initialized\")},e.prototype.isVisible=function(){return!this.settings.checkVisibility||this.$element.is(\":visible\")},e.prototype.setup=function(){var b=this.viewport(),c=this.options.responsive,d=-1,e=null;c?(a.each(c,function(a){a<=b&&a>d&&(d=Number(a))}),e=a.extend({},this.options,c[d]),\"function\"==typeof e.stagePadding&&(e.stagePadding=e.stagePadding()),delete e.responsive,e.responsiveClass&&this.$element.attr(\"class\",this.$element.attr(\"class\").replace(new RegExp(\"(\"+this.options.responsiveClass+\"-)\\\\S+\\\\s\",\"g\"),\"$1\"+d))):e=a.extend({},this.options),this.trigger(\"change\",{property:{name:\"settings\",value:e}}),this._breakpoint=d,this.settings=e,this.invalidate(\"settings\"),this.trigger(\"changed\",{property:{name:\"settings\",value:this.settings}})},e.prototype.optionsLogic=function(){this.settings.autoWidth&&(this.settings.stagePadding=!1,this.settings.merge=!1)},e.prototype.prepare=function(b){var c=this.trigger(\"prepare\",{content:b});return c.data||(c.data=a(\"<\"+this.settings.itemElement+\"/>\").addClass(this.options.itemClass).append(b)),this.trigger(\"prepared\",{content:c.data}),c.data},e.prototype.update=function(){for(var b=0,c=this._pipe.length,d=a.proxy(function(a){return this[a]},this._invalidated),e={};b0)&&this._pipe[b].run(e),b++;this._invalidated={},!this.is(\"valid\")&&this.enter(\"valid\")},e.prototype.width=function(a){switch(a=a||e.Width.Default){case e.Width.Inner:case e.Width.Outer:return this._width;default:return this._width-2*this.settings.stagePadding+this.settings.margin}},e.prototype.refresh=function(){this.enter(\"refreshing\"),this.trigger(\"refresh\"),this.setup(),this.optionsLogic(),this.$element.addClass(this.options.refreshClass),this.update(),this.$element.removeClass(this.options.refreshClass),this.leave(\"refreshing\"),this.trigger(\"refreshed\")},e.prototype.onThrottledResize=function(){b.clearTimeout(this.resizeTimer),this.resizeTimer=b.setTimeout(this._handlers.onResize,this.settings.responsiveRefreshRate)},e.prototype.onResize=function(){return!!this._items.length&&(this._width!==this.$element.width()&&(!!this.isVisible()&&(this.enter(\"resizing\"),this.trigger(\"resize\").isDefaultPrevented()?(this.leave(\"resizing\"),!1):(this.invalidate(\"width\"),this.refresh(),this.leave(\"resizing\"),void this.trigger(\"resized\")))))},e.prototype.registerEventHandlers=function(){a.support.transition&&this.$stage.on(a.support.transition.end+\".owl.core\",a.proxy(this.onTransitionEnd,this)),!1!==this.settings.responsive&&this.on(b,\"resize\",this._handlers.onThrottledResize),this.settings.mouseDrag&&(this.$element.addClass(this.options.dragClass),this.$stage.on(\"mousedown.owl.core\",a.proxy(this.onDragStart,this)),this.$stage.on(\"dragstart.owl.core selectstart.owl.core\",function(){return!1})),this.settings.touchDrag&&(this.$stage.on(\"touchstart.owl.core\",a.proxy(this.onDragStart,this)),this.$stage.on(\"touchcancel.owl.core\",a.proxy(this.onDragEnd,this)))},e.prototype.onDragStart=function(b){var d=null;3!==b.which&&(a.support.transform?(d=this.$stage.css(\"transform\").replace(/.*\\(|\\)| /g,\"\").split(\",\"),d={x:d[16===d.length?12:4],y:d[16===d.length?13:5]}):(d=this.$stage.position(),d={x:this.settings.rtl?d.left+this.$stage.width()-this.width()+this.settings.margin:d.left,y:d.top}),this.is(\"animating\")&&(a.support.transform?this.animate(d.x):this.$stage.stop(),this.invalidate(\"position\")),this.$element.toggleClass(this.options.grabClass,\"mousedown\"===b.type),this.speed(0),this._drag.time=(new Date).getTime(),this._drag.target=a(b.target),this._drag.stage.start=d,this._drag.stage.current=d,this._drag.pointer=this.pointer(b),a(c).on(\"mouseup.owl.core touchend.owl.core\",a.proxy(this.onDragEnd,this)),a(c).one(\"mousemove.owl.core touchmove.owl.core\",a.proxy(function(b){var d=this.difference(this._drag.pointer,this.pointer(b));a(c).on(\"mousemove.owl.core touchmove.owl.core\",a.proxy(this.onDragMove,this)),Math.abs(d.x)0^this.settings.rtl?\"left\":\"right\";a(c).off(\".owl.core\"),this.$element.removeClass(this.options.grabClass),(0!==d.x&&this.is(\"dragging\")||!this.is(\"valid\"))&&(this.speed(this.settings.dragEndSpeed||this.settings.smartSpeed),this.current(this.closest(e.x,0!==d.x?f:this._drag.direction)),this.invalidate(\"position\"),this.update(),this._drag.direction=f,(Math.abs(d.x)>3||(new Date).getTime()-this._drag.time>300)&&this._drag.target.one(\"click.owl.core\",function(){return!1})),this.is(\"dragging\")&&(this.leave(\"dragging\"),this.trigger(\"dragged\"))},e.prototype.closest=function(b,c){var e=-1,f=30,g=this.width(),h=this.coordinates();return this.settings.freeDrag||a.each(h,a.proxy(function(a,i){return\"left\"===c&&b>i-f&&bi-g-f&&b\",h[a+1]!==d?h[a+1]:i-g)&&(e=\"left\"===c?a+1:a),-1===e},this)),this.settings.loop||(this.op(b,\">\",h[this.minimum()])?e=b=this.minimum():this.op(b,\"<\",h[this.maximum()])&&(e=b=this.maximum())),e},e.prototype.animate=function(b){var c=this.speed()>0;this.is(\"animating\")&&this.onTransitionEnd(),c&&(this.enter(\"animating\"),this.trigger(\"translate\")),a.support.transform3d&&a.support.transition?this.$stage.css({transform:\"translate3d(\"+b+\"px,0px,0px)\",transition:this.speed()/1e3+\"s\"+(this.settings.slideTransition?\" \"+this.settings.slideTransition:\"\")}):c?this.$stage.animate({left:b+\"px\"},this.speed(),this.settings.fallbackEasing,a.proxy(this.onTransitionEnd,this)):this.$stage.css({left:b+\"px\"})},e.prototype.is=function(a){return this._states.current[a]&&this._states.current[a]>0},e.prototype.current=function(a){if(a===d)return this._current;if(0===this._items.length)return d;if(a=this.normalize(a),this._current!==a){var b=this.trigger(\"change\",{property:{name:\"position\",value:a}});b.data!==d&&(a=this.normalize(b.data)),this._current=a,this.invalidate(\"position\"),this.trigger(\"changed\",{property:{name:\"position\",value:this._current}})}return this._current},e.prototype.invalidate=function(b){return\"string\"===a.type(b)&&(this._invalidated[b]=!0,this.is(\"valid\")&&this.leave(\"valid\")),a.map(this._invalidated,function(a,b){return b})},e.prototype.reset=function(a){(a=this.normalize(a))!==d&&(this._speed=0,this._current=a,this.suppress([\"translate\",\"translated\"]),this.animate(this.coordinates(a)),this.release([\"translate\",\"translated\"]))},e.prototype.normalize=function(a,b){var c=this._items.length,e=b?0:this._clones.length;return!this.isNumeric(a)||c<1?a=d:(a<0||a>=c+e)&&(a=((a-e/2)%c+c)%c+e/2),a},e.prototype.relative=function(a){return a-=this._clones.length/2,this.normalize(a,!0)},e.prototype.maximum=function(a){var b,c,d,e=this.settings,f=this._coordinates.length;if(e.loop)f=this._clones.length/2+this._items.length-1;else if(e.autoWidth||e.merge){if(b=this._items.length)for(c=this._items[--b].width(),d=this.$element.width();b--&&!((c+=this._items[b].width()+this.settings.margin)>d););f=b+1}else f=e.center?this._items.length-1:this._items.length-e.items;return a&&(f-=this._clones.length/2),Math.max(f,0)},e.prototype.minimum=function(a){return a?0:this._clones.length/2},e.prototype.items=function(a){return a===d?this._items.slice():(a=this.normalize(a,!0),this._items[a])},e.prototype.mergers=function(a){return a===d?this._mergers.slice():(a=this.normalize(a,!0),this._mergers[a])},e.prototype.clones=function(b){var c=this._clones.length/2,e=c+this._items.length,f=function(a){return a%2==0?e+a/2:c-(a+1)/2};return b===d?a.map(this._clones,function(a,b){return f(b)}):a.map(this._clones,function(a,c){return a===b?f(c):null})},e.prototype.speed=function(a){return a!==d&&(this._speed=a),this._speed},e.prototype.coordinates=function(b){var c,e=1,f=b-1;return b===d?a.map(this._coordinates,a.proxy(function(a,b){return this.coordinates(b)},this)):(this.settings.center?(this.settings.rtl&&(e=-1,f=b+1),c=this._coordinates[b],c+=(this.width()-c+(this._coordinates[f]||0))/2*e):c=this._coordinates[f]||0,c=Math.ceil(c))},e.prototype.duration=function(a,b,c){return 0===c?0:Math.min(Math.max(Math.abs(b-a),1),6)*Math.abs(c||this.settings.smartSpeed)},e.prototype.to=function(a,b){var c=this.current(),d=null,e=a-this.relative(c),f=(e>0)-(e<0),g=this._items.length,h=this.minimum(),i=this.maximum();this.settings.loop?(!this.settings.rewind&&Math.abs(e)>g/2&&(e+=-1*f*g),a=c+e,(d=((a-h)%g+g)%g+h)!==a&&d-e<=i&&d-e>0&&(c=d-e,a=d,this.reset(c))):this.settings.rewind?(i+=1,a=(a%i+i)%i):a=Math.max(h,Math.min(i,a)),this.speed(this.duration(c,a,b)),this.current(a),this.isVisible()&&this.update()},e.prototype.next=function(a){a=a||!1,this.to(this.relative(this.current())+1,a)},e.prototype.prev=function(a){a=a||!1,this.to(this.relative(this.current())-1,a)},e.prototype.onTransitionEnd=function(a){if(a!==d&&(a.stopPropagation(),(a.target||a.srcElement||a.originalTarget)!==this.$stage.get(0)))return!1;this.leave(\"animating\"),this.trigger(\"translated\")},e.prototype.viewport=function(){var d;return this.options.responsiveBaseElement!==b?d=a(this.options.responsiveBaseElement).width():b.innerWidth?d=b.innerWidth:c.documentElement&&c.documentElement.clientWidth?d=c.documentElement.clientWidth:console.warn(\"Can not detect viewport width.\"),d},e.prototype.replace=function(b){this.$stage.empty(),this._items=[],b&&(b=b instanceof jQuery?b:a(b)),this.settings.nestedItemSelector&&(b=b.find(\".\"+this.settings.nestedItemSelector)),b.filter(function(){return 1===this.nodeType}).each(a.proxy(function(a,b){b=this.prepare(b),this.$stage.append(b),this._items.push(b),this._mergers.push(1*b.find(\"[data-merge]\").addBack(\"[data-merge]\").attr(\"data-merge\")||1)},this)),this.reset(this.isNumeric(this.settings.startPosition)?this.settings.startPosition:0),this.invalidate(\"items\")},e.prototype.add=function(b,c){var e=this.relative(this._current);c=c===d?this._items.length:this.normalize(c,!0),b=b instanceof jQuery?b:a(b),this.trigger(\"add\",{content:b,position:c}),b=this.prepare(b),0===this._items.length||c===this._items.length?(0===this._items.length&&this.$stage.append(b),0!==this._items.length&&this._items[c-1].after(b),this._items.push(b),this._mergers.push(1*b.find(\"[data-merge]\").addBack(\"[data-merge]\").attr(\"data-merge\")||1)):(this._items[c].before(b),this._items.splice(c,0,b),this._mergers.splice(c,0,1*b.find(\"[data-merge]\").addBack(\"[data-merge]\").attr(\"data-merge\")||1)),this._items[e]&&this.reset(this._items[e].index()),this.invalidate(\"items\"),this.trigger(\"added\",{content:b,position:c})},e.prototype.remove=function(a){(a=this.normalize(a,!0))!==d&&(this.trigger(\"remove\",{content:this._items[a],position:a}),this._items[a].remove(),this._items.splice(a,1),this._mergers.splice(a,1),this.invalidate(\"items\"),this.trigger(\"removed\",{content:null,position:a}))},e.prototype.preloadAutoWidthImages=function(b){b.each(a.proxy(function(b,c){this.enter(\"pre-loading\"),c=a(c),a(new Image).one(\"load\",a.proxy(function(a){c.attr(\"src\",a.target.src),c.css(\"opacity\",1),this.leave(\"pre-loading\"),!this.is(\"pre-loading\")&&!this.is(\"initializing\")&&this.refresh()},this)).attr(\"src\",c.attr(\"src\")||c.attr(\"data-src\")||c.attr(\"data-src-retina\"))},this))},e.prototype.destroy=function(){this.$element.off(\".owl.core\"),this.$stage.off(\".owl.core\"),a(c).off(\".owl.core\"),!1!==this.settings.responsive&&(b.clearTimeout(this.resizeTimer),this.off(b,\"resize\",this._handlers.onThrottledResize));for(var d in this._plugins)this._plugins[d].destroy();this.$stage.children(\".cloned\").remove(),this.$stage.unwrap(),this.$stage.children().contents().unwrap(),this.$stage.children().unwrap(),this.$stage.remove(),this.$element.removeClass(this.options.refreshClass).removeClass(this.options.loadingClass).removeClass(this.options.loadedClass).removeClass(this.options.rtlClass).removeClass(this.options.dragClass).removeClass(this.options.grabClass).attr(\"class\",this.$element.attr(\"class\").replace(new RegExp(this.options.responsiveClass+\"-\\\\S+\\\\s\",\"g\"),\"\")).removeData(\"owl.carousel\")},e.prototype.op=function(a,b,c){var d=this.settings.rtl;switch(b){case\"<\":return d?a>c:a\":return d?ac;case\">=\":return d?a<=c:a>=c;case\"<=\":return d?a>=c:a<=c}},e.prototype.on=function(a,b,c,d){a.addEventListener?a.addEventListener(b,c,d):a.attachEvent&&a.attachEvent(\"on\"+b,c)},e.prototype.off=function(a,b,c,d){a.removeEventListener?a.removeEventListener(b,c,d):a.detachEvent&&a.detachEvent(\"on\"+b,c)},e.prototype.trigger=function(b,c,d,f,g){var h={item:{count:this._items.length,index:this.current()}},i=a.camelCase(a.grep([\"on\",b,d],function(a){return a}).join(\"-\").toLowerCase()),j=a.Event([b,\"owl\",d||\"carousel\"].join(\".\").toLowerCase(),a.extend({relatedTarget:this},h,c));return this._supress[b]||(a.each(this._plugins,function(a,b){b.onTrigger&&b.onTrigger(j)}),this.register({type:e.Type.Event,name:b}),this.$element.trigger(j),this.settings&&\"function\"==typeof this.settings[i]&&this.settings[i].call(this,j)),j},e.prototype.enter=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]===d&&(this._states.current[b]=0),this._states.current[b]++},this))},e.prototype.leave=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]--},this))},e.prototype.register=function(b){if(b.type===e.Type.Event){if(a.event.special[b.name]||(a.event.special[b.name]={}),!a.event.special[b.name].owl){var c=a.event.special[b.name]._default;a.event.special[b.name]._default=function(a){return!c||!c.apply||a.namespace&&-1!==a.namespace.indexOf(\"owl\")?a.namespace&&a.namespace.indexOf(\"owl\")>-1:c.apply(this,arguments)},a.event.special[b.name].owl=!0}}else b.type===e.Type.State&&(this._states.tags[b.name]?this._states.tags[b.name]=this._states.tags[b.name].concat(b.tags):this._states.tags[b.name]=b.tags,this._states.tags[b.name]=a.grep(this._states.tags[b.name],a.proxy(function(c,d){return a.inArray(c,this._states.tags[b.name])===d},this)))},e.prototype.suppress=function(b){a.each(b,a.proxy(function(a,b){this._supress[b]=!0},this))},e.prototype.release=function(b){a.each(b,a.proxy(function(a,b){delete this._supress[b]},this))},e.prototype.pointer=function(a){var c={x:null,y:null};return a=a.originalEvent||a||b.event,a=a.touches&&a.touches.length?a.touches[0]:a.changedTouches&&a.changedTouches.length?a.changedTouches[0]:a,a.pageX?(c.x=a.pageX,c.y=a.pageY):(c.x=a.clientX,c.y=a.clientY),c},e.prototype.isNumeric=function(a){return!isNaN(parseFloat(a))},e.prototype.difference=function(a,b){return{x:a.x-b.x,y:a.y-b.y}},a.fn.owlCarousel=function(b){var c=Array.prototype.slice.call(arguments,1);return this.each(function(){var d=a(this),f=d.data(\"owl.carousel\");f||(f=new e(this,\"object\"==typeof b&&b),d.data(\"owl.carousel\",f),a.each([\"next\",\"prev\",\"to\",\"destroy\",\"refresh\",\"replace\",\"add\",\"remove\"],function(b,c){f.register({type:e.Type.Event,name:c}),f.$element.on(c+\".owl.carousel.core\",a.proxy(function(a){a.namespace&&a.relatedTarget!==this&&(this.suppress([c]),f[c].apply(this,[].slice.call(arguments,1)),this.release([c]))},f))})),\"string\"==typeof b&&\"_\"!==b.charAt(0)&&f[b].apply(f,c)})},a.fn.owlCarousel.Constructor=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._interval=null,this._visible=null,this._handlers={\"initialized.owl.carousel\":a.proxy(function(a){a.namespace&&this._core.settings.autoRefresh&&this.watch()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers)};e.Defaults={autoRefresh:!0,autoRefreshInterval:500},e.prototype.watch=function(){this._interval||(this._visible=this._core.isVisible(),this._interval=b.setInterval(a.proxy(this.refresh,this),this._core.settings.autoRefreshInterval))},e.prototype.refresh=function(){this._core.isVisible()!==this._visible&&(this._visible=!this._visible,this._core.$element.toggleClass(\"owl-hidden\",!this._visible),this._visible&&this._core.invalidate(\"width\")&&this._core.refresh())},e.prototype.destroy=function(){var a,c;b.clearInterval(this._interval);for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(c in Object.getOwnPropertyNames(this))\"function\"!=typeof this[c]&&(this[c]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoRefresh=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._loaded=[],this._handlers={\"initialized.owl.carousel change.owl.carousel resized.owl.carousel\":a.proxy(function(b){if(b.namespace&&this._core.settings&&this._core.settings.lazyLoad&&(b.property&&\"position\"==b.property.name||\"initialized\"==b.type)){var c=this._core.settings,e=c.center&&Math.ceil(c.items/2)||c.items,f=c.center&&-1*e||0,g=(b.property&&b.property.value!==d?b.property.value:this._core.current())+f,h=this._core.clones().length,i=a.proxy(function(a,b){this.load(b)},this);for(c.lazyLoadEager>0&&(e+=c.lazyLoadEager,c.loop&&(g-=c.lazyLoadEager,e++));f++-1||(e.each(a.proxy(function(c,d){var e,f=a(d),g=b.devicePixelRatio>1&&f.attr(\"data-src-retina\")||f.attr(\"data-src\")||f.attr(\"data-srcset\");this._core.trigger(\"load\",{element:f,url:g},\"lazy\"),f.is(\"img\")?f.one(\"load.owl.lazy\",a.proxy(function(){f.css(\"opacity\",1),this._core.trigger(\"loaded\",{element:f,url:g},\"lazy\")},this)).attr(\"src\",g):f.is(\"source\")?f.one(\"load.owl.lazy\",a.proxy(function(){this._core.trigger(\"loaded\",{element:f,url:g},\"lazy\")},this)).attr(\"srcset\",g):(e=new Image,e.onload=a.proxy(function(){f.css({\"background-image\":'url(\"'+g+'\")',opacity:\"1\"}),this._core.trigger(\"loaded\",{element:f,url:g},\"lazy\")},this),e.src=g)},this)),this._loaded.push(d.get(0)))},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this._core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))\"function\"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Lazy=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(c){this._core=c,this._previousHeight=null,this._handlers={\"initialized.owl.carousel refreshed.owl.carousel\":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&this.update()},this),\"changed.owl.carousel\":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&\"position\"===a.property.name&&this.update()},this),\"loaded.owl.lazy\":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&a.element.closest(\".\"+this._core.settings.itemClass).index()===this._core.current()&&this.update()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers),this._intervalId=null;var d=this;a(b).on(\"load\",function(){d._core.settings.autoHeight&&d.update()}),a(b).resize(function(){d._core.settings.autoHeight&&(null!=d._intervalId&&clearTimeout(d._intervalId),d._intervalId=setTimeout(function(){d.update()},250))})};e.Defaults={autoHeight:!1,autoHeightClass:\"owl-height\"},e.prototype.update=function(){var b=this._core._current,c=b+this._core.settings.items,d=this._core.settings.lazyLoad,e=this._core.$stage.children().toArray().slice(b,c),f=[],g=0;a.each(e,function(b,c){f.push(a(c).height())}),g=Math.max.apply(null,f),g<=1&&d&&this._previousHeight&&(g=this._previousHeight),this._previousHeight=g,this._core.$stage.parent().height(g).addClass(this._core.settings.autoHeightClass)},e.prototype.destroy=function(){var a,b;for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))\"function\"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoHeight=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._videos={},this._playing=null,this._handlers={\"initialized.owl.carousel\":a.proxy(function(a){a.namespace&&this._core.register({type:\"state\",name:\"playing\",tags:[\"interacting\"]})},this),\"resize.owl.carousel\":a.proxy(function(a){a.namespace&&this._core.settings.video&&this.isInFullScreen()&&a.preventDefault()},this),\"refreshed.owl.carousel\":a.proxy(function(a){a.namespace&&this._core.is(\"resizing\")&&this._core.$stage.find(\".cloned .owl-video-frame\").remove()},this),\"changed.owl.carousel\":a.proxy(function(a){a.namespace&&\"position\"===a.property.name&&this._playing&&this.stop()},this),\"prepared.owl.carousel\":a.proxy(function(b){if(b.namespace){var c=a(b.content).find(\".owl-video\");c.length&&(c.css(\"display\",\"none\"),this.fetch(c,a(b.content)))}},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers),this._core.$element.on(\"click.owl.video\",\".owl-video-play-icon\",a.proxy(function(a){this.play(a)},this))};e.Defaults={video:!1,videoHeight:!1,videoWidth:!1},e.prototype.fetch=function(a,b){var c=function(){return a.attr(\"data-vimeo-id\")?\"vimeo\":a.attr(\"data-vzaar-id\")?\"vzaar\":\"youtube\"}(),d=a.attr(\"data-vimeo-id\")||a.attr(\"data-youtube-id\")||a.attr(\"data-vzaar-id\"),e=a.attr(\"data-width\")||this._core.settings.videoWidth,f=a.attr(\"data-height\")||this._core.settings.videoHeight,g=a.attr(\"href\");if(!g)throw new Error(\"Missing video URL.\");if(d=g.match(/(http:|https:|)\\/\\/(player.|www.|app.)?(vimeo\\.com|youtu(be\\.com|\\.be|be\\.googleapis\\.com|be\\-nocookie\\.com)|vzaar\\.com)\\/(video\\/|videos\\/|embed\\/|channels\\/.+\\/|groups\\/.+\\/|watch\\?v=|v\\/)?([A-Za-z0-9._%-]*)(\\&\\S+)?/),d[3].indexOf(\"youtu\")>-1)c=\"youtube\";else if(d[3].indexOf(\"vimeo\")>-1)c=\"vimeo\";else{if(!(d[3].indexOf(\"vzaar\")>-1))throw new Error(\"Video URL not supported.\");c=\"vzaar\"}d=d[6],this._videos[g]={type:c,id:d,width:e,height:f},b.attr(\"data-video\",g),this.thumbnail(a,this._videos[g])},e.prototype.thumbnail=function(b,c){var d,e,f,g=c.width&&c.height?\"width:\"+c.width+\"px;height:\"+c.height+\"px;\":\"\",h=b.find(\"img\"),i=\"src\",j=\"\",k=this._core.settings,l=function(c){e='',d=k.lazyLoad?a(\"\",{class:\"owl-video-tn \"+j,srcType:c}):a(\"\",{class:\"owl-video-tn\",style:\"opacity:1;background-image:url(\"+c+\")\"}),b.after(d),b.after(e)};if(b.wrap(a(\"\",{class:\"owl-video-wrapper\",style:g})),this._core.settings.lazyLoad&&(i=\"data-src\",j=\"owl-lazy\"),h.length)return l(h.attr(i)),h.remove(),!1;\"youtube\"===c.type?(f=\"//img.youtube.com/vi/\"+c.id+\"/hqdefault.jpg\",l(f)):\"vimeo\"===c.type?a.ajax({type:\"GET\",url:\"//vimeo.com/api/v2/video/\"+c.id+\".json\",jsonp:\"callback\",dataType:\"jsonp\",success:function(a){f=a[0].thumbnail_large,l(f)}}):\"vzaar\"===c.type&&a.ajax({type:\"GET\",url:\"//vzaar.com/api/videos/\"+c.id+\".json\",jsonp:\"callback\",dataType:\"jsonp\",success:function(a){f=a.framegrab_url,l(f)}})},e.prototype.stop=function(){this._core.trigger(\"stop\",null,\"video\"),this._playing.find(\".owl-video-frame\").remove(),this._playing.removeClass(\"owl-video-playing\"),this._playing=null,this._core.leave(\"playing\"),this._core.trigger(\"stopped\",null,\"video\")},e.prototype.play=function(b){var c,d=a(b.target),e=d.closest(\".\"+this._core.settings.itemClass),f=this._videos[e.attr(\"data-video\")],g=f.width||\"100%\",h=f.height||this._core.$stage.height();this._playing||(this._core.enter(\"playing\"),this._core.trigger(\"play\",null,\"video\"),e=this._core.items(this._core.relative(e.index())),this._core.reset(e.index()),c=a(''),c.attr(\"height\",h),c.attr(\"width\",g),\"youtube\"===f.type?c.attr(\"src\",\"//www.youtube.com/embed/\"+f.id+\"?autoplay=1&rel=0&v=\"+f.id):\"vimeo\"===f.type?c.attr(\"src\",\"//player.vimeo.com/video/\"+f.id+\"?autoplay=1\"):\"vzaar\"===f.type&&c.attr(\"src\",\"//view.vzaar.com/\"+f.id+\"/player?autoplay=true\"),a(c).wrap('').insertAfter(e.find(\".owl-video\")),this._playing=e.addClass(\"owl-video-playing\"))},e.prototype.isInFullScreen=function(){var b=c.fullscreenElement||c.mozFullScreenElement||c.webkitFullscreenElement;return b&&a(b).parent().hasClass(\"owl-video-frame\")},e.prototype.destroy=function(){var a,b;this._core.$element.off(\"click.owl.video\");for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))\"function\"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Video=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this.core=b,this.core.options=a.extend({},e.Defaults,this.core.options),this.swapping=!0,this.previous=d,this.next=d,this.handlers={\"change.owl.carousel\":a.proxy(function(a){a.namespace&&\"position\"==a.property.name&&(this.previous=this.core.current(),this.next=a.property.value)},this),\"drag.owl.carousel dragged.owl.carousel translated.owl.carousel\":a.proxy(function(a){a.namespace&&(this.swapping=\"translated\"==a.type)},this),\"translate.owl.carousel\":a.proxy(function(a){a.namespace&&this.swapping&&(this.core.options.animateOut||this.core.options.animateIn)&&this.swap()},this)},this.core.$element.on(this.handlers)};e.Defaults={animateOut:!1,\r\nanimateIn:!1},e.prototype.swap=function(){if(1===this.core.settings.items&&a.support.animation&&a.support.transition){this.core.speed(0);var b,c=a.proxy(this.clear,this),d=this.core.$stage.children().eq(this.previous),e=this.core.$stage.children().eq(this.next),f=this.core.settings.animateIn,g=this.core.settings.animateOut;this.core.current()!==this.previous&&(g&&(b=this.core.coordinates(this.previous)-this.core.coordinates(this.next),d.one(a.support.animation.end,c).css({left:b+\"px\"}).addClass(\"animated owl-animated-out\").addClass(g)),f&&e.one(a.support.animation.end,c).addClass(\"animated owl-animated-in\").addClass(f))}},e.prototype.clear=function(b){a(b.target).css({left:\"\"}).removeClass(\"animated owl-animated-out owl-animated-in\").removeClass(this.core.settings.animateIn).removeClass(this.core.settings.animateOut),this.core.onTransitionEnd()},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this.core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))\"function\"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Animate=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._call=null,this._time=0,this._timeout=0,this._paused=!0,this._handlers={\"changed.owl.carousel\":a.proxy(function(a){a.namespace&&\"settings\"===a.property.name?this._core.settings.autoplay?this.play():this.stop():a.namespace&&\"position\"===a.property.name&&this._paused&&(this._time=0)},this),\"initialized.owl.carousel\":a.proxy(function(a){a.namespace&&this._core.settings.autoplay&&this.play()},this),\"play.owl.autoplay\":a.proxy(function(a,b,c){a.namespace&&this.play(b,c)},this),\"stop.owl.autoplay\":a.proxy(function(a){a.namespace&&this.stop()},this),\"mouseover.owl.autoplay\":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is(\"rotating\")&&this.pause()},this),\"mouseleave.owl.autoplay\":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is(\"rotating\")&&this.play()},this),\"touchstart.owl.core\":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is(\"rotating\")&&this.pause()},this),\"touchend.owl.core\":a.proxy(function(){this._core.settings.autoplayHoverPause&&this.play()},this)},this._core.$element.on(this._handlers),this._core.options=a.extend({},e.Defaults,this._core.options)};e.Defaults={autoplay:!1,autoplayTimeout:5e3,autoplayHoverPause:!1,autoplaySpeed:!1},e.prototype._next=function(d){this._call=b.setTimeout(a.proxy(this._next,this,d),this._timeout*(Math.round(this.read()/this._timeout)+1)-this.read()),this._core.is(\"interacting\")||c.hidden||this._core.next(d||this._core.settings.autoplaySpeed)},e.prototype.read=function(){return(new Date).getTime()-this._time},e.prototype.play=function(c,d){var e;this._core.is(\"rotating\")||this._core.enter(\"rotating\"),c=c||this._core.settings.autoplayTimeout,e=Math.min(this._time%(this._timeout||c),c),this._paused?(this._time=this.read(),this._paused=!1):b.clearTimeout(this._call),this._time+=this.read()%c-e,this._timeout=c,this._call=b.setTimeout(a.proxy(this._next,this,d),c-e)},e.prototype.stop=function(){this._core.is(\"rotating\")&&(this._time=0,this._paused=!0,b.clearTimeout(this._call),this._core.leave(\"rotating\"))},e.prototype.pause=function(){this._core.is(\"rotating\")&&!this._paused&&(this._time=this.read(),this._paused=!0,b.clearTimeout(this._call))},e.prototype.destroy=function(){var a,b;this.stop();for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))\"function\"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.autoplay=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){\"use strict\";var e=function(b){this._core=b,this._initialized=!1,this._pages=[],this._controls={},this._templates=[],this.$element=this._core.$element,this._overrides={next:this._core.next,prev:this._core.prev,to:this._core.to},this._handlers={\"prepared.owl.carousel\":a.proxy(function(b){b.namespace&&this._core.settings.dotsData&&this._templates.push('
\r\n\r\n \r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n {options.map((option) => {\r\n\r\n var inputId = this.props.field.inputElementId + \"#\" + option.id;\r\n var isOptionSelected = this.props.field.isOptionSelected(option);\r\n var checked = isOptionSelected ? \"checked\" : \"\";\r\n \r\n return (\r\n \r\n \r\n \r\n \r\n )\r\n\r\n })}\r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport { Fragment } from 'preact';\r\n\r\nexport class OptionPickerWithSearch extends React.Component {\r\n\r\n state = { searchTerm: \"\", searchResults: [], selectedItems: [] }\r\n\r\n componentDidMount() {\r\n\r\n this.setInitialValues();\r\n }\r\n\r\n setInitialValues = () => {\r\n\r\n var initialItems = this.props.field.value;\r\n if (Array.isArray(initialItems) && initialItems.length > 0) {\r\n for (var i = 0; i < initialItems.length; i++) {\r\n this.state.selectedItems.push({ id: initialItems[i].id, displayName: initialItems[i].displayName });\r\n }\r\n this.setState({ selectedItems: this.state.selectedItems });\r\n }\r\n \r\n }\r\n\r\n onValueChanged = () => {\r\n // this.props.onValueChanged(this.state.selectedItems);\r\n }\r\n\r\n onSearchTermChanged = (event) => {\r\n\r\n this.state.searchTerm = event.target.value;\r\n\r\n this.props.searchMethod(this.state.searchTerm).then((searchResults) => {\r\n\r\n if (searchResults != undefined) {\r\n\r\n this.state.searchResults = searchResults;\r\n this.tickSelectedResults();\r\n\r\n this.setState({ searchResults: this.state.searchResults });\r\n }\r\n });\r\n\r\n }\r\n\r\n onSearchResultClick = (event) => {\r\n \r\n var itemId = event.target.id;\r\n\r\n var searchResult = this.getItemById(this.state.searchResults, itemId);\r\n\r\n if (searchResult != undefined) {\r\n\r\n if (event.target.checked) {\r\n\r\n searchResult.selected = true;\r\n this.state.selectedItems.push(structuredClone(searchResult));\r\n \r\n }\r\n else {\r\n\r\n this.removeSelectedItem(itemId);\r\n searchResult.selected = false;\r\n }\r\n\r\n this.setState({ selectedItems: this.state.selectedItems });\r\n\r\n }\r\n \r\n }\r\n\r\n onRemoveSelectedItemClick = (event) => {\r\n\r\n var itemId = (event.target.id == \"\") ? event.target.parentElement.id : event.target.id;\r\n var item = this.getItemById(this.state.selectedItems, itemId);\r\n if (item != undefined) {\r\n if (confirm(\"Remove '\" + item.displayName + \"' from \" + this.props.field.displayName.toLowerCase() + \"?\") == true) {\r\n\r\n this.removeSelectedItem(itemId);\r\n\r\n this.tickSelectedResults();\r\n\r\n this.setState({ selectedItems: this.state.selectedItems, searchResults: this.state.searchResults });\r\n\r\n }\r\n }\r\n\r\n }\r\n\r\n onOkClick = (event) => {\r\n\r\n this.setState({ searchResults: [], searchTerm: \"\" });\r\n this.onValueChanged();\r\n }\r\n\r\n removeSelectedItem = (itemId) => {\r\n\r\n if (this.state.selectedItems != undefined\r\n && this.state.selectedItems.length != undefined)\r\n {\r\n\r\n for (var i = 0; i < this.state.selectedItems.length; i++) {\r\n\r\n if (this.state.selectedItems[i].id == itemId) {\r\n\r\n this.state.selectedItems.splice(i, 1);\r\n return;\r\n\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n tickSelectedResults = () => {\r\n\r\n // Handles case where a user\r\n // 1) ticks a search result\r\n // 2) adjusts the search term such that it removes the ticked search result from the results\r\n // 3) adjusts the search term such that it brings the previously ticked\r\n // result back to the results view (it won't be ticked any more until we run this logic)\r\n\r\n if (this.state.selectedItems != undefined && this.state.selectedItems.length > 0) {\r\n\r\n for (var i = 0; i < this.state.searchResults.length; i++) {\r\n\r\n var searchResult = this.state.searchResults[i];\r\n\r\n var selectedItem = this.getItemById(this.state.selectedItems, searchResult.id);\r\n\r\n searchResult.selected = (selectedItem == undefined) ? false : true;\r\n\r\n }\r\n }\r\n\r\n else if (this.state.searchResults != undefined && this.state.searchResults.length > 0) {\r\n\r\n for (var i = 0; i < this.state.searchResults.length; i++) {\r\n\r\n var searchResult = this.state.searchResults[i];\r\n searchResult.selected = false;\r\n\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n getItemById = (items, id) => {\r\n\r\n if (items != undefined && items != null && items.length != undefined) {\r\n\r\n for (var i = 0; i < items.length; i++) {\r\n\r\n if (items[i].id == id) {\r\n return items[i];\r\n }\r\n\r\n }\r\n\r\n }\r\n return undefined;\r\n }\r\n\r\n render() {\r\n\r\n var hasSearchResults = (this.state.searchResults != undefined && this.state.searchResults.length > 0) ? true : false;\r\n var hasSelectedItems = (this.state.selectedItems != undefined && this.state.selectedItems.length > 0) ? true : false;\r\n\r\n return (\r\n \r\n\r\n \r\n \r\n {\r\n (hasSearchResults) &&\r\n
\r\n \r\n { \r\n this.state.searchResults.map((option) => {\r\n return (\r\n \r\n {\r\n \r\n )\r\n })\r\n }\r\n\r\n {\r\n (hasSelectedItems && hasSearchResults) &&\r\n \r\n }\r\n\r\n\r\n
\r\n }\r\n\r\n \r\n \r\n
\r\n }\r\n \r\n\r\n {\r\n (hasSelectedItems) &&\r\n this.state.selectedItems.map((option) => {\r\n return (\r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n })\r\n }\r\n\r\n \r\n
\r\n `;\r\n\r\n const infoWindow = new google.maps.InfoWindow({\r\n content: infoWindowContent,\r\n });\r\n\r\n marker.addListener('click', () => {\r\n infoWindow.open(map, marker);\r\n });\r\n\r\n google.maps.event.addListener(marker, \"dragend\", (event) => {\r\n const newLat = marker.getPosition().lat();\r\n const newLng = marker.getPosition().lng();\r\n this.handleMarkerMoved(event, location.id || i, newLat, newLng);\r\n });\r\n });\r\n\r\n if (locations.length === 1) {\r\n map.panTo({\r\n lat: parseFloat(locations[0].latitude),\r\n lng: parseFloat(locations[0].longitude),\r\n });\r\n } else {\r\n map.fitBounds(mapBounds);\r\n }\r\n\r\n map.addListener(\"zoom_changed\", () => {\r\n const zoomLevel = map.getZoom();\r\n this.handleZoomChanged(zoomLevel);\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n const style = {\r\n width: typeof this.props.width === 'string' ? this.props.width : `${this.props.width}px`,\r\n height: typeof this.props.height === 'string' ? this.props.height : `${this.props.height}px`,\r\n };\r\n\r\n return (\r\n ${location.title}
\r\n${location.description}
\r\nDistance: ${location.distanceFromSearchLocation} ${location.distanceUnit}
\r\nCategories: ${location.categories.join(', ')}
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\n","import React from 'react';\r\nimport { SubformController } from './subform-controller';\r\n//import { FormField } from '../input-fields/form-field.js';\r\n//import { InputHelper } from '../input-fields/input-helper.js';\r\nimport { Fragment } from 'preact';\r\nimport { Map } from '../map';\r\nimport { app } from 'general';\r\nimport { resourceLoader } from 'project/resource-loader';\r\nimport { baseApi } from 'project/api';\r\nimport { getApiUrlByName } from 'project/helpers';\r\nimport { apiNames } from 'project/general';\r\n\r\n\r\nconst GET_COORDINATES = getApiUrlByName(apiNames.GET_COORDINATES);\r\n\r\nexport class LocationFields extends SubformController {\r\n\r\n state = {\r\n subformEditMode: true,\r\n inputHelper: this.props.inputHelper,\r\n userEditKey: this.props.userEditKey,\r\n isCollapsed: this.props.dataObject.isCollapsed == undefined ? true : this.props.dataObject.isCollapsed\r\n }\r\n loqateApi = null;\r\n formFields = null;\r\n\r\n\r\n initialiseFormFields() {\r\n\r\n var properties = this.props.property.childProperties;\r\n var dataObject = this.props.dataObject;\r\n this.formFields = this.props.property.onCreateFormFields(this.props.property.name, properties, dataObject);\r\n\r\n }\r\n\r\n onToggleAccordion = () => {\r\n if (this.state.isCollapsed) {\r\n this.state.isCollapsed = false;\r\n }\r\n else {\r\n this.state.isCollapsed = true;\r\n }\r\n this.setState({ isCollapsed: this.state.isCollapsed });\r\n }\r\n\r\n getAccordionTitle = () => {\r\n var accordionTitle = \"\";\r\n if (this.props.dataObject.locationName == undefined || this.props.dataObject.locationName == \"\") {\r\n accordionTitle = \"Location \" + (parseInt(this.props.dataObject.index) + 1);\r\n }\r\n else {\r\n accordionTitle = this.props.dataObject.locationName;\r\n }\r\n return accordionTitle;\r\n }\r\n\r\n initialiseLoqateApi(formFields) {\r\n\r\n this.readyPromise = resourceLoader.load(app.getConfig('loqate').resources)\r\n .then(() => {\r\n \r\n // bind input elements to loqate fields\r\n var formFields = this.formFields;\r\n var loqateFields = [\r\n { field: \"BuildingName\", element: formFields.houseName.inputElementName, mode: pca.fieldMode.POPULATE },\r\n { field: \"BuildingNumber\", element: formFields.houseNumber.inputElementName, mode: pca.fieldMode.POPULATE },\r\n { field: \"Street\", element: formFields.street.inputElementName, mode: pca.fieldMode.POPULATE },\r\n { field: \"District\", element: formFields.locality.inputElementName, mode: pca.fieldMode.POPULATE },\r\n { field: \"City\", element: formFields.town.inputElementName, mode: pca.fieldMode.POPULATE },\r\n { field: \"Province\", element: formFields.county.inputElementName, mode: pca.fieldMode.POPULATE },\r\n { field: \"PostalCode\", element: formFields.postcode.inputElementName, mode: pca.fieldMode.DEFAULT },\r\n { field: \"CountryIso2\", element: formFields.country.inputElementName, mode: pca.fieldMode.POPULATE }\r\n ];\r\n\r\n // initialise loqate api\r\n var options = { key: app.getConfig('loqate').apiKey }\r\n this.loqateApi = new pca.Address(loqateFields, options);\r\n\r\n // add event handler to trigger when the address is picked\r\n this.loqateApi.listen('populate', (address) => {\r\n this.onAddressSelected(address);\r\n });\r\n\r\n });\r\n }\r\n\r\n onAddressSelected(address) {\r\n\r\n var changedFields = [];\r\n\r\n // when loqate api populates the address fields it doesn't trigger the\r\n // onValueChanged event (which would normally update the form fields state)\r\n var formFields = this.formFields;\r\n var userEditKey = this.state.userEditKey;\r\n var loqateFields = this.loqateApi.fields;\r\n var id = this.props.dataObject.id;\r\n for (var i = 0; i < loqateFields.length; i++) {\r\n var loqateField = loqateFields[i];\r\n var fieldName = loqateField.element;\r\n var formField = this.getFieldByInputElementName(loqateField.element);\r\n var value = address[loqateField.field];\r\n if (formField.value != value) {\r\n formField.setValue(value, userEditKey);\r\n if (formField.isDirty()) {\r\n changedFields.push(formField);\r\n }\r\n }\r\n }\r\n\r\n // get the coordinates for the map (async)\r\n var coords = this.getCoordinates().then((result) => {\r\n\r\n var changedFields = [];\r\n if (result != undefined && result.latitude != undefined && result.longitude != undefined) {\r\n\r\n var latField = this.formFields.latitude;\r\n if (result.latitude != latField.value) {\r\n this.formFields.latitude.setValue(result.latitude, this.state.userEditKey);\r\n changedFields.push(latField);\r\n }\r\n\r\n var lonField = this.formFields.longitude;\r\n if (result.longitude != lonField.value) {\r\n this.formFields.longitude.setValue(result.longitude, this.state.userEditKey);\r\n changedFields.push(lonField);\r\n }\r\n }\r\n if (changedFields.length > 0) {\r\n this.props.onValueChanged(changedFields);\r\n }\r\n });\r\n\r\n if (changedFields.length > 0) {\r\n this.props.onValueChanged(changedFields);\r\n }\r\n }\r\n\r\n getFieldByInputElementName = (inputElementName) => {\r\n\r\n var keys = Object.keys(this.formFields)\r\n for (const key of keys) {\r\n var formField = this.formFields[key];\r\n if (formField.inputElementName == inputElementName) {\r\n return formField;\r\n }\r\n }\r\n return undefined;\r\n\r\n }\r\n\r\n onMapMarkerMoved = (id, lat, lng) => {\r\n\r\n var latField = this.formFields.latitude;\r\n var lonField = this.formFields.longitude;\r\n\r\n latField.setValue(lat, this.state.userEditKey);\r\n lonField.setValue(lng, this.state.userEditKey);\r\n\r\n\r\n var array = [];\r\n array.push(latField);\r\n array.push(lonField);\r\n this.props.onValueChanged(array);\r\n\r\n }\r\n\r\n getAddressString = () => {\r\n var dataObject = this.props.dataObject;\r\n var addressBlock = \"\";\r\n if (!this.isNullorEmpty(dataObject.locationName)) { addressBlock = addressBlock + dataObject.locationName + \", \"; }\r\n if (!this.isNullorEmpty(dataObject.houseName)) { addressBlock = addressBlock + dataObject.houseName + \", \"; }\r\n if (!this.isNullorEmpty(dataObject.houseNumber)) { addressBlock = addressBlock + dataObject.houseNumber + \", \"; }\r\n if (!this.isNullorEmpty(dataObject.street)) { addressBlock = addressBlock + dataObject.street + \", \"; }\r\n if (!this.isNullorEmpty(dataObject.locality)) { addressBlock = addressBlock + dataObject.locality + \", \"; }\r\n if (!this.isNullorEmpty(dataObject.town)) { addressBlock = addressBlock + dataObject.town + \", \"; }\r\n if (!this.isNullorEmpty(dataObject.county)) { addressBlock = addressBlock + dataObject.county + \", \"; }\r\n if (!this.isNullorEmpty(dataObject.postcode)) { addressBlock = addressBlock + dataObject.postcode + \", \"; }\r\n if (!this.isNullorEmpty(dataObject.country)) { addressBlock = addressBlock + dataObject.country + \", \"; }\r\n return addressBlock;\r\n }\r\n\r\n async getCoordinates() {\r\n\r\n \r\n // Copy current location state from editing fields\r\n let location = structuredClone(this.props.dataObject);\r\n var fieldNames = Object.keys(this.formFields);\r\n fieldNames.map((fieldname) => {\r\n var field = this.formFields[fieldname];\r\n if (field.isDirty()) {\r\n location[field.name] = field.value;\r\n }\r\n })\r\n\r\n var postData = JSON.stringify(location);\r\n\r\n var form = document.getElementById(\"__AjaxAntiForgeryForm\");\r\n if (form != undefined && form.childNodes.length > 0) {\r\n var antiForgeryToken = form.childNodes[0].value;\r\n if (antiForgeryToken != undefined) {\r\n const config = { headers: { 'Content-Type': 'application/json', '__RequestVerificationToken': antiForgeryToken } };\r\n return baseApi\r\n .post(GET_COORDINATES, postData, config)\r\n .then((result) => {\r\n const data = result.data.data;\r\n return data;\r\n }).catch((err) => {\r\n console.error(err);\r\n return null;\r\n });\r\n }\r\n }\r\n return null;\r\n }\r\n\r\n onDelete = () => {\r\n var property = this.props.property;\r\n this.props.onDelete(property, this.props.dataObject);\r\n this.initialiseFormFields();\r\n }\r\n\r\n render() {\r\n\r\n this.initialiseFormFields();\r\n var fields = this.formFields;\r\n\r\n if (this.loqateApi == undefined) {\r\n this.initialiseLoqateApi(fields);\r\n }\r\n\r\n var buttonStyle = \"margin:10px;\";\r\n var buttonClass = \"button button--secondary\";\r\n var editMode = this.props.editMode;\r\n var subformEditMode = this.state.subformEditMode;\r\n\r\n \r\n\r\n var inputHelper = this.state.inputHelper;\r\n\r\n var isDeleted = (fields != undefined && fields.deleted != undefined) ? fields.deleted.value : false;\r\n var hidden = this.state.isCollapsed ? \"hidden\" : \"\";\r\n var expanded = this.state.isCollapsed ? false : true;\r\n var accordionTitle = this.getAccordionTitle();\r\n var accordionId = this.props.property.name + \"-\" + this.props.dataObject.index;\r\n var accordionGroupId = \"accordion-group-\" + accordionId;\r\n var accordionButtonId = \"accordion-\" + accordionId;\r\n var accordionSectionId = \"sect-\" + accordionId;\r\n\r\n var renderMap = false;\r\n if (\r\n (fields != undefined) &&\r\n (!fields.latitude?.isNullOrEmpty() && !fields.longitude?.isNullOrEmpty() && fields.visibleOnMap.value == true)\r\n )\r\n {\r\n renderMap = true;\r\n }\r\n\r\n var hasValidationErrors = inputHelper.hasValidationErrors(fields);\r\n var accordionClass = hasValidationErrors ? \"accordion accordion--washed-chalk accordion--invalid\" : \"accordion accordion--washed-chalk\";\r\n var accordionClass = isDeleted ? \"accordion accordion--washed-chalk accordion--deleted\" : accordionClass;\r\n accordionTitle = isDeleted ? accordionTitle + \" (deleted)\" : accordionTitle;\r\n expanded = hasValidationErrors ? true : expanded;\r\n var hidden = expanded ? \"\" : \"hidden\";\r\n\r\n return (\r\n\r\n \r\n You can click and hold the map marker to move it to a more accurate location.\r\n
\r\n\r\n If you update this address, the map marker position will be updated.\r\n
\r\n \r\n- \r\n\r\n
- \r\n\r\n \r\n\r\n \r\n\r\n {\r\n // edit view \r\n (fields != undefined) &&\r\n
- \r\n\r\n {\r\n this.props.property.childProperties.map((childProperty) => {\r\n\r\n var field = inputHelper.getFormFieldByPropertyName(childProperty.name, fields);\r\n return (inputHelper.autoGenerateInputField(field, childProperty))\r\n \r\n })\r\n }\r\n\r\n {\r\n (renderMap) &&\r\n \r\n\r\n }\r\n\r\n\r\n {\r\n (isDeleted != true) &&\r\n\r\n \r\n\r\n }\r\n\r\n {\r\n (isDeleted == true) && \r\n\r\n \r\n\r\n }\r\n\r\n \r\n \r\n }\r\n\r\n \r\n\r\n
- \r\n\r\n
- \r\n\r\n \r\n\r\n \r\n\r\n {\r\n // edit view \r\n (fields != undefined) &&\r\n
- \r\n\r\n {\r\n this.props.property.childProperties.map((childProperty) => {\r\n\r\n var field = inputHelper.getFormFieldByPropertyName(childProperty.name, fields);\r\n return (inputHelper.autoGenerateInputField(field, childProperty))\r\n\r\n })\r\n\r\n }\r\n\r\n {\r\n (isDeleted != true) &&\r\n \r\n \r\n\r\n \r\n }\r\n\r\n {\r\n (isDeleted == true) &&\r\n\r\n \r\n\r\n \r\n }\r\n\r\n\r\n \r\n }\r\n\r\n
\r\n {\r\n rows?.map((row) => {\r\n return (\r\n
\r\n
\r\n );\r\n }\r\n\r\n renderNumberInput(field) {\r\n var divCss = this.getDivCss(field);\r\n\r\n var editMode = this.#editMode;\r\n if (field.property.allowEdit != undefined && field.property.allowEdit == false) {\r\n editMode = false;\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n renderTextAreaInput(field, cols, rows) {\r\n var divCss = this.getDivCss(field);\r\n var elementCss = field.isValid() ? \"form-field__textarea\" : \"form-field__textarea is-invalid\";\r\n var editMode = this.#editMode;\r\n if (field.property.allowEdit != undefined && field.property.allowEdit == false) {\r\n editMode = false;\r\n }\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n renderHtmlInput(field) {\r\n var divCss = this.getDivCss(field);\r\n var elementCss = field.isValid() ? \"\" : \"is-invalid\";\r\n var editMode = this.#editMode;\r\n if (field.property.allowEdit != undefined && field.property.allowEdit == false) {\r\n editMode = false;\r\n }\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n renderHyperlinkInput(field) {\r\n var editMode = this.#editMode;\r\n if (field.property.allowEdit != undefined && field.property.allowEdit == false) {\r\n editMode = false;\r\n }\r\n return (\r\n \r\n
\r\n
\r\n );\r\n }\r\n\r\n renderHiddenInput(field) {\r\n return (\r\n \r\n
\r\n {\r\n this.renderValidationErrors(field.validationErrors)\r\n }\r\n \r\n
\r\n );\r\n }\r\n\r\n renderDropDownInput(field, treeViewItem) {\r\n var divCss = this.getDivCss(field);\r\n var elementCss = field.isValid() ? \"form-field__dropdown\" : \"form-field__dropdown is-invalid\";\r\n var editMode = this.#editMode;\r\n if (field.property.allowEdit != undefined && field.property.allowEdit == false) {\r\n editMode = false;\r\n }\r\n return (\r\n \r\n
\r\n {\r\n this.renderValidationErrors(field.validationErrors)\r\n }\r\n \r\n
\r\n );\r\n }\r\n\r\n renderRadioButtonInput(field, treeViewItem) {\r\n var divCss = field.isValid() ? \"form-field form-field--radio\" : \"form-field form-field--radio is-invalid\";\r\n var elementCss = \"ktc-radio ktc-radio-list\";\r\n var editMode = this.#editMode;\r\n if (field.property.allowEdit != undefined && field.property.allowEdit == false) {\r\n editMode = false;\r\n }\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n renderOptionPickerWithSearch(field) {\r\n var divCss = this.getDivCss(field);\r\n var editMode = this.#editMode;\r\n if (field.property.allowEdit != undefined && field.property.allowEdit == false) {\r\n editMode = false;\r\n }\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n renderLocationFields(field, property, onAdd, onDelete) {\r\n var locations = field.value;\r\n var divCss = this.getDivCss(field);\r\n var editMode = this.#editMode;\r\n if (field.property.allowEdit != undefined && field.property.allowEdit == false) {\r\n editMode = false;\r\n }\r\n return (\r\n \r\n
\r\n )\r\n\r\n }\r\n\r\n renderEntityRows(field, property, onAdd, onDelete) {\r\n var rows = field.value;\r\n var editMode = this.#editMode;\r\n if (field.property.allowEdit != undefined && field.property.allowEdit == false) {\r\n editMode = false;\r\n }\r\n return (\r\n \r\n
\r\n\r\n )\r\n\r\n }\r\n\r\n renderValidationErrors(validationErrors) {\r\n if (validationErrors != undefined && Array.isArray(validationErrors) && validationErrors.length > 0) {\r\n return (\r\n {\r\n validationErrors.map((validationError) => {\r\n return (
)\r\n }\r\n }\r\n\r\n hasValidationErrors = (fields) => {\r\n\r\n if (fields != undefined) {\r\n var fieldNames = Object.keys(fields);\r\n for (var i = 0; i < fieldNames.length; i++) {\r\n var field = fields[fieldNames[i]];\r\n if (Array.isArray(field.validationErrors) && field.validationErrors.length > 0) {\r\n return true;\r\n }\r\n }\r\n }\r\n return false;\r\n\r\n }\r\n\r\n getDivCss(field) {\r\n var isValid = field.isValid();\r\n return isValid ? \"form-field\" : \"form-field is-invalid\";\r\n }\r\n}\r\n","import React from 'react';\r\nimport { Fragment } from 'preact';\r\nimport { WizardStep } from './wizard-step';\r\nimport { InputHelper } from '../input-fields/input-helper.js';\r\nexport class Wizard extends React.Component {\r\n\r\n state = {\r\n currentStepIndex: -1,\r\n userEditKey: Date.now(),\r\n mapApiKey: this.props.mapApiKey\r\n };\r\n\r\n onValueChanged = (field) => {\r\n this.props.onValueChanged(field);\r\n }\r\n\r\n onPreviousStepClick = () => {\r\n if (this.state.currentStepIndex > 0) {\r\n this.props.steps[this.state.currentStepIndex].active = false;\r\n this.state.currentStepIndex -= 1;\r\n this.props.steps[this.state.currentStepIndex].active = true;\r\n this.setState({ currentStepIndex: this.state.currentStepIndex });\r\n }\r\n window.scrollTo(0, 0);\r\n }\r\n\r\n onNextStepClick = () => {\r\n if (this.state.currentStepIndex < this.props.steps.length - 1) {\r\n this.props.steps[this.state.currentStepIndex].active = false;\r\n this.state.currentStepIndex += 1;\r\n this.props.steps[this.state.currentStepIndex].active = true;\r\n this.setState({ currentStepIndex: this.state.currentStepIndex });\r\n }\r\n window.scrollTo(0, 0);\r\n }\r\n\r\n setActiveStep = () => {\r\n\r\n if (this.props.steps != undefined && this.props.steps.length > 0) {\r\n\r\n if (this.state.currentStepIndex == -1) {\r\n for (var i = 0; i < this.props.steps.length; i++) {\r\n if (i == 0) {\r\n this.props.steps[i].active = true;\r\n this.state.currentStepIndex = i;\r\n }\r\n else {\r\n this.props.steps[i].active = false;\r\n }\r\n }\r\n this.setState({ currentStepIndex: this.state.currentStepIndex });\r\n }\r\n else if (this.state.currentStepIndex > -1) {\r\n\r\n if (this.props.steps[this.state.currentStepIndex].active != true) {\r\n this.props.steps[this.state.currentStepIndex].active = true;\r\n }\r\n }\r\n\r\n }\r\n\r\n }\r\n \r\n getValidationFixStep = () => {\r\n\r\n var outputStep = {\r\n name: \"The following issues prevented your listing from being submitted\", properties: [], formFields: {}, active: true, stepType: \"validation\" };\r\n\r\n if (this.props.steps != undefined && this.props.steps.length > 0) {\r\n\r\n for (var stepIndex = 0; stepIndex < this.props.steps.length; stepIndex++) {\r\n\r\n var step = this.props.steps[stepIndex];\r\n\r\n if (Array.isArray(step.formFields)) {\r\n\r\n var formFieldNames = Object.keys(step.formFields);\r\n\r\n for (var nameIndex = 0; nameIndex < formFieldNames.length; nameIndex++) {\r\n\r\n var formFieldName = formFieldNames[nameIndex];\r\n var field = step.formFields[formFieldName];\r\n\r\n if (Array.isArray(field.validationErrors) && field.validationErrors.length > 0) {\r\n outputStep.properties.push(field.property);\r\n outputStep.formFields[field.property.name]=field;\r\n }\r\n\r\n }\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n return outputStep;\r\n\r\n }\r\n\r\n\r\n\r\n render() {\r\n\r\n var inputCssClass = this.props.inputCssClass;\r\n var inputHelper = new InputHelper(true, this.state.userEditKey, this.onValueChanged, inputCssClass, this.state.mapApiKey);\r\n this.setActiveStep();\r\n var steps = this.props.steps;\r\n var validationStep = this.getValidationFixStep();\r\n var inValidationFixMode = (validationStep == undefined || validationStep?.properties.length == 0) ? false : true;\r\n var stepClass = inValidationFixMode ? \"steps hidden\" : \"steps\";\r\n var showSubmitButton = (this.state.currentStepIndex == steps.length - 1 );\r\n return (\r\n {validationError.message}
)\r\n })\r\n }\r\n \r\n\r\n {\r\n (validationStep?.properties.length > 0) &&\r\n
\r\n );\r\n }\r\n\r\n}\r\n\r\n","import React from 'react';\r\nimport { render } from 'preact';\r\n\r\nimport { BaseComponent } from 'project/general';\r\nimport { BaseForm, formConstants } from 'shared/base-form';\r\nimport { notificationTypes } from 'project/general';\r\nimport { notificationService } from 'project/services';\r\nimport { FormField } from './input-fields/form-field';\r\nimport { Wizard } from './wizard/wizard';\r\nimport { NasFormFunctions } from './classes/nas-form-functions';\r\n\r\nexport default class NasFormComponent extends BaseComponent {\r\n\r\n initialDataObjectInstance = undefined; // the data object state as first loaded by the form.\r\n dataObjectInstance = undefined; // the data object to be managed via the form.\r\n validationErrors = [];\r\n formInstance = null;\r\n editMode = false;\r\n\r\n onDataObjectLoaded(dataObjectInstance) {\r\n this.dataObjectInstance = dataObjectInstance;\r\n this.initialDataObjectInstance = structuredClone(this.dataObjectInstance);\r\n }\r\n\r\n onInitForm() {\r\n\r\n // Instantiate the form helper class, define submit behaviour\r\n this.formInstance = new BaseForm(this.element, {\r\n errorsSummary: document.getElementById(\"data-errors-summary\"),\r\n onBeforeSubmit: () => { },\r\n onSuccessfulSubmit: (response) => {\r\n\r\n var submitServiceListingResponse = response.data.data;\r\n\r\n if (submitServiceListingResponse == undefined) {\r\n var message = \"\";\r\n if (response.data.errors != undefined) { message = response.data.errors[0]; }\r\n else { message = \"There was a problem completing the operation.\"; }\r\n notificationService.push({\r\n message: message,\r\n type: notificationTypes.WARNING,\r\n });\r\n }\r\n\r\n else {\r\n\r\n if (submitServiceListingResponse.validationErrors != undefined\r\n && submitServiceListingResponse.validationErrors.length > 0)\r\n {\r\n this.validationErrors = submitServiceListingResponse.validationErrors;\r\n notificationService.push({\r\n message: \"There were validation errors\",\r\n type: notificationTypes.ERROR,\r\n });\r\n window.scrollTo(0, 0);\r\n this.renderForm(this.editMode);\r\n }\r\n else {\r\n this.validationErrors = [];\r\n notificationService.push({\r\n message: response.data.data.message,\r\n type: notificationTypes.SUCCESS,\r\n });\r\n this.renderConfirmation();\r\n }\r\n }\r\n\r\n\r\n \r\n },\r\n onFailedSubmit: (error) => {\r\n notificationService.push({\r\n message: \"There was an error\",\r\n type: notificationTypes.ERROR,\r\n });\r\n },\r\n parsley: {\r\n errorClass: 'is-invalid',\r\n successClass: 'is-valid',\r\n errorsWrapper: '',\r\n errorTemplate: '',\r\n },\r\n enctype: formConstants.ENCTYPE_JSON\r\n });\r\n\r\n }\r\n\r\n onSubmitClick = () => {\r\n this.formInstance.onSubmit();\r\n }\r\n\r\n onCreateFormFields = (parentPropertyName, properties, dataObject) => {\r\n\r\n // Creates form field info for the given properties and populates them with the relevant data\r\n var formFields = [];\r\n\r\n if (Array.isArray(properties)) {\r\n\r\n properties.map((property) => {\r\n\r\n var formField = new FormField(property);\r\n\r\n // If it's a relational property set the input name and id based on the index of the related\r\n // object\r\n if (parentPropertyName != undefined && parentPropertyName.length > 0) {\r\n formField.inputElementName = parentPropertyName + \"[\" + dataObject.index + \"][\" + property.name + \"]\";\r\n formField.inputElementId = parentPropertyName + \"_\" + dataObject.index + \"_\" + property.name;\r\n }\r\n\r\n // If it's not a relational property set the input name and id to the property name\r\n else {\r\n formField.inputElementName = property.name;\r\n formField.inputElementId = property.name;\r\n }\r\n\r\n if (dataObject != undefined) {\r\n\r\n this.nasFormFunctions = new NasFormFunctions();\r\n formField.validationErrors = this.getValidationErrorsForField(property.parentPropertyName, property.name, dataObject.index);\r\n \r\n if (dataObject[property.name] == undefined) {\r\n // populate field from default value\r\n if (property.defaultValue != undefined) {\r\n formField.value = property.defaultValue;\r\n }\r\n }\r\n else {\r\n // populate field from data\r\n formField.value = dataObject[property.name];\r\n }\r\n\r\n }\r\n\r\n // Add the form field to the output\r\n formFields[property.name] = formField;\r\n })\r\n }\r\n\r\n return formFields;\r\n }\r\n\r\n updateObject = (field) => {\r\n\r\n // Find the object property using the input element name\r\n var propertyRef = this.parseinputElementName(field.inputElementName);\r\n\r\n // Handle simple properties\r\n if (propertyRef.length == 1) {\r\n\r\n // update the object\r\n this.dataObjectInstance[field.name] = field.value;\r\n\r\n }\r\n\r\n // Handle relational properties\r\n if (propertyRef.length == 3) {\r\n\r\n var property = propertyRef[0];\r\n var index = propertyRef[1];\r\n var childProperty = propertyRef[2];\r\n\r\n // Does the property exist?\r\n if (this.dataObjectInstance[property] == undefined) {\r\n console.error(\"property '\" + property + \"' was undefined\");\r\n }\r\n\r\n // Is the property an array?\r\n else if (!Array.isArray(this.dataObjectInstance[property])) {\r\n console.error(\"property '\" + property + \"' is not an array\");\r\n }\r\n\r\n // Is the property array length less than the index in the field ref?\r\n else if (this.dataObjectInstance[property].length - 1 < index) {\r\n console.error(\"property '\" + property + \"' index out of range\");\r\n }\r\n\r\n else {\r\n\r\n // update the child object\r\n this.dataObjectInstance[property][index][childProperty] = field.value;\r\n }\r\n\r\n }\r\n }\r\n\r\n onValuesChanged = (fields) => {\r\n\r\n if (Array.isArray(fields)) {\r\n\r\n fields.map((field) => {\r\n\r\n this.updateObject(field);\r\n\r\n })\r\n }\r\n else {\r\n\r\n this.updateObject(fields);\r\n }\r\n\r\n this.renderForm(this.editMode);\r\n\r\n }\r\n\r\n getValidationErrorsForField(parentPropertyName, propertyName, index) {\r\n\r\n var validationErrors = [];\r\n\r\n if (this.validationErrors != undefined && Array.isArray(this.validationErrors)) {\r\n\r\n for (var i = 0; i < this.validationErrors.length; i++) {\r\n\r\n var validationError = this.validationErrors[i];\r\n\r\n var valError_HasParentProperty = (validationError.parentPropertyName == undefined || validationError.parentPropertyName == \"\") ? false : true;\r\n var valError_ParentPropertyName = (validationError.parentPropertyName == undefined || validationError.parentPropertyName == \"\") ? \"\" : validationError.parentPropertyName;\r\n\r\n var property_HasParentProperty = (parentPropertyName == undefined || parentPropertyName == \"\") ? false : true;\r\n var property_ParentPropertyName = (parentPropertyName == undefined || parentPropertyName == \"\") ? \"\" : parentPropertyName;\r\n \r\n\r\n\r\n if (propertyName.toLowerCase() == valError_ParentPropertyName.toLowerCase()) {\r\n if (index != undefined) {\r\n if (validationError.index == index) {\r\n validationErrors.push(validationError);\r\n }\r\n }\r\n else {\r\n validationErrors.push(validationError);\r\n }\r\n }\r\n \r\n\r\n var parentPropertyMatch = (\r\n ( valError_HasParentProperty == property_HasParentProperty ) && \r\n (valError_ParentPropertyName.toLowerCase() == property_ParentPropertyName.toLowerCase() )\r\n ) ? true : false;\r\n\r\n var propertyMatch = (validationError.propertyName.toLowerCase() == propertyName.toLowerCase());\r\n\r\n if (parentPropertyMatch && propertyMatch) {\r\n if (index != undefined) {\r\n if (validationError.index == index) {\r\n validationErrors.push(validationError);\r\n }\r\n }\r\n else {\r\n validationErrors.push(validationError);\r\n }\r\n\r\n }\r\n \r\n\r\n\r\n\r\n\r\n }\r\n }\r\n\r\n return validationErrors;\r\n\r\n }\r\n\r\n parseinputElementName = (inputElementName) => {\r\n\r\n // Example relational property:\r\n // inputElementName = \"contacts[0][firstName]\"\r\n // return {\"contacts\", 0, \"firstName\"}\r\n\r\n // Example simple property:\r\n // inputElementName = \"title\"\r\n // return {\"title\"}\r\n\r\n // replace any square brackets with pipes\r\n var fieldRef = inputElementName.replaceAll(\"[\", \"|\");\r\n fieldRef = fieldRef.replaceAll(\"]\", \"|\");\r\n\r\n // replace any double pipes with single pipe\r\n fieldRef = fieldRef.replaceAll(\"||\", \"|\");\r\n\r\n // split the result to get an array\r\n var array = fieldRef.split(\"|\", 3);\r\n\r\n // convert any integers currently in string form to integer\r\n for (var i = 0; i < array.length; i++) {\r\n var value = array[i];\r\n var parsed = Number.parseInt(value);\r\n if (!isNaN(parsed)) {\r\n array[i] = parsed;\r\n }\r\n }\r\n\r\n return array;\r\n }\r\n\r\n onEdit = () => {\r\n this.editMode = true;\r\n this.renderForm(this.editMode);\r\n }\r\n\r\n onCancel = () => {\r\n if (confirm(\"Cancel all changes?\")) {\r\n this.editMode = false;\r\n this.dataObjectInstance = structuredClone(this.initialDataObjectInstance);\r\n this.renderForm(this.editMode);\r\n }\r\n }\r\n\r\n renderForm(editMode) {\r\n\r\n if (this.formInstance == undefined) {\r\n this.onInitForm();\r\n }\r\n if (this.dataObjectInstance == undefined) {\r\n this.dataObjectInstance = [];\r\n }\r\n\r\n var dataObjectInstance = this.dataObjectInstance;\r\n this.steps = this.createWizardSteps();\r\n var mapApiKey = this.element.getAttribute(\"data-dc-nas-form-mapApiKey\");\r\n render(\r\n \r\n {\r\n steps.map((step) => {\r\n return (\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n ,\r\n this.refs.main_details_placeholder\r\n );\r\n\r\n }\r\n\r\n renderConfirmation() {\r\n\r\n render(\r\n \r\n
\r\n ,\r\n this.refs.main_details_placeholder\r\n );\r\n\r\n }\r\n\r\n onDeleteChildRow = (property, dataObjectToRemove) => {\r\n\r\n\r\n var arrayValue = this.dataObjectInstance[property.name];\r\n\r\n if (Array.isArray(arrayValue) && arrayValue.length > 0) {\r\n\r\n if (confirm(\"Are you sure you want to delete from \" + property.displayName + \" ?\") == true) {\r\n\r\n for (var i = 0; i < arrayValue.length; i++) {\r\n\r\n var row = arrayValue[i];\r\n\r\n if (row.index == dataObjectToRemove.index) {\r\n \r\n if (row.deleted != undefined) {\r\n\r\n row.deleted = !row.deleted;\r\n }\r\n else {\r\n row.deleted = true;\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n this.renderForm(this.editMode);\r\n\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n onAddChildRow = (property) => {\r\n\r\n var propertyName = undefined;\r\n\r\n var isEvent = property instanceof Event;\r\n if (isEvent) {\r\n propertyName = property.target.value;\r\n }\r\n else {\r\n propertyName = property.name;\r\n }\r\n\r\n var arrayValue = this.dataObjectInstance[propertyName];\r\n\r\n if (arrayValue == undefined) {\r\n arrayValue = [];\r\n }\r\n\r\n if (Array.isArray(arrayValue)) {\r\n\r\n // initialise an empty object for the row\r\n var newRow = {};\r\n newRow.index = arrayValue.length;\r\n newRow.isCollapsed = false;\r\n arrayValue.push(newRow);\r\n this.dataObjectInstance[propertyName] = arrayValue;\r\n\r\n this.renderForm(this.editMode);\r\n\r\n }\r\n\r\n }\r\n\r\n\r\n}\r\n","import React from 'react';\r\nimport { render } from 'preact';\r\nimport { SharingComponent } from 'shared/engagement-panel';\r\n\r\nexport class EngagementPanel extends React.Component {\r\n\r\n state = {\r\n likes: this.props.likes,\r\n shares: this.props.shares,\r\n userHasLiked: this.props.engagementFunctions.hasUserLiked(this.props.itemId),\r\n shareDialogIsOpen: false\r\n };\r\n\r\n\r\n onLikeClick = (sender) => {\r\n this.props.engagementFunctions.onLike(this.props.itemId, this.onLikeProcessed);\r\n }\r\n\r\n onShareClick = (sender) => {\r\n render(\r\n Thanks, that information has been submitted, you'll be notified by email when it's been processed.
\r\n\r\n\r\n {/**/}\r\n
\r\n );\r\n\r\n }\r\n\r\n}\r\n","import React from 'react';\r\nimport { render } from 'preact';\r\nimport { Fragment } from 'preact';\r\n\r\nexport class SharingComponent extends React.Component {\r\n\r\n copyToClipboard = () => {\r\n\r\n var copyText = document.getElementById(\"engagement_share_input\");\r\n copyText.select();\r\n copyText.setSelectionRange(0, 99999); /* For mobile devices */\r\n navigator.clipboard.writeText(copyText.value);\r\n alert(\"Link copied to clipboard\");\r\n this.onShared();\r\n }\r\n\r\n componentDidMount() {\r\n\r\n var sharePanelHeadingText = this.props.engagementSettings.sharePanelHeadingText;\r\n document.getElementById(\"sharePanelHeadingText\").innerHTML = sharePanelHeadingText;\r\n\r\n var sharePanelDescriptionText = this.props.engagementSettings.sharePanelDescriptionText;\r\n document.getElementById(\"sharePanelDescriptionText\").innerHTML = sharePanelDescriptionText;\r\n }\r\n\r\n onShared = () => {\r\n this.props.onShared();\r\n }\r\n\r\n render() {\r\n\r\n var platformDefinitions = this.props.engagementSettings.platformDefinitions;\r\n\r\n var platformsWithUrls = this.getPlatformsWithUrls(platformDefinitions);\r\n var platformsWithNoUrl = this.getPlatformsWithNoUrl(platformDefinitions);\r\n\r\n var shareDescriptionText = this.props.engagementSettings.shareDescriptionText;\r\n var shareDescriptionTextEncoded = shareDescriptionText.replaceAll(\" \", \"+\");\r\n var shareUrl = this.props.shareUrl;\r\n var shareUrlEncoded = encodeURIComponent(this.props.shareUrl);\r\n\r\n return (\r\n \r\n 
\r\n
\r\n\r\n {/**/}\r\n {this.state.likes} likes
\r\n\r\n 
\r\n
\r\n\r\n {this.state.shares} shares
\r\n\r\n
\r\n );\r\n\r\n }\r\n\r\n getPlatformsWithUrls = (platformDefinitions) => {\r\n return platformDefinitions.filter(platformDefinition => platformDefinition.url && platformDefinition.url.trim() !== \"\");\r\n }\r\n\r\n getPlatformsWithNoUrl = (platformDefinitions) => {\r\n return platformDefinitions.filter(platformDefinition => !platformDefinition.url || platformDefinition.url == \"\");\r\n }\r\n\r\n getPlatformNames = (platformDefinitions) => {\r\n return this.arrayToCommaString(platformDefinitions, \"name\");\r\n }\r\n\r\n arrayToCommaString = (arr, prop) => {\r\n if (!arr.length) return \"\";\r\n if (arr.length === 1) return arr[0][prop];\r\n\r\n const allButLast = arr.slice(0, -1).map(item => item[prop]).join(\", \");\r\n const lastItem = arr[arr.length - 1][prop];\r\n\r\n return `${allButLast} or ${lastItem}`;\r\n }\r\n}\r\n","\r\nimport Cookies from 'js-cookie';\r\n\r\nimport { getApiUrlByName } from 'project/helpers';\r\nimport { apiNames } from 'project/general';\r\nimport { baseApi } from 'project/api';\r\n\r\nconst ENGAGEMENT_LIKE = getApiUrlByName(apiNames.ENGAGEMENT_LIKE);\r\nconst ENGAGEMENT_SHARE = getApiUrlByName(apiNames.ENGAGEMENT_SHARE);\r\n\r\nexport class EngagementFunctions {\r\n\r\n engagementSettings;\r\n likedItems;\r\n\r\n constructor(engagementSettings) {\r\n this.engagementSettings = engagementSettings;\r\n this.likedItems = this.getLikedItems(this.engagementSettings.likesCookieName);\r\n }\r\n\r\n getLikedItems = ((cookieName) => {\r\n var cookieValue = Cookies.get(this.engagementSettings.likesCookieName);\r\n var intArray = this.splitPipeSeparatedIntegers(cookieValue);\r\n return intArray;\r\n });\r\n\r\n getLikeIconUrl = () => {\r\n return this.engagementSettings.likeIconUrl;\r\n }\r\n\r\n getShareIconUrl = () => {\r\n return this.engagementSettings.shareIconUrl;\r\n }\r\n\r\n hasUserLiked (itemId){\r\n return this.likedItems.includes(itemId);\r\n }\r\n\r\n splitPipeSeparatedIntegers = ((input) => {\r\n if (input != undefined) {\r\n return input\r\n .split('|') // Split by '|'\r\n .map(num => parseInt(num, 10)) // Convert to integer\r\n .filter(num => !isNaN(num)); // Remove NaN values\r\n }\r\n else {\r\n return [];\r\n }\r\n });\r\n\r\n onLike(itemId, callback) {\r\n\r\n // update server side like count\r\n var likeRequest = {};\r\n likeRequest.itemId = itemId;\r\n likeRequest.like = !this.hasUserLiked(itemId);\r\n likeRequest.className = this.engagementSettings.className;\r\n\r\n this.submitLike(likeRequest).then((response) => {\r\n\r\n if (response != undefined && response.processed) {\r\n\r\n if (likeRequest.like) {\r\n this.likedItems.push(itemId);\r\n }\r\n else {\r\n const index = this.likedItems.indexOf(itemId);\r\n if (index > -1) {\r\n this.likedItems.splice(index, 1);\r\n }\r\n }\r\n\r\n callback(response);\r\n\r\n }\r\n\r\n });\r\n }\r\n\r\n onShare(itemId, callback) {\r\n // update server side share count\r\n var shareRequest = {};\r\n shareRequest.itemId = itemId;\r\n shareRequest.className = this.engagementSettings.className;\r\n\r\n this.submitShare(shareRequest).then((response) => {\r\n\r\n if (response != undefined && response.processed && callback != undefined) {\r\n callback(response);\r\n }\r\n\r\n });\r\n }\r\n\r\n submitLike = (likeRequest) => {\r\n\r\n const config = { headers: { 'Content-Type': 'application/json' } };\r\n return baseApi\r\n .post(ENGAGEMENT_LIKE, JSON.stringify(likeRequest), config)\r\n .then((result) => {\r\n const data = result.data.data;\r\n return data;\r\n }).catch((err) => {\r\n console.error(err);\r\n return null;\r\n });\r\n\r\n }\r\n\r\n submitShare = (shareRequest) => {\r\n\r\n const config = { headers: { 'Content-Type': 'application/json' } };\r\n return baseApi\r\n .post(ENGAGEMENT_SHARE, JSON.stringify(shareRequest), config)\r\n .then((result) => {\r\n const data = result.data.data;\r\n return data;\r\n }).catch((err) => {\r\n console.error(err);\r\n return null;\r\n });\r\n\r\n }\r\n\r\n}\r\n","export const trackingTypes = Object.freeze({\r\n EVENT: 'event',\r\n ECOMMERCE_IMPRESSION: 'impression',\r\n ANY: 'any'\r\n});\r\n\r\nexport const triggers = Object.freeze({\r\n CLICK: 'click',\r\n APPEARANCE: 'appearance'\r\n});\r\n","import { BaseComponent } from 'project/general';\r\nimport { gtmService, EcommerceTracking } from 'project/services';\r\nimport { trackingTypes, triggers } from './enums';\r\n\r\n// send event on click\r\n// data-dc-gtm='{\"tracking\": [\"category\", \"action \", \"label\"]}'\r\n\r\n// send any data on click\r\n// data-dc-gtm='{\"trackingType\": \"any\", \"tracking\": {\"foo\": \"bar\"}}'\r\n\r\n// send any data on page load\r\n// data-dc-gtm='{\"trackingType\": \"any\", \"trigger\": \"appearance\", \"tracking\": {\"foo\": \"bar\"}}'\r\n\r\nclass GtmComponent extends BaseComponent {\r\n constructor(element) {\r\n super(element);\r\n let datasets = null;\r\n if (Array.isArray(this.options)) {\r\n datasets = this.options;\r\n } else {\r\n datasets = [this.options];\r\n }\r\n this.datasets = GtmComponent.prepareDataSets(datasets);\r\n }\r\n\r\n static getNamespace() {\r\n return 'gtm';\r\n }\r\n\r\n static prepareDataSets(datasets) {\r\n return datasets.map((trackingData) => {\r\n return { ...GtmComponent.defaultOptions, ...trackingData };\r\n });\r\n }\r\n\r\n static get defaultOptions() {\r\n return {\r\n trackingType: trackingTypes.EVENT,\r\n trigger: triggers.CLICK\r\n };\r\n }\r\n\r\n onInit() {\r\n this.datasets.forEach((trackingData) => {\r\n switch (trackingData.trigger) {\r\n case triggers.CLICK:\r\n this.addListener(this.element, 'click', () => this.onClick(trackingData));\r\n break;\r\n case triggers.APPEARANCE:\r\n this.sendTrackingAccordingType(trackingData);\r\n break;\r\n default:\r\n console.error(`Can not handle the the tracking trigger ${trackingData.trigger}`);\r\n }\r\n });\r\n }\r\n\r\n onClick = (trackingData) => {\r\n this.sendTrackingAccordingType(trackingData);\r\n };\r\n\r\n sendTrackingAccordingType(trackingData) {\r\n switch (trackingData.trackingType) {\r\n case trackingTypes.EVENT:\r\n gtmService.pushEvent(...trackingData.tracking);\r\n break;\r\n case trackingTypes.ANY:\r\n gtmService.pushData(trackingData.tracking);\r\n break;\r\n case trackingTypes.ECOMMERCE_IMPRESSION:\r\n EcommerceTracking.trackImpression(trackingData.tracking);\r\n break;\r\n default:\r\n console.error(`Can not handle the the tracking type ${trackingData.trackingType}`);\r\n }\r\n }\r\n}\r\n\r\nexport default GtmComponent;\r\n","import { dcFactory } from 'dc';\r\nimport GtmComponent from './js/gtm.component.js';\r\n\r\ndcFactory.register(GtmComponent);\r\n","import { BaseComponent } from 'project/general';\r\n\r\nclass PromotionalSliderComponent extends BaseComponent {\r\n\r\n static getNamespace() {\r\n return 'promotional-slider';\r\n }\r\n\r\n onInit() {\r\n var owlPromoCarousel = $(this.element);\r\n owlPromoCarousel.owlCarousel({\r\n margin: 10,\r\n nav: false,\r\n dots: false,\r\n autoHeight: true,\r\n smartSpeed: 1000,\r\n items: 1,\r\n loop: false,\r\n touchDrag: false,\r\n mouseDrag: false,\r\n lazyLoad: true,\r\n onInitialized: function (event) {\r\n $(owlPromoCarousel).find('.owl-item').attr('aria-selected', 'false');\r\n $(owlPromoCarousel).find('.owl-item.active').attr('aria-selected', 'true'); // let screen readers know an item is active\r\n\r\n // apply meta info to next and previous buttons and make them focusable\r\n $(owlPromoCarousel).parent().find('.owl-buttons__button--owl-next').attr('role', 'button').attr('title', 'Previous');\r\n $(owlPromoCarousel).parent().find('.owl-buttons__button--owl-next').attr('title', 'Next');\r\n $(owlPromoCarousel).attr('tabindex', '0');\r\n $('.owl-buttons__button--owl-next, .owl-buttons__button--owl-prev').attr('tabindex', '0');\r\n\r\n // listen for keyboard input\r\n $(document).on('keydown', function (e) {\r\n\r\n var $focusedElement = $(document.activeElement),\r\n singleOwl = $(owlPromoCarousel).data('owlCarousel'),\r\n type = e.which == 39 ? 'next' : null,\r\n type = e.which == 37 ? 'prev' : type,\r\n type = e.which == 13 ? 'enter' : type;\r\n\r\n\r\n // if the carousel is focused, use left and right arrow keys to navigate\r\n if ($focusedElement.attr('id') === \"promo-slider\") {\r\n if (type == 'next') {\r\n owlPromoCarousel.trigger('next.owl.carousel');\r\n } else if (type == 'prev') {\r\n owlPromoCarousel.trigger('prev.owl.carousel');\r\n }\r\n\r\n // if the prev and next buttons are focused, catch \"Enter\" and navigate in the right direction\r\n } else if (type == 'enter') {\r\n if ($focusedElement.hasClass('owl-buttons__button--owl-next')) {\r\n owlPromoCarousel.trigger('next.owl.carousel');\r\n } else if ($focusedElement.hasClass('owl-buttons__button--owl-prev')) {\r\n owlPromoCarousel.trigger('prev.owl.carousel');\r\n }\r\n }\r\n });\r\n }\r\n });\r\n\r\n // Button actions for next & Prev\r\n $('#promo-next').click(function () {\r\n owlPromoCarousel.trigger('next.owl.carousel');\r\n });\r\n $('#promo-prev').click(function () {\r\n owlPromoCarousel.trigger('prev.owl.carousel');\r\n });\r\n }\r\n\r\n}\r\n\r\nexport default PromotionalSliderComponent;\r\n","import { BaseComponent } from 'project/general';\r\n\r\nclass ScrollDownComponent extends BaseComponent {\r\n\r\n static getNamespace() {\r\n return 'scroll-down';\r\n }\r\n\r\n onInit() {\r\n this.element.addEventListener('click', this.onClick);\r\n }\r\n\r\n onClick = () => {\r\n const nextSection = document.querySelectorAll('.generic-section')[1];\r\n nextSection.scrollIntoView();\r\n };\r\n\r\n\r\n}\r\n\r\nexport default ScrollDownComponent;\r\n","import './scss/index.scss';\r\nimport 'owl.carousel';\r\nimport { dcFactory } from 'dc';\r\nimport PromotionalSliderComponent from './js/promotional-slider.component';\r\nimport ScrollDownComponent from './js/scroll-down.component';\r\n\r\ndcFactory.register(PromotionalSliderComponent);\r\ndcFactory.register(ScrollDownComponent);\r\n\r\n","$(document).ready(function () {\r\n // Setup the a11y nav\r\n $(\".navigation\").setup_navigation();\r\n});\r\n\r\n$.fn.setup_navigation = function (settings) {\r\n settings = jQuery.extend(\r\n {\r\n menuHoverClass: \"navigation__list--show-menu\"\r\n },\r\n settings\r\n );\r\n\r\n var top_level_links = $(this).find(\".navigation__link\");\r\n // Set tabIndex to -1 so that top_level_links can't receive focus until menu is open\r\n $(top_level_links)\r\n .next(\"ul\")\r\n .attr(\"data-test\", \"true\")\r\n .attr({ \"aria-hidden\": \"true\" })\r\n .find(\"a\")\r\n .attr(\"tabIndex\", -1);\r\n\r\n // Adding aria-haspopup for appropriate items\r\n $(top_level_links).each(function () {\r\n if ($(this).next(\"ul\").length > 0)\r\n $(this)\r\n .parent(\"li\")\r\n .attr(\"aria-haspopup\", \"true\");\r\n });\r\n\r\n $(top_level_links).hover(function () {\r\n $(this)\r\n .closest(\"ul\")\r\n .attr(\"aria-hidden\", \"false\")\r\n .find(\".\" + settings.menuHoverClass)\r\n .attr(\"aria-hidden\", \"true\")\r\n .removeClass(settings.menuHoverClass)\r\n .find(\"a\")\r\n .attr(\"tabIndex\", -1);\r\n $(this)\r\n .next(\"ul\")\r\n .attr(\"aria-hidden\", \"false\")\r\n .addClass(settings.menuHoverClass)\r\n .find(\"a\")\r\n .attr(\"tabIndex\", 0);\r\n }, function () {\r\n $(\".\" + settings.menuHoverClass)\r\n .attr(\"aria-hidden\", \"true\")\r\n .removeClass(settings.menuHoverClass)\r\n .find(\"a\")\r\n .attr(\"tabIndex\", -1);\r\n });\r\n\r\n $(top_level_links).focus(function () {\r\n $(this)\r\n .closest(\"ul\")\r\n .find(\".\" + settings.menuHoverClass)\r\n .attr(\"aria-hidden\", \"true\")\r\n .removeClass(settings.menuHoverClass)\r\n .find(\"a\")\r\n .attr(\"tabIndex\", -1);\r\n\r\n $(this)\r\n .next(\"ul\")\r\n .attr(\"aria-hidden\", \"false\")\r\n .addClass(settings.menuHoverClass)\r\n .find(\"a\")\r\n .attr(\"tabIndex\", 0);\r\n });\r\n\r\n $(top_level_links).hover(function () {\r\n $(this)\r\n .closest(\"ul\")\r\n .attr(\"aria-hidden\", \"false\")\r\n .find(\".\" + settings.menuHoverClass)\r\n .attr(\"aria-hidden\", \"true\")\r\n .removeClass(settings.menuHoverClass)\r\n .find(\"a\")\r\n .attr(\"tabIndex\", -1);\r\n $(this)\r\n .next(\"ul\")\r\n .attr(\"aria-hidden\", \"false\")\r\n .addClass(settings.menuHoverClass)\r\n .find(\"a\")\r\n .attr(\"tabIndex\", 0);\r\n }, function () {\r\n $(\".\" + settings.menuHoverClass)\r\n .attr(\"aria-hidden\", \"true\")\r\n .removeClass(settings.menuHoverClass)\r\n .find(\"a\")\r\n .attr(\"tabIndex\", -1);\r\n });\r\n\r\n // Hide menu if click or focus occurs outside of navigation\r\n $(this)\r\n .find(\"a\")\r\n .last()\r\n .keydown(function (e) {\r\n if (e.keyCode == 9) {\r\n // If the user tabs out of the navigation hide all menus\r\n $(\".\" + settings.menuHoverClass)\r\n .attr(\"aria-hidden\", \"true\")\r\n .removeClass(settings.menuHoverClass)\r\n .find(\"a\")\r\n .attr(\"tabIndex\", -1);\r\n }\r\n });\r\n\r\n $(document).keyup(function (e) {\r\n if (e.keyCode == 27) { // escape key maps to keycode `27`\r\n $(\".\" + settings.menuHoverClass)\r\n .attr(\"aria-hidden\", \"true\")\r\n .removeClass(settings.menuHoverClass)\r\n .find(\"a\")\r\n .attr(\"tabIndex\", -1);\r\n }\r\n });\r\n $(document).click(function () {\r\n $(\".\" + settings.menuHoverClass)\r\n .attr(\"aria-hidden\", \"true\")\r\n .removeClass(settings.menuHoverClass)\r\n .find(\"a\")\r\n .attr(\"tabIndex\", -1);\r\n });\r\n\r\n $(this).click(function (e) {\r\n e.stopPropagation();\r\n });\r\n};\r\n","function MobileNav() {\r\n this.curItem,\r\n this.curLevel = 0,\r\n this.transitionEnd = _getTransitionEndEventName();\r\n\r\n // Set the navigation element\r\n var defaults = {\r\n initElem: \".navigation\",\r\n menuTitle: \"Menu\",\r\n }\r\n\r\n MobileNav.prototype.getCurrentItem = function () {\r\n return this.curItem;\r\n };\r\n\r\n MobileNav.prototype.setMenuTitle = function (title) {\r\n defaults.menuTitle = title;\r\n _updateMenuTitle(this);\r\n return title;\r\n };\r\n\r\n\r\n // Init is an anonymous IIFE\r\n (function (MobileNav) {\r\n var initElem = ($(defaults.initElem).length) ? $(defaults.initElem) : false;\r\n\r\n if (initElem) {\r\n defaults.initElem = initElem;\r\n _clickHandlers(MobileNav);\r\n _updateMenuTitle(MobileNav);\r\n } else {\r\n console.log(defaults.initElem + \" element doesn't exist, menu not initialized.\");\r\n }\r\n }(this));\r\n\r\n function _getTransitionEndEventName() {\r\n var i,\r\n undefined,\r\n el = document.createElement('div'),\r\n transitions = {\r\n 'transition': 'transitionend',\r\n 'OTransition': 'otransitionend', // oTransitionEnd in very old Opera\r\n 'MozTransition': 'transitionend',\r\n 'WebkitTransition': 'webkitTransitionEnd'\r\n };\r\n\r\n for (i in transitions) {\r\n if (transitions.hasOwnProperty(i) && el.style[i] !== undefined) {\r\n return transitions[i];\r\n }\r\n }\r\n };\r\n\r\n function _clickHandlers(menu) {\r\n if ($(window).width() < 1125) {\r\n defaults.initElem.on('click', '.navigation__item--has-dropdown > a', function (e) {\r\n e.preventDefault();\r\n menu.curItem = $(this).parent();\r\n _updateActiveMenu(menu);\r\n\r\n var subMenu = $(this).parent().find('.navigation__list--main').find('.navigation__list--second');\r\n var firstLevel = $(this).parent().find('.navigation__item--first-level');\r\n var subMenuHeight = $(subMenu).height();\r\n $(firstLevel).css(\"height\", subMenuHeight);\r\n });\r\n\r\n defaults.initElem.on('click', '.nav-toggle', function () {\r\n _updateActiveMenu(menu, 'back');\r\n });\r\n }\r\n };\r\n\r\n\r\n function _updateActiveMenu(menu, direction) {\r\n _slideMenu(menu, direction);\r\n if (direction === \"back\") {\r\n menu.curItem.removeClass('nav-dropdown-open nav-dropdown-active');\r\n menu.curItem = menu.curItem.parent().closest('.navigation__item--main');\r\n menu.curItem.addClass('nav-dropdown-open nav-dropdown-active');\r\n _updateMenuTitle(menu);\r\n } else {\r\n menu.curItem.addClass('nav-dropdown-open nav-dropdown-active');\r\n _updateMenuTitle(menu);\r\n }\r\n };\r\n\r\n // Update main menu title to be the text of the clicked menu item\r\n function _updateMenuTitle(menu) {\r\n var title = defaults.menuTitle;\r\n if (menu.curLevel > 0) {\r\n title = menu.curItem.children('a').text();\r\n defaults.initElem.find('.nav-toggle').addClass('back-visible');\r\n defaults.initElem.addClass('navigation--upper-level');\r\n } else {\r\n defaults.initElem.find('.nav-toggle').removeClass('back-visible');\r\n defaults.initElem.removeClass('navigation--upper-level');\r\n $('.nav-toggle').css({\r\n \"transform\": \"translateX(0%)\"\r\n });\r\n }\r\n $('.nav-title').text(title);\r\n };\r\n\r\n // Slide the main menu based on current menu depth\r\n function _slideMenu(menu, direction) {\r\n if ($(window).width() < 1125) {\r\n if (direction === \"back\") {\r\n menu.curLevel = (menu.curLevel > 0) ? menu.curLevel - 1 : 0;\r\n menu.backLevel = (menu.backLevel > 0) ? menu.backLevel - 2 : 0;\r\n } else {\r\n menu.curLevel += 1;\r\n menu.backLevel = 1;\r\n }\r\n defaults.initElem.children('ul').css({\r\n \"transform\": \"translateX(-\" + (menu.curLevel * 100) + \"%)\"\r\n });\r\n $('.utility-block').css({\r\n \"transform\": \"translateX(-\" + (menu.curLevel * 100) + \"%)\"\r\n });\r\n $('.inner-right__search-box').css({\r\n \"transform\": \"translateX(-\" + (menu.curLevel * 100) + \"%)\"\r\n });\r\n $('.nav-toggle').css({\r\n \"transform\": \"translateX(-\" + (menu.backLevel * 100) + \"%)\"\r\n });\r\n }\r\n };\r\n}\r\n\r\n\r\n\r\n$(window).on(\"load resize\", function (e) {\r\n var bodyWidth = $('body').outerWidth();\r\n\r\n if (bodyWidth < 1125) {\r\n var MobileMenu = new MobileNav({\r\n initElem: \".navigation\",\r\n });\r\n\r\n $('.js-nav-toggle').on('click', function (e) {\r\n e.preventDefault();\r\n $('.nav-wrapper').toggleClass('show-menu');\r\n $('.page-header').toggleClass('menu-active');\r\n document.body.style.position = 'fixed';\r\n document.body.style.top = `-${window.scrollY}px`;\r\n });\r\n\r\n $('.js-close-menu').on('click', function (e) {\r\n e.preventDefault();\r\n $('.page-header').removeClass('menu-active');\r\n $('.nav-wrapper').removeClass('show-menu'); \r\n document.body.style.position = '';\r\n document.body.style.top = '';\r\n });\r\n }\r\n\r\n else {\r\n e.preventDefault();\r\n $('.page-header').removeClass('menu-active');\r\n $('.nav-wrapper').removeClass('show-menu');\r\n }\r\n\r\n});\r\n","import { BaseComponent } from 'project/general';\r\n\r\nclass SearchBarComponent extends BaseComponent {\r\n\r\n static getNamespace() {\r\n return 'search-bar';\r\n }\r\n\r\n onInit() {\r\n this.refs.button.addEventListener('focus', this.onFocus);\r\n this.refs.button.addEventListener('blur', this.onBlur);\r\n }\r\n\r\n onFocus = () => {\r\n this.refs.bar.classList.add(\"focus\")\r\n };\r\n\r\n onBlur = () => {\r\n this.refs.bar.classList.remove(\"focus\")\r\n };\r\n\r\n}\r\n\r\nexport default SearchBarComponent;\r\n","import './scss/index.scss';\r\nimport { dcFactory } from 'dc';\r\nimport SearchBarComponent from './js/search-bar.component';\r\n\r\ndcFactory.register(SearchBarComponent);\r\n","import { BaseComponent } from 'project/general';\r\n\r\nclass FooterNavComponent extends BaseComponent {\r\n\r\n constructor(...args) {\r\n super(...args);\r\n\r\n this.onClick = this.onClick.bind(this);\r\n }\r\n\r\n static getNamespace() {\r\n return 'footer';\r\n }\r\n\r\n onInit() {\r\n this.refs.button.addEventListener('click', this.onClick);\r\n this.refs.button.addEventListener('keyup', this.keyDown);\r\n }\r\n\r\n onClick = () => {\r\n this.refs.list.classList.toggle('active');\r\n };\r\n\r\n keyDown = () => {\r\n if (event.keyCode === 13 || event.keyCode === 32) {\r\n if (this.refs.list.classList.contains('active')) {\r\n this.refs.list.classList.remove('active');\r\n } else {\r\n this.refs.list.classList.add('active');\r\n }\r\n }\r\n };\r\n}\r\n\r\nexport default FooterNavComponent;\r\n","import './scss/index.scss';\r\nimport { dcFactory } from 'dc';\r\nimport FooterNavComponent from './js/toggle-navigation';\r\n\r\ndcFactory.register(FooterNavComponent);\r\n","/**\r\n * Owl Carousel v2.3.4\r\n * Copyright 2013-2018 David Deutsch\r\n * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE\r\n */\r\n!function(a,b,c,d){function e(b,c){this.settings=null,this.options=a.extend({},e.Defaults,c),this.$element=a(b),this._handlers={},this._plugins={},this._supress={},this._current=null,this._speed=null,this._coordinates=[],this._breakpoint=null,this._width=null,this._items=[],this._clones=[],this._mergers=[],this._widths=[],this._invalidated={},this._pipe=[],this._drag={time:null,target:null,pointer:null,stage:{start:null,current:null},direction:null},this._states={current:{},tags:{initializing:[\"busy\"],animating:[\"busy\"],dragging:[\"interacting\"]}},a.each([\"onResize\",\"onThrottledResize\"],a.proxy(function(b,c){this._handlers[c]=a.proxy(this[c],this)},this)),a.each(e.Plugins,a.proxy(function(a,b){this._plugins[a.charAt(0).toLowerCase()+a.slice(1)]=new b(this)},this)),a.each(e.Workers,a.proxy(function(b,c){this._pipe.push({filter:c.filter,run:a.proxy(c.run,this)})},this)),this.setup(),this.initialize()}e.Defaults={items:3,loop:!1,center:!1,rewind:!1,checkVisibility:!0,mouseDrag:!0,touchDrag:!0,pullDrag:!0,freeDrag:!1,margin:0,stagePadding:0,merge:!1,mergeFit:!0,autoWidth:!1,startPosition:0,rtl:!1,smartSpeed:250,fluidSpeed:!1,dragEndSpeed:!1,responsive:{},responsiveRefreshRate:200,responsiveBaseElement:b,fallbackEasing:\"swing\",slideTransition:\"\",info:!1,nestedItemSelector:!1,itemElement:\"div\",stageElement:\"div\",refreshClass:\"owl-refresh\",loadedClass:\"owl-loaded\",loadingClass:\"owl-loading\",rtlClass:\"owl-rtl\",responsiveClass:\"owl-responsive\",dragClass:\"owl-drag\",itemClass:\"owl-item\",stageClass:\"owl-stage\",stageOuterClass:\"owl-stage-outer\",grabClass:\"owl-grab\"},e.Width={Default:\"default\",Inner:\"inner\",Outer:\"outer\"},e.Type={Event:\"event\",State:\"state\"},e.Plugins={},e.Workers=[{filter:[\"width\",\"settings\"],run:function(){this._width=this.$element.width()}},{filter:[\"width\",\"items\",\"settings\"],run:function(a){a.current=this._items&&this._items[this.relative(this._current)]}},{filter:[\"items\",\"settings\"],run:function(){this.$stage.children(\".cloned\").remove()}},{filter:[\"width\",\"items\",\"settings\"],run:function(a){var b=this.settings.margin||\"\",c=!this.settings.autoWidth,d=this.settings.rtl,e={width:\"auto\",\"margin-left\":d?b:\"\",\"margin-right\":d?\"\":b};!c&&this.$stage.children().css(e),a.css=e}},{filter:[\"width\",\"items\",\"settings\"],run:function(a){var b=(this.width()/this.settings.items).toFixed(3)-this.settings.margin,c=null,d=this._items.length,e=!this.settings.autoWidth,f=[];for(a.items={merge:!1,width:b};d--;)c=this._mergers[d],c=this.settings.mergeFit&&Math.min(c,this.settings.items)||c,a.items.merge=c>1||a.items.merge,f[d]=e?b*c:this._items[d].width();this._widths=f}},{filter:[\"items\",\"settings\"],run:function(){var b=[],c=this._items,d=this.settings,e=Math.max(2*d.items,4),f=2*Math.ceil(c.length/2),g=d.loop&&c.length?d.rewind?e:Math.max(e,f):0,h=\"\",i=\"\";for(g/=2;g>0;)b.push(this.normalize(b.length/2,!0)),h+=c[b[b.length-1]][0].outerHTML,b.push(this.normalize(c.length-1-(b.length-1)/2,!0)),i=c[b[b.length-1]][0].outerHTML+i,g-=1;this._clones=b,a(h).addClass(\"cloned\").appendTo(this.$stage),a(i).addClass(\"cloned\").prependTo(this.$stage)}},{filter:[\"width\",\"items\",\"settings\"],run:function(){for(var a=this.settings.rtl?1:-1,b=this._clones.length+this._items.length,c=-1,d=0,e=0,f=[];++c×\r\n\r\n \r\n\r\n \r\n\r\n {\r\n (Array.isArray(platformsWithUrls) && platformsWithUrls.length > 0) &&\r\n \r\n \r\n }\r\n\r\n
\r\n \r\n {\r\n platformsWithUrls?.map((platformDefinition) => {\r\n var platformUrl = platformDefinition.url;\r\n platformUrl = platformUrl.replaceAll(\"{shareUrl}\", shareUrl);\r\n platformUrl = platformUrl.replaceAll(\"{shareUrlEncoded}\", shareUrlEncoded);\r\n platformUrl = platformUrl.replaceAll(\"{shareDescriptionText}\", shareDescriptionText);\r\n platformUrl = platformUrl.replaceAll(\"{shareDescriptionTextEncoded}\", shareDescriptionTextEncoded);\r\n var label = \"Share on \" + platformDefinition.name;\r\n return (\r\n \r\n 
\r\n \r\n )\r\n })\r\n }\r\n
\r\n }\r\n\r\n {\r\n (Array.isArray(platformsWithNoUrl) && platformsWithNoUrl.length > 0) &&\r\n Sharing on {this.getPlatformNames(platformsWithNoUrl)}?
\r\nCopy the link below and then share directly on the social platform
\r\n\r\n {\r\n platformsWithNoUrl?.map((platformDefinition) => {\r\n var label = \"Share on \" + platformDefinition.name;\r\n return (\r\n \r\n \r\n \r\n )\r\n })\r\n }\r\n
\r\n \r\n \r\n \r\n
\r\n '+a(b.content).find(\"[data-dot]\").addBack(\"[data-dot]\").attr(\"data-dot\")+\"
\")},this),\"added.owl.carousel\":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,0,this._templates.pop())},this),\"remove.owl.carousel\":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,1)},this),\"changed.owl.carousel\":a.proxy(function(a){a.namespace&&\"position\"==a.property.name&&this.draw()},this),\"initialized.owl.carousel\":a.proxy(function(a){a.namespace&&!this._initialized&&(this._core.trigger(\"initialize\",null,\"navigation\"),this.initialize(),this.update(),this.draw(),this._initialized=!0,this._core.trigger(\"initialized\",null,\"navigation\"))},this),\"refreshed.owl.carousel\":a.proxy(function(a){a.namespace&&this._initialized&&(this._core.trigger(\"refresh\",null,\"navigation\"),this.update(),this.draw(),this._core.trigger(\"refreshed\",null,\"navigation\"))},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this.$element.on(this._handlers)};e.Defaults={nav:!1,navText:['‹','›'],navSpeed:!1,navElement:'button type=\"button\" role=\"presentation\"',navContainer:!1,navContainerClass:\"owl-nav\",navClass:[\"owl-prev\",\"owl-next\"],slideBy:1,dotClass:\"owl-dot\",dotsClass:\"owl-dots\",dots:!0,dotsEach:!1,dotsData:!1,dotsSpeed:!1,dotsContainer:!1},e.prototype.initialize=function(){var b,c=this._core.settings;this._controls.$relative=(c.navContainer?a(c.navContainer):a(\"\").addClass(c.navContainerClass).appendTo(this.$element)).addClass(\"disabled\"),this._controls.$previous=a(\"<\"+c.navElement+\">\").addClass(c.navClass[0]).html(c.navText[0]).prependTo(this._controls.$relative).on(\"click\",a.proxy(function(a){this.prev(c.navSpeed)},this)),this._controls.$next=a(\"<\"+c.navElement+\">\").addClass(c.navClass[1]).html(c.navText[1]).appendTo(this._controls.$relative).on(\"click\",a.proxy(function(a){this.next(c.navSpeed)},this)),c.dotsData||(this._templates=[a('\r\n \r\n \r\n {content}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nAccountAccordion.defaultProps = {\r\n childCss: '',\r\n isExpanded: false,\r\n isShowIcon: true,\r\n};\r\n\r\nAccountAccordion.propTypes = {\r\n id: PropTypes.string,\r\n ariaLabelledby: PropTypes.string,\r\n isExpanded: PropTypes.bool,\r\n isShowIcon: PropTypes.bool,\r\n};\r\n","import React from 'react';\r\nimport { ArrayHelper } from 'foundation/helpers';\r\nimport { AccountAccordion } from 'shared/account-accordion';\r\nimport { ParticipantCard } from 'shared/participant-card';\r\n\r\nexport class AccountEventsList extends React.Component {\r\n renderParticipantsList(participants) {\r\n if (ArrayHelper.isEmpty(participants)) return null;\r\n\r\n return (\r\n ' + (i + 1) + ' ');\r\n if (i > pageSize) {\r\n $(\"#paging li\").eq(i).hide();\r\n }\r\n }\r\n\r\n var prev = $(\"\").addClass(\"prev\").html(\"Prev\").click(function () {\r\n startPage -= 5;\r\n incremSlide -= 5;\r\n numberPage--;\r\n slide();\r\n });\r\n\r\n prev.hide();\r\n\r\n var next = $(\"\").addClass(\"next\").html(\"Next\").click(function () {\r\n startPage += 5;\r\n incremSlide += 5;\r\n numberPage++;\r\n slide();\r\n });\r\n\r\n $(\"#paging\").prepend(prev).append(next);\r\n\r\n $(\"#paging li\").first().find(\"a\").addClass(\"current\");\r\n\r\n var slide = function (sens) {\r\n $(\"#paging li\").hide();\r\n\r\n for (var t = startPage; t < incremSlide; t++) {\r\n $(\"#paging li\").eq(t + 1).show();\r\n }\r\n if (startPage == 0) {\r\n next.show();\r\n prev.hide();\r\n } else if (numberPage == totalSlidepPage) {\r\n next.hide();\r\n prev.show();\r\n } else {\r\n next.show();\r\n prev.show();\r\n }\r\n }\r\n\r\n var showPage = function (page) {\r\n $(\".service-card\").hide();\r\n $(\".service-card\").each(function (n) {\r\n if (n >= pageSize * (page - 1) && n < pageSize * page)\r\n $(this).show();\r\n });\r\n }\r\n\r\n showPage(1);\r\n $(\"#paging li a\").eq(0).addClass(\"current\");\r\n\r\n $(\"#paging li a\").click(function () {\r\n $(\"#paging li a\").removeClass(\"current\");\r\n $(this).addClass(\"current\");\r\n showPage(parseInt($(this).text()));\r\n });\r\n }\r\n\r\n\r\n}\r\n\r\nexport default ProviderPaginationComponent;\r\n","import { dcFactory } from 'dc';\r\nimport AsdSelfServiceControls from './js/asd-self-service-controls.component';\r\nimport './scss/index.scss';\r\n\r\ndcFactory.register(AsdSelfServiceControls);\r\n\r\nimport ProviderPaginationComponent from './js/provider-pagination.component';\r\nimport './js/provider-disclaimer.component';\r\n\r\ndcFactory.register(ProviderPaginationComponent);\r\n","import React from 'react';\r\nimport { render } from 'preact';\r\nimport { EngagementPanel } from 'shared/engagement-panel';\r\n\r\nexport class PledgeCard extends React.Component {\r\n\r\n pledge = this.props.pledge;\r\n engagementFunctions = this.props.engagementFunctions;\r\n\r\n render(){\r\n\r\n var pledge = this.props.pledge;\r\n\r\n var imageUrl = \"\";\r\n var imageAlt = \"\";\r\n if (pledge.image != undefined && pledge.image.url.length > 0) {\r\n imageUrl = pledge.image.url + \";name=small\";\r\n imageAlt = \"Image for pledge ID \" + pledge.pledgeId;\r\n }\r\n\r\n return (\r\n \r\n\r\n \r\n ,\r\n this.refs.pledgePlaceholder\r\n );\r\n }\r\n\r\n onShareClick = (sender) => {\r\n render(\r\n \r\n ,\r\n this.refs.engagementModalPlaceholder\r\n );\r\n }\r\n\r\n onShareCloseClick = () => {\r\n this.refs.engagementModalPlaceholder.innerHTML = \"\";\r\n }\r\n\r\n onShared = () => {\r\n this.engagementFunctions.onShare(this.pledge.pledgeId);\r\n }\r\n\r\n onGoToPledgeWallClick = () => {\r\n if (this.options.pledgeWallPageUrl != undefined && this.options.pledgeWallPageUrl != \"\") {\r\n window.location.href = this.options.pledgeWallPageUrl;\r\n } \r\n }\r\n\r\n}\r\n","import './scss/index.scss';\r\nimport { dcFactory } from 'dc';\r\n\r\nimport { PledgeWallComponent } from './js/pledge-wall.component';\r\ndcFactory.register(PledgeWallComponent);\r\n\r\nimport { PledgePageComponent } from './js/pledge-page.component';\r\ndcFactory.register(PledgePageComponent);\r\n","import { ArrayHelper } from 'foundation/helpers';\r\nimport { cookieSettingsModal } from 'components/cookie-settings';\r\n\r\nconst COOKIE_SETTINGS_ID = 'cookie-settings';\r\n\r\nclass CookieButtonsInitiator {\r\n constructor() {\r\n this.cookieButtons = [...document.querySelectorAll(`a[href=\"#${COOKIE_SETTINGS_ID}\"]`)];\r\n\r\n this._addListener();\r\n }\r\n\r\n _addListener() {\r\n if (ArrayHelper.isEmpty(this.cookieButtons)) return;\r\n\r\n this.cookieButtons.forEach((button) => {\r\n button.addEventListener('click', this._onClickButton);\r\n });\r\n }\r\n\r\n _onClickButton = (e) => {\r\n e.preventDefault();\r\n\r\n cookieSettingsModal.open();\r\n };\r\n}\r\n\r\nexport default new CookieButtonsInitiator();\r\n","\r\n/* general styles */\r\nimport './general/scss/index.scss';\r\n\r\n/* stuff and polyfills */\r\nimport './general/js/jquery-to-global-scope';\r\nimport './general/js/lazysizes';\r\nimport './general/js/what-input';\r\n/*import './general/js/hamburger-menu';\r\nimport './general/js/top-nav';\r\nimport './general/js/calm-toggle';\r\nimport './general/js/main-navigation';*/\r\n\r\n/* shared */\r\nimport 'shared/quantity';\r\nimport 'shared/member-discount';\r\nimport 'shared/product-card';\r\nimport 'shared/modal';\r\nimport 'shared/order-summary';\r\nimport 'shared/form-steps';\r\nimport 'shared/mini-basket';\r\nimport 'shared/server-errors';\r\nimport 'shared/loqate';\r\nimport 'shared/spinner';\r\nimport 'shared/notifications';\r\nimport 'shared/participant-card';\r\nimport 'shared/copy-to-clipboard';\r\nimport 'shared/ie11-notification';\r\nimport 'shared/google-tag-manager';\r\nimport 'shared/nas-form';\r\nimport 'shared/engagement-panel';\r\n\r\n/* components */\r\nimport 'components/gtm';\r\nimport 'components/lazysizes';\r\nimport 'components/hero-banner';\r\nimport 'components/primary-navigation';\r\nimport 'components/global-header';\r\nimport 'components/global-footer';\r\nimport 'components/owl-carousel';\r\nimport 'components/accordion';\r\nimport 'components/testimonials';\r\nimport 'components/promotional-panel';\r\nimport 'components/rich-text-editor';\r\nimport 'components/generic-section';\r\nimport 'components/forms/azure-sso';\r\nimport 'components/forms/form-widget';\r\nimport 'components/forms/form-field';\r\nimport 'components/text-image-carousel';\r\nimport 'components/signposts';\r\nimport 'components/map-widget';\r\nimport 'components/related-advice';\r\nimport './components/tiled-page-list';\r\nimport 'components/content-block';\r\nimport 'components/blockquotes';\r\nimport 'components/related-news';\r\nimport 'components/video';\r\nimport 'components/help-tip';\r\nimport 'components/tabs';\r\nimport './components/related-stories';\r\nimport './components/breadcrumbs';\r\nimport './components/image-gallery';\r\nimport './components/pull-out-text';\r\nimport './components/contact-info-map';\r\nimport './components/audience-selector';\r\nimport './components/community-signpost';\r\nimport './components/filters';\r\nimport './components/search-results';\r\nimport './components/utility-navigation';\r\nimport './components/configurable-autism-map';\r\nimport './components/service-directory';\r\nimport './components/explainers';\r\nimport './components/benefits-list';\r\nimport './components/region-selector';\r\nimport './components/press-media';\r\nimport './components/step-process';\r\nimport './components/featured-news';\r\nimport './components/image';\r\nimport './components/related-content';\r\nimport './components/text-truncation';\r\nimport './components/twitter-feed';\r\nimport './components/facebook-feed';\r\nimport './components/social-settings';\r\nimport './components/search-widget';\r\nimport './components/fundraiser-totaliser';\r\nimport './components/recite-me-toolbar';\r\nimport './components/instagram-feed';\r\nimport './components/chat-bot';\r\nimport './components/service-directory-search-results-page';\r\n\r\nimport './components/product-page';\r\nimport './components/read-more';\r\nimport './components/event-page';\r\nimport './components/story-page';\r\nimport 'components/added-to-basket-modal';\r\nimport './components/guidance-page';\r\nimport './components/news-page';\r\nimport './components/file-page';\r\nimport 'components/featured-products';\r\nimport 'components/membership-form';\r\nimport 'components/signin-modal';\r\nimport 'components/account';\r\nimport 'components/account-details-form';\r\nimport 'components/account-preferences-form';\r\nimport 'components/account-orders';\r\nimport 'components/account-events';\r\nimport 'components/account-selector';\r\nimport 'components/sign-up';\r\nimport 'components/dimmer-switch';\r\nimport 'components/utility-navigation';\r\nimport 'components/notification-bell';\r\nimport 'components/profile-dropdown';\r\nimport 'components/cookie-bar';\r\nimport 'components/cookie-settings';\r\nimport 'components/participant-registration';\r\nimport 'components/service-editor';\r\nimport 'components/service-page';\r\nimport 'components/pledge-wall';\r\n\r\n\r\n/* general */\r\nimport 'general/js/cookie-buttons-initiator';\r\n\r\n/* init app */\r\nimport app from './general/js/app';\r\n\r\napp.init();\r\n\r\n/* require svg */\r\nconst files = require.context('./general/svg', true, /^\\.\\/.*\\.svg/);\r\nfiles.keys().forEach(files);\r\n\r\n// do not focus sprite in IE\r\nconst spriteNode = document.getElementById('__SVG_SPRITE_NODE__');\r\n\r\nif (spriteNode) {\r\n spriteNode.setAttribute('focusable', 'false');\r\n spriteNode.setAttribute('aria-hidden', 'true');\r\n}\r\n","var analyticsCookie = localStorage.getItem(\"analytics_cookies\");\r\nvar googleTagManagerNoscript = document.querySelector(\"#google-tag-manager-noscript\");\r\n\r\nif (analyticsCookie == \"false\") {\r\n googleTagManagerNoscript.remove();\r\n}\r\n","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-600k\",\n \"use\": \"icon-600k-usage\",\n \"viewBox\": \"0 0 450 300\",\n \"content\": \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-Diagnosticians\",\n \"use\": \"icon-Diagnosticians-usage\",\n \"viewBox\": \"0 0 122.21 107.25\",\n \"content\": \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-Going-out\",\n \"use\": \"icon-Going-out-usage\",\n \"viewBox\": \"0 0 101.91 93.17\",\n \"content\": \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-Information\",\n \"use\": \"icon-Information-usage\",\n \"viewBox\": \"0 0 116.01 113.38\",\n \"content\": \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-Legal-help\",\n \"use\": \"icon-Legal-help-usage\",\n \"viewBox\": \"0 0 120.31 123.53\",\n \"content\": \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-LocationPin\",\n \"use\": \"icon-LocationPin-usage\",\n \"viewBox\": \"0 0 81.55 109.23\",\n \"content\": \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-NAS_Big_Circle\",\n \"use\": \"icon-NAS_Big_Circle-usage\",\n \"viewBox\": \"0 0 1959.96 1756.09\",\n \"content\": \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-NAS_Map_Pin\",\n \"use\": \"icon-NAS_Map_Pin-usage\",\n \"viewBox\": \"0 0 1009.5 1329.3\",\n \"content\": \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-Schools-and-education-providers\",\n \"use\": \"icon-Schools-and-education-providers-usage\",\n \"viewBox\": \"0 0 134.48 136.94\",\n \"content\": \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-Social-care-and-residential-services\",\n \"use\": \"icon-Social-care-and-residential-services-usage\",\n \"viewBox\": \"0 0 114.22 110.55\",\n \"content\": \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-Specialist-equipment\",\n \"use\": \"icon-Specialist-equipment-usage\",\n \"viewBox\": \"0 0 109.41 131.32\",\n \"content\": \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-Support-groups\",\n \"use\": \"icon-Support-groups-usage\",\n \"viewBox\": \"0 0 123.02 127.02\",\n \"content\": \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-arrow-down\",\n \"use\": \"icon-arrow-down-usage\",\n \"viewBox\": \"0 0 320 384\",\n \"content\": \"arrow-down \\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-arrow-right\",\n \"use\": \"icon-arrow-right-usage\",\n \"viewBox\": \"0 0 16 12\",\n \"content\": \"\\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-bell\",\n \"use\": \"icon-bell-usage\",\n \"viewBox\": \"0 0 16 20\",\n \"content\": \"\\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-chain\",\n \"use\": \"icon-chain-usage\",\n \"viewBox\": \"5.5 296.474 400 400\",\n \"content\": \"\\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-check-circle\",\n \"use\": \"icon-check-circle-usage\",\n \"viewBox\": \"0.911 -1.009 30 30\",\n \"content\": \"\\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-check\",\n \"use\": \"icon-check-usage\",\n \"viewBox\": \"-12.056 3.76 14.501 11.24\",\n \"content\": \"\\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-chevron-down\",\n \"use\": \"icon-chevron-down-usage\",\n \"viewBox\": \"0 0 18.7 10.3\",\n \"content\": \"\\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-chevron-left-heavy\",\n \"use\": \"icon-chevron-left-heavy-usage\",\n \"viewBox\": \"0 0 7 12\",\n \"content\": \"\\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-chevron-left\",\n \"use\": \"icon-chevron-left-usage\",\n \"viewBox\": \"0 0 10.3 18.7\",\n \"content\": \"\\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-chevron-right-heavy\",\n \"use\": \"icon-chevron-right-heavy-usage\",\n \"viewBox\": \"0 0 7 12\",\n \"content\": \"\\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-chevron-right\",\n \"use\": \"icon-chevron-right-usage\",\n \"viewBox\": \"0 0 10.3 18.7\",\n \"content\": \"\\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-chevron-up\",\n \"use\": \"icon-chevron-up-usage\",\n \"viewBox\": \"0 0 18.7 10.3\",\n \"content\": \"\\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-chevron\",\n \"use\": \"icon-chevron-usage\",\n \"viewBox\": \"0 0 11 20\",\n \"content\": \"\\r\\n\\r\\n973BE336-14AE-4216-9FF3-15764DCCA700 \\r\\n\\r\\n\\t\\r\\n\\t\\t\\r\\n\\t\\t\\t\\r\\n\\t\\t\\t\\t \\r\\n\\t\\t \\r\\n\\t \\r\\n \\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-close\",\n \"use\": \"icon-close-usage\",\n \"viewBox\": \"0 0 22.88 22.88\",\n \"content\": \"\\r\\n\\r\\n\\t \\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-cross\",\n \"use\": \"icon-cross-usage\",\n \"viewBox\": \"0 0 20 20\",\n \"content\": \"\\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-curve-bottom-hero\",\n \"use\": \"icon-curve-bottom-hero-usage\",\n \"viewBox\": \"0 0 300 15.8\",\n \"content\": \"\\r\\ncurve-bottom \\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-curve-bottom\",\n \"use\": \"icon-curve-bottom-usage\",\n \"viewBox\": \"0 0 300 31.5\",\n \"content\": \"curve-bottom curve-left dots \\r\\n\\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-download\",\n \"use\": \"icon-download-usage\",\n \"viewBox\": \"0 0 24 24\",\n \"content\": \"\\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-facebook\",\n \"use\": \"icon-facebook-usage\",\n \"viewBox\": \"0 0 256 512\",\n \"content\": \"\\r\\n Facebook \\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-filter\",\n \"use\": \"icon-filter-usage\",\n \"viewBox\": \"0 0 512 304\",\n \"content\": \"filter \\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-info\",\n \"use\": \"icon-info-usage\",\n \"viewBox\": \"0 0 490.318 490.318\",\n \"content\": \" left-dots Linkedin \\r\\n\\r\\n\\t\\r\\n\\t\\t \\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-mark\",\n \"use\": \"icon-mark-usage\",\n \"viewBox\": \"0 0 30 30\",\n \"content\": \"\\r\\n \\r\\n \\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-marker\",\n \"use\": \"icon-marker-usage\",\n \"viewBox\": \"0 0 512 512\",\n \"content\": \"\\r\\n\\r\\n\\t\\r\\n\\t\\t \\r\\n \\r\\n\\r\\n\\t\\r\\n\\t\\t \\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-padlock\",\n \"use\": \"icon-padlock-usage\",\n \"viewBox\": \"0 0 13 17\",\n \"content\": \"\\r\\n\\r\\n\\t \\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-play\",\n \"use\": \"icon-play-usage\",\n \"viewBox\": \"0 0 35 35\",\n \"content\": \"play \\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-search\",\n \"use\": \"icon-search-usage\",\n \"viewBox\": \"0 0 511.999 511.999\",\n \"content\": \"\\r\\n\\r\\n\\t\\r\\n\\t\\t \\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n \"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n \"id\": \"icon-twitter\",\n \"use\": \"icon-twitter-usage\",\n \"viewBox\": \"0 0 512 416\",\n \"content\": \"twitter
- \r\n {\r\n participants\r\n .map((participant, index) => {\r\n return (\r\n
- \r\n
\r\n \r\n );\r\n })\r\n }\r\n
\r\n {\r\n options\r\n .map((option, index) => {\r\n return (\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n const { products } = this.props;\r\n\r\n if (ArrayHelper.isEmpty(products)) return null;\r\n\r\n return (\r\n \r\n {option.title}: {option.value}\r\n
\r\n );\r\n })\r\n }\r\n - \r\n {\r\n products\r\n .map((product, index) => {\r\n const model = {\r\n name: product.eventName,\r\n date: product.orderDate,\r\n order: product.orderNumber,\r\n eventVariants: product.eventVariants,\r\n title: 'some Title',\r\n accordionId: `accordion-event-${index}`,\r\n ariaLabelledby: `accordion-event-label-${index}`,\r\n isExpanded: index === 0,\r\n };\r\n return (\r\n
- \r\n
{model.name}
\r\n \r\n \r\n }\r\n content={\r\n <>\r\n\r\n\r\n \r\n }\r\n />\r\nOrder {model.order}\r\n\r\n\r\n{this.props.options.participantListTitle}
\r\n {this.props.options.participantListNotice &&\r\n\r\n {this.props.options.participantListNotice}\r\n\r\n }\r\n {model.eventVariants.map((item, i) => (\r\n\r\n {this.renderOptions(item.eventOptions)}\r\n {this.renderParticipantsList(item.participants)}\r\n\r\n ))}\r\n\r\n \r\n );\r\n })\r\n }\r\n
\r\n
\r\n {props.options.description &&\r\n My events
\r\n {props.count > 0 &&\r\n {renderCount(props.count)}\r\n }\r\n\r\n {props.options.description}\r\n
\r\n }\r\n {props.count === 0 &&\r\n{props.options.noEventMessage}
\r\n }\r\n\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n","import React from 'react';\r\nimport qs from 'qs';\r\nimport { apiNames } from 'project/general';\r\nimport { getApiUrlByName } from 'project/helpers';\r\nimport { baseApi } from 'project/api';\r\nimport { AccountEventsLayout } from './account-events-layout';\r\n\r\nconst PROFILE_EVENTS = getApiUrlByName(apiNames.PROFILE_EVENTS);\r\n\r\nexport default class AccountEventsController extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n count: 0,\r\n products: null,\r\n pagination: {\r\n current: 1,\r\n },\r\n pager: null,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.fetchOrders();\r\n }\r\n\r\n fetchOrders = () => {\r\n const queryString = qs.stringify({\r\n page: this.state.pagination.current,\r\n });\r\n\r\n const url = PROFILE_EVENTS + '?' + queryString;\r\n\r\n baseApi\r\n .get(url)\r\n .then((res) => {\r\n if (!res.data.success) return;\r\n\r\n const { data } = res.data;\r\n\r\n this.setState({\r\n count: data.count,\r\n products: data.items,\r\n pager: data.pager,\r\n });\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n });\r\n };\r\n\r\n selectPage = (pageIndex) => {\r\n this.setState({\r\n pagination: {\r\n current: pageIndex,\r\n }\r\n }, this.fetchOrders);\r\n };\r\n\r\n render() {\r\n return (\r\n ${error}
${errors.map((error) => `
`;\r\n },\r\n parsley: {\r\n errorClass: 'is-invalid',\r\n successClass: 'is-valid',\r\n errorsWrapper: '',\r\n errorTemplate: '',\r\n },\r\n enctype: ENCTYPE_JSON,\r\n axiosInstance: baseApi,\r\n\r\n });\r\n }\r\n\r\n onDestroy() {\r\n this.formInstance.destroy();\r\n }\r\n\r\n showTab(tabIndex) {\r\n const tabs = this.refs.tabs;\r\n\r\n if (tabIndex >= tabs.length || tabIndex < 0) return;\r\n\r\n tabs.forEach((tab) => tab.classList.remove('is-current'));\r\n\r\n tabs[tabIndex].classList.add('is-current');\r\n\r\n this.updateStep();\r\n this.showOrHiddenControls();\r\n }\r\n\r\n prevTab = () => {\r\n if (this.state.tab <= 0) {\r\n this.state.tab = 0;\r\n return;\r\n }\r\n\r\n this.state.tab--;\r\n this.state.count--;\r\n this.state.progress -= this.state.step;\r\n\r\n this.showTab(this.state.tab);\r\n };\r\n\r\n nextTab = () => {\r\n if (this.state.tab >= this.refs.tabs.length - 1) {\r\n this.state.tab = this.refs.tabs.length - 1;\r\n return;\r\n }\r\n\r\n if (this.validate()) {\r\n this.state.tab++;\r\n this.state.count++;\r\n this.state.progress += this.state.step;\r\n\r\n this.showTab(this.state.tab);\r\n }\r\n };\r\n\r\n validate() {\r\n return this.formInstance.getParsleyForm().validate();\r\n }\r\n\r\n updateStep() {\r\n this.refs.progress.style.width = `${this.state.progress}%`;\r\n this.refs.count.innerText = `0${this.state.count}`;\r\n }\r\n\r\n showOrHiddenControls() {\r\n if (this.state.tab === 0) {\r\n this.refs.prevBtn.classList.add('is-hidden');\r\n } else {\r\n this.refs.prevBtn.classList.remove('is-hidden');\r\n }\r\n\r\n if (this.state.tab === this.refs.tabs.length - 1) {\r\n this.refs.nextBtn.classList.add('is-hidden');\r\n this.refs.submitBtn.classList.remove('is-hidden');\r\n } else {\r\n this.refs.nextBtn.classList.remove('is-hidden');\r\n this.refs.submitBtn.classList.add('is-hidden');\r\n }\r\n }\r\n\r\n}\r\n","import './scss/index.scss';\r\nimport { dcFactory } from 'dc';\r\nimport { SignUpComponent } from './js/sign-up.component';\r\n\r\ndcFactory.register(SignUpComponent);\r\n","export const colourThemes = Object.freeze({\r\n VIVID: 'Vivid',\r\n CALM: 'Calm',\r\n});","import {Modal} from 'modal';\r\nimport {detectIE} from 'project/helpers';\r\nimport Cookies from 'js-cookie';\r\nimport {BaseComponent} from 'project/general';\r\nimport {gtmService} from 'project/services';\r\nimport {colourThemes} from './enums';\r\n\r\n\r\nconst FILTER_CLASS = 'filter';\r\n\r\nexport class DimmerSwitchComponent extends BaseComponent {\r\n constructor(...args) {\r\n super(...args);\r\n\r\n this.cookieName = this.options.name;\r\n this.cookieOptions = this.options;\r\n }\r\n\r\n static getNamespace() {\r\n return 'dimmer-switch';\r\n }\r\n\r\n static getRequiredRefs() {\r\n return ['button'];\r\n }\r\n\r\n onInit() {\r\n this.addListener(this.refs.button, 'click', this.toggle);\r\n }\r\n\r\n applyTheme(themeName) {\r\n if (!themeName) throw 'Theme name must be specified';\r\n if (themeName === colourThemes.CALM) {\r\n document.documentElement.classList.add(FILTER_CLASS);\r\n this.refs.button.setAttribute('aria-checked', 'true');\r\n }\r\n if (themeName === colourThemes.VIVID) {\r\n document.documentElement.classList.remove('filter');\r\n this.refs.button.setAttribute('aria-checked', 'false');\r\n }\r\n }\r\n\r\n toggle = () => {\r\n if (detectIE()) {\r\n this.showModal();\r\n return;\r\n }\r\n\r\n if (this.refs.button.getAttribute('aria-checked') === 'true') {\r\n this.applyTheme(colourThemes.VIVID);\r\n this.setCookie(colourThemes.VIVID);\r\n this.sendToGtm('Dark > Light');\r\n } else {\r\n this.applyTheme(colourThemes.CALM);\r\n this.setCookie(colourThemes.CALM);\r\n this.sendToGtm('Light > Dark');\r\n }\r\n };\r\n\r\n showModal() {\r\n this.modal = Modal.create(\r\n `${error}
`).join()}\r\n
`\r\n );\r\n this.modal.open();\r\n\r\n const closeButton = this.modal.element.querySelector('[data-modal-close]');\r\n\r\n if (closeButton) {\r\n closeButton.addEventListener('click', () => {\r\n this.hideModal();\r\n });\r\n }\r\n }\r\n\r\n hideModal = () => {\r\n if (this.modal) {\r\n this.modal.destroy();\r\n }\r\n };\r\n\r\n setCookie(value) {\r\n Cookies.set(this.cookieName, `${value}`, this.cookieOptions);\r\n }\r\n\r\n getCookie() {\r\n return Cookies.get(this.cookieName, this.cookieOptions);\r\n }\r\n\r\n sendToGtm(label) {\r\n if (!label) return;\r\n\r\n gtmService.pushEvent('Dimmer Switch', 'Click', label);\r\n }\r\n}\r\n","import './scss/index.scss';\r\nimport { dcFactory } from 'dc';\r\nimport { DimmerSwitchComponent } from './js/dimmer-switch.component';\r\nimport './js/mobiledimmer-switch.component';\r\n\r\ndcFactory.register(DimmerSwitchComponent);\r\n","import { BaseComponent } from 'project/general';\r\nimport { AccordionComponent } from 'components/accordion';\r\n\r\nexport default class ProfileDropdownComponent extends BaseComponent {\r\n static getNamespace() {\r\n return 'profile-dropdown';\r\n }\r\n\r\n static getRequiredRefs() {\r\n return ['accordion', 'panel', 'trigger'];\r\n }\r\n\r\n onInit() {\r\n this.accordionInstance = new AccordionComponent(this.refs.accordion);\r\n this.accordionInstance.init();\r\n\r\n this.addListener(this.element, 'click', this.onClick);\r\n this.addListener(document, 'click', this.onDocumentClick);\r\n }\r\n\r\n onClick = () => {\r\n if (!this.refs.panel.hasAttribute('hidden')) {\r\n this.element.classList.add('is-active');\r\n } else {\r\n this.element.classList.remove('is-active');\r\n }\r\n };\r\n\r\n onDocumentClick = (e) => {\r\n if (!this.element.contains(e.target)) {\r\n this.element.classList.remove('is-active');\r\n this.accordionInstance.collapsePanel(this.refs.trigger);\r\n }\r\n };\r\n}\r\n","import './scss/index.scss';\r\nimport { dcFactory } from 'dc';\r\nimport ProfileDropdownComponent from './js/profile-dropdown.component';\r\n\r\ndcFactory.register(ProfileDropdownComponent);\r\n","import { CookieService } from 'project/services';\r\nimport { BaseComponent } from 'project/general';\r\nimport { cookieSettingsModal } from 'components/cookie-settings';\r\n\r\nexport default class CookieSettingsComponent extends BaseComponent {\r\n static getNamespace() {\r\n return 'cookie-settings';\r\n }\r\n\r\n static getRequiredRefs() {\r\n return [\r\n 'loadtitle',\r\n 'form',\r\n 'functional',\r\n 'analytics',\r\n 'thirdParty',\r\n 'submit'\r\n ];\r\n }\r\n\r\n onInit() {\r\n let loadTitle = this.refs.loadtitle;\r\n let mainForm = this.refs.form;\r\n this.addListener(this.refs.functional, 'change', this._onChangeFunctional);\r\n this.addListener(this.refs.analytics, 'change', this._onChangeAnalytics);\r\n this.addListener(this.refs.thirdParty, 'change', this._onChangeThirdParty);\r\n this.addListener(this.refs.form, 'submit', this._onSubmit);\r\n CookieService.subscribeOnCookieLevelChanged(this._updateUi);\r\n\r\n setTimeout(function () {\r\n loadTitle.style.display = 'none'\r\n mainForm.style.display = 'block'\r\n }, 3000); // for 3 seconds\r\n CookieService.loadCookieLevel().then((result) => {\r\n this.onCookieLevelLoaded(result.data.data);\r\n });\r\n }\r\n onCookieLevelLoaded(cookieLevelData) {\r\n\r\n var userCookieLevel = cookieLevelData.userCookieLevel;\r\n var defaultCookieLevel = cookieLevelData.defaultCookieLevel;\r\n\r\n if (userCookieLevel == undefined || userCookieLevel === null || userCookieLevel === '') {\r\n CookieService.setCookieLevel(defaultCookieLevel);\r\n\r\n var event = document.createEvent(\"HTMLEvents\");\r\n event.initEvent('default-cookie-level-set', true, true);\r\n event.eventName = 'default-cookie-level-set';\r\n document.dispatchEvent(event);\r\n }\r\n else {\r\n CookieService.setCookieLevel(userCookieLevel);\r\n }\r\n\r\n CookieService.sendGtmEvent();\r\n }\r\n\r\n onDestroy() {\r\n cookieSettingsModal.destroy();\r\n }\r\n\r\n _onChangeFunctional = () => {\r\n if (!this.refs.functional.checked) {\r\n this.refs.analytics.checked = false;\r\n this.refs.thirdParty.checked = false;\r\n }\r\n };\r\n\r\n _onChangeAnalytics = () => {\r\n if (!this.refs.analytics.checked) {\r\n this.refs.thirdParty.checked = false;\r\n } else {\r\n this.refs.functional.checked = true;\r\n }\r\n };\r\n\r\n _onChangeThirdParty = () => {\r\n if (this.refs.thirdParty.checked) {\r\n this.refs.functional.checked = true;\r\n this.refs.analytics.checked = true;\r\n this.refs.thirdParty.checked = true;\r\n }\r\n localStorage.setItem('socialSetting', this.refs.thirdParty.checked);\r\n };\r\n\r\n _updateUi = (level) => {\r\n this._setLevel(level);\r\n }\r\n\r\n _onSubmit = (e) => {\r\n e.preventDefault();\r\n CookieService.saveCookieLevel(this._getLevel());\r\n cookieSettingsModal.close();\r\n return false;\r\n };\r\n\r\n _getControls = () => {\r\n return [\r\n this.refs.necessary,\r\n this.refs.thirdParty,\r\n this.refs.functional,\r\n this.refs.analytics\r\n ];\r\n };\r\n\r\n _getLevel = () => {\r\n let level = -1000;\r\n this._getControls().forEach((x) => {\r\n if (x.checked && Number(x.value) > level) {\r\n level = Number(x.value);\r\n }\r\n });\r\n return level;\r\n };\r\n\r\n _setLevel = (level) => {\r\n if (level != null) {\r\n this._getControls()\r\n .forEach((x) => {\r\n x.checked = Number(x.value) <= level;\r\n });\r\n }\r\n };\r\n\r\n}\r\n","import { Modal } from 'modal';\r\n\r\nconst COOKIE_SETTINGS_ID = 'cookie-settings';\r\n\r\nclass CookieSettingsModal {\r\n constructor() {\r\n this.modal = null;\r\n this.cookieSettings = document.querySelector(`#${COOKIE_SETTINGS_ID}`);\r\n\r\n this.modalOptions = {\r\n bemList: ['tiny'],\r\n autoCloseOnClickOutside: false,\r\n };\r\n }\r\n\r\n open() {\r\n if (this.cookieSettings) {\r\n this.modal = Modal.create(this.cookieSettings, this.modalOptions);\r\n this.modal.open();\r\n }\r\n }\r\n\r\n close() {\r\n if (this.modal) {\r\n this.modal.close();\r\n }\r\n }\r\n\r\n destroy() {\r\n if (this.modal) {\r\n this.modal.destroy();\r\n }\r\n }\r\n}\r\n\r\nconst instance = new CookieSettingsModal();\r\nexport default instance;\r\n","import './scss/index.scss';\r\nimport { dcFactory } from 'dc';\r\nimport CookieSettingsComponent from './js/cookie-settings.component';\r\nimport cookieSettingsModal from './js/cookie-settings-modal';\r\n\r\ndcFactory.register(CookieSettingsComponent);\r\n\r\nexport {\r\n cookieSettingsModal,\r\n};\r\n","import { CookieService } from 'project/services';\r\nimport { BaseComponent } from 'project/general';\r\nimport { cookieSettingsModal } from 'components/cookie-settings';\r\n\r\nexport default class CookieBarComponent extends BaseComponent {\r\n static getNamespace() {\r\n return 'cookie-bar';\r\n }\r\n\r\n static getRequiredRefs() {\r\n return [\r\n 'closeButton',\r\n 'settingsButton',\r\n 'allowButton'\r\n ];\r\n }\r\n\r\n onInit() {\r\n\r\n this.addListener(this.refs.closeButton, 'click', this._onClickCloseBtn);\r\n this.addListener(this.refs.settingsButton, 'click', this._onClickSettingsBtn);\r\n this.addListener(this.refs.allowButton, 'click', this._onClickAllowBtn);\r\n CookieService.subscribeOnUpdateSettings(this._closeCookieBar);\r\n document.addEventListener('default-cookie-level-set', this._showCookieBar);\r\n\r\n }\r\n\r\n onDestroy() {\r\n clearTimeout(this.timeoutId);\r\n cookieSettingsModal.destroy();\r\n }\r\n\r\n _onClickCloseBtn = () => {\r\n this._closeCookieBar();\r\n };\r\n\r\n _onClickSettingsBtn = () => {\r\n cookieSettingsModal.open();\r\n };\r\n\r\n _onClickAllowBtn = () => {\r\n CookieService.saveCookieLevel(this.options.acceptedLevel);\r\n };\r\n\r\n _showCookieBar = () => {\r\n this.element.removeAttribute('hidden');\r\n this.timeoutId = setTimeout(() => {\r\n this.element.classList.add('is-visible');\r\n }, 1000);\r\n };\r\n\r\n _closeCookieBar = (level) => {\r\n this.element.classList.remove('is-visible');\r\n this.timeoutId = setTimeout(() => {\r\n this.element.setAttribute('hidden', '');\r\n }, 1000);\r\n };\r\n\r\n}\r\n","import './scss/index.scss';\r\nimport { dcFactory } from 'dc';\r\nimport CookieBarComponent from './js/cookie-bar.component';\r\n\r\ndcFactory.register(CookieBarComponent);\r\n","//import \"preact/debug\";\r\n\r\nimport { NasFormComponent } from 'shared/nas-form';\r\nimport { ServiceEditorService } from 'project/services';\r\n\r\n// Note : this is not a React Component - it creates them\r\nexport default class ServiceEditorComponent extends NasFormComponent {\r\n\r\n serviceCategories = null;\r\n steps = null;\r\n\r\n static getNamespace() {\r\n return 'service-editor-component';\r\n }\r\n\r\n static getRequiredRefs() {\r\n return ['main_details_placeholder'];\r\n }\r\n\r\n onInit() {\r\n\r\n this.editMode = false;\r\n\r\n // Load the option lists the user will need to see\r\n ServiceEditorService.getServiceCategoryOptions().then((result) => {\r\n if (result != undefined) {\r\n\r\n this.serviceCategories = result;\r\n\r\n var nodeGUID = this.element.getAttribute(\"data-dc-service-editor-component-nodeGuid\");\r\n\r\n if (nodeGUID != undefined && nodeGUID != \"\") {\r\n\r\n // Load the service page data and give it to the form\r\n ServiceEditorService.getServiceListingRequest(nodeGUID).then((result) => {\r\n if (result != undefined) {\r\n\r\n this.onDataObjectLoaded(result);\r\n\r\n // Render the UI\r\n this.renderForm(this.editMode);\r\n }\r\n });\r\n\r\n }\r\n else {\r\n // Render the UI\r\n this.renderForm(this.editMode);\r\n }\r\n\r\n }\r\n });\r\n }\r\n\r\n createWizardSteps = () => {\r\n\r\n var steps = [];\r\n\r\n var step = {\r\n name: \"Basic details\", properties:\r\n [\r\n {\r\n name: \"id\",\r\n displayName: \"ID\",\r\n inputType: \"HiddenInput\",\r\n },\r\n {\r\n name: \"nodeGuid\",\r\n displayName: \"nodeGuid\",\r\n inputType: \"HiddenInput\"\r\n },\r\n {\r\n name: \"title\",\r\n displayName: \"Title\",\r\n inputType: \"TextInput\",\r\n required: true,\r\n tooltip: \"Please enter your organisation or service name (less than 200 characters).\"\r\n },\r\n {\r\n name: \"serviceUrl\",\r\n displayName: \"Service URL\",\r\n inputType: \"TextInput\",\r\n required: true,\r\n tooltip: \"Please include http:// or https://. If you have a web page that specifically details how you tailor your service for autistic people, please use that URL.\"\r\n },\r\n {\r\n name: \"secondaryUrl\",\r\n displayName: \"Secondary URL\",\r\n inputType: \"TextInput\",\r\n tooltip: \"Please include http:// or https://. If you have a web page that specifically details how you tailor your service for autistic people, please use that URL.\"\r\n },\r\n {\r\n name: \"autismFriendlyAwardUrl\",\r\n displayName: \"Autism friendly award URL\",\r\n inputType: \"TextInput\",\r\n tooltip: \"Please include http:// or https://.\"\r\n },\r\n {\r\n name: \"onlineTelephone\",\r\n displayName: \"Online / telephone service\",\r\n inputType: \"BooleanInput\",\r\n tooltip: \"Please tick this if your service has elements that are delivered online or by telephone.\"\r\n },\r\n {\r\n name: \"mainContent\",\r\n displayName: \"Main content\",\r\n inputType: \"HtmlInput\",\r\n required: true,\r\n tooltip: \"Enter the main description for your service here. This is what will be seen by members of the public when they view your listing. Please include how your service is tailored for autistic people.\"\r\n },\r\n {\r\n name: \"description\",\r\n displayName: \"Short description\",\r\n inputType: \"TextAreaInput\",\r\n required: true,\r\n cols: 40,\r\n rows: 3,\r\n tooltip: \"Enter a short description for your service here. This is what will be seen by members of the public when your listing is shown in a list of services.\"\r\n },\r\n ]\r\n };\r\n step.formFields = this.onCreateFormFields(undefined, step.properties, this.dataObjectInstance);\r\n steps.push(step);\r\n\r\n var step = {\r\n name: \"Service categories\", properties:\r\n [\r\n {\r\n name: \"industrySector\",\r\n displayName: \"Industry sector\",\r\n inputType: \"DropDownInput\",\r\n required: true,\r\n options: this.serviceCategories.industrySectors\r\n },\r\n {\r\n name: \"serviceCategories\",\r\n displayName: \"Service categories\",\r\n inputType: \"MultiSelectInput\",\r\n required: true,\r\n options: this.serviceCategories.serviceCategories,\r\n tooltip: \"Please choose the category(s) which best fits your service.\"\r\n },\r\n ]\r\n };\r\n step.formFields = this.onCreateFormFields(undefined, step.properties, this.dataObjectInstance);\r\n steps.push(step);\r\n\r\n var step = {\r\n name: \"Eligibility\", properties:\r\n [\r\n {\r\n name: \"ageFrom\",\r\n displayName: \"Age from\",\r\n inputType: \"NumberInput\",\r\n tooltip: \"Please enter the age of the people your service is designed to support, if any age please enter 0-99.\"\r\n },\r\n {\r\n name: \"ageTo\",\r\n displayName: \"Age to\",\r\n inputType: \"NumberInput\"\r\n },\r\n {\r\n name: \"aimedAt\",\r\n displayName: \"Aimed at\",\r\n inputType: \"MultiSelectInput\",\r\n options: this.serviceCategories.aimedAt,\r\n tooltip: \"The default is all categories. Only choose categories if your service is restricted to those categories.\"\r\n },\r\n {\r\n name: \"eligibilityNote\",\r\n displayName: \"Eligibility note\",\r\n inputType: \"TextAreaInput\",\r\n cols: 40,\r\n rows: 5,\r\n tooltip: \"Please include any other information on who is eligible to use your service.\"\r\n },\r\n {\r\n name: \"referralSources\",\r\n displayName: \"Referral sources\",\r\n inputType: \"MultiSelectInput\",\r\n options: this.serviceCategories.referralSources,\r\n tooltip: \"Please select the ways in which people can access your service.\"\r\n },\r\n {\r\n name: \"coverage\",\r\n displayName: \"Coverage\",\r\n inputType: \"MultiSelectInput\",\r\n options: this.serviceCategories.coverage,\r\n tooltip: \"The default coverage is all areas. Only choose areas if your service is restricted to covering those areas.\"\r\n }\r\n ]\r\n };\r\n step.formFields = this.onCreateFormFields(undefined, step.properties, this.dataObjectInstance);\r\n steps.push(step);\r\n\r\n var step = {\r\n name: \"Specialisms\", properties:\r\n [\r\n {\r\n name: \"specialisms\",\r\n displayName: \"Specialisms\",\r\n inputType: \"MultiSelectInput\",\r\n options: this.serviceCategories.specialisms\r\n },\r\n {\r\n name: \"otherSpecialisms\",\r\n displayName: \"Other specialisms\",\r\n inputType: \"TextAreaInput\",\r\n cols: 40,\r\n rows: 5\r\n },\r\n ]\r\n };\r\n step.formFields = this.onCreateFormFields(undefined, step.properties, this.dataObjectInstance);\r\n steps.push(step);\r\n\r\n var step = {\r\n name: \"Relationships with other services\", properties:\r\n [\r\n {\r\n name: \"provides\",\r\n displayName: \"Are you a parent/controlling or a holding company?\",\r\n inputType: \"OptionPickerWithSearch\",\r\n searchMethod: ServiceEditorService.findServicesByName,\r\n selectedItemsLabel: \"Selected services\",\r\n tooltip: \"If yes, please enter the name of a subsidiary organisation that is currently listed on our Directory.\"\r\n },\r\n {\r\n name: \"provider\",\r\n displayName: \"Are you a subsidiary organisation\",\r\n inputType: \"OptionPickerWithSearch\",\r\n searchMethod: ServiceEditorService.findServicesByName,\r\n selectedItemsLabel: \"Selected services\",\r\n tooltip: \"If yes, please enter the name of your parent/controlling or holding organisation that is currently listed on our Directory.\"\r\n },\r\n ]\r\n };\r\n step.formFields = this.onCreateFormFields(undefined, step.properties, this.dataObjectInstance);\r\n steps.push(step);\r\n\r\n var step = {\r\n name: \"Regulatory and professional certifications\", properties:\r\n [\r\n {\r\n name: \"registrationsAndProfessionalQuals\",\r\n displayName: \"Registrations And Professional Qualifications (obsolete)\",\r\n inputType: \"TextInput\",\r\n tooltip: \"Replaced by regulatory and professional certifications.\",\r\n allowEdit: false\r\n },\r\n {\r\n name: \"approachesAndToolsUsed\",\r\n displayName: \"Approaches and tools used (obsolete)\",\r\n inputType: \"TextInput\",\r\n tooltip: \"Replaced by regulatory and professional certifications.\",\r\n allowEdit: false\r\n },\r\n {\r\n name: \"certifications\",\r\n displayName: \"Regulatory and professional certifications\",\r\n inputType: \"EntityRows\",\r\n tooltip: \"This replaces registrations and professional qualifications / approaches and tools used.\",\r\n onAdd: this.onAddChildRow,\r\n onDelete: this.onDeleteChildRow,\r\n onCreateFormFields: this.onCreateFormFields,\r\n childProperties: [\r\n { \"name\": \"certificationID\", \"displayName\": \"certification id\", inputType: \"HiddenInput\", parentPropertyName: \"certifications\" },\r\n { \"name\": \"type\", \"displayName\": \"Type\", inputType: \"RadioButtonInput\", parentPropertyName: \"certifications\", options: this.serviceCategories.certificationTypes, tooltip:\"Please select those relevant to your service. Where available please include the weblink to the awarding bodies website detailing your service.\" },\r\n { \"name\": \"body\", \"displayName\": \"Body\", inputType: \"TextInput\", parentPropertyName: \"certifications\" },\r\n { \"name\": \"url\", \"displayName\": \"Url\", inputType: \"TextInput\", parentPropertyName: \"certifications\", tooltip:\"Please include http:// or https://.\" },\r\n { \"name\": \"deleted\", \"displayName\": \"Delete certification\", inputType: \"HiddenInput\", parentPropertyName: \"certifications\" },\r\n { \"name\": \"index\", \"displayName\": \"index\", inputType: \"HiddenInput\", parentPropertyName: \"certifications\" }\r\n ]\r\n }\r\n ]\r\n };\r\n step.formFields = this.onCreateFormFields(undefined, step.properties, this.dataObjectInstance);\r\n steps.push(step);\r\n\r\n var step = {\r\n name: \"Contacts\", properties:\r\n [\r\n {\r\n name: \"preferredContactMethods\",\r\n displayName: \"Preferred methods of contact\",\r\n inputType: \"MultiSelectInput\",\r\n required: true,\r\n options: this.serviceCategories.contactMethods,\r\n tooltip: \"Please choose all methods of contact you would like those accessing your service to use.\"\r\n },\r\n {\r\n name: \"contacts\",\r\n displayName: \"Contacts\",\r\n inputType: \"EntityRows\",\r\n onAdd: this.onAddChildRow,\r\n onDelete: this.onDeleteChildRow,\r\n onCreateFormFields: this.onCreateFormFields,\r\n childProperties: [\r\n { \"name\": \"contactNodeGuid\", \"displayName\": \"id\", inputType: \"HiddenInput\", parentPropertyName: \"contacts\" },\r\n { \"name\": \"name\", \"displayName\": \"Name\", inputType: \"TextInput\", parentPropertyName: \"contacts\", tooltip: \"Please enter the full name of your contact.\" },\r\n { \"name\": \"jobTitle\", \"displayName\": \"Job title\", inputType: \"TextInput\", parentPropertyName: \"contacts\", tooltip: \"Please enter the job title of your contact e.g. Headteacher; Office Manager.\" },\r\n { \"name\": \"telephone\", \"displayName\": \"Telephone\", inputType: \"TextInput\", parentPropertyName: \"contacts\" },\r\n { \"name\": \"email\", \"displayName\": \"Email\", inputType: \"TextInput\", parentPropertyName: \"contacts\" },\r\n { \"name\": \"webLinkExternal\", \"displayName\": \"Web link\", inputType: \"TextInput\", parentPropertyName: \"contacts\" },\r\n { \"name\": \"isPrimary\", \"displayName\": \"Primary contact\", inputType: \"BooleanInput\", required: true, parentPropertyName: \"contacts\" },\r\n { \"name\": \"visibleOnService\", \"displayName\": \"Visible on service page\", inputType: \"BooleanInput\", required: true, defaultValue: true, parentPropertyName: \"contacts\" },\r\n { \"name\": \"deleted\", \"displayName\": \"Delete contact\", inputType: \"HiddenInput\", parentPropertyName: \"contacts\" },\r\n { \"name\": \"index\", \"displayName\": \"index\", inputType: \"HiddenInput\", parentPropertyName: \"contacts\" }\r\n ]\r\n }\r\n \r\n ]\r\n };\r\n step.formFields = this.onCreateFormFields(undefined, step.properties, this.dataObjectInstance);\r\n steps.push(step);\r\n\r\n var step = {\r\n name: \"Locations\", properties:\r\n [\r\n {\r\n name: \"locations\",\r\n displayName: \"Locations\",\r\n inputType: \"LocationFields\",\r\n onAdd: this.onAddChildRow,\r\n onDelete: this.onDeleteChildRow,\r\n onCreateFormFields: this.onCreateFormFields,\r\n childProperties: [\r\n { \"name\": \"locationNodeGuid\", \"displayName\": \"id\", inputType: \"HiddenInput\", parentPropertyName: \"locations\" },\r\n { \"name\": \"name\", \"displayName\": \"Location name\", inputType: \"TextInput\", required: true, parentPropertyName: \"locations\", tooltip: \"The name of this location in the list of location for this service, e.g. 'Head office'.\" },\r\n { \"name\": \"postcode\", \"displayName\": \"Postcode / address lookup\", inputType: \"TextInput\", parentPropertyName: \"locations\" },\r\n { \"name\": \"houseName\", \"displayName\": \"House name\", inputType: \"TextInput\", parentPropertyName: \"locations\" },\r\n { \"name\": \"houseNumber\", \"displayName\": \"House number\", inputType: \"TextInput\", parentPropertyName: \"locations\" },\r\n { \"name\": \"street\", \"displayName\": \"Street\", inputType: \"TextInput\", parentPropertyName: \"locations\" },\r\n { \"name\": \"locality\", \"displayName\": \"Locality\", inputType: \"TextInput\", parentPropertyName: \"locations\" },\r\n { \"name\": \"town\", \"displayName\": \"Town\", inputType: \"TextInput\", parentPropertyName: \"locations\" },\r\n { \"name\": \"county\", \"displayName\": \"County\", inputType: \"TextInput\", parentPropertyName: \"locations\" },\r\n { \"name\": \"visibleOnService\", \"displayName\": \"Visible on service page\", inputType: \"BooleanInput\", defaultValue: true, parentPropertyName: \"locations\" },\r\n { \"name\": \"visibleOnMap\", \"displayName\": \"Visible on map\", inputType: \"BooleanInput\", defaultValue: true, parentPropertyName: \"locations\", tooltip: \"If selected, the service will be shown on the search results map, and also the service page itself.\" },\r\n { \"name\": \"country\", \"displayName\": \"Country\", inputType: \"HiddenInput\", parentPropertyName: \"locations\" },\r\n { \"name\": \"latitude\", \"displayName\": \"Latitude\", inputType: \"HiddenInput\", defaultValue: 54.028411, parentPropertyName: \"locations\" },\r\n { \"name\": \"longitude\", \"displayName\": \"Longitude\", inputType: \"HiddenInput\", defaultValue: -1.940000, parentPropertyName: \"locations\" },\r\n { \"name\": \"deleted\", \"displayName\": \"Delete location\", inputType: \"HiddenInput\", parentPropertyName: \"locations\" },\r\n { \"name\": \"index\", \"displayName\": \"index\", inputType: \"HiddenInput\", parentPropertyName: \"locations\" }\r\n ]\r\n }\r\n ]\r\n };\r\n step.formFields = this.onCreateFormFields(undefined, step.properties, this.dataObjectInstance);\r\n steps.push(step);\r\n\r\n var step = {\r\n name: \"Terms & Conditions\", properties:\r\n [\r\n {\r\n name: \"agreedTermsAndConditions\",\r\n displayName: \"Terms and conditions\",\r\n inputType: \"MultiSelectInput\",\r\n options: this.serviceCategories.termsAndConditions,\r\n tooltip: \"Please tick all items.\",\r\n required: true\r\n }\r\n ]\r\n };\r\n step.formFields = this.onCreateFormFields(undefined, step.properties, this.dataObjectInstance);\r\n steps.push(step);\r\n return steps;\r\n }\r\n\r\n}\r\n","//import \"preact/debug\";\r\n\r\nimport { NasFormComponent } from 'shared/nas-form';\r\nimport { ServiceEditorService } from 'project/services';\r\n\r\n// Note : this is not a React Component - it creates them\r\nexport default class ServiceAccessRequestForm extends NasFormComponent {\r\n\r\n serviceCategories = null;\r\n steps = null;\r\n\r\n static getNamespace() {\r\n return 'service-access-request-form';\r\n }\r\n\r\n static getRequiredRefs() {\r\n return ['main_details_placeholder'];\r\n }\r\n\r\n onInit() {\r\n this.editMode = false;\r\n this.renderForm(this.editMode);\r\n }\r\n\r\n createWizardSteps = () => {\r\n\r\n var steps = [];\r\n\r\n var step = {\r\n name: \"Service access request\", properties:\r\n [\r\n {\r\n name: \"services\",\r\n displayName: \"Other services you want access to\",\r\n inputType: \"OptionPickerWithSearch\",\r\n searchMethod: ServiceEditorService.findNonEditableServicesByName,\r\n selectedItemsLabel: \"Selected services\"\r\n }\r\n ]\r\n };\r\n step.formFields = this.onCreateFormFields(undefined, step.properties, this.dataObjectInstance);\r\n\r\n // Automatically add the selected service to the services field\r\n var selectedService = {\r\n id: this.options.nodeGuid,\r\n displayName: this.options.serviceName\r\n };\r\n step.formFields.services.pushArrayValue(selectedService, this.options.nodeGuid);\r\n\r\n // add the step to the form\r\n steps.push(step);\r\n\r\n return steps;\r\n }\r\n\r\n \r\n}\r\n","//import \"preact/debug\";\r\n\r\nimport { NasFormComponent } from 'shared/nas-form';\r\nimport { ServiceEditorService } from 'project/services';\r\n\r\n// Note : this is not a React Component - it creates them\r\nexport default class ServiceDeletionRequestForm extends NasFormComponent {\r\n\r\n serviceCategories = null;\r\n steps = null;\r\n\r\n static getNamespace() {\r\n return 'service-deletion-request-form';\r\n }\r\n\r\n static getRequiredRefs() {\r\n return ['main_details_placeholder'];\r\n }\r\n\r\n onInit() {\r\n this.editMode = false;\r\n this.renderForm(this.editMode);\r\n }\r\n\r\n createWizardSteps = () => {\r\n\r\n var steps = [];\r\n\r\n var step = {\r\n name: \"Service deletion request\", properties:\r\n [\r\n {\r\n name: \"services\",\r\n displayName: \"Other services you want to delete\",\r\n inputType: \"OptionPickerWithSearch\",\r\n searchMethod: ServiceEditorService.findEditableServicesByName,\r\n selectedItemsLabel: \"Selected services\"\r\n }\r\n ]\r\n };\r\n step.formFields = this.onCreateFormFields(undefined, step.properties, this.dataObjectInstance);\r\n\r\n // Automatically add the selected service to the services field\r\n var selectedService = {\r\n id: this.options.nodeGuid,\r\n displayName: this.options.serviceName\r\n };\r\n step.formFields.services.pushArrayValue(selectedService, this.options.nodeGuid);\r\n\r\n // add the step to the form\r\n steps.push(step);\r\n\r\n return steps;\r\n }\r\n\r\n \r\n}\r\n","import { dcFactory } from 'dc';\r\nimport ServiceEditor from './js/service-editor.component';\r\nimport ServiceAccessRequestForm from './js/service-access-request-form.component';\r\nimport ServiceDeletionRequestForm from './js/service-deletion-request-form.component';\r\n\r\ndcFactory.register(ServiceEditor);\r\ndcFactory.register(ServiceAccessRequestForm);\r\ndcFactory.register(ServiceDeletionRequestForm);\r\n","import React from 'react';\r\nimport { render } from 'preact';\r\nimport { BaseComponent } from 'project/general';\r\nimport { ServiceEditorService } from 'project/services';\r\n\r\nexport default class AsdSelfServiceControls extends BaseComponent {\r\n\r\n nodeGUID = \"\";\r\n serviceListingFormUrl = \"\";\r\n serviceAccessFormUrl = \"\";\r\n serviceDeletionFormUrl = \"\";\r\n userContext = \"\";\r\n\r\n constructor(...args) {\r\n super(...args);\r\n }\r\n\r\n static getNamespace() {\r\n return 'asd-self-service-controls';\r\n }\r\n\r\n static getRequiredRefs() {\r\n return [\"placeholder\"];\r\n }\r\n\r\n onInit() {\r\n \r\n this.nodeGUID = this.options.nodeGuid;\r\n this.serviceListingFormUrl = this.options.serviceListingFormUrl;\r\n this.serviceAccessFormUrl = this.options.serviceAccessFormUrl;\r\n this.serviceDeletionFormUrl = this.options.serviceDeletionFormUrl;\r\n\r\n // Load info about the user log in\r\n this.servicePageData = ServiceEditorService.getAsdSelfServiceUserContext(this.options.nodeGuid).then((userContext) => {\r\n\r\n if (userContext != undefined) {\r\n\r\n this.userContext = userContext;\r\n\r\n // user signed in\r\n if (this.userContext.signedIn && this.userContext.selfServiceEnabledForUser) {\r\n\r\n\r\n if (this.userContext.canEdit && this.userContext.listingRequestsEnabled) {\r\n\r\n if (this.userContext.hasPendingListingRequest) {\r\n\r\n this.renderPendingListingRequest();\r\n\r\n }\r\n else {\r\n\r\n this.renderEditingControls();\r\n\r\n }\r\n }\r\n\r\n else if (!this.userContext.canEdit && this.userContext.accessRequestsEnabled) {\r\n\r\n if (this.userContext.hasPendingAccessRequest) {\r\n\r\n this.renderPendingAccessRequest();\r\n\r\n }\r\n else {\r\n\r\n this.renderRequestAccessPrompt();\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n // user not signed in\r\n else if (!this.userContext.signedIn && this.userContext.listingRequestsEnabled) {\r\n\r\n this.renderSignInPrompt();\r\n\r\n }\r\n \r\n }\r\n\r\n });\r\n }\r\n\r\n onServiceListingForm = () => {\r\n window.location.href = this.serviceListingFormUrl;\r\n }\r\n\r\n onServiceDeletionForm = () => {\r\n if (confirm(\"Are you sure you want to delete this service?\") == true) {\r\n window.location.href = this.serviceDeletionFormUrl;\r\n }\r\n }\r\n\r\n renderEditingControls(userContext) {\r\n\r\n render(\r\n \r\n Calm theme is not supported in this version of your browser, we recommend that you update your browser.\r\n
\r\n\r\n \r\n \r\n
\r\n , this.refs.placeholder\r\n );\r\n }\r\n\r\n renderSignInPrompt(userContext) {\r\n render(\r\n \r\n
\r\n , this.refs.placeholder\r\n );\r\n }\r\n\r\n renderRequestAccessPrompt() {\r\n render(\r\n Is this your service? If so, please sign in to edit this service.
\r\n\r\n
\r\n , this.refs.placeholder\r\n );\r\n }\r\n\r\n renderPendingAccessRequest() {\r\n render(\r\n Is this your service? If so, please request access to edit this service.
\r\n\r\n
\r\n , this.refs.placeholder\r\n );\r\n }\r\n\r\n renderPendingListingRequest() {\r\n render(\r\n You've asked us to let you edit this service, you'll be notified when your request has been processed.
\r\n\r\n
\r\n , this.refs.placeholder\r\n );\r\n }\r\n\r\n onCreateLabel(labelText) {\r\n var label = document.createElement(\"label\");\r\n label.innerText = labelText;\r\n this.refs.placeholder.appendChild(label);\r\n }\r\n\r\n}\r\n","import { BaseComponent } from 'project/general';\r\n\r\nclass ProviderPaginationComponent extends BaseComponent {\r\n static getNamespace() {\r\n return 'provider-pagination';\r\n }\r\n\r\n onInit() {\r\n //Pagination\r\n var pageSize = 4;\r\n var incremSlide = 5;\r\n var startPage = 0;\r\n var numberPage = 0;\r\n\r\n var pageCount = $(\".service-card\").length / pageSize;\r\n var totalSlidepPage = Math.floor(pageCount / incremSlide);\r\n\r\n for (var i = 0; i < pageCount; i++) {\r\n $(\"#paging\").append('There's an edit to this service that's waiting to be processed
\r\nIf it's you that submitted it you'll be notified when it's been processed.
\r\n\r\n\r\n 
\r\n }\r\n\r\n \r\n\r\n
\r\n );\r\n }\r\n\r\n textToHtml = (text) => {\r\n return text\r\n .split(/\\r\\n\\r\\n/) // Split by double line breaks\r\n .map(para => `{pledge.pledgeId}\r\n
\r\n\r\n {\r\n (imageUrl.length > 0) &&\r\n {pledge.pledgeHeading}
\r\nPledge made by: {pledge.personName}
\r\n\r\n \r\n\r\n${para.replace(/\\r\\n/g, '
')}
tags\r\n .join(''); // Join without extra spaces\r\n }\r\n\r\n}\r\n","import React from 'react';\r\nimport { render } from 'preact';\r\n\r\nexport class ContentCard extends React.Component {\r\n\r\n\r\n\r\n render(){\r\n\r\n var contentCard = this.props.contentCard;\r\n\r\n var fileType = this.getFileType(contentCard.mediaElement.url);\r\n\r\n return (\r\n
\r\n\r\n {\r\n (fileType == \"image\") &&\r\n 
\r\n }\r\n {\r\n (fileType == \"video\") &&\r\n \r\n }\r\n\r\n
\r\n );\r\n }\r\n\r\n\r\n getFileType = (fileUrl) => {\r\n // Define common image and video extensions\r\n const imageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp', 'svg', 'tiff', 'ico'];\r\n const videoExtensions = ['mp4', 'mov', 'avi', 'mkv', 'flv', 'wmv', 'webm', 'mpeg', 'mpg'];\r\n\r\n // Extract the file extension\r\n const extension = fileUrl.split('.').pop().toLowerCase();\r\n\r\n // Check the extension against image and video lists\r\n if (imageExtensions.includes(extension)) {\r\n return 'image';\r\n } else if (videoExtensions.includes(extension)) {\r\n return 'video';\r\n } else {\r\n return 'unknown';\r\n }\r\n }\r\n\r\n}\r\n","import React from 'react';\r\nimport { render } from 'preact';\r\n\r\nimport { BaseComponent } from 'project/general';\r\nimport { BaseForm, formConstants } from 'shared/base-form';\r\nimport { notificationTypes } from 'project/general';\r\nimport { notificationService } from 'project/services';\r\n\r\nimport { EngagementFunctions } from 'shared/engagement-panel';\r\nimport { PledgeCard } from './pledge-card';\r\nimport { ContentCard } from './content-card';\r\n\r\nexport class PledgeWallComponent extends BaseComponent {\r\n\r\n formInstance = undefined;\r\n pledges = undefined;\r\n likedPledges = undefined;\r\n pageSize = 10;\r\n totalRecords = 0;\r\n renderedPledgeCount = 0; // tracks how many pledges have been rendered between pages of results\r\n contentCardIndex = 0; // tracks index of last inserted content card between pages of results\r\n\r\n static getNamespace() {\r\n return 'pledge-wall';\r\n }\r\n\r\n static getRequiredRefs() {\r\n return [\r\n 'resultsPlaceholder',\r\n 'sortOptionsDropdown',\r\n 'tagFilterDdropdown',\r\n 'skipField',\r\n 'btnMoreResults',\r\n 'engagementModalPlaceholder',\r\n 'pledgeListingForm'\r\n ];\r\n }\r\n\r\n onInit() {\r\n/* this.populateFormFromUrl(this.refs.pledgeListingForm);*/\r\n this.initForm();\r\n this.onSubmit();\r\n this.intialisePledgeTracker();\r\n this.initialiseWebForm();\r\n this.reformatWebForm(false);\r\n\r\n // share across all pledge cards\r\n this.engagementFunctions = new EngagementFunctions(this.options.engagementParameters);\r\n this.pageSize = this.options.pageSize;\r\n this.contentCards = this.options.contentCards;\r\n }\r\n\r\n initForm() {\r\n \r\n var form = this.refs.pledgeListingForm;\r\n\r\n this.formInstance = new BaseForm(form, {\r\n errorsSummary: document.getElementById(\"data-errors-summary\"),\r\n onBeforeSubmit: () => { },\r\n onSuccessfulSubmit: (response) => {\r\n\r\n var pledges = response.data.data.pledges;\r\n if (this.contentCards != undefined) {\r\n // inject the content cards into the result\r\n pledges = this.insertContentCards(pledges, this.contentCards);\r\n }\r\n\r\n if (Array.isArray(this.pledges)) {\r\n this.pledges = this.pledges.concat(pledges);\r\n }\r\n else {\r\n this.pledges = pledges;\r\n }\r\n\r\n this.TotalRecords = response.data.data.totalRecords;\r\n\r\n this.toggleMoreResultsButtonVisibility();\r\n\r\n this.OnRenderPledges(this.pledges);\r\n\r\n },\r\n onFailedSubmit: (error) => {\r\n notificationService.push({\r\n message: \"There was an error\",\r\n type: notificationTypes.ERROR,\r\n });\r\n },\r\n enctype: formConstants.ENCTYPE_JSON\r\n });\r\n\r\n this.refs.sortOptionsDropdown.addEventListener(\"change\", this.onArgumentsChanged);\r\n this.refs.tagFilterDdropdown.addEventListener(\"change\", this.onArgumentsChanged);\r\n this.refs.btnMoreResults.addEventListener(\"click\", this.onMoreResultsClick);\r\n }\r\n \r\n insertContentCards = (pledges, contentCards) => {\r\n if (!Array.isArray(pledges) || !Array.isArray(contentCards) || contentCards.length === 0) {\r\n throw new Error(\"Invalid input: Both pledges and contentCards should be non-empty arrays.\");\r\n }\r\n\r\n let result = [];\r\n \r\n\r\n for (let i = 0; i < pledges.length; i++) {\r\n\r\n var pledge = pledges[i];\r\n result.push(pledge);\r\n\r\n // Insert content card after every 5 pledges\r\n if ((this.renderedPledgeCount + 1) % 5 === 0 && this.renderedPledgeCount !== 0) {\r\n var contentCard = contentCards[this.contentCardIndex];\r\n contentCard.id = \"contentCard\" + i\r\n contentCard.type = \"contentCard\";\r\n result.push(contentCard);\r\n this.contentCardIndex = (this.contentCardIndex + 1) % contentCards.length; // Cycle through contentCards\r\n }\r\n\r\n this.renderedPledgeCount += 1;\r\n }\r\n\r\n return result;\r\n }\r\n\r\n onSubmit = () => {\r\n this.formInstance.onSubmit();\r\n }\r\n\r\n onArgumentsChanged = () => {\r\n this.renderedPledgeCount = 0;\r\n this.contentCardIndex = 0;\r\n this.pledges = undefined;\r\n this.refs.skipField.value = 0;\r\n this.formInstance.populateUrlParams();\r\n this.onSubmit();\r\n }\r\n\r\n toggleMoreResultsButtonVisibility = () => {\r\n var hiddenClass = \"hidden\";\r\n if (this.pledges.length < this.TotalRecords) {\r\n if (this.refs.btnMoreResults.classList.contains(hiddenClass)) {\r\n this.refs.btnMoreResults.classList.remove(hiddenClass);\r\n }\r\n }\r\n else {\r\n if (!this.refs.btnMoreResults.classList.contains(hiddenClass)) {\r\n this.refs.btnMoreResults.classList.add(hiddenClass);\r\n }\r\n }\r\n }\r\n\r\n onMoreResultsClick = () => {\r\n var value = parseInt(this.refs.skipField.value);\r\n if (isNaN(value) || value == undefined) {\r\n value = 0;\r\n }\r\n this.refs.skipField.value = (value + this.pageSize);\r\n this.onSubmit();\r\n }\r\n\r\n OnRenderPledges(pledges) {\r\n render(\r\n \r\n ![](\"https://autism.org.uk/content/assets/favicon/mstile-144x144.png\")
\r\n
\r\n\r\n \r\n {contentCard.title}
\r\n\r\n
\r\n \r\n {\r\n pledges?.map((pledge) => {\r\n if (pledge.type == \"contentCard\") {\r\n return ()\r\n }\r\n else {\r\n return (
\r\n ,\r\n this.refs.resultsPlaceholder\r\n );\r\n }\r\n\r\n intialisePledgeTracker = () => {\r\n\r\n const pledgeWall = this.element;\r\n const pledgeCount = parseInt(pledgeWall.dataset.pledgeCount, 10);\r\n const pledgeTarget = parseInt(pledgeWall.dataset.pledgeCountTarget, 10);\r\n const pledgeProgress = document.querySelector(\".dw_pledge_progress\");\r\n const pledgeCountDisplay = document.querySelector(\".dw_pledge_count\");\r\n\r\n // Calculate the progress percentage\r\n const progressPercentage = Math.min((pledgeCount / pledgeTarget) * 100, 100);\r\n\r\n // Animate the progress bar\r\n setTimeout(() => {\r\n pledgeProgress.style.width = progressPercentage + \"%\";\r\n }, 100); // Small delay for better animation effect\r\n\r\n // Animate the count text\r\n let currentCount = 0;\r\n const increment = Math.ceil(pledgeCount / 100); // Increment value for animation\r\n\r\n const counter = setInterval(() => {\r\n currentCount += increment;\r\n if (currentCount >= pledgeCount) {\r\n currentCount = pledgeCount;\r\n clearInterval(counter);\r\n }\r\n pledgeCountDisplay.textContent = this.addCommas(currentCount.toLocaleString());\r\n }, 15);\r\n }\r\n\r\n addCommas(number) {\r\n return number.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n }\r\n\r\n initialiseWebForm = () => {\r\n const modal = document.getElementById(\"dw_pledge_modal\");\r\n const modalContent = document.querySelector(\".dw_pledge_modal_content\");\r\n\r\n if (!modal || !modalContent) {\r\n console.error(\"Modal or modal content placeholder not found.\");\r\n return;\r\n }\r\n\r\n // Open modal when clicking submit button\r\n const submitButton = document.getElementById(\"dw_pledge_submit\");\r\n if (submitButton) {\r\n submitButton.addEventListener(\"click\", (event) => {\r\n //this.moveKenticoForm();\r\n modal.style.display = \"block\";\r\n });\r\n }\r\n\r\n // Close modal\r\n const closeModal = document.querySelector(\".dw_pledge_close\");\r\n if (closeModal) {\r\n closeModal.addEventListener(\"click\", function () {\r\n modal.style.display = \"none\";\r\n });\r\n }\r\n\r\n // Close modal when clicking outside or pressing Escape\r\n window.addEventListener(\"click\", function (event) {\r\n if (event.target === modal) {\r\n modal.style.display = \"none\";\r\n }\r\n });\r\n\r\n window.addEventListener(\"keydown\", function (event) {\r\n if (event.key === \"Escape\") {\r\n modal.style.display = \"none\";\r\n }\r\n });\r\n\r\n // Initial attempt to move the form in case it's already loaded\r\n this.moveKenticoForm();\r\n\r\n\r\n }\r\n\r\n reformatWebForm = (resetFormState) => {\r\n const modal = document.getElementById(\"dw_pledge_modal\"); // The modal container\r\n const modalForm = document.querySelector(\".dw_pledge_modal_content .form-widget\");\r\n const inputField = document.getElementById(\"dw_pledge_input\"); // User's pledge input\r\n const submitButton = document.getElementById(\"dw_pledge_submit\"); // Button to open modal\r\n\r\n if (modalForm) {\r\n\r\n\r\n // Select sections\r\n const section1 = modalForm.querySelector(\".ktc-default-section:nth-child(1)\"); // form wizard page 1 // Pledge text and tags\r\n const section2 = modalForm.querySelector(\".ktc-default-section:nth-child(2)\"); // form wizard page 2 // name fields\r\n const section3 = modalForm.querySelector(\".ktc-default-section:nth-child(3)\"); // form wizard page 2 // contact info fields\r\n const section4 = modalForm.querySelector(\".ktc-default-section:nth-child(4)\"); // form wizard page 2 // terms & captcha\r\n\r\n const submitFormButton = modalForm.querySelector(\".form-widget__submit\");\r\n\r\n // Get the \"Your Pledge\" text area\r\n const pledgeMessageField = modalForm.querySelector(\"textarea[name*='PledgeText']\");\r\n\r\n // Create Next button\r\n const nextButton = document.createElement(\"button\");\r\n nextButton.textContent = \"Next\";\r\n nextButton.type = \"button\";\r\n nextButton.classList.add(\"form-next\");\r\n section1.appendChild(nextButton);\r\n\r\n // Create Back button\r\n const backButton = document.createElement(\"button\");\r\n backButton.textContent = \"Back\";\r\n backButton.type = \"button\";\r\n backButton.classList.add(\"form-back\");\r\n backButton.style.display = \"none\"; // Initially hidden\r\n submitFormButton.insertAdjacentElement(\"beforebegin\", backButton); // Insert before submit button\r\n\r\n\r\n // Function to reset form state (always starts at Section 1)\r\n function resetFormState() {\r\n\r\n var section1isValid = detectValidationError(section1);\r\n var section2isValid = detectValidationError(section2);\r\n var section3isValid = detectValidationError(section3);\r\n var section4isValid = detectValidationError(section4);\r\n\r\n if (section1isValid && section2isValid && section3isValid && section4isValid) {\r\n showPage1();\r\n }\r\n else if (!section1isValid) {\r\n showPage1();\r\n }\r\n else if (!section2isValid || !section3isValid || !section4isValid) {\r\n showPage2();\r\n }\r\n }\r\n\r\n function showPage1() {\r\n section1.style.display = \"block\"; // Show first section\r\n section2.style.display = \"none\"; // Hide second section\r\n section3.style.display = \"none\"; // Hide third section\r\n section4.style.display = \"none\"; // Hide fourth section\r\n submitFormButton.style.display = \"none\"; // Hide submit button\r\n backButton.style.display = \"none\"; // Hide back button\r\n }\r\n\r\n function showPage2() {\r\n section1.style.display = \"none\";\r\n section2.style.display = \"block\";\r\n section3.style.display = \"block\";\r\n section4.style.display = \"block\";\r\n submitFormButton.style.display = \"block\"; // Show submit button\r\n backButton.style.display = \"block\"; // Show back button\r\n }\r\n\r\n // Function to open modal, reset form, and pre-fill the \"Your Pledge\" field\r\n function openModalWithPledge() {\r\n modal.style.display = \"block\"; // Open modal\r\n resetFormState(); // Reset to first section\r\n\r\n if (pledgeMessageField && !pledgeMessageField.value.trim()) {\r\n pledgeMessageField.value = inputField.value.trim(); // Set the pledge field value\r\n }\r\n }\r\n\r\n function detectValidationError(section) {\r\n const invalidFields = section.querySelector(\".input-validation-error\");\r\n if (invalidFields == null) {\r\n return true;\r\n }\r\n else {\r\n return (Array.isArray(invalidFields) && invalidFields.length > 0);\r\n }\r\n }\r\n\r\n // is called if the form is submitted\r\n if (resetFormState) {\r\n resetFormState(); // Reset form when closing modal\r\n }\r\n\r\n // Open modal when clicking submit button\r\n submitButton.addEventListener(\"click\", openModalWithPledge);\r\n\r\n // Allow \"Enter\" key to open modal\r\n inputField.addEventListener(\"keypress\", function (event) {\r\n if (event.key === \"Enter\") {\r\n event.preventDefault();\r\n openModalWithPledge();\r\n }\r\n });\r\n\r\n // Handle Next button click\r\n nextButton.addEventListener(\"click\", function () {\r\n showPage2();\r\n });\r\n\r\n // Handle Back button click\r\n backButton.addEventListener(\"click\", function () {\r\n showPage1();\r\n });\r\n\r\n // Close Modal & Reset Form when clicking outside or closing it\r\n modal.addEventListener(\"click\", function (event) {\r\n if (event.target === modal) {\r\n modal.style.display = \"none\";\r\n resetFormState(); // Reset form when closing modal\r\n }\r\n });\r\n\r\n document.querySelector(\".dw_pledge_close\").addEventListener(\"click\", function () {\r\n modal.style.display = \"none\";\r\n resetFormState(); // Reset form when closing modal\r\n });\r\n\r\n // Close modal with Esc key\r\n window.addEventListener(\"keydown\", function (event) {\r\n if (event.key === \"Escape\") {\r\n modal.style.display = \"none\";\r\n resetFormState(); // Reset form when closing modal\r\n }\r\n });\r\n }\r\n }\r\n\r\n // Function to move the Kentico form once it appears\r\n moveKenticoForm = () => {\r\n\r\n const modal = document.getElementById(\"dw_pledge_modal\");\r\n const modalContent = document.getElementById(\"modal_form_placeholder\");\r\n const kenticoForm = document.querySelector(\"form.form-widget\");\r\n\r\n if (kenticoForm && !modalContent.contains(kenticoForm)) {\r\n\r\n modalContent.appendChild(kenticoForm);\r\n\r\n const observer = new MutationObserver((mutationsList, observer) => {\r\n this.reformatWebForm(true);\r\n });\r\n\r\n observer.observe(modalContent, { childList: true });\r\n\r\n }\r\n }\r\n\r\n}\r\n","import React from 'react';\r\nimport { render, Fragment } from 'preact';\r\n\r\nimport { BaseComponent } from 'project/general';\r\nimport { EngagementFunctions } from 'shared/engagement-panel';\r\nimport { PledgeCard } from './pledge-card';\r\nimport { SharingComponent } from 'shared/engagement-panel';\r\n\r\nexport class PledgePageComponent extends BaseComponent {\r\n\r\n pledge = null;\r\n pledgeLikeFunctions = null;\r\n\r\n static getNamespace() {\r\n return 'pledge-page';\r\n }\r\n\r\n static getRequiredRefs() {\r\n return [\r\n 'engagementModalPlaceholder',\r\n 'pledgePlaceholder'\r\n ];\r\n }\r\n\r\n onInit() {\r\n this.pledge = this.options.pledge;\r\n this.engagementFunctions = new EngagementFunctions(this.options.engagementParameters);\r\n this.OnRenderPledge(this.pledge);\r\n }\r\n\r\n OnRenderPledge(pledge) {\r\n render(\r\n \r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n
\r\n\r\n