\r\n
\r\n );\r\n}\r\n","export function isExternalLink(link){\r\n return link && (link.indexOf('https://') === 0 || link.indexOf('http://') === 0 || link.indexOf('://') === 0);\r\n}\r\n\r\nexport function getLinkFromElement(el){\r\n if (!el) return null;\r\n const linkEl = el.closest('a');\r\n //console.log(el, linkEl);\r\n if (linkEl){\r\n return linkEl.getAttribute('href');\r\n }\r\n return null;\r\n}\r\n\r\n\r\n// router utils\r\nexport function getLinkInfo(link) {\r\n if (!link) return null;\r\n\r\n const origin = typeof window !== `undefined` && window.location && window.location.origin;\r\n const currentPath = typeof window !== `undefined` && window.location && window.location.pathname;\r\n let linkFiltered = link.replace(origin, '').replace(currentPath + '#', '#');\r\n let linkLower = link.toLowerCase();\r\n\r\n //if (isStaticFile(linkLower)) return null;\r\n const isExternal = isExternalLink(linkFiltered);\r\n const isHash = linkFiltered.indexOf('#') === 0;\r\n const isTel = linkFiltered.indexOf('tel:') === 0;\r\n const isMailTo = linkFiltered.indexOf('mailto:') === 0;\r\n const type = (isHash && 'hash') || (isTel && 'tel') || (isMailTo && 'mailto') || \r\n (isStaticFile(linkLower) && 'static') || (isExternal && 'external') || 'internal';\r\n\r\n return { url: linkFiltered, type: type, ext: getExtension(link) };\r\n}\r\n\r\nvar exts = ['.pdf', '.jpg', '.png', '.gif', '.docx', '.doc']\r\nfunction isStaticFile(path) {\r\n for(let i = 0; i < exts.length; i++) {\r\n if (path.indexOf(exts[i]) >= 0) return true;\r\n }\r\n return false;\r\n}\r\n\r\nexport function getExtension(filename) {\r\n if (!filename || filename.indexOf('.') < 0) return null;\r\n return filename.split('.').pop().toLowerCase();\r\n}\r\n\r\nexport function getFilename(url) {\r\n return url.split('/').pop().split('?')[0];\r\n}\r\n\r\nexport function getFolderPath(url, parentDepth = -1) {\r\n return url.split('/').slice(0, parentDepth).join('/');\r\n}\r\n\r\n//\r\nexport function toQueryString(params) {\r\n var queryString = Object.keys(params).map((key) => {\r\n return encodeURIComponent(key) + '=' + encodeURIComponent(params[key])\r\n }).join('&');\r\n return queryString;\r\n}\r\n\r\nexport function getYoutubeId(url){\r\n url = url.split(/(vi\\/|v=|\\/v\\/|youtu\\.be\\/|\\/embed\\/)/);\r\n return (url[2] !== undefined) ? url[2].split(/[^0-9a-z_-]/i)[0] : url[0];\r\n}\r\n\r\nexport function getSlug(text){\r\n return text.toLowerCase().replace(/ /g,'-').replace(/[-]+/g, '-').replace(/[^\\w-]+/g,'');\r\n}\r\n\r\nexport function getWebUrl(url, schema = 'https://'){\r\n if (!url) return null;\r\n if (url.indexOf('https:') >= 0 || url.indexOf('http:') >= 0 || url.indexOf(':') >= 0) {\r\n return url;\r\n }\r\n return schema + url;\r\n}","//#region error json parsing\r\nexport const getErrors = (result) => {\r\n let errors = [];\r\n if (result && result.errors && result.errors.length > 0) {\r\n result.errors.forEach(err => {\r\n errors.push(err.errorMessage);\r\n });\r\n }\r\n return errors;\r\n}\r\n\r\nexport const getErrorMessage = (result) => {\r\n let errors = getErrors(result);\r\n return errors.join(\" \");\r\n}\r\n//#endregion","//#region conversion between array and object\r\nexport const convertToObject = (array, key) => {\r\n const initialValue = {};\r\n return array.reduce((obj, item) => {\r\n return {\r\n ...obj,\r\n [item[key]]: item,\r\n };\r\n }, initialValue);\r\n};\r\n\r\nexport const convertToKeyValues = (array, key, value) => {\r\n const initialValue = {};\r\n return array.reduce((obj, item) => {\r\n return {\r\n ...obj,\r\n [item[key]]: item[value],\r\n };\r\n }, initialValue);\r\n};\r\n//#endregion\r\n\r\n//#region array helper functions\r\nexport const moveItem = (list, fromIndex, toIndex) => {\r\n //const list = Array.from(array);\r\n const [removed] = list.splice(fromIndex, 1);\r\n list.splice(toIndex, 0, removed);\r\n\r\n return list;\r\n};\r\n\r\nexport const removeItem = (list, index) => {\r\n //const list = Array.from(array);\r\n list.splice(index, 1);\r\n\r\n return list;\r\n};\r\n\r\nexport const insertItem = (list, index, item) => {\r\n //const list = Array.from(array);\r\n list.splice(index, 0, item);\r\n\r\n return list;\r\n};\r\n\r\n\r\nexport const find = (list, fn) => {\r\n if (!list) return null;\r\n for (let i = 0; i < list.length; i++) {\r\n if (fn(list[i])) {\r\n return list[i];\r\n }\r\n }\r\n return null;\r\n};\r\n\r\nexport const findIndex = (list, fn) => {\r\n if (!list) return -1;\r\n for (let i = 0; i < list.length; i++) {\r\n if (fn(list[i])) {\r\n return i;\r\n }\r\n }\r\n return -1;\r\n};\r\n\r\nexport const contains = (list, fn) => {\r\n return findIndex(list, fn) >= 0;\r\n}\r\n\r\n// utils.array.distinct(images, (x, y) => x.imageUrl === y.imageUrl)\r\nexport const distinct = (list, comparer) => {\r\n const filtered = []\r\n for (let i = 0; i < list.length; i++) {\r\n if (!contains(filtered, (x) => comparer(x, list[i]))) {\r\n filtered.push(list[i])\r\n }\r\n }\r\n return filtered;\r\n}\r\n\r\nexport const sum = (list, fn) => {\r\n if (!list) return 0;\r\n let total = 0;\r\n for (let i = 0; i < list.length; i++) {\r\n total += fn(list[i]) || 0\r\n }\r\n return total\r\n}\r\n\r\nexport const equal = (list1, list2, fn) => {\r\n if (!list1 && !list2) return true;\r\n if (!list1 || !list2) return false;\r\n if (list1.length !== list2.length) return false;\r\n for (let i = 0; i < list1.length; i++) {\r\n let found = false;\r\n for (let j = 0; j < list2.length; j++) {\r\n if(fn(list1[i], list2[i])) {\r\n found = true;\r\n break;\r\n }\r\n }\r\n if (!found) return false;\r\n }\r\n return true;\r\n}\r\n//#endregion\r\n\r\n//#region sorting helpers\r\nexport const caseInsensitiveCompare = function (a, b) {\r\n return a.toLowerCase().localeCompare(b.toLowerCase());\r\n}\r\n\r\n// put the null items at the end.\r\nexport const compareIgnoreEmpty = function (asc) {\r\n return asc ?\r\n function (a, b) {\r\n return (a === null || isNaN(a)) - (b === null || isNaN(b)) || +(a > b) || -(a < b);\r\n }\r\n :\r\n function (a, b) {\r\n return (a === null || isNaN(a)) - (b === null || isNaN(b)) || -(a > b) || +(a < b);\r\n }\r\n}\r\n//#endregion","import parse from \"date-fns/parse\";\r\nimport parseISO from \"date-fns/parseISO\";\r\nimport format from \"date-fns/format\";\r\n\r\n//#region manipulation\r\nexport const addDays = (date, days) => {\r\n var result = new Date(date);\r\n result.setDate(result.getDate() + days);\r\n return result;\r\n};\r\n//#endregion\r\n\r\n//#region format\r\nexport function formatDate(dateObj, formatStr) {\r\n const date = toDate(dateObj);\r\n if (!date) return \"\";\r\n return format(date, formatStr);\r\n}\r\n\r\nexport function formatYYYYMMDD(dateObj) {\r\n const date = toDate(dateObj);\r\n //console.log(dateObj, date)\r\n if (!date) return \"\";\r\n var dd = date.getDate();\r\n var mm = date.getMonth() + 1; //January is 0!\r\n\r\n var yyyy = date.getFullYear();\r\n if (dd < 10) {\r\n dd = \"0\" + dd;\r\n }\r\n if (mm < 10) {\r\n mm = \"0\" + mm;\r\n }\r\n return `${yyyy}-${mm}-${dd}`;\r\n}\r\n\r\nexport function formatDDMMYYYY(dateObj) {\r\n const date = toDate(dateObj);\r\n //console.log(dateObj, date)\r\n if (!date) return \"\";\r\n var dd = date.getDate();\r\n var mm = date.getMonth() + 1; //January is 0!\r\n\r\n var yyyy = date.getFullYear();\r\n if (dd < 10) {\r\n dd = \"0\" + dd;\r\n }\r\n if (mm < 10) {\r\n mm = \"0\" + mm;\r\n }\r\n return `${dd}-${mm}-${yyyy}`;\r\n}\r\n//#endregion\r\n\r\n//#region parse\r\nexport function toDate(dateObj) {\r\n if (!dateObj) return null;\r\n if (typeof dateObj === \"string\") {\r\n return (\r\n parseDate(dateObj, \"yyyy-MM-dd\") ||\r\n parseDate(dateObj, \"yyyy-M-d\") ||\r\n parseDate(dateObj, \"dd/MM/yyyy\") ||\r\n parseDate(dateObj, \"d/M/yyyy\") ||\r\n parseISO(dateObj)\r\n );\r\n } else {\r\n return dateObj;\r\n }\r\n}\r\n\r\nexport function toDateTime(dateObj) {\r\n if (!dateObj) return null;\r\n if (typeof dateObj === \"string\") {\r\n return (\r\n parseDate(dateObj, \"yyyy-MM-dd'T'HH:mm:ss.SSSxxx\") ||\r\n parseDate(dateObj, \"yyyy-MM-dd HH:mm:ss.SSSxxx\") ||\r\n parseDate(dateObj, \"yyyy-M-d HH:mm:ss.SSSxxx\") ||\r\n parseDate(dateObj, \"dd/MM/yyyy HH:mm:ss.SSSxxx\") ||\r\n parseDate(dateObj, \"d/M/yyyy HH:mm:ss.SSSxxx\") ||\r\n parseISO(dateObj)\r\n );\r\n } else {\r\n return dateObj;\r\n }\r\n}\r\n\r\nexport function parseDate(dateStr, format) {\r\n const date = parse(dateStr, format, new Date());\r\n return date && isValidDate(date) ? date : null;\r\n}\r\n\r\nexport function isValidDate(d) {\r\n return d instanceof Date && !isNaN(d);\r\n}\r\n//#endregion\r\n","//#region background images\r\nexport const bgUrl = (imageUrl) => {\r\n return `background-image:url(\"` + encodeURI(decodeURI(imageUrl)) + `\")`\r\n}\r\n\r\nexport const bgUrlStyle = (imageUrl) => {\r\n return `url(\"` + encodeURI(decodeURI(imageUrl)) + `\")`\r\n}\r\n//#endregion\r\n\r\n//#region screen/element size\r\nexport const screenWidth = () => {\r\n if (typeof window !== `undefined`) { \r\n return window.innerWidth ||\r\n document.documentElement.clientWidth ||\r\n document.body.clientWidth\r\n } else {\r\n return 0;\r\n }\r\n}\r\n\r\nexport const screenHeight = () => {\r\n if (typeof window !== `undefined`) { \r\n return window.innerHeight ||\r\n document.documentElement.clientHeight ||\r\n document.body.clientHeight\r\n } else {\r\n return 0;\r\n }\r\n}\r\n\r\nexport const outerWidth = el => el.offsetWidth\r\nexport const outerHeight = el => el.offsetHeight\r\n//#endregion\r\n\r\n//#region css class\r\n/**\r\n * Check if element has the css class on it.\r\n */\r\nexport const hasClass = (el, className) => {\r\n if (el.classList) {\r\n return el.classList.contains(className)\r\n }\r\n\r\n return !!el.className.match(new RegExp(`(\\\\s|^)${className}(\\\\s|$)`))\r\n}\r\n\r\n/**\r\n * Adds the provided css className to the element.\r\n */\r\nexport const addClass = (el, className) => {\r\n if (el.classList) {\r\n el.classList.add(className)\r\n return\r\n }\r\n\r\n if (!hasClass(el, className)) {\r\n el.className += ` ${className}`\r\n }\r\n}\r\n\r\n/**\r\n * Remove the provided css className from the element.\r\n */\r\nexport const removeClass = (el, className) => {\r\n if (el.classList) {\r\n el.classList.remove(className)\r\n return\r\n }\r\n\r\n if (hasClass(el, className)) {\r\n const reg = new RegExp(`(\\\\s|^)${className}(\\\\s|$)`)\r\n el.className = el.className.replace(reg, ' ')\r\n }\r\n}\r\n\r\n/**\r\n * Adds or removes a class name on the input depending on the status flag.\r\n */\r\nexport const toggleClass = (el, className, status) => {\r\n if (!el || !className) return\r\n\r\n if (status) {\r\n return addClass(el, className)\r\n }\r\n\r\n removeClass(el, className)\r\n}\r\n//#endregion","import { gsap } from 'gsap';\r\nimport { ScrollToPlugin } from 'gsap/ScrollToPlugin';\r\n\r\ngsap.registerPlugin(ScrollToPlugin);\r\n\r\nexport function scrollTo(selector, duration = 750, delay = 0) {\r\n const el = findElement(selector);\r\n if (el) {\r\n setTimeout(() => {\r\n //console.log(element);\r\n const offset = elementOffset(el);\r\n //console.log(offset)\r\n //window.scrollTo(0, offset.top - 300);\r\n\r\n gsap.to(window, {duration: (duration/1000), scrollTo: offset.top - 100, ease: 'power1'});\r\n\r\n }, delay);\r\n //el.scrollIntoView({ block: 'start', inline: 'nearest', behavior: 'smooth' }); }, timeout);\r\n return true;\r\n }\r\n return false;\r\n}\r\n\r\nexport function findElement(selector) {\r\n if (typeof selector !== 'string') return selector;\r\n\r\n let found = querySelectorOrNull(selector)\r\n || querySelectorOrNull('#' + selector)\r\n || querySelectorOrNull('.' + selector)\r\n \r\n return found;\r\n}\r\n\r\nexport function querySelectorOrNull(selector) {\r\n try {\r\n return document.querySelector(selector);\r\n } catch(e){\r\n return null;\r\n };\r\n}\r\n\r\nexport function elementOffset(el) {\r\n var rect = el.getBoundingClientRect(),\r\n scrollLeft = typeof window !== `undefined` ? (window.pageXOffset || document.documentElement.scrollLeft) : 0,\r\n scrollTop = typeof window !== `undefined` ? (window.pageYOffset || document.documentElement.scrollTop) : 0;\r\n\r\n return { top: rect.top + scrollTop, left: rect.left + scrollLeft, width: el.offsetWidth, height: el.offsetHeight }\r\n}\r\n\r\nexport function isElementInViewport (el) {\r\n if (typeof window !== `undefined`) {\r\n var rect = el.getBoundingClientRect();\r\n\r\n return (\r\n rect.top >= 0 &&\r\n rect.left >= 0 &&\r\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /* or $(window).height() */\r\n rect.right <= (window.innerWidth || document.documentElement.clientWidth) /* or $(window).width() */\r\n );\r\n } else {\r\n return true;\r\n }\r\n}\r\n\r\nexport function getCurrentBreakpoint() {\r\n if (typeof window === `undefined`) return null;\r\n \r\n const bpHolder = document.querySelector('.devMediaQueryStatus__current');\r\n if (!bpHolder) return null;\r\n return window.getComputedStyle(bpHolder, ':before').getPropertyValue('content').replace(/[\"']/g, '');\r\n}\r\n\r\n","export function formatMoney(number, fraction = 0) {\r\n var formatter = new Intl.NumberFormat('en-AU', {\r\n style: 'currency',\r\n currency: 'AUD',\r\n minimumFractionDigits: fraction,\r\n });\r\n\r\n return formatter.format(number);\r\n}\r\n\r\nexport function toMonthlyCost(amount, frequency) {\r\n if (!amount) return 0;\r\n if (frequency === 'Week') {\r\n return amount * 52.1429 / 12.0;\r\n } else if (frequency === 'Fortnight') {\r\n return amount * 52.1429 / 2.0 / 12.0;\r\n } else if (frequency === 'Month') {\r\n return amount;\r\n } else if (frequency === 'Quarter') {\r\n return amount * 4.0 / 12.0;\r\n } else if (frequency === 'Year') {\r\n return amount / 12.0;\r\n } else {\r\n return amount;\r\n }\r\n}\r\n","export function isBlank(str) {\r\n return (!str || /^\\s*$/.test(str))\r\n}\r\n\r\nexport function isEmpty(str) {\r\n return (!str || str.length === 0)\r\n}\r\n\r\nexport function isNumeric(num){\r\n return !isNaN(num)\r\n}\r\n\r\nexport function capitalize(expression) {\r\n return expression.charAt(0).toUpperCase() + expression.slice(1);\r\n}\r\n\r\nexport function toFieldName(str) {\r\n if (!str) return null;\r\n return capitalize((str.replace(/([A-Z]+)/g, ' $1').replace(/([A-Z][a-z])/g, ' $1')).trim());\r\n}\r\n\r\nexport function toHtml(str) {\r\n if (!str) return null;\r\n return str.replace(/[\\n\\r]/g, '\r\n
\r\n ')\r\n}\r\n\r\n// Shorten a string to less than maxLen characters without truncating words.\r\nexport function truncateWords(str, maxLen, separator = ' ', ellipsis = '...') {\r\n if (str.length <= maxLen) return str\r\n var pos = str.lastIndexOf(separator, maxLen)\r\n return str.substr(0, pos) + ellipsis\r\n}\r\n\r\nexport function numberWithCommas(x) {\r\n var parts = x.toString().split(\".\");\r\n parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n return parts.join(\".\");\r\n}\r\n\r\nexport const formatNumber = (value) => {\r\n if (value === 0) return '0';\r\n if (!value) return '';\r\n return Math.round(value * 100) / 100\r\n}\r\n\r\nexport const toTelephoneNumber = (str) => {\r\n return (str || []).replace(/[^+\\d]+/g, \"\");\r\n\r\n}\r\n\r\n// utils.text.like('text here', '%keyword%')\r\nexport const like = (str, search) => {\r\n if (typeof search !== 'string' || str === null) { return false; }\r\n // Remove special chars\r\n search = search.replace(new RegExp(\"([\\\\.\\\\\\\\\\\\+\\\\*\\\\?\\\\[\\\\^\\\\]\\\\$\\\\(\\\\)\\\\{\\\\}\\\\=\\\\!\\\\<\\\\>\\\\|\\\\:\\\\-])\", \"g\"), \"\\\\$1\");\r\n // Replace % and _ with equivalent regex\r\n search = search.replace(/%/g, '.*').replace(/_/g, '.');\r\n // Check matches\r\n return RegExp('^' + search + '$', 'gi').test(str);\r\n\r\n}","import shortid from 'shortid';\r\nimport uuid from 'uuid/v4';\r\n\r\nexport function shortId() {\r\n return shortid();\r\n}\r\n\r\nexport function guid() {\r\n return uuid();\r\n}","export function toCamel(o) {\r\n var newO, origKey, newKey, value\r\n if (o instanceof Array) {\r\n return o.map(function(value) {\r\n if (typeof value === \"object\") {\r\n value = toCamel(value)\r\n }\r\n return value\r\n })\r\n } else {\r\n newO = {}\r\n for (origKey in o) {\r\n if (o.hasOwnProperty(origKey)) {\r\n newKey = (origKey.charAt(0).toLowerCase() + origKey.slice(1) || origKey).toString()\r\n value = o[origKey]\r\n if (value instanceof Array || (value !== null && value.constructor === Object)) {\r\n value = toCamel(value)\r\n }\r\n newO[newKey] = value\r\n }\r\n }\r\n }\r\n return newO\r\n}","import { getFilename } from './url';\r\nimport { contains } from './array';\r\nexport function getImageSetPath(url, setId) {\r\n const info = getPathDetails(url)\r\n if (!info) return url;\r\n //console.log(url, info);\r\n return info.baseFolder + \"/@\" + setId + '/' + info.filename\r\n}\r\n\r\nexport function getPathDetails(url, setIds) {\r\n if (!url) return null;\r\n const parts = url.split('/').slice(0, -1);\r\n if (parts.length <= 1) return { baseFolder: '/', setId: null, filename: getFilename(url) };\r\n\r\n const lastFolder = parts[parts.length - 1];\r\n const hasSet = setIds && setIds.length > 0 ? contains(setIds, x => x === lastFolder) : lastFolder.indexOf('@') === 0;\r\n\r\n return hasSet ?\r\n { baseFolder: parts.slice(0, -1).join('/'), setId: lastFolder, filename: getFilename(url) } :\r\n { baseFolder: parts.join('/'), setId: null, filename: getFilename(url) }\r\n}","import classNames from 'classnames';\r\nimport * as url from './url';\r\nimport * as form from './form';\r\nimport * as array from './array';\r\nimport * as date from './date';\r\nimport * as css from './css';\r\nimport * as ui from './ui';\r\nimport * as money from './money';\r\nimport * as text from './text';\r\nimport * as random from './random';\r\nimport * as object from './object';\r\nimport * as media from './media';\r\n\r\nexport default { classNames, url, form, array, date, css, ui, money, text, random, object, media};","import facepaint from 'facepaint'\r\nimport siteConfig from '../../config';\r\n\r\nconst config = siteConfig.cssEmotion\r\nconst breakpointNames = (config && config.breakpointNames) || ['sm', 'md', 'lg', 'xl', 'xxl']\r\nconst breakpoints = (config && config.breakpoints) || [576, 768, 992, 1200, 1600]\r\n\r\nconst mq = facepaint(\r\n breakpoints.map(bp => `@media (min-width: ${bp}px)`)\r\n)\r\n\r\nconst mqMin = {};\r\nbreakpointNames.forEach((bp, index) => mqMin[bp] = `@media (min-width: ${breakpoints[index]}px)`)\r\n\r\nconst mqMax = {};\r\nbreakpointNames.forEach((bp, index) => mqMax[bp] = `@media (max-width: ${breakpoints[index] - 1}px)`)\r\n//console.log(mqMin, mqMax)\r\n\r\nconst matches = (mediaQuery) => !!window.matchMedia(mediaQuery).matches\r\nconst isMin = {};\r\nbreakpointNames.forEach((bp, index) => isMin[bp] = () => matches(`(min-width: ${breakpoints[index]}px)`))\r\n\r\nconst isMax = {};\r\nbreakpointNames.forEach((bp, index) => isMax[bp] = () => matches(`(max-width: ${breakpoints[index] - 1}px)`))\r\n\r\nexport { mq, mqMin, mqMax, isMin, isMax }","export function overlay() {\r\n return {\r\n content: `''`,\r\n position: 'absolute',\r\n top:0,\r\n bottom:0,\r\n left: 0,\r\n right: 0,\r\n transition: 'all 0.5s'\r\n }\r\n}","import utils from \"../utils\";\r\nimport env from '../env';\r\nimport { isMin } from '../lib/css-emotion'\r\n\r\nexport const isMobile = () => {\r\n // isMin.md() ==> min-width: 768px\r\n return !isMin.md()\r\n}\r\n\r\nexport function resourcePath(url){\r\n if (!url) return null;\r\n if (url && url.indexOf('/assets/') === 0) return url;\r\n return utils.url.isExternalLink(url)? url : env.resourceBase + url;\r\n}\r\n\r\nexport function fullUrl(url){\r\n return utils.url.isExternalLink(url)? url : env.baseOrigin + url;\r\n}\r\n\r\n\r\nexport const isNZ = env.locale === 'nz'\r\n\r\n","import coreUtils from '../lib/utils-core';\r\nimport * as site from '../site/siteUtils';\r\n\r\nexport default { ...coreUtils, site };","import { useState, useEffect } from 'react';\r\nimport utils from '../../utils';\r\nimport siteConfig from '../../config';\r\n\r\nexport function useApi(fn) {\r\n //console.log('useApi')\r\n const [response, setResponse] = useState({});\r\n const [errors, setErrors] = useState([]);\r\n const [status, setStatus] = useState('ready');\r\n const [request, setRequest] = useState(null);\r\n\r\n useEffect(() => {\r\n if (!request) return;\r\n\r\n //console.log('fetch now')\r\n setResponse(null);\r\n setErrors([]);\r\n setStatus('ready');\r\n\r\n const fetchData = async () => {\r\n setStatus('pending');\r\n try {\r\n //console.log(request);\r\n const options = request.options || {}\r\n siteConfig.apiNetJwt && await siteConfig.apiNetJwt(options);\r\n\r\n const res = await fetch(request.url, options);\r\n //console.log(res);\r\n\r\n if (!res.ok) {\r\n try {\r\n const json = await res.json();\r\n console.log(json);\r\n\r\n if (json.message) {\r\n setErrors([json.message]);\r\n setStatus('error')\r\n return;\r\n }\r\n } catch (e) { }\r\n\r\n const statusText = res.status === 401 ? 'Permission denied. Please login first.' : res.statusText\r\n setErrors(['Error - [' + res.status + ']' + (statusText && (' - ' + statusText))]);\r\n setStatus('error')\r\n return;\r\n }\r\n\r\n //const json = await res.json();\r\n const text = await res.text();\r\n const json = text && text.length ? JSON.parse(text) : null;\r\n //console.log(json);\r\n\r\n // check if ajax result from c#\r\n if (json && json.errors && json.errors.length > 0) {\r\n setErrors(utils.form.getErrors(json));\r\n setStatus('error')\r\n return;\r\n }\r\n\r\n setResponse(json);\r\n setStatus('done')\r\n } catch (err) {\r\n //console.log(error, error.toString(), typeof error, JSON.stringify(error))\r\n setErrors([err.toString()]);\r\n setStatus('error')\r\n }\r\n };\r\n fetchData();\r\n }, [request]);\r\n\r\n const containsErrorMessage = (msg) => {\r\n const finding = (msg || '').toLowerCase()\r\n return errors.some(x => (x || '').toLowerCase().indexOf(finding) >= 0)\r\n }\r\n\r\n //return [ response, error, status, (...args) => setRequest(fn(...args)) ];\r\n return {\r\n request: request,\r\n response: response,\r\n errors: errors,\r\n status: status,\r\n hasErrors: () => status === 'error',\r\n containsErrorMessage: containsErrorMessage,\r\n addErrors: (errs) => {\r\n setErrors(...errors, ...errs)\r\n setStatus('error')\r\n },\r\n done: () => status === 'done',\r\n send: (...args) => { setStatus('ready'); setRequest(fn(...args)) },\r\n sendRaw: (httpOptionFn, ...args) => { setStatus('ready'); setRequest(httpOptionFn(...args)) },\r\n setResult: (json) => { setResponse(json); setStatus('done') },\r\n reset: () => {\r\n setStatus('ready');\r\n setErrors([]);\r\n }\r\n };\r\n}\r\n\r\nexport function usePost() {\r\n const formDataFn = (url, data, options = {}) =>\r\n ({\r\n url: url,\r\n options: {\r\n ...options,\r\n method: 'POST',\r\n body: data // FormData\r\n }\r\n });\r\n const post = useApi((url, data, options = {}) =>\r\n ({\r\n url: url,\r\n options: {\r\n ...options,\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(data)\r\n }\r\n })\r\n );\r\n return {\r\n ...post,\r\n loading: () => post.status === 'ready' || post.status === 'pending',\r\n sending: () => post.status === 'pending',\r\n sendFormData: (...args) => post.sendRaw(formDataFn, ...args)\r\n }\r\n}\r\n\r\nexport function useGet() {\r\n const get = useApi((url, options = {}) =>\r\n ({\r\n url: url,\r\n options: {\r\n ...options,\r\n method: 'GET'\r\n }\r\n })\r\n );\r\n return {\r\n ...get,\r\n loading: () => get.status === 'ready' || get.status === 'pending'\r\n }\r\n}\r\n\r\n//https://medium.com/@jaryd_34198/seamless-api-requests-with-react-hooks-part-2-3ab42ba6ad5c","import React from 'react';\r\nimport env from '../../env';\r\n\r\nexport function MediaQueryStatus(props) {\r\n return (\r\n
\r\n \r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport { Helmet } from 'react-helmet-async';\r\n\r\nexport function MetaTag({ data: seoData }) {\r\n //console.log(seoData)\r\n const data = Object.assign({}, {\r\n title: ''\r\n }, seoData)\r\n\r\n return (<>\r\n \r\n {displayingPosts.map((item, index) =>\r\n
\r\n )\r\n}\r\n\r\nfunction Feed({item}) {\r\n return (\r\n \r\n {/* {item.link} */}\r\n \r\n })
\r\n {item.type === 'video' &&
\r\n )\r\n}","// https://www.pluralsight.com/guides/re-render-react-component-on-window-resize\r\nexport function debounce(fn, ms) {\r\n let timer\r\n return _ => {\r\n clearTimeout(timer)\r\n timer = setTimeout(_ => {\r\n timer = null\r\n fn.apply(this, arguments)\r\n }, ms)\r\n };\r\n}","import utils from '../../utils';\r\n\r\nexport function loadApi(onApiReady) {\r\n if (typeof window !== `undefined` && !window.YT) { // If not, load the script asynchronously\r\n const tag = document.createElement('script');\r\n tag.src = 'https://www.youtube.com/iframe_api';\r\n\r\n // onYouTubeIframeAPIReady will load the video after the script is loaded\r\n window.onYouTubeIframeAPIReady = () => onApiReady(true);\r\n\r\n const firstScriptTag = document.getElementsByTagName('script')[0];\r\n firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\r\n } else { // If script is already there, load the video directly\r\n onApiReady(false);\r\n }\r\n}\r\n\r\n// export function player(playerId, videoId, playerVars = {}, events = {}) {\r\n// //let player = null;\r\n// const defaultPlayerVars = {\r\n// 'autoplay': 1,\r\n// 'controls': 0,\r\n// 'loop': 1,\r\n// 'showinfo': 0,\r\n// 'rel': 0,\r\n// 'modestbranding': 1,\r\n// 'origin': window.location.origin,\r\n// 'allowfullscreen': true,\r\n// 'wmode': 'transparent'\r\n// }\r\n// const defaultEvents = {\r\n// 'onStateChange': (e) => { },\r\n// 'onReady': (e) => { console.log('onReady'); player.mute() },\r\n// 'onError': (e) => { console.log(e) }\r\n// }\r\n\r\n// const player = new window.YT.Player(playerId, {\r\n// videoId: videoId,\r\n// playerVars: Object.assign({}, defaultPlayerVars, playerVars),\r\n// events: Object.assign({}, defaultEvents, events),\r\n// });\r\n// return player;\r\n// }\r\n\r\nexport function thumbnailMax(videoId){\r\n return `https://img.youtube.com/vi/${videoId}/maxresdefault.jpg`\r\n}\r\n\r\n// onPlayerStateChange(event){\r\n// switch (event.data){\r\n// case window['YT'].PlayerState.PLAYING:\r\n// //console.log('Playing');\r\n// //this.player.mute();\r\n// break;\r\n// case window['YT'].PlayerState.PAUSED:\r\n// //console.log('Pafdsu');\r\n// break;\r\n// case window['YT'].PlayerState.ENDED:\r\n// //console.log('ended ');\r\n// //this.player.playVideo();\r\n// this.player.stopVideo();\r\n// break;\r\n// }\r\n// }\r\n\r\n// toggleBannerYoutueInCMS(toggleItem:string){ \r\n// if(toggleItem == 'youtube'){\r\n// //location.reload();\r\n// this.toggleBannerOrYoutube = toggleItem;\r\n// this.player.playVideo();\r\n// this.init();\r\n// }\r\n// else{\r\n// this.toggleBannerOrYoutube = toggleItem;\r\n// this.player.stopVideo();\r\n// }\r\n// }\r\n\r\n\r\nexport function getYoutubeCode(src) {\r\n // if (src.indexOf('http') >= 0) {\r\n // if (src.indexOf('v=') >= 0) {\r\n // return src.split('v=')[1];\r\n // }\r\n // }\r\n // return src;\r\n return utils.url.getYoutubeId(src);\r\n}","import React from 'react';\r\nimport utils from '../../utils';\r\nimport * as yt from './iframeApi';\r\nimport { FaRegPlayCircle } from 'react-icons/fa';\r\nimport { useStore } from '../../store';\r\n\r\nexport function YoutubeEmbedPopup({ url, title, posterUrl }) {\r\n const { dispatch } = useStore();\r\n\r\n const videoId = yt.getYoutubeCode(url);\r\n const posterImageUrl = utils.site.resourcePath(posterUrl || yt.thumbnailMax(videoId));\r\n const [popupIndex, setPopupIndex] = React.useState(0);\r\n\r\n function openVideo() {\r\n setPopupIndex(popupIndex + 1);\r\n dispatch({ type: 'SET_POPUP', payload: { sources: [\r\n // \r\n 'https://www.youtube.com/watch?v=' + videoId\r\n ], popupIndex: popupIndex + 1} });\r\n }\r\n return (\r\n \r\n {item.type === 'video' && \r\n
\r\n );\r\n}\r\n","function payload(item, key, defaultVal = '') {\r\n const found = item.payloads.find(x => x.key === key);\r\n return found ? found.value : defaultVal;\r\n}\r\n\r\nfunction getCodeJson(item) {\r\n const code = payload(item, 'Code');\r\n const codeType = payload(item, 'CodeType');\r\n if (codeType === 'Json') {\r\n const codeJson = JSON.parse(code);\r\n return codeJson\r\n }\r\n return null\r\n}\r\n\r\n\r\nfunction hasItemInPageDataByItemTypeCode(pageData, itemTypeCode) {\r\n return hasItemInPageData(pageData, item => item.itemTypeCode === itemTypeCode);\r\n}\r\n\r\n// hasItemInPageData(cmsOption.pageData, '')\r\n// matchFn = (item) => item.itemTypeCode === itemTypeCode\r\nfunction hasItemInPageData(pageData, matchFn) {\r\n if (!pageData) return false;\r\n for (let i = 0; i < pageData.sections.length; i++) {\r\n if (hasItemInItems(pageData.sections[i].items, matchFn)) return true;\r\n }\r\n return false;\r\n}\r\n\r\nfunction hasItemInItems(items, matchFn) {\r\n if (!items) return false;\r\n for (let i = 0; i < items.length; i++) {\r\n if (matchFn(items[i])) return true;\r\n if (hasItemInItems(items[i].items, matchFn)) return true;\r\n }\r\n return false;\r\n}\r\n\r\nexport default { payload, getCodeJson, hasItemInPageData, hasItemInItems, hasItemInPageDataByItemTypeCode };","export default {\r\n buttonContainer : {\r\n textAlign: 'center',\r\n marginTop: '1rem'\r\n },\r\n topBar : {\r\n marginTop: '1.5rem',\r\n //marginBottom: '1rem'\r\n },\r\n bottomBar : {\r\n marginTop: '.5rem',\r\n textAlign: 'right'\r\n },\r\n button:{\r\n fontWeight: 600\r\n },\r\n noResultText :{\r\n textAlign: 'center',\r\n marginTop: '1rem',\r\n fontWeight: 600\r\n }\r\n}","import { mq } from '../../../cssInJs';\r\n\r\n// export default{\r\n// label:{\r\n// fontWeight: 600\r\n// }\r\n// }\r\n\r\nexport default {\r\n form : {\r\n '.form-group' : {\r\n marginBottom: '0.5rem'\r\n },\r\n '.form-control' : {\r\n backgroundColor: 'transparent'\r\n }\r\n },\r\n label:{\r\n fontWeight: 600,\r\n marginBottom: '0px'\r\n },\r\n formLast : mq({\r\n marginBottom: ['0.5rem',null,null,'0px !important']\r\n }),\r\n searchBtn : {\r\n marginTop: '1rem',\r\n fontWeight: 600\r\n },\r\n atdwTypeSelect : mq({\r\n height: ['27px !important',null,null,'196px !important'],\r\n marginTop: '0.15rem'\r\n }),\r\n eventButton:{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n justifyContent: 'end',\r\n '.form-group' : {\r\n marginBottom:'0.5rem !important'\r\n }\r\n }\r\n}","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core';\r\nimport style from './atdwSearchOptionStyle';\r\nimport { useState } from 'react';\r\n\r\nexport function AtdwSearchOption({ atdwType, searechAtdw, towns, subCategoies, town }) {\r\n\r\n console.log(\"atdwType -->\", atdwType);\r\n \r\n const atdwTypeOptions = setAtdwTypeOptions();\r\n function setAtdwTypeOptions() {\r\n if (atdwType === 'ACCOMM') {\r\n return {\r\n title: 'Accommodation Type',\r\n items: [\r\n { value: '', label: 'ALL' },\r\n { value: 'APARTMENT', label: 'Apartments' },\r\n { value: 'BACKPACKER', label: 'Backpackers and Hostels' },\r\n { value: 'BEDBREAKFA', label: 'Bed and Breakfasts' },\r\n { value: 'CABCOTTAGE', label: 'Cabins and Cottages' },\r\n { value: 'VANCAMP', label: 'Caravan and Camping' },\r\n { value: 'ECOACCOMM', label: 'Eco Accommodation' },\r\n { value: 'FARMSTAY', label: 'Farm Stays' },\r\n { value: 'HISTORICAL', label: 'Historical' },\r\n { value: 'HOLHOUSE', label: 'Holiday Houses' },\r\n { value: 'HOUSEBOATS', label: 'Houseboats' },\r\n { value: 'LUXURYACCOMM', label: 'Luxury Accommodation' },\r\n { value: 'HOTELMOTEL', label: 'Hotels and Motels' },\r\n //{ value: 'MOTEL', label: 'Motels' },\r\n { value: 'RESORTRETREAT', label: 'Resorts and Retreats' },\r\n //{ value: 'RETREAT', label: 'Retreats' },\r\n { value: 'SELFCONTAINED', label: 'Self Contained' },\r\n { value: 'WATERFRONT', label: 'Waterfront' }\r\n //{ value : 'FEATUREDACCOMM', label : 'Featured Accomodation' }\r\n ]\r\n };\r\n }\r\n else if (atdwType === 'ATTRACTION') {\r\n return {\r\n title: 'Attraction Type',\r\n items: [\r\n { value: '', label: 'ALL' },\r\n { value: 'AMUSETHEME', label: 'Amusement and Theme Parks' },\r\n { value: 'ENTERTAIN', label: 'Entertainment Venues' },\r\n { value: 'GALMUSECOL', label: 'Galleries, Museums and Collections' },\r\n { value: 'HISTHERITG', label: 'Historical Sites and Heritage Locations' },\r\n { value: 'LMARKBLD', label: 'Landmarks and Buildings' },\r\n { value: 'MINDUSTRY', label: 'Agri, Mining and Industry' },\r\n { value: 'NATATTRACT', label: 'Natural Attractions' },\r\n { value: 'NATPARKRES', label: 'National Parks and Reserves' },\r\n { value: 'OBSVPLANET', label: 'Observatories and Planetariums' },\r\n { value: 'PKGDNCEM', label: 'Parks and Gardens' },\r\n { value: 'SHOPPING', label: 'Shopping and Markets' },\r\n { value: 'SPARETREAT', label: 'Spas and Retreats' },\r\n { value: 'SPORTREC', label: 'Sports and Recreation Facilities' },\r\n { value: 'ZOOSNCAQU', label: 'Zoos, Sanctuaries, Aquariums and Wildlife Parks' }\r\n //{ value : 'FEATUREDATTRACTIONS', label : 'Featured Attractions', }\r\n ]\r\n }\r\n }\r\n else if (atdwType === 'DESTINFO') {\r\n return {\r\n title: 'Destination Info',\r\n items: [\r\n // { value: 'SHOPPING', label: 'Shopping and Markets' },\r\n // { value: 'SPARETREAT', label: 'Spas and Retreats' },\r\n ]\r\n }\r\n }\r\n else if (atdwType === 'RESTAURANT') {\r\n return {\r\n title: 'Food & Drink Type',\r\n items: [\r\n // { value: 'BAR', label: 'Bar' },\r\n // { value: 'TAKEAWAY', label: 'Takeaway Available' },\r\n ]\r\n }\r\n }\r\n else if (atdwType === 'EVENT') {\r\n return {\r\n title: 'Event Type',\r\n items: [\r\n { value: '', label: 'ALL' },\r\n { value: 'EVTBUS', label: 'Business Event' },\r\n { value: 'EVTCLASS', label: 'Classes, Lessons, Workshops and Talks' },\r\n { value: 'EVTCOMNTY', label: 'Community Event' },\r\n { value: 'EVTFOOD', label: 'Food and Wine' },\r\n { value: 'EVTMARKET', label: 'Markets' },\r\n { value: 'EXHIBIT', label: 'Exhibition and Shows' },\r\n { value: 'FESTIVAL', label: 'Festivals and Celebrations' },\r\n { value: 'PERFORMANC', label: 'Concert or Performance' },\r\n { value: 'SPORT', label: 'Sporting Events' },\r\n { value: 'FEATUREDEVENTS', label: 'Featured Events', }\r\n ]\r\n }\r\n }\r\n else if (atdwType === 'HIRE') {\r\n return {\r\n title: 'Hire Type',\r\n items: [\r\n { value: '', label: 'ALL' },\r\n { value: 'WATERFRONT', label: 'Waterfront', },\r\n { value: 'HOUSEBOATS', label: 'Houseboats', },\r\n { value: 'ACCOMMODATION', label: 'Accommodation', },\r\n { value: 'FEATUREDHIRES', label: 'Featured Hires', }\r\n ]\r\n }\r\n }\r\n else if (atdwType === 'TOUR') {\r\n return {\r\n title: 'Tour Type',\r\n items: [\r\n { value: '', label: 'ALL' },\r\n { value: 'CRUISES', label: 'Cruises', },\r\n { value: 'FEATUREDTOURS', label: 'Featured Tours', }\r\n ]\r\n }\r\n }\r\n else if (atdwType === 'GENSERVICE') {\r\n return {\r\n title: 'Service Type',\r\n items: [\r\n // { value: 'CARPARK', label: 'Carpark' },\r\n // { value: 'FAMLYFREND', label: 'Family Friendly' },\r\n ]\r\n }\r\n }\r\n else {\r\n return { title: '', items: [] }\r\n }\r\n }\r\n return (\r\n \n \n \n
\n )\n}","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core';\r\nimport style from './atdwSearchResultStyle';\r\nimport { AtdwTile } from '../atdwTile/atdwTile';\r\n\r\nexport function AtdwSearchResult({atdwData}){\r\n const _atdwData = atdwData || [];\r\n return(\r\n \n \n
\n \n
\n \n {\n firstDate !== '' &&\n
\n
\n {/* \n {firstDate}\n
\n }\n \n {product.productName}\n
\n \n
\n {product.shortDesc}\n
\n \n ![\"wave\"/](\"/assets/flow-device-transparent.png\")
\n
*/}\n \n \r\n
\r\n )\r\n}","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport { Fragment, useState, useEffect } from 'react';\nimport env from '../../../env';\nimport style from './atdwSearchMainStyle';\nimport { Loading } from 'components';\nimport utils from '../.././../utils';\nimport { AtdwSearchOption } from '../../atdw/atdwSearchOption/atdwSearchOption';\nimport { AtdwSearchResult } from '../../atdw/atdwSearchResult/atdwSearchResult';\n\nexport function AtdwSearchMain({ atdwType, subTypes, autoSearch, hideSearch = 'off', numOfTileLines = '12', town = \"ALL\", hideCount = \"off\" }) {\n\n const [atdwDataInfo, setAtdwDataInfo] = useState();\n const [searchPedding, setSearchPedding] = useState(false);\n const [txaTrigger, setTxaTrigger] = useState(0);\n const bp = utils.ui.getCurrentBreakpoint();\n const tilesPerLine = { xs: 1, sm: 1, md: 3, lg: 3, xl: 3, xxl: 3 }\n const _numOfTileLines = hideSearch === 'on' ? parseInt(numOfTileLines) * tilesPerLine[bp] : 12;\n\n function addAtdw() {\n //const sliced = atdwDataInfo.reserveAtdwData.slice((atdwDataInfo.atdwData.length), (atdwDataInfo.atdwData.length + _numOfTileLines) - 1);\n const sliced = atdwDataInfo.reserveAtdwData.slice((atdwDataInfo.atdwData.length), (atdwDataInfo.atdwData.length + _numOfTileLines));\n sliced.forEach(el => {\n atdwDataInfo.atdwData.push(el);\n });\n setAtdwDataInfo({\n ...atdwDataInfo,\n atdwData: atdwDataInfo.atdwData\n });\n }\n\n function searechAtdw(searchOptionValue) {\n\n setSearchPedding(true);\n const _atdwSubType = searchOptionValue.atdwSubType || [];\n const _atdwSearchByName = searchOptionValue.atdwSearchByName || '';\n const _atdwCheckIn = searchOptionValue.atdwCheckIn || '';\n const _atdwCheckOut = searchOptionValue.atdwCheckOut || '';\n const _atdwAdults = searchOptionValue.atdwAdults || '1';\n const _atdwKids = searchOptionValue.atdwKids || '0';\n const atdwTownItem = searchOptionValue.atdwTown || '';\n\n let _filteredData = searechAtdwFilter({\n atdwSubTypeItem: _atdwSubType,\n atdwSearchByNameItem: _atdwSearchByName,\n atdwTownItem: atdwTownItem,\n atdwCheckIn: _atdwCheckIn,\n atdwCheckOut: _atdwCheckOut,\n atdwDataItem: atdwDataInfo.atdwDataFromDB\n });\n\n if (atdwType === 'EVENT') {\n sortAtdw(_filteredData);\n }\n\n const _data = [];\n if (_filteredData.length > 0) {\n for (var i = 0; i < _numOfTileLines; i++) {\n _data.push(_filteredData[i]);\n if (i === (_filteredData.length - 1)) {\n break;\n }\n }\n }\n\n\n if (atdwType === 'ACCOMM___' && (_atdwCheckIn !== \"\" && _atdwCheckIn !== null) && (_atdwCheckOut !== \"\" && _atdwCheckOut !== null)) {\n console.log(\"TXA ::::: ->\");\n setAtdwDataInfo({\n ...atdwDataInfo,\n reserveAtdwData: _filteredData,\n atdwData: _data,\n checkStartResult: true,\n atdwCheckIn: _atdwCheckIn,\n atdwCheckOut: _atdwCheckOut,\n atdwAdults: _atdwAdults,\n atdwKids: _atdwKids\n });\n setTxaTrigger(txaTrigger + 1);\n }\n else {\n setAtdwDataInfo({\n ...atdwDataInfo,\n reserveAtdwData: _filteredData,\n atdwData: _data,\n checkStartResult: true\n });\n setTimeout(() => {\n setSearchPedding(false);\n }, 1000);\n }\n }\n\n function sortAtdw(filteredData) {\n\n console.log(\"filteredData\", filteredData);\n\n filteredData.sort(function (a, b) {\n\n let aTempDate = null;\n let bTempDate = null;\n\n if (a.additionalData.eventFrequency && a.additionalData.eventFrequency.length > 0) {\n a.additionalData.eventFrequency.forEach(ela => {\n if (aTempDate === null) {\n aTempDate = new Date(ela.frequencyStartDate);\n }\n else {\n const aCurrentTempDate = new Date(ela.frequencyStartDate);\n if (aCurrentTempDate <= aTempDate) {\n aTempDate = aCurrentTempDate;\n }\n }\n });\n }\n\n if (b.additionalData.eventFrequency && b.additionalData.eventFrequency.length > 0) {\n b.additionalData.eventFrequency.forEach(elb => {\n if (bTempDate === null) {\n bTempDate = new Date(elb.frequencyStartDate);\n }\n else {\n const bCurrentTempDate = new Date(elb.frequencyStartDate);\n if (bCurrentTempDate <= bTempDate) {\n bTempDate = bCurrentTempDate;\n }\n }\n });\n }\n\n aTempDate = aTempDate || new Date();\n bTempDate = bTempDate || new Date();\n\n return aTempDate - bTempDate;\n\n });\n }\n\n function searechAtdwFilter({ atdwSubTypeItem, atdwSearchByNameItem, atdwTownItem, atdwCheckIn, atdwCheckOut, atdwDataItem }) {\n\n const _atdwSubType = atdwSubTypeItem || [];\n const _atdwSearchByName = atdwSearchByNameItem || '';\n const _atdwTown = atdwTownItem || '';\n const _atdwCheckIn = atdwCheckIn || '';\n const _atdwCheckOut = atdwCheckOut || '';\n\n const _filteredData = atdwDataItem.filter((data) => {\n let returnResult = false;\n\n //1\n if ((_atdwSubType.length > 0 && _atdwSubType[0] === '') || _atdwSubType.length === 0) {\n returnResult = true;\n }\n else {\n var convertedAtdwSubType = _atdwSubType.toString().replace(\"HOTELMOTEL\", \"HOTEL,MOTEL\").replace(\"RESORTRETREAT\", \"RESORT,RETREAT\");\n for (var i in data.additionalData.PRODUCTTYPES) {\n returnResult = false;\n if (convertedAtdwSubType.includes(data.additionalData.PRODUCTTYPES[i].productTypeId)) {\n returnResult = true;\n break;\n }\n // else{\n // returnResult = false;\n // break;\n // }\n }\n //returnResult = true;\n }\n\n //2\n if (returnResult === true && (_atdwTown !== \"\" && _atdwTown !== null)) {\n returnResult = false;\n\n // const loxtonLIst = [\"loxton\", \"loxton north\", \"new residence\", \"pyap\", \"bookpurnong\"];\n // const waikerieLIst = [\"waikerie\", \"good hope landing\", \"lowbank\", \"holder\", \"pooginook\", \"golden heights\", \"ramco\", \"ramco heights\", \"sunlands\"];\n // const moorookLIst = [\"kingston on murray\", \"moorook\", \"moorook south\", \"wigley flat\", \"woolpunda\"];\n\n // if(loxtonLIst.includes(_atdwTown.toLowerCase())){\n // if(loxtonLIst.includes(data.town.toLowerCase())){\n // returnResult = true;\n // }\n // }\n // else if(waikerieLIst.includes(_atdwTown.toLowerCase())){\n // if(waikerieLIst.includes(data.town.toLowerCase())){\n // returnResult = true;\n // }\n // }\n // else if(moorookLIst.includes(_atdwTown.toLowerCase())){\n // if(moorookLIst.includes(data.town.toLowerCase())){\n // returnResult = true;\n // }\n // }\n // else{\n // if (data.town.toLowerCase().includes(_atdwTown.toLowerCase())) {\n // returnResult = true;\n // }\n // }\n\n if (data.town.toLowerCase().includes(_atdwTown.toLowerCase())) {\n returnResult = true;\n }\n }\n\n //3\n if (returnResult === true && (_atdwSearchByName !== \"\" && _atdwSearchByName !== null)) {\n returnResult = false;\n if (data.productName.toLowerCase().includes(_atdwSearchByName.toLowerCase())) {\n returnResult = true;\n }\n }\n\n if (atdwType === 'EVENT' && returnResult === true && (_atdwCheckIn !== \"\" && _atdwCheckIn !== null) && (_atdwCheckOut !== \"\" && _atdwCheckOut !== null)) {\n returnResult = false;\n const _checkIn = new Date(_atdwCheckIn);\n const _checkOut = new Date(_atdwCheckOut);\n const _eventFrequency = data.additionalData.eventFrequency;\n if (_eventFrequency && _eventFrequency.length > 0) {\n\n for (let i in _eventFrequency) {\n const _startDate = new Date(_eventFrequency[i].frequencyStartDate)\n //const _endDate = new Date(_eventFrequency[i].frequencyEndDate);\n if (_checkIn <= _startDate && _checkOut >= _startDate) {\n returnResult = true;\n break;\n }\n }\n }\n }\n return returnResult;\n });\n return _filteredData;\n }\n\n useEffect(() => {\n\n const abortController = new AbortController();\n const signal = abortController.signal;\n\n const fetchData = async () => {\n //const res = await fetch(env.apiBase + \"/api/atdw/getproducts/\" + atdwType, {signal:signal});\n const res = await fetch(env.apiBase + \"/api/atdw/getproducts\", {\n method: 'post',\n signal: signal,\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n category: atdwType,\n town: hideSearch === 'off' ? 'ALL' : town\n })\n });\n\n const data = await res.json();\n\n console.log(\"data -->\", data);\n\n if (data && data.results && data.results.productResult) {\n\n const _atdwSubType = subTypes && subTypes !== '' ? subTypes.split(\",\") : [];\n\n const _filteredData = searechAtdwFilter({\n atdwSubTypeItem: _atdwSubType,\n atdwDataItem: data.results.productResult.products,\n atdwTownItem: town === 'ALL' ? '' : town\n });\n\n if (atdwType === 'EVENT') {\n sortAtdw(_filteredData);\n }\n\n const _data = [];\n if (_filteredData.length > 0) {\n for (var i = 0; i < _numOfTileLines; i++) {\n _data.push(_filteredData[i]);\n if (i === (_filteredData.length - 1)) {\n break;\n }\n }\n }\n\n let _autoSearch = autoSearch;\n if (hideSearch === 'on') {\n _autoSearch = 'on'\n }\n\n let _checkStartResult = _autoSearch === 'on' ? true : false;\n\n setAtdwDataInfo({\n atdwDataFromDB: data.results.productResult.products,\n reserveAtdwData: _filteredData,\n //atdwData : _data,\n atdwData: _autoSearch === 'on' ? _data : [],\n towns: data.results.productResult.tows,\n subCategoies: _atdwSubType,\n checkStartResult: _checkStartResult\n });\n }\n }\n\n fetchData();\n return function cleanup() {\n abortController.abort();\n }\n\n // eslint-disable-next-line\n }, []);\n\n useEffect(() => {\n\n if (txaTrigger === 0) {\n return;\n }\n\n const abortController = new AbortController();\n //const signal = abortController.signal;\n\n const fetchData = async () => {\n //atdwDataInfo\n const txaList = [];\n atdwDataInfo.reserveAtdwData.forEach(el => {\n for (var i in el.additionalData.externalSystems) {\n if (el.additionalData.externalSystems[i].externalSystemCode === \"TXA_DEFAULT\") {\n txaList.push(el.additionalData.externalSystems[i].externalSystemText);\n break;\n }\n }\n });\n\n // const res = await fetch(env.apiBase + \"/api/atdw/gettxaproducts\", {\n // method : 'post',\n // signal:signal,\n // headers: { 'Content-Type': 'application/json' },\n // body: JSON.stringify({\n // //category : atdwType,\n // //town : hideSearch === 'off' ? 'ALL' : town\n // })\n // });\n\n // const data = await res.json();\n\n\n\n }\n\n fetchData();\n return function cleanup() {\n abortController.abort();\n }\n\n // eslint-disable-next-line\n }, [txaTrigger]);\n\n return (\n atdwDataInfo ?\n \r\n {\r\n _atdwData.map((item, index) =>
\r\n \n 1 to {atdwDataInfo.atdwData.length} of {atdwDataInfo.reserveAtdwData.length}\n
\n }\n\n \n 1 to {atdwDataInfo.atdwData.length} of {atdwDataInfo.reserveAtdwData.length}\n
\n }\n\n {\n (atdwDataInfo.atdwData.length !== atdwDataInfo.reserveAtdwData.length && atdwDataInfo.atdwData.length > 0) &&\n \n \n
\n }\n Sorry, there are no available results.
\n }\n \n
\n ' +\n '
'\n });\n\n var isMobile = false;\n if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {\n isMobile = true;\n }\n\n marker.addListener('mouseover', function(){\n if(!isMobile) {\n infowindow.open(map, marker);\n }\n });\n marker.addListener('mouseout', function(){ \n if(!isMobile) {\n infowindow.close();\n }\n });\n marker.addListener('click', function(){\n if(isMobile) {\n setPopupData({\n productName : el.productName,\n address : el.address,\n town : el.town,\n desc : el.shortDesc,\n slug : el.slug\n });\n setOpenPopup(true); \n }\n else{\n history.push('/atdwproduct/' + el.slug);\n }\n });\n\n });\n }\n }\n\n fetchData();\n return function cleanup(){\n abortController.abort();\n if(!checkScript){\n document.body.removeChild(script);\n }\n }\n\n // eslint-disable-next-line\n }, [mapState.currentAtdwType]);\n\n const switchMap = useCallback((value)=>{\n \n setMapState({\n ...mapState,\n currentAtdwType : value\n });\n // setMapState(pre=>{\n // let _new = {...pre};\n // //_//new.fetchAble = true;\n // _new.currentAtdwType = value;\n // return _new;\n // });\n \n // eslint-disable-next-line\n }, []);\n\n const Filters = (() => {\n return(\n ' + el.productName + '
' + \n '' + el.town + '
' + \n '' + el.address + ' ' + el.town + '
' + \n '' + el.shortDesc + '
' + \n '\n \n \n \n\n \n\n \n\n \n\n \n\n \n\n \n
\n )\n });\n\n return(\n \n
\n { popupData.productName }
\n { popupData.town }
\n { popupData.address + ' ' + popupData.town }
\n { popupData.desc }
\n\n \n \n
\n \n
\n \n \n
\n {\n atdwType === 'ALL' &&\n \n
\n \r\n {!usePlaceholder && fieldLabel && }\r\n
\r\n )\r\n}\r\n\r\nexport default TextInput;","import React from 'react';\r\nimport ValidationAlert from '../components/ValidationAlert';\r\nimport utils from '../../../utils';\r\nimport { getLabel } from '../formRenderHelper';\r\n\r\nfunction RadioListInput({ control, handleChange, formOption }) {\r\n const { name, label, value, errors, style, options, helpText, attrs } = control;\r\n const fieldId = utils.random.shortId();\r\n const fieldLabel = getLabel(control, formOption);\r\n return (\r\n \r\n {prependText &&
\r\n {helpText && }\r\n \r\n
\r\n }\r\n\r\n handleChange(e, control)} \r\n // onBlur={(e) => handleChange(e, control, true)}\r\n onChange={changed}\r\n onKeyDown={keyDown}\r\n onBlur={blur}\r\n autoComplete=\"new-password\"\r\n //onFocus={focus}\r\n //autoFocus={autoFocus}\r\n placeholder={placeHolder}\r\n className={\"form-control\" + (errors && errors.length > 0 ? ' is-invalid' : '')} {...attrs} />\r\n {prependText}
\r\n \r\n {fieldLabel && }\r\n
\r\n )\r\n}\r\n\r\nfunction checked(value, optionValue) {\r\n if (optionValue === null || typeof optionValue === 'undefined') return false;\r\n return value === optionValue;\r\n}\r\n\r\nexport default RadioListInput;","import React from 'react';\r\nimport ValidationAlert from '../components/ValidationAlert';\r\nimport utils from '../../../utils';\r\nimport { getLabel } from '../formRenderHelper';\r\n\r\nconst CheckboxListInput = ({ control, handleChange, formOption }) => {\r\n const { name, label, value, errors, style, options, helpText, attrs } = control;\r\n const fieldId = utils.random.shortId();\r\n const fieldLabel = getLabel(control, formOption);\r\n const values = value ? [...value] : [];\r\n return (\r\n \r\n {options && options.map((option, index) =>\r\n
\r\n {helpText && }\r\n \r\n handleChange(e, control)}\r\n value={option.value} id={fieldId + '_' + index} {...attrs} />\r\n \r\n {\r\n (option.helpText && option.helpText !== '') &&\r\n \r\n }\r\n
)}\r\n \r\n {fieldLabel && }\r\n
\r\n )\r\n}\r\n\r\nfunction checked(values, value) {\r\n if (value === null || typeof value === 'undefined') return false;\r\n return values.includes(value);\r\n}\r\n\r\nexport default CheckboxListInput;","import * as React from 'react';\r\nimport ValidationAlert from '../components/ValidationAlert';\r\nimport utils from '../../../utils';\r\nimport { getLabel } from '../formRenderHelper';\r\n\r\nfunction DateSeparateInput({ control, handleChange, formOption }) {\r\n //const { name, label, value, errors, style } = control;\r\n const { name, label, errors, style, helpText, attrs } = control;\r\n const thisYear = (new Date()).getFullYear();\r\n //console.log(name, value)\r\n const [year, setYear] = React.useState('')\r\n const [month, setMonth] = React.useState('')\r\n const [day, setDay] = React.useState('')\r\n\r\n //const { template = 'bootstrap', usePlaceholder = false } = formOption;\r\n const fieldId = utils.random.shortId();\r\n const { usePlaceholder = false } = formOption;\r\n const fieldLabel = getLabel(control, formOption);\r\n //console.log(label, name + '|'+ fieldLabel)\r\n //const placeHolder = usePlaceholder ? fieldLabel : null;\r\n // let valueStr = value === 0 ? 0 : (value || \"\");\r\n // if (type === 'date' && value) {\r\n // valueStr = utils.date.formatYYYYMMDD(value);\r\n // }\r\n\r\n function handleChangeDay(e) {\r\n setDay(e.target.value)\r\n handleChangeInner(year, month, e.target.value)\r\n }\r\n\r\n function handleChangeMonth(e) {\r\n setMonth(e.target.value)\r\n handleChangeInner(year, e.target.value, day)\r\n }\r\n\r\n function handleChangeYear(e) {\r\n setYear(e.target.value)\r\n handleChangeInner(e.target.value, month, day)\r\n }\r\n\r\n function handleChangeInner(yyyy, mm, dd) {\r\n control.incomplete = !(yyyy !== '' && mm !== '' && dd !== '')\r\n const newVal = yyyy + '-' + mm + '-' + dd;\r\n //console.log(newVal)\r\n //mimic event\r\n handleChange({\r\n persist: () => { },\r\n target: { name: name, value: newVal, checked: false }\r\n }, control)\r\n }\r\n\r\n //const monthsFull = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']\r\n const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']\r\n const selectStyle = { width: 'auto', display: 'inline-block', marginRight: '0.5em' };\r\n\r\n const fromYear = style && style.recentYear ? thisYear : thisYear - 10;\r\n const recentYear = style && style.recentYear ? style.recentYear : 100;\r\n return (\r\n \r\n
\r\n {helpText && }\r\n \r\n {options && options.map((option, index) =>\r\n
\r\n \r\n handleChange(e, control)}\r\n value={option.value} id={fieldId + '_' + index} {...attrs}/>\r\n \r\n
)}\r\n\r\n \r\n {!usePlaceholder && fieldLabel && }\r\n
\r\n )\r\n}\r\n\r\nexport default DateSeparateInput;","import * as React from 'react';\r\nimport ValidationAlert from '../components/ValidationAlert';\r\nimport utils from '../../../utils';\r\nimport { getLabel } from '../formRenderHelper';\r\n\r\nfunction FileInput({ control, handleChange, formOption }) {\r\n const { name, label, type, value, errors, style, helpText, attrs } = control;\r\n //const { template = 'bootstrap', usePlaceholder = false } = formOption;\r\n const fieldId = utils.random.shortId();\r\n const { usePlaceholder = false } = formOption;\r\n const fieldLabel = getLabel(control, formOption);\r\n //console.log(label, control)\r\n const placeHolder = usePlaceholder ? fieldLabel : null;\r\n let valueStr = value === 0 ? 0 : (value || \"\");\r\n if (type === 'date' && value) {\r\n valueStr = utils.date.formatYYYYMMDD(value);\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n {helpText && }\r\n \r\n {!usePlaceholder && fieldLabel && }\r\n
\r\n )\r\n}\r\n\r\nexport default FileInput;","import TextInput from './TextInput';\r\nimport RadioListInput from './RadioListInput';\r\nimport TextareaInput from './TextareaInput';\r\nimport CheckboxInput from './CheckboxInput';\r\nimport CheckboxListInput from './CheckboxListInput';\r\nimport SelectInput from './SelectInput';\r\nimport HiddenInput from './HiddenInput';\r\n//import HtmlInput from './HtmlInput';\r\nimport DateSeparateInput from './DateSeparateInput';\r\nimport FileInput from './FileInput';\r\n\r\nconst Components = { TextInput, RadioListInput, TextareaInput, CheckboxInput, CheckboxListInput, SelectInput, HiddenInput, DateSeparateInput, FileInput };\r\n\r\nconst capitalize = expression => expression.charAt(0).toUpperCase() + expression.slice(1);\r\n\r\nexport function getControl(control, formOption) {\r\n let Component = null;\r\n if (control.type === 'number' || control.type === 'email' || control.type === 'date' || control.type === 'password' || control.type === 'tel')\r\n Component = TextInput;\r\n else if (control.type === \"dob\")\r\n Component = DateSeparateInput;\r\n else\r\n Component = Components[capitalize(control.type || '') + 'Input'];\r\n\r\n return Component;\r\n}\r\n\r\n","import React from \"react\";\r\nimport ValidationAlert from \"../components/ValidationAlert\";\r\nimport utils from \"../../../utils\";\r\nimport { getLabel, getLabelAsString } from \"../formRenderHelper\";\r\n\r\nfunction TextareaInput({ control, handleChange, formOption }) {\r\n const { name, label, type, value, errors, style, helpText, attrs } = control;\r\n const fieldId = utils.random.shortId();\r\n const fieldLabel = getLabel(control, formOption);\r\n //const { template = 'bootstrap', usePlaceholder = false } = formOption;\r\n const { usePlaceholder = false } = formOption;\r\n const placeHolder = usePlaceholder\r\n ? getLabelAsString(control, formOption)\r\n : null;\r\n const valueStr = value === 0 ? 0 : value || \"\";\r\n\r\n const textAreaRef = React.useRef(null);\r\n const [textAreaHeight, setTextAreaHeight] = React.useState(\"auto\");\r\n const [parentHeight, setParentHeight] = React.useState(\"auto\");\r\n\r\n React.useEffect(() => {\r\n const disableAutoHeight = (style && style.disableAutoHeight) || false;\r\n if (!disableAutoHeight) {\r\n if (textAreaRef.current) {\r\n const h =\r\n textAreaRef.current.scrollHeight > 60\r\n ? textAreaRef.current.scrollHeight\r\n : 60;\r\n setParentHeight(`${h}px`);\r\n setTextAreaHeight(`${h}px`);\r\n }\r\n }\r\n }, [valueStr, style]);\r\n\r\n function onChangeInternal(e) {\r\n const disableAutoHeight = (style && style.disableAutoHeight) || false;\r\n if (!disableAutoHeight) {\r\n setTextAreaHeight(\"auto\");\r\n if (textAreaRef.current) {\r\n const h =\r\n textAreaRef.current.scrollHeight > 60\r\n ? textAreaRef.current.scrollHeight\r\n : 60;\r\n setParentHeight(`${h}px`);\r\n }\r\n }\r\n handleChange(e, control);\r\n }\r\n\r\n return (\r\n \r\n handleChange(e, control)} onBlur={(e) => handleChange(e, control)}\r\n placeholder={placeHolder}\r\n className={\"form-control-file\" + (errors && errors.length > 0 ? ' is-invalid' : '')} {...attrs}/>\r\n
\r\n {helpText && }\r\n \r\n \r\n
\r\n \r\n { valueStr === '' ? 'No File Chosen' : valueStr.replace(/^.*\\\\/, \"\")}\r\n
\r\n \r\n {!usePlaceholder && fieldLabel && (\r\n \r\n )}\r\n
\r\n )}\r\n \r\n 0 ? \" is-invalid\" : \"\")\r\n }\r\n {...attrs}\r\n >\r\n
\r\n {helpText && (\r\n \r\n handleChange(e, control)}\r\n className={\"form-check-input\"}\r\n {...attrs}\r\n />\r\n \r\n\r\n {helpText && (\r\n
\r\n )}\r\n \r\n {fieldLabel && }\r\n
\r\n )\r\n}\r\n\r\nexport default SelectInput;\r\n\r\n","import * as React from 'react';\r\nimport utils from '../../../utils';\r\n\r\nfunction TextInput({ control, handleChange, formOption }) {\r\n const { name, value } = control;\r\n const fieldId = utils.random.shortId();\r\n let valueStr = value === 0 ? 0 : (value || \"\");\r\n\r\n\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default TextInput;","import React from 'react';\r\nimport * as formModelHelper from './formModelHelper';\r\nimport { getControl } from './controls';\r\nimport { getSiteControl } from '../../form';\r\n\r\nexport function renderControlDirect(control, handleChange, formOption) {\r\n if (control === null) return null;\r\n let Component = getSiteControl(control, formOption) || getControl(control, formOption);\r\n if (!Component) return control.value;\r\n return \r\n \r\n
\r\n {helpText && }\r\n {renderHtml(found.code, _cmsOption)}
\r\n }\r\n else return null;\r\n}","import React, { useRef } from 'react';\r\nimport cmsUtils from '../../cmsUtils';\r\nimport utils from '../../../../utils';\r\n\r\nimport { useRouter } from '../../../../components';\r\n\r\nimport { handleElementLink } from '../../../../components';\r\nimport env from '../../../../env';\r\nimport { renderHtml } from './renderHtml';\r\n\r\n//import { Document, Page } from 'react-pdf'\r\n//import { Document, Page } from 'react-pdf/dist/entry.webpack';\r\n\r\nexport function Html(props) {\r\n const ver = env.ver;\r\n const item = props.item;\r\n //const subItems = item.items || [];\r\n const cmsOption = props.cmsOption || {};\r\n const { history } = useRouter();\r\n //const [ pdfViewPath, setPdfViewPath ] = React.useState(null)\r\n //console.log('item', item, cmsOption);\r\n\r\n const year = (new Date()).getFullYear();\r\n let content = cmsOption.isCmsEdit ?\r\n cmsUtils.payload(item, 'Content') :\r\n cmsUtils.payload(item, 'Content')\r\n .replace(/__year__/g, year)\r\n .replace(\"__version__\", \" PWA \" + ver + \"\");\r\n\r\n\r\n const cssClass = utils.classNames('cms_item', 'htmlPanel', cmsOption.isCmsEdit && 'html', item.cssClass || item.anchorName || '');\r\n\r\n //let itemElt = ();\r\n\r\n function handleClick(e) {\r\n\r\n let target = \"\";\r\n if (e.target.closest('a')) {\r\n target = e.target.closest('a').getAttribute('target');\r\n }\r\n const processed = (target === \"_blank\" ? handleElementLink(e.target, null) : handleElementLink(e.target));\r\n //const link = utils.url.getLinkFromElement(e.target);\r\n //console.log('clicked', e, e.target, processed);\r\n\r\n if (processed.handled) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n } else if (processed.linkInfo && processed.linkInfo.type === 'internal') {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n history.push(processed.linkInfo.url)\r\n } else {\r\n //e.preventDefault();\r\n //e.stopPropagation();\r\n // setPdfViewPath(utils.site.resourcePath(link))\r\n\r\n // process expandable old\r\n // if(e.target.closest('a')){\r\n // let href = e.target.closest('a').getAttribute('href') + \"\";\r\n // if(href.indexOf('#') !== -1){\r\n // let _href = href.split('#');\r\n // console.log(\"_href\", _href);\r\n // let el = document.querySelector('section[data-cms-item-anchor=\"' + _href[1] + '\"]');\r\n // if (el) {\r\n // let anchorStatus = el.getAttribute('data-anchor-status');\r\n // if(anchorStatus === \"collapse\"){\r\n // el.setAttribute('data-anchor-status', 'expand');\r\n // el.classList.add(\"expand\");\r\n // }\r\n // else{\r\n // el.setAttribute('data-anchor-status', 'collapse');\r\n // el.classList.remove(\"expand\");\r\n // }\r\n // }\r\n // e.preventDefault();\r\n // e.stopPropagation(); \r\n // }\r\n // }\r\n\r\n // process expandable\r\n if (e.target.closest('a')) {\r\n let aLink = e.target.closest('a')\r\n let href = aLink.getAttribute('href') + \"\";\r\n if (href.indexOf('#') !== -1) {\r\n let _href = href.split('#');\r\n console.log(\"_href\", _href);\r\n const targetId = _href[1]\r\n let targetElt = document.querySelector('section[data-cms-item-anchor=\"' + _href[1] + '\"]');\r\n\r\n const runEffect = () => {\r\n let anchorStatus = targetElt.getAttribute('data-anchor-status');\r\n if (anchorStatus === \"collapse\") {\r\n targetElt.setAttribute('data-anchor-status', 'expand');\r\n targetElt.classList.add(\"expand\");\r\n }\r\n else {\r\n targetElt.setAttribute('data-anchor-status', 'collapse');\r\n targetElt.classList.remove(\"expand\");\r\n }\r\n }\r\n\r\n if (targetElt) {\r\n const wrapper = aLink.closest('p, div, h1, h2, h3, h4, h5')\r\n const nextElt = wrapper.nextElementSibling\r\n //console.log(wrapper, nextElt)\r\n\r\n if (nextElt && nextElt.getAttribute('data-cms-item-anchor') === targetId) {\r\n // already in wrapper\r\n } else {\r\n // no wrapper\r\n wrapper.insertAdjacentElement(\"afterend\", targetElt);\r\n }\r\n\r\n window.setTimeout(runEffect, 100)\r\n\r\n e.preventDefault();\r\n e.stopPropagation();\r\n }\r\n }\r\n }\r\n\r\n\r\n }\r\n }\r\n\r\n const htmlBlock = useRef(null);\r\n return (\r\n <>\r\n handleClick(e)}>\r\n {renderHtml(content, cmsOption)}\r\n
\r\n \r\n )\r\n}\r\n","import React from 'react';\r\nimport { Html } from './view/html';\r\n\r\nexport const renderRule = {\r\n match: (item, cmsOption) => item.itemTypeCode === 'Html', \r\n itemElt: (item, cmsOption) => \r\n {photoCredit} }\r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport { ImagePanel } from './view/imagePanel';\r\n\r\nexport const renderRule = {\r\n match: (item, cmsOption) => item.itemTypeCode === 'ImagePanel', \r\n itemElt: (item, cmsOption) => \r\n
\r\n \r\n {(photoCredit && !photoCreditUrl) && {photoCredit}
}\r\n {(photoCredit && photoCreditUrl) && \r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n \r\n {tiles}\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n}","import { variables, mq } from '../../cssInJs';\r\nimport { settings as defaultSettings} from './config';\r\n/**\r\n * Tile List Style. This is only for list wrapper, not tile itself\r\n * @param {Object} settings Tile Settings, required\r\n */\r\nexport function getTileListStyle(settings = defaultSettings) {\r\n const marginLR = settings.marginLR;\r\n const marginTB = settings.marginTB;\r\n return {\r\n holder: mq({\r\n //maxWidth: 1000,\r\n margin: 'auto',\r\n marginTop: [30, null, 40],\r\n marginBottom: [30, null, 40],\r\n '.slick-prev, .slick-next': {\r\n top: [100],\r\n transform: 'translate(0, 0)',\r\n },\r\n '.slick-prev': {\r\n left: [10, null, -20]\r\n },\r\n '.slick-next': {\r\n right: [10, null, -20]\r\n },\r\n '.slick-prev:before, .slick-next:before': {\r\n color: variables.fontColor\r\n }\r\n }),\r\n tiles: mq({\r\n display: 'flex',\r\n justifyContent: 'flex-start',\r\n alignItems: 'stretch',\r\n flexWrap: 'wrap',\r\n marginLeft: marginLR.map(x => x === null? null : -x / 2),\r\n marginRight: marginLR.map(x => x === null? null : -x / 2),\r\n marginTop: marginTB.map(x => x === null? null : x / 2),\r\n marginBottom: marginTB.map(x => x === null? null : x / 2),\r\n }),\r\n tilesSlider: mq({\r\n display: 'block',\r\n marginLeft: [15, null, 15],\r\n marginRight: [15, null, 15],\r\n })\r\n }\r\n}\r\n\r\n","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core'\r\nimport utils from 'utils';\r\nimport { SiteLink } from 'components';\r\nimport { getTileStyle } from './pageTileStyle';\r\n\r\nexport function PageTile({ page, useSlider, disableLink }) {\r\n const tileLink = page.pageUrl;\r\n const imageUrl = utils.site.resourcePath(page.imageUrl);\r\n const title = page.pageTitle;\r\n const desc = page.tileDesc || page.description;\r\n const s = getTileStyle();\r\n return (\r\n \r\n {tiles}\r\n
\r\n \r\n
\r\n {title}
\r\n {desc}
\r\n {subItemsElts}
\r\n \r\n {topLabel && \r\n \r\n \r\n {/* \r\n \r\n \r\n */}\r\n {/* \r\n \r\n \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 { mq } from '../../cssInJs';\r\n\r\nexport function getShareButtonStyle() {\r\n return {\r\n shareButtons: {\r\n marginTop: '1.5rem',\r\n },\r\n shareButtonTitle: {\r\n fontSize: '0.8rem',\r\n marginLeft: '0.5rem',\r\n marginBottom: '0.3rem'\r\n },\r\n shareButton: {\r\n margin: 5\r\n },\r\n }\r\n} \r\n","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core'\r\n// import cmsUtils from '../../cmsUtils';\r\nimport utils from 'utils'\r\nimport { ShareButtons } from 'site/shareButtons/shareButtons'\r\n\r\nexport function SharingIcons(props) {\r\n const item = props.item;\r\n const cmsOption = props.cmsOption || {};\r\n //console.log(cmsOption)\r\n //console.log('item', item);\r\n\r\n const cssClass = utils.classNames('cms_item', item.cssClass || item.anchorName || '');\r\n const shareUrl = utils.site.fullUrl(window.location.pathname + window.location.search)\r\n\r\n return {topLabel}
}\r\n \r\n \r\n
\r\n}\r\n","import React from 'react';\r\nimport { SharingIcons } from './view/sharingIcons';\r\n\r\nexport const renderRule = {\r\n match: (item, cmsOption) => item.itemTypeCode === 'SharingIcons', \r\n itemElt: (item, cmsOption) => \r\n
\r\n\r\n\r\n )\r\n\r\n}","import { fb, validators } from '../../../../lib/form';\n\nexport function getSignupFormModel(data) {\n \n // let stateList = [\n // {name: 'State', value: ''},\n // {name: 'Australian Capital Territory', value: 'ACT'},\n // {name: 'New South Wales', value: 'New South Wales'},\n // {name: 'Victoria', value: 'Victoria'},\n // {name: 'South Australia', value: 'South Australia'},\n // {name: 'Queensland', value: 'Queensland'},\n // {name: 'Western Australia', value: 'Western Australia'},\n // {name: 'Northern Territory', value: 'Northern Territory'},\n // {name: 'Tasmania', value: 'Tasmania'}\n // ]\n \n const model = fb.group({\n // name: [data.name || '', [validators.Required()], { label: 'Name', type: 'text' }],\n // phone: [data.phone || '', [], { label: 'Phone', type: 'text' }],\n email: [data.email || '', [validators.Required(), validators.Email()], { label: 'Enter your email address', type: 'email' }]\n //enquiry: [data.enquiry || '', [validators.Required()], { label: 'Your Message', type: 'textarea' }],\n // attachments: [data.attachments || '', [], { label: 'Attachments', type: 'file' }],\n //state : [data.state || '', [], { label: null, type: 'select', options: stateList }],\n }); \n return model;\n}","import React from 'react';\nimport { SignupForm } from './view/signupForm';\n\nexport const renderRule = {\n match: (item, cmsOption) => item.itemTypeCode === 'SignupForm', \n itemElt: (item, cmsOption) => \r\n \r\n
\r\n \r\n \r\n \r\n {canPlay && playerSize && }\r\n {canPlay && playerStatus === 'loaded' &&
\r\n \r\n {muted?
}\r\n\r\n {!canPlay && !mobileImageUrl && \r\n
}\r\n \r\n {/* {canPlayVideo() ?
\r\n );\r\n}\r\n","import React from 'react';\r\nimport { VideoPanel } from './view/videoPanel';\r\n\r\nexport const renderRule = {\r\n match: (item, cmsOption) => item.itemTypeCode === 'VideoPanel', \r\n itemElt: (item, cmsOption) => \r\n \r\n {slides}\r\n \r\n
\r\n );\r\n}","import React, { Fragment } from 'react';\r\nimport cmsUtils from '../../utils/cmsUtils';\r\nimport utils from '../../../utils';\r\nimport { SiteLink } from '../../../components';\r\n\r\nexport function BannerItem(props) {\r\n const item = props.item;\r\n const cmsOption = props.cmsOption || {};\r\n\r\n //console.log('item', item);\r\n\r\n const bgUrl = utils.site.resourcePath(cmsUtils.payload(item, 'ImageUrl'));\r\n\r\n const captionTitle = cmsUtils.payload(item, 'CaptionTitle2') || cmsUtils.payload(item, 'CaptionTitle');\r\n const captionButton = cmsUtils.payload(item, 'CaptionButton') && cmsUtils.payload(item, 'CaptionButton') !== \"\" ? cmsUtils.payload(item, 'CaptionButton') : \"READ MORE\";\r\n\r\n const linkUrl = cmsUtils.payload(item, 'LinkUrl2') || cmsUtils.payload(item, 'LinkUrl');\r\n\r\n const titlePanel = captionTitle ? (\r\n linkUrl ? (\r\n \r\n {captionButton} \r\n
\r\n ) : ()\r\n ) : null;\r\n\r\n // const linkOverlay = linkUrl && !captionTitle ? (\r\n // \r\n {/* {linkOverlay && linkOverlay} */}\r\n
\r\n \r\n {titlePanel && titlePanel}\r\n
\r\n \r\n {subItemsElts}\r\n
\r\n handleClick(e)}>
\r\n {pdfView}\r\n \r\n )\r\n}\r\n\r\n\r\nfunction restructureButton(el) {\r\n if (!el.querySelector('span')) {\r\n const span = document.createElement('span');\r\n span.innerHTML = el.innerHTML;\r\n el.innerHTML = '';\r\n el.appendChild(span);\r\n }\r\n}\r\n\r\n\r\nfunction replaceEmbedCodes(block, cmsOption) {\r\n const embedDataList = cmsOption?.pageData?.embedDataList;\r\n const embedCodes = block.querySelectorAll('[data-embed-jaba]')\r\n embedCodes.forEach(embed => {\r\n const id = embed.getAttribute(\"data-embed-jaba\");\r\n const found = utils.array.find(embedDataList, x => x.id === id);\r\n if (found){\r\n //console.log(found)\r\n ReactDOM.render(, embed);\r\n }\r\n })\r\n //console.log(embedCodes, embedDataList)\r\n}\r\n\r\n","import React from 'react';\r\nimport cmsUtils from '../../utils/cmsUtils';\r\nimport utils from '../../../utils';\r\n\r\nexport function ImagePanel(props) {\r\n const item = props.item;\r\n const cmsOption = props.cmsOption || {};\r\n //console.log(cmsOption)\r\n //console.log('item', item);\r\n const heightSet = cmsUtils.payload(item, 'HeightSet') || 'standard';\r\n \r\n const cssClass = utils.classNames('cms_item', 'imagePanel', 'parallax', `bannerSize--${heightSet}`, item.cssClass || item.anchorName || '');\r\n \r\n const bgUrl = cmsOption.pageOptions && cmsOption.pageOptions.imagePath ?\r\n utils.site.resourcePath(cmsOption.pageOptions.imagePath):\r\n utils.site.resourcePath(cmsUtils.payload(item, 'ImageUrl'));\r\n\r\n const htmlBlock = React.useRef(null);\r\n const cssClass2 = utils.classNames('cms_item', 'htmlPanel', cmsOption.isCmsEdit && 'html', item.cssClass || item.anchorName || '');\r\n const content = cmsUtils.payload(item, 'Content');\r\n\r\n return (\r\n \r\n
\r\n );\r\n}","//import { css, keyframes } from '@emotion/core'\r\n//import { variables, mq } from 'cssInJs'\r\n\r\nimport { css } from '@emotion/core'\r\nimport { mq, variables } from '../../../cssInJs'\r\n\r\nexport default {\r\n pageTiles: css({\r\n display: 'flex',\r\n justifyContent: 'flex-start',\r\n flexWrap: 'wrap',\r\n margin: '2rem -10px',\r\n overflow: 'hidden'\r\n }),\r\n pageTile__tile: css(mq({\r\n flex: '0 0 100%',\r\n maxWidth: '100%',\r\n padding: '10px',\r\n '&:nth-of-type(even)': {\r\n '.pageTile__bsyc__bg': mq({\r\n order: ['0', null, '2'],\r\n '.pageTile__bsyc__bg2' : {\r\n left : 'unset',\r\n right:'0px'\r\n }\r\n }),\r\n '.pageTile__bsyc__content__details': mq({\r\n order: '1',\r\n backgroundColor:variables.blue\r\n })\r\n }\r\n })),\r\n\r\n tile__content: css({\r\n // display: 'flex',\r\n // flexDirection: 'row',\r\n // justifyContent: 'space-between',\r\n // width: '100%',\r\n // height: '100%',\r\n // cursor: 'pointer',\r\n // position: 'relative',\r\n // flexWrap: 'wrap',\r\n '&:hover': {\r\n textDecoration: 'none',\r\n '& .pageTile__bsyc__content__details': {\r\n //color: 'white',\r\n //backgroundColor: 'rgba(170, 150, 119,1)'\r\n // '&.default' : css({\r\n // backgroundColor: 'rgba(0,113,188,1)'\r\n // }),\r\n // '&.red' : css({\r\n // backgroundColor: 'rgba(211,61,2,1)'\r\n // }),\r\n // '&.green' : css({\r\n // backgroundColor: 'rgba(0, 146, 69,1)'\r\n // })\r\n },\r\n '& .pageTile__bsyc__bg3': {\r\n transform: 'scale(1.05)'\r\n },\r\n '& .pageTile__bsyc__desc2' : {\r\n textDecoration:'underline'\r\n }\r\n }\r\n }),\r\n\r\n tile__flip__wrapper: css({\r\n zIndex: '-1',\r\n display: 'flex',\r\n flexDirection: 'row',\r\n justifyContent: 'space-between',\r\n width: '100%',\r\n height: '100%',\r\n cursor: 'pointer',\r\n position: 'relative',\r\n flexWrap: 'wrap'\r\n }),\r\n\r\n tile__bg: css(mq({\r\n height: '0',\r\n paddingTop: ['80%', '35%', '40%'],\r\n //height: ['50%','35%','30%'],\r\n //flex: '1 1 300px',\r\n flex: ['1 1 100%',null,'1 1 70%'],\r\n maxWidth: ['100%',null,'70%'],\r\n overflow: 'hidden',\r\n position: 'relative'\r\n })),\r\n\r\n tile__bg2: css(mq({\r\n height: '100%',\r\n //backgroundPosition: '50%',\r\n //backgroundRepeat: 'no-repeat',\r\n //backgroundSize: 'cover',\r\n overflow: 'hidden',\r\n //transition: 'all .2s',\r\n position: 'absolute',\r\n top: '0px',\r\n width: ['100%',null,'97%']\r\n })),\r\n\r\n tile__bg3: css(mq({\r\n backgroundPosition: '50%',\r\n backgroundRepeat: 'no-repeat',\r\n backgroundSize: 'cover',\r\n //overflow:'hidden',\r\n transition: 'all .2s',\r\n width: '100%',\r\n height: '100%'\r\n })),\r\n\r\n tile__details: css(mq({\r\n overflow: 'hidden',\r\n flexGrow: '1',\r\n textAlign: 'center',\r\n width: '100%',\r\n bottom: '0',\r\n backgroundColor: variables.yellow,\r\n // '&.default' : css({\r\n // backgroundColor: 'rgba(0, 113, 188,.5)'\r\n // }),\r\n // '&.red' : css({\r\n // backgroundColor: 'rgba(211, 61, 2,.5)'\r\n // }),\r\n // '&.green' : css({\r\n // backgroundColor: 'rgba(0, 146, 69,.5)'\r\n // }),\r\n //backgroundColor : '#77cf22',\r\n //flex: '1 1 300px',\r\n\r\n // '&.theme1' : {\r\n // backgroundColor : variables.yellow\r\n // },\r\n\r\n // '&.theme2' : {\r\n // backgroundColor : variables.pink\r\n // },\r\n\r\n // '&.theme3' : {\r\n // backgroundColor : variables.yellow\r\n // },\r\n\r\n // '&.theme4' : {\r\n // backgroundColor : variables.blue\r\n // },\r\n\r\n // '&.theme5' : {\r\n // backgroundColor : variables.orange\r\n // },\r\n\r\n // '&.theme6' : {\r\n // backgroundColor : variables.blue\r\n // },\r\n\r\n flex: ['1 1 100%',null,'1 1 30%'],\r\n maxWidth: ['100%',null,'30%'],\r\n transition: 'all .2s ease-in-out',\r\n position: 'relative',\r\n '& .pageTile__bsyc__container': mq({\r\n //position: 'absolute',\r\n position: ['static,', null, 'absolute'],\r\n top: '50%',\r\n left: '50%',\r\n transform: ['none', null, 'translate(-50%, -50%)'],\r\n width: ['100%', null, '90%'],\r\n padding: ['1rem', null, '0px'],\r\n '& .pageTile__bsyc__title': {\r\n //fontFamily: 'proxima-soft, sans-serif',\r\n fontSize: '2rem',\r\n //textTransform: 'uppercase',\r\n //fontWeight: '700',\r\n lineHeight: '1',\r\n margin: '0',\r\n paddingTop: '.5rem',\r\n paddingBottom: '.5rem',\r\n color:'black'\r\n },\r\n '& .pageTile__bsyc__logo__img' : {\r\n maxWidth: '90px',\r\n margin:'auto',\r\n marginTop: '1rem',\r\n 'img' : {\r\n width: '100%',\r\n height: 'auto'\r\n }\r\n },\r\n '& .pageTile__bsyc__desc': {\r\n lineHeight: '1.3',\r\n fontSize: '.9rem',\r\n minHeight: '70px',\r\n marginTop: '1rem',\r\n color:'black'\r\n },\r\n '& .pageTile__bsyc__desc2': {\r\n lineHeight: '1.3',\r\n fontSize: '.9rem',\r\n marginTop: '1rem',\r\n //textDecoration:'underline',\r\n color:'black'\r\n }\r\n })\r\n }))\r\n}","//import React from 'react';\r\nimport cmsUtils from '../../../cms/utils/cmsUtils';\r\nimport utils from '../../../utils';\r\nimport { SiteLink } from '../../../components';\r\n\r\n/** @jsx jsx */\r\nimport { jsx } from '@emotion/core'\r\nimport style from './style';\r\n\r\nexport function PageTilesBsyc(props) {\r\n const item = props.item;\r\n //const detailHoverBgColor = props.detailHoverBgColor ? props.detailHoverBgColor : \"black\";\r\n const cmsOption = props.cmsOption || {};\r\n const pages = getPages(cmsUtils.payload(item, 'PageObjects'))\r\n const pageTileElts = pages.map((page, index) =>\r\n \r\n
\r\n \r\n {pageTileElts}\r\n
\r\n );\r\n}\r\n\r\nfunction getPages(pagesSerialized) {\r\n if (pagesSerialized) {\r\n return JSON.parse(pagesSerialized);\r\n }\r\n return [];\r\n}\r\n\r\nfunction Tile(props) {\r\n const page = props.page;\r\n const imageUrl = utils.site.resourcePath(page.imageUrl);\r\n const disableLink = props.disableLink;\r\n const colorTheme = page.colorTheme ? (page.colorTheme === 'default' ? 'theme1' : page.colorTheme) : 'theme1'; \r\n //const index = props.idx;\r\n \r\n return (\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\n// data-aos={index % 2 === 0 ? 'fade-up-right' : 'fade-up-left'}\r\n// data-aos={index % 2 === 0 ? 'fade-up-left' : 'fade-up-right'}","//import { css, keyframes } from '@emotion/core'\n//import { variables, mq } from 'cssInJs'\n\nimport { css } from '@emotion/core'\nimport { mq, variables } from '../../../cssInJs'\n\nexport default {\n pageTiles: css({\n display: 'flex',\n justifyContent: 'flex-start',\n flexWrap: 'wrap',\n margin: '2rem -10px',\n overflow: 'hidden'\n }),\n\n slider: css({\n '.slick-prev': css(mq({\n left: ['0px !important', null, '-20px !important'],\n })),\n '.slick-next': css(mq({\n right: ['0px !important', null, '-20px !important']\n })),\n '.slick-next:before, .slick-prev:before': css({\n color: 'rgb(31, 79, 156)'\n })\n }),\n\n pageTile__tile: css(mq({\n flexGrow: '1',\n flexShrink: '1',\n padding: '10px',\n\n //for type1\n flexBasis: ['100%', null, '50%', '33.3%'],\n maxWidth: ['100%', null, '50%', '33.3%'],\n\n //For type2\n '&.type2': css(mq({\n flexBasis: ['100%', null, '50%', '33.3%'],\n maxWidth: ['100%', null, '50%', '33.3%'],\n '&.type2.useSlider': css({\n flexBasis: '100%',\n maxWidth: '100%',\n height: '100%'\n }),\n '.pageTile__sharkCage__details': css(mq({\n padding: ['0 25px', '0 25px', '0 11px', null, '0 30px'],\n marginTop: ['-11%', -56, -40, -36, -38],\n //marginTop: ['-11.5%', '-10.5%', '-12%', null, -56],\n '.top-image-bar': mq({\n height: [70, 60]\n }),\n '.info-title': css(mq({\n //fontSize: '1.15rem'\n //fontSize: '1.3rem'\n fontSize: '1.5rem'\n })),\n '.info-des': css(mq({\n //flex: '1 1 30px',\n //fontSize:'0.7rem',\n marginBottom: '0.3rem',\n overflow: 'hidden',\n //maxHeight: '49px'\n })),\n '.infoDesc': {\n //WebkitLineClamp: '2',\n },\n '.info-btn': css(mq({\n fontSize: '0.7rem',\n marginTop: '0.1rem'\n }))\n\n }))\n }))\n })),\n tile__content: css({\n '&:hover': {\n textDecoration: 'none',\n '.pageTile__sharkCage__bg': css({\n transform: 'scale(1.05)'\n }),\n '.info-wrapper': {\n backgroundColor: variables.colorYellow,\n '.info-title, .info-des': {\n color: 'white'\n }\n }\n },\n color: '#231f20',\n display: 'flex',\n flexDirection: 'column',\n height: '100%'\n }),\n\n tile__bg__wrapper: css({\n //height:'80%',\n overflow: 'hidden',\n flex: '0 0 auto'\n }),\n\n tile__bg: css(mq({\n paddingTop: ['56%'],\n backgroundPosition: 'center',\n backgroundSize: 'cover',\n backgroundRepeat: 'no-repeat',\n transition: '.5s'\n })),\n\n tile__details: css(mq({\n //padding: ['0 18px', '0 20px', '0 20px', '0 20px', '0 20px'],\n //height: '250px',\n //marginTop: ['-58px', null, '-38px', '-52px', '-56px'],\n //marginTop: ['-11.5%', -58, -37, -50, -56],\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n zIndex: '2',\n padding: '1.5rem 1rem',\n '&.theme1': {\n backgroundColor: variables.yellow,\n },\n '&.theme2': {\n backgroundColor: variables.blue,\n },\n '&.theme3': {\n backgroundColor: variables.yellow,\n },\n '&.theme4': {\n backgroundColor: variables.blue,\n },\n '&.theme5': {\n backgroundColor: variables.orange,\n },\n '&.theme6': {\n backgroundColor: variables.blue,\n }\n })),\n info__wrapper: css({\n backgroundColor: variables.colorOrange,\n padding: '0',\n //paddingBottom: '1rem',\n //boxShadow: '5px 5px 5px #ebebeb',\n display: 'flex',\n flexWrap: 'wrap',\n flexDirection: 'column',\n alignItems: 'flex-start',\n height: '100%',\n position: 'relative',\n // '> div' : css({\n // //marginTop: '0.5rem',\n // //marginBottom: '0.5rem'\n // })\n // '&::after': {\n // content: '\"\"',\n // width: '100%',\n // height: '77%',\n // position: 'absolute',\n // top: '23%',\n // left: '0px',\n // backgroundColor: 'transparent',\n // //boxShadow: '5px 5px 5px #ebebeb'\n // }\n }),\n info__title: css({\n //fontWeight: '900',\n //color: variables.redColor,\n fontSize: '1.75rem',\n lineHeight: 1.1,\n marginLeft: 'auto',\n marginRight: 'auto'\n }),\n info__des: css({\n //marginBottom: '0.4rem',\n //overflow: 'hidden',\n //maxHeight: '160px',\n //flex: '1 1 auto',\n fontSize: '0.8rem',\n flexGrow: 1,\n marginTop:'2rem'\n }),\n infoDesc: {\n display: '-webkit-box',\n WebkitLineClamp: '6',\n WebkitBoxOrient: 'vertical',\n overflow: 'hidden',\n textAlign: 'center'\n }\n}","//import React from 'react';\nimport cmsUtils from '../../../cms/utils/cmsUtils';\nimport utils from '../../../utils';\nimport { SiteLink } from '../../../components';\n\n/** @jsx jsx */\nimport { jsx } from '@emotion/core'\nimport style from './style';\nimport Slider from \"react-slick\";\n\nexport function PageTilesSharkCageDiving(props) {\n const item = props.item;\n //const detailHoverBgColor = props.detailHoverBgColor ? props.detailHoverBgColor : \"black\";\n const cmsOption = props.cmsOption || {};\n const useSlider = cmsUtils.payload(item, 'UseSlider') === 'slider';\n const pages = getPages(cmsUtils.payload(item, 'PageObjects'));\n const tileType = \"type\" + (getPages(cmsUtils.payload(item, 'TileType')) || \"1\");\n\n const pageTileElts = pages.map((page, index) =>\n \r\n\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n {\r\n (page.pageTitle && page.pageTitle !== '') &&\r\n
\r\n \r\n {page.pageTitle}\r\n
\r\n }\r\n \r\n ![\"logo3\"/](\"/assets/logos/logo3.png\")
\r\n
\r\n \r\n \r\n {page.tileDesc || page.description}\r\n
\r\n \r\n Find out more\r\n
\r\n \n \n {pageTileElts}\n \n
\n );\n }\n else{\n return (\n \n {pageTileElts}\n
\n );\n }\n}\n\nfunction getPages(pagesSerialized) {\n if (pagesSerialized) {\n return JSON.parse(pagesSerialized);\n }\n return [];\n}\n\nfunction Tile(props) {\n const page = props.page;\n const imageUrl = utils.site.resourcePath(page.imageUrl);\n const disableLink = props.disableLink;\n const tileType = props.tileType;\n const useSlider = props.useSlider;\n const colorTheme = page.colorTheme ? (page.colorTheme === 'default' ? 'theme1' : page.colorTheme) : 'theme1';\n\n return (\n\n \n \n \n
\n )\n}","//import { css, keyframes } from '@emotion/core'\n//import { variables, mq } from 'cssInJs'\n\nimport { css } from '@emotion/core'\nimport { mq, variables } from '../../../cssInJs'\n\nexport default {\n pageTiles: css({\n display: 'flex',\n justifyContent: 'flex-start',\n flexWrap: 'wrap',\n margin: '2rem -10px',\n overflow: 'hidden'\n }),\n\n slider: css({\n '.slick-prev': css(mq({\n left: ['0px !important', null, '-20px !important'],\n })),\n '.slick-next': css(mq({\n right: ['0px !important', null, '-20px !important']\n })),\n '.slick-next:before, .slick-prev:before': css({\n color: 'rgb(31, 79, 156)'\n })\n }),\n\n pageTile__tile: css(mq({\n flexGrow: '1',\n flexShrink: '1',\n padding: '10px',\n\n flexBasis: ['100%', null, '50%','33.3%', '25%'],\n maxWidth: ['100%', null, '50%','33.3%', '25%'],\n\n //For type3\n '&.type3': css(mq({\n '&.type3.useSlider': css({\n flexBasis: '100%',\n maxWidth: '100%',\n height: '100%'\n })\n }))\n \n })),\n\n tile__content: css({\n '&:hover': {\n textDecoration: 'none',\n '.pageTile__sharkCage__bg': css({\n //transform: 'scale(1.05)'\n }),\n '.pageTile__sharkCage__details' : {\n backgroundColor: variables.lightBlue\n },\n '.info-wrapper': {\n '.info-title, .info-des': {\n color : 'black',\n textDecoration : 'underline'\n }\n }\n },\n color: '#231f20',\n display: 'flex',\n flexDirection: 'column',\n height: '100%'\n }),\n\n tile__bg__wrapper: css({\n //height:'80%',\n overflow: 'hidden',\n flex: '0 0 auto'\n }),\n\n tile__bg: css(mq({\n paddingTop: ['100%'],\n backgroundPosition: 'center',\n backgroundSize: 'cover',\n backgroundRepeat: 'no-repeat',\n transition: '.5s',\n borderRadius: '100% 100% 0 0'\n })),\n\n tile__details: css(mq({\n //padding: ['0 18px', '0 20px', '0 20px', '0 20px', '0 20px'],\n //height: '250px',\n //marginTop: ['-58px', null, '-38px', '-52px', '-56px'],\n //marginTop: ['-11.5%', -58, -37, -50, -56],\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n zIndex: '2',\n padding: '1rem 1rem',\n backgroundColor: variables.blue,\n // '&.theme1': {\n // backgroundColor: variables.yellow,\n // },\n // '&.theme2': {\n // backgroundColor: variables.blue,\n // },\n // '&.theme3': {\n // backgroundColor: variables.yellow,\n // },\n // '&.theme4': {\n // backgroundColor: variables.blue,\n // },\n // '&.theme5': {\n // backgroundColor: variables.orange,\n // },\n // '&.theme6': {\n // backgroundColor: variables.blue,\n // }\n })),\n info__wrapper: css({\n //backgroundColor: 'black',\n padding: '0',\n //paddingBottom: '1rem',\n //boxShadow: '5px 5px 5px #ebebeb',\n display: 'flex',\n flexWrap: 'wrap',\n flexDirection: 'column',\n alignItems: 'flex-start',\n height: '100%',\n position: 'relative',\n justifyContent : 'center',\n minHeight : '44px'\n // '> div' : css({\n // //marginTop: '0.5rem',\n // //marginBottom: '0.5rem'\n // })\n // '&::after': {\n // content: '\"\"',\n // width: '100%',\n // height: '77%',\n // position: 'absolute',\n // top: '23%',\n // left: '0px',\n // backgroundColor: 'transparent',\n // //boxShadow: '5px 5px 5px #ebebeb'\n // }\n }),\n info__title: css({\n //fontWeight: '900',\n //color: variables.redColor,\n fontSize: '1rem',\n lineHeight: 1.1,\n marginLeft: 'auto',\n marginRight: 'auto',\n color : 'black',\n textAlign : 'center'\n }),\n info__des: css({\n //marginBottom: '0.4rem',\n //overflow: 'hidden',\n //maxHeight: '160px',\n //flex: '1 1 auto',\n fontSize: '0.8rem',\n flexGrow: 1,\n marginTop:'2rem'\n }),\n infoDesc: {\n display: '-webkit-box',\n WebkitLineClamp: '6',\n WebkitBoxOrient: 'vertical',\n overflow: 'hidden',\n textAlign: 'center'\n }\n}","//import React from 'react';\nimport cmsUtils from '../../../cms/utils/cmsUtils';\nimport utils from '../../../utils';\nimport { SiteLink } from '../..';\n\n/** @jsx jsx */\nimport { jsx } from '@emotion/core'\nimport style from './style';\nimport Slider from \"react-slick\";\n\nexport function PageTilesSharkCageDiving2(props) {\n const item = props.item;\n //const detailHoverBgColor = props.detailHoverBgColor ? props.detailHoverBgColor : \"black\";\n const cmsOption = props.cmsOption || {};\n const useSlider = cmsUtils.payload(item, 'UseSlider') === 'slider';\n const pages = getPages(cmsUtils.payload(item, 'PageObjects'));\n const tileType = \"type\" + (getPages(cmsUtils.payload(item, 'TileType')) || \"1\");\n\n const pageTileElts = pages.map((page, index) =>\n \n \n
\n \n \n
\n\n \n \n
\n \n {page.pageTitle}\n
\n \n \n
\n\n \n {page.tileDesc || page.description}\n
\n \n \n {pageTileElts}\n \n
\n );\n }\n else{\n return (\n \n {pageTileElts}\n
\n );\n }\n}\n\nfunction getPages(pagesSerialized) {\n if (pagesSerialized) {\n return JSON.parse(pagesSerialized);\n }\n return [];\n}\n\nfunction Tile(props) {\n const page = props.page;\n const imageUrl = utils.site.resourcePath(page.imageUrl);\n const disableLink = props.disableLink;\n const tileType = props.tileType;\n const useSlider = props.useSlider;\n const colorTheme = page.colorTheme ? (page.colorTheme === 'default' ? 'theme1' : page.colorTheme) : 'theme1';\n\n return (\n\n \n \n \n
\n )\n}","import React from 'react';\r\nimport cmsUtils from '../../utils/cmsUtils';\r\nimport utils from '../../../utils';\r\nimport { SiteLink } from '../../../components';\r\n\r\nexport function SingleBanner(props) {\r\n const item = props.item;\r\n const cmsOption = props.cmsOption || {};\r\n\r\n //console.log('item', item);\r\n const heightSet = cmsUtils.payload(item, 'HeightSet') || 'standard';\r\n const alignV = cmsUtils.payload(item, 'AlignV') || '50%';\r\n\r\n const cssClass = utils.classNames('cms_item', 'single-banner', 'banner-item', `bannerSize--${heightSet}`, item.cssClass || item.anchorName || '');\r\n const bgUrl = utils.site.resourcePath(cmsUtils.payload(item, 'ImageUrl'));\r\n\r\n const captionTitle = cmsUtils.payload(item, 'CaptionTitle2') || cmsUtils.payload(item, 'CaptionTitle');\r\n const linkUrl = cmsUtils.payload(item, 'LinkUrl2') || cmsUtils.payload(item, 'LinkUrl');\r\n\r\n const titlePanel = captionTitle ? (\r\n linkUrl ? (\n \n
\n \n \n
\n\n \n \n
\n \n {page.pageTitle}\n
\n \n {/* \n
*/}\n\n \n {page.tileDesc || page.description}\n
\n \r\n {titlePanel &&
\r\n );\r\n\r\n\r\n}\r\n","import React from 'react';\r\nimport env from '../../../env';\r\nimport { usePost } from '../../../components';\r\nimport { useForm } from '../../../form';\r\nimport { Button, ErrorMessage } from '../../../components';\r\nimport { getContactModel } from './contactFormModel';\r\nimport { gtm } from '../../../lib/tracking';\r\n\r\nexport function Contact(props) {\r\n\r\n const emailReceiver = props.emailReceiver;\r\n const fileAttachment = props.fileAttachment || 'false';\r\n const mailchimpApiKey = props.mailchimpApiKey;\r\n const mailchimpAudienceKey = props.mailchimpAudienceKey;\r\n \r\n const model = getContactModel({});\r\n const form = useForm(model, { usePlaceholder: true });\r\n const [sendingStatus, setSendingStatus] = React.useState(null);\r\n const [mailChimpError, setMailChimpError] = React.useState();\r\n const post = usePost();\r\n\r\n const mailChimpErrorMemo = React.useMemo(() => {\r\n return mailChimpError\r\n }, [mailChimpError]);\r\n\r\n function onSubmit(e) {\r\n setMailChimpError(null);\r\n \r\n form.validateForm(e, () => {\r\n window.grecaptcha.ready(function () {\r\n window.grecaptcha.execute('6LdvsO8iAAAAABCRcDi1R2AasMEPPRubvEaHgJNE', { action: 'submit' }).then(function (token) {\r\n\r\n const value = {\r\n ...form.getValue(),\r\n emailReceiver: emailReceiver,\r\n mailchimpApiKey: mailchimpApiKey,\r\n mailchimpAudienceKey: mailchimpAudienceKey,\r\n grecaptchaToken : token\r\n };\r\n \r\n var files = form.getFiles();\r\n var formData = new FormData();\r\n formData.append('jsonData', JSON.stringify(value))\r\n files.forEach(file => {\r\n (file.files || []).forEach(uploadFile => {\r\n formData.append(file.name, uploadFile)\r\n })\r\n });\r\n post.sendFormData(env.apiBase + \"/api/contact/send\", formData);\r\n setSendingStatus('pending');\r\n\r\n });\r\n });\r\n\r\n });\r\n\r\n }\r\n\r\n // if (status === 'done') {\r\n // //navigate(`/task/view/${taskId}`)\r\n // window.location.reload();\r\n // }\r\n\r\n if (post.done() && sendingStatus === 'pending') {\r\n var value = form.getValue();\r\n gtm.sendEvent('contactFormSubmitted', {contactEmail: value.email} )\r\n form.reset(model);\r\n setSendingStatus(null);\r\n\r\n if(post.response.results && (post.response.results.MailChimpError && post.response.results.MailChimpError !== \"\")){\r\n setMailChimpError(\"Mail Chimp Error : \" + post.response.results.MailChimpError);\r\n }\r\n }\r\n\r\n const render = (name) => form.renderControl(name, null);\r\n\r\n return (\r\n \r\n );\r\n}","import { fb, validators } from '../../../lib/form';\r\n\r\nexport function getContactModel(data) {\r\n const model = fb.group({\r\n name: [data.name || '', [validators.Required()], { label: 'Name', type: 'text' }],\r\n phone: [data.phone || '', [validators.Required()], { label: 'Phone', type: 'text' }],\r\n email: [data.email || '', [validators.Required(), validators.Email()], { label: 'Email', type: 'email' }],\r\n enquiry: [data.enquiry || '', [validators.Required()], { label: 'Your Message', type: 'textarea' }],\r\n attachments: [data.attachments || '', [], { label: 'Attachments', type: 'file' }]\r\n }); \r\n return model;\r\n}","import React from 'react';\r\nimport cmsUtils from '../../utils/cmsUtils';\r\nimport utils from '../../../utils';\r\nimport { Contact } from './contactForm';\r\n\r\nexport function ContactForm(props) {\r\n const item = props.item;\r\n console.log('item', item);\r\n //const subItems = item.items || [];\r\n const cmsOption = props.cmsOption || {};\r\n\r\n //console.log('item', item, cmsOption);\r\n\r\n const emailReceiver = cmsUtils.payload(item, 'EmailReceiver');\r\n const fileAttachment = cmsUtils.payload(item, 'FileAttachment') || \"false\";\r\n\r\n const mailchimpApiKey = cmsUtils.payload(item, 'MailchimpApiKey');\r\n const mailchimpAudienceKey = cmsUtils.payload(item, 'MailchimpAudienceKey');\r\n\r\n const cssClass = utils.classNames('cms_item', 'htmlPanel', cmsOption.isCmsEdit && 'html', item.cssClass || item.anchorName || '');\r\n\r\n //let itemElt = ();\r\n\r\n return (\r\n {titlePanel}
}\r\n \r\n\r\n
\r\n )\r\n}","import React from 'react';\r\n// import { Item } from '../../items/item';\r\n// import { SiteLink } from 'shared/link/siteLink';\r\nimport cmsUtils from '../../utils/cmsUtils';\r\nimport utils from '../../../utils';\r\nimport { YoutubeBannerMobilePopup } from '../../../lib/youtube/youtubeBanner--mobilePopup';\r\n//import env from '../../../env';\r\n//import Slider from 'modules/slider/slider';\r\n//import {BannerPanel} from '../bannerPanel/view';\r\n\r\nexport function VideoPanel(props) {\r\n const item = props.item;\r\n const cmsOption = props.cmsOption || {};\r\n\r\n //console.log('item', item);\r\n\r\n const heightSet = cmsUtils.payload(item, 'HeightSet') || 'standard';\r\n const videoCode = cmsUtils.payload(item, 'YoutubeCode');\r\n const playerId = 'ytBanner-' + (item.itemId).substr(0, 8);\r\n\r\n const video = {\r\n heightSet: heightSet,\r\n videoLinkOrId: videoCode,\r\n playerId: playerId\r\n }\r\n\r\n //const enableYoutube = env.isProd;\r\n const canPlayVideo = () => utils.css.screenWidth() >= 1200\r\n\r\n const cssClass = utils.classNames('cms_item', 'youtubePanel', item.cssClass || item.anchorName || '');\r\n\r\n //console.log(window.innerWidth, canPlayVideo())\r\n\r\n return (\r\n \r\n
\r\n\r\n \r\n {/* {canPlayVideo() ?
\r\n );\r\n}\r\n\r\n// function MobileSlider(props) {\r\n// const item = props.item;\r\n// const subItems = item.items || [];\r\n \r\n// const slides = subItems.map((subItem, index) =>\r\n// \r\n// {slides}\r\n//
\r\n// );\r\n// }\r\n\r\n// function SlideItem(props){\r\n// const item = props.item;\r\n// const bgUrl = utils.site.resourcePath(cmsUtils.payload(item, 'ImageUrl'));\r\n\r\n// return (\r\n// \r\n// 
\r\n//
\r\n// );\r\n\r\n// }","import React, { Fragment } from 'react';\r\nimport env from '../../env';\r\nimport { SiteLink } from '../../components';\r\nimport { usePost } from '../../components';\r\nimport { ErrorPopup, Loading } from '../../components';\r\nimport { useRouter } from '../../components';\r\nimport { AtdwSearchResult } from '../atdw/atdwSearchResult/atdwSearchResult';\r\n\r\nexport function SearchResult(props) {\r\n const { query } = useRouter();\r\n const post = usePost();\r\n const keyword = query.q;\r\n //console.log(keyword);\r\n\r\n React.useEffect(() => {\r\n post.send(env.apiBase + '/api/search/search', { keyword: keyword });\r\n // eslint-disable-next-line\r\n }, [keyword]);\r\n\r\n if (post.loading()) {\r\n return \r\n Showing Search Results For: {keyword}\r\n
\r\n\r\n No result found.\r\n
\r\n \r\n Showing Search Results For: {keyword}\r\n
\r\n {\r\n atdws.length > 0 &&\r\n\r\n {/*
\r\n }\r\n {pages.length > 0 && ATDW
*/}\r\n\r\n
}\r\n \r\n );\r\n}\r\n\r\nfunction PageList({ pages }) {\r\n return (\r\n \r\n {pages.map((page, index) =>\r\n
\r\n );\r\n}","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core';\r\nimport cmsUtils from '../../cms/utils/cmsUtils';\r\nimport { useEffect } from 'react';\r\n//import style from './style';\r\n\r\nexport function TextWithJavScript(props){\r\n \r\n const item = props.item;\r\n const cssClass = props.cssClass;\r\n const code = cmsUtils.payload(item, 'Code') || '';\r\n\r\n const javaScriptCode = code.substring(code.indexOf(\"\r\n
\r\n )}\r\n \r\n {page.pageTitle} \r\n \r\n
\r\n \r\n
\r\n )\r\n}","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core';\r\nimport cmsUtils from '../../cms/utils/cmsUtils';\r\nimport { useLayoutEffect } from 'react';\r\n//import style from './style';\r\n\r\nexport function JotformIframe(props) {\r\n\r\n const item = props.item;\r\n const cssClass = props.cssClass;\r\n const code = cmsUtils.payload(item, 'Code') || '';\r\n\r\n const javaScriptCode = code.substring(code.indexOf(\"<_script\"), (code.indexOf(\"\") + 10)).trim();\r\n const nonjavaScriptCode = code.replace(javaScriptCode, '').trim();\r\n\r\n useLayoutEffect(() => {\r\n\r\n const existingScript = document.getElementById('jotformIframe');\r\n if (existingScript) {\r\n document.body.removeChild(existingScript);\r\n }\r\n\r\n const javaScriptInsideCode = javaScriptCode.substring((javaScriptCode.indexOf(\">\") + 1), (javaScriptCode.indexOf(\"\"))).trim();\r\n\r\n const script = document.createElement('script');\r\n script.type = `text/javascript`;\r\n script.text = javaScriptInsideCode;\r\n script.id = 'jotformIframe';\r\n\r\n document.body.appendChild(script);\r\n\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n return (\r\n \r\n {nonjavaScriptCode && nonjavaScriptCode !== '' && }\r\n
\r\n )\r\n}","export default {\r\n jotform__lightbox__container : {\r\n 'a' : {\r\n cursor: 'pointer'\r\n }\r\n }\r\n}","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core';\r\nimport cmsUtils from '../../cms/utils/cmsUtils';\r\nimport { useEffect, useLayoutEffect, useState } from 'react';\r\nimport { Loading } from '../../components';\r\nimport style from './style';\r\n\r\nexport function JotformLightbox(props) {\r\n\r\n const item = props.item;\r\n const cssClass = props.cssClass;\r\n const code = cmsUtils.payload(item, 'Code') || '';\r\n const codes = code.split(\"\");\r\n\r\n const [result, setResult] = useState();\r\n console.log(\"codes --->\", codes);\r\n\r\n useEffect(() => {\r\n\r\n const javsScriptCodes = [];\r\n let nonjavaScriptCode = \"\";\r\n let index = 1;\r\n\r\n codes.forEach(code => {\r\n\r\n if (code.includes(\"<_script\")) {\r\n const script = document.createElement('script');\r\n script.type = `text/javascript`;\r\n script.id = 'jotformLightbox' + index;\r\n\r\n const javaScriptTopCode = code.substring(code.indexOf(\"<_script\"), (code.indexOf(\">\") + 1)).trim().replace(\"src =\", \"src=\").replace(\"src = \", \"src=\").replace(\"src= \", \"src=\").trim();\r\n const javaScriptInsideCode = code.substring((code.indexOf(\">\") + 1)).trim();\r\n\r\n console.log(\"javaScriptTopCode\", javaScriptTopCode);\r\n\r\n if (javaScriptTopCode.includes(\"src=\")) {\r\n let _src = javaScriptTopCode.indexOf('src=\"') === -1 ? '' : javaScriptTopCode.substring(javaScriptTopCode.indexOf('src=\"')).trim();\r\n let src = _src.substring((_src.indexOf('src=\"') + 5), _src.indexOf('\"', 5));\r\n script.src = src;\r\n }\r\n\r\n if (javaScriptInsideCode !== '') {\r\n script.text = javaScriptInsideCode;\r\n }\r\n javsScriptCodes.push(script);\r\n }\r\n else {\r\n nonjavaScriptCode = code.trim();\r\n }\r\n\r\n index++;\r\n\r\n });\r\n\r\n setResult({ javsScriptCodes: javsScriptCodes, nonjavaScriptCode: nonjavaScriptCode });\r\n\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n return (\r\n \r\n {\r\n result ?
\r\n )\r\n}\r\n\r\n\r\nfunction GetJotformLightbox({ result }) {\r\n\r\n const javsScriptCodes = result.javsScriptCodes;\r\n const nonjavaScriptCode = result.nonjavaScriptCode;\r\n const [index, setIndex] = useState(0);\r\n\r\n useLayoutEffect(() => {\r\n\r\n if (!javsScriptCodes || (javsScriptCodes && javsScriptCodes.length <= 0)) {\r\n return;\r\n }\r\n\r\n const existingScript = document.getElementById(javsScriptCodes[index].id);\r\n if (existingScript) {\r\n document.body.removeChild(existingScript);\r\n }\r\n document.body.appendChild(javsScriptCodes[index]);\r\n\r\n let timer = null;\r\n\r\n if (javsScriptCodes.length > (index + 1)) {\r\n timer = setTimeout(() => {\r\n setIndex(index + 1);\r\n }, 1000);\r\n }\r\n\r\n return () => {\r\n if(timer){\r\n clearTimeout(timer);\r\n }\r\n }\r\n\r\n // eslint-disable-next-line\r\n }, [index]);\r\n\r\n return (\r\n \r\n )\r\n}","import React from 'react';\r\nimport cmsUtils from '../../utils/cmsUtils';\r\nimport utils from '../../../utils';\r\nimport { SearchResult } from '../../../site/searchResult/searchResult';\r\nimport { InstagramFeed } from '../../../components';\r\nimport { AppVersion } from '../../../components';\r\nimport { TextWithJavScript } from '../../../components/TextWithJavaScript/view';\r\nimport { JotformIframe } from '../../../components/jotformIframe/view';\r\nimport { JotformLightbox } from '../../../components/jotformLightbox/view';\r\n\r\nexport function Code(props) {\r\n const item = props.item;\r\n //const subItems = item.items || [];\r\n const cmsOption = props.cmsOption || {};\r\n\r\n //console.log('item', item, cmsOption);\r\n\r\n const code = cmsUtils.payload(item, 'Code');\r\n const codeType = cmsUtils.payload(item, 'CodeType');\r\n let controls = null;\r\n if (codeType === 'Json') {\r\n const codeJson = JSON.parse(code);\r\n if (codeJson.control === 'search-results') {\r\n controls = \r\n
\r\n )\r\n else if (codeType === 'Text')\r\n return (\r\n \r\n )\r\n else if (codeType === 'TestWithJs') {\r\n return (\r\n \r\n Code Type: {codeType}\r\n {code}\r\n {controls}
\r\n )\r\n}\r\n","import React from 'react';\r\nimport cmsUtils from '../../utils/cmsUtils';\r\nimport utils from '../../../utils';\r\nimport { SiteLink } from '../../../components';\r\n\r\nexport function BlogPosts(props) {\r\n const item = props.item;\r\n const cmsOption = props.cmsOption || {};\r\n\r\n console.log('item', item);\r\n\r\n const posts = getPages(cmsUtils.payload(item, 'BlogPosts'));\r\n const numOfTileLines = parseInt(cmsUtils.payload(item, 'NumOfTileLines', '2'));\r\n //console.log(numOfPost, parseInt(numOfPost));\r\n //console.log(posts);\r\n const bp = utils.ui.getCurrentBreakpoint();\r\n const tilesPerLine = { xs: 1, sm: 1, md: 2, lg: 2, xl: 3, xxl: 4 }\r\n const numOfPost = numOfTileLines * (tilesPerLine[bp] || 3);\r\n const step = numOfPost;\r\n\r\n const tileType = cmsUtils.payload(item, 'TileType') || '1';\r\n\r\n const [tilesToShow, setTilesToShow] = React.useState(numOfPost);\r\n\r\n const displayingPosts = posts.length > tilesToShow ? posts.slice(0, tilesToShow) : posts;\r\n const showMore = posts.length > displayingPosts.length;\r\n\r\n const pageTileElts = tileType === '1' ? \r\n displayingPosts.map((page, index) => \r\n {pageTileElts}\r\n
\r\n {showMore && (\r\n { setTilesToShow(tilesToShow + step) }}>LOAD MORE
)}\r\n \r\n );\r\n}\r\n\r\nfunction getPages(pagesSerialized) {\r\n if (pagesSerialized) {\r\n return JSON.parse(pagesSerialized);\r\n }\r\n return [];\r\n}\r\n\r\nfunction Tile(props) {\r\n const page = props.page;\r\n const imageUrl = utils.site.resourcePath(page.imageUrl);\r\n const disableLink = props.disableLink;\r\n const postDate = utils.date.formatDDMMYYYY(page.postDate);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nfunction Tile2(props) {\r\n const page = props.page;\r\n const imageUrl = utils.site.resourcePath(page.imageUrl);\r\n const disableLink = props.disableLink;\r\n //const postDate = utils.date.formatDDMMYYYY(page.postDate);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {page.pageTitle}\r\n
\r\n {/* \r\n {page.tileDesc || page.description}\r\n
*/}\r\n \r\n {postDate}\r\n
\r\n READ MORE
\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\n\r\n\r\n//'https://adelaidebeaches.stg5.jaba.com.au/sites/adelaidebeaches/media/banners/blog-banners/sotos-banner.jpg'","import React from 'react';\r\nimport cmsUtils from '../../utils/cmsUtils';\r\nimport utils from '../../../utils';\r\n\r\nexport function BlogPostTitle(props) {\r\n const item = props.item;\r\n const cmsOption = props.cmsOption || {};\r\n\r\n //console.log('item', item);\r\n\r\n const title = cmsUtils.payload(item, 'PageTitle');\r\n const postDate = cmsUtils.payload(item, 'PostDate');\r\n\r\n const cssClass = utils.classNames('blogView__titleContainer', 'cms_item', item.cssClass || item.anchorName || '');\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {page.pageTitle}\r\n
\r\n {/* READ MORE
*/}\r\n \r\n
\r\n );\r\n}\r\n","import React from 'react';\r\n//import cmsUtils from '../../utils/cmsUtils';\r\nimport utils from '../../../utils';\r\nimport { Item } from '../../items/item';\r\n\r\nexport function VideoHolder(props) {\r\n const item = props.item;\r\n const subItems = item.items || [];\r\n const cmsOption = props.cmsOption || {};\r\n\r\n //console.log('item', item, subItems);\r\n\r\n const subItemsElts = subItems.map((subItem, index) =>\r\n \r\n {title}\r\n
\r\n\r\n {postDate}\r\n
\r\n \r\n {subItemsElts}\r\n
\r\n );\r\n}","import React from 'react';\r\nimport cmsUtils from '../../utils/cmsUtils';\r\nimport utils from '../../../utils';\r\nimport { YoutubeEmbedPopup } from '../../../components';\r\n\r\nexport function VideoItem(props) {\r\n const item = props.item;\r\n const cmsOption = props.cmsOption || {};\r\n\r\n console.log('item', item);\r\n\r\n const youtubeCode = cmsUtils.payload(item, 'YoutubeCode');\r\n const posterFrameUrl = cmsUtils.payload(item, 'PosterFrameUrl');\r\n const captionTitleYoutube = cmsUtils.payload(item, 'CaptionTitleYoutube');\r\n const shortDesc = cmsUtils.payload(item, 'ShortDesc');\r\n\r\n const cssClass = utils.classNames('cms_item', 'videoItem', item.cssClass || item.anchorName || '');\r\n\r\n return (\r\n \r\n
\r\n );\r\n}","import React from 'react';\r\nimport cmsUtils from '../../utils/cmsUtils';\r\nimport { Item } from '../../items/item';\r\nimport utils from '../../../utils';\r\n\r\nexport function MultiColumnPanel(props){\r\n const item = props.item;\r\n const mobileReverse = cmsUtils.payload(item, 'MobileReverse', 'no');\r\n //const subItems = item.items || [];\r\n const subItems = (mobileReverse === \"yes\" && utils.css.screenWidth() <= 550) ? item.items.reverse() || [] : item.items || [];\r\n const cmsOption = props.cmsOption || {};\r\n const columnWidths = cmsUtils.payload(item, 'ColumnWidths').split(\",\");\r\n const mobileColumnWidths = cmsUtils.payload(item, 'MobileColumnWidths').split(\",\");\r\n const countItem = {countD : 0, countM : 0, col : \"\"};\r\n\r\n const bgColor = cmsUtils.payload(item, 'BgColor');\r\n //const textColorTheme = cmsUtils.payload(item, 'TextColorTheme');\r\n const imageUrl = cmsUtils.payload(item, 'ImageUrl');\r\n const backgroundTile = cmsUtils.payload(item, 'BackgroundTile');\r\n const bgTheme = cmsUtils.payload(item, 'TextColorTheme') || 'white';\r\n \r\n let bgUrl = null;\r\n if (imageUrl)\r\n bgUrl = utils.site.resourcePath(imageUrl);\r\n else if (backgroundTile)\r\n bgUrl = utils.site.resourcePath(`/dist/transparent-textures/textures/${backgroundTile}`);\r\n\r\n const cssClass = utils.classNames('cms_item', 'contentPanel', 'multiColumnPanel', 'contentPanel--' + bgTheme, item.cssClass || item.anchorName || ''); \r\n\r\n function setupClass(index){ \r\n countItem.col = \"\";\r\n if(columnWidths.length === countItem.countD){\r\n countItem.countD = 0;\r\n }\r\n\r\n if(mobileColumnWidths.length === countItem.countM){\r\n countItem.countM = 0;\r\n }\r\n \r\n countItem.col = \"col-sm\" + (columnWidths[countItem.countD] === \"13\" ? \"\" : \"-\" + columnWidths[countItem.countD]) + \" col-\" + mobileColumnWidths[countItem.countM];\r\n countItem.countD ++;\r\n countItem.countM ++;\r\n };\r\n\r\n const subItemsElts = subItems.map((subItem, index) => {\r\n setupClass();\r\n return \r\n
\r\n \r\n
\r\n \r\n
\r\n {captionTitleYoutube}
\r\n \r\n\r\n
\r\n } \r\n );\r\n return (\r\n \r\n
\r\n \r\n {subItemsElts}\r\n
\r\n handleClick(e)}>\r\n
\r\n )\r\n\r\n return (\r\n \r\n {e.preventDefault(); e.stopPropagation();}}>{buttonTitle}
\r\n \r\n \r\n To edit the button title, please double click or open item editor
\r\n handleClick(e)}>\r\n
\r\n )\r\n}\r\n\r\n\r\nfunction restructureButton(el) {\r\n if (!el.querySelector('span')) {\r\n const span = document.createElement('span');\r\n span.innerHTML = el.innerHTML;\r\n el.innerHTML = '';\r\n el.appendChild(span);\r\n }\r\n}","// //import { css, keyframes } from '@emotion/core'\r\n// //import { variables, mq } from 'cssInJs'\r\n\r\nimport { css } from '@emotion/core'\r\nimport { mq } from '../../cssInJs'\r\n\r\nexport default {\r\n photoGallery : css({\r\n maxWidth : '960px',\r\n margin: 'auto'\r\n }),\r\n thumbnails : css({\r\n display:'flex',\r\n flexWrap:'wrap',\r\n marginLeft:'-5px',\r\n marginRight:'-5px'\r\n }),\r\n thumbnail : css(mq({\r\n //flexBasis: ['50%','25%','33.33%'],\r\n flexBasis: ['50%','25%','16.66%'],\r\n //padding: ['5px']\r\n padding:'5px',\r\n cursor: 'pointer'\r\n })),\r\n bg : {\r\n paddingBottom: '100%',\r\n backgroundSize: 'cover',\r\n backgroundPosition: 'center',\r\n backgroundRepeat: 'no-repeat',\r\n }\r\n}","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core'\r\nimport style from './style';\r\nimport { useState, useEffect } from 'react';\r\n\r\nimport utils from '../../utils';\r\nimport cmsUtils from '../../cms/utils/cmsUtils';\r\nimport FsLightbox from 'fslightbox-react';\r\nimport { createPortal } from \"react-dom\";\r\n\r\nfunction Portal({children}){\r\n const [el] = useState(document.createElement('div'));\r\n useEffect(() => {\r\n let mount = document.getElementById(\"portal-root\");\r\n mount.appendChild(el);\r\n return () => mount.removeChild(el);\r\n }, [el]);\r\n return createPortal(children, el);\r\n}\r\n\r\nexport function PhotoGallery(props){\r\n const item = props.item;\r\n const cmsOption = props.cmsOption || {};\r\n const cssClass = utils.classNames('cms_item', 'photoGallery', item.cssClass || item.anchorName || '');\r\n const _images = cmsUtils.payload(item, 'ImageUrl') ? cmsUtils.payload(item, 'ImageUrl').split(\"|\") : [];\r\n const _thumbImages = [];\r\n\r\n // _images.forEach(el => {\r\n // let a = el.split(\"/\");\r\n // console.log('e',e);\r\n // });\r\n\r\n //let a = _images[0].split(\"/\");\r\n \r\n if(_images.length > 0){\r\n _images.forEach(el => {\r\n let _texts = el.split('/');\r\n let _text = el.replace(_texts[_texts.length-1], \"@thumb/\" + _texts[_texts.length-1]);\r\n _thumbImages.push(_text);\r\n });\r\n //console.log('222', _images2);\r\n }\r\n\r\n //const _images = ['https://jaba.com.au/sites/jaba/media/images/multicolour-services-min.jpg'];\r\n const [toggler, setToggler] = useState(false);\r\n const [popupIndex, setPopupIndex] = useState(0);\r\n \r\n return(\r\n \r\n {buttonTitle}
\r\n \r\n \r\n \r\n {/* \r\n \r\n\r\n
\r\n ); \r\n}","import { css } from '@emotion/core'\r\n//import { mq } from 'cssInJs'\r\n\r\nexport default{\r\n testimonialPanel : css({\r\n marginTop: '20px',\r\n marginBottom: '20px',\r\n backgroundColor: 'transparent',\r\n '& .slick-prev:before, .slick-next:before' : {\r\n color : 'black'\r\n },\r\n '& .slick-next' : {\r\n right : '-2%'\r\n },\r\n '& .slick-prev' : {\r\n left : '-2%'\r\n }\r\n })\r\n}","import { css } from '@emotion/core'\r\nimport { mq } from '../../../cssInJs'\r\n\r\nexport default{\r\n testimonialItem : css(mq({\r\n maxWidth : '300px',\r\n backgroundColor: '#f8f8ff',\r\n opacity: '.9',\r\n textAlign: 'center',\r\n color: '#000',\r\n padding: '10px',\r\n //height: '100%',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n justifyContent: 'space-between',\r\n margin: 'auto',\r\n height: ['400px', '430px']\r\n })),\r\n\r\n\r\n testimonialItem_title : css(mq({\r\n marginBottom: '0px',\r\n fontSize: ['2rem', '1.72rem']\r\n })),\r\n\r\n testimonialItem_desc :css(mq({\r\n flex: '1 1 auto',\r\n fontSize: ['1.2rem', '1rem'] \r\n //flexGrow: '1',\r\n //flexShrink: '1'\r\n })),\r\n\r\n testimonialItem_bottom : css(mq({\r\n fontSize : ['1rem', '0.86rem']\r\n }))\r\n}","import utils from '../../../utils';\r\nimport cmsUtils from '../../../cms/utils/cmsUtils';\r\nimport { IoIosStar } from \"react-icons/io\";\r\n\r\n/** @jsx jsx */\r\nimport { jsx } from '@emotion/core'\r\nimport style from './style';\r\n\r\nexport function TestimonialItem(props){\r\n\r\n const item = props.item;\r\n //const cmsOption = props.cmsOption || {};\r\n const cssClass = utils.classNames('cms_item', 'testimonialItem', item.cssClass || item.anchorName || '');\r\n \r\n const startRatingColor = (props.startRatingColor && props.startRatingColor !== \"\") ? props.startRatingColor : \"black\";\r\n \r\n const title = cmsUtils.payload(item, 'Title');\r\n const desc = cmsUtils.payload(item, 'Desc');\r\n const bottom = cmsUtils.payload(item, 'BottomText');\r\n const ratingValue = parseInt(cmsUtils.payload(item, 'RatingStar'));\r\n \r\n var rating = [];\r\n\r\n for(var i = 0; i < ratingValue; i++ ){\r\n rating.push(\r\n \r\n PhotoGallery\r\n
\r\n \r\n {\r\n _thumbImages.map((item, index) =>\r\n
\r\n {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n setToggler(!toggler);\r\n setPopupIndex(index);\r\n }}>\r\n \r\n
\r\n )\r\n \r\n }\r\n \r\n
\r\n );\r\n}","//import { Item } from 'cms/items/item';\r\nimport Slider from \"react-slick\";\r\nimport utils from '../../../utils';\r\n//import cmsUtils from 'cms/utils/cmsUtils';\r\n\r\n/** @jsx jsx */\r\nimport { jsx } from '@emotion/core';\r\nimport style from './style';\r\n//import { useState, useEffect } from 'react';\r\n\r\nimport { TestimonialItem } from '../testimonialItem/view';\r\n\r\nexport function TestimonialPanel(props){\r\n const item = props.item;\r\n //const defaultDesH = 220;\r\n const startRatingColor = props.startRatingColor;\r\n const subItems = item.items || [];\r\n //console.log(subItems.length);\r\n const cmsOption = props.cmsOption || {};\r\n const cssClass = utils.classNames('cms_item', 'testimonialPanel', item.cssClass || item.anchorName || '');\r\n \r\n //const [desH, setDesH] = useState(defaultDesH);\r\n\r\n //var maxDesTextLength = 0;\r\n const testimonialItems = subItems.map((subItem, index) => {\r\n // let subItemDes = cmsUtils.payload(subItem, \"Desc\");\r\n // if(maxDesTextLength < subItemDes.length){\r\n // maxDesTextLength = subItemDes.length\r\n // }\r\n //return \r\n { title }\r\n
\r\n\r\n { rating }\r\n
\r\n {/* style={{ flexBasis: props.desH + \"px\" }} */}\r\n \r\n { desc }\r\n
\r\n \r\n { bottom }\r\n
\r\n\r\n \r\n { testimonialItems }\r\n \r\n
\r\n );\r\n}","import { css } from '@emotion/core'\r\n//import { mq } from '../../cssInJs'\r\nexport default{\r\n exTextItem : css({\r\n overflow:'hidden',\r\n maxHeight:'0',\r\n transition: 'all 0.8s',\r\n padding: '0px',\r\n '&.expand' : {\r\n maxHeight:'100%',\r\n padding: '1rem 0'\r\n }\r\n })\r\n}","/** @jsx jsx */\r\nimport { jsx } from '@emotion/core'\r\n//import React from 'react';\r\nimport cmsUtils from '../../cms/utils/cmsUtils';\r\nimport utils from '../../utils';\r\nimport style from './style';\r\nimport { Item } from '../../cms/items/item';\r\n\r\nexport function ExpandablePanel(props){\r\n const item = props.item;\r\n const subItems = item.items || [];\r\n const cmsOption = props.cmsOption || {};\r\n\r\n const bgColor = cmsUtils.payload(item, 'BgColor');\r\n const imageUrl = cmsUtils.payload(item, 'ImageUrl');\r\n const backgroundTile = cmsUtils.payload(item, 'BackgroundTile');\r\n \r\n let bgUrl = null;\r\n\r\n if (imageUrl){\r\n bgUrl = utils.site.resourcePath(imageUrl);\r\n }\r\n else if (backgroundTile){\r\n bgUrl = utils.site.resourcePath(`/dist/transparent-textures/textures/${backgroundTile}`);\r\n }\r\n\r\n const cssClass = utils.classNames('cms_item', 'contentPanel', 'expandablePanel', cmsOption.isCmsEdit && 'expandablePanel_item_cms', item.cssClass || item.anchorName || '');\r\n const subItemsElts = subItems.map((subItem, index) =>\r\n \r\n {subItemsElts}\r\n
\r\n \n {\n (linkUrl && linkUrl !== '') ? \n \n : \n \n
\n )\n }\n );\n\n var numOfSlides = (maxNum) => subItems.length >= maxNum ? maxNum : subItems.length\n\n var settings = {\n dots: false,\n infinite: true,\n speed: 1500,\n autoplaySpeed: 3000,\n ////fade: true,\n autoplay: true,\n slidesToShow: numOfSlides(6),\n //slidesToShow: 3,\n slidesToScroll: numOfSlides(3),\n responsive: [\n { breakpoint: 1024, settings: { slidesToShow: numOfSlides(5), slidesToScroll: numOfSlides(2) } },\n { breakpoint: 992, settings: { slidesToShow: numOfSlides(4), slidesToScroll: numOfSlides(2) } },\n { breakpoint: 768, settings: { slidesToShow: numOfSlides(3), slidesToScroll: numOfSlides(2) } },\n { breakpoint: 576, settings: { slidesToShow: numOfSlides(2), slidesToScroll: numOfSlides(1)} }\n ]\n };\n\n return (\n \n 
\n
\n {bottomText}
\n\n \n
\n \n }\n \n \n {bottomText}
\n\n \n {sliderAwardItems}\n \n
\n );\n}","import React from 'react';\r\nimport utils from '../../utils';\r\nimport { items } from '../../site/_cmsItems/items-generated';\r\nimport cmsUtils from '../utils/cmsUtils'\r\nimport { BannerPanel } from './bannerPanel/view';\r\nimport { BannerItem } from './bannerItem/view';\r\nimport { Panel } from './panel/view';\r\nimport { Html } from './html/view';\r\n// import { TestimonialPanel } from './testimonialPanel/view';\r\n// import { TestimonialItem } from './testimonialItem/view';\r\nimport { ImagePanel } from './imagePanel/view';\r\n\r\nimport { PageTilesBsyc } from '../../components/tiles/bsyc/view';\r\nimport { PageTilesSharkCageDiving } from '../../components/tiles/sharkcagediving/view';\r\nimport { PageTilesSharkCageDiving2 } from '../../components/tiles/sharkcagediving2/view';\r\n\r\nimport { SingleBanner } from './singleBanner/view';\r\nimport { ContactForm } from './contactForm/view';\r\nimport { VideoPanel } from './VideoPanel/view';\r\nimport { Code } from './code/view';\r\nimport { BlogPosts } from './blogPosts/view';\r\nimport { BlogPostTitle } from './blogPostTitle/view';\r\nimport { VideoHolder } from './videoHolder/view';\r\nimport { VideoItem } from './videoItem/view';\r\nimport { MultiColumnPanel } from './multiColumnPanel/view';\r\nimport { ExpandableHtml } from './expandableHtml/view';\r\nimport { PhotoGallery } from '../../components/photoGallery/view';\r\nimport { TestimonialPanel } from '../../components/testimonial/index';\r\nimport { ExpandablePanel } from '../../components/expandablePanel/view';\r\nimport { SliderAwardPanel } from '../../components/SliderAward/index';\r\n\r\n//import { PrintShare } from './printShare/view';\r\n\r\nexport function Item(props) {\r\n const item = props.item;\r\n const cmsOption = props.cmsOption || {};\r\n\r\n //console.log('item', item, cmsOption);\r\n\r\n let itemElt = null;\r\n\r\n const found = utils.array.find(items, (x) => x.match(item, cmsOption))\r\n //console.log(found)\r\n if (found) {\r\n return found.itemElt(item, cmsOption)\r\n }\r\n\r\n if (item.itemTypeCode === 'Panel') {\r\n itemElt = ({item.itemTypeCode}
);\r\n }\r\n\r\n // const subItemsElts = subItems.map((subItem, index) =>\r\n // \r\n {sectionItems}\r\n
\r\n \r\n );\r\n}\r\n\r\nfunction Section(props) {\r\n log('5. section rendering')\r\n const item = props.item;\r\n //const sectionName = item.sectionName;\r\n const subItems = item.items || [];\r\n const cmsOption = props.cmsOption || {};\r\n if (!subItems || subItems.length === 0)\r\n return (<>);\r\n\r\n const subItemsElts = subItems.map((subItem, index) =>\r\n <\\/p>/g, '');\r\n //editor.insertHtml(evt.data.dataValue); return false;\r\n setTimeout(function () {\r\n CKEDITOR.instances.cmsCurrentEditor.setData(CKEDITOR.instances.cmsCurrentEditor.getData());\r\n }, 100);\r\n }, null, null, 9);\r\n }\r\n\r\n close($editor = null) {\r\n const CKEDITOR = window['CKEDITOR'] || {};\r\n //console.log('ckeditor close');\r\n if (typeof CKEDITOR.instances.cmsCurrentEditor != \"undefined\")\r\n CKEDITOR.instances.cmsCurrentEditor.destroy();\r\n\r\n //for (var instance in CKEDITOR.instances) {\r\n // CKEDITOR.instances[instance].destroy();\r\n //}\r\n\r\n }\r\n}\r\n","import { CmsRadioSender } from './cms-radio-sender'\r\nimport { CmsRadioReceiver } from './cms-radio-receiver'\r\nimport { CmsHtmlEditor } from './cms-html-editor'\r\nimport env from '../../env';\r\n\r\n// declare var CKEDITOR: any;\r\n// import * as $ from 'jquery';\r\n\r\n\r\nexport class CmsPageController {\r\n settings;//: any;\r\n sender;//: CmsRadioSender;\r\n receiver;//: CmsRadioReceiver;\r\n htmlEditor;//: CmsHtmlEditor;\r\n\r\n constructor() {\r\n this.settings = { root: \"body\", viewOnly: false };\r\n this.sender = new CmsRadioSender(this);\r\n this.receiver = new CmsRadioReceiver(this);\r\n this.htmlEditor = new CmsHtmlEditor(env.cmsEndpoint, this.sender);\r\n }\r\n init(options) {\r\n const $ = window['jQuery'];\r\n this.settings = Object.assign({}, /*default*/{ root: \"body\", viewOnly: false }, options);\r\n this.initGlobalVars();\r\n\r\n var self = this;\r\n $(\"[onclick]\").prop(\"onclick\", null);\r\n $(\"[dblclick]\").prop(\"dblclick\", null);\r\n $(self.settings.root).off(\"click dblclick\", \"*\");\r\n $(self.settings.root).on(\"click dblclick\", \"*\", function (e) {\r\n //$(\".cms_html_editor_img_selected\").removeClass(\"cms_html_editor_img_selected\");\r\n // console.log($(e.target).hasClass(\"allowClick\"));\r\n // console.log(e.target);\r\n\r\n if (!$(e.target).hasClass(\"allowClick\")) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n }\r\n\r\n if ($(this).attr(\"contenteditable\") === \"true\" ||\r\n $(\"#cms_html_editor_source_id\").is(\":visible\")) {\r\n e.stopPropagation();\r\n return;\r\n }\r\n if (!self.settings.viewOnly)\r\n self.selectItem($(this), false, e.type === \"dblclick\");\r\n\r\n //Add noreferrer noopener when new window\r\n $(\"#cke_108_select\").change(function() {\r\n let _value = $(this).val();\r\n $(\"#cke_215_textInput\").val(\"\");\r\n if(_value === \"_blank\"){\r\n $(\"#cke_215_textInput\").val(\"noreferrer noopener\");\r\n }\r\n });\r\n\r\n });\r\n\r\n if (self.settings.viewOnly) return; // stop the editing logic for viewonly mode.\r\n\r\n // ctrl + s for html block\r\n $(self.settings.root).on('keydown', \"#cmsCurrentEditor\", function (e) {\r\n if (e.ctrlKey && e.which === 83) {\r\n //var itemId = $(this).data(\"cms-item-id\");\r\n //if (!itemId)\r\n // itemId = $(this).closest(\"[data-cms-item-id]\").data(\"cms-item-id\");\r\n //window.parent.cms.site.saveHtml(itemId);\r\n //e.preventDefault();\r\n\r\n self.sender.saveAllDirtyHtml(self.getAllDirtyHtml());\r\n return false;\r\n }\r\n });\r\n }\r\n\r\n selectItemFromController(id) {\r\n const $ = window['jQuery'];\r\n var item = $(\".cms_item[data-cms-item-id='\" + id + \"']\");\r\n this.scrollTo(item);\r\n this.selectItem(item, true);\r\n }\r\n\r\n selectItem($item, fromController, doubleclicked = false) {\r\n //console.log(\"select item - \" + fromController + \" - \" + doubleclicked);\r\n //console.log($item);\r\n var editor = $item.closest(\"[contenteditable]\");\r\n if (editor.length > 0)\r\n return;\r\n var cke_top = $item.closest(\".cke_top\");\r\n if (cke_top.length > 0)\r\n return;\r\n\r\n this.closeEditingItem();\r\n //console.log($item);\r\n if (typeof $item === \"undefined\") return;\r\n if ($item.length === 0) return;\r\n this.findItem($item, fromController, 0, doubleclicked);\r\n }\r\n\r\n closeEditingItem() {\r\n const $ = window['jQuery'];\r\n //console.log(\"close editing item\");\r\n $(\"[contenteditable]\").removeAttr(\"contenteditable\");\r\n $(\"#cms_hovermenu\").remove();\r\n $(\".cms_editing_item\").removeClass(\"cms_editing_item\");\r\n\r\n }\r\n\r\n findItem($item, fromController, depth, doubleclicked) {\r\n if (depth > 100) return false;\r\n // console.log($item, fromController, depth, doubleclicked)\r\n if (typeof $item.attr(\"data-cms-html\") !== \"undefined\" && $item.attr(\"data-cms-html\") === \"true\") {\r\n $item.attr(\"contenteditable\", \"true\");\r\n this.showHtmlEditor($item);\r\n }\r\n if (typeof $item.attr(\"data-cms-item-id\") !== \"undefined\") {\r\n //$item.attr(\"contenteditable\", \"true\");\r\n $item.addClass(\"cms_editing_item\");\r\n if (!fromController) {\r\n //window.parent.cms.site.selectControllerItem($item.attr(\"data-cms-item-id\"),\r\n // typeof doubleclicked != \"undefined\" && doubleclicked == true\r\n //);\r\n this.sender.selectControllerItem({\r\n id: $item.attr(\"data-cms-item-id\"),\r\n openEdit: typeof doubleclicked !== \"undefined\" && doubleclicked === true\r\n });\r\n\r\n }\r\n\r\n //show_hovermenu($item);\r\n\r\n } else {\r\n var editableParent = $item.parents(\".cms_item[data-cms-item-id], [data-cms-html]\");\r\n if (editableParent.length > 0)\r\n this.findItem(editableParent.first(), fromController, depth + 1, doubleclicked);\r\n\r\n }\r\n }\r\n\r\n sameContent(a, b) {\r\n return a === b;\r\n }\r\n\r\n showHtmlEditor($item) {\r\n const $ = window['jQuery'];\r\n var editor = $item;\r\n //console.log(editor);\r\n //var $menu = $(\"#cms_html_editor_ctrl\");\r\n ////$menu.css(\"top\", $item.offset().top - 40);\r\n ////$menu.css(\"left\", $item.offset().left);\r\n //$menu.show();\r\n //initHtmlEditor($item);\r\n\r\n if (editor.attr(\"id\") === \"cmsCurrentEditor\") return;\r\n\r\n $(\"#cmsCurrentEditor\").attr(\"id\", \"\");\r\n this.htmlEditor.close(editor);\r\n\r\n editor.attr(\"id\", \"cmsCurrentEditor\");\r\n //editor.data(\"current-content\", editor.html());\r\n\r\n this.htmlEditor.show(editor);\r\n //setHandlers($item);\r\n\r\n }\r\n\r\n\r\n initGlobalVars() {\r\n const $ = window['jQuery'];\r\n window[\"cmsPage\"] = $.extend({}, window[\"cmsPage\"] || {}, {\r\n htmleditor: {\r\n // cmsPage.htmleditor.getAnchors();\r\n getAnchors: function (opt) {\r\n //var options = $.extend({}, opt);\r\n //console.log(options);\r\n var anchors = [];\r\n\r\n $(\"a[name]\").each(function (inx, obj) {\r\n anchors.push({ id: $(obj).attr(\"id\"), name: $(obj).attr(\"name\") });\r\n });\r\n\r\n $(\"[data-cms-item-name],[data-cms-anchor]\").each(function (inx, obj) {\r\n if (typeof $(obj).attr(\"data-cms-anchor\") !== \"undefined\" && $(obj).attr(\"data-cms-anchor\") !== \"\" && $(obj).parents(\".owl-item\").length === 0) {\r\n anchors.push({ id: null, name: $(obj).attr(\"data-cms-anchor\") });\r\n } else if ($(obj).attr(\"data-cms-item-name\") !== \"\" && $(obj).parents(\".owl-item\").length === 0) {\r\n anchors.push({ id: null, name: $(obj).attr(\"data-cms-item-name\") });\r\n }\r\n });\r\n\r\n return anchors;\r\n }\r\n }\r\n });\r\n }\r\n\r\n scrollTo(target) {\r\n const $ = window['jQuery'];\r\n if (typeof target === \"undefined\") return;\r\n if ($(target).length === 0) return;\r\n var htmlbody = $('html,body');\r\n var top = 0;\r\n if ($(target).height() > $(window).height())\r\n top = $(target).offset().top;\r\n else {\r\n top = $(target).offset().top - Math.floor(($(window).height() - $(target).height()) / 2);\r\n }\r\n //console.log(top);\r\n //htmlbody.animate({ scrollTop: top }, 500, 'easeInOutQuint');\r\n htmlbody.animate({ scrollTop: top }, 500);\r\n }\r\n\r\n getCurrentHtml() {\r\n const CKEDITOR = window['CKEDITOR'] || {};\r\n try {\r\n return CKEDITOR.instances.cmsCurrentEditor.getData();\r\n } catch (e) { return \"\"; }\r\n }\r\n\r\n getAllDirtyHtml() {\r\n const $ = window['jQuery'];\r\n var self = this;\r\n var htmlChanges = [];\r\n $(\".dirtyHtml\").each(function (inx, obj) {\r\n var $section = $(obj);\r\n var content = $section.is(\"#cmsCurrentEditor\") ? // if the html editor is active, it needs to get the html from the editor.\r\n self.getCurrentHtml() : $section.html();\r\n if ($section.is(\"[data-cms-section-id]\")) {\r\n // section level?\r\n let $item = $section.closest(\"[data-cms-item-id]\");\r\n htmlChanges.push({ ItemId: $item.data(\"cms-item-id\"), SectionId: $section.data(\"cms-section-id\"), Content: content });\r\n } else if ($section.is(\"[data-cms-item-id]\")) {\r\n // section level?\r\n let $item = $section;\r\n htmlChanges.push({ ItemId: $item.data(\"cms-item-id\"), SectionId: \"Content\", Content: content });\r\n }\r\n });\r\n return htmlChanges;\r\n }\r\n\r\n getHtml(itemid: any) {\r\n const $ = window['jQuery'];\r\n this.htmlEditor.close();\r\n var self = this;\r\n var item = $(\".cms_item[data-cms-item-id='\" + itemid + \"']\");\r\n\r\n var formvals = { Content: this.cms_replace_item_html(item) };\r\n\r\n //cms_msg_progressing(\"#save_message\", \"Saving...\");\r\n if ($(\"[data-cms-section-id]\", item).length > 0) {\r\n $(\"[data-cms-section-id]\", item).each(function (inx, section) {\r\n var closestItemId = $(section).closest(\".cms_item\").data(\"cms-item-id\");\r\n if (closestItemId === itemid) {\r\n var id = $(section).attr(\"data-cms-section-id\");\r\n formvals[id] = self.cms_replace_item_html($(section)); //.find(\">:first-child\")().html();\r\n\r\n }\r\n });\r\n }\r\n return formvals;\r\n }\r\n\r\n cms_replace_item_html(item) {\r\n return item.html();\r\n // var $tmp = $(\"
\").html(item.html());\r\n // if ($tmp.find('.cms-skeleton').length > 0)\r\n // return $tmp.find('.cms-skeleton').html();\r\n // else\r\n // return item.html();\r\n //tmp.find(\".cms_ctrl_in_editor\").each(function (inx, obj) {\r\n // var ctrlid = $(obj).attr(\"data-cms-ctrl-id\");\r\n // $(obj).replaceWith(\"__cms__ctrl:\" + ctrlid + \"__\");\r\n //});\r\n //return tmp.html();\r\n }\r\n\r\n}\r\n","import React, { useEffect } from 'react';\r\nimport { useRouter } from '../../../components';\r\nimport { useGet } from '../../../components';\r\nimport { Item } from '../../items/item';\r\nimport env from '../../../env';\r\nimport { loadJs } from '../../../lib/net-loader';\r\nimport { CmsPageController } from '../../services/cms-page-controller';\r\nimport { ErrorPopup, Loading } from '../../../components';\r\nimport cmsUtils from '../../utils/cmsUtils';\r\n\r\n// function useQuery() {\r\n// return new URLSearchParams(useLocation().search);\r\n// }\r\n\r\nexport function EditPage(props) {\r\n //const [page, setPage] = useState(null);\r\n\r\n //const pageId = props.pageId;\r\n const { query } = useRouter();\r\n const { cmsViewMode = 'edit', id, publishVer, editVer } = query;\r\n const pageId = id;\r\n\r\n //console.log(pageId, cmsViewMode, env.apiBase, env)\r\n\r\n const get = useGet();\r\n useEffect(() => {\r\n get.send(env.apiBase + '/api/cms/GetPage/' + pageId + '?cmsViewMode=' + cmsViewMode\r\n + (publishVer ? '&publishVer=' + publishVer : '')\r\n + (editVer ? '&editVer=' + editVer : '')\r\n );\r\n // eslint-disable-next-line\r\n }, [pageId]);\r\n\r\n if (get.loading()) {\r\n return\r\n {sectionItems}\r\n
\r\n );\r\n}\r\n\r\n\r\nfunction Section(props) {\r\n const item = props.item;\r\n //const sectionName = item.sectionName;\r\n const subItems = item.items || [];\r\n const cmsOption = props.cmsOption || {};\r\n\r\n if (!subItems || subItems.length === 0)\r\n return (<>);\r\n\r\n const subItemsElts = subItems.map((subItem, index) =>\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n 
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n ![\"logo\"](\"/assets/logos/logo.png\"){kind=logo}
\r\n ![\"logo\"](\"/assets/logos/logo2.png\"){kind=logo}
\r\n {link.title}
*/}\r\n \r\n
\r\n \r\n 
\r\n 
\r\n
\r\n {link.title}
\r\n \r\n
\r\n \r\n );\r\n}","import React from 'react';\r\nimport { useStore } from '../../store';\r\nimport FsLightbox from 'fslightbox-react';\r\n\r\nexport function CommonVideoPopup(props) {\r\n const { state } = useStore();\r\n\r\n const [toggler, setToggler] = React.useState(false);\r\n const [sources, setSources] = React.useState([]);\r\n const [popupIndex, setPopupIndex] = React.useState(0);\r\n\r\n const popup = state.popup;\r\n //console.log(popup, JSON.stringify((popup && popup.sources) || []), JSON.stringify(sources), (popup && popup.popupIndex), popupIndex)\r\n if (JSON.stringify((popup && popup.sources) || []) !== JSON.stringify(sources) ||\r\n ((popup && popup.popupIndex) || 0) !== popupIndex) {\r\n setSources(popup.sources);\r\n setPopupIndex(popup.popupIndex);\r\n setTimeout(() => { setToggler(!toggler) }, 10)\r\n } else {\r\n\r\n }\r\n //console.log(toggler, popupIndex, sources)\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}","import React from 'react';\r\nimport { useRouter } from './components';\r\nimport { useHistoryStore } from './components';\r\nimport { useParallax } from './components';\r\nimport utils from './utils';\r\nimport debounce from \"lodash/debounce\";\r\n\r\nexport function AppRouteChanged() {\r\n const { path } = useRouter();\r\n const parallax = useParallax();\r\n const history = useHistoryStore();\r\n \r\n React.useLayoutEffect(() => {\r\n //console.log('route changed', path)\r\n const scrolled = debounce((e) => saveScrollPosition(e, path), 100)\r\n\r\n \r\n history.push({ path: path })\r\n if (typeof window !== `undefined`) {\r\n parallax.reset();\r\n \r\n const pos = getPreviousPostition(path)\r\n // console.log('pos', pos)\r\n if (pos) {\r\n setTimeout(() => {\r\n window.scrollTo(pos.scrollLeft, pos.scrollTop)\r\n }, 500)\r\n } else {\r\n const hash = window.location.hash;\r\n \r\n if (hash) { \r\n setTimeout(() => {\r\n const anchor = utils.ui.findElement(hash);\r\n if (anchor)\r\n utils.ui.scrollTo(anchor, 500);\r\n }, 500)\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n }\r\n\r\n }\r\n\r\n window.addEventListener('scroll', scrolled)\r\n return () => {\r\n window.removeEventListener('scroll', scrolled)\r\n }\r\n // eslint-disable-next-line\r\n }, [path]);\r\n\r\n return null;\r\n}\r\n\r\n//#region scroll position store\r\n\r\nfunction saveScrollPosition(e, path) {\r\n if (typeof window === `undefined`) return;\r\n const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft\r\n const scrollTop = window.pageYOffset || document.documentElement.scrollTop\r\n // console.log('save position', path, scrollTop, scrollLeft)\r\n setPositionData(path, scrollLeft, scrollTop)\r\n}\r\n\r\nfunction getPreviousPostition(path) {\r\n const dataArr = getPositionData() || []\r\n // console.log(dataArr.length)\r\n const pos = getPreviousPostitionInArray(dataArr, path)\r\n return pos\r\n}\r\n\r\nfunction getPositionData() {\r\n const dataStr = localStorage.getItem('scrollPosRouter')\r\n // console.log(dataStr)\r\n if (dataStr) {\r\n let data\r\n try {\r\n data = JSON.parse(dataStr)\r\n } catch (e) { return null }\r\n return data\r\n }\r\n return null\r\n}\r\n\r\nfunction setPositionData(path, scrollLeft, scrollTop) {\r\n const dataArr = getPositionData() || []\r\n setCurrentPositionInArray(dataArr, path, scrollLeft, scrollTop)\r\n // console.log(dataArr)\r\n localStorage.setItem('scrollPosRouter', JSON.stringify(dataArr))\r\n}\r\n\r\nconst MAX_SIZE = 5\r\nfunction setCurrentPositionInArray(dataArr, path, scrollLeft, scrollTop) {\r\n const same = dataArr.length > 0 && dataArr[dataArr.length - 1].path === path\r\n if (same) {\r\n const found = dataArr[dataArr.length - 1]\r\n found.scrollLeft = scrollLeft\r\n found.scrollTop = scrollTop\r\n found.ts = new Date()\r\n } else {\r\n if (dataArr.length >= MAX_SIZE) dataArr.shift()\r\n dataArr.push({\r\n path: path,\r\n scrollLeft: scrollLeft,\r\n scrollTop: scrollTop,\r\n ts: new Date()\r\n })\r\n }\r\n}\r\n\r\nfunction getPreviousPostitionInArray(dataArr, path) {\r\n const foundIndex = findIndexReverse(dataArr, x => x.path === path)\r\n // console.log(foundIndex, dataArr.length - 1)\r\n if (foundIndex >=0 && foundIndex >= dataArr.length - 2) {\r\n // remove after the index\r\n if (foundIndex < dataArr.length - 1) {\r\n dataArr.splice(foundIndex + 1)\r\n localStorage.setItem('scrollPosRouter', JSON.stringify(dataArr))\r\n }\r\n return dataArr[foundIndex]\r\n }\r\n return null\r\n}\r\n\r\nfunction findIndexReverse(list, fn) {\r\n if (!list) return -1;\r\n for (let i = list.length - 1; i >= 0 ; i--) {\r\n if (fn(list[i])) {\r\n return i;\r\n }\r\n }\r\n return -1;\r\n}\r\n//#endregion","import { mq, variables } from '../../../cssInJs';\n\nexport default {\n bannerConatiner : mq({\n margin: 'auto',\n marginTop: '1.5rem',\n maxWidth: '960px',\n paddingRight: '0px',\n paddingLeft: '0px'\n }),\n bannerItem : mq({\n //border : '1px solid red',\n 'img' : mq({\n width: '100%'\n })\n }),\n backgroundBannerItem : mq({\n paddingTop: '56.25%',\n backgroundSize: 'cover',\n backgroundPosition: 'center',\n backgroundRepeat: 'repeat'\n }),\n barBtnContainer : mq({\n display: 'flex',\n marginLeft: '-0.5rem',\n marginRight: '-0.5rem',\n marginTop:'0.3rem',\n flexWrap: 'wrap',\n justifyContent: ['center',null,'unset']\n }),\n barBtn : mq({\n lineHeight: '1',\n padding:['0.5rem 2rem',null,'0.3rem 2rem'],\n borderRadius: '30px',\n color: variables.orangeColor,\n backgroundColor: variables.sandCtoneColor,\n marginLeft:'0.5rem',\n marginRight:'0.5rem',\n fontSize: '0.8rem',\n marginTop: '0.2rem',\n marginBottom: '0.2rem',\n width: ['140px','unset']\n // flex: ['1 0 32%',null,'unset'],\n // maxWidth:['32%',null,'unset']\n }),\n hoverPanel : mq({\n //height: '30%',\n //backgroundColor: 'red',\n position: 'absolute',\n //overflow: 'hidden',\n top: '0',\n bottom: '0',\n left: '0',\n right: '0',\n zIndex: '-1'\n }),\n hoverPanelTop : mq({\n height: ['46%',null,'55%'],\n position: 'relative',\n //backgroundColor: variables.orangeColor,\n '&.one-line' : mq({\n height: ['41%',null,'55%']\n })\n }),\n productName : mq({\n //color: variables.orangeColor,\n lineHeight: '1.1',\n fontSize: '2.5rem',\n //paddingLeft: '0.5rem',\n //paddingRight: '0.5rem'\n }),\n productDes : mq({\n '&.des__0' : {\n fontWeight: 600\n }\n }),\n productRate : {\n fontWeight: 600,\n marginTop:'1.5rem',\n //marginBottom: '1rem'\n },\n expendablePanel : {\n marginTop: '1rem',\n '&.open' : {\n '.exPanelTitle svg' : {\n transform:'translateY(-50%) rotate(180deg)'\n },\n '.expendablePanelContent' : {\n opacity: '1',\n //height: '100%'\n height: 'auto'\n }\n }\n },\n expendablePanelTitle : {\n borderBottom: `1px solid`,\n cursor:'pointer',\n position:'relative',\n 'svg' : {\n position:'absolute',\n right:'0px',\n top:'50%',\n transform: 'translateY(-50%)',\n transition: 'all 0.2s ease-in-out'\n }\n },\n expendablePanelContent : {\n transition: 'opacity 1s ease-out !important',\n opacity: '0',\n height: '0',\n overflow:'hidden'\n },\n expanleTitle : {\n fontWeight: 600,\n },\n content : {\n fontSize: '0.9rem'\n },\n searchFunctionText : {\n fontWeight: 600,\n marginTop:'3rem',\n marginBottom: '1rem'\n },\n searchTextTitle : {\n fontWeight: 600,\n fontSize: '2.2rem',\n textTransform: 'uppercase',\n color: variables.orangeColor,\n marginBottom: '1.5rem'\n }\n}","import React, { useState, useEffect } from 'react';\r\nimport { useGet } from '../../../components';\r\nimport { Item } from '../../items/item';\r\nimport { NotFound } from '../../../components';\r\nimport env from '../../../env';\r\nimport { useStore } from '../../../store';\r\nimport { ErrorPopup, Loading } from '../../../components';\r\n\r\nconst log = (...args) => {\r\n //console.log(args);\r\n}\r\nconst areEqual = (prevProps, nextProps) => {\r\n return (prevProps.pageData === nextProps.pageData)\r\n};\r\nconst PageMemo = React.memo(Page, areEqual)\r\n\r\nexport function ViewPartial({pageOptions = null}) {\r\n const { dispatch } = useStore();\r\n const [pageLoaded, setPageLoaded] = useState(false);\r\n const [data, setData] = useState(null);\r\n //const path = usePath();\r\n //log('view page', path);\r\n const pathname = '/partials/common-footer';\r\n\r\n const get = useGet();\r\n log('0. viewpage ready');\r\n\r\n useEffect(() => {\r\n log('*. start loading')\r\n setPageLoaded(false);\r\n get.send(env.apiBase + \"/api/cms/GetPublishedPage?path=\" + pathname);\r\n // eslint-disable-next-line\r\n }, [pathname]);\r\n\r\n useEffect(() => {\r\n if (data){\r\n dispatch({ type: 'SET_PAGE', payload: data.data })\r\n dispatch({ type: 'SET_MENU', payload: data.menu })\r\n }\r\n // eslint-disable-next-line\r\n }, [data]);\r\n\r\n if (get.loading()) {\r\n return \n {\n (galleryImages && galleryImages.length > 0) &&\n galleryImages.map((item, index) =>\n
\n {\n e.stopPropagation(); e.preventDefault();\n setPopupIndex(index >= 0 ? index : 0);\n setToggler(!toggler);\n }}>\n \n
\n )\n }\n \n
\n \n 
\n }\n
\n \n
\n \n IF THIS LISTING IS NOT WHAT YOU ARE LOOKING FOR, USE THE SEARCH FUNCTION BELOW.\n
\n {text}
)\n )\n }\n return (\n \n )\n }\n\n return (\n\n {product.productName.toUpperCase()}\n
\n\n Rate : {'$' + product.rateFrom} ~ {'$' + product.rateTo}\n
\n }\n \n
\n {\n setOpen(!open);\n }}>\n CONTACT DETAILS \n
\n \n \n {\n communication.map((item, index) => {\n if ((isAtdwProduct === true && item.attributeIdCommunicationDescription.toLowerCase().includes(\"email\")) ||\n (isAtdwProduct === false && item.type === 'email')) {\n return (\n
\n \n {item.attributeIdCommunicationDescription + ' : '} \n {item.communicationDetail}\n
\n )\n }\n else if ((isAtdwProduct === true && item.attributeIdCommunicationDescription.toLowerCase().includes(\"phone\")) ||\n (isAtdwProduct === false && item.type === 'tel')) {\n let phoneNumber = item.communicationDetail;\n if (item.communicationDetail && item.communicationDetail !== '') {\n let _phoneNumber = (item.communicationAreaCode ? item.communicationAreaCode : '') + item.communicationDetail.replace(/\\s/g, \"\");\n phoneNumber = \"+\" + item.communicationIsdCode + _phoneNumber.slice(1);\n }\n return (\n \n {item.attributeIdCommunicationDescription + ' : '} \n {item.communicationDetail}\n
\n )\n }\n else if ((isAtdwProduct === true && item.attributeIdCommunicationDescription.toLowerCase().includes(\"url\")) ||\n (isAtdwProduct === false && item.type === 'url')) {\n return (\n \n {item.attributeIdCommunicationDescription + ' : '} \n {item.communicationDetail}\n
\n )\n }\n else {\n return (\n \n {item.attributeIdCommunicationDescription + ' : '} \n {item.communicationDetail} \n
\n )\n }\n })\n }\n \n
\n {\n setOpen(!open);\n }}>\n DATES & TIME \n
\n \n \n
\n \n {\n dates.map((item, index) => {\n let pDate = new Date(item.frequencyStartDate);\n let monthResult = '';\n let startTime = isAtdwProduct ? item.frequencyStartTime : '';\n\n console.log(\"pDate.getMonth\", pDate.getMonth());\n\n switch (pDate.getMonth()) {\n case 0: monthResult = \"January\"\n break;\n case 1: monthResult = \"February\"\n break;\n case 2: monthResult = \"March\"\n break;\n case 3: monthResult = \"April\"\n break;\n case 4: monthResult = \"May\"\n break;\n case 5: monthResult = \"June\"\n break;\n case 6: monthResult = \"July\"\n break;\n case 7: monthResult = \"August\"\n break;\n case 8: monthResult = \"September\"\n break;\n case 9: monthResult = \"October\"\n break;\n case 10: monthResult = \"November\"\n break;\n case 11: monthResult = \"December\"\n break;\n default: monthResult = \"\"\n break;\n }\n\n if (startTime && startTime !== '') {\n const timeList = item.frequencyStartTime.split(\":\");\n if (parseInt(timeList[0]) > 12) {\n startTime = (timeList[0] - 12) + \":\" + timeList[1] + \" pm\";\n }\n else {\n startTime = timeList[0] + \":\" + timeList[1] + ' am';\n }\n }\n\n let dateResult = pDate.getDate() + 'th ' + monthResult + \" \" + pDate.getFullYear() + ((startTime && startTime !== '') ? ' ' + startTime : \"\");\n\n if (pDate >= todayDate) {\n return (\n
\n \n {\n // (('' + pDate.getDate()).length < 2 ? '0' + pDate.getDate() : '' + pDate.getDate()) + '-' +\n // (('' + (pDate.getMonth() + 1)).length < 2 ? '0' + (pDate.getMonth() + 1) : '' + (pDate.getMonth() + 1)) + '-' +\n // (isAtdwProduct ? pDate.getFullYear() + ' : ' + item.frequencyStartTime : pDate.getFullYear())\n dateResult\n }\n
\n )\n }\n return null;\n })\n }\n \n
\n {\n setOpen(!open);\n }}>\n PHOTO GALLERY & VIDEO \n
\n \n \n
\n \n
\n {\n setOpen(!open);\n }}>\n FEATURES \n
\n \n \n
\n \n {\n features.map((item, index) => {\n return (\n
\n \n
\n )\n })\n }\n \n
\n {\n\n // if(!openMap){\n // var map, marker;\n // map = new window.google.maps.Map(ele.current, {\n // center: {lat: geoCode.lat, lng: geoCode.lng},\n // zoom: 15\n // //mapId: \"77731b8119077e37\"\n // });\n // marker = new window.google.maps.Marker({\n // position: {lat: geoCode.lat, lng: geoCode.lng},\n // map: map,\n // title:productName\n // });\n // setTimeout(() => {\n // document.getElementById('atdwPageLocation').scrollIntoView({behavior:'smooth', block:'center'}); \n // }, 800);\n // console.log(marker);\n // }\n\n setTimeout(() => {\n document.getElementById('atdwPageLocation').scrollIntoView({ behavior: 'smooth', block: 'center' });\n }, 800);\n setOpenMap(!openMap);\n }}>\n LOCATION \n
\n \n \n
\n \n \n
\n \n \n {\n _multimedia.map((item, index) =>\n \n \n
\n \n {\n isAtdwProduct === true ? \n {\n item.map((_item, _index) => {\n return (\n ![\"image2\"](\"/sites/adelaidebeaches/media/banners/plan.jpg\")
\n : \n }\n
\n )\n }\n */}\n \n \n
\n \n {/*
\n \n \n
*/}\n \r\n
\r\n );\r\n}\r\n\r\nfunction App() {\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 {/*